From 952a4b8088922b73cd547e9e4dcdffa756351ce8 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 22 Nov 2024 12:31:19 +0100
Subject: [PATCH 001/165] chore: run tailwind upgrade

---
 pnpm-lock.yaml                                | 344 ++++++++++++++----
 www/package.json                              |   3 +-
 www/postcss.config.mjs                        |   3 +-
 www/src/app/(app)/docs/[...slug]/page.tsx     |   4 +-
 .../app/(app)/themes/components/borders.tsx   |   2 +-
 .../app/(app)/themes/components/colors.tsx    |   4 +-
 .../themes/components/explore-themes.tsx      |   2 +-
 .../(app)/themes/components/theme-select.tsx  |   2 +-
 www/src/app/(app)/themes/page.tsx             |   2 +-
 .../(preview)/preview/(marketing)/layout.tsx  |   2 +-
 www/src/components/code-block/client.tsx      |   4 +-
 www/src/components/code-block/code-block.tsx  |   4 +-
 www/src/components/code/code.tsx              |   2 +-
 www/src/components/mdx/code-block.tsx         |   2 +-
 www/src/components/mdx/mdx-components.tsx     |  10 +-
 www/src/components/mobile-nav.tsx             |   4 +-
 www/src/components/sidebar.tsx                |  18 +-
 www/src/components/theme-customizer.tsx       |   2 +-
 .../default/core/breadcrumbs/breadcrumbs.tsx  |   2 +-
 .../ui/default/core/calendar/calendar.tsx     |   2 +-
 .../ui/default/core/checkbox/checkbox.tsx     |   2 +-
 .../ui/default/core/color-area/color-area.tsx |   2 +-
 .../core/color-slider/color-slider.tsx        |   2 +-
 .../default/core/color-thumb/color-thumb.tsx  |   2 +-
 .../ui/default/core/command/command.tsx       |   4 +-
 .../ui/default/core/date-input/date-input.tsx |   2 +-
 .../ui/default/core/dialog/dialog.tsx         |   2 +-
 .../registry/ui/default/core/input/input.tsx  |   4 +-
 .../ui/default/core/list-box/list-box.tsx     |   4 +-
 .../registry/ui/default/core/menu/menu.tsx    |   4 +-
 .../core/number-field/number-field.tsx        |   2 +-
 .../ui/default/core/overlay/overlay.tsx       |   6 +-
 .../default/core/radio-group/radio-group.tsx  |   2 +-
 .../default/core/scroll-area/scroll-area.tsx  |   2 +-
 .../default/core/slider/demos/value-label.tsx |   4 +-
 .../ui/default/core/slider/slider.tsx         |   2 +-
 .../ui/default/core/switch/switch.tsx         |   2 +-
 .../registry/ui/default/core/table/table.tsx  |   2 +-
 .../registry/ui/default/core/tabs/tabs.tsx    |   6 +-
 .../registry/ui/default/lib/focus-styles.ts   |   4 +-
 www/src/styles/globals.css                    | 135 ++++---
 www/tailwind.config.ts                        |   1 -
 42 files changed, 433 insertions(+), 181 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cbbc7bef7..24e158701 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -322,7 +322,7 @@ importers:
         version: 2.5.2
       tailwind-variants:
         specifier: ^0.2.1
-        version: 0.2.1(tailwindcss@3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2)))
+        version: 0.2.1(tailwindcss@4.0.0-beta.1)
       tsx:
         specifier: ^4.7.1
         version: 4.19.1
@@ -348,6 +348,9 @@ importers:
       '@dotui/ts-config':
         specifier: workspace:*
         version: link:../packages/config/tsconfig
+      '@tailwindcss/postcss':
+        specifier: 4.0.0-beta.1
+        version: 4.0.0-beta.1
       '@types/estree':
         specifier: ^1.0.6
         version: 1.0.6
@@ -373,14 +376,14 @@ importers:
         specifier: ^6.0.1
         version: 6.0.1
       tailwindcss:
-        specifier: ^3.4.3
-        version: 3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2))
+        specifier: 4.0.0-beta.1
+        version: 4.0.0-beta.1
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2)))
+        version: 1.0.7(tailwindcss@4.0.0-beta.1)
       tailwindcss-react-aria-components:
         specifier: 3.0.0-nightly-dcc0752f8-241031
-        version: 3.0.0-nightly-dcc0752f8-241031(tailwindcss@3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2)))
+        version: 3.0.0-nightly-dcc0752f8-241031(tailwindcss@4.0.0-beta.1)
       typescript:
         specifier: ^5
         version: 5.6.2
@@ -2624,6 +2627,82 @@ packages:
     resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==}
     engines: {node: '>=14.16'}
 
+  '@tailwindcss/node@4.0.0-beta.1':
+    resolution: {integrity: sha512-AC06Y7qvJgmWujCkhbiqw6jjJuv7YLsiJPme1Ojt34/E0mEeSfqoYWy+vSHMerWsYUH0abB5WbFl0Go1hGIjhg==}
+
+  '@tailwindcss/oxide-android-arm64@4.0.0-beta.1':
+    resolution: {integrity: sha512-Wbmk4zLAHRupYip1Y8bL4pM4ra5W9lGmUjRNwxQI99Y5sV5Alg4WA0d3EjStFHc0J5aHNr0GhIQGrVMUbwbiow==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.1':
+    resolution: {integrity: sha512-vCFYA7zIX55pJ4WTQx8p2g5rNtQzExObP6cQ6UCqAARhFJOS7oSUQM9lqieyBwtnQhnNaNbK4Ijak9JJ6RtjmA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.1':
+    resolution: {integrity: sha512-bhCxV2bI2H2bddodbCSqsmUmqcH27gm1sStBXhikj31l0+dhj5JpFn5Ac05vrc2ZOviYaMGKl4o8P1QcaZrc8g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.1':
+    resolution: {integrity: sha512-dZoqFXOuDuBWIklCNbEG5ZOe7ISU0UgI1e0Vj4MoreGi+TzNYmQ30AFoS48GnbSPXSlFvRGUAqDYeynkz03j+g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.1':
+    resolution: {integrity: sha512-wZ581r0bihhcNTEe46jWc/BrFQbiIk8VcYLiLc5Lkp7f1oRP8cAu5zioLA0SmNI6GPs0T4bW3arU+HfkZQbcpQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.1':
+    resolution: {integrity: sha512-yIiLaUaNxmcjzcKsyl3NiBrkhXQQ8JZPOpgHz69bx7R5AUf2n6k6nhaBOnnkUeyagFE1KW9CbwiXU/O6LV7w3w==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.1':
+    resolution: {integrity: sha512-yOSYdz2SAcOZuuE+7Q3hdfOG+choEBFVAq1/D8ARjD784Yx0iV+rRvVq62tZEa1hKIHQWmXebZ/fOMmMsoAbKw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.1':
+    resolution: {integrity: sha512-3vW9ykpppPEctih/jc5VEigGGW0zJPW1pgEHPd9l7s5u5JRqAbHcFMoVebQtTiUiqLprhCyrcIfjxlllxPTkyQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.1':
+    resolution: {integrity: sha512-GRwyuahNxY/EcgrrH/37P1sjFjA1NIH9q8pChfQEPiD0P3LKEAw6jgf2JPE9/4mNpOX32DAl4uD0ByrumhPtlQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.1':
+    resolution: {integrity: sha512-OdcL9PqV2vkk+QWnERL/8IIy+3IbNqYOCFnZhNMeYSO361L+nfDOjR/E7RS0UaZVWrRjWXohBG1oCH9upg5lBg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.1':
+    resolution: {integrity: sha512-fbqZjbw9CtfhK8ADoZf66lHbRQvOMRX+EcURQUtpMtpYQsv+NKx41zOaYi0ivTTJhr3jmX8xyx3KDVOBMI6fBw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.0.0-beta.1':
+    resolution: {integrity: sha512-MnnV7WKj5rd+AcPybDkLngtZJUvXrC8368NKkzMpqnTR1DgM3NJ+Kz/mtW8hEtr2ScpQ8WDUTPdtMcEg+iKuBA==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/postcss@4.0.0-beta.1':
+    resolution: {integrity: sha512-1ZdgGDt9s2vogYc0oSQGekx3SNcXlHg/JLFYQcRTlpEiISqSMNWxfvMWgp9oau9dcXV+7JL16jb6Q4sAdT3Mmw==}
+
   '@trivago/prettier-plugin-sort-imports@4.3.0':
     resolution: {integrity: sha512-r3n0onD3BTOVUNPhR4lhVK4/pABGpbA7bW3eumZnYdKaHkf1qEC+Mag6DPbGNuuh0eG8AaYj+YqmVHSiGslaTQ==}
     peerDependencies:
@@ -3402,6 +3481,11 @@ packages:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
 
+  detect-libc@1.0.3:
+    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
   detect-libc@2.0.3:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
@@ -4356,6 +4440,10 @@ packages:
     resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
     hasBin: true
 
+  jiti@2.4.0:
+    resolution: {integrity: sha512-H5UpaUI+aHOqZXlYOaFP/8AzKsg+guWu+Pr3Y8i7+Y3zr1aXAvCvTAQ1RxSc6oVD8R8c7brgNtTVP91E7upH/g==}
+    hasBin: true
+
   jju@1.4.0:
     resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
 
@@ -4464,6 +4552,70 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
+  lightningcss-darwin-arm64@1.28.1:
+    resolution: {integrity: sha512-VG3vvzM0m/rguCdm76DdobNeNJnHK+jWcdkNLFWHLh9YCotRvbRIt45JxwcHlIF8TDqWStVLTdghq5NaigVCBQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.28.1:
+    resolution: {integrity: sha512-O7ORdislvKfMohFl4Iq7fxKqdJOuuxArcglVI3amuFO5DJ0wfV3Gxgi1JRo49slfr7OVzJQEHLG4muTWYM5cTQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.28.1:
+    resolution: {integrity: sha512-b7sF89B31kYYijxVcFO7l5u6UNA862YstNu+3YbLl/IQKzveL4a5cwR5cdpG+OOhErg/c2u9WCmzZoX2I5GBvw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.28.1:
+    resolution: {integrity: sha512-p61kXwvhUDLLzkWHjzSFfUBW/F0iy3jr3CWi3k8SKULtJEsJXTI9DqRm9EixxMSe2AMBQBt4auTYiQL4B1N51A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.28.1:
+    resolution: {integrity: sha512-iO+fN9hOMmzfwqcG2/BgUtMKD48H2JO/SXU44fyIwpY2veb65QF5xiRrQ9l1FwIxbGK3231KBYCtAqv+xf+NsQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.28.1:
+    resolution: {integrity: sha512-dnMHeXEmCUzHHZjaDpQBYuBKcN9nPC3nPFKl70bcj5Bkn5EmkcgEqm5p035LKOgvAwk1XwLpQCML6pXmCwz0NQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.28.1:
+    resolution: {integrity: sha512-7vWDISaMUn+oo2TwRdf2hl/BLdPxvywv9JKEqNZB/0K7bXwV4XE9wN/C2sAp1gGuh6QBA8lpjF4JIPt3HNlCHA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.28.1:
+    resolution: {integrity: sha512-IHCu9tVGP+x5BCpA2rF3D04DBokcBza/a8AuHQU+1AiMKubuMegPwcL7RatBgK4ztFHeYnnD5NdhwhRfYMAtNA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.28.1:
+    resolution: {integrity: sha512-Erm72kHmMg/3h350PTseskz+eEGBM17Fuu79WW2Qqt0BfWSF1jHHc12lkJCWMYl5jcBHPs5yZdgNHtJ7IJS3Uw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.28.1:
+    resolution: {integrity: sha512-ZPQtvx+uQBzrSdHH8p4H3M9Alue+x369TPZAA3b4K3d92FPhpZCuBG04+HQzspam9sVeID9mI6f3VRAs2ezaEA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.28.1:
+    resolution: {integrity: sha512-KRDkHlLlNj3DWh79CDt93fPlRJh2W1AuHV0ZSZAMMuN7lqlsZTV5842idfS1urWG8q9tc17velp1gCXhY7sLnQ==}
+    engines: {node: '>= 12.0.0'}
+
   lilconfig@2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
     engines: {node: '>=10'}
@@ -5996,6 +6148,9 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
+  tailwindcss@4.0.0-beta.1:
+    resolution: {integrity: sha512-Pnj2oLtAiNgnd+eHfW4RFuG8EIklYF1FModYFtr6bXrgLoZndePW5jX17Zwyo7Oeq+0dXTekjjMr5IRnQHgCXg==}
+
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
@@ -9475,6 +9630,68 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
+  '@tailwindcss/node@4.0.0-beta.1':
+    dependencies:
+      enhanced-resolve: 5.17.1
+      jiti: 2.4.0
+      tailwindcss: 4.0.0-beta.1
+
+  '@tailwindcss/oxide-android-arm64@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.1':
+    optional: true
+
+  '@tailwindcss/oxide@4.0.0-beta.1':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.0.0-beta.1
+      '@tailwindcss/oxide-darwin-arm64': 4.0.0-beta.1
+      '@tailwindcss/oxide-darwin-x64': 4.0.0-beta.1
+      '@tailwindcss/oxide-freebsd-x64': 4.0.0-beta.1
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0-beta.1
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0-beta.1
+      '@tailwindcss/oxide-linux-arm64-musl': 4.0.0-beta.1
+      '@tailwindcss/oxide-linux-x64-gnu': 4.0.0-beta.1
+      '@tailwindcss/oxide-linux-x64-musl': 4.0.0-beta.1
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0-beta.1
+      '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-beta.1
+
+  '@tailwindcss/postcss@4.0.0-beta.1':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.0.0-beta.1
+      '@tailwindcss/oxide': 4.0.0-beta.1
+      lightningcss: 1.28.1
+      postcss: 8.4.47
+      tailwindcss: 4.0.0-beta.1
+
   '@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.3.3)':
     dependencies:
       '@babel/generator': 7.17.7
@@ -10333,6 +10550,8 @@ snapshots:
 
   detect-indent@6.1.0: {}
 
+  detect-libc@1.0.3: {}
+
   detect-libc@2.0.3: {}
 
   detect-node-es@1.1.0: {}
@@ -11646,6 +11865,8 @@ snapshots:
 
   jiti@1.21.6: {}
 
+  jiti@2.4.0: {}
+
   jju@1.4.0: {}
 
   jotai-immer@0.4.1(immer@10.1.1)(jotai@2.10.1(@types/react@18.3.10)(react@18.3.1)):
@@ -11731,6 +11952,51 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  lightningcss-darwin-arm64@1.28.1:
+    optional: true
+
+  lightningcss-darwin-x64@1.28.1:
+    optional: true
+
+  lightningcss-freebsd-x64@1.28.1:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.28.1:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.28.1:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.28.1:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.28.1:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.28.1:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.28.1:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.28.1:
+    optional: true
+
+  lightningcss@1.28.1:
+    dependencies:
+      detect-libc: 1.0.3
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.28.1
+      lightningcss-darwin-x64: 1.28.1
+      lightningcss-freebsd-x64: 1.28.1
+      lightningcss-linux-arm-gnueabihf: 1.28.1
+      lightningcss-linux-arm64-gnu: 1.28.1
+      lightningcss-linux-arm64-musl: 1.28.1
+      lightningcss-linux-x64-gnu: 1.28.1
+      lightningcss-linux-x64-musl: 1.28.1
+      lightningcss-win32-arm64-msvc: 1.28.1
+      lightningcss-win32-x64-msvc: 1.28.1
+
   lilconfig@2.1.0: {}
 
   lilconfig@3.1.2: {}
@@ -12980,14 +13246,6 @@ snapshots:
       postcss: 8.4.47
       ts-node: 10.9.2(@types/node@22.7.7)(typescript@5.6.2)
 
-  postcss-load-config@4.0.2(postcss@8.4.47)(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2)):
-    dependencies:
-      lilconfig: 3.1.2
-      yaml: 2.5.1
-    optionalDependencies:
-      postcss: 8.4.47
-      ts-node: 10.9.2(@types/node@18.19.54)(typescript@5.6.2)
-
   postcss-load-config@4.0.2(postcss@8.4.47)(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2)):
     dependencies:
       lilconfig: 3.1.2
@@ -13854,45 +14112,18 @@ snapshots:
 
   tailwind-merge@2.5.2: {}
 
-  tailwind-variants@0.2.1(tailwindcss@3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2))):
+  tailwind-variants@0.2.1(tailwindcss@4.0.0-beta.1):
     dependencies:
       tailwind-merge: 2.5.2
-      tailwindcss: 3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2))
+      tailwindcss: 4.0.0-beta.1
 
-  tailwindcss-animate@1.0.7(tailwindcss@3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2))):
+  tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.1):
     dependencies:
-      tailwindcss: 3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2))
+      tailwindcss: 4.0.0-beta.1
 
-  tailwindcss-react-aria-components@3.0.0-nightly-dcc0752f8-241031(tailwindcss@3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2))):
+  tailwindcss-react-aria-components@3.0.0-nightly-dcc0752f8-241031(tailwindcss@4.0.0-beta.1):
     dependencies:
-      tailwindcss: 3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2))
-
-  tailwindcss@3.4.13(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2)):
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      arg: 5.0.2
-      chokidar: 3.6.0
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.3.2
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.6
-      lilconfig: 2.1.0
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.1.0
-      postcss: 8.4.47
-      postcss-import: 15.1.0(postcss@8.4.47)
-      postcss-js: 4.0.1(postcss@8.4.47)
-      postcss-load-config: 4.0.2(postcss@8.4.47)(ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2))
-      postcss-nested: 6.2.0(postcss@8.4.47)
-      postcss-selector-parser: 6.1.2
-      resolve: 1.22.8
-      sucrase: 3.35.0
-    transitivePeerDependencies:
-      - ts-node
+      tailwindcss: 4.0.0-beta.1
 
   tailwindcss@3.4.13(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2)):
     dependencies:
@@ -13921,6 +14152,8 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
+  tailwindcss@4.0.0-beta.1: {}
+
   tapable@2.2.1: {}
 
   tar@7.4.3:
@@ -13999,25 +14232,6 @@ snapshots:
       '@ts-morph/common': 0.25.0
       code-block-writer: 13.0.3
 
-  ts-node@10.9.2(@types/node@18.19.54)(typescript@5.6.2):
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.11
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.4
-      '@types/node': 18.19.54
-      acorn: 8.12.1
-      acorn-walk: 8.3.4
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.2
-      make-error: 1.3.6
-      typescript: 5.6.2
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-    optional: true
-
   ts-node@10.9.2(@types/node@20.5.1)(typescript@5.6.2):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
diff --git a/www/package.json b/www/package.json
index 545002f19..6e460a8ae 100644
--- a/www/package.json
+++ b/www/package.json
@@ -68,6 +68,7 @@
     "@dotui/eslint-config": "workspace:*",
     "@dotui/registry": "workspace:*",
     "@dotui/ts-config": "workspace:*",
+    "@tailwindcss/postcss": "4.0.0-beta.1",
     "@types/estree": "^1.0.6",
     "@types/mdast": "^4.0.4",
     "@types/node": "^18.17.0",
@@ -76,7 +77,7 @@
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.31",
     "rimraf": "^6.0.1",
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "4.0.0-beta.1",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-react-aria-components": "3.0.0-nightly-dcc0752f8-241031",
     "typescript": "^5",
diff --git a/www/postcss.config.mjs b/www/postcss.config.mjs
index 4dafb25fa..bc52b4a02 100644
--- a/www/postcss.config.mjs
+++ b/www/postcss.config.mjs
@@ -1,7 +1,6 @@
 const config = {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
+    "@tailwindcss/postcss": {},
   },
 };
 
diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index 5ca999404..b20613f2a 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -36,7 +36,7 @@ export default async function Page({ params }: PageProps) {
           page.data.toc && page.data.toc.length > 0,
       })}
     >
-      <div className="container max-w-screen-md">
+      <div className="container max-w-(--breakpoint-md)">
         <Breadcrumbs tree={source.pageTree} className="mb-2" />
         <h1 className="text-4xl font-bold">{page.data.title}</h1>
         <p className="text-fg-muted mt-2">{page.data.description}</p>
@@ -67,7 +67,7 @@ export default async function Page({ params }: PageProps) {
       </div>
       {page.data.toc && page.data.toc.length > 0 && (
         <div className="hidden text-sm xl:block">
-          <div className="sticky top-8 h-[calc(100svh-theme(spacing.8))] pr-8">
+          <div className="sticky top-8 h-[calc(100svh-calc(var(--spacing)*8))] pr-8">
             <TableOfContents toc={page.data.toc as TocType} />
           </div>
         </div>
diff --git a/www/src/app/(app)/themes/components/borders.tsx b/www/src/app/(app)/themes/components/borders.tsx
index a15162367..734e46532 100644
--- a/www/src/app/(app)/themes/components/borders.tsx
+++ b/www/src/app/(app)/themes/components/borders.tsx
@@ -33,7 +33,7 @@ export function Borders() {
           handleRadiusChange(value as number);
         }}
         isDisabled={!isCurrentThemeEditable}
-        className="!w-full"
+        className="w-full!"
       >
         <div className="flex items-center justify-between">
           <Label>Radius (rem)</Label>
diff --git a/www/src/app/(app)/themes/components/colors.tsx b/www/src/app/(app)/themes/components/colors.tsx
index ce0bb5e88..bcf449aea 100644
--- a/www/src/app/(app)/themes/components/colors.tsx
+++ b/www/src/app/(app)/themes/components/colors.tsx
@@ -117,7 +117,7 @@ export const Colors = (props: React.HTMLAttributes<HTMLDivElement>) => {
             }
             isDisabled={!isCurrentThemeEditable}
             size="sm"
-            className="!w-full"
+            className="w-full!"
           />
         </Skeleton>
         <Skeleton show={isLoading}>
@@ -130,7 +130,7 @@ export const Colors = (props: React.HTMLAttributes<HTMLDivElement>) => {
               handleColorConfigChange("saturation", value as number)
             }
             isDisabled={!isCurrentThemeEditable}
-            className="!w-full"
+            className="w-full!"
           />
         </Skeleton>
       </div>
diff --git a/www/src/app/(app)/themes/components/explore-themes.tsx b/www/src/app/(app)/themes/components/explore-themes.tsx
index 3def02a1d..b854b752d 100644
--- a/www/src/app/(app)/themes/components/explore-themes.tsx
+++ b/www/src/app/(app)/themes/components/explore-themes.tsx
@@ -17,7 +17,7 @@ export const ExploreThemesDialog = ({
   return (
     <DialogRoot>
       {children}
-      <Dialog type="drawer" className="container max-w-screen-xl !py-8">
+      <Dialog type="drawer" className="container max-w-(--breakpoint-xl) py-8!">
         {({ close }) => (
           <>
             <h2 className="text-lg font-bold">Themes</h2>
diff --git a/www/src/app/(app)/themes/components/theme-select.tsx b/www/src/app/(app)/themes/components/theme-select.tsx
index 4c02dd0c5..5875530ff 100644
--- a/www/src/app/(app)/themes/components/theme-select.tsx
+++ b/www/src/app/(app)/themes/components/theme-select.tsx
@@ -308,7 +308,7 @@ const AutoResizeInput = React.forwardRef<HTMLInputElement, InputProps>(
         ref={mergeRefs(inputRef, forwardedRef)}
         onChange={chain(onChange, setInputValue)}
         className={cn(
-          "border-fg min-w-[10px] focus:border-b focus:outline-none",
+          "border-fg min-w-[10px] focus:border-b focus:outline-hidden",
           className
         )}
         {...props}
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index e24812fb5..b7427e99f 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -61,7 +61,7 @@ export default function Page() {
               </Alert>
             </div>
           </div>
-          <div className="sticky top-10 hidden h-[calc(100svh-theme(spacing.20))] justify-center lg:col-span-7 lg:flex">
+          <div className="sticky top-10 hidden h-[calc(100svh-calc(var(--spacing)*20))] justify-center lg:col-span-7 lg:flex">
             <Preview />
           </div>
         </div>
diff --git a/www/src/app/(preview)/preview/(marketing)/layout.tsx b/www/src/app/(preview)/preview/(marketing)/layout.tsx
index a6f80515d..84f2ad826 100644
--- a/www/src/app/(preview)/preview/(marketing)/layout.tsx
+++ b/www/src/app/(preview)/preview/(marketing)/layout.tsx
@@ -7,7 +7,7 @@ export default function MarketingLayout({
   children: React.ReactNode;
 }) {
   return (
-    <div className="container max-w-screen-lg">
+    <div className="container max-w-(--breakpoint-lg)">
       <Header />
       <main className="mt-16">{children}</main>
       <Footer />
diff --git a/www/src/components/code-block/client.tsx b/www/src/components/code-block/client.tsx
index 1a340d803..55cd27f53 100644
--- a/www/src/components/code-block/client.tsx
+++ b/www/src/components/code-block/client.tsx
@@ -100,12 +100,12 @@ const CodeBlockClient = ({
         className={cn(isExpanded ? "max-h-[400px]" : "max-h-[200px]")}
       >
         {preview && !isExpanded ? (
-          <TabPanel id={files[0].fileName} className="!mt-0">
+          <TabPanel id={files[0].fileName} className="mt-0!">
             {preview}
           </TabPanel>
         ) : (
           files.map(({ fileName, code }, index) => (
-            <TabPanel key={index} id={fileName} className="!mt-0">
+            <TabPanel key={index} id={fileName} className="mt-0!">
               {code}
             </TabPanel>
           ))
diff --git a/www/src/components/code-block/code-block.tsx b/www/src/components/code-block/code-block.tsx
index 9fb1812c5..7c272d6bd 100644
--- a/www/src/components/code-block/code-block.tsx
+++ b/www/src/components/code-block/code-block.tsx
@@ -28,7 +28,7 @@ const CodeBlock = async ({
     });
     preview = (
       <div
-        className="[&_pre]:outline-none [&_span]:!bg-transparent dark:[&_span]:!text-[var(--shiki-dark)]"
+        className="[&_pre]:outline-hidden [&_span]:bg-transparent! dark:[&_span]:text-(--shiki-dark)!"
         dangerouslySetInnerHTML={{ __html: html }}
       />
     );
@@ -48,7 +48,7 @@ const CodeBlock = async ({
         codeStr: code,
         code: (
           <div
-            className="[&_pre]:outline-none [&_span]:!bg-transparent dark:[&_span]:!text-[var(--shiki-dark)]"
+            className="[&_pre]:outline-hidden [&_span]:bg-transparent! dark:[&_span]:text-(--shiki-dark)!"
             dangerouslySetInnerHTML={{ __html: html }}
           />
         ),
diff --git a/www/src/components/code/code.tsx b/www/src/components/code/code.tsx
index f6df84fd6..e07611504 100644
--- a/www/src/components/code/code.tsx
+++ b/www/src/components/code/code.tsx
@@ -31,7 +31,7 @@ const Code = async ({
   const ElementType = inline ? "span" : "div";
   const code = (
     <ElementType
-      className="[&_pre]:outline-none [&_span]:!bg-transparent dark:[&_span]:!text-[var(--shiki-dark)]"
+      className="[&_pre]:outline-hidden [&_span]:bg-transparent! dark:[&_span]:text-(--shiki-dark)!"
       dangerouslySetInnerHTML={{ __html: html }}
     />
   );
diff --git a/www/src/components/mdx/code-block.tsx b/www/src/components/mdx/code-block.tsx
index cb277c173..eb984e6f6 100644
--- a/www/src/components/mdx/code-block.tsx
+++ b/www/src/components/mdx/code-block.tsx
@@ -100,7 +100,7 @@ export const CodeBlock = forwardRef<HTMLElement, CodeBlockProps>(
         ) : (
           allowCopy && (
             <CopyButton
-              className="absolute right-2 top-2 z-[2] backdrop-blur-sm"
+              className="absolute right-2 top-2 z-2 backdrop-blur-sm"
               onCopy={onCopy}
             />
           )
diff --git a/www/src/components/mdx/mdx-components.tsx b/www/src/components/mdx/mdx-components.tsx
index 293e27898..d9572e940 100644
--- a/www/src/components/mdx/mdx-components.tsx
+++ b/www/src/components/mdx/mdx-components.tsx
@@ -42,7 +42,7 @@ export const mdxComponents: MDXComponents = {
   p: ({ className, ...props }) => (
     <p
       className={cn(
-        "text-base leading-7 [&:not(:first-child)]:mt-4",
+        "text-base leading-7 not-first:mt-4",
         className
       )}
       {...props}
@@ -60,7 +60,7 @@ export const mdxComponents: MDXComponents = {
   blockquote: ({ className, ...props }) => (
     <blockquote
       className={cn(
-        "[&>*]:text-fg-muted mt-6 border-l-2 pl-6 italic",
+        "*:text-fg-muted mt-6 border-l-2 pl-6 italic",
         className
       )}
       {...props}
@@ -109,7 +109,7 @@ export const mdxComponents: MDXComponents = {
   pre: ({ className, ...props }: React.HTMLAttributes<HTMLPreElement>) => (
     <Pre
       className={cn(
-        "[&:not(:first-child)]:mt-4 [&_code]:bg-transparent [&_code]:p-0 [&_code]:text-xs",
+        "not-first:mt-4 [&_code]:bg-transparent [&_code]:p-0 [&_code]:text-xs",
         className
       )}
       {...props}
@@ -136,13 +136,13 @@ export const mdxComponents: MDXComponents = {
   ComponentSource: ({ name, ...rest }: { name: string }) => (
     <ComponentSource
       name={name}
-      className="w-full [&:not(:first-child)]:mt-4"
+      className="w-full not-first:mt-4"
       {...rest}
     />
   ),
   ComponentPreview: (props: ComponentPreviewProps) => (
     <ComponentPreview
-      containerClassName="[&:not(:first-child)]:mt-4"
+      containerClassName="not-first:mt-4"
       {...props}
     />
   ),
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index 09f51456a..0f781b368 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -15,7 +15,7 @@ import { ThemeSwitcher } from "./theme-switcher";
 export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
   return (
     <header className="bg-bg sticky top-0 z-50 block border-b backdrop-blur-md sm:hidden">
-      <div className="container flex h-14 w-full max-w-screen-2xl items-center justify-between">
+      <div className="container flex h-14 w-full max-w-(--breakpoint-2xl) items-center justify-between">
         <DialogRoot>
           <Button variant="quiet" size="sm" shape="square">
             <AlignLeftIcon />
@@ -24,7 +24,7 @@ export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
             type="drawer"
             placement="left"
             swipeIndicator={false}
-            className="w-60 !p-0"
+            className="w-60 p-0!"
           >
             {({ close }) => (
               <div className="flex h-screen flex-col">
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index bca4e6496..6b2d01700 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -146,7 +146,7 @@ const SidebarRoot = ({
     <SidebarContext.Provider value={{ isCollapsed, onCollapseChange }}>
       <aside
         className="group/sidebar hidden text-sm sm:flex"
-        data-state={isCollapsed ? "collapsed" : "expanded"}
+        data-state={isCollapsed ? "" : undefined}
         style={
           {
             "--sidebar-width": "230px",
@@ -156,11 +156,11 @@ const SidebarRoot = ({
       >
         <div
           className={cn(
-            "transition-sidebar group-data-collapsed/sidebar:w-[--sidebar-width-collapsed] relative z-10 h-svh w-[--sidebar-width] bg-transparent"
+            "transition-sidebar group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) relative z-10 h-svh w-(--sidebar-width) bg-transparent"
           )}
         />
-        <div className="transition-sidebar bg-bg group-data-collapsed/sidebar:w-[--sidebar-width-collapsed] [&_svg]:text-fg-muted fixed inset-y-0 left-0 z-10 flex h-svh w-[--sidebar-width] flex-col overflow-hidden border-r [&_button]:font-normal">
-          <div className="relative flex h-svh w-[--sidebar-width] flex-1 translate-x-[-0.5px] flex-col overflow-hidden">
+        <div className="transition-sidebar bg-bg group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) [&_svg]:text-fg-muted fixed inset-y-0 left-0 z-10 flex h-svh w-(--sidebar-width) flex-col overflow-hidden border-r [&_button]:font-normal">
+          <div className="relative flex h-svh w-(--sidebar-width) flex-1 translate-x-[-0.5px] flex-col overflow-hidden">
             {children}
           </div>
         </div>
@@ -200,10 +200,10 @@ const Logo = () => {
 
 const SidebarToggle = ({ className, ...props }: ButtonProps) => {
   return (
-    <div className="transition-sidebar group-data-collapsed/sidebar:left-2 group-data-collapsed/sidebar:opacity-0 absolute left-[calc(var(--sidebar-width)-theme(spacing.10))] z-10 duration-75 group-hover/sidebar:opacity-100 has-[button:focus-visible]:opacity-100">
+    <div className="transition-sidebar group-data-collapsed/sidebar:left-2 group-data-collapsed/sidebar:opacity-0 absolute left-[calc(var(--sidebar-width)-calc(var(--spacing)*10))] z-10 duration-75 group-hover/sidebar:opacity-100 has-[button:focus-visible]:opacity-100">
       <Button
         className={cn(
-          "touch:opacity-100 group-data-collapsed/sidebar:opacity-0 focus:group-data-collapsed/sidebar:opacity-100 focus-visible:group-data-collapsed/sidebar:opacity-100 opacity-100 transition-all group-hover/sidebar:opacity-100",
+          "touch:opacity-100 group-data-collapsed/sidebar:opacity-0 group-data-collapsed/sidebar:focus:opacity-100 group-data-collapsed/sidebar:focus-visible:opacity-100 opacity-100 transition-all group-hover/sidebar:opacity-100",
           className
         )}
         shape="square"
@@ -310,7 +310,7 @@ const SearchCommandDialog = ({ isCollapsed }: { isCollapsed: boolean }) => {
           </div>
         </SidebarButton>
       </StyledTooltip>
-      <Dialog className="!p-0" showDismissButton={false}>
+      <Dialog className="p-0!" showDismissButton={false}>
         <SearchCommand
           onRunCommand={() => setIsOpen(false)}
           className="h-72 max-h-full rounded-lg"
@@ -491,7 +491,7 @@ const SidebarButton = ({
       )}
       {...props}
     >
-      <div className="transition-sidebar group-data-collapsed/sidebar:left-2 absolute inset-2 flex w-[calc(var(--sidebar-width)-theme(spacing.8))] items-center justify-center gap-2 whitespace-nowrap [&>svg]:size-4">
+      <div className="transition-sidebar group-data-collapsed/sidebar:left-2 absolute inset-2 flex w-[calc(var(--sidebar-width)-calc(var(--spacing)*8))] items-center justify-center gap-2 whitespace-nowrap [&>svg]:size-4">
         {children}
       </div>
     </Button>
@@ -512,7 +512,7 @@ const StyledTooltip = (props: TooltipProps) => {
 
 const SidebarFooter = ({ children }: { children: React.ReactNode }) => {
   return (
-    <div className="group-data-collapsed/sidebar:w-[--sidebar-width-collapsed] group-data-collapsed/sidebar:flex-col group-data-collapsed/sidebar:justify-end flex flex-row items-end justify-between gap-1 p-2">
+    <div className="group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) group-data-collapsed/sidebar:flex-col group-data-collapsed/sidebar:justify-end flex flex-row items-end justify-between gap-1 p-2">
       {children}
     </div>
   );
diff --git a/www/src/components/theme-customizer.tsx b/www/src/components/theme-customizer.tsx
index 862fd625f..620bb782c 100644
--- a/www/src/components/theme-customizer.tsx
+++ b/www/src/components/theme-customizer.tsx
@@ -192,7 +192,7 @@ export const ThemeCustomizerDialog = ({
                 handleRadiusChange(value as number);
               }}
               isDisabled={!isCurrentThemeEditable}
-              className="!w-36"
+              className="w-36!"
             />
           </Skeleton>
         </div>
diff --git a/www/src/registry/ui/default/core/breadcrumbs/breadcrumbs.tsx b/www/src/registry/ui/default/core/breadcrumbs/breadcrumbs.tsx
index 3651e2046..72f2c137d 100644
--- a/www/src/registry/ui/default/core/breadcrumbs/breadcrumbs.tsx
+++ b/www/src/registry/ui/default/core/breadcrumbs/breadcrumbs.tsx
@@ -15,7 +15,7 @@ import { ChevronRightIcon } from "@/__icons__";
 const breadcrumbsStyles = tv({
   slots: {
     root: "text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4",
-    item: "inline-flex items-center gap-1.5 [&_svg]:last:hidden",
+    item: "inline-flex items-center gap-1.5 last:[&_svg]:hidden",
     link: "hover:text-fg current:text-fg disabled:[&:not([data-current])]:text-fg-disabled inline-flex items-center gap-1.5 transition-colors disabled:cursor-default",
   },
 });
diff --git a/www/src/registry/ui/default/core/calendar/calendar.tsx b/www/src/registry/ui/default/core/calendar/calendar.tsx
index 1dee65eb1..aa0035280 100644
--- a/www/src/registry/ui/default/core/calendar/calendar.tsx
+++ b/www/src/registry/ui/default/core/calendar/calendar.tsx
@@ -63,7 +63,7 @@ const calendarStyles = tv({
           "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
           "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
           "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
-          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-none before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
+          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
           "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
           "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
           "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
diff --git a/www/src/registry/ui/default/core/checkbox/checkbox.tsx b/www/src/registry/ui/default/core/checkbox/checkbox.tsx
index 2c58f23c6..fd5caf0c3 100644
--- a/www/src/registry/ui/default/core/checkbox/checkbox.tsx
+++ b/www/src/registry/ui/default/core/checkbox/checkbox.tsx
@@ -21,7 +21,7 @@ const checkboxStyles = tv({
       "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75",
       "group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary",
       "group-read-only:cursor-default",
-      "group-disabled:border-border-disabled group-disabled:group-selected:text-fg-disabled group-disabled:group-selected:bg-bg-disabled group-disabled:group-indeterminate:bg-bg-disabled group-disabled:cursor-not-allowed",
+      "group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-not-allowed",
       "group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger",
     ],
   },
diff --git a/www/src/registry/ui/default/core/color-area/color-area.tsx b/www/src/registry/ui/default/core/color-area/color-area.tsx
index ad24e8dd2..9e603f564 100644
--- a/www/src/registry/ui/default/core/color-area/color-area.tsx
+++ b/www/src/registry/ui/default/core/color-area/color-area.tsx
@@ -9,7 +9,7 @@ import { tv } from "tailwind-variants";
 import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
 
 const colorAreaStyles = tv({
-  base: "disabled:!bg-bg-disabled inline-block size-48 min-w-20 rounded-md",
+  base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
 });
 
 type ColorAreaProps = Omit<ColorAreaRootProps, "children">;
diff --git a/www/src/registry/ui/default/core/color-slider/color-slider.tsx b/www/src/registry/ui/default/core/color-slider/color-slider.tsx
index 036f971f5..d4994305f 100644
--- a/www/src/registry/ui/default/core/color-slider/color-slider.tsx
+++ b/www/src/registry/ui/default/core/color-slider/color-slider.tsx
@@ -19,7 +19,7 @@ const colorSliderStyles = tv({
     root: "group/color-slider orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
     output: "text-fg-muted text-sm",
     track: [
-      "orientation-horizontal:w-48 orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-48 disabled:!bg-bg-disabled rounded-md",
+      "orientation-horizontal:w-48 orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-48 disabled:bg-bg-disabled! rounded-md",
       "relative before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
     ],
   },
diff --git a/www/src/registry/ui/default/core/color-thumb/color-thumb.tsx b/www/src/registry/ui/default/core/color-thumb/color-thumb.tsx
index eddbba708..900252e79 100644
--- a/www/src/registry/ui/default/core/color-thumb/color-thumb.tsx
+++ b/www/src/registry/ui/default/core/color-thumb/color-thumb.tsx
@@ -10,7 +10,7 @@ import { focusRing } from "@/registry/ui/default/lib/focus-styles";
 const colorThumbStyles = tv({
   extend: focusRing,
   base: [
-    "disabled:!bg-bg-disabled disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40",
+    "disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40",
     "group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2",
   ],
 });
diff --git a/www/src/registry/ui/default/core/command/command.tsx b/www/src/registry/ui/default/core/command/command.tsx
index 4bd43be88..f34ed3632 100644
--- a/www/src/registry/ui/default/core/command/command.tsx
+++ b/www/src/registry/ui/default/core/command/command.tsx
@@ -39,7 +39,7 @@ const CommandInput = React.forwardRef<
     <CommandPrimitive.Input
       ref={ref}
       className={cn(
-        "placeholder:text-fg-muted flex h-11 w-full rounded-md bg-transparent py-3 text-base outline-none disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
+        "placeholder:text-fg-muted flex h-11 w-full rounded-md bg-transparent py-3 text-base outline-hidden disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
         className
       )}
       {...props}
@@ -125,7 +125,7 @@ const CommandItem = React.forwardRef<
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
-      "aria-selected:bg-bg-muted aria-selected:text-fg relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm outline-none transition-colors",
+      "aria-selected:bg-bg-muted aria-selected:text-fg relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm outline-hidden transition-colors",
       className
     )}
     {...props}
diff --git a/www/src/registry/ui/default/core/date-input/date-input.tsx b/www/src/registry/ui/default/core/date-input/date-input.tsx
index db6759a82..31337a9bf 100644
--- a/www/src/registry/ui/default/core/date-input/date-input.tsx
+++ b/www/src/registry/ui/default/core/date-input/date-input.tsx
@@ -15,7 +15,7 @@ const dateInputStyles = tv({
       "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex items-center justify-start disabled:cursor-default",
     ],
     segment:
-      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled select-none rounded px-0.5 outline-none focus:caret-transparent",
+      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled select-none rounded px-0.5 outline-hidden focus:caret-transparent",
   },
 });
 
diff --git a/www/src/registry/ui/default/core/dialog/dialog.tsx b/www/src/registry/ui/default/core/dialog/dialog.tsx
index 64bc34565..4a7ab234c 100644
--- a/www/src/registry/ui/default/core/dialog/dialog.tsx
+++ b/www/src/registry/ui/default/core/dialog/dialog.tsx
@@ -20,7 +20,7 @@ import { Text } from "@/registry/ui/default/core/text";
 const dialogStyles = tv({
   slots: {
     content: [
-      "relative flex max-w-full flex-col rounded-[inherit] p-4 outline-none",
+      "relative flex max-w-full flex-col rounded-[inherit] p-4 outline-hidden",
       "group-data-[type=modal]/overlay:p-6",
       "group-data-[type=drawer]/overlay:pt-0",
     ],
diff --git a/www/src/registry/ui/default/core/input/input.tsx b/www/src/registry/ui/default/core/input/input.tsx
index 63065b091..992fc6cc2 100644
--- a/www/src/registry/ui/default/core/input/input.tsx
+++ b/www/src/registry/ui/default/core/input/input.tsx
@@ -24,12 +24,12 @@ const inputStyles = tv({
   slots: {
     root: [
       focusInput(),
-      "border-border-field bg-bg text-fg-muted inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base shadow-sm transition-colors sm:text-sm [&_svg]:size-4",
+      "border-border-field bg-bg text-fg-muted inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base shadow-xs transition-colors sm:text-sm [&_svg]:size-4",
       "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
       "invalid:border-border-danger focus-within:invalid:border-border",
     ],
     input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled h-full w-full bg-transparent outline-none disabled:cursor-default",
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled h-full w-full bg-transparent outline-hidden disabled:cursor-default",
     ],
   },
   variants: {
diff --git a/www/src/registry/ui/default/core/list-box/list-box.tsx b/www/src/registry/ui/default/core/list-box/list-box.tsx
index 774374813..147e223b6 100644
--- a/www/src/registry/ui/default/core/list-box/list-box.tsx
+++ b/www/src/registry/ui/default/core/list-box/list-box.tsx
@@ -18,7 +18,7 @@ import { CheckIcon, LoaderIcon } from "@/__icons__";
 const listBoxStyles = tv({
   base: [
     focusRing(),
-    "orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted flex flex-col overflow-auto p-1 outline-none empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic",
+    "orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted flex flex-col overflow-auto p-1 outline-hidden empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic",
     "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
   ],
   variants: {
@@ -31,7 +31,7 @@ const listBoxStyles = tv({
 
 const listBoxItemStyles = tv({
   base: [
-    "disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm outline-none transition-colors disabled:cursor-default",
+    "disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm outline-hidden transition-colors disabled:cursor-default",
     "selection-single:pl-0 selection-multiple:pl-0",
     "[&_svg]:size-4",
   ],
diff --git a/www/src/registry/ui/default/core/menu/menu.tsx b/www/src/registry/ui/default/core/menu/menu.tsx
index ca1d4e083..00ce23832 100644
--- a/www/src/registry/ui/default/core/menu/menu.tsx
+++ b/www/src/registry/ui/default/core/menu/menu.tsx
@@ -19,7 +19,7 @@ import { CheckIcon, ChevronRightIcon } from "@/__icons__";
 
 const menuStyles = tv({
   base: [
-    "max-h[inherit] rounded-[inherit] p-1 outline-none",
+    "max-h[inherit] rounded-[inherit] p-1 outline-hidden",
     "group-data-[type=drawer]/overlay:p-2",
     "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
   ],
@@ -27,7 +27,7 @@ const menuStyles = tv({
 
 const menuItemStyles = tv({
   base: [
-    "focus:bg-bg-inverse/10 disabled:text-fg-disabled flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm outline-none transition-colors disabled:pointer-events-none",
+    "focus:bg-bg-inverse/10 disabled:text-fg-disabled flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm outline-hidden transition-colors disabled:pointer-events-none",
     "selection-single:pl-0 selection-multiple:pl-0",
     "group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3",
     "group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2",
diff --git a/www/src/registry/ui/default/core/number-field/number-field.tsx b/www/src/registry/ui/default/core/number-field/number-field.tsx
index f713c176f..e51df2e58 100644
--- a/www/src/registry/ui/default/core/number-field/number-field.tsx
+++ b/www/src/registry/ui/default/core/number-field/number-field.tsx
@@ -84,7 +84,7 @@ const NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>(
         >
           <InputRoot
             size={size}
-            className="[&_button]:invalid:border-border-danger [&_button]:focus-within:invalid:border-border px-0"
+            className="invalid:[&_button]:border-border-danger invalid:focus-within:[&_button]:border-border px-0"
           >
             {prefix}
             <Input ref={ref} placeholder={placeholder} className="px-2" />
diff --git a/www/src/registry/ui/default/core/overlay/overlay.tsx b/www/src/registry/ui/default/core/overlay/overlay.tsx
index 63e2015c6..e97086096 100644
--- a/www/src/registry/ui/default/core/overlay/overlay.tsx
+++ b/www/src/registry/ui/default/core/overlay/overlay.tsx
@@ -81,7 +81,7 @@ Overlay.displayName = "Overlay";
 const modalVariants = tv({
   slots: {
     backdrop: [
-      "fixed left-0 top-0 z-50 flex h-[--visual-viewport-height] w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
+      "fixed left-0 top-0 z-50 flex h-(--visual-viewport-height) w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
       "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
     ],
     overlay: [
@@ -139,7 +139,7 @@ ModalOverlay.displayName = "ModalOverlay";
 const popoverOverlayVariants = tv({
   slots: {
     overlay:
-      "group/overlay bg-bg text-fg z-50 rounded-md border shadow-md data-[trigger=ComboBox]:min-w-[--trigger-width] data-[trigger=Select]:min-w-[--trigger-width]",
+      "group/overlay bg-bg text-fg z-50 rounded-md border shadow-md data-[trigger=ComboBox]:min-w-(--trigger-width) data-[trigger=Select]:min-w-(--trigger-width)",
     arrow: [
       "fill-bg stroke-border block stroke-1",
       "group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180",
@@ -202,7 +202,7 @@ const drawerVariants = tv({
   slots: {
     backdrop: ["fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", "opacity-0"],
     overlay: [
-      "group/overlay bg-bg fixed z-50 flex flex-col outline-none",
+      "group/overlay bg-bg fixed z-50 flex flex-col outline-hidden",
       "inset-0",
       "placement-bottom:top-auto placement-top:bottom-auto placement-left:right-auto placement-right:left-auto",
       "placement-bottom:mt-24 placement-bottom:rounded-t-[10px] placement-bottom:border-t",
diff --git a/www/src/registry/ui/default/core/radio-group/radio-group.tsx b/www/src/registry/ui/default/core/radio-group/radio-group.tsx
index da6efa3f7..2a699cb35 100644
--- a/www/src/registry/ui/default/core/radio-group/radio-group.tsx
+++ b/www/src/registry/ui/default/core/radio-group/radio-group.tsx
@@ -29,7 +29,7 @@ const radioStyles = tv({
     indicator: [
       focusRing(),
       "border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100",
-      "group-disabled:border-border-disabled group-disabled:selected:bg-bg-disabled group-disabled:indeterminate:bg-bg-disabled",
+      "group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled",
       "group-invalid:border-border-danger group-invalid:selected:border-bg-danger",
     ],
   },
diff --git a/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx b/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx
index 39a897370..eb00b7b51 100644
--- a/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx
+++ b/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx
@@ -7,7 +7,7 @@ import { type VariantProps, tv } from "tailwind-variants";
 const scrollAreaStyles = tv({
   slots: {
     root: "flex h-full w-full flex-col overflow-hidden",
-    viewport: "flex h-full w-full flex-col [&>*]:!block [&>*]:w-fit [&>*]:grow",
+    viewport: "flex h-full w-full flex-col *:block! *:w-fit *:grow",
     scrollbar:
       "my-0 flex touch-none select-none flex-col rounded-full bg-gray-800 data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col", // TODO: remove my-0, it was my-1
     thumb:
diff --git a/www/src/registry/ui/default/core/slider/demos/value-label.tsx b/www/src/registry/ui/default/core/slider/demos/value-label.tsx
index c9ad96781..31cc412fe 100644
--- a/www/src/registry/ui/default/core/slider/demos/value-label.tsx
+++ b/www/src/registry/ui/default/core/slider/demos/value-label.tsx
@@ -9,13 +9,13 @@ export default function Demo() {
         defaultValue={50}
         label="Donuts to buy"
         valueLabel
-        className="!w-60"
+        className="w-60!"
       />
       <Slider
         defaultValue={50}
         label="Donuts to buy"
         valueLabel={(donuts) => `${donuts[0]} of 100 Donuts`}
-        className="!w-60"
+        className="w-60!"
       />
     </div>
   );
diff --git a/www/src/registry/ui/default/core/slider/slider.tsx b/www/src/registry/ui/default/core/slider/slider.tsx
index acc450ac9..1cef83cba 100644
--- a/www/src/registry/ui/default/core/slider/slider.tsx
+++ b/www/src/registry/ui/default/core/slider/slider.tsx
@@ -38,7 +38,7 @@ const sliderStyles = tv({
     thumb: [
       focusRing(),
       "rounded-full bg-white shadow-md transition-[width,height]",
-      "absolute left-[50%] top-[50%] block !-translate-x-1/2 !-translate-y-1/2",
+      "absolute left-[50%] top-[50%] block -translate-x-1/2! -translate-y-1/2!",
       "disabled:bg-bg-disabled disabled:border-bg disabled:border",
     ],
     valueLabel: "text-fg-muted text-sm",
diff --git a/www/src/registry/ui/default/core/switch/switch.tsx b/www/src/registry/ui/default/core/switch/switch.tsx
index 6356c13c7..71dffea00 100644
--- a/www/src/registry/ui/default/core/switch/switch.tsx
+++ b/www/src/registry/ui/default/core/switch/switch.tsx
@@ -15,7 +15,7 @@ const switchStyles = tv({
     wrapper: [
       focusRingGroup(),
       "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
-      "group-disabled:border-border-disabled group-disabled:group-selected:border-none group-disabled:group-selected:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent",
+      "group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent",
     ],
     indicator:
       "group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200",
diff --git a/www/src/registry/ui/default/core/table/table.tsx b/www/src/registry/ui/default/core/table/table.tsx
index 559146164..6d3337117 100644
--- a/www/src/registry/ui/default/core/table/table.tsx
+++ b/www/src/registry/ui/default/core/table/table.tsx
@@ -42,7 +42,7 @@ const TableFooter = React.forwardRef<
   <tfoot
     ref={ref}
     className={cn(
-      "bg-bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+      "bg-bg-muted/50 border-t font-medium last:[&>tr]:border-b-0",
       className
     )}
     {...props}
diff --git a/www/src/registry/ui/default/core/tabs/tabs.tsx b/www/src/registry/ui/default/core/tabs/tabs.tsx
index 4b1e33e74..0f445217f 100644
--- a/www/src/registry/ui/default/core/tabs/tabs.tsx
+++ b/www/src/registry/ui/default/core/tabs/tabs.tsx
@@ -18,10 +18,10 @@ import { focusRing } from "@/registry/ui/default/lib/focus-styles";
 const tabsStyles = tv({
   slots: {
     root: "orientation-vertical:flex-row flex flex-col",
-    list: "orientation-horizontal:overflow-x-auto orientation-horizontal:whitespace-nowrap orientation-horizontal:items-center orientation-horizontal:border-b orientation-vertical:flex-col orientation-vertical:border-r [&_[role=tab]]:orientation-horizontal:border-b-[3px] [&_[role=tab]]:orientation-vertical:border-r-[3px] flex",
+    list: "orientation-horizontal:overflow-x-auto orientation-horizontal:whitespace-nowrap orientation-horizontal:items-center orientation-horizontal:border-b orientation-vertical:flex-col orientation-vertical:border-r orientation-horizontal:[&_[role=tab]]:border-b-[3px] orientation-vertical:[&_[role=tab]]:border-r-[3px] flex",
     tab: [
-      "text-fg-muted selected:border-border-focus selected:text-fg disabled:text-fg-disabled disabled:selected:border-border-disabled -mb-px cursor-pointer border-transparent px-2 py-2 text-center text-sm font-medium outline-none transition-colors disabled:cursor-default",
-      "[&>span]:focus-visible:border-border-focus [&>span]:rounded-md [&>span]:border-2 [&>span]:border-transparent [&>span]:px-1.5 [&>span]:py-1",
+      "text-fg-muted selected:border-border-focus selected:text-fg disabled:text-fg-disabled disabled:selected:border-border-disabled -mb-px cursor-pointer border-transparent px-2 py-2 text-center text-sm font-medium outline-hidden transition-colors disabled:cursor-default",
+      "focus-visible:[&>span]:border-border-focus [&>span]:rounded-md [&>span]:border-2 [&>span]:border-transparent [&>span]:px-1.5 [&>span]:py-1",
     ],
     panel: [focusRing(), "rounded"],
   },
diff --git a/www/src/registry/ui/default/lib/focus-styles.ts b/www/src/registry/ui/default/lib/focus-styles.ts
index 6a1b3b825..928f5dfcf 100644
--- a/www/src/registry/ui/default/lib/focus-styles.ts
+++ b/www/src/registry/ui/default/lib/focus-styles.ts
@@ -1,11 +1,11 @@
 import { tv } from "tailwind-variants";
 
 export const focusRing = tv({
-  base: "ring-border-focus focus-visible:ring-offset-bg outline-none ring-0 focus-visible:ring-2 focus-visible:ring-offset-2",
+  base: "ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 focus-visible:ring-2 focus-visible:ring-offset-2",
 });
 
 export const focusRingGroup = tv({
-  base: "ring-border-focus group-focus-visible:ring-offset-bg outline-none ring-0 group-focus-visible:ring-2 group-focus-visible:ring-offset-2",
+  base: "ring-border-focus group-focus-visible:ring-offset-bg outline-hidden ring-0 group-focus-visible:ring-2 group-focus-visible:ring-offset-2",
 });
 
 export const focusInput = tv({
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 35be9da16..d81a6160a 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,6 +1,90 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+
+@config '../../tailwind.config.ts';
+
+/*
+  In Tailwind CSS v4, basic styles are applied to form elements by default. To
+  maintain compatibility with v3, the following resets have been added:
+*/
+@layer base {
+  input,
+  textarea,
+  select,
+  button {
+    border: 0px solid;
+    border-radius: 0;
+    padding: 0;
+    color: inherit;
+    background-color: transparent;
+  }
+}
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
+
+@utility shiki {
+  & code span {
+    color: var(--shiki-light);
+  }
+  .dark & code span {
+    color: var(--shiki-dark);
+  }
+}
+
+@utility dark {
+  & .shiki code span {
+    color: var(--shiki-dark);
+  }
+}
+
+@utility step {
+  counter-increment: step;
+
+  &:before {
+    @apply absolute inline-flex size-9 items-center justify-center rounded-xl border-4 border-bg bg-bg-muted text-center -indent-px font-mono text-sm font-medium text-fg-muted;
+    @apply ml-[-50px] mt-[-4px];
+    content: counter(step);
+  }
+}
+
+@utility category {
+  @apply relative;
+
+  &:before {
+    @apply absolute left-0 top-0 -ml-1 mt-2 h-2 w-2 rounded-full bg-border content-[''];
+  }
+
+  &:after {
+    @apply absolute left-0 top-3 h-3 w-[1px] bg-border content-[''];
+  }
+}
+
+@utility container {
+  @media (max-width: 640px) {
+    @apply px-4;
+  }
+}
+
+@utility transition-sidebar {
+  transition-property: transform, width, left, opacity, color;
+  transition-duration: 0.25s;
+  transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
+}
 
 @layer base {
   :root {
@@ -232,51 +316,6 @@
     @apply bg-bg text-fg;
   }
 }
-
-@layer components {
-  .shiki code span {
-    color: var(--shiki-light);
-  }
-  .dark .shiki code span {
-    color: var(--shiki-dark);
-  }
-}
-
-@layer utilities {
-  .step {
-    counter-increment: step;
-  }
-
-  .step:before {
-    @apply absolute inline-flex size-9 items-center justify-center rounded-xl border-4 border-bg bg-bg-muted text-center -indent-px font-mono text-sm font-medium text-fg-muted;
-    @apply ml-[-50px] mt-[-4px];
-    content: counter(step);
-  }
-
-  .category {
-    @apply relative;
-  }
-
-  .category:before {
-    @apply absolute left-0 top-0 -ml-1 mt-2 h-2 w-2 rounded-full bg-border content-[''];
-  }
-
-  .category:after {
-    @apply absolute left-0 top-3 h-3 w-[1px] bg-border content-[''];
-  }
-
-  @media (max-width: 640px) {
-    .container {
-      @apply px-4;
-    }
-  }
-
-  .transition-sidebar {
-    transition-property: transform, width, left, opacity, color;
-    transition-duration: 0.25s;
-    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
-  }
-}
 .shiki,
 .shiki span {
   background-color: transparent !important;
diff --git a/www/tailwind.config.ts b/www/tailwind.config.ts
index fc40e33b6..8ab4f5b26 100644
--- a/www/tailwind.config.ts
+++ b/www/tailwind.config.ts
@@ -16,7 +16,6 @@ const config = {
     },
     data: {
       mobile: 'mobile~="true"',
-      collapsed: 'state~="collapsed"',
     },
     screens: {
       xs: "475px",

From 4759c10501ee8d27dff427973ca17ac1c4dbebeb Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 22 Nov 2024 14:21:50 +0100
Subject: [PATCH 002/165] chore: we're getting there

---
 www/src/components/theme-override.tsx |   2 +-
 www/src/styles/globals.css            | 564 +++++++++++++++-----------
 www/tailwind.config.ts                | 259 ------------
 3 files changed, 333 insertions(+), 492 deletions(-)

diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index 596778227..4d797f20a 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -46,7 +46,7 @@ export const ThemeOverride = React.forwardRef<
         const shades = currentMode[color].shades;
         return shades.map((shade, index) => {
           const [h, s, l] = shade.match(/\d+(\.\d+)?/g) || [];
-          return [`--color-${color}-${(index + 1) * 100}`, `${h} ${s}% ${l}%`];
+          return [`--color-${color}-${(index + 1) * 100}`, shade];
         });
       }
     )
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index d81a6160a..463db4ab7 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,7 +1,334 @@
-@import 'tailwindcss';
+@import "tailwindcss";
+@plugin "tailwindcss-react-aria-components";
+@plugin "tailwindcss-animate";
 
 @config '../../tailwind.config.ts';
 
+/* Base Colors */
+@layer base {
+  :root {
+    --radius: 0.5rem;
+
+    --color-neutral-100: hsl(0, 0%, 98%);
+    --color-neutral-200: hsl(0, 0%, 94%);
+    --color-neutral-300: hsl(0, 0%, 90%);
+    --color-neutral-400: hsl(0, 0%, 85%);
+    --color-neutral-500: hsl(0, 0%, 80%);
+    --color-neutral-600: hsl(0, 0%, 40%);
+    --color-neutral-700: hsl(0, 0%, 35%);
+    --color-neutral-800: hsl(0, 0%, 28%);
+    --color-neutral-900: hsl(0, 0%, 16%);
+    --color-neutral-1000: hsl(0, 0%, 12%);
+
+    --color-primary-100: hsl(0, 0%, 87%);
+    --color-primary-200: hsl(0, 0%, 79%);
+    --color-primary-300: hsl(0, 0%, 73%);
+    --color-primary-400: hsl(0, 0%, 65%);
+    --color-primary-500: hsl(0, 0%, 54%);
+    --color-primary-600: hsl(0, 0%, 42%);
+    --color-primary-700: hsl(0, 0%, 35%);
+    --color-primary-800: hsl(0, 0%, 28%);
+    --color-primary-900: hsl(0, 0%, 16%);
+    --color-primary-1000: hsl(0, 0%, 12%);
+
+    --color-success-100: hsl(130, 34%, 83%);
+    --color-success-200: hsl(131, 35%, 75%);
+    --color-success-300: hsl(131, 35%, 66%);
+    --color-success-400: hsl(132, 35%, 56%);
+    --color-success-500: hsl(131, 41%, 43%);
+    --color-success-600: hsl(132, 41%, 34%);
+    --color-success-700: hsl(132, 41%, 28%);
+    --color-success-800: hsl(131, 41%, 23%);
+    --color-success-900: hsl(131, 40%, 13%);
+    --color-success-1000: hsl(132, 42%, 9%);
+
+    --color-warning-100: hsl(35, 100%, 80%);
+    --color-warning-200: hsl(35, 100%, 69%);
+    --color-warning-300: hsl(35, 100%, 58%);
+    --color-warning-400: hsl(35, 93%, 49%);
+    --color-warning-500: hsl(35, 92%, 41%);
+    --color-warning-600: hsl(35, 93%, 32%);
+    --color-warning-700: hsl(35, 93%, 26%);
+    --color-warning-800: hsl(35, 93%, 22%);
+    --color-warning-900: hsl(35, 94%, 12%);
+    --color-warning-1000: hsl(36, 91%, 9%);
+
+    --color-danger-100: hsl(358, 69%, 90%);
+    --color-danger-200: hsl(358, 69%, 85%);
+    --color-danger-300: hsl(358, 70%, 79%);
+    --color-danger-400: hsl(358, 69%, 73%);
+    --color-danger-500: hsl(358, 69%, 63%);
+    --color-danger-600: hsl(358, 64%, 49%);
+    --color-danger-700: hsl(358, 63%, 41%);
+    --color-danger-800: hsl(358, 64%, 33%);
+    --color-danger-900: hsl(357, 64%, 20%);
+    --color-danger-1000: hsl(358, 65%, 15%);
+
+    --color-accent-100: hsl(210, 100%, 88%);
+    --color-accent-200: hsl(210, 100%, 81%);
+    --color-accent-300: hsl(210, 100%, 74%);
+    --color-accent-400: hsl(210, 100%, 67%);
+    --color-accent-500: hsl(210, 64%, 55%);
+    --color-accent-600: hsl(210, 51%, 44%);
+    --color-accent-700: hsl(210, 51%, 36%);
+    --color-accent-800: hsl(210, 52%, 29%);
+    --color-accent-900: hsl(211, 52%, 17%);
+    --color-accent-1000: hsl(211, 52%, 12%);
+  }
+
+  .dark {
+    --color-neutral-100: hsl(240, 6%, 8%);
+    --color-neutral-200: hsl(240, 6%, 13%);
+    --color-neutral-300: hsl(240, 6%, 19%);
+    --color-neutral-400: hsl(240, 6%, 25%);
+    --color-neutral-500: hsl(240, 6%, 33%);
+    --color-neutral-600: hsl(240, 6%, 47%);
+    --color-neutral-700: hsl(240, 6%, 55%);
+    --color-neutral-800: hsl(240, 6%, 70%);
+    --color-neutral-900: hsl(240, 6%, 85%);
+    --color-neutral-1000: hsl(240, 10%, 98%);
+
+    --color-success-100: hsl(132, 42%, 9%);
+    --color-success-200: hsl(130, 41%, 14%);
+    --color-success-300: hsl(131, 41%, 18%);
+    --color-success-400: hsl(132, 41%, 22%);
+    --color-success-500: hsl(131, 41%, 44%);
+    --color-success-600: hsl(131, 41%, 48%);
+    --color-success-700: hsl(131, 41%, 54%);
+    --color-success-800: hsl(131, 34%, 70%);
+    --color-success-900: hsl(131, 34%, 76%);
+    --color-success-1000: hsl(130, 35%, 83%);
+
+    --color-warning-100: hsl(34, 100%, 14%);
+    --color-warning-200: hsl(34, 100%, 21%);
+    --color-warning-300: hsl(35, 100%, 26%);
+    --color-warning-400: hsl(35, 100%, 48%);
+    --color-warning-500: hsl(35, 100%, 50%);
+    --color-warning-600: hsl(35, 100%, 58%);
+    --color-warning-700: hsl(35, 100%, 66%);
+    --color-warning-800: hsl(35, 93%, 65%);
+    --color-warning-900: hsl(35, 100%, 72%);
+    --color-warning-1000: hsl(35, 100%, 80%);
+
+    --color-danger-100: hsl(357, 64%, 14%);
+    --color-danger-200: hsl(358, 64%, 21%);
+    --color-danger-300: hsl(358, 64%, 26%);
+    --color-danger-400: hsl(358, 64%, 32%);
+    --color-danger-500: hsl(358, 64%, 42%);
+    --color-danger-600: hsl(358, 69%, 51%);
+    --color-danger-700: hsl(358, 69%, 60%);
+    --color-danger-800: hsl(358, 69%, 70%);
+    --color-danger-900: hsl(359, 70%, 86%);
+    --color-danger-1000: hsl(358, 69%, 90%);
+
+    --color-accent-100: hsl(211, 51%, 12%);
+    --color-accent-200: hsl(211, 52%, 18%);
+    --color-accent-300: hsl(210, 52%, 29%);
+    --color-accent-400: hsl(209, 51%, 40%);
+    --color-accent-500: hsl(210, 52%, 48%);
+    --color-accent-600: hsl(210, 51%, 55%);
+    --color-accent-700: hsl(210, 68%, 62%);
+    --color-accent-800: hsl(210, 97%, 71%);
+    --color-accent-900: hsl(210, 100%, 82%);
+    --color-accent-1000: hsl(210, 100%, 87%);
+  }
+}
+
+@theme {
+  /* fonts */
+  --font-josefin: var(--font-josefin);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --font-heading: var(--font-heading);
+  --font-body: var(--font-body);
+
+  /* colors */
+  --color-bg: var(--color-neutral-100);
+  --color-bg-muted: var(--color-neutral-200);
+  --color-bg-inverse: var(--color-neutral-1000);
+  --color-bg-disabled: var(--color-neutral-200);
+  --color-bg-tooltip: var(--color-neutral-200);
+  --color-bg-overlay: var(--color-neutral-200);
+
+  --color-bg-neutral: var(--color-neutral-300);
+  --color-bg-neutral-hover: var(--color-neutral-400);
+  --color-bg-neutral-active: var(--color-neutral-500);
+
+  --color-bg-primary: var(--color-neutral-1000);
+  --color-bg-primary-hover: var(--color-neutral-900);
+  --color-bg-primary-active: var(--color-neutral-800);
+
+  --color-bg-success: var(--color-success-500);
+  --color-bg-success-hover: var(--color-success-600);
+  --color-bg-success-active: var(--color-success-700);
+  --color-bg-success-muted: var(--color-success-200);
+  --color-bg-success-muted-hover: var(--color-success-300);
+  --color-bg-success-muted-active: var(--color-success-300);
+
+  --color-bg-danger: var(--color-danger-500);
+  --color-bg-danger-hover: var(--color-danger-600);
+  --color-bg-danger-active: var(--color-danger-700);
+  --color-bg-danger-muted: var(--color-danger-100);
+  --color-bg-danger-muted-hover: var(--color-danger-300);
+  --color-bg-danger-muted-active: var(--color-danger-300);
+
+  --color-bg-warning: var(--color-warning-500);
+  --color-bg-warning-hover: var(--color-warning-600);
+  --color-bg-warning-active: var(--color-warning-700);
+  --color-bg-warning-muted: var(--color-warning-100);
+  --color-bg-warning-muted-hover: var(--color-warning-300);
+  --color-bg-warning-muted-active: var(--color-warning-300);
+
+  --color-bg-accent: var(--color-accent-500);
+  --color-bg-accent-hover: var(--color-accent-600);
+  --color-bg-accent-active: var(--color-accent-700);
+  --color-bg-accent-muted: var(--color-accent-200);
+  --color-bg-accent-muted-hover: var(--color-accent-300);
+  --color-bg-accent-muted-active: var(--color-accent-300);
+
+  --color-fg: var(--color-neutral-1000);
+  --color-fg-muted: var(--color-neutral-800);
+  --color-fg-inverse: var(--color-neutral-100);
+  --color-fg-disabled: var(--color-neutral-500);
+
+  --color-fg-danger: var(--color-danger-700);
+  --color-fg-warning: var(--color-warning-600);
+  --color-fg-success: var(--color-success-700);
+  --color-fg-accent: var(--color-accent-700);
+
+  --color-fg-link: var(--color-neutral-1000);
+  --color-fg-link-hover: var(--color-neutral-1000);
+  --color-fg-link-active: var(--color-neutral-1000);
+  --color-fg-link-visited: var(--color-neutral-1000);
+
+  --color-fg-onAccent: var(--color-neutral-1000);
+  --color-fg-onNeutral: var(--color-neutral-1000);
+  --color-fg-onPrimary: var(--color-neutral-100);
+  --color-fg-onSuccess: var(--color-neutral-1000);
+  --color-fg-onMutedSuccess: var(--color-neutral-1000);
+  --color-fg-onDanger: var(--color-neutral-1000);
+  --color-fg-onMutedDanger: var(--color-neutral-1000);
+  --color-fg-onWarning: var(--color-neutral-1000);
+  --color-fg-onMutedWarning: var(--color-neutral-1000);
+  --color-fg-onTooltip: var(--color-neutral-1000);
+
+  --color-border: var(--color-neutral-300);
+  --color-border-field: var(--color-neutral-400);
+  --color-border-control: var(--color-neutral-700);
+  --color-border-hover: var(--color-neutral-1000);
+  --color-border-active: var(--color-neutral-500);
+  --color-border-disabled: var(--color-neutral-300);
+
+  --color-border-success: var(--color-success-300);
+  --color-border-danger: var(--color-danger-300);
+  --color-border-warning: var(--color-warning-200);
+  --color-border-accent: var(--color-accent-300);
+
+  --color-border-accent: var(--color-accent-500);
+  --color-border-secondary: var(--color-neutral-200);
+  --color-border-focus: var(--color-accent-500);
+  --color-border-inverse: var(--color-neutral-500);
+
+  /* easing */
+  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
+
+  /* animations */
+  --animate-accordion-down: accordion-down 0.15s ease-out;
+  --animate-accordion-up: accordion-up 0.15s ease-out;
+  --animate-collapsible-down: collapsible-down 0.15s ease-out;
+  --animate-collapsible-up: collapsible-up 0.15s ease-out;
+  --animate-progress-indeterminate: progress-grow var(--progress-duration) 1
+      both normal,
+    progress-pulse 1s ease var(--progress-duration) infinite normal none running;
+
+  /* breakpoints */
+  --breakpoint-xs: 30rem;
+  --breakpoint-sm: 40rem;
+  --breakpoint-md: 48rem;
+  --breakpoint-lg: 64rem;
+  --breakpoint-xl: 80rem;
+  --breakpoint-2xl: 96rem;
+}
+
+@keyframes accordion-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+
+@keyframes accordion-up {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+
+@keyframes collapsible-down {
+  from {
+    height: 0;
+    opacity: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+    opacity: 1;
+  }
+}
+
+@keyframes collapsible-up {
+  from {
+    height: var(--radix-collapsible-content-height);
+    opacity: 1;
+  }
+  to {
+    height: 0;
+    opacity: 0;
+  }
+}
+
+@keyframes progress-grow {
+  0% {
+    transform: "scaleX(0.01)";
+  }
+  20% {
+    transform: "scaleX(0.1)";
+  }
+  30% {
+    transform: "scaleX(0.6)";
+  }
+  40%,
+  50% {
+    transform: "scaleX(0.9)";
+  }
+  100% {
+    transform: "scaleX(1)";
+  }
+}
+
+@keyframes progress-pulse {
+  0% {
+    mask-position: 200% center;
+  }
+  100% {
+    mask-position: 0% center;
+  }
+}
+
+@utility container {
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 2rem;
+  padding-right: 2rem;
+
+  @media (width >= 1400px) {
+    max-width: 1400px;
+  }
+}
+
 /*
   In Tailwind CSS v4, basic styles are applied to form elements by default. To
   maintain compatibility with v3, the following resets have been added:
@@ -56,7 +383,7 @@
   counter-increment: step;
 
   &:before {
-    @apply absolute inline-flex size-9 items-center justify-center rounded-xl border-4 border-bg bg-bg-muted text-center -indent-px font-mono text-sm font-medium text-fg-muted;
+    @apply border-bg bg-bg-muted text-fg-muted absolute inline-flex size-9 items-center justify-center rounded-xl border-4 text-center -indent-px font-mono text-sm font-medium;
     @apply ml-[-50px] mt-[-4px];
     content: counter(step);
   }
@@ -66,17 +393,11 @@
   @apply relative;
 
   &:before {
-    @apply absolute left-0 top-0 -ml-1 mt-2 h-2 w-2 rounded-full bg-border content-[''];
+    @apply bg-border absolute left-0 top-0 -ml-1 mt-2 h-2 w-2 rounded-full content-[''];
   }
 
   &:after {
-    @apply absolute left-0 top-3 h-3 w-[1px] bg-border content-[''];
-  }
-}
-
-@utility container {
-  @media (max-width: 640px) {
-    @apply px-4;
+    @apply bg-border absolute left-0 top-3 h-3 w-[1px] content-[''];
   }
 }
 
@@ -86,228 +407,6 @@
   transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
 }
 
-@layer base {
-  :root {
-    --color-black: 0 0 0%; /* hsl(0, 0%, 0%) */
-    --color-white: 0 0 100%; /* hsl(0, 0%, 100%) */
-
-    --color-neutral-100: 0 0% 98%; /* hsl(0, 0%, 98%) */ /* Background layers (default bg) */
-    --color-neutral-200: 0 0% 94%; /* hsl(0, 0%, 94%) */ /* Background layers (Bg secondary/muted) */ /* Decorative border */
-    --color-neutral-300: 0 0% 90%; /* hsl(0, 0%, 90%) */ /* Decorative border */
-    --color-neutral-400: 0 0% 85%; /* hsl(0, 0%, 85%) */ /* Field border */
-    --color-neutral-500: 0 0% 80%; /* hsl(0, 0%, 80%) */ /* Disabled Text */
-    --color-neutral-600: 0 0% 40%; /* hsl(0, 0%, 40%) */ /* control border (switch/checkbox/radio) */
-    --color-neutral-700: 0 0% 35%; /* hsl(0, 0%, 35%) */ /* Text secondary (muted) */
-    --color-neutral-800: 0 0% 28%; /* hsl(0, 0%, 28%) */ /* Text */
-    --color-neutral-900: 0 0% 16%; /* hsl(0, 0%, 16%) */ /* Heading Text */
-    --color-neutral-1000: 0 0% 12%; /* hsl(0, 0%, 12%) */
-
-    --color-primary-100: 0 0% 87%; /* hsl(0, 0%, 87%) */
-    --color-primary-200: 0 0% 79%; /* hsl(0, 0%, 79%) */
-    --color-primary-300: 0 0% 73%; /* hsl(0, 0%, 73%) */
-    --color-primary-400: 0 0% 65%; /* hsl(0, 0%, 65%) */
-    --color-primary-500: 0 0% 54%; /* hsl(0, 0%, 54%) */
-    --color-primary-600: 0 0% 42%; /* hsl(0, 0%, 42%) */
-    --color-primary-700: 0 0% 35%; /* hsl(0, 0%, 35%) */
-    --color-primary-800: 0 0% 28%; /* hsl(0, 0%, 28%) */
-    --color-primary-900: 0 0% 16%; /* hsl(0, 0%, 16%) */
-    --color-primary-1000: 0 0% 12%; /* hsl(0, 0%, 12%) */
-
-    --color-success-100: 130 34% 83%; /* hsl(130, 34%, 83%) */
-    --color-success-200: 131 35% 75%; /* hsl(131, 35%, 75%) */
-    --color-success-300: 131 35% 66%; /* hsl(131, 35%, 66%) */
-    --color-success-400: 132 35% 56%; /* hsl(132, 35%, 56%) */
-    --color-success-500: 131 41% 43%; /* hsl(131, 41%, 43%) */
-    --color-success-600: 132 41% 34%; /* hsl(132, 41%, 34%) */
-    --color-success-700: 132 41% 28%; /* hsl(132, 41%, 28%) */
-    --color-success-800: 131 41% 23%; /* hsl(131, 41%, 23%) */
-    --color-success-900: 131 40% 13%; /* hsl(131, 40%, 13%) */
-    --color-success-1000: 132 42% 9%; /* hsl(132, 42%, 9%) */
-
-    --color-warning-100: 35 100% 80%; /* hsl(35, 100%, 80%) */
-    --color-warning-200: 35 100% 69%; /* hsl(35, 100%, 69%) */
-    --color-warning-300: 35 100% 58%; /* hsl(35, 100%, 58%) */
-    --color-warning-400: 35 93% 49%; /* hsl(35, 93%, 49%) */
-    --color-warning-500: 35 92% 41%; /* hsl(35, 92%, 41%) */
-    --color-warning-600: 35 93% 32%; /* hsl(35, 93%, 32%) */
-    --color-warning-700: 35 93% 26%; /* hsl(35, 93%, 26%) */
-    --color-warning-800: 35 93% 22%; /* hsl(35, 93%, 22%) */
-    --color-warning-900: 35 94% 12%; /* hsl(35, 94%, 12%) */
-    --color-warning-1000: 36 91% 9%; /* hsl(36, 91%, 9%) */
-
-    --color-danger-100: 358 69% 90%; /* hsl(358, 69%, 90%) */
-    --color-danger-200: 358 69% 85%; /* hsl(358, 69%, 85%) */
-    --color-danger-300: 358 70% 79%; /* hsl(358, 70%, 79%) */
-    --color-danger-400: 358 69% 73%; /* hsl(358, 69%, 73%) */
-    --color-danger-500: 358 69% 63%; /* hsl(358, 69%, 63%) */
-    --color-danger-600: 358 64% 49%; /* hsl(358, 64%, 49%) */
-    --color-danger-700: 358 63% 41%; /* hsl(358, 63%, 41%) */
-    --color-danger-800: 358 64% 33%; /* hsl(358, 64%, 33%) */
-    --color-danger-900: 357 64% 20%; /* hsl(357, 64%, 20%) */
-    --color-danger-1000: 358 65% 15%; /* hsl(358, 65%, 15%) */
-
-    --color-accent-100: 210 100% 88%; /* hsl(210, 100%, 88%) */
-    --color-accent-200: 210 100% 81%; /* hsl(210, 100%, 81%) */
-    --color-accent-300: 210 100% 74%; /* hsl(210, 100%, 74%) */
-    --color-accent-400: 210 100% 67%; /* hsl(210, 100%, 67%) */
-    --color-accent-500: 210 64% 55%; /* hsl(210, 64%, 55%) */
-    --color-accent-600: 210 51% 44%; /* hsl(210, 51%, 44%) */
-    --color-accent-700: 210 51% 36%; /* hsl(210, 51%, 36%) */
-    --color-accent-800: 210 52% 29%; /* hsl(210, 52%, 29%) */
-    --color-accent-900: 211 52% 17%; /* hsl(211, 52%, 17%) */
-    --color-accent-1000: 211 52% 12%; /* hsl(211, 52%, 12%) */
-
-    --radius: 0.5rem;
-
-    --color-bg: var(--color-neutral-100);
-    --color-bg-muted: var(--color-neutral-200);
-    --color-bg-inverse: var(--color-neutral-1000);
-    --color-bg-disabled: var(--color-neutral-200);
-    --color-bg-tooltip: var(--color-neutral-200);
-    --color-bg-overlay: var(--color-neutral-200);
-
-    --color-bg-neutral: var(--color-neutral-300);
-    --color-bg-neutral-hover: var(--color-neutral-400);
-    --color-bg-neutral-active: var(--color-neutral-500);
-
-    --color-bg-primary: var(--color-neutral-1000);
-    --color-bg-primary-hover: var(--color-neutral-900);
-    --color-bg-primary-active: var(--color-neutral-800);
-
-    --color-bg-success: var(--color-success-500);
-    --color-bg-success-hover: var(--color-success-600);
-    --color-bg-success-active: var(--color-success-700);
-    --color-bg-success-muted: var(--color-success-200);
-    --color-bg-success-muted-hover: var(--color-success-300);
-    --color-bg-success-muted-active: var(--color-success-300);
-
-    --color-bg-danger: var(--color-danger-500);
-    --color-bg-danger-hover: var(--color-danger-600);
-    --color-bg-danger-active: var(--color-danger-700);
-    --color-bg-danger-muted: var(--color-danger-100);
-    --color-bg-danger-muted-hover: var(--color-danger-300);
-    --color-bg-danger-muted-active: var(--color-danger-300);
-
-    --color-bg-warning: var(--color-warning-500);
-    --color-bg-warning-hover: var(--color-warning-600);
-    --color-bg-warning-active: var(--color-warning-700);
-    --color-bg-warning-muted: var(--color-warning-100);
-    --color-bg-warning-muted-hover: var(--color-warning-300);
-    --color-bg-warning-muted-active: var(--color-warning-300);
-
-    --color-bg-accent: var(--color-accent-500);
-    --color-bg-accent-hover: var(--color-accent-600);
-    --color-bg-accent-active: var(--color-accent-700);
-    --color-bg-accent-muted: var(--color-accent-200);
-    --color-bg-accent-muted-hover: var(--color-accent-300);
-    --color-bg-accent-muted-active: var(--color-accent-300);
-
-    --color-fg: var(--color-neutral-1000);
-    --color-fg-muted: var(--color-neutral-800);
-    --color-fg-inverse: var(--color-neutral-100);
-    --color-fg-disabled: var(--color-neutral-500);
-
-    --color-fg-danger: var(--color-danger-700);
-    --color-fg-warning: var(--color-warning-600);
-    --color-fg-success: var(--color-success-700);
-    --color-fg-accent: var(--color-accent-700);
-
-    --color-fg-link: var(--color-neutral-1000);
-    --color-fg-link-hover: var(--color-neutral-1000);
-    --color-fg-link-active: var(--color-neutral-1000);
-    --color-fg-link-visited: var(--color-neutral-1000);
-
-    --color-fg-onAccent: var(--color-neutral-1000);
-    --color-fg-onNeutral: var(--color-neutral-1000);
-    --color-fg-onPrimary: var(--color-neutral-100);
-    --color-fg-onSuccess: var(--color-neutral-1000);
-    --color-fg-onMutedSuccess: var(--color-neutral-1000);
-    --color-fg-onDanger: var(--color-neutral-1000);
-    --color-fg-onMutedDanger: var(--color-neutral-1000);
-    --color-fg-onWarning: var(--color-neutral-1000);
-    --color-fg-onMutedWarning: var(--color-neutral-1000);
-
-    --color-fg-onTooltip: var(--color-neutral-1000);
-
-    --color-border: var(--color-neutral-300);
-    --color-border-field: var(--color-neutral-400);
-    --color-border-control: var(--color-neutral-700);
-    --color-border-hover: var(--color-neutral-1000);
-    --color-border-active: var(--color-neutral-500);
-    --color-border-disabled: var(--color-neutral-300);
-
-    --color-border-success: var(--color-success-300);
-    --color-border-danger: var(--color-danger-300);
-    --color-border-warning: var(--color-warning-200);
-    --color-border-accent: var(--color-accent-300);
-
-    --color-border-accent: var(--color-accent-500);
-    --color-border-secondary: var(--color-neutral-200);
-    --color-border-focus: var(--color-accent-500);
-    --color-border-inverse: var(--color-neutral-500);
-  }
-
-  .dark {
-    --color-neutral-100: 240 6% 8%; /* hsl(240, 6%, 8%) */
-    --color-neutral-200: 240 6% 13%; /* hsl(240, 6%, 13%) */
-    --color-neutral-300: 240 6% 19%; /* hsl(240, 6%, 19%) */
-    --color-neutral-400: 240 6% 25%; /* hsl(240, 6%, 25%) */
-    --color-neutral-500: 240 6% 33%; /* hsl(240, 6%, 33%) */
-    --color-neutral-600: 240 6% 47%; /* hsl(240, 6%, 47%) */
-    --color-neutral-700: 240 6% 55%; /* hsl(240, 6%, 55%) */
-    --color-neutral-800: 240 6% 70%; /* hsl(240, 6%, 70%) */
-    --color-neutral-900: 240 6% 85%; /* hsl(240, 6%, 85%) */
-    --color-neutral-1000: 240 10% 98%; /* hsl(240, 10%, 98%) */
-
-    --color-success-100: 132 42% 9%; /* hsl(132, 42%, 9%) */
-    --color-success-200: 130 41% 14%; /* hsl(130, 41%, 14%) */
-    --color-success-300: 131 41% 18%; /* hsl(131, 41%, 18%) */
-    --color-success-400: 132 41% 22%; /* hsl(132, 41%, 22%) */
-    --color-success-500: 131 41% 44%; /* hsl(131, 41%, 44%) */
-    --color-success-600: 131 41% 48%; /* hsl(131, 41%, 48%) */
-    --color-success-700: 131 41% 54%; /* hsl(131, 41%, 54%) */
-    --color-success-800: 131 34% 70%; /* hsl(131, 34%, 70%) */
-    --color-success-900: 131 34% 76%; /* hsl(131, 34%, 76%) */
-    --color-success-1000: 130 35% 83%; /* hsl(130, 35%, 83%) */
-
-    --color-warning-100: 34 100% 10%; /* hsl(34, 100%, 14%) */
-    --color-warning-200: 34 100% 20%; /* hsl(34, 100%, 21%) */
-    --color-warning-300: 35 100% 40%; /* hsl(35, 100%, 26%) */
-    --color-warning-400: 35 100% 48%; /* hsl(35, 100%, 48%) */
-    --color-warning-500: 35 100% 50%; /* hsl(35, 100%, 50%) */
-    --color-warning-600: 35 100% 58%; /* hsl(35, 100%, 58%) */
-    --color-warning-700: 35 100% 66%; /* hsl(35, 100%, 66%) */
-    --color-warning-800: 35 93% 65%; /* hsl(35, 93%, 65%) */
-    --color-warning-900: 35 100% 72%; /* hsl(35, 100%, 72%) */
-    --color-warning-1000: 35 100% 80%; /* hsl(35, 100%, 80%) */
-
-    --color-danger-100: 357 64% 14%; /* hsl(357, 64%, 14%) */
-    --color-danger-200: 358 64% 21%; /* hsl(358, 64%, 21%) */
-    --color-danger-300: 358 64% 26%; /* hsl(358, 64%, 26%) */
-    --color-danger-400: 358 64% 32%; /* hsl(358, 64%, 32%) */
-    --color-danger-500: 358 64% 42%; /* hsl(358, 64%, 42%) */
-    --color-danger-600: 358 69% 51%; /* hsl(358, 69%, 51%) */
-    --color-danger-700: 358 69% 60%; /* hsl(358, 69%, 60%) */
-    --color-danger-800: 358 69% 70%; /* hsl(358, 69%, 70%) */
-    --color-danger-900: 359 70% 86%; /* hsl(359, 70%, 86%) */
-    --color-danger-1000: 358 69% 90%; /* hsl(358, 69%, 90%) */
-
-    --color-accent-100: 211 51% 12%; /* hsl(211, 51%, 12%) */
-    --color-accent-200: 211 52% 18%; /* hsl(211, 52%, 18%) */
-    --color-accent-300: 210 52% 29%; /* hsl(210, 52%, 29%) */
-    --color-accent-400: 209 51% 40%; /* hsl(209, 51%, 40%) */
-    --color-accent-500: 210 52% 48%; /* hsl(210, 52%, 48%) */
-    --color-accent-600: 210 51% 55%; /* hsl(210, 51%, 55%) */
-    --color-accent-700: 210 68% 62%; /* hsl(210, 68%, 62%) */
-    --color-accent-800: 210 97% 71%; /* hsl(210, 97%, 71%) */
-    --color-accent-900: 210 100% 82%; /* hsl(210, 100%, 82%) */
-    --color-accent-1000: 210 100% 87%; /* hsl(210, 100%, 87%) */
-
-    --color-fg-onWarning: var(--color-black);
-    --color-fg-onTooltip: var(--color-white);
-  }
-}
-
 @layer base {
   * {
     @apply border-border;
@@ -316,6 +415,7 @@
     @apply bg-bg text-fg;
   }
 }
+
 .shiki,
 .shiki span {
   background-color: transparent !important;
diff --git a/www/tailwind.config.ts b/www/tailwind.config.ts
index 8ab4f5b26..3e1e47124 100644
--- a/www/tailwind.config.ts
+++ b/www/tailwind.config.ts
@@ -1,273 +1,14 @@
 import type { Config } from "tailwindcss";
 import defaultTheme from "tailwindcss/defaultTheme";
-import { fontFamily } from "tailwindcss/defaultTheme";
 
 const config = {
-  darkMode: ["class"],
   content: ["src/**/*.{ts,tsx}", "content/**/*.{ts,tsx,mdx}"],
   prefix: "",
   theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
-      },
-    },
     data: {
       mobile: 'mobile~="true"',
     },
-    screens: {
-      xs: "475px",
-      ...defaultTheme.screens,
-    },
-    extend: {
-      colors: {
-        bg: {
-          DEFAULT: "hsl(var(--color-bg))",
-          inverse: "hsl(var(--color-bg-inverse))",
-          surface: "hsl(var(--color-bg-surface))",
-          muted: "hsl(var(--color-bg-muted))",
-          disabled: "hsl(var(--color-bg-disabled))",
-          overlay: "hsl(var(--color-bg-overlay))",
-          tooltip: "hsl(var(--color-bg-tooltip))",
-          neutral: {
-            DEFAULT: "hsl(var(--color-bg-neutral))",
-            hover: "hsl(var(--color-bg-neutral-hover))",
-            active: "hsl(var(--color-bg-neutral-active))",
-          },
-          primary: {
-            DEFAULT: "hsl(var(--color-bg-primary))",
-            hover: "hsl(var(--color-bg-primary-hover))",
-            active: "hsl(var(--color-bg-primary-active))",
-          },
-          success: {
-            DEFAULT: "hsl(var(--color-bg-success))",
-            hover: "hsl(var(--color-bg-success-hover))",
-            active: "hsl(var(--color-bg-success-active))",
-            muted: {
-              DEFAULT: "hsl(var(--color-bg-success-muted))",
-              hover: "hsl(var(--color-bg-success-muted-hover))",
-              active: "hsl(var(--color-bg-success-muted-active))",
-            },
-          },
-          danger: {
-            DEFAULT: "hsl(var(--color-bg-danger))",
-            hover: "hsl(var(--color-bg-danger-hover))",
-            active: "hsl(var(--color-bg-danger-active))",
-            muted: {
-              DEFAULT: "hsl(var(--color-bg-danger-muted))",
-              hover: "hsl(var(--color-bg-danger-muted-hover))",
-              active: "hsl(var(--color-bg-danger-muted-active))",
-            },
-          },
-          warning: {
-            DEFAULT: "hsl(var(--color-bg-warning))",
-            hover: "hsl(var(--color-bg-warning-hover))",
-            active: "hsl(var(--color-bg-warning-active))",
-            muted: {
-              DEFAULT: "hsl(var(--color-bg-warning-muted))",
-              hover: "hsl(var(--color-bg-warning-muted-hover))",
-              active: "hsl(var(--color-bg-warning-muted-active))",
-            },
-          },
-          accent: {
-            DEFAULT: "hsl(var(--color-bg-accent))",
-            hover: "hsl(var(--color-bg-accent-hover))",
-            active: "hsl(var(--color-bg-accent-active))",
-            muted: {
-              DEFAULT: "hsl(var(--color-bg-accent-muted))",
-              hover: "hsl(var(--color-bg-accent-muted-hover))",
-              active: "hsl(var(--color-bg-accent-muted-active))",
-            },
-          },
-        },
-        fg: {
-          DEFAULT: "hsl(var(--color-fg))",
-          muted: {
-            DEFAULT: "hsl(var(--color-fg-muted))",
-            inverse: "hsl(var(--color-fg-muted-inverse))",
-          },
-          inverse: "hsl(var(--color-fg-inverse))",
-          disabled: "hsl(var(--color-fg-disabled))",
-          link: {
-            DEFAULT: "hsl(var(--color-fg-link))",
-            hover: "hsl(var(--color-fg-link-hover))",
-            active: "hsl(var(--color-fg-link-active))",
-            visited: "hsl(var(--color-fg-link-visited))",
-          },
-          accent: "hsl(var(--color-fg-accent))",
-          success: "hsl(var(--color-fg-success))",
-          warning: "hsl(var(--color-fg-warning))",
-          danger: "hsl(var(--color-fg-danger))",
-          info: "hsl(var(--color-fg-info))",
-          onAccent: "hsl(var(--color-fg-onAccent))",
-          onNeutral: "hsl(var(--color-fg-onNeutral))",
-          onPrimary: "hsl(var(--color-fg-onPrimary))",
-          onSuccess: "hsl(var(--color-fg-onSuccess))",
-          onMutedSuccess: "hsl(var(--color-fg-onMutedSuccess))",
-          onDanger: "hsl(var(--color-fg-onDanger))",
-          onMutedDanger: "hsl(var(--color-fg-onMutedDanger))",
-          onWarning: "hsl(var(--color-fg-onWarning))",
-          onMutedWarning: "hsl(var(--color-fg-onMutedWarning))",
-          onTooltip: "hsl(var(--color-fg-onTooltip))",
-        },
-        border: {
-          DEFAULT: "hsl(var(--color-border))",
-          field: "hsl(var(--color-border-field))",
-          control: "hsl(var(--color-border-control))",
-          hover: "hsl(var(--color-border-hover))",
-          active: "hsl(var(--color-border-active))",
-          disabled: "hsl(var(--color-border-disabled))",
-          danger: "hsl(var(--color-border-danger))",
-          success: "hsl(var(--color-border-success))",
-          warning: "hsl(var(--color-border-warning))",
-          info: "hsl(var(--color-border-info))",
-          secondary: "hsl(var(--color-border-secondary))",
-          focus: "hsl(var(--color-border-focus))",
-          inverse: "hsl(var(--color-border-inverse))",
-        },
-      },
-      transitionTimingFunction: {
-        drawer: "cubic-bezier(0.32,0.72,0,1)",
-      },
-      transitionDuration: {
-        "30": "30ms",
-        "50": "50ms",
-        "1800": "1800ms",
-        "3000": "3000ms",
-      },
-      backgroundImage: {
-        gradient:
-          "linear-gradient(108deg, rgba(8,148,255,1) 0%, rgba(255,46,84,1) 70%, rgba(255,144,4,1) 100%)",
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      fontFamily: {
-        josephin: ["var(--font-josefin)", ...fontFamily.sans],
-        sans: ["var(--font-geist-sans)", ...fontFamily.mono],
-        mono: ["var(--font-geist-mono)", ...fontFamily.mono],
-        heading: ["var(--font-heading)", ...fontFamily.sans],
-        body: ["var(--font-body)", ...fontFamily.sans],
-      },
-      transitionDelay: {
-        "400": "400ms",
-        "600": "600ms",
-        "800": "800ms",
-        "900": "900ms",
-        "1200": "1200ms",
-      },
-      gridTemplateColumns: {
-        "16": "repeat(16, minmax(0, 1fr))",
-        "18": "repeat(18, minmax(0, 1fr))",
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" },
-        },
-        "collapsible-down": {
-          from: { height: "0", opacity: "0" },
-          to: {
-            height: "var(--radix-collapsible-content-height)",
-            opacity: "1",
-          },
-        },
-        "collapsible-up": {
-          from: {
-            height: "var(--radix-collapsible-content-height)",
-            opacity: "1",
-          },
-          to: { height: "0", opacity: "0" },
-        },
-        "caret-blink": {
-          "0%,70%,100%": { opacity: "1" },
-          "20%,50%": { opacity: "0" },
-        },
-        "progress-grow": {
-          "0%": {
-            transform: "scaleX(0.01)",
-          },
-          "20%": {
-            transform: "scaleX(0.1)",
-          },
-          "30%": {
-            transform: "scaleX(0.6)",
-          },
-          "40%,50%": {
-            transform: "scaleX(0.9)",
-          },
-          "100%": {
-            transform: "scaleX(1)",
-          },
-        },
-        "progress-pulse": {
-          "0%": {
-            "mask-position": "200% center",
-          },
-          "100%": {
-            "mask-position": "0% center",
-          },
-        },
-        shine: {
-          "70%": {
-            backgroundPosition: "200%",
-            opacity: "0",
-          },
-          "100%": {
-            opacity: "0",
-          },
-        },
-        loading: {
-          "0%": { transform: "translateX(-100%)", opacity: "1" },
-          "30%": { transform: "translateX(100%)", opacity: "1" },
-          "50%": { transform: "translateX(0%)", opacity: "0" },
-          "100%": { transform: "translateX(0%)", opacity: "0" },
-        },
-        "pulse-hero-bg": {
-          "0%": {
-            opacity: "70%",
-            transform: "scale(1)",
-          },
-          "40%": {
-            opacity: "100%",
-            transform: "scale(1.05)",
-          },
-          "60%": {
-            opacity: "100%",
-            transform: "scale(1.05)",
-          },
-          "100%": {
-            opacity: "70%",
-            transform: "scale(1)",
-          },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.15s ease-in-out",
-        "accordion-up": "accordion-up 0.15s ease-in-out",
-        "collapsible-down": "collapsible-down 0.15s ease-in-out",
-        "collapsible-up": "collapsible-up 0.15s ease-in-out",
-        "caret-blink": "caret-blink 1.25s ease-out infinite",
-        "progress-indeterminate":
-          "progress-grow var(--progress-duration) 1 both normal, progress-pulse 1s ease var(--progress-duration) infinite normal none running",
-        shine: "shine 6s ease .1s infinite",
-        loading: "loading 6s ease 1s infinite",
-        "pulse-hero-bg": "pulse-hero-bg  12s linear infinite",
-      },
-    },
   },
-  plugins: [
-    require("tailwindcss-animate"),
-    require("tailwindcss-react-aria-components"),
-  ],
 } satisfies Config;
 
 export default config;

From aab0de91ea5c0f34915867a25ce873a280eb2180 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 22 Nov 2024 14:22:41 +0100
Subject: [PATCH 003/165] fix: format

---
 www/src/app/(app)/docs/[...slug]/page.tsx     |  2 +-
 .../themes/components/explore-themes.tsx      |  2 +-
 .../(app)/themes/components/theme-select.tsx  |  2 +-
 .../(preview)/preview/(marketing)/layout.tsx  |  2 +-
 www/src/components/mdx/code-block.tsx         |  2 +-
 www/src/components/mdx/mdx-components.tsx     | 21 ++++---------------
 www/src/components/mobile-nav.tsx             |  4 ++--
 www/src/components/sidebar.tsx                |  6 +++---
 .../ui/default/core/command/command.tsx       |  4 ++--
 .../ui/default/core/date-input/date-input.tsx |  2 +-
 .../ui/default/core/dialog/dialog.tsx         |  2 +-
 .../registry/ui/default/core/input/input.tsx  |  4 ++--
 .../ui/default/core/list-box/list-box.tsx     |  4 ++--
 .../registry/ui/default/core/menu/menu.tsx    |  4 ++--
 .../ui/default/core/overlay/overlay.tsx       |  6 +++---
 .../default/core/scroll-area/scroll-area.tsx  |  2 +-
 .../ui/default/core/slider/slider.tsx         |  2 +-
 .../registry/ui/default/core/tabs/tabs.tsx    |  2 +-
 www/tailwind.config.ts                        |  1 -
 19 files changed, 30 insertions(+), 44 deletions(-)

diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index b20613f2a..d8ae100a4 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -36,7 +36,7 @@ export default async function Page({ params }: PageProps) {
           page.data.toc && page.data.toc.length > 0,
       })}
     >
-      <div className="container max-w-(--breakpoint-md)">
+      <div className="max-w-(--breakpoint-md) container">
         <Breadcrumbs tree={source.pageTree} className="mb-2" />
         <h1 className="text-4xl font-bold">{page.data.title}</h1>
         <p className="text-fg-muted mt-2">{page.data.description}</p>
diff --git a/www/src/app/(app)/themes/components/explore-themes.tsx b/www/src/app/(app)/themes/components/explore-themes.tsx
index b854b752d..11008e8af 100644
--- a/www/src/app/(app)/themes/components/explore-themes.tsx
+++ b/www/src/app/(app)/themes/components/explore-themes.tsx
@@ -17,7 +17,7 @@ export const ExploreThemesDialog = ({
   return (
     <DialogRoot>
       {children}
-      <Dialog type="drawer" className="container max-w-(--breakpoint-xl) py-8!">
+      <Dialog type="drawer" className="max-w-(--breakpoint-xl) py-8! container">
         {({ close }) => (
           <>
             <h2 className="text-lg font-bold">Themes</h2>
diff --git a/www/src/app/(app)/themes/components/theme-select.tsx b/www/src/app/(app)/themes/components/theme-select.tsx
index 5875530ff..e8b365bb2 100644
--- a/www/src/app/(app)/themes/components/theme-select.tsx
+++ b/www/src/app/(app)/themes/components/theme-select.tsx
@@ -308,7 +308,7 @@ const AutoResizeInput = React.forwardRef<HTMLInputElement, InputProps>(
         ref={mergeRefs(inputRef, forwardedRef)}
         onChange={chain(onChange, setInputValue)}
         className={cn(
-          "border-fg min-w-[10px] focus:border-b focus:outline-hidden",
+          "border-fg focus:outline-hidden min-w-[10px] focus:border-b",
           className
         )}
         {...props}
diff --git a/www/src/app/(preview)/preview/(marketing)/layout.tsx b/www/src/app/(preview)/preview/(marketing)/layout.tsx
index 84f2ad826..3dc13a82b 100644
--- a/www/src/app/(preview)/preview/(marketing)/layout.tsx
+++ b/www/src/app/(preview)/preview/(marketing)/layout.tsx
@@ -7,7 +7,7 @@ export default function MarketingLayout({
   children: React.ReactNode;
 }) {
   return (
-    <div className="container max-w-(--breakpoint-lg)">
+    <div className="max-w-(--breakpoint-lg) container">
       <Header />
       <main className="mt-16">{children}</main>
       <Footer />
diff --git a/www/src/components/mdx/code-block.tsx b/www/src/components/mdx/code-block.tsx
index eb984e6f6..6284b37ce 100644
--- a/www/src/components/mdx/code-block.tsx
+++ b/www/src/components/mdx/code-block.tsx
@@ -100,7 +100,7 @@ export const CodeBlock = forwardRef<HTMLElement, CodeBlockProps>(
         ) : (
           allowCopy && (
             <CopyButton
-              className="absolute right-2 top-2 z-2 backdrop-blur-sm"
+              className="z-2 absolute right-2 top-2 backdrop-blur-sm"
               onCopy={onCopy}
             />
           )
diff --git a/www/src/components/mdx/mdx-components.tsx b/www/src/components/mdx/mdx-components.tsx
index d9572e940..1e6a2df3a 100644
--- a/www/src/components/mdx/mdx-components.tsx
+++ b/www/src/components/mdx/mdx-components.tsx
@@ -41,10 +41,7 @@ export const mdxComponents: MDXComponents = {
   >,
   p: ({ className, ...props }) => (
     <p
-      className={cn(
-        "text-base leading-7 not-first:mt-4",
-        className
-      )}
+      className={cn("not-first:mt-4 text-base leading-7", className)}
       {...props}
     />
   ),
@@ -59,10 +56,7 @@ export const mdxComponents: MDXComponents = {
   ),
   blockquote: ({ className, ...props }) => (
     <blockquote
-      className={cn(
-        "*:text-fg-muted mt-6 border-l-2 pl-6 italic",
-        className
-      )}
+      className={cn("*:text-fg-muted mt-6 border-l-2 pl-6 italic", className)}
       {...props}
     />
   ),
@@ -134,17 +128,10 @@ export const mdxComponents: MDXComponents = {
   InstallTab,
   InstallTabs,
   ComponentSource: ({ name, ...rest }: { name: string }) => (
-    <ComponentSource
-      name={name}
-      className="w-full not-first:mt-4"
-      {...rest}
-    />
+    <ComponentSource name={name} className="not-first:mt-4 w-full" {...rest} />
   ),
   ComponentPreview: (props: ComponentPreviewProps) => (
-    <ComponentPreview
-      containerClassName="not-first:mt-4"
-      {...props}
-    />
+    <ComponentPreview containerClassName="not-first:mt-4" {...props} />
   ),
   Step: ({ className, ...props }: React.ComponentProps<"h3">) => (
     <h3
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index 0f781b368..44f8dd6b4 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -15,7 +15,7 @@ import { ThemeSwitcher } from "./theme-switcher";
 export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
   return (
     <header className="bg-bg sticky top-0 z-50 block border-b backdrop-blur-md sm:hidden">
-      <div className="container flex h-14 w-full max-w-(--breakpoint-2xl) items-center justify-between">
+      <div className="max-w-(--breakpoint-2xl) container flex h-14 w-full items-center justify-between">
         <DialogRoot>
           <Button variant="quiet" size="sm" shape="square">
             <AlignLeftIcon />
@@ -24,7 +24,7 @@ export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
             type="drawer"
             placement="left"
             swipeIndicator={false}
-            className="w-60 p-0!"
+            className="p-0! w-60"
           >
             {({ close }) => (
               <div className="flex h-screen flex-col">
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 6b2d01700..c87fad675 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -156,11 +156,11 @@ const SidebarRoot = ({
       >
         <div
           className={cn(
-            "transition-sidebar group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) relative z-10 h-svh w-(--sidebar-width) bg-transparent"
+            "transition-sidebar group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) w-(--sidebar-width) relative z-10 h-svh bg-transparent"
           )}
         />
-        <div className="transition-sidebar bg-bg group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) [&_svg]:text-fg-muted fixed inset-y-0 left-0 z-10 flex h-svh w-(--sidebar-width) flex-col overflow-hidden border-r [&_button]:font-normal">
-          <div className="relative flex h-svh w-(--sidebar-width) flex-1 translate-x-[-0.5px] flex-col overflow-hidden">
+        <div className="transition-sidebar bg-bg group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) [&_svg]:text-fg-muted w-(--sidebar-width) fixed inset-y-0 left-0 z-10 flex h-svh flex-col overflow-hidden border-r [&_button]:font-normal">
+          <div className="w-(--sidebar-width) relative flex h-svh flex-1 translate-x-[-0.5px] flex-col overflow-hidden">
             {children}
           </div>
         </div>
diff --git a/www/src/registry/ui/default/core/command/command.tsx b/www/src/registry/ui/default/core/command/command.tsx
index f34ed3632..39eac0305 100644
--- a/www/src/registry/ui/default/core/command/command.tsx
+++ b/www/src/registry/ui/default/core/command/command.tsx
@@ -39,7 +39,7 @@ const CommandInput = React.forwardRef<
     <CommandPrimitive.Input
       ref={ref}
       className={cn(
-        "placeholder:text-fg-muted flex h-11 w-full rounded-md bg-transparent py-3 text-base outline-hidden disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
+        "placeholder:text-fg-muted outline-hidden flex h-11 w-full rounded-md bg-transparent py-3 text-base disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
         className
       )}
       {...props}
@@ -125,7 +125,7 @@ const CommandItem = React.forwardRef<
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
-      "aria-selected:bg-bg-muted aria-selected:text-fg relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm outline-hidden transition-colors",
+      "aria-selected:bg-bg-muted aria-selected:text-fg outline-hidden relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm transition-colors",
       className
     )}
     {...props}
diff --git a/www/src/registry/ui/default/core/date-input/date-input.tsx b/www/src/registry/ui/default/core/date-input/date-input.tsx
index 31337a9bf..606a962ef 100644
--- a/www/src/registry/ui/default/core/date-input/date-input.tsx
+++ b/www/src/registry/ui/default/core/date-input/date-input.tsx
@@ -15,7 +15,7 @@ const dateInputStyles = tv({
       "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex items-center justify-start disabled:cursor-default",
     ],
     segment:
-      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled select-none rounded px-0.5 outline-hidden focus:caret-transparent",
+      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
   },
 });
 
diff --git a/www/src/registry/ui/default/core/dialog/dialog.tsx b/www/src/registry/ui/default/core/dialog/dialog.tsx
index 4a7ab234c..388dd6fa3 100644
--- a/www/src/registry/ui/default/core/dialog/dialog.tsx
+++ b/www/src/registry/ui/default/core/dialog/dialog.tsx
@@ -20,7 +20,7 @@ import { Text } from "@/registry/ui/default/core/text";
 const dialogStyles = tv({
   slots: {
     content: [
-      "relative flex max-w-full flex-col rounded-[inherit] p-4 outline-hidden",
+      "outline-hidden relative flex max-w-full flex-col rounded-[inherit] p-4",
       "group-data-[type=modal]/overlay:p-6",
       "group-data-[type=drawer]/overlay:pt-0",
     ],
diff --git a/www/src/registry/ui/default/core/input/input.tsx b/www/src/registry/ui/default/core/input/input.tsx
index 992fc6cc2..fc4e77d07 100644
--- a/www/src/registry/ui/default/core/input/input.tsx
+++ b/www/src/registry/ui/default/core/input/input.tsx
@@ -24,12 +24,12 @@ const inputStyles = tv({
   slots: {
     root: [
       focusInput(),
-      "border-border-field bg-bg text-fg-muted inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base shadow-xs transition-colors sm:text-sm [&_svg]:size-4",
+      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
       "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
       "invalid:border-border-danger focus-within:invalid:border-border",
     ],
     input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled h-full w-full bg-transparent outline-hidden disabled:cursor-default",
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
     ],
   },
   variants: {
diff --git a/www/src/registry/ui/default/core/list-box/list-box.tsx b/www/src/registry/ui/default/core/list-box/list-box.tsx
index 147e223b6..af266b317 100644
--- a/www/src/registry/ui/default/core/list-box/list-box.tsx
+++ b/www/src/registry/ui/default/core/list-box/list-box.tsx
@@ -18,7 +18,7 @@ import { CheckIcon, LoaderIcon } from "@/__icons__";
 const listBoxStyles = tv({
   base: [
     focusRing(),
-    "orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted flex flex-col overflow-auto p-1 outline-hidden empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic",
+    "orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic",
     "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
   ],
   variants: {
@@ -31,7 +31,7 @@ const listBoxStyles = tv({
 
 const listBoxItemStyles = tv({
   base: [
-    "disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm outline-hidden transition-colors disabled:cursor-default",
+    "disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default",
     "selection-single:pl-0 selection-multiple:pl-0",
     "[&_svg]:size-4",
   ],
diff --git a/www/src/registry/ui/default/core/menu/menu.tsx b/www/src/registry/ui/default/core/menu/menu.tsx
index 00ce23832..90377a2d7 100644
--- a/www/src/registry/ui/default/core/menu/menu.tsx
+++ b/www/src/registry/ui/default/core/menu/menu.tsx
@@ -19,7 +19,7 @@ import { CheckIcon, ChevronRightIcon } from "@/__icons__";
 
 const menuStyles = tv({
   base: [
-    "max-h[inherit] rounded-[inherit] p-1 outline-hidden",
+    "max-h[inherit] outline-hidden rounded-[inherit] p-1",
     "group-data-[type=drawer]/overlay:p-2",
     "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
   ],
@@ -27,7 +27,7 @@ const menuStyles = tv({
 
 const menuItemStyles = tv({
   base: [
-    "focus:bg-bg-inverse/10 disabled:text-fg-disabled flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm outline-hidden transition-colors disabled:pointer-events-none",
+    "focus:bg-bg-inverse/10 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm transition-colors disabled:pointer-events-none",
     "selection-single:pl-0 selection-multiple:pl-0",
     "group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3",
     "group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2",
diff --git a/www/src/registry/ui/default/core/overlay/overlay.tsx b/www/src/registry/ui/default/core/overlay/overlay.tsx
index e97086096..b47aaa87b 100644
--- a/www/src/registry/ui/default/core/overlay/overlay.tsx
+++ b/www/src/registry/ui/default/core/overlay/overlay.tsx
@@ -81,7 +81,7 @@ Overlay.displayName = "Overlay";
 const modalVariants = tv({
   slots: {
     backdrop: [
-      "fixed left-0 top-0 z-50 flex h-(--visual-viewport-height) w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
+      "h-(--visual-viewport-height) fixed left-0 top-0 z-50 flex w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
       "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
     ],
     overlay: [
@@ -139,7 +139,7 @@ ModalOverlay.displayName = "ModalOverlay";
 const popoverOverlayVariants = tv({
   slots: {
     overlay:
-      "group/overlay bg-bg text-fg z-50 rounded-md border shadow-md data-[trigger=ComboBox]:min-w-(--trigger-width) data-[trigger=Select]:min-w-(--trigger-width)",
+      "group/overlay bg-bg text-fg data-[trigger=ComboBox]:min-w-(--trigger-width) data-[trigger=Select]:min-w-(--trigger-width) z-50 rounded-md border shadow-md",
     arrow: [
       "fill-bg stroke-border block stroke-1",
       "group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180",
@@ -202,7 +202,7 @@ const drawerVariants = tv({
   slots: {
     backdrop: ["fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", "opacity-0"],
     overlay: [
-      "group/overlay bg-bg fixed z-50 flex flex-col outline-hidden",
+      "group/overlay bg-bg outline-hidden fixed z-50 flex flex-col",
       "inset-0",
       "placement-bottom:top-auto placement-top:bottom-auto placement-left:right-auto placement-right:left-auto",
       "placement-bottom:mt-24 placement-bottom:rounded-t-[10px] placement-bottom:border-t",
diff --git a/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx b/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx
index eb00b7b51..d4038fa3b 100644
--- a/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx
+++ b/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx
@@ -7,7 +7,7 @@ import { type VariantProps, tv } from "tailwind-variants";
 const scrollAreaStyles = tv({
   slots: {
     root: "flex h-full w-full flex-col overflow-hidden",
-    viewport: "flex h-full w-full flex-col *:block! *:w-fit *:grow",
+    viewport: "*:block! flex h-full w-full flex-col *:w-fit *:grow",
     scrollbar:
       "my-0 flex touch-none select-none flex-col rounded-full bg-gray-800 data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col", // TODO: remove my-0, it was my-1
     thumb:
diff --git a/www/src/registry/ui/default/core/slider/slider.tsx b/www/src/registry/ui/default/core/slider/slider.tsx
index 1cef83cba..b6d352b3f 100644
--- a/www/src/registry/ui/default/core/slider/slider.tsx
+++ b/www/src/registry/ui/default/core/slider/slider.tsx
@@ -38,7 +38,7 @@ const sliderStyles = tv({
     thumb: [
       focusRing(),
       "rounded-full bg-white shadow-md transition-[width,height]",
-      "absolute left-[50%] top-[50%] block -translate-x-1/2! -translate-y-1/2!",
+      "-translate-x-1/2! -translate-y-1/2! absolute left-[50%] top-[50%] block",
       "disabled:bg-bg-disabled disabled:border-bg disabled:border",
     ],
     valueLabel: "text-fg-muted text-sm",
diff --git a/www/src/registry/ui/default/core/tabs/tabs.tsx b/www/src/registry/ui/default/core/tabs/tabs.tsx
index 0f445217f..73121e065 100644
--- a/www/src/registry/ui/default/core/tabs/tabs.tsx
+++ b/www/src/registry/ui/default/core/tabs/tabs.tsx
@@ -20,7 +20,7 @@ const tabsStyles = tv({
     root: "orientation-vertical:flex-row flex flex-col",
     list: "orientation-horizontal:overflow-x-auto orientation-horizontal:whitespace-nowrap orientation-horizontal:items-center orientation-horizontal:border-b orientation-vertical:flex-col orientation-vertical:border-r orientation-horizontal:[&_[role=tab]]:border-b-[3px] orientation-vertical:[&_[role=tab]]:border-r-[3px] flex",
     tab: [
-      "text-fg-muted selected:border-border-focus selected:text-fg disabled:text-fg-disabled disabled:selected:border-border-disabled -mb-px cursor-pointer border-transparent px-2 py-2 text-center text-sm font-medium outline-hidden transition-colors disabled:cursor-default",
+      "text-fg-muted selected:border-border-focus selected:text-fg disabled:text-fg-disabled disabled:selected:border-border-disabled outline-hidden -mb-px cursor-pointer border-transparent px-2 py-2 text-center text-sm font-medium transition-colors disabled:cursor-default",
       "focus-visible:[&>span]:border-border-focus [&>span]:rounded-md [&>span]:border-2 [&>span]:border-transparent [&>span]:px-1.5 [&>span]:py-1",
     ],
     panel: [focusRing(), "rounded"],
diff --git a/www/tailwind.config.ts b/www/tailwind.config.ts
index 3e1e47124..c6619d92d 100644
--- a/www/tailwind.config.ts
+++ b/www/tailwind.config.ts
@@ -1,5 +1,4 @@
 import type { Config } from "tailwindcss";
-import defaultTheme from "tailwindcss/defaultTheme";
 
 const config = {
   content: ["src/**/*.{ts,tsx}", "content/**/*.{ts,tsx,mdx}"],

From 2a6c2dcb00600a907d44e28b7d6640a31944b74f Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 22 Nov 2024 14:46:04 +0100
Subject: [PATCH 004/165] fix: minor fixes

---
 www/content/docs/getting-started/installation.mdx |  2 +-
 www/src/components/theme-override.tsx             |  7 ++++---
 www/src/styles/globals.css                        |  4 +---
 www/tailwind.config.ts                            | 13 -------------
 4 files changed, 6 insertions(+), 20 deletions(-)
 delete mode 100644 www/tailwind.config.ts

diff --git a/www/content/docs/getting-started/installation.mdx b/www/content/docs/getting-started/installation.mdx
index 63a857d42..8355fc3da 100644
--- a/www/content/docs/getting-started/installation.mdx
+++ b/www/content/docs/getting-started/installation.mdx
@@ -7,7 +7,7 @@ import { ViteIcon, NextJsIcon, RemixIcon } from "@/components/icons";
 ## App requirements:
 
 - [React 19](https://react.dev)
-- [Tailwind CSS 4](https://tailwindcss.com/docs/installation) or higher
+- [Tailwind CSS 4](https://tailwindcss.com/docs/v4-beta#getting-started)
 - [Typescript 5](https://www.typescriptlang.org/) or higher
 
 ## Automatic installation
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index 4d797f20a..98cb3bdd6 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -64,12 +64,13 @@ export const ThemeOverride = React.forwardRef<
         {
           ...(mounted ? styles : {}),
           ...baseCssVars,
-          "--font-heading": headingFont?.name,
-          "--font-body": bodyFont?.name,
+          // TODO: fix fonts
+          // "--font-heading": headingFont?.name,
+          // "--font-body": bodyFont?.name,
           "--radius": `${currentTheme.radius}rem`,
         } as React.CSSProperties
       }
-      className={cn("bg-bg text-fg font-body", props.className)}
+      className={cn("bg-bg text-fg", props.className)}
     >
       <Skeleton show={!mounted} className="rounded-none">
         {children}
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 463db4ab7..b6ecfe900 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -139,8 +139,6 @@
   --font-josefin: var(--font-josefin);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
-  --font-heading: var(--font-heading);
-  --font-body: var(--font-body);
 
   /* colors */
   --color-bg: var(--color-neutral-100);
@@ -324,7 +322,7 @@
   padding-left: 2rem;
   padding-right: 2rem;
 
-  @media (width >= 1400px) {
+  @media (width >= theme(--breakpoint-2xl)) {
     max-width: 1400px;
   }
 }
diff --git a/www/tailwind.config.ts b/www/tailwind.config.ts
deleted file mode 100644
index c6619d92d..000000000
--- a/www/tailwind.config.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { Config } from "tailwindcss";
-
-const config = {
-  content: ["src/**/*.{ts,tsx}", "content/**/*.{ts,tsx,mdx}"],
-  prefix: "",
-  theme: {
-    data: {
-      mobile: 'mobile~="true"',
-    },
-  },
-} satisfies Config;
-
-export default config;

From 4cc53653242084f0ad3220f11f6a9b7e577d1332 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 22 Nov 2024 20:43:11 +0100
Subject: [PATCH 005/165] fix: other fixes

---
 pnpm-lock.yaml                 | 46 +++++++++++++++++++++-------------
 www/package.json               |  6 ++---
 www/src/components/sidebar.tsx |  6 ++---
 www/src/styles/globals.css     |  5 ++--
 4 files changed, 36 insertions(+), 27 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 24e158701..759a92872 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -321,8 +321,8 @@ importers:
         specifier: ^2.2.0
         version: 2.5.2
       tailwind-variants:
-        specifier: ^0.2.1
-        version: 0.2.1(tailwindcss@4.0.0-beta.1)
+        specifier: ^0.3.0
+        version: 0.3.0(tailwindcss@4.0.0-beta.2)
       tsx:
         specifier: ^4.7.1
         version: 4.19.1
@@ -376,14 +376,14 @@ importers:
         specifier: ^6.0.1
         version: 6.0.1
       tailwindcss:
-        specifier: 4.0.0-beta.1
-        version: 4.0.0-beta.1
+        specifier: 4.0.0-beta.2
+        version: 4.0.0-beta.2
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@4.0.0-beta.1)
+        version: 1.0.7(tailwindcss@4.0.0-beta.2)
       tailwindcss-react-aria-components:
-        specifier: 3.0.0-nightly-dcc0752f8-241031
-        version: 3.0.0-nightly-dcc0752f8-241031(tailwindcss@4.0.0-beta.1)
+        specifier: 1.2.0
+        version: 1.2.0(tailwindcss@4.0.0-beta.2)
       typescript:
         specifier: ^5
         version: 5.6.2
@@ -6127,8 +6127,11 @@ packages:
   tailwind-merge@2.5.2:
     resolution: {integrity: sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg==}
 
-  tailwind-variants@0.2.1:
-    resolution: {integrity: sha512-2xmhAf4UIc3PijOUcJPA1LP4AbxhpcHuHM2C26xM0k81r0maAO6uoUSHl3APmvHZcY5cZCY/bYuJdfFa4eGoaw==}
+  tailwind-merge@2.5.4:
+    resolution: {integrity: sha512-0q8cfZHMu9nuYP/b5Shb7Y7Sh1B7Nnl5GqNr1U+n2p6+mybvRtayrQ+0042Z5byvTA8ihjlP8Odo8/VnHbZu4Q==}
+
+  tailwind-variants@0.3.0:
+    resolution: {integrity: sha512-ho2k5kn+LB1fT5XdNS3Clb96zieWxbStE9wNLK7D0AV64kdZMaYzAKo0fWl6fXLPY99ffF9oBJnIj5escEl/8A==}
     engines: {node: '>=16.x', pnpm: '>=7.x'}
     peerDependencies:
       tailwindcss: '*'
@@ -6138,8 +6141,8 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
 
-  tailwindcss-react-aria-components@3.0.0-nightly-dcc0752f8-241031:
-    resolution: {integrity: sha512-iHnk5fnSGFYvXLWPMW2VQckBss+/JaDaiVX6Sw5CW5jJfZdXCkKYo1Kz952rMDrZChg88XXwHLjjLJbSIzX/Pw==}
+  tailwindcss-react-aria-components@1.2.0:
+    resolution: {integrity: sha512-ynlQIfAdoWAz0Og0dCe/d4QVE+L8Yuo6rtK9apdhehZZMoLC1GdwtnvLZyUyx+wHwnTjRuNtFPdN0DpPsPXJJg==}
     peerDependencies:
       tailwindcss: '*'
 
@@ -6151,6 +6154,9 @@ packages:
   tailwindcss@4.0.0-beta.1:
     resolution: {integrity: sha512-Pnj2oLtAiNgnd+eHfW4RFuG8EIklYF1FModYFtr6bXrgLoZndePW5jX17Zwyo7Oeq+0dXTekjjMr5IRnQHgCXg==}
 
+  tailwindcss@4.0.0-beta.2:
+    resolution: {integrity: sha512-uZ+vgVsy6i18Glc3XYMkTq7dl4GsU4m8X8qRTVlU4+g8Uit7g+wttwfDCl3p+ZOq5KCB09th9XgVDx1zFLCeHA==}
+
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
@@ -14112,18 +14118,20 @@ snapshots:
 
   tailwind-merge@2.5.2: {}
 
-  tailwind-variants@0.2.1(tailwindcss@4.0.0-beta.1):
+  tailwind-merge@2.5.4: {}
+
+  tailwind-variants@0.3.0(tailwindcss@4.0.0-beta.2):
     dependencies:
-      tailwind-merge: 2.5.2
-      tailwindcss: 4.0.0-beta.1
+      tailwind-merge: 2.5.4
+      tailwindcss: 4.0.0-beta.2
 
-  tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.1):
+  tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.2):
     dependencies:
-      tailwindcss: 4.0.0-beta.1
+      tailwindcss: 4.0.0-beta.2
 
-  tailwindcss-react-aria-components@3.0.0-nightly-dcc0752f8-241031(tailwindcss@4.0.0-beta.1):
+  tailwindcss-react-aria-components@1.2.0(tailwindcss@4.0.0-beta.2):
     dependencies:
-      tailwindcss: 4.0.0-beta.1
+      tailwindcss: 4.0.0-beta.2
 
   tailwindcss@3.4.13(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2)):
     dependencies:
@@ -14154,6 +14162,8 @@ snapshots:
 
   tailwindcss@4.0.0-beta.1: {}
 
+  tailwindcss@4.0.0-beta.2: {}
+
   tapable@2.2.1: {}
 
   tar@7.4.3:
diff --git a/www/package.json b/www/package.json
index 6e460a8ae..a7f8eabb6 100644
--- a/www/package.json
+++ b/www/package.json
@@ -57,7 +57,7 @@
     "sharp": "^0.33.2",
     "shiki": "^1.6.2",
     "tailwind-merge": "^2.2.0",
-    "tailwind-variants": "^0.2.1",
+    "tailwind-variants": "^0.3.0",
     "tsx": "^4.7.1",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
@@ -77,9 +77,9 @@
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.31",
     "rimraf": "^6.0.1",
-    "tailwindcss": "4.0.0-beta.1",
+    "tailwindcss": "4.0.0-beta.2",
     "tailwindcss-animate": "^1.0.7",
-    "tailwindcss-react-aria-components": "3.0.0-nightly-dcc0752f8-241031",
+    "tailwindcss-react-aria-components": "1.2.0",
     "typescript": "^5",
     "vfile": "^6.0.3"
   }
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index c87fad675..ee4031ac8 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -89,7 +89,7 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
         </div>
       </ScrollArea>
       <SidebarFooter>
-        <div className="group-data-collapsed/sidebar:flex-col flex items-center gap-1">
+        <div className="group-collapsed/sidebar:flex-col flex items-center gap-1">
           <MotionButton
             href={siteConfig.links.github}
             target="_blank"
@@ -146,7 +146,7 @@ const SidebarRoot = ({
     <SidebarContext.Provider value={{ isCollapsed, onCollapseChange }}>
       <aside
         className="group/sidebar hidden text-sm sm:flex"
-        data-state={isCollapsed ? "" : undefined}
+        data-collapsed={isCollapsed ? "" : undefined}
         style={
           {
             "--sidebar-width": "230px",
@@ -191,7 +191,7 @@ const Logo = () => {
         loading="lazy"
         className="m-1 size-6 rounded-sm"
       />
-      <div className="font-josephin mt-[5px] font-bold leading-normal tracking-tighter">
+      <div className="font-josefin mt-[5px] font-bold leading-normal tracking-tighter">
         {siteConfig.global.name}
       </div>
     </Link>
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index b6ecfe900..1d81e45b6 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,8 +1,6 @@
 @import "tailwindcss";
-@plugin "tailwindcss-react-aria-components";
 @plugin "tailwindcss-animate";
-
-@config '../../tailwind.config.ts';
+@plugin "tailwindcss-react-aria-components";
 
 /* Base Colors */
 @layer base {
@@ -135,6 +133,7 @@
 }
 
 @theme {
+  --font-*: initial;
   /* fonts */
   --font-josefin: var(--font-josefin);
   --font-sans: var(--font-geist-sans);

From f194cee87108975ef02f478611576949e3e1c177 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 1 Dec 2024 15:07:14 +0100
Subject: [PATCH 006/165] chore: everything is working*

---
 pnpm-lock.yaml                   | 153 +++++++++++++--------------
 www/package.json                 |   4 +-
 www/src/components/sidebar.tsx   |   4 +-
 www/src/lib/tw-plugins/tw-rac.js | 172 +++++++++++++++++++++++++++++++
 www/src/styles/globals.css       |   3 +-
 www/tsconfig.json                |   2 +-
 6 files changed, 253 insertions(+), 85 deletions(-)
 create mode 100644 www/src/lib/tw-plugins/tw-rac.js

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 759a92872..90b129084 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -322,7 +322,7 @@ importers:
         version: 2.5.2
       tailwind-variants:
         specifier: ^0.3.0
-        version: 0.3.0(tailwindcss@4.0.0-beta.2)
+        version: 0.3.0(tailwindcss@4.0.0-beta.4)
       tsx:
         specifier: ^4.7.1
         version: 4.19.1
@@ -349,8 +349,8 @@ importers:
         specifier: workspace:*
         version: link:../packages/config/tsconfig
       '@tailwindcss/postcss':
-        specifier: 4.0.0-beta.1
-        version: 4.0.0-beta.1
+        specifier: 4.0.0-beta.4
+        version: 4.0.0-beta.4
       '@types/estree':
         specifier: ^1.0.6
         version: 1.0.6
@@ -376,14 +376,14 @@ importers:
         specifier: ^6.0.1
         version: 6.0.1
       tailwindcss:
-        specifier: 4.0.0-beta.2
-        version: 4.0.0-beta.2
+        specifier: 4.0.0-beta.4
+        version: 4.0.0-beta.4
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@4.0.0-beta.2)
+        version: 1.0.7(tailwindcss@4.0.0-beta.4)
       tailwindcss-react-aria-components:
         specifier: 1.2.0
-        version: 1.2.0(tailwindcss@4.0.0-beta.2)
+        version: 1.2.0(tailwindcss@4.0.0-beta.4)
       typescript:
         specifier: ^5
         version: 5.6.2
@@ -2627,81 +2627,81 @@ packages:
     resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==}
     engines: {node: '>=14.16'}
 
-  '@tailwindcss/node@4.0.0-beta.1':
-    resolution: {integrity: sha512-AC06Y7qvJgmWujCkhbiqw6jjJuv7YLsiJPme1Ojt34/E0mEeSfqoYWy+vSHMerWsYUH0abB5WbFl0Go1hGIjhg==}
+  '@tailwindcss/node@4.0.0-beta.4':
+    resolution: {integrity: sha512-NAPhQ6BcjXUqI+QFtzYHTcoqX4ACGNZl69NfMIDCCTvmPZ761sdvX8cy3LyeJEZDyfyoBT5vzjzfWeNZR7Y+KA==}
 
-  '@tailwindcss/oxide-android-arm64@4.0.0-beta.1':
-    resolution: {integrity: sha512-Wbmk4zLAHRupYip1Y8bL4pM4ra5W9lGmUjRNwxQI99Y5sV5Alg4WA0d3EjStFHc0J5aHNr0GhIQGrVMUbwbiow==}
+  '@tailwindcss/oxide-android-arm64@4.0.0-beta.4':
+    resolution: {integrity: sha512-r/MBScgeBZXE1xkZ+mw8/QybAlTOEzSJ6Jo9W9YCaqy+6S0Iaeo6CmwOPBrtX4/nlHm/v3hcmQWnaeJDQJMkTg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.1':
-    resolution: {integrity: sha512-vCFYA7zIX55pJ4WTQx8p2g5rNtQzExObP6cQ6UCqAARhFJOS7oSUQM9lqieyBwtnQhnNaNbK4Ijak9JJ6RtjmA==}
+  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.4':
+    resolution: {integrity: sha512-snm+1FmjU59X/2kCgryBlbGYEwJ945cC48XkN78pZIxYn/V7LNukGvDlIKgVJ6GxU4iiac7pk149ZyFZ7Ukj4Q==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.1':
-    resolution: {integrity: sha512-bhCxV2bI2H2bddodbCSqsmUmqcH27gm1sStBXhikj31l0+dhj5JpFn5Ac05vrc2ZOviYaMGKl4o8P1QcaZrc8g==}
+  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.4':
+    resolution: {integrity: sha512-BRbp+1WSExBCHnBK3EmTmmweM04UhpegOjjQbWDADrklhNU7juYNiu/4RN7A74ndweeopKuYB8gvMrdGlAEeuA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.1':
-    resolution: {integrity: sha512-dZoqFXOuDuBWIklCNbEG5ZOe7ISU0UgI1e0Vj4MoreGi+TzNYmQ30AFoS48GnbSPXSlFvRGUAqDYeynkz03j+g==}
+  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.4':
+    resolution: {integrity: sha512-HO6cclVvp1JueqleUfYpLFK41lnI/5/oqwkftZQ5LNF0fwp8sQm2cEh7GTCj2hwTIUnHbxmSmrg1MZL1/yoVgA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.1':
-    resolution: {integrity: sha512-wZ581r0bihhcNTEe46jWc/BrFQbiIk8VcYLiLc5Lkp7f1oRP8cAu5zioLA0SmNI6GPs0T4bW3arU+HfkZQbcpQ==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.4':
+    resolution: {integrity: sha512-Z6xUcakkJZGySTce0QqfbNdLRK4cUNmilvDd69q+8Ep+Vxqy+x5bkCweAf7b+lJsUe6mjclT2EP1ouMvqegnQQ==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.1':
-    resolution: {integrity: sha512-yIiLaUaNxmcjzcKsyl3NiBrkhXQQ8JZPOpgHz69bx7R5AUf2n6k6nhaBOnnkUeyagFE1KW9CbwiXU/O6LV7w3w==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.4':
+    resolution: {integrity: sha512-hr9AbxrsAXWjZp8iIcQes7eIfMnSgUS6qA/SbcxFfvmte/BHUSuSxa21OZpFRVYFcQ/BIqLA1hU27fvfZZq4JQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.1':
-    resolution: {integrity: sha512-yOSYdz2SAcOZuuE+7Q3hdfOG+choEBFVAq1/D8ARjD784Yx0iV+rRvVq62tZEa1hKIHQWmXebZ/fOMmMsoAbKw==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.4':
+    resolution: {integrity: sha512-b//iI94Eo29LqzAOBfFt1m3bM1CF9NU3K59o3ikAwM6kdxmPQoc7TBpcrEh3lKomJ1Ejj0M95022YqksY7O8gQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.1':
-    resolution: {integrity: sha512-3vW9ykpppPEctih/jc5VEigGGW0zJPW1pgEHPd9l7s5u5JRqAbHcFMoVebQtTiUiqLprhCyrcIfjxlllxPTkyQ==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.4':
+    resolution: {integrity: sha512-xqK6amSCZpEpWbuN0WYDlaOir7n2NjD2jtnVZ5eWpnw4kkjzu0kmVqN9PaWdejZUKVfvEy7Ldbmcos9MpQhi4g==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.1':
-    resolution: {integrity: sha512-GRwyuahNxY/EcgrrH/37P1sjFjA1NIH9q8pChfQEPiD0P3LKEAw6jgf2JPE9/4mNpOX32DAl4uD0ByrumhPtlQ==}
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.4':
+    resolution: {integrity: sha512-9V3CtBJ+oBxeppvBUvfZ2NbsrgKkLDIVrF4jUcpj3Md4rdpW6mIRWxqzEY1uT9JZlFr4YmVx6Auax+32BUtD2A==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.1':
-    resolution: {integrity: sha512-OdcL9PqV2vkk+QWnERL/8IIy+3IbNqYOCFnZhNMeYSO361L+nfDOjR/E7RS0UaZVWrRjWXohBG1oCH9upg5lBg==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.4':
+    resolution: {integrity: sha512-MYfGNg1nikym/F2aCx0ni5ZWKsChVwWTsjgmDo9ZOiqhWE/7yeX0Ej+lugEh4gPHyUpcMbeTZySZx0OJ8o+X1Q==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.1':
-    resolution: {integrity: sha512-fbqZjbw9CtfhK8ADoZf66lHbRQvOMRX+EcURQUtpMtpYQsv+NKx41zOaYi0ivTTJhr3jmX8xyx3KDVOBMI6fBw==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.4':
+    resolution: {integrity: sha512-hCMihksJD5odhAm+SLFNk75etPRK+QjyMIPMryUI7na6kvB8OaTH4gRBIO27GvRk2q1Zm2sqn4JoYy2auuoAAA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.0.0-beta.1':
-    resolution: {integrity: sha512-MnnV7WKj5rd+AcPybDkLngtZJUvXrC8368NKkzMpqnTR1DgM3NJ+Kz/mtW8hEtr2ScpQ8WDUTPdtMcEg+iKuBA==}
+  '@tailwindcss/oxide@4.0.0-beta.4':
+    resolution: {integrity: sha512-yYZ069LXAEOrQt3SwYV+PhwsGBM0qo7ofsOF5BDrju9Nsz+X0z9NCF9fvc6zJ11wX1bSVuiyLbwIS4P9rVT8hg==}
     engines: {node: '>= 10'}
 
-  '@tailwindcss/postcss@4.0.0-beta.1':
-    resolution: {integrity: sha512-1ZdgGDt9s2vogYc0oSQGekx3SNcXlHg/JLFYQcRTlpEiISqSMNWxfvMWgp9oau9dcXV+7JL16jb6Q4sAdT3Mmw==}
+  '@tailwindcss/postcss@4.0.0-beta.4':
+    resolution: {integrity: sha512-nZZKXG/SRf4+8udSThSMbCduQRen60kWtlkxwLUNpKlJWBkWF7vy/ybJzfgCXwEFxBLuNsnm89o42I3XoifAIw==}
 
   '@trivago/prettier-plugin-sort-imports@4.3.0':
     resolution: {integrity: sha512-r3n0onD3BTOVUNPhR4lhVK4/pABGpbA7bW3eumZnYdKaHkf1qEC+Mag6DPbGNuuh0eG8AaYj+YqmVHSiGslaTQ==}
@@ -6151,11 +6151,8 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  tailwindcss@4.0.0-beta.1:
-    resolution: {integrity: sha512-Pnj2oLtAiNgnd+eHfW4RFuG8EIklYF1FModYFtr6bXrgLoZndePW5jX17Zwyo7Oeq+0dXTekjjMr5IRnQHgCXg==}
-
-  tailwindcss@4.0.0-beta.2:
-    resolution: {integrity: sha512-uZ+vgVsy6i18Glc3XYMkTq7dl4GsU4m8X8qRTVlU4+g8Uit7g+wttwfDCl3p+ZOq5KCB09th9XgVDx1zFLCeHA==}
+  tailwindcss@4.0.0-beta.4:
+    resolution: {integrity: sha512-mkjpwMyaHCa3L5HmRjYyY8w8D+7brxwbM7YQxH8QeEFtCURd5fvdHIC9TEpIaL1X49vhl8cuOFY6Nhi6sCsI5w==}
 
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
@@ -9636,67 +9633,67 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
-  '@tailwindcss/node@4.0.0-beta.1':
+  '@tailwindcss/node@4.0.0-beta.4':
     dependencies:
       enhanced-resolve: 5.17.1
       jiti: 2.4.0
-      tailwindcss: 4.0.0-beta.1
+      tailwindcss: 4.0.0-beta.4
 
-  '@tailwindcss/oxide-android-arm64@4.0.0-beta.1':
+  '@tailwindcss/oxide-android-arm64@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.1':
+  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.1':
+  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.1':
+  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.1':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.1':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.1':
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.1':
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.1':
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.1':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.1':
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.4':
     optional: true
 
-  '@tailwindcss/oxide@4.0.0-beta.1':
+  '@tailwindcss/oxide@4.0.0-beta.4':
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.0.0-beta.1
-      '@tailwindcss/oxide-darwin-arm64': 4.0.0-beta.1
-      '@tailwindcss/oxide-darwin-x64': 4.0.0-beta.1
-      '@tailwindcss/oxide-freebsd-x64': 4.0.0-beta.1
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0-beta.1
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0-beta.1
-      '@tailwindcss/oxide-linux-arm64-musl': 4.0.0-beta.1
-      '@tailwindcss/oxide-linux-x64-gnu': 4.0.0-beta.1
-      '@tailwindcss/oxide-linux-x64-musl': 4.0.0-beta.1
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0-beta.1
-      '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-beta.1
-
-  '@tailwindcss/postcss@4.0.0-beta.1':
+      '@tailwindcss/oxide-android-arm64': 4.0.0-beta.4
+      '@tailwindcss/oxide-darwin-arm64': 4.0.0-beta.4
+      '@tailwindcss/oxide-darwin-x64': 4.0.0-beta.4
+      '@tailwindcss/oxide-freebsd-x64': 4.0.0-beta.4
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0-beta.4
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0-beta.4
+      '@tailwindcss/oxide-linux-arm64-musl': 4.0.0-beta.4
+      '@tailwindcss/oxide-linux-x64-gnu': 4.0.0-beta.4
+      '@tailwindcss/oxide-linux-x64-musl': 4.0.0-beta.4
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0-beta.4
+      '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-beta.4
+
+  '@tailwindcss/postcss@4.0.0-beta.4':
     dependencies:
       '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.0.0-beta.1
-      '@tailwindcss/oxide': 4.0.0-beta.1
+      '@tailwindcss/node': 4.0.0-beta.4
+      '@tailwindcss/oxide': 4.0.0-beta.4
       lightningcss: 1.28.1
       postcss: 8.4.47
-      tailwindcss: 4.0.0-beta.1
+      tailwindcss: 4.0.0-beta.4
 
   '@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.3.3)':
     dependencies:
@@ -14120,18 +14117,18 @@ snapshots:
 
   tailwind-merge@2.5.4: {}
 
-  tailwind-variants@0.3.0(tailwindcss@4.0.0-beta.2):
+  tailwind-variants@0.3.0(tailwindcss@4.0.0-beta.4):
     dependencies:
       tailwind-merge: 2.5.4
-      tailwindcss: 4.0.0-beta.2
+      tailwindcss: 4.0.0-beta.4
 
-  tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.2):
+  tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.4):
     dependencies:
-      tailwindcss: 4.0.0-beta.2
+      tailwindcss: 4.0.0-beta.4
 
-  tailwindcss-react-aria-components@1.2.0(tailwindcss@4.0.0-beta.2):
+  tailwindcss-react-aria-components@1.2.0(tailwindcss@4.0.0-beta.4):
     dependencies:
-      tailwindcss: 4.0.0-beta.2
+      tailwindcss: 4.0.0-beta.4
 
   tailwindcss@3.4.13(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2)):
     dependencies:
@@ -14160,9 +14157,7 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
-  tailwindcss@4.0.0-beta.1: {}
-
-  tailwindcss@4.0.0-beta.2: {}
+  tailwindcss@4.0.0-beta.4: {}
 
   tapable@2.2.1: {}
 
diff --git a/www/package.json b/www/package.json
index a7f8eabb6..d87d1efbf 100644
--- a/www/package.json
+++ b/www/package.json
@@ -68,7 +68,7 @@
     "@dotui/eslint-config": "workspace:*",
     "@dotui/registry": "workspace:*",
     "@dotui/ts-config": "workspace:*",
-    "@tailwindcss/postcss": "4.0.0-beta.1",
+    "@tailwindcss/postcss": "4.0.0-beta.4",
     "@types/estree": "^1.0.6",
     "@types/mdast": "^4.0.4",
     "@types/node": "^18.17.0",
@@ -77,7 +77,7 @@
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.31",
     "rimraf": "^6.0.1",
-    "tailwindcss": "4.0.0-beta.2",
+    "tailwindcss": "4.0.0-beta.4",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-react-aria-components": "1.2.0",
     "typescript": "^5",
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index ee4031ac8..e11b94302 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -181,7 +181,7 @@ const Logo = () => {
   return (
     <Link
       href="/"
-      className="flex items-center space-x-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
+      className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
     >
       <Avatar
         src={siteConfig.global.logo}
@@ -191,7 +191,7 @@ const Logo = () => {
         loading="lazy"
         className="m-1 size-6 rounded-sm"
       />
-      <div className="font-josefin mt-[5px] font-bold leading-normal tracking-tighter">
+      <div className="font-josefin mt-[5px] font-bold leading-normal tracking-tighter group-data-collapsed/sidebar:opacity-0 transition-colors">
         {siteConfig.global.name}
       </div>
     </Link>
diff --git a/www/src/lib/tw-plugins/tw-rac.js b/www/src/lib/tw-plugins/tw-rac.js
new file mode 100644
index 000000000..5805f13f8
--- /dev/null
+++ b/www/src/lib/tw-plugins/tw-rac.js
@@ -0,0 +1,172 @@
+const plugin = require("tailwindcss/plugin");
+
+// Order of these is important because it determines which states win in a conflict.
+// We mostly follow Tailwind's defaults, adding our additional states following the categories they define.
+// https://github.com/tailwindlabs/tailwindcss/blob/304c2bad6cb5fcb62754a4580b1c8f4c16b946ea/src/corePlugins.js#L83
+const attributes = {
+  boolean: [
+    // Conditions
+    "allows-removing",
+    "allows-sorting",
+    "allows-dragging",
+    "has-submenu",
+
+    // States
+    "open",
+    "expanded",
+    "entering",
+    "exiting",
+    "indeterminate",
+    ["placeholder-shown", "placeholder"],
+    "current",
+    "required",
+    "unavailable",
+    "invalid",
+    ["read-only", "readonly"],
+    "outside-month",
+    "outside-visible-range",
+    "pending",
+
+    // Content
+    "empty",
+
+    // Interactive states
+    "focus-within",
+    ["hover", "hovered"],
+    ["focus", "focused"],
+    "focus-visible",
+    "pressed",
+    "selected",
+    "selection-start",
+    "selection-end",
+    "dragging",
+    "drop-target",
+    "resizing",
+    "disabled",
+  ],
+  enum: {
+    placement: ["left", "right", "top", "bottom"],
+    type: ["literal", "year", "month", "day"],
+    layout: ["grid", "stack"],
+    orientation: ["horizontal", "vertical"],
+    "selection-mode": ["single", "multiple"],
+    "resizable-direction": ["right", "left", "both"],
+    "sort-direction": ["ascending", "descending"],
+  },
+};
+
+const shortNames = {
+  "selection-mode": "selection",
+  "resizable-direction": "resizable",
+  "sort-direction": "sort",
+};
+
+// Variants we use that are already defined by Tailwind:
+// https://github.com/tailwindlabs/tailwindcss/blob/a2fa6932767ab328515f743d6188c2164ad2a5de/src/corePlugins.js#L84
+const nativeVariants = [
+  "indeterminate",
+  "required",
+  "invalid",
+  "empty",
+  "focus-visible",
+  "focus-within",
+  "disabled",
+];
+const nativeVariantSelectors = new Map([
+  ...nativeVariants.map((variant) => [variant, `:${variant}`]),
+  ["hovered", ":hover"],
+  ["focused", ":focus"],
+  ["readonly", ":read-only"],
+  ["open", "[open]"],
+  ["expanded", "[expanded]"],
+]);
+
+// Variants where both native and RAC attributes should apply. We don't override these.
+const nativeMergeSelectors = new Map([["placeholder", ":placeholder-shown"]]);
+
+// If no prefix is specified, we want to avoid overriding native variants on non-RAC components, so we only target elements with the data-rac attribute for those variants.
+let getSelector = (
+  prefix,
+  attributeName,
+  attributeValue,
+  hoverOnlyWhenSupported
+) => {
+  let baseSelector = attributeValue
+    ? `[data-${attributeName}="${attributeValue}"]`
+    : `[data-${attributeName}]`;
+  let nativeSelector = nativeVariantSelectors.get(attributeName);
+  if (prefix === "" && nativeSelector) {
+    let wrappedNativeSelector = `&:where(:not([data-rac]))${nativeSelector}`;
+    let nativeSelectorGenerator = wrappedNativeSelector;
+    if (nativeSelector === ":hover" && hoverOnlyWhenSupported) {
+      nativeSelectorGenerator = (wrap) =>
+        `@media (hover: hover) and (pointer: fine) { ${wrap(wrappedNativeSelector)} }`;
+    }
+    return [`&:where([data-rac])${baseSelector}`, nativeSelectorGenerator];
+  } else if (prefix === "" && nativeMergeSelectors.has(attributeName)) {
+    return [`&${baseSelector}`, `&${nativeMergeSelectors.get(attributeName)}`];
+  } else {
+    return `&${baseSelector}`;
+  }
+};
+
+let mapSelector = (selector, fn) => {
+  if (Array.isArray(selector)) {
+    return selector.map(fn);
+  } else {
+    return fn(selector);
+  }
+};
+
+let wrapSelector = (selector, wrap) => {
+  if (typeof selector === "function") {
+    return selector(wrap);
+  } else {
+    return wrap(selector);
+  }
+};
+
+let addVariants = (variantName, selectors, addVariant, matchVariant) => {
+  addVariant(
+    variantName,
+    mapSelector(selectors, (selector) => wrapSelector(selector, (s) => s))
+  );
+};
+
+module.exports = plugin.withOptions(
+  (options) =>
+    ({ addVariant, matchVariant, config }) => {
+      let prefix = options?.prefix ? `${options.prefix}-` : "";
+      let future = config().future;
+      let hoverOnlyWhenSupported =
+        future === "all" || future?.hoverOnlyWhenSupported;
+
+      // Enum attributes go first because currently they are all non-interactive states.
+      Object.keys(attributes.enum).forEach((attributeName) => {
+        attributes.enum[attributeName].forEach((attributeValue) => {
+          let name = shortNames[attributeName] || attributeName;
+          let variantName = `${prefix}${name}-${attributeValue}`;
+          let selectors = getSelector(
+            prefix,
+            attributeName,
+            attributeValue,
+            hoverOnlyWhenSupported
+          );
+          addVariants(variantName, selectors, addVariant, matchVariant);
+        });
+      });
+
+      attributes.boolean.forEach((attribute) => {
+        let variantName = Array.isArray(attribute) ? attribute[0] : attribute;
+        variantName = `${prefix}${variantName}`;
+        let attributeName = Array.isArray(attribute) ? attribute[1] : attribute;
+        let selectors = getSelector(
+          prefix,
+          attributeName,
+          null,
+          hoverOnlyWhenSupported
+        );
+        addVariants(variantName, selectors, addVariant, matchVariant);
+      });
+    }
+);
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 1d81e45b6..c7c65c6be 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,6 +1,7 @@
 @import "tailwindcss";
 @plugin "tailwindcss-animate";
-@plugin "tailwindcss-react-aria-components";
+ /* @plugin "tailwindcss-react-aria-components"; */
+@plugin "../lib/tw-plugins/tw-rac";
 
 /* Base Colors */
 @layer base {
diff --git a/www/tsconfig.json b/www/tsconfig.json
index 29d6bccf7..70f67d3c3 100644
--- a/www/tsconfig.json
+++ b/www/tsconfig.json
@@ -16,7 +16,7 @@
     "**/*.ts",
     "**/*.d.ts",
     "**/*.tsx",
-    ".next/types/**/*.ts",
+    ".next/types/**/*.ts", "src/lib/tw-plugins/tw-rac.js",
   ],
   "exclude": ["node_modules"]
 }
\ No newline at end of file

From b5fda69035cf766f53a25185a910e3c5975be45c Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 1 Dec 2024 19:56:11 +0100
Subject: [PATCH 007/165] fix: format

---
 www/src/components/sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index e11b94302..d6c3cbf39 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -191,7 +191,7 @@ const Logo = () => {
         loading="lazy"
         className="m-1 size-6 rounded-sm"
       />
-      <div className="font-josefin mt-[5px] font-bold leading-normal tracking-tighter group-data-collapsed/sidebar:opacity-0 transition-colors">
+      <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
         {siteConfig.global.name}
       </div>
     </Link>

From f2a1be4464c7f41ce3926194a5943dc970152769 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 2 Dec 2024 23:06:19 +0100
Subject: [PATCH 008/165] fix: minor fixes

---
 packages/tailwindcss-rac/index.d.ts           |   9 +
 .../tailwindcss-rac/index.js                  |   0
 packages/tailwindcss-rac/package.json         |  24 ++
 pnpm-lock.yaml                                |  21 +-
 .../getting-started/api-reference/cli.mdx     |   2 +-
 .../api-reference/dotui-json.mdx              |  11 -
 .../getting-started/design/design-tokens.mdx  |   5 -
 .../getting-started/design/foundations.mdx    |   5 -
 .../docs/getting-started/design/theming.mdx   |   5 -
 .../docs/getting-started/guides/dark-mode.mdx |  16 +-
 .../docs/getting-started/installation.mdx     | 294 ++++--------------
 www/package.json                              |   2 +-
 www/src/components/mdx/choices.tsx            |   2 +-
 www/src/components/mdx/mdx-components.tsx     |   4 +-
 www/src/components/sidebar.tsx                |  97 +++---
 www/src/styles/globals.css                    | 115 +------
 16 files changed, 180 insertions(+), 432 deletions(-)
 create mode 100644 packages/tailwindcss-rac/index.d.ts
 rename www/src/lib/tw-plugins/tw-rac.js => packages/tailwindcss-rac/index.js (100%)
 create mode 100644 packages/tailwindcss-rac/package.json
 delete mode 100644 www/content/docs/getting-started/design/design-tokens.mdx
 delete mode 100644 www/content/docs/getting-started/design/foundations.mdx
 delete mode 100644 www/content/docs/getting-started/design/theming.mdx

diff --git a/packages/tailwindcss-rac/index.d.ts b/packages/tailwindcss-rac/index.d.ts
new file mode 100644
index 000000000..80afe6b26
--- /dev/null
+++ b/packages/tailwindcss-rac/index.d.ts
@@ -0,0 +1,9 @@
+declare function plugin(options?: Partial<{ prefix: string }>): {
+  handler: () => void
+}
+
+declare namespace plugin {
+  const __isOptionsFunction: true;
+}
+
+export = plugin
\ No newline at end of file
diff --git a/www/src/lib/tw-plugins/tw-rac.js b/packages/tailwindcss-rac/index.js
similarity index 100%
rename from www/src/lib/tw-plugins/tw-rac.js
rename to packages/tailwindcss-rac/index.js
diff --git a/packages/tailwindcss-rac/package.json b/packages/tailwindcss-rac/package.json
new file mode 100644
index 000000000..323347539
--- /dev/null
+++ b/packages/tailwindcss-rac/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tailwindcss-rac",
+  "version": "1.2.0",
+  "description": "A Tailwind plugin that adds variants for data attributes in React Aria Components compatible with tailwind v4",
+  "license": "Apache-2.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "source": "index.js",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mehdibha/dotUI"
+  },
+  "peerDependencies": {
+    "tailwindcss": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 90b129084..6e40a156c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -201,6 +201,12 @@ importers:
         specifier: ^3.22.4
         version: 3.23.8
 
+  packages/tailwindcss-rac:
+    dependencies:
+      tailwindcss:
+        specifier: '*'
+        version: 3.4.13(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2))
+
   www:
     dependencies:
       '@adobe/leonardo-contrast-colors':
@@ -381,9 +387,9 @@ importers:
       tailwindcss-animate:
         specifier: ^1.0.7
         version: 1.0.7(tailwindcss@4.0.0-beta.4)
-      tailwindcss-react-aria-components:
-        specifier: 1.2.0
-        version: 1.2.0(tailwindcss@4.0.0-beta.4)
+      tailwindcss-rac:
+        specifier: workspace:*
+        version: link:../packages/tailwindcss-rac
       typescript:
         specifier: ^5
         version: 5.6.2
@@ -6141,11 +6147,6 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
 
-  tailwindcss-react-aria-components@1.2.0:
-    resolution: {integrity: sha512-ynlQIfAdoWAz0Og0dCe/d4QVE+L8Yuo6rtK9apdhehZZMoLC1GdwtnvLZyUyx+wHwnTjRuNtFPdN0DpPsPXJJg==}
-    peerDependencies:
-      tailwindcss: '*'
-
   tailwindcss@3.4.13:
     resolution: {integrity: sha512-KqjHOJKogOUt5Bs752ykCeiwvi0fKVkr5oqsFNt/8px/tA8scFPIlkygsf6jXrfCqGHz7VflA6+yytWuM+XhFw==}
     engines: {node: '>=14.0.0'}
@@ -14126,10 +14127,6 @@ snapshots:
     dependencies:
       tailwindcss: 4.0.0-beta.4
 
-  tailwindcss-react-aria-components@1.2.0(tailwindcss@4.0.0-beta.4):
-    dependencies:
-      tailwindcss: 4.0.0-beta.4
-
   tailwindcss@3.4.13(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2)):
     dependencies:
       '@alloc/quick-lru': 5.2.0
diff --git a/www/content/docs/getting-started/api-reference/cli.mdx b/www/content/docs/getting-started/api-reference/cli.mdx
index 6f3f20127..87234f2a8 100644
--- a/www/content/docs/getting-started/api-reference/cli.mdx
+++ b/www/content/docs/getting-started/api-reference/cli.mdx
@@ -14,7 +14,7 @@ The `init` command installs dependencies, adds utilities, configures tailwind.co
 ### Usage
 
 ```package-install
-npx dotui-cli init [your-theme-id] [options]
+npx dotui-cli init [options]
 ```
 
 ### Reference
diff --git a/www/content/docs/getting-started/api-reference/dotui-json.mdx b/www/content/docs/getting-started/api-reference/dotui-json.mdx
index 2c84b85b0..4f7c1014d 100644
--- a/www/content/docs/getting-started/api-reference/dotui-json.mdx
+++ b/www/content/docs/getting-started/api-reference/dotui-json.mdx
@@ -22,9 +22,6 @@ After running the init command, you’ll have a new `dotui.json` file in your di
     "lib": "@/lib",
     "hooks": "@/hooks"
   },
-  "preferences": {
-    "prefersArrowFunction": false
-  },
   "style": {
     "iconLibrary": "lucide",
     "componentsOverrides": {
@@ -42,14 +39,6 @@ The `$schema` field is used to validate the configuration file.
 
 Aliases are used to map the default import paths to your project's paths.
 
-### Preferences
-
-Preferences are used to configure the project's preferences.
-
-| Key                    | Type      | Description                     |
-| ---------------------- | --------- | ------------------------------- |
-| `prefersArrowFunction` | `boolean` | Whether to use arrow functions. |
-
 ### Style
 
 The `style` object is used to configure the project's style.
diff --git a/www/content/docs/getting-started/design/design-tokens.mdx b/www/content/docs/getting-started/design/design-tokens.mdx
deleted file mode 100644
index 3445c4a40..000000000
--- a/www/content/docs/getting-started/design/design-tokens.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Design tokens
----
-
-<Alert variant="warning">This page is under construction.</Alert>
diff --git a/www/content/docs/getting-started/design/foundations.mdx b/www/content/docs/getting-started/design/foundations.mdx
deleted file mode 100644
index 515c4db61..000000000
--- a/www/content/docs/getting-started/design/foundations.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Foundations
----
-
-<Alert variant="warning">This page is under construction.</Alert>
diff --git a/www/content/docs/getting-started/design/theming.mdx b/www/content/docs/getting-started/design/theming.mdx
deleted file mode 100644
index d5ad8a32f..000000000
--- a/www/content/docs/getting-started/design/theming.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Theming
----
-
-<Alert variant="warning">This page is under construction.</Alert>
diff --git a/www/content/docs/getting-started/guides/dark-mode.mdx b/www/content/docs/getting-started/guides/dark-mode.mdx
index 89b0c1754..10df78e00 100644
--- a/www/content/docs/getting-started/guides/dark-mode.mdx
+++ b/www/content/docs/getting-started/guides/dark-mode.mdx
@@ -23,12 +23,6 @@ Learn how to implement dark mode in your project.
       icon: <ViteIcon />,
       description: "Fast modern build tool for web development",
     },
-    {
-      value: "remix",
-      title: "Remix",
-      icon: <RemixIcon />,
-      description: "Full stack web framework focused on simplicity",
-    },
   ]}
 >
 
@@ -84,6 +78,16 @@ export default function RootLayout({ children }: RootLayoutProps) {
 }
 ```
 
+<Step>Configure Tailwind</Step>
+
+Update your global css file 
+
+```css {4}
+@import "tailwindcss";
+@import "tailwindcss-rac";
+@variant dark (&:where(.dark, .dark *)); // [!code highlight]
+```
+
 </Steps>
 
 </Choice>
diff --git a/www/content/docs/getting-started/installation.mdx b/www/content/docs/getting-started/installation.mdx
index 8355fc3da..7447ae3f4 100644
--- a/www/content/docs/getting-started/installation.mdx
+++ b/www/content/docs/getting-started/installation.mdx
@@ -7,14 +7,14 @@ import { ViteIcon, NextJsIcon, RemixIcon } from "@/components/icons";
 ## App requirements:
 
 - [React 19](https://react.dev)
-- [Tailwind CSS 4](https://tailwindcss.com/docs/v4-beta#getting-started)
-- [Typescript 5](https://www.typescriptlang.org/) or higher
+- [Tailwind CSS 4](https://tailwindcss.com/docs/v4-beta)
+- [Typescript 5](https://www.typescriptlang.org/)
 
 ## Automatic installation
 
 <Steps>
 
-<Step>Start a project</Step>
+### Start a project
 
 <Choices
   items={[
@@ -30,23 +30,45 @@ import { ViteIcon, NextJsIcon, RemixIcon } from "@/components/icons";
       icon: <ViteIcon />,
       description: "Fast modern build tool for web development",
     },
-    {
-      value: "remix",
-      title: "Remix",
-      icon: <RemixIcon />,
-      description: "Full stack web framework focused on simplicity",
-    },
   ]}
 >
 
 <Choice id="nextjs">
 
-Create a new Next.js project using `create-next-app`:
+<Steps>
+
+<Step>Create a new Next.js project using `create-next-app`</Step>
 
 ```package-install
-npx create-next-app@latest my-app --typescript --tailwind --eslint
+npx create-next-app@latest my-app --typescript --eslint
+```
+
+<Step>Add Tailwind and its configuration</Step>
+
+install Tailwind along with our tailwind dedicated PostCSS plugin
+
+```package-install
+tailwindcss@next @tailwindcss/postcss@next
+```
+
+Next, add the PostCSS plugin to your `postcss.config.js` file:
+
+```js title="postcss.config.mjs"
+export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+```
+
+Finally, import Tailwind into your main CSS file:
+
+```css title="globals.css"
+@import "tailwindcss";
 ```
 
+</Steps>
+
 </Choice>
 
 <Choice id="vite">
@@ -59,36 +81,30 @@ npx create-next-app@latest my-app --typescript --tailwind --eslint
 npm create vite@latest my-project -- --template react-ts
 ```
 
-### Install Tailwind CSS:
+<Step>Install Tailwind CSS</Step>
 
-Install `tailwindcss` and its peer dependencies, then generate your `tailwind.config.ts` and `postcss.config.js` files.
+Install Tailwind along with our tailwind dedicated Vite plugin:
 
 ```package-install
-npm install -D tailwindcss postcss autoprefixer
-npx tailwindcss init --ts
+npm install -D tailwindcss@next @tailwindcss/vite@next
 ```
 
-Configure your tailwind template paths
+Next, add the Vite plugin to your `vite.config.ts` file:
 
-```ts title="tailwind.config.ts"
-import type { Config } from "tailwindcss";
+```ts title="vite.config.ts"
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
 
-export default {
-  content: ["./index.html", "./src/**/*.{ts,tsx,js,jsx}"],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-} satisfies Config;
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+});
 ```
 
-Add the Tailwind directives to your CSS
+Finally, import Tailwind into your main CSS file:
 
-```css title="index.css"
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-/* ... */
+```css title="src/index.css"
+@import "tailwindcss";
 ```
 
 <Step>Add import alias support:</Step>
@@ -138,12 +154,13 @@ Update these files:
 <InstallTab value="vite.config.ts">
 
 ```ts
+import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 
 export default defineConfig({
-  plugins: [react(), tsconfigPaths()],
+  plugins: [react(), tailwindcss(), tsconfigPaths()],
 });
 ```
 
@@ -155,64 +172,12 @@ export default defineConfig({
 
 </Choice>
 
-<Choice id="remix">
-
-<Steps>
-
-<Step>Create a new Remix project:</Step>
-
-```package-install
-npx create-remix@latest my-app
-```
-
-<Step>Install Tailwind CSS:</Step>
-
-```package-install
-npm install -D tailwindcss
-npx tailwindcss init --ts
-```
-
-Configure your tailwind template paths
-
-```ts title="tailwind.config.ts"
-import type { Config } from "tailwindcss";
-
-export default {
-  content: ["./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}"],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-} satisfies Config;
-```
-
-Add the Tailwind directives to your CSS
-
-```css title="app/tailwind.css"
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-/* ... */
-```
-
-Then add `tailwind.css` to your root route's links function:
-
-```tsx title="app/root.tsx"
-import styles from "./tailwind.css?url";
-
-export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }];
-```
-
-</Steps>
-
-</Choice>
-
 </Choices>
 
 ### Run the CLI
 
 ```package-install
-npx @dotui-cli init
+npx dotui-cli init
 ```
 
 ### Configure your project.
@@ -220,12 +185,13 @@ npx @dotui-cli init
 You will be asked some questions to create your configuration file.
 
 ```txt
-Which style would you like to use? › New York
-Which color would you like to use as base color? › Zinc
-Do you want to use CSS variables for colors? › no / yes
+What is the alias for your components? @/components
+What is the alias for your core components? @/components/core
+Which alias for your lib? @/lib
+Which icon library do you want use? lucide-icons
 ```
 
-### Configure your theme
+### Customize your theme
 
 See our [theme builder](/themes) to create a **unique and accessible theme** for your project, or use one of our predefined themes.
 
@@ -239,7 +205,7 @@ See our [theme builder](/themes) to create a **unique and accessible theme** for
 
 ### Add Tailwind CSS to your project.
 
-Follow the [Tailwind CSS installation guide](https://tailwindcss.com/docs/installation).
+Follow the [Tailwind CSS v4 installation guide](https://tailwindcss.com/docs/v4-beta).
 
 ### Configure the import alias
 
@@ -259,7 +225,7 @@ Follow the [Tailwind CSS installation guide](https://tailwindcss.com/docs/instal
 ### Add required dependencies
 
 ```package-install
-npm install tailwind-variants clsx tailwind-merge tailwindcss-animate tailwindcss-react-aria-components
+npm install tailwind-variants clsx tailwind-merge tailwindcss-animate tailwindcss-rac
 ```
 
 ### Add an icon library
@@ -270,152 +236,6 @@ If you're using the default icon library, install `lucide-react`:
 npm install lucide-react
 ```
 
-### Configure the tailwind.config.ts file
-
-Here's what the `tailwind.config.ts` file should look like:
-
-```ts title="tailwind.config.ts"
-const config = {
-  darkMode: ["class"],
-  content: ["src/**/*.{ts,tsx}"],
-  theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
-      },
-    },
-    extend: {
-      colors: {
-        bg: {
-          DEFAULT: "hsl(var(--color-bg))",
-          inverse: "hsl(var(--color-bg-inverse))",
-          surface: "hsl(var(--color-bg-surface))",
-          muted: "hsl(var(--color-bg-muted))",
-          disabled: "hsl(var(--color-bg-disabled))",
-          overlay: "hsl(var(--color-bg-overlay))",
-          tooltip: "hsl(var(--color-bg-tooltip))",
-          neutral: {
-            DEFAULT: "hsl(var(--color-bg-neutral))",
-            hover: "hsl(var(--color-bg-neutral-hover))",
-            active: "hsl(var(--color-bg-neutral-active))",
-          },
-          primary: {
-            DEFAULT: "hsl(var(--color-bg-primary))",
-            hover: "hsl(var(--color-bg-primary-hover))",
-            active: "hsl(var(--color-bg-primary-active))",
-          },
-          success: {
-            DEFAULT: "hsl(var(--color-bg-success))",
-            hover: "hsl(var(--color-bg-success-hover))",
-            active: "hsl(var(--color-bg-success-active))",
-            muted: {
-              DEFAULT: "hsl(var(--color-bg-success-muted))",
-              hover: "hsl(var(--color-bg-success-muted-hover))",
-              active: "hsl(var(--color-bg-success-muted-active))",
-            },
-          },
-          danger: {
-            DEFAULT: "hsl(var(--color-bg-danger))",
-            hover: "hsl(var(--color-bg-danger-hover))",
-            active: "hsl(var(--color-bg-danger-active))",
-            muted: {
-              DEFAULT: "hsl(var(--color-bg-danger-muted))",
-              hover: "hsl(var(--color-bg-danger-muted-hover))",
-              active: "hsl(var(--color-bg-danger-muted-active))",
-            },
-          },
-          warning: {
-            DEFAULT: "hsl(var(--color-bg-warning))",
-            hover: "hsl(var(--color-bg-warning-hover))",
-            active: "hsl(var(--color-bg-warning-active))",
-            muted: {
-              DEFAULT: "hsl(var(--color-bg-warning-muted))",
-              hover: "hsl(var(--color-bg-warning-muted-hover))",
-              active: "hsl(var(--color-bg-warning-muted-active))",
-            },
-          },
-          accent: {
-            DEFAULT: "hsl(var(--color-bg-accent))",
-            hover: "hsl(var(--color-bg-accent-hover))",
-            active: "hsl(var(--color-bg-accent-active))",
-            muted: {
-              DEFAULT: "hsl(var(--color-bg-accent-muted))",
-              hover: "hsl(var(--color-bg-accent-muted-hover))",
-              active: "hsl(var(--color-bg-accent-muted-active))",
-            },
-          },
-        },
-        fg: {
-          DEFAULT: "hsl(var(--color-fg))",
-          muted: {
-            DEFAULT: "hsl(var(--color-fg-muted))",
-            inverse: "hsl(var(--color-fg-muted-inverse))",
-          },
-          inverse: "hsl(var(--color-fg-inverse))",
-          disabled: "hsl(var(--color-fg-disabled))",
-          link: {
-            DEFAULT: "hsl(var(--color-fg-link))",
-            hover: "hsl(var(--color-fg-link-hover))",
-            active: "hsl(var(--color-fg-link-active))",
-            visited: "hsl(var(--color-fg-link-visited))",
-          },
-          accent: "hsl(var(--color-fg-accent))",
-          success: "hsl(var(--color-fg-success))",
-          warning: "hsl(var(--color-fg-warning))",
-          danger: "hsl(var(--color-fg-danger))",
-          info: "hsl(var(--color-fg-info))",
-          onAccent: "hsl(var(--color-fg-onAccent))",
-          onNeutral: "hsl(var(--color-fg-onNeutral))",
-          onPrimary: "hsl(var(--color-fg-onPrimary))",
-          onSuccess: "hsl(var(--color-fg-onSuccess))",
-          onMutedSuccess: "hsl(var(--color-fg-onMutedSuccess))",
-          onDanger: "hsl(var(--color-fg-onDanger))",
-          onMutedDanger: "hsl(var(--color-fg-onMutedDanger))",
-          onWarning: "hsl(var(--color-fg-onWarning))",
-          onMutedWarning: "hsl(var(--color-fg-onMutedWarning))",
-          onTooltip: "hsl(var(--color-fg-onTooltip))",
-        },
-        border: {
-          DEFAULT: "hsl(var(--color-border))",
-          field: "hsl(var(--color-border-field))",
-          control: "hsl(var(--color-border-control))",
-          hover: "hsl(var(--color-border-hover))",
-          active: "hsl(var(--color-border-active))",
-          disabled: "hsl(var(--color-border-disabled))",
-          danger: "hsl(var(--color-border-danger))",
-          success: "hsl(var(--color-border-success))",
-          warning: "hsl(var(--color-border-warning))",
-          info: "hsl(var(--color-border-info))",
-          secondary: "hsl(var(--color-border-secondary))",
-          focus: "hsl(var(--color-border-focus))",
-          inverse: "hsl(var(--color-border-inverse))",
-        },
-      },
-      transitionTimingFunction: {
-        drawer: "cubic-bezier(0.32,0.72,0,1)",
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      fontFamily: {
-        heading: ["var(--font-heading)", ...fontFamily.sans],
-        body: ["var(--font-body)", ...fontFamily.sans],
-        mono: ["var(--font-geist-mono)", ...fontFamily.mono],
-      },
-      },
-    },
-  },
-  plugins: [
-    require("tailwindcss-animate"),
-    require("tailwindcss-react-aria-components"),
-  ],
-} satisfies Config;
-```
-
 ### Add helper functions
 
 ```ts title="lib/cn.ts"
diff --git a/www/package.json b/www/package.json
index d87d1efbf..de0331c7c 100644
--- a/www/package.json
+++ b/www/package.json
@@ -79,7 +79,7 @@
     "rimraf": "^6.0.1",
     "tailwindcss": "4.0.0-beta.4",
     "tailwindcss-animate": "^1.0.7",
-    "tailwindcss-react-aria-components": "1.2.0",
+    "tailwindcss-rac": "workspace:*",
     "typescript": "^5",
     "vfile": "^6.0.3"
   }
diff --git a/www/src/components/mdx/choices.tsx b/www/src/components/mdx/choices.tsx
index 882faaa57..d36c3c8d3 100644
--- a/www/src/components/mdx/choices.tsx
+++ b/www/src/components/mdx/choices.tsx
@@ -25,7 +25,7 @@ export interface ChoicesProps extends Omit<BaseProps, "children"> {
 export function Choices({ items, ...props }: ChoicesProps): React.ReactElement {
   return (
     <Tabs {...props}>
-      <TabList className="mb-4 grid grid-cols-3 gap-2">
+      <TabList className="mb-4 grid grid-cols-2 gap-2">
         {items.map((item, i) => (
           <Tab
             key={item.value}
diff --git a/www/src/components/mdx/mdx-components.tsx b/www/src/components/mdx/mdx-components.tsx
index 1e6a2df3a..51c337185 100644
--- a/www/src/components/mdx/mdx-components.tsx
+++ b/www/src/components/mdx/mdx-components.tsx
@@ -103,7 +103,7 @@ export const mdxComponents: MDXComponents = {
   pre: ({ className, ...props }: React.HTMLAttributes<HTMLPreElement>) => (
     <Pre
       className={cn(
-        "not-first:mt-4 [&_code]:bg-transparent [&_code]:p-0 [&_code]:text-xs",
+        "not-first:mt-4 [&_code]:bg-transparent [&_code]:p-0 [&_code]:text-xs [&_code]:grid",
         className
       )}
       {...props}
@@ -111,7 +111,7 @@ export const mdxComponents: MDXComponents = {
   ),
   code: ({ className, ...props }: React.HTMLAttributes<HTMLElement>) => (
     <code
-      className={cn("bg-bg-muted rounded-md p-1 font-mono text-sm", className)}
+      className={cn("bg-bg-muted rounded-md p-1 font-mono text-sm w-full", className)}
       {...props}
     >
       {props.children}
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index d6c3cbf39..18027d921 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -66,10 +66,6 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
     >
       <div className="relative flex items-center p-2 pb-1">
         <Logo />
-        <div className="flex-1" />
-        <SidebarToggle onPress={() => setIsCollapsed(!isCollapsed)}>
-          {isCollapsed ? <PanelLeftOpenIcon /> : <PanelLeftCloseIcon />}
-        </SidebarToggle>
       </div>
       <div className="-mb-1 px-2 pt-4">
         <SidebarSearchButton isCollapsed={isCollapsed} />
@@ -89,7 +85,7 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
         </div>
       </ScrollArea>
       <SidebarFooter>
-        <div className="group-collapsed/sidebar:flex-col flex items-center gap-1">
+        <div className="group-data-collapsed/sidebar:flex-col flex items-center gap-1">
           <MotionButton
             href={siteConfig.links.github}
             target="_blank"
@@ -115,19 +111,45 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
             <TwitterIcon />
           </MotionButton>
         </div>
-        <ThemeSwitcher>
-          <MotionButton
-            size="sm"
-            variant="quiet"
-            shape="square"
-            className="[&_svg]:size-[18px]"
-            layout
-            transition={transition}
+        <div className="group-data-collapsed/sidebar:flex-col flex items-center gap-1">
+          <ThemeSwitcher>
+            <MotionButton
+              size="sm"
+              variant="quiet"
+              shape="square"
+              className="[&_svg]:size-[18px]"
+              layout
+              transition={transition}
+            >
+              <SunIcon className="block dark:hidden" />
+              <MoonIcon className="hidden dark:block" />
+            </MotionButton>
+          </ThemeSwitcher>
+          <StyledTooltip
+            content={
+              <div className="flex items-center gap-2">
+                Toggle Sidebar
+                <div className="flex items-center gap-0.5">
+                  <Kbd>ctrl</Kbd>
+                  <Kbd>B</Kbd>
+                </div>
+              </div>
+            }
+            placement="right"
+            arrow
           >
-            <SunIcon className="block dark:hidden" />
-            <MoonIcon className="hidden dark:block" />
-          </MotionButton>
-        </ThemeSwitcher>
+            <MotionButton
+              layout
+              transition={transition}
+              shape="square"
+              size="sm"
+              variant="default"
+              onPress={() => setIsCollapsed(!isCollapsed)}
+            >
+              {isCollapsed ? <PanelLeftOpenIcon /> : <PanelLeftCloseIcon />}
+            </MotionButton>
+          </StyledTooltip>
+        </div>
       </SidebarFooter>
     </SidebarRoot>
   );
@@ -198,23 +220,6 @@ const Logo = () => {
   );
 };
 
-const SidebarToggle = ({ className, ...props }: ButtonProps) => {
-  return (
-    <div className="transition-sidebar group-data-collapsed/sidebar:left-2 group-data-collapsed/sidebar:opacity-0 absolute left-[calc(var(--sidebar-width)-calc(var(--spacing)*10))] z-10 duration-75 group-hover/sidebar:opacity-100 has-[button:focus-visible]:opacity-100">
-      <Button
-        className={cn(
-          "touch:opacity-100 group-data-collapsed/sidebar:opacity-0 group-data-collapsed/sidebar:focus:opacity-100 group-data-collapsed/sidebar:focus-visible:opacity-100 opacity-100 transition-all group-hover/sidebar:opacity-100",
-          className
-        )}
-        shape="square"
-        size="sm"
-        variant="default"
-        {...props}
-      />
-    </div>
-  );
-};
-
 const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
   const pathname = usePathname();
 
@@ -253,8 +258,11 @@ const SearchCommandButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
     <StyledTooltip
       content={
         <div className="flex items-center gap-2">
-          Search
-          <Kbd>⌘K</Kbd>
+          Searchh
+          <div className="flex items-center gap-0.5">
+            <Kbd>Ctrl</Kbd>
+            <Kbd>⌘K</Kbd>
+          </div>
         </div>
       }
       isDisabled={!isCollapsed}
@@ -297,16 +305,25 @@ const SearchCommandDialog = ({ isCollapsed }: { isCollapsed: boolean }) => {
   return (
     <DialogRoot isOpen={isOpen} onOpenChange={setIsOpen}>
       <StyledTooltip
-        content={<div className="flex items-center gap-2">Search</div>}
+        content={
+          <div className="flex items-center gap-2">
+            Search{" "}
+            <div className="flex items-center gap-0.5">
+              <Kbd>Ctrl</Kbd>
+              <Kbd>K</Kbd>
+            </div>
+          </div>
+        }
         isDisabled={!isCollapsed}
       >
         <SidebarButton variant="outline">
           <SearchIcon />
           <div className="flex flex-1 flex-row items-center justify-between">
             <span>Search </span>
-            <Kbd className="flex items-center justify-center p-1 text-xs">
-              ⌘K
-            </Kbd>
+            <div className="flex items-center gap-0.5 [&_kbd]:text-xs">
+              <Kbd>Ctrl</Kbd>
+              <Kbd>K</Kbd>
+            </div>
           </div>
         </SidebarButton>
       </StyledTooltip>
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index c7c65c6be..b72056851 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,7 +1,9 @@
 @import "tailwindcss";
 @plugin "tailwindcss-animate";
- /* @plugin "tailwindcss-react-aria-components"; */
-@plugin "../lib/tw-plugins/tw-rac";
+@plugin "tailwindcss-rac";
+
+
+@variant dark (&:where(.dark, .dark *));
 
 /* Base Colors */
 @layer base {
@@ -327,41 +329,6 @@
   }
 }
 
-/*
-  In Tailwind CSS v4, basic styles are applied to form elements by default. To
-  maintain compatibility with v3, the following resets have been added:
-*/
-@layer base {
-  input,
-  textarea,
-  select,
-  button {
-    border: 0px solid;
-    border-radius: 0;
-    padding: 0;
-    color: inherit;
-    background-color: transparent;
-  }
-}
-
-/*
-  The default border color has changed to `currentColor` in Tailwind CSS v4,
-  so we've added these compatibility styles to make sure everything still
-  looks the same as it did with Tailwind CSS v3.
-
-  If we ever want to remove these styles, we need to add an explicit border
-  color utility to any element that depends on these defaults.
-*/
-@layer base {
-  *,
-  ::after,
-  ::before,
-  ::backdrop,
-  ::file-selector-button {
-    border-color: var(--color-gray-200, currentColor);
-  }
-}
-
 @utility shiki {
   & code span {
     color: var(--shiki-light);
@@ -369,6 +336,11 @@
   .dark & code span {
     color: var(--shiki-dark);
   }
+  .highlighted {
+    margin: 0 -16px;
+    padding: 2px 16px;
+    background-color: var(--color-bg-muted) !important;
+  }
 }
 
 @utility dark {
@@ -418,72 +390,3 @@
 .shiki span {
   background-color: transparent !important;
 }
-
-/* TODO PUT THIS SHIT IN TAILWIND CLASSES */
-
-.data-dragging .data-scrollable [data-direction="top"] {
-  overflow-y: hidden !important;
-}
-.data-dragging .data-scrollable [data-direction="bottom"] {
-  overflow-y: hidden !important;
-}
-
-.data-dragging .data-scrollable [data-direction="left"] {
-  overflow-x: hidden !important;
-}
-
-.data-dragging .data-scrollable [data-direction="right"] {
-  overflow-x: hidden !important;
-}
-
-[data-drawer]::after {
-  content: "";
-  position: absolute;
-  background: inherit;
-  background-color: inherit;
-}
-
-[data-drawer][data-direction="top"]::after {
-  top: initial;
-  bottom: 100%;
-  left: 0;
-  right: 0;
-  height: 200%;
-}
-
-[data-drawer][data-direction="bottom"]::after {
-  top: 100%;
-  bottom: initial;
-  left: 0;
-  right: 0;
-  height: 200%;
-}
-
-[data-drawer][data-direction="left"]::after {
-  left: initial;
-  right: 100%;
-  top: 0;
-  bottom: 0;
-  width: 200%;
-}
-
-[data-drawer][data-direction="right"]::after {
-  left: 100%;
-  right: initial;
-  top: 0;
-  bottom: 0;
-  width: 200%;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  [data-drawer] {
-    user-select: none;
-  }
-}
-
-@media (pointer: fine) {
-  [data-handle-hitarea] {
-    width: 100%;
-    height: 100%;
-  }
-}

From 86e5a2408ef4eebd1e243ac49c0d2491750b5e82 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 2 Dec 2024 23:10:44 +0100
Subject: [PATCH 009/165] fix: format

---
 www/content/docs/getting-started/guides/dark-mode.mdx | 2 +-
 www/content/docs/getting-started/introduction.mdx     | 2 +-
 www/src/components/mdx/mdx-components.tsx             | 7 +++++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/www/content/docs/getting-started/guides/dark-mode.mdx b/www/content/docs/getting-started/guides/dark-mode.mdx
index 10df78e00..78279e3fb 100644
--- a/www/content/docs/getting-started/guides/dark-mode.mdx
+++ b/www/content/docs/getting-started/guides/dark-mode.mdx
@@ -80,7 +80,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
 
 <Step>Configure Tailwind</Step>
 
-Update your global css file 
+Update your global css file
 
 ```css {4}
 @import "tailwindcss";
diff --git a/www/content/docs/getting-started/introduction.mdx b/www/content/docs/getting-started/introduction.mdx
index 6b6805119..8ad3505f8 100644
--- a/www/content/docs/getting-started/introduction.mdx
+++ b/www/content/docs/getting-started/introduction.mdx
@@ -11,7 +11,7 @@ dotUI is here to solve a problem every React developer knows all too well: **sta
 
 ### The MUI Era: When "Material" Became the Default Look
 
-Back in the day, libraries like [MUI](https://mui.com/) (which is fantastic, by the way) bundled styles right into the components. Sure, you could customize, but it wasn't easy. Eventually, React apps started showing off a distinctly “Material” look everywhere. It worked—but if you wanted to break free and stand out, you were in for a lot of work.
+Back in the day, libraries like [MUI](https://mui.com/) bundled styles right into the components. Sure, you could customize, but it wasn't easy. Eventually, React apps started showing off a distinctly “Material” look everywhere. It worked—but if you wanted to break free and stand out, you were in for a lot of work.
 
 **So, does that mean building a design system from scratch is the only solution?**
 
diff --git a/www/src/components/mdx/mdx-components.tsx b/www/src/components/mdx/mdx-components.tsx
index 51c337185..92cc9e207 100644
--- a/www/src/components/mdx/mdx-components.tsx
+++ b/www/src/components/mdx/mdx-components.tsx
@@ -103,7 +103,7 @@ export const mdxComponents: MDXComponents = {
   pre: ({ className, ...props }: React.HTMLAttributes<HTMLPreElement>) => (
     <Pre
       className={cn(
-        "not-first:mt-4 [&_code]:bg-transparent [&_code]:p-0 [&_code]:text-xs [&_code]:grid",
+        "not-first:mt-4 [&_code]:grid [&_code]:bg-transparent [&_code]:p-0 [&_code]:text-xs",
         className
       )}
       {...props}
@@ -111,7 +111,10 @@ export const mdxComponents: MDXComponents = {
   ),
   code: ({ className, ...props }: React.HTMLAttributes<HTMLElement>) => (
     <code
-      className={cn("bg-bg-muted rounded-md p-1 font-mono text-sm w-full", className)}
+      className={cn(
+        "bg-bg-muted w-full rounded-md p-1 font-mono text-sm",
+        className
+      )}
       {...props}
     >
       {props.children}

From dabc98314e283d9943ec18f94067b930707fae39 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 15:18:21 +0100
Subject: [PATCH 010/165] refactor: new architecture

---
 www/src/app/(app)/docs/[...slug]/page.tsx     |   2 +-
 .../components/{mdx => }/badge-palette.tsx    |   0
 www/src/components/{mdx => }/choices.tsx      |   0
 .../client.tsx => code-block-client.tsx}      |   0
 .../code-block.tsx => code-block-mdx.tsx}     |   0
 .../{code-block => }/code-block.tsx           |   2 +-
 www/src/components/code-block/index.ts        |   4 -
 www/src/components/{code => }/code-client.tsx |   0
 www/src/components/{code => }/code.tsx        |   0
 www/src/components/code/index.tsx             |   1 -
 .../{mdx => }/component-preview-client.tsx    |   0
 .../{mdx => }/component-preview.tsx           |   4 +-
 .../components/{mdx => }/component-source.tsx |   0
 www/src/components/core/alert.tsx             |   1 +
 www/src/components/core/aspect-ratio.tsx      |   1 +
 www/src/components/core/avatar.tsx            |   1 +
 www/src/components/core/badge.tsx             |   1 +
 www/src/components/core/breadcrumbs.tsx       |   1 +
 www/src/components/core/button.tsx            |   1 +
 www/src/components/core/calendar.tsx          |   1 +
 www/src/components/core/checkbox-group.tsx    |   1 +
 www/src/components/core/checkbox.tsx          |   1 +
 www/src/components/core/collapsible.tsx       |   1 +
 www/src/components/core/color-area.tsx        |   1 +
 www/src/components/core/color-field.tsx       |   1 +
 www/src/components/core/color-picker.tsx      |   1 +
 www/src/components/core/color-slider.tsx      |   1 +
 www/src/components/core/color-swatch.tsx      |   1 +
 www/src/components/core/color-thumb.tsx       |   1 +
 www/src/components/core/combobox.tsx          |   1 +
 www/src/components/core/command.tsx           |   1 +
 www/src/components/core/contextual-help.tsx   |   1 +
 www/src/components/core/date-field.tsx        |   1 +
 www/src/components/core/date-input.tsx        |   1 +
 www/src/components/core/date-picker.tsx       |   1 +
 www/src/components/core/date-range-picker.tsx |   1 +
 www/src/components/core/dialog.tsx            |   1 +
 www/src/components/core/drop-zone.tsx         |   1 +
 www/src/components/core/field.tsx             |   1 +
 www/src/components/core/file-trigger.tsx      |   1 +
 www/src/components/core/form.tsx              |   1 +
 www/src/components/core/group.tsx             |   1 +
 www/src/components/core/heading.tsx           |   1 +
 www/src/components/core/input.tsx             |   1 +
 www/src/components/core/kbd.tsx               |   1 +
 www/src/components/core/link.tsx              |   1 +
 www/src/components/core/list-box.tsx          |   1 +
 www/src/components/core/menu.tsx              |   1 +
 www/src/components/core/number-field.tsx      |   1 +
 www/src/components/core/overlay.tsx           |   1 +
 www/src/components/core/progress.tsx          |   1 +
 www/src/components/core/radio-group.tsx       |   1 +
 www/src/components/core/range-calendar.tsx    |   1 +
 www/src/components/core/resizable.tsx         |   1 +
 www/src/components/core/scroll-area.tsx       |   1 +
 www/src/components/core/search-field.tsx      |   1 +
 www/src/components/core/section.tsx           |   1 +
 www/src/components/core/select.tsx            |   1 +
 www/src/components/core/separator.tsx         |   1 +
 www/src/components/core/skeleton.tsx          |   1 +
 www/src/components/core/slider.tsx            |   1 +
 www/src/components/core/switch.tsx            |   1 +
 www/src/components/core/table.tsx             |   1 +
 www/src/components/core/tabs.tsx              |   1 +
 www/src/components/core/tag-group.tsx         |   1 +
 www/src/components/core/text-area.tsx         |   1 +
 www/src/components/core/text-field.tsx        |   1 +
 www/src/components/core/text.tsx              |   1 +
 www/src/components/core/time-field.tsx        |   1 +
 www/src/components/core/toggle-button.tsx     |   1 +
 www/src/components/core/toggle-group.tsx      |   1 +
 www/src/components/core/tooltip.tsx           |   1 +
 www/src/components/dynamic-core/alert.tsx     |   1 +
 .../components/dynamic-core/aspect-ratio.tsx  |   1 +
 www/src/components/dynamic-core/avatar.tsx    |   1 +
 www/src/components/dynamic-core/badge.tsx     |   1 +
 .../components/dynamic-core/breadcrumbs.tsx   |   1 +
 www/src/components/dynamic-core/button.tsx    |   1 +
 www/src/components/dynamic-core/calendar.tsx  |   1 +
 .../dynamic-core/checkbox-group.tsx           |   1 +
 www/src/components/dynamic-core/checkbox.tsx  |   1 +
 .../components/dynamic-core/collapsible.tsx   |   1 +
 .../components/dynamic-core/color-area.tsx    |   1 +
 .../components/dynamic-core/color-field.tsx   |   1 +
 .../components/dynamic-core/color-picker.tsx  |   1 +
 .../components/dynamic-core/color-slider.tsx  |   1 +
 .../components/dynamic-core/color-swatch.tsx  |   1 +
 .../components/dynamic-core/color-thumb.tsx   |   1 +
 www/src/components/dynamic-core/combobox.tsx  |   1 +
 www/src/components/dynamic-core/command.tsx   |   1 +
 .../dynamic-core/contextual-help.tsx          |   1 +
 .../components/dynamic-core/date-field.tsx    |   1 +
 .../components/dynamic-core/date-input.tsx    |   1 +
 .../components/dynamic-core/date-picker.tsx   |   1 +
 .../dynamic-core/date-range-picker.tsx        |   1 +
 www/src/components/dynamic-core/dialog.tsx    |   1 +
 www/src/components/dynamic-core/drop-zone.tsx |   1 +
 www/src/components/dynamic-core/field.tsx     |   1 +
 .../components/dynamic-core/file-trigger.tsx  |   1 +
 www/src/components/dynamic-core/form.tsx      |   1 +
 www/src/components/dynamic-core/group.tsx     |   1 +
 www/src/components/dynamic-core/heading.tsx   |   1 +
 www/src/components/dynamic-core/input.tsx     |   1 +
 www/src/components/dynamic-core/kbd.tsx       |   1 +
 www/src/components/dynamic-core/link.tsx      |   1 +
 www/src/components/dynamic-core/list-box.tsx  |   1 +
 www/src/components/dynamic-core/menu.tsx      |   1 +
 .../components/dynamic-core/number-field.tsx  |   1 +
 www/src/components/dynamic-core/overlay.tsx   |   1 +
 www/src/components/dynamic-core/progress.tsx  |   1 +
 .../components/dynamic-core/radio-group.tsx   |   1 +
 .../dynamic-core/range-calendar.tsx           |   1 +
 www/src/components/dynamic-core/resizable.tsx |   1 +
 .../components/dynamic-core/scroll-area.tsx   |   1 +
 .../components/dynamic-core/search-field.tsx  |   1 +
 www/src/components/dynamic-core/section.tsx   |   1 +
 www/src/components/dynamic-core/select.tsx    |   1 +
 www/src/components/dynamic-core/separator.tsx |   1 +
 www/src/components/dynamic-core/skeleton.tsx  |   1 +
 www/src/components/dynamic-core/slider.tsx    |   1 +
 www/src/components/dynamic-core/switch.tsx    |   1 +
 www/src/components/dynamic-core/table.tsx     |   1 +
 www/src/components/dynamic-core/tabs.tsx      |   1 +
 www/src/components/dynamic-core/tag-group.tsx |   1 +
 www/src/components/dynamic-core/text-area.tsx |   1 +
 .../components/dynamic-core/text-field.tsx    |   1 +
 www/src/components/dynamic-core/text.tsx      |   1 +
 .../components/dynamic-core/time-field.tsx    |   1 +
 .../components/dynamic-core/toggle-button.tsx |   1 +
 .../components/dynamic-core/toggle-group.tsx  |   1 +
 www/src/components/dynamic-core/tooltip.tsx   |   1 +
 www/src/components/{mdx => }/install-tabs.tsx |   0
 .../components/{mdx => }/mdx-components.tsx   |   4 +-
 www/src/components/{mdx => }/palette.tsx      |   0
 www/src/components/{mdx => }/tabs.tsx         |   0
 www/src/demos/alert/action.tsx                |  16 +
 www/src/demos/alert/composition.tsx           |  24 +
 www/src/demos/alert/content.tsx               |   9 +
 www/src/demos/alert/custom-icon.tsx           |   6 +
 www/src/demos/alert/default.tsx               |   5 +
 www/src/demos/alert/title.tsx                 |   7 +
 www/src/demos/alert/variants.tsx              |  35 +
 www/src/demos/avatar/composition.tsx          |  20 +
 www/src/demos/avatar/default.tsx              |  11 +
 www/src/demos/avatar/shape.tsx                |  20 +
 www/src/demos/avatar/sizes.tsx                |  17 +
 www/src/demos/breadcrumbs/basic.tsx           |  14 +
 www/src/demos/breadcrumbs/composition.tsx     |  25 +
 www/src/demos/breadcrumbs/disabled.tsx        |  14 +
 www/src/demos/breadcrumbs/icon.tsx            |  18 +
 .../demos/breadcrumbs/router-integration.tsx  |  24 +
 www/src/demos/button/default.tsx              |   5 +
 www/src/demos/button/disabled.tsx             |   5 +
 www/src/demos/button/link-button.tsx          |  10 +
 www/src/demos/button/loading.tsx              |  17 +
 www/src/demos/button/prefix-and-suffix.tsx    |  11 +
 www/src/demos/button/shapes.tsx               |  27 +
 www/src/demos/button/sizes.tsx                |  11 +
 www/src/demos/button/variants.tsx             |  24 +
 www/src/demos/calendar/composition.tsx        |  38 +
 www/src/demos/calendar/controlled.tsx         |  23 +
 www/src/demos/calendar/default.tsx            |   5 +
 www/src/demos/calendar/disabled.tsx           |   5 +
 www/src/demos/calendar/error-message.tsx      |  20 +
 www/src/demos/calendar/label.tsx              |   5 +
 www/src/demos/calendar/page-behaviour.tsx     |   5 +
 www/src/demos/calendar/read-only.tsx          |  14 +
 www/src/demos/calendar/uncontrolled.tsx       |  14 +
 www/src/demos/calendar/unvailable-dates.tsx   |  35 +
 www/src/demos/calendar/validation.tsx         |  13 +
 www/src/demos/calendar/visible-months.tsx     |   5 +
 www/src/demos/checkbox-group/cards.tsx        |  16 +
 www/src/demos/checkbox-group/composition.tsx  |  22 +
 .../demos/checkbox-group/contextual-help.tsx  |  22 +
 www/src/demos/checkbox-group/controlled.tsx   |  27 +
 www/src/demos/checkbox-group/default.tsx      |  12 +
 www/src/demos/checkbox-group/description.tsx  |  16 +
 www/src/demos/checkbox-group/disabled.tsx     |  16 +
 .../demos/checkbox-group/error-message.tsx    |  16 +
 www/src/demos/checkbox-group/label.tsx        |  17 +
 www/src/demos/checkbox-group/read-only.tsx    |  16 +
 www/src/demos/checkbox-group/required.tsx     |  34 +
 www/src/demos/checkbox-group/uncontrolled.tsx |  12 +
 www/src/demos/checkbox/card.tsx               |   7 +
 www/src/demos/checkbox/controlled.tsx         |  18 +
 www/src/demos/checkbox/default.tsx            |  15 +
 www/src/demos/checkbox/disabled.tsx           |   7 +
 www/src/demos/checkbox/indeterminate.tsx      |   7 +
 www/src/demos/checkbox/read-only.tsx          |   9 +
 www/src/demos/checkbox/uncontrolled.tsx       |   5 +
 www/src/demos/color-area/channels.tsx         |   5 +
 www/src/demos/color-area/composition.tsx      |  10 +
 www/src/demos/color-area/controlled.tsx       |  22 +
 www/src/demos/color-area/default.tsx          |   5 +
 www/src/demos/color-area/disabled.tsx         |   5 +
 www/src/demos/color-area/uncontrolled.tsx     |   5 +
 www/src/demos/color-field/composition.tsx     |  23 +
 www/src/demos/color-field/contextual-help.tsx |  18 +
 www/src/demos/color-field/controlled.tsx      |  17 +
 www/src/demos/color-field/default.tsx         |   8 +
 www/src/demos/color-field/description.tsx     |   8 +
 www/src/demos/color-field/disabled.tsx        |   8 +
 www/src/demos/color-field/error-message.tsx   |  14 +
 www/src/demos/color-field/form.tsx            |   8 +
 www/src/demos/color-field/label.tsx           |  10 +
 www/src/demos/color-field/loading.tsx         |  11 +
 .../demos/color-field/prefix-and-suffix.tsx   |  11 +
 www/src/demos/color-field/read-only.tsx       |   6 +
 www/src/demos/color-field/required.tsx        |  15 +
 www/src/demos/color-field/sizes.tsx           |  11 +
 www/src/demos/color-field/uncontrolled.tsx    |   6 +
 www/src/demos/color-picker/composition.tsx    |  22 +
 www/src/demos/color-picker/controlled.tsx     |  11 +
 www/src/demos/color-picker/default.tsx        |   5 +
 www/src/demos/color-picker/options.tsx        |   9 +
 www/src/demos/color-picker/uncontrolled.tsx   |   5 +
 www/src/demos/color-slider/channel.tsx        |   5 +
 www/src/demos/color-slider/composition.tsx    |  21 +
 www/src/demos/color-slider/controlled.tsx     |  15 +
 www/src/demos/color-slider/default.tsx        |   5 +
 www/src/demos/color-slider/disabled.tsx       |  12 +
 www/src/demos/color-slider/label.tsx          |   7 +
 www/src/demos/color-slider/uncontrolled.tsx   |   5 +
 www/src/demos/color-slider/vertical.tsx       |  11 +
 www/src/demos/color-swatch/default.tsx        |   5 +
 www/src/demos/combobox/async-loading.tsx      |  27 +
 www/src/demos/combobox/basic.tsx              |  17 +
 www/src/demos/combobox/composition.tsx        |  31 +
 www/src/demos/combobox/contextual-help.tsx    |  26 +
 www/src/demos/combobox/controlled.tsx         |  36 +
 www/src/demos/combobox/custom-value.tsx       |  17 +
 www/src/demos/combobox/description.tsx        |  17 +
 www/src/demos/combobox/disabled.tsx           |  16 +
 www/src/demos/combobox/label.tsx              |  17 +
 www/src/demos/combobox/loading.tsx            |  16 +
 www/src/demos/combobox/required.tsx           |  17 +
 www/src/demos/combobox/sections.tsx           |  31 +
 www/src/demos/combobox/uncontrolled.tsx       |  17 +
 www/src/demos/combobox/validation.tsx         |  21 +
 www/src/demos/date-field/composition.tsx      |  19 +
 www/src/demos/date-field/contextual-help.tsx  |  20 +
 www/src/demos/date-field/controlled.tsx       |  15 +
 www/src/demos/date-field/default.tsx          |   5 +
 www/src/demos/date-field/description.tsx      |   8 +
 www/src/demos/date-field/disabled.tsx         |   5 +
 www/src/demos/date-field/error-message.tsx    |  14 +
 www/src/demos/date-field/granularity.tsx      |  26 +
 www/src/demos/date-field/hide-time-zone.tsx   |  15 +
 www/src/demos/date-field/hour-cycle.tsx       |  13 +
 www/src/demos/date-field/label.tsx            |  10 +
 www/src/demos/date-field/loading.tsx          |  13 +
 www/src/demos/date-field/placeholder.tsx      |  13 +
 .../demos/date-field/prefix-and-suffix.tsx    |  11 +
 www/src/demos/date-field/read-only.tsx        |  15 +
 www/src/demos/date-field/required.tsx         |  15 +
 www/src/demos/date-field/sizes.tsx            |  11 +
 www/src/demos/date-field/time-zones.tsx       |  10 +
 www/src/demos/date-field/uncontrolled.tsx     |  11 +
 www/src/demos/date-picker/composition.tsx     |  41 ++
 www/src/demos/date-picker/contextual-help.tsx |  20 +
 www/src/demos/date-picker/controlled.tsx      |  15 +
 www/src/demos/date-picker/default.tsx         |   5 +
 www/src/demos/date-picker/description.tsx     |   8 +
 www/src/demos/date-picker/disabled.tsx        |   5 +
 www/src/demos/date-picker/error-message.tsx   |  14 +
 www/src/demos/date-picker/granularity.tsx     |  26 +
 www/src/demos/date-picker/hide-time-zone.tsx  |  15 +
 www/src/demos/date-picker/hour-cycle.tsx      |  13 +
 www/src/demos/date-picker/label.tsx           |  10 +
 www/src/demos/date-picker/loading.tsx         |   8 +
 www/src/demos/date-picker/placeholder.tsx     |  13 +
 www/src/demos/date-picker/prefix.tsx          |   6 +
 www/src/demos/date-picker/read-only.tsx       |  15 +
 www/src/demos/date-picker/required.tsx        |  15 +
 www/src/demos/date-picker/sizes.tsx           |  11 +
 www/src/demos/date-picker/time-zones.tsx      |  10 +
 www/src/demos/date-picker/uncontrolled.tsx    |  14 +
 .../demos/date-range-picker/composition.tsx   |  47 ++
 .../date-range-picker/contextual-help.tsx     |  20 +
 .../demos/date-range-picker/controlled.tsx    |  29 +
 www/src/demos/date-range-picker/default.tsx   |   5 +
 .../demos/date-range-picker/description.tsx   |  10 +
 www/src/demos/date-range-picker/disabled.tsx  |   5 +
 .../demos/date-range-picker/error-message.tsx |  14 +
 .../demos/date-range-picker/granularity.tsx   |  26 +
 .../date-range-picker/hide-time-zone.tsx      |  18 +
 .../demos/date-range-picker/hour-cycle.tsx    |  13 +
 www/src/demos/date-range-picker/label.tsx     |  10 +
 www/src/demos/date-range-picker/loading.tsx   |   8 +
 .../demos/date-range-picker/placeholder.tsx   |  13 +
 www/src/demos/date-range-picker/prefix.tsx    |   6 +
 www/src/demos/date-range-picker/read-only.tsx |  18 +
 www/src/demos/date-range-picker/required.tsx  |  23 +
 www/src/demos/date-range-picker/sizes.tsx     |  11 +
 .../demos/date-range-picker/time-zones.tsx    |  15 +
 .../demos/date-range-picker/uncontrolled.tsx  |  17 +
 www/src/demos/dialog/alert-dialog.tsx         |  44 ++
 .../demos/dialog/async-form-submission.tsx    |  59 ++
 www/src/demos/dialog/basic.tsx                |  53 ++
 www/src/demos/dialog/composition.tsx          |  15 +
 www/src/demos/dialog/controlled.tsx           |  44 ++
 www/src/demos/dialog/description.tsx          |  22 +
 www/src/demos/dialog/dismiss-button.tsx       |  57 ++
 www/src/demos/dialog/dismissable.tsx          |  57 ++
 www/src/demos/dialog/drawer.tsx               |  41 ++
 www/src/demos/dialog/inset-content.tsx        |  57 ++
 www/src/demos/dialog/nested.tsx               |  38 +
 www/src/demos/dialog/popover.tsx              |  59 ++
 www/src/demos/dialog/title.tsx                |  19 +
 www/src/demos/dialog/types.tsx                |  82 +++
 www/src/demos/drop-zone/default.tsx           |  11 +
 www/src/demos/drop-zone/disabled.tsx          |  13 +
 www/src/demos/drop-zone/file-trigger.tsx      |  18 +
 www/src/demos/drop-zone/label.tsx             |  20 +
 www/src/demos/file-trigger/default.tsx        |  30 +
 .../file-trigger/directory-selection.tsx      |  33 +
 www/src/demos/file-trigger/file-types.tsx     |  12 +
 www/src/demos/file-trigger/media-capture.tsx  |  12 +
 www/src/demos/file-trigger/multiple-files.tsx |  31 +
 www/src/demos/link/default.tsx                |   9 +
 www/src/demos/link/disabled.tsx               |   9 +
 www/src/demos/link/icon.tsx                   |  13 +
 www/src/demos/link/variants.tsx               |  21 +
 www/src/demos/list-box/async-loading.tsx      |  31 +
 www/src/demos/list-box/basic.tsx              |  12 +
 www/src/demos/list-box/composition.tsx        |  27 +
 www/src/demos/list-box/contact-list.tsx       |   3 +
 www/src/demos/list-box/controlled.tsx         |  32 +
 www/src/demos/list-box/disabled-items.tsx     |  12 +
 www/src/demos/list-box/empty-state.tsx        |  12 +
 www/src/demos/list-box/grid.tsx               |  12 +
 www/src/demos/list-box/horizontal.tsx         |  15 +
 www/src/demos/list-box/image-grid.tsx         |   3 +
 www/src/demos/list-box/item-variant.tsx       |  12 +
 .../demos/list-box/label-and-description.tsx  |  18 +
 www/src/demos/list-box/links.tsx              |  30 +
 www/src/demos/list-box/loading.tsx            |  11 +
 www/src/demos/list-box/prefix-and-suffix.tsx  |  24 +
 www/src/demos/list-box/sections.tsx           |  25 +
 www/src/demos/list-box/selection-behavior.tsx |  16 +
 www/src/demos/list-box/selection-mode.tsx     |  20 +
 www/src/demos/list-box/separator.tsx          |  18 +
 www/src/demos/list-box/uncontrolled.tsx       |  16 +
 www/src/demos/menu/basic.tsx                  |  19 +
 www/src/demos/menu/composition.tsx            |  26 +
 www/src/demos/menu/controlled.tsx             |  27 +
 www/src/demos/menu/disabled-items.tsx         |  20 +
 www/src/demos/menu/item-variant.tsx           |  19 +
 www/src/demos/menu/label-and-description.tsx  |  18 +
 www/src/demos/menu/link-items.tsx             |  36 +
 www/src/demos/menu/long-press.tsx             |  18 +
 www/src/demos/menu/multiple-selection.tsx     |  22 +
 www/src/demos/menu/overlay-type.tsx           |  47 ++
 www/src/demos/menu/placement.tsx              |  69 ++
 www/src/demos/menu/prefix-and-suffix.tsx      |  30 +
 www/src/demos/menu/section.tsx                |  24 +
 www/src/demos/menu/separator.tsx              |  22 +
 www/src/demos/menu/shortcut.tsx               |  18 +
 www/src/demos/menu/single-selection.tsx       |  28 +
 www/src/demos/menu/submenus.tsx               |  35 +
 www/src/demos/number-field/composition.tsx    |  27 +
 .../demos/number-field/contextual-help.tsx    |  18 +
 www/src/demos/number-field/controlled.tsx     |  20 +
 www/src/demos/number-field/default.tsx        |   6 +
 www/src/demos/number-field/description.tsx    |   6 +
 www/src/demos/number-field/disabled.tsx       |   5 +
 www/src/demos/number-field/error-message.tsx  |  12 +
 www/src/demos/number-field/format-options.tsx |  44 ++
 www/src/demos/number-field/label.tsx          |  10 +
 www/src/demos/number-field/read-only.tsx      |   6 +
 www/src/demos/number-field/required.tsx       |  13 +
 www/src/demos/number-field/sizes.tsx          |  11 +
 www/src/demos/number-field/uncontrolled.tsx   |   6 +
 www/src/demos/progress/composition.tsx        |  19 +
 www/src/demos/progress/custom-color.tsx       |  17 +
 www/src/demos/progress/custom-value-label.tsx |  15 +
 www/src/demos/progress/default.tsx            |   8 +
 www/src/demos/progress/duration.tsx           |  19 +
 www/src/demos/progress/format-options.tsx     |  15 +
 www/src/demos/progress/indeterminate.tsx      |   8 +
 www/src/demos/progress/label.tsx              |  13 +
 www/src/demos/progress/min-max-values.tsx     |  15 +
 www/src/demos/progress/shape.tsx              |   8 +
 www/src/demos/progress/sizes.tsx              |  22 +
 www/src/demos/progress/toolbar.tsx            |  47 ++
 www/src/demos/progress/value-label.tsx        |   8 +
 www/src/demos/progress/variants.tsx           |  14 +
 www/src/demos/radio-group/cards.tsx           |  31 +
 www/src/demos/radio-group/composition.tsx     |  21 +
 www/src/demos/radio-group/contextual-help.tsx |  21 +
 www/src/demos/radio-group/controlled.tsx      |  22 +
 www/src/demos/radio-group/default.tsx         |  11 +
 www/src/demos/radio-group/description.tsx     |  15 +
 www/src/demos/radio-group/disabled.tsx        |  20 +
 www/src/demos/radio-group/error-message.tsx   |  16 +
 www/src/demos/radio-group/label.tsx           |  18 +
 www/src/demos/radio-group/orientation.tsx     |  11 +
 www/src/demos/radio-group/read-only.tsx       |  11 +
 www/src/demos/radio-group/required.tsx        |  35 +
 www/src/demos/radio-group/uncontrolled.tsx    |  12 +
 www/src/demos/range-calendar/composition.tsx  |  44 ++
 www/src/demos/range-calendar/controlled.tsx   |  27 +
 www/src/demos/range-calendar/default.tsx      |   5 +
 www/src/demos/range-calendar/disabled.tsx     |   5 +
 .../demos/range-calendar/error-message.tsx    |  23 +
 www/src/demos/range-calendar/label.tsx        |   5 +
 .../range-calendar/non-contiguous-ranges.tsx  |  32 +
 .../demos/range-calendar/page-behaviour.tsx   |   5 +
 www/src/demos/range-calendar/read-only.tsx    |  17 +
 www/src/demos/range-calendar/uncontrolled.tsx |  17 +
 .../demos/range-calendar/unvailable-dates.tsx |  31 +
 www/src/demos/range-calendar/validation.tsx   |  13 +
 .../demos/range-calendar/visible-months.tsx   |   5 +
 www/src/demos/scroll-area/default.tsx         |  37 +
 www/src/demos/scroll-area/scrollbars.tsx      |  89 +++
 www/src/demos/scroll-area/sizes.tsx           |  44 ++
 www/src/demos/search-field/composition.tsx    |  17 +
 .../demos/search-field/contextual-help.tsx    |  17 +
 www/src/demos/search-field/controlled.tsx     |  18 +
 www/src/demos/search-field/default.tsx        |   6 +
 www/src/demos/search-field/description.tsx    |   6 +
 www/src/demos/search-field/disabled.tsx       |   7 +
 www/src/demos/search-field/error-message.tsx  |  12 +
 www/src/demos/search-field/form.tsx           |   6 +
 www/src/demos/search-field/label.tsx          |  10 +
 www/src/demos/search-field/loading.tsx        |  11 +
 .../demos/search-field/prefix-and-suffix.tsx  |  25 +
 www/src/demos/search-field/read-only.tsx      |   6 +
 www/src/demos/search-field/required.tsx       |  13 +
 www/src/demos/search-field/sizes.tsx          |  11 +
 www/src/demos/search-field/uncontrolled.tsx   |   6 +
 www/src/demos/select/async-loading.tsx        |  28 +
 www/src/demos/select/basic.tsx                |  14 +
 www/src/demos/select/composition.tsx          |  27 +
 www/src/demos/select/contextual-help.tsx      |  23 +
 www/src/demos/select/controlled.tsx           |  23 +
 www/src/demos/select/description.tsx          |  14 +
 www/src/demos/select/disabled.tsx             |  14 +
 www/src/demos/select/label.tsx                |  14 +
 www/src/demos/select/links.tsx                |  16 +
 www/src/demos/select/loading.tsx              |  14 +
 www/src/demos/select/placeholder.tsx          |  14 +
 www/src/demos/select/required.tsx             |  14 +
 www/src/demos/select/sections.tsx             |  32 +
 www/src/demos/select/uncontrolled.tsx         |  14 +
 www/src/demos/select/validation.tsx           |  18 +
 www/src/demos/separator/card.tsx              |  24 +
 www/src/demos/separator/orientation.tsx       |  18 +
 www/src/demos/skeleton/api-simulation.tsx     |  27 +
 www/src/demos/skeleton/card.tsx               |  16 +
 www/src/demos/skeleton/children.tsx           |  10 +
 .../demos/skeleton/fixed-size-children.tsx    |  10 +
 www/src/demos/skeleton/show.tsx               |  15 +
 www/src/demos/slider/advanced-composition.tsx |  29 +
 www/src/demos/slider/composition.tsx          |  19 +
 www/src/demos/slider/controlled.tsx           |  20 +
 www/src/demos/slider/default.tsx              |   5 +
 www/src/demos/slider/description.tsx          |  11 +
 www/src/demos/slider/disabled.tsx             |   5 +
 www/src/demos/slider/format-options.tsx       |  12 +
 www/src/demos/slider/label.tsx                |  10 +
 www/src/demos/slider/range.tsx                |  13 +
 www/src/demos/slider/sizes.tsx                |  11 +
 www/src/demos/slider/step.tsx                 |   7 +
 www/src/demos/slider/uncontrolled.tsx         |   5 +
 www/src/demos/slider/value-label.tsx          |  22 +
 www/src/demos/slider/value-scale.tsx          |  13 +
 www/src/demos/slider/vertical.tsx             |   7 +
 www/src/demos/switch/controlled.tsx           |  19 +
 www/src/demos/switch/default.tsx              |   6 +
 www/src/demos/switch/disabled.tsx             |  12 +
 www/src/demos/switch/label.tsx                |  11 +
 www/src/demos/switch/sizes.tsx                |  11 +
 www/src/demos/switch/uncontrolled.tsx         |   6 +
 www/src/demos/tabs/basic.tsx                  |  16 +
 www/src/demos/tabs/controlled.tsx             |  29 +
 www/src/demos/tabs/disabled-item.tsx          |  18 +
 www/src/demos/tabs/disabled.tsx               |  16 +
 www/src/demos/tabs/keyboard-activation.tsx    |  16 +
 www/src/demos/tabs/vertical.tsx               |  16 +
 www/src/demos/text-area/composition.tsx       |  16 +
 www/src/demos/text-area/contextual-help.tsx   |  17 +
 www/src/demos/text-area/controlled.tsx        |  22 +
 www/src/demos/text-area/default.tsx           |   8 +
 www/src/demos/text-area/description.tsx       |   8 +
 www/src/demos/text-area/disabled.tsx          |   5 +
 www/src/demos/text-area/error-message.tsx     |  14 +
 www/src/demos/text-area/form.tsx              |   6 +
 www/src/demos/text-area/label.tsx             |  10 +
 www/src/demos/text-area/loading.tsx           |  11 +
 www/src/demos/text-area/prefix-and-suffix.tsx |  60 ++
 www/src/demos/text-area/read-only.tsx         |  10 +
 www/src/demos/text-area/required.tsx          |  15 +
 www/src/demos/text-area/uncontrolled.tsx      |   8 +
 www/src/demos/text-field/composition.tsx      |  16 +
 www/src/demos/text-field/contextual-help.tsx  |  20 +
 www/src/demos/text-field/controlled.tsx       |  19 +
 www/src/demos/text-field/default.tsx          |   6 +
 www/src/demos/text-field/description.tsx      |   8 +
 www/src/demos/text-field/disabled.tsx         |   5 +
 www/src/demos/text-field/error-message.tsx    |  15 +
 www/src/demos/text-field/label.tsx            |  10 +
 www/src/demos/text-field/loading.tsx          |  13 +
 .../demos/text-field/prefix-and-suffix.tsx    |  39 +
 www/src/demos/text-field/read-only.tsx        |   8 +
 www/src/demos/text-field/required.tsx         |  15 +
 www/src/demos/text-field/sizes.tsx            |  11 +
 www/src/demos/text-field/uncontrolled.tsx     |   6 +
 www/src/demos/time-field/composition.tsx      |  19 +
 www/src/demos/time-field/contextual-help.tsx  |  20 +
 www/src/demos/time-field/controlled.tsx       |  15 +
 www/src/demos/time-field/default.tsx          |   5 +
 www/src/demos/time-field/description.tsx      |  13 +
 www/src/demos/time-field/disabled.tsx         |   5 +
 www/src/demos/time-field/error-message.tsx    |  14 +
 www/src/demos/time-field/granularity.tsx      |  13 +
 www/src/demos/time-field/hide-time-zone.tsx   |  13 +
 www/src/demos/time-field/hour-cycle.tsx       |   7 +
 www/src/demos/time-field/label.tsx            |  10 +
 www/src/demos/time-field/loading.tsx          |  13 +
 www/src/demos/time-field/placeholder.tsx      |   8 +
 .../demos/time-field/prefix-and-suffix.tsx    |  11 +
 www/src/demos/time-field/read-only.tsx        |   9 +
 www/src/demos/time-field/required.tsx         |  15 +
 www/src/demos/time-field/sizes.tsx            |  11 +
 www/src/demos/time-field/time-zones.tsx       |  10 +
 www/src/demos/time-field/uncontrolled.tsx     |   8 +
 www/src/demos/toggle-button/controlled.tsx    |  23 +
 www/src/demos/toggle-button/default.tsx       |  10 +
 www/src/demos/toggle-button/disabled.tsx      |  10 +
 www/src/demos/toggle-button/shapes.tsx        |  24 +
 www/src/demos/toggle-button/sizes.tsx         |  21 +
 www/src/demos/toggle-button/uncontrolled.tsx  |  10 +
 www/src/demos/toggle-button/variants.tsx      |  21 +
 www/src/demos/tooltip/arrow.tsx               |  13 +
 www/src/demos/tooltip/composition.tsx         |  16 +
 www/src/demos/tooltip/container-padding.tsx   |  26 +
 www/src/demos/tooltip/default.tsx             |  13 +
 www/src/demos/tooltip/delay.tsx               |  33 +
 www/src/demos/tooltip/flip.tsx                |  26 +
 www/src/demos/tooltip/offset.tsx              |  26 +
 www/src/demos/tooltip/placement.tsx           |  31 +
 www/src/demos/tooltip/with-arrow.tsx          |  13 +
 www/src/registry-v2/core/alert.tsx            | 109 +++
 www/src/registry-v2/core/aspect-ratio.tsx     |   7 +
 www/src/registry-v2/core/avatar.tsx           | 173 +++++
 www/src/registry-v2/core/badge.tsx            |  65 ++
 www/src/registry-v2/core/breadcrumbs.tsx      |  78 ++
 www/src/registry-v2/core/button.tsx           | 129 ++++
 www/src/registry-v2/core/calendar.tsx         | 223 ++++++
 www/src/registry-v2/core/checkbox-group.tsx   |  92 +++
 www/src/registry-v2/core/checkbox.tsx         |  85 +++
 www/src/registry-v2/core/collapsible.tsx      |  32 +
 www/src/registry-v2/core/color-area.tsx       |  40 +
 www/src/registry-v2/core/color-field.tsx      |  93 +++
 www/src/registry-v2/core/color-picker.tsx     | 122 ++++
 www/src/registry-v2/core/color-slider.tsx     | 113 +++
 www/src/registry-v2/core/color-swatch.tsx     |  23 +
 www/src/registry-v2/core/color-thumb.tsx      |  28 +
 www/src/registry-v2/core/combobox.tsx         |  89 +++
 www/src/registry-v2/core/command.tsx          | 167 +++++
 www/src/registry-v2/core/contextual-help.tsx  |  39 +
 www/src/registry-v2/core/date-field.tsx       |  96 +++
 www/src/registry-v2/core/date-input.tsx       |  53 ++
 www/src/registry-v2/core/date-picker.tsx      |  99 +++
 .../registry-v2/core/date-range-picker.tsx    | 103 +++
 www/src/registry-v2/core/dialog.tsx           | 152 ++++
 www/src/registry-v2/core/drop-zone.tsx        |  32 +
 www/src/registry-v2/core/field.tsx            | 145 ++++
 www/src/registry-v2/core/file-trigger.tsx     |   6 +
 www/src/registry-v2/core/form.tsx             |   9 +
 www/src/registry-v2/core/group.tsx            |   6 +
 www/src/registry-v2/core/heading.tsx          |  19 +
 www/src/registry-v2/core/input.tsx            | 212 ++++++
 www/src/registry-v2/core/kbd.tsx              |  16 +
 www/src/registry-v2/core/link.tsx             |  40 +
 www/src/registry-v2/core/list-box.tsx         | 137 ++++
 www/src/registry-v2/core/menu.tsx             | 144 ++++
 www/src/registry-v2/core/number-field.tsx     | 146 ++++
 www/src/registry-v2/core/overlay.tsx          | 323 ++++++++
 www/src/registry-v2/core/progress.tsx         | 232 ++++++
 www/src/registry-v2/core/radio-group.tsx      | 146 ++++
 www/src/registry-v2/core/range-calendar.tsx   |  98 +++
 www/src/registry-v2/core/resizable.tsx        |  65 ++
 www/src/registry-v2/core/scroll-area.tsx      | 144 ++++
 www/src/registry-v2/core/search-field.tsx     | 122 ++++
 www/src/registry-v2/core/section.tsx          |  45 ++
 www/src/registry-v2/core/select.tsx           | 109 +++
 www/src/registry-v2/core/separator.tsx        |  33 +
 www/src/registry-v2/core/skeleton.tsx         |  23 +
 www/src/registry-v2/core/slider.tsx           | 231 ++++++
 www/src/registry-v2/core/switch.tsx           |  75 ++
 www/src/registry-v2/core/table.tsx            | 116 +++
 www/src/registry-v2/core/tabs.tsx             |  93 +++
 www/src/registry-v2/core/tag-group.tsx        | 172 +++++
 www/src/registry-v2/core/text-area.tsx        |  71 ++
 www/src/registry-v2/core/text-field.tsx       |  94 +++
 www/src/registry-v2/core/text.tsx             |  34 +
 www/src/registry-v2/core/time-field.tsx       |  90 +++
 www/src/registry-v2/core/toggle-button.tsx    | 111 +++
 www/src/registry-v2/core/toggle-group.tsx     | 273 +++++++
 www/src/registry-v2/core/tooltip.tsx          | 102 +++
 .../registry-v2/core/use-motion-drawer.tsx    | 688 ++++++++++++++++++
 www/src/registry-v2/hooks/use-battery.ts      |  76 ++
 www/src/registry-v2/hooks/use-counter.ts      |  85 +++
 www/src/registry-v2/hooks/use-debounce.ts     |  17 +
 www/src/registry-v2/hooks/use-in-view.ts      |   3 +
 .../hooks/use-intersection-observer.ts        |  36 +
 www/src/registry-v2/hooks/use-is-client.ts    |  11 +
 www/src/registry-v2/hooks/use-list.ts         |  38 +
 .../registry-v2/hooks/use-local-storage.ts    |  73 ++
 www/src/registry-v2/hooks/use-media-query.ts  |  43 ++
 www/src/registry-v2/hooks/use-mounted.ts      |  11 +
 www/src/registry-v2/hooks/use-mouse.ts        |  63 ++
 .../registry-v2/hooks/use-network-state.ts    |  84 +++
 www/src/registry-v2/hooks/use-orientation.ts  |  46 ++
 www/src/registry-v2/hooks/use-previous.ts     |  13 +
 www/src/registry-v2/hooks/use-scrolled.ts     |  27 +
 www/src/registry-v2/hooks/use-window-size.ts  |  29 +
 www/src/registry-v2/lib/cn.ts                 |   6 +
 www/src/registry-v2/lib/focus-styles.ts       |  13 +
 621 files changed, 14384 insertions(+), 11 deletions(-)
 rename www/src/components/{mdx => }/badge-palette.tsx (100%)
 rename www/src/components/{mdx => }/choices.tsx (100%)
 rename www/src/components/{code-block/client.tsx => code-block-client.tsx} (100%)
 rename www/src/components/{mdx/code-block.tsx => code-block-mdx.tsx} (100%)
 rename www/src/components/{code-block => }/code-block.tsx (94%)
 delete mode 100644 www/src/components/code-block/index.ts
 rename www/src/components/{code => }/code-client.tsx (100%)
 rename www/src/components/{code => }/code.tsx (100%)
 delete mode 100644 www/src/components/code/index.tsx
 rename www/src/components/{mdx => }/component-preview-client.tsx (100%)
 rename www/src/components/{mdx => }/component-preview.tsx (97%)
 rename www/src/components/{mdx => }/component-source.tsx (100%)
 create mode 100644 www/src/components/core/alert.tsx
 create mode 100644 www/src/components/core/aspect-ratio.tsx
 create mode 100644 www/src/components/core/avatar.tsx
 create mode 100644 www/src/components/core/badge.tsx
 create mode 100644 www/src/components/core/breadcrumbs.tsx
 create mode 100644 www/src/components/core/button.tsx
 create mode 100644 www/src/components/core/calendar.tsx
 create mode 100644 www/src/components/core/checkbox-group.tsx
 create mode 100644 www/src/components/core/checkbox.tsx
 create mode 100644 www/src/components/core/collapsible.tsx
 create mode 100644 www/src/components/core/color-area.tsx
 create mode 100644 www/src/components/core/color-field.tsx
 create mode 100644 www/src/components/core/color-picker.tsx
 create mode 100644 www/src/components/core/color-slider.tsx
 create mode 100644 www/src/components/core/color-swatch.tsx
 create mode 100644 www/src/components/core/color-thumb.tsx
 create mode 100644 www/src/components/core/combobox.tsx
 create mode 100644 www/src/components/core/command.tsx
 create mode 100644 www/src/components/core/contextual-help.tsx
 create mode 100644 www/src/components/core/date-field.tsx
 create mode 100644 www/src/components/core/date-input.tsx
 create mode 100644 www/src/components/core/date-picker.tsx
 create mode 100644 www/src/components/core/date-range-picker.tsx
 create mode 100644 www/src/components/core/dialog.tsx
 create mode 100644 www/src/components/core/drop-zone.tsx
 create mode 100644 www/src/components/core/field.tsx
 create mode 100644 www/src/components/core/file-trigger.tsx
 create mode 100644 www/src/components/core/form.tsx
 create mode 100644 www/src/components/core/group.tsx
 create mode 100644 www/src/components/core/heading.tsx
 create mode 100644 www/src/components/core/input.tsx
 create mode 100644 www/src/components/core/kbd.tsx
 create mode 100644 www/src/components/core/link.tsx
 create mode 100644 www/src/components/core/list-box.tsx
 create mode 100644 www/src/components/core/menu.tsx
 create mode 100644 www/src/components/core/number-field.tsx
 create mode 100644 www/src/components/core/overlay.tsx
 create mode 100644 www/src/components/core/progress.tsx
 create mode 100644 www/src/components/core/radio-group.tsx
 create mode 100644 www/src/components/core/range-calendar.tsx
 create mode 100644 www/src/components/core/resizable.tsx
 create mode 100644 www/src/components/core/scroll-area.tsx
 create mode 100644 www/src/components/core/search-field.tsx
 create mode 100644 www/src/components/core/section.tsx
 create mode 100644 www/src/components/core/select.tsx
 create mode 100644 www/src/components/core/separator.tsx
 create mode 100644 www/src/components/core/skeleton.tsx
 create mode 100644 www/src/components/core/slider.tsx
 create mode 100644 www/src/components/core/switch.tsx
 create mode 100644 www/src/components/core/table.tsx
 create mode 100644 www/src/components/core/tabs.tsx
 create mode 100644 www/src/components/core/tag-group.tsx
 create mode 100644 www/src/components/core/text-area.tsx
 create mode 100644 www/src/components/core/text-field.tsx
 create mode 100644 www/src/components/core/text.tsx
 create mode 100644 www/src/components/core/time-field.tsx
 create mode 100644 www/src/components/core/toggle-button.tsx
 create mode 100644 www/src/components/core/toggle-group.tsx
 create mode 100644 www/src/components/core/tooltip.tsx
 create mode 100644 www/src/components/dynamic-core/alert.tsx
 create mode 100644 www/src/components/dynamic-core/aspect-ratio.tsx
 create mode 100644 www/src/components/dynamic-core/avatar.tsx
 create mode 100644 www/src/components/dynamic-core/badge.tsx
 create mode 100644 www/src/components/dynamic-core/breadcrumbs.tsx
 create mode 100644 www/src/components/dynamic-core/button.tsx
 create mode 100644 www/src/components/dynamic-core/calendar.tsx
 create mode 100644 www/src/components/dynamic-core/checkbox-group.tsx
 create mode 100644 www/src/components/dynamic-core/checkbox.tsx
 create mode 100644 www/src/components/dynamic-core/collapsible.tsx
 create mode 100644 www/src/components/dynamic-core/color-area.tsx
 create mode 100644 www/src/components/dynamic-core/color-field.tsx
 create mode 100644 www/src/components/dynamic-core/color-picker.tsx
 create mode 100644 www/src/components/dynamic-core/color-slider.tsx
 create mode 100644 www/src/components/dynamic-core/color-swatch.tsx
 create mode 100644 www/src/components/dynamic-core/color-thumb.tsx
 create mode 100644 www/src/components/dynamic-core/combobox.tsx
 create mode 100644 www/src/components/dynamic-core/command.tsx
 create mode 100644 www/src/components/dynamic-core/contextual-help.tsx
 create mode 100644 www/src/components/dynamic-core/date-field.tsx
 create mode 100644 www/src/components/dynamic-core/date-input.tsx
 create mode 100644 www/src/components/dynamic-core/date-picker.tsx
 create mode 100644 www/src/components/dynamic-core/date-range-picker.tsx
 create mode 100644 www/src/components/dynamic-core/dialog.tsx
 create mode 100644 www/src/components/dynamic-core/drop-zone.tsx
 create mode 100644 www/src/components/dynamic-core/field.tsx
 create mode 100644 www/src/components/dynamic-core/file-trigger.tsx
 create mode 100644 www/src/components/dynamic-core/form.tsx
 create mode 100644 www/src/components/dynamic-core/group.tsx
 create mode 100644 www/src/components/dynamic-core/heading.tsx
 create mode 100644 www/src/components/dynamic-core/input.tsx
 create mode 100644 www/src/components/dynamic-core/kbd.tsx
 create mode 100644 www/src/components/dynamic-core/link.tsx
 create mode 100644 www/src/components/dynamic-core/list-box.tsx
 create mode 100644 www/src/components/dynamic-core/menu.tsx
 create mode 100644 www/src/components/dynamic-core/number-field.tsx
 create mode 100644 www/src/components/dynamic-core/overlay.tsx
 create mode 100644 www/src/components/dynamic-core/progress.tsx
 create mode 100644 www/src/components/dynamic-core/radio-group.tsx
 create mode 100644 www/src/components/dynamic-core/range-calendar.tsx
 create mode 100644 www/src/components/dynamic-core/resizable.tsx
 create mode 100644 www/src/components/dynamic-core/scroll-area.tsx
 create mode 100644 www/src/components/dynamic-core/search-field.tsx
 create mode 100644 www/src/components/dynamic-core/section.tsx
 create mode 100644 www/src/components/dynamic-core/select.tsx
 create mode 100644 www/src/components/dynamic-core/separator.tsx
 create mode 100644 www/src/components/dynamic-core/skeleton.tsx
 create mode 100644 www/src/components/dynamic-core/slider.tsx
 create mode 100644 www/src/components/dynamic-core/switch.tsx
 create mode 100644 www/src/components/dynamic-core/table.tsx
 create mode 100644 www/src/components/dynamic-core/tabs.tsx
 create mode 100644 www/src/components/dynamic-core/tag-group.tsx
 create mode 100644 www/src/components/dynamic-core/text-area.tsx
 create mode 100644 www/src/components/dynamic-core/text-field.tsx
 create mode 100644 www/src/components/dynamic-core/text.tsx
 create mode 100644 www/src/components/dynamic-core/time-field.tsx
 create mode 100644 www/src/components/dynamic-core/toggle-button.tsx
 create mode 100644 www/src/components/dynamic-core/toggle-group.tsx
 create mode 100644 www/src/components/dynamic-core/tooltip.tsx
 rename www/src/components/{mdx => }/install-tabs.tsx (100%)
 rename www/src/components/{mdx => }/mdx-components.tsx (98%)
 rename www/src/components/{mdx => }/palette.tsx (100%)
 rename www/src/components/{mdx => }/tabs.tsx (100%)
 create mode 100644 www/src/demos/alert/action.tsx
 create mode 100644 www/src/demos/alert/composition.tsx
 create mode 100644 www/src/demos/alert/content.tsx
 create mode 100644 www/src/demos/alert/custom-icon.tsx
 create mode 100644 www/src/demos/alert/default.tsx
 create mode 100644 www/src/demos/alert/title.tsx
 create mode 100644 www/src/demos/alert/variants.tsx
 create mode 100644 www/src/demos/avatar/composition.tsx
 create mode 100644 www/src/demos/avatar/default.tsx
 create mode 100644 www/src/demos/avatar/shape.tsx
 create mode 100644 www/src/demos/avatar/sizes.tsx
 create mode 100644 www/src/demos/breadcrumbs/basic.tsx
 create mode 100644 www/src/demos/breadcrumbs/composition.tsx
 create mode 100644 www/src/demos/breadcrumbs/disabled.tsx
 create mode 100644 www/src/demos/breadcrumbs/icon.tsx
 create mode 100644 www/src/demos/breadcrumbs/router-integration.tsx
 create mode 100644 www/src/demos/button/default.tsx
 create mode 100644 www/src/demos/button/disabled.tsx
 create mode 100644 www/src/demos/button/link-button.tsx
 create mode 100644 www/src/demos/button/loading.tsx
 create mode 100644 www/src/demos/button/prefix-and-suffix.tsx
 create mode 100644 www/src/demos/button/shapes.tsx
 create mode 100644 www/src/demos/button/sizes.tsx
 create mode 100644 www/src/demos/button/variants.tsx
 create mode 100644 www/src/demos/calendar/composition.tsx
 create mode 100644 www/src/demos/calendar/controlled.tsx
 create mode 100644 www/src/demos/calendar/default.tsx
 create mode 100644 www/src/demos/calendar/disabled.tsx
 create mode 100644 www/src/demos/calendar/error-message.tsx
 create mode 100644 www/src/demos/calendar/label.tsx
 create mode 100644 www/src/demos/calendar/page-behaviour.tsx
 create mode 100644 www/src/demos/calendar/read-only.tsx
 create mode 100644 www/src/demos/calendar/uncontrolled.tsx
 create mode 100644 www/src/demos/calendar/unvailable-dates.tsx
 create mode 100644 www/src/demos/calendar/validation.tsx
 create mode 100644 www/src/demos/calendar/visible-months.tsx
 create mode 100644 www/src/demos/checkbox-group/cards.tsx
 create mode 100644 www/src/demos/checkbox-group/composition.tsx
 create mode 100644 www/src/demos/checkbox-group/contextual-help.tsx
 create mode 100644 www/src/demos/checkbox-group/controlled.tsx
 create mode 100644 www/src/demos/checkbox-group/default.tsx
 create mode 100644 www/src/demos/checkbox-group/description.tsx
 create mode 100644 www/src/demos/checkbox-group/disabled.tsx
 create mode 100644 www/src/demos/checkbox-group/error-message.tsx
 create mode 100644 www/src/demos/checkbox-group/label.tsx
 create mode 100644 www/src/demos/checkbox-group/read-only.tsx
 create mode 100644 www/src/demos/checkbox-group/required.tsx
 create mode 100644 www/src/demos/checkbox-group/uncontrolled.tsx
 create mode 100644 www/src/demos/checkbox/card.tsx
 create mode 100644 www/src/demos/checkbox/controlled.tsx
 create mode 100644 www/src/demos/checkbox/default.tsx
 create mode 100644 www/src/demos/checkbox/disabled.tsx
 create mode 100644 www/src/demos/checkbox/indeterminate.tsx
 create mode 100644 www/src/demos/checkbox/read-only.tsx
 create mode 100644 www/src/demos/checkbox/uncontrolled.tsx
 create mode 100644 www/src/demos/color-area/channels.tsx
 create mode 100644 www/src/demos/color-area/composition.tsx
 create mode 100644 www/src/demos/color-area/controlled.tsx
 create mode 100644 www/src/demos/color-area/default.tsx
 create mode 100644 www/src/demos/color-area/disabled.tsx
 create mode 100644 www/src/demos/color-area/uncontrolled.tsx
 create mode 100644 www/src/demos/color-field/composition.tsx
 create mode 100644 www/src/demos/color-field/contextual-help.tsx
 create mode 100644 www/src/demos/color-field/controlled.tsx
 create mode 100644 www/src/demos/color-field/default.tsx
 create mode 100644 www/src/demos/color-field/description.tsx
 create mode 100644 www/src/demos/color-field/disabled.tsx
 create mode 100644 www/src/demos/color-field/error-message.tsx
 create mode 100644 www/src/demos/color-field/form.tsx
 create mode 100644 www/src/demos/color-field/label.tsx
 create mode 100644 www/src/demos/color-field/loading.tsx
 create mode 100644 www/src/demos/color-field/prefix-and-suffix.tsx
 create mode 100644 www/src/demos/color-field/read-only.tsx
 create mode 100644 www/src/demos/color-field/required.tsx
 create mode 100644 www/src/demos/color-field/sizes.tsx
 create mode 100644 www/src/demos/color-field/uncontrolled.tsx
 create mode 100644 www/src/demos/color-picker/composition.tsx
 create mode 100644 www/src/demos/color-picker/controlled.tsx
 create mode 100644 www/src/demos/color-picker/default.tsx
 create mode 100644 www/src/demos/color-picker/options.tsx
 create mode 100644 www/src/demos/color-picker/uncontrolled.tsx
 create mode 100644 www/src/demos/color-slider/channel.tsx
 create mode 100644 www/src/demos/color-slider/composition.tsx
 create mode 100644 www/src/demos/color-slider/controlled.tsx
 create mode 100644 www/src/demos/color-slider/default.tsx
 create mode 100644 www/src/demos/color-slider/disabled.tsx
 create mode 100644 www/src/demos/color-slider/label.tsx
 create mode 100644 www/src/demos/color-slider/uncontrolled.tsx
 create mode 100644 www/src/demos/color-slider/vertical.tsx
 create mode 100644 www/src/demos/color-swatch/default.tsx
 create mode 100644 www/src/demos/combobox/async-loading.tsx
 create mode 100644 www/src/demos/combobox/basic.tsx
 create mode 100644 www/src/demos/combobox/composition.tsx
 create mode 100644 www/src/demos/combobox/contextual-help.tsx
 create mode 100644 www/src/demos/combobox/controlled.tsx
 create mode 100644 www/src/demos/combobox/custom-value.tsx
 create mode 100644 www/src/demos/combobox/description.tsx
 create mode 100644 www/src/demos/combobox/disabled.tsx
 create mode 100644 www/src/demos/combobox/label.tsx
 create mode 100644 www/src/demos/combobox/loading.tsx
 create mode 100644 www/src/demos/combobox/required.tsx
 create mode 100644 www/src/demos/combobox/sections.tsx
 create mode 100644 www/src/demos/combobox/uncontrolled.tsx
 create mode 100644 www/src/demos/combobox/validation.tsx
 create mode 100644 www/src/demos/date-field/composition.tsx
 create mode 100644 www/src/demos/date-field/contextual-help.tsx
 create mode 100644 www/src/demos/date-field/controlled.tsx
 create mode 100644 www/src/demos/date-field/default.tsx
 create mode 100644 www/src/demos/date-field/description.tsx
 create mode 100644 www/src/demos/date-field/disabled.tsx
 create mode 100644 www/src/demos/date-field/error-message.tsx
 create mode 100644 www/src/demos/date-field/granularity.tsx
 create mode 100644 www/src/demos/date-field/hide-time-zone.tsx
 create mode 100644 www/src/demos/date-field/hour-cycle.tsx
 create mode 100644 www/src/demos/date-field/label.tsx
 create mode 100644 www/src/demos/date-field/loading.tsx
 create mode 100644 www/src/demos/date-field/placeholder.tsx
 create mode 100644 www/src/demos/date-field/prefix-and-suffix.tsx
 create mode 100644 www/src/demos/date-field/read-only.tsx
 create mode 100644 www/src/demos/date-field/required.tsx
 create mode 100644 www/src/demos/date-field/sizes.tsx
 create mode 100644 www/src/demos/date-field/time-zones.tsx
 create mode 100644 www/src/demos/date-field/uncontrolled.tsx
 create mode 100644 www/src/demos/date-picker/composition.tsx
 create mode 100644 www/src/demos/date-picker/contextual-help.tsx
 create mode 100644 www/src/demos/date-picker/controlled.tsx
 create mode 100644 www/src/demos/date-picker/default.tsx
 create mode 100644 www/src/demos/date-picker/description.tsx
 create mode 100644 www/src/demos/date-picker/disabled.tsx
 create mode 100644 www/src/demos/date-picker/error-message.tsx
 create mode 100644 www/src/demos/date-picker/granularity.tsx
 create mode 100644 www/src/demos/date-picker/hide-time-zone.tsx
 create mode 100644 www/src/demos/date-picker/hour-cycle.tsx
 create mode 100644 www/src/demos/date-picker/label.tsx
 create mode 100644 www/src/demos/date-picker/loading.tsx
 create mode 100644 www/src/demos/date-picker/placeholder.tsx
 create mode 100644 www/src/demos/date-picker/prefix.tsx
 create mode 100644 www/src/demos/date-picker/read-only.tsx
 create mode 100644 www/src/demos/date-picker/required.tsx
 create mode 100644 www/src/demos/date-picker/sizes.tsx
 create mode 100644 www/src/demos/date-picker/time-zones.tsx
 create mode 100644 www/src/demos/date-picker/uncontrolled.tsx
 create mode 100644 www/src/demos/date-range-picker/composition.tsx
 create mode 100644 www/src/demos/date-range-picker/contextual-help.tsx
 create mode 100644 www/src/demos/date-range-picker/controlled.tsx
 create mode 100644 www/src/demos/date-range-picker/default.tsx
 create mode 100644 www/src/demos/date-range-picker/description.tsx
 create mode 100644 www/src/demos/date-range-picker/disabled.tsx
 create mode 100644 www/src/demos/date-range-picker/error-message.tsx
 create mode 100644 www/src/demos/date-range-picker/granularity.tsx
 create mode 100644 www/src/demos/date-range-picker/hide-time-zone.tsx
 create mode 100644 www/src/demos/date-range-picker/hour-cycle.tsx
 create mode 100644 www/src/demos/date-range-picker/label.tsx
 create mode 100644 www/src/demos/date-range-picker/loading.tsx
 create mode 100644 www/src/demos/date-range-picker/placeholder.tsx
 create mode 100644 www/src/demos/date-range-picker/prefix.tsx
 create mode 100644 www/src/demos/date-range-picker/read-only.tsx
 create mode 100644 www/src/demos/date-range-picker/required.tsx
 create mode 100644 www/src/demos/date-range-picker/sizes.tsx
 create mode 100644 www/src/demos/date-range-picker/time-zones.tsx
 create mode 100644 www/src/demos/date-range-picker/uncontrolled.tsx
 create mode 100644 www/src/demos/dialog/alert-dialog.tsx
 create mode 100644 www/src/demos/dialog/async-form-submission.tsx
 create mode 100644 www/src/demos/dialog/basic.tsx
 create mode 100644 www/src/demos/dialog/composition.tsx
 create mode 100644 www/src/demos/dialog/controlled.tsx
 create mode 100644 www/src/demos/dialog/description.tsx
 create mode 100644 www/src/demos/dialog/dismiss-button.tsx
 create mode 100644 www/src/demos/dialog/dismissable.tsx
 create mode 100644 www/src/demos/dialog/drawer.tsx
 create mode 100644 www/src/demos/dialog/inset-content.tsx
 create mode 100644 www/src/demos/dialog/nested.tsx
 create mode 100644 www/src/demos/dialog/popover.tsx
 create mode 100644 www/src/demos/dialog/title.tsx
 create mode 100644 www/src/demos/dialog/types.tsx
 create mode 100644 www/src/demos/drop-zone/default.tsx
 create mode 100644 www/src/demos/drop-zone/disabled.tsx
 create mode 100644 www/src/demos/drop-zone/file-trigger.tsx
 create mode 100644 www/src/demos/drop-zone/label.tsx
 create mode 100644 www/src/demos/file-trigger/default.tsx
 create mode 100644 www/src/demos/file-trigger/directory-selection.tsx
 create mode 100644 www/src/demos/file-trigger/file-types.tsx
 create mode 100644 www/src/demos/file-trigger/media-capture.tsx
 create mode 100644 www/src/demos/file-trigger/multiple-files.tsx
 create mode 100644 www/src/demos/link/default.tsx
 create mode 100644 www/src/demos/link/disabled.tsx
 create mode 100644 www/src/demos/link/icon.tsx
 create mode 100644 www/src/demos/link/variants.tsx
 create mode 100644 www/src/demos/list-box/async-loading.tsx
 create mode 100644 www/src/demos/list-box/basic.tsx
 create mode 100644 www/src/demos/list-box/composition.tsx
 create mode 100644 www/src/demos/list-box/contact-list.tsx
 create mode 100644 www/src/demos/list-box/controlled.tsx
 create mode 100644 www/src/demos/list-box/disabled-items.tsx
 create mode 100644 www/src/demos/list-box/empty-state.tsx
 create mode 100644 www/src/demos/list-box/grid.tsx
 create mode 100644 www/src/demos/list-box/horizontal.tsx
 create mode 100644 www/src/demos/list-box/image-grid.tsx
 create mode 100644 www/src/demos/list-box/item-variant.tsx
 create mode 100644 www/src/demos/list-box/label-and-description.tsx
 create mode 100644 www/src/demos/list-box/links.tsx
 create mode 100644 www/src/demos/list-box/loading.tsx
 create mode 100644 www/src/demos/list-box/prefix-and-suffix.tsx
 create mode 100644 www/src/demos/list-box/sections.tsx
 create mode 100644 www/src/demos/list-box/selection-behavior.tsx
 create mode 100644 www/src/demos/list-box/selection-mode.tsx
 create mode 100644 www/src/demos/list-box/separator.tsx
 create mode 100644 www/src/demos/list-box/uncontrolled.tsx
 create mode 100644 www/src/demos/menu/basic.tsx
 create mode 100644 www/src/demos/menu/composition.tsx
 create mode 100644 www/src/demos/menu/controlled.tsx
 create mode 100644 www/src/demos/menu/disabled-items.tsx
 create mode 100644 www/src/demos/menu/item-variant.tsx
 create mode 100644 www/src/demos/menu/label-and-description.tsx
 create mode 100644 www/src/demos/menu/link-items.tsx
 create mode 100644 www/src/demos/menu/long-press.tsx
 create mode 100644 www/src/demos/menu/multiple-selection.tsx
 create mode 100644 www/src/demos/menu/overlay-type.tsx
 create mode 100644 www/src/demos/menu/placement.tsx
 create mode 100644 www/src/demos/menu/prefix-and-suffix.tsx
 create mode 100644 www/src/demos/menu/section.tsx
 create mode 100644 www/src/demos/menu/separator.tsx
 create mode 100644 www/src/demos/menu/shortcut.tsx
 create mode 100644 www/src/demos/menu/single-selection.tsx
 create mode 100644 www/src/demos/menu/submenus.tsx
 create mode 100644 www/src/demos/number-field/composition.tsx
 create mode 100644 www/src/demos/number-field/contextual-help.tsx
 create mode 100644 www/src/demos/number-field/controlled.tsx
 create mode 100644 www/src/demos/number-field/default.tsx
 create mode 100644 www/src/demos/number-field/description.tsx
 create mode 100644 www/src/demos/number-field/disabled.tsx
 create mode 100644 www/src/demos/number-field/error-message.tsx
 create mode 100644 www/src/demos/number-field/format-options.tsx
 create mode 100644 www/src/demos/number-field/label.tsx
 create mode 100644 www/src/demos/number-field/read-only.tsx
 create mode 100644 www/src/demos/number-field/required.tsx
 create mode 100644 www/src/demos/number-field/sizes.tsx
 create mode 100644 www/src/demos/number-field/uncontrolled.tsx
 create mode 100644 www/src/demos/progress/composition.tsx
 create mode 100644 www/src/demos/progress/custom-color.tsx
 create mode 100644 www/src/demos/progress/custom-value-label.tsx
 create mode 100644 www/src/demos/progress/default.tsx
 create mode 100644 www/src/demos/progress/duration.tsx
 create mode 100644 www/src/demos/progress/format-options.tsx
 create mode 100644 www/src/demos/progress/indeterminate.tsx
 create mode 100644 www/src/demos/progress/label.tsx
 create mode 100644 www/src/demos/progress/min-max-values.tsx
 create mode 100644 www/src/demos/progress/shape.tsx
 create mode 100644 www/src/demos/progress/sizes.tsx
 create mode 100644 www/src/demos/progress/toolbar.tsx
 create mode 100644 www/src/demos/progress/value-label.tsx
 create mode 100644 www/src/demos/progress/variants.tsx
 create mode 100644 www/src/demos/radio-group/cards.tsx
 create mode 100644 www/src/demos/radio-group/composition.tsx
 create mode 100644 www/src/demos/radio-group/contextual-help.tsx
 create mode 100644 www/src/demos/radio-group/controlled.tsx
 create mode 100644 www/src/demos/radio-group/default.tsx
 create mode 100644 www/src/demos/radio-group/description.tsx
 create mode 100644 www/src/demos/radio-group/disabled.tsx
 create mode 100644 www/src/demos/radio-group/error-message.tsx
 create mode 100644 www/src/demos/radio-group/label.tsx
 create mode 100644 www/src/demos/radio-group/orientation.tsx
 create mode 100644 www/src/demos/radio-group/read-only.tsx
 create mode 100644 www/src/demos/radio-group/required.tsx
 create mode 100644 www/src/demos/radio-group/uncontrolled.tsx
 create mode 100644 www/src/demos/range-calendar/composition.tsx
 create mode 100644 www/src/demos/range-calendar/controlled.tsx
 create mode 100644 www/src/demos/range-calendar/default.tsx
 create mode 100644 www/src/demos/range-calendar/disabled.tsx
 create mode 100644 www/src/demos/range-calendar/error-message.tsx
 create mode 100644 www/src/demos/range-calendar/label.tsx
 create mode 100644 www/src/demos/range-calendar/non-contiguous-ranges.tsx
 create mode 100644 www/src/demos/range-calendar/page-behaviour.tsx
 create mode 100644 www/src/demos/range-calendar/read-only.tsx
 create mode 100644 www/src/demos/range-calendar/uncontrolled.tsx
 create mode 100644 www/src/demos/range-calendar/unvailable-dates.tsx
 create mode 100644 www/src/demos/range-calendar/validation.tsx
 create mode 100644 www/src/demos/range-calendar/visible-months.tsx
 create mode 100644 www/src/demos/scroll-area/default.tsx
 create mode 100644 www/src/demos/scroll-area/scrollbars.tsx
 create mode 100644 www/src/demos/scroll-area/sizes.tsx
 create mode 100644 www/src/demos/search-field/composition.tsx
 create mode 100644 www/src/demos/search-field/contextual-help.tsx
 create mode 100644 www/src/demos/search-field/controlled.tsx
 create mode 100644 www/src/demos/search-field/default.tsx
 create mode 100644 www/src/demos/search-field/description.tsx
 create mode 100644 www/src/demos/search-field/disabled.tsx
 create mode 100644 www/src/demos/search-field/error-message.tsx
 create mode 100644 www/src/demos/search-field/form.tsx
 create mode 100644 www/src/demos/search-field/label.tsx
 create mode 100644 www/src/demos/search-field/loading.tsx
 create mode 100644 www/src/demos/search-field/prefix-and-suffix.tsx
 create mode 100644 www/src/demos/search-field/read-only.tsx
 create mode 100644 www/src/demos/search-field/required.tsx
 create mode 100644 www/src/demos/search-field/sizes.tsx
 create mode 100644 www/src/demos/search-field/uncontrolled.tsx
 create mode 100644 www/src/demos/select/async-loading.tsx
 create mode 100644 www/src/demos/select/basic.tsx
 create mode 100644 www/src/demos/select/composition.tsx
 create mode 100644 www/src/demos/select/contextual-help.tsx
 create mode 100644 www/src/demos/select/controlled.tsx
 create mode 100644 www/src/demos/select/description.tsx
 create mode 100644 www/src/demos/select/disabled.tsx
 create mode 100644 www/src/demos/select/label.tsx
 create mode 100644 www/src/demos/select/links.tsx
 create mode 100644 www/src/demos/select/loading.tsx
 create mode 100644 www/src/demos/select/placeholder.tsx
 create mode 100644 www/src/demos/select/required.tsx
 create mode 100644 www/src/demos/select/sections.tsx
 create mode 100644 www/src/demos/select/uncontrolled.tsx
 create mode 100644 www/src/demos/select/validation.tsx
 create mode 100644 www/src/demos/separator/card.tsx
 create mode 100644 www/src/demos/separator/orientation.tsx
 create mode 100644 www/src/demos/skeleton/api-simulation.tsx
 create mode 100644 www/src/demos/skeleton/card.tsx
 create mode 100644 www/src/demos/skeleton/children.tsx
 create mode 100644 www/src/demos/skeleton/fixed-size-children.tsx
 create mode 100644 www/src/demos/skeleton/show.tsx
 create mode 100644 www/src/demos/slider/advanced-composition.tsx
 create mode 100644 www/src/demos/slider/composition.tsx
 create mode 100644 www/src/demos/slider/controlled.tsx
 create mode 100644 www/src/demos/slider/default.tsx
 create mode 100644 www/src/demos/slider/description.tsx
 create mode 100644 www/src/demos/slider/disabled.tsx
 create mode 100644 www/src/demos/slider/format-options.tsx
 create mode 100644 www/src/demos/slider/label.tsx
 create mode 100644 www/src/demos/slider/range.tsx
 create mode 100644 www/src/demos/slider/sizes.tsx
 create mode 100644 www/src/demos/slider/step.tsx
 create mode 100644 www/src/demos/slider/uncontrolled.tsx
 create mode 100644 www/src/demos/slider/value-label.tsx
 create mode 100644 www/src/demos/slider/value-scale.tsx
 create mode 100644 www/src/demos/slider/vertical.tsx
 create mode 100644 www/src/demos/switch/controlled.tsx
 create mode 100644 www/src/demos/switch/default.tsx
 create mode 100644 www/src/demos/switch/disabled.tsx
 create mode 100644 www/src/demos/switch/label.tsx
 create mode 100644 www/src/demos/switch/sizes.tsx
 create mode 100644 www/src/demos/switch/uncontrolled.tsx
 create mode 100644 www/src/demos/tabs/basic.tsx
 create mode 100644 www/src/demos/tabs/controlled.tsx
 create mode 100644 www/src/demos/tabs/disabled-item.tsx
 create mode 100644 www/src/demos/tabs/disabled.tsx
 create mode 100644 www/src/demos/tabs/keyboard-activation.tsx
 create mode 100644 www/src/demos/tabs/vertical.tsx
 create mode 100644 www/src/demos/text-area/composition.tsx
 create mode 100644 www/src/demos/text-area/contextual-help.tsx
 create mode 100644 www/src/demos/text-area/controlled.tsx
 create mode 100644 www/src/demos/text-area/default.tsx
 create mode 100644 www/src/demos/text-area/description.tsx
 create mode 100644 www/src/demos/text-area/disabled.tsx
 create mode 100644 www/src/demos/text-area/error-message.tsx
 create mode 100644 www/src/demos/text-area/form.tsx
 create mode 100644 www/src/demos/text-area/label.tsx
 create mode 100644 www/src/demos/text-area/loading.tsx
 create mode 100644 www/src/demos/text-area/prefix-and-suffix.tsx
 create mode 100644 www/src/demos/text-area/read-only.tsx
 create mode 100644 www/src/demos/text-area/required.tsx
 create mode 100644 www/src/demos/text-area/uncontrolled.tsx
 create mode 100644 www/src/demos/text-field/composition.tsx
 create mode 100644 www/src/demos/text-field/contextual-help.tsx
 create mode 100644 www/src/demos/text-field/controlled.tsx
 create mode 100644 www/src/demos/text-field/default.tsx
 create mode 100644 www/src/demos/text-field/description.tsx
 create mode 100644 www/src/demos/text-field/disabled.tsx
 create mode 100644 www/src/demos/text-field/error-message.tsx
 create mode 100644 www/src/demos/text-field/label.tsx
 create mode 100644 www/src/demos/text-field/loading.tsx
 create mode 100644 www/src/demos/text-field/prefix-and-suffix.tsx
 create mode 100644 www/src/demos/text-field/read-only.tsx
 create mode 100644 www/src/demos/text-field/required.tsx
 create mode 100644 www/src/demos/text-field/sizes.tsx
 create mode 100644 www/src/demos/text-field/uncontrolled.tsx
 create mode 100644 www/src/demos/time-field/composition.tsx
 create mode 100644 www/src/demos/time-field/contextual-help.tsx
 create mode 100644 www/src/demos/time-field/controlled.tsx
 create mode 100644 www/src/demos/time-field/default.tsx
 create mode 100644 www/src/demos/time-field/description.tsx
 create mode 100644 www/src/demos/time-field/disabled.tsx
 create mode 100644 www/src/demos/time-field/error-message.tsx
 create mode 100644 www/src/demos/time-field/granularity.tsx
 create mode 100644 www/src/demos/time-field/hide-time-zone.tsx
 create mode 100644 www/src/demos/time-field/hour-cycle.tsx
 create mode 100644 www/src/demos/time-field/label.tsx
 create mode 100644 www/src/demos/time-field/loading.tsx
 create mode 100644 www/src/demos/time-field/placeholder.tsx
 create mode 100644 www/src/demos/time-field/prefix-and-suffix.tsx
 create mode 100644 www/src/demos/time-field/read-only.tsx
 create mode 100644 www/src/demos/time-field/required.tsx
 create mode 100644 www/src/demos/time-field/sizes.tsx
 create mode 100644 www/src/demos/time-field/time-zones.tsx
 create mode 100644 www/src/demos/time-field/uncontrolled.tsx
 create mode 100644 www/src/demos/toggle-button/controlled.tsx
 create mode 100644 www/src/demos/toggle-button/default.tsx
 create mode 100644 www/src/demos/toggle-button/disabled.tsx
 create mode 100644 www/src/demos/toggle-button/shapes.tsx
 create mode 100644 www/src/demos/toggle-button/sizes.tsx
 create mode 100644 www/src/demos/toggle-button/uncontrolled.tsx
 create mode 100644 www/src/demos/toggle-button/variants.tsx
 create mode 100644 www/src/demos/tooltip/arrow.tsx
 create mode 100644 www/src/demos/tooltip/composition.tsx
 create mode 100644 www/src/demos/tooltip/container-padding.tsx
 create mode 100644 www/src/demos/tooltip/default.tsx
 create mode 100644 www/src/demos/tooltip/delay.tsx
 create mode 100644 www/src/demos/tooltip/flip.tsx
 create mode 100644 www/src/demos/tooltip/offset.tsx
 create mode 100644 www/src/demos/tooltip/placement.tsx
 create mode 100644 www/src/demos/tooltip/with-arrow.tsx
 create mode 100644 www/src/registry-v2/core/alert.tsx
 create mode 100644 www/src/registry-v2/core/aspect-ratio.tsx
 create mode 100644 www/src/registry-v2/core/avatar.tsx
 create mode 100644 www/src/registry-v2/core/badge.tsx
 create mode 100644 www/src/registry-v2/core/breadcrumbs.tsx
 create mode 100644 www/src/registry-v2/core/button.tsx
 create mode 100644 www/src/registry-v2/core/calendar.tsx
 create mode 100644 www/src/registry-v2/core/checkbox-group.tsx
 create mode 100644 www/src/registry-v2/core/checkbox.tsx
 create mode 100644 www/src/registry-v2/core/collapsible.tsx
 create mode 100644 www/src/registry-v2/core/color-area.tsx
 create mode 100644 www/src/registry-v2/core/color-field.tsx
 create mode 100644 www/src/registry-v2/core/color-picker.tsx
 create mode 100644 www/src/registry-v2/core/color-slider.tsx
 create mode 100644 www/src/registry-v2/core/color-swatch.tsx
 create mode 100644 www/src/registry-v2/core/color-thumb.tsx
 create mode 100644 www/src/registry-v2/core/combobox.tsx
 create mode 100644 www/src/registry-v2/core/command.tsx
 create mode 100644 www/src/registry-v2/core/contextual-help.tsx
 create mode 100644 www/src/registry-v2/core/date-field.tsx
 create mode 100644 www/src/registry-v2/core/date-input.tsx
 create mode 100644 www/src/registry-v2/core/date-picker.tsx
 create mode 100644 www/src/registry-v2/core/date-range-picker.tsx
 create mode 100644 www/src/registry-v2/core/dialog.tsx
 create mode 100644 www/src/registry-v2/core/drop-zone.tsx
 create mode 100644 www/src/registry-v2/core/field.tsx
 create mode 100644 www/src/registry-v2/core/file-trigger.tsx
 create mode 100644 www/src/registry-v2/core/form.tsx
 create mode 100644 www/src/registry-v2/core/group.tsx
 create mode 100644 www/src/registry-v2/core/heading.tsx
 create mode 100644 www/src/registry-v2/core/input.tsx
 create mode 100644 www/src/registry-v2/core/kbd.tsx
 create mode 100644 www/src/registry-v2/core/link.tsx
 create mode 100644 www/src/registry-v2/core/list-box.tsx
 create mode 100644 www/src/registry-v2/core/menu.tsx
 create mode 100644 www/src/registry-v2/core/number-field.tsx
 create mode 100644 www/src/registry-v2/core/overlay.tsx
 create mode 100644 www/src/registry-v2/core/progress.tsx
 create mode 100644 www/src/registry-v2/core/radio-group.tsx
 create mode 100644 www/src/registry-v2/core/range-calendar.tsx
 create mode 100644 www/src/registry-v2/core/resizable.tsx
 create mode 100644 www/src/registry-v2/core/scroll-area.tsx
 create mode 100644 www/src/registry-v2/core/search-field.tsx
 create mode 100644 www/src/registry-v2/core/section.tsx
 create mode 100644 www/src/registry-v2/core/select.tsx
 create mode 100644 www/src/registry-v2/core/separator.tsx
 create mode 100644 www/src/registry-v2/core/skeleton.tsx
 create mode 100644 www/src/registry-v2/core/slider.tsx
 create mode 100644 www/src/registry-v2/core/switch.tsx
 create mode 100644 www/src/registry-v2/core/table.tsx
 create mode 100644 www/src/registry-v2/core/tabs.tsx
 create mode 100644 www/src/registry-v2/core/tag-group.tsx
 create mode 100644 www/src/registry-v2/core/text-area.tsx
 create mode 100644 www/src/registry-v2/core/text-field.tsx
 create mode 100644 www/src/registry-v2/core/text.tsx
 create mode 100644 www/src/registry-v2/core/time-field.tsx
 create mode 100644 www/src/registry-v2/core/toggle-button.tsx
 create mode 100644 www/src/registry-v2/core/toggle-group.tsx
 create mode 100644 www/src/registry-v2/core/tooltip.tsx
 create mode 100644 www/src/registry-v2/core/use-motion-drawer.tsx
 create mode 100644 www/src/registry-v2/hooks/use-battery.ts
 create mode 100644 www/src/registry-v2/hooks/use-counter.ts
 create mode 100644 www/src/registry-v2/hooks/use-debounce.ts
 create mode 100644 www/src/registry-v2/hooks/use-in-view.ts
 create mode 100644 www/src/registry-v2/hooks/use-intersection-observer.ts
 create mode 100644 www/src/registry-v2/hooks/use-is-client.ts
 create mode 100644 www/src/registry-v2/hooks/use-list.ts
 create mode 100644 www/src/registry-v2/hooks/use-local-storage.ts
 create mode 100644 www/src/registry-v2/hooks/use-media-query.ts
 create mode 100644 www/src/registry-v2/hooks/use-mounted.ts
 create mode 100644 www/src/registry-v2/hooks/use-mouse.ts
 create mode 100644 www/src/registry-v2/hooks/use-network-state.ts
 create mode 100644 www/src/registry-v2/hooks/use-orientation.ts
 create mode 100644 www/src/registry-v2/hooks/use-previous.ts
 create mode 100644 www/src/registry-v2/hooks/use-scrolled.ts
 create mode 100644 www/src/registry-v2/hooks/use-window-size.ts
 create mode 100644 www/src/registry-v2/lib/cn.ts
 create mode 100644 www/src/registry-v2/lib/focus-styles.ts

diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index d8ae100a4..630d9e88b 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -9,7 +9,7 @@ import { DocsPager } from "@/components/docs-pager";
 import { GitHubIcon } from "@/components/icons";
 import { AdobeIcon } from "@/components/icons/adobe-icon";
 import { PageLastUpdate } from "@/components/last-update";
-import { mdxComponents } from "@/components/mdx/mdx-components";
+import { mdxComponents } from "@/components/mdx-components";
 import { TableOfContents } from "@/components/toc";
 import { Button } from "@/registry/ui/default/core/button";
 import { cn } from "@/registry/ui/default/lib/cn";
diff --git a/www/src/components/mdx/badge-palette.tsx b/www/src/components/badge-palette.tsx
similarity index 100%
rename from www/src/components/mdx/badge-palette.tsx
rename to www/src/components/badge-palette.tsx
diff --git a/www/src/components/mdx/choices.tsx b/www/src/components/choices.tsx
similarity index 100%
rename from www/src/components/mdx/choices.tsx
rename to www/src/components/choices.tsx
diff --git a/www/src/components/code-block/client.tsx b/www/src/components/code-block-client.tsx
similarity index 100%
rename from www/src/components/code-block/client.tsx
rename to www/src/components/code-block-client.tsx
diff --git a/www/src/components/mdx/code-block.tsx b/www/src/components/code-block-mdx.tsx
similarity index 100%
rename from www/src/components/mdx/code-block.tsx
rename to www/src/components/code-block-mdx.tsx
diff --git a/www/src/components/code-block/code-block.tsx b/www/src/components/code-block.tsx
similarity index 94%
rename from www/src/components/code-block/code-block.tsx
rename to www/src/components/code-block.tsx
index 7c272d6bd..5ca7839d7 100644
--- a/www/src/components/code-block/code-block.tsx
+++ b/www/src/components/code-block.tsx
@@ -1,6 +1,6 @@
 import { codeToHtml } from "shiki";
 import type { BundledLanguage } from "shiki";
-import { CodeBlockClient, type CodeBlockRootProps } from "./client";
+import { CodeBlockClient, type CodeBlockRootProps } from "./code-block-client";
 
 interface CodeBlockProps extends CodeBlockRootProps {
   files: {
diff --git a/www/src/components/code-block/index.ts b/www/src/components/code-block/index.ts
deleted file mode 100644
index 0358c1f71..000000000
--- a/www/src/components/code-block/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { codeBlockStyles } from "./client";
-import { CodeBlock } from "./code-block";
-
-export { CodeBlock, codeBlockStyles };
diff --git a/www/src/components/code/code-client.tsx b/www/src/components/code-client.tsx
similarity index 100%
rename from www/src/components/code/code-client.tsx
rename to www/src/components/code-client.tsx
diff --git a/www/src/components/code/code.tsx b/www/src/components/code.tsx
similarity index 100%
rename from www/src/components/code/code.tsx
rename to www/src/components/code.tsx
diff --git a/www/src/components/code/index.tsx b/www/src/components/code/index.tsx
deleted file mode 100644
index 2ff47715e..000000000
--- a/www/src/components/code/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Code } from "./code";
diff --git a/www/src/components/mdx/component-preview-client.tsx b/www/src/components/component-preview-client.tsx
similarity index 100%
rename from www/src/components/mdx/component-preview-client.tsx
rename to www/src/components/component-preview-client.tsx
diff --git a/www/src/components/mdx/component-preview.tsx b/www/src/components/component-preview.tsx
similarity index 97%
rename from www/src/components/mdx/component-preview.tsx
rename to www/src/components/component-preview.tsx
index b4559a1df..186f8fd75 100644
--- a/www/src/components/mdx/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -8,9 +8,9 @@ import { Button } from "@/registry/ui/default/core/button";
 import { Tooltip } from "@/registry/ui/default/core/tooltip";
 import { cn } from "@/registry/ui/default/lib/cn";
 import { Index } from "@/__demos__";
-import { ThemeCustomizerDialog } from "../theme-customizer";
-import { ThemeOverride } from "../theme-override";
 import { ComponentPreviewClient } from "./component-preview-client";
+import { ThemeCustomizerDialog } from "./theme-customizer";
+import { ThemeOverride } from "./theme-override";
 
 export interface ComponentPreviewProps {
   name: string;
diff --git a/www/src/components/mdx/component-source.tsx b/www/src/components/component-source.tsx
similarity index 100%
rename from www/src/components/mdx/component-source.tsx
rename to www/src/components/component-source.tsx
diff --git a/www/src/components/core/alert.tsx b/www/src/components/core/alert.tsx
new file mode 100644
index 000000000..153bf627d
--- /dev/null
+++ b/www/src/components/core/alert.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/alert";
diff --git a/www/src/components/core/aspect-ratio.tsx b/www/src/components/core/aspect-ratio.tsx
new file mode 100644
index 000000000..841c17d64
--- /dev/null
+++ b/www/src/components/core/aspect-ratio.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/aspect-ratio";
\ No newline at end of file
diff --git a/www/src/components/core/avatar.tsx b/www/src/components/core/avatar.tsx
new file mode 100644
index 000000000..e6ac7eb0f
--- /dev/null
+++ b/www/src/components/core/avatar.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/avatar";
\ No newline at end of file
diff --git a/www/src/components/core/badge.tsx b/www/src/components/core/badge.tsx
new file mode 100644
index 000000000..b35933dcd
--- /dev/null
+++ b/www/src/components/core/badge.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/badge";
\ No newline at end of file
diff --git a/www/src/components/core/breadcrumbs.tsx b/www/src/components/core/breadcrumbs.tsx
new file mode 100644
index 000000000..141be27d4
--- /dev/null
+++ b/www/src/components/core/breadcrumbs.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/breadcrumbs";
\ No newline at end of file
diff --git a/www/src/components/core/button.tsx b/www/src/components/core/button.tsx
new file mode 100644
index 000000000..033fc85b0
--- /dev/null
+++ b/www/src/components/core/button.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/button";
\ No newline at end of file
diff --git a/www/src/components/core/calendar.tsx b/www/src/components/core/calendar.tsx
new file mode 100644
index 000000000..20c125fd8
--- /dev/null
+++ b/www/src/components/core/calendar.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/calendar";
\ No newline at end of file
diff --git a/www/src/components/core/checkbox-group.tsx b/www/src/components/core/checkbox-group.tsx
new file mode 100644
index 000000000..6b91ebd49
--- /dev/null
+++ b/www/src/components/core/checkbox-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/checkbox-group";
\ No newline at end of file
diff --git a/www/src/components/core/checkbox.tsx b/www/src/components/core/checkbox.tsx
new file mode 100644
index 000000000..6288ee73d
--- /dev/null
+++ b/www/src/components/core/checkbox.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/checkbox";
\ No newline at end of file
diff --git a/www/src/components/core/collapsible.tsx b/www/src/components/core/collapsible.tsx
new file mode 100644
index 000000000..174387790
--- /dev/null
+++ b/www/src/components/core/collapsible.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/collapsible";
\ No newline at end of file
diff --git a/www/src/components/core/color-area.tsx b/www/src/components/core/color-area.tsx
new file mode 100644
index 000000000..eb948dcad
--- /dev/null
+++ b/www/src/components/core/color-area.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-area";
\ No newline at end of file
diff --git a/www/src/components/core/color-field.tsx b/www/src/components/core/color-field.tsx
new file mode 100644
index 000000000..e8484f59d
--- /dev/null
+++ b/www/src/components/core/color-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-field";
\ No newline at end of file
diff --git a/www/src/components/core/color-picker.tsx b/www/src/components/core/color-picker.tsx
new file mode 100644
index 000000000..305706cf8
--- /dev/null
+++ b/www/src/components/core/color-picker.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-picker";
diff --git a/www/src/components/core/color-slider.tsx b/www/src/components/core/color-slider.tsx
new file mode 100644
index 000000000..5dab0ca25
--- /dev/null
+++ b/www/src/components/core/color-slider.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-slider";
\ No newline at end of file
diff --git a/www/src/components/core/color-swatch.tsx b/www/src/components/core/color-swatch.tsx
new file mode 100644
index 000000000..9d96bb2cb
--- /dev/null
+++ b/www/src/components/core/color-swatch.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-swatch";
\ No newline at end of file
diff --git a/www/src/components/core/color-thumb.tsx b/www/src/components/core/color-thumb.tsx
new file mode 100644
index 000000000..7d00885d7
--- /dev/null
+++ b/www/src/components/core/color-thumb.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-thumb";
\ No newline at end of file
diff --git a/www/src/components/core/combobox.tsx b/www/src/components/core/combobox.tsx
new file mode 100644
index 000000000..7b249ffd4
--- /dev/null
+++ b/www/src/components/core/combobox.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/combobox";
\ No newline at end of file
diff --git a/www/src/components/core/command.tsx b/www/src/components/core/command.tsx
new file mode 100644
index 000000000..3bda91274
--- /dev/null
+++ b/www/src/components/core/command.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/command";
\ No newline at end of file
diff --git a/www/src/components/core/contextual-help.tsx b/www/src/components/core/contextual-help.tsx
new file mode 100644
index 000000000..9de762845
--- /dev/null
+++ b/www/src/components/core/contextual-help.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/contextual-help";
\ No newline at end of file
diff --git a/www/src/components/core/date-field.tsx b/www/src/components/core/date-field.tsx
new file mode 100644
index 000000000..36022626b
--- /dev/null
+++ b/www/src/components/core/date-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/date-field";
\ No newline at end of file
diff --git a/www/src/components/core/date-input.tsx b/www/src/components/core/date-input.tsx
new file mode 100644
index 000000000..dae089437
--- /dev/null
+++ b/www/src/components/core/date-input.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/date-input";
\ No newline at end of file
diff --git a/www/src/components/core/date-picker.tsx b/www/src/components/core/date-picker.tsx
new file mode 100644
index 000000000..e38595f40
--- /dev/null
+++ b/www/src/components/core/date-picker.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/date-picker";
\ No newline at end of file
diff --git a/www/src/components/core/date-range-picker.tsx b/www/src/components/core/date-range-picker.tsx
new file mode 100644
index 000000000..5dbdb8baa
--- /dev/null
+++ b/www/src/components/core/date-range-picker.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/date-range-picker";
\ No newline at end of file
diff --git a/www/src/components/core/dialog.tsx b/www/src/components/core/dialog.tsx
new file mode 100644
index 000000000..e2252d29c
--- /dev/null
+++ b/www/src/components/core/dialog.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/dialog";
\ No newline at end of file
diff --git a/www/src/components/core/drop-zone.tsx b/www/src/components/core/drop-zone.tsx
new file mode 100644
index 000000000..3afc5c56a
--- /dev/null
+++ b/www/src/components/core/drop-zone.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/drop-zone";
\ No newline at end of file
diff --git a/www/src/components/core/field.tsx b/www/src/components/core/field.tsx
new file mode 100644
index 000000000..02adc46d0
--- /dev/null
+++ b/www/src/components/core/field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/field";
\ No newline at end of file
diff --git a/www/src/components/core/file-trigger.tsx b/www/src/components/core/file-trigger.tsx
new file mode 100644
index 000000000..7acc11778
--- /dev/null
+++ b/www/src/components/core/file-trigger.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/file-trigger";
\ No newline at end of file
diff --git a/www/src/components/core/form.tsx b/www/src/components/core/form.tsx
new file mode 100644
index 000000000..ff84214fb
--- /dev/null
+++ b/www/src/components/core/form.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/form";
\ No newline at end of file
diff --git a/www/src/components/core/group.tsx b/www/src/components/core/group.tsx
new file mode 100644
index 000000000..ab2839e3d
--- /dev/null
+++ b/www/src/components/core/group.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/group";
\ No newline at end of file
diff --git a/www/src/components/core/heading.tsx b/www/src/components/core/heading.tsx
new file mode 100644
index 000000000..23ad1cdb9
--- /dev/null
+++ b/www/src/components/core/heading.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/heading";
\ No newline at end of file
diff --git a/www/src/components/core/input.tsx b/www/src/components/core/input.tsx
new file mode 100644
index 000000000..e647ddec7
--- /dev/null
+++ b/www/src/components/core/input.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/input";
\ No newline at end of file
diff --git a/www/src/components/core/kbd.tsx b/www/src/components/core/kbd.tsx
new file mode 100644
index 000000000..3fc24ef6c
--- /dev/null
+++ b/www/src/components/core/kbd.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/kbd";
\ No newline at end of file
diff --git a/www/src/components/core/link.tsx b/www/src/components/core/link.tsx
new file mode 100644
index 000000000..69b9029ee
--- /dev/null
+++ b/www/src/components/core/link.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/link";
\ No newline at end of file
diff --git a/www/src/components/core/list-box.tsx b/www/src/components/core/list-box.tsx
new file mode 100644
index 000000000..b73fa9873
--- /dev/null
+++ b/www/src/components/core/list-box.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/list-box";
\ No newline at end of file
diff --git a/www/src/components/core/menu.tsx b/www/src/components/core/menu.tsx
new file mode 100644
index 000000000..72db5019c
--- /dev/null
+++ b/www/src/components/core/menu.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/menu";
\ No newline at end of file
diff --git a/www/src/components/core/number-field.tsx b/www/src/components/core/number-field.tsx
new file mode 100644
index 000000000..ae41820f8
--- /dev/null
+++ b/www/src/components/core/number-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/number-field";
\ No newline at end of file
diff --git a/www/src/components/core/overlay.tsx b/www/src/components/core/overlay.tsx
new file mode 100644
index 000000000..1f879f973
--- /dev/null
+++ b/www/src/components/core/overlay.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/overlay";
\ No newline at end of file
diff --git a/www/src/components/core/progress.tsx b/www/src/components/core/progress.tsx
new file mode 100644
index 000000000..a9f1e7dd5
--- /dev/null
+++ b/www/src/components/core/progress.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/progress";
\ No newline at end of file
diff --git a/www/src/components/core/radio-group.tsx b/www/src/components/core/radio-group.tsx
new file mode 100644
index 000000000..f2140ac5e
--- /dev/null
+++ b/www/src/components/core/radio-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/radio-group";
\ No newline at end of file
diff --git a/www/src/components/core/range-calendar.tsx b/www/src/components/core/range-calendar.tsx
new file mode 100644
index 000000000..cca9d170c
--- /dev/null
+++ b/www/src/components/core/range-calendar.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/range-calendar";
\ No newline at end of file
diff --git a/www/src/components/core/resizable.tsx b/www/src/components/core/resizable.tsx
new file mode 100644
index 000000000..e84771023
--- /dev/null
+++ b/www/src/components/core/resizable.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/resizable";
\ No newline at end of file
diff --git a/www/src/components/core/scroll-area.tsx b/www/src/components/core/scroll-area.tsx
new file mode 100644
index 000000000..31b563923
--- /dev/null
+++ b/www/src/components/core/scroll-area.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/scroll-area";
\ No newline at end of file
diff --git a/www/src/components/core/search-field.tsx b/www/src/components/core/search-field.tsx
new file mode 100644
index 000000000..1e87397c3
--- /dev/null
+++ b/www/src/components/core/search-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/search-field";
\ No newline at end of file
diff --git a/www/src/components/core/section.tsx b/www/src/components/core/section.tsx
new file mode 100644
index 000000000..bf1e28564
--- /dev/null
+++ b/www/src/components/core/section.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/section";
\ No newline at end of file
diff --git a/www/src/components/core/select.tsx b/www/src/components/core/select.tsx
new file mode 100644
index 000000000..6d00a950d
--- /dev/null
+++ b/www/src/components/core/select.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/select";
\ No newline at end of file
diff --git a/www/src/components/core/separator.tsx b/www/src/components/core/separator.tsx
new file mode 100644
index 000000000..0e4c9194e
--- /dev/null
+++ b/www/src/components/core/separator.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/separator";
\ No newline at end of file
diff --git a/www/src/components/core/skeleton.tsx b/www/src/components/core/skeleton.tsx
new file mode 100644
index 000000000..9983c3980
--- /dev/null
+++ b/www/src/components/core/skeleton.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/skeleton";
\ No newline at end of file
diff --git a/www/src/components/core/slider.tsx b/www/src/components/core/slider.tsx
new file mode 100644
index 000000000..e909aee8c
--- /dev/null
+++ b/www/src/components/core/slider.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/slider";
\ No newline at end of file
diff --git a/www/src/components/core/switch.tsx b/www/src/components/core/switch.tsx
new file mode 100644
index 000000000..51d287da4
--- /dev/null
+++ b/www/src/components/core/switch.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/switch";
\ No newline at end of file
diff --git a/www/src/components/core/table.tsx b/www/src/components/core/table.tsx
new file mode 100644
index 000000000..45d54f634
--- /dev/null
+++ b/www/src/components/core/table.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/table";
\ No newline at end of file
diff --git a/www/src/components/core/tabs.tsx b/www/src/components/core/tabs.tsx
new file mode 100644
index 000000000..8059ee98c
--- /dev/null
+++ b/www/src/components/core/tabs.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/tabs";
\ No newline at end of file
diff --git a/www/src/components/core/tag-group.tsx b/www/src/components/core/tag-group.tsx
new file mode 100644
index 000000000..835821dd9
--- /dev/null
+++ b/www/src/components/core/tag-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/tag-group";
\ No newline at end of file
diff --git a/www/src/components/core/text-area.tsx b/www/src/components/core/text-area.tsx
new file mode 100644
index 000000000..5c9b85cbb
--- /dev/null
+++ b/www/src/components/core/text-area.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/text-area";
\ No newline at end of file
diff --git a/www/src/components/core/text-field.tsx b/www/src/components/core/text-field.tsx
new file mode 100644
index 000000000..de9486ed4
--- /dev/null
+++ b/www/src/components/core/text-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/text-field";
\ No newline at end of file
diff --git a/www/src/components/core/text.tsx b/www/src/components/core/text.tsx
new file mode 100644
index 000000000..ce9552d80
--- /dev/null
+++ b/www/src/components/core/text.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/text";
\ No newline at end of file
diff --git a/www/src/components/core/time-field.tsx b/www/src/components/core/time-field.tsx
new file mode 100644
index 000000000..f6d037617
--- /dev/null
+++ b/www/src/components/core/time-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/time-field";
\ No newline at end of file
diff --git a/www/src/components/core/toggle-button.tsx b/www/src/components/core/toggle-button.tsx
new file mode 100644
index 000000000..cf321b434
--- /dev/null
+++ b/www/src/components/core/toggle-button.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/toggle-button";
\ No newline at end of file
diff --git a/www/src/components/core/toggle-group.tsx b/www/src/components/core/toggle-group.tsx
new file mode 100644
index 000000000..4f948cd45
--- /dev/null
+++ b/www/src/components/core/toggle-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/toggle-group";
\ No newline at end of file
diff --git a/www/src/components/core/tooltip.tsx b/www/src/components/core/tooltip.tsx
new file mode 100644
index 000000000..c5713bf6e
--- /dev/null
+++ b/www/src/components/core/tooltip.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/tooltip";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
new file mode 100644
index 000000000..153bf627d
--- /dev/null
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/alert";
diff --git a/www/src/components/dynamic-core/aspect-ratio.tsx b/www/src/components/dynamic-core/aspect-ratio.tsx
new file mode 100644
index 000000000..841c17d64
--- /dev/null
+++ b/www/src/components/dynamic-core/aspect-ratio.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/aspect-ratio";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/avatar.tsx b/www/src/components/dynamic-core/avatar.tsx
new file mode 100644
index 000000000..e6ac7eb0f
--- /dev/null
+++ b/www/src/components/dynamic-core/avatar.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/avatar";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/badge.tsx b/www/src/components/dynamic-core/badge.tsx
new file mode 100644
index 000000000..b35933dcd
--- /dev/null
+++ b/www/src/components/dynamic-core/badge.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/badge";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
new file mode 100644
index 000000000..141be27d4
--- /dev/null
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/breadcrumbs";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
new file mode 100644
index 000000000..033fc85b0
--- /dev/null
+++ b/www/src/components/dynamic-core/button.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/button";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
new file mode 100644
index 000000000..20c125fd8
--- /dev/null
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/calendar";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/checkbox-group.tsx b/www/src/components/dynamic-core/checkbox-group.tsx
new file mode 100644
index 000000000..6b91ebd49
--- /dev/null
+++ b/www/src/components/dynamic-core/checkbox-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/checkbox-group";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/checkbox.tsx b/www/src/components/dynamic-core/checkbox.tsx
new file mode 100644
index 000000000..6288ee73d
--- /dev/null
+++ b/www/src/components/dynamic-core/checkbox.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/checkbox";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/collapsible.tsx b/www/src/components/dynamic-core/collapsible.tsx
new file mode 100644
index 000000000..174387790
--- /dev/null
+++ b/www/src/components/dynamic-core/collapsible.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/collapsible";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-area.tsx b/www/src/components/dynamic-core/color-area.tsx
new file mode 100644
index 000000000..eb948dcad
--- /dev/null
+++ b/www/src/components/dynamic-core/color-area.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-area";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-field.tsx b/www/src/components/dynamic-core/color-field.tsx
new file mode 100644
index 000000000..e8484f59d
--- /dev/null
+++ b/www/src/components/dynamic-core/color-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-field";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-picker.tsx b/www/src/components/dynamic-core/color-picker.tsx
new file mode 100644
index 000000000..305706cf8
--- /dev/null
+++ b/www/src/components/dynamic-core/color-picker.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-picker";
diff --git a/www/src/components/dynamic-core/color-slider.tsx b/www/src/components/dynamic-core/color-slider.tsx
new file mode 100644
index 000000000..5dab0ca25
--- /dev/null
+++ b/www/src/components/dynamic-core/color-slider.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-slider";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-swatch.tsx b/www/src/components/dynamic-core/color-swatch.tsx
new file mode 100644
index 000000000..9d96bb2cb
--- /dev/null
+++ b/www/src/components/dynamic-core/color-swatch.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-swatch";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-thumb.tsx b/www/src/components/dynamic-core/color-thumb.tsx
new file mode 100644
index 000000000..7d00885d7
--- /dev/null
+++ b/www/src/components/dynamic-core/color-thumb.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/color-thumb";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/combobox.tsx b/www/src/components/dynamic-core/combobox.tsx
new file mode 100644
index 000000000..7b249ffd4
--- /dev/null
+++ b/www/src/components/dynamic-core/combobox.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/combobox";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/command.tsx b/www/src/components/dynamic-core/command.tsx
new file mode 100644
index 000000000..3bda91274
--- /dev/null
+++ b/www/src/components/dynamic-core/command.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/command";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/contextual-help.tsx b/www/src/components/dynamic-core/contextual-help.tsx
new file mode 100644
index 000000000..9de762845
--- /dev/null
+++ b/www/src/components/dynamic-core/contextual-help.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/contextual-help";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/date-field.tsx b/www/src/components/dynamic-core/date-field.tsx
new file mode 100644
index 000000000..36022626b
--- /dev/null
+++ b/www/src/components/dynamic-core/date-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/date-field";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/date-input.tsx b/www/src/components/dynamic-core/date-input.tsx
new file mode 100644
index 000000000..dae089437
--- /dev/null
+++ b/www/src/components/dynamic-core/date-input.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/date-input";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/date-picker.tsx b/www/src/components/dynamic-core/date-picker.tsx
new file mode 100644
index 000000000..e38595f40
--- /dev/null
+++ b/www/src/components/dynamic-core/date-picker.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/date-picker";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/date-range-picker.tsx b/www/src/components/dynamic-core/date-range-picker.tsx
new file mode 100644
index 000000000..5dbdb8baa
--- /dev/null
+++ b/www/src/components/dynamic-core/date-range-picker.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/date-range-picker";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/dialog.tsx b/www/src/components/dynamic-core/dialog.tsx
new file mode 100644
index 000000000..e2252d29c
--- /dev/null
+++ b/www/src/components/dynamic-core/dialog.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/dialog";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/drop-zone.tsx b/www/src/components/dynamic-core/drop-zone.tsx
new file mode 100644
index 000000000..3afc5c56a
--- /dev/null
+++ b/www/src/components/dynamic-core/drop-zone.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/drop-zone";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/field.tsx b/www/src/components/dynamic-core/field.tsx
new file mode 100644
index 000000000..02adc46d0
--- /dev/null
+++ b/www/src/components/dynamic-core/field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/field";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/file-trigger.tsx b/www/src/components/dynamic-core/file-trigger.tsx
new file mode 100644
index 000000000..7acc11778
--- /dev/null
+++ b/www/src/components/dynamic-core/file-trigger.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/file-trigger";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/form.tsx b/www/src/components/dynamic-core/form.tsx
new file mode 100644
index 000000000..ff84214fb
--- /dev/null
+++ b/www/src/components/dynamic-core/form.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/form";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/group.tsx b/www/src/components/dynamic-core/group.tsx
new file mode 100644
index 000000000..ab2839e3d
--- /dev/null
+++ b/www/src/components/dynamic-core/group.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/group";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/heading.tsx b/www/src/components/dynamic-core/heading.tsx
new file mode 100644
index 000000000..23ad1cdb9
--- /dev/null
+++ b/www/src/components/dynamic-core/heading.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/heading";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/input.tsx b/www/src/components/dynamic-core/input.tsx
new file mode 100644
index 000000000..e647ddec7
--- /dev/null
+++ b/www/src/components/dynamic-core/input.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/input";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/kbd.tsx b/www/src/components/dynamic-core/kbd.tsx
new file mode 100644
index 000000000..3fc24ef6c
--- /dev/null
+++ b/www/src/components/dynamic-core/kbd.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/kbd";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/link.tsx b/www/src/components/dynamic-core/link.tsx
new file mode 100644
index 000000000..69b9029ee
--- /dev/null
+++ b/www/src/components/dynamic-core/link.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/link";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/list-box.tsx b/www/src/components/dynamic-core/list-box.tsx
new file mode 100644
index 000000000..b73fa9873
--- /dev/null
+++ b/www/src/components/dynamic-core/list-box.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/list-box";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/menu.tsx b/www/src/components/dynamic-core/menu.tsx
new file mode 100644
index 000000000..72db5019c
--- /dev/null
+++ b/www/src/components/dynamic-core/menu.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/menu";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/number-field.tsx b/www/src/components/dynamic-core/number-field.tsx
new file mode 100644
index 000000000..ae41820f8
--- /dev/null
+++ b/www/src/components/dynamic-core/number-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/number-field";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/overlay.tsx b/www/src/components/dynamic-core/overlay.tsx
new file mode 100644
index 000000000..1f879f973
--- /dev/null
+++ b/www/src/components/dynamic-core/overlay.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/overlay";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/progress.tsx b/www/src/components/dynamic-core/progress.tsx
new file mode 100644
index 000000000..a9f1e7dd5
--- /dev/null
+++ b/www/src/components/dynamic-core/progress.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/progress";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/radio-group.tsx b/www/src/components/dynamic-core/radio-group.tsx
new file mode 100644
index 000000000..f2140ac5e
--- /dev/null
+++ b/www/src/components/dynamic-core/radio-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/radio-group";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/range-calendar.tsx b/www/src/components/dynamic-core/range-calendar.tsx
new file mode 100644
index 000000000..cca9d170c
--- /dev/null
+++ b/www/src/components/dynamic-core/range-calendar.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/range-calendar";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/resizable.tsx b/www/src/components/dynamic-core/resizable.tsx
new file mode 100644
index 000000000..e84771023
--- /dev/null
+++ b/www/src/components/dynamic-core/resizable.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/resizable";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/scroll-area.tsx b/www/src/components/dynamic-core/scroll-area.tsx
new file mode 100644
index 000000000..31b563923
--- /dev/null
+++ b/www/src/components/dynamic-core/scroll-area.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/scroll-area";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/search-field.tsx b/www/src/components/dynamic-core/search-field.tsx
new file mode 100644
index 000000000..1e87397c3
--- /dev/null
+++ b/www/src/components/dynamic-core/search-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/search-field";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/section.tsx b/www/src/components/dynamic-core/section.tsx
new file mode 100644
index 000000000..bf1e28564
--- /dev/null
+++ b/www/src/components/dynamic-core/section.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/section";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/select.tsx b/www/src/components/dynamic-core/select.tsx
new file mode 100644
index 000000000..6d00a950d
--- /dev/null
+++ b/www/src/components/dynamic-core/select.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/select";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/separator.tsx b/www/src/components/dynamic-core/separator.tsx
new file mode 100644
index 000000000..0e4c9194e
--- /dev/null
+++ b/www/src/components/dynamic-core/separator.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/separator";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/skeleton.tsx b/www/src/components/dynamic-core/skeleton.tsx
new file mode 100644
index 000000000..9983c3980
--- /dev/null
+++ b/www/src/components/dynamic-core/skeleton.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/skeleton";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/slider.tsx b/www/src/components/dynamic-core/slider.tsx
new file mode 100644
index 000000000..e909aee8c
--- /dev/null
+++ b/www/src/components/dynamic-core/slider.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/slider";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/switch.tsx b/www/src/components/dynamic-core/switch.tsx
new file mode 100644
index 000000000..51d287da4
--- /dev/null
+++ b/www/src/components/dynamic-core/switch.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/switch";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/table.tsx b/www/src/components/dynamic-core/table.tsx
new file mode 100644
index 000000000..45d54f634
--- /dev/null
+++ b/www/src/components/dynamic-core/table.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/table";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
new file mode 100644
index 000000000..8059ee98c
--- /dev/null
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/tabs";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/tag-group.tsx b/www/src/components/dynamic-core/tag-group.tsx
new file mode 100644
index 000000000..835821dd9
--- /dev/null
+++ b/www/src/components/dynamic-core/tag-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/tag-group";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/text-area.tsx b/www/src/components/dynamic-core/text-area.tsx
new file mode 100644
index 000000000..5c9b85cbb
--- /dev/null
+++ b/www/src/components/dynamic-core/text-area.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/text-area";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/text-field.tsx b/www/src/components/dynamic-core/text-field.tsx
new file mode 100644
index 000000000..de9486ed4
--- /dev/null
+++ b/www/src/components/dynamic-core/text-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/text-field";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/text.tsx b/www/src/components/dynamic-core/text.tsx
new file mode 100644
index 000000000..ce9552d80
--- /dev/null
+++ b/www/src/components/dynamic-core/text.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/text";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/time-field.tsx b/www/src/components/dynamic-core/time-field.tsx
new file mode 100644
index 000000000..f6d037617
--- /dev/null
+++ b/www/src/components/dynamic-core/time-field.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/time-field";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/toggle-button.tsx b/www/src/components/dynamic-core/toggle-button.tsx
new file mode 100644
index 000000000..cf321b434
--- /dev/null
+++ b/www/src/components/dynamic-core/toggle-button.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/toggle-button";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/toggle-group.tsx b/www/src/components/dynamic-core/toggle-group.tsx
new file mode 100644
index 000000000..4f948cd45
--- /dev/null
+++ b/www/src/components/dynamic-core/toggle-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/toggle-group";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
new file mode 100644
index 000000000..c5713bf6e
--- /dev/null
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -0,0 +1 @@
+export * from "@/registry-v2/core/tooltip";
\ No newline at end of file
diff --git a/www/src/components/mdx/install-tabs.tsx b/www/src/components/install-tabs.tsx
similarity index 100%
rename from www/src/components/mdx/install-tabs.tsx
rename to www/src/components/install-tabs.tsx
diff --git a/www/src/components/mdx/mdx-components.tsx b/www/src/components/mdx-components.tsx
similarity index 98%
rename from www/src/components/mdx/mdx-components.tsx
rename to www/src/components/mdx-components.tsx
index 92cc9e207..c50cb7348 100644
--- a/www/src/components/mdx/mdx-components.tsx
+++ b/www/src/components/mdx-components.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { ArrowUpRight, ArrowUpRightIcon, ExternalLinkIcon } from "lucide-react";
+import { ArrowUpRightIcon } from "lucide-react";
 import { MDXComponents } from "mdx/types";
 import { Alert, AlertProps } from "@/registry/ui/default/core/alert";
 import { Badge, BadgeProps } from "@/registry/ui/default/core/badge";
@@ -7,7 +7,7 @@ import { LinkProps, Link as NavLink } from "@/registry/ui/default/core/link";
 import { cn } from "@/registry/ui/default/lib/cn";
 import { BadgePalette } from "./badge-palette";
 import { Choice, Choices, ChoicesProps } from "./choices";
-import { Pre } from "./code-block";
+import { Pre } from "./code-block-mdx";
 import {
   ComponentPreview,
   type ComponentPreviewProps,
diff --git a/www/src/components/mdx/palette.tsx b/www/src/components/palette.tsx
similarity index 100%
rename from www/src/components/mdx/palette.tsx
rename to www/src/components/palette.tsx
diff --git a/www/src/components/mdx/tabs.tsx b/www/src/components/tabs.tsx
similarity index 100%
rename from www/src/components/mdx/tabs.tsx
rename to www/src/components/tabs.tsx
diff --git a/www/src/demos/alert/action.tsx b/www/src/demos/alert/action.tsx
new file mode 100644
index 000000000..9f5134dd5
--- /dev/null
+++ b/www/src/demos/alert/action.tsx
@@ -0,0 +1,16 @@
+import { Alert } from "@/registry/ui/default/core/alert";
+import { Button } from "@/registry/ui/default/core/button";
+
+export default function AlertDemo() {
+  return (
+    <Alert
+      action={
+        <Button variant="primary" size="sm">
+          Upgrade
+        </Button>
+      }
+    >
+      You are currently on the free plan. Upgrade to unlock more features.
+    </Alert>
+  );
+}
diff --git a/www/src/demos/alert/composition.tsx b/www/src/demos/alert/composition.tsx
new file mode 100644
index 000000000..2dd8c8245
--- /dev/null
+++ b/www/src/demos/alert/composition.tsx
@@ -0,0 +1,24 @@
+import {
+  AlertContent,
+  AlertRoot,
+  AlertTitle,
+} from "@/registry/ui/default/core/alert";
+import { Button } from "@/registry/ui/default/core/button";
+import { WalletIcon } from "@/__icons__";
+
+export default function AlertDemo() {
+  return (
+    <AlertRoot>
+      <WalletIcon />
+      <div className="flex-1">
+        <AlertTitle>Payment Information</AlertTitle>
+        <AlertContent>
+          Enter your payment method to complete your purchase.
+        </AlertContent>
+      </div>
+      <Button variant="primary" size="sm">
+        Upgrade
+      </Button>
+    </AlertRoot>
+  );
+}
diff --git a/www/src/demos/alert/content.tsx b/www/src/demos/alert/content.tsx
new file mode 100644
index 000000000..e8e4c1cba
--- /dev/null
+++ b/www/src/demos/alert/content.tsx
@@ -0,0 +1,9 @@
+import { Alert } from "@/registry/ui/default/core/alert";
+
+export default function AlertDemo() {
+  return (
+    <Alert title="Payment Information">
+      Enter your payment method to complete your purchase.
+    </Alert>
+  );
+}
diff --git a/www/src/demos/alert/custom-icon.tsx b/www/src/demos/alert/custom-icon.tsx
new file mode 100644
index 000000000..252fdc834
--- /dev/null
+++ b/www/src/demos/alert/custom-icon.tsx
@@ -0,0 +1,6 @@
+import { Alert } from "@/registry/ui/default/core/alert";
+import { GlobeIcon } from "@/__icons__";
+
+export default function AlertDemo() {
+  return <Alert icon={<GlobeIcon />}>Hello world!</Alert>;
+}
diff --git a/www/src/demos/alert/default.tsx b/www/src/demos/alert/default.tsx
new file mode 100644
index 000000000..0816978d3
--- /dev/null
+++ b/www/src/demos/alert/default.tsx
@@ -0,0 +1,5 @@
+import { Alert } from "@/registry/ui/default/core/alert";
+
+export default function AlertDemo() {
+  return <Alert>You can add components to your app using the cli.</Alert>;
+}
diff --git a/www/src/demos/alert/title.tsx b/www/src/demos/alert/title.tsx
new file mode 100644
index 000000000..adcd36cc1
--- /dev/null
+++ b/www/src/demos/alert/title.tsx
@@ -0,0 +1,7 @@
+import { Alert } from "@/registry/ui/default/core/alert";
+
+export default function AlertDemo() {
+  return (
+    <Alert variant="warning" fill title="Your account has been suspended." />
+  );
+}
diff --git a/www/src/demos/alert/variants.tsx b/www/src/demos/alert/variants.tsx
new file mode 100644
index 000000000..b4861f708
--- /dev/null
+++ b/www/src/demos/alert/variants.tsx
@@ -0,0 +1,35 @@
+"use client";
+
+import React from "react";
+import { Alert, type AlertProps } from "@/registry/ui/default/core/alert";
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { Switch } from "@/registry/ui/default/core/switch";
+
+type Variant = AlertProps["variant"];
+
+export default function Demo() {
+  const [variant, setVariant] = React.useState<Variant>("default");
+  const [fill, setFill] = React.useState(true);
+
+  return (
+    <div className="flex items-center gap-8">
+      <Alert variant={variant} fill={fill}>
+        You can add components to your app using the cli.
+      </Alert>
+      <Switch isSelected={fill} onChange={setFill}>
+        Fill
+      </Switch>
+      <RadioGroup
+        label="Variant"
+        value={variant}
+        onChange={(newVal) => setVariant(newVal as Variant)}
+      >
+        <Radio value="default">Default</Radio>
+        <Radio value="success">Success</Radio>
+        <Radio value="danger">Danger</Radio>
+        <Radio value="warning">Warning</Radio>
+        <Radio value="info">Info</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/demos/avatar/composition.tsx b/www/src/demos/avatar/composition.tsx
new file mode 100644
index 000000000..592b7bd92
--- /dev/null
+++ b/www/src/demos/avatar/composition.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+import {
+  AvatarRoot,
+  AvatarImage,
+  AvatarFallback,
+  AvatarPlaceholder,
+} from "@/registry/ui/default/core/avatar";
+import { UserIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <AvatarRoot>
+      <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+      <AvatarFallback>M</AvatarFallback>
+      <AvatarPlaceholder>
+        <UserIcon className="size-5" />
+      </AvatarPlaceholder>
+    </AvatarRoot>
+  );
+}
diff --git a/www/src/demos/avatar/default.tsx b/www/src/demos/avatar/default.tsx
new file mode 100644
index 000000000..4a23539fa
--- /dev/null
+++ b/www/src/demos/avatar/default.tsx
@@ -0,0 +1,11 @@
+import { Avatar } from "@/registry/ui/default/core/avatar";
+
+export default function Demo() {
+  return (
+    <Avatar
+      src="https://github.com/mehdibha.png"
+      alt="@mehdibha"
+      fallback="M"
+    />
+  );
+}
diff --git a/www/src/demos/avatar/shape.tsx b/www/src/demos/avatar/shape.tsx
new file mode 100644
index 000000000..571a02408
--- /dev/null
+++ b/www/src/demos/avatar/shape.tsx
@@ -0,0 +1,20 @@
+import { Avatar } from "@/registry/ui/default/core/avatar";
+
+export default function Demo() {
+  return (
+    <div className="space-x-4">
+      <Avatar
+        src="https://github.com/mehdibha.png"
+        alt="@mehdibha"
+        fallback="M"
+        shape="square"
+      />
+      <Avatar
+        src="https://github.com/mehdibha.png"
+        alt="@mehdibha"
+        fallback="M"
+        shape="circle"
+      />
+    </div>
+  );
+}
diff --git a/www/src/demos/avatar/sizes.tsx b/www/src/demos/avatar/sizes.tsx
new file mode 100644
index 000000000..6fb96344e
--- /dev/null
+++ b/www/src/demos/avatar/sizes.tsx
@@ -0,0 +1,17 @@
+import { Avatar } from "@/registry/ui/default/core/avatar";
+
+export default function Demo() {
+  return (
+    <div className="space-x-4">
+      {(["sm", "md", "lg"] as const).map((size) => (
+        <Avatar
+          key={size}
+          size={size}
+          src="https://github.com/mehdibha.png"
+          alt="@mehdibha"
+          fallback="M"
+        />
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/demos/breadcrumbs/basic.tsx b/www/src/demos/breadcrumbs/basic.tsx
new file mode 100644
index 000000000..87f0f4507
--- /dev/null
+++ b/www/src/demos/breadcrumbs/basic.tsx
@@ -0,0 +1,14 @@
+import {
+  Breadcrumbs,
+  Breadcrumb,
+} from "@/registry/ui/default/core/breadcrumbs";
+
+export default function Demo() {
+  return (
+    <Breadcrumbs>
+      <Breadcrumb href="#">Home</Breadcrumb>
+      <Breadcrumb href="#">Components</Breadcrumb>
+      <Breadcrumb href="#">Breadcrumbs</Breadcrumb>
+    </Breadcrumbs>
+  );
+}
diff --git a/www/src/demos/breadcrumbs/composition.tsx b/www/src/demos/breadcrumbs/composition.tsx
new file mode 100644
index 000000000..65ba74e54
--- /dev/null
+++ b/www/src/demos/breadcrumbs/composition.tsx
@@ -0,0 +1,25 @@
+import {
+  Breadcrumbs,
+  BreadcrumbItem,
+  BreadcrumbLink,
+} from "@/registry/ui/default/core/breadcrumbs";
+import { ChevronRightCircleIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Breadcrumbs>
+      <BreadcrumbItem>
+        <BreadcrumbLink href="#">Home</BreadcrumbLink>
+        <ChevronRightCircleIcon />
+      </BreadcrumbItem>
+      <BreadcrumbItem>
+        <BreadcrumbLink href="#">Components</BreadcrumbLink>
+        <ChevronRightCircleIcon />
+      </BreadcrumbItem>
+      <BreadcrumbItem>
+        <BreadcrumbLink>Breadcrumbs</BreadcrumbLink>
+        <ChevronRightCircleIcon />
+      </BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}
diff --git a/www/src/demos/breadcrumbs/disabled.tsx b/www/src/demos/breadcrumbs/disabled.tsx
new file mode 100644
index 000000000..ceade165d
--- /dev/null
+++ b/www/src/demos/breadcrumbs/disabled.tsx
@@ -0,0 +1,14 @@
+import {
+  Breadcrumbs,
+  Breadcrumb,
+} from "@/registry/ui/default/core/breadcrumbs";
+
+export default function Demo() {
+  return (
+    <Breadcrumbs isDisabled>
+      <Breadcrumb href="#">Home</Breadcrumb>
+      <Breadcrumb href="#">Components</Breadcrumb>
+      <Breadcrumb>Breadcrumbs</Breadcrumb>
+    </Breadcrumbs>
+  );
+}
diff --git a/www/src/demos/breadcrumbs/icon.tsx b/www/src/demos/breadcrumbs/icon.tsx
new file mode 100644
index 000000000..c717f6c75
--- /dev/null
+++ b/www/src/demos/breadcrumbs/icon.tsx
@@ -0,0 +1,18 @@
+import {
+  Breadcrumbs,
+  Breadcrumb,
+} from "@/registry/ui/default/core/breadcrumbs";
+import { HomeIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Breadcrumbs>
+      <Breadcrumb href="#">
+        <HomeIcon />
+        Home
+      </Breadcrumb>
+      <Breadcrumb href="#">Components</Breadcrumb>
+      <Breadcrumb href="#">Breadcrumbs</Breadcrumb>
+    </Breadcrumbs>
+  );
+}
diff --git a/www/src/demos/breadcrumbs/router-integration.tsx b/www/src/demos/breadcrumbs/router-integration.tsx
new file mode 100644
index 000000000..5d416f698
--- /dev/null
+++ b/www/src/demos/breadcrumbs/router-integration.tsx
@@ -0,0 +1,24 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import {
+  Breadcrumbs,
+  Breadcrumb,
+} from "@/registry/ui/default/core/breadcrumbs";
+
+export default function Demo() {
+  const pathname = usePathname();
+  const pathnames = pathname.split("/").filter((x) => x);
+  return (
+    <Breadcrumbs>
+      {pathnames.map((elem, index) => {
+        const href = `/${pathnames.slice(0, index + 1).join("/")}`;
+        return (
+          <Breadcrumb key={elem} href={href} className="capitalize">
+            {elem}
+          </Breadcrumb>
+        );
+      })}
+    </Breadcrumbs>
+  );
+}
diff --git a/www/src/demos/button/default.tsx b/www/src/demos/button/default.tsx
new file mode 100644
index 000000000..160f80b1b
--- /dev/null
+++ b/www/src/demos/button/default.tsx
@@ -0,0 +1,5 @@
+import { Button } from "@/registry/ui/default/core/button";
+
+export default function Demo() {
+  return <Button>Button</Button>;
+}
diff --git a/www/src/demos/button/disabled.tsx b/www/src/demos/button/disabled.tsx
new file mode 100644
index 000000000..bab5f0c52
--- /dev/null
+++ b/www/src/demos/button/disabled.tsx
@@ -0,0 +1,5 @@
+import { Button } from "@/registry/ui/default/core/button";
+
+export default function Demo() {
+  return <Button isDisabled>Button</Button>;
+}
diff --git a/www/src/demos/button/link-button.tsx b/www/src/demos/button/link-button.tsx
new file mode 100644
index 000000000..8526bc3d4
--- /dev/null
+++ b/www/src/demos/button/link-button.tsx
@@ -0,0 +1,10 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { LogInIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Button href="/login" prefix={<LogInIcon />} target="_blank">
+      Login
+    </Button>
+  );
+}
diff --git a/www/src/demos/button/loading.tsx b/www/src/demos/button/loading.tsx
new file mode 100644
index 000000000..9ef76c62f
--- /dev/null
+++ b/www/src/demos/button/loading.tsx
@@ -0,0 +1,17 @@
+import { Button } from "@/registry/ui/default/core/button";
+
+export default function Demo() {
+  return (
+    <div className="flex w-full items-center justify-center gap-2">
+      <Button size="sm" isPending>
+        Button
+      </Button>
+      <Button size="md" isPending>
+        Button
+      </Button>
+      <Button size="lg" isPending>
+        Button
+      </Button>
+    </div>
+  );
+}
diff --git a/www/src/demos/button/prefix-and-suffix.tsx b/www/src/demos/button/prefix-and-suffix.tsx
new file mode 100644
index 000000000..3e0ff8762
--- /dev/null
+++ b/www/src/demos/button/prefix-and-suffix.tsx
@@ -0,0 +1,11 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-2">
+      <Button prefix={<UploadIcon />}>Upload</Button>
+      <Button suffix={<UploadIcon />}>Upload</Button>
+    </div>
+  );
+}
diff --git a/www/src/demos/button/shapes.tsx b/www/src/demos/button/shapes.tsx
new file mode 100644
index 000000000..905a3f3f9
--- /dev/null
+++ b/www/src/demos/button/shapes.tsx
@@ -0,0 +1,27 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center justify-center gap-4">
+      <Button size="sm" shape="square" aria-label="upload">
+        <UploadIcon />
+      </Button>
+      <Button size="md" shape="square" aria-label="upload">
+        <UploadIcon />
+      </Button>
+      <Button size="lg" shape="square" aria-label="upload">
+        <UploadIcon />
+      </Button>
+      <Button size="sm" shape="circle" aria-label="upload">
+        <UploadIcon />
+      </Button>
+      <Button size="md" shape="circle" aria-label="upload">
+        <UploadIcon />
+      </Button>
+      <Button size="lg" shape="circle" aria-label="upload">
+        <UploadIcon />
+      </Button>
+    </div>
+  );
+}
diff --git a/www/src/demos/button/sizes.tsx b/www/src/demos/button/sizes.tsx
new file mode 100644
index 000000000..489aa748f
--- /dev/null
+++ b/www/src/demos/button/sizes.tsx
@@ -0,0 +1,11 @@
+import { Button } from "@/registry/ui/default/core/button";
+
+export default function Demo() {
+  return (
+    <div className="flex w-full items-center justify-center gap-4">
+      <Button size="sm">Button</Button>
+      <Button size="md">Button</Button>
+      <Button size="lg">Button</Button>
+    </div>
+  );
+}
diff --git a/www/src/demos/button/variants.tsx b/www/src/demos/button/variants.tsx
new file mode 100644
index 000000000..8d9e7d1c5
--- /dev/null
+++ b/www/src/demos/button/variants.tsx
@@ -0,0 +1,24 @@
+import { Button } from "@/registry/ui/default/core/button";
+
+const variants = [
+  "default",
+  "primary",
+  "outline",
+  "quiet",
+  "success",
+  "warning",
+  "danger",
+  "accent",
+] as const;
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-4 gap-2">
+      {variants.map((variant) => (
+        <Button key={variant} variant={variant}>
+          {variant}
+        </Button>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/demos/calendar/composition.tsx b/www/src/demos/calendar/composition.tsx
new file mode 100644
index 000000000..8d7d78ef1
--- /dev/null
+++ b/www/src/demos/calendar/composition.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  CalendarRoot,
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+} from "@/registry/ui/default/core/calendar";
+import { Heading } from "@/registry/ui/default/core/heading";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <CalendarRoot>
+      <CalendarHeader>
+        <Button slot="previous" variant="outline" shape="square" size="sm">
+          <ChevronLeftIcon />
+        </Button>
+        <Heading className="text-sm" />
+        <Button slot="next" variant="outline" shape="square" size="sm">
+          <ChevronRightIcon />
+        </Button>
+      </CalendarHeader>
+      <CalendarGrid>
+        <CalendarGridHeader>
+          {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+        </CalendarGridHeader>
+        <CalendarGridBody>
+          {(date) => <CalendarCell date={date} />}
+        </CalendarGridBody>
+      </CalendarGrid>
+    </CalendarRoot>
+  );
+}
diff --git a/www/src/demos/calendar/controlled.tsx b/www/src/demos/calendar/controlled.tsx
new file mode 100644
index 000000000..15a8fc735
--- /dev/null
+++ b/www/src/demos/calendar/controlled.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { useDateFormatter } from "react-aria";
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(today(getLocalTimeZone()));
+  const formatter = useDateFormatter({ dateStyle: "full" });
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <Calendar
+        aria-label="Date (controlled)"
+        value={value}
+        onChange={setValue}
+      />
+      <p className="text-fg-muted text-sm">
+        Selected date: {formatter.format(value.toDate(getLocalTimeZone()))}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/calendar/default.tsx b/www/src/demos/calendar/default.tsx
new file mode 100644
index 000000000..3cbe4fe5f
--- /dev/null
+++ b/www/src/demos/calendar/default.tsx
@@ -0,0 +1,5 @@
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  return <Calendar />;
+}
diff --git a/www/src/demos/calendar/disabled.tsx b/www/src/demos/calendar/disabled.tsx
new file mode 100644
index 000000000..8592e422a
--- /dev/null
+++ b/www/src/demos/calendar/disabled.tsx
@@ -0,0 +1,5 @@
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  return <Calendar aria-label="Appointment date" isDisabled />;
+}
diff --git a/www/src/demos/calendar/error-message.tsx b/www/src/demos/calendar/error-message.tsx
new file mode 100644
index 000000000..9d41ef0f1
--- /dev/null
+++ b/www/src/demos/calendar/error-message.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { today, isWeekend, getLocalTimeZone } from "@internationalized/date";
+import { useLocale } from "react-aria";
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  const [date, setDate] = React.useState(today(getLocalTimeZone()));
+  const { locale } = useLocale();
+  const isInvalid = isWeekend(date, locale);
+  return (
+    <Calendar
+      value={date}
+      onChange={setDate}
+      isInvalid={isInvalid}
+      errorMessage={"We are closed on weekends"}
+    />
+  );
+}
diff --git a/www/src/demos/calendar/label.tsx b/www/src/demos/calendar/label.tsx
new file mode 100644
index 000000000..e2daec1f6
--- /dev/null
+++ b/www/src/demos/calendar/label.tsx
@@ -0,0 +1,5 @@
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  return <Calendar aria-label="Event date" />;
+}
diff --git a/www/src/demos/calendar/page-behaviour.tsx b/www/src/demos/calendar/page-behaviour.tsx
new file mode 100644
index 000000000..c2fcc581d
--- /dev/null
+++ b/www/src/demos/calendar/page-behaviour.tsx
@@ -0,0 +1,5 @@
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  return <Calendar visibleMonths={2} pageBehavior="single" />;
+}
diff --git a/www/src/demos/calendar/read-only.tsx b/www/src/demos/calendar/read-only.tsx
new file mode 100644
index 000000000..21513cc57
--- /dev/null
+++ b/www/src/demos/calendar/read-only.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      isReadOnly
+      value={today(getLocalTimeZone())}
+    />
+  );
+}
diff --git a/www/src/demos/calendar/uncontrolled.tsx b/www/src/demos/calendar/uncontrolled.tsx
new file mode 100644
index 000000000..58df5386e
--- /dev/null
+++ b/www/src/demos/calendar/uncontrolled.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      defaultValue={today(getLocalTimeZone())}
+    />
+  );
+}
diff --git a/www/src/demos/calendar/unvailable-dates.tsx b/www/src/demos/calendar/unvailable-dates.tsx
new file mode 100644
index 000000000..15b1686cb
--- /dev/null
+++ b/www/src/demos/calendar/unvailable-dates.tsx
@@ -0,0 +1,35 @@
+"use client";
+
+import {
+  type DateValue,
+  getLocalTimeZone,
+  isWeekend,
+  today,
+} from "@internationalized/date";
+import { useLocale } from "react-aria";
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  const now = today(getLocalTimeZone());
+  const disabledRanges = [
+    [now, now.add({ days: 5 })],
+    [now.add({ days: 14 }), now.add({ days: 16 })],
+    [now.add({ days: 23 }), now.add({ days: 24 })],
+  ];
+
+  const { locale } = useLocale();
+  const isDateUnavailable = (date: DateValue) =>
+    isWeekend(date, locale) ||
+    disabledRanges.some(
+      (interval) =>
+        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
+    );
+
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      minValue={today(getLocalTimeZone())}
+      isDateUnavailable={isDateUnavailable}
+    />
+  );
+}
diff --git a/www/src/demos/calendar/validation.tsx b/www/src/demos/calendar/validation.tsx
new file mode 100644
index 000000000..5cdb6e718
--- /dev/null
+++ b/www/src/demos/calendar/validation.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      minValue={today(getLocalTimeZone())}
+    />
+  );
+}
diff --git a/www/src/demos/calendar/visible-months.tsx b/www/src/demos/calendar/visible-months.tsx
new file mode 100644
index 000000000..1db1b6e7e
--- /dev/null
+++ b/www/src/demos/calendar/visible-months.tsx
@@ -0,0 +1,5 @@
+import { Calendar } from "@/registry/ui/default/core/calendar";
+
+export default function Demo() {
+  return <Calendar visibleMonths={2} />;
+}
diff --git a/www/src/demos/checkbox-group/cards.tsx b/www/src/demos/checkbox-group/cards.tsx
new file mode 100644
index 000000000..bdaf753fe
--- /dev/null
+++ b/www/src/demos/checkbox-group/cards.tsx
@@ -0,0 +1,16 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      defaultValue={["nextjs"]}
+      variant="card"
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/demos/checkbox-group/composition.tsx b/www/src/demos/checkbox-group/composition.tsx
new file mode 100644
index 000000000..7801877aa
--- /dev/null
+++ b/www/src/demos/checkbox-group/composition.tsx
@@ -0,0 +1,22 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroupRoot } from "@/registry/ui/default/core/checkbox-group";
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/registry/ui/default/core/field";
+
+export default function Demo() {
+  return (
+    <CheckboxGroupRoot defaultValue={["nextjs"]}>
+      <Label>React frameworks</Label>
+      <Description>You can pick any frameworks.</Description>
+      <div className="flex items-center gap-4">
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+        <Checkbox value="gatsby">Gatsby</Checkbox>
+      </div>
+      <FieldError />
+    </CheckboxGroupRoot>
+  );
+}
diff --git a/www/src/demos/checkbox-group/contextual-help.tsx b/www/src/demos/checkbox-group/contextual-help.tsx
new file mode 100644
index 000000000..356336d9b
--- /dev/null
+++ b/www/src/demos/checkbox-group/contextual-help.tsx
@@ -0,0 +1,22 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      defaultValue={["nextjs"]}
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you need help, please contact support."
+        />
+      }
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/demos/checkbox-group/controlled.tsx b/www/src/demos/checkbox-group/controlled.tsx
new file mode 100644
index 000000000..e734ed5b3
--- /dev/null
+++ b/www/src/demos/checkbox-group/controlled.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+
+export default function Demo() {
+  const [frameworks, setFrameworks] = React.useState(["nextjs"]);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <CheckboxGroup
+        label="React frameworks"
+        value={frameworks}
+        onChange={(value) => setFrameworks(value)}
+      >
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+        <Checkbox value="gatsby">Gatsby</Checkbox>
+      </CheckboxGroup>
+      <p className="text-fg-muted text-xs">
+        {frameworks.length === 0
+          ? "You haven't selected any frameworks."
+          : `You selected ${frameworks.join(", ")}.`}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/checkbox-group/default.tsx b/www/src/demos/checkbox-group/default.tsx
new file mode 100644
index 000000000..b17fec5af
--- /dev/null
+++ b/www/src/demos/checkbox-group/default.tsx
@@ -0,0 +1,12 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/demos/checkbox-group/description.tsx b/www/src/demos/checkbox-group/description.tsx
new file mode 100644
index 000000000..80f6d3a1a
--- /dev/null
+++ b/www/src/demos/checkbox-group/description.tsx
@@ -0,0 +1,16 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      defaultValue={["nextjs"]}
+      description="You can pick any frameworks."
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/demos/checkbox-group/disabled.tsx b/www/src/demos/checkbox-group/disabled.tsx
new file mode 100644
index 000000000..3f0ad873a
--- /dev/null
+++ b/www/src/demos/checkbox-group/disabled.tsx
@@ -0,0 +1,16 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      isDisabled
+      defaultValue={["nextjs"]}
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/demos/checkbox-group/error-message.tsx b/www/src/demos/checkbox-group/error-message.tsx
new file mode 100644
index 000000000..c7c6a5d95
--- /dev/null
+++ b/www/src/demos/checkbox-group/error-message.tsx
@@ -0,0 +1,16 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      isInvalid
+      errorMessage="Please select a framework."
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/demos/checkbox-group/label.tsx b/www/src/demos/checkbox-group/label.tsx
new file mode 100644
index 000000000..7d94da5ec
--- /dev/null
+++ b/www/src/demos/checkbox-group/label.tsx
@@ -0,0 +1,17 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-10">
+      <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+      <CheckboxGroup aria-label="React frameworks" defaultValue={["nextjs"]}>
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+    </div>
+  );
+}
diff --git a/www/src/demos/checkbox-group/read-only.tsx b/www/src/demos/checkbox-group/read-only.tsx
new file mode 100644
index 000000000..8140665e0
--- /dev/null
+++ b/www/src/demos/checkbox-group/read-only.tsx
@@ -0,0 +1,16 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      isReadOnly
+      defaultValue={["nextjs"]}
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/demos/checkbox-group/required.tsx b/www/src/demos/checkbox-group/required.tsx
new file mode 100644
index 000000000..528c90c3f
--- /dev/null
+++ b/www/src/demos/checkbox-group/required.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <CheckboxGroup label="React frameworks" isRequired>
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+      <CheckboxGroup
+        label="React frameworks"
+        isRequired
+        necessityIndicator="icon"
+      >
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+      <CheckboxGroup
+        label="React frameworks"
+        isRequired
+        necessityIndicator="label"
+      >
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+      <CheckboxGroup label="React frameworks" necessityIndicator="label">
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+    </div>
+  );
+}
diff --git a/www/src/demos/checkbox-group/uncontrolled.tsx b/www/src/demos/checkbox-group/uncontrolled.tsx
new file mode 100644
index 000000000..b17fec5af
--- /dev/null
+++ b/www/src/demos/checkbox-group/uncontrolled.tsx
@@ -0,0 +1,12 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/demos/checkbox/card.tsx b/www/src/demos/checkbox/card.tsx
new file mode 100644
index 000000000..94c54ca64
--- /dev/null
+++ b/www/src/demos/checkbox/card.tsx
@@ -0,0 +1,7 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+
+export default function Demo() {
+  return (
+    <Checkbox variant="card">I agree to the terms and conditions</Checkbox>
+  );
+}
diff --git a/www/src/demos/checkbox/controlled.tsx b/www/src/demos/checkbox/controlled.tsx
new file mode 100644
index 000000000..3fa180d83
--- /dev/null
+++ b/www/src/demos/checkbox/controlled.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import React from "react";
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+
+export default function Demo() {
+  const [checked, setChecked] = React.useState(false);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <Checkbox isSelected={checked} onChange={setChecked}>
+        I accept the terms and conditions
+      </Checkbox>
+      <p className="text-fg-muted text-xs">
+        <span className="font-bold">Checked:</span> {checked ? "true" : "false"}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/checkbox/default.tsx b/www/src/demos/checkbox/default.tsx
new file mode 100644
index 000000000..43495e3ce
--- /dev/null
+++ b/www/src/demos/checkbox/default.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { Link } from "@/registry/ui/default/core/link";
+
+export default function Demo() {
+  return (
+    <Checkbox>
+      I accept the{" "}
+      <Link variant="accent" href="#">
+        terms and conditions
+      </Link>
+    </Checkbox>
+  );
+}
diff --git a/www/src/demos/checkbox/disabled.tsx b/www/src/demos/checkbox/disabled.tsx
new file mode 100644
index 000000000..a8428ea36
--- /dev/null
+++ b/www/src/demos/checkbox/disabled.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+
+export default function Demo() {
+  return <Checkbox isDisabled>I accept the terms and conditions</Checkbox>;
+}
diff --git a/www/src/demos/checkbox/indeterminate.tsx b/www/src/demos/checkbox/indeterminate.tsx
new file mode 100644
index 000000000..5657966dd
--- /dev/null
+++ b/www/src/demos/checkbox/indeterminate.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+
+export default function Demo() {
+  return <Checkbox isIndeterminate>Select all</Checkbox>;
+}
diff --git a/www/src/demos/checkbox/read-only.tsx b/www/src/demos/checkbox/read-only.tsx
new file mode 100644
index 000000000..1ad502a58
--- /dev/null
+++ b/www/src/demos/checkbox/read-only.tsx
@@ -0,0 +1,9 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+
+export default function Demo() {
+  return (
+    <Checkbox defaultSelected isReadOnly>
+      I accept the terms and conditions
+    </Checkbox>
+  );
+}
diff --git a/www/src/demos/checkbox/uncontrolled.tsx b/www/src/demos/checkbox/uncontrolled.tsx
new file mode 100644
index 000000000..fe354a0da
--- /dev/null
+++ b/www/src/demos/checkbox/uncontrolled.tsx
@@ -0,0 +1,5 @@
+import { Checkbox } from "@/registry/ui/default/core/checkbox";
+
+export default function Demo() {
+  return <Checkbox defaultSelected>I accept the terms and conditions</Checkbox>;
+}
diff --git a/www/src/demos/color-area/channels.tsx b/www/src/demos/color-area/channels.tsx
new file mode 100644
index 000000000..c117896b8
--- /dev/null
+++ b/www/src/demos/color-area/channels.tsx
@@ -0,0 +1,5 @@
+import { ColorArea } from "@/registry/ui/default/core/color-area";
+
+export default function Demo() {
+  return <ColorArea xChannel="red" yChannel="blue" />;
+}
diff --git a/www/src/demos/color-area/composition.tsx b/www/src/demos/color-area/composition.tsx
new file mode 100644
index 000000000..d2ed9c131
--- /dev/null
+++ b/www/src/demos/color-area/composition.tsx
@@ -0,0 +1,10 @@
+import { ColorAreaRoot } from "@/registry/ui/default/core/color-area";
+import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
+
+export default function Demo() {
+  return (
+    <ColorAreaRoot>
+      <ColorThumb />
+    </ColorAreaRoot>
+  );
+}
diff --git a/www/src/demos/color-area/controlled.tsx b/www/src/demos/color-area/controlled.tsx
new file mode 100644
index 000000000..1e3a53e3b
--- /dev/null
+++ b/www/src/demos/color-area/controlled.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import React from "react";
+import { parseColor } from "react-aria-components";
+import { ColorArea } from "@/registry/ui/default/core/color-area";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <ColorArea
+        value={value}
+        onChange={setValue}
+        xChannel="saturation"
+        yChannel="lightness"
+      />
+      <p className="text-fg-muted text-xs">
+        Selected color : {value.toString()}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/color-area/default.tsx b/www/src/demos/color-area/default.tsx
new file mode 100644
index 000000000..beb8b4405
--- /dev/null
+++ b/www/src/demos/color-area/default.tsx
@@ -0,0 +1,5 @@
+import { ColorArea } from "@/registry/ui/default/core/color-area";
+
+export default function Demo() {
+  return <ColorArea />;
+}
diff --git a/www/src/demos/color-area/disabled.tsx b/www/src/demos/color-area/disabled.tsx
new file mode 100644
index 000000000..b90ba1e4e
--- /dev/null
+++ b/www/src/demos/color-area/disabled.tsx
@@ -0,0 +1,5 @@
+import { ColorArea } from "@/registry/ui/default/core/color-area";
+
+export default function Demo() {
+  return <ColorArea isDisabled />;
+}
diff --git a/www/src/demos/color-area/uncontrolled.tsx b/www/src/demos/color-area/uncontrolled.tsx
new file mode 100644
index 000000000..dd954b307
--- /dev/null
+++ b/www/src/demos/color-area/uncontrolled.tsx
@@ -0,0 +1,5 @@
+import { ColorArea } from "@/registry/ui/default/core/color-area";
+
+export default function Demo() {
+  return <ColorArea defaultValue="hsl(30, 100%, 50%)" />;
+}
diff --git a/www/src/demos/color-field/composition.tsx b/www/src/demos/color-field/composition.tsx
new file mode 100644
index 000000000..fcc5f1a69
--- /dev/null
+++ b/www/src/demos/color-field/composition.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { ColorFieldRoot } from "@/registry/ui/default/core/color-field";
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/registry/ui/default/core/field";
+import { Input, InputRoot } from "@/registry/ui/default/core/input";
+
+export default function Demo() {
+  return (
+    <ColorFieldRoot>
+      <Label>Background</Label>
+      <InputRoot>
+        <Input />
+      </InputRoot>
+      <Description>Enter a background color.</Description>
+      <FieldError />
+    </ColorFieldRoot>
+  );
+}
diff --git a/www/src/demos/color-field/contextual-help.tsx b/www/src/demos/color-field/contextual-help.tsx
new file mode 100644
index 000000000..694473732
--- /dev/null
+++ b/www/src/demos/color-field/contextual-help.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+
+export default function Demo() {
+  return (
+    <ColorField
+      label="Color"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/demos/color-field/controlled.tsx b/www/src/demos/color-field/controlled.tsx
new file mode 100644
index 000000000..77adc7895
--- /dev/null
+++ b/www/src/demos/color-field/controlled.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import React from "react";
+import { type Color, parseColor } from "react-aria-components";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <ColorField value={color} onChange={setColor} />
+      <p className="text-fg-muted text-sm">
+        Current color value: {color?.toString("hex")}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/color-field/default.tsx b/www/src/demos/color-field/default.tsx
new file mode 100644
index 000000000..f207e51c7
--- /dev/null
+++ b/www/src/demos/color-field/default.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return <ColorField label="Color" />;
+}
diff --git a/www/src/demos/color-field/description.tsx b/www/src/demos/color-field/description.tsx
new file mode 100644
index 000000000..798cb27dc
--- /dev/null
+++ b/www/src/demos/color-field/description.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return <ColorField label="Color" description="Enter a background color." />;
+}
diff --git a/www/src/demos/color-field/disabled.tsx b/www/src/demos/color-field/disabled.tsx
new file mode 100644
index 000000000..3cad69aec
--- /dev/null
+++ b/www/src/demos/color-field/disabled.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import { parseColor } from "react-aria-components";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return <ColorField value={parseColor("rgb(222,70,58)")} isDisabled />;
+}
diff --git a/www/src/demos/color-field/error-message.tsx b/www/src/demos/color-field/error-message.tsx
new file mode 100644
index 000000000..83f184980
--- /dev/null
+++ b/www/src/demos/color-field/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return (
+    <ColorField
+      label="Color"
+      isInvalid
+      errorMessage="Please fill out this field."
+    />
+  );
+}
diff --git a/www/src/demos/color-field/form.tsx b/www/src/demos/color-field/form.tsx
new file mode 100644
index 000000000..2671023e0
--- /dev/null
+++ b/www/src/demos/color-field/form.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return <ColorField />;
+}
diff --git a/www/src/demos/color-field/label.tsx b/www/src/demos/color-field/label.tsx
new file mode 100644
index 000000000..72a099e85
--- /dev/null
+++ b/www/src/demos/color-field/label.tsx
@@ -0,0 +1,10 @@
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <ColorField label="Background" placeholder="Visible label" />
+      <ColorField aria-label="Background" placeholder="Hidden label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/color-field/loading.tsx b/www/src/demos/color-field/loading.tsx
new file mode 100644
index 000000000..68858cd5a
--- /dev/null
+++ b/www/src/demos/color-field/loading.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <ColorField isLoading loaderPosition="prefix" />
+      <ColorField isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/demos/color-field/prefix-and-suffix.tsx b/www/src/demos/color-field/prefix-and-suffix.tsx
new file mode 100644
index 000000000..dc096ea97
--- /dev/null
+++ b/www/src/demos/color-field/prefix-and-suffix.tsx
@@ -0,0 +1,11 @@
+import { ColorField } from "@/registry/ui/default/core/color-field";
+import { PaletteIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <ColorField prefix={<PaletteIcon />} />
+      <ColorField suffix={<PaletteIcon />} />
+    </div>
+  );
+}
diff --git a/www/src/demos/color-field/read-only.tsx b/www/src/demos/color-field/read-only.tsx
new file mode 100644
index 000000000..77b59047b
--- /dev/null
+++ b/www/src/demos/color-field/read-only.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return <ColorField label="Color" isReadOnly value="#121212" />;
+}
diff --git a/www/src/demos/color-field/required.tsx b/www/src/demos/color-field/required.tsx
new file mode 100644
index 000000000..f2f2d04df
--- /dev/null
+++ b/www/src/demos/color-field/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <ColorField label="Color" isRequired />
+      <ColorField label="Color" isRequired necessityIndicator="icon" />
+      <ColorField label="Color" isRequired necessityIndicator="label" />
+      <ColorField label="Color" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/color-field/sizes.tsx b/www/src/demos/color-field/sizes.tsx
new file mode 100644
index 000000000..20ec05f93
--- /dev/null
+++ b/www/src/demos/color-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <ColorField label="small" size="sm" />
+      <ColorField label="medium" size="md" />
+      <ColorField label="large" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/demos/color-field/uncontrolled.tsx b/www/src/demos/color-field/uncontrolled.tsx
new file mode 100644
index 000000000..5db796f8b
--- /dev/null
+++ b/www/src/demos/color-field/uncontrolled.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+
+export default function Demo() {
+  return <ColorField defaultValue="#7f007f" />;
+}
diff --git a/www/src/demos/color-picker/composition.tsx b/www/src/demos/color-picker/composition.tsx
new file mode 100644
index 000000000..c7edb60e6
--- /dev/null
+++ b/www/src/demos/color-picker/composition.tsx
@@ -0,0 +1,22 @@
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  ColorEditor,
+  ColorPickerRoot,
+} from "@/registry/ui/default/core/color-picker";
+import { ColorSwatch } from "@/registry/ui/default/core/color-swatch";
+import { Dialog, DialogRoot } from "@/registry/ui/default/core/dialog";
+
+export default function Demo() {
+  return (
+    <ColorPickerRoot defaultValue="#5100FF">
+      <DialogRoot>
+        <Button shape="square">
+          <ColorSwatch />
+        </Button>
+        <Dialog type="popover" mobileType="drawer">
+          <ColorEditor />
+        </Dialog>
+      </DialogRoot>
+    </ColorPickerRoot>
+  );
+}
diff --git a/www/src/demos/color-picker/controlled.tsx b/www/src/demos/color-picker/controlled.tsx
new file mode 100644
index 000000000..bc8416e79
--- /dev/null
+++ b/www/src/demos/color-picker/controlled.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import React from "react";
+import { type Color, parseColor } from "react-aria-components";
+import { ColorPicker } from "@/registry/ui/default/core/color-picker";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(parseColor("hsl(26, 33%, 78%)"));
+  // React aria components should fix this type issue (normally its Color not Color & string)
+  return <ColorPicker value={value as Color & string} onChange={setValue} />;
+}
diff --git a/www/src/demos/color-picker/default.tsx b/www/src/demos/color-picker/default.tsx
new file mode 100644
index 000000000..1134e3b39
--- /dev/null
+++ b/www/src/demos/color-picker/default.tsx
@@ -0,0 +1,5 @@
+import { ColorPicker } from "@/registry/ui/default/core/color-picker";
+
+export default function Demo() {
+  return <ColorPicker defaultValue="#5100FF" />;
+}
diff --git a/www/src/demos/color-picker/options.tsx b/www/src/demos/color-picker/options.tsx
new file mode 100644
index 000000000..9d9ec08d9
--- /dev/null
+++ b/www/src/demos/color-picker/options.tsx
@@ -0,0 +1,9 @@
+import { ColorPicker } from "@/registry/ui/default/core/color-picker";
+
+export default function Demo() {
+  return (
+    <ColorPicker size="sm" shape="rectangle" defaultValue="#107030">
+      Fill color
+    </ColorPicker>
+  );
+}
diff --git a/www/src/demos/color-picker/uncontrolled.tsx b/www/src/demos/color-picker/uncontrolled.tsx
new file mode 100644
index 000000000..1134e3b39
--- /dev/null
+++ b/www/src/demos/color-picker/uncontrolled.tsx
@@ -0,0 +1,5 @@
+import { ColorPicker } from "@/registry/ui/default/core/color-picker";
+
+export default function Demo() {
+  return <ColorPicker defaultValue="#5100FF" />;
+}
diff --git a/www/src/demos/color-slider/channel.tsx b/www/src/demos/color-slider/channel.tsx
new file mode 100644
index 000000000..aea47abf9
--- /dev/null
+++ b/www/src/demos/color-slider/channel.tsx
@@ -0,0 +1,5 @@
+import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+
+export default function Demo() {
+  return <ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" />;
+}
diff --git a/www/src/demos/color-slider/composition.tsx b/www/src/demos/color-slider/composition.tsx
new file mode 100644
index 000000000..bbfcbbaf7
--- /dev/null
+++ b/www/src/demos/color-slider/composition.tsx
@@ -0,0 +1,21 @@
+import {
+  ColorSliderOutput,
+  ColorSliderRoot,
+  ColorSliderTrack,
+} from "@/registry/ui/default/core/color-slider";
+import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
+import { Label } from "@/registry/ui/default/core/field";
+
+export default function Demo() {
+  return (
+    <ColorSliderRoot channel="hue" defaultValue="hsl(0, 100%, 50%)">
+      <div className="flex items-center justify-between">
+        <Label>Hue</Label>
+        <ColorSliderOutput />
+      </div>
+      <ColorSliderTrack>
+        <ColorThumb />
+      </ColorSliderTrack>
+    </ColorSliderRoot>
+  );
+}
diff --git a/www/src/demos/color-slider/controlled.tsx b/www/src/demos/color-slider/controlled.tsx
new file mode 100644
index 000000000..58fcbbcb4
--- /dev/null
+++ b/www/src/demos/color-slider/controlled.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { parseColor } from "react-aria-components";
+import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <ColorSlider value={value} onChange={setValue} channel="hue" />
+      <p className="text-fg-muted text-xs">Value: {value.toString("hex")}</p>
+    </div>
+  );
+}
diff --git a/www/src/demos/color-slider/default.tsx b/www/src/demos/color-slider/default.tsx
new file mode 100644
index 000000000..29307aed1
--- /dev/null
+++ b/www/src/demos/color-slider/default.tsx
@@ -0,0 +1,5 @@
+import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+
+export default function Demo() {
+  return <ColorSlider channel="hue" defaultValue="hsl(200, 100%, 50%)" />;
+}
diff --git a/www/src/demos/color-slider/disabled.tsx b/www/src/demos/color-slider/disabled.tsx
new file mode 100644
index 000000000..1a8f6a512
--- /dev/null
+++ b/www/src/demos/color-slider/disabled.tsx
@@ -0,0 +1,12 @@
+import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+
+export default function Demo() {
+  return (
+    <ColorSlider
+      label="Opacity"
+      defaultValue="#f00"
+      channel="alpha"
+      isDisabled
+    />
+  );
+}
diff --git a/www/src/demos/color-slider/label.tsx b/www/src/demos/color-slider/label.tsx
new file mode 100644
index 000000000..9f7176941
--- /dev/null
+++ b/www/src/demos/color-slider/label.tsx
@@ -0,0 +1,7 @@
+import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+
+export default function Demo() {
+  return (
+    <ColorSlider label="Hue" channel="hue" defaultValue="hsl(200, 100%, 50%)" />
+  );
+}
diff --git a/www/src/demos/color-slider/uncontrolled.tsx b/www/src/demos/color-slider/uncontrolled.tsx
new file mode 100644
index 000000000..86e62664c
--- /dev/null
+++ b/www/src/demos/color-slider/uncontrolled.tsx
@@ -0,0 +1,5 @@
+import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+
+export default function Demo() {
+  return <ColorSlider channel="hue" defaultValue="hsl(0, 100%, 50%)" />;
+}
diff --git a/www/src/demos/color-slider/vertical.tsx b/www/src/demos/color-slider/vertical.tsx
new file mode 100644
index 000000000..de78b712e
--- /dev/null
+++ b/www/src/demos/color-slider/vertical.tsx
@@ -0,0 +1,11 @@
+import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+
+export default function Demo() {
+  return (
+    <ColorSlider
+      orientation="vertical"
+      channel="hue"
+      defaultValue="hsl(0, 100%, 50%)"
+    />
+  );
+}
diff --git a/www/src/demos/color-swatch/default.tsx b/www/src/demos/color-swatch/default.tsx
new file mode 100644
index 000000000..c5cb68645
--- /dev/null
+++ b/www/src/demos/color-swatch/default.tsx
@@ -0,0 +1,5 @@
+import { ColorSwatch } from "@/registry/ui/default/core/color-swatch";
+
+export default function Demo() {
+  return <ColorSwatch color="#f00" />;
+}
diff --git a/www/src/demos/combobox/async-loading.tsx b/www/src/demos/combobox/async-loading.tsx
new file mode 100644
index 000000000..f632292c0
--- /dev/null
+++ b/www/src/demos/combobox/async-loading.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import { useAsyncList } from "react-stately";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+interface Character {
+  name: string;
+}
+
+export default function Demo() {
+  const list = useAsyncList<Character>({
+    async load({ signal }) {
+      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
+      const json = (await res.json()) as { results: Character[] };
+      return {
+        items: json.results,
+      };
+    },
+  });
+
+  return (
+    <Combobox label="Pokemon" items={list.items} isLoading={list.isLoading}>
+      {(item) => <Item id={item.name}>{item.name}</Item>}
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/basic.tsx b/www/src/demos/combobox/basic.tsx
new file mode 100644
index 000000000..d2dabebba
--- /dev/null
+++ b/www/src/demos/combobox/basic.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox aria-label="country">
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/composition.tsx b/www/src/demos/combobox/composition.tsx
new file mode 100644
index 000000000..4fa86b8c8
--- /dev/null
+++ b/www/src/demos/combobox/composition.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+import {
+  ComboboxRoot,
+  ComboboxTrigger,
+} from "@/registry/ui/default/core/combobox";
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/registry/ui/default/core/field";
+import { Item, ListBox } from "@/registry/ui/default/core/list-box";
+import { Overlay } from "@/registry/ui/default/core/overlay";
+
+export default function Demo() {
+  return (
+    <ComboboxRoot>
+      <Label>Framework</Label>
+      <ComboboxTrigger />
+      <Description>Please choose a framework.</Description>
+      <FieldError />
+      <Overlay type="popover">
+        <ListBox>
+          <Item>Next.js</Item>
+          <Item>Remix</Item>
+          <Item>Gatsby</Item>
+          <Item></Item>
+        </ListBox>
+      </Overlay>
+    </ComboboxRoot>
+  );
+}
diff --git a/www/src/demos/combobox/contextual-help.tsx b/www/src/demos/combobox/contextual-help.tsx
new file mode 100644
index 000000000..a65d7b3ce
--- /dev/null
+++ b/www/src/demos/combobox/contextual-help.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox
+      label="Country"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, get assisted by our AI."
+        />
+      }
+    >
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/controlled.tsx b/www/src/demos/combobox/controlled.tsx
new file mode 100644
index 000000000..695958db7
--- /dev/null
+++ b/www/src/demos/combobox/controlled.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import React from "react";
+import type { Key } from "react-aria-components";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  const [country, setCountry] = React.useState<Key | null>("tn");
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <Combobox
+        aria-label="country"
+        selectedKey={country}
+        onSelectionChange={setCountry}
+      >
+        <Item id="ca">Canada</Item>
+        <Item id="fr">France</Item>
+        <Item id="de">Germany</Item>
+        <Item id="es">Spain</Item>
+        <Item id="tn">Tunisia</Item>
+        <Item id="us">United States</Item>
+        <Item id="uk">United Kingdom</Item>
+      </Combobox>
+      <p className="text-fg-muted text-sm">
+        {country ? (
+          <>
+            You selected: <span className="text-fg font-bold">{country}</span>
+          </>
+        ) : (
+          "Select a country."
+        )}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/combobox/custom-value.tsx b/www/src/demos/combobox/custom-value.tsx
new file mode 100644
index 000000000..823ca5f50
--- /dev/null
+++ b/www/src/demos/combobox/custom-value.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox aria-label="country" allowsCustomValue>
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/description.tsx b/www/src/demos/combobox/description.tsx
new file mode 100644
index 000000000..98d58af71
--- /dev/null
+++ b/www/src/demos/combobox/description.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox label="Country" description="Please select a country.">
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/disabled.tsx b/www/src/demos/combobox/disabled.tsx
new file mode 100644
index 000000000..4119848ee
--- /dev/null
+++ b/www/src/demos/combobox/disabled.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox label="Favorite Animal" isDisabled>
+      <Item id="red panda">Red Panda</Item>
+      <Item id="cat">Cat</Item>
+      <Item id="dog">Dog</Item>
+      <Item id="aardvark">Aardvark</Item>
+      <Item id="kangaroo">Kangaroo</Item>
+      <Item id="snake">Snake</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/label.tsx b/www/src/demos/combobox/label.tsx
new file mode 100644
index 000000000..11e0e7c09
--- /dev/null
+++ b/www/src/demos/combobox/label.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox label="Country">
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/loading.tsx b/www/src/demos/combobox/loading.tsx
new file mode 100644
index 000000000..6e3fe31e0
--- /dev/null
+++ b/www/src/demos/combobox/loading.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox label="Favorite Animal" isLoading>
+      <Item>Red Panda</Item>
+      <Item>Cat</Item>
+      <Item>Dog</Item>
+      <Item>Aardvark</Item>
+      <Item>Kangaroo</Item>
+      <Item>Snake</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/required.tsx b/www/src/demos/combobox/required.tsx
new file mode 100644
index 000000000..0c9425a5a
--- /dev/null
+++ b/www/src/demos/combobox/required.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox label="Country" isRequired necessityIndicator="icon">
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/sections.tsx b/www/src/demos/combobox/sections.tsx
new file mode 100644
index 000000000..39cbfa6ae
--- /dev/null
+++ b/www/src/demos/combobox/sections.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Section } from "@/registry/ui/default/core/section";
+
+export default function Demo() {
+  return (
+    <Combobox aria-label="Country">
+      <Section title="Africa">
+        <Item>Tunisia</Item>
+        <Item>Algeria</Item>
+        <Item>Morocco</Item>
+      </Section>
+      <Section title="America">
+        <Item>Canada</Item>
+        <Item>United states</Item>
+      </Section>
+      <Section title="Asia">
+        <Item>India</Item>
+        <Item>Japan</Item>
+        <Item>Korea</Item>
+      </Section>
+      <Section title="Europe">
+        <Item>France</Item>
+        <Item>Germany</Item>
+        <Item>Spain</Item>
+        <Item>United Kingdom</Item>
+      </Section>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/uncontrolled.tsx b/www/src/demos/combobox/uncontrolled.tsx
new file mode 100644
index 000000000..8a27e8120
--- /dev/null
+++ b/www/src/demos/combobox/uncontrolled.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox aria-label="country" defaultSelectedKey="tn">
+      <Item id="ca">Canada</Item>
+      <Item id="fr">France</Item>
+      <Item id="de">Germany</Item>
+      <Item id="es">Spain</Item>
+      <Item id="tn">Tunisia</Item>
+      <Item id="us">United States</Item>
+      <Item id="uk">United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/combobox/validation.tsx b/www/src/demos/combobox/validation.tsx
new file mode 100644
index 000000000..d4862e7f7
--- /dev/null
+++ b/www/src/demos/combobox/validation.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import { Combobox } from "@/registry/ui/default/core/combobox";
+import { Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox
+      aria-label="Country"
+      isInvalid
+      errorMessage="Please select a country in the list."
+    >
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/demos/date-field/composition.tsx b/www/src/demos/date-field/composition.tsx
new file mode 100644
index 000000000..aa973dba8
--- /dev/null
+++ b/www/src/demos/date-field/composition.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import React from "react";
+import { DateFieldRoot } from "@/registry/ui/default/core/date-field";
+import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
+import { Description, Label } from "@/registry/ui/default/core/field";
+import { InputRoot } from "@/registry/ui/default/core/input";
+
+export default function Demo() {
+  return (
+    <DateFieldRoot>
+      <Label>Meeting time</Label>
+      <InputRoot>
+        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+      </InputRoot>
+      <Description>Please select a time between 9 AM and 5 PM.</Description>
+    </DateFieldRoot>
+  );
+}
diff --git a/www/src/demos/date-field/contextual-help.tsx b/www/src/demos/date-field/contextual-help.tsx
new file mode 100644
index 000000000..b03a86db9
--- /dev/null
+++ b/www/src/demos/date-field/contextual-help.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      label="Appointment"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/demos/date-field/controlled.tsx b/www/src/demos/date-field/controlled.tsx
new file mode 100644
index 000000000..4fdb94f7d
--- /dev/null
+++ b/www/src/demos/date-field/controlled.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { parseDate } from "@internationalized/date";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(parseDate("2020-02-03"));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <DateField aria-label="Event date" value={value} onChange={setValue} />
+      <p className="text-fg-muted text-sm">selected date: {value.toString()}</p>
+    </div>
+  );
+}
diff --git a/www/src/demos/date-field/default.tsx b/www/src/demos/date-field/default.tsx
new file mode 100644
index 000000000..899fbdc06
--- /dev/null
+++ b/www/src/demos/date-field/default.tsx
@@ -0,0 +1,5 @@
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return <DateField aria-label="Meeting date" />;
+}
diff --git a/www/src/demos/date-field/description.tsx b/www/src/demos/date-field/description.tsx
new file mode 100644
index 000000000..531e3198e
--- /dev/null
+++ b/www/src/demos/date-field/description.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return <DateField label="Appointment" description="Please select a date." />;
+}
diff --git a/www/src/demos/date-field/disabled.tsx b/www/src/demos/date-field/disabled.tsx
new file mode 100644
index 000000000..77735f95a
--- /dev/null
+++ b/www/src/demos/date-field/disabled.tsx
@@ -0,0 +1,5 @@
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return <DateField label="Event date" isDisabled />;
+}
diff --git a/www/src/demos/date-field/error-message.tsx b/www/src/demos/date-field/error-message.tsx
new file mode 100644
index 000000000..367844041
--- /dev/null
+++ b/www/src/demos/date-field/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      label="Meeting"
+      isInvalid
+      errorMessage="Meetings can't be scheduled in the past."
+    />
+  );
+}
diff --git a/www/src/demos/date-field/granularity.tsx b/www/src/demos/date-field/granularity.tsx
new file mode 100644
index 000000000..455c0348d
--- /dev/null
+++ b/www/src/demos/date-field/granularity.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <DateField
+        label="Hour"
+        granularity="hour"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+      <DateField
+        label="Minute"
+        granularity="minute"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+      <DateField
+        label="Second"
+        granularity="second"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-field/hide-time-zone.tsx b/www/src/demos/date-field/hide-time-zone.tsx
new file mode 100644
index 000000000..a4d9b6d57
--- /dev/null
+++ b/www/src/demos/date-field/hide-time-zone.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import { parseZonedDateTime } from "@internationalized/date";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      label="Appointment time"
+      granularity="minute"
+      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
+      hideTimeZone
+    />
+  );
+}
diff --git a/www/src/demos/date-field/hour-cycle.tsx b/www/src/demos/date-field/hour-cycle.tsx
new file mode 100644
index 000000000..e6651c973
--- /dev/null
+++ b/www/src/demos/date-field/hour-cycle.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      aria-label="Appointment date"
+      granularity="minute"
+      hourCycle={24}
+    />
+  );
+}
diff --git a/www/src/demos/date-field/label.tsx b/www/src/demos/date-field/label.tsx
new file mode 100644
index 000000000..fd2a0c66d
--- /dev/null
+++ b/www/src/demos/date-field/label.tsx
@@ -0,0 +1,10 @@
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <DateField label="Meeting date" />
+      <DateField aria-label="Meeting date" />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-field/loading.tsx b/www/src/demos/date-field/loading.tsx
new file mode 100644
index 000000000..8f5d40609
--- /dev/null
+++ b/www/src/demos/date-field/loading.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import React from "react";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-2">
+      <DateField aria-label="Meeting date" isLoading loaderPosition="prefix" />
+      <DateField aria-label="Meeting date" isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-field/placeholder.tsx b/www/src/demos/date-field/placeholder.tsx
new file mode 100644
index 000000000..d7478c333
--- /dev/null
+++ b/www/src/demos/date-field/placeholder.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { CalendarDate } from "@internationalized/date";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      label="Meeting date"
+      placeholderValue={new CalendarDate(1980, 1, 1)}
+    />
+  );
+}
diff --git a/www/src/demos/date-field/prefix-and-suffix.tsx b/www/src/demos/date-field/prefix-and-suffix.tsx
new file mode 100644
index 000000000..1cb2d412a
--- /dev/null
+++ b/www/src/demos/date-field/prefix-and-suffix.tsx
@@ -0,0 +1,11 @@
+import { DateField } from "@/registry/ui/default/core/date-field";
+import { CalendarIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="space-y-2">
+      <DateField aria-label="Meeting date" prefix={<CalendarIcon />} />
+      <DateField aria-label="Meeting date" suffix={<CalendarIcon />} />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-field/read-only.tsx b/www/src/demos/date-field/read-only.tsx
new file mode 100644
index 000000000..b1ffa7562
--- /dev/null
+++ b/www/src/demos/date-field/read-only.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { CalendarDate } from "@internationalized/date";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      label="Event date"
+      value={new CalendarDate(1980, 1, 1)}
+      isReadOnly
+    />
+  );
+}
diff --git a/www/src/demos/date-field/required.tsx b/www/src/demos/date-field/required.tsx
new file mode 100644
index 000000000..285caee89
--- /dev/null
+++ b/www/src/demos/date-field/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <DateField label="Event date" isRequired />
+      <DateField label="Event date" isRequired necessityIndicator="icon" />
+      <DateField label="Event date" isRequired necessityIndicator="label" />
+      <DateField label="Event date" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-field/sizes.tsx b/www/src/demos/date-field/sizes.tsx
new file mode 100644
index 000000000..9e61e4254
--- /dev/null
+++ b/www/src/demos/date-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <DateField label="small (sm)" size="sm" />
+      <DateField label="medium (md)" size="md" />
+      <DateField label="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-field/time-zones.tsx b/www/src/demos/date-field/time-zones.tsx
new file mode 100644
index 000000000..5e46c3d8f
--- /dev/null
+++ b/www/src/demos/date-field/time-zones.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
+  );
+}
diff --git a/www/src/demos/date-field/uncontrolled.tsx b/www/src/demos/date-field/uncontrolled.tsx
new file mode 100644
index 000000000..7fea27cb7
--- /dev/null
+++ b/www/src/demos/date-field/uncontrolled.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import React from "react";
+import { parseDate } from "@internationalized/date";
+import { DateField } from "@/registry/ui/default/core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField aria-label="Event date" defaultValue={parseDate("2020-02-03")} />
+  );
+}
diff --git a/www/src/demos/date-picker/composition.tsx b/www/src/demos/date-picker/composition.tsx
new file mode 100644
index 000000000..994e2c2e6
--- /dev/null
+++ b/www/src/demos/date-picker/composition.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Calendar } from "@/registry/ui/default/core/calendar";
+import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
+import { DatePickerRoot } from "@/registry/ui/default/core/date-picker";
+import { DialogContent } from "@/registry/ui/default/core/dialog";
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/registry/ui/default/core/field";
+import { InputRoot } from "@/registry/ui/default/core/input";
+import { Overlay } from "@/registry/ui/default/core/overlay";
+import { CalendarIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <DatePickerRoot>
+      <Label>Meeting date</Label>
+      <InputRoot
+        suffix={
+          <Button variant="default" size="sm" shape="square" className="size-7">
+            <CalendarIcon />
+          </Button>
+        }
+        className="pr-1"
+      >
+        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+      </InputRoot>
+      <Description>Please select a date.</Description>
+      <FieldError />
+      <Overlay type="popover" mobileType="drawer">
+        <DialogContent>
+          <Calendar />
+        </DialogContent>
+      </Overlay>
+    </DatePickerRoot>
+  );
+}
diff --git a/www/src/demos/date-picker/contextual-help.tsx b/www/src/demos/date-picker/contextual-help.tsx
new file mode 100644
index 000000000..4ecc719d6
--- /dev/null
+++ b/www/src/demos/date-picker/contextual-help.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      label="Appointment"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/demos/date-picker/controlled.tsx b/www/src/demos/date-picker/controlled.tsx
new file mode 100644
index 000000000..0d902e18a
--- /dev/null
+++ b/www/src/demos/date-picker/controlled.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { parseDate } from "@internationalized/date";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(parseDate("2020-02-03"));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <DatePicker label="Meeting date" value={value} onChange={setValue} />
+      <p className="text-fg-muted text-sm">selected date: {value.toString()}</p>
+    </div>
+  );
+}
diff --git a/www/src/demos/date-picker/default.tsx b/www/src/demos/date-picker/default.tsx
new file mode 100644
index 000000000..390960daf
--- /dev/null
+++ b/www/src/demos/date-picker/default.tsx
@@ -0,0 +1,5 @@
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return <DatePicker aria-label="Meeting date" />;
+}
diff --git a/www/src/demos/date-picker/description.tsx b/www/src/demos/date-picker/description.tsx
new file mode 100644
index 000000000..aa2033b26
--- /dev/null
+++ b/www/src/demos/date-picker/description.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return <DatePicker label="Appointment" description="Please select a date." />;
+}
diff --git a/www/src/demos/date-picker/disabled.tsx b/www/src/demos/date-picker/disabled.tsx
new file mode 100644
index 000000000..de415b0fe
--- /dev/null
+++ b/www/src/demos/date-picker/disabled.tsx
@@ -0,0 +1,5 @@
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return <DatePicker label="Event date" isDisabled />;
+}
diff --git a/www/src/demos/date-picker/error-message.tsx b/www/src/demos/date-picker/error-message.tsx
new file mode 100644
index 000000000..f1d09e760
--- /dev/null
+++ b/www/src/demos/date-picker/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      label="Meeting"
+      isInvalid
+      errorMessage="Meetings can't be scheduled in the past."
+    />
+  );
+}
diff --git a/www/src/demos/date-picker/granularity.tsx b/www/src/demos/date-picker/granularity.tsx
new file mode 100644
index 000000000..5d1ce78f6
--- /dev/null
+++ b/www/src/demos/date-picker/granularity.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <DatePicker
+        label="Hour"
+        granularity="hour"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+      <DatePicker
+        label="Minute"
+        granularity="minute"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+      <DatePicker
+        label="Second"
+        granularity="second"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-picker/hide-time-zone.tsx b/www/src/demos/date-picker/hide-time-zone.tsx
new file mode 100644
index 000000000..79e4de901
--- /dev/null
+++ b/www/src/demos/date-picker/hide-time-zone.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import { parseZonedDateTime } from "@internationalized/date";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      label="Appointment time"
+      granularity="minute"
+      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
+      hideTimeZone
+    />
+  );
+}
diff --git a/www/src/demos/date-picker/hour-cycle.tsx b/www/src/demos/date-picker/hour-cycle.tsx
new file mode 100644
index 000000000..339f8a0ba
--- /dev/null
+++ b/www/src/demos/date-picker/hour-cycle.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      aria-label="Appointment date"
+      granularity="minute"
+      hourCycle={24}
+    />
+  );
+}
diff --git a/www/src/demos/date-picker/label.tsx b/www/src/demos/date-picker/label.tsx
new file mode 100644
index 000000000..bb30a0bf2
--- /dev/null
+++ b/www/src/demos/date-picker/label.tsx
@@ -0,0 +1,10 @@
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <DatePicker label="Meeting date" />
+      <DatePicker aria-label="Meeting date" />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-picker/loading.tsx b/www/src/demos/date-picker/loading.tsx
new file mode 100644
index 000000000..f9a67668b
--- /dev/null
+++ b/www/src/demos/date-picker/loading.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return <DatePicker aria-label="Meeting date" isLoading />;
+}
diff --git a/www/src/demos/date-picker/placeholder.tsx b/www/src/demos/date-picker/placeholder.tsx
new file mode 100644
index 000000000..c4975e130
--- /dev/null
+++ b/www/src/demos/date-picker/placeholder.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { CalendarDate } from "@internationalized/date";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      label="Meeting date"
+      placeholderValue={new CalendarDate(1980, 1, 1)}
+    />
+  );
+}
diff --git a/www/src/demos/date-picker/prefix.tsx b/www/src/demos/date-picker/prefix.tsx
new file mode 100644
index 000000000..0020f4aa2
--- /dev/null
+++ b/www/src/demos/date-picker/prefix.tsx
@@ -0,0 +1,6 @@
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { UsersIcon } from "@/__icons__";
+
+export default function Demo() {
+  return <DatePicker aria-label="Meeting date" prefix={<UsersIcon />} />;
+}
diff --git a/www/src/demos/date-picker/read-only.tsx b/www/src/demos/date-picker/read-only.tsx
new file mode 100644
index 000000000..3ec23ab0e
--- /dev/null
+++ b/www/src/demos/date-picker/read-only.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { CalendarDate } from "@internationalized/date";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      label="Event date"
+      value={new CalendarDate(1980, 1, 1)}
+      isReadOnly
+    />
+  );
+}
diff --git a/www/src/demos/date-picker/required.tsx b/www/src/demos/date-picker/required.tsx
new file mode 100644
index 000000000..8fe8a9fc3
--- /dev/null
+++ b/www/src/demos/date-picker/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <DatePicker label="Event date" isRequired />
+      <DatePicker label="Event date" isRequired necessityIndicator="icon" />
+      <DatePicker label="Event date" isRequired necessityIndicator="label" />
+      <DatePicker label="Event date" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-picker/sizes.tsx b/www/src/demos/date-picker/sizes.tsx
new file mode 100644
index 000000000..8b9aca329
--- /dev/null
+++ b/www/src/demos/date-picker/sizes.tsx
@@ -0,0 +1,11 @@
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <DatePicker label="small (sm)" size="sm" />
+      <DatePicker label="medium (md)" size="md" />
+      <DatePicker label="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-picker/time-zones.tsx b/www/src/demos/date-picker/time-zones.tsx
new file mode 100644
index 000000000..2848f5427
--- /dev/null
+++ b/www/src/demos/date-picker/time-zones.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
+  );
+}
diff --git a/www/src/demos/date-picker/uncontrolled.tsx b/www/src/demos/date-picker/uncontrolled.tsx
new file mode 100644
index 000000000..2ecaae46f
--- /dev/null
+++ b/www/src/demos/date-picker/uncontrolled.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { parseDate } from "@internationalized/date";
+import { DatePicker } from "@/registry/ui/default/core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      aria-label="Meeting date"
+      defaultValue={parseDate("2020-02-03")}
+    />
+  );
+}
diff --git a/www/src/demos/date-range-picker/composition.tsx b/www/src/demos/date-range-picker/composition.tsx
new file mode 100644
index 000000000..359e23f05
--- /dev/null
+++ b/www/src/demos/date-range-picker/composition.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
+import { DatePickerRoot } from "@/registry/ui/default/core/date-picker";
+import { DialogContent } from "@/registry/ui/default/core/dialog";
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/registry/ui/default/core/field";
+import { InputRoot } from "@/registry/ui/default/core/input";
+import { Overlay } from "@/registry/ui/default/core/overlay";
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { CalendarIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <DatePickerRoot>
+      <Label>Meeting date</Label>
+      <InputRoot
+        suffix={
+          <Button variant="default" size="sm" shape="square" className="size-7">
+            <CalendarIcon />
+          </Button>
+        }
+        className="pr-1"
+      >
+        <DateInput slot="start">
+          {(segment) => <DateSegment segment={segment} />}
+        </DateInput>
+        <span aria-hidden="true">–</span>
+        <DateInput slot="end" className="flex-1">
+          {(segment) => <DateSegment segment={segment} />}
+        </DateInput>
+      </InputRoot>
+      <Description>Please select a date.</Description>
+      <FieldError />
+      <Overlay type="popover" mobileType="drawer">
+        <DialogContent>
+          <RangeCalendar />
+        </DialogContent>
+      </Overlay>
+    </DatePickerRoot>
+  );
+}
diff --git a/www/src/demos/date-range-picker/contextual-help.tsx b/www/src/demos/date-range-picker/contextual-help.tsx
new file mode 100644
index 000000000..eb09acac2
--- /dev/null
+++ b/www/src/demos/date-range-picker/contextual-help.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Trip"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/demos/date-range-picker/controlled.tsx b/www/src/demos/date-range-picker/controlled.tsx
new file mode 100644
index 000000000..5bef78172
--- /dev/null
+++ b/www/src/demos/date-range-picker/controlled.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import React from "react";
+import { getLocalTimeZone, parseDate } from "@internationalized/date";
+import { useDateFormatter } from "react-aria";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  const [value, setValue] = React.useState({
+    start: parseDate("2024-02-03"),
+    end: parseDate("2024-02-08"),
+  });
+  const formatter = useDateFormatter({ dateStyle: "long" });
+
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <DateRangePicker label="Controlled" value={value} onChange={setValue} />
+      <p className="text-fg-muted text-sm">
+        Selected date:{" "}
+        {value
+          ? formatter.formatRange(
+              value.start.toDate(getLocalTimeZone()),
+              value.end.toDate(getLocalTimeZone())
+            )
+          : "--"}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/date-range-picker/default.tsx b/www/src/demos/date-range-picker/default.tsx
new file mode 100644
index 000000000..a3b2b136b
--- /dev/null
+++ b/www/src/demos/date-range-picker/default.tsx
@@ -0,0 +1,5 @@
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return <DateRangePicker aria-label="Meeting date" />;
+}
diff --git a/www/src/demos/date-range-picker/description.tsx b/www/src/demos/date-range-picker/description.tsx
new file mode 100644
index 000000000..7da70a21d
--- /dev/null
+++ b/www/src/demos/date-range-picker/description.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import React from "react";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker label="Trip" description="Please select a date range." />
+  );
+}
diff --git a/www/src/demos/date-range-picker/disabled.tsx b/www/src/demos/date-range-picker/disabled.tsx
new file mode 100644
index 000000000..52e7abd76
--- /dev/null
+++ b/www/src/demos/date-range-picker/disabled.tsx
@@ -0,0 +1,5 @@
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return <DateRangePicker label="Trip dates" isDisabled />;
+}
diff --git a/www/src/demos/date-range-picker/error-message.tsx b/www/src/demos/date-range-picker/error-message.tsx
new file mode 100644
index 000000000..52dd2e39d
--- /dev/null
+++ b/www/src/demos/date-range-picker/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Trip dates"
+      isInvalid
+      errorMessage="Trip dates can't be scheduled in the past."
+    />
+  );
+}
diff --git a/www/src/demos/date-range-picker/granularity.tsx b/www/src/demos/date-range-picker/granularity.tsx
new file mode 100644
index 000000000..c87fdf4fe
--- /dev/null
+++ b/www/src/demos/date-range-picker/granularity.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  const dates = {
+    start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+    end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
+  };
+  return (
+    <div className="flex flex-col gap-4">
+      <DateRangePicker label="Hour" granularity="hour" defaultValue={dates} />
+      <DateRangePicker
+        label="Minute"
+        granularity="minute"
+        defaultValue={dates}
+      />
+      <DateRangePicker
+        label="Second"
+        granularity="second"
+        defaultValue={dates}
+      />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-range-picker/hide-time-zone.tsx b/www/src/demos/date-range-picker/hide-time-zone.tsx
new file mode 100644
index 000000000..1be00f1dc
--- /dev/null
+++ b/www/src/demos/date-range-picker/hide-time-zone.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Appointment time"
+      granularity="minute"
+      defaultValue={{
+        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
+      }}
+      hideTimeZone
+    />
+  );
+}
diff --git a/www/src/demos/date-range-picker/hour-cycle.tsx b/www/src/demos/date-range-picker/hour-cycle.tsx
new file mode 100644
index 000000000..9383c96a2
--- /dev/null
+++ b/www/src/demos/date-range-picker/hour-cycle.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      aria-label="Appointment date"
+      granularity="minute"
+      hourCycle={24}
+    />
+  );
+}
diff --git a/www/src/demos/date-range-picker/label.tsx b/www/src/demos/date-range-picker/label.tsx
new file mode 100644
index 000000000..7c88f92d4
--- /dev/null
+++ b/www/src/demos/date-range-picker/label.tsx
@@ -0,0 +1,10 @@
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <DateRangePicker label="Trip" />
+      <DateRangePicker aria-label="Trip" />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-range-picker/loading.tsx b/www/src/demos/date-range-picker/loading.tsx
new file mode 100644
index 000000000..3e1af2e54
--- /dev/null
+++ b/www/src/demos/date-range-picker/loading.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return <DateRangePicker aria-label="Meeting date" isLoading />;
+}
diff --git a/www/src/demos/date-range-picker/placeholder.tsx b/www/src/demos/date-range-picker/placeholder.tsx
new file mode 100644
index 000000000..dfc0f972f
--- /dev/null
+++ b/www/src/demos/date-range-picker/placeholder.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { CalendarDate } from "@internationalized/date";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Meeting date"
+      placeholderValue={new CalendarDate(1980, 1, 1)}
+    />
+  );
+}
diff --git a/www/src/demos/date-range-picker/prefix.tsx b/www/src/demos/date-range-picker/prefix.tsx
new file mode 100644
index 000000000..521d1776e
--- /dev/null
+++ b/www/src/demos/date-range-picker/prefix.tsx
@@ -0,0 +1,6 @@
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { PlaneIcon } from "@/__icons__";
+
+export default function Demo() {
+  return <DateRangePicker aria-label="Trip" prefix={<PlaneIcon />} />;
+}
diff --git a/www/src/demos/date-range-picker/read-only.tsx b/www/src/demos/date-range-picker/read-only.tsx
new file mode 100644
index 000000000..b6c3a69b1
--- /dev/null
+++ b/www/src/demos/date-range-picker/read-only.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import React from "react";
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Event date"
+      value={{
+        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
+      }}
+      isReadOnly
+    />
+  );
+}
diff --git a/www/src/demos/date-range-picker/required.tsx b/www/src/demos/date-range-picker/required.tsx
new file mode 100644
index 000000000..52dda1166
--- /dev/null
+++ b/www/src/demos/date-range-picker/required.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <DateRangePicker label="Event date" isRequired />
+      <DateRangePicker
+        label="Event date"
+        isRequired
+        necessityIndicator="icon"
+      />
+      <DateRangePicker
+        label="Event date"
+        isRequired
+        necessityIndicator="label"
+      />
+      <DateRangePicker label="Event date" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-range-picker/sizes.tsx b/www/src/demos/date-range-picker/sizes.tsx
new file mode 100644
index 000000000..cdd381369
--- /dev/null
+++ b/www/src/demos/date-range-picker/sizes.tsx
@@ -0,0 +1,11 @@
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col gap-2">
+      <DateRangePicker label="small" size="sm" />
+      <DateRangePicker label="medium" size="md" />
+      <DateRangePicker label="large" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/demos/date-range-picker/time-zones.tsx b/www/src/demos/date-range-picker/time-zones.tsx
new file mode 100644
index 000000000..337fa4192
--- /dev/null
+++ b/www/src/demos/date-range-picker/time-zones.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      defaultValue={{
+        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
+      }}
+    />
+  );
+}
diff --git a/www/src/demos/date-range-picker/uncontrolled.tsx b/www/src/demos/date-range-picker/uncontrolled.tsx
new file mode 100644
index 000000000..cf8ccead9
--- /dev/null
+++ b/www/src/demos/date-range-picker/uncontrolled.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import React from "react";
+import { parseDate } from "@internationalized/date";
+import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Controlled"
+      defaultValue={{
+        start: parseDate("2020-02-03"),
+        end: parseDate("2020-02-08"),
+      }}
+    />
+  );
+}
diff --git a/www/src/demos/dialog/alert-dialog.tsx b/www/src/demos/dialog/alert-dialog.tsx
new file mode 100644
index 000000000..16e5b1ff7
--- /dev/null
+++ b/www/src/demos/dialog/alert-dialog.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/registry/ui/default/core/dialog";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="danger">Delete project</Button>
+      <Dialog
+        title="Delete project"
+        description="Are you sure you want to delete this project? This action is permanent and cannot be undone."
+        role="alertdialog"
+        // isDissmissible={false}
+      >
+        {({ close }) => (
+          <>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="danger"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Delete project
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/dialog/async-form-submission.tsx b/www/src/demos/dialog/async-form-submission.tsx
new file mode 100644
index 000000000..ad0f29685
--- /dev/null
+++ b/www/src/demos/dialog/async-form-submission.tsx
@@ -0,0 +1,59 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/registry/ui/default/core/dialog";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function DialogDemo() {
+  const [isPending, setIsPending] = React.useState(false);
+  const handleSubmit = async () => {
+    setIsPending(true);
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    setIsPending(false);
+  };
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog title="Edit profile" description="Make changes to your profile.">
+        {({ close }) => (
+          <>
+            <div className="space-y-4">
+              <TextField
+                autoFocus
+                label="Name"
+                defaultValue="Mehdi"
+                className="w-full"
+              />
+              <TextField label="Username" defaultValue="@mehdibha_" />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                isPending={isPending}
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={async () => {
+                  await handleSubmit();
+                  close();
+                }}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/dialog/basic.tsx b/www/src/demos/dialog/basic.tsx
new file mode 100644
index 000000000..574a5b8c0
--- /dev/null
+++ b/www/src/demos/dialog/basic.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/registry/ui/default/core/dialog";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog title="Edit profile" description="Make changes to your profile.">
+        {({ close }) => (
+          <>
+            <div className="space-y-4">
+              <TextField
+                autoFocus
+                label="Name"
+                defaultValue="Mehdi"
+                className="w-full"
+              />
+              <TextField
+                label="Username"
+                defaultValue="@mehdibha_"
+                className="w-full"
+              />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/dialog/composition.tsx b/www/src/demos/dialog/composition.tsx
new file mode 100644
index 000000000..536abf652
--- /dev/null
+++ b/www/src/demos/dialog/composition.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit username</Button>
+      <Dialog title="Edit username">
+        <TextField label="Username" defaultValue="@mehdibha_" />
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/dialog/controlled.tsx b/www/src/demos/dialog/controlled.tsx
new file mode 100644
index 000000000..6a5b4e4e4
--- /dev/null
+++ b/www/src/demos/dialog/controlled.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/registry/ui/default/core/dialog";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog title="Edit profile" description="Make changes to your profile.">
+        {({ close }) => (
+          <>
+            <div className="space-y-4">
+              <TextField autoFocus label="Name" defaultValue="Mehdi" />
+              <TextField label="Username" defaultValue="@mehdibha_" />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/dialog/description.tsx b/www/src/demos/dialog/description.tsx
new file mode 100644
index 000000000..f84fc2302
--- /dev/null
+++ b/www/src/demos/dialog/description.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit username</Button>
+      <Dialog
+        title="Edit username"
+        description="Make changes to your username."
+      >
+        <TextField
+          label="Username"
+          defaultValue="@mehdibha_"
+          className="w-full"
+        />
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/dialog/dismiss-button.tsx b/www/src/demos/dialog/dismiss-button.tsx
new file mode 100644
index 000000000..1e01f9e9e
--- /dev/null
+++ b/www/src/demos/dialog/dismiss-button.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/registry/ui/default/core/dialog";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog
+        title="Edit profile"
+        description="Make changes to your profile."
+        showDismissButton={false}
+      >
+        {({ close }) => (
+          <>
+            <div className="space-y-4">
+              <TextField
+                autoFocus
+                label="Name"
+                defaultValue="Mehdi"
+                className="w-full"
+              />
+              <TextField
+                label="Username"
+                defaultValue="@mehdibha_"
+                className="w-full"
+              />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/dialog/dismissable.tsx b/www/src/demos/dialog/dismissable.tsx
new file mode 100644
index 000000000..7a90f137b
--- /dev/null
+++ b/www/src/demos/dialog/dismissable.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/registry/ui/default/core/dialog";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog
+        title="Edit profile"
+        description="Make changes to your profile."
+        isDismissable={false}
+      >
+        {({ close }) => (
+          <>
+            <div className="space-y-4">
+              <TextField
+                autoFocus
+                label="Name"
+                defaultValue="Mehdi"
+                className="w-full"
+              />
+              <TextField
+                label="Username"
+                defaultValue="@mehdibha_"
+                className="w-full"
+              />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/dialog/drawer.tsx b/www/src/demos/dialog/drawer.tsx
new file mode 100644
index 000000000..79e27b1d2
--- /dev/null
+++ b/www/src/demos/dialog/drawer.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import React from "react";
+import type { Key } from "react-aria-components";
+import { Button } from "@/registry/ui/default/core/button";
+import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+import { Switch } from "@/registry/ui/default/core/switch";
+
+export default function Demo() {
+  const [placement, setPlacement] = React.useState<Key>("top");
+  const [swipeable, setSwipeable] = React.useState<boolean>(true);
+  return (
+    <div className="flex w-full items-center">
+      <div className="flex flex-1 items-center justify-center">
+        <DialogRoot>
+          <Button variant="outline">Open drawer</Button>
+          <Dialog
+            type="drawer"
+            title="Help"
+            description="For help accessing your account, please contact support."
+          />
+        </DialogRoot>
+      </div>
+      <div className="space-y-4 rounded-md border p-4">
+        <Select
+          label="Placement"
+          selectedKey={placement}
+          onSelectionChange={setPlacement}
+        >
+          <Item id="top">Top</Item>
+          <Item id="bottom">Bottom</Item>
+        </Select>
+        <Switch isSelected={swipeable} onChange={setSwipeable}>
+          Swipeable
+        </Switch>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/demos/dialog/inset-content.tsx b/www/src/demos/dialog/inset-content.tsx
new file mode 100644
index 000000000..580774352
--- /dev/null
+++ b/www/src/demos/dialog/inset-content.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+  DialogInset,
+} from "@/registry/ui/default/core/dialog";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog title="Edit profile" description="Make changes to your profile.">
+        {({ close }) => (
+          <>
+            <DialogInset className="bg-bg-muted mb-4 border-y">
+              Content within the inset.
+            </DialogInset>
+            <div className="space-y-4">
+              <TextField
+                autoFocus
+                label="Name"
+                defaultValue="Mehdi"
+                className="w-full"
+              />
+              <TextField
+                label="Username"
+                defaultValue="@mehdibha_"
+                className="w-full"
+              />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/dialog/nested.tsx b/www/src/demos/dialog/nested.tsx
new file mode 100644
index 000000000..9b86e5c1f
--- /dev/null
+++ b/www/src/demos/dialog/nested.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
+import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
+
+type Type = "modal" | "drawer" | "popover";
+
+export default function Demo() {
+  const [type, setType] = React.useState<Type>("modal");
+  return (
+    <div className="flex w-full items-center">
+      <div className="flex flex-1 items-center justify-center">
+        <DialogRoot>
+          <Button variant="outline">Dialog</Button>
+          <Dialog title="Dialog" type={type}>
+            <DialogRoot>
+              <Button variant="outline">Nested dialog</Button>
+              <Dialog title="Nested dialog" type={type}></Dialog>
+            </DialogRoot>
+          </Dialog>
+        </DialogRoot>
+      </div>
+      <div className="space-y-4 rounded-md border px-10 py-6">
+        <RadioGroup
+          label="Type"
+          value={type}
+          onChange={(value) => setType(value as Type)}
+        >
+          <Radio value="modal">Modal</Radio>
+          <Radio value="drawer">Drawer</Radio>
+          <Radio value="popover">Popover</Radio>
+        </RadioGroup>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/demos/dialog/popover.tsx b/www/src/demos/dialog/popover.tsx
new file mode 100644
index 000000000..e524394d6
--- /dev/null
+++ b/www/src/demos/dialog/popover.tsx
@@ -0,0 +1,59 @@
+"use client";
+
+import React from "react";
+import type { Key } from "react-aria-components";
+import { Button } from "@/registry/ui/default/core/button";
+import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+import { Select } from "@/registry/ui/default/core/select";
+import { Switch } from "@/registry/ui/default/core/switch";
+import { InfoIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [placement, setPlacement] = React.useState<Key>("top");
+  const [offset, setOffset] = React.useState<number>(0);
+  const [crossOffset, setCrossOffset] = React.useState<number>(0);
+  const [containerPadding, setContainerPadding] = React.useState<number>(0);
+  const [showArrow, setShowArrow] = React.useState<boolean>(true);
+  return (
+    <div className="flex w-full items-center">
+      <div className="flex flex-1 items-center justify-center">
+        <DialogRoot>
+          <Button variant="outline" shape="square">
+            <InfoIcon />
+          </Button>
+          <Dialog
+            type="popover"
+            title="Help"
+            description="For help accessing your account, please contact support."
+          />
+        </DialogRoot>
+      </div>
+      <div className="space-y-4 rounded-md border p-4">
+        <Select
+          label="Placement"
+          selectedKey={placement}
+          onSelectionChange={setPlacement}
+        >
+          <Item id="top">Top</Item>
+          <Item id="bottom">Bottom</Item>
+        </Select>
+        <NumberField label="Offset" value={offset} onChange={setOffset} />
+        <NumberField
+          label="Cross offset"
+          value={crossOffset}
+          onChange={setCrossOffset}
+        />
+        <NumberField
+          label="Container padding"
+          value={containerPadding}
+          onChange={setContainerPadding}
+        />
+        <Switch isSelected={showArrow} onChange={setShowArrow}>
+          Arrow
+        </Switch>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/demos/dialog/title.tsx b/www/src/demos/dialog/title.tsx
new file mode 100644
index 000000000..c58ca2c4a
--- /dev/null
+++ b/www/src/demos/dialog/title.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit username</Button>
+      <Dialog title="Edit username">
+        <TextField
+          label="Username"
+          defaultValue="@mehdibha_"
+          className="w-full"
+        />
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/dialog/types.tsx b/www/src/demos/dialog/types.tsx
new file mode 100644
index 000000000..92516b215
--- /dev/null
+++ b/www/src/demos/dialog/types.tsx
@@ -0,0 +1,82 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/registry/ui/default/core/dialog";
+import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+type Type = "modal" | "drawer" | "popover";
+
+export default function Demo() {
+  const [type, setType] = React.useState<Type>("modal");
+  const [mobileType, setMobileType] = React.useState<Type>("drawer");
+  return (
+    <div className="flex w-full items-center gap-4">
+      <div className="flex flex-1 items-center justify-center">
+        <DialogRoot>
+          <Button variant="outline">Edit username</Button>
+          <Dialog title="Edit username">
+            {({ close }) => (
+              <>
+                <div className="space-y-4">
+                  <TextField
+                    autoFocus
+                    label="Name"
+                    defaultValue="Mehdi"
+                    className="w-full"
+                  />
+                  <TextField
+                    label="Username"
+                    defaultValue="@mehdibha_"
+                    className="w-full"
+                  />
+                </div>
+                <DialogFooter>
+                  <Button
+                    variant="outline"
+                    size={{ initial: "lg", sm: "md" }}
+                    onPress={close}
+                  >
+                    Cancel
+                  </Button>
+                  <Button
+                    variant="primary"
+                    size={{ initial: "lg", sm: "md" }}
+                    onPress={close}
+                  >
+                    Save changes
+                  </Button>
+                </DialogFooter>
+              </>
+            )}
+          </Dialog>
+        </DialogRoot>
+      </div>
+      <div className="flex items-start gap-6 rounded-md border px-10 py-6">
+        <RadioGroup
+          label="Type"
+          value={type}
+          onChange={(value) => setType(value as Type)}
+        >
+          <Radio value="modal">Modal</Radio>
+          <Radio value="drawer">Drawer</Radio>
+          <Radio value="popover">Popover</Radio>
+        </RadioGroup>
+        <RadioGroup
+          label="Mobile type"
+          value={mobileType}
+          onChange={(value) => setMobileType(value as Type)}
+        >
+          <Radio value="modal">Modal</Radio>
+          <Radio value="drawer">Drawer</Radio>
+          <Radio value="popover">Popover</Radio>
+        </RadioGroup>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/demos/drop-zone/default.tsx b/www/src/demos/drop-zone/default.tsx
new file mode 100644
index 000000000..c26779f52
--- /dev/null
+++ b/www/src/demos/drop-zone/default.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { DropZone } from "@/registry/ui/default/core/drop-zone";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <DropZone>
+      <UploadIcon />
+    </DropZone>
+  );
+}
diff --git a/www/src/demos/drop-zone/disabled.tsx b/www/src/demos/drop-zone/disabled.tsx
new file mode 100644
index 000000000..1e4af2c3a
--- /dev/null
+++ b/www/src/demos/drop-zone/disabled.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { DropZone } from "@/registry/ui/default/core/drop-zone";
+import { Text } from "@/registry/ui/default/core/text";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <DropZone isDisabled>
+      <UploadIcon />
+      <Text slot="label">Drag and drop files here</Text>
+    </DropZone>
+  );
+}
diff --git a/www/src/demos/drop-zone/file-trigger.tsx b/www/src/demos/drop-zone/file-trigger.tsx
new file mode 100644
index 000000000..786a52cd9
--- /dev/null
+++ b/www/src/demos/drop-zone/file-trigger.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { DropZone } from "@/registry/ui/default/core/drop-zone";
+import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { Text } from "@/registry/ui/default/core/text";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <DropZone className="space-y-1">
+      <UploadIcon />
+      <Text slot="label">Drag and drop files here</Text>
+      <FileTrigger>
+        <Button>Select files</Button>
+      </FileTrigger>
+    </DropZone>
+  );
+}
diff --git a/www/src/demos/drop-zone/label.tsx b/www/src/demos/drop-zone/label.tsx
new file mode 100644
index 000000000..521b756bb
--- /dev/null
+++ b/www/src/demos/drop-zone/label.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { DropZone } from "@/registry/ui/default/core/drop-zone";
+import { Text } from "@/registry/ui/default/core/text";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col gap-4">
+      <DropZone aria-label="drag and drop files here">
+        <UploadIcon />
+      </DropZone>
+      <DropZone>
+        <UploadIcon />
+        <Text slot="label">Drag and drop files here</Text>
+      </DropZone>
+    </div>
+  );
+}
diff --git a/www/src/demos/file-trigger/default.tsx b/www/src/demos/file-trigger/default.tsx
new file mode 100644
index 000000000..ee8976a45
--- /dev/null
+++ b/www/src/demos/file-trigger/default.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { UploadIcon } from "@/__icons__";
+
+export default function FileTriggerDemo() {
+  const [file, setFile] = React.useState<string | null>(null);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <FileTrigger
+        onSelect={(e) => {
+          if (e) {
+            const files = Array.from(e);
+            setFile(files[0].name);
+          }
+        }}
+        allowsMultiple
+      >
+        <Button prefix={<UploadIcon />}>Upload</Button>
+      </FileTrigger>
+      {file && (
+        <p>
+          You selected <span className="font-semibold">{file}</span>
+        </p>
+      )}
+    </div>
+  );
+}
diff --git a/www/src/demos/file-trigger/directory-selection.tsx b/www/src/demos/file-trigger/directory-selection.tsx
new file mode 100644
index 000000000..30207d230
--- /dev/null
+++ b/www/src/demos/file-trigger/directory-selection.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { UploadIcon } from "@/__icons__";
+
+export default function FileTriggerDemo() {
+  const [files, setFiles] = React.useState<string[] | null>(null);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <FileTrigger
+        acceptDirectory
+        onSelect={(e) => {
+          if (e) {
+            const files = Array.from(e);
+            const filenames = files.map((file) => file.name);
+            setFiles(filenames);
+          }
+        }}
+      >
+        <Button prefix={<UploadIcon />}>Upload a directory</Button>
+      </FileTrigger>
+      {files && (
+        <ul>
+          {files.map((file, index) => (
+            <li key={index}>{file}</li>
+          ))}
+        </ul>
+      )}
+    </div>
+  );
+}
diff --git a/www/src/demos/file-trigger/file-types.tsx b/www/src/demos/file-trigger/file-types.tsx
new file mode 100644
index 000000000..1ee6b42c2
--- /dev/null
+++ b/www/src/demos/file-trigger/file-types.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { UploadIcon } from "@/__icons__";
+
+export default function FileTriggerDemo() {
+  return (
+    <FileTrigger acceptedFileTypes={["image/*"]}>
+      <Button prefix={<UploadIcon />}>Upload image</Button>
+    </FileTrigger>
+  );
+}
diff --git a/www/src/demos/file-trigger/media-capture.tsx b/www/src/demos/file-trigger/media-capture.tsx
new file mode 100644
index 000000000..dc4c33a90
--- /dev/null
+++ b/www/src/demos/file-trigger/media-capture.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { CameraIcon } from "@/__icons__";
+
+export default function FileTriggerDemo() {
+  return (
+    <FileTrigger defaultCamera="environment">
+      <Button prefix={<CameraIcon />}>Take a picture</Button>
+    </FileTrigger>
+  );
+}
diff --git a/www/src/demos/file-trigger/multiple-files.tsx b/www/src/demos/file-trigger/multiple-files.tsx
new file mode 100644
index 000000000..a986f60fb
--- /dev/null
+++ b/www/src/demos/file-trigger/multiple-files.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { UploadIcon } from "@/__icons__";
+
+export default function FileTriggerDemo() {
+  const [files, setFiles] = React.useState<string[] | null>(null);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <FileTrigger
+        onSelect={(e) => {
+          if (e) {
+            const files = Array.from(e);
+            const filenames = files.map((file) => file.name);
+            setFiles(filenames);
+          }
+        }}
+        allowsMultiple
+      >
+        <Button prefix={<UploadIcon />}>Upload</Button>
+      </FileTrigger>
+      {files && (
+        <p>
+          You selected <span className="font-semibold">{files.join(", ")}</span>
+        </p>
+      )}
+    </div>
+  );
+}
diff --git a/www/src/demos/link/default.tsx b/www/src/demos/link/default.tsx
new file mode 100644
index 000000000..5a05334bc
--- /dev/null
+++ b/www/src/demos/link/default.tsx
@@ -0,0 +1,9 @@
+import { Link } from "@/registry/ui/default/core/link";
+
+export default function Demo() {
+  return (
+    <Link href="https://x.com/mehdibha_" target="_blank">
+      @mehdibha_
+    </Link>
+  );
+}
diff --git a/www/src/demos/link/disabled.tsx b/www/src/demos/link/disabled.tsx
new file mode 100644
index 000000000..5083dd59c
--- /dev/null
+++ b/www/src/demos/link/disabled.tsx
@@ -0,0 +1,9 @@
+import { Link } from "@/registry/ui/default/core/link";
+
+export default function Demo() {
+  return (
+    <Link href="https://x.com/mehdibha_" isDisabled>
+      @mehdibha_
+    </Link>
+  );
+}
diff --git a/www/src/demos/link/icon.tsx b/www/src/demos/link/icon.tsx
new file mode 100644
index 000000000..7e309cdf4
--- /dev/null
+++ b/www/src/demos/link/icon.tsx
@@ -0,0 +1,13 @@
+import { Link } from "@/registry/ui/default/core/link";
+import { ExternalLinkIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Link href="/docs" target="_blank">
+      Docs{" "}
+      <span>
+        <ExternalLinkIcon className="size-4" />
+      </span>
+    </Link>
+  );
+}
diff --git a/www/src/demos/link/variants.tsx b/www/src/demos/link/variants.tsx
new file mode 100644
index 000000000..0e767c24c
--- /dev/null
+++ b/www/src/demos/link/variants.tsx
@@ -0,0 +1,21 @@
+import { Link } from "@/registry/ui/default/core/link";
+
+export default function Demo() {
+  return (
+    <div className="space-y-2">
+      {(["accent", "quiet"] as const).map((variant, index) => (
+        <p key={index}>
+          Follow{" "}
+          <Link
+            variant={variant}
+            href="https://x.com/mehdibha_"
+            target="_blank"
+          >
+            @mehdibha_
+          </Link>{" "}
+          to stay updated on dotUI latest releases.
+        </p>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/demos/list-box/async-loading.tsx b/www/src/demos/list-box/async-loading.tsx
new file mode 100644
index 000000000..8b3eae604
--- /dev/null
+++ b/www/src/demos/list-box/async-loading.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import { useAsyncList } from "react-stately";
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+interface Character {
+  name: string;
+}
+
+export default function Demo() {
+  const list = useAsyncList<Character>({
+    async load({ signal }) {
+      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
+      const json = (await res.json()) as { results: Character[] };
+      return {
+        items: json.results,
+      };
+    },
+  });
+
+  return (
+    <ListBox
+      aria-label="Pick a Pokemon"
+      items={list.items}
+      isLoading={list.isLoading}
+      selectionMode="single"
+    >
+      {(item) => <Item id={item.name}>{item.name}</Item>}
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/basic.tsx b/www/src/demos/list-box/basic.tsx
new file mode 100644
index 000000000..f89394595
--- /dev/null
+++ b/www/src/demos/list-box/basic.tsx
@@ -0,0 +1,12 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Framework">
+      <Item>Next.js</Item>
+      <Item>Remix</Item>
+      <Item>Astro</Item>
+      <Item>Gatsby</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/composition.tsx b/www/src/demos/list-box/composition.tsx
new file mode 100644
index 000000000..c32821f83
--- /dev/null
+++ b/www/src/demos/list-box/composition.tsx
@@ -0,0 +1,27 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { Text } from "@/registry/ui/default/core/text";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Framework" selectionMode="multiple" className="w-60">
+      <Item>
+        <Text slot="label">Next.js</Text>
+        <Text slot="description">
+          React-based SSR and static site framework.
+        </Text>
+      </Item>
+      <Item>
+        <Text slot="label">Remix</Text>
+        <Text slot="description">
+          Full-stack framework with efficient data loading.
+        </Text>
+      </Item>
+      <Item>
+        <Text slot="label">Astro</Text>
+        <Text slot="description">
+          Lightweight static site builder for performance.
+        </Text>
+      </Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/contact-list.tsx b/www/src/demos/list-box/contact-list.tsx
new file mode 100644
index 000000000..fd8cee810
--- /dev/null
+++ b/www/src/demos/list-box/contact-list.tsx
@@ -0,0 +1,3 @@
+export default function Demo() {
+  return <p>demo</p>;
+}
diff --git a/www/src/demos/list-box/controlled.tsx b/www/src/demos/list-box/controlled.tsx
new file mode 100644
index 000000000..549bdbd20
--- /dev/null
+++ b/www/src/demos/list-box/controlled.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import React from "react";
+import type { Selection } from "react-aria-components";
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  const [selected, setSelected] = React.useState<Selection>(
+    new Set(["nextjs", "remix", "astro"])
+  );
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <ListBox
+        aria-label="Framework"
+        selectionMode="multiple"
+        selectedKeys={selected}
+        onSelectionChange={setSelected}
+      >
+        <Item id="nextjs">Next.js</Item>
+        <Item id="remix">Remix</Item>
+        <Item id="astro">Astro</Item>
+        <Item id="gatsby">Gatsby</Item>
+      </ListBox>
+      <p className="text-fg-muted text-sm">
+        Selected items:{" "}
+        <span className="font-semibold">
+          {selected === "all" ? "all" : Array.from(selected).join(", ")}
+        </span>
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/list-box/disabled-items.tsx b/www/src/demos/list-box/disabled-items.tsx
new file mode 100644
index 000000000..ce69403fb
--- /dev/null
+++ b/www/src/demos/list-box/disabled-items.tsx
@@ -0,0 +1,12 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Favorite framework" selectionMode="single">
+      <Item>Next.js</Item>
+      <Item>Remix</Item>
+      <Item isDisabled>Gatsby</Item>
+      <Item>Astro</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/empty-state.tsx b/www/src/demos/list-box/empty-state.tsx
new file mode 100644
index 000000000..92c4092b2
--- /dev/null
+++ b/www/src/demos/list-box/empty-state.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+import { ListBox } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox
+      aria-label="Search results"
+      renderEmptyState={() => "No results found."}
+    ></ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/grid.tsx b/www/src/demos/list-box/grid.tsx
new file mode 100644
index 000000000..64b8ae63c
--- /dev/null
+++ b/www/src/demos/list-box/grid.tsx
@@ -0,0 +1,12 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Framework" layout="grid">
+      <Item>Next.js</Item>
+      <Item>Remix</Item>
+      <Item>Astro</Item>
+      <Item>Gatsby</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/horizontal.tsx b/www/src/demos/list-box/horizontal.tsx
new file mode 100644
index 000000000..ada8af83e
--- /dev/null
+++ b/www/src/demos/list-box/horizontal.tsx
@@ -0,0 +1,15 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox
+      aria-label="Options"
+      orientation="horizontal"
+      selectionMode="single"
+    >
+      <Item textValue="Read" label="Read" description="Read Only" />
+      <Item textValue="Write" label="Write" description="Read and Write Only" />
+      <Item textValue="Admin" label="Admin" description="Full access" />
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/image-grid.tsx b/www/src/demos/list-box/image-grid.tsx
new file mode 100644
index 000000000..fd8cee810
--- /dev/null
+++ b/www/src/demos/list-box/image-grid.tsx
@@ -0,0 +1,3 @@
+export default function Demo() {
+  return <p>demo</p>;
+}
diff --git a/www/src/demos/list-box/item-variant.tsx b/www/src/demos/list-box/item-variant.tsx
new file mode 100644
index 000000000..a59027be1
--- /dev/null
+++ b/www/src/demos/list-box/item-variant.tsx
@@ -0,0 +1,12 @@
+import { Item, ListBox } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="project">
+      <Item>View logs</Item>
+      <Item>Manage domains</Item>
+      <Item>Transfer project</Item>
+      <Item variant="danger">Delete project</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/label-and-description.tsx b/www/src/demos/list-box/label-and-description.tsx
new file mode 100644
index 000000000..f2701a780
--- /dev/null
+++ b/www/src/demos/list-box/label-and-description.tsx
@@ -0,0 +1,18 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { Section } from "@/registry/ui/default/core/section";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Options" selectionMode="single">
+      <Section title="Permissions">
+        <Item textValue="Read" label="Read" description="Read Only" />
+        <Item
+          textValue="Write"
+          label="Write"
+          description="Read and Write Only"
+        />
+        <Item textValue="Admin" label="Admin" description="Full access" />
+      </Section>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/links.tsx b/www/src/demos/list-box/links.tsx
new file mode 100644
index 000000000..baf69cd6c
--- /dev/null
+++ b/www/src/demos/list-box/links.tsx
@@ -0,0 +1,30 @@
+import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Links" className="w-auto">
+      <Item
+        href="https://github.com/mehdibha"
+        target="_blank"
+        prefix={<GitHubIcon />}
+      >
+        GitHub
+      </Item>
+      <Item
+        href="https://discord.com/invite/DXpj5V2fU8"
+        target="_blank"
+        prefix={<DiscordIcon />}
+      >
+        Discord
+      </Item>
+      <Item
+        href="https://x.com/mehdibha_"
+        target="_blank"
+        prefix={<TwitterIcon />}
+      >
+        X
+      </Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/loading.tsx b/www/src/demos/list-box/loading.tsx
new file mode 100644
index 000000000..f8f1318e7
--- /dev/null
+++ b/www/src/demos/list-box/loading.tsx
@@ -0,0 +1,11 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox isLoading>
+      <Item>User 1</Item>
+      <Item>User 2</Item>
+      <Item>User 3</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/prefix-and-suffix.tsx b/www/src/demos/list-box/prefix-and-suffix.tsx
new file mode 100644
index 000000000..36fbfcab0
--- /dev/null
+++ b/www/src/demos/list-box/prefix-and-suffix.tsx
@@ -0,0 +1,24 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { SquarePenIcon, PlusSquareIcon, CopyIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Framework" className="w-60">
+      <Item
+        label="New file"
+        description="Create a new file"
+        prefix={<PlusSquareIcon />}
+      />
+      <Item
+        label="Copy link"
+        description="Copy the file link"
+        prefix={<CopyIcon />}
+      />
+      <Item
+        label="Edit file"
+        description="Allows you to edit the file"
+        prefix={<SquarePenIcon />}
+      />
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/sections.tsx b/www/src/demos/list-box/sections.tsx
new file mode 100644
index 000000000..8aed76469
--- /dev/null
+++ b/www/src/demos/list-box/sections.tsx
@@ -0,0 +1,25 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { Section } from "@/registry/ui/default/core/section";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Burger contents" selectionMode="multiple">
+      <Section title="Sauces">
+        <Item id="signature-sauce">Signature sauce</Item>
+        <Item id="bbq-sauce">BBQ sauce</Item>
+        <Item id="honey-mustard">Honey mustard</Item>
+        <Item id="tartar-sauce">Tartar sauce</Item>
+      </Section>
+      <Section title="Cheese">
+        <Item id="pepperjack">Pepperjack</Item>
+        <Item id="mozzarella">Mozzarella</Item>
+        <Item id="blue-cheese">Blue cheese</Item>
+      </Section>
+      <Section title="Extras">
+        <Item id="bacon">Bacon</Item>
+        <Item id="sauteed-onions">Sauteed onions</Item>
+        <Item id="green-pepper">Green pepper</Item>
+      </Section>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/selection-behavior.tsx b/www/src/demos/list-box/selection-behavior.tsx
new file mode 100644
index 000000000..0cb78c629
--- /dev/null
+++ b/www/src/demos/list-box/selection-behavior.tsx
@@ -0,0 +1,16 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox
+      aria-label="Framework"
+      selectionMode="multiple"
+      selectionBehavior="replace"
+    >
+      <Item>Next.js</Item>
+      <Item>Remix</Item>
+      <Item>Astro</Item>
+      <Item>Gatsby</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/selection-mode.tsx b/www/src/demos/list-box/selection-mode.tsx
new file mode 100644
index 000000000..36ffd58d2
--- /dev/null
+++ b/www/src/demos/list-box/selection-mode.tsx
@@ -0,0 +1,20 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <div className="flex items-start gap-10">
+      <ListBox aria-label="Framework" selectionMode="single">
+        <Item>Next.js</Item>
+        <Item>Remix</Item>
+        <Item>Astro</Item>
+        <Item>Gatsby</Item>
+      </ListBox>
+      <ListBox aria-label="Framework" selectionMode="multiple">
+        <Item>Next.js</Item>
+        <Item>Remix</Item>
+        <Item>Astro</Item>
+        <Item>Gatsby</Item>
+      </ListBox>
+    </div>
+  );
+}
diff --git a/www/src/demos/list-box/separator.tsx b/www/src/demos/list-box/separator.tsx
new file mode 100644
index 000000000..bbfd47f01
--- /dev/null
+++ b/www/src/demos/list-box/separator.tsx
@@ -0,0 +1,18 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { Separator } from "@/registry/ui/default/core/separator";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="File">
+      <Item>New...</Item>
+      <Item>Badges</Item>
+      <Separator />
+      <Item>Save</Item>
+      <Item>Save as...</Item>
+      <Item>Rename...</Item>
+      <Separator />
+      <Item>Page setup…</Item>
+      <Item>Print…</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/list-box/uncontrolled.tsx b/www/src/demos/list-box/uncontrolled.tsx
new file mode 100644
index 000000000..df9c15831
--- /dev/null
+++ b/www/src/demos/list-box/uncontrolled.tsx
@@ -0,0 +1,16 @@
+import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox
+      aria-label="Framework"
+      selectionMode="multiple"
+      defaultSelectedKeys={["nextjs", "remix", "astro"]}
+    >
+      <Item id="nextjs">Next.js</Item>
+      <Item id="remix">Remix</Item>
+      <Item id="astro">Astro</Item>
+      <Item id="gatsby">Gatsby</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/demos/menu/basic.tsx b/www/src/demos/menu/basic.tsx
new file mode 100644
index 000000000..56367534a
--- /dev/null
+++ b/www/src/demos/menu/basic.tsx
@@ -0,0 +1,19 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem>Account settings</MenuItem>
+        <MenuItem>Create team</MenuItem>
+        <MenuItem>Command menu</MenuItem>
+        <MenuItem>Log out</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/composition.tsx b/www/src/demos/menu/composition.tsx
new file mode 100644
index 000000000..d7e6a527f
--- /dev/null
+++ b/www/src/demos/menu/composition.tsx
@@ -0,0 +1,26 @@
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  MenuContent,
+  MenuItem,
+  MenuRoot,
+} from "@/registry/ui/default/core/menu";
+import { Overlay } from "@/registry/ui/default/core/overlay";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Overlay type="popover" mobileType="drawer">
+        <MenuContent>
+          <MenuItem>Account settings</MenuItem>
+          <MenuItem>Create team</MenuItem>
+          <MenuItem>Command menu</MenuItem>
+          <MenuItem>Log out</MenuItem>
+        </MenuContent>
+      </Overlay>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/controlled.tsx b/www/src/demos/menu/controlled.tsx
new file mode 100644
index 000000000..27d29e7ce
--- /dev/null
+++ b/www/src/demos/menu/controlled.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [isOpen, setOpen] = React.useState(false);
+  return (
+    <div className="flex flex-col-reverse items-center gap-4">
+      <MenuRoot isOpen={isOpen} onOpenChange={setOpen}>
+        <Button variant="outline" shape="square">
+          <MenuIcon />
+        </Button>
+        <Menu>
+          <MenuItem>Account settings</MenuItem>
+          <MenuItem>Create team</MenuItem>
+          <MenuItem>Log out</MenuItem>
+        </Menu>
+      </MenuRoot>
+      <p className="text-fg-muted text-sm">
+        state: {isOpen ? "open" : "closed"}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/menu/disabled-items.tsx b/www/src/demos/menu/disabled-items.tsx
new file mode 100644
index 000000000..e3350ac69
--- /dev/null
+++ b/www/src/demos/menu/disabled-items.tsx
@@ -0,0 +1,20 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { MenuIcon, PlusSquareIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem>Account settings</MenuItem>
+        <MenuItem prefix={<PlusSquareIcon />} isDisabled>
+          Create team
+        </MenuItem>
+        <MenuItem>Log out</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/item-variant.tsx b/www/src/demos/menu/item-variant.tsx
new file mode 100644
index 000000000..caef6d17b
--- /dev/null
+++ b/www/src/demos/menu/item-variant.tsx
@@ -0,0 +1,19 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem>Account settings</MenuItem>
+        <MenuItem>Create team</MenuItem>
+        <MenuItem>Command menu</MenuItem>
+        <MenuItem variant="danger">Delete</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/label-and-description.tsx b/www/src/demos/menu/label-and-description.tsx
new file mode 100644
index 000000000..c23b7ab05
--- /dev/null
+++ b/www/src/demos/menu/label-and-description.tsx
@@ -0,0 +1,18 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem label="New file" description="Create a new file" />
+        <MenuItem label="Copy link" description="Copy the file link" />
+        <MenuItem label="Edit file" description="Allows you to edit the file" />
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/link-items.tsx b/www/src/demos/menu/link-items.tsx
new file mode 100644
index 000000000..7b8fa3bac
--- /dev/null
+++ b/www/src/demos/menu/link-items.tsx
@@ -0,0 +1,36 @@
+import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" size="sm">
+        Social
+      </Button>
+      <Menu>
+        <MenuItem
+          prefix={<GitHubIcon />}
+          href="https://github.com/mehdibha/dotUI"
+          target="_blank"
+        >
+          Github
+        </MenuItem>
+        <MenuItem
+          prefix={<TwitterIcon />}
+          href="https://twitter.com/mehdibha_"
+          target="_blank"
+        >
+          X
+        </MenuItem>
+        <MenuItem
+          prefix={<DiscordIcon />}
+          href="https://discord.com/invite/DXpj5V2fU8"
+          target="_blank"
+        >
+          Discord
+        </MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/long-press.tsx b/www/src/demos/menu/long-press.tsx
new file mode 100644
index 000000000..d565e3557
--- /dev/null
+++ b/www/src/demos/menu/long-press.tsx
@@ -0,0 +1,18 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot trigger="longPress">
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem>Account settings</MenuItem>
+        <MenuItem>Create team</MenuItem>
+        <MenuItem>Log out</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/multiple-selection.tsx b/www/src/demos/menu/multiple-selection.tsx
new file mode 100644
index 000000000..36360e112
--- /dev/null
+++ b/www/src/demos/menu/multiple-selection.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" size="sm">
+        Panels
+      </Button>
+      <Menu
+        selectionMode="multiple"
+        defaultSelectedKeys={["sidebar", "searchbar", "console"]}
+      >
+        <MenuItem id="sidebar">Sidebar</MenuItem>
+        <MenuItem id="searchbar">Searchbar</MenuItem>
+        <MenuItem id="tools">Tools</MenuItem>
+        <MenuItem id="console">Console</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/overlay-type.tsx b/www/src/demos/menu/overlay-type.tsx
new file mode 100644
index 000000000..6fddc942e
--- /dev/null
+++ b/www/src/demos/menu/overlay-type.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { type OverlayProps } from "@/registry/ui/default/core/overlay";
+import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [type, setType] = React.useState("popover");
+  const [mobileType, setMobileType] = React.useState("drawer");
+  return (
+    <div className="flex items-center gap-14">
+      <MenuRoot>
+        <Button variant="outline" shape="square">
+          <MenuIcon />
+        </Button>
+        <Menu
+          type={type as OverlayProps["type"]}
+          mobileType={mobileType as OverlayProps["type"]}
+        >
+          <MenuItem>Account settings</MenuItem>
+          <MenuItem>Create team</MenuItem>
+          <MenuItem>Command menu</MenuItem>
+          <MenuItem>Log out</MenuItem>
+        </Menu>
+      </MenuRoot>
+      <div className="flex items-center gap-6">
+        <RadioGroup label="Type" value={type} onChange={setType}>
+          <Radio value="popover">Popover</Radio>
+          <Radio value="modal">Modal</Radio>
+          <Radio value="drawer">Drawer</Radio>
+        </RadioGroup>
+        <RadioGroup
+          label="MobileType"
+          value={mobileType}
+          onChange={setMobileType}
+        >
+          <Radio value="popover">Popover</Radio>
+          <Radio value="modal">Modal</Radio>
+          <Radio value="drawer">Drawer</Radio>
+        </RadioGroup>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/demos/menu/placement.tsx b/www/src/demos/menu/placement.tsx
new file mode 100644
index 000000000..42d0015e9
--- /dev/null
+++ b/www/src/demos/menu/placement.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Item } from "@/registry/ui/default/core/list-box";
+import {
+  Menu,
+  MenuItem,
+  MenuRoot,
+  type MenuProps,
+} from "@/registry/ui/default/core/menu";
+import { Select } from "@/registry/ui/default/core/select";
+import { MenuIcon } from "@/__icons__";
+
+type Placement = MenuProps<object>["placement"];
+
+export default function Demo() {
+  const [placement, setPlacement] = React.useState<Placement>("top");
+  return (
+    <div className="flex items-center gap-10">
+      <MenuRoot>
+        <Button variant="outline" shape="square" size="sm">
+          <MenuIcon />
+        </Button>
+        <Menu placement={placement}>
+          <MenuItem>Account settings</MenuItem>
+          <MenuItem>Create team</MenuItem>
+          <MenuItem>Log out</MenuItem>
+        </Menu>
+      </MenuRoot>
+      <Select
+        label="Placement"
+        selectedKey={placement}
+        onSelectionChange={(key) => setPlacement(key as Placement)}
+      >
+        {[
+          "bottom",
+          "bottom left",
+          "bottom right",
+          "bottom start",
+          "bottom end",
+          "top",
+          "top left",
+          "top right",
+          "top start",
+          "top end",
+          "left",
+          "left top",
+          "left",
+          "bottom",
+          "start",
+          "start top",
+          "start bottom",
+          "right",
+          "right top",
+          "right",
+          "bottom",
+          "end",
+          "end top",
+          "end bottom",
+        ].map((pos, index) => (
+          <Item key={index} id={pos.replace(" ", "")}>
+            {pos}
+          </Item>
+        ))}
+      </Select>
+    </div>
+  );
+}
diff --git a/www/src/demos/menu/prefix-and-suffix.tsx b/www/src/demos/menu/prefix-and-suffix.tsx
new file mode 100644
index 000000000..18cb3b153
--- /dev/null
+++ b/www/src/demos/menu/prefix-and-suffix.tsx
@@ -0,0 +1,30 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { CopyIcon, MenuIcon, PlusSquareIcon, SquarePenIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square" size="sm">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem
+          label="New file"
+          description="Create a new file"
+          prefix={<PlusSquareIcon />}
+        />
+        <MenuItem
+          label="Copy link"
+          description="Copy the file link"
+          prefix={<CopyIcon />}
+        />
+        <MenuItem
+          label="Edit file"
+          description="Allows you to edit the file"
+          prefix={<SquarePenIcon />}
+        />
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/section.tsx b/www/src/demos/menu/section.tsx
new file mode 100644
index 000000000..728780628
--- /dev/null
+++ b/www/src/demos/menu/section.tsx
@@ -0,0 +1,24 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Section } from "@/registry/ui/default/core/section";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <Section title="Notifications">
+          <MenuItem>Push notifications</MenuItem>
+          <MenuItem>Badges</MenuItem>
+        </Section>
+        <Section title="Panels">
+          <MenuItem id="console">Console</MenuItem>
+          <MenuItem>Search</MenuItem>
+        </Section>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/separator.tsx b/www/src/demos/menu/separator.tsx
new file mode 100644
index 000000000..ee147c091
--- /dev/null
+++ b/www/src/demos/menu/separator.tsx
@@ -0,0 +1,22 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Separator } from "@/registry/ui/default/core/separator";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline">File</Button>
+      <Menu>
+        <MenuItem>New...</MenuItem>
+        <MenuItem>Badges</MenuItem>
+        <Separator />
+        <MenuItem>Save</MenuItem>
+        <MenuItem>Save as...</MenuItem>
+        <MenuItem>Rename...</MenuItem>
+        <Separator />
+        <MenuItem>Page setup…</MenuItem>
+        <MenuItem>Print…</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/shortcut.tsx b/www/src/demos/menu/shortcut.tsx
new file mode 100644
index 000000000..9fcb7e73c
--- /dev/null
+++ b/www/src/demos/menu/shortcut.tsx
@@ -0,0 +1,18 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem shortcut="⌘N">New file</MenuItem>
+        <MenuItem shortcut="⌘C">Copy link</MenuItem>
+        <MenuItem shortcut="⌘⇧E">Edit file</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/single-selection.tsx b/www/src/demos/menu/single-selection.tsx
new file mode 100644
index 000000000..c9117c08c
--- /dev/null
+++ b/www/src/demos/menu/single-selection.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import React from "react";
+import type { Selection } from "react-aria-components";
+import { Button } from "@/registry/ui/default/core/button";
+import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+
+export default function Demo() {
+  const [selected, setSelected] = React.useState<Selection>(
+    new Set(["center"])
+  );
+  return (
+    <MenuRoot>
+      <Button variant="outline" size="sm">
+        Align
+      </Button>
+      <Menu
+        selectionMode="single"
+        selectedKeys={selected}
+        onSelectionChange={setSelected}
+      >
+        <MenuItem id="start">Start</MenuItem>
+        <MenuItem id="center">Center</MenuItem>
+        <MenuItem id="end">End</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/menu/submenus.tsx b/www/src/demos/menu/submenus.tsx
new file mode 100644
index 000000000..6d5bf5e0f
--- /dev/null
+++ b/www/src/demos/menu/submenus.tsx
@@ -0,0 +1,35 @@
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  Menu,
+  MenuItem,
+  MenuRoot,
+  MenuSub,
+} from "@/registry/ui/default/core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem>Account settings</MenuItem>
+        <MenuSub>
+          <MenuItem>Invite users</MenuItem>
+          <Menu>
+            <MenuItem>SMS</MenuItem>
+            <MenuItem>Twitter</MenuItem>
+            <MenuSub>
+              <MenuItem>Email</MenuItem>
+              <Menu>
+                <MenuItem>Work</MenuItem>
+                <MenuItem>Personal</MenuItem>
+              </Menu>
+            </MenuSub>
+          </Menu>
+        </MenuSub>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/demos/number-field/composition.tsx b/www/src/demos/number-field/composition.tsx
new file mode 100644
index 000000000..f0b5d7c67
--- /dev/null
+++ b/www/src/demos/number-field/composition.tsx
@@ -0,0 +1,27 @@
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Description, Label } from "@/registry/ui/default/core/field";
+import { Group } from "@/registry/ui/default/core/group";
+import { Input, InputRoot } from "@/registry/ui/default/core/input";
+import { NumberFieldRoot } from "@/registry/ui/default/core/number-field";
+import { MinusIcon, PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <NumberFieldRoot>
+      <Label>Quantity</Label>
+      <Group className="flex items-center gap-2">
+        <Button slot="decrement" shape="square">
+          <MinusIcon />
+        </Button>
+        <InputRoot>
+          <Input />
+        </InputRoot>
+        <Button slot="increment" shape="square">
+          <PlusIcon />
+        </Button>
+      </Group>
+      <Description>Enter the disired quantity.</Description>
+    </NumberFieldRoot>
+  );
+}
diff --git a/www/src/demos/number-field/contextual-help.tsx b/www/src/demos/number-field/contextual-help.tsx
new file mode 100644
index 000000000..e44ef0e20
--- /dev/null
+++ b/www/src/demos/number-field/contextual-help.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return (
+    <NumberField
+      label="Width"
+      defaultValue={1024}
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you need help, please contact support."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/demos/number-field/controlled.tsx b/www/src/demos/number-field/controlled.tsx
new file mode 100644
index 000000000..6e66018fd
--- /dev/null
+++ b/www/src/demos/number-field/controlled.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState(69);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <NumberField
+        aria-label="Width"
+        value={inputValue}
+        onChange={(value) => {
+          setInputValue(value);
+        }}
+      />
+      <p className="text-fg-muted text-sm">mirrored number: {inputValue}</p>
+    </div>
+  );
+}
diff --git a/www/src/demos/number-field/default.tsx b/www/src/demos/number-field/default.tsx
new file mode 100644
index 000000000..ce5a53efb
--- /dev/null
+++ b/www/src/demos/number-field/default.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return <NumberField label="Width" defaultValue={1024} />;
+}
diff --git a/www/src/demos/number-field/description.tsx b/www/src/demos/number-field/description.tsx
new file mode 100644
index 000000000..b3078e41b
--- /dev/null
+++ b/www/src/demos/number-field/description.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return <NumberField label="Width" description="Enter the desired width." />;
+}
diff --git a/www/src/demos/number-field/disabled.tsx b/www/src/demos/number-field/disabled.tsx
new file mode 100644
index 000000000..298d9a932
--- /dev/null
+++ b/www/src/demos/number-field/disabled.tsx
@@ -0,0 +1,5 @@
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return <NumberField defaultValue={20} isDisabled />;
+}
diff --git a/www/src/demos/number-field/error-message.tsx b/www/src/demos/number-field/error-message.tsx
new file mode 100644
index 000000000..611a0dd5d
--- /dev/null
+++ b/www/src/demos/number-field/error-message.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return (
+    <NumberField
+      label="Width"
+      isInvalid
+      errorMessage="Please fill out this field."
+    />
+  );
+}
diff --git a/www/src/demos/number-field/format-options.tsx b/www/src/demos/number-field/format-options.tsx
new file mode 100644
index 000000000..b5900db78
--- /dev/null
+++ b/www/src/demos/number-field/format-options.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <NumberField
+        label="Decimal"
+        defaultValue={0}
+        formatOptions={{
+          signDisplay: "exceptZero",
+          minimumFractionDigits: 1,
+          maximumFractionDigits: 2,
+        }}
+      />
+      <NumberField
+        label="Percentage"
+        defaultValue={0.05}
+        formatOptions={{
+          style: "percent",
+        }}
+      />
+      <NumberField
+        label="Currency"
+        defaultValue={45}
+        formatOptions={{
+          style: "currency",
+          currency: "EUR",
+          currencyDisplay: "code",
+          currencySign: "accounting",
+        }}
+      />
+      <NumberField
+        label="Unit"
+        defaultValue={4}
+        formatOptions={{
+          style: "unit",
+          unit: "inch",
+          unitDisplay: "long",
+        }}
+      />
+    </div>
+  );
+}
diff --git a/www/src/demos/number-field/label.tsx b/www/src/demos/number-field/label.tsx
new file mode 100644
index 000000000..878e060e8
--- /dev/null
+++ b/www/src/demos/number-field/label.tsx
@@ -0,0 +1,10 @@
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <NumberField label="Width" placeholder="Visible label" />
+      <NumberField aria-label="Width" placeholder="Hidden label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/number-field/read-only.tsx b/www/src/demos/number-field/read-only.tsx
new file mode 100644
index 000000000..5d3b77022
--- /dev/null
+++ b/www/src/demos/number-field/read-only.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return <NumberField aria-label="Width" isReadOnly value={69} />;
+}
diff --git a/www/src/demos/number-field/required.tsx b/www/src/demos/number-field/required.tsx
new file mode 100644
index 000000000..47e69de8f
--- /dev/null
+++ b/www/src/demos/number-field/required.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <NumberField label="Width" isRequired />
+      <NumberField label="Width" isRequired necessityIndicator="icon" />
+      <NumberField label="Width" isRequired necessityIndicator="label" />
+      <NumberField label="Width" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/number-field/sizes.tsx b/www/src/demos/number-field/sizes.tsx
new file mode 100644
index 000000000..153ca6319
--- /dev/null
+++ b/www/src/demos/number-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <NumberField placeholder="small (sm)" size="sm" />
+      <NumberField placeholder="medium (md)" size="md" />
+      <NumberField placeholder="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/demos/number-field/uncontrolled.tsx b/www/src/demos/number-field/uncontrolled.tsx
new file mode 100644
index 000000000..85edaec37
--- /dev/null
+++ b/www/src/demos/number-field/uncontrolled.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+
+export default function Demo() {
+  return <NumberField aria-label="Width" defaultValue={80} />;
+}
diff --git a/www/src/demos/progress/composition.tsx b/www/src/demos/progress/composition.tsx
new file mode 100644
index 000000000..7c43517c8
--- /dev/null
+++ b/www/src/demos/progress/composition.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import * as React from "react";
+import { Label } from "react-aria-components";
+import {
+  ProgressIndicator,
+  ProgressRoot,
+  ProgressValueLabel,
+} from "@/registry/ui/default/core/progress";
+
+export default function Demo() {
+  return (
+    <ProgressRoot value={50} className="flex-row items-center gap-4">
+      <Label>Progress</Label>
+      <ProgressIndicator />
+      <ProgressValueLabel />
+    </ProgressRoot>
+  );
+}
diff --git a/www/src/demos/progress/custom-color.tsx b/www/src/demos/progress/custom-color.tsx
new file mode 100644
index 000000000..62979e25a
--- /dev/null
+++ b/www/src/demos/progress/custom-color.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+export default function Demo() {
+  return (
+    <Progress
+      value={75}
+      aria-label="Custom color"
+      classNames={{
+        indicator: "bg-slate-300 dark:bg-slate-800",
+        filler: "bg-slate-800 dark:bg-slate-300",
+      }}
+    />
+  );
+}
diff --git a/www/src/demos/progress/custom-value-label.tsx b/www/src/demos/progress/custom-value-label.tsx
new file mode 100644
index 000000000..501e4a312
--- /dev/null
+++ b/www/src/demos/progress/custom-value-label.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+export default function Demo() {
+  return (
+    <Progress
+      label="Feeding…"
+      showValueLabel
+      valueLabel="30 of 100 dogs"
+      value={30}
+    />
+  );
+}
diff --git a/www/src/demos/progress/default.tsx b/www/src/demos/progress/default.tsx
new file mode 100644
index 000000000..47726ede2
--- /dev/null
+++ b/www/src/demos/progress/default.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+export default function Demo() {
+  return <Progress aria-label="loading" value={75} />;
+}
diff --git a/www/src/demos/progress/duration.tsx b/www/src/demos/progress/duration.tsx
new file mode 100644
index 000000000..7bc189f2c
--- /dev/null
+++ b/www/src/demos/progress/duration.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import * as React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Progress } from "@/registry/ui/default/core/progress";
+import { RotateCwIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [key, setKey] = React.useState(0);
+  const restart = () => setKey((prev) => prev + 1);
+  return (
+    <div className="flex w-full flex-col items-center gap-6">
+      <Button prefix={<RotateCwIcon />} onPress={restart}>
+        Restart animation
+      </Button>
+      <Progress key={key} duration="30s" aria-label="Loading" />
+    </div>
+  );
+}
diff --git a/www/src/demos/progress/format-options.tsx b/www/src/demos/progress/format-options.tsx
new file mode 100644
index 000000000..5133b62e6
--- /dev/null
+++ b/www/src/demos/progress/format-options.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+export default function Demo() {
+  return (
+    <Progress
+      label="Sending…"
+      showValueLabel
+      formatOptions={{ style: "currency", currency: "JPY" }}
+      value={60}
+    />
+  );
+}
diff --git a/www/src/demos/progress/indeterminate.tsx b/www/src/demos/progress/indeterminate.tsx
new file mode 100644
index 000000000..f4e81fcea
--- /dev/null
+++ b/www/src/demos/progress/indeterminate.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+export default function Demo() {
+  return <Progress isIndeterminate aria-label="Loading" />;
+}
diff --git a/www/src/demos/progress/label.tsx b/www/src/demos/progress/label.tsx
new file mode 100644
index 000000000..9781540d8
--- /dev/null
+++ b/www/src/demos/progress/label.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <Progress aria-label="Loading" value={75} />
+      <Progress label="Loading..." value={75} />
+    </div>
+  );
+}
diff --git a/www/src/demos/progress/min-max-values.tsx b/www/src/demos/progress/min-max-values.tsx
new file mode 100644
index 000000000..9fe8308c7
--- /dev/null
+++ b/www/src/demos/progress/min-max-values.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+export default function Demo() {
+  return (
+    <Progress
+      aria-label="Min and max values"
+      minValue={50}
+      maxValue={150}
+      value={100}
+    />
+  );
+}
diff --git a/www/src/demos/progress/shape.tsx b/www/src/demos/progress/shape.tsx
new file mode 100644
index 000000000..933f45a41
--- /dev/null
+++ b/www/src/demos/progress/shape.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+export default function Demo() {
+  return <Progress aria-label="Progress shape" value={75} />;
+}
diff --git a/www/src/demos/progress/sizes.tsx b/www/src/demos/progress/sizes.tsx
new file mode 100644
index 000000000..a89c15f5d
--- /dev/null
+++ b/www/src/demos/progress/sizes.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+const sizes = ["sm", "md", "lg"] as const;
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      {sizes.map((size) => (
+        <Progress
+          key={size}
+          aria-label={`Progress size: ${size}`}
+          value={75}
+          size={size}
+          label={size}
+        />
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/demos/progress/toolbar.tsx b/www/src/demos/progress/toolbar.tsx
new file mode 100644
index 000000000..4d8ee2ae2
--- /dev/null
+++ b/www/src/demos/progress/toolbar.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import * as React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Input, InputRoot } from "@/registry/ui/default/core/input";
+import { Progress } from "@/registry/ui/default/core/progress";
+import { TextFieldRoot } from "@/registry/ui/default/core/text-field";
+import { ALargeSmallIcon, RotateCwIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [key, setKey] = React.useState(0);
+  const refresh = () => setKey((key) => key + 1);
+  return (
+    <TextFieldRoot key={key} defaultValue="https://dotui.org" aria-label="URL">
+      <InputRoot className="relative h-10 overflow-hidden px-1 pb-0.5">
+        <Button
+          size="sm"
+          variant="quiet"
+          shape="square"
+          aria-label="translate"
+          className="size-7"
+        >
+          <ALargeSmallIcon />
+        </Button>
+        <Input className="text-center" />
+        <Button
+          onPress={refresh}
+          size="sm"
+          variant="quiet"
+          shape="square"
+          className="size-7"
+          aria-label="Refresh"
+        >
+          <RotateCwIcon />
+        </Button>
+        <Progress
+          value={50}
+          size="sm"
+          variant="accent"
+          duration="5s"
+          aria-label="loading indicator"
+          className="absolute bottom-0 left-0 right-0"
+        />
+      </InputRoot>
+    </TextFieldRoot>
+  );
+}
diff --git a/www/src/demos/progress/value-label.tsx b/www/src/demos/progress/value-label.tsx
new file mode 100644
index 000000000..f47a8c201
--- /dev/null
+++ b/www/src/demos/progress/value-label.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+export default function Demo() {
+  return <Progress label="Loading" showValueLabel value={75} />;
+}
diff --git a/www/src/demos/progress/variants.tsx b/www/src/demos/progress/variants.tsx
new file mode 100644
index 000000000..fa60650e3
--- /dev/null
+++ b/www/src/demos/progress/variants.tsx
@@ -0,0 +1,14 @@
+import * as React from "react";
+import { Progress } from "@/registry/ui/default/core/progress";
+
+const variants = ["default", "success", "accent", "danger", "warning"] as const;
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      {variants.map((variant) => (
+        <Progress key={variant} value={75} label={variant} variant={variant} />
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/demos/radio-group/cards.tsx b/www/src/demos/radio-group/cards.tsx
new file mode 100644
index 000000000..b2cc195e6
--- /dev/null
+++ b/www/src/demos/radio-group/cards.tsx
@@ -0,0 +1,31 @@
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup
+      defaultValue="sm"
+      label="Size"
+      orientation="horizontal"
+      variant="card"
+    >
+      <Radio value="sm">
+        <div className="flex flex-col gap-1">
+          <span className="font-bold">Small</span>
+          <span className="text-fg-muted text-xs">Dimension: 128 x 128</span>
+        </div>
+      </Radio>
+      <Radio value="md">
+        <div className="flex flex-col gap-1">
+          <span className="font-bold">Medium</span>
+          <span className="text-fg-muted text-xs">Dimension: 256 x 256</span>
+        </div>
+      </Radio>
+      <Radio value="lg">
+        <div className="flex flex-col gap-1">
+          <span className="font-bold">Large</span>
+          <span className="text-fg-muted text-xs">Dimension: 512 x 512</span>
+        </div>
+      </Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/demos/radio-group/composition.tsx b/www/src/demos/radio-group/composition.tsx
new file mode 100644
index 000000000..db9f291c2
--- /dev/null
+++ b/www/src/demos/radio-group/composition.tsx
@@ -0,0 +1,21 @@
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/registry/ui/default/core/field";
+import { RadioGroupRoot, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroupRoot defaultValue="sm">
+      <Label>Size</Label>
+      <Description>Please select a size.</Description>
+      <div className="flex gap-2">
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </div>
+      <FieldError />
+    </RadioGroupRoot>
+  );
+}
diff --git a/www/src/demos/radio-group/contextual-help.tsx b/www/src/demos/radio-group/contextual-help.tsx
new file mode 100644
index 000000000..74d0c0eef
--- /dev/null
+++ b/www/src/demos/radio-group/contextual-help.tsx
@@ -0,0 +1,21 @@
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup
+      defaultValue="sm"
+      label="Size"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you need help, please contact support."
+        />
+      }
+    >
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/demos/radio-group/controlled.tsx b/www/src/demos/radio-group/controlled.tsx
new file mode 100644
index 000000000..3d4705e8e
--- /dev/null
+++ b/www/src/demos/radio-group/controlled.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import React from "react";
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  const [size, setSize] = React.useState("sm");
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <RadioGroup
+        label="Size"
+        value={size}
+        onChange={(value) => setSize(value)}
+      >
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <p className="text-fg-muted text-xs">{`You selected: ${size}`}</p>
+    </div>
+  );
+}
diff --git a/www/src/demos/radio-group/default.tsx b/www/src/demos/radio-group/default.tsx
new file mode 100644
index 000000000..54f79faf2
--- /dev/null
+++ b/www/src/demos/radio-group/default.tsx
@@ -0,0 +1,11 @@
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup defaultValue="sm" label="Size">
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/demos/radio-group/description.tsx b/www/src/demos/radio-group/description.tsx
new file mode 100644
index 000000000..4986daffa
--- /dev/null
+++ b/www/src/demos/radio-group/description.tsx
@@ -0,0 +1,15 @@
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup
+      defaultValue="sm"
+      label="Size"
+      description="Select a product size."
+    >
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/demos/radio-group/disabled.tsx b/www/src/demos/radio-group/disabled.tsx
new file mode 100644
index 000000000..1816b1840
--- /dev/null
+++ b/www/src/demos/radio-group/disabled.tsx
@@ -0,0 +1,20 @@
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <div className="flex gap-10">
+      <RadioGroup defaultValue="sm" label="Size" isDisabled>
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <RadioGroup label="Size" defaultValue="sm">
+        <Radio value="sm">Small</Radio>
+        <Radio value="md" isDisabled>
+          Medium
+        </Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/demos/radio-group/error-message.tsx b/www/src/demos/radio-group/error-message.tsx
new file mode 100644
index 000000000..bca3f59e5
--- /dev/null
+++ b/www/src/demos/radio-group/error-message.tsx
@@ -0,0 +1,16 @@
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup
+      defaultValue={null}
+      label="Size"
+      isInvalid
+      errorMessage="Please select a product size."
+    >
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/demos/radio-group/label.tsx b/www/src/demos/radio-group/label.tsx
new file mode 100644
index 000000000..8aa9201c9
--- /dev/null
+++ b/www/src/demos/radio-group/label.tsx
@@ -0,0 +1,18 @@
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-10">
+      <RadioGroup defaultValue="sm" label="Size">
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <RadioGroup defaultValue="sm" aria-label="Size">
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/demos/radio-group/orientation.tsx b/www/src/demos/radio-group/orientation.tsx
new file mode 100644
index 000000000..8ab2f54bc
--- /dev/null
+++ b/www/src/demos/radio-group/orientation.tsx
@@ -0,0 +1,11 @@
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup defaultValue="sm" label="Size" orientation="horizontal">
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/demos/radio-group/read-only.tsx b/www/src/demos/radio-group/read-only.tsx
new file mode 100644
index 000000000..9f12fc949
--- /dev/null
+++ b/www/src/demos/radio-group/read-only.tsx
@@ -0,0 +1,11 @@
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup defaultValue="sm" label="Size" isReadOnly>
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/demos/radio-group/required.tsx b/www/src/demos/radio-group/required.tsx
new file mode 100644
index 000000000..df5c847d1
--- /dev/null
+++ b/www/src/demos/radio-group/required.tsx
@@ -0,0 +1,35 @@
+import React from "react";
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <RadioGroup defaultValue="sm" label="Size" isRequired>
+        <Radio value="sm">Small</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <RadioGroup
+        defaultValue="sm"
+        label="Size"
+        isRequired
+        necessityIndicator="icon"
+      >
+        <Radio value="sm">Small</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <RadioGroup
+        defaultValue="sm"
+        label="Size"
+        isRequired
+        necessityIndicator="label"
+      >
+        <Radio value="sm">Small</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <RadioGroup defaultValue="sm" label="Size" necessityIndicator="label">
+        <Radio value="sm">Small</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/demos/radio-group/uncontrolled.tsx b/www/src/demos/radio-group/uncontrolled.tsx
new file mode 100644
index 000000000..ffd5a9591
--- /dev/null
+++ b/www/src/demos/radio-group/uncontrolled.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup defaultValue="sm" label="Size">
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/demos/range-calendar/composition.tsx b/www/src/demos/range-calendar/composition.tsx
new file mode 100644
index 000000000..27b92d8d1
--- /dev/null
+++ b/www/src/demos/range-calendar/composition.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+} from "@/registry/ui/default/core/calendar";
+import { Heading } from "@/registry/ui/default/core/heading";
+import { RangeCalendarRoot } from "@/registry/ui/default/core/range-calendar";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <RangeCalendarRoot>
+      <CalendarHeader>
+        <Button slot="previous" variant="outline" shape="square" size="sm">
+          <ChevronLeftIcon />
+        </Button>
+        <Heading className="text-sm" />
+        <Button slot="next" variant="outline" shape="square" size="sm">
+          <ChevronRightIcon />
+        </Button>
+      </CalendarHeader>
+      <CalendarGrid>
+        <CalendarGridHeader>
+          {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+        </CalendarGridHeader>
+        <CalendarGridBody>
+          {(date) => (
+            <CalendarCell date={date} range>
+              {({ formattedDate }) => (
+                <span className="z-20">{formattedDate}</span>
+              )}
+            </CalendarCell>
+          )}
+        </CalendarGridBody>
+      </CalendarGrid>
+    </RangeCalendarRoot>
+  );
+}
diff --git a/www/src/demos/range-calendar/controlled.tsx b/www/src/demos/range-calendar/controlled.tsx
new file mode 100644
index 000000000..4468a9959
--- /dev/null
+++ b/www/src/demos/range-calendar/controlled.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { type DateRange } from "react-aria-components";
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  const [range, setRange] = React.useState<DateRange | null>({
+    start: today(getLocalTimeZone()),
+    end: today(getLocalTimeZone()).add({ weeks: 1 }),
+  });
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <RangeCalendar
+        aria-label="Date (controlled)"
+        value={range}
+        onChange={setRange}
+      />
+      <p className="text-fg-muted text-sm">
+        Start date: {range?.start.toString()}
+        <br />
+        End date: {range?.end.toString()}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/range-calendar/default.tsx b/www/src/demos/range-calendar/default.tsx
new file mode 100644
index 000000000..23a40da56
--- /dev/null
+++ b/www/src/demos/range-calendar/default.tsx
@@ -0,0 +1,5 @@
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  return <RangeCalendar />;
+}
diff --git a/www/src/demos/range-calendar/disabled.tsx b/www/src/demos/range-calendar/disabled.tsx
new file mode 100644
index 000000000..b459a529e
--- /dev/null
+++ b/www/src/demos/range-calendar/disabled.tsx
@@ -0,0 +1,5 @@
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  return <RangeCalendar aria-label="Appointment date" isDisabled />;
+}
diff --git a/www/src/demos/range-calendar/error-message.tsx b/www/src/demos/range-calendar/error-message.tsx
new file mode 100644
index 000000000..3283b5ce1
--- /dev/null
+++ b/www/src/demos/range-calendar/error-message.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { today, getLocalTimeZone } from "@internationalized/date";
+import { type DateRange } from "react-aria-components";
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  const [range, setRange] = React.useState<DateRange | null>({
+    start: today(getLocalTimeZone()),
+    end: today(getLocalTimeZone()).add({ weeks: 1, days: 3 }),
+  });
+  const isInvalid = range ? range.end.compare(range.start) > 7 : false;
+  return (
+    <RangeCalendar
+      aria-label="Trip dates"
+      value={range}
+      onChange={setRange}
+      isInvalid={isInvalid}
+      errorMessage={isInvalid ? "Maximum stay duration is 1 week" : undefined}
+    />
+  );
+}
diff --git a/www/src/demos/range-calendar/label.tsx b/www/src/demos/range-calendar/label.tsx
new file mode 100644
index 000000000..09b0c9fc2
--- /dev/null
+++ b/www/src/demos/range-calendar/label.tsx
@@ -0,0 +1,5 @@
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  return <RangeCalendar aria-label="Event date" />;
+}
diff --git a/www/src/demos/range-calendar/non-contiguous-ranges.tsx b/www/src/demos/range-calendar/non-contiguous-ranges.tsx
new file mode 100644
index 000000000..9618db899
--- /dev/null
+++ b/www/src/demos/range-calendar/non-contiguous-ranges.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import {
+  type DateValue,
+  getLocalTimeZone,
+  today,
+} from "@internationalized/date";
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  const now = today(getLocalTimeZone());
+  const disabledRanges = [
+    [now, now.add({ days: 5 })],
+    [now.add({ days: 14 }), now.add({ days: 16 })],
+    [now.add({ days: 23 }), now.add({ days: 24 })],
+  ];
+
+  const isDateUnavailable = (date: DateValue) =>
+    disabledRanges.some(
+      (interval) =>
+        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
+    );
+
+  return (
+    <RangeCalendar
+      aria-label="Trip dates"
+      minValue={today(getLocalTimeZone())}
+      isDateUnavailable={isDateUnavailable}
+      allowsNonContiguousRanges
+    />
+  );
+}
diff --git a/www/src/demos/range-calendar/page-behaviour.tsx b/www/src/demos/range-calendar/page-behaviour.tsx
new file mode 100644
index 000000000..9bd99dd09
--- /dev/null
+++ b/www/src/demos/range-calendar/page-behaviour.tsx
@@ -0,0 +1,5 @@
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  return <RangeCalendar visibleMonths={2} pageBehavior="single" />;
+}
diff --git a/www/src/demos/range-calendar/read-only.tsx b/www/src/demos/range-calendar/read-only.tsx
new file mode 100644
index 000000000..041e9be23
--- /dev/null
+++ b/www/src/demos/range-calendar/read-only.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  return (
+    <RangeCalendar
+      aria-label="Appointment date"
+      isReadOnly
+      value={{
+        start: today(getLocalTimeZone()),
+        end: today(getLocalTimeZone()).add({ weeks: 1 }),
+      }}
+    />
+  );
+}
diff --git a/www/src/demos/range-calendar/uncontrolled.tsx b/www/src/demos/range-calendar/uncontrolled.tsx
new file mode 100644
index 000000000..9fb5637a8
--- /dev/null
+++ b/www/src/demos/range-calendar/uncontrolled.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import React from "react";
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  return (
+    <RangeCalendar
+      aria-label="Date (controlled)"
+      defaultValue={{
+        start: today(getLocalTimeZone()),
+        end: today(getLocalTimeZone()).add({ weeks: 1 }),
+      }}
+    />
+  );
+}
diff --git a/www/src/demos/range-calendar/unvailable-dates.tsx b/www/src/demos/range-calendar/unvailable-dates.tsx
new file mode 100644
index 000000000..2345ba08f
--- /dev/null
+++ b/www/src/demos/range-calendar/unvailable-dates.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import {
+  type DateValue,
+  getLocalTimeZone,
+  today,
+} from "@internationalized/date";
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  const now = today(getLocalTimeZone());
+  const disabledRanges = [
+    [now, now.add({ days: 5 })],
+    [now.add({ days: 14 }), now.add({ days: 16 })],
+    [now.add({ days: 23 }), now.add({ days: 24 })],
+  ];
+
+  const isDateUnavailable = (date: DateValue) =>
+    disabledRanges.some(
+      (interval) =>
+        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
+    );
+
+  return (
+    <RangeCalendar
+      aria-label="Trip dates"
+      minValue={today(getLocalTimeZone())}
+      isDateUnavailable={isDateUnavailable}
+    />
+  );
+}
diff --git a/www/src/demos/range-calendar/validation.tsx b/www/src/demos/range-calendar/validation.tsx
new file mode 100644
index 000000000..d9bb7977b
--- /dev/null
+++ b/www/src/demos/range-calendar/validation.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  return (
+    <RangeCalendar
+      aria-label="Appointment date"
+      minValue={today(getLocalTimeZone())}
+    />
+  );
+}
diff --git a/www/src/demos/range-calendar/visible-months.tsx b/www/src/demos/range-calendar/visible-months.tsx
new file mode 100644
index 000000000..6693480e3
--- /dev/null
+++ b/www/src/demos/range-calendar/visible-months.tsx
@@ -0,0 +1,5 @@
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+
+export default function Demo() {
+  return <RangeCalendar visibleMonths={2} />;
+}
diff --git a/www/src/demos/scroll-area/default.tsx b/www/src/demos/scroll-area/default.tsx
new file mode 100644
index 000000000..1bacb76d8
--- /dev/null
+++ b/www/src/demos/scroll-area/default.tsx
@@ -0,0 +1,37 @@
+import * as React from "react";
+import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
+
+export default function Demo() {
+  return (
+    <div className="rounded-md border p-6">
+      <ScrollArea className="h-72 w-full max-w-sm" type="always">
+        <div className="space-y-4 p-4 pr-8">
+          <h4 className="text-md font-bold">
+            Principles of the typographic craft
+          </h4>
+          <p>
+            Three fundamental aspects of typography are legibility, readability,
+            and aesthetics. Although in a non-technical sense “legible” and
+            “readable” are often used synonymously, typographically they are
+            separate but related concepts.
+          </p>
+          <p>
+            Legibility describes how easily individual characters can be
+            distinguished from one another. It is described by Walter Tracy as
+            “the quality of being decipherable and recognisable”. For instance,
+            if a “b” and an “h”, or a “3” and an “8”, are difficult to
+            distinguish at small sizes, this is a problem of legibility.
+          </p>
+          <p>
+            Typographers are concerned with legibility insofar as it is their
+            job to select the correct font to use. Brush Script is an example of
+            a font containing many characters that might be difficult to
+            distinguish. The selection of cases influences the legibility of
+            typography because using only uppercase letters (all-caps) reduces
+            legibility.
+          </p>
+        </div>
+      </ScrollArea>
+    </div>
+  );
+}
diff --git a/www/src/demos/scroll-area/scrollbars.tsx b/www/src/demos/scroll-area/scrollbars.tsx
new file mode 100644
index 000000000..9fa205634
--- /dev/null
+++ b/www/src/demos/scroll-area/scrollbars.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import * as React from "react";
+import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
+import {
+  ScrollArea,
+  type ScrollAreaProps,
+} from "@/registry/ui/default/core/scroll-area";
+
+export default function Demo() {
+  const [scrollbars, setScrollbars] = React.useState("vertical");
+  return (
+    <div className="flex items-center gap-10">
+      <div className="rounded-md border p-6">
+        <ScrollArea
+          scrollbars={scrollbars as ScrollAreaProps["scrollbars"]}
+          className="h-44 w-full max-w-sm"
+          type="always"
+        >
+          <div className="flex w-[500px] items-start gap-4">
+            <div className="space-y-4 p-4 pr-8">
+              <h4 className="text-md font-bold">
+                Principles of the typographic craft
+              </h4>
+              <p>
+                Three fundamental aspects of typography are legibility,
+                readability, and aesthetics. Although in a non-technical sense
+                “legible” and “readable” are often used synonymously,
+                typographically they are separate but related concepts.
+              </p>
+              <p>
+                Legibility describes how easily individual characters can be
+                distinguished from one another. It is described by Walter Tracy
+                as “the quality of being decipherable and recognisable”. For
+                instance, if a “b” and an “h”, or a “3” and an “8”, are
+                difficult to distinguish at small sizes, this is a problem of
+                legibility.
+              </p>
+              <p>
+                Typographers are concerned with legibility insofar as it is
+                their job to select the correct font to use. Brush Script is an
+                example of a font containing many characters that might be
+                difficult to distinguish. The selection of cases influences the
+                legibility of typography because using only uppercase letters
+                (all-caps) reduces legibility.
+              </p>
+            </div>
+            <div className="space-y-4 p-4 pr-8">
+              <h4 className="text-md font-bold">
+                Principles of the typographic craft
+              </h4>
+              <p>
+                Three fundamental aspects of typography are legibility,
+                readability, and aesthetics. Although in a non-technical sense
+                “legible” and “readable” are often used synonymously,
+                typographically they are separate but related concepts.
+              </p>
+              <p>
+                Legibility describes how easily individual characters can be
+                distinguished from one another. It is described by Walter Tracy
+                as “the quality of being decipherable and recognisable”. For
+                instance, if a “b” and an “h”, or a “3” and an “8”, are
+                difficult to distinguish at small sizes, this is a problem of
+                legibility.
+              </p>
+              <p>
+                Typographers are concerned with legibility insofar as it is
+                their job to select the correct font to use. Brush Script is an
+                example of a font containing many characters that might be
+                difficult to distinguish. The selection of cases influences the
+                legibility of typography because using only uppercase letters
+                (all-caps) reduces legibility.
+              </p>
+            </div>
+          </div>
+        </ScrollArea>
+      </div>
+      <RadioGroup
+        label="Scrollbars"
+        value={scrollbars}
+        onChange={setScrollbars}
+      >
+        <Radio value="vertical">Vertical</Radio>
+        <Radio value="horizontal">Horizontal</Radio>
+        <Radio value="both">Both</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/demos/scroll-area/sizes.tsx b/www/src/demos/scroll-area/sizes.tsx
new file mode 100644
index 000000000..98645f87f
--- /dev/null
+++ b/www/src/demos/scroll-area/sizes.tsx
@@ -0,0 +1,44 @@
+import * as React from "react";
+import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
+
+const sizes = ["sm", "md", "lg"] as const;
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-3 gap-10">
+      {sizes.map((size) => (
+        <div key={size} className="rounded-md border p-3">
+          <ScrollArea size={size} className="h-72" type="always">
+            <div className="space-y-4 p-4 pr-8">
+              <h4 className="text-md font-bold">
+                Principles of the typographic craft
+              </h4>
+              <p>
+                Three fundamental aspects of typography are legibility,
+                readability, and aesthetics. Although in a non-technical sense
+                “legible” and “readable” are often used synonymously,
+                typographically they are separate but related concepts.
+              </p>
+              <p>
+                Legibility describes how easily individual characters can be
+                distinguished from one another. It is described by Walter Tracy
+                as “the quality of being decipherable and recognisable”. For
+                instance, if a “b” and an “h”, or a “3” and an “8”, are
+                difficult to distinguish at small sizes, this is a problem of
+                legibility.
+              </p>
+              <p>
+                Typographers are concerned with legibility insofar as it is
+                their job to select the correct font to use. Brush Script is an
+                example of a font containing many characters that might be
+                difficult to distinguish. The selection of cases influences the
+                legibility of typography because using only uppercase letters
+                (all-caps) reduces legibility.
+              </p>
+            </div>
+          </ScrollArea>
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/demos/search-field/composition.tsx b/www/src/demos/search-field/composition.tsx
new file mode 100644
index 000000000..9d10cb4f8
--- /dev/null
+++ b/www/src/demos/search-field/composition.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Description, Label } from "@/registry/ui/default/core/field";
+import { Input, InputRoot } from "@/registry/ui/default/core/input";
+import { SearchFieldRoot } from "@/registry/ui/default/core/search-field";
+import { SearchIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <SearchFieldRoot>
+      <Label>Search</Label>
+      <InputRoot prefix={<SearchIcon />}>
+        <Input />
+      </InputRoot>
+      <Description>Enter your search query.</Description>
+    </SearchFieldRoot>
+  );
+}
diff --git a/www/src/demos/search-field/contextual-help.tsx b/www/src/demos/search-field/contextual-help.tsx
new file mode 100644
index 000000000..3dc658a40
--- /dev/null
+++ b/www/src/demos/search-field/contextual-help.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return (
+    <SearchField
+      label="Search"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you need help, please contact support."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/demos/search-field/controlled.tsx b/www/src/demos/search-field/controlled.tsx
new file mode 100644
index 000000000..91c61b527
--- /dev/null
+++ b/www/src/demos/search-field/controlled.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import React from "react";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState(
+    "Is dotUI the next-gen ui lib?"
+  );
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <SearchField value={inputValue} onChange={setInputValue} />
+      <p className="text-fg-muted text-sm">
+        mirrored search text: {inputValue}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/search-field/default.tsx b/www/src/demos/search-field/default.tsx
new file mode 100644
index 000000000..698bacd03
--- /dev/null
+++ b/www/src/demos/search-field/default.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return <SearchField aria-label="Search" />;
+}
diff --git a/www/src/demos/search-field/description.tsx b/www/src/demos/search-field/description.tsx
new file mode 100644
index 000000000..89ceb0777
--- /dev/null
+++ b/www/src/demos/search-field/description.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return <SearchField label="Search" description="Enter your search query" />;
+}
diff --git a/www/src/demos/search-field/disabled.tsx b/www/src/demos/search-field/disabled.tsx
new file mode 100644
index 000000000..9ac36ded4
--- /dev/null
+++ b/www/src/demos/search-field/disabled.tsx
@@ -0,0 +1,7 @@
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return (
+    <SearchField defaultValue="Is dotUI the next-gen ui lib?" isDisabled />
+  );
+}
diff --git a/www/src/demos/search-field/error-message.tsx b/www/src/demos/search-field/error-message.tsx
new file mode 100644
index 000000000..de3eee9bb
--- /dev/null
+++ b/www/src/demos/search-field/error-message.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return (
+    <SearchField
+      label="Search"
+      isInvalid
+      errorMessage="Please fill out this field."
+    />
+  );
+}
diff --git a/www/src/demos/search-field/form.tsx b/www/src/demos/search-field/form.tsx
new file mode 100644
index 000000000..cade43bcc
--- /dev/null
+++ b/www/src/demos/search-field/form.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return <SearchField label="Search" />;
+}
diff --git a/www/src/demos/search-field/label.tsx b/www/src/demos/search-field/label.tsx
new file mode 100644
index 000000000..a6e92b2cf
--- /dev/null
+++ b/www/src/demos/search-field/label.tsx
@@ -0,0 +1,10 @@
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <SearchField label="Search" placeholder="Visible label" />
+      <SearchField aria-label="Search" placeholder="Hidden label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/search-field/loading.tsx b/www/src/demos/search-field/loading.tsx
new file mode 100644
index 000000000..a800d20e6
--- /dev/null
+++ b/www/src/demos/search-field/loading.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <SearchField isLoading loaderPosition="prefix" />
+      <SearchField isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/demos/search-field/prefix-and-suffix.tsx b/www/src/demos/search-field/prefix-and-suffix.tsx
new file mode 100644
index 000000000..5de171e9b
--- /dev/null
+++ b/www/src/demos/search-field/prefix-and-suffix.tsx
@@ -0,0 +1,25 @@
+"use client";
+
+import { Button } from "@/registry/ui/default/core/button";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { XCircleIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <SearchField
+      defaultValue="Hello world!"
+      prefix="🔍"
+      suffix={({ isEmpty, isDisabled }) => {
+        if (isEmpty || isDisabled) return null;
+        return (
+          <Tooltip content="Clear input" className="text-xs">
+            <Button variant="quiet" shape="square" size="sm" className="size-6">
+              <XCircleIcon />
+            </Button>
+          </Tooltip>
+        );
+      }}
+    />
+  );
+}
diff --git a/www/src/demos/search-field/read-only.tsx b/www/src/demos/search-field/read-only.tsx
new file mode 100644
index 000000000..ee0438e1e
--- /dev/null
+++ b/www/src/demos/search-field/read-only.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return <SearchField label="Search" isReadOnly value="Marvel movies" />;
+}
diff --git a/www/src/demos/search-field/required.tsx b/www/src/demos/search-field/required.tsx
new file mode 100644
index 000000000..7dd6ffd76
--- /dev/null
+++ b/www/src/demos/search-field/required.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <SearchField label="Search" isRequired />
+      <SearchField label="Search" isRequired necessityIndicator="icon" />
+      <SearchField label="Search" isRequired necessityIndicator="label" />
+      <SearchField label="Search" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/search-field/sizes.tsx b/www/src/demos/search-field/sizes.tsx
new file mode 100644
index 000000000..69986b5cd
--- /dev/null
+++ b/www/src/demos/search-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <SearchField placeholder="small (sm)" size="sm" />
+      <SearchField placeholder="medium (md)" size="md" />
+      <SearchField placeholder="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/demos/search-field/uncontrolled.tsx b/www/src/demos/search-field/uncontrolled.tsx
new file mode 100644
index 000000000..4010d0bbd
--- /dev/null
+++ b/www/src/demos/search-field/uncontrolled.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { SearchField } from "@/registry/ui/default/core/search-field";
+
+export default function Demo() {
+  return <SearchField aria-label="Search" defaultValue="Marvel movies" />;
+}
diff --git a/www/src/demos/select/async-loading.tsx b/www/src/demos/select/async-loading.tsx
new file mode 100644
index 000000000..229d15d0f
--- /dev/null
+++ b/www/src/demos/select/async-loading.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import React from "react";
+import { useAsyncList } from "react-stately";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+interface Character {
+  name: string;
+}
+
+export default function Demo() {
+  const list = useAsyncList<Character>({
+    async load({ signal }) {
+      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
+      const json = (await res.json()) as { results: Character[] };
+
+      return {
+        items: json.results,
+      };
+    },
+  });
+  return (
+    <Select isLoading={list.isLoading} items={list.items}>
+      {(item) => <Item id={item.name}>{item.name}</Item>}
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/basic.tsx b/www/src/demos/select/basic.tsx
new file mode 100644
index 000000000..6dbc549e8
--- /dev/null
+++ b/www/src/demos/select/basic.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select>
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/composition.tsx b/www/src/demos/select/composition.tsx
new file mode 100644
index 000000000..a41a271f6
--- /dev/null
+++ b/www/src/demos/select/composition.tsx
@@ -0,0 +1,27 @@
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Item, ListBox } from "@/registry/ui/default/core/list-box";
+import { Overlay } from "@/registry/ui/default/core/overlay";
+import { SelectRoot, SelectValue } from "@/registry/ui/default/core/select";
+import { ChevronsUpDownIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <SelectRoot>
+      <Button
+        variant="outline"
+        suffix={<ChevronsUpDownIcon className="text-fg-muted" />}
+      >
+        <SelectValue />
+      </Button>
+      <Overlay type="popover">
+        <ListBox>
+          <Item>Perplexity</Item>
+          <Item>Replicate</Item>
+          <Item>Together AI</Item>
+          <Item>ElevenLabs</Item>
+        </ListBox>
+      </Overlay>
+    </SelectRoot>
+  );
+}
diff --git a/www/src/demos/select/contextual-help.tsx b/www/src/demos/select/contextual-help.tsx
new file mode 100644
index 000000000..59bb07e82
--- /dev/null
+++ b/www/src/demos/select/contextual-help.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function SelectDemo() {
+  return (
+    <Select
+      label="Provider"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, get assisted by our AI."
+        />
+      }
+    >
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/controlled.tsx b/www/src/demos/select/controlled.tsx
new file mode 100644
index 000000000..5dd0129f4
--- /dev/null
+++ b/www/src/demos/select/controlled.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import type { Key } from "react-aria-components";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  const [provider, setProvider] = React.useState<Key>("eleven-labs");
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <Select selectedKey={provider} onSelectionChange={setProvider}>
+        <Item id="perplexity">Perplexity</Item>
+        <Item id="replicate">Replicate</Item>
+        <Item id="together-ai">Together AI</Item>
+        <Item id="eleven-labs">ElevenLabs</Item>
+      </Select>
+      <p className="text-fg-muted text-sm">
+        Selected provider: <span className="text-fg font-bold">{provider}</span>
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/select/description.tsx b/www/src/demos/select/description.tsx
new file mode 100644
index 000000000..a50a30244
--- /dev/null
+++ b/www/src/demos/select/description.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select label="Provider" description="Please select a provider.">
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/disabled.tsx b/www/src/demos/select/disabled.tsx
new file mode 100644
index 000000000..c530b56ac
--- /dev/null
+++ b/www/src/demos/select/disabled.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select isDisabled>
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/label.tsx b/www/src/demos/select/label.tsx
new file mode 100644
index 000000000..42e3d56df
--- /dev/null
+++ b/www/src/demos/select/label.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select label="Provider">
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/links.tsx b/www/src/demos/select/links.tsx
new file mode 100644
index 000000000..42214c5b4
--- /dev/null
+++ b/www/src/demos/select/links.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select label="Project">
+      <Item href="/create-project" target="_blank">
+        Create new...
+      </Item>
+      <Item>DotUI</Item>
+      <Item>Palettify</Item>
+      <Item>Notionfolio</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/loading.tsx b/www/src/demos/select/loading.tsx
new file mode 100644
index 000000000..ed50ac512
--- /dev/null
+++ b/www/src/demos/select/loading.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select isLoading>
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/placeholder.tsx b/www/src/demos/select/placeholder.tsx
new file mode 100644
index 000000000..c6a5c8999
--- /dev/null
+++ b/www/src/demos/select/placeholder.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select placeholder="Select a provider">
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/required.tsx b/www/src/demos/select/required.tsx
new file mode 100644
index 000000000..f921e8edd
--- /dev/null
+++ b/www/src/demos/select/required.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select label="Provider" isRequired necessityIndicator="icon">
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/sections.tsx b/www/src/demos/select/sections.tsx
new file mode 100644
index 000000000..c62e65108
--- /dev/null
+++ b/www/src/demos/select/sections.tsx
@@ -0,0 +1,32 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Section } from "@/registry/ui/default/core/section";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select label="Model">
+      <Section title="OpenAI">
+        <Item>GPT-4o</Item>
+        <Item>GPT-4 Turbo</Item>
+        <Item>GPT-4</Item>
+        <Item>GPT-3.5 Turbo</Item>
+      </Section>
+      <Section title="Google">
+        <Item>Gemini 1.5 Flash</Item>
+        <Item>Gemini 1.5 Pro</Item>
+        <Item>Gemini 1.0 Pro</Item>
+      </Section>
+      <Section title="Meta">
+        <Item>Llama 3 (70B)</Item>
+        <Item>Llama 3 (8B)</Item>
+        <Item>Code Llama (70B)</Item>
+      </Section>
+      <Section title="Mistral AI">
+        <Item>Mixtral 8x22B</Item>
+        <Item>Mistral Large</Item>
+        <Item>Mistral 7B</Item>
+      </Section>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/uncontrolled.tsx b/www/src/demos/select/uncontrolled.tsx
new file mode 100644
index 000000000..fc436712f
--- /dev/null
+++ b/www/src/demos/select/uncontrolled.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select defaultSelectedKey="eleven-labs">
+      <Item id="perplexity">Perplexity</Item>
+      <Item id="replicate">Replicate</Item>
+      <Item id="together-ai">Together AI</Item>
+      <Item id="eleven-labs">ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/select/validation.tsx b/www/src/demos/select/validation.tsx
new file mode 100644
index 000000000..cebf33559
--- /dev/null
+++ b/www/src/demos/select/validation.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+
+export default function Demo() {
+  return (
+    <Select
+      label="Provider"
+      isInvalid
+      errorMessage="Please select an item in the list."
+    >
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/demos/separator/card.tsx b/www/src/demos/separator/card.tsx
new file mode 100644
index 000000000..f344aa262
--- /dev/null
+++ b/www/src/demos/separator/card.tsx
@@ -0,0 +1,24 @@
+import { Separator } from "@/registry/ui/default/core/separator";
+
+export default function Demo() {
+  return (
+    <div className="space-y-2 rounded-md border p-4">
+      <div>
+        <h3 className="font-bold">dotUI</h3>
+        <p className="text-fg-muted text-sm">
+          Tools for building high-quality, accessible UI.
+        </p>
+      </div>
+      <Separator className="my-4" />
+      <div className="flex h-5 items-center space-x-4 text-sm">
+        <div>Docs</div>
+        <Separator orientation="vertical" />
+        <div>Components</div>
+        <Separator orientation="vertical" />
+        <div>Hooks</div>
+        <Separator orientation="vertical" />
+        <div>Themes</div>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/demos/separator/orientation.tsx b/www/src/demos/separator/orientation.tsx
new file mode 100644
index 000000000..6a2fd9a05
--- /dev/null
+++ b/www/src/demos/separator/orientation.tsx
@@ -0,0 +1,18 @@
+import { Separator } from "@/registry/ui/default/core/separator";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-10">
+      <div className="flex h-5 items-center gap-2 text-sm">
+        <div>Components</div>
+        <Separator orientation="vertical" />
+        <div>Hooks</div>
+      </div>
+      <div className="flex flex-col items-center gap-2 text-sm">
+        <div>Components</div>
+        <Separator orientation="horizontal" />
+        <div>Hooks</div>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/demos/skeleton/api-simulation.tsx b/www/src/demos/skeleton/api-simulation.tsx
new file mode 100644
index 000000000..b75ba9fae
--- /dev/null
+++ b/www/src/demos/skeleton/api-simulation.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Skeleton } from "@/registry/ui/default/core/skeleton";
+
+export default function Demo() {
+  const [status, setStatus] = React.useState<
+    "idle" | "pending" | "error" | "success"
+  >("idle");
+  const apiCall = () => {
+    setStatus("pending");
+    setTimeout(() => {
+      setStatus("success");
+    }, 4000);
+  };
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <Button isPending={status === "pending"} onPress={apiCall}>
+        Simulate API Call
+      </Button>
+      <Skeleton show={status === "pending"}>
+        <p>Some text loaded from API.</p>
+      </Skeleton>
+    </div>
+  );
+}
diff --git a/www/src/demos/skeleton/card.tsx b/www/src/demos/skeleton/card.tsx
new file mode 100644
index 000000000..a614518c6
--- /dev/null
+++ b/www/src/demos/skeleton/card.tsx
@@ -0,0 +1,16 @@
+import { Skeleton } from "@/registry/ui/default/core/skeleton";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <Skeleton className="h-44 w-64" />
+      <div className="flex items-center space-x-4">
+        <Skeleton className="size-10 rounded-full" />
+        <div className="space-y-2">
+          <Skeleton className="h-4 w-44" />
+          <Skeleton className="h-4 w-36" />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/demos/skeleton/children.tsx b/www/src/demos/skeleton/children.tsx
new file mode 100644
index 000000000..77efc5ba7
--- /dev/null
+++ b/www/src/demos/skeleton/children.tsx
@@ -0,0 +1,10 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Skeleton } from "@/registry/ui/default/core/skeleton";
+
+export default function Demo() {
+  return (
+    <Skeleton>
+      <Button>Button</Button>
+    </Skeleton>
+  );
+}
diff --git a/www/src/demos/skeleton/fixed-size-children.tsx b/www/src/demos/skeleton/fixed-size-children.tsx
new file mode 100644
index 000000000..3216b14b8
--- /dev/null
+++ b/www/src/demos/skeleton/fixed-size-children.tsx
@@ -0,0 +1,10 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Skeleton } from "@/registry/ui/default/core/skeleton";
+
+export default function Demo() {
+  return (
+    <Skeleton className="size-20">
+      <Button>Button</Button>
+    </Skeleton>
+  );
+}
diff --git a/www/src/demos/skeleton/show.tsx b/www/src/demos/skeleton/show.tsx
new file mode 100644
index 000000000..fbc5367e3
--- /dev/null
+++ b/www/src/demos/skeleton/show.tsx
@@ -0,0 +1,15 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Skeleton } from "@/registry/ui/default/core/skeleton";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <Skeleton>
+        <Button>Button</Button>
+      </Skeleton>
+      <Skeleton show={false}>
+        <Button>Button</Button>
+      </Skeleton>
+    </div>
+  );
+}
diff --git a/www/src/demos/slider/advanced-composition.tsx b/www/src/demos/slider/advanced-composition.tsx
new file mode 100644
index 000000000..7ca3ae065
--- /dev/null
+++ b/www/src/demos/slider/advanced-composition.tsx
@@ -0,0 +1,29 @@
+import { Label, Description } from "@/registry/ui/default/core/field";
+import {
+  SliderFiller,
+  SliderRoot,
+  SliderThumb,
+  SliderTrack,
+  SliderValueLabel,
+} from "@/registry/ui/default/core/slider";
+import { Volume1Icon, Volume2Icon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <SliderRoot defaultValue={50}>
+      <div className="flex items-center justify-between">
+        <Label>Volume</Label>
+        <SliderValueLabel />
+      </div>
+      <div className="flex items-center gap-2">
+        <Volume1Icon />
+        <SliderTrack>
+          <SliderFiller />
+          <SliderThumb />
+        </SliderTrack>
+        <Volume2Icon />
+      </div>
+      <Description>Adjust the volume.</Description>
+    </SliderRoot>
+  );
+}
diff --git a/www/src/demos/slider/composition.tsx b/www/src/demos/slider/composition.tsx
new file mode 100644
index 000000000..1d00a6648
--- /dev/null
+++ b/www/src/demos/slider/composition.tsx
@@ -0,0 +1,19 @@
+import { Description, Label } from "@/registry/ui/default/core/field";
+import {
+  SliderControls,
+  SliderRoot,
+  SliderValueLabel,
+} from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return (
+    <SliderRoot defaultValue={50}>
+      <div className="flex items-center justify-between">
+        <Label>Volume</Label>
+        <SliderValueLabel />
+      </div>
+      <SliderControls />
+      <Description>Adjust the volume.</Description>
+    </SliderRoot>
+  );
+}
diff --git a/www/src/demos/slider/controlled.tsx b/www/src/demos/slider/controlled.tsx
new file mode 100644
index 000000000..b7c5dc0db
--- /dev/null
+++ b/www/src/demos/slider/controlled.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(50);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <Slider
+        label="Opacity"
+        value={value}
+        onChange={(value) => setValue(value as number)}
+      />
+      <span className="text-fg-muted text-sm">
+        Value: <span className="text-fg font-semibold">{value}</span>
+      </span>
+    </div>
+  );
+}
diff --git a/www/src/demos/slider/default.tsx b/www/src/demos/slider/default.tsx
new file mode 100644
index 000000000..2544522d8
--- /dev/null
+++ b/www/src/demos/slider/default.tsx
@@ -0,0 +1,5 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return <Slider aria-label="Opacity" defaultValue={50} />;
+}
diff --git a/www/src/demos/slider/description.tsx b/www/src/demos/slider/description.tsx
new file mode 100644
index 000000000..f5e168c76
--- /dev/null
+++ b/www/src/demos/slider/description.tsx
@@ -0,0 +1,11 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return (
+    <Slider
+      defaultValue={50}
+      label="Opacity"
+      description="Adjust the background opacity."
+    />
+  );
+}
diff --git a/www/src/demos/slider/disabled.tsx b/www/src/demos/slider/disabled.tsx
new file mode 100644
index 000000000..d4ef82f5d
--- /dev/null
+++ b/www/src/demos/slider/disabled.tsx
@@ -0,0 +1,5 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return <Slider label="Opacity" defaultValue={50} isDisabled />;
+}
diff --git a/www/src/demos/slider/format-options.tsx b/www/src/demos/slider/format-options.tsx
new file mode 100644
index 000000000..6028dacea
--- /dev/null
+++ b/www/src/demos/slider/format-options.tsx
@@ -0,0 +1,12 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return (
+    <Slider
+      label="Price"
+      formatOptions={{ style: "currency", currency: "JPY" }}
+      defaultValue={60}
+      valueLabel
+    />
+  );
+}
diff --git a/www/src/demos/slider/label.tsx b/www/src/demos/slider/label.tsx
new file mode 100644
index 000000000..10b026f50
--- /dev/null
+++ b/www/src/demos/slider/label.tsx
@@ -0,0 +1,10 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <Slider defaultValue={50} label="Opacity" />
+      <Slider defaultValue={50} aria-label="Opacity" />
+    </div>
+  );
+}
diff --git a/www/src/demos/slider/range.tsx b/www/src/demos/slider/range.tsx
new file mode 100644
index 000000000..dfe3ead92
--- /dev/null
+++ b/www/src/demos/slider/range.tsx
@@ -0,0 +1,13 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return (
+    <Slider
+      label="Price Range"
+      valueLabel
+      defaultValue={[200, 300]}
+      minValue={100}
+      maxValue={500}
+    />
+  );
+}
diff --git a/www/src/demos/slider/sizes.tsx b/www/src/demos/slider/sizes.tsx
new file mode 100644
index 000000000..8c523ac83
--- /dev/null
+++ b/www/src/demos/slider/sizes.tsx
@@ -0,0 +1,11 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <Slider aria-label="Opacity" defaultValue={50} size="sm" />
+      <Slider aria-label="Opacity" defaultValue={50} size="md" />
+      <Slider aria-label="Opacity" defaultValue={50} size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/demos/slider/step.tsx b/www/src/demos/slider/step.tsx
new file mode 100644
index 000000000..d2824947c
--- /dev/null
+++ b/www/src/demos/slider/step.tsx
@@ -0,0 +1,7 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return (
+    <Slider label="Opacity" valueLabel minValue={0} maxValue={100} step={5} />
+  );
+}
diff --git a/www/src/demos/slider/uncontrolled.tsx b/www/src/demos/slider/uncontrolled.tsx
new file mode 100644
index 000000000..2544522d8
--- /dev/null
+++ b/www/src/demos/slider/uncontrolled.tsx
@@ -0,0 +1,5 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return <Slider aria-label="Opacity" defaultValue={50} />;
+}
diff --git a/www/src/demos/slider/value-label.tsx b/www/src/demos/slider/value-label.tsx
new file mode 100644
index 000000000..31cc412fe
--- /dev/null
+++ b/www/src/demos/slider/value-label.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return (
+    <div className="space-y-6">
+      <Slider
+        defaultValue={50}
+        label="Donuts to buy"
+        valueLabel
+        className="w-60!"
+      />
+      <Slider
+        defaultValue={50}
+        label="Donuts to buy"
+        valueLabel={(donuts) => `${donuts[0]} of 100 Donuts`}
+        className="w-60!"
+      />
+    </div>
+  );
+}
diff --git a/www/src/demos/slider/value-scale.tsx b/www/src/demos/slider/value-scale.tsx
new file mode 100644
index 000000000..fbc681465
--- /dev/null
+++ b/www/src/demos/slider/value-scale.tsx
@@ -0,0 +1,13 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return (
+    <Slider
+      label="Cookies to buy"
+      minValue={1}
+      maxValue={50}
+      defaultValue={25}
+      valueLabel
+    />
+  );
+}
diff --git a/www/src/demos/slider/vertical.tsx b/www/src/demos/slider/vertical.tsx
new file mode 100644
index 000000000..dbbac1d0a
--- /dev/null
+++ b/www/src/demos/slider/vertical.tsx
@@ -0,0 +1,7 @@
+import { Slider } from "@/registry/ui/default/core/slider";
+
+export default function Demo() {
+  return (
+    <Slider defaultValue={50} aria-label="Opacity" orientation="vertical" />
+  );
+}
diff --git a/www/src/demos/switch/controlled.tsx b/www/src/demos/switch/controlled.tsx
new file mode 100644
index 000000000..803512d7a
--- /dev/null
+++ b/www/src/demos/switch/controlled.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import React from "react";
+import { Switch } from "@/registry/ui/default/core/switch";
+
+export default function Demo() {
+  const [isSelected, setSelected] = React.useState(true);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <Switch isSelected={isSelected} onChange={setSelected}>
+        Focus mode
+      </Switch>
+      <p className="text-fg-muted text-xs">
+        You are {!isSelected && "not"} on{" "}
+        <span className="font-bold">focus mode</span>.
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/switch/default.tsx b/www/src/demos/switch/default.tsx
new file mode 100644
index 000000000..229fd47af
--- /dev/null
+++ b/www/src/demos/switch/default.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { Switch } from "@/registry/ui/default/core/switch";
+
+export default function Demo() {
+  return <Switch>Focus mode</Switch>;
+}
diff --git a/www/src/demos/switch/disabled.tsx b/www/src/demos/switch/disabled.tsx
new file mode 100644
index 000000000..1d82fa42b
--- /dev/null
+++ b/www/src/demos/switch/disabled.tsx
@@ -0,0 +1,12 @@
+import { Switch } from "@/registry/ui/default/core/switch";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-10">
+      <Switch isDisabled defaultSelected>
+        Focus Mode
+      </Switch>
+      <Switch isDisabled>Focus Mode</Switch>
+    </div>
+  );
+}
diff --git a/www/src/demos/switch/label.tsx b/www/src/demos/switch/label.tsx
new file mode 100644
index 000000000..fa4c45548
--- /dev/null
+++ b/www/src/demos/switch/label.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { Switch } from "@/registry/ui/default/core/switch";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-10">
+      <Switch>Focus mode</Switch>
+      <Switch aria-label="Focus mode" />
+    </div>
+  );
+}
diff --git a/www/src/demos/switch/sizes.tsx b/www/src/demos/switch/sizes.tsx
new file mode 100644
index 000000000..933f3ceaf
--- /dev/null
+++ b/www/src/demos/switch/sizes.tsx
@@ -0,0 +1,11 @@
+import { Switch } from "@/registry/ui/default/core/switch";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <Switch size="sm" defaultSelected />
+      <Switch size="md" defaultSelected />
+      <Switch size="lg" defaultSelected />
+    </div>
+  );
+}
diff --git a/www/src/demos/switch/uncontrolled.tsx b/www/src/demos/switch/uncontrolled.tsx
new file mode 100644
index 000000000..b74e111f4
--- /dev/null
+++ b/www/src/demos/switch/uncontrolled.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { Switch } from "@/registry/ui/default/core/switch";
+
+export default function Demo() {
+  return <Switch defaultSelected>Airplane Mode</Switch>;
+}
diff --git a/www/src/demos/tabs/basic.tsx b/www/src/demos/tabs/basic.tsx
new file mode 100644
index 000000000..552cdecd6
--- /dev/null
+++ b/www/src/demos/tabs/basic.tsx
@@ -0,0 +1,16 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs>
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings">Settings</Tab>
+      </TabList>
+      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
+      <TabPanel id="usage"> You can view your usage here. </TabPanel>
+      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/demos/tabs/controlled.tsx b/www/src/demos/tabs/controlled.tsx
new file mode 100644
index 000000000..154ac4322
--- /dev/null
+++ b/www/src/demos/tabs/controlled.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import React from "react";
+import type { Key } from "react-aria-components";
+import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+
+export default function Demo() {
+  const [selectedTab, setSelectedTab] = React.useState<Key>("overview");
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <Tabs selectedKey={selectedTab} onSelectionChange={setSelectedTab}>
+        <TabList>
+          <Tab id="overview">Overview</Tab>
+          <Tab id="usage">Usage</Tab>
+          <Tab id="settings">Settings</Tab>
+        </TabList>
+        <TabPanel id="overview">
+          {" "}
+          You can view all your projects here.{" "}
+        </TabPanel>
+        <TabPanel id="usage"> You can view your usage here. </TabPanel>
+        <TabPanel id="settings"> You can view your settings here. </TabPanel>
+      </Tabs>
+      <p className="text-fg-muted text-sm">
+        Selected tab: <span className="text-fg font-bold">{selectedTab}</span>
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/demos/tabs/disabled-item.tsx b/www/src/demos/tabs/disabled-item.tsx
new file mode 100644
index 000000000..6e00a4a38
--- /dev/null
+++ b/www/src/demos/tabs/disabled-item.tsx
@@ -0,0 +1,18 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs>
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings" isDisabled>
+          Settings
+        </Tab>
+      </TabList>
+      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
+      <TabPanel id="usage"> You can view your usage here. </TabPanel>
+      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/demos/tabs/disabled.tsx b/www/src/demos/tabs/disabled.tsx
new file mode 100644
index 000000000..7c2572f9f
--- /dev/null
+++ b/www/src/demos/tabs/disabled.tsx
@@ -0,0 +1,16 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs isDisabled>
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings">Settings</Tab>
+      </TabList>
+      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
+      <TabPanel id="usage"> You can view your usage here. </TabPanel>
+      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/demos/tabs/keyboard-activation.tsx b/www/src/demos/tabs/keyboard-activation.tsx
new file mode 100644
index 000000000..1f40ef6b2
--- /dev/null
+++ b/www/src/demos/tabs/keyboard-activation.tsx
@@ -0,0 +1,16 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs keyboardActivation="manual">
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings">Settings</Tab>
+      </TabList>
+      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
+      <TabPanel id="usage"> You can view your usage here. </TabPanel>
+      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/demos/tabs/vertical.tsx b/www/src/demos/tabs/vertical.tsx
new file mode 100644
index 000000000..40f7d6285
--- /dev/null
+++ b/www/src/demos/tabs/vertical.tsx
@@ -0,0 +1,16 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs orientation="vertical">
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings">Settings</Tab>
+      </TabList>
+      <TabPanel id="overview">You can view all your projects here. </TabPanel>
+      <TabPanel id="usage"> You can view your usage here. </TabPanel>
+      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/demos/text-area/composition.tsx b/www/src/demos/text-area/composition.tsx
new file mode 100644
index 000000000..00ebd671f
--- /dev/null
+++ b/www/src/demos/text-area/composition.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Description, Label } from "@/registry/ui/default/core/field";
+import { TextAreaInput, InputRoot } from "@/registry/ui/default/core/input";
+import { TextFieldRoot } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <TextFieldRoot>
+      <Label>Comment</Label>
+      <InputRoot multiline>
+        <TextAreaInput />
+      </InputRoot>
+      <Description>Enter your comment.</Description>
+    </TextFieldRoot>
+  );
+}
diff --git a/www/src/demos/text-area/contextual-help.tsx b/www/src/demos/text-area/contextual-help.tsx
new file mode 100644
index 000000000..468961e05
--- /dev/null
+++ b/www/src/demos/text-area/contextual-help.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return (
+    <TextArea
+      label="Bio"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble writing your bio, get assisted by our AI."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/demos/text-area/controlled.tsx b/www/src/demos/text-area/controlled.tsx
new file mode 100644
index 000000000..a11521fd6
--- /dev/null
+++ b/www/src/demos/text-area/controlled.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState(
+    "Roses are red, violets are blue."
+  );
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <TextArea
+        label="Essay"
+        value={inputValue}
+        onChange={(text) => {
+          setInputValue(text);
+        }}
+      />
+      <p className="text-fg-muted text-sm">mirrored text: {inputValue}</p>
+    </div>
+  );
+}
diff --git a/www/src/demos/text-area/default.tsx b/www/src/demos/text-area/default.tsx
new file mode 100644
index 000000000..663850b73
--- /dev/null
+++ b/www/src/demos/text-area/default.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return <TextArea label="Description" placeholder="Type your message here" />;
+}
diff --git a/www/src/demos/text-area/description.tsx b/www/src/demos/text-area/description.tsx
new file mode 100644
index 000000000..009efbb81
--- /dev/null
+++ b/www/src/demos/text-area/description.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return <TextArea label="Description" description="Type your description" />;
+}
diff --git a/www/src/demos/text-area/disabled.tsx b/www/src/demos/text-area/disabled.tsx
new file mode 100644
index 000000000..aac42285e
--- /dev/null
+++ b/www/src/demos/text-area/disabled.tsx
@@ -0,0 +1,5 @@
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return <TextArea value="This is a comment" isDisabled />;
+}
diff --git a/www/src/demos/text-area/error-message.tsx b/www/src/demos/text-area/error-message.tsx
new file mode 100644
index 000000000..d5109aba8
--- /dev/null
+++ b/www/src/demos/text-area/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return (
+    <TextArea
+      label="Comment"
+      isInvalid
+      errorMessage="You have exceeded the comment limit for one hour."
+    />
+  );
+}
diff --git a/www/src/demos/text-area/form.tsx b/www/src/demos/text-area/form.tsx
new file mode 100644
index 000000000..d1bb00a53
--- /dev/null
+++ b/www/src/demos/text-area/form.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return <TextArea label="Comment" />;
+}
diff --git a/www/src/demos/text-area/label.tsx b/www/src/demos/text-area/label.tsx
new file mode 100644
index 000000000..c1edfb7b2
--- /dev/null
+++ b/www/src/demos/text-area/label.tsx
@@ -0,0 +1,10 @@
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <TextArea label="Description" placeholder="Visible label" />
+      <TextArea aria-label="Description" placeholder="Hidden label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/text-area/loading.tsx b/www/src/demos/text-area/loading.tsx
new file mode 100644
index 000000000..f64639461
--- /dev/null
+++ b/www/src/demos/text-area/loading.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <TextArea isLoading loaderPosition="prefix" />
+      <TextArea isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/demos/text-area/prefix-and-suffix.tsx b/www/src/demos/text-area/prefix-and-suffix.tsx
new file mode 100644
index 000000000..66c89b9c9
--- /dev/null
+++ b/www/src/demos/text-area/prefix-and-suffix.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { BoldIcon, ItalicIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState("");
+  return (
+    <TextArea
+      label="Comment"
+      placeholder="type something here"
+      value={inputValue}
+      onChange={setInputValue}
+      prefix={
+        <div className="flex items-center gap-1">
+          <Button
+            variant="quiet"
+            shape="square"
+            size="sm"
+            className="size-7"
+            onPress={() => {
+              setInputValue(`${inputValue}👍`);
+            }}
+          >
+            👍
+          </Button>
+          <Button
+            variant="quiet"
+            shape="square"
+            size="sm"
+            className="size-7"
+            onPress={() => {
+              setInputValue(`${inputValue}❤️`);
+            }}
+          >
+            ❤️
+          </Button>
+        </div>
+      }
+      suffix={
+        <div className="flex items-center justify-between">
+          <div className="flex items-center gap-0.5">
+            <ToggleButton size="sm" className="size-7">
+              <BoldIcon />
+            </ToggleButton>
+            <ToggleButton size="sm" className="size-7">
+              <ItalicIcon />
+            </ToggleButton>
+          </div>
+          <Button variant="primary" size="sm" className="h-7">
+            Comment
+          </Button>
+        </div>
+      }
+    />
+  );
+}
diff --git a/www/src/demos/text-area/read-only.tsx b/www/src/demos/text-area/read-only.tsx
new file mode 100644
index 000000000..c6cacfeef
--- /dev/null
+++ b/www/src/demos/text-area/read-only.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return (
+    <TextArea label="Email" isReadOnly value="This is a readonly comment" />
+  );
+}
diff --git a/www/src/demos/text-area/required.tsx b/www/src/demos/text-area/required.tsx
new file mode 100644
index 000000000..b53f4df74
--- /dev/null
+++ b/www/src/demos/text-area/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return (
+    <TextArea
+      isRequired
+      necessityIndicator="icon"
+      label="Description"
+      placeholder="Type your message here"
+    />
+  );
+}
diff --git a/www/src/demos/text-area/uncontrolled.tsx b/www/src/demos/text-area/uncontrolled.tsx
new file mode 100644
index 000000000..9eeb11bf1
--- /dev/null
+++ b/www/src/demos/text-area/uncontrolled.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import { TextArea } from "@/registry/ui/default/core/text-area";
+
+export default function Demo() {
+  return (
+    <TextArea label="Essay" defaultValue="Roses are red, violets are blue." />
+  );
+}
diff --git a/www/src/demos/text-field/composition.tsx b/www/src/demos/text-field/composition.tsx
new file mode 100644
index 000000000..a7a64a41a
--- /dev/null
+++ b/www/src/demos/text-field/composition.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Description, Label } from "@/registry/ui/default/core/field";
+import { Input, InputRoot } from "@/registry/ui/default/core/input";
+import { TextFieldRoot } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <TextFieldRoot>
+      <Label>Email</Label>
+      <InputRoot>
+        <Input />
+      </InputRoot>
+      <Description>Enter your email.</Description>
+    </TextFieldRoot>
+  );
+}
diff --git a/www/src/demos/text-field/contextual-help.tsx b/www/src/demos/text-field/contextual-help.tsx
new file mode 100644
index 000000000..428a1a226
--- /dev/null
+++ b/www/src/demos/text-field/contextual-help.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <TextField
+      label="Password"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble accessing your account, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/demos/text-field/controlled.tsx b/www/src/demos/text-field/controlled.tsx
new file mode 100644
index 000000000..889646581
--- /dev/null
+++ b/www/src/demos/text-field/controlled.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState("Hello world!");
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <TextField
+        value={inputValue}
+        onChange={(text) => {
+          setInputValue(text);
+        }}
+      />
+      <p className="text-fg-muted text-sm">mirrored text: {inputValue}</p>
+    </div>
+  );
+}
diff --git a/www/src/demos/text-field/default.tsx b/www/src/demos/text-field/default.tsx
new file mode 100644
index 000000000..00ff2f783
--- /dev/null
+++ b/www/src/demos/text-field/default.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return <TextField label="Email" placeholder="hello@mehdibha.com" />;
+}
diff --git a/www/src/demos/text-field/description.tsx b/www/src/demos/text-field/description.tsx
new file mode 100644
index 000000000..e5cff443d
--- /dev/null
+++ b/www/src/demos/text-field/description.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return <TextField label="Email" description="Enter your email." />;
+}
diff --git a/www/src/demos/text-field/disabled.tsx b/www/src/demos/text-field/disabled.tsx
new file mode 100644
index 000000000..05559262a
--- /dev/null
+++ b/www/src/demos/text-field/disabled.tsx
@@ -0,0 +1,5 @@
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return <TextField value="hello@dotui.org" isDisabled />;
+}
diff --git a/www/src/demos/text-field/error-message.tsx b/www/src/demos/text-field/error-message.tsx
new file mode 100644
index 000000000..084cfa879
--- /dev/null
+++ b/www/src/demos/text-field/error-message.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <TextField
+      defaultValue="support@copyui.dev"
+      label="Email"
+      isInvalid
+      errorMessage="This email is already taken."
+    />
+  );
+}
diff --git a/www/src/demos/text-field/label.tsx b/www/src/demos/text-field/label.tsx
new file mode 100644
index 000000000..6992342f6
--- /dev/null
+++ b/www/src/demos/text-field/label.tsx
@@ -0,0 +1,10 @@
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <TextField label="Email" placeholder="Visible label" />
+      <TextField aria-label="Email" placeholder="Hidden label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/text-field/loading.tsx b/www/src/demos/text-field/loading.tsx
new file mode 100644
index 000000000..c1eb8a834
--- /dev/null
+++ b/www/src/demos/text-field/loading.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-2">
+      <TextField isLoading loaderPosition="prefix" />
+      <TextField isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/demos/text-field/prefix-and-suffix.tsx b/www/src/demos/text-field/prefix-and-suffix.tsx
new file mode 100644
index 000000000..eb020b302
--- /dev/null
+++ b/www/src/demos/text-field/prefix-and-suffix.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { TextField } from "@/registry/ui/default/core/text-field";
+import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { XCircleIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState("Hello world!");
+  const inputRef = React.useRef<HTMLInputElement>(null);
+  return (
+    <div className="space-y-2">
+      <TextField prefix={<span>https://</span>} />
+      <TextField suffix={<span>@dotui.org</span>} />
+      <TextField
+        ref={inputRef}
+        value={inputValue}
+        onChange={setInputValue}
+        suffix={
+          <Tooltip content="Clear input" placement="bottom" className="text-xs">
+            <Button
+              variant="quiet"
+              shape="square"
+              size="sm"
+              className="size-6"
+              onPress={() => {
+                setInputValue("");
+                inputRef.current?.focus();
+              }}
+            >
+              <XCircleIcon />
+            </Button>
+          </Tooltip>
+        }
+      />
+    </div>
+  );
+}
diff --git a/www/src/demos/text-field/read-only.tsx b/www/src/demos/text-field/read-only.tsx
new file mode 100644
index 000000000..a63fcb03e
--- /dev/null
+++ b/www/src/demos/text-field/read-only.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return <TextField label="Email" isReadOnly value="hello@copyui.dev" />;
+}
diff --git a/www/src/demos/text-field/required.tsx b/www/src/demos/text-field/required.tsx
new file mode 100644
index 000000000..d43eccce7
--- /dev/null
+++ b/www/src/demos/text-field/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <TextField label="Email" isRequired />
+      <TextField label="Email" isRequired necessityIndicator="icon" />
+      <TextField label="Email" isRequired necessityIndicator="label" />
+      <TextField label="Email" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/text-field/sizes.tsx b/www/src/demos/text-field/sizes.tsx
new file mode 100644
index 000000000..bc8d8bb5b
--- /dev/null
+++ b/www/src/demos/text-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <TextField placeholder="small (sm)" size="sm" />
+      <TextField placeholder="medium (md)" size="md" />
+      <TextField placeholder="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/demos/text-field/uncontrolled.tsx b/www/src/demos/text-field/uncontrolled.tsx
new file mode 100644
index 000000000..f82e71465
--- /dev/null
+++ b/www/src/demos/text-field/uncontrolled.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { TextField } from "@/registry/ui/default/core/text-field";
+
+export default function Demo() {
+  return <TextField label="Name" defaultValue="Mehdi" />;
+}
diff --git a/www/src/demos/time-field/composition.tsx b/www/src/demos/time-field/composition.tsx
new file mode 100644
index 000000000..d155daca4
--- /dev/null
+++ b/www/src/demos/time-field/composition.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import React from "react";
+import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
+import { Description, Label } from "@/registry/ui/default/core/field";
+import { InputRoot } from "@/registry/ui/default/core/input";
+import { TimeFieldRoot } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeFieldRoot>
+      <Label>Meeting time</Label>
+      <InputRoot>
+        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+      </InputRoot>
+      <Description>Please select a time between 9 AM and 5 PM.</Description>
+    </TimeFieldRoot>
+  );
+}
diff --git a/www/src/demos/time-field/contextual-help.tsx b/www/src/demos/time-field/contextual-help.tsx
new file mode 100644
index 000000000..2db3605e6
--- /dev/null
+++ b/www/src/demos/time-field/contextual-help.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField
+      label="Appointment"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble accessing your account, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/demos/time-field/controlled.tsx b/www/src/demos/time-field/controlled.tsx
new file mode 100644
index 000000000..7099df68e
--- /dev/null
+++ b/www/src/demos/time-field/controlled.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { Time } from "@internationalized/date";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  const [time, setTime] = React.useState(new Time(11, 45));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <TimeField value={time} onChange={setTime} />
+      <p className="text-fg-muted text-sm">selected time: {time.toString()}</p>
+    </div>
+  );
+}
diff --git a/www/src/demos/time-field/default.tsx b/www/src/demos/time-field/default.tsx
new file mode 100644
index 000000000..153414aa7
--- /dev/null
+++ b/www/src/demos/time-field/default.tsx
@@ -0,0 +1,5 @@
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return <TimeField />;
+}
diff --git a/www/src/demos/time-field/description.tsx b/www/src/demos/time-field/description.tsx
new file mode 100644
index 000000000..86c4ab35d
--- /dev/null
+++ b/www/src/demos/time-field/description.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import React from "react";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField
+      label="Appointment"
+      description="Please select a time between 9 AM and 5 PM."
+    />
+  );
+}
diff --git a/www/src/demos/time-field/disabled.tsx b/www/src/demos/time-field/disabled.tsx
new file mode 100644
index 000000000..ce66164f3
--- /dev/null
+++ b/www/src/demos/time-field/disabled.tsx
@@ -0,0 +1,5 @@
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return <TimeField label="Event time" isDisabled />;
+}
diff --git a/www/src/demos/time-field/error-message.tsx b/www/src/demos/time-field/error-message.tsx
new file mode 100644
index 000000000..4f43bba7f
--- /dev/null
+++ b/www/src/demos/time-field/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField
+      label="Meeting"
+      isInvalid
+      errorMessage="Meetings start every 15 minutes."
+    />
+  );
+}
diff --git a/www/src/demos/time-field/granularity.tsx b/www/src/demos/time-field/granularity.tsx
new file mode 100644
index 000000000..e24fba59e
--- /dev/null
+++ b/www/src/demos/time-field/granularity.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField
+      granularity="second"
+      defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+    />
+  );
+}
diff --git a/www/src/demos/time-field/hide-time-zone.tsx b/www/src/demos/time-field/hide-time-zone.tsx
new file mode 100644
index 000000000..c2d67eba1
--- /dev/null
+++ b/www/src/demos/time-field/hide-time-zone.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { parseZonedDateTime } from "@internationalized/date";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField
+      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
+      hideTimeZone
+    />
+  );
+}
diff --git a/www/src/demos/time-field/hour-cycle.tsx b/www/src/demos/time-field/hour-cycle.tsx
new file mode 100644
index 000000000..288e89f33
--- /dev/null
+++ b/www/src/demos/time-field/hour-cycle.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return <TimeField aria-label="Appointment time" hourCycle={24} />;
+}
diff --git a/www/src/demos/time-field/label.tsx b/www/src/demos/time-field/label.tsx
new file mode 100644
index 000000000..4e59dba99
--- /dev/null
+++ b/www/src/demos/time-field/label.tsx
@@ -0,0 +1,10 @@
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <TimeField label="Event time" />
+      <TimeField aria-label="Event time" />
+    </div>
+  );
+}
diff --git a/www/src/demos/time-field/loading.tsx b/www/src/demos/time-field/loading.tsx
new file mode 100644
index 000000000..723f80b79
--- /dev/null
+++ b/www/src/demos/time-field/loading.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import React from "react";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-2">
+      <TimeField isLoading loaderPosition="prefix" />
+      <TimeField isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/demos/time-field/placeholder.tsx b/www/src/demos/time-field/placeholder.tsx
new file mode 100644
index 000000000..e51e5bd77
--- /dev/null
+++ b/www/src/demos/time-field/placeholder.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import { Time } from "@internationalized/date";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return <TimeField placeholderValue={new Time(9)} />;
+}
diff --git a/www/src/demos/time-field/prefix-and-suffix.tsx b/www/src/demos/time-field/prefix-and-suffix.tsx
new file mode 100644
index 000000000..202ba2f1e
--- /dev/null
+++ b/www/src/demos/time-field/prefix-and-suffix.tsx
@@ -0,0 +1,11 @@
+import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimerIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="space-y-2">
+      <TimeField prefix={<TimerIcon />} />
+      <TimeField suffix={<TimerIcon />} />
+    </div>
+  );
+}
diff --git a/www/src/demos/time-field/read-only.tsx b/www/src/demos/time-field/read-only.tsx
new file mode 100644
index 000000000..0642038ad
--- /dev/null
+++ b/www/src/demos/time-field/read-only.tsx
@@ -0,0 +1,9 @@
+"use client";
+
+import React from "react";
+import { Time } from "@internationalized/date";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return <TimeField label="Event time" value={new Time(11)} isReadOnly />;
+}
diff --git a/www/src/demos/time-field/required.tsx b/www/src/demos/time-field/required.tsx
new file mode 100644
index 000000000..815f649e4
--- /dev/null
+++ b/www/src/demos/time-field/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <TimeField label="Event time" isRequired />
+      <TimeField label="Event time" isRequired necessityIndicator="icon" />
+      <TimeField label="Event time" isRequired necessityIndicator="label" />
+      <TimeField label="Event time" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/demos/time-field/sizes.tsx b/www/src/demos/time-field/sizes.tsx
new file mode 100644
index 000000000..f83d35823
--- /dev/null
+++ b/www/src/demos/time-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <TimeField label="small (sm)" size="sm" />
+      <TimeField label="medium (md)" size="md" />
+      <TimeField label="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/demos/time-field/time-zones.tsx b/www/src/demos/time-field/time-zones.tsx
new file mode 100644
index 000000000..62a80ef70
--- /dev/null
+++ b/www/src/demos/time-field/time-zones.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
+  );
+}
diff --git a/www/src/demos/time-field/uncontrolled.tsx b/www/src/demos/time-field/uncontrolled.tsx
new file mode 100644
index 000000000..758b651c1
--- /dev/null
+++ b/www/src/demos/time-field/uncontrolled.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import { Time } from "@internationalized/date";
+import { TimeField } from "@/registry/ui/default/core/time-field";
+
+export default function Demo() {
+  return <TimeField defaultValue={new Time(11, 45)} />;
+}
diff --git a/www/src/demos/toggle-button/controlled.tsx b/www/src/demos/toggle-button/controlled.tsx
new file mode 100644
index 000000000..aa9c6802a
--- /dev/null
+++ b/www/src/demos/toggle-button/controlled.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [isSelected, setSelected] = React.useState(true);
+  return (
+    <div className="flex flex-col items-center gap-2">
+      <ToggleButton
+        isSelected={isSelected}
+        onChange={setSelected}
+        aria-label="Toggle pin"
+      >
+        <PinIcon className="rotate-45" />
+      </ToggleButton>
+      <span className="text-fg-muted text-sm">
+        state: {isSelected ? "On" : "Off"}
+      </span>
+    </div>
+  );
+}
diff --git a/www/src/demos/toggle-button/default.tsx b/www/src/demos/toggle-button/default.tsx
new file mode 100644
index 000000000..6c683e61e
--- /dev/null
+++ b/www/src/demos/toggle-button/default.tsx
@@ -0,0 +1,10 @@
+import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <ToggleButton aria-label="Toggle pin">
+      <PinIcon className="rotate-45" />
+    </ToggleButton>
+  );
+}
diff --git a/www/src/demos/toggle-button/disabled.tsx b/www/src/demos/toggle-button/disabled.tsx
new file mode 100644
index 000000000..eb95bd128
--- /dev/null
+++ b/www/src/demos/toggle-button/disabled.tsx
@@ -0,0 +1,10 @@
+import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <ToggleButton isDisabled aria-label="Toggle pin">
+      <PinIcon className="rotate-45" />
+    </ToggleButton>
+  );
+}
diff --git a/www/src/demos/toggle-button/shapes.tsx b/www/src/demos/toggle-button/shapes.tsx
new file mode 100644
index 000000000..065241f32
--- /dev/null
+++ b/www/src/demos/toggle-button/shapes.tsx
@@ -0,0 +1,24 @@
+import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <ToggleButton variant="outline" shape="square" aria-label="Toggle pin">
+        <PinIcon className="rotate-45" />
+      </ToggleButton>
+      <ToggleButton variant="outline" shape="circle" aria-label="Toggle pin">
+        <PinIcon className="rotate-45" />
+      </ToggleButton>
+      <ToggleButton
+        variant="accent"
+        shape="rectangle"
+        prefix={<PinIcon className="rotate-45" />}
+        defaultSelected
+        aria-label="Toggle pin"
+      >
+        Pin
+      </ToggleButton>
+    </div>
+  );
+}
diff --git a/www/src/demos/toggle-button/sizes.tsx b/www/src/demos/toggle-button/sizes.tsx
new file mode 100644
index 000000000..eb45f77c9
--- /dev/null
+++ b/www/src/demos/toggle-button/sizes.tsx
@@ -0,0 +1,21 @@
+import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+const sizes = ["sm", "md", "lg"] as const;
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      {sizes.map((size) => (
+        <ToggleButton
+          key={size}
+          size={size}
+          variant="outline"
+          aria-label="Toggle pin"
+        >
+          <PinIcon className="rotate-45" />
+        </ToggleButton>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/demos/toggle-button/uncontrolled.tsx b/www/src/demos/toggle-button/uncontrolled.tsx
new file mode 100644
index 000000000..6b626f99b
--- /dev/null
+++ b/www/src/demos/toggle-button/uncontrolled.tsx
@@ -0,0 +1,10 @@
+import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <ToggleButton aria-label="Toggle pin" defaultSelected>
+      <PinIcon className="rotate-45" />
+    </ToggleButton>
+  );
+}
diff --git a/www/src/demos/toggle-button/variants.tsx b/www/src/demos/toggle-button/variants.tsx
new file mode 100644
index 000000000..2ef295265
--- /dev/null
+++ b/www/src/demos/toggle-button/variants.tsx
@@ -0,0 +1,21 @@
+import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+const variants = ["quiet", "outline", "accent"] as const;
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      {variants.map((variant) => (
+        <ToggleButton
+          key={variant}
+          variant={variant}
+          defaultSelected={variant === "accent"}
+          aria-label="Toggle pin"
+        >
+          <PinIcon className="rotate-45" />
+        </ToggleButton>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/demos/tooltip/arrow.tsx b/www/src/demos/tooltip/arrow.tsx
new file mode 100644
index 000000000..4e26507cb
--- /dev/null
+++ b/www/src/demos/tooltip/arrow.tsx
@@ -0,0 +1,13 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Tooltip content="Add to library" arrow>
+      <Button shape="square">
+        <PlusIcon />
+      </Button>
+    </Tooltip>
+  );
+}
diff --git a/www/src/demos/tooltip/composition.tsx b/www/src/demos/tooltip/composition.tsx
new file mode 100644
index 000000000..dfcd62f5c
--- /dev/null
+++ b/www/src/demos/tooltip/composition.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  TooltipRoot,
+  TooltipContent,
+} from "@/registry/ui/default/core/tooltip";
+
+export default function Demo() {
+  return (
+    <TooltipRoot>
+      <Button>Hover</Button>
+      <TooltipContent>
+        <p>Add to library</p>
+      </TooltipContent>
+    </TooltipRoot>
+  );
+}
diff --git a/www/src/demos/tooltip/container-padding.tsx b/www/src/demos/tooltip/container-padding.tsx
new file mode 100644
index 000000000..2f1ddee60
--- /dev/null
+++ b/www/src/demos/tooltip/container-padding.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [containerPadding, setContainerPadding] = React.useState(12);
+  return (
+    <div className="flex flex-col items-center gap-10">
+      <Tooltip containerPadding={containerPadding} content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <NumberField
+        label="Container padding"
+        value={containerPadding}
+        onChange={(value) => setContainerPadding(value)}
+        className="max-w-[150px]"
+      />
+    </div>
+  );
+}
diff --git a/www/src/demos/tooltip/default.tsx b/www/src/demos/tooltip/default.tsx
new file mode 100644
index 000000000..866f1f7e2
--- /dev/null
+++ b/www/src/demos/tooltip/default.tsx
@@ -0,0 +1,13 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Tooltip content="Add to library">
+      <Button shape="square">
+        <PlusIcon />
+      </Button>
+    </Tooltip>
+  );
+}
diff --git a/www/src/demos/tooltip/delay.tsx b/www/src/demos/tooltip/delay.tsx
new file mode 100644
index 000000000..a1d16f12f
--- /dev/null
+++ b/www/src/demos/tooltip/delay.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [delay, setDelay] = React.useState(700);
+  const [closeDelay, setCloseDelay] = React.useState(0);
+  return (
+    <div className="flex flex-col items-center gap-10">
+      <Tooltip delay={delay} closeDelay={closeDelay} content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <div className="max-w-[150px] space-y-4">
+        <NumberField
+          label="Delay"
+          value={delay}
+          onChange={(value) => setDelay(value)}
+        />
+        <NumberField
+          label="Close Delay"
+          value={closeDelay}
+          onChange={(value) => setCloseDelay(value)}
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/demos/tooltip/flip.tsx b/www/src/demos/tooltip/flip.tsx
new file mode 100644
index 000000000..3a7108a18
--- /dev/null
+++ b/www/src/demos/tooltip/flip.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Switch } from "@/registry/ui/default/core/switch";
+import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [shouldFlip, setShouldFlip] = React.useState(false);
+  return (
+    <div className="flex flex-col items-center gap-10">
+      <Tooltip shouldFlip={shouldFlip} content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <Switch
+        isSelected={shouldFlip}
+        onChange={(isSelected) => setShouldFlip(isSelected)}
+      >
+        Should flip
+      </Switch>
+    </div>
+  );
+}
diff --git a/www/src/demos/tooltip/offset.tsx b/www/src/demos/tooltip/offset.tsx
new file mode 100644
index 000000000..69908fbda
--- /dev/null
+++ b/www/src/demos/tooltip/offset.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { NumberField } from "@/registry/ui/default/core/number-field";
+import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [offset, setOffset] = React.useState(10);
+  return (
+    <div className="flex flex-col items-center gap-10">
+      <Tooltip offset={offset} content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <NumberField
+        label="Offset"
+        value={offset}
+        onChange={(value) => setOffset(value)}
+        className="max-w-[150px]"
+      />
+    </div>
+  );
+}
diff --git a/www/src/demos/tooltip/placement.tsx b/www/src/demos/tooltip/placement.tsx
new file mode 100644
index 000000000..46c4f6a2c
--- /dev/null
+++ b/www/src/demos/tooltip/placement.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+import { Button } from "@/registry/ui/default/core/button";
+import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <Tooltip placement="top" content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <Tooltip placement="bottom" content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <Tooltip placement="left" content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <Tooltip placement="right" content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+    </div>
+  );
+}
diff --git a/www/src/demos/tooltip/with-arrow.tsx b/www/src/demos/tooltip/with-arrow.tsx
new file mode 100644
index 000000000..671756310
--- /dev/null
+++ b/www/src/demos/tooltip/with-arrow.tsx
@@ -0,0 +1,13 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function TooltipDemo() {
+  return (
+    <Tooltip content="Add to library" arrow>
+      <Button shape="square">
+        <PlusIcon />
+      </Button>
+    </Tooltip>
+  );
+}
diff --git a/www/src/registry-v2/core/alert.tsx b/www/src/registry-v2/core/alert.tsx
new file mode 100644
index 000000000..90761a1a6
--- /dev/null
+++ b/www/src/registry-v2/core/alert.tsx
@@ -0,0 +1,109 @@
+import * as React from "react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { DangerIcon, InfoIcon, SuccessIcon, WarningIcon } from "@/__icons__";
+
+const alertStyles = tv({
+  slots: {
+    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      default: { root: "text-fg border" },
+      success: { root: "border-border-success text-fg-success border" },
+      warning: { root: "border-border-warning text-fg-warning border" },
+      danger: { root: "border-border-danger text-fg-danger border" },
+      info: { root: "border-border-accent text-fg-accent border" },
+    },
+    fill: {
+      true: "",
+    },
+  },
+  compoundVariants: [
+    { variant: "default", fill: true, className: { root: "bg-bg-muted" } },
+    {
+      variant: "success",
+      fill: true,
+      className: { root: "bg-bg-success-muted" },
+    },
+    {
+      variant: "warning",
+      fill: true,
+      className: { root: "bg-bg-warning-muted" },
+    },
+    {
+      variant: "danger",
+      fill: true,
+      className: { root: "bg-bg-danger-muted" },
+    },
+    { variant: "info", fill: true, className: { root: "bg-bg-accent-muted" } },
+  ],
+  defaultVariants: {
+    variant: "default",
+    fill: false,
+  },
+});
+
+const icons = {
+  default: <InfoIcon />,
+  success: <SuccessIcon />,
+  warning: <WarningIcon />,
+  danger: <DangerIcon />,
+  info: <InfoIcon />,
+};
+interface AlertProps extends AlertRootProps {
+  title?: React.ReactNode;
+  icon?: React.ReactNode | null;
+  action?: React.ReactNode;
+}
+const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
+  ({ variant = "default", title, children, icon, action, ...props }, ref) => {
+    return (
+      <AlertRoot variant={variant} {...props} ref={ref}>
+        {icon || icons[variant]}
+        <div className="flex-1 space-y-0.5">
+          {title && <AlertTitle>{title}</AlertTitle>}
+          {children && <AlertContent>{children}</AlertContent>}
+        </div>
+        {action && <div className="shrink-0">{action}</div>}
+      </AlertRoot>
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+interface AlertRootProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">,
+    VariantProps<typeof alertStyles> {}
+const AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(
+  ({ className, variant, fill, ...props }, ref) => {
+    const { root } = alertStyles({ variant, fill });
+    return (
+      <div role="alert" className={root({ className })} {...props} ref={ref} />
+    );
+  }
+);
+AlertRoot.displayName = "AlertRoot";
+
+interface AlertTitleProps
+  extends React.HTMLAttributes<HTMLHeadingElement>,
+    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS
+const AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(
+  ({ className, ...props }, ref) => {
+    const { title } = alertStyles();
+    return <h3 className={title({ className })} {...props} ref={ref} />;
+  }
+);
+AlertTitle.displayName = "AlertTitle";
+
+interface AlertContentProps
+  extends React.HTMLAttributes<HTMLElement>,
+    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS
+const AlertContent = ({ className, ...props }: AlertContentProps) => {
+  const { content } = alertStyles();
+  return <section className={content({ className })} {...props} />;
+};
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/registry-v2/core/aspect-ratio.tsx b/www/src/registry-v2/core/aspect-ratio.tsx
new file mode 100644
index 000000000..359bc940d
--- /dev/null
+++ b/www/src/registry-v2/core/aspect-ratio.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+
+const AspectRatio = AspectRatioPrimitive.Root;
+
+export { AspectRatio };
diff --git a/www/src/registry-v2/core/avatar.tsx b/www/src/registry-v2/core/avatar.tsx
new file mode 100644
index 000000000..b0da52ad0
--- /dev/null
+++ b/www/src/registry-v2/core/avatar.tsx
@@ -0,0 +1,173 @@
+"use client";
+
+import * as React from "react";
+import { tv, type VariantProps } from "tailwind-variants";
+
+const avatarStyles = tv({
+  slots: {
+    root: "bg-bg relative inline-flex shrink-0 overflow-hidden align-middle",
+    image: "aspect-square size-full",
+    fallback:
+      "bg-bg-muted flex size-full select-none items-center justify-center",
+    placeholder:
+      "bg-bg-muted flex size-full h-full animate-pulse items-center justify-center",
+  },
+  variants: {
+    size: {
+      sm: { root: "size-8" },
+      md: { root: "size-10" },
+      lg: { root: "size-12" },
+    },
+    shape: {
+      circle: { root: "rounded-full" },
+      square: { root: "rounded-sm" },
+    },
+  },
+  defaultVariants: {
+    shape: "circle",
+    size: "md",
+  },
+});
+
+interface AvatarProps
+  extends AvatarImageProps,
+    VariantProps<typeof avatarStyles> {
+  fallback?: React.ReactNode;
+}
+const Avatar = ({
+  fallback,
+  className,
+  style,
+  size,
+  shape,
+  ...props
+}: AvatarProps) => {
+  return (
+    <AvatarRoot className={className} style={style} shape={shape} size={size}>
+      <AvatarImage {...props} />
+      <AvatarFallback>{fallback}</AvatarFallback>
+      <AvatarPlaceholder />
+    </AvatarRoot>
+  );
+};
+
+interface AvatarRootProps
+  extends React.HTMLAttributes<HTMLSpanElement>,
+    VariantProps<typeof avatarStyles> {}
+const AvatarRoot = ({ className, shape, size, ...props }: AvatarRootProps) => {
+  const { root } = avatarStyles({ shape, size });
+  const [status, setStatus] = React.useState<Status>("idle");
+  return (
+    <AvatarContext.Provider value={{ status, onStatusChange: setStatus }}>
+      <span className={root({ className })} {...props} />
+    </AvatarContext.Provider>
+  );
+};
+
+interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+  onStatusChange?: (status: Status) => void;
+}
+const AvatarImage = ({
+  src,
+  onStatusChange,
+  className,
+  ...props
+}: AvatarImageProps) => {
+  const { image } = avatarStyles();
+  const context = useAvatarContext();
+  const status = useImageLoadingStatus(src);
+  // TODO use useCallBackRef here
+  const handleStatusChange = React.useCallback(
+    (status: Status) => {
+      onStatusChange?.(status);
+      context.onStatusChange(status);
+    },
+    [onStatusChange, context]
+  );
+
+  React.useLayoutEffect(() => {
+    if (status !== "idle") {
+      handleStatusChange(status);
+    }
+  }, [status, handleStatusChange]);
+
+  return status === "success" ? (
+    // eslint-disable-next-line jsx-a11y/alt-text
+    <img src={src} className={image({ className })} {...props} />
+  ) : null;
+};
+
+type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
+const AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {
+  const { fallback } = avatarStyles();
+  const context = useAvatarContext();
+
+  return context.status === "error" ? (
+    <span className={fallback({ className })} {...props} />
+  ) : null;
+};
+
+type AvatarPlaceholderProps = React.HTMLAttributes<HTMLSpanElement>;
+const AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {
+  const { placeholder } = avatarStyles();
+  const context = useAvatarContext();
+
+  return ["idle", "loading"].includes(context.status) ? (
+    <span className={placeholder({ className })} {...props} />
+  ) : null;
+};
+
+type AvatarContextValue = {
+  status: Status;
+  onStatusChange: (status: Status) => void;
+};
+const AvatarContext = React.createContext<AvatarContextValue | null>(null);
+const useAvatarContext = () => {
+  const context = React.useContext(AvatarContext);
+  if (!context) {
+    throw new Error("Avatar components must be rendered within the AvatarRoot");
+  }
+  return context;
+};
+
+type Status = "idle" | "loading" | "success" | "error";
+const useImageLoadingStatus = (src?: string) => {
+  const [status, setStatus] = React.useState<Status>("idle");
+
+  React.useLayoutEffect(() => {
+    if (!src) {
+      setStatus("error");
+      return;
+    }
+    let isMounted = true;
+    const image = new window.Image();
+    const updateStatus = (status: Status) => () => {
+      if (!isMounted) return;
+      setStatus(status);
+    };
+    setStatus("loading");
+    image.onload = updateStatus("success");
+    image.onerror = updateStatus("error");
+    image.src = src;
+    return () => {
+      isMounted = false;
+    };
+  }, [src]);
+
+  return status;
+};
+
+export type {
+  AvatarProps,
+  AvatarRootProps,
+  AvatarImageProps,
+  AvatarFallbackProps,
+};
+export {
+  Avatar,
+  AvatarRoot,
+  AvatarImage,
+  AvatarFallback,
+  AvatarPlaceholder,
+  avatarStyles,
+};
diff --git a/www/src/registry-v2/core/badge.tsx b/www/src/registry-v2/core/badge.tsx
new file mode 100644
index 000000000..e6d902a41
--- /dev/null
+++ b/www/src/registry-v2/core/badge.tsx
@@ -0,0 +1,65 @@
+import * as React from "react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { cn } from "@/registry/ui/default/lib/cn";
+
+const badgeVariants = tv({
+  base: "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors",
+  variants: {
+    variant: {
+      neutral: "bg-bg-muted text-fg",
+      outline: "text-fg border",
+      primary: "bg-bg-primary text-fg-onPrimary",
+      success: "bg-bg-success text-fg-onSuccess",
+      "success-subtle": "bg-bg-success-muted text-fg-success",
+      "success-outline": "border-border-success text-fg-success border",
+      danger: "bg-bg-danger text-fg-onDanger",
+      "danger-subtle": "bg-bg-danger-muted text-fg-danger",
+      "danger-outline": "border-border-danger text-fg-danger border",
+      warning: "bg-bg-warning text-fg-onWarning",
+      "warning-subtle": "bg-bg-warning-muted text-fg-warning",
+      "warning-outline": "border-border-warning text-fg-warning border",
+      accent: "bg-bg-accent text-fg-onAccent",
+      "accent-subtle": "bg-bg-accent-muted text-fg-accent",
+      "accent-outline": "border-border-accent text-fg-accent border",
+    },
+    size: {
+      sm: "h-5 px-2.5 [&_svg]:size-3",
+      md: "h-6 px-3 [&_svg]:size-3.5",
+      lg: "h-7 px-4 text-sm [&_svg]:size-4",
+    },
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md",
+  },
+});
+
+// TODO: change icon to prefix/suffix
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {
+  icon?: React.ReactNode;
+}
+
+function Badge({
+  children,
+  className,
+  variant,
+  size,
+  icon,
+  ...props
+}: BadgeProps) {
+  return (
+    <span
+      role="presentation"
+      className={cn(badgeVariants({ variant, size }), className)}
+      {...props}
+    >
+      {icon && <span>{icon}</span>}
+      {children}
+    </span>
+  );
+}
+
+export { Badge, badgeVariants };
diff --git a/www/src/registry-v2/core/breadcrumbs.tsx b/www/src/registry-v2/core/breadcrumbs.tsx
new file mode 100644
index 000000000..72f2c137d
--- /dev/null
+++ b/www/src/registry-v2/core/breadcrumbs.tsx
@@ -0,0 +1,78 @@
+"use client";
+
+import {
+  Link as AriaLink,
+  Breadcrumbs as AriaBreadcrumbs,
+  Breadcrumb as AriaBreadcrumb,
+  type BreadcrumbsProps as AriaBreadcrumbsProps,
+  type BreadcrumbProps as AriaBreadcrumbProps,
+  type LinkProps as AriaLinkProps,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { ChevronRightIcon } from "@/__icons__";
+
+const breadcrumbsStyles = tv({
+  slots: {
+    root: "text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4",
+    item: "inline-flex items-center gap-1.5 last:[&_svg]:hidden",
+    link: "hover:text-fg current:text-fg disabled:[&:not([data-current])]:text-fg-disabled inline-flex items-center gap-1.5 transition-colors disabled:cursor-default",
+  },
+});
+
+type BreadcrumbsProps<T extends object> = AriaBreadcrumbsProps<T>;
+
+const Breadcrumbs = <T extends object>({
+  className,
+  ...props
+}: BreadcrumbsProps<T>) => {
+  const { root } = breadcrumbsStyles();
+  return <AriaBreadcrumbs {...props} className={root({ className })} />;
+};
+
+type BreadcrumbProps = Omit<AriaBreadcrumbProps, "children"> &
+  Omit<AriaLinkProps, "className" | "style"> & { icon?: React.ReactNode };
+const Breadcrumb = ({
+  children,
+  className,
+  style,
+  icon = null,
+  ...props
+}: BreadcrumbProps) => {
+  return (
+    <BreadcrumbItem className={className} style={style} {...props}>
+      {icon}
+      <BreadcrumbLink {...props}>{children}</BreadcrumbLink>
+      <ChevronRightIcon />
+    </BreadcrumbItem>
+  );
+};
+
+type BreadcrumbItemProps = AriaBreadcrumbProps;
+const BreadcrumbItem = (props: BreadcrumbItemProps) => {
+  const { item } = breadcrumbsStyles();
+  return (
+    <AriaBreadcrumb
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        item({ className })
+      )}
+    />
+  );
+};
+
+interface BreadcrumbLinkProps extends Omit<AriaLinkProps, "className"> {
+  className?: string;
+}
+const BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => {
+  const { link } = breadcrumbsStyles();
+  return <AriaLink {...props} className={link({ className })} />;
+};
+
+export type {
+  BreadcrumbsProps,
+  BreadcrumbProps,
+  BreadcrumbItemProps,
+  BreadcrumbLinkProps,
+};
+export { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };
diff --git a/www/src/registry-v2/core/button.tsx b/www/src/registry-v2/core/button.tsx
new file mode 100644
index 000000000..03f1e8525
--- /dev/null
+++ b/www/src/registry-v2/core/button.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Button as AriaButton,
+  Link as AriaLink,
+  type ButtonProps as AriaButtonProps,
+  type LinkProps as AriaLinkProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { LoaderIcon } from "@/__icons__";
+
+const buttonStyles = tv(
+  {
+    extend: focusRing,
+    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    variants: {
+      variant: {
+        default:
+          "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
+        primary:
+          "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
+        quiet:
+          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
+        outline:
+          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+        accent:
+          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+        success:
+          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+        warning:
+          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+        danger:
+          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
+      },
+      size: {
+        sm: "size-8 [&_svg]:size-4",
+        md: "size-9 [&_svg]:size-4",
+        lg: "size-10 [&_svg]:size-5",
+      },
+      shape: {
+        rectangle: "",
+        square: "",
+        circle: "rounded-full",
+      },
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        shape: "rectangle",
+        className: "w-auto px-3",
+      },
+      {
+        size: "md",
+        shape: "rectangle",
+        className: "w-auto px-4",
+      },
+      {
+        size: "lg",
+        shape: "rectangle",
+        className: "w-auto px-5",
+      },
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      shape: "rectangle",
+    },
+  },
+  {
+    responsiveVariants: ["sm", "lg"],
+  }
+);
+
+interface ButtonProps
+  extends Omit<AriaButtonProps, "className">,
+    Omit<AriaLinkProps, "className" | "children" | "style">,
+    VariantProps<typeof buttonStyles> {
+  className?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+
+const Button = React.forwardRef(
+  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
+    const contextProps = useButtonContext();
+    const props = { ...contextProps, ...localProps };
+
+    const { className, variant, size, shape, prefix, suffix, ...restProps } =
+      props;
+
+    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
+
+    return (
+      <Element
+        ref={ref}
+        {...restProps}
+        className={buttonStyles({ variant, size, shape, className })}
+      >
+        {composeRenderProps(props.children, (children, { isPending }) => (
+          <>
+            {isPending && (
+              <LoaderIcon aria-label="loading" className="animate-spin" />
+            )}
+            {prefix}
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
+            {suffix}
+          </>
+        ))}
+      </Element>
+    );
+  }
+);
+Button.displayName = "Button";
+
+type ButtonContextValue = VariantProps<typeof buttonStyles>;
+const ButtonContext = React.createContext<ButtonContextValue>({});
+const useButtonContext = () => {
+  return React.useContext(ButtonContext);
+};
+
+export type { ButtonProps };
+export { Button, buttonStyles, ButtonContext };
diff --git a/www/src/registry-v2/core/calendar.tsx b/www/src/registry-v2/core/calendar.tsx
new file mode 100644
index 000000000..aa0035280
--- /dev/null
+++ b/www/src/registry-v2/core/calendar.tsx
@@ -0,0 +1,223 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Calendar as AriaCalendar,
+  CalendarCell as AriaCalendarCell,
+  CalendarGrid as AriaCalendarGrid,
+  CalendarGridHeader as AriaCalendarGridHeader,
+  CalendarHeaderCell as AriaCalendarHeaderCell,
+  CalendarGridBody as AriaCalendarGridBody,
+  type CalendarProps as AriaCalendarProps,
+  type CalendarGridProps as AriaCalendarGridProps,
+  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
+  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
+  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
+  type CalendarCellProps as AriaCalendarCellProps,
+  type DateValue,
+  CalendarContext as AriaCalendarContext,
+  useSlottedContext,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Button, buttonStyles } from "@/registry/ui/default/core/button";
+import { Heading } from "@/registry/ui/default/core/heading";
+import { Text } from "@/registry/ui/default/core/text";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+
+const calendarStyles = tv({
+  slots: {
+    root: "",
+    header: "mb-4 flex items-center justify-between gap-2",
+    grid: "w-full border-collapse",
+    gridHeader: "mb-4",
+    gridHeaderCell: "text-fg-muted text-xs font-normal",
+    gridBody: "[&>tr>td]:p-0",
+    cell: "",
+  },
+  variants: {
+    standalone: {
+      true: {
+        root: "bg-bg rounded-md border p-3",
+      },
+      false: {
+        root: "rounded-[inherit]",
+      },
+    },
+    range: {
+      false: {
+        cell: [
+          buttonStyles({
+            variant: "quiet",
+            shape: "square",
+            size: "sm",
+          }),
+          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
+          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
+          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
+          "outside-month:hidden",
+        ],
+      },
+      true: {
+        cell: [
+          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
+          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
+          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
+          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
+          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
+          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
+          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
+          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
+          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
+          "outside-month:hidden",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    range: false,
+  },
+});
+
+interface CalendarProps<T extends DateValue>
+  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
+  visibleMonths?: number;
+  errorMessage?: string;
+}
+const Calendar = <T extends DateValue>({
+  errorMessage,
+  visibleMonths = 1,
+  ...props
+}: CalendarProps<T>) => {
+  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
+
+  return (
+    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+      {({ isInvalid }) => (
+        <>
+          <CalendarHeader>
+            <Button slot="previous" variant="outline" shape="square" size="sm">
+              <ChevronLeftIcon />
+            </Button>
+            <Heading className="text-sm" />
+            <Button slot="next" variant="outline" shape="square" size="sm">
+              <ChevronRightIcon />
+            </Button>
+          </CalendarHeader>
+          <div className="flex items-start gap-4">
+            {Array.from({ length: visibleMonths }).map((_, index) => (
+              <CalendarGrid
+                key={index}
+                offset={index === 0 ? undefined : { months: index }}
+              >
+                <CalendarGridHeader>
+                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+                </CalendarGridHeader>
+                <CalendarGridBody>
+                  {(date) => <CalendarCell date={date} />}
+                </CalendarGridBody>
+              </CalendarGrid>
+            ))}
+          </div>
+          {isInvalid && errorMessage && (
+            <Text slot="errorMessage">{errorMessage}</Text>
+          )}
+        </>
+      )}
+    </CalendarRoot>
+  );
+};
+
+type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
+const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
+  const CalendarContext = useSlottedContext(AriaCalendarContext);
+  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
+  const { root } = calendarStyles({ standalone });
+  return (
+    <AriaCalendar
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+    />
+  );
+};
+
+type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
+const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
+  const { header } = calendarStyles();
+  return <header className={header({ className })} {...props} />;
+};
+
+type CalendarGridProps = AriaCalendarGridProps;
+const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
+  const { grid } = calendarStyles();
+  return <AriaCalendarGrid className={grid({ className })} {...props} />;
+};
+
+type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
+const CalendarGridHeader = ({
+  className,
+  ...props
+}: CalendarGridHeaderProps) => {
+  const { gridHeader } = calendarStyles();
+  return (
+    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
+  );
+};
+
+type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
+const CalendarHeaderCell = ({
+  className,
+  ...props
+}: CalendarHeaderCellProps) => {
+  const { gridHeaderCell } = calendarStyles();
+  return (
+    <AriaCalendarHeaderCell
+      className={gridHeaderCell({ className })}
+      {...props}
+    />
+  );
+};
+
+type CalendarGridBodyProps = AriaCalendarGridBodyProps;
+const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
+  const { gridBody } = calendarStyles();
+  return (
+    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
+  );
+};
+
+type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
+const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
+  const { cell } = calendarStyles({ range });
+  return (
+    <AriaCalendarCell
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        cell({ className })
+      )}
+    />
+  );
+};
+
+export type {
+  CalendarProps,
+  CalendarRootProps,
+  CalendarGridProps,
+  CalendarGridHeaderProps,
+  CalendarHeaderCellProps,
+  CalendarGridBodyProps,
+  CalendarCellProps,
+};
+export {
+  Calendar,
+  CalendarRoot,
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+  calendarStyles,
+};
diff --git a/www/src/registry-v2/core/checkbox-group.tsx b/www/src/registry-v2/core/checkbox-group.tsx
new file mode 100644
index 000000000..ce249b925
--- /dev/null
+++ b/www/src/registry-v2/core/checkbox-group.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import * as React from "react";
+import {
+  CheckboxGroup as AriaCheckboxGroup,
+  composeRenderProps,
+  type CheckboxGroupProps as AriaCheckboxGroupProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { CheckboxContext } from "@/registry/ui/default/core/checkbox";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+
+const checkboxGroupStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+    wrapper: "flex",
+  },
+  variants: {
+    variant: {
+      default: {
+        wrapper: "flex-col gap-0.5",
+      },
+      card: {
+        wrapper: "flex gap-2",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+interface CheckboxGroupProps
+  extends CheckboxGroupRootProps,
+    Omit<FieldProps, "children"> {}
+const CheckboxGroup = React.forwardRef<
+  React.ElementRef<typeof AriaCheckboxGroup>,
+  CheckboxGroupProps
+>(
+  (
+    {
+      label,
+      description,
+      errorMessage,
+      necessityIndicator,
+      contextualHelp,
+      variant,
+      ...props
+    },
+    ref
+  ) => {
+    const { wrapper } = checkboxGroupStyles({ variant });
+    return (
+      <CheckboxGroupRoot ref={ref} variant={variant} {...props}>
+        {composeRenderProps(props.children, (children, { isRequired }) => (
+          <Field
+            label={label}
+            description={description}
+            errorMessage={errorMessage}
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+            contextualHelp={contextualHelp}
+          >
+            <div className={wrapper()}>{children}</div>
+          </Field>
+        ))}
+      </CheckboxGroupRoot>
+    );
+  }
+);
+CheckboxGroup.displayName = "CheckboxGroup";
+
+interface CheckboxGroupRootProps
+  extends Omit<AriaCheckboxGroupProps, "className">,
+    VariantProps<typeof checkboxGroupStyles> {
+  className?: string;
+}
+const CheckboxGroupRoot = React.forwardRef<
+  React.ElementRef<typeof AriaCheckboxGroup>,
+  CheckboxGroupRootProps
+>(({ className, variant, ...props }, ref) => {
+  const { root } = checkboxGroupStyles({ variant });
+  return (
+    <CheckboxContext.Provider value={{ variant }}>
+      <AriaCheckboxGroup ref={ref} className={root({ className })} {...props} />
+    </CheckboxContext.Provider>
+  );
+});
+CheckboxGroupRoot.displayName = "CheckboxGroupRoot";
+
+export type { CheckboxGroupProps, CheckboxGroupRootProps };
+export { CheckboxGroup, CheckboxGroupRoot };
diff --git a/www/src/registry-v2/core/checkbox.tsx b/www/src/registry-v2/core/checkbox.tsx
new file mode 100644
index 000000000..fd5caf0c3
--- /dev/null
+++ b/www/src/registry-v2/core/checkbox.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import * as React from "react";
+import {
+  Checkbox as AriaCheckbox,
+  composeRenderProps,
+  type CheckboxProps as AriaCheckboxProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import {
+  focusRing,
+  focusRingGroup,
+} from "@/registry/ui/default/lib/focus-styles";
+import { CheckIcon, MinusIcon } from "@/__icons__";
+
+const checkboxStyles = tv({
+  slots: {
+    root: "invalid:text-fg-danger disabled:text-fg-disabled group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default",
+    indicator: [
+      "border-border-control flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border",
+      "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75",
+      "group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary",
+      "group-read-only:cursor-default",
+      "group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-not-allowed",
+      "group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger",
+    ],
+  },
+  variants: {
+    variant: {
+      default: {
+        indicator: focusRingGroup(),
+      },
+      card: {
+        root: [
+          focusRing(),
+          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+interface CheckboxProps
+  extends Omit<AriaCheckboxProps, "className">,
+    VariantProps<typeof checkboxStyles> {
+  className?: string;
+}
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof AriaCheckbox>,
+  CheckboxProps
+>((localProps, ref) => {
+  const contextProps = useCheckboxContext();
+  const props = { ...contextProps, ...localProps };
+  const { className, variant, ...restProps } = props;
+  const { root, indicator } = checkboxStyles({ variant });
+  return (
+    <AriaCheckbox ref={ref} {...restProps} className={root({ className })}>
+      {composeRenderProps(props.children, (children, { isIndeterminate }) => (
+        <>
+          <div className={indicator({ className: "" })}>
+            {isIndeterminate ? (
+              <MinusIcon className="size-2.5" />
+            ) : (
+              <CheckIcon className="size-3" />
+            )}
+          </div>
+          <span>{children}</span>
+        </>
+      ))}
+    </AriaCheckbox>
+  );
+});
+Checkbox.displayName = "Checkbox";
+
+type CheckboxContextValue = VariantProps<typeof checkboxStyles>;
+const CheckboxContext = React.createContext<CheckboxContextValue>({});
+const useCheckboxContext = () => {
+  return React.useContext(CheckboxContext);
+};
+
+export type { CheckboxProps };
+export { Checkbox, CheckboxContext };
diff --git a/www/src/registry-v2/core/collapsible.tsx b/www/src/registry-v2/core/collapsible.tsx
new file mode 100644
index 000000000..e8d92889a
--- /dev/null
+++ b/www/src/registry-v2/core/collapsible.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import React from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { cn } from "@/registry/ui/default/lib/cn";
+
+const CollapsibleRoot = CollapsiblePrimitive.Root;
+
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+
+const CollapsibleContent = React.forwardRef<
+  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,
+  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>
+>(({ className, ...props }, ref) => (
+  <CollapsiblePrimitive.CollapsibleContent
+    ref={ref}
+    className={cn(
+      "data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden duration-75",
+      className
+    )}
+    {...props}
+  />
+));
+
+CollapsibleContent.displayName = "CollapsibleContent";
+
+export {
+  CollapsibleRoot,
+  CollapsibleRoot as Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent,
+};
diff --git a/www/src/registry-v2/core/color-area.tsx b/www/src/registry-v2/core/color-area.tsx
new file mode 100644
index 000000000..9e603f564
--- /dev/null
+++ b/www/src/registry-v2/core/color-area.tsx
@@ -0,0 +1,40 @@
+"use client";
+
+import {
+  ColorArea as AriaColorArea,
+  composeRenderProps,
+  type ColorAreaProps as AriaColorAreaProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
+
+const colorAreaStyles = tv({
+  base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
+});
+
+type ColorAreaProps = Omit<ColorAreaRootProps, "children">;
+const ColorArea = (props: ColorAreaProps) => {
+  return (
+    <ColorAreaRoot {...props}>
+      <ColorThumb />
+    </ColorAreaRoot>
+  );
+};
+
+interface ColorAreaRootProps extends Omit<AriaColorAreaProps, "className"> {
+  className?: string;
+}
+const ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {
+  return (
+    <AriaColorArea
+      {...props}
+      className={colorAreaStyles({ className })}
+      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
+        ...style,
+        ...(isDisabled ? { background: "none" } : {}),
+      }))}
+    />
+  );
+};
+
+export { ColorArea, ColorAreaRoot };
diff --git a/www/src/registry-v2/core/color-field.tsx b/www/src/registry-v2/core/color-field.tsx
new file mode 100644
index 000000000..ec61972e4
--- /dev/null
+++ b/www/src/registry-v2/core/color-field.tsx
@@ -0,0 +1,93 @@
+"use client";
+
+import * as React from "react";
+import {
+  ColorField as AriaColorField,
+  type ColorFieldProps as AriaColorFieldProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import {
+  InputRoot,
+  Input,
+  type inputStyles,
+} from "@/registry/ui/default/core/input";
+
+const colorFieldStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
+type ColorFieldProps = ColorFieldRootProps &
+  Omit<FieldProps, "children"> &
+  VariantProps<typeof inputStyles> & {
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    isLoading?: boolean;
+    loaderPosition?: "prefix" | "suffix";
+    placeholder?: string;
+  };
+const ColorField = React.forwardRef<HTMLInputElement, ColorFieldProps>(
+  (
+    {
+      className,
+      size,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      prefix,
+      suffix,
+      isLoading,
+      loaderPosition = "suffix",
+      isRequired,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    return (
+      <ColorFieldRoot className={className} isRequired={isRequired} {...props}>
+        <Field
+          label={label}
+          description={description}
+          errorMessage={errorMessage}
+          isRequired={isRequired}
+          necessityIndicator={necessityIndicator}
+          contextualHelp={contextualHelp}
+        >
+          <InputRoot
+            size={size}
+            prefix={prefix}
+            suffix={suffix}
+            isLoading={isLoading}
+            loaderPosition={loaderPosition}
+          >
+            <Input ref={ref} placeholder={placeholder} />
+          </InputRoot>
+        </Field>
+      </ColorFieldRoot>
+    );
+  }
+);
+ColorField.displayName = "ColorField";
+
+type ColorFieldRootProps = Omit<AriaColorFieldProps, "className"> & {
+  className?: string;
+};
+const ColorFieldRoot = React.forwardRef<
+  React.ElementRef<typeof AriaColorField>,
+  ColorFieldRootProps
+>(({ className, ...props }, ref) => {
+  return (
+    <AriaColorField
+      ref={ref}
+      className={colorFieldStyles({ className })}
+      {...props}
+    />
+  );
+});
+ColorFieldRoot.displayName = "ColorFieldRoot";
+
+export type { ColorFieldProps, ColorFieldRootProps };
+export { ColorField, ColorFieldRoot };
diff --git a/www/src/registry-v2/core/color-picker.tsx b/www/src/registry-v2/core/color-picker.tsx
new file mode 100644
index 000000000..200a16543
--- /dev/null
+++ b/www/src/registry-v2/core/color-picker.tsx
@@ -0,0 +1,122 @@
+"use client";
+
+import React from "react";
+import {
+  getColorChannels,
+  ColorPicker as AriaColorPicker,
+  type ColorPickerProps as AriaColorPickerProps,
+  type ColorSpace,
+  composeRenderProps,
+} from "react-aria-components";
+import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
+import { ColorArea } from "@/registry/ui/default/core/color-area";
+import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+import { ColorSwatch } from "@/registry/ui/default/core/color-swatch";
+import {
+  Dialog,
+  DialogRoot,
+  DialogRootProps,
+} from "@/registry/ui/default/core/dialog";
+import { Item } from "@/registry/ui/default/core/list-box";
+import { Select } from "@/registry/ui/default/core/select";
+import { cn } from "@/registry/ui/default/lib/cn";
+
+type ColorPickerProps = ColorPickerRootProps &
+  Omit<ButtonProps, "children"> &
+  Pick<DialogRootProps, "onOpenChange">;
+const ColorPicker = ({
+  slot,
+  value,
+  defaultValue,
+  onChange,
+  shape = "square",
+  onOpenChange,
+  ...props
+}: ColorPickerProps) => {
+  return (
+    <ColorPickerRoot
+      slot={slot}
+      value={value}
+      defaultValue={defaultValue}
+      onChange={onChange}
+    >
+      {composeRenderProps(props.children, (children) => (
+        <DialogRoot onOpenChange={onOpenChange}>
+          <Button shape={shape} {...props}>
+            <ColorSwatch />
+            {children}
+          </Button>
+          <Dialog type="popover" mobileType="drawer">
+            <ColorEditor className="mx-auto" />
+          </Dialog>
+        </DialogRoot>
+      ))}
+    </ColorPickerRoot>
+  );
+};
+
+type ColorPickerRootProps = AriaColorPickerProps;
+const ColorPickerRoot = (props: ColorPickerRootProps) => {
+  return <AriaColorPicker {...props} />;
+};
+
+type ColorEditorProps = React.HTMLAttributes<HTMLDivElement>;
+const ColorEditor = ({ className, ...props }: ColorEditorProps) => {
+  const [space, setSpace] = React.useState<ColorSpace | "hex">("hsl");
+  return (
+    <div className={cn("mx-auto flex flex-col gap-2", className)} {...props}>
+      <div className="flex gap-2">
+        <ColorArea
+          colorSpace="hsb"
+          xChannel="saturation"
+          yChannel="brightness"
+        />
+        <ColorSlider
+          orientation="vertical"
+          colorSpace="hsb"
+          channel="hue"
+          showValueLabel={false}
+        />
+        {/* <ColorSlider
+          orientation="vertical"
+          colorSpace="hsb"
+          channel="alpha"
+          showValueLabel={false}
+        /> */}
+      </div>
+      <div className="flex items-center gap-2">
+        <Select
+          selectedKey={space}
+          onSelectionChange={(s) => setSpace(s as ColorSpace)}
+          size="sm"
+        >
+          <Item id="hex">Hex</Item>
+          <Item id="rgb">RGB</Item>
+          <Item id="hsl">HSL</Item>
+          <Item id="hsb">HSB</Item>
+        </Select>
+        {space === "hex" ? (
+          <ColorField
+            aria-label="Hex"
+            className="shrink-1 w-[40px] flex-1 basis-0"
+            size="sm"
+          />
+        ) : (
+          getColorChannels(space).map((channel) => (
+            <ColorField
+              key={channel}
+              colorSpace={space}
+              channel={channel}
+              className="shrink-1 w-[40px] flex-1 basis-0"
+              size="sm"
+            />
+          ))
+        )}
+      </div>
+    </div>
+  );
+};
+
+export type { ColorPickerProps, ColorPickerRootProps };
+export { ColorPicker, ColorPickerRoot, ColorEditor };
diff --git a/www/src/registry-v2/core/color-slider.tsx b/www/src/registry-v2/core/color-slider.tsx
new file mode 100644
index 000000000..d4994305f
--- /dev/null
+++ b/www/src/registry-v2/core/color-slider.tsx
@@ -0,0 +1,113 @@
+"use client";
+
+import {
+  composeRenderProps,
+  ColorSlider as AriaColorSlider,
+  SliderOutput as AriaSliderOutput,
+  SliderTrack as AriaSliderTrack,
+  type ColorSliderProps as AriaColorSliderProps,
+  type SliderOutputProps as AriaSliderOutputProps,
+  type SliderTrackProps as AriaSliderTrackProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
+import { Label } from "@/registry/ui/default/core/field";
+import { cn } from "@/registry/ui/default/lib/cn";
+
+const colorSliderStyles = tv({
+  slots: {
+    root: "group/color-slider orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
+    output: "text-fg-muted text-sm",
+    track: [
+      "orientation-horizontal:w-48 orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-48 disabled:bg-bg-disabled! rounded-md",
+      "relative before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
+    ],
+  },
+});
+
+interface ColorSliderProps extends ColorSliderRootProps {
+  showValueLabel?: boolean;
+  label?: string;
+}
+const ColorSlider = ({
+  label,
+  channel,
+  showValueLabel = true,
+  ...props
+}: ColorSliderProps) => {
+  return (
+    <ColorSliderRoot channel={channel} {...props}>
+      {(label || showValueLabel) && (
+        <div
+          className={cn(
+            "flex items-center justify-between gap-2",
+            !label && "justify-end"
+          )}
+        >
+          {label && <Label>{label}</Label>}
+          {showValueLabel && <ColorSliderOutput />}
+        </div>
+      )}
+      <ColorSliderTrack>
+        <ColorThumb />
+      </ColorSliderTrack>
+    </ColorSliderRoot>
+  );
+};
+
+type ColorSliderRootProps = AriaColorSliderProps;
+const ColorSliderRoot = (props: ColorSliderRootProps) => {
+  const { root } = colorSliderStyles();
+  return (
+    <AriaColorSlider
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+    />
+  );
+};
+
+type ColorSliderTrackProps = AriaSliderTrackProps;
+const ColorSliderTrack = (props: ColorSliderTrackProps) => {
+  const { track } = colorSliderStyles();
+  return (
+    <AriaSliderTrack
+      {...props}
+      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
+        ...style,
+        ...(isDisabled ? { background: "none" } : {}),
+      }))}
+      className={composeRenderProps(props.className, (className) =>
+        track({ className })
+      )}
+    />
+  );
+};
+
+type ColorSliderOutputProps = AriaSliderOutputProps;
+const ColorSliderOutput = (props: ColorSliderOutputProps) => {
+  const { output } = colorSliderStyles();
+  return (
+    <AriaSliderOutput
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        output({ className })
+      )}
+    />
+  );
+};
+
+export type {
+  ColorSliderProps,
+  ColorSliderRootProps,
+  ColorSliderTrackProps,
+  ColorSliderOutputProps,
+};
+export {
+  ColorSlider,
+  ColorSliderRoot,
+  ColorSliderOutput,
+  ColorSliderTrack,
+  colorSliderStyles,
+};
diff --git a/www/src/registry-v2/core/color-swatch.tsx b/www/src/registry-v2/core/color-swatch.tsx
new file mode 100644
index 000000000..9183a75e2
--- /dev/null
+++ b/www/src/registry-v2/core/color-swatch.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import {
+  ColorSwatch as AriaColorSwatch,
+  type ColorSwatchProps as AriaColorSwatchProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const colorSwatchStyles = tv({
+  base: "size-5 rounded-sm border",
+});
+
+interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "className"> {
+  className?: string;
+}
+const ColorSwatch = ({ className, ...props }: ColorSwatchProps) => {
+  return (
+    <AriaColorSwatch className={colorSwatchStyles({ className })} {...props} />
+  );
+};
+
+export type { ColorSwatchProps };
+export { ColorSwatch };
diff --git a/www/src/registry-v2/core/color-thumb.tsx b/www/src/registry-v2/core/color-thumb.tsx
new file mode 100644
index 000000000..900252e79
--- /dev/null
+++ b/www/src/registry-v2/core/color-thumb.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import {
+  ColorThumb as AriaColorThumb,
+  type ColorThumbProps as AriaColorThumbProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+
+const colorThumbStyles = tv({
+  extend: focusRing,
+  base: [
+    "disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40",
+    "group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2",
+  ],
+});
+
+interface ColorThumbProps extends Omit<AriaColorThumbProps, "className"> {
+  className?: string;
+}
+const ColorThumb = ({ className, ...props }: ColorThumbProps) => {
+  return (
+    <AriaColorThumb className={colorThumbStyles({ className })} {...props} />
+  );
+};
+
+export type { ColorThumbProps };
+export { ColorThumb };
diff --git a/www/src/registry-v2/core/combobox.tsx b/www/src/registry-v2/core/combobox.tsx
new file mode 100644
index 000000000..6beac8d8e
--- /dev/null
+++ b/www/src/registry-v2/core/combobox.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import * as React from "react";
+import {
+  ComboBox as AriaCombobox,
+  type ComboBoxProps as AriaComboboxProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Button } from "@/registry/ui/default/core/button";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import { Input, InputRoot } from "@/registry/ui/default/core/input";
+import { ListBox } from "@/registry/ui/default/core/list-box";
+import { Overlay } from "@/registry/ui/default/core/overlay";
+import { ChevronDownIcon } from "@/__icons__";
+
+const comboboxStyles = tv({
+  slots: {
+    root: "flex w-48 flex-col items-start gap-2",
+  },
+});
+
+interface ComboboxProps<T extends object>
+  extends Omit<ComboboxRootProps<T>, "children">,
+    Omit<FieldProps, "children"> {
+  isLoading?: boolean;
+  children: React.ReactNode | ((item: T) => React.ReactNode);
+  items?: Iterable<T>;
+}
+const Combobox = <T extends object>({
+  label,
+  description,
+  errorMessage,
+  necessityIndicator,
+  contextualHelp,
+  children,
+  items,
+  isLoading,
+  ...props
+}: ComboboxProps<T>) => {
+  return (
+    <ComboboxRoot {...props}>
+      {({ isRequired }) => (
+        <>
+          <Field
+            label={label}
+            description={description}
+            errorMessage={errorMessage}
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+            contextualHelp={contextualHelp}
+          >
+            <ComboboxTrigger />
+          </Field>
+          <Overlay type="popover">
+            <ListBox items={items} isLoading={isLoading}>
+              {children}
+            </ListBox>
+          </Overlay>
+        </>
+      )}
+    </ComboboxRoot>
+  );
+};
+
+const ComboboxTrigger = () => {
+  return (
+    <InputRoot className="px-0">
+      <Input className="pl-2" />
+      <Button variant="default" shape="square" className="my-1 mr-1 size-7">
+        <ChevronDownIcon />
+      </Button>
+    </InputRoot>
+  );
+};
+
+interface ComboboxRootProps<T extends object>
+  extends Omit<AriaComboboxProps<T>, "className"> {
+  className?: string;
+}
+const ComboboxRoot = <T extends object>({
+  className,
+  ...props
+}: ComboboxRootProps<T>) => {
+  const { root } = comboboxStyles();
+  return <AriaCombobox className={root({ className })} {...props} />;
+};
+
+export type { ComboboxProps, ComboboxRootProps };
+export { Combobox, ComboboxRoot, ComboboxTrigger };
diff --git a/www/src/registry-v2/core/command.tsx b/www/src/registry-v2/core/command.tsx
new file mode 100644
index 000000000..39eac0305
--- /dev/null
+++ b/www/src/registry-v2/core/command.tsx
@@ -0,0 +1,167 @@
+"use client";
+
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { cn } from "@/registry/ui/default/lib/cn";
+import { SearchIcon } from "@/__icons__";
+
+type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
+const CommandRoot = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive>,
+  CommandRootProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive
+    ref={ref}
+    className={cn(
+      "bg-bg text-fg flex h-full w-full flex-col overflow-hidden rounded-md",
+      className
+    )}
+    {...props}
+  />
+));
+CommandRoot.displayName = CommandPrimitive.displayName;
+
+type CommandInputProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Input
+> & {
+  wrapperClassName?: string;
+  icon?: React.ReactNode;
+};
+const CommandInput = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Input>,
+  CommandInputProps
+>(({ className, wrapperClassName, icon, ...props }, ref) => (
+  <div
+    className={cn("flex items-center gap-2 border-b px-3", wrapperClassName)}
+    cmdk-input-wrapper=""
+  >
+    {icon || <SearchIcon className="size-4 shrink-0" />}
+    <CommandPrimitive.Input
+      ref={ref}
+      className={cn(
+        "placeholder:text-fg-muted outline-hidden flex h-11 w-full rounded-md bg-transparent py-3 text-base disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
+        className
+      )}
+      {...props}
+    />
+  </div>
+));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+
+type CommandListProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.List
+>;
+const CommandList = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.List>,
+  CommandListProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.List
+    ref={ref}
+    className={cn("flex-1 overflow-y-auto overflow-x-hidden", className)}
+    {...props}
+  />
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+
+type CommandEmptyProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Empty
+>;
+const CommandEmpty = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Empty>,
+  CommandEmptyProps
+>((props, ref) => (
+  <CommandPrimitive.Empty
+    ref={ref}
+    className="py-6 text-center text-sm"
+    {...props}
+  />
+));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+
+type CommandGroupProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Group
+>;
+const CommandGroup = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Group>,
+  CommandGroupProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Group
+    ref={ref}
+    className={cn(
+      "text-fg [&_[cmdk-group-heading]]:text-fg-muted overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+      className
+    )}
+    {...props}
+  />
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+
+type CommandSeparatorProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Separator
+>;
+const CommandSeparator = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Separator>,
+  CommandSeparatorProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Separator
+    ref={ref}
+    className={cn(
+      "bg-border separator h-px w-full shrink-0 border-0",
+      className
+    )}
+    // className={cn("-mx-1 h-px bg-border", className)}
+    {...props}
+  />
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+
+type CommandItemProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Item
+>;
+const CommandItem = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Item>,
+  CommandItemProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Item
+    ref={ref}
+    className={cn(
+      "aria-selected:bg-bg-muted aria-selected:text-fg outline-hidden relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm transition-colors",
+      className
+    )}
+    {...props}
+  />
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+
+type CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
+const CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {
+  return (
+    <span
+      className={cn("text-fg-muted ml-auto text-xs tracking-widest", className)}
+      {...props}
+    />
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+export {
+  CommandRoot,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+};
+
+export type {
+  CommandRootProps,
+  CommandInputProps,
+  CommandListProps,
+  CommandEmptyProps,
+  CommandGroupProps,
+  CommandSeparatorProps,
+  CommandItemProps,
+  CommandShortcutProps,
+};
diff --git a/www/src/registry-v2/core/contextual-help.tsx b/www/src/registry-v2/core/contextual-help.tsx
new file mode 100644
index 000000000..9276523bc
--- /dev/null
+++ b/www/src/registry-v2/core/contextual-help.tsx
@@ -0,0 +1,39 @@
+import { Button } from "@/registry/ui/default/core/button";
+import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
+import { InfoIcon, HelpIcon } from "@/__icons__";
+
+interface ContextualHelpProps {
+  title?: string;
+  description?: string;
+  variant?: "info" | "help";
+}
+
+const ContextualHelp = ({
+  title,
+  description,
+  variant,
+}: ContextualHelpProps) => {
+  const icon = variant === "info" ? <InfoIcon /> : <HelpIcon />;
+  return (
+    <DialogRoot>
+      <Button
+        slot={null}
+        aria-label={variant}
+        variant="quiet"
+        size="sm"
+        shape="square"
+        className="size-6"
+      >
+        {icon}
+      </Button>
+      <Dialog
+        type="popover"
+        mobileType="modal"
+        title={title}
+        description={description}
+      />
+    </DialogRoot>
+  );
+};
+
+export { ContextualHelp };
diff --git a/www/src/registry-v2/core/date-field.tsx b/www/src/registry-v2/core/date-field.tsx
new file mode 100644
index 000000000..4c8a43371
--- /dev/null
+++ b/www/src/registry-v2/core/date-field.tsx
@@ -0,0 +1,96 @@
+"use client";
+
+import * as React from "react";
+import {
+  DateField as AriaDateField,
+  type DateFieldProps as AriaDateFieldProps,
+  type DateValue,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import {
+  InputRoot,
+  type InputRootProps,
+  type inputStyles,
+} from "@/registry/ui/default/core/input";
+
+const dateFieldStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+  },
+});
+
+interface DateFieldProps<T extends DateValue>
+  extends DateFieldRootProps<T>,
+    Omit<FieldProps, "children">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  isLoading?: boolean;
+  loaderPosition?: "prefix" | "suffix";
+}
+
+const DateField = <T extends DateValue>({
+  className,
+  size,
+  label,
+  description,
+  errorMessage,
+  prefix,
+  suffix,
+  isLoading,
+  loaderPosition = "suffix",
+  isRequired,
+  isDisabled,
+  necessityIndicator,
+  contextualHelp,
+  ...props
+}: DateFieldProps<T>) => {
+  return (
+    <DateFieldRoot
+      className={className}
+      isRequired={isRequired}
+      isDisabled={isLoading || isDisabled}
+      {...props}
+    >
+      <Field
+        label={label}
+        description={description}
+        errorMessage={errorMessage}
+        isRequired={isRequired}
+        necessityIndicator={necessityIndicator}
+        contextualHelp={contextualHelp}
+      >
+        <DateFieldInput
+          size={size}
+          prefix={prefix}
+          suffix={suffix}
+          isLoading={isLoading}
+          loaderPosition={loaderPosition}
+        />
+      </Field>
+    </DateFieldRoot>
+  );
+};
+
+interface DateFieldRootProps<T extends DateValue>
+  extends Omit<AriaDateFieldProps<T>, "className"> {
+  className?: string;
+}
+const DateFieldRoot = <T extends DateValue>({
+  className,
+  ...props
+}: DateFieldRootProps<T>) => {
+  const { root } = dateFieldStyles();
+  return <AriaDateField className={root({ className })} {...props} />;
+};
+
+const DateFieldInput = (props: InputRootProps) => (
+  <InputRoot {...props}>
+    <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+  </InputRoot>
+);
+
+export type { DateFieldProps, DateFieldRootProps };
+export { DateField, DateFieldRoot };
diff --git a/www/src/registry-v2/core/date-input.tsx b/www/src/registry-v2/core/date-input.tsx
new file mode 100644
index 000000000..606a962ef
--- /dev/null
+++ b/www/src/registry-v2/core/date-input.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import React from "react";
+import {
+  DateInput as AriaDateInput,
+  DateSegment as AriaDateSegment,
+  type DateSegmentProps as AriaDateSegmentProps,
+  type DateInputProps as AriaDateInputProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const dateInputStyles = tv({
+  slots: {
+    input: [
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex items-center justify-start disabled:cursor-default",
+    ],
+    segment:
+      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
+  },
+});
+
+interface DateInputProps extends Omit<AriaDateInputProps, "className"> {
+  className?: string;
+}
+const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(
+  ({ className, ...props }, ref) => {
+    const { input } = dateInputStyles();
+    return (
+      <AriaDateInput ref={ref} className={input({ className })} {...props} />
+    );
+  }
+);
+DateInput.displayName = "Input";
+
+interface DateSegmentProps extends Omit<AriaDateSegmentProps, "className"> {
+  className?: string;
+}
+const DateSegment = React.forwardRef<HTMLInputElement, DateSegmentProps>(
+  ({ className, ...props }, ref) => {
+    const { segment } = dateInputStyles();
+    return (
+      <AriaDateSegment
+        ref={ref}
+        className={segment({ className })}
+        {...props}
+      />
+    );
+  }
+);
+DateSegment.displayName = "Segment";
+
+export type { DateInputProps, DateSegmentProps };
+export { DateInput, DateSegment };
diff --git a/www/src/registry-v2/core/date-picker.tsx b/www/src/registry-v2/core/date-picker.tsx
new file mode 100644
index 000000000..53dc631b0
--- /dev/null
+++ b/www/src/registry-v2/core/date-picker.tsx
@@ -0,0 +1,99 @@
+"use client";
+
+import * as React from "react";
+import {
+  DatePicker as AriaDatePicker,
+  type DatePickerProps as AriaDatePickerProps,
+  type DateValue,
+} from "react-aria-components";
+import { type VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/ui/default/core/button";
+import { Calendar } from "@/registry/ui/default/core/calendar";
+import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
+import { Dialog } from "@/registry/ui/default/core/dialog";
+import {
+  Field,
+  fieldStyles,
+  type FieldProps,
+} from "@/registry/ui/default/core/field";
+import { InputRoot, type inputStyles } from "@/registry/ui/default/core/input";
+import { CalendarIcon } from "@/__icons__";
+
+interface DatePickerProps<T extends DateValue>
+  extends DatePickerRootProps<T>,
+    Omit<FieldProps, "children">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  isLoading?: boolean;
+}
+
+const DatePicker = <T extends DateValue>({
+  className,
+  size,
+  label,
+  description,
+  errorMessage,
+  prefix,
+  isLoading,
+  isRequired,
+  isDisabled,
+  necessityIndicator,
+  contextualHelp,
+  ...props
+}: DatePickerProps<T>) => {
+  return (
+    <DatePickerRoot
+      className={className}
+      isRequired={isRequired}
+      isDisabled={isLoading || isDisabled}
+      {...props}
+    >
+      <Field
+        label={label}
+        description={description}
+        errorMessage={errorMessage}
+        isRequired={isRequired}
+        necessityIndicator={necessityIndicator}
+        contextualHelp={contextualHelp}
+      >
+        <InputRoot
+          size={size}
+          prefix={prefix}
+          isLoading={isLoading}
+          loaderPosition="prefix"
+          className="pr-1"
+        >
+          <DateInput>
+            {(segment) => <DateSegment segment={segment} />}
+          </DateInput>
+          <Button
+            variant="default"
+            size="sm"
+            shape="square"
+            className="my-1 size-7 rounded-sm"
+          >
+            <CalendarIcon />
+          </Button>
+        </InputRoot>
+      </Field>
+      <Dialog type="popover" mobileType="drawer" className="flex">
+        <Calendar className="mx-auto" />
+      </Dialog>
+    </DatePickerRoot>
+  );
+};
+
+interface DatePickerRootProps<T extends DateValue>
+  extends Omit<AriaDatePickerProps<T>, "className"> {
+  className?: string;
+}
+const DatePickerRoot = <T extends DateValue>({
+  className,
+  ...props
+}: DatePickerRootProps<T>) => {
+  const { root } = fieldStyles();
+  return <AriaDatePicker className={root({ className })} {...props} />;
+};
+
+export type { DatePickerProps, DatePickerRootProps };
+export { DatePicker, DatePickerRoot };
diff --git a/www/src/registry-v2/core/date-range-picker.tsx b/www/src/registry-v2/core/date-range-picker.tsx
new file mode 100644
index 000000000..8ac624447
--- /dev/null
+++ b/www/src/registry-v2/core/date-range-picker.tsx
@@ -0,0 +1,103 @@
+"use client";
+
+import * as React from "react";
+import {
+  DateRangePicker as AriaDateRangePicker,
+  type DateRangePickerProps as AriaDateRangePickerProps,
+  type DateValue,
+} from "react-aria-components";
+import { type VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/ui/default/core/button";
+import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
+import { Dialog } from "@/registry/ui/default/core/dialog";
+import {
+  Field,
+  type FieldProps,
+  fieldStyles,
+} from "@/registry/ui/default/core/field";
+import { InputRoot, type inputStyles } from "@/registry/ui/default/core/input";
+import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { CalendarIcon } from "@/__icons__";
+
+interface DateRangePickerProps<T extends DateValue>
+  extends DateRangePickerRootProps<T>,
+    Omit<FieldProps, "children">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  isLoading?: boolean;
+}
+
+const DateRangePicker = <T extends DateValue>({
+  className,
+  size,
+  label,
+  description,
+  errorMessage,
+  prefix,
+  isLoading,
+  isRequired,
+  isDisabled,
+  necessityIndicator,
+  contextualHelp,
+  ...props
+}: DateRangePickerProps<T>) => {
+  return (
+    <DateRangePickerRoot
+      className={className}
+      isRequired={isRequired}
+      isDisabled={isLoading || isDisabled}
+      {...props}
+    >
+      <Field
+        label={label}
+        description={description}
+        errorMessage={errorMessage}
+        isRequired={isRequired}
+        necessityIndicator={necessityIndicator}
+        contextualHelp={contextualHelp}
+      >
+        <InputRoot
+          size={size}
+          prefix={prefix}
+          isLoading={isLoading}
+          loaderPosition="prefix"
+          className="pr-1"
+        >
+          <DateInput slot="start">
+            {(segment) => <DateSegment segment={segment} />}
+          </DateInput>
+          <span aria-hidden="true">–</span>
+          <DateInput slot="end" className="flex-1">
+            {(segment) => <DateSegment segment={segment} />}
+          </DateInput>
+          <Button
+            variant="default"
+            size="sm"
+            shape="square"
+            className="my-1 size-7 rounded-sm"
+          >
+            <CalendarIcon />
+          </Button>
+        </InputRoot>
+      </Field>
+      <Dialog type="popover" mobileType="drawer" className="flex">
+        <RangeCalendar className="mx-auto" />
+      </Dialog>
+    </DateRangePickerRoot>
+  );
+};
+
+interface DateRangePickerRootProps<T extends DateValue>
+  extends Omit<AriaDateRangePickerProps<T>, "className"> {
+  className?: string;
+}
+const DateRangePickerRoot = <T extends DateValue>({
+  className,
+  ...props
+}: DateRangePickerRootProps<T>) => {
+  const { root } = fieldStyles();
+  return <AriaDateRangePicker className={root({ className })} {...props} />;
+};
+
+export type { DateRangePickerProps, DateRangePickerRootProps };
+export { DateRangePicker, DateRangePickerRoot };
diff --git a/www/src/registry-v2/core/dialog.tsx b/www/src/registry-v2/core/dialog.tsx
new file mode 100644
index 000000000..388dd6fa3
--- /dev/null
+++ b/www/src/registry-v2/core/dialog.tsx
@@ -0,0 +1,152 @@
+"use client";
+
+import * as React from "react";
+import { useSlotId } from "@react-aria/utils";
+import {
+  composeRenderProps,
+  DialogContext as AriaDialogContext,
+  DialogTrigger as AriaDialogTrigger,
+  Dialog as AriaDialog,
+  type DialogProps as AriaDialogProps,
+  type DialogTriggerProps as AriaDialogTriggerProps,
+  TextContext,
+} from "react-aria-components";
+import { Provider } from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Heading } from "@/registry/ui/default/core/heading";
+import { Overlay, type OverlayProps } from "@/registry/ui/default/core/overlay";
+import { Text } from "@/registry/ui/default/core/text";
+
+const dialogStyles = tv({
+  slots: {
+    content: [
+      "outline-hidden relative flex max-w-full flex-col rounded-[inherit] p-4",
+      "group-data-[type=modal]/overlay:p-6",
+      "group-data-[type=drawer]/overlay:pt-0",
+    ],
+    header: "mb-4",
+    footer: "flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end",
+    inset:
+      "-mx-4 px-4 py-4 group-data-[type=modal]/overlay:-mx-6 group-data-[type=modal]/overlay:px-6",
+  },
+});
+
+type DialogRootProps = AriaDialogTriggerProps;
+const DialogRoot = (props: DialogRootProps) => {
+  const descriptionId = useSlotId();
+  return (
+    <Provider
+      values={[
+        [AriaDialogContext, { "aria-describedby": descriptionId }],
+        [TextContext, { slots: { description: { id: descriptionId } } }],
+      ]}
+    >
+      <AriaDialogTrigger {...props} />
+    </Provider>
+  );
+};
+
+interface DialogProps extends DialogContentProps {
+  title?: string;
+  description?: string;
+  type?: OverlayProps["type"];
+  showDismissButton?: OverlayProps["showDismissButton"];
+  mobileType?: OverlayProps["mobileType"];
+  mediaQuery?: OverlayProps["mediaQuery"];
+  isDismissable?: boolean;
+  swipeIndicator?: boolean;
+  placement?: OverlayProps["placement"];
+}
+const Dialog = ({
+  title,
+  description,
+  type = "modal",
+  mobileType = "drawer",
+  mediaQuery,
+  isDismissable: isDismissableProp,
+  showDismissButton,
+  placement,
+  swipeIndicator,
+  ...props
+}: DialogProps) => {
+  const isDismissable =
+    isDismissableProp ?? (props.role === "alertdialog" ? false : true);
+  return (
+    <Overlay
+      isDismissable={isDismissable}
+      showDismissButton={showDismissButton}
+      type={type}
+      mobileType={mobileType}
+      mediaQuery={mediaQuery}
+      placement={placement}
+      swipeIndicator={swipeIndicator}
+    >
+      <DialogContent {...props}>
+        {composeRenderProps(props.children, (children) => (
+          <>
+            {(title || description) && (
+              <DialogHeader>
+                {title && <Heading>{title}</Heading>}
+                {description && <Text slot="description">{description}</Text>}
+              </DialogHeader>
+            )}
+            {children}
+          </>
+        ))}
+      </DialogContent>
+    </Overlay>
+  );
+};
+
+type DialogContentProps = AriaDialogProps;
+const DialogContent = ({
+  children,
+  className,
+  ...props
+}: DialogContentProps) => {
+  const { content } = dialogStyles();
+  return (
+    <AriaDialog className={content({ className })} {...props}>
+      {children}
+    </AriaDialog>
+  );
+};
+
+type DialogHeaderProps = React.ComponentProps<"header">;
+const DialogHeader = ({ children, className, ...props }: DialogHeaderProps) => {
+  const { header } = dialogStyles();
+  return (
+    <header className={header({ className })} {...props}>
+      {children}
+    </header>
+  );
+};
+
+type DialogFooterProps = React.ComponentProps<"footer">;
+const DialogFooter = ({ className, ...props }: DialogFooterProps) => {
+  const { footer } = dialogStyles();
+  return <footer className={footer({ className })} {...props} />;
+};
+
+type DialogInsetProps = React.ComponentProps<"div">;
+const DialogInset = ({ className, ...props }: DialogInsetProps) => {
+  const { inset } = dialogStyles();
+  return <div className={inset({ className })} {...props} />;
+};
+
+export type {
+  DialogRootProps,
+  DialogProps,
+  DialogContentProps,
+  DialogHeaderProps,
+  DialogFooterProps,
+  DialogInsetProps,
+};
+export {
+  DialogRoot,
+  DialogContent,
+  Dialog,
+  DialogHeader,
+  DialogFooter,
+  DialogInset,
+};
diff --git a/www/src/registry-v2/core/drop-zone.tsx b/www/src/registry-v2/core/drop-zone.tsx
new file mode 100644
index 000000000..ed977a034
--- /dev/null
+++ b/www/src/registry-v2/core/drop-zone.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  DropZone as AriaDropZone,
+  type DropZoneProps as AriaDropZoneProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const dropZoneStyles = tv({
+  slots: {
+    root: "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
+    label: "text-md font-semibold",
+  },
+});
+
+type DropZoneProps = AriaDropZoneProps;
+const DropZone = (props: DropZoneProps) => {
+  const { root } = dropZoneStyles();
+  return (
+    <AriaDropZone
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+    />
+  );
+};
+
+export type { DropZoneProps };
+export { DropZone };
diff --git a/www/src/registry-v2/core/field.tsx b/www/src/registry-v2/core/field.tsx
new file mode 100644
index 000000000..949ea729a
--- /dev/null
+++ b/www/src/registry-v2/core/field.tsx
@@ -0,0 +1,145 @@
+"use client";
+
+import * as React from "react";
+import {
+  Label as AriaLabel,
+  Text as AriaText,
+  FieldError as AriaFieldError,
+  FieldErrorContext as AriaFieldErrorContext,
+  type TextProps as AriaTextProps,
+  type LabelProps as AriaLabelProps,
+  type FieldErrorProps as AriaFieldErrorProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { AsteriskIcon } from "@/__icons__";
+
+const fieldStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+    label:
+      "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
+    description: "text-fg-muted text-xs",
+    fieldError: "text-fg-danger text-xs",
+  },
+});
+
+type LabelProps = AriaLabelProps & {
+  isRequired?: boolean;
+  necessityIndicator?: "label" | "icon";
+};
+const Label = ({
+  className,
+  children,
+  isRequired,
+  necessityIndicator,
+  ...props
+}: LabelProps) => {
+  const { label } = fieldStyles();
+  const necessityLabel = isRequired ? "(required)" : "(optional)";
+  return (
+    <AriaLabel className={label({ className })} {...props}>
+      {children}
+      {isRequired && (
+        <span aria-hidden>{necessityIndicator === "icon" ? <></> : <></>}</span>
+      )}
+      {(necessityIndicator === "label" ||
+        (necessityIndicator === "icon" && isRequired)) &&
+        " \u200b"}
+      {necessityIndicator === "label" && (
+        <span aria-hidden>{necessityLabel}</span>
+      )}
+      {necessityIndicator === "icon" && isRequired && <AsteriskIcon />}
+    </AriaLabel>
+  );
+};
+
+type DescriptionProps = AriaTextProps;
+const Description = ({ className, ...props }: DescriptionProps) => {
+  const { description } = fieldStyles();
+  return (
+    <AriaText
+      {...props}
+      slot="description"
+      className={description({ className })}
+    />
+  );
+};
+
+type FieldErrorProps = Omit<AriaFieldErrorProps, "className"> & {
+  className?: string;
+};
+const FieldError = ({ className, ...props }: FieldErrorProps) => {
+  const { fieldError } = fieldStyles();
+  return <AriaFieldError {...props} className={fieldError({ className })} />;
+};
+
+interface HelpTextProps {
+  errorMessage?: FieldErrorProps["children"];
+  description?: DescriptionProps["children"];
+}
+const HelpText = (props: HelpTextProps) => {
+  const { errorMessage, description } = props;
+  const validation = React.useContext(AriaFieldErrorContext);
+  const isErrorMessage =
+    validation?.isInvalid &&
+    (!!errorMessage || validation.validationErrors.length > 0);
+  const hasHelpText = !!description || isErrorMessage;
+
+  if (!hasHelpText) return null;
+
+  return isErrorMessage ? (
+    <FieldError>{errorMessage}</FieldError>
+  ) : (
+    <Description>{description}</Description>
+  );
+};
+
+interface FieldProps extends HelpTextProps {
+  label?: LabelProps["children"];
+  isRequired?: LabelProps["isRequired"];
+  necessityIndicator?: LabelProps["necessityIndicator"];
+  contextualHelp?: React.ReactNode;
+  children?: React.ReactNode;
+}
+const Field = (props: FieldProps) => {
+  const {
+    children,
+    label,
+    isRequired,
+    necessityIndicator,
+    contextualHelp,
+    ...helpTextProps
+  } = props;
+  return (
+    <>
+      {label && contextualHelp && (
+        <span className="flex items-center gap-2">
+          <Label
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+          >
+            {label}
+          </Label>
+          {contextualHelp}
+        </span>
+      )}
+      {label && !contextualHelp && (
+        <Label isRequired={isRequired} necessityIndicator={necessityIndicator}>
+          {label}
+        </Label>
+      )}
+      {children}
+      <HelpText {...helpTextProps} />
+    </>
+  );
+};
+Field.displayName = "Field";
+
+export type {
+  LabelProps,
+  DescriptionProps,
+  FieldErrorProps,
+  HelpTextProps,
+  FieldProps,
+};
+export { Label, Description, FieldError, HelpText, Field, fieldStyles };
diff --git a/www/src/registry-v2/core/file-trigger.tsx b/www/src/registry-v2/core/file-trigger.tsx
new file mode 100644
index 000000000..829a08f3c
--- /dev/null
+++ b/www/src/registry-v2/core/file-trigger.tsx
@@ -0,0 +1,6 @@
+"use client";
+
+import { FileTrigger, type FileTriggerProps } from "react-aria-components";
+
+export type { FileTriggerProps };
+export { FileTrigger };
diff --git a/www/src/registry-v2/core/form.tsx b/www/src/registry-v2/core/form.tsx
new file mode 100644
index 000000000..5f953f2ff
--- /dev/null
+++ b/www/src/registry-v2/core/form.tsx
@@ -0,0 +1,9 @@
+"use client";
+
+import {
+  Form as AriaForm,
+  FormProps as AriaFormProps,
+} from "react-aria-components";
+
+export type FormProps = AriaFormProps;
+export { AriaForm as Form };
diff --git a/www/src/registry-v2/core/group.tsx b/www/src/registry-v2/core/group.tsx
new file mode 100644
index 000000000..4c29fbb67
--- /dev/null
+++ b/www/src/registry-v2/core/group.tsx
@@ -0,0 +1,6 @@
+"use client";
+
+import { Group, type GroupProps } from "react-aria-components";
+
+export type { GroupProps };
+export { Group };
diff --git a/www/src/registry-v2/core/heading.tsx b/www/src/registry-v2/core/heading.tsx
new file mode 100644
index 000000000..7e00867c2
--- /dev/null
+++ b/www/src/registry-v2/core/heading.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import {
+  Heading as AriaHeading,
+  type HeadingProps as AriaHeadingProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const headingStyles = tv({
+  base: "text-lg font-medium",
+});
+
+type HeadingProps = AriaHeadingProps;
+const Heading = ({ className, ...props }: HeadingProps) => {
+  return <AriaHeading className={headingStyles({ className })} {...props} />;
+};
+
+export type { HeadingProps };
+export { Heading };
diff --git a/www/src/registry-v2/core/input.tsx b/www/src/registry-v2/core/input.tsx
new file mode 100644
index 000000000..fc4e77d07
--- /dev/null
+++ b/www/src/registry-v2/core/input.tsx
@@ -0,0 +1,212 @@
+"use client";
+
+import * as React from "react";
+import { mergeRefs, chain } from "@react-aria/utils";
+import { useControlledState } from "@react-stately/utils";
+import {
+  Provider,
+  composeRenderProps,
+  Input as AriaInput,
+  Group as AriaGroup,
+  TextArea as AriaTextArea,
+  InputContext as AriaInputContext,
+  TextAreaContext as AriaTextAreaContext,
+  type TextAreaProps as AriaTextAreaProps,
+  type GroupProps as AriaGroupProps,
+  type InputProps as AriaInputProps,
+  useSlottedContext,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusInput } from "@/registry/ui/default/lib/focus-styles";
+import { LoaderIcon } from "@/__icons__";
+
+const inputStyles = tv({
+  slots: {
+    root: [
+      focusInput(),
+      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
+      "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
+      "invalid:border-border-danger focus-within:invalid:border-border",
+    ],
+    input: [
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
+    ],
+  },
+  variants: {
+    size: {
+      sm: { root: "h-8" },
+      md: { root: "h-9" },
+      lg: { root: "h-10" },
+    },
+    multiline: {
+      true: {
+        root: "h-auto flex-col items-stretch p-2",
+        input: "min-h-14 resize-none overflow-auto",
+      },
+      false: {
+        input: "flex-1",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+    multiline: false,
+  },
+});
+
+interface TextAreaInputProps extends Omit<AriaTextAreaProps, "className"> {
+  className?: string;
+}
+const TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(
+  ({ className, onChange, rows = 1, ...props }, forwardedRef) => {
+    const { input } = inputStyles({ multiline: true });
+    const [inputValue, setInputValue] = useControlledState(
+      props.value,
+      props.defaultValue ?? "",
+      () => {
+        // Do nothing
+      }
+    );
+    const inputRef = React.useRef<HTMLTextAreaElement>(null);
+
+    const onHeightChange = React.useCallback(() => {
+      if (inputRef.current) {
+        const input = inputRef.current;
+        const prevAlignment = input.style.alignSelf;
+        const prevOverflow = input.style.overflow;
+        const isFirefox = "MozAppearance" in input.style;
+        if (!isFirefox) {
+          input.style.overflow = "hidden";
+        }
+        input.style.alignSelf = "start";
+        input.style.height = "auto";
+        input.style.height = `${
+          input.scrollHeight + (input.offsetHeight - input.clientHeight)
+        }px`;
+        input.style.overflow = prevOverflow;
+        input.style.alignSelf = prevAlignment;
+      }
+    }, [inputRef]);
+
+    React.useLayoutEffect(() => {
+      if (inputRef.current) {
+        onHeightChange();
+      }
+    }, [onHeightChange, inputValue, inputRef]);
+
+    return (
+      <AriaTextArea
+        ref={mergeRefs(inputRef, forwardedRef)}
+        className={input({ className })}
+        onChange={chain(onChange, setInputValue)}
+        rows={rows}
+        {...props}
+      />
+    );
+  }
+);
+TextAreaInput.displayName = "TextAreaInput";
+
+interface InputProps
+  extends Omit<AriaInputProps, "className" | "size" | "prefix"> {
+  className?: string;
+}
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, ...props }, ref) => {
+    const { input } = inputStyles();
+    return <AriaInput ref={ref} className={input({ className })} {...props} />;
+  }
+);
+Input.displayName = "Input";
+
+interface InputRootProps
+  extends Omit<AriaGroupProps, "className" | "prefix">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  isLoading?: boolean;
+  loaderPosition?: "prefix" | "suffix";
+  className?: string;
+}
+const InputRoot = ({
+  className,
+  prefix,
+  suffix,
+  isLoading,
+  loaderPosition,
+  size,
+  multiline,
+  ...props
+}: InputRootProps) => {
+  const { root } = inputStyles({ size, multiline });
+  const inputContext = useSlottedContext(AriaInputContext);
+  const textAreaContext = useSlottedContext(AriaTextAreaContext);
+  const inputRef = React.useRef(null);
+  const isDisabled =
+    props.isDisabled || inputContext?.disabled || textAreaContext?.disabled;
+  const isInvalid =
+    props.isInvalid ||
+    (!!inputContext?.["aria-invalid"] &&
+      inputContext["aria-invalid"] !== "false") ||
+    (!!textAreaContext?.["aria-invalid"] &&
+      textAreaContext["aria-invalid"] !== "false");
+
+  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {
+    const target = event.target as HTMLElement;
+    if (target.closest("input, button, a")) return;
+    const input = (
+      inputRef as React.RefObject<HTMLInputElement | HTMLTextAreaElement>
+    ).current;
+    if (!input) return;
+    requestAnimationFrame(() => {
+      input.focus();
+    });
+  };
+
+  return (
+    <AriaGroup
+      role="presentation"
+      {...props}
+      onPointerDown={handlePointerDown}
+      isDisabled={isDisabled}
+      isInvalid={isInvalid}
+      className={root({ className })}
+    >
+      {composeRenderProps(props.children, (children) => (
+        <Provider
+          values={[
+            [
+              AriaInputContext,
+              {
+                ...inputContext,
+                ref: mergeRefs(inputRef, inputContext?.ref ?? null),
+              },
+            ],
+            [
+              AriaTextAreaContext,
+              {
+                ...textAreaContext,
+                ref: mergeRefs(inputRef, textAreaContext?.ref ?? null),
+              },
+            ],
+          ]}
+        >
+          {isLoading && loaderPosition === "prefix" ? (
+            <LoaderIcon className="animate-spin" />
+          ) : (
+            prefix
+          )}
+          {children}
+          {isLoading && loaderPosition === "suffix" ? (
+            <LoaderIcon className="animate-spin" />
+          ) : (
+            suffix
+          )}
+        </Provider>
+      ))}
+    </AriaGroup>
+  );
+};
+
+export type { InputProps, InputRootProps, TextAreaInputProps };
+export { Input, TextAreaInput, InputRoot, inputStyles };
diff --git a/www/src/registry-v2/core/kbd.tsx b/www/src/registry-v2/core/kbd.tsx
new file mode 100644
index 000000000..022dd994d
--- /dev/null
+++ b/www/src/registry-v2/core/kbd.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import { Keyboard } from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const KbdStyles = tv({
+  base: "text-fg-muted bg-bg border-border-active rounded-md border px-1.5 py-0.5 font-sans text-sm tracking-widest",
+});
+
+type KbdProps = React.HTMLAttributes<HTMLElement>;
+const Kbd = ({ className, ...props }: KbdProps) => {
+  return <Keyboard className={KbdStyles({ className })} {...props} />;
+};
+
+export type { KbdProps };
+export { Kbd, KbdStyles };
diff --git a/www/src/registry-v2/core/link.tsx b/www/src/registry-v2/core/link.tsx
new file mode 100644
index 000000000..e5443e07a
--- /dev/null
+++ b/www/src/registry-v2/core/link.tsx
@@ -0,0 +1,40 @@
+"use client";
+
+import * as React from "react";
+import {
+  Link as AriaLink,
+  composeRenderProps,
+  type LinkProps as AriaLinkProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+
+const linkVariants = tv({
+  extend: focusRing,
+  base: "disabled:text-fg-disabled inline-flex items-center gap-1 transition-colors",
+  variants: {
+    variant: {
+      accent: "text-fg-accent hover:text-[#5e9fe0]",
+      quiet: "underline underline-offset-2",
+    },
+  },
+  defaultVariants: {
+    variant: "accent",
+  },
+});
+
+interface LinkProps extends AriaLinkProps, VariantProps<typeof linkVariants> {}
+
+const Link = ({ variant, ...props }: LinkProps) => {
+  return (
+    <AriaLink
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        linkVariants({ variant, className })
+      )}
+    />
+  );
+};
+
+export type { LinkProps };
+export { Link, linkVariants };
diff --git a/www/src/registry-v2/core/list-box.tsx b/www/src/registry-v2/core/list-box.tsx
new file mode 100644
index 000000000..af266b317
--- /dev/null
+++ b/www/src/registry-v2/core/list-box.tsx
@@ -0,0 +1,137 @@
+"use client";
+
+import React from "react";
+import {
+  composeRenderProps,
+  ListBox as AriaListBox,
+  ListBoxItem as AriaListBoxItem,
+  Collection as AriaCollection,
+  type ListBoxProps as AriaListBoxProps,
+  type ListBoxItemProps as AriaListBoxItemProps,
+  ListStateContext,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Text } from "@/registry/ui/default/core/text";
+import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { CheckIcon, LoaderIcon } from "@/__icons__";
+
+const listBoxStyles = tv({
+  base: [
+    focusRing(),
+    "orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic",
+    "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
+  ],
+  variants: {
+    standalone: {
+      true: "bg-bg max-h-60 w-48 overflow-y-auto rounded-md border",
+      false: "max-h-[inherit] rounded-[inherit]",
+    },
+  },
+});
+
+const listBoxItemStyles = tv({
+  base: [
+    "disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default",
+    "selection-single:pl-0 selection-multiple:pl-0",
+    "[&_svg]:size-4",
+  ],
+  variants: {
+    variant: {
+      default: "text-fg",
+      success: "text-fg-success",
+      warning: "text-fg-warning",
+      accent: "text-fg-accent",
+      danger: "text-fg-danger",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+interface ListBoxProps<T> extends AriaListBoxProps<T> {
+  isLoading?: boolean;
+}
+const ListBox = <T extends object>({
+  children,
+  isLoading,
+  ...props
+}: ListBoxProps<T>) => {
+  const state = React.useContext(ListStateContext);
+  const standalone = !state;
+  return (
+    <AriaListBox
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        listBoxStyles({ standalone, className })
+      )}
+    >
+      <AriaCollection items={props.items}>{children}</AriaCollection>
+      {isLoading && (
+        <AriaListBoxItem className="flex items-center justify-center py-1.5">
+          <LoaderIcon
+            aria-label="Loading more..."
+            className="text-fg-muted size-5 animate-spin"
+          />
+        </AriaListBoxItem>
+      )}
+    </AriaListBox>
+  );
+};
+
+interface ItemProps<T>
+  extends AriaListBoxItemProps<T>,
+    VariantProps<typeof listBoxItemStyles> {
+  label?: string;
+  description?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+const Item = <T extends object>({
+  variant,
+  label,
+  description,
+  prefix,
+  suffix,
+  ...props
+}: ItemProps<T>) => {
+  const textValue =
+    props.textValue ||
+    (typeof props.children === "string" ? props.children : undefined);
+  return (
+    <AriaListBoxItem
+      {...props}
+      textValue={textValue}
+      className={composeRenderProps(props.className, (className) =>
+        listBoxItemStyles({ variant, className })
+      )}
+    >
+      {composeRenderProps(
+        props.children,
+        (children, { isSelected, selectionMode }) => (
+          <>
+            {selectionMode !== "none" && (
+              <span className="flex w-8 shrink-0 items-center justify-center">
+                {isSelected && (
+                  <CheckIcon aria-hidden className="text-fg-accent size-4" />
+                )}
+              </span>
+            )}
+            <span className="flex items-center gap-3">
+              {prefix}
+              <span className="flex flex-1 flex-col">
+                {label && <Text slot="label">{label}</Text>}
+                {description && <Text slot="description">{description}</Text>}
+                {children}
+              </span>
+              {suffix}
+            </span>
+          </>
+        )
+      )}
+    </AriaListBoxItem>
+  );
+};
+
+export type { ListBoxProps, ItemProps };
+export { ListBox, Item };
diff --git a/www/src/registry-v2/core/menu.tsx b/www/src/registry-v2/core/menu.tsx
new file mode 100644
index 000000000..90377a2d7
--- /dev/null
+++ b/www/src/registry-v2/core/menu.tsx
@@ -0,0 +1,144 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Menu as AriaMenu,
+  MenuTrigger as AriaMenuTrigger,
+  MenuItem as AriaMenuItem,
+  SubmenuTrigger as AriaSubmenuTrigger,
+  type MenuItemProps as AriaMenuItemProps,
+  type MenuProps as AriaMenuProps,
+  type MenuTriggerProps as AriaMenuTriggerProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Kbd } from "@/registry/ui/default/core/kbd";
+import { Overlay, type OverlayProps } from "@/registry/ui/default/core/overlay";
+import { Text } from "@/registry/ui/default/core/text";
+import { CheckIcon, ChevronRightIcon } from "@/__icons__";
+
+const menuStyles = tv({
+  base: [
+    "max-h[inherit] outline-hidden rounded-[inherit] p-1",
+    "group-data-[type=drawer]/overlay:p-2",
+    "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
+  ],
+});
+
+const menuItemStyles = tv({
+  base: [
+    "focus:bg-bg-inverse/10 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm transition-colors disabled:pointer-events-none",
+    "selection-single:pl-0 selection-multiple:pl-0",
+    "group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3",
+    "group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2",
+    "[&_svg]:size-4",
+  ],
+  variants: {
+    variant: {
+      default: "text-fg",
+      success: "text-fg-success",
+      warning: "text-fg-warning",
+      accent: "text-fg-accent",
+      danger: "text-fg-danger",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+type MenuRootProps = AriaMenuTriggerProps;
+const MenuRoot = (props: MenuRootProps) => {
+  return <AriaMenuTrigger {...props} />;
+};
+
+type MenuProps<T> = MenuContentProps<T> & {
+  type?: OverlayProps["type"];
+  mobileType?: OverlayProps["mobileType"];
+  mediaQuery?: OverlayProps["mediaQuery"];
+  placement?: OverlayProps["placement"];
+};
+const Menu = <T extends object>({
+  placement,
+  type = "popover",
+  mobileType = "drawer",
+  mediaQuery,
+  ...props
+}: MenuProps<T>) => {
+  return (
+    <Overlay
+      type={type}
+      mobileType={mobileType}
+      mediaQuery={mediaQuery}
+      placement={placement}
+    >
+      <MenuContent {...props} />
+    </Overlay>
+  );
+};
+
+type MenuContentProps<T> = AriaMenuProps<T>;
+const MenuContent = <T extends object>({
+  className,
+  ...props
+}: MenuContentProps<T>) => {
+  return <AriaMenu className={menuStyles({ className })} {...props} />;
+};
+
+const MenuSub = AriaSubmenuTrigger;
+
+interface MenuItemProps<T>
+  extends Omit<AriaMenuItemProps<T>, "className">,
+    VariantProps<typeof menuItemStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  label?: string;
+  description?: string;
+  shortcut?: string;
+  className?: string;
+}
+const MenuItem = <T extends object>({
+  className,
+  label,
+  description,
+  prefix,
+  suffix,
+  shortcut,
+  variant,
+  ...props
+}: MenuItemProps<T>) => {
+  return (
+    <AriaMenuItem className={menuItemStyles({ className, variant })} {...props}>
+      {composeRenderProps(
+        props.children,
+        (children, { selectionMode, isSelected, hasSubmenu }) => (
+          <>
+            {selectionMode !== "none" && (
+              <span className="flex w-8 items-center justify-center">
+                {isSelected && (
+                  <CheckIcon aria-hidden className="text-fg-accent size-4" />
+                )}
+              </span>
+            )}
+            {prefix}
+            <span className="flex items-center gap-2">
+              <span className="flex flex-1 flex-col">
+                {label && <Text slot="label">{label}</Text>}
+                {description && <Text slot="description">{description}</Text>}
+                {children}
+              </span>
+              {suffix}
+              {shortcut && <Kbd>{shortcut}</Kbd>}
+              {hasSubmenu && (
+                <ChevronRightIcon aria-hidden className="size-4" />
+              )}
+            </span>
+          </>
+        )
+      )}
+    </AriaMenuItem>
+  );
+};
+
+export type { MenuRootProps, MenuProps };
+export { MenuRoot, Menu, MenuItem, MenuContent, MenuSub };
diff --git a/www/src/registry-v2/core/number-field.tsx b/www/src/registry-v2/core/number-field.tsx
new file mode 100644
index 000000000..e51df2e58
--- /dev/null
+++ b/www/src/registry-v2/core/number-field.tsx
@@ -0,0 +1,146 @@
+"use client";
+
+import * as React from "react";
+import {
+  NumberField as AriaNumberField,
+  type NumberFieldProps as AriaNumberFieldProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { useMediaQuery } from "@/registry/hooks/use-media-query";
+import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import {
+  InputRoot,
+  Input,
+  type inputStyles,
+} from "@/registry/ui/default/core/input";
+import {
+  ChevronDownIcon,
+  ChevronUpIcon,
+  MinusIcon,
+  PlusIcon,
+} from "@/__icons__";
+
+const numberFieldStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
+type NumberFieldProps = NumberFieldRootProps &
+  Omit<FieldProps, "children"> &
+  VariantProps<typeof inputStyles> & {
+    placeholder?: string;
+  };
+const NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>(
+  (
+    {
+      className,
+      size,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      isRequired,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    const isMobile = useMediaQuery("(max-width: 768px)");
+    const prefix = isMobile ? (
+      <NumberFieldButton
+        slot="decrement"
+        className="h-full rounded-none rounded-l-md border-r"
+      />
+    ) : null;
+    const suffix = isMobile ? (
+      <NumberFieldButton
+        slot="increment"
+        className="h-full rounded-none rounded-r-md border-l"
+      />
+    ) : (
+      <div className="flex h-full flex-col rounded-r-md">
+        <NumberFieldButton
+          slot="increment"
+          iconType="chevron"
+          className="h-auto flex-1 shrink rounded-none rounded-tr-md border-b border-l"
+        />
+        <NumberFieldButton
+          slot="decrement"
+          iconType="chevron"
+          className="h-auto flex-1 shrink rounded-none rounded-br-md border-l"
+        />
+      </div>
+    );
+    return (
+      <NumberFieldRoot className={className} {...props}>
+        <Field
+          label={label}
+          description={description}
+          errorMessage={errorMessage}
+          isRequired={isRequired}
+          necessityIndicator={necessityIndicator}
+          contextualHelp={contextualHelp}
+        >
+          <InputRoot
+            size={size}
+            className="invalid:[&_button]:border-border-danger invalid:focus-within:[&_button]:border-border px-0"
+          >
+            {prefix}
+            <Input ref={ref} placeholder={placeholder} className="px-2" />
+            {suffix}
+          </InputRoot>
+        </Field>
+      </NumberFieldRoot>
+    );
+  }
+);
+NumberField.displayName = "NumberField";
+
+type NumberFieldRootProps = Omit<AriaNumberFieldProps, "className"> & {
+  className?: string;
+};
+const NumberFieldRoot = React.forwardRef<
+  React.ElementRef<typeof AriaNumberField>,
+  NumberFieldRootProps
+>(({ className, ...props }, ref) => {
+  return (
+    <AriaNumberField
+      ref={ref}
+      className={numberFieldStyles({ className })}
+      {...props}
+    />
+  );
+});
+NumberFieldRoot.displayName = "NumberFieldRoot";
+
+interface NumberFieldButtonProps extends ButtonProps {
+  slot: "increment" | "decrement";
+  iconType?: "chevron" | "default";
+}
+const NumberFieldButton = ({
+  slot,
+  iconType = "default",
+  ...props
+}: NumberFieldButtonProps) => {
+  const icon =
+    iconType === "chevron" ? (
+      slot === "increment" ? (
+        <ChevronUpIcon />
+      ) : (
+        <ChevronDownIcon />
+      )
+    ) : slot === "increment" ? (
+      <PlusIcon />
+    ) : (
+      <MinusIcon />
+    );
+  return (
+    <Button slot={slot} size="sm" variant="quiet" shape="square" {...props}>
+      {icon}
+    </Button>
+  );
+};
+
+export type { NumberFieldProps, NumberFieldRootProps };
+export { NumberField, NumberFieldRoot, NumberFieldButton };
diff --git a/www/src/registry-v2/core/overlay.tsx b/www/src/registry-v2/core/overlay.tsx
new file mode 100644
index 000000000..b47aaa87b
--- /dev/null
+++ b/www/src/registry-v2/core/overlay.tsx
@@ -0,0 +1,323 @@
+"use client";
+
+import React from "react";
+import {
+  composeRenderProps,
+  Popover as AriaPopover,
+  OverlayArrow as AriaOverlayArrow,
+  Modal as AriaModal,
+  ModalOverlay as AriaModalOverlay,
+  OverlayTriggerStateContext as AriaOverlayTriggerStateContext,
+  type PopoverProps as AriaPopoverProps,
+  type ModalOverlayProps as AriaModalOverlayProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { useMediaQuery } from "@/registry/hooks/use-media-query";
+import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
+import { cn } from "@/registry/ui/default/lib/cn";
+import { XIcon } from "@/__icons__";
+import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
+
+type OverlayType = "modal" | "drawer" | "popover";
+
+type OverlayProps = {
+  type?: OverlayType;
+  mobileType?: OverlayProps["type"];
+  showDismissButton?: boolean;
+  swipeIndicator?: boolean;
+  mediaQuery?: string;
+  children: React.ReactNode;
+  classNames?: ModalOverlayClassNames &
+    DrawerOverlayClassNames &
+    PopoverOverlayClassNames;
+} & Omit<AriaModalOverlayProps, "children"> &
+  Omit<AriaPopoverProps, "children">;
+
+const Overlay = React.forwardRef<HTMLElement | HTMLDivElement, OverlayProps>(
+  (
+    {
+      type: typeProp = "modal",
+      mobileType,
+      mediaQuery = "(max-width: 640px)",
+      isDismissable = true,
+      swipeIndicator,
+      ...props
+    },
+    ref
+  ) => {
+    const isMobile = useMediaQuery(mediaQuery);
+    const type = mobileType ? (isMobile ? mobileType : typeProp) : typeProp;
+    switch (type) {
+      case "modal":
+        return (
+          <ModalOverlay
+            ref={ref as React.ForwardedRef<HTMLDivElement>}
+            isDismissable={isDismissable}
+            {...props}
+          />
+        );
+      case "drawer":
+        return (
+          // @ts-expect-error TODO FIX THIS SAME ORIENTATION PROP AS POPOVER :'(
+          <DrawerOverlay
+            ref={ref as React.ForwardedRef<HTMLDivElement>}
+            swipeIndicator={swipeIndicator}
+            isDismissable={isDismissable}
+            {...props}
+          />
+        );
+      case "popover":
+        return (
+          <PopoverOverlay
+            ref={ref as React.ForwardedRef<HTMLElement>}
+            {...props}
+          />
+        );
+    }
+  }
+);
+Overlay.displayName = "Overlay";
+
+const modalVariants = tv({
+  slots: {
+    backdrop: [
+      "h-(--visual-viewport-height) fixed left-0 top-0 z-50 flex w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
+      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
+    ],
+    overlay: [
+      "group/overlay relative z-50 w-full max-w-lg",
+      "bg-bg border shadow-lg sm:rounded-lg md:w-full",
+      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
+    ],
+  },
+});
+
+type ModalOverlaySlots = keyof ReturnType<typeof modalVariants>;
+type ModalOverlayClassNames = {
+  [key in ModalOverlaySlots]?: string;
+};
+
+interface ModalOverlayProps extends AriaModalOverlayProps {
+  showDismissButton?: boolean;
+  classNames?: ModalOverlayClassNames;
+}
+
+const ModalOverlay = React.forwardRef<
+  React.ElementRef<typeof AriaModalOverlay>,
+  ModalOverlayProps
+>(
+  (
+    { classNames, className, isDismissable, showDismissButton, ...props },
+    ref
+  ) => {
+    const { overlay, backdrop } = modalVariants({});
+    return (
+      <AriaModalOverlay
+        {...props}
+        ref={ref}
+        isDismissable={isDismissable}
+        className={backdrop({ className: classNames?.backdrop })}
+      >
+        <AriaModal
+          {...props}
+          data-type="modal"
+          className={cn(overlay(), classNames?.overlay, className)}
+        >
+          {composeRenderProps(props.children, (children) => (
+            <>
+              {(showDismissButton ?? isDismissable) && <DismissButton />}
+              {children}
+            </>
+          ))}
+        </AriaModal>
+      </AriaModalOverlay>
+    );
+  }
+);
+ModalOverlay.displayName = "ModalOverlay";
+
+const popoverOverlayVariants = tv({
+  slots: {
+    overlay:
+      "group/overlay bg-bg text-fg data-[trigger=ComboBox]:min-w-(--trigger-width) data-[trigger=Select]:min-w-(--trigger-width) z-50 rounded-md border shadow-md",
+    arrow: [
+      "fill-bg stroke-border block stroke-1",
+      "group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180",
+    ],
+  },
+});
+
+type PopoverOverlaySlots = keyof ReturnType<typeof popoverOverlayVariants>;
+type PopoverOverlayClassNames = {
+  [key in PopoverOverlaySlots]?: string;
+};
+
+interface PopoverOverlayProps extends AriaPopoverProps {
+  arrow?: boolean;
+  classNames?: PopoverOverlayClassNames;
+  showDismissButton?: boolean;
+}
+
+const PopoverOverlay = React.forwardRef<
+  React.ElementRef<typeof AriaPopover>,
+  PopoverOverlayProps
+>(
+  (
+    { arrow = false, className, showDismissButton, classNames, ...props },
+    ref
+  ) => {
+    const { overlay, arrow: arrowStyle } = popoverOverlayVariants({});
+    return (
+      <AriaPopover
+        data-type="popover"
+        ref={ref}
+        {...props}
+        className={cn(overlay(), classNames?.overlay, className)}
+      >
+        {composeRenderProps(props.children, (children, {}) => (
+          <>
+            {showDismissButton && <DismissButton />}
+            {arrow && (
+              <AriaOverlayArrow className="group">
+                <svg
+                  width={12}
+                  height={12}
+                  viewBox="0 0 12 12"
+                  className={arrowStyle({ className: classNames?.arrow })}
+                >
+                  <path d="M0 0 L6 6 L12 0" />
+                </svg>
+              </AriaOverlayArrow>
+            )}
+            {children}
+          </>
+        ))}
+      </AriaPopover>
+    );
+  }
+);
+PopoverOverlay.displayName = "PopoverOverlay";
+
+const drawerVariants = tv({
+  slots: {
+    backdrop: ["fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", "opacity-0"],
+    overlay: [
+      "group/overlay bg-bg outline-hidden fixed z-50 flex flex-col",
+      "inset-0",
+      "placement-bottom:top-auto placement-top:bottom-auto placement-left:right-auto placement-right:left-auto",
+      "placement-bottom:mt-24 placement-bottom:rounded-t-[10px] placement-bottom:border-t",
+      "placement-top:mb-24 placement-top:rounded-b-[10px] placement-top:border-b",
+      "placement-right:ml-24 placement-right:rounded-l-[10px] placement-right:border-l",
+      "placement-left:mr-24 placement-left:rounded-r-[10px] placement-left:border-r",
+      "touch-none will-change-transform",
+      "placement-bottom:translate-y-full placement-top:-translate-y-full placement-left:-translate-x-full placement-right:translate-x-full", // required
+      "placement-bottom:max-h-[90%] placement-top:max-h-[90%]",
+    ],
+  },
+});
+
+type DrawerOverlaySlots = keyof ReturnType<typeof drawerVariants>;
+type DrawerOverlayClassNames = {
+  [key in DrawerOverlaySlots]?: string;
+};
+
+interface DrawerOverlayProps extends Omit<AriaModalOverlayProps, "children"> {
+  placement?: "top" | "bottom" | "left" | "right";
+  showDismissButton?: boolean;
+  swipeIndicator?: boolean;
+  children?: React.ReactNode;
+  classNames?: DrawerOverlayClassNames;
+}
+
+const DrawerOverlay = React.forwardRef<
+  React.ElementRef<typeof AriaModalOverlay>,
+  DrawerOverlayProps
+>(
+  (
+    {
+      children,
+      classNames,
+      className,
+      isDismissable,
+      showDismissButton = false,
+      swipeIndicator = true,
+      placement = "bottom",
+      ...props
+    },
+    ref
+  ) => {
+    const { rootProps, modalProps, backdropProps, drawerProps } =
+      useMotionDrawer({
+        isDismissable,
+        placement,
+        scaleBackground: false,
+      });
+    const { overlay, backdrop } = drawerVariants();
+
+    return (
+      <MotionDrawerRoot {...rootProps}>
+        <AriaModalOverlay
+          ref={ref}
+          isDismissable={isDismissable}
+          {...props}
+          {...modalProps}
+        >
+          <div
+            {...backdropProps}
+            className={backdrop({ className: classNames?.backdrop })}
+          />
+          <AriaModal>
+            <div
+              {...drawerProps}
+              data-type="drawer"
+              className={cn(overlay(), classNames?.overlay, className)}
+            >
+              {showDismissButton && (
+                <DismissButton shape="rectangle">Done</DismissButton>
+              )}
+              {swipeIndicator && (
+                <div className="bg-bg-muted mx-auto my-4 h-2 w-[100px] rounded-full" />
+              )}
+              {children}
+            </div>
+          </AriaModal>
+        </AriaModalOverlay>
+      </MotionDrawerRoot>
+    );
+  }
+);
+DrawerOverlay.displayName = "DrawerOverlay";
+
+const DismissButton = (props: ButtonProps) => {
+  const state = React.useContext(AriaOverlayTriggerStateContext);
+  return (
+    <Button
+      shape="square"
+      variant="quiet"
+      size="sm"
+      aria-label="Close"
+      {...props}
+      className={cn("absolute right-2 top-2 z-20", props.className)}
+      onPress={() => state.close()}
+    >
+      {props.children ?? <XIcon />}
+    </Button>
+  );
+};
+
+export type {
+  OverlayProps,
+  ModalOverlayProps,
+  DrawerOverlayProps,
+  PopoverOverlayProps,
+};
+export {
+  Overlay,
+  PopoverOverlay,
+  DrawerOverlay,
+  ModalOverlay,
+  DismissButton,
+  drawerVariants,
+  modalVariants,
+  popoverOverlayVariants,
+};
diff --git a/www/src/registry-v2/core/progress.tsx b/www/src/registry-v2/core/progress.tsx
new file mode 100644
index 000000000..e03b1ea5f
--- /dev/null
+++ b/www/src/registry-v2/core/progress.tsx
@@ -0,0 +1,232 @@
+"use client";
+
+import * as React from "react";
+import {
+  ProgressBar as AriaProgress,
+  composeRenderProps,
+  type ProgressBarProps as AriaProgressProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Label } from "@/registry/ui/default/core/field";
+import { cn } from "@/registry/ui/default/lib/cn";
+
+const progressStyles = tv({
+  slots: {
+    root: "flex w-60 flex-col gap-2",
+    indicator: "relative h-2.5 w-full overflow-hidden rounded-full",
+    filler:
+      "animate-progress-grow bg-fg h-full w-full min-w-14 flex-1 origin-left transition-transform",
+    valueLabel: "text-sm",
+  },
+  variants: {
+    variant: {
+      default: {
+        indicator: "bg-bg-muted",
+        filler: "bg-bg-primary",
+      },
+      accent: {
+        indicator: "bg-bg-accent-muted",
+        filler: "bg-bg-accent",
+      },
+      warning: {
+        indicator: "bg-bg-warning-muted",
+        filler: "bg-bg-warning",
+      },
+      danger: {
+        indicator: "bg-bg-danger-muted",
+        filler: "bg-bg-danger",
+      },
+      success: {
+        indicator: "bg-bg-success-muted",
+        filler: "bg-bg-success",
+      },
+    },
+    size: {
+      sm: {
+        indicator: "h-1",
+      },
+      md: {
+        indicator: "h-2.5",
+      },
+      lg: {
+        indicator: "h-4",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+    shape: "bar",
+    size: "md",
+  },
+});
+
+type ProgressSlots = keyof ReturnType<typeof progressStyles>;
+type ProgressClassNames = {
+  [key in ProgressSlots]?: string;
+};
+
+interface ProgressProps
+  extends ProgressRootProps,
+    VariantProps<typeof progressStyles> {
+  label?: string;
+  showValueLabel?: boolean;
+  duration?: string;
+  classNames?: ProgressClassNames;
+}
+const Progress = ({
+  label,
+  showValueLabel = false,
+  variant,
+  size,
+  duration,
+  className,
+  classNames,
+  ...props
+}: ProgressProps) => {
+  return (
+    <ProgressRoot
+      duration={duration}
+      className={cn(className, classNames?.root)}
+      {...props}
+    >
+      {(label || showValueLabel) && (
+        <div
+          className={cn(
+            "flex items-center justify-between gap-2",
+            !label && "justify-end"
+          )}
+        >
+          {label && <Label>{label}</Label>}
+          {showValueLabel && <ProgressValueLabel />}
+        </div>
+      )}
+      <ProgressIndicator
+        variant={variant}
+        size={size}
+        duration={duration}
+        classNames={{
+          indicator: classNames?.indicator,
+          filler: classNames?.filler,
+        }}
+      />
+    </ProgressRoot>
+  );
+};
+
+interface ProgressRootProps extends Omit<AriaProgressProps, "className"> {
+  duration?: string;
+  className?: string;
+}
+const ProgressRoot = ({
+  className,
+  isIndeterminate,
+  duration,
+  ...props
+}: ProgressRootProps) => {
+  const { root } = progressStyles();
+  return (
+    <AriaProgress
+      className={root({ className })}
+      isIndeterminate={isIndeterminate || !!duration}
+      {...props}
+    >
+      {composeRenderProps(
+        props.children,
+        (children, { percentage, isIndeterminate, valueText }) => (
+          <ProgressContext.Provider
+            value={{ percentage, isIndeterminate, valueText }}
+          >
+            {children}
+          </ProgressContext.Provider>
+        )
+      )}
+    </AriaProgress>
+  );
+};
+
+interface ProgressIndicatorProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof progressStyles> {
+  duration?: string;
+  classNames?: {
+    indicator?: string;
+    filler?: string;
+  };
+}
+const ProgressIndicator = ({
+  duration,
+  className,
+  variant,
+  size,
+  classNames,
+  ...props
+}: ProgressIndicatorProps) => {
+  const { indicator, filler } = progressStyles({ variant, size });
+  const { isIndeterminate, percentage } = useProgressContext();
+  return (
+    <div
+      className={cn(indicator(), classNames?.indicator, className)}
+      {...props}
+    >
+      <div
+        className={cn(
+          filler(),
+          isIndeterminate && "animate-progress-indeterminate",
+          classNames?.filler
+        )}
+        style={
+          {
+            "--progress-duration": duration ?? "0s",
+            ...(percentage ? { transform: `scaleX(${percentage / 100})` } : {}),
+            ...(isIndeterminate
+              ? {
+                  maskImage:
+                    "linear-gradient(75deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.65) 80%)",
+                  maskSize: "200%",
+                }
+              : {}),
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  );
+};
+
+type ProgressValueLabelProps = React.HTMLAttributes<HTMLSpanElement>;
+const ProgressValueLabel = ({
+  children,
+  className,
+  ...props
+}: ProgressValueLabelProps) => {
+  const { valueLabel } = progressStyles();
+  const { valueText } = useProgressContext();
+  return (
+    <span className={valueLabel({ className })} {...props}>
+      {children ?? valueText}
+    </span>
+  );
+};
+
+type ProgressContextValue = {
+  percentage?: number;
+  isIndeterminate: boolean;
+  valueText?: string;
+};
+const ProgressContext = React.createContext<ProgressContextValue | null>(null);
+const useProgressContext = () => {
+  const context = React.useContext(ProgressContext);
+  if (!context) {
+    throw new Error(
+      "useProgressContext must be used within a ProgressProvider"
+    );
+  }
+  return context;
+};
+
+export type {
+  ProgressProps,
+  ProgressRootProps,
+  ProgressIndicatorProps,
+  ProgressValueLabelProps,
+};
+export { Progress, ProgressRoot, ProgressIndicator, ProgressValueLabel };
diff --git a/www/src/registry-v2/core/radio-group.tsx b/www/src/registry-v2/core/radio-group.tsx
new file mode 100644
index 000000000..2a699cb35
--- /dev/null
+++ b/www/src/registry-v2/core/radio-group.tsx
@@ -0,0 +1,146 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Radio as AriaRadio,
+  RadioGroup as AriaRadioGroup,
+  type RadioGroupProps as AriaRadioGroupProps,
+  type RadioProps as AriaRadioProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import {
+  focusRing,
+  focusRingGroup,
+} from "@/registry/ui/default/lib/focus-styles";
+
+const radioGroupStyles = tv({
+  slots: {
+    root: "group/radio-group flex flex-col gap-2",
+    wrapper:
+      "group-orientation-horizontal/radio-group:flex-row group-orientation-horizontal/radio-group:gap-3 flex flex-col gap-1",
+  },
+});
+
+const radioStyles = tv({
+  slots: {
+    root: "disabled:text-fg-disabled invalid:text-fg-danger group flex cursor-pointer flex-row items-center justify-between gap-2 disabled:cursor-default",
+    indicator: [
+      focusRing(),
+      "border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100",
+      "group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled",
+      "group-invalid:border-border-danger group-invalid:selected:border-bg-danger",
+    ],
+  },
+  variants: {
+    variant: {
+      default: {
+        indicator: focusRingGroup(),
+      },
+      card: {
+        root: [
+          focusRing(),
+          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+interface RadioGroupProps
+  extends RadioGroupRootProps,
+    VariantProps<typeof radioGroupStyles>,
+    Omit<FieldProps, "children"> {
+  className?: string;
+}
+const RadioGroup = React.forwardRef<
+  React.ElementRef<typeof AriaRadioGroup>,
+  RadioGroupProps
+>(
+  (
+    {
+      label,
+      description,
+      errorMessage,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    const { wrapper } = radioGroupStyles();
+    return (
+      <RadioGroupRoot ref={ref} {...props}>
+        {composeRenderProps(props.children, (children, { isRequired }) => (
+          <Field
+            label={label}
+            description={description}
+            errorMessage={errorMessage}
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+            contextualHelp={contextualHelp}
+          >
+            <div className={wrapper()}>{children}</div>
+          </Field>
+        ))}
+      </RadioGroupRoot>
+    );
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+
+interface RadioGroupRootProps
+  extends Omit<AriaRadioGroupProps, "className">,
+    VariantProps<typeof radioStyles> {
+  className?: string;
+}
+const RadioGroupRoot = React.forwardRef<
+  React.ElementRef<typeof AriaRadioGroup>,
+  RadioGroupRootProps
+>(({ className, variant, ...props }, ref) => {
+  const { root } = radioGroupStyles();
+  return (
+    <RadioContext.Provider value={{ variant }}>
+      <AriaRadioGroup ref={ref} className={root({ className })} {...props} />
+    </RadioContext.Provider>
+  );
+});
+RadioGroupRoot.displayName = "RadioGroupRoot";
+
+interface RadioProps
+  extends Omit<AriaRadioProps, "className">,
+    VariantProps<typeof radioStyles> {
+  className?: string;
+}
+const Radio = React.forwardRef<React.ElementRef<typeof AriaRadio>, RadioProps>(
+  (localProps, ref) => {
+    const contextProps = useRadioContext();
+    const props = { ...contextProps, ...localProps };
+    const { className, variant, ...restProps } = props;
+    const { root, indicator } = radioStyles({ variant });
+    return (
+      <AriaRadio ref={ref} {...restProps} className={root({ className })}>
+        {composeRenderProps(props.children, (children) => (
+          <>
+            <div className={indicator({ className: "" })} />
+            <div>{children}</div>
+          </>
+        ))}
+      </AriaRadio>
+    );
+  }
+);
+Radio.displayName = "Radio";
+
+type RadioContextValue = VariantProps<typeof radioStyles>;
+const RadioContext = React.createContext<RadioContextValue>({});
+const useRadioContext = () => {
+  return React.useContext(RadioContext);
+};
+
+export type { RadioGroupRootProps, RadioGroupProps, RadioProps };
+export { RadioGroupRoot, RadioGroup, Radio };
diff --git a/www/src/registry-v2/core/range-calendar.tsx b/www/src/registry-v2/core/range-calendar.tsx
new file mode 100644
index 000000000..15a328ee8
--- /dev/null
+++ b/www/src/registry-v2/core/range-calendar.tsx
@@ -0,0 +1,98 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  RangeCalendar as AriaRangeCalendar,
+  type RangeCalendarProps as AriaRangeCalendarProps,
+  type DateValue,
+  RangeCalendarContext as AriaRangeCalendarContext,
+  useSlottedContext,
+} from "react-aria-components";
+import { Button } from "@/registry/ui/default/core/button";
+import {
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+  calendarStyles,
+} from "@/registry/ui/default/core/calendar";
+import { Heading } from "@/registry/ui/default/core/heading";
+import { Text } from "@/registry/ui/default/core/text";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+
+interface RangeCalendarProps<T extends DateValue>
+  extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
+  visibleMonths?: number;
+  errorMessage?: string;
+}
+const RangeCalendar = <T extends DateValue>({
+  visibleMonths = 1,
+  errorMessage,
+  ...props
+}: RangeCalendarProps<T>) => {
+  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
+  return (
+    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+      {({ isInvalid }) => (
+        <>
+          <CalendarHeader>
+            <Button slot="previous" variant="outline" shape="square" size="sm">
+              <ChevronLeftIcon />
+            </Button>
+            <Heading className="text-sm" />
+            <Button slot="next" variant="outline" shape="square" size="sm">
+              <ChevronRightIcon />
+            </Button>
+          </CalendarHeader>
+          <div className="flex items-start gap-4">
+            {Array.from({ length: visibleMonths }).map((_, index) => (
+              <CalendarGrid
+                key={index}
+                offset={index === 0 ? undefined : { months: index }}
+              >
+                <CalendarGridHeader>
+                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+                </CalendarGridHeader>
+                <CalendarGridBody>
+                  {(date) => (
+                    <CalendarCell date={date} range>
+                      {({ formattedDate }) => (
+                        <span className="z-20">{formattedDate}</span>
+                      )}
+                    </CalendarCell>
+                  )}
+                </CalendarGridBody>
+              </CalendarGrid>
+            ))}
+          </div>
+          {isInvalid && errorMessage && (
+            <Text slot="errorMessage">{errorMessage}</Text>
+          )}
+        </>
+      )}
+    </RangeCalendarRoot>
+  );
+};
+
+type RangeCalendarRootProps<T extends DateValue> = AriaRangeCalendarProps<T>;
+const RangeCalendarRoot = <T extends DateValue>(
+  props: RangeCalendarRootProps<T>
+) => {
+  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);
+  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
+  const { root } = calendarStyles({ standalone });
+  return (
+    <AriaRangeCalendar
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+      {...props}
+    />
+  );
+};
+
+export type { RangeCalendarProps, RangeCalendarRootProps };
+export { RangeCalendar, RangeCalendarRoot };
diff --git a/www/src/registry-v2/core/resizable.tsx b/www/src/registry-v2/core/resizable.tsx
new file mode 100644
index 000000000..2fcd21d79
--- /dev/null
+++ b/www/src/registry-v2/core/resizable.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import React from "react";
+import * as ResizablePrimitive from "react-resizable-panels";
+import type {
+  ImperativePanelHandle,
+  ImperativePanelGroupHandle,
+} from "react-resizable-panels";
+import { tv } from "tailwind-variants";
+
+const resizableStyles = tv({
+  slots: {
+    group:
+      "flex h-full w-full flex-row overflow-hidden data-[panel-group-direction=vertical]:flex-col",
+    panel: "",
+    handle:
+      "bg-border data-[resize-handle-state=drag]:bg-border-active relative flex flex-[0_0_1px] items-stretch justify-stretch transition-colors",
+  },
+});
+
+type ResizableGroupProps = React.ComponentProps<
+  typeof ResizablePrimitive.PanelGroup
+>;
+const ResizableGroup = ({ className, ...props }: ResizableGroupProps) => {
+  const { group } = resizableStyles();
+  return (
+    <ResizablePrimitive.PanelGroup
+      className={group({ className })}
+      {...props}
+    />
+  );
+};
+
+type ResizablePanelProps = React.ComponentProps<
+  typeof ResizablePrimitive.Panel
+>;
+const ResizablePanel = ({ className, ...props }: ResizablePanelProps) => {
+  const { panel } = resizableStyles();
+  return (
+    <ResizablePrimitive.Panel className={panel({ className })} {...props} />
+  );
+};
+
+interface ResizableHandleProps
+  extends React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> {
+  withHandle?: boolean;
+}
+const ResizableHandle = ({ className, ...props }: ResizableHandleProps) => {
+  const { handle } = resizableStyles();
+  return (
+    <ResizablePrimitive.PanelResizeHandle
+      className={handle({ className })}
+      {...props}
+    />
+  );
+};
+
+export type {
+  ResizablePanelProps,
+  ResizableGroupProps,
+  ResizableHandleProps,
+  ImperativePanelHandle,
+  ImperativePanelGroupHandle,
+};
+export { ResizableGroup, ResizablePanel, ResizableHandle };
diff --git a/www/src/registry-v2/core/scroll-area.tsx b/www/src/registry-v2/core/scroll-area.tsx
new file mode 100644
index 000000000..d4038fa3b
--- /dev/null
+++ b/www/src/registry-v2/core/scroll-area.tsx
@@ -0,0 +1,144 @@
+"use client";
+
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { type VariantProps, tv } from "tailwind-variants";
+
+const scrollAreaStyles = tv({
+  slots: {
+    root: "flex h-full w-full flex-col overflow-hidden",
+    viewport: "*:block! flex h-full w-full flex-col *:w-fit *:grow",
+    scrollbar:
+      "my-0 flex touch-none select-none flex-col rounded-full bg-gray-800 data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col", // TODO: remove my-0, it was my-1
+    thumb:
+      "before:-translate-y-1/2] relative h-full w-full rounded-[inherit] bg-gray-500 transition-colors before:absolute before:left-1/2 before:top-1/2 before:min-h-4 before:min-w-4 before:-translate-x-1/2 before:content-[''] hover:bg-gray-400",
+  },
+  variants: {
+    size: {
+      sm: {
+        scrollbar:
+          "data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1",
+      },
+      md: {
+        scrollbar:
+          "data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2",
+      },
+      lg: {
+        scrollbar:
+          "data-[orientation=horizontal]:h-3 data-[orientation=vertical]:w-3",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+  },
+});
+
+interface ScrollAreaProps
+  extends ScrollAreaRootProps,
+    Omit<ScrollAreaViewPortProps, "dir">,
+    VariantProps<typeof scrollAreaStyles> {
+  scrollbars?: "vertical" | "horizontal" | "both";
+}
+
+const ScrollArea = React.forwardRef<
+  HTMLDivElement,
+  ScrollAreaProps & { containerClassName?: string }
+>(
+  (
+    {
+      children,
+      scrollbars = "vertical",
+      size,
+      asChild,
+      type,
+      scrollHideDelay = 0,
+      dir,
+      containerClassName,
+      ...viewportProps
+    },
+    ref
+  ) => {
+    return (
+      <ScrollAreaRoot
+        asChild={asChild}
+        scrollHideDelay={scrollHideDelay}
+        dir={dir}
+        type={type}
+        className={containerClassName}
+      >
+        <ScrollAreaViewPort ref={ref} {...viewportProps}>
+          {children}
+        </ScrollAreaViewPort>
+        {scrollbars !== "vertical" && (
+          <ScrollAreaScrollbar orientation="horizontal" size={size} />
+        )}
+        {scrollbars !== "horizontal" && (
+          <ScrollAreaScrollbar orientation="vertical" size={size} />
+        )}
+        {scrollbars === "both" && <ScrollAreaCorner />}
+      </ScrollAreaRoot>
+    );
+  }
+);
+
+ScrollArea.displayName = "ScrollArea";
+
+type ScrollAreaRootProps = ScrollAreaPrimitive.ScrollAreaProps;
+const ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {
+  const { root } = scrollAreaStyles();
+  return (
+    <ScrollAreaPrimitive.Root className={root({ className })} {...props} />
+  );
+};
+
+type ScrollAreaViewPortProps = ScrollAreaPrimitive.ScrollAreaViewportProps;
+const ScrollAreaViewPort = React.forwardRef<
+  HTMLDivElement,
+  ScrollAreaViewPortProps
+>(({ className, ...props }, ref) => {
+  const { viewport } = scrollAreaStyles();
+  return (
+    <ScrollAreaPrimitive.Viewport
+      ref={ref}
+      className={viewport({ className })}
+      {...props}
+    />
+  );
+});
+ScrollAreaViewPort.displayName = "ScrollAreaViewPort";
+
+interface ScrollAreaScrollbarProps
+  extends ScrollAreaPrimitive.ScrollAreaScrollbarProps,
+    VariantProps<typeof scrollAreaStyles> {}
+const ScrollAreaScrollbar = ({
+  className,
+  size,
+  ...props
+}: ScrollAreaScrollbarProps) => {
+  const { scrollbar, thumb } = scrollAreaStyles({ size });
+  return (
+    <ScrollAreaPrimitive.Scrollbar
+      className={scrollbar({ className })}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Thumb className={thumb()} />
+    </ScrollAreaPrimitive.Scrollbar>
+  );
+};
+
+const ScrollAreaCorner = ScrollAreaPrimitive.Corner;
+
+export type {
+  ScrollAreaProps,
+  ScrollAreaRootProps,
+  ScrollAreaViewPortProps,
+  ScrollAreaScrollbarProps,
+};
+export {
+  ScrollArea,
+  ScrollAreaRoot,
+  ScrollAreaViewPort,
+  ScrollAreaScrollbar,
+  ScrollAreaCorner,
+};
diff --git a/www/src/registry-v2/core/search-field.tsx b/www/src/registry-v2/core/search-field.tsx
new file mode 100644
index 000000000..01a20ab0b
--- /dev/null
+++ b/www/src/registry-v2/core/search-field.tsx
@@ -0,0 +1,122 @@
+"use client";
+
+import * as React from "react";
+import {
+  SearchField as AriaSearchField,
+  type SearchFieldProps as AriaSearchFieldProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/ui/default/core/button";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import {
+  InputRoot,
+  Input,
+  type inputStyles,
+} from "@/registry/ui/default/core/input";
+import { SearchIcon, XIcon } from "@/__icons__";
+
+const searchFieldStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
+type SearchFieldProps = SearchFieldRootProps &
+  Omit<FieldProps, "children"> &
+  VariantProps<typeof inputStyles> & {
+    prefix?: React.ReactNode;
+    suffix?:
+      | React.ReactNode
+      | (({
+          isEmpty,
+          isDisabled,
+        }: {
+          isEmpty?: boolean;
+          isDisabled?: boolean;
+        }) => React.ReactNode);
+    isLoading?: boolean;
+    loaderPosition?: "prefix" | "suffix";
+    placeholder?: string;
+  };
+const SearchField = React.forwardRef<HTMLInputElement, SearchFieldProps>(
+  (
+    {
+      className,
+      size,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      prefix = <SearchIcon />,
+      suffix = ({ isEmpty, isDisabled }) => {
+        if (isEmpty || isDisabled) return null;
+        return (
+          <Button variant="quiet" shape="circle" size="sm" className="size-6">
+            <XIcon />
+          </Button>
+        );
+      },
+      isLoading,
+      loaderPosition = "prefix",
+      isRequired,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    return (
+      <SearchFieldRoot className={className} {...props}>
+        {({ isEmpty, isDisabled }) => (
+          <>
+            <Field
+              label={label}
+              description={description}
+              errorMessage={errorMessage}
+              isRequired={isRequired}
+              necessityIndicator={necessityIndicator}
+              contextualHelp={contextualHelp}
+            >
+              <InputRoot
+                size={size}
+                prefix={prefix}
+                suffix={
+                  typeof suffix === "function"
+                    ? suffix({ isEmpty, isDisabled })
+                    : suffix
+                }
+                isLoading={isLoading}
+                loaderPosition={loaderPosition}
+              >
+                <Input
+                  ref={ref}
+                  placeholder={placeholder}
+                  className="[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none"
+                />
+              </InputRoot>
+            </Field>
+          </>
+        )}
+      </SearchFieldRoot>
+    );
+  }
+);
+SearchField.displayName = "SearchField";
+
+type SearchFieldRootProps = Omit<AriaSearchFieldProps, "className"> & {
+  className?: string;
+};
+const SearchFieldRoot = React.forwardRef<
+  React.ElementRef<typeof AriaSearchField>,
+  SearchFieldRootProps
+>(({ className, ...props }, ref) => {
+  return (
+    <AriaSearchField
+      ref={ref}
+      className={searchFieldStyles({ className })}
+      {...props}
+    />
+  );
+});
+SearchFieldRoot.displayName = "SearchFieldRoot";
+
+export type { SearchFieldProps, SearchFieldRootProps };
+export { SearchField, SearchFieldRoot };
diff --git a/www/src/registry-v2/core/section.tsx b/www/src/registry-v2/core/section.tsx
new file mode 100644
index 000000000..e11a6dce2
--- /dev/null
+++ b/www/src/registry-v2/core/section.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import {
+  Section as AriaSection,
+  Header as AriaHeader,
+  type SectionProps as AriaSectionProps,
+  Collection as AriaCollection,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const SectionStyles = tv({
+  slots: {
+    root: "mt-2 space-y-px first:mt-1",
+    title: "mb-1 pl-3 text-sm font-bold",
+  },
+});
+
+interface SectionProps<T> extends AriaSectionProps<T> {
+  title?: string;
+}
+const Section = <T extends object>({ title, ...props }: SectionProps<T>) => {
+  return (
+    <SectionRoot {...props}>
+      {title && <SectionTitle>{title}</SectionTitle>}
+      <AriaCollection items={props.items}>{props.children}</AriaCollection>
+    </SectionRoot>
+  );
+};
+
+type SectionRootProps<T> = AriaSectionProps<T>;
+const SectionRoot = <T extends object>({
+  className,
+  ...props
+}: SectionRootProps<T>) => {
+  const { root } = SectionStyles();
+  return <AriaSection className={root({ className })} {...props} />;
+};
+
+type SectionTitleProps = React.HTMLAttributes<HTMLElement>;
+const SectionTitle = ({ className, ...props }: SectionTitleProps) => {
+  const { title } = SectionStyles();
+  return <AriaHeader className={title({ className })} {...props} />;
+};
+
+export { Section, SectionTitle };
diff --git a/www/src/registry-v2/core/select.tsx b/www/src/registry-v2/core/select.tsx
new file mode 100644
index 000000000..8cfa88026
--- /dev/null
+++ b/www/src/registry-v2/core/select.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Select as AriaSelect,
+  SelectValue as AriaSelectValue,
+  type SelectProps as AriaSelectProps,
+  type SelectValueProps as AriaSelectValueProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import {
+  ListBox,
+  type ListBoxProps,
+} from "@/registry/ui/default/core/list-box";
+import { Overlay } from "@/registry/ui/default/core/overlay";
+import { ChevronDownIcon } from "@/__icons__";
+
+const selectStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+    selectValue: "flex-1 text-left",
+  },
+});
+
+interface SelectProps<T extends object>
+  extends Omit<SelectRootProps<T>, "children">,
+    Omit<FieldProps, "children"> {
+  children?: ListBoxProps<T>["children"];
+  dependencies?: ListBoxProps<T>["dependencies"];
+  items?: ListBoxProps<T>["items"];
+  isLoading?: ListBoxProps<T>["isLoading"];
+  variant?: ButtonProps["variant"];
+  size?: ButtonProps["size"];
+}
+const Select = <T extends object>({
+  variant,
+  size,
+  label,
+  description,
+  errorMessage,
+  necessityIndicator,
+  contextualHelp,
+  children,
+  dependencies,
+  items,
+  isLoading,
+  ...props
+}: SelectProps<T>) => {
+  return (
+    <SelectRoot {...props}>
+      {({ isRequired }) => (
+        <>
+          <Field
+            label={label}
+            description={description}
+            errorMessage={errorMessage}
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+            contextualHelp={contextualHelp}
+          >
+            <Button variant={variant} size={size} suffix={<ChevronDownIcon />}>
+              <SelectValue />
+            </Button>
+          </Field>
+          <Overlay type="popover">
+            <ListBox
+              isLoading={isLoading}
+              items={items}
+              dependencies={dependencies}
+            >
+              {children}
+            </ListBox>
+          </Overlay>
+        </>
+      )}
+    </SelectRoot>
+  );
+};
+
+type SelectValueProps<T extends object> = AriaSelectValueProps<T>;
+const SelectValue = <T extends object>(props: SelectValueProps<T>) => {
+  const { selectValue } = selectStyles();
+  return (
+    <AriaSelectValue
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        selectValue({ className })
+      )}
+    />
+  );
+};
+
+interface SelectRootProps<T extends object>
+  extends Omit<AriaSelectProps<T>, "className"> {
+  className?: string;
+}
+const SelectRoot = <T extends object>({
+  className,
+  ...props
+}: SelectRootProps<T>) => {
+  const { root } = selectStyles();
+  return <AriaSelect className={root({ className })} {...props} />;
+};
+
+export type { SelectProps, SelectRootProps, SelectValueProps };
+export { Select, SelectRoot, SelectValue };
diff --git a/www/src/registry-v2/core/separator.tsx b/www/src/registry-v2/core/separator.tsx
new file mode 100644
index 000000000..1846c0ce4
--- /dev/null
+++ b/www/src/registry-v2/core/separator.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import * as React from "react";
+import {
+  Separator as AriaSeparator,
+  type SeparatorProps as AriaSeparatorProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const separatorStyles = tv({
+  base: "bg-border separator shrink-0 border-0",
+  variants: {
+    orientation: {
+      horizontal: "h-[1px] w-full",
+      vertical: "h-full w-[1px]",
+    },
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+  },
+});
+
+type SeparatorProps = AriaSeparatorProps;
+const Separator = ({ orientation, className, ...props }: SeparatorProps) => {
+  return (
+    <AriaSeparator
+      {...props}
+      className={separatorStyles({ orientation, className })}
+    />
+  );
+};
+
+export { Separator };
diff --git a/www/src/registry-v2/core/skeleton.tsx b/www/src/registry-v2/core/skeleton.tsx
new file mode 100644
index 000000000..53ff7ca2c
--- /dev/null
+++ b/www/src/registry-v2/core/skeleton.tsx
@@ -0,0 +1,23 @@
+import { cn } from "@/registry/ui/default/lib/cn";
+
+function Skeleton({
+  className,
+  show = true,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement> & {
+  show?: boolean;
+}) {
+  if (!show) return props.children;
+  return (
+    <span
+      className={cn(
+        "bg-bg-muted relative block h-6 animate-pulse rounded-md",
+        props.children && "h-auto *:invisible",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Skeleton };
diff --git a/www/src/registry-v2/core/slider.tsx b/www/src/registry-v2/core/slider.tsx
new file mode 100644
index 000000000..b6d352b3f
--- /dev/null
+++ b/www/src/registry-v2/core/slider.tsx
@@ -0,0 +1,231 @@
+"use client";
+
+import * as React from "react";
+import { useSlotId } from "@react-aria/utils";
+import {
+  composeRenderProps,
+  Slider as AriaSlider,
+  SliderOutput as AriaSliderOutput,
+  SliderThumb as AriaSliderThumb,
+  SliderTrack as AriaSliderTrack,
+  type SliderThumbProps as AriaSliderThumbProps,
+  type SliderOutputProps as AriaSliderOutputProps,
+  type SliderTrackProps as AriaSliderTrackProps,
+  type SliderProps as AriaSliderProps,
+  SliderStateContext as AriaSliderStateContext,
+  TextContext as AriaTextContext,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import {
+  Description,
+  Label,
+  type FieldProps,
+} from "@/registry/ui/default/core/field";
+import { cn } from "@/registry/ui/default/lib/cn";
+import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+
+const sliderStyles = tv({
+  slots: {
+    root: "orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
+    track: [
+      "group/track bg-bg-neutral disabled:bg-bg-disabled relative cursor-pointer rounded-full disabled:cursor-default",
+      "orientation-vertical:flex-1 orientation-vertical:w-2 orientation-horizontal:w-full orientation-horizontal:h-2 grow",
+    ],
+    filler: [
+      "bg-border-focus group-disabled/track:bg-bg-disabled rounded-full",
+      "group-orientation-horizontal/top-0 group-orientation-vertical/track:w-full group-orientation-vertical/track:bottom-0 group-orientation-horizontal/track:h-full pointer-events-none absolute",
+    ],
+    thumb: [
+      focusRing(),
+      "rounded-full bg-white shadow-md transition-[width,height]",
+      "-translate-x-1/2! -translate-y-1/2! absolute left-[50%] top-[50%] block",
+      "disabled:bg-bg-disabled disabled:border-bg disabled:border",
+    ],
+    valueLabel: "text-fg-muted text-sm",
+  },
+  variants: {
+    size: {
+      sm: {
+        thumb: "dragging:size-4 size-3",
+        track: "orientation-vertical:w-1 orientation-horizontal:h-1",
+      },
+      md: {
+        thumb: "dragging:size-5 size-4",
+        track: "orientation-vertical:w-2 orientation-horizontal:h-2",
+      },
+      lg: {
+        thumb: "dragging:size-6 size-5",
+        track: "orientation-vertical:w-3 orientation-horizontal:h-3",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+  },
+});
+
+interface SliderProps
+  extends SliderRootProps,
+    VariantProps<typeof sliderStyles> {
+  label?: FieldProps["label"];
+  description?: FieldProps["description"];
+  valueLabel?: boolean | ((value: number[]) => string);
+}
+const Slider = React.forwardRef<
+  React.ElementRef<typeof AriaSlider>,
+  SliderProps
+>(({ label, description, valueLabel = false, size, ...props }, ref) => (
+  <SliderRoot ref={ref} {...props}>
+    {(label || !!valueLabel) && (
+      <div
+        className={cn(
+          "flex items-center justify-between gap-2",
+          !label && "justify-end"
+        )}
+      >
+        {label && <Label>{label}</Label>}
+        {!!valueLabel && (
+          <SliderValueLabel>
+            {({ state }) =>
+              typeof valueLabel === "function"
+                ? valueLabel(state.values)
+                : undefined
+            }
+          </SliderValueLabel>
+        )}
+      </div>
+    )}
+    <SliderControls size={size} />
+    {description && <Description>{description}</Description>}
+  </SliderRoot>
+));
+Slider.displayName = "Slider";
+
+type SliderRootProps = AriaSliderProps;
+const SliderRoot = React.forwardRef(
+  (props: SliderRootProps, ref: React.Ref<HTMLDivElement>) => {
+    const { root } = sliderStyles();
+    const descriptionId = useSlotId();
+    return (
+      <AriaTextContext.Provider
+        value={{ slots: { description: { id: descriptionId } } }}
+      >
+        <AriaSlider
+          ref={ref}
+          aria-describedby={descriptionId}
+          {...props}
+          className={composeRenderProps(props.className, (className) =>
+            root({ className })
+          )}
+        />
+      </AriaTextContext.Provider>
+    );
+  }
+);
+SliderRoot.displayName = "SliderRoot";
+
+type SliderControlsProps = SliderTrackProps & VariantProps<typeof sliderStyles>;
+const SliderControls = (props: SliderControlsProps) => {
+  const { values } = React.useContext(AriaSliderStateContext);
+  return (
+    <SliderTrack {...props}>
+      <SliderFiller />
+      {values.map((_, i) => (
+        <SliderThumb key={i} index={i} size={props.size} />
+      ))}
+    </SliderTrack>
+  );
+};
+
+type SliderTrackProps = AriaSliderTrackProps &
+  VariantProps<typeof sliderStyles>;
+const SliderTrack = ({ size, ...props }: SliderTrackProps) => {
+  const { track } = sliderStyles({ size });
+  return (
+    <AriaSliderTrack
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        track({ className })
+      )}
+    />
+  );
+};
+
+type SliderFillerProps = React.HTMLAttributes<HTMLDivElement>;
+const SliderFiller = (props: SliderFillerProps) => {
+  const { filler } = sliderStyles();
+  const { orientation, getThumbPercent, values } = React.useContext(
+    AriaSliderStateContext
+  );
+  return (
+    <div
+      {...props}
+      style={
+        values.length === 1
+          ? orientation === "horizontal"
+            ? {
+                width: `${getThumbPercent(0) * 100}%`,
+              }
+            : { height: `${getThumbPercent(0) * 100}%` }
+          : orientation === "horizontal"
+            ? {
+                left: `${getThumbPercent(0) * 100}%`,
+                width: `${
+                  Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100
+                }%`,
+              }
+            : {
+                bottom: `${getThumbPercent(0) * 100}%`,
+                height: `${
+                  Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100
+                }%`,
+              }
+      }
+      className={filler({ className: props.className })}
+    />
+  );
+};
+
+type SliderThumbProps = AriaSliderThumbProps &
+  VariantProps<typeof sliderStyles>;
+const SliderThumb = ({ size, ...props }: SliderThumbProps) => {
+  const { thumb } = sliderStyles({ size });
+  return (
+    <AriaSliderThumb
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        thumb({ className })
+      )}
+    />
+  );
+};
+
+type SliderValueLabelProps = AriaSliderOutputProps;
+const SliderValueLabel = (props: SliderValueLabelProps) => {
+  const { valueLabel } = sliderStyles();
+  return (
+    <AriaSliderOutput
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        valueLabel({ className })
+      )}
+    >
+      {composeRenderProps(
+        props.children,
+        (children, { state }) =>
+          children ??
+          state.values.map((_, i) => state.getThumbValueLabel(i)).join(" - ")
+      )}
+    </AriaSliderOutput>
+  );
+};
+
+export {
+  Slider,
+  SliderRoot,
+  SliderControls,
+  SliderTrack,
+  SliderFiller,
+  SliderThumb,
+  SliderValueLabel,
+};
diff --git a/www/src/registry-v2/core/switch.tsx b/www/src/registry-v2/core/switch.tsx
new file mode 100644
index 000000000..71dffea00
--- /dev/null
+++ b/www/src/registry-v2/core/switch.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import * as React from "react";
+import {
+  Switch as AriaSwitch,
+  composeRenderProps,
+  type SwitchProps as AriaSwitchProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRingGroup } from "@/registry/ui/default/lib/focus-styles";
+
+const switchStyles = tv({
+  slots: {
+    root: "disabled:text-fg-disabled group flex items-center justify-start gap-3",
+    wrapper: [
+      focusRingGroup(),
+      "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
+      "group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent",
+    ],
+    indicator:
+      "group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200",
+    label: "",
+  },
+  variants: {
+    size: {
+      sm: {
+        wrapper: "h-5 w-9",
+        indicator:
+          "group-pressed:w-5 group-selected:ml-4 group-selected:group-pressed:ml-3 size-4",
+      },
+      md: {
+        wrapper: "h-6 w-11",
+        indicator:
+          "group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5",
+      },
+      lg: {
+        wrapper: "h-7 w-12",
+        indicator:
+          "group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+  },
+});
+
+interface SwitchProps
+  extends Omit<AriaSwitchProps, "className">,
+    VariantProps<typeof switchStyles> {
+  className?: string;
+}
+
+const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(
+  ({ className, size, ...props }, ref) => {
+    const { root, wrapper, indicator, label } = switchStyles({ size });
+
+    return (
+      <AriaSwitch className={root({ className })} {...props} ref={ref}>
+        {composeRenderProps(props.children, (children) => (
+          <>
+            <span className={wrapper({})}>
+              <span className={indicator({})} style={{ contain: "layout" }} />
+            </span>
+            {children && <span className={label({})}>{children}</span>}
+          </>
+        ))}
+      </AriaSwitch>
+    );
+  }
+);
+
+Switch.displayName = "Switch";
+
+export { Switch };
diff --git a/www/src/registry-v2/core/table.tsx b/www/src/registry-v2/core/table.tsx
new file mode 100644
index 000000000..6d3337117
--- /dev/null
+++ b/www/src/registry-v2/core/table.tsx
@@ -0,0 +1,116 @@
+import * as React from "react";
+import { cn } from "@/registry/ui/default/lib/cn";
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+));
+Table.displayName = "Table";
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+));
+TableHeader.displayName = "TableHeader";
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+));
+TableBody.displayName = "TableBody";
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "bg-bg-muted/50 border-t font-medium last:[&>tr]:border-b-0",
+      className
+    )}
+    {...props}
+  />
+));
+TableFooter.displayName = "TableFooter";
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "data-[state=selected]:bg-bg-muted hover:bg-bg-muted/50 border-b transition-colors",
+      className
+    )}
+    {...props}
+  />
+));
+TableRow.displayName = "TableRow";
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "text-fg-muted h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
+      className
+    )}
+    {...props}
+  />
+));
+TableHead.displayName = "TableHead";
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    {...props}
+  />
+));
+TableCell.displayName = "TableCell";
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("text-fg-muted mt-4 text-sm", className)}
+    {...props}
+  />
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};
diff --git a/www/src/registry-v2/core/tabs.tsx b/www/src/registry-v2/core/tabs.tsx
new file mode 100644
index 000000000..73121e065
--- /dev/null
+++ b/www/src/registry-v2/core/tabs.tsx
@@ -0,0 +1,93 @@
+"use client";
+
+import * as React from "react";
+import {
+  Tabs as AriaTabs,
+  TabList as AriaTabList,
+  Tab as AriaTab,
+  TabPanel as AriaTabPanel,
+  type TabsProps as AriaTabsProps,
+  type TabListProps as AriaTabListProps,
+  type TabProps as AriaTabProps,
+  type TabPanelProps as AriaTabPanelProps,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+
+const tabsStyles = tv({
+  slots: {
+    root: "orientation-vertical:flex-row flex flex-col",
+    list: "orientation-horizontal:overflow-x-auto orientation-horizontal:whitespace-nowrap orientation-horizontal:items-center orientation-horizontal:border-b orientation-vertical:flex-col orientation-vertical:border-r orientation-horizontal:[&_[role=tab]]:border-b-[3px] orientation-vertical:[&_[role=tab]]:border-r-[3px] flex",
+    tab: [
+      "text-fg-muted selected:border-border-focus selected:text-fg disabled:text-fg-disabled disabled:selected:border-border-disabled outline-hidden -mb-px cursor-pointer border-transparent px-2 py-2 text-center text-sm font-medium transition-colors disabled:cursor-default",
+      "focus-visible:[&>span]:border-border-focus [&>span]:rounded-md [&>span]:border-2 [&>span]:border-transparent [&>span]:px-1.5 [&>span]:py-1",
+    ],
+    panel: [focusRing(), "rounded"],
+  },
+});
+
+interface TabsProps extends Omit<AriaTabsProps, "className"> {
+  className?: string;
+}
+const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(
+  ({ className, ...props }, ref) => {
+    const { root } = tabsStyles();
+    return <AriaTabs ref={ref} className={root({ className })} {...props} />;
+  }
+);
+Tabs.displayName = "Tabs";
+
+interface TabListProps<T> extends Omit<AriaTabListProps<T>, "className"> {
+  className?: string;
+}
+const TabList = React.forwardRef<HTMLDivElement, TabListProps<any>>(
+  <T extends object>(
+    { className, ...props }: TabListProps<T>,
+    ref: React.Ref<HTMLDivElement>
+  ) => {
+    const { list } = tabsStyles();
+    return (
+      <AriaTabList
+        ref={ref}
+        {...props}
+        className={list({ className })}
+        style={{ scrollbarWidth: "none" }}
+      />
+    );
+  }
+);
+TabList.displayName = "TabList";
+
+interface TabProps extends Omit<AriaTabProps, "className"> {
+  className?: string;
+}
+const Tab = React.forwardRef<HTMLDivElement, TabProps>(
+  ({ className, ...props }, ref) => {
+    const { tab } = tabsStyles();
+    return (
+      <AriaTab ref={ref} className={tab({ className })} {...props}>
+        {composeRenderProps(props.children, (children) => (
+          <span>{children}</span>
+        ))}
+      </AriaTab>
+    );
+  }
+);
+Tab.displayName = "Tab";
+
+interface TabPanelProps extends Omit<AriaTabPanelProps, "className"> {
+  className?: string;
+}
+const TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(
+  ({ className, ...props }, ref) => {
+    const { panel } = tabsStyles();
+    return (
+      <AriaTabPanel ref={ref} className={panel({ className })} {...props} />
+    );
+  }
+);
+TabPanel.displayName = "TabPanel";
+
+export type { TabsProps, TabListProps, TabProps, TabPanelProps };
+export { Tabs, TabList, Tab, TabPanel };
diff --git a/www/src/registry-v2/core/tag-group.tsx b/www/src/registry-v2/core/tag-group.tsx
new file mode 100644
index 000000000..67f9e519e
--- /dev/null
+++ b/www/src/registry-v2/core/tag-group.tsx
@@ -0,0 +1,172 @@
+"use client";
+
+import React from "react";
+import {
+  composeRenderProps,
+  TagGroup as AriaTagGroup,
+  TagList as AriaTagList,
+  Tag as AriaTag,
+  type TagGroupProps as AriaTagGroupProps,
+  type TagListProps as AriaTagListProps,
+  type TagProps as AriaTagProps,
+} from "react-aria-components";
+import { tv, VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/ui/default/core/button";
+import { Field } from "@/registry/ui/default/core/field";
+import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+
+const tagGroupStyles = tv({
+  slots: {
+    root: "flex w-48 flex-col items-start gap-2",
+    list: "flex w-full flex-wrap gap-1",
+  },
+});
+
+const { root, list } = tagGroupStyles();
+
+const tagStyles = tv({
+  extend: focusRing,
+  base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+  variants: {
+    variant: {
+      default:
+        "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral selected:bg-bg-primary selected:text-fg-onPrimary",
+      quiet:
+        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary bg-transparent",
+      outline:
+        "border-border-field bg-bg-inverse/5 hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary border",
+      accent:
+        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent",
+    },
+    size: {
+      sm: "size-8 [&_svg]:size-4",
+      md: "size-9 [&_svg]:size-4",
+      lg: "size-10 [&_svg]:size-5",
+    },
+    shape: {
+      rectangle: "",
+      square: "",
+      circle: "rounded-full",
+    },
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      shape: "rectangle",
+      className: "w-auto px-3",
+    },
+    {
+      size: "md",
+      shape: "rectangle",
+      className: "w-auto px-4",
+    },
+    {
+      size: "lg",
+      shape: "rectangle",
+      className: "w-auto px-5",
+    },
+  ],
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    shape: "rectangle",
+  },
+});
+
+interface TagGroupProps<T>
+  extends Omit<TagGroupRootProps, "children">,
+    Pick<AriaTagListProps<T>, "items" | "children" | "renderEmptyState"> {
+  label?: string;
+  description?: string;
+  errorMessage?: string;
+  contextualHelp?: React.ReactNode;
+}
+
+function TagGroup<T extends object>({
+  label,
+  description,
+  errorMessage,
+  items,
+  children,
+  renderEmptyState,
+  contextualHelp,
+  ...props
+}: TagGroupProps<T>) {
+  return (
+    <TagGroupRoot {...props}>
+      <Field
+        label={label}
+        description={description}
+        errorMessage={errorMessage}
+        contextualHelp={contextualHelp}
+      >
+        <TagList items={items} renderEmptyState={renderEmptyState}>
+          {children}
+        </TagList>
+      </Field>
+    </TagGroupRoot>
+  );
+}
+
+interface TagGroupRootProps
+  extends AriaTagGroupProps,
+    VariantProps<typeof tagStyles> {}
+function TagGroupRoot({
+  className,
+  variant,
+  size,
+  shape,
+  ...props
+}: TagGroupRootProps) {
+  return (
+    <TagGroupContext.Provider value={{ variant, size, shape }}>
+      <AriaTagGroup {...props} className={root({ className })} />
+    </TagGroupContext.Provider>
+  );
+}
+
+interface TagListProps<T> extends AriaTagListProps<T> {}
+function TagList<T extends object>(props: TagListProps<T>) {
+  return (
+    <AriaTagList
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        list({ className })
+      )}
+    />
+  );
+}
+
+interface TagProps extends AriaTagProps, VariantProps<typeof tagStyles> {}
+function Tag(localProps: TagProps) {
+  const contextProps = useTagGroupContext();
+  const props = { ...contextProps, ...localProps };
+  const { variant, size, shape, className, ...restProps } = props;
+  const textValue =
+    typeof props.children === "string" ? props.children : undefined;
+  return (
+    <AriaTag
+      textValue={textValue}
+      className={composeRenderProps(className, (className) =>
+        tagStyles({ variant, size, shape, className })
+      )}
+      {...restProps}
+    >
+      {({ allowsRemoving }) => (
+        <>
+          {props.children}
+          {allowsRemoving && <Button slot="remove">ⓧ</Button>}
+        </>
+      )}
+    </AriaTag>
+  );
+}
+
+type TagGroupContextValue = VariantProps<typeof tagGroupStyles>;
+const TagGroupContext = React.createContext<TagGroupContextValue>({});
+const useTagGroupContext = () => {
+  return React.useContext(TagGroupContext);
+};
+
+export { TagGroup, Tag };
+export type { TagGroupProps, TagProps };
diff --git a/www/src/registry-v2/core/text-area.tsx b/www/src/registry-v2/core/text-area.tsx
new file mode 100644
index 000000000..cc2bed4a9
--- /dev/null
+++ b/www/src/registry-v2/core/text-area.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import * as React from "react";
+import { type VariantProps } from "tailwind-variants";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import {
+  InputRoot,
+  TextAreaInput,
+  type inputStyles,
+} from "@/registry/ui/default/core/input";
+import {
+  TextFieldRoot,
+  type TextFieldRootProps,
+} from "@/registry/ui/default/core/text-field";
+
+type TextAreaProps = TextFieldRootProps &
+  Omit<FieldProps, "children"> &
+  Omit<VariantProps<typeof inputStyles>, "size"> & {
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    isLoading?: boolean;
+    loaderPosition?: "prefix" | "suffix";
+    placeholder?: string;
+  };
+const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
+  (
+    {
+      className,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      prefix,
+      suffix,
+      isLoading,
+      loaderPosition = "suffix",
+      isRequired,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    return (
+      <TextFieldRoot className={className} {...props}>
+        <Field
+          label={label}
+          description={description}
+          errorMessage={errorMessage}
+          isRequired={isRequired}
+          necessityIndicator={necessityIndicator}
+          contextualHelp={contextualHelp}
+        >
+          <InputRoot
+            prefix={prefix}
+            suffix={suffix}
+            isLoading={isLoading}
+            loaderPosition={loaderPosition}
+            multiline
+          >
+            <TextAreaInput ref={ref} placeholder={placeholder} />
+          </InputRoot>
+        </Field>
+      </TextFieldRoot>
+    );
+  }
+);
+TextArea.displayName = "TextArea";
+
+export type { TextAreaProps };
+export { TextArea };
diff --git a/www/src/registry-v2/core/text-field.tsx b/www/src/registry-v2/core/text-field.tsx
new file mode 100644
index 000000000..e1f6961b9
--- /dev/null
+++ b/www/src/registry-v2/core/text-field.tsx
@@ -0,0 +1,94 @@
+"use client";
+
+import * as React from "react";
+import {
+  TextField as AriaTextField,
+  type TextFieldProps as AriaTextFieldProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import {
+  InputRoot,
+  Input,
+  type inputStyles,
+} from "@/registry/ui/default/core/input";
+
+const textFieldStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
+type TextFieldProps = TextFieldRootProps &
+  Omit<FieldProps, "children"> &
+  VariantProps<typeof inputStyles> & {
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    isLoading?: boolean;
+    loaderPosition?: "prefix" | "suffix";
+    placeholder?: string;
+  };
+const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
+  (
+    {
+      className,
+      size,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      prefix,
+      suffix,
+      isLoading,
+      loaderPosition = "suffix",
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    return (
+      <TextFieldRoot className={className} {...props}>
+        {({ isRequired }) => (
+          <Field
+            label={label}
+            description={description}
+            errorMessage={errorMessage}
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+            contextualHelp={contextualHelp}
+          >
+            <InputRoot
+              size={size}
+              prefix={prefix}
+              suffix={suffix}
+              isLoading={isLoading}
+              loaderPosition={loaderPosition}
+            >
+              <Input ref={ref} placeholder={placeholder} />
+            </InputRoot>
+          </Field>
+        )}
+      </TextFieldRoot>
+    );
+  }
+);
+TextField.displayName = "TextField";
+
+type TextFieldRootProps = Omit<AriaTextFieldProps, "className"> & {
+  className?: string;
+};
+const TextFieldRoot = React.forwardRef<
+  React.ElementRef<typeof AriaTextField>,
+  TextFieldRootProps
+>(({ className, ...props }, ref) => {
+  return (
+    <AriaTextField
+      ref={ref}
+      className={textFieldStyles({ className })}
+      {...props}
+    />
+  );
+});
+TextFieldRoot.displayName = "TextFieldRoot";
+
+export type { TextFieldProps, TextFieldRootProps };
+export { TextField, TextFieldRoot };
diff --git a/www/src/registry-v2/core/text.tsx b/www/src/registry-v2/core/text.tsx
new file mode 100644
index 000000000..fb8e75df8
--- /dev/null
+++ b/www/src/registry-v2/core/text.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+import {
+  Text as AriaText,
+  type TextProps as AriaTextProps,
+} from "react-aria-components";
+import { type VariantProps, tv } from "tailwind-variants";
+
+const textStyles = tv({
+  base: "text-sm",
+  variants: {
+    slot: {
+      label: "font-bold",
+      description: "text-fg-muted",
+      errorMessage: "text-fg-danger",
+    },
+  },
+});
+
+interface TextProps
+  extends Omit<AriaTextProps, "slot">,
+    VariantProps<typeof textStyles> {}
+const Text = ({ slot, className, ...props }: TextProps) => {
+  return (
+    <AriaText
+      slot={slot}
+      className={textStyles({ slot, className })}
+      {...props}
+    />
+  );
+};
+
+export type { textStyles };
+export { Text };
diff --git a/www/src/registry-v2/core/time-field.tsx b/www/src/registry-v2/core/time-field.tsx
new file mode 100644
index 000000000..de8e417e3
--- /dev/null
+++ b/www/src/registry-v2/core/time-field.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import * as React from "react";
+import {
+  TimeField as AriaTimeField,
+  type TimeFieldProps as AriaTimeFieldProps,
+  type TimeValue,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
+import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import { InputRoot, type inputStyles } from "@/registry/ui/default/core/input";
+
+const timeFieldStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+  },
+});
+
+interface TimeFieldProps<T extends TimeValue>
+  extends TimeFieldRootProps<T>,
+    Omit<FieldProps, "children">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  isLoading?: boolean;
+  loaderPosition?: "prefix" | "suffix";
+}
+
+const TimeField = <T extends TimeValue>({
+  className,
+  size,
+  label,
+  description,
+  errorMessage,
+  prefix,
+  suffix,
+  isLoading,
+  loaderPosition = "suffix",
+  isRequired,
+  isDisabled,
+  necessityIndicator,
+  contextualHelp,
+  ...props
+}: TimeFieldProps<T>) => {
+  return (
+    <TimeFieldRoot
+      className={className}
+      isRequired={isRequired}
+      isDisabled={isLoading || isDisabled}
+      {...props}
+    >
+      <Field
+        label={label}
+        description={description}
+        errorMessage={errorMessage}
+        isRequired={isRequired}
+        necessityIndicator={necessityIndicator}
+        contextualHelp={contextualHelp}
+      >
+        <InputRoot
+          size={size}
+          prefix={prefix}
+          suffix={suffix}
+          isLoading={isLoading}
+          loaderPosition={loaderPosition}
+        >
+          <DateInput>
+            {(segment) => <DateSegment segment={segment} />}
+          </DateInput>
+        </InputRoot>
+      </Field>
+    </TimeFieldRoot>
+  );
+};
+
+interface TimeFieldRootProps<T extends TimeValue>
+  extends Omit<AriaTimeFieldProps<T>, "className"> {
+  className?: string;
+}
+const TimeFieldRoot = <T extends TimeValue>({
+  className,
+  ...props
+}: TimeFieldRootProps<T>) => {
+  const { root } = timeFieldStyles();
+  return <AriaTimeField className={root({ className })} {...props} />;
+};
+
+export type { TimeFieldProps, TimeFieldRootProps };
+export { TimeField, TimeFieldRoot };
diff --git a/www/src/registry-v2/core/toggle-button.tsx b/www/src/registry-v2/core/toggle-button.tsx
new file mode 100644
index 000000000..a50b5a34c
--- /dev/null
+++ b/www/src/registry-v2/core/toggle-button.tsx
@@ -0,0 +1,111 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  ToggleButton as AriaToggleButton,
+  type ToggleButtonProps as AriaToggleButtonProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+
+const toggleButtonStyles = tv({
+  extend: focusRing,
+  base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+  variants: {
+    variant: {
+      quiet:
+        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active bg-transparent",
+      outline:
+        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active border bg-transparent",
+      accent:
+        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent",
+    },
+    size: {
+      sm: "size-8 [&_svg]:size-4",
+      md: "size-9 [&_svg]:size-4",
+      lg: "size-10 [&_svg]:size-5",
+    },
+    shape: {
+      rectangle: "",
+      square: "",
+      circle: "rounded-full",
+    },
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      shape: "rectangle",
+      className: "w-auto px-3",
+    },
+    {
+      size: "md",
+      shape: "rectangle",
+      className: "w-auto px-4",
+    },
+    {
+      size: "lg",
+      shape: "rectangle",
+      className: "w-auto px-5",
+    },
+  ],
+  defaultVariants: {
+    variant: "quiet",
+    size: "md",
+    shape: "square",
+  },
+});
+
+interface ToggleButtonProps
+  extends Omit<AriaToggleButtonProps, "className">,
+    VariantProps<typeof toggleButtonStyles> {
+  className?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+
+const ToggleButton = React.forwardRef(
+  (
+    localProps: ToggleButtonProps,
+    ref: React.ForwardedRef<HTMLButtonElement>
+  ) => {
+    const contextProps = useToggleButtonContext();
+    const props = { ...contextProps, ...localProps };
+    const { className, variant, size, shape, prefix, suffix, ...restProps } =
+      props;
+    return (
+      <AriaToggleButton
+        ref={ref}
+        {...restProps}
+        className={toggleButtonStyles({
+          variant,
+          size,
+          shape,
+          className,
+        })}
+      >
+        {composeRenderProps(props.children, (children) => (
+          <>
+            {prefix}
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
+            {suffix}
+          </>
+        ))}
+      </AriaToggleButton>
+    );
+  }
+);
+ToggleButton.displayName = "ToggleButton";
+
+type ToggleButtonContextValue = VariantProps<typeof toggleButtonStyles>;
+const ToggleButtonContext = React.createContext<ToggleButtonContextValue>({});
+const useToggleButtonContext = () => {
+  return React.useContext(ToggleButtonContext);
+};
+
+export type { ToggleButtonProps };
+export { ToggleButton, toggleButtonStyles, ToggleButtonContext };
diff --git a/www/src/registry-v2/core/toggle-group.tsx b/www/src/registry-v2/core/toggle-group.tsx
new file mode 100644
index 000000000..1efd58bcb
--- /dev/null
+++ b/www/src/registry-v2/core/toggle-group.tsx
@@ -0,0 +1,273 @@
+"use client";
+
+// This compnoent is not ready for production use. It is a work in progress.
+import * as React from "react";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { useToolbar, type AriaToolbarProps } from "@react-aria/toolbar";
+import {
+  useToggleButton,
+  type AriaToggleButtonProps,
+  useHover,
+  useFocusRing,
+  mergeProps,
+} from "react-aria";
+import { useToggleState } from "react-stately";
+import { tv, type VariantProps } from "tailwind-variants";
+import { toggleButtonStyles } from "@/registry/ui/default/core/toggle-button";
+
+const toggleGroupVariants = tv({
+  base: "flex items-center gap-1",
+  variants: {
+    orientation: {
+      horizontal: "flex-row",
+      vertical: "flex-col",
+    },
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+  },
+});
+
+export interface ToggleGroupButtonProps
+  extends Omit<AriaToggleButtonProps, "type">,
+    VariantProps<typeof toggleButtonStyles> {
+  value: string;
+  className?: string;
+}
+
+const ToggleGroupButton = ({
+  variant,
+  size,
+  shape,
+  value,
+  className,
+  ...props
+}: ToggleGroupButtonProps) => {
+  const ref = React.useRef<HTMLButtonElement | null>(null);
+  const context = useToggleGroup();
+  const additionalProps =
+    context && value
+      ? {
+          isSelected: context.value.includes(value),
+          onChange: (isSelected: boolean) => {
+            if (isSelected) {
+              context.onItemActivate(value);
+            } else {
+              context.onItemDeactivate(value);
+            }
+          },
+          isDisabled: context.isDisabled || props.isDisabled || false,
+        }
+      : {};
+  const state = useToggleState({ ...props, ...additionalProps });
+  const { focusProps, isFocused, isFocusVisible } = useFocusRing(props);
+  const { hoverProps, isHovered } = useHover(props);
+  const { buttonProps, isPressed } = useToggleButton(
+    { ...props, ...additionalProps },
+    state,
+    ref
+  );
+
+  const singleProps = {
+    role: "radio",
+    "aria-checked": state.isSelected,
+    "aria-pressed": undefined,
+  };
+  const typeProps = !context.multiple ? singleProps : undefined;
+
+  return (
+    <button
+      ref={ref}
+      {...typeProps}
+      data-focused={isFocused ? "true" : undefined}
+      data-disabled={props.isDisabled ? "true" : undefined}
+      data-pressed={isPressed ? "true" : undefined}
+      data-selected={state.isSelected ? "true" : undefined}
+      data-hovered={isHovered ? "true" : undefined}
+      data-focus-visible={isFocusVisible ? "true" : undefined}
+      className={toggleButtonStyles({
+        variant: variant ?? context?.variant,
+        size: size ?? context?.size,
+        shape: shape ?? context?.shape,
+        className: className,
+      })}
+      {...mergeProps(buttonProps, focusProps, hoverProps)}
+    >
+      {props.children}
+    </button>
+  );
+};
+
+type ToggleGroupProps =
+  | (ToggleGroupSingleProps & { multiple?: false })
+  | (ToggleGroupMultipleProps & { multiple: true });
+
+const ToggleGroup = (props: ToggleGroupProps) => {
+  const {
+    multiple = false,
+    orientation = "horizontal",
+    ...toggleGroupProps
+  } = props;
+
+  if (multiple) {
+    const multipleProps = toggleGroupProps as ToggleGroupMultipleProps;
+    return <ToggleGroupMultiple orientation={orientation} {...multipleProps} />;
+  }
+
+  const singleProps = toggleGroupProps as ToggleGroupSingleProps;
+  return <ToggleGroupSingle orientation={orientation} {...singleProps} />;
+};
+
+interface ToggleGroupSingleProps
+  extends AriaToolbarProps,
+    VariantProps<typeof toggleButtonStyles>,
+    VariantProps<typeof toggleGroupVariants> {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  isDisabled?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+const ToggleGroupSingle = (props: ToggleGroupSingleProps) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {
+      // do nothing
+    },
+    isDisabled,
+    orientation = "horizontal",
+    variant,
+    size,
+    shape,
+    className,
+  } = props;
+  const ref = React.useRef(null);
+  const { toolbarProps } = useToolbar(props, ref);
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange,
+  });
+
+  return (
+    <ToggleGroupContext.Provider
+      value={{
+        multiple: false,
+        value: value ? [value] : [],
+        onItemActivate: setValue,
+        onItemDeactivate: React.useCallback(() => setValue(""), [setValue]),
+        variant,
+        size,
+        shape,
+        isDisabled,
+      }}
+    >
+      <div
+        {...toolbarProps}
+        ref={ref}
+        role="group"
+        className={toggleGroupVariants({
+          orientation,
+          className,
+        })}
+      >
+        {props.children}
+      </div>
+    </ToggleGroupContext.Provider>
+  );
+};
+
+interface ToggleGroupMultipleProps
+  extends AriaToolbarProps,
+    VariantProps<typeof toggleGroupVariants>,
+    VariantProps<typeof toggleButtonStyles> {
+  value?: string[];
+  defaultValue?: string[];
+  onValueChange?: (value: string[]) => void;
+  isDisabled?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+const ToggleGroupMultiple = (props: ToggleGroupMultipleProps) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {
+      // do nothing
+    },
+    variant,
+    size,
+    shape,
+    orientation,
+    className,
+  } = props;
+  const ref = React.useRef(null);
+  const { toolbarProps } = useToolbar(props, ref);
+
+  const [value = [], setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange,
+  });
+
+  return (
+    <ToggleGroupContext.Provider
+      value={{
+        multiple: true,
+        value: value,
+        onItemActivate: React.useCallback(
+          (itemValue: string) =>
+            setValue((prevValue = []) => [...prevValue, itemValue]),
+          [setValue]
+        ),
+        onItemDeactivate: React.useCallback(
+          (itemValue: string) =>
+            setValue((prevValue = []) =>
+              prevValue.filter((value) => value !== itemValue)
+            ),
+          [setValue]
+        ),
+        variant,
+        size,
+        shape,
+      }}
+    >
+      <div
+        {...toolbarProps}
+        ref={ref}
+        role="group"
+        className={toggleGroupVariants({
+          orientation,
+          className,
+        })}
+      >
+        {props.children}
+      </div>
+    </ToggleGroupContext.Provider>
+  );
+};
+
+type ToggleGroupValueContextValue = {
+  multiple: boolean;
+  value: string[];
+  onItemActivate(value: string): void;
+  onItemDeactivate(value: string): void;
+  isDisabled?: boolean;
+} & VariantProps<typeof toggleButtonStyles>;
+
+const ToggleGroupContext =
+  React.createContext<ToggleGroupValueContextValue | null>(null);
+
+const useToggleGroup = () => {
+  const context = React.useContext(ToggleGroupContext);
+  if (!context) {
+    throw new Error("ToggleGroupButton should be used within a ToggleGroup");
+  }
+  return context;
+};
+
+export { ToggleGroup, ToggleGroupButton, toggleGroupVariants };
diff --git a/www/src/registry-v2/core/tooltip.tsx b/www/src/registry-v2/core/tooltip.tsx
new file mode 100644
index 000000000..7c5c00edc
--- /dev/null
+++ b/www/src/registry-v2/core/tooltip.tsx
@@ -0,0 +1,102 @@
+"use client";
+
+import * as React from "react";
+import {
+  Tooltip as AriaTooltip,
+  TooltipTrigger as AriaTooltipTrigger,
+  OverlayArrow as AriaOverlayArrow,
+  type TooltipProps as AriaTooltipProps,
+  type TooltipTriggerComponentProps as AriaTooltipTriggerProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+
+const tooltipVariants = tv({
+  base: "group/tooltip bg-bg-muted text-fg entering:animate-in entering:fade-in entering:ease-out entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:ease-in exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 z-50 overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md will-change-transform",
+});
+
+interface TooltipProps
+  extends TooltipRootProps,
+    Omit<TooltipContentProps, "children">,
+    VariantProps<typeof tooltipVariants> {
+  content?: React.ReactNode;
+  arrow?: boolean;
+}
+const Tooltip = ({
+  delay,
+  closeDelay,
+  trigger,
+  defaultOpen,
+  isOpen,
+  onOpenChange,
+  isDisabled,
+  content,
+  arrow = true,
+  children,
+  ...props
+}: TooltipProps) => {
+  return (
+    <TooltipRoot
+      delay={delay}
+      closeDelay={closeDelay}
+      trigger={trigger}
+      defaultOpen={defaultOpen}
+      onOpenChange={onOpenChange}
+      isOpen={isOpen}
+      isDisabled={isDisabled}
+    >
+      {children}
+      <TooltipContent {...props}>
+        {arrow && <OverlayArrow />}
+        {content}
+      </TooltipContent>
+    </TooltipRoot>
+  );
+};
+
+type TooltipRootProps = AriaTooltipTriggerProps;
+const TooltipRoot = ({
+  delay = 700,
+  closeDelay = 0,
+  ...props
+}: TooltipRootProps) => (
+  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />
+);
+
+interface TooltipContentProps
+  extends Omit<AriaTooltipProps, "className">,
+    VariantProps<typeof tooltipVariants> {
+  className?: string;
+}
+const TooltipContent = ({
+  className,
+  offset = 10,
+  ...props
+}: TooltipContentProps) => {
+  return (
+    <AriaTooltip
+      offset={offset}
+      className={tooltipVariants({ className })}
+      {...props}
+    />
+  );
+};
+
+type OverlayArrowProps = Partial<React.SVGProps<SVGSVGElement>>;
+const OverlayArrow = (props: OverlayArrowProps) => {
+  return (
+    <AriaOverlayArrow>
+      <svg
+        width={8}
+        height={8}
+        viewBox="0 0 8 8"
+        className="fill-bg-tooltip stroke-border group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180 z-50"
+        {...props}
+      >
+        <path d="M0 0 L6 6 L12 0" />
+      </svg>
+    </AriaOverlayArrow>
+  );
+};
+
+export { Tooltip, TooltipRoot, TooltipContent, OverlayArrow };
+export type { TooltipProps, TooltipRootProps, TooltipContentProps };
diff --git a/www/src/registry-v2/core/use-motion-drawer.tsx b/www/src/registry-v2/core/use-motion-drawer.tsx
new file mode 100644
index 000000000..41b284783
--- /dev/null
+++ b/www/src/registry-v2/core/use-motion-drawer.tsx
@@ -0,0 +1,688 @@
+/* eslint-disable */
+
+/* This hook is in progress */
+import React from "react";
+import { OverlayTriggerStateContext } from "react-aria-components";
+
+interface useMotionDrawerProps {
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  scaleBackground?: boolean;
+  closeThreshold?: number;
+  scrollLockTimeout?: number;
+  isDismissable?: boolean;
+  placement?: "top" | "bottom" | "left" | "right";
+}
+
+type AnimationState = "unmounted" | "hidden" | "visible";
+
+export const useMotionDrawer = (props: useMotionDrawerProps) => {
+  const {
+    scaleBackground = true,
+    closeThreshold = CLOSE_THRESHOLD,
+    scrollLockTimeout = SCROLL_LOCK_TIMEOUT,
+    isDismissable = true,
+    placement = "bottom",
+  } = props;
+  const contextState = React.useContext(OverlayTriggerStateContext);
+  const context = React.useContext(DrawerInternalContext);
+  const state = contextState;
+  const [animation, setAnimation] = React.useState<AnimationState>("unmounted");
+  const isEntering = animation === "visible";
+  const isExiting = animation === "hidden";
+  const nested = !!context;
+
+  const drawerRef = React.useRef<HTMLDivElement>(null);
+  const backdropRef = React.useRef<HTMLDivElement>(null);
+  const dragStartTime = React.useRef<Date | null>(null);
+  const dragEndTime = React.useRef<Date | null>(null);
+
+  const [isDragging, setDragging] = React.useState(false);
+  const drawerHeightRef = React.useRef(
+    drawerRef.current?.getBoundingClientRect().height || 0
+  );
+  const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);
+  const pointerStart = React.useRef(0);
+  const keyboardIsOpen = React.useRef(false);
+  const initialDrawerHeight = React.useRef(0);
+  const previousDiffFromInitial = React.useRef(0);
+
+  function shouldDrag(el: EventTarget) {
+    // TODO: add more conditions (scrollLockTimeout / when animating / placement right and left / swipe amout? / scrollable element / ...)
+    const selectedText = window.getSelection()?.toString();
+    if (selectedText && selectedText.length > 0) return false;
+    if (!isVertical(placement)) return true;
+    // TODO: Disallow drag when entering or exiting
+    const swipeAmount = drawerRef.current
+      ? getTranslate(drawerRef.current, placement)
+      : null;
+    if (
+      swipeAmount !== null &&
+      (placement === "bottom" ? swipeAmount > 0 : swipeAmount < 0)
+    )
+      return true;
+    // TODO: SCROLLLOCKTIMEOUT
+    // TODO: DRAG IN placement
+    let element = el as HTMLElement;
+    while (element) {
+      if (element.scrollHeight > element.clientHeight) {
+        if (element.scrollTop !== 0) {
+          return false;
+        }
+        if (element.getAttribute("role") === "dialog") {
+          return true;
+        }
+      }
+      element = element.parentNode as HTMLElement;
+    }
+    return true;
+  }
+
+  function resetDrawer() {
+    if (!drawerRef.current) return;
+    const wrapper = document.querySelector("[drawer-wrapper]");
+    const currentSwipeAmount = getTranslate(drawerRef.current, placement);
+    set(drawerRef.current, {
+      transform: "translate3d(0, 0, 0)",
+      transition: `transform ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+    set(backdropRef.current, {
+      transition: `opacity ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+      opacity: "1",
+    });
+    // TODO: put this in a function (resetBody)
+    if (
+      scaleBackground &&
+      currentSwipeAmount &&
+      currentSwipeAmount > 0 &&
+      state.isOpen &&
+      !nested
+    ) {
+      set(
+        wrapper,
+        {
+          borderRadius: `${BORDER_RADIUS}px`,
+          ...(isVertical(placement)
+            ? {
+                transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
+                transformOrigin: "top",
+              }
+            : {
+                transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
+                transformOrigin: "left",
+              }),
+          transitionProperty: "transform, border-radius",
+          transitionDuration: `${TRANSITIONS.DURATION}s`,
+          transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(
+            ","
+          )})`,
+        },
+        true
+      );
+    }
+  }
+
+  function onPress(event: React.PointerEvent<HTMLDivElement>) {
+    if (drawerRef.current && !drawerRef.current.contains(event.target as Node))
+      return;
+    drawerHeightRef.current =
+      drawerRef.current?.getBoundingClientRect().height || 0;
+    setDragging(true);
+    dragStartTime.current = new Date();
+    // if (isIOS()) {
+    //   window.addEventListener('touchend', () => (isAllowedToDrag.current = false), { once: true });
+    // }
+    (event.target as HTMLElement).setPointerCapture(event.pointerId);
+    pointerStart.current = isVertical(placement)
+      ? event.clientY
+      : event.clientX;
+  }
+
+  function onDrag(event: React.PointerEvent<HTMLDivElement>) {
+    if (!drawerRef.current || !isDragging || !shouldDrag(event.target)) return;
+    const placementMultiplier =
+      placement === "bottom" || placement === "right" ? 1 : -1;
+    const draggedDistance =
+      (pointerStart.current -
+        (isVertical(placement) ? event.clientY : event.clientX)) *
+      placementMultiplier;
+    const isDraggingInDirection = draggedDistance > 0;
+    const absDraggedDistance = Math.abs(draggedDistance);
+    const wrapper = document.querySelector("[drawer-wrapper]");
+    const percentageDragged = absDraggedDistance / drawerHeightRef.current;
+    if (nested) context.onNestedDrag(percentageDragged);
+    set(drawerRef.current, { transition: "none" }); // WHY?
+    set(backdropRef.current, { transition: "none" }); // WHY?
+    if (isDraggingInDirection) {
+      const dampenedDraggedDistance = dampenValue(draggedDistance);
+      const translateValue =
+        Math.min(dampenedDraggedDistance * -1, 0) * placementMultiplier;
+      set(drawerRef.current, {
+        transform: isVertical(placement)
+          ? `translate3d(0, ${translateValue}px, 0)`
+          : `translate3d(${translateValue}px, 0, 0)`,
+      });
+      return;
+    }
+    const opacityValue = 1 - percentageDragged;
+    set(
+      backdropRef.current,
+      { opacity: `${opacityValue}`, transition: "none" },
+      true
+    );
+    if (wrapper && backdropRef.current && scaleBackground && !nested) {
+      // Calculate percentageDragged as a fraction (0 to 1)
+      const scaleValue = Math.min(
+        getScale() + percentageDragged * (1 - getScale()),
+        1
+      );
+      const borderRadiusValue = 8 - percentageDragged * 8;
+      const translateValue = Math.max(0, 14 - percentageDragged * 14);
+      set(
+        wrapper,
+        {
+          borderRadius: `${borderRadiusValue}px`,
+          transform: isVertical(placement)
+            ? `scale(${scaleValue}) translate3d(0, ${translateValue}px, 0)`
+            : `scale(${scaleValue}) translate3d(${translateValue}px, 0, 0)`,
+          transition: "none",
+        },
+        true
+      );
+    }
+    const translateValue = absDraggedDistance * placementMultiplier;
+    set(drawerRef.current, {
+      transform: isVertical(placement)
+        ? `translate3d(0, ${translateValue}px, 0)`
+        : `translate3d(${translateValue}px, 0, 0)`,
+    });
+
+    // TODO: transform body
+  }
+
+  function onRelease(event: React.PointerEvent<HTMLDivElement>) {
+    if (!isDragging || !drawerRef.current) return;
+    if (nested) context.onNestedRelease(true);
+    setDragging(false);
+    dragEndTime.current = new Date();
+    const swipeAmount = getTranslate(drawerRef.current, placement);
+    if (!shouldDrag(event.target) || !swipeAmount || isNaN(swipeAmount)) return;
+    if (dragStartTime.current === null) return;
+    // TODO: check for justReleased (to not focus on an element on drag end)
+    const timeTaken =
+      dragEndTime.current.getTime() - dragStartTime.current.getTime();
+    const distMoved =
+      pointerStart.current -
+      (isVertical(placement) ? event.clientY : event.clientX);
+    const velocity = Math.abs(distMoved) / timeTaken;
+    if (
+      placement === "bottom" || placement === "right"
+        ? distMoved > 0
+        : distMoved < 0
+    ) {
+      resetDrawer();
+      return;
+    }
+    if (velocity > VELOCITY_THRESHOLD) {
+      closeDrawer();
+      return;
+    }
+    const visibleDrawerHeight = Math.min(
+      drawerRef.current.getBoundingClientRect().height ?? 0,
+      window.innerHeight
+    );
+    if (swipeAmount >= visibleDrawerHeight * closeThreshold) {
+      closeDrawer();
+      return;
+    }
+    resetDrawer();
+  }
+
+  function onPointerDown(event: React.PointerEvent<HTMLDivElement>) {
+    pointerStartRef.current = { x: event.clientX, y: event.clientY };
+    onPress(event);
+  }
+
+  function onPointerMove(event: React.PointerEvent<HTMLDivElement>) {
+    if (!pointerStartRef.current) return;
+    // TODO: Is allowed to swipe check?
+    onDrag(event);
+  }
+
+  function onPointerUp(event: React.PointerEvent<HTMLDivElement>) {
+    pointerStartRef.current = null;
+    onRelease(event);
+  }
+
+  function getScale() {
+    return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
+  }
+
+  function animateBody() {
+    if (nested) return;
+    const wrapper = document.querySelector("[drawer-wrapper]");
+    if (!wrapper || !scaleBackground) return;
+    set(document.body, {
+      background:
+        document.body.style.backgroundColor || document.body.style.background,
+    });
+    set(document.body, { background: "black" }, true);
+    set(wrapper, {
+      borderRadius: `${BORDER_RADIUS}px`,
+      ...(isVertical(placement)
+        ? {
+            transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
+            transformOrigin: "top",
+          }
+        : {
+            transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
+            transformOrigin: "left",
+          }),
+      transitionProperty: "transform, border-radius",
+      transitionDuration: `${TRANSITIONS.DURATION}s`,
+      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+  }
+
+  function resetBody() {
+    if (nested) return;
+    const wrapper = document.querySelector("[drawer-wrapper]");
+    if (!wrapper || !scaleBackground) return;
+    reset(wrapper, "overflow");
+    reset(wrapper, "transform");
+    reset(wrapper, "borderRadius");
+    set(wrapper, {
+      transitionProperty: "transform, border-radius",
+      transitionDuration: `${TRANSITIONS.DURATION}s`,
+      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+  }
+
+  function openDrawer() {
+    if (!drawerRef.current) return;
+    if (nested) context.onNestedOpenChange(true);
+    setAnimation("visible");
+    animateBody();
+    set(drawerRef.current, {
+      transform: `translate3d(0, 0, 0)`,
+      transition: `transform ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+    set(backdropRef.current, {
+      opacity: "1",
+      transition: `opacity ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+  }
+
+  function closeDrawer() {
+    if (!drawerRef.current) return;
+    if (nested) context.onNestedOpenChange(false);
+    setAnimation("hidden");
+    resetBody();
+    set(drawerRef.current, {
+      transform: isVertical(placement)
+        ? `translate3d(0, ${placement === "bottom" ? "100%" : "-100%"}, 0)`
+        : `translate3d(${placement === "right" ? "100%" : "-100%"}, 0, 0)`,
+      transition: `transform ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+    set(backdropRef.current, {
+      opacity: "0",
+      transition: `opacity ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+  }
+
+  function handleTransitionEnd() {
+    if (isExiting) {
+      setAnimation("unmounted");
+      reset(document.body);
+      state.close();
+    }
+  }
+
+  function handleOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      closeDrawer();
+    }
+  }
+
+  function handleNestedOpenChange(isOpen: boolean) {
+    const scale = isOpen
+      ? (window.innerWidth - NESTED_DISPLACEMENT) / window.innerWidth
+      : 1;
+    const y = isOpen ? -NESTED_DISPLACEMENT : 0;
+    set(drawerRef.current, {
+      transition: `transform ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+      transform: `scale(${scale}) translate3d(0, ${y}px, 0)`,
+    });
+  }
+
+  function handleNestedDrag(percentageDragged: number) {
+    if (percentageDragged < 0) return;
+    const initialDim = isVertical(placement)
+      ? window.innerHeight
+      : window.innerWidth;
+    const initialScale = (initialDim - NESTED_DISPLACEMENT) / initialDim;
+    const newScale = initialScale + percentageDragged * (1 - initialScale);
+    const newTranslate =
+      -NESTED_DISPLACEMENT + percentageDragged * NESTED_DISPLACEMENT;
+    set(drawerRef.current, {
+      transform: isVertical(placement)
+        ? `scale(${newScale}) translate3d(0, ${newTranslate}px, 0)`
+        : `scale(${newScale}) translate3d(${newTranslate}px, 0, 0)`,
+      transition: "none",
+    });
+  }
+
+  function handleNestedRelease(isOpen: boolean) {
+    const dim = isVertical(placement) ? window.innerHeight : window.innerWidth;
+    const scale = isOpen ? (dim - NESTED_DISPLACEMENT) / dim : 1;
+    const translate = isOpen ? -NESTED_DISPLACEMENT : 0;
+    if (isOpen) {
+      set(drawerRef.current, {
+        transition: `transform ${
+          TRANSITIONS.DURATION
+        }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+        transform: isVertical(placement)
+          ? `scale(${scale}) translate3d(0, ${translate}px, 0)`
+          : `scale(${scale}) translate3d(${translate}px, 0, 0)`,
+      });
+    }
+  }
+
+  // TODO: ADD LOGIC FOR INPUT KEYBOARD OPEN ON MOBILE
+
+  React.useEffect(() => {
+    function onVisualViewportChange() {
+      if (!drawerRef.current) return;
+      const focusedElement = document.activeElement as HTMLElement;
+      if (isInput(focusedElement) || keyboardIsOpen.current) {
+        const visualViewportHeight = window.visualViewport?.height || 0;
+        const diffFromInitial = window.innerHeight - visualViewportHeight;
+        const drawerHeight =
+          drawerRef.current.getBoundingClientRect().height || 0;
+        if (!initialDrawerHeight.current) {
+          initialDrawerHeight.current = drawerHeight;
+        }
+        const offsetFromTop = drawerRef.current.getBoundingClientRect().top;
+        if (Math.abs(previousDiffFromInitial.current - diffFromInitial) > 60) {
+          keyboardIsOpen.current = !keyboardIsOpen.current;
+        }
+        previousDiffFromInitial.current = diffFromInitial;
+        if (drawerHeight > visualViewportHeight || keyboardIsOpen.current) {
+          const height = drawerRef.current.getBoundingClientRect().height;
+          let newDrawerHeight = height;
+          if (height > visualViewportHeight) {
+            newDrawerHeight = visualViewportHeight - WINDOW_TOP_OFFSET;
+          }
+          drawerRef.current.style.height = `${Math.max(
+            newDrawerHeight,
+            visualViewportHeight - offsetFromTop
+          )}px`;
+        } else {
+          drawerRef.current.style.height = `${initialDrawerHeight.current}px`;
+        }
+        drawerRef.current.style.bottom = `${Math.max(diffFromInitial, 0)}px`;
+      }
+    }
+    window.visualViewport?.addEventListener("resize", onVisualViewportChange);
+    return () =>
+      window.visualViewport?.removeEventListener(
+        "resize",
+        onVisualViewportChange
+      );
+  }, []);
+
+  React.useEffect(() => {
+    if (state.isOpen) {
+      openDrawer();
+    } else {
+      if (!nested) {
+        resetBody(); // to ensure that always the body is reset.
+      }
+    }
+    return () => {
+      resetBody();
+    };
+  }, [state.isOpen]);
+
+  const rootProps = {
+    value: {
+      onNestedOpenChange: handleNestedOpenChange,
+      onNestedDrag: handleNestedDrag,
+      onNestedRelease: handleNestedRelease,
+    },
+  };
+
+  const drawerProps = {
+    ref: drawerRef,
+    "data-rac": "",
+    "data-drawer": "",
+    "data-placement": placement,
+    "data-open": state.isOpen || undefined,
+    onTransitionEnd: handleTransitionEnd,
+    onPointerUp,
+    onPointerDown,
+    onPointerMove,
+  };
+
+  const modalProps = {
+    isOpen: state.isOpen,
+    onOpenChange: handleOpenChange,
+    isExiting,
+  };
+
+  const backdropProps = { ref: backdropRef };
+
+  return {
+    rootProps,
+    modalProps,
+    drawerProps,
+    backdropProps,
+  };
+};
+
+export const MotionDrawerRoot = ({
+  children,
+  value,
+}: {
+  children: React.ReactNode;
+  value: DrawerInternalContextValue;
+}) => {
+  return (
+    <DrawerInternalContext.Provider value={value}>
+      {children}
+    </DrawerInternalContext.Provider>
+  );
+};
+
+interface DrawerInternalContextValue {
+  onNestedOpenChange: (isOpen: boolean) => void;
+  onNestedDrag: (percentageDragged: number) => void;
+  onNestedRelease: (isOpen: boolean) => void;
+}
+
+export const DrawerInternalContext =
+  React.createContext<DrawerInternalContextValue | null>(null);
+
+export const useDrawerInternalContext = () => {
+  const context = React.useContext(DrawerInternalContext);
+  return context;
+};
+
+// Constants
+
+const CLOSE_THRESHOLD = 0.25;
+const SCROLL_LOCK_TIMEOUT = 100;
+const BORDER_RADIUS = 8;
+const WINDOW_TOP_OFFSET = 26;
+const TRANSITIONS = {
+  DURATION: 0.5,
+  EASE: [0.32, 0.72, 0, 1],
+};
+const VELOCITY_THRESHOLD = 0.4;
+const NESTED_DISPLACEMENT = 16;
+
+// Types
+
+type DrawerPlacement = "top" | "bottom" | "left" | "right";
+
+// Helpers
+
+type Style = Record<string, string>;
+
+const cache = new WeakMap();
+
+export function isInView(el: HTMLElement): boolean {
+  const rect = el.getBoundingClientRect();
+
+  if (!window.visualViewport) return false;
+
+  return (
+    rect.top >= 0 &&
+    rect.left >= 0 &&
+    // Need + 40 for safari detection
+    rect.bottom <= window.visualViewport.height - 40 &&
+    rect.right <= window.visualViewport.width
+  );
+}
+
+export function set(
+  el: Element | HTMLElement | null | undefined,
+  styles: Style,
+  ignoreCache = false
+) {
+  if (!el || !(el instanceof HTMLElement)) return;
+  const originalStyles: Style = {};
+
+  Object.entries(styles).forEach(([key, value]: [string, string]) => {
+    if (key.startsWith("--")) {
+      el.style.setProperty(key, value);
+      return;
+    }
+
+    originalStyles[key] = (el.style as any)[key];
+    (el.style as any)[key] = value;
+  });
+
+  if (ignoreCache) return;
+
+  cache.set(el, originalStyles);
+}
+
+export function reset(el: Element | HTMLElement | null, prop?: string) {
+  if (!el || !(el instanceof HTMLElement)) return;
+  const originalStyles = cache.get(el);
+
+  if (!originalStyles) {
+    return;
+  }
+
+  if (prop) {
+    (el.style as any)[prop] = originalStyles[prop];
+  } else {
+    Object.entries(originalStyles).forEach(([key, value]) => {
+      (el.style as any)[key] = value;
+    });
+  }
+}
+
+export const isVertical = (placement: DrawerPlacement) => {
+  switch (placement) {
+    case "top":
+    case "bottom":
+      return true;
+    case "left":
+    case "right":
+      return false;
+    default:
+      return placement satisfies never;
+  }
+};
+
+export function getTranslate(
+  element: HTMLElement,
+  placement: DrawerPlacement
+): number | null {
+  if (!element) {
+    return null;
+  }
+  const style = window.getComputedStyle(element);
+  const transform =
+    // @ts-ignore
+    style.transform || style.webkitTransform || style.mozTransform;
+  let mat = transform.match(/^matrix3d\((.+)\)$/);
+  if (mat) {
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix3d
+    return parseFloat(mat[1].split(", ")[isVertical(placement) ? 13 : 12]);
+  }
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix
+  mat = transform.match(/^matrix\((.+)\)$/);
+  return mat
+    ? parseFloat(mat[1].split(", ")[isVertical(placement) ? 5 : 4])
+    : null;
+}
+
+export function dampenValue(v: number) {
+  return 8 * (Math.log(v + 1) - 2);
+}
+
+// Additional helpers
+
+function testPlatform(re: RegExp): boolean | undefined {
+  return window?.navigator != null
+    ? re.test(window.navigator.platform)
+    : undefined;
+}
+
+function isMac(): boolean | undefined {
+  return testPlatform(/^Mac/);
+}
+
+function isIPhone(): boolean | undefined {
+  return testPlatform(/^iPhone/);
+}
+
+function isIPad(): boolean | undefined {
+  return (
+    testPlatform(/^iPad/) ||
+    // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+    (isMac() && navigator.maxTouchPoints > 1)
+  );
+}
+
+function isIOS(): boolean | undefined {
+  return isIPhone() || isIPad();
+}
+
+const nonTextInputTypes = new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset",
+]);
+function isInput(target: Element) {
+  return (
+    (target instanceof HTMLInputElement &&
+      !nonTextInputTypes.has(target.type)) ||
+    target instanceof HTMLTextAreaElement ||
+    (target instanceof HTMLElement && target.isContentEditable)
+  );
+}
diff --git a/www/src/registry-v2/hooks/use-battery.ts b/www/src/registry-v2/hooks/use-battery.ts
new file mode 100644
index 000000000..358c687dd
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-battery.ts
@@ -0,0 +1,76 @@
+import React from "react";
+
+interface BatteryManager extends EventTarget {
+  charging: boolean;
+  chargingTime: number;
+  dischargingTime: number;
+  level: number;
+}
+
+type NavigatorWithBattery = Navigator & {
+  getBattery: () => Promise<BatteryManager>;
+};
+
+export function useBattery() {
+  const [state, setState] = React.useState<{
+    isSupported: boolean;
+    isLoading: boolean;
+    isCharging: boolean;
+    level: number;
+    chargingTime: number;
+    dischargingTime: number;
+  }>({
+    isSupported: false,
+    isLoading: true,
+    isCharging: false,
+    level: 1,
+    chargingTime: 0,
+    dischargingTime: 0,
+  });
+
+  React.useEffect(() => {
+    if (!(navigator as NavigatorWithBattery).getBattery) {
+      setState((s) => ({
+        ...s,
+        isSupported: false,
+        isLoading: false,
+      }));
+      return;
+    }
+
+    let battery: BatteryManager | null;
+
+    const handleChange = () => {
+      if (!battery) return;
+      setState({
+        isSupported: true,
+        isLoading: false,
+        level: battery.level,
+        isCharging: battery.charging,
+        chargingTime: battery.chargingTime,
+        dischargingTime: battery.dischargingTime,
+      });
+    };
+
+    void (navigator as NavigatorWithBattery).getBattery().then((b) => {
+      battery = b;
+      handleChange();
+
+      b.addEventListener("levelchange", handleChange);
+      b.addEventListener("chargingchange", handleChange);
+      b.addEventListener("chargingtimechange", handleChange);
+      b.addEventListener("dischargingtimechange", handleChange);
+    });
+
+    return () => {
+      if (battery) {
+        battery.removeEventListener("levelchange", handleChange);
+        battery.removeEventListener("chargingchange", handleChange);
+        battery.removeEventListener("chargingtimechange", handleChange);
+        battery.removeEventListener("dischargingtimechange", handleChange);
+      }
+    };
+  }, []);
+
+  return state;
+}
diff --git a/www/src/registry-v2/hooks/use-counter.ts b/www/src/registry-v2/hooks/use-counter.ts
new file mode 100644
index 000000000..d32469f37
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-counter.ts
@@ -0,0 +1,85 @@
+import React from "react";
+
+export function useCounter(
+  startingValue = 0,
+  options: { min?: number; max?: number } = {}
+): [
+  number,
+  {
+    increment: () => void;
+    decrement: () => void;
+    set: (nextCount: number) => void;
+    reset: () => void;
+  },
+] {
+  const { min, max } = options;
+
+  if (typeof min === "number" && startingValue < min) {
+    throw new Error(
+      `Your starting value of ${startingValue} is less than your min of ${min}.`
+    );
+  }
+
+  if (typeof max === "number" && startingValue > max) {
+    throw new Error(
+      `Your starting value of ${startingValue} is greater than your max of ${max}.`
+    );
+  }
+
+  const [count, setCount] = React.useState(startingValue);
+
+  const increment = React.useCallback(() => {
+    setCount((c) => {
+      const nextCount = c + 1;
+
+      if (typeof max === "number" && nextCount > max) {
+        return c;
+      }
+
+      return nextCount;
+    });
+  }, [max]);
+
+  const decrement = React.useCallback(() => {
+    setCount((c) => {
+      const nextCount = c - 1;
+
+      if (typeof min === "number" && nextCount < min) {
+        return c;
+      }
+
+      return nextCount;
+    });
+  }, [min]);
+
+  const set = React.useCallback(
+    (nextCount: number) => {
+      setCount((c) => {
+        if (typeof max === "number" && nextCount > max) {
+          return c;
+        }
+
+        if (typeof min === "number" && nextCount < min) {
+          return c;
+        }
+
+        return nextCount;
+      });
+    },
+    [max, min]
+  );
+
+  const reset = React.useCallback(() => {
+    setCount(startingValue);
+  }, [startingValue]);
+
+  return [
+    count,
+    {
+      increment,
+      decrement,
+      set,
+      reset,
+    },
+  ];
+}
diff --git a/www/src/registry-v2/hooks/use-debounce.ts b/www/src/registry-v2/hooks/use-debounce.ts
new file mode 100644
index 000000000..ce3a701a7
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-debounce.ts
@@ -0,0 +1,17 @@
+import React from "react";
+
+export function useDebounce<T>(value: T, delay: number): T {
+  const [debouncedValue, setDebouncedValue] = React.useState(value);
+
+  React.useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+
+  return debouncedValue;
+}
diff --git a/www/src/registry-v2/hooks/use-in-view.ts b/www/src/registry-v2/hooks/use-in-view.ts
new file mode 100644
index 000000000..af25627d4
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-in-view.ts
@@ -0,0 +1,3 @@
+export const useInView = () => {
+  return;
+};
diff --git a/www/src/registry-v2/hooks/use-intersection-observer.ts b/www/src/registry-v2/hooks/use-intersection-observer.ts
new file mode 100644
index 000000000..93bc6ffa9
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-intersection-observer.ts
@@ -0,0 +1,36 @@
+import React from "react";
+
+export const useIntersectionObserver = <T extends Element>(
+  options: IntersectionObserverInit = {}
+): [React.RefCallback<T>, IntersectionObserverEntry | null] => {
+  const { threshold = 1, root = null, rootMargin = "0px" } = options;
+  const [entry, setEntry] = React.useState<IntersectionObserverEntry | null>(
+    null
+  );
+
+  const previousObserver = React.useRef<IntersectionObserver | null>(null);
+
+  const customRef = React.useCallback(
+    (node: Element | null) => {
+      if (previousObserver.current) {
+        previousObserver.current.disconnect();
+        previousObserver.current = null;
+      }
+
+      if (node?.nodeType === Node.ELEMENT_NODE) {
+        const observer = new IntersectionObserver(
+          ([entry]) => {
+            setEntry(entry);
+          },
+          { threshold, root, rootMargin }
+        );
+
+        observer.observe(node);
+        previousObserver.current = observer;
+      }
+    },
+    [threshold, root, rootMargin]
+  );
+
+  return [customRef, entry];
+};
diff --git a/www/src/registry-v2/hooks/use-is-client.ts b/www/src/registry-v2/hooks/use-is-client.ts
new file mode 100644
index 000000000..a06d72139
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-is-client.ts
@@ -0,0 +1,11 @@
+import React from "react";
+
+export function useIsClient() {
+  const [isClient, setIsClient] = React.useState(false);
+
+  React.useEffect(() => {
+    setIsClient(true);
+  }, []);
+
+  return isClient;
+}
diff --git a/www/src/registry-v2/hooks/use-list.ts b/www/src/registry-v2/hooks/use-list.ts
new file mode 100644
index 000000000..2fc24edb6
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-list.ts
@@ -0,0 +1,38 @@
+import React from "react";
+
+type CustomList<T> = {
+  set: (l: T[]) => void;
+  push: (element: T) => void;
+  removeAt: (index: number) => void;
+  insertAt: (index: number, element: T) => void;
+  updateAt: (index: number, element: T) => void;
+  clear: () => void;
+};
+
+export function useList<T>(defaultList: T[] = []): [T[], CustomList<T>] {
+  const [list, setList] = React.useState<T[]>(defaultList);
+
+  const set = React.useCallback((l: T[]) => {
+    setList(l);
+  }, []);
+
+  const push = React.useCallback((element: T) => {
+    setList((l) => [...l, element]);
+  }, []);
+
+  const removeAt = React.useCallback((index: number) => {
+    setList((l) => [...l.slice(0, index), ...l.slice(index + 1)]);
+  }, []);
+
+  const insertAt = React.useCallback((index: number, element: T) => {
+    setList((l) => [...l.slice(0, index), element, ...l.slice(index)]);
+  }, []);
+
+  const updateAt = React.useCallback((index: number, element: T) => {
+    setList((l) => l.map((e, i) => (i === index ? element : e)));
+  }, []);
+
+  const clear = React.useCallback(() => setList([]), []);
+
+  return [list, { set, push, removeAt, insertAt, updateAt, clear }];
+}
diff --git a/www/src/registry-v2/hooks/use-local-storage.ts b/www/src/registry-v2/hooks/use-local-storage.ts
new file mode 100644
index 000000000..240173873
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-local-storage.ts
@@ -0,0 +1,73 @@
+import React from "react";
+
+function dispatchStorageEvent(key: string, newValue: string | null) {
+  window.dispatchEvent(new StorageEvent("storage", { key, newValue }));
+}
+
+const setLocalStorageItem = <T>(key: string, value: T) => {
+  const stringifiedValue = JSON.stringify(value);
+  window.localStorage.setItem(key, stringifiedValue);
+  dispatchStorageEvent(key, stringifiedValue);
+};
+
+const removeLocalStorageItem = (key: string) => {
+  window.localStorage.removeItem(key);
+  dispatchStorageEvent(key, null);
+};
+
+const getLocalStorageItem = (key: string) => {
+  return window.localStorage.getItem(key);
+};
+
+const useLocalStorageSubscribe = (callback: (event: StorageEvent) => void) => {
+  window.addEventListener("storage", callback);
+  return () => window.removeEventListener("storage", callback);
+};
+
+const getLocalStorageServerSnapshot = () => {
+  throw Error("useLocalStorage is a client-only hook");
+};
+
+export function useLocalStorage<T>(
+  key: string,
+  initialValue: T
+): [T, React.Dispatch<React.SetStateAction<T>>] {
+  const getSnapshot = () => getLocalStorageItem(key);
+
+  const store = React.useSyncExternalStore(
+    useLocalStorageSubscribe,
+    getSnapshot,
+    getLocalStorageServerSnapshot
+  );
+
+  const setState: React.Dispatch<React.SetStateAction<T>> = React.useCallback(
+    (v: T | ((prevState: T) => T)) => {
+      try {
+        const nextState =
+          typeof v === "function"
+            ? (v as (prevState: T) => T)(JSON.parse(store!) as T)
+            : v;
+
+        if (nextState === undefined || nextState === null) {
+          removeLocalStorageItem(key);
+        } else {
+          setLocalStorageItem(key, nextState);
+        }
+      } catch (e) {
+        console.warn(e);
+      }
+    },
+    [key, store]
+  );
+
+  React.useEffect(() => {
+    if (
+      getLocalStorageItem(key) === null &&
+      typeof initialValue !== "undefined"
+    ) {
+      setLocalStorageItem(key, initialValue);
+    }
+  }, [key, initialValue]);
+
+  return [store ? (JSON.parse(store) as T) : initialValue, setState];
+}
diff --git a/www/src/registry-v2/hooks/use-media-query.ts b/www/src/registry-v2/hooks/use-media-query.ts
new file mode 100644
index 000000000..fcaae8a3e
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-media-query.ts
@@ -0,0 +1,43 @@
+import * as React from "react";
+
+export function useMediaQuery(query: string) {
+  const [value, setValue] = React.useState(false);
+
+  React.useEffect(() => {
+    function onChange(event: MediaQueryListEvent) {
+      setValue(event.matches);
+    }
+
+    const result = matchMedia(query);
+    result.addEventListener("change", onChange);
+    setValue(result.matches);
+
+    return () => result.removeEventListener("change", onChange);
+  }, [query]);
+
+  return value;
+}
+// import React from "react";
+
+// export function useMediaQuery(query: string): boolean {
+//   const subscribe = React.useCallback(
+//     (callback: (ev: MediaQueryListEvent) => void) => {
+//       const matchMedia = window.matchMedia(query);
+//       matchMedia.addEventListener("change", callback);
+//       return () => {
+//         matchMedia.removeEventListener("change", callback);
+//       };
+//     },
+//     [query]
+//   );
+
+//   const getSnapshot = () => {
+//     return window.matchMedia(query).matches;
+//   };
+
+//   const getServerSnapshot = () => {
+//     throw Error("useMediaQuery is a client-only hook");
+//   };
+
+//   return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+// }
diff --git a/www/src/registry-v2/hooks/use-mounted.ts b/www/src/registry-v2/hooks/use-mounted.ts
new file mode 100644
index 000000000..e415a498a
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-mounted.ts
@@ -0,0 +1,11 @@
+import React from "react";
+
+export function useMounted() {
+  const [isMounted, setIsMounted] = React.useState(false);
+
+  React.useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  return isMounted;
+}
diff --git a/www/src/registry-v2/hooks/use-mouse.ts b/www/src/registry-v2/hooks/use-mouse.ts
new file mode 100644
index 000000000..14bf5943a
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-mouse.ts
@@ -0,0 +1,63 @@
+import React from "react";
+
+type MousePosition = {
+  x: number;
+  y: number;
+  elementX: number;
+  elementY: number;
+  elementPositionX: number;
+  elementPositionY: number;
+};
+
+export function useMouse<T extends Element>(): [
+  MousePosition,
+  React.MutableRefObject<T | null>,
+] {
+  const [state, setState] = React.useState<MousePosition>({
+    x: 0,
+    y: 0,
+    elementX: 0,
+    elementY: 0,
+    elementPositionX: 0,
+    elementPositionY: 0,
+  });
+
+  const ref = React.useRef<T | null>(null);
+
+  React.useLayoutEffect(() => {
+    const handleMouseMove = (event: MouseEvent) => {
+      const newState: Partial<MousePosition> = {
+        x: event.pageX,
+        y: event.pageY,
+      };
+
+      if (ref.current?.nodeType === Node.ELEMENT_NODE) {
+        const { left, top } = (ref.current as Element).getBoundingClientRect();
+        const elementPositionX = left + window.scrollX;
+        const elementPositionY = top + window.scrollY;
+        const elementX = event.pageX - elementPositionX;
+        const elementY = event.pageY - elementPositionY;
+
+        newState.elementX = elementX;
+        newState.elementY = elementY;
+        newState.elementPositionX = elementPositionX;
+        newState.elementPositionY = elementPositionY;
+      }
+
+      setState((s) => {
+        return {
+          ...s,
+          ...newState,
+        };
+      });
+    };
+
+    document.addEventListener("mousemove", handleMouseMove);
+
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+    };
+  }, []);
+
+  return [state, ref];
+}
diff --git a/www/src/registry-v2/hooks/use-network-state.ts b/www/src/registry-v2/hooks/use-network-state.ts
new file mode 100644
index 000000000..7cf2aaa11
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-network-state.ts
@@ -0,0 +1,84 @@
+// import React from "react";
+
+// type NetworkState = {
+//   online: boolean;
+//   downlink: number | null;
+//   downlinkMax: number | null;
+//   effectiveType: string | null;
+//   rtt: number | null;
+//   saveData: boolean | null;
+//   type: string | null;
+// };
+
+// function isShallowEqual(object1: any, object2: any) {
+//   const keys1 = Object.keys(object1);
+//   const keys2 = Object.keys(object2);
+
+//   if (keys1.length !== keys2.length) {
+//     return false;
+//   }
+
+//   for (let key of keys1) {
+//     if (object1[key] !== object2[key]) {
+//       return false;
+//     }
+//   }
+
+//   return true;
+// }
+
+// const getConnection = () => {
+//   return navigator?.connection || navigator?.mozConnection || navigator?.webkitConnection;
+// };
+
+// const useNetworkStateSubscribe = (callback: () => void) => {
+//   window.addEventListener("online", callback, { passive: true });
+//   window.addEventListener("offline", callback, { passive: true });
+
+//   const connection = getConnection();
+
+//   if (connection) {
+//     connection.addEventListener("change", callback, { passive: true });
+//   }
+
+//   return () => {
+//     window.removeEventListener("online", callback);
+//     window.removeEventListener("offline", callback);
+
+//     if (connection) {
+//       connection.removeEventListener("change", callback);
+//     }
+//   };
+// };
+
+// const getNetworkStateServerSnapshot = () => {
+//   throw Error("useNetworkState is a client-only hook");
+// };
+
+export function useNetworkState() {
+  // const cache = React.useRef({});
+  // const getSnapshot = (): NetworkState => {
+  //   const online = navigator.onLine;
+  //   const connection = getConnection();
+  //   const nextState = {
+  //     online,
+  //     downlink: connection?.downlink,
+  //     downlinkMax: connection?.downlinkMax,
+  //     effectiveType: connection?.effectiveType,
+  //     rtt: connection?.rtt,
+  //     saveData: connection?.saveData,
+  //     type: connection?.type,
+  //   };
+  //   if (isShallowEqual(cache.current, nextState)) {
+  //     return cache.current;
+  //   } else {
+  //     cache.current = nextState;
+  //     return nextState;
+  //   }
+  // };
+  // return React.useSyncExternalStore<NetworkState>(
+  //   useNetworkStateSubscribe,
+  //   getSnapshot,
+  //   getNetworkStateServerSnapshot
+  // );
+}
diff --git a/www/src/registry-v2/hooks/use-orientation.ts b/www/src/registry-v2/hooks/use-orientation.ts
new file mode 100644
index 000000000..519d86989
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-orientation.ts
@@ -0,0 +1,46 @@
+import React from "react";
+
+export function useOrientation() {
+  const [orientation, setOrientation] = React.useState({
+    angle: 0,
+    type: "landscape-primary",
+  });
+
+  React.useLayoutEffect(() => {
+    const handleChange = () => {
+      const { angle, type } = window.screen.orientation;
+      setOrientation({
+        angle,
+        type,
+      });
+    };
+
+    const handleOrientationChange = () => {
+      setOrientation({
+        type: "UNKNOWN",
+        angle: window.orientation,
+      });
+    };
+
+    if (window.screen?.orientation) {
+      handleChange();
+      window.screen.orientation.addEventListener("change", handleChange);
+    } else {
+      handleOrientationChange();
+      window.addEventListener("orientationchange", handleOrientationChange);
+    }
+
+    return () => {
+      if (window.screen?.orientation) {
+        window.screen.orientation.removeEventListener("change", handleChange);
+      } else {
+        window.removeEventListener(
+          "orientationchange",
+          handleOrientationChange
+        );
+      }
+    };
+  }, []);
+
+  return orientation;
+}
diff --git a/www/src/registry-v2/hooks/use-previous.ts b/www/src/registry-v2/hooks/use-previous.ts
new file mode 100644
index 000000000..7e6e176a2
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-previous.ts
@@ -0,0 +1,13 @@
+import React from "react";
+
+export function usePrevious<T>(value: T) {
+  const [current, setCurrent] = React.useState(value);
+  const [previous, setPrevious] = React.useState<T | null>(null);
+
+  if (value !== current) {
+    setPrevious(current);
+    setCurrent(value);
+  }
+
+  return previous;
+}
diff --git a/www/src/registry-v2/hooks/use-scrolled.ts b/www/src/registry-v2/hooks/use-scrolled.ts
new file mode 100644
index 000000000..31167e7f3
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-scrolled.ts
@@ -0,0 +1,27 @@
+import React from "react";
+
+export const useScrolled = ({ threshold = 0, initial = false }) => {
+  const [scrolled, setScrolled] = React.useState(initial);
+  const [mounted, setMounted] = React.useState(false);
+
+  React.useEffect(() => {
+    // Function to handle scroll events
+    setMounted(true);
+    setScrolled(window.scrollY > threshold);
+    function handleScroll() {
+      // Check if the user has scrolled beyond the top of the page (scrollY > 0)
+      setScrolled(window.scrollY > threshold);
+    }
+    // setScrolled(window.scrollY > threshold)
+    // Add the scroll event listener
+    window.addEventListener("scroll", handleScroll);
+
+    // Clean up the event listener when the component unmounts
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // Empty dependency array, so this effect runs only once
+
+  return { scrolled, mounted };
+};
diff --git a/www/src/registry-v2/hooks/use-window-size.ts b/www/src/registry-v2/hooks/use-window-size.ts
new file mode 100644
index 000000000..ac33ff4d8
--- /dev/null
+++ b/www/src/registry-v2/hooks/use-window-size.ts
@@ -0,0 +1,29 @@
+import React from "react";
+
+export function useWindowSize() {
+  const [size, setSize] = React.useState<{
+    width: number | null;
+    height: number | null;
+  }>({
+    width: null,
+    height: null,
+  });
+
+  React.useLayoutEffect(() => {
+    const handleResize = () => {
+      setSize({
+        width: window.innerWidth,
+        height: window.innerHeight,
+      });
+    };
+
+    handleResize();
+    window.addEventListener("resize", handleResize);
+
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+
+  return size;
+}
diff --git a/www/src/registry-v2/lib/cn.ts b/www/src/registry-v2/lib/cn.ts
new file mode 100644
index 000000000..365058ceb
--- /dev/null
+++ b/www/src/registry-v2/lib/cn.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/www/src/registry-v2/lib/focus-styles.ts b/www/src/registry-v2/lib/focus-styles.ts
new file mode 100644
index 000000000..928f5dfcf
--- /dev/null
+++ b/www/src/registry-v2/lib/focus-styles.ts
@@ -0,0 +1,13 @@
+import { tv } from "tailwind-variants";
+
+export const focusRing = tv({
+  base: "ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 focus-visible:ring-2 focus-visible:ring-offset-2",
+});
+
+export const focusRingGroup = tv({
+  base: "ring-border-focus group-focus-visible:ring-offset-bg outline-hidden ring-0 group-focus-visible:ring-2 group-focus-visible:ring-offset-2",
+});
+
+export const focusInput = tv({
+  base: "focus-within:ring-border-focus ring-0 focus-within:ring-2",
+});

From 184d1269a5b7585da918937ed1b5b7922345c7a0 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 15:55:08 +0100
Subject: [PATCH 011/165] chore: update imports

---
 www/src/app/(app)/docs/[...slug]/page.tsx     |  4 ++--
 www/src/app/(app)/page.tsx                    |  7 ++-----
 www/src/app/(app)/themes/buttons.tsx          |  4 ++--
 .../app/(app)/themes/components/borders.tsx   |  6 +++---
 .../(app)/themes/components/button-style.tsx  |  2 +-
 .../(app)/themes/components/clone-theme.tsx   |  8 ++++----
 .../app/(app)/themes/components/colors.tsx    | 18 ++++++++---------
 .../(app)/themes/components/copy-theme.tsx    |  2 +-
 .../(app)/themes/components/create-theme.tsx  | 12 ++++-------
 .../(app)/themes/components/delete-theme.tsx  |  6 +++---
 .../themes/components/explore-themes.tsx      |  6 +++---
 .../(app)/themes/components/iconography.tsx   |  6 +++---
 .../app/(app)/themes/components/preview.tsx   |  4 ++--
 .../(app)/themes/components/theme-select.tsx  | 16 +++++++--------
 .../(app)/themes/components/typography.tsx    |  6 +++---
 www/src/app/(app)/themes/page.tsx             |  6 +++---
 .../(preview)/preview/(auth)/login/page.tsx   |  6 +++---
 .../preview/(auth)/register/page.tsx          |  6 +++---
 .../(preview)/preview/(marketing)/layout.tsx  |  2 +-
 .../(preview)/preview/(marketing)/page.tsx    |  2 +-
 www/src/app/(preview)/preview/app/layout.tsx  |  4 ++--
 www/src/app/layout.tsx                        |  2 +-
 www/src/components/badge-palette.tsx          |  4 ++--
 www/src/components/breadcrumbs.tsx            |  4 ++--
 www/src/components/choices.tsx                |  2 +-
 www/src/components/code-block-client.tsx      |  8 ++++----
 www/src/components/code-block-mdx.tsx         |  6 +++---
 www/src/components/code-client.tsx            |  4 ++--
 www/src/components/component-preview.tsx      |  6 +++---
 www/src/components/docs-pager.tsx             |  2 +-
 www/src/components/footer.tsx                 |  8 ++++----
 www/src/components/install-tabs.tsx           |  6 +++---
 www/src/components/mdx-components.tsx         |  8 ++++----
 www/src/components/mobile-nav.tsx             |  8 ++++----
 www/src/components/palette.tsx                |  2 +-
 www/src/components/search-command.tsx         |  4 ++--
 www/src/components/sidebar.tsx                | 20 +++++++++----------
 www/src/components/tabs.tsx                   |  4 ++--
 www/src/components/theme-customizer.tsx       | 20 ++++++++-----------
 www/src/components/theme-override.tsx         |  4 ++--
 www/src/components/theme-switcher.tsx         |  8 ++++----
 www/src/components/toc.tsx                    |  4 ++--
 www/src/lib/cn.ts                             |  1 +
 www/src/lib/focus-styles.ts                   |  1 +
 44 files changed, 130 insertions(+), 139 deletions(-)
 create mode 100644 www/src/lib/cn.ts
 create mode 100644 www/src/lib/focus-styles.ts

diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index 630d9e88b..b87765c42 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -3,16 +3,16 @@ import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { type TableOfContents as TocType } from "fumadocs-core/server";
 import { ExternalLinkIcon } from "lucide-react";
+import { cn } from "@/lib/cn";
 import { truncateOnWord } from "@/lib/string";
 import { Breadcrumbs } from "@/components/breadcrumbs";
+import { Button } from "@/components/core/button";
 import { DocsPager } from "@/components/docs-pager";
 import { GitHubIcon } from "@/components/icons";
 import { AdobeIcon } from "@/components/icons/adobe-icon";
 import { PageLastUpdate } from "@/components/last-update";
 import { mdxComponents } from "@/components/mdx-components";
 import { TableOfContents } from "@/components/toc";
-import { Button } from "@/registry/ui/default/core/button";
-import { cn } from "@/registry/ui/default/lib/cn";
 import { source } from "@/app/source";
 import { siteConfig } from "@/config";
 
diff --git a/www/src/app/(app)/page.tsx b/www/src/app/(app)/page.tsx
index 2b1287397..1f6aefa50 100644
--- a/www/src/app/(app)/page.tsx
+++ b/www/src/app/(app)/page.tsx
@@ -1,15 +1,12 @@
 import React from "react";
 import { TerminalSquareIcon } from "lucide-react";
+import { cn } from "@/lib/cn";
 import { Code } from "@/components/code";
+import { Link } from "@/components/core/link";
 import { SearchCommand } from "@/components/search-command";
-import { Link } from "@/registry/ui/default/core/link";
-import { cn } from "@/registry/ui/default/lib/cn";
 import { siteConfig } from "@/config";
 
 export default function HomePage() {
-  // return null
-  // return <div className="absolute inset-0 h-full bg-red-500"> </div>;
-  // return <div className="absolute inset-0 h-full bg-red-500"> </div>;
   return (
     <div className="absolute inset-0 h-full overflow-hidden">
       <div className="relative size-full">
diff --git a/www/src/app/(app)/themes/buttons.tsx b/www/src/app/(app)/themes/buttons.tsx
index 575d92968..2b10c4429 100644
--- a/www/src/app/(app)/themes/buttons.tsx
+++ b/www/src/app/(app)/themes/buttons.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import { ColorPicker } from "@/registry/ui/default/core/color-picker";
-import { Label } from "@/registry/ui/default/core/field";
+import { ColorPicker } from "@/components/core/color-picker";
+import { Label } from "@/components/core/field";
 
 export const ButtonsCustomizer = () => {
   return (
diff --git a/www/src/app/(app)/themes/components/borders.tsx b/www/src/app/(app)/themes/components/borders.tsx
index 734e46532..04bf657a0 100644
--- a/www/src/app/(app)/themes/components/borders.tsx
+++ b/www/src/app/(app)/themes/components/borders.tsx
@@ -2,15 +2,15 @@
 
 import React from "react";
 import { useThemes } from "@/hooks/use-themes";
-import { Label } from "@/registry/ui/default/core/field";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
+import { Label } from "@/components/core/field";
+import { Skeleton } from "@/components/core/skeleton";
 import {
   SliderFiller,
   SliderRoot,
   SliderThumb,
   SliderTrack,
   SliderValueLabel,
-} from "@/registry/ui/default/core/slider";
+} from "@/components/core/slider";
 import { usePreview } from "./context";
 
 export function Borders() {
diff --git a/www/src/app/(app)/themes/components/button-style.tsx b/www/src/app/(app)/themes/components/button-style.tsx
index 1af08e417..8dd787fcd 100644
--- a/www/src/app/(app)/themes/components/button-style.tsx
+++ b/www/src/app/(app)/themes/components/button-style.tsx
@@ -1,4 +1,4 @@
-import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
+import { Radio, RadioGroup } from "@/components/core/radio-group";
 
 const variants = [
   { label: "Variant 1", value: "button-01" },
diff --git a/www/src/app/(app)/themes/components/clone-theme.tsx b/www/src/app/(app)/themes/components/clone-theme.tsx
index 052a52990..cbd95feff 100644
--- a/www/src/app/(app)/themes/components/clone-theme.tsx
+++ b/www/src/app/(app)/themes/components/clone-theme.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 import { useThemes } from "@/hooks/use-themes";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
   DialogRootProps,
-} from "@/registry/ui/default/core/dialog";
-import { Form } from "@/registry/ui/default/core/form";
-import { TextField } from "@/registry/ui/default/core/text-field";
+} from "@/components/core/dialog";
+import { Form } from "@/components/core/form";
+import { TextField } from "@/components/core/text-field";
 
 export const CloneThemeDialog = ({
   children,
diff --git a/www/src/app/(app)/themes/components/colors.tsx b/www/src/app/(app)/themes/components/colors.tsx
index bcf449aea..21aefc589 100644
--- a/www/src/app/(app)/themes/components/colors.tsx
+++ b/www/src/app/(app)/themes/components/colors.tsx
@@ -2,20 +2,20 @@
 
 import React from "react";
 import { Button as AriaButton } from "react-aria-components";
+import { cn } from "@/lib/cn";
 import { useThemes } from "@/hooks/use-themes";
 import {
   ColorEditor,
   ColorPicker,
   ColorPickerRoot,
-} from "@/registry/ui/default/core/color-picker";
-import { ColorSwatch } from "@/registry/ui/default/core/color-swatch";
-import { Dialog, DialogRoot } from "@/registry/ui/default/core/dialog";
-import { Label } from "@/registry/ui/default/core/field";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
-import { Slider } from "@/registry/ui/default/core/slider";
-import { Tag, TagGroup } from "@/registry/ui/default/core/tag-group/tag-group";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { cn } from "@/registry/ui/default/lib/cn";
+} from "@/components/core/color-picker";
+import { ColorSwatch } from "@/components/core/color-swatch";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { Label } from "@/components/core/field";
+import { Skeleton } from "@/components/core/skeleton";
+import { Slider } from "@/components/core/slider";
+import { Tag, TagGroup } from "@/components/core/tag-group/tag-group";
+import { Tooltip } from "@/components/core/tooltip";
 import { focusRing } from "@/registry/ui/default/lib/focus-styles";
 import { BaseColor } from "@/types/theme";
 import { usePreview } from "./context";
diff --git a/www/src/app/(app)/themes/components/copy-theme.tsx b/www/src/app/(app)/themes/components/copy-theme.tsx
index f53f0d8e3..e972eebb0 100644
--- a/www/src/app/(app)/themes/components/copy-theme.tsx
+++ b/www/src/app/(app)/themes/components/copy-theme.tsx
@@ -1,4 +1,4 @@
-import { Dialog, DialogRoot } from "@/registry/ui/default/core/dialog";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
 
 export const CopyThemeDialog = ({
   children,
diff --git a/www/src/app/(app)/themes/components/create-theme.tsx b/www/src/app/(app)/themes/components/create-theme.tsx
index f2a69427d..9abff6393 100644
--- a/www/src/app/(app)/themes/components/create-theme.tsx
+++ b/www/src/app/(app)/themes/components/create-theme.tsx
@@ -2,14 +2,10 @@
 
 import React from "react";
 import { useThemes } from "@/hooks/use-themes";
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  Dialog,
-  DialogFooter,
-  DialogRoot,
-} from "@/registry/ui/default/core/dialog";
-import { Form } from "@/registry/ui/default/core/form";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { Button } from "@/components/core/button";
+import { Dialog, DialogFooter, DialogRoot } from "@/components/core/dialog";
+import { Form } from "@/components/core/form";
+import { TextField } from "@/components/core/text-field";
 
 export const CreateThemeDialog = ({
   children,
diff --git a/www/src/app/(app)/themes/components/delete-theme.tsx b/www/src/app/(app)/themes/components/delete-theme.tsx
index 42471319d..24d8193fd 100644
--- a/www/src/app/(app)/themes/components/delete-theme.tsx
+++ b/www/src/app/(app)/themes/components/delete-theme.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 import { useThemes } from "@/hooks/use-themes";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
   DialogRootProps,
-} from "@/registry/ui/default/core/dialog";
-import { Form } from "@/registry/ui/default/core/form";
+} from "@/components/core/dialog";
+import { Form } from "@/components/core/form";
 
 export const DeleteThemeDialog = ({
   children,
diff --git a/www/src/app/(app)/themes/components/explore-themes.tsx b/www/src/app/(app)/themes/components/explore-themes.tsx
index 11008e8af..eb2dccae7 100644
--- a/www/src/app/(app)/themes/components/explore-themes.tsx
+++ b/www/src/app/(app)/themes/components/explore-themes.tsx
@@ -4,9 +4,9 @@ import React from "react";
 import { BackgroundColor } from "@adobe/leonardo-contrast-colors";
 import { dotUIThemes } from "@/lib/themes";
 import { useThemes } from "@/hooks/use-themes";
-import { Alert } from "@/registry/ui/default/core/alert";
-import { Dialog, DialogRoot } from "@/registry/ui/default/core/dialog";
-import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
+import { Alert } from "@/components/core/alert";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { Radio, RadioGroup } from "@/components/core/radio-group";
 
 export const ExploreThemesDialog = ({
   children,
diff --git a/www/src/app/(app)/themes/components/iconography.tsx b/www/src/app/(app)/themes/components/iconography.tsx
index ccd4a719e..4bbbba376 100644
--- a/www/src/app/(app)/themes/components/iconography.tsx
+++ b/www/src/app/(app)/themes/components/iconography.tsx
@@ -2,9 +2,9 @@
 
 import React from "react";
 import { useThemes } from "@/hooks/use-themes";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
+import { Item } from "@/components/core/list-box";
+import { Select } from "@/components/core/select";
+import { Skeleton } from "@/components/core/skeleton";
 
 export function Iconography() {
   const { isLoading, isCurrentThemeEditable } = useThemes();
diff --git a/www/src/app/(app)/themes/components/preview.tsx b/www/src/app/(app)/themes/components/preview.tsx
index 910ef331b..7f81dbeb8 100644
--- a/www/src/app/(app)/themes/components/preview.tsx
+++ b/www/src/app/(app)/themes/components/preview.tsx
@@ -2,8 +2,8 @@
 
 import React from "react";
 import { ChevronLeftIcon, ChevronRightIcon, RotateCwIcon } from "lucide-react";
-import { Button } from "@/registry/ui/default/core/button";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { cn } from "@/lib/cn";
+import { Button } from "@/components/core/button";
 
 export function Preview() {
   const iframeRef = React.useRef<HTMLIFrameElement>(null);
diff --git a/www/src/app/(app)/themes/components/theme-select.tsx b/www/src/app/(app)/themes/components/theme-select.tsx
index e8b365bb2..53bded0b3 100644
--- a/www/src/app/(app)/themes/components/theme-select.tsx
+++ b/www/src/app/(app)/themes/components/theme-select.tsx
@@ -16,16 +16,16 @@ import {
   TextField as UnstyledTextField,
   Input as UnstyledInput,
 } from "react-aria-components";
+import { cn } from "@/lib/cn";
 import { dotUIThemes } from "@/lib/themes";
 import { useThemes } from "@/hooks/use-themes";
-import { Alert } from "@/registry/ui/default/core/alert";
-import { Button } from "@/registry/ui/default/core/button";
-import { Form } from "@/registry/ui/default/core/form";
-import { InputProps } from "@/registry/ui/default/core/input";
-import { Kbd } from "@/registry/ui/default/core/kbd";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { Alert } from "@/components/core/alert";
+import { Button } from "@/components/core/button";
+import { Form } from "@/components/core/form";
+import { InputProps } from "@/components/core/input";
+import { Kbd } from "@/components/core/kbd";
+import { Menu, MenuItem, MenuRoot } from "@/components/core/menu";
+import { Skeleton } from "@/components/core/skeleton";
 import { CloneThemeDialog } from "./clone-theme";
 import { CopyThemeDialog } from "./copy-theme";
 import { DeleteThemeDialog } from "./delete-theme";
diff --git a/www/src/app/(app)/themes/components/typography.tsx b/www/src/app/(app)/themes/components/typography.tsx
index 273b5eb93..fa53dab6a 100644
--- a/www/src/app/(app)/themes/components/typography.tsx
+++ b/www/src/app/(app)/themes/components/typography.tsx
@@ -3,9 +3,9 @@
 import React from "react";
 import { googleFonts } from "@/lib/fonts";
 import { useThemes } from "@/hooks/use-themes";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
+import { Item } from "@/components/core/list-box";
+import { Select } from "@/components/core/select";
+import { Skeleton } from "@/components/core/skeleton";
 import { usePreview } from "./context";
 
 export function Typography() {
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index b7427e99f..d37006c19 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import type { Metadata } from "next";
 import { PlusIcon } from "lucide-react";
-import { Alert } from "@/registry/ui/default/core/alert";
-import { Button } from "@/registry/ui/default/core/button";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { cn } from "@/lib/cn";
+import { Alert } from "@/components/core/alert";
+import { Button } from "@/components/core/button";
 import { Borders } from "./components/borders";
 import { ButtonStyle } from "./components/button-style";
 import { Colors } from "./components/colors";
diff --git a/www/src/app/(preview)/preview/(auth)/login/page.tsx b/www/src/app/(preview)/preview/(auth)/login/page.tsx
index 3e9fa5650..3628cbe8e 100644
--- a/www/src/app/(preview)/preview/(auth)/login/page.tsx
+++ b/www/src/app/(preview)/preview/(auth)/login/page.tsx
@@ -2,11 +2,11 @@
 
 import { useRouter } from "next/navigation";
 import { Form } from "react-aria-components";
+import { Button } from "@/components/core/button";
+import { Link } from "@/components/core/link";
+import { TextField } from "@/components/core/text-field";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { GoogleIcon } from "@/components/icons/google-icon";
-import { Button } from "@/registry/ui/default/core/button";
-import { Link } from "@/registry/ui/default/core/link";
-import { TextField } from "@/registry/ui/default/core/text-field";
 import { useSimulateApiCall } from "@/app/(preview)/preview/hooks/use-api";
 
 export default function LoginPage() {
diff --git a/www/src/app/(preview)/preview/(auth)/register/page.tsx b/www/src/app/(preview)/preview/(auth)/register/page.tsx
index 02b9b74c4..75129a5c3 100644
--- a/www/src/app/(preview)/preview/(auth)/register/page.tsx
+++ b/www/src/app/(preview)/preview/(auth)/register/page.tsx
@@ -1,8 +1,8 @@
+import { Button } from "@/components/core/button";
+import { Link } from "@/components/core/link";
+import { TextField } from "@/components/core/text-field";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { GoogleIcon } from "@/components/icons/google-icon";
-import { Button } from "@/registry/ui/default/core/button";
-import { Link } from "@/registry/ui/default/core/link";
-import { TextField } from "@/registry/ui/default/core/text-field";
 
 export default function RegisterPage() {
   return (
diff --git a/www/src/app/(preview)/preview/(marketing)/layout.tsx b/www/src/app/(preview)/preview/(marketing)/layout.tsx
index 3dc13a82b..d2d4b5787 100644
--- a/www/src/app/(preview)/preview/(marketing)/layout.tsx
+++ b/www/src/app/(preview)/preview/(marketing)/layout.tsx
@@ -1,5 +1,5 @@
 import { HexagonIcon } from "lucide-react";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/core/button";
 
 export default function MarketingLayout({
   children,
diff --git a/www/src/app/(preview)/preview/(marketing)/page.tsx b/www/src/app/(preview)/preview/(marketing)/page.tsx
index 5143c9e0f..2ec9251cd 100644
--- a/www/src/app/(preview)/preview/(marketing)/page.tsx
+++ b/www/src/app/(preview)/preview/(marketing)/page.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/core/button";
 
 export default function PreviewPage() {
   return (
diff --git a/www/src/app/(preview)/preview/app/layout.tsx b/www/src/app/(preview)/preview/app/layout.tsx
index a15db6177..e38f1d680 100644
--- a/www/src/app/(preview)/preview/app/layout.tsx
+++ b/www/src/app/(preview)/preview/app/layout.tsx
@@ -11,8 +11,8 @@ import {
   SettingsIcon,
   UsersIcon,
 } from "lucide-react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/core/button";
+import { Tooltip } from "@/components/core/tooltip";
 
 export default function DashboardLayout({
   children,
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index fcb2b27dd..6b13101bb 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import type { Metadata, Viewport } from "next";
 import { Analytics } from "@vercel/analytics/react";
+import { cn } from "@/lib/cn";
 import { truncateOnWord } from "@/lib/string";
-import { cn } from "@/registry/ui/default/lib/cn";
 import { fontMono, fontSans, josefinSans } from "@/styles/fonts";
 import "@/styles/globals.css";
 import { siteConfig } from "@/config";
diff --git a/www/src/components/badge-palette.tsx b/www/src/components/badge-palette.tsx
index 9b751d6d4..0a87d05ff 100644
--- a/www/src/components/badge-palette.tsx
+++ b/www/src/components/badge-palette.tsx
@@ -1,6 +1,6 @@
 import { BackgroundColor } from "@adobe/leonardo-contrast-colors";
-import { Badge, BadgeProps } from "@/registry/ui/default/core/badge";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { cn } from "@/lib/cn";
+import { Badge, BadgeProps } from "@/components/core/badge";
 
 export function BadgePalette({
   className,
diff --git a/www/src/components/breadcrumbs.tsx b/www/src/components/breadcrumbs.tsx
index 4a547b7c7..4aa4c0446 100644
--- a/www/src/components/breadcrumbs.tsx
+++ b/www/src/components/breadcrumbs.tsx
@@ -4,13 +4,13 @@ import { usePathname } from "next/navigation";
 import { useBreadcrumb } from "fumadocs-core/breadcrumb";
 import { PageTree } from "fumadocs-core/server";
 import { ChevronRightIcon } from "lucide-react";
+import { cn } from "@/lib/cn";
 import {
   Breadcrumbs as Breadcrumbs_,
   BreadcrumbItem,
   BreadcrumbLink,
   BreadcrumbsProps,
-} from "@/registry/ui/default/core/breadcrumbs";
-import { cn } from "@/registry/ui/default/lib/cn";
+} from "@/components/core/breadcrumbs";
 
 export const Breadcrumbs = <T extends object>({
   tree,
diff --git a/www/src/components/choices.tsx b/www/src/components/choices.tsx
index d36c3c8d3..c63988372 100644
--- a/www/src/components/choices.tsx
+++ b/www/src/components/choices.tsx
@@ -9,7 +9,7 @@ import {
   type TabsProps as BaseProps,
   type TabPanelProps,
 } from "react-aria-components";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { cn } from "@/lib/cn";
 import { focusRing } from "@/registry/ui/default/lib/focus-styles";
 
 export interface ChoicesProps extends Omit<BaseProps, "children"> {
diff --git a/www/src/components/code-block-client.tsx b/www/src/components/code-block-client.tsx
index 55cd27f53..e9480945d 100644
--- a/www/src/components/code-block-client.tsx
+++ b/www/src/components/code-block-client.tsx
@@ -4,19 +4,19 @@ import React from "react";
 import { CheckIcon, CopyIcon } from "lucide-react";
 import type { Key } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
+import { cn } from "@/lib/cn";
+import { Button, type ButtonProps } from "@/components/core/button";
 import {
   ScrollArea,
   type ScrollAreaProps,
-} from "@/registry/ui/default/core/scroll-area";
+} from "@/components/core/scroll-area";
 import {
   Tab,
   Tabs,
   TabList,
   TabPanel,
   type TabsProps,
-} from "@/registry/ui/default/core/tabs";
-import { cn } from "@/registry/ui/default/lib/cn";
+} from "@/components/core/tabs";
 
 const codeBlockStyles = tv({
   slots: {
diff --git a/www/src/components/code-block-mdx.tsx b/www/src/components/code-block-mdx.tsx
index 6284b37ce..c926454aa 100644
--- a/www/src/components/code-block-mdx.tsx
+++ b/www/src/components/code-block-mdx.tsx
@@ -10,10 +10,10 @@ import {
   useRef,
 } from "react";
 import { Check, Copy } from "lucide-react";
+import { cn } from "@/lib/cn";
 import { useCopyButton } from "@/hooks/use-copy-button";
-import { Button, ButtonProps } from "@/registry/ui/default/core/button";
-import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { Button, ButtonProps } from "@/components/core/button";
+import { ScrollArea } from "@/components/core/scroll-area";
 
 export type CodeBlockProps = HTMLAttributes<HTMLElement> & {
   icon?: ReactNode;
diff --git a/www/src/components/code-client.tsx b/www/src/components/code-client.tsx
index a003f3d1e..c74b2fb5e 100644
--- a/www/src/components/code-client.tsx
+++ b/www/src/components/code-client.tsx
@@ -3,8 +3,8 @@
 import React from "react";
 import { CheckIcon, CopyIcon } from "lucide-react";
 import { tv } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
+import { Button } from "@/components/core/button";
+import { ScrollArea } from "@/components/core/scroll-area";
 
 const codeStyles = tv({
   base: "bg-bg-muted relative rounded-md",
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index 186f8fd75..501752bc8 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -1,12 +1,12 @@
 import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
 import { PaintBucket, Settings2Icon } from "lucide-react";
+import { cn } from "@/lib/cn";
 import { getFileSource } from "@/lib/get-file-source";
 import { CodeBlock } from "@/components/code-block";
+import { Button } from "@/components/core/button";
+import { Tooltip } from "@/components/core/tooltip";
 import { styles } from "@/registry/styles";
-import { Button } from "@/registry/ui/default/core/button";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { cn } from "@/registry/ui/default/lib/cn";
 import { Index } from "@/__demos__";
 import { ComponentPreviewClient } from "./component-preview-client";
 import { ThemeCustomizerDialog } from "./theme-customizer";
diff --git a/www/src/components/docs-pager.tsx b/www/src/components/docs-pager.tsx
index 62c62da7f..5cd893030 100644
--- a/www/src/components/docs-pager.tsx
+++ b/www/src/components/docs-pager.tsx
@@ -1,6 +1,6 @@
 import { findNeighbour } from "fumadocs-core/server";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/core/button";
 import { source } from "@/app/source";
 
 export const DocsPager = ({ currentPathname }: { currentPathname: string }) => {
diff --git a/www/src/components/footer.tsx b/www/src/components/footer.tsx
index 16c0b785a..bd1fd1c29 100644
--- a/www/src/components/footer.tsx
+++ b/www/src/components/footer.tsx
@@ -1,11 +1,11 @@
 import React from "react";
 import NavLink from "next/link";
 import Link from "next/link";
+import { cn } from "@/lib/cn";
+import { Avatar } from "@/components/core/avatar";
+import { Badge } from "@/components/core/badge";
+import { Separator } from "@/components/core/separator";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
-import { Avatar } from "@/registry/ui/default/core/avatar";
-import { Badge } from "@/registry/ui/default/core/badge";
-import { Separator } from "@/registry/ui/default/core/separator";
-import { cn } from "@/registry/ui/default/lib/cn";
 import { focusRing } from "@/registry/ui/default/lib/focus-styles";
 import { siteConfig } from "@/config";
 
diff --git a/www/src/components/install-tabs.tsx b/www/src/components/install-tabs.tsx
index 945dd7c70..8aa60c2d5 100644
--- a/www/src/components/install-tabs.tsx
+++ b/www/src/components/install-tabs.tsx
@@ -1,12 +1,12 @@
 "use client";
 
 import { useMemo, useState, useCallback, useLayoutEffect } from "react";
-import * as TabsPrimitive from "@/registry/ui/default/core/tabs";
+import { cn } from "@/lib/cn";
+import * as TabsPrimitive from "@/components/core/tabs";
 import type {
   TabsProps as BaseProps,
   TabPanelProps,
-} from "@/registry/ui/default/core/tabs";
-import { cn } from "@/registry/ui/default/lib/cn";
+} from "@/components/core/tabs";
 
 type ChangeListener = (v: string) => void;
 const listeners = new Map<string, ChangeListener[]>();
diff --git a/www/src/components/mdx-components.tsx b/www/src/components/mdx-components.tsx
index c50cb7348..37c946dac 100644
--- a/www/src/components/mdx-components.tsx
+++ b/www/src/components/mdx-components.tsx
@@ -1,10 +1,10 @@
 import React from "react";
 import { ArrowUpRightIcon } from "lucide-react";
 import { MDXComponents } from "mdx/types";
-import { Alert, AlertProps } from "@/registry/ui/default/core/alert";
-import { Badge, BadgeProps } from "@/registry/ui/default/core/badge";
-import { LinkProps, Link as NavLink } from "@/registry/ui/default/core/link";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { cn } from "@/lib/cn";
+import { Alert, AlertProps } from "@/components/core/alert";
+import { Badge, BadgeProps } from "@/components/core/badge";
+import { LinkProps, Link as NavLink } from "@/components/core/link";
 import { BadgePalette } from "./badge-palette";
 import { Choice, Choices, ChoicesProps } from "./choices";
 import { Pre } from "./code-block-mdx";
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index 44f8dd6b4..de6356759 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -3,11 +3,11 @@
 import Link from "next/link";
 import type { PageTree } from "fumadocs-core/server";
 import { AlignLeftIcon, PanelLeftCloseIcon, SearchIcon } from "lucide-react";
+import { Avatar } from "@/components/core/avatar";
+import { Button } from "@/components/core/button";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { ScrollArea } from "@/components/core/scroll-area";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
-import { Avatar } from "@/registry/ui/default/core/avatar";
-import { Button } from "@/registry/ui/default/core/button";
-import { Dialog, DialogRoot } from "@/registry/ui/default/core/dialog";
-import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
 import { siteConfig } from "@/config";
 import { NodeList } from "./sidebar";
 import { ThemeSwitcher } from "./theme-switcher";
diff --git a/www/src/components/palette.tsx b/www/src/components/palette.tsx
index efe2da0cc..958071108 100644
--- a/www/src/components/palette.tsx
+++ b/www/src/components/palette.tsx
@@ -1,5 +1,5 @@
+import { cn } from "@/lib/cn";
 import { ThemeOverride } from "@/components/theme-override";
-import { cn } from "@/registry/ui/default/lib/cn";
 
 export interface PaletteProps extends React.ComponentProps<"div"> {
   baseColor:
diff --git a/www/src/components/search-command.tsx b/www/src/components/search-command.tsx
index f73b9afac..5fd8349f5 100644
--- a/www/src/components/search-command.tsx
+++ b/www/src/components/search-command.tsx
@@ -13,6 +13,7 @@ import {
   SearchIcon,
   TextIcon,
 } from "lucide-react";
+import { cn } from "@/lib/cn";
 import { kekabCaseToTitle } from "@/lib/string";
 import { useCommandMenuInputRef } from "@/hooks/use-focus-command-menu";
 import {
@@ -24,8 +25,7 @@ import {
   CommandRoot,
   CommandSeparator,
   type CommandRootProps,
-} from "@/registry/ui/default/core/command";
-import { cn } from "@/registry/ui/default/lib/cn";
+} from "@/components/core/command";
 import { searchConfig } from "@/config";
 
 export const SearchCommand = ({
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 18027d921..f404fbafe 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -14,22 +14,22 @@ import {
   SearchIcon,
   SunIcon,
 } from "lucide-react";
+import { cn } from "@/lib/cn";
 import { hasActive, isActive } from "@/lib/docs/utils";
 import { useCommandMenuInputRef } from "@/hooks/use-focus-command-menu";
-import { GitHubIcon, TwitterIcon } from "@/components/icons";
-import { Avatar } from "@/registry/ui/default/core/avatar";
-import { Button, ButtonProps } from "@/registry/ui/default/core/button";
+import { Avatar } from "@/components/core/avatar";
+import { Button, ButtonProps } from "@/components/core/button";
 import {
   CollapsibleRoot,
   CollapsibleContent,
   CollapsibleTrigger,
-} from "@/registry/ui/default/core/collapsible";
-import { Dialog, DialogRoot } from "@/registry/ui/default/core/dialog";
-import { Kbd } from "@/registry/ui/default/core/kbd";
-import { DismissButton } from "@/registry/ui/default/core/overlay";
-import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
-import { Tooltip, TooltipProps } from "@/registry/ui/default/core/tooltip";
-import { cn } from "@/registry/ui/default/lib/cn";
+} from "@/components/core/collapsible";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { Kbd } from "@/components/core/kbd";
+import { DismissButton } from "@/components/core/overlay";
+import { ScrollArea } from "@/components/core/scroll-area";
+import { Tooltip, TooltipProps } from "@/components/core/tooltip";
+import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { siteConfig } from "@/config";
 import { SearchCommand } from "./search-command";
 import { ThemeSwitcher } from "./theme-switcher";
diff --git a/www/src/components/tabs.tsx b/www/src/components/tabs.tsx
index a85183935..412e33511 100644
--- a/www/src/components/tabs.tsx
+++ b/www/src/components/tabs.tsx
@@ -1,11 +1,11 @@
 "use client";
 
 import { useMemo, useState, useCallback, useLayoutEffect } from "react";
-import * as TabsPrimitive from "@/registry/ui/default/core/tabs";
+import * as TabsPrimitive from "@/components/core/tabs";
 import type {
   TabsProps as BaseProps,
   TabPanelProps,
-} from "@/registry/ui/default/core/tabs";
+} from "@/components/core/tabs";
 
 type ChangeListener = (v: string) => void;
 const listeners = new Map<string, ChangeListener[]>();
diff --git a/www/src/components/theme-customizer.tsx b/www/src/components/theme-customizer.tsx
index 620bb782c..8eb26eb4c 100644
--- a/www/src/components/theme-customizer.tsx
+++ b/www/src/components/theme-customizer.tsx
@@ -3,18 +3,14 @@
 import { googleFonts } from "@/lib/fonts";
 import { dotUIThemes } from "@/lib/themes";
 import { useThemes } from "@/hooks/use-themes";
-import { ColorPicker } from "@/registry/ui/default/core/color-picker";
-import {
-  DialogRootProps,
-  DialogRoot,
-  Dialog,
-} from "@/registry/ui/default/core/dialog";
-import { Label } from "@/registry/ui/default/core/field";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select, SelectRoot } from "@/registry/ui/default/core/select";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
-import { Slider } from "@/registry/ui/default/core/slider";
-import { Tag, TagGroup } from "@/registry/ui/default/core/tag-group/tag-group";
+import { ColorPicker } from "@/components/core/color-picker";
+import { DialogRootProps, DialogRoot, Dialog } from "@/components/core/dialog";
+import { Label } from "@/components/core/field";
+import { Item } from "@/components/core/list-box";
+import { Select } from "@/components/core/select";
+import { Skeleton } from "@/components/core/skeleton";
+import { Slider } from "@/components/core/slider";
+import { Tag, TagGroup } from "@/components/core/tag-group";
 
 export const ThemeCustomizerDialog = ({
   children,
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index 98cb3bdd6..3b992dfe9 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -1,11 +1,11 @@
 "use client";
 
 import React, { ReactNode } from "react";
+import { cn } from "@/lib/cn";
 import { googleFonts } from "@/lib/fonts";
 import { useThemes } from "@/hooks/use-themes";
+import { Skeleton } from "@/components/core/skeleton";
 import { useMounted } from "@/registry/hooks/use-mounted";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
-import { cn } from "@/registry/ui/default/lib/cn";
 
 interface ThemeOverrideProps extends React.ComponentProps<"div"> {
   children: React.ReactNode;
diff --git a/www/src/components/theme-switcher.tsx b/www/src/components/theme-switcher.tsx
index d6c03fa0e..65fb424ba 100644
--- a/www/src/components/theme-switcher.tsx
+++ b/www/src/components/theme-switcher.tsx
@@ -3,10 +3,10 @@
 import React from "react";
 import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
 import { useTheme } from "next-themes";
-import { Button } from "@/registry/ui/default/core/button";
-import { Item, ListBox } from "@/registry/ui/default/core/list-box";
-import { Overlay } from "@/registry/ui/default/core/overlay";
-import { SelectRoot } from "@/registry/ui/default/core/select";
+import { Button } from "@/components/core/button";
+import { Item, ListBox } from "@/components/core/list-box";
+import { Overlay } from "@/components/core/overlay";
+import { SelectRoot } from "@/components/core/select";
 
 export const ThemeSwitcher = ({ children }: { children?: React.ReactNode }) => {
   const { theme, setTheme } = useTheme();
diff --git a/www/src/components/toc.tsx b/www/src/components/toc.tsx
index 42f6c9e4c..3dd2a66eb 100644
--- a/www/src/components/toc.tsx
+++ b/www/src/components/toc.tsx
@@ -6,9 +6,9 @@ import {
   type TableOfContents as TocType,
 } from "fumadocs-core/server";
 import * as TocPrimitive from "fumadocs-core/toc";
+import { cn } from "@/lib/cn";
 import { useTocThumb } from "@/hooks/use-toc-thumb";
-import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { ScrollArea } from "@/components/core/scroll-area";
 
 export const TableOfContents = ({ toc }: { toc: TocType }) => {
   if (toc.length === 0) return null;
diff --git a/www/src/lib/cn.ts b/www/src/lib/cn.ts
new file mode 100644
index 000000000..732445c96
--- /dev/null
+++ b/www/src/lib/cn.ts
@@ -0,0 +1 @@
+export * from "@/registry-v2/lib/cn"
\ No newline at end of file
diff --git a/www/src/lib/focus-styles.ts b/www/src/lib/focus-styles.ts
new file mode 100644
index 000000000..056ed945d
--- /dev/null
+++ b/www/src/lib/focus-styles.ts
@@ -0,0 +1 @@
+export * from "@/registry-v2/lib/focus-styles";
\ No newline at end of file

From eea2b7f142e022ccfee83aeb0aa959672cf3b9a9 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 16:15:23 +0100
Subject: [PATCH 012/165] chore: update imports

---
 www/scripts/build-registry.ts                 |  2 +-
 www/src/components/theme-override.tsx         |  2 +-
 www/src/demos/alert/action.tsx                |  4 +-
 www/src/demos/alert/composition.tsx           |  4 +-
 www/src/demos/alert/content.tsx               |  2 +-
 www/src/demos/alert/custom-icon.tsx           |  2 +-
 www/src/demos/alert/default.tsx               |  2 +-
 www/src/demos/alert/title.tsx                 |  2 +-
 www/src/demos/alert/variants.tsx              |  6 +-
 www/src/demos/avatar/composition.tsx          |  2 +-
 www/src/demos/avatar/default.tsx              |  2 +-
 www/src/demos/avatar/shape.tsx                |  2 +-
 www/src/demos/avatar/sizes.tsx                |  2 +-
 www/src/demos/breadcrumbs/basic.tsx           |  5 +-
 www/src/demos/breadcrumbs/composition.tsx     |  2 +-
 www/src/demos/breadcrumbs/disabled.tsx        |  5 +-
 www/src/demos/breadcrumbs/icon.tsx            |  5 +-
 .../demos/breadcrumbs/router-integration.tsx  |  5 +-
 www/src/demos/button/default.tsx              |  2 +-
 www/src/demos/button/disabled.tsx             |  2 +-
 www/src/demos/button/link-button.tsx          |  2 +-
 www/src/demos/button/loading.tsx              |  2 +-
 www/src/demos/button/prefix-and-suffix.tsx    |  2 +-
 www/src/demos/button/shapes.tsx               |  2 +-
 www/src/demos/button/sizes.tsx                |  2 +-
 www/src/demos/button/variants.tsx             |  2 +-
 www/src/demos/calendar/composition.tsx        |  6 +-
 www/src/demos/calendar/controlled.tsx         |  2 +-
 www/src/demos/calendar/default.tsx            |  2 +-
 www/src/demos/calendar/disabled.tsx           |  2 +-
 www/src/demos/calendar/error-message.tsx      |  2 +-
 www/src/demos/calendar/label.tsx              |  2 +-
 www/src/demos/calendar/page-behaviour.tsx     |  2 +-
 www/src/demos/calendar/read-only.tsx          |  2 +-
 www/src/demos/calendar/uncontrolled.tsx       |  2 +-
 www/src/demos/calendar/unvailable-dates.tsx   |  2 +-
 www/src/demos/calendar/validation.tsx         |  2 +-
 www/src/demos/calendar/visible-months.tsx     |  2 +-
 www/src/demos/checkbox-group/cards.tsx        |  4 +-
 www/src/demos/checkbox-group/composition.tsx  |  6 +-
 .../demos/checkbox-group/contextual-help.tsx  |  6 +-
 www/src/demos/checkbox-group/controlled.tsx   |  4 +-
 www/src/demos/checkbox-group/default.tsx      |  4 +-
 www/src/demos/checkbox-group/description.tsx  |  4 +-
 www/src/demos/checkbox-group/disabled.tsx     |  4 +-
 .../demos/checkbox-group/error-message.tsx    |  4 +-
 www/src/demos/checkbox-group/label.tsx        |  4 +-
 www/src/demos/checkbox-group/read-only.tsx    |  4 +-
 www/src/demos/checkbox-group/required.tsx     |  4 +-
 www/src/demos/checkbox-group/uncontrolled.tsx |  4 +-
 www/src/demos/checkbox/card.tsx               |  2 +-
 www/src/demos/checkbox/controlled.tsx         |  2 +-
 www/src/demos/checkbox/default.tsx            |  4 +-
 www/src/demos/checkbox/disabled.tsx           |  2 +-
 www/src/demos/checkbox/indeterminate.tsx      |  2 +-
 www/src/demos/checkbox/read-only.tsx          |  2 +-
 www/src/demos/checkbox/uncontrolled.tsx       |  2 +-
 www/src/demos/color-area/channels.tsx         |  2 +-
 www/src/demos/color-area/composition.tsx      |  4 +-
 www/src/demos/color-area/controlled.tsx       |  2 +-
 www/src/demos/color-area/default.tsx          |  2 +-
 www/src/demos/color-area/disabled.tsx         |  2 +-
 www/src/demos/color-area/uncontrolled.tsx     |  2 +-
 www/src/demos/color-field/composition.tsx     |  6 +-
 www/src/demos/color-field/contextual-help.tsx |  4 +-
 www/src/demos/color-field/controlled.tsx      |  2 +-
 www/src/demos/color-field/default.tsx         |  2 +-
 www/src/demos/color-field/description.tsx     |  2 +-
 www/src/demos/color-field/disabled.tsx        |  2 +-
 www/src/demos/color-field/error-message.tsx   |  2 +-
 www/src/demos/color-field/form.tsx            |  2 +-
 www/src/demos/color-field/label.tsx           |  2 +-
 www/src/demos/color-field/loading.tsx         |  2 +-
 .../demos/color-field/prefix-and-suffix.tsx   |  2 +-
 www/src/demos/color-field/read-only.tsx       |  2 +-
 www/src/demos/color-field/required.tsx        |  2 +-
 www/src/demos/color-field/sizes.tsx           |  2 +-
 www/src/demos/color-field/uncontrolled.tsx    |  2 +-
 www/src/demos/color-picker/composition.tsx    |  8 +-
 www/src/demos/color-picker/controlled.tsx     |  2 +-
 www/src/demos/color-picker/default.tsx        |  2 +-
 www/src/demos/color-picker/options.tsx        |  2 +-
 www/src/demos/color-picker/uncontrolled.tsx   |  2 +-
 www/src/demos/color-slider/channel.tsx        |  2 +-
 www/src/demos/color-slider/composition.tsx    |  6 +-
 www/src/demos/color-slider/controlled.tsx     |  2 +-
 www/src/demos/color-slider/default.tsx        |  2 +-
 www/src/demos/color-slider/disabled.tsx       |  2 +-
 www/src/demos/color-slider/label.tsx          |  2 +-
 www/src/demos/color-slider/uncontrolled.tsx   |  2 +-
 www/src/demos/color-slider/vertical.tsx       |  2 +-
 www/src/demos/color-swatch/default.tsx        |  2 +-
 www/src/demos/combobox/async-loading.tsx      |  4 +-
 www/src/demos/combobox/basic.tsx              |  4 +-
 www/src/demos/combobox/composition.tsx        |  8 +-
 www/src/demos/combobox/contextual-help.tsx    |  6 +-
 www/src/demos/combobox/controlled.tsx         |  4 +-
 www/src/demos/combobox/custom-value.tsx       |  4 +-
 www/src/demos/combobox/description.tsx        |  4 +-
 www/src/demos/combobox/disabled.tsx           |  4 +-
 www/src/demos/combobox/label.tsx              |  4 +-
 www/src/demos/combobox/loading.tsx            |  4 +-
 www/src/demos/combobox/required.tsx           |  4 +-
 www/src/demos/combobox/sections.tsx           |  6 +-
 www/src/demos/combobox/uncontrolled.tsx       |  4 +-
 www/src/demos/combobox/validation.tsx         |  4 +-
 www/src/demos/date-field/composition.tsx      |  8 +-
 www/src/demos/date-field/contextual-help.tsx  |  4 +-
 www/src/demos/date-field/controlled.tsx       |  2 +-
 www/src/demos/date-field/default.tsx          |  2 +-
 www/src/demos/date-field/description.tsx      |  2 +-
 www/src/demos/date-field/disabled.tsx         |  2 +-
 www/src/demos/date-field/error-message.tsx    |  2 +-
 www/src/demos/date-field/granularity.tsx      |  2 +-
 www/src/demos/date-field/hide-time-zone.tsx   |  2 +-
 www/src/demos/date-field/hour-cycle.tsx       |  2 +-
 www/src/demos/date-field/label.tsx            |  2 +-
 www/src/demos/date-field/loading.tsx          |  2 +-
 www/src/demos/date-field/placeholder.tsx      |  2 +-
 .../demos/date-field/prefix-and-suffix.tsx    |  2 +-
 www/src/demos/date-field/read-only.tsx        |  2 +-
 www/src/demos/date-field/required.tsx         |  2 +-
 www/src/demos/date-field/sizes.tsx            |  2 +-
 www/src/demos/date-field/time-zones.tsx       |  2 +-
 www/src/demos/date-field/uncontrolled.tsx     |  2 +-
 www/src/demos/date-picker/composition.tsx     | 16 ++--
 www/src/demos/date-picker/contextual-help.tsx |  4 +-
 www/src/demos/date-picker/controlled.tsx      |  2 +-
 www/src/demos/date-picker/default.tsx         |  2 +-
 www/src/demos/date-picker/description.tsx     |  2 +-
 www/src/demos/date-picker/disabled.tsx        |  2 +-
 www/src/demos/date-picker/error-message.tsx   |  2 +-
 www/src/demos/date-picker/granularity.tsx     |  2 +-
 www/src/demos/date-picker/hide-time-zone.tsx  |  2 +-
 www/src/demos/date-picker/hour-cycle.tsx      |  2 +-
 www/src/demos/date-picker/label.tsx           |  2 +-
 www/src/demos/date-picker/loading.tsx         |  2 +-
 www/src/demos/date-picker/placeholder.tsx     |  2 +-
 www/src/demos/date-picker/prefix.tsx          |  2 +-
 www/src/demos/date-picker/read-only.tsx       |  2 +-
 www/src/demos/date-picker/required.tsx        |  2 +-
 www/src/demos/date-picker/sizes.tsx           |  2 +-
 www/src/demos/date-picker/time-zones.tsx      |  2 +-
 www/src/demos/date-picker/uncontrolled.tsx    |  2 +-
 .../demos/date-range-picker/composition.tsx   | 16 ++--
 .../date-range-picker/contextual-help.tsx     |  4 +-
 .../demos/date-range-picker/controlled.tsx    |  2 +-
 www/src/demos/date-range-picker/default.tsx   |  2 +-
 .../demos/date-range-picker/description.tsx   |  2 +-
 www/src/demos/date-range-picker/disabled.tsx  |  2 +-
 .../demos/date-range-picker/error-message.tsx |  2 +-
 .../demos/date-range-picker/granularity.tsx   |  2 +-
 .../date-range-picker/hide-time-zone.tsx      |  2 +-
 .../demos/date-range-picker/hour-cycle.tsx    |  2 +-
 www/src/demos/date-range-picker/label.tsx     |  2 +-
 www/src/demos/date-range-picker/loading.tsx   |  2 +-
 .../demos/date-range-picker/placeholder.tsx   |  2 +-
 www/src/demos/date-range-picker/prefix.tsx    |  2 +-
 www/src/demos/date-range-picker/read-only.tsx |  2 +-
 www/src/demos/date-range-picker/required.tsx  |  2 +-
 www/src/demos/date-range-picker/sizes.tsx     |  2 +-
 .../demos/date-range-picker/time-zones.tsx    |  2 +-
 .../demos/date-range-picker/uncontrolled.tsx  |  2 +-
 www/src/demos/dialog/alert-dialog.tsx         |  4 +-
 .../demos/dialog/async-form-submission.tsx    |  6 +-
 www/src/demos/dialog/basic.tsx                |  6 +-
 www/src/demos/dialog/composition.tsx          |  6 +-
 www/src/demos/dialog/controlled.tsx           |  6 +-
 www/src/demos/dialog/description.tsx          |  6 +-
 www/src/demos/dialog/dismiss-button.tsx       |  6 +-
 www/src/demos/dialog/dismissable.tsx          |  6 +-
 www/src/demos/dialog/drawer.tsx               | 10 +--
 www/src/demos/dialog/inset-content.tsx        |  6 +-
 www/src/demos/dialog/nested.tsx               |  6 +-
 www/src/demos/dialog/popover.tsx              | 12 +--
 www/src/demos/dialog/title.tsx                |  6 +-
 www/src/demos/dialog/types.tsx                |  8 +-
 www/src/demos/drop-zone/default.tsx           |  2 +-
 www/src/demos/drop-zone/disabled.tsx          |  4 +-
 www/src/demos/drop-zone/file-trigger.tsx      |  8 +-
 www/src/demos/drop-zone/label.tsx             |  4 +-
 www/src/demos/file-trigger/default.tsx        |  4 +-
 .../file-trigger/directory-selection.tsx      |  4 +-
 www/src/demos/file-trigger/file-types.tsx     |  4 +-
 www/src/demos/file-trigger/media-capture.tsx  |  4 +-
 www/src/demos/file-trigger/multiple-files.tsx |  4 +-
 www/src/demos/link/default.tsx                |  2 +-
 www/src/demos/link/disabled.tsx               |  2 +-
 www/src/demos/link/icon.tsx                   |  2 +-
 www/src/demos/link/variants.tsx               |  2 +-
 www/src/demos/list-box/async-loading.tsx      |  2 +-
 www/src/demos/list-box/basic.tsx              |  2 +-
 www/src/demos/list-box/composition.tsx        |  4 +-
 www/src/demos/list-box/controlled.tsx         |  2 +-
 www/src/demos/list-box/disabled-items.tsx     |  2 +-
 www/src/demos/list-box/empty-state.tsx        |  2 +-
 www/src/demos/list-box/grid.tsx               |  2 +-
 www/src/demos/list-box/horizontal.tsx         |  2 +-
 www/src/demos/list-box/item-variant.tsx       |  2 +-
 .../demos/list-box/label-and-description.tsx  |  4 +-
 www/src/demos/list-box/links.tsx              |  2 +-
 www/src/demos/list-box/loading.tsx            |  2 +-
 www/src/demos/list-box/prefix-and-suffix.tsx  |  2 +-
 www/src/demos/list-box/sections.tsx           |  4 +-
 www/src/demos/list-box/selection-behavior.tsx |  2 +-
 www/src/demos/list-box/selection-mode.tsx     |  2 +-
 www/src/demos/list-box/separator.tsx          |  4 +-
 www/src/demos/list-box/uncontrolled.tsx       |  2 +-
 www/src/demos/menu/basic.tsx                  |  4 +-
 www/src/demos/menu/composition.tsx            |  6 +-
 www/src/demos/menu/controlled.tsx             |  4 +-
 www/src/demos/menu/disabled-items.tsx         |  4 +-
 www/src/demos/menu/item-variant.tsx           |  4 +-
 www/src/demos/menu/label-and-description.tsx  |  4 +-
 www/src/demos/menu/link-items.tsx             |  4 +-
 www/src/demos/menu/long-press.tsx             |  4 +-
 www/src/demos/menu/multiple-selection.tsx     |  4 +-
 www/src/demos/menu/overlay-type.tsx           |  8 +-
 www/src/demos/menu/placement.tsx              |  8 +-
 www/src/demos/menu/prefix-and-suffix.tsx      |  4 +-
 www/src/demos/menu/section.tsx                |  6 +-
 www/src/demos/menu/separator.tsx              |  6 +-
 www/src/demos/menu/shortcut.tsx               |  4 +-
 www/src/demos/menu/single-selection.tsx       |  4 +-
 www/src/demos/menu/submenus.tsx               |  4 +-
 www/src/demos/number-field/composition.tsx    | 10 +--
 .../demos/number-field/contextual-help.tsx    |  4 +-
 www/src/demos/number-field/controlled.tsx     |  2 +-
 www/src/demos/number-field/default.tsx        |  2 +-
 www/src/demos/number-field/description.tsx    |  2 +-
 www/src/demos/number-field/disabled.tsx       |  2 +-
 www/src/demos/number-field/error-message.tsx  |  2 +-
 www/src/demos/number-field/format-options.tsx |  2 +-
 www/src/demos/number-field/label.tsx          |  2 +-
 www/src/demos/number-field/read-only.tsx      |  2 +-
 www/src/demos/number-field/required.tsx       |  2 +-
 www/src/demos/number-field/sizes.tsx          |  2 +-
 www/src/demos/number-field/uncontrolled.tsx   |  2 +-
 www/src/demos/progress/composition.tsx        |  2 +-
 www/src/demos/progress/custom-color.tsx       |  2 +-
 www/src/demos/progress/custom-value-label.tsx |  2 +-
 www/src/demos/progress/default.tsx            |  2 +-
 www/src/demos/progress/duration.tsx           |  4 +-
 www/src/demos/progress/format-options.tsx     |  2 +-
 www/src/demos/progress/indeterminate.tsx      |  2 +-
 www/src/demos/progress/label.tsx              |  2 +-
 www/src/demos/progress/min-max-values.tsx     |  2 +-
 www/src/demos/progress/shape.tsx              |  2 +-
 www/src/demos/progress/sizes.tsx              |  2 +-
 www/src/demos/progress/toolbar.tsx            |  8 +-
 www/src/demos/progress/value-label.tsx        |  2 +-
 www/src/demos/progress/variants.tsx           |  2 +-
 www/src/demos/radio-group/cards.tsx           |  2 +-
 www/src/demos/radio-group/composition.tsx     |  4 +-
 www/src/demos/radio-group/contextual-help.tsx |  4 +-
 www/src/demos/radio-group/controlled.tsx      |  2 +-
 www/src/demos/radio-group/default.tsx         |  2 +-
 www/src/demos/radio-group/description.tsx     |  2 +-
 www/src/demos/radio-group/disabled.tsx        |  2 +-
 www/src/demos/radio-group/error-message.tsx   |  2 +-
 www/src/demos/radio-group/label.tsx           |  2 +-
 www/src/demos/radio-group/orientation.tsx     |  2 +-
 www/src/demos/radio-group/read-only.tsx       |  2 +-
 www/src/demos/radio-group/required.tsx        |  2 +-
 www/src/demos/radio-group/uncontrolled.tsx    |  2 +-
 www/src/demos/range-calendar/composition.tsx  |  8 +-
 www/src/demos/range-calendar/controlled.tsx   |  2 +-
 www/src/demos/range-calendar/default.tsx      |  2 +-
 www/src/demos/range-calendar/disabled.tsx     |  2 +-
 .../demos/range-calendar/error-message.tsx    |  2 +-
 www/src/demos/range-calendar/label.tsx        |  2 +-
 .../range-calendar/non-contiguous-ranges.tsx  |  2 +-
 .../demos/range-calendar/page-behaviour.tsx   |  2 +-
 www/src/demos/range-calendar/read-only.tsx    |  2 +-
 www/src/demos/range-calendar/uncontrolled.tsx |  2 +-
 .../demos/range-calendar/unvailable-dates.tsx |  2 +-
 www/src/demos/range-calendar/validation.tsx   |  2 +-
 .../demos/range-calendar/visible-months.tsx   |  2 +-
 www/src/demos/scroll-area/default.tsx         |  2 +-
 www/src/demos/scroll-area/scrollbars.tsx      |  4 +-
 www/src/demos/scroll-area/sizes.tsx           |  2 +-
 www/src/demos/search-field/composition.tsx    |  6 +-
 .../demos/search-field/contextual-help.tsx    |  4 +-
 www/src/demos/search-field/controlled.tsx     |  2 +-
 www/src/demos/search-field/default.tsx        |  2 +-
 www/src/demos/search-field/description.tsx    |  2 +-
 www/src/demos/search-field/disabled.tsx       |  2 +-
 www/src/demos/search-field/error-message.tsx  |  2 +-
 www/src/demos/search-field/form.tsx           |  2 +-
 www/src/demos/search-field/label.tsx          |  2 +-
 www/src/demos/search-field/loading.tsx        |  2 +-
 .../demos/search-field/prefix-and-suffix.tsx  |  6 +-
 www/src/demos/search-field/read-only.tsx      |  2 +-
 www/src/demos/search-field/required.tsx       |  2 +-
 www/src/demos/search-field/sizes.tsx          |  2 +-
 www/src/demos/search-field/uncontrolled.tsx   |  2 +-
 www/src/demos/select/async-loading.tsx        |  4 +-
 www/src/demos/select/basic.tsx                |  4 +-
 www/src/demos/select/composition.tsx          |  8 +-
 www/src/demos/select/contextual-help.tsx      |  6 +-
 www/src/demos/select/controlled.tsx           |  4 +-
 www/src/demos/select/description.tsx          |  4 +-
 www/src/demos/select/disabled.tsx             |  4 +-
 www/src/demos/select/label.tsx                |  4 +-
 www/src/demos/select/links.tsx                |  4 +-
 www/src/demos/select/loading.tsx              |  4 +-
 www/src/demos/select/placeholder.tsx          |  4 +-
 www/src/demos/select/required.tsx             |  4 +-
 www/src/demos/select/sections.tsx             |  6 +-
 www/src/demos/select/uncontrolled.tsx         |  4 +-
 www/src/demos/select/validation.tsx           |  4 +-
 www/src/demos/separator/card.tsx              |  2 +-
 www/src/demos/separator/orientation.tsx       |  2 +-
 www/src/demos/skeleton/api-simulation.tsx     |  4 +-
 www/src/demos/skeleton/card.tsx               |  2 +-
 www/src/demos/skeleton/children.tsx           |  4 +-
 .../demos/skeleton/fixed-size-children.tsx    |  4 +-
 www/src/demos/skeleton/show.tsx               |  4 +-
 www/src/demos/slider/advanced-composition.tsx |  4 +-
 www/src/demos/slider/composition.tsx          |  4 +-
 www/src/demos/slider/controlled.tsx           |  2 +-
 www/src/demos/slider/default.tsx              |  2 +-
 www/src/demos/slider/description.tsx          |  2 +-
 www/src/demos/slider/disabled.tsx             |  2 +-
 www/src/demos/slider/format-options.tsx       |  2 +-
 www/src/demos/slider/label.tsx                |  2 +-
 www/src/demos/slider/range.tsx                |  2 +-
 www/src/demos/slider/sizes.tsx                |  2 +-
 www/src/demos/slider/step.tsx                 |  2 +-
 www/src/demos/slider/uncontrolled.tsx         |  2 +-
 www/src/demos/slider/value-label.tsx          |  2 +-
 www/src/demos/slider/value-scale.tsx          |  2 +-
 www/src/demos/slider/vertical.tsx             |  2 +-
 www/src/demos/switch/controlled.tsx           |  2 +-
 www/src/demos/switch/default.tsx              |  2 +-
 www/src/demos/switch/disabled.tsx             |  2 +-
 www/src/demos/switch/label.tsx                |  2 +-
 www/src/demos/switch/sizes.tsx                |  2 +-
 www/src/demos/switch/uncontrolled.tsx         |  2 +-
 www/src/demos/tabs/basic.tsx                  |  2 +-
 www/src/demos/tabs/controlled.tsx             |  2 +-
 www/src/demos/tabs/disabled-item.tsx          |  2 +-
 www/src/demos/tabs/disabled.tsx               |  2 +-
 www/src/demos/tabs/keyboard-activation.tsx    |  2 +-
 www/src/demos/tabs/vertical.tsx               |  2 +-
 www/src/demos/text-area/composition.tsx       |  6 +-
 www/src/demos/text-area/contextual-help.tsx   |  4 +-
 www/src/demos/text-area/controlled.tsx        |  2 +-
 www/src/demos/text-area/default.tsx           |  2 +-
 www/src/demos/text-area/description.tsx       |  2 +-
 www/src/demos/text-area/disabled.tsx          |  2 +-
 www/src/demos/text-area/error-message.tsx     |  2 +-
 www/src/demos/text-area/form.tsx              |  2 +-
 www/src/demos/text-area/label.tsx             |  2 +-
 www/src/demos/text-area/loading.tsx           |  2 +-
 www/src/demos/text-area/prefix-and-suffix.tsx |  6 +-
 www/src/demos/text-area/read-only.tsx         |  2 +-
 www/src/demos/text-area/required.tsx          |  2 +-
 www/src/demos/text-area/uncontrolled.tsx      |  2 +-
 www/src/demos/text-field/composition.tsx      |  6 +-
 www/src/demos/text-field/contextual-help.tsx  |  4 +-
 www/src/demos/text-field/controlled.tsx       |  2 +-
 www/src/demos/text-field/default.tsx          |  2 +-
 www/src/demos/text-field/description.tsx      |  2 +-
 www/src/demos/text-field/disabled.tsx         |  2 +-
 www/src/demos/text-field/error-message.tsx    |  2 +-
 www/src/demos/text-field/label.tsx            |  2 +-
 www/src/demos/text-field/loading.tsx          |  2 +-
 .../demos/text-field/prefix-and-suffix.tsx    |  6 +-
 www/src/demos/text-field/read-only.tsx        |  2 +-
 www/src/demos/text-field/required.tsx         |  2 +-
 www/src/demos/text-field/sizes.tsx            |  2 +-
 www/src/demos/text-field/uncontrolled.tsx     |  2 +-
 www/src/demos/time-field/composition.tsx      |  8 +-
 www/src/demos/time-field/contextual-help.tsx  |  4 +-
 www/src/demos/time-field/controlled.tsx       |  2 +-
 www/src/demos/time-field/default.tsx          |  2 +-
 www/src/demos/time-field/description.tsx      |  2 +-
 www/src/demos/time-field/disabled.tsx         |  2 +-
 www/src/demos/time-field/error-message.tsx    |  2 +-
 www/src/demos/time-field/granularity.tsx      |  2 +-
 www/src/demos/time-field/hide-time-zone.tsx   |  2 +-
 www/src/demos/time-field/hour-cycle.tsx       |  2 +-
 www/src/demos/time-field/label.tsx            |  2 +-
 www/src/demos/time-field/loading.tsx          |  2 +-
 www/src/demos/time-field/placeholder.tsx      |  2 +-
 .../demos/time-field/prefix-and-suffix.tsx    |  2 +-
 www/src/demos/time-field/read-only.tsx        |  2 +-
 www/src/demos/time-field/required.tsx         |  2 +-
 www/src/demos/time-field/sizes.tsx            |  2 +-
 www/src/demos/time-field/time-zones.tsx       |  2 +-
 www/src/demos/time-field/uncontrolled.tsx     |  2 +-
 www/src/demos/toggle-button/controlled.tsx    |  2 +-
 www/src/demos/toggle-button/default.tsx       |  2 +-
 www/src/demos/toggle-button/disabled.tsx      |  2 +-
 www/src/demos/toggle-button/shapes.tsx        |  2 +-
 www/src/demos/toggle-button/sizes.tsx         |  2 +-
 www/src/demos/toggle-button/uncontrolled.tsx  |  2 +-
 www/src/demos/toggle-button/variants.tsx      |  2 +-
 www/src/demos/tooltip/arrow.tsx               |  4 +-
 www/src/demos/tooltip/composition.tsx         |  7 +-
 www/src/demos/tooltip/container-padding.tsx   |  6 +-
 www/src/demos/tooltip/default.tsx             |  4 +-
 www/src/demos/tooltip/delay.tsx               |  6 +-
 www/src/demos/tooltip/flip.tsx                |  6 +-
 www/src/demos/tooltip/offset.tsx              |  6 +-
 www/src/demos/tooltip/placement.tsx           |  4 +-
 www/src/demos/tooltip/with-arrow.tsx          |  4 +-
 .../{registry-v2 => }/hooks/use-mounted.ts    |  0
 www/src/hooks/use-themes.ts                   |  2 +-
 www/src/registry-v2/core/badge.tsx            |  2 +-
 www/src/registry-v2/core/button.tsx           |  2 +-
 www/src/registry-v2/core/calendar.tsx         |  6 +-
 www/src/registry-v2/core/checkbox-group.tsx   |  4 +-
 www/src/registry-v2/core/checkbox.tsx         |  5 +-
 www/src/registry-v2/core/collapsible.tsx      |  2 +-
 www/src/registry-v2/core/color-area.tsx       |  2 +-
 www/src/registry-v2/core/color-field.tsx      |  8 +-
 www/src/registry-v2/core/color-picker.tsx     | 22 ++---
 www/src/registry-v2/core/color-slider.tsx     |  6 +-
 www/src/registry-v2/core/color-thumb.tsx      |  2 +-
 www/src/registry-v2/core/combobox.tsx         | 10 +--
 www/src/registry-v2/core/command.tsx          |  2 +-
 www/src/registry-v2/core/contextual-help.tsx  |  4 +-
 www/src/registry-v2/core/date-field.tsx       |  6 +-
 www/src/registry-v2/core/date-picker.tsx      | 16 ++--
 .../registry-v2/core/date-range-picker.tsx    | 16 ++--
 www/src/registry-v2/core/dialog.tsx           |  6 +-
 www/src/registry-v2/core/input.tsx            |  2 +-
 www/src/registry-v2/core/link.tsx             |  2 +-
 www/src/registry-v2/core/list-box.tsx         |  4 +-
 www/src/registry-v2/core/menu.tsx             |  6 +-
 www/src/registry-v2/core/number-field.tsx     | 12 +--
 www/src/registry-v2/core/overlay.tsx          |  6 +-
 www/src/registry-v2/core/progress.tsx         |  4 +-
 www/src/registry-v2/core/radio-group.tsx      |  7 +-
 www/src/registry-v2/core/range-calendar.tsx   | 10 +--
 www/src/registry-v2/core/search-field.tsx     | 10 +--
 www/src/registry-v2/core/select.tsx           | 11 +--
 www/src/registry-v2/core/skeleton.tsx         |  2 +-
 www/src/registry-v2/core/slider.tsx           | 10 +--
 www/src/registry-v2/core/switch.tsx           |  2 +-
 www/src/registry-v2/core/table.tsx            |  2 +-
 www/src/registry-v2/core/tabs.tsx             |  2 +-
 www/src/registry-v2/core/tag-group.tsx        |  6 +-
 www/src/registry-v2/core/text-area.tsx        |  6 +-
 www/src/registry-v2/core/text-field.tsx       |  8 +-
 www/src/registry-v2/core/time-field.tsx       |  6 +-
 www/src/registry-v2/core/toggle-button.tsx    |  2 +-
 www/src/registry-v2/core/toggle-group.tsx     |  2 +-
 www/src/registry-v2/hooks/use-battery.ts      | 76 -----------------
 www/src/registry-v2/hooks/use-counter.ts      | 85 -------------------
 www/src/registry-v2/hooks/use-debounce.ts     | 17 ----
 www/src/registry-v2/hooks/use-in-view.ts      |  3 -
 .../hooks/use-intersection-observer.ts        | 36 --------
 www/src/registry-v2/hooks/use-is-client.ts    | 11 ---
 www/src/registry-v2/hooks/use-list.ts         | 38 ---------
 .../registry-v2/hooks/use-local-storage.ts    | 73 ----------------
 www/src/registry-v2/hooks/use-media-query.ts  | 26 +-----
 www/src/registry-v2/hooks/use-mouse.ts        | 63 --------------
 .../registry-v2/hooks/use-network-state.ts    | 84 ------------------
 www/src/registry-v2/hooks/use-orientation.ts  | 46 ----------
 www/src/registry-v2/hooks/use-previous.ts     | 13 ---
 www/src/registry-v2/hooks/use-scrolled.ts     | 27 ------
 www/src/registry-v2/hooks/use-window-size.ts  | 29 -------
 .../{registry => registry-v2/index}/core.ts   |  0
 .../{registry => registry-v2/index}/hooks.ts  |  0
 .../{registry => registry-v2/index}/icons.ts  |  0
 www/src/registry-v2/index/index.ts            |  6 ++
 .../ui-lib.ts => registry-v2/index/lib.ts}    |  0
 .../{registry => registry-v2/index}/styles.ts |  0
 .../{registry => registry-v2/index}/themes.ts |  0
 www/src/registry/blocks.ts                    |  3 -
 www/src/registry/hooks/use-media-query.ts     | 43 ----------
 www/src/registry/hooks/use-mounted.ts         | 11 ---
 www/src/registry/index.ts                     |  7 --
 .../core/number-field/number-field.tsx        |  2 +-
 .../ui/default/core/overlay/overlay.tsx       |  2 +-
 478 files changed, 730 insertions(+), 1469 deletions(-)
 rename www/src/{registry-v2 => }/hooks/use-mounted.ts (100%)
 delete mode 100644 www/src/registry-v2/hooks/use-battery.ts
 delete mode 100644 www/src/registry-v2/hooks/use-counter.ts
 delete mode 100644 www/src/registry-v2/hooks/use-debounce.ts
 delete mode 100644 www/src/registry-v2/hooks/use-in-view.ts
 delete mode 100644 www/src/registry-v2/hooks/use-intersection-observer.ts
 delete mode 100644 www/src/registry-v2/hooks/use-is-client.ts
 delete mode 100644 www/src/registry-v2/hooks/use-list.ts
 delete mode 100644 www/src/registry-v2/hooks/use-local-storage.ts
 delete mode 100644 www/src/registry-v2/hooks/use-mouse.ts
 delete mode 100644 www/src/registry-v2/hooks/use-network-state.ts
 delete mode 100644 www/src/registry-v2/hooks/use-orientation.ts
 delete mode 100644 www/src/registry-v2/hooks/use-previous.ts
 delete mode 100644 www/src/registry-v2/hooks/use-scrolled.ts
 delete mode 100644 www/src/registry-v2/hooks/use-window-size.ts
 rename www/src/{registry => registry-v2/index}/core.ts (100%)
 rename www/src/{registry => registry-v2/index}/hooks.ts (100%)
 rename www/src/{registry => registry-v2/index}/icons.ts (100%)
 create mode 100644 www/src/registry-v2/index/index.ts
 rename www/src/{registry/ui-lib.ts => registry-v2/index/lib.ts} (100%)
 rename www/src/{registry => registry-v2/index}/styles.ts (100%)
 rename www/src/{registry => registry-v2/index}/themes.ts (100%)
 delete mode 100644 www/src/registry/blocks.ts
 delete mode 100644 www/src/registry/hooks/use-media-query.ts
 delete mode 100644 www/src/registry/hooks/use-mounted.ts
 delete mode 100644 www/src/registry/index.ts

diff --git a/www/scripts/build-registry.ts b/www/scripts/build-registry.ts
index 0d3ef8556..cd755110d 100644
--- a/www/scripts/build-registry.ts
+++ b/www/scripts/build-registry.ts
@@ -7,7 +7,7 @@ import { hooks } from "@/registry/hooks";
 import { iconLibraries, icons } from "@/registry/icons";
 import { styles } from "@/registry/styles";
 import { themes } from "@/registry/themes";
-import { lib } from "@/registry/ui-lib";
+import { lib } from "@/registry-v2/index/lib";
 import { registry } from "@/registry";
 
 const REGISTRY_PATH = path.join(process.cwd(), "public/registry");
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index 3b992dfe9..1764b569d 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -3,9 +3,9 @@
 import React, { ReactNode } from "react";
 import { cn } from "@/lib/cn";
 import { googleFonts } from "@/lib/fonts";
+import { useMounted } from "@/hooks/use-mounted";
 import { useThemes } from "@/hooks/use-themes";
 import { Skeleton } from "@/components/core/skeleton";
-import { useMounted } from "@/registry/hooks/use-mounted";
 
 interface ThemeOverrideProps extends React.ComponentProps<"div"> {
   children: React.ReactNode;
diff --git a/www/src/demos/alert/action.tsx b/www/src/demos/alert/action.tsx
index 9f5134dd5..3a8691aa0 100644
--- a/www/src/demos/alert/action.tsx
+++ b/www/src/demos/alert/action.tsx
@@ -1,5 +1,5 @@
-import { Alert } from "@/registry/ui/default/core/alert";
-import { Button } from "@/registry/ui/default/core/button";
+import { Alert } from "@/components/dynamic-core/alert";
+import { Button } from "@/components/dynamic-core/button";
 
 export default function AlertDemo() {
   return (
diff --git a/www/src/demos/alert/composition.tsx b/www/src/demos/alert/composition.tsx
index 2dd8c8245..41d8847dc 100644
--- a/www/src/demos/alert/composition.tsx
+++ b/www/src/demos/alert/composition.tsx
@@ -2,8 +2,8 @@ import {
   AlertContent,
   AlertRoot,
   AlertTitle,
-} from "@/registry/ui/default/core/alert";
-import { Button } from "@/registry/ui/default/core/button";
+} from "@/components/dynamic-core/alert";
+import { Button } from "@/components/dynamic-core/button";
 import { WalletIcon } from "@/__icons__";
 
 export default function AlertDemo() {
diff --git a/www/src/demos/alert/content.tsx b/www/src/demos/alert/content.tsx
index e8e4c1cba..278537e78 100644
--- a/www/src/demos/alert/content.tsx
+++ b/www/src/demos/alert/content.tsx
@@ -1,4 +1,4 @@
-import { Alert } from "@/registry/ui/default/core/alert";
+import { Alert } from "@/components/dynamic-core/alert";
 
 export default function AlertDemo() {
   return (
diff --git a/www/src/demos/alert/custom-icon.tsx b/www/src/demos/alert/custom-icon.tsx
index 252fdc834..b7a1096c4 100644
--- a/www/src/demos/alert/custom-icon.tsx
+++ b/www/src/demos/alert/custom-icon.tsx
@@ -1,4 +1,4 @@
-import { Alert } from "@/registry/ui/default/core/alert";
+import { Alert } from "@/components/dynamic-core/alert";
 import { GlobeIcon } from "@/__icons__";
 
 export default function AlertDemo() {
diff --git a/www/src/demos/alert/default.tsx b/www/src/demos/alert/default.tsx
index 0816978d3..1752786ae 100644
--- a/www/src/demos/alert/default.tsx
+++ b/www/src/demos/alert/default.tsx
@@ -1,4 +1,4 @@
-import { Alert } from "@/registry/ui/default/core/alert";
+import { Alert } from "@/components/dynamic-core/alert";
 
 export default function AlertDemo() {
   return <Alert>You can add components to your app using the cli.</Alert>;
diff --git a/www/src/demos/alert/title.tsx b/www/src/demos/alert/title.tsx
index adcd36cc1..0c7edf155 100644
--- a/www/src/demos/alert/title.tsx
+++ b/www/src/demos/alert/title.tsx
@@ -1,4 +1,4 @@
-import { Alert } from "@/registry/ui/default/core/alert";
+import { Alert } from "@/components/dynamic-core/alert";
 
 export default function AlertDemo() {
   return (
diff --git a/www/src/demos/alert/variants.tsx b/www/src/demos/alert/variants.tsx
index b4861f708..1b861e636 100644
--- a/www/src/demos/alert/variants.tsx
+++ b/www/src/demos/alert/variants.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
-import { Alert, type AlertProps } from "@/registry/ui/default/core/alert";
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-import { Switch } from "@/registry/ui/default/core/switch";
+import { Alert, type AlertProps } from "@/components/dynamic-core/alert";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+import { Switch } from "@/components/dynamic-core/switch";
 
 type Variant = AlertProps["variant"];
 
diff --git a/www/src/demos/avatar/composition.tsx b/www/src/demos/avatar/composition.tsx
index 592b7bd92..63b6b0d38 100644
--- a/www/src/demos/avatar/composition.tsx
+++ b/www/src/demos/avatar/composition.tsx
@@ -4,7 +4,7 @@ import {
   AvatarImage,
   AvatarFallback,
   AvatarPlaceholder,
-} from "@/registry/ui/default/core/avatar";
+} from "@/components/dynamic-core/avatar";
 import { UserIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/avatar/default.tsx b/www/src/demos/avatar/default.tsx
index 4a23539fa..e94f54b2d 100644
--- a/www/src/demos/avatar/default.tsx
+++ b/www/src/demos/avatar/default.tsx
@@ -1,4 +1,4 @@
-import { Avatar } from "@/registry/ui/default/core/avatar";
+import { Avatar } from "@/components/dynamic-core/avatar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/avatar/shape.tsx b/www/src/demos/avatar/shape.tsx
index 571a02408..1ba69322a 100644
--- a/www/src/demos/avatar/shape.tsx
+++ b/www/src/demos/avatar/shape.tsx
@@ -1,4 +1,4 @@
-import { Avatar } from "@/registry/ui/default/core/avatar";
+import { Avatar } from "@/components/dynamic-core/avatar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/avatar/sizes.tsx b/www/src/demos/avatar/sizes.tsx
index 6fb96344e..7d1d91a20 100644
--- a/www/src/demos/avatar/sizes.tsx
+++ b/www/src/demos/avatar/sizes.tsx
@@ -1,4 +1,4 @@
-import { Avatar } from "@/registry/ui/default/core/avatar";
+import { Avatar } from "@/components/dynamic-core/avatar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/breadcrumbs/basic.tsx b/www/src/demos/breadcrumbs/basic.tsx
index 87f0f4507..20492ad24 100644
--- a/www/src/demos/breadcrumbs/basic.tsx
+++ b/www/src/demos/breadcrumbs/basic.tsx
@@ -1,7 +1,4 @@
-import {
-  Breadcrumbs,
-  Breadcrumb,
-} from "@/registry/ui/default/core/breadcrumbs";
+import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/breadcrumbs/composition.tsx b/www/src/demos/breadcrumbs/composition.tsx
index 65ba74e54..266d2b2fc 100644
--- a/www/src/demos/breadcrumbs/composition.tsx
+++ b/www/src/demos/breadcrumbs/composition.tsx
@@ -2,7 +2,7 @@ import {
   Breadcrumbs,
   BreadcrumbItem,
   BreadcrumbLink,
-} from "@/registry/ui/default/core/breadcrumbs";
+} from "@/components/dynamic-core/breadcrumbs";
 import { ChevronRightCircleIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/breadcrumbs/disabled.tsx b/www/src/demos/breadcrumbs/disabled.tsx
index ceade165d..a7075e96b 100644
--- a/www/src/demos/breadcrumbs/disabled.tsx
+++ b/www/src/demos/breadcrumbs/disabled.tsx
@@ -1,7 +1,4 @@
-import {
-  Breadcrumbs,
-  Breadcrumb,
-} from "@/registry/ui/default/core/breadcrumbs";
+import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/breadcrumbs/icon.tsx b/www/src/demos/breadcrumbs/icon.tsx
index c717f6c75..34400fb5b 100644
--- a/www/src/demos/breadcrumbs/icon.tsx
+++ b/www/src/demos/breadcrumbs/icon.tsx
@@ -1,7 +1,4 @@
-import {
-  Breadcrumbs,
-  Breadcrumb,
-} from "@/registry/ui/default/core/breadcrumbs";
+import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
 import { HomeIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/breadcrumbs/router-integration.tsx b/www/src/demos/breadcrumbs/router-integration.tsx
index 5d416f698..240c74e55 100644
--- a/www/src/demos/breadcrumbs/router-integration.tsx
+++ b/www/src/demos/breadcrumbs/router-integration.tsx
@@ -1,10 +1,7 @@
 "use client";
 
 import { usePathname } from "next/navigation";
-import {
-  Breadcrumbs,
-  Breadcrumb,
-} from "@/registry/ui/default/core/breadcrumbs";
+import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
 
 export default function Demo() {
   const pathname = usePathname();
diff --git a/www/src/demos/button/default.tsx b/www/src/demos/button/default.tsx
index 160f80b1b..7a5f8ca3a 100644
--- a/www/src/demos/button/default.tsx
+++ b/www/src/demos/button/default.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 
 export default function Demo() {
   return <Button>Button</Button>;
diff --git a/www/src/demos/button/disabled.tsx b/www/src/demos/button/disabled.tsx
index bab5f0c52..d0623cc7e 100644
--- a/www/src/demos/button/disabled.tsx
+++ b/www/src/demos/button/disabled.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 
 export default function Demo() {
   return <Button isDisabled>Button</Button>;
diff --git a/www/src/demos/button/link-button.tsx b/www/src/demos/button/link-button.tsx
index 8526bc3d4..f24ec5fd8 100644
--- a/www/src/demos/button/link-button.tsx
+++ b/www/src/demos/button/link-button.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import { LogInIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/button/loading.tsx b/www/src/demos/button/loading.tsx
index 9ef76c62f..eb9e23404 100644
--- a/www/src/demos/button/loading.tsx
+++ b/www/src/demos/button/loading.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/button/prefix-and-suffix.tsx b/www/src/demos/button/prefix-and-suffix.tsx
index 3e0ff8762..4da393b2f 100644
--- a/www/src/demos/button/prefix-and-suffix.tsx
+++ b/www/src/demos/button/prefix-and-suffix.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/button/shapes.tsx b/www/src/demos/button/shapes.tsx
index 905a3f3f9..6116bb8ba 100644
--- a/www/src/demos/button/shapes.tsx
+++ b/www/src/demos/button/shapes.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/button/sizes.tsx b/www/src/demos/button/sizes.tsx
index 489aa748f..593a8ef1b 100644
--- a/www/src/demos/button/sizes.tsx
+++ b/www/src/demos/button/sizes.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/button/variants.tsx b/www/src/demos/button/variants.tsx
index 8d9e7d1c5..c8923ffee 100644
--- a/www/src/demos/button/variants.tsx
+++ b/www/src/demos/button/variants.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 
 const variants = [
   "default",
diff --git a/www/src/demos/calendar/composition.tsx b/www/src/demos/calendar/composition.tsx
index 8d7d78ef1..1cce10534 100644
--- a/www/src/demos/calendar/composition.tsx
+++ b/www/src/demos/calendar/composition.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   CalendarRoot,
   CalendarHeader,
@@ -9,8 +9,8 @@ import {
   CalendarHeaderCell,
   CalendarGridBody,
   CalendarCell,
-} from "@/registry/ui/default/core/calendar";
-import { Heading } from "@/registry/ui/default/core/heading";
+} from "@/components/dynamic-core/calendar";
+import { Heading } from "@/components/dynamic-core/heading";
 import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/calendar/controlled.tsx b/www/src/demos/calendar/controlled.tsx
index 15a8fc735..149e82599 100644
--- a/www/src/demos/calendar/controlled.tsx
+++ b/www/src/demos/calendar/controlled.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import { getLocalTimeZone, today } from "@internationalized/date";
 import { useDateFormatter } from "react-aria";
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   const [value, setValue] = React.useState(today(getLocalTimeZone()));
diff --git a/www/src/demos/calendar/default.tsx b/www/src/demos/calendar/default.tsx
index 3cbe4fe5f..dc6749341 100644
--- a/www/src/demos/calendar/default.tsx
+++ b/www/src/demos/calendar/default.tsx
@@ -1,4 +1,4 @@
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return <Calendar />;
diff --git a/www/src/demos/calendar/disabled.tsx b/www/src/demos/calendar/disabled.tsx
index 8592e422a..349cc6216 100644
--- a/www/src/demos/calendar/disabled.tsx
+++ b/www/src/demos/calendar/disabled.tsx
@@ -1,4 +1,4 @@
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return <Calendar aria-label="Appointment date" isDisabled />;
diff --git a/www/src/demos/calendar/error-message.tsx b/www/src/demos/calendar/error-message.tsx
index 9d41ef0f1..5d65f0818 100644
--- a/www/src/demos/calendar/error-message.tsx
+++ b/www/src/demos/calendar/error-message.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import { today, isWeekend, getLocalTimeZone } from "@internationalized/date";
 import { useLocale } from "react-aria";
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   const [date, setDate] = React.useState(today(getLocalTimeZone()));
diff --git a/www/src/demos/calendar/label.tsx b/www/src/demos/calendar/label.tsx
index e2daec1f6..bf53c605c 100644
--- a/www/src/demos/calendar/label.tsx
+++ b/www/src/demos/calendar/label.tsx
@@ -1,4 +1,4 @@
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return <Calendar aria-label="Event date" />;
diff --git a/www/src/demos/calendar/page-behaviour.tsx b/www/src/demos/calendar/page-behaviour.tsx
index c2fcc581d..70e383c08 100644
--- a/www/src/demos/calendar/page-behaviour.tsx
+++ b/www/src/demos/calendar/page-behaviour.tsx
@@ -1,4 +1,4 @@
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return <Calendar visibleMonths={2} pageBehavior="single" />;
diff --git a/www/src/demos/calendar/read-only.tsx b/www/src/demos/calendar/read-only.tsx
index 21513cc57..64f763dde 100644
--- a/www/src/demos/calendar/read-only.tsx
+++ b/www/src/demos/calendar/read-only.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { getLocalTimeZone, today } from "@internationalized/date";
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/calendar/uncontrolled.tsx b/www/src/demos/calendar/uncontrolled.tsx
index 58df5386e..82a52b9d4 100644
--- a/www/src/demos/calendar/uncontrolled.tsx
+++ b/www/src/demos/calendar/uncontrolled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { getLocalTimeZone, today } from "@internationalized/date";
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/calendar/unvailable-dates.tsx b/www/src/demos/calendar/unvailable-dates.tsx
index 15b1686cb..6371e0cc8 100644
--- a/www/src/demos/calendar/unvailable-dates.tsx
+++ b/www/src/demos/calendar/unvailable-dates.tsx
@@ -7,7 +7,7 @@ import {
   today,
 } from "@internationalized/date";
 import { useLocale } from "react-aria";
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   const now = today(getLocalTimeZone());
diff --git a/www/src/demos/calendar/validation.tsx b/www/src/demos/calendar/validation.tsx
index 5cdb6e718..871f87d14 100644
--- a/www/src/demos/calendar/validation.tsx
+++ b/www/src/demos/calendar/validation.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { getLocalTimeZone, today } from "@internationalized/date";
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/calendar/visible-months.tsx b/www/src/demos/calendar/visible-months.tsx
index 1db1b6e7e..53431b519 100644
--- a/www/src/demos/calendar/visible-months.tsx
+++ b/www/src/demos/calendar/visible-months.tsx
@@ -1,4 +1,4 @@
-import { Calendar } from "@/registry/ui/default/core/calendar";
+import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return <Calendar visibleMonths={2} />;
diff --git a/www/src/demos/checkbox-group/cards.tsx b/www/src/demos/checkbox-group/cards.tsx
index bdaf753fe..aaaeaab97 100644
--- a/www/src/demos/checkbox-group/cards.tsx
+++ b/www/src/demos/checkbox-group/cards.tsx
@@ -1,5 +1,5 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox-group/composition.tsx b/www/src/demos/checkbox-group/composition.tsx
index 7801877aa..beb56cbd1 100644
--- a/www/src/demos/checkbox-group/composition.tsx
+++ b/www/src/demos/checkbox-group/composition.tsx
@@ -1,10 +1,10 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroupRoot } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroupRoot } from "@/components/dynamic-core/checkbox-group";
 import {
   Description,
   FieldError,
   Label,
-} from "@/registry/ui/default/core/field";
+} from "@/components/dynamic-core/field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox-group/contextual-help.tsx b/www/src/demos/checkbox-group/contextual-help.tsx
index 356336d9b..0db65d2c9 100644
--- a/www/src/demos/checkbox-group/contextual-help.tsx
+++ b/www/src/demos/checkbox-group/contextual-help.tsx
@@ -1,6 +1,6 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox-group/controlled.tsx b/www/src/demos/checkbox-group/controlled.tsx
index e734ed5b3..9c2224cac 100644
--- a/www/src/demos/checkbox-group/controlled.tsx
+++ b/www/src/demos/checkbox-group/controlled.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   const [frameworks, setFrameworks] = React.useState(["nextjs"]);
diff --git a/www/src/demos/checkbox-group/default.tsx b/www/src/demos/checkbox-group/default.tsx
index b17fec5af..c30acc578 100644
--- a/www/src/demos/checkbox-group/default.tsx
+++ b/www/src/demos/checkbox-group/default.tsx
@@ -1,5 +1,5 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox-group/description.tsx b/www/src/demos/checkbox-group/description.tsx
index 80f6d3a1a..e2b96f06f 100644
--- a/www/src/demos/checkbox-group/description.tsx
+++ b/www/src/demos/checkbox-group/description.tsx
@@ -1,5 +1,5 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox-group/disabled.tsx b/www/src/demos/checkbox-group/disabled.tsx
index 3f0ad873a..99d7400c5 100644
--- a/www/src/demos/checkbox-group/disabled.tsx
+++ b/www/src/demos/checkbox-group/disabled.tsx
@@ -1,5 +1,5 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox-group/error-message.tsx b/www/src/demos/checkbox-group/error-message.tsx
index c7c6a5d95..5c6f3d4e0 100644
--- a/www/src/demos/checkbox-group/error-message.tsx
+++ b/www/src/demos/checkbox-group/error-message.tsx
@@ -1,5 +1,5 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox-group/label.tsx b/www/src/demos/checkbox-group/label.tsx
index 7d94da5ec..a81515566 100644
--- a/www/src/demos/checkbox-group/label.tsx
+++ b/www/src/demos/checkbox-group/label.tsx
@@ -1,5 +1,5 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox-group/read-only.tsx b/www/src/demos/checkbox-group/read-only.tsx
index 8140665e0..dd2cff635 100644
--- a/www/src/demos/checkbox-group/read-only.tsx
+++ b/www/src/demos/checkbox-group/read-only.tsx
@@ -1,5 +1,5 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox-group/required.tsx b/www/src/demos/checkbox-group/required.tsx
index 528c90c3f..366c226c6 100644
--- a/www/src/demos/checkbox-group/required.tsx
+++ b/www/src/demos/checkbox-group/required.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox-group/uncontrolled.tsx b/www/src/demos/checkbox-group/uncontrolled.tsx
index b17fec5af..c30acc578 100644
--- a/www/src/demos/checkbox-group/uncontrolled.tsx
+++ b/www/src/demos/checkbox-group/uncontrolled.tsx
@@ -1,5 +1,5 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox/card.tsx b/www/src/demos/checkbox/card.tsx
index 94c54ca64..ab8e78e53 100644
--- a/www/src/demos/checkbox/card.tsx
+++ b/www/src/demos/checkbox/card.tsx
@@ -1,4 +1,4 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox/controlled.tsx b/www/src/demos/checkbox/controlled.tsx
index 3fa180d83..7d59ba97e 100644
--- a/www/src/demos/checkbox/controlled.tsx
+++ b/www/src/demos/checkbox/controlled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
 
 export default function Demo() {
   const [checked, setChecked] = React.useState(false);
diff --git a/www/src/demos/checkbox/default.tsx b/www/src/demos/checkbox/default.tsx
index 43495e3ce..949034071 100644
--- a/www/src/demos/checkbox/default.tsx
+++ b/www/src/demos/checkbox/default.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { Link } from "@/registry/ui/default/core/link";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { Link } from "@/components/dynamic-core/link";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox/disabled.tsx b/www/src/demos/checkbox/disabled.tsx
index a8428ea36..3cba2f070 100644
--- a/www/src/demos/checkbox/disabled.tsx
+++ b/www/src/demos/checkbox/disabled.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
 
 export default function Demo() {
   return <Checkbox isDisabled>I accept the terms and conditions</Checkbox>;
diff --git a/www/src/demos/checkbox/indeterminate.tsx b/www/src/demos/checkbox/indeterminate.tsx
index 5657966dd..cf22c2cc5 100644
--- a/www/src/demos/checkbox/indeterminate.tsx
+++ b/www/src/demos/checkbox/indeterminate.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
 
 export default function Demo() {
   return <Checkbox isIndeterminate>Select all</Checkbox>;
diff --git a/www/src/demos/checkbox/read-only.tsx b/www/src/demos/checkbox/read-only.tsx
index 1ad502a58..a5921aad9 100644
--- a/www/src/demos/checkbox/read-only.tsx
+++ b/www/src/demos/checkbox/read-only.tsx
@@ -1,4 +1,4 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/checkbox/uncontrolled.tsx b/www/src/demos/checkbox/uncontrolled.tsx
index fe354a0da..fe287c9aa 100644
--- a/www/src/demos/checkbox/uncontrolled.tsx
+++ b/www/src/demos/checkbox/uncontrolled.tsx
@@ -1,4 +1,4 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
 
 export default function Demo() {
   return <Checkbox defaultSelected>I accept the terms and conditions</Checkbox>;
diff --git a/www/src/demos/color-area/channels.tsx b/www/src/demos/color-area/channels.tsx
index c117896b8..375559ab1 100644
--- a/www/src/demos/color-area/channels.tsx
+++ b/www/src/demos/color-area/channels.tsx
@@ -1,4 +1,4 @@
-import { ColorArea } from "@/registry/ui/default/core/color-area";
+import { ColorArea } from "@/components/dynamic-core/color-area";
 
 export default function Demo() {
   return <ColorArea xChannel="red" yChannel="blue" />;
diff --git a/www/src/demos/color-area/composition.tsx b/www/src/demos/color-area/composition.tsx
index d2ed9c131..b18de28ff 100644
--- a/www/src/demos/color-area/composition.tsx
+++ b/www/src/demos/color-area/composition.tsx
@@ -1,5 +1,5 @@
-import { ColorAreaRoot } from "@/registry/ui/default/core/color-area";
-import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
+import { ColorAreaRoot } from "@/components/dynamic-core/color-area";
+import { ColorThumb } from "@/components/dynamic-core/color-thumb";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-area/controlled.tsx b/www/src/demos/color-area/controlled.tsx
index 1e3a53e3b..f82739b2a 100644
--- a/www/src/demos/color-area/controlled.tsx
+++ b/www/src/demos/color-area/controlled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { parseColor } from "react-aria-components";
-import { ColorArea } from "@/registry/ui/default/core/color-area";
+import { ColorArea } from "@/components/dynamic-core/color-area";
 
 export default function Demo() {
   const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
diff --git a/www/src/demos/color-area/default.tsx b/www/src/demos/color-area/default.tsx
index beb8b4405..7f677a4ea 100644
--- a/www/src/demos/color-area/default.tsx
+++ b/www/src/demos/color-area/default.tsx
@@ -1,4 +1,4 @@
-import { ColorArea } from "@/registry/ui/default/core/color-area";
+import { ColorArea } from "@/components/dynamic-core/color-area";
 
 export default function Demo() {
   return <ColorArea />;
diff --git a/www/src/demos/color-area/disabled.tsx b/www/src/demos/color-area/disabled.tsx
index b90ba1e4e..655459ed2 100644
--- a/www/src/demos/color-area/disabled.tsx
+++ b/www/src/demos/color-area/disabled.tsx
@@ -1,4 +1,4 @@
-import { ColorArea } from "@/registry/ui/default/core/color-area";
+import { ColorArea } from "@/components/dynamic-core/color-area";
 
 export default function Demo() {
   return <ColorArea isDisabled />;
diff --git a/www/src/demos/color-area/uncontrolled.tsx b/www/src/demos/color-area/uncontrolled.tsx
index dd954b307..99daf4a61 100644
--- a/www/src/demos/color-area/uncontrolled.tsx
+++ b/www/src/demos/color-area/uncontrolled.tsx
@@ -1,4 +1,4 @@
-import { ColorArea } from "@/registry/ui/default/core/color-area";
+import { ColorArea } from "@/components/dynamic-core/color-area";
 
 export default function Demo() {
   return <ColorArea defaultValue="hsl(30, 100%, 50%)" />;
diff --git a/www/src/demos/color-field/composition.tsx b/www/src/demos/color-field/composition.tsx
index fcc5f1a69..b6776262b 100644
--- a/www/src/demos/color-field/composition.tsx
+++ b/www/src/demos/color-field/composition.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import React from "react";
-import { ColorFieldRoot } from "@/registry/ui/default/core/color-field";
+import { ColorFieldRoot } from "@/components/dynamic-core/color-field";
 import {
   Description,
   FieldError,
   Label,
-} from "@/registry/ui/default/core/field";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
+} from "@/components/dynamic-core/field";
+import { Input, InputRoot } from "@/components/dynamic-core/input";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-field/contextual-help.tsx b/www/src/demos/color-field/contextual-help.tsx
index 694473732..721f677ca 100644
--- a/www/src/demos/color-field/contextual-help.tsx
+++ b/www/src/demos/color-field/contextual-help.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
+import { ColorField } from "@/components/dynamic-core/color-field";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-field/controlled.tsx b/www/src/demos/color-field/controlled.tsx
index 77adc7895..70363d33a 100644
--- a/www/src/demos/color-field/controlled.tsx
+++ b/www/src/demos/color-field/controlled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { type Color, parseColor } from "react-aria-components";
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
diff --git a/www/src/demos/color-field/default.tsx b/www/src/demos/color-field/default.tsx
index f207e51c7..b3535197d 100644
--- a/www/src/demos/color-field/default.tsx
+++ b/www/src/demos/color-field/default.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return <ColorField label="Color" />;
diff --git a/www/src/demos/color-field/description.tsx b/www/src/demos/color-field/description.tsx
index 798cb27dc..41ba1c885 100644
--- a/www/src/demos/color-field/description.tsx
+++ b/www/src/demos/color-field/description.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return <ColorField label="Color" description="Enter a background color." />;
diff --git a/www/src/demos/color-field/disabled.tsx b/www/src/demos/color-field/disabled.tsx
index 3cad69aec..6604109f1 100644
--- a/www/src/demos/color-field/disabled.tsx
+++ b/www/src/demos/color-field/disabled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseColor } from "react-aria-components";
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return <ColorField value={parseColor("rgb(222,70,58)")} isDisabled />;
diff --git a/www/src/demos/color-field/error-message.tsx b/www/src/demos/color-field/error-message.tsx
index 83f184980..9630bbde5 100644
--- a/www/src/demos/color-field/error-message.tsx
+++ b/www/src/demos/color-field/error-message.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-field/form.tsx b/www/src/demos/color-field/form.tsx
index 2671023e0..5580544a5 100644
--- a/www/src/demos/color-field/form.tsx
+++ b/www/src/demos/color-field/form.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return <ColorField />;
diff --git a/www/src/demos/color-field/label.tsx b/www/src/demos/color-field/label.tsx
index 72a099e85..5aa5807ca 100644
--- a/www/src/demos/color-field/label.tsx
+++ b/www/src/demos/color-field/label.tsx
@@ -1,4 +1,4 @@
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-field/loading.tsx b/www/src/demos/color-field/loading.tsx
index 68858cd5a..fc97c3961 100644
--- a/www/src/demos/color-field/loading.tsx
+++ b/www/src/demos/color-field/loading.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-field/prefix-and-suffix.tsx b/www/src/demos/color-field/prefix-and-suffix.tsx
index dc096ea97..fb464eeaf 100644
--- a/www/src/demos/color-field/prefix-and-suffix.tsx
+++ b/www/src/demos/color-field/prefix-and-suffix.tsx
@@ -1,4 +1,4 @@
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 import { PaletteIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/color-field/read-only.tsx b/www/src/demos/color-field/read-only.tsx
index 77b59047b..6991428b0 100644
--- a/www/src/demos/color-field/read-only.tsx
+++ b/www/src/demos/color-field/read-only.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return <ColorField label="Color" isReadOnly value="#121212" />;
diff --git a/www/src/demos/color-field/required.tsx b/www/src/demos/color-field/required.tsx
index f2f2d04df..4652486b6 100644
--- a/www/src/demos/color-field/required.tsx
+++ b/www/src/demos/color-field/required.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-field/sizes.tsx b/www/src/demos/color-field/sizes.tsx
index 20ec05f93..9fa524375 100644
--- a/www/src/demos/color-field/sizes.tsx
+++ b/www/src/demos/color-field/sizes.tsx
@@ -1,4 +1,4 @@
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-field/uncontrolled.tsx b/www/src/demos/color-field/uncontrolled.tsx
index 5db796f8b..e2e085f9d 100644
--- a/www/src/demos/color-field/uncontrolled.tsx
+++ b/www/src/demos/color-field/uncontrolled.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
+import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
   return <ColorField defaultValue="#7f007f" />;
diff --git a/www/src/demos/color-picker/composition.tsx b/www/src/demos/color-picker/composition.tsx
index c7edb60e6..7f2df9402 100644
--- a/www/src/demos/color-picker/composition.tsx
+++ b/www/src/demos/color-picker/composition.tsx
@@ -1,10 +1,10 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   ColorEditor,
   ColorPickerRoot,
-} from "@/registry/ui/default/core/color-picker";
-import { ColorSwatch } from "@/registry/ui/default/core/color-swatch";
-import { Dialog, DialogRoot } from "@/registry/ui/default/core/dialog";
+} from "@/components/dynamic-core/color-picker";
+import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
+import { Dialog, DialogRoot } from "@/components/dynamic-core/dialog";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-picker/controlled.tsx b/www/src/demos/color-picker/controlled.tsx
index bc8416e79..9afe2aaad 100644
--- a/www/src/demos/color-picker/controlled.tsx
+++ b/www/src/demos/color-picker/controlled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { type Color, parseColor } from "react-aria-components";
-import { ColorPicker } from "@/registry/ui/default/core/color-picker";
+import { ColorPicker } from "@/components/dynamic-core/color-picker";
 
 export default function Demo() {
   const [value, setValue] = React.useState(parseColor("hsl(26, 33%, 78%)"));
diff --git a/www/src/demos/color-picker/default.tsx b/www/src/demos/color-picker/default.tsx
index 1134e3b39..281d2c2bd 100644
--- a/www/src/demos/color-picker/default.tsx
+++ b/www/src/demos/color-picker/default.tsx
@@ -1,4 +1,4 @@
-import { ColorPicker } from "@/registry/ui/default/core/color-picker";
+import { ColorPicker } from "@/components/dynamic-core/color-picker";
 
 export default function Demo() {
   return <ColorPicker defaultValue="#5100FF" />;
diff --git a/www/src/demos/color-picker/options.tsx b/www/src/demos/color-picker/options.tsx
index 9d9ec08d9..462025341 100644
--- a/www/src/demos/color-picker/options.tsx
+++ b/www/src/demos/color-picker/options.tsx
@@ -1,4 +1,4 @@
-import { ColorPicker } from "@/registry/ui/default/core/color-picker";
+import { ColorPicker } from "@/components/dynamic-core/color-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-picker/uncontrolled.tsx b/www/src/demos/color-picker/uncontrolled.tsx
index 1134e3b39..281d2c2bd 100644
--- a/www/src/demos/color-picker/uncontrolled.tsx
+++ b/www/src/demos/color-picker/uncontrolled.tsx
@@ -1,4 +1,4 @@
-import { ColorPicker } from "@/registry/ui/default/core/color-picker";
+import { ColorPicker } from "@/components/dynamic-core/color-picker";
 
 export default function Demo() {
   return <ColorPicker defaultValue="#5100FF" />;
diff --git a/www/src/demos/color-slider/channel.tsx b/www/src/demos/color-slider/channel.tsx
index aea47abf9..3955bc71d 100644
--- a/www/src/demos/color-slider/channel.tsx
+++ b/www/src/demos/color-slider/channel.tsx
@@ -1,4 +1,4 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
 
 export default function Demo() {
   return <ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" />;
diff --git a/www/src/demos/color-slider/composition.tsx b/www/src/demos/color-slider/composition.tsx
index bbfcbbaf7..0624df838 100644
--- a/www/src/demos/color-slider/composition.tsx
+++ b/www/src/demos/color-slider/composition.tsx
@@ -2,9 +2,9 @@ import {
   ColorSliderOutput,
   ColorSliderRoot,
   ColorSliderTrack,
-} from "@/registry/ui/default/core/color-slider";
-import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
-import { Label } from "@/registry/ui/default/core/field";
+} from "@/components/dynamic-core/color-slider";
+import { ColorThumb } from "@/components/dynamic-core/color-thumb";
+import { Label } from "@/components/dynamic-core/field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-slider/controlled.tsx b/www/src/demos/color-slider/controlled.tsx
index 58fcbbcb4..58fc55311 100644
--- a/www/src/demos/color-slider/controlled.tsx
+++ b/www/src/demos/color-slider/controlled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { parseColor } from "react-aria-components";
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
 
 export default function Demo() {
   const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
diff --git a/www/src/demos/color-slider/default.tsx b/www/src/demos/color-slider/default.tsx
index 29307aed1..e78a65aec 100644
--- a/www/src/demos/color-slider/default.tsx
+++ b/www/src/demos/color-slider/default.tsx
@@ -1,4 +1,4 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
 
 export default function Demo() {
   return <ColorSlider channel="hue" defaultValue="hsl(200, 100%, 50%)" />;
diff --git a/www/src/demos/color-slider/disabled.tsx b/www/src/demos/color-slider/disabled.tsx
index 1a8f6a512..e3eb2b82e 100644
--- a/www/src/demos/color-slider/disabled.tsx
+++ b/www/src/demos/color-slider/disabled.tsx
@@ -1,4 +1,4 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-slider/label.tsx b/www/src/demos/color-slider/label.tsx
index 9f7176941..76fe4bba8 100644
--- a/www/src/demos/color-slider/label.tsx
+++ b/www/src/demos/color-slider/label.tsx
@@ -1,4 +1,4 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-slider/uncontrolled.tsx b/www/src/demos/color-slider/uncontrolled.tsx
index 86e62664c..69d21db7b 100644
--- a/www/src/demos/color-slider/uncontrolled.tsx
+++ b/www/src/demos/color-slider/uncontrolled.tsx
@@ -1,4 +1,4 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
 
 export default function Demo() {
   return <ColorSlider channel="hue" defaultValue="hsl(0, 100%, 50%)" />;
diff --git a/www/src/demos/color-slider/vertical.tsx b/www/src/demos/color-slider/vertical.tsx
index de78b712e..a5dc2d119 100644
--- a/www/src/demos/color-slider/vertical.tsx
+++ b/www/src/demos/color-slider/vertical.tsx
@@ -1,4 +1,4 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-swatch/default.tsx b/www/src/demos/color-swatch/default.tsx
index c5cb68645..a766ffdb7 100644
--- a/www/src/demos/color-swatch/default.tsx
+++ b/www/src/demos/color-swatch/default.tsx
@@ -1,4 +1,4 @@
-import { ColorSwatch } from "@/registry/ui/default/core/color-swatch";
+import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
 
 export default function Demo() {
   return <ColorSwatch color="#f00" />;
diff --git a/www/src/demos/combobox/async-loading.tsx b/www/src/demos/combobox/async-loading.tsx
index f632292c0..7a84ba994 100644
--- a/www/src/demos/combobox/async-loading.tsx
+++ b/www/src/demos/combobox/async-loading.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { useAsyncList } from "react-stately";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 interface Character {
   name: string;
diff --git a/www/src/demos/combobox/basic.tsx b/www/src/demos/combobox/basic.tsx
index d2dabebba..b015a8dbc 100644
--- a/www/src/demos/combobox/basic.tsx
+++ b/www/src/demos/combobox/basic.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/composition.tsx b/www/src/demos/combobox/composition.tsx
index 4fa86b8c8..4efe98f27 100644
--- a/www/src/demos/combobox/composition.tsx
+++ b/www/src/demos/combobox/composition.tsx
@@ -2,14 +2,14 @@ import React from "react";
 import {
   ComboboxRoot,
   ComboboxTrigger,
-} from "@/registry/ui/default/core/combobox";
+} from "@/components/dynamic-core/combobox";
 import {
   Description,
   FieldError,
   Label,
-} from "@/registry/ui/default/core/field";
-import { Item, ListBox } from "@/registry/ui/default/core/list-box";
-import { Overlay } from "@/registry/ui/default/core/overlay";
+} from "@/components/dynamic-core/field";
+import { Item, ListBox } from "@/components/dynamic-core/list-box";
+import { Overlay } from "@/components/dynamic-core/overlay";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/contextual-help.tsx b/www/src/demos/combobox/contextual-help.tsx
index a65d7b3ce..bb116583e 100644
--- a/www/src/demos/combobox/contextual-help.tsx
+++ b/www/src/demos/combobox/contextual-help.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/controlled.tsx b/www/src/demos/combobox/controlled.tsx
index 695958db7..fa4bec355 100644
--- a/www/src/demos/combobox/controlled.tsx
+++ b/www/src/demos/combobox/controlled.tsx
@@ -2,8 +2,8 @@
 
 import React from "react";
 import type { Key } from "react-aria-components";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   const [country, setCountry] = React.useState<Key | null>("tn");
diff --git a/www/src/demos/combobox/custom-value.tsx b/www/src/demos/combobox/custom-value.tsx
index 823ca5f50..5435f63d6 100644
--- a/www/src/demos/combobox/custom-value.tsx
+++ b/www/src/demos/combobox/custom-value.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/description.tsx b/www/src/demos/combobox/description.tsx
index 98d58af71..b0007bf0a 100644
--- a/www/src/demos/combobox/description.tsx
+++ b/www/src/demos/combobox/description.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/disabled.tsx b/www/src/demos/combobox/disabled.tsx
index 4119848ee..df78c8d4f 100644
--- a/www/src/demos/combobox/disabled.tsx
+++ b/www/src/demos/combobox/disabled.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/label.tsx b/www/src/demos/combobox/label.tsx
index 11e0e7c09..b3bbb125d 100644
--- a/www/src/demos/combobox/label.tsx
+++ b/www/src/demos/combobox/label.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/loading.tsx b/www/src/demos/combobox/loading.tsx
index 6e3fe31e0..1fe69a452 100644
--- a/www/src/demos/combobox/loading.tsx
+++ b/www/src/demos/combobox/loading.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/required.tsx b/www/src/demos/combobox/required.tsx
index 0c9425a5a..a053476c9 100644
--- a/www/src/demos/combobox/required.tsx
+++ b/www/src/demos/combobox/required.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/sections.tsx b/www/src/demos/combobox/sections.tsx
index 39cbfa6ae..647de3540 100644
--- a/www/src/demos/combobox/sections.tsx
+++ b/www/src/demos/combobox/sections.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Section } from "@/registry/ui/default/core/section";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Section } from "@/components/dynamic-core/section";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/uncontrolled.tsx b/www/src/demos/combobox/uncontrolled.tsx
index 8a27e8120..1d8dc37f2 100644
--- a/www/src/demos/combobox/uncontrolled.tsx
+++ b/www/src/demos/combobox/uncontrolled.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/validation.tsx b/www/src/demos/combobox/validation.tsx
index d4862e7f7..f92014d3f 100644
--- a/www/src/demos/combobox/validation.tsx
+++ b/www/src/demos/combobox/validation.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/composition.tsx b/www/src/demos/date-field/composition.tsx
index aa973dba8..7a57fe511 100644
--- a/www/src/demos/date-field/composition.tsx
+++ b/www/src/demos/date-field/composition.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from "react";
-import { DateFieldRoot } from "@/registry/ui/default/core/date-field";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { InputRoot } from "@/registry/ui/default/core/input";
+import { DateFieldRoot } from "@/components/dynamic-core/date-field";
+import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { InputRoot } from "@/components/dynamic-core/input";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/contextual-help.tsx b/www/src/demos/date-field/contextual-help.tsx
index b03a86db9..7fae45c51 100644
--- a/www/src/demos/date-field/contextual-help.tsx
+++ b/www/src/demos/date-field/contextual-help.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/controlled.tsx b/www/src/demos/date-field/controlled.tsx
index 4fdb94f7d..39bac6110 100644
--- a/www/src/demos/date-field/controlled.tsx
+++ b/www/src/demos/date-field/controlled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { parseDate } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   const [value, setValue] = React.useState(parseDate("2020-02-03"));
diff --git a/www/src/demos/date-field/default.tsx b/www/src/demos/date-field/default.tsx
index 899fbdc06..bd1823dc4 100644
--- a/www/src/demos/date-field/default.tsx
+++ b/www/src/demos/date-field/default.tsx
@@ -1,4 +1,4 @@
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return <DateField aria-label="Meeting date" />;
diff --git a/www/src/demos/date-field/description.tsx b/www/src/demos/date-field/description.tsx
index 531e3198e..263b31f1f 100644
--- a/www/src/demos/date-field/description.tsx
+++ b/www/src/demos/date-field/description.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return <DateField label="Appointment" description="Please select a date." />;
diff --git a/www/src/demos/date-field/disabled.tsx b/www/src/demos/date-field/disabled.tsx
index 77735f95a..949014792 100644
--- a/www/src/demos/date-field/disabled.tsx
+++ b/www/src/demos/date-field/disabled.tsx
@@ -1,4 +1,4 @@
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return <DateField label="Event date" isDisabled />;
diff --git a/www/src/demos/date-field/error-message.tsx b/www/src/demos/date-field/error-message.tsx
index 367844041..32da98277 100644
--- a/www/src/demos/date-field/error-message.tsx
+++ b/www/src/demos/date-field/error-message.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/granularity.tsx b/www/src/demos/date-field/granularity.tsx
index 455c0348d..37e7fc4b6 100644
--- a/www/src/demos/date-field/granularity.tsx
+++ b/www/src/demos/date-field/granularity.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/hide-time-zone.tsx b/www/src/demos/date-field/hide-time-zone.tsx
index a4d9b6d57..96a5b49c7 100644
--- a/www/src/demos/date-field/hide-time-zone.tsx
+++ b/www/src/demos/date-field/hide-time-zone.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseZonedDateTime } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/hour-cycle.tsx b/www/src/demos/date-field/hour-cycle.tsx
index e6651c973..8d4a482d2 100644
--- a/www/src/demos/date-field/hour-cycle.tsx
+++ b/www/src/demos/date-field/hour-cycle.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/label.tsx b/www/src/demos/date-field/label.tsx
index fd2a0c66d..ff0b98b45 100644
--- a/www/src/demos/date-field/label.tsx
+++ b/www/src/demos/date-field/label.tsx
@@ -1,4 +1,4 @@
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/loading.tsx b/www/src/demos/date-field/loading.tsx
index 8f5d40609..0b7975e99 100644
--- a/www/src/demos/date-field/loading.tsx
+++ b/www/src/demos/date-field/loading.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/placeholder.tsx b/www/src/demos/date-field/placeholder.tsx
index d7478c333..5cd35de67 100644
--- a/www/src/demos/date-field/placeholder.tsx
+++ b/www/src/demos/date-field/placeholder.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { CalendarDate } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/prefix-and-suffix.tsx b/www/src/demos/date-field/prefix-and-suffix.tsx
index 1cb2d412a..939d3f2c2 100644
--- a/www/src/demos/date-field/prefix-and-suffix.tsx
+++ b/www/src/demos/date-field/prefix-and-suffix.tsx
@@ -1,4 +1,4 @@
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 import { CalendarIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/date-field/read-only.tsx b/www/src/demos/date-field/read-only.tsx
index b1ffa7562..6e1cf2746 100644
--- a/www/src/demos/date-field/read-only.tsx
+++ b/www/src/demos/date-field/read-only.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { CalendarDate } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/required.tsx b/www/src/demos/date-field/required.tsx
index 285caee89..ce126f000 100644
--- a/www/src/demos/date-field/required.tsx
+++ b/www/src/demos/date-field/required.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/sizes.tsx b/www/src/demos/date-field/sizes.tsx
index 9e61e4254..3965e3bfa 100644
--- a/www/src/demos/date-field/sizes.tsx
+++ b/www/src/demos/date-field/sizes.tsx
@@ -1,4 +1,4 @@
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/time-zones.tsx b/www/src/demos/date-field/time-zones.tsx
index 5e46c3d8f..06e391cec 100644
--- a/www/src/demos/date-field/time-zones.tsx
+++ b/www/src/demos/date-field/time-zones.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-field/uncontrolled.tsx b/www/src/demos/date-field/uncontrolled.tsx
index 7fea27cb7..75f7497cd 100644
--- a/www/src/demos/date-field/uncontrolled.tsx
+++ b/www/src/demos/date-field/uncontrolled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { parseDate } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
+import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/composition.tsx b/www/src/demos/date-picker/composition.tsx
index 994e2c2e6..2af8f10b1 100644
--- a/www/src/demos/date-picker/composition.tsx
+++ b/www/src/demos/date-picker/composition.tsx
@@ -1,18 +1,18 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Calendar } from "@/registry/ui/default/core/calendar";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { DatePickerRoot } from "@/registry/ui/default/core/date-picker";
-import { DialogContent } from "@/registry/ui/default/core/dialog";
+import { Button } from "@/components/dynamic-core/button";
+import { Calendar } from "@/components/dynamic-core/calendar";
+import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
+import { DatePickerRoot } from "@/components/dynamic-core/date-picker";
+import { DialogContent } from "@/components/dynamic-core/dialog";
 import {
   Description,
   FieldError,
   Label,
-} from "@/registry/ui/default/core/field";
-import { InputRoot } from "@/registry/ui/default/core/input";
-import { Overlay } from "@/registry/ui/default/core/overlay";
+} from "@/components/dynamic-core/field";
+import { InputRoot } from "@/components/dynamic-core/input";
+import { Overlay } from "@/components/dynamic-core/overlay";
 import { CalendarIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/date-picker/contextual-help.tsx b/www/src/demos/date-picker/contextual-help.tsx
index 4ecc719d6..4911e504f 100644
--- a/www/src/demos/date-picker/contextual-help.tsx
+++ b/www/src/demos/date-picker/contextual-help.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/controlled.tsx b/www/src/demos/date-picker/controlled.tsx
index 0d902e18a..43e9f957c 100644
--- a/www/src/demos/date-picker/controlled.tsx
+++ b/www/src/demos/date-picker/controlled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { parseDate } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   const [value, setValue] = React.useState(parseDate("2020-02-03"));
diff --git a/www/src/demos/date-picker/default.tsx b/www/src/demos/date-picker/default.tsx
index 390960daf..48103396e 100644
--- a/www/src/demos/date-picker/default.tsx
+++ b/www/src/demos/date-picker/default.tsx
@@ -1,4 +1,4 @@
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return <DatePicker aria-label="Meeting date" />;
diff --git a/www/src/demos/date-picker/description.tsx b/www/src/demos/date-picker/description.tsx
index aa2033b26..bdfd4770f 100644
--- a/www/src/demos/date-picker/description.tsx
+++ b/www/src/demos/date-picker/description.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return <DatePicker label="Appointment" description="Please select a date." />;
diff --git a/www/src/demos/date-picker/disabled.tsx b/www/src/demos/date-picker/disabled.tsx
index de415b0fe..1d2740086 100644
--- a/www/src/demos/date-picker/disabled.tsx
+++ b/www/src/demos/date-picker/disabled.tsx
@@ -1,4 +1,4 @@
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return <DatePicker label="Event date" isDisabled />;
diff --git a/www/src/demos/date-picker/error-message.tsx b/www/src/demos/date-picker/error-message.tsx
index f1d09e760..02d41bac7 100644
--- a/www/src/demos/date-picker/error-message.tsx
+++ b/www/src/demos/date-picker/error-message.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/granularity.tsx b/www/src/demos/date-picker/granularity.tsx
index 5d1ce78f6..c3a344448 100644
--- a/www/src/demos/date-picker/granularity.tsx
+++ b/www/src/demos/date-picker/granularity.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/hide-time-zone.tsx b/www/src/demos/date-picker/hide-time-zone.tsx
index 79e4de901..7447df12c 100644
--- a/www/src/demos/date-picker/hide-time-zone.tsx
+++ b/www/src/demos/date-picker/hide-time-zone.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseZonedDateTime } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/hour-cycle.tsx b/www/src/demos/date-picker/hour-cycle.tsx
index 339f8a0ba..b99b52e4f 100644
--- a/www/src/demos/date-picker/hour-cycle.tsx
+++ b/www/src/demos/date-picker/hour-cycle.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/label.tsx b/www/src/demos/date-picker/label.tsx
index bb30a0bf2..0d3ec0be1 100644
--- a/www/src/demos/date-picker/label.tsx
+++ b/www/src/demos/date-picker/label.tsx
@@ -1,4 +1,4 @@
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/loading.tsx b/www/src/demos/date-picker/loading.tsx
index f9a67668b..146843011 100644
--- a/www/src/demos/date-picker/loading.tsx
+++ b/www/src/demos/date-picker/loading.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return <DatePicker aria-label="Meeting date" isLoading />;
diff --git a/www/src/demos/date-picker/placeholder.tsx b/www/src/demos/date-picker/placeholder.tsx
index c4975e130..434f21006 100644
--- a/www/src/demos/date-picker/placeholder.tsx
+++ b/www/src/demos/date-picker/placeholder.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { CalendarDate } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/prefix.tsx b/www/src/demos/date-picker/prefix.tsx
index 0020f4aa2..c41a50d17 100644
--- a/www/src/demos/date-picker/prefix.tsx
+++ b/www/src/demos/date-picker/prefix.tsx
@@ -1,4 +1,4 @@
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 import { UsersIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/date-picker/read-only.tsx b/www/src/demos/date-picker/read-only.tsx
index 3ec23ab0e..d02ac78a5 100644
--- a/www/src/demos/date-picker/read-only.tsx
+++ b/www/src/demos/date-picker/read-only.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { CalendarDate } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/required.tsx b/www/src/demos/date-picker/required.tsx
index 8fe8a9fc3..4e22ee6c4 100644
--- a/www/src/demos/date-picker/required.tsx
+++ b/www/src/demos/date-picker/required.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/sizes.tsx b/www/src/demos/date-picker/sizes.tsx
index 8b9aca329..bb2a007fa 100644
--- a/www/src/demos/date-picker/sizes.tsx
+++ b/www/src/demos/date-picker/sizes.tsx
@@ -1,4 +1,4 @@
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/time-zones.tsx b/www/src/demos/date-picker/time-zones.tsx
index 2848f5427..a1a697401 100644
--- a/www/src/demos/date-picker/time-zones.tsx
+++ b/www/src/demos/date-picker/time-zones.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-picker/uncontrolled.tsx b/www/src/demos/date-picker/uncontrolled.tsx
index 2ecaae46f..a9535812a 100644
--- a/www/src/demos/date-picker/uncontrolled.tsx
+++ b/www/src/demos/date-picker/uncontrolled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { parseDate } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/composition.tsx b/www/src/demos/date-range-picker/composition.tsx
index 359e23f05..f5940ca2b 100644
--- a/www/src/demos/date-range-picker/composition.tsx
+++ b/www/src/demos/date-range-picker/composition.tsx
@@ -1,18 +1,18 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { DatePickerRoot } from "@/registry/ui/default/core/date-picker";
-import { DialogContent } from "@/registry/ui/default/core/dialog";
+import { Button } from "@/components/dynamic-core/button";
+import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
+import { DatePickerRoot } from "@/components/dynamic-core/date-picker";
+import { DialogContent } from "@/components/dynamic-core/dialog";
 import {
   Description,
   FieldError,
   Label,
-} from "@/registry/ui/default/core/field";
-import { InputRoot } from "@/registry/ui/default/core/input";
-import { Overlay } from "@/registry/ui/default/core/overlay";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+} from "@/components/dynamic-core/field";
+import { InputRoot } from "@/components/dynamic-core/input";
+import { Overlay } from "@/components/dynamic-core/overlay";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 import { CalendarIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/date-range-picker/contextual-help.tsx b/www/src/demos/date-range-picker/contextual-help.tsx
index eb09acac2..5b3ec69b7 100644
--- a/www/src/demos/date-range-picker/contextual-help.tsx
+++ b/www/src/demos/date-range-picker/contextual-help.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/controlled.tsx b/www/src/demos/date-range-picker/controlled.tsx
index 5bef78172..d4ed6d123 100644
--- a/www/src/demos/date-range-picker/controlled.tsx
+++ b/www/src/demos/date-range-picker/controlled.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import { getLocalTimeZone, parseDate } from "@internationalized/date";
 import { useDateFormatter } from "react-aria";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   const [value, setValue] = React.useState({
diff --git a/www/src/demos/date-range-picker/default.tsx b/www/src/demos/date-range-picker/default.tsx
index a3b2b136b..f4693645c 100644
--- a/www/src/demos/date-range-picker/default.tsx
+++ b/www/src/demos/date-range-picker/default.tsx
@@ -1,4 +1,4 @@
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return <DateRangePicker aria-label="Meeting date" />;
diff --git a/www/src/demos/date-range-picker/description.tsx b/www/src/demos/date-range-picker/description.tsx
index 7da70a21d..b93c9e5df 100644
--- a/www/src/demos/date-range-picker/description.tsx
+++ b/www/src/demos/date-range-picker/description.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/disabled.tsx b/www/src/demos/date-range-picker/disabled.tsx
index 52e7abd76..33ebadfad 100644
--- a/www/src/demos/date-range-picker/disabled.tsx
+++ b/www/src/demos/date-range-picker/disabled.tsx
@@ -1,4 +1,4 @@
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return <DateRangePicker label="Trip dates" isDisabled />;
diff --git a/www/src/demos/date-range-picker/error-message.tsx b/www/src/demos/date-range-picker/error-message.tsx
index 52dd2e39d..3251130a5 100644
--- a/www/src/demos/date-range-picker/error-message.tsx
+++ b/www/src/demos/date-range-picker/error-message.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/granularity.tsx b/www/src/demos/date-range-picker/granularity.tsx
index c87fdf4fe..29373d1e7 100644
--- a/www/src/demos/date-range-picker/granularity.tsx
+++ b/www/src/demos/date-range-picker/granularity.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   const dates = {
diff --git a/www/src/demos/date-range-picker/hide-time-zone.tsx b/www/src/demos/date-range-picker/hide-time-zone.tsx
index 1be00f1dc..525ccc87e 100644
--- a/www/src/demos/date-range-picker/hide-time-zone.tsx
+++ b/www/src/demos/date-range-picker/hide-time-zone.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/hour-cycle.tsx b/www/src/demos/date-range-picker/hour-cycle.tsx
index 9383c96a2..6bda836b7 100644
--- a/www/src/demos/date-range-picker/hour-cycle.tsx
+++ b/www/src/demos/date-range-picker/hour-cycle.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/label.tsx b/www/src/demos/date-range-picker/label.tsx
index 7c88f92d4..8ff8f5e67 100644
--- a/www/src/demos/date-range-picker/label.tsx
+++ b/www/src/demos/date-range-picker/label.tsx
@@ -1,4 +1,4 @@
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/loading.tsx b/www/src/demos/date-range-picker/loading.tsx
index 3e1af2e54..ae154f83e 100644
--- a/www/src/demos/date-range-picker/loading.tsx
+++ b/www/src/demos/date-range-picker/loading.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return <DateRangePicker aria-label="Meeting date" isLoading />;
diff --git a/www/src/demos/date-range-picker/placeholder.tsx b/www/src/demos/date-range-picker/placeholder.tsx
index dfc0f972f..06a84cd88 100644
--- a/www/src/demos/date-range-picker/placeholder.tsx
+++ b/www/src/demos/date-range-picker/placeholder.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { CalendarDate } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/prefix.tsx b/www/src/demos/date-range-picker/prefix.tsx
index 521d1776e..9c7ade8a3 100644
--- a/www/src/demos/date-range-picker/prefix.tsx
+++ b/www/src/demos/date-range-picker/prefix.tsx
@@ -1,4 +1,4 @@
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 import { PlaneIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/date-range-picker/read-only.tsx b/www/src/demos/date-range-picker/read-only.tsx
index b6c3a69b1..ff2e6e81d 100644
--- a/www/src/demos/date-range-picker/read-only.tsx
+++ b/www/src/demos/date-range-picker/read-only.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/required.tsx b/www/src/demos/date-range-picker/required.tsx
index 52dda1166..e13d73f06 100644
--- a/www/src/demos/date-range-picker/required.tsx
+++ b/www/src/demos/date-range-picker/required.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/sizes.tsx b/www/src/demos/date-range-picker/sizes.tsx
index cdd381369..38ad2bae1 100644
--- a/www/src/demos/date-range-picker/sizes.tsx
+++ b/www/src/demos/date-range-picker/sizes.tsx
@@ -1,4 +1,4 @@
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/time-zones.tsx b/www/src/demos/date-range-picker/time-zones.tsx
index 337fa4192..2623e6909 100644
--- a/www/src/demos/date-range-picker/time-zones.tsx
+++ b/www/src/demos/date-range-picker/time-zones.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/date-range-picker/uncontrolled.tsx b/www/src/demos/date-range-picker/uncontrolled.tsx
index cf8ccead9..7e54008f8 100644
--- a/www/src/demos/date-range-picker/uncontrolled.tsx
+++ b/www/src/demos/date-range-picker/uncontrolled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { parseDate } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/dialog/alert-dialog.tsx b/www/src/demos/dialog/alert-dialog.tsx
index 16e5b1ff7..7fac72505 100644
--- a/www/src/demos/dialog/alert-dialog.tsx
+++ b/www/src/demos/dialog/alert-dialog.tsx
@@ -1,12 +1,12 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
-} from "@/registry/ui/default/core/dialog";
+} from "@/components/dynamic-core/dialog";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/dialog/async-form-submission.tsx b/www/src/demos/dialog/async-form-submission.tsx
index ad0f29685..a2634c3bd 100644
--- a/www/src/demos/dialog/async-form-submission.tsx
+++ b/www/src/demos/dialog/async-form-submission.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function DialogDemo() {
   const [isPending, setIsPending] = React.useState(false);
diff --git a/www/src/demos/dialog/basic.tsx b/www/src/demos/dialog/basic.tsx
index 574a5b8c0..7b100d04d 100644
--- a/www/src/demos/dialog/basic.tsx
+++ b/www/src/demos/dialog/basic.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/dialog/composition.tsx b/www/src/demos/dialog/composition.tsx
index 536abf652..3ea41daf1 100644
--- a/www/src/demos/dialog/composition.tsx
+++ b/www/src/demos/dialog/composition.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/dialog/controlled.tsx b/www/src/demos/dialog/controlled.tsx
index 6a5b4e4e4..4b38462d1 100644
--- a/www/src/demos/dialog/controlled.tsx
+++ b/www/src/demos/dialog/controlled.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/dialog/description.tsx b/www/src/demos/dialog/description.tsx
index f84fc2302..070ec5acf 100644
--- a/www/src/demos/dialog/description.tsx
+++ b/www/src/demos/dialog/description.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/dialog/dismiss-button.tsx b/www/src/demos/dialog/dismiss-button.tsx
index 1e01f9e9e..b7ffbc984 100644
--- a/www/src/demos/dialog/dismiss-button.tsx
+++ b/www/src/demos/dialog/dismiss-button.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/dialog/dismissable.tsx b/www/src/demos/dialog/dismissable.tsx
index 7a90f137b..8319a77f9 100644
--- a/www/src/demos/dialog/dismissable.tsx
+++ b/www/src/demos/dialog/dismissable.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/dialog/drawer.tsx b/www/src/demos/dialog/drawer.tsx
index 79e27b1d2..77973b2df 100644
--- a/www/src/demos/dialog/drawer.tsx
+++ b/www/src/demos/dialog/drawer.tsx
@@ -2,11 +2,11 @@
 
 import React from "react";
 import type { Key } from "react-aria-components";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-import { Switch } from "@/registry/ui/default/core/switch";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+import { Switch } from "@/components/dynamic-core/switch";
 
 export default function Demo() {
   const [placement, setPlacement] = React.useState<Key>("top");
diff --git a/www/src/demos/dialog/inset-content.tsx b/www/src/demos/dialog/inset-content.tsx
index 580774352..00e0a4e1e 100644
--- a/www/src/demos/dialog/inset-content.tsx
+++ b/www/src/demos/dialog/inset-content.tsx
@@ -1,14 +1,14 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
   DialogInset,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/dialog/nested.tsx b/www/src/demos/dialog/nested.tsx
index 9b86e5c1f..fb376e904 100644
--- a/www/src/demos/dialog/nested.tsx
+++ b/www/src/demos/dialog/nested.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
 
 type Type = "modal" | "drawer" | "popover";
 
diff --git a/www/src/demos/dialog/popover.tsx b/www/src/demos/dialog/popover.tsx
index e524394d6..4f25a112f 100644
--- a/www/src/demos/dialog/popover.tsx
+++ b/www/src/demos/dialog/popover.tsx
@@ -2,12 +2,12 @@
 
 import React from "react";
 import type { Key } from "react-aria-components";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-import { Select } from "@/registry/ui/default/core/select";
-import { Switch } from "@/registry/ui/default/core/switch";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { Item } from "@/components/dynamic-core/list-box";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { Select } from "@/components/dynamic-core/select";
+import { Switch } from "@/components/dynamic-core/switch";
 import { InfoIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/dialog/title.tsx b/www/src/demos/dialog/title.tsx
index c58ca2c4a..c6dbae634 100644
--- a/www/src/demos/dialog/title.tsx
+++ b/www/src/demos/dialog/title.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/dialog/types.tsx b/www/src/demos/dialog/types.tsx
index 92516b215..fbf0c7f4b 100644
--- a/www/src/demos/dialog/types.tsx
+++ b/www/src/demos/dialog/types.tsx
@@ -1,14 +1,14 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
-import { TextField } from "@/registry/ui/default/core/text-field";
+} from "@/components/dynamic-core/dialog";
+import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 type Type = "modal" | "drawer" | "popover";
 
diff --git a/www/src/demos/drop-zone/default.tsx b/www/src/demos/drop-zone/default.tsx
index c26779f52..e17059bb7 100644
--- a/www/src/demos/drop-zone/default.tsx
+++ b/www/src/demos/drop-zone/default.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DropZone } from "@/registry/ui/default/core/drop-zone";
+import { DropZone } from "@/components/dynamic-core/drop-zone";
 import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/drop-zone/disabled.tsx b/www/src/demos/drop-zone/disabled.tsx
index 1e4af2c3a..3bdfee5fa 100644
--- a/www/src/demos/drop-zone/disabled.tsx
+++ b/www/src/demos/drop-zone/disabled.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { DropZone } from "@/registry/ui/default/core/drop-zone";
-import { Text } from "@/registry/ui/default/core/text";
+import { DropZone } from "@/components/dynamic-core/drop-zone";
+import { Text } from "@/components/dynamic-core/text";
 import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/drop-zone/file-trigger.tsx b/www/src/demos/drop-zone/file-trigger.tsx
index 786a52cd9..6821d1b4f 100644
--- a/www/src/demos/drop-zone/file-trigger.tsx
+++ b/www/src/demos/drop-zone/file-trigger.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DropZone } from "@/registry/ui/default/core/drop-zone";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
-import { Text } from "@/registry/ui/default/core/text";
+import { Button } from "@/components/dynamic-core/button";
+import { DropZone } from "@/components/dynamic-core/drop-zone";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
+import { Text } from "@/components/dynamic-core/text";
 import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/drop-zone/label.tsx b/www/src/demos/drop-zone/label.tsx
index 521b756bb..912aa03c1 100644
--- a/www/src/demos/drop-zone/label.tsx
+++ b/www/src/demos/drop-zone/label.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { DropZone } from "@/registry/ui/default/core/drop-zone";
-import { Text } from "@/registry/ui/default/core/text";
+import { DropZone } from "@/components/dynamic-core/drop-zone";
+import { Text } from "@/components/dynamic-core/text";
 import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/file-trigger/default.tsx b/www/src/demos/file-trigger/default.tsx
index ee8976a45..04e916201 100644
--- a/www/src/demos/file-trigger/default.tsx
+++ b/www/src/demos/file-trigger/default.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { Button } from "@/components/dynamic-core/button";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
 import { UploadIcon } from "@/__icons__";
 
 export default function FileTriggerDemo() {
diff --git a/www/src/demos/file-trigger/directory-selection.tsx b/www/src/demos/file-trigger/directory-selection.tsx
index 30207d230..dcbf0ac18 100644
--- a/www/src/demos/file-trigger/directory-selection.tsx
+++ b/www/src/demos/file-trigger/directory-selection.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { Button } from "@/components/dynamic-core/button";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
 import { UploadIcon } from "@/__icons__";
 
 export default function FileTriggerDemo() {
diff --git a/www/src/demos/file-trigger/file-types.tsx b/www/src/demos/file-trigger/file-types.tsx
index 1ee6b42c2..aef4f08a1 100644
--- a/www/src/demos/file-trigger/file-types.tsx
+++ b/www/src/demos/file-trigger/file-types.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { Button } from "@/components/dynamic-core/button";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
 import { UploadIcon } from "@/__icons__";
 
 export default function FileTriggerDemo() {
diff --git a/www/src/demos/file-trigger/media-capture.tsx b/www/src/demos/file-trigger/media-capture.tsx
index dc4c33a90..895e9c152 100644
--- a/www/src/demos/file-trigger/media-capture.tsx
+++ b/www/src/demos/file-trigger/media-capture.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { Button } from "@/components/dynamic-core/button";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
 import { CameraIcon } from "@/__icons__";
 
 export default function FileTriggerDemo() {
diff --git a/www/src/demos/file-trigger/multiple-files.tsx b/www/src/demos/file-trigger/multiple-files.tsx
index a986f60fb..dac21149c 100644
--- a/www/src/demos/file-trigger/multiple-files.tsx
+++ b/www/src/demos/file-trigger/multiple-files.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
+import { Button } from "@/components/dynamic-core/button";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
 import { UploadIcon } from "@/__icons__";
 
 export default function FileTriggerDemo() {
diff --git a/www/src/demos/link/default.tsx b/www/src/demos/link/default.tsx
index 5a05334bc..40871b117 100644
--- a/www/src/demos/link/default.tsx
+++ b/www/src/demos/link/default.tsx
@@ -1,4 +1,4 @@
-import { Link } from "@/registry/ui/default/core/link";
+import { Link } from "@/components/dynamic-core/link";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/link/disabled.tsx b/www/src/demos/link/disabled.tsx
index 5083dd59c..70bbc4483 100644
--- a/www/src/demos/link/disabled.tsx
+++ b/www/src/demos/link/disabled.tsx
@@ -1,4 +1,4 @@
-import { Link } from "@/registry/ui/default/core/link";
+import { Link } from "@/components/dynamic-core/link";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/link/icon.tsx b/www/src/demos/link/icon.tsx
index 7e309cdf4..581ba61f0 100644
--- a/www/src/demos/link/icon.tsx
+++ b/www/src/demos/link/icon.tsx
@@ -1,4 +1,4 @@
-import { Link } from "@/registry/ui/default/core/link";
+import { Link } from "@/components/dynamic-core/link";
 import { ExternalLinkIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/link/variants.tsx b/www/src/demos/link/variants.tsx
index 0e767c24c..55f36afb2 100644
--- a/www/src/demos/link/variants.tsx
+++ b/www/src/demos/link/variants.tsx
@@ -1,4 +1,4 @@
-import { Link } from "@/registry/ui/default/core/link";
+import { Link } from "@/components/dynamic-core/link";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/async-loading.tsx b/www/src/demos/list-box/async-loading.tsx
index 8b3eae604..a8e2db467 100644
--- a/www/src/demos/list-box/async-loading.tsx
+++ b/www/src/demos/list-box/async-loading.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useAsyncList } from "react-stately";
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 
 interface Character {
   name: string;
diff --git a/www/src/demos/list-box/basic.tsx b/www/src/demos/list-box/basic.tsx
index f89394595..282b7e322 100644
--- a/www/src/demos/list-box/basic.tsx
+++ b/www/src/demos/list-box/basic.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/composition.tsx b/www/src/demos/list-box/composition.tsx
index c32821f83..50a1e68e3 100644
--- a/www/src/demos/list-box/composition.tsx
+++ b/www/src/demos/list-box/composition.tsx
@@ -1,5 +1,5 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-import { Text } from "@/registry/ui/default/core/text";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { Text } from "@/components/dynamic-core/text";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/controlled.tsx b/www/src/demos/list-box/controlled.tsx
index 549bdbd20..63eada47f 100644
--- a/www/src/demos/list-box/controlled.tsx
+++ b/www/src/demos/list-box/controlled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import type { Selection } from "react-aria-components";
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   const [selected, setSelected] = React.useState<Selection>(
diff --git a/www/src/demos/list-box/disabled-items.tsx b/www/src/demos/list-box/disabled-items.tsx
index ce69403fb..65867586b 100644
--- a/www/src/demos/list-box/disabled-items.tsx
+++ b/www/src/demos/list-box/disabled-items.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/empty-state.tsx b/www/src/demos/list-box/empty-state.tsx
index 92c4092b2..c50a8e5e1 100644
--- a/www/src/demos/list-box/empty-state.tsx
+++ b/www/src/demos/list-box/empty-state.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ListBox } from "@/registry/ui/default/core/list-box";
+import { ListBox } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/grid.tsx b/www/src/demos/list-box/grid.tsx
index 64b8ae63c..18766e2ed 100644
--- a/www/src/demos/list-box/grid.tsx
+++ b/www/src/demos/list-box/grid.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/horizontal.tsx b/www/src/demos/list-box/horizontal.tsx
index ada8af83e..0fe23ffd7 100644
--- a/www/src/demos/list-box/horizontal.tsx
+++ b/www/src/demos/list-box/horizontal.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/item-variant.tsx b/www/src/demos/list-box/item-variant.tsx
index a59027be1..7792742d7 100644
--- a/www/src/demos/list-box/item-variant.tsx
+++ b/www/src/demos/list-box/item-variant.tsx
@@ -1,4 +1,4 @@
-import { Item, ListBox } from "@/registry/ui/default/core/list-box";
+import { Item, ListBox } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/label-and-description.tsx b/www/src/demos/list-box/label-and-description.tsx
index f2701a780..77b203355 100644
--- a/www/src/demos/list-box/label-and-description.tsx
+++ b/www/src/demos/list-box/label-and-description.tsx
@@ -1,5 +1,5 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-import { Section } from "@/registry/ui/default/core/section";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { Section } from "@/components/dynamic-core/section";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/links.tsx b/www/src/demos/list-box/links.tsx
index baf69cd6c..a07634dea 100644
--- a/www/src/demos/list-box/links.tsx
+++ b/www/src/demos/list-box/links.tsx
@@ -1,5 +1,5 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/loading.tsx b/www/src/demos/list-box/loading.tsx
index f8f1318e7..d0093acbd 100644
--- a/www/src/demos/list-box/loading.tsx
+++ b/www/src/demos/list-box/loading.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/prefix-and-suffix.tsx b/www/src/demos/list-box/prefix-and-suffix.tsx
index 36fbfcab0..552b6bc1d 100644
--- a/www/src/demos/list-box/prefix-and-suffix.tsx
+++ b/www/src/demos/list-box/prefix-and-suffix.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 import { SquarePenIcon, PlusSquareIcon, CopyIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/list-box/sections.tsx b/www/src/demos/list-box/sections.tsx
index 8aed76469..3d078f547 100644
--- a/www/src/demos/list-box/sections.tsx
+++ b/www/src/demos/list-box/sections.tsx
@@ -1,5 +1,5 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-import { Section } from "@/registry/ui/default/core/section";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { Section } from "@/components/dynamic-core/section";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/selection-behavior.tsx b/www/src/demos/list-box/selection-behavior.tsx
index 0cb78c629..2001faf43 100644
--- a/www/src/demos/list-box/selection-behavior.tsx
+++ b/www/src/demos/list-box/selection-behavior.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/selection-mode.tsx b/www/src/demos/list-box/selection-mode.tsx
index 36ffd58d2..5b07fc1e0 100644
--- a/www/src/demos/list-box/selection-mode.tsx
+++ b/www/src/demos/list-box/selection-mode.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/separator.tsx b/www/src/demos/list-box/separator.tsx
index bbfd47f01..3ffe64a69 100644
--- a/www/src/demos/list-box/separator.tsx
+++ b/www/src/demos/list-box/separator.tsx
@@ -1,5 +1,5 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-import { Separator } from "@/registry/ui/default/core/separator";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { Separator } from "@/components/dynamic-core/separator";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/list-box/uncontrolled.tsx b/www/src/demos/list-box/uncontrolled.tsx
index df9c15831..c4018accf 100644
--- a/www/src/demos/list-box/uncontrolled.tsx
+++ b/www/src/demos/list-box/uncontrolled.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/menu/basic.tsx b/www/src/demos/menu/basic.tsx
index 56367534a..9939d869e 100644
--- a/www/src/demos/menu/basic.tsx
+++ b/www/src/demos/menu/basic.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/composition.tsx b/www/src/demos/menu/composition.tsx
index d7e6a527f..866b2c07d 100644
--- a/www/src/demos/menu/composition.tsx
+++ b/www/src/demos/menu/composition.tsx
@@ -1,10 +1,10 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   MenuContent,
   MenuItem,
   MenuRoot,
-} from "@/registry/ui/default/core/menu";
-import { Overlay } from "@/registry/ui/default/core/overlay";
+} from "@/components/dynamic-core/menu";
+import { Overlay } from "@/components/dynamic-core/overlay";
 import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/controlled.tsx b/www/src/demos/menu/controlled.tsx
index 27d29e7ce..0066d2d2e 100644
--- a/www/src/demos/menu/controlled.tsx
+++ b/www/src/demos/menu/controlled.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/disabled-items.tsx b/www/src/demos/menu/disabled-items.tsx
index e3350ac69..7022863be 100644
--- a/www/src/demos/menu/disabled-items.tsx
+++ b/www/src/demos/menu/disabled-items.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { MenuIcon, PlusSquareIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/item-variant.tsx b/www/src/demos/menu/item-variant.tsx
index caef6d17b..5b7689ddc 100644
--- a/www/src/demos/menu/item-variant.tsx
+++ b/www/src/demos/menu/item-variant.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/label-and-description.tsx b/www/src/demos/menu/label-and-description.tsx
index c23b7ab05..7ef99a53c 100644
--- a/www/src/demos/menu/label-and-description.tsx
+++ b/www/src/demos/menu/label-and-description.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/link-items.tsx b/www/src/demos/menu/link-items.tsx
index 7b8fa3bac..fbac8aecd 100644
--- a/www/src/demos/menu/link-items.tsx
+++ b/www/src/demos/menu/link-items.tsx
@@ -1,6 +1,6 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/menu/long-press.tsx b/www/src/demos/menu/long-press.tsx
index d565e3557..b61b51f1a 100644
--- a/www/src/demos/menu/long-press.tsx
+++ b/www/src/demos/menu/long-press.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/multiple-selection.tsx b/www/src/demos/menu/multiple-selection.tsx
index 36360e112..61521d00c 100644
--- a/www/src/demos/menu/multiple-selection.tsx
+++ b/www/src/demos/menu/multiple-selection.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/menu/overlay-type.tsx b/www/src/demos/menu/overlay-type.tsx
index 6fddc942e..19d53442a 100644
--- a/www/src/demos/menu/overlay-type.tsx
+++ b/www/src/demos/menu/overlay-type.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { type OverlayProps } from "@/registry/ui/default/core/overlay";
-import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { type OverlayProps } from "@/components/dynamic-core/overlay";
+import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
 import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/placement.tsx b/www/src/demos/menu/placement.tsx
index 42d0015e9..44dfaa468 100644
--- a/www/src/demos/menu/placement.tsx
+++ b/www/src/demos/menu/placement.tsx
@@ -1,15 +1,15 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Item } from "@/registry/ui/default/core/list-box";
+import { Button } from "@/components/dynamic-core/button";
+import { Item } from "@/components/dynamic-core/list-box";
 import {
   Menu,
   MenuItem,
   MenuRoot,
   type MenuProps,
-} from "@/registry/ui/default/core/menu";
-import { Select } from "@/registry/ui/default/core/select";
+} from "@/components/dynamic-core/menu";
+import { Select } from "@/components/dynamic-core/select";
 import { MenuIcon } from "@/__icons__";
 
 type Placement = MenuProps<object>["placement"];
diff --git a/www/src/demos/menu/prefix-and-suffix.tsx b/www/src/demos/menu/prefix-and-suffix.tsx
index 18cb3b153..ca8fe035a 100644
--- a/www/src/demos/menu/prefix-and-suffix.tsx
+++ b/www/src/demos/menu/prefix-and-suffix.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { CopyIcon, MenuIcon, PlusSquareIcon, SquarePenIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/section.tsx b/www/src/demos/menu/section.tsx
index 728780628..5c012c24b 100644
--- a/www/src/demos/menu/section.tsx
+++ b/www/src/demos/menu/section.tsx
@@ -1,6 +1,6 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { Section } from "@/registry/ui/default/core/section";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { Section } from "@/components/dynamic-core/section";
 import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/separator.tsx b/www/src/demos/menu/separator.tsx
index ee147c091..66b332e62 100644
--- a/www/src/demos/menu/separator.tsx
+++ b/www/src/demos/menu/separator.tsx
@@ -1,6 +1,6 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { Separator } from "@/registry/ui/default/core/separator";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { Separator } from "@/components/dynamic-core/separator";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/menu/shortcut.tsx b/www/src/demos/menu/shortcut.tsx
index 9fcb7e73c..ab4d2e7a5 100644
--- a/www/src/demos/menu/shortcut.tsx
+++ b/www/src/demos/menu/shortcut.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/menu/single-selection.tsx b/www/src/demos/menu/single-selection.tsx
index c9117c08c..1724b003c 100644
--- a/www/src/demos/menu/single-selection.tsx
+++ b/www/src/demos/menu/single-selection.tsx
@@ -2,8 +2,8 @@
 
 import React from "react";
 import type { Selection } from "react-aria-components";
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 
 export default function Demo() {
   const [selected, setSelected] = React.useState<Selection>(
diff --git a/www/src/demos/menu/submenus.tsx b/www/src/demos/menu/submenus.tsx
index 6d5bf5e0f..65a880d90 100644
--- a/www/src/demos/menu/submenus.tsx
+++ b/www/src/demos/menu/submenus.tsx
@@ -1,10 +1,10 @@
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   Menu,
   MenuItem,
   MenuRoot,
   MenuSub,
-} from "@/registry/ui/default/core/menu";
+} from "@/components/dynamic-core/menu";
 import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/number-field/composition.tsx b/www/src/demos/number-field/composition.tsx
index f0b5d7c67..fc0a4d682 100644
--- a/www/src/demos/number-field/composition.tsx
+++ b/www/src/demos/number-field/composition.tsx
@@ -1,9 +1,9 @@
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { Group } from "@/registry/ui/default/core/group";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-import { NumberFieldRoot } from "@/registry/ui/default/core/number-field";
+import { Button } from "@/components/dynamic-core/button";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { Group } from "@/components/dynamic-core/group";
+import { Input, InputRoot } from "@/components/dynamic-core/input";
+import { NumberFieldRoot } from "@/components/dynamic-core/number-field";
 import { MinusIcon, PlusIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/number-field/contextual-help.tsx b/www/src/demos/number-field/contextual-help.tsx
index e44ef0e20..4b055eef3 100644
--- a/www/src/demos/number-field/contextual-help.tsx
+++ b/www/src/demos/number-field/contextual-help.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/number-field/controlled.tsx b/www/src/demos/number-field/controlled.tsx
index 6e66018fd..61ef61583 100644
--- a/www/src/demos/number-field/controlled.tsx
+++ b/www/src/demos/number-field/controlled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   const [inputValue, setInputValue] = React.useState(69);
diff --git a/www/src/demos/number-field/default.tsx b/www/src/demos/number-field/default.tsx
index ce5a53efb..84e941d74 100644
--- a/www/src/demos/number-field/default.tsx
+++ b/www/src/demos/number-field/default.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return <NumberField label="Width" defaultValue={1024} />;
diff --git a/www/src/demos/number-field/description.tsx b/www/src/demos/number-field/description.tsx
index b3078e41b..b20005aa8 100644
--- a/www/src/demos/number-field/description.tsx
+++ b/www/src/demos/number-field/description.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return <NumberField label="Width" description="Enter the desired width." />;
diff --git a/www/src/demos/number-field/disabled.tsx b/www/src/demos/number-field/disabled.tsx
index 298d9a932..395664b1c 100644
--- a/www/src/demos/number-field/disabled.tsx
+++ b/www/src/demos/number-field/disabled.tsx
@@ -1,4 +1,4 @@
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return <NumberField defaultValue={20} isDisabled />;
diff --git a/www/src/demos/number-field/error-message.tsx b/www/src/demos/number-field/error-message.tsx
index 611a0dd5d..bc843742a 100644
--- a/www/src/demos/number-field/error-message.tsx
+++ b/www/src/demos/number-field/error-message.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/number-field/format-options.tsx b/www/src/demos/number-field/format-options.tsx
index b5900db78..562093e96 100644
--- a/www/src/demos/number-field/format-options.tsx
+++ b/www/src/demos/number-field/format-options.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/number-field/label.tsx b/www/src/demos/number-field/label.tsx
index 878e060e8..2f438c5eb 100644
--- a/www/src/demos/number-field/label.tsx
+++ b/www/src/demos/number-field/label.tsx
@@ -1,4 +1,4 @@
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/number-field/read-only.tsx b/www/src/demos/number-field/read-only.tsx
index 5d3b77022..8b1d179fc 100644
--- a/www/src/demos/number-field/read-only.tsx
+++ b/www/src/demos/number-field/read-only.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return <NumberField aria-label="Width" isReadOnly value={69} />;
diff --git a/www/src/demos/number-field/required.tsx b/www/src/demos/number-field/required.tsx
index 47e69de8f..42487cb39 100644
--- a/www/src/demos/number-field/required.tsx
+++ b/www/src/demos/number-field/required.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/number-field/sizes.tsx b/www/src/demos/number-field/sizes.tsx
index 153ca6319..1726ce453 100644
--- a/www/src/demos/number-field/sizes.tsx
+++ b/www/src/demos/number-field/sizes.tsx
@@ -1,4 +1,4 @@
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/number-field/uncontrolled.tsx b/www/src/demos/number-field/uncontrolled.tsx
index 85edaec37..6601123b0 100644
--- a/www/src/demos/number-field/uncontrolled.tsx
+++ b/www/src/demos/number-field/uncontrolled.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
+import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
   return <NumberField aria-label="Width" defaultValue={80} />;
diff --git a/www/src/demos/progress/composition.tsx b/www/src/demos/progress/composition.tsx
index 7c43517c8..5460bb629 100644
--- a/www/src/demos/progress/composition.tsx
+++ b/www/src/demos/progress/composition.tsx
@@ -6,7 +6,7 @@ import {
   ProgressIndicator,
   ProgressRoot,
   ProgressValueLabel,
-} from "@/registry/ui/default/core/progress";
+} from "@/components/dynamic-core/progress";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/progress/custom-color.tsx b/www/src/demos/progress/custom-color.tsx
index 62979e25a..80fe2a67f 100644
--- a/www/src/demos/progress/custom-color.tsx
+++ b/www/src/demos/progress/custom-color.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/progress/custom-value-label.tsx b/www/src/demos/progress/custom-value-label.tsx
index 501e4a312..32ae8342c 100644
--- a/www/src/demos/progress/custom-value-label.tsx
+++ b/www/src/demos/progress/custom-value-label.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/progress/default.tsx b/www/src/demos/progress/default.tsx
index 47726ede2..0807d258d 100644
--- a/www/src/demos/progress/default.tsx
+++ b/www/src/demos/progress/default.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 export default function Demo() {
   return <Progress aria-label="loading" value={75} />;
diff --git a/www/src/demos/progress/duration.tsx b/www/src/demos/progress/duration.tsx
index 7bc189f2c..56814c8c1 100644
--- a/www/src/demos/progress/duration.tsx
+++ b/www/src/demos/progress/duration.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import * as React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Button } from "@/components/dynamic-core/button";
+import { Progress } from "@/components/dynamic-core/progress";
 import { RotateCwIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/progress/format-options.tsx b/www/src/demos/progress/format-options.tsx
index 5133b62e6..e811fc11e 100644
--- a/www/src/demos/progress/format-options.tsx
+++ b/www/src/demos/progress/format-options.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/progress/indeterminate.tsx b/www/src/demos/progress/indeterminate.tsx
index f4e81fcea..3dde7e46a 100644
--- a/www/src/demos/progress/indeterminate.tsx
+++ b/www/src/demos/progress/indeterminate.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 export default function Demo() {
   return <Progress isIndeterminate aria-label="Loading" />;
diff --git a/www/src/demos/progress/label.tsx b/www/src/demos/progress/label.tsx
index 9781540d8..9e1ea9ab5 100644
--- a/www/src/demos/progress/label.tsx
+++ b/www/src/demos/progress/label.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/progress/min-max-values.tsx b/www/src/demos/progress/min-max-values.tsx
index 9fe8308c7..4a5e03251 100644
--- a/www/src/demos/progress/min-max-values.tsx
+++ b/www/src/demos/progress/min-max-values.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/progress/shape.tsx b/www/src/demos/progress/shape.tsx
index 933f45a41..e8d52c198 100644
--- a/www/src/demos/progress/shape.tsx
+++ b/www/src/demos/progress/shape.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 export default function Demo() {
   return <Progress aria-label="Progress shape" value={75} />;
diff --git a/www/src/demos/progress/sizes.tsx b/www/src/demos/progress/sizes.tsx
index a89c15f5d..69310b608 100644
--- a/www/src/demos/progress/sizes.tsx
+++ b/www/src/demos/progress/sizes.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 const sizes = ["sm", "md", "lg"] as const;
 
diff --git a/www/src/demos/progress/toolbar.tsx b/www/src/demos/progress/toolbar.tsx
index 4d8ee2ae2..4df09e668 100644
--- a/www/src/demos/progress/toolbar.tsx
+++ b/www/src/demos/progress/toolbar.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import * as React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-import { Progress } from "@/registry/ui/default/core/progress";
-import { TextFieldRoot } from "@/registry/ui/default/core/text-field";
+import { Button } from "@/components/dynamic-core/button";
+import { Input, InputRoot } from "@/components/dynamic-core/input";
+import { Progress } from "@/components/dynamic-core/progress";
+import { TextFieldRoot } from "@/components/dynamic-core/text-field";
 import { ALargeSmallIcon, RotateCwIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/progress/value-label.tsx b/www/src/demos/progress/value-label.tsx
index f47a8c201..ac33be225 100644
--- a/www/src/demos/progress/value-label.tsx
+++ b/www/src/demos/progress/value-label.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 export default function Demo() {
   return <Progress label="Loading" showValueLabel value={75} />;
diff --git a/www/src/demos/progress/variants.tsx b/www/src/demos/progress/variants.tsx
index fa60650e3..2ba2882be 100644
--- a/www/src/demos/progress/variants.tsx
+++ b/www/src/demos/progress/variants.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
+import { Progress } from "@/components/dynamic-core/progress";
 
 const variants = ["default", "success", "accent", "danger", "warning"] as const;
 
diff --git a/www/src/demos/radio-group/cards.tsx b/www/src/demos/radio-group/cards.tsx
index b2cc195e6..23f05340f 100644
--- a/www/src/demos/radio-group/cards.tsx
+++ b/www/src/demos/radio-group/cards.tsx
@@ -1,4 +1,4 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/composition.tsx b/www/src/demos/radio-group/composition.tsx
index db9f291c2..112b93655 100644
--- a/www/src/demos/radio-group/composition.tsx
+++ b/www/src/demos/radio-group/composition.tsx
@@ -2,8 +2,8 @@ import {
   Description,
   FieldError,
   Label,
-} from "@/registry/ui/default/core/field";
-import { RadioGroupRoot, Radio } from "@/registry/ui/default/core/radio-group";
+} from "@/components/dynamic-core/field";
+import { RadioGroupRoot, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/contextual-help.tsx b/www/src/demos/radio-group/contextual-help.tsx
index 74d0c0eef..6f0646b0a 100644
--- a/www/src/demos/radio-group/contextual-help.tsx
+++ b/www/src/demos/radio-group/contextual-help.tsx
@@ -1,5 +1,5 @@
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/controlled.tsx b/www/src/demos/radio-group/controlled.tsx
index 3d4705e8e..130803d18 100644
--- a/www/src/demos/radio-group/controlled.tsx
+++ b/www/src/demos/radio-group/controlled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   const [size, setSize] = React.useState("sm");
diff --git a/www/src/demos/radio-group/default.tsx b/www/src/demos/radio-group/default.tsx
index 54f79faf2..692be86f7 100644
--- a/www/src/demos/radio-group/default.tsx
+++ b/www/src/demos/radio-group/default.tsx
@@ -1,4 +1,4 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/description.tsx b/www/src/demos/radio-group/description.tsx
index 4986daffa..9b49228da 100644
--- a/www/src/demos/radio-group/description.tsx
+++ b/www/src/demos/radio-group/description.tsx
@@ -1,4 +1,4 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/disabled.tsx b/www/src/demos/radio-group/disabled.tsx
index 1816b1840..db1855520 100644
--- a/www/src/demos/radio-group/disabled.tsx
+++ b/www/src/demos/radio-group/disabled.tsx
@@ -1,4 +1,4 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/error-message.tsx b/www/src/demos/radio-group/error-message.tsx
index bca3f59e5..475d1531a 100644
--- a/www/src/demos/radio-group/error-message.tsx
+++ b/www/src/demos/radio-group/error-message.tsx
@@ -1,4 +1,4 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/label.tsx b/www/src/demos/radio-group/label.tsx
index 8aa9201c9..8fc8513e1 100644
--- a/www/src/demos/radio-group/label.tsx
+++ b/www/src/demos/radio-group/label.tsx
@@ -1,4 +1,4 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/orientation.tsx b/www/src/demos/radio-group/orientation.tsx
index 8ab2f54bc..b939eea01 100644
--- a/www/src/demos/radio-group/orientation.tsx
+++ b/www/src/demos/radio-group/orientation.tsx
@@ -1,4 +1,4 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/read-only.tsx b/www/src/demos/radio-group/read-only.tsx
index 9f12fc949..3d619e39c 100644
--- a/www/src/demos/radio-group/read-only.tsx
+++ b/www/src/demos/radio-group/read-only.tsx
@@ -1,4 +1,4 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/required.tsx b/www/src/demos/radio-group/required.tsx
index df5c847d1..b993b1450 100644
--- a/www/src/demos/radio-group/required.tsx
+++ b/www/src/demos/radio-group/required.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/radio-group/uncontrolled.tsx b/www/src/demos/radio-group/uncontrolled.tsx
index ffd5a9591..2b64a9d01 100644
--- a/www/src/demos/radio-group/uncontrolled.tsx
+++ b/www/src/demos/radio-group/uncontrolled.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/range-calendar/composition.tsx b/www/src/demos/range-calendar/composition.tsx
index 27b92d8d1..e50356e3f 100644
--- a/www/src/demos/range-calendar/composition.tsx
+++ b/www/src/demos/range-calendar/composition.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Button } from "@/registry/ui/default/core/button";
+import { Button } from "@/components/dynamic-core/button";
 import {
   CalendarHeader,
   CalendarGrid,
@@ -8,9 +8,9 @@ import {
   CalendarHeaderCell,
   CalendarGridBody,
   CalendarCell,
-} from "@/registry/ui/default/core/calendar";
-import { Heading } from "@/registry/ui/default/core/heading";
-import { RangeCalendarRoot } from "@/registry/ui/default/core/range-calendar";
+} from "@/components/dynamic-core/calendar";
+import { Heading } from "@/components/dynamic-core/heading";
+import { RangeCalendarRoot } from "@/components/dynamic-core/range-calendar";
 import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/range-calendar/controlled.tsx b/www/src/demos/range-calendar/controlled.tsx
index 4468a9959..1df331adc 100644
--- a/www/src/demos/range-calendar/controlled.tsx
+++ b/www/src/demos/range-calendar/controlled.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import { getLocalTimeZone, today } from "@internationalized/date";
 import { type DateRange } from "react-aria-components";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   const [range, setRange] = React.useState<DateRange | null>({
diff --git a/www/src/demos/range-calendar/default.tsx b/www/src/demos/range-calendar/default.tsx
index 23a40da56..ca8f1242d 100644
--- a/www/src/demos/range-calendar/default.tsx
+++ b/www/src/demos/range-calendar/default.tsx
@@ -1,4 +1,4 @@
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   return <RangeCalendar />;
diff --git a/www/src/demos/range-calendar/disabled.tsx b/www/src/demos/range-calendar/disabled.tsx
index b459a529e..6a7005ce4 100644
--- a/www/src/demos/range-calendar/disabled.tsx
+++ b/www/src/demos/range-calendar/disabled.tsx
@@ -1,4 +1,4 @@
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   return <RangeCalendar aria-label="Appointment date" isDisabled />;
diff --git a/www/src/demos/range-calendar/error-message.tsx b/www/src/demos/range-calendar/error-message.tsx
index 3283b5ce1..913d58d35 100644
--- a/www/src/demos/range-calendar/error-message.tsx
+++ b/www/src/demos/range-calendar/error-message.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import { today, getLocalTimeZone } from "@internationalized/date";
 import { type DateRange } from "react-aria-components";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   const [range, setRange] = React.useState<DateRange | null>({
diff --git a/www/src/demos/range-calendar/label.tsx b/www/src/demos/range-calendar/label.tsx
index 09b0c9fc2..f157db6e7 100644
--- a/www/src/demos/range-calendar/label.tsx
+++ b/www/src/demos/range-calendar/label.tsx
@@ -1,4 +1,4 @@
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   return <RangeCalendar aria-label="Event date" />;
diff --git a/www/src/demos/range-calendar/non-contiguous-ranges.tsx b/www/src/demos/range-calendar/non-contiguous-ranges.tsx
index 9618db899..03683672e 100644
--- a/www/src/demos/range-calendar/non-contiguous-ranges.tsx
+++ b/www/src/demos/range-calendar/non-contiguous-ranges.tsx
@@ -5,7 +5,7 @@ import {
   getLocalTimeZone,
   today,
 } from "@internationalized/date";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   const now = today(getLocalTimeZone());
diff --git a/www/src/demos/range-calendar/page-behaviour.tsx b/www/src/demos/range-calendar/page-behaviour.tsx
index 9bd99dd09..a921693e9 100644
--- a/www/src/demos/range-calendar/page-behaviour.tsx
+++ b/www/src/demos/range-calendar/page-behaviour.tsx
@@ -1,4 +1,4 @@
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   return <RangeCalendar visibleMonths={2} pageBehavior="single" />;
diff --git a/www/src/demos/range-calendar/read-only.tsx b/www/src/demos/range-calendar/read-only.tsx
index 041e9be23..2f527f553 100644
--- a/www/src/demos/range-calendar/read-only.tsx
+++ b/www/src/demos/range-calendar/read-only.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/range-calendar/uncontrolled.tsx b/www/src/demos/range-calendar/uncontrolled.tsx
index 9fb5637a8..3ca6c132c 100644
--- a/www/src/demos/range-calendar/uncontrolled.tsx
+++ b/www/src/demos/range-calendar/uncontrolled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/range-calendar/unvailable-dates.tsx b/www/src/demos/range-calendar/unvailable-dates.tsx
index 2345ba08f..c1839cc08 100644
--- a/www/src/demos/range-calendar/unvailable-dates.tsx
+++ b/www/src/demos/range-calendar/unvailable-dates.tsx
@@ -5,7 +5,7 @@ import {
   getLocalTimeZone,
   today,
 } from "@internationalized/date";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   const now = today(getLocalTimeZone());
diff --git a/www/src/demos/range-calendar/validation.tsx b/www/src/demos/range-calendar/validation.tsx
index d9bb7977b..e5ed2466e 100644
--- a/www/src/demos/range-calendar/validation.tsx
+++ b/www/src/demos/range-calendar/validation.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/range-calendar/visible-months.tsx b/www/src/demos/range-calendar/visible-months.tsx
index 6693480e3..af7c945cc 100644
--- a/www/src/demos/range-calendar/visible-months.tsx
+++ b/www/src/demos/range-calendar/visible-months.tsx
@@ -1,4 +1,4 @@
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 
 export default function Demo() {
   return <RangeCalendar visibleMonths={2} />;
diff --git a/www/src/demos/scroll-area/default.tsx b/www/src/demos/scroll-area/default.tsx
index 1bacb76d8..352a65234 100644
--- a/www/src/demos/scroll-area/default.tsx
+++ b/www/src/demos/scroll-area/default.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
+import { ScrollArea } from "@/components/dynamic-core/scroll-area";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/scroll-area/scrollbars.tsx b/www/src/demos/scroll-area/scrollbars.tsx
index 9fa205634..3c01f201e 100644
--- a/www/src/demos/scroll-area/scrollbars.tsx
+++ b/www/src/demos/scroll-area/scrollbars.tsx
@@ -1,11 +1,11 @@
 "use client";
 
 import * as React from "react";
-import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
+import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
 import {
   ScrollArea,
   type ScrollAreaProps,
-} from "@/registry/ui/default/core/scroll-area";
+} from "@/components/dynamic-core/scroll-area";
 
 export default function Demo() {
   const [scrollbars, setScrollbars] = React.useState("vertical");
diff --git a/www/src/demos/scroll-area/sizes.tsx b/www/src/demos/scroll-area/sizes.tsx
index 98645f87f..5bcd6b8de 100644
--- a/www/src/demos/scroll-area/sizes.tsx
+++ b/www/src/demos/scroll-area/sizes.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
+import { ScrollArea } from "@/components/dynamic-core/scroll-area";
 
 const sizes = ["sm", "md", "lg"] as const;
 
diff --git a/www/src/demos/search-field/composition.tsx b/www/src/demos/search-field/composition.tsx
index 9d10cb4f8..557e32afd 100644
--- a/www/src/demos/search-field/composition.tsx
+++ b/www/src/demos/search-field/composition.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-import { SearchFieldRoot } from "@/registry/ui/default/core/search-field";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { Input, InputRoot } from "@/components/dynamic-core/input";
+import { SearchFieldRoot } from "@/components/dynamic-core/search-field";
 import { SearchIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/search-field/contextual-help.tsx b/www/src/demos/search-field/contextual-help.tsx
index 3dc658a40..b19d18ee2 100644
--- a/www/src/demos/search-field/contextual-help.tsx
+++ b/www/src/demos/search-field/contextual-help.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/search-field/controlled.tsx b/www/src/demos/search-field/controlled.tsx
index 91c61b527..dbf630112 100644
--- a/www/src/demos/search-field/controlled.tsx
+++ b/www/src/demos/search-field/controlled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   const [inputValue, setInputValue] = React.useState(
diff --git a/www/src/demos/search-field/default.tsx b/www/src/demos/search-field/default.tsx
index 698bacd03..a64ef56f1 100644
--- a/www/src/demos/search-field/default.tsx
+++ b/www/src/demos/search-field/default.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return <SearchField aria-label="Search" />;
diff --git a/www/src/demos/search-field/description.tsx b/www/src/demos/search-field/description.tsx
index 89ceb0777..23c644b8b 100644
--- a/www/src/demos/search-field/description.tsx
+++ b/www/src/demos/search-field/description.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return <SearchField label="Search" description="Enter your search query" />;
diff --git a/www/src/demos/search-field/disabled.tsx b/www/src/demos/search-field/disabled.tsx
index 9ac36ded4..a0fb69070 100644
--- a/www/src/demos/search-field/disabled.tsx
+++ b/www/src/demos/search-field/disabled.tsx
@@ -1,4 +1,4 @@
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/search-field/error-message.tsx b/www/src/demos/search-field/error-message.tsx
index de3eee9bb..237d88537 100644
--- a/www/src/demos/search-field/error-message.tsx
+++ b/www/src/demos/search-field/error-message.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/search-field/form.tsx b/www/src/demos/search-field/form.tsx
index cade43bcc..8728ad39e 100644
--- a/www/src/demos/search-field/form.tsx
+++ b/www/src/demos/search-field/form.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return <SearchField label="Search" />;
diff --git a/www/src/demos/search-field/label.tsx b/www/src/demos/search-field/label.tsx
index a6e92b2cf..6e4a8795b 100644
--- a/www/src/demos/search-field/label.tsx
+++ b/www/src/demos/search-field/label.tsx
@@ -1,4 +1,4 @@
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/search-field/loading.tsx b/www/src/demos/search-field/loading.tsx
index a800d20e6..2b021e2c9 100644
--- a/www/src/demos/search-field/loading.tsx
+++ b/www/src/demos/search-field/loading.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/search-field/prefix-and-suffix.tsx b/www/src/demos/search-field/prefix-and-suffix.tsx
index 5de171e9b..18249723d 100644
--- a/www/src/demos/search-field/prefix-and-suffix.tsx
+++ b/www/src/demos/search-field/prefix-and-suffix.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import { Button } from "@/registry/ui/default/core/button";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { SearchField } from "@/components/dynamic-core/search-field";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 import { XCircleIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/search-field/read-only.tsx b/www/src/demos/search-field/read-only.tsx
index ee0438e1e..e098084fc 100644
--- a/www/src/demos/search-field/read-only.tsx
+++ b/www/src/demos/search-field/read-only.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return <SearchField label="Search" isReadOnly value="Marvel movies" />;
diff --git a/www/src/demos/search-field/required.tsx b/www/src/demos/search-field/required.tsx
index 7dd6ffd76..bd3657437 100644
--- a/www/src/demos/search-field/required.tsx
+++ b/www/src/demos/search-field/required.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/search-field/sizes.tsx b/www/src/demos/search-field/sizes.tsx
index 69986b5cd..0e6f49b35 100644
--- a/www/src/demos/search-field/sizes.tsx
+++ b/www/src/demos/search-field/sizes.tsx
@@ -1,4 +1,4 @@
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/search-field/uncontrolled.tsx b/www/src/demos/search-field/uncontrolled.tsx
index 4010d0bbd..f26aed31c 100644
--- a/www/src/demos/search-field/uncontrolled.tsx
+++ b/www/src/demos/search-field/uncontrolled.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
+import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
   return <SearchField aria-label="Search" defaultValue="Marvel movies" />;
diff --git a/www/src/demos/select/async-loading.tsx b/www/src/demos/select/async-loading.tsx
index 229d15d0f..af974b716 100644
--- a/www/src/demos/select/async-loading.tsx
+++ b/www/src/demos/select/async-loading.tsx
@@ -2,8 +2,8 @@
 
 import React from "react";
 import { useAsyncList } from "react-stately";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 interface Character {
   name: string;
diff --git a/www/src/demos/select/basic.tsx b/www/src/demos/select/basic.tsx
index 6dbc549e8..fd66afadd 100644
--- a/www/src/demos/select/basic.tsx
+++ b/www/src/demos/select/basic.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/composition.tsx b/www/src/demos/select/composition.tsx
index a41a271f6..bb4032596 100644
--- a/www/src/demos/select/composition.tsx
+++ b/www/src/demos/select/composition.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Item, ListBox } from "@/registry/ui/default/core/list-box";
-import { Overlay } from "@/registry/ui/default/core/overlay";
-import { SelectRoot, SelectValue } from "@/registry/ui/default/core/select";
+import { Button } from "@/components/dynamic-core/button";
+import { Item, ListBox } from "@/components/dynamic-core/list-box";
+import { Overlay } from "@/components/dynamic-core/overlay";
+import { SelectRoot, SelectValue } from "@/components/dynamic-core/select";
 import { ChevronsUpDownIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/select/contextual-help.tsx b/www/src/demos/select/contextual-help.tsx
index 59bb07e82..386136864 100644
--- a/www/src/demos/select/contextual-help.tsx
+++ b/www/src/demos/select/contextual-help.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function SelectDemo() {
   return (
diff --git a/www/src/demos/select/controlled.tsx b/www/src/demos/select/controlled.tsx
index 5dd0129f4..5f70f3756 100644
--- a/www/src/demos/select/controlled.tsx
+++ b/www/src/demos/select/controlled.tsx
@@ -2,8 +2,8 @@
 
 import React from "react";
 import type { Key } from "react-aria-components";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   const [provider, setProvider] = React.useState<Key>("eleven-labs");
diff --git a/www/src/demos/select/description.tsx b/www/src/demos/select/description.tsx
index a50a30244..fbb5fb4cf 100644
--- a/www/src/demos/select/description.tsx
+++ b/www/src/demos/select/description.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/disabled.tsx b/www/src/demos/select/disabled.tsx
index c530b56ac..6729aaa2b 100644
--- a/www/src/demos/select/disabled.tsx
+++ b/www/src/demos/select/disabled.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/label.tsx b/www/src/demos/select/label.tsx
index 42e3d56df..db784a522 100644
--- a/www/src/demos/select/label.tsx
+++ b/www/src/demos/select/label.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/links.tsx b/www/src/demos/select/links.tsx
index 42214c5b4..780f8c360 100644
--- a/www/src/demos/select/links.tsx
+++ b/www/src/demos/select/links.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/loading.tsx b/www/src/demos/select/loading.tsx
index ed50ac512..193d2f136 100644
--- a/www/src/demos/select/loading.tsx
+++ b/www/src/demos/select/loading.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/placeholder.tsx b/www/src/demos/select/placeholder.tsx
index c6a5c8999..8c88f4488 100644
--- a/www/src/demos/select/placeholder.tsx
+++ b/www/src/demos/select/placeholder.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/required.tsx b/www/src/demos/select/required.tsx
index f921e8edd..4620bb31b 100644
--- a/www/src/demos/select/required.tsx
+++ b/www/src/demos/select/required.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/sections.tsx b/www/src/demos/select/sections.tsx
index c62e65108..d353292d7 100644
--- a/www/src/demos/select/sections.tsx
+++ b/www/src/demos/select/sections.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Section } from "@/registry/ui/default/core/section";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Section } from "@/components/dynamic-core/section";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/uncontrolled.tsx b/www/src/demos/select/uncontrolled.tsx
index fc436712f..2a2537d24 100644
--- a/www/src/demos/select/uncontrolled.tsx
+++ b/www/src/demos/select/uncontrolled.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/validation.tsx b/www/src/demos/select/validation.tsx
index cebf33559..e865a0861 100644
--- a/www/src/demos/select/validation.tsx
+++ b/www/src/demos/select/validation.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/separator/card.tsx b/www/src/demos/separator/card.tsx
index f344aa262..ae0870e19 100644
--- a/www/src/demos/separator/card.tsx
+++ b/www/src/demos/separator/card.tsx
@@ -1,4 +1,4 @@
-import { Separator } from "@/registry/ui/default/core/separator";
+import { Separator } from "@/components/dynamic-core/separator";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/separator/orientation.tsx b/www/src/demos/separator/orientation.tsx
index 6a2fd9a05..e11c00443 100644
--- a/www/src/demos/separator/orientation.tsx
+++ b/www/src/demos/separator/orientation.tsx
@@ -1,4 +1,4 @@
-import { Separator } from "@/registry/ui/default/core/separator";
+import { Separator } from "@/components/dynamic-core/separator";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/skeleton/api-simulation.tsx b/www/src/demos/skeleton/api-simulation.tsx
index b75ba9fae..2324f9472 100644
--- a/www/src/demos/skeleton/api-simulation.tsx
+++ b/www/src/demos/skeleton/api-simulation.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
+import { Button } from "@/components/dynamic-core/button";
+import { Skeleton } from "@/components/dynamic-core/skeleton";
 
 export default function Demo() {
   const [status, setStatus] = React.useState<
diff --git a/www/src/demos/skeleton/card.tsx b/www/src/demos/skeleton/card.tsx
index a614518c6..0f4056895 100644
--- a/www/src/demos/skeleton/card.tsx
+++ b/www/src/demos/skeleton/card.tsx
@@ -1,4 +1,4 @@
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
+import { Skeleton } from "@/components/dynamic-core/skeleton";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/skeleton/children.tsx b/www/src/demos/skeleton/children.tsx
index 77efc5ba7..78744aa15 100644
--- a/www/src/demos/skeleton/children.tsx
+++ b/www/src/demos/skeleton/children.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
+import { Button } from "@/components/dynamic-core/button";
+import { Skeleton } from "@/components/dynamic-core/skeleton";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/skeleton/fixed-size-children.tsx b/www/src/demos/skeleton/fixed-size-children.tsx
index 3216b14b8..664de6630 100644
--- a/www/src/demos/skeleton/fixed-size-children.tsx
+++ b/www/src/demos/skeleton/fixed-size-children.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
+import { Button } from "@/components/dynamic-core/button";
+import { Skeleton } from "@/components/dynamic-core/skeleton";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/skeleton/show.tsx b/www/src/demos/skeleton/show.tsx
index fbc5367e3..9655f0821 100644
--- a/www/src/demos/skeleton/show.tsx
+++ b/www/src/demos/skeleton/show.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
+import { Button } from "@/components/dynamic-core/button";
+import { Skeleton } from "@/components/dynamic-core/skeleton";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/slider/advanced-composition.tsx b/www/src/demos/slider/advanced-composition.tsx
index 7ca3ae065..f2cf2d1fc 100644
--- a/www/src/demos/slider/advanced-composition.tsx
+++ b/www/src/demos/slider/advanced-composition.tsx
@@ -1,11 +1,11 @@
-import { Label, Description } from "@/registry/ui/default/core/field";
+import { Label, Description } from "@/components/dynamic-core/field";
 import {
   SliderFiller,
   SliderRoot,
   SliderThumb,
   SliderTrack,
   SliderValueLabel,
-} from "@/registry/ui/default/core/slider";
+} from "@/components/dynamic-core/slider";
 import { Volume1Icon, Volume2Icon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/slider/composition.tsx b/www/src/demos/slider/composition.tsx
index 1d00a6648..f4b27f782 100644
--- a/www/src/demos/slider/composition.tsx
+++ b/www/src/demos/slider/composition.tsx
@@ -1,9 +1,9 @@
-import { Description, Label } from "@/registry/ui/default/core/field";
+import { Description, Label } from "@/components/dynamic-core/field";
 import {
   SliderControls,
   SliderRoot,
   SliderValueLabel,
-} from "@/registry/ui/default/core/slider";
+} from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/slider/controlled.tsx b/www/src/demos/slider/controlled.tsx
index b7c5dc0db..8ac468d3b 100644
--- a/www/src/demos/slider/controlled.tsx
+++ b/www/src/demos/slider/controlled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   const [value, setValue] = React.useState(50);
diff --git a/www/src/demos/slider/default.tsx b/www/src/demos/slider/default.tsx
index 2544522d8..bca7c7a1e 100644
--- a/www/src/demos/slider/default.tsx
+++ b/www/src/demos/slider/default.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return <Slider aria-label="Opacity" defaultValue={50} />;
diff --git a/www/src/demos/slider/description.tsx b/www/src/demos/slider/description.tsx
index f5e168c76..169348420 100644
--- a/www/src/demos/slider/description.tsx
+++ b/www/src/demos/slider/description.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/slider/disabled.tsx b/www/src/demos/slider/disabled.tsx
index d4ef82f5d..4b499a697 100644
--- a/www/src/demos/slider/disabled.tsx
+++ b/www/src/demos/slider/disabled.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return <Slider label="Opacity" defaultValue={50} isDisabled />;
diff --git a/www/src/demos/slider/format-options.tsx b/www/src/demos/slider/format-options.tsx
index 6028dacea..12ecff055 100644
--- a/www/src/demos/slider/format-options.tsx
+++ b/www/src/demos/slider/format-options.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/slider/label.tsx b/www/src/demos/slider/label.tsx
index 10b026f50..3a320b29c 100644
--- a/www/src/demos/slider/label.tsx
+++ b/www/src/demos/slider/label.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/slider/range.tsx b/www/src/demos/slider/range.tsx
index dfe3ead92..f35dabc4e 100644
--- a/www/src/demos/slider/range.tsx
+++ b/www/src/demos/slider/range.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/slider/sizes.tsx b/www/src/demos/slider/sizes.tsx
index 8c523ac83..c3a740287 100644
--- a/www/src/demos/slider/sizes.tsx
+++ b/www/src/demos/slider/sizes.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/slider/step.tsx b/www/src/demos/slider/step.tsx
index d2824947c..a830c1f2a 100644
--- a/www/src/demos/slider/step.tsx
+++ b/www/src/demos/slider/step.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/slider/uncontrolled.tsx b/www/src/demos/slider/uncontrolled.tsx
index 2544522d8..bca7c7a1e 100644
--- a/www/src/demos/slider/uncontrolled.tsx
+++ b/www/src/demos/slider/uncontrolled.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return <Slider aria-label="Opacity" defaultValue={50} />;
diff --git a/www/src/demos/slider/value-label.tsx b/www/src/demos/slider/value-label.tsx
index 31cc412fe..07621d0d0 100644
--- a/www/src/demos/slider/value-label.tsx
+++ b/www/src/demos/slider/value-label.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/slider/value-scale.tsx b/www/src/demos/slider/value-scale.tsx
index fbc681465..267ea9b49 100644
--- a/www/src/demos/slider/value-scale.tsx
+++ b/www/src/demos/slider/value-scale.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/slider/vertical.tsx b/www/src/demos/slider/vertical.tsx
index dbbac1d0a..7d56617ae 100644
--- a/www/src/demos/slider/vertical.tsx
+++ b/www/src/demos/slider/vertical.tsx
@@ -1,4 +1,4 @@
-import { Slider } from "@/registry/ui/default/core/slider";
+import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/switch/controlled.tsx b/www/src/demos/switch/controlled.tsx
index 803512d7a..ab6198716 100644
--- a/www/src/demos/switch/controlled.tsx
+++ b/www/src/demos/switch/controlled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { Switch } from "@/registry/ui/default/core/switch";
+import { Switch } from "@/components/dynamic-core/switch";
 
 export default function Demo() {
   const [isSelected, setSelected] = React.useState(true);
diff --git a/www/src/demos/switch/default.tsx b/www/src/demos/switch/default.tsx
index 229fd47af..5abef7b23 100644
--- a/www/src/demos/switch/default.tsx
+++ b/www/src/demos/switch/default.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Switch } from "@/registry/ui/default/core/switch";
+import { Switch } from "@/components/dynamic-core/switch";
 
 export default function Demo() {
   return <Switch>Focus mode</Switch>;
diff --git a/www/src/demos/switch/disabled.tsx b/www/src/demos/switch/disabled.tsx
index 1d82fa42b..22da57a22 100644
--- a/www/src/demos/switch/disabled.tsx
+++ b/www/src/demos/switch/disabled.tsx
@@ -1,4 +1,4 @@
-import { Switch } from "@/registry/ui/default/core/switch";
+import { Switch } from "@/components/dynamic-core/switch";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/switch/label.tsx b/www/src/demos/switch/label.tsx
index fa4c45548..cccab53d9 100644
--- a/www/src/demos/switch/label.tsx
+++ b/www/src/demos/switch/label.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Switch } from "@/registry/ui/default/core/switch";
+import { Switch } from "@/components/dynamic-core/switch";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/switch/sizes.tsx b/www/src/demos/switch/sizes.tsx
index 933f3ceaf..a4bdbf408 100644
--- a/www/src/demos/switch/sizes.tsx
+++ b/www/src/demos/switch/sizes.tsx
@@ -1,4 +1,4 @@
-import { Switch } from "@/registry/ui/default/core/switch";
+import { Switch } from "@/components/dynamic-core/switch";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/switch/uncontrolled.tsx b/www/src/demos/switch/uncontrolled.tsx
index b74e111f4..51cb49a88 100644
--- a/www/src/demos/switch/uncontrolled.tsx
+++ b/www/src/demos/switch/uncontrolled.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Switch } from "@/registry/ui/default/core/switch";
+import { Switch } from "@/components/dynamic-core/switch";
 
 export default function Demo() {
   return <Switch defaultSelected>Airplane Mode</Switch>;
diff --git a/www/src/demos/tabs/basic.tsx b/www/src/demos/tabs/basic.tsx
index 552cdecd6..af43c702f 100644
--- a/www/src/demos/tabs/basic.tsx
+++ b/www/src/demos/tabs/basic.tsx
@@ -1,4 +1,4 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/tabs/controlled.tsx b/www/src/demos/tabs/controlled.tsx
index 154ac4322..5b39ec476 100644
--- a/www/src/demos/tabs/controlled.tsx
+++ b/www/src/demos/tabs/controlled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import type { Key } from "react-aria-components";
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
 
 export default function Demo() {
   const [selectedTab, setSelectedTab] = React.useState<Key>("overview");
diff --git a/www/src/demos/tabs/disabled-item.tsx b/www/src/demos/tabs/disabled-item.tsx
index 6e00a4a38..d830e93ad 100644
--- a/www/src/demos/tabs/disabled-item.tsx
+++ b/www/src/demos/tabs/disabled-item.tsx
@@ -1,4 +1,4 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/tabs/disabled.tsx b/www/src/demos/tabs/disabled.tsx
index 7c2572f9f..cab9d6288 100644
--- a/www/src/demos/tabs/disabled.tsx
+++ b/www/src/demos/tabs/disabled.tsx
@@ -1,4 +1,4 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/tabs/keyboard-activation.tsx b/www/src/demos/tabs/keyboard-activation.tsx
index 1f40ef6b2..75af8ce8c 100644
--- a/www/src/demos/tabs/keyboard-activation.tsx
+++ b/www/src/demos/tabs/keyboard-activation.tsx
@@ -1,4 +1,4 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/tabs/vertical.tsx b/www/src/demos/tabs/vertical.tsx
index 40f7d6285..a9afb247c 100644
--- a/www/src/demos/tabs/vertical.tsx
+++ b/www/src/demos/tabs/vertical.tsx
@@ -1,4 +1,4 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-area/composition.tsx b/www/src/demos/text-area/composition.tsx
index 00ebd671f..f1dc7ab62 100644
--- a/www/src/demos/text-area/composition.tsx
+++ b/www/src/demos/text-area/composition.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { TextAreaInput, InputRoot } from "@/registry/ui/default/core/input";
-import { TextFieldRoot } from "@/registry/ui/default/core/text-field";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { TextAreaInput, InputRoot } from "@/components/dynamic-core/input";
+import { TextFieldRoot } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-area/contextual-help.tsx b/www/src/demos/text-area/contextual-help.tsx
index 468961e05..4265b982e 100644
--- a/www/src/demos/text-area/contextual-help.tsx
+++ b/www/src/demos/text-area/contextual-help.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-area/controlled.tsx b/www/src/demos/text-area/controlled.tsx
index a11521fd6..1f057bfeb 100644
--- a/www/src/demos/text-area/controlled.tsx
+++ b/www/src/demos/text-area/controlled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   const [inputValue, setInputValue] = React.useState(
diff --git a/www/src/demos/text-area/default.tsx b/www/src/demos/text-area/default.tsx
index 663850b73..c520a6f49 100644
--- a/www/src/demos/text-area/default.tsx
+++ b/www/src/demos/text-area/default.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return <TextArea label="Description" placeholder="Type your message here" />;
diff --git a/www/src/demos/text-area/description.tsx b/www/src/demos/text-area/description.tsx
index 009efbb81..664b6f396 100644
--- a/www/src/demos/text-area/description.tsx
+++ b/www/src/demos/text-area/description.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return <TextArea label="Description" description="Type your description" />;
diff --git a/www/src/demos/text-area/disabled.tsx b/www/src/demos/text-area/disabled.tsx
index aac42285e..21f009272 100644
--- a/www/src/demos/text-area/disabled.tsx
+++ b/www/src/demos/text-area/disabled.tsx
@@ -1,4 +1,4 @@
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return <TextArea value="This is a comment" isDisabled />;
diff --git a/www/src/demos/text-area/error-message.tsx b/www/src/demos/text-area/error-message.tsx
index d5109aba8..7e73d074d 100644
--- a/www/src/demos/text-area/error-message.tsx
+++ b/www/src/demos/text-area/error-message.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-area/form.tsx b/www/src/demos/text-area/form.tsx
index d1bb00a53..be493ff8d 100644
--- a/www/src/demos/text-area/form.tsx
+++ b/www/src/demos/text-area/form.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return <TextArea label="Comment" />;
diff --git a/www/src/demos/text-area/label.tsx b/www/src/demos/text-area/label.tsx
index c1edfb7b2..5e2c9c62f 100644
--- a/www/src/demos/text-area/label.tsx
+++ b/www/src/demos/text-area/label.tsx
@@ -1,4 +1,4 @@
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-area/loading.tsx b/www/src/demos/text-area/loading.tsx
index f64639461..2ee9de19f 100644
--- a/www/src/demos/text-area/loading.tsx
+++ b/www/src/demos/text-area/loading.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-area/prefix-and-suffix.tsx b/www/src/demos/text-area/prefix-and-suffix.tsx
index 66c89b9c9..3cf674201 100644
--- a/www/src/demos/text-area/prefix-and-suffix.tsx
+++ b/www/src/demos/text-area/prefix-and-suffix.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { Button } from "@/components/dynamic-core/button";
+import { TextArea } from "@/components/dynamic-core/text-area";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 import { BoldIcon, ItalicIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/text-area/read-only.tsx b/www/src/demos/text-area/read-only.tsx
index c6cacfeef..bc9984c24 100644
--- a/www/src/demos/text-area/read-only.tsx
+++ b/www/src/demos/text-area/read-only.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-area/required.tsx b/www/src/demos/text-area/required.tsx
index b53f4df74..eea11ccec 100644
--- a/www/src/demos/text-area/required.tsx
+++ b/www/src/demos/text-area/required.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-area/uncontrolled.tsx b/www/src/demos/text-area/uncontrolled.tsx
index 9eeb11bf1..55651c567 100644
--- a/www/src/demos/text-area/uncontrolled.tsx
+++ b/www/src/demos/text-area/uncontrolled.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
+import { TextArea } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-field/composition.tsx b/www/src/demos/text-field/composition.tsx
index a7a64a41a..dbabb21a9 100644
--- a/www/src/demos/text-field/composition.tsx
+++ b/www/src/demos/text-field/composition.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-import { TextFieldRoot } from "@/registry/ui/default/core/text-field";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { Input, InputRoot } from "@/components/dynamic-core/input";
+import { TextFieldRoot } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-field/contextual-help.tsx b/www/src/demos/text-field/contextual-help.tsx
index 428a1a226..bb733442d 100644
--- a/www/src/demos/text-field/contextual-help.tsx
+++ b/www/src/demos/text-field/contextual-help.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-field/controlled.tsx b/www/src/demos/text-field/controlled.tsx
index 889646581..b2742f911 100644
--- a/www/src/demos/text-field/controlled.tsx
+++ b/www/src/demos/text-field/controlled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   const [inputValue, setInputValue] = React.useState("Hello world!");
diff --git a/www/src/demos/text-field/default.tsx b/www/src/demos/text-field/default.tsx
index 00ff2f783..9f76c1941 100644
--- a/www/src/demos/text-field/default.tsx
+++ b/www/src/demos/text-field/default.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return <TextField label="Email" placeholder="hello@mehdibha.com" />;
diff --git a/www/src/demos/text-field/description.tsx b/www/src/demos/text-field/description.tsx
index e5cff443d..a1cc1beca 100644
--- a/www/src/demos/text-field/description.tsx
+++ b/www/src/demos/text-field/description.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return <TextField label="Email" description="Enter your email." />;
diff --git a/www/src/demos/text-field/disabled.tsx b/www/src/demos/text-field/disabled.tsx
index 05559262a..bdf6c9a65 100644
--- a/www/src/demos/text-field/disabled.tsx
+++ b/www/src/demos/text-field/disabled.tsx
@@ -1,4 +1,4 @@
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return <TextField value="hello@dotui.org" isDisabled />;
diff --git a/www/src/demos/text-field/error-message.tsx b/www/src/demos/text-field/error-message.tsx
index 084cfa879..877ded893 100644
--- a/www/src/demos/text-field/error-message.tsx
+++ b/www/src/demos/text-field/error-message.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-field/label.tsx b/www/src/demos/text-field/label.tsx
index 6992342f6..314d5ed9f 100644
--- a/www/src/demos/text-field/label.tsx
+++ b/www/src/demos/text-field/label.tsx
@@ -1,4 +1,4 @@
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-field/loading.tsx b/www/src/demos/text-field/loading.tsx
index c1eb8a834..48fc5d47c 100644
--- a/www/src/demos/text-field/loading.tsx
+++ b/www/src/demos/text-field/loading.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-field/prefix-and-suffix.tsx b/www/src/demos/text-field/prefix-and-suffix.tsx
index eb020b302..5f8c45687 100644
--- a/www/src/demos/text-field/prefix-and-suffix.tsx
+++ b/www/src/demos/text-field/prefix-and-suffix.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { TextField } from "@/registry/ui/default/core/text-field";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 import { XCircleIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/text-field/read-only.tsx b/www/src/demos/text-field/read-only.tsx
index a63fcb03e..3b4d3bd55 100644
--- a/www/src/demos/text-field/read-only.tsx
+++ b/www/src/demos/text-field/read-only.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return <TextField label="Email" isReadOnly value="hello@copyui.dev" />;
diff --git a/www/src/demos/text-field/required.tsx b/www/src/demos/text-field/required.tsx
index d43eccce7..befe51762 100644
--- a/www/src/demos/text-field/required.tsx
+++ b/www/src/demos/text-field/required.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-field/sizes.tsx b/www/src/demos/text-field/sizes.tsx
index bc8d8bb5b..15d4ffe16 100644
--- a/www/src/demos/text-field/sizes.tsx
+++ b/www/src/demos/text-field/sizes.tsx
@@ -1,4 +1,4 @@
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/text-field/uncontrolled.tsx b/www/src/demos/text-field/uncontrolled.tsx
index f82e71465..c3f8d7047 100644
--- a/www/src/demos/text-field/uncontrolled.tsx
+++ b/www/src/demos/text-field/uncontrolled.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
+import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return <TextField label="Name" defaultValue="Mehdi" />;
diff --git a/www/src/demos/time-field/composition.tsx b/www/src/demos/time-field/composition.tsx
index d155daca4..e12ef6ad0 100644
--- a/www/src/demos/time-field/composition.tsx
+++ b/www/src/demos/time-field/composition.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from "react";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { InputRoot } from "@/registry/ui/default/core/input";
-import { TimeFieldRoot } from "@/registry/ui/default/core/time-field";
+import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { InputRoot } from "@/components/dynamic-core/input";
+import { TimeFieldRoot } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/contextual-help.tsx b/www/src/demos/time-field/contextual-help.tsx
index 2db3605e6..9d06a084a 100644
--- a/www/src/demos/time-field/contextual-help.tsx
+++ b/www/src/demos/time-field/contextual-help.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/controlled.tsx b/www/src/demos/time-field/controlled.tsx
index 7099df68e..694e48bb5 100644
--- a/www/src/demos/time-field/controlled.tsx
+++ b/www/src/demos/time-field/controlled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { Time } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   const [time, setTime] = React.useState(new Time(11, 45));
diff --git a/www/src/demos/time-field/default.tsx b/www/src/demos/time-field/default.tsx
index 153414aa7..d2b955c5e 100644
--- a/www/src/demos/time-field/default.tsx
+++ b/www/src/demos/time-field/default.tsx
@@ -1,4 +1,4 @@
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return <TimeField />;
diff --git a/www/src/demos/time-field/description.tsx b/www/src/demos/time-field/description.tsx
index 86c4ab35d..0743680a1 100644
--- a/www/src/demos/time-field/description.tsx
+++ b/www/src/demos/time-field/description.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/disabled.tsx b/www/src/demos/time-field/disabled.tsx
index ce66164f3..9668fd7ce 100644
--- a/www/src/demos/time-field/disabled.tsx
+++ b/www/src/demos/time-field/disabled.tsx
@@ -1,4 +1,4 @@
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return <TimeField label="Event time" isDisabled />;
diff --git a/www/src/demos/time-field/error-message.tsx b/www/src/demos/time-field/error-message.tsx
index 4f43bba7f..a025c670e 100644
--- a/www/src/demos/time-field/error-message.tsx
+++ b/www/src/demos/time-field/error-message.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/granularity.tsx b/www/src/demos/time-field/granularity.tsx
index e24fba59e..23033125d 100644
--- a/www/src/demos/time-field/granularity.tsx
+++ b/www/src/demos/time-field/granularity.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseAbsoluteToLocal } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/hide-time-zone.tsx b/www/src/demos/time-field/hide-time-zone.tsx
index c2d67eba1..21bd0240d 100644
--- a/www/src/demos/time-field/hide-time-zone.tsx
+++ b/www/src/demos/time-field/hide-time-zone.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseZonedDateTime } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/hour-cycle.tsx b/www/src/demos/time-field/hour-cycle.tsx
index 288e89f33..0e713b6aa 100644
--- a/www/src/demos/time-field/hour-cycle.tsx
+++ b/www/src/demos/time-field/hour-cycle.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return <TimeField aria-label="Appointment time" hourCycle={24} />;
diff --git a/www/src/demos/time-field/label.tsx b/www/src/demos/time-field/label.tsx
index 4e59dba99..70334ae78 100644
--- a/www/src/demos/time-field/label.tsx
+++ b/www/src/demos/time-field/label.tsx
@@ -1,4 +1,4 @@
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/loading.tsx b/www/src/demos/time-field/loading.tsx
index 723f80b79..9f92b780e 100644
--- a/www/src/demos/time-field/loading.tsx
+++ b/www/src/demos/time-field/loading.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/placeholder.tsx b/www/src/demos/time-field/placeholder.tsx
index e51e5bd77..36121a866 100644
--- a/www/src/demos/time-field/placeholder.tsx
+++ b/www/src/demos/time-field/placeholder.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { Time } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return <TimeField placeholderValue={new Time(9)} />;
diff --git a/www/src/demos/time-field/prefix-and-suffix.tsx b/www/src/demos/time-field/prefix-and-suffix.tsx
index 202ba2f1e..83493c239 100644
--- a/www/src/demos/time-field/prefix-and-suffix.tsx
+++ b/www/src/demos/time-field/prefix-and-suffix.tsx
@@ -1,4 +1,4 @@
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 import { TimerIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/time-field/read-only.tsx b/www/src/demos/time-field/read-only.tsx
index 0642038ad..5f793d7f9 100644
--- a/www/src/demos/time-field/read-only.tsx
+++ b/www/src/demos/time-field/read-only.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { Time } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return <TimeField label="Event time" value={new Time(11)} isReadOnly />;
diff --git a/www/src/demos/time-field/required.tsx b/www/src/demos/time-field/required.tsx
index 815f649e4..100901174 100644
--- a/www/src/demos/time-field/required.tsx
+++ b/www/src/demos/time-field/required.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/sizes.tsx b/www/src/demos/time-field/sizes.tsx
index f83d35823..59b1d8c41 100644
--- a/www/src/demos/time-field/sizes.tsx
+++ b/www/src/demos/time-field/sizes.tsx
@@ -1,4 +1,4 @@
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/time-zones.tsx b/www/src/demos/time-field/time-zones.tsx
index 62a80ef70..f112b013a 100644
--- a/www/src/demos/time-field/time-zones.tsx
+++ b/www/src/demos/time-field/time-zones.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { parseAbsoluteToLocal } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/time-field/uncontrolled.tsx b/www/src/demos/time-field/uncontrolled.tsx
index 758b651c1..e4df5c189 100644
--- a/www/src/demos/time-field/uncontrolled.tsx
+++ b/www/src/demos/time-field/uncontrolled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { Time } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return <TimeField defaultValue={new Time(11, 45)} />;
diff --git a/www/src/demos/toggle-button/controlled.tsx b/www/src/demos/toggle-button/controlled.tsx
index aa9c6802a..d398167c8 100644
--- a/www/src/demos/toggle-button/controlled.tsx
+++ b/www/src/demos/toggle-button/controlled.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 import { PinIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/toggle-button/default.tsx b/www/src/demos/toggle-button/default.tsx
index 6c683e61e..5d7f8f7c0 100644
--- a/www/src/demos/toggle-button/default.tsx
+++ b/www/src/demos/toggle-button/default.tsx
@@ -1,4 +1,4 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 import { PinIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/toggle-button/disabled.tsx b/www/src/demos/toggle-button/disabled.tsx
index eb95bd128..2dc1ed69f 100644
--- a/www/src/demos/toggle-button/disabled.tsx
+++ b/www/src/demos/toggle-button/disabled.tsx
@@ -1,4 +1,4 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 import { PinIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/toggle-button/shapes.tsx b/www/src/demos/toggle-button/shapes.tsx
index 065241f32..f875a6d5d 100644
--- a/www/src/demos/toggle-button/shapes.tsx
+++ b/www/src/demos/toggle-button/shapes.tsx
@@ -1,4 +1,4 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 import { PinIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/toggle-button/sizes.tsx b/www/src/demos/toggle-button/sizes.tsx
index eb45f77c9..368b97152 100644
--- a/www/src/demos/toggle-button/sizes.tsx
+++ b/www/src/demos/toggle-button/sizes.tsx
@@ -1,4 +1,4 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 import { PinIcon } from "@/__icons__";
 
 const sizes = ["sm", "md", "lg"] as const;
diff --git a/www/src/demos/toggle-button/uncontrolled.tsx b/www/src/demos/toggle-button/uncontrolled.tsx
index 6b626f99b..42be8bb47 100644
--- a/www/src/demos/toggle-button/uncontrolled.tsx
+++ b/www/src/demos/toggle-button/uncontrolled.tsx
@@ -1,4 +1,4 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 import { PinIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/toggle-button/variants.tsx b/www/src/demos/toggle-button/variants.tsx
index 2ef295265..be65a9244 100644
--- a/www/src/demos/toggle-button/variants.tsx
+++ b/www/src/demos/toggle-button/variants.tsx
@@ -1,4 +1,4 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 import { PinIcon } from "@/__icons__";
 
 const variants = ["quiet", "outline", "accent"] as const;
diff --git a/www/src/demos/tooltip/arrow.tsx b/www/src/demos/tooltip/arrow.tsx
index 4e26507cb..b38d2b49f 100644
--- a/www/src/demos/tooltip/arrow.tsx
+++ b/www/src/demos/tooltip/arrow.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/tooltip/composition.tsx b/www/src/demos/tooltip/composition.tsx
index dfcd62f5c..5eccbc641 100644
--- a/www/src/demos/tooltip/composition.tsx
+++ b/www/src/demos/tooltip/composition.tsx
@@ -1,8 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  TooltipRoot,
-  TooltipContent,
-} from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { TooltipRoot, TooltipContent } from "@/components/dynamic-core/tooltip";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/tooltip/container-padding.tsx b/www/src/demos/tooltip/container-padding.tsx
index 2f1ddee60..c7e0575e1 100644
--- a/www/src/demos/tooltip/container-padding.tsx
+++ b/www/src/demos/tooltip/container-padding.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/tooltip/default.tsx b/www/src/demos/tooltip/default.tsx
index 866f1f7e2..bdff890a4 100644
--- a/www/src/demos/tooltip/default.tsx
+++ b/www/src/demos/tooltip/default.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/tooltip/delay.tsx b/www/src/demos/tooltip/delay.tsx
index a1d16f12f..9246804f2 100644
--- a/www/src/demos/tooltip/delay.tsx
+++ b/www/src/demos/tooltip/delay.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/tooltip/flip.tsx b/www/src/demos/tooltip/flip.tsx
index 3a7108a18..c8632c000 100644
--- a/www/src/demos/tooltip/flip.tsx
+++ b/www/src/demos/tooltip/flip.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Switch } from "@/registry/ui/default/core/switch";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { Switch } from "@/components/dynamic-core/switch";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/tooltip/offset.tsx b/www/src/demos/tooltip/offset.tsx
index 69908fbda..541d4a722 100644
--- a/www/src/demos/tooltip/offset.tsx
+++ b/www/src/demos/tooltip/offset.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/tooltip/placement.tsx b/www/src/demos/tooltip/placement.tsx
index 46c4f6a2c..529ed4cdc 100644
--- a/www/src/demos/tooltip/placement.tsx
+++ b/www/src/demos/tooltip/placement.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/demos/tooltip/with-arrow.tsx b/www/src/demos/tooltip/with-arrow.tsx
index 671756310..54a6e6c6d 100644
--- a/www/src/demos/tooltip/with-arrow.tsx
+++ b/www/src/demos/tooltip/with-arrow.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 import { PlusIcon } from "@/__icons__";
 
 export default function TooltipDemo() {
diff --git a/www/src/registry-v2/hooks/use-mounted.ts b/www/src/hooks/use-mounted.ts
similarity index 100%
rename from www/src/registry-v2/hooks/use-mounted.ts
rename to www/src/hooks/use-mounted.ts
diff --git a/www/src/hooks/use-themes.ts b/www/src/hooks/use-themes.ts
index 2ae353829..e0777e19e 100644
--- a/www/src/hooks/use-themes.ts
+++ b/www/src/hooks/use-themes.ts
@@ -4,7 +4,7 @@ import { atomWithStorage } from "jotai/utils";
 import { nanoid } from "nanoid";
 import { buildColorScales } from "@/lib/colors";
 import { defaultTheme, dotUIThemes } from "@/lib/themes";
-import { useMounted } from "@/registry/hooks/use-mounted";
+import { useMounted } from "@/hooks/use-mounted";
 import { BaseColor, Theme } from "@/types/theme";
 
 type Mode = "light" | "dark";
diff --git a/www/src/registry-v2/core/badge.tsx b/www/src/registry-v2/core/badge.tsx
index e6d902a41..f1e96d8cf 100644
--- a/www/src/registry-v2/core/badge.tsx
+++ b/www/src/registry-v2/core/badge.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { tv, type VariantProps } from "tailwind-variants";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { cn } from "@/registry-v2/lib/cn";
 
 const badgeVariants = tv({
   base: "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors",
diff --git a/www/src/registry-v2/core/button.tsx b/www/src/registry-v2/core/button.tsx
index 03f1e8525..935ca4e31 100644
--- a/www/src/registry-v2/core/button.tsx
+++ b/www/src/registry-v2/core/button.tsx
@@ -9,8 +9,8 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
 import { LoaderIcon } from "@/__icons__";
+import { focusRing } from "@/registry-v2/lib/focus-styles";
 
 const buttonStyles = tv(
   {
diff --git a/www/src/registry-v2/core/calendar.tsx b/www/src/registry-v2/core/calendar.tsx
index aa0035280..c48d53352 100644
--- a/www/src/registry-v2/core/calendar.tsx
+++ b/www/src/registry-v2/core/calendar.tsx
@@ -20,10 +20,10 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, buttonStyles } from "@/registry/ui/default/core/button";
-import { Heading } from "@/registry/ui/default/core/heading";
-import { Text } from "@/registry/ui/default/core/text";
 import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+import { Button, buttonStyles } from "@/registry-v2/core/button";
+import { Heading } from "@/registry-v2/core/heading";
+import { Text } from "@/registry-v2/core/text";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/checkbox-group.tsx b/www/src/registry-v2/core/checkbox-group.tsx
index ce249b925..659bc33d6 100644
--- a/www/src/registry-v2/core/checkbox-group.tsx
+++ b/www/src/registry-v2/core/checkbox-group.tsx
@@ -7,8 +7,8 @@ import {
   type CheckboxGroupProps as AriaCheckboxGroupProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxContext } from "@/registry/ui/default/core/checkbox";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import { CheckboxContext } from "@/registry-v2/core/checkbox";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
 
 const checkboxGroupStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/checkbox.tsx b/www/src/registry-v2/core/checkbox.tsx
index fd5caf0c3..527cf603c 100644
--- a/www/src/registry-v2/core/checkbox.tsx
+++ b/www/src/registry-v2/core/checkbox.tsx
@@ -7,11 +7,8 @@ import {
   type CheckboxProps as AriaCheckboxProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import {
-  focusRing,
-  focusRingGroup,
-} from "@/registry/ui/default/lib/focus-styles";
 import { CheckIcon, MinusIcon } from "@/__icons__";
+import { focusRing, focusRingGroup } from "@/registry-v2/lib/focus-styles";
 
 const checkboxStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/collapsible.tsx b/www/src/registry-v2/core/collapsible.tsx
index e8d92889a..374d5295e 100644
--- a/www/src/registry-v2/core/collapsible.tsx
+++ b/www/src/registry-v2/core/collapsible.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { cn } from "@/registry-v2/lib/cn";
 
 const CollapsibleRoot = CollapsiblePrimitive.Root;
 
diff --git a/www/src/registry-v2/core/color-area.tsx b/www/src/registry-v2/core/color-area.tsx
index 9e603f564..1025e0204 100644
--- a/www/src/registry-v2/core/color-area.tsx
+++ b/www/src/registry-v2/core/color-area.tsx
@@ -6,7 +6,7 @@ import {
   type ColorAreaProps as AriaColorAreaProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
+import { ColorThumb } from "@/registry-v2/core/color-thumb";
 
 const colorAreaStyles = tv({
   base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
diff --git a/www/src/registry-v2/core/color-field.tsx b/www/src/registry-v2/core/color-field.tsx
index ec61972e4..4b18f52ae 100644
--- a/www/src/registry-v2/core/color-field.tsx
+++ b/www/src/registry-v2/core/color-field.tsx
@@ -6,12 +6,8 @@ import {
   type ColorFieldProps as AriaColorFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  InputRoot,
-  Input,
-  type inputStyles,
-} from "@/registry/ui/default/core/input";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry-v2/core/input";
 
 const colorFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry-v2/core/color-picker.tsx b/www/src/registry-v2/core/color-picker.tsx
index 200a16543..a6476f893 100644
--- a/www/src/registry-v2/core/color-picker.tsx
+++ b/www/src/registry-v2/core/color-picker.tsx
@@ -8,19 +8,15 @@ import {
   type ColorSpace,
   composeRenderProps,
 } from "react-aria-components";
-import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
-import { ColorArea } from "@/registry/ui/default/core/color-area";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
-import { ColorSwatch } from "@/registry/ui/default/core/color-swatch";
-import {
-  Dialog,
-  DialogRoot,
-  DialogRootProps,
-} from "@/registry/ui/default/core/dialog";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { Button, type ButtonProps } from "@/registry-v2/core/button";
+import { ColorArea } from "@/registry-v2/core/color-area";
+import { ColorField } from "@/registry-v2/core/color-field";
+import { ColorSlider } from "@/registry-v2/core/color-slider";
+import { ColorSwatch } from "@/registry-v2/core/color-swatch";
+import { Dialog, DialogRoot, DialogRootProps } from "@/registry-v2/core/dialog";
+import { Item } from "@/registry-v2/core/list-box";
+import { Select } from "@/registry-v2/core/select";
+import { cn } from "@/registry-v2/lib/cn";
 
 type ColorPickerProps = ColorPickerRootProps &
   Omit<ButtonProps, "children"> &
diff --git a/www/src/registry-v2/core/color-slider.tsx b/www/src/registry-v2/core/color-slider.tsx
index d4994305f..6914840bb 100644
--- a/www/src/registry-v2/core/color-slider.tsx
+++ b/www/src/registry-v2/core/color-slider.tsx
@@ -10,9 +10,9 @@ import {
   type SliderTrackProps as AriaSliderTrackProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
-import { Label } from "@/registry/ui/default/core/field";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { ColorThumb } from "@/registry-v2/core/color-thumb";
+import { Label } from "@/registry-v2/core/field";
+import { cn } from "@/registry-v2/lib/cn";
 
 const colorSliderStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/color-thumb.tsx b/www/src/registry-v2/core/color-thumb.tsx
index 900252e79..d1c9e6e8b 100644
--- a/www/src/registry-v2/core/color-thumb.tsx
+++ b/www/src/registry-v2/core/color-thumb.tsx
@@ -5,7 +5,7 @@ import {
   type ColorThumbProps as AriaColorThumbProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { focusRing } from "@/registry-v2/lib/focus-styles";
 
 const colorThumbStyles = tv({
   extend: focusRing,
diff --git a/www/src/registry-v2/core/combobox.tsx b/www/src/registry-v2/core/combobox.tsx
index 6beac8d8e..6dbfd582d 100644
--- a/www/src/registry-v2/core/combobox.tsx
+++ b/www/src/registry-v2/core/combobox.tsx
@@ -6,12 +6,12 @@ import {
   type ComboBoxProps as AriaComboboxProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-import { ListBox } from "@/registry/ui/default/core/list-box";
-import { Overlay } from "@/registry/ui/default/core/overlay";
 import { ChevronDownIcon } from "@/__icons__";
+import { Button } from "@/registry-v2/core/button";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { Input, InputRoot } from "@/registry-v2/core/input";
+import { ListBox } from "@/registry-v2/core/list-box";
+import { Overlay } from "@/registry-v2/core/overlay";
 
 const comboboxStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/command.tsx b/www/src/registry-v2/core/command.tsx
index 39eac0305..ba05c68a8 100644
--- a/www/src/registry-v2/core/command.tsx
+++ b/www/src/registry-v2/core/command.tsx
@@ -2,8 +2,8 @@
 
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { cn } from "@/registry/ui/default/lib/cn";
 import { SearchIcon } from "@/__icons__";
+import { cn } from "@/registry-v2/lib/cn";
 
 type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
 const CommandRoot = React.forwardRef<
diff --git a/www/src/registry-v2/core/contextual-help.tsx b/www/src/registry-v2/core/contextual-help.tsx
index 9276523bc..a1e303427 100644
--- a/www/src/registry-v2/core/contextual-help.tsx
+++ b/www/src/registry-v2/core/contextual-help.tsx
@@ -1,6 +1,6 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
 import { InfoIcon, HelpIcon } from "@/__icons__";
+import { Button } from "@/registry-v2/core/button";
+import { DialogRoot, Dialog } from "@/registry-v2/core/dialog";
 
 interface ContextualHelpProps {
   title?: string;
diff --git a/www/src/registry-v2/core/date-field.tsx b/www/src/registry-v2/core/date-field.tsx
index 4c8a43371..2d3a11132 100644
--- a/www/src/registry-v2/core/date-field.tsx
+++ b/www/src/registry-v2/core/date-field.tsx
@@ -7,13 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import { DateInput, DateSegment } from "@/registry-v2/core/date-input";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
 import {
   InputRoot,
   type InputRootProps,
   type inputStyles,
-} from "@/registry/ui/default/core/input";
+} from "@/registry-v2/core/input";
 
 const dateFieldStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/date-picker.tsx b/www/src/registry-v2/core/date-picker.tsx
index 53dc631b0..0377cadb1 100644
--- a/www/src/registry-v2/core/date-picker.tsx
+++ b/www/src/registry-v2/core/date-picker.tsx
@@ -7,17 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { Calendar } from "@/registry/ui/default/core/calendar";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Dialog } from "@/registry/ui/default/core/dialog";
-import {
-  Field,
-  fieldStyles,
-  type FieldProps,
-} from "@/registry/ui/default/core/field";
-import { InputRoot, type inputStyles } from "@/registry/ui/default/core/input";
 import { CalendarIcon } from "@/__icons__";
+import { Button } from "@/registry-v2/core/button";
+import { Calendar } from "@/registry-v2/core/calendar";
+import { DateInput, DateSegment } from "@/registry-v2/core/date-input";
+import { Dialog } from "@/registry-v2/core/dialog";
+import { Field, fieldStyles, type FieldProps } from "@/registry-v2/core/field";
+import { InputRoot, type inputStyles } from "@/registry-v2/core/input";
 
 interface DatePickerProps<T extends DateValue>
   extends DatePickerRootProps<T>,
diff --git a/www/src/registry-v2/core/date-range-picker.tsx b/www/src/registry-v2/core/date-range-picker.tsx
index 8ac624447..23159242b 100644
--- a/www/src/registry-v2/core/date-range-picker.tsx
+++ b/www/src/registry-v2/core/date-range-picker.tsx
@@ -7,17 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Dialog } from "@/registry/ui/default/core/dialog";
-import {
-  Field,
-  type FieldProps,
-  fieldStyles,
-} from "@/registry/ui/default/core/field";
-import { InputRoot, type inputStyles } from "@/registry/ui/default/core/input";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
 import { CalendarIcon } from "@/__icons__";
+import { Button } from "@/registry-v2/core/button";
+import { DateInput, DateSegment } from "@/registry-v2/core/date-input";
+import { Dialog } from "@/registry-v2/core/dialog";
+import { Field, type FieldProps, fieldStyles } from "@/registry-v2/core/field";
+import { InputRoot, type inputStyles } from "@/registry-v2/core/input";
+import { RangeCalendar } from "@/registry-v2/core/range-calendar";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
diff --git a/www/src/registry-v2/core/dialog.tsx b/www/src/registry-v2/core/dialog.tsx
index 388dd6fa3..9f0e54005 100644
--- a/www/src/registry-v2/core/dialog.tsx
+++ b/www/src/registry-v2/core/dialog.tsx
@@ -13,9 +13,9 @@ import {
 } from "react-aria-components";
 import { Provider } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Heading } from "@/registry/ui/default/core/heading";
-import { Overlay, type OverlayProps } from "@/registry/ui/default/core/overlay";
-import { Text } from "@/registry/ui/default/core/text";
+import { Heading } from "@/registry-v2/core/heading";
+import { Overlay, type OverlayProps } from "@/registry-v2/core/overlay";
+import { Text } from "@/registry-v2/core/text";
 
 const dialogStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/input.tsx b/www/src/registry-v2/core/input.tsx
index fc4e77d07..95a4d1533 100644
--- a/www/src/registry-v2/core/input.tsx
+++ b/www/src/registry-v2/core/input.tsx
@@ -17,8 +17,8 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { focusInput } from "@/registry/ui/default/lib/focus-styles";
 import { LoaderIcon } from "@/__icons__";
+import { focusInput } from "@/registry-v2/lib/focus-styles";
 
 const inputStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/link.tsx b/www/src/registry-v2/core/link.tsx
index e5443e07a..2e7735e8a 100644
--- a/www/src/registry-v2/core/link.tsx
+++ b/www/src/registry-v2/core/link.tsx
@@ -7,7 +7,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { focusRing } from "@/registry-v2/lib/focus-styles";
 
 const linkVariants = tv({
   extend: focusRing,
diff --git a/www/src/registry-v2/core/list-box.tsx b/www/src/registry-v2/core/list-box.tsx
index af266b317..f13637bc8 100644
--- a/www/src/registry-v2/core/list-box.tsx
+++ b/www/src/registry-v2/core/list-box.tsx
@@ -11,9 +11,9 @@ import {
   ListStateContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Text } from "@/registry/ui/default/core/text";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
 import { CheckIcon, LoaderIcon } from "@/__icons__";
+import { Text } from "@/registry-v2/core/text";
+import { focusRing } from "@/registry-v2/lib/focus-styles";
 
 const listBoxStyles = tv({
   base: [
diff --git a/www/src/registry-v2/core/menu.tsx b/www/src/registry-v2/core/menu.tsx
index 90377a2d7..dc7da33e6 100644
--- a/www/src/registry-v2/core/menu.tsx
+++ b/www/src/registry-v2/core/menu.tsx
@@ -12,10 +12,10 @@ import {
   type MenuTriggerProps as AriaMenuTriggerProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Kbd } from "@/registry/ui/default/core/kbd";
-import { Overlay, type OverlayProps } from "@/registry/ui/default/core/overlay";
-import { Text } from "@/registry/ui/default/core/text";
 import { CheckIcon, ChevronRightIcon } from "@/__icons__";
+import { Kbd } from "@/registry-v2/core/kbd";
+import { Overlay, type OverlayProps } from "@/registry-v2/core/overlay";
+import { Text } from "@/registry-v2/core/text";
 
 const menuStyles = tv({
   base: [
diff --git a/www/src/registry-v2/core/number-field.tsx b/www/src/registry-v2/core/number-field.tsx
index e51df2e58..b5e81f16d 100644
--- a/www/src/registry-v2/core/number-field.tsx
+++ b/www/src/registry-v2/core/number-field.tsx
@@ -6,20 +6,16 @@ import {
   type NumberFieldProps as AriaNumberFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
-import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  InputRoot,
-  Input,
-  type inputStyles,
-} from "@/registry/ui/default/core/input";
 import {
   ChevronDownIcon,
   ChevronUpIcon,
   MinusIcon,
   PlusIcon,
 } from "@/__icons__";
+import { Button, type ButtonProps } from "@/registry-v2/core/button";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry-v2/core/input";
+import { useMediaQuery } from "@/registry-v2/hooks/use-media-query";
 
 const numberFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry-v2/core/overlay.tsx b/www/src/registry-v2/core/overlay.tsx
index b47aaa87b..38daaf53d 100644
--- a/www/src/registry-v2/core/overlay.tsx
+++ b/www/src/registry-v2/core/overlay.tsx
@@ -12,10 +12,10 @@ import {
   type ModalOverlayProps as AriaModalOverlayProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
-import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
-import { cn } from "@/registry/ui/default/lib/cn";
 import { XIcon } from "@/__icons__";
+import { Button, type ButtonProps } from "@/registry-v2/core/button";
+import { useMediaQuery } from "@/registry-v2/hooks/use-media-query";
+import { cn } from "@/registry-v2/lib/cn";
 import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
 
 type OverlayType = "modal" | "drawer" | "popover";
diff --git a/www/src/registry-v2/core/progress.tsx b/www/src/registry-v2/core/progress.tsx
index e03b1ea5f..da6aeb413 100644
--- a/www/src/registry-v2/core/progress.tsx
+++ b/www/src/registry-v2/core/progress.tsx
@@ -7,8 +7,8 @@ import {
   type ProgressBarProps as AriaProgressProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Label } from "@/registry/ui/default/core/field";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { Label } from "@/registry-v2/core/field";
+import { cn } from "@/registry-v2/lib/cn";
 
 const progressStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/radio-group.tsx b/www/src/registry-v2/core/radio-group.tsx
index 2a699cb35..0a65d6206 100644
--- a/www/src/registry-v2/core/radio-group.tsx
+++ b/www/src/registry-v2/core/radio-group.tsx
@@ -9,11 +9,8 @@ import {
   type RadioProps as AriaRadioProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  focusRing,
-  focusRingGroup,
-} from "@/registry/ui/default/lib/focus-styles";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { focusRing, focusRingGroup } from "@/registry-v2/lib/focus-styles";
 
 const radioGroupStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/range-calendar.tsx b/www/src/registry-v2/core/range-calendar.tsx
index 15a328ee8..4c959abbc 100644
--- a/www/src/registry-v2/core/range-calendar.tsx
+++ b/www/src/registry-v2/core/range-calendar.tsx
@@ -9,7 +9,8 @@ import {
   RangeCalendarContext as AriaRangeCalendarContext,
   useSlottedContext,
 } from "react-aria-components";
-import { Button } from "@/registry/ui/default/core/button";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+import { Button } from "@/registry-v2/core/button";
 import {
   CalendarHeader,
   CalendarGrid,
@@ -18,10 +19,9 @@ import {
   CalendarGridBody,
   CalendarCell,
   calendarStyles,
-} from "@/registry/ui/default/core/calendar";
-import { Heading } from "@/registry/ui/default/core/heading";
-import { Text } from "@/registry/ui/default/core/text";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+} from "@/registry-v2/core/calendar";
+import { Heading } from "@/registry-v2/core/heading";
+import { Text } from "@/registry-v2/core/text";
 
 interface RangeCalendarProps<T extends DateValue>
   extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
diff --git a/www/src/registry-v2/core/search-field.tsx b/www/src/registry-v2/core/search-field.tsx
index 01a20ab0b..41abf03ad 100644
--- a/www/src/registry-v2/core/search-field.tsx
+++ b/www/src/registry-v2/core/search-field.tsx
@@ -6,14 +6,10 @@ import {
   type SearchFieldProps as AriaSearchFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  InputRoot,
-  Input,
-  type inputStyles,
-} from "@/registry/ui/default/core/input";
 import { SearchIcon, XIcon } from "@/__icons__";
+import { Button } from "@/registry-v2/core/button";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry-v2/core/input";
 
 const searchFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry-v2/core/select.tsx b/www/src/registry-v2/core/select.tsx
index 8cfa88026..9a2a18681 100644
--- a/www/src/registry-v2/core/select.tsx
+++ b/www/src/registry-v2/core/select.tsx
@@ -9,14 +9,11 @@ import {
   type SelectValueProps as AriaSelectValueProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  ListBox,
-  type ListBoxProps,
-} from "@/registry/ui/default/core/list-box";
-import { Overlay } from "@/registry/ui/default/core/overlay";
 import { ChevronDownIcon } from "@/__icons__";
+import { Button, type ButtonProps } from "@/registry-v2/core/button";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { ListBox, type ListBoxProps } from "@/registry-v2/core/list-box";
+import { Overlay } from "@/registry-v2/core/overlay";
 
 const selectStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/skeleton.tsx b/www/src/registry-v2/core/skeleton.tsx
index 53ff7ca2c..5741c1efe 100644
--- a/www/src/registry-v2/core/skeleton.tsx
+++ b/www/src/registry-v2/core/skeleton.tsx
@@ -1,4 +1,4 @@
-import { cn } from "@/registry/ui/default/lib/cn";
+import { cn } from "@/registry-v2/lib/cn";
 
 function Skeleton({
   className,
diff --git a/www/src/registry-v2/core/slider.tsx b/www/src/registry-v2/core/slider.tsx
index b6d352b3f..ed4a80ac5 100644
--- a/www/src/registry-v2/core/slider.tsx
+++ b/www/src/registry-v2/core/slider.tsx
@@ -16,13 +16,9 @@ import {
   TextContext as AriaTextContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import {
-  Description,
-  Label,
-  type FieldProps,
-} from "@/registry/ui/default/core/field";
-import { cn } from "@/registry/ui/default/lib/cn";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { Description, Label, type FieldProps } from "@/registry-v2/core/field";
+import { cn } from "@/registry-v2/lib/cn";
+import { focusRing } from "@/registry-v2/lib/focus-styles";
 
 const sliderStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/switch.tsx b/www/src/registry-v2/core/switch.tsx
index 71dffea00..a6b013ec1 100644
--- a/www/src/registry-v2/core/switch.tsx
+++ b/www/src/registry-v2/core/switch.tsx
@@ -7,7 +7,7 @@ import {
   type SwitchProps as AriaSwitchProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { focusRingGroup } from "@/registry/ui/default/lib/focus-styles";
+import { focusRingGroup } from "@/registry-v2/lib/focus-styles";
 
 const switchStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/table.tsx b/www/src/registry-v2/core/table.tsx
index 6d3337117..d5af1aca2 100644
--- a/www/src/registry-v2/core/table.tsx
+++ b/www/src/registry-v2/core/table.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "@/registry/ui/default/lib/cn";
+import { cn } from "@/registry-v2/lib/cn";
 
 const Table = React.forwardRef<
   HTMLTableElement,
diff --git a/www/src/registry-v2/core/tabs.tsx b/www/src/registry-v2/core/tabs.tsx
index 73121e065..75fc5afd5 100644
--- a/www/src/registry-v2/core/tabs.tsx
+++ b/www/src/registry-v2/core/tabs.tsx
@@ -13,7 +13,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { focusRing } from "@/registry-v2/lib/focus-styles";
 
 const tabsStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/tag-group.tsx b/www/src/registry-v2/core/tag-group.tsx
index 67f9e519e..f666f4a92 100644
--- a/www/src/registry-v2/core/tag-group.tsx
+++ b/www/src/registry-v2/core/tag-group.tsx
@@ -11,9 +11,9 @@ import {
   type TagProps as AriaTagProps,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { Field } from "@/registry/ui/default/core/field";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { Button } from "@/registry-v2/core/button";
+import { Field } from "@/registry-v2/core/field";
+import { focusRing } from "@/registry-v2/lib/focus-styles";
 
 const tagGroupStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/text-area.tsx b/www/src/registry-v2/core/text-area.tsx
index cc2bed4a9..da7eb7a8f 100644
--- a/www/src/registry-v2/core/text-area.tsx
+++ b/www/src/registry-v2/core/text-area.tsx
@@ -2,16 +2,16 @@
 
 import * as React from "react";
 import { type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
 import {
   InputRoot,
   TextAreaInput,
   type inputStyles,
-} from "@/registry/ui/default/core/input";
+} from "@/registry-v2/core/input";
 import {
   TextFieldRoot,
   type TextFieldRootProps,
-} from "@/registry/ui/default/core/text-field";
+} from "@/registry-v2/core/text-field";
 
 type TextAreaProps = TextFieldRootProps &
   Omit<FieldProps, "children"> &
diff --git a/www/src/registry-v2/core/text-field.tsx b/www/src/registry-v2/core/text-field.tsx
index e1f6961b9..d637d6de3 100644
--- a/www/src/registry-v2/core/text-field.tsx
+++ b/www/src/registry-v2/core/text-field.tsx
@@ -6,12 +6,8 @@ import {
   type TextFieldProps as AriaTextFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  InputRoot,
-  Input,
-  type inputStyles,
-} from "@/registry/ui/default/core/input";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry-v2/core/input";
 
 const textFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry-v2/core/time-field.tsx b/www/src/registry-v2/core/time-field.tsx
index de8e417e3..c4d4c9c9a 100644
--- a/www/src/registry-v2/core/time-field.tsx
+++ b/www/src/registry-v2/core/time-field.tsx
@@ -7,9 +7,9 @@ import {
   type TimeValue,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import { InputRoot, type inputStyles } from "@/registry/ui/default/core/input";
+import { DateInput, DateSegment } from "@/registry-v2/core/date-input";
+import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { InputRoot, type inputStyles } from "@/registry-v2/core/input";
 
 const timeFieldStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/toggle-button.tsx b/www/src/registry-v2/core/toggle-button.tsx
index a50b5a34c..71d104aec 100644
--- a/www/src/registry-v2/core/toggle-button.tsx
+++ b/www/src/registry-v2/core/toggle-button.tsx
@@ -7,7 +7,7 @@ import {
   type ToggleButtonProps as AriaToggleButtonProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { focusRing } from "@/registry-v2/lib/focus-styles";
 
 const toggleButtonStyles = tv({
   extend: focusRing,
diff --git a/www/src/registry-v2/core/toggle-group.tsx b/www/src/registry-v2/core/toggle-group.tsx
index 1efd58bcb..4a93c36eb 100644
--- a/www/src/registry-v2/core/toggle-group.tsx
+++ b/www/src/registry-v2/core/toggle-group.tsx
@@ -13,7 +13,7 @@ import {
 } from "react-aria";
 import { useToggleState } from "react-stately";
 import { tv, type VariantProps } from "tailwind-variants";
-import { toggleButtonStyles } from "@/registry/ui/default/core/toggle-button";
+import { toggleButtonStyles } from "@/registry-v2/core/toggle-button";
 
 const toggleGroupVariants = tv({
   base: "flex items-center gap-1",
diff --git a/www/src/registry-v2/hooks/use-battery.ts b/www/src/registry-v2/hooks/use-battery.ts
deleted file mode 100644
index 358c687dd..000000000
--- a/www/src/registry-v2/hooks/use-battery.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from "react";
-
-interface BatteryManager extends EventTarget {
-  charging: boolean;
-  chargingTime: number;
-  dischargingTime: number;
-  level: number;
-}
-
-type NavigatorWithBattery = Navigator & {
-  getBattery: () => Promise<BatteryManager>;
-};
-
-export function useBattery() {
-  const [state, setState] = React.useState<{
-    isSupported: boolean;
-    isLoading: boolean;
-    isCharging: boolean;
-    level: number;
-    chargingTime: number;
-    dischargingTime: number;
-  }>({
-    isSupported: false,
-    isLoading: true,
-    isCharging: false,
-    level: 1,
-    chargingTime: 0,
-    dischargingTime: 0,
-  });
-
-  React.useEffect(() => {
-    if (!(navigator as NavigatorWithBattery).getBattery) {
-      setState((s) => ({
-        ...s,
-        isSupported: false,
-        isLoading: false,
-      }));
-      return;
-    }
-
-    let battery: BatteryManager | null;
-
-    const handleChange = () => {
-      if (!battery) return;
-      setState({
-        isSupported: true,
-        isLoading: false,
-        level: battery.level,
-        isCharging: battery.charging,
-        chargingTime: battery.chargingTime,
-        dischargingTime: battery.dischargingTime,
-      });
-    };
-
-    void (navigator as NavigatorWithBattery).getBattery().then((b) => {
-      battery = b;
-      handleChange();
-
-      b.addEventListener("levelchange", handleChange);
-      b.addEventListener("chargingchange", handleChange);
-      b.addEventListener("chargingtimechange", handleChange);
-      b.addEventListener("dischargingtimechange", handleChange);
-    });
-
-    return () => {
-      if (battery) {
-        battery.removeEventListener("levelchange", handleChange);
-        battery.removeEventListener("chargingchange", handleChange);
-        battery.removeEventListener("chargingtimechange", handleChange);
-        battery.removeEventListener("dischargingtimechange", handleChange);
-      }
-    };
-  }, []);
-
-  return state;
-}
diff --git a/www/src/registry-v2/hooks/use-counter.ts b/www/src/registry-v2/hooks/use-counter.ts
deleted file mode 100644
index d32469f37..000000000
--- a/www/src/registry-v2/hooks/use-counter.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from "react";
-
-export function useCounter(
-  startingValue = 0,
-  options: { min?: number; max?: number } = {}
-): [
-  number,
-  {
-    increment: () => void;
-    decrement: () => void;
-    set: (nextCount: number) => void;
-    reset: () => void;
-  },
-] {
-  const { min, max } = options;
-
-  if (typeof min === "number" && startingValue < min) {
-    throw new Error(
-      `Your starting value of ${startingValue} is less than your min of ${min}.`
-    );
-  }
-
-  if (typeof max === "number" && startingValue > max) {
-    throw new Error(
-      `Your starting value of ${startingValue} is greater than your max of ${max}.`
-    );
-  }
-
-  const [count, setCount] = React.useState(startingValue);
-
-  const increment = React.useCallback(() => {
-    setCount((c) => {
-      const nextCount = c + 1;
-
-      if (typeof max === "number" && nextCount > max) {
-        return c;
-      }
-
-      return nextCount;
-    });
-  }, [max]);
-
-  const decrement = React.useCallback(() => {
-    setCount((c) => {
-      const nextCount = c - 1;
-
-      if (typeof min === "number" && nextCount < min) {
-        return c;
-      }
-
-      return nextCount;
-    });
-  }, [min]);
-
-  const set = React.useCallback(
-    (nextCount: number) => {
-      setCount((c) => {
-        if (typeof max === "number" && nextCount > max) {
-          return c;
-        }
-
-        if (typeof min === "number" && nextCount < min) {
-          return c;
-        }
-
-        return nextCount;
-      });
-    },
-    [max, min]
-  );
-
-  const reset = React.useCallback(() => {
-    setCount(startingValue);
-  }, [startingValue]);
-
-  return [
-    count,
-    {
-      increment,
-      decrement,
-      set,
-      reset,
-    },
-  ];
-}
diff --git a/www/src/registry-v2/hooks/use-debounce.ts b/www/src/registry-v2/hooks/use-debounce.ts
deleted file mode 100644
index ce3a701a7..000000000
--- a/www/src/registry-v2/hooks/use-debounce.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-
-export function useDebounce<T>(value: T, delay: number): T {
-  const [debouncedValue, setDebouncedValue] = React.useState(value);
-
-  React.useEffect(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-
-  return debouncedValue;
-}
diff --git a/www/src/registry-v2/hooks/use-in-view.ts b/www/src/registry-v2/hooks/use-in-view.ts
deleted file mode 100644
index af25627d4..000000000
--- a/www/src/registry-v2/hooks/use-in-view.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const useInView = () => {
-  return;
-};
diff --git a/www/src/registry-v2/hooks/use-intersection-observer.ts b/www/src/registry-v2/hooks/use-intersection-observer.ts
deleted file mode 100644
index 93bc6ffa9..000000000
--- a/www/src/registry-v2/hooks/use-intersection-observer.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from "react";
-
-export const useIntersectionObserver = <T extends Element>(
-  options: IntersectionObserverInit = {}
-): [React.RefCallback<T>, IntersectionObserverEntry | null] => {
-  const { threshold = 1, root = null, rootMargin = "0px" } = options;
-  const [entry, setEntry] = React.useState<IntersectionObserverEntry | null>(
-    null
-  );
-
-  const previousObserver = React.useRef<IntersectionObserver | null>(null);
-
-  const customRef = React.useCallback(
-    (node: Element | null) => {
-      if (previousObserver.current) {
-        previousObserver.current.disconnect();
-        previousObserver.current = null;
-      }
-
-      if (node?.nodeType === Node.ELEMENT_NODE) {
-        const observer = new IntersectionObserver(
-          ([entry]) => {
-            setEntry(entry);
-          },
-          { threshold, root, rootMargin }
-        );
-
-        observer.observe(node);
-        previousObserver.current = observer;
-      }
-    },
-    [threshold, root, rootMargin]
-  );
-
-  return [customRef, entry];
-};
diff --git a/www/src/registry-v2/hooks/use-is-client.ts b/www/src/registry-v2/hooks/use-is-client.ts
deleted file mode 100644
index a06d72139..000000000
--- a/www/src/registry-v2/hooks/use-is-client.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-
-export function useIsClient() {
-  const [isClient, setIsClient] = React.useState(false);
-
-  React.useEffect(() => {
-    setIsClient(true);
-  }, []);
-
-  return isClient;
-}
diff --git a/www/src/registry-v2/hooks/use-list.ts b/www/src/registry-v2/hooks/use-list.ts
deleted file mode 100644
index 2fc24edb6..000000000
--- a/www/src/registry-v2/hooks/use-list.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from "react";
-
-type CustomList<T> = {
-  set: (l: T[]) => void;
-  push: (element: T) => void;
-  removeAt: (index: number) => void;
-  insertAt: (index: number, element: T) => void;
-  updateAt: (index: number, element: T) => void;
-  clear: () => void;
-};
-
-export function useList<T>(defaultList: T[] = []): [T[], CustomList<T>] {
-  const [list, setList] = React.useState<T[]>(defaultList);
-
-  const set = React.useCallback((l: T[]) => {
-    setList(l);
-  }, []);
-
-  const push = React.useCallback((element: T) => {
-    setList((l) => [...l, element]);
-  }, []);
-
-  const removeAt = React.useCallback((index: number) => {
-    setList((l) => [...l.slice(0, index), ...l.slice(index + 1)]);
-  }, []);
-
-  const insertAt = React.useCallback((index: number, element: T) => {
-    setList((l) => [...l.slice(0, index), element, ...l.slice(index)]);
-  }, []);
-
-  const updateAt = React.useCallback((index: number, element: T) => {
-    setList((l) => l.map((e, i) => (i === index ? element : e)));
-  }, []);
-
-  const clear = React.useCallback(() => setList([]), []);
-
-  return [list, { set, push, removeAt, insertAt, updateAt, clear }];
-}
diff --git a/www/src/registry-v2/hooks/use-local-storage.ts b/www/src/registry-v2/hooks/use-local-storage.ts
deleted file mode 100644
index 240173873..000000000
--- a/www/src/registry-v2/hooks/use-local-storage.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from "react";
-
-function dispatchStorageEvent(key: string, newValue: string | null) {
-  window.dispatchEvent(new StorageEvent("storage", { key, newValue }));
-}
-
-const setLocalStorageItem = <T>(key: string, value: T) => {
-  const stringifiedValue = JSON.stringify(value);
-  window.localStorage.setItem(key, stringifiedValue);
-  dispatchStorageEvent(key, stringifiedValue);
-};
-
-const removeLocalStorageItem = (key: string) => {
-  window.localStorage.removeItem(key);
-  dispatchStorageEvent(key, null);
-};
-
-const getLocalStorageItem = (key: string) => {
-  return window.localStorage.getItem(key);
-};
-
-const useLocalStorageSubscribe = (callback: (event: StorageEvent) => void) => {
-  window.addEventListener("storage", callback);
-  return () => window.removeEventListener("storage", callback);
-};
-
-const getLocalStorageServerSnapshot = () => {
-  throw Error("useLocalStorage is a client-only hook");
-};
-
-export function useLocalStorage<T>(
-  key: string,
-  initialValue: T
-): [T, React.Dispatch<React.SetStateAction<T>>] {
-  const getSnapshot = () => getLocalStorageItem(key);
-
-  const store = React.useSyncExternalStore(
-    useLocalStorageSubscribe,
-    getSnapshot,
-    getLocalStorageServerSnapshot
-  );
-
-  const setState: React.Dispatch<React.SetStateAction<T>> = React.useCallback(
-    (v: T | ((prevState: T) => T)) => {
-      try {
-        const nextState =
-          typeof v === "function"
-            ? (v as (prevState: T) => T)(JSON.parse(store!) as T)
-            : v;
-
-        if (nextState === undefined || nextState === null) {
-          removeLocalStorageItem(key);
-        } else {
-          setLocalStorageItem(key, nextState);
-        }
-      } catch (e) {
-        console.warn(e);
-      }
-    },
-    [key, store]
-  );
-
-  React.useEffect(() => {
-    if (
-      getLocalStorageItem(key) === null &&
-      typeof initialValue !== "undefined"
-    ) {
-      setLocalStorageItem(key, initialValue);
-    }
-  }, [key, initialValue]);
-
-  return [store ? (JSON.parse(store) as T) : initialValue, setState];
-}
diff --git a/www/src/registry-v2/hooks/use-media-query.ts b/www/src/registry-v2/hooks/use-media-query.ts
index fcaae8a3e..99d3cc6db 100644
--- a/www/src/registry-v2/hooks/use-media-query.ts
+++ b/www/src/registry-v2/hooks/use-media-query.ts
@@ -16,28 +16,4 @@ export function useMediaQuery(query: string) {
   }, [query]);
 
   return value;
-}
-// import React from "react";
-
-// export function useMediaQuery(query: string): boolean {
-//   const subscribe = React.useCallback(
-//     (callback: (ev: MediaQueryListEvent) => void) => {
-//       const matchMedia = window.matchMedia(query);
-//       matchMedia.addEventListener("change", callback);
-//       return () => {
-//         matchMedia.removeEventListener("change", callback);
-//       };
-//     },
-//     [query]
-//   );
-
-//   const getSnapshot = () => {
-//     return window.matchMedia(query).matches;
-//   };
-
-//   const getServerSnapshot = () => {
-//     throw Error("useMediaQuery is a client-only hook");
-//   };
-
-//   return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-// }
+}
\ No newline at end of file
diff --git a/www/src/registry-v2/hooks/use-mouse.ts b/www/src/registry-v2/hooks/use-mouse.ts
deleted file mode 100644
index 14bf5943a..000000000
--- a/www/src/registry-v2/hooks/use-mouse.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import React from "react";
-
-type MousePosition = {
-  x: number;
-  y: number;
-  elementX: number;
-  elementY: number;
-  elementPositionX: number;
-  elementPositionY: number;
-};
-
-export function useMouse<T extends Element>(): [
-  MousePosition,
-  React.MutableRefObject<T | null>,
-] {
-  const [state, setState] = React.useState<MousePosition>({
-    x: 0,
-    y: 0,
-    elementX: 0,
-    elementY: 0,
-    elementPositionX: 0,
-    elementPositionY: 0,
-  });
-
-  const ref = React.useRef<T | null>(null);
-
-  React.useLayoutEffect(() => {
-    const handleMouseMove = (event: MouseEvent) => {
-      const newState: Partial<MousePosition> = {
-        x: event.pageX,
-        y: event.pageY,
-      };
-
-      if (ref.current?.nodeType === Node.ELEMENT_NODE) {
-        const { left, top } = (ref.current as Element).getBoundingClientRect();
-        const elementPositionX = left + window.scrollX;
-        const elementPositionY = top + window.scrollY;
-        const elementX = event.pageX - elementPositionX;
-        const elementY = event.pageY - elementPositionY;
-
-        newState.elementX = elementX;
-        newState.elementY = elementY;
-        newState.elementPositionX = elementPositionX;
-        newState.elementPositionY = elementPositionY;
-      }
-
-      setState((s) => {
-        return {
-          ...s,
-          ...newState,
-        };
-      });
-    };
-
-    document.addEventListener("mousemove", handleMouseMove);
-
-    return () => {
-      document.removeEventListener("mousemove", handleMouseMove);
-    };
-  }, []);
-
-  return [state, ref];
-}
diff --git a/www/src/registry-v2/hooks/use-network-state.ts b/www/src/registry-v2/hooks/use-network-state.ts
deleted file mode 100644
index 7cf2aaa11..000000000
--- a/www/src/registry-v2/hooks/use-network-state.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-// import React from "react";
-
-// type NetworkState = {
-//   online: boolean;
-//   downlink: number | null;
-//   downlinkMax: number | null;
-//   effectiveType: string | null;
-//   rtt: number | null;
-//   saveData: boolean | null;
-//   type: string | null;
-// };
-
-// function isShallowEqual(object1: any, object2: any) {
-//   const keys1 = Object.keys(object1);
-//   const keys2 = Object.keys(object2);
-
-//   if (keys1.length !== keys2.length) {
-//     return false;
-//   }
-
-//   for (let key of keys1) {
-//     if (object1[key] !== object2[key]) {
-//       return false;
-//     }
-//   }
-
-//   return true;
-// }
-
-// const getConnection = () => {
-//   return navigator?.connection || navigator?.mozConnection || navigator?.webkitConnection;
-// };
-
-// const useNetworkStateSubscribe = (callback: () => void) => {
-//   window.addEventListener("online", callback, { passive: true });
-//   window.addEventListener("offline", callback, { passive: true });
-
-//   const connection = getConnection();
-
-//   if (connection) {
-//     connection.addEventListener("change", callback, { passive: true });
-//   }
-
-//   return () => {
-//     window.removeEventListener("online", callback);
-//     window.removeEventListener("offline", callback);
-
-//     if (connection) {
-//       connection.removeEventListener("change", callback);
-//     }
-//   };
-// };
-
-// const getNetworkStateServerSnapshot = () => {
-//   throw Error("useNetworkState is a client-only hook");
-// };
-
-export function useNetworkState() {
-  // const cache = React.useRef({});
-  // const getSnapshot = (): NetworkState => {
-  //   const online = navigator.onLine;
-  //   const connection = getConnection();
-  //   const nextState = {
-  //     online,
-  //     downlink: connection?.downlink,
-  //     downlinkMax: connection?.downlinkMax,
-  //     effectiveType: connection?.effectiveType,
-  //     rtt: connection?.rtt,
-  //     saveData: connection?.saveData,
-  //     type: connection?.type,
-  //   };
-  //   if (isShallowEqual(cache.current, nextState)) {
-  //     return cache.current;
-  //   } else {
-  //     cache.current = nextState;
-  //     return nextState;
-  //   }
-  // };
-  // return React.useSyncExternalStore<NetworkState>(
-  //   useNetworkStateSubscribe,
-  //   getSnapshot,
-  //   getNetworkStateServerSnapshot
-  // );
-}
diff --git a/www/src/registry-v2/hooks/use-orientation.ts b/www/src/registry-v2/hooks/use-orientation.ts
deleted file mode 100644
index 519d86989..000000000
--- a/www/src/registry-v2/hooks/use-orientation.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from "react";
-
-export function useOrientation() {
-  const [orientation, setOrientation] = React.useState({
-    angle: 0,
-    type: "landscape-primary",
-  });
-
-  React.useLayoutEffect(() => {
-    const handleChange = () => {
-      const { angle, type } = window.screen.orientation;
-      setOrientation({
-        angle,
-        type,
-      });
-    };
-
-    const handleOrientationChange = () => {
-      setOrientation({
-        type: "UNKNOWN",
-        angle: window.orientation,
-      });
-    };
-
-    if (window.screen?.orientation) {
-      handleChange();
-      window.screen.orientation.addEventListener("change", handleChange);
-    } else {
-      handleOrientationChange();
-      window.addEventListener("orientationchange", handleOrientationChange);
-    }
-
-    return () => {
-      if (window.screen?.orientation) {
-        window.screen.orientation.removeEventListener("change", handleChange);
-      } else {
-        window.removeEventListener(
-          "orientationchange",
-          handleOrientationChange
-        );
-      }
-    };
-  }, []);
-
-  return orientation;
-}
diff --git a/www/src/registry-v2/hooks/use-previous.ts b/www/src/registry-v2/hooks/use-previous.ts
deleted file mode 100644
index 7e6e176a2..000000000
--- a/www/src/registry-v2/hooks/use-previous.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-
-export function usePrevious<T>(value: T) {
-  const [current, setCurrent] = React.useState(value);
-  const [previous, setPrevious] = React.useState<T | null>(null);
-
-  if (value !== current) {
-    setPrevious(current);
-    setCurrent(value);
-  }
-
-  return previous;
-}
diff --git a/www/src/registry-v2/hooks/use-scrolled.ts b/www/src/registry-v2/hooks/use-scrolled.ts
deleted file mode 100644
index 31167e7f3..000000000
--- a/www/src/registry-v2/hooks/use-scrolled.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from "react";
-
-export const useScrolled = ({ threshold = 0, initial = false }) => {
-  const [scrolled, setScrolled] = React.useState(initial);
-  const [mounted, setMounted] = React.useState(false);
-
-  React.useEffect(() => {
-    // Function to handle scroll events
-    setMounted(true);
-    setScrolled(window.scrollY > threshold);
-    function handleScroll() {
-      // Check if the user has scrolled beyond the top of the page (scrollY > 0)
-      setScrolled(window.scrollY > threshold);
-    }
-    // setScrolled(window.scrollY > threshold)
-    // Add the scroll event listener
-    window.addEventListener("scroll", handleScroll);
-
-    // Clean up the event listener when the component unmounts
-    return () => {
-      window.removeEventListener("scroll", handleScroll);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // Empty dependency array, so this effect runs only once
-
-  return { scrolled, mounted };
-};
diff --git a/www/src/registry-v2/hooks/use-window-size.ts b/www/src/registry-v2/hooks/use-window-size.ts
deleted file mode 100644
index ac33ff4d8..000000000
--- a/www/src/registry-v2/hooks/use-window-size.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from "react";
-
-export function useWindowSize() {
-  const [size, setSize] = React.useState<{
-    width: number | null;
-    height: number | null;
-  }>({
-    width: null,
-    height: null,
-  });
-
-  React.useLayoutEffect(() => {
-    const handleResize = () => {
-      setSize({
-        width: window.innerWidth,
-        height: window.innerHeight,
-      });
-    };
-
-    handleResize();
-    window.addEventListener("resize", handleResize);
-
-    return () => {
-      window.removeEventListener("resize", handleResize);
-    };
-  }, []);
-
-  return size;
-}
diff --git a/www/src/registry/core.ts b/www/src/registry-v2/index/core.ts
similarity index 100%
rename from www/src/registry/core.ts
rename to www/src/registry-v2/index/core.ts
diff --git a/www/src/registry/hooks.ts b/www/src/registry-v2/index/hooks.ts
similarity index 100%
rename from www/src/registry/hooks.ts
rename to www/src/registry-v2/index/hooks.ts
diff --git a/www/src/registry/icons.ts b/www/src/registry-v2/index/icons.ts
similarity index 100%
rename from www/src/registry/icons.ts
rename to www/src/registry-v2/index/icons.ts
diff --git a/www/src/registry-v2/index/index.ts b/www/src/registry-v2/index/index.ts
new file mode 100644
index 000000000..74f672a3e
--- /dev/null
+++ b/www/src/registry-v2/index/index.ts
@@ -0,0 +1,6 @@
+import { type Registry } from "@dotui/registry/types";
+import { core } from "@/registry-v2/index/core";
+import { hooks } from "@/registry-v2/index/hooks";
+import { themes } from "@/registry-v2/index/themes";
+
+export const registry: Registry = [...core, ...hooks, ...themes];
diff --git a/www/src/registry/ui-lib.ts b/www/src/registry-v2/index/lib.ts
similarity index 100%
rename from www/src/registry/ui-lib.ts
rename to www/src/registry-v2/index/lib.ts
diff --git a/www/src/registry/styles.ts b/www/src/registry-v2/index/styles.ts
similarity index 100%
rename from www/src/registry/styles.ts
rename to www/src/registry-v2/index/styles.ts
diff --git a/www/src/registry/themes.ts b/www/src/registry-v2/index/themes.ts
similarity index 100%
rename from www/src/registry/themes.ts
rename to www/src/registry-v2/index/themes.ts
diff --git a/www/src/registry/blocks.ts b/www/src/registry/blocks.ts
deleted file mode 100644
index 9a8b471cb..000000000
--- a/www/src/registry/blocks.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import type { Registry } from "@dotui/registry/types";
-
-export const blocks: Registry = [];
diff --git a/www/src/registry/hooks/use-media-query.ts b/www/src/registry/hooks/use-media-query.ts
deleted file mode 100644
index fcaae8a3e..000000000
--- a/www/src/registry/hooks/use-media-query.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import * as React from "react";
-
-export function useMediaQuery(query: string) {
-  const [value, setValue] = React.useState(false);
-
-  React.useEffect(() => {
-    function onChange(event: MediaQueryListEvent) {
-      setValue(event.matches);
-    }
-
-    const result = matchMedia(query);
-    result.addEventListener("change", onChange);
-    setValue(result.matches);
-
-    return () => result.removeEventListener("change", onChange);
-  }, [query]);
-
-  return value;
-}
-// import React from "react";
-
-// export function useMediaQuery(query: string): boolean {
-//   const subscribe = React.useCallback(
-//     (callback: (ev: MediaQueryListEvent) => void) => {
-//       const matchMedia = window.matchMedia(query);
-//       matchMedia.addEventListener("change", callback);
-//       return () => {
-//         matchMedia.removeEventListener("change", callback);
-//       };
-//     },
-//     [query]
-//   );
-
-//   const getSnapshot = () => {
-//     return window.matchMedia(query).matches;
-//   };
-
-//   const getServerSnapshot = () => {
-//     throw Error("useMediaQuery is a client-only hook");
-//   };
-
-//   return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-// }
diff --git a/www/src/registry/hooks/use-mounted.ts b/www/src/registry/hooks/use-mounted.ts
deleted file mode 100644
index e415a498a..000000000
--- a/www/src/registry/hooks/use-mounted.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-
-export function useMounted() {
-  const [isMounted, setIsMounted] = React.useState(false);
-
-  React.useEffect(() => {
-    setIsMounted(true);
-  }, []);
-
-  return isMounted;
-}
diff --git a/www/src/registry/index.ts b/www/src/registry/index.ts
deleted file mode 100644
index 7e4f089ab..000000000
--- a/www/src/registry/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { type Registry } from "@dotui/registry/types";
-import { blocks } from "@/registry/blocks";
-import { core } from "@/registry/core";
-import { hooks } from "@/registry/hooks";
-import { themes } from "@/registry/themes";
-
-export const registry: Registry = [...core, ...hooks, ...themes, ...blocks];
diff --git a/www/src/registry/ui/default/core/number-field/number-field.tsx b/www/src/registry/ui/default/core/number-field/number-field.tsx
index e51df2e58..3589ddad5 100644
--- a/www/src/registry/ui/default/core/number-field/number-field.tsx
+++ b/www/src/registry/ui/default/core/number-field/number-field.tsx
@@ -6,7 +6,6 @@ import {
   type NumberFieldProps as AriaNumberFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
 import { Field, type FieldProps } from "@/registry/ui/default/core/field";
 import {
@@ -20,6 +19,7 @@ import {
   MinusIcon,
   PlusIcon,
 } from "@/__icons__";
+import { useMediaQuery } from "@/registry-v2/hooks/use-media-query";
 
 const numberFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/ui/default/core/overlay/overlay.tsx b/www/src/registry/ui/default/core/overlay/overlay.tsx
index b47aaa87b..223a93be0 100644
--- a/www/src/registry/ui/default/core/overlay/overlay.tsx
+++ b/www/src/registry/ui/default/core/overlay/overlay.tsx
@@ -12,10 +12,10 @@ import {
   type ModalOverlayProps as AriaModalOverlayProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
 import { cn } from "@/registry/ui/default/lib/cn";
 import { XIcon } from "@/__icons__";
+import { useMediaQuery } from "@/registry-v2/hooks/use-media-query";
 import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
 
 type OverlayType = "modal" | "drawer" | "popover";

From becc401e1c82ce9b214f0830c0082a7bbf002871 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 16:15:42 +0100
Subject: [PATCH 013/165] chore: remove old registry

---
 www/src/registry/hooks/use-battery.ts         |  76 --
 www/src/registry/hooks/use-counter.ts         |  85 ---
 www/src/registry/hooks/use-debounce.ts        |  17 -
 www/src/registry/hooks/use-in-view.ts         |   3 -
 .../hooks/use-intersection-observer.ts        |  36 -
 www/src/registry/hooks/use-is-client.ts       |  11 -
 www/src/registry/hooks/use-list.ts            |  38 -
 www/src/registry/hooks/use-local-storage.ts   |  73 --
 www/src/registry/hooks/use-mouse.ts           |  63 --
 www/src/registry/hooks/use-network-state.ts   |  84 ---
 www/src/registry/hooks/use-orientation.ts     |  46 --
 www/src/registry/hooks/use-previous.ts        |  13 -
 www/src/registry/hooks/use-scrolled.ts        |  27 -
 www/src/registry/hooks/use-window-size.ts     |  29 -
 .../registry/ui/default/core/alert/alert.tsx  | 109 ---
 .../ui/default/core/alert/demos/action.tsx    |  16 -
 .../default/core/alert/demos/composition.tsx  |  24 -
 .../ui/default/core/alert/demos/content.tsx   |   9 -
 .../default/core/alert/demos/custom-icon.tsx  |   6 -
 .../ui/default/core/alert/demos/default.tsx   |   5 -
 .../ui/default/core/alert/demos/title.tsx     |   7 -
 .../ui/default/core/alert/demos/variants.tsx  |  35 -
 .../registry/ui/default/core/alert/index.tsx  |   1 -
 .../core/aspect-ratio/aspect-ratio.tsx        |   7 -
 .../core/aspect-ratio/demos/as-child.tsx      |  15 -
 .../core/aspect-ratio/demos/default.tsx       |  15 -
 .../ui/default/core/aspect-ratio/index.tsx    |   1 -
 .../ui/default/core/avatar/avatar.tsx         | 173 -----
 .../default/core/avatar/demos/composition.tsx |  20 -
 .../ui/default/core/avatar/demos/default.tsx  |  11 -
 .../ui/default/core/avatar/demos/shape.tsx    |  20 -
 .../ui/default/core/avatar/demos/sizes.tsx    |  17 -
 .../registry/ui/default/core/avatar/index.tsx |   1 -
 .../registry/ui/default/core/badge/badge.tsx  |  65 --
 .../ui/default/core/badge/demos/default.tsx   |   5 -
 .../ui/default/core/badge/demos/icon.tsx      |  18 -
 .../ui/default/core/badge/demos/sizes.tsx     |  17 -
 .../ui/default/core/badge/demos/variants.tsx  |  37 -
 .../registry/ui/default/core/badge/index.tsx  |   1 -
 .../default/core/breadcrumbs/breadcrumbs.tsx  |  78 --
 .../default/core/breadcrumbs/demos/basic.tsx  |  14 -
 .../core/breadcrumbs/demos/composition.tsx    |  25 -
 .../core/breadcrumbs/demos/disabled.tsx       |  14 -
 .../default/core/breadcrumbs/demos/icon.tsx   |  18 -
 .../breadcrumbs/demos/router-integration.tsx  |  24 -
 .../ui/default/core/breadcrumbs/index.tsx     |   1 -
 .../ui/default/core/button/button.tsx         | 129 ----
 .../ui/default/core/button/demos/default.tsx  |   5 -
 .../ui/default/core/button/demos/disabled.tsx |   5 -
 .../default/core/button/demos/link-button.tsx |  10 -
 .../ui/default/core/button/demos/loading.tsx  |  17 -
 .../core/button/demos/prefix-and-suffix.tsx   |  11 -
 .../ui/default/core/button/demos/shapes.tsx   |  27 -
 .../ui/default/core/button/demos/sizes.tsx    |  11 -
 .../ui/default/core/button/demos/variants.tsx |  24 -
 .../registry/ui/default/core/button/index.tsx |   1 -
 .../ui/default/core/calendar/calendar.tsx     | 223 ------
 .../core/calendar/demos/composition.tsx       |  38 -
 .../core/calendar/demos/controlled.tsx        |  23 -
 .../default/core/calendar/demos/default.tsx   |   5 -
 .../default/core/calendar/demos/disabled.tsx  |   5 -
 .../core/calendar/demos/error-message.tsx     |  20 -
 .../ui/default/core/calendar/demos/label.tsx  |   5 -
 .../core/calendar/demos/page-behaviour.tsx    |   5 -
 .../default/core/calendar/demos/read-only.tsx |  14 -
 .../core/calendar/demos/uncontrolled.tsx      |  14 -
 .../core/calendar/demos/unvailable-dates.tsx  |  35 -
 .../core/calendar/demos/validation.tsx        |  13 -
 .../core/calendar/demos/visible-months.tsx    |   5 -
 .../ui/default/core/calendar/index.tsx        |   1 -
 .../core/checkbox-group/checkbox-group.tsx    |  92 ---
 .../core/checkbox-group/demos/cards.tsx       |  16 -
 .../core/checkbox-group/demos/composition.tsx |  22 -
 .../checkbox-group/demos/contextual-help.tsx  |  22 -
 .../core/checkbox-group/demos/controlled.tsx  |  27 -
 .../core/checkbox-group/demos/default.tsx     |  12 -
 .../core/checkbox-group/demos/description.tsx |  16 -
 .../core/checkbox-group/demos/disabled.tsx    |  16 -
 .../checkbox-group/demos/error-message.tsx    |  16 -
 .../core/checkbox-group/demos/label.tsx       |  17 -
 .../core/checkbox-group/demos/read-only.tsx   |  16 -
 .../core/checkbox-group/demos/required.tsx    |  34 -
 .../checkbox-group/demos/uncontrolled.tsx     |  12 -
 .../ui/default/core/checkbox-group/index.tsx  |   1 -
 .../ui/default/core/checkbox/checkbox.tsx     |  85 ---
 .../ui/default/core/checkbox/demos/card.tsx   |   7 -
 .../core/checkbox/demos/controlled.tsx        |  18 -
 .../default/core/checkbox/demos/default.tsx   |  15 -
 .../default/core/checkbox/demos/disabled.tsx  |   7 -
 .../core/checkbox/demos/indeterminate.tsx     |   7 -
 .../default/core/checkbox/demos/read-only.tsx |   9 -
 .../core/checkbox/demos/uncontrolled.tsx      |   5 -
 .../ui/default/core/checkbox/index.tsx        |   1 -
 .../default/core/collapsible/collapsible.tsx  |  32 -
 .../ui/default/core/collapsible/index.tsx     |   1 -
 .../ui/default/core/color-area/color-area.tsx |  40 -
 .../core/color-area/demos/channels.tsx        |   5 -
 .../core/color-area/demos/composition.tsx     |  10 -
 .../core/color-area/demos/controlled.tsx      |  22 -
 .../default/core/color-area/demos/default.tsx |   5 -
 .../core/color-area/demos/disabled.tsx        |   5 -
 .../core/color-area/demos/uncontrolled.tsx    |   5 -
 .../ui/default/core/color-area/index.ts       |   1 -
 .../default/core/color-field/color-field.tsx  |  93 ---
 .../core/color-field/demos/composition.tsx    |  23 -
 .../color-field/demos/contextual-help.tsx     |  18 -
 .../core/color-field/demos/controlled.tsx     |  17 -
 .../core/color-field/demos/default.tsx        |   8 -
 .../core/color-field/demos/description.tsx    |   8 -
 .../core/color-field/demos/disabled.tsx       |   8 -
 .../core/color-field/demos/error-message.tsx  |  14 -
 .../default/core/color-field/demos/form.tsx   |   8 -
 .../default/core/color-field/demos/label.tsx  |  10 -
 .../core/color-field/demos/loading.tsx        |  11 -
 .../color-field/demos/prefix-and-suffix.tsx   |  11 -
 .../core/color-field/demos/read-only.tsx      |   6 -
 .../core/color-field/demos/required.tsx       |  15 -
 .../default/core/color-field/demos/sizes.tsx  |  11 -
 .../core/color-field/demos/uncontrolled.tsx   |   6 -
 .../ui/default/core/color-field/index.ts      |   1 -
 .../core/color-picker/color-picker.tsx        | 122 ----
 .../core/color-picker/demos/composition.tsx   |  22 -
 .../core/color-picker/demos/controlled.tsx    |  11 -
 .../core/color-picker/demos/default.tsx       |   5 -
 .../core/color-picker/demos/options.tsx       |   9 -
 .../core/color-picker/demos/uncontrolled.tsx  |   5 -
 .../ui/default/core/color-picker/index.ts     |   1 -
 .../core/color-slider/color-slider.tsx        | 113 ---
 .../core/color-slider/demos/channel.tsx       |   5 -
 .../core/color-slider/demos/composition.tsx   |  21 -
 .../core/color-slider/demos/controlled.tsx    |  15 -
 .../core/color-slider/demos/default.tsx       |   5 -
 .../core/color-slider/demos/disabled.tsx      |  12 -
 .../default/core/color-slider/demos/label.tsx |   7 -
 .../core/color-slider/demos/uncontrolled.tsx  |   5 -
 .../core/color-slider/demos/vertical.tsx      |  11 -
 .../ui/default/core/color-slider/index.ts     |   1 -
 .../core/color-swatch/color-swatch.tsx        |  23 -
 .../core/color-swatch/demos/default.tsx       |   5 -
 .../ui/default/core/color-swatch/index.ts     |   1 -
 .../default/core/color-thumb/color-thumb.tsx  |  28 -
 .../ui/default/core/color-thumb/index.ts      |   1 -
 .../ui/default/core/combobox/combobox.tsx     |  89 ---
 .../core/combobox/demos/async-loading.tsx     |  27 -
 .../ui/default/core/combobox/demos/basic.tsx  |  17 -
 .../core/combobox/demos/composition.tsx       |  31 -
 .../core/combobox/demos/contextual-help.tsx   |  26 -
 .../core/combobox/demos/controlled.tsx        |  36 -
 .../core/combobox/demos/custom-value.tsx      |  17 -
 .../core/combobox/demos/description.tsx       |  17 -
 .../default/core/combobox/demos/disabled.tsx  |  16 -
 .../ui/default/core/combobox/demos/label.tsx  |  17 -
 .../default/core/combobox/demos/loading.tsx   |  16 -
 .../default/core/combobox/demos/required.tsx  |  17 -
 .../default/core/combobox/demos/sections.tsx  |  31 -
 .../core/combobox/demos/uncontrolled.tsx      |  17 -
 .../core/combobox/demos/validation.tsx        |  21 -
 .../ui/default/core/combobox/index.ts         |   1 -
 .../ui/default/core/command/command.tsx       | 167 -----
 .../registry/ui/default/core/command/index.ts |   1 -
 .../core/contextual-help/contextual-help.tsx  |  39 -
 .../ui/default/core/contextual-help/index.ts  |   1 -
 .../ui/default/core/date-field/date-field.tsx |  96 ---
 .../core/date-field/demos/composition.tsx     |  19 -
 .../core/date-field/demos/contextual-help.tsx |  20 -
 .../core/date-field/demos/controlled.tsx      |  15 -
 .../default/core/date-field/demos/default.tsx |   5 -
 .../core/date-field/demos/description.tsx     |   8 -
 .../core/date-field/demos/disabled.tsx        |   5 -
 .../core/date-field/demos/error-message.tsx   |  14 -
 .../core/date-field/demos/granularity.tsx     |  26 -
 .../core/date-field/demos/hide-time-zone.tsx  |  15 -
 .../core/date-field/demos/hour-cycle.tsx      |  13 -
 .../default/core/date-field/demos/label.tsx   |  10 -
 .../default/core/date-field/demos/loading.tsx |  13 -
 .../core/date-field/demos/placeholder.tsx     |  13 -
 .../date-field/demos/prefix-and-suffix.tsx    |  11 -
 .../core/date-field/demos/read-only.tsx       |  15 -
 .../core/date-field/demos/required.tsx        |  15 -
 .../default/core/date-field/demos/sizes.tsx   |  11 -
 .../core/date-field/demos/time-zones.tsx      |  10 -
 .../core/date-field/demos/uncontrolled.tsx    |  11 -
 .../ui/default/core/date-field/index.ts       |   1 -
 .../ui/default/core/date-input/date-input.tsx |  53 --
 .../ui/default/core/date-input/index.ts       |   1 -
 .../default/core/date-picker/date-picker.tsx  |  99 ---
 .../core/date-picker/demos/composition.tsx    |  41 --
 .../date-picker/demos/contextual-help.tsx     |  20 -
 .../core/date-picker/demos/controlled.tsx     |  15 -
 .../core/date-picker/demos/default.tsx        |   5 -
 .../core/date-picker/demos/description.tsx    |   8 -
 .../core/date-picker/demos/disabled.tsx       |   5 -
 .../core/date-picker/demos/error-message.tsx  |  14 -
 .../core/date-picker/demos/granularity.tsx    |  26 -
 .../core/date-picker/demos/hide-time-zone.tsx |  15 -
 .../core/date-picker/demos/hour-cycle.tsx     |  13 -
 .../default/core/date-picker/demos/label.tsx  |  10 -
 .../core/date-picker/demos/loading.tsx        |   8 -
 .../core/date-picker/demos/placeholder.tsx    |  13 -
 .../default/core/date-picker/demos/prefix.tsx |   6 -
 .../core/date-picker/demos/read-only.tsx      |  15 -
 .../core/date-picker/demos/required.tsx       |  15 -
 .../default/core/date-picker/demos/sizes.tsx  |  11 -
 .../core/date-picker/demos/time-zones.tsx     |  10 -
 .../core/date-picker/demos/uncontrolled.tsx   |  14 -
 .../ui/default/core/date-picker/index.ts      |   1 -
 .../date-range-picker/date-range-picker.tsx   | 103 ---
 .../date-range-picker/demos/composition.tsx   |  47 --
 .../demos/contextual-help.tsx                 |  20 -
 .../date-range-picker/demos/controlled.tsx    |  29 -
 .../core/date-range-picker/demos/default.tsx  |   5 -
 .../date-range-picker/demos/description.tsx   |  10 -
 .../core/date-range-picker/demos/disabled.tsx |   5 -
 .../date-range-picker/demos/error-message.tsx |  14 -
 .../date-range-picker/demos/granularity.tsx   |  26 -
 .../demos/hide-time-zone.tsx                  |  18 -
 .../date-range-picker/demos/hour-cycle.tsx    |  13 -
 .../core/date-range-picker/demos/label.tsx    |  10 -
 .../core/date-range-picker/demos/loading.tsx  |   8 -
 .../date-range-picker/demos/placeholder.tsx   |  13 -
 .../core/date-range-picker/demos/prefix.tsx   |   6 -
 .../date-range-picker/demos/read-only.tsx     |  18 -
 .../core/date-range-picker/demos/required.tsx |  23 -
 .../core/date-range-picker/demos/sizes.tsx    |  11 -
 .../date-range-picker/demos/time-zones.tsx    |  15 -
 .../date-range-picker/demos/uncontrolled.tsx  |  17 -
 .../default/core/date-range-picker/index.ts   |   1 -
 .../core/dialog/demos/alert-dialog.tsx        |  44 --
 .../dialog/demos/async-form-submission.tsx    |  59 --
 .../ui/default/core/dialog/demos/basic.tsx    |  53 --
 .../default/core/dialog/demos/composition.tsx |  15 -
 .../default/core/dialog/demos/controlled.tsx  |  44 --
 .../default/core/dialog/demos/description.tsx |  22 -
 .../core/dialog/demos/dismiss-button.tsx      |  57 --
 .../default/core/dialog/demos/dismissable.tsx |  57 --
 .../ui/default/core/dialog/demos/drawer.tsx   |  41 --
 .../core/dialog/demos/inset-content.tsx       |  57 --
 .../ui/default/core/dialog/demos/nested.tsx   |  38 -
 .../ui/default/core/dialog/demos/popover.tsx  |  59 --
 .../ui/default/core/dialog/demos/title.tsx    |  19 -
 .../ui/default/core/dialog/demos/types.tsx    |  82 ---
 .../ui/default/core/dialog/dialog.tsx         | 152 ----
 .../registry/ui/default/core/dialog/index.ts  |   1 -
 .../default/core/drop-zone/demos/default.tsx  |  11 -
 .../default/core/drop-zone/demos/disabled.tsx |  13 -
 .../core/drop-zone/demos/file-trigger.tsx     |  18 -
 .../ui/default/core/drop-zone/demos/label.tsx |  20 -
 .../ui/default/core/drop-zone/drop-zone.tsx   |  32 -
 .../ui/default/core/drop-zone/index.ts        |   1 -
 .../registry/ui/default/core/field/field.tsx  | 145 ----
 .../registry/ui/default/core/field/index.ts   |   1 -
 .../core/file-trigger/demos/default.tsx       |  30 -
 .../demos/directory-selection.tsx             |  33 -
 .../core/file-trigger/demos/file-types.tsx    |  12 -
 .../core/file-trigger/demos/media-capture.tsx |  12 -
 .../file-trigger/demos/multiple-files.tsx     |  31 -
 .../core/file-trigger/file-trigger.tsx        |   6 -
 .../ui/default/core/file-trigger/index.ts     |   1 -
 .../registry/ui/default/core/form/form.tsx    |   9 -
 .../registry/ui/default/core/form/index.ts    |   1 -
 .../registry/ui/default/core/group/group.tsx  |   6 -
 .../registry/ui/default/core/group/index.ts   |   1 -
 .../ui/default/core/heading/heading.tsx       |  19 -
 .../registry/ui/default/core/heading/index.ts |   1 -
 .../registry/ui/default/core/input/index.ts   |   1 -
 .../registry/ui/default/core/input/input.tsx  | 212 ------
 www/src/registry/ui/default/core/kbd/index.ts |   1 -
 www/src/registry/ui/default/core/kbd/kbd.tsx  |  16 -
 .../ui/default/core/link/demos/default.tsx    |   9 -
 .../ui/default/core/link/demos/disabled.tsx   |   9 -
 .../ui/default/core/link/demos/icon.tsx       |  13 -
 .../ui/default/core/link/demos/variants.tsx   |  21 -
 .../registry/ui/default/core/link/index.ts    |   1 -
 .../registry/ui/default/core/link/link.tsx    |  40 -
 .../core/list-box/demos/async-loading.tsx     |  31 -
 .../ui/default/core/list-box/demos/basic.tsx  |  12 -
 .../core/list-box/demos/composition.tsx       |  27 -
 .../core/list-box/demos/contact-list.tsx      |   3 -
 .../core/list-box/demos/controlled.tsx        |  32 -
 .../core/list-box/demos/disabled-items.tsx    |  12 -
 .../core/list-box/demos/empty-state.tsx       |  12 -
 .../ui/default/core/list-box/demos/grid.tsx   |  12 -
 .../core/list-box/demos/horizontal.tsx        |  15 -
 .../core/list-box/demos/image-grid.tsx        |   3 -
 .../core/list-box/demos/item-variant.tsx      |  12 -
 .../list-box/demos/label-and-description.tsx  |  18 -
 .../ui/default/core/list-box/demos/links.tsx  |  30 -
 .../default/core/list-box/demos/loading.tsx   |  11 -
 .../core/list-box/demos/prefix-and-suffix.tsx |  24 -
 .../default/core/list-box/demos/sections.tsx  |  25 -
 .../list-box/demos/selection-behavior.tsx     |  16 -
 .../core/list-box/demos/selection-mode.tsx    |  20 -
 .../default/core/list-box/demos/separator.tsx |  18 -
 .../core/list-box/demos/uncontrolled.tsx      |  16 -
 .../ui/default/core/list-box/index.ts         |   1 -
 .../ui/default/core/list-box/list-box.tsx     | 137 ----
 .../ui/default/core/menu/demos/basic.tsx      |  19 -
 .../default/core/menu/demos/composition.tsx   |  26 -
 .../ui/default/core/menu/demos/controlled.tsx |  27 -
 .../core/menu/demos/disabled-items.tsx        |  20 -
 .../default/core/menu/demos/item-variant.tsx  |  19 -
 .../core/menu/demos/label-and-description.tsx |  18 -
 .../ui/default/core/menu/demos/link-items.tsx |  36 -
 .../ui/default/core/menu/demos/long-press.tsx |  18 -
 .../core/menu/demos/multiple-selection.tsx    |  22 -
 .../default/core/menu/demos/overlay-type.tsx  |  47 --
 .../ui/default/core/menu/demos/placement.tsx  |  69 --
 .../core/menu/demos/prefix-and-suffix.tsx     |  30 -
 .../ui/default/core/menu/demos/section.tsx    |  24 -
 .../ui/default/core/menu/demos/separator.tsx  |  22 -
 .../ui/default/core/menu/demos/shortcut.tsx   |  18 -
 .../core/menu/demos/single-selection.tsx      |  28 -
 .../ui/default/core/menu/demos/submenus.tsx   |  35 -
 .../registry/ui/default/core/menu/index.ts    |   1 -
 .../registry/ui/default/core/menu/menu.tsx    | 144 ----
 .../core/number-field/demos/composition.tsx   |  27 -
 .../number-field/demos/contextual-help.tsx    |  18 -
 .../core/number-field/demos/controlled.tsx    |  20 -
 .../core/number-field/demos/default.tsx       |   6 -
 .../core/number-field/demos/description.tsx   |   6 -
 .../core/number-field/demos/disabled.tsx      |   5 -
 .../core/number-field/demos/error-message.tsx |  12 -
 .../number-field/demos/format-options.tsx     |  44 --
 .../default/core/number-field/demos/label.tsx |  10 -
 .../core/number-field/demos/read-only.tsx     |   6 -
 .../core/number-field/demos/required.tsx      |  13 -
 .../default/core/number-field/demos/sizes.tsx |  11 -
 .../core/number-field/demos/uncontrolled.tsx  |   6 -
 .../ui/default/core/number-field/index.ts     |   1 -
 .../core/number-field/number-field.tsx        | 146 ----
 .../registry/ui/default/core/overlay/index.ts |   1 -
 .../ui/default/core/overlay/overlay.tsx       | 323 --------
 .../core/overlay/use-motion-drawer.tsx        | 688 ------------------
 .../core/progress/demos/composition.tsx       |  19 -
 .../core/progress/demos/custom-color.tsx      |  17 -
 .../progress/demos/custom-value-label.tsx     |  15 -
 .../default/core/progress/demos/default.tsx   |   8 -
 .../default/core/progress/demos/duration.tsx  |  19 -
 .../core/progress/demos/format-options.tsx    |  15 -
 .../core/progress/demos/indeterminate.tsx     |   8 -
 .../ui/default/core/progress/demos/label.tsx  |  13 -
 .../core/progress/demos/min-max-values.tsx    |  15 -
 .../ui/default/core/progress/demos/shape.tsx  |   8 -
 .../ui/default/core/progress/demos/sizes.tsx  |  22 -
 .../default/core/progress/demos/toolbar.tsx   |  47 --
 .../core/progress/demos/value-label.tsx       |   8 -
 .../default/core/progress/demos/variants.tsx  |  14 -
 .../ui/default/core/progress/index.ts         |   1 -
 .../ui/default/core/progress/progress.tsx     | 232 ------
 .../default/core/radio-group/demos/cards.tsx  |  31 -
 .../core/radio-group/demos/composition.tsx    |  21 -
 .../radio-group/demos/contextual-help.tsx     |  21 -
 .../core/radio-group/demos/controlled.tsx     |  22 -
 .../core/radio-group/demos/default.tsx        |  11 -
 .../core/radio-group/demos/description.tsx    |  15 -
 .../core/radio-group/demos/disabled.tsx       |  20 -
 .../core/radio-group/demos/error-message.tsx  |  16 -
 .../default/core/radio-group/demos/label.tsx  |  18 -
 .../core/radio-group/demos/orientation.tsx    |  11 -
 .../core/radio-group/demos/read-only.tsx      |  11 -
 .../core/radio-group/demos/required.tsx       |  35 -
 .../core/radio-group/demos/uncontrolled.tsx   |  12 -
 .../ui/default/core/radio-group/index.ts      |   1 -
 .../default/core/radio-group/radio-group.tsx  | 146 ----
 .../core/range-calendar/demos/composition.tsx |  44 --
 .../core/range-calendar/demos/controlled.tsx  |  27 -
 .../core/range-calendar/demos/default.tsx     |   5 -
 .../core/range-calendar/demos/disabled.tsx    |   5 -
 .../range-calendar/demos/error-message.tsx    |  23 -
 .../core/range-calendar/demos/label.tsx       |   5 -
 .../demos/non-contiguous-ranges.tsx           |  32 -
 .../range-calendar/demos/page-behaviour.tsx   |   5 -
 .../core/range-calendar/demos/read-only.tsx   |  17 -
 .../range-calendar/demos/uncontrolled.tsx     |  17 -
 .../range-calendar/demos/unvailable-dates.tsx |  31 -
 .../core/range-calendar/demos/validation.tsx  |  13 -
 .../range-calendar/demos/visible-months.tsx   |   5 -
 .../ui/default/core/range-calendar/index.ts   |   1 -
 .../core/range-calendar/range-calendar.tsx    |  98 ---
 .../ui/default/core/resizable/index.ts        |   1 -
 .../ui/default/core/resizable/resizable.tsx   |  65 --
 .../core/scroll-area/demos/default.tsx        |  37 -
 .../core/scroll-area/demos/scrollbars.tsx     |  89 ---
 .../default/core/scroll-area/demos/sizes.tsx  |  44 --
 .../ui/default/core/scroll-area/index.ts      |   1 -
 .../default/core/scroll-area/scroll-area.tsx  | 144 ----
 .../core/search-field/demos/composition.tsx   |  17 -
 .../search-field/demos/contextual-help.tsx    |  17 -
 .../core/search-field/demos/controlled.tsx    |  18 -
 .../core/search-field/demos/default.tsx       |   6 -
 .../core/search-field/demos/description.tsx   |   6 -
 .../core/search-field/demos/disabled.tsx      |   7 -
 .../core/search-field/demos/error-message.tsx |  12 -
 .../default/core/search-field/demos/form.tsx  |   6 -
 .../default/core/search-field/demos/label.tsx |  10 -
 .../core/search-field/demos/loading.tsx       |  11 -
 .../search-field/demos/prefix-and-suffix.tsx  |  25 -
 .../core/search-field/demos/read-only.tsx     |   6 -
 .../core/search-field/demos/required.tsx      |  13 -
 .../default/core/search-field/demos/sizes.tsx |  11 -
 .../core/search-field/demos/uncontrolled.tsx  |   6 -
 .../ui/default/core/search-field/index.ts     |   1 -
 .../core/search-field/search-field.tsx        | 122 ----
 .../registry/ui/default/core/section/index.ts |   1 -
 .../ui/default/core/section/section.tsx       |  45 --
 .../core/select/demos/async-loading.tsx       |  28 -
 .../ui/default/core/select/demos/basic.tsx    |  14 -
 .../default/core/select/demos/composition.tsx |  27 -
 .../core/select/demos/contextual-help.tsx     |  23 -
 .../default/core/select/demos/controlled.tsx  |  23 -
 .../default/core/select/demos/description.tsx |  14 -
 .../ui/default/core/select/demos/disabled.tsx |  14 -
 .../ui/default/core/select/demos/label.tsx    |  14 -
 .../ui/default/core/select/demos/links.tsx    |  16 -
 .../ui/default/core/select/demos/loading.tsx  |  14 -
 .../default/core/select/demos/placeholder.tsx |  14 -
 .../ui/default/core/select/demos/required.tsx |  14 -
 .../ui/default/core/select/demos/sections.tsx |  32 -
 .../core/select/demos/uncontrolled.tsx        |  14 -
 .../default/core/select/demos/validation.tsx  |  18 -
 .../registry/ui/default/core/select/index.ts  |   1 -
 .../ui/default/core/select/select.tsx         | 109 ---
 .../ui/default/core/separator/demos/card.tsx  |  24 -
 .../core/separator/demos/orientation.tsx      |  18 -
 .../ui/default/core/separator/index.ts        |   1 -
 .../ui/default/core/separator/separator.tsx   |  33 -
 .../core/skeleton/demos/api-simulation.tsx    |  27 -
 .../ui/default/core/skeleton/demos/card.tsx   |  16 -
 .../default/core/skeleton/demos/children.tsx  |  10 -
 .../skeleton/demos/fixed-size-children.tsx    |  10 -
 .../ui/default/core/skeleton/demos/show.tsx   |  15 -
 .../ui/default/core/skeleton/index.ts         |   1 -
 .../ui/default/core/skeleton/skeleton.tsx     |  23 -
 .../slider/demos/advanced-composition.tsx     |  29 -
 .../default/core/slider/demos/composition.tsx |  19 -
 .../default/core/slider/demos/controlled.tsx  |  20 -
 .../ui/default/core/slider/demos/default.tsx  |   5 -
 .../default/core/slider/demos/description.tsx |  11 -
 .../ui/default/core/slider/demos/disabled.tsx |   5 -
 .../core/slider/demos/format-options.tsx      |  12 -
 .../ui/default/core/slider/demos/label.tsx    |  10 -
 .../ui/default/core/slider/demos/range.tsx    |  13 -
 .../ui/default/core/slider/demos/sizes.tsx    |  11 -
 .../ui/default/core/slider/demos/step.tsx     |   7 -
 .../core/slider/demos/uncontrolled.tsx        |   5 -
 .../default/core/slider/demos/value-label.tsx |  22 -
 .../default/core/slider/demos/value-scale.tsx |  13 -
 .../ui/default/core/slider/demos/vertical.tsx |   7 -
 .../registry/ui/default/core/slider/index.ts  |   1 -
 .../ui/default/core/slider/slider.tsx         | 231 ------
 .../default/core/switch/demos/controlled.tsx  |  19 -
 .../ui/default/core/switch/demos/default.tsx  |   6 -
 .../ui/default/core/switch/demos/disabled.tsx |  12 -
 .../ui/default/core/switch/demos/label.tsx    |  11 -
 .../ui/default/core/switch/demos/sizes.tsx    |  11 -
 .../core/switch/demos/uncontrolled.tsx        |   6 -
 .../registry/ui/default/core/switch/index.ts  |   1 -
 .../ui/default/core/switch/switch.tsx         |  75 --
 .../registry/ui/default/core/table/index.ts   |   1 -
 .../registry/ui/default/core/table/table.tsx  | 116 ---
 .../ui/default/core/tabs/demos/basic.tsx      |  16 -
 .../ui/default/core/tabs/demos/controlled.tsx |  29 -
 .../default/core/tabs/demos/disabled-item.tsx |  18 -
 .../ui/default/core/tabs/demos/disabled.tsx   |  16 -
 .../core/tabs/demos/keyboard-activation.tsx   |  16 -
 .../ui/default/core/tabs/demos/vertical.tsx   |  16 -
 .../registry/ui/default/core/tabs/index.ts    |   1 -
 .../registry/ui/default/core/tabs/tabs.tsx    |  93 ---
 .../ui/default/core/tag-group/tag-group.tsx   | 172 -----
 .../core/text-area/demos/composition.tsx      |  16 -
 .../core/text-area/demos/contextual-help.tsx  |  17 -
 .../core/text-area/demos/controlled.tsx       |  22 -
 .../default/core/text-area/demos/default.tsx  |   8 -
 .../core/text-area/demos/description.tsx      |   8 -
 .../default/core/text-area/demos/disabled.tsx |   5 -
 .../core/text-area/demos/error-message.tsx    |  14 -
 .../ui/default/core/text-area/demos/form.tsx  |   6 -
 .../ui/default/core/text-area/demos/label.tsx |  10 -
 .../default/core/text-area/demos/loading.tsx  |  11 -
 .../text-area/demos/prefix-and-suffix.tsx     |  60 --
 .../core/text-area/demos/read-only.tsx        |  10 -
 .../default/core/text-area/demos/required.tsx |  15 -
 .../core/text-area/demos/uncontrolled.tsx     |   8 -
 .../ui/default/core/text-area/index.ts        |   1 -
 .../ui/default/core/text-area/text-area.tsx   |  71 --
 .../core/text-field/demos/composition.tsx     |  16 -
 .../core/text-field/demos/contextual-help.tsx |  20 -
 .../core/text-field/demos/controlled.tsx      |  19 -
 .../default/core/text-field/demos/default.tsx |   6 -
 .../core/text-field/demos/description.tsx     |   8 -
 .../core/text-field/demos/disabled.tsx        |   5 -
 .../core/text-field/demos/error-message.tsx   |  15 -
 .../default/core/text-field/demos/label.tsx   |  10 -
 .../default/core/text-field/demos/loading.tsx |  13 -
 .../text-field/demos/prefix-and-suffix.tsx    |  39 -
 .../core/text-field/demos/read-only.tsx       |   8 -
 .../core/text-field/demos/required.tsx        |  15 -
 .../default/core/text-field/demos/sizes.tsx   |  11 -
 .../core/text-field/demos/uncontrolled.tsx    |   6 -
 .../ui/default/core/text-field/index.ts       |   1 -
 .../ui/default/core/text-field/text-field.tsx |  94 ---
 .../registry/ui/default/core/text/index.ts    |   1 -
 .../registry/ui/default/core/text/text.tsx    |  34 -
 .../core/time-field/demos/composition.tsx     |  19 -
 .../core/time-field/demos/contextual-help.tsx |  20 -
 .../core/time-field/demos/controlled.tsx      |  15 -
 .../default/core/time-field/demos/default.tsx |   5 -
 .../core/time-field/demos/description.tsx     |  13 -
 .../core/time-field/demos/disabled.tsx        |   5 -
 .../core/time-field/demos/error-message.tsx   |  14 -
 .../core/time-field/demos/granularity.tsx     |  13 -
 .../core/time-field/demos/hide-time-zone.tsx  |  13 -
 .../core/time-field/demos/hour-cycle.tsx      |   7 -
 .../default/core/time-field/demos/label.tsx   |  10 -
 .../default/core/time-field/demos/loading.tsx |  13 -
 .../core/time-field/demos/placeholder.tsx     |   8 -
 .../time-field/demos/prefix-and-suffix.tsx    |  11 -
 .../core/time-field/demos/read-only.tsx       |   9 -
 .../core/time-field/demos/required.tsx        |  15 -
 .../default/core/time-field/demos/sizes.tsx   |  11 -
 .../core/time-field/demos/time-zones.tsx      |  10 -
 .../core/time-field/demos/uncontrolled.tsx    |   8 -
 .../ui/default/core/time-field/index.ts       |   1 -
 .../ui/default/core/time-field/time-field.tsx |  90 ---
 .../core/toggle-button/demos/controlled.tsx   |  23 -
 .../core/toggle-button/demos/default.tsx      |  10 -
 .../core/toggle-button/demos/disabled.tsx     |  10 -
 .../core/toggle-button/demos/shapes.tsx       |  24 -
 .../core/toggle-button/demos/sizes.tsx        |  21 -
 .../core/toggle-button/demos/uncontrolled.tsx |  10 -
 .../core/toggle-button/demos/variants.tsx     |  21 -
 .../ui/default/core/toggle-button/index.ts    |   1 -
 .../core/toggle-button/toggle-button.tsx      | 111 ---
 .../ui/default/core/toggle-group/index.ts     |   1 -
 .../core/toggle-group/toggle-group.tsx        | 273 -------
 .../ui/default/core/tooltip/demos/arrow.tsx   |  13 -
 .../core/tooltip/demos/composition.tsx        |  16 -
 .../core/tooltip/demos/container-padding.tsx  |  26 -
 .../ui/default/core/tooltip/demos/default.tsx |  13 -
 .../ui/default/core/tooltip/demos/delay.tsx   |  33 -
 .../ui/default/core/tooltip/demos/flip.tsx    |  26 -
 .../ui/default/core/tooltip/demos/offset.tsx  |  26 -
 .../default/core/tooltip/demos/placement.tsx  |  31 -
 .../default/core/tooltip/demos/with-arrow.tsx |  13 -
 .../registry/ui/default/core/tooltip/index.ts |   1 -
 .../ui/default/core/tooltip/tooltip.tsx       | 102 ---
 www/src/registry/ui/default/lib/cn.ts         |   6 -
 .../registry/ui/default/lib/focus-styles.ts   |  13 -
 548 files changed, 14371 deletions(-)
 delete mode 100644 www/src/registry/hooks/use-battery.ts
 delete mode 100644 www/src/registry/hooks/use-counter.ts
 delete mode 100644 www/src/registry/hooks/use-debounce.ts
 delete mode 100644 www/src/registry/hooks/use-in-view.ts
 delete mode 100644 www/src/registry/hooks/use-intersection-observer.ts
 delete mode 100644 www/src/registry/hooks/use-is-client.ts
 delete mode 100644 www/src/registry/hooks/use-list.ts
 delete mode 100644 www/src/registry/hooks/use-local-storage.ts
 delete mode 100644 www/src/registry/hooks/use-mouse.ts
 delete mode 100644 www/src/registry/hooks/use-network-state.ts
 delete mode 100644 www/src/registry/hooks/use-orientation.ts
 delete mode 100644 www/src/registry/hooks/use-previous.ts
 delete mode 100644 www/src/registry/hooks/use-scrolled.ts
 delete mode 100644 www/src/registry/hooks/use-window-size.ts
 delete mode 100644 www/src/registry/ui/default/core/alert/alert.tsx
 delete mode 100644 www/src/registry/ui/default/core/alert/demos/action.tsx
 delete mode 100644 www/src/registry/ui/default/core/alert/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/alert/demos/content.tsx
 delete mode 100644 www/src/registry/ui/default/core/alert/demos/custom-icon.tsx
 delete mode 100644 www/src/registry/ui/default/core/alert/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/alert/demos/title.tsx
 delete mode 100644 www/src/registry/ui/default/core/alert/demos/variants.tsx
 delete mode 100644 www/src/registry/ui/default/core/alert/index.tsx
 delete mode 100644 www/src/registry/ui/default/core/aspect-ratio/aspect-ratio.tsx
 delete mode 100644 www/src/registry/ui/default/core/aspect-ratio/demos/as-child.tsx
 delete mode 100644 www/src/registry/ui/default/core/aspect-ratio/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/aspect-ratio/index.tsx
 delete mode 100644 www/src/registry/ui/default/core/avatar/avatar.tsx
 delete mode 100644 www/src/registry/ui/default/core/avatar/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/avatar/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/avatar/demos/shape.tsx
 delete mode 100644 www/src/registry/ui/default/core/avatar/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/avatar/index.tsx
 delete mode 100644 www/src/registry/ui/default/core/badge/badge.tsx
 delete mode 100644 www/src/registry/ui/default/core/badge/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/badge/demos/icon.tsx
 delete mode 100644 www/src/registry/ui/default/core/badge/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/badge/demos/variants.tsx
 delete mode 100644 www/src/registry/ui/default/core/badge/index.tsx
 delete mode 100644 www/src/registry/ui/default/core/breadcrumbs/breadcrumbs.tsx
 delete mode 100644 www/src/registry/ui/default/core/breadcrumbs/demos/basic.tsx
 delete mode 100644 www/src/registry/ui/default/core/breadcrumbs/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/breadcrumbs/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/breadcrumbs/demos/icon.tsx
 delete mode 100644 www/src/registry/ui/default/core/breadcrumbs/demos/router-integration.tsx
 delete mode 100644 www/src/registry/ui/default/core/breadcrumbs/index.tsx
 delete mode 100644 www/src/registry/ui/default/core/button/button.tsx
 delete mode 100644 www/src/registry/ui/default/core/button/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/button/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/button/demos/link-button.tsx
 delete mode 100644 www/src/registry/ui/default/core/button/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/button/demos/prefix-and-suffix.tsx
 delete mode 100644 www/src/registry/ui/default/core/button/demos/shapes.tsx
 delete mode 100644 www/src/registry/ui/default/core/button/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/button/demos/variants.tsx
 delete mode 100644 www/src/registry/ui/default/core/button/index.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/calendar.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/page-behaviour.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/unvailable-dates.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/validation.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/demos/visible-months.tsx
 delete mode 100644 www/src/registry/ui/default/core/calendar/index.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/checkbox-group.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/cards.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox-group/index.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox/checkbox.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox/demos/card.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox/demos/indeterminate.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/checkbox/index.tsx
 delete mode 100644 www/src/registry/ui/default/core/collapsible/collapsible.tsx
 delete mode 100644 www/src/registry/ui/default/core/collapsible/index.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-area/color-area.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-area/demos/channels.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-area/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-area/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-area/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-area/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-area/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-area/index.ts
 delete mode 100644 www/src/registry/ui/default/core/color-field/color-field.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/form.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/prefix-and-suffix.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-field/index.ts
 delete mode 100644 www/src/registry/ui/default/core/color-picker/color-picker.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-picker/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-picker/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-picker/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-picker/demos/options.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-picker/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-picker/index.ts
 delete mode 100644 www/src/registry/ui/default/core/color-slider/color-slider.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-slider/demos/channel.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-slider/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-slider/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-slider/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-slider/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-slider/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-slider/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-slider/demos/vertical.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-slider/index.ts
 delete mode 100644 www/src/registry/ui/default/core/color-swatch/color-swatch.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-swatch/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-swatch/index.ts
 delete mode 100644 www/src/registry/ui/default/core/color-thumb/color-thumb.tsx
 delete mode 100644 www/src/registry/ui/default/core/color-thumb/index.ts
 delete mode 100644 www/src/registry/ui/default/core/combobox/combobox.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/async-loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/basic.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/custom-value.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/sections.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/demos/validation.tsx
 delete mode 100644 www/src/registry/ui/default/core/combobox/index.ts
 delete mode 100644 www/src/registry/ui/default/core/command/command.tsx
 delete mode 100644 www/src/registry/ui/default/core/command/index.ts
 delete mode 100644 www/src/registry/ui/default/core/contextual-help/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/contextual-help/index.ts
 delete mode 100644 www/src/registry/ui/default/core/date-field/date-field.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/granularity.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/hide-time-zone.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/hour-cycle.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/placeholder.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/prefix-and-suffix.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/time-zones.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-field/index.ts
 delete mode 100644 www/src/registry/ui/default/core/date-input/date-input.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-input/index.ts
 delete mode 100644 www/src/registry/ui/default/core/date-picker/date-picker.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/granularity.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/hide-time-zone.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/hour-cycle.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/placeholder.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/prefix.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/time-zones.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-picker/index.ts
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/date-range-picker.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/granularity.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/hide-time-zone.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/hour-cycle.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/placeholder.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/prefix.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/time-zones.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/date-range-picker/index.ts
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/alert-dialog.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/async-form-submission.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/basic.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/dismiss-button.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/dismissable.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/drawer.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/inset-content.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/nested.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/popover.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/title.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/demos/types.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/dialog.tsx
 delete mode 100644 www/src/registry/ui/default/core/dialog/index.ts
 delete mode 100644 www/src/registry/ui/default/core/drop-zone/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/drop-zone/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/drop-zone/demos/file-trigger.tsx
 delete mode 100644 www/src/registry/ui/default/core/drop-zone/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/drop-zone/drop-zone.tsx
 delete mode 100644 www/src/registry/ui/default/core/drop-zone/index.ts
 delete mode 100644 www/src/registry/ui/default/core/field/field.tsx
 delete mode 100644 www/src/registry/ui/default/core/field/index.ts
 delete mode 100644 www/src/registry/ui/default/core/file-trigger/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/file-trigger/demos/directory-selection.tsx
 delete mode 100644 www/src/registry/ui/default/core/file-trigger/demos/file-types.tsx
 delete mode 100644 www/src/registry/ui/default/core/file-trigger/demos/media-capture.tsx
 delete mode 100644 www/src/registry/ui/default/core/file-trigger/demos/multiple-files.tsx
 delete mode 100644 www/src/registry/ui/default/core/file-trigger/file-trigger.tsx
 delete mode 100644 www/src/registry/ui/default/core/file-trigger/index.ts
 delete mode 100644 www/src/registry/ui/default/core/form/form.tsx
 delete mode 100644 www/src/registry/ui/default/core/form/index.ts
 delete mode 100644 www/src/registry/ui/default/core/group/group.tsx
 delete mode 100644 www/src/registry/ui/default/core/group/index.ts
 delete mode 100644 www/src/registry/ui/default/core/heading/heading.tsx
 delete mode 100644 www/src/registry/ui/default/core/heading/index.ts
 delete mode 100644 www/src/registry/ui/default/core/input/index.ts
 delete mode 100644 www/src/registry/ui/default/core/input/input.tsx
 delete mode 100644 www/src/registry/ui/default/core/kbd/index.ts
 delete mode 100644 www/src/registry/ui/default/core/kbd/kbd.tsx
 delete mode 100644 www/src/registry/ui/default/core/link/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/link/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/link/demos/icon.tsx
 delete mode 100644 www/src/registry/ui/default/core/link/demos/variants.tsx
 delete mode 100644 www/src/registry/ui/default/core/link/index.ts
 delete mode 100644 www/src/registry/ui/default/core/link/link.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/async-loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/basic.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/contact-list.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/disabled-items.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/empty-state.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/grid.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/horizontal.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/image-grid.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/item-variant.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/label-and-description.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/links.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/prefix-and-suffix.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/sections.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/selection-behavior.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/selection-mode.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/separator.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/list-box/index.ts
 delete mode 100644 www/src/registry/ui/default/core/list-box/list-box.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/basic.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/disabled-items.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/item-variant.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/label-and-description.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/link-items.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/long-press.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/multiple-selection.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/overlay-type.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/placement.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/prefix-and-suffix.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/section.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/separator.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/shortcut.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/single-selection.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/demos/submenus.tsx
 delete mode 100644 www/src/registry/ui/default/core/menu/index.ts
 delete mode 100644 www/src/registry/ui/default/core/menu/menu.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/format-options.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/number-field/index.ts
 delete mode 100644 www/src/registry/ui/default/core/number-field/number-field.tsx
 delete mode 100644 www/src/registry/ui/default/core/overlay/index.ts
 delete mode 100644 www/src/registry/ui/default/core/overlay/overlay.tsx
 delete mode 100644 www/src/registry/ui/default/core/overlay/use-motion-drawer.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/custom-color.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/custom-value-label.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/duration.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/format-options.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/indeterminate.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/min-max-values.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/shape.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/toolbar.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/value-label.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/demos/variants.tsx
 delete mode 100644 www/src/registry/ui/default/core/progress/index.ts
 delete mode 100644 www/src/registry/ui/default/core/progress/progress.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/cards.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/orientation.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/radio-group/index.ts
 delete mode 100644 www/src/registry/ui/default/core/radio-group/radio-group.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/non-contiguous-ranges.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/page-behaviour.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/unvailable-dates.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/validation.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/demos/visible-months.tsx
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/index.ts
 delete mode 100644 www/src/registry/ui/default/core/range-calendar/range-calendar.tsx
 delete mode 100644 www/src/registry/ui/default/core/resizable/index.ts
 delete mode 100644 www/src/registry/ui/default/core/resizable/resizable.tsx
 delete mode 100644 www/src/registry/ui/default/core/scroll-area/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/scroll-area/demos/scrollbars.tsx
 delete mode 100644 www/src/registry/ui/default/core/scroll-area/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/scroll-area/index.ts
 delete mode 100644 www/src/registry/ui/default/core/scroll-area/scroll-area.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/form.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/prefix-and-suffix.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/search-field/index.ts
 delete mode 100644 www/src/registry/ui/default/core/search-field/search-field.tsx
 delete mode 100644 www/src/registry/ui/default/core/section/index.ts
 delete mode 100644 www/src/registry/ui/default/core/section/section.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/async-loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/basic.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/links.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/placeholder.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/sections.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/demos/validation.tsx
 delete mode 100644 www/src/registry/ui/default/core/select/index.ts
 delete mode 100644 www/src/registry/ui/default/core/select/select.tsx
 delete mode 100644 www/src/registry/ui/default/core/separator/demos/card.tsx
 delete mode 100644 www/src/registry/ui/default/core/separator/demos/orientation.tsx
 delete mode 100644 www/src/registry/ui/default/core/separator/index.ts
 delete mode 100644 www/src/registry/ui/default/core/separator/separator.tsx
 delete mode 100644 www/src/registry/ui/default/core/skeleton/demos/api-simulation.tsx
 delete mode 100644 www/src/registry/ui/default/core/skeleton/demos/card.tsx
 delete mode 100644 www/src/registry/ui/default/core/skeleton/demos/children.tsx
 delete mode 100644 www/src/registry/ui/default/core/skeleton/demos/fixed-size-children.tsx
 delete mode 100644 www/src/registry/ui/default/core/skeleton/demos/show.tsx
 delete mode 100644 www/src/registry/ui/default/core/skeleton/index.ts
 delete mode 100644 www/src/registry/ui/default/core/skeleton/skeleton.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/advanced-composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/format-options.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/range.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/step.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/value-label.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/value-scale.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/demos/vertical.tsx
 delete mode 100644 www/src/registry/ui/default/core/slider/index.ts
 delete mode 100644 www/src/registry/ui/default/core/slider/slider.tsx
 delete mode 100644 www/src/registry/ui/default/core/switch/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/switch/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/switch/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/switch/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/switch/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/switch/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/switch/index.ts
 delete mode 100644 www/src/registry/ui/default/core/switch/switch.tsx
 delete mode 100644 www/src/registry/ui/default/core/table/index.ts
 delete mode 100644 www/src/registry/ui/default/core/table/table.tsx
 delete mode 100644 www/src/registry/ui/default/core/tabs/demos/basic.tsx
 delete mode 100644 www/src/registry/ui/default/core/tabs/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/tabs/demos/disabled-item.tsx
 delete mode 100644 www/src/registry/ui/default/core/tabs/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/tabs/demos/keyboard-activation.tsx
 delete mode 100644 www/src/registry/ui/default/core/tabs/demos/vertical.tsx
 delete mode 100644 www/src/registry/ui/default/core/tabs/index.ts
 delete mode 100644 www/src/registry/ui/default/core/tabs/tabs.tsx
 delete mode 100644 www/src/registry/ui/default/core/tag-group/tag-group.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/form.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/prefix-and-suffix.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-area/index.ts
 delete mode 100644 www/src/registry/ui/default/core/text-area/text-area.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/prefix-and-suffix.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/text-field/index.ts
 delete mode 100644 www/src/registry/ui/default/core/text-field/text-field.tsx
 delete mode 100644 www/src/registry/ui/default/core/text/index.ts
 delete mode 100644 www/src/registry/ui/default/core/text/text.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/contextual-help.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/description.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/error-message.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/granularity.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/hide-time-zone.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/hour-cycle.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/label.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/loading.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/placeholder.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/prefix-and-suffix.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/read-only.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/required.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/time-zones.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/time-field/index.ts
 delete mode 100644 www/src/registry/ui/default/core/time-field/time-field.tsx
 delete mode 100644 www/src/registry/ui/default/core/toggle-button/demos/controlled.tsx
 delete mode 100644 www/src/registry/ui/default/core/toggle-button/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/toggle-button/demos/disabled.tsx
 delete mode 100644 www/src/registry/ui/default/core/toggle-button/demos/shapes.tsx
 delete mode 100644 www/src/registry/ui/default/core/toggle-button/demos/sizes.tsx
 delete mode 100644 www/src/registry/ui/default/core/toggle-button/demos/uncontrolled.tsx
 delete mode 100644 www/src/registry/ui/default/core/toggle-button/demos/variants.tsx
 delete mode 100644 www/src/registry/ui/default/core/toggle-button/index.ts
 delete mode 100644 www/src/registry/ui/default/core/toggle-button/toggle-button.tsx
 delete mode 100644 www/src/registry/ui/default/core/toggle-group/index.ts
 delete mode 100644 www/src/registry/ui/default/core/toggle-group/toggle-group.tsx
 delete mode 100644 www/src/registry/ui/default/core/tooltip/demos/arrow.tsx
 delete mode 100644 www/src/registry/ui/default/core/tooltip/demos/composition.tsx
 delete mode 100644 www/src/registry/ui/default/core/tooltip/demos/container-padding.tsx
 delete mode 100644 www/src/registry/ui/default/core/tooltip/demos/default.tsx
 delete mode 100644 www/src/registry/ui/default/core/tooltip/demos/delay.tsx
 delete mode 100644 www/src/registry/ui/default/core/tooltip/demos/flip.tsx
 delete mode 100644 www/src/registry/ui/default/core/tooltip/demos/offset.tsx
 delete mode 100644 www/src/registry/ui/default/core/tooltip/demos/placement.tsx
 delete mode 100644 www/src/registry/ui/default/core/tooltip/demos/with-arrow.tsx
 delete mode 100644 www/src/registry/ui/default/core/tooltip/index.ts
 delete mode 100644 www/src/registry/ui/default/core/tooltip/tooltip.tsx
 delete mode 100644 www/src/registry/ui/default/lib/cn.ts
 delete mode 100644 www/src/registry/ui/default/lib/focus-styles.ts

diff --git a/www/src/registry/hooks/use-battery.ts b/www/src/registry/hooks/use-battery.ts
deleted file mode 100644
index 358c687dd..000000000
--- a/www/src/registry/hooks/use-battery.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from "react";
-
-interface BatteryManager extends EventTarget {
-  charging: boolean;
-  chargingTime: number;
-  dischargingTime: number;
-  level: number;
-}
-
-type NavigatorWithBattery = Navigator & {
-  getBattery: () => Promise<BatteryManager>;
-};
-
-export function useBattery() {
-  const [state, setState] = React.useState<{
-    isSupported: boolean;
-    isLoading: boolean;
-    isCharging: boolean;
-    level: number;
-    chargingTime: number;
-    dischargingTime: number;
-  }>({
-    isSupported: false,
-    isLoading: true,
-    isCharging: false,
-    level: 1,
-    chargingTime: 0,
-    dischargingTime: 0,
-  });
-
-  React.useEffect(() => {
-    if (!(navigator as NavigatorWithBattery).getBattery) {
-      setState((s) => ({
-        ...s,
-        isSupported: false,
-        isLoading: false,
-      }));
-      return;
-    }
-
-    let battery: BatteryManager | null;
-
-    const handleChange = () => {
-      if (!battery) return;
-      setState({
-        isSupported: true,
-        isLoading: false,
-        level: battery.level,
-        isCharging: battery.charging,
-        chargingTime: battery.chargingTime,
-        dischargingTime: battery.dischargingTime,
-      });
-    };
-
-    void (navigator as NavigatorWithBattery).getBattery().then((b) => {
-      battery = b;
-      handleChange();
-
-      b.addEventListener("levelchange", handleChange);
-      b.addEventListener("chargingchange", handleChange);
-      b.addEventListener("chargingtimechange", handleChange);
-      b.addEventListener("dischargingtimechange", handleChange);
-    });
-
-    return () => {
-      if (battery) {
-        battery.removeEventListener("levelchange", handleChange);
-        battery.removeEventListener("chargingchange", handleChange);
-        battery.removeEventListener("chargingtimechange", handleChange);
-        battery.removeEventListener("dischargingtimechange", handleChange);
-      }
-    };
-  }, []);
-
-  return state;
-}
diff --git a/www/src/registry/hooks/use-counter.ts b/www/src/registry/hooks/use-counter.ts
deleted file mode 100644
index d32469f37..000000000
--- a/www/src/registry/hooks/use-counter.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from "react";
-
-export function useCounter(
-  startingValue = 0,
-  options: { min?: number; max?: number } = {}
-): [
-  number,
-  {
-    increment: () => void;
-    decrement: () => void;
-    set: (nextCount: number) => void;
-    reset: () => void;
-  },
-] {
-  const { min, max } = options;
-
-  if (typeof min === "number" && startingValue < min) {
-    throw new Error(
-      `Your starting value of ${startingValue} is less than your min of ${min}.`
-    );
-  }
-
-  if (typeof max === "number" && startingValue > max) {
-    throw new Error(
-      `Your starting value of ${startingValue} is greater than your max of ${max}.`
-    );
-  }
-
-  const [count, setCount] = React.useState(startingValue);
-
-  const increment = React.useCallback(() => {
-    setCount((c) => {
-      const nextCount = c + 1;
-
-      if (typeof max === "number" && nextCount > max) {
-        return c;
-      }
-
-      return nextCount;
-    });
-  }, [max]);
-
-  const decrement = React.useCallback(() => {
-    setCount((c) => {
-      const nextCount = c - 1;
-
-      if (typeof min === "number" && nextCount < min) {
-        return c;
-      }
-
-      return nextCount;
-    });
-  }, [min]);
-
-  const set = React.useCallback(
-    (nextCount: number) => {
-      setCount((c) => {
-        if (typeof max === "number" && nextCount > max) {
-          return c;
-        }
-
-        if (typeof min === "number" && nextCount < min) {
-          return c;
-        }
-
-        return nextCount;
-      });
-    },
-    [max, min]
-  );
-
-  const reset = React.useCallback(() => {
-    setCount(startingValue);
-  }, [startingValue]);
-
-  return [
-    count,
-    {
-      increment,
-      decrement,
-      set,
-      reset,
-    },
-  ];
-}
diff --git a/www/src/registry/hooks/use-debounce.ts b/www/src/registry/hooks/use-debounce.ts
deleted file mode 100644
index ce3a701a7..000000000
--- a/www/src/registry/hooks/use-debounce.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-
-export function useDebounce<T>(value: T, delay: number): T {
-  const [debouncedValue, setDebouncedValue] = React.useState(value);
-
-  React.useEffect(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-
-  return debouncedValue;
-}
diff --git a/www/src/registry/hooks/use-in-view.ts b/www/src/registry/hooks/use-in-view.ts
deleted file mode 100644
index af25627d4..000000000
--- a/www/src/registry/hooks/use-in-view.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const useInView = () => {
-  return;
-};
diff --git a/www/src/registry/hooks/use-intersection-observer.ts b/www/src/registry/hooks/use-intersection-observer.ts
deleted file mode 100644
index 93bc6ffa9..000000000
--- a/www/src/registry/hooks/use-intersection-observer.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from "react";
-
-export const useIntersectionObserver = <T extends Element>(
-  options: IntersectionObserverInit = {}
-): [React.RefCallback<T>, IntersectionObserverEntry | null] => {
-  const { threshold = 1, root = null, rootMargin = "0px" } = options;
-  const [entry, setEntry] = React.useState<IntersectionObserverEntry | null>(
-    null
-  );
-
-  const previousObserver = React.useRef<IntersectionObserver | null>(null);
-
-  const customRef = React.useCallback(
-    (node: Element | null) => {
-      if (previousObserver.current) {
-        previousObserver.current.disconnect();
-        previousObserver.current = null;
-      }
-
-      if (node?.nodeType === Node.ELEMENT_NODE) {
-        const observer = new IntersectionObserver(
-          ([entry]) => {
-            setEntry(entry);
-          },
-          { threshold, root, rootMargin }
-        );
-
-        observer.observe(node);
-        previousObserver.current = observer;
-      }
-    },
-    [threshold, root, rootMargin]
-  );
-
-  return [customRef, entry];
-};
diff --git a/www/src/registry/hooks/use-is-client.ts b/www/src/registry/hooks/use-is-client.ts
deleted file mode 100644
index a06d72139..000000000
--- a/www/src/registry/hooks/use-is-client.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-
-export function useIsClient() {
-  const [isClient, setIsClient] = React.useState(false);
-
-  React.useEffect(() => {
-    setIsClient(true);
-  }, []);
-
-  return isClient;
-}
diff --git a/www/src/registry/hooks/use-list.ts b/www/src/registry/hooks/use-list.ts
deleted file mode 100644
index 2fc24edb6..000000000
--- a/www/src/registry/hooks/use-list.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from "react";
-
-type CustomList<T> = {
-  set: (l: T[]) => void;
-  push: (element: T) => void;
-  removeAt: (index: number) => void;
-  insertAt: (index: number, element: T) => void;
-  updateAt: (index: number, element: T) => void;
-  clear: () => void;
-};
-
-export function useList<T>(defaultList: T[] = []): [T[], CustomList<T>] {
-  const [list, setList] = React.useState<T[]>(defaultList);
-
-  const set = React.useCallback((l: T[]) => {
-    setList(l);
-  }, []);
-
-  const push = React.useCallback((element: T) => {
-    setList((l) => [...l, element]);
-  }, []);
-
-  const removeAt = React.useCallback((index: number) => {
-    setList((l) => [...l.slice(0, index), ...l.slice(index + 1)]);
-  }, []);
-
-  const insertAt = React.useCallback((index: number, element: T) => {
-    setList((l) => [...l.slice(0, index), element, ...l.slice(index)]);
-  }, []);
-
-  const updateAt = React.useCallback((index: number, element: T) => {
-    setList((l) => l.map((e, i) => (i === index ? element : e)));
-  }, []);
-
-  const clear = React.useCallback(() => setList([]), []);
-
-  return [list, { set, push, removeAt, insertAt, updateAt, clear }];
-}
diff --git a/www/src/registry/hooks/use-local-storage.ts b/www/src/registry/hooks/use-local-storage.ts
deleted file mode 100644
index 240173873..000000000
--- a/www/src/registry/hooks/use-local-storage.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from "react";
-
-function dispatchStorageEvent(key: string, newValue: string | null) {
-  window.dispatchEvent(new StorageEvent("storage", { key, newValue }));
-}
-
-const setLocalStorageItem = <T>(key: string, value: T) => {
-  const stringifiedValue = JSON.stringify(value);
-  window.localStorage.setItem(key, stringifiedValue);
-  dispatchStorageEvent(key, stringifiedValue);
-};
-
-const removeLocalStorageItem = (key: string) => {
-  window.localStorage.removeItem(key);
-  dispatchStorageEvent(key, null);
-};
-
-const getLocalStorageItem = (key: string) => {
-  return window.localStorage.getItem(key);
-};
-
-const useLocalStorageSubscribe = (callback: (event: StorageEvent) => void) => {
-  window.addEventListener("storage", callback);
-  return () => window.removeEventListener("storage", callback);
-};
-
-const getLocalStorageServerSnapshot = () => {
-  throw Error("useLocalStorage is a client-only hook");
-};
-
-export function useLocalStorage<T>(
-  key: string,
-  initialValue: T
-): [T, React.Dispatch<React.SetStateAction<T>>] {
-  const getSnapshot = () => getLocalStorageItem(key);
-
-  const store = React.useSyncExternalStore(
-    useLocalStorageSubscribe,
-    getSnapshot,
-    getLocalStorageServerSnapshot
-  );
-
-  const setState: React.Dispatch<React.SetStateAction<T>> = React.useCallback(
-    (v: T | ((prevState: T) => T)) => {
-      try {
-        const nextState =
-          typeof v === "function"
-            ? (v as (prevState: T) => T)(JSON.parse(store!) as T)
-            : v;
-
-        if (nextState === undefined || nextState === null) {
-          removeLocalStorageItem(key);
-        } else {
-          setLocalStorageItem(key, nextState);
-        }
-      } catch (e) {
-        console.warn(e);
-      }
-    },
-    [key, store]
-  );
-
-  React.useEffect(() => {
-    if (
-      getLocalStorageItem(key) === null &&
-      typeof initialValue !== "undefined"
-    ) {
-      setLocalStorageItem(key, initialValue);
-    }
-  }, [key, initialValue]);
-
-  return [store ? (JSON.parse(store) as T) : initialValue, setState];
-}
diff --git a/www/src/registry/hooks/use-mouse.ts b/www/src/registry/hooks/use-mouse.ts
deleted file mode 100644
index 14bf5943a..000000000
--- a/www/src/registry/hooks/use-mouse.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import React from "react";
-
-type MousePosition = {
-  x: number;
-  y: number;
-  elementX: number;
-  elementY: number;
-  elementPositionX: number;
-  elementPositionY: number;
-};
-
-export function useMouse<T extends Element>(): [
-  MousePosition,
-  React.MutableRefObject<T | null>,
-] {
-  const [state, setState] = React.useState<MousePosition>({
-    x: 0,
-    y: 0,
-    elementX: 0,
-    elementY: 0,
-    elementPositionX: 0,
-    elementPositionY: 0,
-  });
-
-  const ref = React.useRef<T | null>(null);
-
-  React.useLayoutEffect(() => {
-    const handleMouseMove = (event: MouseEvent) => {
-      const newState: Partial<MousePosition> = {
-        x: event.pageX,
-        y: event.pageY,
-      };
-
-      if (ref.current?.nodeType === Node.ELEMENT_NODE) {
-        const { left, top } = (ref.current as Element).getBoundingClientRect();
-        const elementPositionX = left + window.scrollX;
-        const elementPositionY = top + window.scrollY;
-        const elementX = event.pageX - elementPositionX;
-        const elementY = event.pageY - elementPositionY;
-
-        newState.elementX = elementX;
-        newState.elementY = elementY;
-        newState.elementPositionX = elementPositionX;
-        newState.elementPositionY = elementPositionY;
-      }
-
-      setState((s) => {
-        return {
-          ...s,
-          ...newState,
-        };
-      });
-    };
-
-    document.addEventListener("mousemove", handleMouseMove);
-
-    return () => {
-      document.removeEventListener("mousemove", handleMouseMove);
-    };
-  }, []);
-
-  return [state, ref];
-}
diff --git a/www/src/registry/hooks/use-network-state.ts b/www/src/registry/hooks/use-network-state.ts
deleted file mode 100644
index 7cf2aaa11..000000000
--- a/www/src/registry/hooks/use-network-state.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-// import React from "react";
-
-// type NetworkState = {
-//   online: boolean;
-//   downlink: number | null;
-//   downlinkMax: number | null;
-//   effectiveType: string | null;
-//   rtt: number | null;
-//   saveData: boolean | null;
-//   type: string | null;
-// };
-
-// function isShallowEqual(object1: any, object2: any) {
-//   const keys1 = Object.keys(object1);
-//   const keys2 = Object.keys(object2);
-
-//   if (keys1.length !== keys2.length) {
-//     return false;
-//   }
-
-//   for (let key of keys1) {
-//     if (object1[key] !== object2[key]) {
-//       return false;
-//     }
-//   }
-
-//   return true;
-// }
-
-// const getConnection = () => {
-//   return navigator?.connection || navigator?.mozConnection || navigator?.webkitConnection;
-// };
-
-// const useNetworkStateSubscribe = (callback: () => void) => {
-//   window.addEventListener("online", callback, { passive: true });
-//   window.addEventListener("offline", callback, { passive: true });
-
-//   const connection = getConnection();
-
-//   if (connection) {
-//     connection.addEventListener("change", callback, { passive: true });
-//   }
-
-//   return () => {
-//     window.removeEventListener("online", callback);
-//     window.removeEventListener("offline", callback);
-
-//     if (connection) {
-//       connection.removeEventListener("change", callback);
-//     }
-//   };
-// };
-
-// const getNetworkStateServerSnapshot = () => {
-//   throw Error("useNetworkState is a client-only hook");
-// };
-
-export function useNetworkState() {
-  // const cache = React.useRef({});
-  // const getSnapshot = (): NetworkState => {
-  //   const online = navigator.onLine;
-  //   const connection = getConnection();
-  //   const nextState = {
-  //     online,
-  //     downlink: connection?.downlink,
-  //     downlinkMax: connection?.downlinkMax,
-  //     effectiveType: connection?.effectiveType,
-  //     rtt: connection?.rtt,
-  //     saveData: connection?.saveData,
-  //     type: connection?.type,
-  //   };
-  //   if (isShallowEqual(cache.current, nextState)) {
-  //     return cache.current;
-  //   } else {
-  //     cache.current = nextState;
-  //     return nextState;
-  //   }
-  // };
-  // return React.useSyncExternalStore<NetworkState>(
-  //   useNetworkStateSubscribe,
-  //   getSnapshot,
-  //   getNetworkStateServerSnapshot
-  // );
-}
diff --git a/www/src/registry/hooks/use-orientation.ts b/www/src/registry/hooks/use-orientation.ts
deleted file mode 100644
index 519d86989..000000000
--- a/www/src/registry/hooks/use-orientation.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from "react";
-
-export function useOrientation() {
-  const [orientation, setOrientation] = React.useState({
-    angle: 0,
-    type: "landscape-primary",
-  });
-
-  React.useLayoutEffect(() => {
-    const handleChange = () => {
-      const { angle, type } = window.screen.orientation;
-      setOrientation({
-        angle,
-        type,
-      });
-    };
-
-    const handleOrientationChange = () => {
-      setOrientation({
-        type: "UNKNOWN",
-        angle: window.orientation,
-      });
-    };
-
-    if (window.screen?.orientation) {
-      handleChange();
-      window.screen.orientation.addEventListener("change", handleChange);
-    } else {
-      handleOrientationChange();
-      window.addEventListener("orientationchange", handleOrientationChange);
-    }
-
-    return () => {
-      if (window.screen?.orientation) {
-        window.screen.orientation.removeEventListener("change", handleChange);
-      } else {
-        window.removeEventListener(
-          "orientationchange",
-          handleOrientationChange
-        );
-      }
-    };
-  }, []);
-
-  return orientation;
-}
diff --git a/www/src/registry/hooks/use-previous.ts b/www/src/registry/hooks/use-previous.ts
deleted file mode 100644
index 7e6e176a2..000000000
--- a/www/src/registry/hooks/use-previous.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-
-export function usePrevious<T>(value: T) {
-  const [current, setCurrent] = React.useState(value);
-  const [previous, setPrevious] = React.useState<T | null>(null);
-
-  if (value !== current) {
-    setPrevious(current);
-    setCurrent(value);
-  }
-
-  return previous;
-}
diff --git a/www/src/registry/hooks/use-scrolled.ts b/www/src/registry/hooks/use-scrolled.ts
deleted file mode 100644
index 31167e7f3..000000000
--- a/www/src/registry/hooks/use-scrolled.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from "react";
-
-export const useScrolled = ({ threshold = 0, initial = false }) => {
-  const [scrolled, setScrolled] = React.useState(initial);
-  const [mounted, setMounted] = React.useState(false);
-
-  React.useEffect(() => {
-    // Function to handle scroll events
-    setMounted(true);
-    setScrolled(window.scrollY > threshold);
-    function handleScroll() {
-      // Check if the user has scrolled beyond the top of the page (scrollY > 0)
-      setScrolled(window.scrollY > threshold);
-    }
-    // setScrolled(window.scrollY > threshold)
-    // Add the scroll event listener
-    window.addEventListener("scroll", handleScroll);
-
-    // Clean up the event listener when the component unmounts
-    return () => {
-      window.removeEventListener("scroll", handleScroll);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // Empty dependency array, so this effect runs only once
-
-  return { scrolled, mounted };
-};
diff --git a/www/src/registry/hooks/use-window-size.ts b/www/src/registry/hooks/use-window-size.ts
deleted file mode 100644
index ac33ff4d8..000000000
--- a/www/src/registry/hooks/use-window-size.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from "react";
-
-export function useWindowSize() {
-  const [size, setSize] = React.useState<{
-    width: number | null;
-    height: number | null;
-  }>({
-    width: null,
-    height: null,
-  });
-
-  React.useLayoutEffect(() => {
-    const handleResize = () => {
-      setSize({
-        width: window.innerWidth,
-        height: window.innerHeight,
-      });
-    };
-
-    handleResize();
-    window.addEventListener("resize", handleResize);
-
-    return () => {
-      window.removeEventListener("resize", handleResize);
-    };
-  }, []);
-
-  return size;
-}
diff --git a/www/src/registry/ui/default/core/alert/alert.tsx b/www/src/registry/ui/default/core/alert/alert.tsx
deleted file mode 100644
index 90761a1a6..000000000
--- a/www/src/registry/ui/default/core/alert/alert.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import * as React from "react";
-import { tv, type VariantProps } from "tailwind-variants";
-import { DangerIcon, InfoIcon, SuccessIcon, WarningIcon } from "@/__icons__";
-
-const alertStyles = tv({
-  slots: {
-    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
-    title: "mr-1 font-medium leading-normal tracking-tight",
-    content: "text-sm",
-  },
-  variants: {
-    variant: {
-      default: { root: "text-fg border" },
-      success: { root: "border-border-success text-fg-success border" },
-      warning: { root: "border-border-warning text-fg-warning border" },
-      danger: { root: "border-border-danger text-fg-danger border" },
-      info: { root: "border-border-accent text-fg-accent border" },
-    },
-    fill: {
-      true: "",
-    },
-  },
-  compoundVariants: [
-    { variant: "default", fill: true, className: { root: "bg-bg-muted" } },
-    {
-      variant: "success",
-      fill: true,
-      className: { root: "bg-bg-success-muted" },
-    },
-    {
-      variant: "warning",
-      fill: true,
-      className: { root: "bg-bg-warning-muted" },
-    },
-    {
-      variant: "danger",
-      fill: true,
-      className: { root: "bg-bg-danger-muted" },
-    },
-    { variant: "info", fill: true, className: { root: "bg-bg-accent-muted" } },
-  ],
-  defaultVariants: {
-    variant: "default",
-    fill: false,
-  },
-});
-
-const icons = {
-  default: <InfoIcon />,
-  success: <SuccessIcon />,
-  warning: <WarningIcon />,
-  danger: <DangerIcon />,
-  info: <InfoIcon />,
-};
-interface AlertProps extends AlertRootProps {
-  title?: React.ReactNode;
-  icon?: React.ReactNode | null;
-  action?: React.ReactNode;
-}
-const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
-  ({ variant = "default", title, children, icon, action, ...props }, ref) => {
-    return (
-      <AlertRoot variant={variant} {...props} ref={ref}>
-        {icon || icons[variant]}
-        <div className="flex-1 space-y-0.5">
-          {title && <AlertTitle>{title}</AlertTitle>}
-          {children && <AlertContent>{children}</AlertContent>}
-        </div>
-        {action && <div className="shrink-0">{action}</div>}
-      </AlertRoot>
-    );
-  }
-);
-Alert.displayName = "Alert";
-
-interface AlertRootProps
-  extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">,
-    VariantProps<typeof alertStyles> {}
-const AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(
-  ({ className, variant, fill, ...props }, ref) => {
-    const { root } = alertStyles({ variant, fill });
-    return (
-      <div role="alert" className={root({ className })} {...props} ref={ref} />
-    );
-  }
-);
-AlertRoot.displayName = "AlertRoot";
-
-interface AlertTitleProps
-  extends React.HTMLAttributes<HTMLHeadingElement>,
-    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS
-const AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(
-  ({ className, ...props }, ref) => {
-    const { title } = alertStyles();
-    return <h3 className={title({ className })} {...props} ref={ref} />;
-  }
-);
-AlertTitle.displayName = "AlertTitle";
-
-interface AlertContentProps
-  extends React.HTMLAttributes<HTMLElement>,
-    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS
-const AlertContent = ({ className, ...props }: AlertContentProps) => {
-  const { content } = alertStyles();
-  return <section className={content({ className })} {...props} />;
-};
-
-export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
-export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/registry/ui/default/core/alert/demos/action.tsx b/www/src/registry/ui/default/core/alert/demos/action.tsx
deleted file mode 100644
index 9f5134dd5..000000000
--- a/www/src/registry/ui/default/core/alert/demos/action.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Alert } from "@/registry/ui/default/core/alert";
-import { Button } from "@/registry/ui/default/core/button";
-
-export default function AlertDemo() {
-  return (
-    <Alert
-      action={
-        <Button variant="primary" size="sm">
-          Upgrade
-        </Button>
-      }
-    >
-      You are currently on the free plan. Upgrade to unlock more features.
-    </Alert>
-  );
-}
diff --git a/www/src/registry/ui/default/core/alert/demos/composition.tsx b/www/src/registry/ui/default/core/alert/demos/composition.tsx
deleted file mode 100644
index 2dd8c8245..000000000
--- a/www/src/registry/ui/default/core/alert/demos/composition.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import {
-  AlertContent,
-  AlertRoot,
-  AlertTitle,
-} from "@/registry/ui/default/core/alert";
-import { Button } from "@/registry/ui/default/core/button";
-import { WalletIcon } from "@/__icons__";
-
-export default function AlertDemo() {
-  return (
-    <AlertRoot>
-      <WalletIcon />
-      <div className="flex-1">
-        <AlertTitle>Payment Information</AlertTitle>
-        <AlertContent>
-          Enter your payment method to complete your purchase.
-        </AlertContent>
-      </div>
-      <Button variant="primary" size="sm">
-        Upgrade
-      </Button>
-    </AlertRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/alert/demos/content.tsx b/www/src/registry/ui/default/core/alert/demos/content.tsx
deleted file mode 100644
index e8e4c1cba..000000000
--- a/www/src/registry/ui/default/core/alert/demos/content.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Alert } from "@/registry/ui/default/core/alert";
-
-export default function AlertDemo() {
-  return (
-    <Alert title="Payment Information">
-      Enter your payment method to complete your purchase.
-    </Alert>
-  );
-}
diff --git a/www/src/registry/ui/default/core/alert/demos/custom-icon.tsx b/www/src/registry/ui/default/core/alert/demos/custom-icon.tsx
deleted file mode 100644
index 252fdc834..000000000
--- a/www/src/registry/ui/default/core/alert/demos/custom-icon.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { Alert } from "@/registry/ui/default/core/alert";
-import { GlobeIcon } from "@/__icons__";
-
-export default function AlertDemo() {
-  return <Alert icon={<GlobeIcon />}>Hello world!</Alert>;
-}
diff --git a/www/src/registry/ui/default/core/alert/demos/default.tsx b/www/src/registry/ui/default/core/alert/demos/default.tsx
deleted file mode 100644
index 0816978d3..000000000
--- a/www/src/registry/ui/default/core/alert/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Alert } from "@/registry/ui/default/core/alert";
-
-export default function AlertDemo() {
-  return <Alert>You can add components to your app using the cli.</Alert>;
-}
diff --git a/www/src/registry/ui/default/core/alert/demos/title.tsx b/www/src/registry/ui/default/core/alert/demos/title.tsx
deleted file mode 100644
index adcd36cc1..000000000
--- a/www/src/registry/ui/default/core/alert/demos/title.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Alert } from "@/registry/ui/default/core/alert";
-
-export default function AlertDemo() {
-  return (
-    <Alert variant="warning" fill title="Your account has been suspended." />
-  );
-}
diff --git a/www/src/registry/ui/default/core/alert/demos/variants.tsx b/www/src/registry/ui/default/core/alert/demos/variants.tsx
deleted file mode 100644
index b4861f708..000000000
--- a/www/src/registry/ui/default/core/alert/demos/variants.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-"use client";
-
-import React from "react";
-import { Alert, type AlertProps } from "@/registry/ui/default/core/alert";
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-import { Switch } from "@/registry/ui/default/core/switch";
-
-type Variant = AlertProps["variant"];
-
-export default function Demo() {
-  const [variant, setVariant] = React.useState<Variant>("default");
-  const [fill, setFill] = React.useState(true);
-
-  return (
-    <div className="flex items-center gap-8">
-      <Alert variant={variant} fill={fill}>
-        You can add components to your app using the cli.
-      </Alert>
-      <Switch isSelected={fill} onChange={setFill}>
-        Fill
-      </Switch>
-      <RadioGroup
-        label="Variant"
-        value={variant}
-        onChange={(newVal) => setVariant(newVal as Variant)}
-      >
-        <Radio value="default">Default</Radio>
-        <Radio value="success">Success</Radio>
-        <Radio value="danger">Danger</Radio>
-        <Radio value="warning">Warning</Radio>
-        <Radio value="info">Info</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/alert/index.tsx b/www/src/registry/ui/default/core/alert/index.tsx
deleted file mode 100644
index 6e5784726..000000000
--- a/www/src/registry/ui/default/core/alert/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./alert";
diff --git a/www/src/registry/ui/default/core/aspect-ratio/aspect-ratio.tsx b/www/src/registry/ui/default/core/aspect-ratio/aspect-ratio.tsx
deleted file mode 100644
index 359bc940d..000000000
--- a/www/src/registry/ui/default/core/aspect-ratio/aspect-ratio.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-
-const AspectRatio = AspectRatioPrimitive.Root;
-
-export { AspectRatio };
diff --git a/www/src/registry/ui/default/core/aspect-ratio/demos/as-child.tsx b/www/src/registry/ui/default/core/aspect-ratio/demos/as-child.tsx
deleted file mode 100644
index a4533c36e..000000000
--- a/www/src/registry/ui/default/core/aspect-ratio/demos/as-child.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import Image from "next/image";
-import { AspectRatio } from "@/registry/ui/default/core/aspect-ratio";
-
-export default function AspectRatioDemo() {
-  return (
-    <AspectRatio ratio={16 / 9} asChild>
-      <Image
-        src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
-        alt="Photo by Drew Beamer"
-        fill
-        className="rounded-md object-cover"
-      />
-    </AspectRatio>
-  );
-}
diff --git a/www/src/registry/ui/default/core/aspect-ratio/demos/default.tsx b/www/src/registry/ui/default/core/aspect-ratio/demos/default.tsx
deleted file mode 100644
index ccff97bc0..000000000
--- a/www/src/registry/ui/default/core/aspect-ratio/demos/default.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import Image from "next/image";
-import { AspectRatio } from "@/registry/ui/default/core/aspect-ratio";
-
-export default function Demo() {
-  return (
-    <AspectRatio ratio={16 / 9}>
-      <Image
-        src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
-        alt="Photo by Drew Beamer"
-        fill
-        className="rounded-md object-cover"
-      />
-    </AspectRatio>
-  );
-}
diff --git a/www/src/registry/ui/default/core/aspect-ratio/index.tsx b/www/src/registry/ui/default/core/aspect-ratio/index.tsx
deleted file mode 100644
index 9aa0b0745..000000000
--- a/www/src/registry/ui/default/core/aspect-ratio/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./aspect-ratio";
diff --git a/www/src/registry/ui/default/core/avatar/avatar.tsx b/www/src/registry/ui/default/core/avatar/avatar.tsx
deleted file mode 100644
index b0da52ad0..000000000
--- a/www/src/registry/ui/default/core/avatar/avatar.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { tv, type VariantProps } from "tailwind-variants";
-
-const avatarStyles = tv({
-  slots: {
-    root: "bg-bg relative inline-flex shrink-0 overflow-hidden align-middle",
-    image: "aspect-square size-full",
-    fallback:
-      "bg-bg-muted flex size-full select-none items-center justify-center",
-    placeholder:
-      "bg-bg-muted flex size-full h-full animate-pulse items-center justify-center",
-  },
-  variants: {
-    size: {
-      sm: { root: "size-8" },
-      md: { root: "size-10" },
-      lg: { root: "size-12" },
-    },
-    shape: {
-      circle: { root: "rounded-full" },
-      square: { root: "rounded-sm" },
-    },
-  },
-  defaultVariants: {
-    shape: "circle",
-    size: "md",
-  },
-});
-
-interface AvatarProps
-  extends AvatarImageProps,
-    VariantProps<typeof avatarStyles> {
-  fallback?: React.ReactNode;
-}
-const Avatar = ({
-  fallback,
-  className,
-  style,
-  size,
-  shape,
-  ...props
-}: AvatarProps) => {
-  return (
-    <AvatarRoot className={className} style={style} shape={shape} size={size}>
-      <AvatarImage {...props} />
-      <AvatarFallback>{fallback}</AvatarFallback>
-      <AvatarPlaceholder />
-    </AvatarRoot>
-  );
-};
-
-interface AvatarRootProps
-  extends React.HTMLAttributes<HTMLSpanElement>,
-    VariantProps<typeof avatarStyles> {}
-const AvatarRoot = ({ className, shape, size, ...props }: AvatarRootProps) => {
-  const { root } = avatarStyles({ shape, size });
-  const [status, setStatus] = React.useState<Status>("idle");
-  return (
-    <AvatarContext.Provider value={{ status, onStatusChange: setStatus }}>
-      <span className={root({ className })} {...props} />
-    </AvatarContext.Provider>
-  );
-};
-
-interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-  onStatusChange?: (status: Status) => void;
-}
-const AvatarImage = ({
-  src,
-  onStatusChange,
-  className,
-  ...props
-}: AvatarImageProps) => {
-  const { image } = avatarStyles();
-  const context = useAvatarContext();
-  const status = useImageLoadingStatus(src);
-  // TODO use useCallBackRef here
-  const handleStatusChange = React.useCallback(
-    (status: Status) => {
-      onStatusChange?.(status);
-      context.onStatusChange(status);
-    },
-    [onStatusChange, context]
-  );
-
-  React.useLayoutEffect(() => {
-    if (status !== "idle") {
-      handleStatusChange(status);
-    }
-  }, [status, handleStatusChange]);
-
-  return status === "success" ? (
-    // eslint-disable-next-line jsx-a11y/alt-text
-    <img src={src} className={image({ className })} {...props} />
-  ) : null;
-};
-
-type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
-const AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {
-  const { fallback } = avatarStyles();
-  const context = useAvatarContext();
-
-  return context.status === "error" ? (
-    <span className={fallback({ className })} {...props} />
-  ) : null;
-};
-
-type AvatarPlaceholderProps = React.HTMLAttributes<HTMLSpanElement>;
-const AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {
-  const { placeholder } = avatarStyles();
-  const context = useAvatarContext();
-
-  return ["idle", "loading"].includes(context.status) ? (
-    <span className={placeholder({ className })} {...props} />
-  ) : null;
-};
-
-type AvatarContextValue = {
-  status: Status;
-  onStatusChange: (status: Status) => void;
-};
-const AvatarContext = React.createContext<AvatarContextValue | null>(null);
-const useAvatarContext = () => {
-  const context = React.useContext(AvatarContext);
-  if (!context) {
-    throw new Error("Avatar components must be rendered within the AvatarRoot");
-  }
-  return context;
-};
-
-type Status = "idle" | "loading" | "success" | "error";
-const useImageLoadingStatus = (src?: string) => {
-  const [status, setStatus] = React.useState<Status>("idle");
-
-  React.useLayoutEffect(() => {
-    if (!src) {
-      setStatus("error");
-      return;
-    }
-    let isMounted = true;
-    const image = new window.Image();
-    const updateStatus = (status: Status) => () => {
-      if (!isMounted) return;
-      setStatus(status);
-    };
-    setStatus("loading");
-    image.onload = updateStatus("success");
-    image.onerror = updateStatus("error");
-    image.src = src;
-    return () => {
-      isMounted = false;
-    };
-  }, [src]);
-
-  return status;
-};
-
-export type {
-  AvatarProps,
-  AvatarRootProps,
-  AvatarImageProps,
-  AvatarFallbackProps,
-};
-export {
-  Avatar,
-  AvatarRoot,
-  AvatarImage,
-  AvatarFallback,
-  AvatarPlaceholder,
-  avatarStyles,
-};
diff --git a/www/src/registry/ui/default/core/avatar/demos/composition.tsx b/www/src/registry/ui/default/core/avatar/demos/composition.tsx
deleted file mode 100644
index 592b7bd92..000000000
--- a/www/src/registry/ui/default/core/avatar/demos/composition.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from "react";
-import {
-  AvatarRoot,
-  AvatarImage,
-  AvatarFallback,
-  AvatarPlaceholder,
-} from "@/registry/ui/default/core/avatar";
-import { UserIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <AvatarRoot>
-      <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
-      <AvatarFallback>M</AvatarFallback>
-      <AvatarPlaceholder>
-        <UserIcon className="size-5" />
-      </AvatarPlaceholder>
-    </AvatarRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/avatar/demos/default.tsx b/www/src/registry/ui/default/core/avatar/demos/default.tsx
deleted file mode 100644
index 4a23539fa..000000000
--- a/www/src/registry/ui/default/core/avatar/demos/default.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Avatar } from "@/registry/ui/default/core/avatar";
-
-export default function Demo() {
-  return (
-    <Avatar
-      src="https://github.com/mehdibha.png"
-      alt="@mehdibha"
-      fallback="M"
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/avatar/demos/shape.tsx b/www/src/registry/ui/default/core/avatar/demos/shape.tsx
deleted file mode 100644
index 571a02408..000000000
--- a/www/src/registry/ui/default/core/avatar/demos/shape.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Avatar } from "@/registry/ui/default/core/avatar";
-
-export default function Demo() {
-  return (
-    <div className="space-x-4">
-      <Avatar
-        src="https://github.com/mehdibha.png"
-        alt="@mehdibha"
-        fallback="M"
-        shape="square"
-      />
-      <Avatar
-        src="https://github.com/mehdibha.png"
-        alt="@mehdibha"
-        fallback="M"
-        shape="circle"
-      />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/avatar/demos/sizes.tsx b/www/src/registry/ui/default/core/avatar/demos/sizes.tsx
deleted file mode 100644
index 6fb96344e..000000000
--- a/www/src/registry/ui/default/core/avatar/demos/sizes.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Avatar } from "@/registry/ui/default/core/avatar";
-
-export default function Demo() {
-  return (
-    <div className="space-x-4">
-      {(["sm", "md", "lg"] as const).map((size) => (
-        <Avatar
-          key={size}
-          size={size}
-          src="https://github.com/mehdibha.png"
-          alt="@mehdibha"
-          fallback="M"
-        />
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/avatar/index.tsx b/www/src/registry/ui/default/core/avatar/index.tsx
deleted file mode 100644
index 90fdb226b..000000000
--- a/www/src/registry/ui/default/core/avatar/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./avatar";
diff --git a/www/src/registry/ui/default/core/badge/badge.tsx b/www/src/registry/ui/default/core/badge/badge.tsx
deleted file mode 100644
index e6d902a41..000000000
--- a/www/src/registry/ui/default/core/badge/badge.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import * as React from "react";
-import { tv, type VariantProps } from "tailwind-variants";
-import { cn } from "@/registry/ui/default/lib/cn";
-
-const badgeVariants = tv({
-  base: "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors",
-  variants: {
-    variant: {
-      neutral: "bg-bg-muted text-fg",
-      outline: "text-fg border",
-      primary: "bg-bg-primary text-fg-onPrimary",
-      success: "bg-bg-success text-fg-onSuccess",
-      "success-subtle": "bg-bg-success-muted text-fg-success",
-      "success-outline": "border-border-success text-fg-success border",
-      danger: "bg-bg-danger text-fg-onDanger",
-      "danger-subtle": "bg-bg-danger-muted text-fg-danger",
-      "danger-outline": "border-border-danger text-fg-danger border",
-      warning: "bg-bg-warning text-fg-onWarning",
-      "warning-subtle": "bg-bg-warning-muted text-fg-warning",
-      "warning-outline": "border-border-warning text-fg-warning border",
-      accent: "bg-bg-accent text-fg-onAccent",
-      "accent-subtle": "bg-bg-accent-muted text-fg-accent",
-      "accent-outline": "border-border-accent text-fg-accent border",
-    },
-    size: {
-      sm: "h-5 px-2.5 [&_svg]:size-3",
-      md: "h-6 px-3 [&_svg]:size-3.5",
-      lg: "h-7 px-4 text-sm [&_svg]:size-4",
-    },
-  },
-  defaultVariants: {
-    variant: "primary",
-    size: "md",
-  },
-});
-
-// TODO: change icon to prefix/suffix
-
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {
-  icon?: React.ReactNode;
-}
-
-function Badge({
-  children,
-  className,
-  variant,
-  size,
-  icon,
-  ...props
-}: BadgeProps) {
-  return (
-    <span
-      role="presentation"
-      className={cn(badgeVariants({ variant, size }), className)}
-      {...props}
-    >
-      {icon && <span>{icon}</span>}
-      {children}
-    </span>
-  );
-}
-
-export { Badge, badgeVariants };
diff --git a/www/src/registry/ui/default/core/badge/demos/default.tsx b/www/src/registry/ui/default/core/badge/demos/default.tsx
deleted file mode 100644
index 330f957ff..000000000
--- a/www/src/registry/ui/default/core/badge/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Badge } from "@/registry/ui/default/core/badge";
-
-export default function Demo() {
-  return <Badge>Badge</Badge>;
-}
diff --git a/www/src/registry/ui/default/core/badge/demos/icon.tsx b/www/src/registry/ui/default/core/badge/demos/icon.tsx
deleted file mode 100644
index 9dd7da801..000000000
--- a/www/src/registry/ui/default/core/badge/demos/icon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Badge } from "@/registry/ui/default/core/badge";
-import { ShieldIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-2">
-      <Badge icon={<ShieldIcon />} size="sm">
-        Badge
-      </Badge>
-      <Badge icon={<ShieldIcon />} size="md">
-        Badge
-      </Badge>
-      <Badge icon={<ShieldIcon />} size="lg">
-        Badge
-      </Badge>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/badge/demos/sizes.tsx b/www/src/registry/ui/default/core/badge/demos/sizes.tsx
deleted file mode 100644
index 5d9bed2cd..000000000
--- a/www/src/registry/ui/default/core/badge/demos/sizes.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Badge } from "@/registry/ui/default/core/badge";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-2">
-      <Badge variant="primary" size="sm">
-        Small
-      </Badge>
-      <Badge variant="primary" size="md">
-        Medium
-      </Badge>
-      <Badge variant="primary" size="lg">
-        Large
-      </Badge>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/badge/demos/variants.tsx b/www/src/registry/ui/default/core/badge/demos/variants.tsx
deleted file mode 100644
index 3cc354bbd..000000000
--- a/www/src/registry/ui/default/core/badge/demos/variants.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Badge } from "@/registry/ui/default/core/badge";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-start gap-2">
-      <Flex>
-        <Badge variant="neutral">Neutral</Badge>
-        <Badge variant="outline">Outline</Badge>
-        <Badge variant="primary">Primary</Badge>
-      </Flex>
-      <Flex>
-        <Badge variant="success">Success</Badge>
-        <Badge variant="success-subtle">Success Subtle</Badge>
-        <Badge variant="success-outline">Success Outline</Badge>
-      </Flex>
-      <Flex>
-        <Badge variant="danger">Danger</Badge>
-        <Badge variant="danger-subtle">Danger Subtle</Badge>
-        <Badge variant="danger-outline">Danger Outline</Badge>
-      </Flex>
-      <Flex>
-        <Badge variant="warning">Warning</Badge>
-        <Badge variant="warning-subtle">Warning Subtle</Badge>
-        <Badge variant="warning-outline">Warning Outline</Badge>
-      </Flex>
-      <Flex>
-        <Badge variant="accent">Accent</Badge>
-        <Badge variant="accent-subtle">Accent Subtle</Badge>
-        <Badge variant="accent-outline">Accent Outline</Badge>
-      </Flex>
-    </div>
-  );
-}
-
-const Flex = (props: React.HTMLAttributes<HTMLDivElement>) => (
-  <div {...props} className="flex items-center gap-2" />
-);
diff --git a/www/src/registry/ui/default/core/badge/index.tsx b/www/src/registry/ui/default/core/badge/index.tsx
deleted file mode 100644
index 80844a4e3..000000000
--- a/www/src/registry/ui/default/core/badge/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./badge";
diff --git a/www/src/registry/ui/default/core/breadcrumbs/breadcrumbs.tsx b/www/src/registry/ui/default/core/breadcrumbs/breadcrumbs.tsx
deleted file mode 100644
index 72f2c137d..000000000
--- a/www/src/registry/ui/default/core/breadcrumbs/breadcrumbs.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-"use client";
-
-import {
-  Link as AriaLink,
-  Breadcrumbs as AriaBreadcrumbs,
-  Breadcrumb as AriaBreadcrumb,
-  type BreadcrumbsProps as AriaBreadcrumbsProps,
-  type BreadcrumbProps as AriaBreadcrumbProps,
-  type LinkProps as AriaLinkProps,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { ChevronRightIcon } from "@/__icons__";
-
-const breadcrumbsStyles = tv({
-  slots: {
-    root: "text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4",
-    item: "inline-flex items-center gap-1.5 last:[&_svg]:hidden",
-    link: "hover:text-fg current:text-fg disabled:[&:not([data-current])]:text-fg-disabled inline-flex items-center gap-1.5 transition-colors disabled:cursor-default",
-  },
-});
-
-type BreadcrumbsProps<T extends object> = AriaBreadcrumbsProps<T>;
-
-const Breadcrumbs = <T extends object>({
-  className,
-  ...props
-}: BreadcrumbsProps<T>) => {
-  const { root } = breadcrumbsStyles();
-  return <AriaBreadcrumbs {...props} className={root({ className })} />;
-};
-
-type BreadcrumbProps = Omit<AriaBreadcrumbProps, "children"> &
-  Omit<AriaLinkProps, "className" | "style"> & { icon?: React.ReactNode };
-const Breadcrumb = ({
-  children,
-  className,
-  style,
-  icon = null,
-  ...props
-}: BreadcrumbProps) => {
-  return (
-    <BreadcrumbItem className={className} style={style} {...props}>
-      {icon}
-      <BreadcrumbLink {...props}>{children}</BreadcrumbLink>
-      <ChevronRightIcon />
-    </BreadcrumbItem>
-  );
-};
-
-type BreadcrumbItemProps = AriaBreadcrumbProps;
-const BreadcrumbItem = (props: BreadcrumbItemProps) => {
-  const { item } = breadcrumbsStyles();
-  return (
-    <AriaBreadcrumb
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        item({ className })
-      )}
-    />
-  );
-};
-
-interface BreadcrumbLinkProps extends Omit<AriaLinkProps, "className"> {
-  className?: string;
-}
-const BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => {
-  const { link } = breadcrumbsStyles();
-  return <AriaLink {...props} className={link({ className })} />;
-};
-
-export type {
-  BreadcrumbsProps,
-  BreadcrumbProps,
-  BreadcrumbItemProps,
-  BreadcrumbLinkProps,
-};
-export { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };
diff --git a/www/src/registry/ui/default/core/breadcrumbs/demos/basic.tsx b/www/src/registry/ui/default/core/breadcrumbs/demos/basic.tsx
deleted file mode 100644
index 87f0f4507..000000000
--- a/www/src/registry/ui/default/core/breadcrumbs/demos/basic.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import {
-  Breadcrumbs,
-  Breadcrumb,
-} from "@/registry/ui/default/core/breadcrumbs";
-
-export default function Demo() {
-  return (
-    <Breadcrumbs>
-      <Breadcrumb href="#">Home</Breadcrumb>
-      <Breadcrumb href="#">Components</Breadcrumb>
-      <Breadcrumb href="#">Breadcrumbs</Breadcrumb>
-    </Breadcrumbs>
-  );
-}
diff --git a/www/src/registry/ui/default/core/breadcrumbs/demos/composition.tsx b/www/src/registry/ui/default/core/breadcrumbs/demos/composition.tsx
deleted file mode 100644
index 65ba74e54..000000000
--- a/www/src/registry/ui/default/core/breadcrumbs/demos/composition.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import {
-  Breadcrumbs,
-  BreadcrumbItem,
-  BreadcrumbLink,
-} from "@/registry/ui/default/core/breadcrumbs";
-import { ChevronRightCircleIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Breadcrumbs>
-      <BreadcrumbItem>
-        <BreadcrumbLink href="#">Home</BreadcrumbLink>
-        <ChevronRightCircleIcon />
-      </BreadcrumbItem>
-      <BreadcrumbItem>
-        <BreadcrumbLink href="#">Components</BreadcrumbLink>
-        <ChevronRightCircleIcon />
-      </BreadcrumbItem>
-      <BreadcrumbItem>
-        <BreadcrumbLink>Breadcrumbs</BreadcrumbLink>
-        <ChevronRightCircleIcon />
-      </BreadcrumbItem>
-    </Breadcrumbs>
-  );
-}
diff --git a/www/src/registry/ui/default/core/breadcrumbs/demos/disabled.tsx b/www/src/registry/ui/default/core/breadcrumbs/demos/disabled.tsx
deleted file mode 100644
index ceade165d..000000000
--- a/www/src/registry/ui/default/core/breadcrumbs/demos/disabled.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import {
-  Breadcrumbs,
-  Breadcrumb,
-} from "@/registry/ui/default/core/breadcrumbs";
-
-export default function Demo() {
-  return (
-    <Breadcrumbs isDisabled>
-      <Breadcrumb href="#">Home</Breadcrumb>
-      <Breadcrumb href="#">Components</Breadcrumb>
-      <Breadcrumb>Breadcrumbs</Breadcrumb>
-    </Breadcrumbs>
-  );
-}
diff --git a/www/src/registry/ui/default/core/breadcrumbs/demos/icon.tsx b/www/src/registry/ui/default/core/breadcrumbs/demos/icon.tsx
deleted file mode 100644
index c717f6c75..000000000
--- a/www/src/registry/ui/default/core/breadcrumbs/demos/icon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import {
-  Breadcrumbs,
-  Breadcrumb,
-} from "@/registry/ui/default/core/breadcrumbs";
-import { HomeIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Breadcrumbs>
-      <Breadcrumb href="#">
-        <HomeIcon />
-        Home
-      </Breadcrumb>
-      <Breadcrumb href="#">Components</Breadcrumb>
-      <Breadcrumb href="#">Breadcrumbs</Breadcrumb>
-    </Breadcrumbs>
-  );
-}
diff --git a/www/src/registry/ui/default/core/breadcrumbs/demos/router-integration.tsx b/www/src/registry/ui/default/core/breadcrumbs/demos/router-integration.tsx
deleted file mode 100644
index 5d416f698..000000000
--- a/www/src/registry/ui/default/core/breadcrumbs/demos/router-integration.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-"use client";
-
-import { usePathname } from "next/navigation";
-import {
-  Breadcrumbs,
-  Breadcrumb,
-} from "@/registry/ui/default/core/breadcrumbs";
-
-export default function Demo() {
-  const pathname = usePathname();
-  const pathnames = pathname.split("/").filter((x) => x);
-  return (
-    <Breadcrumbs>
-      {pathnames.map((elem, index) => {
-        const href = `/${pathnames.slice(0, index + 1).join("/")}`;
-        return (
-          <Breadcrumb key={elem} href={href} className="capitalize">
-            {elem}
-          </Breadcrumb>
-        );
-      })}
-    </Breadcrumbs>
-  );
-}
diff --git a/www/src/registry/ui/default/core/breadcrumbs/index.tsx b/www/src/registry/ui/default/core/breadcrumbs/index.tsx
deleted file mode 100644
index 669f55757..000000000
--- a/www/src/registry/ui/default/core/breadcrumbs/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./breadcrumbs";
diff --git a/www/src/registry/ui/default/core/button/button.tsx b/www/src/registry/ui/default/core/button/button.tsx
deleted file mode 100644
index 03f1e8525..000000000
--- a/www/src/registry/ui/default/core/button/button.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Button as AriaButton,
-  Link as AriaLink,
-  type ButtonProps as AriaButtonProps,
-  type LinkProps as AriaLinkProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
-import { LoaderIcon } from "@/__icons__";
-
-const buttonStyles = tv(
-  {
-    extend: focusRing,
-    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
-    variants: {
-      variant: {
-        default:
-          "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
-        primary:
-          "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
-        quiet:
-          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
-        outline:
-          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-        accent:
-          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
-        success:
-          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
-        warning:
-          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
-        danger:
-          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
-      },
-      size: {
-        sm: "size-8 [&_svg]:size-4",
-        md: "size-9 [&_svg]:size-4",
-        lg: "size-10 [&_svg]:size-5",
-      },
-      shape: {
-        rectangle: "",
-        square: "",
-        circle: "rounded-full",
-      },
-    },
-    compoundVariants: [
-      {
-        size: "sm",
-        shape: "rectangle",
-        className: "w-auto px-3",
-      },
-      {
-        size: "md",
-        shape: "rectangle",
-        className: "w-auto px-4",
-      },
-      {
-        size: "lg",
-        shape: "rectangle",
-        className: "w-auto px-5",
-      },
-    ],
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-      shape: "rectangle",
-    },
-  },
-  {
-    responsiveVariants: ["sm", "lg"],
-  }
-);
-
-interface ButtonProps
-  extends Omit<AriaButtonProps, "className">,
-    Omit<AriaLinkProps, "className" | "children" | "style">,
-    VariantProps<typeof buttonStyles> {
-  className?: string;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-
-const Button = React.forwardRef(
-  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
-    const contextProps = useButtonContext();
-    const props = { ...contextProps, ...localProps };
-
-    const { className, variant, size, shape, prefix, suffix, ...restProps } =
-      props;
-
-    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
-
-    return (
-      <Element
-        ref={ref}
-        {...restProps}
-        className={buttonStyles({ variant, size, shape, className })}
-      >
-        {composeRenderProps(props.children, (children, { isPending }) => (
-          <>
-            {isPending && (
-              <LoaderIcon aria-label="loading" className="animate-spin" />
-            )}
-            {prefix}
-            {typeof children === "string" ? (
-              <span className="truncate">{children}</span>
-            ) : (
-              children
-            )}
-            {suffix}
-          </>
-        ))}
-      </Element>
-    );
-  }
-);
-Button.displayName = "Button";
-
-type ButtonContextValue = VariantProps<typeof buttonStyles>;
-const ButtonContext = React.createContext<ButtonContextValue>({});
-const useButtonContext = () => {
-  return React.useContext(ButtonContext);
-};
-
-export type { ButtonProps };
-export { Button, buttonStyles, ButtonContext };
diff --git a/www/src/registry/ui/default/core/button/demos/default.tsx b/www/src/registry/ui/default/core/button/demos/default.tsx
deleted file mode 100644
index 160f80b1b..000000000
--- a/www/src/registry/ui/default/core/button/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-
-export default function Demo() {
-  return <Button>Button</Button>;
-}
diff --git a/www/src/registry/ui/default/core/button/demos/disabled.tsx b/www/src/registry/ui/default/core/button/demos/disabled.tsx
deleted file mode 100644
index bab5f0c52..000000000
--- a/www/src/registry/ui/default/core/button/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-
-export default function Demo() {
-  return <Button isDisabled>Button</Button>;
-}
diff --git a/www/src/registry/ui/default/core/button/demos/link-button.tsx b/www/src/registry/ui/default/core/button/demos/link-button.tsx
deleted file mode 100644
index 8526bc3d4..000000000
--- a/www/src/registry/ui/default/core/button/demos/link-button.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { LogInIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Button href="/login" prefix={<LogInIcon />} target="_blank">
-      Login
-    </Button>
-  );
-}
diff --git a/www/src/registry/ui/default/core/button/demos/loading.tsx b/www/src/registry/ui/default/core/button/demos/loading.tsx
deleted file mode 100644
index 9ef76c62f..000000000
--- a/www/src/registry/ui/default/core/button/demos/loading.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-
-export default function Demo() {
-  return (
-    <div className="flex w-full items-center justify-center gap-2">
-      <Button size="sm" isPending>
-        Button
-      </Button>
-      <Button size="md" isPending>
-        Button
-      </Button>
-      <Button size="lg" isPending>
-        Button
-      </Button>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/button/demos/prefix-and-suffix.tsx b/www/src/registry/ui/default/core/button/demos/prefix-and-suffix.tsx
deleted file mode 100644
index 3e0ff8762..000000000
--- a/www/src/registry/ui/default/core/button/demos/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-2">
-      <Button prefix={<UploadIcon />}>Upload</Button>
-      <Button suffix={<UploadIcon />}>Upload</Button>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/button/demos/shapes.tsx b/www/src/registry/ui/default/core/button/demos/shapes.tsx
deleted file mode 100644
index 905a3f3f9..000000000
--- a/www/src/registry/ui/default/core/button/demos/shapes.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center justify-center gap-4">
-      <Button size="sm" shape="square" aria-label="upload">
-        <UploadIcon />
-      </Button>
-      <Button size="md" shape="square" aria-label="upload">
-        <UploadIcon />
-      </Button>
-      <Button size="lg" shape="square" aria-label="upload">
-        <UploadIcon />
-      </Button>
-      <Button size="sm" shape="circle" aria-label="upload">
-        <UploadIcon />
-      </Button>
-      <Button size="md" shape="circle" aria-label="upload">
-        <UploadIcon />
-      </Button>
-      <Button size="lg" shape="circle" aria-label="upload">
-        <UploadIcon />
-      </Button>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/button/demos/sizes.tsx b/www/src/registry/ui/default/core/button/demos/sizes.tsx
deleted file mode 100644
index 489aa748f..000000000
--- a/www/src/registry/ui/default/core/button/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-
-export default function Demo() {
-  return (
-    <div className="flex w-full items-center justify-center gap-4">
-      <Button size="sm">Button</Button>
-      <Button size="md">Button</Button>
-      <Button size="lg">Button</Button>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/button/demos/variants.tsx b/www/src/registry/ui/default/core/button/demos/variants.tsx
deleted file mode 100644
index 8d9e7d1c5..000000000
--- a/www/src/registry/ui/default/core/button/demos/variants.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-
-const variants = [
-  "default",
-  "primary",
-  "outline",
-  "quiet",
-  "success",
-  "warning",
-  "danger",
-  "accent",
-] as const;
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-4 gap-2">
-      {variants.map((variant) => (
-        <Button key={variant} variant={variant}>
-          {variant}
-        </Button>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/button/index.tsx b/www/src/registry/ui/default/core/button/index.tsx
deleted file mode 100644
index 98d55acde..000000000
--- a/www/src/registry/ui/default/core/button/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./button";
diff --git a/www/src/registry/ui/default/core/calendar/calendar.tsx b/www/src/registry/ui/default/core/calendar/calendar.tsx
deleted file mode 100644
index aa0035280..000000000
--- a/www/src/registry/ui/default/core/calendar/calendar.tsx
+++ /dev/null
@@ -1,223 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Calendar as AriaCalendar,
-  CalendarCell as AriaCalendarCell,
-  CalendarGrid as AriaCalendarGrid,
-  CalendarGridHeader as AriaCalendarGridHeader,
-  CalendarHeaderCell as AriaCalendarHeaderCell,
-  CalendarGridBody as AriaCalendarGridBody,
-  type CalendarProps as AriaCalendarProps,
-  type CalendarGridProps as AriaCalendarGridProps,
-  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
-  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
-  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
-  type CalendarCellProps as AriaCalendarCellProps,
-  type DateValue,
-  CalendarContext as AriaCalendarContext,
-  useSlottedContext,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button, buttonStyles } from "@/registry/ui/default/core/button";
-import { Heading } from "@/registry/ui/default/core/heading";
-import { Text } from "@/registry/ui/default/core/text";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-
-const calendarStyles = tv({
-  slots: {
-    root: "",
-    header: "mb-4 flex items-center justify-between gap-2",
-    grid: "w-full border-collapse",
-    gridHeader: "mb-4",
-    gridHeaderCell: "text-fg-muted text-xs font-normal",
-    gridBody: "[&>tr>td]:p-0",
-    cell: "",
-  },
-  variants: {
-    standalone: {
-      true: {
-        root: "bg-bg rounded-md border p-3",
-      },
-      false: {
-        root: "rounded-[inherit]",
-      },
-    },
-    range: {
-      false: {
-        cell: [
-          buttonStyles({
-            variant: "quiet",
-            shape: "square",
-            size: "sm",
-          }),
-          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
-          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-      true: {
-        cell: [
-          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
-          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
-          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
-          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
-          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
-          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
-          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
-          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-    },
-  },
-  defaultVariants: {
-    range: false,
-  },
-});
-
-interface CalendarProps<T extends DateValue>
-  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
-  visibleMonths?: number;
-  errorMessage?: string;
-}
-const Calendar = <T extends DateValue>({
-  errorMessage,
-  visibleMonths = 1,
-  ...props
-}: CalendarProps<T>) => {
-  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
-
-  return (
-    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
-      {({ isInvalid }) => (
-        <>
-          <CalendarHeader>
-            <Button slot="previous" variant="outline" shape="square" size="sm">
-              <ChevronLeftIcon />
-            </Button>
-            <Heading className="text-sm" />
-            <Button slot="next" variant="outline" shape="square" size="sm">
-              <ChevronRightIcon />
-            </Button>
-          </CalendarHeader>
-          <div className="flex items-start gap-4">
-            {Array.from({ length: visibleMonths }).map((_, index) => (
-              <CalendarGrid
-                key={index}
-                offset={index === 0 ? undefined : { months: index }}
-              >
-                <CalendarGridHeader>
-                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-                </CalendarGridHeader>
-                <CalendarGridBody>
-                  {(date) => <CalendarCell date={date} />}
-                </CalendarGridBody>
-              </CalendarGrid>
-            ))}
-          </div>
-          {isInvalid && errorMessage && (
-            <Text slot="errorMessage">{errorMessage}</Text>
-          )}
-        </>
-      )}
-    </CalendarRoot>
-  );
-};
-
-type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
-const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
-  const CalendarContext = useSlottedContext(AriaCalendarContext);
-  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
-  const { root } = calendarStyles({ standalone });
-  return (
-    <AriaCalendar
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-    />
-  );
-};
-
-type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
-const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
-  const { header } = calendarStyles();
-  return <header className={header({ className })} {...props} />;
-};
-
-type CalendarGridProps = AriaCalendarGridProps;
-const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
-  const { grid } = calendarStyles();
-  return <AriaCalendarGrid className={grid({ className })} {...props} />;
-};
-
-type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
-const CalendarGridHeader = ({
-  className,
-  ...props
-}: CalendarGridHeaderProps) => {
-  const { gridHeader } = calendarStyles();
-  return (
-    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
-  );
-};
-
-type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
-const CalendarHeaderCell = ({
-  className,
-  ...props
-}: CalendarHeaderCellProps) => {
-  const { gridHeaderCell } = calendarStyles();
-  return (
-    <AriaCalendarHeaderCell
-      className={gridHeaderCell({ className })}
-      {...props}
-    />
-  );
-};
-
-type CalendarGridBodyProps = AriaCalendarGridBodyProps;
-const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
-  const { gridBody } = calendarStyles();
-  return (
-    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
-  );
-};
-
-type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
-const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
-  const { cell } = calendarStyles({ range });
-  return (
-    <AriaCalendarCell
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        cell({ className })
-      )}
-    />
-  );
-};
-
-export type {
-  CalendarProps,
-  CalendarRootProps,
-  CalendarGridProps,
-  CalendarGridHeaderProps,
-  CalendarHeaderCellProps,
-  CalendarGridBodyProps,
-  CalendarCellProps,
-};
-export {
-  Calendar,
-  CalendarRoot,
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-  calendarStyles,
-};
diff --git a/www/src/registry/ui/default/core/calendar/demos/composition.tsx b/www/src/registry/ui/default/core/calendar/demos/composition.tsx
deleted file mode 100644
index 8d7d78ef1..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/composition.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  CalendarRoot,
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-} from "@/registry/ui/default/core/calendar";
-import { Heading } from "@/registry/ui/default/core/heading";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <CalendarRoot>
-      <CalendarHeader>
-        <Button slot="previous" variant="outline" shape="square" size="sm">
-          <ChevronLeftIcon />
-        </Button>
-        <Heading className="text-sm" />
-        <Button slot="next" variant="outline" shape="square" size="sm">
-          <ChevronRightIcon />
-        </Button>
-      </CalendarHeader>
-      <CalendarGrid>
-        <CalendarGridHeader>
-          {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-        </CalendarGridHeader>
-        <CalendarGridBody>
-          {(date) => <CalendarCell date={date} />}
-        </CalendarGridBody>
-      </CalendarGrid>
-    </CalendarRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/controlled.tsx b/www/src/registry/ui/default/core/calendar/demos/controlled.tsx
deleted file mode 100644
index 15a8fc735..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/controlled.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { useDateFormatter } from "react-aria";
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(today(getLocalTimeZone()));
-  const formatter = useDateFormatter({ dateStyle: "full" });
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <Calendar
-        aria-label="Date (controlled)"
-        value={value}
-        onChange={setValue}
-      />
-      <p className="text-fg-muted text-sm">
-        Selected date: {formatter.format(value.toDate(getLocalTimeZone()))}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/default.tsx b/www/src/registry/ui/default/core/calendar/demos/default.tsx
deleted file mode 100644
index 3cbe4fe5f..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  return <Calendar />;
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/disabled.tsx b/www/src/registry/ui/default/core/calendar/demos/disabled.tsx
deleted file mode 100644
index 8592e422a..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  return <Calendar aria-label="Appointment date" isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/error-message.tsx b/www/src/registry/ui/default/core/calendar/demos/error-message.tsx
deleted file mode 100644
index 9d41ef0f1..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/error-message.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { today, isWeekend, getLocalTimeZone } from "@internationalized/date";
-import { useLocale } from "react-aria";
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  const [date, setDate] = React.useState(today(getLocalTimeZone()));
-  const { locale } = useLocale();
-  const isInvalid = isWeekend(date, locale);
-  return (
-    <Calendar
-      value={date}
-      onChange={setDate}
-      isInvalid={isInvalid}
-      errorMessage={"We are closed on weekends"}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/label.tsx b/www/src/registry/ui/default/core/calendar/demos/label.tsx
deleted file mode 100644
index e2daec1f6..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/label.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  return <Calendar aria-label="Event date" />;
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/page-behaviour.tsx b/www/src/registry/ui/default/core/calendar/demos/page-behaviour.tsx
deleted file mode 100644
index c2fcc581d..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/page-behaviour.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  return <Calendar visibleMonths={2} pageBehavior="single" />;
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/read-only.tsx b/www/src/registry/ui/default/core/calendar/demos/read-only.tsx
deleted file mode 100644
index 21513cc57..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/read-only.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  return (
-    <Calendar
-      aria-label="Appointment date"
-      isReadOnly
-      value={today(getLocalTimeZone())}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/calendar/demos/uncontrolled.tsx
deleted file mode 100644
index 58df5386e..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  return (
-    <Calendar
-      aria-label="Appointment date"
-      defaultValue={today(getLocalTimeZone())}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/unvailable-dates.tsx b/www/src/registry/ui/default/core/calendar/demos/unvailable-dates.tsx
deleted file mode 100644
index 15b1686cb..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/unvailable-dates.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-"use client";
-
-import {
-  type DateValue,
-  getLocalTimeZone,
-  isWeekend,
-  today,
-} from "@internationalized/date";
-import { useLocale } from "react-aria";
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  const now = today(getLocalTimeZone());
-  const disabledRanges = [
-    [now, now.add({ days: 5 })],
-    [now.add({ days: 14 }), now.add({ days: 16 })],
-    [now.add({ days: 23 }), now.add({ days: 24 })],
-  ];
-
-  const { locale } = useLocale();
-  const isDateUnavailable = (date: DateValue) =>
-    isWeekend(date, locale) ||
-    disabledRanges.some(
-      (interval) =>
-        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
-    );
-
-  return (
-    <Calendar
-      aria-label="Appointment date"
-      minValue={today(getLocalTimeZone())}
-      isDateUnavailable={isDateUnavailable}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/validation.tsx b/www/src/registry/ui/default/core/calendar/demos/validation.tsx
deleted file mode 100644
index 5cdb6e718..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/validation.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  return (
-    <Calendar
-      aria-label="Appointment date"
-      minValue={today(getLocalTimeZone())}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/calendar/demos/visible-months.tsx b/www/src/registry/ui/default/core/calendar/demos/visible-months.tsx
deleted file mode 100644
index 1db1b6e7e..000000000
--- a/www/src/registry/ui/default/core/calendar/demos/visible-months.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/registry/ui/default/core/calendar";
-
-export default function Demo() {
-  return <Calendar visibleMonths={2} />;
-}
diff --git a/www/src/registry/ui/default/core/calendar/index.tsx b/www/src/registry/ui/default/core/calendar/index.tsx
deleted file mode 100644
index 90fe453b2..000000000
--- a/www/src/registry/ui/default/core/calendar/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./calendar";
diff --git a/www/src/registry/ui/default/core/checkbox-group/checkbox-group.tsx b/www/src/registry/ui/default/core/checkbox-group/checkbox-group.tsx
deleted file mode 100644
index ce249b925..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/checkbox-group.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  CheckboxGroup as AriaCheckboxGroup,
-  composeRenderProps,
-  type CheckboxGroupProps as AriaCheckboxGroupProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxContext } from "@/registry/ui/default/core/checkbox";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-
-const checkboxGroupStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-    wrapper: "flex",
-  },
-  variants: {
-    variant: {
-      default: {
-        wrapper: "flex-col gap-0.5",
-      },
-      card: {
-        wrapper: "flex gap-2",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-interface CheckboxGroupProps
-  extends CheckboxGroupRootProps,
-    Omit<FieldProps, "children"> {}
-const CheckboxGroup = React.forwardRef<
-  React.ElementRef<typeof AriaCheckboxGroup>,
-  CheckboxGroupProps
->(
-  (
-    {
-      label,
-      description,
-      errorMessage,
-      necessityIndicator,
-      contextualHelp,
-      variant,
-      ...props
-    },
-    ref
-  ) => {
-    const { wrapper } = checkboxGroupStyles({ variant });
-    return (
-      <CheckboxGroupRoot ref={ref} variant={variant} {...props}>
-        {composeRenderProps(props.children, (children, { isRequired }) => (
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <div className={wrapper()}>{children}</div>
-          </Field>
-        ))}
-      </CheckboxGroupRoot>
-    );
-  }
-);
-CheckboxGroup.displayName = "CheckboxGroup";
-
-interface CheckboxGroupRootProps
-  extends Omit<AriaCheckboxGroupProps, "className">,
-    VariantProps<typeof checkboxGroupStyles> {
-  className?: string;
-}
-const CheckboxGroupRoot = React.forwardRef<
-  React.ElementRef<typeof AriaCheckboxGroup>,
-  CheckboxGroupRootProps
->(({ className, variant, ...props }, ref) => {
-  const { root } = checkboxGroupStyles({ variant });
-  return (
-    <CheckboxContext.Provider value={{ variant }}>
-      <AriaCheckboxGroup ref={ref} className={root({ className })} {...props} />
-    </CheckboxContext.Provider>
-  );
-});
-CheckboxGroupRoot.displayName = "CheckboxGroupRoot";
-
-export type { CheckboxGroupProps, CheckboxGroupRootProps };
-export { CheckboxGroup, CheckboxGroupRoot };
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/cards.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/cards.tsx
deleted file mode 100644
index bdaf753fe..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/cards.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      defaultValue={["nextjs"]}
-      variant="card"
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/composition.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/composition.tsx
deleted file mode 100644
index 7801877aa..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/composition.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroupRoot } from "@/registry/ui/default/core/checkbox-group";
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/registry/ui/default/core/field";
-
-export default function Demo() {
-  return (
-    <CheckboxGroupRoot defaultValue={["nextjs"]}>
-      <Label>React frameworks</Label>
-      <Description>You can pick any frameworks.</Description>
-      <div className="flex items-center gap-4">
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-        <Checkbox value="gatsby">Gatsby</Checkbox>
-      </div>
-      <FieldError />
-    </CheckboxGroupRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/contextual-help.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/contextual-help.tsx
deleted file mode 100644
index 356336d9b..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/contextual-help.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      defaultValue={["nextjs"]}
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/controlled.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/controlled.tsx
deleted file mode 100644
index e734ed5b3..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/controlled.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import React from "react";
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-
-export default function Demo() {
-  const [frameworks, setFrameworks] = React.useState(["nextjs"]);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <CheckboxGroup
-        label="React frameworks"
-        value={frameworks}
-        onChange={(value) => setFrameworks(value)}
-      >
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-        <Checkbox value="gatsby">Gatsby</Checkbox>
-      </CheckboxGroup>
-      <p className="text-fg-muted text-xs">
-        {frameworks.length === 0
-          ? "You haven't selected any frameworks."
-          : `You selected ${frameworks.join(", ")}.`}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/default.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/default.tsx
deleted file mode 100644
index b17fec5af..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/default.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/description.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/description.tsx
deleted file mode 100644
index 80f6d3a1a..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/description.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      defaultValue={["nextjs"]}
-      description="You can pick any frameworks."
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/disabled.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/disabled.tsx
deleted file mode 100644
index 3f0ad873a..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/disabled.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      isDisabled
-      defaultValue={["nextjs"]}
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/error-message.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/error-message.tsx
deleted file mode 100644
index c7c6a5d95..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/error-message.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      isInvalid
-      errorMessage="Please select a framework."
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/label.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/label.tsx
deleted file mode 100644
index 7d94da5ec..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/label.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-10">
-      <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup aria-label="React frameworks" defaultValue={["nextjs"]}>
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/read-only.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/read-only.tsx
deleted file mode 100644
index 8140665e0..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/read-only.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      isReadOnly
-      defaultValue={["nextjs"]}
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/required.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/required.tsx
deleted file mode 100644
index 528c90c3f..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/required.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from "react";
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <CheckboxGroup label="React frameworks" isRequired>
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup
-        label="React frameworks"
-        isRequired
-        necessityIndicator="icon"
-      >
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup
-        label="React frameworks"
-        isRequired
-        necessityIndicator="label"
-      >
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup label="React frameworks" necessityIndicator="label">
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/checkbox-group/demos/uncontrolled.tsx
deleted file mode 100644
index b17fec5af..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { CheckboxGroup } from "@/registry/ui/default/core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox-group/index.tsx b/www/src/registry/ui/default/core/checkbox-group/index.tsx
deleted file mode 100644
index 28b3e41b5..000000000
--- a/www/src/registry/ui/default/core/checkbox-group/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./checkbox-group";
diff --git a/www/src/registry/ui/default/core/checkbox/checkbox.tsx b/www/src/registry/ui/default/core/checkbox/checkbox.tsx
deleted file mode 100644
index fd5caf0c3..000000000
--- a/www/src/registry/ui/default/core/checkbox/checkbox.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Checkbox as AriaCheckbox,
-  composeRenderProps,
-  type CheckboxProps as AriaCheckboxProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import {
-  focusRing,
-  focusRingGroup,
-} from "@/registry/ui/default/lib/focus-styles";
-import { CheckIcon, MinusIcon } from "@/__icons__";
-
-const checkboxStyles = tv({
-  slots: {
-    root: "invalid:text-fg-danger disabled:text-fg-disabled group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default",
-    indicator: [
-      "border-border-control flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border",
-      "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75",
-      "group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary",
-      "group-read-only:cursor-default",
-      "group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-not-allowed",
-      "group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger",
-    ],
-  },
-  variants: {
-    variant: {
-      default: {
-        indicator: focusRingGroup(),
-      },
-      card: {
-        root: [
-          focusRing(),
-          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
-        ],
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-interface CheckboxProps
-  extends Omit<AriaCheckboxProps, "className">,
-    VariantProps<typeof checkboxStyles> {
-  className?: string;
-}
-const Checkbox = React.forwardRef<
-  React.ElementRef<typeof AriaCheckbox>,
-  CheckboxProps
->((localProps, ref) => {
-  const contextProps = useCheckboxContext();
-  const props = { ...contextProps, ...localProps };
-  const { className, variant, ...restProps } = props;
-  const { root, indicator } = checkboxStyles({ variant });
-  return (
-    <AriaCheckbox ref={ref} {...restProps} className={root({ className })}>
-      {composeRenderProps(props.children, (children, { isIndeterminate }) => (
-        <>
-          <div className={indicator({ className: "" })}>
-            {isIndeterminate ? (
-              <MinusIcon className="size-2.5" />
-            ) : (
-              <CheckIcon className="size-3" />
-            )}
-          </div>
-          <span>{children}</span>
-        </>
-      ))}
-    </AriaCheckbox>
-  );
-});
-Checkbox.displayName = "Checkbox";
-
-type CheckboxContextValue = VariantProps<typeof checkboxStyles>;
-const CheckboxContext = React.createContext<CheckboxContextValue>({});
-const useCheckboxContext = () => {
-  return React.useContext(CheckboxContext);
-};
-
-export type { CheckboxProps };
-export { Checkbox, CheckboxContext };
diff --git a/www/src/registry/ui/default/core/checkbox/demos/card.tsx b/www/src/registry/ui/default/core/checkbox/demos/card.tsx
deleted file mode 100644
index 94c54ca64..000000000
--- a/www/src/registry/ui/default/core/checkbox/demos/card.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-
-export default function Demo() {
-  return (
-    <Checkbox variant="card">I agree to the terms and conditions</Checkbox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox/demos/controlled.tsx b/www/src/registry/ui/default/core/checkbox/demos/controlled.tsx
deleted file mode 100644
index 3fa180d83..000000000
--- a/www/src/registry/ui/default/core/checkbox/demos/controlled.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import React from "react";
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-
-export default function Demo() {
-  const [checked, setChecked] = React.useState(false);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <Checkbox isSelected={checked} onChange={setChecked}>
-        I accept the terms and conditions
-      </Checkbox>
-      <p className="text-fg-muted text-xs">
-        <span className="font-bold">Checked:</span> {checked ? "true" : "false"}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox/demos/default.tsx b/www/src/registry/ui/default/core/checkbox/demos/default.tsx
deleted file mode 100644
index 43495e3ce..000000000
--- a/www/src/registry/ui/default/core/checkbox/demos/default.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-import { Link } from "@/registry/ui/default/core/link";
-
-export default function Demo() {
-  return (
-    <Checkbox>
-      I accept the{" "}
-      <Link variant="accent" href="#">
-        terms and conditions
-      </Link>
-    </Checkbox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox/demos/disabled.tsx b/www/src/registry/ui/default/core/checkbox/demos/disabled.tsx
deleted file mode 100644
index a8428ea36..000000000
--- a/www/src/registry/ui/default/core/checkbox/demos/disabled.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-
-export default function Demo() {
-  return <Checkbox isDisabled>I accept the terms and conditions</Checkbox>;
-}
diff --git a/www/src/registry/ui/default/core/checkbox/demos/indeterminate.tsx b/www/src/registry/ui/default/core/checkbox/demos/indeterminate.tsx
deleted file mode 100644
index 5657966dd..000000000
--- a/www/src/registry/ui/default/core/checkbox/demos/indeterminate.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-
-export default function Demo() {
-  return <Checkbox isIndeterminate>Select all</Checkbox>;
-}
diff --git a/www/src/registry/ui/default/core/checkbox/demos/read-only.tsx b/www/src/registry/ui/default/core/checkbox/demos/read-only.tsx
deleted file mode 100644
index 1ad502a58..000000000
--- a/www/src/registry/ui/default/core/checkbox/demos/read-only.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-
-export default function Demo() {
-  return (
-    <Checkbox defaultSelected isReadOnly>
-      I accept the terms and conditions
-    </Checkbox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/checkbox/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/checkbox/demos/uncontrolled.tsx
deleted file mode 100644
index fe354a0da..000000000
--- a/www/src/registry/ui/default/core/checkbox/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Checkbox } from "@/registry/ui/default/core/checkbox";
-
-export default function Demo() {
-  return <Checkbox defaultSelected>I accept the terms and conditions</Checkbox>;
-}
diff --git a/www/src/registry/ui/default/core/checkbox/index.tsx b/www/src/registry/ui/default/core/checkbox/index.tsx
deleted file mode 100644
index 057f16782..000000000
--- a/www/src/registry/ui/default/core/checkbox/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./checkbox";
diff --git a/www/src/registry/ui/default/core/collapsible/collapsible.tsx b/www/src/registry/ui/default/core/collapsible/collapsible.tsx
deleted file mode 100644
index e8d92889a..000000000
--- a/www/src/registry/ui/default/core/collapsible/collapsible.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-import React from "react";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { cn } from "@/registry/ui/default/lib/cn";
-
-const CollapsibleRoot = CollapsiblePrimitive.Root;
-
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
-
-const CollapsibleContent = React.forwardRef<
-  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,
-  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>
->(({ className, ...props }, ref) => (
-  <CollapsiblePrimitive.CollapsibleContent
-    ref={ref}
-    className={cn(
-      "data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden duration-75",
-      className
-    )}
-    {...props}
-  />
-));
-
-CollapsibleContent.displayName = "CollapsibleContent";
-
-export {
-  CollapsibleRoot,
-  CollapsibleRoot as Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent,
-};
diff --git a/www/src/registry/ui/default/core/collapsible/index.tsx b/www/src/registry/ui/default/core/collapsible/index.tsx
deleted file mode 100644
index dbd926237..000000000
--- a/www/src/registry/ui/default/core/collapsible/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./collapsible";
diff --git a/www/src/registry/ui/default/core/color-area/color-area.tsx b/www/src/registry/ui/default/core/color-area/color-area.tsx
deleted file mode 100644
index 9e603f564..000000000
--- a/www/src/registry/ui/default/core/color-area/color-area.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-"use client";
-
-import {
-  ColorArea as AriaColorArea,
-  composeRenderProps,
-  type ColorAreaProps as AriaColorAreaProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
-
-const colorAreaStyles = tv({
-  base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
-});
-
-type ColorAreaProps = Omit<ColorAreaRootProps, "children">;
-const ColorArea = (props: ColorAreaProps) => {
-  return (
-    <ColorAreaRoot {...props}>
-      <ColorThumb />
-    </ColorAreaRoot>
-  );
-};
-
-interface ColorAreaRootProps extends Omit<AriaColorAreaProps, "className"> {
-  className?: string;
-}
-const ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {
-  return (
-    <AriaColorArea
-      {...props}
-      className={colorAreaStyles({ className })}
-      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
-        ...style,
-        ...(isDisabled ? { background: "none" } : {}),
-      }))}
-    />
-  );
-};
-
-export { ColorArea, ColorAreaRoot };
diff --git a/www/src/registry/ui/default/core/color-area/demos/channels.tsx b/www/src/registry/ui/default/core/color-area/demos/channels.tsx
deleted file mode 100644
index c117896b8..000000000
--- a/www/src/registry/ui/default/core/color-area/demos/channels.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorArea } from "@/registry/ui/default/core/color-area";
-
-export default function Demo() {
-  return <ColorArea xChannel="red" yChannel="blue" />;
-}
diff --git a/www/src/registry/ui/default/core/color-area/demos/composition.tsx b/www/src/registry/ui/default/core/color-area/demos/composition.tsx
deleted file mode 100644
index d2ed9c131..000000000
--- a/www/src/registry/ui/default/core/color-area/demos/composition.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ColorAreaRoot } from "@/registry/ui/default/core/color-area";
-import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
-
-export default function Demo() {
-  return (
-    <ColorAreaRoot>
-      <ColorThumb />
-    </ColorAreaRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-area/demos/controlled.tsx b/www/src/registry/ui/default/core/color-area/demos/controlled.tsx
deleted file mode 100644
index 1e3a53e3b..000000000
--- a/www/src/registry/ui/default/core/color-area/demos/controlled.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseColor } from "react-aria-components";
-import { ColorArea } from "@/registry/ui/default/core/color-area";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorArea
-        value={value}
-        onChange={setValue}
-        xChannel="saturation"
-        yChannel="lightness"
-      />
-      <p className="text-fg-muted text-xs">
-        Selected color : {value.toString()}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-area/demos/default.tsx b/www/src/registry/ui/default/core/color-area/demos/default.tsx
deleted file mode 100644
index beb8b4405..000000000
--- a/www/src/registry/ui/default/core/color-area/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorArea } from "@/registry/ui/default/core/color-area";
-
-export default function Demo() {
-  return <ColorArea />;
-}
diff --git a/www/src/registry/ui/default/core/color-area/demos/disabled.tsx b/www/src/registry/ui/default/core/color-area/demos/disabled.tsx
deleted file mode 100644
index b90ba1e4e..000000000
--- a/www/src/registry/ui/default/core/color-area/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorArea } from "@/registry/ui/default/core/color-area";
-
-export default function Demo() {
-  return <ColorArea isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/color-area/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/color-area/demos/uncontrolled.tsx
deleted file mode 100644
index dd954b307..000000000
--- a/www/src/registry/ui/default/core/color-area/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorArea } from "@/registry/ui/default/core/color-area";
-
-export default function Demo() {
-  return <ColorArea defaultValue="hsl(30, 100%, 50%)" />;
-}
diff --git a/www/src/registry/ui/default/core/color-area/index.ts b/www/src/registry/ui/default/core/color-area/index.ts
deleted file mode 100644
index 5ed0daffe..000000000
--- a/www/src/registry/ui/default/core/color-area/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./color-area";
diff --git a/www/src/registry/ui/default/core/color-field/color-field.tsx b/www/src/registry/ui/default/core/color-field/color-field.tsx
deleted file mode 100644
index ec61972e4..000000000
--- a/www/src/registry/ui/default/core/color-field/color-field.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  ColorField as AriaColorField,
-  type ColorFieldProps as AriaColorFieldProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  InputRoot,
-  Input,
-  type inputStyles,
-} from "@/registry/ui/default/core/input";
-
-const colorFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
-});
-
-type ColorFieldProps = ColorFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const ColorField = React.forwardRef<HTMLInputElement, ColorFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix,
-      suffix,
-      isLoading,
-      loaderPosition = "suffix",
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <ColorFieldRoot className={className} isRequired={isRequired} {...props}>
-        <Field
-          label={label}
-          description={description}
-          errorMessage={errorMessage}
-          isRequired={isRequired}
-          necessityIndicator={necessityIndicator}
-          contextualHelp={contextualHelp}
-        >
-          <InputRoot
-            size={size}
-            prefix={prefix}
-            suffix={suffix}
-            isLoading={isLoading}
-            loaderPosition={loaderPosition}
-          >
-            <Input ref={ref} placeholder={placeholder} />
-          </InputRoot>
-        </Field>
-      </ColorFieldRoot>
-    );
-  }
-);
-ColorField.displayName = "ColorField";
-
-type ColorFieldRootProps = Omit<AriaColorFieldProps, "className"> & {
-  className?: string;
-};
-const ColorFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaColorField>,
-  ColorFieldRootProps
->(({ className, ...props }, ref) => {
-  return (
-    <AriaColorField
-      ref={ref}
-      className={colorFieldStyles({ className })}
-      {...props}
-    />
-  );
-});
-ColorFieldRoot.displayName = "ColorFieldRoot";
-
-export type { ColorFieldProps, ColorFieldRootProps };
-export { ColorField, ColorFieldRoot };
diff --git a/www/src/registry/ui/default/core/color-field/demos/composition.tsx b/www/src/registry/ui/default/core/color-field/demos/composition.tsx
deleted file mode 100644
index fcc5f1a69..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/composition.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorFieldRoot } from "@/registry/ui/default/core/color-field";
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/registry/ui/default/core/field";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-
-export default function Demo() {
-  return (
-    <ColorFieldRoot>
-      <Label>Background</Label>
-      <InputRoot>
-        <Input />
-      </InputRoot>
-      <Description>Enter a background color.</Description>
-      <FieldError />
-    </ColorFieldRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/contextual-help.tsx b/www/src/registry/ui/default/core/color-field/demos/contextual-help.tsx
deleted file mode 100644
index 694473732..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/contextual-help.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-
-export default function Demo() {
-  return (
-    <ColorField
-      label="Color"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/controlled.tsx b/www/src/registry/ui/default/core/color-field/demos/controlled.tsx
deleted file mode 100644
index 77adc7895..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/controlled.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import React from "react";
-import { type Color, parseColor } from "react-aria-components";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorField value={color} onChange={setColor} />
-      <p className="text-fg-muted text-sm">
-        Current color value: {color?.toString("hex")}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/default.tsx b/www/src/registry/ui/default/core/color-field/demos/default.tsx
deleted file mode 100644
index f207e51c7..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/default.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return <ColorField label="Color" />;
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/description.tsx b/www/src/registry/ui/default/core/color-field/demos/description.tsx
deleted file mode 100644
index 798cb27dc..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/description.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return <ColorField label="Color" description="Enter a background color." />;
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/disabled.tsx b/www/src/registry/ui/default/core/color-field/demos/disabled.tsx
deleted file mode 100644
index 3cad69aec..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/disabled.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import { parseColor } from "react-aria-components";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return <ColorField value={parseColor("rgb(222,70,58)")} isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/error-message.tsx b/www/src/registry/ui/default/core/color-field/demos/error-message.tsx
deleted file mode 100644
index 83f184980..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return (
-    <ColorField
-      label="Color"
-      isInvalid
-      errorMessage="Please fill out this field."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/form.tsx b/www/src/registry/ui/default/core/color-field/demos/form.tsx
deleted file mode 100644
index 2671023e0..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/form.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return <ColorField />;
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/label.tsx b/www/src/registry/ui/default/core/color-field/demos/label.tsx
deleted file mode 100644
index 72a099e85..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <ColorField label="Background" placeholder="Visible label" />
-      <ColorField aria-label="Background" placeholder="Hidden label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/loading.tsx b/www/src/registry/ui/default/core/color-field/demos/loading.tsx
deleted file mode 100644
index 68858cd5a..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorField isLoading loaderPosition="prefix" />
-      <ColorField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/prefix-and-suffix.tsx b/www/src/registry/ui/default/core/color-field/demos/prefix-and-suffix.tsx
deleted file mode 100644
index dc096ea97..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ColorField } from "@/registry/ui/default/core/color-field";
-import { PaletteIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorField prefix={<PaletteIcon />} />
-      <ColorField suffix={<PaletteIcon />} />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/read-only.tsx b/www/src/registry/ui/default/core/color-field/demos/read-only.tsx
deleted file mode 100644
index 77b59047b..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/read-only.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return <ColorField label="Color" isReadOnly value="#121212" />;
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/required.tsx b/www/src/registry/ui/default/core/color-field/demos/required.tsx
deleted file mode 100644
index f2f2d04df..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <ColorField label="Color" isRequired />
-      <ColorField label="Color" isRequired necessityIndicator="icon" />
-      <ColorField label="Color" isRequired necessityIndicator="label" />
-      <ColorField label="Color" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/sizes.tsx b/www/src/registry/ui/default/core/color-field/demos/sizes.tsx
deleted file mode 100644
index 20ec05f93..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <ColorField label="small" size="sm" />
-      <ColorField label="medium" size="md" />
-      <ColorField label="large" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-field/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/color-field/demos/uncontrolled.tsx
deleted file mode 100644
index 5db796f8b..000000000
--- a/www/src/registry/ui/default/core/color-field/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-
-export default function Demo() {
-  return <ColorField defaultValue="#7f007f" />;
-}
diff --git a/www/src/registry/ui/default/core/color-field/index.ts b/www/src/registry/ui/default/core/color-field/index.ts
deleted file mode 100644
index d1c0dff4c..000000000
--- a/www/src/registry/ui/default/core/color-field/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./color-field";
diff --git a/www/src/registry/ui/default/core/color-picker/color-picker.tsx b/www/src/registry/ui/default/core/color-picker/color-picker.tsx
deleted file mode 100644
index 200a16543..000000000
--- a/www/src/registry/ui/default/core/color-picker/color-picker.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  getColorChannels,
-  ColorPicker as AriaColorPicker,
-  type ColorPickerProps as AriaColorPickerProps,
-  type ColorSpace,
-  composeRenderProps,
-} from "react-aria-components";
-import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
-import { ColorArea } from "@/registry/ui/default/core/color-area";
-import { ColorField } from "@/registry/ui/default/core/color-field";
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
-import { ColorSwatch } from "@/registry/ui/default/core/color-swatch";
-import {
-  Dialog,
-  DialogRoot,
-  DialogRootProps,
-} from "@/registry/ui/default/core/dialog";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-import { cn } from "@/registry/ui/default/lib/cn";
-
-type ColorPickerProps = ColorPickerRootProps &
-  Omit<ButtonProps, "children"> &
-  Pick<DialogRootProps, "onOpenChange">;
-const ColorPicker = ({
-  slot,
-  value,
-  defaultValue,
-  onChange,
-  shape = "square",
-  onOpenChange,
-  ...props
-}: ColorPickerProps) => {
-  return (
-    <ColorPickerRoot
-      slot={slot}
-      value={value}
-      defaultValue={defaultValue}
-      onChange={onChange}
-    >
-      {composeRenderProps(props.children, (children) => (
-        <DialogRoot onOpenChange={onOpenChange}>
-          <Button shape={shape} {...props}>
-            <ColorSwatch />
-            {children}
-          </Button>
-          <Dialog type="popover" mobileType="drawer">
-            <ColorEditor className="mx-auto" />
-          </Dialog>
-        </DialogRoot>
-      ))}
-    </ColorPickerRoot>
-  );
-};
-
-type ColorPickerRootProps = AriaColorPickerProps;
-const ColorPickerRoot = (props: ColorPickerRootProps) => {
-  return <AriaColorPicker {...props} />;
-};
-
-type ColorEditorProps = React.HTMLAttributes<HTMLDivElement>;
-const ColorEditor = ({ className, ...props }: ColorEditorProps) => {
-  const [space, setSpace] = React.useState<ColorSpace | "hex">("hsl");
-  return (
-    <div className={cn("mx-auto flex flex-col gap-2", className)} {...props}>
-      <div className="flex gap-2">
-        <ColorArea
-          colorSpace="hsb"
-          xChannel="saturation"
-          yChannel="brightness"
-        />
-        <ColorSlider
-          orientation="vertical"
-          colorSpace="hsb"
-          channel="hue"
-          showValueLabel={false}
-        />
-        {/* <ColorSlider
-          orientation="vertical"
-          colorSpace="hsb"
-          channel="alpha"
-          showValueLabel={false}
-        /> */}
-      </div>
-      <div className="flex items-center gap-2">
-        <Select
-          selectedKey={space}
-          onSelectionChange={(s) => setSpace(s as ColorSpace)}
-          size="sm"
-        >
-          <Item id="hex">Hex</Item>
-          <Item id="rgb">RGB</Item>
-          <Item id="hsl">HSL</Item>
-          <Item id="hsb">HSB</Item>
-        </Select>
-        {space === "hex" ? (
-          <ColorField
-            aria-label="Hex"
-            className="shrink-1 w-[40px] flex-1 basis-0"
-            size="sm"
-          />
-        ) : (
-          getColorChannels(space).map((channel) => (
-            <ColorField
-              key={channel}
-              colorSpace={space}
-              channel={channel}
-              className="shrink-1 w-[40px] flex-1 basis-0"
-              size="sm"
-            />
-          ))
-        )}
-      </div>
-    </div>
-  );
-};
-
-export type { ColorPickerProps, ColorPickerRootProps };
-export { ColorPicker, ColorPickerRoot, ColorEditor };
diff --git a/www/src/registry/ui/default/core/color-picker/demos/composition.tsx b/www/src/registry/ui/default/core/color-picker/demos/composition.tsx
deleted file mode 100644
index c7edb60e6..000000000
--- a/www/src/registry/ui/default/core/color-picker/demos/composition.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  ColorEditor,
-  ColorPickerRoot,
-} from "@/registry/ui/default/core/color-picker";
-import { ColorSwatch } from "@/registry/ui/default/core/color-swatch";
-import { Dialog, DialogRoot } from "@/registry/ui/default/core/dialog";
-
-export default function Demo() {
-  return (
-    <ColorPickerRoot defaultValue="#5100FF">
-      <DialogRoot>
-        <Button shape="square">
-          <ColorSwatch />
-        </Button>
-        <Dialog type="popover" mobileType="drawer">
-          <ColorEditor />
-        </Dialog>
-      </DialogRoot>
-    </ColorPickerRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-picker/demos/controlled.tsx b/www/src/registry/ui/default/core/color-picker/demos/controlled.tsx
deleted file mode 100644
index bc8416e79..000000000
--- a/www/src/registry/ui/default/core/color-picker/demos/controlled.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-"use client";
-
-import React from "react";
-import { type Color, parseColor } from "react-aria-components";
-import { ColorPicker } from "@/registry/ui/default/core/color-picker";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(parseColor("hsl(26, 33%, 78%)"));
-  // React aria components should fix this type issue (normally its Color not Color & string)
-  return <ColorPicker value={value as Color & string} onChange={setValue} />;
-}
diff --git a/www/src/registry/ui/default/core/color-picker/demos/default.tsx b/www/src/registry/ui/default/core/color-picker/demos/default.tsx
deleted file mode 100644
index 1134e3b39..000000000
--- a/www/src/registry/ui/default/core/color-picker/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorPicker } from "@/registry/ui/default/core/color-picker";
-
-export default function Demo() {
-  return <ColorPicker defaultValue="#5100FF" />;
-}
diff --git a/www/src/registry/ui/default/core/color-picker/demos/options.tsx b/www/src/registry/ui/default/core/color-picker/demos/options.tsx
deleted file mode 100644
index 9d9ec08d9..000000000
--- a/www/src/registry/ui/default/core/color-picker/demos/options.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ColorPicker } from "@/registry/ui/default/core/color-picker";
-
-export default function Demo() {
-  return (
-    <ColorPicker size="sm" shape="rectangle" defaultValue="#107030">
-      Fill color
-    </ColorPicker>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-picker/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/color-picker/demos/uncontrolled.tsx
deleted file mode 100644
index 1134e3b39..000000000
--- a/www/src/registry/ui/default/core/color-picker/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorPicker } from "@/registry/ui/default/core/color-picker";
-
-export default function Demo() {
-  return <ColorPicker defaultValue="#5100FF" />;
-}
diff --git a/www/src/registry/ui/default/core/color-picker/index.ts b/www/src/registry/ui/default/core/color-picker/index.ts
deleted file mode 100644
index 6bad1d67e..000000000
--- a/www/src/registry/ui/default/core/color-picker/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./color-picker";
diff --git a/www/src/registry/ui/default/core/color-slider/color-slider.tsx b/www/src/registry/ui/default/core/color-slider/color-slider.tsx
deleted file mode 100644
index d4994305f..000000000
--- a/www/src/registry/ui/default/core/color-slider/color-slider.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-"use client";
-
-import {
-  composeRenderProps,
-  ColorSlider as AriaColorSlider,
-  SliderOutput as AriaSliderOutput,
-  SliderTrack as AriaSliderTrack,
-  type ColorSliderProps as AriaColorSliderProps,
-  type SliderOutputProps as AriaSliderOutputProps,
-  type SliderTrackProps as AriaSliderTrackProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
-import { Label } from "@/registry/ui/default/core/field";
-import { cn } from "@/registry/ui/default/lib/cn";
-
-const colorSliderStyles = tv({
-  slots: {
-    root: "group/color-slider orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
-    output: "text-fg-muted text-sm",
-    track: [
-      "orientation-horizontal:w-48 orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-48 disabled:bg-bg-disabled! rounded-md",
-      "relative before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
-    ],
-  },
-});
-
-interface ColorSliderProps extends ColorSliderRootProps {
-  showValueLabel?: boolean;
-  label?: string;
-}
-const ColorSlider = ({
-  label,
-  channel,
-  showValueLabel = true,
-  ...props
-}: ColorSliderProps) => {
-  return (
-    <ColorSliderRoot channel={channel} {...props}>
-      {(label || showValueLabel) && (
-        <div
-          className={cn(
-            "flex items-center justify-between gap-2",
-            !label && "justify-end"
-          )}
-        >
-          {label && <Label>{label}</Label>}
-          {showValueLabel && <ColorSliderOutput />}
-        </div>
-      )}
-      <ColorSliderTrack>
-        <ColorThumb />
-      </ColorSliderTrack>
-    </ColorSliderRoot>
-  );
-};
-
-type ColorSliderRootProps = AriaColorSliderProps;
-const ColorSliderRoot = (props: ColorSliderRootProps) => {
-  const { root } = colorSliderStyles();
-  return (
-    <AriaColorSlider
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-    />
-  );
-};
-
-type ColorSliderTrackProps = AriaSliderTrackProps;
-const ColorSliderTrack = (props: ColorSliderTrackProps) => {
-  const { track } = colorSliderStyles();
-  return (
-    <AriaSliderTrack
-      {...props}
-      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
-        ...style,
-        ...(isDisabled ? { background: "none" } : {}),
-      }))}
-      className={composeRenderProps(props.className, (className) =>
-        track({ className })
-      )}
-    />
-  );
-};
-
-type ColorSliderOutputProps = AriaSliderOutputProps;
-const ColorSliderOutput = (props: ColorSliderOutputProps) => {
-  const { output } = colorSliderStyles();
-  return (
-    <AriaSliderOutput
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        output({ className })
-      )}
-    />
-  );
-};
-
-export type {
-  ColorSliderProps,
-  ColorSliderRootProps,
-  ColorSliderTrackProps,
-  ColorSliderOutputProps,
-};
-export {
-  ColorSlider,
-  ColorSliderRoot,
-  ColorSliderOutput,
-  ColorSliderTrack,
-  colorSliderStyles,
-};
diff --git a/www/src/registry/ui/default/core/color-slider/demos/channel.tsx b/www/src/registry/ui/default/core/color-slider/demos/channel.tsx
deleted file mode 100644
index aea47abf9..000000000
--- a/www/src/registry/ui/default/core/color-slider/demos/channel.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
-
-export default function Demo() {
-  return <ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" />;
-}
diff --git a/www/src/registry/ui/default/core/color-slider/demos/composition.tsx b/www/src/registry/ui/default/core/color-slider/demos/composition.tsx
deleted file mode 100644
index bbfcbbaf7..000000000
--- a/www/src/registry/ui/default/core/color-slider/demos/composition.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import {
-  ColorSliderOutput,
-  ColorSliderRoot,
-  ColorSliderTrack,
-} from "@/registry/ui/default/core/color-slider";
-import { ColorThumb } from "@/registry/ui/default/core/color-thumb";
-import { Label } from "@/registry/ui/default/core/field";
-
-export default function Demo() {
-  return (
-    <ColorSliderRoot channel="hue" defaultValue="hsl(0, 100%, 50%)">
-      <div className="flex items-center justify-between">
-        <Label>Hue</Label>
-        <ColorSliderOutput />
-      </div>
-      <ColorSliderTrack>
-        <ColorThumb />
-      </ColorSliderTrack>
-    </ColorSliderRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-slider/demos/controlled.tsx b/www/src/registry/ui/default/core/color-slider/demos/controlled.tsx
deleted file mode 100644
index 58fcbbcb4..000000000
--- a/www/src/registry/ui/default/core/color-slider/demos/controlled.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseColor } from "react-aria-components";
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorSlider value={value} onChange={setValue} channel="hue" />
-      <p className="text-fg-muted text-xs">Value: {value.toString("hex")}</p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-slider/demos/default.tsx b/www/src/registry/ui/default/core/color-slider/demos/default.tsx
deleted file mode 100644
index 29307aed1..000000000
--- a/www/src/registry/ui/default/core/color-slider/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
-
-export default function Demo() {
-  return <ColorSlider channel="hue" defaultValue="hsl(200, 100%, 50%)" />;
-}
diff --git a/www/src/registry/ui/default/core/color-slider/demos/disabled.tsx b/www/src/registry/ui/default/core/color-slider/demos/disabled.tsx
deleted file mode 100644
index 1a8f6a512..000000000
--- a/www/src/registry/ui/default/core/color-slider/demos/disabled.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
-
-export default function Demo() {
-  return (
-    <ColorSlider
-      label="Opacity"
-      defaultValue="#f00"
-      channel="alpha"
-      isDisabled
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-slider/demos/label.tsx b/www/src/registry/ui/default/core/color-slider/demos/label.tsx
deleted file mode 100644
index 9f7176941..000000000
--- a/www/src/registry/ui/default/core/color-slider/demos/label.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
-
-export default function Demo() {
-  return (
-    <ColorSlider label="Hue" channel="hue" defaultValue="hsl(200, 100%, 50%)" />
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-slider/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/color-slider/demos/uncontrolled.tsx
deleted file mode 100644
index 86e62664c..000000000
--- a/www/src/registry/ui/default/core/color-slider/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
-
-export default function Demo() {
-  return <ColorSlider channel="hue" defaultValue="hsl(0, 100%, 50%)" />;
-}
diff --git a/www/src/registry/ui/default/core/color-slider/demos/vertical.tsx b/www/src/registry/ui/default/core/color-slider/demos/vertical.tsx
deleted file mode 100644
index de78b712e..000000000
--- a/www/src/registry/ui/default/core/color-slider/demos/vertical.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ColorSlider } from "@/registry/ui/default/core/color-slider";
-
-export default function Demo() {
-  return (
-    <ColorSlider
-      orientation="vertical"
-      channel="hue"
-      defaultValue="hsl(0, 100%, 50%)"
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/color-slider/index.ts b/www/src/registry/ui/default/core/color-slider/index.ts
deleted file mode 100644
index a0566ea5a..000000000
--- a/www/src/registry/ui/default/core/color-slider/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./color-slider";
diff --git a/www/src/registry/ui/default/core/color-swatch/color-swatch.tsx b/www/src/registry/ui/default/core/color-swatch/color-swatch.tsx
deleted file mode 100644
index 9183a75e2..000000000
--- a/www/src/registry/ui/default/core/color-swatch/color-swatch.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import {
-  ColorSwatch as AriaColorSwatch,
-  type ColorSwatchProps as AriaColorSwatchProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const colorSwatchStyles = tv({
-  base: "size-5 rounded-sm border",
-});
-
-interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "className"> {
-  className?: string;
-}
-const ColorSwatch = ({ className, ...props }: ColorSwatchProps) => {
-  return (
-    <AriaColorSwatch className={colorSwatchStyles({ className })} {...props} />
-  );
-};
-
-export type { ColorSwatchProps };
-export { ColorSwatch };
diff --git a/www/src/registry/ui/default/core/color-swatch/demos/default.tsx b/www/src/registry/ui/default/core/color-swatch/demos/default.tsx
deleted file mode 100644
index c5cb68645..000000000
--- a/www/src/registry/ui/default/core/color-swatch/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorSwatch } from "@/registry/ui/default/core/color-swatch";
-
-export default function Demo() {
-  return <ColorSwatch color="#f00" />;
-}
diff --git a/www/src/registry/ui/default/core/color-swatch/index.ts b/www/src/registry/ui/default/core/color-swatch/index.ts
deleted file mode 100644
index d2c166308..000000000
--- a/www/src/registry/ui/default/core/color-swatch/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./color-swatch";
diff --git a/www/src/registry/ui/default/core/color-thumb/color-thumb.tsx b/www/src/registry/ui/default/core/color-thumb/color-thumb.tsx
deleted file mode 100644
index 900252e79..000000000
--- a/www/src/registry/ui/default/core/color-thumb/color-thumb.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client";
-
-import {
-  ColorThumb as AriaColorThumb,
-  type ColorThumbProps as AriaColorThumbProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
-
-const colorThumbStyles = tv({
-  extend: focusRing,
-  base: [
-    "disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40",
-    "group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2",
-  ],
-});
-
-interface ColorThumbProps extends Omit<AriaColorThumbProps, "className"> {
-  className?: string;
-}
-const ColorThumb = ({ className, ...props }: ColorThumbProps) => {
-  return (
-    <AriaColorThumb className={colorThumbStyles({ className })} {...props} />
-  );
-};
-
-export type { ColorThumbProps };
-export { ColorThumb };
diff --git a/www/src/registry/ui/default/core/color-thumb/index.ts b/www/src/registry/ui/default/core/color-thumb/index.ts
deleted file mode 100644
index fd62c167d..000000000
--- a/www/src/registry/ui/default/core/color-thumb/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./color-thumb";
diff --git a/www/src/registry/ui/default/core/combobox/combobox.tsx b/www/src/registry/ui/default/core/combobox/combobox.tsx
deleted file mode 100644
index 6beac8d8e..000000000
--- a/www/src/registry/ui/default/core/combobox/combobox.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  ComboBox as AriaCombobox,
-  type ComboBoxProps as AriaComboboxProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-import { ListBox } from "@/registry/ui/default/core/list-box";
-import { Overlay } from "@/registry/ui/default/core/overlay";
-import { ChevronDownIcon } from "@/__icons__";
-
-const comboboxStyles = tv({
-  slots: {
-    root: "flex w-48 flex-col items-start gap-2",
-  },
-});
-
-interface ComboboxProps<T extends object>
-  extends Omit<ComboboxRootProps<T>, "children">,
-    Omit<FieldProps, "children"> {
-  isLoading?: boolean;
-  children: React.ReactNode | ((item: T) => React.ReactNode);
-  items?: Iterable<T>;
-}
-const Combobox = <T extends object>({
-  label,
-  description,
-  errorMessage,
-  necessityIndicator,
-  contextualHelp,
-  children,
-  items,
-  isLoading,
-  ...props
-}: ComboboxProps<T>) => {
-  return (
-    <ComboboxRoot {...props}>
-      {({ isRequired }) => (
-        <>
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <ComboboxTrigger />
-          </Field>
-          <Overlay type="popover">
-            <ListBox items={items} isLoading={isLoading}>
-              {children}
-            </ListBox>
-          </Overlay>
-        </>
-      )}
-    </ComboboxRoot>
-  );
-};
-
-const ComboboxTrigger = () => {
-  return (
-    <InputRoot className="px-0">
-      <Input className="pl-2" />
-      <Button variant="default" shape="square" className="my-1 mr-1 size-7">
-        <ChevronDownIcon />
-      </Button>
-    </InputRoot>
-  );
-};
-
-interface ComboboxRootProps<T extends object>
-  extends Omit<AriaComboboxProps<T>, "className"> {
-  className?: string;
-}
-const ComboboxRoot = <T extends object>({
-  className,
-  ...props
-}: ComboboxRootProps<T>) => {
-  const { root } = comboboxStyles();
-  return <AriaCombobox className={root({ className })} {...props} />;
-};
-
-export type { ComboboxProps, ComboboxRootProps };
-export { Combobox, ComboboxRoot, ComboboxTrigger };
diff --git a/www/src/registry/ui/default/core/combobox/demos/async-loading.tsx b/www/src/registry/ui/default/core/combobox/demos/async-loading.tsx
deleted file mode 100644
index f632292c0..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/async-loading.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import { useAsyncList } from "react-stately";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-interface Character {
-  name: string;
-}
-
-export default function Demo() {
-  const list = useAsyncList<Character>({
-    async load({ signal }) {
-      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
-      const json = (await res.json()) as { results: Character[] };
-      return {
-        items: json.results,
-      };
-    },
-  });
-
-  return (
-    <Combobox label="Pokemon" items={list.items} isLoading={list.isLoading}>
-      {(item) => <Item id={item.name}>{item.name}</Item>}
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/basic.tsx b/www/src/registry/ui/default/core/combobox/demos/basic.tsx
deleted file mode 100644
index d2dabebba..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/basic.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox aria-label="country">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/composition.tsx b/www/src/registry/ui/default/core/combobox/demos/composition.tsx
deleted file mode 100644
index 4fa86b8c8..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/composition.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from "react";
-import {
-  ComboboxRoot,
-  ComboboxTrigger,
-} from "@/registry/ui/default/core/combobox";
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/registry/ui/default/core/field";
-import { Item, ListBox } from "@/registry/ui/default/core/list-box";
-import { Overlay } from "@/registry/ui/default/core/overlay";
-
-export default function Demo() {
-  return (
-    <ComboboxRoot>
-      <Label>Framework</Label>
-      <ComboboxTrigger />
-      <Description>Please choose a framework.</Description>
-      <FieldError />
-      <Overlay type="popover">
-        <ListBox>
-          <Item>Next.js</Item>
-          <Item>Remix</Item>
-          <Item>Gatsby</Item>
-          <Item></Item>
-        </ListBox>
-      </Overlay>
-    </ComboboxRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/contextual-help.tsx b/www/src/registry/ui/default/core/combobox/demos/contextual-help.tsx
deleted file mode 100644
index a65d7b3ce..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/contextual-help.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox
-      label="Country"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, get assisted by our AI."
-        />
-      }
-    >
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/controlled.tsx b/www/src/registry/ui/default/core/combobox/demos/controlled.tsx
deleted file mode 100644
index 695958db7..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/controlled.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Key } from "react-aria-components";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  const [country, setCountry] = React.useState<Key | null>("tn");
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <Combobox
-        aria-label="country"
-        selectedKey={country}
-        onSelectionChange={setCountry}
-      >
-        <Item id="ca">Canada</Item>
-        <Item id="fr">France</Item>
-        <Item id="de">Germany</Item>
-        <Item id="es">Spain</Item>
-        <Item id="tn">Tunisia</Item>
-        <Item id="us">United States</Item>
-        <Item id="uk">United Kingdom</Item>
-      </Combobox>
-      <p className="text-fg-muted text-sm">
-        {country ? (
-          <>
-            You selected: <span className="text-fg font-bold">{country}</span>
-          </>
-        ) : (
-          "Select a country."
-        )}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/custom-value.tsx b/www/src/registry/ui/default/core/combobox/demos/custom-value.tsx
deleted file mode 100644
index 823ca5f50..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/custom-value.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox aria-label="country" allowsCustomValue>
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/description.tsx b/www/src/registry/ui/default/core/combobox/demos/description.tsx
deleted file mode 100644
index 98d58af71..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/description.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox label="Country" description="Please select a country.">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/disabled.tsx b/www/src/registry/ui/default/core/combobox/demos/disabled.tsx
deleted file mode 100644
index 4119848ee..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/disabled.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox label="Favorite Animal" isDisabled>
-      <Item id="red panda">Red Panda</Item>
-      <Item id="cat">Cat</Item>
-      <Item id="dog">Dog</Item>
-      <Item id="aardvark">Aardvark</Item>
-      <Item id="kangaroo">Kangaroo</Item>
-      <Item id="snake">Snake</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/label.tsx b/www/src/registry/ui/default/core/combobox/demos/label.tsx
deleted file mode 100644
index 11e0e7c09..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/label.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox label="Country">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/loading.tsx b/www/src/registry/ui/default/core/combobox/demos/loading.tsx
deleted file mode 100644
index 6e3fe31e0..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/loading.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox label="Favorite Animal" isLoading>
-      <Item>Red Panda</Item>
-      <Item>Cat</Item>
-      <Item>Dog</Item>
-      <Item>Aardvark</Item>
-      <Item>Kangaroo</Item>
-      <Item>Snake</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/required.tsx b/www/src/registry/ui/default/core/combobox/demos/required.tsx
deleted file mode 100644
index 0c9425a5a..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/required.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox label="Country" isRequired necessityIndicator="icon">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/sections.tsx b/www/src/registry/ui/default/core/combobox/demos/sections.tsx
deleted file mode 100644
index 39cbfa6ae..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/sections.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Section } from "@/registry/ui/default/core/section";
-
-export default function Demo() {
-  return (
-    <Combobox aria-label="Country">
-      <Section title="Africa">
-        <Item>Tunisia</Item>
-        <Item>Algeria</Item>
-        <Item>Morocco</Item>
-      </Section>
-      <Section title="America">
-        <Item>Canada</Item>
-        <Item>United states</Item>
-      </Section>
-      <Section title="Asia">
-        <Item>India</Item>
-        <Item>Japan</Item>
-        <Item>Korea</Item>
-      </Section>
-      <Section title="Europe">
-        <Item>France</Item>
-        <Item>Germany</Item>
-        <Item>Spain</Item>
-        <Item>United Kingdom</Item>
-      </Section>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/combobox/demos/uncontrolled.tsx
deleted file mode 100644
index 8a27e8120..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox aria-label="country" defaultSelectedKey="tn">
-      <Item id="ca">Canada</Item>
-      <Item id="fr">France</Item>
-      <Item id="de">Germany</Item>
-      <Item id="es">Spain</Item>
-      <Item id="tn">Tunisia</Item>
-      <Item id="us">United States</Item>
-      <Item id="uk">United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/demos/validation.tsx b/www/src/registry/ui/default/core/combobox/demos/validation.tsx
deleted file mode 100644
index d4862e7f7..000000000
--- a/www/src/registry/ui/default/core/combobox/demos/validation.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from "react";
-import { Combobox } from "@/registry/ui/default/core/combobox";
-import { Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox
-      aria-label="Country"
-      isInvalid
-      errorMessage="Please select a country in the list."
-    >
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/combobox/index.ts b/www/src/registry/ui/default/core/combobox/index.ts
deleted file mode 100644
index 1be314de7..000000000
--- a/www/src/registry/ui/default/core/combobox/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./combobox";
diff --git a/www/src/registry/ui/default/core/command/command.tsx b/www/src/registry/ui/default/core/command/command.tsx
deleted file mode 100644
index 39eac0305..000000000
--- a/www/src/registry/ui/default/core/command/command.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { cn } from "@/registry/ui/default/lib/cn";
-import { SearchIcon } from "@/__icons__";
-
-type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
-const CommandRoot = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive>,
-  CommandRootProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive
-    ref={ref}
-    className={cn(
-      "bg-bg text-fg flex h-full w-full flex-col overflow-hidden rounded-md",
-      className
-    )}
-    {...props}
-  />
-));
-CommandRoot.displayName = CommandPrimitive.displayName;
-
-type CommandInputProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Input
-> & {
-  wrapperClassName?: string;
-  icon?: React.ReactNode;
-};
-const CommandInput = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Input>,
-  CommandInputProps
->(({ className, wrapperClassName, icon, ...props }, ref) => (
-  <div
-    className={cn("flex items-center gap-2 border-b px-3", wrapperClassName)}
-    cmdk-input-wrapper=""
-  >
-    {icon || <SearchIcon className="size-4 shrink-0" />}
-    <CommandPrimitive.Input
-      ref={ref}
-      className={cn(
-        "placeholder:text-fg-muted outline-hidden flex h-11 w-full rounded-md bg-transparent py-3 text-base disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
-        className
-      )}
-      {...props}
-    />
-  </div>
-));
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-
-type CommandListProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.List
->;
-const CommandList = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.List>,
-  CommandListProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.List
-    ref={ref}
-    className={cn("flex-1 overflow-y-auto overflow-x-hidden", className)}
-    {...props}
-  />
-));
-CommandList.displayName = CommandPrimitive.List.displayName;
-
-type CommandEmptyProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Empty
->;
-const CommandEmpty = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Empty>,
-  CommandEmptyProps
->((props, ref) => (
-  <CommandPrimitive.Empty
-    ref={ref}
-    className="py-6 text-center text-sm"
-    {...props}
-  />
-));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-
-type CommandGroupProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Group
->;
-const CommandGroup = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Group>,
-  CommandGroupProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Group
-    ref={ref}
-    className={cn(
-      "text-fg [&_[cmdk-group-heading]]:text-fg-muted overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-      className
-    )}
-    {...props}
-  />
-));
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-
-type CommandSeparatorProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Separator
->;
-const CommandSeparator = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Separator>,
-  CommandSeparatorProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Separator
-    ref={ref}
-    className={cn(
-      "bg-border separator h-px w-full shrink-0 border-0",
-      className
-    )}
-    // className={cn("-mx-1 h-px bg-border", className)}
-    {...props}
-  />
-));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-
-type CommandItemProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Item
->;
-const CommandItem = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Item>,
-  CommandItemProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Item
-    ref={ref}
-    className={cn(
-      "aria-selected:bg-bg-muted aria-selected:text-fg outline-hidden relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm transition-colors",
-      className
-    )}
-    {...props}
-  />
-));
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-
-type CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
-const CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {
-  return (
-    <span
-      className={cn("text-fg-muted ml-auto text-xs tracking-widest", className)}
-      {...props}
-    />
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-
-export {
-  CommandRoot,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator,
-};
-
-export type {
-  CommandRootProps,
-  CommandInputProps,
-  CommandListProps,
-  CommandEmptyProps,
-  CommandGroupProps,
-  CommandSeparatorProps,
-  CommandItemProps,
-  CommandShortcutProps,
-};
diff --git a/www/src/registry/ui/default/core/command/index.ts b/www/src/registry/ui/default/core/command/index.ts
deleted file mode 100644
index f4c8ea9e0..000000000
--- a/www/src/registry/ui/default/core/command/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./command";
diff --git a/www/src/registry/ui/default/core/contextual-help/contextual-help.tsx b/www/src/registry/ui/default/core/contextual-help/contextual-help.tsx
deleted file mode 100644
index 9276523bc..000000000
--- a/www/src/registry/ui/default/core/contextual-help/contextual-help.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { InfoIcon, HelpIcon } from "@/__icons__";
-
-interface ContextualHelpProps {
-  title?: string;
-  description?: string;
-  variant?: "info" | "help";
-}
-
-const ContextualHelp = ({
-  title,
-  description,
-  variant,
-}: ContextualHelpProps) => {
-  const icon = variant === "info" ? <InfoIcon /> : <HelpIcon />;
-  return (
-    <DialogRoot>
-      <Button
-        slot={null}
-        aria-label={variant}
-        variant="quiet"
-        size="sm"
-        shape="square"
-        className="size-6"
-      >
-        {icon}
-      </Button>
-      <Dialog
-        type="popover"
-        mobileType="modal"
-        title={title}
-        description={description}
-      />
-    </DialogRoot>
-  );
-};
-
-export { ContextualHelp };
diff --git a/www/src/registry/ui/default/core/contextual-help/index.ts b/www/src/registry/ui/default/core/contextual-help/index.ts
deleted file mode 100644
index a4eae45bb..000000000
--- a/www/src/registry/ui/default/core/contextual-help/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./contextual-help";
diff --git a/www/src/registry/ui/default/core/date-field/date-field.tsx b/www/src/registry/ui/default/core/date-field/date-field.tsx
deleted file mode 100644
index 4c8a43371..000000000
--- a/www/src/registry/ui/default/core/date-field/date-field.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  DateField as AriaDateField,
-  type DateFieldProps as AriaDateFieldProps,
-  type DateValue,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  InputRoot,
-  type InputRootProps,
-  type inputStyles,
-} from "@/registry/ui/default/core/input";
-
-const dateFieldStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-  },
-});
-
-interface DateFieldProps<T extends DateValue>
-  extends DateFieldRootProps<T>,
-    Omit<FieldProps, "children">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-}
-
-const DateField = <T extends DateValue>({
-  className,
-  size,
-  label,
-  description,
-  errorMessage,
-  prefix,
-  suffix,
-  isLoading,
-  loaderPosition = "suffix",
-  isRequired,
-  isDisabled,
-  necessityIndicator,
-  contextualHelp,
-  ...props
-}: DateFieldProps<T>) => {
-  return (
-    <DateFieldRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <DateFieldInput
-          size={size}
-          prefix={prefix}
-          suffix={suffix}
-          isLoading={isLoading}
-          loaderPosition={loaderPosition}
-        />
-      </Field>
-    </DateFieldRoot>
-  );
-};
-
-interface DateFieldRootProps<T extends DateValue>
-  extends Omit<AriaDateFieldProps<T>, "className"> {
-  className?: string;
-}
-const DateFieldRoot = <T extends DateValue>({
-  className,
-  ...props
-}: DateFieldRootProps<T>) => {
-  const { root } = dateFieldStyles();
-  return <AriaDateField className={root({ className })} {...props} />;
-};
-
-const DateFieldInput = (props: InputRootProps) => (
-  <InputRoot {...props}>
-    <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-  </InputRoot>
-);
-
-export type { DateFieldProps, DateFieldRootProps };
-export { DateField, DateFieldRoot };
diff --git a/www/src/registry/ui/default/core/date-field/demos/composition.tsx b/www/src/registry/ui/default/core/date-field/demos/composition.tsx
deleted file mode 100644
index aa973dba8..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/composition.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateFieldRoot } from "@/registry/ui/default/core/date-field";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { InputRoot } from "@/registry/ui/default/core/input";
-
-export default function Demo() {
-  return (
-    <DateFieldRoot>
-      <Label>Meeting time</Label>
-      <InputRoot>
-        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-      </InputRoot>
-      <Description>Please select a time between 9 AM and 5 PM.</Description>
-    </DateFieldRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/contextual-help.tsx b/www/src/registry/ui/default/core/date-field/demos/contextual-help.tsx
deleted file mode 100644
index b03a86db9..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Appointment"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/controlled.tsx b/www/src/registry/ui/default/core/date-field/demos/controlled.tsx
deleted file mode 100644
index 4fdb94f7d..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/controlled.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseDate } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(parseDate("2020-02-03"));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <DateField aria-label="Event date" value={value} onChange={setValue} />
-      <p className="text-fg-muted text-sm">selected date: {value.toString()}</p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/default.tsx b/www/src/registry/ui/default/core/date-field/demos/default.tsx
deleted file mode 100644
index 899fbdc06..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return <DateField aria-label="Meeting date" />;
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/description.tsx b/www/src/registry/ui/default/core/date-field/demos/description.tsx
deleted file mode 100644
index 531e3198e..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/description.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return <DateField label="Appointment" description="Please select a date." />;
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/disabled.tsx b/www/src/registry/ui/default/core/date-field/demos/disabled.tsx
deleted file mode 100644
index 77735f95a..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return <DateField label="Event date" isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/error-message.tsx b/www/src/registry/ui/default/core/date-field/demos/error-message.tsx
deleted file mode 100644
index 367844041..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Meeting"
-      isInvalid
-      errorMessage="Meetings can't be scheduled in the past."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/granularity.tsx b/www/src/registry/ui/default/core/date-field/demos/granularity.tsx
deleted file mode 100644
index 455c0348d..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/granularity.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <DateField
-        label="Hour"
-        granularity="hour"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-      <DateField
-        label="Minute"
-        granularity="minute"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-      <DateField
-        label="Second"
-        granularity="second"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/hide-time-zone.tsx b/www/src/registry/ui/default/core/date-field/demos/hide-time-zone.tsx
deleted file mode 100644
index a4d9b6d57..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/hide-time-zone.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import { parseZonedDateTime } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Appointment time"
-      granularity="minute"
-      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
-      hideTimeZone
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/hour-cycle.tsx b/www/src/registry/ui/default/core/date-field/demos/hour-cycle.tsx
deleted file mode 100644
index e6651c973..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/hour-cycle.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      aria-label="Appointment date"
-      granularity="minute"
-      hourCycle={24}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/label.tsx b/www/src/registry/ui/default/core/date-field/demos/label.tsx
deleted file mode 100644
index fd2a0c66d..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <DateField label="Meeting date" />
-      <DateField aria-label="Meeting date" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/loading.tsx b/www/src/registry/ui/default/core/date-field/demos/loading.tsx
deleted file mode 100644
index 8f5d40609..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-2">
-      <DateField aria-label="Meeting date" isLoading loaderPosition="prefix" />
-      <DateField aria-label="Meeting date" isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/placeholder.tsx b/www/src/registry/ui/default/core/date-field/demos/placeholder.tsx
deleted file mode 100644
index d7478c333..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/placeholder.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { CalendarDate } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Meeting date"
-      placeholderValue={new CalendarDate(1980, 1, 1)}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/prefix-and-suffix.tsx b/www/src/registry/ui/default/core/date-field/demos/prefix-and-suffix.tsx
deleted file mode 100644
index 1cb2d412a..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { DateField } from "@/registry/ui/default/core/date-field";
-import { CalendarIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="space-y-2">
-      <DateField aria-label="Meeting date" prefix={<CalendarIcon />} />
-      <DateField aria-label="Meeting date" suffix={<CalendarIcon />} />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/read-only.tsx b/www/src/registry/ui/default/core/date-field/demos/read-only.tsx
deleted file mode 100644
index b1ffa7562..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/read-only.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { CalendarDate } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Event date"
-      value={new CalendarDate(1980, 1, 1)}
-      isReadOnly
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/required.tsx b/www/src/registry/ui/default/core/date-field/demos/required.tsx
deleted file mode 100644
index 285caee89..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <DateField label="Event date" isRequired />
-      <DateField label="Event date" isRequired necessityIndicator="icon" />
-      <DateField label="Event date" isRequired necessityIndicator="label" />
-      <DateField label="Event date" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/sizes.tsx b/www/src/registry/ui/default/core/date-field/demos/sizes.tsx
deleted file mode 100644
index 9e61e4254..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <DateField label="small (sm)" size="sm" />
-      <DateField label="medium (md)" size="md" />
-      <DateField label="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/time-zones.tsx b/www/src/registry/ui/default/core/date-field/demos/time-zones.tsx
deleted file mode 100644
index 5e46c3d8f..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/time-zones.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/date-field/demos/uncontrolled.tsx
deleted file mode 100644
index 7fea27cb7..000000000
--- a/www/src/registry/ui/default/core/date-field/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseDate } from "@internationalized/date";
-import { DateField } from "@/registry/ui/default/core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField aria-label="Event date" defaultValue={parseDate("2020-02-03")} />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-field/index.ts b/www/src/registry/ui/default/core/date-field/index.ts
deleted file mode 100644
index e1d5415a1..000000000
--- a/www/src/registry/ui/default/core/date-field/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./date-field";
diff --git a/www/src/registry/ui/default/core/date-input/date-input.tsx b/www/src/registry/ui/default/core/date-input/date-input.tsx
deleted file mode 100644
index 606a962ef..000000000
--- a/www/src/registry/ui/default/core/date-input/date-input.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  DateInput as AriaDateInput,
-  DateSegment as AriaDateSegment,
-  type DateSegmentProps as AriaDateSegmentProps,
-  type DateInputProps as AriaDateInputProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const dateInputStyles = tv({
-  slots: {
-    input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex items-center justify-start disabled:cursor-default",
-    ],
-    segment:
-      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
-  },
-});
-
-interface DateInputProps extends Omit<AriaDateInputProps, "className"> {
-  className?: string;
-}
-const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(
-  ({ className, ...props }, ref) => {
-    const { input } = dateInputStyles();
-    return (
-      <AriaDateInput ref={ref} className={input({ className })} {...props} />
-    );
-  }
-);
-DateInput.displayName = "Input";
-
-interface DateSegmentProps extends Omit<AriaDateSegmentProps, "className"> {
-  className?: string;
-}
-const DateSegment = React.forwardRef<HTMLInputElement, DateSegmentProps>(
-  ({ className, ...props }, ref) => {
-    const { segment } = dateInputStyles();
-    return (
-      <AriaDateSegment
-        ref={ref}
-        className={segment({ className })}
-        {...props}
-      />
-    );
-  }
-);
-DateSegment.displayName = "Segment";
-
-export type { DateInputProps, DateSegmentProps };
-export { DateInput, DateSegment };
diff --git a/www/src/registry/ui/default/core/date-input/index.ts b/www/src/registry/ui/default/core/date-input/index.ts
deleted file mode 100644
index c88a5824a..000000000
--- a/www/src/registry/ui/default/core/date-input/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./date-input";
diff --git a/www/src/registry/ui/default/core/date-picker/date-picker.tsx b/www/src/registry/ui/default/core/date-picker/date-picker.tsx
deleted file mode 100644
index 53dc631b0..000000000
--- a/www/src/registry/ui/default/core/date-picker/date-picker.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  DatePicker as AriaDatePicker,
-  type DatePickerProps as AriaDatePickerProps,
-  type DateValue,
-} from "react-aria-components";
-import { type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { Calendar } from "@/registry/ui/default/core/calendar";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Dialog } from "@/registry/ui/default/core/dialog";
-import {
-  Field,
-  fieldStyles,
-  type FieldProps,
-} from "@/registry/ui/default/core/field";
-import { InputRoot, type inputStyles } from "@/registry/ui/default/core/input";
-import { CalendarIcon } from "@/__icons__";
-
-interface DatePickerProps<T extends DateValue>
-  extends DatePickerRootProps<T>,
-    Omit<FieldProps, "children">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  isLoading?: boolean;
-}
-
-const DatePicker = <T extends DateValue>({
-  className,
-  size,
-  label,
-  description,
-  errorMessage,
-  prefix,
-  isLoading,
-  isRequired,
-  isDisabled,
-  necessityIndicator,
-  contextualHelp,
-  ...props
-}: DatePickerProps<T>) => {
-  return (
-    <DatePickerRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <InputRoot
-          size={size}
-          prefix={prefix}
-          isLoading={isLoading}
-          loaderPosition="prefix"
-          className="pr-1"
-        >
-          <DateInput>
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-          <Button
-            variant="default"
-            size="sm"
-            shape="square"
-            className="my-1 size-7 rounded-sm"
-          >
-            <CalendarIcon />
-          </Button>
-        </InputRoot>
-      </Field>
-      <Dialog type="popover" mobileType="drawer" className="flex">
-        <Calendar className="mx-auto" />
-      </Dialog>
-    </DatePickerRoot>
-  );
-};
-
-interface DatePickerRootProps<T extends DateValue>
-  extends Omit<AriaDatePickerProps<T>, "className"> {
-  className?: string;
-}
-const DatePickerRoot = <T extends DateValue>({
-  className,
-  ...props
-}: DatePickerRootProps<T>) => {
-  const { root } = fieldStyles();
-  return <AriaDatePicker className={root({ className })} {...props} />;
-};
-
-export type { DatePickerProps, DatePickerRootProps };
-export { DatePicker, DatePickerRoot };
diff --git a/www/src/registry/ui/default/core/date-picker/demos/composition.tsx b/www/src/registry/ui/default/core/date-picker/demos/composition.tsx
deleted file mode 100644
index 994e2c2e6..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/composition.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Calendar } from "@/registry/ui/default/core/calendar";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { DatePickerRoot } from "@/registry/ui/default/core/date-picker";
-import { DialogContent } from "@/registry/ui/default/core/dialog";
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/registry/ui/default/core/field";
-import { InputRoot } from "@/registry/ui/default/core/input";
-import { Overlay } from "@/registry/ui/default/core/overlay";
-import { CalendarIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <DatePickerRoot>
-      <Label>Meeting date</Label>
-      <InputRoot
-        suffix={
-          <Button variant="default" size="sm" shape="square" className="size-7">
-            <CalendarIcon />
-          </Button>
-        }
-        className="pr-1"
-      >
-        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-      </InputRoot>
-      <Description>Please select a date.</Description>
-      <FieldError />
-      <Overlay type="popover" mobileType="drawer">
-        <DialogContent>
-          <Calendar />
-        </DialogContent>
-      </Overlay>
-    </DatePickerRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/contextual-help.tsx b/www/src/registry/ui/default/core/date-picker/demos/contextual-help.tsx
deleted file mode 100644
index 4ecc719d6..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Appointment"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/controlled.tsx b/www/src/registry/ui/default/core/date-picker/demos/controlled.tsx
deleted file mode 100644
index 0d902e18a..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/controlled.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseDate } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(parseDate("2020-02-03"));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <DatePicker label="Meeting date" value={value} onChange={setValue} />
-      <p className="text-fg-muted text-sm">selected date: {value.toString()}</p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/default.tsx b/www/src/registry/ui/default/core/date-picker/demos/default.tsx
deleted file mode 100644
index 390960daf..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return <DatePicker aria-label="Meeting date" />;
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/description.tsx b/www/src/registry/ui/default/core/date-picker/demos/description.tsx
deleted file mode 100644
index aa2033b26..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/description.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return <DatePicker label="Appointment" description="Please select a date." />;
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/disabled.tsx b/www/src/registry/ui/default/core/date-picker/demos/disabled.tsx
deleted file mode 100644
index de415b0fe..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return <DatePicker label="Event date" isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/error-message.tsx b/www/src/registry/ui/default/core/date-picker/demos/error-message.tsx
deleted file mode 100644
index f1d09e760..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Meeting"
-      isInvalid
-      errorMessage="Meetings can't be scheduled in the past."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/granularity.tsx b/www/src/registry/ui/default/core/date-picker/demos/granularity.tsx
deleted file mode 100644
index 5d1ce78f6..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/granularity.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <DatePicker
-        label="Hour"
-        granularity="hour"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-      <DatePicker
-        label="Minute"
-        granularity="minute"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-      <DatePicker
-        label="Second"
-        granularity="second"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/hide-time-zone.tsx b/www/src/registry/ui/default/core/date-picker/demos/hide-time-zone.tsx
deleted file mode 100644
index 79e4de901..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/hide-time-zone.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import { parseZonedDateTime } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Appointment time"
-      granularity="minute"
-      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
-      hideTimeZone
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/hour-cycle.tsx b/www/src/registry/ui/default/core/date-picker/demos/hour-cycle.tsx
deleted file mode 100644
index 339f8a0ba..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/hour-cycle.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      aria-label="Appointment date"
-      granularity="minute"
-      hourCycle={24}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/label.tsx b/www/src/registry/ui/default/core/date-picker/demos/label.tsx
deleted file mode 100644
index bb30a0bf2..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <DatePicker label="Meeting date" />
-      <DatePicker aria-label="Meeting date" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/loading.tsx b/www/src/registry/ui/default/core/date-picker/demos/loading.tsx
deleted file mode 100644
index f9a67668b..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/loading.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return <DatePicker aria-label="Meeting date" isLoading />;
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/placeholder.tsx b/www/src/registry/ui/default/core/date-picker/demos/placeholder.tsx
deleted file mode 100644
index c4975e130..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/placeholder.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { CalendarDate } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Meeting date"
-      placeholderValue={new CalendarDate(1980, 1, 1)}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/prefix.tsx b/www/src/registry/ui/default/core/date-picker/demos/prefix.tsx
deleted file mode 100644
index 0020f4aa2..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/prefix.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-import { UsersIcon } from "@/__icons__";
-
-export default function Demo() {
-  return <DatePicker aria-label="Meeting date" prefix={<UsersIcon />} />;
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/read-only.tsx b/www/src/registry/ui/default/core/date-picker/demos/read-only.tsx
deleted file mode 100644
index 3ec23ab0e..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/read-only.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { CalendarDate } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Event date"
-      value={new CalendarDate(1980, 1, 1)}
-      isReadOnly
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/required.tsx b/www/src/registry/ui/default/core/date-picker/demos/required.tsx
deleted file mode 100644
index 8fe8a9fc3..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <DatePicker label="Event date" isRequired />
-      <DatePicker label="Event date" isRequired necessityIndicator="icon" />
-      <DatePicker label="Event date" isRequired necessityIndicator="label" />
-      <DatePicker label="Event date" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/sizes.tsx b/www/src/registry/ui/default/core/date-picker/demos/sizes.tsx
deleted file mode 100644
index 8b9aca329..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <DatePicker label="small (sm)" size="sm" />
-      <DatePicker label="medium (md)" size="md" />
-      <DatePicker label="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/time-zones.tsx b/www/src/registry/ui/default/core/date-picker/demos/time-zones.tsx
deleted file mode 100644
index 2848f5427..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/time-zones.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/date-picker/demos/uncontrolled.tsx
deleted file mode 100644
index 2ecaae46f..000000000
--- a/www/src/registry/ui/default/core/date-picker/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseDate } from "@internationalized/date";
-import { DatePicker } from "@/registry/ui/default/core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      aria-label="Meeting date"
-      defaultValue={parseDate("2020-02-03")}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-picker/index.ts b/www/src/registry/ui/default/core/date-picker/index.ts
deleted file mode 100644
index d48d75738..000000000
--- a/www/src/registry/ui/default/core/date-picker/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./date-picker";
diff --git a/www/src/registry/ui/default/core/date-range-picker/date-range-picker.tsx b/www/src/registry/ui/default/core/date-range-picker/date-range-picker.tsx
deleted file mode 100644
index 8ac624447..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/date-range-picker.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  DateRangePicker as AriaDateRangePicker,
-  type DateRangePickerProps as AriaDateRangePickerProps,
-  type DateValue,
-} from "react-aria-components";
-import { type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Dialog } from "@/registry/ui/default/core/dialog";
-import {
-  Field,
-  type FieldProps,
-  fieldStyles,
-} from "@/registry/ui/default/core/field";
-import { InputRoot, type inputStyles } from "@/registry/ui/default/core/input";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-import { CalendarIcon } from "@/__icons__";
-
-interface DateRangePickerProps<T extends DateValue>
-  extends DateRangePickerRootProps<T>,
-    Omit<FieldProps, "children">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  isLoading?: boolean;
-}
-
-const DateRangePicker = <T extends DateValue>({
-  className,
-  size,
-  label,
-  description,
-  errorMessage,
-  prefix,
-  isLoading,
-  isRequired,
-  isDisabled,
-  necessityIndicator,
-  contextualHelp,
-  ...props
-}: DateRangePickerProps<T>) => {
-  return (
-    <DateRangePickerRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <InputRoot
-          size={size}
-          prefix={prefix}
-          isLoading={isLoading}
-          loaderPosition="prefix"
-          className="pr-1"
-        >
-          <DateInput slot="start">
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-          <span aria-hidden="true">–</span>
-          <DateInput slot="end" className="flex-1">
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-          <Button
-            variant="default"
-            size="sm"
-            shape="square"
-            className="my-1 size-7 rounded-sm"
-          >
-            <CalendarIcon />
-          </Button>
-        </InputRoot>
-      </Field>
-      <Dialog type="popover" mobileType="drawer" className="flex">
-        <RangeCalendar className="mx-auto" />
-      </Dialog>
-    </DateRangePickerRoot>
-  );
-};
-
-interface DateRangePickerRootProps<T extends DateValue>
-  extends Omit<AriaDateRangePickerProps<T>, "className"> {
-  className?: string;
-}
-const DateRangePickerRoot = <T extends DateValue>({
-  className,
-  ...props
-}: DateRangePickerRootProps<T>) => {
-  const { root } = fieldStyles();
-  return <AriaDateRangePicker className={root({ className })} {...props} />;
-};
-
-export type { DateRangePickerProps, DateRangePickerRootProps };
-export { DateRangePicker, DateRangePickerRoot };
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/composition.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/composition.tsx
deleted file mode 100644
index 359e23f05..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/composition.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { DatePickerRoot } from "@/registry/ui/default/core/date-picker";
-import { DialogContent } from "@/registry/ui/default/core/dialog";
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/registry/ui/default/core/field";
-import { InputRoot } from "@/registry/ui/default/core/input";
-import { Overlay } from "@/registry/ui/default/core/overlay";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-import { CalendarIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <DatePickerRoot>
-      <Label>Meeting date</Label>
-      <InputRoot
-        suffix={
-          <Button variant="default" size="sm" shape="square" className="size-7">
-            <CalendarIcon />
-          </Button>
-        }
-        className="pr-1"
-      >
-        <DateInput slot="start">
-          {(segment) => <DateSegment segment={segment} />}
-        </DateInput>
-        <span aria-hidden="true">–</span>
-        <DateInput slot="end" className="flex-1">
-          {(segment) => <DateSegment segment={segment} />}
-        </DateInput>
-      </InputRoot>
-      <Description>Please select a date.</Description>
-      <FieldError />
-      <Overlay type="popover" mobileType="drawer">
-        <DialogContent>
-          <RangeCalendar />
-        </DialogContent>
-      </Overlay>
-    </DatePickerRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/contextual-help.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/contextual-help.tsx
deleted file mode 100644
index eb09acac2..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Trip"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/controlled.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/controlled.tsx
deleted file mode 100644
index 5bef78172..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/controlled.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-"use client";
-
-import React from "react";
-import { getLocalTimeZone, parseDate } from "@internationalized/date";
-import { useDateFormatter } from "react-aria";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  const [value, setValue] = React.useState({
-    start: parseDate("2024-02-03"),
-    end: parseDate("2024-02-08"),
-  });
-  const formatter = useDateFormatter({ dateStyle: "long" });
-
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <DateRangePicker label="Controlled" value={value} onChange={setValue} />
-      <p className="text-fg-muted text-sm">
-        Selected date:{" "}
-        {value
-          ? formatter.formatRange(
-              value.start.toDate(getLocalTimeZone()),
-              value.end.toDate(getLocalTimeZone())
-            )
-          : "--"}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/default.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/default.tsx
deleted file mode 100644
index a3b2b136b..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return <DateRangePicker aria-label="Meeting date" />;
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/description.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/description.tsx
deleted file mode 100644
index 7da70a21d..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/description.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker label="Trip" description="Please select a date range." />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/disabled.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/disabled.tsx
deleted file mode 100644
index 52e7abd76..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return <DateRangePicker label="Trip dates" isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/error-message.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/error-message.tsx
deleted file mode 100644
index 52dd2e39d..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Trip dates"
-      isInvalid
-      errorMessage="Trip dates can't be scheduled in the past."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/granularity.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/granularity.tsx
deleted file mode 100644
index c87fdf4fe..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/granularity.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  const dates = {
-    start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
-    end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
-  };
-  return (
-    <div className="flex flex-col gap-4">
-      <DateRangePicker label="Hour" granularity="hour" defaultValue={dates} />
-      <DateRangePicker
-        label="Minute"
-        granularity="minute"
-        defaultValue={dates}
-      />
-      <DateRangePicker
-        label="Second"
-        granularity="second"
-        defaultValue={dates}
-      />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/hide-time-zone.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/hide-time-zone.tsx
deleted file mode 100644
index 1be00f1dc..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/hide-time-zone.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Appointment time"
-      granularity="minute"
-      defaultValue={{
-        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
-        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
-      }}
-      hideTimeZone
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/hour-cycle.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/hour-cycle.tsx
deleted file mode 100644
index 9383c96a2..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/hour-cycle.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      aria-label="Appointment date"
-      granularity="minute"
-      hourCycle={24}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/label.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/label.tsx
deleted file mode 100644
index 7c88f92d4..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <DateRangePicker label="Trip" />
-      <DateRangePicker aria-label="Trip" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/loading.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/loading.tsx
deleted file mode 100644
index 3e1af2e54..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/loading.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return <DateRangePicker aria-label="Meeting date" isLoading />;
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/placeholder.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/placeholder.tsx
deleted file mode 100644
index dfc0f972f..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/placeholder.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { CalendarDate } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Meeting date"
-      placeholderValue={new CalendarDate(1980, 1, 1)}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/prefix.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/prefix.tsx
deleted file mode 100644
index 521d1776e..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/prefix.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-import { PlaneIcon } from "@/__icons__";
-
-export default function Demo() {
-  return <DateRangePicker aria-label="Trip" prefix={<PlaneIcon />} />;
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/read-only.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/read-only.tsx
deleted file mode 100644
index b6c3a69b1..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/read-only.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Event date"
-      value={{
-        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
-        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
-      }}
-      isReadOnly
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/required.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/required.tsx
deleted file mode 100644
index 52dda1166..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/required.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <DateRangePicker label="Event date" isRequired />
-      <DateRangePicker
-        label="Event date"
-        isRequired
-        necessityIndicator="icon"
-      />
-      <DateRangePicker
-        label="Event date"
-        isRequired
-        necessityIndicator="label"
-      />
-      <DateRangePicker label="Event date" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/sizes.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/sizes.tsx
deleted file mode 100644
index cdd381369..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col gap-2">
-      <DateRangePicker label="small" size="sm" />
-      <DateRangePicker label="medium" size="md" />
-      <DateRangePicker label="large" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/time-zones.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/time-zones.tsx
deleted file mode 100644
index 337fa4192..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/time-zones.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      defaultValue={{
-        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
-        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
-      }}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/date-range-picker/demos/uncontrolled.tsx
deleted file mode 100644
index cf8ccead9..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseDate } from "@internationalized/date";
-import { DateRangePicker } from "@/registry/ui/default/core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Controlled"
-      defaultValue={{
-        start: parseDate("2020-02-03"),
-        end: parseDate("2020-02-08"),
-      }}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/date-range-picker/index.ts b/www/src/registry/ui/default/core/date-range-picker/index.ts
deleted file mode 100644
index 3569876c8..000000000
--- a/www/src/registry/ui/default/core/date-range-picker/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./date-range-picker";
diff --git a/www/src/registry/ui/default/core/dialog/demos/alert-dialog.tsx b/www/src/registry/ui/default/core/dialog/demos/alert-dialog.tsx
deleted file mode 100644
index 16e5b1ff7..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/alert-dialog.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="danger">Delete project</Button>
-      <Dialog
-        title="Delete project"
-        description="Are you sure you want to delete this project? This action is permanent and cannot be undone."
-        role="alertdialog"
-        // isDissmissible={false}
-      >
-        {({ close }) => (
-          <>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="danger"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Delete project
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/async-form-submission.tsx b/www/src/registry/ui/default/core/dialog/demos/async-form-submission.tsx
deleted file mode 100644
index ad0f29685..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/async-form-submission.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function DialogDemo() {
-  const [isPending, setIsPending] = React.useState(false);
-  const handleSubmit = async () => {
-    setIsPending(true);
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    setIsPending(false);
-  };
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField label="Username" defaultValue="@mehdibha_" />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                isPending={isPending}
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={async () => {
-                  await handleSubmit();
-                  close();
-                }}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/basic.tsx b/www/src/registry/ui/default/core/dialog/demos/basic.tsx
deleted file mode 100644
index 574a5b8c0..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/basic.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/composition.tsx b/www/src/registry/ui/default/core/dialog/demos/composition.tsx
deleted file mode 100644
index 536abf652..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/composition.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit username</Button>
-      <Dialog title="Edit username">
-        <TextField label="Username" defaultValue="@mehdibha_" />
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/controlled.tsx b/www/src/registry/ui/default/core/dialog/demos/controlled.tsx
deleted file mode 100644
index 6a5b4e4e4..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/controlled.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField autoFocus label="Name" defaultValue="Mehdi" />
-              <TextField label="Username" defaultValue="@mehdibha_" />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/description.tsx b/www/src/registry/ui/default/core/dialog/demos/description.tsx
deleted file mode 100644
index f84fc2302..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/description.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit username</Button>
-      <Dialog
-        title="Edit username"
-        description="Make changes to your username."
-      >
-        <TextField
-          label="Username"
-          defaultValue="@mehdibha_"
-          className="w-full"
-        />
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/dismiss-button.tsx b/www/src/registry/ui/default/core/dialog/demos/dismiss-button.tsx
deleted file mode 100644
index 1e01f9e9e..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/dismiss-button.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog
-        title="Edit profile"
-        description="Make changes to your profile."
-        showDismissButton={false}
-      >
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/dismissable.tsx b/www/src/registry/ui/default/core/dialog/demos/dismissable.tsx
deleted file mode 100644
index 7a90f137b..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/dismissable.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog
-        title="Edit profile"
-        description="Make changes to your profile."
-        isDismissable={false}
-      >
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/drawer.tsx b/www/src/registry/ui/default/core/dialog/demos/drawer.tsx
deleted file mode 100644
index 79e27b1d2..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/drawer.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Key } from "react-aria-components";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-import { Switch } from "@/registry/ui/default/core/switch";
-
-export default function Demo() {
-  const [placement, setPlacement] = React.useState<Key>("top");
-  const [swipeable, setSwipeable] = React.useState<boolean>(true);
-  return (
-    <div className="flex w-full items-center">
-      <div className="flex flex-1 items-center justify-center">
-        <DialogRoot>
-          <Button variant="outline">Open drawer</Button>
-          <Dialog
-            type="drawer"
-            title="Help"
-            description="For help accessing your account, please contact support."
-          />
-        </DialogRoot>
-      </div>
-      <div className="space-y-4 rounded-md border p-4">
-        <Select
-          label="Placement"
-          selectedKey={placement}
-          onSelectionChange={setPlacement}
-        >
-          <Item id="top">Top</Item>
-          <Item id="bottom">Bottom</Item>
-        </Select>
-        <Switch isSelected={swipeable} onChange={setSwipeable}>
-          Swipeable
-        </Switch>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/inset-content.tsx b/www/src/registry/ui/default/core/dialog/demos/inset-content.tsx
deleted file mode 100644
index 580774352..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/inset-content.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-  DialogInset,
-} from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <DialogInset className="bg-bg-muted mb-4 border-y">
-              Content within the inset.
-            </DialogInset>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/nested.tsx b/www/src/registry/ui/default/core/dialog/demos/nested.tsx
deleted file mode 100644
index 9b86e5c1f..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/nested.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
-
-type Type = "modal" | "drawer" | "popover";
-
-export default function Demo() {
-  const [type, setType] = React.useState<Type>("modal");
-  return (
-    <div className="flex w-full items-center">
-      <div className="flex flex-1 items-center justify-center">
-        <DialogRoot>
-          <Button variant="outline">Dialog</Button>
-          <Dialog title="Dialog" type={type}>
-            <DialogRoot>
-              <Button variant="outline">Nested dialog</Button>
-              <Dialog title="Nested dialog" type={type}></Dialog>
-            </DialogRoot>
-          </Dialog>
-        </DialogRoot>
-      </div>
-      <div className="space-y-4 rounded-md border px-10 py-6">
-        <RadioGroup
-          label="Type"
-          value={type}
-          onChange={(value) => setType(value as Type)}
-        >
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-          <Radio value="popover">Popover</Radio>
-        </RadioGroup>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/popover.tsx b/www/src/registry/ui/default/core/dialog/demos/popover.tsx
deleted file mode 100644
index e524394d6..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/popover.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Key } from "react-aria-components";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-import { Select } from "@/registry/ui/default/core/select";
-import { Switch } from "@/registry/ui/default/core/switch";
-import { InfoIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [placement, setPlacement] = React.useState<Key>("top");
-  const [offset, setOffset] = React.useState<number>(0);
-  const [crossOffset, setCrossOffset] = React.useState<number>(0);
-  const [containerPadding, setContainerPadding] = React.useState<number>(0);
-  const [showArrow, setShowArrow] = React.useState<boolean>(true);
-  return (
-    <div className="flex w-full items-center">
-      <div className="flex flex-1 items-center justify-center">
-        <DialogRoot>
-          <Button variant="outline" shape="square">
-            <InfoIcon />
-          </Button>
-          <Dialog
-            type="popover"
-            title="Help"
-            description="For help accessing your account, please contact support."
-          />
-        </DialogRoot>
-      </div>
-      <div className="space-y-4 rounded-md border p-4">
-        <Select
-          label="Placement"
-          selectedKey={placement}
-          onSelectionChange={setPlacement}
-        >
-          <Item id="top">Top</Item>
-          <Item id="bottom">Bottom</Item>
-        </Select>
-        <NumberField label="Offset" value={offset} onChange={setOffset} />
-        <NumberField
-          label="Cross offset"
-          value={crossOffset}
-          onChange={setCrossOffset}
-        />
-        <NumberField
-          label="Container padding"
-          value={containerPadding}
-          onChange={setContainerPadding}
-        />
-        <Switch isSelected={showArrow} onChange={setShowArrow}>
-          Arrow
-        </Switch>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/title.tsx b/www/src/registry/ui/default/core/dialog/demos/title.tsx
deleted file mode 100644
index c58ca2c4a..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/title.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DialogRoot, Dialog } from "@/registry/ui/default/core/dialog";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit username</Button>
-      <Dialog title="Edit username">
-        <TextField
-          label="Username"
-          defaultValue="@mehdibha_"
-          className="w-full"
-        />
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/demos/types.tsx b/www/src/registry/ui/default/core/dialog/demos/types.tsx
deleted file mode 100644
index 92516b215..000000000
--- a/www/src/registry/ui/default/core/dialog/demos/types.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/registry/ui/default/core/dialog";
-import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-type Type = "modal" | "drawer" | "popover";
-
-export default function Demo() {
-  const [type, setType] = React.useState<Type>("modal");
-  const [mobileType, setMobileType] = React.useState<Type>("drawer");
-  return (
-    <div className="flex w-full items-center gap-4">
-      <div className="flex flex-1 items-center justify-center">
-        <DialogRoot>
-          <Button variant="outline">Edit username</Button>
-          <Dialog title="Edit username">
-            {({ close }) => (
-              <>
-                <div className="space-y-4">
-                  <TextField
-                    autoFocus
-                    label="Name"
-                    defaultValue="Mehdi"
-                    className="w-full"
-                  />
-                  <TextField
-                    label="Username"
-                    defaultValue="@mehdibha_"
-                    className="w-full"
-                  />
-                </div>
-                <DialogFooter>
-                  <Button
-                    variant="outline"
-                    size={{ initial: "lg", sm: "md" }}
-                    onPress={close}
-                  >
-                    Cancel
-                  </Button>
-                  <Button
-                    variant="primary"
-                    size={{ initial: "lg", sm: "md" }}
-                    onPress={close}
-                  >
-                    Save changes
-                  </Button>
-                </DialogFooter>
-              </>
-            )}
-          </Dialog>
-        </DialogRoot>
-      </div>
-      <div className="flex items-start gap-6 rounded-md border px-10 py-6">
-        <RadioGroup
-          label="Type"
-          value={type}
-          onChange={(value) => setType(value as Type)}
-        >
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-          <Radio value="popover">Popover</Radio>
-        </RadioGroup>
-        <RadioGroup
-          label="Mobile type"
-          value={mobileType}
-          onChange={(value) => setMobileType(value as Type)}
-        >
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-          <Radio value="popover">Popover</Radio>
-        </RadioGroup>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/dialog/dialog.tsx b/www/src/registry/ui/default/core/dialog/dialog.tsx
deleted file mode 100644
index 388dd6fa3..000000000
--- a/www/src/registry/ui/default/core/dialog/dialog.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { useSlotId } from "@react-aria/utils";
-import {
-  composeRenderProps,
-  DialogContext as AriaDialogContext,
-  DialogTrigger as AriaDialogTrigger,
-  Dialog as AriaDialog,
-  type DialogProps as AriaDialogProps,
-  type DialogTriggerProps as AriaDialogTriggerProps,
-  TextContext,
-} from "react-aria-components";
-import { Provider } from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Heading } from "@/registry/ui/default/core/heading";
-import { Overlay, type OverlayProps } from "@/registry/ui/default/core/overlay";
-import { Text } from "@/registry/ui/default/core/text";
-
-const dialogStyles = tv({
-  slots: {
-    content: [
-      "outline-hidden relative flex max-w-full flex-col rounded-[inherit] p-4",
-      "group-data-[type=modal]/overlay:p-6",
-      "group-data-[type=drawer]/overlay:pt-0",
-    ],
-    header: "mb-4",
-    footer: "flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end",
-    inset:
-      "-mx-4 px-4 py-4 group-data-[type=modal]/overlay:-mx-6 group-data-[type=modal]/overlay:px-6",
-  },
-});
-
-type DialogRootProps = AriaDialogTriggerProps;
-const DialogRoot = (props: DialogRootProps) => {
-  const descriptionId = useSlotId();
-  return (
-    <Provider
-      values={[
-        [AriaDialogContext, { "aria-describedby": descriptionId }],
-        [TextContext, { slots: { description: { id: descriptionId } } }],
-      ]}
-    >
-      <AriaDialogTrigger {...props} />
-    </Provider>
-  );
-};
-
-interface DialogProps extends DialogContentProps {
-  title?: string;
-  description?: string;
-  type?: OverlayProps["type"];
-  showDismissButton?: OverlayProps["showDismissButton"];
-  mobileType?: OverlayProps["mobileType"];
-  mediaQuery?: OverlayProps["mediaQuery"];
-  isDismissable?: boolean;
-  swipeIndicator?: boolean;
-  placement?: OverlayProps["placement"];
-}
-const Dialog = ({
-  title,
-  description,
-  type = "modal",
-  mobileType = "drawer",
-  mediaQuery,
-  isDismissable: isDismissableProp,
-  showDismissButton,
-  placement,
-  swipeIndicator,
-  ...props
-}: DialogProps) => {
-  const isDismissable =
-    isDismissableProp ?? (props.role === "alertdialog" ? false : true);
-  return (
-    <Overlay
-      isDismissable={isDismissable}
-      showDismissButton={showDismissButton}
-      type={type}
-      mobileType={mobileType}
-      mediaQuery={mediaQuery}
-      placement={placement}
-      swipeIndicator={swipeIndicator}
-    >
-      <DialogContent {...props}>
-        {composeRenderProps(props.children, (children) => (
-          <>
-            {(title || description) && (
-              <DialogHeader>
-                {title && <Heading>{title}</Heading>}
-                {description && <Text slot="description">{description}</Text>}
-              </DialogHeader>
-            )}
-            {children}
-          </>
-        ))}
-      </DialogContent>
-    </Overlay>
-  );
-};
-
-type DialogContentProps = AriaDialogProps;
-const DialogContent = ({
-  children,
-  className,
-  ...props
-}: DialogContentProps) => {
-  const { content } = dialogStyles();
-  return (
-    <AriaDialog className={content({ className })} {...props}>
-      {children}
-    </AriaDialog>
-  );
-};
-
-type DialogHeaderProps = React.ComponentProps<"header">;
-const DialogHeader = ({ children, className, ...props }: DialogHeaderProps) => {
-  const { header } = dialogStyles();
-  return (
-    <header className={header({ className })} {...props}>
-      {children}
-    </header>
-  );
-};
-
-type DialogFooterProps = React.ComponentProps<"footer">;
-const DialogFooter = ({ className, ...props }: DialogFooterProps) => {
-  const { footer } = dialogStyles();
-  return <footer className={footer({ className })} {...props} />;
-};
-
-type DialogInsetProps = React.ComponentProps<"div">;
-const DialogInset = ({ className, ...props }: DialogInsetProps) => {
-  const { inset } = dialogStyles();
-  return <div className={inset({ className })} {...props} />;
-};
-
-export type {
-  DialogRootProps,
-  DialogProps,
-  DialogContentProps,
-  DialogHeaderProps,
-  DialogFooterProps,
-  DialogInsetProps,
-};
-export {
-  DialogRoot,
-  DialogContent,
-  Dialog,
-  DialogHeader,
-  DialogFooter,
-  DialogInset,
-};
diff --git a/www/src/registry/ui/default/core/dialog/index.ts b/www/src/registry/ui/default/core/dialog/index.ts
deleted file mode 100644
index e5c287481..000000000
--- a/www/src/registry/ui/default/core/dialog/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./dialog";
diff --git a/www/src/registry/ui/default/core/drop-zone/demos/default.tsx b/www/src/registry/ui/default/core/drop-zone/demos/default.tsx
deleted file mode 100644
index c26779f52..000000000
--- a/www/src/registry/ui/default/core/drop-zone/demos/default.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { DropZone } from "@/registry/ui/default/core/drop-zone";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <DropZone>
-      <UploadIcon />
-    </DropZone>
-  );
-}
diff --git a/www/src/registry/ui/default/core/drop-zone/demos/disabled.tsx b/www/src/registry/ui/default/core/drop-zone/demos/disabled.tsx
deleted file mode 100644
index 1e4af2c3a..000000000
--- a/www/src/registry/ui/default/core/drop-zone/demos/disabled.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import { DropZone } from "@/registry/ui/default/core/drop-zone";
-import { Text } from "@/registry/ui/default/core/text";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <DropZone isDisabled>
-      <UploadIcon />
-      <Text slot="label">Drag and drop files here</Text>
-    </DropZone>
-  );
-}
diff --git a/www/src/registry/ui/default/core/drop-zone/demos/file-trigger.tsx b/www/src/registry/ui/default/core/drop-zone/demos/file-trigger.tsx
deleted file mode 100644
index 786a52cd9..000000000
--- a/www/src/registry/ui/default/core/drop-zone/demos/file-trigger.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { DropZone } from "@/registry/ui/default/core/drop-zone";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
-import { Text } from "@/registry/ui/default/core/text";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <DropZone className="space-y-1">
-      <UploadIcon />
-      <Text slot="label">Drag and drop files here</Text>
-      <FileTrigger>
-        <Button>Select files</Button>
-      </FileTrigger>
-    </DropZone>
-  );
-}
diff --git a/www/src/registry/ui/default/core/drop-zone/demos/label.tsx b/www/src/registry/ui/default/core/drop-zone/demos/label.tsx
deleted file mode 100644
index 521b756bb..000000000
--- a/www/src/registry/ui/default/core/drop-zone/demos/label.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { DropZone } from "@/registry/ui/default/core/drop-zone";
-import { Text } from "@/registry/ui/default/core/text";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col gap-4">
-      <DropZone aria-label="drag and drop files here">
-        <UploadIcon />
-      </DropZone>
-      <DropZone>
-        <UploadIcon />
-        <Text slot="label">Drag and drop files here</Text>
-      </DropZone>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/drop-zone/drop-zone.tsx b/www/src/registry/ui/default/core/drop-zone/drop-zone.tsx
deleted file mode 100644
index ed977a034..000000000
--- a/www/src/registry/ui/default/core/drop-zone/drop-zone.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  DropZone as AriaDropZone,
-  type DropZoneProps as AriaDropZoneProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const dropZoneStyles = tv({
-  slots: {
-    root: "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
-    label: "text-md font-semibold",
-  },
-});
-
-type DropZoneProps = AriaDropZoneProps;
-const DropZone = (props: DropZoneProps) => {
-  const { root } = dropZoneStyles();
-  return (
-    <AriaDropZone
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-    />
-  );
-};
-
-export type { DropZoneProps };
-export { DropZone };
diff --git a/www/src/registry/ui/default/core/drop-zone/index.ts b/www/src/registry/ui/default/core/drop-zone/index.ts
deleted file mode 100644
index 585284233..000000000
--- a/www/src/registry/ui/default/core/drop-zone/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./drop-zone";
diff --git a/www/src/registry/ui/default/core/field/field.tsx b/www/src/registry/ui/default/core/field/field.tsx
deleted file mode 100644
index 949ea729a..000000000
--- a/www/src/registry/ui/default/core/field/field.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Label as AriaLabel,
-  Text as AriaText,
-  FieldError as AriaFieldError,
-  FieldErrorContext as AriaFieldErrorContext,
-  type TextProps as AriaTextProps,
-  type LabelProps as AriaLabelProps,
-  type FieldErrorProps as AriaFieldErrorProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { AsteriskIcon } from "@/__icons__";
-
-const fieldStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-    label:
-      "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
-    description: "text-fg-muted text-xs",
-    fieldError: "text-fg-danger text-xs",
-  },
-});
-
-type LabelProps = AriaLabelProps & {
-  isRequired?: boolean;
-  necessityIndicator?: "label" | "icon";
-};
-const Label = ({
-  className,
-  children,
-  isRequired,
-  necessityIndicator,
-  ...props
-}: LabelProps) => {
-  const { label } = fieldStyles();
-  const necessityLabel = isRequired ? "(required)" : "(optional)";
-  return (
-    <AriaLabel className={label({ className })} {...props}>
-      {children}
-      {isRequired && (
-        <span aria-hidden>{necessityIndicator === "icon" ? <></> : <></>}</span>
-      )}
-      {(necessityIndicator === "label" ||
-        (necessityIndicator === "icon" && isRequired)) &&
-        " \u200b"}
-      {necessityIndicator === "label" && (
-        <span aria-hidden>{necessityLabel}</span>
-      )}
-      {necessityIndicator === "icon" && isRequired && <AsteriskIcon />}
-    </AriaLabel>
-  );
-};
-
-type DescriptionProps = AriaTextProps;
-const Description = ({ className, ...props }: DescriptionProps) => {
-  const { description } = fieldStyles();
-  return (
-    <AriaText
-      {...props}
-      slot="description"
-      className={description({ className })}
-    />
-  );
-};
-
-type FieldErrorProps = Omit<AriaFieldErrorProps, "className"> & {
-  className?: string;
-};
-const FieldError = ({ className, ...props }: FieldErrorProps) => {
-  const { fieldError } = fieldStyles();
-  return <AriaFieldError {...props} className={fieldError({ className })} />;
-};
-
-interface HelpTextProps {
-  errorMessage?: FieldErrorProps["children"];
-  description?: DescriptionProps["children"];
-}
-const HelpText = (props: HelpTextProps) => {
-  const { errorMessage, description } = props;
-  const validation = React.useContext(AriaFieldErrorContext);
-  const isErrorMessage =
-    validation?.isInvalid &&
-    (!!errorMessage || validation.validationErrors.length > 0);
-  const hasHelpText = !!description || isErrorMessage;
-
-  if (!hasHelpText) return null;
-
-  return isErrorMessage ? (
-    <FieldError>{errorMessage}</FieldError>
-  ) : (
-    <Description>{description}</Description>
-  );
-};
-
-interface FieldProps extends HelpTextProps {
-  label?: LabelProps["children"];
-  isRequired?: LabelProps["isRequired"];
-  necessityIndicator?: LabelProps["necessityIndicator"];
-  contextualHelp?: React.ReactNode;
-  children?: React.ReactNode;
-}
-const Field = (props: FieldProps) => {
-  const {
-    children,
-    label,
-    isRequired,
-    necessityIndicator,
-    contextualHelp,
-    ...helpTextProps
-  } = props;
-  return (
-    <>
-      {label && contextualHelp && (
-        <span className="flex items-center gap-2">
-          <Label
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-          >
-            {label}
-          </Label>
-          {contextualHelp}
-        </span>
-      )}
-      {label && !contextualHelp && (
-        <Label isRequired={isRequired} necessityIndicator={necessityIndicator}>
-          {label}
-        </Label>
-      )}
-      {children}
-      <HelpText {...helpTextProps} />
-    </>
-  );
-};
-Field.displayName = "Field";
-
-export type {
-  LabelProps,
-  DescriptionProps,
-  FieldErrorProps,
-  HelpTextProps,
-  FieldProps,
-};
-export { Label, Description, FieldError, HelpText, Field, fieldStyles };
diff --git a/www/src/registry/ui/default/core/field/index.ts b/www/src/registry/ui/default/core/field/index.ts
deleted file mode 100644
index 6ef9f38e1..000000000
--- a/www/src/registry/ui/default/core/field/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./field";
diff --git a/www/src/registry/ui/default/core/file-trigger/demos/default.tsx b/www/src/registry/ui/default/core/file-trigger/demos/default.tsx
deleted file mode 100644
index ee8976a45..000000000
--- a/www/src/registry/ui/default/core/file-trigger/demos/default.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
-import { UploadIcon } from "@/__icons__";
-
-export default function FileTriggerDemo() {
-  const [file, setFile] = React.useState<string | null>(null);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <FileTrigger
-        onSelect={(e) => {
-          if (e) {
-            const files = Array.from(e);
-            setFile(files[0].name);
-          }
-        }}
-        allowsMultiple
-      >
-        <Button prefix={<UploadIcon />}>Upload</Button>
-      </FileTrigger>
-      {file && (
-        <p>
-          You selected <span className="font-semibold">{file}</span>
-        </p>
-      )}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/file-trigger/demos/directory-selection.tsx b/www/src/registry/ui/default/core/file-trigger/demos/directory-selection.tsx
deleted file mode 100644
index 30207d230..000000000
--- a/www/src/registry/ui/default/core/file-trigger/demos/directory-selection.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
-import { UploadIcon } from "@/__icons__";
-
-export default function FileTriggerDemo() {
-  const [files, setFiles] = React.useState<string[] | null>(null);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <FileTrigger
-        acceptDirectory
-        onSelect={(e) => {
-          if (e) {
-            const files = Array.from(e);
-            const filenames = files.map((file) => file.name);
-            setFiles(filenames);
-          }
-        }}
-      >
-        <Button prefix={<UploadIcon />}>Upload a directory</Button>
-      </FileTrigger>
-      {files && (
-        <ul>
-          {files.map((file, index) => (
-            <li key={index}>{file}</li>
-          ))}
-        </ul>
-      )}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/file-trigger/demos/file-types.tsx b/www/src/registry/ui/default/core/file-trigger/demos/file-types.tsx
deleted file mode 100644
index 1ee6b42c2..000000000
--- a/www/src/registry/ui/default/core/file-trigger/demos/file-types.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
-import { UploadIcon } from "@/__icons__";
-
-export default function FileTriggerDemo() {
-  return (
-    <FileTrigger acceptedFileTypes={["image/*"]}>
-      <Button prefix={<UploadIcon />}>Upload image</Button>
-    </FileTrigger>
-  );
-}
diff --git a/www/src/registry/ui/default/core/file-trigger/demos/media-capture.tsx b/www/src/registry/ui/default/core/file-trigger/demos/media-capture.tsx
deleted file mode 100644
index dc4c33a90..000000000
--- a/www/src/registry/ui/default/core/file-trigger/demos/media-capture.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
-import { CameraIcon } from "@/__icons__";
-
-export default function FileTriggerDemo() {
-  return (
-    <FileTrigger defaultCamera="environment">
-      <Button prefix={<CameraIcon />}>Take a picture</Button>
-    </FileTrigger>
-  );
-}
diff --git a/www/src/registry/ui/default/core/file-trigger/demos/multiple-files.tsx b/www/src/registry/ui/default/core/file-trigger/demos/multiple-files.tsx
deleted file mode 100644
index a986f60fb..000000000
--- a/www/src/registry/ui/default/core/file-trigger/demos/multiple-files.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { FileTrigger } from "@/registry/ui/default/core/file-trigger";
-import { UploadIcon } from "@/__icons__";
-
-export default function FileTriggerDemo() {
-  const [files, setFiles] = React.useState<string[] | null>(null);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <FileTrigger
-        onSelect={(e) => {
-          if (e) {
-            const files = Array.from(e);
-            const filenames = files.map((file) => file.name);
-            setFiles(filenames);
-          }
-        }}
-        allowsMultiple
-      >
-        <Button prefix={<UploadIcon />}>Upload</Button>
-      </FileTrigger>
-      {files && (
-        <p>
-          You selected <span className="font-semibold">{files.join(", ")}</span>
-        </p>
-      )}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/file-trigger/file-trigger.tsx b/www/src/registry/ui/default/core/file-trigger/file-trigger.tsx
deleted file mode 100644
index 829a08f3c..000000000
--- a/www/src/registry/ui/default/core/file-trigger/file-trigger.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-"use client";
-
-import { FileTrigger, type FileTriggerProps } from "react-aria-components";
-
-export type { FileTriggerProps };
-export { FileTrigger };
diff --git a/www/src/registry/ui/default/core/file-trigger/index.ts b/www/src/registry/ui/default/core/file-trigger/index.ts
deleted file mode 100644
index 49fda3a24..000000000
--- a/www/src/registry/ui/default/core/file-trigger/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./file-trigger";
diff --git a/www/src/registry/ui/default/core/form/form.tsx b/www/src/registry/ui/default/core/form/form.tsx
deleted file mode 100644
index 5f953f2ff..000000000
--- a/www/src/registry/ui/default/core/form/form.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-"use client";
-
-import {
-  Form as AriaForm,
-  FormProps as AriaFormProps,
-} from "react-aria-components";
-
-export type FormProps = AriaFormProps;
-export { AriaForm as Form };
diff --git a/www/src/registry/ui/default/core/form/index.ts b/www/src/registry/ui/default/core/form/index.ts
deleted file mode 100644
index c4a75a7a6..000000000
--- a/www/src/registry/ui/default/core/form/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./form";
diff --git a/www/src/registry/ui/default/core/group/group.tsx b/www/src/registry/ui/default/core/group/group.tsx
deleted file mode 100644
index 4c29fbb67..000000000
--- a/www/src/registry/ui/default/core/group/group.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-"use client";
-
-import { Group, type GroupProps } from "react-aria-components";
-
-export type { GroupProps };
-export { Group };
diff --git a/www/src/registry/ui/default/core/group/index.ts b/www/src/registry/ui/default/core/group/index.ts
deleted file mode 100644
index 7cd52db8a..000000000
--- a/www/src/registry/ui/default/core/group/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./group";
diff --git a/www/src/registry/ui/default/core/heading/heading.tsx b/www/src/registry/ui/default/core/heading/heading.tsx
deleted file mode 100644
index 7e00867c2..000000000
--- a/www/src/registry/ui/default/core/heading/heading.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import {
-  Heading as AriaHeading,
-  type HeadingProps as AriaHeadingProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const headingStyles = tv({
-  base: "text-lg font-medium",
-});
-
-type HeadingProps = AriaHeadingProps;
-const Heading = ({ className, ...props }: HeadingProps) => {
-  return <AriaHeading className={headingStyles({ className })} {...props} />;
-};
-
-export type { HeadingProps };
-export { Heading };
diff --git a/www/src/registry/ui/default/core/heading/index.ts b/www/src/registry/ui/default/core/heading/index.ts
deleted file mode 100644
index ec9f84715..000000000
--- a/www/src/registry/ui/default/core/heading/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./heading";
diff --git a/www/src/registry/ui/default/core/input/index.ts b/www/src/registry/ui/default/core/input/index.ts
deleted file mode 100644
index 4ce4a8893..000000000
--- a/www/src/registry/ui/default/core/input/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./input";
diff --git a/www/src/registry/ui/default/core/input/input.tsx b/www/src/registry/ui/default/core/input/input.tsx
deleted file mode 100644
index fc4e77d07..000000000
--- a/www/src/registry/ui/default/core/input/input.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { mergeRefs, chain } from "@react-aria/utils";
-import { useControlledState } from "@react-stately/utils";
-import {
-  Provider,
-  composeRenderProps,
-  Input as AriaInput,
-  Group as AriaGroup,
-  TextArea as AriaTextArea,
-  InputContext as AriaInputContext,
-  TextAreaContext as AriaTextAreaContext,
-  type TextAreaProps as AriaTextAreaProps,
-  type GroupProps as AriaGroupProps,
-  type InputProps as AriaInputProps,
-  useSlottedContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusInput } from "@/registry/ui/default/lib/focus-styles";
-import { LoaderIcon } from "@/__icons__";
-
-const inputStyles = tv({
-  slots: {
-    root: [
-      focusInput(),
-      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
-      "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
-      "invalid:border-border-danger focus-within:invalid:border-border",
-    ],
-    input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
-    ],
-  },
-  variants: {
-    size: {
-      sm: { root: "h-8" },
-      md: { root: "h-9" },
-      lg: { root: "h-10" },
-    },
-    multiline: {
-      true: {
-        root: "h-auto flex-col items-stretch p-2",
-        input: "min-h-14 resize-none overflow-auto",
-      },
-      false: {
-        input: "flex-1",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-    multiline: false,
-  },
-});
-
-interface TextAreaInputProps extends Omit<AriaTextAreaProps, "className"> {
-  className?: string;
-}
-const TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(
-  ({ className, onChange, rows = 1, ...props }, forwardedRef) => {
-    const { input } = inputStyles({ multiline: true });
-    const [inputValue, setInputValue] = useControlledState(
-      props.value,
-      props.defaultValue ?? "",
-      () => {
-        // Do nothing
-      }
-    );
-    const inputRef = React.useRef<HTMLTextAreaElement>(null);
-
-    const onHeightChange = React.useCallback(() => {
-      if (inputRef.current) {
-        const input = inputRef.current;
-        const prevAlignment = input.style.alignSelf;
-        const prevOverflow = input.style.overflow;
-        const isFirefox = "MozAppearance" in input.style;
-        if (!isFirefox) {
-          input.style.overflow = "hidden";
-        }
-        input.style.alignSelf = "start";
-        input.style.height = "auto";
-        input.style.height = `${
-          input.scrollHeight + (input.offsetHeight - input.clientHeight)
-        }px`;
-        input.style.overflow = prevOverflow;
-        input.style.alignSelf = prevAlignment;
-      }
-    }, [inputRef]);
-
-    React.useLayoutEffect(() => {
-      if (inputRef.current) {
-        onHeightChange();
-      }
-    }, [onHeightChange, inputValue, inputRef]);
-
-    return (
-      <AriaTextArea
-        ref={mergeRefs(inputRef, forwardedRef)}
-        className={input({ className })}
-        onChange={chain(onChange, setInputValue)}
-        rows={rows}
-        {...props}
-      />
-    );
-  }
-);
-TextAreaInput.displayName = "TextAreaInput";
-
-interface InputProps
-  extends Omit<AriaInputProps, "className" | "size" | "prefix"> {
-  className?: string;
-}
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, ...props }, ref) => {
-    const { input } = inputStyles();
-    return <AriaInput ref={ref} className={input({ className })} {...props} />;
-  }
-);
-Input.displayName = "Input";
-
-interface InputRootProps
-  extends Omit<AriaGroupProps, "className" | "prefix">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-  className?: string;
-}
-const InputRoot = ({
-  className,
-  prefix,
-  suffix,
-  isLoading,
-  loaderPosition,
-  size,
-  multiline,
-  ...props
-}: InputRootProps) => {
-  const { root } = inputStyles({ size, multiline });
-  const inputContext = useSlottedContext(AriaInputContext);
-  const textAreaContext = useSlottedContext(AriaTextAreaContext);
-  const inputRef = React.useRef(null);
-  const isDisabled =
-    props.isDisabled || inputContext?.disabled || textAreaContext?.disabled;
-  const isInvalid =
-    props.isInvalid ||
-    (!!inputContext?.["aria-invalid"] &&
-      inputContext["aria-invalid"] !== "false") ||
-    (!!textAreaContext?.["aria-invalid"] &&
-      textAreaContext["aria-invalid"] !== "false");
-
-  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {
-    const target = event.target as HTMLElement;
-    if (target.closest("input, button, a")) return;
-    const input = (
-      inputRef as React.RefObject<HTMLInputElement | HTMLTextAreaElement>
-    ).current;
-    if (!input) return;
-    requestAnimationFrame(() => {
-      input.focus();
-    });
-  };
-
-  return (
-    <AriaGroup
-      role="presentation"
-      {...props}
-      onPointerDown={handlePointerDown}
-      isDisabled={isDisabled}
-      isInvalid={isInvalid}
-      className={root({ className })}
-    >
-      {composeRenderProps(props.children, (children) => (
-        <Provider
-          values={[
-            [
-              AriaInputContext,
-              {
-                ...inputContext,
-                ref: mergeRefs(inputRef, inputContext?.ref ?? null),
-              },
-            ],
-            [
-              AriaTextAreaContext,
-              {
-                ...textAreaContext,
-                ref: mergeRefs(inputRef, textAreaContext?.ref ?? null),
-              },
-            ],
-          ]}
-        >
-          {isLoading && loaderPosition === "prefix" ? (
-            <LoaderIcon className="animate-spin" />
-          ) : (
-            prefix
-          )}
-          {children}
-          {isLoading && loaderPosition === "suffix" ? (
-            <LoaderIcon className="animate-spin" />
-          ) : (
-            suffix
-          )}
-        </Provider>
-      ))}
-    </AriaGroup>
-  );
-};
-
-export type { InputProps, InputRootProps, TextAreaInputProps };
-export { Input, TextAreaInput, InputRoot, inputStyles };
diff --git a/www/src/registry/ui/default/core/kbd/index.ts b/www/src/registry/ui/default/core/kbd/index.ts
deleted file mode 100644
index 064cd1f82..000000000
--- a/www/src/registry/ui/default/core/kbd/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./kbd";
diff --git a/www/src/registry/ui/default/core/kbd/kbd.tsx b/www/src/registry/ui/default/core/kbd/kbd.tsx
deleted file mode 100644
index 022dd994d..000000000
--- a/www/src/registry/ui/default/core/kbd/kbd.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-"use client";
-
-import { Keyboard } from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const KbdStyles = tv({
-  base: "text-fg-muted bg-bg border-border-active rounded-md border px-1.5 py-0.5 font-sans text-sm tracking-widest",
-});
-
-type KbdProps = React.HTMLAttributes<HTMLElement>;
-const Kbd = ({ className, ...props }: KbdProps) => {
-  return <Keyboard className={KbdStyles({ className })} {...props} />;
-};
-
-export type { KbdProps };
-export { Kbd, KbdStyles };
diff --git a/www/src/registry/ui/default/core/link/demos/default.tsx b/www/src/registry/ui/default/core/link/demos/default.tsx
deleted file mode 100644
index 5a05334bc..000000000
--- a/www/src/registry/ui/default/core/link/demos/default.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Link } from "@/registry/ui/default/core/link";
-
-export default function Demo() {
-  return (
-    <Link href="https://x.com/mehdibha_" target="_blank">
-      @mehdibha_
-    </Link>
-  );
-}
diff --git a/www/src/registry/ui/default/core/link/demos/disabled.tsx b/www/src/registry/ui/default/core/link/demos/disabled.tsx
deleted file mode 100644
index 5083dd59c..000000000
--- a/www/src/registry/ui/default/core/link/demos/disabled.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Link } from "@/registry/ui/default/core/link";
-
-export default function Demo() {
-  return (
-    <Link href="https://x.com/mehdibha_" isDisabled>
-      @mehdibha_
-    </Link>
-  );
-}
diff --git a/www/src/registry/ui/default/core/link/demos/icon.tsx b/www/src/registry/ui/default/core/link/demos/icon.tsx
deleted file mode 100644
index 7e309cdf4..000000000
--- a/www/src/registry/ui/default/core/link/demos/icon.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Link } from "@/registry/ui/default/core/link";
-import { ExternalLinkIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Link href="/docs" target="_blank">
-      Docs{" "}
-      <span>
-        <ExternalLinkIcon className="size-4" />
-      </span>
-    </Link>
-  );
-}
diff --git a/www/src/registry/ui/default/core/link/demos/variants.tsx b/www/src/registry/ui/default/core/link/demos/variants.tsx
deleted file mode 100644
index 0e767c24c..000000000
--- a/www/src/registry/ui/default/core/link/demos/variants.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Link } from "@/registry/ui/default/core/link";
-
-export default function Demo() {
-  return (
-    <div className="space-y-2">
-      {(["accent", "quiet"] as const).map((variant, index) => (
-        <p key={index}>
-          Follow{" "}
-          <Link
-            variant={variant}
-            href="https://x.com/mehdibha_"
-            target="_blank"
-          >
-            @mehdibha_
-          </Link>{" "}
-          to stay updated on dotUI latest releases.
-        </p>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/link/index.ts b/www/src/registry/ui/default/core/link/index.ts
deleted file mode 100644
index 6fc151afb..000000000
--- a/www/src/registry/ui/default/core/link/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./link";
diff --git a/www/src/registry/ui/default/core/link/link.tsx b/www/src/registry/ui/default/core/link/link.tsx
deleted file mode 100644
index e5443e07a..000000000
--- a/www/src/registry/ui/default/core/link/link.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Link as AriaLink,
-  composeRenderProps,
-  type LinkProps as AriaLinkProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
-
-const linkVariants = tv({
-  extend: focusRing,
-  base: "disabled:text-fg-disabled inline-flex items-center gap-1 transition-colors",
-  variants: {
-    variant: {
-      accent: "text-fg-accent hover:text-[#5e9fe0]",
-      quiet: "underline underline-offset-2",
-    },
-  },
-  defaultVariants: {
-    variant: "accent",
-  },
-});
-
-interface LinkProps extends AriaLinkProps, VariantProps<typeof linkVariants> {}
-
-const Link = ({ variant, ...props }: LinkProps) => {
-  return (
-    <AriaLink
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        linkVariants({ variant, className })
-      )}
-    />
-  );
-};
-
-export type { LinkProps };
-export { Link, linkVariants };
diff --git a/www/src/registry/ui/default/core/list-box/demos/async-loading.tsx b/www/src/registry/ui/default/core/list-box/demos/async-loading.tsx
deleted file mode 100644
index 8b3eae604..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/async-loading.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client";
-
-import { useAsyncList } from "react-stately";
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-interface Character {
-  name: string;
-}
-
-export default function Demo() {
-  const list = useAsyncList<Character>({
-    async load({ signal }) {
-      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
-      const json = (await res.json()) as { results: Character[] };
-      return {
-        items: json.results,
-      };
-    },
-  });
-
-  return (
-    <ListBox
-      aria-label="Pick a Pokemon"
-      items={list.items}
-      isLoading={list.isLoading}
-      selectionMode="single"
-    >
-      {(item) => <Item id={item.name}>{item.name}</Item>}
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/basic.tsx b/www/src/registry/ui/default/core/list-box/demos/basic.tsx
deleted file mode 100644
index f89394595..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/basic.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Framework">
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item>Astro</Item>
-      <Item>Gatsby</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/composition.tsx b/www/src/registry/ui/default/core/list-box/demos/composition.tsx
deleted file mode 100644
index c32821f83..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/composition.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-import { Text } from "@/registry/ui/default/core/text";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Framework" selectionMode="multiple" className="w-60">
-      <Item>
-        <Text slot="label">Next.js</Text>
-        <Text slot="description">
-          React-based SSR and static site framework.
-        </Text>
-      </Item>
-      <Item>
-        <Text slot="label">Remix</Text>
-        <Text slot="description">
-          Full-stack framework with efficient data loading.
-        </Text>
-      </Item>
-      <Item>
-        <Text slot="label">Astro</Text>
-        <Text slot="description">
-          Lightweight static site builder for performance.
-        </Text>
-      </Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/contact-list.tsx b/www/src/registry/ui/default/core/list-box/demos/contact-list.tsx
deleted file mode 100644
index fd8cee810..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/contact-list.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function Demo() {
-  return <p>demo</p>;
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/controlled.tsx b/www/src/registry/ui/default/core/list-box/demos/controlled.tsx
deleted file mode 100644
index 549bdbd20..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/controlled.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Selection } from "react-aria-components";
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  const [selected, setSelected] = React.useState<Selection>(
-    new Set(["nextjs", "remix", "astro"])
-  );
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <ListBox
-        aria-label="Framework"
-        selectionMode="multiple"
-        selectedKeys={selected}
-        onSelectionChange={setSelected}
-      >
-        <Item id="nextjs">Next.js</Item>
-        <Item id="remix">Remix</Item>
-        <Item id="astro">Astro</Item>
-        <Item id="gatsby">Gatsby</Item>
-      </ListBox>
-      <p className="text-fg-muted text-sm">
-        Selected items:{" "}
-        <span className="font-semibold">
-          {selected === "all" ? "all" : Array.from(selected).join(", ")}
-        </span>
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/disabled-items.tsx b/www/src/registry/ui/default/core/list-box/demos/disabled-items.tsx
deleted file mode 100644
index ce69403fb..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/disabled-items.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Favorite framework" selectionMode="single">
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item isDisabled>Gatsby</Item>
-      <Item>Astro</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/empty-state.tsx b/www/src/registry/ui/default/core/list-box/demos/empty-state.tsx
deleted file mode 100644
index 92c4092b2..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/empty-state.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-"use client";
-
-import { ListBox } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox
-      aria-label="Search results"
-      renderEmptyState={() => "No results found."}
-    ></ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/grid.tsx b/www/src/registry/ui/default/core/list-box/demos/grid.tsx
deleted file mode 100644
index 64b8ae63c..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/grid.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Framework" layout="grid">
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item>Astro</Item>
-      <Item>Gatsby</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/horizontal.tsx b/www/src/registry/ui/default/core/list-box/demos/horizontal.tsx
deleted file mode 100644
index ada8af83e..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/horizontal.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox
-      aria-label="Options"
-      orientation="horizontal"
-      selectionMode="single"
-    >
-      <Item textValue="Read" label="Read" description="Read Only" />
-      <Item textValue="Write" label="Write" description="Read and Write Only" />
-      <Item textValue="Admin" label="Admin" description="Full access" />
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/image-grid.tsx b/www/src/registry/ui/default/core/list-box/demos/image-grid.tsx
deleted file mode 100644
index fd8cee810..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/image-grid.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function Demo() {
-  return <p>demo</p>;
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/item-variant.tsx b/www/src/registry/ui/default/core/list-box/demos/item-variant.tsx
deleted file mode 100644
index a59027be1..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/item-variant.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Item, ListBox } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="project">
-      <Item>View logs</Item>
-      <Item>Manage domains</Item>
-      <Item>Transfer project</Item>
-      <Item variant="danger">Delete project</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/label-and-description.tsx b/www/src/registry/ui/default/core/list-box/demos/label-and-description.tsx
deleted file mode 100644
index f2701a780..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/label-and-description.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-import { Section } from "@/registry/ui/default/core/section";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Options" selectionMode="single">
-      <Section title="Permissions">
-        <Item textValue="Read" label="Read" description="Read Only" />
-        <Item
-          textValue="Write"
-          label="Write"
-          description="Read and Write Only"
-        />
-        <Item textValue="Admin" label="Admin" description="Full access" />
-      </Section>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/links.tsx b/www/src/registry/ui/default/core/list-box/demos/links.tsx
deleted file mode 100644
index baf69cd6c..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/links.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Links" className="w-auto">
-      <Item
-        href="https://github.com/mehdibha"
-        target="_blank"
-        prefix={<GitHubIcon />}
-      >
-        GitHub
-      </Item>
-      <Item
-        href="https://discord.com/invite/DXpj5V2fU8"
-        target="_blank"
-        prefix={<DiscordIcon />}
-      >
-        Discord
-      </Item>
-      <Item
-        href="https://x.com/mehdibha_"
-        target="_blank"
-        prefix={<TwitterIcon />}
-      >
-        X
-      </Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/loading.tsx b/www/src/registry/ui/default/core/list-box/demos/loading.tsx
deleted file mode 100644
index f8f1318e7..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox isLoading>
-      <Item>User 1</Item>
-      <Item>User 2</Item>
-      <Item>User 3</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/prefix-and-suffix.tsx b/www/src/registry/ui/default/core/list-box/demos/prefix-and-suffix.tsx
deleted file mode 100644
index 36fbfcab0..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-import { SquarePenIcon, PlusSquareIcon, CopyIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Framework" className="w-60">
-      <Item
-        label="New file"
-        description="Create a new file"
-        prefix={<PlusSquareIcon />}
-      />
-      <Item
-        label="Copy link"
-        description="Copy the file link"
-        prefix={<CopyIcon />}
-      />
-      <Item
-        label="Edit file"
-        description="Allows you to edit the file"
-        prefix={<SquarePenIcon />}
-      />
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/sections.tsx b/www/src/registry/ui/default/core/list-box/demos/sections.tsx
deleted file mode 100644
index 8aed76469..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/sections.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-import { Section } from "@/registry/ui/default/core/section";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Burger contents" selectionMode="multiple">
-      <Section title="Sauces">
-        <Item id="signature-sauce">Signature sauce</Item>
-        <Item id="bbq-sauce">BBQ sauce</Item>
-        <Item id="honey-mustard">Honey mustard</Item>
-        <Item id="tartar-sauce">Tartar sauce</Item>
-      </Section>
-      <Section title="Cheese">
-        <Item id="pepperjack">Pepperjack</Item>
-        <Item id="mozzarella">Mozzarella</Item>
-        <Item id="blue-cheese">Blue cheese</Item>
-      </Section>
-      <Section title="Extras">
-        <Item id="bacon">Bacon</Item>
-        <Item id="sauteed-onions">Sauteed onions</Item>
-        <Item id="green-pepper">Green pepper</Item>
-      </Section>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/selection-behavior.tsx b/www/src/registry/ui/default/core/list-box/demos/selection-behavior.tsx
deleted file mode 100644
index 0cb78c629..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/selection-behavior.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox
-      aria-label="Framework"
-      selectionMode="multiple"
-      selectionBehavior="replace"
-    >
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item>Astro</Item>
-      <Item>Gatsby</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/selection-mode.tsx b/www/src/registry/ui/default/core/list-box/demos/selection-mode.tsx
deleted file mode 100644
index 36ffd58d2..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/selection-mode.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <div className="flex items-start gap-10">
-      <ListBox aria-label="Framework" selectionMode="single">
-        <Item>Next.js</Item>
-        <Item>Remix</Item>
-        <Item>Astro</Item>
-        <Item>Gatsby</Item>
-      </ListBox>
-      <ListBox aria-label="Framework" selectionMode="multiple">
-        <Item>Next.js</Item>
-        <Item>Remix</Item>
-        <Item>Astro</Item>
-        <Item>Gatsby</Item>
-      </ListBox>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/separator.tsx b/www/src/registry/ui/default/core/list-box/demos/separator.tsx
deleted file mode 100644
index bbfd47f01..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/separator.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-import { Separator } from "@/registry/ui/default/core/separator";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="File">
-      <Item>New...</Item>
-      <Item>Badges</Item>
-      <Separator />
-      <Item>Save</Item>
-      <Item>Save as...</Item>
-      <Item>Rename...</Item>
-      <Separator />
-      <Item>Page setup…</Item>
-      <Item>Print…</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/list-box/demos/uncontrolled.tsx
deleted file mode 100644
index df9c15831..000000000
--- a/www/src/registry/ui/default/core/list-box/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { ListBox, Item } from "@/registry/ui/default/core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox
-      aria-label="Framework"
-      selectionMode="multiple"
-      defaultSelectedKeys={["nextjs", "remix", "astro"]}
-    >
-      <Item id="nextjs">Next.js</Item>
-      <Item id="remix">Remix</Item>
-      <Item id="astro">Astro</Item>
-      <Item id="gatsby">Gatsby</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/registry/ui/default/core/list-box/index.ts b/www/src/registry/ui/default/core/list-box/index.ts
deleted file mode 100644
index 6f2020356..000000000
--- a/www/src/registry/ui/default/core/list-box/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./list-box";
diff --git a/www/src/registry/ui/default/core/list-box/list-box.tsx b/www/src/registry/ui/default/core/list-box/list-box.tsx
deleted file mode 100644
index af266b317..000000000
--- a/www/src/registry/ui/default/core/list-box/list-box.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  composeRenderProps,
-  ListBox as AriaListBox,
-  ListBoxItem as AriaListBoxItem,
-  Collection as AriaCollection,
-  type ListBoxProps as AriaListBoxProps,
-  type ListBoxItemProps as AriaListBoxItemProps,
-  ListStateContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Text } from "@/registry/ui/default/core/text";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
-import { CheckIcon, LoaderIcon } from "@/__icons__";
-
-const listBoxStyles = tv({
-  base: [
-    focusRing(),
-    "orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic",
-    "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
-  ],
-  variants: {
-    standalone: {
-      true: "bg-bg max-h-60 w-48 overflow-y-auto rounded-md border",
-      false: "max-h-[inherit] rounded-[inherit]",
-    },
-  },
-});
-
-const listBoxItemStyles = tv({
-  base: [
-    "disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default",
-    "selection-single:pl-0 selection-multiple:pl-0",
-    "[&_svg]:size-4",
-  ],
-  variants: {
-    variant: {
-      default: "text-fg",
-      success: "text-fg-success",
-      warning: "text-fg-warning",
-      accent: "text-fg-accent",
-      danger: "text-fg-danger",
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-interface ListBoxProps<T> extends AriaListBoxProps<T> {
-  isLoading?: boolean;
-}
-const ListBox = <T extends object>({
-  children,
-  isLoading,
-  ...props
-}: ListBoxProps<T>) => {
-  const state = React.useContext(ListStateContext);
-  const standalone = !state;
-  return (
-    <AriaListBox
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        listBoxStyles({ standalone, className })
-      )}
-    >
-      <AriaCollection items={props.items}>{children}</AriaCollection>
-      {isLoading && (
-        <AriaListBoxItem className="flex items-center justify-center py-1.5">
-          <LoaderIcon
-            aria-label="Loading more..."
-            className="text-fg-muted size-5 animate-spin"
-          />
-        </AriaListBoxItem>
-      )}
-    </AriaListBox>
-  );
-};
-
-interface ItemProps<T>
-  extends AriaListBoxItemProps<T>,
-    VariantProps<typeof listBoxItemStyles> {
-  label?: string;
-  description?: string;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-const Item = <T extends object>({
-  variant,
-  label,
-  description,
-  prefix,
-  suffix,
-  ...props
-}: ItemProps<T>) => {
-  const textValue =
-    props.textValue ||
-    (typeof props.children === "string" ? props.children : undefined);
-  return (
-    <AriaListBoxItem
-      {...props}
-      textValue={textValue}
-      className={composeRenderProps(props.className, (className) =>
-        listBoxItemStyles({ variant, className })
-      )}
-    >
-      {composeRenderProps(
-        props.children,
-        (children, { isSelected, selectionMode }) => (
-          <>
-            {selectionMode !== "none" && (
-              <span className="flex w-8 shrink-0 items-center justify-center">
-                {isSelected && (
-                  <CheckIcon aria-hidden className="text-fg-accent size-4" />
-                )}
-              </span>
-            )}
-            <span className="flex items-center gap-3">
-              {prefix}
-              <span className="flex flex-1 flex-col">
-                {label && <Text slot="label">{label}</Text>}
-                {description && <Text slot="description">{description}</Text>}
-                {children}
-              </span>
-              {suffix}
-            </span>
-          </>
-        )
-      )}
-    </AriaListBoxItem>
-  );
-};
-
-export type { ListBoxProps, ItemProps };
-export { ListBox, Item };
diff --git a/www/src/registry/ui/default/core/menu/demos/basic.tsx b/www/src/registry/ui/default/core/menu/demos/basic.tsx
deleted file mode 100644
index 56367534a..000000000
--- a/www/src/registry/ui/default/core/menu/demos/basic.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem>Account settings</MenuItem>
-        <MenuItem>Create team</MenuItem>
-        <MenuItem>Command menu</MenuItem>
-        <MenuItem>Log out</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/composition.tsx b/www/src/registry/ui/default/core/menu/demos/composition.tsx
deleted file mode 100644
index d7e6a527f..000000000
--- a/www/src/registry/ui/default/core/menu/demos/composition.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  MenuContent,
-  MenuItem,
-  MenuRoot,
-} from "@/registry/ui/default/core/menu";
-import { Overlay } from "@/registry/ui/default/core/overlay";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Overlay type="popover" mobileType="drawer">
-        <MenuContent>
-          <MenuItem>Account settings</MenuItem>
-          <MenuItem>Create team</MenuItem>
-          <MenuItem>Command menu</MenuItem>
-          <MenuItem>Log out</MenuItem>
-        </MenuContent>
-      </Overlay>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/controlled.tsx b/www/src/registry/ui/default/core/menu/demos/controlled.tsx
deleted file mode 100644
index 27d29e7ce..000000000
--- a/www/src/registry/ui/default/core/menu/demos/controlled.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [isOpen, setOpen] = React.useState(false);
-  return (
-    <div className="flex flex-col-reverse items-center gap-4">
-      <MenuRoot isOpen={isOpen} onOpenChange={setOpen}>
-        <Button variant="outline" shape="square">
-          <MenuIcon />
-        </Button>
-        <Menu>
-          <MenuItem>Account settings</MenuItem>
-          <MenuItem>Create team</MenuItem>
-          <MenuItem>Log out</MenuItem>
-        </Menu>
-      </MenuRoot>
-      <p className="text-fg-muted text-sm">
-        state: {isOpen ? "open" : "closed"}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/disabled-items.tsx b/www/src/registry/ui/default/core/menu/demos/disabled-items.tsx
deleted file mode 100644
index e3350ac69..000000000
--- a/www/src/registry/ui/default/core/menu/demos/disabled-items.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { MenuIcon, PlusSquareIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem>Account settings</MenuItem>
-        <MenuItem prefix={<PlusSquareIcon />} isDisabled>
-          Create team
-        </MenuItem>
-        <MenuItem>Log out</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/item-variant.tsx b/www/src/registry/ui/default/core/menu/demos/item-variant.tsx
deleted file mode 100644
index caef6d17b..000000000
--- a/www/src/registry/ui/default/core/menu/demos/item-variant.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem>Account settings</MenuItem>
-        <MenuItem>Create team</MenuItem>
-        <MenuItem>Command menu</MenuItem>
-        <MenuItem variant="danger">Delete</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/label-and-description.tsx b/www/src/registry/ui/default/core/menu/demos/label-and-description.tsx
deleted file mode 100644
index c23b7ab05..000000000
--- a/www/src/registry/ui/default/core/menu/demos/label-and-description.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem label="New file" description="Create a new file" />
-        <MenuItem label="Copy link" description="Copy the file link" />
-        <MenuItem label="Edit file" description="Allows you to edit the file" />
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/link-items.tsx b/www/src/registry/ui/default/core/menu/demos/link-items.tsx
deleted file mode 100644
index 7b8fa3bac..000000000
--- a/www/src/registry/ui/default/core/menu/demos/link-items.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" size="sm">
-        Social
-      </Button>
-      <Menu>
-        <MenuItem
-          prefix={<GitHubIcon />}
-          href="https://github.com/mehdibha/dotUI"
-          target="_blank"
-        >
-          Github
-        </MenuItem>
-        <MenuItem
-          prefix={<TwitterIcon />}
-          href="https://twitter.com/mehdibha_"
-          target="_blank"
-        >
-          X
-        </MenuItem>
-        <MenuItem
-          prefix={<DiscordIcon />}
-          href="https://discord.com/invite/DXpj5V2fU8"
-          target="_blank"
-        >
-          Discord
-        </MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/long-press.tsx b/www/src/registry/ui/default/core/menu/demos/long-press.tsx
deleted file mode 100644
index d565e3557..000000000
--- a/www/src/registry/ui/default/core/menu/demos/long-press.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot trigger="longPress">
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem>Account settings</MenuItem>
-        <MenuItem>Create team</MenuItem>
-        <MenuItem>Log out</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/multiple-selection.tsx b/www/src/registry/ui/default/core/menu/demos/multiple-selection.tsx
deleted file mode 100644
index 36360e112..000000000
--- a/www/src/registry/ui/default/core/menu/demos/multiple-selection.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" size="sm">
-        Panels
-      </Button>
-      <Menu
-        selectionMode="multiple"
-        defaultSelectedKeys={["sidebar", "searchbar", "console"]}
-      >
-        <MenuItem id="sidebar">Sidebar</MenuItem>
-        <MenuItem id="searchbar">Searchbar</MenuItem>
-        <MenuItem id="tools">Tools</MenuItem>
-        <MenuItem id="console">Console</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/overlay-type.tsx b/www/src/registry/ui/default/core/menu/demos/overlay-type.tsx
deleted file mode 100644
index 6fddc942e..000000000
--- a/www/src/registry/ui/default/core/menu/demos/overlay-type.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { type OverlayProps } from "@/registry/ui/default/core/overlay";
-import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [type, setType] = React.useState("popover");
-  const [mobileType, setMobileType] = React.useState("drawer");
-  return (
-    <div className="flex items-center gap-14">
-      <MenuRoot>
-        <Button variant="outline" shape="square">
-          <MenuIcon />
-        </Button>
-        <Menu
-          type={type as OverlayProps["type"]}
-          mobileType={mobileType as OverlayProps["type"]}
-        >
-          <MenuItem>Account settings</MenuItem>
-          <MenuItem>Create team</MenuItem>
-          <MenuItem>Command menu</MenuItem>
-          <MenuItem>Log out</MenuItem>
-        </Menu>
-      </MenuRoot>
-      <div className="flex items-center gap-6">
-        <RadioGroup label="Type" value={type} onChange={setType}>
-          <Radio value="popover">Popover</Radio>
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-        </RadioGroup>
-        <RadioGroup
-          label="MobileType"
-          value={mobileType}
-          onChange={setMobileType}
-        >
-          <Radio value="popover">Popover</Radio>
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-        </RadioGroup>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/placement.tsx b/www/src/registry/ui/default/core/menu/demos/placement.tsx
deleted file mode 100644
index 42d0015e9..000000000
--- a/www/src/registry/ui/default/core/menu/demos/placement.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Item } from "@/registry/ui/default/core/list-box";
-import {
-  Menu,
-  MenuItem,
-  MenuRoot,
-  type MenuProps,
-} from "@/registry/ui/default/core/menu";
-import { Select } from "@/registry/ui/default/core/select";
-import { MenuIcon } from "@/__icons__";
-
-type Placement = MenuProps<object>["placement"];
-
-export default function Demo() {
-  const [placement, setPlacement] = React.useState<Placement>("top");
-  return (
-    <div className="flex items-center gap-10">
-      <MenuRoot>
-        <Button variant="outline" shape="square" size="sm">
-          <MenuIcon />
-        </Button>
-        <Menu placement={placement}>
-          <MenuItem>Account settings</MenuItem>
-          <MenuItem>Create team</MenuItem>
-          <MenuItem>Log out</MenuItem>
-        </Menu>
-      </MenuRoot>
-      <Select
-        label="Placement"
-        selectedKey={placement}
-        onSelectionChange={(key) => setPlacement(key as Placement)}
-      >
-        {[
-          "bottom",
-          "bottom left",
-          "bottom right",
-          "bottom start",
-          "bottom end",
-          "top",
-          "top left",
-          "top right",
-          "top start",
-          "top end",
-          "left",
-          "left top",
-          "left",
-          "bottom",
-          "start",
-          "start top",
-          "start bottom",
-          "right",
-          "right top",
-          "right",
-          "bottom",
-          "end",
-          "end top",
-          "end bottom",
-        ].map((pos, index) => (
-          <Item key={index} id={pos.replace(" ", "")}>
-            {pos}
-          </Item>
-        ))}
-      </Select>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/prefix-and-suffix.tsx b/www/src/registry/ui/default/core/menu/demos/prefix-and-suffix.tsx
deleted file mode 100644
index 18cb3b153..000000000
--- a/www/src/registry/ui/default/core/menu/demos/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { CopyIcon, MenuIcon, PlusSquareIcon, SquarePenIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square" size="sm">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem
-          label="New file"
-          description="Create a new file"
-          prefix={<PlusSquareIcon />}
-        />
-        <MenuItem
-          label="Copy link"
-          description="Copy the file link"
-          prefix={<CopyIcon />}
-        />
-        <MenuItem
-          label="Edit file"
-          description="Allows you to edit the file"
-          prefix={<SquarePenIcon />}
-        />
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/section.tsx b/www/src/registry/ui/default/core/menu/demos/section.tsx
deleted file mode 100644
index 728780628..000000000
--- a/www/src/registry/ui/default/core/menu/demos/section.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { Section } from "@/registry/ui/default/core/section";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <Section title="Notifications">
-          <MenuItem>Push notifications</MenuItem>
-          <MenuItem>Badges</MenuItem>
-        </Section>
-        <Section title="Panels">
-          <MenuItem id="console">Console</MenuItem>
-          <MenuItem>Search</MenuItem>
-        </Section>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/separator.tsx b/www/src/registry/ui/default/core/menu/demos/separator.tsx
deleted file mode 100644
index ee147c091..000000000
--- a/www/src/registry/ui/default/core/menu/demos/separator.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { Separator } from "@/registry/ui/default/core/separator";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline">File</Button>
-      <Menu>
-        <MenuItem>New...</MenuItem>
-        <MenuItem>Badges</MenuItem>
-        <Separator />
-        <MenuItem>Save</MenuItem>
-        <MenuItem>Save as...</MenuItem>
-        <MenuItem>Rename...</MenuItem>
-        <Separator />
-        <MenuItem>Page setup…</MenuItem>
-        <MenuItem>Print…</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/shortcut.tsx b/www/src/registry/ui/default/core/menu/demos/shortcut.tsx
deleted file mode 100644
index 9fcb7e73c..000000000
--- a/www/src/registry/ui/default/core/menu/demos/shortcut.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem shortcut="⌘N">New file</MenuItem>
-        <MenuItem shortcut="⌘C">Copy link</MenuItem>
-        <MenuItem shortcut="⌘⇧E">Edit file</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/single-selection.tsx b/www/src/registry/ui/default/core/menu/demos/single-selection.tsx
deleted file mode 100644
index c9117c08c..000000000
--- a/www/src/registry/ui/default/core/menu/demos/single-selection.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Selection } from "react-aria-components";
-import { Button } from "@/registry/ui/default/core/button";
-import { Menu, MenuItem, MenuRoot } from "@/registry/ui/default/core/menu";
-
-export default function Demo() {
-  const [selected, setSelected] = React.useState<Selection>(
-    new Set(["center"])
-  );
-  return (
-    <MenuRoot>
-      <Button variant="outline" size="sm">
-        Align
-      </Button>
-      <Menu
-        selectionMode="single"
-        selectedKeys={selected}
-        onSelectionChange={setSelected}
-      >
-        <MenuItem id="start">Start</MenuItem>
-        <MenuItem id="center">Center</MenuItem>
-        <MenuItem id="end">End</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/demos/submenus.tsx b/www/src/registry/ui/default/core/menu/demos/submenus.tsx
deleted file mode 100644
index 6d5bf5e0f..000000000
--- a/www/src/registry/ui/default/core/menu/demos/submenus.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  Menu,
-  MenuItem,
-  MenuRoot,
-  MenuSub,
-} from "@/registry/ui/default/core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem>Account settings</MenuItem>
-        <MenuSub>
-          <MenuItem>Invite users</MenuItem>
-          <Menu>
-            <MenuItem>SMS</MenuItem>
-            <MenuItem>Twitter</MenuItem>
-            <MenuSub>
-              <MenuItem>Email</MenuItem>
-              <Menu>
-                <MenuItem>Work</MenuItem>
-                <MenuItem>Personal</MenuItem>
-              </Menu>
-            </MenuSub>
-          </Menu>
-        </MenuSub>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/menu/index.ts b/www/src/registry/ui/default/core/menu/index.ts
deleted file mode 100644
index 4fbc74d76..000000000
--- a/www/src/registry/ui/default/core/menu/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./menu";
diff --git a/www/src/registry/ui/default/core/menu/menu.tsx b/www/src/registry/ui/default/core/menu/menu.tsx
deleted file mode 100644
index 90377a2d7..000000000
--- a/www/src/registry/ui/default/core/menu/menu.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Menu as AriaMenu,
-  MenuTrigger as AriaMenuTrigger,
-  MenuItem as AriaMenuItem,
-  SubmenuTrigger as AriaSubmenuTrigger,
-  type MenuItemProps as AriaMenuItemProps,
-  type MenuProps as AriaMenuProps,
-  type MenuTriggerProps as AriaMenuTriggerProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Kbd } from "@/registry/ui/default/core/kbd";
-import { Overlay, type OverlayProps } from "@/registry/ui/default/core/overlay";
-import { Text } from "@/registry/ui/default/core/text";
-import { CheckIcon, ChevronRightIcon } from "@/__icons__";
-
-const menuStyles = tv({
-  base: [
-    "max-h[inherit] outline-hidden rounded-[inherit] p-1",
-    "group-data-[type=drawer]/overlay:p-2",
-    "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
-  ],
-});
-
-const menuItemStyles = tv({
-  base: [
-    "focus:bg-bg-inverse/10 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm transition-colors disabled:pointer-events-none",
-    "selection-single:pl-0 selection-multiple:pl-0",
-    "group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3",
-    "group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2",
-    "[&_svg]:size-4",
-  ],
-  variants: {
-    variant: {
-      default: "text-fg",
-      success: "text-fg-success",
-      warning: "text-fg-warning",
-      accent: "text-fg-accent",
-      danger: "text-fg-danger",
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-type MenuRootProps = AriaMenuTriggerProps;
-const MenuRoot = (props: MenuRootProps) => {
-  return <AriaMenuTrigger {...props} />;
-};
-
-type MenuProps<T> = MenuContentProps<T> & {
-  type?: OverlayProps["type"];
-  mobileType?: OverlayProps["mobileType"];
-  mediaQuery?: OverlayProps["mediaQuery"];
-  placement?: OverlayProps["placement"];
-};
-const Menu = <T extends object>({
-  placement,
-  type = "popover",
-  mobileType = "drawer",
-  mediaQuery,
-  ...props
-}: MenuProps<T>) => {
-  return (
-    <Overlay
-      type={type}
-      mobileType={mobileType}
-      mediaQuery={mediaQuery}
-      placement={placement}
-    >
-      <MenuContent {...props} />
-    </Overlay>
-  );
-};
-
-type MenuContentProps<T> = AriaMenuProps<T>;
-const MenuContent = <T extends object>({
-  className,
-  ...props
-}: MenuContentProps<T>) => {
-  return <AriaMenu className={menuStyles({ className })} {...props} />;
-};
-
-const MenuSub = AriaSubmenuTrigger;
-
-interface MenuItemProps<T>
-  extends Omit<AriaMenuItemProps<T>, "className">,
-    VariantProps<typeof menuItemStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  label?: string;
-  description?: string;
-  shortcut?: string;
-  className?: string;
-}
-const MenuItem = <T extends object>({
-  className,
-  label,
-  description,
-  prefix,
-  suffix,
-  shortcut,
-  variant,
-  ...props
-}: MenuItemProps<T>) => {
-  return (
-    <AriaMenuItem className={menuItemStyles({ className, variant })} {...props}>
-      {composeRenderProps(
-        props.children,
-        (children, { selectionMode, isSelected, hasSubmenu }) => (
-          <>
-            {selectionMode !== "none" && (
-              <span className="flex w-8 items-center justify-center">
-                {isSelected && (
-                  <CheckIcon aria-hidden className="text-fg-accent size-4" />
-                )}
-              </span>
-            )}
-            {prefix}
-            <span className="flex items-center gap-2">
-              <span className="flex flex-1 flex-col">
-                {label && <Text slot="label">{label}</Text>}
-                {description && <Text slot="description">{description}</Text>}
-                {children}
-              </span>
-              {suffix}
-              {shortcut && <Kbd>{shortcut}</Kbd>}
-              {hasSubmenu && (
-                <ChevronRightIcon aria-hidden className="size-4" />
-              )}
-            </span>
-          </>
-        )
-      )}
-    </AriaMenuItem>
-  );
-};
-
-export type { MenuRootProps, MenuProps };
-export { MenuRoot, Menu, MenuItem, MenuContent, MenuSub };
diff --git a/www/src/registry/ui/default/core/number-field/demos/composition.tsx b/www/src/registry/ui/default/core/number-field/demos/composition.tsx
deleted file mode 100644
index f0b5d7c67..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/composition.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { Group } from "@/registry/ui/default/core/group";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-import { NumberFieldRoot } from "@/registry/ui/default/core/number-field";
-import { MinusIcon, PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <NumberFieldRoot>
-      <Label>Quantity</Label>
-      <Group className="flex items-center gap-2">
-        <Button slot="decrement" shape="square">
-          <MinusIcon />
-        </Button>
-        <InputRoot>
-          <Input />
-        </InputRoot>
-        <Button slot="increment" shape="square">
-          <PlusIcon />
-        </Button>
-      </Group>
-      <Description>Enter the disired quantity.</Description>
-    </NumberFieldRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/contextual-help.tsx b/www/src/registry/ui/default/core/number-field/demos/contextual-help.tsx
deleted file mode 100644
index e44ef0e20..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/contextual-help.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return (
-    <NumberField
-      label="Width"
-      defaultValue={1024}
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/controlled.tsx b/www/src/registry/ui/default/core/number-field/demos/controlled.tsx
deleted file mode 100644
index 6e66018fd..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/controlled.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState(69);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <NumberField
-        aria-label="Width"
-        value={inputValue}
-        onChange={(value) => {
-          setInputValue(value);
-        }}
-      />
-      <p className="text-fg-muted text-sm">mirrored number: {inputValue}</p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/default.tsx b/www/src/registry/ui/default/core/number-field/demos/default.tsx
deleted file mode 100644
index ce5a53efb..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/default.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return <NumberField label="Width" defaultValue={1024} />;
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/description.tsx b/www/src/registry/ui/default/core/number-field/demos/description.tsx
deleted file mode 100644
index b3078e41b..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/description.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return <NumberField label="Width" description="Enter the desired width." />;
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/disabled.tsx b/www/src/registry/ui/default/core/number-field/demos/disabled.tsx
deleted file mode 100644
index 298d9a932..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return <NumberField defaultValue={20} isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/error-message.tsx b/www/src/registry/ui/default/core/number-field/demos/error-message.tsx
deleted file mode 100644
index 611a0dd5d..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/error-message.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return (
-    <NumberField
-      label="Width"
-      isInvalid
-      errorMessage="Please fill out this field."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/format-options.tsx b/www/src/registry/ui/default/core/number-field/demos/format-options.tsx
deleted file mode 100644
index b5900db78..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/format-options.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <NumberField
-        label="Decimal"
-        defaultValue={0}
-        formatOptions={{
-          signDisplay: "exceptZero",
-          minimumFractionDigits: 1,
-          maximumFractionDigits: 2,
-        }}
-      />
-      <NumberField
-        label="Percentage"
-        defaultValue={0.05}
-        formatOptions={{
-          style: "percent",
-        }}
-      />
-      <NumberField
-        label="Currency"
-        defaultValue={45}
-        formatOptions={{
-          style: "currency",
-          currency: "EUR",
-          currencyDisplay: "code",
-          currencySign: "accounting",
-        }}
-      />
-      <NumberField
-        label="Unit"
-        defaultValue={4}
-        formatOptions={{
-          style: "unit",
-          unit: "inch",
-          unitDisplay: "long",
-        }}
-      />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/label.tsx b/www/src/registry/ui/default/core/number-field/demos/label.tsx
deleted file mode 100644
index 878e060e8..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <NumberField label="Width" placeholder="Visible label" />
-      <NumberField aria-label="Width" placeholder="Hidden label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/read-only.tsx b/www/src/registry/ui/default/core/number-field/demos/read-only.tsx
deleted file mode 100644
index 5d3b77022..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/read-only.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return <NumberField aria-label="Width" isReadOnly value={69} />;
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/required.tsx b/www/src/registry/ui/default/core/number-field/demos/required.tsx
deleted file mode 100644
index 47e69de8f..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/required.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <NumberField label="Width" isRequired />
-      <NumberField label="Width" isRequired necessityIndicator="icon" />
-      <NumberField label="Width" isRequired necessityIndicator="label" />
-      <NumberField label="Width" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/sizes.tsx b/www/src/registry/ui/default/core/number-field/demos/sizes.tsx
deleted file mode 100644
index 153ca6319..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <NumberField placeholder="small (sm)" size="sm" />
-      <NumberField placeholder="medium (md)" size="md" />
-      <NumberField placeholder="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/number-field/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/number-field/demos/uncontrolled.tsx
deleted file mode 100644
index 85edaec37..000000000
--- a/www/src/registry/ui/default/core/number-field/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-
-export default function Demo() {
-  return <NumberField aria-label="Width" defaultValue={80} />;
-}
diff --git a/www/src/registry/ui/default/core/number-field/index.ts b/www/src/registry/ui/default/core/number-field/index.ts
deleted file mode 100644
index b0d46c728..000000000
--- a/www/src/registry/ui/default/core/number-field/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./number-field";
diff --git a/www/src/registry/ui/default/core/number-field/number-field.tsx b/www/src/registry/ui/default/core/number-field/number-field.tsx
deleted file mode 100644
index 3589ddad5..000000000
--- a/www/src/registry/ui/default/core/number-field/number-field.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  NumberField as AriaNumberField,
-  type NumberFieldProps as AriaNumberFieldProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  InputRoot,
-  Input,
-  type inputStyles,
-} from "@/registry/ui/default/core/input";
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-  MinusIcon,
-  PlusIcon,
-} from "@/__icons__";
-import { useMediaQuery } from "@/registry-v2/hooks/use-media-query";
-
-const numberFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
-});
-
-type NumberFieldProps = NumberFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    placeholder?: string;
-  };
-const NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    const isMobile = useMediaQuery("(max-width: 768px)");
-    const prefix = isMobile ? (
-      <NumberFieldButton
-        slot="decrement"
-        className="h-full rounded-none rounded-l-md border-r"
-      />
-    ) : null;
-    const suffix = isMobile ? (
-      <NumberFieldButton
-        slot="increment"
-        className="h-full rounded-none rounded-r-md border-l"
-      />
-    ) : (
-      <div className="flex h-full flex-col rounded-r-md">
-        <NumberFieldButton
-          slot="increment"
-          iconType="chevron"
-          className="h-auto flex-1 shrink rounded-none rounded-tr-md border-b border-l"
-        />
-        <NumberFieldButton
-          slot="decrement"
-          iconType="chevron"
-          className="h-auto flex-1 shrink rounded-none rounded-br-md border-l"
-        />
-      </div>
-    );
-    return (
-      <NumberFieldRoot className={className} {...props}>
-        <Field
-          label={label}
-          description={description}
-          errorMessage={errorMessage}
-          isRequired={isRequired}
-          necessityIndicator={necessityIndicator}
-          contextualHelp={contextualHelp}
-        >
-          <InputRoot
-            size={size}
-            className="invalid:[&_button]:border-border-danger invalid:focus-within:[&_button]:border-border px-0"
-          >
-            {prefix}
-            <Input ref={ref} placeholder={placeholder} className="px-2" />
-            {suffix}
-          </InputRoot>
-        </Field>
-      </NumberFieldRoot>
-    );
-  }
-);
-NumberField.displayName = "NumberField";
-
-type NumberFieldRootProps = Omit<AriaNumberFieldProps, "className"> & {
-  className?: string;
-};
-const NumberFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaNumberField>,
-  NumberFieldRootProps
->(({ className, ...props }, ref) => {
-  return (
-    <AriaNumberField
-      ref={ref}
-      className={numberFieldStyles({ className })}
-      {...props}
-    />
-  );
-});
-NumberFieldRoot.displayName = "NumberFieldRoot";
-
-interface NumberFieldButtonProps extends ButtonProps {
-  slot: "increment" | "decrement";
-  iconType?: "chevron" | "default";
-}
-const NumberFieldButton = ({
-  slot,
-  iconType = "default",
-  ...props
-}: NumberFieldButtonProps) => {
-  const icon =
-    iconType === "chevron" ? (
-      slot === "increment" ? (
-        <ChevronUpIcon />
-      ) : (
-        <ChevronDownIcon />
-      )
-    ) : slot === "increment" ? (
-      <PlusIcon />
-    ) : (
-      <MinusIcon />
-    );
-  return (
-    <Button slot={slot} size="sm" variant="quiet" shape="square" {...props}>
-      {icon}
-    </Button>
-  );
-};
-
-export type { NumberFieldProps, NumberFieldRootProps };
-export { NumberField, NumberFieldRoot, NumberFieldButton };
diff --git a/www/src/registry/ui/default/core/overlay/index.ts b/www/src/registry/ui/default/core/overlay/index.ts
deleted file mode 100644
index c4ba7ddac..000000000
--- a/www/src/registry/ui/default/core/overlay/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./overlay";
diff --git a/www/src/registry/ui/default/core/overlay/overlay.tsx b/www/src/registry/ui/default/core/overlay/overlay.tsx
deleted file mode 100644
index 223a93be0..000000000
--- a/www/src/registry/ui/default/core/overlay/overlay.tsx
+++ /dev/null
@@ -1,323 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  composeRenderProps,
-  Popover as AriaPopover,
-  OverlayArrow as AriaOverlayArrow,
-  Modal as AriaModal,
-  ModalOverlay as AriaModalOverlay,
-  OverlayTriggerStateContext as AriaOverlayTriggerStateContext,
-  type PopoverProps as AriaPopoverProps,
-  type ModalOverlayProps as AriaModalOverlayProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
-import { cn } from "@/registry/ui/default/lib/cn";
-import { XIcon } from "@/__icons__";
-import { useMediaQuery } from "@/registry-v2/hooks/use-media-query";
-import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
-
-type OverlayType = "modal" | "drawer" | "popover";
-
-type OverlayProps = {
-  type?: OverlayType;
-  mobileType?: OverlayProps["type"];
-  showDismissButton?: boolean;
-  swipeIndicator?: boolean;
-  mediaQuery?: string;
-  children: React.ReactNode;
-  classNames?: ModalOverlayClassNames &
-    DrawerOverlayClassNames &
-    PopoverOverlayClassNames;
-} & Omit<AriaModalOverlayProps, "children"> &
-  Omit<AriaPopoverProps, "children">;
-
-const Overlay = React.forwardRef<HTMLElement | HTMLDivElement, OverlayProps>(
-  (
-    {
-      type: typeProp = "modal",
-      mobileType,
-      mediaQuery = "(max-width: 640px)",
-      isDismissable = true,
-      swipeIndicator,
-      ...props
-    },
-    ref
-  ) => {
-    const isMobile = useMediaQuery(mediaQuery);
-    const type = mobileType ? (isMobile ? mobileType : typeProp) : typeProp;
-    switch (type) {
-      case "modal":
-        return (
-          <ModalOverlay
-            ref={ref as React.ForwardedRef<HTMLDivElement>}
-            isDismissable={isDismissable}
-            {...props}
-          />
-        );
-      case "drawer":
-        return (
-          // @ts-expect-error TODO FIX THIS SAME ORIENTATION PROP AS POPOVER :'(
-          <DrawerOverlay
-            ref={ref as React.ForwardedRef<HTMLDivElement>}
-            swipeIndicator={swipeIndicator}
-            isDismissable={isDismissable}
-            {...props}
-          />
-        );
-      case "popover":
-        return (
-          <PopoverOverlay
-            ref={ref as React.ForwardedRef<HTMLElement>}
-            {...props}
-          />
-        );
-    }
-  }
-);
-Overlay.displayName = "Overlay";
-
-const modalVariants = tv({
-  slots: {
-    backdrop: [
-      "h-(--visual-viewport-height) fixed left-0 top-0 z-50 flex w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
-      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
-    ],
-    overlay: [
-      "group/overlay relative z-50 w-full max-w-lg",
-      "bg-bg border shadow-lg sm:rounded-lg md:w-full",
-      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
-    ],
-  },
-});
-
-type ModalOverlaySlots = keyof ReturnType<typeof modalVariants>;
-type ModalOverlayClassNames = {
-  [key in ModalOverlaySlots]?: string;
-};
-
-interface ModalOverlayProps extends AriaModalOverlayProps {
-  showDismissButton?: boolean;
-  classNames?: ModalOverlayClassNames;
-}
-
-const ModalOverlay = React.forwardRef<
-  React.ElementRef<typeof AriaModalOverlay>,
-  ModalOverlayProps
->(
-  (
-    { classNames, className, isDismissable, showDismissButton, ...props },
-    ref
-  ) => {
-    const { overlay, backdrop } = modalVariants({});
-    return (
-      <AriaModalOverlay
-        {...props}
-        ref={ref}
-        isDismissable={isDismissable}
-        className={backdrop({ className: classNames?.backdrop })}
-      >
-        <AriaModal
-          {...props}
-          data-type="modal"
-          className={cn(overlay(), classNames?.overlay, className)}
-        >
-          {composeRenderProps(props.children, (children) => (
-            <>
-              {(showDismissButton ?? isDismissable) && <DismissButton />}
-              {children}
-            </>
-          ))}
-        </AriaModal>
-      </AriaModalOverlay>
-    );
-  }
-);
-ModalOverlay.displayName = "ModalOverlay";
-
-const popoverOverlayVariants = tv({
-  slots: {
-    overlay:
-      "group/overlay bg-bg text-fg data-[trigger=ComboBox]:min-w-(--trigger-width) data-[trigger=Select]:min-w-(--trigger-width) z-50 rounded-md border shadow-md",
-    arrow: [
-      "fill-bg stroke-border block stroke-1",
-      "group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180",
-    ],
-  },
-});
-
-type PopoverOverlaySlots = keyof ReturnType<typeof popoverOverlayVariants>;
-type PopoverOverlayClassNames = {
-  [key in PopoverOverlaySlots]?: string;
-};
-
-interface PopoverOverlayProps extends AriaPopoverProps {
-  arrow?: boolean;
-  classNames?: PopoverOverlayClassNames;
-  showDismissButton?: boolean;
-}
-
-const PopoverOverlay = React.forwardRef<
-  React.ElementRef<typeof AriaPopover>,
-  PopoverOverlayProps
->(
-  (
-    { arrow = false, className, showDismissButton, classNames, ...props },
-    ref
-  ) => {
-    const { overlay, arrow: arrowStyle } = popoverOverlayVariants({});
-    return (
-      <AriaPopover
-        data-type="popover"
-        ref={ref}
-        {...props}
-        className={cn(overlay(), classNames?.overlay, className)}
-      >
-        {composeRenderProps(props.children, (children, {}) => (
-          <>
-            {showDismissButton && <DismissButton />}
-            {arrow && (
-              <AriaOverlayArrow className="group">
-                <svg
-                  width={12}
-                  height={12}
-                  viewBox="0 0 12 12"
-                  className={arrowStyle({ className: classNames?.arrow })}
-                >
-                  <path d="M0 0 L6 6 L12 0" />
-                </svg>
-              </AriaOverlayArrow>
-            )}
-            {children}
-          </>
-        ))}
-      </AriaPopover>
-    );
-  }
-);
-PopoverOverlay.displayName = "PopoverOverlay";
-
-const drawerVariants = tv({
-  slots: {
-    backdrop: ["fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", "opacity-0"],
-    overlay: [
-      "group/overlay bg-bg outline-hidden fixed z-50 flex flex-col",
-      "inset-0",
-      "placement-bottom:top-auto placement-top:bottom-auto placement-left:right-auto placement-right:left-auto",
-      "placement-bottom:mt-24 placement-bottom:rounded-t-[10px] placement-bottom:border-t",
-      "placement-top:mb-24 placement-top:rounded-b-[10px] placement-top:border-b",
-      "placement-right:ml-24 placement-right:rounded-l-[10px] placement-right:border-l",
-      "placement-left:mr-24 placement-left:rounded-r-[10px] placement-left:border-r",
-      "touch-none will-change-transform",
-      "placement-bottom:translate-y-full placement-top:-translate-y-full placement-left:-translate-x-full placement-right:translate-x-full", // required
-      "placement-bottom:max-h-[90%] placement-top:max-h-[90%]",
-    ],
-  },
-});
-
-type DrawerOverlaySlots = keyof ReturnType<typeof drawerVariants>;
-type DrawerOverlayClassNames = {
-  [key in DrawerOverlaySlots]?: string;
-};
-
-interface DrawerOverlayProps extends Omit<AriaModalOverlayProps, "children"> {
-  placement?: "top" | "bottom" | "left" | "right";
-  showDismissButton?: boolean;
-  swipeIndicator?: boolean;
-  children?: React.ReactNode;
-  classNames?: DrawerOverlayClassNames;
-}
-
-const DrawerOverlay = React.forwardRef<
-  React.ElementRef<typeof AriaModalOverlay>,
-  DrawerOverlayProps
->(
-  (
-    {
-      children,
-      classNames,
-      className,
-      isDismissable,
-      showDismissButton = false,
-      swipeIndicator = true,
-      placement = "bottom",
-      ...props
-    },
-    ref
-  ) => {
-    const { rootProps, modalProps, backdropProps, drawerProps } =
-      useMotionDrawer({
-        isDismissable,
-        placement,
-        scaleBackground: false,
-      });
-    const { overlay, backdrop } = drawerVariants();
-
-    return (
-      <MotionDrawerRoot {...rootProps}>
-        <AriaModalOverlay
-          ref={ref}
-          isDismissable={isDismissable}
-          {...props}
-          {...modalProps}
-        >
-          <div
-            {...backdropProps}
-            className={backdrop({ className: classNames?.backdrop })}
-          />
-          <AriaModal>
-            <div
-              {...drawerProps}
-              data-type="drawer"
-              className={cn(overlay(), classNames?.overlay, className)}
-            >
-              {showDismissButton && (
-                <DismissButton shape="rectangle">Done</DismissButton>
-              )}
-              {swipeIndicator && (
-                <div className="bg-bg-muted mx-auto my-4 h-2 w-[100px] rounded-full" />
-              )}
-              {children}
-            </div>
-          </AriaModal>
-        </AriaModalOverlay>
-      </MotionDrawerRoot>
-    );
-  }
-);
-DrawerOverlay.displayName = "DrawerOverlay";
-
-const DismissButton = (props: ButtonProps) => {
-  const state = React.useContext(AriaOverlayTriggerStateContext);
-  return (
-    <Button
-      shape="square"
-      variant="quiet"
-      size="sm"
-      aria-label="Close"
-      {...props}
-      className={cn("absolute right-2 top-2 z-20", props.className)}
-      onPress={() => state.close()}
-    >
-      {props.children ?? <XIcon />}
-    </Button>
-  );
-};
-
-export type {
-  OverlayProps,
-  ModalOverlayProps,
-  DrawerOverlayProps,
-  PopoverOverlayProps,
-};
-export {
-  Overlay,
-  PopoverOverlay,
-  DrawerOverlay,
-  ModalOverlay,
-  DismissButton,
-  drawerVariants,
-  modalVariants,
-  popoverOverlayVariants,
-};
diff --git a/www/src/registry/ui/default/core/overlay/use-motion-drawer.tsx b/www/src/registry/ui/default/core/overlay/use-motion-drawer.tsx
deleted file mode 100644
index 41b284783..000000000
--- a/www/src/registry/ui/default/core/overlay/use-motion-drawer.tsx
+++ /dev/null
@@ -1,688 +0,0 @@
-/* eslint-disable */
-
-/* This hook is in progress */
-import React from "react";
-import { OverlayTriggerStateContext } from "react-aria-components";
-
-interface useMotionDrawerProps {
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  scaleBackground?: boolean;
-  closeThreshold?: number;
-  scrollLockTimeout?: number;
-  isDismissable?: boolean;
-  placement?: "top" | "bottom" | "left" | "right";
-}
-
-type AnimationState = "unmounted" | "hidden" | "visible";
-
-export const useMotionDrawer = (props: useMotionDrawerProps) => {
-  const {
-    scaleBackground = true,
-    closeThreshold = CLOSE_THRESHOLD,
-    scrollLockTimeout = SCROLL_LOCK_TIMEOUT,
-    isDismissable = true,
-    placement = "bottom",
-  } = props;
-  const contextState = React.useContext(OverlayTriggerStateContext);
-  const context = React.useContext(DrawerInternalContext);
-  const state = contextState;
-  const [animation, setAnimation] = React.useState<AnimationState>("unmounted");
-  const isEntering = animation === "visible";
-  const isExiting = animation === "hidden";
-  const nested = !!context;
-
-  const drawerRef = React.useRef<HTMLDivElement>(null);
-  const backdropRef = React.useRef<HTMLDivElement>(null);
-  const dragStartTime = React.useRef<Date | null>(null);
-  const dragEndTime = React.useRef<Date | null>(null);
-
-  const [isDragging, setDragging] = React.useState(false);
-  const drawerHeightRef = React.useRef(
-    drawerRef.current?.getBoundingClientRect().height || 0
-  );
-  const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);
-  const pointerStart = React.useRef(0);
-  const keyboardIsOpen = React.useRef(false);
-  const initialDrawerHeight = React.useRef(0);
-  const previousDiffFromInitial = React.useRef(0);
-
-  function shouldDrag(el: EventTarget) {
-    // TODO: add more conditions (scrollLockTimeout / when animating / placement right and left / swipe amout? / scrollable element / ...)
-    const selectedText = window.getSelection()?.toString();
-    if (selectedText && selectedText.length > 0) return false;
-    if (!isVertical(placement)) return true;
-    // TODO: Disallow drag when entering or exiting
-    const swipeAmount = drawerRef.current
-      ? getTranslate(drawerRef.current, placement)
-      : null;
-    if (
-      swipeAmount !== null &&
-      (placement === "bottom" ? swipeAmount > 0 : swipeAmount < 0)
-    )
-      return true;
-    // TODO: SCROLLLOCKTIMEOUT
-    // TODO: DRAG IN placement
-    let element = el as HTMLElement;
-    while (element) {
-      if (element.scrollHeight > element.clientHeight) {
-        if (element.scrollTop !== 0) {
-          return false;
-        }
-        if (element.getAttribute("role") === "dialog") {
-          return true;
-        }
-      }
-      element = element.parentNode as HTMLElement;
-    }
-    return true;
-  }
-
-  function resetDrawer() {
-    if (!drawerRef.current) return;
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    const currentSwipeAmount = getTranslate(drawerRef.current, placement);
-    set(drawerRef.current, {
-      transform: "translate3d(0, 0, 0)",
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-    set(backdropRef.current, {
-      transition: `opacity ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-      opacity: "1",
-    });
-    // TODO: put this in a function (resetBody)
-    if (
-      scaleBackground &&
-      currentSwipeAmount &&
-      currentSwipeAmount > 0 &&
-      state.isOpen &&
-      !nested
-    ) {
-      set(
-        wrapper,
-        {
-          borderRadius: `${BORDER_RADIUS}px`,
-          ...(isVertical(placement)
-            ? {
-                transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
-                transformOrigin: "top",
-              }
-            : {
-                transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
-                transformOrigin: "left",
-              }),
-          transitionProperty: "transform, border-radius",
-          transitionDuration: `${TRANSITIONS.DURATION}s`,
-          transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(
-            ","
-          )})`,
-        },
-        true
-      );
-    }
-  }
-
-  function onPress(event: React.PointerEvent<HTMLDivElement>) {
-    if (drawerRef.current && !drawerRef.current.contains(event.target as Node))
-      return;
-    drawerHeightRef.current =
-      drawerRef.current?.getBoundingClientRect().height || 0;
-    setDragging(true);
-    dragStartTime.current = new Date();
-    // if (isIOS()) {
-    //   window.addEventListener('touchend', () => (isAllowedToDrag.current = false), { once: true });
-    // }
-    (event.target as HTMLElement).setPointerCapture(event.pointerId);
-    pointerStart.current = isVertical(placement)
-      ? event.clientY
-      : event.clientX;
-  }
-
-  function onDrag(event: React.PointerEvent<HTMLDivElement>) {
-    if (!drawerRef.current || !isDragging || !shouldDrag(event.target)) return;
-    const placementMultiplier =
-      placement === "bottom" || placement === "right" ? 1 : -1;
-    const draggedDistance =
-      (pointerStart.current -
-        (isVertical(placement) ? event.clientY : event.clientX)) *
-      placementMultiplier;
-    const isDraggingInDirection = draggedDistance > 0;
-    const absDraggedDistance = Math.abs(draggedDistance);
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    const percentageDragged = absDraggedDistance / drawerHeightRef.current;
-    if (nested) context.onNestedDrag(percentageDragged);
-    set(drawerRef.current, { transition: "none" }); // WHY?
-    set(backdropRef.current, { transition: "none" }); // WHY?
-    if (isDraggingInDirection) {
-      const dampenedDraggedDistance = dampenValue(draggedDistance);
-      const translateValue =
-        Math.min(dampenedDraggedDistance * -1, 0) * placementMultiplier;
-      set(drawerRef.current, {
-        transform: isVertical(placement)
-          ? `translate3d(0, ${translateValue}px, 0)`
-          : `translate3d(${translateValue}px, 0, 0)`,
-      });
-      return;
-    }
-    const opacityValue = 1 - percentageDragged;
-    set(
-      backdropRef.current,
-      { opacity: `${opacityValue}`, transition: "none" },
-      true
-    );
-    if (wrapper && backdropRef.current && scaleBackground && !nested) {
-      // Calculate percentageDragged as a fraction (0 to 1)
-      const scaleValue = Math.min(
-        getScale() + percentageDragged * (1 - getScale()),
-        1
-      );
-      const borderRadiusValue = 8 - percentageDragged * 8;
-      const translateValue = Math.max(0, 14 - percentageDragged * 14);
-      set(
-        wrapper,
-        {
-          borderRadius: `${borderRadiusValue}px`,
-          transform: isVertical(placement)
-            ? `scale(${scaleValue}) translate3d(0, ${translateValue}px, 0)`
-            : `scale(${scaleValue}) translate3d(${translateValue}px, 0, 0)`,
-          transition: "none",
-        },
-        true
-      );
-    }
-    const translateValue = absDraggedDistance * placementMultiplier;
-    set(drawerRef.current, {
-      transform: isVertical(placement)
-        ? `translate3d(0, ${translateValue}px, 0)`
-        : `translate3d(${translateValue}px, 0, 0)`,
-    });
-
-    // TODO: transform body
-  }
-
-  function onRelease(event: React.PointerEvent<HTMLDivElement>) {
-    if (!isDragging || !drawerRef.current) return;
-    if (nested) context.onNestedRelease(true);
-    setDragging(false);
-    dragEndTime.current = new Date();
-    const swipeAmount = getTranslate(drawerRef.current, placement);
-    if (!shouldDrag(event.target) || !swipeAmount || isNaN(swipeAmount)) return;
-    if (dragStartTime.current === null) return;
-    // TODO: check for justReleased (to not focus on an element on drag end)
-    const timeTaken =
-      dragEndTime.current.getTime() - dragStartTime.current.getTime();
-    const distMoved =
-      pointerStart.current -
-      (isVertical(placement) ? event.clientY : event.clientX);
-    const velocity = Math.abs(distMoved) / timeTaken;
-    if (
-      placement === "bottom" || placement === "right"
-        ? distMoved > 0
-        : distMoved < 0
-    ) {
-      resetDrawer();
-      return;
-    }
-    if (velocity > VELOCITY_THRESHOLD) {
-      closeDrawer();
-      return;
-    }
-    const visibleDrawerHeight = Math.min(
-      drawerRef.current.getBoundingClientRect().height ?? 0,
-      window.innerHeight
-    );
-    if (swipeAmount >= visibleDrawerHeight * closeThreshold) {
-      closeDrawer();
-      return;
-    }
-    resetDrawer();
-  }
-
-  function onPointerDown(event: React.PointerEvent<HTMLDivElement>) {
-    pointerStartRef.current = { x: event.clientX, y: event.clientY };
-    onPress(event);
-  }
-
-  function onPointerMove(event: React.PointerEvent<HTMLDivElement>) {
-    if (!pointerStartRef.current) return;
-    // TODO: Is allowed to swipe check?
-    onDrag(event);
-  }
-
-  function onPointerUp(event: React.PointerEvent<HTMLDivElement>) {
-    pointerStartRef.current = null;
-    onRelease(event);
-  }
-
-  function getScale() {
-    return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
-  }
-
-  function animateBody() {
-    if (nested) return;
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    if (!wrapper || !scaleBackground) return;
-    set(document.body, {
-      background:
-        document.body.style.backgroundColor || document.body.style.background,
-    });
-    set(document.body, { background: "black" }, true);
-    set(wrapper, {
-      borderRadius: `${BORDER_RADIUS}px`,
-      ...(isVertical(placement)
-        ? {
-            transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
-            transformOrigin: "top",
-          }
-        : {
-            transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
-            transformOrigin: "left",
-          }),
-      transitionProperty: "transform, border-radius",
-      transitionDuration: `${TRANSITIONS.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function resetBody() {
-    if (nested) return;
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    if (!wrapper || !scaleBackground) return;
-    reset(wrapper, "overflow");
-    reset(wrapper, "transform");
-    reset(wrapper, "borderRadius");
-    set(wrapper, {
-      transitionProperty: "transform, border-radius",
-      transitionDuration: `${TRANSITIONS.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function openDrawer() {
-    if (!drawerRef.current) return;
-    if (nested) context.onNestedOpenChange(true);
-    setAnimation("visible");
-    animateBody();
-    set(drawerRef.current, {
-      transform: `translate3d(0, 0, 0)`,
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-    set(backdropRef.current, {
-      opacity: "1",
-      transition: `opacity ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function closeDrawer() {
-    if (!drawerRef.current) return;
-    if (nested) context.onNestedOpenChange(false);
-    setAnimation("hidden");
-    resetBody();
-    set(drawerRef.current, {
-      transform: isVertical(placement)
-        ? `translate3d(0, ${placement === "bottom" ? "100%" : "-100%"}, 0)`
-        : `translate3d(${placement === "right" ? "100%" : "-100%"}, 0, 0)`,
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-    set(backdropRef.current, {
-      opacity: "0",
-      transition: `opacity ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function handleTransitionEnd() {
-    if (isExiting) {
-      setAnimation("unmounted");
-      reset(document.body);
-      state.close();
-    }
-  }
-
-  function handleOpenChange(isOpen: boolean) {
-    if (!isOpen) {
-      closeDrawer();
-    }
-  }
-
-  function handleNestedOpenChange(isOpen: boolean) {
-    const scale = isOpen
-      ? (window.innerWidth - NESTED_DISPLACEMENT) / window.innerWidth
-      : 1;
-    const y = isOpen ? -NESTED_DISPLACEMENT : 0;
-    set(drawerRef.current, {
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-      transform: `scale(${scale}) translate3d(0, ${y}px, 0)`,
-    });
-  }
-
-  function handleNestedDrag(percentageDragged: number) {
-    if (percentageDragged < 0) return;
-    const initialDim = isVertical(placement)
-      ? window.innerHeight
-      : window.innerWidth;
-    const initialScale = (initialDim - NESTED_DISPLACEMENT) / initialDim;
-    const newScale = initialScale + percentageDragged * (1 - initialScale);
-    const newTranslate =
-      -NESTED_DISPLACEMENT + percentageDragged * NESTED_DISPLACEMENT;
-    set(drawerRef.current, {
-      transform: isVertical(placement)
-        ? `scale(${newScale}) translate3d(0, ${newTranslate}px, 0)`
-        : `scale(${newScale}) translate3d(${newTranslate}px, 0, 0)`,
-      transition: "none",
-    });
-  }
-
-  function handleNestedRelease(isOpen: boolean) {
-    const dim = isVertical(placement) ? window.innerHeight : window.innerWidth;
-    const scale = isOpen ? (dim - NESTED_DISPLACEMENT) / dim : 1;
-    const translate = isOpen ? -NESTED_DISPLACEMENT : 0;
-    if (isOpen) {
-      set(drawerRef.current, {
-        transition: `transform ${
-          TRANSITIONS.DURATION
-        }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-        transform: isVertical(placement)
-          ? `scale(${scale}) translate3d(0, ${translate}px, 0)`
-          : `scale(${scale}) translate3d(${translate}px, 0, 0)`,
-      });
-    }
-  }
-
-  // TODO: ADD LOGIC FOR INPUT KEYBOARD OPEN ON MOBILE
-
-  React.useEffect(() => {
-    function onVisualViewportChange() {
-      if (!drawerRef.current) return;
-      const focusedElement = document.activeElement as HTMLElement;
-      if (isInput(focusedElement) || keyboardIsOpen.current) {
-        const visualViewportHeight = window.visualViewport?.height || 0;
-        const diffFromInitial = window.innerHeight - visualViewportHeight;
-        const drawerHeight =
-          drawerRef.current.getBoundingClientRect().height || 0;
-        if (!initialDrawerHeight.current) {
-          initialDrawerHeight.current = drawerHeight;
-        }
-        const offsetFromTop = drawerRef.current.getBoundingClientRect().top;
-        if (Math.abs(previousDiffFromInitial.current - diffFromInitial) > 60) {
-          keyboardIsOpen.current = !keyboardIsOpen.current;
-        }
-        previousDiffFromInitial.current = diffFromInitial;
-        if (drawerHeight > visualViewportHeight || keyboardIsOpen.current) {
-          const height = drawerRef.current.getBoundingClientRect().height;
-          let newDrawerHeight = height;
-          if (height > visualViewportHeight) {
-            newDrawerHeight = visualViewportHeight - WINDOW_TOP_OFFSET;
-          }
-          drawerRef.current.style.height = `${Math.max(
-            newDrawerHeight,
-            visualViewportHeight - offsetFromTop
-          )}px`;
-        } else {
-          drawerRef.current.style.height = `${initialDrawerHeight.current}px`;
-        }
-        drawerRef.current.style.bottom = `${Math.max(diffFromInitial, 0)}px`;
-      }
-    }
-    window.visualViewport?.addEventListener("resize", onVisualViewportChange);
-    return () =>
-      window.visualViewport?.removeEventListener(
-        "resize",
-        onVisualViewportChange
-      );
-  }, []);
-
-  React.useEffect(() => {
-    if (state.isOpen) {
-      openDrawer();
-    } else {
-      if (!nested) {
-        resetBody(); // to ensure that always the body is reset.
-      }
-    }
-    return () => {
-      resetBody();
-    };
-  }, [state.isOpen]);
-
-  const rootProps = {
-    value: {
-      onNestedOpenChange: handleNestedOpenChange,
-      onNestedDrag: handleNestedDrag,
-      onNestedRelease: handleNestedRelease,
-    },
-  };
-
-  const drawerProps = {
-    ref: drawerRef,
-    "data-rac": "",
-    "data-drawer": "",
-    "data-placement": placement,
-    "data-open": state.isOpen || undefined,
-    onTransitionEnd: handleTransitionEnd,
-    onPointerUp,
-    onPointerDown,
-    onPointerMove,
-  };
-
-  const modalProps = {
-    isOpen: state.isOpen,
-    onOpenChange: handleOpenChange,
-    isExiting,
-  };
-
-  const backdropProps = { ref: backdropRef };
-
-  return {
-    rootProps,
-    modalProps,
-    drawerProps,
-    backdropProps,
-  };
-};
-
-export const MotionDrawerRoot = ({
-  children,
-  value,
-}: {
-  children: React.ReactNode;
-  value: DrawerInternalContextValue;
-}) => {
-  return (
-    <DrawerInternalContext.Provider value={value}>
-      {children}
-    </DrawerInternalContext.Provider>
-  );
-};
-
-interface DrawerInternalContextValue {
-  onNestedOpenChange: (isOpen: boolean) => void;
-  onNestedDrag: (percentageDragged: number) => void;
-  onNestedRelease: (isOpen: boolean) => void;
-}
-
-export const DrawerInternalContext =
-  React.createContext<DrawerInternalContextValue | null>(null);
-
-export const useDrawerInternalContext = () => {
-  const context = React.useContext(DrawerInternalContext);
-  return context;
-};
-
-// Constants
-
-const CLOSE_THRESHOLD = 0.25;
-const SCROLL_LOCK_TIMEOUT = 100;
-const BORDER_RADIUS = 8;
-const WINDOW_TOP_OFFSET = 26;
-const TRANSITIONS = {
-  DURATION: 0.5,
-  EASE: [0.32, 0.72, 0, 1],
-};
-const VELOCITY_THRESHOLD = 0.4;
-const NESTED_DISPLACEMENT = 16;
-
-// Types
-
-type DrawerPlacement = "top" | "bottom" | "left" | "right";
-
-// Helpers
-
-type Style = Record<string, string>;
-
-const cache = new WeakMap();
-
-export function isInView(el: HTMLElement): boolean {
-  const rect = el.getBoundingClientRect();
-
-  if (!window.visualViewport) return false;
-
-  return (
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    // Need + 40 for safari detection
-    rect.bottom <= window.visualViewport.height - 40 &&
-    rect.right <= window.visualViewport.width
-  );
-}
-
-export function set(
-  el: Element | HTMLElement | null | undefined,
-  styles: Style,
-  ignoreCache = false
-) {
-  if (!el || !(el instanceof HTMLElement)) return;
-  const originalStyles: Style = {};
-
-  Object.entries(styles).forEach(([key, value]: [string, string]) => {
-    if (key.startsWith("--")) {
-      el.style.setProperty(key, value);
-      return;
-    }
-
-    originalStyles[key] = (el.style as any)[key];
-    (el.style as any)[key] = value;
-  });
-
-  if (ignoreCache) return;
-
-  cache.set(el, originalStyles);
-}
-
-export function reset(el: Element | HTMLElement | null, prop?: string) {
-  if (!el || !(el instanceof HTMLElement)) return;
-  const originalStyles = cache.get(el);
-
-  if (!originalStyles) {
-    return;
-  }
-
-  if (prop) {
-    (el.style as any)[prop] = originalStyles[prop];
-  } else {
-    Object.entries(originalStyles).forEach(([key, value]) => {
-      (el.style as any)[key] = value;
-    });
-  }
-}
-
-export const isVertical = (placement: DrawerPlacement) => {
-  switch (placement) {
-    case "top":
-    case "bottom":
-      return true;
-    case "left":
-    case "right":
-      return false;
-    default:
-      return placement satisfies never;
-  }
-};
-
-export function getTranslate(
-  element: HTMLElement,
-  placement: DrawerPlacement
-): number | null {
-  if (!element) {
-    return null;
-  }
-  const style = window.getComputedStyle(element);
-  const transform =
-    // @ts-ignore
-    style.transform || style.webkitTransform || style.mozTransform;
-  let mat = transform.match(/^matrix3d\((.+)\)$/);
-  if (mat) {
-    // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix3d
-    return parseFloat(mat[1].split(", ")[isVertical(placement) ? 13 : 12]);
-  }
-  // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix
-  mat = transform.match(/^matrix\((.+)\)$/);
-  return mat
-    ? parseFloat(mat[1].split(", ")[isVertical(placement) ? 5 : 4])
-    : null;
-}
-
-export function dampenValue(v: number) {
-  return 8 * (Math.log(v + 1) - 2);
-}
-
-// Additional helpers
-
-function testPlatform(re: RegExp): boolean | undefined {
-  return window?.navigator != null
-    ? re.test(window.navigator.platform)
-    : undefined;
-}
-
-function isMac(): boolean | undefined {
-  return testPlatform(/^Mac/);
-}
-
-function isIPhone(): boolean | undefined {
-  return testPlatform(/^iPhone/);
-}
-
-function isIPad(): boolean | undefined {
-  return (
-    testPlatform(/^iPad/) ||
-    // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-    (isMac() && navigator.maxTouchPoints > 1)
-  );
-}
-
-function isIOS(): boolean | undefined {
-  return isIPhone() || isIPad();
-}
-
-const nonTextInputTypes = new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset",
-]);
-function isInput(target: Element) {
-  return (
-    (target instanceof HTMLInputElement &&
-      !nonTextInputTypes.has(target.type)) ||
-    target instanceof HTMLTextAreaElement ||
-    (target instanceof HTMLElement && target.isContentEditable)
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/composition.tsx b/www/src/registry/ui/default/core/progress/demos/composition.tsx
deleted file mode 100644
index 7c43517c8..000000000
--- a/www/src/registry/ui/default/core/progress/demos/composition.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Label } from "react-aria-components";
-import {
-  ProgressIndicator,
-  ProgressRoot,
-  ProgressValueLabel,
-} from "@/registry/ui/default/core/progress";
-
-export default function Demo() {
-  return (
-    <ProgressRoot value={50} className="flex-row items-center gap-4">
-      <Label>Progress</Label>
-      <ProgressIndicator />
-      <ProgressValueLabel />
-    </ProgressRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/custom-color.tsx b/www/src/registry/ui/default/core/progress/demos/custom-color.tsx
deleted file mode 100644
index 62979e25a..000000000
--- a/www/src/registry/ui/default/core/progress/demos/custom-color.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-export default function Demo() {
-  return (
-    <Progress
-      value={75}
-      aria-label="Custom color"
-      classNames={{
-        indicator: "bg-slate-300 dark:bg-slate-800",
-        filler: "bg-slate-800 dark:bg-slate-300",
-      }}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/custom-value-label.tsx b/www/src/registry/ui/default/core/progress/demos/custom-value-label.tsx
deleted file mode 100644
index 501e4a312..000000000
--- a/www/src/registry/ui/default/core/progress/demos/custom-value-label.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-export default function Demo() {
-  return (
-    <Progress
-      label="Feeding…"
-      showValueLabel
-      valueLabel="30 of 100 dogs"
-      value={30}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/default.tsx b/www/src/registry/ui/default/core/progress/demos/default.tsx
deleted file mode 100644
index 47726ede2..000000000
--- a/www/src/registry/ui/default/core/progress/demos/default.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-export default function Demo() {
-  return <Progress aria-label="loading" value={75} />;
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/duration.tsx b/www/src/registry/ui/default/core/progress/demos/duration.tsx
deleted file mode 100644
index 7bc189f2c..000000000
--- a/www/src/registry/ui/default/core/progress/demos/duration.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Progress } from "@/registry/ui/default/core/progress";
-import { RotateCwIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [key, setKey] = React.useState(0);
-  const restart = () => setKey((prev) => prev + 1);
-  return (
-    <div className="flex w-full flex-col items-center gap-6">
-      <Button prefix={<RotateCwIcon />} onPress={restart}>
-        Restart animation
-      </Button>
-      <Progress key={key} duration="30s" aria-label="Loading" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/format-options.tsx b/www/src/registry/ui/default/core/progress/demos/format-options.tsx
deleted file mode 100644
index 5133b62e6..000000000
--- a/www/src/registry/ui/default/core/progress/demos/format-options.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-export default function Demo() {
-  return (
-    <Progress
-      label="Sending…"
-      showValueLabel
-      formatOptions={{ style: "currency", currency: "JPY" }}
-      value={60}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/indeterminate.tsx b/www/src/registry/ui/default/core/progress/demos/indeterminate.tsx
deleted file mode 100644
index f4e81fcea..000000000
--- a/www/src/registry/ui/default/core/progress/demos/indeterminate.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-export default function Demo() {
-  return <Progress isIndeterminate aria-label="Loading" />;
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/label.tsx b/www/src/registry/ui/default/core/progress/demos/label.tsx
deleted file mode 100644
index 9781540d8..000000000
--- a/www/src/registry/ui/default/core/progress/demos/label.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <Progress aria-label="Loading" value={75} />
-      <Progress label="Loading..." value={75} />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/min-max-values.tsx b/www/src/registry/ui/default/core/progress/demos/min-max-values.tsx
deleted file mode 100644
index 9fe8308c7..000000000
--- a/www/src/registry/ui/default/core/progress/demos/min-max-values.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-export default function Demo() {
-  return (
-    <Progress
-      aria-label="Min and max values"
-      minValue={50}
-      maxValue={150}
-      value={100}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/shape.tsx b/www/src/registry/ui/default/core/progress/demos/shape.tsx
deleted file mode 100644
index 933f45a41..000000000
--- a/www/src/registry/ui/default/core/progress/demos/shape.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-export default function Demo() {
-  return <Progress aria-label="Progress shape" value={75} />;
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/sizes.tsx b/www/src/registry/ui/default/core/progress/demos/sizes.tsx
deleted file mode 100644
index a89c15f5d..000000000
--- a/www/src/registry/ui/default/core/progress/demos/sizes.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-const sizes = ["sm", "md", "lg"] as const;
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      {sizes.map((size) => (
-        <Progress
-          key={size}
-          aria-label={`Progress size: ${size}`}
-          value={75}
-          size={size}
-          label={size}
-        />
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/toolbar.tsx b/www/src/registry/ui/default/core/progress/demos/toolbar.tsx
deleted file mode 100644
index 4d8ee2ae2..000000000
--- a/www/src/registry/ui/default/core/progress/demos/toolbar.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-import { Progress } from "@/registry/ui/default/core/progress";
-import { TextFieldRoot } from "@/registry/ui/default/core/text-field";
-import { ALargeSmallIcon, RotateCwIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [key, setKey] = React.useState(0);
-  const refresh = () => setKey((key) => key + 1);
-  return (
-    <TextFieldRoot key={key} defaultValue="https://dotui.org" aria-label="URL">
-      <InputRoot className="relative h-10 overflow-hidden px-1 pb-0.5">
-        <Button
-          size="sm"
-          variant="quiet"
-          shape="square"
-          aria-label="translate"
-          className="size-7"
-        >
-          <ALargeSmallIcon />
-        </Button>
-        <Input className="text-center" />
-        <Button
-          onPress={refresh}
-          size="sm"
-          variant="quiet"
-          shape="square"
-          className="size-7"
-          aria-label="Refresh"
-        >
-          <RotateCwIcon />
-        </Button>
-        <Progress
-          value={50}
-          size="sm"
-          variant="accent"
-          duration="5s"
-          aria-label="loading indicator"
-          className="absolute bottom-0 left-0 right-0"
-        />
-      </InputRoot>
-    </TextFieldRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/value-label.tsx b/www/src/registry/ui/default/core/progress/demos/value-label.tsx
deleted file mode 100644
index f47a8c201..000000000
--- a/www/src/registry/ui/default/core/progress/demos/value-label.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-export default function Demo() {
-  return <Progress label="Loading" showValueLabel value={75} />;
-}
diff --git a/www/src/registry/ui/default/core/progress/demos/variants.tsx b/www/src/registry/ui/default/core/progress/demos/variants.tsx
deleted file mode 100644
index fa60650e3..000000000
--- a/www/src/registry/ui/default/core/progress/demos/variants.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import * as React from "react";
-import { Progress } from "@/registry/ui/default/core/progress";
-
-const variants = ["default", "success", "accent", "danger", "warning"] as const;
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      {variants.map((variant) => (
-        <Progress key={variant} value={75} label={variant} variant={variant} />
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/progress/index.ts b/www/src/registry/ui/default/core/progress/index.ts
deleted file mode 100644
index 148e95911..000000000
--- a/www/src/registry/ui/default/core/progress/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./progress";
diff --git a/www/src/registry/ui/default/core/progress/progress.tsx b/www/src/registry/ui/default/core/progress/progress.tsx
deleted file mode 100644
index e03b1ea5f..000000000
--- a/www/src/registry/ui/default/core/progress/progress.tsx
+++ /dev/null
@@ -1,232 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  ProgressBar as AriaProgress,
-  composeRenderProps,
-  type ProgressBarProps as AriaProgressProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Label } from "@/registry/ui/default/core/field";
-import { cn } from "@/registry/ui/default/lib/cn";
-
-const progressStyles = tv({
-  slots: {
-    root: "flex w-60 flex-col gap-2",
-    indicator: "relative h-2.5 w-full overflow-hidden rounded-full",
-    filler:
-      "animate-progress-grow bg-fg h-full w-full min-w-14 flex-1 origin-left transition-transform",
-    valueLabel: "text-sm",
-  },
-  variants: {
-    variant: {
-      default: {
-        indicator: "bg-bg-muted",
-        filler: "bg-bg-primary",
-      },
-      accent: {
-        indicator: "bg-bg-accent-muted",
-        filler: "bg-bg-accent",
-      },
-      warning: {
-        indicator: "bg-bg-warning-muted",
-        filler: "bg-bg-warning",
-      },
-      danger: {
-        indicator: "bg-bg-danger-muted",
-        filler: "bg-bg-danger",
-      },
-      success: {
-        indicator: "bg-bg-success-muted",
-        filler: "bg-bg-success",
-      },
-    },
-    size: {
-      sm: {
-        indicator: "h-1",
-      },
-      md: {
-        indicator: "h-2.5",
-      },
-      lg: {
-        indicator: "h-4",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-    shape: "bar",
-    size: "md",
-  },
-});
-
-type ProgressSlots = keyof ReturnType<typeof progressStyles>;
-type ProgressClassNames = {
-  [key in ProgressSlots]?: string;
-};
-
-interface ProgressProps
-  extends ProgressRootProps,
-    VariantProps<typeof progressStyles> {
-  label?: string;
-  showValueLabel?: boolean;
-  duration?: string;
-  classNames?: ProgressClassNames;
-}
-const Progress = ({
-  label,
-  showValueLabel = false,
-  variant,
-  size,
-  duration,
-  className,
-  classNames,
-  ...props
-}: ProgressProps) => {
-  return (
-    <ProgressRoot
-      duration={duration}
-      className={cn(className, classNames?.root)}
-      {...props}
-    >
-      {(label || showValueLabel) && (
-        <div
-          className={cn(
-            "flex items-center justify-between gap-2",
-            !label && "justify-end"
-          )}
-        >
-          {label && <Label>{label}</Label>}
-          {showValueLabel && <ProgressValueLabel />}
-        </div>
-      )}
-      <ProgressIndicator
-        variant={variant}
-        size={size}
-        duration={duration}
-        classNames={{
-          indicator: classNames?.indicator,
-          filler: classNames?.filler,
-        }}
-      />
-    </ProgressRoot>
-  );
-};
-
-interface ProgressRootProps extends Omit<AriaProgressProps, "className"> {
-  duration?: string;
-  className?: string;
-}
-const ProgressRoot = ({
-  className,
-  isIndeterminate,
-  duration,
-  ...props
-}: ProgressRootProps) => {
-  const { root } = progressStyles();
-  return (
-    <AriaProgress
-      className={root({ className })}
-      isIndeterminate={isIndeterminate || !!duration}
-      {...props}
-    >
-      {composeRenderProps(
-        props.children,
-        (children, { percentage, isIndeterminate, valueText }) => (
-          <ProgressContext.Provider
-            value={{ percentage, isIndeterminate, valueText }}
-          >
-            {children}
-          </ProgressContext.Provider>
-        )
-      )}
-    </AriaProgress>
-  );
-};
-
-interface ProgressIndicatorProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof progressStyles> {
-  duration?: string;
-  classNames?: {
-    indicator?: string;
-    filler?: string;
-  };
-}
-const ProgressIndicator = ({
-  duration,
-  className,
-  variant,
-  size,
-  classNames,
-  ...props
-}: ProgressIndicatorProps) => {
-  const { indicator, filler } = progressStyles({ variant, size });
-  const { isIndeterminate, percentage } = useProgressContext();
-  return (
-    <div
-      className={cn(indicator(), classNames?.indicator, className)}
-      {...props}
-    >
-      <div
-        className={cn(
-          filler(),
-          isIndeterminate && "animate-progress-indeterminate",
-          classNames?.filler
-        )}
-        style={
-          {
-            "--progress-duration": duration ?? "0s",
-            ...(percentage ? { transform: `scaleX(${percentage / 100})` } : {}),
-            ...(isIndeterminate
-              ? {
-                  maskImage:
-                    "linear-gradient(75deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.65) 80%)",
-                  maskSize: "200%",
-                }
-              : {}),
-          } as React.CSSProperties
-        }
-      />
-    </div>
-  );
-};
-
-type ProgressValueLabelProps = React.HTMLAttributes<HTMLSpanElement>;
-const ProgressValueLabel = ({
-  children,
-  className,
-  ...props
-}: ProgressValueLabelProps) => {
-  const { valueLabel } = progressStyles();
-  const { valueText } = useProgressContext();
-  return (
-    <span className={valueLabel({ className })} {...props}>
-      {children ?? valueText}
-    </span>
-  );
-};
-
-type ProgressContextValue = {
-  percentage?: number;
-  isIndeterminate: boolean;
-  valueText?: string;
-};
-const ProgressContext = React.createContext<ProgressContextValue | null>(null);
-const useProgressContext = () => {
-  const context = React.useContext(ProgressContext);
-  if (!context) {
-    throw new Error(
-      "useProgressContext must be used within a ProgressProvider"
-    );
-  }
-  return context;
-};
-
-export type {
-  ProgressProps,
-  ProgressRootProps,
-  ProgressIndicatorProps,
-  ProgressValueLabelProps,
-};
-export { Progress, ProgressRoot, ProgressIndicator, ProgressValueLabel };
diff --git a/www/src/registry/ui/default/core/radio-group/demos/cards.tsx b/www/src/registry/ui/default/core/radio-group/demos/cards.tsx
deleted file mode 100644
index b2cc195e6..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/cards.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup
-      defaultValue="sm"
-      label="Size"
-      orientation="horizontal"
-      variant="card"
-    >
-      <Radio value="sm">
-        <div className="flex flex-col gap-1">
-          <span className="font-bold">Small</span>
-          <span className="text-fg-muted text-xs">Dimension: 128 x 128</span>
-        </div>
-      </Radio>
-      <Radio value="md">
-        <div className="flex flex-col gap-1">
-          <span className="font-bold">Medium</span>
-          <span className="text-fg-muted text-xs">Dimension: 256 x 256</span>
-        </div>
-      </Radio>
-      <Radio value="lg">
-        <div className="flex flex-col gap-1">
-          <span className="font-bold">Large</span>
-          <span className="text-fg-muted text-xs">Dimension: 512 x 512</span>
-        </div>
-      </Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/composition.tsx b/www/src/registry/ui/default/core/radio-group/demos/composition.tsx
deleted file mode 100644
index db9f291c2..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/composition.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/registry/ui/default/core/field";
-import { RadioGroupRoot, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroupRoot defaultValue="sm">
-      <Label>Size</Label>
-      <Description>Please select a size.</Description>
-      <div className="flex gap-2">
-        <Radio value="sm">Small</Radio>
-        <Radio value="md">Medium</Radio>
-        <Radio value="lg">Large</Radio>
-      </div>
-      <FieldError />
-    </RadioGroupRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/contextual-help.tsx b/www/src/registry/ui/default/core/radio-group/demos/contextual-help.tsx
deleted file mode 100644
index 74d0c0eef..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/contextual-help.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup
-      defaultValue="sm"
-      label="Size"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    >
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/controlled.tsx b/www/src/registry/ui/default/core/radio-group/demos/controlled.tsx
deleted file mode 100644
index 3d4705e8e..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/controlled.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import React from "react";
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  const [size, setSize] = React.useState("sm");
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <RadioGroup
-        label="Size"
-        value={size}
-        onChange={(value) => setSize(value)}
-      >
-        <Radio value="sm">Small</Radio>
-        <Radio value="md">Medium</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <p className="text-fg-muted text-xs">{`You selected: ${size}`}</p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/default.tsx b/www/src/registry/ui/default/core/radio-group/demos/default.tsx
deleted file mode 100644
index 54f79faf2..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/default.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup defaultValue="sm" label="Size">
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/description.tsx b/www/src/registry/ui/default/core/radio-group/demos/description.tsx
deleted file mode 100644
index 4986daffa..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/description.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup
-      defaultValue="sm"
-      label="Size"
-      description="Select a product size."
-    >
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/disabled.tsx b/www/src/registry/ui/default/core/radio-group/demos/disabled.tsx
deleted file mode 100644
index 1816b1840..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/disabled.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <div className="flex gap-10">
-      <RadioGroup defaultValue="sm" label="Size" isDisabled>
-        <Radio value="sm">Small</Radio>
-        <Radio value="md">Medium</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup label="Size" defaultValue="sm">
-        <Radio value="sm">Small</Radio>
-        <Radio value="md" isDisabled>
-          Medium
-        </Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/error-message.tsx b/www/src/registry/ui/default/core/radio-group/demos/error-message.tsx
deleted file mode 100644
index bca3f59e5..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/error-message.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup
-      defaultValue={null}
-      label="Size"
-      isInvalid
-      errorMessage="Please select a product size."
-    >
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/label.tsx b/www/src/registry/ui/default/core/radio-group/demos/label.tsx
deleted file mode 100644
index 8aa9201c9..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/label.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-10">
-      <RadioGroup defaultValue="sm" label="Size">
-        <Radio value="sm">Small</Radio>
-        <Radio value="md">Medium</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup defaultValue="sm" aria-label="Size">
-        <Radio value="sm">Small</Radio>
-        <Radio value="md">Medium</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/orientation.tsx b/www/src/registry/ui/default/core/radio-group/demos/orientation.tsx
deleted file mode 100644
index 8ab2f54bc..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/orientation.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup defaultValue="sm" label="Size" orientation="horizontal">
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/read-only.tsx b/www/src/registry/ui/default/core/radio-group/demos/read-only.tsx
deleted file mode 100644
index 9f12fc949..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/read-only.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup defaultValue="sm" label="Size" isReadOnly>
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/required.tsx b/www/src/registry/ui/default/core/radio-group/demos/required.tsx
deleted file mode 100644
index df5c847d1..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/required.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from "react";
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <RadioGroup defaultValue="sm" label="Size" isRequired>
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup
-        defaultValue="sm"
-        label="Size"
-        isRequired
-        necessityIndicator="icon"
-      >
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup
-        defaultValue="sm"
-        label="Size"
-        isRequired
-        necessityIndicator="label"
-      >
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup defaultValue="sm" label="Size" necessityIndicator="label">
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/radio-group/demos/uncontrolled.tsx
deleted file mode 100644
index ffd5a9591..000000000
--- a/www/src/registry/ui/default/core/radio-group/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { RadioGroup, Radio } from "@/registry/ui/default/core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup defaultValue="sm" label="Size">
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/registry/ui/default/core/radio-group/index.ts b/www/src/registry/ui/default/core/radio-group/index.ts
deleted file mode 100644
index ffd376c16..000000000
--- a/www/src/registry/ui/default/core/radio-group/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./radio-group";
diff --git a/www/src/registry/ui/default/core/radio-group/radio-group.tsx b/www/src/registry/ui/default/core/radio-group/radio-group.tsx
deleted file mode 100644
index 2a699cb35..000000000
--- a/www/src/registry/ui/default/core/radio-group/radio-group.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Radio as AriaRadio,
-  RadioGroup as AriaRadioGroup,
-  type RadioGroupProps as AriaRadioGroupProps,
-  type RadioProps as AriaRadioProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  focusRing,
-  focusRingGroup,
-} from "@/registry/ui/default/lib/focus-styles";
-
-const radioGroupStyles = tv({
-  slots: {
-    root: "group/radio-group flex flex-col gap-2",
-    wrapper:
-      "group-orientation-horizontal/radio-group:flex-row group-orientation-horizontal/radio-group:gap-3 flex flex-col gap-1",
-  },
-});
-
-const radioStyles = tv({
-  slots: {
-    root: "disabled:text-fg-disabled invalid:text-fg-danger group flex cursor-pointer flex-row items-center justify-between gap-2 disabled:cursor-default",
-    indicator: [
-      focusRing(),
-      "border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100",
-      "group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled",
-      "group-invalid:border-border-danger group-invalid:selected:border-bg-danger",
-    ],
-  },
-  variants: {
-    variant: {
-      default: {
-        indicator: focusRingGroup(),
-      },
-      card: {
-        root: [
-          focusRing(),
-          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
-        ],
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-interface RadioGroupProps
-  extends RadioGroupRootProps,
-    VariantProps<typeof radioGroupStyles>,
-    Omit<FieldProps, "children"> {
-  className?: string;
-}
-const RadioGroup = React.forwardRef<
-  React.ElementRef<typeof AriaRadioGroup>,
-  RadioGroupProps
->(
-  (
-    {
-      label,
-      description,
-      errorMessage,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    const { wrapper } = radioGroupStyles();
-    return (
-      <RadioGroupRoot ref={ref} {...props}>
-        {composeRenderProps(props.children, (children, { isRequired }) => (
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <div className={wrapper()}>{children}</div>
-          </Field>
-        ))}
-      </RadioGroupRoot>
-    );
-  }
-);
-RadioGroup.displayName = "RadioGroup";
-
-interface RadioGroupRootProps
-  extends Omit<AriaRadioGroupProps, "className">,
-    VariantProps<typeof radioStyles> {
-  className?: string;
-}
-const RadioGroupRoot = React.forwardRef<
-  React.ElementRef<typeof AriaRadioGroup>,
-  RadioGroupRootProps
->(({ className, variant, ...props }, ref) => {
-  const { root } = radioGroupStyles();
-  return (
-    <RadioContext.Provider value={{ variant }}>
-      <AriaRadioGroup ref={ref} className={root({ className })} {...props} />
-    </RadioContext.Provider>
-  );
-});
-RadioGroupRoot.displayName = "RadioGroupRoot";
-
-interface RadioProps
-  extends Omit<AriaRadioProps, "className">,
-    VariantProps<typeof radioStyles> {
-  className?: string;
-}
-const Radio = React.forwardRef<React.ElementRef<typeof AriaRadio>, RadioProps>(
-  (localProps, ref) => {
-    const contextProps = useRadioContext();
-    const props = { ...contextProps, ...localProps };
-    const { className, variant, ...restProps } = props;
-    const { root, indicator } = radioStyles({ variant });
-    return (
-      <AriaRadio ref={ref} {...restProps} className={root({ className })}>
-        {composeRenderProps(props.children, (children) => (
-          <>
-            <div className={indicator({ className: "" })} />
-            <div>{children}</div>
-          </>
-        ))}
-      </AriaRadio>
-    );
-  }
-);
-Radio.displayName = "Radio";
-
-type RadioContextValue = VariantProps<typeof radioStyles>;
-const RadioContext = React.createContext<RadioContextValue>({});
-const useRadioContext = () => {
-  return React.useContext(RadioContext);
-};
-
-export type { RadioGroupRootProps, RadioGroupProps, RadioProps };
-export { RadioGroupRoot, RadioGroup, Radio };
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/composition.tsx b/www/src/registry/ui/default/core/range-calendar/demos/composition.tsx
deleted file mode 100644
index 27b92d8d1..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/composition.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-"use client";
-
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-} from "@/registry/ui/default/core/calendar";
-import { Heading } from "@/registry/ui/default/core/heading";
-import { RangeCalendarRoot } from "@/registry/ui/default/core/range-calendar";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <RangeCalendarRoot>
-      <CalendarHeader>
-        <Button slot="previous" variant="outline" shape="square" size="sm">
-          <ChevronLeftIcon />
-        </Button>
-        <Heading className="text-sm" />
-        <Button slot="next" variant="outline" shape="square" size="sm">
-          <ChevronRightIcon />
-        </Button>
-      </CalendarHeader>
-      <CalendarGrid>
-        <CalendarGridHeader>
-          {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-        </CalendarGridHeader>
-        <CalendarGridBody>
-          {(date) => (
-            <CalendarCell date={date} range>
-              {({ formattedDate }) => (
-                <span className="z-20">{formattedDate}</span>
-              )}
-            </CalendarCell>
-          )}
-        </CalendarGridBody>
-      </CalendarGrid>
-    </RangeCalendarRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/controlled.tsx b/www/src/registry/ui/default/core/range-calendar/demos/controlled.tsx
deleted file mode 100644
index 4468a9959..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/controlled.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { type DateRange } from "react-aria-components";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  const [range, setRange] = React.useState<DateRange | null>({
-    start: today(getLocalTimeZone()),
-    end: today(getLocalTimeZone()).add({ weeks: 1 }),
-  });
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <RangeCalendar
-        aria-label="Date (controlled)"
-        value={range}
-        onChange={setRange}
-      />
-      <p className="text-fg-muted text-sm">
-        Start date: {range?.start.toString()}
-        <br />
-        End date: {range?.end.toString()}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/default.tsx b/www/src/registry/ui/default/core/range-calendar/demos/default.tsx
deleted file mode 100644
index 23a40da56..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  return <RangeCalendar />;
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/disabled.tsx b/www/src/registry/ui/default/core/range-calendar/demos/disabled.tsx
deleted file mode 100644
index b459a529e..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  return <RangeCalendar aria-label="Appointment date" isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/error-message.tsx b/www/src/registry/ui/default/core/range-calendar/demos/error-message.tsx
deleted file mode 100644
index 3283b5ce1..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/error-message.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import { today, getLocalTimeZone } from "@internationalized/date";
-import { type DateRange } from "react-aria-components";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  const [range, setRange] = React.useState<DateRange | null>({
-    start: today(getLocalTimeZone()),
-    end: today(getLocalTimeZone()).add({ weeks: 1, days: 3 }),
-  });
-  const isInvalid = range ? range.end.compare(range.start) > 7 : false;
-  return (
-    <RangeCalendar
-      aria-label="Trip dates"
-      value={range}
-      onChange={setRange}
-      isInvalid={isInvalid}
-      errorMessage={isInvalid ? "Maximum stay duration is 1 week" : undefined}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/label.tsx b/www/src/registry/ui/default/core/range-calendar/demos/label.tsx
deleted file mode 100644
index 09b0c9fc2..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/label.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  return <RangeCalendar aria-label="Event date" />;
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/non-contiguous-ranges.tsx b/www/src/registry/ui/default/core/range-calendar/demos/non-contiguous-ranges.tsx
deleted file mode 100644
index 9618db899..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/non-contiguous-ranges.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-import {
-  type DateValue,
-  getLocalTimeZone,
-  today,
-} from "@internationalized/date";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  const now = today(getLocalTimeZone());
-  const disabledRanges = [
-    [now, now.add({ days: 5 })],
-    [now.add({ days: 14 }), now.add({ days: 16 })],
-    [now.add({ days: 23 }), now.add({ days: 24 })],
-  ];
-
-  const isDateUnavailable = (date: DateValue) =>
-    disabledRanges.some(
-      (interval) =>
-        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
-    );
-
-  return (
-    <RangeCalendar
-      aria-label="Trip dates"
-      minValue={today(getLocalTimeZone())}
-      isDateUnavailable={isDateUnavailable}
-      allowsNonContiguousRanges
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/page-behaviour.tsx b/www/src/registry/ui/default/core/range-calendar/demos/page-behaviour.tsx
deleted file mode 100644
index 9bd99dd09..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/page-behaviour.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  return <RangeCalendar visibleMonths={2} pageBehavior="single" />;
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/read-only.tsx b/www/src/registry/ui/default/core/range-calendar/demos/read-only.tsx
deleted file mode 100644
index 041e9be23..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/read-only.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  return (
-    <RangeCalendar
-      aria-label="Appointment date"
-      isReadOnly
-      value={{
-        start: today(getLocalTimeZone()),
-        end: today(getLocalTimeZone()).add({ weeks: 1 }),
-      }}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/range-calendar/demos/uncontrolled.tsx
deleted file mode 100644
index 9fb5637a8..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  return (
-    <RangeCalendar
-      aria-label="Date (controlled)"
-      defaultValue={{
-        start: today(getLocalTimeZone()),
-        end: today(getLocalTimeZone()).add({ weeks: 1 }),
-      }}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/unvailable-dates.tsx b/www/src/registry/ui/default/core/range-calendar/demos/unvailable-dates.tsx
deleted file mode 100644
index 2345ba08f..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/unvailable-dates.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client";
-
-import {
-  type DateValue,
-  getLocalTimeZone,
-  today,
-} from "@internationalized/date";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  const now = today(getLocalTimeZone());
-  const disabledRanges = [
-    [now, now.add({ days: 5 })],
-    [now.add({ days: 14 }), now.add({ days: 16 })],
-    [now.add({ days: 23 }), now.add({ days: 24 })],
-  ];
-
-  const isDateUnavailable = (date: DateValue) =>
-    disabledRanges.some(
-      (interval) =>
-        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
-    );
-
-  return (
-    <RangeCalendar
-      aria-label="Trip dates"
-      minValue={today(getLocalTimeZone())}
-      isDateUnavailable={isDateUnavailable}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/validation.tsx b/www/src/registry/ui/default/core/range-calendar/demos/validation.tsx
deleted file mode 100644
index d9bb7977b..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/validation.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  return (
-    <RangeCalendar
-      aria-label="Appointment date"
-      minValue={today(getLocalTimeZone())}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/demos/visible-months.tsx b/www/src/registry/ui/default/core/range-calendar/demos/visible-months.tsx
deleted file mode 100644
index 6693480e3..000000000
--- a/www/src/registry/ui/default/core/range-calendar/demos/visible-months.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RangeCalendar } from "@/registry/ui/default/core/range-calendar";
-
-export default function Demo() {
-  return <RangeCalendar visibleMonths={2} />;
-}
diff --git a/www/src/registry/ui/default/core/range-calendar/index.ts b/www/src/registry/ui/default/core/range-calendar/index.ts
deleted file mode 100644
index a56de42b6..000000000
--- a/www/src/registry/ui/default/core/range-calendar/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./range-calendar";
diff --git a/www/src/registry/ui/default/core/range-calendar/range-calendar.tsx b/www/src/registry/ui/default/core/range-calendar/range-calendar.tsx
deleted file mode 100644
index 15a328ee8..000000000
--- a/www/src/registry/ui/default/core/range-calendar/range-calendar.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  RangeCalendar as AriaRangeCalendar,
-  type RangeCalendarProps as AriaRangeCalendarProps,
-  type DateValue,
-  RangeCalendarContext as AriaRangeCalendarContext,
-  useSlottedContext,
-} from "react-aria-components";
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-  calendarStyles,
-} from "@/registry/ui/default/core/calendar";
-import { Heading } from "@/registry/ui/default/core/heading";
-import { Text } from "@/registry/ui/default/core/text";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-
-interface RangeCalendarProps<T extends DateValue>
-  extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
-  visibleMonths?: number;
-  errorMessage?: string;
-}
-const RangeCalendar = <T extends DateValue>({
-  visibleMonths = 1,
-  errorMessage,
-  ...props
-}: RangeCalendarProps<T>) => {
-  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
-  return (
-    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
-      {({ isInvalid }) => (
-        <>
-          <CalendarHeader>
-            <Button slot="previous" variant="outline" shape="square" size="sm">
-              <ChevronLeftIcon />
-            </Button>
-            <Heading className="text-sm" />
-            <Button slot="next" variant="outline" shape="square" size="sm">
-              <ChevronRightIcon />
-            </Button>
-          </CalendarHeader>
-          <div className="flex items-start gap-4">
-            {Array.from({ length: visibleMonths }).map((_, index) => (
-              <CalendarGrid
-                key={index}
-                offset={index === 0 ? undefined : { months: index }}
-              >
-                <CalendarGridHeader>
-                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-                </CalendarGridHeader>
-                <CalendarGridBody>
-                  {(date) => (
-                    <CalendarCell date={date} range>
-                      {({ formattedDate }) => (
-                        <span className="z-20">{formattedDate}</span>
-                      )}
-                    </CalendarCell>
-                  )}
-                </CalendarGridBody>
-              </CalendarGrid>
-            ))}
-          </div>
-          {isInvalid && errorMessage && (
-            <Text slot="errorMessage">{errorMessage}</Text>
-          )}
-        </>
-      )}
-    </RangeCalendarRoot>
-  );
-};
-
-type RangeCalendarRootProps<T extends DateValue> = AriaRangeCalendarProps<T>;
-const RangeCalendarRoot = <T extends DateValue>(
-  props: RangeCalendarRootProps<T>
-) => {
-  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);
-  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
-  const { root } = calendarStyles({ standalone });
-  return (
-    <AriaRangeCalendar
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-export type { RangeCalendarProps, RangeCalendarRootProps };
-export { RangeCalendar, RangeCalendarRoot };
diff --git a/www/src/registry/ui/default/core/resizable/index.ts b/www/src/registry/ui/default/core/resizable/index.ts
deleted file mode 100644
index 806a2d566..000000000
--- a/www/src/registry/ui/default/core/resizable/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./resizable";
diff --git a/www/src/registry/ui/default/core/resizable/resizable.tsx b/www/src/registry/ui/default/core/resizable/resizable.tsx
deleted file mode 100644
index 2fcd21d79..000000000
--- a/www/src/registry/ui/default/core/resizable/resizable.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-"use client";
-
-import React from "react";
-import * as ResizablePrimitive from "react-resizable-panels";
-import type {
-  ImperativePanelHandle,
-  ImperativePanelGroupHandle,
-} from "react-resizable-panels";
-import { tv } from "tailwind-variants";
-
-const resizableStyles = tv({
-  slots: {
-    group:
-      "flex h-full w-full flex-row overflow-hidden data-[panel-group-direction=vertical]:flex-col",
-    panel: "",
-    handle:
-      "bg-border data-[resize-handle-state=drag]:bg-border-active relative flex flex-[0_0_1px] items-stretch justify-stretch transition-colors",
-  },
-});
-
-type ResizableGroupProps = React.ComponentProps<
-  typeof ResizablePrimitive.PanelGroup
->;
-const ResizableGroup = ({ className, ...props }: ResizableGroupProps) => {
-  const { group } = resizableStyles();
-  return (
-    <ResizablePrimitive.PanelGroup
-      className={group({ className })}
-      {...props}
-    />
-  );
-};
-
-type ResizablePanelProps = React.ComponentProps<
-  typeof ResizablePrimitive.Panel
->;
-const ResizablePanel = ({ className, ...props }: ResizablePanelProps) => {
-  const { panel } = resizableStyles();
-  return (
-    <ResizablePrimitive.Panel className={panel({ className })} {...props} />
-  );
-};
-
-interface ResizableHandleProps
-  extends React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> {
-  withHandle?: boolean;
-}
-const ResizableHandle = ({ className, ...props }: ResizableHandleProps) => {
-  const { handle } = resizableStyles();
-  return (
-    <ResizablePrimitive.PanelResizeHandle
-      className={handle({ className })}
-      {...props}
-    />
-  );
-};
-
-export type {
-  ResizablePanelProps,
-  ResizableGroupProps,
-  ResizableHandleProps,
-  ImperativePanelHandle,
-  ImperativePanelGroupHandle,
-};
-export { ResizableGroup, ResizablePanel, ResizableHandle };
diff --git a/www/src/registry/ui/default/core/scroll-area/demos/default.tsx b/www/src/registry/ui/default/core/scroll-area/demos/default.tsx
deleted file mode 100644
index 1bacb76d8..000000000
--- a/www/src/registry/ui/default/core/scroll-area/demos/default.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import * as React from "react";
-import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
-
-export default function Demo() {
-  return (
-    <div className="rounded-md border p-6">
-      <ScrollArea className="h-72 w-full max-w-sm" type="always">
-        <div className="space-y-4 p-4 pr-8">
-          <h4 className="text-md font-bold">
-            Principles of the typographic craft
-          </h4>
-          <p>
-            Three fundamental aspects of typography are legibility, readability,
-            and aesthetics. Although in a non-technical sense “legible” and
-            “readable” are often used synonymously, typographically they are
-            separate but related concepts.
-          </p>
-          <p>
-            Legibility describes how easily individual characters can be
-            distinguished from one another. It is described by Walter Tracy as
-            “the quality of being decipherable and recognisable”. For instance,
-            if a “b” and an “h”, or a “3” and an “8”, are difficult to
-            distinguish at small sizes, this is a problem of legibility.
-          </p>
-          <p>
-            Typographers are concerned with legibility insofar as it is their
-            job to select the correct font to use. Brush Script is an example of
-            a font containing many characters that might be difficult to
-            distinguish. The selection of cases influences the legibility of
-            typography because using only uppercase letters (all-caps) reduces
-            legibility.
-          </p>
-        </div>
-      </ScrollArea>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/scroll-area/demos/scrollbars.tsx b/www/src/registry/ui/default/core/scroll-area/demos/scrollbars.tsx
deleted file mode 100644
index 9fa205634..000000000
--- a/www/src/registry/ui/default/core/scroll-area/demos/scrollbars.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Radio, RadioGroup } from "@/registry/ui/default/core/radio-group";
-import {
-  ScrollArea,
-  type ScrollAreaProps,
-} from "@/registry/ui/default/core/scroll-area";
-
-export default function Demo() {
-  const [scrollbars, setScrollbars] = React.useState("vertical");
-  return (
-    <div className="flex items-center gap-10">
-      <div className="rounded-md border p-6">
-        <ScrollArea
-          scrollbars={scrollbars as ScrollAreaProps["scrollbars"]}
-          className="h-44 w-full max-w-sm"
-          type="always"
-        >
-          <div className="flex w-[500px] items-start gap-4">
-            <div className="space-y-4 p-4 pr-8">
-              <h4 className="text-md font-bold">
-                Principles of the typographic craft
-              </h4>
-              <p>
-                Three fundamental aspects of typography are legibility,
-                readability, and aesthetics. Although in a non-technical sense
-                “legible” and “readable” are often used synonymously,
-                typographically they are separate but related concepts.
-              </p>
-              <p>
-                Legibility describes how easily individual characters can be
-                distinguished from one another. It is described by Walter Tracy
-                as “the quality of being decipherable and recognisable”. For
-                instance, if a “b” and an “h”, or a “3” and an “8”, are
-                difficult to distinguish at small sizes, this is a problem of
-                legibility.
-              </p>
-              <p>
-                Typographers are concerned with legibility insofar as it is
-                their job to select the correct font to use. Brush Script is an
-                example of a font containing many characters that might be
-                difficult to distinguish. The selection of cases influences the
-                legibility of typography because using only uppercase letters
-                (all-caps) reduces legibility.
-              </p>
-            </div>
-            <div className="space-y-4 p-4 pr-8">
-              <h4 className="text-md font-bold">
-                Principles of the typographic craft
-              </h4>
-              <p>
-                Three fundamental aspects of typography are legibility,
-                readability, and aesthetics. Although in a non-technical sense
-                “legible” and “readable” are often used synonymously,
-                typographically they are separate but related concepts.
-              </p>
-              <p>
-                Legibility describes how easily individual characters can be
-                distinguished from one another. It is described by Walter Tracy
-                as “the quality of being decipherable and recognisable”. For
-                instance, if a “b” and an “h”, or a “3” and an “8”, are
-                difficult to distinguish at small sizes, this is a problem of
-                legibility.
-              </p>
-              <p>
-                Typographers are concerned with legibility insofar as it is
-                their job to select the correct font to use. Brush Script is an
-                example of a font containing many characters that might be
-                difficult to distinguish. The selection of cases influences the
-                legibility of typography because using only uppercase letters
-                (all-caps) reduces legibility.
-              </p>
-            </div>
-          </div>
-        </ScrollArea>
-      </div>
-      <RadioGroup
-        label="Scrollbars"
-        value={scrollbars}
-        onChange={setScrollbars}
-      >
-        <Radio value="vertical">Vertical</Radio>
-        <Radio value="horizontal">Horizontal</Radio>
-        <Radio value="both">Both</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/scroll-area/demos/sizes.tsx b/www/src/registry/ui/default/core/scroll-area/demos/sizes.tsx
deleted file mode 100644
index 98645f87f..000000000
--- a/www/src/registry/ui/default/core/scroll-area/demos/sizes.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import * as React from "react";
-import { ScrollArea } from "@/registry/ui/default/core/scroll-area";
-
-const sizes = ["sm", "md", "lg"] as const;
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-3 gap-10">
-      {sizes.map((size) => (
-        <div key={size} className="rounded-md border p-3">
-          <ScrollArea size={size} className="h-72" type="always">
-            <div className="space-y-4 p-4 pr-8">
-              <h4 className="text-md font-bold">
-                Principles of the typographic craft
-              </h4>
-              <p>
-                Three fundamental aspects of typography are legibility,
-                readability, and aesthetics. Although in a non-technical sense
-                “legible” and “readable” are often used synonymously,
-                typographically they are separate but related concepts.
-              </p>
-              <p>
-                Legibility describes how easily individual characters can be
-                distinguished from one another. It is described by Walter Tracy
-                as “the quality of being decipherable and recognisable”. For
-                instance, if a “b” and an “h”, or a “3” and an “8”, are
-                difficult to distinguish at small sizes, this is a problem of
-                legibility.
-              </p>
-              <p>
-                Typographers are concerned with legibility insofar as it is
-                their job to select the correct font to use. Brush Script is an
-                example of a font containing many characters that might be
-                difficult to distinguish. The selection of cases influences the
-                legibility of typography because using only uppercase letters
-                (all-caps) reduces legibility.
-              </p>
-            </div>
-          </ScrollArea>
-        </div>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/scroll-area/index.ts b/www/src/registry/ui/default/core/scroll-area/index.ts
deleted file mode 100644
index e368a8120..000000000
--- a/www/src/registry/ui/default/core/scroll-area/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./scroll-area";
diff --git a/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx b/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx
deleted file mode 100644
index d4038fa3b..000000000
--- a/www/src/registry/ui/default/core/scroll-area/scroll-area.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { type VariantProps, tv } from "tailwind-variants";
-
-const scrollAreaStyles = tv({
-  slots: {
-    root: "flex h-full w-full flex-col overflow-hidden",
-    viewport: "*:block! flex h-full w-full flex-col *:w-fit *:grow",
-    scrollbar:
-      "my-0 flex touch-none select-none flex-col rounded-full bg-gray-800 data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col", // TODO: remove my-0, it was my-1
-    thumb:
-      "before:-translate-y-1/2] relative h-full w-full rounded-[inherit] bg-gray-500 transition-colors before:absolute before:left-1/2 before:top-1/2 before:min-h-4 before:min-w-4 before:-translate-x-1/2 before:content-[''] hover:bg-gray-400",
-  },
-  variants: {
-    size: {
-      sm: {
-        scrollbar:
-          "data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1",
-      },
-      md: {
-        scrollbar:
-          "data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2",
-      },
-      lg: {
-        scrollbar:
-          "data-[orientation=horizontal]:h-3 data-[orientation=vertical]:w-3",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-interface ScrollAreaProps
-  extends ScrollAreaRootProps,
-    Omit<ScrollAreaViewPortProps, "dir">,
-    VariantProps<typeof scrollAreaStyles> {
-  scrollbars?: "vertical" | "horizontal" | "both";
-}
-
-const ScrollArea = React.forwardRef<
-  HTMLDivElement,
-  ScrollAreaProps & { containerClassName?: string }
->(
-  (
-    {
-      children,
-      scrollbars = "vertical",
-      size,
-      asChild,
-      type,
-      scrollHideDelay = 0,
-      dir,
-      containerClassName,
-      ...viewportProps
-    },
-    ref
-  ) => {
-    return (
-      <ScrollAreaRoot
-        asChild={asChild}
-        scrollHideDelay={scrollHideDelay}
-        dir={dir}
-        type={type}
-        className={containerClassName}
-      >
-        <ScrollAreaViewPort ref={ref} {...viewportProps}>
-          {children}
-        </ScrollAreaViewPort>
-        {scrollbars !== "vertical" && (
-          <ScrollAreaScrollbar orientation="horizontal" size={size} />
-        )}
-        {scrollbars !== "horizontal" && (
-          <ScrollAreaScrollbar orientation="vertical" size={size} />
-        )}
-        {scrollbars === "both" && <ScrollAreaCorner />}
-      </ScrollAreaRoot>
-    );
-  }
-);
-
-ScrollArea.displayName = "ScrollArea";
-
-type ScrollAreaRootProps = ScrollAreaPrimitive.ScrollAreaProps;
-const ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {
-  const { root } = scrollAreaStyles();
-  return (
-    <ScrollAreaPrimitive.Root className={root({ className })} {...props} />
-  );
-};
-
-type ScrollAreaViewPortProps = ScrollAreaPrimitive.ScrollAreaViewportProps;
-const ScrollAreaViewPort = React.forwardRef<
-  HTMLDivElement,
-  ScrollAreaViewPortProps
->(({ className, ...props }, ref) => {
-  const { viewport } = scrollAreaStyles();
-  return (
-    <ScrollAreaPrimitive.Viewport
-      ref={ref}
-      className={viewport({ className })}
-      {...props}
-    />
-  );
-});
-ScrollAreaViewPort.displayName = "ScrollAreaViewPort";
-
-interface ScrollAreaScrollbarProps
-  extends ScrollAreaPrimitive.ScrollAreaScrollbarProps,
-    VariantProps<typeof scrollAreaStyles> {}
-const ScrollAreaScrollbar = ({
-  className,
-  size,
-  ...props
-}: ScrollAreaScrollbarProps) => {
-  const { scrollbar, thumb } = scrollAreaStyles({ size });
-  return (
-    <ScrollAreaPrimitive.Scrollbar
-      className={scrollbar({ className })}
-      {...props}
-    >
-      <ScrollAreaPrimitive.Thumb className={thumb()} />
-    </ScrollAreaPrimitive.Scrollbar>
-  );
-};
-
-const ScrollAreaCorner = ScrollAreaPrimitive.Corner;
-
-export type {
-  ScrollAreaProps,
-  ScrollAreaRootProps,
-  ScrollAreaViewPortProps,
-  ScrollAreaScrollbarProps,
-};
-export {
-  ScrollArea,
-  ScrollAreaRoot,
-  ScrollAreaViewPort,
-  ScrollAreaScrollbar,
-  ScrollAreaCorner,
-};
diff --git a/www/src/registry/ui/default/core/search-field/demos/composition.tsx b/www/src/registry/ui/default/core/search-field/demos/composition.tsx
deleted file mode 100644
index 9d10cb4f8..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/composition.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-import { SearchFieldRoot } from "@/registry/ui/default/core/search-field";
-import { SearchIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <SearchFieldRoot>
-      <Label>Search</Label>
-      <InputRoot prefix={<SearchIcon />}>
-        <Input />
-      </InputRoot>
-      <Description>Enter your search query.</Description>
-    </SearchFieldRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/contextual-help.tsx b/www/src/registry/ui/default/core/search-field/demos/contextual-help.tsx
deleted file mode 100644
index 3dc658a40..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/contextual-help.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return (
-    <SearchField
-      label="Search"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/controlled.tsx b/www/src/registry/ui/default/core/search-field/demos/controlled.tsx
deleted file mode 100644
index 91c61b527..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/controlled.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState(
-    "Is dotUI the next-gen ui lib?"
-  );
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <SearchField value={inputValue} onChange={setInputValue} />
-      <p className="text-fg-muted text-sm">
-        mirrored search text: {inputValue}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/default.tsx b/www/src/registry/ui/default/core/search-field/demos/default.tsx
deleted file mode 100644
index 698bacd03..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/default.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return <SearchField aria-label="Search" />;
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/description.tsx b/www/src/registry/ui/default/core/search-field/demos/description.tsx
deleted file mode 100644
index 89ceb0777..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/description.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return <SearchField label="Search" description="Enter your search query" />;
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/disabled.tsx b/www/src/registry/ui/default/core/search-field/demos/disabled.tsx
deleted file mode 100644
index 9ac36ded4..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/disabled.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return (
-    <SearchField defaultValue="Is dotUI the next-gen ui lib?" isDisabled />
-  );
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/error-message.tsx b/www/src/registry/ui/default/core/search-field/demos/error-message.tsx
deleted file mode 100644
index de3eee9bb..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/error-message.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return (
-    <SearchField
-      label="Search"
-      isInvalid
-      errorMessage="Please fill out this field."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/form.tsx b/www/src/registry/ui/default/core/search-field/demos/form.tsx
deleted file mode 100644
index cade43bcc..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/form.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return <SearchField label="Search" />;
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/label.tsx b/www/src/registry/ui/default/core/search-field/demos/label.tsx
deleted file mode 100644
index a6e92b2cf..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <SearchField label="Search" placeholder="Visible label" />
-      <SearchField aria-label="Search" placeholder="Hidden label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/loading.tsx b/www/src/registry/ui/default/core/search-field/demos/loading.tsx
deleted file mode 100644
index a800d20e6..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <SearchField isLoading loaderPosition="prefix" />
-      <SearchField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/prefix-and-suffix.tsx b/www/src/registry/ui/default/core/search-field/demos/prefix-and-suffix.tsx
deleted file mode 100644
index 5de171e9b..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-"use client";
-
-import { Button } from "@/registry/ui/default/core/button";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { XCircleIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <SearchField
-      defaultValue="Hello world!"
-      prefix="🔍"
-      suffix={({ isEmpty, isDisabled }) => {
-        if (isEmpty || isDisabled) return null;
-        return (
-          <Tooltip content="Clear input" className="text-xs">
-            <Button variant="quiet" shape="square" size="sm" className="size-6">
-              <XCircleIcon />
-            </Button>
-          </Tooltip>
-        );
-      }}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/read-only.tsx b/www/src/registry/ui/default/core/search-field/demos/read-only.tsx
deleted file mode 100644
index ee0438e1e..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/read-only.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return <SearchField label="Search" isReadOnly value="Marvel movies" />;
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/required.tsx b/www/src/registry/ui/default/core/search-field/demos/required.tsx
deleted file mode 100644
index 7dd6ffd76..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/required.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <SearchField label="Search" isRequired />
-      <SearchField label="Search" isRequired necessityIndicator="icon" />
-      <SearchField label="Search" isRequired necessityIndicator="label" />
-      <SearchField label="Search" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/sizes.tsx b/www/src/registry/ui/default/core/search-field/demos/sizes.tsx
deleted file mode 100644
index 69986b5cd..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <SearchField placeholder="small (sm)" size="sm" />
-      <SearchField placeholder="medium (md)" size="md" />
-      <SearchField placeholder="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/search-field/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/search-field/demos/uncontrolled.tsx
deleted file mode 100644
index 4010d0bbd..000000000
--- a/www/src/registry/ui/default/core/search-field/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { SearchField } from "@/registry/ui/default/core/search-field";
-
-export default function Demo() {
-  return <SearchField aria-label="Search" defaultValue="Marvel movies" />;
-}
diff --git a/www/src/registry/ui/default/core/search-field/index.ts b/www/src/registry/ui/default/core/search-field/index.ts
deleted file mode 100644
index afe844b1e..000000000
--- a/www/src/registry/ui/default/core/search-field/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./search-field";
diff --git a/www/src/registry/ui/default/core/search-field/search-field.tsx b/www/src/registry/ui/default/core/search-field/search-field.tsx
deleted file mode 100644
index 01a20ab0b..000000000
--- a/www/src/registry/ui/default/core/search-field/search-field.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  SearchField as AriaSearchField,
-  type SearchFieldProps as AriaSearchFieldProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  InputRoot,
-  Input,
-  type inputStyles,
-} from "@/registry/ui/default/core/input";
-import { SearchIcon, XIcon } from "@/__icons__";
-
-const searchFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
-});
-
-type SearchFieldProps = SearchFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    prefix?: React.ReactNode;
-    suffix?:
-      | React.ReactNode
-      | (({
-          isEmpty,
-          isDisabled,
-        }: {
-          isEmpty?: boolean;
-          isDisabled?: boolean;
-        }) => React.ReactNode);
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const SearchField = React.forwardRef<HTMLInputElement, SearchFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix = <SearchIcon />,
-      suffix = ({ isEmpty, isDisabled }) => {
-        if (isEmpty || isDisabled) return null;
-        return (
-          <Button variant="quiet" shape="circle" size="sm" className="size-6">
-            <XIcon />
-          </Button>
-        );
-      },
-      isLoading,
-      loaderPosition = "prefix",
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <SearchFieldRoot className={className} {...props}>
-        {({ isEmpty, isDisabled }) => (
-          <>
-            <Field
-              label={label}
-              description={description}
-              errorMessage={errorMessage}
-              isRequired={isRequired}
-              necessityIndicator={necessityIndicator}
-              contextualHelp={contextualHelp}
-            >
-              <InputRoot
-                size={size}
-                prefix={prefix}
-                suffix={
-                  typeof suffix === "function"
-                    ? suffix({ isEmpty, isDisabled })
-                    : suffix
-                }
-                isLoading={isLoading}
-                loaderPosition={loaderPosition}
-              >
-                <Input
-                  ref={ref}
-                  placeholder={placeholder}
-                  className="[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none"
-                />
-              </InputRoot>
-            </Field>
-          </>
-        )}
-      </SearchFieldRoot>
-    );
-  }
-);
-SearchField.displayName = "SearchField";
-
-type SearchFieldRootProps = Omit<AriaSearchFieldProps, "className"> & {
-  className?: string;
-};
-const SearchFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaSearchField>,
-  SearchFieldRootProps
->(({ className, ...props }, ref) => {
-  return (
-    <AriaSearchField
-      ref={ref}
-      className={searchFieldStyles({ className })}
-      {...props}
-    />
-  );
-});
-SearchFieldRoot.displayName = "SearchFieldRoot";
-
-export type { SearchFieldProps, SearchFieldRootProps };
-export { SearchField, SearchFieldRoot };
diff --git a/www/src/registry/ui/default/core/section/index.ts b/www/src/registry/ui/default/core/section/index.ts
deleted file mode 100644
index d4898871d..000000000
--- a/www/src/registry/ui/default/core/section/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./section";
diff --git a/www/src/registry/ui/default/core/section/section.tsx b/www/src/registry/ui/default/core/section/section.tsx
deleted file mode 100644
index e11a6dce2..000000000
--- a/www/src/registry/ui/default/core/section/section.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-"use client";
-
-import {
-  Section as AriaSection,
-  Header as AriaHeader,
-  type SectionProps as AriaSectionProps,
-  Collection as AriaCollection,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const SectionStyles = tv({
-  slots: {
-    root: "mt-2 space-y-px first:mt-1",
-    title: "mb-1 pl-3 text-sm font-bold",
-  },
-});
-
-interface SectionProps<T> extends AriaSectionProps<T> {
-  title?: string;
-}
-const Section = <T extends object>({ title, ...props }: SectionProps<T>) => {
-  return (
-    <SectionRoot {...props}>
-      {title && <SectionTitle>{title}</SectionTitle>}
-      <AriaCollection items={props.items}>{props.children}</AriaCollection>
-    </SectionRoot>
-  );
-};
-
-type SectionRootProps<T> = AriaSectionProps<T>;
-const SectionRoot = <T extends object>({
-  className,
-  ...props
-}: SectionRootProps<T>) => {
-  const { root } = SectionStyles();
-  return <AriaSection className={root({ className })} {...props} />;
-};
-
-type SectionTitleProps = React.HTMLAttributes<HTMLElement>;
-const SectionTitle = ({ className, ...props }: SectionTitleProps) => {
-  const { title } = SectionStyles();
-  return <AriaHeader className={title({ className })} {...props} />;
-};
-
-export { Section, SectionTitle };
diff --git a/www/src/registry/ui/default/core/select/demos/async-loading.tsx b/www/src/registry/ui/default/core/select/demos/async-loading.tsx
deleted file mode 100644
index 229d15d0f..000000000
--- a/www/src/registry/ui/default/core/select/demos/async-loading.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client";
-
-import React from "react";
-import { useAsyncList } from "react-stately";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-interface Character {
-  name: string;
-}
-
-export default function Demo() {
-  const list = useAsyncList<Character>({
-    async load({ signal }) {
-      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
-      const json = (await res.json()) as { results: Character[] };
-
-      return {
-        items: json.results,
-      };
-    },
-  });
-  return (
-    <Select isLoading={list.isLoading} items={list.items}>
-      {(item) => <Item id={item.name}>{item.name}</Item>}
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/basic.tsx b/www/src/registry/ui/default/core/select/demos/basic.tsx
deleted file mode 100644
index 6dbc549e8..000000000
--- a/www/src/registry/ui/default/core/select/demos/basic.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select>
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/composition.tsx b/www/src/registry/ui/default/core/select/demos/composition.tsx
deleted file mode 100644
index a41a271f6..000000000
--- a/www/src/registry/ui/default/core/select/demos/composition.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Item, ListBox } from "@/registry/ui/default/core/list-box";
-import { Overlay } from "@/registry/ui/default/core/overlay";
-import { SelectRoot, SelectValue } from "@/registry/ui/default/core/select";
-import { ChevronsUpDownIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <SelectRoot>
-      <Button
-        variant="outline"
-        suffix={<ChevronsUpDownIcon className="text-fg-muted" />}
-      >
-        <SelectValue />
-      </Button>
-      <Overlay type="popover">
-        <ListBox>
-          <Item>Perplexity</Item>
-          <Item>Replicate</Item>
-          <Item>Together AI</Item>
-          <Item>ElevenLabs</Item>
-        </ListBox>
-      </Overlay>
-    </SelectRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/contextual-help.tsx b/www/src/registry/ui/default/core/select/demos/contextual-help.tsx
deleted file mode 100644
index 59bb07e82..000000000
--- a/www/src/registry/ui/default/core/select/demos/contextual-help.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function SelectDemo() {
-  return (
-    <Select
-      label="Provider"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, get assisted by our AI."
-        />
-      }
-    >
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/controlled.tsx b/www/src/registry/ui/default/core/select/demos/controlled.tsx
deleted file mode 100644
index 5dd0129f4..000000000
--- a/www/src/registry/ui/default/core/select/demos/controlled.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Key } from "react-aria-components";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  const [provider, setProvider] = React.useState<Key>("eleven-labs");
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <Select selectedKey={provider} onSelectionChange={setProvider}>
-        <Item id="perplexity">Perplexity</Item>
-        <Item id="replicate">Replicate</Item>
-        <Item id="together-ai">Together AI</Item>
-        <Item id="eleven-labs">ElevenLabs</Item>
-      </Select>
-      <p className="text-fg-muted text-sm">
-        Selected provider: <span className="text-fg font-bold">{provider}</span>
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/description.tsx b/www/src/registry/ui/default/core/select/demos/description.tsx
deleted file mode 100644
index a50a30244..000000000
--- a/www/src/registry/ui/default/core/select/demos/description.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select label="Provider" description="Please select a provider.">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/disabled.tsx b/www/src/registry/ui/default/core/select/demos/disabled.tsx
deleted file mode 100644
index c530b56ac..000000000
--- a/www/src/registry/ui/default/core/select/demos/disabled.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select isDisabled>
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/label.tsx b/www/src/registry/ui/default/core/select/demos/label.tsx
deleted file mode 100644
index 42e3d56df..000000000
--- a/www/src/registry/ui/default/core/select/demos/label.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select label="Provider">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/links.tsx b/www/src/registry/ui/default/core/select/demos/links.tsx
deleted file mode 100644
index 42214c5b4..000000000
--- a/www/src/registry/ui/default/core/select/demos/links.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select label="Project">
-      <Item href="/create-project" target="_blank">
-        Create new...
-      </Item>
-      <Item>DotUI</Item>
-      <Item>Palettify</Item>
-      <Item>Notionfolio</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/loading.tsx b/www/src/registry/ui/default/core/select/demos/loading.tsx
deleted file mode 100644
index ed50ac512..000000000
--- a/www/src/registry/ui/default/core/select/demos/loading.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select isLoading>
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/placeholder.tsx b/www/src/registry/ui/default/core/select/demos/placeholder.tsx
deleted file mode 100644
index c6a5c8999..000000000
--- a/www/src/registry/ui/default/core/select/demos/placeholder.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select placeholder="Select a provider">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/required.tsx b/www/src/registry/ui/default/core/select/demos/required.tsx
deleted file mode 100644
index f921e8edd..000000000
--- a/www/src/registry/ui/default/core/select/demos/required.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select label="Provider" isRequired necessityIndicator="icon">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/sections.tsx b/www/src/registry/ui/default/core/select/demos/sections.tsx
deleted file mode 100644
index c62e65108..000000000
--- a/www/src/registry/ui/default/core/select/demos/sections.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Section } from "@/registry/ui/default/core/section";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select label="Model">
-      <Section title="OpenAI">
-        <Item>GPT-4o</Item>
-        <Item>GPT-4 Turbo</Item>
-        <Item>GPT-4</Item>
-        <Item>GPT-3.5 Turbo</Item>
-      </Section>
-      <Section title="Google">
-        <Item>Gemini 1.5 Flash</Item>
-        <Item>Gemini 1.5 Pro</Item>
-        <Item>Gemini 1.0 Pro</Item>
-      </Section>
-      <Section title="Meta">
-        <Item>Llama 3 (70B)</Item>
-        <Item>Llama 3 (8B)</Item>
-        <Item>Code Llama (70B)</Item>
-      </Section>
-      <Section title="Mistral AI">
-        <Item>Mixtral 8x22B</Item>
-        <Item>Mistral Large</Item>
-        <Item>Mistral 7B</Item>
-      </Section>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/select/demos/uncontrolled.tsx
deleted file mode 100644
index fc436712f..000000000
--- a/www/src/registry/ui/default/core/select/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select defaultSelectedKey="eleven-labs">
-      <Item id="perplexity">Perplexity</Item>
-      <Item id="replicate">Replicate</Item>
-      <Item id="together-ai">Together AI</Item>
-      <Item id="eleven-labs">ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/demos/validation.tsx b/www/src/registry/ui/default/core/select/demos/validation.tsx
deleted file mode 100644
index cebf33559..000000000
--- a/www/src/registry/ui/default/core/select/demos/validation.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { Item } from "@/registry/ui/default/core/list-box";
-import { Select } from "@/registry/ui/default/core/select";
-
-export default function Demo() {
-  return (
-    <Select
-      label="Provider"
-      isInvalid
-      errorMessage="Please select an item in the list."
-    >
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/registry/ui/default/core/select/index.ts b/www/src/registry/ui/default/core/select/index.ts
deleted file mode 100644
index e1856bb30..000000000
--- a/www/src/registry/ui/default/core/select/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./select";
diff --git a/www/src/registry/ui/default/core/select/select.tsx b/www/src/registry/ui/default/core/select/select.tsx
deleted file mode 100644
index 8cfa88026..000000000
--- a/www/src/registry/ui/default/core/select/select.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Select as AriaSelect,
-  SelectValue as AriaSelectValue,
-  type SelectProps as AriaSelectProps,
-  type SelectValueProps as AriaSelectValueProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/ui/default/core/button";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  ListBox,
-  type ListBoxProps,
-} from "@/registry/ui/default/core/list-box";
-import { Overlay } from "@/registry/ui/default/core/overlay";
-import { ChevronDownIcon } from "@/__icons__";
-
-const selectStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-    selectValue: "flex-1 text-left",
-  },
-});
-
-interface SelectProps<T extends object>
-  extends Omit<SelectRootProps<T>, "children">,
-    Omit<FieldProps, "children"> {
-  children?: ListBoxProps<T>["children"];
-  dependencies?: ListBoxProps<T>["dependencies"];
-  items?: ListBoxProps<T>["items"];
-  isLoading?: ListBoxProps<T>["isLoading"];
-  variant?: ButtonProps["variant"];
-  size?: ButtonProps["size"];
-}
-const Select = <T extends object>({
-  variant,
-  size,
-  label,
-  description,
-  errorMessage,
-  necessityIndicator,
-  contextualHelp,
-  children,
-  dependencies,
-  items,
-  isLoading,
-  ...props
-}: SelectProps<T>) => {
-  return (
-    <SelectRoot {...props}>
-      {({ isRequired }) => (
-        <>
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <Button variant={variant} size={size} suffix={<ChevronDownIcon />}>
-              <SelectValue />
-            </Button>
-          </Field>
-          <Overlay type="popover">
-            <ListBox
-              isLoading={isLoading}
-              items={items}
-              dependencies={dependencies}
-            >
-              {children}
-            </ListBox>
-          </Overlay>
-        </>
-      )}
-    </SelectRoot>
-  );
-};
-
-type SelectValueProps<T extends object> = AriaSelectValueProps<T>;
-const SelectValue = <T extends object>(props: SelectValueProps<T>) => {
-  const { selectValue } = selectStyles();
-  return (
-    <AriaSelectValue
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        selectValue({ className })
-      )}
-    />
-  );
-};
-
-interface SelectRootProps<T extends object>
-  extends Omit<AriaSelectProps<T>, "className"> {
-  className?: string;
-}
-const SelectRoot = <T extends object>({
-  className,
-  ...props
-}: SelectRootProps<T>) => {
-  const { root } = selectStyles();
-  return <AriaSelect className={root({ className })} {...props} />;
-};
-
-export type { SelectProps, SelectRootProps, SelectValueProps };
-export { Select, SelectRoot, SelectValue };
diff --git a/www/src/registry/ui/default/core/separator/demos/card.tsx b/www/src/registry/ui/default/core/separator/demos/card.tsx
deleted file mode 100644
index f344aa262..000000000
--- a/www/src/registry/ui/default/core/separator/demos/card.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Separator } from "@/registry/ui/default/core/separator";
-
-export default function Demo() {
-  return (
-    <div className="space-y-2 rounded-md border p-4">
-      <div>
-        <h3 className="font-bold">dotUI</h3>
-        <p className="text-fg-muted text-sm">
-          Tools for building high-quality, accessible UI.
-        </p>
-      </div>
-      <Separator className="my-4" />
-      <div className="flex h-5 items-center space-x-4 text-sm">
-        <div>Docs</div>
-        <Separator orientation="vertical" />
-        <div>Components</div>
-        <Separator orientation="vertical" />
-        <div>Hooks</div>
-        <Separator orientation="vertical" />
-        <div>Themes</div>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/separator/demos/orientation.tsx b/www/src/registry/ui/default/core/separator/demos/orientation.tsx
deleted file mode 100644
index 6a2fd9a05..000000000
--- a/www/src/registry/ui/default/core/separator/demos/orientation.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Separator } from "@/registry/ui/default/core/separator";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-10">
-      <div className="flex h-5 items-center gap-2 text-sm">
-        <div>Components</div>
-        <Separator orientation="vertical" />
-        <div>Hooks</div>
-      </div>
-      <div className="flex flex-col items-center gap-2 text-sm">
-        <div>Components</div>
-        <Separator orientation="horizontal" />
-        <div>Hooks</div>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/separator/index.ts b/www/src/registry/ui/default/core/separator/index.ts
deleted file mode 100644
index 8cb65e02a..000000000
--- a/www/src/registry/ui/default/core/separator/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./separator";
diff --git a/www/src/registry/ui/default/core/separator/separator.tsx b/www/src/registry/ui/default/core/separator/separator.tsx
deleted file mode 100644
index 1846c0ce4..000000000
--- a/www/src/registry/ui/default/core/separator/separator.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Separator as AriaSeparator,
-  type SeparatorProps as AriaSeparatorProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const separatorStyles = tv({
-  base: "bg-border separator shrink-0 border-0",
-  variants: {
-    orientation: {
-      horizontal: "h-[1px] w-full",
-      vertical: "h-full w-[1px]",
-    },
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-  },
-});
-
-type SeparatorProps = AriaSeparatorProps;
-const Separator = ({ orientation, className, ...props }: SeparatorProps) => {
-  return (
-    <AriaSeparator
-      {...props}
-      className={separatorStyles({ orientation, className })}
-    />
-  );
-};
-
-export { Separator };
diff --git a/www/src/registry/ui/default/core/skeleton/demos/api-simulation.tsx b/www/src/registry/ui/default/core/skeleton/demos/api-simulation.tsx
deleted file mode 100644
index b75ba9fae..000000000
--- a/www/src/registry/ui/default/core/skeleton/demos/api-simulation.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
-
-export default function Demo() {
-  const [status, setStatus] = React.useState<
-    "idle" | "pending" | "error" | "success"
-  >("idle");
-  const apiCall = () => {
-    setStatus("pending");
-    setTimeout(() => {
-      setStatus("success");
-    }, 4000);
-  };
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <Button isPending={status === "pending"} onPress={apiCall}>
-        Simulate API Call
-      </Button>
-      <Skeleton show={status === "pending"}>
-        <p>Some text loaded from API.</p>
-      </Skeleton>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/skeleton/demos/card.tsx b/www/src/registry/ui/default/core/skeleton/demos/card.tsx
deleted file mode 100644
index a614518c6..000000000
--- a/www/src/registry/ui/default/core/skeleton/demos/card.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <Skeleton className="h-44 w-64" />
-      <div className="flex items-center space-x-4">
-        <Skeleton className="size-10 rounded-full" />
-        <div className="space-y-2">
-          <Skeleton className="h-4 w-44" />
-          <Skeleton className="h-4 w-36" />
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/skeleton/demos/children.tsx b/www/src/registry/ui/default/core/skeleton/demos/children.tsx
deleted file mode 100644
index 77efc5ba7..000000000
--- a/www/src/registry/ui/default/core/skeleton/demos/children.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
-
-export default function Demo() {
-  return (
-    <Skeleton>
-      <Button>Button</Button>
-    </Skeleton>
-  );
-}
diff --git a/www/src/registry/ui/default/core/skeleton/demos/fixed-size-children.tsx b/www/src/registry/ui/default/core/skeleton/demos/fixed-size-children.tsx
deleted file mode 100644
index 3216b14b8..000000000
--- a/www/src/registry/ui/default/core/skeleton/demos/fixed-size-children.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
-
-export default function Demo() {
-  return (
-    <Skeleton className="size-20">
-      <Button>Button</Button>
-    </Skeleton>
-  );
-}
diff --git a/www/src/registry/ui/default/core/skeleton/demos/show.tsx b/www/src/registry/ui/default/core/skeleton/demos/show.tsx
deleted file mode 100644
index fbc5367e3..000000000
--- a/www/src/registry/ui/default/core/skeleton/demos/show.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Skeleton } from "@/registry/ui/default/core/skeleton";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <Skeleton>
-        <Button>Button</Button>
-      </Skeleton>
-      <Skeleton show={false}>
-        <Button>Button</Button>
-      </Skeleton>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/skeleton/index.ts b/www/src/registry/ui/default/core/skeleton/index.ts
deleted file mode 100644
index 8e713ba5d..000000000
--- a/www/src/registry/ui/default/core/skeleton/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./skeleton";
diff --git a/www/src/registry/ui/default/core/skeleton/skeleton.tsx b/www/src/registry/ui/default/core/skeleton/skeleton.tsx
deleted file mode 100644
index 53ff7ca2c..000000000
--- a/www/src/registry/ui/default/core/skeleton/skeleton.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { cn } from "@/registry/ui/default/lib/cn";
-
-function Skeleton({
-  className,
-  show = true,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement> & {
-  show?: boolean;
-}) {
-  if (!show) return props.children;
-  return (
-    <span
-      className={cn(
-        "bg-bg-muted relative block h-6 animate-pulse rounded-md",
-        props.children && "h-auto *:invisible",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Skeleton };
diff --git a/www/src/registry/ui/default/core/slider/demos/advanced-composition.tsx b/www/src/registry/ui/default/core/slider/demos/advanced-composition.tsx
deleted file mode 100644
index 7ca3ae065..000000000
--- a/www/src/registry/ui/default/core/slider/demos/advanced-composition.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Label, Description } from "@/registry/ui/default/core/field";
-import {
-  SliderFiller,
-  SliderRoot,
-  SliderThumb,
-  SliderTrack,
-  SliderValueLabel,
-} from "@/registry/ui/default/core/slider";
-import { Volume1Icon, Volume2Icon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <SliderRoot defaultValue={50}>
-      <div className="flex items-center justify-between">
-        <Label>Volume</Label>
-        <SliderValueLabel />
-      </div>
-      <div className="flex items-center gap-2">
-        <Volume1Icon />
-        <SliderTrack>
-          <SliderFiller />
-          <SliderThumb />
-        </SliderTrack>
-        <Volume2Icon />
-      </div>
-      <Description>Adjust the volume.</Description>
-    </SliderRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/composition.tsx b/www/src/registry/ui/default/core/slider/demos/composition.tsx
deleted file mode 100644
index 1d00a6648..000000000
--- a/www/src/registry/ui/default/core/slider/demos/composition.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Description, Label } from "@/registry/ui/default/core/field";
-import {
-  SliderControls,
-  SliderRoot,
-  SliderValueLabel,
-} from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return (
-    <SliderRoot defaultValue={50}>
-      <div className="flex items-center justify-between">
-        <Label>Volume</Label>
-        <SliderValueLabel />
-      </div>
-      <SliderControls />
-      <Description>Adjust the volume.</Description>
-    </SliderRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/controlled.tsx b/www/src/registry/ui/default/core/slider/demos/controlled.tsx
deleted file mode 100644
index b7c5dc0db..000000000
--- a/www/src/registry/ui/default/core/slider/demos/controlled.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(50);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <Slider
-        label="Opacity"
-        value={value}
-        onChange={(value) => setValue(value as number)}
-      />
-      <span className="text-fg-muted text-sm">
-        Value: <span className="text-fg font-semibold">{value}</span>
-      </span>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/default.tsx b/www/src/registry/ui/default/core/slider/demos/default.tsx
deleted file mode 100644
index 2544522d8..000000000
--- a/www/src/registry/ui/default/core/slider/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return <Slider aria-label="Opacity" defaultValue={50} />;
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/description.tsx b/www/src/registry/ui/default/core/slider/demos/description.tsx
deleted file mode 100644
index f5e168c76..000000000
--- a/www/src/registry/ui/default/core/slider/demos/description.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return (
-    <Slider
-      defaultValue={50}
-      label="Opacity"
-      description="Adjust the background opacity."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/disabled.tsx b/www/src/registry/ui/default/core/slider/demos/disabled.tsx
deleted file mode 100644
index d4ef82f5d..000000000
--- a/www/src/registry/ui/default/core/slider/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return <Slider label="Opacity" defaultValue={50} isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/format-options.tsx b/www/src/registry/ui/default/core/slider/demos/format-options.tsx
deleted file mode 100644
index 6028dacea..000000000
--- a/www/src/registry/ui/default/core/slider/demos/format-options.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return (
-    <Slider
-      label="Price"
-      formatOptions={{ style: "currency", currency: "JPY" }}
-      defaultValue={60}
-      valueLabel
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/label.tsx b/www/src/registry/ui/default/core/slider/demos/label.tsx
deleted file mode 100644
index 10b026f50..000000000
--- a/www/src/registry/ui/default/core/slider/demos/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <Slider defaultValue={50} label="Opacity" />
-      <Slider defaultValue={50} aria-label="Opacity" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/range.tsx b/www/src/registry/ui/default/core/slider/demos/range.tsx
deleted file mode 100644
index dfe3ead92..000000000
--- a/www/src/registry/ui/default/core/slider/demos/range.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return (
-    <Slider
-      label="Price Range"
-      valueLabel
-      defaultValue={[200, 300]}
-      minValue={100}
-      maxValue={500}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/sizes.tsx b/www/src/registry/ui/default/core/slider/demos/sizes.tsx
deleted file mode 100644
index 8c523ac83..000000000
--- a/www/src/registry/ui/default/core/slider/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <Slider aria-label="Opacity" defaultValue={50} size="sm" />
-      <Slider aria-label="Opacity" defaultValue={50} size="md" />
-      <Slider aria-label="Opacity" defaultValue={50} size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/step.tsx b/www/src/registry/ui/default/core/slider/demos/step.tsx
deleted file mode 100644
index d2824947c..000000000
--- a/www/src/registry/ui/default/core/slider/demos/step.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return (
-    <Slider label="Opacity" valueLabel minValue={0} maxValue={100} step={5} />
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/slider/demos/uncontrolled.tsx
deleted file mode 100644
index 2544522d8..000000000
--- a/www/src/registry/ui/default/core/slider/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return <Slider aria-label="Opacity" defaultValue={50} />;
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/value-label.tsx b/www/src/registry/ui/default/core/slider/demos/value-label.tsx
deleted file mode 100644
index 31cc412fe..000000000
--- a/www/src/registry/ui/default/core/slider/demos/value-label.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return (
-    <div className="space-y-6">
-      <Slider
-        defaultValue={50}
-        label="Donuts to buy"
-        valueLabel
-        className="w-60!"
-      />
-      <Slider
-        defaultValue={50}
-        label="Donuts to buy"
-        valueLabel={(donuts) => `${donuts[0]} of 100 Donuts`}
-        className="w-60!"
-      />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/value-scale.tsx b/www/src/registry/ui/default/core/slider/demos/value-scale.tsx
deleted file mode 100644
index fbc681465..000000000
--- a/www/src/registry/ui/default/core/slider/demos/value-scale.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return (
-    <Slider
-      label="Cookies to buy"
-      minValue={1}
-      maxValue={50}
-      defaultValue={25}
-      valueLabel
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/demos/vertical.tsx b/www/src/registry/ui/default/core/slider/demos/vertical.tsx
deleted file mode 100644
index dbbac1d0a..000000000
--- a/www/src/registry/ui/default/core/slider/demos/vertical.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Slider } from "@/registry/ui/default/core/slider";
-
-export default function Demo() {
-  return (
-    <Slider defaultValue={50} aria-label="Opacity" orientation="vertical" />
-  );
-}
diff --git a/www/src/registry/ui/default/core/slider/index.ts b/www/src/registry/ui/default/core/slider/index.ts
deleted file mode 100644
index 67c45bb06..000000000
--- a/www/src/registry/ui/default/core/slider/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./slider";
diff --git a/www/src/registry/ui/default/core/slider/slider.tsx b/www/src/registry/ui/default/core/slider/slider.tsx
deleted file mode 100644
index b6d352b3f..000000000
--- a/www/src/registry/ui/default/core/slider/slider.tsx
+++ /dev/null
@@ -1,231 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { useSlotId } from "@react-aria/utils";
-import {
-  composeRenderProps,
-  Slider as AriaSlider,
-  SliderOutput as AriaSliderOutput,
-  SliderThumb as AriaSliderThumb,
-  SliderTrack as AriaSliderTrack,
-  type SliderThumbProps as AriaSliderThumbProps,
-  type SliderOutputProps as AriaSliderOutputProps,
-  type SliderTrackProps as AriaSliderTrackProps,
-  type SliderProps as AriaSliderProps,
-  SliderStateContext as AriaSliderStateContext,
-  TextContext as AriaTextContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import {
-  Description,
-  Label,
-  type FieldProps,
-} from "@/registry/ui/default/core/field";
-import { cn } from "@/registry/ui/default/lib/cn";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
-
-const sliderStyles = tv({
-  slots: {
-    root: "orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
-    track: [
-      "group/track bg-bg-neutral disabled:bg-bg-disabled relative cursor-pointer rounded-full disabled:cursor-default",
-      "orientation-vertical:flex-1 orientation-vertical:w-2 orientation-horizontal:w-full orientation-horizontal:h-2 grow",
-    ],
-    filler: [
-      "bg-border-focus group-disabled/track:bg-bg-disabled rounded-full",
-      "group-orientation-horizontal/top-0 group-orientation-vertical/track:w-full group-orientation-vertical/track:bottom-0 group-orientation-horizontal/track:h-full pointer-events-none absolute",
-    ],
-    thumb: [
-      focusRing(),
-      "rounded-full bg-white shadow-md transition-[width,height]",
-      "-translate-x-1/2! -translate-y-1/2! absolute left-[50%] top-[50%] block",
-      "disabled:bg-bg-disabled disabled:border-bg disabled:border",
-    ],
-    valueLabel: "text-fg-muted text-sm",
-  },
-  variants: {
-    size: {
-      sm: {
-        thumb: "dragging:size-4 size-3",
-        track: "orientation-vertical:w-1 orientation-horizontal:h-1",
-      },
-      md: {
-        thumb: "dragging:size-5 size-4",
-        track: "orientation-vertical:w-2 orientation-horizontal:h-2",
-      },
-      lg: {
-        thumb: "dragging:size-6 size-5",
-        track: "orientation-vertical:w-3 orientation-horizontal:h-3",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-interface SliderProps
-  extends SliderRootProps,
-    VariantProps<typeof sliderStyles> {
-  label?: FieldProps["label"];
-  description?: FieldProps["description"];
-  valueLabel?: boolean | ((value: number[]) => string);
-}
-const Slider = React.forwardRef<
-  React.ElementRef<typeof AriaSlider>,
-  SliderProps
->(({ label, description, valueLabel = false, size, ...props }, ref) => (
-  <SliderRoot ref={ref} {...props}>
-    {(label || !!valueLabel) && (
-      <div
-        className={cn(
-          "flex items-center justify-between gap-2",
-          !label && "justify-end"
-        )}
-      >
-        {label && <Label>{label}</Label>}
-        {!!valueLabel && (
-          <SliderValueLabel>
-            {({ state }) =>
-              typeof valueLabel === "function"
-                ? valueLabel(state.values)
-                : undefined
-            }
-          </SliderValueLabel>
-        )}
-      </div>
-    )}
-    <SliderControls size={size} />
-    {description && <Description>{description}</Description>}
-  </SliderRoot>
-));
-Slider.displayName = "Slider";
-
-type SliderRootProps = AriaSliderProps;
-const SliderRoot = React.forwardRef(
-  (props: SliderRootProps, ref: React.Ref<HTMLDivElement>) => {
-    const { root } = sliderStyles();
-    const descriptionId = useSlotId();
-    return (
-      <AriaTextContext.Provider
-        value={{ slots: { description: { id: descriptionId } } }}
-      >
-        <AriaSlider
-          ref={ref}
-          aria-describedby={descriptionId}
-          {...props}
-          className={composeRenderProps(props.className, (className) =>
-            root({ className })
-          )}
-        />
-      </AriaTextContext.Provider>
-    );
-  }
-);
-SliderRoot.displayName = "SliderRoot";
-
-type SliderControlsProps = SliderTrackProps & VariantProps<typeof sliderStyles>;
-const SliderControls = (props: SliderControlsProps) => {
-  const { values } = React.useContext(AriaSliderStateContext);
-  return (
-    <SliderTrack {...props}>
-      <SliderFiller />
-      {values.map((_, i) => (
-        <SliderThumb key={i} index={i} size={props.size} />
-      ))}
-    </SliderTrack>
-  );
-};
-
-type SliderTrackProps = AriaSliderTrackProps &
-  VariantProps<typeof sliderStyles>;
-const SliderTrack = ({ size, ...props }: SliderTrackProps) => {
-  const { track } = sliderStyles({ size });
-  return (
-    <AriaSliderTrack
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        track({ className })
-      )}
-    />
-  );
-};
-
-type SliderFillerProps = React.HTMLAttributes<HTMLDivElement>;
-const SliderFiller = (props: SliderFillerProps) => {
-  const { filler } = sliderStyles();
-  const { orientation, getThumbPercent, values } = React.useContext(
-    AriaSliderStateContext
-  );
-  return (
-    <div
-      {...props}
-      style={
-        values.length === 1
-          ? orientation === "horizontal"
-            ? {
-                width: `${getThumbPercent(0) * 100}%`,
-              }
-            : { height: `${getThumbPercent(0) * 100}%` }
-          : orientation === "horizontal"
-            ? {
-                left: `${getThumbPercent(0) * 100}%`,
-                width: `${
-                  Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100
-                }%`,
-              }
-            : {
-                bottom: `${getThumbPercent(0) * 100}%`,
-                height: `${
-                  Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100
-                }%`,
-              }
-      }
-      className={filler({ className: props.className })}
-    />
-  );
-};
-
-type SliderThumbProps = AriaSliderThumbProps &
-  VariantProps<typeof sliderStyles>;
-const SliderThumb = ({ size, ...props }: SliderThumbProps) => {
-  const { thumb } = sliderStyles({ size });
-  return (
-    <AriaSliderThumb
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        thumb({ className })
-      )}
-    />
-  );
-};
-
-type SliderValueLabelProps = AriaSliderOutputProps;
-const SliderValueLabel = (props: SliderValueLabelProps) => {
-  const { valueLabel } = sliderStyles();
-  return (
-    <AriaSliderOutput
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        valueLabel({ className })
-      )}
-    >
-      {composeRenderProps(
-        props.children,
-        (children, { state }) =>
-          children ??
-          state.values.map((_, i) => state.getThumbValueLabel(i)).join(" - ")
-      )}
-    </AriaSliderOutput>
-  );
-};
-
-export {
-  Slider,
-  SliderRoot,
-  SliderControls,
-  SliderTrack,
-  SliderFiller,
-  SliderThumb,
-  SliderValueLabel,
-};
diff --git a/www/src/registry/ui/default/core/switch/demos/controlled.tsx b/www/src/registry/ui/default/core/switch/demos/controlled.tsx
deleted file mode 100644
index 803512d7a..000000000
--- a/www/src/registry/ui/default/core/switch/demos/controlled.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import React from "react";
-import { Switch } from "@/registry/ui/default/core/switch";
-
-export default function Demo() {
-  const [isSelected, setSelected] = React.useState(true);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <Switch isSelected={isSelected} onChange={setSelected}>
-        Focus mode
-      </Switch>
-      <p className="text-fg-muted text-xs">
-        You are {!isSelected && "not"} on{" "}
-        <span className="font-bold">focus mode</span>.
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/switch/demos/default.tsx b/www/src/registry/ui/default/core/switch/demos/default.tsx
deleted file mode 100644
index 229fd47af..000000000
--- a/www/src/registry/ui/default/core/switch/demos/default.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { Switch } from "@/registry/ui/default/core/switch";
-
-export default function Demo() {
-  return <Switch>Focus mode</Switch>;
-}
diff --git a/www/src/registry/ui/default/core/switch/demos/disabled.tsx b/www/src/registry/ui/default/core/switch/demos/disabled.tsx
deleted file mode 100644
index 1d82fa42b..000000000
--- a/www/src/registry/ui/default/core/switch/demos/disabled.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Switch } from "@/registry/ui/default/core/switch";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-10">
-      <Switch isDisabled defaultSelected>
-        Focus Mode
-      </Switch>
-      <Switch isDisabled>Focus Mode</Switch>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/switch/demos/label.tsx b/www/src/registry/ui/default/core/switch/demos/label.tsx
deleted file mode 100644
index fa4c45548..000000000
--- a/www/src/registry/ui/default/core/switch/demos/label.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { Switch } from "@/registry/ui/default/core/switch";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-10">
-      <Switch>Focus mode</Switch>
-      <Switch aria-label="Focus mode" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/switch/demos/sizes.tsx b/www/src/registry/ui/default/core/switch/demos/sizes.tsx
deleted file mode 100644
index 933f3ceaf..000000000
--- a/www/src/registry/ui/default/core/switch/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Switch } from "@/registry/ui/default/core/switch";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <Switch size="sm" defaultSelected />
-      <Switch size="md" defaultSelected />
-      <Switch size="lg" defaultSelected />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/switch/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/switch/demos/uncontrolled.tsx
deleted file mode 100644
index b74e111f4..000000000
--- a/www/src/registry/ui/default/core/switch/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { Switch } from "@/registry/ui/default/core/switch";
-
-export default function Demo() {
-  return <Switch defaultSelected>Airplane Mode</Switch>;
-}
diff --git a/www/src/registry/ui/default/core/switch/index.ts b/www/src/registry/ui/default/core/switch/index.ts
deleted file mode 100644
index 7c69fd95e..000000000
--- a/www/src/registry/ui/default/core/switch/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./switch";
diff --git a/www/src/registry/ui/default/core/switch/switch.tsx b/www/src/registry/ui/default/core/switch/switch.tsx
deleted file mode 100644
index 71dffea00..000000000
--- a/www/src/registry/ui/default/core/switch/switch.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Switch as AriaSwitch,
-  composeRenderProps,
-  type SwitchProps as AriaSwitchProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusRingGroup } from "@/registry/ui/default/lib/focus-styles";
-
-const switchStyles = tv({
-  slots: {
-    root: "disabled:text-fg-disabled group flex items-center justify-start gap-3",
-    wrapper: [
-      focusRingGroup(),
-      "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
-      "group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent",
-    ],
-    indicator:
-      "group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200",
-    label: "",
-  },
-  variants: {
-    size: {
-      sm: {
-        wrapper: "h-5 w-9",
-        indicator:
-          "group-pressed:w-5 group-selected:ml-4 group-selected:group-pressed:ml-3 size-4",
-      },
-      md: {
-        wrapper: "h-6 w-11",
-        indicator:
-          "group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5",
-      },
-      lg: {
-        wrapper: "h-7 w-12",
-        indicator:
-          "group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-interface SwitchProps
-  extends Omit<AriaSwitchProps, "className">,
-    VariantProps<typeof switchStyles> {
-  className?: string;
-}
-
-const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(
-  ({ className, size, ...props }, ref) => {
-    const { root, wrapper, indicator, label } = switchStyles({ size });
-
-    return (
-      <AriaSwitch className={root({ className })} {...props} ref={ref}>
-        {composeRenderProps(props.children, (children) => (
-          <>
-            <span className={wrapper({})}>
-              <span className={indicator({})} style={{ contain: "layout" }} />
-            </span>
-            {children && <span className={label({})}>{children}</span>}
-          </>
-        ))}
-      </AriaSwitch>
-    );
-  }
-);
-
-Switch.displayName = "Switch";
-
-export { Switch };
diff --git a/www/src/registry/ui/default/core/table/index.ts b/www/src/registry/ui/default/core/table/index.ts
deleted file mode 100644
index 0e948df9e..000000000
--- a/www/src/registry/ui/default/core/table/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./table";
diff --git a/www/src/registry/ui/default/core/table/table.tsx b/www/src/registry/ui/default/core/table/table.tsx
deleted file mode 100644
index 6d3337117..000000000
--- a/www/src/registry/ui/default/core/table/table.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import * as React from "react";
-import { cn } from "@/registry/ui/default/lib/cn";
-
-const Table = React.forwardRef<
-  HTMLTableElement,
-  React.HTMLAttributes<HTMLTableElement>
->(({ className, ...props }, ref) => (
-  <div className="relative w-full overflow-auto">
-    <table
-      ref={ref}
-      className={cn("w-full caption-bottom text-sm", className)}
-      {...props}
-    />
-  </div>
-));
-Table.displayName = "Table";
-
-const TableHeader = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
-));
-TableHeader.displayName = "TableHeader";
-
-const TableBody = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tbody
-    ref={ref}
-    className={cn("[&_tr:last-child]:border-0", className)}
-    {...props}
-  />
-));
-TableBody.displayName = "TableBody";
-
-const TableFooter = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tfoot
-    ref={ref}
-    className={cn(
-      "bg-bg-muted/50 border-t font-medium last:[&>tr]:border-b-0",
-      className
-    )}
-    {...props}
-  />
-));
-TableFooter.displayName = "TableFooter";
-
-const TableRow = React.forwardRef<
-  HTMLTableRowElement,
-  React.HTMLAttributes<HTMLTableRowElement>
->(({ className, ...props }, ref) => (
-  <tr
-    ref={ref}
-    className={cn(
-      "data-[state=selected]:bg-bg-muted hover:bg-bg-muted/50 border-b transition-colors",
-      className
-    )}
-    {...props}
-  />
-));
-TableRow.displayName = "TableRow";
-
-const TableHead = React.forwardRef<
-  HTMLTableCellElement,
-  React.ThHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <th
-    ref={ref}
-    className={cn(
-      "text-fg-muted h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
-      className
-    )}
-    {...props}
-  />
-));
-TableHead.displayName = "TableHead";
-
-const TableCell = React.forwardRef<
-  HTMLTableCellElement,
-  React.TdHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <td
-    ref={ref}
-    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
-    {...props}
-  />
-));
-TableCell.displayName = "TableCell";
-
-const TableCaption = React.forwardRef<
-  HTMLTableCaptionElement,
-  React.HTMLAttributes<HTMLTableCaptionElement>
->(({ className, ...props }, ref) => (
-  <caption
-    ref={ref}
-    className={cn("text-fg-muted mt-4 text-sm", className)}
-    {...props}
-  />
-));
-TableCaption.displayName = "TableCaption";
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-};
diff --git a/www/src/registry/ui/default/core/tabs/demos/basic.tsx b/www/src/registry/ui/default/core/tabs/demos/basic.tsx
deleted file mode 100644
index 552cdecd6..000000000
--- a/www/src/registry/ui/default/core/tabs/demos/basic.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs>
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings">Settings</Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tabs/demos/controlled.tsx b/www/src/registry/ui/default/core/tabs/demos/controlled.tsx
deleted file mode 100644
index 154ac4322..000000000
--- a/www/src/registry/ui/default/core/tabs/demos/controlled.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Key } from "react-aria-components";
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
-
-export default function Demo() {
-  const [selectedTab, setSelectedTab] = React.useState<Key>("overview");
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <Tabs selectedKey={selectedTab} onSelectionChange={setSelectedTab}>
-        <TabList>
-          <Tab id="overview">Overview</Tab>
-          <Tab id="usage">Usage</Tab>
-          <Tab id="settings">Settings</Tab>
-        </TabList>
-        <TabPanel id="overview">
-          {" "}
-          You can view all your projects here.{" "}
-        </TabPanel>
-        <TabPanel id="usage"> You can view your usage here. </TabPanel>
-        <TabPanel id="settings"> You can view your settings here. </TabPanel>
-      </Tabs>
-      <p className="text-fg-muted text-sm">
-        Selected tab: <span className="text-fg font-bold">{selectedTab}</span>
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tabs/demos/disabled-item.tsx b/www/src/registry/ui/default/core/tabs/demos/disabled-item.tsx
deleted file mode 100644
index 6e00a4a38..000000000
--- a/www/src/registry/ui/default/core/tabs/demos/disabled-item.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs>
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings" isDisabled>
-          Settings
-        </Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tabs/demos/disabled.tsx b/www/src/registry/ui/default/core/tabs/demos/disabled.tsx
deleted file mode 100644
index 7c2572f9f..000000000
--- a/www/src/registry/ui/default/core/tabs/demos/disabled.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs isDisabled>
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings">Settings</Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tabs/demos/keyboard-activation.tsx b/www/src/registry/ui/default/core/tabs/demos/keyboard-activation.tsx
deleted file mode 100644
index 1f40ef6b2..000000000
--- a/www/src/registry/ui/default/core/tabs/demos/keyboard-activation.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs keyboardActivation="manual">
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings">Settings</Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tabs/demos/vertical.tsx b/www/src/registry/ui/default/core/tabs/demos/vertical.tsx
deleted file mode 100644
index 40f7d6285..000000000
--- a/www/src/registry/ui/default/core/tabs/demos/vertical.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/registry/ui/default/core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs orientation="vertical">
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings">Settings</Tab>
-      </TabList>
-      <TabPanel id="overview">You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tabs/index.ts b/www/src/registry/ui/default/core/tabs/index.ts
deleted file mode 100644
index 811d3d4a7..000000000
--- a/www/src/registry/ui/default/core/tabs/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./tabs";
diff --git a/www/src/registry/ui/default/core/tabs/tabs.tsx b/www/src/registry/ui/default/core/tabs/tabs.tsx
deleted file mode 100644
index 73121e065..000000000
--- a/www/src/registry/ui/default/core/tabs/tabs.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Tabs as AriaTabs,
-  TabList as AriaTabList,
-  Tab as AriaTab,
-  TabPanel as AriaTabPanel,
-  type TabsProps as AriaTabsProps,
-  type TabListProps as AriaTabListProps,
-  type TabProps as AriaTabProps,
-  type TabPanelProps as AriaTabPanelProps,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
-
-const tabsStyles = tv({
-  slots: {
-    root: "orientation-vertical:flex-row flex flex-col",
-    list: "orientation-horizontal:overflow-x-auto orientation-horizontal:whitespace-nowrap orientation-horizontal:items-center orientation-horizontal:border-b orientation-vertical:flex-col orientation-vertical:border-r orientation-horizontal:[&_[role=tab]]:border-b-[3px] orientation-vertical:[&_[role=tab]]:border-r-[3px] flex",
-    tab: [
-      "text-fg-muted selected:border-border-focus selected:text-fg disabled:text-fg-disabled disabled:selected:border-border-disabled outline-hidden -mb-px cursor-pointer border-transparent px-2 py-2 text-center text-sm font-medium transition-colors disabled:cursor-default",
-      "focus-visible:[&>span]:border-border-focus [&>span]:rounded-md [&>span]:border-2 [&>span]:border-transparent [&>span]:px-1.5 [&>span]:py-1",
-    ],
-    panel: [focusRing(), "rounded"],
-  },
-});
-
-interface TabsProps extends Omit<AriaTabsProps, "className"> {
-  className?: string;
-}
-const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(
-  ({ className, ...props }, ref) => {
-    const { root } = tabsStyles();
-    return <AriaTabs ref={ref} className={root({ className })} {...props} />;
-  }
-);
-Tabs.displayName = "Tabs";
-
-interface TabListProps<T> extends Omit<AriaTabListProps<T>, "className"> {
-  className?: string;
-}
-const TabList = React.forwardRef<HTMLDivElement, TabListProps<any>>(
-  <T extends object>(
-    { className, ...props }: TabListProps<T>,
-    ref: React.Ref<HTMLDivElement>
-  ) => {
-    const { list } = tabsStyles();
-    return (
-      <AriaTabList
-        ref={ref}
-        {...props}
-        className={list({ className })}
-        style={{ scrollbarWidth: "none" }}
-      />
-    );
-  }
-);
-TabList.displayName = "TabList";
-
-interface TabProps extends Omit<AriaTabProps, "className"> {
-  className?: string;
-}
-const Tab = React.forwardRef<HTMLDivElement, TabProps>(
-  ({ className, ...props }, ref) => {
-    const { tab } = tabsStyles();
-    return (
-      <AriaTab ref={ref} className={tab({ className })} {...props}>
-        {composeRenderProps(props.children, (children) => (
-          <span>{children}</span>
-        ))}
-      </AriaTab>
-    );
-  }
-);
-Tab.displayName = "Tab";
-
-interface TabPanelProps extends Omit<AriaTabPanelProps, "className"> {
-  className?: string;
-}
-const TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(
-  ({ className, ...props }, ref) => {
-    const { panel } = tabsStyles();
-    return (
-      <AriaTabPanel ref={ref} className={panel({ className })} {...props} />
-    );
-  }
-);
-TabPanel.displayName = "TabPanel";
-
-export type { TabsProps, TabListProps, TabProps, TabPanelProps };
-export { Tabs, TabList, Tab, TabPanel };
diff --git a/www/src/registry/ui/default/core/tag-group/tag-group.tsx b/www/src/registry/ui/default/core/tag-group/tag-group.tsx
deleted file mode 100644
index 67f9e519e..000000000
--- a/www/src/registry/ui/default/core/tag-group/tag-group.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  composeRenderProps,
-  TagGroup as AriaTagGroup,
-  TagList as AriaTagList,
-  Tag as AriaTag,
-  type TagGroupProps as AriaTagGroupProps,
-  type TagListProps as AriaTagListProps,
-  type TagProps as AriaTagProps,
-} from "react-aria-components";
-import { tv, VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/ui/default/core/button";
-import { Field } from "@/registry/ui/default/core/field";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
-
-const tagGroupStyles = tv({
-  slots: {
-    root: "flex w-48 flex-col items-start gap-2",
-    list: "flex w-full flex-wrap gap-1",
-  },
-});
-
-const { root, list } = tagGroupStyles();
-
-const tagStyles = tv({
-  extend: focusRing,
-  base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
-  variants: {
-    variant: {
-      default:
-        "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral selected:bg-bg-primary selected:text-fg-onPrimary",
-      quiet:
-        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary bg-transparent",
-      outline:
-        "border-border-field bg-bg-inverse/5 hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary border",
-      accent:
-        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent",
-    },
-    size: {
-      sm: "size-8 [&_svg]:size-4",
-      md: "size-9 [&_svg]:size-4",
-      lg: "size-10 [&_svg]:size-5",
-    },
-    shape: {
-      rectangle: "",
-      square: "",
-      circle: "rounded-full",
-    },
-  },
-  compoundVariants: [
-    {
-      size: "sm",
-      shape: "rectangle",
-      className: "w-auto px-3",
-    },
-    {
-      size: "md",
-      shape: "rectangle",
-      className: "w-auto px-4",
-    },
-    {
-      size: "lg",
-      shape: "rectangle",
-      className: "w-auto px-5",
-    },
-  ],
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    shape: "rectangle",
-  },
-});
-
-interface TagGroupProps<T>
-  extends Omit<TagGroupRootProps, "children">,
-    Pick<AriaTagListProps<T>, "items" | "children" | "renderEmptyState"> {
-  label?: string;
-  description?: string;
-  errorMessage?: string;
-  contextualHelp?: React.ReactNode;
-}
-
-function TagGroup<T extends object>({
-  label,
-  description,
-  errorMessage,
-  items,
-  children,
-  renderEmptyState,
-  contextualHelp,
-  ...props
-}: TagGroupProps<T>) {
-  return (
-    <TagGroupRoot {...props}>
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        contextualHelp={contextualHelp}
-      >
-        <TagList items={items} renderEmptyState={renderEmptyState}>
-          {children}
-        </TagList>
-      </Field>
-    </TagGroupRoot>
-  );
-}
-
-interface TagGroupRootProps
-  extends AriaTagGroupProps,
-    VariantProps<typeof tagStyles> {}
-function TagGroupRoot({
-  className,
-  variant,
-  size,
-  shape,
-  ...props
-}: TagGroupRootProps) {
-  return (
-    <TagGroupContext.Provider value={{ variant, size, shape }}>
-      <AriaTagGroup {...props} className={root({ className })} />
-    </TagGroupContext.Provider>
-  );
-}
-
-interface TagListProps<T> extends AriaTagListProps<T> {}
-function TagList<T extends object>(props: TagListProps<T>) {
-  return (
-    <AriaTagList
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        list({ className })
-      )}
-    />
-  );
-}
-
-interface TagProps extends AriaTagProps, VariantProps<typeof tagStyles> {}
-function Tag(localProps: TagProps) {
-  const contextProps = useTagGroupContext();
-  const props = { ...contextProps, ...localProps };
-  const { variant, size, shape, className, ...restProps } = props;
-  const textValue =
-    typeof props.children === "string" ? props.children : undefined;
-  return (
-    <AriaTag
-      textValue={textValue}
-      className={composeRenderProps(className, (className) =>
-        tagStyles({ variant, size, shape, className })
-      )}
-      {...restProps}
-    >
-      {({ allowsRemoving }) => (
-        <>
-          {props.children}
-          {allowsRemoving && <Button slot="remove">ⓧ</Button>}
-        </>
-      )}
-    </AriaTag>
-  );
-}
-
-type TagGroupContextValue = VariantProps<typeof tagGroupStyles>;
-const TagGroupContext = React.createContext<TagGroupContextValue>({});
-const useTagGroupContext = () => {
-  return React.useContext(TagGroupContext);
-};
-
-export { TagGroup, Tag };
-export type { TagGroupProps, TagProps };
diff --git a/www/src/registry/ui/default/core/text-area/demos/composition.tsx b/www/src/registry/ui/default/core/text-area/demos/composition.tsx
deleted file mode 100644
index 00ebd671f..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/composition.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { TextAreaInput, InputRoot } from "@/registry/ui/default/core/input";
-import { TextFieldRoot } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <TextFieldRoot>
-      <Label>Comment</Label>
-      <InputRoot multiline>
-        <TextAreaInput />
-      </InputRoot>
-      <Description>Enter your comment.</Description>
-    </TextFieldRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/contextual-help.tsx b/www/src/registry/ui/default/core/text-area/demos/contextual-help.tsx
deleted file mode 100644
index 468961e05..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/contextual-help.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea
-      label="Bio"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble writing your bio, get assisted by our AI."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/controlled.tsx b/www/src/registry/ui/default/core/text-area/demos/controlled.tsx
deleted file mode 100644
index a11521fd6..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/controlled.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState(
-    "Roses are red, violets are blue."
-  );
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <TextArea
-        label="Essay"
-        value={inputValue}
-        onChange={(text) => {
-          setInputValue(text);
-        }}
-      />
-      <p className="text-fg-muted text-sm">mirrored text: {inputValue}</p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/default.tsx b/www/src/registry/ui/default/core/text-area/demos/default.tsx
deleted file mode 100644
index 663850b73..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/default.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return <TextArea label="Description" placeholder="Type your message here" />;
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/description.tsx b/www/src/registry/ui/default/core/text-area/demos/description.tsx
deleted file mode 100644
index 009efbb81..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/description.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return <TextArea label="Description" description="Type your description" />;
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/disabled.tsx b/www/src/registry/ui/default/core/text-area/demos/disabled.tsx
deleted file mode 100644
index aac42285e..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return <TextArea value="This is a comment" isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/error-message.tsx b/www/src/registry/ui/default/core/text-area/demos/error-message.tsx
deleted file mode 100644
index d5109aba8..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea
-      label="Comment"
-      isInvalid
-      errorMessage="You have exceeded the comment limit for one hour."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/form.tsx b/www/src/registry/ui/default/core/text-area/demos/form.tsx
deleted file mode 100644
index d1bb00a53..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/form.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return <TextArea label="Comment" />;
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/label.tsx b/www/src/registry/ui/default/core/text-area/demos/label.tsx
deleted file mode 100644
index c1edfb7b2..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <TextArea label="Description" placeholder="Visible label" />
-      <TextArea aria-label="Description" placeholder="Hidden label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/loading.tsx b/www/src/registry/ui/default/core/text-area/demos/loading.tsx
deleted file mode 100644
index f64639461..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <TextArea isLoading loaderPosition="prefix" />
-      <TextArea isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/prefix-and-suffix.tsx b/www/src/registry/ui/default/core/text-area/demos/prefix-and-suffix.tsx
deleted file mode 100644
index 66c89b9c9..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
-import { BoldIcon, ItalicIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState("");
-  return (
-    <TextArea
-      label="Comment"
-      placeholder="type something here"
-      value={inputValue}
-      onChange={setInputValue}
-      prefix={
-        <div className="flex items-center gap-1">
-          <Button
-            variant="quiet"
-            shape="square"
-            size="sm"
-            className="size-7"
-            onPress={() => {
-              setInputValue(`${inputValue}👍`);
-            }}
-          >
-            👍
-          </Button>
-          <Button
-            variant="quiet"
-            shape="square"
-            size="sm"
-            className="size-7"
-            onPress={() => {
-              setInputValue(`${inputValue}❤️`);
-            }}
-          >
-            ❤️
-          </Button>
-        </div>
-      }
-      suffix={
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-0.5">
-            <ToggleButton size="sm" className="size-7">
-              <BoldIcon />
-            </ToggleButton>
-            <ToggleButton size="sm" className="size-7">
-              <ItalicIcon />
-            </ToggleButton>
-          </div>
-          <Button variant="primary" size="sm" className="h-7">
-            Comment
-          </Button>
-        </div>
-      }
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/read-only.tsx b/www/src/registry/ui/default/core/text-area/demos/read-only.tsx
deleted file mode 100644
index c6cacfeef..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/read-only.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea label="Email" isReadOnly value="This is a readonly comment" />
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/required.tsx b/www/src/registry/ui/default/core/text-area/demos/required.tsx
deleted file mode 100644
index b53f4df74..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea
-      isRequired
-      necessityIndicator="icon"
-      label="Description"
-      placeholder="Type your message here"
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-area/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/text-area/demos/uncontrolled.tsx
deleted file mode 100644
index 9eeb11bf1..000000000
--- a/www/src/registry/ui/default/core/text-area/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-import { TextArea } from "@/registry/ui/default/core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea label="Essay" defaultValue="Roses are red, violets are blue." />
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-area/index.ts b/www/src/registry/ui/default/core/text-area/index.ts
deleted file mode 100644
index b8080fd27..000000000
--- a/www/src/registry/ui/default/core/text-area/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./text-area";
diff --git a/www/src/registry/ui/default/core/text-area/text-area.tsx b/www/src/registry/ui/default/core/text-area/text-area.tsx
deleted file mode 100644
index cc2bed4a9..000000000
--- a/www/src/registry/ui/default/core/text-area/text-area.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  InputRoot,
-  TextAreaInput,
-  type inputStyles,
-} from "@/registry/ui/default/core/input";
-import {
-  TextFieldRoot,
-  type TextFieldRootProps,
-} from "@/registry/ui/default/core/text-field";
-
-type TextAreaProps = TextFieldRootProps &
-  Omit<FieldProps, "children"> &
-  Omit<VariantProps<typeof inputStyles>, "size"> & {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
-  (
-    {
-      className,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix,
-      suffix,
-      isLoading,
-      loaderPosition = "suffix",
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <TextFieldRoot className={className} {...props}>
-        <Field
-          label={label}
-          description={description}
-          errorMessage={errorMessage}
-          isRequired={isRequired}
-          necessityIndicator={necessityIndicator}
-          contextualHelp={contextualHelp}
-        >
-          <InputRoot
-            prefix={prefix}
-            suffix={suffix}
-            isLoading={isLoading}
-            loaderPosition={loaderPosition}
-            multiline
-          >
-            <TextAreaInput ref={ref} placeholder={placeholder} />
-          </InputRoot>
-        </Field>
-      </TextFieldRoot>
-    );
-  }
-);
-TextArea.displayName = "TextArea";
-
-export type { TextAreaProps };
-export { TextArea };
diff --git a/www/src/registry/ui/default/core/text-field/demos/composition.tsx b/www/src/registry/ui/default/core/text-field/demos/composition.tsx
deleted file mode 100644
index a7a64a41a..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/composition.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { Input, InputRoot } from "@/registry/ui/default/core/input";
-import { TextFieldRoot } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <TextFieldRoot>
-      <Label>Email</Label>
-      <InputRoot>
-        <Input />
-      </InputRoot>
-      <Description>Enter your email.</Description>
-    </TextFieldRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/contextual-help.tsx b/www/src/registry/ui/default/core/text-field/demos/contextual-help.tsx
deleted file mode 100644
index 428a1a226..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <TextField
-      label="Password"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble accessing your account, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/controlled.tsx b/www/src/registry/ui/default/core/text-field/demos/controlled.tsx
deleted file mode 100644
index 889646581..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/controlled.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState("Hello world!");
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <TextField
-        value={inputValue}
-        onChange={(text) => {
-          setInputValue(text);
-        }}
-      />
-      <p className="text-fg-muted text-sm">mirrored text: {inputValue}</p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/default.tsx b/www/src/registry/ui/default/core/text-field/demos/default.tsx
deleted file mode 100644
index 00ff2f783..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/default.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return <TextField label="Email" placeholder="hello@mehdibha.com" />;
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/description.tsx b/www/src/registry/ui/default/core/text-field/demos/description.tsx
deleted file mode 100644
index e5cff443d..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/description.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return <TextField label="Email" description="Enter your email." />;
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/disabled.tsx b/www/src/registry/ui/default/core/text-field/demos/disabled.tsx
deleted file mode 100644
index 05559262a..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return <TextField value="hello@dotui.org" isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/error-message.tsx b/www/src/registry/ui/default/core/text-field/demos/error-message.tsx
deleted file mode 100644
index 084cfa879..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/error-message.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <TextField
-      defaultValue="support@copyui.dev"
-      label="Email"
-      isInvalid
-      errorMessage="This email is already taken."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/label.tsx b/www/src/registry/ui/default/core/text-field/demos/label.tsx
deleted file mode 100644
index 6992342f6..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <TextField label="Email" placeholder="Visible label" />
-      <TextField aria-label="Email" placeholder="Hidden label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/loading.tsx b/www/src/registry/ui/default/core/text-field/demos/loading.tsx
deleted file mode 100644
index c1eb8a834..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-2">
-      <TextField isLoading loaderPosition="prefix" />
-      <TextField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/prefix-and-suffix.tsx b/www/src/registry/ui/default/core/text-field/demos/prefix-and-suffix.tsx
deleted file mode 100644
index eb020b302..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { TextField } from "@/registry/ui/default/core/text-field";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { XCircleIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState("Hello world!");
-  const inputRef = React.useRef<HTMLInputElement>(null);
-  return (
-    <div className="space-y-2">
-      <TextField prefix={<span>https://</span>} />
-      <TextField suffix={<span>@dotui.org</span>} />
-      <TextField
-        ref={inputRef}
-        value={inputValue}
-        onChange={setInputValue}
-        suffix={
-          <Tooltip content="Clear input" placement="bottom" className="text-xs">
-            <Button
-              variant="quiet"
-              shape="square"
-              size="sm"
-              className="size-6"
-              onPress={() => {
-                setInputValue("");
-                inputRef.current?.focus();
-              }}
-            >
-              <XCircleIcon />
-            </Button>
-          </Tooltip>
-        }
-      />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/read-only.tsx b/www/src/registry/ui/default/core/text-field/demos/read-only.tsx
deleted file mode 100644
index a63fcb03e..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/read-only.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return <TextField label="Email" isReadOnly value="hello@copyui.dev" />;
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/required.tsx b/www/src/registry/ui/default/core/text-field/demos/required.tsx
deleted file mode 100644
index d43eccce7..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <TextField label="Email" isRequired />
-      <TextField label="Email" isRequired necessityIndicator="icon" />
-      <TextField label="Email" isRequired necessityIndicator="label" />
-      <TextField label="Email" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/sizes.tsx b/www/src/registry/ui/default/core/text-field/demos/sizes.tsx
deleted file mode 100644
index bc8d8bb5b..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <TextField placeholder="small (sm)" size="sm" />
-      <TextField placeholder="medium (md)" size="md" />
-      <TextField placeholder="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/text-field/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/text-field/demos/uncontrolled.tsx
deleted file mode 100644
index f82e71465..000000000
--- a/www/src/registry/ui/default/core/text-field/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { TextField } from "@/registry/ui/default/core/text-field";
-
-export default function Demo() {
-  return <TextField label="Name" defaultValue="Mehdi" />;
-}
diff --git a/www/src/registry/ui/default/core/text-field/index.ts b/www/src/registry/ui/default/core/text-field/index.ts
deleted file mode 100644
index ef65a68d5..000000000
--- a/www/src/registry/ui/default/core/text-field/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./text-field";
diff --git a/www/src/registry/ui/default/core/text-field/text-field.tsx b/www/src/registry/ui/default/core/text-field/text-field.tsx
deleted file mode 100644
index e1f6961b9..000000000
--- a/www/src/registry/ui/default/core/text-field/text-field.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  TextField as AriaTextField,
-  type TextFieldProps as AriaTextFieldProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import {
-  InputRoot,
-  Input,
-  type inputStyles,
-} from "@/registry/ui/default/core/input";
-
-const textFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
-});
-
-type TextFieldProps = TextFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix,
-      suffix,
-      isLoading,
-      loaderPosition = "suffix",
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <TextFieldRoot className={className} {...props}>
-        {({ isRequired }) => (
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <InputRoot
-              size={size}
-              prefix={prefix}
-              suffix={suffix}
-              isLoading={isLoading}
-              loaderPosition={loaderPosition}
-            >
-              <Input ref={ref} placeholder={placeholder} />
-            </InputRoot>
-          </Field>
-        )}
-      </TextFieldRoot>
-    );
-  }
-);
-TextField.displayName = "TextField";
-
-type TextFieldRootProps = Omit<AriaTextFieldProps, "className"> & {
-  className?: string;
-};
-const TextFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaTextField>,
-  TextFieldRootProps
->(({ className, ...props }, ref) => {
-  return (
-    <AriaTextField
-      ref={ref}
-      className={textFieldStyles({ className })}
-      {...props}
-    />
-  );
-});
-TextFieldRoot.displayName = "TextFieldRoot";
-
-export type { TextFieldProps, TextFieldRootProps };
-export { TextField, TextFieldRoot };
diff --git a/www/src/registry/ui/default/core/text/index.ts b/www/src/registry/ui/default/core/text/index.ts
deleted file mode 100644
index e20cd3f8a..000000000
--- a/www/src/registry/ui/default/core/text/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./text";
diff --git a/www/src/registry/ui/default/core/text/text.tsx b/www/src/registry/ui/default/core/text/text.tsx
deleted file mode 100644
index fb8e75df8..000000000
--- a/www/src/registry/ui/default/core/text/text.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-"use client";
-
-import {
-  Text as AriaText,
-  type TextProps as AriaTextProps,
-} from "react-aria-components";
-import { type VariantProps, tv } from "tailwind-variants";
-
-const textStyles = tv({
-  base: "text-sm",
-  variants: {
-    slot: {
-      label: "font-bold",
-      description: "text-fg-muted",
-      errorMessage: "text-fg-danger",
-    },
-  },
-});
-
-interface TextProps
-  extends Omit<AriaTextProps, "slot">,
-    VariantProps<typeof textStyles> {}
-const Text = ({ slot, className, ...props }: TextProps) => {
-  return (
-    <AriaText
-      slot={slot}
-      className={textStyles({ slot, className })}
-      {...props}
-    />
-  );
-};
-
-export type { textStyles };
-export { Text };
diff --git a/www/src/registry/ui/default/core/time-field/demos/composition.tsx b/www/src/registry/ui/default/core/time-field/demos/composition.tsx
deleted file mode 100644
index d155daca4..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/composition.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Description, Label } from "@/registry/ui/default/core/field";
-import { InputRoot } from "@/registry/ui/default/core/input";
-import { TimeFieldRoot } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeFieldRoot>
-      <Label>Meeting time</Label>
-      <InputRoot>
-        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-      </InputRoot>
-      <Description>Please select a time between 9 AM and 5 PM.</Description>
-    </TimeFieldRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/contextual-help.tsx b/www/src/registry/ui/default/core/time-field/demos/contextual-help.tsx
deleted file mode 100644
index 2db3605e6..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/registry/ui/default/core/contextual-help";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      label="Appointment"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble accessing your account, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/controlled.tsx b/www/src/registry/ui/default/core/time-field/demos/controlled.tsx
deleted file mode 100644
index 7099df68e..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/controlled.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { Time } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  const [time, setTime] = React.useState(new Time(11, 45));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <TimeField value={time} onChange={setTime} />
-      <p className="text-fg-muted text-sm">selected time: {time.toString()}</p>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/default.tsx b/www/src/registry/ui/default/core/time-field/demos/default.tsx
deleted file mode 100644
index 153414aa7..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return <TimeField />;
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/description.tsx b/www/src/registry/ui/default/core/time-field/demos/description.tsx
deleted file mode 100644
index 86c4ab35d..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/description.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      label="Appointment"
-      description="Please select a time between 9 AM and 5 PM."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/disabled.tsx b/www/src/registry/ui/default/core/time-field/demos/disabled.tsx
deleted file mode 100644
index ce66164f3..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return <TimeField label="Event time" isDisabled />;
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/error-message.tsx b/www/src/registry/ui/default/core/time-field/demos/error-message.tsx
deleted file mode 100644
index 4f43bba7f..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      label="Meeting"
-      isInvalid
-      errorMessage="Meetings start every 15 minutes."
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/granularity.tsx b/www/src/registry/ui/default/core/time-field/demos/granularity.tsx
deleted file mode 100644
index e24fba59e..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/granularity.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      granularity="second"
-      defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/hide-time-zone.tsx b/www/src/registry/ui/default/core/time-field/demos/hide-time-zone.tsx
deleted file mode 100644
index c2d67eba1..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/hide-time-zone.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { parseZonedDateTime } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
-      hideTimeZone
-    />
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/hour-cycle.tsx b/www/src/registry/ui/default/core/time-field/demos/hour-cycle.tsx
deleted file mode 100644
index 288e89f33..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/hour-cycle.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return <TimeField aria-label="Appointment time" hourCycle={24} />;
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/label.tsx b/www/src/registry/ui/default/core/time-field/demos/label.tsx
deleted file mode 100644
index 4e59dba99..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <TimeField label="Event time" />
-      <TimeField aria-label="Event time" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/loading.tsx b/www/src/registry/ui/default/core/time-field/demos/loading.tsx
deleted file mode 100644
index 723f80b79..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-2">
-      <TimeField isLoading loaderPosition="prefix" />
-      <TimeField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/placeholder.tsx b/www/src/registry/ui/default/core/time-field/demos/placeholder.tsx
deleted file mode 100644
index e51e5bd77..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/placeholder.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import { Time } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return <TimeField placeholderValue={new Time(9)} />;
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/prefix-and-suffix.tsx b/www/src/registry/ui/default/core/time-field/demos/prefix-and-suffix.tsx
deleted file mode 100644
index 202ba2f1e..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { TimeField } from "@/registry/ui/default/core/time-field";
-import { TimerIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="space-y-2">
-      <TimeField prefix={<TimerIcon />} />
-      <TimeField suffix={<TimerIcon />} />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/read-only.tsx b/www/src/registry/ui/default/core/time-field/demos/read-only.tsx
deleted file mode 100644
index 0642038ad..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/read-only.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-"use client";
-
-import React from "react";
-import { Time } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return <TimeField label="Event time" value={new Time(11)} isReadOnly />;
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/required.tsx b/www/src/registry/ui/default/core/time-field/demos/required.tsx
deleted file mode 100644
index 815f649e4..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <TimeField label="Event time" isRequired />
-      <TimeField label="Event time" isRequired necessityIndicator="icon" />
-      <TimeField label="Event time" isRequired necessityIndicator="label" />
-      <TimeField label="Event time" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/sizes.tsx b/www/src/registry/ui/default/core/time-field/demos/sizes.tsx
deleted file mode 100644
index f83d35823..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <TimeField label="small (sm)" size="sm" />
-      <TimeField label="medium (md)" size="md" />
-      <TimeField label="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/time-zones.tsx b/www/src/registry/ui/default/core/time-field/demos/time-zones.tsx
deleted file mode 100644
index 62a80ef70..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/time-zones.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
-  );
-}
diff --git a/www/src/registry/ui/default/core/time-field/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/time-field/demos/uncontrolled.tsx
deleted file mode 100644
index 758b651c1..000000000
--- a/www/src/registry/ui/default/core/time-field/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import { Time } from "@internationalized/date";
-import { TimeField } from "@/registry/ui/default/core/time-field";
-
-export default function Demo() {
-  return <TimeField defaultValue={new Time(11, 45)} />;
-}
diff --git a/www/src/registry/ui/default/core/time-field/index.ts b/www/src/registry/ui/default/core/time-field/index.ts
deleted file mode 100644
index 0b4c3d157..000000000
--- a/www/src/registry/ui/default/core/time-field/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./time-field";
diff --git a/www/src/registry/ui/default/core/time-field/time-field.tsx b/www/src/registry/ui/default/core/time-field/time-field.tsx
deleted file mode 100644
index de8e417e3..000000000
--- a/www/src/registry/ui/default/core/time-field/time-field.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  TimeField as AriaTimeField,
-  type TimeFieldProps as AriaTimeFieldProps,
-  type TimeValue,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/ui/default/core/date-input";
-import { Field, type FieldProps } from "@/registry/ui/default/core/field";
-import { InputRoot, type inputStyles } from "@/registry/ui/default/core/input";
-
-const timeFieldStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-  },
-});
-
-interface TimeFieldProps<T extends TimeValue>
-  extends TimeFieldRootProps<T>,
-    Omit<FieldProps, "children">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-}
-
-const TimeField = <T extends TimeValue>({
-  className,
-  size,
-  label,
-  description,
-  errorMessage,
-  prefix,
-  suffix,
-  isLoading,
-  loaderPosition = "suffix",
-  isRequired,
-  isDisabled,
-  necessityIndicator,
-  contextualHelp,
-  ...props
-}: TimeFieldProps<T>) => {
-  return (
-    <TimeFieldRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <InputRoot
-          size={size}
-          prefix={prefix}
-          suffix={suffix}
-          isLoading={isLoading}
-          loaderPosition={loaderPosition}
-        >
-          <DateInput>
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-        </InputRoot>
-      </Field>
-    </TimeFieldRoot>
-  );
-};
-
-interface TimeFieldRootProps<T extends TimeValue>
-  extends Omit<AriaTimeFieldProps<T>, "className"> {
-  className?: string;
-}
-const TimeFieldRoot = <T extends TimeValue>({
-  className,
-  ...props
-}: TimeFieldRootProps<T>) => {
-  const { root } = timeFieldStyles();
-  return <AriaTimeField className={root({ className })} {...props} />;
-};
-
-export type { TimeFieldProps, TimeFieldRootProps };
-export { TimeField, TimeFieldRoot };
diff --git a/www/src/registry/ui/default/core/toggle-button/demos/controlled.tsx b/www/src/registry/ui/default/core/toggle-button/demos/controlled.tsx
deleted file mode 100644
index aa9c6802a..000000000
--- a/www/src/registry/ui/default/core/toggle-button/demos/controlled.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [isSelected, setSelected] = React.useState(true);
-  return (
-    <div className="flex flex-col items-center gap-2">
-      <ToggleButton
-        isSelected={isSelected}
-        onChange={setSelected}
-        aria-label="Toggle pin"
-      >
-        <PinIcon className="rotate-45" />
-      </ToggleButton>
-      <span className="text-fg-muted text-sm">
-        state: {isSelected ? "On" : "Off"}
-      </span>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/toggle-button/demos/default.tsx b/www/src/registry/ui/default/core/toggle-button/demos/default.tsx
deleted file mode 100644
index 6c683e61e..000000000
--- a/www/src/registry/ui/default/core/toggle-button/demos/default.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <ToggleButton aria-label="Toggle pin">
-      <PinIcon className="rotate-45" />
-    </ToggleButton>
-  );
-}
diff --git a/www/src/registry/ui/default/core/toggle-button/demos/disabled.tsx b/www/src/registry/ui/default/core/toggle-button/demos/disabled.tsx
deleted file mode 100644
index eb95bd128..000000000
--- a/www/src/registry/ui/default/core/toggle-button/demos/disabled.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <ToggleButton isDisabled aria-label="Toggle pin">
-      <PinIcon className="rotate-45" />
-    </ToggleButton>
-  );
-}
diff --git a/www/src/registry/ui/default/core/toggle-button/demos/shapes.tsx b/www/src/registry/ui/default/core/toggle-button/demos/shapes.tsx
deleted file mode 100644
index 065241f32..000000000
--- a/www/src/registry/ui/default/core/toggle-button/demos/shapes.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <ToggleButton variant="outline" shape="square" aria-label="Toggle pin">
-        <PinIcon className="rotate-45" />
-      </ToggleButton>
-      <ToggleButton variant="outline" shape="circle" aria-label="Toggle pin">
-        <PinIcon className="rotate-45" />
-      </ToggleButton>
-      <ToggleButton
-        variant="accent"
-        shape="rectangle"
-        prefix={<PinIcon className="rotate-45" />}
-        defaultSelected
-        aria-label="Toggle pin"
-      >
-        Pin
-      </ToggleButton>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/toggle-button/demos/sizes.tsx b/www/src/registry/ui/default/core/toggle-button/demos/sizes.tsx
deleted file mode 100644
index eb45f77c9..000000000
--- a/www/src/registry/ui/default/core/toggle-button/demos/sizes.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-const sizes = ["sm", "md", "lg"] as const;
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      {sizes.map((size) => (
-        <ToggleButton
-          key={size}
-          size={size}
-          variant="outline"
-          aria-label="Toggle pin"
-        >
-          <PinIcon className="rotate-45" />
-        </ToggleButton>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/toggle-button/demos/uncontrolled.tsx b/www/src/registry/ui/default/core/toggle-button/demos/uncontrolled.tsx
deleted file mode 100644
index 6b626f99b..000000000
--- a/www/src/registry/ui/default/core/toggle-button/demos/uncontrolled.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <ToggleButton aria-label="Toggle pin" defaultSelected>
-      <PinIcon className="rotate-45" />
-    </ToggleButton>
-  );
-}
diff --git a/www/src/registry/ui/default/core/toggle-button/demos/variants.tsx b/www/src/registry/ui/default/core/toggle-button/demos/variants.tsx
deleted file mode 100644
index 2ef295265..000000000
--- a/www/src/registry/ui/default/core/toggle-button/demos/variants.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ToggleButton } from "@/registry/ui/default/core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-const variants = ["quiet", "outline", "accent"] as const;
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      {variants.map((variant) => (
-        <ToggleButton
-          key={variant}
-          variant={variant}
-          defaultSelected={variant === "accent"}
-          aria-label="Toggle pin"
-        >
-          <PinIcon className="rotate-45" />
-        </ToggleButton>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/toggle-button/index.ts b/www/src/registry/ui/default/core/toggle-button/index.ts
deleted file mode 100644
index 29aafb567..000000000
--- a/www/src/registry/ui/default/core/toggle-button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./toggle-button";
diff --git a/www/src/registry/ui/default/core/toggle-button/toggle-button.tsx b/www/src/registry/ui/default/core/toggle-button/toggle-button.tsx
deleted file mode 100644
index a50b5a34c..000000000
--- a/www/src/registry/ui/default/core/toggle-button/toggle-button.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  ToggleButton as AriaToggleButton,
-  type ToggleButtonProps as AriaToggleButtonProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
-
-const toggleButtonStyles = tv({
-  extend: focusRing,
-  base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
-  variants: {
-    variant: {
-      quiet:
-        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active bg-transparent",
-      outline:
-        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active border bg-transparent",
-      accent:
-        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent",
-    },
-    size: {
-      sm: "size-8 [&_svg]:size-4",
-      md: "size-9 [&_svg]:size-4",
-      lg: "size-10 [&_svg]:size-5",
-    },
-    shape: {
-      rectangle: "",
-      square: "",
-      circle: "rounded-full",
-    },
-  },
-  compoundVariants: [
-    {
-      size: "sm",
-      shape: "rectangle",
-      className: "w-auto px-3",
-    },
-    {
-      size: "md",
-      shape: "rectangle",
-      className: "w-auto px-4",
-    },
-    {
-      size: "lg",
-      shape: "rectangle",
-      className: "w-auto px-5",
-    },
-  ],
-  defaultVariants: {
-    variant: "quiet",
-    size: "md",
-    shape: "square",
-  },
-});
-
-interface ToggleButtonProps
-  extends Omit<AriaToggleButtonProps, "className">,
-    VariantProps<typeof toggleButtonStyles> {
-  className?: string;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-
-const ToggleButton = React.forwardRef(
-  (
-    localProps: ToggleButtonProps,
-    ref: React.ForwardedRef<HTMLButtonElement>
-  ) => {
-    const contextProps = useToggleButtonContext();
-    const props = { ...contextProps, ...localProps };
-    const { className, variant, size, shape, prefix, suffix, ...restProps } =
-      props;
-    return (
-      <AriaToggleButton
-        ref={ref}
-        {...restProps}
-        className={toggleButtonStyles({
-          variant,
-          size,
-          shape,
-          className,
-        })}
-      >
-        {composeRenderProps(props.children, (children) => (
-          <>
-            {prefix}
-            {typeof children === "string" ? (
-              <span className="truncate">{children}</span>
-            ) : (
-              children
-            )}
-            {suffix}
-          </>
-        ))}
-      </AriaToggleButton>
-    );
-  }
-);
-ToggleButton.displayName = "ToggleButton";
-
-type ToggleButtonContextValue = VariantProps<typeof toggleButtonStyles>;
-const ToggleButtonContext = React.createContext<ToggleButtonContextValue>({});
-const useToggleButtonContext = () => {
-  return React.useContext(ToggleButtonContext);
-};
-
-export type { ToggleButtonProps };
-export { ToggleButton, toggleButtonStyles, ToggleButtonContext };
diff --git a/www/src/registry/ui/default/core/toggle-group/index.ts b/www/src/registry/ui/default/core/toggle-group/index.ts
deleted file mode 100644
index 1112dbbee..000000000
--- a/www/src/registry/ui/default/core/toggle-group/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./toggle-group";
diff --git a/www/src/registry/ui/default/core/toggle-group/toggle-group.tsx b/www/src/registry/ui/default/core/toggle-group/toggle-group.tsx
deleted file mode 100644
index 1efd58bcb..000000000
--- a/www/src/registry/ui/default/core/toggle-group/toggle-group.tsx
+++ /dev/null
@@ -1,273 +0,0 @@
-"use client";
-
-// This compnoent is not ready for production use. It is a work in progress.
-import * as React from "react";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { useToolbar, type AriaToolbarProps } from "@react-aria/toolbar";
-import {
-  useToggleButton,
-  type AriaToggleButtonProps,
-  useHover,
-  useFocusRing,
-  mergeProps,
-} from "react-aria";
-import { useToggleState } from "react-stately";
-import { tv, type VariantProps } from "tailwind-variants";
-import { toggleButtonStyles } from "@/registry/ui/default/core/toggle-button";
-
-const toggleGroupVariants = tv({
-  base: "flex items-center gap-1",
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col",
-    },
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-  },
-});
-
-export interface ToggleGroupButtonProps
-  extends Omit<AriaToggleButtonProps, "type">,
-    VariantProps<typeof toggleButtonStyles> {
-  value: string;
-  className?: string;
-}
-
-const ToggleGroupButton = ({
-  variant,
-  size,
-  shape,
-  value,
-  className,
-  ...props
-}: ToggleGroupButtonProps) => {
-  const ref = React.useRef<HTMLButtonElement | null>(null);
-  const context = useToggleGroup();
-  const additionalProps =
-    context && value
-      ? {
-          isSelected: context.value.includes(value),
-          onChange: (isSelected: boolean) => {
-            if (isSelected) {
-              context.onItemActivate(value);
-            } else {
-              context.onItemDeactivate(value);
-            }
-          },
-          isDisabled: context.isDisabled || props.isDisabled || false,
-        }
-      : {};
-  const state = useToggleState({ ...props, ...additionalProps });
-  const { focusProps, isFocused, isFocusVisible } = useFocusRing(props);
-  const { hoverProps, isHovered } = useHover(props);
-  const { buttonProps, isPressed } = useToggleButton(
-    { ...props, ...additionalProps },
-    state,
-    ref
-  );
-
-  const singleProps = {
-    role: "radio",
-    "aria-checked": state.isSelected,
-    "aria-pressed": undefined,
-  };
-  const typeProps = !context.multiple ? singleProps : undefined;
-
-  return (
-    <button
-      ref={ref}
-      {...typeProps}
-      data-focused={isFocused ? "true" : undefined}
-      data-disabled={props.isDisabled ? "true" : undefined}
-      data-pressed={isPressed ? "true" : undefined}
-      data-selected={state.isSelected ? "true" : undefined}
-      data-hovered={isHovered ? "true" : undefined}
-      data-focus-visible={isFocusVisible ? "true" : undefined}
-      className={toggleButtonStyles({
-        variant: variant ?? context?.variant,
-        size: size ?? context?.size,
-        shape: shape ?? context?.shape,
-        className: className,
-      })}
-      {...mergeProps(buttonProps, focusProps, hoverProps)}
-    >
-      {props.children}
-    </button>
-  );
-};
-
-type ToggleGroupProps =
-  | (ToggleGroupSingleProps & { multiple?: false })
-  | (ToggleGroupMultipleProps & { multiple: true });
-
-const ToggleGroup = (props: ToggleGroupProps) => {
-  const {
-    multiple = false,
-    orientation = "horizontal",
-    ...toggleGroupProps
-  } = props;
-
-  if (multiple) {
-    const multipleProps = toggleGroupProps as ToggleGroupMultipleProps;
-    return <ToggleGroupMultiple orientation={orientation} {...multipleProps} />;
-  }
-
-  const singleProps = toggleGroupProps as ToggleGroupSingleProps;
-  return <ToggleGroupSingle orientation={orientation} {...singleProps} />;
-};
-
-interface ToggleGroupSingleProps
-  extends AriaToolbarProps,
-    VariantProps<typeof toggleButtonStyles>,
-    VariantProps<typeof toggleGroupVariants> {
-  value?: string;
-  defaultValue?: string;
-  onValueChange?: (value: string) => void;
-  isDisabled?: boolean;
-  className?: string;
-  children?: React.ReactNode;
-}
-
-const ToggleGroupSingle = (props: ToggleGroupSingleProps) => {
-  const {
-    value: valueProp,
-    defaultValue,
-    onValueChange = () => {
-      // do nothing
-    },
-    isDisabled,
-    orientation = "horizontal",
-    variant,
-    size,
-    shape,
-    className,
-  } = props;
-  const ref = React.useRef(null);
-  const { toolbarProps } = useToolbar(props, ref);
-  const [value, setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange,
-  });
-
-  return (
-    <ToggleGroupContext.Provider
-      value={{
-        multiple: false,
-        value: value ? [value] : [],
-        onItemActivate: setValue,
-        onItemDeactivate: React.useCallback(() => setValue(""), [setValue]),
-        variant,
-        size,
-        shape,
-        isDisabled,
-      }}
-    >
-      <div
-        {...toolbarProps}
-        ref={ref}
-        role="group"
-        className={toggleGroupVariants({
-          orientation,
-          className,
-        })}
-      >
-        {props.children}
-      </div>
-    </ToggleGroupContext.Provider>
-  );
-};
-
-interface ToggleGroupMultipleProps
-  extends AriaToolbarProps,
-    VariantProps<typeof toggleGroupVariants>,
-    VariantProps<typeof toggleButtonStyles> {
-  value?: string[];
-  defaultValue?: string[];
-  onValueChange?: (value: string[]) => void;
-  isDisabled?: boolean;
-  className?: string;
-  children?: React.ReactNode;
-}
-
-const ToggleGroupMultiple = (props: ToggleGroupMultipleProps) => {
-  const {
-    value: valueProp,
-    defaultValue,
-    onValueChange = () => {
-      // do nothing
-    },
-    variant,
-    size,
-    shape,
-    orientation,
-    className,
-  } = props;
-  const ref = React.useRef(null);
-  const { toolbarProps } = useToolbar(props, ref);
-
-  const [value = [], setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange,
-  });
-
-  return (
-    <ToggleGroupContext.Provider
-      value={{
-        multiple: true,
-        value: value,
-        onItemActivate: React.useCallback(
-          (itemValue: string) =>
-            setValue((prevValue = []) => [...prevValue, itemValue]),
-          [setValue]
-        ),
-        onItemDeactivate: React.useCallback(
-          (itemValue: string) =>
-            setValue((prevValue = []) =>
-              prevValue.filter((value) => value !== itemValue)
-            ),
-          [setValue]
-        ),
-        variant,
-        size,
-        shape,
-      }}
-    >
-      <div
-        {...toolbarProps}
-        ref={ref}
-        role="group"
-        className={toggleGroupVariants({
-          orientation,
-          className,
-        })}
-      >
-        {props.children}
-      </div>
-    </ToggleGroupContext.Provider>
-  );
-};
-
-type ToggleGroupValueContextValue = {
-  multiple: boolean;
-  value: string[];
-  onItemActivate(value: string): void;
-  onItemDeactivate(value: string): void;
-  isDisabled?: boolean;
-} & VariantProps<typeof toggleButtonStyles>;
-
-const ToggleGroupContext =
-  React.createContext<ToggleGroupValueContextValue | null>(null);
-
-const useToggleGroup = () => {
-  const context = React.useContext(ToggleGroupContext);
-  if (!context) {
-    throw new Error("ToggleGroupButton should be used within a ToggleGroup");
-  }
-  return context;
-};
-
-export { ToggleGroup, ToggleGroupButton, toggleGroupVariants };
diff --git a/www/src/registry/ui/default/core/tooltip/demos/arrow.tsx b/www/src/registry/ui/default/core/tooltip/demos/arrow.tsx
deleted file mode 100644
index 4e26507cb..000000000
--- a/www/src/registry/ui/default/core/tooltip/demos/arrow.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Tooltip content="Add to library" arrow>
-      <Button shape="square">
-        <PlusIcon />
-      </Button>
-    </Tooltip>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tooltip/demos/composition.tsx b/www/src/registry/ui/default/core/tooltip/demos/composition.tsx
deleted file mode 100644
index dfcd62f5c..000000000
--- a/www/src/registry/ui/default/core/tooltip/demos/composition.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import {
-  TooltipRoot,
-  TooltipContent,
-} from "@/registry/ui/default/core/tooltip";
-
-export default function Demo() {
-  return (
-    <TooltipRoot>
-      <Button>Hover</Button>
-      <TooltipContent>
-        <p>Add to library</p>
-      </TooltipContent>
-    </TooltipRoot>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tooltip/demos/container-padding.tsx b/www/src/registry/ui/default/core/tooltip/demos/container-padding.tsx
deleted file mode 100644
index 2f1ddee60..000000000
--- a/www/src/registry/ui/default/core/tooltip/demos/container-padding.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [containerPadding, setContainerPadding] = React.useState(12);
-  return (
-    <div className="flex flex-col items-center gap-10">
-      <Tooltip containerPadding={containerPadding} content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <NumberField
-        label="Container padding"
-        value={containerPadding}
-        onChange={(value) => setContainerPadding(value)}
-        className="max-w-[150px]"
-      />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tooltip/demos/default.tsx b/www/src/registry/ui/default/core/tooltip/demos/default.tsx
deleted file mode 100644
index 866f1f7e2..000000000
--- a/www/src/registry/ui/default/core/tooltip/demos/default.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Tooltip content="Add to library">
-      <Button shape="square">
-        <PlusIcon />
-      </Button>
-    </Tooltip>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tooltip/demos/delay.tsx b/www/src/registry/ui/default/core/tooltip/demos/delay.tsx
deleted file mode 100644
index a1d16f12f..000000000
--- a/www/src/registry/ui/default/core/tooltip/demos/delay.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [delay, setDelay] = React.useState(700);
-  const [closeDelay, setCloseDelay] = React.useState(0);
-  return (
-    <div className="flex flex-col items-center gap-10">
-      <Tooltip delay={delay} closeDelay={closeDelay} content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <div className="max-w-[150px] space-y-4">
-        <NumberField
-          label="Delay"
-          value={delay}
-          onChange={(value) => setDelay(value)}
-        />
-        <NumberField
-          label="Close Delay"
-          value={closeDelay}
-          onChange={(value) => setCloseDelay(value)}
-        />
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tooltip/demos/flip.tsx b/www/src/registry/ui/default/core/tooltip/demos/flip.tsx
deleted file mode 100644
index 3a7108a18..000000000
--- a/www/src/registry/ui/default/core/tooltip/demos/flip.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Switch } from "@/registry/ui/default/core/switch";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [shouldFlip, setShouldFlip] = React.useState(false);
-  return (
-    <div className="flex flex-col items-center gap-10">
-      <Tooltip shouldFlip={shouldFlip} content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <Switch
-        isSelected={shouldFlip}
-        onChange={(isSelected) => setShouldFlip(isSelected)}
-      >
-        Should flip
-      </Switch>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tooltip/demos/offset.tsx b/www/src/registry/ui/default/core/tooltip/demos/offset.tsx
deleted file mode 100644
index 69908fbda..000000000
--- a/www/src/registry/ui/default/core/tooltip/demos/offset.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { NumberField } from "@/registry/ui/default/core/number-field";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [offset, setOffset] = React.useState(10);
-  return (
-    <div className="flex flex-col items-center gap-10">
-      <Tooltip offset={offset} content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <NumberField
-        label="Offset"
-        value={offset}
-        onChange={(value) => setOffset(value)}
-        className="max-w-[150px]"
-      />
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tooltip/demos/placement.tsx b/www/src/registry/ui/default/core/tooltip/demos/placement.tsx
deleted file mode 100644
index 46c4f6a2c..000000000
--- a/www/src/registry/ui/default/core/tooltip/demos/placement.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from "react";
-import { Button } from "@/registry/ui/default/core/button";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <Tooltip placement="top" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <Tooltip placement="bottom" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <Tooltip placement="left" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <Tooltip placement="right" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-    </div>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tooltip/demos/with-arrow.tsx b/www/src/registry/ui/default/core/tooltip/demos/with-arrow.tsx
deleted file mode 100644
index 671756310..000000000
--- a/www/src/registry/ui/default/core/tooltip/demos/with-arrow.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Button } from "@/registry/ui/default/core/button";
-import { Tooltip } from "@/registry/ui/default/core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function TooltipDemo() {
-  return (
-    <Tooltip content="Add to library" arrow>
-      <Button shape="square">
-        <PlusIcon />
-      </Button>
-    </Tooltip>
-  );
-}
diff --git a/www/src/registry/ui/default/core/tooltip/index.ts b/www/src/registry/ui/default/core/tooltip/index.ts
deleted file mode 100644
index 3c61782ae..000000000
--- a/www/src/registry/ui/default/core/tooltip/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./tooltip";
diff --git a/www/src/registry/ui/default/core/tooltip/tooltip.tsx b/www/src/registry/ui/default/core/tooltip/tooltip.tsx
deleted file mode 100644
index 7c5c00edc..000000000
--- a/www/src/registry/ui/default/core/tooltip/tooltip.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Tooltip as AriaTooltip,
-  TooltipTrigger as AriaTooltipTrigger,
-  OverlayArrow as AriaOverlayArrow,
-  type TooltipProps as AriaTooltipProps,
-  type TooltipTriggerComponentProps as AriaTooltipTriggerProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-
-const tooltipVariants = tv({
-  base: "group/tooltip bg-bg-muted text-fg entering:animate-in entering:fade-in entering:ease-out entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:ease-in exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 z-50 overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md will-change-transform",
-});
-
-interface TooltipProps
-  extends TooltipRootProps,
-    Omit<TooltipContentProps, "children">,
-    VariantProps<typeof tooltipVariants> {
-  content?: React.ReactNode;
-  arrow?: boolean;
-}
-const Tooltip = ({
-  delay,
-  closeDelay,
-  trigger,
-  defaultOpen,
-  isOpen,
-  onOpenChange,
-  isDisabled,
-  content,
-  arrow = true,
-  children,
-  ...props
-}: TooltipProps) => {
-  return (
-    <TooltipRoot
-      delay={delay}
-      closeDelay={closeDelay}
-      trigger={trigger}
-      defaultOpen={defaultOpen}
-      onOpenChange={onOpenChange}
-      isOpen={isOpen}
-      isDisabled={isDisabled}
-    >
-      {children}
-      <TooltipContent {...props}>
-        {arrow && <OverlayArrow />}
-        {content}
-      </TooltipContent>
-    </TooltipRoot>
-  );
-};
-
-type TooltipRootProps = AriaTooltipTriggerProps;
-const TooltipRoot = ({
-  delay = 700,
-  closeDelay = 0,
-  ...props
-}: TooltipRootProps) => (
-  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />
-);
-
-interface TooltipContentProps
-  extends Omit<AriaTooltipProps, "className">,
-    VariantProps<typeof tooltipVariants> {
-  className?: string;
-}
-const TooltipContent = ({
-  className,
-  offset = 10,
-  ...props
-}: TooltipContentProps) => {
-  return (
-    <AriaTooltip
-      offset={offset}
-      className={tooltipVariants({ className })}
-      {...props}
-    />
-  );
-};
-
-type OverlayArrowProps = Partial<React.SVGProps<SVGSVGElement>>;
-const OverlayArrow = (props: OverlayArrowProps) => {
-  return (
-    <AriaOverlayArrow>
-      <svg
-        width={8}
-        height={8}
-        viewBox="0 0 8 8"
-        className="fill-bg-tooltip stroke-border group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180 z-50"
-        {...props}
-      >
-        <path d="M0 0 L6 6 L12 0" />
-      </svg>
-    </AriaOverlayArrow>
-  );
-};
-
-export { Tooltip, TooltipRoot, TooltipContent, OverlayArrow };
-export type { TooltipProps, TooltipRootProps, TooltipContentProps };
diff --git a/www/src/registry/ui/default/lib/cn.ts b/www/src/registry/ui/default/lib/cn.ts
deleted file mode 100644
index 365058ceb..000000000
--- a/www/src/registry/ui/default/lib/cn.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { type ClassValue, clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
diff --git a/www/src/registry/ui/default/lib/focus-styles.ts b/www/src/registry/ui/default/lib/focus-styles.ts
deleted file mode 100644
index 928f5dfcf..000000000
--- a/www/src/registry/ui/default/lib/focus-styles.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { tv } from "tailwind-variants";
-
-export const focusRing = tv({
-  base: "ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 focus-visible:ring-2 focus-visible:ring-offset-2",
-});
-
-export const focusRingGroup = tv({
-  base: "ring-border-focus group-focus-visible:ring-offset-bg outline-hidden ring-0 group-focus-visible:ring-2 group-focus-visible:ring-offset-2",
-});
-
-export const focusInput = tv({
-  base: "focus-within:ring-border-focus ring-0 focus-within:ring-2",
-});

From ccbb99af9de391ab4bdbc483053f73762685cefc Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 18:41:32 +0100
Subject: [PATCH 014/165] chore update demos import

---
 www/scripts/build-demos.ts                    |   37 +-
 www/scripts/build-registry-demos.ts           |   64 -
 www/scripts/build-registry.ts                 |  720 +--
 www/src/__demos__/index.tsx                   | 5610 +++++++----------
 www/src/__demos__/registry.ts                 |   26 +-
 www/src/components/component-preview.tsx      |   60 +-
 www/src/registry-v2/demos/alert/action.tsx    |   16 +
 .../registry-v2/demos/alert/composition.tsx   |   24 +
 www/src/registry-v2/demos/alert/content.tsx   |    9 +
 .../registry-v2/demos/alert/custom-icon.tsx   |    6 +
 www/src/registry-v2/demos/alert/default.tsx   |    5 +
 www/src/registry-v2/demos/alert/title.tsx     |    7 +
 www/src/registry-v2/demos/alert/variants.tsx  |   35 +
 .../registry-v2/demos/avatar/composition.tsx  |   20 +
 www/src/registry-v2/demos/avatar/default.tsx  |   11 +
 www/src/registry-v2/demos/avatar/shape.tsx    |   20 +
 www/src/registry-v2/demos/avatar/sizes.tsx    |   17 +
 .../registry-v2/demos/breadcrumbs/basic.tsx   |   11 +
 .../demos/breadcrumbs/composition.tsx         |   25 +
 .../demos/breadcrumbs/disabled.tsx            |   11 +
 .../registry-v2/demos/breadcrumbs/icon.tsx    |   15 +
 .../demos/breadcrumbs/router-integration.tsx  |   21 +
 www/src/registry-v2/demos/button/default.tsx  |    5 +
 www/src/registry-v2/demos/button/disabled.tsx |    5 +
 .../registry-v2/demos/button/link-button.tsx  |   10 +
 www/src/registry-v2/demos/button/loading.tsx  |   17 +
 .../demos/button/prefix-and-suffix.tsx        |   11 +
 www/src/registry-v2/demos/button/shapes.tsx   |   27 +
 www/src/registry-v2/demos/button/sizes.tsx    |   11 +
 www/src/registry-v2/demos/button/variants.tsx |   24 +
 .../demos/calendar/composition.tsx            |   38 +
 .../registry-v2/demos/calendar/controlled.tsx |   23 +
 .../registry-v2/demos/calendar/default.tsx    |    5 +
 .../registry-v2/demos/calendar/disabled.tsx   |    5 +
 .../demos/calendar/error-message.tsx          |   20 +
 www/src/registry-v2/demos/calendar/label.tsx  |    5 +
 .../demos/calendar/page-behaviour.tsx         |    5 +
 .../registry-v2/demos/calendar/read-only.tsx  |   14 +
 .../demos/calendar/uncontrolled.tsx           |   14 +
 .../demos/calendar/unvailable-dates.tsx       |   35 +
 .../registry-v2/demos/calendar/validation.tsx |   13 +
 .../demos/calendar/visible-months.tsx         |    5 +
 .../demos/checkbox-group/cards.tsx            |   16 +
 .../demos/checkbox-group/composition.tsx      |   22 +
 .../demos/checkbox-group/contextual-help.tsx  |   22 +
 .../demos/checkbox-group/controlled.tsx       |   27 +
 .../demos/checkbox-group/default.tsx          |   12 +
 .../demos/checkbox-group/description.tsx      |   16 +
 .../demos/checkbox-group/disabled.tsx         |   16 +
 .../demos/checkbox-group/error-message.tsx    |   16 +
 .../demos/checkbox-group/label.tsx            |   17 +
 .../demos/checkbox-group/read-only.tsx        |   16 +
 .../demos/checkbox-group/required.tsx         |   34 +
 .../demos/checkbox-group/uncontrolled.tsx     |   12 +
 www/src/registry-v2/demos/checkbox/card.tsx   |    7 +
 .../registry-v2/demos/checkbox/controlled.tsx |   18 +
 .../registry-v2/demos/checkbox/default.tsx    |   15 +
 .../registry-v2/demos/checkbox/disabled.tsx   |    7 +
 .../demos/checkbox/indeterminate.tsx          |    7 +
 .../registry-v2/demos/checkbox/read-only.tsx  |    9 +
 .../demos/checkbox/uncontrolled.tsx           |    5 +
 .../registry-v2/demos/color-area/channels.tsx |    5 +
 .../demos/color-area/composition.tsx          |   10 +
 .../demos/color-area/controlled.tsx           |   22 +
 .../registry-v2/demos/color-area/default.tsx  |    5 +
 .../registry-v2/demos/color-area/disabled.tsx |    5 +
 .../demos/color-area/uncontrolled.tsx         |    5 +
 .../demos/color-field/composition.tsx         |   23 +
 .../demos/color-field/contextual-help.tsx     |   18 +
 .../demos/color-field/controlled.tsx          |   17 +
 .../registry-v2/demos/color-field/default.tsx |    8 +
 .../demos/color-field/description.tsx         |    8 +
 .../demos/color-field/disabled.tsx            |    8 +
 .../demos/color-field/error-message.tsx       |   14 +
 .../registry-v2/demos/color-field/form.tsx    |    8 +
 .../registry-v2/demos/color-field/label.tsx   |   10 +
 .../registry-v2/demos/color-field/loading.tsx |   11 +
 .../demos/color-field/prefix-and-suffix.tsx   |   11 +
 .../demos/color-field/read-only.tsx           |    6 +
 .../demos/color-field/required.tsx            |   15 +
 .../registry-v2/demos/color-field/sizes.tsx   |   11 +
 .../demos/color-field/uncontrolled.tsx        |    6 +
 .../demos/color-picker/composition.tsx        |   22 +
 .../demos/color-picker/controlled.tsx         |   11 +
 .../demos/color-picker/default.tsx            |    5 +
 .../demos/color-picker/options.tsx            |    9 +
 .../demos/color-picker/uncontrolled.tsx       |    5 +
 .../demos/color-slider/channel.tsx            |    5 +
 .../demos/color-slider/composition.tsx        |   21 +
 .../demos/color-slider/controlled.tsx         |   15 +
 .../demos/color-slider/default.tsx            |    5 +
 .../demos/color-slider/disabled.tsx           |   12 +
 .../registry-v2/demos/color-slider/label.tsx  |    7 +
 .../demos/color-slider/uncontrolled.tsx       |    5 +
 .../demos/color-slider/vertical.tsx           |   11 +
 .../demos/color-swatch/default.tsx            |    5 +
 .../demos/combobox/async-loading.tsx          |   27 +
 www/src/registry-v2/demos/combobox/basic.tsx  |   17 +
 .../demos/combobox/composition.tsx            |   31 +
 .../demos/combobox/contextual-help.tsx        |   26 +
 .../registry-v2/demos/combobox/controlled.tsx |   36 +
 .../demos/combobox/custom-value.tsx           |   17 +
 .../demos/combobox/description.tsx            |   17 +
 .../registry-v2/demos/combobox/disabled.tsx   |   16 +
 www/src/registry-v2/demos/combobox/label.tsx  |   17 +
 .../registry-v2/demos/combobox/loading.tsx    |   16 +
 .../registry-v2/demos/combobox/required.tsx   |   17 +
 .../registry-v2/demos/combobox/sections.tsx   |   31 +
 .../demos/combobox/uncontrolled.tsx           |   17 +
 .../registry-v2/demos/combobox/validation.tsx |   21 +
 .../demos/date-field/composition.tsx          |   19 +
 .../demos/date-field/contextual-help.tsx      |   20 +
 .../demos/date-field/controlled.tsx           |   15 +
 .../registry-v2/demos/date-field/default.tsx  |    5 +
 .../demos/date-field/description.tsx          |    8 +
 .../registry-v2/demos/date-field/disabled.tsx |    5 +
 .../demos/date-field/error-message.tsx        |   14 +
 .../demos/date-field/granularity.tsx          |   26 +
 .../demos/date-field/hide-time-zone.tsx       |   15 +
 .../demos/date-field/hour-cycle.tsx           |   13 +
 .../registry-v2/demos/date-field/label.tsx    |   10 +
 .../registry-v2/demos/date-field/loading.tsx  |   13 +
 .../demos/date-field/placeholder.tsx          |   13 +
 .../demos/date-field/prefix-and-suffix.tsx    |   11 +
 .../demos/date-field/read-only.tsx            |   15 +
 .../registry-v2/demos/date-field/required.tsx |   15 +
 .../registry-v2/demos/date-field/sizes.tsx    |   11 +
 .../demos/date-field/time-zones.tsx           |   10 +
 .../demos/date-field/uncontrolled.tsx         |   11 +
 .../demos/date-picker/composition.tsx         |   41 +
 .../demos/date-picker/contextual-help.tsx     |   20 +
 .../demos/date-picker/controlled.tsx          |   15 +
 .../registry-v2/demos/date-picker/default.tsx |    5 +
 .../demos/date-picker/description.tsx         |    8 +
 .../demos/date-picker/disabled.tsx            |    5 +
 .../demos/date-picker/error-message.tsx       |   14 +
 .../demos/date-picker/granularity.tsx         |   26 +
 .../demos/date-picker/hide-time-zone.tsx      |   15 +
 .../demos/date-picker/hour-cycle.tsx          |   13 +
 .../registry-v2/demos/date-picker/label.tsx   |   10 +
 .../registry-v2/demos/date-picker/loading.tsx |    8 +
 .../demos/date-picker/placeholder.tsx         |   13 +
 .../registry-v2/demos/date-picker/prefix.tsx  |    6 +
 .../demos/date-picker/read-only.tsx           |   15 +
 .../demos/date-picker/required.tsx            |   15 +
 .../registry-v2/demos/date-picker/sizes.tsx   |   11 +
 .../demos/date-picker/time-zones.tsx          |   10 +
 .../demos/date-picker/uncontrolled.tsx        |   14 +
 .../demos/date-range-picker/composition.tsx   |   47 +
 .../date-range-picker/contextual-help.tsx     |   20 +
 .../demos/date-range-picker/controlled.tsx    |   29 +
 .../demos/date-range-picker/default.tsx       |    5 +
 .../demos/date-range-picker/description.tsx   |   10 +
 .../demos/date-range-picker/disabled.tsx      |    5 +
 .../demos/date-range-picker/error-message.tsx |   14 +
 .../demos/date-range-picker/granularity.tsx   |   26 +
 .../date-range-picker/hide-time-zone.tsx      |   18 +
 .../demos/date-range-picker/hour-cycle.tsx    |   13 +
 .../demos/date-range-picker/label.tsx         |   10 +
 .../demos/date-range-picker/loading.tsx       |    8 +
 .../demos/date-range-picker/placeholder.tsx   |   13 +
 .../demos/date-range-picker/prefix.tsx        |    6 +
 .../demos/date-range-picker/read-only.tsx     |   18 +
 .../demos/date-range-picker/required.tsx      |   23 +
 .../demos/date-range-picker/sizes.tsx         |   11 +
 .../demos/date-range-picker/time-zones.tsx    |   15 +
 .../demos/date-range-picker/uncontrolled.tsx  |   17 +
 .../registry-v2/demos/dialog/alert-dialog.tsx |   44 +
 .../demos/dialog/async-form-submission.tsx    |   59 +
 www/src/registry-v2/demos/dialog/basic.tsx    |   53 +
 .../registry-v2/demos/dialog/composition.tsx  |   15 +
 .../registry-v2/demos/dialog/controlled.tsx   |   44 +
 .../registry-v2/demos/dialog/description.tsx  |   22 +
 .../demos/dialog/dismiss-button.tsx           |   57 +
 .../registry-v2/demos/dialog/dismissable.tsx  |   57 +
 www/src/registry-v2/demos/dialog/drawer.tsx   |   41 +
 .../demos/dialog/inset-content.tsx            |   57 +
 www/src/registry-v2/demos/dialog/nested.tsx   |   38 +
 www/src/registry-v2/demos/dialog/popover.tsx  |   59 +
 www/src/registry-v2/demos/dialog/title.tsx    |   19 +
 www/src/registry-v2/demos/dialog/types.tsx    |   82 +
 .../registry-v2/demos/drop-zone/default.tsx   |   11 +
 .../registry-v2/demos/drop-zone/disabled.tsx  |   13 +
 .../demos/drop-zone/file-trigger.tsx          |   18 +
 www/src/registry-v2/demos/drop-zone/label.tsx |   20 +
 .../demos/file-trigger/default.tsx            |   30 +
 .../file-trigger/directory-selection.tsx      |   33 +
 .../demos/file-trigger/file-types.tsx         |   12 +
 .../demos/file-trigger/media-capture.tsx      |   12 +
 .../demos/file-trigger/multiple-files.tsx     |   31 +
 www/src/registry-v2/demos/link/default.tsx    |    9 +
 www/src/registry-v2/demos/link/disabled.tsx   |    9 +
 www/src/registry-v2/demos/link/icon.tsx       |   13 +
 www/src/registry-v2/demos/link/variants.tsx   |   21 +
 .../demos/list-box/async-loading.tsx          |   31 +
 www/src/registry-v2/demos/list-box/basic.tsx  |   12 +
 .../demos/list-box/composition.tsx            |   27 +
 .../demos/list-box/contact-list.tsx           |    3 +
 .../registry-v2/demos/list-box/controlled.tsx |   32 +
 .../demos/list-box/disabled-items.tsx         |   12 +
 .../demos/list-box/empty-state.tsx            |   12 +
 www/src/registry-v2/demos/list-box/grid.tsx   |   12 +
 .../registry-v2/demos/list-box/horizontal.tsx |   15 +
 .../registry-v2/demos/list-box/image-grid.tsx |    3 +
 .../demos/list-box/item-variant.tsx           |   12 +
 .../demos/list-box/label-and-description.tsx  |   18 +
 www/src/registry-v2/demos/list-box/links.tsx  |   30 +
 .../registry-v2/demos/list-box/loading.tsx    |   11 +
 .../demos/list-box/prefix-and-suffix.tsx      |   24 +
 .../registry-v2/demos/list-box/sections.tsx   |   25 +
 .../demos/list-box/selection-behavior.tsx     |   16 +
 .../demos/list-box/selection-mode.tsx         |   20 +
 .../registry-v2/demos/list-box/separator.tsx  |   18 +
 .../demos/list-box/uncontrolled.tsx           |   16 +
 www/src/registry-v2/demos/menu/basic.tsx      |   19 +
 .../registry-v2/demos/menu/composition.tsx    |   26 +
 www/src/registry-v2/demos/menu/controlled.tsx |   27 +
 .../registry-v2/demos/menu/disabled-items.tsx |   20 +
 .../registry-v2/demos/menu/item-variant.tsx   |   19 +
 .../demos/menu/label-and-description.tsx      |   18 +
 www/src/registry-v2/demos/menu/link-items.tsx |   36 +
 www/src/registry-v2/demos/menu/long-press.tsx |   18 +
 .../demos/menu/multiple-selection.tsx         |   22 +
 .../registry-v2/demos/menu/overlay-type.tsx   |   47 +
 www/src/registry-v2/demos/menu/placement.tsx  |   69 +
 .../demos/menu/prefix-and-suffix.tsx          |   30 +
 www/src/registry-v2/demos/menu/section.tsx    |   24 +
 www/src/registry-v2/demos/menu/separator.tsx  |   22 +
 www/src/registry-v2/demos/menu/shortcut.tsx   |   18 +
 .../demos/menu/single-selection.tsx           |   28 +
 www/src/registry-v2/demos/menu/submenus.tsx   |   35 +
 .../demos/number-field/composition.tsx        |   27 +
 .../demos/number-field/contextual-help.tsx    |   18 +
 .../demos/number-field/controlled.tsx         |   20 +
 .../demos/number-field/default.tsx            |    6 +
 .../demos/number-field/description.tsx        |    6 +
 .../demos/number-field/disabled.tsx           |    5 +
 .../demos/number-field/error-message.tsx      |   12 +
 .../demos/number-field/format-options.tsx     |   44 +
 .../registry-v2/demos/number-field/label.tsx  |   10 +
 .../demos/number-field/read-only.tsx          |    6 +
 .../demos/number-field/required.tsx           |   13 +
 .../registry-v2/demos/number-field/sizes.tsx  |   11 +
 .../demos/number-field/uncontrolled.tsx       |    6 +
 .../demos/progress/composition.tsx            |   19 +
 .../demos/progress/custom-color.tsx           |   17 +
 .../demos/progress/custom-value-label.tsx     |   15 +
 .../registry-v2/demos/progress/default.tsx    |    8 +
 .../registry-v2/demos/progress/duration.tsx   |   19 +
 .../demos/progress/format-options.tsx         |   15 +
 .../demos/progress/indeterminate.tsx          |    8 +
 www/src/registry-v2/demos/progress/label.tsx  |   13 +
 .../demos/progress/min-max-values.tsx         |   15 +
 www/src/registry-v2/demos/progress/shape.tsx  |    8 +
 www/src/registry-v2/demos/progress/sizes.tsx  |   22 +
 .../registry-v2/demos/progress/toolbar.tsx    |   47 +
 .../demos/progress/value-label.tsx            |    8 +
 .../registry-v2/demos/progress/variants.tsx   |   14 +
 .../registry-v2/demos/radio-group/cards.tsx   |   31 +
 .../demos/radio-group/composition.tsx         |   21 +
 .../demos/radio-group/contextual-help.tsx     |   21 +
 .../demos/radio-group/controlled.tsx          |   22 +
 .../registry-v2/demos/radio-group/default.tsx |   11 +
 .../demos/radio-group/description.tsx         |   15 +
 .../demos/radio-group/disabled.tsx            |   20 +
 .../demos/radio-group/error-message.tsx       |   16 +
 .../registry-v2/demos/radio-group/label.tsx   |   18 +
 .../demos/radio-group/orientation.tsx         |   11 +
 .../demos/radio-group/read-only.tsx           |   11 +
 .../demos/radio-group/required.tsx            |   35 +
 .../demos/radio-group/uncontrolled.tsx        |   12 +
 .../demos/range-calendar/composition.tsx      |   44 +
 .../demos/range-calendar/controlled.tsx       |   27 +
 .../demos/range-calendar/default.tsx          |    5 +
 .../demos/range-calendar/disabled.tsx         |    5 +
 .../demos/range-calendar/error-message.tsx    |   23 +
 .../demos/range-calendar/label.tsx            |    5 +
 .../range-calendar/non-contiguous-ranges.tsx  |   32 +
 .../demos/range-calendar/page-behaviour.tsx   |    5 +
 .../demos/range-calendar/read-only.tsx        |   17 +
 .../demos/range-calendar/uncontrolled.tsx     |   17 +
 .../demos/range-calendar/unvailable-dates.tsx |   31 +
 .../demos/range-calendar/validation.tsx       |   13 +
 .../demos/range-calendar/visible-months.tsx   |    5 +
 .../registry-v2/demos/scroll-area/default.tsx |   37 +
 .../demos/scroll-area/scrollbars.tsx          |   89 +
 .../registry-v2/demos/scroll-area/sizes.tsx   |   44 +
 .../demos/search-field/composition.tsx        |   17 +
 .../demos/search-field/contextual-help.tsx    |   17 +
 .../demos/search-field/controlled.tsx         |   18 +
 .../demos/search-field/default.tsx            |    6 +
 .../demos/search-field/description.tsx        |    6 +
 .../demos/search-field/disabled.tsx           |    7 +
 .../demos/search-field/error-message.tsx      |   12 +
 .../registry-v2/demos/search-field/form.tsx   |    6 +
 .../registry-v2/demos/search-field/label.tsx  |   10 +
 .../demos/search-field/loading.tsx            |   11 +
 .../demos/search-field/prefix-and-suffix.tsx  |   25 +
 .../demos/search-field/read-only.tsx          |    6 +
 .../demos/search-field/required.tsx           |   13 +
 .../registry-v2/demos/search-field/sizes.tsx  |   11 +
 .../demos/search-field/uncontrolled.tsx       |    6 +
 .../demos/select/async-loading.tsx            |   28 +
 www/src/registry-v2/demos/select/basic.tsx    |   14 +
 .../registry-v2/demos/select/composition.tsx  |   27 +
 .../demos/select/contextual-help.tsx          |   23 +
 .../registry-v2/demos/select/controlled.tsx   |   23 +
 .../registry-v2/demos/select/description.tsx  |   14 +
 www/src/registry-v2/demos/select/disabled.tsx |   14 +
 www/src/registry-v2/demos/select/label.tsx    |   14 +
 www/src/registry-v2/demos/select/links.tsx    |   16 +
 www/src/registry-v2/demos/select/loading.tsx  |   14 +
 .../registry-v2/demos/select/placeholder.tsx  |   14 +
 www/src/registry-v2/demos/select/required.tsx |   14 +
 www/src/registry-v2/demos/select/sections.tsx |   32 +
 .../registry-v2/demos/select/uncontrolled.tsx |   14 +
 .../registry-v2/demos/select/validation.tsx   |   18 +
 www/src/registry-v2/demos/separator/card.tsx  |   24 +
 .../demos/separator/orientation.tsx           |   18 +
 .../demos/skeleton/api-simulation.tsx         |   27 +
 www/src/registry-v2/demos/skeleton/card.tsx   |   16 +
 .../registry-v2/demos/skeleton/children.tsx   |   10 +
 .../demos/skeleton/fixed-size-children.tsx    |   10 +
 www/src/registry-v2/demos/skeleton/show.tsx   |   15 +
 .../demos/slider/advanced-composition.tsx     |   29 +
 .../registry-v2/demos/slider/composition.tsx  |   19 +
 .../registry-v2/demos/slider/controlled.tsx   |   20 +
 www/src/registry-v2/demos/slider/default.tsx  |    5 +
 .../registry-v2/demos/slider/description.tsx  |   11 +
 www/src/registry-v2/demos/slider/disabled.tsx |    5 +
 .../demos/slider/format-options.tsx           |   12 +
 www/src/registry-v2/demos/slider/label.tsx    |   10 +
 www/src/registry-v2/demos/slider/range.tsx    |   13 +
 www/src/registry-v2/demos/slider/sizes.tsx    |   11 +
 www/src/registry-v2/demos/slider/step.tsx     |    7 +
 .../registry-v2/demos/slider/uncontrolled.tsx |    5 +
 .../registry-v2/demos/slider/value-label.tsx  |   22 +
 .../registry-v2/demos/slider/value-scale.tsx  |   13 +
 www/src/registry-v2/demos/slider/vertical.tsx |    7 +
 .../registry-v2/demos/switch/controlled.tsx   |   19 +
 www/src/registry-v2/demos/switch/default.tsx  |    6 +
 www/src/registry-v2/demos/switch/disabled.tsx |   12 +
 www/src/registry-v2/demos/switch/label.tsx    |   11 +
 www/src/registry-v2/demos/switch/sizes.tsx    |   11 +
 .../registry-v2/demos/switch/uncontrolled.tsx |    6 +
 www/src/registry-v2/demos/tabs/basic.tsx      |   16 +
 www/src/registry-v2/demos/tabs/controlled.tsx |   29 +
 .../registry-v2/demos/tabs/disabled-item.tsx  |   18 +
 www/src/registry-v2/demos/tabs/disabled.tsx   |   16 +
 .../demos/tabs/keyboard-activation.tsx        |   16 +
 www/src/registry-v2/demos/tabs/vertical.tsx   |   16 +
 .../demos/text-area/composition.tsx           |   16 +
 .../demos/text-area/contextual-help.tsx       |   17 +
 .../demos/text-area/controlled.tsx            |   22 +
 .../registry-v2/demos/text-area/default.tsx   |    8 +
 .../demos/text-area/description.tsx           |    8 +
 .../registry-v2/demos/text-area/disabled.tsx  |    5 +
 .../demos/text-area/error-message.tsx         |   14 +
 www/src/registry-v2/demos/text-area/form.tsx  |    6 +
 www/src/registry-v2/demos/text-area/label.tsx |   10 +
 .../registry-v2/demos/text-area/loading.tsx   |   11 +
 .../demos/text-area/prefix-and-suffix.tsx     |   60 +
 .../registry-v2/demos/text-area/read-only.tsx |   10 +
 .../registry-v2/demos/text-area/required.tsx  |   15 +
 .../demos/text-area/uncontrolled.tsx          |    8 +
 .../demos/text-field/composition.tsx          |   16 +
 .../demos/text-field/contextual-help.tsx      |   20 +
 .../demos/text-field/controlled.tsx           |   19 +
 .../registry-v2/demos/text-field/default.tsx  |    6 +
 .../demos/text-field/description.tsx          |    8 +
 .../registry-v2/demos/text-field/disabled.tsx |    5 +
 .../demos/text-field/error-message.tsx        |   15 +
 .../registry-v2/demos/text-field/label.tsx    |   10 +
 .../registry-v2/demos/text-field/loading.tsx  |   13 +
 .../demos/text-field/prefix-and-suffix.tsx    |   39 +
 .../demos/text-field/read-only.tsx            |    8 +
 .../registry-v2/demos/text-field/required.tsx |   15 +
 .../registry-v2/demos/text-field/sizes.tsx    |   11 +
 .../demos/text-field/uncontrolled.tsx         |    6 +
 .../demos/time-field/composition.tsx          |   19 +
 .../demos/time-field/contextual-help.tsx      |   20 +
 .../demos/time-field/controlled.tsx           |   15 +
 .../registry-v2/demos/time-field/default.tsx  |    5 +
 .../demos/time-field/description.tsx          |   13 +
 .../registry-v2/demos/time-field/disabled.tsx |    5 +
 .../demos/time-field/error-message.tsx        |   14 +
 .../demos/time-field/granularity.tsx          |   13 +
 .../demos/time-field/hide-time-zone.tsx       |   13 +
 .../demos/time-field/hour-cycle.tsx           |    7 +
 .../registry-v2/demos/time-field/label.tsx    |   10 +
 .../registry-v2/demos/time-field/loading.tsx  |   13 +
 .../demos/time-field/placeholder.tsx          |    8 +
 .../demos/time-field/prefix-and-suffix.tsx    |   11 +
 .../demos/time-field/read-only.tsx            |    9 +
 .../registry-v2/demos/time-field/required.tsx |   15 +
 .../registry-v2/demos/time-field/sizes.tsx    |   11 +
 .../demos/time-field/time-zones.tsx           |   10 +
 .../demos/time-field/uncontrolled.tsx         |    8 +
 .../demos/toggle-button/controlled.tsx        |   23 +
 .../demos/toggle-button/default.tsx           |   10 +
 .../demos/toggle-button/disabled.tsx          |   10 +
 .../demos/toggle-button/shapes.tsx            |   24 +
 .../registry-v2/demos/toggle-button/sizes.tsx |   21 +
 .../demos/toggle-button/uncontrolled.tsx      |   10 +
 .../demos/toggle-button/variants.tsx          |   21 +
 www/src/registry-v2/demos/tooltip/arrow.tsx   |   13 +
 .../registry-v2/demos/tooltip/composition.tsx |   13 +
 .../demos/tooltip/container-padding.tsx       |   26 +
 www/src/registry-v2/demos/tooltip/default.tsx |   13 +
 www/src/registry-v2/demos/tooltip/delay.tsx   |   33 +
 www/src/registry-v2/demos/tooltip/flip.tsx    |   26 +
 www/src/registry-v2/demos/tooltip/offset.tsx  |   26 +
 .../registry-v2/demos/tooltip/placement.tsx   |   31 +
 .../registry-v2/demos/tooltip/with-arrow.tsx  |   13 +
 www/src/registry-v2/index/demos.ts            |  483 ++
 www/src/registry-v2/index/styles.ts           |   20 -
 416 files changed, 10177 insertions(+), 3802 deletions(-)
 delete mode 100644 www/scripts/build-registry-demos.ts
 create mode 100644 www/src/registry-v2/demos/alert/action.tsx
 create mode 100644 www/src/registry-v2/demos/alert/composition.tsx
 create mode 100644 www/src/registry-v2/demos/alert/content.tsx
 create mode 100644 www/src/registry-v2/demos/alert/custom-icon.tsx
 create mode 100644 www/src/registry-v2/demos/alert/default.tsx
 create mode 100644 www/src/registry-v2/demos/alert/title.tsx
 create mode 100644 www/src/registry-v2/demos/alert/variants.tsx
 create mode 100644 www/src/registry-v2/demos/avatar/composition.tsx
 create mode 100644 www/src/registry-v2/demos/avatar/default.tsx
 create mode 100644 www/src/registry-v2/demos/avatar/shape.tsx
 create mode 100644 www/src/registry-v2/demos/avatar/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/breadcrumbs/basic.tsx
 create mode 100644 www/src/registry-v2/demos/breadcrumbs/composition.tsx
 create mode 100644 www/src/registry-v2/demos/breadcrumbs/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/breadcrumbs/icon.tsx
 create mode 100644 www/src/registry-v2/demos/breadcrumbs/router-integration.tsx
 create mode 100644 www/src/registry-v2/demos/button/default.tsx
 create mode 100644 www/src/registry-v2/demos/button/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/button/link-button.tsx
 create mode 100644 www/src/registry-v2/demos/button/loading.tsx
 create mode 100644 www/src/registry-v2/demos/button/prefix-and-suffix.tsx
 create mode 100644 www/src/registry-v2/demos/button/shapes.tsx
 create mode 100644 www/src/registry-v2/demos/button/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/button/variants.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/composition.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/default.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/label.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/page-behaviour.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/unvailable-dates.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/validation.tsx
 create mode 100644 www/src/registry-v2/demos/calendar/visible-months.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/cards.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/composition.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/default.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/description.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/label.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/required.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox-group/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox/card.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox/default.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox/indeterminate.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/checkbox/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/color-area/channels.tsx
 create mode 100644 www/src/registry-v2/demos/color-area/composition.tsx
 create mode 100644 www/src/registry-v2/demos/color-area/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/color-area/default.tsx
 create mode 100644 www/src/registry-v2/demos/color-area/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/color-area/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/composition.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/default.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/description.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/form.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/label.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/loading.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/prefix-and-suffix.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/required.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/color-field/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/color-picker/composition.tsx
 create mode 100644 www/src/registry-v2/demos/color-picker/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/color-picker/default.tsx
 create mode 100644 www/src/registry-v2/demos/color-picker/options.tsx
 create mode 100644 www/src/registry-v2/demos/color-picker/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/color-slider/channel.tsx
 create mode 100644 www/src/registry-v2/demos/color-slider/composition.tsx
 create mode 100644 www/src/registry-v2/demos/color-slider/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/color-slider/default.tsx
 create mode 100644 www/src/registry-v2/demos/color-slider/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/color-slider/label.tsx
 create mode 100644 www/src/registry-v2/demos/color-slider/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/color-slider/vertical.tsx
 create mode 100644 www/src/registry-v2/demos/color-swatch/default.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/async-loading.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/basic.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/composition.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/custom-value.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/description.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/label.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/loading.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/required.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/sections.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/combobox/validation.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/composition.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/default.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/description.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/granularity.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/hide-time-zone.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/hour-cycle.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/label.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/loading.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/placeholder.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/prefix-and-suffix.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/required.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/time-zones.tsx
 create mode 100644 www/src/registry-v2/demos/date-field/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/composition.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/default.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/description.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/granularity.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/hide-time-zone.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/hour-cycle.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/label.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/loading.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/placeholder.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/prefix.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/required.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/time-zones.tsx
 create mode 100644 www/src/registry-v2/demos/date-picker/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/composition.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/default.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/description.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/granularity.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/hide-time-zone.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/hour-cycle.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/label.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/loading.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/placeholder.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/prefix.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/required.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/time-zones.tsx
 create mode 100644 www/src/registry-v2/demos/date-range-picker/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/alert-dialog.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/async-form-submission.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/basic.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/composition.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/description.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/dismiss-button.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/dismissable.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/drawer.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/inset-content.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/nested.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/popover.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/title.tsx
 create mode 100644 www/src/registry-v2/demos/dialog/types.tsx
 create mode 100644 www/src/registry-v2/demos/drop-zone/default.tsx
 create mode 100644 www/src/registry-v2/demos/drop-zone/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/drop-zone/file-trigger.tsx
 create mode 100644 www/src/registry-v2/demos/drop-zone/label.tsx
 create mode 100644 www/src/registry-v2/demos/file-trigger/default.tsx
 create mode 100644 www/src/registry-v2/demos/file-trigger/directory-selection.tsx
 create mode 100644 www/src/registry-v2/demos/file-trigger/file-types.tsx
 create mode 100644 www/src/registry-v2/demos/file-trigger/media-capture.tsx
 create mode 100644 www/src/registry-v2/demos/file-trigger/multiple-files.tsx
 create mode 100644 www/src/registry-v2/demos/link/default.tsx
 create mode 100644 www/src/registry-v2/demos/link/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/link/icon.tsx
 create mode 100644 www/src/registry-v2/demos/link/variants.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/async-loading.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/basic.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/composition.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/contact-list.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/disabled-items.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/empty-state.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/grid.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/horizontal.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/image-grid.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/item-variant.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/label-and-description.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/links.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/loading.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/prefix-and-suffix.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/sections.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/selection-behavior.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/selection-mode.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/separator.tsx
 create mode 100644 www/src/registry-v2/demos/list-box/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/menu/basic.tsx
 create mode 100644 www/src/registry-v2/demos/menu/composition.tsx
 create mode 100644 www/src/registry-v2/demos/menu/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/menu/disabled-items.tsx
 create mode 100644 www/src/registry-v2/demos/menu/item-variant.tsx
 create mode 100644 www/src/registry-v2/demos/menu/label-and-description.tsx
 create mode 100644 www/src/registry-v2/demos/menu/link-items.tsx
 create mode 100644 www/src/registry-v2/demos/menu/long-press.tsx
 create mode 100644 www/src/registry-v2/demos/menu/multiple-selection.tsx
 create mode 100644 www/src/registry-v2/demos/menu/overlay-type.tsx
 create mode 100644 www/src/registry-v2/demos/menu/placement.tsx
 create mode 100644 www/src/registry-v2/demos/menu/prefix-and-suffix.tsx
 create mode 100644 www/src/registry-v2/demos/menu/section.tsx
 create mode 100644 www/src/registry-v2/demos/menu/separator.tsx
 create mode 100644 www/src/registry-v2/demos/menu/shortcut.tsx
 create mode 100644 www/src/registry-v2/demos/menu/single-selection.tsx
 create mode 100644 www/src/registry-v2/demos/menu/submenus.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/composition.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/default.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/description.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/format-options.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/label.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/required.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/number-field/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/progress/composition.tsx
 create mode 100644 www/src/registry-v2/demos/progress/custom-color.tsx
 create mode 100644 www/src/registry-v2/demos/progress/custom-value-label.tsx
 create mode 100644 www/src/registry-v2/demos/progress/default.tsx
 create mode 100644 www/src/registry-v2/demos/progress/duration.tsx
 create mode 100644 www/src/registry-v2/demos/progress/format-options.tsx
 create mode 100644 www/src/registry-v2/demos/progress/indeterminate.tsx
 create mode 100644 www/src/registry-v2/demos/progress/label.tsx
 create mode 100644 www/src/registry-v2/demos/progress/min-max-values.tsx
 create mode 100644 www/src/registry-v2/demos/progress/shape.tsx
 create mode 100644 www/src/registry-v2/demos/progress/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/progress/toolbar.tsx
 create mode 100644 www/src/registry-v2/demos/progress/value-label.tsx
 create mode 100644 www/src/registry-v2/demos/progress/variants.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/cards.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/composition.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/default.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/description.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/label.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/orientation.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/required.tsx
 create mode 100644 www/src/registry-v2/demos/radio-group/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/composition.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/default.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/label.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/non-contiguous-ranges.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/page-behaviour.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/unvailable-dates.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/validation.tsx
 create mode 100644 www/src/registry-v2/demos/range-calendar/visible-months.tsx
 create mode 100644 www/src/registry-v2/demos/scroll-area/default.tsx
 create mode 100644 www/src/registry-v2/demos/scroll-area/scrollbars.tsx
 create mode 100644 www/src/registry-v2/demos/scroll-area/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/composition.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/default.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/description.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/form.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/label.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/loading.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/prefix-and-suffix.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/required.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/search-field/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/select/async-loading.tsx
 create mode 100644 www/src/registry-v2/demos/select/basic.tsx
 create mode 100644 www/src/registry-v2/demos/select/composition.tsx
 create mode 100644 www/src/registry-v2/demos/select/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/select/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/select/description.tsx
 create mode 100644 www/src/registry-v2/demos/select/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/select/label.tsx
 create mode 100644 www/src/registry-v2/demos/select/links.tsx
 create mode 100644 www/src/registry-v2/demos/select/loading.tsx
 create mode 100644 www/src/registry-v2/demos/select/placeholder.tsx
 create mode 100644 www/src/registry-v2/demos/select/required.tsx
 create mode 100644 www/src/registry-v2/demos/select/sections.tsx
 create mode 100644 www/src/registry-v2/demos/select/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/select/validation.tsx
 create mode 100644 www/src/registry-v2/demos/separator/card.tsx
 create mode 100644 www/src/registry-v2/demos/separator/orientation.tsx
 create mode 100644 www/src/registry-v2/demos/skeleton/api-simulation.tsx
 create mode 100644 www/src/registry-v2/demos/skeleton/card.tsx
 create mode 100644 www/src/registry-v2/demos/skeleton/children.tsx
 create mode 100644 www/src/registry-v2/demos/skeleton/fixed-size-children.tsx
 create mode 100644 www/src/registry-v2/demos/skeleton/show.tsx
 create mode 100644 www/src/registry-v2/demos/slider/advanced-composition.tsx
 create mode 100644 www/src/registry-v2/demos/slider/composition.tsx
 create mode 100644 www/src/registry-v2/demos/slider/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/slider/default.tsx
 create mode 100644 www/src/registry-v2/demos/slider/description.tsx
 create mode 100644 www/src/registry-v2/demos/slider/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/slider/format-options.tsx
 create mode 100644 www/src/registry-v2/demos/slider/label.tsx
 create mode 100644 www/src/registry-v2/demos/slider/range.tsx
 create mode 100644 www/src/registry-v2/demos/slider/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/slider/step.tsx
 create mode 100644 www/src/registry-v2/demos/slider/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/slider/value-label.tsx
 create mode 100644 www/src/registry-v2/demos/slider/value-scale.tsx
 create mode 100644 www/src/registry-v2/demos/slider/vertical.tsx
 create mode 100644 www/src/registry-v2/demos/switch/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/switch/default.tsx
 create mode 100644 www/src/registry-v2/demos/switch/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/switch/label.tsx
 create mode 100644 www/src/registry-v2/demos/switch/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/switch/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/tabs/basic.tsx
 create mode 100644 www/src/registry-v2/demos/tabs/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/tabs/disabled-item.tsx
 create mode 100644 www/src/registry-v2/demos/tabs/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/tabs/keyboard-activation.tsx
 create mode 100644 www/src/registry-v2/demos/tabs/vertical.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/composition.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/default.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/description.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/form.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/label.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/loading.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/prefix-and-suffix.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/required.tsx
 create mode 100644 www/src/registry-v2/demos/text-area/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/composition.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/default.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/description.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/label.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/loading.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/prefix-and-suffix.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/required.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/text-field/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/composition.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/contextual-help.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/default.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/description.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/error-message.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/granularity.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/hide-time-zone.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/hour-cycle.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/label.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/loading.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/placeholder.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/prefix-and-suffix.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/read-only.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/required.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/time-zones.tsx
 create mode 100644 www/src/registry-v2/demos/time-field/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/toggle-button/controlled.tsx
 create mode 100644 www/src/registry-v2/demos/toggle-button/default.tsx
 create mode 100644 www/src/registry-v2/demos/toggle-button/disabled.tsx
 create mode 100644 www/src/registry-v2/demos/toggle-button/shapes.tsx
 create mode 100644 www/src/registry-v2/demos/toggle-button/sizes.tsx
 create mode 100644 www/src/registry-v2/demos/toggle-button/uncontrolled.tsx
 create mode 100644 www/src/registry-v2/demos/toggle-button/variants.tsx
 create mode 100644 www/src/registry-v2/demos/tooltip/arrow.tsx
 create mode 100644 www/src/registry-v2/demos/tooltip/composition.tsx
 create mode 100644 www/src/registry-v2/demos/tooltip/container-padding.tsx
 create mode 100644 www/src/registry-v2/demos/tooltip/default.tsx
 create mode 100644 www/src/registry-v2/demos/tooltip/delay.tsx
 create mode 100644 www/src/registry-v2/demos/tooltip/flip.tsx
 create mode 100644 www/src/registry-v2/demos/tooltip/offset.tsx
 create mode 100644 www/src/registry-v2/demos/tooltip/placement.tsx
 create mode 100644 www/src/registry-v2/demos/tooltip/with-arrow.tsx
 create mode 100644 www/src/registry-v2/index/demos.ts
 delete mode 100644 www/src/registry-v2/index/styles.ts

diff --git a/www/scripts/build-demos.ts b/www/scripts/build-demos.ts
index 562daaa25..fb48dc851 100644
--- a/www/scripts/build-demos.ts
+++ b/www/scripts/build-demos.ts
@@ -1,8 +1,7 @@
 import { existsSync, promises as fs } from "node:fs";
 import path from "path";
 import { rimraf } from "rimraf";
-import { styles } from "@/registry/styles";
-import { demos } from "@/__demos__/registry";
+import { demos } from "@/registry-v2/index/demos";
 
 async function buildDemos() {
   let index = `// This file is autogenerated by scripts/build-registry.ts
@@ -14,42 +13,20 @@ async function buildDemos() {
 
   // core demos
   index += `  core: {`;
-  for (const style of styles) {
-    index += `  "${style.name}": {`;
 
-    for (const item of demos) {
-      const resolveFiles = item.files?.map(
-        (file) => `registry/ui/${style.name}/${file}`
-      );
-      if (!resolveFiles) {
-        continue;
-      }
-      const type = "core";
-      let componentPath = `@/registry/ui/${style.name}/${type}/${item.name}`;
-      if (item.files) {
-        const files = item.files.map((file) =>
-          typeof file === "string"
-            ? { type: "registry:page", path: file }
-            : file
-        );
-        if (files?.length) {
-          componentPath = `@/registry/ui/${style.name}/${files[0].path}`;
-        }
-      }
-      index += `
+  for (const item of demos) {
+    const demoPath = item.files[0];
+
+    index += `
     "${item.name}": {
       name: "${item.name}",
-      files: [${resolveFiles.map((file) => `"${file}"`)}],
-      component: React.lazy(() => import("${componentPath.replace(
+      component: React.lazy(() => import("${demoPath.replace(
         ".tsx",
         ""
       )}")),
     },`;
-    }
-
-    index += `
-  },`;
   }
+
   index += `
   },`;
 
diff --git a/www/scripts/build-registry-demos.ts b/www/scripts/build-registry-demos.ts
deleted file mode 100644
index 07ed01083..000000000
--- a/www/scripts/build-registry-demos.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { existsSync, readdirSync, promises as fs } from "node:fs";
-import path from "path";
-import { rimraf } from "rimraf";
-
-async function buildRegistryDemos() {
-  let index = `
-type RegistryDemoItem = {
-  name: string;
-  files: string[];
-};
-
-type RegistryDemos =  RegistryDemoItem[];
-
-const buildDemos = (component: string, demos: string[]): RegistryDemos => {
-  return demos.map((demo) => {
-    return {
-      name: \`\${component}-\${demo}\`,
-      files: [\`core/\${component}/demos/\${demo}.tsx\`],
-    };
-  });
-};
-
-export const demos: RegistryDemos = [
-`;
-
-  const components = readdirSync(
-    path.join(process.cwd(), "src/registry/ui/default/core")
-  );
-  for (const component of components) {
-    if (
-      !existsSync(
-        path.join(
-          process.cwd(),
-          "src/registry/ui/default/core",
-          component,
-          "demos"
-        )
-      )
-    ) {
-      continue;
-    }
-    const demos = readdirSync(
-      path.join(
-        process.cwd(),
-        "src/registry/ui/default/core",
-        component,
-        "demos"
-      )
-    );
-    index += `  ...buildDemos("${component}", [${demos.map(
-      (demo) => `"${demo.replace(".tsx", "")}"`
-    )}]),\n`;
-  }
-  index += `]
-`;
-  rimraf.sync(path.join(process.cwd(), "src/__demos__/registry.ts"));
-  await fs.writeFile(
-    path.join(process.cwd(), "src/__demos__/registry.ts"),
-    index
-  );
-  console.log("✅ Done!");
-}
-
-buildRegistryDemos();
diff --git a/www/scripts/build-registry.ts b/www/scripts/build-registry.ts
index cd755110d..2a2d18318 100644
--- a/www/scripts/build-registry.ts
+++ b/www/scripts/build-registry.ts
@@ -1,360 +1,360 @@
-import { registryItemSchema, registrySchema } from "@dotui/registry";
-import { existsSync, promises as fs } from "node:fs";
-import path from "path";
-import { rimraf } from "rimraf";
-import { core } from "@/registry/core";
-import { hooks } from "@/registry/hooks";
-import { iconLibraries, icons } from "@/registry/icons";
-import { styles } from "@/registry/styles";
-import { themes } from "@/registry/themes";
-import { lib } from "@/registry-v2/index/lib";
-import { registry } from "@/registry";
-
-const REGISTRY_PATH = path.join(process.cwd(), "public/registry");
-
-// ----------------------------------------------------------------------------
-// Build registry/index.json.
-// Contains the list of all components, hooks, etc.
-// ----------------------------------------------------------------------------
-const buildRegistry = async () => {
-  const targetPath = REGISTRY_PATH;
-  rimraf.sync(targetPath);
-  if (!existsSync(targetPath)) {
-    await fs.mkdir(targetPath, { recursive: true });
-  }
-
-  const payload = registry.map((item) => ({
-    name: item.name,
-    type: item.type,
-  }));
-
-  const registryJson = JSON.stringify(payload, null, 2);
-  await fs.writeFile(path.join(targetPath, "index.json"), registryJson, "utf8");
-};
-
-// ----------------------------------------------------------------------------
-// Build registry/icons/index.json.
-// Contains the list of all icon libraries.
-//
-// Build registry/icons/[iconLibrary].json
-// Contains the list of all icons in the specified icon library.
-//
-// Build __icons__/index.tsx
-// Contains all the icons as react components.
-// ----------------------------------------------------------------------------
-const buildIcons = async () => {
-  const targetPath = path.join(REGISTRY_PATH, "icons");
-  rimraf.sync(targetPath);
-  if (!existsSync(targetPath)) {
-    await fs.mkdir(targetPath, { recursive: true });
-  }
-
-  // Build registry/icons/index.json
-  const iconLibrariesJson = JSON.stringify(iconLibraries, null, 2);
-  await fs.writeFile(
-    path.join(targetPath, "index.json"),
-    iconLibrariesJson,
-    "utf8"
-  );
-
-  // Build registry/icons/[iconLibrary].json
-  for (const iconLibrary of iconLibraries) {
-    const libIcons = Object.entries(icons).reduce<Record<string, string>>(
-      (acc, [key, value]) => {
-        acc[key] = value[iconLibrary.name as keyof typeof value];
-        return acc;
-      },
-      {}
-    );
-
-    const payload = {
-      name: iconLibrary.name,
-      dependency: iconLibrary.dependency,
-      icons: libIcons,
-    };
-
-    const iconLibraryJson = JSON.stringify(payload, null, 2);
-    await fs.writeFile(
-      path.join(targetPath, `${iconLibrary.name}.json`),
-      iconLibraryJson,
-      "utf8"
-    );
-  }
-
-  // Build __icons__/index.tsx
-  const iconsIndexPath = path.join(process.cwd(), "src", "__icons__");
-  rimraf.sync(iconsIndexPath);
-  if (!existsSync(iconsIndexPath)) {
-    await fs.mkdir(iconsIndexPath, { recursive: true });
-  }
-
-  let iconsIndexContent = `// This file is autogenerated by scripts/build-registry.ts
-// Do not edit this file directly.
-"use client";
-
-${iconLibraries
-  .map((lib) => `import * as ${lib.name} from "${lib.import}";`)
-  .join("\n")}
-import { createIcon } from "./create-icon";
-
-`;
-
-  for (const [iconName, iconVariants] of Object.entries(icons)) {
-    iconsIndexContent += `export const ${iconName} = createIcon({
-  ${iconLibraries
-    .map(
-      (lib) =>
-        `${lib.name}: ${lib.name}.${
-          iconVariants[lib.name as keyof typeof iconVariants]
-        }`
-    )
-    .join(",\n  ")}
-});\n\n`;
-  }
-
-  await fs.writeFile(
-    path.join(iconsIndexPath, "index.tsx"),
-    iconsIndexContent,
-    "utf8"
-  );
-};
-
-// ----------------------------------------------------------------------------
-// Build registry/themes/index.json.
-// Contains the list of all themes.
-//
-// Build registry/themes/[name].json
-// Contains theme's variables.
-// ----------------------------------------------------------------------------
-const buildThemes = async () => {
-  const themesTargetPath = path.join(REGISTRY_PATH, "themes");
-  rimraf.sync(themesTargetPath);
-  if (!existsSync(themesTargetPath)) {
-    await fs.mkdir(themesTargetPath, { recursive: true });
-  }
-
-  const allThemes = themes.map((theme) => ({
-    name: theme.name,
-    label: theme.label ?? theme.name,
-  }));
-
-  // Build registry/themes/index.json
-  const allThemesJson = JSON.stringify(allThemes, null, 2);
-  await fs.writeFile(
-    path.join(themesTargetPath, "index.json"),
-    allThemesJson,
-    "utf8"
-  );
-
-  // Build registry/themes/[name].json
-  for (const theme of themes) {
-    const themeJson = JSON.stringify(theme, null, 2);
-    await fs.writeFile(
-      path.join(themesTargetPath, `${theme.name}.json`),
-      themeJson,
-      "utf8"
-    );
-  }
-};
-
-// ----------------------------------------------------------------------------
-// Build registry/styles/index.json.
-// Contains the list of all styles.
-//
-// Build registry/styles/[style]/index.json
-// Contains the list of all required deps for the specified style.
-//
-// Build registry/styles/[style]/[name].json
-// Style's component, hook or other entity.
-// ----------------------------------------------------------------------------
-const buildStyles = async () => {
-  const stylesPath = path.join(REGISTRY_PATH, "styles");
-  rimraf.sync(stylesPath);
-  if (!existsSync(stylesPath)) {
-    await fs.mkdir(stylesPath, { recursive: true });
-  }
-
-  for (const style of styles) {
-    const styleTargetPath = path.join(REGISTRY_PATH, "styles", style.name);
-
-    if (!existsSync(styleTargetPath)) {
-      await fs.mkdir(styleTargetPath, { recursive: true });
-    }
-
-    // ----------------------------------------------------------------------------
-    // Build registry/styles/[style]/index.json
-    // ----------------------------------------------------------------------------
-    const styleIndexJson = JSON.stringify(style, null, 2);
-    await fs.writeFile(
-      path.join(styleTargetPath, "index.json"),
-      styleIndexJson,
-      "utf8"
-    );
-
-    for (const item of [...core, ...lib]) {
-      let files;
-      if (item.files) {
-        files = await Promise.all(
-          item.files.map(async (_file) => {
-            const file =
-              typeof _file === "string"
-                ? {
-                    path: _file,
-                    type: item.type,
-                    content: "",
-                    target: "",
-                  }
-                : _file;
-
-            const content = await fs.readFile(
-              path.join(
-                process.cwd(),
-                "src",
-                "registry",
-                "ui",
-                style.name,
-                file.path
-              ),
-              "utf8"
-            );
-
-            return {
-              path: file.path,
-              type: file.type,
-              content: content,
-              target: file.target,
-            };
-          })
-        );
-      }
-
-      const payload = registryItemSchema.safeParse({
-        ...item,
-        files,
-      });
-
-      // ----------------------------------------------------------------------------
-      // Build registry/styles/[style]/[name].json
-      // ----------------------------------------------------------------------------
-      if (payload.success) {
-        await fs.writeFile(
-          path.join(styleTargetPath, `${item.name}.json`),
-          JSON.stringify(payload.data, null, 2),
-          "utf8"
-        );
-      }
-    }
-  }
-
-  // ----------------------------------------------------------------------------
-  // Build registry/styles/index.json.
-  // ----------------------------------------------------------------------------
-  const allStyles = styles.map((style) => ({
-    name: style.name,
-    label: style.label,
-    type: style.type,
-  }));
-
-  const stylesJson = JSON.stringify(allStyles, null, 2);
-  await fs.writeFile(
-    path.join(REGISTRY_PATH, "styles/index.json"),
-    stylesJson,
-    "utf8"
-  );
-};
-
-// ----------------------------------------------------------------------------
-// Build registry/hooks/index.json.
-// Contains the list of all hooks.
-//
-// Build registry/hooks/[name].json
-// Hook's entity.
-// ----------------------------------------------------------------------------
-const buildHooks = async () => {
-  const targetPath = path.join(REGISTRY_PATH, "hooks");
-  rimraf.sync(targetPath);
-  if (!existsSync(targetPath)) {
-    await fs.mkdir(targetPath, { recursive: true });
-  }
-
-  const allHooks = hooks.map((hook) => ({
-    name: hook.name,
-    label: hook.label ?? hook.name,
-  }));
-
-  // Build registry/hooks/index.json
-  const hooksJson = JSON.stringify(allHooks, null, 2);
-  await fs.writeFile(path.join(targetPath, "index.json"), hooksJson, "utf8");
-
-  // Build registry/hooks/[name].json
-  for (const item of hooks) {
-    let files;
-    if (item.files) {
-      files = await Promise.all(
-        item.files.map(async (_file) => {
-          const file =
-            typeof _file === "string"
-              ? {
-                  path: _file,
-                  type: item.type,
-                  content: "",
-                  target: "",
-                }
-              : _file;
-
-          const content = await fs.readFile(
-            path.join(process.cwd(), "src", "registry", file.path),
-            "utf8"
-          );
-
-          return {
-            path: file.path,
-            type: file.type,
-            content: content,
-            target: file.target,
-          };
-        })
-      );
-    }
-
-    const payload = registryItemSchema.safeParse({
-      ...item,
-      files,
-    });
-
-    // ----------------------------------------------------------------------------
-    // Build registry/styles/[style]/[name].json
-    // ----------------------------------------------------------------------------
-    if (payload.success) {
-      await fs.writeFile(
-        path.join(targetPath, `${item.name}.json`),
-        JSON.stringify(payload.data, null, 2),
-        "utf8"
-      );
-    }
-  }
-};
-
-const run = async () => {
-  try {
-    const result = registrySchema.safeParse(registry);
-
-    if (!result.success) {
-      console.error(result.error);
-      process.exit(1);
-    }
-
-    await buildRegistry();
-    await buildStyles();
-    await buildHooks();
-    await buildThemes();
-    await buildIcons();
-
-    console.log("✅ Done!");
-  } catch (error) {
-    console.error(error);
-    process.exit(1);
-  }
-};
-
-run();
+// import { registryItemSchema, registrySchema } from "@dotui/registry";
+// import { existsSync, promises as fs } from "node:fs";
+// import path from "path";
+// import { rimraf } from "rimraf";
+// import { core } from "@/registry/core";
+// import { hooks } from "@/registry/hooks";
+// import { iconLibraries, icons } from "@/registry/icons";
+// import { styles } from "@/registry/styles";
+// import { themes } from "@/registry/themes";
+// import { lib } from "@/registry-v2/index/lib";
+// import { registry } from "@/registry";
+
+// const REGISTRY_PATH = path.join(process.cwd(), "public/registry");
+
+// // ----------------------------------------------------------------------------
+// // Build registry/index.json.
+// // Contains the list of all components, hooks, etc.
+// // ----------------------------------------------------------------------------
+// const buildRegistry = async () => {
+//   const targetPath = REGISTRY_PATH;
+//   rimraf.sync(targetPath);
+//   if (!existsSync(targetPath)) {
+//     await fs.mkdir(targetPath, { recursive: true });
+//   }
+
+//   const payload = registry.map((item) => ({
+//     name: item.name,
+//     type: item.type,
+//   }));
+
+//   const registryJson = JSON.stringify(payload, null, 2);
+//   await fs.writeFile(path.join(targetPath, "index.json"), registryJson, "utf8");
+// };
+
+// // ----------------------------------------------------------------------------
+// // Build registry/icons/index.json.
+// // Contains the list of all icon libraries.
+// //
+// // Build registry/icons/[iconLibrary].json
+// // Contains the list of all icons in the specified icon library.
+// //
+// // Build __icons__/index.tsx
+// // Contains all the icons as react components.
+// // ----------------------------------------------------------------------------
+// const buildIcons = async () => {
+//   const targetPath = path.join(REGISTRY_PATH, "icons");
+//   rimraf.sync(targetPath);
+//   if (!existsSync(targetPath)) {
+//     await fs.mkdir(targetPath, { recursive: true });
+//   }
+
+//   // Build registry/icons/index.json
+//   const iconLibrariesJson = JSON.stringify(iconLibraries, null, 2);
+//   await fs.writeFile(
+//     path.join(targetPath, "index.json"),
+//     iconLibrariesJson,
+//     "utf8"
+//   );
+
+//   // Build registry/icons/[iconLibrary].json
+//   for (const iconLibrary of iconLibraries) {
+//     const libIcons = Object.entries(icons).reduce<Record<string, string>>(
+//       (acc, [key, value]) => {
+//         acc[key] = value[iconLibrary.name as keyof typeof value];
+//         return acc;
+//       },
+//       {}
+//     );
+
+//     const payload = {
+//       name: iconLibrary.name,
+//       dependency: iconLibrary.dependency,
+//       icons: libIcons,
+//     };
+
+//     const iconLibraryJson = JSON.stringify(payload, null, 2);
+//     await fs.writeFile(
+//       path.join(targetPath, `${iconLibrary.name}.json`),
+//       iconLibraryJson,
+//       "utf8"
+//     );
+//   }
+
+//   // Build __icons__/index.tsx
+//   const iconsIndexPath = path.join(process.cwd(), "src", "__icons__");
+//   rimraf.sync(iconsIndexPath);
+//   if (!existsSync(iconsIndexPath)) {
+//     await fs.mkdir(iconsIndexPath, { recursive: true });
+//   }
+
+//   let iconsIndexContent = `// This file is autogenerated by scripts/build-registry.ts
+// // Do not edit this file directly.
+// "use client";
+
+// ${iconLibraries
+//   .map((lib) => `import * as ${lib.name} from "${lib.import}";`)
+//   .join("\n")}
+// import { createIcon } from "./create-icon";
+
+// `;
+
+//   for (const [iconName, iconVariants] of Object.entries(icons)) {
+//     iconsIndexContent += `export const ${iconName} = createIcon({
+//   ${iconLibraries
+//     .map(
+//       (lib) =>
+//         `${lib.name}: ${lib.name}.${
+//           iconVariants[lib.name as keyof typeof iconVariants]
+//         }`
+//     )
+//     .join(",\n  ")}
+// });\n\n`;
+//   }
+
+//   await fs.writeFile(
+//     path.join(iconsIndexPath, "index.tsx"),
+//     iconsIndexContent,
+//     "utf8"
+//   );
+// };
+
+// // ----------------------------------------------------------------------------
+// // Build registry/themes/index.json.
+// // Contains the list of all themes.
+// //
+// // Build registry/themes/[name].json
+// // Contains theme's variables.
+// // ----------------------------------------------------------------------------
+// const buildThemes = async () => {
+//   const themesTargetPath = path.join(REGISTRY_PATH, "themes");
+//   rimraf.sync(themesTargetPath);
+//   if (!existsSync(themesTargetPath)) {
+//     await fs.mkdir(themesTargetPath, { recursive: true });
+//   }
+
+//   const allThemes = themes.map((theme) => ({
+//     name: theme.name,
+//     label: theme.label ?? theme.name,
+//   }));
+
+//   // Build registry/themes/index.json
+//   const allThemesJson = JSON.stringify(allThemes, null, 2);
+//   await fs.writeFile(
+//     path.join(themesTargetPath, "index.json"),
+//     allThemesJson,
+//     "utf8"
+//   );
+
+//   // Build registry/themes/[name].json
+//   for (const theme of themes) {
+//     const themeJson = JSON.stringify(theme, null, 2);
+//     await fs.writeFile(
+//       path.join(themesTargetPath, `${theme.name}.json`),
+//       themeJson,
+//       "utf8"
+//     );
+//   }
+// };
+
+// // ----------------------------------------------------------------------------
+// // Build registry/styles/index.json.
+// // Contains the list of all styles.
+// //
+// // Build registry/styles/[style]/index.json
+// // Contains the list of all required deps for the specified style.
+// //
+// // Build registry/styles/[style]/[name].json
+// // Style's component, hook or other entity.
+// // ----------------------------------------------------------------------------
+// const buildStyles = async () => {
+//   const stylesPath = path.join(REGISTRY_PATH, "styles");
+//   rimraf.sync(stylesPath);
+//   if (!existsSync(stylesPath)) {
+//     await fs.mkdir(stylesPath, { recursive: true });
+//   }
+
+//   for (const style of styles) {
+//     const styleTargetPath = path.join(REGISTRY_PATH, "styles", style.name);
+
+//     if (!existsSync(styleTargetPath)) {
+//       await fs.mkdir(styleTargetPath, { recursive: true });
+//     }
+
+//     // ----------------------------------------------------------------------------
+//     // Build registry/styles/[style]/index.json
+//     // ----------------------------------------------------------------------------
+//     const styleIndexJson = JSON.stringify(style, null, 2);
+//     await fs.writeFile(
+//       path.join(styleTargetPath, "index.json"),
+//       styleIndexJson,
+//       "utf8"
+//     );
+
+//     for (const item of [...core, ...lib]) {
+//       let files;
+//       if (item.files) {
+//         files = await Promise.all(
+//           item.files.map(async (_file) => {
+//             const file =
+//               typeof _file === "string"
+//                 ? {
+//                     path: _file,
+//                     type: item.type,
+//                     content: "",
+//                     target: "",
+//                   }
+//                 : _file;
+
+//             const content = await fs.readFile(
+//               path.join(
+//                 process.cwd(),
+//                 "src",
+//                 "registry",
+//                 "ui",
+//                 style.name,
+//                 file.path
+//               ),
+//               "utf8"
+//             );
+
+//             return {
+//               path: file.path,
+//               type: file.type,
+//               content: content,
+//               target: file.target,
+//             };
+//           })
+//         );
+//       }
+
+//       const payload = registryItemSchema.safeParse({
+//         ...item,
+//         files,
+//       });
+
+//       // ----------------------------------------------------------------------------
+//       // Build registry/styles/[style]/[name].json
+//       // ----------------------------------------------------------------------------
+//       if (payload.success) {
+//         await fs.writeFile(
+//           path.join(styleTargetPath, `${item.name}.json`),
+//           JSON.stringify(payload.data, null, 2),
+//           "utf8"
+//         );
+//       }
+//     }
+//   }
+
+//   // ----------------------------------------------------------------------------
+//   // Build registry/styles/index.json.
+//   // ----------------------------------------------------------------------------
+//   const allStyles = styles.map((style) => ({
+//     name: style.name,
+//     label: style.label,
+//     type: style.type,
+//   }));
+
+//   const stylesJson = JSON.stringify(allStyles, null, 2);
+//   await fs.writeFile(
+//     path.join(REGISTRY_PATH, "styles/index.json"),
+//     stylesJson,
+//     "utf8"
+//   );
+// };
+
+// // ----------------------------------------------------------------------------
+// // Build registry/hooks/index.json.
+// // Contains the list of all hooks.
+// //
+// // Build registry/hooks/[name].json
+// // Hook's entity.
+// // ----------------------------------------------------------------------------
+// const buildHooks = async () => {
+//   const targetPath = path.join(REGISTRY_PATH, "hooks");
+//   rimraf.sync(targetPath);
+//   if (!existsSync(targetPath)) {
+//     await fs.mkdir(targetPath, { recursive: true });
+//   }
+
+//   const allHooks = hooks.map((hook) => ({
+//     name: hook.name,
+//     label: hook.label ?? hook.name,
+//   }));
+
+//   // Build registry/hooks/index.json
+//   const hooksJson = JSON.stringify(allHooks, null, 2);
+//   await fs.writeFile(path.join(targetPath, "index.json"), hooksJson, "utf8");
+
+//   // Build registry/hooks/[name].json
+//   for (const item of hooks) {
+//     let files;
+//     if (item.files) {
+//       files = await Promise.all(
+//         item.files.map(async (_file) => {
+//           const file =
+//             typeof _file === "string"
+//               ? {
+//                   path: _file,
+//                   type: item.type,
+//                   content: "",
+//                   target: "",
+//                 }
+//               : _file;
+
+//           const content = await fs.readFile(
+//             path.join(process.cwd(), "src", "registry", file.path),
+//             "utf8"
+//           );
+
+//           return {
+//             path: file.path,
+//             type: file.type,
+//             content: content,
+//             target: file.target,
+//           };
+//         })
+//       );
+//     }
+
+//     const payload = registryItemSchema.safeParse({
+//       ...item,
+//       files,
+//     });
+
+//     // ----------------------------------------------------------------------------
+//     // Build registry/styles/[style]/[name].json
+//     // ----------------------------------------------------------------------------
+//     if (payload.success) {
+//       await fs.writeFile(
+//         path.join(targetPath, `${item.name}.json`),
+//         JSON.stringify(payload.data, null, 2),
+//         "utf8"
+//       );
+//     }
+//   }
+// };
+
+// const run = async () => {
+//   try {
+//     const result = registrySchema.safeParse(registry);
+
+//     if (!result.success) {
+//       console.error(result.error);
+//       process.exit(1);
+//     }
+
+//     await buildRegistry();
+//     await buildStyles();
+//     await buildHooks();
+//     await buildThemes();
+//     await buildIcons();
+
+//     console.log("✅ Done!");
+//   } catch (error) {
+//     console.error(error);
+//     process.exit(1);
+//   }
+// };
+
+// run();
diff --git a/www/src/__demos__/index.tsx b/www/src/__demos__/index.tsx
index ddb4499d7..ba65c99ac 100644
--- a/www/src/__demos__/index.tsx
+++ b/www/src/__demos__/index.tsx
@@ -4,3291 +4,2331 @@ import * as React from "react";
 
 export const Index: Record<string, any> = {
   core: {
-    default: {
-      "alert-action": {
-        name: "alert-action",
-        files: ["registry/ui/default/core/alert/demos/action.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/alert/demos/action")
-        ),
-      },
-      "alert-composition": {
-        name: "alert-composition",
-        files: ["registry/ui/default/core/alert/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/alert/demos/composition")
-        ),
-      },
-      "alert-content": {
-        name: "alert-content",
-        files: ["registry/ui/default/core/alert/demos/content.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/alert/demos/content")
-        ),
-      },
-      "alert-custom-icon": {
-        name: "alert-custom-icon",
-        files: ["registry/ui/default/core/alert/demos/custom-icon.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/alert/demos/custom-icon")
-        ),
-      },
-      "alert-default": {
-        name: "alert-default",
-        files: ["registry/ui/default/core/alert/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/alert/demos/default")
-        ),
-      },
-      "alert-title": {
-        name: "alert-title",
-        files: ["registry/ui/default/core/alert/demos/title.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/alert/demos/title")
-        ),
-      },
-      "alert-variants": {
-        name: "alert-variants",
-        files: ["registry/ui/default/core/alert/demos/variants.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/alert/demos/variants")
-        ),
-      },
-      "aspect-ratio-as-child": {
-        name: "aspect-ratio-as-child",
-        files: ["registry/ui/default/core/aspect-ratio/demos/as-child.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/aspect-ratio/demos/as-child")
-        ),
-      },
-      "aspect-ratio-default": {
-        name: "aspect-ratio-default",
-        files: ["registry/ui/default/core/aspect-ratio/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/aspect-ratio/demos/default")
-        ),
-      },
-      "avatar-composition": {
-        name: "avatar-composition",
-        files: ["registry/ui/default/core/avatar/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/avatar/demos/composition")
-        ),
-      },
-      "avatar-default": {
-        name: "avatar-default",
-        files: ["registry/ui/default/core/avatar/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/avatar/demos/default")
-        ),
-      },
-      "avatar-shape": {
-        name: "avatar-shape",
-        files: ["registry/ui/default/core/avatar/demos/shape.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/avatar/demos/shape")
-        ),
-      },
-      "avatar-sizes": {
-        name: "avatar-sizes",
-        files: ["registry/ui/default/core/avatar/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/avatar/demos/sizes")
-        ),
-      },
-      "badge-default": {
-        name: "badge-default",
-        files: ["registry/ui/default/core/badge/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/badge/demos/default")
-        ),
-      },
-      "badge-icon": {
-        name: "badge-icon",
-        files: ["registry/ui/default/core/badge/demos/icon.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/badge/demos/icon")
-        ),
-      },
-      "badge-sizes": {
-        name: "badge-sizes",
-        files: ["registry/ui/default/core/badge/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/badge/demos/sizes")
-        ),
-      },
-      "badge-variants": {
-        name: "badge-variants",
-        files: ["registry/ui/default/core/badge/demos/variants.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/badge/demos/variants")
-        ),
-      },
-      "breadcrumbs-basic": {
-        name: "breadcrumbs-basic",
-        files: ["registry/ui/default/core/breadcrumbs/demos/basic.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/breadcrumbs/demos/basic")
-        ),
-      },
-      "breadcrumbs-composition": {
-        name: "breadcrumbs-composition",
-        files: ["registry/ui/default/core/breadcrumbs/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/breadcrumbs/demos/composition")
-        ),
-      },
-      "breadcrumbs-disabled": {
-        name: "breadcrumbs-disabled",
-        files: ["registry/ui/default/core/breadcrumbs/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/breadcrumbs/demos/disabled")
-        ),
-      },
-      "breadcrumbs-icon": {
-        name: "breadcrumbs-icon",
-        files: ["registry/ui/default/core/breadcrumbs/demos/icon.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/breadcrumbs/demos/icon")
-        ),
-      },
-      "breadcrumbs-router-integration": {
-        name: "breadcrumbs-router-integration",
-        files: [
-          "registry/ui/default/core/breadcrumbs/demos/router-integration.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/breadcrumbs/demos/router-integration"
-            )
-        ),
-      },
-      "button-default": {
-        name: "button-default",
-        files: ["registry/ui/default/core/button/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/button/demos/default")
-        ),
-      },
-      "button-disabled": {
-        name: "button-disabled",
-        files: ["registry/ui/default/core/button/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/button/demos/disabled")
-        ),
-      },
-      "button-link-button": {
-        name: "button-link-button",
-        files: ["registry/ui/default/core/button/demos/link-button.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/button/demos/link-button")
-        ),
-      },
-      "button-loading": {
-        name: "button-loading",
-        files: ["registry/ui/default/core/button/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/button/demos/loading")
-        ),
-      },
-      "button-prefix-and-suffix": {
-        name: "button-prefix-and-suffix",
-        files: ["registry/ui/default/core/button/demos/prefix-and-suffix.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/button/demos/prefix-and-suffix")
-        ),
-      },
-      "button-shapes": {
-        name: "button-shapes",
-        files: ["registry/ui/default/core/button/demos/shapes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/button/demos/shapes")
-        ),
-      },
-      "button-sizes": {
-        name: "button-sizes",
-        files: ["registry/ui/default/core/button/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/button/demos/sizes")
-        ),
-      },
-      "button-variants": {
-        name: "button-variants",
-        files: ["registry/ui/default/core/button/demos/variants.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/button/demos/variants")
-        ),
-      },
-      "calendar-composition": {
-        name: "calendar-composition",
-        files: ["registry/ui/default/core/calendar/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/calendar/demos/composition")
-        ),
-      },
-      "calendar-controlled": {
-        name: "calendar-controlled",
-        files: ["registry/ui/default/core/calendar/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/calendar/demos/controlled")
-        ),
-      },
-      "calendar-default": {
-        name: "calendar-default",
-        files: ["registry/ui/default/core/calendar/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/calendar/demos/default")
-        ),
-      },
-      "calendar-disabled": {
-        name: "calendar-disabled",
-        files: ["registry/ui/default/core/calendar/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/calendar/demos/disabled")
-        ),
-      },
-      "calendar-error-message": {
-        name: "calendar-error-message",
-        files: ["registry/ui/default/core/calendar/demos/error-message.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/calendar/demos/error-message")
-        ),
-      },
-      "calendar-label": {
-        name: "calendar-label",
-        files: ["registry/ui/default/core/calendar/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/calendar/demos/label")
-        ),
-      },
-      "calendar-page-behaviour": {
-        name: "calendar-page-behaviour",
-        files: ["registry/ui/default/core/calendar/demos/page-behaviour.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/calendar/demos/page-behaviour")
-        ),
-      },
-      "calendar-read-only": {
-        name: "calendar-read-only",
-        files: ["registry/ui/default/core/calendar/demos/read-only.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/calendar/demos/read-only")
-        ),
-      },
-      "calendar-uncontrolled": {
-        name: "calendar-uncontrolled",
-        files: ["registry/ui/default/core/calendar/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/calendar/demos/uncontrolled")
-        ),
-      },
-      "calendar-unvailable-dates": {
-        name: "calendar-unvailable-dates",
-        files: ["registry/ui/default/core/calendar/demos/unvailable-dates.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/calendar/demos/unvailable-dates")
-        ),
-      },
-      "calendar-validation": {
-        name: "calendar-validation",
-        files: ["registry/ui/default/core/calendar/demos/validation.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/calendar/demos/validation")
-        ),
-      },
-      "calendar-visible-months": {
-        name: "calendar-visible-months",
-        files: ["registry/ui/default/core/calendar/demos/visible-months.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/calendar/demos/visible-months")
-        ),
-      },
-      "checkbox-card": {
-        name: "checkbox-card",
-        files: ["registry/ui/default/core/checkbox/demos/card.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/checkbox/demos/card")
-        ),
-      },
-      "checkbox-controlled": {
-        name: "checkbox-controlled",
-        files: ["registry/ui/default/core/checkbox/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/checkbox/demos/controlled")
-        ),
-      },
-      "checkbox-default": {
-        name: "checkbox-default",
-        files: ["registry/ui/default/core/checkbox/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/checkbox/demos/default")
-        ),
-      },
-      "checkbox-disabled": {
-        name: "checkbox-disabled",
-        files: ["registry/ui/default/core/checkbox/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/checkbox/demos/disabled")
-        ),
-      },
-      "checkbox-indeterminate": {
-        name: "checkbox-indeterminate",
-        files: ["registry/ui/default/core/checkbox/demos/indeterminate.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/checkbox/demos/indeterminate")
-        ),
-      },
-      "checkbox-read-only": {
-        name: "checkbox-read-only",
-        files: ["registry/ui/default/core/checkbox/demos/read-only.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/checkbox/demos/read-only")
-        ),
-      },
-      "checkbox-uncontrolled": {
-        name: "checkbox-uncontrolled",
-        files: ["registry/ui/default/core/checkbox/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/checkbox/demos/uncontrolled")
-        ),
-      },
-      "checkbox-group-cards": {
-        name: "checkbox-group-cards",
-        files: ["registry/ui/default/core/checkbox-group/demos/cards.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/checkbox-group/demos/cards")
-        ),
-      },
-      "checkbox-group-composition": {
-        name: "checkbox-group-composition",
-        files: [
-          "registry/ui/default/core/checkbox-group/demos/composition.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/checkbox-group/demos/composition"
-            )
-        ),
-      },
-      "checkbox-group-contextual-help": {
-        name: "checkbox-group-contextual-help",
-        files: [
-          "registry/ui/default/core/checkbox-group/demos/contextual-help.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/checkbox-group/demos/contextual-help"
-            )
-        ),
-      },
-      "checkbox-group-controlled": {
-        name: "checkbox-group-controlled",
-        files: ["registry/ui/default/core/checkbox-group/demos/controlled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/checkbox-group/demos/controlled")
-        ),
-      },
-      "checkbox-group-default": {
-        name: "checkbox-group-default",
-        files: ["registry/ui/default/core/checkbox-group/demos/default.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/checkbox-group/demos/default")
-        ),
-      },
-      "checkbox-group-description": {
-        name: "checkbox-group-description",
-        files: [
-          "registry/ui/default/core/checkbox-group/demos/description.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/checkbox-group/demos/description"
-            )
-        ),
-      },
-      "checkbox-group-disabled": {
-        name: "checkbox-group-disabled",
-        files: ["registry/ui/default/core/checkbox-group/demos/disabled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/checkbox-group/demos/disabled")
-        ),
-      },
-      "checkbox-group-error-message": {
-        name: "checkbox-group-error-message",
-        files: [
-          "registry/ui/default/core/checkbox-group/demos/error-message.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/checkbox-group/demos/error-message"
-            )
-        ),
-      },
-      "checkbox-group-label": {
-        name: "checkbox-group-label",
-        files: ["registry/ui/default/core/checkbox-group/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/checkbox-group/demos/label")
-        ),
-      },
-      "checkbox-group-read-only": {
-        name: "checkbox-group-read-only",
-        files: ["registry/ui/default/core/checkbox-group/demos/read-only.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/checkbox-group/demos/read-only")
-        ),
-      },
-      "checkbox-group-required": {
-        name: "checkbox-group-required",
-        files: ["registry/ui/default/core/checkbox-group/demos/required.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/checkbox-group/demos/required")
-        ),
-      },
-      "checkbox-group-uncontrolled": {
-        name: "checkbox-group-uncontrolled",
-        files: [
-          "registry/ui/default/core/checkbox-group/demos/uncontrolled.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/checkbox-group/demos/uncontrolled"
-            )
-        ),
-      },
-      "color-area-channels": {
-        name: "color-area-channels",
-        files: ["registry/ui/default/core/color-area/demos/channels.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-area/demos/channels")
-        ),
-      },
-      "color-area-composition": {
-        name: "color-area-composition",
-        files: ["registry/ui/default/core/color-area/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-area/demos/composition")
-        ),
-      },
-      "color-area-controlled": {
-        name: "color-area-controlled",
-        files: ["registry/ui/default/core/color-area/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-area/demos/controlled")
-        ),
-      },
-      "color-area-default": {
-        name: "color-area-default",
-        files: ["registry/ui/default/core/color-area/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-area/demos/default")
-        ),
-      },
-      "color-area-disabled": {
-        name: "color-area-disabled",
-        files: ["registry/ui/default/core/color-area/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-area/demos/disabled")
-        ),
-      },
-      "color-area-uncontrolled": {
-        name: "color-area-uncontrolled",
-        files: ["registry/ui/default/core/color-area/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-area/demos/uncontrolled")
-        ),
-      },
-      "color-field-composition": {
-        name: "color-field-composition",
-        files: ["registry/ui/default/core/color-field/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-field/demos/composition")
-        ),
-      },
-      "color-field-contextual-help": {
-        name: "color-field-contextual-help",
-        files: [
-          "registry/ui/default/core/color-field/demos/contextual-help.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/color-field/demos/contextual-help"
-            )
-        ),
-      },
-      "color-field-controlled": {
-        name: "color-field-controlled",
-        files: ["registry/ui/default/core/color-field/demos/controlled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-field/demos/controlled")
-        ),
-      },
-      "color-field-default": {
-        name: "color-field-default",
-        files: ["registry/ui/default/core/color-field/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-field/demos/default")
-        ),
-      },
-      "color-field-description": {
-        name: "color-field-description",
-        files: ["registry/ui/default/core/color-field/demos/description.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-field/demos/description")
-        ),
-      },
-      "color-field-disabled": {
-        name: "color-field-disabled",
-        files: ["registry/ui/default/core/color-field/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-field/demos/disabled")
-        ),
-      },
-      "color-field-error-message": {
-        name: "color-field-error-message",
-        files: ["registry/ui/default/core/color-field/demos/error-message.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-field/demos/error-message")
-        ),
-      },
-      "color-field-form": {
-        name: "color-field-form",
-        files: ["registry/ui/default/core/color-field/demos/form.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-field/demos/form")
-        ),
-      },
-      "color-field-label": {
-        name: "color-field-label",
-        files: ["registry/ui/default/core/color-field/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-field/demos/label")
-        ),
-      },
-      "color-field-loading": {
-        name: "color-field-loading",
-        files: ["registry/ui/default/core/color-field/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-field/demos/loading")
-        ),
-      },
-      "color-field-prefix-and-suffix": {
-        name: "color-field-prefix-and-suffix",
-        files: [
-          "registry/ui/default/core/color-field/demos/prefix-and-suffix.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/color-field/demos/prefix-and-suffix"
-            )
-        ),
-      },
-      "color-field-read-only": {
-        name: "color-field-read-only",
-        files: ["registry/ui/default/core/color-field/demos/read-only.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-field/demos/read-only")
-        ),
-      },
-      "color-field-required": {
-        name: "color-field-required",
-        files: ["registry/ui/default/core/color-field/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-field/demos/required")
-        ),
-      },
-      "color-field-sizes": {
-        name: "color-field-sizes",
-        files: ["registry/ui/default/core/color-field/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-field/demos/sizes")
-        ),
-      },
-      "color-field-uncontrolled": {
-        name: "color-field-uncontrolled",
-        files: ["registry/ui/default/core/color-field/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-field/demos/uncontrolled")
-        ),
-      },
-      "color-picker-composition": {
-        name: "color-picker-composition",
-        files: ["registry/ui/default/core/color-picker/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-picker/demos/composition")
-        ),
-      },
-      "color-picker-controlled": {
-        name: "color-picker-controlled",
-        files: ["registry/ui/default/core/color-picker/demos/controlled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-picker/demos/controlled")
-        ),
-      },
-      "color-picker-default": {
-        name: "color-picker-default",
-        files: ["registry/ui/default/core/color-picker/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-picker/demos/default")
-        ),
-      },
-      "color-picker-options": {
-        name: "color-picker-options",
-        files: ["registry/ui/default/core/color-picker/demos/options.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-picker/demos/options")
-        ),
-      },
-      "color-picker-uncontrolled": {
-        name: "color-picker-uncontrolled",
-        files: ["registry/ui/default/core/color-picker/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-picker/demos/uncontrolled")
-        ),
-      },
-      "color-slider-channel": {
-        name: "color-slider-channel",
-        files: ["registry/ui/default/core/color-slider/demos/channel.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-slider/demos/channel")
-        ),
-      },
-      "color-slider-composition": {
-        name: "color-slider-composition",
-        files: ["registry/ui/default/core/color-slider/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-slider/demos/composition")
-        ),
-      },
-      "color-slider-controlled": {
-        name: "color-slider-controlled",
-        files: ["registry/ui/default/core/color-slider/demos/controlled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-slider/demos/controlled")
-        ),
-      },
-      "color-slider-default": {
-        name: "color-slider-default",
-        files: ["registry/ui/default/core/color-slider/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-slider/demos/default")
-        ),
-      },
-      "color-slider-disabled": {
-        name: "color-slider-disabled",
-        files: ["registry/ui/default/core/color-slider/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-slider/demos/disabled")
-        ),
-      },
-      "color-slider-label": {
-        name: "color-slider-label",
-        files: ["registry/ui/default/core/color-slider/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-slider/demos/label")
-        ),
-      },
-      "color-slider-uncontrolled": {
-        name: "color-slider-uncontrolled",
-        files: ["registry/ui/default/core/color-slider/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/color-slider/demos/uncontrolled")
-        ),
-      },
-      "color-slider-vertical": {
-        name: "color-slider-vertical",
-        files: ["registry/ui/default/core/color-slider/demos/vertical.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-slider/demos/vertical")
-        ),
-      },
-      "color-swatch-default": {
-        name: "color-swatch-default",
-        files: ["registry/ui/default/core/color-swatch/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/color-swatch/demos/default")
-        ),
-      },
-      "combobox-async-loading": {
-        name: "combobox-async-loading",
-        files: ["registry/ui/default/core/combobox/demos/async-loading.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/combobox/demos/async-loading")
-        ),
-      },
-      "combobox-basic": {
-        name: "combobox-basic",
-        files: ["registry/ui/default/core/combobox/demos/basic.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/basic")
-        ),
-      },
-      "combobox-composition": {
-        name: "combobox-composition",
-        files: ["registry/ui/default/core/combobox/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/composition")
-        ),
-      },
-      "combobox-contextual-help": {
-        name: "combobox-contextual-help",
-        files: ["registry/ui/default/core/combobox/demos/contextual-help.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/combobox/demos/contextual-help")
-        ),
-      },
-      "combobox-controlled": {
-        name: "combobox-controlled",
-        files: ["registry/ui/default/core/combobox/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/controlled")
-        ),
-      },
-      "combobox-custom-value": {
-        name: "combobox-custom-value",
-        files: ["registry/ui/default/core/combobox/demos/custom-value.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/custom-value")
-        ),
-      },
-      "combobox-description": {
-        name: "combobox-description",
-        files: ["registry/ui/default/core/combobox/demos/description.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/description")
-        ),
-      },
-      "combobox-disabled": {
-        name: "combobox-disabled",
-        files: ["registry/ui/default/core/combobox/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/disabled")
-        ),
-      },
-      "combobox-label": {
-        name: "combobox-label",
-        files: ["registry/ui/default/core/combobox/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/label")
-        ),
-      },
-      "combobox-loading": {
-        name: "combobox-loading",
-        files: ["registry/ui/default/core/combobox/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/loading")
-        ),
-      },
-      "combobox-required": {
-        name: "combobox-required",
-        files: ["registry/ui/default/core/combobox/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/required")
-        ),
-      },
-      "combobox-sections": {
-        name: "combobox-sections",
-        files: ["registry/ui/default/core/combobox/demos/sections.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/sections")
-        ),
-      },
-      "combobox-uncontrolled": {
-        name: "combobox-uncontrolled",
-        files: ["registry/ui/default/core/combobox/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/uncontrolled")
-        ),
-      },
-      "combobox-validation": {
-        name: "combobox-validation",
-        files: ["registry/ui/default/core/combobox/demos/validation.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/combobox/demos/validation")
-        ),
-      },
-      "date-field-composition": {
-        name: "date-field-composition",
-        files: ["registry/ui/default/core/date-field/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-field/demos/composition")
-        ),
-      },
-      "date-field-contextual-help": {
-        name: "date-field-contextual-help",
-        files: [
-          "registry/ui/default/core/date-field/demos/contextual-help.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-field/demos/contextual-help"
-            )
-        ),
-      },
-      "date-field-controlled": {
-        name: "date-field-controlled",
-        files: ["registry/ui/default/core/date-field/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-field/demos/controlled")
-        ),
-      },
-      "date-field-default": {
-        name: "date-field-default",
-        files: ["registry/ui/default/core/date-field/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-field/demos/default")
-        ),
-      },
-      "date-field-description": {
-        name: "date-field-description",
-        files: ["registry/ui/default/core/date-field/demos/description.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-field/demos/description")
-        ),
-      },
-      "date-field-disabled": {
-        name: "date-field-disabled",
-        files: ["registry/ui/default/core/date-field/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-field/demos/disabled")
-        ),
-      },
-      "date-field-error-message": {
-        name: "date-field-error-message",
-        files: ["registry/ui/default/core/date-field/demos/error-message.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-field/demos/error-message")
-        ),
-      },
-      "date-field-granularity": {
-        name: "date-field-granularity",
-        files: ["registry/ui/default/core/date-field/demos/granularity.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-field/demos/granularity")
-        ),
-      },
-      "date-field-hide-time-zone": {
-        name: "date-field-hide-time-zone",
-        files: ["registry/ui/default/core/date-field/demos/hide-time-zone.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-field/demos/hide-time-zone")
-        ),
-      },
-      "date-field-hour-cycle": {
-        name: "date-field-hour-cycle",
-        files: ["registry/ui/default/core/date-field/demos/hour-cycle.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-field/demos/hour-cycle")
-        ),
-      },
-      "date-field-label": {
-        name: "date-field-label",
-        files: ["registry/ui/default/core/date-field/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-field/demos/label")
-        ),
-      },
-      "date-field-loading": {
-        name: "date-field-loading",
-        files: ["registry/ui/default/core/date-field/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-field/demos/loading")
-        ),
-      },
-      "date-field-placeholder": {
-        name: "date-field-placeholder",
-        files: ["registry/ui/default/core/date-field/demos/placeholder.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-field/demos/placeholder")
-        ),
-      },
-      "date-field-prefix-and-suffix": {
-        name: "date-field-prefix-and-suffix",
-        files: [
-          "registry/ui/default/core/date-field/demos/prefix-and-suffix.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-field/demos/prefix-and-suffix"
-            )
-        ),
-      },
-      "date-field-read-only": {
-        name: "date-field-read-only",
-        files: ["registry/ui/default/core/date-field/demos/read-only.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-field/demos/read-only")
-        ),
-      },
-      "date-field-required": {
-        name: "date-field-required",
-        files: ["registry/ui/default/core/date-field/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-field/demos/required")
-        ),
-      },
-      "date-field-sizes": {
-        name: "date-field-sizes",
-        files: ["registry/ui/default/core/date-field/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-field/demos/sizes")
-        ),
-      },
-      "date-field-time-zones": {
-        name: "date-field-time-zones",
-        files: ["registry/ui/default/core/date-field/demos/time-zones.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-field/demos/time-zones")
-        ),
-      },
-      "date-field-uncontrolled": {
-        name: "date-field-uncontrolled",
-        files: ["registry/ui/default/core/date-field/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-field/demos/uncontrolled")
-        ),
-      },
-      "date-picker-composition": {
-        name: "date-picker-composition",
-        files: ["registry/ui/default/core/date-picker/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-picker/demos/composition")
-        ),
-      },
-      "date-picker-contextual-help": {
-        name: "date-picker-contextual-help",
-        files: [
-          "registry/ui/default/core/date-picker/demos/contextual-help.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-picker/demos/contextual-help"
-            )
-        ),
-      },
-      "date-picker-controlled": {
-        name: "date-picker-controlled",
-        files: ["registry/ui/default/core/date-picker/demos/controlled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-picker/demos/controlled")
-        ),
-      },
-      "date-picker-default": {
-        name: "date-picker-default",
-        files: ["registry/ui/default/core/date-picker/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-picker/demos/default")
-        ),
-      },
-      "date-picker-description": {
-        name: "date-picker-description",
-        files: ["registry/ui/default/core/date-picker/demos/description.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-picker/demos/description")
-        ),
-      },
-      "date-picker-disabled": {
-        name: "date-picker-disabled",
-        files: ["registry/ui/default/core/date-picker/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-picker/demos/disabled")
-        ),
-      },
-      "date-picker-error-message": {
-        name: "date-picker-error-message",
-        files: ["registry/ui/default/core/date-picker/demos/error-message.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-picker/demos/error-message")
-        ),
-      },
-      "date-picker-granularity": {
-        name: "date-picker-granularity",
-        files: ["registry/ui/default/core/date-picker/demos/granularity.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-picker/demos/granularity")
-        ),
-      },
-      "date-picker-hide-time-zone": {
-        name: "date-picker-hide-time-zone",
-        files: [
-          "registry/ui/default/core/date-picker/demos/hide-time-zone.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-picker/demos/hide-time-zone"
-            )
-        ),
-      },
-      "date-picker-hour-cycle": {
-        name: "date-picker-hour-cycle",
-        files: ["registry/ui/default/core/date-picker/demos/hour-cycle.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-picker/demos/hour-cycle")
-        ),
-      },
-      "date-picker-label": {
-        name: "date-picker-label",
-        files: ["registry/ui/default/core/date-picker/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-picker/demos/label")
-        ),
-      },
-      "date-picker-loading": {
-        name: "date-picker-loading",
-        files: ["registry/ui/default/core/date-picker/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-picker/demos/loading")
-        ),
-      },
-      "date-picker-placeholder": {
-        name: "date-picker-placeholder",
-        files: ["registry/ui/default/core/date-picker/demos/placeholder.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-picker/demos/placeholder")
-        ),
-      },
-      "date-picker-prefix": {
-        name: "date-picker-prefix",
-        files: ["registry/ui/default/core/date-picker/demos/prefix.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-picker/demos/prefix")
-        ),
-      },
-      "date-picker-read-only": {
-        name: "date-picker-read-only",
-        files: ["registry/ui/default/core/date-picker/demos/read-only.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-picker/demos/read-only")
-        ),
-      },
-      "date-picker-required": {
-        name: "date-picker-required",
-        files: ["registry/ui/default/core/date-picker/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-picker/demos/required")
-        ),
-      },
-      "date-picker-sizes": {
-        name: "date-picker-sizes",
-        files: ["registry/ui/default/core/date-picker/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/date-picker/demos/sizes")
-        ),
-      },
-      "date-picker-time-zones": {
-        name: "date-picker-time-zones",
-        files: ["registry/ui/default/core/date-picker/demos/time-zones.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-picker/demos/time-zones")
-        ),
-      },
-      "date-picker-uncontrolled": {
-        name: "date-picker-uncontrolled",
-        files: ["registry/ui/default/core/date-picker/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-picker/demos/uncontrolled")
-        ),
-      },
-      "date-range-picker-composition": {
-        name: "date-range-picker-composition",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/composition.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/composition"
-            )
-        ),
-      },
-      "date-range-picker-contextual-help": {
-        name: "date-range-picker-contextual-help",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/contextual-help.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/contextual-help"
-            )
-        ),
-      },
-      "date-range-picker-controlled": {
-        name: "date-range-picker-controlled",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/controlled.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/controlled"
-            )
-        ),
-      },
-      "date-range-picker-default": {
-        name: "date-range-picker-default",
-        files: ["registry/ui/default/core/date-range-picker/demos/default.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-range-picker/demos/default")
-        ),
-      },
-      "date-range-picker-description": {
-        name: "date-range-picker-description",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/description.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/description"
-            )
-        ),
-      },
-      "date-range-picker-disabled": {
-        name: "date-range-picker-disabled",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/disabled.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/disabled"
-            )
-        ),
-      },
-      "date-range-picker-error-message": {
-        name: "date-range-picker-error-message",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/error-message.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/error-message"
-            )
-        ),
-      },
-      "date-range-picker-granularity": {
-        name: "date-range-picker-granularity",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/granularity.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/granularity"
-            )
-        ),
-      },
-      "date-range-picker-hide-time-zone": {
-        name: "date-range-picker-hide-time-zone",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/hide-time-zone.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/hide-time-zone"
-            )
-        ),
-      },
-      "date-range-picker-hour-cycle": {
-        name: "date-range-picker-hour-cycle",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/hour-cycle.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/hour-cycle"
-            )
-        ),
-      },
-      "date-range-picker-label": {
-        name: "date-range-picker-label",
-        files: ["registry/ui/default/core/date-range-picker/demos/label.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-range-picker/demos/label")
-        ),
-      },
-      "date-range-picker-loading": {
-        name: "date-range-picker-loading",
-        files: ["registry/ui/default/core/date-range-picker/demos/loading.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-range-picker/demos/loading")
-        ),
-      },
-      "date-range-picker-placeholder": {
-        name: "date-range-picker-placeholder",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/placeholder.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/placeholder"
-            )
-        ),
-      },
-      "date-range-picker-prefix": {
-        name: "date-range-picker-prefix",
-        files: ["registry/ui/default/core/date-range-picker/demos/prefix.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-range-picker/demos/prefix")
-        ),
-      },
-      "date-range-picker-read-only": {
-        name: "date-range-picker-read-only",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/read-only.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/read-only"
-            )
-        ),
-      },
-      "date-range-picker-required": {
-        name: "date-range-picker-required",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/required.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/required"
-            )
-        ),
-      },
-      "date-range-picker-sizes": {
-        name: "date-range-picker-sizes",
-        files: ["registry/ui/default/core/date-range-picker/demos/sizes.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/date-range-picker/demos/sizes")
-        ),
-      },
-      "date-range-picker-time-zones": {
-        name: "date-range-picker-time-zones",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/time-zones.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/time-zones"
-            )
-        ),
-      },
-      "date-range-picker-uncontrolled": {
-        name: "date-range-picker-uncontrolled",
-        files: [
-          "registry/ui/default/core/date-range-picker/demos/uncontrolled.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/date-range-picker/demos/uncontrolled"
-            )
-        ),
-      },
-      "dialog-alert-dialog": {
-        name: "dialog-alert-dialog",
-        files: ["registry/ui/default/core/dialog/demos/alert-dialog.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/alert-dialog")
-        ),
-      },
-      "dialog-async-form-submission": {
-        name: "dialog-async-form-submission",
-        files: [
-          "registry/ui/default/core/dialog/demos/async-form-submission.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/dialog/demos/async-form-submission"
-            )
-        ),
-      },
-      "dialog-basic": {
-        name: "dialog-basic",
-        files: ["registry/ui/default/core/dialog/demos/basic.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/basic")
-        ),
-      },
-      "dialog-composition": {
-        name: "dialog-composition",
-        files: ["registry/ui/default/core/dialog/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/composition")
-        ),
-      },
-      "dialog-controlled": {
-        name: "dialog-controlled",
-        files: ["registry/ui/default/core/dialog/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/controlled")
-        ),
-      },
-      "dialog-description": {
-        name: "dialog-description",
-        files: ["registry/ui/default/core/dialog/demos/description.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/description")
-        ),
-      },
-      "dialog-dismiss-button": {
-        name: "dialog-dismiss-button",
-        files: ["registry/ui/default/core/dialog/demos/dismiss-button.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/dismiss-button")
-        ),
-      },
-      "dialog-dismissable": {
-        name: "dialog-dismissable",
-        files: ["registry/ui/default/core/dialog/demos/dismissable.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/dismissable")
-        ),
-      },
-      "dialog-drawer": {
-        name: "dialog-drawer",
-        files: ["registry/ui/default/core/dialog/demos/drawer.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/drawer")
-        ),
-      },
-      "dialog-inset-content": {
-        name: "dialog-inset-content",
-        files: ["registry/ui/default/core/dialog/demos/inset-content.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/inset-content")
-        ),
-      },
-      "dialog-nested": {
-        name: "dialog-nested",
-        files: ["registry/ui/default/core/dialog/demos/nested.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/nested")
-        ),
-      },
-      "dialog-popover": {
-        name: "dialog-popover",
-        files: ["registry/ui/default/core/dialog/demos/popover.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/popover")
-        ),
-      },
-      "dialog-title": {
-        name: "dialog-title",
-        files: ["registry/ui/default/core/dialog/demos/title.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/title")
-        ),
-      },
-      "dialog-types": {
-        name: "dialog-types",
-        files: ["registry/ui/default/core/dialog/demos/types.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/dialog/demos/types")
-        ),
-      },
-      "drop-zone-default": {
-        name: "drop-zone-default",
-        files: ["registry/ui/default/core/drop-zone/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/drop-zone/demos/default")
-        ),
-      },
-      "drop-zone-disabled": {
-        name: "drop-zone-disabled",
-        files: ["registry/ui/default/core/drop-zone/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/drop-zone/demos/disabled")
-        ),
-      },
-      "drop-zone-file-trigger": {
-        name: "drop-zone-file-trigger",
-        files: ["registry/ui/default/core/drop-zone/demos/file-trigger.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/drop-zone/demos/file-trigger")
-        ),
-      },
-      "drop-zone-label": {
-        name: "drop-zone-label",
-        files: ["registry/ui/default/core/drop-zone/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/drop-zone/demos/label")
-        ),
-      },
-      "file-trigger-default": {
-        name: "file-trigger-default",
-        files: ["registry/ui/default/core/file-trigger/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/file-trigger/demos/default")
-        ),
-      },
-      "file-trigger-directory-selection": {
-        name: "file-trigger-directory-selection",
-        files: [
-          "registry/ui/default/core/file-trigger/demos/directory-selection.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/file-trigger/demos/directory-selection"
-            )
-        ),
-      },
-      "file-trigger-file-types": {
-        name: "file-trigger-file-types",
-        files: ["registry/ui/default/core/file-trigger/demos/file-types.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/file-trigger/demos/file-types")
-        ),
-      },
-      "file-trigger-media-capture": {
-        name: "file-trigger-media-capture",
-        files: [
-          "registry/ui/default/core/file-trigger/demos/media-capture.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/file-trigger/demos/media-capture"
-            )
-        ),
-      },
-      "file-trigger-multiple-files": {
-        name: "file-trigger-multiple-files",
-        files: [
-          "registry/ui/default/core/file-trigger/demos/multiple-files.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/file-trigger/demos/multiple-files"
-            )
-        ),
-      },
-      "link-default": {
-        name: "link-default",
-        files: ["registry/ui/default/core/link/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/link/demos/default")
-        ),
-      },
-      "link-disabled": {
-        name: "link-disabled",
-        files: ["registry/ui/default/core/link/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/link/demos/disabled")
-        ),
-      },
-      "link-icon": {
-        name: "link-icon",
-        files: ["registry/ui/default/core/link/demos/icon.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/link/demos/icon")
-        ),
-      },
-      "link-variants": {
-        name: "link-variants",
-        files: ["registry/ui/default/core/link/demos/variants.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/link/demos/variants")
-        ),
-      },
-      "list-box-async-loading": {
-        name: "list-box-async-loading",
-        files: ["registry/ui/default/core/list-box/demos/async-loading.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/list-box/demos/async-loading")
-        ),
-      },
-      "list-box-basic": {
-        name: "list-box-basic",
-        files: ["registry/ui/default/core/list-box/demos/basic.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/basic")
-        ),
-      },
-      "list-box-composition": {
-        name: "list-box-composition",
-        files: ["registry/ui/default/core/list-box/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/composition")
-        ),
-      },
-      "list-box-contact-list": {
-        name: "list-box-contact-list",
-        files: ["registry/ui/default/core/list-box/demos/contact-list.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/contact-list")
-        ),
-      },
-      "list-box-controlled": {
-        name: "list-box-controlled",
-        files: ["registry/ui/default/core/list-box/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/controlled")
-        ),
-      },
-      "list-box-disabled-items": {
-        name: "list-box-disabled-items",
-        files: ["registry/ui/default/core/list-box/demos/disabled-items.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/list-box/demos/disabled-items")
-        ),
-      },
-      "list-box-empty-state": {
-        name: "list-box-empty-state",
-        files: ["registry/ui/default/core/list-box/demos/empty-state.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/empty-state")
-        ),
-      },
-      "list-box-grid": {
-        name: "list-box-grid",
-        files: ["registry/ui/default/core/list-box/demos/grid.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/grid")
-        ),
-      },
-      "list-box-horizontal": {
-        name: "list-box-horizontal",
-        files: ["registry/ui/default/core/list-box/demos/horizontal.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/horizontal")
-        ),
-      },
-      "list-box-image-grid": {
-        name: "list-box-image-grid",
-        files: ["registry/ui/default/core/list-box/demos/image-grid.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/image-grid")
-        ),
-      },
-      "list-box-item-variant": {
-        name: "list-box-item-variant",
-        files: ["registry/ui/default/core/list-box/demos/item-variant.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/item-variant")
-        ),
-      },
-      "list-box-label-and-description": {
-        name: "list-box-label-and-description",
-        files: [
-          "registry/ui/default/core/list-box/demos/label-and-description.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/list-box/demos/label-and-description"
-            )
-        ),
-      },
-      "list-box-links": {
-        name: "list-box-links",
-        files: ["registry/ui/default/core/list-box/demos/links.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/links")
-        ),
-      },
-      "list-box-loading": {
-        name: "list-box-loading",
-        files: ["registry/ui/default/core/list-box/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/loading")
-        ),
-      },
-      "list-box-prefix-and-suffix": {
-        name: "list-box-prefix-and-suffix",
-        files: [
-          "registry/ui/default/core/list-box/demos/prefix-and-suffix.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/list-box/demos/prefix-and-suffix"
-            )
-        ),
-      },
-      "list-box-sections": {
-        name: "list-box-sections",
-        files: ["registry/ui/default/core/list-box/demos/sections.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/sections")
-        ),
-      },
-      "list-box-selection-behavior": {
-        name: "list-box-selection-behavior",
-        files: [
-          "registry/ui/default/core/list-box/demos/selection-behavior.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/list-box/demos/selection-behavior"
-            )
-        ),
-      },
-      "list-box-selection-mode": {
-        name: "list-box-selection-mode",
-        files: ["registry/ui/default/core/list-box/demos/selection-mode.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/list-box/demos/selection-mode")
-        ),
-      },
-      "list-box-separator": {
-        name: "list-box-separator",
-        files: ["registry/ui/default/core/list-box/demos/separator.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/separator")
-        ),
-      },
-      "list-box-uncontrolled": {
-        name: "list-box-uncontrolled",
-        files: ["registry/ui/default/core/list-box/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/list-box/demos/uncontrolled")
-        ),
-      },
-      "menu-basic": {
-        name: "menu-basic",
-        files: ["registry/ui/default/core/menu/demos/basic.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/basic")
-        ),
-      },
-      "menu-composition": {
-        name: "menu-composition",
-        files: ["registry/ui/default/core/menu/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/composition")
-        ),
-      },
-      "menu-controlled": {
-        name: "menu-controlled",
-        files: ["registry/ui/default/core/menu/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/controlled")
-        ),
-      },
-      "menu-disabled-items": {
-        name: "menu-disabled-items",
-        files: ["registry/ui/default/core/menu/demos/disabled-items.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/disabled-items")
-        ),
-      },
-      "menu-item-variant": {
-        name: "menu-item-variant",
-        files: ["registry/ui/default/core/menu/demos/item-variant.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/item-variant")
-        ),
-      },
-      "menu-label-and-description": {
-        name: "menu-label-and-description",
-        files: [
-          "registry/ui/default/core/menu/demos/label-and-description.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/menu/demos/label-and-description"
-            )
-        ),
-      },
-      "menu-link-items": {
-        name: "menu-link-items",
-        files: ["registry/ui/default/core/menu/demos/link-items.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/link-items")
-        ),
-      },
-      "menu-long-press": {
-        name: "menu-long-press",
-        files: ["registry/ui/default/core/menu/demos/long-press.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/long-press")
-        ),
-      },
-      "menu-multiple-selection": {
-        name: "menu-multiple-selection",
-        files: ["registry/ui/default/core/menu/demos/multiple-selection.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/menu/demos/multiple-selection")
-        ),
-      },
-      "menu-overlay-type": {
-        name: "menu-overlay-type",
-        files: ["registry/ui/default/core/menu/demos/overlay-type.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/overlay-type")
-        ),
-      },
-      "menu-placement": {
-        name: "menu-placement",
-        files: ["registry/ui/default/core/menu/demos/placement.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/placement")
-        ),
-      },
-      "menu-prefix-and-suffix": {
-        name: "menu-prefix-and-suffix",
-        files: ["registry/ui/default/core/menu/demos/prefix-and-suffix.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/menu/demos/prefix-and-suffix")
-        ),
-      },
-      "menu-section": {
-        name: "menu-section",
-        files: ["registry/ui/default/core/menu/demos/section.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/section")
-        ),
-      },
-      "menu-separator": {
-        name: "menu-separator",
-        files: ["registry/ui/default/core/menu/demos/separator.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/separator")
-        ),
-      },
-      "menu-shortcut": {
-        name: "menu-shortcut",
-        files: ["registry/ui/default/core/menu/demos/shortcut.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/shortcut")
-        ),
-      },
-      "menu-single-selection": {
-        name: "menu-single-selection",
-        files: ["registry/ui/default/core/menu/demos/single-selection.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/single-selection")
-        ),
-      },
-      "menu-submenus": {
-        name: "menu-submenus",
-        files: ["registry/ui/default/core/menu/demos/submenus.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/menu/demos/submenus")
-        ),
-      },
-      "number-field-composition": {
-        name: "number-field-composition",
-        files: ["registry/ui/default/core/number-field/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/number-field/demos/composition")
-        ),
-      },
-      "number-field-contextual-help": {
-        name: "number-field-contextual-help",
-        files: [
-          "registry/ui/default/core/number-field/demos/contextual-help.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/number-field/demos/contextual-help"
-            )
-        ),
-      },
-      "number-field-controlled": {
-        name: "number-field-controlled",
-        files: ["registry/ui/default/core/number-field/demos/controlled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/number-field/demos/controlled")
-        ),
-      },
-      "number-field-default": {
-        name: "number-field-default",
-        files: ["registry/ui/default/core/number-field/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/number-field/demos/default")
-        ),
-      },
-      "number-field-description": {
-        name: "number-field-description",
-        files: ["registry/ui/default/core/number-field/demos/description.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/number-field/demos/description")
-        ),
-      },
-      "number-field-disabled": {
-        name: "number-field-disabled",
-        files: ["registry/ui/default/core/number-field/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/number-field/demos/disabled")
-        ),
-      },
-      "number-field-error-message": {
-        name: "number-field-error-message",
-        files: [
-          "registry/ui/default/core/number-field/demos/error-message.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/number-field/demos/error-message"
-            )
-        ),
-      },
-      "number-field-format-options": {
-        name: "number-field-format-options",
-        files: [
-          "registry/ui/default/core/number-field/demos/format-options.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/number-field/demos/format-options"
-            )
-        ),
-      },
-      "number-field-label": {
-        name: "number-field-label",
-        files: ["registry/ui/default/core/number-field/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/number-field/demos/label")
-        ),
-      },
-      "number-field-read-only": {
-        name: "number-field-read-only",
-        files: ["registry/ui/default/core/number-field/demos/read-only.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/number-field/demos/read-only")
-        ),
-      },
-      "number-field-required": {
-        name: "number-field-required",
-        files: ["registry/ui/default/core/number-field/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/number-field/demos/required")
-        ),
-      },
-      "number-field-sizes": {
-        name: "number-field-sizes",
-        files: ["registry/ui/default/core/number-field/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/number-field/demos/sizes")
-        ),
-      },
-      "number-field-uncontrolled": {
-        name: "number-field-uncontrolled",
-        files: ["registry/ui/default/core/number-field/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/number-field/demos/uncontrolled")
-        ),
-      },
-      "progress-composition": {
-        name: "progress-composition",
-        files: ["registry/ui/default/core/progress/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/progress/demos/composition")
-        ),
-      },
-      "progress-custom-color": {
-        name: "progress-custom-color",
-        files: ["registry/ui/default/core/progress/demos/custom-color.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/progress/demos/custom-color")
-        ),
-      },
-      "progress-custom-value-label": {
-        name: "progress-custom-value-label",
-        files: [
-          "registry/ui/default/core/progress/demos/custom-value-label.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/progress/demos/custom-value-label"
-            )
-        ),
-      },
-      "progress-default": {
-        name: "progress-default",
-        files: ["registry/ui/default/core/progress/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/progress/demos/default")
-        ),
-      },
-      "progress-duration": {
-        name: "progress-duration",
-        files: ["registry/ui/default/core/progress/demos/duration.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/progress/demos/duration")
-        ),
-      },
-      "progress-format-options": {
-        name: "progress-format-options",
-        files: ["registry/ui/default/core/progress/demos/format-options.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/progress/demos/format-options")
-        ),
-      },
-      "progress-indeterminate": {
-        name: "progress-indeterminate",
-        files: ["registry/ui/default/core/progress/demos/indeterminate.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/progress/demos/indeterminate")
-        ),
-      },
-      "progress-label": {
-        name: "progress-label",
-        files: ["registry/ui/default/core/progress/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/progress/demos/label")
-        ),
-      },
-      "progress-min-max-values": {
-        name: "progress-min-max-values",
-        files: ["registry/ui/default/core/progress/demos/min-max-values.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/progress/demos/min-max-values")
-        ),
-      },
-      "progress-shape": {
-        name: "progress-shape",
-        files: ["registry/ui/default/core/progress/demos/shape.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/progress/demos/shape")
-        ),
-      },
-      "progress-sizes": {
-        name: "progress-sizes",
-        files: ["registry/ui/default/core/progress/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/progress/demos/sizes")
-        ),
-      },
-      "progress-toolbar": {
-        name: "progress-toolbar",
-        files: ["registry/ui/default/core/progress/demos/toolbar.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/progress/demos/toolbar")
-        ),
-      },
-      "progress-value-label": {
-        name: "progress-value-label",
-        files: ["registry/ui/default/core/progress/demos/value-label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/progress/demos/value-label")
-        ),
-      },
-      "progress-variants": {
-        name: "progress-variants",
-        files: ["registry/ui/default/core/progress/demos/variants.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/progress/demos/variants")
-        ),
-      },
-      "radio-group-cards": {
-        name: "radio-group-cards",
-        files: ["registry/ui/default/core/radio-group/demos/cards.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/radio-group/demos/cards")
-        ),
-      },
-      "radio-group-composition": {
-        name: "radio-group-composition",
-        files: ["registry/ui/default/core/radio-group/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/radio-group/demos/composition")
-        ),
-      },
-      "radio-group-contextual-help": {
-        name: "radio-group-contextual-help",
-        files: [
-          "registry/ui/default/core/radio-group/demos/contextual-help.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/radio-group/demos/contextual-help"
-            )
-        ),
-      },
-      "radio-group-controlled": {
-        name: "radio-group-controlled",
-        files: ["registry/ui/default/core/radio-group/demos/controlled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/radio-group/demos/controlled")
-        ),
-      },
-      "radio-group-default": {
-        name: "radio-group-default",
-        files: ["registry/ui/default/core/radio-group/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/radio-group/demos/default")
-        ),
-      },
-      "radio-group-description": {
-        name: "radio-group-description",
-        files: ["registry/ui/default/core/radio-group/demos/description.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/radio-group/demos/description")
-        ),
-      },
-      "radio-group-disabled": {
-        name: "radio-group-disabled",
-        files: ["registry/ui/default/core/radio-group/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/radio-group/demos/disabled")
-        ),
-      },
-      "radio-group-error-message": {
-        name: "radio-group-error-message",
-        files: ["registry/ui/default/core/radio-group/demos/error-message.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/radio-group/demos/error-message")
-        ),
-      },
-      "radio-group-label": {
-        name: "radio-group-label",
-        files: ["registry/ui/default/core/radio-group/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/radio-group/demos/label")
-        ),
-      },
-      "radio-group-orientation": {
-        name: "radio-group-orientation",
-        files: ["registry/ui/default/core/radio-group/demos/orientation.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/radio-group/demos/orientation")
-        ),
-      },
-      "radio-group-read-only": {
-        name: "radio-group-read-only",
-        files: ["registry/ui/default/core/radio-group/demos/read-only.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/radio-group/demos/read-only")
-        ),
-      },
-      "radio-group-required": {
-        name: "radio-group-required",
-        files: ["registry/ui/default/core/radio-group/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/radio-group/demos/required")
-        ),
-      },
-      "radio-group-uncontrolled": {
-        name: "radio-group-uncontrolled",
-        files: ["registry/ui/default/core/radio-group/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/radio-group/demos/uncontrolled")
-        ),
-      },
-      "range-calendar-composition": {
-        name: "range-calendar-composition",
-        files: [
-          "registry/ui/default/core/range-calendar/demos/composition.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/range-calendar/demos/composition"
-            )
-        ),
-      },
-      "range-calendar-controlled": {
-        name: "range-calendar-controlled",
-        files: ["registry/ui/default/core/range-calendar/demos/controlled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/range-calendar/demos/controlled")
-        ),
-      },
-      "range-calendar-default": {
-        name: "range-calendar-default",
-        files: ["registry/ui/default/core/range-calendar/demos/default.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/range-calendar/demos/default")
-        ),
-      },
-      "range-calendar-disabled": {
-        name: "range-calendar-disabled",
-        files: ["registry/ui/default/core/range-calendar/demos/disabled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/range-calendar/demos/disabled")
-        ),
-      },
-      "range-calendar-error-message": {
-        name: "range-calendar-error-message",
-        files: [
-          "registry/ui/default/core/range-calendar/demos/error-message.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/range-calendar/demos/error-message"
-            )
-        ),
-      },
-      "range-calendar-label": {
-        name: "range-calendar-label",
-        files: ["registry/ui/default/core/range-calendar/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/range-calendar/demos/label")
-        ),
-      },
-      "range-calendar-non-contiguous-ranges": {
-        name: "range-calendar-non-contiguous-ranges",
-        files: [
-          "registry/ui/default/core/range-calendar/demos/non-contiguous-ranges.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/range-calendar/demos/non-contiguous-ranges"
-            )
-        ),
-      },
-      "range-calendar-page-behaviour": {
-        name: "range-calendar-page-behaviour",
-        files: [
-          "registry/ui/default/core/range-calendar/demos/page-behaviour.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/range-calendar/demos/page-behaviour"
-            )
-        ),
-      },
-      "range-calendar-read-only": {
-        name: "range-calendar-read-only",
-        files: ["registry/ui/default/core/range-calendar/demos/read-only.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/range-calendar/demos/read-only")
-        ),
-      },
-      "range-calendar-uncontrolled": {
-        name: "range-calendar-uncontrolled",
-        files: [
-          "registry/ui/default/core/range-calendar/demos/uncontrolled.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/range-calendar/demos/uncontrolled"
-            )
-        ),
-      },
-      "range-calendar-unvailable-dates": {
-        name: "range-calendar-unvailable-dates",
-        files: [
-          "registry/ui/default/core/range-calendar/demos/unvailable-dates.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/range-calendar/demos/unvailable-dates"
-            )
-        ),
-      },
-      "range-calendar-validation": {
-        name: "range-calendar-validation",
-        files: ["registry/ui/default/core/range-calendar/demos/validation.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/range-calendar/demos/validation")
-        ),
-      },
-      "range-calendar-visible-months": {
-        name: "range-calendar-visible-months",
-        files: [
-          "registry/ui/default/core/range-calendar/demos/visible-months.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/range-calendar/demos/visible-months"
-            )
-        ),
-      },
-      "scroll-area-default": {
-        name: "scroll-area-default",
-        files: ["registry/ui/default/core/scroll-area/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/scroll-area/demos/default")
-        ),
-      },
-      "scroll-area-scrollbars": {
-        name: "scroll-area-scrollbars",
-        files: ["registry/ui/default/core/scroll-area/demos/scrollbars.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/scroll-area/demos/scrollbars")
-        ),
-      },
-      "scroll-area-sizes": {
-        name: "scroll-area-sizes",
-        files: ["registry/ui/default/core/scroll-area/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/scroll-area/demos/sizes")
-        ),
-      },
-      "search-field-composition": {
-        name: "search-field-composition",
-        files: ["registry/ui/default/core/search-field/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/search-field/demos/composition")
-        ),
-      },
-      "search-field-contextual-help": {
-        name: "search-field-contextual-help",
-        files: [
-          "registry/ui/default/core/search-field/demos/contextual-help.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/search-field/demos/contextual-help"
-            )
-        ),
-      },
-      "search-field-controlled": {
-        name: "search-field-controlled",
-        files: ["registry/ui/default/core/search-field/demos/controlled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/search-field/demos/controlled")
-        ),
-      },
-      "search-field-default": {
-        name: "search-field-default",
-        files: ["registry/ui/default/core/search-field/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/search-field/demos/default")
-        ),
-      },
-      "search-field-description": {
-        name: "search-field-description",
-        files: ["registry/ui/default/core/search-field/demos/description.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/search-field/demos/description")
-        ),
-      },
-      "search-field-disabled": {
-        name: "search-field-disabled",
-        files: ["registry/ui/default/core/search-field/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/search-field/demos/disabled")
-        ),
-      },
-      "search-field-error-message": {
-        name: "search-field-error-message",
-        files: [
-          "registry/ui/default/core/search-field/demos/error-message.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/search-field/demos/error-message"
-            )
-        ),
-      },
-      "search-field-form": {
-        name: "search-field-form",
-        files: ["registry/ui/default/core/search-field/demos/form.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/search-field/demos/form")
-        ),
-      },
-      "search-field-label": {
-        name: "search-field-label",
-        files: ["registry/ui/default/core/search-field/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/search-field/demos/label")
-        ),
-      },
-      "search-field-loading": {
-        name: "search-field-loading",
-        files: ["registry/ui/default/core/search-field/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/search-field/demos/loading")
-        ),
-      },
-      "search-field-prefix-and-suffix": {
-        name: "search-field-prefix-and-suffix",
-        files: [
-          "registry/ui/default/core/search-field/demos/prefix-and-suffix.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/search-field/demos/prefix-and-suffix"
-            )
-        ),
-      },
-      "search-field-read-only": {
-        name: "search-field-read-only",
-        files: ["registry/ui/default/core/search-field/demos/read-only.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/search-field/demos/read-only")
-        ),
-      },
-      "search-field-required": {
-        name: "search-field-required",
-        files: ["registry/ui/default/core/search-field/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/search-field/demos/required")
-        ),
-      },
-      "search-field-sizes": {
-        name: "search-field-sizes",
-        files: ["registry/ui/default/core/search-field/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/search-field/demos/sizes")
-        ),
-      },
-      "search-field-uncontrolled": {
-        name: "search-field-uncontrolled",
-        files: ["registry/ui/default/core/search-field/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/search-field/demos/uncontrolled")
-        ),
-      },
-      "select-async-loading": {
-        name: "select-async-loading",
-        files: ["registry/ui/default/core/select/demos/async-loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/async-loading")
-        ),
-      },
-      "select-basic": {
-        name: "select-basic",
-        files: ["registry/ui/default/core/select/demos/basic.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/basic")
-        ),
-      },
-      "select-composition": {
-        name: "select-composition",
-        files: ["registry/ui/default/core/select/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/composition")
-        ),
-      },
-      "select-contextual-help": {
-        name: "select-contextual-help",
-        files: ["registry/ui/default/core/select/demos/contextual-help.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/select/demos/contextual-help")
-        ),
-      },
-      "select-controlled": {
-        name: "select-controlled",
-        files: ["registry/ui/default/core/select/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/controlled")
-        ),
-      },
-      "select-description": {
-        name: "select-description",
-        files: ["registry/ui/default/core/select/demos/description.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/description")
-        ),
-      },
-      "select-disabled": {
-        name: "select-disabled",
-        files: ["registry/ui/default/core/select/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/disabled")
-        ),
-      },
-      "select-label": {
-        name: "select-label",
-        files: ["registry/ui/default/core/select/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/label")
-        ),
-      },
-      "select-links": {
-        name: "select-links",
-        files: ["registry/ui/default/core/select/demos/links.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/links")
-        ),
-      },
-      "select-loading": {
-        name: "select-loading",
-        files: ["registry/ui/default/core/select/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/loading")
-        ),
-      },
-      "select-placeholder": {
-        name: "select-placeholder",
-        files: ["registry/ui/default/core/select/demos/placeholder.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/placeholder")
-        ),
-      },
-      "select-required": {
-        name: "select-required",
-        files: ["registry/ui/default/core/select/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/required")
-        ),
-      },
-      "select-sections": {
-        name: "select-sections",
-        files: ["registry/ui/default/core/select/demos/sections.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/sections")
-        ),
-      },
-      "select-uncontrolled": {
-        name: "select-uncontrolled",
-        files: ["registry/ui/default/core/select/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/uncontrolled")
-        ),
-      },
-      "select-validation": {
-        name: "select-validation",
-        files: ["registry/ui/default/core/select/demos/validation.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/select/demos/validation")
-        ),
-      },
-      "separator-card": {
-        name: "separator-card",
-        files: ["registry/ui/default/core/separator/demos/card.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/separator/demos/card")
-        ),
-      },
-      "separator-orientation": {
-        name: "separator-orientation",
-        files: ["registry/ui/default/core/separator/demos/orientation.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/separator/demos/orientation")
-        ),
-      },
-      "skeleton-api-simulation": {
-        name: "skeleton-api-simulation",
-        files: ["registry/ui/default/core/skeleton/demos/api-simulation.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/skeleton/demos/api-simulation")
-        ),
-      },
-      "skeleton-card": {
-        name: "skeleton-card",
-        files: ["registry/ui/default/core/skeleton/demos/card.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/skeleton/demos/card")
-        ),
-      },
-      "skeleton-children": {
-        name: "skeleton-children",
-        files: ["registry/ui/default/core/skeleton/demos/children.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/skeleton/demos/children")
-        ),
-      },
-      "skeleton-fixed-size-children": {
-        name: "skeleton-fixed-size-children",
-        files: [
-          "registry/ui/default/core/skeleton/demos/fixed-size-children.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/skeleton/demos/fixed-size-children"
-            )
-        ),
-      },
-      "skeleton-show": {
-        name: "skeleton-show",
-        files: ["registry/ui/default/core/skeleton/demos/show.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/skeleton/demos/show")
-        ),
-      },
-      "slider-advanced-composition": {
-        name: "slider-advanced-composition",
-        files: [
-          "registry/ui/default/core/slider/demos/advanced-composition.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/slider/demos/advanced-composition"
-            )
-        ),
-      },
-      "slider-composition": {
-        name: "slider-composition",
-        files: ["registry/ui/default/core/slider/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/composition")
-        ),
-      },
-      "slider-controlled": {
-        name: "slider-controlled",
-        files: ["registry/ui/default/core/slider/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/controlled")
-        ),
-      },
-      "slider-default": {
-        name: "slider-default",
-        files: ["registry/ui/default/core/slider/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/default")
-        ),
-      },
-      "slider-description": {
-        name: "slider-description",
-        files: ["registry/ui/default/core/slider/demos/description.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/description")
-        ),
-      },
-      "slider-disabled": {
-        name: "slider-disabled",
-        files: ["registry/ui/default/core/slider/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/disabled")
-        ),
-      },
-      "slider-format-options": {
-        name: "slider-format-options",
-        files: ["registry/ui/default/core/slider/demos/format-options.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/format-options")
-        ),
-      },
-      "slider-label": {
-        name: "slider-label",
-        files: ["registry/ui/default/core/slider/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/label")
-        ),
-      },
-      "slider-range": {
-        name: "slider-range",
-        files: ["registry/ui/default/core/slider/demos/range.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/range")
-        ),
-      },
-      "slider-sizes": {
-        name: "slider-sizes",
-        files: ["registry/ui/default/core/slider/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/sizes")
-        ),
-      },
-      "slider-step": {
-        name: "slider-step",
-        files: ["registry/ui/default/core/slider/demos/step.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/step")
-        ),
-      },
-      "slider-uncontrolled": {
-        name: "slider-uncontrolled",
-        files: ["registry/ui/default/core/slider/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/uncontrolled")
-        ),
-      },
-      "slider-value-label": {
-        name: "slider-value-label",
-        files: ["registry/ui/default/core/slider/demos/value-label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/value-label")
-        ),
-      },
-      "slider-value-scale": {
-        name: "slider-value-scale",
-        files: ["registry/ui/default/core/slider/demos/value-scale.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/value-scale")
-        ),
-      },
-      "slider-vertical": {
-        name: "slider-vertical",
-        files: ["registry/ui/default/core/slider/demos/vertical.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/slider/demos/vertical")
-        ),
-      },
-      "switch-controlled": {
-        name: "switch-controlled",
-        files: ["registry/ui/default/core/switch/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/switch/demos/controlled")
-        ),
-      },
-      "switch-default": {
-        name: "switch-default",
-        files: ["registry/ui/default/core/switch/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/switch/demos/default")
-        ),
-      },
-      "switch-disabled": {
-        name: "switch-disabled",
-        files: ["registry/ui/default/core/switch/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/switch/demos/disabled")
-        ),
-      },
-      "switch-label": {
-        name: "switch-label",
-        files: ["registry/ui/default/core/switch/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/switch/demos/label")
-        ),
-      },
-      "switch-sizes": {
-        name: "switch-sizes",
-        files: ["registry/ui/default/core/switch/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/switch/demos/sizes")
-        ),
-      },
-      "switch-uncontrolled": {
-        name: "switch-uncontrolled",
-        files: ["registry/ui/default/core/switch/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/switch/demos/uncontrolled")
-        ),
-      },
-      "tabs-basic": {
-        name: "tabs-basic",
-        files: ["registry/ui/default/core/tabs/demos/basic.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tabs/demos/basic")
-        ),
-      },
-      "tabs-controlled": {
-        name: "tabs-controlled",
-        files: ["registry/ui/default/core/tabs/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tabs/demos/controlled")
-        ),
-      },
-      "tabs-disabled-item": {
-        name: "tabs-disabled-item",
-        files: ["registry/ui/default/core/tabs/demos/disabled-item.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tabs/demos/disabled-item")
-        ),
-      },
-      "tabs-disabled": {
-        name: "tabs-disabled",
-        files: ["registry/ui/default/core/tabs/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tabs/demos/disabled")
-        ),
-      },
-      "tabs-keyboard-activation": {
-        name: "tabs-keyboard-activation",
-        files: ["registry/ui/default/core/tabs/demos/keyboard-activation.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/tabs/demos/keyboard-activation")
-        ),
-      },
-      "tabs-vertical": {
-        name: "tabs-vertical",
-        files: ["registry/ui/default/core/tabs/demos/vertical.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tabs/demos/vertical")
-        ),
-      },
-      "text-area-composition": {
-        name: "text-area-composition",
-        files: ["registry/ui/default/core/text-area/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-area/demos/composition")
-        ),
-      },
-      "text-area-contextual-help": {
-        name: "text-area-contextual-help",
-        files: ["registry/ui/default/core/text-area/demos/contextual-help.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/text-area/demos/contextual-help")
-        ),
-      },
-      "text-area-controlled": {
-        name: "text-area-controlled",
-        files: ["registry/ui/default/core/text-area/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-area/demos/controlled")
-        ),
-      },
-      "text-area-default": {
-        name: "text-area-default",
-        files: ["registry/ui/default/core/text-area/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-area/demos/default")
-        ),
-      },
-      "text-area-description": {
-        name: "text-area-description",
-        files: ["registry/ui/default/core/text-area/demos/description.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-area/demos/description")
-        ),
-      },
-      "text-area-disabled": {
-        name: "text-area-disabled",
-        files: ["registry/ui/default/core/text-area/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-area/demos/disabled")
-        ),
-      },
-      "text-area-error-message": {
-        name: "text-area-error-message",
-        files: ["registry/ui/default/core/text-area/demos/error-message.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/text-area/demos/error-message")
-        ),
-      },
-      "text-area-form": {
-        name: "text-area-form",
-        files: ["registry/ui/default/core/text-area/demos/form.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-area/demos/form")
-        ),
-      },
-      "text-area-label": {
-        name: "text-area-label",
-        files: ["registry/ui/default/core/text-area/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-area/demos/label")
-        ),
-      },
-      "text-area-loading": {
-        name: "text-area-loading",
-        files: ["registry/ui/default/core/text-area/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-area/demos/loading")
-        ),
-      },
-      "text-area-prefix-and-suffix": {
-        name: "text-area-prefix-and-suffix",
-        files: [
-          "registry/ui/default/core/text-area/demos/prefix-and-suffix.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/text-area/demos/prefix-and-suffix"
-            )
-        ),
-      },
-      "text-area-read-only": {
-        name: "text-area-read-only",
-        files: ["registry/ui/default/core/text-area/demos/read-only.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-area/demos/read-only")
-        ),
-      },
-      "text-area-required": {
-        name: "text-area-required",
-        files: ["registry/ui/default/core/text-area/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-area/demos/required")
-        ),
-      },
-      "text-area-uncontrolled": {
-        name: "text-area-uncontrolled",
-        files: ["registry/ui/default/core/text-area/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/text-area/demos/uncontrolled")
-        ),
-      },
-      "text-field-composition": {
-        name: "text-field-composition",
-        files: ["registry/ui/default/core/text-field/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/text-field/demos/composition")
-        ),
-      },
-      "text-field-contextual-help": {
-        name: "text-field-contextual-help",
-        files: [
-          "registry/ui/default/core/text-field/demos/contextual-help.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/text-field/demos/contextual-help"
-            )
-        ),
-      },
-      "text-field-controlled": {
-        name: "text-field-controlled",
-        files: ["registry/ui/default/core/text-field/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-field/demos/controlled")
-        ),
-      },
-      "text-field-default": {
-        name: "text-field-default",
-        files: ["registry/ui/default/core/text-field/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-field/demos/default")
-        ),
-      },
-      "text-field-description": {
-        name: "text-field-description",
-        files: ["registry/ui/default/core/text-field/demos/description.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/text-field/demos/description")
-        ),
-      },
-      "text-field-disabled": {
-        name: "text-field-disabled",
-        files: ["registry/ui/default/core/text-field/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-field/demos/disabled")
-        ),
-      },
-      "text-field-error-message": {
-        name: "text-field-error-message",
-        files: ["registry/ui/default/core/text-field/demos/error-message.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/text-field/demos/error-message")
-        ),
-      },
-      "text-field-label": {
-        name: "text-field-label",
-        files: ["registry/ui/default/core/text-field/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-field/demos/label")
-        ),
-      },
-      "text-field-loading": {
-        name: "text-field-loading",
-        files: ["registry/ui/default/core/text-field/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-field/demos/loading")
-        ),
-      },
-      "text-field-prefix-and-suffix": {
-        name: "text-field-prefix-and-suffix",
-        files: [
-          "registry/ui/default/core/text-field/demos/prefix-and-suffix.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/text-field/demos/prefix-and-suffix"
-            )
-        ),
-      },
-      "text-field-read-only": {
-        name: "text-field-read-only",
-        files: ["registry/ui/default/core/text-field/demos/read-only.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-field/demos/read-only")
-        ),
-      },
-      "text-field-required": {
-        name: "text-field-required",
-        files: ["registry/ui/default/core/text-field/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-field/demos/required")
-        ),
-      },
-      "text-field-sizes": {
-        name: "text-field-sizes",
-        files: ["registry/ui/default/core/text-field/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/text-field/demos/sizes")
-        ),
-      },
-      "text-field-uncontrolled": {
-        name: "text-field-uncontrolled",
-        files: ["registry/ui/default/core/text-field/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/text-field/demos/uncontrolled")
-        ),
-      },
-      "time-field-composition": {
-        name: "time-field-composition",
-        files: ["registry/ui/default/core/time-field/demos/composition.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/time-field/demos/composition")
-        ),
-      },
-      "time-field-contextual-help": {
-        name: "time-field-contextual-help",
-        files: [
-          "registry/ui/default/core/time-field/demos/contextual-help.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/time-field/demos/contextual-help"
-            )
-        ),
-      },
-      "time-field-controlled": {
-        name: "time-field-controlled",
-        files: ["registry/ui/default/core/time-field/demos/controlled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/time-field/demos/controlled")
-        ),
-      },
-      "time-field-default": {
-        name: "time-field-default",
-        files: ["registry/ui/default/core/time-field/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/time-field/demos/default")
-        ),
-      },
-      "time-field-description": {
-        name: "time-field-description",
-        files: ["registry/ui/default/core/time-field/demos/description.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/time-field/demos/description")
-        ),
-      },
-      "time-field-disabled": {
-        name: "time-field-disabled",
-        files: ["registry/ui/default/core/time-field/demos/disabled.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/time-field/demos/disabled")
-        ),
-      },
-      "time-field-error-message": {
-        name: "time-field-error-message",
-        files: ["registry/ui/default/core/time-field/demos/error-message.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/time-field/demos/error-message")
-        ),
-      },
-      "time-field-granularity": {
-        name: "time-field-granularity",
-        files: ["registry/ui/default/core/time-field/demos/granularity.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/time-field/demos/granularity")
-        ),
-      },
-      "time-field-hide-time-zone": {
-        name: "time-field-hide-time-zone",
-        files: ["registry/ui/default/core/time-field/demos/hide-time-zone.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/time-field/demos/hide-time-zone")
-        ),
-      },
-      "time-field-hour-cycle": {
-        name: "time-field-hour-cycle",
-        files: ["registry/ui/default/core/time-field/demos/hour-cycle.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/time-field/demos/hour-cycle")
-        ),
-      },
-      "time-field-label": {
-        name: "time-field-label",
-        files: ["registry/ui/default/core/time-field/demos/label.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/time-field/demos/label")
-        ),
-      },
-      "time-field-loading": {
-        name: "time-field-loading",
-        files: ["registry/ui/default/core/time-field/demos/loading.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/time-field/demos/loading")
-        ),
-      },
-      "time-field-placeholder": {
-        name: "time-field-placeholder",
-        files: ["registry/ui/default/core/time-field/demos/placeholder.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/time-field/demos/placeholder")
-        ),
-      },
-      "time-field-prefix-and-suffix": {
-        name: "time-field-prefix-and-suffix",
-        files: [
-          "registry/ui/default/core/time-field/demos/prefix-and-suffix.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/time-field/demos/prefix-and-suffix"
-            )
-        ),
-      },
-      "time-field-read-only": {
-        name: "time-field-read-only",
-        files: ["registry/ui/default/core/time-field/demos/read-only.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/time-field/demos/read-only")
-        ),
-      },
-      "time-field-required": {
-        name: "time-field-required",
-        files: ["registry/ui/default/core/time-field/demos/required.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/time-field/demos/required")
-        ),
-      },
-      "time-field-sizes": {
-        name: "time-field-sizes",
-        files: ["registry/ui/default/core/time-field/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/time-field/demos/sizes")
-        ),
-      },
-      "time-field-time-zones": {
-        name: "time-field-time-zones",
-        files: ["registry/ui/default/core/time-field/demos/time-zones.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/time-field/demos/time-zones")
-        ),
-      },
-      "time-field-uncontrolled": {
-        name: "time-field-uncontrolled",
-        files: ["registry/ui/default/core/time-field/demos/uncontrolled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/time-field/demos/uncontrolled")
-        ),
-      },
-      "toggle-button-controlled": {
-        name: "toggle-button-controlled",
-        files: ["registry/ui/default/core/toggle-button/demos/controlled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/toggle-button/demos/controlled")
-        ),
-      },
-      "toggle-button-default": {
-        name: "toggle-button-default",
-        files: ["registry/ui/default/core/toggle-button/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/toggle-button/demos/default")
-        ),
-      },
-      "toggle-button-disabled": {
-        name: "toggle-button-disabled",
-        files: ["registry/ui/default/core/toggle-button/demos/disabled.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/toggle-button/demos/disabled")
-        ),
-      },
-      "toggle-button-shapes": {
-        name: "toggle-button-shapes",
-        files: ["registry/ui/default/core/toggle-button/demos/shapes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/toggle-button/demos/shapes")
-        ),
-      },
-      "toggle-button-sizes": {
-        name: "toggle-button-sizes",
-        files: ["registry/ui/default/core/toggle-button/demos/sizes.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/toggle-button/demos/sizes")
-        ),
-      },
-      "toggle-button-uncontrolled": {
-        name: "toggle-button-uncontrolled",
-        files: [
-          "registry/ui/default/core/toggle-button/demos/uncontrolled.tsx",
-        ],
-        component: React.lazy(
-          () =>
-            import(
-              "@/registry/ui/default/core/toggle-button/demos/uncontrolled"
-            )
-        ),
-      },
-      "toggle-button-variants": {
-        name: "toggle-button-variants",
-        files: ["registry/ui/default/core/toggle-button/demos/variants.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/toggle-button/demos/variants")
-        ),
-      },
-      "tooltip-arrow": {
-        name: "tooltip-arrow",
-        files: ["registry/ui/default/core/tooltip/demos/arrow.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tooltip/demos/arrow")
-        ),
-      },
-      "tooltip-composition": {
-        name: "tooltip-composition",
-        files: ["registry/ui/default/core/tooltip/demos/composition.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tooltip/demos/composition")
-        ),
-      },
-      "tooltip-container-padding": {
-        name: "tooltip-container-padding",
-        files: ["registry/ui/default/core/tooltip/demos/container-padding.tsx"],
-        component: React.lazy(
-          () =>
-            import("@/registry/ui/default/core/tooltip/demos/container-padding")
-        ),
-      },
-      "tooltip-default": {
-        name: "tooltip-default",
-        files: ["registry/ui/default/core/tooltip/demos/default.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tooltip/demos/default")
-        ),
-      },
-      "tooltip-delay": {
-        name: "tooltip-delay",
-        files: ["registry/ui/default/core/tooltip/demos/delay.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tooltip/demos/delay")
-        ),
-      },
-      "tooltip-flip": {
-        name: "tooltip-flip",
-        files: ["registry/ui/default/core/tooltip/demos/flip.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tooltip/demos/flip")
-        ),
-      },
-      "tooltip-offset": {
-        name: "tooltip-offset",
-        files: ["registry/ui/default/core/tooltip/demos/offset.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tooltip/demos/offset")
-        ),
-      },
-      "tooltip-placement": {
-        name: "tooltip-placement",
-        files: ["registry/ui/default/core/tooltip/demos/placement.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tooltip/demos/placement")
-        ),
-      },
-      "tooltip-with-arrow": {
-        name: "tooltip-with-arrow",
-        files: ["registry/ui/default/core/tooltip/demos/with-arrow.tsx"],
-        component: React.lazy(
-          () => import("@/registry/ui/default/core/tooltip/demos/with-arrow")
-        ),
-      },
+    "alert-action": {
+      name: "alert-action",
+      component: React.lazy(() => import("@/registry-v2/demos/alert/action")),
+    },
+    "alert-composition": {
+      name: "alert-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/alert/composition")
+      ),
+    },
+    "alert-content": {
+      name: "alert-content",
+      component: React.lazy(() => import("@/registry-v2/demos/alert/content")),
+    },
+    "alert-custom-icon": {
+      name: "alert-custom-icon",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/alert/custom-icon")
+      ),
+    },
+    "alert-default": {
+      name: "alert-default",
+      component: React.lazy(() => import("@/registry-v2/demos/alert/default")),
+    },
+    "alert-title": {
+      name: "alert-title",
+      component: React.lazy(() => import("@/registry-v2/demos/alert/title")),
+    },
+    "alert-variants": {
+      name: "alert-variants",
+      component: React.lazy(() => import("@/registry-v2/demos/alert/variants")),
+    },
+    "avatar-composition": {
+      name: "avatar-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/avatar/composition")
+      ),
+    },
+    "avatar-default": {
+      name: "avatar-default",
+      component: React.lazy(() => import("@/registry-v2/demos/avatar/default")),
+    },
+    "avatar-shape": {
+      name: "avatar-shape",
+      component: React.lazy(() => import("@/registry-v2/demos/avatar/shape")),
+    },
+    "avatar-sizes": {
+      name: "avatar-sizes",
+      component: React.lazy(() => import("@/registry-v2/demos/avatar/sizes")),
+    },
+    "breadcrumbs-basic": {
+      name: "breadcrumbs-basic",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/breadcrumbs/basic")
+      ),
+    },
+    "breadcrumbs-composition": {
+      name: "breadcrumbs-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/breadcrumbs/composition")
+      ),
+    },
+    "breadcrumbs-disabled": {
+      name: "breadcrumbs-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/breadcrumbs/disabled")
+      ),
+    },
+    "breadcrumbs-icon": {
+      name: "breadcrumbs-icon",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/breadcrumbs/icon")
+      ),
+    },
+    "breadcrumbs-router-integration": {
+      name: "breadcrumbs-router-integration",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/breadcrumbs/router-integration")
+      ),
+    },
+    "button-default": {
+      name: "button-default",
+      component: React.lazy(() => import("@/registry-v2/demos/button/default")),
+    },
+    "button-disabled": {
+      name: "button-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/button/disabled")
+      ),
+    },
+    "button-link-button": {
+      name: "button-link-button",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/button/link-button")
+      ),
+    },
+    "button-loading": {
+      name: "button-loading",
+      component: React.lazy(() => import("@/registry-v2/demos/button/loading")),
+    },
+    "button-prefix-and-suffix": {
+      name: "button-prefix-and-suffix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/button/prefix-and-suffix")
+      ),
+    },
+    "button-shapes": {
+      name: "button-shapes",
+      component: React.lazy(() => import("@/registry-v2/demos/button/shapes")),
+    },
+    "button-sizes": {
+      name: "button-sizes",
+      component: React.lazy(() => import("@/registry-v2/demos/button/sizes")),
+    },
+    "button-variants": {
+      name: "button-variants",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/button/variants")
+      ),
+    },
+    "calendar-composition": {
+      name: "calendar-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/composition")
+      ),
+    },
+    "calendar-controlled": {
+      name: "calendar-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/controlled")
+      ),
+    },
+    "calendar-default": {
+      name: "calendar-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/default")
+      ),
+    },
+    "calendar-disabled": {
+      name: "calendar-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/disabled")
+      ),
+    },
+    "calendar-error-message": {
+      name: "calendar-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/error-message")
+      ),
+    },
+    "calendar-label": {
+      name: "calendar-label",
+      component: React.lazy(() => import("@/registry-v2/demos/calendar/label")),
+    },
+    "calendar-page-behaviour": {
+      name: "calendar-page-behaviour",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/page-behaviour")
+      ),
+    },
+    "calendar-read-only": {
+      name: "calendar-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/read-only")
+      ),
+    },
+    "calendar-uncontrolled": {
+      name: "calendar-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/uncontrolled")
+      ),
+    },
+    "calendar-unvailable-dates": {
+      name: "calendar-unvailable-dates",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/unvailable-dates")
+      ),
+    },
+    "calendar-validation": {
+      name: "calendar-validation",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/validation")
+      ),
+    },
+    "calendar-visible-months": {
+      name: "calendar-visible-months",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/calendar/visible-months")
+      ),
+    },
+    "checkbox-group-cards": {
+      name: "checkbox-group-cards",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/cards")
+      ),
+    },
+    "checkbox-group-composition": {
+      name: "checkbox-group-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/composition")
+      ),
+    },
+    "checkbox-group-contextual-help": {
+      name: "checkbox-group-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/contextual-help")
+      ),
+    },
+    "checkbox-group-controlled": {
+      name: "checkbox-group-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/controlled")
+      ),
+    },
+    "checkbox-group-default": {
+      name: "checkbox-group-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/default")
+      ),
+    },
+    "checkbox-group-description": {
+      name: "checkbox-group-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/description")
+      ),
+    },
+    "checkbox-group-disabled": {
+      name: "checkbox-group-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/disabled")
+      ),
+    },
+    "checkbox-group-error-message": {
+      name: "checkbox-group-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/error-message")
+      ),
+    },
+    "checkbox-group-label": {
+      name: "checkbox-group-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/label")
+      ),
+    },
+    "checkbox-group-read-only": {
+      name: "checkbox-group-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/read-only")
+      ),
+    },
+    "checkbox-group-required": {
+      name: "checkbox-group-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/required")
+      ),
+    },
+    "checkbox-group-uncontrolled": {
+      name: "checkbox-group-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox-group/uncontrolled")
+      ),
+    },
+    "checkbox-card": {
+      name: "checkbox-card",
+      component: React.lazy(() => import("@/registry-v2/demos/checkbox/card")),
+    },
+    "checkbox-controlled": {
+      name: "checkbox-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox/controlled")
+      ),
+    },
+    "checkbox-default": {
+      name: "checkbox-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox/default")
+      ),
+    },
+    "checkbox-disabled": {
+      name: "checkbox-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox/disabled")
+      ),
+    },
+    "checkbox-indeterminate": {
+      name: "checkbox-indeterminate",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox/indeterminate")
+      ),
+    },
+    "checkbox-read-only": {
+      name: "checkbox-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox/read-only")
+      ),
+    },
+    "checkbox-uncontrolled": {
+      name: "checkbox-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/checkbox/uncontrolled")
+      ),
+    },
+    "color-area-channels": {
+      name: "color-area-channels",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-area/channels")
+      ),
+    },
+    "color-area-composition": {
+      name: "color-area-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-area/composition")
+      ),
+    },
+    "color-area-controlled": {
+      name: "color-area-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-area/controlled")
+      ),
+    },
+    "color-area-default": {
+      name: "color-area-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-area/default")
+      ),
+    },
+    "color-area-disabled": {
+      name: "color-area-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-area/disabled")
+      ),
+    },
+    "color-area-uncontrolled": {
+      name: "color-area-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-area/uncontrolled")
+      ),
+    },
+    "color-field-composition": {
+      name: "color-field-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/composition")
+      ),
+    },
+    "color-field-contextual-help": {
+      name: "color-field-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/contextual-help")
+      ),
+    },
+    "color-field-controlled": {
+      name: "color-field-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/controlled")
+      ),
+    },
+    "color-field-default": {
+      name: "color-field-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/default")
+      ),
+    },
+    "color-field-description": {
+      name: "color-field-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/description")
+      ),
+    },
+    "color-field-disabled": {
+      name: "color-field-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/disabled")
+      ),
+    },
+    "color-field-error-message": {
+      name: "color-field-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/error-message")
+      ),
+    },
+    "color-field-form": {
+      name: "color-field-form",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/form")
+      ),
+    },
+    "color-field-label": {
+      name: "color-field-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/label")
+      ),
+    },
+    "color-field-loading": {
+      name: "color-field-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/loading")
+      ),
+    },
+    "color-field-prefix-and-suffix": {
+      name: "color-field-prefix-and-suffix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/prefix-and-suffix")
+      ),
+    },
+    "color-field-read-only": {
+      name: "color-field-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/read-only")
+      ),
+    },
+    "color-field-required": {
+      name: "color-field-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/required")
+      ),
+    },
+    "color-field-sizes": {
+      name: "color-field-sizes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/sizes")
+      ),
+    },
+    "color-field-uncontrolled": {
+      name: "color-field-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-field/uncontrolled")
+      ),
+    },
+    "color-picker-composition": {
+      name: "color-picker-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-picker/composition")
+      ),
+    },
+    "color-picker-controlled": {
+      name: "color-picker-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-picker/controlled")
+      ),
+    },
+    "color-picker-default": {
+      name: "color-picker-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-picker/default")
+      ),
+    },
+    "color-picker-options": {
+      name: "color-picker-options",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-picker/options")
+      ),
+    },
+    "color-picker-uncontrolled": {
+      name: "color-picker-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-picker/uncontrolled")
+      ),
+    },
+    "color-slider-channel": {
+      name: "color-slider-channel",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-slider/channel")
+      ),
+    },
+    "color-slider-composition": {
+      name: "color-slider-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-slider/composition")
+      ),
+    },
+    "color-slider-controlled": {
+      name: "color-slider-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-slider/controlled")
+      ),
+    },
+    "color-slider-default": {
+      name: "color-slider-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-slider/default")
+      ),
+    },
+    "color-slider-disabled": {
+      name: "color-slider-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-slider/disabled")
+      ),
+    },
+    "color-slider-label": {
+      name: "color-slider-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-slider/label")
+      ),
+    },
+    "color-slider-uncontrolled": {
+      name: "color-slider-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-slider/uncontrolled")
+      ),
+    },
+    "color-slider-vertical": {
+      name: "color-slider-vertical",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-slider/vertical")
+      ),
+    },
+    "color-swatch-default": {
+      name: "color-swatch-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/color-swatch/default")
+      ),
+    },
+    "combobox-async-loading": {
+      name: "combobox-async-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/async-loading")
+      ),
+    },
+    "combobox-basic": {
+      name: "combobox-basic",
+      component: React.lazy(() => import("@/registry-v2/demos/combobox/basic")),
+    },
+    "combobox-composition": {
+      name: "combobox-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/composition")
+      ),
+    },
+    "combobox-contextual-help": {
+      name: "combobox-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/contextual-help")
+      ),
+    },
+    "combobox-controlled": {
+      name: "combobox-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/controlled")
+      ),
+    },
+    "combobox-custom-value": {
+      name: "combobox-custom-value",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/custom-value")
+      ),
+    },
+    "combobox-description": {
+      name: "combobox-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/description")
+      ),
+    },
+    "combobox-disabled": {
+      name: "combobox-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/disabled")
+      ),
+    },
+    "combobox-label": {
+      name: "combobox-label",
+      component: React.lazy(() => import("@/registry-v2/demos/combobox/label")),
+    },
+    "combobox-loading": {
+      name: "combobox-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/loading")
+      ),
+    },
+    "combobox-required": {
+      name: "combobox-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/required")
+      ),
+    },
+    "combobox-sections": {
+      name: "combobox-sections",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/sections")
+      ),
+    },
+    "combobox-uncontrolled": {
+      name: "combobox-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/uncontrolled")
+      ),
+    },
+    "combobox-validation": {
+      name: "combobox-validation",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/combobox/validation")
+      ),
+    },
+    "date-field-composition": {
+      name: "date-field-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/composition")
+      ),
+    },
+    "date-field-contextual-help": {
+      name: "date-field-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/contextual-help")
+      ),
+    },
+    "date-field-controlled": {
+      name: "date-field-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/controlled")
+      ),
+    },
+    "date-field-default": {
+      name: "date-field-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/default")
+      ),
+    },
+    "date-field-description": {
+      name: "date-field-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/description")
+      ),
+    },
+    "date-field-disabled": {
+      name: "date-field-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/disabled")
+      ),
+    },
+    "date-field-error-message": {
+      name: "date-field-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/error-message")
+      ),
+    },
+    "date-field-granularity": {
+      name: "date-field-granularity",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/granularity")
+      ),
+    },
+    "date-field-hide-time-zone": {
+      name: "date-field-hide-time-zone",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/hide-time-zone")
+      ),
+    },
+    "date-field-hour-cycle": {
+      name: "date-field-hour-cycle",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/hour-cycle")
+      ),
+    },
+    "date-field-label": {
+      name: "date-field-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/label")
+      ),
+    },
+    "date-field-loading": {
+      name: "date-field-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/loading")
+      ),
+    },
+    "date-field-placeholder": {
+      name: "date-field-placeholder",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/placeholder")
+      ),
+    },
+    "date-field-prefix-and-suffix": {
+      name: "date-field-prefix-and-suffix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/prefix-and-suffix")
+      ),
+    },
+    "date-field-read-only": {
+      name: "date-field-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/read-only")
+      ),
+    },
+    "date-field-required": {
+      name: "date-field-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/required")
+      ),
+    },
+    "date-field-sizes": {
+      name: "date-field-sizes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/sizes")
+      ),
+    },
+    "date-field-time-zones": {
+      name: "date-field-time-zones",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/time-zones")
+      ),
+    },
+    "date-field-uncontrolled": {
+      name: "date-field-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-field/uncontrolled")
+      ),
+    },
+    "date-picker-composition": {
+      name: "date-picker-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/composition")
+      ),
+    },
+    "date-picker-contextual-help": {
+      name: "date-picker-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/contextual-help")
+      ),
+    },
+    "date-picker-controlled": {
+      name: "date-picker-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/controlled")
+      ),
+    },
+    "date-picker-default": {
+      name: "date-picker-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/default")
+      ),
+    },
+    "date-picker-description": {
+      name: "date-picker-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/description")
+      ),
+    },
+    "date-picker-disabled": {
+      name: "date-picker-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/disabled")
+      ),
+    },
+    "date-picker-error-message": {
+      name: "date-picker-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/error-message")
+      ),
+    },
+    "date-picker-granularity": {
+      name: "date-picker-granularity",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/granularity")
+      ),
+    },
+    "date-picker-hide-time-zone": {
+      name: "date-picker-hide-time-zone",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/hide-time-zone")
+      ),
+    },
+    "date-picker-hour-cycle": {
+      name: "date-picker-hour-cycle",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/hour-cycle")
+      ),
+    },
+    "date-picker-label": {
+      name: "date-picker-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/label")
+      ),
+    },
+    "date-picker-loading": {
+      name: "date-picker-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/loading")
+      ),
+    },
+    "date-picker-placeholder": {
+      name: "date-picker-placeholder",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/placeholder")
+      ),
+    },
+    "date-picker-prefix": {
+      name: "date-picker-prefix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/prefix")
+      ),
+    },
+    "date-picker-read-only": {
+      name: "date-picker-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/read-only")
+      ),
+    },
+    "date-picker-required": {
+      name: "date-picker-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/required")
+      ),
+    },
+    "date-picker-sizes": {
+      name: "date-picker-sizes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/sizes")
+      ),
+    },
+    "date-picker-time-zones": {
+      name: "date-picker-time-zones",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/time-zones")
+      ),
+    },
+    "date-picker-uncontrolled": {
+      name: "date-picker-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-picker/uncontrolled")
+      ),
+    },
+    "date-range-picker-composition": {
+      name: "date-range-picker-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/composition")
+      ),
+    },
+    "date-range-picker-contextual-help": {
+      name: "date-range-picker-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/contextual-help")
+      ),
+    },
+    "date-range-picker-controlled": {
+      name: "date-range-picker-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/controlled")
+      ),
+    },
+    "date-range-picker-default": {
+      name: "date-range-picker-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/default")
+      ),
+    },
+    "date-range-picker-description": {
+      name: "date-range-picker-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/description")
+      ),
+    },
+    "date-range-picker-disabled": {
+      name: "date-range-picker-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/disabled")
+      ),
+    },
+    "date-range-picker-error-message": {
+      name: "date-range-picker-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/error-message")
+      ),
+    },
+    "date-range-picker-granularity": {
+      name: "date-range-picker-granularity",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/granularity")
+      ),
+    },
+    "date-range-picker-hide-time-zone": {
+      name: "date-range-picker-hide-time-zone",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/hide-time-zone")
+      ),
+    },
+    "date-range-picker-hour-cycle": {
+      name: "date-range-picker-hour-cycle",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/hour-cycle")
+      ),
+    },
+    "date-range-picker-label": {
+      name: "date-range-picker-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/label")
+      ),
+    },
+    "date-range-picker-loading": {
+      name: "date-range-picker-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/loading")
+      ),
+    },
+    "date-range-picker-placeholder": {
+      name: "date-range-picker-placeholder",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/placeholder")
+      ),
+    },
+    "date-range-picker-prefix": {
+      name: "date-range-picker-prefix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/prefix")
+      ),
+    },
+    "date-range-picker-read-only": {
+      name: "date-range-picker-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/read-only")
+      ),
+    },
+    "date-range-picker-required": {
+      name: "date-range-picker-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/required")
+      ),
+    },
+    "date-range-picker-sizes": {
+      name: "date-range-picker-sizes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/sizes")
+      ),
+    },
+    "date-range-picker-time-zones": {
+      name: "date-range-picker-time-zones",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/time-zones")
+      ),
+    },
+    "date-range-picker-uncontrolled": {
+      name: "date-range-picker-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/date-range-picker/uncontrolled")
+      ),
+    },
+    "dialog-alert-dialog": {
+      name: "dialog-alert-dialog",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/dialog/alert-dialog")
+      ),
+    },
+    "dialog-async-form-submission": {
+      name: "dialog-async-form-submission",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/dialog/async-form-submission")
+      ),
+    },
+    "dialog-basic": {
+      name: "dialog-basic",
+      component: React.lazy(() => import("@/registry-v2/demos/dialog/basic")),
+    },
+    "dialog-composition": {
+      name: "dialog-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/dialog/composition")
+      ),
+    },
+    "dialog-controlled": {
+      name: "dialog-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/dialog/controlled")
+      ),
+    },
+    "dialog-description": {
+      name: "dialog-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/dialog/description")
+      ),
+    },
+    "dialog-dismiss-button": {
+      name: "dialog-dismiss-button",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/dialog/dismiss-button")
+      ),
+    },
+    "dialog-dismissable": {
+      name: "dialog-dismissable",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/dialog/dismissable")
+      ),
+    },
+    "dialog-drawer": {
+      name: "dialog-drawer",
+      component: React.lazy(() => import("@/registry-v2/demos/dialog/drawer")),
+    },
+    "dialog-inset-content": {
+      name: "dialog-inset-content",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/dialog/inset-content")
+      ),
+    },
+    "dialog-nested": {
+      name: "dialog-nested",
+      component: React.lazy(() => import("@/registry-v2/demos/dialog/nested")),
+    },
+    "dialog-popover": {
+      name: "dialog-popover",
+      component: React.lazy(() => import("@/registry-v2/demos/dialog/popover")),
+    },
+    "dialog-title": {
+      name: "dialog-title",
+      component: React.lazy(() => import("@/registry-v2/demos/dialog/title")),
+    },
+    "dialog-types": {
+      name: "dialog-types",
+      component: React.lazy(() => import("@/registry-v2/demos/dialog/types")),
+    },
+    "drop-zone-default": {
+      name: "drop-zone-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/drop-zone/default")
+      ),
+    },
+    "drop-zone-disabled": {
+      name: "drop-zone-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/drop-zone/disabled")
+      ),
+    },
+    "drop-zone-file-trigger": {
+      name: "drop-zone-file-trigger",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/drop-zone/file-trigger")
+      ),
+    },
+    "drop-zone-label": {
+      name: "drop-zone-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/drop-zone/label")
+      ),
+    },
+    "file-trigger-default": {
+      name: "file-trigger-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/file-trigger/default")
+      ),
+    },
+    "file-trigger-directory-selection": {
+      name: "file-trigger-directory-selection",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/file-trigger/directory-selection")
+      ),
+    },
+    "file-trigger-file-types": {
+      name: "file-trigger-file-types",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/file-trigger/file-types")
+      ),
+    },
+    "file-trigger-media-capture": {
+      name: "file-trigger-media-capture",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/file-trigger/media-capture")
+      ),
+    },
+    "file-trigger-multiple-files": {
+      name: "file-trigger-multiple-files",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/file-trigger/multiple-files")
+      ),
+    },
+    "link-default": {
+      name: "link-default",
+      component: React.lazy(() => import("@/registry-v2/demos/link/default")),
+    },
+    "link-disabled": {
+      name: "link-disabled",
+      component: React.lazy(() => import("@/registry-v2/demos/link/disabled")),
+    },
+    "link-icon": {
+      name: "link-icon",
+      component: React.lazy(() => import("@/registry-v2/demos/link/icon")),
+    },
+    "link-variants": {
+      name: "link-variants",
+      component: React.lazy(() => import("@/registry-v2/demos/link/variants")),
+    },
+    "list-box-async-loading": {
+      name: "list-box-async-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/async-loading")
+      ),
+    },
+    "list-box-basic": {
+      name: "list-box-basic",
+      component: React.lazy(() => import("@/registry-v2/demos/list-box/basic")),
+    },
+    "list-box-composition": {
+      name: "list-box-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/composition")
+      ),
+    },
+    "list-box-contact-list": {
+      name: "list-box-contact-list",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/contact-list")
+      ),
+    },
+    "list-box-controlled": {
+      name: "list-box-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/controlled")
+      ),
+    },
+    "list-box-disabled-items": {
+      name: "list-box-disabled-items",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/disabled-items")
+      ),
+    },
+    "list-box-empty-state": {
+      name: "list-box-empty-state",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/empty-state")
+      ),
+    },
+    "list-box-grid": {
+      name: "list-box-grid",
+      component: React.lazy(() => import("@/registry-v2/demos/list-box/grid")),
+    },
+    "list-box-horizontal": {
+      name: "list-box-horizontal",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/horizontal")
+      ),
+    },
+    "list-box-image-grid": {
+      name: "list-box-image-grid",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/image-grid")
+      ),
+    },
+    "list-box-item-variant": {
+      name: "list-box-item-variant",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/item-variant")
+      ),
+    },
+    "list-box-label-and-description": {
+      name: "list-box-label-and-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/label-and-description")
+      ),
+    },
+    "list-box-links": {
+      name: "list-box-links",
+      component: React.lazy(() => import("@/registry-v2/demos/list-box/links")),
+    },
+    "list-box-loading": {
+      name: "list-box-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/loading")
+      ),
+    },
+    "list-box-prefix-and-suffix": {
+      name: "list-box-prefix-and-suffix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/prefix-and-suffix")
+      ),
+    },
+    "list-box-sections": {
+      name: "list-box-sections",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/sections")
+      ),
+    },
+    "list-box-selection-behavior": {
+      name: "list-box-selection-behavior",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/selection-behavior")
+      ),
+    },
+    "list-box-selection-mode": {
+      name: "list-box-selection-mode",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/selection-mode")
+      ),
+    },
+    "list-box-separator": {
+      name: "list-box-separator",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/separator")
+      ),
+    },
+    "list-box-uncontrolled": {
+      name: "list-box-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/list-box/uncontrolled")
+      ),
+    },
+    "menu-basic": {
+      name: "menu-basic",
+      component: React.lazy(() => import("@/registry-v2/demos/menu/basic")),
+    },
+    "menu-composition": {
+      name: "menu-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/composition")
+      ),
+    },
+    "menu-controlled": {
+      name: "menu-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/controlled")
+      ),
+    },
+    "menu-disabled-items": {
+      name: "menu-disabled-items",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/disabled-items")
+      ),
+    },
+    "menu-item-variant": {
+      name: "menu-item-variant",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/item-variant")
+      ),
+    },
+    "menu-label-and-description": {
+      name: "menu-label-and-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/label-and-description")
+      ),
+    },
+    "menu-link-items": {
+      name: "menu-link-items",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/link-items")
+      ),
+    },
+    "menu-long-press": {
+      name: "menu-long-press",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/long-press")
+      ),
+    },
+    "menu-multiple-selection": {
+      name: "menu-multiple-selection",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/multiple-selection")
+      ),
+    },
+    "menu-overlay-type": {
+      name: "menu-overlay-type",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/overlay-type")
+      ),
+    },
+    "menu-placement": {
+      name: "menu-placement",
+      component: React.lazy(() => import("@/registry-v2/demos/menu/placement")),
+    },
+    "menu-prefix-and-suffix": {
+      name: "menu-prefix-and-suffix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/prefix-and-suffix")
+      ),
+    },
+    "menu-section": {
+      name: "menu-section",
+      component: React.lazy(() => import("@/registry-v2/demos/menu/section")),
+    },
+    "menu-separator": {
+      name: "menu-separator",
+      component: React.lazy(() => import("@/registry-v2/demos/menu/separator")),
+    },
+    "menu-shortcut": {
+      name: "menu-shortcut",
+      component: React.lazy(() => import("@/registry-v2/demos/menu/shortcut")),
+    },
+    "menu-single-selection": {
+      name: "menu-single-selection",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/menu/single-selection")
+      ),
+    },
+    "menu-submenus": {
+      name: "menu-submenus",
+      component: React.lazy(() => import("@/registry-v2/demos/menu/submenus")),
+    },
+    "number-field-composition": {
+      name: "number-field-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/composition")
+      ),
+    },
+    "number-field-contextual-help": {
+      name: "number-field-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/contextual-help")
+      ),
+    },
+    "number-field-controlled": {
+      name: "number-field-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/controlled")
+      ),
+    },
+    "number-field-default": {
+      name: "number-field-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/default")
+      ),
+    },
+    "number-field-description": {
+      name: "number-field-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/description")
+      ),
+    },
+    "number-field-disabled": {
+      name: "number-field-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/disabled")
+      ),
+    },
+    "number-field-error-message": {
+      name: "number-field-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/error-message")
+      ),
+    },
+    "number-field-format-options": {
+      name: "number-field-format-options",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/format-options")
+      ),
+    },
+    "number-field-label": {
+      name: "number-field-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/label")
+      ),
+    },
+    "number-field-read-only": {
+      name: "number-field-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/read-only")
+      ),
+    },
+    "number-field-required": {
+      name: "number-field-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/required")
+      ),
+    },
+    "number-field-sizes": {
+      name: "number-field-sizes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/sizes")
+      ),
+    },
+    "number-field-uncontrolled": {
+      name: "number-field-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/number-field/uncontrolled")
+      ),
+    },
+    "progress-composition": {
+      name: "progress-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/composition")
+      ),
+    },
+    "progress-custom-color": {
+      name: "progress-custom-color",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/custom-color")
+      ),
+    },
+    "progress-custom-value-label": {
+      name: "progress-custom-value-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/custom-value-label")
+      ),
+    },
+    "progress-default": {
+      name: "progress-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/default")
+      ),
+    },
+    "progress-duration": {
+      name: "progress-duration",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/duration")
+      ),
+    },
+    "progress-format-options": {
+      name: "progress-format-options",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/format-options")
+      ),
+    },
+    "progress-indeterminate": {
+      name: "progress-indeterminate",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/indeterminate")
+      ),
+    },
+    "progress-label": {
+      name: "progress-label",
+      component: React.lazy(() => import("@/registry-v2/demos/progress/label")),
+    },
+    "progress-min-max-values": {
+      name: "progress-min-max-values",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/min-max-values")
+      ),
+    },
+    "progress-shape": {
+      name: "progress-shape",
+      component: React.lazy(() => import("@/registry-v2/demos/progress/shape")),
+    },
+    "progress-sizes": {
+      name: "progress-sizes",
+      component: React.lazy(() => import("@/registry-v2/demos/progress/sizes")),
+    },
+    "progress-toolbar": {
+      name: "progress-toolbar",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/toolbar")
+      ),
+    },
+    "progress-value-label": {
+      name: "progress-value-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/value-label")
+      ),
+    },
+    "progress-variants": {
+      name: "progress-variants",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/progress/variants")
+      ),
+    },
+    "radio-group-cards": {
+      name: "radio-group-cards",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/cards")
+      ),
+    },
+    "radio-group-composition": {
+      name: "radio-group-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/composition")
+      ),
+    },
+    "radio-group-contextual-help": {
+      name: "radio-group-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/contextual-help")
+      ),
+    },
+    "radio-group-controlled": {
+      name: "radio-group-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/controlled")
+      ),
+    },
+    "radio-group-default": {
+      name: "radio-group-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/default")
+      ),
+    },
+    "radio-group-description": {
+      name: "radio-group-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/description")
+      ),
+    },
+    "radio-group-disabled": {
+      name: "radio-group-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/disabled")
+      ),
+    },
+    "radio-group-error-message": {
+      name: "radio-group-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/error-message")
+      ),
+    },
+    "radio-group-label": {
+      name: "radio-group-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/label")
+      ),
+    },
+    "radio-group-orientation": {
+      name: "radio-group-orientation",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/orientation")
+      ),
+    },
+    "radio-group-read-only": {
+      name: "radio-group-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/read-only")
+      ),
+    },
+    "radio-group-required": {
+      name: "radio-group-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/required")
+      ),
+    },
+    "radio-group-uncontrolled": {
+      name: "radio-group-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/radio-group/uncontrolled")
+      ),
+    },
+    "range-calendar-composition": {
+      name: "range-calendar-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/composition")
+      ),
+    },
+    "range-calendar-controlled": {
+      name: "range-calendar-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/controlled")
+      ),
+    },
+    "range-calendar-default": {
+      name: "range-calendar-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/default")
+      ),
+    },
+    "range-calendar-disabled": {
+      name: "range-calendar-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/disabled")
+      ),
+    },
+    "range-calendar-error-message": {
+      name: "range-calendar-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/error-message")
+      ),
+    },
+    "range-calendar-label": {
+      name: "range-calendar-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/label")
+      ),
+    },
+    "range-calendar-non-contiguous-ranges": {
+      name: "range-calendar-non-contiguous-ranges",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/non-contiguous-ranges")
+      ),
+    },
+    "range-calendar-page-behaviour": {
+      name: "range-calendar-page-behaviour",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/page-behaviour")
+      ),
+    },
+    "range-calendar-read-only": {
+      name: "range-calendar-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/read-only")
+      ),
+    },
+    "range-calendar-uncontrolled": {
+      name: "range-calendar-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/uncontrolled")
+      ),
+    },
+    "range-calendar-unvailable-dates": {
+      name: "range-calendar-unvailable-dates",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/unvailable-dates")
+      ),
+    },
+    "range-calendar-validation": {
+      name: "range-calendar-validation",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/validation")
+      ),
+    },
+    "range-calendar-visible-months": {
+      name: "range-calendar-visible-months",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/range-calendar/visible-months")
+      ),
+    },
+    "scroll-area-default": {
+      name: "scroll-area-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/scroll-area/default")
+      ),
+    },
+    "scroll-area-scrollbars": {
+      name: "scroll-area-scrollbars",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/scroll-area/scrollbars")
+      ),
+    },
+    "scroll-area-sizes": {
+      name: "scroll-area-sizes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/scroll-area/sizes")
+      ),
+    },
+    "search-field-composition": {
+      name: "search-field-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/composition")
+      ),
+    },
+    "search-field-contextual-help": {
+      name: "search-field-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/contextual-help")
+      ),
+    },
+    "search-field-controlled": {
+      name: "search-field-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/controlled")
+      ),
+    },
+    "search-field-default": {
+      name: "search-field-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/default")
+      ),
+    },
+    "search-field-description": {
+      name: "search-field-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/description")
+      ),
+    },
+    "search-field-disabled": {
+      name: "search-field-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/disabled")
+      ),
+    },
+    "search-field-error-message": {
+      name: "search-field-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/error-message")
+      ),
+    },
+    "search-field-form": {
+      name: "search-field-form",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/form")
+      ),
+    },
+    "search-field-label": {
+      name: "search-field-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/label")
+      ),
+    },
+    "search-field-loading": {
+      name: "search-field-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/loading")
+      ),
+    },
+    "search-field-prefix-and-suffix": {
+      name: "search-field-prefix-and-suffix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/prefix-and-suffix")
+      ),
+    },
+    "search-field-read-only": {
+      name: "search-field-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/read-only")
+      ),
+    },
+    "search-field-required": {
+      name: "search-field-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/required")
+      ),
+    },
+    "search-field-sizes": {
+      name: "search-field-sizes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/sizes")
+      ),
+    },
+    "search-field-uncontrolled": {
+      name: "search-field-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/search-field/uncontrolled")
+      ),
+    },
+    "select-async-loading": {
+      name: "select-async-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/async-loading")
+      ),
+    },
+    "select-basic": {
+      name: "select-basic",
+      component: React.lazy(() => import("@/registry-v2/demos/select/basic")),
+    },
+    "select-composition": {
+      name: "select-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/composition")
+      ),
+    },
+    "select-contextual-help": {
+      name: "select-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/contextual-help")
+      ),
+    },
+    "select-controlled": {
+      name: "select-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/controlled")
+      ),
+    },
+    "select-description": {
+      name: "select-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/description")
+      ),
+    },
+    "select-disabled": {
+      name: "select-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/disabled")
+      ),
+    },
+    "select-label": {
+      name: "select-label",
+      component: React.lazy(() => import("@/registry-v2/demos/select/label")),
+    },
+    "select-links": {
+      name: "select-links",
+      component: React.lazy(() => import("@/registry-v2/demos/select/links")),
+    },
+    "select-loading": {
+      name: "select-loading",
+      component: React.lazy(() => import("@/registry-v2/demos/select/loading")),
+    },
+    "select-placeholder": {
+      name: "select-placeholder",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/placeholder")
+      ),
+    },
+    "select-required": {
+      name: "select-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/required")
+      ),
+    },
+    "select-sections": {
+      name: "select-sections",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/sections")
+      ),
+    },
+    "select-uncontrolled": {
+      name: "select-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/uncontrolled")
+      ),
+    },
+    "select-validation": {
+      name: "select-validation",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/select/validation")
+      ),
+    },
+    "separator-card": {
+      name: "separator-card",
+      component: React.lazy(() => import("@/registry-v2/demos/separator/card")),
+    },
+    "separator-orientation": {
+      name: "separator-orientation",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/separator/orientation")
+      ),
+    },
+    "skeleton-api-simulation": {
+      name: "skeleton-api-simulation",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/skeleton/api-simulation")
+      ),
+    },
+    "skeleton-card": {
+      name: "skeleton-card",
+      component: React.lazy(() => import("@/registry-v2/demos/skeleton/card")),
+    },
+    "skeleton-children": {
+      name: "skeleton-children",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/skeleton/children")
+      ),
+    },
+    "skeleton-fixed-size-children": {
+      name: "skeleton-fixed-size-children",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/skeleton/fixed-size-children")
+      ),
+    },
+    "skeleton-show": {
+      name: "skeleton-show",
+      component: React.lazy(() => import("@/registry-v2/demos/skeleton/show")),
+    },
+    "slider-advanced-composition": {
+      name: "slider-advanced-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/slider/advanced-composition")
+      ),
+    },
+    "slider-composition": {
+      name: "slider-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/slider/composition")
+      ),
+    },
+    "slider-controlled": {
+      name: "slider-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/slider/controlled")
+      ),
+    },
+    "slider-default": {
+      name: "slider-default",
+      component: React.lazy(() => import("@/registry-v2/demos/slider/default")),
+    },
+    "slider-description": {
+      name: "slider-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/slider/description")
+      ),
+    },
+    "slider-disabled": {
+      name: "slider-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/slider/disabled")
+      ),
+    },
+    "slider-format-options": {
+      name: "slider-format-options",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/slider/format-options")
+      ),
+    },
+    "slider-label": {
+      name: "slider-label",
+      component: React.lazy(() => import("@/registry-v2/demos/slider/label")),
+    },
+    "slider-range": {
+      name: "slider-range",
+      component: React.lazy(() => import("@/registry-v2/demos/slider/range")),
+    },
+    "slider-sizes": {
+      name: "slider-sizes",
+      component: React.lazy(() => import("@/registry-v2/demos/slider/sizes")),
+    },
+    "slider-step": {
+      name: "slider-step",
+      component: React.lazy(() => import("@/registry-v2/demos/slider/step")),
+    },
+    "slider-uncontrolled": {
+      name: "slider-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/slider/uncontrolled")
+      ),
+    },
+    "slider-value-label": {
+      name: "slider-value-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/slider/value-label")
+      ),
+    },
+    "slider-value-scale": {
+      name: "slider-value-scale",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/slider/value-scale")
+      ),
+    },
+    "slider-vertical": {
+      name: "slider-vertical",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/slider/vertical")
+      ),
+    },
+    "switch-controlled": {
+      name: "switch-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/switch/controlled")
+      ),
+    },
+    "switch-default": {
+      name: "switch-default",
+      component: React.lazy(() => import("@/registry-v2/demos/switch/default")),
+    },
+    "switch-disabled": {
+      name: "switch-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/switch/disabled")
+      ),
+    },
+    "switch-label": {
+      name: "switch-label",
+      component: React.lazy(() => import("@/registry-v2/demos/switch/label")),
+    },
+    "switch-sizes": {
+      name: "switch-sizes",
+      component: React.lazy(() => import("@/registry-v2/demos/switch/sizes")),
+    },
+    "switch-uncontrolled": {
+      name: "switch-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/switch/uncontrolled")
+      ),
+    },
+    "tabs-basic": {
+      name: "tabs-basic",
+      component: React.lazy(() => import("@/registry-v2/demos/tabs/basic")),
+    },
+    "tabs-controlled": {
+      name: "tabs-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/tabs/controlled")
+      ),
+    },
+    "tabs-disabled-item": {
+      name: "tabs-disabled-item",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/tabs/disabled-item")
+      ),
+    },
+    "tabs-disabled": {
+      name: "tabs-disabled",
+      component: React.lazy(() => import("@/registry-v2/demos/tabs/disabled")),
+    },
+    "tabs-keyboard-activation": {
+      name: "tabs-keyboard-activation",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/tabs/keyboard-activation")
+      ),
+    },
+    "tabs-vertical": {
+      name: "tabs-vertical",
+      component: React.lazy(() => import("@/registry-v2/demos/tabs/vertical")),
+    },
+    "text-area-composition": {
+      name: "text-area-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/composition")
+      ),
+    },
+    "text-area-contextual-help": {
+      name: "text-area-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/contextual-help")
+      ),
+    },
+    "text-area-controlled": {
+      name: "text-area-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/controlled")
+      ),
+    },
+    "text-area-default": {
+      name: "text-area-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/default")
+      ),
+    },
+    "text-area-description": {
+      name: "text-area-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/description")
+      ),
+    },
+    "text-area-disabled": {
+      name: "text-area-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/disabled")
+      ),
+    },
+    "text-area-error-message": {
+      name: "text-area-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/error-message")
+      ),
+    },
+    "text-area-form": {
+      name: "text-area-form",
+      component: React.lazy(() => import("@/registry-v2/demos/text-area/form")),
+    },
+    "text-area-label": {
+      name: "text-area-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/label")
+      ),
+    },
+    "text-area-loading": {
+      name: "text-area-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/loading")
+      ),
+    },
+    "text-area-prefix-and-suffix": {
+      name: "text-area-prefix-and-suffix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/prefix-and-suffix")
+      ),
+    },
+    "text-area-read-only": {
+      name: "text-area-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/read-only")
+      ),
+    },
+    "text-area-required": {
+      name: "text-area-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/required")
+      ),
+    },
+    "text-area-uncontrolled": {
+      name: "text-area-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-area/uncontrolled")
+      ),
+    },
+    "text-field-composition": {
+      name: "text-field-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/composition")
+      ),
+    },
+    "text-field-contextual-help": {
+      name: "text-field-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/contextual-help")
+      ),
+    },
+    "text-field-controlled": {
+      name: "text-field-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/controlled")
+      ),
+    },
+    "text-field-default": {
+      name: "text-field-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/default")
+      ),
+    },
+    "text-field-description": {
+      name: "text-field-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/description")
+      ),
+    },
+    "text-field-disabled": {
+      name: "text-field-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/disabled")
+      ),
+    },
+    "text-field-error-message": {
+      name: "text-field-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/error-message")
+      ),
+    },
+    "text-field-label": {
+      name: "text-field-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/label")
+      ),
+    },
+    "text-field-loading": {
+      name: "text-field-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/loading")
+      ),
+    },
+    "text-field-prefix-and-suffix": {
+      name: "text-field-prefix-and-suffix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/prefix-and-suffix")
+      ),
+    },
+    "text-field-read-only": {
+      name: "text-field-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/read-only")
+      ),
+    },
+    "text-field-required": {
+      name: "text-field-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/required")
+      ),
+    },
+    "text-field-sizes": {
+      name: "text-field-sizes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/sizes")
+      ),
+    },
+    "text-field-uncontrolled": {
+      name: "text-field-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/text-field/uncontrolled")
+      ),
+    },
+    "time-field-composition": {
+      name: "time-field-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/composition")
+      ),
+    },
+    "time-field-contextual-help": {
+      name: "time-field-contextual-help",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/contextual-help")
+      ),
+    },
+    "time-field-controlled": {
+      name: "time-field-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/controlled")
+      ),
+    },
+    "time-field-default": {
+      name: "time-field-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/default")
+      ),
+    },
+    "time-field-description": {
+      name: "time-field-description",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/description")
+      ),
+    },
+    "time-field-disabled": {
+      name: "time-field-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/disabled")
+      ),
+    },
+    "time-field-error-message": {
+      name: "time-field-error-message",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/error-message")
+      ),
+    },
+    "time-field-granularity": {
+      name: "time-field-granularity",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/granularity")
+      ),
+    },
+    "time-field-hide-time-zone": {
+      name: "time-field-hide-time-zone",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/hide-time-zone")
+      ),
+    },
+    "time-field-hour-cycle": {
+      name: "time-field-hour-cycle",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/hour-cycle")
+      ),
+    },
+    "time-field-label": {
+      name: "time-field-label",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/label")
+      ),
+    },
+    "time-field-loading": {
+      name: "time-field-loading",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/loading")
+      ),
+    },
+    "time-field-placeholder": {
+      name: "time-field-placeholder",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/placeholder")
+      ),
+    },
+    "time-field-prefix-and-suffix": {
+      name: "time-field-prefix-and-suffix",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/prefix-and-suffix")
+      ),
+    },
+    "time-field-read-only": {
+      name: "time-field-read-only",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/read-only")
+      ),
+    },
+    "time-field-required": {
+      name: "time-field-required",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/required")
+      ),
+    },
+    "time-field-sizes": {
+      name: "time-field-sizes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/sizes")
+      ),
+    },
+    "time-field-time-zones": {
+      name: "time-field-time-zones",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/time-zones")
+      ),
+    },
+    "time-field-uncontrolled": {
+      name: "time-field-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/time-field/uncontrolled")
+      ),
+    },
+    "toggle-button-controlled": {
+      name: "toggle-button-controlled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/toggle-button/controlled")
+      ),
+    },
+    "toggle-button-default": {
+      name: "toggle-button-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/toggle-button/default")
+      ),
+    },
+    "toggle-button-disabled": {
+      name: "toggle-button-disabled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/toggle-button/disabled")
+      ),
+    },
+    "toggle-button-shapes": {
+      name: "toggle-button-shapes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/toggle-button/shapes")
+      ),
+    },
+    "toggle-button-sizes": {
+      name: "toggle-button-sizes",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/toggle-button/sizes")
+      ),
+    },
+    "toggle-button-uncontrolled": {
+      name: "toggle-button-uncontrolled",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/toggle-button/uncontrolled")
+      ),
+    },
+    "toggle-button-variants": {
+      name: "toggle-button-variants",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/toggle-button/variants")
+      ),
+    },
+    "tooltip-arrow": {
+      name: "tooltip-arrow",
+      component: React.lazy(() => import("@/registry-v2/demos/tooltip/arrow")),
+    },
+    "tooltip-composition": {
+      name: "tooltip-composition",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/tooltip/composition")
+      ),
+    },
+    "tooltip-container-padding": {
+      name: "tooltip-container-padding",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/tooltip/container-padding")
+      ),
+    },
+    "tooltip-default": {
+      name: "tooltip-default",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/tooltip/default")
+      ),
+    },
+    "tooltip-delay": {
+      name: "tooltip-delay",
+      component: React.lazy(() => import("@/registry-v2/demos/tooltip/delay")),
+    },
+    "tooltip-flip": {
+      name: "tooltip-flip",
+      component: React.lazy(() => import("@/registry-v2/demos/tooltip/flip")),
+    },
+    "tooltip-offset": {
+      name: "tooltip-offset",
+      component: React.lazy(() => import("@/registry-v2/demos/tooltip/offset")),
+    },
+    "tooltip-placement": {
+      name: "tooltip-placement",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/tooltip/placement")
+      ),
+    },
+    "tooltip-with-arrow": {
+      name: "tooltip-with-arrow",
+      component: React.lazy(
+        () => import("@/registry-v2/demos/tooltip/with-arrow")
+      ),
     },
   },
 };
diff --git a/www/src/__demos__/registry.ts b/www/src/__demos__/registry.ts
index 092fb5cc0..0ff28fd5e 100644
--- a/www/src/__demos__/registry.ts
+++ b/www/src/__demos__/registry.ts
@@ -9,8 +9,7 @@ const buildDemos = (component: string, demos: string[]): RegistryDemos => {
   return demos.map((demo) => {
     return {
       name: `${component}-${demo}`,
-      type: "registry:demo",
-      files: [`core/${component}/demos/${demo}.tsx`],
+      files: [`/${component}/${demo}.tsx`],
     };
   });
 };
@@ -25,9 +24,9 @@ export const demos: RegistryDemos = [
     "title",
     "variants",
   ]),
-  ...buildDemos("aspect-ratio", ["as-child", "default"]),
+  ...buildDemos("aspect-ratio", []),
   ...buildDemos("avatar", ["composition", "default", "shape", "sizes"]),
-  ...buildDemos("badge", ["default", "icon", "sizes", "variants"]),
+  ...buildDemos("badge", []),
   ...buildDemos("breadcrumbs", [
     "basic",
     "composition",
@@ -59,15 +58,6 @@ export const demos: RegistryDemos = [
     "validation",
     "visible-months",
   ]),
-  ...buildDemos("checkbox", [
-    "card",
-    "controlled",
-    "default",
-    "disabled",
-    "indeterminate",
-    "read-only",
-    "uncontrolled",
-  ]),
   ...buildDemos("checkbox-group", [
     "cards",
     "composition",
@@ -82,6 +72,15 @@ export const demos: RegistryDemos = [
     "required",
     "uncontrolled",
   ]),
+  ...buildDemos("checkbox", [
+    "card",
+    "controlled",
+    "default",
+    "disabled",
+    "indeterminate",
+    "read-only",
+    "uncontrolled",
+  ]),
   ...buildDemos("color-area", [
     "channels",
     "composition",
@@ -125,6 +124,7 @@ export const demos: RegistryDemos = [
     "vertical",
   ]),
   ...buildDemos("color-swatch", ["default"]),
+  ...buildDemos("color-thumb", []),
   ...buildDemos("combobox", [
     "async-loading",
     "basic",
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index 501752bc8..d1a9022e5 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
-import { PaintBucket, Settings2Icon } from "lucide-react";
+import { PaintBucket } from "lucide-react";
 import { cn } from "@/lib/cn";
-import { getFileSource } from "@/lib/get-file-source";
-import { CodeBlock } from "@/components/code-block";
+// import { getFileSource } from "@/lib/get-file-source";
+// import { CodeBlock } from "@/components/code-block";
 import { Button } from "@/components/core/button";
 import { Tooltip } from "@/components/core/tooltip";
-import { styles } from "@/registry/styles";
-import { Index } from "@/__demos__";
-import { ComponentPreviewClient } from "./component-preview-client";
+// import { styles } from "@/registry/styles";
+// import { Index } from "@/__demos__";
+// import { ComponentPreviewClient } from "./component-preview-client";
 import { ThemeCustomizerDialog } from "./theme-customizer";
 import { ThemeOverride } from "./theme-override";
 
@@ -28,28 +28,28 @@ export const ComponentPreview = async ({
   expandable,
 }: ComponentPreviewProps) => {
   const type = name.split("/")[0];
-  const componentName = name.split("/")[1];
+  // const componentName = name.split("/")[1];
 
   if (type === "core") {
-    const demos: {
-      component: React.ComponentType;
-      code: Array<{
-        fileName: string;
-        code: string;
-      }>;
-    }[] = styles.map((style) => {
-      const demo = Index["core"][style.name][componentName];
-      return {
-        component: demo.component,
-        code: demo.files.map((file: string) => {
-          const { fileName, content } = getFileSource(file);
-          return {
-            fileName,
-            code: content,
-          };
-        }),
-      };
-    });
+  //   const demos: {
+  //     component: React.ComponentType;
+  //     code: Array<{
+  //       fileName: string;
+  //       code: string;
+  //     }>;
+  //   }[] = styles.map((style) => {
+  //     const demo = Index["core"][style.name][componentName];
+  //     return {
+  //       component: demo.component,
+  //       code: demo.files.map((file: string) => {
+  //         const { fileName, content } = getFileSource(file);
+  //         return {
+  //           fileName,
+  //           code: content,
+  //         };
+  //       }),
+  //     };
+  //   });
 
     return (
       <div
@@ -88,18 +88,18 @@ export const ComponentPreview = async ({
                     className
                   )}
                 >
-                  <ComponentPreviewClient
+                  {/* <ComponentPreviewClient
                     demos={demos.map((elem, index) => {
                       const Comp = elem.component;
                       return <Comp key={index} />;
                     })}
-                  />
+                  /> */}
                 </div>
               </div>
             </ScrollArea>
           </ThemeOverride>
         </div>
-        <ComponentPreviewClient
+        {/* <ComponentPreviewClient
           demos={demos.map((elem, index) => {
             return (
               <CodeBlock
@@ -115,7 +115,7 @@ export const ComponentPreview = async ({
               />
             );
           })}
-        />
+        /> */}
       </div>
     );
   }
diff --git a/www/src/registry-v2/demos/alert/action.tsx b/www/src/registry-v2/demos/alert/action.tsx
new file mode 100644
index 000000000..3a8691aa0
--- /dev/null
+++ b/www/src/registry-v2/demos/alert/action.tsx
@@ -0,0 +1,16 @@
+import { Alert } from "@/components/dynamic-core/alert";
+import { Button } from "@/components/dynamic-core/button";
+
+export default function AlertDemo() {
+  return (
+    <Alert
+      action={
+        <Button variant="primary" size="sm">
+          Upgrade
+        </Button>
+      }
+    >
+      You are currently on the free plan. Upgrade to unlock more features.
+    </Alert>
+  );
+}
diff --git a/www/src/registry-v2/demos/alert/composition.tsx b/www/src/registry-v2/demos/alert/composition.tsx
new file mode 100644
index 000000000..41d8847dc
--- /dev/null
+++ b/www/src/registry-v2/demos/alert/composition.tsx
@@ -0,0 +1,24 @@
+import {
+  AlertContent,
+  AlertRoot,
+  AlertTitle,
+} from "@/components/dynamic-core/alert";
+import { Button } from "@/components/dynamic-core/button";
+import { WalletIcon } from "@/__icons__";
+
+export default function AlertDemo() {
+  return (
+    <AlertRoot>
+      <WalletIcon />
+      <div className="flex-1">
+        <AlertTitle>Payment Information</AlertTitle>
+        <AlertContent>
+          Enter your payment method to complete your purchase.
+        </AlertContent>
+      </div>
+      <Button variant="primary" size="sm">
+        Upgrade
+      </Button>
+    </AlertRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/alert/content.tsx b/www/src/registry-v2/demos/alert/content.tsx
new file mode 100644
index 000000000..278537e78
--- /dev/null
+++ b/www/src/registry-v2/demos/alert/content.tsx
@@ -0,0 +1,9 @@
+import { Alert } from "@/components/dynamic-core/alert";
+
+export default function AlertDemo() {
+  return (
+    <Alert title="Payment Information">
+      Enter your payment method to complete your purchase.
+    </Alert>
+  );
+}
diff --git a/www/src/registry-v2/demos/alert/custom-icon.tsx b/www/src/registry-v2/demos/alert/custom-icon.tsx
new file mode 100644
index 000000000..b7a1096c4
--- /dev/null
+++ b/www/src/registry-v2/demos/alert/custom-icon.tsx
@@ -0,0 +1,6 @@
+import { Alert } from "@/components/dynamic-core/alert";
+import { GlobeIcon } from "@/__icons__";
+
+export default function AlertDemo() {
+  return <Alert icon={<GlobeIcon />}>Hello world!</Alert>;
+}
diff --git a/www/src/registry-v2/demos/alert/default.tsx b/www/src/registry-v2/demos/alert/default.tsx
new file mode 100644
index 000000000..1752786ae
--- /dev/null
+++ b/www/src/registry-v2/demos/alert/default.tsx
@@ -0,0 +1,5 @@
+import { Alert } from "@/components/dynamic-core/alert";
+
+export default function AlertDemo() {
+  return <Alert>You can add components to your app using the cli.</Alert>;
+}
diff --git a/www/src/registry-v2/demos/alert/title.tsx b/www/src/registry-v2/demos/alert/title.tsx
new file mode 100644
index 000000000..0c7edf155
--- /dev/null
+++ b/www/src/registry-v2/demos/alert/title.tsx
@@ -0,0 +1,7 @@
+import { Alert } from "@/components/dynamic-core/alert";
+
+export default function AlertDemo() {
+  return (
+    <Alert variant="warning" fill title="Your account has been suspended." />
+  );
+}
diff --git a/www/src/registry-v2/demos/alert/variants.tsx b/www/src/registry-v2/demos/alert/variants.tsx
new file mode 100644
index 000000000..1b861e636
--- /dev/null
+++ b/www/src/registry-v2/demos/alert/variants.tsx
@@ -0,0 +1,35 @@
+"use client";
+
+import React from "react";
+import { Alert, type AlertProps } from "@/components/dynamic-core/alert";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+import { Switch } from "@/components/dynamic-core/switch";
+
+type Variant = AlertProps["variant"];
+
+export default function Demo() {
+  const [variant, setVariant] = React.useState<Variant>("default");
+  const [fill, setFill] = React.useState(true);
+
+  return (
+    <div className="flex items-center gap-8">
+      <Alert variant={variant} fill={fill}>
+        You can add components to your app using the cli.
+      </Alert>
+      <Switch isSelected={fill} onChange={setFill}>
+        Fill
+      </Switch>
+      <RadioGroup
+        label="Variant"
+        value={variant}
+        onChange={(newVal) => setVariant(newVal as Variant)}
+      >
+        <Radio value="default">Default</Radio>
+        <Radio value="success">Success</Radio>
+        <Radio value="danger">Danger</Radio>
+        <Radio value="warning">Warning</Radio>
+        <Radio value="info">Info</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/avatar/composition.tsx b/www/src/registry-v2/demos/avatar/composition.tsx
new file mode 100644
index 000000000..63b6b0d38
--- /dev/null
+++ b/www/src/registry-v2/demos/avatar/composition.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+import {
+  AvatarRoot,
+  AvatarImage,
+  AvatarFallback,
+  AvatarPlaceholder,
+} from "@/components/dynamic-core/avatar";
+import { UserIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <AvatarRoot>
+      <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+      <AvatarFallback>M</AvatarFallback>
+      <AvatarPlaceholder>
+        <UserIcon className="size-5" />
+      </AvatarPlaceholder>
+    </AvatarRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/avatar/default.tsx b/www/src/registry-v2/demos/avatar/default.tsx
new file mode 100644
index 000000000..e94f54b2d
--- /dev/null
+++ b/www/src/registry-v2/demos/avatar/default.tsx
@@ -0,0 +1,11 @@
+import { Avatar } from "@/components/dynamic-core/avatar";
+
+export default function Demo() {
+  return (
+    <Avatar
+      src="https://github.com/mehdibha.png"
+      alt="@mehdibha"
+      fallback="M"
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/avatar/shape.tsx b/www/src/registry-v2/demos/avatar/shape.tsx
new file mode 100644
index 000000000..1ba69322a
--- /dev/null
+++ b/www/src/registry-v2/demos/avatar/shape.tsx
@@ -0,0 +1,20 @@
+import { Avatar } from "@/components/dynamic-core/avatar";
+
+export default function Demo() {
+  return (
+    <div className="space-x-4">
+      <Avatar
+        src="https://github.com/mehdibha.png"
+        alt="@mehdibha"
+        fallback="M"
+        shape="square"
+      />
+      <Avatar
+        src="https://github.com/mehdibha.png"
+        alt="@mehdibha"
+        fallback="M"
+        shape="circle"
+      />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/avatar/sizes.tsx b/www/src/registry-v2/demos/avatar/sizes.tsx
new file mode 100644
index 000000000..7d1d91a20
--- /dev/null
+++ b/www/src/registry-v2/demos/avatar/sizes.tsx
@@ -0,0 +1,17 @@
+import { Avatar } from "@/components/dynamic-core/avatar";
+
+export default function Demo() {
+  return (
+    <div className="space-x-4">
+      {(["sm", "md", "lg"] as const).map((size) => (
+        <Avatar
+          key={size}
+          size={size}
+          src="https://github.com/mehdibha.png"
+          alt="@mehdibha"
+          fallback="M"
+        />
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/breadcrumbs/basic.tsx b/www/src/registry-v2/demos/breadcrumbs/basic.tsx
new file mode 100644
index 000000000..20492ad24
--- /dev/null
+++ b/www/src/registry-v2/demos/breadcrumbs/basic.tsx
@@ -0,0 +1,11 @@
+import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
+
+export default function Demo() {
+  return (
+    <Breadcrumbs>
+      <Breadcrumb href="#">Home</Breadcrumb>
+      <Breadcrumb href="#">Components</Breadcrumb>
+      <Breadcrumb href="#">Breadcrumbs</Breadcrumb>
+    </Breadcrumbs>
+  );
+}
diff --git a/www/src/registry-v2/demos/breadcrumbs/composition.tsx b/www/src/registry-v2/demos/breadcrumbs/composition.tsx
new file mode 100644
index 000000000..266d2b2fc
--- /dev/null
+++ b/www/src/registry-v2/demos/breadcrumbs/composition.tsx
@@ -0,0 +1,25 @@
+import {
+  Breadcrumbs,
+  BreadcrumbItem,
+  BreadcrumbLink,
+} from "@/components/dynamic-core/breadcrumbs";
+import { ChevronRightCircleIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Breadcrumbs>
+      <BreadcrumbItem>
+        <BreadcrumbLink href="#">Home</BreadcrumbLink>
+        <ChevronRightCircleIcon />
+      </BreadcrumbItem>
+      <BreadcrumbItem>
+        <BreadcrumbLink href="#">Components</BreadcrumbLink>
+        <ChevronRightCircleIcon />
+      </BreadcrumbItem>
+      <BreadcrumbItem>
+        <BreadcrumbLink>Breadcrumbs</BreadcrumbLink>
+        <ChevronRightCircleIcon />
+      </BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}
diff --git a/www/src/registry-v2/demos/breadcrumbs/disabled.tsx b/www/src/registry-v2/demos/breadcrumbs/disabled.tsx
new file mode 100644
index 000000000..a7075e96b
--- /dev/null
+++ b/www/src/registry-v2/demos/breadcrumbs/disabled.tsx
@@ -0,0 +1,11 @@
+import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
+
+export default function Demo() {
+  return (
+    <Breadcrumbs isDisabled>
+      <Breadcrumb href="#">Home</Breadcrumb>
+      <Breadcrumb href="#">Components</Breadcrumb>
+      <Breadcrumb>Breadcrumbs</Breadcrumb>
+    </Breadcrumbs>
+  );
+}
diff --git a/www/src/registry-v2/demos/breadcrumbs/icon.tsx b/www/src/registry-v2/demos/breadcrumbs/icon.tsx
new file mode 100644
index 000000000..34400fb5b
--- /dev/null
+++ b/www/src/registry-v2/demos/breadcrumbs/icon.tsx
@@ -0,0 +1,15 @@
+import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
+import { HomeIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Breadcrumbs>
+      <Breadcrumb href="#">
+        <HomeIcon />
+        Home
+      </Breadcrumb>
+      <Breadcrumb href="#">Components</Breadcrumb>
+      <Breadcrumb href="#">Breadcrumbs</Breadcrumb>
+    </Breadcrumbs>
+  );
+}
diff --git a/www/src/registry-v2/demos/breadcrumbs/router-integration.tsx b/www/src/registry-v2/demos/breadcrumbs/router-integration.tsx
new file mode 100644
index 000000000..240c74e55
--- /dev/null
+++ b/www/src/registry-v2/demos/breadcrumbs/router-integration.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
+
+export default function Demo() {
+  const pathname = usePathname();
+  const pathnames = pathname.split("/").filter((x) => x);
+  return (
+    <Breadcrumbs>
+      {pathnames.map((elem, index) => {
+        const href = `/${pathnames.slice(0, index + 1).join("/")}`;
+        return (
+          <Breadcrumb key={elem} href={href} className="capitalize">
+            {elem}
+          </Breadcrumb>
+        );
+      })}
+    </Breadcrumbs>
+  );
+}
diff --git a/www/src/registry-v2/demos/button/default.tsx b/www/src/registry-v2/demos/button/default.tsx
new file mode 100644
index 000000000..7a5f8ca3a
--- /dev/null
+++ b/www/src/registry-v2/demos/button/default.tsx
@@ -0,0 +1,5 @@
+import { Button } from "@/components/dynamic-core/button";
+
+export default function Demo() {
+  return <Button>Button</Button>;
+}
diff --git a/www/src/registry-v2/demos/button/disabled.tsx b/www/src/registry-v2/demos/button/disabled.tsx
new file mode 100644
index 000000000..d0623cc7e
--- /dev/null
+++ b/www/src/registry-v2/demos/button/disabled.tsx
@@ -0,0 +1,5 @@
+import { Button } from "@/components/dynamic-core/button";
+
+export default function Demo() {
+  return <Button isDisabled>Button</Button>;
+}
diff --git a/www/src/registry-v2/demos/button/link-button.tsx b/www/src/registry-v2/demos/button/link-button.tsx
new file mode 100644
index 000000000..f24ec5fd8
--- /dev/null
+++ b/www/src/registry-v2/demos/button/link-button.tsx
@@ -0,0 +1,10 @@
+import { Button } from "@/components/dynamic-core/button";
+import { LogInIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Button href="/login" prefix={<LogInIcon />} target="_blank">
+      Login
+    </Button>
+  );
+}
diff --git a/www/src/registry-v2/demos/button/loading.tsx b/www/src/registry-v2/demos/button/loading.tsx
new file mode 100644
index 000000000..eb9e23404
--- /dev/null
+++ b/www/src/registry-v2/demos/button/loading.tsx
@@ -0,0 +1,17 @@
+import { Button } from "@/components/dynamic-core/button";
+
+export default function Demo() {
+  return (
+    <div className="flex w-full items-center justify-center gap-2">
+      <Button size="sm" isPending>
+        Button
+      </Button>
+      <Button size="md" isPending>
+        Button
+      </Button>
+      <Button size="lg" isPending>
+        Button
+      </Button>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/button/prefix-and-suffix.tsx b/www/src/registry-v2/demos/button/prefix-and-suffix.tsx
new file mode 100644
index 000000000..4da393b2f
--- /dev/null
+++ b/www/src/registry-v2/demos/button/prefix-and-suffix.tsx
@@ -0,0 +1,11 @@
+import { Button } from "@/components/dynamic-core/button";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-2">
+      <Button prefix={<UploadIcon />}>Upload</Button>
+      <Button suffix={<UploadIcon />}>Upload</Button>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/button/shapes.tsx b/www/src/registry-v2/demos/button/shapes.tsx
new file mode 100644
index 000000000..6116bb8ba
--- /dev/null
+++ b/www/src/registry-v2/demos/button/shapes.tsx
@@ -0,0 +1,27 @@
+import { Button } from "@/components/dynamic-core/button";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center justify-center gap-4">
+      <Button size="sm" shape="square" aria-label="upload">
+        <UploadIcon />
+      </Button>
+      <Button size="md" shape="square" aria-label="upload">
+        <UploadIcon />
+      </Button>
+      <Button size="lg" shape="square" aria-label="upload">
+        <UploadIcon />
+      </Button>
+      <Button size="sm" shape="circle" aria-label="upload">
+        <UploadIcon />
+      </Button>
+      <Button size="md" shape="circle" aria-label="upload">
+        <UploadIcon />
+      </Button>
+      <Button size="lg" shape="circle" aria-label="upload">
+        <UploadIcon />
+      </Button>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/button/sizes.tsx b/www/src/registry-v2/demos/button/sizes.tsx
new file mode 100644
index 000000000..593a8ef1b
--- /dev/null
+++ b/www/src/registry-v2/demos/button/sizes.tsx
@@ -0,0 +1,11 @@
+import { Button } from "@/components/dynamic-core/button";
+
+export default function Demo() {
+  return (
+    <div className="flex w-full items-center justify-center gap-4">
+      <Button size="sm">Button</Button>
+      <Button size="md">Button</Button>
+      <Button size="lg">Button</Button>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/button/variants.tsx b/www/src/registry-v2/demos/button/variants.tsx
new file mode 100644
index 000000000..c8923ffee
--- /dev/null
+++ b/www/src/registry-v2/demos/button/variants.tsx
@@ -0,0 +1,24 @@
+import { Button } from "@/components/dynamic-core/button";
+
+const variants = [
+  "default",
+  "primary",
+  "outline",
+  "quiet",
+  "success",
+  "warning",
+  "danger",
+  "accent",
+] as const;
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-4 gap-2">
+      {variants.map((variant) => (
+        <Button key={variant} variant={variant}>
+          {variant}
+        </Button>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/calendar/composition.tsx b/www/src/registry-v2/demos/calendar/composition.tsx
new file mode 100644
index 000000000..1cce10534
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/composition.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import { Button } from "@/components/dynamic-core/button";
+import {
+  CalendarRoot,
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+} from "@/components/dynamic-core/calendar";
+import { Heading } from "@/components/dynamic-core/heading";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <CalendarRoot>
+      <CalendarHeader>
+        <Button slot="previous" variant="outline" shape="square" size="sm">
+          <ChevronLeftIcon />
+        </Button>
+        <Heading className="text-sm" />
+        <Button slot="next" variant="outline" shape="square" size="sm">
+          <ChevronRightIcon />
+        </Button>
+      </CalendarHeader>
+      <CalendarGrid>
+        <CalendarGridHeader>
+          {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+        </CalendarGridHeader>
+        <CalendarGridBody>
+          {(date) => <CalendarCell date={date} />}
+        </CalendarGridBody>
+      </CalendarGrid>
+    </CalendarRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/calendar/controlled.tsx b/www/src/registry-v2/demos/calendar/controlled.tsx
new file mode 100644
index 000000000..149e82599
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/controlled.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { useDateFormatter } from "react-aria";
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(today(getLocalTimeZone()));
+  const formatter = useDateFormatter({ dateStyle: "full" });
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <Calendar
+        aria-label="Date (controlled)"
+        value={value}
+        onChange={setValue}
+      />
+      <p className="text-fg-muted text-sm">
+        Selected date: {formatter.format(value.toDate(getLocalTimeZone()))}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/calendar/default.tsx b/www/src/registry-v2/demos/calendar/default.tsx
new file mode 100644
index 000000000..dc6749341
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/default.tsx
@@ -0,0 +1,5 @@
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  return <Calendar />;
+}
diff --git a/www/src/registry-v2/demos/calendar/disabled.tsx b/www/src/registry-v2/demos/calendar/disabled.tsx
new file mode 100644
index 000000000..349cc6216
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/disabled.tsx
@@ -0,0 +1,5 @@
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  return <Calendar aria-label="Appointment date" isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/calendar/error-message.tsx b/www/src/registry-v2/demos/calendar/error-message.tsx
new file mode 100644
index 000000000..5d65f0818
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/error-message.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { today, isWeekend, getLocalTimeZone } from "@internationalized/date";
+import { useLocale } from "react-aria";
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  const [date, setDate] = React.useState(today(getLocalTimeZone()));
+  const { locale } = useLocale();
+  const isInvalid = isWeekend(date, locale);
+  return (
+    <Calendar
+      value={date}
+      onChange={setDate}
+      isInvalid={isInvalid}
+      errorMessage={"We are closed on weekends"}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/calendar/label.tsx b/www/src/registry-v2/demos/calendar/label.tsx
new file mode 100644
index 000000000..bf53c605c
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/label.tsx
@@ -0,0 +1,5 @@
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  return <Calendar aria-label="Event date" />;
+}
diff --git a/www/src/registry-v2/demos/calendar/page-behaviour.tsx b/www/src/registry-v2/demos/calendar/page-behaviour.tsx
new file mode 100644
index 000000000..70e383c08
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/page-behaviour.tsx
@@ -0,0 +1,5 @@
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  return <Calendar visibleMonths={2} pageBehavior="single" />;
+}
diff --git a/www/src/registry-v2/demos/calendar/read-only.tsx b/www/src/registry-v2/demos/calendar/read-only.tsx
new file mode 100644
index 000000000..64f763dde
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/read-only.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      isReadOnly
+      value={today(getLocalTimeZone())}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/calendar/uncontrolled.tsx b/www/src/registry-v2/demos/calendar/uncontrolled.tsx
new file mode 100644
index 000000000..82a52b9d4
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/uncontrolled.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      defaultValue={today(getLocalTimeZone())}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/calendar/unvailable-dates.tsx b/www/src/registry-v2/demos/calendar/unvailable-dates.tsx
new file mode 100644
index 000000000..6371e0cc8
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/unvailable-dates.tsx
@@ -0,0 +1,35 @@
+"use client";
+
+import {
+  type DateValue,
+  getLocalTimeZone,
+  isWeekend,
+  today,
+} from "@internationalized/date";
+import { useLocale } from "react-aria";
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  const now = today(getLocalTimeZone());
+  const disabledRanges = [
+    [now, now.add({ days: 5 })],
+    [now.add({ days: 14 }), now.add({ days: 16 })],
+    [now.add({ days: 23 }), now.add({ days: 24 })],
+  ];
+
+  const { locale } = useLocale();
+  const isDateUnavailable = (date: DateValue) =>
+    isWeekend(date, locale) ||
+    disabledRanges.some(
+      (interval) =>
+        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
+    );
+
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      minValue={today(getLocalTimeZone())}
+      isDateUnavailable={isDateUnavailable}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/calendar/validation.tsx b/www/src/registry-v2/demos/calendar/validation.tsx
new file mode 100644
index 000000000..871f87d14
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/validation.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      minValue={today(getLocalTimeZone())}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/calendar/visible-months.tsx b/www/src/registry-v2/demos/calendar/visible-months.tsx
new file mode 100644
index 000000000..53431b519
--- /dev/null
+++ b/www/src/registry-v2/demos/calendar/visible-months.tsx
@@ -0,0 +1,5 @@
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  return <Calendar visibleMonths={2} />;
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/cards.tsx b/www/src/registry-v2/demos/checkbox-group/cards.tsx
new file mode 100644
index 000000000..aaaeaab97
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/cards.tsx
@@ -0,0 +1,16 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      defaultValue={["nextjs"]}
+      variant="card"
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/composition.tsx b/www/src/registry-v2/demos/checkbox-group/composition.tsx
new file mode 100644
index 000000000..beb56cbd1
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/composition.tsx
@@ -0,0 +1,22 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroupRoot } from "@/components/dynamic-core/checkbox-group";
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/components/dynamic-core/field";
+
+export default function Demo() {
+  return (
+    <CheckboxGroupRoot defaultValue={["nextjs"]}>
+      <Label>React frameworks</Label>
+      <Description>You can pick any frameworks.</Description>
+      <div className="flex items-center gap-4">
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+        <Checkbox value="gatsby">Gatsby</Checkbox>
+      </div>
+      <FieldError />
+    </CheckboxGroupRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/contextual-help.tsx b/www/src/registry-v2/demos/checkbox-group/contextual-help.tsx
new file mode 100644
index 000000000..0db65d2c9
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/contextual-help.tsx
@@ -0,0 +1,22 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      defaultValue={["nextjs"]}
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you need help, please contact support."
+        />
+      }
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/controlled.tsx b/www/src/registry-v2/demos/checkbox-group/controlled.tsx
new file mode 100644
index 000000000..9c2224cac
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/controlled.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+
+export default function Demo() {
+  const [frameworks, setFrameworks] = React.useState(["nextjs"]);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <CheckboxGroup
+        label="React frameworks"
+        value={frameworks}
+        onChange={(value) => setFrameworks(value)}
+      >
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+        <Checkbox value="gatsby">Gatsby</Checkbox>
+      </CheckboxGroup>
+      <p className="text-fg-muted text-xs">
+        {frameworks.length === 0
+          ? "You haven't selected any frameworks."
+          : `You selected ${frameworks.join(", ")}.`}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/default.tsx b/www/src/registry-v2/demos/checkbox-group/default.tsx
new file mode 100644
index 000000000..c30acc578
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/default.tsx
@@ -0,0 +1,12 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/description.tsx b/www/src/registry-v2/demos/checkbox-group/description.tsx
new file mode 100644
index 000000000..e2b96f06f
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/description.tsx
@@ -0,0 +1,16 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      defaultValue={["nextjs"]}
+      description="You can pick any frameworks."
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/disabled.tsx b/www/src/registry-v2/demos/checkbox-group/disabled.tsx
new file mode 100644
index 000000000..99d7400c5
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/disabled.tsx
@@ -0,0 +1,16 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      isDisabled
+      defaultValue={["nextjs"]}
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/error-message.tsx b/www/src/registry-v2/demos/checkbox-group/error-message.tsx
new file mode 100644
index 000000000..5c6f3d4e0
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/error-message.tsx
@@ -0,0 +1,16 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      isInvalid
+      errorMessage="Please select a framework."
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/label.tsx b/www/src/registry-v2/demos/checkbox-group/label.tsx
new file mode 100644
index 000000000..a81515566
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/label.tsx
@@ -0,0 +1,17 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-10">
+      <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+      <CheckboxGroup aria-label="React frameworks" defaultValue={["nextjs"]}>
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/read-only.tsx b/www/src/registry-v2/demos/checkbox-group/read-only.tsx
new file mode 100644
index 000000000..dd2cff635
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/read-only.tsx
@@ -0,0 +1,16 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup
+      label="React frameworks"
+      isReadOnly
+      defaultValue={["nextjs"]}
+    >
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/required.tsx b/www/src/registry-v2/demos/checkbox-group/required.tsx
new file mode 100644
index 000000000..366c226c6
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/required.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <CheckboxGroup label="React frameworks" isRequired>
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+      <CheckboxGroup
+        label="React frameworks"
+        isRequired
+        necessityIndicator="icon"
+      >
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+      <CheckboxGroup
+        label="React frameworks"
+        isRequired
+        necessityIndicator="label"
+      >
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+      <CheckboxGroup label="React frameworks" necessityIndicator="label">
+        <Checkbox value="nextjs">Next.js</Checkbox>
+        <Checkbox value="remix">Remix</Checkbox>
+      </CheckboxGroup>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox-group/uncontrolled.tsx b/www/src/registry-v2/demos/checkbox-group/uncontrolled.tsx
new file mode 100644
index 000000000..c30acc578
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox-group/uncontrolled.tsx
@@ -0,0 +1,12 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
+
+export default function Demo() {
+  return (
+    <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+      <Checkbox value="gatsby">Gatsby</Checkbox>
+    </CheckboxGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox/card.tsx b/www/src/registry-v2/demos/checkbox/card.tsx
new file mode 100644
index 000000000..ab8e78e53
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox/card.tsx
@@ -0,0 +1,7 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+
+export default function Demo() {
+  return (
+    <Checkbox variant="card">I agree to the terms and conditions</Checkbox>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox/controlled.tsx b/www/src/registry-v2/demos/checkbox/controlled.tsx
new file mode 100644
index 000000000..7d59ba97e
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox/controlled.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import React from "react";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+
+export default function Demo() {
+  const [checked, setChecked] = React.useState(false);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <Checkbox isSelected={checked} onChange={setChecked}>
+        I accept the terms and conditions
+      </Checkbox>
+      <p className="text-fg-muted text-xs">
+        <span className="font-bold">Checked:</span> {checked ? "true" : "false"}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox/default.tsx b/www/src/registry-v2/demos/checkbox/default.tsx
new file mode 100644
index 000000000..949034071
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox/default.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { Link } from "@/components/dynamic-core/link";
+
+export default function Demo() {
+  return (
+    <Checkbox>
+      I accept the{" "}
+      <Link variant="accent" href="#">
+        terms and conditions
+      </Link>
+    </Checkbox>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox/disabled.tsx b/www/src/registry-v2/demos/checkbox/disabled.tsx
new file mode 100644
index 000000000..3cba2f070
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox/disabled.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+
+export default function Demo() {
+  return <Checkbox isDisabled>I accept the terms and conditions</Checkbox>;
+}
diff --git a/www/src/registry-v2/demos/checkbox/indeterminate.tsx b/www/src/registry-v2/demos/checkbox/indeterminate.tsx
new file mode 100644
index 000000000..cf22c2cc5
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox/indeterminate.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+
+export default function Demo() {
+  return <Checkbox isIndeterminate>Select all</Checkbox>;
+}
diff --git a/www/src/registry-v2/demos/checkbox/read-only.tsx b/www/src/registry-v2/demos/checkbox/read-only.tsx
new file mode 100644
index 000000000..a5921aad9
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox/read-only.tsx
@@ -0,0 +1,9 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+
+export default function Demo() {
+  return (
+    <Checkbox defaultSelected isReadOnly>
+      I accept the terms and conditions
+    </Checkbox>
+  );
+}
diff --git a/www/src/registry-v2/demos/checkbox/uncontrolled.tsx b/www/src/registry-v2/demos/checkbox/uncontrolled.tsx
new file mode 100644
index 000000000..fe287c9aa
--- /dev/null
+++ b/www/src/registry-v2/demos/checkbox/uncontrolled.tsx
@@ -0,0 +1,5 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+
+export default function Demo() {
+  return <Checkbox defaultSelected>I accept the terms and conditions</Checkbox>;
+}
diff --git a/www/src/registry-v2/demos/color-area/channels.tsx b/www/src/registry-v2/demos/color-area/channels.tsx
new file mode 100644
index 000000000..375559ab1
--- /dev/null
+++ b/www/src/registry-v2/demos/color-area/channels.tsx
@@ -0,0 +1,5 @@
+import { ColorArea } from "@/components/dynamic-core/color-area";
+
+export default function Demo() {
+  return <ColorArea xChannel="red" yChannel="blue" />;
+}
diff --git a/www/src/registry-v2/demos/color-area/composition.tsx b/www/src/registry-v2/demos/color-area/composition.tsx
new file mode 100644
index 000000000..b18de28ff
--- /dev/null
+++ b/www/src/registry-v2/demos/color-area/composition.tsx
@@ -0,0 +1,10 @@
+import { ColorAreaRoot } from "@/components/dynamic-core/color-area";
+import { ColorThumb } from "@/components/dynamic-core/color-thumb";
+
+export default function Demo() {
+  return (
+    <ColorAreaRoot>
+      <ColorThumb />
+    </ColorAreaRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-area/controlled.tsx b/www/src/registry-v2/demos/color-area/controlled.tsx
new file mode 100644
index 000000000..f82739b2a
--- /dev/null
+++ b/www/src/registry-v2/demos/color-area/controlled.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import React from "react";
+import { parseColor } from "react-aria-components";
+import { ColorArea } from "@/components/dynamic-core/color-area";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <ColorArea
+        value={value}
+        onChange={setValue}
+        xChannel="saturation"
+        yChannel="lightness"
+      />
+      <p className="text-fg-muted text-xs">
+        Selected color : {value.toString()}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-area/default.tsx b/www/src/registry-v2/demos/color-area/default.tsx
new file mode 100644
index 000000000..7f677a4ea
--- /dev/null
+++ b/www/src/registry-v2/demos/color-area/default.tsx
@@ -0,0 +1,5 @@
+import { ColorArea } from "@/components/dynamic-core/color-area";
+
+export default function Demo() {
+  return <ColorArea />;
+}
diff --git a/www/src/registry-v2/demos/color-area/disabled.tsx b/www/src/registry-v2/demos/color-area/disabled.tsx
new file mode 100644
index 000000000..655459ed2
--- /dev/null
+++ b/www/src/registry-v2/demos/color-area/disabled.tsx
@@ -0,0 +1,5 @@
+import { ColorArea } from "@/components/dynamic-core/color-area";
+
+export default function Demo() {
+  return <ColorArea isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/color-area/uncontrolled.tsx b/www/src/registry-v2/demos/color-area/uncontrolled.tsx
new file mode 100644
index 000000000..99daf4a61
--- /dev/null
+++ b/www/src/registry-v2/demos/color-area/uncontrolled.tsx
@@ -0,0 +1,5 @@
+import { ColorArea } from "@/components/dynamic-core/color-area";
+
+export default function Demo() {
+  return <ColorArea defaultValue="hsl(30, 100%, 50%)" />;
+}
diff --git a/www/src/registry-v2/demos/color-field/composition.tsx b/www/src/registry-v2/demos/color-field/composition.tsx
new file mode 100644
index 000000000..b6776262b
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/composition.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { ColorFieldRoot } from "@/components/dynamic-core/color-field";
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/components/dynamic-core/field";
+import { Input, InputRoot } from "@/components/dynamic-core/input";
+
+export default function Demo() {
+  return (
+    <ColorFieldRoot>
+      <Label>Background</Label>
+      <InputRoot>
+        <Input />
+      </InputRoot>
+      <Description>Enter a background color.</Description>
+      <FieldError />
+    </ColorFieldRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-field/contextual-help.tsx b/www/src/registry-v2/demos/color-field/contextual-help.tsx
new file mode 100644
index 000000000..721f677ca
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/contextual-help.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { ColorField } from "@/components/dynamic-core/color-field";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+
+export default function Demo() {
+  return (
+    <ColorField
+      label="Color"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/color-field/controlled.tsx b/www/src/registry-v2/demos/color-field/controlled.tsx
new file mode 100644
index 000000000..70363d33a
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/controlled.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import React from "react";
+import { type Color, parseColor } from "react-aria-components";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <ColorField value={color} onChange={setColor} />
+      <p className="text-fg-muted text-sm">
+        Current color value: {color?.toString("hex")}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-field/default.tsx b/www/src/registry-v2/demos/color-field/default.tsx
new file mode 100644
index 000000000..b3535197d
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/default.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return <ColorField label="Color" />;
+}
diff --git a/www/src/registry-v2/demos/color-field/description.tsx b/www/src/registry-v2/demos/color-field/description.tsx
new file mode 100644
index 000000000..41ba1c885
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/description.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return <ColorField label="Color" description="Enter a background color." />;
+}
diff --git a/www/src/registry-v2/demos/color-field/disabled.tsx b/www/src/registry-v2/demos/color-field/disabled.tsx
new file mode 100644
index 000000000..6604109f1
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/disabled.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import { parseColor } from "react-aria-components";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return <ColorField value={parseColor("rgb(222,70,58)")} isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/color-field/error-message.tsx b/www/src/registry-v2/demos/color-field/error-message.tsx
new file mode 100644
index 000000000..9630bbde5
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return (
+    <ColorField
+      label="Color"
+      isInvalid
+      errorMessage="Please fill out this field."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/color-field/form.tsx b/www/src/registry-v2/demos/color-field/form.tsx
new file mode 100644
index 000000000..5580544a5
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/form.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return <ColorField />;
+}
diff --git a/www/src/registry-v2/demos/color-field/label.tsx b/www/src/registry-v2/demos/color-field/label.tsx
new file mode 100644
index 000000000..5aa5807ca
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/label.tsx
@@ -0,0 +1,10 @@
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <ColorField label="Background" placeholder="Visible label" />
+      <ColorField aria-label="Background" placeholder="Hidden label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-field/loading.tsx b/www/src/registry-v2/demos/color-field/loading.tsx
new file mode 100644
index 000000000..fc97c3961
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/loading.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <ColorField isLoading loaderPosition="prefix" />
+      <ColorField isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-field/prefix-and-suffix.tsx b/www/src/registry-v2/demos/color-field/prefix-and-suffix.tsx
new file mode 100644
index 000000000..fb464eeaf
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/prefix-and-suffix.tsx
@@ -0,0 +1,11 @@
+import { ColorField } from "@/components/dynamic-core/color-field";
+import { PaletteIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <ColorField prefix={<PaletteIcon />} />
+      <ColorField suffix={<PaletteIcon />} />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-field/read-only.tsx b/www/src/registry-v2/demos/color-field/read-only.tsx
new file mode 100644
index 000000000..6991428b0
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/read-only.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return <ColorField label="Color" isReadOnly value="#121212" />;
+}
diff --git a/www/src/registry-v2/demos/color-field/required.tsx b/www/src/registry-v2/demos/color-field/required.tsx
new file mode 100644
index 000000000..4652486b6
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <ColorField label="Color" isRequired />
+      <ColorField label="Color" isRequired necessityIndicator="icon" />
+      <ColorField label="Color" isRequired necessityIndicator="label" />
+      <ColorField label="Color" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-field/sizes.tsx b/www/src/registry-v2/demos/color-field/sizes.tsx
new file mode 100644
index 000000000..9fa524375
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <ColorField label="small" size="sm" />
+      <ColorField label="medium" size="md" />
+      <ColorField label="large" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-field/uncontrolled.tsx b/www/src/registry-v2/demos/color-field/uncontrolled.tsx
new file mode 100644
index 000000000..e2e085f9d
--- /dev/null
+++ b/www/src/registry-v2/demos/color-field/uncontrolled.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  return <ColorField defaultValue="#7f007f" />;
+}
diff --git a/www/src/registry-v2/demos/color-picker/composition.tsx b/www/src/registry-v2/demos/color-picker/composition.tsx
new file mode 100644
index 000000000..7f2df9402
--- /dev/null
+++ b/www/src/registry-v2/demos/color-picker/composition.tsx
@@ -0,0 +1,22 @@
+import { Button } from "@/components/dynamic-core/button";
+import {
+  ColorEditor,
+  ColorPickerRoot,
+} from "@/components/dynamic-core/color-picker";
+import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
+import { Dialog, DialogRoot } from "@/components/dynamic-core/dialog";
+
+export default function Demo() {
+  return (
+    <ColorPickerRoot defaultValue="#5100FF">
+      <DialogRoot>
+        <Button shape="square">
+          <ColorSwatch />
+        </Button>
+        <Dialog type="popover" mobileType="drawer">
+          <ColorEditor />
+        </Dialog>
+      </DialogRoot>
+    </ColorPickerRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-picker/controlled.tsx b/www/src/registry-v2/demos/color-picker/controlled.tsx
new file mode 100644
index 000000000..9afe2aaad
--- /dev/null
+++ b/www/src/registry-v2/demos/color-picker/controlled.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import React from "react";
+import { type Color, parseColor } from "react-aria-components";
+import { ColorPicker } from "@/components/dynamic-core/color-picker";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(parseColor("hsl(26, 33%, 78%)"));
+  // React aria components should fix this type issue (normally its Color not Color & string)
+  return <ColorPicker value={value as Color & string} onChange={setValue} />;
+}
diff --git a/www/src/registry-v2/demos/color-picker/default.tsx b/www/src/registry-v2/demos/color-picker/default.tsx
new file mode 100644
index 000000000..281d2c2bd
--- /dev/null
+++ b/www/src/registry-v2/demos/color-picker/default.tsx
@@ -0,0 +1,5 @@
+import { ColorPicker } from "@/components/dynamic-core/color-picker";
+
+export default function Demo() {
+  return <ColorPicker defaultValue="#5100FF" />;
+}
diff --git a/www/src/registry-v2/demos/color-picker/options.tsx b/www/src/registry-v2/demos/color-picker/options.tsx
new file mode 100644
index 000000000..462025341
--- /dev/null
+++ b/www/src/registry-v2/demos/color-picker/options.tsx
@@ -0,0 +1,9 @@
+import { ColorPicker } from "@/components/dynamic-core/color-picker";
+
+export default function Demo() {
+  return (
+    <ColorPicker size="sm" shape="rectangle" defaultValue="#107030">
+      Fill color
+    </ColorPicker>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-picker/uncontrolled.tsx b/www/src/registry-v2/demos/color-picker/uncontrolled.tsx
new file mode 100644
index 000000000..281d2c2bd
--- /dev/null
+++ b/www/src/registry-v2/demos/color-picker/uncontrolled.tsx
@@ -0,0 +1,5 @@
+import { ColorPicker } from "@/components/dynamic-core/color-picker";
+
+export default function Demo() {
+  return <ColorPicker defaultValue="#5100FF" />;
+}
diff --git a/www/src/registry-v2/demos/color-slider/channel.tsx b/www/src/registry-v2/demos/color-slider/channel.tsx
new file mode 100644
index 000000000..3955bc71d
--- /dev/null
+++ b/www/src/registry-v2/demos/color-slider/channel.tsx
@@ -0,0 +1,5 @@
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
+
+export default function Demo() {
+  return <ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" />;
+}
diff --git a/www/src/registry-v2/demos/color-slider/composition.tsx b/www/src/registry-v2/demos/color-slider/composition.tsx
new file mode 100644
index 000000000..0624df838
--- /dev/null
+++ b/www/src/registry-v2/demos/color-slider/composition.tsx
@@ -0,0 +1,21 @@
+import {
+  ColorSliderOutput,
+  ColorSliderRoot,
+  ColorSliderTrack,
+} from "@/components/dynamic-core/color-slider";
+import { ColorThumb } from "@/components/dynamic-core/color-thumb";
+import { Label } from "@/components/dynamic-core/field";
+
+export default function Demo() {
+  return (
+    <ColorSliderRoot channel="hue" defaultValue="hsl(0, 100%, 50%)">
+      <div className="flex items-center justify-between">
+        <Label>Hue</Label>
+        <ColorSliderOutput />
+      </div>
+      <ColorSliderTrack>
+        <ColorThumb />
+      </ColorSliderTrack>
+    </ColorSliderRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-slider/controlled.tsx b/www/src/registry-v2/demos/color-slider/controlled.tsx
new file mode 100644
index 000000000..58fc55311
--- /dev/null
+++ b/www/src/registry-v2/demos/color-slider/controlled.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { parseColor } from "react-aria-components";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <ColorSlider value={value} onChange={setValue} channel="hue" />
+      <p className="text-fg-muted text-xs">Value: {value.toString("hex")}</p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/color-slider/default.tsx b/www/src/registry-v2/demos/color-slider/default.tsx
new file mode 100644
index 000000000..e78a65aec
--- /dev/null
+++ b/www/src/registry-v2/demos/color-slider/default.tsx
@@ -0,0 +1,5 @@
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
+
+export default function Demo() {
+  return <ColorSlider channel="hue" defaultValue="hsl(200, 100%, 50%)" />;
+}
diff --git a/www/src/registry-v2/demos/color-slider/disabled.tsx b/www/src/registry-v2/demos/color-slider/disabled.tsx
new file mode 100644
index 000000000..e3eb2b82e
--- /dev/null
+++ b/www/src/registry-v2/demos/color-slider/disabled.tsx
@@ -0,0 +1,12 @@
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
+
+export default function Demo() {
+  return (
+    <ColorSlider
+      label="Opacity"
+      defaultValue="#f00"
+      channel="alpha"
+      isDisabled
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/color-slider/label.tsx b/www/src/registry-v2/demos/color-slider/label.tsx
new file mode 100644
index 000000000..76fe4bba8
--- /dev/null
+++ b/www/src/registry-v2/demos/color-slider/label.tsx
@@ -0,0 +1,7 @@
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
+
+export default function Demo() {
+  return (
+    <ColorSlider label="Hue" channel="hue" defaultValue="hsl(200, 100%, 50%)" />
+  );
+}
diff --git a/www/src/registry-v2/demos/color-slider/uncontrolled.tsx b/www/src/registry-v2/demos/color-slider/uncontrolled.tsx
new file mode 100644
index 000000000..69d21db7b
--- /dev/null
+++ b/www/src/registry-v2/demos/color-slider/uncontrolled.tsx
@@ -0,0 +1,5 @@
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
+
+export default function Demo() {
+  return <ColorSlider channel="hue" defaultValue="hsl(0, 100%, 50%)" />;
+}
diff --git a/www/src/registry-v2/demos/color-slider/vertical.tsx b/www/src/registry-v2/demos/color-slider/vertical.tsx
new file mode 100644
index 000000000..a5dc2d119
--- /dev/null
+++ b/www/src/registry-v2/demos/color-slider/vertical.tsx
@@ -0,0 +1,11 @@
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
+
+export default function Demo() {
+  return (
+    <ColorSlider
+      orientation="vertical"
+      channel="hue"
+      defaultValue="hsl(0, 100%, 50%)"
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/color-swatch/default.tsx b/www/src/registry-v2/demos/color-swatch/default.tsx
new file mode 100644
index 000000000..a766ffdb7
--- /dev/null
+++ b/www/src/registry-v2/demos/color-swatch/default.tsx
@@ -0,0 +1,5 @@
+import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
+
+export default function Demo() {
+  return <ColorSwatch color="#f00" />;
+}
diff --git a/www/src/registry-v2/demos/combobox/async-loading.tsx b/www/src/registry-v2/demos/combobox/async-loading.tsx
new file mode 100644
index 000000000..7a84ba994
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/async-loading.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import { useAsyncList } from "react-stately";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+interface Character {
+  name: string;
+}
+
+export default function Demo() {
+  const list = useAsyncList<Character>({
+    async load({ signal }) {
+      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
+      const json = (await res.json()) as { results: Character[] };
+      return {
+        items: json.results,
+      };
+    },
+  });
+
+  return (
+    <Combobox label="Pokemon" items={list.items} isLoading={list.isLoading}>
+      {(item) => <Item id={item.name}>{item.name}</Item>}
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/basic.tsx b/www/src/registry-v2/demos/combobox/basic.tsx
new file mode 100644
index 000000000..b015a8dbc
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/basic.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox aria-label="country">
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/composition.tsx b/www/src/registry-v2/demos/combobox/composition.tsx
new file mode 100644
index 000000000..4efe98f27
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/composition.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+import {
+  ComboboxRoot,
+  ComboboxTrigger,
+} from "@/components/dynamic-core/combobox";
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/components/dynamic-core/field";
+import { Item, ListBox } from "@/components/dynamic-core/list-box";
+import { Overlay } from "@/components/dynamic-core/overlay";
+
+export default function Demo() {
+  return (
+    <ComboboxRoot>
+      <Label>Framework</Label>
+      <ComboboxTrigger />
+      <Description>Please choose a framework.</Description>
+      <FieldError />
+      <Overlay type="popover">
+        <ListBox>
+          <Item>Next.js</Item>
+          <Item>Remix</Item>
+          <Item>Gatsby</Item>
+          <Item></Item>
+        </ListBox>
+      </Overlay>
+    </ComboboxRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/contextual-help.tsx b/www/src/registry-v2/demos/combobox/contextual-help.tsx
new file mode 100644
index 000000000..bb116583e
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/contextual-help.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox
+      label="Country"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, get assisted by our AI."
+        />
+      }
+    >
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/controlled.tsx b/www/src/registry-v2/demos/combobox/controlled.tsx
new file mode 100644
index 000000000..fa4bec355
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/controlled.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import React from "react";
+import type { Key } from "react-aria-components";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  const [country, setCountry] = React.useState<Key | null>("tn");
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <Combobox
+        aria-label="country"
+        selectedKey={country}
+        onSelectionChange={setCountry}
+      >
+        <Item id="ca">Canada</Item>
+        <Item id="fr">France</Item>
+        <Item id="de">Germany</Item>
+        <Item id="es">Spain</Item>
+        <Item id="tn">Tunisia</Item>
+        <Item id="us">United States</Item>
+        <Item id="uk">United Kingdom</Item>
+      </Combobox>
+      <p className="text-fg-muted text-sm">
+        {country ? (
+          <>
+            You selected: <span className="text-fg font-bold">{country}</span>
+          </>
+        ) : (
+          "Select a country."
+        )}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/custom-value.tsx b/www/src/registry-v2/demos/combobox/custom-value.tsx
new file mode 100644
index 000000000..5435f63d6
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/custom-value.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox aria-label="country" allowsCustomValue>
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/description.tsx b/www/src/registry-v2/demos/combobox/description.tsx
new file mode 100644
index 000000000..b0007bf0a
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/description.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox label="Country" description="Please select a country.">
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/disabled.tsx b/www/src/registry-v2/demos/combobox/disabled.tsx
new file mode 100644
index 000000000..df78c8d4f
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/disabled.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox label="Favorite Animal" isDisabled>
+      <Item id="red panda">Red Panda</Item>
+      <Item id="cat">Cat</Item>
+      <Item id="dog">Dog</Item>
+      <Item id="aardvark">Aardvark</Item>
+      <Item id="kangaroo">Kangaroo</Item>
+      <Item id="snake">Snake</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/label.tsx b/www/src/registry-v2/demos/combobox/label.tsx
new file mode 100644
index 000000000..b3bbb125d
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/label.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox label="Country">
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/loading.tsx b/www/src/registry-v2/demos/combobox/loading.tsx
new file mode 100644
index 000000000..1fe69a452
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/loading.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox label="Favorite Animal" isLoading>
+      <Item>Red Panda</Item>
+      <Item>Cat</Item>
+      <Item>Dog</Item>
+      <Item>Aardvark</Item>
+      <Item>Kangaroo</Item>
+      <Item>Snake</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/required.tsx b/www/src/registry-v2/demos/combobox/required.tsx
new file mode 100644
index 000000000..a053476c9
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/required.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox label="Country" isRequired necessityIndicator="icon">
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/sections.tsx b/www/src/registry-v2/demos/combobox/sections.tsx
new file mode 100644
index 000000000..647de3540
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/sections.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Section } from "@/components/dynamic-core/section";
+
+export default function Demo() {
+  return (
+    <Combobox aria-label="Country">
+      <Section title="Africa">
+        <Item>Tunisia</Item>
+        <Item>Algeria</Item>
+        <Item>Morocco</Item>
+      </Section>
+      <Section title="America">
+        <Item>Canada</Item>
+        <Item>United states</Item>
+      </Section>
+      <Section title="Asia">
+        <Item>India</Item>
+        <Item>Japan</Item>
+        <Item>Korea</Item>
+      </Section>
+      <Section title="Europe">
+        <Item>France</Item>
+        <Item>Germany</Item>
+        <Item>Spain</Item>
+        <Item>United Kingdom</Item>
+      </Section>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/uncontrolled.tsx b/www/src/registry-v2/demos/combobox/uncontrolled.tsx
new file mode 100644
index 000000000..1d8dc37f2
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/uncontrolled.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox aria-label="country" defaultSelectedKey="tn">
+      <Item id="ca">Canada</Item>
+      <Item id="fr">France</Item>
+      <Item id="de">Germany</Item>
+      <Item id="es">Spain</Item>
+      <Item id="tn">Tunisia</Item>
+      <Item id="us">United States</Item>
+      <Item id="uk">United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/combobox/validation.tsx b/www/src/registry-v2/demos/combobox/validation.tsx
new file mode 100644
index 000000000..f92014d3f
--- /dev/null
+++ b/www/src/registry-v2/demos/combobox/validation.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <Combobox
+      aria-label="Country"
+      isInvalid
+      errorMessage="Please select a country in the list."
+    >
+      <Item>Canada</Item>
+      <Item>France</Item>
+      <Item>Germany</Item>
+      <Item>Spain</Item>
+      <Item>Tunisia</Item>
+      <Item>United states</Item>
+      <Item>United Kingdom</Item>
+    </Combobox>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/composition.tsx b/www/src/registry-v2/demos/date-field/composition.tsx
new file mode 100644
index 000000000..7a57fe511
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/composition.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import React from "react";
+import { DateFieldRoot } from "@/components/dynamic-core/date-field";
+import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { InputRoot } from "@/components/dynamic-core/input";
+
+export default function Demo() {
+  return (
+    <DateFieldRoot>
+      <Label>Meeting time</Label>
+      <InputRoot>
+        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+      </InputRoot>
+      <Description>Please select a time between 9 AM and 5 PM.</Description>
+    </DateFieldRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/contextual-help.tsx b/www/src/registry-v2/demos/date-field/contextual-help.tsx
new file mode 100644
index 000000000..7fae45c51
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/contextual-help.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      label="Appointment"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/controlled.tsx b/www/src/registry-v2/demos/date-field/controlled.tsx
new file mode 100644
index 000000000..39bac6110
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/controlled.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { parseDate } from "@internationalized/date";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(parseDate("2020-02-03"));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <DateField aria-label="Event date" value={value} onChange={setValue} />
+      <p className="text-fg-muted text-sm">selected date: {value.toString()}</p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/default.tsx b/www/src/registry-v2/demos/date-field/default.tsx
new file mode 100644
index 000000000..bd1823dc4
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/default.tsx
@@ -0,0 +1,5 @@
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return <DateField aria-label="Meeting date" />;
+}
diff --git a/www/src/registry-v2/demos/date-field/description.tsx b/www/src/registry-v2/demos/date-field/description.tsx
new file mode 100644
index 000000000..263b31f1f
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/description.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return <DateField label="Appointment" description="Please select a date." />;
+}
diff --git a/www/src/registry-v2/demos/date-field/disabled.tsx b/www/src/registry-v2/demos/date-field/disabled.tsx
new file mode 100644
index 000000000..949014792
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/disabled.tsx
@@ -0,0 +1,5 @@
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return <DateField label="Event date" isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/date-field/error-message.tsx b/www/src/registry-v2/demos/date-field/error-message.tsx
new file mode 100644
index 000000000..32da98277
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      label="Meeting"
+      isInvalid
+      errorMessage="Meetings can't be scheduled in the past."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/granularity.tsx b/www/src/registry-v2/demos/date-field/granularity.tsx
new file mode 100644
index 000000000..37e7fc4b6
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/granularity.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <DateField
+        label="Hour"
+        granularity="hour"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+      <DateField
+        label="Minute"
+        granularity="minute"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+      <DateField
+        label="Second"
+        granularity="second"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/hide-time-zone.tsx b/www/src/registry-v2/demos/date-field/hide-time-zone.tsx
new file mode 100644
index 000000000..96a5b49c7
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/hide-time-zone.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import { parseZonedDateTime } from "@internationalized/date";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      label="Appointment time"
+      granularity="minute"
+      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
+      hideTimeZone
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/hour-cycle.tsx b/www/src/registry-v2/demos/date-field/hour-cycle.tsx
new file mode 100644
index 000000000..8d4a482d2
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/hour-cycle.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      aria-label="Appointment date"
+      granularity="minute"
+      hourCycle={24}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/label.tsx b/www/src/registry-v2/demos/date-field/label.tsx
new file mode 100644
index 000000000..ff0b98b45
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/label.tsx
@@ -0,0 +1,10 @@
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <DateField label="Meeting date" />
+      <DateField aria-label="Meeting date" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/loading.tsx b/www/src/registry-v2/demos/date-field/loading.tsx
new file mode 100644
index 000000000..0b7975e99
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/loading.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import React from "react";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-2">
+      <DateField aria-label="Meeting date" isLoading loaderPosition="prefix" />
+      <DateField aria-label="Meeting date" isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/placeholder.tsx b/www/src/registry-v2/demos/date-field/placeholder.tsx
new file mode 100644
index 000000000..5cd35de67
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/placeholder.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { CalendarDate } from "@internationalized/date";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      label="Meeting date"
+      placeholderValue={new CalendarDate(1980, 1, 1)}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/prefix-and-suffix.tsx b/www/src/registry-v2/demos/date-field/prefix-and-suffix.tsx
new file mode 100644
index 000000000..939d3f2c2
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/prefix-and-suffix.tsx
@@ -0,0 +1,11 @@
+import { DateField } from "@/components/dynamic-core/date-field";
+import { CalendarIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="space-y-2">
+      <DateField aria-label="Meeting date" prefix={<CalendarIcon />} />
+      <DateField aria-label="Meeting date" suffix={<CalendarIcon />} />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/read-only.tsx b/www/src/registry-v2/demos/date-field/read-only.tsx
new file mode 100644
index 000000000..6e1cf2746
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/read-only.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { CalendarDate } from "@internationalized/date";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField
+      label="Event date"
+      value={new CalendarDate(1980, 1, 1)}
+      isReadOnly
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/required.tsx b/www/src/registry-v2/demos/date-field/required.tsx
new file mode 100644
index 000000000..ce126f000
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <DateField label="Event date" isRequired />
+      <DateField label="Event date" isRequired necessityIndicator="icon" />
+      <DateField label="Event date" isRequired necessityIndicator="label" />
+      <DateField label="Event date" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/sizes.tsx b/www/src/registry-v2/demos/date-field/sizes.tsx
new file mode 100644
index 000000000..3965e3bfa
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <DateField label="small (sm)" size="sm" />
+      <DateField label="medium (md)" size="md" />
+      <DateField label="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/time-zones.tsx b/www/src/registry-v2/demos/date-field/time-zones.tsx
new file mode 100644
index 000000000..06e391cec
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/time-zones.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-field/uncontrolled.tsx b/www/src/registry-v2/demos/date-field/uncontrolled.tsx
new file mode 100644
index 000000000..75f7497cd
--- /dev/null
+++ b/www/src/registry-v2/demos/date-field/uncontrolled.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import React from "react";
+import { parseDate } from "@internationalized/date";
+import { DateField } from "@/components/dynamic-core/date-field";
+
+export default function Demo() {
+  return (
+    <DateField aria-label="Event date" defaultValue={parseDate("2020-02-03")} />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/composition.tsx b/www/src/registry-v2/demos/date-picker/composition.tsx
new file mode 100644
index 000000000..2af8f10b1
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/composition.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Calendar } from "@/components/dynamic-core/calendar";
+import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
+import { DatePickerRoot } from "@/components/dynamic-core/date-picker";
+import { DialogContent } from "@/components/dynamic-core/dialog";
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/components/dynamic-core/field";
+import { InputRoot } from "@/components/dynamic-core/input";
+import { Overlay } from "@/components/dynamic-core/overlay";
+import { CalendarIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <DatePickerRoot>
+      <Label>Meeting date</Label>
+      <InputRoot
+        suffix={
+          <Button variant="default" size="sm" shape="square" className="size-7">
+            <CalendarIcon />
+          </Button>
+        }
+        className="pr-1"
+      >
+        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+      </InputRoot>
+      <Description>Please select a date.</Description>
+      <FieldError />
+      <Overlay type="popover" mobileType="drawer">
+        <DialogContent>
+          <Calendar />
+        </DialogContent>
+      </Overlay>
+    </DatePickerRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/contextual-help.tsx b/www/src/registry-v2/demos/date-picker/contextual-help.tsx
new file mode 100644
index 000000000..4911e504f
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/contextual-help.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      label="Appointment"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/controlled.tsx b/www/src/registry-v2/demos/date-picker/controlled.tsx
new file mode 100644
index 000000000..43e9f957c
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/controlled.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { parseDate } from "@internationalized/date";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(parseDate("2020-02-03"));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <DatePicker label="Meeting date" value={value} onChange={setValue} />
+      <p className="text-fg-muted text-sm">selected date: {value.toString()}</p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/default.tsx b/www/src/registry-v2/demos/date-picker/default.tsx
new file mode 100644
index 000000000..48103396e
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/default.tsx
@@ -0,0 +1,5 @@
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return <DatePicker aria-label="Meeting date" />;
+}
diff --git a/www/src/registry-v2/demos/date-picker/description.tsx b/www/src/registry-v2/demos/date-picker/description.tsx
new file mode 100644
index 000000000..bdfd4770f
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/description.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return <DatePicker label="Appointment" description="Please select a date." />;
+}
diff --git a/www/src/registry-v2/demos/date-picker/disabled.tsx b/www/src/registry-v2/demos/date-picker/disabled.tsx
new file mode 100644
index 000000000..1d2740086
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/disabled.tsx
@@ -0,0 +1,5 @@
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return <DatePicker label="Event date" isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/date-picker/error-message.tsx b/www/src/registry-v2/demos/date-picker/error-message.tsx
new file mode 100644
index 000000000..02d41bac7
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      label="Meeting"
+      isInvalid
+      errorMessage="Meetings can't be scheduled in the past."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/granularity.tsx b/www/src/registry-v2/demos/date-picker/granularity.tsx
new file mode 100644
index 000000000..c3a344448
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/granularity.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <DatePicker
+        label="Hour"
+        granularity="hour"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+      <DatePicker
+        label="Minute"
+        granularity="minute"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+      <DatePicker
+        label="Second"
+        granularity="second"
+        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/hide-time-zone.tsx b/www/src/registry-v2/demos/date-picker/hide-time-zone.tsx
new file mode 100644
index 000000000..7447df12c
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/hide-time-zone.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import { parseZonedDateTime } from "@internationalized/date";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      label="Appointment time"
+      granularity="minute"
+      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
+      hideTimeZone
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/hour-cycle.tsx b/www/src/registry-v2/demos/date-picker/hour-cycle.tsx
new file mode 100644
index 000000000..b99b52e4f
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/hour-cycle.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      aria-label="Appointment date"
+      granularity="minute"
+      hourCycle={24}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/label.tsx b/www/src/registry-v2/demos/date-picker/label.tsx
new file mode 100644
index 000000000..0d3ec0be1
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/label.tsx
@@ -0,0 +1,10 @@
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <DatePicker label="Meeting date" />
+      <DatePicker aria-label="Meeting date" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/loading.tsx b/www/src/registry-v2/demos/date-picker/loading.tsx
new file mode 100644
index 000000000..146843011
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/loading.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return <DatePicker aria-label="Meeting date" isLoading />;
+}
diff --git a/www/src/registry-v2/demos/date-picker/placeholder.tsx b/www/src/registry-v2/demos/date-picker/placeholder.tsx
new file mode 100644
index 000000000..434f21006
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/placeholder.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { CalendarDate } from "@internationalized/date";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      label="Meeting date"
+      placeholderValue={new CalendarDate(1980, 1, 1)}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/prefix.tsx b/www/src/registry-v2/demos/date-picker/prefix.tsx
new file mode 100644
index 000000000..c41a50d17
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/prefix.tsx
@@ -0,0 +1,6 @@
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+import { UsersIcon } from "@/__icons__";
+
+export default function Demo() {
+  return <DatePicker aria-label="Meeting date" prefix={<UsersIcon />} />;
+}
diff --git a/www/src/registry-v2/demos/date-picker/read-only.tsx b/www/src/registry-v2/demos/date-picker/read-only.tsx
new file mode 100644
index 000000000..d02ac78a5
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/read-only.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { CalendarDate } from "@internationalized/date";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      label="Event date"
+      value={new CalendarDate(1980, 1, 1)}
+      isReadOnly
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/required.tsx b/www/src/registry-v2/demos/date-picker/required.tsx
new file mode 100644
index 000000000..4e22ee6c4
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <DatePicker label="Event date" isRequired />
+      <DatePicker label="Event date" isRequired necessityIndicator="icon" />
+      <DatePicker label="Event date" isRequired necessityIndicator="label" />
+      <DatePicker label="Event date" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/sizes.tsx b/www/src/registry-v2/demos/date-picker/sizes.tsx
new file mode 100644
index 000000000..bb2a007fa
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/sizes.tsx
@@ -0,0 +1,11 @@
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <DatePicker label="small (sm)" size="sm" />
+      <DatePicker label="medium (md)" size="md" />
+      <DatePicker label="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/time-zones.tsx b/www/src/registry-v2/demos/date-picker/time-zones.tsx
new file mode 100644
index 000000000..a1a697401
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/time-zones.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-picker/uncontrolled.tsx b/www/src/registry-v2/demos/date-picker/uncontrolled.tsx
new file mode 100644
index 000000000..a9535812a
--- /dev/null
+++ b/www/src/registry-v2/demos/date-picker/uncontrolled.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { parseDate } from "@internationalized/date";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export default function Demo() {
+  return (
+    <DatePicker
+      aria-label="Meeting date"
+      defaultValue={parseDate("2020-02-03")}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/composition.tsx b/www/src/registry-v2/demos/date-range-picker/composition.tsx
new file mode 100644
index 000000000..f5940ca2b
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/composition.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
+import { DatePickerRoot } from "@/components/dynamic-core/date-picker";
+import { DialogContent } from "@/components/dynamic-core/dialog";
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/components/dynamic-core/field";
+import { InputRoot } from "@/components/dynamic-core/input";
+import { Overlay } from "@/components/dynamic-core/overlay";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { CalendarIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <DatePickerRoot>
+      <Label>Meeting date</Label>
+      <InputRoot
+        suffix={
+          <Button variant="default" size="sm" shape="square" className="size-7">
+            <CalendarIcon />
+          </Button>
+        }
+        className="pr-1"
+      >
+        <DateInput slot="start">
+          {(segment) => <DateSegment segment={segment} />}
+        </DateInput>
+        <span aria-hidden="true">–</span>
+        <DateInput slot="end" className="flex-1">
+          {(segment) => <DateSegment segment={segment} />}
+        </DateInput>
+      </InputRoot>
+      <Description>Please select a date.</Description>
+      <FieldError />
+      <Overlay type="popover" mobileType="drawer">
+        <DialogContent>
+          <RangeCalendar />
+        </DialogContent>
+      </Overlay>
+    </DatePickerRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/contextual-help.tsx b/www/src/registry-v2/demos/date-range-picker/contextual-help.tsx
new file mode 100644
index 000000000..5b3ec69b7
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/contextual-help.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Trip"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/controlled.tsx b/www/src/registry-v2/demos/date-range-picker/controlled.tsx
new file mode 100644
index 000000000..d4ed6d123
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/controlled.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import React from "react";
+import { getLocalTimeZone, parseDate } from "@internationalized/date";
+import { useDateFormatter } from "react-aria";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  const [value, setValue] = React.useState({
+    start: parseDate("2024-02-03"),
+    end: parseDate("2024-02-08"),
+  });
+  const formatter = useDateFormatter({ dateStyle: "long" });
+
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <DateRangePicker label="Controlled" value={value} onChange={setValue} />
+      <p className="text-fg-muted text-sm">
+        Selected date:{" "}
+        {value
+          ? formatter.formatRange(
+              value.start.toDate(getLocalTimeZone()),
+              value.end.toDate(getLocalTimeZone())
+            )
+          : "--"}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/default.tsx b/www/src/registry-v2/demos/date-range-picker/default.tsx
new file mode 100644
index 000000000..f4693645c
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/default.tsx
@@ -0,0 +1,5 @@
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return <DateRangePicker aria-label="Meeting date" />;
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/description.tsx b/www/src/registry-v2/demos/date-range-picker/description.tsx
new file mode 100644
index 000000000..b93c9e5df
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/description.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import React from "react";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker label="Trip" description="Please select a date range." />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/disabled.tsx b/www/src/registry-v2/demos/date-range-picker/disabled.tsx
new file mode 100644
index 000000000..33ebadfad
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/disabled.tsx
@@ -0,0 +1,5 @@
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return <DateRangePicker label="Trip dates" isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/error-message.tsx b/www/src/registry-v2/demos/date-range-picker/error-message.tsx
new file mode 100644
index 000000000..3251130a5
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Trip dates"
+      isInvalid
+      errorMessage="Trip dates can't be scheduled in the past."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/granularity.tsx b/www/src/registry-v2/demos/date-range-picker/granularity.tsx
new file mode 100644
index 000000000..29373d1e7
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/granularity.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  const dates = {
+    start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+    end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
+  };
+  return (
+    <div className="flex flex-col gap-4">
+      <DateRangePicker label="Hour" granularity="hour" defaultValue={dates} />
+      <DateRangePicker
+        label="Minute"
+        granularity="minute"
+        defaultValue={dates}
+      />
+      <DateRangePicker
+        label="Second"
+        granularity="second"
+        defaultValue={dates}
+      />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/hide-time-zone.tsx b/www/src/registry-v2/demos/date-range-picker/hide-time-zone.tsx
new file mode 100644
index 000000000..525ccc87e
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/hide-time-zone.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Appointment time"
+      granularity="minute"
+      defaultValue={{
+        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
+      }}
+      hideTimeZone
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/hour-cycle.tsx b/www/src/registry-v2/demos/date-range-picker/hour-cycle.tsx
new file mode 100644
index 000000000..6bda836b7
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/hour-cycle.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      aria-label="Appointment date"
+      granularity="minute"
+      hourCycle={24}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/label.tsx b/www/src/registry-v2/demos/date-range-picker/label.tsx
new file mode 100644
index 000000000..8ff8f5e67
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/label.tsx
@@ -0,0 +1,10 @@
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <DateRangePicker label="Trip" />
+      <DateRangePicker aria-label="Trip" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/loading.tsx b/www/src/registry-v2/demos/date-range-picker/loading.tsx
new file mode 100644
index 000000000..ae154f83e
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/loading.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return <DateRangePicker aria-label="Meeting date" isLoading />;
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/placeholder.tsx b/www/src/registry-v2/demos/date-range-picker/placeholder.tsx
new file mode 100644
index 000000000..06a84cd88
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/placeholder.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { CalendarDate } from "@internationalized/date";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Meeting date"
+      placeholderValue={new CalendarDate(1980, 1, 1)}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/prefix.tsx b/www/src/registry-v2/demos/date-range-picker/prefix.tsx
new file mode 100644
index 000000000..9c7ade8a3
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/prefix.tsx
@@ -0,0 +1,6 @@
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+import { PlaneIcon } from "@/__icons__";
+
+export default function Demo() {
+  return <DateRangePicker aria-label="Trip" prefix={<PlaneIcon />} />;
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/read-only.tsx b/www/src/registry-v2/demos/date-range-picker/read-only.tsx
new file mode 100644
index 000000000..ff2e6e81d
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/read-only.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import React from "react";
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Event date"
+      value={{
+        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
+      }}
+      isReadOnly
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/required.tsx b/www/src/registry-v2/demos/date-range-picker/required.tsx
new file mode 100644
index 000000000..e13d73f06
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/required.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <DateRangePicker label="Event date" isRequired />
+      <DateRangePicker
+        label="Event date"
+        isRequired
+        necessityIndicator="icon"
+      />
+      <DateRangePicker
+        label="Event date"
+        isRequired
+        necessityIndicator="label"
+      />
+      <DateRangePicker label="Event date" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/sizes.tsx b/www/src/registry-v2/demos/date-range-picker/sizes.tsx
new file mode 100644
index 000000000..38ad2bae1
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/sizes.tsx
@@ -0,0 +1,11 @@
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col gap-2">
+      <DateRangePicker label="small" size="sm" />
+      <DateRangePicker label="medium" size="md" />
+      <DateRangePicker label="large" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/time-zones.tsx b/www/src/registry-v2/demos/date-range-picker/time-zones.tsx
new file mode 100644
index 000000000..2623e6909
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/time-zones.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      defaultValue={{
+        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
+      }}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/date-range-picker/uncontrolled.tsx b/www/src/registry-v2/demos/date-range-picker/uncontrolled.tsx
new file mode 100644
index 000000000..7e54008f8
--- /dev/null
+++ b/www/src/registry-v2/demos/date-range-picker/uncontrolled.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import React from "react";
+import { parseDate } from "@internationalized/date";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export default function Demo() {
+  return (
+    <DateRangePicker
+      label="Controlled"
+      defaultValue={{
+        start: parseDate("2020-02-03"),
+        end: parseDate("2020-02-08"),
+      }}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/alert-dialog.tsx b/www/src/registry-v2/demos/dialog/alert-dialog.tsx
new file mode 100644
index 000000000..7fac72505
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/alert-dialog.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/components/dynamic-core/dialog";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="danger">Delete project</Button>
+      <Dialog
+        title="Delete project"
+        description="Are you sure you want to delete this project? This action is permanent and cannot be undone."
+        role="alertdialog"
+        // isDissmissible={false}
+      >
+        {({ close }) => (
+          <>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="danger"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Delete project
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/async-form-submission.tsx b/www/src/registry-v2/demos/dialog/async-form-submission.tsx
new file mode 100644
index 000000000..a2634c3bd
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/async-form-submission.tsx
@@ -0,0 +1,59 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function DialogDemo() {
+  const [isPending, setIsPending] = React.useState(false);
+  const handleSubmit = async () => {
+    setIsPending(true);
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    setIsPending(false);
+  };
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog title="Edit profile" description="Make changes to your profile.">
+        {({ close }) => (
+          <>
+            <div className="space-y-4">
+              <TextField
+                autoFocus
+                label="Name"
+                defaultValue="Mehdi"
+                className="w-full"
+              />
+              <TextField label="Username" defaultValue="@mehdibha_" />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                isPending={isPending}
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={async () => {
+                  await handleSubmit();
+                  close();
+                }}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/basic.tsx b/www/src/registry-v2/demos/dialog/basic.tsx
new file mode 100644
index 000000000..7b100d04d
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/basic.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog title="Edit profile" description="Make changes to your profile.">
+        {({ close }) => (
+          <>
+            <div className="space-y-4">
+              <TextField
+                autoFocus
+                label="Name"
+                defaultValue="Mehdi"
+                className="w-full"
+              />
+              <TextField
+                label="Username"
+                defaultValue="@mehdibha_"
+                className="w-full"
+              />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/composition.tsx b/www/src/registry-v2/demos/dialog/composition.tsx
new file mode 100644
index 000000000..3ea41daf1
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/composition.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit username</Button>
+      <Dialog title="Edit username">
+        <TextField label="Username" defaultValue="@mehdibha_" />
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/controlled.tsx b/www/src/registry-v2/demos/dialog/controlled.tsx
new file mode 100644
index 000000000..4b38462d1
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/controlled.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog title="Edit profile" description="Make changes to your profile.">
+        {({ close }) => (
+          <>
+            <div className="space-y-4">
+              <TextField autoFocus label="Name" defaultValue="Mehdi" />
+              <TextField label="Username" defaultValue="@mehdibha_" />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/description.tsx b/www/src/registry-v2/demos/dialog/description.tsx
new file mode 100644
index 000000000..070ec5acf
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/description.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit username</Button>
+      <Dialog
+        title="Edit username"
+        description="Make changes to your username."
+      >
+        <TextField
+          label="Username"
+          defaultValue="@mehdibha_"
+          className="w-full"
+        />
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/dismiss-button.tsx b/www/src/registry-v2/demos/dialog/dismiss-button.tsx
new file mode 100644
index 000000000..b7ffbc984
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/dismiss-button.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog
+        title="Edit profile"
+        description="Make changes to your profile."
+        showDismissButton={false}
+      >
+        {({ close }) => (
+          <>
+            <div className="space-y-4">
+              <TextField
+                autoFocus
+                label="Name"
+                defaultValue="Mehdi"
+                className="w-full"
+              />
+              <TextField
+                label="Username"
+                defaultValue="@mehdibha_"
+                className="w-full"
+              />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/dismissable.tsx b/www/src/registry-v2/demos/dialog/dismissable.tsx
new file mode 100644
index 000000000..8319a77f9
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/dismissable.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog
+        title="Edit profile"
+        description="Make changes to your profile."
+        isDismissable={false}
+      >
+        {({ close }) => (
+          <>
+            <div className="space-y-4">
+              <TextField
+                autoFocus
+                label="Name"
+                defaultValue="Mehdi"
+                className="w-full"
+              />
+              <TextField
+                label="Username"
+                defaultValue="@mehdibha_"
+                className="w-full"
+              />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/drawer.tsx b/www/src/registry-v2/demos/dialog/drawer.tsx
new file mode 100644
index 000000000..77973b2df
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/drawer.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import React from "react";
+import type { Key } from "react-aria-components";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+import { Switch } from "@/components/dynamic-core/switch";
+
+export default function Demo() {
+  const [placement, setPlacement] = React.useState<Key>("top");
+  const [swipeable, setSwipeable] = React.useState<boolean>(true);
+  return (
+    <div className="flex w-full items-center">
+      <div className="flex flex-1 items-center justify-center">
+        <DialogRoot>
+          <Button variant="outline">Open drawer</Button>
+          <Dialog
+            type="drawer"
+            title="Help"
+            description="For help accessing your account, please contact support."
+          />
+        </DialogRoot>
+      </div>
+      <div className="space-y-4 rounded-md border p-4">
+        <Select
+          label="Placement"
+          selectedKey={placement}
+          onSelectionChange={setPlacement}
+        >
+          <Item id="top">Top</Item>
+          <Item id="bottom">Bottom</Item>
+        </Select>
+        <Switch isSelected={swipeable} onChange={setSwipeable}>
+          Swipeable
+        </Switch>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/inset-content.tsx b/www/src/registry-v2/demos/dialog/inset-content.tsx
new file mode 100644
index 000000000..00e0a4e1e
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/inset-content.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+  DialogInset,
+} from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit Profile</Button>
+      <Dialog title="Edit profile" description="Make changes to your profile.">
+        {({ close }) => (
+          <>
+            <DialogInset className="bg-bg-muted mb-4 border-y">
+              Content within the inset.
+            </DialogInset>
+            <div className="space-y-4">
+              <TextField
+                autoFocus
+                label="Name"
+                defaultValue="Mehdi"
+                className="w-full"
+              />
+              <TextField
+                label="Username"
+                defaultValue="@mehdibha_"
+                className="w-full"
+              />
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Cancel
+              </Button>
+              <Button
+                variant="primary"
+                size={{ initial: "lg", sm: "md" }}
+                onPress={close}
+              >
+                Save changes
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/nested.tsx b/www/src/registry-v2/demos/dialog/nested.tsx
new file mode 100644
index 000000000..fb376e904
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/nested.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
+
+type Type = "modal" | "drawer" | "popover";
+
+export default function Demo() {
+  const [type, setType] = React.useState<Type>("modal");
+  return (
+    <div className="flex w-full items-center">
+      <div className="flex flex-1 items-center justify-center">
+        <DialogRoot>
+          <Button variant="outline">Dialog</Button>
+          <Dialog title="Dialog" type={type}>
+            <DialogRoot>
+              <Button variant="outline">Nested dialog</Button>
+              <Dialog title="Nested dialog" type={type}></Dialog>
+            </DialogRoot>
+          </Dialog>
+        </DialogRoot>
+      </div>
+      <div className="space-y-4 rounded-md border px-10 py-6">
+        <RadioGroup
+          label="Type"
+          value={type}
+          onChange={(value) => setType(value as Type)}
+        >
+          <Radio value="modal">Modal</Radio>
+          <Radio value="drawer">Drawer</Radio>
+          <Radio value="popover">Popover</Radio>
+        </RadioGroup>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/popover.tsx b/www/src/registry-v2/demos/dialog/popover.tsx
new file mode 100644
index 000000000..4f25a112f
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/popover.tsx
@@ -0,0 +1,59 @@
+"use client";
+
+import React from "react";
+import type { Key } from "react-aria-components";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { Item } from "@/components/dynamic-core/list-box";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { Select } from "@/components/dynamic-core/select";
+import { Switch } from "@/components/dynamic-core/switch";
+import { InfoIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [placement, setPlacement] = React.useState<Key>("top");
+  const [offset, setOffset] = React.useState<number>(0);
+  const [crossOffset, setCrossOffset] = React.useState<number>(0);
+  const [containerPadding, setContainerPadding] = React.useState<number>(0);
+  const [showArrow, setShowArrow] = React.useState<boolean>(true);
+  return (
+    <div className="flex w-full items-center">
+      <div className="flex flex-1 items-center justify-center">
+        <DialogRoot>
+          <Button variant="outline" shape="square">
+            <InfoIcon />
+          </Button>
+          <Dialog
+            type="popover"
+            title="Help"
+            description="For help accessing your account, please contact support."
+          />
+        </DialogRoot>
+      </div>
+      <div className="space-y-4 rounded-md border p-4">
+        <Select
+          label="Placement"
+          selectedKey={placement}
+          onSelectionChange={setPlacement}
+        >
+          <Item id="top">Top</Item>
+          <Item id="bottom">Bottom</Item>
+        </Select>
+        <NumberField label="Offset" value={offset} onChange={setOffset} />
+        <NumberField
+          label="Cross offset"
+          value={crossOffset}
+          onChange={setCrossOffset}
+        />
+        <NumberField
+          label="Container padding"
+          value={containerPadding}
+          onChange={setContainerPadding}
+        />
+        <Switch isSelected={showArrow} onChange={setShowArrow}>
+          Arrow
+        </Switch>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/title.tsx b/www/src/registry-v2/demos/dialog/title.tsx
new file mode 100644
index 000000000..c6dbae634
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/title.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button variant="outline">Edit username</Button>
+      <Dialog title="Edit username">
+        <TextField
+          label="Username"
+          defaultValue="@mehdibha_"
+          className="w-full"
+        />
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/dialog/types.tsx b/www/src/registry-v2/demos/dialog/types.tsx
new file mode 100644
index 000000000..fbf0c7f4b
--- /dev/null
+++ b/www/src/registry-v2/demos/dialog/types.tsx
@@ -0,0 +1,82 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import {
+  DialogRoot,
+  Dialog,
+  DialogFooter,
+} from "@/components/dynamic-core/dialog";
+import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+type Type = "modal" | "drawer" | "popover";
+
+export default function Demo() {
+  const [type, setType] = React.useState<Type>("modal");
+  const [mobileType, setMobileType] = React.useState<Type>("drawer");
+  return (
+    <div className="flex w-full items-center gap-4">
+      <div className="flex flex-1 items-center justify-center">
+        <DialogRoot>
+          <Button variant="outline">Edit username</Button>
+          <Dialog title="Edit username">
+            {({ close }) => (
+              <>
+                <div className="space-y-4">
+                  <TextField
+                    autoFocus
+                    label="Name"
+                    defaultValue="Mehdi"
+                    className="w-full"
+                  />
+                  <TextField
+                    label="Username"
+                    defaultValue="@mehdibha_"
+                    className="w-full"
+                  />
+                </div>
+                <DialogFooter>
+                  <Button
+                    variant="outline"
+                    size={{ initial: "lg", sm: "md" }}
+                    onPress={close}
+                  >
+                    Cancel
+                  </Button>
+                  <Button
+                    variant="primary"
+                    size={{ initial: "lg", sm: "md" }}
+                    onPress={close}
+                  >
+                    Save changes
+                  </Button>
+                </DialogFooter>
+              </>
+            )}
+          </Dialog>
+        </DialogRoot>
+      </div>
+      <div className="flex items-start gap-6 rounded-md border px-10 py-6">
+        <RadioGroup
+          label="Type"
+          value={type}
+          onChange={(value) => setType(value as Type)}
+        >
+          <Radio value="modal">Modal</Radio>
+          <Radio value="drawer">Drawer</Radio>
+          <Radio value="popover">Popover</Radio>
+        </RadioGroup>
+        <RadioGroup
+          label="Mobile type"
+          value={mobileType}
+          onChange={(value) => setMobileType(value as Type)}
+        >
+          <Radio value="modal">Modal</Radio>
+          <Radio value="drawer">Drawer</Radio>
+          <Radio value="popover">Popover</Radio>
+        </RadioGroup>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/drop-zone/default.tsx b/www/src/registry-v2/demos/drop-zone/default.tsx
new file mode 100644
index 000000000..e17059bb7
--- /dev/null
+++ b/www/src/registry-v2/demos/drop-zone/default.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { DropZone } from "@/components/dynamic-core/drop-zone";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <DropZone>
+      <UploadIcon />
+    </DropZone>
+  );
+}
diff --git a/www/src/registry-v2/demos/drop-zone/disabled.tsx b/www/src/registry-v2/demos/drop-zone/disabled.tsx
new file mode 100644
index 000000000..3bdfee5fa
--- /dev/null
+++ b/www/src/registry-v2/demos/drop-zone/disabled.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { DropZone } from "@/components/dynamic-core/drop-zone";
+import { Text } from "@/components/dynamic-core/text";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <DropZone isDisabled>
+      <UploadIcon />
+      <Text slot="label">Drag and drop files here</Text>
+    </DropZone>
+  );
+}
diff --git a/www/src/registry-v2/demos/drop-zone/file-trigger.tsx b/www/src/registry-v2/demos/drop-zone/file-trigger.tsx
new file mode 100644
index 000000000..6821d1b4f
--- /dev/null
+++ b/www/src/registry-v2/demos/drop-zone/file-trigger.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { DropZone } from "@/components/dynamic-core/drop-zone";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
+import { Text } from "@/components/dynamic-core/text";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <DropZone className="space-y-1">
+      <UploadIcon />
+      <Text slot="label">Drag and drop files here</Text>
+      <FileTrigger>
+        <Button>Select files</Button>
+      </FileTrigger>
+    </DropZone>
+  );
+}
diff --git a/www/src/registry-v2/demos/drop-zone/label.tsx b/www/src/registry-v2/demos/drop-zone/label.tsx
new file mode 100644
index 000000000..912aa03c1
--- /dev/null
+++ b/www/src/registry-v2/demos/drop-zone/label.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { DropZone } from "@/components/dynamic-core/drop-zone";
+import { Text } from "@/components/dynamic-core/text";
+import { UploadIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col gap-4">
+      <DropZone aria-label="drag and drop files here">
+        <UploadIcon />
+      </DropZone>
+      <DropZone>
+        <UploadIcon />
+        <Text slot="label">Drag and drop files here</Text>
+      </DropZone>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/file-trigger/default.tsx b/www/src/registry-v2/demos/file-trigger/default.tsx
new file mode 100644
index 000000000..04e916201
--- /dev/null
+++ b/www/src/registry-v2/demos/file-trigger/default.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
+import { UploadIcon } from "@/__icons__";
+
+export default function FileTriggerDemo() {
+  const [file, setFile] = React.useState<string | null>(null);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <FileTrigger
+        onSelect={(e) => {
+          if (e) {
+            const files = Array.from(e);
+            setFile(files[0].name);
+          }
+        }}
+        allowsMultiple
+      >
+        <Button prefix={<UploadIcon />}>Upload</Button>
+      </FileTrigger>
+      {file && (
+        <p>
+          You selected <span className="font-semibold">{file}</span>
+        </p>
+      )}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/file-trigger/directory-selection.tsx b/www/src/registry-v2/demos/file-trigger/directory-selection.tsx
new file mode 100644
index 000000000..dcbf0ac18
--- /dev/null
+++ b/www/src/registry-v2/demos/file-trigger/directory-selection.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
+import { UploadIcon } from "@/__icons__";
+
+export default function FileTriggerDemo() {
+  const [files, setFiles] = React.useState<string[] | null>(null);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <FileTrigger
+        acceptDirectory
+        onSelect={(e) => {
+          if (e) {
+            const files = Array.from(e);
+            const filenames = files.map((file) => file.name);
+            setFiles(filenames);
+          }
+        }}
+      >
+        <Button prefix={<UploadIcon />}>Upload a directory</Button>
+      </FileTrigger>
+      {files && (
+        <ul>
+          {files.map((file, index) => (
+            <li key={index}>{file}</li>
+          ))}
+        </ul>
+      )}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/file-trigger/file-types.tsx b/www/src/registry-v2/demos/file-trigger/file-types.tsx
new file mode 100644
index 000000000..aef4f08a1
--- /dev/null
+++ b/www/src/registry-v2/demos/file-trigger/file-types.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
+import { UploadIcon } from "@/__icons__";
+
+export default function FileTriggerDemo() {
+  return (
+    <FileTrigger acceptedFileTypes={["image/*"]}>
+      <Button prefix={<UploadIcon />}>Upload image</Button>
+    </FileTrigger>
+  );
+}
diff --git a/www/src/registry-v2/demos/file-trigger/media-capture.tsx b/www/src/registry-v2/demos/file-trigger/media-capture.tsx
new file mode 100644
index 000000000..895e9c152
--- /dev/null
+++ b/www/src/registry-v2/demos/file-trigger/media-capture.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
+import { CameraIcon } from "@/__icons__";
+
+export default function FileTriggerDemo() {
+  return (
+    <FileTrigger defaultCamera="environment">
+      <Button prefix={<CameraIcon />}>Take a picture</Button>
+    </FileTrigger>
+  );
+}
diff --git a/www/src/registry-v2/demos/file-trigger/multiple-files.tsx b/www/src/registry-v2/demos/file-trigger/multiple-files.tsx
new file mode 100644
index 000000000..dac21149c
--- /dev/null
+++ b/www/src/registry-v2/demos/file-trigger/multiple-files.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { FileTrigger } from "@/components/dynamic-core/file-trigger";
+import { UploadIcon } from "@/__icons__";
+
+export default function FileTriggerDemo() {
+  const [files, setFiles] = React.useState<string[] | null>(null);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <FileTrigger
+        onSelect={(e) => {
+          if (e) {
+            const files = Array.from(e);
+            const filenames = files.map((file) => file.name);
+            setFiles(filenames);
+          }
+        }}
+        allowsMultiple
+      >
+        <Button prefix={<UploadIcon />}>Upload</Button>
+      </FileTrigger>
+      {files && (
+        <p>
+          You selected <span className="font-semibold">{files.join(", ")}</span>
+        </p>
+      )}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/link/default.tsx b/www/src/registry-v2/demos/link/default.tsx
new file mode 100644
index 000000000..40871b117
--- /dev/null
+++ b/www/src/registry-v2/demos/link/default.tsx
@@ -0,0 +1,9 @@
+import { Link } from "@/components/dynamic-core/link";
+
+export default function Demo() {
+  return (
+    <Link href="https://x.com/mehdibha_" target="_blank">
+      @mehdibha_
+    </Link>
+  );
+}
diff --git a/www/src/registry-v2/demos/link/disabled.tsx b/www/src/registry-v2/demos/link/disabled.tsx
new file mode 100644
index 000000000..70bbc4483
--- /dev/null
+++ b/www/src/registry-v2/demos/link/disabled.tsx
@@ -0,0 +1,9 @@
+import { Link } from "@/components/dynamic-core/link";
+
+export default function Demo() {
+  return (
+    <Link href="https://x.com/mehdibha_" isDisabled>
+      @mehdibha_
+    </Link>
+  );
+}
diff --git a/www/src/registry-v2/demos/link/icon.tsx b/www/src/registry-v2/demos/link/icon.tsx
new file mode 100644
index 000000000..581ba61f0
--- /dev/null
+++ b/www/src/registry-v2/demos/link/icon.tsx
@@ -0,0 +1,13 @@
+import { Link } from "@/components/dynamic-core/link";
+import { ExternalLinkIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Link href="/docs" target="_blank">
+      Docs{" "}
+      <span>
+        <ExternalLinkIcon className="size-4" />
+      </span>
+    </Link>
+  );
+}
diff --git a/www/src/registry-v2/demos/link/variants.tsx b/www/src/registry-v2/demos/link/variants.tsx
new file mode 100644
index 000000000..55f36afb2
--- /dev/null
+++ b/www/src/registry-v2/demos/link/variants.tsx
@@ -0,0 +1,21 @@
+import { Link } from "@/components/dynamic-core/link";
+
+export default function Demo() {
+  return (
+    <div className="space-y-2">
+      {(["accent", "quiet"] as const).map((variant, index) => (
+        <p key={index}>
+          Follow{" "}
+          <Link
+            variant={variant}
+            href="https://x.com/mehdibha_"
+            target="_blank"
+          >
+            @mehdibha_
+          </Link>{" "}
+          to stay updated on dotUI latest releases.
+        </p>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/async-loading.tsx b/www/src/registry-v2/demos/list-box/async-loading.tsx
new file mode 100644
index 000000000..a8e2db467
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/async-loading.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import { useAsyncList } from "react-stately";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+
+interface Character {
+  name: string;
+}
+
+export default function Demo() {
+  const list = useAsyncList<Character>({
+    async load({ signal }) {
+      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
+      const json = (await res.json()) as { results: Character[] };
+      return {
+        items: json.results,
+      };
+    },
+  });
+
+  return (
+    <ListBox
+      aria-label="Pick a Pokemon"
+      items={list.items}
+      isLoading={list.isLoading}
+      selectionMode="single"
+    >
+      {(item) => <Item id={item.name}>{item.name}</Item>}
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/basic.tsx b/www/src/registry-v2/demos/list-box/basic.tsx
new file mode 100644
index 000000000..282b7e322
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/basic.tsx
@@ -0,0 +1,12 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Framework">
+      <Item>Next.js</Item>
+      <Item>Remix</Item>
+      <Item>Astro</Item>
+      <Item>Gatsby</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/composition.tsx b/www/src/registry-v2/demos/list-box/composition.tsx
new file mode 100644
index 000000000..50a1e68e3
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/composition.tsx
@@ -0,0 +1,27 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { Text } from "@/components/dynamic-core/text";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Framework" selectionMode="multiple" className="w-60">
+      <Item>
+        <Text slot="label">Next.js</Text>
+        <Text slot="description">
+          React-based SSR and static site framework.
+        </Text>
+      </Item>
+      <Item>
+        <Text slot="label">Remix</Text>
+        <Text slot="description">
+          Full-stack framework with efficient data loading.
+        </Text>
+      </Item>
+      <Item>
+        <Text slot="label">Astro</Text>
+        <Text slot="description">
+          Lightweight static site builder for performance.
+        </Text>
+      </Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/contact-list.tsx b/www/src/registry-v2/demos/list-box/contact-list.tsx
new file mode 100644
index 000000000..fd8cee810
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/contact-list.tsx
@@ -0,0 +1,3 @@
+export default function Demo() {
+  return <p>demo</p>;
+}
diff --git a/www/src/registry-v2/demos/list-box/controlled.tsx b/www/src/registry-v2/demos/list-box/controlled.tsx
new file mode 100644
index 000000000..63eada47f
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/controlled.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import React from "react";
+import type { Selection } from "react-aria-components";
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  const [selected, setSelected] = React.useState<Selection>(
+    new Set(["nextjs", "remix", "astro"])
+  );
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <ListBox
+        aria-label="Framework"
+        selectionMode="multiple"
+        selectedKeys={selected}
+        onSelectionChange={setSelected}
+      >
+        <Item id="nextjs">Next.js</Item>
+        <Item id="remix">Remix</Item>
+        <Item id="astro">Astro</Item>
+        <Item id="gatsby">Gatsby</Item>
+      </ListBox>
+      <p className="text-fg-muted text-sm">
+        Selected items:{" "}
+        <span className="font-semibold">
+          {selected === "all" ? "all" : Array.from(selected).join(", ")}
+        </span>
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/disabled-items.tsx b/www/src/registry-v2/demos/list-box/disabled-items.tsx
new file mode 100644
index 000000000..65867586b
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/disabled-items.tsx
@@ -0,0 +1,12 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Favorite framework" selectionMode="single">
+      <Item>Next.js</Item>
+      <Item>Remix</Item>
+      <Item isDisabled>Gatsby</Item>
+      <Item>Astro</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/empty-state.tsx b/www/src/registry-v2/demos/list-box/empty-state.tsx
new file mode 100644
index 000000000..c50a8e5e1
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/empty-state.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+import { ListBox } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox
+      aria-label="Search results"
+      renderEmptyState={() => "No results found."}
+    ></ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/grid.tsx b/www/src/registry-v2/demos/list-box/grid.tsx
new file mode 100644
index 000000000..18766e2ed
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/grid.tsx
@@ -0,0 +1,12 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Framework" layout="grid">
+      <Item>Next.js</Item>
+      <Item>Remix</Item>
+      <Item>Astro</Item>
+      <Item>Gatsby</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/horizontal.tsx b/www/src/registry-v2/demos/list-box/horizontal.tsx
new file mode 100644
index 000000000..0fe23ffd7
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/horizontal.tsx
@@ -0,0 +1,15 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox
+      aria-label="Options"
+      orientation="horizontal"
+      selectionMode="single"
+    >
+      <Item textValue="Read" label="Read" description="Read Only" />
+      <Item textValue="Write" label="Write" description="Read and Write Only" />
+      <Item textValue="Admin" label="Admin" description="Full access" />
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/image-grid.tsx b/www/src/registry-v2/demos/list-box/image-grid.tsx
new file mode 100644
index 000000000..fd8cee810
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/image-grid.tsx
@@ -0,0 +1,3 @@
+export default function Demo() {
+  return <p>demo</p>;
+}
diff --git a/www/src/registry-v2/demos/list-box/item-variant.tsx b/www/src/registry-v2/demos/list-box/item-variant.tsx
new file mode 100644
index 000000000..7792742d7
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/item-variant.tsx
@@ -0,0 +1,12 @@
+import { Item, ListBox } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="project">
+      <Item>View logs</Item>
+      <Item>Manage domains</Item>
+      <Item>Transfer project</Item>
+      <Item variant="danger">Delete project</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/label-and-description.tsx b/www/src/registry-v2/demos/list-box/label-and-description.tsx
new file mode 100644
index 000000000..77b203355
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/label-and-description.tsx
@@ -0,0 +1,18 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { Section } from "@/components/dynamic-core/section";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Options" selectionMode="single">
+      <Section title="Permissions">
+        <Item textValue="Read" label="Read" description="Read Only" />
+        <Item
+          textValue="Write"
+          label="Write"
+          description="Read and Write Only"
+        />
+        <Item textValue="Admin" label="Admin" description="Full access" />
+      </Section>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/links.tsx b/www/src/registry-v2/demos/list-box/links.tsx
new file mode 100644
index 000000000..a07634dea
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/links.tsx
@@ -0,0 +1,30 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Links" className="w-auto">
+      <Item
+        href="https://github.com/mehdibha"
+        target="_blank"
+        prefix={<GitHubIcon />}
+      >
+        GitHub
+      </Item>
+      <Item
+        href="https://discord.com/invite/DXpj5V2fU8"
+        target="_blank"
+        prefix={<DiscordIcon />}
+      >
+        Discord
+      </Item>
+      <Item
+        href="https://x.com/mehdibha_"
+        target="_blank"
+        prefix={<TwitterIcon />}
+      >
+        X
+      </Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/loading.tsx b/www/src/registry-v2/demos/list-box/loading.tsx
new file mode 100644
index 000000000..d0093acbd
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/loading.tsx
@@ -0,0 +1,11 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox isLoading>
+      <Item>User 1</Item>
+      <Item>User 2</Item>
+      <Item>User 3</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/prefix-and-suffix.tsx b/www/src/registry-v2/demos/list-box/prefix-and-suffix.tsx
new file mode 100644
index 000000000..552b6bc1d
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/prefix-and-suffix.tsx
@@ -0,0 +1,24 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { SquarePenIcon, PlusSquareIcon, CopyIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Framework" className="w-60">
+      <Item
+        label="New file"
+        description="Create a new file"
+        prefix={<PlusSquareIcon />}
+      />
+      <Item
+        label="Copy link"
+        description="Copy the file link"
+        prefix={<CopyIcon />}
+      />
+      <Item
+        label="Edit file"
+        description="Allows you to edit the file"
+        prefix={<SquarePenIcon />}
+      />
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/sections.tsx b/www/src/registry-v2/demos/list-box/sections.tsx
new file mode 100644
index 000000000..3d078f547
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/sections.tsx
@@ -0,0 +1,25 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { Section } from "@/components/dynamic-core/section";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="Burger contents" selectionMode="multiple">
+      <Section title="Sauces">
+        <Item id="signature-sauce">Signature sauce</Item>
+        <Item id="bbq-sauce">BBQ sauce</Item>
+        <Item id="honey-mustard">Honey mustard</Item>
+        <Item id="tartar-sauce">Tartar sauce</Item>
+      </Section>
+      <Section title="Cheese">
+        <Item id="pepperjack">Pepperjack</Item>
+        <Item id="mozzarella">Mozzarella</Item>
+        <Item id="blue-cheese">Blue cheese</Item>
+      </Section>
+      <Section title="Extras">
+        <Item id="bacon">Bacon</Item>
+        <Item id="sauteed-onions">Sauteed onions</Item>
+        <Item id="green-pepper">Green pepper</Item>
+      </Section>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/selection-behavior.tsx b/www/src/registry-v2/demos/list-box/selection-behavior.tsx
new file mode 100644
index 000000000..2001faf43
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/selection-behavior.tsx
@@ -0,0 +1,16 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox
+      aria-label="Framework"
+      selectionMode="multiple"
+      selectionBehavior="replace"
+    >
+      <Item>Next.js</Item>
+      <Item>Remix</Item>
+      <Item>Astro</Item>
+      <Item>Gatsby</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/selection-mode.tsx b/www/src/registry-v2/demos/list-box/selection-mode.tsx
new file mode 100644
index 000000000..5b07fc1e0
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/selection-mode.tsx
@@ -0,0 +1,20 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <div className="flex items-start gap-10">
+      <ListBox aria-label="Framework" selectionMode="single">
+        <Item>Next.js</Item>
+        <Item>Remix</Item>
+        <Item>Astro</Item>
+        <Item>Gatsby</Item>
+      </ListBox>
+      <ListBox aria-label="Framework" selectionMode="multiple">
+        <Item>Next.js</Item>
+        <Item>Remix</Item>
+        <Item>Astro</Item>
+        <Item>Gatsby</Item>
+      </ListBox>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/separator.tsx b/www/src/registry-v2/demos/list-box/separator.tsx
new file mode 100644
index 000000000..3ffe64a69
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/separator.tsx
@@ -0,0 +1,18 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { Separator } from "@/components/dynamic-core/separator";
+
+export default function Demo() {
+  return (
+    <ListBox aria-label="File">
+      <Item>New...</Item>
+      <Item>Badges</Item>
+      <Separator />
+      <Item>Save</Item>
+      <Item>Save as...</Item>
+      <Item>Rename...</Item>
+      <Separator />
+      <Item>Page setup…</Item>
+      <Item>Print…</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/list-box/uncontrolled.tsx b/www/src/registry-v2/demos/list-box/uncontrolled.tsx
new file mode 100644
index 000000000..c4018accf
--- /dev/null
+++ b/www/src/registry-v2/demos/list-box/uncontrolled.tsx
@@ -0,0 +1,16 @@
+import { ListBox, Item } from "@/components/dynamic-core/list-box";
+
+export default function Demo() {
+  return (
+    <ListBox
+      aria-label="Framework"
+      selectionMode="multiple"
+      defaultSelectedKeys={["nextjs", "remix", "astro"]}
+    >
+      <Item id="nextjs">Next.js</Item>
+      <Item id="remix">Remix</Item>
+      <Item id="astro">Astro</Item>
+      <Item id="gatsby">Gatsby</Item>
+    </ListBox>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/basic.tsx b/www/src/registry-v2/demos/menu/basic.tsx
new file mode 100644
index 000000000..9939d869e
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/basic.tsx
@@ -0,0 +1,19 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem>Account settings</MenuItem>
+        <MenuItem>Create team</MenuItem>
+        <MenuItem>Command menu</MenuItem>
+        <MenuItem>Log out</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/composition.tsx b/www/src/registry-v2/demos/menu/composition.tsx
new file mode 100644
index 000000000..866b2c07d
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/composition.tsx
@@ -0,0 +1,26 @@
+import { Button } from "@/components/dynamic-core/button";
+import {
+  MenuContent,
+  MenuItem,
+  MenuRoot,
+} from "@/components/dynamic-core/menu";
+import { Overlay } from "@/components/dynamic-core/overlay";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Overlay type="popover" mobileType="drawer">
+        <MenuContent>
+          <MenuItem>Account settings</MenuItem>
+          <MenuItem>Create team</MenuItem>
+          <MenuItem>Command menu</MenuItem>
+          <MenuItem>Log out</MenuItem>
+        </MenuContent>
+      </Overlay>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/controlled.tsx b/www/src/registry-v2/demos/menu/controlled.tsx
new file mode 100644
index 000000000..0066d2d2e
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/controlled.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [isOpen, setOpen] = React.useState(false);
+  return (
+    <div className="flex flex-col-reverse items-center gap-4">
+      <MenuRoot isOpen={isOpen} onOpenChange={setOpen}>
+        <Button variant="outline" shape="square">
+          <MenuIcon />
+        </Button>
+        <Menu>
+          <MenuItem>Account settings</MenuItem>
+          <MenuItem>Create team</MenuItem>
+          <MenuItem>Log out</MenuItem>
+        </Menu>
+      </MenuRoot>
+      <p className="text-fg-muted text-sm">
+        state: {isOpen ? "open" : "closed"}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/disabled-items.tsx b/www/src/registry-v2/demos/menu/disabled-items.tsx
new file mode 100644
index 000000000..7022863be
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/disabled-items.tsx
@@ -0,0 +1,20 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { MenuIcon, PlusSquareIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem>Account settings</MenuItem>
+        <MenuItem prefix={<PlusSquareIcon />} isDisabled>
+          Create team
+        </MenuItem>
+        <MenuItem>Log out</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/item-variant.tsx b/www/src/registry-v2/demos/menu/item-variant.tsx
new file mode 100644
index 000000000..5b7689ddc
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/item-variant.tsx
@@ -0,0 +1,19 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem>Account settings</MenuItem>
+        <MenuItem>Create team</MenuItem>
+        <MenuItem>Command menu</MenuItem>
+        <MenuItem variant="danger">Delete</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/label-and-description.tsx b/www/src/registry-v2/demos/menu/label-and-description.tsx
new file mode 100644
index 000000000..7ef99a53c
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/label-and-description.tsx
@@ -0,0 +1,18 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem label="New file" description="Create a new file" />
+        <MenuItem label="Copy link" description="Copy the file link" />
+        <MenuItem label="Edit file" description="Allows you to edit the file" />
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/link-items.tsx b/www/src/registry-v2/demos/menu/link-items.tsx
new file mode 100644
index 000000000..fbac8aecd
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/link-items.tsx
@@ -0,0 +1,36 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" size="sm">
+        Social
+      </Button>
+      <Menu>
+        <MenuItem
+          prefix={<GitHubIcon />}
+          href="https://github.com/mehdibha/dotUI"
+          target="_blank"
+        >
+          Github
+        </MenuItem>
+        <MenuItem
+          prefix={<TwitterIcon />}
+          href="https://twitter.com/mehdibha_"
+          target="_blank"
+        >
+          X
+        </MenuItem>
+        <MenuItem
+          prefix={<DiscordIcon />}
+          href="https://discord.com/invite/DXpj5V2fU8"
+          target="_blank"
+        >
+          Discord
+        </MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/long-press.tsx b/www/src/registry-v2/demos/menu/long-press.tsx
new file mode 100644
index 000000000..b61b51f1a
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/long-press.tsx
@@ -0,0 +1,18 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot trigger="longPress">
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem>Account settings</MenuItem>
+        <MenuItem>Create team</MenuItem>
+        <MenuItem>Log out</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/multiple-selection.tsx b/www/src/registry-v2/demos/menu/multiple-selection.tsx
new file mode 100644
index 000000000..61521d00c
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/multiple-selection.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" size="sm">
+        Panels
+      </Button>
+      <Menu
+        selectionMode="multiple"
+        defaultSelectedKeys={["sidebar", "searchbar", "console"]}
+      >
+        <MenuItem id="sidebar">Sidebar</MenuItem>
+        <MenuItem id="searchbar">Searchbar</MenuItem>
+        <MenuItem id="tools">Tools</MenuItem>
+        <MenuItem id="console">Console</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/overlay-type.tsx b/www/src/registry-v2/demos/menu/overlay-type.tsx
new file mode 100644
index 000000000..19d53442a
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/overlay-type.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { type OverlayProps } from "@/components/dynamic-core/overlay";
+import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [type, setType] = React.useState("popover");
+  const [mobileType, setMobileType] = React.useState("drawer");
+  return (
+    <div className="flex items-center gap-14">
+      <MenuRoot>
+        <Button variant="outline" shape="square">
+          <MenuIcon />
+        </Button>
+        <Menu
+          type={type as OverlayProps["type"]}
+          mobileType={mobileType as OverlayProps["type"]}
+        >
+          <MenuItem>Account settings</MenuItem>
+          <MenuItem>Create team</MenuItem>
+          <MenuItem>Command menu</MenuItem>
+          <MenuItem>Log out</MenuItem>
+        </Menu>
+      </MenuRoot>
+      <div className="flex items-center gap-6">
+        <RadioGroup label="Type" value={type} onChange={setType}>
+          <Radio value="popover">Popover</Radio>
+          <Radio value="modal">Modal</Radio>
+          <Radio value="drawer">Drawer</Radio>
+        </RadioGroup>
+        <RadioGroup
+          label="MobileType"
+          value={mobileType}
+          onChange={setMobileType}
+        >
+          <Radio value="popover">Popover</Radio>
+          <Radio value="modal">Modal</Radio>
+          <Radio value="drawer">Drawer</Radio>
+        </RadioGroup>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/placement.tsx b/www/src/registry-v2/demos/menu/placement.tsx
new file mode 100644
index 000000000..44dfaa468
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/placement.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Item } from "@/components/dynamic-core/list-box";
+import {
+  Menu,
+  MenuItem,
+  MenuRoot,
+  type MenuProps,
+} from "@/components/dynamic-core/menu";
+import { Select } from "@/components/dynamic-core/select";
+import { MenuIcon } from "@/__icons__";
+
+type Placement = MenuProps<object>["placement"];
+
+export default function Demo() {
+  const [placement, setPlacement] = React.useState<Placement>("top");
+  return (
+    <div className="flex items-center gap-10">
+      <MenuRoot>
+        <Button variant="outline" shape="square" size="sm">
+          <MenuIcon />
+        </Button>
+        <Menu placement={placement}>
+          <MenuItem>Account settings</MenuItem>
+          <MenuItem>Create team</MenuItem>
+          <MenuItem>Log out</MenuItem>
+        </Menu>
+      </MenuRoot>
+      <Select
+        label="Placement"
+        selectedKey={placement}
+        onSelectionChange={(key) => setPlacement(key as Placement)}
+      >
+        {[
+          "bottom",
+          "bottom left",
+          "bottom right",
+          "bottom start",
+          "bottom end",
+          "top",
+          "top left",
+          "top right",
+          "top start",
+          "top end",
+          "left",
+          "left top",
+          "left",
+          "bottom",
+          "start",
+          "start top",
+          "start bottom",
+          "right",
+          "right top",
+          "right",
+          "bottom",
+          "end",
+          "end top",
+          "end bottom",
+        ].map((pos, index) => (
+          <Item key={index} id={pos.replace(" ", "")}>
+            {pos}
+          </Item>
+        ))}
+      </Select>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/prefix-and-suffix.tsx b/www/src/registry-v2/demos/menu/prefix-and-suffix.tsx
new file mode 100644
index 000000000..ca8fe035a
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/prefix-and-suffix.tsx
@@ -0,0 +1,30 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { CopyIcon, MenuIcon, PlusSquareIcon, SquarePenIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square" size="sm">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem
+          label="New file"
+          description="Create a new file"
+          prefix={<PlusSquareIcon />}
+        />
+        <MenuItem
+          label="Copy link"
+          description="Copy the file link"
+          prefix={<CopyIcon />}
+        />
+        <MenuItem
+          label="Edit file"
+          description="Allows you to edit the file"
+          prefix={<SquarePenIcon />}
+        />
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/section.tsx b/www/src/registry-v2/demos/menu/section.tsx
new file mode 100644
index 000000000..5c012c24b
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/section.tsx
@@ -0,0 +1,24 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { Section } from "@/components/dynamic-core/section";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <Section title="Notifications">
+          <MenuItem>Push notifications</MenuItem>
+          <MenuItem>Badges</MenuItem>
+        </Section>
+        <Section title="Panels">
+          <MenuItem id="console">Console</MenuItem>
+          <MenuItem>Search</MenuItem>
+        </Section>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/separator.tsx b/www/src/registry-v2/demos/menu/separator.tsx
new file mode 100644
index 000000000..66b332e62
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/separator.tsx
@@ -0,0 +1,22 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { Separator } from "@/components/dynamic-core/separator";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline">File</Button>
+      <Menu>
+        <MenuItem>New...</MenuItem>
+        <MenuItem>Badges</MenuItem>
+        <Separator />
+        <MenuItem>Save</MenuItem>
+        <MenuItem>Save as...</MenuItem>
+        <MenuItem>Rename...</MenuItem>
+        <Separator />
+        <MenuItem>Page setup…</MenuItem>
+        <MenuItem>Print…</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/shortcut.tsx b/www/src/registry-v2/demos/menu/shortcut.tsx
new file mode 100644
index 000000000..ab4d2e7a5
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/shortcut.tsx
@@ -0,0 +1,18 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem shortcut="⌘N">New file</MenuItem>
+        <MenuItem shortcut="⌘C">Copy link</MenuItem>
+        <MenuItem shortcut="⌘⇧E">Edit file</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/single-selection.tsx b/www/src/registry-v2/demos/menu/single-selection.tsx
new file mode 100644
index 000000000..1724b003c
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/single-selection.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import React from "react";
+import type { Selection } from "react-aria-components";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+
+export default function Demo() {
+  const [selected, setSelected] = React.useState<Selection>(
+    new Set(["center"])
+  );
+  return (
+    <MenuRoot>
+      <Button variant="outline" size="sm">
+        Align
+      </Button>
+      <Menu
+        selectionMode="single"
+        selectedKeys={selected}
+        onSelectionChange={setSelected}
+      >
+        <MenuItem id="start">Start</MenuItem>
+        <MenuItem id="center">Center</MenuItem>
+        <MenuItem id="end">End</MenuItem>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/menu/submenus.tsx b/www/src/registry-v2/demos/menu/submenus.tsx
new file mode 100644
index 000000000..65a880d90
--- /dev/null
+++ b/www/src/registry-v2/demos/menu/submenus.tsx
@@ -0,0 +1,35 @@
+import { Button } from "@/components/dynamic-core/button";
+import {
+  Menu,
+  MenuItem,
+  MenuRoot,
+  MenuSub,
+} from "@/components/dynamic-core/menu";
+import { MenuIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <MenuRoot>
+      <Button variant="outline" shape="square">
+        <MenuIcon />
+      </Button>
+      <Menu>
+        <MenuItem>Account settings</MenuItem>
+        <MenuSub>
+          <MenuItem>Invite users</MenuItem>
+          <Menu>
+            <MenuItem>SMS</MenuItem>
+            <MenuItem>Twitter</MenuItem>
+            <MenuSub>
+              <MenuItem>Email</MenuItem>
+              <Menu>
+                <MenuItem>Work</MenuItem>
+                <MenuItem>Personal</MenuItem>
+              </Menu>
+            </MenuSub>
+          </Menu>
+        </MenuSub>
+      </Menu>
+    </MenuRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/number-field/composition.tsx b/www/src/registry-v2/demos/number-field/composition.tsx
new file mode 100644
index 000000000..fc0a4d682
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/composition.tsx
@@ -0,0 +1,27 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { Group } from "@/components/dynamic-core/group";
+import { Input, InputRoot } from "@/components/dynamic-core/input";
+import { NumberFieldRoot } from "@/components/dynamic-core/number-field";
+import { MinusIcon, PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <NumberFieldRoot>
+      <Label>Quantity</Label>
+      <Group className="flex items-center gap-2">
+        <Button slot="decrement" shape="square">
+          <MinusIcon />
+        </Button>
+        <InputRoot>
+          <Input />
+        </InputRoot>
+        <Button slot="increment" shape="square">
+          <PlusIcon />
+        </Button>
+      </Group>
+      <Description>Enter the disired quantity.</Description>
+    </NumberFieldRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/number-field/contextual-help.tsx b/www/src/registry-v2/demos/number-field/contextual-help.tsx
new file mode 100644
index 000000000..4b055eef3
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/contextual-help.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return (
+    <NumberField
+      label="Width"
+      defaultValue={1024}
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you need help, please contact support."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/number-field/controlled.tsx b/www/src/registry-v2/demos/number-field/controlled.tsx
new file mode 100644
index 000000000..61ef61583
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/controlled.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState(69);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <NumberField
+        aria-label="Width"
+        value={inputValue}
+        onChange={(value) => {
+          setInputValue(value);
+        }}
+      />
+      <p className="text-fg-muted text-sm">mirrored number: {inputValue}</p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/number-field/default.tsx b/www/src/registry-v2/demos/number-field/default.tsx
new file mode 100644
index 000000000..84e941d74
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/default.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return <NumberField label="Width" defaultValue={1024} />;
+}
diff --git a/www/src/registry-v2/demos/number-field/description.tsx b/www/src/registry-v2/demos/number-field/description.tsx
new file mode 100644
index 000000000..b20005aa8
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/description.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return <NumberField label="Width" description="Enter the desired width." />;
+}
diff --git a/www/src/registry-v2/demos/number-field/disabled.tsx b/www/src/registry-v2/demos/number-field/disabled.tsx
new file mode 100644
index 000000000..395664b1c
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/disabled.tsx
@@ -0,0 +1,5 @@
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return <NumberField defaultValue={20} isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/number-field/error-message.tsx b/www/src/registry-v2/demos/number-field/error-message.tsx
new file mode 100644
index 000000000..bc843742a
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/error-message.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return (
+    <NumberField
+      label="Width"
+      isInvalid
+      errorMessage="Please fill out this field."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/number-field/format-options.tsx b/www/src/registry-v2/demos/number-field/format-options.tsx
new file mode 100644
index 000000000..562093e96
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/format-options.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <NumberField
+        label="Decimal"
+        defaultValue={0}
+        formatOptions={{
+          signDisplay: "exceptZero",
+          minimumFractionDigits: 1,
+          maximumFractionDigits: 2,
+        }}
+      />
+      <NumberField
+        label="Percentage"
+        defaultValue={0.05}
+        formatOptions={{
+          style: "percent",
+        }}
+      />
+      <NumberField
+        label="Currency"
+        defaultValue={45}
+        formatOptions={{
+          style: "currency",
+          currency: "EUR",
+          currencyDisplay: "code",
+          currencySign: "accounting",
+        }}
+      />
+      <NumberField
+        label="Unit"
+        defaultValue={4}
+        formatOptions={{
+          style: "unit",
+          unit: "inch",
+          unitDisplay: "long",
+        }}
+      />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/number-field/label.tsx b/www/src/registry-v2/demos/number-field/label.tsx
new file mode 100644
index 000000000..2f438c5eb
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/label.tsx
@@ -0,0 +1,10 @@
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <NumberField label="Width" placeholder="Visible label" />
+      <NumberField aria-label="Width" placeholder="Hidden label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/number-field/read-only.tsx b/www/src/registry-v2/demos/number-field/read-only.tsx
new file mode 100644
index 000000000..8b1d179fc
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/read-only.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return <NumberField aria-label="Width" isReadOnly value={69} />;
+}
diff --git a/www/src/registry-v2/demos/number-field/required.tsx b/www/src/registry-v2/demos/number-field/required.tsx
new file mode 100644
index 000000000..42487cb39
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/required.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <NumberField label="Width" isRequired />
+      <NumberField label="Width" isRequired necessityIndicator="icon" />
+      <NumberField label="Width" isRequired necessityIndicator="label" />
+      <NumberField label="Width" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/number-field/sizes.tsx b/www/src/registry-v2/demos/number-field/sizes.tsx
new file mode 100644
index 000000000..1726ce453
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <NumberField placeholder="small (sm)" size="sm" />
+      <NumberField placeholder="medium (md)" size="md" />
+      <NumberField placeholder="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/number-field/uncontrolled.tsx b/www/src/registry-v2/demos/number-field/uncontrolled.tsx
new file mode 100644
index 000000000..6601123b0
--- /dev/null
+++ b/www/src/registry-v2/demos/number-field/uncontrolled.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export default function Demo() {
+  return <NumberField aria-label="Width" defaultValue={80} />;
+}
diff --git a/www/src/registry-v2/demos/progress/composition.tsx b/www/src/registry-v2/demos/progress/composition.tsx
new file mode 100644
index 000000000..5460bb629
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/composition.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import * as React from "react";
+import { Label } from "react-aria-components";
+import {
+  ProgressIndicator,
+  ProgressRoot,
+  ProgressValueLabel,
+} from "@/components/dynamic-core/progress";
+
+export default function Demo() {
+  return (
+    <ProgressRoot value={50} className="flex-row items-center gap-4">
+      <Label>Progress</Label>
+      <ProgressIndicator />
+      <ProgressValueLabel />
+    </ProgressRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/progress/custom-color.tsx b/www/src/registry-v2/demos/progress/custom-color.tsx
new file mode 100644
index 000000000..80fe2a67f
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/custom-color.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+export default function Demo() {
+  return (
+    <Progress
+      value={75}
+      aria-label="Custom color"
+      classNames={{
+        indicator: "bg-slate-300 dark:bg-slate-800",
+        filler: "bg-slate-800 dark:bg-slate-300",
+      }}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/progress/custom-value-label.tsx b/www/src/registry-v2/demos/progress/custom-value-label.tsx
new file mode 100644
index 000000000..32ae8342c
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/custom-value-label.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+export default function Demo() {
+  return (
+    <Progress
+      label="Feeding…"
+      showValueLabel
+      valueLabel="30 of 100 dogs"
+      value={30}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/progress/default.tsx b/www/src/registry-v2/demos/progress/default.tsx
new file mode 100644
index 000000000..0807d258d
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/default.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+export default function Demo() {
+  return <Progress aria-label="loading" value={75} />;
+}
diff --git a/www/src/registry-v2/demos/progress/duration.tsx b/www/src/registry-v2/demos/progress/duration.tsx
new file mode 100644
index 000000000..56814c8c1
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/duration.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import * as React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Progress } from "@/components/dynamic-core/progress";
+import { RotateCwIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [key, setKey] = React.useState(0);
+  const restart = () => setKey((prev) => prev + 1);
+  return (
+    <div className="flex w-full flex-col items-center gap-6">
+      <Button prefix={<RotateCwIcon />} onPress={restart}>
+        Restart animation
+      </Button>
+      <Progress key={key} duration="30s" aria-label="Loading" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/progress/format-options.tsx b/www/src/registry-v2/demos/progress/format-options.tsx
new file mode 100644
index 000000000..e811fc11e
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/format-options.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+export default function Demo() {
+  return (
+    <Progress
+      label="Sending…"
+      showValueLabel
+      formatOptions={{ style: "currency", currency: "JPY" }}
+      value={60}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/progress/indeterminate.tsx b/www/src/registry-v2/demos/progress/indeterminate.tsx
new file mode 100644
index 000000000..3dde7e46a
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/indeterminate.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+export default function Demo() {
+  return <Progress isIndeterminate aria-label="Loading" />;
+}
diff --git a/www/src/registry-v2/demos/progress/label.tsx b/www/src/registry-v2/demos/progress/label.tsx
new file mode 100644
index 000000000..9e1ea9ab5
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/label.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <Progress aria-label="Loading" value={75} />
+      <Progress label="Loading..." value={75} />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/progress/min-max-values.tsx b/www/src/registry-v2/demos/progress/min-max-values.tsx
new file mode 100644
index 000000000..4a5e03251
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/min-max-values.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+export default function Demo() {
+  return (
+    <Progress
+      aria-label="Min and max values"
+      minValue={50}
+      maxValue={150}
+      value={100}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/progress/shape.tsx b/www/src/registry-v2/demos/progress/shape.tsx
new file mode 100644
index 000000000..e8d52c198
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/shape.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+export default function Demo() {
+  return <Progress aria-label="Progress shape" value={75} />;
+}
diff --git a/www/src/registry-v2/demos/progress/sizes.tsx b/www/src/registry-v2/demos/progress/sizes.tsx
new file mode 100644
index 000000000..69310b608
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/sizes.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+const sizes = ["sm", "md", "lg"] as const;
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      {sizes.map((size) => (
+        <Progress
+          key={size}
+          aria-label={`Progress size: ${size}`}
+          value={75}
+          size={size}
+          label={size}
+        />
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/progress/toolbar.tsx b/www/src/registry-v2/demos/progress/toolbar.tsx
new file mode 100644
index 000000000..4df09e668
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/toolbar.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import * as React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Input, InputRoot } from "@/components/dynamic-core/input";
+import { Progress } from "@/components/dynamic-core/progress";
+import { TextFieldRoot } from "@/components/dynamic-core/text-field";
+import { ALargeSmallIcon, RotateCwIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [key, setKey] = React.useState(0);
+  const refresh = () => setKey((key) => key + 1);
+  return (
+    <TextFieldRoot key={key} defaultValue="https://dotui.org" aria-label="URL">
+      <InputRoot className="relative h-10 overflow-hidden px-1 pb-0.5">
+        <Button
+          size="sm"
+          variant="quiet"
+          shape="square"
+          aria-label="translate"
+          className="size-7"
+        >
+          <ALargeSmallIcon />
+        </Button>
+        <Input className="text-center" />
+        <Button
+          onPress={refresh}
+          size="sm"
+          variant="quiet"
+          shape="square"
+          className="size-7"
+          aria-label="Refresh"
+        >
+          <RotateCwIcon />
+        </Button>
+        <Progress
+          value={50}
+          size="sm"
+          variant="accent"
+          duration="5s"
+          aria-label="loading indicator"
+          className="absolute bottom-0 left-0 right-0"
+        />
+      </InputRoot>
+    </TextFieldRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/progress/value-label.tsx b/www/src/registry-v2/demos/progress/value-label.tsx
new file mode 100644
index 000000000..ac33be225
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/value-label.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+export default function Demo() {
+  return <Progress label="Loading" showValueLabel value={75} />;
+}
diff --git a/www/src/registry-v2/demos/progress/variants.tsx b/www/src/registry-v2/demos/progress/variants.tsx
new file mode 100644
index 000000000..2ba2882be
--- /dev/null
+++ b/www/src/registry-v2/demos/progress/variants.tsx
@@ -0,0 +1,14 @@
+import * as React from "react";
+import { Progress } from "@/components/dynamic-core/progress";
+
+const variants = ["default", "success", "accent", "danger", "warning"] as const;
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      {variants.map((variant) => (
+        <Progress key={variant} value={75} label={variant} variant={variant} />
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/cards.tsx b/www/src/registry-v2/demos/radio-group/cards.tsx
new file mode 100644
index 000000000..23f05340f
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/cards.tsx
@@ -0,0 +1,31 @@
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup
+      defaultValue="sm"
+      label="Size"
+      orientation="horizontal"
+      variant="card"
+    >
+      <Radio value="sm">
+        <div className="flex flex-col gap-1">
+          <span className="font-bold">Small</span>
+          <span className="text-fg-muted text-xs">Dimension: 128 x 128</span>
+        </div>
+      </Radio>
+      <Radio value="md">
+        <div className="flex flex-col gap-1">
+          <span className="font-bold">Medium</span>
+          <span className="text-fg-muted text-xs">Dimension: 256 x 256</span>
+        </div>
+      </Radio>
+      <Radio value="lg">
+        <div className="flex flex-col gap-1">
+          <span className="font-bold">Large</span>
+          <span className="text-fg-muted text-xs">Dimension: 512 x 512</span>
+        </div>
+      </Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/composition.tsx b/www/src/registry-v2/demos/radio-group/composition.tsx
new file mode 100644
index 000000000..112b93655
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/composition.tsx
@@ -0,0 +1,21 @@
+import {
+  Description,
+  FieldError,
+  Label,
+} from "@/components/dynamic-core/field";
+import { RadioGroupRoot, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroupRoot defaultValue="sm">
+      <Label>Size</Label>
+      <Description>Please select a size.</Description>
+      <div className="flex gap-2">
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </div>
+      <FieldError />
+    </RadioGroupRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/contextual-help.tsx b/www/src/registry-v2/demos/radio-group/contextual-help.tsx
new file mode 100644
index 000000000..6f0646b0a
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/contextual-help.tsx
@@ -0,0 +1,21 @@
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup
+      defaultValue="sm"
+      label="Size"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you need help, please contact support."
+        />
+      }
+    >
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/controlled.tsx b/www/src/registry-v2/demos/radio-group/controlled.tsx
new file mode 100644
index 000000000..130803d18
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/controlled.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import React from "react";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  const [size, setSize] = React.useState("sm");
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <RadioGroup
+        label="Size"
+        value={size}
+        onChange={(value) => setSize(value)}
+      >
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <p className="text-fg-muted text-xs">{`You selected: ${size}`}</p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/default.tsx b/www/src/registry-v2/demos/radio-group/default.tsx
new file mode 100644
index 000000000..692be86f7
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/default.tsx
@@ -0,0 +1,11 @@
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup defaultValue="sm" label="Size">
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/description.tsx b/www/src/registry-v2/demos/radio-group/description.tsx
new file mode 100644
index 000000000..9b49228da
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/description.tsx
@@ -0,0 +1,15 @@
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup
+      defaultValue="sm"
+      label="Size"
+      description="Select a product size."
+    >
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/disabled.tsx b/www/src/registry-v2/demos/radio-group/disabled.tsx
new file mode 100644
index 000000000..db1855520
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/disabled.tsx
@@ -0,0 +1,20 @@
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <div className="flex gap-10">
+      <RadioGroup defaultValue="sm" label="Size" isDisabled>
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <RadioGroup label="Size" defaultValue="sm">
+        <Radio value="sm">Small</Radio>
+        <Radio value="md" isDisabled>
+          Medium
+        </Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/error-message.tsx b/www/src/registry-v2/demos/radio-group/error-message.tsx
new file mode 100644
index 000000000..475d1531a
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/error-message.tsx
@@ -0,0 +1,16 @@
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup
+      defaultValue={null}
+      label="Size"
+      isInvalid
+      errorMessage="Please select a product size."
+    >
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/label.tsx b/www/src/registry-v2/demos/radio-group/label.tsx
new file mode 100644
index 000000000..8fc8513e1
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/label.tsx
@@ -0,0 +1,18 @@
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-10">
+      <RadioGroup defaultValue="sm" label="Size">
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <RadioGroup defaultValue="sm" aria-label="Size">
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/orientation.tsx b/www/src/registry-v2/demos/radio-group/orientation.tsx
new file mode 100644
index 000000000..b939eea01
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/orientation.tsx
@@ -0,0 +1,11 @@
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup defaultValue="sm" label="Size" orientation="horizontal">
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/read-only.tsx b/www/src/registry-v2/demos/radio-group/read-only.tsx
new file mode 100644
index 000000000..3d619e39c
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/read-only.tsx
@@ -0,0 +1,11 @@
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup defaultValue="sm" label="Size" isReadOnly>
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/required.tsx b/www/src/registry-v2/demos/radio-group/required.tsx
new file mode 100644
index 000000000..b993b1450
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/required.tsx
@@ -0,0 +1,35 @@
+import React from "react";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <RadioGroup defaultValue="sm" label="Size" isRequired>
+        <Radio value="sm">Small</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <RadioGroup
+        defaultValue="sm"
+        label="Size"
+        isRequired
+        necessityIndicator="icon"
+      >
+        <Radio value="sm">Small</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <RadioGroup
+        defaultValue="sm"
+        label="Size"
+        isRequired
+        necessityIndicator="label"
+      >
+        <Radio value="sm">Small</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+      <RadioGroup defaultValue="sm" label="Size" necessityIndicator="label">
+        <Radio value="sm">Small</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/radio-group/uncontrolled.tsx b/www/src/registry-v2/demos/radio-group/uncontrolled.tsx
new file mode 100644
index 000000000..2b64a9d01
--- /dev/null
+++ b/www/src/registry-v2/demos/radio-group/uncontrolled.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export default function Demo() {
+  return (
+    <RadioGroup defaultValue="sm" label="Size">
+      <Radio value="sm">Small</Radio>
+      <Radio value="md">Medium</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
+  );
+}
diff --git a/www/src/registry-v2/demos/range-calendar/composition.tsx b/www/src/registry-v2/demos/range-calendar/composition.tsx
new file mode 100644
index 000000000..e50356e3f
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/composition.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import { Button } from "@/components/dynamic-core/button";
+import {
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+} from "@/components/dynamic-core/calendar";
+import { Heading } from "@/components/dynamic-core/heading";
+import { RangeCalendarRoot } from "@/components/dynamic-core/range-calendar";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <RangeCalendarRoot>
+      <CalendarHeader>
+        <Button slot="previous" variant="outline" shape="square" size="sm">
+          <ChevronLeftIcon />
+        </Button>
+        <Heading className="text-sm" />
+        <Button slot="next" variant="outline" shape="square" size="sm">
+          <ChevronRightIcon />
+        </Button>
+      </CalendarHeader>
+      <CalendarGrid>
+        <CalendarGridHeader>
+          {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+        </CalendarGridHeader>
+        <CalendarGridBody>
+          {(date) => (
+            <CalendarCell date={date} range>
+              {({ formattedDate }) => (
+                <span className="z-20">{formattedDate}</span>
+              )}
+            </CalendarCell>
+          )}
+        </CalendarGridBody>
+      </CalendarGrid>
+    </RangeCalendarRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/range-calendar/controlled.tsx b/www/src/registry-v2/demos/range-calendar/controlled.tsx
new file mode 100644
index 000000000..1df331adc
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/controlled.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { type DateRange } from "react-aria-components";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  const [range, setRange] = React.useState<DateRange | null>({
+    start: today(getLocalTimeZone()),
+    end: today(getLocalTimeZone()).add({ weeks: 1 }),
+  });
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <RangeCalendar
+        aria-label="Date (controlled)"
+        value={range}
+        onChange={setRange}
+      />
+      <p className="text-fg-muted text-sm">
+        Start date: {range?.start.toString()}
+        <br />
+        End date: {range?.end.toString()}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/range-calendar/default.tsx b/www/src/registry-v2/demos/range-calendar/default.tsx
new file mode 100644
index 000000000..ca8f1242d
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/default.tsx
@@ -0,0 +1,5 @@
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  return <RangeCalendar />;
+}
diff --git a/www/src/registry-v2/demos/range-calendar/disabled.tsx b/www/src/registry-v2/demos/range-calendar/disabled.tsx
new file mode 100644
index 000000000..6a7005ce4
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/disabled.tsx
@@ -0,0 +1,5 @@
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  return <RangeCalendar aria-label="Appointment date" isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/range-calendar/error-message.tsx b/www/src/registry-v2/demos/range-calendar/error-message.tsx
new file mode 100644
index 000000000..913d58d35
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/error-message.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { today, getLocalTimeZone } from "@internationalized/date";
+import { type DateRange } from "react-aria-components";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  const [range, setRange] = React.useState<DateRange | null>({
+    start: today(getLocalTimeZone()),
+    end: today(getLocalTimeZone()).add({ weeks: 1, days: 3 }),
+  });
+  const isInvalid = range ? range.end.compare(range.start) > 7 : false;
+  return (
+    <RangeCalendar
+      aria-label="Trip dates"
+      value={range}
+      onChange={setRange}
+      isInvalid={isInvalid}
+      errorMessage={isInvalid ? "Maximum stay duration is 1 week" : undefined}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/range-calendar/label.tsx b/www/src/registry-v2/demos/range-calendar/label.tsx
new file mode 100644
index 000000000..f157db6e7
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/label.tsx
@@ -0,0 +1,5 @@
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  return <RangeCalendar aria-label="Event date" />;
+}
diff --git a/www/src/registry-v2/demos/range-calendar/non-contiguous-ranges.tsx b/www/src/registry-v2/demos/range-calendar/non-contiguous-ranges.tsx
new file mode 100644
index 000000000..03683672e
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/non-contiguous-ranges.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import {
+  type DateValue,
+  getLocalTimeZone,
+  today,
+} from "@internationalized/date";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  const now = today(getLocalTimeZone());
+  const disabledRanges = [
+    [now, now.add({ days: 5 })],
+    [now.add({ days: 14 }), now.add({ days: 16 })],
+    [now.add({ days: 23 }), now.add({ days: 24 })],
+  ];
+
+  const isDateUnavailable = (date: DateValue) =>
+    disabledRanges.some(
+      (interval) =>
+        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
+    );
+
+  return (
+    <RangeCalendar
+      aria-label="Trip dates"
+      minValue={today(getLocalTimeZone())}
+      isDateUnavailable={isDateUnavailable}
+      allowsNonContiguousRanges
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/range-calendar/page-behaviour.tsx b/www/src/registry-v2/demos/range-calendar/page-behaviour.tsx
new file mode 100644
index 000000000..a921693e9
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/page-behaviour.tsx
@@ -0,0 +1,5 @@
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  return <RangeCalendar visibleMonths={2} pageBehavior="single" />;
+}
diff --git a/www/src/registry-v2/demos/range-calendar/read-only.tsx b/www/src/registry-v2/demos/range-calendar/read-only.tsx
new file mode 100644
index 000000000..2f527f553
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/read-only.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  return (
+    <RangeCalendar
+      aria-label="Appointment date"
+      isReadOnly
+      value={{
+        start: today(getLocalTimeZone()),
+        end: today(getLocalTimeZone()).add({ weeks: 1 }),
+      }}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/range-calendar/uncontrolled.tsx b/www/src/registry-v2/demos/range-calendar/uncontrolled.tsx
new file mode 100644
index 000000000..3ca6c132c
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/uncontrolled.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import React from "react";
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  return (
+    <RangeCalendar
+      aria-label="Date (controlled)"
+      defaultValue={{
+        start: today(getLocalTimeZone()),
+        end: today(getLocalTimeZone()).add({ weeks: 1 }),
+      }}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/range-calendar/unvailable-dates.tsx b/www/src/registry-v2/demos/range-calendar/unvailable-dates.tsx
new file mode 100644
index 000000000..c1839cc08
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/unvailable-dates.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import {
+  type DateValue,
+  getLocalTimeZone,
+  today,
+} from "@internationalized/date";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  const now = today(getLocalTimeZone());
+  const disabledRanges = [
+    [now, now.add({ days: 5 })],
+    [now.add({ days: 14 }), now.add({ days: 16 })],
+    [now.add({ days: 23 }), now.add({ days: 24 })],
+  ];
+
+  const isDateUnavailable = (date: DateValue) =>
+    disabledRanges.some(
+      (interval) =>
+        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
+    );
+
+  return (
+    <RangeCalendar
+      aria-label="Trip dates"
+      minValue={today(getLocalTimeZone())}
+      isDateUnavailable={isDateUnavailable}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/range-calendar/validation.tsx b/www/src/registry-v2/demos/range-calendar/validation.tsx
new file mode 100644
index 000000000..e5ed2466e
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/validation.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  return (
+    <RangeCalendar
+      aria-label="Appointment date"
+      minValue={today(getLocalTimeZone())}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/range-calendar/visible-months.tsx b/www/src/registry-v2/demos/range-calendar/visible-months.tsx
new file mode 100644
index 000000000..af7c945cc
--- /dev/null
+++ b/www/src/registry-v2/demos/range-calendar/visible-months.tsx
@@ -0,0 +1,5 @@
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+
+export default function Demo() {
+  return <RangeCalendar visibleMonths={2} />;
+}
diff --git a/www/src/registry-v2/demos/scroll-area/default.tsx b/www/src/registry-v2/demos/scroll-area/default.tsx
new file mode 100644
index 000000000..352a65234
--- /dev/null
+++ b/www/src/registry-v2/demos/scroll-area/default.tsx
@@ -0,0 +1,37 @@
+import * as React from "react";
+import { ScrollArea } from "@/components/dynamic-core/scroll-area";
+
+export default function Demo() {
+  return (
+    <div className="rounded-md border p-6">
+      <ScrollArea className="h-72 w-full max-w-sm" type="always">
+        <div className="space-y-4 p-4 pr-8">
+          <h4 className="text-md font-bold">
+            Principles of the typographic craft
+          </h4>
+          <p>
+            Three fundamental aspects of typography are legibility, readability,
+            and aesthetics. Although in a non-technical sense “legible” and
+            “readable” are often used synonymously, typographically they are
+            separate but related concepts.
+          </p>
+          <p>
+            Legibility describes how easily individual characters can be
+            distinguished from one another. It is described by Walter Tracy as
+            “the quality of being decipherable and recognisable”. For instance,
+            if a “b” and an “h”, or a “3” and an “8”, are difficult to
+            distinguish at small sizes, this is a problem of legibility.
+          </p>
+          <p>
+            Typographers are concerned with legibility insofar as it is their
+            job to select the correct font to use. Brush Script is an example of
+            a font containing many characters that might be difficult to
+            distinguish. The selection of cases influences the legibility of
+            typography because using only uppercase letters (all-caps) reduces
+            legibility.
+          </p>
+        </div>
+      </ScrollArea>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/scroll-area/scrollbars.tsx b/www/src/registry-v2/demos/scroll-area/scrollbars.tsx
new file mode 100644
index 000000000..3c01f201e
--- /dev/null
+++ b/www/src/registry-v2/demos/scroll-area/scrollbars.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import * as React from "react";
+import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
+import {
+  ScrollArea,
+  type ScrollAreaProps,
+} from "@/components/dynamic-core/scroll-area";
+
+export default function Demo() {
+  const [scrollbars, setScrollbars] = React.useState("vertical");
+  return (
+    <div className="flex items-center gap-10">
+      <div className="rounded-md border p-6">
+        <ScrollArea
+          scrollbars={scrollbars as ScrollAreaProps["scrollbars"]}
+          className="h-44 w-full max-w-sm"
+          type="always"
+        >
+          <div className="flex w-[500px] items-start gap-4">
+            <div className="space-y-4 p-4 pr-8">
+              <h4 className="text-md font-bold">
+                Principles of the typographic craft
+              </h4>
+              <p>
+                Three fundamental aspects of typography are legibility,
+                readability, and aesthetics. Although in a non-technical sense
+                “legible” and “readable” are often used synonymously,
+                typographically they are separate but related concepts.
+              </p>
+              <p>
+                Legibility describes how easily individual characters can be
+                distinguished from one another. It is described by Walter Tracy
+                as “the quality of being decipherable and recognisable”. For
+                instance, if a “b” and an “h”, or a “3” and an “8”, are
+                difficult to distinguish at small sizes, this is a problem of
+                legibility.
+              </p>
+              <p>
+                Typographers are concerned with legibility insofar as it is
+                their job to select the correct font to use. Brush Script is an
+                example of a font containing many characters that might be
+                difficult to distinguish. The selection of cases influences the
+                legibility of typography because using only uppercase letters
+                (all-caps) reduces legibility.
+              </p>
+            </div>
+            <div className="space-y-4 p-4 pr-8">
+              <h4 className="text-md font-bold">
+                Principles of the typographic craft
+              </h4>
+              <p>
+                Three fundamental aspects of typography are legibility,
+                readability, and aesthetics. Although in a non-technical sense
+                “legible” and “readable” are often used synonymously,
+                typographically they are separate but related concepts.
+              </p>
+              <p>
+                Legibility describes how easily individual characters can be
+                distinguished from one another. It is described by Walter Tracy
+                as “the quality of being decipherable and recognisable”. For
+                instance, if a “b” and an “h”, or a “3” and an “8”, are
+                difficult to distinguish at small sizes, this is a problem of
+                legibility.
+              </p>
+              <p>
+                Typographers are concerned with legibility insofar as it is
+                their job to select the correct font to use. Brush Script is an
+                example of a font containing many characters that might be
+                difficult to distinguish. The selection of cases influences the
+                legibility of typography because using only uppercase letters
+                (all-caps) reduces legibility.
+              </p>
+            </div>
+          </div>
+        </ScrollArea>
+      </div>
+      <RadioGroup
+        label="Scrollbars"
+        value={scrollbars}
+        onChange={setScrollbars}
+      >
+        <Radio value="vertical">Vertical</Radio>
+        <Radio value="horizontal">Horizontal</Radio>
+        <Radio value="both">Both</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/scroll-area/sizes.tsx b/www/src/registry-v2/demos/scroll-area/sizes.tsx
new file mode 100644
index 000000000..5bcd6b8de
--- /dev/null
+++ b/www/src/registry-v2/demos/scroll-area/sizes.tsx
@@ -0,0 +1,44 @@
+import * as React from "react";
+import { ScrollArea } from "@/components/dynamic-core/scroll-area";
+
+const sizes = ["sm", "md", "lg"] as const;
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-3 gap-10">
+      {sizes.map((size) => (
+        <div key={size} className="rounded-md border p-3">
+          <ScrollArea size={size} className="h-72" type="always">
+            <div className="space-y-4 p-4 pr-8">
+              <h4 className="text-md font-bold">
+                Principles of the typographic craft
+              </h4>
+              <p>
+                Three fundamental aspects of typography are legibility,
+                readability, and aesthetics. Although in a non-technical sense
+                “legible” and “readable” are often used synonymously,
+                typographically they are separate but related concepts.
+              </p>
+              <p>
+                Legibility describes how easily individual characters can be
+                distinguished from one another. It is described by Walter Tracy
+                as “the quality of being decipherable and recognisable”. For
+                instance, if a “b” and an “h”, or a “3” and an “8”, are
+                difficult to distinguish at small sizes, this is a problem of
+                legibility.
+              </p>
+              <p>
+                Typographers are concerned with legibility insofar as it is
+                their job to select the correct font to use. Brush Script is an
+                example of a font containing many characters that might be
+                difficult to distinguish. The selection of cases influences the
+                legibility of typography because using only uppercase letters
+                (all-caps) reduces legibility.
+              </p>
+            </div>
+          </ScrollArea>
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/composition.tsx b/www/src/registry-v2/demos/search-field/composition.tsx
new file mode 100644
index 000000000..557e32afd
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/composition.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { Input, InputRoot } from "@/components/dynamic-core/input";
+import { SearchFieldRoot } from "@/components/dynamic-core/search-field";
+import { SearchIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <SearchFieldRoot>
+      <Label>Search</Label>
+      <InputRoot prefix={<SearchIcon />}>
+        <Input />
+      </InputRoot>
+      <Description>Enter your search query.</Description>
+    </SearchFieldRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/contextual-help.tsx b/www/src/registry-v2/demos/search-field/contextual-help.tsx
new file mode 100644
index 000000000..b19d18ee2
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/contextual-help.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return (
+    <SearchField
+      label="Search"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you need help, please contact support."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/controlled.tsx b/www/src/registry-v2/demos/search-field/controlled.tsx
new file mode 100644
index 000000000..dbf630112
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/controlled.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import React from "react";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState(
+    "Is dotUI the next-gen ui lib?"
+  );
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <SearchField value={inputValue} onChange={setInputValue} />
+      <p className="text-fg-muted text-sm">
+        mirrored search text: {inputValue}
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/default.tsx b/www/src/registry-v2/demos/search-field/default.tsx
new file mode 100644
index 000000000..a64ef56f1
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/default.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return <SearchField aria-label="Search" />;
+}
diff --git a/www/src/registry-v2/demos/search-field/description.tsx b/www/src/registry-v2/demos/search-field/description.tsx
new file mode 100644
index 000000000..23c644b8b
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/description.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return <SearchField label="Search" description="Enter your search query" />;
+}
diff --git a/www/src/registry-v2/demos/search-field/disabled.tsx b/www/src/registry-v2/demos/search-field/disabled.tsx
new file mode 100644
index 000000000..a0fb69070
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/disabled.tsx
@@ -0,0 +1,7 @@
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return (
+    <SearchField defaultValue="Is dotUI the next-gen ui lib?" isDisabled />
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/error-message.tsx b/www/src/registry-v2/demos/search-field/error-message.tsx
new file mode 100644
index 000000000..237d88537
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/error-message.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return (
+    <SearchField
+      label="Search"
+      isInvalid
+      errorMessage="Please fill out this field."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/form.tsx b/www/src/registry-v2/demos/search-field/form.tsx
new file mode 100644
index 000000000..8728ad39e
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/form.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return <SearchField label="Search" />;
+}
diff --git a/www/src/registry-v2/demos/search-field/label.tsx b/www/src/registry-v2/demos/search-field/label.tsx
new file mode 100644
index 000000000..6e4a8795b
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/label.tsx
@@ -0,0 +1,10 @@
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <SearchField label="Search" placeholder="Visible label" />
+      <SearchField aria-label="Search" placeholder="Hidden label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/loading.tsx b/www/src/registry-v2/demos/search-field/loading.tsx
new file mode 100644
index 000000000..2b021e2c9
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/loading.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <SearchField isLoading loaderPosition="prefix" />
+      <SearchField isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/prefix-and-suffix.tsx b/www/src/registry-v2/demos/search-field/prefix-and-suffix.tsx
new file mode 100644
index 000000000..18249723d
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/prefix-and-suffix.tsx
@@ -0,0 +1,25 @@
+"use client";
+
+import { Button } from "@/components/dynamic-core/button";
+import { SearchField } from "@/components/dynamic-core/search-field";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+import { XCircleIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <SearchField
+      defaultValue="Hello world!"
+      prefix="🔍"
+      suffix={({ isEmpty, isDisabled }) => {
+        if (isEmpty || isDisabled) return null;
+        return (
+          <Tooltip content="Clear input" className="text-xs">
+            <Button variant="quiet" shape="square" size="sm" className="size-6">
+              <XCircleIcon />
+            </Button>
+          </Tooltip>
+        );
+      }}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/read-only.tsx b/www/src/registry-v2/demos/search-field/read-only.tsx
new file mode 100644
index 000000000..e098084fc
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/read-only.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return <SearchField label="Search" isReadOnly value="Marvel movies" />;
+}
diff --git a/www/src/registry-v2/demos/search-field/required.tsx b/www/src/registry-v2/demos/search-field/required.tsx
new file mode 100644
index 000000000..bd3657437
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/required.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <SearchField label="Search" isRequired />
+      <SearchField label="Search" isRequired necessityIndicator="icon" />
+      <SearchField label="Search" isRequired necessityIndicator="label" />
+      <SearchField label="Search" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/sizes.tsx b/www/src/registry-v2/demos/search-field/sizes.tsx
new file mode 100644
index 000000000..0e6f49b35
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <SearchField placeholder="small (sm)" size="sm" />
+      <SearchField placeholder="medium (md)" size="md" />
+      <SearchField placeholder="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/search-field/uncontrolled.tsx b/www/src/registry-v2/demos/search-field/uncontrolled.tsx
new file mode 100644
index 000000000..f26aed31c
--- /dev/null
+++ b/www/src/registry-v2/demos/search-field/uncontrolled.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  return <SearchField aria-label="Search" defaultValue="Marvel movies" />;
+}
diff --git a/www/src/registry-v2/demos/select/async-loading.tsx b/www/src/registry-v2/demos/select/async-loading.tsx
new file mode 100644
index 000000000..af974b716
--- /dev/null
+++ b/www/src/registry-v2/demos/select/async-loading.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import React from "react";
+import { useAsyncList } from "react-stately";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+interface Character {
+  name: string;
+}
+
+export default function Demo() {
+  const list = useAsyncList<Character>({
+    async load({ signal }) {
+      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
+      const json = (await res.json()) as { results: Character[] };
+
+      return {
+        items: json.results,
+      };
+    },
+  });
+  return (
+    <Select isLoading={list.isLoading} items={list.items}>
+      {(item) => <Item id={item.name}>{item.name}</Item>}
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/basic.tsx b/www/src/registry-v2/demos/select/basic.tsx
new file mode 100644
index 000000000..fd66afadd
--- /dev/null
+++ b/www/src/registry-v2/demos/select/basic.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select>
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/composition.tsx b/www/src/registry-v2/demos/select/composition.tsx
new file mode 100644
index 000000000..bb4032596
--- /dev/null
+++ b/www/src/registry-v2/demos/select/composition.tsx
@@ -0,0 +1,27 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Item, ListBox } from "@/components/dynamic-core/list-box";
+import { Overlay } from "@/components/dynamic-core/overlay";
+import { SelectRoot, SelectValue } from "@/components/dynamic-core/select";
+import { ChevronsUpDownIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <SelectRoot>
+      <Button
+        variant="outline"
+        suffix={<ChevronsUpDownIcon className="text-fg-muted" />}
+      >
+        <SelectValue />
+      </Button>
+      <Overlay type="popover">
+        <ListBox>
+          <Item>Perplexity</Item>
+          <Item>Replicate</Item>
+          <Item>Together AI</Item>
+          <Item>ElevenLabs</Item>
+        </ListBox>
+      </Overlay>
+    </SelectRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/contextual-help.tsx b/www/src/registry-v2/demos/select/contextual-help.tsx
new file mode 100644
index 000000000..386136864
--- /dev/null
+++ b/www/src/registry-v2/demos/select/contextual-help.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function SelectDemo() {
+  return (
+    <Select
+      label="Provider"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble, get assisted by our AI."
+        />
+      }
+    >
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/controlled.tsx b/www/src/registry-v2/demos/select/controlled.tsx
new file mode 100644
index 000000000..5f70f3756
--- /dev/null
+++ b/www/src/registry-v2/demos/select/controlled.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import type { Key } from "react-aria-components";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  const [provider, setProvider] = React.useState<Key>("eleven-labs");
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <Select selectedKey={provider} onSelectionChange={setProvider}>
+        <Item id="perplexity">Perplexity</Item>
+        <Item id="replicate">Replicate</Item>
+        <Item id="together-ai">Together AI</Item>
+        <Item id="eleven-labs">ElevenLabs</Item>
+      </Select>
+      <p className="text-fg-muted text-sm">
+        Selected provider: <span className="text-fg font-bold">{provider}</span>
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/description.tsx b/www/src/registry-v2/demos/select/description.tsx
new file mode 100644
index 000000000..fbb5fb4cf
--- /dev/null
+++ b/www/src/registry-v2/demos/select/description.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select label="Provider" description="Please select a provider.">
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/disabled.tsx b/www/src/registry-v2/demos/select/disabled.tsx
new file mode 100644
index 000000000..6729aaa2b
--- /dev/null
+++ b/www/src/registry-v2/demos/select/disabled.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select isDisabled>
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/label.tsx b/www/src/registry-v2/demos/select/label.tsx
new file mode 100644
index 000000000..db784a522
--- /dev/null
+++ b/www/src/registry-v2/demos/select/label.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select label="Provider">
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/links.tsx b/www/src/registry-v2/demos/select/links.tsx
new file mode 100644
index 000000000..780f8c360
--- /dev/null
+++ b/www/src/registry-v2/demos/select/links.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select label="Project">
+      <Item href="/create-project" target="_blank">
+        Create new...
+      </Item>
+      <Item>DotUI</Item>
+      <Item>Palettify</Item>
+      <Item>Notionfolio</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/loading.tsx b/www/src/registry-v2/demos/select/loading.tsx
new file mode 100644
index 000000000..193d2f136
--- /dev/null
+++ b/www/src/registry-v2/demos/select/loading.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select isLoading>
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/placeholder.tsx b/www/src/registry-v2/demos/select/placeholder.tsx
new file mode 100644
index 000000000..8c88f4488
--- /dev/null
+++ b/www/src/registry-v2/demos/select/placeholder.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select placeholder="Select a provider">
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/required.tsx b/www/src/registry-v2/demos/select/required.tsx
new file mode 100644
index 000000000..4620bb31b
--- /dev/null
+++ b/www/src/registry-v2/demos/select/required.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select label="Provider" isRequired necessityIndicator="icon">
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/sections.tsx b/www/src/registry-v2/demos/select/sections.tsx
new file mode 100644
index 000000000..d353292d7
--- /dev/null
+++ b/www/src/registry-v2/demos/select/sections.tsx
@@ -0,0 +1,32 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Section } from "@/components/dynamic-core/section";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select label="Model">
+      <Section title="OpenAI">
+        <Item>GPT-4o</Item>
+        <Item>GPT-4 Turbo</Item>
+        <Item>GPT-4</Item>
+        <Item>GPT-3.5 Turbo</Item>
+      </Section>
+      <Section title="Google">
+        <Item>Gemini 1.5 Flash</Item>
+        <Item>Gemini 1.5 Pro</Item>
+        <Item>Gemini 1.0 Pro</Item>
+      </Section>
+      <Section title="Meta">
+        <Item>Llama 3 (70B)</Item>
+        <Item>Llama 3 (8B)</Item>
+        <Item>Code Llama (70B)</Item>
+      </Section>
+      <Section title="Mistral AI">
+        <Item>Mixtral 8x22B</Item>
+        <Item>Mistral Large</Item>
+        <Item>Mistral 7B</Item>
+      </Section>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/uncontrolled.tsx b/www/src/registry-v2/demos/select/uncontrolled.tsx
new file mode 100644
index 000000000..2a2537d24
--- /dev/null
+++ b/www/src/registry-v2/demos/select/uncontrolled.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select defaultSelectedKey="eleven-labs">
+      <Item id="perplexity">Perplexity</Item>
+      <Item id="replicate">Replicate</Item>
+      <Item id="together-ai">Together AI</Item>
+      <Item id="eleven-labs">ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/select/validation.tsx b/www/src/registry-v2/demos/select/validation.tsx
new file mode 100644
index 000000000..e865a0861
--- /dev/null
+++ b/www/src/registry-v2/demos/select/validation.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { Item } from "@/components/dynamic-core/list-box";
+import { Select } from "@/components/dynamic-core/select";
+
+export default function Demo() {
+  return (
+    <Select
+      label="Provider"
+      isInvalid
+      errorMessage="Please select an item in the list."
+    >
+      <Item>Perplexity</Item>
+      <Item>Replicate</Item>
+      <Item>Together AI</Item>
+      <Item>ElevenLabs</Item>
+    </Select>
+  );
+}
diff --git a/www/src/registry-v2/demos/separator/card.tsx b/www/src/registry-v2/demos/separator/card.tsx
new file mode 100644
index 000000000..ae0870e19
--- /dev/null
+++ b/www/src/registry-v2/demos/separator/card.tsx
@@ -0,0 +1,24 @@
+import { Separator } from "@/components/dynamic-core/separator";
+
+export default function Demo() {
+  return (
+    <div className="space-y-2 rounded-md border p-4">
+      <div>
+        <h3 className="font-bold">dotUI</h3>
+        <p className="text-fg-muted text-sm">
+          Tools for building high-quality, accessible UI.
+        </p>
+      </div>
+      <Separator className="my-4" />
+      <div className="flex h-5 items-center space-x-4 text-sm">
+        <div>Docs</div>
+        <Separator orientation="vertical" />
+        <div>Components</div>
+        <Separator orientation="vertical" />
+        <div>Hooks</div>
+        <Separator orientation="vertical" />
+        <div>Themes</div>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/separator/orientation.tsx b/www/src/registry-v2/demos/separator/orientation.tsx
new file mode 100644
index 000000000..e11c00443
--- /dev/null
+++ b/www/src/registry-v2/demos/separator/orientation.tsx
@@ -0,0 +1,18 @@
+import { Separator } from "@/components/dynamic-core/separator";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-10">
+      <div className="flex h-5 items-center gap-2 text-sm">
+        <div>Components</div>
+        <Separator orientation="vertical" />
+        <div>Hooks</div>
+      </div>
+      <div className="flex flex-col items-center gap-2 text-sm">
+        <div>Components</div>
+        <Separator orientation="horizontal" />
+        <div>Hooks</div>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/skeleton/api-simulation.tsx b/www/src/registry-v2/demos/skeleton/api-simulation.tsx
new file mode 100644
index 000000000..2324f9472
--- /dev/null
+++ b/www/src/registry-v2/demos/skeleton/api-simulation.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Skeleton } from "@/components/dynamic-core/skeleton";
+
+export default function Demo() {
+  const [status, setStatus] = React.useState<
+    "idle" | "pending" | "error" | "success"
+  >("idle");
+  const apiCall = () => {
+    setStatus("pending");
+    setTimeout(() => {
+      setStatus("success");
+    }, 4000);
+  };
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <Button isPending={status === "pending"} onPress={apiCall}>
+        Simulate API Call
+      </Button>
+      <Skeleton show={status === "pending"}>
+        <p>Some text loaded from API.</p>
+      </Skeleton>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/skeleton/card.tsx b/www/src/registry-v2/demos/skeleton/card.tsx
new file mode 100644
index 000000000..0f4056895
--- /dev/null
+++ b/www/src/registry-v2/demos/skeleton/card.tsx
@@ -0,0 +1,16 @@
+import { Skeleton } from "@/components/dynamic-core/skeleton";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <Skeleton className="h-44 w-64" />
+      <div className="flex items-center space-x-4">
+        <Skeleton className="size-10 rounded-full" />
+        <div className="space-y-2">
+          <Skeleton className="h-4 w-44" />
+          <Skeleton className="h-4 w-36" />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/skeleton/children.tsx b/www/src/registry-v2/demos/skeleton/children.tsx
new file mode 100644
index 000000000..78744aa15
--- /dev/null
+++ b/www/src/registry-v2/demos/skeleton/children.tsx
@@ -0,0 +1,10 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Skeleton } from "@/components/dynamic-core/skeleton";
+
+export default function Demo() {
+  return (
+    <Skeleton>
+      <Button>Button</Button>
+    </Skeleton>
+  );
+}
diff --git a/www/src/registry-v2/demos/skeleton/fixed-size-children.tsx b/www/src/registry-v2/demos/skeleton/fixed-size-children.tsx
new file mode 100644
index 000000000..664de6630
--- /dev/null
+++ b/www/src/registry-v2/demos/skeleton/fixed-size-children.tsx
@@ -0,0 +1,10 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Skeleton } from "@/components/dynamic-core/skeleton";
+
+export default function Demo() {
+  return (
+    <Skeleton className="size-20">
+      <Button>Button</Button>
+    </Skeleton>
+  );
+}
diff --git a/www/src/registry-v2/demos/skeleton/show.tsx b/www/src/registry-v2/demos/skeleton/show.tsx
new file mode 100644
index 000000000..9655f0821
--- /dev/null
+++ b/www/src/registry-v2/demos/skeleton/show.tsx
@@ -0,0 +1,15 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Skeleton } from "@/components/dynamic-core/skeleton";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <Skeleton>
+        <Button>Button</Button>
+      </Skeleton>
+      <Skeleton show={false}>
+        <Button>Button</Button>
+      </Skeleton>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/advanced-composition.tsx b/www/src/registry-v2/demos/slider/advanced-composition.tsx
new file mode 100644
index 000000000..f2cf2d1fc
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/advanced-composition.tsx
@@ -0,0 +1,29 @@
+import { Label, Description } from "@/components/dynamic-core/field";
+import {
+  SliderFiller,
+  SliderRoot,
+  SliderThumb,
+  SliderTrack,
+  SliderValueLabel,
+} from "@/components/dynamic-core/slider";
+import { Volume1Icon, Volume2Icon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <SliderRoot defaultValue={50}>
+      <div className="flex items-center justify-between">
+        <Label>Volume</Label>
+        <SliderValueLabel />
+      </div>
+      <div className="flex items-center gap-2">
+        <Volume1Icon />
+        <SliderTrack>
+          <SliderFiller />
+          <SliderThumb />
+        </SliderTrack>
+        <Volume2Icon />
+      </div>
+      <Description>Adjust the volume.</Description>
+    </SliderRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/composition.tsx b/www/src/registry-v2/demos/slider/composition.tsx
new file mode 100644
index 000000000..f4b27f782
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/composition.tsx
@@ -0,0 +1,19 @@
+import { Description, Label } from "@/components/dynamic-core/field";
+import {
+  SliderControls,
+  SliderRoot,
+  SliderValueLabel,
+} from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return (
+    <SliderRoot defaultValue={50}>
+      <div className="flex items-center justify-between">
+        <Label>Volume</Label>
+        <SliderValueLabel />
+      </div>
+      <SliderControls />
+      <Description>Adjust the volume.</Description>
+    </SliderRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/controlled.tsx b/www/src/registry-v2/demos/slider/controlled.tsx
new file mode 100644
index 000000000..8ac468d3b
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/controlled.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  const [value, setValue] = React.useState(50);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <Slider
+        label="Opacity"
+        value={value}
+        onChange={(value) => setValue(value as number)}
+      />
+      <span className="text-fg-muted text-sm">
+        Value: <span className="text-fg font-semibold">{value}</span>
+      </span>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/default.tsx b/www/src/registry-v2/demos/slider/default.tsx
new file mode 100644
index 000000000..bca7c7a1e
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/default.tsx
@@ -0,0 +1,5 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return <Slider aria-label="Opacity" defaultValue={50} />;
+}
diff --git a/www/src/registry-v2/demos/slider/description.tsx b/www/src/registry-v2/demos/slider/description.tsx
new file mode 100644
index 000000000..169348420
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/description.tsx
@@ -0,0 +1,11 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return (
+    <Slider
+      defaultValue={50}
+      label="Opacity"
+      description="Adjust the background opacity."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/disabled.tsx b/www/src/registry-v2/demos/slider/disabled.tsx
new file mode 100644
index 000000000..4b499a697
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/disabled.tsx
@@ -0,0 +1,5 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return <Slider label="Opacity" defaultValue={50} isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/slider/format-options.tsx b/www/src/registry-v2/demos/slider/format-options.tsx
new file mode 100644
index 000000000..12ecff055
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/format-options.tsx
@@ -0,0 +1,12 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return (
+    <Slider
+      label="Price"
+      formatOptions={{ style: "currency", currency: "JPY" }}
+      defaultValue={60}
+      valueLabel
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/label.tsx b/www/src/registry-v2/demos/slider/label.tsx
new file mode 100644
index 000000000..3a320b29c
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/label.tsx
@@ -0,0 +1,10 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <Slider defaultValue={50} label="Opacity" />
+      <Slider defaultValue={50} aria-label="Opacity" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/range.tsx b/www/src/registry-v2/demos/slider/range.tsx
new file mode 100644
index 000000000..f35dabc4e
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/range.tsx
@@ -0,0 +1,13 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return (
+    <Slider
+      label="Price Range"
+      valueLabel
+      defaultValue={[200, 300]}
+      minValue={100}
+      maxValue={500}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/sizes.tsx b/www/src/registry-v2/demos/slider/sizes.tsx
new file mode 100644
index 000000000..c3a740287
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/sizes.tsx
@@ -0,0 +1,11 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <Slider aria-label="Opacity" defaultValue={50} size="sm" />
+      <Slider aria-label="Opacity" defaultValue={50} size="md" />
+      <Slider aria-label="Opacity" defaultValue={50} size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/step.tsx b/www/src/registry-v2/demos/slider/step.tsx
new file mode 100644
index 000000000..a830c1f2a
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/step.tsx
@@ -0,0 +1,7 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return (
+    <Slider label="Opacity" valueLabel minValue={0} maxValue={100} step={5} />
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/uncontrolled.tsx b/www/src/registry-v2/demos/slider/uncontrolled.tsx
new file mode 100644
index 000000000..bca7c7a1e
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/uncontrolled.tsx
@@ -0,0 +1,5 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return <Slider aria-label="Opacity" defaultValue={50} />;
+}
diff --git a/www/src/registry-v2/demos/slider/value-label.tsx b/www/src/registry-v2/demos/slider/value-label.tsx
new file mode 100644
index 000000000..07621d0d0
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/value-label.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return (
+    <div className="space-y-6">
+      <Slider
+        defaultValue={50}
+        label="Donuts to buy"
+        valueLabel
+        className="w-60!"
+      />
+      <Slider
+        defaultValue={50}
+        label="Donuts to buy"
+        valueLabel={(donuts) => `${donuts[0]} of 100 Donuts`}
+        className="w-60!"
+      />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/value-scale.tsx b/www/src/registry-v2/demos/slider/value-scale.tsx
new file mode 100644
index 000000000..267ea9b49
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/value-scale.tsx
@@ -0,0 +1,13 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return (
+    <Slider
+      label="Cookies to buy"
+      minValue={1}
+      maxValue={50}
+      defaultValue={25}
+      valueLabel
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/slider/vertical.tsx b/www/src/registry-v2/demos/slider/vertical.tsx
new file mode 100644
index 000000000..7d56617ae
--- /dev/null
+++ b/www/src/registry-v2/demos/slider/vertical.tsx
@@ -0,0 +1,7 @@
+import { Slider } from "@/components/dynamic-core/slider";
+
+export default function Demo() {
+  return (
+    <Slider defaultValue={50} aria-label="Opacity" orientation="vertical" />
+  );
+}
diff --git a/www/src/registry-v2/demos/switch/controlled.tsx b/www/src/registry-v2/demos/switch/controlled.tsx
new file mode 100644
index 000000000..ab6198716
--- /dev/null
+++ b/www/src/registry-v2/demos/switch/controlled.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import React from "react";
+import { Switch } from "@/components/dynamic-core/switch";
+
+export default function Demo() {
+  const [isSelected, setSelected] = React.useState(true);
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <Switch isSelected={isSelected} onChange={setSelected}>
+        Focus mode
+      </Switch>
+      <p className="text-fg-muted text-xs">
+        You are {!isSelected && "not"} on{" "}
+        <span className="font-bold">focus mode</span>.
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/switch/default.tsx b/www/src/registry-v2/demos/switch/default.tsx
new file mode 100644
index 000000000..5abef7b23
--- /dev/null
+++ b/www/src/registry-v2/demos/switch/default.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { Switch } from "@/components/dynamic-core/switch";
+
+export default function Demo() {
+  return <Switch>Focus mode</Switch>;
+}
diff --git a/www/src/registry-v2/demos/switch/disabled.tsx b/www/src/registry-v2/demos/switch/disabled.tsx
new file mode 100644
index 000000000..22da57a22
--- /dev/null
+++ b/www/src/registry-v2/demos/switch/disabled.tsx
@@ -0,0 +1,12 @@
+import { Switch } from "@/components/dynamic-core/switch";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-10">
+      <Switch isDisabled defaultSelected>
+        Focus Mode
+      </Switch>
+      <Switch isDisabled>Focus Mode</Switch>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/switch/label.tsx b/www/src/registry-v2/demos/switch/label.tsx
new file mode 100644
index 000000000..cccab53d9
--- /dev/null
+++ b/www/src/registry-v2/demos/switch/label.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { Switch } from "@/components/dynamic-core/switch";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-10">
+      <Switch>Focus mode</Switch>
+      <Switch aria-label="Focus mode" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/switch/sizes.tsx b/www/src/registry-v2/demos/switch/sizes.tsx
new file mode 100644
index 000000000..a4bdbf408
--- /dev/null
+++ b/www/src/registry-v2/demos/switch/sizes.tsx
@@ -0,0 +1,11 @@
+import { Switch } from "@/components/dynamic-core/switch";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <Switch size="sm" defaultSelected />
+      <Switch size="md" defaultSelected />
+      <Switch size="lg" defaultSelected />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/switch/uncontrolled.tsx b/www/src/registry-v2/demos/switch/uncontrolled.tsx
new file mode 100644
index 000000000..51cb49a88
--- /dev/null
+++ b/www/src/registry-v2/demos/switch/uncontrolled.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { Switch } from "@/components/dynamic-core/switch";
+
+export default function Demo() {
+  return <Switch defaultSelected>Airplane Mode</Switch>;
+}
diff --git a/www/src/registry-v2/demos/tabs/basic.tsx b/www/src/registry-v2/demos/tabs/basic.tsx
new file mode 100644
index 000000000..af43c702f
--- /dev/null
+++ b/www/src/registry-v2/demos/tabs/basic.tsx
@@ -0,0 +1,16 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs>
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings">Settings</Tab>
+      </TabList>
+      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
+      <TabPanel id="usage"> You can view your usage here. </TabPanel>
+      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/registry-v2/demos/tabs/controlled.tsx b/www/src/registry-v2/demos/tabs/controlled.tsx
new file mode 100644
index 000000000..5b39ec476
--- /dev/null
+++ b/www/src/registry-v2/demos/tabs/controlled.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import React from "react";
+import type { Key } from "react-aria-components";
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
+
+export default function Demo() {
+  const [selectedTab, setSelectedTab] = React.useState<Key>("overview");
+  return (
+    <div className="flex flex-col items-center gap-6">
+      <Tabs selectedKey={selectedTab} onSelectionChange={setSelectedTab}>
+        <TabList>
+          <Tab id="overview">Overview</Tab>
+          <Tab id="usage">Usage</Tab>
+          <Tab id="settings">Settings</Tab>
+        </TabList>
+        <TabPanel id="overview">
+          {" "}
+          You can view all your projects here.{" "}
+        </TabPanel>
+        <TabPanel id="usage"> You can view your usage here. </TabPanel>
+        <TabPanel id="settings"> You can view your settings here. </TabPanel>
+      </Tabs>
+      <p className="text-fg-muted text-sm">
+        Selected tab: <span className="text-fg font-bold">{selectedTab}</span>
+      </p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/tabs/disabled-item.tsx b/www/src/registry-v2/demos/tabs/disabled-item.tsx
new file mode 100644
index 000000000..d830e93ad
--- /dev/null
+++ b/www/src/registry-v2/demos/tabs/disabled-item.tsx
@@ -0,0 +1,18 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs>
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings" isDisabled>
+          Settings
+        </Tab>
+      </TabList>
+      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
+      <TabPanel id="usage"> You can view your usage here. </TabPanel>
+      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/registry-v2/demos/tabs/disabled.tsx b/www/src/registry-v2/demos/tabs/disabled.tsx
new file mode 100644
index 000000000..cab9d6288
--- /dev/null
+++ b/www/src/registry-v2/demos/tabs/disabled.tsx
@@ -0,0 +1,16 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs isDisabled>
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings">Settings</Tab>
+      </TabList>
+      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
+      <TabPanel id="usage"> You can view your usage here. </TabPanel>
+      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/registry-v2/demos/tabs/keyboard-activation.tsx b/www/src/registry-v2/demos/tabs/keyboard-activation.tsx
new file mode 100644
index 000000000..75af8ce8c
--- /dev/null
+++ b/www/src/registry-v2/demos/tabs/keyboard-activation.tsx
@@ -0,0 +1,16 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs keyboardActivation="manual">
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings">Settings</Tab>
+      </TabList>
+      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
+      <TabPanel id="usage"> You can view your usage here. </TabPanel>
+      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/registry-v2/demos/tabs/vertical.tsx b/www/src/registry-v2/demos/tabs/vertical.tsx
new file mode 100644
index 000000000..a9afb247c
--- /dev/null
+++ b/www/src/registry-v2/demos/tabs/vertical.tsx
@@ -0,0 +1,16 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs orientation="vertical">
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings">Settings</Tab>
+      </TabList>
+      <TabPanel id="overview">You can view all your projects here. </TabPanel>
+      <TabPanel id="usage"> You can view your usage here. </TabPanel>
+      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-area/composition.tsx b/www/src/registry-v2/demos/text-area/composition.tsx
new file mode 100644
index 000000000..f1dc7ab62
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/composition.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { TextAreaInput, InputRoot } from "@/components/dynamic-core/input";
+import { TextFieldRoot } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <TextFieldRoot>
+      <Label>Comment</Label>
+      <InputRoot multiline>
+        <TextAreaInput />
+      </InputRoot>
+      <Description>Enter your comment.</Description>
+    </TextFieldRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-area/contextual-help.tsx b/www/src/registry-v2/demos/text-area/contextual-help.tsx
new file mode 100644
index 000000000..4265b982e
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/contextual-help.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return (
+    <TextArea
+      label="Bio"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble writing your bio, get assisted by our AI."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/text-area/controlled.tsx b/www/src/registry-v2/demos/text-area/controlled.tsx
new file mode 100644
index 000000000..1f057bfeb
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/controlled.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState(
+    "Roses are red, violets are blue."
+  );
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <TextArea
+        label="Essay"
+        value={inputValue}
+        onChange={(text) => {
+          setInputValue(text);
+        }}
+      />
+      <p className="text-fg-muted text-sm">mirrored text: {inputValue}</p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-area/default.tsx b/www/src/registry-v2/demos/text-area/default.tsx
new file mode 100644
index 000000000..c520a6f49
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/default.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return <TextArea label="Description" placeholder="Type your message here" />;
+}
diff --git a/www/src/registry-v2/demos/text-area/description.tsx b/www/src/registry-v2/demos/text-area/description.tsx
new file mode 100644
index 000000000..664b6f396
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/description.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return <TextArea label="Description" description="Type your description" />;
+}
diff --git a/www/src/registry-v2/demos/text-area/disabled.tsx b/www/src/registry-v2/demos/text-area/disabled.tsx
new file mode 100644
index 000000000..21f009272
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/disabled.tsx
@@ -0,0 +1,5 @@
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return <TextArea value="This is a comment" isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/text-area/error-message.tsx b/www/src/registry-v2/demos/text-area/error-message.tsx
new file mode 100644
index 000000000..7e73d074d
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return (
+    <TextArea
+      label="Comment"
+      isInvalid
+      errorMessage="You have exceeded the comment limit for one hour."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/text-area/form.tsx b/www/src/registry-v2/demos/text-area/form.tsx
new file mode 100644
index 000000000..be493ff8d
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/form.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return <TextArea label="Comment" />;
+}
diff --git a/www/src/registry-v2/demos/text-area/label.tsx b/www/src/registry-v2/demos/text-area/label.tsx
new file mode 100644
index 000000000..5e2c9c62f
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/label.tsx
@@ -0,0 +1,10 @@
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <TextArea label="Description" placeholder="Visible label" />
+      <TextArea aria-label="Description" placeholder="Hidden label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-area/loading.tsx b/www/src/registry-v2/demos/text-area/loading.tsx
new file mode 100644
index 000000000..2ee9de19f
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/loading.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <TextArea isLoading loaderPosition="prefix" />
+      <TextArea isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-area/prefix-and-suffix.tsx b/www/src/registry-v2/demos/text-area/prefix-and-suffix.tsx
new file mode 100644
index 000000000..3cf674201
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/prefix-and-suffix.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { TextArea } from "@/components/dynamic-core/text-area";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
+import { BoldIcon, ItalicIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState("");
+  return (
+    <TextArea
+      label="Comment"
+      placeholder="type something here"
+      value={inputValue}
+      onChange={setInputValue}
+      prefix={
+        <div className="flex items-center gap-1">
+          <Button
+            variant="quiet"
+            shape="square"
+            size="sm"
+            className="size-7"
+            onPress={() => {
+              setInputValue(`${inputValue}👍`);
+            }}
+          >
+            👍
+          </Button>
+          <Button
+            variant="quiet"
+            shape="square"
+            size="sm"
+            className="size-7"
+            onPress={() => {
+              setInputValue(`${inputValue}❤️`);
+            }}
+          >
+            ❤️
+          </Button>
+        </div>
+      }
+      suffix={
+        <div className="flex items-center justify-between">
+          <div className="flex items-center gap-0.5">
+            <ToggleButton size="sm" className="size-7">
+              <BoldIcon />
+            </ToggleButton>
+            <ToggleButton size="sm" className="size-7">
+              <ItalicIcon />
+            </ToggleButton>
+          </div>
+          <Button variant="primary" size="sm" className="h-7">
+            Comment
+          </Button>
+        </div>
+      }
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/text-area/read-only.tsx b/www/src/registry-v2/demos/text-area/read-only.tsx
new file mode 100644
index 000000000..bc9984c24
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/read-only.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return (
+    <TextArea label="Email" isReadOnly value="This is a readonly comment" />
+  );
+}
diff --git a/www/src/registry-v2/demos/text-area/required.tsx b/www/src/registry-v2/demos/text-area/required.tsx
new file mode 100644
index 000000000..eea11ccec
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return (
+    <TextArea
+      isRequired
+      necessityIndicator="icon"
+      label="Description"
+      placeholder="Type your message here"
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/text-area/uncontrolled.tsx b/www/src/registry-v2/demos/text-area/uncontrolled.tsx
new file mode 100644
index 000000000..55651c567
--- /dev/null
+++ b/www/src/registry-v2/demos/text-area/uncontrolled.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export default function Demo() {
+  return (
+    <TextArea label="Essay" defaultValue="Roses are red, violets are blue." />
+  );
+}
diff --git a/www/src/registry-v2/demos/text-field/composition.tsx b/www/src/registry-v2/demos/text-field/composition.tsx
new file mode 100644
index 000000000..dbabb21a9
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/composition.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { Input, InputRoot } from "@/components/dynamic-core/input";
+import { TextFieldRoot } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <TextFieldRoot>
+      <Label>Email</Label>
+      <InputRoot>
+        <Input />
+      </InputRoot>
+      <Description>Enter your email.</Description>
+    </TextFieldRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-field/contextual-help.tsx b/www/src/registry-v2/demos/text-field/contextual-help.tsx
new file mode 100644
index 000000000..bb733442d
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/contextual-help.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <TextField
+      label="Password"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble accessing your account, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/text-field/controlled.tsx b/www/src/registry-v2/demos/text-field/controlled.tsx
new file mode 100644
index 000000000..b2742f911
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/controlled.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState("Hello world!");
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <TextField
+        value={inputValue}
+        onChange={(text) => {
+          setInputValue(text);
+        }}
+      />
+      <p className="text-fg-muted text-sm">mirrored text: {inputValue}</p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-field/default.tsx b/www/src/registry-v2/demos/text-field/default.tsx
new file mode 100644
index 000000000..9f76c1941
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/default.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return <TextField label="Email" placeholder="hello@mehdibha.com" />;
+}
diff --git a/www/src/registry-v2/demos/text-field/description.tsx b/www/src/registry-v2/demos/text-field/description.tsx
new file mode 100644
index 000000000..a1cc1beca
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/description.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return <TextField label="Email" description="Enter your email." />;
+}
diff --git a/www/src/registry-v2/demos/text-field/disabled.tsx b/www/src/registry-v2/demos/text-field/disabled.tsx
new file mode 100644
index 000000000..bdf6c9a65
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/disabled.tsx
@@ -0,0 +1,5 @@
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return <TextField value="hello@dotui.org" isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/text-field/error-message.tsx b/www/src/registry-v2/demos/text-field/error-message.tsx
new file mode 100644
index 000000000..877ded893
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/error-message.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <TextField
+      defaultValue="support@copyui.dev"
+      label="Email"
+      isInvalid
+      errorMessage="This email is already taken."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/text-field/label.tsx b/www/src/registry-v2/demos/text-field/label.tsx
new file mode 100644
index 000000000..314d5ed9f
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/label.tsx
@@ -0,0 +1,10 @@
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <TextField label="Email" placeholder="Visible label" />
+      <TextField aria-label="Email" placeholder="Hidden label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-field/loading.tsx b/www/src/registry-v2/demos/text-field/loading.tsx
new file mode 100644
index 000000000..48fc5d47c
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/loading.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-2">
+      <TextField isLoading loaderPosition="prefix" />
+      <TextField isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-field/prefix-and-suffix.tsx b/www/src/registry-v2/demos/text-field/prefix-and-suffix.tsx
new file mode 100644
index 000000000..5f8c45687
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/prefix-and-suffix.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+import { XCircleIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [inputValue, setInputValue] = React.useState("Hello world!");
+  const inputRef = React.useRef<HTMLInputElement>(null);
+  return (
+    <div className="space-y-2">
+      <TextField prefix={<span>https://</span>} />
+      <TextField suffix={<span>@dotui.org</span>} />
+      <TextField
+        ref={inputRef}
+        value={inputValue}
+        onChange={setInputValue}
+        suffix={
+          <Tooltip content="Clear input" placement="bottom" className="text-xs">
+            <Button
+              variant="quiet"
+              shape="square"
+              size="sm"
+              className="size-6"
+              onPress={() => {
+                setInputValue("");
+                inputRef.current?.focus();
+              }}
+            >
+              <XCircleIcon />
+            </Button>
+          </Tooltip>
+        }
+      />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-field/read-only.tsx b/www/src/registry-v2/demos/text-field/read-only.tsx
new file mode 100644
index 000000000..3b4d3bd55
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/read-only.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return <TextField label="Email" isReadOnly value="hello@copyui.dev" />;
+}
diff --git a/www/src/registry-v2/demos/text-field/required.tsx b/www/src/registry-v2/demos/text-field/required.tsx
new file mode 100644
index 000000000..befe51762
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <TextField label="Email" isRequired />
+      <TextField label="Email" isRequired necessityIndicator="icon" />
+      <TextField label="Email" isRequired necessityIndicator="label" />
+      <TextField label="Email" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-field/sizes.tsx b/www/src/registry-v2/demos/text-field/sizes.tsx
new file mode 100644
index 000000000..15d4ffe16
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <TextField placeholder="small (sm)" size="sm" />
+      <TextField placeholder="medium (md)" size="md" />
+      <TextField placeholder="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/text-field/uncontrolled.tsx b/www/src/registry-v2/demos/text-field/uncontrolled.tsx
new file mode 100644
index 000000000..c3f8d7047
--- /dev/null
+++ b/www/src/registry-v2/demos/text-field/uncontrolled.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export default function Demo() {
+  return <TextField label="Name" defaultValue="Mehdi" />;
+}
diff --git a/www/src/registry-v2/demos/time-field/composition.tsx b/www/src/registry-v2/demos/time-field/composition.tsx
new file mode 100644
index 000000000..e12ef6ad0
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/composition.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import React from "react";
+import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
+import { Description, Label } from "@/components/dynamic-core/field";
+import { InputRoot } from "@/components/dynamic-core/input";
+import { TimeFieldRoot } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeFieldRoot>
+      <Label>Meeting time</Label>
+      <InputRoot>
+        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+      </InputRoot>
+      <Description>Please select a time between 9 AM and 5 PM.</Description>
+    </TimeFieldRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/contextual-help.tsx b/www/src/registry-v2/demos/time-field/contextual-help.tsx
new file mode 100644
index 000000000..9d06a084a
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/contextual-help.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField
+      label="Appointment"
+      contextualHelp={
+        <ContextualHelp
+          title="Need help?"
+          description="If you're having trouble accessing your account, contact our customer
+      support team for help."
+        />
+      }
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/controlled.tsx b/www/src/registry-v2/demos/time-field/controlled.tsx
new file mode 100644
index 000000000..694e48bb5
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/controlled.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { Time } from "@internationalized/date";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  const [time, setTime] = React.useState(new Time(11, 45));
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <TimeField value={time} onChange={setTime} />
+      <p className="text-fg-muted text-sm">selected time: {time.toString()}</p>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/default.tsx b/www/src/registry-v2/demos/time-field/default.tsx
new file mode 100644
index 000000000..d2b955c5e
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/default.tsx
@@ -0,0 +1,5 @@
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return <TimeField />;
+}
diff --git a/www/src/registry-v2/demos/time-field/description.tsx b/www/src/registry-v2/demos/time-field/description.tsx
new file mode 100644
index 000000000..0743680a1
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/description.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import React from "react";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField
+      label="Appointment"
+      description="Please select a time between 9 AM and 5 PM."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/disabled.tsx b/www/src/registry-v2/demos/time-field/disabled.tsx
new file mode 100644
index 000000000..9668fd7ce
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/disabled.tsx
@@ -0,0 +1,5 @@
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return <TimeField label="Event time" isDisabled />;
+}
diff --git a/www/src/registry-v2/demos/time-field/error-message.tsx b/www/src/registry-v2/demos/time-field/error-message.tsx
new file mode 100644
index 000000000..a025c670e
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/error-message.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField
+      label="Meeting"
+      isInvalid
+      errorMessage="Meetings start every 15 minutes."
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/granularity.tsx b/www/src/registry-v2/demos/time-field/granularity.tsx
new file mode 100644
index 000000000..23033125d
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/granularity.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField
+      granularity="second"
+      defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/hide-time-zone.tsx b/www/src/registry-v2/demos/time-field/hide-time-zone.tsx
new file mode 100644
index 000000000..21bd0240d
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/hide-time-zone.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { parseZonedDateTime } from "@internationalized/date";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField
+      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
+      hideTimeZone
+    />
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/hour-cycle.tsx b/www/src/registry-v2/demos/time-field/hour-cycle.tsx
new file mode 100644
index 000000000..0e713b6aa
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/hour-cycle.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return <TimeField aria-label="Appointment time" hourCycle={24} />;
+}
diff --git a/www/src/registry-v2/demos/time-field/label.tsx b/www/src/registry-v2/demos/time-field/label.tsx
new file mode 100644
index 000000000..70334ae78
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/label.tsx
@@ -0,0 +1,10 @@
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <TimeField label="Event time" />
+      <TimeField aria-label="Event time" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/loading.tsx b/www/src/registry-v2/demos/time-field/loading.tsx
new file mode 100644
index 000000000..9f92b780e
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/loading.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import React from "react";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-2">
+      <TimeField isLoading loaderPosition="prefix" />
+      <TimeField isLoading loaderPosition="suffix" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/placeholder.tsx b/www/src/registry-v2/demos/time-field/placeholder.tsx
new file mode 100644
index 000000000..36121a866
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/placeholder.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import { Time } from "@internationalized/date";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return <TimeField placeholderValue={new Time(9)} />;
+}
diff --git a/www/src/registry-v2/demos/time-field/prefix-and-suffix.tsx b/www/src/registry-v2/demos/time-field/prefix-and-suffix.tsx
new file mode 100644
index 000000000..83493c239
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/prefix-and-suffix.tsx
@@ -0,0 +1,11 @@
+import { TimeField } from "@/components/dynamic-core/time-field";
+import { TimerIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="space-y-2">
+      <TimeField prefix={<TimerIcon />} />
+      <TimeField suffix={<TimerIcon />} />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/read-only.tsx b/www/src/registry-v2/demos/time-field/read-only.tsx
new file mode 100644
index 000000000..5f793d7f9
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/read-only.tsx
@@ -0,0 +1,9 @@
+"use client";
+
+import React from "react";
+import { Time } from "@internationalized/date";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return <TimeField label="Event time" value={new Time(11)} isReadOnly />;
+}
diff --git a/www/src/registry-v2/demos/time-field/required.tsx b/www/src/registry-v2/demos/time-field/required.tsx
new file mode 100644
index 000000000..100901174
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/required.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <TimeField label="Event time" isRequired />
+      <TimeField label="Event time" isRequired necessityIndicator="icon" />
+      <TimeField label="Event time" isRequired necessityIndicator="label" />
+      <TimeField label="Event time" necessityIndicator="label" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/sizes.tsx b/www/src/registry-v2/demos/time-field/sizes.tsx
new file mode 100644
index 000000000..59b1d8c41
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/sizes.tsx
@@ -0,0 +1,11 @@
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <TimeField label="small (sm)" size="sm" />
+      <TimeField label="medium (md)" size="md" />
+      <TimeField label="large (lg)" size="lg" />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/time-zones.tsx b/www/src/registry-v2/demos/time-field/time-zones.tsx
new file mode 100644
index 000000000..f112b013a
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/time-zones.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import { parseAbsoluteToLocal } from "@internationalized/date";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return (
+    <TimeField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
+  );
+}
diff --git a/www/src/registry-v2/demos/time-field/uncontrolled.tsx b/www/src/registry-v2/demos/time-field/uncontrolled.tsx
new file mode 100644
index 000000000..e4df5c189
--- /dev/null
+++ b/www/src/registry-v2/demos/time-field/uncontrolled.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import { Time } from "@internationalized/date";
+import { TimeField } from "@/components/dynamic-core/time-field";
+
+export default function Demo() {
+  return <TimeField defaultValue={new Time(11, 45)} />;
+}
diff --git a/www/src/registry-v2/demos/toggle-button/controlled.tsx b/www/src/registry-v2/demos/toggle-button/controlled.tsx
new file mode 100644
index 000000000..d398167c8
--- /dev/null
+++ b/www/src/registry-v2/demos/toggle-button/controlled.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [isSelected, setSelected] = React.useState(true);
+  return (
+    <div className="flex flex-col items-center gap-2">
+      <ToggleButton
+        isSelected={isSelected}
+        onChange={setSelected}
+        aria-label="Toggle pin"
+      >
+        <PinIcon className="rotate-45" />
+      </ToggleButton>
+      <span className="text-fg-muted text-sm">
+        state: {isSelected ? "On" : "Off"}
+      </span>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/toggle-button/default.tsx b/www/src/registry-v2/demos/toggle-button/default.tsx
new file mode 100644
index 000000000..5d7f8f7c0
--- /dev/null
+++ b/www/src/registry-v2/demos/toggle-button/default.tsx
@@ -0,0 +1,10 @@
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <ToggleButton aria-label="Toggle pin">
+      <PinIcon className="rotate-45" />
+    </ToggleButton>
+  );
+}
diff --git a/www/src/registry-v2/demos/toggle-button/disabled.tsx b/www/src/registry-v2/demos/toggle-button/disabled.tsx
new file mode 100644
index 000000000..2dc1ed69f
--- /dev/null
+++ b/www/src/registry-v2/demos/toggle-button/disabled.tsx
@@ -0,0 +1,10 @@
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <ToggleButton isDisabled aria-label="Toggle pin">
+      <PinIcon className="rotate-45" />
+    </ToggleButton>
+  );
+}
diff --git a/www/src/registry-v2/demos/toggle-button/shapes.tsx b/www/src/registry-v2/demos/toggle-button/shapes.tsx
new file mode 100644
index 000000000..f875a6d5d
--- /dev/null
+++ b/www/src/registry-v2/demos/toggle-button/shapes.tsx
@@ -0,0 +1,24 @@
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <ToggleButton variant="outline" shape="square" aria-label="Toggle pin">
+        <PinIcon className="rotate-45" />
+      </ToggleButton>
+      <ToggleButton variant="outline" shape="circle" aria-label="Toggle pin">
+        <PinIcon className="rotate-45" />
+      </ToggleButton>
+      <ToggleButton
+        variant="accent"
+        shape="rectangle"
+        prefix={<PinIcon className="rotate-45" />}
+        defaultSelected
+        aria-label="Toggle pin"
+      >
+        Pin
+      </ToggleButton>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/toggle-button/sizes.tsx b/www/src/registry-v2/demos/toggle-button/sizes.tsx
new file mode 100644
index 000000000..368b97152
--- /dev/null
+++ b/www/src/registry-v2/demos/toggle-button/sizes.tsx
@@ -0,0 +1,21 @@
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+const sizes = ["sm", "md", "lg"] as const;
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      {sizes.map((size) => (
+        <ToggleButton
+          key={size}
+          size={size}
+          variant="outline"
+          aria-label="Toggle pin"
+        >
+          <PinIcon className="rotate-45" />
+        </ToggleButton>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/toggle-button/uncontrolled.tsx b/www/src/registry-v2/demos/toggle-button/uncontrolled.tsx
new file mode 100644
index 000000000..42be8bb47
--- /dev/null
+++ b/www/src/registry-v2/demos/toggle-button/uncontrolled.tsx
@@ -0,0 +1,10 @@
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <ToggleButton aria-label="Toggle pin" defaultSelected>
+      <PinIcon className="rotate-45" />
+    </ToggleButton>
+  );
+}
diff --git a/www/src/registry-v2/demos/toggle-button/variants.tsx b/www/src/registry-v2/demos/toggle-button/variants.tsx
new file mode 100644
index 000000000..be65a9244
--- /dev/null
+++ b/www/src/registry-v2/demos/toggle-button/variants.tsx
@@ -0,0 +1,21 @@
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
+import { PinIcon } from "@/__icons__";
+
+const variants = ["quiet", "outline", "accent"] as const;
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      {variants.map((variant) => (
+        <ToggleButton
+          key={variant}
+          variant={variant}
+          defaultSelected={variant === "accent"}
+          aria-label="Toggle pin"
+        >
+          <PinIcon className="rotate-45" />
+        </ToggleButton>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/tooltip/arrow.tsx b/www/src/registry-v2/demos/tooltip/arrow.tsx
new file mode 100644
index 000000000..b38d2b49f
--- /dev/null
+++ b/www/src/registry-v2/demos/tooltip/arrow.tsx
@@ -0,0 +1,13 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Tooltip content="Add to library" arrow>
+      <Button shape="square">
+        <PlusIcon />
+      </Button>
+    </Tooltip>
+  );
+}
diff --git a/www/src/registry-v2/demos/tooltip/composition.tsx b/www/src/registry-v2/demos/tooltip/composition.tsx
new file mode 100644
index 000000000..5eccbc641
--- /dev/null
+++ b/www/src/registry-v2/demos/tooltip/composition.tsx
@@ -0,0 +1,13 @@
+import { Button } from "@/components/dynamic-core/button";
+import { TooltipRoot, TooltipContent } from "@/components/dynamic-core/tooltip";
+
+export default function Demo() {
+  return (
+    <TooltipRoot>
+      <Button>Hover</Button>
+      <TooltipContent>
+        <p>Add to library</p>
+      </TooltipContent>
+    </TooltipRoot>
+  );
+}
diff --git a/www/src/registry-v2/demos/tooltip/container-padding.tsx b/www/src/registry-v2/demos/tooltip/container-padding.tsx
new file mode 100644
index 000000000..c7e0575e1
--- /dev/null
+++ b/www/src/registry-v2/demos/tooltip/container-padding.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [containerPadding, setContainerPadding] = React.useState(12);
+  return (
+    <div className="flex flex-col items-center gap-10">
+      <Tooltip containerPadding={containerPadding} content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <NumberField
+        label="Container padding"
+        value={containerPadding}
+        onChange={(value) => setContainerPadding(value)}
+        className="max-w-[150px]"
+      />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/tooltip/default.tsx b/www/src/registry-v2/demos/tooltip/default.tsx
new file mode 100644
index 000000000..bdff890a4
--- /dev/null
+++ b/www/src/registry-v2/demos/tooltip/default.tsx
@@ -0,0 +1,13 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <Tooltip content="Add to library">
+      <Button shape="square">
+        <PlusIcon />
+      </Button>
+    </Tooltip>
+  );
+}
diff --git a/www/src/registry-v2/demos/tooltip/delay.tsx b/www/src/registry-v2/demos/tooltip/delay.tsx
new file mode 100644
index 000000000..9246804f2
--- /dev/null
+++ b/www/src/registry-v2/demos/tooltip/delay.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [delay, setDelay] = React.useState(700);
+  const [closeDelay, setCloseDelay] = React.useState(0);
+  return (
+    <div className="flex flex-col items-center gap-10">
+      <Tooltip delay={delay} closeDelay={closeDelay} content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <div className="max-w-[150px] space-y-4">
+        <NumberField
+          label="Delay"
+          value={delay}
+          onChange={(value) => setDelay(value)}
+        />
+        <NumberField
+          label="Close Delay"
+          value={closeDelay}
+          onChange={(value) => setCloseDelay(value)}
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/tooltip/flip.tsx b/www/src/registry-v2/demos/tooltip/flip.tsx
new file mode 100644
index 000000000..c8632c000
--- /dev/null
+++ b/www/src/registry-v2/demos/tooltip/flip.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Switch } from "@/components/dynamic-core/switch";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [shouldFlip, setShouldFlip] = React.useState(false);
+  return (
+    <div className="flex flex-col items-center gap-10">
+      <Tooltip shouldFlip={shouldFlip} content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <Switch
+        isSelected={shouldFlip}
+        onChange={(isSelected) => setShouldFlip(isSelected)}
+      >
+        Should flip
+      </Switch>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/tooltip/offset.tsx b/www/src/registry-v2/demos/tooltip/offset.tsx
new file mode 100644
index 000000000..541d4a722
--- /dev/null
+++ b/www/src/registry-v2/demos/tooltip/offset.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  const [offset, setOffset] = React.useState(10);
+  return (
+    <div className="flex flex-col items-center gap-10">
+      <Tooltip offset={offset} content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <NumberField
+        label="Offset"
+        value={offset}
+        onChange={(value) => setOffset(value)}
+        className="max-w-[150px]"
+      />
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/tooltip/placement.tsx b/www/src/registry-v2/demos/tooltip/placement.tsx
new file mode 100644
index 000000000..529ed4cdc
--- /dev/null
+++ b/www/src/registry-v2/demos/tooltip/placement.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-4">
+      <Tooltip placement="top" content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <Tooltip placement="bottom" content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <Tooltip placement="left" content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+      <Tooltip placement="right" content="Add to library">
+        <Button shape="square">
+          <PlusIcon />
+        </Button>
+      </Tooltip>
+    </div>
+  );
+}
diff --git a/www/src/registry-v2/demos/tooltip/with-arrow.tsx b/www/src/registry-v2/demos/tooltip/with-arrow.tsx
new file mode 100644
index 000000000..54a6e6c6d
--- /dev/null
+++ b/www/src/registry-v2/demos/tooltip/with-arrow.tsx
@@ -0,0 +1,13 @@
+import { Button } from "@/components/dynamic-core/button";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+import { PlusIcon } from "@/__icons__";
+
+export default function TooltipDemo() {
+  return (
+    <Tooltip content="Add to library" arrow>
+      <Button shape="square">
+        <PlusIcon />
+      </Button>
+    </Tooltip>
+  );
+}
diff --git a/www/src/registry-v2/index/demos.ts b/www/src/registry-v2/index/demos.ts
new file mode 100644
index 000000000..f90e57a14
--- /dev/null
+++ b/www/src/registry-v2/index/demos.ts
@@ -0,0 +1,483 @@
+type RegistryDemoItem = {
+  name: string;
+  files: string[];
+};
+
+type RegistryDemos = RegistryDemoItem[];
+
+const buildDemos = (registryItem: string, demos: string[]): RegistryDemos => {
+  return demos.map((demo) => {
+    return {
+      name: `${registryItem}-${demo}`,
+      files: [`@/registry-v2/demos/${registryItem}/${demo}.tsx`],
+    };
+  });
+};
+
+export const demos: RegistryDemos = [
+  ...buildDemos("alert", [
+    "action",
+    "composition",
+    "content",
+    "custom-icon",
+    "default",
+    "title",
+    "variants",
+  ]),
+  ...buildDemos("aspect-ratio", []),
+  ...buildDemos("avatar", ["composition", "default", "shape", "sizes"]),
+  ...buildDemos("badge", []),
+  ...buildDemos("breadcrumbs", [
+    "basic",
+    "composition",
+    "disabled",
+    "icon",
+    "router-integration",
+  ]),
+  ...buildDemos("button", [
+    "default",
+    "disabled",
+    "link-button",
+    "loading",
+    "prefix-and-suffix",
+    "shapes",
+    "sizes",
+    "variants",
+  ]),
+  ...buildDemos("calendar", [
+    "composition",
+    "controlled",
+    "default",
+    "disabled",
+    "error-message",
+    "label",
+    "page-behaviour",
+    "read-only",
+    "uncontrolled",
+    "unvailable-dates",
+    "validation",
+    "visible-months",
+  ]),
+  ...buildDemos("checkbox-group", [
+    "cards",
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "label",
+    "read-only",
+    "required",
+    "uncontrolled",
+  ]),
+  ...buildDemos("checkbox", [
+    "card",
+    "controlled",
+    "default",
+    "disabled",
+    "indeterminate",
+    "read-only",
+    "uncontrolled",
+  ]),
+  ...buildDemos("color-area", [
+    "channels",
+    "composition",
+    "controlled",
+    "default",
+    "disabled",
+    "uncontrolled",
+  ]),
+  ...buildDemos("color-field", [
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "form",
+    "label",
+    "loading",
+    "prefix-and-suffix",
+    "read-only",
+    "required",
+    "sizes",
+    "uncontrolled",
+  ]),
+  ...buildDemos("color-picker", [
+    "composition",
+    "controlled",
+    "default",
+    "options",
+    "uncontrolled",
+  ]),
+  ...buildDemos("color-slider", [
+    "channel",
+    "composition",
+    "controlled",
+    "default",
+    "disabled",
+    "label",
+    "uncontrolled",
+    "vertical",
+  ]),
+  ...buildDemos("color-swatch", ["default"]),
+  ...buildDemos("color-thumb", []),
+  ...buildDemos("combobox", [
+    "async-loading",
+    "basic",
+    "composition",
+    "contextual-help",
+    "controlled",
+    "custom-value",
+    "description",
+    "disabled",
+    "label",
+    "loading",
+    "required",
+    "sections",
+    "uncontrolled",
+    "validation",
+  ]),
+  ...buildDemos("date-field", [
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "granularity",
+    "hide-time-zone",
+    "hour-cycle",
+    "label",
+    "loading",
+    "placeholder",
+    "prefix-and-suffix",
+    "read-only",
+    "required",
+    "sizes",
+    "time-zones",
+    "uncontrolled",
+  ]),
+  ...buildDemos("date-picker", [
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "granularity",
+    "hide-time-zone",
+    "hour-cycle",
+    "label",
+    "loading",
+    "placeholder",
+    "prefix",
+    "read-only",
+    "required",
+    "sizes",
+    "time-zones",
+    "uncontrolled",
+  ]),
+  ...buildDemos("date-range-picker", [
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "granularity",
+    "hide-time-zone",
+    "hour-cycle",
+    "label",
+    "loading",
+    "placeholder",
+    "prefix",
+    "read-only",
+    "required",
+    "sizes",
+    "time-zones",
+    "uncontrolled",
+  ]),
+  ...buildDemos("dialog", [
+    "alert-dialog",
+    "async-form-submission",
+    "basic",
+    "composition",
+    "controlled",
+    "description",
+    "dismiss-button",
+    "dismissable",
+    "drawer",
+    "inset-content",
+    "nested",
+    "popover",
+    "title",
+    "types",
+  ]),
+  ...buildDemos("drop-zone", ["default", "disabled", "file-trigger", "label"]),
+  ...buildDemos("file-trigger", [
+    "default",
+    "directory-selection",
+    "file-types",
+    "media-capture",
+    "multiple-files",
+  ]),
+  ...buildDemos("link", ["default", "disabled", "icon", "variants"]),
+  ...buildDemos("list-box", [
+    "async-loading",
+    "basic",
+    "composition",
+    "contact-list",
+    "controlled",
+    "disabled-items",
+    "empty-state",
+    "grid",
+    "horizontal",
+    "image-grid",
+    "item-variant",
+    "label-and-description",
+    "links",
+    "loading",
+    "prefix-and-suffix",
+    "sections",
+    "selection-behavior",
+    "selection-mode",
+    "separator",
+    "uncontrolled",
+  ]),
+  ...buildDemos("menu", [
+    "basic",
+    "composition",
+    "controlled",
+    "disabled-items",
+    "item-variant",
+    "label-and-description",
+    "link-items",
+    "long-press",
+    "multiple-selection",
+    "overlay-type",
+    "placement",
+    "prefix-and-suffix",
+    "section",
+    "separator",
+    "shortcut",
+    "single-selection",
+    "submenus",
+  ]),
+  ...buildDemos("number-field", [
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "format-options",
+    "label",
+    "read-only",
+    "required",
+    "sizes",
+    "uncontrolled",
+  ]),
+  ...buildDemos("progress", [
+    "composition",
+    "custom-color",
+    "custom-value-label",
+    "default",
+    "duration",
+    "format-options",
+    "indeterminate",
+    "label",
+    "min-max-values",
+    "shape",
+    "sizes",
+    "toolbar",
+    "value-label",
+    "variants",
+  ]),
+  ...buildDemos("radio-group", [
+    "cards",
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "label",
+    "orientation",
+    "read-only",
+    "required",
+    "uncontrolled",
+  ]),
+  ...buildDemos("range-calendar", [
+    "composition",
+    "controlled",
+    "default",
+    "disabled",
+    "error-message",
+    "label",
+    "non-contiguous-ranges",
+    "page-behaviour",
+    "read-only",
+    "uncontrolled",
+    "unvailable-dates",
+    "validation",
+    "visible-months",
+  ]),
+  ...buildDemos("scroll-area", ["default", "scrollbars", "sizes"]),
+  ...buildDemos("search-field", [
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "form",
+    "label",
+    "loading",
+    "prefix-and-suffix",
+    "read-only",
+    "required",
+    "sizes",
+    "uncontrolled",
+  ]),
+  ...buildDemos("select", [
+    "async-loading",
+    "basic",
+    "composition",
+    "contextual-help",
+    "controlled",
+    "description",
+    "disabled",
+    "label",
+    "links",
+    "loading",
+    "placeholder",
+    "required",
+    "sections",
+    "uncontrolled",
+    "validation",
+  ]),
+  ...buildDemos("separator", ["card", "orientation"]),
+  ...buildDemos("skeleton", [
+    "api-simulation",
+    "card",
+    "children",
+    "fixed-size-children",
+    "show",
+  ]),
+  ...buildDemos("slider", [
+    "advanced-composition",
+    "composition",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "format-options",
+    "label",
+    "range",
+    "sizes",
+    "step",
+    "uncontrolled",
+    "value-label",
+    "value-scale",
+    "vertical",
+  ]),
+  ...buildDemos("switch", [
+    "controlled",
+    "default",
+    "disabled",
+    "label",
+    "sizes",
+    "uncontrolled",
+  ]),
+  ...buildDemos("tabs", [
+    "basic",
+    "controlled",
+    "disabled-item",
+    "disabled",
+    "keyboard-activation",
+    "vertical",
+  ]),
+  ...buildDemos("text-area", [
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "form",
+    "label",
+    "loading",
+    "prefix-and-suffix",
+    "read-only",
+    "required",
+    "uncontrolled",
+  ]),
+  ...buildDemos("text-field", [
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "label",
+    "loading",
+    "prefix-and-suffix",
+    "read-only",
+    "required",
+    "sizes",
+    "uncontrolled",
+  ]),
+  ...buildDemos("time-field", [
+    "composition",
+    "contextual-help",
+    "controlled",
+    "default",
+    "description",
+    "disabled",
+    "error-message",
+    "granularity",
+    "hide-time-zone",
+    "hour-cycle",
+    "label",
+    "loading",
+    "placeholder",
+    "prefix-and-suffix",
+    "read-only",
+    "required",
+    "sizes",
+    "time-zones",
+    "uncontrolled",
+  ]),
+  ...buildDemos("toggle-button", [
+    "controlled",
+    "default",
+    "disabled",
+    "shapes",
+    "sizes",
+    "uncontrolled",
+    "variants",
+  ]),
+  ...buildDemos("tooltip", [
+    "arrow",
+    "composition",
+    "container-padding",
+    "default",
+    "delay",
+    "flip",
+    "offset",
+    "placement",
+    "with-arrow",
+  ]),
+];
diff --git a/www/src/registry-v2/index/styles.ts b/www/src/registry-v2/index/styles.ts
deleted file mode 100644
index 53c14826d..000000000
--- a/www/src/registry-v2/index/styles.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { Registry } from "@dotui/registry/types";
-
-export const styles: Registry = [
-  {
-    name: "default",
-    type: "registry:style",
-    label: "Default",
-    dependencies: ["tailwindcss-animate"],
-    registryDependencies: ["cn", "focus-styles"],
-    tailwind: {
-      config: {
-        plugins: [`require("tailwindcss-animate")`],
-      },
-    },
-    cssVars: {},
-    files: [],
-  },
-];
-
-export type Style = (typeof styles)[number];

From e209e5a64ef441e87019413ebeb716028964af5b Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 19:08:32 +0100
Subject: [PATCH 015/165] refactor: refactor demos

---
 www/scripts/build-demos.ts                    |    8 +-
 www/scripts/build-registry.ts                 |    2 +-
 www/src/__demos__/index.tsx                   | 1346 ++++++++++-------
 .../app/(app)/themes/components/colors.tsx    |    4 +-
 www/src/components/choices.tsx                |    2 +-
 www/src/components/component-preview.tsx      |  152 +-
 www/src/components/core/alert.tsx             |    2 +-
 www/src/components/core/aspect-ratio.tsx      |    2 +-
 www/src/components/core/avatar.tsx            |    2 +-
 www/src/components/core/badge.tsx             |    2 +-
 www/src/components/core/breadcrumbs.tsx       |    2 +-
 www/src/components/core/button.tsx            |    2 +-
 www/src/components/core/calendar.tsx          |    2 +-
 www/src/components/core/checkbox-group.tsx    |    2 +-
 www/src/components/core/checkbox.tsx          |    2 +-
 www/src/components/core/collapsible.tsx       |    2 +-
 www/src/components/core/color-area.tsx        |    2 +-
 www/src/components/core/color-field.tsx       |    2 +-
 www/src/components/core/color-picker.tsx      |    2 +-
 www/src/components/core/color-slider.tsx      |    2 +-
 www/src/components/core/color-swatch.tsx      |    2 +-
 www/src/components/core/color-thumb.tsx       |    2 +-
 www/src/components/core/combobox.tsx          |    2 +-
 www/src/components/core/command.tsx           |    2 +-
 www/src/components/core/contextual-help.tsx   |    2 +-
 www/src/components/core/date-field.tsx        |    2 +-
 www/src/components/core/date-input.tsx        |    2 +-
 www/src/components/core/date-picker.tsx       |    2 +-
 www/src/components/core/date-range-picker.tsx |    2 +-
 www/src/components/core/dialog.tsx            |    2 +-
 www/src/components/core/drop-zone.tsx         |    2 +-
 www/src/components/core/field.tsx             |    2 +-
 www/src/components/core/file-trigger.tsx      |    2 +-
 www/src/components/core/form.tsx              |    2 +-
 www/src/components/core/group.tsx             |    2 +-
 www/src/components/core/heading.tsx           |    2 +-
 www/src/components/core/input.tsx             |    2 +-
 www/src/components/core/kbd.tsx               |    2 +-
 www/src/components/core/link.tsx              |    2 +-
 www/src/components/core/list-box.tsx          |    2 +-
 www/src/components/core/menu.tsx              |    2 +-
 www/src/components/core/number-field.tsx      |    2 +-
 www/src/components/core/overlay.tsx           |    2 +-
 www/src/components/core/progress.tsx          |    2 +-
 www/src/components/core/radio-group.tsx       |    2 +-
 www/src/components/core/range-calendar.tsx    |    2 +-
 www/src/components/core/resizable.tsx         |    2 +-
 www/src/components/core/scroll-area.tsx       |    2 +-
 www/src/components/core/search-field.tsx      |    2 +-
 www/src/components/core/section.tsx           |    2 +-
 www/src/components/core/select.tsx            |    2 +-
 www/src/components/core/separator.tsx         |    2 +-
 www/src/components/core/skeleton.tsx          |    2 +-
 www/src/components/core/slider.tsx            |    2 +-
 www/src/components/core/switch.tsx            |    2 +-
 www/src/components/core/table.tsx             |    2 +-
 www/src/components/core/tabs.tsx              |    2 +-
 www/src/components/core/tag-group.tsx         |    2 +-
 www/src/components/core/text-area.tsx         |    2 +-
 www/src/components/core/text-field.tsx        |    2 +-
 www/src/components/core/text.tsx              |    2 +-
 www/src/components/core/time-field.tsx        |    2 +-
 www/src/components/core/toggle-button.tsx     |    2 +-
 www/src/components/core/toggle-group.tsx      |    2 +-
 www/src/components/core/tooltip.tsx           |    2 +-
 www/src/components/dynamic-core/alert.tsx     |    2 +-
 .../components/dynamic-core/aspect-ratio.tsx  |    2 +-
 www/src/components/dynamic-core/avatar.tsx    |    2 +-
 www/src/components/dynamic-core/badge.tsx     |    2 +-
 .../components/dynamic-core/breadcrumbs.tsx   |    2 +-
 www/src/components/dynamic-core/button.tsx    |    2 +-
 www/src/components/dynamic-core/calendar.tsx  |    2 +-
 .../dynamic-core/checkbox-group.tsx           |    2 +-
 www/src/components/dynamic-core/checkbox.tsx  |    2 +-
 .../components/dynamic-core/collapsible.tsx   |    2 +-
 .../components/dynamic-core/color-area.tsx    |    2 +-
 .../components/dynamic-core/color-field.tsx   |    2 +-
 .../components/dynamic-core/color-picker.tsx  |    2 +-
 .../components/dynamic-core/color-slider.tsx  |    2 +-
 .../components/dynamic-core/color-swatch.tsx  |    2 +-
 .../components/dynamic-core/color-thumb.tsx   |    2 +-
 www/src/components/dynamic-core/combobox.tsx  |    2 +-
 www/src/components/dynamic-core/command.tsx   |    2 +-
 .../dynamic-core/contextual-help.tsx          |    2 +-
 .../components/dynamic-core/date-field.tsx    |    2 +-
 .../components/dynamic-core/date-input.tsx    |    2 +-
 .../components/dynamic-core/date-picker.tsx   |    2 +-
 .../dynamic-core/date-range-picker.tsx        |    2 +-
 www/src/components/dynamic-core/dialog.tsx    |    2 +-
 www/src/components/dynamic-core/drop-zone.tsx |    2 +-
 www/src/components/dynamic-core/field.tsx     |    2 +-
 .../components/dynamic-core/file-trigger.tsx  |    2 +-
 www/src/components/dynamic-core/form.tsx      |    2 +-
 www/src/components/dynamic-core/group.tsx     |    2 +-
 www/src/components/dynamic-core/heading.tsx   |    2 +-
 www/src/components/dynamic-core/input.tsx     |    2 +-
 www/src/components/dynamic-core/kbd.tsx       |    2 +-
 www/src/components/dynamic-core/link.tsx      |    2 +-
 www/src/components/dynamic-core/list-box.tsx  |    2 +-
 www/src/components/dynamic-core/menu.tsx      |    2 +-
 .../components/dynamic-core/number-field.tsx  |    2 +-
 www/src/components/dynamic-core/overlay.tsx   |    2 +-
 www/src/components/dynamic-core/progress.tsx  |    2 +-
 .../components/dynamic-core/radio-group.tsx   |    2 +-
 .../dynamic-core/range-calendar.tsx           |    2 +-
 www/src/components/dynamic-core/resizable.tsx |    2 +-
 .../components/dynamic-core/scroll-area.tsx   |    2 +-
 .../components/dynamic-core/search-field.tsx  |    2 +-
 www/src/components/dynamic-core/section.tsx   |    2 +-
 www/src/components/dynamic-core/select.tsx    |    2 +-
 www/src/components/dynamic-core/separator.tsx |    2 +-
 www/src/components/dynamic-core/skeleton.tsx  |    2 +-
 www/src/components/dynamic-core/slider.tsx    |    2 +-
 www/src/components/dynamic-core/switch.tsx    |    2 +-
 www/src/components/dynamic-core/table.tsx     |    2 +-
 www/src/components/dynamic-core/tabs.tsx      |    2 +-
 www/src/components/dynamic-core/tag-group.tsx |    2 +-
 www/src/components/dynamic-core/text-area.tsx |    2 +-
 .../components/dynamic-core/text-field.tsx    |    2 +-
 www/src/components/dynamic-core/text.tsx      |    2 +-
 .../components/dynamic-core/time-field.tsx    |    2 +-
 .../components/dynamic-core/toggle-button.tsx |    2 +-
 .../components/dynamic-core/toggle-group.tsx  |    2 +-
 www/src/components/dynamic-core/tooltip.tsx   |    2 +-
 www/src/components/footer.tsx                 |    2 +-
 www/src/lib/cn.ts                             |    2 +-
 www/src/lib/focus-styles.ts                   |    2 +-
 www/src/registry-v2/index/index.ts            |    6 -
 .../{registry-v2 => registry}/core/alert.tsx  |    0
 .../core/aspect-ratio.tsx                     |    0
 .../{registry-v2 => registry}/core/avatar.tsx |    0
 .../{registry-v2 => registry}/core/badge.tsx  |    2 +-
 .../core/breadcrumbs.tsx                      |    0
 .../{registry-v2 => registry}/core/button.tsx |    2 +-
 .../core/calendar.tsx                         |    6 +-
 .../core/checkbox-group.tsx                   |    4 +-
 .../core/checkbox.tsx                         |    2 +-
 .../core/collapsible.tsx                      |    2 +-
 .../core/color-area.tsx                       |    2 +-
 .../core/color-field.tsx                      |    4 +-
 .../core/color-picker.tsx                     |   18 +-
 .../core/color-slider.tsx                     |    6 +-
 .../core/color-swatch.tsx                     |    0
 .../core/color-thumb.tsx                      |    2 +-
 .../core/combobox.tsx                         |   10 +-
 .../core/command.tsx                          |    2 +-
 .../core/contextual-help.tsx                  |    4 +-
 .../core/date-field.tsx                       |    6 +-
 .../core/date-input.tsx                       |    0
 .../core/date-picker.tsx                      |   12 +-
 .../core/date-range-picker.tsx                |   12 +-
 .../{registry-v2 => registry}/core/dialog.tsx |    6 +-
 .../core/drop-zone.tsx                        |    0
 .../{registry-v2 => registry}/core/field.tsx  |    0
 .../core/file-trigger.tsx                     |    0
 .../{registry-v2 => registry}/core/form.tsx   |    0
 .../{registry-v2 => registry}/core/group.tsx  |    0
 .../core/heading.tsx                          |    0
 .../{registry-v2 => registry}/core/input.tsx  |    2 +-
 .../{registry-v2 => registry}/core/kbd.tsx    |    0
 .../{registry-v2 => registry}/core/link.tsx   |    2 +-
 .../core/list-box.tsx                         |    4 +-
 .../{registry-v2 => registry}/core/menu.tsx   |    6 +-
 .../core/number-field.tsx                     |    8 +-
 .../core/overlay.tsx                          |    6 +-
 .../core/progress.tsx                         |    4 +-
 .../core/radio-group.tsx                      |    4 +-
 .../core/range-calendar.tsx                   |   10 +-
 .../core/resizable.tsx                        |    0
 .../core/scroll-area.tsx                      |    0
 .../core/search-field.tsx                     |    6 +-
 .../core/section.tsx                          |    0
 .../{registry-v2 => registry}/core/select.tsx |    8 +-
 .../core/separator.tsx                        |    0
 .../core/skeleton.tsx                         |    2 +-
 .../{registry-v2 => registry}/core/slider.tsx |    6 +-
 .../{registry-v2 => registry}/core/switch.tsx |    2 +-
 .../{registry-v2 => registry}/core/table.tsx  |    2 +-
 .../{registry-v2 => registry}/core/tabs.tsx   |    2 +-
 .../core/tag-group.tsx                        |    6 +-
 .../core/text-area.tsx                        |    6 +-
 .../core/text-field.tsx                       |    4 +-
 .../{registry-v2 => registry}/core/text.tsx   |    0
 .../core/time-field.tsx                       |    6 +-
 .../core/toggle-button.tsx                    |    2 +-
 .../core/toggle-group.tsx                     |    2 +-
 .../core/tooltip.tsx                          |    0
 .../core/use-motion-drawer.tsx                |    0
 .../demos/alert/action.tsx                    |    0
 .../demos/alert/composition.tsx               |    0
 .../demos/alert/content.tsx                   |    0
 .../demos/alert/custom-icon.tsx               |    0
 .../demos/alert/default.tsx                   |    0
 .../demos/alert/title.tsx                     |    0
 .../demos/alert/variants.tsx                  |    0
 .../demos/avatar/composition.tsx              |    0
 .../demos/avatar/default.tsx                  |    0
 .../demos/avatar/shape.tsx                    |    0
 .../demos/avatar/sizes.tsx                    |    0
 .../demos/breadcrumbs/basic.tsx               |    0
 .../demos/breadcrumbs/composition.tsx         |    0
 .../demos/breadcrumbs/disabled.tsx            |    0
 .../demos/breadcrumbs/icon.tsx                |    0
 .../demos/breadcrumbs/router-integration.tsx  |    0
 .../demos/button/default.tsx                  |    0
 .../demos/button/disabled.tsx                 |    0
 .../demos/button/link-button.tsx              |    0
 .../demos/button/loading.tsx                  |    0
 .../demos/button/prefix-and-suffix.tsx        |    0
 .../demos/button/shapes.tsx                   |    0
 .../demos/button/sizes.tsx                    |    0
 .../demos/button/variants.tsx                 |    0
 .../demos/calendar/composition.tsx            |    0
 .../demos/calendar/controlled.tsx             |    0
 .../demos/calendar/default.tsx                |    0
 .../demos/calendar/disabled.tsx               |    0
 .../demos/calendar/error-message.tsx          |    0
 .../demos/calendar/label.tsx                  |    0
 .../demos/calendar/page-behaviour.tsx         |    0
 .../demos/calendar/read-only.tsx              |    0
 .../demos/calendar/uncontrolled.tsx           |    0
 .../demos/calendar/unvailable-dates.tsx       |    0
 .../demos/calendar/validation.tsx             |    0
 .../demos/calendar/visible-months.tsx         |    0
 .../demos/checkbox-group/cards.tsx            |    0
 .../demos/checkbox-group/composition.tsx      |    0
 .../demos/checkbox-group/contextual-help.tsx  |    0
 .../demos/checkbox-group/controlled.tsx       |    0
 .../demos/checkbox-group/default.tsx          |    0
 .../demos/checkbox-group/description.tsx      |    0
 .../demos/checkbox-group/disabled.tsx         |    0
 .../demos/checkbox-group/error-message.tsx    |    0
 .../demos/checkbox-group/label.tsx            |    0
 .../demos/checkbox-group/read-only.tsx        |    0
 .../demos/checkbox-group/required.tsx         |    0
 .../demos/checkbox-group/uncontrolled.tsx     |    0
 .../demos/checkbox/card.tsx                   |    0
 .../demos/checkbox/controlled.tsx             |    0
 .../demos/checkbox/default.tsx                |    0
 .../demos/checkbox/disabled.tsx               |    0
 .../demos/checkbox/indeterminate.tsx          |    0
 .../demos/checkbox/read-only.tsx              |    0
 .../demos/checkbox/uncontrolled.tsx           |    0
 .../demos/color-area/channels.tsx             |    0
 .../demos/color-area/composition.tsx          |    0
 .../demos/color-area/controlled.tsx           |    0
 .../demos/color-area/default.tsx              |    0
 .../demos/color-area/disabled.tsx             |    0
 .../demos/color-area/uncontrolled.tsx         |    0
 .../demos/color-field/composition.tsx         |    0
 .../demos/color-field/contextual-help.tsx     |    0
 .../demos/color-field/controlled.tsx          |    0
 .../demos/color-field/default.tsx             |    0
 .../demos/color-field/description.tsx         |    0
 .../demos/color-field/disabled.tsx            |    0
 .../demos/color-field/error-message.tsx       |    0
 .../demos/color-field/form.tsx                |    0
 .../demos/color-field/label.tsx               |    0
 .../demos/color-field/loading.tsx             |    0
 .../demos/color-field/prefix-and-suffix.tsx   |    0
 .../demos/color-field/read-only.tsx           |    0
 .../demos/color-field/required.tsx            |    0
 .../demos/color-field/sizes.tsx               |    0
 .../demos/color-field/uncontrolled.tsx        |    0
 .../demos/color-picker/composition.tsx        |    0
 .../demos/color-picker/controlled.tsx         |    0
 .../demos/color-picker/default.tsx            |    0
 .../demos/color-picker/options.tsx            |    0
 .../demos/color-picker/uncontrolled.tsx       |    0
 .../demos/color-slider/channel.tsx            |    0
 .../demos/color-slider/composition.tsx        |    0
 .../demos/color-slider/controlled.tsx         |    0
 .../demos/color-slider/default.tsx            |    0
 .../demos/color-slider/disabled.tsx           |    0
 .../demos/color-slider/label.tsx              |    0
 .../demos/color-slider/uncontrolled.tsx       |    0
 .../demos/color-slider/vertical.tsx           |    0
 .../demos/color-swatch/default.tsx            |    0
 .../demos/combobox/async-loading.tsx          |    0
 .../demos/combobox/basic.tsx                  |    0
 .../demos/combobox/composition.tsx            |    0
 .../demos/combobox/contextual-help.tsx        |    0
 .../demos/combobox/controlled.tsx             |    0
 .../demos/combobox/custom-value.tsx           |    0
 .../demos/combobox/description.tsx            |    0
 .../demos/combobox/disabled.tsx               |    0
 .../demos/combobox/label.tsx                  |    0
 .../demos/combobox/loading.tsx                |    0
 .../demos/combobox/required.tsx               |    0
 .../demos/combobox/sections.tsx               |    0
 .../demos/combobox/uncontrolled.tsx           |    0
 .../demos/combobox/validation.tsx             |    0
 .../demos/date-field/composition.tsx          |    0
 .../demos/date-field/contextual-help.tsx      |    0
 .../demos/date-field/controlled.tsx           |    0
 .../demos/date-field/default.tsx              |    0
 .../demos/date-field/description.tsx          |    0
 .../demos/date-field/disabled.tsx             |    0
 .../demos/date-field/error-message.tsx        |    0
 .../demos/date-field/granularity.tsx          |    0
 .../demos/date-field/hide-time-zone.tsx       |    0
 .../demos/date-field/hour-cycle.tsx           |    0
 .../demos/date-field/label.tsx                |    0
 .../demos/date-field/loading.tsx              |    0
 .../demos/date-field/placeholder.tsx          |    0
 .../demos/date-field/prefix-and-suffix.tsx    |    0
 .../demos/date-field/read-only.tsx            |    0
 .../demos/date-field/required.tsx             |    0
 .../demos/date-field/sizes.tsx                |    0
 .../demos/date-field/time-zones.tsx           |    0
 .../demos/date-field/uncontrolled.tsx         |    0
 .../demos/date-picker/composition.tsx         |    0
 .../demos/date-picker/contextual-help.tsx     |    0
 .../demos/date-picker/controlled.tsx          |    0
 .../demos/date-picker/default.tsx             |    0
 .../demos/date-picker/description.tsx         |    0
 .../demos/date-picker/disabled.tsx            |    0
 .../demos/date-picker/error-message.tsx       |    0
 .../demos/date-picker/granularity.tsx         |    0
 .../demos/date-picker/hide-time-zone.tsx      |    0
 .../demos/date-picker/hour-cycle.tsx          |    0
 .../demos/date-picker/label.tsx               |    0
 .../demos/date-picker/loading.tsx             |    0
 .../demos/date-picker/placeholder.tsx         |    0
 .../demos/date-picker/prefix.tsx              |    0
 .../demos/date-picker/read-only.tsx           |    0
 .../demos/date-picker/required.tsx            |    0
 .../demos/date-picker/sizes.tsx               |    0
 .../demos/date-picker/time-zones.tsx          |    0
 .../demos/date-picker/uncontrolled.tsx        |    0
 .../demos/date-range-picker/composition.tsx   |    0
 .../date-range-picker/contextual-help.tsx     |    0
 .../demos/date-range-picker/controlled.tsx    |    0
 .../demos/date-range-picker/default.tsx       |    0
 .../demos/date-range-picker/description.tsx   |    0
 .../demos/date-range-picker/disabled.tsx      |    0
 .../demos/date-range-picker/error-message.tsx |    0
 .../demos/date-range-picker/granularity.tsx   |    0
 .../date-range-picker/hide-time-zone.tsx      |    0
 .../demos/date-range-picker/hour-cycle.tsx    |    0
 .../demos/date-range-picker/label.tsx         |    0
 .../demos/date-range-picker/loading.tsx       |    0
 .../demos/date-range-picker/placeholder.tsx   |    0
 .../demos/date-range-picker/prefix.tsx        |    0
 .../demos/date-range-picker/read-only.tsx     |    0
 .../demos/date-range-picker/required.tsx      |    0
 .../demos/date-range-picker/sizes.tsx         |    0
 .../demos/date-range-picker/time-zones.tsx    |    0
 .../demos/date-range-picker/uncontrolled.tsx  |    0
 .../demos/dialog/alert-dialog.tsx             |    0
 .../demos/dialog/async-form-submission.tsx    |    0
 .../demos/dialog/basic.tsx                    |    0
 .../demos/dialog/composition.tsx              |    0
 .../demos/dialog/controlled.tsx               |    0
 .../demos/dialog/description.tsx              |    0
 .../demos/dialog/dismiss-button.tsx           |    0
 .../demos/dialog/dismissable.tsx              |    0
 .../demos/dialog/drawer.tsx                   |    0
 .../demos/dialog/inset-content.tsx            |    0
 .../demos/dialog/nested.tsx                   |    0
 .../demos/dialog/popover.tsx                  |    0
 .../demos/dialog/title.tsx                    |    0
 .../demos/dialog/types.tsx                    |    0
 .../demos/drop-zone/default.tsx               |    0
 .../demos/drop-zone/disabled.tsx              |    0
 .../demos/drop-zone/file-trigger.tsx          |    0
 .../demos/drop-zone/label.tsx                 |    0
 .../demos/file-trigger/default.tsx            |    0
 .../file-trigger/directory-selection.tsx      |    0
 .../demos/file-trigger/file-types.tsx         |    0
 .../demos/file-trigger/media-capture.tsx      |    0
 .../demos/file-trigger/multiple-files.tsx     |    0
 .../demos/link/default.tsx                    |    0
 .../demos/link/disabled.tsx                   |    0
 .../demos/link/icon.tsx                       |    0
 .../demos/link/variants.tsx                   |    0
 .../demos/list-box/async-loading.tsx          |    0
 .../demos/list-box/basic.tsx                  |    0
 .../demos/list-box/composition.tsx            |    0
 .../demos/list-box/contact-list.tsx           |    0
 .../demos/list-box/controlled.tsx             |    0
 .../demos/list-box/disabled-items.tsx         |    0
 .../demos/list-box/empty-state.tsx            |    0
 .../demos/list-box/grid.tsx                   |    0
 .../demos/list-box/horizontal.tsx             |    0
 .../demos/list-box/image-grid.tsx             |    0
 .../demos/list-box/item-variant.tsx           |    0
 .../demos/list-box/label-and-description.tsx  |    0
 .../demos/list-box/links.tsx                  |    0
 .../demos/list-box/loading.tsx                |    0
 .../demos/list-box/prefix-and-suffix.tsx      |    0
 .../demos/list-box/sections.tsx               |    0
 .../demos/list-box/selection-behavior.tsx     |    0
 .../demos/list-box/selection-mode.tsx         |    0
 .../demos/list-box/separator.tsx              |    0
 .../demos/list-box/uncontrolled.tsx           |    0
 .../demos/menu/basic.tsx                      |    0
 .../demos/menu/composition.tsx                |    0
 .../demos/menu/controlled.tsx                 |    0
 .../demos/menu/disabled-items.tsx             |    0
 .../demos/menu/item-variant.tsx               |    0
 .../demos/menu/label-and-description.tsx      |    0
 .../demos/menu/link-items.tsx                 |    0
 .../demos/menu/long-press.tsx                 |    0
 .../demos/menu/multiple-selection.tsx         |    0
 .../demos/menu/overlay-type.tsx               |    0
 .../demos/menu/placement.tsx                  |    0
 .../demos/menu/prefix-and-suffix.tsx          |    0
 .../demos/menu/section.tsx                    |    0
 .../demos/menu/separator.tsx                  |    0
 .../demos/menu/shortcut.tsx                   |    0
 .../demos/menu/single-selection.tsx           |    0
 .../demos/menu/submenus.tsx                   |    0
 .../demos/number-field/composition.tsx        |    0
 .../demos/number-field/contextual-help.tsx    |    0
 .../demos/number-field/controlled.tsx         |    0
 .../demos/number-field/default.tsx            |    0
 .../demos/number-field/description.tsx        |    0
 .../demos/number-field/disabled.tsx           |    0
 .../demos/number-field/error-message.tsx      |    0
 .../demos/number-field/format-options.tsx     |    0
 .../demos/number-field/label.tsx              |    0
 .../demos/number-field/read-only.tsx          |    0
 .../demos/number-field/required.tsx           |    0
 .../demos/number-field/sizes.tsx              |    0
 .../demos/number-field/uncontrolled.tsx       |    0
 .../demos/progress/composition.tsx            |    0
 .../demos/progress/custom-color.tsx           |    0
 .../demos/progress/custom-value-label.tsx     |    0
 .../demos/progress/default.tsx                |    0
 .../demos/progress/duration.tsx               |    0
 .../demos/progress/format-options.tsx         |    0
 .../demos/progress/indeterminate.tsx          |    0
 .../demos/progress/label.tsx                  |    0
 .../demos/progress/min-max-values.tsx         |    0
 .../demos/progress/shape.tsx                  |    0
 .../demos/progress/sizes.tsx                  |    0
 .../demos/progress/toolbar.tsx                |    0
 .../demos/progress/value-label.tsx            |    0
 .../demos/progress/variants.tsx               |    0
 .../demos/radio-group/cards.tsx               |    0
 .../demos/radio-group/composition.tsx         |    0
 .../demos/radio-group/contextual-help.tsx     |    0
 .../demos/radio-group/controlled.tsx          |    0
 .../demos/radio-group/default.tsx             |    0
 .../demos/radio-group/description.tsx         |    0
 .../demos/radio-group/disabled.tsx            |    0
 .../demos/radio-group/error-message.tsx       |    0
 .../demos/radio-group/label.tsx               |    0
 .../demos/radio-group/orientation.tsx         |    0
 .../demos/radio-group/read-only.tsx           |    0
 .../demos/radio-group/required.tsx            |    0
 .../demos/radio-group/uncontrolled.tsx        |    0
 .../demos/range-calendar/composition.tsx      |    0
 .../demos/range-calendar/controlled.tsx       |    0
 .../demos/range-calendar/default.tsx          |    0
 .../demos/range-calendar/disabled.tsx         |    0
 .../demos/range-calendar/error-message.tsx    |    0
 .../demos/range-calendar/label.tsx            |    0
 .../range-calendar/non-contiguous-ranges.tsx  |    0
 .../demos/range-calendar/page-behaviour.tsx   |    0
 .../demos/range-calendar/read-only.tsx        |    0
 .../demos/range-calendar/uncontrolled.tsx     |    0
 .../demos/range-calendar/unvailable-dates.tsx |    0
 .../demos/range-calendar/validation.tsx       |    0
 .../demos/range-calendar/visible-months.tsx   |    0
 .../demos/scroll-area/default.tsx             |    0
 .../demos/scroll-area/scrollbars.tsx          |    0
 .../demos/scroll-area/sizes.tsx               |    0
 .../demos/search-field/composition.tsx        |    0
 .../demos/search-field/contextual-help.tsx    |    0
 .../demos/search-field/controlled.tsx         |    0
 .../demos/search-field/default.tsx            |    0
 .../demos/search-field/description.tsx        |    0
 .../demos/search-field/disabled.tsx           |    0
 .../demos/search-field/error-message.tsx      |    0
 .../demos/search-field/form.tsx               |    0
 .../demos/search-field/label.tsx              |    0
 .../demos/search-field/loading.tsx            |    0
 .../demos/search-field/prefix-and-suffix.tsx  |    0
 .../demos/search-field/read-only.tsx          |    0
 .../demos/search-field/required.tsx           |    0
 .../demos/search-field/sizes.tsx              |    0
 .../demos/search-field/uncontrolled.tsx       |    0
 .../demos/select/async-loading.tsx            |    0
 .../demos/select/basic.tsx                    |    0
 .../demos/select/composition.tsx              |    0
 .../demos/select/contextual-help.tsx          |    0
 .../demos/select/controlled.tsx               |    0
 .../demos/select/description.tsx              |    0
 .../demos/select/disabled.tsx                 |    0
 .../demos/select/label.tsx                    |    0
 .../demos/select/links.tsx                    |    0
 .../demos/select/loading.tsx                  |    0
 .../demos/select/placeholder.tsx              |    0
 .../demos/select/required.tsx                 |    0
 .../demos/select/sections.tsx                 |    0
 .../demos/select/uncontrolled.tsx             |    0
 .../demos/select/validation.tsx               |    0
 .../demos/separator/card.tsx                  |    0
 .../demos/separator/orientation.tsx           |    0
 .../demos/skeleton/api-simulation.tsx         |    0
 .../demos/skeleton/card.tsx                   |    0
 .../demos/skeleton/children.tsx               |    0
 .../demos/skeleton/fixed-size-children.tsx    |    0
 .../demos/skeleton/show.tsx                   |    0
 .../demos/slider/advanced-composition.tsx     |    0
 .../demos/slider/composition.tsx              |    0
 .../demos/slider/controlled.tsx               |    0
 .../demos/slider/default.tsx                  |    0
 .../demos/slider/description.tsx              |    0
 .../demos/slider/disabled.tsx                 |    0
 .../demos/slider/format-options.tsx           |    0
 .../demos/slider/label.tsx                    |    0
 .../demos/slider/range.tsx                    |    0
 .../demos/slider/sizes.tsx                    |    0
 .../demos/slider/step.tsx                     |    0
 .../demos/slider/uncontrolled.tsx             |    0
 .../demos/slider/value-label.tsx              |    0
 .../demos/slider/value-scale.tsx              |    0
 .../demos/slider/vertical.tsx                 |    0
 .../demos/switch/controlled.tsx               |    0
 .../demos/switch/default.tsx                  |    0
 .../demos/switch/disabled.tsx                 |    0
 .../demos/switch/label.tsx                    |    0
 .../demos/switch/sizes.tsx                    |    0
 .../demos/switch/uncontrolled.tsx             |    0
 .../demos/tabs/basic.tsx                      |    0
 .../demos/tabs/controlled.tsx                 |    0
 .../demos/tabs/disabled-item.tsx              |    0
 .../demos/tabs/disabled.tsx                   |    0
 .../demos/tabs/keyboard-activation.tsx        |    0
 .../demos/tabs/vertical.tsx                   |    0
 .../demos/text-area/composition.tsx           |    0
 .../demos/text-area/contextual-help.tsx       |    0
 .../demos/text-area/controlled.tsx            |    0
 .../demos/text-area/default.tsx               |    0
 .../demos/text-area/description.tsx           |    0
 .../demos/text-area/disabled.tsx              |    0
 .../demos/text-area/error-message.tsx         |    0
 .../demos/text-area/form.tsx                  |    0
 .../demos/text-area/label.tsx                 |    0
 .../demos/text-area/loading.tsx               |    0
 .../demos/text-area/prefix-and-suffix.tsx     |    0
 .../demos/text-area/read-only.tsx             |    0
 .../demos/text-area/required.tsx              |    0
 .../demos/text-area/uncontrolled.tsx          |    0
 .../demos/text-field/composition.tsx          |    0
 .../demos/text-field/contextual-help.tsx      |    0
 .../demos/text-field/controlled.tsx           |    0
 .../demos/text-field/default.tsx              |    0
 .../demos/text-field/description.tsx          |    0
 .../demos/text-field/disabled.tsx             |    0
 .../demos/text-field/error-message.tsx        |    0
 .../demos/text-field/label.tsx                |    0
 .../demos/text-field/loading.tsx              |    0
 .../demos/text-field/prefix-and-suffix.tsx    |    0
 .../demos/text-field/read-only.tsx            |    0
 .../demos/text-field/required.tsx             |    0
 .../demos/text-field/sizes.tsx                |    0
 .../demos/text-field/uncontrolled.tsx         |    0
 .../demos/time-field/composition.tsx          |    0
 .../demos/time-field/contextual-help.tsx      |    0
 .../demos/time-field/controlled.tsx           |    0
 .../demos/time-field/default.tsx              |    0
 .../demos/time-field/description.tsx          |    0
 .../demos/time-field/disabled.tsx             |    0
 .../demos/time-field/error-message.tsx        |    0
 .../demos/time-field/granularity.tsx          |    0
 .../demos/time-field/hide-time-zone.tsx       |    0
 .../demos/time-field/hour-cycle.tsx           |    0
 .../demos/time-field/label.tsx                |    0
 .../demos/time-field/loading.tsx              |    0
 .../demos/time-field/placeholder.tsx          |    0
 .../demos/time-field/prefix-and-suffix.tsx    |    0
 .../demos/time-field/read-only.tsx            |    0
 .../demos/time-field/required.tsx             |    0
 .../demos/time-field/sizes.tsx                |    0
 .../demos/time-field/time-zones.tsx           |    0
 .../demos/time-field/uncontrolled.tsx         |    0
 .../demos/toggle-button/controlled.tsx        |    0
 .../demos/toggle-button/default.tsx           |    0
 .../demos/toggle-button/disabled.tsx          |    0
 .../demos/toggle-button/shapes.tsx            |    0
 .../demos/toggle-button/sizes.tsx             |    0
 .../demos/toggle-button/uncontrolled.tsx      |    0
 .../demos/toggle-button/variants.tsx          |    0
 .../demos/tooltip/arrow.tsx                   |    0
 .../demos/tooltip/composition.tsx             |    0
 .../demos/tooltip/container-padding.tsx       |    0
 .../demos/tooltip/default.tsx                 |    0
 .../demos/tooltip/delay.tsx                   |    0
 .../demos/tooltip/flip.tsx                    |    0
 .../demos/tooltip/offset.tsx                  |    0
 .../demos/tooltip/placement.tsx               |    0
 .../demos/tooltip/with-arrow.tsx              |    0
 .../hooks/use-media-query.ts                  |    0
 .../{registry-v2 => registry}/index/core.ts   |    0
 .../{registry-v2 => registry}/index/demos.ts  |    2 +-
 .../{registry-v2 => registry}/index/hooks.ts  |    0
 .../{registry-v2 => registry}/index/icons.ts  |    0
 www/src/registry/index/index.ts               |    6 +
 .../{registry-v2 => registry}/index/lib.ts    |    0
 .../{registry-v2 => registry}/index/themes.ts |    0
 www/src/{registry-v2 => registry}/lib/cn.ts   |    0
 .../lib/focus-styles.ts                       |    0
 606 files changed, 1123 insertions(+), 849 deletions(-)
 delete mode 100644 www/src/registry-v2/index/index.ts
 rename www/src/{registry-v2 => registry}/core/alert.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/aspect-ratio.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/avatar.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/badge.tsx (97%)
 rename www/src/{registry-v2 => registry}/core/breadcrumbs.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/button.tsx (98%)
 rename www/src/{registry-v2 => registry}/core/calendar.tsx (97%)
 rename www/src/{registry-v2 => registry}/core/checkbox-group.tsx (94%)
 rename www/src/{registry-v2 => registry}/core/checkbox.tsx (97%)
 rename www/src/{registry-v2 => registry}/core/collapsible.tsx (95%)
 rename www/src/{registry-v2 => registry}/core/color-area.tsx (94%)
 rename www/src/{registry-v2 => registry}/core/color-field.tsx (93%)
 rename www/src/{registry-v2 => registry}/core/color-picker.tsx (84%)
 rename www/src/{registry-v2 => registry}/core/color-slider.tsx (95%)
 rename www/src/{registry-v2 => registry}/core/color-swatch.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/color-thumb.tsx (93%)
 rename www/src/{registry-v2 => registry}/core/combobox.tsx (87%)
 rename www/src/{registry-v2 => registry}/core/command.tsx (99%)
 rename www/src/{registry-v2 => registry}/core/contextual-help.tsx (86%)
 rename www/src/{registry-v2 => registry}/core/date-field.tsx (92%)
 rename www/src/{registry-v2 => registry}/core/date-input.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/date-picker.tsx (85%)
 rename www/src/{registry-v2 => registry}/core/date-range-picker.tsx (86%)
 rename www/src/{registry-v2 => registry}/core/dialog.tsx (95%)
 rename www/src/{registry-v2 => registry}/core/drop-zone.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/field.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/file-trigger.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/form.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/group.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/heading.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/input.tsx (99%)
 rename www/src/{registry-v2 => registry}/core/kbd.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/link.tsx (93%)
 rename www/src/{registry-v2 => registry}/core/list-box.tsx (97%)
 rename www/src/{registry-v2 => registry}/core/menu.tsx (95%)
 rename www/src/{registry-v2 => registry}/core/number-field.tsx (92%)
 rename www/src/{registry-v2 => registry}/core/overlay.tsx (98%)
 rename www/src/{registry-v2 => registry}/core/progress.tsx (98%)
 rename www/src/{registry-v2 => registry}/core/radio-group.tsx (96%)
 rename www/src/{registry-v2 => registry}/core/range-calendar.tsx (93%)
 rename www/src/{registry-v2 => registry}/core/resizable.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/scroll-area.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/search-field.tsx (94%)
 rename www/src/{registry-v2 => registry}/core/section.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/select.tsx (90%)
 rename www/src/{registry-v2 => registry}/core/separator.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/skeleton.tsx (90%)
 rename www/src/{registry-v2 => registry}/core/slider.tsx (97%)
 rename www/src/{registry-v2 => registry}/core/switch.tsx (97%)
 rename www/src/{registry-v2 => registry}/core/table.tsx (98%)
 rename www/src/{registry-v2 => registry}/core/tabs.tsx (98%)
 rename www/src/{registry-v2 => registry}/core/tag-group.tsx (93%)
 rename www/src/{registry-v2 => registry}/core/text-area.tsx (91%)
 rename www/src/{registry-v2 => registry}/core/text-field.tsx (93%)
 rename www/src/{registry-v2 => registry}/core/text.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/time-field.tsx (90%)
 rename www/src/{registry-v2 => registry}/core/toggle-button.tsx (98%)
 rename www/src/{registry-v2 => registry}/core/toggle-group.tsx (98%)
 rename www/src/{registry-v2 => registry}/core/tooltip.tsx (100%)
 rename www/src/{registry-v2 => registry}/core/use-motion-drawer.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/alert/action.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/alert/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/alert/content.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/alert/custom-icon.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/alert/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/alert/title.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/alert/variants.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/avatar/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/avatar/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/avatar/shape.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/avatar/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/breadcrumbs/basic.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/breadcrumbs/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/breadcrumbs/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/breadcrumbs/icon.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/breadcrumbs/router-integration.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/button/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/button/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/button/link-button.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/button/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/button/prefix-and-suffix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/button/shapes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/button/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/button/variants.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/page-behaviour.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/unvailable-dates.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/validation.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/calendar/visible-months.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/cards.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox-group/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox/card.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox/indeterminate.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/checkbox/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-area/channels.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-area/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-area/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-area/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-area/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-area/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/form.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/prefix-and-suffix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-field/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-picker/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-picker/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-picker/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-picker/options.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-picker/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-slider/channel.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-slider/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-slider/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-slider/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-slider/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-slider/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-slider/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-slider/vertical.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/color-swatch/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/async-loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/basic.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/custom-value.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/sections.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/combobox/validation.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/granularity.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/hide-time-zone.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/hour-cycle.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/placeholder.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/prefix-and-suffix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/time-zones.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-field/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/granularity.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/hide-time-zone.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/hour-cycle.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/placeholder.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/prefix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/time-zones.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-picker/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/granularity.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/hide-time-zone.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/hour-cycle.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/placeholder.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/prefix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/time-zones.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/date-range-picker/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/alert-dialog.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/async-form-submission.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/basic.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/dismiss-button.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/dismissable.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/drawer.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/inset-content.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/nested.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/popover.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/title.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/dialog/types.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/drop-zone/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/drop-zone/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/drop-zone/file-trigger.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/drop-zone/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/file-trigger/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/file-trigger/directory-selection.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/file-trigger/file-types.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/file-trigger/media-capture.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/file-trigger/multiple-files.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/link/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/link/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/link/icon.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/link/variants.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/async-loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/basic.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/contact-list.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/disabled-items.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/empty-state.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/grid.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/horizontal.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/image-grid.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/item-variant.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/label-and-description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/links.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/prefix-and-suffix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/sections.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/selection-behavior.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/selection-mode.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/separator.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/list-box/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/basic.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/disabled-items.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/item-variant.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/label-and-description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/link-items.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/long-press.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/multiple-selection.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/overlay-type.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/placement.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/prefix-and-suffix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/section.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/separator.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/shortcut.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/single-selection.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/menu/submenus.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/format-options.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/number-field/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/custom-color.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/custom-value-label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/duration.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/format-options.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/indeterminate.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/min-max-values.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/shape.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/toolbar.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/value-label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/progress/variants.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/cards.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/orientation.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/radio-group/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/non-contiguous-ranges.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/page-behaviour.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/unvailable-dates.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/validation.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/range-calendar/visible-months.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/scroll-area/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/scroll-area/scrollbars.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/scroll-area/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/form.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/prefix-and-suffix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/search-field/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/async-loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/basic.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/links.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/placeholder.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/sections.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/select/validation.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/separator/card.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/separator/orientation.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/skeleton/api-simulation.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/skeleton/card.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/skeleton/children.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/skeleton/fixed-size-children.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/skeleton/show.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/advanced-composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/format-options.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/range.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/step.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/value-label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/value-scale.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/slider/vertical.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/switch/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/switch/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/switch/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/switch/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/switch/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/switch/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tabs/basic.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tabs/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tabs/disabled-item.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tabs/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tabs/keyboard-activation.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tabs/vertical.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/form.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/prefix-and-suffix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-area/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/prefix-and-suffix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/text-field/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/contextual-help.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/description.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/error-message.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/granularity.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/hide-time-zone.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/hour-cycle.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/label.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/loading.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/placeholder.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/prefix-and-suffix.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/read-only.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/required.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/time-zones.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/time-field/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/toggle-button/controlled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/toggle-button/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/toggle-button/disabled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/toggle-button/shapes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/toggle-button/sizes.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/toggle-button/uncontrolled.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/toggle-button/variants.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tooltip/arrow.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tooltip/composition.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tooltip/container-padding.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tooltip/default.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tooltip/delay.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tooltip/flip.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tooltip/offset.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tooltip/placement.tsx (100%)
 rename www/src/{registry-v2 => registry}/demos/tooltip/with-arrow.tsx (100%)
 rename www/src/{registry-v2 => registry}/hooks/use-media-query.ts (100%)
 rename www/src/{registry-v2 => registry}/index/core.ts (100%)
 rename www/src/{registry-v2 => registry}/index/demos.ts (99%)
 rename www/src/{registry-v2 => registry}/index/hooks.ts (100%)
 rename www/src/{registry-v2 => registry}/index/icons.ts (100%)
 create mode 100644 www/src/registry/index/index.ts
 rename www/src/{registry-v2 => registry}/index/lib.ts (100%)
 rename www/src/{registry-v2 => registry}/index/themes.ts (100%)
 rename www/src/{registry-v2 => registry}/lib/cn.ts (100%)
 rename www/src/{registry-v2 => registry}/lib/focus-styles.ts (100%)

diff --git a/www/scripts/build-demos.ts b/www/scripts/build-demos.ts
index fb48dc851..82bd40050 100644
--- a/www/scripts/build-demos.ts
+++ b/www/scripts/build-demos.ts
@@ -1,7 +1,7 @@
 import { existsSync, promises as fs } from "node:fs";
 import path from "path";
 import { rimraf } from "rimraf";
-import { demos } from "@/registry-v2/index/demos";
+import { demos } from "@/registry/index/demos";
 
 async function buildDemos() {
   let index = `// This file is autogenerated by scripts/build-registry.ts
@@ -20,10 +20,8 @@ async function buildDemos() {
     index += `
     "${item.name}": {
       name: "${item.name}",
-      component: React.lazy(() => import("${demoPath.replace(
-        ".tsx",
-        ""
-      )}")),
+      files: ["${demoPath}"],
+      component: React.lazy(() => import("@/${demoPath.replace(".tsx", "")}")),
     },`;
   }
 
diff --git a/www/scripts/build-registry.ts b/www/scripts/build-registry.ts
index 2a2d18318..4413a7dd1 100644
--- a/www/scripts/build-registry.ts
+++ b/www/scripts/build-registry.ts
@@ -7,7 +7,7 @@
 // import { iconLibraries, icons } from "@/registry/icons";
 // import { styles } from "@/registry/styles";
 // import { themes } from "@/registry/themes";
-// import { lib } from "@/registry-v2/index/lib";
+// import { lib } from "@/registry/index/lib";
 // import { registry } from "@/registry";
 
 // const REGISTRY_PATH = path.join(process.cwd(), "public/registry");
diff --git a/www/src/__demos__/index.tsx b/www/src/__demos__/index.tsx
index ba65c99ac..fb459376b 100644
--- a/www/src/__demos__/index.tsx
+++ b/www/src/__demos__/index.tsx
@@ -6,2328 +6,2614 @@ export const Index: Record<string, any> = {
   core: {
     "alert-action": {
       name: "alert-action",
-      component: React.lazy(() => import("@/registry-v2/demos/alert/action")),
+      files: ["registry/demos/alert/action.tsx"],
+      component: React.lazy(() => import("@/registry/demos/alert/action")),
     },
     "alert-composition": {
       name: "alert-composition",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/alert/composition")
-      ),
+      files: ["registry/demos/alert/composition.tsx"],
+      component: React.lazy(() => import("@/registry/demos/alert/composition")),
     },
     "alert-content": {
       name: "alert-content",
-      component: React.lazy(() => import("@/registry-v2/demos/alert/content")),
+      files: ["registry/demos/alert/content.tsx"],
+      component: React.lazy(() => import("@/registry/demos/alert/content")),
     },
     "alert-custom-icon": {
       name: "alert-custom-icon",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/alert/custom-icon")
-      ),
+      files: ["registry/demos/alert/custom-icon.tsx"],
+      component: React.lazy(() => import("@/registry/demos/alert/custom-icon")),
     },
     "alert-default": {
       name: "alert-default",
-      component: React.lazy(() => import("@/registry-v2/demos/alert/default")),
+      files: ["registry/demos/alert/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/alert/default")),
     },
     "alert-title": {
       name: "alert-title",
-      component: React.lazy(() => import("@/registry-v2/demos/alert/title")),
+      files: ["registry/demos/alert/title.tsx"],
+      component: React.lazy(() => import("@/registry/demos/alert/title")),
     },
     "alert-variants": {
       name: "alert-variants",
-      component: React.lazy(() => import("@/registry-v2/demos/alert/variants")),
+      files: ["registry/demos/alert/variants.tsx"],
+      component: React.lazy(() => import("@/registry/demos/alert/variants")),
     },
     "avatar-composition": {
       name: "avatar-composition",
+      files: ["registry/demos/avatar/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/avatar/composition")
+        () => import("@/registry/demos/avatar/composition")
       ),
     },
     "avatar-default": {
       name: "avatar-default",
-      component: React.lazy(() => import("@/registry-v2/demos/avatar/default")),
+      files: ["registry/demos/avatar/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/avatar/default")),
     },
     "avatar-shape": {
       name: "avatar-shape",
-      component: React.lazy(() => import("@/registry-v2/demos/avatar/shape")),
+      files: ["registry/demos/avatar/shape.tsx"],
+      component: React.lazy(() => import("@/registry/demos/avatar/shape")),
     },
     "avatar-sizes": {
       name: "avatar-sizes",
-      component: React.lazy(() => import("@/registry-v2/demos/avatar/sizes")),
+      files: ["registry/demos/avatar/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/avatar/sizes")),
     },
     "breadcrumbs-basic": {
       name: "breadcrumbs-basic",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/breadcrumbs/basic")
-      ),
+      files: ["registry/demos/breadcrumbs/basic.tsx"],
+      component: React.lazy(() => import("@/registry/demos/breadcrumbs/basic")),
     },
     "breadcrumbs-composition": {
       name: "breadcrumbs-composition",
+      files: ["registry/demos/breadcrumbs/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/breadcrumbs/composition")
+        () => import("@/registry/demos/breadcrumbs/composition")
       ),
     },
     "breadcrumbs-disabled": {
       name: "breadcrumbs-disabled",
+      files: ["registry/demos/breadcrumbs/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/breadcrumbs/disabled")
+        () => import("@/registry/demos/breadcrumbs/disabled")
       ),
     },
     "breadcrumbs-icon": {
       name: "breadcrumbs-icon",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/breadcrumbs/icon")
-      ),
+      files: ["registry/demos/breadcrumbs/icon.tsx"],
+      component: React.lazy(() => import("@/registry/demos/breadcrumbs/icon")),
     },
     "breadcrumbs-router-integration": {
       name: "breadcrumbs-router-integration",
+      files: ["registry/demos/breadcrumbs/router-integration.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/breadcrumbs/router-integration")
+        () => import("@/registry/demos/breadcrumbs/router-integration")
       ),
     },
     "button-default": {
       name: "button-default",
-      component: React.lazy(() => import("@/registry-v2/demos/button/default")),
+      files: ["registry/demos/button/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/button/default")),
     },
     "button-disabled": {
       name: "button-disabled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/button/disabled")
-      ),
+      files: ["registry/demos/button/disabled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/button/disabled")),
     },
     "button-link-button": {
       name: "button-link-button",
+      files: ["registry/demos/button/link-button.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/button/link-button")
+        () => import("@/registry/demos/button/link-button")
       ),
     },
     "button-loading": {
       name: "button-loading",
-      component: React.lazy(() => import("@/registry-v2/demos/button/loading")),
+      files: ["registry/demos/button/loading.tsx"],
+      component: React.lazy(() => import("@/registry/demos/button/loading")),
     },
     "button-prefix-and-suffix": {
       name: "button-prefix-and-suffix",
+      files: ["registry/demos/button/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/button/prefix-and-suffix")
+        () => import("@/registry/demos/button/prefix-and-suffix")
       ),
     },
     "button-shapes": {
       name: "button-shapes",
-      component: React.lazy(() => import("@/registry-v2/demos/button/shapes")),
+      files: ["registry/demos/button/shapes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/button/shapes")),
     },
     "button-sizes": {
       name: "button-sizes",
-      component: React.lazy(() => import("@/registry-v2/demos/button/sizes")),
+      files: ["registry/demos/button/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/button/sizes")),
     },
     "button-variants": {
       name: "button-variants",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/button/variants")
-      ),
+      files: ["registry/demos/button/variants.tsx"],
+      component: React.lazy(() => import("@/registry/demos/button/variants")),
     },
     "calendar-composition": {
       name: "calendar-composition",
+      files: ["registry/demos/calendar/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/composition")
+        () => import("@/registry/demos/calendar/composition")
       ),
     },
     "calendar-controlled": {
       name: "calendar-controlled",
+      files: ["registry/demos/calendar/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/controlled")
+        () => import("@/registry/demos/calendar/controlled")
       ),
     },
     "calendar-default": {
       name: "calendar-default",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/default")
-      ),
+      files: ["registry/demos/calendar/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/calendar/default")),
     },
     "calendar-disabled": {
       name: "calendar-disabled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/disabled")
-      ),
+      files: ["registry/demos/calendar/disabled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/calendar/disabled")),
     },
     "calendar-error-message": {
       name: "calendar-error-message",
+      files: ["registry/demos/calendar/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/error-message")
+        () => import("@/registry/demos/calendar/error-message")
       ),
     },
     "calendar-label": {
       name: "calendar-label",
-      component: React.lazy(() => import("@/registry-v2/demos/calendar/label")),
+      files: ["registry/demos/calendar/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/calendar/label")),
     },
     "calendar-page-behaviour": {
       name: "calendar-page-behaviour",
+      files: ["registry/demos/calendar/page-behaviour.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/page-behaviour")
+        () => import("@/registry/demos/calendar/page-behaviour")
       ),
     },
     "calendar-read-only": {
       name: "calendar-read-only",
+      files: ["registry/demos/calendar/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/read-only")
+        () => import("@/registry/demos/calendar/read-only")
       ),
     },
     "calendar-uncontrolled": {
       name: "calendar-uncontrolled",
+      files: ["registry/demos/calendar/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/uncontrolled")
+        () => import("@/registry/demos/calendar/uncontrolled")
       ),
     },
     "calendar-unvailable-dates": {
       name: "calendar-unvailable-dates",
+      files: ["registry/demos/calendar/unvailable-dates.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/unvailable-dates")
+        () => import("@/registry/demos/calendar/unvailable-dates")
       ),
     },
     "calendar-validation": {
       name: "calendar-validation",
+      files: ["registry/demos/calendar/validation.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/validation")
+        () => import("@/registry/demos/calendar/validation")
       ),
     },
     "calendar-visible-months": {
       name: "calendar-visible-months",
+      files: ["registry/demos/calendar/visible-months.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/calendar/visible-months")
+        () => import("@/registry/demos/calendar/visible-months")
       ),
     },
     "checkbox-group-cards": {
       name: "checkbox-group-cards",
+      files: ["registry/demos/checkbox-group/cards.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/cards")
+        () => import("@/registry/demos/checkbox-group/cards")
       ),
     },
     "checkbox-group-composition": {
       name: "checkbox-group-composition",
+      files: ["registry/demos/checkbox-group/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/composition")
+        () => import("@/registry/demos/checkbox-group/composition")
       ),
     },
     "checkbox-group-contextual-help": {
       name: "checkbox-group-contextual-help",
+      files: ["registry/demos/checkbox-group/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/contextual-help")
+        () => import("@/registry/demos/checkbox-group/contextual-help")
       ),
     },
     "checkbox-group-controlled": {
       name: "checkbox-group-controlled",
+      files: ["registry/demos/checkbox-group/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/controlled")
+        () => import("@/registry/demos/checkbox-group/controlled")
       ),
     },
     "checkbox-group-default": {
       name: "checkbox-group-default",
+      files: ["registry/demos/checkbox-group/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/default")
+        () => import("@/registry/demos/checkbox-group/default")
       ),
     },
     "checkbox-group-description": {
       name: "checkbox-group-description",
+      files: ["registry/demos/checkbox-group/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/description")
+        () => import("@/registry/demos/checkbox-group/description")
       ),
     },
     "checkbox-group-disabled": {
       name: "checkbox-group-disabled",
+      files: ["registry/demos/checkbox-group/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/disabled")
+        () => import("@/registry/demos/checkbox-group/disabled")
       ),
     },
     "checkbox-group-error-message": {
       name: "checkbox-group-error-message",
+      files: ["registry/demos/checkbox-group/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/error-message")
+        () => import("@/registry/demos/checkbox-group/error-message")
       ),
     },
     "checkbox-group-label": {
       name: "checkbox-group-label",
+      files: ["registry/demos/checkbox-group/label.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/label")
+        () => import("@/registry/demos/checkbox-group/label")
       ),
     },
     "checkbox-group-read-only": {
       name: "checkbox-group-read-only",
+      files: ["registry/demos/checkbox-group/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/read-only")
+        () => import("@/registry/demos/checkbox-group/read-only")
       ),
     },
     "checkbox-group-required": {
       name: "checkbox-group-required",
+      files: ["registry/demos/checkbox-group/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/required")
+        () => import("@/registry/demos/checkbox-group/required")
       ),
     },
     "checkbox-group-uncontrolled": {
       name: "checkbox-group-uncontrolled",
+      files: ["registry/demos/checkbox-group/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox-group/uncontrolled")
+        () => import("@/registry/demos/checkbox-group/uncontrolled")
       ),
     },
     "checkbox-card": {
       name: "checkbox-card",
-      component: React.lazy(() => import("@/registry-v2/demos/checkbox/card")),
+      files: ["registry/demos/checkbox/card.tsx"],
+      component: React.lazy(() => import("@/registry/demos/checkbox/card")),
     },
     "checkbox-controlled": {
       name: "checkbox-controlled",
+      files: ["registry/demos/checkbox/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox/controlled")
+        () => import("@/registry/demos/checkbox/controlled")
       ),
     },
     "checkbox-default": {
       name: "checkbox-default",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox/default")
-      ),
+      files: ["registry/demos/checkbox/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/checkbox/default")),
     },
     "checkbox-disabled": {
       name: "checkbox-disabled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox/disabled")
-      ),
+      files: ["registry/demos/checkbox/disabled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/checkbox/disabled")),
     },
     "checkbox-indeterminate": {
       name: "checkbox-indeterminate",
+      files: ["registry/demos/checkbox/indeterminate.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox/indeterminate")
+        () => import("@/registry/demos/checkbox/indeterminate")
       ),
     },
     "checkbox-read-only": {
       name: "checkbox-read-only",
+      files: ["registry/demos/checkbox/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox/read-only")
+        () => import("@/registry/demos/checkbox/read-only")
       ),
     },
     "checkbox-uncontrolled": {
       name: "checkbox-uncontrolled",
+      files: ["registry/demos/checkbox/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/checkbox/uncontrolled")
+        () => import("@/registry/demos/checkbox/uncontrolled")
       ),
     },
     "color-area-channels": {
       name: "color-area-channels",
+      files: ["registry/demos/color-area/channels.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-area/channels")
+        () => import("@/registry/demos/color-area/channels")
       ),
     },
     "color-area-composition": {
       name: "color-area-composition",
+      files: ["registry/demos/color-area/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-area/composition")
+        () => import("@/registry/demos/color-area/composition")
       ),
     },
     "color-area-controlled": {
       name: "color-area-controlled",
+      files: ["registry/demos/color-area/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-area/controlled")
+        () => import("@/registry/demos/color-area/controlled")
       ),
     },
     "color-area-default": {
       name: "color-area-default",
+      files: ["registry/demos/color-area/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-area/default")
+        () => import("@/registry/demos/color-area/default")
       ),
     },
     "color-area-disabled": {
       name: "color-area-disabled",
+      files: ["registry/demos/color-area/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-area/disabled")
+        () => import("@/registry/demos/color-area/disabled")
       ),
     },
     "color-area-uncontrolled": {
       name: "color-area-uncontrolled",
+      files: ["registry/demos/color-area/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-area/uncontrolled")
+        () => import("@/registry/demos/color-area/uncontrolled")
       ),
     },
     "color-field-composition": {
       name: "color-field-composition",
+      files: ["registry/demos/color-field/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/composition")
+        () => import("@/registry/demos/color-field/composition")
       ),
     },
     "color-field-contextual-help": {
       name: "color-field-contextual-help",
+      files: ["registry/demos/color-field/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/contextual-help")
+        () => import("@/registry/demos/color-field/contextual-help")
       ),
     },
     "color-field-controlled": {
       name: "color-field-controlled",
+      files: ["registry/demos/color-field/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/controlled")
+        () => import("@/registry/demos/color-field/controlled")
       ),
     },
     "color-field-default": {
       name: "color-field-default",
+      files: ["registry/demos/color-field/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/default")
+        () => import("@/registry/demos/color-field/default")
       ),
     },
     "color-field-description": {
       name: "color-field-description",
+      files: ["registry/demos/color-field/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/description")
+        () => import("@/registry/demos/color-field/description")
       ),
     },
     "color-field-disabled": {
       name: "color-field-disabled",
+      files: ["registry/demos/color-field/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/disabled")
+        () => import("@/registry/demos/color-field/disabled")
       ),
     },
     "color-field-error-message": {
       name: "color-field-error-message",
+      files: ["registry/demos/color-field/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/error-message")
+        () => import("@/registry/demos/color-field/error-message")
       ),
     },
     "color-field-form": {
       name: "color-field-form",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/form")
-      ),
+      files: ["registry/demos/color-field/form.tsx"],
+      component: React.lazy(() => import("@/registry/demos/color-field/form")),
     },
     "color-field-label": {
       name: "color-field-label",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/label")
-      ),
+      files: ["registry/demos/color-field/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/color-field/label")),
     },
     "color-field-loading": {
       name: "color-field-loading",
+      files: ["registry/demos/color-field/loading.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/loading")
+        () => import("@/registry/demos/color-field/loading")
       ),
     },
     "color-field-prefix-and-suffix": {
       name: "color-field-prefix-and-suffix",
+      files: ["registry/demos/color-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/prefix-and-suffix")
+        () => import("@/registry/demos/color-field/prefix-and-suffix")
       ),
     },
     "color-field-read-only": {
       name: "color-field-read-only",
+      files: ["registry/demos/color-field/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/read-only")
+        () => import("@/registry/demos/color-field/read-only")
       ),
     },
     "color-field-required": {
       name: "color-field-required",
+      files: ["registry/demos/color-field/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/required")
+        () => import("@/registry/demos/color-field/required")
       ),
     },
     "color-field-sizes": {
       name: "color-field-sizes",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/sizes")
-      ),
+      files: ["registry/demos/color-field/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/color-field/sizes")),
     },
     "color-field-uncontrolled": {
       name: "color-field-uncontrolled",
+      files: ["registry/demos/color-field/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-field/uncontrolled")
+        () => import("@/registry/demos/color-field/uncontrolled")
       ),
     },
     "color-picker-composition": {
       name: "color-picker-composition",
+      files: ["registry/demos/color-picker/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-picker/composition")
+        () => import("@/registry/demos/color-picker/composition")
       ),
     },
     "color-picker-controlled": {
       name: "color-picker-controlled",
+      files: ["registry/demos/color-picker/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-picker/controlled")
+        () => import("@/registry/demos/color-picker/controlled")
       ),
     },
     "color-picker-default": {
       name: "color-picker-default",
+      files: ["registry/demos/color-picker/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-picker/default")
+        () => import("@/registry/demos/color-picker/default")
       ),
     },
     "color-picker-options": {
       name: "color-picker-options",
+      files: ["registry/demos/color-picker/options.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-picker/options")
+        () => import("@/registry/demos/color-picker/options")
       ),
     },
     "color-picker-uncontrolled": {
       name: "color-picker-uncontrolled",
+      files: ["registry/demos/color-picker/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-picker/uncontrolled")
+        () => import("@/registry/demos/color-picker/uncontrolled")
       ),
     },
     "color-slider-channel": {
       name: "color-slider-channel",
+      files: ["registry/demos/color-slider/channel.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-slider/channel")
+        () => import("@/registry/demos/color-slider/channel")
       ),
     },
     "color-slider-composition": {
       name: "color-slider-composition",
+      files: ["registry/demos/color-slider/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-slider/composition")
+        () => import("@/registry/demos/color-slider/composition")
       ),
     },
     "color-slider-controlled": {
       name: "color-slider-controlled",
+      files: ["registry/demos/color-slider/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-slider/controlled")
+        () => import("@/registry/demos/color-slider/controlled")
       ),
     },
     "color-slider-default": {
       name: "color-slider-default",
+      files: ["registry/demos/color-slider/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-slider/default")
+        () => import("@/registry/demos/color-slider/default")
       ),
     },
     "color-slider-disabled": {
       name: "color-slider-disabled",
+      files: ["registry/demos/color-slider/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-slider/disabled")
+        () => import("@/registry/demos/color-slider/disabled")
       ),
     },
     "color-slider-label": {
       name: "color-slider-label",
+      files: ["registry/demos/color-slider/label.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-slider/label")
+        () => import("@/registry/demos/color-slider/label")
       ),
     },
     "color-slider-uncontrolled": {
       name: "color-slider-uncontrolled",
+      files: ["registry/demos/color-slider/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-slider/uncontrolled")
+        () => import("@/registry/demos/color-slider/uncontrolled")
       ),
     },
     "color-slider-vertical": {
       name: "color-slider-vertical",
+      files: ["registry/demos/color-slider/vertical.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-slider/vertical")
+        () => import("@/registry/demos/color-slider/vertical")
       ),
     },
     "color-swatch-default": {
       name: "color-swatch-default",
+      files: ["registry/demos/color-swatch/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/color-swatch/default")
+        () => import("@/registry/demos/color-swatch/default")
       ),
     },
     "combobox-async-loading": {
       name: "combobox-async-loading",
+      files: ["registry/demos/combobox/async-loading.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/async-loading")
+        () => import("@/registry/demos/combobox/async-loading")
       ),
     },
     "combobox-basic": {
       name: "combobox-basic",
-      component: React.lazy(() => import("@/registry-v2/demos/combobox/basic")),
+      files: ["registry/demos/combobox/basic.tsx"],
+      component: React.lazy(() => import("@/registry/demos/combobox/basic")),
     },
     "combobox-composition": {
       name: "combobox-composition",
+      files: ["registry/demos/combobox/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/composition")
+        () => import("@/registry/demos/combobox/composition")
       ),
     },
     "combobox-contextual-help": {
       name: "combobox-contextual-help",
+      files: ["registry/demos/combobox/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/contextual-help")
+        () => import("@/registry/demos/combobox/contextual-help")
       ),
     },
     "combobox-controlled": {
       name: "combobox-controlled",
+      files: ["registry/demos/combobox/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/controlled")
+        () => import("@/registry/demos/combobox/controlled")
       ),
     },
     "combobox-custom-value": {
       name: "combobox-custom-value",
+      files: ["registry/demos/combobox/custom-value.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/custom-value")
+        () => import("@/registry/demos/combobox/custom-value")
       ),
     },
     "combobox-description": {
       name: "combobox-description",
+      files: ["registry/demos/combobox/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/description")
+        () => import("@/registry/demos/combobox/description")
       ),
     },
     "combobox-disabled": {
       name: "combobox-disabled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/disabled")
-      ),
+      files: ["registry/demos/combobox/disabled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/combobox/disabled")),
     },
     "combobox-label": {
       name: "combobox-label",
-      component: React.lazy(() => import("@/registry-v2/demos/combobox/label")),
+      files: ["registry/demos/combobox/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/combobox/label")),
     },
     "combobox-loading": {
       name: "combobox-loading",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/loading")
-      ),
+      files: ["registry/demos/combobox/loading.tsx"],
+      component: React.lazy(() => import("@/registry/demos/combobox/loading")),
     },
     "combobox-required": {
       name: "combobox-required",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/required")
-      ),
+      files: ["registry/demos/combobox/required.tsx"],
+      component: React.lazy(() => import("@/registry/demos/combobox/required")),
     },
     "combobox-sections": {
       name: "combobox-sections",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/sections")
-      ),
+      files: ["registry/demos/combobox/sections.tsx"],
+      component: React.lazy(() => import("@/registry/demos/combobox/sections")),
     },
     "combobox-uncontrolled": {
       name: "combobox-uncontrolled",
+      files: ["registry/demos/combobox/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/uncontrolled")
+        () => import("@/registry/demos/combobox/uncontrolled")
       ),
     },
     "combobox-validation": {
       name: "combobox-validation",
+      files: ["registry/demos/combobox/validation.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/combobox/validation")
+        () => import("@/registry/demos/combobox/validation")
       ),
     },
     "date-field-composition": {
       name: "date-field-composition",
+      files: ["registry/demos/date-field/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/composition")
+        () => import("@/registry/demos/date-field/composition")
       ),
     },
     "date-field-contextual-help": {
       name: "date-field-contextual-help",
+      files: ["registry/demos/date-field/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/contextual-help")
+        () => import("@/registry/demos/date-field/contextual-help")
       ),
     },
     "date-field-controlled": {
       name: "date-field-controlled",
+      files: ["registry/demos/date-field/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/controlled")
+        () => import("@/registry/demos/date-field/controlled")
       ),
     },
     "date-field-default": {
       name: "date-field-default",
+      files: ["registry/demos/date-field/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/default")
+        () => import("@/registry/demos/date-field/default")
       ),
     },
     "date-field-description": {
       name: "date-field-description",
+      files: ["registry/demos/date-field/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/description")
+        () => import("@/registry/demos/date-field/description")
       ),
     },
     "date-field-disabled": {
       name: "date-field-disabled",
+      files: ["registry/demos/date-field/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/disabled")
+        () => import("@/registry/demos/date-field/disabled")
       ),
     },
     "date-field-error-message": {
       name: "date-field-error-message",
+      files: ["registry/demos/date-field/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/error-message")
+        () => import("@/registry/demos/date-field/error-message")
       ),
     },
     "date-field-granularity": {
       name: "date-field-granularity",
+      files: ["registry/demos/date-field/granularity.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/granularity")
+        () => import("@/registry/demos/date-field/granularity")
       ),
     },
     "date-field-hide-time-zone": {
       name: "date-field-hide-time-zone",
+      files: ["registry/demos/date-field/hide-time-zone.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/hide-time-zone")
+        () => import("@/registry/demos/date-field/hide-time-zone")
       ),
     },
     "date-field-hour-cycle": {
       name: "date-field-hour-cycle",
+      files: ["registry/demos/date-field/hour-cycle.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/hour-cycle")
+        () => import("@/registry/demos/date-field/hour-cycle")
       ),
     },
     "date-field-label": {
       name: "date-field-label",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/label")
-      ),
+      files: ["registry/demos/date-field/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/date-field/label")),
     },
     "date-field-loading": {
       name: "date-field-loading",
+      files: ["registry/demos/date-field/loading.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/loading")
+        () => import("@/registry/demos/date-field/loading")
       ),
     },
     "date-field-placeholder": {
       name: "date-field-placeholder",
+      files: ["registry/demos/date-field/placeholder.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/placeholder")
+        () => import("@/registry/demos/date-field/placeholder")
       ),
     },
     "date-field-prefix-and-suffix": {
       name: "date-field-prefix-and-suffix",
+      files: ["registry/demos/date-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/prefix-and-suffix")
+        () => import("@/registry/demos/date-field/prefix-and-suffix")
       ),
     },
     "date-field-read-only": {
       name: "date-field-read-only",
+      files: ["registry/demos/date-field/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/read-only")
+        () => import("@/registry/demos/date-field/read-only")
       ),
     },
     "date-field-required": {
       name: "date-field-required",
+      files: ["registry/demos/date-field/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/required")
+        () => import("@/registry/demos/date-field/required")
       ),
     },
     "date-field-sizes": {
       name: "date-field-sizes",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/sizes")
-      ),
+      files: ["registry/demos/date-field/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/date-field/sizes")),
     },
     "date-field-time-zones": {
       name: "date-field-time-zones",
+      files: ["registry/demos/date-field/time-zones.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/time-zones")
+        () => import("@/registry/demos/date-field/time-zones")
       ),
     },
     "date-field-uncontrolled": {
       name: "date-field-uncontrolled",
+      files: ["registry/demos/date-field/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-field/uncontrolled")
+        () => import("@/registry/demos/date-field/uncontrolled")
       ),
     },
     "date-picker-composition": {
       name: "date-picker-composition",
+      files: ["registry/demos/date-picker/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/composition")
+        () => import("@/registry/demos/date-picker/composition")
       ),
     },
     "date-picker-contextual-help": {
       name: "date-picker-contextual-help",
+      files: ["registry/demos/date-picker/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/contextual-help")
+        () => import("@/registry/demos/date-picker/contextual-help")
       ),
     },
     "date-picker-controlled": {
       name: "date-picker-controlled",
+      files: ["registry/demos/date-picker/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/controlled")
+        () => import("@/registry/demos/date-picker/controlled")
       ),
     },
     "date-picker-default": {
       name: "date-picker-default",
+      files: ["registry/demos/date-picker/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/default")
+        () => import("@/registry/demos/date-picker/default")
       ),
     },
     "date-picker-description": {
       name: "date-picker-description",
+      files: ["registry/demos/date-picker/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/description")
+        () => import("@/registry/demos/date-picker/description")
       ),
     },
     "date-picker-disabled": {
       name: "date-picker-disabled",
+      files: ["registry/demos/date-picker/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/disabled")
+        () => import("@/registry/demos/date-picker/disabled")
       ),
     },
     "date-picker-error-message": {
       name: "date-picker-error-message",
+      files: ["registry/demos/date-picker/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/error-message")
+        () => import("@/registry/demos/date-picker/error-message")
       ),
     },
     "date-picker-granularity": {
       name: "date-picker-granularity",
+      files: ["registry/demos/date-picker/granularity.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/granularity")
+        () => import("@/registry/demos/date-picker/granularity")
       ),
     },
     "date-picker-hide-time-zone": {
       name: "date-picker-hide-time-zone",
+      files: ["registry/demos/date-picker/hide-time-zone.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/hide-time-zone")
+        () => import("@/registry/demos/date-picker/hide-time-zone")
       ),
     },
     "date-picker-hour-cycle": {
       name: "date-picker-hour-cycle",
+      files: ["registry/demos/date-picker/hour-cycle.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/hour-cycle")
+        () => import("@/registry/demos/date-picker/hour-cycle")
       ),
     },
     "date-picker-label": {
       name: "date-picker-label",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/label")
-      ),
+      files: ["registry/demos/date-picker/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/date-picker/label")),
     },
     "date-picker-loading": {
       name: "date-picker-loading",
+      files: ["registry/demos/date-picker/loading.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/loading")
+        () => import("@/registry/demos/date-picker/loading")
       ),
     },
     "date-picker-placeholder": {
       name: "date-picker-placeholder",
+      files: ["registry/demos/date-picker/placeholder.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/placeholder")
+        () => import("@/registry/demos/date-picker/placeholder")
       ),
     },
     "date-picker-prefix": {
       name: "date-picker-prefix",
+      files: ["registry/demos/date-picker/prefix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/prefix")
+        () => import("@/registry/demos/date-picker/prefix")
       ),
     },
     "date-picker-read-only": {
       name: "date-picker-read-only",
+      files: ["registry/demos/date-picker/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/read-only")
+        () => import("@/registry/demos/date-picker/read-only")
       ),
     },
     "date-picker-required": {
       name: "date-picker-required",
+      files: ["registry/demos/date-picker/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/required")
+        () => import("@/registry/demos/date-picker/required")
       ),
     },
     "date-picker-sizes": {
       name: "date-picker-sizes",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/sizes")
-      ),
+      files: ["registry/demos/date-picker/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/date-picker/sizes")),
     },
     "date-picker-time-zones": {
       name: "date-picker-time-zones",
+      files: ["registry/demos/date-picker/time-zones.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/time-zones")
+        () => import("@/registry/demos/date-picker/time-zones")
       ),
     },
     "date-picker-uncontrolled": {
       name: "date-picker-uncontrolled",
+      files: ["registry/demos/date-picker/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-picker/uncontrolled")
+        () => import("@/registry/demos/date-picker/uncontrolled")
       ),
     },
     "date-range-picker-composition": {
       name: "date-range-picker-composition",
+      files: ["registry/demos/date-range-picker/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/composition")
+        () => import("@/registry/demos/date-range-picker/composition")
       ),
     },
     "date-range-picker-contextual-help": {
       name: "date-range-picker-contextual-help",
+      files: ["registry/demos/date-range-picker/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/contextual-help")
+        () => import("@/registry/demos/date-range-picker/contextual-help")
       ),
     },
     "date-range-picker-controlled": {
       name: "date-range-picker-controlled",
+      files: ["registry/demos/date-range-picker/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/controlled")
+        () => import("@/registry/demos/date-range-picker/controlled")
       ),
     },
     "date-range-picker-default": {
       name: "date-range-picker-default",
+      files: ["registry/demos/date-range-picker/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/default")
+        () => import("@/registry/demos/date-range-picker/default")
       ),
     },
     "date-range-picker-description": {
       name: "date-range-picker-description",
+      files: ["registry/demos/date-range-picker/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/description")
+        () => import("@/registry/demos/date-range-picker/description")
       ),
     },
     "date-range-picker-disabled": {
       name: "date-range-picker-disabled",
+      files: ["registry/demos/date-range-picker/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/disabled")
+        () => import("@/registry/demos/date-range-picker/disabled")
       ),
     },
     "date-range-picker-error-message": {
       name: "date-range-picker-error-message",
+      files: ["registry/demos/date-range-picker/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/error-message")
+        () => import("@/registry/demos/date-range-picker/error-message")
       ),
     },
     "date-range-picker-granularity": {
       name: "date-range-picker-granularity",
+      files: ["registry/demos/date-range-picker/granularity.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/granularity")
+        () => import("@/registry/demos/date-range-picker/granularity")
       ),
     },
     "date-range-picker-hide-time-zone": {
       name: "date-range-picker-hide-time-zone",
+      files: ["registry/demos/date-range-picker/hide-time-zone.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/hide-time-zone")
+        () => import("@/registry/demos/date-range-picker/hide-time-zone")
       ),
     },
     "date-range-picker-hour-cycle": {
       name: "date-range-picker-hour-cycle",
+      files: ["registry/demos/date-range-picker/hour-cycle.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/hour-cycle")
+        () => import("@/registry/demos/date-range-picker/hour-cycle")
       ),
     },
     "date-range-picker-label": {
       name: "date-range-picker-label",
+      files: ["registry/demos/date-range-picker/label.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/label")
+        () => import("@/registry/demos/date-range-picker/label")
       ),
     },
     "date-range-picker-loading": {
       name: "date-range-picker-loading",
+      files: ["registry/demos/date-range-picker/loading.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/loading")
+        () => import("@/registry/demos/date-range-picker/loading")
       ),
     },
     "date-range-picker-placeholder": {
       name: "date-range-picker-placeholder",
+      files: ["registry/demos/date-range-picker/placeholder.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/placeholder")
+        () => import("@/registry/demos/date-range-picker/placeholder")
       ),
     },
     "date-range-picker-prefix": {
       name: "date-range-picker-prefix",
+      files: ["registry/demos/date-range-picker/prefix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/prefix")
+        () => import("@/registry/demos/date-range-picker/prefix")
       ),
     },
     "date-range-picker-read-only": {
       name: "date-range-picker-read-only",
+      files: ["registry/demos/date-range-picker/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/read-only")
+        () => import("@/registry/demos/date-range-picker/read-only")
       ),
     },
     "date-range-picker-required": {
       name: "date-range-picker-required",
+      files: ["registry/demos/date-range-picker/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/required")
+        () => import("@/registry/demos/date-range-picker/required")
       ),
     },
     "date-range-picker-sizes": {
       name: "date-range-picker-sizes",
+      files: ["registry/demos/date-range-picker/sizes.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/sizes")
+        () => import("@/registry/demos/date-range-picker/sizes")
       ),
     },
     "date-range-picker-time-zones": {
       name: "date-range-picker-time-zones",
+      files: ["registry/demos/date-range-picker/time-zones.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/time-zones")
+        () => import("@/registry/demos/date-range-picker/time-zones")
       ),
     },
     "date-range-picker-uncontrolled": {
       name: "date-range-picker-uncontrolled",
+      files: ["registry/demos/date-range-picker/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/date-range-picker/uncontrolled")
+        () => import("@/registry/demos/date-range-picker/uncontrolled")
       ),
     },
     "dialog-alert-dialog": {
       name: "dialog-alert-dialog",
+      files: ["registry/demos/dialog/alert-dialog.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/dialog/alert-dialog")
+        () => import("@/registry/demos/dialog/alert-dialog")
       ),
     },
     "dialog-async-form-submission": {
       name: "dialog-async-form-submission",
+      files: ["registry/demos/dialog/async-form-submission.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/dialog/async-form-submission")
+        () => import("@/registry/demos/dialog/async-form-submission")
       ),
     },
     "dialog-basic": {
       name: "dialog-basic",
-      component: React.lazy(() => import("@/registry-v2/demos/dialog/basic")),
+      files: ["registry/demos/dialog/basic.tsx"],
+      component: React.lazy(() => import("@/registry/demos/dialog/basic")),
     },
     "dialog-composition": {
       name: "dialog-composition",
+      files: ["registry/demos/dialog/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/dialog/composition")
+        () => import("@/registry/demos/dialog/composition")
       ),
     },
     "dialog-controlled": {
       name: "dialog-controlled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/dialog/controlled")
-      ),
+      files: ["registry/demos/dialog/controlled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/dialog/controlled")),
     },
     "dialog-description": {
       name: "dialog-description",
+      files: ["registry/demos/dialog/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/dialog/description")
+        () => import("@/registry/demos/dialog/description")
       ),
     },
     "dialog-dismiss-button": {
       name: "dialog-dismiss-button",
+      files: ["registry/demos/dialog/dismiss-button.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/dialog/dismiss-button")
+        () => import("@/registry/demos/dialog/dismiss-button")
       ),
     },
     "dialog-dismissable": {
       name: "dialog-dismissable",
+      files: ["registry/demos/dialog/dismissable.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/dialog/dismissable")
+        () => import("@/registry/demos/dialog/dismissable")
       ),
     },
     "dialog-drawer": {
       name: "dialog-drawer",
-      component: React.lazy(() => import("@/registry-v2/demos/dialog/drawer")),
+      files: ["registry/demos/dialog/drawer.tsx"],
+      component: React.lazy(() => import("@/registry/demos/dialog/drawer")),
     },
     "dialog-inset-content": {
       name: "dialog-inset-content",
+      files: ["registry/demos/dialog/inset-content.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/dialog/inset-content")
+        () => import("@/registry/demos/dialog/inset-content")
       ),
     },
     "dialog-nested": {
       name: "dialog-nested",
-      component: React.lazy(() => import("@/registry-v2/demos/dialog/nested")),
+      files: ["registry/demos/dialog/nested.tsx"],
+      component: React.lazy(() => import("@/registry/demos/dialog/nested")),
     },
     "dialog-popover": {
       name: "dialog-popover",
-      component: React.lazy(() => import("@/registry-v2/demos/dialog/popover")),
+      files: ["registry/demos/dialog/popover.tsx"],
+      component: React.lazy(() => import("@/registry/demos/dialog/popover")),
     },
     "dialog-title": {
       name: "dialog-title",
-      component: React.lazy(() => import("@/registry-v2/demos/dialog/title")),
+      files: ["registry/demos/dialog/title.tsx"],
+      component: React.lazy(() => import("@/registry/demos/dialog/title")),
     },
     "dialog-types": {
       name: "dialog-types",
-      component: React.lazy(() => import("@/registry-v2/demos/dialog/types")),
+      files: ["registry/demos/dialog/types.tsx"],
+      component: React.lazy(() => import("@/registry/demos/dialog/types")),
     },
     "drop-zone-default": {
       name: "drop-zone-default",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/drop-zone/default")
-      ),
+      files: ["registry/demos/drop-zone/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/drop-zone/default")),
     },
     "drop-zone-disabled": {
       name: "drop-zone-disabled",
+      files: ["registry/demos/drop-zone/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/drop-zone/disabled")
+        () => import("@/registry/demos/drop-zone/disabled")
       ),
     },
     "drop-zone-file-trigger": {
       name: "drop-zone-file-trigger",
+      files: ["registry/demos/drop-zone/file-trigger.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/drop-zone/file-trigger")
+        () => import("@/registry/demos/drop-zone/file-trigger")
       ),
     },
     "drop-zone-label": {
       name: "drop-zone-label",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/drop-zone/label")
-      ),
+      files: ["registry/demos/drop-zone/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/drop-zone/label")),
     },
     "file-trigger-default": {
       name: "file-trigger-default",
+      files: ["registry/demos/file-trigger/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/file-trigger/default")
+        () => import("@/registry/demos/file-trigger/default")
       ),
     },
     "file-trigger-directory-selection": {
       name: "file-trigger-directory-selection",
+      files: ["registry/demos/file-trigger/directory-selection.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/file-trigger/directory-selection")
+        () => import("@/registry/demos/file-trigger/directory-selection")
       ),
     },
     "file-trigger-file-types": {
       name: "file-trigger-file-types",
+      files: ["registry/demos/file-trigger/file-types.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/file-trigger/file-types")
+        () => import("@/registry/demos/file-trigger/file-types")
       ),
     },
     "file-trigger-media-capture": {
       name: "file-trigger-media-capture",
+      files: ["registry/demos/file-trigger/media-capture.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/file-trigger/media-capture")
+        () => import("@/registry/demos/file-trigger/media-capture")
       ),
     },
     "file-trigger-multiple-files": {
       name: "file-trigger-multiple-files",
+      files: ["registry/demos/file-trigger/multiple-files.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/file-trigger/multiple-files")
+        () => import("@/registry/demos/file-trigger/multiple-files")
       ),
     },
     "link-default": {
       name: "link-default",
-      component: React.lazy(() => import("@/registry-v2/demos/link/default")),
+      files: ["registry/demos/link/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/link/default")),
     },
     "link-disabled": {
       name: "link-disabled",
-      component: React.lazy(() => import("@/registry-v2/demos/link/disabled")),
+      files: ["registry/demos/link/disabled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/link/disabled")),
     },
     "link-icon": {
       name: "link-icon",
-      component: React.lazy(() => import("@/registry-v2/demos/link/icon")),
+      files: ["registry/demos/link/icon.tsx"],
+      component: React.lazy(() => import("@/registry/demos/link/icon")),
     },
     "link-variants": {
       name: "link-variants",
-      component: React.lazy(() => import("@/registry-v2/demos/link/variants")),
+      files: ["registry/demos/link/variants.tsx"],
+      component: React.lazy(() => import("@/registry/demos/link/variants")),
     },
     "list-box-async-loading": {
       name: "list-box-async-loading",
+      files: ["registry/demos/list-box/async-loading.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/async-loading")
+        () => import("@/registry/demos/list-box/async-loading")
       ),
     },
     "list-box-basic": {
       name: "list-box-basic",
-      component: React.lazy(() => import("@/registry-v2/demos/list-box/basic")),
+      files: ["registry/demos/list-box/basic.tsx"],
+      component: React.lazy(() => import("@/registry/demos/list-box/basic")),
     },
     "list-box-composition": {
       name: "list-box-composition",
+      files: ["registry/demos/list-box/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/composition")
+        () => import("@/registry/demos/list-box/composition")
       ),
     },
     "list-box-contact-list": {
       name: "list-box-contact-list",
+      files: ["registry/demos/list-box/contact-list.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/contact-list")
+        () => import("@/registry/demos/list-box/contact-list")
       ),
     },
     "list-box-controlled": {
       name: "list-box-controlled",
+      files: ["registry/demos/list-box/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/controlled")
+        () => import("@/registry/demos/list-box/controlled")
       ),
     },
     "list-box-disabled-items": {
       name: "list-box-disabled-items",
+      files: ["registry/demos/list-box/disabled-items.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/disabled-items")
+        () => import("@/registry/demos/list-box/disabled-items")
       ),
     },
     "list-box-empty-state": {
       name: "list-box-empty-state",
+      files: ["registry/demos/list-box/empty-state.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/empty-state")
+        () => import("@/registry/demos/list-box/empty-state")
       ),
     },
     "list-box-grid": {
       name: "list-box-grid",
-      component: React.lazy(() => import("@/registry-v2/demos/list-box/grid")),
+      files: ["registry/demos/list-box/grid.tsx"],
+      component: React.lazy(() => import("@/registry/demos/list-box/grid")),
     },
     "list-box-horizontal": {
       name: "list-box-horizontal",
+      files: ["registry/demos/list-box/horizontal.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/horizontal")
+        () => import("@/registry/demos/list-box/horizontal")
       ),
     },
     "list-box-image-grid": {
       name: "list-box-image-grid",
+      files: ["registry/demos/list-box/image-grid.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/image-grid")
+        () => import("@/registry/demos/list-box/image-grid")
       ),
     },
     "list-box-item-variant": {
       name: "list-box-item-variant",
+      files: ["registry/demos/list-box/item-variant.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/item-variant")
+        () => import("@/registry/demos/list-box/item-variant")
       ),
     },
     "list-box-label-and-description": {
       name: "list-box-label-and-description",
+      files: ["registry/demos/list-box/label-and-description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/label-and-description")
+        () => import("@/registry/demos/list-box/label-and-description")
       ),
     },
     "list-box-links": {
       name: "list-box-links",
-      component: React.lazy(() => import("@/registry-v2/demos/list-box/links")),
+      files: ["registry/demos/list-box/links.tsx"],
+      component: React.lazy(() => import("@/registry/demos/list-box/links")),
     },
     "list-box-loading": {
       name: "list-box-loading",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/loading")
-      ),
+      files: ["registry/demos/list-box/loading.tsx"],
+      component: React.lazy(() => import("@/registry/demos/list-box/loading")),
     },
     "list-box-prefix-and-suffix": {
       name: "list-box-prefix-and-suffix",
+      files: ["registry/demos/list-box/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/prefix-and-suffix")
+        () => import("@/registry/demos/list-box/prefix-and-suffix")
       ),
     },
     "list-box-sections": {
       name: "list-box-sections",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/sections")
-      ),
+      files: ["registry/demos/list-box/sections.tsx"],
+      component: React.lazy(() => import("@/registry/demos/list-box/sections")),
     },
     "list-box-selection-behavior": {
       name: "list-box-selection-behavior",
+      files: ["registry/demos/list-box/selection-behavior.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/selection-behavior")
+        () => import("@/registry/demos/list-box/selection-behavior")
       ),
     },
     "list-box-selection-mode": {
       name: "list-box-selection-mode",
+      files: ["registry/demos/list-box/selection-mode.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/selection-mode")
+        () => import("@/registry/demos/list-box/selection-mode")
       ),
     },
     "list-box-separator": {
       name: "list-box-separator",
+      files: ["registry/demos/list-box/separator.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/separator")
+        () => import("@/registry/demos/list-box/separator")
       ),
     },
     "list-box-uncontrolled": {
       name: "list-box-uncontrolled",
+      files: ["registry/demos/list-box/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/list-box/uncontrolled")
+        () => import("@/registry/demos/list-box/uncontrolled")
       ),
     },
     "menu-basic": {
       name: "menu-basic",
-      component: React.lazy(() => import("@/registry-v2/demos/menu/basic")),
+      files: ["registry/demos/menu/basic.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/basic")),
     },
     "menu-composition": {
       name: "menu-composition",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/menu/composition")
-      ),
+      files: ["registry/demos/menu/composition.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/composition")),
     },
     "menu-controlled": {
       name: "menu-controlled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/menu/controlled")
-      ),
+      files: ["registry/demos/menu/controlled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/controlled")),
     },
     "menu-disabled-items": {
       name: "menu-disabled-items",
+      files: ["registry/demos/menu/disabled-items.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/menu/disabled-items")
+        () => import("@/registry/demos/menu/disabled-items")
       ),
     },
     "menu-item-variant": {
       name: "menu-item-variant",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/menu/item-variant")
-      ),
+      files: ["registry/demos/menu/item-variant.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/item-variant")),
     },
     "menu-label-and-description": {
       name: "menu-label-and-description",
+      files: ["registry/demos/menu/label-and-description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/menu/label-and-description")
+        () => import("@/registry/demos/menu/label-and-description")
       ),
     },
     "menu-link-items": {
       name: "menu-link-items",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/menu/link-items")
-      ),
+      files: ["registry/demos/menu/link-items.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/link-items")),
     },
     "menu-long-press": {
       name: "menu-long-press",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/menu/long-press")
-      ),
+      files: ["registry/demos/menu/long-press.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/long-press")),
     },
     "menu-multiple-selection": {
       name: "menu-multiple-selection",
+      files: ["registry/demos/menu/multiple-selection.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/menu/multiple-selection")
+        () => import("@/registry/demos/menu/multiple-selection")
       ),
     },
     "menu-overlay-type": {
       name: "menu-overlay-type",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/menu/overlay-type")
-      ),
+      files: ["registry/demos/menu/overlay-type.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/overlay-type")),
     },
     "menu-placement": {
       name: "menu-placement",
-      component: React.lazy(() => import("@/registry-v2/demos/menu/placement")),
+      files: ["registry/demos/menu/placement.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/placement")),
     },
     "menu-prefix-and-suffix": {
       name: "menu-prefix-and-suffix",
+      files: ["registry/demos/menu/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/menu/prefix-and-suffix")
+        () => import("@/registry/demos/menu/prefix-and-suffix")
       ),
     },
     "menu-section": {
       name: "menu-section",
-      component: React.lazy(() => import("@/registry-v2/demos/menu/section")),
+      files: ["registry/demos/menu/section.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/section")),
     },
     "menu-separator": {
       name: "menu-separator",
-      component: React.lazy(() => import("@/registry-v2/demos/menu/separator")),
+      files: ["registry/demos/menu/separator.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/separator")),
     },
     "menu-shortcut": {
       name: "menu-shortcut",
-      component: React.lazy(() => import("@/registry-v2/demos/menu/shortcut")),
+      files: ["registry/demos/menu/shortcut.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/shortcut")),
     },
     "menu-single-selection": {
       name: "menu-single-selection",
+      files: ["registry/demos/menu/single-selection.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/menu/single-selection")
+        () => import("@/registry/demos/menu/single-selection")
       ),
     },
     "menu-submenus": {
       name: "menu-submenus",
-      component: React.lazy(() => import("@/registry-v2/demos/menu/submenus")),
+      files: ["registry/demos/menu/submenus.tsx"],
+      component: React.lazy(() => import("@/registry/demos/menu/submenus")),
     },
     "number-field-composition": {
       name: "number-field-composition",
+      files: ["registry/demos/number-field/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/composition")
+        () => import("@/registry/demos/number-field/composition")
       ),
     },
     "number-field-contextual-help": {
       name: "number-field-contextual-help",
+      files: ["registry/demos/number-field/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/contextual-help")
+        () => import("@/registry/demos/number-field/contextual-help")
       ),
     },
     "number-field-controlled": {
       name: "number-field-controlled",
+      files: ["registry/demos/number-field/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/controlled")
+        () => import("@/registry/demos/number-field/controlled")
       ),
     },
     "number-field-default": {
       name: "number-field-default",
+      files: ["registry/demos/number-field/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/default")
+        () => import("@/registry/demos/number-field/default")
       ),
     },
     "number-field-description": {
       name: "number-field-description",
+      files: ["registry/demos/number-field/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/description")
+        () => import("@/registry/demos/number-field/description")
       ),
     },
     "number-field-disabled": {
       name: "number-field-disabled",
+      files: ["registry/demos/number-field/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/disabled")
+        () => import("@/registry/demos/number-field/disabled")
       ),
     },
     "number-field-error-message": {
       name: "number-field-error-message",
+      files: ["registry/demos/number-field/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/error-message")
+        () => import("@/registry/demos/number-field/error-message")
       ),
     },
     "number-field-format-options": {
       name: "number-field-format-options",
+      files: ["registry/demos/number-field/format-options.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/format-options")
+        () => import("@/registry/demos/number-field/format-options")
       ),
     },
     "number-field-label": {
       name: "number-field-label",
+      files: ["registry/demos/number-field/label.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/label")
+        () => import("@/registry/demos/number-field/label")
       ),
     },
     "number-field-read-only": {
       name: "number-field-read-only",
+      files: ["registry/demos/number-field/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/read-only")
+        () => import("@/registry/demos/number-field/read-only")
       ),
     },
     "number-field-required": {
       name: "number-field-required",
+      files: ["registry/demos/number-field/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/required")
+        () => import("@/registry/demos/number-field/required")
       ),
     },
     "number-field-sizes": {
       name: "number-field-sizes",
+      files: ["registry/demos/number-field/sizes.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/sizes")
+        () => import("@/registry/demos/number-field/sizes")
       ),
     },
     "number-field-uncontrolled": {
       name: "number-field-uncontrolled",
+      files: ["registry/demos/number-field/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/number-field/uncontrolled")
+        () => import("@/registry/demos/number-field/uncontrolled")
       ),
     },
     "progress-composition": {
       name: "progress-composition",
+      files: ["registry/demos/progress/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/progress/composition")
+        () => import("@/registry/demos/progress/composition")
       ),
     },
     "progress-custom-color": {
       name: "progress-custom-color",
+      files: ["registry/demos/progress/custom-color.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/progress/custom-color")
+        () => import("@/registry/demos/progress/custom-color")
       ),
     },
     "progress-custom-value-label": {
       name: "progress-custom-value-label",
+      files: ["registry/demos/progress/custom-value-label.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/progress/custom-value-label")
+        () => import("@/registry/demos/progress/custom-value-label")
       ),
     },
     "progress-default": {
       name: "progress-default",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/progress/default")
-      ),
+      files: ["registry/demos/progress/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/progress/default")),
     },
     "progress-duration": {
       name: "progress-duration",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/progress/duration")
-      ),
+      files: ["registry/demos/progress/duration.tsx"],
+      component: React.lazy(() => import("@/registry/demos/progress/duration")),
     },
     "progress-format-options": {
       name: "progress-format-options",
+      files: ["registry/demos/progress/format-options.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/progress/format-options")
+        () => import("@/registry/demos/progress/format-options")
       ),
     },
     "progress-indeterminate": {
       name: "progress-indeterminate",
+      files: ["registry/demos/progress/indeterminate.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/progress/indeterminate")
+        () => import("@/registry/demos/progress/indeterminate")
       ),
     },
     "progress-label": {
       name: "progress-label",
-      component: React.lazy(() => import("@/registry-v2/demos/progress/label")),
+      files: ["registry/demos/progress/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/progress/label")),
     },
     "progress-min-max-values": {
       name: "progress-min-max-values",
+      files: ["registry/demos/progress/min-max-values.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/progress/min-max-values")
+        () => import("@/registry/demos/progress/min-max-values")
       ),
     },
     "progress-shape": {
       name: "progress-shape",
-      component: React.lazy(() => import("@/registry-v2/demos/progress/shape")),
+      files: ["registry/demos/progress/shape.tsx"],
+      component: React.lazy(() => import("@/registry/demos/progress/shape")),
     },
     "progress-sizes": {
       name: "progress-sizes",
-      component: React.lazy(() => import("@/registry-v2/demos/progress/sizes")),
+      files: ["registry/demos/progress/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/progress/sizes")),
     },
     "progress-toolbar": {
       name: "progress-toolbar",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/progress/toolbar")
-      ),
+      files: ["registry/demos/progress/toolbar.tsx"],
+      component: React.lazy(() => import("@/registry/demos/progress/toolbar")),
     },
     "progress-value-label": {
       name: "progress-value-label",
+      files: ["registry/demos/progress/value-label.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/progress/value-label")
+        () => import("@/registry/demos/progress/value-label")
       ),
     },
     "progress-variants": {
       name: "progress-variants",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/progress/variants")
-      ),
+      files: ["registry/demos/progress/variants.tsx"],
+      component: React.lazy(() => import("@/registry/demos/progress/variants")),
     },
     "radio-group-cards": {
       name: "radio-group-cards",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/cards")
-      ),
+      files: ["registry/demos/radio-group/cards.tsx"],
+      component: React.lazy(() => import("@/registry/demos/radio-group/cards")),
     },
     "radio-group-composition": {
       name: "radio-group-composition",
+      files: ["registry/demos/radio-group/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/composition")
+        () => import("@/registry/demos/radio-group/composition")
       ),
     },
     "radio-group-contextual-help": {
       name: "radio-group-contextual-help",
+      files: ["registry/demos/radio-group/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/contextual-help")
+        () => import("@/registry/demos/radio-group/contextual-help")
       ),
     },
     "radio-group-controlled": {
       name: "radio-group-controlled",
+      files: ["registry/demos/radio-group/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/controlled")
+        () => import("@/registry/demos/radio-group/controlled")
       ),
     },
     "radio-group-default": {
       name: "radio-group-default",
+      files: ["registry/demos/radio-group/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/default")
+        () => import("@/registry/demos/radio-group/default")
       ),
     },
     "radio-group-description": {
       name: "radio-group-description",
+      files: ["registry/demos/radio-group/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/description")
+        () => import("@/registry/demos/radio-group/description")
       ),
     },
     "radio-group-disabled": {
       name: "radio-group-disabled",
+      files: ["registry/demos/radio-group/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/disabled")
+        () => import("@/registry/demos/radio-group/disabled")
       ),
     },
     "radio-group-error-message": {
       name: "radio-group-error-message",
+      files: ["registry/demos/radio-group/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/error-message")
+        () => import("@/registry/demos/radio-group/error-message")
       ),
     },
     "radio-group-label": {
       name: "radio-group-label",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/label")
-      ),
+      files: ["registry/demos/radio-group/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/radio-group/label")),
     },
     "radio-group-orientation": {
       name: "radio-group-orientation",
+      files: ["registry/demos/radio-group/orientation.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/orientation")
+        () => import("@/registry/demos/radio-group/orientation")
       ),
     },
     "radio-group-read-only": {
       name: "radio-group-read-only",
+      files: ["registry/demos/radio-group/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/read-only")
+        () => import("@/registry/demos/radio-group/read-only")
       ),
     },
     "radio-group-required": {
       name: "radio-group-required",
+      files: ["registry/demos/radio-group/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/required")
+        () => import("@/registry/demos/radio-group/required")
       ),
     },
     "radio-group-uncontrolled": {
       name: "radio-group-uncontrolled",
+      files: ["registry/demos/radio-group/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/radio-group/uncontrolled")
+        () => import("@/registry/demos/radio-group/uncontrolled")
       ),
     },
     "range-calendar-composition": {
       name: "range-calendar-composition",
+      files: ["registry/demos/range-calendar/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/composition")
+        () => import("@/registry/demos/range-calendar/composition")
       ),
     },
     "range-calendar-controlled": {
       name: "range-calendar-controlled",
+      files: ["registry/demos/range-calendar/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/controlled")
+        () => import("@/registry/demos/range-calendar/controlled")
       ),
     },
     "range-calendar-default": {
       name: "range-calendar-default",
+      files: ["registry/demos/range-calendar/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/default")
+        () => import("@/registry/demos/range-calendar/default")
       ),
     },
     "range-calendar-disabled": {
       name: "range-calendar-disabled",
+      files: ["registry/demos/range-calendar/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/disabled")
+        () => import("@/registry/demos/range-calendar/disabled")
       ),
     },
     "range-calendar-error-message": {
       name: "range-calendar-error-message",
+      files: ["registry/demos/range-calendar/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/error-message")
+        () => import("@/registry/demos/range-calendar/error-message")
       ),
     },
     "range-calendar-label": {
       name: "range-calendar-label",
+      files: ["registry/demos/range-calendar/label.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/label")
+        () => import("@/registry/demos/range-calendar/label")
       ),
     },
     "range-calendar-non-contiguous-ranges": {
       name: "range-calendar-non-contiguous-ranges",
+      files: ["registry/demos/range-calendar/non-contiguous-ranges.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/non-contiguous-ranges")
+        () => import("@/registry/demos/range-calendar/non-contiguous-ranges")
       ),
     },
     "range-calendar-page-behaviour": {
       name: "range-calendar-page-behaviour",
+      files: ["registry/demos/range-calendar/page-behaviour.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/page-behaviour")
+        () => import("@/registry/demos/range-calendar/page-behaviour")
       ),
     },
     "range-calendar-read-only": {
       name: "range-calendar-read-only",
+      files: ["registry/demos/range-calendar/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/read-only")
+        () => import("@/registry/demos/range-calendar/read-only")
       ),
     },
     "range-calendar-uncontrolled": {
       name: "range-calendar-uncontrolled",
+      files: ["registry/demos/range-calendar/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/uncontrolled")
+        () => import("@/registry/demos/range-calendar/uncontrolled")
       ),
     },
     "range-calendar-unvailable-dates": {
       name: "range-calendar-unvailable-dates",
+      files: ["registry/demos/range-calendar/unvailable-dates.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/unvailable-dates")
+        () => import("@/registry/demos/range-calendar/unvailable-dates")
       ),
     },
     "range-calendar-validation": {
       name: "range-calendar-validation",
+      files: ["registry/demos/range-calendar/validation.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/validation")
+        () => import("@/registry/demos/range-calendar/validation")
       ),
     },
     "range-calendar-visible-months": {
       name: "range-calendar-visible-months",
+      files: ["registry/demos/range-calendar/visible-months.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/range-calendar/visible-months")
+        () => import("@/registry/demos/range-calendar/visible-months")
       ),
     },
     "scroll-area-default": {
       name: "scroll-area-default",
+      files: ["registry/demos/scroll-area/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/scroll-area/default")
+        () => import("@/registry/demos/scroll-area/default")
       ),
     },
     "scroll-area-scrollbars": {
       name: "scroll-area-scrollbars",
+      files: ["registry/demos/scroll-area/scrollbars.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/scroll-area/scrollbars")
+        () => import("@/registry/demos/scroll-area/scrollbars")
       ),
     },
     "scroll-area-sizes": {
       name: "scroll-area-sizes",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/scroll-area/sizes")
-      ),
+      files: ["registry/demos/scroll-area/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/scroll-area/sizes")),
     },
     "search-field-composition": {
       name: "search-field-composition",
+      files: ["registry/demos/search-field/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/composition")
+        () => import("@/registry/demos/search-field/composition")
       ),
     },
     "search-field-contextual-help": {
       name: "search-field-contextual-help",
+      files: ["registry/demos/search-field/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/contextual-help")
+        () => import("@/registry/demos/search-field/contextual-help")
       ),
     },
     "search-field-controlled": {
       name: "search-field-controlled",
+      files: ["registry/demos/search-field/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/controlled")
+        () => import("@/registry/demos/search-field/controlled")
       ),
     },
     "search-field-default": {
       name: "search-field-default",
+      files: ["registry/demos/search-field/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/default")
+        () => import("@/registry/demos/search-field/default")
       ),
     },
     "search-field-description": {
       name: "search-field-description",
+      files: ["registry/demos/search-field/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/description")
+        () => import("@/registry/demos/search-field/description")
       ),
     },
     "search-field-disabled": {
       name: "search-field-disabled",
+      files: ["registry/demos/search-field/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/disabled")
+        () => import("@/registry/demos/search-field/disabled")
       ),
     },
     "search-field-error-message": {
       name: "search-field-error-message",
+      files: ["registry/demos/search-field/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/error-message")
+        () => import("@/registry/demos/search-field/error-message")
       ),
     },
     "search-field-form": {
       name: "search-field-form",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/form")
-      ),
+      files: ["registry/demos/search-field/form.tsx"],
+      component: React.lazy(() => import("@/registry/demos/search-field/form")),
     },
     "search-field-label": {
       name: "search-field-label",
+      files: ["registry/demos/search-field/label.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/label")
+        () => import("@/registry/demos/search-field/label")
       ),
     },
     "search-field-loading": {
       name: "search-field-loading",
+      files: ["registry/demos/search-field/loading.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/loading")
+        () => import("@/registry/demos/search-field/loading")
       ),
     },
     "search-field-prefix-and-suffix": {
       name: "search-field-prefix-and-suffix",
+      files: ["registry/demos/search-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/prefix-and-suffix")
+        () => import("@/registry/demos/search-field/prefix-and-suffix")
       ),
     },
     "search-field-read-only": {
       name: "search-field-read-only",
+      files: ["registry/demos/search-field/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/read-only")
+        () => import("@/registry/demos/search-field/read-only")
       ),
     },
     "search-field-required": {
       name: "search-field-required",
+      files: ["registry/demos/search-field/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/required")
+        () => import("@/registry/demos/search-field/required")
       ),
     },
     "search-field-sizes": {
       name: "search-field-sizes",
+      files: ["registry/demos/search-field/sizes.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/sizes")
+        () => import("@/registry/demos/search-field/sizes")
       ),
     },
     "search-field-uncontrolled": {
       name: "search-field-uncontrolled",
+      files: ["registry/demos/search-field/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/search-field/uncontrolled")
+        () => import("@/registry/demos/search-field/uncontrolled")
       ),
     },
     "select-async-loading": {
       name: "select-async-loading",
+      files: ["registry/demos/select/async-loading.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/select/async-loading")
+        () => import("@/registry/demos/select/async-loading")
       ),
     },
     "select-basic": {
       name: "select-basic",
-      component: React.lazy(() => import("@/registry-v2/demos/select/basic")),
+      files: ["registry/demos/select/basic.tsx"],
+      component: React.lazy(() => import("@/registry/demos/select/basic")),
     },
     "select-composition": {
       name: "select-composition",
+      files: ["registry/demos/select/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/select/composition")
+        () => import("@/registry/demos/select/composition")
       ),
     },
     "select-contextual-help": {
       name: "select-contextual-help",
+      files: ["registry/demos/select/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/select/contextual-help")
+        () => import("@/registry/demos/select/contextual-help")
       ),
     },
     "select-controlled": {
       name: "select-controlled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/select/controlled")
-      ),
+      files: ["registry/demos/select/controlled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/select/controlled")),
     },
     "select-description": {
       name: "select-description",
+      files: ["registry/demos/select/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/select/description")
+        () => import("@/registry/demos/select/description")
       ),
     },
     "select-disabled": {
       name: "select-disabled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/select/disabled")
-      ),
+      files: ["registry/demos/select/disabled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/select/disabled")),
     },
     "select-label": {
       name: "select-label",
-      component: React.lazy(() => import("@/registry-v2/demos/select/label")),
+      files: ["registry/demos/select/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/select/label")),
     },
     "select-links": {
       name: "select-links",
-      component: React.lazy(() => import("@/registry-v2/demos/select/links")),
+      files: ["registry/demos/select/links.tsx"],
+      component: React.lazy(() => import("@/registry/demos/select/links")),
     },
     "select-loading": {
       name: "select-loading",
-      component: React.lazy(() => import("@/registry-v2/demos/select/loading")),
+      files: ["registry/demos/select/loading.tsx"],
+      component: React.lazy(() => import("@/registry/demos/select/loading")),
     },
     "select-placeholder": {
       name: "select-placeholder",
+      files: ["registry/demos/select/placeholder.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/select/placeholder")
+        () => import("@/registry/demos/select/placeholder")
       ),
     },
     "select-required": {
       name: "select-required",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/select/required")
-      ),
+      files: ["registry/demos/select/required.tsx"],
+      component: React.lazy(() => import("@/registry/demos/select/required")),
     },
     "select-sections": {
       name: "select-sections",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/select/sections")
-      ),
+      files: ["registry/demos/select/sections.tsx"],
+      component: React.lazy(() => import("@/registry/demos/select/sections")),
     },
     "select-uncontrolled": {
       name: "select-uncontrolled",
+      files: ["registry/demos/select/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/select/uncontrolled")
+        () => import("@/registry/demos/select/uncontrolled")
       ),
     },
     "select-validation": {
       name: "select-validation",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/select/validation")
-      ),
+      files: ["registry/demos/select/validation.tsx"],
+      component: React.lazy(() => import("@/registry/demos/select/validation")),
     },
     "separator-card": {
       name: "separator-card",
-      component: React.lazy(() => import("@/registry-v2/demos/separator/card")),
+      files: ["registry/demos/separator/card.tsx"],
+      component: React.lazy(() => import("@/registry/demos/separator/card")),
     },
     "separator-orientation": {
       name: "separator-orientation",
+      files: ["registry/demos/separator/orientation.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/separator/orientation")
+        () => import("@/registry/demos/separator/orientation")
       ),
     },
     "skeleton-api-simulation": {
       name: "skeleton-api-simulation",
+      files: ["registry/demos/skeleton/api-simulation.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/skeleton/api-simulation")
+        () => import("@/registry/demos/skeleton/api-simulation")
       ),
     },
     "skeleton-card": {
       name: "skeleton-card",
-      component: React.lazy(() => import("@/registry-v2/demos/skeleton/card")),
+      files: ["registry/demos/skeleton/card.tsx"],
+      component: React.lazy(() => import("@/registry/demos/skeleton/card")),
     },
     "skeleton-children": {
       name: "skeleton-children",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/skeleton/children")
-      ),
+      files: ["registry/demos/skeleton/children.tsx"],
+      component: React.lazy(() => import("@/registry/demos/skeleton/children")),
     },
     "skeleton-fixed-size-children": {
       name: "skeleton-fixed-size-children",
+      files: ["registry/demos/skeleton/fixed-size-children.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/skeleton/fixed-size-children")
+        () => import("@/registry/demos/skeleton/fixed-size-children")
       ),
     },
     "skeleton-show": {
       name: "skeleton-show",
-      component: React.lazy(() => import("@/registry-v2/demos/skeleton/show")),
+      files: ["registry/demos/skeleton/show.tsx"],
+      component: React.lazy(() => import("@/registry/demos/skeleton/show")),
     },
     "slider-advanced-composition": {
       name: "slider-advanced-composition",
+      files: ["registry/demos/slider/advanced-composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/slider/advanced-composition")
+        () => import("@/registry/demos/slider/advanced-composition")
       ),
     },
     "slider-composition": {
       name: "slider-composition",
+      files: ["registry/demos/slider/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/slider/composition")
+        () => import("@/registry/demos/slider/composition")
       ),
     },
     "slider-controlled": {
       name: "slider-controlled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/slider/controlled")
-      ),
+      files: ["registry/demos/slider/controlled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/slider/controlled")),
     },
     "slider-default": {
       name: "slider-default",
-      component: React.lazy(() => import("@/registry-v2/demos/slider/default")),
+      files: ["registry/demos/slider/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/slider/default")),
     },
     "slider-description": {
       name: "slider-description",
+      files: ["registry/demos/slider/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/slider/description")
+        () => import("@/registry/demos/slider/description")
       ),
     },
     "slider-disabled": {
       name: "slider-disabled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/slider/disabled")
-      ),
+      files: ["registry/demos/slider/disabled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/slider/disabled")),
     },
     "slider-format-options": {
       name: "slider-format-options",
+      files: ["registry/demos/slider/format-options.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/slider/format-options")
+        () => import("@/registry/demos/slider/format-options")
       ),
     },
     "slider-label": {
       name: "slider-label",
-      component: React.lazy(() => import("@/registry-v2/demos/slider/label")),
+      files: ["registry/demos/slider/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/slider/label")),
     },
     "slider-range": {
       name: "slider-range",
-      component: React.lazy(() => import("@/registry-v2/demos/slider/range")),
+      files: ["registry/demos/slider/range.tsx"],
+      component: React.lazy(() => import("@/registry/demos/slider/range")),
     },
     "slider-sizes": {
       name: "slider-sizes",
-      component: React.lazy(() => import("@/registry-v2/demos/slider/sizes")),
+      files: ["registry/demos/slider/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/slider/sizes")),
     },
     "slider-step": {
       name: "slider-step",
-      component: React.lazy(() => import("@/registry-v2/demos/slider/step")),
+      files: ["registry/demos/slider/step.tsx"],
+      component: React.lazy(() => import("@/registry/demos/slider/step")),
     },
     "slider-uncontrolled": {
       name: "slider-uncontrolled",
+      files: ["registry/demos/slider/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/slider/uncontrolled")
+        () => import("@/registry/demos/slider/uncontrolled")
       ),
     },
     "slider-value-label": {
       name: "slider-value-label",
+      files: ["registry/demos/slider/value-label.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/slider/value-label")
+        () => import("@/registry/demos/slider/value-label")
       ),
     },
     "slider-value-scale": {
       name: "slider-value-scale",
+      files: ["registry/demos/slider/value-scale.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/slider/value-scale")
+        () => import("@/registry/demos/slider/value-scale")
       ),
     },
     "slider-vertical": {
       name: "slider-vertical",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/slider/vertical")
-      ),
+      files: ["registry/demos/slider/vertical.tsx"],
+      component: React.lazy(() => import("@/registry/demos/slider/vertical")),
     },
     "switch-controlled": {
       name: "switch-controlled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/switch/controlled")
-      ),
+      files: ["registry/demos/switch/controlled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/switch/controlled")),
     },
     "switch-default": {
       name: "switch-default",
-      component: React.lazy(() => import("@/registry-v2/demos/switch/default")),
+      files: ["registry/demos/switch/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/switch/default")),
     },
     "switch-disabled": {
       name: "switch-disabled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/switch/disabled")
-      ),
+      files: ["registry/demos/switch/disabled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/switch/disabled")),
     },
     "switch-label": {
       name: "switch-label",
-      component: React.lazy(() => import("@/registry-v2/demos/switch/label")),
+      files: ["registry/demos/switch/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/switch/label")),
     },
     "switch-sizes": {
       name: "switch-sizes",
-      component: React.lazy(() => import("@/registry-v2/demos/switch/sizes")),
+      files: ["registry/demos/switch/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/switch/sizes")),
     },
     "switch-uncontrolled": {
       name: "switch-uncontrolled",
+      files: ["registry/demos/switch/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/switch/uncontrolled")
+        () => import("@/registry/demos/switch/uncontrolled")
       ),
     },
     "tabs-basic": {
       name: "tabs-basic",
-      component: React.lazy(() => import("@/registry-v2/demos/tabs/basic")),
+      files: ["registry/demos/tabs/basic.tsx"],
+      component: React.lazy(() => import("@/registry/demos/tabs/basic")),
     },
     "tabs-controlled": {
       name: "tabs-controlled",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/tabs/controlled")
-      ),
+      files: ["registry/demos/tabs/controlled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/tabs/controlled")),
     },
     "tabs-disabled-item": {
       name: "tabs-disabled-item",
+      files: ["registry/demos/tabs/disabled-item.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/tabs/disabled-item")
+        () => import("@/registry/demos/tabs/disabled-item")
       ),
     },
     "tabs-disabled": {
       name: "tabs-disabled",
-      component: React.lazy(() => import("@/registry-v2/demos/tabs/disabled")),
+      files: ["registry/demos/tabs/disabled.tsx"],
+      component: React.lazy(() => import("@/registry/demos/tabs/disabled")),
     },
     "tabs-keyboard-activation": {
       name: "tabs-keyboard-activation",
+      files: ["registry/demos/tabs/keyboard-activation.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/tabs/keyboard-activation")
+        () => import("@/registry/demos/tabs/keyboard-activation")
       ),
     },
     "tabs-vertical": {
       name: "tabs-vertical",
-      component: React.lazy(() => import("@/registry-v2/demos/tabs/vertical")),
+      files: ["registry/demos/tabs/vertical.tsx"],
+      component: React.lazy(() => import("@/registry/demos/tabs/vertical")),
     },
     "text-area-composition": {
       name: "text-area-composition",
+      files: ["registry/demos/text-area/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/composition")
+        () => import("@/registry/demos/text-area/composition")
       ),
     },
     "text-area-contextual-help": {
       name: "text-area-contextual-help",
+      files: ["registry/demos/text-area/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/contextual-help")
+        () => import("@/registry/demos/text-area/contextual-help")
       ),
     },
     "text-area-controlled": {
       name: "text-area-controlled",
+      files: ["registry/demos/text-area/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/controlled")
+        () => import("@/registry/demos/text-area/controlled")
       ),
     },
     "text-area-default": {
       name: "text-area-default",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/default")
-      ),
+      files: ["registry/demos/text-area/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/text-area/default")),
     },
     "text-area-description": {
       name: "text-area-description",
+      files: ["registry/demos/text-area/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/description")
+        () => import("@/registry/demos/text-area/description")
       ),
     },
     "text-area-disabled": {
       name: "text-area-disabled",
+      files: ["registry/demos/text-area/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/disabled")
+        () => import("@/registry/demos/text-area/disabled")
       ),
     },
     "text-area-error-message": {
       name: "text-area-error-message",
+      files: ["registry/demos/text-area/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/error-message")
+        () => import("@/registry/demos/text-area/error-message")
       ),
     },
     "text-area-form": {
       name: "text-area-form",
-      component: React.lazy(() => import("@/registry-v2/demos/text-area/form")),
+      files: ["registry/demos/text-area/form.tsx"],
+      component: React.lazy(() => import("@/registry/demos/text-area/form")),
     },
     "text-area-label": {
       name: "text-area-label",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/label")
-      ),
+      files: ["registry/demos/text-area/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/text-area/label")),
     },
     "text-area-loading": {
       name: "text-area-loading",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/loading")
-      ),
+      files: ["registry/demos/text-area/loading.tsx"],
+      component: React.lazy(() => import("@/registry/demos/text-area/loading")),
     },
     "text-area-prefix-and-suffix": {
       name: "text-area-prefix-and-suffix",
+      files: ["registry/demos/text-area/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/prefix-and-suffix")
+        () => import("@/registry/demos/text-area/prefix-and-suffix")
       ),
     },
     "text-area-read-only": {
       name: "text-area-read-only",
+      files: ["registry/demos/text-area/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/read-only")
+        () => import("@/registry/demos/text-area/read-only")
       ),
     },
     "text-area-required": {
       name: "text-area-required",
+      files: ["registry/demos/text-area/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/required")
+        () => import("@/registry/demos/text-area/required")
       ),
     },
     "text-area-uncontrolled": {
       name: "text-area-uncontrolled",
+      files: ["registry/demos/text-area/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-area/uncontrolled")
+        () => import("@/registry/demos/text-area/uncontrolled")
       ),
     },
     "text-field-composition": {
       name: "text-field-composition",
+      files: ["registry/demos/text-field/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/composition")
+        () => import("@/registry/demos/text-field/composition")
       ),
     },
     "text-field-contextual-help": {
       name: "text-field-contextual-help",
+      files: ["registry/demos/text-field/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/contextual-help")
+        () => import("@/registry/demos/text-field/contextual-help")
       ),
     },
     "text-field-controlled": {
       name: "text-field-controlled",
+      files: ["registry/demos/text-field/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/controlled")
+        () => import("@/registry/demos/text-field/controlled")
       ),
     },
     "text-field-default": {
       name: "text-field-default",
+      files: ["registry/demos/text-field/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/default")
+        () => import("@/registry/demos/text-field/default")
       ),
     },
     "text-field-description": {
       name: "text-field-description",
+      files: ["registry/demos/text-field/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/description")
+        () => import("@/registry/demos/text-field/description")
       ),
     },
     "text-field-disabled": {
       name: "text-field-disabled",
+      files: ["registry/demos/text-field/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/disabled")
+        () => import("@/registry/demos/text-field/disabled")
       ),
     },
     "text-field-error-message": {
       name: "text-field-error-message",
+      files: ["registry/demos/text-field/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/error-message")
+        () => import("@/registry/demos/text-field/error-message")
       ),
     },
     "text-field-label": {
       name: "text-field-label",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/label")
-      ),
+      files: ["registry/demos/text-field/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/text-field/label")),
     },
     "text-field-loading": {
       name: "text-field-loading",
+      files: ["registry/demos/text-field/loading.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/loading")
+        () => import("@/registry/demos/text-field/loading")
       ),
     },
     "text-field-prefix-and-suffix": {
       name: "text-field-prefix-and-suffix",
+      files: ["registry/demos/text-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/prefix-and-suffix")
+        () => import("@/registry/demos/text-field/prefix-and-suffix")
       ),
     },
     "text-field-read-only": {
       name: "text-field-read-only",
+      files: ["registry/demos/text-field/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/read-only")
+        () => import("@/registry/demos/text-field/read-only")
       ),
     },
     "text-field-required": {
       name: "text-field-required",
+      files: ["registry/demos/text-field/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/required")
+        () => import("@/registry/demos/text-field/required")
       ),
     },
     "text-field-sizes": {
       name: "text-field-sizes",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/sizes")
-      ),
+      files: ["registry/demos/text-field/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/text-field/sizes")),
     },
     "text-field-uncontrolled": {
       name: "text-field-uncontrolled",
+      files: ["registry/demos/text-field/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/text-field/uncontrolled")
+        () => import("@/registry/demos/text-field/uncontrolled")
       ),
     },
     "time-field-composition": {
       name: "time-field-composition",
+      files: ["registry/demos/time-field/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/composition")
+        () => import("@/registry/demos/time-field/composition")
       ),
     },
     "time-field-contextual-help": {
       name: "time-field-contextual-help",
+      files: ["registry/demos/time-field/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/contextual-help")
+        () => import("@/registry/demos/time-field/contextual-help")
       ),
     },
     "time-field-controlled": {
       name: "time-field-controlled",
+      files: ["registry/demos/time-field/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/controlled")
+        () => import("@/registry/demos/time-field/controlled")
       ),
     },
     "time-field-default": {
       name: "time-field-default",
+      files: ["registry/demos/time-field/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/default")
+        () => import("@/registry/demos/time-field/default")
       ),
     },
     "time-field-description": {
       name: "time-field-description",
+      files: ["registry/demos/time-field/description.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/description")
+        () => import("@/registry/demos/time-field/description")
       ),
     },
     "time-field-disabled": {
       name: "time-field-disabled",
+      files: ["registry/demos/time-field/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/disabled")
+        () => import("@/registry/demos/time-field/disabled")
       ),
     },
     "time-field-error-message": {
       name: "time-field-error-message",
+      files: ["registry/demos/time-field/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/error-message")
+        () => import("@/registry/demos/time-field/error-message")
       ),
     },
     "time-field-granularity": {
       name: "time-field-granularity",
+      files: ["registry/demos/time-field/granularity.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/granularity")
+        () => import("@/registry/demos/time-field/granularity")
       ),
     },
     "time-field-hide-time-zone": {
       name: "time-field-hide-time-zone",
+      files: ["registry/demos/time-field/hide-time-zone.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/hide-time-zone")
+        () => import("@/registry/demos/time-field/hide-time-zone")
       ),
     },
     "time-field-hour-cycle": {
       name: "time-field-hour-cycle",
+      files: ["registry/demos/time-field/hour-cycle.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/hour-cycle")
+        () => import("@/registry/demos/time-field/hour-cycle")
       ),
     },
     "time-field-label": {
       name: "time-field-label",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/label")
-      ),
+      files: ["registry/demos/time-field/label.tsx"],
+      component: React.lazy(() => import("@/registry/demos/time-field/label")),
     },
     "time-field-loading": {
       name: "time-field-loading",
+      files: ["registry/demos/time-field/loading.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/loading")
+        () => import("@/registry/demos/time-field/loading")
       ),
     },
     "time-field-placeholder": {
       name: "time-field-placeholder",
+      files: ["registry/demos/time-field/placeholder.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/placeholder")
+        () => import("@/registry/demos/time-field/placeholder")
       ),
     },
     "time-field-prefix-and-suffix": {
       name: "time-field-prefix-and-suffix",
+      files: ["registry/demos/time-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/prefix-and-suffix")
+        () => import("@/registry/demos/time-field/prefix-and-suffix")
       ),
     },
     "time-field-read-only": {
       name: "time-field-read-only",
+      files: ["registry/demos/time-field/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/read-only")
+        () => import("@/registry/demos/time-field/read-only")
       ),
     },
     "time-field-required": {
       name: "time-field-required",
+      files: ["registry/demos/time-field/required.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/required")
+        () => import("@/registry/demos/time-field/required")
       ),
     },
     "time-field-sizes": {
       name: "time-field-sizes",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/sizes")
-      ),
+      files: ["registry/demos/time-field/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/time-field/sizes")),
     },
     "time-field-time-zones": {
       name: "time-field-time-zones",
+      files: ["registry/demos/time-field/time-zones.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/time-zones")
+        () => import("@/registry/demos/time-field/time-zones")
       ),
     },
     "time-field-uncontrolled": {
       name: "time-field-uncontrolled",
+      files: ["registry/demos/time-field/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/time-field/uncontrolled")
+        () => import("@/registry/demos/time-field/uncontrolled")
       ),
     },
     "toggle-button-controlled": {
       name: "toggle-button-controlled",
+      files: ["registry/demos/toggle-button/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/toggle-button/controlled")
+        () => import("@/registry/demos/toggle-button/controlled")
       ),
     },
     "toggle-button-default": {
       name: "toggle-button-default",
+      files: ["registry/demos/toggle-button/default.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/toggle-button/default")
+        () => import("@/registry/demos/toggle-button/default")
       ),
     },
     "toggle-button-disabled": {
       name: "toggle-button-disabled",
+      files: ["registry/demos/toggle-button/disabled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/toggle-button/disabled")
+        () => import("@/registry/demos/toggle-button/disabled")
       ),
     },
     "toggle-button-shapes": {
       name: "toggle-button-shapes",
+      files: ["registry/demos/toggle-button/shapes.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/toggle-button/shapes")
+        () => import("@/registry/demos/toggle-button/shapes")
       ),
     },
     "toggle-button-sizes": {
       name: "toggle-button-sizes",
+      files: ["registry/demos/toggle-button/sizes.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/toggle-button/sizes")
+        () => import("@/registry/demos/toggle-button/sizes")
       ),
     },
     "toggle-button-uncontrolled": {
       name: "toggle-button-uncontrolled",
+      files: ["registry/demos/toggle-button/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/toggle-button/uncontrolled")
+        () => import("@/registry/demos/toggle-button/uncontrolled")
       ),
     },
     "toggle-button-variants": {
       name: "toggle-button-variants",
+      files: ["registry/demos/toggle-button/variants.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/toggle-button/variants")
+        () => import("@/registry/demos/toggle-button/variants")
       ),
     },
     "tooltip-arrow": {
       name: "tooltip-arrow",
-      component: React.lazy(() => import("@/registry-v2/demos/tooltip/arrow")),
+      files: ["registry/demos/tooltip/arrow.tsx"],
+      component: React.lazy(() => import("@/registry/demos/tooltip/arrow")),
     },
     "tooltip-composition": {
       name: "tooltip-composition",
+      files: ["registry/demos/tooltip/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/tooltip/composition")
+        () => import("@/registry/demos/tooltip/composition")
       ),
     },
     "tooltip-container-padding": {
       name: "tooltip-container-padding",
+      files: ["registry/demos/tooltip/container-padding.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/tooltip/container-padding")
+        () => import("@/registry/demos/tooltip/container-padding")
       ),
     },
     "tooltip-default": {
       name: "tooltip-default",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/tooltip/default")
-      ),
+      files: ["registry/demos/tooltip/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/tooltip/default")),
     },
     "tooltip-delay": {
       name: "tooltip-delay",
-      component: React.lazy(() => import("@/registry-v2/demos/tooltip/delay")),
+      files: ["registry/demos/tooltip/delay.tsx"],
+      component: React.lazy(() => import("@/registry/demos/tooltip/delay")),
     },
     "tooltip-flip": {
       name: "tooltip-flip",
-      component: React.lazy(() => import("@/registry-v2/demos/tooltip/flip")),
+      files: ["registry/demos/tooltip/flip.tsx"],
+      component: React.lazy(() => import("@/registry/demos/tooltip/flip")),
     },
     "tooltip-offset": {
       name: "tooltip-offset",
-      component: React.lazy(() => import("@/registry-v2/demos/tooltip/offset")),
+      files: ["registry/demos/tooltip/offset.tsx"],
+      component: React.lazy(() => import("@/registry/demos/tooltip/offset")),
     },
     "tooltip-placement": {
       name: "tooltip-placement",
-      component: React.lazy(
-        () => import("@/registry-v2/demos/tooltip/placement")
-      ),
+      files: ["registry/demos/tooltip/placement.tsx"],
+      component: React.lazy(() => import("@/registry/demos/tooltip/placement")),
     },
     "tooltip-with-arrow": {
       name: "tooltip-with-arrow",
+      files: ["registry/demos/tooltip/with-arrow.tsx"],
       component: React.lazy(
-        () => import("@/registry-v2/demos/tooltip/with-arrow")
+        () => import("@/registry/demos/tooltip/with-arrow")
       ),
     },
   },
diff --git a/www/src/app/(app)/themes/components/colors.tsx b/www/src/app/(app)/themes/components/colors.tsx
index 21aefc589..b0d76b642 100644
--- a/www/src/app/(app)/themes/components/colors.tsx
+++ b/www/src/app/(app)/themes/components/colors.tsx
@@ -14,9 +14,9 @@ import { Dialog, DialogRoot } from "@/components/core/dialog";
 import { Label } from "@/components/core/field";
 import { Skeleton } from "@/components/core/skeleton";
 import { Slider } from "@/components/core/slider";
-import { Tag, TagGroup } from "@/components/core/tag-group/tag-group";
+import { Tag, TagGroup } from "@/components/core/tag-group";
 import { Tooltip } from "@/components/core/tooltip";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { focusRing } from "@/lib/focus-styles";
 import { BaseColor } from "@/types/theme";
 import { usePreview } from "./context";
 
diff --git a/www/src/components/choices.tsx b/www/src/components/choices.tsx
index c63988372..e9754e159 100644
--- a/www/src/components/choices.tsx
+++ b/www/src/components/choices.tsx
@@ -10,7 +10,7 @@ import {
   type TabPanelProps,
 } from "react-aria-components";
 import { cn } from "@/lib/cn";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { focusRing } from "@/lib/focus-styles";
 
 export interface ChoicesProps extends Omit<BaseProps, "children"> {
   children: React.ReactNode;
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index d1a9022e5..c45eb765f 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -2,13 +2,12 @@ import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
 import { PaintBucket } from "lucide-react";
 import { cn } from "@/lib/cn";
-// import { getFileSource } from "@/lib/get-file-source";
-// import { CodeBlock } from "@/components/code-block";
+import { getFileSource } from "@/lib/get-file-source";
+import { CodeBlock } from "@/components/code-block";
 import { Button } from "@/components/core/button";
 import { Tooltip } from "@/components/core/tooltip";
-// import { styles } from "@/registry/styles";
-// import { Index } from "@/__demos__";
-// import { ComponentPreviewClient } from "./component-preview-client";
+import { Index } from "@/__demos__";
+import { ComponentPreviewClient } from "./component-preview-client";
 import { ThemeCustomizerDialog } from "./theme-customizer";
 import { ThemeOverride } from "./theme-override";
 
@@ -28,78 +27,75 @@ export const ComponentPreview = async ({
   expandable,
 }: ComponentPreviewProps) => {
   const type = name.split("/")[0];
-  // const componentName = name.split("/")[1];
+  const componentName = name.split("/")[1];
 
-  if (type === "core") {
-  //   const demos: {
-  //     component: React.ComponentType;
-  //     code: Array<{
-  //       fileName: string;
-  //       code: string;
-  //     }>;
-  //   }[] = styles.map((style) => {
-  //     const demo = Index["core"][style.name][componentName];
-  //     return {
-  //       component: demo.component,
-  //       code: demo.files.map((file: string) => {
-  //         const { fileName, content } = getFileSource(file);
-  //         return {
-  //           fileName,
-  //           code: content,
-  //         };
-  //       }),
-  //     };
-  //   });
+  const demoItem = Index[type][componentName];
+  console.log(demoItem);
+  const demos: {
+    component: React.ComponentType;
+    code: Array<{
+      fileName: string;
+      code: string;
+    }>;
+  }[] = [
+    {
+      component: demoItem.component,
+      code: demoItem.files.map((file: string) => {
+        const { fileName, content } = getFileSource(file);
+        return {
+          fileName,
+          code: content,
+        };
+      }),
+    },
+  ];
 
-    return (
-      <div
-        className={cn("overflow-hidden rounded-md border", containerClassName)}
-      >
-        <div className="relative">
-          <ThemeOverride>
-            <ThemeCustomizerDialog>
-              <Tooltip
-                content={
-                  <span>
-                    <span className="text-fg-muted">Theme:</span> dotUI
-                  </span>
-                }
-              >
-                <Button
-                  variant="outline"
-                  shape="square"
-                  size="sm"
-                  className="absolute right-2 top-2 z-50 font-normal"
-                >
-                  <PaintBucket />
-                </Button>
-              </Tooltip>
-            </ThemeCustomizerDialog>
-            <ScrollArea
-              className={cn(
-                "flex items-center justify-center",
-                "bg-bg text-fg"
-              )}
+  return (
+    <div
+      className={cn("overflow-hidden rounded-md border", containerClassName)}
+    >
+      <div className="relative">
+        <ThemeOverride>
+          <ThemeCustomizerDialog>
+            <Tooltip
+              content={
+                <span>
+                  <span className="text-fg-muted">Theme:</span> dotUI
+                </span>
+              }
             >
-              <div className="flex min-h-40 items-center justify-center px-4 py-8">
-                <div
-                  className={cn(
-                    "flex w-full items-center justify-center",
-                    className
-                  )}
-                >
-                  {/* <ComponentPreviewClient
-                    demos={demos.map((elem, index) => {
-                      const Comp = elem.component;
-                      return <Comp key={index} />;
-                    })}
-                  /> */}
-                </div>
+              <Button
+                variant="outline"
+                shape="square"
+                size="sm"
+                className="absolute right-2 top-2 z-50 font-normal"
+              >
+                <PaintBucket />
+              </Button>
+            </Tooltip>
+          </ThemeCustomizerDialog>
+          <ScrollArea
+            className={cn("flex items-center justify-center", "bg-bg text-fg")}
+          >
+            <div className="flex min-h-40 items-center justify-center px-4 py-8">
+              <div
+                className={cn(
+                  "flex w-full items-center justify-center",
+                  className
+                )}
+              >
+                <ComponentPreviewClient
+                  demos={demos.map((elem, index) => {
+                    const Comp = elem.component;
+                    return <Comp key={index} />;
+                  })}
+                />
               </div>
-            </ScrollArea>
-          </ThemeOverride>
-        </div>
-        {/* <ComponentPreviewClient
+            </div>
+          </ScrollArea>
+        </ThemeOverride>
+      </div>
+      <ComponentPreviewClient
           demos={demos.map((elem, index) => {
             return (
               <CodeBlock
@@ -115,13 +111,7 @@ export const ComponentPreview = async ({
               />
             );
           })}
-        /> */}
-      </div>
-    );
-  }
-
-  // TODO: handle other component types
-  return (
-    <p className="text-fg-muted text-sm">Component type {type} not handled.</p>
+        />
+    </div>
   );
 };
diff --git a/www/src/components/core/alert.tsx b/www/src/components/core/alert.tsx
index 153bf627d..4cbbcd351 100644
--- a/www/src/components/core/alert.tsx
+++ b/www/src/components/core/alert.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/alert";
+export * from "@/registry/core/alert";
diff --git a/www/src/components/core/aspect-ratio.tsx b/www/src/components/core/aspect-ratio.tsx
index 841c17d64..a187f0fce 100644
--- a/www/src/components/core/aspect-ratio.tsx
+++ b/www/src/components/core/aspect-ratio.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/aspect-ratio";
\ No newline at end of file
+export * from "@/registry/core/aspect-ratio";
diff --git a/www/src/components/core/avatar.tsx b/www/src/components/core/avatar.tsx
index e6ac7eb0f..bffee191f 100644
--- a/www/src/components/core/avatar.tsx
+++ b/www/src/components/core/avatar.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/avatar";
\ No newline at end of file
+export * from "@/registry/core/avatar";
diff --git a/www/src/components/core/badge.tsx b/www/src/components/core/badge.tsx
index b35933dcd..9f91555c9 100644
--- a/www/src/components/core/badge.tsx
+++ b/www/src/components/core/badge.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/badge";
\ No newline at end of file
+export * from "@/registry/core/badge";
diff --git a/www/src/components/core/breadcrumbs.tsx b/www/src/components/core/breadcrumbs.tsx
index 141be27d4..6ab3e247c 100644
--- a/www/src/components/core/breadcrumbs.tsx
+++ b/www/src/components/core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/breadcrumbs";
\ No newline at end of file
+export * from "@/registry/core/breadcrumbs";
diff --git a/www/src/components/core/button.tsx b/www/src/components/core/button.tsx
index 033fc85b0..0d111378f 100644
--- a/www/src/components/core/button.tsx
+++ b/www/src/components/core/button.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/button";
\ No newline at end of file
+export * from "@/registry/core/button";
diff --git a/www/src/components/core/calendar.tsx b/www/src/components/core/calendar.tsx
index 20c125fd8..7d86ebdc8 100644
--- a/www/src/components/core/calendar.tsx
+++ b/www/src/components/core/calendar.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/calendar";
\ No newline at end of file
+export * from "@/registry/core/calendar";
diff --git a/www/src/components/core/checkbox-group.tsx b/www/src/components/core/checkbox-group.tsx
index 6b91ebd49..baff293c5 100644
--- a/www/src/components/core/checkbox-group.tsx
+++ b/www/src/components/core/checkbox-group.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/checkbox-group";
\ No newline at end of file
+export * from "@/registry/core/checkbox-group";
diff --git a/www/src/components/core/checkbox.tsx b/www/src/components/core/checkbox.tsx
index 6288ee73d..3e6a8618a 100644
--- a/www/src/components/core/checkbox.tsx
+++ b/www/src/components/core/checkbox.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/checkbox";
\ No newline at end of file
+export * from "@/registry/core/checkbox";
diff --git a/www/src/components/core/collapsible.tsx b/www/src/components/core/collapsible.tsx
index 174387790..dd4a87930 100644
--- a/www/src/components/core/collapsible.tsx
+++ b/www/src/components/core/collapsible.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/collapsible";
\ No newline at end of file
+export * from "@/registry/core/collapsible";
diff --git a/www/src/components/core/color-area.tsx b/www/src/components/core/color-area.tsx
index eb948dcad..87aae0d3b 100644
--- a/www/src/components/core/color-area.tsx
+++ b/www/src/components/core/color-area.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-area";
\ No newline at end of file
+export * from "@/registry/core/color-area";
diff --git a/www/src/components/core/color-field.tsx b/www/src/components/core/color-field.tsx
index e8484f59d..7ffcea66f 100644
--- a/www/src/components/core/color-field.tsx
+++ b/www/src/components/core/color-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-field";
\ No newline at end of file
+export * from "@/registry/core/color-field";
diff --git a/www/src/components/core/color-picker.tsx b/www/src/components/core/color-picker.tsx
index 305706cf8..e1cc3fc06 100644
--- a/www/src/components/core/color-picker.tsx
+++ b/www/src/components/core/color-picker.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-picker";
+export * from "@/registry/core/color-picker";
diff --git a/www/src/components/core/color-slider.tsx b/www/src/components/core/color-slider.tsx
index 5dab0ca25..f129ecd6e 100644
--- a/www/src/components/core/color-slider.tsx
+++ b/www/src/components/core/color-slider.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-slider";
\ No newline at end of file
+export * from "@/registry/core/color-slider";
diff --git a/www/src/components/core/color-swatch.tsx b/www/src/components/core/color-swatch.tsx
index 9d96bb2cb..b748886e2 100644
--- a/www/src/components/core/color-swatch.tsx
+++ b/www/src/components/core/color-swatch.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-swatch";
\ No newline at end of file
+export * from "@/registry/core/color-swatch";
diff --git a/www/src/components/core/color-thumb.tsx b/www/src/components/core/color-thumb.tsx
index 7d00885d7..651b1b9f9 100644
--- a/www/src/components/core/color-thumb.tsx
+++ b/www/src/components/core/color-thumb.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-thumb";
\ No newline at end of file
+export * from "@/registry/core/color-thumb";
diff --git a/www/src/components/core/combobox.tsx b/www/src/components/core/combobox.tsx
index 7b249ffd4..a86704b16 100644
--- a/www/src/components/core/combobox.tsx
+++ b/www/src/components/core/combobox.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/combobox";
\ No newline at end of file
+export * from "@/registry/core/combobox";
diff --git a/www/src/components/core/command.tsx b/www/src/components/core/command.tsx
index 3bda91274..352f6f35b 100644
--- a/www/src/components/core/command.tsx
+++ b/www/src/components/core/command.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/command";
\ No newline at end of file
+export * from "@/registry/core/command";
diff --git a/www/src/components/core/contextual-help.tsx b/www/src/components/core/contextual-help.tsx
index 9de762845..72ed12e54 100644
--- a/www/src/components/core/contextual-help.tsx
+++ b/www/src/components/core/contextual-help.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/contextual-help";
\ No newline at end of file
+export * from "@/registry/core/contextual-help";
diff --git a/www/src/components/core/date-field.tsx b/www/src/components/core/date-field.tsx
index 36022626b..fe63c47fa 100644
--- a/www/src/components/core/date-field.tsx
+++ b/www/src/components/core/date-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/date-field";
\ No newline at end of file
+export * from "@/registry/core/date-field";
diff --git a/www/src/components/core/date-input.tsx b/www/src/components/core/date-input.tsx
index dae089437..41562018f 100644
--- a/www/src/components/core/date-input.tsx
+++ b/www/src/components/core/date-input.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/date-input";
\ No newline at end of file
+export * from "@/registry/core/date-input";
diff --git a/www/src/components/core/date-picker.tsx b/www/src/components/core/date-picker.tsx
index e38595f40..3ff9fdd3b 100644
--- a/www/src/components/core/date-picker.tsx
+++ b/www/src/components/core/date-picker.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/date-picker";
\ No newline at end of file
+export * from "@/registry/core/date-picker";
diff --git a/www/src/components/core/date-range-picker.tsx b/www/src/components/core/date-range-picker.tsx
index 5dbdb8baa..9964a8b8b 100644
--- a/www/src/components/core/date-range-picker.tsx
+++ b/www/src/components/core/date-range-picker.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/date-range-picker";
\ No newline at end of file
+export * from "@/registry/core/date-range-picker";
diff --git a/www/src/components/core/dialog.tsx b/www/src/components/core/dialog.tsx
index e2252d29c..a1cc743c2 100644
--- a/www/src/components/core/dialog.tsx
+++ b/www/src/components/core/dialog.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/dialog";
\ No newline at end of file
+export * from "@/registry/core/dialog";
diff --git a/www/src/components/core/drop-zone.tsx b/www/src/components/core/drop-zone.tsx
index 3afc5c56a..d4ac56f14 100644
--- a/www/src/components/core/drop-zone.tsx
+++ b/www/src/components/core/drop-zone.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/drop-zone";
\ No newline at end of file
+export * from "@/registry/core/drop-zone";
diff --git a/www/src/components/core/field.tsx b/www/src/components/core/field.tsx
index 02adc46d0..36c81c284 100644
--- a/www/src/components/core/field.tsx
+++ b/www/src/components/core/field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/field";
\ No newline at end of file
+export * from "@/registry/core/field";
diff --git a/www/src/components/core/file-trigger.tsx b/www/src/components/core/file-trigger.tsx
index 7acc11778..b6737091b 100644
--- a/www/src/components/core/file-trigger.tsx
+++ b/www/src/components/core/file-trigger.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/file-trigger";
\ No newline at end of file
+export * from "@/registry/core/file-trigger";
diff --git a/www/src/components/core/form.tsx b/www/src/components/core/form.tsx
index ff84214fb..b0b212e82 100644
--- a/www/src/components/core/form.tsx
+++ b/www/src/components/core/form.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/form";
\ No newline at end of file
+export * from "@/registry/core/form";
diff --git a/www/src/components/core/group.tsx b/www/src/components/core/group.tsx
index ab2839e3d..ab62c7593 100644
--- a/www/src/components/core/group.tsx
+++ b/www/src/components/core/group.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/group";
\ No newline at end of file
+export * from "@/registry/core/group";
diff --git a/www/src/components/core/heading.tsx b/www/src/components/core/heading.tsx
index 23ad1cdb9..1c75aa222 100644
--- a/www/src/components/core/heading.tsx
+++ b/www/src/components/core/heading.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/heading";
\ No newline at end of file
+export * from "@/registry/core/heading";
diff --git a/www/src/components/core/input.tsx b/www/src/components/core/input.tsx
index e647ddec7..530457376 100644
--- a/www/src/components/core/input.tsx
+++ b/www/src/components/core/input.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/input";
\ No newline at end of file
+export * from "@/registry/core/input";
diff --git a/www/src/components/core/kbd.tsx b/www/src/components/core/kbd.tsx
index 3fc24ef6c..8a8589bbc 100644
--- a/www/src/components/core/kbd.tsx
+++ b/www/src/components/core/kbd.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/kbd";
\ No newline at end of file
+export * from "@/registry/core/kbd";
diff --git a/www/src/components/core/link.tsx b/www/src/components/core/link.tsx
index 69b9029ee..85678c8a5 100644
--- a/www/src/components/core/link.tsx
+++ b/www/src/components/core/link.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/link";
\ No newline at end of file
+export * from "@/registry/core/link";
diff --git a/www/src/components/core/list-box.tsx b/www/src/components/core/list-box.tsx
index b73fa9873..44b45c9b9 100644
--- a/www/src/components/core/list-box.tsx
+++ b/www/src/components/core/list-box.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/list-box";
\ No newline at end of file
+export * from "@/registry/core/list-box";
diff --git a/www/src/components/core/menu.tsx b/www/src/components/core/menu.tsx
index 72db5019c..c00f0e3dd 100644
--- a/www/src/components/core/menu.tsx
+++ b/www/src/components/core/menu.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/menu";
\ No newline at end of file
+export * from "@/registry/core/menu";
diff --git a/www/src/components/core/number-field.tsx b/www/src/components/core/number-field.tsx
index ae41820f8..8f813cd83 100644
--- a/www/src/components/core/number-field.tsx
+++ b/www/src/components/core/number-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/number-field";
\ No newline at end of file
+export * from "@/registry/core/number-field";
diff --git a/www/src/components/core/overlay.tsx b/www/src/components/core/overlay.tsx
index 1f879f973..6fd6b8a57 100644
--- a/www/src/components/core/overlay.tsx
+++ b/www/src/components/core/overlay.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/overlay";
\ No newline at end of file
+export * from "@/registry/core/overlay";
diff --git a/www/src/components/core/progress.tsx b/www/src/components/core/progress.tsx
index a9f1e7dd5..d8983169e 100644
--- a/www/src/components/core/progress.tsx
+++ b/www/src/components/core/progress.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/progress";
\ No newline at end of file
+export * from "@/registry/core/progress";
diff --git a/www/src/components/core/radio-group.tsx b/www/src/components/core/radio-group.tsx
index f2140ac5e..72819ea6c 100644
--- a/www/src/components/core/radio-group.tsx
+++ b/www/src/components/core/radio-group.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/radio-group";
\ No newline at end of file
+export * from "@/registry/core/radio-group";
diff --git a/www/src/components/core/range-calendar.tsx b/www/src/components/core/range-calendar.tsx
index cca9d170c..63283ced5 100644
--- a/www/src/components/core/range-calendar.tsx
+++ b/www/src/components/core/range-calendar.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/range-calendar";
\ No newline at end of file
+export * from "@/registry/core/range-calendar";
diff --git a/www/src/components/core/resizable.tsx b/www/src/components/core/resizable.tsx
index e84771023..39f591316 100644
--- a/www/src/components/core/resizable.tsx
+++ b/www/src/components/core/resizable.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/resizable";
\ No newline at end of file
+export * from "@/registry/core/resizable";
diff --git a/www/src/components/core/scroll-area.tsx b/www/src/components/core/scroll-area.tsx
index 31b563923..0a9909558 100644
--- a/www/src/components/core/scroll-area.tsx
+++ b/www/src/components/core/scroll-area.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/scroll-area";
\ No newline at end of file
+export * from "@/registry/core/scroll-area";
diff --git a/www/src/components/core/search-field.tsx b/www/src/components/core/search-field.tsx
index 1e87397c3..03e932b97 100644
--- a/www/src/components/core/search-field.tsx
+++ b/www/src/components/core/search-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/search-field";
\ No newline at end of file
+export * from "@/registry/core/search-field";
diff --git a/www/src/components/core/section.tsx b/www/src/components/core/section.tsx
index bf1e28564..86c515761 100644
--- a/www/src/components/core/section.tsx
+++ b/www/src/components/core/section.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/section";
\ No newline at end of file
+export * from "@/registry/core/section";
diff --git a/www/src/components/core/select.tsx b/www/src/components/core/select.tsx
index 6d00a950d..33478f7b4 100644
--- a/www/src/components/core/select.tsx
+++ b/www/src/components/core/select.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/select";
\ No newline at end of file
+export * from "@/registry/core/select";
diff --git a/www/src/components/core/separator.tsx b/www/src/components/core/separator.tsx
index 0e4c9194e..a07a5c4ef 100644
--- a/www/src/components/core/separator.tsx
+++ b/www/src/components/core/separator.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/separator";
\ No newline at end of file
+export * from "@/registry/core/separator";
diff --git a/www/src/components/core/skeleton.tsx b/www/src/components/core/skeleton.tsx
index 9983c3980..6954cbe47 100644
--- a/www/src/components/core/skeleton.tsx
+++ b/www/src/components/core/skeleton.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/skeleton";
\ No newline at end of file
+export * from "@/registry/core/skeleton";
diff --git a/www/src/components/core/slider.tsx b/www/src/components/core/slider.tsx
index e909aee8c..9c2b03a26 100644
--- a/www/src/components/core/slider.tsx
+++ b/www/src/components/core/slider.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/slider";
\ No newline at end of file
+export * from "@/registry/core/slider";
diff --git a/www/src/components/core/switch.tsx b/www/src/components/core/switch.tsx
index 51d287da4..ec98f7aca 100644
--- a/www/src/components/core/switch.tsx
+++ b/www/src/components/core/switch.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/switch";
\ No newline at end of file
+export * from "@/registry/core/switch";
diff --git a/www/src/components/core/table.tsx b/www/src/components/core/table.tsx
index 45d54f634..67ae8ae33 100644
--- a/www/src/components/core/table.tsx
+++ b/www/src/components/core/table.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/table";
\ No newline at end of file
+export * from "@/registry/core/table";
diff --git a/www/src/components/core/tabs.tsx b/www/src/components/core/tabs.tsx
index 8059ee98c..15f792b58 100644
--- a/www/src/components/core/tabs.tsx
+++ b/www/src/components/core/tabs.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/tabs";
\ No newline at end of file
+export * from "@/registry/core/tabs";
diff --git a/www/src/components/core/tag-group.tsx b/www/src/components/core/tag-group.tsx
index 835821dd9..03d2e0fac 100644
--- a/www/src/components/core/tag-group.tsx
+++ b/www/src/components/core/tag-group.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/tag-group";
\ No newline at end of file
+export * from "@/registry/core/tag-group";
diff --git a/www/src/components/core/text-area.tsx b/www/src/components/core/text-area.tsx
index 5c9b85cbb..e73a03ba6 100644
--- a/www/src/components/core/text-area.tsx
+++ b/www/src/components/core/text-area.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/text-area";
\ No newline at end of file
+export * from "@/registry/core/text-area";
diff --git a/www/src/components/core/text-field.tsx b/www/src/components/core/text-field.tsx
index de9486ed4..f54982c07 100644
--- a/www/src/components/core/text-field.tsx
+++ b/www/src/components/core/text-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/text-field";
\ No newline at end of file
+export * from "@/registry/core/text-field";
diff --git a/www/src/components/core/text.tsx b/www/src/components/core/text.tsx
index ce9552d80..917fae3eb 100644
--- a/www/src/components/core/text.tsx
+++ b/www/src/components/core/text.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/text";
\ No newline at end of file
+export * from "@/registry/core/text";
diff --git a/www/src/components/core/time-field.tsx b/www/src/components/core/time-field.tsx
index f6d037617..fb2a26fc4 100644
--- a/www/src/components/core/time-field.tsx
+++ b/www/src/components/core/time-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/time-field";
\ No newline at end of file
+export * from "@/registry/core/time-field";
diff --git a/www/src/components/core/toggle-button.tsx b/www/src/components/core/toggle-button.tsx
index cf321b434..996d5b444 100644
--- a/www/src/components/core/toggle-button.tsx
+++ b/www/src/components/core/toggle-button.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/toggle-button";
\ No newline at end of file
+export * from "@/registry/core/toggle-button";
diff --git a/www/src/components/core/toggle-group.tsx b/www/src/components/core/toggle-group.tsx
index 4f948cd45..8d972a69b 100644
--- a/www/src/components/core/toggle-group.tsx
+++ b/www/src/components/core/toggle-group.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/toggle-group";
\ No newline at end of file
+export * from "@/registry/core/toggle-group";
diff --git a/www/src/components/core/tooltip.tsx b/www/src/components/core/tooltip.tsx
index c5713bf6e..00d3935e7 100644
--- a/www/src/components/core/tooltip.tsx
+++ b/www/src/components/core/tooltip.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/tooltip";
\ No newline at end of file
+export * from "@/registry/core/tooltip";
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index 153bf627d..4cbbcd351 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/alert";
+export * from "@/registry/core/alert";
diff --git a/www/src/components/dynamic-core/aspect-ratio.tsx b/www/src/components/dynamic-core/aspect-ratio.tsx
index 841c17d64..a187f0fce 100644
--- a/www/src/components/dynamic-core/aspect-ratio.tsx
+++ b/www/src/components/dynamic-core/aspect-ratio.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/aspect-ratio";
\ No newline at end of file
+export * from "@/registry/core/aspect-ratio";
diff --git a/www/src/components/dynamic-core/avatar.tsx b/www/src/components/dynamic-core/avatar.tsx
index e6ac7eb0f..bffee191f 100644
--- a/www/src/components/dynamic-core/avatar.tsx
+++ b/www/src/components/dynamic-core/avatar.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/avatar";
\ No newline at end of file
+export * from "@/registry/core/avatar";
diff --git a/www/src/components/dynamic-core/badge.tsx b/www/src/components/dynamic-core/badge.tsx
index b35933dcd..9f91555c9 100644
--- a/www/src/components/dynamic-core/badge.tsx
+++ b/www/src/components/dynamic-core/badge.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/badge";
\ No newline at end of file
+export * from "@/registry/core/badge";
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
index 141be27d4..6ab3e247c 100644
--- a/www/src/components/dynamic-core/breadcrumbs.tsx
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/breadcrumbs";
\ No newline at end of file
+export * from "@/registry/core/breadcrumbs";
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index 033fc85b0..0d111378f 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/button";
\ No newline at end of file
+export * from "@/registry/core/button";
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index 20c125fd8..7d86ebdc8 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/calendar";
\ No newline at end of file
+export * from "@/registry/core/calendar";
diff --git a/www/src/components/dynamic-core/checkbox-group.tsx b/www/src/components/dynamic-core/checkbox-group.tsx
index 6b91ebd49..baff293c5 100644
--- a/www/src/components/dynamic-core/checkbox-group.tsx
+++ b/www/src/components/dynamic-core/checkbox-group.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/checkbox-group";
\ No newline at end of file
+export * from "@/registry/core/checkbox-group";
diff --git a/www/src/components/dynamic-core/checkbox.tsx b/www/src/components/dynamic-core/checkbox.tsx
index 6288ee73d..3e6a8618a 100644
--- a/www/src/components/dynamic-core/checkbox.tsx
+++ b/www/src/components/dynamic-core/checkbox.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/checkbox";
\ No newline at end of file
+export * from "@/registry/core/checkbox";
diff --git a/www/src/components/dynamic-core/collapsible.tsx b/www/src/components/dynamic-core/collapsible.tsx
index 174387790..dd4a87930 100644
--- a/www/src/components/dynamic-core/collapsible.tsx
+++ b/www/src/components/dynamic-core/collapsible.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/collapsible";
\ No newline at end of file
+export * from "@/registry/core/collapsible";
diff --git a/www/src/components/dynamic-core/color-area.tsx b/www/src/components/dynamic-core/color-area.tsx
index eb948dcad..87aae0d3b 100644
--- a/www/src/components/dynamic-core/color-area.tsx
+++ b/www/src/components/dynamic-core/color-area.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-area";
\ No newline at end of file
+export * from "@/registry/core/color-area";
diff --git a/www/src/components/dynamic-core/color-field.tsx b/www/src/components/dynamic-core/color-field.tsx
index e8484f59d..7ffcea66f 100644
--- a/www/src/components/dynamic-core/color-field.tsx
+++ b/www/src/components/dynamic-core/color-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-field";
\ No newline at end of file
+export * from "@/registry/core/color-field";
diff --git a/www/src/components/dynamic-core/color-picker.tsx b/www/src/components/dynamic-core/color-picker.tsx
index 305706cf8..e1cc3fc06 100644
--- a/www/src/components/dynamic-core/color-picker.tsx
+++ b/www/src/components/dynamic-core/color-picker.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-picker";
+export * from "@/registry/core/color-picker";
diff --git a/www/src/components/dynamic-core/color-slider.tsx b/www/src/components/dynamic-core/color-slider.tsx
index 5dab0ca25..f129ecd6e 100644
--- a/www/src/components/dynamic-core/color-slider.tsx
+++ b/www/src/components/dynamic-core/color-slider.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-slider";
\ No newline at end of file
+export * from "@/registry/core/color-slider";
diff --git a/www/src/components/dynamic-core/color-swatch.tsx b/www/src/components/dynamic-core/color-swatch.tsx
index 9d96bb2cb..b748886e2 100644
--- a/www/src/components/dynamic-core/color-swatch.tsx
+++ b/www/src/components/dynamic-core/color-swatch.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-swatch";
\ No newline at end of file
+export * from "@/registry/core/color-swatch";
diff --git a/www/src/components/dynamic-core/color-thumb.tsx b/www/src/components/dynamic-core/color-thumb.tsx
index 7d00885d7..651b1b9f9 100644
--- a/www/src/components/dynamic-core/color-thumb.tsx
+++ b/www/src/components/dynamic-core/color-thumb.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/color-thumb";
\ No newline at end of file
+export * from "@/registry/core/color-thumb";
diff --git a/www/src/components/dynamic-core/combobox.tsx b/www/src/components/dynamic-core/combobox.tsx
index 7b249ffd4..a86704b16 100644
--- a/www/src/components/dynamic-core/combobox.tsx
+++ b/www/src/components/dynamic-core/combobox.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/combobox";
\ No newline at end of file
+export * from "@/registry/core/combobox";
diff --git a/www/src/components/dynamic-core/command.tsx b/www/src/components/dynamic-core/command.tsx
index 3bda91274..352f6f35b 100644
--- a/www/src/components/dynamic-core/command.tsx
+++ b/www/src/components/dynamic-core/command.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/command";
\ No newline at end of file
+export * from "@/registry/core/command";
diff --git a/www/src/components/dynamic-core/contextual-help.tsx b/www/src/components/dynamic-core/contextual-help.tsx
index 9de762845..72ed12e54 100644
--- a/www/src/components/dynamic-core/contextual-help.tsx
+++ b/www/src/components/dynamic-core/contextual-help.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/contextual-help";
\ No newline at end of file
+export * from "@/registry/core/contextual-help";
diff --git a/www/src/components/dynamic-core/date-field.tsx b/www/src/components/dynamic-core/date-field.tsx
index 36022626b..fe63c47fa 100644
--- a/www/src/components/dynamic-core/date-field.tsx
+++ b/www/src/components/dynamic-core/date-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/date-field";
\ No newline at end of file
+export * from "@/registry/core/date-field";
diff --git a/www/src/components/dynamic-core/date-input.tsx b/www/src/components/dynamic-core/date-input.tsx
index dae089437..41562018f 100644
--- a/www/src/components/dynamic-core/date-input.tsx
+++ b/www/src/components/dynamic-core/date-input.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/date-input";
\ No newline at end of file
+export * from "@/registry/core/date-input";
diff --git a/www/src/components/dynamic-core/date-picker.tsx b/www/src/components/dynamic-core/date-picker.tsx
index e38595f40..3ff9fdd3b 100644
--- a/www/src/components/dynamic-core/date-picker.tsx
+++ b/www/src/components/dynamic-core/date-picker.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/date-picker";
\ No newline at end of file
+export * from "@/registry/core/date-picker";
diff --git a/www/src/components/dynamic-core/date-range-picker.tsx b/www/src/components/dynamic-core/date-range-picker.tsx
index 5dbdb8baa..9964a8b8b 100644
--- a/www/src/components/dynamic-core/date-range-picker.tsx
+++ b/www/src/components/dynamic-core/date-range-picker.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/date-range-picker";
\ No newline at end of file
+export * from "@/registry/core/date-range-picker";
diff --git a/www/src/components/dynamic-core/dialog.tsx b/www/src/components/dynamic-core/dialog.tsx
index e2252d29c..a1cc743c2 100644
--- a/www/src/components/dynamic-core/dialog.tsx
+++ b/www/src/components/dynamic-core/dialog.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/dialog";
\ No newline at end of file
+export * from "@/registry/core/dialog";
diff --git a/www/src/components/dynamic-core/drop-zone.tsx b/www/src/components/dynamic-core/drop-zone.tsx
index 3afc5c56a..d4ac56f14 100644
--- a/www/src/components/dynamic-core/drop-zone.tsx
+++ b/www/src/components/dynamic-core/drop-zone.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/drop-zone";
\ No newline at end of file
+export * from "@/registry/core/drop-zone";
diff --git a/www/src/components/dynamic-core/field.tsx b/www/src/components/dynamic-core/field.tsx
index 02adc46d0..36c81c284 100644
--- a/www/src/components/dynamic-core/field.tsx
+++ b/www/src/components/dynamic-core/field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/field";
\ No newline at end of file
+export * from "@/registry/core/field";
diff --git a/www/src/components/dynamic-core/file-trigger.tsx b/www/src/components/dynamic-core/file-trigger.tsx
index 7acc11778..b6737091b 100644
--- a/www/src/components/dynamic-core/file-trigger.tsx
+++ b/www/src/components/dynamic-core/file-trigger.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/file-trigger";
\ No newline at end of file
+export * from "@/registry/core/file-trigger";
diff --git a/www/src/components/dynamic-core/form.tsx b/www/src/components/dynamic-core/form.tsx
index ff84214fb..b0b212e82 100644
--- a/www/src/components/dynamic-core/form.tsx
+++ b/www/src/components/dynamic-core/form.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/form";
\ No newline at end of file
+export * from "@/registry/core/form";
diff --git a/www/src/components/dynamic-core/group.tsx b/www/src/components/dynamic-core/group.tsx
index ab2839e3d..ab62c7593 100644
--- a/www/src/components/dynamic-core/group.tsx
+++ b/www/src/components/dynamic-core/group.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/group";
\ No newline at end of file
+export * from "@/registry/core/group";
diff --git a/www/src/components/dynamic-core/heading.tsx b/www/src/components/dynamic-core/heading.tsx
index 23ad1cdb9..1c75aa222 100644
--- a/www/src/components/dynamic-core/heading.tsx
+++ b/www/src/components/dynamic-core/heading.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/heading";
\ No newline at end of file
+export * from "@/registry/core/heading";
diff --git a/www/src/components/dynamic-core/input.tsx b/www/src/components/dynamic-core/input.tsx
index e647ddec7..530457376 100644
--- a/www/src/components/dynamic-core/input.tsx
+++ b/www/src/components/dynamic-core/input.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/input";
\ No newline at end of file
+export * from "@/registry/core/input";
diff --git a/www/src/components/dynamic-core/kbd.tsx b/www/src/components/dynamic-core/kbd.tsx
index 3fc24ef6c..8a8589bbc 100644
--- a/www/src/components/dynamic-core/kbd.tsx
+++ b/www/src/components/dynamic-core/kbd.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/kbd";
\ No newline at end of file
+export * from "@/registry/core/kbd";
diff --git a/www/src/components/dynamic-core/link.tsx b/www/src/components/dynamic-core/link.tsx
index 69b9029ee..85678c8a5 100644
--- a/www/src/components/dynamic-core/link.tsx
+++ b/www/src/components/dynamic-core/link.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/link";
\ No newline at end of file
+export * from "@/registry/core/link";
diff --git a/www/src/components/dynamic-core/list-box.tsx b/www/src/components/dynamic-core/list-box.tsx
index b73fa9873..44b45c9b9 100644
--- a/www/src/components/dynamic-core/list-box.tsx
+++ b/www/src/components/dynamic-core/list-box.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/list-box";
\ No newline at end of file
+export * from "@/registry/core/list-box";
diff --git a/www/src/components/dynamic-core/menu.tsx b/www/src/components/dynamic-core/menu.tsx
index 72db5019c..c00f0e3dd 100644
--- a/www/src/components/dynamic-core/menu.tsx
+++ b/www/src/components/dynamic-core/menu.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/menu";
\ No newline at end of file
+export * from "@/registry/core/menu";
diff --git a/www/src/components/dynamic-core/number-field.tsx b/www/src/components/dynamic-core/number-field.tsx
index ae41820f8..8f813cd83 100644
--- a/www/src/components/dynamic-core/number-field.tsx
+++ b/www/src/components/dynamic-core/number-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/number-field";
\ No newline at end of file
+export * from "@/registry/core/number-field";
diff --git a/www/src/components/dynamic-core/overlay.tsx b/www/src/components/dynamic-core/overlay.tsx
index 1f879f973..6fd6b8a57 100644
--- a/www/src/components/dynamic-core/overlay.tsx
+++ b/www/src/components/dynamic-core/overlay.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/overlay";
\ No newline at end of file
+export * from "@/registry/core/overlay";
diff --git a/www/src/components/dynamic-core/progress.tsx b/www/src/components/dynamic-core/progress.tsx
index a9f1e7dd5..d8983169e 100644
--- a/www/src/components/dynamic-core/progress.tsx
+++ b/www/src/components/dynamic-core/progress.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/progress";
\ No newline at end of file
+export * from "@/registry/core/progress";
diff --git a/www/src/components/dynamic-core/radio-group.tsx b/www/src/components/dynamic-core/radio-group.tsx
index f2140ac5e..72819ea6c 100644
--- a/www/src/components/dynamic-core/radio-group.tsx
+++ b/www/src/components/dynamic-core/radio-group.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/radio-group";
\ No newline at end of file
+export * from "@/registry/core/radio-group";
diff --git a/www/src/components/dynamic-core/range-calendar.tsx b/www/src/components/dynamic-core/range-calendar.tsx
index cca9d170c..63283ced5 100644
--- a/www/src/components/dynamic-core/range-calendar.tsx
+++ b/www/src/components/dynamic-core/range-calendar.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/range-calendar";
\ No newline at end of file
+export * from "@/registry/core/range-calendar";
diff --git a/www/src/components/dynamic-core/resizable.tsx b/www/src/components/dynamic-core/resizable.tsx
index e84771023..39f591316 100644
--- a/www/src/components/dynamic-core/resizable.tsx
+++ b/www/src/components/dynamic-core/resizable.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/resizable";
\ No newline at end of file
+export * from "@/registry/core/resizable";
diff --git a/www/src/components/dynamic-core/scroll-area.tsx b/www/src/components/dynamic-core/scroll-area.tsx
index 31b563923..0a9909558 100644
--- a/www/src/components/dynamic-core/scroll-area.tsx
+++ b/www/src/components/dynamic-core/scroll-area.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/scroll-area";
\ No newline at end of file
+export * from "@/registry/core/scroll-area";
diff --git a/www/src/components/dynamic-core/search-field.tsx b/www/src/components/dynamic-core/search-field.tsx
index 1e87397c3..03e932b97 100644
--- a/www/src/components/dynamic-core/search-field.tsx
+++ b/www/src/components/dynamic-core/search-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/search-field";
\ No newline at end of file
+export * from "@/registry/core/search-field";
diff --git a/www/src/components/dynamic-core/section.tsx b/www/src/components/dynamic-core/section.tsx
index bf1e28564..86c515761 100644
--- a/www/src/components/dynamic-core/section.tsx
+++ b/www/src/components/dynamic-core/section.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/section";
\ No newline at end of file
+export * from "@/registry/core/section";
diff --git a/www/src/components/dynamic-core/select.tsx b/www/src/components/dynamic-core/select.tsx
index 6d00a950d..33478f7b4 100644
--- a/www/src/components/dynamic-core/select.tsx
+++ b/www/src/components/dynamic-core/select.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/select";
\ No newline at end of file
+export * from "@/registry/core/select";
diff --git a/www/src/components/dynamic-core/separator.tsx b/www/src/components/dynamic-core/separator.tsx
index 0e4c9194e..a07a5c4ef 100644
--- a/www/src/components/dynamic-core/separator.tsx
+++ b/www/src/components/dynamic-core/separator.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/separator";
\ No newline at end of file
+export * from "@/registry/core/separator";
diff --git a/www/src/components/dynamic-core/skeleton.tsx b/www/src/components/dynamic-core/skeleton.tsx
index 9983c3980..6954cbe47 100644
--- a/www/src/components/dynamic-core/skeleton.tsx
+++ b/www/src/components/dynamic-core/skeleton.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/skeleton";
\ No newline at end of file
+export * from "@/registry/core/skeleton";
diff --git a/www/src/components/dynamic-core/slider.tsx b/www/src/components/dynamic-core/slider.tsx
index e909aee8c..9c2b03a26 100644
--- a/www/src/components/dynamic-core/slider.tsx
+++ b/www/src/components/dynamic-core/slider.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/slider";
\ No newline at end of file
+export * from "@/registry/core/slider";
diff --git a/www/src/components/dynamic-core/switch.tsx b/www/src/components/dynamic-core/switch.tsx
index 51d287da4..ec98f7aca 100644
--- a/www/src/components/dynamic-core/switch.tsx
+++ b/www/src/components/dynamic-core/switch.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/switch";
\ No newline at end of file
+export * from "@/registry/core/switch";
diff --git a/www/src/components/dynamic-core/table.tsx b/www/src/components/dynamic-core/table.tsx
index 45d54f634..67ae8ae33 100644
--- a/www/src/components/dynamic-core/table.tsx
+++ b/www/src/components/dynamic-core/table.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/table";
\ No newline at end of file
+export * from "@/registry/core/table";
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
index 8059ee98c..15f792b58 100644
--- a/www/src/components/dynamic-core/tabs.tsx
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/tabs";
\ No newline at end of file
+export * from "@/registry/core/tabs";
diff --git a/www/src/components/dynamic-core/tag-group.tsx b/www/src/components/dynamic-core/tag-group.tsx
index 835821dd9..03d2e0fac 100644
--- a/www/src/components/dynamic-core/tag-group.tsx
+++ b/www/src/components/dynamic-core/tag-group.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/tag-group";
\ No newline at end of file
+export * from "@/registry/core/tag-group";
diff --git a/www/src/components/dynamic-core/text-area.tsx b/www/src/components/dynamic-core/text-area.tsx
index 5c9b85cbb..e73a03ba6 100644
--- a/www/src/components/dynamic-core/text-area.tsx
+++ b/www/src/components/dynamic-core/text-area.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/text-area";
\ No newline at end of file
+export * from "@/registry/core/text-area";
diff --git a/www/src/components/dynamic-core/text-field.tsx b/www/src/components/dynamic-core/text-field.tsx
index de9486ed4..f54982c07 100644
--- a/www/src/components/dynamic-core/text-field.tsx
+++ b/www/src/components/dynamic-core/text-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/text-field";
\ No newline at end of file
+export * from "@/registry/core/text-field";
diff --git a/www/src/components/dynamic-core/text.tsx b/www/src/components/dynamic-core/text.tsx
index ce9552d80..917fae3eb 100644
--- a/www/src/components/dynamic-core/text.tsx
+++ b/www/src/components/dynamic-core/text.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/text";
\ No newline at end of file
+export * from "@/registry/core/text";
diff --git a/www/src/components/dynamic-core/time-field.tsx b/www/src/components/dynamic-core/time-field.tsx
index f6d037617..fb2a26fc4 100644
--- a/www/src/components/dynamic-core/time-field.tsx
+++ b/www/src/components/dynamic-core/time-field.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/time-field";
\ No newline at end of file
+export * from "@/registry/core/time-field";
diff --git a/www/src/components/dynamic-core/toggle-button.tsx b/www/src/components/dynamic-core/toggle-button.tsx
index cf321b434..996d5b444 100644
--- a/www/src/components/dynamic-core/toggle-button.tsx
+++ b/www/src/components/dynamic-core/toggle-button.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/toggle-button";
\ No newline at end of file
+export * from "@/registry/core/toggle-button";
diff --git a/www/src/components/dynamic-core/toggle-group.tsx b/www/src/components/dynamic-core/toggle-group.tsx
index 4f948cd45..8d972a69b 100644
--- a/www/src/components/dynamic-core/toggle-group.tsx
+++ b/www/src/components/dynamic-core/toggle-group.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/toggle-group";
\ No newline at end of file
+export * from "@/registry/core/toggle-group";
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index c5713bf6e..00d3935e7 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -1 +1 @@
-export * from "@/registry-v2/core/tooltip";
\ No newline at end of file
+export * from "@/registry/core/tooltip";
diff --git a/www/src/components/footer.tsx b/www/src/components/footer.tsx
index bd1fd1c29..2410989a0 100644
--- a/www/src/components/footer.tsx
+++ b/www/src/components/footer.tsx
@@ -6,7 +6,7 @@ import { Avatar } from "@/components/core/avatar";
 import { Badge } from "@/components/core/badge";
 import { Separator } from "@/components/core/separator";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
-import { focusRing } from "@/registry/ui/default/lib/focus-styles";
+import { focusRing } from "@/lib/focus-styles";
 import { siteConfig } from "@/config";
 
 const links = [
diff --git a/www/src/lib/cn.ts b/www/src/lib/cn.ts
index 732445c96..f712c5938 100644
--- a/www/src/lib/cn.ts
+++ b/www/src/lib/cn.ts
@@ -1 +1 @@
-export * from "@/registry-v2/lib/cn"
\ No newline at end of file
+export * from "@/registry/lib/cn";
diff --git a/www/src/lib/focus-styles.ts b/www/src/lib/focus-styles.ts
index 056ed945d..aa5dd18ed 100644
--- a/www/src/lib/focus-styles.ts
+++ b/www/src/lib/focus-styles.ts
@@ -1 +1 @@
-export * from "@/registry-v2/lib/focus-styles";
\ No newline at end of file
+export * from "@/registry/lib/focus-styles";
diff --git a/www/src/registry-v2/index/index.ts b/www/src/registry-v2/index/index.ts
deleted file mode 100644
index 74f672a3e..000000000
--- a/www/src/registry-v2/index/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { type Registry } from "@dotui/registry/types";
-import { core } from "@/registry-v2/index/core";
-import { hooks } from "@/registry-v2/index/hooks";
-import { themes } from "@/registry-v2/index/themes";
-
-export const registry: Registry = [...core, ...hooks, ...themes];
diff --git a/www/src/registry-v2/core/alert.tsx b/www/src/registry/core/alert.tsx
similarity index 100%
rename from www/src/registry-v2/core/alert.tsx
rename to www/src/registry/core/alert.tsx
diff --git a/www/src/registry-v2/core/aspect-ratio.tsx b/www/src/registry/core/aspect-ratio.tsx
similarity index 100%
rename from www/src/registry-v2/core/aspect-ratio.tsx
rename to www/src/registry/core/aspect-ratio.tsx
diff --git a/www/src/registry-v2/core/avatar.tsx b/www/src/registry/core/avatar.tsx
similarity index 100%
rename from www/src/registry-v2/core/avatar.tsx
rename to www/src/registry/core/avatar.tsx
diff --git a/www/src/registry-v2/core/badge.tsx b/www/src/registry/core/badge.tsx
similarity index 97%
rename from www/src/registry-v2/core/badge.tsx
rename to www/src/registry/core/badge.tsx
index f1e96d8cf..944a403fd 100644
--- a/www/src/registry-v2/core/badge.tsx
+++ b/www/src/registry/core/badge.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { tv, type VariantProps } from "tailwind-variants";
-import { cn } from "@/registry-v2/lib/cn";
+import { cn } from "@/registry/lib/cn";
 
 const badgeVariants = tv({
   base: "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors",
diff --git a/www/src/registry-v2/core/breadcrumbs.tsx b/www/src/registry/core/breadcrumbs.tsx
similarity index 100%
rename from www/src/registry-v2/core/breadcrumbs.tsx
rename to www/src/registry/core/breadcrumbs.tsx
diff --git a/www/src/registry-v2/core/button.tsx b/www/src/registry/core/button.tsx
similarity index 98%
rename from www/src/registry-v2/core/button.tsx
rename to www/src/registry/core/button.tsx
index 935ca4e31..580eced1a 100644
--- a/www/src/registry-v2/core/button.tsx
+++ b/www/src/registry/core/button.tsx
@@ -9,8 +9,8 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
 import { LoaderIcon } from "@/__icons__";
-import { focusRing } from "@/registry-v2/lib/focus-styles";
 
 const buttonStyles = tv(
   {
diff --git a/www/src/registry-v2/core/calendar.tsx b/www/src/registry/core/calendar.tsx
similarity index 97%
rename from www/src/registry-v2/core/calendar.tsx
rename to www/src/registry/core/calendar.tsx
index c48d53352..1c8d80a1e 100644
--- a/www/src/registry-v2/core/calendar.tsx
+++ b/www/src/registry/core/calendar.tsx
@@ -20,10 +20,10 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
+import { Button, buttonStyles } from "@/registry/core/button";
+import { Heading } from "@/registry/core/heading";
+import { Text } from "@/registry/core/text";
 import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-import { Button, buttonStyles } from "@/registry-v2/core/button";
-import { Heading } from "@/registry-v2/core/heading";
-import { Text } from "@/registry-v2/core/text";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/checkbox-group.tsx b/www/src/registry/core/checkbox-group.tsx
similarity index 94%
rename from www/src/registry-v2/core/checkbox-group.tsx
rename to www/src/registry/core/checkbox-group.tsx
index 659bc33d6..d42bd9924 100644
--- a/www/src/registry-v2/core/checkbox-group.tsx
+++ b/www/src/registry/core/checkbox-group.tsx
@@ -7,8 +7,8 @@ import {
   type CheckboxGroupProps as AriaCheckboxGroupProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxContext } from "@/registry-v2/core/checkbox";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { CheckboxContext } from "@/registry/core/checkbox";
+import { Field, type FieldProps } from "@/registry/core/field";
 
 const checkboxGroupStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/checkbox.tsx b/www/src/registry/core/checkbox.tsx
similarity index 97%
rename from www/src/registry-v2/core/checkbox.tsx
rename to www/src/registry/core/checkbox.tsx
index 527cf603c..038f4af53 100644
--- a/www/src/registry-v2/core/checkbox.tsx
+++ b/www/src/registry/core/checkbox.tsx
@@ -7,8 +7,8 @@ import {
   type CheckboxProps as AriaCheckboxProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
 import { CheckIcon, MinusIcon } from "@/__icons__";
-import { focusRing, focusRingGroup } from "@/registry-v2/lib/focus-styles";
 
 const checkboxStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/collapsible.tsx b/www/src/registry/core/collapsible.tsx
similarity index 95%
rename from www/src/registry-v2/core/collapsible.tsx
rename to www/src/registry/core/collapsible.tsx
index 374d5295e..94b1cbe03 100644
--- a/www/src/registry-v2/core/collapsible.tsx
+++ b/www/src/registry/core/collapsible.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { cn } from "@/registry-v2/lib/cn";
+import { cn } from "@/registry/lib/cn";
 
 const CollapsibleRoot = CollapsiblePrimitive.Root;
 
diff --git a/www/src/registry-v2/core/color-area.tsx b/www/src/registry/core/color-area.tsx
similarity index 94%
rename from www/src/registry-v2/core/color-area.tsx
rename to www/src/registry/core/color-area.tsx
index 1025e0204..68f6966f3 100644
--- a/www/src/registry-v2/core/color-area.tsx
+++ b/www/src/registry/core/color-area.tsx
@@ -6,7 +6,7 @@ import {
   type ColorAreaProps as AriaColorAreaProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry-v2/core/color-thumb";
+import { ColorThumb } from "@/registry/core/color-thumb";
 
 const colorAreaStyles = tv({
   base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
diff --git a/www/src/registry-v2/core/color-field.tsx b/www/src/registry/core/color-field.tsx
similarity index 93%
rename from www/src/registry-v2/core/color-field.tsx
rename to www/src/registry/core/color-field.tsx
index 4b18f52ae..0714ca7b6 100644
--- a/www/src/registry-v2/core/color-field.tsx
+++ b/www/src/registry/core/color-field.tsx
@@ -6,8 +6,8 @@ import {
   type ColorFieldProps as AriaColorFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry-v2/core/input";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 
 const colorFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry-v2/core/color-picker.tsx b/www/src/registry/core/color-picker.tsx
similarity index 84%
rename from www/src/registry-v2/core/color-picker.tsx
rename to www/src/registry/core/color-picker.tsx
index a6476f893..92a4ecdf7 100644
--- a/www/src/registry-v2/core/color-picker.tsx
+++ b/www/src/registry/core/color-picker.tsx
@@ -8,15 +8,15 @@ import {
   type ColorSpace,
   composeRenderProps,
 } from "react-aria-components";
-import { Button, type ButtonProps } from "@/registry-v2/core/button";
-import { ColorArea } from "@/registry-v2/core/color-area";
-import { ColorField } from "@/registry-v2/core/color-field";
-import { ColorSlider } from "@/registry-v2/core/color-slider";
-import { ColorSwatch } from "@/registry-v2/core/color-swatch";
-import { Dialog, DialogRoot, DialogRootProps } from "@/registry-v2/core/dialog";
-import { Item } from "@/registry-v2/core/list-box";
-import { Select } from "@/registry-v2/core/select";
-import { cn } from "@/registry-v2/lib/cn";
+import { Button, type ButtonProps } from "@/registry/core/button";
+import { ColorArea } from "@/registry/core/color-area";
+import { ColorField } from "@/registry/core/color-field";
+import { ColorSlider } from "@/registry/core/color-slider";
+import { ColorSwatch } from "@/registry/core/color-swatch";
+import { Dialog, DialogRoot, DialogRootProps } from "@/registry/core/dialog";
+import { Item } from "@/registry/core/list-box";
+import { Select } from "@/registry/core/select";
+import { cn } from "@/registry/lib/cn";
 
 type ColorPickerProps = ColorPickerRootProps &
   Omit<ButtonProps, "children"> &
diff --git a/www/src/registry-v2/core/color-slider.tsx b/www/src/registry/core/color-slider.tsx
similarity index 95%
rename from www/src/registry-v2/core/color-slider.tsx
rename to www/src/registry/core/color-slider.tsx
index 6914840bb..294d1700c 100644
--- a/www/src/registry-v2/core/color-slider.tsx
+++ b/www/src/registry/core/color-slider.tsx
@@ -10,9 +10,9 @@ import {
   type SliderTrackProps as AriaSliderTrackProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry-v2/core/color-thumb";
-import { Label } from "@/registry-v2/core/field";
-import { cn } from "@/registry-v2/lib/cn";
+import { ColorThumb } from "@/registry/core/color-thumb";
+import { Label } from "@/registry/core/field";
+import { cn } from "@/registry/lib/cn";
 
 const colorSliderStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/color-swatch.tsx b/www/src/registry/core/color-swatch.tsx
similarity index 100%
rename from www/src/registry-v2/core/color-swatch.tsx
rename to www/src/registry/core/color-swatch.tsx
diff --git a/www/src/registry-v2/core/color-thumb.tsx b/www/src/registry/core/color-thumb.tsx
similarity index 93%
rename from www/src/registry-v2/core/color-thumb.tsx
rename to www/src/registry/core/color-thumb.tsx
index d1c9e6e8b..0841061a0 100644
--- a/www/src/registry-v2/core/color-thumb.tsx
+++ b/www/src/registry/core/color-thumb.tsx
@@ -5,7 +5,7 @@ import {
   type ColorThumbProps as AriaColorThumbProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { focusRing } from "@/registry-v2/lib/focus-styles";
+import { focusRing } from "@/registry/lib/focus-styles";
 
 const colorThumbStyles = tv({
   extend: focusRing,
diff --git a/www/src/registry-v2/core/combobox.tsx b/www/src/registry/core/combobox.tsx
similarity index 87%
rename from www/src/registry-v2/core/combobox.tsx
rename to www/src/registry/core/combobox.tsx
index 6dbfd582d..305a67014 100644
--- a/www/src/registry-v2/core/combobox.tsx
+++ b/www/src/registry/core/combobox.tsx
@@ -6,12 +6,12 @@ import {
   type ComboBoxProps as AriaComboboxProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
+import { Button } from "@/registry/core/button";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { Input, InputRoot } from "@/registry/core/input";
+import { ListBox } from "@/registry/core/list-box";
+import { Overlay } from "@/registry/core/overlay";
 import { ChevronDownIcon } from "@/__icons__";
-import { Button } from "@/registry-v2/core/button";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
-import { Input, InputRoot } from "@/registry-v2/core/input";
-import { ListBox } from "@/registry-v2/core/list-box";
-import { Overlay } from "@/registry-v2/core/overlay";
 
 const comboboxStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/command.tsx b/www/src/registry/core/command.tsx
similarity index 99%
rename from www/src/registry-v2/core/command.tsx
rename to www/src/registry/core/command.tsx
index ba05c68a8..7ee770007 100644
--- a/www/src/registry-v2/core/command.tsx
+++ b/www/src/registry/core/command.tsx
@@ -2,8 +2,8 @@
 
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
+import { cn } from "@/registry/lib/cn";
 import { SearchIcon } from "@/__icons__";
-import { cn } from "@/registry-v2/lib/cn";
 
 type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
 const CommandRoot = React.forwardRef<
diff --git a/www/src/registry-v2/core/contextual-help.tsx b/www/src/registry/core/contextual-help.tsx
similarity index 86%
rename from www/src/registry-v2/core/contextual-help.tsx
rename to www/src/registry/core/contextual-help.tsx
index a1e303427..199388f0f 100644
--- a/www/src/registry-v2/core/contextual-help.tsx
+++ b/www/src/registry/core/contextual-help.tsx
@@ -1,6 +1,6 @@
+import { Button } from "@/registry/core/button";
+import { DialogRoot, Dialog } from "@/registry/core/dialog";
 import { InfoIcon, HelpIcon } from "@/__icons__";
-import { Button } from "@/registry-v2/core/button";
-import { DialogRoot, Dialog } from "@/registry-v2/core/dialog";
 
 interface ContextualHelpProps {
   title?: string;
diff --git a/www/src/registry-v2/core/date-field.tsx b/www/src/registry/core/date-field.tsx
similarity index 92%
rename from www/src/registry-v2/core/date-field.tsx
rename to www/src/registry/core/date-field.tsx
index 2d3a11132..b46bb08a0 100644
--- a/www/src/registry-v2/core/date-field.tsx
+++ b/www/src/registry/core/date-field.tsx
@@ -7,13 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry-v2/core/date-input";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Field, type FieldProps } from "@/registry/core/field";
 import {
   InputRoot,
   type InputRootProps,
   type inputStyles,
-} from "@/registry-v2/core/input";
+} from "@/registry/core/input";
 
 const dateFieldStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/date-input.tsx b/www/src/registry/core/date-input.tsx
similarity index 100%
rename from www/src/registry-v2/core/date-input.tsx
rename to www/src/registry/core/date-input.tsx
diff --git a/www/src/registry-v2/core/date-picker.tsx b/www/src/registry/core/date-picker.tsx
similarity index 85%
rename from www/src/registry-v2/core/date-picker.tsx
rename to www/src/registry/core/date-picker.tsx
index 0377cadb1..cadb9d001 100644
--- a/www/src/registry-v2/core/date-picker.tsx
+++ b/www/src/registry/core/date-picker.tsx
@@ -7,13 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/core/button";
+import { Calendar } from "@/registry/core/calendar";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Dialog } from "@/registry/core/dialog";
+import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
+import { InputRoot, type inputStyles } from "@/registry/core/input";
 import { CalendarIcon } from "@/__icons__";
-import { Button } from "@/registry-v2/core/button";
-import { Calendar } from "@/registry-v2/core/calendar";
-import { DateInput, DateSegment } from "@/registry-v2/core/date-input";
-import { Dialog } from "@/registry-v2/core/dialog";
-import { Field, fieldStyles, type FieldProps } from "@/registry-v2/core/field";
-import { InputRoot, type inputStyles } from "@/registry-v2/core/input";
 
 interface DatePickerProps<T extends DateValue>
   extends DatePickerRootProps<T>,
diff --git a/www/src/registry-v2/core/date-range-picker.tsx b/www/src/registry/core/date-range-picker.tsx
similarity index 86%
rename from www/src/registry-v2/core/date-range-picker.tsx
rename to www/src/registry/core/date-range-picker.tsx
index 23159242b..275723db8 100644
--- a/www/src/registry-v2/core/date-range-picker.tsx
+++ b/www/src/registry/core/date-range-picker.tsx
@@ -7,13 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/core/button";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Dialog } from "@/registry/core/dialog";
+import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
+import { InputRoot, type inputStyles } from "@/registry/core/input";
+import { RangeCalendar } from "@/registry/core/range-calendar";
 import { CalendarIcon } from "@/__icons__";
-import { Button } from "@/registry-v2/core/button";
-import { DateInput, DateSegment } from "@/registry-v2/core/date-input";
-import { Dialog } from "@/registry-v2/core/dialog";
-import { Field, type FieldProps, fieldStyles } from "@/registry-v2/core/field";
-import { InputRoot, type inputStyles } from "@/registry-v2/core/input";
-import { RangeCalendar } from "@/registry-v2/core/range-calendar";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
diff --git a/www/src/registry-v2/core/dialog.tsx b/www/src/registry/core/dialog.tsx
similarity index 95%
rename from www/src/registry-v2/core/dialog.tsx
rename to www/src/registry/core/dialog.tsx
index 9f0e54005..3a9b29266 100644
--- a/www/src/registry-v2/core/dialog.tsx
+++ b/www/src/registry/core/dialog.tsx
@@ -13,9 +13,9 @@ import {
 } from "react-aria-components";
 import { Provider } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Heading } from "@/registry-v2/core/heading";
-import { Overlay, type OverlayProps } from "@/registry-v2/core/overlay";
-import { Text } from "@/registry-v2/core/text";
+import { Heading } from "@/registry/core/heading";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay";
+import { Text } from "@/registry/core/text";
 
 const dialogStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/drop-zone.tsx b/www/src/registry/core/drop-zone.tsx
similarity index 100%
rename from www/src/registry-v2/core/drop-zone.tsx
rename to www/src/registry/core/drop-zone.tsx
diff --git a/www/src/registry-v2/core/field.tsx b/www/src/registry/core/field.tsx
similarity index 100%
rename from www/src/registry-v2/core/field.tsx
rename to www/src/registry/core/field.tsx
diff --git a/www/src/registry-v2/core/file-trigger.tsx b/www/src/registry/core/file-trigger.tsx
similarity index 100%
rename from www/src/registry-v2/core/file-trigger.tsx
rename to www/src/registry/core/file-trigger.tsx
diff --git a/www/src/registry-v2/core/form.tsx b/www/src/registry/core/form.tsx
similarity index 100%
rename from www/src/registry-v2/core/form.tsx
rename to www/src/registry/core/form.tsx
diff --git a/www/src/registry-v2/core/group.tsx b/www/src/registry/core/group.tsx
similarity index 100%
rename from www/src/registry-v2/core/group.tsx
rename to www/src/registry/core/group.tsx
diff --git a/www/src/registry-v2/core/heading.tsx b/www/src/registry/core/heading.tsx
similarity index 100%
rename from www/src/registry-v2/core/heading.tsx
rename to www/src/registry/core/heading.tsx
diff --git a/www/src/registry-v2/core/input.tsx b/www/src/registry/core/input.tsx
similarity index 99%
rename from www/src/registry-v2/core/input.tsx
rename to www/src/registry/core/input.tsx
index 95a4d1533..002e300e5 100644
--- a/www/src/registry-v2/core/input.tsx
+++ b/www/src/registry/core/input.tsx
@@ -17,8 +17,8 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { focusInput } from "@/registry/lib/focus-styles";
 import { LoaderIcon } from "@/__icons__";
-import { focusInput } from "@/registry-v2/lib/focus-styles";
 
 const inputStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/kbd.tsx b/www/src/registry/core/kbd.tsx
similarity index 100%
rename from www/src/registry-v2/core/kbd.tsx
rename to www/src/registry/core/kbd.tsx
diff --git a/www/src/registry-v2/core/link.tsx b/www/src/registry/core/link.tsx
similarity index 93%
rename from www/src/registry-v2/core/link.tsx
rename to www/src/registry/core/link.tsx
index 2e7735e8a..fbcd482bc 100644
--- a/www/src/registry-v2/core/link.tsx
+++ b/www/src/registry/core/link.tsx
@@ -7,7 +7,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry-v2/lib/focus-styles";
+import { focusRing } from "@/registry/lib/focus-styles";
 
 const linkVariants = tv({
   extend: focusRing,
diff --git a/www/src/registry-v2/core/list-box.tsx b/www/src/registry/core/list-box.tsx
similarity index 97%
rename from www/src/registry-v2/core/list-box.tsx
rename to www/src/registry/core/list-box.tsx
index f13637bc8..6db95e2d5 100644
--- a/www/src/registry-v2/core/list-box.tsx
+++ b/www/src/registry/core/list-box.tsx
@@ -11,9 +11,9 @@ import {
   ListStateContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Text } from "@/registry/core/text";
+import { focusRing } from "@/registry/lib/focus-styles";
 import { CheckIcon, LoaderIcon } from "@/__icons__";
-import { Text } from "@/registry-v2/core/text";
-import { focusRing } from "@/registry-v2/lib/focus-styles";
 
 const listBoxStyles = tv({
   base: [
diff --git a/www/src/registry-v2/core/menu.tsx b/www/src/registry/core/menu.tsx
similarity index 95%
rename from www/src/registry-v2/core/menu.tsx
rename to www/src/registry/core/menu.tsx
index dc7da33e6..2396fa04d 100644
--- a/www/src/registry-v2/core/menu.tsx
+++ b/www/src/registry/core/menu.tsx
@@ -12,10 +12,10 @@ import {
   type MenuTriggerProps as AriaMenuTriggerProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Kbd } from "@/registry/core/kbd";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay";
+import { Text } from "@/registry/core/text";
 import { CheckIcon, ChevronRightIcon } from "@/__icons__";
-import { Kbd } from "@/registry-v2/core/kbd";
-import { Overlay, type OverlayProps } from "@/registry-v2/core/overlay";
-import { Text } from "@/registry-v2/core/text";
 
 const menuStyles = tv({
   base: [
diff --git a/www/src/registry-v2/core/number-field.tsx b/www/src/registry/core/number-field.tsx
similarity index 92%
rename from www/src/registry-v2/core/number-field.tsx
rename to www/src/registry/core/number-field.tsx
index b5e81f16d..9c7516bae 100644
--- a/www/src/registry-v2/core/number-field.tsx
+++ b/www/src/registry/core/number-field.tsx
@@ -6,16 +6,16 @@ import {
   type NumberFieldProps as AriaNumberFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Button, type ButtonProps } from "@/registry/core/button";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import {
   ChevronDownIcon,
   ChevronUpIcon,
   MinusIcon,
   PlusIcon,
 } from "@/__icons__";
-import { Button, type ButtonProps } from "@/registry-v2/core/button";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry-v2/core/input";
-import { useMediaQuery } from "@/registry-v2/hooks/use-media-query";
 
 const numberFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry-v2/core/overlay.tsx b/www/src/registry/core/overlay.tsx
similarity index 98%
rename from www/src/registry-v2/core/overlay.tsx
rename to www/src/registry/core/overlay.tsx
index 38daaf53d..b767b9e16 100644
--- a/www/src/registry-v2/core/overlay.tsx
+++ b/www/src/registry/core/overlay.tsx
@@ -12,10 +12,10 @@ import {
   type ModalOverlayProps as AriaModalOverlayProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
+import { Button, type ButtonProps } from "@/registry/core/button";
+import { useMediaQuery } from "@/registry/hooks/use-media-query";
+import { cn } from "@/registry/lib/cn";
 import { XIcon } from "@/__icons__";
-import { Button, type ButtonProps } from "@/registry-v2/core/button";
-import { useMediaQuery } from "@/registry-v2/hooks/use-media-query";
-import { cn } from "@/registry-v2/lib/cn";
 import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
 
 type OverlayType = "modal" | "drawer" | "popover";
diff --git a/www/src/registry-v2/core/progress.tsx b/www/src/registry/core/progress.tsx
similarity index 98%
rename from www/src/registry-v2/core/progress.tsx
rename to www/src/registry/core/progress.tsx
index da6aeb413..a506e1b55 100644
--- a/www/src/registry-v2/core/progress.tsx
+++ b/www/src/registry/core/progress.tsx
@@ -7,8 +7,8 @@ import {
   type ProgressBarProps as AriaProgressProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Label } from "@/registry-v2/core/field";
-import { cn } from "@/registry-v2/lib/cn";
+import { Label } from "@/registry/core/field";
+import { cn } from "@/registry/lib/cn";
 
 const progressStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/radio-group.tsx b/www/src/registry/core/radio-group.tsx
similarity index 96%
rename from www/src/registry-v2/core/radio-group.tsx
rename to www/src/registry/core/radio-group.tsx
index 0a65d6206..31f3e97f1 100644
--- a/www/src/registry-v2/core/radio-group.tsx
+++ b/www/src/registry/core/radio-group.tsx
@@ -9,8 +9,8 @@ import {
   type RadioProps as AriaRadioProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
-import { focusRing, focusRingGroup } from "@/registry-v2/lib/focus-styles";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
 
 const radioGroupStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/range-calendar.tsx b/www/src/registry/core/range-calendar.tsx
similarity index 93%
rename from www/src/registry-v2/core/range-calendar.tsx
rename to www/src/registry/core/range-calendar.tsx
index 4c959abbc..9a6a0fb34 100644
--- a/www/src/registry-v2/core/range-calendar.tsx
+++ b/www/src/registry/core/range-calendar.tsx
@@ -9,8 +9,7 @@ import {
   RangeCalendarContext as AriaRangeCalendarContext,
   useSlottedContext,
 } from "react-aria-components";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-import { Button } from "@/registry-v2/core/button";
+import { Button } from "@/registry/core/button";
 import {
   CalendarHeader,
   CalendarGrid,
@@ -19,9 +18,10 @@ import {
   CalendarGridBody,
   CalendarCell,
   calendarStyles,
-} from "@/registry-v2/core/calendar";
-import { Heading } from "@/registry-v2/core/heading";
-import { Text } from "@/registry-v2/core/text";
+} from "@/registry/core/calendar";
+import { Heading } from "@/registry/core/heading";
+import { Text } from "@/registry/core/text";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
 
 interface RangeCalendarProps<T extends DateValue>
   extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
diff --git a/www/src/registry-v2/core/resizable.tsx b/www/src/registry/core/resizable.tsx
similarity index 100%
rename from www/src/registry-v2/core/resizable.tsx
rename to www/src/registry/core/resizable.tsx
diff --git a/www/src/registry-v2/core/scroll-area.tsx b/www/src/registry/core/scroll-area.tsx
similarity index 100%
rename from www/src/registry-v2/core/scroll-area.tsx
rename to www/src/registry/core/scroll-area.tsx
diff --git a/www/src/registry-v2/core/search-field.tsx b/www/src/registry/core/search-field.tsx
similarity index 94%
rename from www/src/registry-v2/core/search-field.tsx
rename to www/src/registry/core/search-field.tsx
index 41abf03ad..0aa3485bf 100644
--- a/www/src/registry-v2/core/search-field.tsx
+++ b/www/src/registry/core/search-field.tsx
@@ -6,10 +6,10 @@ import {
   type SearchFieldProps as AriaSearchFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/core/button";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 import { SearchIcon, XIcon } from "@/__icons__";
-import { Button } from "@/registry-v2/core/button";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry-v2/core/input";
 
 const searchFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry-v2/core/section.tsx b/www/src/registry/core/section.tsx
similarity index 100%
rename from www/src/registry-v2/core/section.tsx
rename to www/src/registry/core/section.tsx
diff --git a/www/src/registry-v2/core/select.tsx b/www/src/registry/core/select.tsx
similarity index 90%
rename from www/src/registry-v2/core/select.tsx
rename to www/src/registry/core/select.tsx
index 9a2a18681..7a37b077b 100644
--- a/www/src/registry-v2/core/select.tsx
+++ b/www/src/registry/core/select.tsx
@@ -9,11 +9,11 @@ import {
   type SelectValueProps as AriaSelectValueProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
+import { Button, type ButtonProps } from "@/registry/core/button";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { ListBox, type ListBoxProps } from "@/registry/core/list-box";
+import { Overlay } from "@/registry/core/overlay";
 import { ChevronDownIcon } from "@/__icons__";
-import { Button, type ButtonProps } from "@/registry-v2/core/button";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
-import { ListBox, type ListBoxProps } from "@/registry-v2/core/list-box";
-import { Overlay } from "@/registry-v2/core/overlay";
 
 const selectStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/separator.tsx b/www/src/registry/core/separator.tsx
similarity index 100%
rename from www/src/registry-v2/core/separator.tsx
rename to www/src/registry/core/separator.tsx
diff --git a/www/src/registry-v2/core/skeleton.tsx b/www/src/registry/core/skeleton.tsx
similarity index 90%
rename from www/src/registry-v2/core/skeleton.tsx
rename to www/src/registry/core/skeleton.tsx
index 5741c1efe..cf2ecc968 100644
--- a/www/src/registry-v2/core/skeleton.tsx
+++ b/www/src/registry/core/skeleton.tsx
@@ -1,4 +1,4 @@
-import { cn } from "@/registry-v2/lib/cn";
+import { cn } from "@/registry/lib/cn";
 
 function Skeleton({
   className,
diff --git a/www/src/registry-v2/core/slider.tsx b/www/src/registry/core/slider.tsx
similarity index 97%
rename from www/src/registry-v2/core/slider.tsx
rename to www/src/registry/core/slider.tsx
index ed4a80ac5..4532ba10e 100644
--- a/www/src/registry-v2/core/slider.tsx
+++ b/www/src/registry/core/slider.tsx
@@ -16,9 +16,9 @@ import {
   TextContext as AriaTextContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Description, Label, type FieldProps } from "@/registry-v2/core/field";
-import { cn } from "@/registry-v2/lib/cn";
-import { focusRing } from "@/registry-v2/lib/focus-styles";
+import { Description, Label, type FieldProps } from "@/registry/core/field";
+import { cn } from "@/registry/lib/cn";
+import { focusRing } from "@/registry/lib/focus-styles";
 
 const sliderStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/switch.tsx b/www/src/registry/core/switch.tsx
similarity index 97%
rename from www/src/registry-v2/core/switch.tsx
rename to www/src/registry/core/switch.tsx
index a6b013ec1..eb75019f4 100644
--- a/www/src/registry-v2/core/switch.tsx
+++ b/www/src/registry/core/switch.tsx
@@ -7,7 +7,7 @@ import {
   type SwitchProps as AriaSwitchProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { focusRingGroup } from "@/registry-v2/lib/focus-styles";
+import { focusRingGroup } from "@/registry/lib/focus-styles";
 
 const switchStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/table.tsx b/www/src/registry/core/table.tsx
similarity index 98%
rename from www/src/registry-v2/core/table.tsx
rename to www/src/registry/core/table.tsx
index d5af1aca2..854892c16 100644
--- a/www/src/registry-v2/core/table.tsx
+++ b/www/src/registry/core/table.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "@/registry-v2/lib/cn";
+import { cn } from "@/registry/lib/cn";
 
 const Table = React.forwardRef<
   HTMLTableElement,
diff --git a/www/src/registry-v2/core/tabs.tsx b/www/src/registry/core/tabs.tsx
similarity index 98%
rename from www/src/registry-v2/core/tabs.tsx
rename to www/src/registry/core/tabs.tsx
index 75fc5afd5..a4740d123 100644
--- a/www/src/registry-v2/core/tabs.tsx
+++ b/www/src/registry/core/tabs.tsx
@@ -13,7 +13,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { focusRing } from "@/registry-v2/lib/focus-styles";
+import { focusRing } from "@/registry/lib/focus-styles";
 
 const tabsStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/tag-group.tsx b/www/src/registry/core/tag-group.tsx
similarity index 93%
rename from www/src/registry-v2/core/tag-group.tsx
rename to www/src/registry/core/tag-group.tsx
index f666f4a92..6c536d937 100644
--- a/www/src/registry-v2/core/tag-group.tsx
+++ b/www/src/registry/core/tag-group.tsx
@@ -11,9 +11,9 @@ import {
   type TagProps as AriaTagProps,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { Button } from "@/registry-v2/core/button";
-import { Field } from "@/registry-v2/core/field";
-import { focusRing } from "@/registry-v2/lib/focus-styles";
+import { Button } from "@/registry/core/button";
+import { Field } from "@/registry/core/field";
+import { focusRing } from "@/registry/lib/focus-styles";
 
 const tagGroupStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/text-area.tsx b/www/src/registry/core/text-area.tsx
similarity index 91%
rename from www/src/registry-v2/core/text-area.tsx
rename to www/src/registry/core/text-area.tsx
index da7eb7a8f..ab53b7a01 100644
--- a/www/src/registry-v2/core/text-area.tsx
+++ b/www/src/registry/core/text-area.tsx
@@ -2,16 +2,16 @@
 
 import * as React from "react";
 import { type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
+import { Field, type FieldProps } from "@/registry/core/field";
 import {
   InputRoot,
   TextAreaInput,
   type inputStyles,
-} from "@/registry-v2/core/input";
+} from "@/registry/core/input";
 import {
   TextFieldRoot,
   type TextFieldRootProps,
-} from "@/registry-v2/core/text-field";
+} from "@/registry/core/text-field";
 
 type TextAreaProps = TextFieldRootProps &
   Omit<FieldProps, "children"> &
diff --git a/www/src/registry-v2/core/text-field.tsx b/www/src/registry/core/text-field.tsx
similarity index 93%
rename from www/src/registry-v2/core/text-field.tsx
rename to www/src/registry/core/text-field.tsx
index d637d6de3..7ba74ecbb 100644
--- a/www/src/registry-v2/core/text-field.tsx
+++ b/www/src/registry/core/text-field.tsx
@@ -6,8 +6,8 @@ import {
   type TextFieldProps as AriaTextFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry-v2/core/input";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 
 const textFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry-v2/core/text.tsx b/www/src/registry/core/text.tsx
similarity index 100%
rename from www/src/registry-v2/core/text.tsx
rename to www/src/registry/core/text.tsx
diff --git a/www/src/registry-v2/core/time-field.tsx b/www/src/registry/core/time-field.tsx
similarity index 90%
rename from www/src/registry-v2/core/time-field.tsx
rename to www/src/registry/core/time-field.tsx
index c4d4c9c9a..e483f0f5d 100644
--- a/www/src/registry-v2/core/time-field.tsx
+++ b/www/src/registry/core/time-field.tsx
@@ -7,9 +7,9 @@ import {
   type TimeValue,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry-v2/core/date-input";
-import { Field, type FieldProps } from "@/registry-v2/core/field";
-import { InputRoot, type inputStyles } from "@/registry-v2/core/input";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, type inputStyles } from "@/registry/core/input";
 
 const timeFieldStyles = tv({
   slots: {
diff --git a/www/src/registry-v2/core/toggle-button.tsx b/www/src/registry/core/toggle-button.tsx
similarity index 98%
rename from www/src/registry-v2/core/toggle-button.tsx
rename to www/src/registry/core/toggle-button.tsx
index 71d104aec..40816ef40 100644
--- a/www/src/registry-v2/core/toggle-button.tsx
+++ b/www/src/registry/core/toggle-button.tsx
@@ -7,7 +7,7 @@ import {
   type ToggleButtonProps as AriaToggleButtonProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry-v2/lib/focus-styles";
+import { focusRing } from "@/registry/lib/focus-styles";
 
 const toggleButtonStyles = tv({
   extend: focusRing,
diff --git a/www/src/registry-v2/core/toggle-group.tsx b/www/src/registry/core/toggle-group.tsx
similarity index 98%
rename from www/src/registry-v2/core/toggle-group.tsx
rename to www/src/registry/core/toggle-group.tsx
index 4a93c36eb..3b5ed06cd 100644
--- a/www/src/registry-v2/core/toggle-group.tsx
+++ b/www/src/registry/core/toggle-group.tsx
@@ -13,7 +13,7 @@ import {
 } from "react-aria";
 import { useToggleState } from "react-stately";
 import { tv, type VariantProps } from "tailwind-variants";
-import { toggleButtonStyles } from "@/registry-v2/core/toggle-button";
+import { toggleButtonStyles } from "@/registry/core/toggle-button";
 
 const toggleGroupVariants = tv({
   base: "flex items-center gap-1",
diff --git a/www/src/registry-v2/core/tooltip.tsx b/www/src/registry/core/tooltip.tsx
similarity index 100%
rename from www/src/registry-v2/core/tooltip.tsx
rename to www/src/registry/core/tooltip.tsx
diff --git a/www/src/registry-v2/core/use-motion-drawer.tsx b/www/src/registry/core/use-motion-drawer.tsx
similarity index 100%
rename from www/src/registry-v2/core/use-motion-drawer.tsx
rename to www/src/registry/core/use-motion-drawer.tsx
diff --git a/www/src/registry-v2/demos/alert/action.tsx b/www/src/registry/demos/alert/action.tsx
similarity index 100%
rename from www/src/registry-v2/demos/alert/action.tsx
rename to www/src/registry/demos/alert/action.tsx
diff --git a/www/src/registry-v2/demos/alert/composition.tsx b/www/src/registry/demos/alert/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/alert/composition.tsx
rename to www/src/registry/demos/alert/composition.tsx
diff --git a/www/src/registry-v2/demos/alert/content.tsx b/www/src/registry/demos/alert/content.tsx
similarity index 100%
rename from www/src/registry-v2/demos/alert/content.tsx
rename to www/src/registry/demos/alert/content.tsx
diff --git a/www/src/registry-v2/demos/alert/custom-icon.tsx b/www/src/registry/demos/alert/custom-icon.tsx
similarity index 100%
rename from www/src/registry-v2/demos/alert/custom-icon.tsx
rename to www/src/registry/demos/alert/custom-icon.tsx
diff --git a/www/src/registry-v2/demos/alert/default.tsx b/www/src/registry/demos/alert/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/alert/default.tsx
rename to www/src/registry/demos/alert/default.tsx
diff --git a/www/src/registry-v2/demos/alert/title.tsx b/www/src/registry/demos/alert/title.tsx
similarity index 100%
rename from www/src/registry-v2/demos/alert/title.tsx
rename to www/src/registry/demos/alert/title.tsx
diff --git a/www/src/registry-v2/demos/alert/variants.tsx b/www/src/registry/demos/alert/variants.tsx
similarity index 100%
rename from www/src/registry-v2/demos/alert/variants.tsx
rename to www/src/registry/demos/alert/variants.tsx
diff --git a/www/src/registry-v2/demos/avatar/composition.tsx b/www/src/registry/demos/avatar/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/avatar/composition.tsx
rename to www/src/registry/demos/avatar/composition.tsx
diff --git a/www/src/registry-v2/demos/avatar/default.tsx b/www/src/registry/demos/avatar/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/avatar/default.tsx
rename to www/src/registry/demos/avatar/default.tsx
diff --git a/www/src/registry-v2/demos/avatar/shape.tsx b/www/src/registry/demos/avatar/shape.tsx
similarity index 100%
rename from www/src/registry-v2/demos/avatar/shape.tsx
rename to www/src/registry/demos/avatar/shape.tsx
diff --git a/www/src/registry-v2/demos/avatar/sizes.tsx b/www/src/registry/demos/avatar/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/avatar/sizes.tsx
rename to www/src/registry/demos/avatar/sizes.tsx
diff --git a/www/src/registry-v2/demos/breadcrumbs/basic.tsx b/www/src/registry/demos/breadcrumbs/basic.tsx
similarity index 100%
rename from www/src/registry-v2/demos/breadcrumbs/basic.tsx
rename to www/src/registry/demos/breadcrumbs/basic.tsx
diff --git a/www/src/registry-v2/demos/breadcrumbs/composition.tsx b/www/src/registry/demos/breadcrumbs/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/breadcrumbs/composition.tsx
rename to www/src/registry/demos/breadcrumbs/composition.tsx
diff --git a/www/src/registry-v2/demos/breadcrumbs/disabled.tsx b/www/src/registry/demos/breadcrumbs/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/breadcrumbs/disabled.tsx
rename to www/src/registry/demos/breadcrumbs/disabled.tsx
diff --git a/www/src/registry-v2/demos/breadcrumbs/icon.tsx b/www/src/registry/demos/breadcrumbs/icon.tsx
similarity index 100%
rename from www/src/registry-v2/demos/breadcrumbs/icon.tsx
rename to www/src/registry/demos/breadcrumbs/icon.tsx
diff --git a/www/src/registry-v2/demos/breadcrumbs/router-integration.tsx b/www/src/registry/demos/breadcrumbs/router-integration.tsx
similarity index 100%
rename from www/src/registry-v2/demos/breadcrumbs/router-integration.tsx
rename to www/src/registry/demos/breadcrumbs/router-integration.tsx
diff --git a/www/src/registry-v2/demos/button/default.tsx b/www/src/registry/demos/button/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/button/default.tsx
rename to www/src/registry/demos/button/default.tsx
diff --git a/www/src/registry-v2/demos/button/disabled.tsx b/www/src/registry/demos/button/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/button/disabled.tsx
rename to www/src/registry/demos/button/disabled.tsx
diff --git a/www/src/registry-v2/demos/button/link-button.tsx b/www/src/registry/demos/button/link-button.tsx
similarity index 100%
rename from www/src/registry-v2/demos/button/link-button.tsx
rename to www/src/registry/demos/button/link-button.tsx
diff --git a/www/src/registry-v2/demos/button/loading.tsx b/www/src/registry/demos/button/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/button/loading.tsx
rename to www/src/registry/demos/button/loading.tsx
diff --git a/www/src/registry-v2/demos/button/prefix-and-suffix.tsx b/www/src/registry/demos/button/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/button/prefix-and-suffix.tsx
rename to www/src/registry/demos/button/prefix-and-suffix.tsx
diff --git a/www/src/registry-v2/demos/button/shapes.tsx b/www/src/registry/demos/button/shapes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/button/shapes.tsx
rename to www/src/registry/demos/button/shapes.tsx
diff --git a/www/src/registry-v2/demos/button/sizes.tsx b/www/src/registry/demos/button/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/button/sizes.tsx
rename to www/src/registry/demos/button/sizes.tsx
diff --git a/www/src/registry-v2/demos/button/variants.tsx b/www/src/registry/demos/button/variants.tsx
similarity index 100%
rename from www/src/registry-v2/demos/button/variants.tsx
rename to www/src/registry/demos/button/variants.tsx
diff --git a/www/src/registry-v2/demos/calendar/composition.tsx b/www/src/registry/demos/calendar/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/composition.tsx
rename to www/src/registry/demos/calendar/composition.tsx
diff --git a/www/src/registry-v2/demos/calendar/controlled.tsx b/www/src/registry/demos/calendar/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/controlled.tsx
rename to www/src/registry/demos/calendar/controlled.tsx
diff --git a/www/src/registry-v2/demos/calendar/default.tsx b/www/src/registry/demos/calendar/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/default.tsx
rename to www/src/registry/demos/calendar/default.tsx
diff --git a/www/src/registry-v2/demos/calendar/disabled.tsx b/www/src/registry/demos/calendar/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/disabled.tsx
rename to www/src/registry/demos/calendar/disabled.tsx
diff --git a/www/src/registry-v2/demos/calendar/error-message.tsx b/www/src/registry/demos/calendar/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/error-message.tsx
rename to www/src/registry/demos/calendar/error-message.tsx
diff --git a/www/src/registry-v2/demos/calendar/label.tsx b/www/src/registry/demos/calendar/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/label.tsx
rename to www/src/registry/demos/calendar/label.tsx
diff --git a/www/src/registry-v2/demos/calendar/page-behaviour.tsx b/www/src/registry/demos/calendar/page-behaviour.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/page-behaviour.tsx
rename to www/src/registry/demos/calendar/page-behaviour.tsx
diff --git a/www/src/registry-v2/demos/calendar/read-only.tsx b/www/src/registry/demos/calendar/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/read-only.tsx
rename to www/src/registry/demos/calendar/read-only.tsx
diff --git a/www/src/registry-v2/demos/calendar/uncontrolled.tsx b/www/src/registry/demos/calendar/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/uncontrolled.tsx
rename to www/src/registry/demos/calendar/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/calendar/unvailable-dates.tsx b/www/src/registry/demos/calendar/unvailable-dates.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/unvailable-dates.tsx
rename to www/src/registry/demos/calendar/unvailable-dates.tsx
diff --git a/www/src/registry-v2/demos/calendar/validation.tsx b/www/src/registry/demos/calendar/validation.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/validation.tsx
rename to www/src/registry/demos/calendar/validation.tsx
diff --git a/www/src/registry-v2/demos/calendar/visible-months.tsx b/www/src/registry/demos/calendar/visible-months.tsx
similarity index 100%
rename from www/src/registry-v2/demos/calendar/visible-months.tsx
rename to www/src/registry/demos/calendar/visible-months.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/cards.tsx b/www/src/registry/demos/checkbox-group/cards.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/cards.tsx
rename to www/src/registry/demos/checkbox-group/cards.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/composition.tsx b/www/src/registry/demos/checkbox-group/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/composition.tsx
rename to www/src/registry/demos/checkbox-group/composition.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/contextual-help.tsx b/www/src/registry/demos/checkbox-group/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/contextual-help.tsx
rename to www/src/registry/demos/checkbox-group/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/controlled.tsx b/www/src/registry/demos/checkbox-group/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/controlled.tsx
rename to www/src/registry/demos/checkbox-group/controlled.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/default.tsx b/www/src/registry/demos/checkbox-group/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/default.tsx
rename to www/src/registry/demos/checkbox-group/default.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/description.tsx b/www/src/registry/demos/checkbox-group/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/description.tsx
rename to www/src/registry/demos/checkbox-group/description.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/disabled.tsx b/www/src/registry/demos/checkbox-group/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/disabled.tsx
rename to www/src/registry/demos/checkbox-group/disabled.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/error-message.tsx b/www/src/registry/demos/checkbox-group/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/error-message.tsx
rename to www/src/registry/demos/checkbox-group/error-message.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/label.tsx b/www/src/registry/demos/checkbox-group/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/label.tsx
rename to www/src/registry/demos/checkbox-group/label.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/read-only.tsx b/www/src/registry/demos/checkbox-group/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/read-only.tsx
rename to www/src/registry/demos/checkbox-group/read-only.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/required.tsx b/www/src/registry/demos/checkbox-group/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/required.tsx
rename to www/src/registry/demos/checkbox-group/required.tsx
diff --git a/www/src/registry-v2/demos/checkbox-group/uncontrolled.tsx b/www/src/registry/demos/checkbox-group/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox-group/uncontrolled.tsx
rename to www/src/registry/demos/checkbox-group/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/checkbox/card.tsx b/www/src/registry/demos/checkbox/card.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox/card.tsx
rename to www/src/registry/demos/checkbox/card.tsx
diff --git a/www/src/registry-v2/demos/checkbox/controlled.tsx b/www/src/registry/demos/checkbox/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox/controlled.tsx
rename to www/src/registry/demos/checkbox/controlled.tsx
diff --git a/www/src/registry-v2/demos/checkbox/default.tsx b/www/src/registry/demos/checkbox/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox/default.tsx
rename to www/src/registry/demos/checkbox/default.tsx
diff --git a/www/src/registry-v2/demos/checkbox/disabled.tsx b/www/src/registry/demos/checkbox/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox/disabled.tsx
rename to www/src/registry/demos/checkbox/disabled.tsx
diff --git a/www/src/registry-v2/demos/checkbox/indeterminate.tsx b/www/src/registry/demos/checkbox/indeterminate.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox/indeterminate.tsx
rename to www/src/registry/demos/checkbox/indeterminate.tsx
diff --git a/www/src/registry-v2/demos/checkbox/read-only.tsx b/www/src/registry/demos/checkbox/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox/read-only.tsx
rename to www/src/registry/demos/checkbox/read-only.tsx
diff --git a/www/src/registry-v2/demos/checkbox/uncontrolled.tsx b/www/src/registry/demos/checkbox/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/checkbox/uncontrolled.tsx
rename to www/src/registry/demos/checkbox/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/color-area/channels.tsx b/www/src/registry/demos/color-area/channels.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-area/channels.tsx
rename to www/src/registry/demos/color-area/channels.tsx
diff --git a/www/src/registry-v2/demos/color-area/composition.tsx b/www/src/registry/demos/color-area/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-area/composition.tsx
rename to www/src/registry/demos/color-area/composition.tsx
diff --git a/www/src/registry-v2/demos/color-area/controlled.tsx b/www/src/registry/demos/color-area/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-area/controlled.tsx
rename to www/src/registry/demos/color-area/controlled.tsx
diff --git a/www/src/registry-v2/demos/color-area/default.tsx b/www/src/registry/demos/color-area/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-area/default.tsx
rename to www/src/registry/demos/color-area/default.tsx
diff --git a/www/src/registry-v2/demos/color-area/disabled.tsx b/www/src/registry/demos/color-area/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-area/disabled.tsx
rename to www/src/registry/demos/color-area/disabled.tsx
diff --git a/www/src/registry-v2/demos/color-area/uncontrolled.tsx b/www/src/registry/demos/color-area/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-area/uncontrolled.tsx
rename to www/src/registry/demos/color-area/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/color-field/composition.tsx b/www/src/registry/demos/color-field/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/composition.tsx
rename to www/src/registry/demos/color-field/composition.tsx
diff --git a/www/src/registry-v2/demos/color-field/contextual-help.tsx b/www/src/registry/demos/color-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/contextual-help.tsx
rename to www/src/registry/demos/color-field/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/color-field/controlled.tsx b/www/src/registry/demos/color-field/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/controlled.tsx
rename to www/src/registry/demos/color-field/controlled.tsx
diff --git a/www/src/registry-v2/demos/color-field/default.tsx b/www/src/registry/demos/color-field/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/default.tsx
rename to www/src/registry/demos/color-field/default.tsx
diff --git a/www/src/registry-v2/demos/color-field/description.tsx b/www/src/registry/demos/color-field/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/description.tsx
rename to www/src/registry/demos/color-field/description.tsx
diff --git a/www/src/registry-v2/demos/color-field/disabled.tsx b/www/src/registry/demos/color-field/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/disabled.tsx
rename to www/src/registry/demos/color-field/disabled.tsx
diff --git a/www/src/registry-v2/demos/color-field/error-message.tsx b/www/src/registry/demos/color-field/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/error-message.tsx
rename to www/src/registry/demos/color-field/error-message.tsx
diff --git a/www/src/registry-v2/demos/color-field/form.tsx b/www/src/registry/demos/color-field/form.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/form.tsx
rename to www/src/registry/demos/color-field/form.tsx
diff --git a/www/src/registry-v2/demos/color-field/label.tsx b/www/src/registry/demos/color-field/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/label.tsx
rename to www/src/registry/demos/color-field/label.tsx
diff --git a/www/src/registry-v2/demos/color-field/loading.tsx b/www/src/registry/demos/color-field/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/loading.tsx
rename to www/src/registry/demos/color-field/loading.tsx
diff --git a/www/src/registry-v2/demos/color-field/prefix-and-suffix.tsx b/www/src/registry/demos/color-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/prefix-and-suffix.tsx
rename to www/src/registry/demos/color-field/prefix-and-suffix.tsx
diff --git a/www/src/registry-v2/demos/color-field/read-only.tsx b/www/src/registry/demos/color-field/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/read-only.tsx
rename to www/src/registry/demos/color-field/read-only.tsx
diff --git a/www/src/registry-v2/demos/color-field/required.tsx b/www/src/registry/demos/color-field/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/required.tsx
rename to www/src/registry/demos/color-field/required.tsx
diff --git a/www/src/registry-v2/demos/color-field/sizes.tsx b/www/src/registry/demos/color-field/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/sizes.tsx
rename to www/src/registry/demos/color-field/sizes.tsx
diff --git a/www/src/registry-v2/demos/color-field/uncontrolled.tsx b/www/src/registry/demos/color-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-field/uncontrolled.tsx
rename to www/src/registry/demos/color-field/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/color-picker/composition.tsx b/www/src/registry/demos/color-picker/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-picker/composition.tsx
rename to www/src/registry/demos/color-picker/composition.tsx
diff --git a/www/src/registry-v2/demos/color-picker/controlled.tsx b/www/src/registry/demos/color-picker/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-picker/controlled.tsx
rename to www/src/registry/demos/color-picker/controlled.tsx
diff --git a/www/src/registry-v2/demos/color-picker/default.tsx b/www/src/registry/demos/color-picker/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-picker/default.tsx
rename to www/src/registry/demos/color-picker/default.tsx
diff --git a/www/src/registry-v2/demos/color-picker/options.tsx b/www/src/registry/demos/color-picker/options.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-picker/options.tsx
rename to www/src/registry/demos/color-picker/options.tsx
diff --git a/www/src/registry-v2/demos/color-picker/uncontrolled.tsx b/www/src/registry/demos/color-picker/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-picker/uncontrolled.tsx
rename to www/src/registry/demos/color-picker/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/color-slider/channel.tsx b/www/src/registry/demos/color-slider/channel.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-slider/channel.tsx
rename to www/src/registry/demos/color-slider/channel.tsx
diff --git a/www/src/registry-v2/demos/color-slider/composition.tsx b/www/src/registry/demos/color-slider/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-slider/composition.tsx
rename to www/src/registry/demos/color-slider/composition.tsx
diff --git a/www/src/registry-v2/demos/color-slider/controlled.tsx b/www/src/registry/demos/color-slider/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-slider/controlled.tsx
rename to www/src/registry/demos/color-slider/controlled.tsx
diff --git a/www/src/registry-v2/demos/color-slider/default.tsx b/www/src/registry/demos/color-slider/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-slider/default.tsx
rename to www/src/registry/demos/color-slider/default.tsx
diff --git a/www/src/registry-v2/demos/color-slider/disabled.tsx b/www/src/registry/demos/color-slider/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-slider/disabled.tsx
rename to www/src/registry/demos/color-slider/disabled.tsx
diff --git a/www/src/registry-v2/demos/color-slider/label.tsx b/www/src/registry/demos/color-slider/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-slider/label.tsx
rename to www/src/registry/demos/color-slider/label.tsx
diff --git a/www/src/registry-v2/demos/color-slider/uncontrolled.tsx b/www/src/registry/demos/color-slider/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-slider/uncontrolled.tsx
rename to www/src/registry/demos/color-slider/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/color-slider/vertical.tsx b/www/src/registry/demos/color-slider/vertical.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-slider/vertical.tsx
rename to www/src/registry/demos/color-slider/vertical.tsx
diff --git a/www/src/registry-v2/demos/color-swatch/default.tsx b/www/src/registry/demos/color-swatch/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/color-swatch/default.tsx
rename to www/src/registry/demos/color-swatch/default.tsx
diff --git a/www/src/registry-v2/demos/combobox/async-loading.tsx b/www/src/registry/demos/combobox/async-loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/async-loading.tsx
rename to www/src/registry/demos/combobox/async-loading.tsx
diff --git a/www/src/registry-v2/demos/combobox/basic.tsx b/www/src/registry/demos/combobox/basic.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/basic.tsx
rename to www/src/registry/demos/combobox/basic.tsx
diff --git a/www/src/registry-v2/demos/combobox/composition.tsx b/www/src/registry/demos/combobox/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/composition.tsx
rename to www/src/registry/demos/combobox/composition.tsx
diff --git a/www/src/registry-v2/demos/combobox/contextual-help.tsx b/www/src/registry/demos/combobox/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/contextual-help.tsx
rename to www/src/registry/demos/combobox/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/combobox/controlled.tsx b/www/src/registry/demos/combobox/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/controlled.tsx
rename to www/src/registry/demos/combobox/controlled.tsx
diff --git a/www/src/registry-v2/demos/combobox/custom-value.tsx b/www/src/registry/demos/combobox/custom-value.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/custom-value.tsx
rename to www/src/registry/demos/combobox/custom-value.tsx
diff --git a/www/src/registry-v2/demos/combobox/description.tsx b/www/src/registry/demos/combobox/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/description.tsx
rename to www/src/registry/demos/combobox/description.tsx
diff --git a/www/src/registry-v2/demos/combobox/disabled.tsx b/www/src/registry/demos/combobox/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/disabled.tsx
rename to www/src/registry/demos/combobox/disabled.tsx
diff --git a/www/src/registry-v2/demos/combobox/label.tsx b/www/src/registry/demos/combobox/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/label.tsx
rename to www/src/registry/demos/combobox/label.tsx
diff --git a/www/src/registry-v2/demos/combobox/loading.tsx b/www/src/registry/demos/combobox/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/loading.tsx
rename to www/src/registry/demos/combobox/loading.tsx
diff --git a/www/src/registry-v2/demos/combobox/required.tsx b/www/src/registry/demos/combobox/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/required.tsx
rename to www/src/registry/demos/combobox/required.tsx
diff --git a/www/src/registry-v2/demos/combobox/sections.tsx b/www/src/registry/demos/combobox/sections.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/sections.tsx
rename to www/src/registry/demos/combobox/sections.tsx
diff --git a/www/src/registry-v2/demos/combobox/uncontrolled.tsx b/www/src/registry/demos/combobox/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/uncontrolled.tsx
rename to www/src/registry/demos/combobox/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/combobox/validation.tsx b/www/src/registry/demos/combobox/validation.tsx
similarity index 100%
rename from www/src/registry-v2/demos/combobox/validation.tsx
rename to www/src/registry/demos/combobox/validation.tsx
diff --git a/www/src/registry-v2/demos/date-field/composition.tsx b/www/src/registry/demos/date-field/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/composition.tsx
rename to www/src/registry/demos/date-field/composition.tsx
diff --git a/www/src/registry-v2/demos/date-field/contextual-help.tsx b/www/src/registry/demos/date-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/contextual-help.tsx
rename to www/src/registry/demos/date-field/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/date-field/controlled.tsx b/www/src/registry/demos/date-field/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/controlled.tsx
rename to www/src/registry/demos/date-field/controlled.tsx
diff --git a/www/src/registry-v2/demos/date-field/default.tsx b/www/src/registry/demos/date-field/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/default.tsx
rename to www/src/registry/demos/date-field/default.tsx
diff --git a/www/src/registry-v2/demos/date-field/description.tsx b/www/src/registry/demos/date-field/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/description.tsx
rename to www/src/registry/demos/date-field/description.tsx
diff --git a/www/src/registry-v2/demos/date-field/disabled.tsx b/www/src/registry/demos/date-field/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/disabled.tsx
rename to www/src/registry/demos/date-field/disabled.tsx
diff --git a/www/src/registry-v2/demos/date-field/error-message.tsx b/www/src/registry/demos/date-field/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/error-message.tsx
rename to www/src/registry/demos/date-field/error-message.tsx
diff --git a/www/src/registry-v2/demos/date-field/granularity.tsx b/www/src/registry/demos/date-field/granularity.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/granularity.tsx
rename to www/src/registry/demos/date-field/granularity.tsx
diff --git a/www/src/registry-v2/demos/date-field/hide-time-zone.tsx b/www/src/registry/demos/date-field/hide-time-zone.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/hide-time-zone.tsx
rename to www/src/registry/demos/date-field/hide-time-zone.tsx
diff --git a/www/src/registry-v2/demos/date-field/hour-cycle.tsx b/www/src/registry/demos/date-field/hour-cycle.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/hour-cycle.tsx
rename to www/src/registry/demos/date-field/hour-cycle.tsx
diff --git a/www/src/registry-v2/demos/date-field/label.tsx b/www/src/registry/demos/date-field/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/label.tsx
rename to www/src/registry/demos/date-field/label.tsx
diff --git a/www/src/registry-v2/demos/date-field/loading.tsx b/www/src/registry/demos/date-field/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/loading.tsx
rename to www/src/registry/demos/date-field/loading.tsx
diff --git a/www/src/registry-v2/demos/date-field/placeholder.tsx b/www/src/registry/demos/date-field/placeholder.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/placeholder.tsx
rename to www/src/registry/demos/date-field/placeholder.tsx
diff --git a/www/src/registry-v2/demos/date-field/prefix-and-suffix.tsx b/www/src/registry/demos/date-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/prefix-and-suffix.tsx
rename to www/src/registry/demos/date-field/prefix-and-suffix.tsx
diff --git a/www/src/registry-v2/demos/date-field/read-only.tsx b/www/src/registry/demos/date-field/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/read-only.tsx
rename to www/src/registry/demos/date-field/read-only.tsx
diff --git a/www/src/registry-v2/demos/date-field/required.tsx b/www/src/registry/demos/date-field/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/required.tsx
rename to www/src/registry/demos/date-field/required.tsx
diff --git a/www/src/registry-v2/demos/date-field/sizes.tsx b/www/src/registry/demos/date-field/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/sizes.tsx
rename to www/src/registry/demos/date-field/sizes.tsx
diff --git a/www/src/registry-v2/demos/date-field/time-zones.tsx b/www/src/registry/demos/date-field/time-zones.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/time-zones.tsx
rename to www/src/registry/demos/date-field/time-zones.tsx
diff --git a/www/src/registry-v2/demos/date-field/uncontrolled.tsx b/www/src/registry/demos/date-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-field/uncontrolled.tsx
rename to www/src/registry/demos/date-field/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/date-picker/composition.tsx b/www/src/registry/demos/date-picker/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/composition.tsx
rename to www/src/registry/demos/date-picker/composition.tsx
diff --git a/www/src/registry-v2/demos/date-picker/contextual-help.tsx b/www/src/registry/demos/date-picker/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/contextual-help.tsx
rename to www/src/registry/demos/date-picker/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/date-picker/controlled.tsx b/www/src/registry/demos/date-picker/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/controlled.tsx
rename to www/src/registry/demos/date-picker/controlled.tsx
diff --git a/www/src/registry-v2/demos/date-picker/default.tsx b/www/src/registry/demos/date-picker/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/default.tsx
rename to www/src/registry/demos/date-picker/default.tsx
diff --git a/www/src/registry-v2/demos/date-picker/description.tsx b/www/src/registry/demos/date-picker/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/description.tsx
rename to www/src/registry/demos/date-picker/description.tsx
diff --git a/www/src/registry-v2/demos/date-picker/disabled.tsx b/www/src/registry/demos/date-picker/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/disabled.tsx
rename to www/src/registry/demos/date-picker/disabled.tsx
diff --git a/www/src/registry-v2/demos/date-picker/error-message.tsx b/www/src/registry/demos/date-picker/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/error-message.tsx
rename to www/src/registry/demos/date-picker/error-message.tsx
diff --git a/www/src/registry-v2/demos/date-picker/granularity.tsx b/www/src/registry/demos/date-picker/granularity.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/granularity.tsx
rename to www/src/registry/demos/date-picker/granularity.tsx
diff --git a/www/src/registry-v2/demos/date-picker/hide-time-zone.tsx b/www/src/registry/demos/date-picker/hide-time-zone.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/hide-time-zone.tsx
rename to www/src/registry/demos/date-picker/hide-time-zone.tsx
diff --git a/www/src/registry-v2/demos/date-picker/hour-cycle.tsx b/www/src/registry/demos/date-picker/hour-cycle.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/hour-cycle.tsx
rename to www/src/registry/demos/date-picker/hour-cycle.tsx
diff --git a/www/src/registry-v2/demos/date-picker/label.tsx b/www/src/registry/demos/date-picker/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/label.tsx
rename to www/src/registry/demos/date-picker/label.tsx
diff --git a/www/src/registry-v2/demos/date-picker/loading.tsx b/www/src/registry/demos/date-picker/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/loading.tsx
rename to www/src/registry/demos/date-picker/loading.tsx
diff --git a/www/src/registry-v2/demos/date-picker/placeholder.tsx b/www/src/registry/demos/date-picker/placeholder.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/placeholder.tsx
rename to www/src/registry/demos/date-picker/placeholder.tsx
diff --git a/www/src/registry-v2/demos/date-picker/prefix.tsx b/www/src/registry/demos/date-picker/prefix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/prefix.tsx
rename to www/src/registry/demos/date-picker/prefix.tsx
diff --git a/www/src/registry-v2/demos/date-picker/read-only.tsx b/www/src/registry/demos/date-picker/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/read-only.tsx
rename to www/src/registry/demos/date-picker/read-only.tsx
diff --git a/www/src/registry-v2/demos/date-picker/required.tsx b/www/src/registry/demos/date-picker/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/required.tsx
rename to www/src/registry/demos/date-picker/required.tsx
diff --git a/www/src/registry-v2/demos/date-picker/sizes.tsx b/www/src/registry/demos/date-picker/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/sizes.tsx
rename to www/src/registry/demos/date-picker/sizes.tsx
diff --git a/www/src/registry-v2/demos/date-picker/time-zones.tsx b/www/src/registry/demos/date-picker/time-zones.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/time-zones.tsx
rename to www/src/registry/demos/date-picker/time-zones.tsx
diff --git a/www/src/registry-v2/demos/date-picker/uncontrolled.tsx b/www/src/registry/demos/date-picker/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-picker/uncontrolled.tsx
rename to www/src/registry/demos/date-picker/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/composition.tsx b/www/src/registry/demos/date-range-picker/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/composition.tsx
rename to www/src/registry/demos/date-range-picker/composition.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/contextual-help.tsx b/www/src/registry/demos/date-range-picker/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/contextual-help.tsx
rename to www/src/registry/demos/date-range-picker/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/controlled.tsx b/www/src/registry/demos/date-range-picker/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/controlled.tsx
rename to www/src/registry/demos/date-range-picker/controlled.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/default.tsx b/www/src/registry/demos/date-range-picker/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/default.tsx
rename to www/src/registry/demos/date-range-picker/default.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/description.tsx b/www/src/registry/demos/date-range-picker/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/description.tsx
rename to www/src/registry/demos/date-range-picker/description.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/disabled.tsx b/www/src/registry/demos/date-range-picker/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/disabled.tsx
rename to www/src/registry/demos/date-range-picker/disabled.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/error-message.tsx b/www/src/registry/demos/date-range-picker/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/error-message.tsx
rename to www/src/registry/demos/date-range-picker/error-message.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/granularity.tsx b/www/src/registry/demos/date-range-picker/granularity.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/granularity.tsx
rename to www/src/registry/demos/date-range-picker/granularity.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/hide-time-zone.tsx b/www/src/registry/demos/date-range-picker/hide-time-zone.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/hide-time-zone.tsx
rename to www/src/registry/demos/date-range-picker/hide-time-zone.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/hour-cycle.tsx b/www/src/registry/demos/date-range-picker/hour-cycle.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/hour-cycle.tsx
rename to www/src/registry/demos/date-range-picker/hour-cycle.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/label.tsx b/www/src/registry/demos/date-range-picker/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/label.tsx
rename to www/src/registry/demos/date-range-picker/label.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/loading.tsx b/www/src/registry/demos/date-range-picker/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/loading.tsx
rename to www/src/registry/demos/date-range-picker/loading.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/placeholder.tsx b/www/src/registry/demos/date-range-picker/placeholder.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/placeholder.tsx
rename to www/src/registry/demos/date-range-picker/placeholder.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/prefix.tsx b/www/src/registry/demos/date-range-picker/prefix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/prefix.tsx
rename to www/src/registry/demos/date-range-picker/prefix.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/read-only.tsx b/www/src/registry/demos/date-range-picker/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/read-only.tsx
rename to www/src/registry/demos/date-range-picker/read-only.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/required.tsx b/www/src/registry/demos/date-range-picker/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/required.tsx
rename to www/src/registry/demos/date-range-picker/required.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/sizes.tsx b/www/src/registry/demos/date-range-picker/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/sizes.tsx
rename to www/src/registry/demos/date-range-picker/sizes.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/time-zones.tsx b/www/src/registry/demos/date-range-picker/time-zones.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/time-zones.tsx
rename to www/src/registry/demos/date-range-picker/time-zones.tsx
diff --git a/www/src/registry-v2/demos/date-range-picker/uncontrolled.tsx b/www/src/registry/demos/date-range-picker/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/date-range-picker/uncontrolled.tsx
rename to www/src/registry/demos/date-range-picker/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/dialog/alert-dialog.tsx b/www/src/registry/demos/dialog/alert-dialog.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/alert-dialog.tsx
rename to www/src/registry/demos/dialog/alert-dialog.tsx
diff --git a/www/src/registry-v2/demos/dialog/async-form-submission.tsx b/www/src/registry/demos/dialog/async-form-submission.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/async-form-submission.tsx
rename to www/src/registry/demos/dialog/async-form-submission.tsx
diff --git a/www/src/registry-v2/demos/dialog/basic.tsx b/www/src/registry/demos/dialog/basic.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/basic.tsx
rename to www/src/registry/demos/dialog/basic.tsx
diff --git a/www/src/registry-v2/demos/dialog/composition.tsx b/www/src/registry/demos/dialog/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/composition.tsx
rename to www/src/registry/demos/dialog/composition.tsx
diff --git a/www/src/registry-v2/demos/dialog/controlled.tsx b/www/src/registry/demos/dialog/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/controlled.tsx
rename to www/src/registry/demos/dialog/controlled.tsx
diff --git a/www/src/registry-v2/demos/dialog/description.tsx b/www/src/registry/demos/dialog/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/description.tsx
rename to www/src/registry/demos/dialog/description.tsx
diff --git a/www/src/registry-v2/demos/dialog/dismiss-button.tsx b/www/src/registry/demos/dialog/dismiss-button.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/dismiss-button.tsx
rename to www/src/registry/demos/dialog/dismiss-button.tsx
diff --git a/www/src/registry-v2/demos/dialog/dismissable.tsx b/www/src/registry/demos/dialog/dismissable.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/dismissable.tsx
rename to www/src/registry/demos/dialog/dismissable.tsx
diff --git a/www/src/registry-v2/demos/dialog/drawer.tsx b/www/src/registry/demos/dialog/drawer.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/drawer.tsx
rename to www/src/registry/demos/dialog/drawer.tsx
diff --git a/www/src/registry-v2/demos/dialog/inset-content.tsx b/www/src/registry/demos/dialog/inset-content.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/inset-content.tsx
rename to www/src/registry/demos/dialog/inset-content.tsx
diff --git a/www/src/registry-v2/demos/dialog/nested.tsx b/www/src/registry/demos/dialog/nested.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/nested.tsx
rename to www/src/registry/demos/dialog/nested.tsx
diff --git a/www/src/registry-v2/demos/dialog/popover.tsx b/www/src/registry/demos/dialog/popover.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/popover.tsx
rename to www/src/registry/demos/dialog/popover.tsx
diff --git a/www/src/registry-v2/demos/dialog/title.tsx b/www/src/registry/demos/dialog/title.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/title.tsx
rename to www/src/registry/demos/dialog/title.tsx
diff --git a/www/src/registry-v2/demos/dialog/types.tsx b/www/src/registry/demos/dialog/types.tsx
similarity index 100%
rename from www/src/registry-v2/demos/dialog/types.tsx
rename to www/src/registry/demos/dialog/types.tsx
diff --git a/www/src/registry-v2/demos/drop-zone/default.tsx b/www/src/registry/demos/drop-zone/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/drop-zone/default.tsx
rename to www/src/registry/demos/drop-zone/default.tsx
diff --git a/www/src/registry-v2/demos/drop-zone/disabled.tsx b/www/src/registry/demos/drop-zone/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/drop-zone/disabled.tsx
rename to www/src/registry/demos/drop-zone/disabled.tsx
diff --git a/www/src/registry-v2/demos/drop-zone/file-trigger.tsx b/www/src/registry/demos/drop-zone/file-trigger.tsx
similarity index 100%
rename from www/src/registry-v2/demos/drop-zone/file-trigger.tsx
rename to www/src/registry/demos/drop-zone/file-trigger.tsx
diff --git a/www/src/registry-v2/demos/drop-zone/label.tsx b/www/src/registry/demos/drop-zone/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/drop-zone/label.tsx
rename to www/src/registry/demos/drop-zone/label.tsx
diff --git a/www/src/registry-v2/demos/file-trigger/default.tsx b/www/src/registry/demos/file-trigger/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/file-trigger/default.tsx
rename to www/src/registry/demos/file-trigger/default.tsx
diff --git a/www/src/registry-v2/demos/file-trigger/directory-selection.tsx b/www/src/registry/demos/file-trigger/directory-selection.tsx
similarity index 100%
rename from www/src/registry-v2/demos/file-trigger/directory-selection.tsx
rename to www/src/registry/demos/file-trigger/directory-selection.tsx
diff --git a/www/src/registry-v2/demos/file-trigger/file-types.tsx b/www/src/registry/demos/file-trigger/file-types.tsx
similarity index 100%
rename from www/src/registry-v2/demos/file-trigger/file-types.tsx
rename to www/src/registry/demos/file-trigger/file-types.tsx
diff --git a/www/src/registry-v2/demos/file-trigger/media-capture.tsx b/www/src/registry/demos/file-trigger/media-capture.tsx
similarity index 100%
rename from www/src/registry-v2/demos/file-trigger/media-capture.tsx
rename to www/src/registry/demos/file-trigger/media-capture.tsx
diff --git a/www/src/registry-v2/demos/file-trigger/multiple-files.tsx b/www/src/registry/demos/file-trigger/multiple-files.tsx
similarity index 100%
rename from www/src/registry-v2/demos/file-trigger/multiple-files.tsx
rename to www/src/registry/demos/file-trigger/multiple-files.tsx
diff --git a/www/src/registry-v2/demos/link/default.tsx b/www/src/registry/demos/link/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/link/default.tsx
rename to www/src/registry/demos/link/default.tsx
diff --git a/www/src/registry-v2/demos/link/disabled.tsx b/www/src/registry/demos/link/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/link/disabled.tsx
rename to www/src/registry/demos/link/disabled.tsx
diff --git a/www/src/registry-v2/demos/link/icon.tsx b/www/src/registry/demos/link/icon.tsx
similarity index 100%
rename from www/src/registry-v2/demos/link/icon.tsx
rename to www/src/registry/demos/link/icon.tsx
diff --git a/www/src/registry-v2/demos/link/variants.tsx b/www/src/registry/demos/link/variants.tsx
similarity index 100%
rename from www/src/registry-v2/demos/link/variants.tsx
rename to www/src/registry/demos/link/variants.tsx
diff --git a/www/src/registry-v2/demos/list-box/async-loading.tsx b/www/src/registry/demos/list-box/async-loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/async-loading.tsx
rename to www/src/registry/demos/list-box/async-loading.tsx
diff --git a/www/src/registry-v2/demos/list-box/basic.tsx b/www/src/registry/demos/list-box/basic.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/basic.tsx
rename to www/src/registry/demos/list-box/basic.tsx
diff --git a/www/src/registry-v2/demos/list-box/composition.tsx b/www/src/registry/demos/list-box/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/composition.tsx
rename to www/src/registry/demos/list-box/composition.tsx
diff --git a/www/src/registry-v2/demos/list-box/contact-list.tsx b/www/src/registry/demos/list-box/contact-list.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/contact-list.tsx
rename to www/src/registry/demos/list-box/contact-list.tsx
diff --git a/www/src/registry-v2/demos/list-box/controlled.tsx b/www/src/registry/demos/list-box/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/controlled.tsx
rename to www/src/registry/demos/list-box/controlled.tsx
diff --git a/www/src/registry-v2/demos/list-box/disabled-items.tsx b/www/src/registry/demos/list-box/disabled-items.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/disabled-items.tsx
rename to www/src/registry/demos/list-box/disabled-items.tsx
diff --git a/www/src/registry-v2/demos/list-box/empty-state.tsx b/www/src/registry/demos/list-box/empty-state.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/empty-state.tsx
rename to www/src/registry/demos/list-box/empty-state.tsx
diff --git a/www/src/registry-v2/demos/list-box/grid.tsx b/www/src/registry/demos/list-box/grid.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/grid.tsx
rename to www/src/registry/demos/list-box/grid.tsx
diff --git a/www/src/registry-v2/demos/list-box/horizontal.tsx b/www/src/registry/demos/list-box/horizontal.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/horizontal.tsx
rename to www/src/registry/demos/list-box/horizontal.tsx
diff --git a/www/src/registry-v2/demos/list-box/image-grid.tsx b/www/src/registry/demos/list-box/image-grid.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/image-grid.tsx
rename to www/src/registry/demos/list-box/image-grid.tsx
diff --git a/www/src/registry-v2/demos/list-box/item-variant.tsx b/www/src/registry/demos/list-box/item-variant.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/item-variant.tsx
rename to www/src/registry/demos/list-box/item-variant.tsx
diff --git a/www/src/registry-v2/demos/list-box/label-and-description.tsx b/www/src/registry/demos/list-box/label-and-description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/label-and-description.tsx
rename to www/src/registry/demos/list-box/label-and-description.tsx
diff --git a/www/src/registry-v2/demos/list-box/links.tsx b/www/src/registry/demos/list-box/links.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/links.tsx
rename to www/src/registry/demos/list-box/links.tsx
diff --git a/www/src/registry-v2/demos/list-box/loading.tsx b/www/src/registry/demos/list-box/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/loading.tsx
rename to www/src/registry/demos/list-box/loading.tsx
diff --git a/www/src/registry-v2/demos/list-box/prefix-and-suffix.tsx b/www/src/registry/demos/list-box/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/prefix-and-suffix.tsx
rename to www/src/registry/demos/list-box/prefix-and-suffix.tsx
diff --git a/www/src/registry-v2/demos/list-box/sections.tsx b/www/src/registry/demos/list-box/sections.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/sections.tsx
rename to www/src/registry/demos/list-box/sections.tsx
diff --git a/www/src/registry-v2/demos/list-box/selection-behavior.tsx b/www/src/registry/demos/list-box/selection-behavior.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/selection-behavior.tsx
rename to www/src/registry/demos/list-box/selection-behavior.tsx
diff --git a/www/src/registry-v2/demos/list-box/selection-mode.tsx b/www/src/registry/demos/list-box/selection-mode.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/selection-mode.tsx
rename to www/src/registry/demos/list-box/selection-mode.tsx
diff --git a/www/src/registry-v2/demos/list-box/separator.tsx b/www/src/registry/demos/list-box/separator.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/separator.tsx
rename to www/src/registry/demos/list-box/separator.tsx
diff --git a/www/src/registry-v2/demos/list-box/uncontrolled.tsx b/www/src/registry/demos/list-box/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/list-box/uncontrolled.tsx
rename to www/src/registry/demos/list-box/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/menu/basic.tsx b/www/src/registry/demos/menu/basic.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/basic.tsx
rename to www/src/registry/demos/menu/basic.tsx
diff --git a/www/src/registry-v2/demos/menu/composition.tsx b/www/src/registry/demos/menu/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/composition.tsx
rename to www/src/registry/demos/menu/composition.tsx
diff --git a/www/src/registry-v2/demos/menu/controlled.tsx b/www/src/registry/demos/menu/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/controlled.tsx
rename to www/src/registry/demos/menu/controlled.tsx
diff --git a/www/src/registry-v2/demos/menu/disabled-items.tsx b/www/src/registry/demos/menu/disabled-items.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/disabled-items.tsx
rename to www/src/registry/demos/menu/disabled-items.tsx
diff --git a/www/src/registry-v2/demos/menu/item-variant.tsx b/www/src/registry/demos/menu/item-variant.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/item-variant.tsx
rename to www/src/registry/demos/menu/item-variant.tsx
diff --git a/www/src/registry-v2/demos/menu/label-and-description.tsx b/www/src/registry/demos/menu/label-and-description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/label-and-description.tsx
rename to www/src/registry/demos/menu/label-and-description.tsx
diff --git a/www/src/registry-v2/demos/menu/link-items.tsx b/www/src/registry/demos/menu/link-items.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/link-items.tsx
rename to www/src/registry/demos/menu/link-items.tsx
diff --git a/www/src/registry-v2/demos/menu/long-press.tsx b/www/src/registry/demos/menu/long-press.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/long-press.tsx
rename to www/src/registry/demos/menu/long-press.tsx
diff --git a/www/src/registry-v2/demos/menu/multiple-selection.tsx b/www/src/registry/demos/menu/multiple-selection.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/multiple-selection.tsx
rename to www/src/registry/demos/menu/multiple-selection.tsx
diff --git a/www/src/registry-v2/demos/menu/overlay-type.tsx b/www/src/registry/demos/menu/overlay-type.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/overlay-type.tsx
rename to www/src/registry/demos/menu/overlay-type.tsx
diff --git a/www/src/registry-v2/demos/menu/placement.tsx b/www/src/registry/demos/menu/placement.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/placement.tsx
rename to www/src/registry/demos/menu/placement.tsx
diff --git a/www/src/registry-v2/demos/menu/prefix-and-suffix.tsx b/www/src/registry/demos/menu/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/prefix-and-suffix.tsx
rename to www/src/registry/demos/menu/prefix-and-suffix.tsx
diff --git a/www/src/registry-v2/demos/menu/section.tsx b/www/src/registry/demos/menu/section.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/section.tsx
rename to www/src/registry/demos/menu/section.tsx
diff --git a/www/src/registry-v2/demos/menu/separator.tsx b/www/src/registry/demos/menu/separator.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/separator.tsx
rename to www/src/registry/demos/menu/separator.tsx
diff --git a/www/src/registry-v2/demos/menu/shortcut.tsx b/www/src/registry/demos/menu/shortcut.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/shortcut.tsx
rename to www/src/registry/demos/menu/shortcut.tsx
diff --git a/www/src/registry-v2/demos/menu/single-selection.tsx b/www/src/registry/demos/menu/single-selection.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/single-selection.tsx
rename to www/src/registry/demos/menu/single-selection.tsx
diff --git a/www/src/registry-v2/demos/menu/submenus.tsx b/www/src/registry/demos/menu/submenus.tsx
similarity index 100%
rename from www/src/registry-v2/demos/menu/submenus.tsx
rename to www/src/registry/demos/menu/submenus.tsx
diff --git a/www/src/registry-v2/demos/number-field/composition.tsx b/www/src/registry/demos/number-field/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/composition.tsx
rename to www/src/registry/demos/number-field/composition.tsx
diff --git a/www/src/registry-v2/demos/number-field/contextual-help.tsx b/www/src/registry/demos/number-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/contextual-help.tsx
rename to www/src/registry/demos/number-field/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/number-field/controlled.tsx b/www/src/registry/demos/number-field/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/controlled.tsx
rename to www/src/registry/demos/number-field/controlled.tsx
diff --git a/www/src/registry-v2/demos/number-field/default.tsx b/www/src/registry/demos/number-field/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/default.tsx
rename to www/src/registry/demos/number-field/default.tsx
diff --git a/www/src/registry-v2/demos/number-field/description.tsx b/www/src/registry/demos/number-field/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/description.tsx
rename to www/src/registry/demos/number-field/description.tsx
diff --git a/www/src/registry-v2/demos/number-field/disabled.tsx b/www/src/registry/demos/number-field/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/disabled.tsx
rename to www/src/registry/demos/number-field/disabled.tsx
diff --git a/www/src/registry-v2/demos/number-field/error-message.tsx b/www/src/registry/demos/number-field/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/error-message.tsx
rename to www/src/registry/demos/number-field/error-message.tsx
diff --git a/www/src/registry-v2/demos/number-field/format-options.tsx b/www/src/registry/demos/number-field/format-options.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/format-options.tsx
rename to www/src/registry/demos/number-field/format-options.tsx
diff --git a/www/src/registry-v2/demos/number-field/label.tsx b/www/src/registry/demos/number-field/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/label.tsx
rename to www/src/registry/demos/number-field/label.tsx
diff --git a/www/src/registry-v2/demos/number-field/read-only.tsx b/www/src/registry/demos/number-field/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/read-only.tsx
rename to www/src/registry/demos/number-field/read-only.tsx
diff --git a/www/src/registry-v2/demos/number-field/required.tsx b/www/src/registry/demos/number-field/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/required.tsx
rename to www/src/registry/demos/number-field/required.tsx
diff --git a/www/src/registry-v2/demos/number-field/sizes.tsx b/www/src/registry/demos/number-field/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/sizes.tsx
rename to www/src/registry/demos/number-field/sizes.tsx
diff --git a/www/src/registry-v2/demos/number-field/uncontrolled.tsx b/www/src/registry/demos/number-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/number-field/uncontrolled.tsx
rename to www/src/registry/demos/number-field/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/progress/composition.tsx b/www/src/registry/demos/progress/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/composition.tsx
rename to www/src/registry/demos/progress/composition.tsx
diff --git a/www/src/registry-v2/demos/progress/custom-color.tsx b/www/src/registry/demos/progress/custom-color.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/custom-color.tsx
rename to www/src/registry/demos/progress/custom-color.tsx
diff --git a/www/src/registry-v2/demos/progress/custom-value-label.tsx b/www/src/registry/demos/progress/custom-value-label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/custom-value-label.tsx
rename to www/src/registry/demos/progress/custom-value-label.tsx
diff --git a/www/src/registry-v2/demos/progress/default.tsx b/www/src/registry/demos/progress/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/default.tsx
rename to www/src/registry/demos/progress/default.tsx
diff --git a/www/src/registry-v2/demos/progress/duration.tsx b/www/src/registry/demos/progress/duration.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/duration.tsx
rename to www/src/registry/demos/progress/duration.tsx
diff --git a/www/src/registry-v2/demos/progress/format-options.tsx b/www/src/registry/demos/progress/format-options.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/format-options.tsx
rename to www/src/registry/demos/progress/format-options.tsx
diff --git a/www/src/registry-v2/demos/progress/indeterminate.tsx b/www/src/registry/demos/progress/indeterminate.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/indeterminate.tsx
rename to www/src/registry/demos/progress/indeterminate.tsx
diff --git a/www/src/registry-v2/demos/progress/label.tsx b/www/src/registry/demos/progress/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/label.tsx
rename to www/src/registry/demos/progress/label.tsx
diff --git a/www/src/registry-v2/demos/progress/min-max-values.tsx b/www/src/registry/demos/progress/min-max-values.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/min-max-values.tsx
rename to www/src/registry/demos/progress/min-max-values.tsx
diff --git a/www/src/registry-v2/demos/progress/shape.tsx b/www/src/registry/demos/progress/shape.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/shape.tsx
rename to www/src/registry/demos/progress/shape.tsx
diff --git a/www/src/registry-v2/demos/progress/sizes.tsx b/www/src/registry/demos/progress/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/sizes.tsx
rename to www/src/registry/demos/progress/sizes.tsx
diff --git a/www/src/registry-v2/demos/progress/toolbar.tsx b/www/src/registry/demos/progress/toolbar.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/toolbar.tsx
rename to www/src/registry/demos/progress/toolbar.tsx
diff --git a/www/src/registry-v2/demos/progress/value-label.tsx b/www/src/registry/demos/progress/value-label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/value-label.tsx
rename to www/src/registry/demos/progress/value-label.tsx
diff --git a/www/src/registry-v2/demos/progress/variants.tsx b/www/src/registry/demos/progress/variants.tsx
similarity index 100%
rename from www/src/registry-v2/demos/progress/variants.tsx
rename to www/src/registry/demos/progress/variants.tsx
diff --git a/www/src/registry-v2/demos/radio-group/cards.tsx b/www/src/registry/demos/radio-group/cards.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/cards.tsx
rename to www/src/registry/demos/radio-group/cards.tsx
diff --git a/www/src/registry-v2/demos/radio-group/composition.tsx b/www/src/registry/demos/radio-group/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/composition.tsx
rename to www/src/registry/demos/radio-group/composition.tsx
diff --git a/www/src/registry-v2/demos/radio-group/contextual-help.tsx b/www/src/registry/demos/radio-group/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/contextual-help.tsx
rename to www/src/registry/demos/radio-group/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/radio-group/controlled.tsx b/www/src/registry/demos/radio-group/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/controlled.tsx
rename to www/src/registry/demos/radio-group/controlled.tsx
diff --git a/www/src/registry-v2/demos/radio-group/default.tsx b/www/src/registry/demos/radio-group/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/default.tsx
rename to www/src/registry/demos/radio-group/default.tsx
diff --git a/www/src/registry-v2/demos/radio-group/description.tsx b/www/src/registry/demos/radio-group/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/description.tsx
rename to www/src/registry/demos/radio-group/description.tsx
diff --git a/www/src/registry-v2/demos/radio-group/disabled.tsx b/www/src/registry/demos/radio-group/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/disabled.tsx
rename to www/src/registry/demos/radio-group/disabled.tsx
diff --git a/www/src/registry-v2/demos/radio-group/error-message.tsx b/www/src/registry/demos/radio-group/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/error-message.tsx
rename to www/src/registry/demos/radio-group/error-message.tsx
diff --git a/www/src/registry-v2/demos/radio-group/label.tsx b/www/src/registry/demos/radio-group/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/label.tsx
rename to www/src/registry/demos/radio-group/label.tsx
diff --git a/www/src/registry-v2/demos/radio-group/orientation.tsx b/www/src/registry/demos/radio-group/orientation.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/orientation.tsx
rename to www/src/registry/demos/radio-group/orientation.tsx
diff --git a/www/src/registry-v2/demos/radio-group/read-only.tsx b/www/src/registry/demos/radio-group/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/read-only.tsx
rename to www/src/registry/demos/radio-group/read-only.tsx
diff --git a/www/src/registry-v2/demos/radio-group/required.tsx b/www/src/registry/demos/radio-group/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/required.tsx
rename to www/src/registry/demos/radio-group/required.tsx
diff --git a/www/src/registry-v2/demos/radio-group/uncontrolled.tsx b/www/src/registry/demos/radio-group/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/radio-group/uncontrolled.tsx
rename to www/src/registry/demos/radio-group/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/composition.tsx b/www/src/registry/demos/range-calendar/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/composition.tsx
rename to www/src/registry/demos/range-calendar/composition.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/controlled.tsx b/www/src/registry/demos/range-calendar/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/controlled.tsx
rename to www/src/registry/demos/range-calendar/controlled.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/default.tsx b/www/src/registry/demos/range-calendar/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/default.tsx
rename to www/src/registry/demos/range-calendar/default.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/disabled.tsx b/www/src/registry/demos/range-calendar/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/disabled.tsx
rename to www/src/registry/demos/range-calendar/disabled.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/error-message.tsx b/www/src/registry/demos/range-calendar/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/error-message.tsx
rename to www/src/registry/demos/range-calendar/error-message.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/label.tsx b/www/src/registry/demos/range-calendar/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/label.tsx
rename to www/src/registry/demos/range-calendar/label.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/non-contiguous-ranges.tsx b/www/src/registry/demos/range-calendar/non-contiguous-ranges.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/non-contiguous-ranges.tsx
rename to www/src/registry/demos/range-calendar/non-contiguous-ranges.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/page-behaviour.tsx b/www/src/registry/demos/range-calendar/page-behaviour.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/page-behaviour.tsx
rename to www/src/registry/demos/range-calendar/page-behaviour.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/read-only.tsx b/www/src/registry/demos/range-calendar/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/read-only.tsx
rename to www/src/registry/demos/range-calendar/read-only.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/uncontrolled.tsx b/www/src/registry/demos/range-calendar/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/uncontrolled.tsx
rename to www/src/registry/demos/range-calendar/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/unvailable-dates.tsx b/www/src/registry/demos/range-calendar/unvailable-dates.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/unvailable-dates.tsx
rename to www/src/registry/demos/range-calendar/unvailable-dates.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/validation.tsx b/www/src/registry/demos/range-calendar/validation.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/validation.tsx
rename to www/src/registry/demos/range-calendar/validation.tsx
diff --git a/www/src/registry-v2/demos/range-calendar/visible-months.tsx b/www/src/registry/demos/range-calendar/visible-months.tsx
similarity index 100%
rename from www/src/registry-v2/demos/range-calendar/visible-months.tsx
rename to www/src/registry/demos/range-calendar/visible-months.tsx
diff --git a/www/src/registry-v2/demos/scroll-area/default.tsx b/www/src/registry/demos/scroll-area/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/scroll-area/default.tsx
rename to www/src/registry/demos/scroll-area/default.tsx
diff --git a/www/src/registry-v2/demos/scroll-area/scrollbars.tsx b/www/src/registry/demos/scroll-area/scrollbars.tsx
similarity index 100%
rename from www/src/registry-v2/demos/scroll-area/scrollbars.tsx
rename to www/src/registry/demos/scroll-area/scrollbars.tsx
diff --git a/www/src/registry-v2/demos/scroll-area/sizes.tsx b/www/src/registry/demos/scroll-area/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/scroll-area/sizes.tsx
rename to www/src/registry/demos/scroll-area/sizes.tsx
diff --git a/www/src/registry-v2/demos/search-field/composition.tsx b/www/src/registry/demos/search-field/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/composition.tsx
rename to www/src/registry/demos/search-field/composition.tsx
diff --git a/www/src/registry-v2/demos/search-field/contextual-help.tsx b/www/src/registry/demos/search-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/contextual-help.tsx
rename to www/src/registry/demos/search-field/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/search-field/controlled.tsx b/www/src/registry/demos/search-field/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/controlled.tsx
rename to www/src/registry/demos/search-field/controlled.tsx
diff --git a/www/src/registry-v2/demos/search-field/default.tsx b/www/src/registry/demos/search-field/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/default.tsx
rename to www/src/registry/demos/search-field/default.tsx
diff --git a/www/src/registry-v2/demos/search-field/description.tsx b/www/src/registry/demos/search-field/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/description.tsx
rename to www/src/registry/demos/search-field/description.tsx
diff --git a/www/src/registry-v2/demos/search-field/disabled.tsx b/www/src/registry/demos/search-field/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/disabled.tsx
rename to www/src/registry/demos/search-field/disabled.tsx
diff --git a/www/src/registry-v2/demos/search-field/error-message.tsx b/www/src/registry/demos/search-field/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/error-message.tsx
rename to www/src/registry/demos/search-field/error-message.tsx
diff --git a/www/src/registry-v2/demos/search-field/form.tsx b/www/src/registry/demos/search-field/form.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/form.tsx
rename to www/src/registry/demos/search-field/form.tsx
diff --git a/www/src/registry-v2/demos/search-field/label.tsx b/www/src/registry/demos/search-field/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/label.tsx
rename to www/src/registry/demos/search-field/label.tsx
diff --git a/www/src/registry-v2/demos/search-field/loading.tsx b/www/src/registry/demos/search-field/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/loading.tsx
rename to www/src/registry/demos/search-field/loading.tsx
diff --git a/www/src/registry-v2/demos/search-field/prefix-and-suffix.tsx b/www/src/registry/demos/search-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/prefix-and-suffix.tsx
rename to www/src/registry/demos/search-field/prefix-and-suffix.tsx
diff --git a/www/src/registry-v2/demos/search-field/read-only.tsx b/www/src/registry/demos/search-field/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/read-only.tsx
rename to www/src/registry/demos/search-field/read-only.tsx
diff --git a/www/src/registry-v2/demos/search-field/required.tsx b/www/src/registry/demos/search-field/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/required.tsx
rename to www/src/registry/demos/search-field/required.tsx
diff --git a/www/src/registry-v2/demos/search-field/sizes.tsx b/www/src/registry/demos/search-field/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/sizes.tsx
rename to www/src/registry/demos/search-field/sizes.tsx
diff --git a/www/src/registry-v2/demos/search-field/uncontrolled.tsx b/www/src/registry/demos/search-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/search-field/uncontrolled.tsx
rename to www/src/registry/demos/search-field/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/select/async-loading.tsx b/www/src/registry/demos/select/async-loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/async-loading.tsx
rename to www/src/registry/demos/select/async-loading.tsx
diff --git a/www/src/registry-v2/demos/select/basic.tsx b/www/src/registry/demos/select/basic.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/basic.tsx
rename to www/src/registry/demos/select/basic.tsx
diff --git a/www/src/registry-v2/demos/select/composition.tsx b/www/src/registry/demos/select/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/composition.tsx
rename to www/src/registry/demos/select/composition.tsx
diff --git a/www/src/registry-v2/demos/select/contextual-help.tsx b/www/src/registry/demos/select/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/contextual-help.tsx
rename to www/src/registry/demos/select/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/select/controlled.tsx b/www/src/registry/demos/select/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/controlled.tsx
rename to www/src/registry/demos/select/controlled.tsx
diff --git a/www/src/registry-v2/demos/select/description.tsx b/www/src/registry/demos/select/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/description.tsx
rename to www/src/registry/demos/select/description.tsx
diff --git a/www/src/registry-v2/demos/select/disabled.tsx b/www/src/registry/demos/select/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/disabled.tsx
rename to www/src/registry/demos/select/disabled.tsx
diff --git a/www/src/registry-v2/demos/select/label.tsx b/www/src/registry/demos/select/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/label.tsx
rename to www/src/registry/demos/select/label.tsx
diff --git a/www/src/registry-v2/demos/select/links.tsx b/www/src/registry/demos/select/links.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/links.tsx
rename to www/src/registry/demos/select/links.tsx
diff --git a/www/src/registry-v2/demos/select/loading.tsx b/www/src/registry/demos/select/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/loading.tsx
rename to www/src/registry/demos/select/loading.tsx
diff --git a/www/src/registry-v2/demos/select/placeholder.tsx b/www/src/registry/demos/select/placeholder.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/placeholder.tsx
rename to www/src/registry/demos/select/placeholder.tsx
diff --git a/www/src/registry-v2/demos/select/required.tsx b/www/src/registry/demos/select/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/required.tsx
rename to www/src/registry/demos/select/required.tsx
diff --git a/www/src/registry-v2/demos/select/sections.tsx b/www/src/registry/demos/select/sections.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/sections.tsx
rename to www/src/registry/demos/select/sections.tsx
diff --git a/www/src/registry-v2/demos/select/uncontrolled.tsx b/www/src/registry/demos/select/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/uncontrolled.tsx
rename to www/src/registry/demos/select/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/select/validation.tsx b/www/src/registry/demos/select/validation.tsx
similarity index 100%
rename from www/src/registry-v2/demos/select/validation.tsx
rename to www/src/registry/demos/select/validation.tsx
diff --git a/www/src/registry-v2/demos/separator/card.tsx b/www/src/registry/demos/separator/card.tsx
similarity index 100%
rename from www/src/registry-v2/demos/separator/card.tsx
rename to www/src/registry/demos/separator/card.tsx
diff --git a/www/src/registry-v2/demos/separator/orientation.tsx b/www/src/registry/demos/separator/orientation.tsx
similarity index 100%
rename from www/src/registry-v2/demos/separator/orientation.tsx
rename to www/src/registry/demos/separator/orientation.tsx
diff --git a/www/src/registry-v2/demos/skeleton/api-simulation.tsx b/www/src/registry/demos/skeleton/api-simulation.tsx
similarity index 100%
rename from www/src/registry-v2/demos/skeleton/api-simulation.tsx
rename to www/src/registry/demos/skeleton/api-simulation.tsx
diff --git a/www/src/registry-v2/demos/skeleton/card.tsx b/www/src/registry/demos/skeleton/card.tsx
similarity index 100%
rename from www/src/registry-v2/demos/skeleton/card.tsx
rename to www/src/registry/demos/skeleton/card.tsx
diff --git a/www/src/registry-v2/demos/skeleton/children.tsx b/www/src/registry/demos/skeleton/children.tsx
similarity index 100%
rename from www/src/registry-v2/demos/skeleton/children.tsx
rename to www/src/registry/demos/skeleton/children.tsx
diff --git a/www/src/registry-v2/demos/skeleton/fixed-size-children.tsx b/www/src/registry/demos/skeleton/fixed-size-children.tsx
similarity index 100%
rename from www/src/registry-v2/demos/skeleton/fixed-size-children.tsx
rename to www/src/registry/demos/skeleton/fixed-size-children.tsx
diff --git a/www/src/registry-v2/demos/skeleton/show.tsx b/www/src/registry/demos/skeleton/show.tsx
similarity index 100%
rename from www/src/registry-v2/demos/skeleton/show.tsx
rename to www/src/registry/demos/skeleton/show.tsx
diff --git a/www/src/registry-v2/demos/slider/advanced-composition.tsx b/www/src/registry/demos/slider/advanced-composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/advanced-composition.tsx
rename to www/src/registry/demos/slider/advanced-composition.tsx
diff --git a/www/src/registry-v2/demos/slider/composition.tsx b/www/src/registry/demos/slider/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/composition.tsx
rename to www/src/registry/demos/slider/composition.tsx
diff --git a/www/src/registry-v2/demos/slider/controlled.tsx b/www/src/registry/demos/slider/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/controlled.tsx
rename to www/src/registry/demos/slider/controlled.tsx
diff --git a/www/src/registry-v2/demos/slider/default.tsx b/www/src/registry/demos/slider/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/default.tsx
rename to www/src/registry/demos/slider/default.tsx
diff --git a/www/src/registry-v2/demos/slider/description.tsx b/www/src/registry/demos/slider/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/description.tsx
rename to www/src/registry/demos/slider/description.tsx
diff --git a/www/src/registry-v2/demos/slider/disabled.tsx b/www/src/registry/demos/slider/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/disabled.tsx
rename to www/src/registry/demos/slider/disabled.tsx
diff --git a/www/src/registry-v2/demos/slider/format-options.tsx b/www/src/registry/demos/slider/format-options.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/format-options.tsx
rename to www/src/registry/demos/slider/format-options.tsx
diff --git a/www/src/registry-v2/demos/slider/label.tsx b/www/src/registry/demos/slider/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/label.tsx
rename to www/src/registry/demos/slider/label.tsx
diff --git a/www/src/registry-v2/demos/slider/range.tsx b/www/src/registry/demos/slider/range.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/range.tsx
rename to www/src/registry/demos/slider/range.tsx
diff --git a/www/src/registry-v2/demos/slider/sizes.tsx b/www/src/registry/demos/slider/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/sizes.tsx
rename to www/src/registry/demos/slider/sizes.tsx
diff --git a/www/src/registry-v2/demos/slider/step.tsx b/www/src/registry/demos/slider/step.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/step.tsx
rename to www/src/registry/demos/slider/step.tsx
diff --git a/www/src/registry-v2/demos/slider/uncontrolled.tsx b/www/src/registry/demos/slider/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/uncontrolled.tsx
rename to www/src/registry/demos/slider/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/slider/value-label.tsx b/www/src/registry/demos/slider/value-label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/value-label.tsx
rename to www/src/registry/demos/slider/value-label.tsx
diff --git a/www/src/registry-v2/demos/slider/value-scale.tsx b/www/src/registry/demos/slider/value-scale.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/value-scale.tsx
rename to www/src/registry/demos/slider/value-scale.tsx
diff --git a/www/src/registry-v2/demos/slider/vertical.tsx b/www/src/registry/demos/slider/vertical.tsx
similarity index 100%
rename from www/src/registry-v2/demos/slider/vertical.tsx
rename to www/src/registry/demos/slider/vertical.tsx
diff --git a/www/src/registry-v2/demos/switch/controlled.tsx b/www/src/registry/demos/switch/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/switch/controlled.tsx
rename to www/src/registry/demos/switch/controlled.tsx
diff --git a/www/src/registry-v2/demos/switch/default.tsx b/www/src/registry/demos/switch/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/switch/default.tsx
rename to www/src/registry/demos/switch/default.tsx
diff --git a/www/src/registry-v2/demos/switch/disabled.tsx b/www/src/registry/demos/switch/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/switch/disabled.tsx
rename to www/src/registry/demos/switch/disabled.tsx
diff --git a/www/src/registry-v2/demos/switch/label.tsx b/www/src/registry/demos/switch/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/switch/label.tsx
rename to www/src/registry/demos/switch/label.tsx
diff --git a/www/src/registry-v2/demos/switch/sizes.tsx b/www/src/registry/demos/switch/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/switch/sizes.tsx
rename to www/src/registry/demos/switch/sizes.tsx
diff --git a/www/src/registry-v2/demos/switch/uncontrolled.tsx b/www/src/registry/demos/switch/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/switch/uncontrolled.tsx
rename to www/src/registry/demos/switch/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/tabs/basic.tsx b/www/src/registry/demos/tabs/basic.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tabs/basic.tsx
rename to www/src/registry/demos/tabs/basic.tsx
diff --git a/www/src/registry-v2/demos/tabs/controlled.tsx b/www/src/registry/demos/tabs/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tabs/controlled.tsx
rename to www/src/registry/demos/tabs/controlled.tsx
diff --git a/www/src/registry-v2/demos/tabs/disabled-item.tsx b/www/src/registry/demos/tabs/disabled-item.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tabs/disabled-item.tsx
rename to www/src/registry/demos/tabs/disabled-item.tsx
diff --git a/www/src/registry-v2/demos/tabs/disabled.tsx b/www/src/registry/demos/tabs/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tabs/disabled.tsx
rename to www/src/registry/demos/tabs/disabled.tsx
diff --git a/www/src/registry-v2/demos/tabs/keyboard-activation.tsx b/www/src/registry/demos/tabs/keyboard-activation.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tabs/keyboard-activation.tsx
rename to www/src/registry/demos/tabs/keyboard-activation.tsx
diff --git a/www/src/registry-v2/demos/tabs/vertical.tsx b/www/src/registry/demos/tabs/vertical.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tabs/vertical.tsx
rename to www/src/registry/demos/tabs/vertical.tsx
diff --git a/www/src/registry-v2/demos/text-area/composition.tsx b/www/src/registry/demos/text-area/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/composition.tsx
rename to www/src/registry/demos/text-area/composition.tsx
diff --git a/www/src/registry-v2/demos/text-area/contextual-help.tsx b/www/src/registry/demos/text-area/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/contextual-help.tsx
rename to www/src/registry/demos/text-area/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/text-area/controlled.tsx b/www/src/registry/demos/text-area/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/controlled.tsx
rename to www/src/registry/demos/text-area/controlled.tsx
diff --git a/www/src/registry-v2/demos/text-area/default.tsx b/www/src/registry/demos/text-area/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/default.tsx
rename to www/src/registry/demos/text-area/default.tsx
diff --git a/www/src/registry-v2/demos/text-area/description.tsx b/www/src/registry/demos/text-area/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/description.tsx
rename to www/src/registry/demos/text-area/description.tsx
diff --git a/www/src/registry-v2/demos/text-area/disabled.tsx b/www/src/registry/demos/text-area/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/disabled.tsx
rename to www/src/registry/demos/text-area/disabled.tsx
diff --git a/www/src/registry-v2/demos/text-area/error-message.tsx b/www/src/registry/demos/text-area/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/error-message.tsx
rename to www/src/registry/demos/text-area/error-message.tsx
diff --git a/www/src/registry-v2/demos/text-area/form.tsx b/www/src/registry/demos/text-area/form.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/form.tsx
rename to www/src/registry/demos/text-area/form.tsx
diff --git a/www/src/registry-v2/demos/text-area/label.tsx b/www/src/registry/demos/text-area/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/label.tsx
rename to www/src/registry/demos/text-area/label.tsx
diff --git a/www/src/registry-v2/demos/text-area/loading.tsx b/www/src/registry/demos/text-area/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/loading.tsx
rename to www/src/registry/demos/text-area/loading.tsx
diff --git a/www/src/registry-v2/demos/text-area/prefix-and-suffix.tsx b/www/src/registry/demos/text-area/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/prefix-and-suffix.tsx
rename to www/src/registry/demos/text-area/prefix-and-suffix.tsx
diff --git a/www/src/registry-v2/demos/text-area/read-only.tsx b/www/src/registry/demos/text-area/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/read-only.tsx
rename to www/src/registry/demos/text-area/read-only.tsx
diff --git a/www/src/registry-v2/demos/text-area/required.tsx b/www/src/registry/demos/text-area/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/required.tsx
rename to www/src/registry/demos/text-area/required.tsx
diff --git a/www/src/registry-v2/demos/text-area/uncontrolled.tsx b/www/src/registry/demos/text-area/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-area/uncontrolled.tsx
rename to www/src/registry/demos/text-area/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/text-field/composition.tsx b/www/src/registry/demos/text-field/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/composition.tsx
rename to www/src/registry/demos/text-field/composition.tsx
diff --git a/www/src/registry-v2/demos/text-field/contextual-help.tsx b/www/src/registry/demos/text-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/contextual-help.tsx
rename to www/src/registry/demos/text-field/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/text-field/controlled.tsx b/www/src/registry/demos/text-field/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/controlled.tsx
rename to www/src/registry/demos/text-field/controlled.tsx
diff --git a/www/src/registry-v2/demos/text-field/default.tsx b/www/src/registry/demos/text-field/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/default.tsx
rename to www/src/registry/demos/text-field/default.tsx
diff --git a/www/src/registry-v2/demos/text-field/description.tsx b/www/src/registry/demos/text-field/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/description.tsx
rename to www/src/registry/demos/text-field/description.tsx
diff --git a/www/src/registry-v2/demos/text-field/disabled.tsx b/www/src/registry/demos/text-field/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/disabled.tsx
rename to www/src/registry/demos/text-field/disabled.tsx
diff --git a/www/src/registry-v2/demos/text-field/error-message.tsx b/www/src/registry/demos/text-field/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/error-message.tsx
rename to www/src/registry/demos/text-field/error-message.tsx
diff --git a/www/src/registry-v2/demos/text-field/label.tsx b/www/src/registry/demos/text-field/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/label.tsx
rename to www/src/registry/demos/text-field/label.tsx
diff --git a/www/src/registry-v2/demos/text-field/loading.tsx b/www/src/registry/demos/text-field/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/loading.tsx
rename to www/src/registry/demos/text-field/loading.tsx
diff --git a/www/src/registry-v2/demos/text-field/prefix-and-suffix.tsx b/www/src/registry/demos/text-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/prefix-and-suffix.tsx
rename to www/src/registry/demos/text-field/prefix-and-suffix.tsx
diff --git a/www/src/registry-v2/demos/text-field/read-only.tsx b/www/src/registry/demos/text-field/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/read-only.tsx
rename to www/src/registry/demos/text-field/read-only.tsx
diff --git a/www/src/registry-v2/demos/text-field/required.tsx b/www/src/registry/demos/text-field/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/required.tsx
rename to www/src/registry/demos/text-field/required.tsx
diff --git a/www/src/registry-v2/demos/text-field/sizes.tsx b/www/src/registry/demos/text-field/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/sizes.tsx
rename to www/src/registry/demos/text-field/sizes.tsx
diff --git a/www/src/registry-v2/demos/text-field/uncontrolled.tsx b/www/src/registry/demos/text-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/text-field/uncontrolled.tsx
rename to www/src/registry/demos/text-field/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/time-field/composition.tsx b/www/src/registry/demos/time-field/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/composition.tsx
rename to www/src/registry/demos/time-field/composition.tsx
diff --git a/www/src/registry-v2/demos/time-field/contextual-help.tsx b/www/src/registry/demos/time-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/contextual-help.tsx
rename to www/src/registry/demos/time-field/contextual-help.tsx
diff --git a/www/src/registry-v2/demos/time-field/controlled.tsx b/www/src/registry/demos/time-field/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/controlled.tsx
rename to www/src/registry/demos/time-field/controlled.tsx
diff --git a/www/src/registry-v2/demos/time-field/default.tsx b/www/src/registry/demos/time-field/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/default.tsx
rename to www/src/registry/demos/time-field/default.tsx
diff --git a/www/src/registry-v2/demos/time-field/description.tsx b/www/src/registry/demos/time-field/description.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/description.tsx
rename to www/src/registry/demos/time-field/description.tsx
diff --git a/www/src/registry-v2/demos/time-field/disabled.tsx b/www/src/registry/demos/time-field/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/disabled.tsx
rename to www/src/registry/demos/time-field/disabled.tsx
diff --git a/www/src/registry-v2/demos/time-field/error-message.tsx b/www/src/registry/demos/time-field/error-message.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/error-message.tsx
rename to www/src/registry/demos/time-field/error-message.tsx
diff --git a/www/src/registry-v2/demos/time-field/granularity.tsx b/www/src/registry/demos/time-field/granularity.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/granularity.tsx
rename to www/src/registry/demos/time-field/granularity.tsx
diff --git a/www/src/registry-v2/demos/time-field/hide-time-zone.tsx b/www/src/registry/demos/time-field/hide-time-zone.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/hide-time-zone.tsx
rename to www/src/registry/demos/time-field/hide-time-zone.tsx
diff --git a/www/src/registry-v2/demos/time-field/hour-cycle.tsx b/www/src/registry/demos/time-field/hour-cycle.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/hour-cycle.tsx
rename to www/src/registry/demos/time-field/hour-cycle.tsx
diff --git a/www/src/registry-v2/demos/time-field/label.tsx b/www/src/registry/demos/time-field/label.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/label.tsx
rename to www/src/registry/demos/time-field/label.tsx
diff --git a/www/src/registry-v2/demos/time-field/loading.tsx b/www/src/registry/demos/time-field/loading.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/loading.tsx
rename to www/src/registry/demos/time-field/loading.tsx
diff --git a/www/src/registry-v2/demos/time-field/placeholder.tsx b/www/src/registry/demos/time-field/placeholder.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/placeholder.tsx
rename to www/src/registry/demos/time-field/placeholder.tsx
diff --git a/www/src/registry-v2/demos/time-field/prefix-and-suffix.tsx b/www/src/registry/demos/time-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/prefix-and-suffix.tsx
rename to www/src/registry/demos/time-field/prefix-and-suffix.tsx
diff --git a/www/src/registry-v2/demos/time-field/read-only.tsx b/www/src/registry/demos/time-field/read-only.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/read-only.tsx
rename to www/src/registry/demos/time-field/read-only.tsx
diff --git a/www/src/registry-v2/demos/time-field/required.tsx b/www/src/registry/demos/time-field/required.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/required.tsx
rename to www/src/registry/demos/time-field/required.tsx
diff --git a/www/src/registry-v2/demos/time-field/sizes.tsx b/www/src/registry/demos/time-field/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/sizes.tsx
rename to www/src/registry/demos/time-field/sizes.tsx
diff --git a/www/src/registry-v2/demos/time-field/time-zones.tsx b/www/src/registry/demos/time-field/time-zones.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/time-zones.tsx
rename to www/src/registry/demos/time-field/time-zones.tsx
diff --git a/www/src/registry-v2/demos/time-field/uncontrolled.tsx b/www/src/registry/demos/time-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/time-field/uncontrolled.tsx
rename to www/src/registry/demos/time-field/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/toggle-button/controlled.tsx b/www/src/registry/demos/toggle-button/controlled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/toggle-button/controlled.tsx
rename to www/src/registry/demos/toggle-button/controlled.tsx
diff --git a/www/src/registry-v2/demos/toggle-button/default.tsx b/www/src/registry/demos/toggle-button/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/toggle-button/default.tsx
rename to www/src/registry/demos/toggle-button/default.tsx
diff --git a/www/src/registry-v2/demos/toggle-button/disabled.tsx b/www/src/registry/demos/toggle-button/disabled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/toggle-button/disabled.tsx
rename to www/src/registry/demos/toggle-button/disabled.tsx
diff --git a/www/src/registry-v2/demos/toggle-button/shapes.tsx b/www/src/registry/demos/toggle-button/shapes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/toggle-button/shapes.tsx
rename to www/src/registry/demos/toggle-button/shapes.tsx
diff --git a/www/src/registry-v2/demos/toggle-button/sizes.tsx b/www/src/registry/demos/toggle-button/sizes.tsx
similarity index 100%
rename from www/src/registry-v2/demos/toggle-button/sizes.tsx
rename to www/src/registry/demos/toggle-button/sizes.tsx
diff --git a/www/src/registry-v2/demos/toggle-button/uncontrolled.tsx b/www/src/registry/demos/toggle-button/uncontrolled.tsx
similarity index 100%
rename from www/src/registry-v2/demos/toggle-button/uncontrolled.tsx
rename to www/src/registry/demos/toggle-button/uncontrolled.tsx
diff --git a/www/src/registry-v2/demos/toggle-button/variants.tsx b/www/src/registry/demos/toggle-button/variants.tsx
similarity index 100%
rename from www/src/registry-v2/demos/toggle-button/variants.tsx
rename to www/src/registry/demos/toggle-button/variants.tsx
diff --git a/www/src/registry-v2/demos/tooltip/arrow.tsx b/www/src/registry/demos/tooltip/arrow.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tooltip/arrow.tsx
rename to www/src/registry/demos/tooltip/arrow.tsx
diff --git a/www/src/registry-v2/demos/tooltip/composition.tsx b/www/src/registry/demos/tooltip/composition.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tooltip/composition.tsx
rename to www/src/registry/demos/tooltip/composition.tsx
diff --git a/www/src/registry-v2/demos/tooltip/container-padding.tsx b/www/src/registry/demos/tooltip/container-padding.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tooltip/container-padding.tsx
rename to www/src/registry/demos/tooltip/container-padding.tsx
diff --git a/www/src/registry-v2/demos/tooltip/default.tsx b/www/src/registry/demos/tooltip/default.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tooltip/default.tsx
rename to www/src/registry/demos/tooltip/default.tsx
diff --git a/www/src/registry-v2/demos/tooltip/delay.tsx b/www/src/registry/demos/tooltip/delay.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tooltip/delay.tsx
rename to www/src/registry/demos/tooltip/delay.tsx
diff --git a/www/src/registry-v2/demos/tooltip/flip.tsx b/www/src/registry/demos/tooltip/flip.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tooltip/flip.tsx
rename to www/src/registry/demos/tooltip/flip.tsx
diff --git a/www/src/registry-v2/demos/tooltip/offset.tsx b/www/src/registry/demos/tooltip/offset.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tooltip/offset.tsx
rename to www/src/registry/demos/tooltip/offset.tsx
diff --git a/www/src/registry-v2/demos/tooltip/placement.tsx b/www/src/registry/demos/tooltip/placement.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tooltip/placement.tsx
rename to www/src/registry/demos/tooltip/placement.tsx
diff --git a/www/src/registry-v2/demos/tooltip/with-arrow.tsx b/www/src/registry/demos/tooltip/with-arrow.tsx
similarity index 100%
rename from www/src/registry-v2/demos/tooltip/with-arrow.tsx
rename to www/src/registry/demos/tooltip/with-arrow.tsx
diff --git a/www/src/registry-v2/hooks/use-media-query.ts b/www/src/registry/hooks/use-media-query.ts
similarity index 100%
rename from www/src/registry-v2/hooks/use-media-query.ts
rename to www/src/registry/hooks/use-media-query.ts
diff --git a/www/src/registry-v2/index/core.ts b/www/src/registry/index/core.ts
similarity index 100%
rename from www/src/registry-v2/index/core.ts
rename to www/src/registry/index/core.ts
diff --git a/www/src/registry-v2/index/demos.ts b/www/src/registry/index/demos.ts
similarity index 99%
rename from www/src/registry-v2/index/demos.ts
rename to www/src/registry/index/demos.ts
index f90e57a14..edcba4f70 100644
--- a/www/src/registry-v2/index/demos.ts
+++ b/www/src/registry/index/demos.ts
@@ -9,7 +9,7 @@ const buildDemos = (registryItem: string, demos: string[]): RegistryDemos => {
   return demos.map((demo) => {
     return {
       name: `${registryItem}-${demo}`,
-      files: [`@/registry-v2/demos/${registryItem}/${demo}.tsx`],
+      files: [`registry/demos/${registryItem}/${demo}.tsx`],
     };
   });
 };
diff --git a/www/src/registry-v2/index/hooks.ts b/www/src/registry/index/hooks.ts
similarity index 100%
rename from www/src/registry-v2/index/hooks.ts
rename to www/src/registry/index/hooks.ts
diff --git a/www/src/registry-v2/index/icons.ts b/www/src/registry/index/icons.ts
similarity index 100%
rename from www/src/registry-v2/index/icons.ts
rename to www/src/registry/index/icons.ts
diff --git a/www/src/registry/index/index.ts b/www/src/registry/index/index.ts
new file mode 100644
index 000000000..d4dff5efe
--- /dev/null
+++ b/www/src/registry/index/index.ts
@@ -0,0 +1,6 @@
+import { type Registry } from "@dotui/registry/types";
+import { core } from "@/registry/index/core";
+import { hooks } from "@/registry/index/hooks";
+import { themes } from "@/registry/index/themes";
+
+export const registry: Registry = [...core, ...hooks, ...themes];
diff --git a/www/src/registry-v2/index/lib.ts b/www/src/registry/index/lib.ts
similarity index 100%
rename from www/src/registry-v2/index/lib.ts
rename to www/src/registry/index/lib.ts
diff --git a/www/src/registry-v2/index/themes.ts b/www/src/registry/index/themes.ts
similarity index 100%
rename from www/src/registry-v2/index/themes.ts
rename to www/src/registry/index/themes.ts
diff --git a/www/src/registry-v2/lib/cn.ts b/www/src/registry/lib/cn.ts
similarity index 100%
rename from www/src/registry-v2/lib/cn.ts
rename to www/src/registry/lib/cn.ts
diff --git a/www/src/registry-v2/lib/focus-styles.ts b/www/src/registry/lib/focus-styles.ts
similarity index 100%
rename from www/src/registry-v2/lib/focus-styles.ts
rename to www/src/registry/lib/focus-styles.ts

From b223949bad1b3dc1a7a03e88523ecb3a332647de Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 19:09:09 +0100
Subject: [PATCH 016/165] fix: format

---
 .../app/(app)/themes/components/colors.tsx    |  2 +-
 www/src/components/component-preview.tsx      | 32 +++++++++----------
 www/src/components/footer.tsx                 |  2 +-
 www/src/registry/hooks/use-media-query.ts     |  2 +-
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/www/src/app/(app)/themes/components/colors.tsx b/www/src/app/(app)/themes/components/colors.tsx
index b0d76b642..1e9961ec4 100644
--- a/www/src/app/(app)/themes/components/colors.tsx
+++ b/www/src/app/(app)/themes/components/colors.tsx
@@ -3,6 +3,7 @@
 import React from "react";
 import { Button as AriaButton } from "react-aria-components";
 import { cn } from "@/lib/cn";
+import { focusRing } from "@/lib/focus-styles";
 import { useThemes } from "@/hooks/use-themes";
 import {
   ColorEditor,
@@ -16,7 +17,6 @@ import { Skeleton } from "@/components/core/skeleton";
 import { Slider } from "@/components/core/slider";
 import { Tag, TagGroup } from "@/components/core/tag-group";
 import { Tooltip } from "@/components/core/tooltip";
-import { focusRing } from "@/lib/focus-styles";
 import { BaseColor } from "@/types/theme";
 import { usePreview } from "./context";
 
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index c45eb765f..f69fe6ed0 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -96,22 +96,22 @@ export const ComponentPreview = async ({
         </ThemeOverride>
       </div>
       <ComponentPreviewClient
-          demos={demos.map((elem, index) => {
-            return (
-              <CodeBlock
-                key={index}
-                files={elem.code.map((file) => ({
-                  fileName: file.fileName,
-                  code: file.code,
-                  lang: "tsx",
-                }))}
-                preview={preview}
-                className={"w-full rounded-t-none border-x-0 border-b-0"}
-                expandable={expandable}
-              />
-            );
-          })}
-        />
+        demos={demos.map((elem, index) => {
+          return (
+            <CodeBlock
+              key={index}
+              files={elem.code.map((file) => ({
+                fileName: file.fileName,
+                code: file.code,
+                lang: "tsx",
+              }))}
+              preview={preview}
+              className={"w-full rounded-t-none border-x-0 border-b-0"}
+              expandable={expandable}
+            />
+          );
+        })}
+      />
     </div>
   );
 };
diff --git a/www/src/components/footer.tsx b/www/src/components/footer.tsx
index 2410989a0..0baaca081 100644
--- a/www/src/components/footer.tsx
+++ b/www/src/components/footer.tsx
@@ -2,11 +2,11 @@ import React from "react";
 import NavLink from "next/link";
 import Link from "next/link";
 import { cn } from "@/lib/cn";
+import { focusRing } from "@/lib/focus-styles";
 import { Avatar } from "@/components/core/avatar";
 import { Badge } from "@/components/core/badge";
 import { Separator } from "@/components/core/separator";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
-import { focusRing } from "@/lib/focus-styles";
 import { siteConfig } from "@/config";
 
 const links = [
diff --git a/www/src/registry/hooks/use-media-query.ts b/www/src/registry/hooks/use-media-query.ts
index 99d3cc6db..7ac3915ab 100644
--- a/www/src/registry/hooks/use-media-query.ts
+++ b/www/src/registry/hooks/use-media-query.ts
@@ -16,4 +16,4 @@ export function useMediaQuery(query: string) {
   }, [query]);
 
   return value;
-}
\ No newline at end of file
+}

From 219b4733c362744722e5d0f2975ed82bf73f3fa9 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 22:08:14 +0100
Subject: [PATCH 017/165] chore: clean up

---
 www/package.json                              |   1 -
 .../previews/components/core/alert-dialog.mp4 | Bin 72224 -> 0 bytes
 .../previews/components/core/alert.jpeg       | Bin 10358 -> 0 bytes
 .../components/core/aspect-ratio.jpeg         | Bin 8500 -> 0 bytes
 .../previews/components/core/avatar.jpeg      | Bin 1880 -> 0 bytes
 .../previews/components/core/avatar.mp4       | Bin 7924 -> 0 bytes
 .../previews/components/core/badge.jpeg       | Bin 3278 -> 0 bytes
 .../previews/components/core/breadcrumbs.jpeg | Bin 7119 -> 0 bytes
 .../previews/components/core/breadcrumbs.mp4  | Bin 23189 -> 0 bytes
 .../previews/components/core/button.jpeg      | Bin 2165 -> 0 bytes
 .../previews/components/core/button.mp4       | Bin 13980 -> 0 bytes
 .../previews/components/core/calendar.jpeg    | Bin 12856 -> 0 bytes
 .../previews/components/core/calendar.mp4     | Bin 41070 -> 0 bytes
 .../components/core/checkbox-group.jpeg       | Bin 6242 -> 0 bytes
 .../components/core/checkbox-group.mp4        | Bin 20894 -> 0 bytes
 .../previews/components/core/checkbox.jpeg    | Bin 6117 -> 0 bytes
 .../previews/components/core/checkbox.mp4     | Bin 20082 -> 0 bytes
 .../previews/components/core/color-area.jpeg  | Bin 10098 -> 0 bytes
 .../previews/components/core/color-area.mp4   | Bin 80244 -> 0 bytes
 .../previews/components/core/color-field.jpeg | Bin 4696 -> 0 bytes
 .../previews/components/core/color-field.mp4  | Bin 38201 -> 0 bytes
 .../components/core/color-picker.jpeg         | Bin 2827 -> 0 bytes
 .../previews/components/core/color-picker.mp4 | Bin 84304 -> 0 bytes
 .../components/core/color-slider.jpeg         | Bin 6348 -> 0 bytes
 .../previews/components/core/color-slider.mp4 | Bin 56046 -> 0 bytes
 .../components/core/color-swatch.jpeg         | Bin 2500 -> 0 bytes
 .../previews/components/core/combobox.jpeg    | Bin 3005 -> 0 bytes
 .../previews/components/core/combobox.mp4     | Bin 53213 -> 0 bytes
 .../previews/components/core/date-field.jpeg  | Bin 5422 -> 0 bytes
 .../previews/components/core/date-field.mp4   | Bin 40638 -> 0 bytes
 .../previews/components/core/date-picker.jpeg | Bin 3564 -> 0 bytes
 .../previews/components/core/date-picker.mp4  | Bin 48421 -> 0 bytes
 .../components/core/date-range-picker.jpeg    | Bin 5072 -> 0 bytes
 .../components/core/date-range-picker.mp4     | Bin 52171 -> 0 bytes
 .../previews/components/core/dialog.jpeg      | Bin 3800 -> 0 bytes
 .../previews/components/core/dialog.mp4       | Bin 73878 -> 0 bytes
 .../previews/components/core/drawer.mp4       | Bin 62112 -> 0 bytes
 .../previews/components/core/drop-zone.jpeg   | Bin 11369 -> 0 bytes
 .../previews/components/core/drop-zone.mp4    | Bin 76500 -> 0 bytes
 .../components/core/file-trigger.jpeg         | Bin 4778 -> 0 bytes
 .../previews/components/core/input.jpeg       | Bin 3845 -> 0 bytes
 www/public/previews/components/core/link.jpeg | Bin 4053 -> 0 bytes
 www/public/previews/components/core/link.mp4  | Bin 16586 -> 0 bytes
 .../previews/components/core/list-box.jpeg    | Bin 6253 -> 0 bytes
 .../previews/components/core/list-box.mp4     | Bin 60656 -> 0 bytes
 www/public/previews/components/core/menu.jpeg | Bin 2763 -> 0 bytes
 www/public/previews/components/core/menu.mp4  | Bin 44446 -> 0 bytes
 .../components/core/number-field.jpeg         | Bin 4162 -> 0 bytes
 .../previews/components/core/number-field.mp4 | Bin 37077 -> 0 bytes
 .../previews/components/core/popover.mp4      | Bin 27227 -> 0 bytes
 .../previews/components/core/progress.jpeg    | Bin 3705 -> 0 bytes
 .../previews/components/core/progress.mp4     | Bin 40331 -> 0 bytes
 .../previews/components/core/radio-group.jpeg | Bin 5550 -> 0 bytes
 .../previews/components/core/radio-group.mp4  | Bin 24032 -> 0 bytes
 .../components/core/range-calendar.jpeg       | Bin 14084 -> 0 bytes
 .../components/core/range-calendar.mp4        | Bin 45669 -> 0 bytes
 .../previews/components/core/scroll-area.jpeg | Bin 35821 -> 0 bytes
 .../previews/components/core/scroll-area.mp4  | Bin 390637 -> 0 bytes
 .../components/core/search-field.jpeg         | Bin 2791 -> 0 bytes
 .../previews/components/core/search-field.mp4 | Bin 33009 -> 0 bytes
 .../previews/components/core/select.jpeg      | Bin 4109 -> 0 bytes
 .../previews/components/core/select.mp4       | Bin 61997 -> 0 bytes
 .../previews/components/core/separator.jpeg   | Bin 17992 -> 0 bytes
 .../previews/components/core/separator.mp4    | Bin 26911 -> 0 bytes
 .../previews/components/core/skeleton.jpeg    | Bin 4469 -> 0 bytes
 .../previews/components/core/skeleton.mp4     | Bin 37837 -> 0 bytes
 .../previews/components/core/slider.jpeg      | Bin 4502 -> 0 bytes
 .../previews/components/core/slider.mp4       | Bin 35143 -> 0 bytes
 .../previews/components/core/switch.jpeg      | Bin 3312 -> 0 bytes
 .../previews/components/core/switch.mp4       | Bin 25811 -> 0 bytes
 www/public/previews/components/core/tabs.jpeg | Bin 13047 -> 0 bytes
 www/public/previews/components/core/tabs.mp4  | Bin 44146 -> 0 bytes
 .../previews/components/core/text-area.jpeg   | Bin 4705 -> 0 bytes
 .../previews/components/core/text-area.mp4    | Bin 30942 -> 0 bytes
 .../previews/components/core/text-field.jpeg  | Bin 5114 -> 0 bytes
 .../previews/components/core/text-field.mp4   | Bin 38822 -> 0 bytes
 .../previews/components/core/time-field.jpeg  | Bin 2696 -> 0 bytes
 .../previews/components/core/time-field.mp4   | Bin 27713 -> 0 bytes
 .../components/core/toggle-button.jpeg        | Bin 2101 -> 0 bytes
 .../components/core/toggle-button.mp4         | Bin 18291 -> 0 bytes
 .../previews/components/core/tooltip.jpeg     | Bin 2428 -> 0 bytes
 .../previews/components/core/tooltip.mp4      | Bin 19000 -> 0 bytes
 www/src/components/component-preview.tsx      |   2 +-
 www/src/demos/alert/action.tsx                |  16 ----
 www/src/demos/alert/composition.tsx           |  24 -----
 www/src/demos/alert/content.tsx               |   9 --
 www/src/demos/alert/custom-icon.tsx           |   6 --
 www/src/demos/alert/default.tsx               |   5 -
 www/src/demos/alert/title.tsx                 |   7 --
 www/src/demos/alert/variants.tsx              |  35 -------
 www/src/demos/avatar/composition.tsx          |  20 ----
 www/src/demos/avatar/default.tsx              |  11 ---
 www/src/demos/avatar/shape.tsx                |  20 ----
 www/src/demos/avatar/sizes.tsx                |  17 ----
 www/src/demos/breadcrumbs/basic.tsx           |  11 ---
 www/src/demos/breadcrumbs/composition.tsx     |  25 -----
 www/src/demos/breadcrumbs/disabled.tsx        |  11 ---
 www/src/demos/breadcrumbs/icon.tsx            |  15 ---
 .../demos/breadcrumbs/router-integration.tsx  |  21 -----
 www/src/demos/button/default.tsx              |   5 -
 www/src/demos/button/disabled.tsx             |   5 -
 www/src/demos/button/link-button.tsx          |  10 --
 www/src/demos/button/loading.tsx              |  17 ----
 www/src/demos/button/prefix-and-suffix.tsx    |  11 ---
 www/src/demos/button/shapes.tsx               |  27 ------
 www/src/demos/button/sizes.tsx                |  11 ---
 www/src/demos/button/variants.tsx             |  24 -----
 www/src/demos/calendar/composition.tsx        |  38 --------
 www/src/demos/calendar/controlled.tsx         |  23 -----
 www/src/demos/calendar/default.tsx            |   5 -
 www/src/demos/calendar/disabled.tsx           |   5 -
 www/src/demos/calendar/error-message.tsx      |  20 ----
 www/src/demos/calendar/label.tsx              |   5 -
 www/src/demos/calendar/page-behaviour.tsx     |   5 -
 www/src/demos/calendar/read-only.tsx          |  14 ---
 www/src/demos/calendar/uncontrolled.tsx       |  14 ---
 www/src/demos/calendar/unvailable-dates.tsx   |  35 -------
 www/src/demos/calendar/validation.tsx         |  13 ---
 www/src/demos/calendar/visible-months.tsx     |   5 -
 www/src/demos/checkbox-group/cards.tsx        |  16 ----
 www/src/demos/checkbox-group/composition.tsx  |  22 -----
 .../demos/checkbox-group/contextual-help.tsx  |  22 -----
 www/src/demos/checkbox-group/controlled.tsx   |  27 ------
 www/src/demos/checkbox-group/default.tsx      |  12 ---
 www/src/demos/checkbox-group/description.tsx  |  16 ----
 www/src/demos/checkbox-group/disabled.tsx     |  16 ----
 .../demos/checkbox-group/error-message.tsx    |  16 ----
 www/src/demos/checkbox-group/label.tsx        |  17 ----
 www/src/demos/checkbox-group/read-only.tsx    |  16 ----
 www/src/demos/checkbox-group/required.tsx     |  34 -------
 www/src/demos/checkbox-group/uncontrolled.tsx |  12 ---
 www/src/demos/checkbox/card.tsx               |   7 --
 www/src/demos/checkbox/controlled.tsx         |  18 ----
 www/src/demos/checkbox/default.tsx            |  15 ---
 www/src/demos/checkbox/disabled.tsx           |   7 --
 www/src/demos/checkbox/indeterminate.tsx      |   7 --
 www/src/demos/checkbox/read-only.tsx          |   9 --
 www/src/demos/checkbox/uncontrolled.tsx       |   5 -
 www/src/demos/color-area/channels.tsx         |   5 -
 www/src/demos/color-area/composition.tsx      |  10 --
 www/src/demos/color-area/controlled.tsx       |  22 -----
 www/src/demos/color-area/default.tsx          |   5 -
 www/src/demos/color-area/disabled.tsx         |   5 -
 www/src/demos/color-area/uncontrolled.tsx     |   5 -
 www/src/demos/color-field/composition.tsx     |  23 -----
 www/src/demos/color-field/contextual-help.tsx |  18 ----
 www/src/demos/color-field/controlled.tsx      |  17 ----
 www/src/demos/color-field/default.tsx         |   8 --
 www/src/demos/color-field/description.tsx     |   8 --
 www/src/demos/color-field/disabled.tsx        |   8 --
 www/src/demos/color-field/error-message.tsx   |  14 ---
 www/src/demos/color-field/form.tsx            |   8 --
 www/src/demos/color-field/label.tsx           |  10 --
 www/src/demos/color-field/loading.tsx         |  11 ---
 .../demos/color-field/prefix-and-suffix.tsx   |  11 ---
 www/src/demos/color-field/read-only.tsx       |   6 --
 www/src/demos/color-field/required.tsx        |  15 ---
 www/src/demos/color-field/sizes.tsx           |  11 ---
 www/src/demos/color-field/uncontrolled.tsx    |   6 --
 www/src/demos/color-picker/composition.tsx    |  22 -----
 www/src/demos/color-picker/controlled.tsx     |  11 ---
 www/src/demos/color-picker/default.tsx        |   5 -
 www/src/demos/color-picker/options.tsx        |   9 --
 www/src/demos/color-picker/uncontrolled.tsx   |   5 -
 www/src/demos/color-slider/channel.tsx        |   5 -
 www/src/demos/color-slider/composition.tsx    |  21 -----
 www/src/demos/color-slider/controlled.tsx     |  15 ---
 www/src/demos/color-slider/default.tsx        |   5 -
 www/src/demos/color-slider/disabled.tsx       |  12 ---
 www/src/demos/color-slider/label.tsx          |   7 --
 www/src/demos/color-slider/uncontrolled.tsx   |   5 -
 www/src/demos/color-slider/vertical.tsx       |  11 ---
 www/src/demos/color-swatch/default.tsx        |   5 -
 www/src/demos/combobox/async-loading.tsx      |  27 ------
 www/src/demos/combobox/basic.tsx              |  17 ----
 www/src/demos/combobox/composition.tsx        |  31 ------
 www/src/demos/combobox/contextual-help.tsx    |  26 -----
 www/src/demos/combobox/controlled.tsx         |  36 -------
 www/src/demos/combobox/custom-value.tsx       |  17 ----
 www/src/demos/combobox/description.tsx        |  17 ----
 www/src/demos/combobox/disabled.tsx           |  16 ----
 www/src/demos/combobox/label.tsx              |  17 ----
 www/src/demos/combobox/loading.tsx            |  16 ----
 www/src/demos/combobox/required.tsx           |  17 ----
 www/src/demos/combobox/sections.tsx           |  31 ------
 www/src/demos/combobox/uncontrolled.tsx       |  17 ----
 www/src/demos/combobox/validation.tsx         |  21 -----
 www/src/demos/date-field/composition.tsx      |  19 ----
 www/src/demos/date-field/contextual-help.tsx  |  20 ----
 www/src/demos/date-field/controlled.tsx       |  15 ---
 www/src/demos/date-field/default.tsx          |   5 -
 www/src/demos/date-field/description.tsx      |   8 --
 www/src/demos/date-field/disabled.tsx         |   5 -
 www/src/demos/date-field/error-message.tsx    |  14 ---
 www/src/demos/date-field/granularity.tsx      |  26 -----
 www/src/demos/date-field/hide-time-zone.tsx   |  15 ---
 www/src/demos/date-field/hour-cycle.tsx       |  13 ---
 www/src/demos/date-field/label.tsx            |  10 --
 www/src/demos/date-field/loading.tsx          |  13 ---
 www/src/demos/date-field/placeholder.tsx      |  13 ---
 .../demos/date-field/prefix-and-suffix.tsx    |  11 ---
 www/src/demos/date-field/read-only.tsx        |  15 ---
 www/src/demos/date-field/required.tsx         |  15 ---
 www/src/demos/date-field/sizes.tsx            |  11 ---
 www/src/demos/date-field/time-zones.tsx       |  10 --
 www/src/demos/date-field/uncontrolled.tsx     |  11 ---
 www/src/demos/date-picker/composition.tsx     |  41 --------
 www/src/demos/date-picker/contextual-help.tsx |  20 ----
 www/src/demos/date-picker/controlled.tsx      |  15 ---
 www/src/demos/date-picker/default.tsx         |   5 -
 www/src/demos/date-picker/description.tsx     |   8 --
 www/src/demos/date-picker/disabled.tsx        |   5 -
 www/src/demos/date-picker/error-message.tsx   |  14 ---
 www/src/demos/date-picker/granularity.tsx     |  26 -----
 www/src/demos/date-picker/hide-time-zone.tsx  |  15 ---
 www/src/demos/date-picker/hour-cycle.tsx      |  13 ---
 www/src/demos/date-picker/label.tsx           |  10 --
 www/src/demos/date-picker/loading.tsx         |   8 --
 www/src/demos/date-picker/placeholder.tsx     |  13 ---
 www/src/demos/date-picker/prefix.tsx          |   6 --
 www/src/demos/date-picker/read-only.tsx       |  15 ---
 www/src/demos/date-picker/required.tsx        |  15 ---
 www/src/demos/date-picker/sizes.tsx           |  11 ---
 www/src/demos/date-picker/time-zones.tsx      |  10 --
 www/src/demos/date-picker/uncontrolled.tsx    |  14 ---
 .../demos/date-range-picker/composition.tsx   |  47 ---------
 .../date-range-picker/contextual-help.tsx     |  20 ----
 .../demos/date-range-picker/controlled.tsx    |  29 ------
 www/src/demos/date-range-picker/default.tsx   |   5 -
 .../demos/date-range-picker/description.tsx   |  10 --
 www/src/demos/date-range-picker/disabled.tsx  |   5 -
 .../demos/date-range-picker/error-message.tsx |  14 ---
 .../demos/date-range-picker/granularity.tsx   |  26 -----
 .../date-range-picker/hide-time-zone.tsx      |  18 ----
 .../demos/date-range-picker/hour-cycle.tsx    |  13 ---
 www/src/demos/date-range-picker/label.tsx     |  10 --
 www/src/demos/date-range-picker/loading.tsx   |   8 --
 .../demos/date-range-picker/placeholder.tsx   |  13 ---
 www/src/demos/date-range-picker/prefix.tsx    |   6 --
 www/src/demos/date-range-picker/read-only.tsx |  18 ----
 www/src/demos/date-range-picker/required.tsx  |  23 -----
 www/src/demos/date-range-picker/sizes.tsx     |  11 ---
 .../demos/date-range-picker/time-zones.tsx    |  15 ---
 .../demos/date-range-picker/uncontrolled.tsx  |  17 ----
 www/src/demos/dialog/alert-dialog.tsx         |  44 ---------
 .../demos/dialog/async-form-submission.tsx    |  59 ------------
 www/src/demos/dialog/basic.tsx                |  53 -----------
 www/src/demos/dialog/composition.tsx          |  15 ---
 www/src/demos/dialog/controlled.tsx           |  44 ---------
 www/src/demos/dialog/description.tsx          |  22 -----
 www/src/demos/dialog/dismiss-button.tsx       |  57 -----------
 www/src/demos/dialog/dismissable.tsx          |  57 -----------
 www/src/demos/dialog/drawer.tsx               |  41 --------
 www/src/demos/dialog/inset-content.tsx        |  57 -----------
 www/src/demos/dialog/nested.tsx               |  38 --------
 www/src/demos/dialog/popover.tsx              |  59 ------------
 www/src/demos/dialog/title.tsx                |  19 ----
 www/src/demos/dialog/types.tsx                |  82 ----------------
 www/src/demos/drop-zone/default.tsx           |  11 ---
 www/src/demos/drop-zone/disabled.tsx          |  13 ---
 www/src/demos/drop-zone/file-trigger.tsx      |  18 ----
 www/src/demos/drop-zone/label.tsx             |  20 ----
 www/src/demos/file-trigger/default.tsx        |  30 ------
 .../file-trigger/directory-selection.tsx      |  33 -------
 www/src/demos/file-trigger/file-types.tsx     |  12 ---
 www/src/demos/file-trigger/media-capture.tsx  |  12 ---
 www/src/demos/file-trigger/multiple-files.tsx |  31 ------
 www/src/demos/link/default.tsx                |   9 --
 www/src/demos/link/disabled.tsx               |   9 --
 www/src/demos/link/icon.tsx                   |  13 ---
 www/src/demos/link/variants.tsx               |  21 -----
 www/src/demos/list-box/async-loading.tsx      |  31 ------
 www/src/demos/list-box/basic.tsx              |  12 ---
 www/src/demos/list-box/composition.tsx        |  27 ------
 www/src/demos/list-box/contact-list.tsx       |   3 -
 www/src/demos/list-box/controlled.tsx         |  32 -------
 www/src/demos/list-box/disabled-items.tsx     |  12 ---
 www/src/demos/list-box/empty-state.tsx        |  12 ---
 www/src/demos/list-box/grid.tsx               |  12 ---
 www/src/demos/list-box/horizontal.tsx         |  15 ---
 www/src/demos/list-box/image-grid.tsx         |   3 -
 www/src/demos/list-box/item-variant.tsx       |  12 ---
 .../demos/list-box/label-and-description.tsx  |  18 ----
 www/src/demos/list-box/links.tsx              |  30 ------
 www/src/demos/list-box/loading.tsx            |  11 ---
 www/src/demos/list-box/prefix-and-suffix.tsx  |  24 -----
 www/src/demos/list-box/sections.tsx           |  25 -----
 www/src/demos/list-box/selection-behavior.tsx |  16 ----
 www/src/demos/list-box/selection-mode.tsx     |  20 ----
 www/src/demos/list-box/separator.tsx          |  18 ----
 www/src/demos/list-box/uncontrolled.tsx       |  16 ----
 www/src/demos/menu/basic.tsx                  |  19 ----
 www/src/demos/menu/composition.tsx            |  26 -----
 www/src/demos/menu/controlled.tsx             |  27 ------
 www/src/demos/menu/disabled-items.tsx         |  20 ----
 www/src/demos/menu/item-variant.tsx           |  19 ----
 www/src/demos/menu/label-and-description.tsx  |  18 ----
 www/src/demos/menu/link-items.tsx             |  36 -------
 www/src/demos/menu/long-press.tsx             |  18 ----
 www/src/demos/menu/multiple-selection.tsx     |  22 -----
 www/src/demos/menu/overlay-type.tsx           |  47 ---------
 www/src/demos/menu/placement.tsx              |  69 --------------
 www/src/demos/menu/prefix-and-suffix.tsx      |  30 ------
 www/src/demos/menu/section.tsx                |  24 -----
 www/src/demos/menu/separator.tsx              |  22 -----
 www/src/demos/menu/shortcut.tsx               |  18 ----
 www/src/demos/menu/single-selection.tsx       |  28 ------
 www/src/demos/menu/submenus.tsx               |  35 -------
 www/src/demos/number-field/composition.tsx    |  27 ------
 .../demos/number-field/contextual-help.tsx    |  18 ----
 www/src/demos/number-field/controlled.tsx     |  20 ----
 www/src/demos/number-field/default.tsx        |   6 --
 www/src/demos/number-field/description.tsx    |   6 --
 www/src/demos/number-field/disabled.tsx       |   5 -
 www/src/demos/number-field/error-message.tsx  |  12 ---
 www/src/demos/number-field/format-options.tsx |  44 ---------
 www/src/demos/number-field/label.tsx          |  10 --
 www/src/demos/number-field/read-only.tsx      |   6 --
 www/src/demos/number-field/required.tsx       |  13 ---
 www/src/demos/number-field/sizes.tsx          |  11 ---
 www/src/demos/number-field/uncontrolled.tsx   |   6 --
 www/src/demos/progress/composition.tsx        |  19 ----
 www/src/demos/progress/custom-color.tsx       |  17 ----
 www/src/demos/progress/custom-value-label.tsx |  15 ---
 www/src/demos/progress/default.tsx            |   8 --
 www/src/demos/progress/duration.tsx           |  19 ----
 www/src/demos/progress/format-options.tsx     |  15 ---
 www/src/demos/progress/indeterminate.tsx      |   8 --
 www/src/demos/progress/label.tsx              |  13 ---
 www/src/demos/progress/min-max-values.tsx     |  15 ---
 www/src/demos/progress/shape.tsx              |   8 --
 www/src/demos/progress/sizes.tsx              |  22 -----
 www/src/demos/progress/toolbar.tsx            |  47 ---------
 www/src/demos/progress/value-label.tsx        |   8 --
 www/src/demos/progress/variants.tsx           |  14 ---
 www/src/demos/radio-group/cards.tsx           |  31 ------
 www/src/demos/radio-group/composition.tsx     |  21 -----
 www/src/demos/radio-group/contextual-help.tsx |  21 -----
 www/src/demos/radio-group/controlled.tsx      |  22 -----
 www/src/demos/radio-group/default.tsx         |  11 ---
 www/src/demos/radio-group/description.tsx     |  15 ---
 www/src/demos/radio-group/disabled.tsx        |  20 ----
 www/src/demos/radio-group/error-message.tsx   |  16 ----
 www/src/demos/radio-group/label.tsx           |  18 ----
 www/src/demos/radio-group/orientation.tsx     |  11 ---
 www/src/demos/radio-group/read-only.tsx       |  11 ---
 www/src/demos/radio-group/required.tsx        |  35 -------
 www/src/demos/radio-group/uncontrolled.tsx    |  12 ---
 www/src/demos/range-calendar/composition.tsx  |  44 ---------
 www/src/demos/range-calendar/controlled.tsx   |  27 ------
 www/src/demos/range-calendar/default.tsx      |   5 -
 www/src/demos/range-calendar/disabled.tsx     |   5 -
 .../demos/range-calendar/error-message.tsx    |  23 -----
 www/src/demos/range-calendar/label.tsx        |   5 -
 .../range-calendar/non-contiguous-ranges.tsx  |  32 -------
 .../demos/range-calendar/page-behaviour.tsx   |   5 -
 www/src/demos/range-calendar/read-only.tsx    |  17 ----
 www/src/demos/range-calendar/uncontrolled.tsx |  17 ----
 .../demos/range-calendar/unvailable-dates.tsx |  31 ------
 www/src/demos/range-calendar/validation.tsx   |  13 ---
 .../demos/range-calendar/visible-months.tsx   |   5 -
 www/src/demos/scroll-area/default.tsx         |  37 --------
 www/src/demos/scroll-area/scrollbars.tsx      |  89 ------------------
 www/src/demos/scroll-area/sizes.tsx           |  44 ---------
 www/src/demos/search-field/composition.tsx    |  17 ----
 .../demos/search-field/contextual-help.tsx    |  17 ----
 www/src/demos/search-field/controlled.tsx     |  18 ----
 www/src/demos/search-field/default.tsx        |   6 --
 www/src/demos/search-field/description.tsx    |   6 --
 www/src/demos/search-field/disabled.tsx       |   7 --
 www/src/demos/search-field/error-message.tsx  |  12 ---
 www/src/demos/search-field/form.tsx           |   6 --
 www/src/demos/search-field/label.tsx          |  10 --
 www/src/demos/search-field/loading.tsx        |  11 ---
 .../demos/search-field/prefix-and-suffix.tsx  |  25 -----
 www/src/demos/search-field/read-only.tsx      |   6 --
 www/src/demos/search-field/required.tsx       |  13 ---
 www/src/demos/search-field/sizes.tsx          |  11 ---
 www/src/demos/search-field/uncontrolled.tsx   |   6 --
 www/src/demos/select/async-loading.tsx        |  28 ------
 www/src/demos/select/basic.tsx                |  14 ---
 www/src/demos/select/composition.tsx          |  27 ------
 www/src/demos/select/contextual-help.tsx      |  23 -----
 www/src/demos/select/controlled.tsx           |  23 -----
 www/src/demos/select/description.tsx          |  14 ---
 www/src/demos/select/disabled.tsx             |  14 ---
 www/src/demos/select/label.tsx                |  14 ---
 www/src/demos/select/links.tsx                |  16 ----
 www/src/demos/select/loading.tsx              |  14 ---
 www/src/demos/select/placeholder.tsx          |  14 ---
 www/src/demos/select/required.tsx             |  14 ---
 www/src/demos/select/sections.tsx             |  32 -------
 www/src/demos/select/uncontrolled.tsx         |  14 ---
 www/src/demos/select/validation.tsx           |  18 ----
 www/src/demos/separator/card.tsx              |  24 -----
 www/src/demos/separator/orientation.tsx       |  18 ----
 www/src/demos/skeleton/api-simulation.tsx     |  27 ------
 www/src/demos/skeleton/card.tsx               |  16 ----
 www/src/demos/skeleton/children.tsx           |  10 --
 .../demos/skeleton/fixed-size-children.tsx    |  10 --
 www/src/demos/skeleton/show.tsx               |  15 ---
 www/src/demos/slider/advanced-composition.tsx |  29 ------
 www/src/demos/slider/composition.tsx          |  19 ----
 www/src/demos/slider/controlled.tsx           |  20 ----
 www/src/demos/slider/default.tsx              |   5 -
 www/src/demos/slider/description.tsx          |  11 ---
 www/src/demos/slider/disabled.tsx             |   5 -
 www/src/demos/slider/format-options.tsx       |  12 ---
 www/src/demos/slider/label.tsx                |  10 --
 www/src/demos/slider/range.tsx                |  13 ---
 www/src/demos/slider/sizes.tsx                |  11 ---
 www/src/demos/slider/step.tsx                 |   7 --
 www/src/demos/slider/uncontrolled.tsx         |   5 -
 www/src/demos/slider/value-label.tsx          |  22 -----
 www/src/demos/slider/value-scale.tsx          |  13 ---
 www/src/demos/slider/vertical.tsx             |   7 --
 www/src/demos/switch/controlled.tsx           |  19 ----
 www/src/demos/switch/default.tsx              |   6 --
 www/src/demos/switch/disabled.tsx             |  12 ---
 www/src/demos/switch/label.tsx                |  11 ---
 www/src/demos/switch/sizes.tsx                |  11 ---
 www/src/demos/switch/uncontrolled.tsx         |   6 --
 www/src/demos/tabs/basic.tsx                  |  16 ----
 www/src/demos/tabs/controlled.tsx             |  29 ------
 www/src/demos/tabs/disabled-item.tsx          |  18 ----
 www/src/demos/tabs/disabled.tsx               |  16 ----
 www/src/demos/tabs/keyboard-activation.tsx    |  16 ----
 www/src/demos/tabs/vertical.tsx               |  16 ----
 www/src/demos/text-area/composition.tsx       |  16 ----
 www/src/demos/text-area/contextual-help.tsx   |  17 ----
 www/src/demos/text-area/controlled.tsx        |  22 -----
 www/src/demos/text-area/default.tsx           |   8 --
 www/src/demos/text-area/description.tsx       |   8 --
 www/src/demos/text-area/disabled.tsx          |   5 -
 www/src/demos/text-area/error-message.tsx     |  14 ---
 www/src/demos/text-area/form.tsx              |   6 --
 www/src/demos/text-area/label.tsx             |  10 --
 www/src/demos/text-area/loading.tsx           |  11 ---
 www/src/demos/text-area/prefix-and-suffix.tsx |  60 ------------
 www/src/demos/text-area/read-only.tsx         |  10 --
 www/src/demos/text-area/required.tsx          |  15 ---
 www/src/demos/text-area/uncontrolled.tsx      |   8 --
 www/src/demos/text-field/composition.tsx      |  16 ----
 www/src/demos/text-field/contextual-help.tsx  |  20 ----
 www/src/demos/text-field/controlled.tsx       |  19 ----
 www/src/demos/text-field/default.tsx          |   6 --
 www/src/demos/text-field/description.tsx      |   8 --
 www/src/demos/text-field/disabled.tsx         |   5 -
 www/src/demos/text-field/error-message.tsx    |  15 ---
 www/src/demos/text-field/label.tsx            |  10 --
 www/src/demos/text-field/loading.tsx          |  13 ---
 .../demos/text-field/prefix-and-suffix.tsx    |  39 --------
 www/src/demos/text-field/read-only.tsx        |   8 --
 www/src/demos/text-field/required.tsx         |  15 ---
 www/src/demos/text-field/sizes.tsx            |  11 ---
 www/src/demos/text-field/uncontrolled.tsx     |   6 --
 www/src/demos/time-field/composition.tsx      |  19 ----
 www/src/demos/time-field/contextual-help.tsx  |  20 ----
 www/src/demos/time-field/controlled.tsx       |  15 ---
 www/src/demos/time-field/default.tsx          |   5 -
 www/src/demos/time-field/description.tsx      |  13 ---
 www/src/demos/time-field/disabled.tsx         |   5 -
 www/src/demos/time-field/error-message.tsx    |  14 ---
 www/src/demos/time-field/granularity.tsx      |  13 ---
 www/src/demos/time-field/hide-time-zone.tsx   |  13 ---
 www/src/demos/time-field/hour-cycle.tsx       |   7 --
 www/src/demos/time-field/label.tsx            |  10 --
 www/src/demos/time-field/loading.tsx          |  13 ---
 www/src/demos/time-field/placeholder.tsx      |   8 --
 .../demos/time-field/prefix-and-suffix.tsx    |  11 ---
 www/src/demos/time-field/read-only.tsx        |   9 --
 www/src/demos/time-field/required.tsx         |  15 ---
 www/src/demos/time-field/sizes.tsx            |  11 ---
 www/src/demos/time-field/time-zones.tsx       |  10 --
 www/src/demos/time-field/uncontrolled.tsx     |   8 --
 www/src/demos/toggle-button/controlled.tsx    |  23 -----
 www/src/demos/toggle-button/default.tsx       |  10 --
 www/src/demos/toggle-button/disabled.tsx      |  10 --
 www/src/demos/toggle-button/shapes.tsx        |  24 -----
 www/src/demos/toggle-button/sizes.tsx         |  21 -----
 www/src/demos/toggle-button/uncontrolled.tsx  |  10 --
 www/src/demos/toggle-button/variants.tsx      |  21 -----
 www/src/demos/tooltip/arrow.tsx               |  13 ---
 www/src/demos/tooltip/composition.tsx         |  13 ---
 www/src/demos/tooltip/container-padding.tsx   |  26 -----
 www/src/demos/tooltip/default.tsx             |  13 ---
 www/src/demos/tooltip/delay.tsx               |  33 -------
 www/src/demos/tooltip/flip.tsx                |  26 -----
 www/src/demos/tooltip/offset.tsx              |  26 -----
 www/src/demos/tooltip/placement.tsx           |  31 ------
 www/src/demos/tooltip/with-arrow.tsx          |  13 ---
 491 files changed, 1 insertion(+), 6961 deletions(-)
 delete mode 100644 www/public/previews/components/core/alert-dialog.mp4
 delete mode 100644 www/public/previews/components/core/alert.jpeg
 delete mode 100644 www/public/previews/components/core/aspect-ratio.jpeg
 delete mode 100644 www/public/previews/components/core/avatar.jpeg
 delete mode 100644 www/public/previews/components/core/avatar.mp4
 delete mode 100644 www/public/previews/components/core/badge.jpeg
 delete mode 100644 www/public/previews/components/core/breadcrumbs.jpeg
 delete mode 100644 www/public/previews/components/core/breadcrumbs.mp4
 delete mode 100644 www/public/previews/components/core/button.jpeg
 delete mode 100644 www/public/previews/components/core/button.mp4
 delete mode 100644 www/public/previews/components/core/calendar.jpeg
 delete mode 100644 www/public/previews/components/core/calendar.mp4
 delete mode 100644 www/public/previews/components/core/checkbox-group.jpeg
 delete mode 100644 www/public/previews/components/core/checkbox-group.mp4
 delete mode 100644 www/public/previews/components/core/checkbox.jpeg
 delete mode 100644 www/public/previews/components/core/checkbox.mp4
 delete mode 100644 www/public/previews/components/core/color-area.jpeg
 delete mode 100644 www/public/previews/components/core/color-area.mp4
 delete mode 100644 www/public/previews/components/core/color-field.jpeg
 delete mode 100644 www/public/previews/components/core/color-field.mp4
 delete mode 100644 www/public/previews/components/core/color-picker.jpeg
 delete mode 100644 www/public/previews/components/core/color-picker.mp4
 delete mode 100644 www/public/previews/components/core/color-slider.jpeg
 delete mode 100644 www/public/previews/components/core/color-slider.mp4
 delete mode 100644 www/public/previews/components/core/color-swatch.jpeg
 delete mode 100644 www/public/previews/components/core/combobox.jpeg
 delete mode 100644 www/public/previews/components/core/combobox.mp4
 delete mode 100644 www/public/previews/components/core/date-field.jpeg
 delete mode 100644 www/public/previews/components/core/date-field.mp4
 delete mode 100644 www/public/previews/components/core/date-picker.jpeg
 delete mode 100644 www/public/previews/components/core/date-picker.mp4
 delete mode 100644 www/public/previews/components/core/date-range-picker.jpeg
 delete mode 100644 www/public/previews/components/core/date-range-picker.mp4
 delete mode 100644 www/public/previews/components/core/dialog.jpeg
 delete mode 100644 www/public/previews/components/core/dialog.mp4
 delete mode 100644 www/public/previews/components/core/drawer.mp4
 delete mode 100644 www/public/previews/components/core/drop-zone.jpeg
 delete mode 100644 www/public/previews/components/core/drop-zone.mp4
 delete mode 100644 www/public/previews/components/core/file-trigger.jpeg
 delete mode 100644 www/public/previews/components/core/input.jpeg
 delete mode 100644 www/public/previews/components/core/link.jpeg
 delete mode 100644 www/public/previews/components/core/link.mp4
 delete mode 100644 www/public/previews/components/core/list-box.jpeg
 delete mode 100644 www/public/previews/components/core/list-box.mp4
 delete mode 100644 www/public/previews/components/core/menu.jpeg
 delete mode 100644 www/public/previews/components/core/menu.mp4
 delete mode 100644 www/public/previews/components/core/number-field.jpeg
 delete mode 100644 www/public/previews/components/core/number-field.mp4
 delete mode 100644 www/public/previews/components/core/popover.mp4
 delete mode 100644 www/public/previews/components/core/progress.jpeg
 delete mode 100644 www/public/previews/components/core/progress.mp4
 delete mode 100644 www/public/previews/components/core/radio-group.jpeg
 delete mode 100644 www/public/previews/components/core/radio-group.mp4
 delete mode 100644 www/public/previews/components/core/range-calendar.jpeg
 delete mode 100644 www/public/previews/components/core/range-calendar.mp4
 delete mode 100644 www/public/previews/components/core/scroll-area.jpeg
 delete mode 100644 www/public/previews/components/core/scroll-area.mp4
 delete mode 100644 www/public/previews/components/core/search-field.jpeg
 delete mode 100644 www/public/previews/components/core/search-field.mp4
 delete mode 100644 www/public/previews/components/core/select.jpeg
 delete mode 100644 www/public/previews/components/core/select.mp4
 delete mode 100644 www/public/previews/components/core/separator.jpeg
 delete mode 100644 www/public/previews/components/core/separator.mp4
 delete mode 100644 www/public/previews/components/core/skeleton.jpeg
 delete mode 100644 www/public/previews/components/core/skeleton.mp4
 delete mode 100644 www/public/previews/components/core/slider.jpeg
 delete mode 100644 www/public/previews/components/core/slider.mp4
 delete mode 100644 www/public/previews/components/core/switch.jpeg
 delete mode 100644 www/public/previews/components/core/switch.mp4
 delete mode 100644 www/public/previews/components/core/tabs.jpeg
 delete mode 100644 www/public/previews/components/core/tabs.mp4
 delete mode 100644 www/public/previews/components/core/text-area.jpeg
 delete mode 100644 www/public/previews/components/core/text-area.mp4
 delete mode 100644 www/public/previews/components/core/text-field.jpeg
 delete mode 100644 www/public/previews/components/core/text-field.mp4
 delete mode 100644 www/public/previews/components/core/time-field.jpeg
 delete mode 100644 www/public/previews/components/core/time-field.mp4
 delete mode 100644 www/public/previews/components/core/toggle-button.jpeg
 delete mode 100644 www/public/previews/components/core/toggle-button.mp4
 delete mode 100644 www/public/previews/components/core/tooltip.jpeg
 delete mode 100644 www/public/previews/components/core/tooltip.mp4
 delete mode 100644 www/src/demos/alert/action.tsx
 delete mode 100644 www/src/demos/alert/composition.tsx
 delete mode 100644 www/src/demos/alert/content.tsx
 delete mode 100644 www/src/demos/alert/custom-icon.tsx
 delete mode 100644 www/src/demos/alert/default.tsx
 delete mode 100644 www/src/demos/alert/title.tsx
 delete mode 100644 www/src/demos/alert/variants.tsx
 delete mode 100644 www/src/demos/avatar/composition.tsx
 delete mode 100644 www/src/demos/avatar/default.tsx
 delete mode 100644 www/src/demos/avatar/shape.tsx
 delete mode 100644 www/src/demos/avatar/sizes.tsx
 delete mode 100644 www/src/demos/breadcrumbs/basic.tsx
 delete mode 100644 www/src/demos/breadcrumbs/composition.tsx
 delete mode 100644 www/src/demos/breadcrumbs/disabled.tsx
 delete mode 100644 www/src/demos/breadcrumbs/icon.tsx
 delete mode 100644 www/src/demos/breadcrumbs/router-integration.tsx
 delete mode 100644 www/src/demos/button/default.tsx
 delete mode 100644 www/src/demos/button/disabled.tsx
 delete mode 100644 www/src/demos/button/link-button.tsx
 delete mode 100644 www/src/demos/button/loading.tsx
 delete mode 100644 www/src/demos/button/prefix-and-suffix.tsx
 delete mode 100644 www/src/demos/button/shapes.tsx
 delete mode 100644 www/src/demos/button/sizes.tsx
 delete mode 100644 www/src/demos/button/variants.tsx
 delete mode 100644 www/src/demos/calendar/composition.tsx
 delete mode 100644 www/src/demos/calendar/controlled.tsx
 delete mode 100644 www/src/demos/calendar/default.tsx
 delete mode 100644 www/src/demos/calendar/disabled.tsx
 delete mode 100644 www/src/demos/calendar/error-message.tsx
 delete mode 100644 www/src/demos/calendar/label.tsx
 delete mode 100644 www/src/demos/calendar/page-behaviour.tsx
 delete mode 100644 www/src/demos/calendar/read-only.tsx
 delete mode 100644 www/src/demos/calendar/uncontrolled.tsx
 delete mode 100644 www/src/demos/calendar/unvailable-dates.tsx
 delete mode 100644 www/src/demos/calendar/validation.tsx
 delete mode 100644 www/src/demos/calendar/visible-months.tsx
 delete mode 100644 www/src/demos/checkbox-group/cards.tsx
 delete mode 100644 www/src/demos/checkbox-group/composition.tsx
 delete mode 100644 www/src/demos/checkbox-group/contextual-help.tsx
 delete mode 100644 www/src/demos/checkbox-group/controlled.tsx
 delete mode 100644 www/src/demos/checkbox-group/default.tsx
 delete mode 100644 www/src/demos/checkbox-group/description.tsx
 delete mode 100644 www/src/demos/checkbox-group/disabled.tsx
 delete mode 100644 www/src/demos/checkbox-group/error-message.tsx
 delete mode 100644 www/src/demos/checkbox-group/label.tsx
 delete mode 100644 www/src/demos/checkbox-group/read-only.tsx
 delete mode 100644 www/src/demos/checkbox-group/required.tsx
 delete mode 100644 www/src/demos/checkbox-group/uncontrolled.tsx
 delete mode 100644 www/src/demos/checkbox/card.tsx
 delete mode 100644 www/src/demos/checkbox/controlled.tsx
 delete mode 100644 www/src/demos/checkbox/default.tsx
 delete mode 100644 www/src/demos/checkbox/disabled.tsx
 delete mode 100644 www/src/demos/checkbox/indeterminate.tsx
 delete mode 100644 www/src/demos/checkbox/read-only.tsx
 delete mode 100644 www/src/demos/checkbox/uncontrolled.tsx
 delete mode 100644 www/src/demos/color-area/channels.tsx
 delete mode 100644 www/src/demos/color-area/composition.tsx
 delete mode 100644 www/src/demos/color-area/controlled.tsx
 delete mode 100644 www/src/demos/color-area/default.tsx
 delete mode 100644 www/src/demos/color-area/disabled.tsx
 delete mode 100644 www/src/demos/color-area/uncontrolled.tsx
 delete mode 100644 www/src/demos/color-field/composition.tsx
 delete mode 100644 www/src/demos/color-field/contextual-help.tsx
 delete mode 100644 www/src/demos/color-field/controlled.tsx
 delete mode 100644 www/src/demos/color-field/default.tsx
 delete mode 100644 www/src/demos/color-field/description.tsx
 delete mode 100644 www/src/demos/color-field/disabled.tsx
 delete mode 100644 www/src/demos/color-field/error-message.tsx
 delete mode 100644 www/src/demos/color-field/form.tsx
 delete mode 100644 www/src/demos/color-field/label.tsx
 delete mode 100644 www/src/demos/color-field/loading.tsx
 delete mode 100644 www/src/demos/color-field/prefix-and-suffix.tsx
 delete mode 100644 www/src/demos/color-field/read-only.tsx
 delete mode 100644 www/src/demos/color-field/required.tsx
 delete mode 100644 www/src/demos/color-field/sizes.tsx
 delete mode 100644 www/src/demos/color-field/uncontrolled.tsx
 delete mode 100644 www/src/demos/color-picker/composition.tsx
 delete mode 100644 www/src/demos/color-picker/controlled.tsx
 delete mode 100644 www/src/demos/color-picker/default.tsx
 delete mode 100644 www/src/demos/color-picker/options.tsx
 delete mode 100644 www/src/demos/color-picker/uncontrolled.tsx
 delete mode 100644 www/src/demos/color-slider/channel.tsx
 delete mode 100644 www/src/demos/color-slider/composition.tsx
 delete mode 100644 www/src/demos/color-slider/controlled.tsx
 delete mode 100644 www/src/demos/color-slider/default.tsx
 delete mode 100644 www/src/demos/color-slider/disabled.tsx
 delete mode 100644 www/src/demos/color-slider/label.tsx
 delete mode 100644 www/src/demos/color-slider/uncontrolled.tsx
 delete mode 100644 www/src/demos/color-slider/vertical.tsx
 delete mode 100644 www/src/demos/color-swatch/default.tsx
 delete mode 100644 www/src/demos/combobox/async-loading.tsx
 delete mode 100644 www/src/demos/combobox/basic.tsx
 delete mode 100644 www/src/demos/combobox/composition.tsx
 delete mode 100644 www/src/demos/combobox/contextual-help.tsx
 delete mode 100644 www/src/demos/combobox/controlled.tsx
 delete mode 100644 www/src/demos/combobox/custom-value.tsx
 delete mode 100644 www/src/demos/combobox/description.tsx
 delete mode 100644 www/src/demos/combobox/disabled.tsx
 delete mode 100644 www/src/demos/combobox/label.tsx
 delete mode 100644 www/src/demos/combobox/loading.tsx
 delete mode 100644 www/src/demos/combobox/required.tsx
 delete mode 100644 www/src/demos/combobox/sections.tsx
 delete mode 100644 www/src/demos/combobox/uncontrolled.tsx
 delete mode 100644 www/src/demos/combobox/validation.tsx
 delete mode 100644 www/src/demos/date-field/composition.tsx
 delete mode 100644 www/src/demos/date-field/contextual-help.tsx
 delete mode 100644 www/src/demos/date-field/controlled.tsx
 delete mode 100644 www/src/demos/date-field/default.tsx
 delete mode 100644 www/src/demos/date-field/description.tsx
 delete mode 100644 www/src/demos/date-field/disabled.tsx
 delete mode 100644 www/src/demos/date-field/error-message.tsx
 delete mode 100644 www/src/demos/date-field/granularity.tsx
 delete mode 100644 www/src/demos/date-field/hide-time-zone.tsx
 delete mode 100644 www/src/demos/date-field/hour-cycle.tsx
 delete mode 100644 www/src/demos/date-field/label.tsx
 delete mode 100644 www/src/demos/date-field/loading.tsx
 delete mode 100644 www/src/demos/date-field/placeholder.tsx
 delete mode 100644 www/src/demos/date-field/prefix-and-suffix.tsx
 delete mode 100644 www/src/demos/date-field/read-only.tsx
 delete mode 100644 www/src/demos/date-field/required.tsx
 delete mode 100644 www/src/demos/date-field/sizes.tsx
 delete mode 100644 www/src/demos/date-field/time-zones.tsx
 delete mode 100644 www/src/demos/date-field/uncontrolled.tsx
 delete mode 100644 www/src/demos/date-picker/composition.tsx
 delete mode 100644 www/src/demos/date-picker/contextual-help.tsx
 delete mode 100644 www/src/demos/date-picker/controlled.tsx
 delete mode 100644 www/src/demos/date-picker/default.tsx
 delete mode 100644 www/src/demos/date-picker/description.tsx
 delete mode 100644 www/src/demos/date-picker/disabled.tsx
 delete mode 100644 www/src/demos/date-picker/error-message.tsx
 delete mode 100644 www/src/demos/date-picker/granularity.tsx
 delete mode 100644 www/src/demos/date-picker/hide-time-zone.tsx
 delete mode 100644 www/src/demos/date-picker/hour-cycle.tsx
 delete mode 100644 www/src/demos/date-picker/label.tsx
 delete mode 100644 www/src/demos/date-picker/loading.tsx
 delete mode 100644 www/src/demos/date-picker/placeholder.tsx
 delete mode 100644 www/src/demos/date-picker/prefix.tsx
 delete mode 100644 www/src/demos/date-picker/read-only.tsx
 delete mode 100644 www/src/demos/date-picker/required.tsx
 delete mode 100644 www/src/demos/date-picker/sizes.tsx
 delete mode 100644 www/src/demos/date-picker/time-zones.tsx
 delete mode 100644 www/src/demos/date-picker/uncontrolled.tsx
 delete mode 100644 www/src/demos/date-range-picker/composition.tsx
 delete mode 100644 www/src/demos/date-range-picker/contextual-help.tsx
 delete mode 100644 www/src/demos/date-range-picker/controlled.tsx
 delete mode 100644 www/src/demos/date-range-picker/default.tsx
 delete mode 100644 www/src/demos/date-range-picker/description.tsx
 delete mode 100644 www/src/demos/date-range-picker/disabled.tsx
 delete mode 100644 www/src/demos/date-range-picker/error-message.tsx
 delete mode 100644 www/src/demos/date-range-picker/granularity.tsx
 delete mode 100644 www/src/demos/date-range-picker/hide-time-zone.tsx
 delete mode 100644 www/src/demos/date-range-picker/hour-cycle.tsx
 delete mode 100644 www/src/demos/date-range-picker/label.tsx
 delete mode 100644 www/src/demos/date-range-picker/loading.tsx
 delete mode 100644 www/src/demos/date-range-picker/placeholder.tsx
 delete mode 100644 www/src/demos/date-range-picker/prefix.tsx
 delete mode 100644 www/src/demos/date-range-picker/read-only.tsx
 delete mode 100644 www/src/demos/date-range-picker/required.tsx
 delete mode 100644 www/src/demos/date-range-picker/sizes.tsx
 delete mode 100644 www/src/demos/date-range-picker/time-zones.tsx
 delete mode 100644 www/src/demos/date-range-picker/uncontrolled.tsx
 delete mode 100644 www/src/demos/dialog/alert-dialog.tsx
 delete mode 100644 www/src/demos/dialog/async-form-submission.tsx
 delete mode 100644 www/src/demos/dialog/basic.tsx
 delete mode 100644 www/src/demos/dialog/composition.tsx
 delete mode 100644 www/src/demos/dialog/controlled.tsx
 delete mode 100644 www/src/demos/dialog/description.tsx
 delete mode 100644 www/src/demos/dialog/dismiss-button.tsx
 delete mode 100644 www/src/demos/dialog/dismissable.tsx
 delete mode 100644 www/src/demos/dialog/drawer.tsx
 delete mode 100644 www/src/demos/dialog/inset-content.tsx
 delete mode 100644 www/src/demos/dialog/nested.tsx
 delete mode 100644 www/src/demos/dialog/popover.tsx
 delete mode 100644 www/src/demos/dialog/title.tsx
 delete mode 100644 www/src/demos/dialog/types.tsx
 delete mode 100644 www/src/demos/drop-zone/default.tsx
 delete mode 100644 www/src/demos/drop-zone/disabled.tsx
 delete mode 100644 www/src/demos/drop-zone/file-trigger.tsx
 delete mode 100644 www/src/demos/drop-zone/label.tsx
 delete mode 100644 www/src/demos/file-trigger/default.tsx
 delete mode 100644 www/src/demos/file-trigger/directory-selection.tsx
 delete mode 100644 www/src/demos/file-trigger/file-types.tsx
 delete mode 100644 www/src/demos/file-trigger/media-capture.tsx
 delete mode 100644 www/src/demos/file-trigger/multiple-files.tsx
 delete mode 100644 www/src/demos/link/default.tsx
 delete mode 100644 www/src/demos/link/disabled.tsx
 delete mode 100644 www/src/demos/link/icon.tsx
 delete mode 100644 www/src/demos/link/variants.tsx
 delete mode 100644 www/src/demos/list-box/async-loading.tsx
 delete mode 100644 www/src/demos/list-box/basic.tsx
 delete mode 100644 www/src/demos/list-box/composition.tsx
 delete mode 100644 www/src/demos/list-box/contact-list.tsx
 delete mode 100644 www/src/demos/list-box/controlled.tsx
 delete mode 100644 www/src/demos/list-box/disabled-items.tsx
 delete mode 100644 www/src/demos/list-box/empty-state.tsx
 delete mode 100644 www/src/demos/list-box/grid.tsx
 delete mode 100644 www/src/demos/list-box/horizontal.tsx
 delete mode 100644 www/src/demos/list-box/image-grid.tsx
 delete mode 100644 www/src/demos/list-box/item-variant.tsx
 delete mode 100644 www/src/demos/list-box/label-and-description.tsx
 delete mode 100644 www/src/demos/list-box/links.tsx
 delete mode 100644 www/src/demos/list-box/loading.tsx
 delete mode 100644 www/src/demos/list-box/prefix-and-suffix.tsx
 delete mode 100644 www/src/demos/list-box/sections.tsx
 delete mode 100644 www/src/demos/list-box/selection-behavior.tsx
 delete mode 100644 www/src/demos/list-box/selection-mode.tsx
 delete mode 100644 www/src/demos/list-box/separator.tsx
 delete mode 100644 www/src/demos/list-box/uncontrolled.tsx
 delete mode 100644 www/src/demos/menu/basic.tsx
 delete mode 100644 www/src/demos/menu/composition.tsx
 delete mode 100644 www/src/demos/menu/controlled.tsx
 delete mode 100644 www/src/demos/menu/disabled-items.tsx
 delete mode 100644 www/src/demos/menu/item-variant.tsx
 delete mode 100644 www/src/demos/menu/label-and-description.tsx
 delete mode 100644 www/src/demos/menu/link-items.tsx
 delete mode 100644 www/src/demos/menu/long-press.tsx
 delete mode 100644 www/src/demos/menu/multiple-selection.tsx
 delete mode 100644 www/src/demos/menu/overlay-type.tsx
 delete mode 100644 www/src/demos/menu/placement.tsx
 delete mode 100644 www/src/demos/menu/prefix-and-suffix.tsx
 delete mode 100644 www/src/demos/menu/section.tsx
 delete mode 100644 www/src/demos/menu/separator.tsx
 delete mode 100644 www/src/demos/menu/shortcut.tsx
 delete mode 100644 www/src/demos/menu/single-selection.tsx
 delete mode 100644 www/src/demos/menu/submenus.tsx
 delete mode 100644 www/src/demos/number-field/composition.tsx
 delete mode 100644 www/src/demos/number-field/contextual-help.tsx
 delete mode 100644 www/src/demos/number-field/controlled.tsx
 delete mode 100644 www/src/demos/number-field/default.tsx
 delete mode 100644 www/src/demos/number-field/description.tsx
 delete mode 100644 www/src/demos/number-field/disabled.tsx
 delete mode 100644 www/src/demos/number-field/error-message.tsx
 delete mode 100644 www/src/demos/number-field/format-options.tsx
 delete mode 100644 www/src/demos/number-field/label.tsx
 delete mode 100644 www/src/demos/number-field/read-only.tsx
 delete mode 100644 www/src/demos/number-field/required.tsx
 delete mode 100644 www/src/demos/number-field/sizes.tsx
 delete mode 100644 www/src/demos/number-field/uncontrolled.tsx
 delete mode 100644 www/src/demos/progress/composition.tsx
 delete mode 100644 www/src/demos/progress/custom-color.tsx
 delete mode 100644 www/src/demos/progress/custom-value-label.tsx
 delete mode 100644 www/src/demos/progress/default.tsx
 delete mode 100644 www/src/demos/progress/duration.tsx
 delete mode 100644 www/src/demos/progress/format-options.tsx
 delete mode 100644 www/src/demos/progress/indeterminate.tsx
 delete mode 100644 www/src/demos/progress/label.tsx
 delete mode 100644 www/src/demos/progress/min-max-values.tsx
 delete mode 100644 www/src/demos/progress/shape.tsx
 delete mode 100644 www/src/demos/progress/sizes.tsx
 delete mode 100644 www/src/demos/progress/toolbar.tsx
 delete mode 100644 www/src/demos/progress/value-label.tsx
 delete mode 100644 www/src/demos/progress/variants.tsx
 delete mode 100644 www/src/demos/radio-group/cards.tsx
 delete mode 100644 www/src/demos/radio-group/composition.tsx
 delete mode 100644 www/src/demos/radio-group/contextual-help.tsx
 delete mode 100644 www/src/demos/radio-group/controlled.tsx
 delete mode 100644 www/src/demos/radio-group/default.tsx
 delete mode 100644 www/src/demos/radio-group/description.tsx
 delete mode 100644 www/src/demos/radio-group/disabled.tsx
 delete mode 100644 www/src/demos/radio-group/error-message.tsx
 delete mode 100644 www/src/demos/radio-group/label.tsx
 delete mode 100644 www/src/demos/radio-group/orientation.tsx
 delete mode 100644 www/src/demos/radio-group/read-only.tsx
 delete mode 100644 www/src/demos/radio-group/required.tsx
 delete mode 100644 www/src/demos/radio-group/uncontrolled.tsx
 delete mode 100644 www/src/demos/range-calendar/composition.tsx
 delete mode 100644 www/src/demos/range-calendar/controlled.tsx
 delete mode 100644 www/src/demos/range-calendar/default.tsx
 delete mode 100644 www/src/demos/range-calendar/disabled.tsx
 delete mode 100644 www/src/demos/range-calendar/error-message.tsx
 delete mode 100644 www/src/demos/range-calendar/label.tsx
 delete mode 100644 www/src/demos/range-calendar/non-contiguous-ranges.tsx
 delete mode 100644 www/src/demos/range-calendar/page-behaviour.tsx
 delete mode 100644 www/src/demos/range-calendar/read-only.tsx
 delete mode 100644 www/src/demos/range-calendar/uncontrolled.tsx
 delete mode 100644 www/src/demos/range-calendar/unvailable-dates.tsx
 delete mode 100644 www/src/demos/range-calendar/validation.tsx
 delete mode 100644 www/src/demos/range-calendar/visible-months.tsx
 delete mode 100644 www/src/demos/scroll-area/default.tsx
 delete mode 100644 www/src/demos/scroll-area/scrollbars.tsx
 delete mode 100644 www/src/demos/scroll-area/sizes.tsx
 delete mode 100644 www/src/demos/search-field/composition.tsx
 delete mode 100644 www/src/demos/search-field/contextual-help.tsx
 delete mode 100644 www/src/demos/search-field/controlled.tsx
 delete mode 100644 www/src/demos/search-field/default.tsx
 delete mode 100644 www/src/demos/search-field/description.tsx
 delete mode 100644 www/src/demos/search-field/disabled.tsx
 delete mode 100644 www/src/demos/search-field/error-message.tsx
 delete mode 100644 www/src/demos/search-field/form.tsx
 delete mode 100644 www/src/demos/search-field/label.tsx
 delete mode 100644 www/src/demos/search-field/loading.tsx
 delete mode 100644 www/src/demos/search-field/prefix-and-suffix.tsx
 delete mode 100644 www/src/demos/search-field/read-only.tsx
 delete mode 100644 www/src/demos/search-field/required.tsx
 delete mode 100644 www/src/demos/search-field/sizes.tsx
 delete mode 100644 www/src/demos/search-field/uncontrolled.tsx
 delete mode 100644 www/src/demos/select/async-loading.tsx
 delete mode 100644 www/src/demos/select/basic.tsx
 delete mode 100644 www/src/demos/select/composition.tsx
 delete mode 100644 www/src/demos/select/contextual-help.tsx
 delete mode 100644 www/src/demos/select/controlled.tsx
 delete mode 100644 www/src/demos/select/description.tsx
 delete mode 100644 www/src/demos/select/disabled.tsx
 delete mode 100644 www/src/demos/select/label.tsx
 delete mode 100644 www/src/demos/select/links.tsx
 delete mode 100644 www/src/demos/select/loading.tsx
 delete mode 100644 www/src/demos/select/placeholder.tsx
 delete mode 100644 www/src/demos/select/required.tsx
 delete mode 100644 www/src/demos/select/sections.tsx
 delete mode 100644 www/src/demos/select/uncontrolled.tsx
 delete mode 100644 www/src/demos/select/validation.tsx
 delete mode 100644 www/src/demos/separator/card.tsx
 delete mode 100644 www/src/demos/separator/orientation.tsx
 delete mode 100644 www/src/demos/skeleton/api-simulation.tsx
 delete mode 100644 www/src/demos/skeleton/card.tsx
 delete mode 100644 www/src/demos/skeleton/children.tsx
 delete mode 100644 www/src/demos/skeleton/fixed-size-children.tsx
 delete mode 100644 www/src/demos/skeleton/show.tsx
 delete mode 100644 www/src/demos/slider/advanced-composition.tsx
 delete mode 100644 www/src/demos/slider/composition.tsx
 delete mode 100644 www/src/demos/slider/controlled.tsx
 delete mode 100644 www/src/demos/slider/default.tsx
 delete mode 100644 www/src/demos/slider/description.tsx
 delete mode 100644 www/src/demos/slider/disabled.tsx
 delete mode 100644 www/src/demos/slider/format-options.tsx
 delete mode 100644 www/src/demos/slider/label.tsx
 delete mode 100644 www/src/demos/slider/range.tsx
 delete mode 100644 www/src/demos/slider/sizes.tsx
 delete mode 100644 www/src/demos/slider/step.tsx
 delete mode 100644 www/src/demos/slider/uncontrolled.tsx
 delete mode 100644 www/src/demos/slider/value-label.tsx
 delete mode 100644 www/src/demos/slider/value-scale.tsx
 delete mode 100644 www/src/demos/slider/vertical.tsx
 delete mode 100644 www/src/demos/switch/controlled.tsx
 delete mode 100644 www/src/demos/switch/default.tsx
 delete mode 100644 www/src/demos/switch/disabled.tsx
 delete mode 100644 www/src/demos/switch/label.tsx
 delete mode 100644 www/src/demos/switch/sizes.tsx
 delete mode 100644 www/src/demos/switch/uncontrolled.tsx
 delete mode 100644 www/src/demos/tabs/basic.tsx
 delete mode 100644 www/src/demos/tabs/controlled.tsx
 delete mode 100644 www/src/demos/tabs/disabled-item.tsx
 delete mode 100644 www/src/demos/tabs/disabled.tsx
 delete mode 100644 www/src/demos/tabs/keyboard-activation.tsx
 delete mode 100644 www/src/demos/tabs/vertical.tsx
 delete mode 100644 www/src/demos/text-area/composition.tsx
 delete mode 100644 www/src/demos/text-area/contextual-help.tsx
 delete mode 100644 www/src/demos/text-area/controlled.tsx
 delete mode 100644 www/src/demos/text-area/default.tsx
 delete mode 100644 www/src/demos/text-area/description.tsx
 delete mode 100644 www/src/demos/text-area/disabled.tsx
 delete mode 100644 www/src/demos/text-area/error-message.tsx
 delete mode 100644 www/src/demos/text-area/form.tsx
 delete mode 100644 www/src/demos/text-area/label.tsx
 delete mode 100644 www/src/demos/text-area/loading.tsx
 delete mode 100644 www/src/demos/text-area/prefix-and-suffix.tsx
 delete mode 100644 www/src/demos/text-area/read-only.tsx
 delete mode 100644 www/src/demos/text-area/required.tsx
 delete mode 100644 www/src/demos/text-area/uncontrolled.tsx
 delete mode 100644 www/src/demos/text-field/composition.tsx
 delete mode 100644 www/src/demos/text-field/contextual-help.tsx
 delete mode 100644 www/src/demos/text-field/controlled.tsx
 delete mode 100644 www/src/demos/text-field/default.tsx
 delete mode 100644 www/src/demos/text-field/description.tsx
 delete mode 100644 www/src/demos/text-field/disabled.tsx
 delete mode 100644 www/src/demos/text-field/error-message.tsx
 delete mode 100644 www/src/demos/text-field/label.tsx
 delete mode 100644 www/src/demos/text-field/loading.tsx
 delete mode 100644 www/src/demos/text-field/prefix-and-suffix.tsx
 delete mode 100644 www/src/demos/text-field/read-only.tsx
 delete mode 100644 www/src/demos/text-field/required.tsx
 delete mode 100644 www/src/demos/text-field/sizes.tsx
 delete mode 100644 www/src/demos/text-field/uncontrolled.tsx
 delete mode 100644 www/src/demos/time-field/composition.tsx
 delete mode 100644 www/src/demos/time-field/contextual-help.tsx
 delete mode 100644 www/src/demos/time-field/controlled.tsx
 delete mode 100644 www/src/demos/time-field/default.tsx
 delete mode 100644 www/src/demos/time-field/description.tsx
 delete mode 100644 www/src/demos/time-field/disabled.tsx
 delete mode 100644 www/src/demos/time-field/error-message.tsx
 delete mode 100644 www/src/demos/time-field/granularity.tsx
 delete mode 100644 www/src/demos/time-field/hide-time-zone.tsx
 delete mode 100644 www/src/demos/time-field/hour-cycle.tsx
 delete mode 100644 www/src/demos/time-field/label.tsx
 delete mode 100644 www/src/demos/time-field/loading.tsx
 delete mode 100644 www/src/demos/time-field/placeholder.tsx
 delete mode 100644 www/src/demos/time-field/prefix-and-suffix.tsx
 delete mode 100644 www/src/demos/time-field/read-only.tsx
 delete mode 100644 www/src/demos/time-field/required.tsx
 delete mode 100644 www/src/demos/time-field/sizes.tsx
 delete mode 100644 www/src/demos/time-field/time-zones.tsx
 delete mode 100644 www/src/demos/time-field/uncontrolled.tsx
 delete mode 100644 www/src/demos/toggle-button/controlled.tsx
 delete mode 100644 www/src/demos/toggle-button/default.tsx
 delete mode 100644 www/src/demos/toggle-button/disabled.tsx
 delete mode 100644 www/src/demos/toggle-button/shapes.tsx
 delete mode 100644 www/src/demos/toggle-button/sizes.tsx
 delete mode 100644 www/src/demos/toggle-button/uncontrolled.tsx
 delete mode 100644 www/src/demos/toggle-button/variants.tsx
 delete mode 100644 www/src/demos/tooltip/arrow.tsx
 delete mode 100644 www/src/demos/tooltip/composition.tsx
 delete mode 100644 www/src/demos/tooltip/container-padding.tsx
 delete mode 100644 www/src/demos/tooltip/default.tsx
 delete mode 100644 www/src/demos/tooltip/delay.tsx
 delete mode 100644 www/src/demos/tooltip/flip.tsx
 delete mode 100644 www/src/demos/tooltip/offset.tsx
 delete mode 100644 www/src/demos/tooltip/placement.tsx
 delete mode 100644 www/src/demos/tooltip/with-arrow.tsx

diff --git a/www/package.json b/www/package.json
index de0331c7c..293ac3151 100644
--- a/www/package.json
+++ b/www/package.json
@@ -5,7 +5,6 @@
   "scripts": {
     "build": "next build",
     "build:registry": "tsx ./scripts/build-registry.ts && prettier --log-level silent --write \"src/registry/**/*.{ts,tsx,mdx}\" \"src/__demos__/**/*.{ts,tsx}\" --cache",
-    "build:registry-demos": "tsx ./scripts/build-registry-demos.ts && prettier --log-level silent --write \"src/__demos__/registry.ts\" --cache",
     "build:demos": "tsx ./scripts/build-demos.ts && prettier --log-level silent --write \"src/__demos__/index.tsx\" --cache",
     "start": "next start",
     "dev": "next dev --turbo",
diff --git a/www/public/previews/components/core/alert-dialog.mp4 b/www/public/previews/components/core/alert-dialog.mp4
deleted file mode 100644
index 258cfc0f307e53d88f1e2d84e5e5643c41914cc1..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 72224
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
X;1k-*xTpQgUz~u+{~ED>|NQ>|;M@}?

diff --git a/www/public/previews/components/core/alert.jpeg b/www/public/previews/components/core/alert.jpeg
deleted file mode 100644
index c03ee116e4fe14adc8bfc3881eb1c7fe8788d85b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10358
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

diff --git a/www/public/previews/components/core/aspect-ratio.jpeg b/www/public/previews/components/core/aspect-ratio.jpeg
deleted file mode 100644
index d03776674968ca9a02439809242c4bc6d54fb6f0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8500
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%0A|#c+dHvypQkT
zvJ7bH>i7rS8;h}B_<q7bJ{ybin{$K#$j3f33%k@m&b)h|;CKuaZJ%0R9N}63seFDK
zZp%5AKv_GcxG$p#s(cKXfuaz9J3LGkxbF|XQoK!f)b+TbUOM<QXt%~4)nH`%S98q!
z1<;@+cN{*}rkCt3yYc!Eikl3I<=K(*skLz@de4H6_;8|kO?>$F>f$qSpmfkfu~qN%
z3i2}JmK5rZ;7{RlWzb`QPh~cM9@RbiMNH3ZM4oG3DcGGhz|A@9p<!<{{=LZ$^brgm
z&Aih?U#+_?z7xykv{)LgYl6aOBrN3k{mA9aTgTGYZpxVMO-=<buI`K9FKuy(6Jle_
zUmFsVIcwF+oe}R}(5c!nu*)8NvEzx7VzuLT(Ke6W7y1d#rQpbX#J!i>Y}2=<gAAs1
z70Lr$ZZu7VhN5I9bw6<wW}&XBCcpUGQv^uyq70;X$}=@#m`KP*Bw2{xF9i~<#+5Kk
z#(x1J55nFZ_A~FFC(v<kucyhE%mOMu*4g6XTOqNXo|WI*ro}>>s;^h;SaL4iaJex|
zCPoTwf_{R+bo{<ePI|f_*cauJ#B5<b?KB8#H9qOFS7X_4XnjOvMVyJvh8JXQiohqn
zv4}?Lv2YJA;Ijv9JJ``Kd*&Bf!rlf%x59Oix*9ubd=j<HxVA;lcZ9_QY=5y6|JnI}
ezy4Jz_J8N_lk#5|?Z*HAKeY+qNgNP-Jn}y%h+N|U

diff --git a/www/public/previews/components/core/avatar.jpeg b/www/public/previews/components/core/avatar.jpeg
deleted file mode 100644
index 730cb43ce0d25de634ab58f8932c1f68ceb2bfe6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1880
zcmex=<NpH&0WUXCHwH#V1_nkTWcdGx@rI|fb9_LMzniCzD@5W10}!wnFfioil@tZJ
zJ1Im&Mk%mAfan0pB_<aafM^^5XzsUbAk!HbF6-h@gHM<<CAByisNe$-s}un(2Rc>+
z$QDV5ur)yJBnaCE#4ax>C;_So0I`cgf}DZu6d+q89f_TU#7-_K0;%r-s<Fw<DFxXD
z0w5Rjq~?VN18EK*mSHGn2x4$&a02-s$OnS_MGOoUUl|yfCm_U<W->5rZ)ISRxP=f?
zS-`-+-@?GK?L0yZ5hewRMTubJSb!u`S{ehxr{xR`ypaqH!WS4AxT3*wKmv!`6o67P
zKzHQ>VLC$&Ln?y;gC|2CLo$ONkY&VRz+lK=_Ww46GXpad2!KdtAYfr*0Rav+HdZ!H
z4lXWE4o*%k9)2D!Za!{KPF_J?K7IiKK>;ovAz>i_VIW%oWC$ZjCo>BNP@@1hCpS=(
zMDYIrgCGZ^0OK=eMkNL&K}Kdl#{Wkcq=0D+3}BvRU|?fsVP)h5${7d%6DK1p3nw!x
zOqP*}nT3^2T+lT1AiJWWV@dO*MHhtv3x!2p6N`a5L_jGT6@WwqF-31N@Gvt1oxv=~
zV9)Sp6RMt39-a`WsxXV+pImy@JmaQMsc*2X!)MmC*^egvX>F;?nCxdLr(XWWL*;1N
zoFp5+_b(6vdGj8{00kyh*&J1yIm?iHZ}7KYX^bjX`qQnCp1QYt?W1!U>t??0d{^9n
z$8Kb)i&gfw-8e%7ZR^*@7%%IcP%iSL+s|R?ZGDgdJkRaU{QDhtqT_a|&$$!teOG*b
z_xDrAvpL8H;9)Z^PLVxor*wI;WyVeRLjR5}Pq-X_${FXR-~IjM;#rHu=XZZUxp)@7
z(hu2mHmK`-o`TG^e;=U<l4UELU;ciwyUC+|yZ86i`Z5n7Yr(^odlqw6?1pS;WK^Kp
zHnGXuGW%})d-$+n@0IN7b+Y;Loy~zC{>fK<ThI{q%1-|9d%OFSAp(CEG{j~>M5f<-
zDfKi|SS0b<XZy@qbpZ`l8)e+?3-61H*L{|h)jLs8cB1Trr+C~jDuo&X?Eh~903bgT
A*8l(j

diff --git a/www/public/previews/components/core/avatar.mp4 b/www/public/previews/components/core/avatar.mp4
deleted file mode 100644
index 11b86e24422c334eb78ab9c6f0eb3350839f6210..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7924
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
Q4z=PhjUA#nsjk2O1mX&t^8f$<

diff --git a/www/public/previews/components/core/badge.jpeg b/www/public/previews/components/core/badge.jpeg
deleted file mode 100644
index 7f0d38b9eb6ac85997651435101be77f62a56fb7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3278
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
Ad;kCd

diff --git a/www/public/previews/components/core/breadcrumbs.jpeg b/www/public/previews/components/core/breadcrumbs.jpeg
deleted file mode 100644
index a443d06e66e9876ce54beb9031e5d560641a66e3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7119
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
CTrYb7

diff --git a/www/public/previews/components/core/breadcrumbs.mp4 b/www/public/previews/components/core/breadcrumbs.mp4
deleted file mode 100644
index 2aefe913ebbdd16df6a9d0373b1e6d4de5839c54..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 23189
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
ZEck`^J}hH|{`El%B)t0<rzw1R{y&^#K~Vqz

diff --git a/www/public/previews/components/core/button.jpeg b/www/public/previews/components/core/button.jpeg
deleted file mode 100644
index 775242d9b8d5b3325f08c9a3d50f9e3b88c627be..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2165
zcmd5)X;f237@e1dgs=#YAnH*IA_c69vZ=*@Rgjn-EJ}<lQ7Kzklt4m26alTRT3n*F
zcmy=oP!k#i3K%#L1D?9XiWnmX0t%=_L<DREL<y44(^~vPPy4IAbKcB-_q+4WH;X}Q
zcmOOv_ow><1OWhn4HzCFTDq@q_`0A#e|o^`cY*5wg0L8XL=K-9L|bJS5*lVldhl)r
z7K?~VNyf%W0Q0_V#<By@v~Uv7-^t|Yn3O1J_#J)@Jh(V4)*5o_*mv9+<B{(;7316a
z$$aQphjHG9AYaI%A$N}bfJc77qmp@;{}A+06St*eYhl1DHjCjf8E`a)-z<;<f&dMy
z!uAjUA(BJ@EE@&@e{@2N%mbkM8vv%aO=u230ATSo09C39ZQ@LlBX|*S(-B~gW3vHx
zApyWV6adO?08ChKW3Zc~Hai%a1?x(JEf#D8F~APc0S80@7s%YeV&Dpv814aIfX89L
zdOQSyNWfrBBpMOP#wI3YV=~#q%)-pXbc!jNY>t{wv9Pp6Eltd<C{~sf$StuX2sRT>
zFoqK?P06NE{g*IY0;n;#goNM`dw@d`Jc<~uzzrY(hexoN_#Q+OVq{Ffkzv%+5<X8n
z9uP?+qdy%84sS#tq9m(nb2g|c_O2_}AOGIi+RY<^TW+(2$3Ip9r`f=KA0)&QBRHtf
zM&AYyqxVZe9mTD*n&TS5HM9XUJgf!9qhJLXtC+C-KNzWU>i+B9GTYQ^PsPKk?AdBm
zmnZBY9ir=(wr3GLZx!C`>r8z$GuunB*q?BwGPC7D;#e>BR^v$cp6bD(LBf~+*qFp)
zIdLCdXgaUyaZ)p0iE~7CE3!U~+dbJi9Pxg}5XqO!yPP2N2s==-Q5u(DzebcN=w^m#
zd*pha0qA80@JQ=Op_VtyKhrm&?y$&sxV?_{apj_cOb&%!SabGvsHR0Ctu5Uo&DZxl
zf9aQfDQHYbomETvam#N0QumC&8C9;+mWYGBb6TQ3U+p?km5Pe=vZ=wdf~|*ZN^{te
zc}Jo;z8wm`T~g9n*5-9{{L!7b#rgu*jH!OQl%}-}>pATFbaA9(866E6i>lwJux5r!
zNb{e#zRYY*R|rns-<g&Bb6ew<rS2o9-mI{qYM+uDg@GG(y0H5heq3d7d$6ZRUU+3z
z%Cx;L?S~)kxjPWx@8$M-b`4v8ytpZTXZa>oSbWYWrTGatQjyb1fuJt5U}(qHRW}~q
zeN*7pwrg#}-K5isqDIDE377Rtn{=pm{_RmO&f3lKg+EQb>h2?<s)FUU5rIxUsqv+b
z?fk17n7x_+CI7O}MY(a9Kjs*rwjOtWb6;09)~Fgh(`9Qn$!(ajMD_i00~ok(09R!}
zvf2gG1NTM`a>G5ZRn$r)g6Op#y0JBm2bZ4h_^zr-d70B*BQFmvVISl_z0mBXJ<XI)
z>u)U1W!_|N_M~OA9-QADo;I#t?n^n@I!d)^X=HwNFRdbN(HDVpSC8!zA5JY>&GU9(
zpaBfqefGkS=C^zFZC0GsE>q-IxufFNJbi1itV?Fo-CeP@AVt%ilP*rLMpcx7pt%hB
zl*)6e;-{>_nfh#QB8!#8Qwwf9?vEV`-rB4!XqMeo^Moa;Ap7F1da9q_NCt~q9hl*G
z{zzA+_Vl@2*~Mxfn~VP9+TpZbb$s{Z{KQT5oOzNmcc#an^-Uc`x9<F)&y{NSf|}=#
zlQm68mXF?0G)*@T-l)iX<KDyW@*54T$?Uu{sLZ5}-skoifHeN4O-HFlv866VqN5Ew
zIZW&3WS=qsm;K^+Nq(=;{=l<<@uPpq&JA6Y+yK(2jNyeGR2L}|5@g}^2cDei@D{#K
zzeJbQ+J$b)ruAKE0y#BCASwKH2IAOno0i^S8%R6W=F_J;;Ug3{L=y@wWVZgcAk+IJ
zTAaS}TFB^5>an9%9Q8=-q4J@j9kUAuR5PNU_Pp@_EXj>^j~Bz&#0`gyFJ!(FX;9jV
Pdh_X%6!xFVcth(Sv1yyS

diff --git a/www/public/previews/components/core/button.mp4 b/www/public/previews/components/core/button.mp4
deleted file mode 100644
index 51e4c0077400449d5264f5d7b1667c05016a982d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 13980
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
F{{cZ?mpA|b

diff --git a/www/public/previews/components/core/calendar.jpeg b/www/public/previews/components/core/calendar.jpeg
deleted file mode 100644
index ef71dad2eda13cc45ba5680aca3fb500f644ab7e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 12856
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
O{#)jM_S@y!8u||{N4uo}

diff --git a/www/public/previews/components/core/calendar.mp4 b/www/public/previews/components/core/calendar.mp4
deleted file mode 100644
index e524738b32c7f91755af0994842e179617bcc2bb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 41070
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

diff --git a/www/public/previews/components/core/checkbox-group.jpeg b/www/public/previews/components/core/checkbox-group.jpeg
deleted file mode 100644
index 7140a637f10eced878687d88d26357b1ebe4b997..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6242
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

diff --git a/www/public/previews/components/core/checkbox-group.mp4 b/www/public/previews/components/core/checkbox-group.mp4
deleted file mode 100644
index fbb9fcd6ed17d188e6b7b75f29f924ef606aab86..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 20894
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

diff --git a/www/public/previews/components/core/checkbox.jpeg b/www/public/previews/components/core/checkbox.jpeg
deleted file mode 100644
index b82302db3effc3672b4826e22bac910f32806a68..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6117
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

diff --git a/www/public/previews/components/core/checkbox.mp4 b/www/public/previews/components/core/checkbox.mp4
deleted file mode 100644
index 993e9d191e653091393eca1339f2b0afeb5b52ab..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 20082
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
NJu5Ruzhda;{{?H2_K^Sp

diff --git a/www/public/previews/components/core/color-area.jpeg b/www/public/previews/components/core/color-area.jpeg
deleted file mode 100644
index 7fa11d67f55966b752bb888d7d4471323645cf90..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10098
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
T4J-a+D)DER^1s?|m-T-DFdTh-

diff --git a/www/public/previews/components/core/color-area.mp4 b/www/public/previews/components/core/color-area.mp4
deleted file mode 100644
index b53321139ca66e23ba0876e78f4ff444de0c13b8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 80244
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

diff --git a/www/public/previews/components/core/color-field.jpeg b/www/public/previews/components/core/color-field.jpeg
deleted file mode 100644
index 5d78395ad8370e727a50e047258fb502e8583240..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4696
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
B*e(D7

diff --git a/www/public/previews/components/core/color-field.mp4 b/www/public/previews/components/core/color-field.mp4
deleted file mode 100644
index e6cdd498c7a18801c9fdfb60fec838b832fa8fc2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 38201
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
S&~B7zJ$Oq3?t4f8W0C-9|5tzj

diff --git a/www/public/previews/components/core/color-picker.jpeg b/www/public/previews/components/core/color-picker.jpeg
deleted file mode 100644
index bc769943488af18ca36c810b02adc2b6e933b935..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2827
zcmex=<NpH&0WUXCHwH#V1_nkTWcdGx@rI|fb9_LMzniCzD@5W10}!wnFfioil@tZJ
zJ1Im&Mk%mAfan0pB_<aafM^^5XzsUbAk!HbF6-h@gHM<<CAByisNe$-s}un(2Rc>+
z$QDV5ur)yJBnaCE#4ax>C;_So0I`cgf}DZu6d+q89f_TU#7-_K0;%r-s<Fw<DFxXD
z0w5Rjq~?VN18EK*mSHGn2x4$&a02-s$OnS_MGOoUUl|yfCm_U<W->5rZ)ISRxP=f?
zS-`-+-@?GK?L0yZ5hewRMTubJSb!u`S{ehxr{xR`ypaqH!WS4AxT3*wKmv!`6o67P
zKzHQ>VLC$&Ln?y;gC|2CLo$ONkY&VRz+lK=_Ww46GXpad2!KdtAYfr*0Rav+HdZ!H
z4lXWE4o*%k9)2D!Za!{KPF_J?K7IiKK>;ovAz>i_VIW%oWC$ZjCo>BNP@@1hCpS=(
zMDYIrgCGZE3{w^}qY?v?AS1IN<NqTJ(!jLF$iNIri7>#-$i~jW$_bRT7XYSCW@aGb
z<A=&JGBF#nu(AoV3pt7_PT~+2kuWuL3JfZlyl~@YB_s3D#N^cC#-=HYE?#~NG(ZYy
zE)z47*}w$N%EZjZ4wO?61j>Pe1R)JHoP|}8O-NX=aN+-33_L(7CP8LF2787-tAO?^
zD@w9H=1oal0COpEH0K>(@6HCOT9y=Lg*}ODdQ6DZ3sc2t-MO;R0LJTSNfGZco!Hg@
z6F{b!H(0Dsukt;gxpimW=9thr>uWC-rC9|&G`2I=-zqz;@aD%WwaRY`C0`!fcK`D7
zMRm&;{x*9fpYSxs-TlP&z1Iu2S4RuSnti!@Ds$P4naj`LTek8;MB$yZ<C>ESvyb0#
z&w1&&=PSSdPo2l}wF6(y^R{?@>Pl69^6w}M{l3@xYIWy--Icx7j(f?Q{|u9E-zu@X
zeQU1mUtOu$rEwkakNAcL8yX7=8ei-D@MH4#KgH#Jhd)2-`1&_zA9t8_W%;y^yLOy=
zD&?`;TsLO<b=|9BRi!U4)ptL#+@5vs?aRksW$U(c24D|4^+HoUHCQkRPUva+*tW?4
zn2WH0^5sI`w{EMs*1z#>+_8Gq+wAZ1YTxFIe6-tmtn7UMjVrZ%Umw`+yYomU-TS!d
zo%)+wUhKYdbEn(#YyTP8vS#h_DNjFEXCC=zPTzjntvR#JUa49AJLI=^b@cc2rB>&A
zY|g%#_Wk4b<8M~k{rf!mcScE_jMe+E_dl1qXWBe^Z}&vx{dALw%a+}paryRU(em9}
zTth?Wo5$OhR#@?CJl|4YQYTyeJ#&V~*;(`U`!&6dzI)dG?Bllu(=Fb{_02vuY2W_-
zWv~BUdhp&j9E;Bw7)S_)Vm;kkqGu<2`rTi5IdsKVmoM8*d|WOITYTQhKQ(s!@!TuF
zLUwIn&-fW}Yrom6S}lKV>GXrQz6$@j@}FUPIK!_wlP6^TRC^k>KiDTwQ1*0*`@v;4
zRzLPdV09K#xp2^<1gI3FB*zJTiEL$FtV(eU`aQ~u@qtMXjl2kREhbGuL}6-%im<#>
zTYBUGl*42sI3dp9nwu0(<=7?W9=Wn(229G$$%y-y)QQ6mFahFd;T^N43&WIhoN#lj
dI2<XF0TUpO9!(<X;WU~=&_aZ|NrdtLO#t2e4FmuH

diff --git a/www/public/previews/components/core/color-picker.mp4 b/www/public/previews/components/core/color-picker.mp4
deleted file mode 100644
index dbd713f0164db28adcde843b381f35a20e2e8480..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 84304
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
J7p|kf{{@nCf@c5#

diff --git a/www/public/previews/components/core/color-slider.jpeg b/www/public/previews/components/core/color-slider.jpeg
deleted file mode 100644
index bab6516d04111687336662e6c5644f2aac1906a4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6348
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
VqYjA||0jp`|Dyl(4v22|{{utR$1wl^

diff --git a/www/public/previews/components/core/color-slider.mp4 b/www/public/previews/components/core/color-slider.mp4
deleted file mode 100644
index 15a4c814fca5305ab7603ce2ec3b62061603a471..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 56046
zcmeFXby$_n+ctXBNJ&e|5&@C!lJ1g5l<w|ELO?=71f^4u1_`A@O1cq{P+CAFl~iKS
z(np{5Jo|mW-}lGf$9L>wzxT1uH8ba2Gjq)~bI;5*Ye5hMvvl`ywsCWEfFNWD9s+Qg
zc$#rKIP-8q&^2iXCnrw`g6thUt<6D*@Sv<i5cwX21i?RlKmSMo`d?}Bza{^x7zzXt
zbh^8m*nv!ace|f$0`AZAS8br(zaONZ<iFba5AD)fn7g}yDyS^%-Q54G3e*6v7xgcl
z2}B&sZA?HO%)$KMeJ_=UQ2ik7w?9j=TASOu{#6I$=H%h{I}Q&uLE2p2#L?W|0xpBU
z?qK6+36Hor{G(Dj^ItrbxvK>{AO66*gyZ3A5Bn9zFLiS_wFmJ4H+Q$+g8`Ru1cL=v
z6#l@|zaC@=A07d!!XG{hH*<K0A(X(tKzbmC3c@SmByb98AADg7qX7nu5dY362pz<b
zkO4_->hAi>Jb%dmj?B&dr|Ccx-Wn3kPm@8IFrbwgoCHrP09+Gz9f%=34($7fNBb)u
z&Z8sn7zjKj0)GjC$420B5O`b!9uI-PjKIS!18)-!LIj=&fhR`b;b!_RPl~`_LEy;{
zcya`u5`m{e;HeS#s|Y->=O6pP5O`Vy{yG9rhrrV#@C*q24Fvus0?&lNGb8XU2s|qS
z&xXLWBk&vuJQo7bjllCD@Vp2-9|F&hzzZVqLJ0gV1YQ_{7eU}f5qL2KUL1j!MBt?m
zc=-GBd)~?*@UjTJ90IR^z$+r~N(j6%0)HEUS3%&_5O{S2UIT&GMBud$cx?p!4g#-(
zz~4jQbrE<y1YRG3H$dPG5qM(+-UNX+Md0D<!0-3P9D%n$;H?mNYXsf~fwx8A;akG*
zaj{3>9T0f<()+tzX9V5_frl@{zw3doh`;6G>)dbN1A+HK;Jp!e9|ZnB0`H5!`yufD
z2z&qnABeyQA@IQn{6hpj1c47l;KLF4M+kfb0w0OMM<MXh2z(3z{{(@LMd0HQ_@@Z`
zGXy>!flol-lMwi11U?0UPetI<5cqTiJ`;h@Lg1ex@Yx7_4g&uIfzLzW^AY$01ilb~
zFGApp5%>}Wz7&BkL*UC1_zDER5`lk(z`sV|s}cAb1ilu5uS4ML5%>lKz7c_MLg3#Z
z@GS^@D+1q!z_%mt9SD3U0^bGVsK4@1W5M|V{+|5xz|RfP6#(@A!T;Fcf9AmdFXzDj
z!S^49(aqh=3CuhA1J)@HaCYMW`y&Tf>p8$$$jJ$y4gk&<oM6x8k^}%}3NEnUae?)h
z8=N(`!G6Tu46p@3Jm7r71NJ-~u%_}%K@hJLfF%Ifi+OW_0|w3+e6#?f0LB2IEk3aB
z^9=&*K#;&F1PP)6+yDS)6j5*%5I=<=Nzj%wXiK&gf|S61tU>@mY77vh4)$+tAqcty
z*3^445TpzGVz3KAMqnQ`8iOFyRR}T%=LSnc2(kfZVB60SWVZ>NMX;|qet;k+dH~QT
zr#T36#sgpjxD5dICFcnM(6$R11i8rrfU}Mp*u&kvL6D~{1bO8_kRPx~0N9@b(;+Ar
zoE1ZkASev%=V2=l6m<!L9-}}|4Cup?90+=r2|)><uZdU?l*9)?sl^bK0rs;TphK=8
z1my!A3k)HsxF5KVK&}j&Z7aDT=+##UdaVQibgBjAYO?`=z3PFkO~3|C;LO$p`qGRE
z5DEZn)jR`m070#9A*db5w;w`KhYJ{DVAn2iHtWF$0CwvE`)1E42<ioT_Fe-xhoC-Y
zfI9#l0AL>U^#K68^#l71hys8!+yLnBz%T?25(9vG22BA#KL;BCW+7+@Os65Rw~fI7
zA_3k3{D7c$;s9O%V0_-SLC`oh00)3BKmfo50MK;;l$($S06I*7wkBEuHXvw{5&(?X
zB$!i^u>hcs$t4JSj{^Yed2a;(=GyyL0BaC51;%a)jQf-sz+-?n0HD9qU~Hzj0n7n_
z&8Eu%fQ~a*0HFUf+5lj@XTTX|W)gxR3O6ffb0iRPb+Wey0Wtv6#Rd4Lax=AZ2I21<
zAoO!r2O(b3|Kbt{UITc@L9hPxz?(sQ{*@L7c}QRmBLUlk=fAte0rjE+A-D+Mwg3JS
zM;OS&{Fj$Fo;Kzd@Y27ZJ0R`!_azSQz+aa*#Gbz{aS+w~-?+%ZjsEK*r}bYKITi4m
zx4#-itn(*@v<bQmUdEq*Ge{)LK%Q5Sjhmm1lY;|hZ)57s#mDng_}3TN&tc*NQc_6f
z5Xr?NL}3NO(rJm^r21U~a2W)*5(*@InUpmV2|}~p3H#c5c6<ykjqhyY1|M9w9&r49
z6$HJv1yc;*-&a9U_pjLj5rclYfqeM$S9x?Yv%jy6+J5n1kbdT4{T2RB!;|oGKj#Su
z|0n;KJ^nlU{O13YozVYf*MFzMD*DstzwQ2?(*LQw|F`r1t^a>&@8A9TPxAlEd|;&i
zUAzB3+V20n5C5|s{PiCHo`3M<|CiRwf4sNg82;yH1Ng!N=J%g#xZi2Op>X{3`T)My
z;DO^XBnNOE033II{@`H+LW;lQV26XiaR_1rpaOu)z|*t<;5Y@*0eAzz%fs_Y0gM2s
z|BA!Y>Hu(AcpMIR8H6;_2apEG(VuxT5QGMflgQxchExUs+Co+a>qG|#{Q$tx3klSZ
z@&bh5=!o0`LQo%yF9<V09pG4o0u~FTB!Gt?eglNLfCoow<Z2M!1dsxN_bU+qt_!@c
z<N!JVGys3;h78XG$GM++X@K%Bpe}Zx%QT2z2k~WqMi7qyVH%JV2YH}8(l!9F2@(lt
z{}ANkf;`|BATfZnH2@lrGY32#;J~pF36w(tHb<HP0DV9n17QOwqX}>i<OPBd^ce!>
zk-*Us`74M^0+{~dAfVSzJ>g>m+C=UEa_>Q06~GCkD?lg@IQUp!1@HoZj~`qfj!^($
zr=NX?+W{Vjk0m?~fW!nsVAr2%c%B#l4B)p6D~Q8w_Ln@$0f>YC{j@V&1}+b`BRmd=
zGyt&EPhH^pC;`CB!{czkW&cm6;r#)6{M)^~<__FiD}Y!4FgH2+fLqHCU;y9-0C+B7
zXD&~GOn@d}w)+4%0KEX;fLja3isv~%JHQHXYZU-o0l*yM1>?kr0l)~L2w({S<|tn+
zz%&4`s{j~RK>`4vqhJ7Val;`<0uxLJ(3UjNPj&#9GXc1`;Qdo$0k2*XaB;<fiyH=}
z60ozb2XJvu!F0+3m;+M?xB}*2URZ*8U<2MgThN9bm|u>s0hYk@;RFDEa@qjyEN~f|
z!P(gP9zYGiB5-e!0qB5Rs{-%<ARFKWxVXRuUM0ZA1vUw&2QDtKL9h*QanFEzn+pKy
ziy{Fo?j_*jJ_assA#ia4pU@0mOMKwsN&*)b*dwD2xVT_G<bpYr55}ax9Jsi^2Bo#Y
z#We;lt^in$j)8lt0|0cY1?6fB0D!&ffv!zl0ALK7mViqO^ly#=Xa`t;pf^as#RX&7
z4&*zK0la{F3+8!O5O8b3JnaE?>jCdl&llj@0zG?y&HGRR_yP0*fLtG#2Yn*|z;6AZ
z{sBdRhX9~I0~5fVr2voxum%AA9Bc(x1MV$40O;2k0|2nm*gSA)fj;lRTKCQ$AP=A$
zxU*oa$AtkvU&kW>W`QdUbe#a@CO}&gK!=GO05I+oyTF~j0RYBp63nSdFn1<F9h2L@
z*B}G{^}KfghzIBe*aGe>9RL{jDX>mVJp<?i0R5c?V>2xXU<(ijPz?ZdoWTbG{h!eT
z0OLJV2Z2fCVeW1MLR|-opCO1s*ARcv2M(mGiL<jkJmdGnYV+%F1N24iPM~p!+T7%4
zVPFIZ0$!OV@XEM;dSxJuY3XWV0Y)^~0Z4%rtq2|M;v(;Z%;)CSY5CejmMPfu_3a(F
z>jq<mnK`*yz&QE1VXoX9d>k-db5lMO6F!h3&jtk8Z>!13vGTwq?nnVia|<(&A?4)k
zV{c*U4&&nB;AZ9G;Nk?NwY$5s5Ieh<mlqq{nRT)^ab$CHwPJ_2!e;I6U=L)RoZW4l
z9NmOqW+tX4W+I$0@XrJAZEj&|?__2t!YRZd!~rvLG_m(_vk>9%<`x2gIar8*e?`FD
zJWN516XxvZ^XuEl)m(&=jRO<`UoZz7ZwqrHczqylVdQG!Xa%JCU}n~?P7WqUKa0A%
zTG-p$xB&?PZvk^NcTkU+ivviSTbP*NcXG54;o@ZB<b+w8xValSyV=<|!zF%I;NooL
zWNGPU;SR*ztzAI@HxWUYy_1uji8V+V{pL7fZuT~2K$YJF2h7p+XA@>N4kqsK9@sd#
zTe#Yr03pDe+IzT~_!yZvIXIiZ>ox=S0T&rIj-U!4=xPF&v2-<Yuy7OMhM5{U`+&HO
zxd<1Co0yw8!#iPWWNKpq?-rOh7C*b?Wnp7w?QRP4oSZEjjjWuULGCXS-X}W?A5gal
z7ca+OQ6q4@0Fp2_GYdxxGY@wW9uBygt|oAcx>~qdgW|4cB4)0ZFbD7l4GS<jFpv=8
z0=9>_z?B!_U;~rK#Tj1F&(OqMgijC<ZtfP&B0Mk~XD}vU^udsUx}8n`q`1L|yMUpG
z4<!@`LD+K^k3t~Ai;atRZL#Lp?kdt3^M0JG+ZGYh?`!w>2Ry6kHXl3(+YS8V<UPv!
zNy?yL7mX2u&LIMVd~-im;`TPxqqt9#R|b@Y{BkHVR?yJZr|x9yWW`p&>c1@B@bSdS
z%`JXf$h|dl9d+o{&Z*3z^P#lP#kUlHk2?b|=8N1#t_oorhZjfF30+28lADq_9Fnho
zw$-*jrS-ZcJKuM?I-l5JU$*#}>d~?uk!vH`=LE%%A#GAqgG?iI(Q?}nExRI95-mkO
za-qbYeMU=R=Gf0mJgsL_?>{Dg7LMY*;7XXQsIR6jQq!vXV6L{x`#DF|lM6A<XAQIU
z-vlc}S+2T-A3SA9$#k@nj?W;jm!Y{M6^eVguck$d)a(37gYLz-SRS!VZKTM%4xLga
zws6g^4%(-q9gQXWchL3gww_n31@k$HWDYjps~M!X*NI6v@7q{eJEmKYlIFwMD0k5!
z*CAi0>HK`_eb&hmU2l(Xw@YwdK`(aAsOdGk-r^Ock?0=MXVt<QmAK|MJ21(B?iuUv
z%ZfI<@tSgteP>Cuu(!wF3w<l2$1rKH+B-R(DfYEu-!-|=!wpz;xvElcNk||`d(g7v
zY&^J~-t}#o?RBr=#%k-!X->|=kKe>5HfzXdTeEfY#y?yc_>xV`sOhA4W1}OGe4JS_
zO5zmH<N2WgV?`ldAe}FzcmZFZ+r#kF+{p<fU5<5wCDEmP^FU@^O+w$<3(}7atme7w
zN4w7o+XHia7FD|Mtq0%x5nOwU5>dixS=djGZmxRzs!^Ky>LWEI5y|kLn<PE^JInXg
zBMQe2R|<8}9w4^_N3(yd6N*1Pl@z3lE6NY|piPe%+r3)kag$l_I^~<a9ZY&v|95h%
zI~T`sVi)HX2D`1Y0a%<2ca0r_OFk+X+!KunRGEq5D{!A0hsvj}2CF(3j^*KZ<Mk!k
zWsIOAPf!%y);pcX-l1h?+k7&+UlirYzD7HVP0^sP`2(_O4z1Yvq986U?aHjYWVMn`
zL$TC&v?lq&v|nxm|6+db@ogdu72VCZuQ}86Xf01YZqX%vj6x!c$*m)Zp9_|^T5s1q
z@19itc=J)3{<@r{Vu<yM4XJs@@)xf%l<W>I>YH!m!d!a3?xWqFmOU1vd^IJqt=tjU
zQ?7$K8F90OmSB2KU=?$?IIMJS0Bf1K!aSpZb@^t#BdIa|yC3Sxj<-uH=DIj`4r!^{
zUf#Ifzc2_{@2orIU$=~&y<c>N?*>JAxVJKq+EZDAZPTIzHGk~5L<RDqSP?o0F?K2@
zpRqd(#27hT_K8PxEuOypvqFNYYt_0ug%=9i>KExTSn-u#=GoETNEiy>25}GjDVg8p
zkodUP>HFr!v?NWW?FgNLNMPgQHP?YY0io7&UWGmGyb>}Dx!Ko(1c^+EgNsHO{0=%w
zXHtn|-6(jM&i09SwgN2)JGHf3TZa=SDclS=Q<<xuDo?6qV@(7<A|6dK^=D6hmWABP
zU!wbczrooiXPY&yaN(t`BBjV(ZHfTW2ztwa8xz$?%qye%K}=6Oz0|91(u}3rRVg0I
zsc}VB<&ftyw-d<eKX6oy<?IOGcr&?JgE61{Tv+s(QWHnO*^@doe*ION@{RBGif!~`
zv*kZdbb_My{ojSz9S>Zb38!>Ai0kiA;749#vfAsyWa4YlV3N6Oq!y)<MY=EinT+D{
zci2vT<?bN8P@7DyZJt4G2(~1jfSXiJkhbDbMzQ;qlJ`uP`#;@#&_(rTbHT^yt7LpE
z2IhSY_Y)5)7$y?$H;nPT3-FvTc>CWXs@;x~qZrpdUW%LjI;$XUw(2YL1|z;)d7Ri5
zO93Yq_G}fs=YnnEGg<*-xc1im%`#^FLhFUT%M|n*j79Frsw$$)>5mAC9|V3H^b>{_
z)^52j&Tq=N@?>L(&iRwC@G-I8AJ9=9GwwggW)EKtDTsCp-IV?E{S}MJOLILO&k@SD
z()mMEUhF7jhdL&U+IsmzHMg%Nr8J5KS(RLC1bK}kUn-DxMBI}1$14T$#oh54W&+Id
zU(Qouyfw|wcuHx#%zRdqMC|PJ-s_@KAo*d<;a8ndm7MUWrVFV&a;SdQy{w6L5$x(H
z`OoE1%JbN*!^8}XW%bJ^_Tu%9Z7)>u#=p&CAQxgQkI{rW+QnE99{BJ+J`*8hEQXQP
zE9Nmv(Y9|j{m?A6<B{gM<c0k4WATIM`mb+x=T=Y?>d#Mkyia)SpWj>Ey#75-i={DR
zCHKiV?}JqyRpOU7cbVROqe@x7@ajv@O3#38%VVIWX<y0ICCl8PuFX&3Tp@~n8ZgSH
z(q?B{d2_Tdm!j&E7<V%{vG;9iE~R+A=k_~a>oAdbo~(2`1t)*1q-CPoPA<Mb;C~T!
zfa$Z+I^%fXXq%On`_yURF7avL8<eXC0ZcHRdP?iZ4)4)crk)S4crxiU5ArSV2Gk7h
zp*|xFIpc5nvbJ`y&`&Yr`$VdW@wA)W7R|!YQ^jw0%W+%sGWzX_RJ?mnVu~S>FuSgI
zsElVZUW|1!VOBZeT8yWR5@SKUR-fg}D~B`W#N>Ud9;elB(VXv_PpXq~Y#ufY9c;&S
z!D{HxX|6m|vCA^gh*V(RraCwfnuaVdL1vgGq$C&Q_~o)80})lPyK;%gkKSnN4mr39
zUZ5LOMJkTYPm*oidf+Rlwb&g-PcIu(gnWjnk+EAT`&g(wV{FR<-|+sWH%9yIipUQ*
z?x2g!PEWCur}XE1!|a}T*YT9UHKMxQ=)ko8@WI3DW#S3+cNzQl(XseH8$ZiZ$FAZq
zP{4M=s`8<lzVgBwV(Ah><CLQBQR;D9<9_a3L)oi`go9l7lx0Zclb4UNmRUJwn)y8r
zdQ}Q~KR)!dSnJfb1(J7#&sIV(M1u=s9u9d8D3BE7F&#KqRA$Y8doH_Y8$m)Cd$2-3
zxDl&BvXP9eZYbAryCLWLbUt6bS1aQhbj6CHiSUKgTIP$3DDE64*(SsET8_n?Z#Ior
zd%7bvLgKL{v#~C&U18=7XJl|LG{DgA@G7=kz~72<{G9hbCMuI7J^h|T>FFioTRbE5
z`vSCyw^|CvDhr9QmDCxoiy5D1XfN!CFSw*&>f(AhuM#k5bmtS{7Nff7NpsZ9mCjeT
zn`JlLbsBY&vtc&HX`_?>{slE);0b4($P63WF*{3_`)fiho3eqbAmM^tV@204H8ae>
ztu`l|j_*~za$XYB8sv1uR`=M*kYwJR_PzORU}bY-XNY(GHv7R`ouyv=kK9m^IH&o(
zGwg_3#iNlUN(R~KfJr4^S?!|(XNt{z@6AHX$Q}^`uIqc0GAJ}dnhn+LoSXJiEobCk
zQ#Kd#@@o=$^oyvzf0Yo%(%iRtef8z;gOdQQpj+?A=JpxA75p|fZPVQ{KCY8|6(3xD
z?sB=b`jJA#rQWN%(Wn9ptFSUAi?k&wQCbRXoFM4BR63fj6d4=oV&9|qjcgl&L9^31
zXQ7wakrDHk+UBHn$+MzphJUmf@(!dWy>|P|6chR&fjMnrpM-4CMmDp-z+9c<(uT{-
z+xuu_L%dvBLcC=Y-%ZWJhZQ^Mg%lI`E;XGZ`DR<5^hyOhkWO9PzxhNT)~eZS%w<9H
z;gx(d2U8yIHjmAv;LL)1s71W(6tau)9cOow>TWhFkKEMK`F0UW|1{GjwiJhk^MJDa
z{YBT_i*m8P))SG-LC#K>jHAAG_S_RVYEpXESDt*yE?@O~;j+b8U%ZI3?J7#?yWWW*
zWzI2@yenxN49K1W+32V*2KrJo^9*99(eVV?)aW`y;@VPN3vHY$vmC|G-LQPG=l{qj
zuWkrEpEGH&JB)PWyP?5}%jU^wW$>!U(!!nGhivgShy11~O`)P(s31cnH_Z;#=kE^F
z#4caA!f8)F(wE%&X7Z&?*_g0=oc3XDjc0p_q06-n`=M=0J!Mq(DZ;ggJ#;SU!A?CV
z^8Q`L>nm{|TwkMh9#Wg2Sm?w2LU0Y9_6KK>jHO5{`6LKEZ3+E8u0Wsvyn1aFvV8&j
zI3)?8`v4Cf9N8&cfO{$>kxEAvY;-=Erv{-Z;|A?PZl)Ipx+fn$AEek+umySezqHws
zcqJByap|~(w)hDrkqP(RgnTwj$$<SZo;({g6}|j9WVqM+_ivGqBn-2SOyC+ms&O>9
zjDTn)G9@K3FCYlx7EUMHJ)5tVaqAEslR?mumk`!~rq>@qVx&wHX?!4vf?QiU;x92x
zV*9!KPc9BprrEDt2r2s)`zOy#BGsBlSwi)ECjTxZf<L;N<dxU{tou_CYmW1Qb<(Jo
zZD(lb__w)LhhCDl+gI?2Tu;~zTVL<(9!uJHDMajgQ23HeBqzyw%u-S3=Pf@>X8zDv
zwA*B;`X*~%;qbZ=6%XF$KaG(}WQNHQun@u(MaoV85eS7k)HMeEOC_Lg-oMlZw!lTo
zERZIEmxQ3Xz<(7flSnQ7(+kQWtlJQwS;>9tdL$2bt}?y52J!c=!)RC(4Lkkzd9V{S
zGEs#m1yR(OXRi0$et|}JE2KzcUFSr>WG5aCrd&^h-R_VtEn)Zcpm?X`!#I=UQjU5J
z%o*3>E@jtllR1gf3&*dgS|=yg^_4&P#FBJFZ|!jIGH&L2AMW^jo9DiC>-z9e9nV7Q
zPBv!4K5xq;2JYy6R>2Revqq$Ht2E-!-e1~-PSHtZ_Q{a25d9oEpE0(|HN(AwR^%+Q
zVVj03!^joX{R7oYf6PaQl=)fur}0pFWiof<PGIWznzM2d|F#C04PSoAK`&NdSlDz+
z$DJ*IY5}&|{bMU43{x^lrUO4xH=h3;@y_izy3gcVYr3lzILfC}IHd-dPg{nMw-pRB
zDl_}6GpC#yM9mt6TbO(g%f{bv$vn-vA;hPl*4R_hukAN_ttp6~r(MUz{HVP;FGDt;
zsjnkuDOxdgT{bl?N{q!#DyOcQjdQzgZX@N9e<m~UjbT~*zK472!w=k+Z&AKnXWck>
z%ta9B7tf_+qH`tI{K1<ADEHr!<Elg!-fxQ`eU*feRO4Ym`j205&)lb$a=87cmsgOo
zSpTwB6bwSKYa+jC8F%+m|Gy><3@MBKrx;F(XW)3Mfo*JjAn*4|eF#%*?;1L#HQApE
z-6hg^{+NxD4TTJnb0eR0bSfOyE6Yj>anNSUZRC`hPtfsFd;9V&X|?I$+2SoVwrdXu
z%?S#)w_GycCq*BIvAXy#24H7YwYaGlR~kRMO)kR0Fvy=)!zkP-Rr^TX;DG$3Q1~Qa
zRExR#yZrdy6NN@1O9OP9_~-l|#5Ht=B)6@2-)G<EMVn;qus``%x5$vPT%_T%3ghVX
zlE*^U)k=F9uHO-%^PlbzB4xS#lt4jN{>+FxWJi1TUv=n7q<R18FqOCJF_Hr*rQADX
zHL7+)O0pijt9ZTp@<05XJBObeG*$7oRJGX}-FWa?y8MSid`A8A@lL;L^1VtSjp<7@
z1w1jR6&6BBbCSFH_uoFQy!fLAxkOgtpMDMfNQLZS0^Ru8#kA=E(gx^T{ZD;q{!{|;
zYX8f;KN7bk(whGC1$A+P5{B{WNAff5#T)Zi^497YI26kLi@v;;bmo1MRJN$|;KzDH
z-FU@h4#YI%^I(7K(_1M5zYbG1#wK_9e7V*?)n1Xvn)#!><Jlm@Z_E7rG4tXd0ifB*
zKQ;Tem4U>Me@gt_FPKEy!rxjW4a8O<$DM_WT|QZU%ZWcX()#ar<BCM))&D}B1q5|6
zMgG~?|6QF-v42YZQ3q)X?0A3FAtvPF%SGa=zIrTGH}vL%>R|kM4*&8+h9t8K6&ef1
z!`X^G4w=9seh=g{W6}2XF^p;6l8$!+ey7NCnMq$y!<=o0*!-qSM$g}WI~L^5f@+Xu
zm6|$Ud@8rGvAg_j%izIv<UObM@{fx5SJjYPWToVcy9pZ92bD)|eb`8fCoX>6b|-5#
z?Q-IhUDk^U=M8GV@nYGXPRS#ZH_k}WZqzZ?7IU>ZT^c(-^qn2ebSYlM-xHxLejPsY
z^lA0oQ0S@Dy&IUvQBHna)K`oyW?3aK`z<AGJu(<Pa^w`sjpU3R$0?@wXi8qJz@c@h
zTtO{2Kcv@hO6%b3Qw^}Vs7Ndw5Axn8M%5E}Psb8by_rkqbg<IZWj{zNP*7sOjbWIZ
zB>b&Ldg7Yg#9l>E{q<{|NS{ha`0+9&ly71M)ev>R2ziXNH!od)V=J*^!xeh={B~xS
zS5AVdG7_m)YQL-SdHFWkyF*f8-q7=~Hnk7ut=zY^tTQ%l5=P>!DI8LgZV_!%I}uK#
z>DqLK3R{ec^HOblrP^iHm*xw##5H3p%fH0;mcm#iUq3!c-KbiqeLCo77al<$I-0pu
zXLTLQU8^v#$93A#%Olyjk^A>5!vxM7zb6n%n9|#;f-)2AdXe$|inOgYus~S-@aGug
zo}gu?*}Y$L3UOwc{Bz#?HM77bCjmcxz!xLToN-cd^aU#=mvdjAtS=9*=~*AsxI~CK
zm?pb0vis|x2*_I>`l)G1&!yG+Ms?O6IGIP^d3@u+UpwIM#!xR1&n(1*M2-u{b329>
zo)Tj%pO{#V-y5P{xIA#s$emdqec&Z&h4Sv(uI~`vT}>pOoxUF|Mzw2aF>fmF;#cf9
zg>W5J@u_fhH9ZO^cceB;w`uCIT;<m6dVGd=^F=NF)fFe|A-{Akfg8P>lNqRYeH#P)
zLl{tf%Vej#F4Uj8nS7WPO7Oh<v?X~|tDWc>>r`oU6ZAb1)``5H|Eg)%{5+v&tmf?8
zidmkUe;TiZ<CseEOjtPVDwjeyOYzR_H7ol$G~c%(>0{%ep$W7W`{5b+D9bLqG1k=S
z9QR!mJ?hNl506ELFHR@s6>2?q(;^s*k{$7O`qx!wZkH>+Quf@G@Q<G(EBjW}V|t-6
zcI;DsCSxWfXq=V57b5`E?HJs(>b5r5QC48XSNm~6J~rqYAo6N;{l~yuo(%6nd!?);
zuJyCH+dZ$;DZ10wwQ%xdJQ#6q%E&8fjFd_F-1O?}C0Ba2F%h4H_Vh<Yl7qenPcBDW
zIcMWH)ccI>s(R5L8ko+=Hc`F@_t;Vh28t9a^pueTpVIZNiZ9Z{)g7o*KmK^L6NB&Y
z3&z^KZYI?`4-uYV&uR|=#he!lyOQHJ3N}UG%A0p1jB8hB4?EEvrtDNo4j*7{)8gi5
ztc$$OTccRPv7hN*J6Q`gxV^fet8djLbv|+UYT(g){O(MZY-9P&CsOj(eYqHg*>9dI
zT0JRclP?ay4^ypBbT#x+c%3K`)hO~&k(>Zxrryq0Im}-Xx&6ql<O8en6P;7umc#+8
zx^INi1A~@t2yWV9-`YkpJD~9H`AqcX%q}dBn=S3c@TgM%u2ZjY#?_-AA5($?>qiR~
zVo4?*s5sA89-}BW7d%MjeoVZEDNej<;MtIc;rxAEo(C^k{AB!DbeFtYPWX*ZlcHXh
zhRoSG;f#(G=de9fndjLz$7QB?&_xesFT1z#yNc07G<JSoJ-WZJ{QBVCJw~xCBtq{o
z>zCoPsIY>gY2lmbe5#w>wADy$%?C0K8MI?N0aYhMb96r44kjOP_dFTp?mnNs$B-=U
zsohVcSEc^?U{+v)w9&u$R!D&t_Q!pf8nQ#>2U%N9?-WKfG_cDV&bI>zf}6%i%x-7$
za|tB9SD}&=cBdpXEt<G|=R>P&?bn$T-_|$k1#P_BJ1o*^D`DCR$enW$IghoYj}+&q
zmC(q0&L-U1K0eItj%h0j!szKL(zzx-sFfx3N*(FN)9mjK+*jPr@Wz$d^#$=viOqSl
z>7~(JNW=SXvObRRAX~E8u8I<H3z<9PiN(>|IAj!XF=8U3nv!nxA96%}<Xnzxw;tf5
zgKqd}tBzu1{Js}kgAv{r*L%k(biRhc{p-mwcs^GZD+qjWV%5x1LxhxadY#I#u0D}{
zc+Uu5@93#mP?3MSbPbNrj({0;hF`p13nyP)In-B5@b#ia6UMT*DJ`|jqqX-wZ^~ye
zEiu$TtZbg6>g+}Svg~8)NA}TmnZy0sZXudml%A<kRl6i6+kDs6+*NCov6rwoGtc+b
zrxfVit~p_$-T5BKQA95mNArz>+qqYGEKPywM>j(=R@|dp!Z}Ya73*e$L@~c2?(EXE
zqx;PdR8@CWtFqrkXwRAnbcYlbRLPY}ZgcQ9dRn}V;q9xRVj&fwzkXZd<<WANy<_IV
zcP53~It|D!pV&i8qbN@-G~SX9WD09(l53XyUI>w0;QrJv_W?7<bK#XZ0hUNO)zbl}
zSGZKtVQ9x8lq=~h7nkm1YsZT!9zF^@N$=GM%RCzDm3fcQU1H_lnbh>tGI<w2biMTD
zX_)<uo*4J1Rt1mga?aAuJl)=$UOXPu4H65)8%{c-vuekwK{*Lkm>?8?l*fbHPpQZ?
zUqoA>p&}csBYmbG8S_}GN~KM^^-b@niAJ8mx#`S;qqL5ik_DrU+7zF6gCdLMiU;aF
z1)O?y?!mWCH17_W2)NlaWx58QYP~3QG<_nfwUbM?qT6`FddRi*-J^MiyUZeMoyLvD
z3Nz<1iKakLfN#Eoh#e)}ghK^Y#^?KCz5}Ys!E4rDVb8y}(Hj}2cJBEEenxqLeG!tC
zzZrcdb1}>J#8l39sW!}9;t1W)=Gv1ymC@wtAsh1KZKBPZ<(jB$`As9+<7qmXh+qsk
z@MGaha(LPDX$4J%M;Y$r0He5Q!nJpqeT^u50_1PswfQc4aen-uSRQqf_kQ-r>C~HT
zU$INaZzrCjPRrFwl^frRH#+a2UCq&kO8TnaH3Z7ymUrVsF1sVqKJ2{}-Mf?@)xyD_
zS4J{Vrt@Sc*Ikj1chd%)NK=l&k=AD=O>#&b)4t}V?hj2;#yd1~p@YwogzR1gd~A<l
z-cdB#BpssR$|Ncwjyw((&hNeA*uoq_%@x%Tn`l!@+Es<EB|WDxd~H<jG_?20Z(AGd
zQC&~hr=hjv95;4im81TwQP|c(HpQGhx$t34Soix{r;o)6M2Ccnbn2L@qjR4z2+~O%
zf1v2cGOi|ddLQTG@qFq;a<I6)!4;xfEIj;j_trzl(LqnfYyaH#k&5B2I@}}0^?2BI
z7|8QkpUNr^tzW8u=nbh{O05!i9R6LC*1FsxJlV6|=FuEs*}ZaOW`73@?(B}%cN7%4
z!+!HsCohA?CrCc;rR5SfG*nxEOa45w{}I>!i1BsbshavUJGGT-F;e}d>mpwlnEiFs
zr)FGi`^#yedwz`<g_=BW$j}6%=bi*6+s?^lyU7DO6LZ*Bj;c)YX?An)Md6nhtv>8q
z-4WH<;`w=tx;V}yCg^2_j~CsUbU5t$tF|i)&P-|uMg&x$mg_zPcN1=`)vDbNxvKec
z_we)^^}M#q{qj(enz95zA1wWujkNheCHz<uasDGS#;-HNSKmu9D4<B48+*BuZCe&%
z8S-Up1~@<G^Q_yTx-o1OPxc*^e~;x|6Rs*vN6OvVK#FpdACtTtfh4IDw6wYb%L(IM
zu@wp9zH0ZdVlkMBkM&41s~4B4!gE@rCpoStrSK9IjTWmIM>QNpQhznXR%NZrPI33x
zqbW<gQ9vxl{#mVKNEy~5&KPhT(@FrZF==`5Ig?SeacMvPWrkVjSJi0O<wc*Y`JXK4
zS^n`!kjmf}Dey6)ZfZP0b9znMQv(a<R+7sMqqj)DjO?)Na)*D`uI?b>jqB3D`6Sh(
zR#$*TFyXg?drRKuVHnH{y<v%!>z(#|RH}^|IM|7KI}(n<1*#$sTf&>|npfVrZ<@>6
zM!#li#SQcy_!j)=MPuIBZkoZQW9F%ZH}yGdP*m)Ok}f&AQTha*?cSGBh9kG)RI3@;
zgA^*fx^U{VEWI@ygCZC|hu~fXE(Z+1nWFAmX^TEhGFALxuo8i>@Bt;K(P@&Z$_k_4
zskU~8RK3~Uj;2v4I%CAb*yQD7zKXua*+Vx83DLmq=ayf)+%IgC*e-PI^N*?H7G$R|
z#lEIvUNB#3Ppo?unw*@WqBMNU?2|KdRj%y8Nk&U^3noe_T5RCMKL5(J?9ys1*E7i@
z`A63%D=sEaNvTN|WPC)(cwVyMbohRXHjxRyPUY@pof4W;rq-qnUvhTLRdIS%5>zSf
z<|RyhC;VgQ)~(azPsLG7%7=O1%ft%uwsMf2ZOe<Vw6PGM5@BCU6K!3yiNwX$$1h7w
z<;8w2EhvMuBzM!E=Ftt!2=8RJ$&o*cy}U$f(ckVD(dDW@Qt{Dqwc7)<L_ASKWRb;<
zl4LjEv@P8?NB;8NFKmgYg2sL00=qOZQcK-o*sg^9R0<8d-F?6z5Tne*9?$;*efnH@
zMewbdeBFDij^R5YB5QegPYA>HL|fNapoW9Fcr5|C{Pm};k4rxt-&8jV?y9f7_NHq$
zAVQ2~Yg*xLeqmV%fi@+D4-&<6VcDdI-x=%$Z3;S5+w37b>u!qVM1BHEqTbi4eiw$S
z0js08sIY0ej31+dlJ76CGbe@;VZ0S1t*taw(EHp<ZSl>&@?ni=jMn+%EVYFGWQILP
za{BogttbOm3?(bOBfPA;S)v4__u`!-Gb-;~<&*4WW{iw>HzMs1yj<I2ptv#d-YVyV
zkQ)zUf1V%3-1qNRM}~bUJE-U9)u%6oO^`*2f;VNjqtbV>BskGTcVG?EN&{MV^G(jn
zyo@c2(cWG~J3-HxHpsrk&$dF<oQ2b||LjMr64Pr%(Mh@JD!mt2+0i-QSS~Yei%u{I
zDA_zac=)pCA&ivcodSkj6k4~43)g;Dh4{)y#|5Mo^hj#?F&Q(m{&3zWN|{fuT(Rl<
zOBvp3KC~QR{}lVl;{mLj93yH-fs8sefvLwcrdsjMnrky}IW=hw#Y`biMOaTlvc^>m
zw8B_@sEux?|L&05bjfCY?~Z6U&1=ljC_JKIEsf;Jl}`l8n9shHq(m%Y52=XPXINYN
zlpiYZU0oQ#Q0YFCuQuRFUCS{JZ{$(Rz;z>e-)h<HKQQv6kX_=RYdC6)MCza*Cz{yL
z8(?C>8y;hjWBbzjJ&|Hj@(Wh0W78(2h{i_Eu1xu^Yo-brjZTaUdQ$$$%%fNAKMb~V
z=v{X=m&*)!uE&$)y2z~DXPRfei2n)6;3zNRrc0)gOLr8pT)_8wjzHnSvz#zL1@<x?
zl^o|MTqB_v^b~3bX;-{8Em%Gc8z|U#j7s)>`lOC~VXb(u+ay|?IVYQ%8RQx<YeV2l
zi6b!{yW=Q1#4wxg7ynAWc=_auJHLjg-1KQ!gI1dXey>tQDjGl2j?{7N)lVmsf^~Q*
z?pRyXti;vrmkK!-a?yN)hM#>1cw2KRu4efr!A)7_mJ`y4)RoU+_rHE;Y#2n3&pW@@
zEmtXcnX~vjHv3vPCGqe|xQbG1?+4VGL>h0*FfqJ^c#Z_YO8kweSLKds<>v;6!$<kX
z&H0z_uEupYYVhw2+v5f<#0gum4c6Wz_4$<BdFkUCi5%P80yNz0i1&EK8Z$@(F=yS^
zN1V7Wzop>(>`H@vFx|l_W!u4VGA*0H%x=GG5Cb_K)BaFBM#Yzpn5oq>ix)G<eWKST
zG`E>GPOi()C38MfwSwKU$<cM4W=ymMT}{`#ReyV!{R(k;Rovqt-^Ec(VZsR*nSv<I
z{pR8?sju8)o6-*1R6Cwrd}Iwdwi0*QQsid#cJynw!DEj?GZROPLGEt1>iQvU1o>>T
z`%2{jnYm3UwK`+0_sls#Std<~(j-c90t@Ey$_?z4h#el57J?un0!A#{ou!!5V52Se
z9rS@GNQa)Ns&yJwWy@4k6KO9LE84E+R*>DzUQ{toIqIIJxTn;f`9y5HzI>)*w<E!h
z=G*wK`)R~G%X-FKrM{B5x=(65f7qp}P~l9}1`lbbQqHHWQX*aF->iJvZh4^hlF#*Z
z`@xdx$)X*Tc-8B8LN%PJxesUQW0?AwgX@I}J?dX^%f@lB$Tf#82@7`PWj9~R3>V%R
zoY^L{Q?=raa<e1w{iYYTq%rg{mPthXvqYx9T-zDL)<8DWewfW$*2{ia5p%&KKByKG
zPqjzRo8}g3?qX1zkuWB5NOEK)_kB0J{;=oS7PHN(O>Mz;w+~#3L^~07*KR0XcS|)d
zRqB{GOYce{mo?0I+3h%K+_r)NLp?wErj1{Wv1K{&_E9<#PH5-Yc>#4d;eGX5zSsq)
z54ECmyHDd2+gR7)D?gvZA}Gty@vgjXQ5$$~o+2-nF~7x~)Q!2Fyltk@9JwQxSWrCd
zt5`e!CDz1Xve^P{c$4^k)Md58YRTreZnhL_l*`U(b&oFZppb}1CmUf?UHxG{Z4<yi
z7&rBxVQ#KXqlypd9xB5oJvY6h7f$GH>pn^CCuC3D-{F2fWovthqj-tj+_1YobYfDz
zu#Lv=1G}%;sN(R7Z-S9?uj#n<+CI(?(S41eq_SCIqId1ONSck1NxKs1wTqw(+P&BM
zmDVPHz8)&N+jj&lX_Ah-InJWgm2bVgq|}lXl@et@7%k$K#yy}N+?)0uZI=GM-WP-N
z>Z=LQlGVb=zVryJNBbu2ntLWlp3pZX3|_2m#Pe>>&bZ;Fb!uRV`o9p}JMFpkh}0oC
zx!)7#rQ`l2cJsm{7Fw&eoH55ooxWJdzMwxFq_;%o7a1PqUpGx25Jli67AdX1_!J&%
zB@^M)>ic5D;Sw(E43SAWA?Y~9R3sDHSO;{PiqsFB-j3zGaUgBt2*1lF6)B^L*MZvj
zk@dJU;&^1=sr*>PM}Vl9+sNQE&X88E+Dj&~uJbDW&-&aa*XenGP<U$P`j<z`JbXSk
z&UgL03w!M5*YjJiaXK^O#HO80r*?YN@a<KK<=ExiwlkBFL$@Lg-=X9#IvI?2b{)G{
znMk7b7;|WO-hY)lpm90us<>5e(J_J3k#@gL;#VZ?!y{Vk&NEA2w|w2mL(F^W-O+LK
zWlxFtw)MkoQUy1-Vn-&YS<v*O9|o?!)Qfze+Td#>p)MxJwjxZY<4t(&2_?}9M{0`+
z-<$UhA3jR8;dmTevsg~HR4h_{mvlnV#I2!gu!ysxL%h@R;6_5Fs(`U49_8GKxLwEf
zE7DnVAES1pj;_4gSB<e_s4Sy(y&gwTmwjPCBtPxs(a42&Ju`C1qGh{aP_%}N>TSxW
z^1MouJaMZGUY$+fMZsY!28l`GjxWso3K^T?eCby^Kd$9D*T(2c_`JUvUip5VrCG$D
zAU1jpMPPKI^oN(tJbNMkJ>;>6CwNArZ|lM%K4rf%u{w>&sBrVvj18DYqZy@qvXv9*
zsUn(e;=$Flc&_Ur@;t?#b<#$7BG1^WA>>G{l_QYT(V{cH*!FZuXY5@;zz~W{3<2uG
z;0zK@m^vy^k{ix6$ru}Dr<&<evv`cP`<J0=G4mb*$yFp(uh6vkiH7bE7`OU7c&(;0
zNOG*C-N{+Fye@D2P>(UTig`@k8BgfKGCFA?^y2MXN@h3b>GM#F)9fOQe{QJAXh>OD
ze>p`&O|JuqWcwm9YyInMgj7iJS=-{qJrq7S5*h^wOta}@EzDRwTqEx3(>L!^I4s&w
zNHHNznu}b#&R!KVwMvk}<9Q!iYk;oiM=%VgE~)N{Jr**#V@KP<<snA<?s1Q`e^J3z
z!wIq*w1H2UF20zE-a5#oo}7JJ3I1O>B-_Qr<|$H4=x1wG6hM0w$vN(Xw0!xK85UX9
z5%lFH_k=C=&gaazTf*V}ujy`F4u?&2g#H*5dQRfc*+MzGk#IAxQ2TyvmkQP%g?*RS
z^H*EX(w&(4>79MDD!5lhV*3PIn7R$0sJSqHU>k2I_6;3V`PBNnbzybwkbE>U=9}85
zktxMsCTBJ(VPVd1@89GReyYCgl@7M<bahW5k&w;k;(&uhr1qYur6A(?UfhU#STbS0
z3v2nQvwSM$Bxs4Z)AR3)Zw6ptUDOd_FAR)$9`AW@Ul%{M$<FY-wh@;U{n{2u%p^8P
z-c=+|_xWztvlX3NPLJ?UxcKfC&AtiJ?`xo73rT)5&C7>$iQrLRdaQ#&-^^`+=UZmi
zExzGa8uBN>@Lzr^3{s;ZP`ym6c~Qy7Zo#`YA&2U5L@Sjge&3rmhai7`q-nGKM${L(
z?Pi-M9mo8rQYU%08Rc#}ZAMqt_)UKLfs;>4_eR}V+2V<oM>)Kov_{vP#MtL3KmWZf
zA?YDy;r#sJnlk#Hj~c{njq9C{+pSA<KQIyL&AT)^4+;yBn#?m8e$*pL2BR<vjS})G
zd()D{whuOQyu5~IhiI0TYaOp#f<MN(a<{IhvWNGacNC}X<9bSZ*J{u%Z*Cp4PmD`e
z(!9)xt5n(W)6<SfMqb3EwPpOcCO0jmv4pJ2DAVv!ZQIFkNk5$kyPm+~V)`=aw2|tK
zz4tArk1S`8lpIYdKEzL*I&rhmUc}I}WjPA95K=hAmQ26ag^EX8m4j7F9Uiocsa_WA
zdO;~p&8N)EB-vS@QQPb@5$EbFGAV{VkrO8Fj4DcO`b4ofKbhHfh#Fh>abED_f$9Zc
zH<$1o)Mb?lWmA0yN(LGBeD#RE`H1e9^}(irSL?3K-}n2LDt3cP`6=7*H?no|43%4)
zSf8vqE3QvYZ&QuGG6;)%8|L-htt3#QYd%*`Y>=DW%<s9?6nDP*Ki@o*EQz$sJjw;Z
zS-;M*1Sj@}&~1~C_tihHzvf$aGD5!*R^IrdR5N6c-Gp;(Xn$m)d+TdaOF60?PvGZo
zT3^noB!cbV3`Lues@{pxePQ(Y3i3yzC;C*|4<e)eTqL(;rTJG=XMdm!(CqH@#E1#>
z`vqC37(Sk{TGN+V411K}BiEIFG=Wio9C5U<PSbvjF4APQjp@?r^;-6#f#;0rG&ah@
zBy|_9Ke6V+n5k|*bSPN$RvTTYm+cnTZqnO3R`qE<k_uP~^0)Ll6FWYmDcdiyW6stz
z&Y5MO;_={O@0Kiib4P06#$RJF-d*ZpmKZB$Zq}h;j$ZVhMf1s-k8(6}C*Q~@pVlAc
zcpfQ3vc`eI`>}~OY^2AgXQoOZp0q(UCM<RQ-p=xqR=byxy<Wb8Erda8`h9gcZeH_E
z0`>)R%kzr^oS8fGIPCI$Exz{;@A+@>AND3<LPowizH+5_dKVMci#aSpHF(U#Yy#IW
zq|;6m*UVloRAsT0tjJCpepw}d^jQ^2`i7bgeXrHXU9HWpVv?r1dfetMXo`wjeR5O<
zgGS!QX=0VDRpg<1<}wTe7sPGuUeOD5DO1WUEU4o(ZpZUKx@B>Lsv;z?OK!iJ_2mz<
zex|OBj;&;oJ(R+%3@bagB#Km5(~><}FS#)H3#NLw%^v@vJ!t7oub%^(mM(ihG`oTh
z8@;CWtzdUMWww9{0jmB&H6z*jys1~`*;EU0`J9g^3hL-aQ}4#mkl>c4yprIH6K|J(
zbGyRptKh@83Cg!ZPE(wl-|S%Evx&Y^neg9#-af0c$VzJzhUz)P{+`iQjIpLOi}7p5
zdz&9`THeGh<WUW53LImj##IHJF;J*H9jLlx(<lC*S^W;_C|?^RHHC^|!9BdXuiuU`
z@%xlH=t6q?s{H7fMyqGtELqbnV#NHObxw1StMVikV(<v0E8ck_cdM@a1^X2ulUX+R
zPW-yr>9NgXH^ENk&g&TymV$?w>-M%!Z*5m<8nYdD2(VBO!B(&g=1Ro6c^7vtU0Zmo
zg!K4JdZb~1&No4nmy@M74<{W6-#-yvi(j*-QyJXP+8>R)nD8BWZ*fh?QkA_jqiywM
z;nRippww%Ed6YaBVcVIajn^fqftj7DqVKFl)sMt}WW<gLUmY!Ms(0YkEA#hr!?lFj
zpc;M0vLFq*%IT1LwlW|%GFWcT_W4c0z=%URXBo=4V9do$s*hv^Ihu!KQv`q3L_VY}
zwqI*vl#ei)07QlQx|ntaS(MXuk#7f|9*tO3rd<lVslw`v-BaLxTHe8AsK5g22H8!!
zC)Ph+muI$U>|kjRQjMr6J<nY=;^#^PziqzodKBwMCqJWP(65Ku@K9ky{JUE~arfiz
zcD7sOuO7)oculE#yjtRCoUlvYn3v_2lAf~-xkL5JWIItTUTr;d*wws$TS$ga9^+}o
z(J>|c4~YQVE-Yj2H;vzJYGo5@(TP7b{$hD^zOayH4JVFM--?X)!(05DhFO#R1>`9&
zkXIa>1ly?aZ)<;)qL;hEnXwX?%$Jc`RnbaEU3cXw9^;S6KuOQC<mn!KKG*({kW|SE
zyoh)iiEV}laeDL5^bZw$ald#YU#Pn#K5SeI(#61JBKdsf%XUm7-j9tnX=cJvt+;<K
zcgT$rX`F&wiC7PQEq6rVZ%;&bl~C6B9_bZ+Y@M3Ot?;hZ5!e2-wH2KuW@hCdgx$tz
zSvUIdUO&Ho_*6whIEA14b)`KgsR4HB*WykV6gPX36{7?EQ)3_6MHXK<@MA56*<vL#
zg-Fe(8#CVfaAID+NZif-BBB7>d>D;L>x2?7CvrE`L|FD@rdG>PTzpK+BN`3MM%&7h
z2D6xj)8p_1=iBnyz^>aftcqe62l%Z;FPu!r83YZME1Sc~_j1l}#h2C0kP%X+->UD4
zdd)VASBHxoOv*{?K|^@QpnlGK^U#pbDh!6P7!%Z9@hss=OP6SM$MqmePK=@12fP>W
zY@!dllg<3npRsg%3z`qG(8=C-rCvjkrYOLCICuAhKuY~-V4cR1%h)n0`(csS0xjFu
z3ECyr&C9m$3foGRDrnNsH!$gD!Zyk!$R_paoXdHKcDwKSdpv$dh1B`rC>;`$_|YaZ
z?InuS^lr2>L9AR4V|ZC}Zf?MQj-FpHHuOqToo6`acj5@0J0Vx>xIKt%s5_&b+7q65
z9_C%aA1G<(Iw})8q)wX;)R5${*_{ZqN%`C<s7qFLX)20;W+}#9L}B}f_(jnwsS#n^
zz+xV@&t<3NAyvNTJ^|4_o_NpmY*#W1%qbJ;gU$s*7KB4DObywJS9LH<=7$x{^Ibw;
z9=hqs_kW{y<q=McQ>BSTIw$GBwx9MYou212+T|BGY)X}C%B||d5ek@gbSBKLRr-&Z
zY868I>roP)&nhRVT%Gt{7{N;S@dJ7g-Iw;(z6C*Y6qwfqGZT4zn`4A%LhNJKtRTqY
z(w(}~n#`U-0_3_ddG3(+o2E-Wmv0{3A3$gF+(ls<9xD905!XY|nT7vQ`7Q&=R7sZ@
z_vqN}zJv@K)x9L->pXV1I1TUfNfQKheGY-$vsKWX{Ie8*e_*NoS_%@@A=0+c=>D<V
z3y-O^M<g#fYb@eeW2U!^3SyC#bpl(ip30VvVq2|W*0{aF{OWv|JmQ!Gzx6Y2#+7B!
zIM`5gF-QIzVX<H}iFQ7}#E_byIG({~A-W9Y9wF}p`frwld<idnJ-NFJruOl_8I)bg
zCd3@t>Ea*2U!2_P35`|Z*;Ge9=2codX?*(L)=j?Rr10S*9lI%+30}IH4KANcTzLd7
zs{VKF?|wHU#om6BJVN40b>A-1UaF@<;SRASi>laeis^%@TpFI|EmYpG!~|62dHI$a
zN6s`SMzHqHIT+a}*7t?pd!>`_&NS|5dA_HjCR%&!`ekvI4k=kD@P*{gV99htzx{nC
z{%`6xNOs8BM3xf1i2k+|ikC#17TI5C8<x4aOe*`TMPb?t%FRdaaVYHb6*xET_fk39
z%<{7uX2;CZGF9sht~sGZn2f1qxt6}vg)!ecF+8<(uk~1VJGj3jG}#njY1}q4;dljH
zfpXt05U|~vkNu*Zy%3s{SvsrW8-V_RAJf)y>~&+=9n#|m+u`hAS+zUMzgN>zzG4>7
zH4kssYSS&5)DMYmwlPUe8h$Pl9+#H*Joh^Ne%@VKSEWH6nyc<go_BqXv)%bkku>?k
z{0^)YzfmNc1xpvwuh>LB><aGoSn_VldU)+d?_PQ5n|JC@`Z+0lNmDc19j7}LGc5U=
z*^6vL1KCZ(SA)D5w;o9nUv|Sv{B{M|HO?8g*LdpIWayW5hugKoj7A=km|XVZ^8}c=
z0TKDGxO~|by1H`KV{x#)S&oJz%*y%#^Qm-e+#Q3<-IVJ=@qt-_68zIwdM=6SX(~yL
zTzOoQx*zPKFDL-HFbhKjdO}<eKV7)#2x!#K5H+egOt$BuW=t57@J{mDXqr%p(k(rL
zB|m!;KrFew@Zgj?olbppS;6xm$>mKh>WF;<nA*X+vqem2D*UegM0%;(MbU$`=Jckf
zgm#X+jt?J*hF63687V{X<mYyErNc1~uHEPTrmt0O|H0k0t=m+lM~uZf>*J>8#d#lz
z8fgh<jsWfK6_}Kc*c~AgGLz38m}Lx$Nkc+>D<@Jtw{Lifm-Xq~o1G!{!QIozqn+Pb
zjH<ngqWZFqg2yjjx6m^zWO7DWnX;7QaoVa@Wr7c(0kNq!{b}UQbSC~|?HmJ@k==J>
z*isTtSKO+LG)??orKI>(V|+z^bb9CE>=5?nMPi5e?TTO-LnSw{ajG(<-nUT%k>pHm
za*+iTcGK;{h9_FCUV&d#n3~Lmby+*a7*DwvGqq3so5k=IZbbI;+axW=-;{q`c#Miv
za1k}_QV}1wsyT~)H~hQwhlc4*=~C?7DyjxeIdxKAybo8eo4qULeV@V5&i}@q!#C>H
zP6+waQ;H@FDer>_BUxubpJ3#PZ;FYZya+?M7pvk5&7^8pJ01py$dj~fdfYvw=8uR-
z=ORzZkJ-Q&<I*|*zqtCwFw42E+p=xjwr#u1wr$(CZFSkU(S<JCwsHHO7vFQv@9bn}
ztxRRkF-DL+X3|-TQ+<ka`*8X%Y?ypq!S)2XxPZfZcazefF+;PNvNfZ~8m$J{^Q_98
zjn_y@*?&h!SV5DV-l5{9Q8>b4H~u|2`^OCdGX(P-MNxVFYBM=<DEfm&_9rAQjxE@|
z9^g3tK#Q+1x`BpmDH^#|Qsu;re>DHuyqf@*bow2w0JTqu+1{nP27ZB4541{%1D5)u
zR`5L|TBIuc(^NR!OiYDg-H=Z&c9v0I&N~KZHlxMclBol@oiCT=J`X5N8ya=U?lIx{
zpqUvX*3Y@?+zD&7`<I;H)Mwf)s@;VcFDWDJW0-&iJ(+f4K5m``e-LsFCvR98XsV?K
z?!3>7?W!}5`K>z=vsw)kSnw+d@hlsld0t=QO<5wI$N9(aDbpu~A`I2^1WUD}0JCp4
z9sP<XArO{U`HevVM`CUmQs7Ta>6<Hr4kfnM%7rB>8y?wk8<djJwG=GMP2<J*_Gu3i
zO9&hEUn&89#$wXeFl~=}Bd5Nl2ahT0NV>n%xy9#x>CH$#&6!r7h8E|)_HV|P?mD0r
z*P{N~t6g4V!2aT=<2K{$A~jW0hYiI%im+$e8TA$g9`i+XhM=S6HM#3GS$EgilXJDF
zg1lG~+n*jiDcxnFhb@&PIQqjC`{xk>&;#Zr{U@hzbC?07QXQ^E<QM?3?ZoVLkSrSo
zO7+;(Png?BPL9hf8U1>Q(Q5na#D7i)1`*6k`*+etv)w%c-=d}p;E)=02TcyRmm|nu
z-2DXje!b}HtRp3hk_Uk596MsQmr!_*?U@FilFq^e`~yvx5+kq3j(gB*)cFchR00}c
z%ljFx8pcRMRE`(!Csv3o_C`WD-A^9>1RDZPp^OfUH8q$GC4pO}meO)uHkHPSwpgGa
zzAvft6*SZ@)fAY~rs{=tt3;w<Fxa(%L}M9t@JDk_qDh*&lIohvkutP`0LJX91fR6f
z*@i<cQQv-0KopQOdX8q;SQWUxxQWD)sIpMVH0Z^>M`P?P^f$tcrBZCu(2oun;_6kG
zPDgBxF3DwfmvaL;Mo$Y;HL_$9b_bV;!W%MEcHg-R++)BRjJg1t2{?FH#ja#802g?p
zm~US?Ryq7HlpMn6!LhhGZr62o0obzSI7n%$*c(o4cS-Z0Z84HMlTT#ZZP}L+(L`}^
zYet;jgy!@?n4y2*U-I|C<QrY+H5Pg59myL__C*2IKo7kHf<lwhk^4$Bay9cbh{+#y
zOP@?^Ve>T&c9Y@bv&4mDa~6vqJ>%g6#j64=P~3{2OyE2CWZRpm=G*(@ZEXd>$cIZD
zQ(y)b4xRSmcPutoG~7$D2yx7bC(Ts(gT!$UPRi~>u{6uP8_@)%mFrQJqX`BvPxc|t
zT>uA0`UJmYUEVa%6T+PXgssXgRcQj7A|CU45Dp@I%rOSdhiji1%P*?)S<yXR_<?pU
z&89)uMp7B=*q75VZ)}ok#(|=aa89E;@2Gk7GEnG|*93zX6@V;`qPEQi)meHqi%jc@
zG9>k|z`cJR8<bnk40=8vHbNaU-xoKKf@xuNA4xO~1L3}}!?GJQ4)}ob<Fpp=>PK9f
zbO_W@up~Vr+Ki>>`46=pB=!JZU6i43(SoN@B@Hqx(BI7!!Rg6wXy)ri1AxJL|H@~#
z5{0y$NIBe=*%zOF_bClanK>jFpcX#;L08z6cR$yyVQ*R+?1S=}l6TB6F74TZDD%65
zGX$BP>K6$p$khz9@;}}Hm?W6j{D-vh|KlC9r6NaT^FWJZ`3)d<GkH&^lG}*p=Xl_f
zeUDFcZXlcYatOxz!|%$J8Z?C?s%_=_L8~ww(5AsS)*A_LFzz83+)iTmkDqYgz-)}T
zy94!d<qLXbE(`ehLewNYWezpM7UjH0y32d*g$^@gDNE~FB#wm3b&9(`48I|y0x;vb
zk+HKNreOHdipj|?R6i2C@ejD}A<1hXz4Z`qB}S7q=23LF0xUhI$)s#&r5i}VdOlk`
zb@7>D1(K;Zu#$<GZolOgus4J*52LF3(tzXz*0A<a%#Scxg*1Cd6D=H%2kH%UwI>#8
zFK0!zMf*M28xNh2P%>M8tpvC*Z4f%s&`}`pSI?e7+;oQ49atkpW%rOFkWZ`YX7*Ie
z&b-E7s_izjZrO)tAwANLkXU(SHID^OA?c8OGo^Inebg_6%N+T)o8?AwoI$-#_(Ij}
zZc3DpB;D0&;N2PwPB+b8_lE<3NL-;`#T!tleU+%n2e&rPW@I^lLv-gY@hlVZv-P~Z
z4m7aD|98Lw^aIRW{;P(Laj(n=ppld&Y<-jG9~H6yn%8laJ)H7A$HE2C9?hwNiw&Jw
zykg|aH*b2X+H{m4XSOgSF@2=M?Xf;P7-1OQMUfRnFwXZ=qy00OnO5b6!_}~*2O4-9
zsk}Y2<BH8{u!rQRXdxmGl4|5{^U1?MsnOK_u(%s7VQ<G>A{xg$HaviO@tmIZW4%Q=
zUlYx#e0fK2PPc}HJl-yp>lThegkYcf$e;N{e4>Od?r^PrA|hnSB<y~|>!pg^yuKSN
z(E^DVSIw}-kw^$X2T+1>FT?urd~{0mbH~3n=kR4>lY&2TN}VyqEv|y9Q=9_ei6z%0
zL@}4*6I3@5EC)1$wYA^L3vrOyq54{k`gTMVCUG~CERaxw&>UWRnP`rwdVgd*x}gkW
z>?Isn{)+3c{%5Vc$vXGJtmS+|Pn3MptPreJHdjkp3aO?SZL|5dJ1qkc@P^F%nN76$
zb-PrRIF3=h0D`$PJuu4noK4`$!tigr$Gm@h1(;YcYwiCs$A4<{W|flY1XEyra5`J$
z_LIIVv5w^{76koaAFMU->6MwtpJ^3OKf;s8`LR|}U!nYRUpSKPZa`;tsY{Vh3@JJU
z<1y6VK$}2`u`l<oyIf4(wM8eKlnx3};7`)XeMjNPRe656@%RPw6$8o6V4xNG+-o>T
zzj(oKzjfL{FKlUJA6CRJ`*i{i0WgA=L#v?3Q07*jxhn7n6X<=^Q6X&=t(J6{tDsA+
z)xWOHlph|#MZR78v#Rloh|iSN+NwKbXui{fUOX~BG>(gIJ%V8g9<GKPDvZ^*!@SnP
zi$!|%!zg%shgB2^zw$$2Thj#jp**6;-|Z*&D(^_un%q9L2H>wBMq>adIxTI>Pr-VO
z`j)~mA#M7mcQe3(xyi1`#U?W9tS#nf<(9BKgEZ)fsJ_=I?ji6AYSs8wiFLmqeYFTG
z5cj!-#pY%)HKBLP7Ghe(lt0}}<v$?4FE&&dYMoGtTZr;0lOnp40w2b(UcWAJvR<Wj
zogmTFlFvhV`8vl#wD|^F$Ym>Hoe2{YXFr=sw${@FT{-P9rV^XvxlH2C)C83@KjEk?
zSyMX<y_B)sE`Lct!GcZ$^!tF`M~m*&8);c^;3lD^Ji;?PG&8P|!6w_)YE1>J>d_3l
z2vV7VlXanBb)>Aa_<KDLuM9<&kxR#7<c|SxoqKRVqK7sOufx_!dswR-z!cSH#LSBa
zZ-eo>3vYJ&<F8+or@6);xF_4jV%D}9J3a|PeP=A-FkW9GttvWJ?<GL5Vh+?eG#oHu
z2WVz)QpFE=<iE6WD##|q)=UCNtIv6q`iL>ClKR+pE#7#07)mD-lpHI}H1?QUP2K{;
zrcEe6*eWZ@iSpFLWoU2lJ3{8;s;BhLXMV^Yh`pFoyd024_O~zH;;8$tphAO}j#dvB
z(H15tujhS+{}ORlLGl9IgFM!wUU|Je3RnmlewehWIe0Q4$jqgehbjk}El^TLaj_KC
zDSe6gT*rauSHUQ7D0Rs(zOa?;-QoIxd@(405XL^KGSmy$F0HKUKNu*`rTxcQ0P_X&
zUj9a}B3qi;H8_@#mPSg+0G7SvlyzINMfnABe#v~^u+rAjc#~mk7D(f5^ZUP>&?vM1
zL_xVcbpp&-DZka@-)61-4lpdfc&5O1!2k5%1*NvWhETQ=e5CpXvv|?SbWOEN^cL(%
zgLvP845I0I*dR8l7BOX>E}w0M*Yh!$$%#ST&mEZ7S%_1|BJ`^fKA0cWwJ(luTUi?(
z4YIb(vDZoeG_Sm7O0QAa)8sKW6nk#O(9?-%NgIJ5Lsws)%AyRy`!;R3h%{#2=y+4o
zTi!I1H`6~Ipt2JBqiz!wN(}ZcHAtlWac9chk>~Iw0p8&5N8~)Itu^C|BgPBN%#I=P
zD8q6KSX^0${yz3G)aAR3!d>7p@z{KxA9IM}=XFKw`$*~&6>V@W`nG8p<(c#n{n&TG
z$2OR|RXSM5^5dzm(9ET6>ajb3K6c`F*zyhp9+k&E51Qhwo$G;AL~MOa+N?|z>g{2w
z-E_c7ajv;K`4eFF`8AIkHwU@d{sw8~eL+E&qd_%s;hCk}s|P;*vC*FX71qjsXBmKd
zz+B9~=b9y60^r@lSb(%cq+b)$_NFv3b(Zl`0T2qtlX%eDp5coLH`jye^Xx<khOG)M
zev9RhBqu0+zH=FJj9p@~bj0O-M=-ggg@EkGr#k}ISB9%3U&o7Nj&wb$aU_B?l(ucK
zc_GKlPYo)I0&D##bJ6w1SlACjR6RbqGe`t1p#9JX#8HYUUx(sqH?V@9$RQ|hgbh9j
z-rr>#;%^T8Og155(?$7O7a1;7EeginJ`F50A2l(i7<luh9ly6~&rztU!D%Ydh^yjA
zVwp-yt=43}&J?3miz$xdAqb!NU0L3<B`L%-u8a)+F;<{@!A!h=BRdKbb$1_V8!N#h
zJ-J0}Pv#GxO9u<vvcqHGZ`N@--~8dggXLtJ5~sDRjI-sl1|19U)X-<@YmVp8olBxK
zHcP&_*1Vmu4?3(kYS2gQ5e8err(J+{>E#3S@(80tL*feC8x4#!Q~v%7#usN2yMZNq
z{G#A7`8lIdQUyHgWob{!kj{j%lQPy*{?&CowK8Y_dP7*dso;@pvUIn4k<MC)1p30K
zL?O<qomS54WcMlZOvx*Og@f*#JcP8)i|?!ZOi7_mkbM#M;}Mo7898OyQRdIsWDkR*
z#mn^}w@2#X;QR7%AL%n5YH76343w)FC{gy3WrM?}B(5DfB6W-J+zH^s*C>7KSZE^=
zG+%<Hr668HwYU*Kz-#bGi59bLiJ%EBKwMGJ67|`W*nUTo!c`onCu%s#TZKNzB0P3n
zcb-TZ964id;x$=4&+a-Cz<L<2gCn(7Ip~{q;Wx<sjz7(RXTel2EP$n&nJF>^k6HS!
z=clsP3+*=^jO01uwY{EM%r{@_k3Xm<_ayRyjWuKPX%S}y^^H`zdqtZ-IUL#R(h)M)
z5@ZqmJ~dxTj1@dO)zUsZ1aYB~3Uq?b{5Vsr&jzQjsfXsExgP+ODV)YM_*?C{#kEZr
zMd$Mm>f<^rUG7ahGn`1OpZBTDXw4<Xo~Uqb8Q@hblo{(2g)6|(KpwhnaIcC&?H)YY
ziPQ-NtEImf3J0@mCKw+y>W0O^D?QD87R&9eD|r&h+{<yIPcz8veRCEAQaK*w`AK{e
zv+{;nFCb&~;!sQlrgHI0%Dsm)E3-IR+q56H0`+a!sLJYCe%xXsiAn%!iE5~=IxKWq
z@n-84co>zzFD6xnd^gO#f6(@$TvAl3%!{v)GD+OIf|6#+!(q|scNL)jkN1)a=JNc@
z6^QpdRej`N5FpKfW}x&3Y;HQG;j5Wf0sDKP`iHc|516a<x3hEU^+CE~RT;#^8QCmL
zb~)t*f98yrHsP6}IUhDa*v=hQ)C50uOfcf(Yre&Eo?SJ_apL_i&-M>{TjxKQ`@`P0
z?)%5901^c=h5q#_>QIy{@S|40?(%|GeOdt^^3*9lm^ewORha=xbg|INU4)2EjoRDM
zFrQ{ZOua!)Rol=Uz;&)W_AmwAUj*OK^qCpd;@?t19*#p5n{98CE0}W%24^ER8fpy<
zk>uO4r``^U1|Bn`b?DxolEngI5XSZ@V#wl@uu*IJiCA8WlKPY<Dm?$QZ3Ke3`hRa5
zFmPKi0HEzWOWC5=PTyO$I+kNjs?Wb`K?BUq`+JE+1pK;K5IiZ}sdBde9!CYt4fy+b
zSw=KT0YOe4nL_>l{GGC3X6U~gf*huDF9144wU-;mzU6m@`hu|rw-2861&*9NxVI0I
z9Ep6>g(HcPE3;;&Y3Wez!Jo2Jeg?b#o*^>l(sEI-2?95NLRPN*?;T(Z<`(~1%U>ko
z4Jew4Jp=&+ZEHTecHjRQEdihd<_`XKv%vqMPwRV=F9wLbS^Rq~B*5I^|0ewXO%(m-
z7eEApnG^pm1qHE2#UHJFQWyV>Yx_dHHNL|lY`=iWBR-c|D@B^BB3Ov*=g+z_c0$Pr
z-0+K}IogB(&B;6WA2yJ}*tOKri4{CbxJwYp{?s!dS=)c)<z|b<T8m1aQXJnK-~1Q(
zEcdht;z%y<UHaccl5aAUD+PQrYQ=o)f&otWi=Vfwv{61Di_0z=K~;MjkjGzi&Ke+o
zp>y3`ktbJiAE9199e(Ng6y|q_D7qP=s>p>hF%qLeta^wS!hX<cHN?tdf=Vw*(w8e(
zFPjHPoi_Th3!}@JBh#nHwG1Qz5T}sm>1A&7_`WPJkj_qA-NB^x3pG`7_q^YjU>n)D
z#W5XvW2wD7yo0c9t8A!x9URiW4Vsh=HOQ^9V<r9APQP|I@^F(Ip492dfE8JfH37A=
z!?&iZ4OEy>;8OLeM?mY75+d{x(2+{^Ov>`lblYKA7xb84+L@NIDYRH+|5fdRZ)Aqd
z(BnoQX*T^m+a4FAjN{VF!{16hi2Q#133v0lSO7<v0a8e781(9ETM_$I%Zv2w!roT`
zs1m%}hoaI9Pl~$8wLbME$^L9C6(bePiMzE+5R7aAnyo1#Tl9xL{^LG%v7rxNRa9}|
zH-lOQVme<JK?+}7r}BXivTvQ$V9L!I%=sZ{sn{|zR2|g<4UUc8rwDM-wc`HO1#X^u
zxag|O%(q97Q(wcx{?+PRz>!U#*uRA!0J&i9$v<}aH|?}17e2hM%yQNcw&sffg68yG
z2rHxFAJYQ(Lz)KvZ{z!49<v-^9^`-Q7dBK&08)i}9c5{1FKI$LxY8)`s;a0^+4Q@L
zIOpIZ`>5FIZOqKay(T$}Z1Y21G3O6ZN&JlV0ugQ+uQ#q3Bx){%VfOzphBks(Ff1~K
z`eon$H*-b3Vv(FJ9<RLoD&JhpWpTMW`Y<1;LlzT_Hg($S;7C|>oxsrW(zSI1;i;vs
znI55spP1^nx$?LXK<lZ0jwgdYt(^8icw!>(@By%iDRyCOW%pBfVuzQXM@II#0&o)l
zf$TX7re(jD4g3xdSqx$<H5N1ywDXR8k_)bE?G*@YcesILE!Z5b?C<(cfH3HEM~AOA
zHWob`7Pw%KT-W`2R{>cYshI7*!Z{NUEMP-b6%ebc7aST0g4+lc1O&q<lUk5@8_y0N
zU)oqbZsUeBL}Sfnyx8n>gq;l&$1f^&vxk1xD!*UakQy@b_?GmAM9gC6<a!yL#zzXV
zn320kR6pi@xOU<h3*Iw(_M=F+CccM%ATC;K7{YHc;i3l(SVf}u_cEW6Pqr^7Cte|k
z1FFbY-e=$O*3YFZ1Vf571|Cak!sXG+??3<=>MY21ZwdWSr6StlDqZ-#K=sgpC|k2;
zg~)xmK4){RHJ5ggY?G+zyz}0LrR&H@)g$L!!g=yI&Y9PO_!E|!Ndu?&=p9^9g+_zN
zRjLEq=h1O|%a`j=iXm(kFzXh7zHoAt_rm5vnWh_p%+EkO(8F7J?FSRtB)7%FxEBjy
zGYXf<kTTAfgk>|c$XK%cca|)PJz10_hT24^;?BATtaMG9kQxG~?c+#6*lr2;0<5ki
zVlv=TC2qK2DbzEsX4qZlps5b@f!BFALc?|V>gf}m%-(foL1yD%JW$T-)jP%csDvY#
z<l<GhpH;Y?wzGNBCkj}2#_CAGE~C%=aaH+XbRjo@S7pbBf9J`6%pQ;$Fpv5#qjo;I
z-T_Vbj%c+g<aW1akwXbzIW6bJ^EsfHFqmy;r%-96xl+Imj;7oJMANPnc@UZPh2&MU
zOL<qk+vmBdUS8;#mO|NzT3w@W;qRH6j%JAL!z0yL7?%L_Bw!fk5^ZQoTyG~)(KAM?
zyl2#AQ)Weii{Go&e9k4%bxiHlYwzB%F+eSv?Og=(3^R<-=v=!ylAaJtr=?;tFwA0Z
zD_75xZ@VbFz4Vh=x{44QL3b)Cl7p8YOwYxTCs~|4)QbFOy2hw|<Bx<L>&(}UKV+y<
zCQ*OlHG3`L(2H4z_Er1IHT|(2>c9O1b|mPviOjbcLbmY6sC#l-nUx0`ZE0)@u`i+u
zKSx-W(^i;HY88W5DvRPdEUzE{lE!K@>v$IJpG^Z<63k-wKY9ZqIu`)1^N`~A@2_qe
zw^mH=!2vrlRcaMyR9E_Rk}hILbp#Cq`(QCj`HpS_JAJjq8*L4)mhQKe;YYHFe)HxQ
z2pxSSEpCPVnGv}zFF*T`9#*j4p}p>IeX10P%vuCb>kTx6LYVC2j(NLZLC^)y3BRw~
zlSkj$SW5X69Pau(A8#(3<GC@{+zcei&t;Zx6rE2X%J_QP5?0RR{QJ3m?zc-{NrLX$
z4<O##OMAnd0IRG&zlDNQ%6Xa%1YrUw!GdelQ5bsjeo6td%0?4H_EkC5%*&s9nFxde
z`^ChKAj>ovDD;#6VJ615w2CorX{qMTb(UNdXv=P-MYnukP5t47Noz~KmmAp}ppfw(
z=@YVyYNe#y`1Ltc;<cuNntj^D=$@DPjro)0l8#|fbIZA~^FE%mlM!0_zb|;ue!$^~
ztE0ms>|^ZjFPJCJ=2G%smrbu*gM|+=8ms(#tQ+&N;lSZEKNYZSscz@v%(qq=KSB{w
z>p?aT&w3~aQ_azrJ8*cEp_H?Vuh;;i_u>CQ+tn^^Dm+1n;29}<Stn!K>XIo}X<}nb
zj$D00Jw$yrozJjL5MW}u9ZaR?pii-rs7UqxASH(>r~FmH4xV0-X#M(8!)XIR1XwNd
z9M#ox4jbecms{L!xlEO!U*<d#t0Gc<I&?b&`I;fkpWFzAuioEQkDE_ijLxIZ7K$#Q
zEV9}}R+uPT+`&B3!Xutf=uuTi3`_#B(J}k!?=yQuR(dO}0ASpd6;RD*=82Z{OUPgS
zur^t^2J3?w0WM_;3PlKw_%YB*6BK}FX0U9EftDVJKzWr;VQl0*t`~!J0xlD-<a`&U
z5Dcq<i;FIjr;~`6^V1i<MV@-hYU{Zhh0YfW<H<e*UHp5s-O5|=tumUw=Nk*tl6<&-
z{c+HuyrNQB5g<==>DMnXJ=@Zu65m|PqOOws1C!O~`D7q0@T;hr7)Xj*e(jQ6d0!%o
zPj2S1@ty2*ql4N@(5MB;gfke0;NMqQjnwJ4BgsC)Ri%^^**mJYadx*)f}+oSbC0Po
z!$ay6fQFKeHN4C>@ilG<tGG80zZ00n<@x!LD&esw5h&^LIA$UtYcu&k<bPWB@^e1X
zm0J;yivBjgH2;Z~d@Neur3Ojb`&0fMkgSQ*ycqAKQQmK@F~s0|uvfHhEnS$|4v?lY
zI2|CX@5%hYn1S1}eiGmH>Y%^XA@QfN7s5qD$Rvz>y7>b(+_56Ld&;lYq}J4`KS788
zSVt5^yb0`qwX^s8dR5GFe=vgWBvf$AhyZXl+o<S4FkUu*VkhQ-!O>Sf0t>p0WuXd<
z`~ym@d~U0ic2Oy@A?U<XoOoCsV3J!yE+%9-;H<QgV<}iirTIK1L0*5uk>bia5sAG9
z?luzqqwFRE5*t97$dHfM`=Of_GA+*=w^2-=S_P6=1}G^8TI1Trc3Bc~UL+$fW+<A}
zKr|N2qMrzo#JLV`n6JE-GiYoy(<7*_8`19@W-hb9L&N^XW_GwUV}~}QYUCawt`~7Y
zl3MIlP$#?Ar3I#HnBYmG(jk&+)HTNjC$eWWGqEZJ*qU#oh&&l@zNRRJ3)AlvY&la#
zJBgDLoca{Q0+U0^!M<pp{;%-%PmlxpBM&6^FZE%e9RO)rZ7y&?E{92{J3I6juf3He
zppVI@y)vt#@hPlpU?aQd3-1RLwi!1Xvs7n`6XE-c8oDczk5bmz>UgI1rAv<W4in5;
zP)J56A$skHr`FD;6c%AlEEckQK@gk1i(WDK^m*(w9F9G1W28@>WW)GF#tx5S`GX2o
zAjM*Df;u191JADP;r5m(VbmiQy(eD%T@to8ES*(YkS(Fl2e<&s8#R&BYGq-Du~i57
zZE!7Ck;>(9gS)k#RJdP57q4zB^p2;m+KK<*bF7tpZn~G7F(2J&av)0?Ur5Yc_SB)W
z(o#+6X|_PKOwh$-lviz(xD5opG}|uZO?2`Ga<u=ZV{ff0EzM_Zv}ir%55Fr5r)$Du
zlppvxt)n|Rn?wanB$KW3kZC*5LORMU?VMq$%QCy#+2NPj$52{M53Lu6sg2bVg!)Ly
z=ezndoxjy6`__(8%!{CaSjhLP|4i+#tES2X$93W3xD+Om4MMJDw-$7Ofjv??K)oBn
zrq$Ie0G12<(NdvrAr`-z%h4%>K$1eM6m>y;*i4Z@-YlihJiYR{NE#M#c$nuWu^L)b
z)?O+4ihDQK%?S|Ykby0No$oG(y{l;wqoo0!UvgoWffpw@vp35*Q1-G>FA#~$a@yO0
z{IlnFp%2CGw2>C{77W&zEvfBcb6S<!C6f^Yy;PYg6_#I_*)bb%K%4(D6u@o3Je$8t
z2p0ox0iYE=k@co|+%7gOawz$@Tie|AZ@Gs<*SP{5Oab{%t~$CS;Kq2eZ-Bu~ZDO$l
z$oduC``}0bT{i3$Ecpvy(UdU8nr!$l%gWNzd}HCg-W1Pb7FtNscb^_6w{Kt^-3&aJ
zK6;R{h=6O+;XV<VTY}PX^W38$kNWtA@>Q{2broDM>SWyvpC$?<o0u7Y&qO<<$P`mM
zvz3$aJev49g?at2BDiJm5iNLuk$wq|yftH3uEX^Et-M0Gl|`wU;gEvYGlWKC1c$|D
zqdBmt%6vmG-Al)@Bico~lZjbP@9KI}U$4Db4V*<D)XrvR?ikyhq-Dfmu}D`2<JBJ#
zTrSW!52Npyvpz_f;1xVz<p&B4#fbLW&#owO_dYtXj_-E!&3_7gcIZDZuSUy}@Zh2Z
z^ZNn#f=pv3*9d*e`HjdBZ!XS6lUbHy`#6x7LQ)>k^EK&HE;OgDfuEego4ZClaX|VF
zGb4QtF#}zRRXe`;1VyG>#m^q%*cnE~$iIcC^z|UqOz4v2W-+UC)IivBU#NRzej*Fk
zj`}N|c92TMBI?~B9thZP&yH45)fAYeS@omk0FKKdEU2=)fefUNdzE-P$P#^^kxMTq
zuFGir`=DC^^X&ev728VN6EXp?a}N#((H5an)zfM62i<SW4OjypO+4pZCbMyJ8sDre
zT$xl?Vxhf$ejv^kP4`!N(1G-~j0LSXIrDkIdh9LREQoXo?pb_^Ea-_OS(-)Y9=w3K
z1`GJ*7cYrPbV+Cx>Wpy!{`?8(=JlsCJxa@t*G<|(J@hQ9YpWpv6M05yZ#Cj0d^pyg
zfKwb+7?hposMvY$?Nr<p)s2*qnLb}Z4;V?84tD=ddPc<pF$}s$Ypn(+s#qJt&^@xr
zJ-wupRH{4vX{vPr<lCu6bhp|#8dD_2KEy}!k>8ots>7JY6k26AIb@Q3dx@+eZy&@G
zAwEr3h?o3Oqwh__?S_DK=jIlhKhoiYwf`%rWI}@TghR@}%cNR-bJL$LM5)Ch<CmZV
z^{*b>(uhc~C_q{;$9_C;|4$CUYz(35+)tA9{biy3UWj%S14C=eReLj}jQIK@jWoi%
z7!zMTjENUtF`#IE=|f^MR!LE;UFaHE_LjLJ05X&Gds7~&Y*0&@1+F2i!?|XcSfhSb
z{HCOb(}a=bWB{}huC8HW5z9}+ffdcNetVAp3G9)ASx*1gMEMWG*B&4sT#tp~^YrXM
zQF(ve8z4Fv51ZF3herrkzwJ)fdct$7NAzs_3@|ZPr906XuLs}ni&c!j9K)&IXn8TM
zjHyj9ufli@Qmi+B4CFFN6D}-!e__g^tEvD3gy@jZTI7vkI;a{csQ9*av2``c<MB5N
ztIt&3GQm+THy95-yh+0QMHSYIqJ6!lLB~>mGvpU?YRNIvQ@aC7N2(~d>BJK+6!9Q=
z-P;ltZ`W}oXRM~1b4&|k(Bi#T?+qwg@8N!{8y;p`lMve7uXY*|qEe4yHQgyHht7?S
zOo!hhgj(e?u+4Ndq6e(Pa|{^lb&r9DI}%E^i#+eiUSsYd+cP)61o~R+*p~GPrzu+j
z`kMfWIAR%qU(Pd1>Z$eoidIr8j)=Hf17C#MTTW}czh|B9?iv|xzlwFyQ;e2K9I_|$
zwqL2qO@m}c$Q^5rEhhNL-sXGA<QcNPV!;b};kw03-nOOd?UpH4cob#AeG~9dQ`YXb
z`8}y6FsSvY60D!+JAB#3L93r(TrR&ZrExyG1Qc=-D5${6TjIIb#+3BCgautqlEwuL
zjJDSj5>=}bx1fP)(xeFL=V@7Ae;v8fQEjTjUP+M!4AZ*$X5ijMMnW{96+jEHY3F5k
zHzO3Be05ZB#DUK<v$r5|3Ils+Lh*xHZ$o5qvE7GG#vZ$D@|k}+hSyk7@xk11i_Bze
zS}|+!HnTf`uQQn9xKGX704w}fBkd8FFV-DNPgVmLQ!CF|ejEqR1p^EsSo4&|uOo5A
zI@9qL!Q!QkNb9^IVOY#{1TGzsf(84E9~4H4P%TiwA)QZi0Q3_fD^0e!9BVu6`xjjW
zm?oH)@HZd?qM6Ab{Jz4i;0R!paQ%8B8b`ukRVK)|V=D!*knaALa%~|JMKY2qHrR)g
z-&y|NW2&!)QPFH8iTuvN-aZbZCK!O?#kOr>HzQ~E_>V+EuLUb>t1<?fQ{gNR^v0YU
z;D9YNnd@gUd1A>!)kkY!!N=s_=gheDL?Hyi+tQC3%s>NYX8pG>+hE~qtN|q2ESPLE
zvr!)E%Z6W0C<x|vOJ>_joRmhiYZynnZvhjYX4Qx^hG*fi0$B6MOGP!Ws!RL&;mg&+
z)tMgh-y{s%tHH~7C)%gwn{4E?9wB0agZv7a9wB%ZvjO*`V4$f>@h4qi4j28>;)18X
zQ@CnIBJJOwJrT!sMpE{lncw{_%Pr*_)VAI{;qF=#(LA?^LOmdp{zhkxZwaPh!W{i_
z2rp;q4Z0~lfo3MsL74^6nc`i<{`1)>HLfyeRR&*w)N~C}Ka$UbW#)k(yz!S)fk(k9
zKC{L>;z{O`Io}{_F4il5DyhN=^bs}(c+}S0Zp=gSfrawu1XCe-J^y#;0N?@4YxpYz
zkQUwV=qNkBBbuPri=11|3*c96rC%E<KNJ5zJ1TgSJgegF=59JlJ$f{Bu*ISq0f=Gw
zCy#(&3ud+cUjRb9F?0vCgI&=gGHwK|RHj3MIh&Pcmt9g&@wN>NdqLTrp0`7<6Tz?u
zgQw7@en{>8o;{Dl)N$}L9@(1ceFcnA+|)D=ZkAi9snAe-in}b>^OyA+Nryg_B7+%b
zBc|V)4dy(>TN{XwjE|E(u0M=ZL`vNUP=N*x$)<O*mHl9D#qXIvP^S3?X}xvwVF#bP
z9B+OjE5VImM9r}hnhk@luA3cUK%%AP=-nAm=%uv`XZj-^lG@Y}!!6<wyD*JqkAzcF
z5Yerav6g-RNz4mxQ`T9tz76?~w_%N0(uiwP8gxpuI`fbYNP5O6!8p(u;8sC*!PN+G
z+3G2=UMfye-t9+vU^!Ws0UY4L8&`xq)FXQ)#>(S|!NRd90H8}19(LS?jY(;PKtgL8
zXl!GHEf=YkzDGRD&zs#9%tE&_nXQ6%-M^ANv<8mUd@I!vSt8-u_(1Be^dLBtN^jNO
z^62CI16n4;-JksCY-k_{8(@BjNuk3WbFWP`{{<t2*$skK!OfdMKi)@^B%OYECCV)&
zEuR!yb2K2yXmCLZQ7a+hi&XjU&&QG)oZw$&H88;&hqAnFZvrO7xBo~}1QHkwhMgW4
z?&B8w1#owz0R^ecp+$Ecx{XJ8(2)sS0XE_ju)%<V-BR2WcX5GcP%|@ZD;IX;kekjw
zt=<KXtt{eD1DGDxmbPum_mXnn-cRksYbsV5Jd*g-Zv?-e_xICh6VCud-C|Fc$>0Yu
z-7F*MIc$Z_)C2H)GYMO%m4-Jij!r8Ct5>sLqH_qzs4%DpADkfcpy4!zyy<GC_>zSx
zOxGYw?!Zf~PR}Z71fKVrIm@ZB*55qRZt>$9u+yN^Q|aD3IA|j<TP7glkIihsAB1l1
z|8`dxu#P<Q4Z1i&j4m?HXd;KW>~Jj478cAI*~W9igeIkV!MJqnmiuf$fa+>7s}eWw
zx_nS1CPDGxkNZTu@u%cvZ#L&Y@su7B!Fnw1rI|+&ysh1$v=CRB-u>n(5YXW_Ta1Xd
zs$$Db!Q}wxyfGzgnZRgM#2Yg)_z2e>zm)?$f`g&$60<Pg{(4DwNf}&^S$`LB*dkou
zT}M5^XPQ9;-FxDTW<tsZmT^V&AAVk3MtMjfltp<nvNj&QSmA@uLHKoCG@F$fD2~<r
zGQE`{HdqfL4!wibM4#K28|p;gf)7`^O7}CEjsrT;P$R3=;ZI`{8MC6u7q&i?T7n~+
z>Lb+7`E4FvC&ARO-AaLGa_<$?>nUc3b}4yE*pyYr20PCDb2wR%!nHfOasrNsX7`J;
zeGDw4fE_Ofm9d5$J+FBB%5^NJQVlkG+MdYRNgu@Hz+vZ2KU2+eZi7yHdh1{^#+%OO
zP+>GiaD;j{=5P7we?kS|nPA@1zY|8+l}rG3#qhB63UPx(`7&c^g);T>u?eC=3{Uc2
zXZTclmXjSgYi>Q|dTd(EINq)>)aws$4eTW?y?1&U{F7MM7CRc4^=gaG&~XPZR+@=B
z$gulZMq9PJg6OvZ>Z*79G8Y4R@Ad55sunUUsI;P>ww0f+tE`Y9sxK-BFQ9G}?KAOQ
z@Xj_~{36VE$a>1je%PltbdMm-eNHWmF4zpY&7uLcqK{v-z@5B~(oIQiR>;)}uLe=;
z)CdXMj1a5ZsJiGTet|$hNi6O>SD2X$F#v|evCP2O{47~Td(6-IOhk5H&JqM^lilSG
zwfOvVDrkPW?%|QR;InJzN7T`_Daj3HJ;vC|ZEvwl(d30{Yz?k(Y@;p2Y*q;U>H@~%
z0hv{OKn2^SS@0V}F$-k*Tzf72D}z|!I0F`>5rP;CV!^c9uYBe$14yZ6k+e@T1lwi?
zHz?N#*uz<@GCZ{1FENviUjdYdR)i&_<7&dp>75lhAuQph{OE(^aaPFI_i%te-c=%i
zk=)iymdgbk())Cfh9>FDY{n3`*I!g(r@t3aU{rH{_HVQTcnmS9dHek4+)1D5Jo*K=
zTHxsmwe6QT|I%$}@e%ZWH0YMs=%+;)X`CGr7_U73k0>($0H8Bq-oxMTlaasu0i<q)
zVcW}M0>K)up6OQ=5k2%-p`*V9qV&)4lK5@Vd&4a*0Aw_QOF)n2l-kVXqWKI{`>r3r
zJRb(W*VsivHBoHjESo&Zec@326l{ZnEf0DSS~HQ?pxaC*wN9dHCaK|s?HL00O<Ntp
z?2#i^SA5)l{ch-2ql>M@Qy)hMhO_wG9>7y!+uh`2Hty#?FU>8G{*a<H$Zg^233r1c
zAe2g_a=siSxlnlL^%!mfHXz-MmC4r-E~pNLaf>UNp_w$`rq-JU>pAi2ZoQ>8k`NNI
zF<4P^J2J$=<FzV(Tf}4?^)&kc4j})oh)rp>p5x>pzk+;VoFX2ia614u;^WQdpKP{&
z<`DQ98E8s0XAhfU4F_>?qi$kItp0=M>b4)g^iC+e!O-hnet<V0X8SDx5{u;$j}KrJ
z+=KT<KiScR3Mg@3ytwWBXUL`~L5A%@?7>KD5$;Fglcbgju7DR<AeZO=js*|_^Pc`j
ze-<@x2mo?d;CK>>slw0F+{x;K4Iw9yP#J&$qFISKTG%_Xs*G^v5$njIuNid;+8Y5Q
zqu=}Fl--Sb|CZ6-6j-P;$}-ac6-h>8MKiwV<L6H^eZu>;K!&z`iTFwE!L*xl_kcU|
zqn6?)K=sf&MYdXn85`T0wr*d+1Mbj-fAv6nCKlZ!&?0_1Ig+8lQ18xK<n~RumLTKJ
zNXYTiVIJhWzqlGrzUvYc!$_g$1XnuH>y9D|+n;$FKA=DiwCc|{<40Ps1#OMa#LB|z
zGW#g{4Km`&8?C(`D!&UE(rz?>{(N<N*{51c1X(jk4YcHYjBiK0^e0iziPaans<Ht@
zkYNv<0p~v<3HVMh>;2#A<qwj72uIgzszw^FKjpKI)C`SW>?d;{67cG2B1oYOY8Fk8
zRDv`lt-i6_@q*8L|M8~#cB~MRG#95MP*dKkr(DY0l#hQxlBXvatx$P90i7%oT_pUl
zRC=$0Hk^P1MkeEweldf@)UfC!G^Vc#dhq&>M{f%eFy$fFTbUty!;(;b4A~e*71Kdm
z|LEYcTyP7=e&r?yZ>Xq&<J&4x`-g3XDLPlQ_{u#-!!z@oQ+GaO2&n2xB;3Y=ytY;k
zN)&>MR39gJRMJejj+Hf1_NhRfUcQ8TNf5_y{Odh(>B9@)4R`3(oR$Ws4pLxk`_hEE
z#Yy0VRE#R1zN7B)&9wa?EDu7QNug#~tXDH6EKAzTLgqRGI!F>$A=&t)_@u7tXK=ks
zDpg$`P=SKOXDMIyuQn}cG;t68OV2Q(>ZxEpB@FEyuJvBfQa~Z|>KcW@R#S7@Q=&0m
zJXF^PShE0A7SgbiAp0PfIa3mR*aNqW$v*Tg8a`GYulB~-ud1ZvB=&)$=HvPh4Zj=o
z`6;+rLa%2o0$KJ1w5Lfih{m?QqEv6X!qWqBJmPVypHxe9=D)<t146U^d>;o#P#GI>
zE2l?=H$ZKzjwy!?Ptq?bu{4j0ke4G{0M^Dphd6*$R9g#~PV9h1YrC#VhvQ+?iqL|d
zwpH`HUuC*89;hF6XSpcAdCxvTYTaQxYPkK5FjKNyt+Qy@`}K8M`X(Xdq<e>AYnRb|
zje>x^5Y-`MsKPOMyB2TU$y+zufLI&5Qjmy}NTl>T#UKUs8|kh5;vvuqeb@)7#c4x&
zCbw5m%%*h4{kNWugnbLwpb`OG_Ykwd7nwtW3&-K_1&0NoZUV~;{-tjvPO-s9&gOUl
zE4liSB#}k0=qR?ripfb|jD|#KSdlaUQ^&&P5T`&x?(*c)z458XuESD0&3U0{EUNWx
z(F}X{%i4D$h7?|3j)mXeN$m<?tuEMa@Z@|ca8F8Zxw{f=^~s;#hLbF;eHT-2jOjWn
z_bgLT_D|wg?SogF9<N%pQjbhFQL1e?cB$qi8mN-ppremaCVW&%l6dToi$oTPM@a7s
zG@EnSdD2u6${&}Wpi8S6FXXQHvV<b^eAHN+x06DX)~V10tQ1k2V=XZrBqdluz{<nz
zb)J%El8)LgefV6qS{i0IXhz0VcSLMntdPYsg&0scDWR>pdUIdLUS!M=tZWqFB8HUl
zqFAq1VoChrrP5VjV<Zb1O0eq(oxiNQM|ut@h$9$2tlrKON-p$3qCmxk`@)rY5oABI
z=_B+!PK|*vRaJI-4>u9o2dRs_wQZx~2?Eak53vU+n2Y(R9QlvZA=0aFG@T?6cCg{Q
z8i2V3U2)b)M~_c~Bi6KEDw0OeB?2KWlktG9S$|+(=T-V=H)qt~J^puPP5E2Cq!Sm3
z(*fs5EObR(J^W*L{AgffV;PXVlM6X&-rh+cy}oMFcY`!Au#S&}X0&2-faGap9Sl}&
z@8ArZIBu`UYdl#i%aW%vLPGbUCc;CDMh&xiGvMVRQ6$d&Xu{a789@%Y@Zyw+gZU7)
z{h>zoX@*G7rdMu`_i6+qKSR!sgr^S?TXp24npC+p<x`BbUq;p>$H}SWG%>vs&o$D6
z3;0>|4{8>w+{kmAy2G}%+8M}T1-ReD7ffvAG=`;Z&xiY}y%G9Te3g7tp&o5p<e|Ux
z{ED}}OW(Oh!vac({Xb>pd$#PujxkdYgMYfCoGrAVD~hGYVav35qdhs|_LP46YgA{D
zH@+L+>JM{cOb~gyOt+5Mx;P}A<4g?GMT<tv!Y5AwFi6M9OQ(tg9eGyK4`6#Gs*_gy
zzEPHB{EWJwLG`;3k*6#C)c&}XYpgW*9>-DGN&$gbL$p%Q?FfbX9m$^R4(yHB-Dliq
z;Eb~VQ_Sl&P_VMOUJaLQi!y)rM)R{86sQ9?;u`+J4Dohn_Q*`wG`xjr78iVbzEltw
zUTKaL|KkK^>XD);{)WFa52*u~#^Gtu2WaDkE5Yx7>Qn$pz+8^M@?~_;#<V}kuf;A>
z^8$gL+qna%FnP>&o0k;*Jx_$<YM;9_^Z7&CPLalvY%k+*|7IGI>E|(sxpg`dY7ZGZ
z-M_(Gf65>tz+A5XPQm0dVobO&!-W;Vi~yh{criwh&=0%Qzg$PevfPLWUbOh{&z=PR
zdWs#Pg9w+JPp@|;J~zN`cdMle6VJzsHs5x>2dH*}zLws3q<vsZzQN7XVJeE2mBuK}
z^^|8YDjD6GgkiSJMRZ0Pz!Vf^Pi!E?n}GuskD*|Q(r+vW=-s%CLeWbgwRfW(e{0w&
z4}bZi52F2I<PtGZ7n32l9~S!nzE}AP0z3r5TC8tOI7h)nJt7&lE#|1=pv_@)YT3Yj
z&VPO9McHrwvif3ud35H;m*_9e4tHy!j5T*3Xh1mM8as|a^b}a=yGvIEiD}5b+&c&P
z{v(Y!-tWmjZgfc99*F&x%>=Kv)b=uyrC{Cizq=E_#)6qV|7K?Do`kTg0~TX_f8)TX
zW=~@`ktP<qJR^N1t~LK^39s`oB0D7BF>r4DUDBlVcQO<Mr@N~?_RhFoP}lZluaCP8
zh5(2lPkW_vX2Syoc%c{=F=QDbpC-yno3vCln4h6>QNPB0z^LxZb-><e#B+Yuk624G
zqf1kTY$I@TcmN|Dm}=90I|p<ZNItHzZahM9%@=kal*LEXIbWOkejxNNng2`|j@cCz
z`K3592s%oIXgy#r##>7?{VmJ4i}k@yD&No72+Xt!_h^owY#-l^iYGRf{x(nTM-;2I
zV<grVOPL6og>;BbqWaz50?(hy<a+(5Me<FNMQV0a6G;QMnNE=12qtO1uBAfv+pW+$
z+`;gj^BK$tq-tML2iS{oh7YEGn%VlAIka<)aC~qYXrH*#F-HFS*}=2V;VTbDN6pMk
zhzImK$9rSb1onxd?#WNIji!oPbGWhAJ+_;cZ9bF;c~m$x+Nb3`rb-=hxwys9YJ81j
zCET#C(4wA6u%tRCAi}0~QHkBKCmrFGf+`(vTR-f^MB9`PE(eD<T`&n|t&6PecL%qb
zH+-(7=W);a2b7g(nV8UqwSKrEHb%Y7xtFxmI(b8)$0vY0By3|Zn&V^C`~GvB*YWqG
z;*G!UQODKyt+nAV{^wx?(6Bj%>a^v#Jrf2=9|=#uYE-aZFjL3GiH%U0_-p@r=?2sc
zu9wYPc!lLSGv$Xg+Sk2hIU9j{<byV_IG<AmHOh(KD!bN`1GNze&=J3#xWzyUH=3mx
zQR;lHC`p`Z#b;QXKd+{{Bf>&5mAW4Xtyp?2n?7avIFunJ#Hz}=IA2tK7T={K+gwfe
zzi!!_Y7dhhE_%iCqWX=dIT8TZU$pziDmNoGM9&O$`=JE7f(>y1jlm(ZuG_Ptlredg
zknMKgG$RC*@QRPpNeT1<KO@gdng#-B48nVUP8-MTIP<dO(HM<t=9iAhpEK$Q_h%wm
zffEww5QHRT(D7T~nhO5@IolID_{su9@EjAgFEn>T6wxadV|m@oPg;aoe*EPwve}DR
za(eEI!m`H^OM2?(8fxLVX^sFdd!Yuq6v42okkraU!{Jx)g*#Tj(`={oNk}1$`)hI*
zOw>c+2bJt>{3r$s?!R>~pkSuXzaW@D-j>Urez?8acYDU|Vf{xv0KxqaKRQ%L_#9X%
zC?;6&)v=WTb5?jd;3}F&=KO9rBMt%nd?aCt7bY=e-IG3n5eG<Xc*%R;SM$32Qm!WD
z3+BOeLVq%$3;YKGc}T8?83;J+msjj8_By@w%FP>goiTgP{0s-J3W=i}fL^IavHCuZ
z$Fv2jQj|-X$nro(=M1`Z;WJ+XoF<QM7EMCI%{wtWb+@q=EYQ2OY0m>CYl*|QEbxTG
zj+l=>OBZ0|JkSy3{lh4*JRaZ2>&?sb5}g}n*S+3!RrJGkS>`vP=J7P|47}*cgQ%LW
zxvt=yyd1%v<>Q#CfEUAlwCfFX28Aw|&CtRQJ%NDoN?$V%pidKvcQca+7I7W@3emAt
zA1}7O?sW4Xwd&2xVT^!V(lTMe0f8`Dc)m&ds1@qS1`ZH3LwOdTGx-@qCMoxbexq)Z
zp}OW^t#Q-aRK?54Nkd@b5PZZRUEdV5WSbUAwk6C2?dwMQN+L;L^r=HO(R~U8Z!DGm
z9<TvkrN&Rbqy~)a+sDU{PgI5Dyd924`Kpw(6(v;&Mc9$pUs>s|z}}y6LzkUz);LQW
z@pdC|N)EV$EN<INdIc`YuBrR3*Wr}KwtP%ESH5PPhQ#cF8XIMCdvj>lw{&PiYK2*u
z5hY!r7Gpv$Pw2LsEE(>rhTsM|B=rMn7x@sq#K*~tlRaOc3?x9=7>kA0I-=>PQ(Et3
zqAIiu6B$a!;(kn^Bea=LLB(PY=;4uUR_h=<KX2xkAhG-boS>t~D02coe*cmf7^RLx
zJiG33KrKQ{@@^Xn;@7JPMo-jC(^>v9VyP}}y-JBUdIrH?x;$_1vThz(eN-XEV*muB
z$Ys0VK&eO{Bhy3Cp)kRmF~80qxgJ^GeI7wUgy3DFtmP`4-nl6Q{#7iZBQSD~L9&Z?
zwj_j!kGN!wzV+rw{9WR8NjufhX=_+Y>n2X(z9tz{ymab<3uEdwB@YVe^^i-V{{foe
z@ZaeNL|-t|;9rOMOH3nzI|Nqi^_ZB2P>{o*Ji?gM>o;b%i1t3a((z@wJ7s#}vR)bH
z8ZfKos;d*p$E-b~O8K{{<^5@UxY_kBi3wS)1d=2a2|u9zI(|p1Hk8_$3)Q-377^9O
z1k}e##%;;23k_S2TF2S=t*(WjgkX1Tj%j9{LhLDPm2n9(HO`J5+oth2e~~Rlq@|JU
zDI6~OzSsM*y9bXB!@I$&Xkm$pRccZ~K&D|n>kcwvy@iL@3XY($z<MqEm}7*{B~vgt
zl-2ijZ!>F6(AW}JKfNz)H(!qVrn{i`L{sG^uI=NTg8mghRu8h5Hq}nx{OmnZcPU)U
zBGI%`uW<`2LAb~uosH~IYT%frGmOK^<A-94;mpyuF7J5sZU>m$n8~5#?j~X7mIpcz
zIiUgBUIvKZm<*;{b>8`O1(KEp4T#HJD`DCO_IX-K#XfwbmRR=vfG)<t$OWSkzK%7Q
zoasEMMiTvs#74W}fxMd#Ci)GS%VT%iMvPg%*aT$rr}PKG55Q%gW}I!}P+~?K#Tlq|
zZk`|Lc(Sbkt67u@>bt~3XVo#|>(Xw&G;Eq<U4_DXI1*Q)gkPhbbe8IMegZ<#eqJ<9
z1U*)mv@bSw3F>p+i>1~jtM&2fx%a&?G>aJhlDUs;>m$)JJi>rUYne7YY+c*m%n2Eh
zK;PBvF#6pj%UbbUUd(o(g+yE}IjE#M%rCn+0?8}r0L%yB#?eqHIrQxnatRgW7mFN0
z*~d@X@+1p+E@(h_#`!@oXyK0s+b>0f2wDp%S)A>6IX)xWJ7fp0NX#fY#MQ#KJ)PpH
z_;6C!N{zU$QirN|4rI!z#J6Ig`kTgD;PA4F`V#)f#Ikiws6g@IZP?%Qzh`TQcv&?v
zvwx$mL^ik74A1kMy7z>Zj#Rmz)G@QPg+m!2LVHA;wE?VqWj<`ClgJHH1`_k1E2sKb
z!jsyg`7u?0Bn#G<2b=$3b6rSUoPSbX8^x*L;;4tT-ld?Y+c%05xOHFQ-_BY$fg)zj
zOmw_`Z+~eqsTxW4&*(sHPnS&x+v45Poq=PzT^k=Or6Wvh6=AD3YzqqWy!d~uePuwE
zTNCcybT`sn(%s!iNh2YpbR!KS-QC@dbT<Mb9n#(19TFFh%JF!<?|%2k{j>kP^Uj*s
z>shmAt#?MbNtxj`FeEn0lZN@*hU?hPxMO&j&r4%2(^q3!(((A+6DsWRgQ4CP3cAOn
z81Y7R1Wu-yhJtG;3`V2rWC@(FE=oAWARc^4(rYM&;ppxC2W5?}n}a`ze)BI*+A4a<
z#16H>M%$Dho)U6g<@Z7xLcu;F^8^<j$0@4wIp1e9br+orgk$q{zmoe5669cBg(5yq
zI#~`t9^z6;%b|EZio`p0wW^}2;qIcSo<-3y2sHDMOtXx-T>UN7U_0tu6-HZJ>miO$
zh8p&`*tg3j$;`Y4gzWT00-bO0<W<k%JjnI>yTZpkMn(uSgys9{9imA3(-cK{lc^an
zM!gnW?=<NyP-#%y3AUr2rS9e{NP-QOALrHu0j-25rz<QlGJrD%PX}lqFoLORqR4-h
z3;F9SM^l{kv8@Rzb9drg4ee;2P}V@3d0QtIt<qOPt%R|`hoL*)wj(7!Zw??}X1qtG
zK!K26RQ<sB4IBpO$%Ye;sX7;j4v#2weIdX=ZP;9cs9Qoaz&Ah7uMGO;6CBHj7}#lK
z6I5`Vf%WSO;K!UH$Lh#pb{tt`fiF9?E!!pmcLF&2-R}}<#@$<<QTALGlCh$7M#+C8
zfW}A^$1)aWpAkRQaUr3nH1Fsc-V<jQvWpZ@tLEJSKVF{OGh-gFE5rB8dfR}3<+AWG
zn^SFfL6;xl;kbyiE;)=D;amB({?L4;ldo_2VN{}mb=;)c?D|AdOh|T$3Vx;79Oyth
zrp_=XRS{nbp@*uyQRl9tmAEFOjTlT))k3G`>@Byd&df|xeiT~XGY1i^yd*6~8>-A;
zYSvaykovq^?fn6JbFnU!FNp9&(ydr&be_^N?-b(Jcc$!K=D<`%lb5T*(0Z1pxFmu0
z-7>j)Y9g3mX@w1>;qr+MRtBSxPjuD|VJR;O_I%T(-<w1hdoydde}E5|0Jt79`$tIy
zmPt?!yQ#S*c^&A$Ovhq`ON<4WZXe(Aa`j=$Z^s<euaBTZy55Og3J-l%4U=Z93@qHB
z9`q+h4!PeTV-*m#mP-`1$vxS@=pK%2v^dtmm7e|PnWKH@Gas7P{xFvy3j4Fn$m4c#
z2$<UPGi#2G`T;<$;CHT?0X9EcW|<;)vG^%?Fx)y7nl2`>E!w<`#Gx#P(g?y|fz0{M
z3CCb?REqtPz{b@Y_(QE$rN}vs?hWNYeNL(+>w7%4{Obiec8sIcamB70?Sl;K@sJ^0
z{4_HbF<%veRT80PuiX`KfqV`b0t`s5_-h>^!LsTIaA~ONN|8O5yUUt}9Fmt+D<3TH
z1)_rP+@Yhp<=&NMUyW?;L-E)^@GYl!?o4bSuQ&`<H`LLWx~3jp&dt^6)ADiD#H1^B
z_x1In_db(adn;kT^I<+y+|RTjv>SpSq0-dNhs0<Se?Jp+3VDAdcYgm?x3921f(`~M
z2T`qMP~WQ(AQSl_6G2uwy3yCKaqC?;G^W-VL1)<l&Us^(N`xU>>)aZ9kmMHHY&aN&
zSJDPKO*58ER_g{-uZ(odSr_6Sz$_UtON)x7b`&duxC#}N6%4_KBe52l+g-+neUDz8
zd+Sc|*iVYmfQAZ;ET0#anbb12^7F9gU8}iJa$R%efQ`mxLhqa<Se~3gw3I{CT`%D)
z9-{bQdvltB4ZD|HH=5;K&QNW-$Dld1TS!PSO157^uBtNOUD;%KIMlmx!T%Xt0C|9^
z=|2+;0f_)wp%!a7`Ad?wc*SO=;n>5hQE5r4#0tVC7r<z(>O-)*S+{i8wISR?eiEjt
z`j%UVK8d@j%Ap(%aD9qKC0EZL%!xNSAe;Czr>Jlfs4wwF6pj+N-oEsqnu{s15xc@U
zcFCA6Pl<uHYYwYguCUNKKFILAOh}ptXLUOWR#nm$IjA7Hc?jAkpPO*v5u<>EK;>5c
z(l*`oo|5uQ!)vTroB4paXG*&0iTTZ}*M=q)jAjDvN7{kt*H(K4yx8?Tv(ZTgjXE$`
zn|II8<34Ywk1>gKPDWlNrg9sBzCPLJqAcGY)G^fZ#rwt(djFw{^#oBy4m%a{!>b1~
z*x0VBJ3v+Zvjxn&O}wu(ejEg}d_As;n-gU11nwN_aVRl_4wFD-BPauJx4u5zlw2di
zr#;JKXWHzi48dc&K?W9p7oC3&8``}dUEV#vSwM$BnI_WKeaExPm30Vu23t@G26tzg
z>5rvV-o$#7pL;w`tn8<}@MPqYI-6#cG$$p8@%+TX8@#Vud`ZElk<Mb)+I=m_6Dy(M
zN4Gd@BeqNkR48-#W;Ti1NRmC&gu|ln(9*BJU`<w04s*EZyODfed9&5qGacf>NC|^o
zPig|%rbN)tgfUG}^NHJ;Pt-#ax-}pJyldPxMGt)IF#(uui~-`CD-7!xHK?f+rZVSo
z6XCI?Gt4F6P>LWU8ZjRl(T4=JV{@l3Bf7buFBSk~IeGjLIkERMln5z80bSAcln0Od
z&AA$U?X8Z&CL+O@qkZP9Y8--Z<ECd>Ol$CX{a6eyQoLAC?P=nTL`vyVYahzb%M9f4
ztB)+Na>n+oEh+lB@!3fz_$*6I>7y3k@W>S3i#!)Md2f(!y9u43OLMWieOK8SyRZ$l
zzK#Md=q#PvkW~|Vhy5ZNRcc>NVNCD-Lm;XwdihNRmEf_)1dZ6Fda_6uE|b5T_&Z1U
zY7o+3ZT$XwlfZSq!!U9NL1~=1a28A69_hy`xfXU)m}jnTfrk<P4S3g8TyFd~DXF$i
z{pwY;TGF)p`GmL8y4lxd-+&mtMcvmawwIz@Oz|M^QQJm_Ne#z8V4x*^DDP{_8Rqeb
zEoX8eZus)j!jcrkhz780XCgmzq6Wl4XVT!k`%H!=+e=t7z#ZCHkSm`)EZfPfUpyeh
z{@`tZ6m8jldX4Q=N>VE76X5yQI`!i4CR&<62{eu0#Y8~Wk_9oLjB4<Cbz~$PYIR**
z_vsf!?7{BXj&eVnqm@Qec_BCc_3@TA&(Hm|DqF=t*Q#|oL(%OA)GEp@AurAi-+Hc1
z?}H$uquvRrSsTT>mg5o)WD11}x1(h^%~DErUE?S5kwwg0_=r;&Z1cO`@f>%DuXndi
zp%JcoE=GW2Y+}~hI9z}f)p%lHjkXS+_Hyn;Aq{+EG3FIl4PaI4&L)W?S@?u?PwE|j
z31&8@J(4+5B8L0QK^shwTzbaB!6iDIk;|3{_ApA3Hvl_R$N<Hq1iL}yP4t_RWH}X$
z2j)Z7G)oKwY4sL~))O2{B!-gVm#D>wEYvW=;!aX+7kdiWUVi}BgkWm><IS!g4V{8q
z8{CN+16#l851==uEJF}%+|&8jmGMMl?oPw4XdyD7JK_67REeTaQHv{e_Y-nt!3TiL
zr7A=sCCUsyEj{aHl~3izQ0MW5epg_kmjx@OhT@-qapPNN$S0uW@_c^vS$E_Vb++#o
zX{|0@qirXvV_{Cp0+aiz3qc&GUOcFz_Ej}=a*`ksqO$0Pj*!!wuO`vWC?IwNxMnKy
zFJ2g>-g+*^aFzkhk%QFyVVZZi?GdrGuQa)JJ+|wJ)nR7q?uKm3n#=Ixjn?C|!|XJc
zB72LF>-y&C@Nc!{RpgyQKunS$F)M}H%|C*u^q@6j3#h8ExLeqjkuOo<y--Zm-*^Vo
zO<D4;bIQh%sC6oDxg&XZMTQSQnDnh*=rJ_Us90yX1w3ea!rKieVefsfHOfF@+c(tG
zFilFOZIzSFl`Mh`g>P9b@X$b=caLlPYK_}+gWW~|RUvXv<$}*|O6Yi)iG^r%2=_1C
z_l+4TVsuT;<DscOE|FYv)Fr(X&(!Q=EpeUoA2wPfZqVr{Ae6?1^jW2Kp&AMZyL!IB
z63->fR&SHwAJE#hdm%pkLXF%$+l3zLW#+d@!yEwvwZX_U(TAQvWmfZFkP1uyrmp@>
zQ+w!i1C6wHjMQKuJ6~{j<%60JtKA5ODM$cHmbUL{^6JzhT%y48G7gu+?rXma3x0%^
zOA9{<-+PIEHM<wrb_cbit;b{4$Jl3>(i|XFWc_S=E$;FY-lf*g;ECo}VSUFGe=Czb
zI3FmNej5$~`8S>je5f~q!CS*Vw6p>;=6lF6FsmQ<mAt{|$5b~ySuaP|7F#?FS;f?;
z)Hd3FFodGyG27szM%QSz3vH!$7sbg)am!E16#6jg5wG{=%drfIwS(V_{aKw%rh(ct
z8_1YCN+9?QAKw;Ph`rk}<NPh}vsHXdGRj<DSMaWBcDT`r)YSSINdu??*jmlhQB~6T
zzPDF6!H10=KHRSqO={^_;NOG$XBNfhCqRRbF5^#?kc}1*F43>UrLl5hqr-W}I5xZB
zH@^B5XuQ`5Pb~fQwfvY|thA3j<O~R=mYa=w%|T>diMfrxROybo@46xboHF0bi=mp&
z(P<*<W&~c2p~+HhVXFxnWy9tDuB&n6m-hJv`R77~cV@0cpQ!)%SRZ6iFmdZ??fagu
z6T-Wj+PD`(_)>-(q4)ZRh1~J|*d724HpPUlH?%rGav}-CZOwG2JA;I#V3=H$4>(ds
z;;@0DX!y0=8T6`ZgsY}Mcrk`lBk^S3dGs{c!j5dG@)GVO)JNh_H?3+y#?v~0H`ddK
zJTb<VyQIjz@^n$^oUN0934E(B{MH3@U$*d+%JPAI1u`)#5DR)LM)q2IpO&B9T;I1!
zt8x;$(b0P}Kxu?(d7F<kG)`q;LgF4vV^6PiZevIE!%Gi0uh@F-wyM03jYIbGD~JWR
z-oo1&SXnA8sADa!u$S!CA6vwVmN=<-xfL!Z(1iwoLLE*X3qUDW>dBQRAzi)4rXHg;
z;`7z?4X?mIC=VkupjgP*Xdx%6mfYF^&$7s1mR2l)iExX~{(7o>6`95WQ8^Jcjurv%
zB70kq?U6s3Ct8rdNkM-kFr)%npgnSQstB2(c0b4TF1G~2LkQ&z@wEEB@64hn-pl{0
z#+ZJ=R3pf=W8Il$%}sUA71%^F%XDd)?;#uTuE+rc@8!8(m+=c<0s*%DS{{&W?}f;z
z<g_o70wG{QV`l3#7ocpA=d)i;9U09P8tG#R>yJWXOgU1E3;e-6OrJB$$P-=Y$!vBI
z!OXS4;(3>|EtvvOKh&Q^@BIojqQ#;4p1gn(&v=9@21ls=RAK0FzBSMFAg9J83jeg;
z<^JQ8-5Wj3#W*6QPSc(%%jiV?B(|K^2Cy-B)1e@e>v5=5A{hC8rX6qO9#IZ|-ZJzT
zs5i;IeAL${jMkG#Dm&e2@invgw6+HfY;+KPcbNXPr)=~=+(0#CyCGwp6Xs6(p)Agu
z&XA>-%a_O7<wX}|Up*Nm3smPH3c+L})FB{gS8-p<O7Y=;TK$x5VBDs0!24~XjC9Qz
z<sipzEeJV2@QQpY+mfx%bBhe`5S#b&i8w>su;3E_)d;3R{JJ6*xq08ymb6W}^yaf?
z@_If{)?VqonzH11Z@H_=XnZ+?a47ZoXKKBTDnDPR7aj-^p}pGf{picJRE%X5wbX>Z
zRdU>2N~cy{-0Qd7`3566gscndnevwi>sC=`WeDO((4ZeN*ta==e!i{E%8m)#p?EN*
zsQFyeASOAe%F03l6&vUg;kH_VT|9oZaI&goY7qoYAXj|NC5i+6)D9k>(2mjegy>sp
zgz1dp`L|JzNuDt^+#e3=SFVb*rP4ajg;y)zzTzYWS?DX{E)H)<(HN|c>r~UPo}Tc!
zTTT@?F)yD!6Lb(#Ix}F3j~}q~N%BU+5aqMX+`*W$Untz@xy)Kw1pAD1YPlQ1uN*#(
zwmHbpYMPbqm~bar%r7N*2&YtK48hwnf&*>ttsGXJP&dstPZdc@*q#Yuzv?00Zv5~@
zw$(7T=5g8(We1u03Ed_F#SKlA>;c%14MtD9e4k&?#A}#JSW>t6Sie@MLs5Z>@(4pv
z)vy{DZunwF)iNPDu$pwIuiL|Dcl32B6Yk><b>28^me8J=8OtcINU`PEmY2#p0-e;S
zU;YEU1g4SwwQ<GW<<lW|<N{cw7S*<X>mWF&kQ3x=?;xC0YIyCu0BU5GVuqP4=3C{E
zGiUp}vs@XL`l^O$iQiYw2AmD8r9XyYb{M5W_0P8T%D^;=pZj8tIB-W)`YKE0fDQB|
zfR&28LoM03n~)|brJN<eyq3gy@TTGtWC{J!`bsHR)`NCwM*{(^F3X2}(k;|lB=LH^
zf|EIiYkC6Ik>;25pss>RG*77dnDo7}t{7uxs}TeT?=%Y&0BjfL5Ji^PoatCqU^yy!
z5WfH#1gu_Z5(Dw7TFcSvXhUh<)yfR4pT*%rN9K7@Sq9FtKpK{4mUUwy>6e<n0f!41
z5M||nEKYOOvap=w7ZV&~pYKvAINa}QivCJTjy|Y1F367Y?lo+xgbe`vNVBm>(3Xhi
z)FC(gQt`#HsaM&@Xrq3{3vI2giS~|hm=1+{0ugYLv*8gDIZBzw<N;-&f@AC3IIH}*
z`|}sPEq7<WNs>mz_V$Bfxv^g1YFd=4%uF_sdJmunv`B`NswmPAJ7jOspzFo>yOO%u
z>3jwC?Dxu*mydj^Jb>$;P#m)$1i_a%PD`%Aw7mzyBdOwtFFQ~oTtkXs=5EoA1dD*s
zymb0eHKDE2^&6aaJ;cG;8Pe$T(>Y)H1zuKpjG}qFLV2h!O{5n|F?cIF;X=Q+5=Cfh
z*j%}oFa!%_3Ja2yaXpqa4)`EKPwVdyPD^Q5y~l&iLQk2+A*;Oke*CT=wh8*GA1;Jd
zEO>i3%!UZcTDKCD($(0pkM`>WOF#}wU-R6%Fjigc)3y33yyeV=?HdUXd^Ef@TPZ$R
z8n;(_a{gb!jB&SjyK(s=-e1lXTW&WfJYF;N1Xe&xeJHbpaJQlS($gRR@^mz{{1pGr
zo&AU(mMbp~l<DpZoB%$ln1QRrMLEj*S_(M=DHg`cQz%L@P#h@Zs+gA0p7KqXSzexW
zzeP%VhRil6YJCmO5&|k3M+R5F{`Mi($#GD`Tt2iO1<J+TcV_q8S(9*3{H^wO;u?j~
z$O)~oSnY<<o%`~vHj!pURm~|%ABs4Rm<XXe)jdIRVwLk>&c05qmRu>1;-b0`W8J?1
zQL$Ub2h|{lbTiw(6Ea51vs8mrt<+5iKsjA7V}b{SH{XA|^p1wN#WYL8x0n2A3Ew9&
zYiI&GvSjp5bA(fLaJolx*dwpOj*`xMxgz>GEL_wpCca6~eNTJN?2gaoHnPiO&yxEr
zo-G<#A;**=;p{y(=2P(?bJpR^(4BeFTJC2-1RI^o{aQEBaR-2Ez*v5`L^U$wm#4l%
zXrt_A*rN#<M&(G591L{w(Ivq-Hm>Kn=;g<6jC@`YHJ~>aWiV2DPs~kcZiC`+U&O_I
zlUh{bLVpu6cMSRQ95dvBhz9M?x;h$yX_7xzf*)y77BupBuc-1{Gjk5!9avOC1}@(t
z_S{fOHnvxAWz6BQrp54<<&<lPWgnD>N0zu>?4aJnJIk-ou$L04-|GeG%d_r1K(8(1
zvXv42n(&Wbgr^z*g(sk(oP+@2Cw1dI6oHBbE&1!>V&r+1^2BxKAGE*T0LlZ?O#gZV
zFNu%!Wn-*6B)p!uu4C1}-5DXhqkm$h{LGY}KFp20c=2<gz@)<?`1XfpNdGppL%I&M
z07F#nqQr%xlr%7&8d;Y<?Qs*BAjK{G*VYT~d6n1~(s-C|(L;i+Y|$1c?LX<HQ3nb4
zruy6vp$SyQ9`>ObvnrlqN3;bQ^?)-}tQI66V(#*^zT#E3Nmeyril|7-^BrmxR2Fbv
z1h2DwgOhV4=$7!=Ffj?Frm+C%I6MNqkK<WU09p`*te@H#wkAn(mJIVUvBLYZaQ~Cy
z;ShRR<+vU#fy8HQ4u65LG<_O>eSWY5hqPVV!;7@2JU+?jX(i+1of}w?XgzD#6DdjM
z20Bfe-m)Wg?F-*!OU8cfPVtc*c?so%OW76qiIce_7EohLzpUt(YIA}9v(Qc-daxq6
zN?l~)j?O4C#X)(0${g6rXG*_J3vwWsWc4@tE;hGU+RI^7%k~yAb(}R@-s3|xYa_WP
zP$Zxtt|nuB6ePb`Kl*B|kXaJG0DZZ*`3m=n0768zl~<{_(QHEA$za)Y$V-K&F!P50
z1!*6vs$_JxX1%vT2EW@1`m!5c<DxF>sQHy~#fo~A!eRI4==iHpXDEG2Tbialwyu%A
zUh_qwi$n|4wZn|gK<@6O@@Z1?l|ncwH9UP&@fu&-^uYidA}p8KWe@vB_;;H(=P}dA
z?V*jp6I-|1vE$;kb3J*Z<6tx*R`%A5L)r=Jgs^pZ7xGUZtw<q?6!z5$-SYIt!L;fS
z_YlqR`<8=8O5fS5f-yi(`1Mg`?U#`gWe1iDQ8JOq%wHE?d~jLYD`eU(<<awIZ#;Sk
zSK%XO?Oz#zOq62e9LW7Rh*<zl;7BTU<4ri1Y0Cxj$~|1V+00qIe3JW?n-OyJX6hLM
zh*yh`rbVh;qArgEO<%6q@FhXK4^lz6$?fYrutulZs(Lz}F&xb_X3Eq}vvGQ^g*Jqd
z17bVks>wX{fw$=1&Y`&kq_lQiaKV-$(#4A1hZvW&wS=P7J}1Q!!q21v56tYdoPt-?
z!U`jV2hoZ|aGJ1_O+Y`h9qlbXHY%Ln^7N@JG7fzQ>I}umyi!`offe8`uvv@U%{o?v
z97Q*fb6E+-B>}$m#&yC7oJ)q~#=ARM)7c)*MhPvB^RnmxCWZI%@<wZ6G12eBN;C=G
z0^|Cte@pV^w);FGdR1-0>l8E#IPF{*V;Dw8(o2&KPNTJr`s|wY+Rs*qw5*C{Ym26j
zpB8F#C#01nr1+e@!o|d?*24AwR!H5n+i`2LZ&VQABhX==Ha=93qoXrNjVQ|Pk1${L
z@gnA7e97r<af3FZ1=J!%*FAw+z7L7@MWq?uaTvvXvi`7d)<aQC#_?Bh)oN9vOwwY$
z5%e#ao=a(CCtn4=#ac!_{uRJ@_ib7Dw_xj0V%9Q51#oU<B!)O4#{UT{06xLA(4TmR
z@|g%}9`&^s4vG~c0BAS_bWov`#Zyy~!+XDJ&LdX3pWp5Ys?s9A(|G0?L2!p?zXF2z
zYZd{tfN8})BCs8rO<}MqKzJ0^v%41jg17G_VQIVHdBePII~I(tDH<E*m$Br7pEKoV
z-jucZ{MZDKVWh4XPjkx(%F%T19^bw0Eiu*g>-!!X_E06d5B!!}^l%kPPvbm7XX#(#
zKqLwPz@(^E35q$A{8NtP(8O=K^C#%7g#WmP4tOk$RP{8!sePd(HOQWukH6wDKWaDi
zBEfYW)c0Lmwr=XXm(b`i8@)2aynuCwb&}+Cu0Ln;a;B((4GWHm7`A9Zu5Z{4pbF*J
zGjV!FJ#B~w{qfx}%c>njtq;z&af-44!ZsXS|J9SA6oP4Ae;O7n;j0{oXw*bwA#KT*
zl1S@#%GHGp7C^ka8g`?{AO1iCrX4@&2d?uTDv1!p{)y@1mHN})o;of65vhW-3MO6s
zrYr<=+vc?m#a?*F)^)<AKv$SiL!OUN=vK|KgYRWYS?_Aol+|Sh{d^leEJ4LWkLC~q
z<A$=iG4a+nKk3R1mN$ATED|}w6!yzIW(jT)mS;EKFH*|b<3`lJVMr$|P*iQCuPzd$
z5+nj~vZAG&va3Hw>P>g!`m9_}HwxccGhHl+kG$dC?@*sKUZt=C&L++qYb3S-K44gU
znKzp{sp*U|ood@PBrZw5SUp>`)&e`(iC3`|UsqCes7`>@qtaqRI7MbKPejuUs*Le1
z-}cTDV*SF5^l--?*b?v8^vYTA-uTGGC`VRawJ^l%qqKBB6eN%rT)mH#i_^{1;}&T3
zTzBZ@X|;U_)w1}Tp=R?7k_AUL2)6q7VwPVJtE@E3TR{)BsJUIXJgLIWKfGxb+SSIh
zJLFe?V=_3p@V>xBTi^d6bg2f5q7%bPlQYeN^Au-HuGL{KlRx~!!+Zx_{VMp&`(?Qh
z5(hzp{4iPP)<yR+oFb}pc=XNZi0j3N3-x{bqI(aA?F~LDZZ50^m?@@9vLXOuUp9M8
z@bcjpm1x@K>qV(p%MC`|%Fs3(b1{7Ti`lGTa(0arD2YnGA&vDSa>j(Hblqf)brypq
z)gbEYLFkJXElZ71J1F>J$~Ik2EsHFI;^|rqXR%OnWeFzE?Kf@8J26_}gJfIAY|ocy
zK=l_A>@Xa?(hS|CjY%wZn*t=Y@K|3JcdZ>a({g+>uN0ly374?fGEYFk=DhioF}j1Y
z#%_#ZIxz2}mhSOfgrmODk>fcW46|l(I;RgS{z!A$(rsJ7Joe}WPnNchhBtHG;FRT{
zRv&!6RcE9!A`=>UWa;hK6(5GPAl6U9SI;$o=y}2y47*Uq9q&_Tr5%eil{a={)p*oy
zU7QXt5qtEX$;2I5IkbueIwJr2rvpa?Q=k3Xk!Lz`Q~*R6QBQ<`1^1IMTzm`)Y~ilS
z$meSeuJwGbLn2fb*mr>st#t^9dkYwZ$2DYg6>Z)YYx2|wwPfsGs5Iz%^R$!b%n17N
zyp_~7+EZ;sBlb5d85Ow&^_bg9Sg>(0Tt+pQZV6pqZ6`%s`tvz>Gew<savB9RcI-=q
zuLX6l`x|L!-y>Oiynv1<VA54J1nWBX65m{`!K}?$;B2mUC-;<<Ev%rdEwc8^gDIIG
ze=lV5S*P41_jNXjsEbb{G5W!FOw@J8`DkEb--+{AmwUM7mjv`x?oqc)RmouY;WIH5
zo3zoF(m1-sw}E3v*|iW@IU9V%G09(cWwHh%$4;<bzOz>cx=b+1s(v`!kOK+yDfQs1
z3{KqRiJyEHdF}+;IDlN;$I5?_M?g;zfl=nVsMUFv-($|FWviJ-P#5drh$)~gQ3jV#
zhg){aQo@^VTivuO0hV46Fu<0h(KfdL3MVC$r^tAXC0lL|`*ABWH)JM)6sV<%fBS6x
z@OG!2dsl>5>vE!%HwBCc){{xT1;UE{n3yfW+kT`1QQt<%DN&(f|C=J`_{ql-k2jb-
zGE%8*5^TDygkbH?w*-)5ptw!HoC}Zwrn3G8WAJv56?<VCw;V$|^4&GeV+n`qPlVd<
zzXEkP$qh(S873uAM~*2lZ!9OwQFSv-LC%+IkvuwB5i=2a^<I~<fb~)SiJzvxRQA7F
z!!=mt2`#wU4Rz60bYfldNhpXBKEt<Jtw!2)lpBzKUTo>gY)vE|pE2eKYM-<yD4BsQ
z<XOzo)Jo@W$w_!W($z~SF5yLO(H;u}<!o|=z(f_;L+pjRZl`sIwez!<C;$NR@%Kx^
zXejy#>7Y9C)F)swc%*RfyVo1f?f0!+{NqovsLJ`GCX7p5S)Ct0ia&dP<DNSS_6mJ<
z?wo*~tBe51NRmh#D0UMF=_f-SqJ%>_cuVaw;pU{-e2I0}*UB%K%ui}#lNV#asT|>P
zYZSmif8MN1$RF1e?C{|DhVvt~6#8}UG}&rBw=AR#RPZUOVZ9gO75zuADsjoC+_HdT
z2-b^hI<MG6o6yc9J=1aF&JvC^eXC0Rqw#rc0Gd62T;$lCs^{_I(fQ`}tU#qowf74Q
za=SPaCn5Rk4e;sAja4iZjoh9yCW2^zuD;vnU=h1p9Aq6v{k@)CA)!^q?}GT3{BrGD
zjGDRVZ<^%kbob&xFkautC$X=J8{pEF%Tn^#ndF7ervWh($+%Lz%ti8~3a8T0Y+apC
z;_lzTfzF`LoQ_I4^W6mo^%Ki>L+o}5dRWc85>__?N%TQ{M)z(#IY9KzbugbCEgPo+
zX+=ZAmKO=z&ToQ~HXo#u70$_YT+suRAT3(h=>m>w-O*0C+}sz04aalroMyTq@a`DG
zyl3l}Y4MAQNg%oio#|2$dWqkFY(R0_BYrWIphr<rq5woyB*90;$)PDic(2+pNjI%T
zh(fP45&gc-C!qutHaYUmWxnM2kiQwRqKyb&_;E!80U)cqtJ~1%&^?%tP5DxlLP`LS
zc!gm+nk1K@(a%Bb-ZD<xe(9Tu>#ZU8kPXuDaS?;S>xspqRU`%7UVcrm0U|{C%F~;u
zjybv`$Xaa029b4g=T`^Qyoy<(yvIhc+0>hN9xm_Z#<^%&Qq`w)+5_AT6_Dqa$u|J(
zAdmeM?19eAgJw<)EVS7cU!d;|SYoDkvPLfWC95}7-bC~=ND|evv#$7J5y-$WXS@Fq
zaEJ(|sy_kk_xigR@}rV#q5#ppnDkE~WO#!N1elEL)^?ru1O%R^@n03YaqdrAs8=@!
zMJ#TyFh74$3LW~pyh{);)#>N-3wpl~U`L3ssoUD;-0cWjnIpUkv}F*G3Z2TCLb_yJ
zZC85x*5^I?j<c?8z+yrn+`2eBr6i!j_bwY^m!CacA6NnGmn5eCmX9g$Wxs~927Lpo
z7VVzJ?b#^JYKmN#&B~$;@)755?oMq}7L9R*XZM0UTR#qX)~J&|=zxP6!8u%e8ska9
z&BpxemDgo8t&V`zYBFf|`GW++&hi~SN8vA4q@uv{oKo~c>W-=%2j@!1md7RosS#rF
z5KbRP3CPtqZynoe8u^+j^gNraC!!OtK`lLUvQn;bc))wJL!k`{mT_b%-xI;#0s<e9
zH~rgk;0cj-G*#e@mv;MNrfqov?Dq@B_a7V-bcnS~f=sn`p+GHn_pTYP?(TZ;?IdyD
z9^<9%oIP*iF>pe~Fk-^5$TF^S%g6DZv$l@kZ}iVEfSk^a`NF&SUfw#Sx)c>eQ7Fbm
z_JwX7kuN`ep~WUf%0;Cnp~r-n`qkEiO~K;uYE_-rT`QJ9^=M2`pqjuRj>ZP2y8IS9
zdVqY&c(_uwKU!>pe*)%rf{8j$;Ug;Kn;b&$_pzlzpZrs|&SffzmFr6DvZ=DbBlg4e
z>}Ix9nf$4Dj6D(@T!mWWd||~gXTJ!)wNav~HAY;lO0=H_4f(X`gcaECG<QaBe0Gcw
zT+cZy8<{GBpXD*@+D24GP+^ma|Fcl>lL+{Nsj0u>X3np2V4B^r6Y)U)m4wd|cJG?l
zp6Jkksm;Hs^GBfk__X!6r><u;l=6R^Dgy?7zsP~=$A}KVkSMNT+LXb<-Q*$5$6{WJ
z14o|%!JffCOSZhO3U5}s5{uubB~4zPK&;z5#rv?U6`KY)_WeL!m|=CKElmZvCh;Oj
zuk)L#DT7=lUGv$%-WE-hmbAk}zrw9`2~p#SP0mA)d=wTQ{t;i=%pvh%9Nzxcy(L}_
z>?UedAU9<EvK^g1L3jvEKsx!0(QDS`DHOk*DzBxtAyFkY;WXkcnyt%_Gy9m=as)He
z(}8^F$<g=GX<Bb3v8;@Kdi$|LHp%zH@}Jd|fsL0efcZUOJhdbgEcaYtrwzvWOa$ll
zAAb!TVCwR3)`}u$1=;h!%$->FG5q*s@W(pQtA7=@1$%T0s6(4HhrO5hz#p7Qem@|D
z2CY>WK=OSXM(Nr0F(x;zRq8CxP~_o>Bj%4&mmhVX&E5|H*idh!xl`7fpD573=k>pL
z`1!w$`A9_ZFQWcmJb>iCXV=k?iy8p>U(UJ)*qBdBFB!48`Q>J&F$f)Rrrq;{MX;OK
zPG}r@{N3M)HCz{lkd<U^Dm(TC$hWs1MyRdRbZhYfK8~|@mfdNR(~b!UNA&E^S)Gps
zrp<lo_1Jmi;}&jWEiMdFD8m^#P%@M*Q-zPV)>&;U+%Za*=GuB~VCsDoU1*URljsbA
zJz;V^-Ne1`TVBxNtb);ak*+qRGon?csTF;Sa_b?DBv;OQ17Vkf`n>zhS$$U8Qyi6I
z>|-tYUA<}wkH~9jZeI<#&4hWfw-zh=F)c~GFqTtUYlIGt4jhE(ydL5n7|CE|G#wXh
z<%0K=J2Vhk92z#kj_Hm`uH8Fiso42te$QIjTZ}&nesC##E4RLC+Wm(k>3`%w|MJbR
z+Q+xgfsLCJHI2OuRueSmeuH^a$j`6__cqo$e4fto0gv7={%_v+<r4tO_jKluPIY6?
z1Rxd)zg=P#SGnYZ@$o972$*YU%u?$-5p(~ZphH6i#RP<;9N?x{OIN;|<OF5M-%&%K
zaZX0#(c#T->Z_kaFun8@GN($YmSHczdSZh6BhT@dK0jv#B<3<HbB}`NJmVj_V}8$N
z{E#l(KPhP#)M2yah^x+@^NHJ|lBNGsNy^_74>0n6HUJ|}{^BMa7x+e<n%!bg9Ok7Z
z3WJ9hkijRu7(bE*KW2o*-2i~yggQNhdif6lABR8wZ^J(#z~kf7|MvLTP@u>E$P~0T
zckzh|5W>PPc;qDW$;kFK<#d@+V@_M^cH!@T1-cO$f7UbAxOjCOp|dysFhcuIVM%eW
zmAW;;zm{Y?0G39_O1&4CCh=w)Eql}>MN}c?-AlYFwrXdVPp*Wx9Soa*Y@UQ{vrMk6
z{xQ}N0)_O=G|`%4`VwDU6mQko%o+r>TheOn^Dw7^8tJZ{w*&LseV;-ic8o$5>%Zo{
z?CAUy?H07yef*7F5H~c2txOt~S47;lgOJHFFFda7ZMlE5wA|Rv3-1>G8aR;!zr?}y
z=+B9@ndK_Jc1<lPjE*{h@iN*qTin#sD~5fg>OotGX1Jh!jgervZ3QdKSpDvWizEh_
z^>Q9x?M5mp!M7C!bd3(^qsrL1gi}ddG290kBzKVDdF;0)MC)<{S{PXcvDmR)8A>6&
zOi9zzjhRmQGt;qoBX*IKbz|J9`8}&2M8qJ1nakB>@$B(^W_{&zH2hIslc0)a*l2E@
zVaKHp?UIqb6H&3a@sDv=d4&Y%ir~ZMk0MJ(oEqT9HtycS!ClX11)-0`CC`*Sca}b$
zG@>IBn{ReNaeJ&gCDsYO!7CI{EU2;Nj~(J^L^FM*=S4I(iD{FimWOM0HUk*|A2pBS
zoB|v}KR`n1)%5BLPBOQ>-0rcR$TPi!F)JPt6i-P%Xx)}wo>hA`N{ZW&%Ugf4QWURG
zl+_RxiJY88OD*Mg#B!T@^~Ocj=bO&+==H+mam9RN#I<PkM#ZKa4nsw+;As>~;(Hc8
z_E@*-;|cM}nJfh;*+2|p@{iYbF{Rlwb4-T^CBv`dNAHBt663hfzA&|nVyMMDKz$A+
zNSRO_S72m-dmXB{60~b8fn(y{Gg5Fr<{s$5en+-RJ2jisvKT|B*#s*Ph6fp|4t8Xe
z9)UsnGUUO~jd*m!CFsR4PI+yUD#rCFV6>RDS|?C%OZsxZB-;H1!U=yxxod-2qX7&y
ziXbbQ|EkCV26y{2`dL^-t;<EAog$XIP4pCcN0EDSz-x}l@YI%M#dTXKw_v7v1}PC#
zdnRC*&a;Rvy7<UzWHr6o(CY(d)OB;&D9G3L{w~3L%^aLFw=JU#-|`Ue<akDzpYI9V
zttrz#3*Xcut<)42U{=GILe!)Y>`*d!Y}ec_{<-S1B*_X!dMta^piU0QJ}@rVUfqkz
zt=JZ2HYwbiZ#1C?TV)IebNnLGVPLt1PF(ymMU(UV5CVbv`u4`>yYP=APIvk8lkm~l
zZ3JSXAbH?}yo`<GI~=(UJ9w?smTE;A$^B=iGjRu3sP|rJZbad3Mv0Z%X=r4apTwLR
za5VcePYDc^@CE08O?`mQkKD>nY-f6A1S}^;C|DgR6F)VTl=aHvV36xglYag{AR<ty
z{Xo`Ub;&Idf4p6i_jUE9j0YUktw}vqE9<TPgud}7NXSmcFEr4ii2O_e_r4Ot1hV87
zOHU&`cI#mMfuzKvY>`;|r~>edZt`GfcT;qWYwE$fy}Jyr4=hAEH!8tiPb$BWC^Ua-
zhRXAqxy`R)Wv_1L&&@sN_s#uZ!2B*d9aQe#o{TZ|0KwpS#?ye@|JaG6B38Lm3L!&=
zsL0iA%1v16AFgz)(p4o-Na}d1mX|ocrG!IV!-yOX8Y>5<|G9)cv3jij|9xZh!%86s
zk4C~yPg^ykW$ctPt;hPN&wO&6_@E^E>FI?>>74$6-DL3wEfu*R6u;BC{3km3Cklbz
z!*G~oA98mD#upA~0Bhj$Q=~SZ{D+X&>R}PQ2RZh7X68H}mp<$-kJ*>6Kd3|T_uI@0
zHT}#AKQ0B2tu?+!)Bjjdii+zFTHHh2{}AhOf6)9dvFf$H-Z2n93HC_S`k!ft{@^D5
zdvFaS?`{OZmC<I@MP1sG>N-ZaipwUq8<C_vEFxH~`hrDUX|qk&D_F{iyrhMUO;kkz
zeIsgn?<b^XBJeac#&2OQ;J+`8j}k8bX9@qI#h;OEviM(`{?y{pa1_4>vX6`Ri~v#{
zfxx%b@t~`Um$^*+VOuZ*Ngp~>{!sgI0snrH=pXj}djWssi~aA2_Mc-vDf~$JXIT4_
z@^4KjevfT`NI6I^aC7usO1YxE)i+x(gNYwHlm9K{_e1XgtCW8RasM3qcPW2Fa(_qY
z|D^oOmcN~_{!d#zzVK+p?}t+VMZVw1{t>7BYwW-M_-MsHBej3Z_r&edmVciU{ZCu|
zkn;Np&;Nsze+Fy6Bv=3eNbB0aVdbP_W~XChU;qdaLVd#I`0+RSGlcu~((eNQeb)0o
z&HD7(<3#$NS^rb)r6+>NDf9!h|C?EVr~HA(|Bdo5=l@nv;eVR-iS?tDPw4ya>He36
z{sY?n4p&dC9`*S*-u`>K|DE{wpSJwV`Tqvi$BF*aiocKj{}EIlLFw;LPyVMZe@OY1
p3;4Gcf0y$A3usabCT{%Jh30?S@izg|!2dI9|6^VGLI30T{{Rj<GQt1=

diff --git a/www/public/previews/components/core/color-swatch.jpeg b/www/public/previews/components/core/color-swatch.jpeg
deleted file mode 100644
index 9974f68e5a5bbb78945f33481f6f542349d0faf0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2500
zcmex=<NpH&0WUXCHwH#V1_nkTWcdGx@rI|fb9_LMzniCzD@5W10}!wnFfioil@tZJ
zJ1Im&Mk%mAfan0pB_<aafM^^5XzsUbAk!HbF6-h@gHM<<CAByisNe$-s}un(2Rc>+
z$QDV5ur)yJBnaCE#4ax>C;_So0I`cgf}DZu6d+q89f_TU#7-_K0;%r-s<Fw<DFxXD
z0w5Rjq~?VN18EK*mSHGn2x4$&a02-s$OnS_MGOoUUl|yfCm_U<W->5rZ)ISRxP=f?
zS-`-+-@?GK?L0yZ5hewRMTubJSb!u`S{ehxr{xR`ypaqH!WS4AxT3*wKmv!`6o67P
zKzHQ>VLC$&Ln?y;gC|2CLo$ONkY&VRz+lK=_Ww46GXpad2!KdtAYfr*0Rav+HdZ!H
z4lXWE4o*%k9)2D!Za!{KPF_J?K7IiKK>;ovAz>i_VIW%oWC$ZjCo>BNP@@1hCpS=(
zMDYIrgCGZ^4U-8oqY?v?AS1IN<NqTJ(!k(mW&{G5XMy3*&cVjS$_bP-69A@8Mpjlv
zK6aQiBNNd5f`+W@ijIMkgoMS!mCRg&LlO&%CvOy0GYV~Nnh4Y<3p9?Ag&E0A26ko^
zRyHOMPLQ3(f<S3zCPoepc9;@~v8?PuiiU}e8!vK*ikX-?22YeQ3k)irv}xi0TMRrv
z<Cp}Q1sUua{%nG|W|SU8A;7bI;gm0=yNBh&lO5&hyR)}Gdi!JE)y-YY)-0Rf^8Eb|
z-J+tmkD_O9uTqkHYrouht68aqgvk5Y_)qqc!8`rkJFc!;anPcw-~DEp;`;+<tbf<G
zUtZesZ8`V$H`Dg>SIz%^``_g!rz%fh3%VM|_V9here7tCF0&@S_IHmgQ{vAm*d6lv
zOU;!pF6Zs;d_O-~J6n1Gy*$Rnym3iC3pUT(9d)i)(0=IwzqL(AUm58hJ*8eT#q_8}
znm_xQoz2tzu3ohEVbEGbnqL_$KV|uF%1>QqTDo!ho71A9lS3XvbR61kuOI4vOX}IG
z?|NUJzWC4Zb6tJkdWqV5Hc4^8R!)LF-n&0B9-kuprR#a^z1)lMw=N4&jat9=d*$}@
z&zb?H*_!DMHFo#wd-nW#+Ppk6%|F-v*#x#k$p%u~#*!ttLh0hl4KimQMz__in!m;9
zY_4y^tIeyq?o{7hYMPoZXj$}-w>Y$VdR5++`klT~>nbmA`}XQ%`@OjVGdt&hIThG{
z_MYWSr({o~dF>KUYVIemjC#NS?6101E~)Tyzh7<cZTFpC{`C7P3yrEBex48)cc0G-
zPt&><x!LEv^yPn<4m^j<NO3a*1ABXA<M!U_!zM?s-OF0{UU*)h<bMV}iSv`@-ZqI}
zKC{TY^*#S1%NT8?IeV<0b-jEwBQDO?%;k0I9{;a4RXO=7d&)vG=X_22>)iO|;XZfm
zS;wq4YyEbg^y%aCje943ys346*|Dy)q?Z*lpUR$FWp4S(@>f6e%Y!!Svbh#z&N+Fj
zTKVLKM{knrkCy-36Q|jg^LxFTmGiv0j*}O4<z5yEly*^mvu5?p?OFTl)|Hl)oH-xU
TV5xh6G#`$t9+V-#`2QvVEy}^0

diff --git a/www/public/previews/components/core/combobox.jpeg b/www/public/previews/components/core/combobox.jpeg
deleted file mode 100644
index 7b46cf762bb280fc59bab196305a6ab4c5e54f86..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3005
zcmex=<NpH&0WUXCHwH#V1_nkTWcdGx@rI|fb9_LMzniCzD@5W10}!wnFfioil@tZJ
zJ1Im&Mk%mAfan0pB_<aafM^^5XzsUbAk!HbF6-h@gHM<<CAByisNe$-s}un(2Rc>+
z$QDV5ur)yJBnaCE#4ax>C;_So0I`cgf}DZu6d+q89f_TU#7-_K0;%r-s<Fw<DFxXD
z0w5Rjq~?VN18EK*mSHGn2x4$&a02-s$OnS_MGOoUUl|yfCm_U<W->5rZ)ISRxP=f?
zS-`-+-@?GK?L0yZ5hewRMTubJSb!u`S{ehxr{xR`ypaqH!WS4AxT3*wKmv!`6o67P
zKzHQ>VLC$&Ln?y;gC|2CLo$ONkY&VRz+lK=_Ww46GXpad2!KdtAYfr*0Rav+HdZ!H
z4lXWE4o*%k9)2D!Za!{KPF_J?K7IiKK>;ovAz>i_VIW%oWC$ZjCo>BNP@@1hCpS=(
zMDYIrgCGZ^2a^XgqY?v?AS1IN<NqT-4=^$?F*AZvA`CFHFtf6;GjRfCtptGLEKD3s
z?Ci{}5P3!>7FK3K5z&y)$x|*~X4}LrB(7*^S|V&@;uu(TNy)X4BQa&tL7-j{WHTXp
zL85|4HbF&iG4L=0T_MOU$Y9U#XA{gF6w{272hK4}B$=2%jK$GgygAo>F*^QGYL31M
zW473|t9jGi*B&~)a@F+rhuJDTRVMzm%{XLv{Eze9e{ZCGyNj=W-tczy)$=A-B{t5o
zJZ3RD?GX1Z*Y@ITpD%suRXV)$b>+)yF9rQfG1>Fc=e=*4bn`u5`+VtJjfTBTBFb&^
zZS^xQ=~&O(K5zP#MNHo&Cf@nF=gZ#39vj|O-K&bb)IoQnZaA$vEdK`Nh^1Y!j?vML
z?yI#^e%E*w{LM9scsi%(y#D6Q>pAt73x0uu=cV1L8hiPgtEK-LzEA%#@05-8*6@$2
z|MV`fi@#ZXcz0;MQ2e86jSugx#vhsfW4D7${HA`sx1oPL>$}@N`nPKBF%Hz(F=Kyr
zbGO8=$-j2i*lQgATAkhTW%Ij@m)!q_*i2?VO(4n`i_U(Y#lPy%XGdQc%RxfxKZ9`h
z??*>YhyR!pe_u=i%?$CJ`Bp&Z+nb0?hp`ynuenn4D>c_v#Bjrh#etoAGU`WWU!4^5
zm?Pb!PN2m&k@3Qh#RuwCKh$@meK`8=zL{)^T8qKc>A#j9o0h-ZPA2i)yvV&b-Q-^E
zvq^n$`go(>jxy^%J0eOyE<e2D=z&QUzGm#}c^<0#tiAb=zh~q3!xq-_IqO$&A8*@Z
z+n&36L-f1r*(sAf6ZV8TUt6)oDSt1I%|rPp`8gZ<@AmJLUwr!Y>(zOsJFauL`l-75
zx_mrx^yrb<mdj_^OB}Oblf=WPeChg$%(``Qo^yA1eA)U*Dt>kQq=d=@G;gDG^&<Bb
zJARFb%h22u^!TiIXmhBF{c3ih7|;4M${hb09;mJVXt95vj_*3#b*4Wihekc0EY4SP
z%y5#ix5_8?FFnd)y3WNnmp=BqBK2{@6?5BJaVB$phmOeC+v?|5*e&Nj%YJX+&Nr7n
zE_t;zYjaG2UddG92cDb-8$UdsZIfvyFiY}Z!gt0tbM6%TT^9=%^d{%r+Y*z(Y;kZ+
z?(A#bz047}&DV-cF`Rp3t6S4H{nf)KGp{Gb>dq)QA930DcVVLV%wMh_U3nj6>Ta=^
mpWW);DfzgQzvXhOMD_k-h3ud@cNC0<z-R~za0uA{zX<?y>aN%T

diff --git a/www/public/previews/components/core/combobox.mp4 b/www/public/previews/components/core/combobox.mp4
deleted file mode 100644
index fb9f30f2578e9c780ab65fa56d291c98617b29e9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 53213
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

diff --git a/www/public/previews/components/core/date-field.jpeg b/www/public/previews/components/core/date-field.jpeg
deleted file mode 100644
index fff2b855fb22a26c4ac0f8147431aa67d75f6db8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5422
zcmeHIX;@R&);`FfpfbqRD}$}HL}&q-L<HfhGB^+-LqO&WkwicU31ObvS}l`Mi^v#K
zK@uSlE<^|cBUb^bOcBB$VMaoj0-8XW0=c18+wXbW@44UqzUMi6zh|wr-@VQ{d!H?Q
zEt~}8FWFtR1H{AtKumN2!fCPB7tf#fyW$M7yXav1o8uQi1c{RX5E_O-JKLZ8^s0yF
zr~4;=8?oo}hed?%^?w18E`M-O9RL`5e-ZP4nWe7<M!-Y?Z$<a#Xwl@NWR*l*3Go|0
zvBv{`<Cc3o8WWBY#a!9rXjkX+B7RN8Payul1OC8a;pn~i3{i|_=#9v|x%RM^@u9#l
zsEepSAiC9o2*4Sz2hQ!izvx*6WC;MAUIPH}AAh$6<O2ZZ765$0{N48X&j29zJpk0x
zf4BW!lW>2u|F3cqqIMq~4gg#N037xJ0L51TAmjC`Pt^QHZl8)=>Y}`mq6-1s00Mze
zfr~&G00Z<z%m_FM7y_q+Bfxn;eBU1ST5%C1q$KumKuStdO8S6|jPwC%X_-TEhhz@Q
z9+Z|otZ-OXPF`L?Ugppd#Ut{HA}+rtBDObDT;hOep!`AUgCgty6T*K33J1gviH(Yj
z9S8O)h>0tR30naTQMpBF?XAQQkdWNBUrg$NxU|T9US705MTtuslsF(MA-)$PwohC_
zQfj}#5v9+d2UHBdc5?kG`(AIK;&Fepk?|=M=G(h9%39|h)T%mvS7H+IRwSY-wucY$
zzxMmY#6=E$1<~YU`y}>BOMY;R?Nbmx@|j5W_ya|wbN;Ar?>_6*a;}+rt0ZIshr~tk
z3gQZYH6W<{UwVH(e5`=F%URu$yv*Umt^3}ahRFCM)WVqfXqkZpj#Kg#+By|V&#6d`
zE|Z}#8gz-+GxcD@*%T7&$IsTjnsA{lL4H~AcuI(Wjr$34$Kr>l=$#qrJ6!mBkKdCY
z&%O8D?I$NXuGd(9KJkxrxdhhsOH0J)SzhkS=kksBk>%rj&`jiSQZLP3B(_YLCvhR~
z110p!3Kybjshb*?&H7j36}jN|+S%^|zdl$F-@>j0B-uN6uUU+@3bGU4YyX|ZUsWPo
zX34KkeR-H_6Bms4_kUwGwNlg^Yfz?EXtm~qgi_7xLA4cObn_G*clCm<#10Hnck3=V
zW&l&O!cb-s-?B7todq9P&mT$0#G;PiRa;K;pv&gZDuqv3k<03h!Nnc$ysWX_TSn|?
z{_<D!=M7mq{tmLRj+Ys+qCcm2DpzUintBoKD+_lo`|HbkYt?T;u~mf8p8nbeTrD~H
zcrdY4(RlZjoAzjCevZA4IphJXdhRHGaFA@GfjEldg&RO&$H#m<za-ScHZM{0>7PJ}
zrbQRN811XGIIXf~@!DOdmF9jfy?H*Lvm^wrK`hZoZxH@#eN6YI44FvJf067oI`C;o
z^fuYh60bnyX@ncjSUAcZS|^p(l4EZD@L-(!bI^J~o1lT!i=W|cH~0CtA>IlBbd1Ab
z?A;eeGcZM_=<JnsnKQqzSB`ybGfGHMT`XH$5FyYi!F$i{b_C(tt|bS%{`-&Rde6nb
zOs*vG&a1cy0T0ORHy+DEfcez~{n)!(XWm5b_QH2#gg}PQv(eK|Ek(OJE0#VuLg4TV
z+Fe^{TW5_iWK5t{M|nIUIaXaB9BW~wn6~A!GXXE4`a1<Lx%6dy9x=zw&*Mflu7A7M
zQT2`tA&qkL+L}9sfSb2YS7+(-Y^kPLQ-+V{8dJLhagSTD=!T76u(fE-RtpN^+<I|$
z@@0KB!m)cW<^lfoxH1EJYL!l=u7{-Lr@^0Q*%!4&a5tw08j>d$8z?=zAwIa<>zG5=
zE4=|X+vutx6JBP5pg4t4z<~Th^ScFYs`DWd&d~hgK$KN&HDXw|D{Ar1(1~J~PdpL`
zLf{}NvVKQ*VLcW1(B?VEr|~``3l8fEA7CQB8yp*J$j?(#ON(=>A_d(8d&H~`H-QaJ
zc=NW#ChgW*tec`l>jVznW<jX)kp6Wm9Gpl!8ro#0!#3fvZJ<y?^=U-z{lpW#GUikh
zl!Y7BmRVj=b?gc$HZCBuwOKM`J^1bIW^@P<8#&X(=R-D&qdls1*Gb8^=g~L1_(djC
z;PkwFcT^aoqsg>e*}fzo*5NF8^6Q5IoB~R&T3r(gsTvZb8uYBmJCRvS>h)>Bn?vqv
z2jv#7M>Z~pjk%@i<X51V9qfyfR%y1aMQNwcPNM4SRZO@&6XwRmS%zOA##0FBR_Nq$
z+e0-k2Es!ggkE4<YQ3=@gq9PqF@1EMeBAd*h?|{i>E16#M}DyO=_<hQmSsmAf7%ma
zI^;TFJs3!RjNG3{F5@Ixhoc}Vc})Sc)ghdd@4|*jjkBX&-2AkFY6HYtkcQ^+S*(}r
zuB#Bpv0VtRCgZMMezp6_QMWoQDYQF8PG#0E$2S{Z6j$k0@QBhereJ9KB)bPxV@4=t
zRIV4r1{P9+9aqx))a%cx8GmEpccG<!DY%|Euyu8_p?{}ywY!n(5IY^q%XFEG#2$P`
zNB%REW{iGkpR%DAY+8u&)zlb)b`PiWx?Gf#WLs#Moy!;BMoqCdI7R7ByJp}HJ-?D5
zmc6ckF)}loIu&0Qyt!R?ZuDr>*+r(dU3S2@X{RgLZN5UgJTKE1qRW03)Sg@$v@m#<
zVHKijuoMz6{)~RU&u}dR?AF$Oi4V?r5|f8#H7??V*geOSiCq{cD04auhJ`xVB<&*Y
zkYgaPK1*f(pjA`YTGPOS`(jCY|7vi01k@OUSdNsFl-2Z__EW2$P0bI`pXVFtboQ`2
z?|GEO$MOVl8Mowx{&YuJ^s$H9{NYj+&av3gW*MvM=fyzyo9|-WXUC%gQwP_s5;}b%
zpqMsOG|mL9C;og{IS_U3PVgOT*Y@^~K0}bf5{WnOo5Jon!D6!%zZ3#8#m7gdt&c|T
zK#qYpCZiTR5J-u&-B^VVK0ifZ&d{}zM8@$!3ad0nVm3G<9V=Qp$Sr-FUP~b$_XKM&
z)GY*}kG0>|sNO;yMJ=@^Ctde8nz~JF?PehnlQT}KQIDuTos{z8TNNiVhjC}NeJ9~z
zxivh>i=67Ig{#c42X0c(Le~N1UPGws>Ly*EPBj*cY`Y9MJdq=}I)1@$b#bghE<FyO
zTbi@8XWDcdD~@y)B^?f#?5x~i__C)QtD-r2%SB$f*GV&*MzC5Cg$F4bd)k!vC_}KF
z_>a@6U0c-l&L+PlO@&z`xU9h}hvV6UBg~ze4s(wJ<wQC#hSf_F1|Wr98}Igi&&>Q~
zgel9RJbK;3h}=GF;T~%17uCFtD7=A+P+{-i0F{I@M{Tk8KFw}nrAVAL6%1uKKuU{T
zF1DzLjKU{xCm#;5ns9y<abu!oiGv?-*TFx^5(FgR(rBUMS$ON_b*j?CZlcN}E*H5@
zBdumi&9H9xe3`i5xojng^>ZnOkl|~l7%CWLGsZqPpLq{*cW@)S1?zRYi8MRdZ!pq9
zRq~<+?^M9`#?t1~N`lz4tdmS%#jVxr=J64?wxB4!8cb%?-OzHHIN$=glw74(`e13%
zGWNw(yZnjmqvgHJE;lQoP$&8Wn>LdHSNfFwy5*@mf)bG8+j(n07A2L@3Ng<RY`&S}
zxhple6t>7<;vzM?j)6eX){Jtpt*NaW40jDW%Z=Lfkz21<)riiCA4>JCPbBgpWV^?!
z(;-$U+eV$VSbJV-$S}IHyEHnA*@OaQE&%#yArOe6PotCTbOU?*mPq*mM+m>n;ZM#g
zz=*Qdk!)fZh+Mn3dtI`4Wv8TD@J<MP;zBY@=BOaqSsTxbG=2y`VxP6pT0$Z?h5Smk
zM+p%#fbRDul)B$Hhb-T;8)xp`e4@8fWwb-|tg9^VDw$!XJxV7VTW%Q-8;;CGZh1s#
zeLriCJ-OsY>7l`58O<lC2!Ute4qSKJn#y2xt|n>_1y*NJigKthy<X&%wxXThV4`PE
zM7q5l%hZN9*Zxy+q7FAsv?nNqnP`Xbv{g5_Haxbo<_2xOfiGJV?L9(OsS5O~i9Xs$
z@=Ti!9nFN=>u{6!@n$JrIRE9?v5{!)fhzkII@5=&s>62W6~A2KHVzpVkPYdR`9&{O
z8>Pw!Gb>-|c}30)*=cy(o9L#74LOpsE|*!Br)Dh=7b}kjzG`S`4eE~yb$=5U)X+aU
z-|tJ|M<(Vd8Y_dX!V-kQ&P))}Lf?s{onTrW*hauiRKDGQ8cKdF_#!5|?i5SSZLHhO
znXyE-PzpYcxdtv50*j`tTpmB6pfnGRhe^|;o=uEmruQGgG<oXJb+tC71_*(xb+(nk
zp*z?FyoGtJ);&6cP#5yp@{5f-kE1x)DqGL6vTyGQffuD$TJb_)7&6tz9@e}~WXWph
z6%RVFoLXdsK=Wx%tESc*|M6jZermjI_dG4E@M`}^MFAlfahexpk0|U~@s&;RA6D03
zHVwIUQF9$v`c1a}g@KUU3#!^LnGcw{A1fVE+JyDJBHP%+dh_oZDqP<g{o>SG3G5-O
z*cUw7RY)~k$frh?lge?HUA!Dp4<p>Ps^tg#!kMZwfrV>aqW;s@6jpJP-wdHZ8}SRP
zF=7sXlDM%+Q=HOjI}37Vjv#NxBhfFY>7{R6933M~xak9}F1;xn9LV5uS<Km~ISlfK
z&r9OU<uelVs&911puNiAVZx4~q9MI&0EDzc8B1!11T}jU)iP8_J$DMH<XVNmR#~ez
z4RM46oqW@JwJo1eYHVYFgUgHRb`gw?JWCD_^;IA5oIXXSasD|`6UHfcOv(Vq8uu1|
zzk3gz8KFqe&1b)`!_t)Db&EKogs8DEY3~|q*KaTPQ#3_?e-EmeL2KOc3M!WqcQ62%
zNO`urKct}mzI*4q+t8BD>wi;h?4hLVdBqVuiN>1tdD<zw&djXolr{_-qCQ}j|HL=W
zm=^aWeQlg-xj+@2_Zgk43hG7l9NI~C6K3{*06^6|xwaAU&fJ=rW5hP#yF2WHK-<pv
zKikRbZ9Yd!s%=`nQEeh>8j*DdQ5E<m^T(^3j2V1@xkGa8&C-p^$2-A%WfB3MLQ8k;
z8VGyD?p%*kEVV$;L*q^*TU(z$UI5!dOCF#t#v4=D4AKbmXU4mh6E9DfZ+&fJ5ch#Q
zQpgrK=Z%V_ADs@4f8g0wOFiuVr@FX@O6S%;@{dB2^8dZ4IxBvVkBC_CQ-<_K((*^Q
za@$;1zf195`@peCc(hg7JJ+30OH^qeILK=lOD|7=T3<MEYvlvK_)$nkt7yyp&w{D+
zhyT5D3chh6O|RD!YIPy&%*WR(%i8F<^Q~dDU0+CD6sX8OX~{cp_bx#9sOw+NIIQ1D
t9V7ch6SKDC5;dK6J5+~2`m=!xD`OS#rtF?_oW;zaeb2vbq6!Fy{{zV_7q|cb

diff --git a/www/public/previews/components/core/date-field.mp4 b/www/public/previews/components/core/date-field.mp4
deleted file mode 100644
index 43071250780473df884b1bc9ee0e2e7ad6586e3d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 40638
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

diff --git a/www/public/previews/components/core/date-picker.jpeg b/www/public/previews/components/core/date-picker.jpeg
deleted file mode 100644
index 78be4646fc3223ff91c26f6e46889f7123742221..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3564
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
M4FGz&<oJF60?}SKRR910

diff --git a/www/public/previews/components/core/date-picker.mp4 b/www/public/previews/components/core/date-picker.mp4
deleted file mode 100644
index 199fddd766a75114496c998f589c72eb3993d1e4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 48421
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

diff --git a/www/public/previews/components/core/date-range-picker.jpeg b/www/public/previews/components/core/date-range-picker.jpeg
deleted file mode 100644
index 79b24b715521ef0dd4c2a963eec89e27aaddc404..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5072
zcmeHKX;>3kx-J%F7Z8C)5w&SVK%i0CmvpOuMga*DARrkw*#m^IZ|ykBI1p(YVwA-U
zn@ER}ju0c8bc0|MuFwz&kOY(^M2G|g*|%E(?e051_T0J8{Fop2tEbL+&-cFP`%cbM
zsoLz{d<7`L?atZ(A|e1F0$sr7h)Dn0Q>V}u5KeYy&)aSjKLe17e+dBL7#tR1fAXNa
z2kM~2tL+{_&c`o0Qdob&ptuW6VRQgs=zl`<M{X(qfM`ERFazCRV4>vDVD~_HPvAB_
zBE-Ji*h+}waFIAjb3ur)7ZIl*><{51fxpAPzr%i!SfM@>(pZIu#Rzi=O*mrN0F0{(
zR7*m)IuH#Y0DIu1@b^P)$RdgWz-%4>#J>H_=X)0bXx9MXGuCguFa8by@_zw<$DP0V
zew&j>AFR(-IB}>Hy?hw}X3GFT&I16HegOb!&n*rrJ~6g~5Ty={D+0O#fiNHdI0&2t
zFn}Lm0HI^Rmw*vqvdIQc0b-&;6P99-iSHB_n&i%%J9bJ*N=r*gN=Zq}%F9a2?2?g^
zl2er1C9j~Ms30x7TWPm~5`-0mK}3W-#l$6{jtVkTGLZLQw9Ov@MM)7eQC%^S&jC?I
z5iv!P&1b-V;a(FJ6A^C3_a-JPzGJ6^q=*zm+bcl(6LN@3i0_b;ln^RJMZ|=>;%+0Q
zLwl4F**RU^lAnKlQRSqw>n&AH6QmFB3gwGqe%}?ARL`8S_4SYba}yLu70U3t9Kt{%
zqGAxCp(yl=iUDFm-<F9e9{O5zx6$V(oi|y4tQf>9iYWpxV8c~N@2~{-1P=yXJ-DU)
zUlk(eiw<WO&u?p`<4{K!wOu>E`p{LzXSna!yw8Z;U|l5GPSj!<l^Md8mR%NlRS%WA
z+%q6MtrK9AN3Tlz1@+F&Uw2z_$EU5sQdDi%M~O3USMV~nJ*Fy@8->Bnl%w_Rd&;@!
zHd+?uQ6&}ordZNtH9*&yZAue=f^UA&kY2m!NVpPurso*%3jS_-#Vej?!IIr~`R1eE
zHT3GtV$>X$tDDM_u(l|O!lBZ}&C}!$lrO(#X-}&+rf2nx^O~*aJ(Dg!$%`<x*m&Dg
zmsd36!@6zfcqt?9;Xux4$exPj_}c~yTEQXILac+#o55Cmb2)#n9jVI7sz3%guY!v<
zmOX!_*|{_TKGNzYXficSVXe2v5RwuS7<X{;c3rS|?wVC<aaXm|&{lGKkfm6xz<NHt
zIUHtR=g^Y(;5q!d^7J@QHn;OWh2)lF5!(4Zl?z7@#>W;6CCqL-%bipnSkcNPqg>fY
z?4x7G>S0##UNs(w!A8~3#}4Uq7Nr=KhU&iSBkZb<$&xs|wt;SbK53<|w0K<z;szTR
zB1SLs>K^z7TOLlexl8u?<&k~>Z)C)=Hq$(2gk8%20pwTn93yGHXtU*nE^BZhX;fvd
z3&USc3-E5Zf!T08p_62IKx4y}6F-lp`L?ic)umo2Tj`>zF$uHNW4rLfK_pW9QvAC8
zwW8EC!{O0+^GkKjgZ#P^`&(*F7C3D$x?>3$9w??)=x6L^TI`g*XT=KHF(!u(N96Fl
z=ecwOXfbsP#4Mq-d9xcDFy{{e9kgb?d}M637H+E446fDvLJ1)nwDwqVQ3z|7g5b{>
z1<739?wn~<_cyew?^A22+*n={uB{-C_RX5pz&=zGBQj_u{Dfyh?2I<y+QV0Y2y<0U
zos-J<ttaS&3P0Ut1~L2L%l@SATd&d<<#6Rr`)~pNJ`*NW^y~%#_P>UuaO|=nP|q^w
znqGT{GeL*<Rn*fDN#fs+*o77)e`U>S7%2yyOP+f0YGkmzt_(Sqxfb>_tDOo*j$5<(
zYhXL4badT{c<1Yu6I`1Ff&&o_>7l0^>P;4qg#B&zJ(;*#G#5TL?3F(((^IO~kpqTz
z5?yuB2FW!@!h@*PkCHy}96q4%C}t3(zFV(JI_^Fce>=K5d7pC0G`cD_8efAXm7hg$
zN;|yDyXdamy>rp#ut0<3zL@=bVVr@tHAHa4Kk$_|rQFxMxh^ZKca-z)!6opotuIg4
zu9P{FptQg2muc#P!GxzWOXmH~ihHnrFTPQ~cSUVQ%gMv#{QWAAmFG%b)}qvs6z%Rc
zwEavinb9|bom_2L%eS+aT*}IN=H;l=9x~=Nc(?EE+qXEjs{RmR8U2^Q5TxLwE6oh9
zlv!>@r%Y7ZBwy*X+OIUXEIg$wlTBdP+eH<UgT0bhLx^&IAw9l&+G(Ss>f!6$`vc6m
z1p)2G(M#vfwbi8)eG!@Dkog+qaeU}rCIQrfGwAj8_sW_!f!8Hz^@E#$h1k_fiO_Yw
zO(46BnWp(@gOb+9;HOAY<1Il!3WZR2JkEf{?!VYvlXuktjlgHz{gy_IP#G)Ui=bxe
zV8_aPc_^lGnPH3dRFgxXe~^3L%{)>#M$TlaLd}1uiz@B!wp(zioI}NoB?hA{JZtEe
z$X(t;UoA(+hGo70_r>uE>J>@fRan7K6;Ub;4RAc~jkKToG}>C^^+~by<>+^L))VX0
z`2G(M(XCoET9BJ9xU=osBdB&Riz$-*=7U82X7(m<y*I7KWuvJ5Cf35fpun+L2h}mI
zdc-b=hnj5&aoteNByRwt_u5)spdE)S#+!!a<*F!iC&HC%yQ}MU*<d)kt+z@aRacPc
zO3+y(6BEZQ$SaQvmz+n#im{Ou0cvpLYl+1uH-aCU4X2KBC+*28g^S6CQAwKTS-BOZ
z#c#ZlQ_70`N4+Y7kB05TQ9OSE^*Zhu(=Rm`xN=cL*{paf_(sD#0P{i~6BYLryD#!d
zO--DBJqRDS%`<0V3cW&5?bIWlV1T7}hD}tZ4z@-EoiW<R$>DjxsbHvg3>bpt*)Fc7
zoLM27rcO<{WmqMwo_npPP?eEowYu*zwbGV7P)lvU!>mMDFEdmbhR8;;nLW+aYt__e
zW|GP2GY04D7S^hMm_K?h*JPk?4oj)#RNP_Lp&jU@8OI6zsL4z}3?a)E<3u7_xbaw*
za{N3~TwfD{J?sdxU~nfPZ4^E7oJ@Mfv#PiYyYqOeuP^sLx7)1hYBeaZF`lwEj0~5X
z218b}Y~muCT5-|Gj`}CID;4$XnY$E?S?Hai7btMK-ncg^agB1bb1_55!*^*-d3rJ~
zaZn4XS2CVZWy#3Lw-4Jnu$s8}Nl0xe|G^Tz1)N&p1D(Q3i{!J53DK*KtywJk{`$th
zwYO@G^WVtPT5Wdt%^ZlHVc2n2#;<tHtZ?%SEEdE=BiuMdW7&N)tX|?VFc8(<nJx{#
zRif`n)SUx^(cij9XRY_%O{lGFwGND#9s)wxPI_=wzF1=spQe9u$fR7qjd<&vOG&wh
z<KsY7tJmmR7eeyW#RaQeSR9G8J}aU@YYA^D;`Cb`AC7J62@muMUa<#_6Gu-*fm0F3
z#!6#}7UhoRo>cXu6WorR89x1KOtclc{l~1mCPbMZOs|{ZOCkkKA{FG{ChMS{{Y--?
zS(+56b9G$|1P*khO>()0lgv2MC8yM!j>sW*Pzedl#*tK3)#w|Cm-S}))cF^6v{~BW
zj3-ZAi$fRZlk4}x4sXO#9!{oa9btELf_!B0aEEiLUdZlJO*ME<nFaG9_}n2BlTu^~
z+gTl6`b@ncEpjs6tvba`)4A!UmXX0r<{XAyQG6Dg=_h+L<wWKA@NNy<T&aye56z;h
zYGE!G)X<NY1>4n=PhUQtH10UT;=otkn=iDzTr}DBf=blaly|3i-nzF7e*^E8q%!P|
zaLwdpVN8~1L5qjcpq?YHvLqyr5fpIFZP=Uibiw;23-yrRV<KSCN_hcXRQDsT@;{At
z)bt5hczU~bS1HB?ujSOxPSDi2xWs?xTILYiNhIa%WspXCYK+i6L62SuVu@App$+lW
zVy^F-g2KC@7vH6v)7~fJ+5U4cFFViyTtX2#MSB8dvI{gFv03LsS9%86R$;?Ky(1cx
zmDAQ-{Eb?w6<+lmBPOLd{V4vp9s9NpMyZ)HvJ|J^*-Q=TDP!oqv%5IQC&KVLV_4|n
z+=ea9GkUqSToJVIDt>hp&8j8D$Q^LuBwoL);_A~i>QR##ow<@Gjr?vl)?0NGu+>~2
zpI+`7&7WMbQEhc)-I^$ay~}IlohBJ2_4QCVR)}sh<EGb<{IJBA8nqa*dW}oCXK%9Q
z)5mR~rU$);zbk5@(#axKd8~)SnpQHt2?#a;u1whTGx?^62k-9>eLOW0Q|Bb(%;&nZ
z(r?gn(x)bPj+`OOE0qEVjh3hr1!*onQ9PL3a6c}Grty7u4wzt9T?W%N>M@@BiQJ?T
zgO5gZ(4=DQ)YRMzx(VymCFBdZr-#!{O{XPNHe%u#{bq%?LYNHju47J3l5XGWw7s*u
z7o)E}Jb<@qsm|IEr`kVl`&??f><XBFJ@%_2(084al+$o|tk5iF5?L^T1Wd@~0q}ah
zUh*ceR5+WO*lx(C35sV!f&TgHPOGrE1KEpAk9)n15OCkwS%GZ~hu|%~dL=tz@c9^1
zgvwXXTGtT3w0RX+*ud(OwcH;~Qv8Th&4Z`L5}zBg(`(b)D#QZc$ACIEVl*ZX9R5L$
z<j!4<T)eQXL1|wY78F7m2j*|0Y4S1h|2L8Ivgr&hmCJ~l$hcC0eolomtFJwEE+Z`<
zZmLUIuEf-B0u^d$)1)%b#+9Fl8>@d7p*;x6y<Lta8Xsj3C{M4Ak-gD}|NiS#Z2@hY
ziE^8XZ?>?ABj0v!9O~fKcl-a8eX`}4!a$@jwrSA<=HE^Ts=xmBlj@I&{MGv<tM|A4
z|Mm}~kJJ65=a2vJ|55#MTbws&tUdVUHlZ^ZRP4w<t@g3(lb%1`%%AM`E1^Wf^^kBs
oZnvSA6}%;=;QuT8&%ysM{~x^X{qyPjPg{QAUp%@1Ah9{{-!c22q5uE@

diff --git a/www/public/previews/components/core/date-range-picker.mp4 b/www/public/previews/components/core/date-range-picker.mp4
deleted file mode 100644
index 87a3010300c1520eb33c0fda4095ec91b0d1b42b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 52171
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
M*IRm3{rdHP05vy^O8@`>

diff --git a/www/public/previews/components/core/dialog.jpeg b/www/public/previews/components/core/dialog.jpeg
deleted file mode 100644
index 3be6d42ee171829d81c015109f2fb82bf947af23..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3800
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

diff --git a/www/public/previews/components/core/dialog.mp4 b/www/public/previews/components/core/dialog.mp4
deleted file mode 100644
index 4fad485059009cd7d8c0209542db2c02fa7388b5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 73878
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
Cq_;=_

diff --git a/www/public/previews/components/core/drawer.mp4 b/www/public/previews/components/core/drawer.mp4
deleted file mode 100644
index f83d619f07b0a149dd4934ed8d4632db66968588..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 62112
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
Wv)>EbpFwIN!PZIX`*r^5_kRF<*mWWR

diff --git a/www/public/previews/components/core/drop-zone.jpeg b/www/public/previews/components/core/drop-zone.jpeg
deleted file mode 100644
index 96c4188c10bb278e736a0a093ff9f9ae0316fb99..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11369
zcmeHtc{tl!_wQGg)6z+asdPZA=9;Rgj)tl+O(GRRO;w38#u}=p=V;A+sZg_05#JC+
zgGAAzZ4gscB4)=-6s6QyZhHE@_kDlQ{hj+f_ql)F=ea9ScGh?8z1L^0&)$1|`6j!)
zyMF>lZW@~!13Wwcz{7n3yJI}Prq{1KTHmrVHZ?c;+0hJeW$!rv@bV78-7>j$^0qDN
z<S&2zobjX2$;IFI$LHS&*YCHUAKn3=Tjg)Y{O`>BUETa$xC6d$-*PxEI5$`kt}f#K
zQ$PDdcmAng{GkU2_y%ytSpU#*@LSipx+_;d>;50Q^MB|rzPKOb<GEuldU*!^!1^IS
zB0k{ejev1K_i^7+fIn~xFafUp$e(-76`y<nxUdQUy#M&O%{d(as-plvy#L=exjX<k
z{5t?tb^hD-Z%%xja87@@+skeD+`S6`%S8Zi&=vrMKLUV&-Cup&=5Jy<$?cNj#^u9(
zxdWbn8*maZ1-t<lK$WX$0OtU8;Qa0Ya2?>?^Fw~Lyj<DKzxRji<LBq&-@i{lVE?}T
z`vndhJ|G}?NO1rDgF*)n9X@hI=!n39qryjz2y^u#Kb-LVn8~|$A9vyr!To|<>;Iwb
zz6FH#@o4Nh$;%@H>=EMO72?@_4@h(A<^}ff^871VE~$I@c=r6VZ$Ce``}z@p3%qA9
z*Tm1eSMbLuo;}<FLi|U65k959Pvj~TBBSBt_v?O9*;`33G_O69b58z4;`9X=92bax
z-Sy=Y*NGU<5BWC$SKGtG%k5AW;+ppWd-wA0|5rE99-*V^&=<U?t|mG8b;-zTT)Xva
z`5&WScKd+?+#vS|@d^Q#ferZnTUyt%qxYW7bUyh1cq^p@Ec_R4{{O{a3<%ENsV{MG
zQpV36((yl<zJ;jYpsTN)Dy$mBCUv~XD=x+&1!kQ5yDne2qO|9oO7(ul>}w2xG<fyd
zS5@-LF;9cWWe5Yl1xc@1ADLHWcOIJ_%b0#31S3NJz!BPm3u4?$DLt^J6pQ7zQ`Jhd
z_^Z;XOWJyf>mDWHikZpAZzr9L>iyz*%tbv^kf?7;GhX<>gP2hparBDS%p)axdT5dL
zJD=hRvr9xf;Z)=Cdb{{vZ;N8Q(iC;m`RwZn5^|doa+cWabtB6n?em$XBH^4lFT}<B
z^bIF}*rh)B9-^v7%l%Y2Vr&<B22q=ASQJ`){6~U%pZdvxZ2>9gIT@+tzLT-?20{@P
zF@pkm<$N?6q43`948}DZtj%||L{>{L54!PLRE?V`DR4?x&$Y{UNhRr$gGV76dDqGq
zE_=fsOfupu`V%h&+LOuqz9xKXoFYV25QE%OSJp3fd#<+f4{bAx9t_oV_{X~(&x7&N
z%q%|DB_=-_K-{9&VrblCjlQ8z^(fghLesk5c^4<=UtEkS*L4_F6;q*G3%sp_VX4qo
zX#=-<!u~>f^F&m;e;0E9@9;VHi*^KI&PYtJq7P|x+^_yN`h8~=0ssZ$D~4TvYuD&T
zz4Dy$zkjH&TB5@*-i0}5>QRfNSK7_v1C=rJ$m@bR(e-_XTX~SHclEuv;Lz(_@E7Sr
z!p^ul^$`_A#{T(g0n}qC6AJ&JRWtd19bfi<3+w>$-LWfqZSS@8lJbq#e^)oCV5-Pp
zk~ELEYUxu>%T=4|>9%X`YqRAdS4s@kiqrKb1g=z@+^a>q*p_~y(Vq9$B0e@w=c`pg
zFU<rHs?Z?E-o)Z6RC#GSU04=r@EolQlRn4ii^^g96N=p+Ml^zA+PJ4xRP&m9z7s^F
z&Qft6X%_CG5>Z7?PqZh_zVH`94k$jf;Tw50wB3+tXW^69*EY2*UFj3iM^}FeD^<y#
zx07r&!jg!0gBD`N3^eCcEWbY_3LY6CLo{2=xY%+_ZYPe(_-D1Lik*$=F7CH;YZQ3g
z)qWi&wd{0EcnoLI=kVMoa1T+1g;GsXf61!q2SWyHQ5!#@pSV^ygg0caTe!=*Yi3T4
zRC;UHUZAUU_)gjtRt}L0Y>C{REtEeVZcUxd^~{&{m`{_WI`XOTnSU|{pSt?#cKA#R
z>G9kaEux@jr@gd#IK;`&d<~t(iLlCneZ}}yNKh?a@YrcD8kkN-Yu}A(GjeoASmq)4
z*tTlQzqPg8EA_mQnQBz@fN2#zF20rRp`vqheS>M!U)&oP74Q=^c#FqcRHkZBu`pbO
zsSPs|GZk;nn$}#7&eqE^^QyUO%`m-J<aWKhO3awJ=H91IJfc5^&Qf%(Mqp^x<tOa1
zU=cR$pzR$l*~>4Jdl!AXOVL%Bo@+5w*FgQQ=$s8YkS_@D$)tFObCeKnhWF_+dH&s(
zQ?8d9RE;B*@(S~cGj8lunFwc1?LdX|Ab)uD)W#{=8Ey)sGHZ`H1*n>UWuDqFMSr9R
z&01ZKT!rY?Zv8#rBQ?4K%!BaY%v8n{BXv{=<^Paza|<|REE6^f+mqTFQW_&)K(Vos
z{1$GlJMYLkB5;RdfuXV(>k29qn5pFGe4@NAsv*E|#&^rUQSbGO)W?N*hkwvco0N^}
zbIS>5Ugsu%!CWZ?{uwtat*q*-#vukLH{E}n+urF>nz+}zq^t<1E<B?6d{4CM)w{K<
z_s_ce!RdsdTq#w5<f@@8w^%B@4A6o@w2zvsR-MgS{cA1J!tkyh=*`!wuPd)AK_M>q
zShmZTmnVPTcMj5?&j)OxlG<D~kchT5YV%^onew1{c&GXF<(=zCm^CPw{PKQp;u_8F
z$@5{h3--Q`F#-5(d~E@FN)567#>@D$*|&m-@+_CnMyCGMkLoTjYT(`4L+F3BP05te
zMsNNpc%Wubwj?l23AD4`UP!M1Z%`N0f}t?K8k^=8k`m~ie7SJBZCbY>3NeEO?2F$F
zVVzK+t=X<iY6w@#;ZQeyRfwfTXl>J;TTOu_uKO}?o#|NdHYm>$c`NGSU5yeYo%Ie3
zXva<3i7Ys)tw13i<9uc$ry6)gAqSkzR7#r5*$9qYumNm~se>dp*H!$gX6uQM8>juV
zIvdO2x?rt6)_I}_&Ed#)1es~(3~r6WL7-N8VM*jTN{QkxV?2Ljz<R}d#M51TOIksd
zjpC=K=;(n#b-0OGcXdd_rUIPD`B*|@Mj<O@m8EX^c>$kHJ^p!(kw0mPQBBipu{CgO
zB;0q|JRwK+PhUr%U)<*L1{Z_K38zYF+})xYWTyWY>cYVMY|4&BbttoFpfUx2$k>a1
ze*6Mm;G|$c8aA6(R8cU&UQ?<T|El9JY9oKSO-?(jm}>`VEW{sm4=BZRt5UuF(9O4k
z+B#-<*U!bI8hE>wqhYf7wC-~>0fJOu7q?sV&)JEcshCDyyx-B{?mv(lu86-PW*7EG
zBbT8ukNSsKALA>xPK(nu<L}Ix2Gv@tJLl05-RiAWy8{c(id&;1AW#lrO!8ePovdM*
zK+goX^<_N`3Y&!D>MY%<gBVZ(33G&LE#-Trnr2N`OTz?6DUJAtVwf@{YUY#T9Nykc
zvNoyGl3R7_A(67<X*nkN^*SF}cePZ?;el%Lf%tLp*~DH2Km|HPu9{MYi|Nts>IN%0
zr*lh9prOOG$eMn_X|p*6Eaw#Q+1U*je0x|D_W**Eq4<ZQMYKT>BVlXMNVpljRN>w>
z8RknhSH(St1Y--sy<%z8Nbao;civ-g#b~Xu3`g9<aUk#5wQS$2OsY&{OxNBWnH=Em
z<-mg4A+OJq)`Q?|U-p1=cANRusMu#XVEcI5k3fvDH;6EVwPY`AAhj15lQ<&PA>S^W
zp8tY^hpcLJw0Yr|sSeNQqdH)Gcla2j_8ywtBibYadJO4rtGs}d8JB1*8w~eec|CVy
zt`76Iw2xssQt7iie&G*u9`Dq}p!@{q0xsv}Nd2G4B6EBl<EEORf)d9GzcC_*qmqNU
zd>7u~ODCr(#`Gb$>6#YMTO5_}^G%+*$g_&%V96;8zFGi$Ou@xyb%e_7K)BnYtllBl
z^7Yf&9vYu_$1SFTUG;zj{Zi9SGfK}R?byfD2+I#>l5={ykz=?F{)(u=0#ee}(LlSA
zAmPecYf{RX{;|sWX81--YEQc(^z?Q0DkNjtpl1Gw8eHk23c{X@Z#PDwK~R##IB%OZ
zVa0j*%u!9VyHt)H%6?l+aSpuBip}Zm__3qeadjf5e2|`soQu=0Fls_)y^v+fn&hUb
zqk&4Gp+?JUy)K%qzf7dws@c=Jkfxw$huVrV10{>A-0+N*A6Z@=oFdQpmtiz$lSu2H
zRpWNeoS5(2qg%7ZnnL-=tMpggfYjc%%I36%xm*xoXZ{m!-!o7{cd(~uCKd+R5@=}R
zWcW&&z;oAUbKyUE4b3ve)wJ5+7i-|OLgD?Ig}CNi&H@s!E3UOy%7`zkVZkY+6wgZC
znOv6TS4SThH^1s1`9;OB4%;Yl!OlKZg*o_$_{nLdVVY$viOtjgcHf0=%z7gw6&wwu
zBP=c^NBD4SN5?j(3MT_y1#g(A`<1fWmyt@LW>XM1q^3B0?wdnS>m#LBm8Bs?J4|N!
zjWXmlVr&d0biB+Vy=exfy&6bMWD&ucvl3PNsyxlXH5Wt}SQcol@z27p$iZd>VFNA9
zw}_L|_ielpeNRTe>!0CP1S}cC5{>iPyD~@%wG5UqS6kB2SDl-Sn&J2TIrqPBc?Ew*
zSpNCn_x-dAWqwB-R58NZX^(|ri>8(JFNM44I;(AextoECS@Tf+TEFpBuU7Z@z;;4Y
zcXyROPsY!Ao`VZofuRrDy?=F`?z*3dTQMeY2-!V-5bbhI=j@C`k#aKZr2>2x(40E&
z5@{;zz39;QR{ZVXMxyIq9V!Jxla1h(EepS7ZmX|5Fda^oQN#o|%x;?K`w>l|HsqG<
z9m20fvcLGW6FCVLTla-&<X<N=Ji4Cp#ia3IWI^e{FYh^m4@zEp5Y^z{5a}(acRE%b
z(9IQrwiR(-%YqGr){zvetF!B)?>8-lTmBGGfoh*m$f2?&O1~I4_t>U+2RAcK>e5}1
zE?K1vnensFzq!zj>sW8pdyb!2t$$L->@PdtA=&RnDE_r2#W5Q~HZn5NhMg_NDJm-F
z=jZ=ATj+KgQBMww@X}(kL@H<!dD*coGD%>mzXQvh(o7^0>!8*T`+73oSug#97}6$#
zB{yq7EEKK=K9lo|IiW-Y3sBKLJ3<HU{4G(y1$bxvPRujpts(ocH&*@uf&%T86G(S)
z7rT-DpYK*O**)4!q>2gB&Kq9=YiaGBqS$2_GacgCw6p)@pT97IplAjm%rxC7tMOmU
z&sRLtQ~*1{Y}FzalcBcr6o~e*nIhYsRIQ-<AvoF1P&ePayAS^+BA%#k;*NKId3~bt
zH_O>}i!tvJ50+@CV4+BA++&ZqJD%mbgC!BFMn-7GoU+k~r(M2l(RvM0p^ZajTBkX7
z_8hiMi<LE<(#ufPC1aCNQ&h0j2ISJ2CocSliq<mBN_ad~o^-sa8k;e(5F6KL{e48V
zhE)>MHm^EwFU@;7phToU=n3OW`9jgJNbJkjG=Fw5!d%|4@ziw9F5s~iQ}v#HY19>|
zO=Q^&IAavY!EvAKxtmto=8@wiBU|B)yTD1e5T|ZY{ijj8z|r8j;hdKwVs*dgtT%~B
zzz*%rV&Fp!SIsGmVo|6;<}+47=NqS`KgNDZ=(mYDNLtm_3KA%mkXwPnq1QWmiBko`
zF;rBdp*@k9Zpcs-KECH~c>7_-a^@nWNl?T`YfVof&)#&z0v%jKIB*CioQC`iz1WX)
z(qs9(oW#&~)$7mcIA-wn+m4^^w6NZgKvAq)JtojqBz(a<6QP?qk{0;6#v%K_xbwK*
zOVX>p`7d9OV${^z(N3g#^J>BME9!55PX1@hFV@TFko!<v{9^WK_pfX#At|%MQ3_$p
z!aakK5t^$5J=#o{Ge?3-P-y7*FDa`hevK<wq0GU2pCm{gi>dHnxRI#+CE8(RA;VbW
zbd?;^$FPyC5nBVt==#R8RyVRX!gI=;u6n5;O$?u%rWHBUXQ6{dPPc~_I`rkiO;MR{
z$<+MzGx<f`Y+WyFu<GX2tvcpsoGL_G<_wclJanb)ty;e)a^U;*Vr9{rTUkrxZsG8N
z&h&ZbU|fL^LdakX0-hy#2t5T~W{5Ik%S+;I3c803-aZlhd>MALlMs0Ph3Dd{UR9kl
z-8untCT4OiM?;mWWacg7M*1RReXZH>MO3K5)Q$4C+v7;jPQwm;H)Hb3sr^i9P{pt^
z;=#2I4^lOJ-eeh*7jD&GmxfIe`z7T9Y_uA+bo`(l)TUy#XVyy{0bZVyRJe_QbuAif
zW<fQx);JIUtbIm$e-D?P=#pq!=z7j@LoTVAt{#K;PpgnQjw}!HXR$3s=7!~mPMl5(
zkQ|_Xqirh4<P=i;as5-Ia*8mxYFYP$(B?LBU~1{iV)=l;?VRoa0(J!EO^lI+o0KGx
zpkQ5P%51I`ZpbE`nIhV(7T6=0piL{1%Ak6<dTLBpHGy8iZlCKPu4|q<Xy%>9Tq{oJ
z%e1stJ!&e+pm*OgRiwrYH76J`++bzi1ec5{16x@swl+eFWv-|O9#(If8&tdALAeCs
ztn323DudXbaFgyT`H``V{C9V9!|`e2<6*Zav6;*HpziS)_M}Z&V53LZ`gOPEU7+;y
zCNfS`zx{mlCm$A!ebqwKRv*Pe5RA)gxDN(i?E-Z%D#@$Mx$oGn=;_Zv#?#D?m9yDK
z#1ZAt&_8fAJ^n@f*<!hD7oXas=o-s7Rz&Q#tw1{Wu+vyR#id|+P}9MSmdPe%723sk
z$41_p@Azu73Da(+5wu00;uoYiDMsk?Y>^U%n+97((G4Q9TpIbf9cuBm^b~y{5KH#z
z5z`~NspKTanqqFxNGmEW4=xzpK-V<7$ZS}uT^-#%tNg)}YUPkh3l)gL+RH1vZcDIN
zY`D-z(Oc*=cadWY@_l3BymF@9$_mPY)Xkvg>yzkj8&c7Ak-S-b;pCKaf|>(!v-q65
zkMoaX@$plJQ=}YLBSj;-%Qx04tef_mMLXpDi*mF|a$AS1X9*!(H7ue_Dkf!{Cx?3^
z|H}~t04;6ah0fZJxqkU<xVz5m4%~1vG^okt@(N=647{6}W>hyUPg7Qna_`&L4hkA2
zj%@He|LMYW$j-~czzu~c`ih+j?`iYd1%xL?66<PR>DpwQj8HR3{=8JOa`g%IHVo+H
zqcX#6vU20_-}o;9@H9^UB736uuxI35weQ8H4V#E}yFlXCW`|!wEZ)~c{32m~Phx1-
zz81U=%B@6}(kr%1P7BIolg`t7Oevj4HVX_H!tIzL=;0e$^{-f=GMs^hcqZHIU`u>}
zS4kD3#X=u7@h&6Tm^fi%85hODa>(cWu;`Dci%?6KZ8!p=b#gbcg$o3-94-i_fussO
zSl9Ej^k119f_)hb?Tg46_ZyGhoVyyL_Gfmk;jr|*0#?;rophIkm1KRWYf?;0YX;b(
zc=K}sLbJQ~+i#DVdb@z-l9|z$aWuxu1ov3wd_wAn!q)`~0a40=g3EY>X7if)cD_^F
zK$@2YF%fs-)B<e)>FC)rZxGHB3yUH%nkv{v2s^n~Q0-o%oH`Xzp3kk{lF@O$ce<>Q
z#ttVo?9K0vp{v{-aHDq7lJV8F$4vs|P+N-7kPsMMYPAfWQU6W7RidsVcy3!WRU;r{
zv3>CnzI;jW+B$B`;#ngL1k)S_YMvoX!iowACPOk+6i&+QF{#-3%%c~b#0m=GtCxAV
zOl?at3u}(-ocbUVnq#32-+JfbA{m1sSyl$Px8yk2>W8{txTyKZBE<7!(#Y7D$swn)
zy_=8VIbm(p8F5~#<abcpr3?Pn<z!|nq!;Z{0jf>Cxw8JK&To0`UPc(7XznYI%rLJY
zC2hGx{Of?(_yzokRvB7H6>gbena#RCsliNMnNMuU)iJ%l^L=3#Xrkpv6KfLkY9ty3
zrZ{yLSKXO9Png!W>tTg<Fr>}2<)p1DzWZi*fqGUs>N&;*R1ezeUppAQe?4hz5jHC+
z+DB4YS<V0Mo&A~^|5f#6c1Ljn*_*9qAcsIJ`d}+rhcl`UX)ir7olVyY!jI*YyuLkY
zQZUa%-XAT32Q#DTR3RNV|9E%iV^aJZry7_|7doVv#3?4jJ*#cr87vTt;h!{vn&nIk
zpi9+ZuRgTGaHD$J<ZxSb9c=XbAp4R%nVUpc#4n*Q#}8$H$$X!v(Qb9W4#6>FDN|PC
z6Ugabsz|Nsy~g=d_Y`&kX3QeHDz#xfgK8gc@zF1l74p>LlSkN??F2b*;*X=B@iJ~w
znNaCtdEQ88P_>6dBO|BcGe%Hmu2mlCff2Lc!ju=ls*ig02tq-62U71w!BCYB3C|#7
zWI(bN)BeqMzp*W=)6ygHoBibd#jY<h6v|kZuCJHR$R*4+9L9DD<Mj1krFR?&841I^
zsculq$s8RP)L2b*#8ziU-c8`kFMDrf&I)*4IW(&^)L3LyRUp0|2aW#V9ogO*&_I~n
zzK{1AmZ2Pe^gxFd@}!{N$PvQmgB+-iJ*=Yttn*r>Hn9{_qJq@%7RD%LB{<CFUQ(_e
z=*gtP9A2*uSFyQ|?ByO+#J>1qCHQQ+Eh#n;^Sujd)q{DUw?snSLfEZ3ic$i55~)c|
z2s1=T&JB4_??HO~>7XWA`>!&J0m1M&W@fJ1@6YP{MjZ}JMW_yc56NP$B6d_meBQP@
z-giZxr!~2j(E79YhG+Cg;Ri$m>C^eNvnV2&E?n)uT7@k-p{;g2q%*%}2}|<fS5U5&
zi>cOkIZ0`{`N2IkSs=<;7B4$E2@f5`k)kjzlXPNFXagE8TZ^@T1vRiucs<f#{-wzT
zoA-nB&X<f3{psj4zUi=_U4Xu$&dI*eexmpSi9}Al&_zt$Y<>Ur$^<5#BGqI7Z5})`
zm_OdVcNn?0xMJAZfeDyj4Vwd3tzr`7N8i268kXihIsKhjB^PX~lG>?J7G|Sr2vcQy
z#suF4K_Y9_;YnHK>)3%pmHN}<699qmh(>snoWH^dw1~MqlbJ;k+c$Z)NzIT^YrwK<
z<2;pkV^%u4@bDw;P{n-yiF_4`Xdl)~thgYsrJ_KuF2Q(ypxif>%=tWhHsttp0M&tv
z&<XnxVH6nXnV6AJ$VZwgSLou%{#hUyv4&`A$er|B^S*Q&J1RTUDK>b2ta07xPl_a_
z>Av^L+nk0FR7$|?bn0n>jcU+cWu@#L$?67Jd;job^4yqw;<rpMxz#{Qmbj-Dletuq
z+%B6gi=wMHXyVaR`7$zO#NiaS7q&#LrxuaC0g~5_1;*+aVPAr!$@lKv{_O2}07r5*
z>K`nCYH}+jH0#b-x3=Qkc|Q{y!V6Tu%k>627`}K)->74x!F`MR$9;#3fuWPb7|kzj
z^0REL(oEBS4DmwXsM%wckEtC>-7MrFceA~@Q~^b>>gS}u#K(W)FKbGq*vOkZJ;!mM
z@?+{u?=9)mRjwC?2$hsBqqXpoBkq;Vz9FJ=phkreDi#yMdFdLbgleLe>vj&)NzcKF
z&W?5^dZOx#8#yR(EQnaC^2x-?eu7;2ZptnAz9XfDX0^ti+Dh+nkioX=6u<0AJ?If$
z&DlS^)*et)ma0cZueP$53##>Tt7veVEjQpb()kA7;BJ4ZHq33D{;srewCLa}ehp~~
zdimE^Jc^}l6rHAEF1-5uQagGYG>>_rc-cjaJvCA{Quri3-0;t)&zpbl<c*T^0&_-f
zK~<4%%Vw9P&L~C2;qvWyv<x+&;~XhIsAcwU^_Zj3g*4lP@1pg_)`%R1=jCs=@Bw(K
zR8@_56U71{-?-l!-HWf4-JTPe*S%f<t|ErR_$u7tP}F2;5;Nr!6-^HJ1wXss(US;6
zBXk)x#65nfwWOY<Yj5jlH{|?DG*TqXgSleEc+V=oXXn*8@&$Dpqe@0r+(np~h>XZi
z??~&z&QcMEj>XW(V~EJ_6V#B1Qf8=pOgj~Z?H#Me7=&H-dRYU9)jd;wy%4*f%7~t#
z6Uk9RP-1PGLT(0mtVwu+Wj$9Ml2ANStWa>nxt2DsPm+*4BNU@i8>%BvTz#Pt6n0o|
z`A}y@oYCg~rxruYuiwA~aRlSnY=@vX7P6f}YXi)>#3taMjdiiQ5%O&Jn2;}(J?%l=
zGlvC25(3A9pMHlCY7#;cE1q1VZ4Mptx*3v`!ZOb|AGyCy=u?Sj*z%-9DKbnUZp;k+
z;OqLW9(B(AL3&*L>om}IzPjV2U8$BTg++T2BYV>GRz)y<O3yg*kQfERNXMM9`?_p_
z1WyptkmP)7cpyf!lx?LWpJ~hTZ=ZI5u)R8zH5rzvHxf5!GX@u7hF=>yU%(7liKFc!
z2P<GCgv%4!v4g}!_zWq&jBLvI9v^<`+1Bt-$Qr)2tY~HXH~ll0VfY1&`ahe*0p2VB
z@fRAe`)xK9O_8?uqQR3hEFGG(!RVR<Vx8DRtc&C(ZO8<}L<EQ&7}#rf{tP0l9IRs@
zX+(*i4)~)2A>pE#fv&5^W--)ZlmX{W9oaC_XeJ#Uq}eXeKM-X^7%+w1EdSK)|K@e<
z2g|$DZr_plqY)1~|09CGRK`Q#Kv~UySh=D8^Gd?e55M*wJ^xY<p@#Z4@RtSdarAHX
z`3Mi#U)FUp4qvC^-aAIt9~fc`(-ZRpM}4$U9LJmvZfU2FOn8qJ6?G@Rb^qx>lC4x{
z;1=73iAk2LT0EDm>qi+FPBahfoIYb(#qL)M=v3&8%^1HbL%XP1YIb~rp;)x>Y;h*{
zqdE`8rz<0Q&bT$IexSW5NvbqbJE4OGcZem{$J)I1*rKduexW%8%X;quW7;(xeyfUM
zXC>ZtSr`P{(Ryz^)7}Nv(DYs4%)&;Kcio3^%VAHc+&Jj+#YSD19a;NY@y<`Ag@^9E
zm<AJ!lD$-#VALKXD^Z;~`Gj6ZzPur>Eb!`2e8yHpZKjosE@}sREE^=&L7)*L2dq78
zS62JCI@aCP^q(c{0`Fbav&K2_Z?LCBa~1aWdtVdrGYz9YKFf=nmDRHxeqSxs%?FFl
z6NNp`{!v+gk7>hJ#Ei@$)|A;Z^G4W$<of#IB-jVa@tpu~IzmWK79R%k#2?I%mL@I)
znAdz9*hu*#i!Ylhr#6CWMsSCjLacFa?a2KGftS<E=f7T#rn>}j32?9Y#(PoHu{N#n
zO*r4#U0|R*CGPofgX$vb!u*<;mwrgaCGmxT@HDF&l)vO>(B<;YG8#|D!P>|1%pjUP
z8e6(e3sRKL?MUeDQ16l=ar~|p1fK4QN|RIy*2pmi%eQ-UE};Ly&vX9GxT}b~*29>y
zKVfi+%k!9e4Pt&(@$k^Vry-l>6x&im#)o!yPxpGifdy{*WEAeJd-6VV0G1cDuacWm
zA4t2ff@tDc_;zi^vTsmW-xlEeh_O3ZX;!GbA;RHLm*4I_GvO$5L<beT21dg~jcc>s
zw?f6p5dRqyk5BBmak*sn)lN@K<GTCt-jJ|}n-AT1O*4WPRl0g^&uXID7UIHS;^t)t
zbZ8NgIy*<nxTmlX@FramrY^6ZIK)0NiD+{4)x28i-_;-6`4>KVUn!<G``9Z|-?>DD
zNQOSNr|bN<mG_YOH|2y#J*`$K1mR2W%oBh6i84FzVK&(mTQFU9`X_#*;;$LFucukx
zjG=ca=|f`bG4a83S&>|T0$evc%)k&{EvX%AyYsuL<o0UQ2EuRi8FE(Tx@QrJ#@QPy
zhtsz2NEkv^8{)X9zL&tIgq%<<5EgnVyUkW;d!}2(3avPi$Rel(H|J`DaXHOwY}#}B
zXe5)!e_P9?n|<HAtfI*@qn8Ek`g&}3WUAwGO<DI^n7z4H;7YMb_b%{w*u}n<Yyk1w
z{59)f#`jZ1uK;psS@m+Ba{*$oM<4t)6ALP=Ja_@-d36Xr;2_IgJ+pewpmJ(DuF&}l
zi_AuRk}hHG59=n8rQXmrPb?`4b@!^Wf_3`tyhPg2$tLeBwAB;8BcPXSB>wzVGuz4n
z36lCzVrM*dfp<PX_?GTM>{q4T`tC-!*_yED!_hj4+UHGy4nz1WE&NQB<}HgWX&2`E
z3U6-|%j;=bG%N|B0w~|MgbA-dmT>QQ;2XM*_%6^!<hRx;emy@{F{zT1k#xeA|9+DH
z?dMGoz#500Y1H@2!BsXNyvZ*onO2E*y757uS1gHOG=Io>@6hYkw#CQnaW5v`P8t_b
zOM(&eU1Y?HHFuS1!)Z1Hl{d@3-m(mcu#2BQR{8xQoxile%(3iM3l#HWy6M=4cd&Xw
z<1SEaJ!?_qy_%-$xx&okjCQPV#G5<$)*<{jIeB+~GafDSIS=-#tgeKEvDt43UnM7k
zko#F;(%+fM(}iU{7*`V2df6FSAjD-{6+L<`ww}RneLk~5TZwpUY{1*2=lFx2fJkG_
zEbmSqbJy6e!ZP-ZBh=$Z1XbLxRdfX7cY$=+;DNk**1g_r$=TA^Da6f;@UP-!*q~A0
zI+jpqR?ltK)Vbf!(-^L?;0shzWd>`A>YEMq&5mFJ9sHD$n~o(~^I)y@vP{^9SFm<s
z>nl>cHnMkdE1S4;V(Ide$V%LO&i@Reio5uwBrXvFt+v=a+ffrG$RJ%uAUgXT7{@U(
zx<eaO6-Ld>1~a=COvTGwf=Ea~7E+MCz#n=Bx$hq4SVL18M9fDyW&3;XJCg<Dd1sx5
z+2mGb9Lh&zB_rYDOH0FKg!zr);|R@VaFZag`FNtWZj3N0j3~kPI;$<`%fhx~c(VR=
zEAqv0HMa-^9N<-&0UrX=20}*y5ey>0j~t350)A}W7DfPi@(OQm`U8Z+&Xawy*?IsE
z1bQy+dj~0JLtjcU;4PmK+<Zm%f@L(0CzO26iTVyk1oVTXw<aU4fl(ph7kyF_oVch9
z!1-wd<fT!K?9hk2{^bb_4S>&*ir5)fTF3+D`XI(g7UBx`_j}zR-6Gxsi<zu2{>kF_
zm5wXCc=Xn^^l~7aF$p8%aKN;GLwe*kRc{mAEN%wUEnB%OxB_8JG=d<&E7%nY{VFr9
zlr>!gKoBsHXihOet^$YDqZk3Y2((LgFCfU20nZ4*e|(vMFhZ>98m_KvsRFz?^>u#V
i6VI<O<Q;vvVe4~!|9|;k8Q}gT_WxEcIK1WA?fW0A69pFl

diff --git a/www/public/previews/components/core/drop-zone.mp4 b/www/public/previews/components/core/drop-zone.mp4
deleted file mode 100644
index 74b4d6fd51b35f61a81f3db8a59ec22d4ce65958..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 76500
zcmeFY1yohf|M$BOjdX`}NOyO4DM(6(bhmW3lp@kyf(nX)Akv^TNC^TeDJmc#&7GrP
z{hpuC|9PH!*S%{!Yu)wV%h%a6@0mUGnK(1^*#{vAqPyu6=;7$??g~Lj5d03{xAL>$
zbM+A9gCJ^NS9f<m2!dQ({Tyt;9pOS=hal2x5DbF<`}g{f2$27Z%l@15zX~Bk5Z+xM
zFDqw|XzJtqvreG>x&A2))cfxR`ziia&;O=gCOcanZ%_o4or|~6KShBONUuT=%0D*a
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%0D|2sGB3pWNm3Zr!nLkk2n
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
P1)u?0gaVW(LbeJ3!{%~g

diff --git a/www/public/previews/components/core/file-trigger.jpeg b/www/public/previews/components/core/file-trigger.jpeg
deleted file mode 100644
index 84e1465757a369c757792bf3ac64f06253b41fe7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4778
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
IZN>Ay033{8@c;k-

diff --git a/www/public/previews/components/core/input.jpeg b/www/public/previews/components/core/input.jpeg
deleted file mode 100644
index 524d675bf8c342c4741f00e8244f6f2203c76967..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3845
zcmex=<NpH&0WUXCHwH#V1_nkTWcdGx@rI|fb9_LMzniCzD@5W10}!wnFfioil@tZJ
zJ1Im&Mk%mAfan0pB_<aafM^^5XzsUbAk!HbF6-h@gHM<<CAByisNe$-s}un(2Rc>+
z$QDV5ur)yJBnaCE#4ax>C;_So0I`cgf}DZu6d+q89f_TU#7-_K0;%r-s<Fw<DFxXD
z0w5Rjq~?VN18EK*mSHGn2x4$&a02-s$OnS_MGOoUUl|yfCm_U<W->5rZ)ISRxP=f?
zS-`-+-@?GK?L0yZ5hewRMTubJSb!u`S{ehxr{xR`ypaqH!WS4AxT3*wKmv!`6o67P
zKzHQ>VLC$&Ln?y;gC|2CLo$ONkY&VRz+lK=_Ww46GXobpI|n-(7Y7FiHy0N-pM(G(
zFE5|0sF<LHvb?H_lDv|lnzp&Vnx=`SqLP85p^2rnot>Sko{Oimjfc6doi)f1MlNn{
zK3+Z<0Rb6n4J8e0lEME241yeteN2a$8I>5A1R0qH8UG&vdVmoK7??px5egWYm|0kX
z?gh%42rx1*F)*_;v9L0+L!^PSLV+x-g2F))C$T9S8aXy9ITsdf6iH-PHa1Brz6jJM
z1~w9A9GGTg0*Z?WA}oQ*{=db*!wj@TkXewyp5e~{wh1WO$l<Uu2#})<S&sl?2!>0M
z<%wZ4GKe~iIs`eShz}8=%XSw9kEJCkzx%X(-kaOo_3m1WeLOHnCr&2Y-uuYkq&S^F
zSN?we7w=j%{gO5R>g{}DXSalD_WM}O;i>39>Rs@U@$-hy=Et7j{%gP2&^+(cp;^g^
zf3`jRQK%d-y$#t($ZQUVRSXTt0yx=|KL>xm{<AiCbN#l1{~6ZpKm0WF=gQx&|Lm{&
zn*O7G_g>YFZ+_cmOUK=>u{!_d>-=eZ?9Apbf1!P=YWF2+@zv!iZ+?7~sCHHE<Fj$!
ztNx!s-u`{>`R#eK&pUT-ZxgvJHD7l}b)0GYt9`rf?|v<OIhuWCt@WOb8_ImVj$6$r
zej8^W{<Qjb{rlSAr{=!gen0!^c`4sV7Kiv*SRJst*nu?wRKO7iEL#fuWYTQ^E))B<
zPfd4YVWEC!XXWGUdw0_69`L`bWqft^?#8^k`!C;HaI7ou@1n^TWqYc_(jW6b{HV;e
z<HyzmTkf-MpK*B0-|XWzXLihAD0uiG(+Vc+)-o|@H7H=0B3@Jh#dt;=?U>6l=`ZHo
zF1dV6T=>cIyJth!<!)KuBXc`5ULwJ9AA-&HbK9kT2F1BcYZ4ozpWXKQaq#T6sUO=I
z@@MC2KV~<(6@E;Daa6gi<>s$zE9&lX+t|%#SI<Aa`~?RhgP`S>8T(c3-sOSGq`k+^
zZ_axod%Atw+iEjC(~pK~b2PgrxASk=k@!Y<Z&{D$-QD);+*}*8KNl|kaBQ>j!8hOY
zZg=_~Zg1R_AEVnZwd1mR_kEo+mVVbw4&9r$HJ`_JxwJIX)^)1+$IbU2Vtnksth_Iy
zPeQ)S;^BF_{m=g0uP^7FUYt8SR=?_)oT$P3N!N}YS*vXB<8%J#^M`MD+a$e<oRjge
z@!#@4wg1*@bBiY)S!SkcXy)S+d24NE@2bm_w*2zVKHhS|)=%usk;DHs^Jm_Cf9B@v
zV-->M{NMk5IQH|#hi$Uk3<@fq&at|Euj2O^+h-qcZ?k@!&;9Uig!wu>R;8JCo8=`Q
ze3e^p^w2G{GdeXgSxI3(O#4LVSAFPTVH-h2ie}#a^zxU&vOl}(8X7=t9tddQT7cj%
zaCUzRe)sHk*4fvB@)E_T?fHbXxTjU6oVGQ-ArQ0qvTY9#H?o4bBSlE?_NSM>ERX6M
zf0*w1t?SqX-08D0=G(OZ*7Lb3=W|mTfNY<k&b_<}mPmj!4N6la(@9{CIs`qiMneQM
JM700k1OPZlnA89O

diff --git a/www/public/previews/components/core/link.jpeg b/www/public/previews/components/core/link.jpeg
deleted file mode 100644
index a91a106d653a5796a84b562c9ce7338b1e9c79d8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4053
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
K+W`|r&%Xg`^i56x

diff --git a/www/public/previews/components/core/link.mp4 b/www/public/previews/components/core/link.mp4
deleted file mode 100644
index d04c863c2905948bf452929de1ab9180c569ba0e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 16586
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
T*3IR9L|uBdX#ZHBfB*eA2Eb6Z

diff --git a/www/public/previews/components/core/list-box.jpeg b/www/public/previews/components/core/list-box.jpeg
deleted file mode 100644
index 17b3cf7fa0f629a84565ef50a053c73970535af9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6253
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
AI{*Lx

diff --git a/www/public/previews/components/core/list-box.mp4 b/www/public/previews/components/core/list-box.mp4
deleted file mode 100644
index edf4a31163fd14afa386e9e1d46bfd3854b9e639..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 60656
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

diff --git a/www/public/previews/components/core/menu.jpeg b/www/public/previews/components/core/menu.jpeg
deleted file mode 100644
index faf7ec3a2968f6da39263aee3a92681b85b69041..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2763
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
M6ZoSOKrQ$E7dAiQlmGw#

diff --git a/www/public/previews/components/core/menu.mp4 b/www/public/previews/components/core/menu.mp4
deleted file mode 100644
index 0d4df04e371174113e19432a1d88e00df69195bb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 44446
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

diff --git a/www/public/previews/components/core/number-field.jpeg b/www/public/previews/components/core/number-field.jpeg
deleted file mode 100644
index 4739994711d3c9e066fa8866d2ce432d48055bb9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4162
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

diff --git a/www/public/previews/components/core/number-field.mp4 b/www/public/previews/components/core/number-field.mp4
deleted file mode 100644
index 0b75d0f13ba5dd2aab7a07c2bdefb2dcd6b26282..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 37077
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
CRFrA}

diff --git a/www/public/previews/components/core/popover.mp4 b/www/public/previews/components/core/popover.mp4
deleted file mode 100644
index ab86c3d5b187482e1abd4def94094841b1e97ab1..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 27227
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
N|HBxBck+Yl{{h|*98CZK

diff --git a/www/public/previews/components/core/progress.jpeg b/www/public/previews/components/core/progress.jpeg
deleted file mode 100644
index 632df936e71dcab11e65b60099a11653af898097..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3705
zcmeHIX;72N7VQwWuqL30OF(2m2L}|8K!GFz5(GpM+02N7K~RGsglH5+M7DX#q9QN|
zI<g2+7EuQoh&UjQC~-j&*@IClO4JaA5FEC=j$r8@t$Od*dsTD4`npf<J@@qOQ(sl&
z-Esjydl5Z}0D%Ai0UscLf#~*hbKCCgw~^?%-hHNU55Q1f3BX<|gYM_yx;S_XX|bAM
zrbAH+BgfJd`!@pW$~qP50B|k8!TDYq6}~f;3<>Yy`vV;w4u_os@tnvRyi9?2%;41u
z%w*6QkmIYsbbmiLh{GXX7Woz4@f9Z1=n8&1<gDHswNG)DA`}yA?W6{5hPyg^7lByd
z2RwkQ;{NbAjObzj97X{^p8S&Akq<y!3IK+^UvfWO06;exfE$m$<i2=93!{g9l2eAO
zQbYs*!{q>IZvjBR9RQ7=Kh@y!joB8%(jqulG<+gK6xazC15ZE&WMBo64Oj`R0Z!fr
z+yGKZ5sDQFLs?Z>5$dX{Dyk@T4Gok!3Z<c?tEHi-qlrRkW3+X2(P#`>LrYIz53LU|
zS|Nf^bRw12VIx`-r3thDVaS^RMjc_LWQas80ZJGI5`&Q60a*C0ApjCCh|kwWsv(rr
zRg_Vxu<U_`X#`3|MMYUv4fTnEP=Ys5Q^)9YRptlf<f8QE8Ty-8dj#+{1;(72W3VJF
zwPmi&Dtnj2qNO<3weCc}lny9l@bw8ZCn1y+dCXTQ&*m}mUZ90Uz#)+sKmgML8awkt
ze=XaRi#q<l1cEg_JND21|L*`&!qd3uePwj0+TTlAnt$A#+$;6Twso>FyiN6=l;&Tu
zDbf9q?9_hOINTU9fx~t8&P|AF$I0%MwiR=4>^0w$zxKE6MPxfCdn>(C?^OJQFbi~6
z-8;3hCB<9sig5`6g8>mc?(KQhpGQ2UB`&Jl@BbG*XI-Hj9N&8BzDTd8RSxDmc&0U=
zlZ^*U`PD;yc+k`8)y_D-nT4$iBs&KT4lLz4a@;HR{lXu1m|Tq*l%8ER$#QjgbU(+*
z$!<P6({Ri*6DtWPi%&?}#F6a6-zIFH)W;*=A_nEaGALG{UC5|XTQ~fa`B|Ad@Q}H&
zJ~xBIA_PW9u*>_|L?O?(VsBl^&ENTtkK$rFcvw@8Pya_`B-YZU;~@8tB_IEaWN&q0
zDy%Vg=(kwQg?YY5YK%?{b3bW%`!WiN;-J{ugm<cs97#!~Be^n4Lp<kqYKY5t?O<a?
zS5ztUIU$HLs?ScH&$c;XBqK!9vzPNH-j5}<W7q-xAEpISFE8$L+;FYBhv{$_aXmBV
zf@o#1jKx1q7@pggv!2q>TI=}kR3@P)h#Fv9t^Jy_@6&k8T{>cf4MT;q9X_JGol?8L
zGY{StaIH9ll)4}DyD&Eo?q!#Q%GVcJjvl#v4K$5Mad5`wu~L5alP>CJ>rqu{!L>L?
zaa#obLf~ttcIqQ4k~V442u*v&{N<2IsEpYm#hPOpjo#hLWYhD{#l|`J#AEjhZ5?0O
z?+&7~AK;Na&%E0i**VOGH(UDz&gZ0!YMv<@WF;ZRdS+gy)>L;0J+lpOuf_S_F|{Cs
zTbH^TPFp9v_Nd(;IU?b4+@bxIa|a#xZ4&fH?a25QE*-1uLtY>4{B$nTT})&*F8#A0
zh$5T^4eYbYnAn~+>))Tm5qACIhI;z_bD`ApTZcxP4mpY9bWR@$p^h|BRzsMrHE@u*
zA}`2li(TdUk%}2|RVZ~Jr20b>WtLn$+H_);90SQ+3bN?tt0DX`s0_*1swK>OuFid^
z>-Q2g+Zm@a_|<ZdPOIr7q&*MZMT){Zm(Qc8ubfh<casCy`}St%5I(h@UJrY>g;XLF
zpCZdxB<i)Hkx;!OYW_NBi+0ycy{e;2?Kn9PDfq3oc-~5_#=Hp^p>#!ssvKBI3=qbj
zo2oyAqCYP5b&N<UYaTpT9u!|XcHKgJu!Ko#v5(wTGBD|M=3m?2rZw)8<%PVmZXL(X
z%xttRN-eP#S+<K5P8|tdt<A#Px^lxNIMk8hULnW4wlMl9_G1nu@29h!s(cH{eq_^l
zBG=z?sb|pP8pFdnEUcX?cgH62kL(8tqNki(ABv-w*o@6%y&PAe3u8%5eWsxXDBU;R
z@oPkv4GOYArE#JxfxF5QXL9qjL}6Tg75SjqK>RG*ELc0KMUb*abk?AtG)klS4>R9{
zwkqGE$r~nK;$`ef-Y;JH-L;*kEUa7DrV&q`8@I|Xp;LALGU94#rN>P9UU_!1Xv)`~
z#h-4Tnnv;P1x34;3RIxv#kHa~qXLbr-SH{Urw4<Ew!4j&$Jy_;OY$>afxFVR$DXNW
zyFcE@S<=E@mo@%eqAC=qB-1t&Gx(aG1W;*uEI_|(khGqBKzMYrp^h%93Lnb|*5y<%
zt)MYa1!l=KuVRK!)ALRRvL@X+<+%U41RY;#clCz?#NY8$;dRp84<}|(Q}@MS=hXXI
zV=Fc}($mV`3fxoQZ-dRcJ{fId{hIlkTBQs4oCs(=rbgG}XOoZbM63jdg}RA>*ygx2
z?ipv>rV1TFqnqMF3kI;E_}toIQ5E^XzN6!$E>2l(;#K19N<2Z;V(Er<Y5xICSpNdn
zl(QR`T+mXf*3o$@#I7=0r^eWu^f#lkCgVgCMMuE*5WO+V7ucoIs3p=-IEX~6#@I(e
zxN6kSK@NH4*t=F;KV5p;dgy)+*P(5y{q7+x_b9!0=66h{eqIRW*K%EP*d4S?BOQP0
z`QqJIf0d;NhsU3+$ay(DXXE9-?Yk_KUZyYGS1~C&%p(+PCp0hA7YK=>H|F_*jN>$V
z31d{>Co@{PCd-pVFtNM*1!<=>Yt9h};eh4^<;M(uZ0^nC@_cX}M(s{&EfZ$DCX+ia
z$B2=N#)F4DSs90#m(P_0O)TsEv~jT<yl;)R-@n|ZcYoN8w*i|k_t{(#H#EAO@3p1h
z*lXZpwC4zQ&&D|V+WJd|o|!h`t?JJQl4%oUb=d$S%sNX(;&NWqZn1k2ed!uybbTq0
zV&B8)IgaZ}HowH{W&Cij@V<=b-=F^n(cd~xoIQV27JHG2daI%Ls_WZa5V>o<_s1WT
mYPBYYpU6)-30Z17Yhse|E$Z=^-|hLH-aobf-hl*p&%Xh+0*Dd-

diff --git a/www/public/previews/components/core/progress.mp4 b/www/public/previews/components/core/progress.mp4
deleted file mode 100644
index 72ab32f8c05ccdec0afed23245fcc25c3bc3ef49..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 40331
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
SYNKO8_8&QPe`|C9|Nj9%$%@1P

diff --git a/www/public/previews/components/core/radio-group.jpeg b/www/public/previews/components/core/radio-group.jpeg
deleted file mode 100644
index fc1f46464c23963e5cc805f51e2a2a9e725ac51d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5550
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

diff --git a/www/public/previews/components/core/radio-group.mp4 b/www/public/previews/components/core/radio-group.mp4
deleted file mode 100644
index 36e6eab678868fadf98f3ed357aec6b61872401a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 24032
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

diff --git a/www/public/previews/components/core/range-calendar.jpeg b/www/public/previews/components/core/range-calendar.jpeg
deleted file mode 100644
index 24aa52a7e4d5718680051568bcd17a3748b4839f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 14084
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

diff --git a/www/public/previews/components/core/range-calendar.mp4 b/www/public/previews/components/core/range-calendar.mp4
deleted file mode 100644
index de18824fb2c70f32565d2eddcbf8d2abcc26a078..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 45669
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

diff --git a/www/public/previews/components/core/scroll-area.jpeg b/www/public/previews/components/core/scroll-area.jpeg
deleted file mode 100644
index 8b8fe715680fa5a3a142c648ef96ab030eda8332..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 35821
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
Y`+o?J|GQT36<AB}WdBDrmOqRC3l+wd@Bjb+

diff --git a/www/public/previews/components/core/scroll-area.mp4 b/www/public/previews/components/core/scroll-area.mp4
deleted file mode 100644
index d85a4de0b8df6951a54b0a01aa4dabedd59345f9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 390637
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%0AljiR9ih%yTYN!l(S&8_t
zyCNf12LOb;2io#n5dV^q5;M%iDxY4X4%pRy>=;n#bDZoSf~tL$#T1K68RoNPW-ZO@
zYRSow`lhDn6Pj3a?{N<9gmKM+Hx~~;BvZ_b2sXYcd>e^PD21P(lEj4feR{E-dE0N-
z|3D;M1iF5GjC~5Dftlw||EmCKsAN5kxxXSe8}Cc!w&1^#&QPJZqu~8P-9)CqZ2@Vn
zX)B%5s_Qp;QYh;5jn?H(M98y0s}<OD9eHR+V!tm#U|x4T>36wIQXj7kbdp5};=eS?
zB?VQ_D?Gc0$l?jC@eFXg`&K=O-6B$}&c#Zb@`{+aC-*2bMt#>R=4+a7a{^YI*Ipua
zMAy^K?L0fV<ZvG{q0?3>xV>lL3yDEXzJm7PjP&%{3n7thA*$(+2|>(>`C9A*Q4em*
zG4y6!L`ARB^Hg>=!DHtr=Mj;T?=2PrPp2-E{H2PkzBY%2=K>ADt}w_P)%9AT_DA<4
z3%{RG1!WPG$&`N<QD_Rnq2#OBrlT2!<LH!55P~9>D9Tm!eNKWCv{q_r<-JTSELvsG
z1_05Lq&Esk`4N~0K}{Osk+K{jL=o>(w^fKMG~}D{1@%O9+>MK5s{*^hRBQKj(E2`q
zX8pYBE`#muc<sX3vke1}j%ZC67Jh9f1&E!WA!i<zQ49r{kVN})lbc0lJFQI@He~1S
zNbd=KpLuaZSkK>Af<^~s$fn=7Wd)V^ge^2w%D_cY2N*#ro6NAg>(T;NM?OAYO%7t)
z5l3#1{Ti*CHo?q`&!VCCY0GoutX09kNF4`EU;pWdf)?tGje5|X0>h~f>DzL&;%U*W
zA3sqmqG+A&Q9sIn_$4XM&U_TMU=T;s(}dP`;s>G`5SN2WF@`?S!g|;6n|C=+_)ejj
zt2DZYD?9GrW{!WKrh&IpGhoM=xDowed+j+q3JSU}6awCGoP0oo3j*vi5vZ^RFAk#)
znG{lc;ou5=ZqEj`pX^CCb_g9ta2$`oK3NCDSNX-I@!J83>%2G}7c9|>^AV~;5)Ic7
z!%R*!AzZRIOX+H}L4zmiBy}Z>^I$rlA&}f98c7(|tk`RU3E9cfKEU2~#Mw4fy9f!6
z1+kN1EDtZ*<^^~f_QIAz<;?Ofz}w6&bl?q~Dg_4ux8}b4hng4{^H@5?Ei+8#K7S+%
ztw?8Y83#vXT~>MCu}HCr)^X*|oMSp1Zt)P3y&rL<r+rPYyz36AV8Ua~>kG0U)|F>U
zy^%OrCtx8E1YnFDArJ&$j2r*}J99yv97Pc<H~#<;U3e4FGI7YH1QvRt$1HJ-Cqswf
z_Yj{4T%7Td9}ueUK@+DP;tNuJFC0~rY$z}}MX$GEnaQXpY${~>AWkrL5X7z?hur+v
zGbrkgN+d_<{k}E{zR7Ma#mg4<&c&Y9%{yW#aBFCr0E!PuA^06dej#bN9;0YGSs1v>
z7`@cak?|CtQhY&7;P=$+d&|p+D^XWE{;Qp%viI`!kXCm^emC}F@;O`0r+`<syKba_
zs4b(l*}C%Ljon1a1|L0`aWFh2%bkNX^L*_GsKCq#^$+<6qTy!m@?o@T1}H(pV&t*q
z^sz#^WlOXV^Y7jNFcb+X()>PiCako*{%8=ZzbxKye<~~l+Rc<A6mYocjK*v0{so&f
zMIb(IA?1zaw!T&=n`nLtsauQS$BIgONG<n!?IdVvL<GFXo_|DdD=y(O0nk<ibAa-$
z_Ua7()*rwz7io7_<_pB+*P_CT@}!>Il1E;rjI|!F|NB&@mhMat#MlVmYhF;mI8ypR
zLXUbtn4L6d15T^uphxye@t(>L514V_E+6D`&Sy{8jhcRAwW=xlO$wgpu>FDZb_sen
zxbBtpw9Mpv*16-e;sY!My1aHWUUVXyvT%~n=P8$oBEedFrh_s8!~NN9{n>`+<zL|_
zdWBe;lDkNH7X#=;OE5;m8igj@LG_A@XfIfICWOnrm&=$PiNH?LI7QeCXBeSRMYY`A
zJA;e;Fey7~5fZzT;;-Yk8ov_6PFjh{-5Era@f~ocWOtXT-Pq>-F4C+*7U?)csw3~-
z{8|;n`GgkwY~8Ub0qWRFl?38qcr8;Prw!V$=%<LN4=?3~#f+$6_;RUs+kfK6wQX_C
z1}e5dm`Bl)X~G31-7Y=CH#o~G+y9DD%M{r<dd!;!5_zAGNJ+OVw_Oe+IlyoNYotHB
zsy8HseY}K|vsa(=Xv{sE{S!}7oB^Yea^aR8lvqe#M6=MLgAqyVG>pyd<@hz%VyiDw
zqivmM@OLH|#%Jm!0MzGL{8Ig$zdjFP;3pxFWN2VwpbFsmssKu{e_v3|MWz?s|0%)f
zzkcCfKds2P&^}VQ6(c;f5n-K0C?0JKe_&2@>V%@8H?71Qd@cXPb{RcTtSeMbb#0N2
zxX0N8G)F!O=uRU>%`?%gvQ_Cn4D=$+Msv6j>Yj3;Tg9R!0lfLJI)vK?5rC{=7&2^~
zhu5<2GcJf@=+~HNoy1ft!`2^t8MkgK9vNgpqm&ooLFANUZiWi=XSr3u7YF}hkzi?c
z(AOOS7l*t|n?g=LuQj0jnhh{cH-_u*CC$H4UpQ;jc1AU_*nz_<vkflqnmT2mG@Lea
z^GuV-p}B&JKbaSqlh<mv+id&O6L1PlQ4|2PI?>cwXre6hR#EY_S}kfMN8Yw4FKcRr
zGYHWaow!e#6uGVt>Jn`gbP){_W^BY*^hwr8jJbP59qKs!B%V85aZ=AE$WsHZurpKW
zR?}%k)@*S-HPu_uleYe--}(>KVpU4wpJ^BxR@&Ja5z*sa)w>Bz#ffvaHmXh~9>!%I
zjdM46FyL_O@fOpZPXxz=BESC_r}2Naycouv3S$dJ<pQAqw3Cuso|gpY!9QTx_(Wkp
z+4zKIz)Ro{kui#c+%(d?lL)%oPri+h+3)GHnbeBu@l_pwpUO=tG#2LLAFS&&D3UZ2
z=59IYO!XOGV%+er|6DJZ|NfE_L!oS4pMd&1XZiFVMV&IX@)T#Xf}mK)C@hzD(-53&
z_*d}Mppj>cH|BOsam#@}1rw%C(kMPF)=&)1N}ZD|oty{l_Kq%w5pkrRmyoIlHCGNI
zaMl7wxnfnWS?HGePq3$Rc&{#P7j*MZ@5*~(hz~u^Soa{Z-kH!*Z};ElKAxV;VrkqO
zr8@B=CzcU0Pv~z<U&kLQq$#o~lj@Fje7@fFZoGmZM}{uN*Jw2j*Qh;PF_SK@!mN!*
zrW{VAnh|x&A1at&6aa&=2kU3cua}4p1A^Ok_5citd~tdh&4?;w8`}Iia+OxqcumFj
zJ{VgKPApE|h66`1Yor?UohA1X5f~v6>z>t4whWh4A}}sh)##6`a28m*)I925p5(@g
zPPrB~)qNIhm5w}7*ao=)JlnBGT~)39R?dXZ{wV^OQmB%MH4_cvo|W3bKW*n+#i)$Q
z+pGY@7*hB+Nz7eE5^@t|vlUC<ox-Jg62I(rx&ETH#)F3~G|fVIRbDk&SQH@zo?qkm
zN0MU+n7VW+wF_jjn1$J@qXJnvTy1EOY~Hy0;X46!NN+KF@YJO*)}2aRD~PJcPRgVB
zm4rj5Ua!4)9f2(*4wU7zQ6fgW4IKZZeUHk{i#thVhs>K}k{Lq&nB&;2PVY)hwidG%
zd82M5!&X<WoXSQQ->4a<=Yc1f>RL#xGSAV9ur2%&*fnd;G%uU8=Hu)Z=4B9Ns8kNP
zf6=z)Zl8AAGG^A<0^PM(z;?Dt4S~cY&8;-lDlD+Wu<lLJR6y1`w(5^N?Nk6=E^O^-
zIkhUpoTnwtj}l1Oy#;-%uh{iObPd0Zj(ujGWkL(I(LQvyH1p0EyVsk@RlwxgQlMR^
zdzFcBBHL{CxPDILFEk(j{;OgL``)xJ;Mog%5VUgHv6i(KlBUx^u(dz&ee@n=TUsnE
z<X=^Z(~57+j<Bx01|%3PrBbzDY;l*9M6UdzIS-eFEhI2(rwa04lk`TB1!aGIsG7K$
z81U~@xzr?Zb)a2eaN<I()3Ud?hw`O5wdocE;vp3#X6$~O@P_ZS#^11o3$?B1=T&ri
zP)AxXN#4UW!N(8hz|$r5fz=vYa#^9T))p$~MewP{OYIh)LG-#@Hi*cUTe9R~v{G3n
z+vIxnY-HO#7XJO(LHD#I8<FCcqZF09Oz1+I6X8CVwbdr`+v=fJH5UFCc)c9|YIH(7
z%iGYUP!>!G9{g5q;KThdXn&UfYB<?GjCMi5&!e7^ouQabIIuRs67eD3cd-}hUU5s!
zY#6Zy<T3<(vs)aLQ?kW5hb(sP<zs&DMt98mJ)$V`)-A`v_8-!EW6%99NyN--l{sQC
znyP-c7QF*BtH1>hBRlAVVsIb=w}CM{_io`E=H{&n--!B^)x2}DqP@XoL6M=uCzYtT
z>1JwP;2W}K_Xl$j+$O^fQHRHOpn|&&gZlF7jtU%{6@uIGJyvrT`()^ynR7dh9Qqu1
z>vFl;*OFd};VezU<tG!X9sx~+2rtS>eyo6Ukbs+xlyBIlns=<t%Meho`>}zgVok|G
z=h2;D@-N-w9{vt&AX`nVWJ*3@5QCVr+Rpnc62J8(8|{aaGz=Ac7JTi)RACb6MWDRP
z#@bw-Xh3yD<Sv?3cw22}h3DTq!?CFafWEDGI?+MJfbM3-y0~wtzGR68f78p4Uuh9o
zzmf^O0^I0Yn;fKLb+j`y#M31M^~ad%0-Dzq%gb&NwMBNK3QwcrE9<!NZ+I;!CAv6j
z6YleZqT-4pBb(w$R2zV}qx$Vai(E7$cA358sVL78Ng741q65YDZg>jVxEniE8Io@*
zhIS#{0}Q=*#L#~n#!pSU%{1@WPhSvQ$%QH}`YRYrkXlZDiQi+`@K8UqiGKxnOu-=v
zl5cy0G-|Q7OVvs*+5;zMW^2Sf-i4R8Ox0&{3XGZ=uL2jo<M4Mp|NLAqk$|UeK1x2n
zAedeu)I;Mv)jTTY($U`MW^#<&`KbS6ldA^mZuPjrZ;buI>zRC?O?mz&ELPci`&%y%
zZB`tbgd;TQZZai0+{@Yay*Ram<cqK{ZMPFwgdpT8s3PicFqkcppjtj^S|m>El*@^A
z*^CPp-2LNroM&%*nQ)0gD5O{{JKlQ$gd+%3c^1rc!{R?E`rA=b7VkERciY06*_^sw
zC#KA86NrdV0k=dZ{)~4NsoGPuDc$F>9=mQs{q-m)`g`;y@mODYA>)Q?R>JAWNv1Qb
z=lnZN-1n5X7ne-lAM9fB;i(f7%Qch?y~}ac=i*X`u7m`DaG!`mC#xN(0*71<)K$AL
zL<)~bXKz;evjqH#H!2cw1o8EduWdT<`Y3&|wFcF)|Ns4fHS&Ih*ws25NCxXtV&VV)
zop}NNMX~S@5=F9~(j!OI_KHlXphYfT{zf$SehkL}4<yssZAjmQi*1-eFQvv`g9{Ab
zzBRGLkKc9_sCrt+h3dJZ^-PLAbQ@qx`R~=aHhIC5QlH_6d*oyrQ~}-%)x**MOe0GR
z@Vyo@TV=E5<ZKIXiC*!JbCSaAk~;v=NE!al<lDT3IOwa}mX+BGA=BpLKVHaipB1V7
zrcj=2)(JboK+a{Vgn79%v=g<L8(mtZhY*8xO~ScZ3H8%(7AO*g4KjxIdOZvUk#(^A
z>9QH<lf_s6MMLba{uc6b#2#in(<$F;IxroI06IX$zvEoc)duVwpx|Bz)NcF2?DTy$
zZs#wQ1t@A*APn6c6c(EGgcouscCK8vu*5|!AHguQOeE@K!<b(U)b`Q=AbW}R`{WDc
zeU1=3mDNS=TO)MRT<(O0B6x3$&3V{j&aZUE<3{0Du?3IfkNFuj+9Y)OX1cbc_`z0{
z?LWW_yn35@N^{%~{86>CGiKwqn4B4;y50~Q7Z*9V?wE`0n4Q)Z4vQLKoQkNf{Y<#6
z$8TqlR&mm?-|9Qgq%05M*+dSQ2JY_fsf4?5B;6lw=JXi;KY#lZ=pO)0$8<C&s6AT+
zfm%fJVEM42lyWaGrw+oKqz$}@Cu3yG>Ap1%P3a4L+@fvLyjlY%LR1N|$lLt97n3tT
zI*B*>+!y42=ZsnPk3a#y5af=d+X{~GqL+89=4j)0SbYi&eZ^d-BS~B#K(n}-`Ifs=
zoI?wdae-af%OPum#ff}_7}Jx?7H0%!yU-Ok2fsOHnDEu2svs=qc@2iyVISz}kw~fD
zOWaFUmm+T!=0$<`-wjNKJS$G0nPZ-KN^``~Qyx>SOQLo`AQaGD^E6`6<RVa~xbmVI
z{8yGqA(fH{nb)Y!SF_tA;p;tzRhv$FJ^Ij#iF@wGBZ51}*}A7o75od1hFiG1T_Zzd
za{GpxGZZ<Q290)5_Z<d0^c)#^Y1b@>Xw)Jjg4#LI9B=^bX|i5R=1q<CcNPJ!Vcu4~
z6-U!QEHOpp$9nWxp2$u5+6midx|^ROe$|<;;)7C8NHu??pu+gSTQm`nXzgvo>QHzw
zS&D|h!{geRi`xyae+#)6`H`NRG~aq26wr!)>eIFg>Z^#dU7F`^j~0xu+|lv_OD<U$
z1+${S{nR7|T679srWq#uFO5DRHyV4q|8XC*6ys<qpD$zUKGm!;1v)+L^1NLB*-9C}
z5m(&cjYPKXoQPV(*i$zy-no8-i*7o44qzO)zUU<zAXn7{Tgy}0UG~TxLC0|`e}FLM
zIo5a4eLRsd8R(tQEA}cXeng`zDGj@*zn^bt9>sF!bjIp)DQd6BLfP;PG=hyUB1#$5
zbk}Pz1&+wwE^xZRoQIf)@jxPj`aS^U3m!hj3~s+Ks#N?49TxK_0uuF$wQ&gQoHoB;
z-LXOXw@9Sg1l4pf`<}5CE;E;YR<!VaDmaGNa{P^HAiDz8_t@}MA!Pe|j8KwzZ`-~}
z7EOCo5K;xJUUJE>kl@Weww?vzO*QnP6wt!xCXdN?)~YLiCM~A@Rs!m!l&RwQKxK4O
zK;n)HkZuiON4mw!(F!-?U)RD|le{T=dZ`a+205h^aTE+FRr!($;_ZDr({}5`)yj;|
zV&h02znQ;=X1ZxwQoArq;gm8(m=xwx*#brd3Ci0Jzn>u!>CrEz3A2cCUOWxgcEoFy
z^=O1fuL;r3*UKzS%7R|3YVKaaa{BbmME*!Y`d(4oWSc1^+x)n0tmUuvNYCdo<&`Ax
zRBwl*NelaY{k4Saj>xxliXILefFIoYMvstu-ww!`Z9AfVn9RU_HdzsBh|a-;-ir!X
z5j+H2soCu;Tir`uBVIWnp%M4lprV%Y;m5?iC^p;1o_M}024i!TK!&!sq=z}(J(0>l
zYl+J8@qfg2MU=9gZ!Lc#5qLhO_%>nmHxRx36|?}fKFd#qc%(-4_$u0t8CkFFXWA?W
zOm153y&3`n`qrGbU+SWQ|Kv{@)8CzSKT%Rdg!G?`ArL!%DuA~rC|cpn-Yb+vPswIT
zJmpmU1HV3Ix_i7H{3uEcU~r2|snA2B`rDF;OEF5$bh930Y<PLMRj&giC3ga@>#*M`
zg6z;*(c=mvXxXi6iymcu7s3`j1gxU$gQQBS$^o!Ps1n})K0=&h4+oxCqT5idzb^#+
z(cb=8-EnSo5De<T_&w;+GDlwTA)aq_+ayS#d<e20DNz)~2|pjOg5xcpoKS*6*QCt!
z+>m}g&;GqU6A9Jn9Zj=N_{wG5KrCi*(BbV|;k)b&=W0Wk4TBPFDV+C0>jsC1%ql)@
z|CKerT#zMSV*Q~L>?2l7Qh>G*6tyV5LUlV^vY{QN<r=bxQW>gb6Br;)P=JyE!sL*f
zL(X<xGg{FZ<uf4TclpBFE7f@E`l-UUKFm$8PyUHi+=M|cQmMK$5>pooV;~ugsZCKy
zHWld5x$M+Jv;9K^uowFJ**At1E-+l%ly8MOw#e^dln;|cb`XVq-d|t;PQdCeXf|~K
zED6oML`>F6S~stZVC;-XyyHgkKDp&21vHD>B9}9rP-3(;lN{ms?P}*ry?&;(GA;)A
z1A&zna1z9>$SeFr#b2r+g`^E@#CA~nkb>*%yT6b`Kxj>QbKz!l!}oTxIAZ)z61VZv
z@>ZOOmVly*Ua6pQ9n#-H&2VNLfC!__XX=1xr&smFeOQezT9k}LY=UNDeHPhkp$~3H
ztab+1ykfBf1?*>EECGdCZzCgN8r<7@e^NK=UGLr<Q_$a0jSBI~lxdNwbz+`~fZwyH
z#_dv@QXV1uJ%Q1NS*8k_ZH#`)iqY?zL{6IfWnuF)&2$3NObmNt)sMXGBl|ssRN32a
zYbGWj)V{iVspCxv$Dih+^7Lp(#F?O20)G<c<}QZJ>UKEwxy7jE<rRY4XxSz5zx$f;
z-@NVwIm%RS^TNSpLo&@ni~x{MnLCiK&ODXi7)dvm7q7}}Zj>fK+BtIB@CaWn<DqY;
z;h9|NM899IeaKQ@Z3Jf?o-6<7-}m?Sl)kC|D(%8Or$P<)rj#M;hqPkT0#hbLz*|O?
z5dVgQnA82`Ukvx!05GQ5Q3^@agv@GTHf@ZLK-7bzq{2fF=gRpr|F4za`duquVr;xW
zxB=aUoHu(FljpA5mqjl*Hj$*4D0V!eNaHgBO+=An@#uf<6V)g2(12#~I8BIKE1hc=
zMpuR+{nX*9#HyboQbDwZH;|E!CdnS-ui~1=j#<|if%Ng@3uAJ^GeB8qZAdoq*U|Nm
z9>~-Vwhu;j?fl={nM`;JL?sVb%Tcyl3Wijf%yobZTv9Z42qH<K`~&k!h(~|gP{pZ{
zKRXy_pOUI<*y%2NQmOcI>Tq*WB+qXzlxhZTzl`P>D;Q+}2HQNf&HyVZd!@9eLxOks
zup+|33IJH!4CxEhq%J|0)E62e{up>`T+qn*)@?4%-$Uo^E$z%0=8#mp+L=!3Gldh`
z>Kc%5k*Z^ygo3g*)ZR0)<t~PQMHu$n?1>&N!I=8fwP@aO5{Do)AHNl^0fTb2XGyR(
zleYN5G*vJImfg~|d7+rqRjx-r^jTe|mM`(en3C#{stX*DMrr$1Zr~fTg4JR7=SqPT
z<sg>W?`j`kNBet(^S+nm%%<4k517Aq6p>oym;e_u7@Cu#28E3U`_fLDVcp&UYl-S|
zD$io*FwNqWrg~`5aJd=7L`-qy>#lP$JwzLE!`~;7t}rduTMH*JtbLzF6sVq~%WibR
zy?*R`6aVk)t@8qEMVGL;iDBu__tYCvkE<dO?sU}Rv|U*uI-D%HmG@SoEXNAf98NIy
z>2QlOYhkcUwnmm1V-f2VkWpNq!AF=b6uR+h$f_><)_$xm)O;_bSY*~tU`&nBU^2$F
z7s~P#!)L&ByLblma{*hWMjoH(LiUB74U)H2)3Q~Uk8~#Ma^{UY|GRhRT4^?k)W1_N
z?PjGun9xj6Mhc4Y&bR3jthx>6NgAZaeSPfof7|a%It%OwE%uSOAv7D2@BwP`WAp_{
zk{7tZ0tBBz^mxm(X`%%yuz!jHEL)u74Y@sbdJCQTXmh5gg(WTBvXYFHpST+oT3BjX
zxbdEZ1PWG26&bd;=VQ|wc21DmjE7a2)km!Z7$8HbWgd8xW!!xn|9D5Sbk7@i#)XCd
zi7)vBB&(pLNc+_v0b`v;={J8+3ew$DeAJ${5qGquPhB1D$}?*4F!@)5PLdi{I_PT@
z=fB%eOh|%+8YE@rZ_@M3EVcBeM#9#6Ry$e+sNnShm6_cgHy2-&1TAR8!ZCbWH}cG3
zTCm(5D=7_j*06<KD$=Ywp3&>$gWirFGIlw0<jS;qKQi%tXAF=>jos5O_X&a>2HW^n
z?cM}M4aAsv5$UU*-HEk&I`|UR*{MQ)KLfUAOR)G{&VOR1*9ITxt1l{A{^?!2<}8^w
zj<0OUiq=BH-ADad02T(or%p)S%nB<-Z8BH4J{mOZJ7A2zn)rX`ry-?C1o#H>4ay8p
z2~yZI%@B|``rsc(WTbiptKn<0zO{h`w<|ct(>_F2kyfA}c5v_d?5Xun?+Y3dwb5EC
zQt+cUGa{4Dw)o96UFe@w_PR8S6u}<{Am_VVWME?47<xdjN7^H-o~9@6OoXGB8)gzK
z@!~xTW1xyjJt-(1iK8@N!Ou%wc+gHJlgR}dNRP7v-=Axpf`v~S8ySiz<JygMeQ~jV
zju<k<L@w0$%N*W($F!+-=Id%<i`m}?_(^T@SY#i8?zu14VGs1JhTvYkl$j|)CB-eY
zt^(kOk^2K;zBVSh2@x*1rafbe8Jy-G|IFpe-P$_5j8qxrJNRSr`HKngD@P<JMPgqk
zEZYElqg^Ez)6Iryh^tiG;7l;D78kY-hJQ9_7b_x){`54Wd0vdlb0~|LGUTAtus9Jr
zhjBiL$1j$VTx20Y{~4J}GZfT3v~=iN7bly-KZp7{OPIX@W|KWsF$^1O7Zd;NVDcPS
z6(t7&q@B|Kiu>v{sRiFrP`TyN?e!=B*$td-XD+#_Y)UR|FHMw*J2yXt4QNr#u(>@E
zRBfC9)M>J(4B9gj81xqB25(hElBZxrCf1H_75={)opjVcq0M$w0Rh=HnBM+%SNsZ*
zO0Mr>MxJW|D~d@;3*-ZY2?(YiN?MGE#Bac<Riwm4@7(Iy8WLa!<*Es^0xXj!4U>Ql
z57E73jHWUib~M{{v}p2Y$3e-C5g(PB>_^We?`X1~WpCU}LwinBkBG2+87EE90C8%U
z7?e)Rw{E4Prv1w_9;iczX2Xw!Rpo?j#)o%NgsM`03Y@^S&qZ0fAN-+QB!vG6h#Gyn
zhJQEOF5q;j2Dm&@I*4!vJZ!(}wOuvnIvXN8)EKoI9tIJf%<HijEA;^XU#J;@>)QX<
zN>fH8Ld!a3uPK)s^KI(Fs>N<BisIVVQLI+x7g$H8DF4w^%^(wYEv?wA+l&Z54;`5(
zl<E=?1LN5T4=rHm_b-G?ZfS&2;f7P$8oj`NbEgOv)-zN0Z8n&iJB$yhBNK7dLTxld
zvophM3G>e-^<=@vj`~$FSroj()dpjn<!co_F)!86V|uf|D#{1kFv6(DR!{k^57=KE
zEhj51@jS|9a;y<vS?bT~=V0Zqs<Mm-qP2(z#?Xi{aGCo2%T#|LX44<$Fdr?Px?=kJ
z_(Q}zE`A+Y^=>6GnQvg6`p^U{J1obZBO60dM%#t^QQxz_2{4JpM9&PDHQ?7Do~n{H
z4at+*ug`h<N>ei0)m*oFnK$R4Qi8dt2>w<rq^Vub#|IF7>X4y_X|fS(X-pKf!hVSW
zE&N_3<N#EovoQY?DVnlDiB~C<^dDG<VBpRQJ)OYOC(oyKik_{znCI1NDCPvI*q|rP
zc0SXgvCJtEzV^zSiJAFmlE4d$uv!nuZK>qZ93;gkV+S!GJ#KxMf>XfQHE%B1!q0;W
z>~q-4QtS1bS8vn)Tx_f!)WI*!zrb|#k}<Cc=`Oa&{Di&*sM`(cs#z1AT{4#WT-4$W
z)v3zj<gJ?yLBhbE&oSCkzGsPa7uoJ8<J39vwP~b^Ys{zo%gn(I2+Dz?8wTKjZ!I={
z?)JN&k~$N$A@E8PIpawd+-ny}jl$H)_?zR!v-f}M_Y1X0fe_4}_;mb5L*}gQ_wfmQ
zFdqEKLY*~RZE4Ds2YUR235VkYN~jjMIy`N(%5t4%d%#X)%3~UsTnz6h6s}<v%s651
z=)G)9cCm%55FcW*7EB__Q!K${n(l?C)2^Q!T@*vGACkcdk(wdk@(?hyywqA7EhjEf
zmV2!nSaV7MMN|toNU_HCwC$PYCv`=#SQrmhagR+G=$U{@?_ms0eYsC>Exw!%P|{d9
zhbO%7aYM!a<bh6l#S7MzT&;RJI`oa^=?25J$|aDVRN<M{?0!O9>*sBs1VN9^Er$J|
z`^9}Oa%kfBM@?g%al)$NuhzW11k^^T94~0fu@5K0g=-n!Ge5l!SxnS53UcZaITN^o
zlwi4;jxgsf=gn*Dq(39zk_yK7-bMm-o|LGET0&1hWb;~a#A92ibi(!hgmdZrrZH*O
z>L3gH_jJT)<Nu)-?u_dIc*F%T!;80HmEu6GZnGD{p`IfNTX^v808L|(BVZX_i-wh{
zp{Jpb_Qz|LA4d@oN-mzRxU}$sJ5^-Inz73rNehbNvu`(JbUdhrgAh#ePHKaX=9yBT
zFG12{d{R&l3X<@G09cQT${$tS^R_LO4}1qN#ce~z5Dqj*bKwFY2_WkWCfN$g8^b5n
z`uZ06IhkKj_de(bQ0PT6rCq3$mv(2XT(Qp+a4kN7pVP~xa{h!9>XD`odED5a&}>LF
z9xaWcb)xk%*A21cQyHaCX^_l;z7^2NSCT8xP{^%tJ&Kbg^(y%y4PIMQdbR)v_r}CU
zMZuU>pOx}jsYXt^%{4V&s0Is4Kh)WcZMW888X0A&a^aM?S%xecSCi|Pcd7|)I?wiW
z8e63ZAC&x;nwb^Dg#{}`C$=gC6;M@C3&m6nTCv+)u?n($oHtzuSkR`H)%EkDeV+a)
zf+eHdWruMHj`SE-{q@93@<dPnbIJiB>@=)Zcr;tLW4!MG)L;>FC1WbXgb#BZFcN@S
zM7REkI^N;WlU%axo>UY^5T&XIRVCEF<cur2I5b_A4yPw`POL0XC<biuZ0y+FmHSmN
z)@UKu!c|gj)ihq(u^$n<VOU{ns@$#>>!k67ymW*CLB&E+Lg*oNoI;|#tO&%zGduZ7
ztF;3=jv-&ALu{;mBAWQKXjlmP6>$xvE8b&Q9>|XnZ%aDKUERlQIRm!#o)`knJQ>)y
zq5tl@<mr4m$%=4Q3y_4jS7c~IiAHE3CpD^AD4RKD(0~|gqQ21)H)kW&59~EPXZoqV
z7a%3hD|i3&u7<79d)H^>Z!ivh0oa@!pW94iaD@`DGVD;J^(YcFwFEjnM3p&jg)`hH
z@sQFw)C_2yU`+kLu6*{<cPdfe`Je!TvJ~JN!-eh9v$lObMzq@VJ>0i}7CkBC#XXPH
zc>7)w6GWB5&H&~WQrY~Jns-ZYn(>9BA{8dr|1_e}56Ab$1kU=dPrwg6a&0E8{H%%b
zHtMH>Q}b+9M1_{YH@OEhqeifmJmNxM`1jt2;1VdNF)TRxxoKAV$<f`r3pyvssZVl&
z+9eny_htNmr^>;TE9uwI0+EmZ`*>1zb$tHhD+KM$)P@G!PCd>=cpfH*?^>dz2R>kC
z=eK=68|q&lgcQbfGQMNgIi%eoiK||kye(Se|LY{YFZMj~Ng;!($Sy-@nJwn%8Ie%W
z%?pI_>Qj5~tFExhn3op^2u#zf*c<&vl$+}YJew=Bxa5a8;_o6`lsu3!dM0T!E#sJB
zla7Fzi8QA{)%mHlw3nPmPFbrKdRt5wQ`TD>=ek?@vRe30*FD@^^levjjC<SJ>f9j!
zwFHGzmBV??7RKl&6CmmTgyOtUK#YV>56NHDpvl)qui>tti{at1(Kx&Pe)(Pw$_CN}
zRl)VJDPlpyH?i@iQU|c0%q9iZBHglt6L?s-9I^wF<@z}?T)fI@WZ5|8%2Rf74f*3w
zcrY8j`kMHL3TgT`KgddC+7O{UI*Bz5rA``7lZI6TZJ6gJ^X6mi_xH%C6|$#PFvOcB
zDH(@iQH1v|_MXPGy%kc@t>E%gZ-oIxwRLbxea%BEu(7hE@T0@O-jrk^37i|;lslKB
z4eg2J!KoeiTVT<4%L!8%s($=@u{u#G#=rLa&e(Dd|1?19PZ7Vj4`R7nWJ}Q6QcHXp
z;=5HO&8{H>g8q>6kqn+Ozk*pC$X90JgTTPI>#$~$0USE<+6jV0%mw}j(O(2JfU%%S
z^kT4MEW+(CAWg^l;}NQ(V2>zSr`cpq`zQa;&MET>;vuj!{`(7DnO-2P{jI9Uj4Lji
zFy1|h$&suWd5)KMI~~u|I#KmYCK0rHUmxYbcP4zd+Z#zIyxtG>j8(l(d8_Lm&b?%7
z9E)*O-hp_W02%DqzHwi5BC^v+g0v~y@xRn^>Whl?(O_JVJ3vun%sdO$SP!_e4)529
zOoK@B_w4y4|NCV7F<WW@no<R!4r08|#3M*8<=8JLaTZEpiGs7B#qrFZIzRjwvXXrn
zqc?f1f9g=!;oy!Vyi^v>t<-|fi57+Byu#%4*rlK9I^grfvRUNt7rHV23<|%GOu+h<
zV|H&ys+2=XTor2CkL+Pv49kVvTIH^2jJ<l%GcKnWuVfjK+4JzIt)(0Fx<*poDi!mI
zA52|_pkX^$Ktp{O0pvRKvSRia$1E$~q$W|S_e|hA_)c`x-$DRvDqYiLYWn}*iL7?v
zG0Jl`#$6M=@N=-aA+rj>BJi(ax0mTg57=GQQQupY&LtSRdm-&HfolpXv-zwj${J6i
z&@ufP?bl*{irpsf4A#C?27tX>S)&E0%7A6Maa8mxuN^MjdLAifH{n-mB-!5h=0D8@
ze^1zu@hKt-(M=iAuPgc{TDq(Pjh|)`&ze~b<M(f$Jgr1pS9lM8L<Q*LxB7etK{k#1
z>%Hp;HW_F+P4PiFwoi#?@V8bA$_V674qQ?RXLnmrWu$_s5$AnLf4x)H&x5KQSleQ`
zyHG!#yaM7z+`pj%X@*+HedS?v6&r!&ECt=q6$Cu=Q<%WYP79^@J}RkO%684fSqd_m
zo_hFhy?{A*;ZILWPz5X+DwjYvAW&9{AM~+MsDN(}BjshoC0$(9Zb=ta6PSISRb|tW
zkd~@?hZ8yshs5Pq=Ep}dC}eTm#wxikZ$d)m4)5*PC~;SAi9&T~Lb9LVR0MD{4$1>6
zvD?ohz2b0OT#T|LHH}tzpzUcL-Tdr)3vG*zB7i}aW9z4kOH0@?xBueTfBq$c8VHxl
z;|x_v%*Tr&XDi06349Ue(vPM+nzZi<0=4%5;#@7o5Bxn>*3Q|G8u?AoBAA%wwy5r+
z8f5o)W-W46X1bXEKSRA{EdLE|jY%}B7dm1{vAX%>{J7hqnK2lp#j0Peqi|sRocJPC
z{T-&W4V)jOKEPiTP}@T*p7zyA;-+6znbzcODl91YWchm75-JQMNkV*R^Z(Gwp^s*1
z)ag>K9$_NzmCJnJI0%Aa-6{E6C!_GNCh9_T6!=mI3yT~lt(>BJ2X7PqTen&iY@2_c
zvz^AbirdSOWZMbw`Pv3tBy<qS1JqL%ZeiJmb~$v87aeA$jGICjISyD}epJdtn?=F1
zyyfvIylTKg)7Xh6x=X6u-9tfXJsW>H4#<_Q5Fo<UBzFeW5D=yr1FAEJK=(egTi6>~
z>ExC-gdWqRtZ_rk?2xL^+byu-bM`@I(Q9oh{t^GmFjrQ`d&&$&3t`TngRF_{b?HAY
zII%TlC=DkwK|-cA0=u|+X$+e$XQH(gy$WkYIPBfF-a76e26*MBU}-okvgvrFX3Jxu
z$%de=*o!<vp<0-1AA+*<T8*EddW7B+*6jk{$5#Y|GwA5gknfhi`f2Y7Glk#$PuyB;
z*|Ux+3O3*a&W={vY~{oKUF7EISoJfB7Sd+E%Bd_LOE=cnJOe?;j7uxRupdE(_`SMS
zfXsmZzSvlc4~6MKU_v%HKJWms138$ZqF<P(y%9ULbFRe{aagZkPJ3W~5|7p~Qu`gV
zTqpKKQ{%cITkwTv3t3$S{}d*g7kqC*vC;;;HeWa@m6#s+a-0!tQQ^L6EIoG}Vra_?
z*Rx1DA1iJVPgBmOag?)gZyv_<!OJF4m%JB4j%{tQQP#J=w%O_N_ZfRcfOt7Wyw+TB
zJ|8!!&l;SW--x~;exZ-B%R0C72Yu>bli<WYp!qf%I+CZDy&&!LiA$S+?37(puFEHD
zN5`=6+*UCbrjT9!l8n7y=X?#&LxEhbO(rIMLU2_CzyAvNH*eZ~uz90c@PJYrZK`#R
zD`^zW%vF;)0gUIf!TagJ;@I8}W}Ae}o3FTNIZc!5Z?Z1>0(x(v(aJg#jo}|Ufj*^C
zBG?b5L#6o4ZOfRoHsy8xqKsD%>;q^5IDzua4|rXLP#5Y$jP$Qt1P5}S8!O$vj+pi<
z!nIoo-U167_@kAd5M7+@kgA~Qf_+!BZ)oRt2KHHR8B=F(bz&VE^eqJ0*U!i1N`@dR
zBHU6QC~UUz5QzDtifY${k^>RSVZayVx{pwsAsXBB$!orP`ZqMe4Wa;me22-!2@2G3
zgZP-^WHIe(&3>2WPu+cV5^20$&<@ekwQHC~uh!|uUq?xW@PTiix1~&&<&fq46;<)n
zvZ2B}kn#N<ZSDbqH|_MFcKduj#hTf)`?@+Xd%eDYCt5wgSzH~csfdlwR5;Ccwb}|*
zK;GHr$~d}EybPPRoJD~dK7xW)uS3EH8VVF8?ikJ2fq>Ry*Gv{49=7gmwvdD+U<TV%
zOTsBJPJn~&&oDng5_o*l!2Xbf1jW$=W`vS$d|rdoAQgI$xBe2m%D<8tuc7lT%L@(R
zSiu*3;EAd_BTXgO*m<|1W7)Adrs16dpXLE^d|2hy-4Txr!H<H15t<`%vLIqG6!y<U
z>kxc<2`)JrSdZLi)n2?K)x{6wH&dL;RLfH3?B`E|QiMq|L8`DM5`jh}n#@qS3q8Wm
zz~j3bglk8am^5i2O{b7<63{>7D}aCf6pRL4$&3eKP3wOh*(P2u#n_a?S}s>ja}*1#
zNGL)FyGbcesQ#wb5eCGgKfB3+r~Z*9ARQtuu`^FD-t>MZmliLE&c8jDLb<nB=>Jnn
zt7X=%Gd{r=Yruy@tuUx4c-)R8*>Pim#Q~M5ilZDkadgwOF$>HolS<lKh~-E^i1P}8
zY1^9scO4V;^5hJCU~|usx9Ou~CN85hUKRJ-r4>Eun}!$}76TA^ah~ubl4~XkDv~ds
z7Ex=x<GB<N&ZV1A2GQw;ySCQPfQR5e$_6sGWmNA3H3;a>ecCR`BR$La101IBqMbW}
zr92apzi)VH%oK)aaM^=<qDluKLx^F>P$ze^G_vJPQBveSAt4(ZR{F$ATrAh8p*QQ<
z_tWf&5X5`w$_BAq*ehBEEd;r>mYT1)!sJZf6{O2d;O?NmWhwv(UwHo2B~HjfMr16a
zBb|@NZ(uPrxRh64n%h&Nrfu1BCuE~)!%G4lBK-k(X0``Q@e_dB&2hu{jAuU32yZ<<
zU;ZmFGDrXOktCRfu5L0ctpueiq*w$jt$mG3AgG)!bLWH76yuRB2A0ovA>M>IK>rxU
z^(k6{$=M*q^?@V;IO?y9Sc!K5gAQif`gw`lY1B7i_TN0DMr6C}e{LMqIz6~Jya}W;
zTee?2%aGt*O{4_a;02JBDb9`hD*#yrm3;F#En1eXPcHYr3zxWHx-jNwS??#Cdw`PV
zC1M?QTcBZc5+~KaNHcg|CM}k~7>{F57IUJwOFIgiR?Zc%v~8Jv>aO5;p=hF0s(mFO
zglMlt^a0|C^?3U|evsN!JVfO4=t^v7!zjX+Wn2VrQFMm7WNI$x!zS0x3AU?Dd#2A^
zh@MZ<J}7SQ;!RMJvUC@ct}Y+lD@r{;8Psia6QD{p*<bP)SU1(*iNaEqX2UVmV)^=y
zlnx#;J!~4E!aib<R-G%05n^{%GcGbG_PD#1a7z~utXnUW0uTNV`B@0WW@}#mQ<*iE
zU@(i2hMZin=QqbZ%Hh4gRfc3c<H_w$3u3+YoT%Z81>98vr^-G(I=ORiq2ehr1>Cm^
z(gy{K7x8H`w+hGp=;>mwLXAItv7fWzgw}BojmLD8Cyy6v&6u<PLaniDLN??+146Mx
z@zUKI{#2>ufoa%!AZzI$R;tJNlFqk&Z#V;)_w4LSS4{AR${?T^K7&7z-+Eifytquf
z2K?DF6jqsbGBm}1k|#u%PeDsD8dfLwHVGL^l<d~CA-c3gufTW8#si86u2fwNXife$
z9HESg2-~cUL3Qe3eGj#SsmBqwRM3*FXMBpG0W`;a{d>DnB`~_z)e;r5-G2;0Eu$Al
zRPr+gMoM6DM||)sRKOYH!%|)mPC!cOZ2m={C|5GEoeY7In`<;9qz&;gVQgs=aP09C
zq-CnEYRo+J-|~?PkNJ`w3fO40Ah5fUZ175CQymArD_0nZBK%IS6rhYZTSPvrEAN%F
zhr@dQ3j04gQ?&m8=uHRU!H1__;qzxMi2#rn3pq;C)$v(hg{2rhYUj0ru2>NX@#EVL
zZpEKH%6aXIA(6G6eHWJ9Gx*mz_f62t?3VeM{=C$5-27Vv-rp0LO}+W7n#s7n<Z7Qi
z)Hgm_jK~e<t{}J3JlH30U4;vKDv-@AWe2LRDG$8x7A(sjM2o+k%3aqRFVS(z6UNdi
z^LKaCyc*s<J|n$I&7jRRV3?+LT|y>e5CO9KYL+0~f);UB3jhcE|9OJ!#c`8R!X2*C
z`Fz$rOx{%%T9fpnv~{0s+04*>4i&Fr(uxy>t*~yQvTMK)%k|^E;%MnJrkGlT%8IwK
zC!A1lrQ-ao1^)=D$qMljb#hpgrV(>q1(iN)B+tFjx_%HtGSTljDF#-b_WmnGI^<?S
zgNK$6HK67MFBN6hjT7idUJxwucK-7}wSjR6-EuBw8uq|z&M|mK8Lm7slCu>7On<qJ
zp>r#B1lha)Pn?M@wBY$XoYGMv*EDxAPONIGqcTD*=y@*yMk2(ntA}SR#VRkCKiPOL
z?8>`v=6BN<Frkjd6!VW|nZKI@6&>G#_WqK0_q0mcV7JujOAbUe{Ol#-^<z3B`1Q_K
zYEFD+>J{kRX&tOqr9YaC_gcf>@QH;d+3#(?I3RxE6N(MwGM|yy4*;!b@`682IHGfW
zC&ng~2hy+N1ZH*?qwjkWFA#&vA(94f9mgEwVaJAc)=48p)Jd)TCNr^jnUc%ij?pf@
zeT~Pf+c$g|%x0o&(}39o#|`0&7t@@}!2T+hLD(2IA&sF3j(KW9ml>F<OrJ1LGxfiX
zW6`?-;kpOo^0X>W^sNd~oAMI_3&ENN`h~PX>?DwJ@nV*es!&2~?NyyqaN6RE<(KNT
z<6<#_W$ZjWBvAeQ6!f`l;HTloK%`A0BRrJ!YoauD#*5VqA7AR_L%6(_;WfenkUGw;
zEU0qDepmheJm6`rp_W6>Ua+cmi##0S60DGoJ95|pntJLE0O{Zo4cgT`ENJ5C{!}tc
zC11jnLv6L@O{SXH9kpCAU!Y<U<O{zHA+W5i!8j<?Mlt?$6Ng;kD8fc|H-Yjqqcvl?
z(WcZtegF9*MGkHOwkU6=@&BvyUMAIVME$C|@Am1JN@^InL!-y6NYLnMLdiao_fguQ
zID+HV?z%S2StUq&c;&K1b9<9~%-$<G-_b$HBE9JxfFB6oT!17r^aGhk@Cr2?{5hZy
z2P5#KKqDS!o`dxDn~8+LFQ*b<d!yz%`*FuWJ8W86;4MShPQ`G#%TL>d7s--0SxC9C
zYt!k}LmBovb+k(M9(EK@z0vS59#Es!Y5I0-Yg8tY!Lxi`BjKc&NMZ{n!nTqoeCI4V
zLMIE6&$T}wPCL<vroMi2r1u7T>3zBw-(CKZKdp%eNhOnH8Z_X-A<oS);jma~ML_y5
zS*WpGJG}P+e{65taD84Qg%KW9Uu;~4UJl>;?Zq2USVXMN^=>u#P_>P0Zv|*c2CkNa
z9o(|7*Cq45$*;U;zjZk(oX_!fObfnSy1pO$Bd)i@*w5J~=cf4JH0%cxvbUJXi<De}
zu|}%z&rUQjRaW>6LX4%wz2{q2=E|mGjd3|k73d0lpf^3J#x|mBk8FCPD)ewX55=!)
z`2|)L@-Bn}1WzdSCuEH}aDVxLwT|-CdM-VE;fV&!hybQeSECr$aLrTFjBFmP4+YWG
zsk@x~R(%!`y=C`96M4)HhcTSbx`J2ntJ6KhoSF3=n;8<J&uwF9s_|<pQMfsEn(_|g
z81;{?U@iw_t<1j}3dKdD=@Y|H>3JnW5<+Radb~dU`Y$?6C{IAt?ghw~iEVg!>;J7P
z6Xv8QqY9*uQ1N{B^qj?rxl(p^rYY@7HY-IeGl_PnZXO3A;#yaNhG&T&ov`IiHkD4G
zcU@JhEC{#`88y`Oh_KT;1!|LuOB7<Lncx<Sf>(rtRIM){y^>I5sJiO$C)jWPJuPq%
zM}ss-Z$?O6Z$yEU657{H>eKZXVCr;%dC)RWr(fx=xY~-jM)D6u7?O-1^k3CjPcQy?
zAoX9K>iMbsSZp_$ERe#s*L1!;e%-vInk^bnO!Q|~8$e>2{!3zx=6v~+i7gXv>c6n7
z(Fvbe#q*%c(-}wl_u-K&&=w;lH31_^SOw^`GpI@SnAn$;I`B6$W_Z@o(5uie{I0d<
zI3~Nb8bh6mmAG%OzR8QVP|{Fz##LFt`Dz;)1&F={AzYL)ph9m}0BXTcVkv^SNd=SX
z%T2yVSCQ7iMIe!v!xG<V?-RvTC0LzO2$id@E2@-m$OMR?Ia;gDF)c?1wyV{D|3wmM
zxtG+QcM)W`{LqqwCA;Y1QMTIQ5=&y>=1cq-A#5yg8Ow#P_=<Ae+{4^T<!l@!Qv+l4
zn-s}HBO#nAS);G1DrF@RY*EW|qeV9{C2rA7AfmW5g^W0Ut?}XPhE=tt1gkUqnOeKx
zLnb_zinfc$$SEz&-|5&969F3k^&r}4RgQEFI4f`2#5S~y0(+<H&GSfYhx<VSTF+<J
zfoZow;eEjM**HIe=;<LWOn*bj7wx$P#5*PP8O0By7dk^b($}wmx2@(o+;nkE5B?k#
z9B{&w^(*_aAn=1)wq<B0o(Sn{N>I9R<q4a+O>Y%*lm3`4BYD|Pg`4QPdUZ1h;*%Xu
zIP4FQZr&ACEe2b|2QyoHg{UN5G#OiMN+{*@Eu+PW3EXDMOXjDCkUx+Ee1Co&nY<Sc
zfKKf>ME$Y)u``jX<uYqsqIPyk3IvEb)Maz>&+5oMx+x@DSvIKBNP%%s-kUhX$r~`X
zL4XVYAkA2DS+b|o>b-XzO6hcFfjFWEET54ZksBLqqEJmlCSV(Lfn3zO;cAknS;iAa
z;D^c|do*aVMe8OiDxR4y$ZRA#eq4&EeS#aPwnrIyxrhZwz2{*Ta6D!Mgc9vrv5ANg
z^NBJhQKeHdcqJbFDVvAN1*Z{n=Ly*lnaCv-u%f#`S^5~1I>yg|c}he|F__=g&<0Om
zj9<Z=Yd>;O9l8eo;SJ2g=Qh`}X9#CYFaF&9y%Ks^T8%KQtzz5;GHx>%uF1Yr#?ZqF
zj&}Z=VmpuQ4tly(lw;WXlp-~`sbEQpm>O&`!8IiEHHZkTczTg)r|Xd@{MvWf>(u_`
znL*?8<rOY;K`DPT+o<eGPGeyTr(`hQP&2gSM*H*&)DUa<NjBb+Bdll$v5gTBYjH<q
zYWuaJno})utKmEU{zjc(31CbJ$L0TA^$2u5#qO;)VKvf7kSmgYdog_^zZTU1{Mi^i
zyU+h;*HIi<$|mn)@De`P|Np#B#}A;dj6z(2IloR=qdp|Q8&hko5=Hdu77J652QME~
ztMA$wDCoun1+^g%1YnFD000|00iHWVGyec4vdXzl04zTqU}#uS;+xM$o$;z1O33uU
zAc@JHKJz;6oy0bkZ1--s83*Q*n&#$?t^by55Z<>rlJOi|uO4&w^2opf4KdzjrHqov
z@QsjT>p{kCbIJj18YXp`!M9xXh2yEA?x#X2>|fB4=i5Z`->WQgky4(ehugW)`us{2
znCz9d88w8Kp7h!nxA}JhoBQyd8Ml<1MHop!vu$ZyS!!l)(at9j1xhG(Y<iM|kfLP|
z&e>#Q+Ge%IujHkcLoHqsO5jmV84tVjF^lBi)rl>bJdNYa$7g7Wbyhv`X)x~{NHc$D
zeFjndq4aE0BW*-d7;Ji)36siSn%9_n4=fFBRy{4j|I0_NU7h6G^`G61&o+YtVKPr_
z76Q_?!iOz&OrZ-gckE$L>y}db9#GsE{3<kQb8B2HM&=8qAMXOinQkD1Z{f!tTm^`n
zC5KZx?;Zmx)By_0T#2r489am0@(uVMw6*LCyy_*&e+yaqMmjd8F&alx=b%RxCHQm|
zYGjt@l}mM=x>ZhM-h(K(*@`$|>fkh#$TH&^aFo0`9SekICdgsaFWe?}5(#c#JDJ^3
zKuOnDnZcbAU%1)-Qh!7)`Zlk5#q0&>INpDv{kll&w3NDu)dDcG{ZwSaaOj(xp=)w}
za5Wpf)H}>{+WoRZXuSg!;Take_`%bU9FKQ*$2%xi+&Su0yienj7A{_*ACALlVJ6|U
zSCn_~Xr)zXGh901ySXrrTZ3vTM~aX1BNkX4(D(x6yQyF<Kki0Fcx1TB;!mT`CAn27
zrl=Y+W<ie%kBhdF^&jgX)6u=*F&M0^8(ImoxMt9+7L1YdKrr8q@j@;6ost>37}t+p
zhOqO$Q-^vih7tXL*#*^3k{>aZ?2#de=#!&3ipqCx7t*IG$tpn>(*4)gT;JweG&_BS
z*@xXDrfc|8=QzrBMEz)O+<%8tBtEcmzV^(gb58NY`<8p1KE9yrWdC1uY=Kqs=WT$D
z!6PWZVJ5dUk!oJ+11VfL%!0gDA);r!hP~DAP;*^9j+;=)Vl(6V6mvj1kZlyPfLpF2
z3a0Z>!!-RuD&MkdiQuZOms;K)C$t!@5sul7Oygj2ZWnDeyYCAAQQW7z-C55phbqYx
zG_G+XR-?bypP8fmQo_!7t6|_g9kCO-p!oX_a?DUGzxOyDd_Fu$l}M1s7S0UYl|Tip
z_vO>qqa`LcwT(G@8pBkB)*P#z=6_H&h*ZQ6<Mi|RRvIIDnUQ^jof)N$Jj@ZkfoRPW
zrlY5vuPERLZsT7){Lkxu4@`c@I&}462ly3pRYe7ac`1+=Cl&<OwRq(0)?HE^bx->6
z<<~c$Jdn5}HAjAUly$d(+kVp!howbl2;2ZSHg7(=M-o)AYd@&7g{QFP7Y5Pi>7VZZ
z`+fl;K=hDRs`D7&1uxjHm_ZGco%&s_jbYZ#*V?3r=w0{{eYX)L{`xE%q<vtGXY58Q
z0U{@OQKo)WwFl?n3auvzQvHo$-nrQg85x!t`fz(4a<+4uD5wGG3i96s<!<wjS3-tV
z%-&+Ze}lg6wAIrYWBf%*z}TjQN+gp>)~ai&?eL^dbC)*l{(J*_0uqx8)Sg7w3yBEs
zf4fsIo^)kEA2GSO7(%rze6W=v#W;~H(rK;Uj)jtT6?0#W@FhKfyS4#DVl`~sRM3m=
zl<M!@CZr&`iT6Wp1M74W;{1AxyzzhNZB4S4EGU<V6K*&kQV|21jurxCBt0$^B03N3
zyQdOL;BwqPjQ8!0J<7If9m7LgK?`HX<)^Izh6I;7g9b~08fkq5n>!Cu;*FgI<-84~
zKejX-$t?_cXOH~V#oW9n379}`s2*?**mYkDd$kugXX3I11hp{%iOkTr;NRv4xxs7l
zXXkCSzIl}{6X3*7)8JXcMyqfdT1UG13FV^AG<@uBvH;|()gjSj<(@!khiETn9{Jcg
zghX5l2mDYW={z(f>BgAL=5CXg*gtZhPjpa=ciHoZRM$hOc$QY=w_KuF7OBH)N?|=g
z;QgXDaybVx<I|JQN0FGGDdK&c1wN(YQTR2%a=nc{PDZuk4IyQd3#+=c?(QlMDO&x)
zaKA;n2=YU*5Yn^s!Pth)eg;Y+MGb}OGsYgo-fem5ZdYvBXb{Noz*_*Kq>u>mSIH`n
zsQ<tDsL7w{yKcPPdL-GHk^xQG*HCMEi!TSaNE#{0UUpo=o3b>eEN<%Pai0ZPA91SV
zI1_WT{u___L`)lt`4H~ejLhDUjj4?g`z=UV(!5glP#G<nq6+3z&xgHM3#odAa(MBt
zy{<7vH_DdVbksdwv|q#7!MH>^+p)KC#AxLho6p)0No;*_nE|Nk9GYhQ8R-VmtO_TK
zrJUhoGCj$U@HBwNd5I={95Ibad&wzXlVoWb4bMsE{?*O~;O;LWiSdY9C_Zv+y9C>3
z$vnu?SxN3BEsK$qA??O1BuLDekT`|{*Bp-1XQf#q8A`QVu)M7<g4uE3oCnWsYkYr}
z7!^=+-pddTb$Nuh;vq49b;=F*Z*$5gOz8p>&7~()dXfj8i(6RipH4A_a=(7W`ylMH
z#3V@<$U3tMZ|@eoHmh_K%}>D#B^OH>Rk&9mv1Clgk6BnH+P)*}Y(2Ighd1OhYeZ)M
z>h<U*S=KpQK27eQr>I-^gQKTpg~HR!<^S~D$v@*&*xt}SgoU+NkaDb(xqrZlv0h5P
zso3^Kzf<cI;%58P6%!gmz2LAiP>Bj~iSa$Y%q88(eCz*he(e*~HBGmR0HALd=H$lS
zP=h)gE1#1O|59_$od9gSpsY3*Yih~370U!f=QNh>a~~)e+RV)OEmY$;l7nN`SCMV8
zu|4~))`H$m^ZCLxF)z-UZ4}<0pLhWdP7+AGM#7CW&*d`3mQ29BA@N&uHXg~tI&X&1
zBi|yMB?#az$1B|}P@K9p=#~sK_4vy80!TOY_mAZZ^wQxQ4BaV>I`Jfz*CP<$w%bFA
zd-s(e9Nr?psLKZTn8_8T0&L{A&Ej57NgT~&_&Z;`Ixx)Mf((U-zDK3@$=NuFR${(`
zH~e~7d?g{k+lp<Skw*TWPA|&-70jm{>jOUbq|=olL_!ITw1A^_MR0=2OTi5h?#Y-F
z42A(UcM9t6Ai9Ezs@$7CqlagM6nK9MoCqT0itIrNe3bjggPYgxSmff5Z>jmb4%$EG
zwo+T;8JDRsA%3;-`=+?R=o7b*FuK|uxnGg<EN-3Tg0J1}on}ELO!cv5MK3f=rokK2
z_5Mnv?aZi~RTv~s!>#uYiz4s@;1!tCC!4gvAi|gNduZdZranYKRXY53IH%NbBBDDa
zS?#7CEh;Z#tvHk%)#L*3UFaF!P;e8gqsPDc^bNS%wUHu2rMhqrKy=!W^pZiUssrZ?
z>0|d|Ba^y+%l(-m=xn;q_ni;1pSnE`BobjBSuEF2+`|)@;k-@Vm)->FDG~U&y3e}C
zPgjKZxYm7z#wijadaDx0F!vs6(kLi0mI&8CjLP0n#M~u7r{K0mbou{jfw~<NKjq6f
z83?%la2h<FjEq(!6RCW}=twvUm=VYpb&#;A+usxnK}HAYSQ1I~RvnY4gm@4s6zd$%
zlg(IplHg%Ft6ToO(?c%ww~2%q$V)}0*?pZSfpzWDA2nh0q`{pgAyWD@DJ}o~D#M)5
zq+tuHX=H!@U}V-;9B5qpQ(MotKP}?D^cEgf^@x<4*k#-Iy=Ow~Nr*)6S&+R6eEhL3
zT)+(_PVVe86E2+PQ`H7=a<Xnkjhgl@dJ$3XJQO-&Wr-g_s-Z7f3(6ao7P7i-bnH!m
zhw@^OLQ|~E$ByJLRHdc{s^;ql5S|O`ziAV11pAa@u_eg3DCX!pL)N4OdudkGB$8y2
zbazNg+@be#qBJYbgh}3xz=1o75%w^pD%uhTJ7qK}l=3J38O81{GiH+Gv_&E22m^+-
z?-1v)h$hC{I$u$11P<y>18Y1VAR;CU^hj?$^!tcfur6S9Y#jsZC-zcDCCKwo2f-j#
z_cxU}o30}W84jMa<SLz~mPu(LS@UIK(f8ow8Eu+xY9ZRNY2Rz-suiAJB1A*M+H6->
z<?1^d7J2rlyib?#_!I`C03|%ZA3B@?-x`R4$-2xZDH<$tIbc7ur?K{JX$H=U5z34v
zkS}BAm%ncG2f)_&BOm{4&;D{w(>_kphc@$)`sO5;xy~QZg)+UxNQj$B|6Z{?4_P<D
z3hOeg6in+kN<F%Z$+HDrS}ddcSFGiTujUp4W(%G(NkRQnpmR5xvfO&_i0VRPkB<F*
z(BLD@LYVy(hIvF|AN?-ZR_y>O+P%bO-SR5__)5`XmUBN!eTHTsrM9uoCjuj(?HBSH
z&m6q#h&VDNGbzu4f2Bg(vqoJsRRRKucK(rekQM2;Cny8;WwW4dHc42k2#>K>`hYS!
zt;uL*dmoH3^VKZqEQ5#<-RgB|5P!l(o)L8mlzO2L+{w^t@j1@Jq(OXMpfLM?+{@j1
z(NFM|0!Fc{N0!Zy8n_#$knf;_ihiHYXMo+ZT!{8n-g=p`x|GfxDz+@&beWP^A36A|
zZojwsF&yWp`5}U!N;lH+Th;WZ>Irpci%)_0P7LV9?AS!^PD>PGD~f5GZE;&pG{_m=
z$(>&(^N!?P0)GKeUZ|rJ)u$stk$Vu$rm9C$0bC{z;jPo+5nCGdQo0a%I*(Vup=fh?
zP%cQo_rKs;-yG26TBrjijbN+mTW6D(%wa!f8~~@gIZz*+s+jLdPiy6}dt#YL<gu#2
zL5iFPk7hHVu7q0pwKvd;bmS3GRux}*HuAY60OtWoYz9~N<$`?2CVcz&yjVbvWP7pO
zihDjQ->S!yVSZ@rH%{2MEu(}WUp`9^x=`FLO1Rf|$td$H_5HQ{Z>nSRm$eo&c=hRd
zZ3sn^T4oG^De#xz<p<-Z(m+tXhw{02os50A(d>!TC_{=dNX1x%PP&wI<Zv;QoFDxu
zlr9iQT*l(^)|}(~OQnC1D@t;Y9(qPmD7cuY^m!_7axB^O_$5(_8Ht`S<<XVaDo#4B
zTt82+Z6ibp4P%5(sYx`#i>5pj5#N)v`9qK=Wl+w5q5im3FB)#LElz_73RRa_gW`Pe
zCW6O?dBv!&njAz$g%?*9{gPz_u4+d5RAm`Y&ndeeGO&QaH=OVc=^+W$A-1C$<3-<z
zIc?*&K>;4PcK3PO2XMCrAj4B{6+(D0QDM{!#=8}Vv&HkQYxJdf@J^{$h;;Pj7#11C
zguqI4beJmjHB<_HPTrT1>2zH@q@6&nM|rZr7p?vB)2fDKp*UTlv6+lDQ?etTohH@F
z4gjy3+F7URQolvSCyL32cC$aOa4w>I=`G*`)L!~MM*mH_`<osQ-7nd!BV6<yv@~C_
zcXg7uLA?kUJbOK|;V_*?HFya~H&t%DLp=B8o;_z-=~CA;X9Fhl8_g(k@Vjo;Ye4*p
zaDbfnM2~qXv`zZGhU#fr-b^zUkw_5DNo&<B!%<sivXc7T+e)(u3<Rku6%jsAn1;fd
zT@6ioZ*!?#**5vvr@-MaVOmXEPoSlIwNMNGp37z9J1zh@*Y<X=AF@lVEN_#kwj?TL
z(DZX90vaq#O)Uu-j)=U}4>RYact^rp+TJ*pa*=1cl_iJ^f-g9!j2^t3!fvFxy<m#c
zhPO-KqDYqVNNB{e(Ut7gDh|UrOIHgMRD>g7EUsGCXKuyUiMCIA+V4^R3=!&<YeJC7
z1ht2maxhZkeu_BaVn^k)qn2>K3!dn(u$#P|46(z?>7~!YLo7ln&xJL$|4+JlHp3A|
zFqU(OO)ie);8b*)m_px7`axkDK?_dM9s<;VuSW3b{LTMWRDi3BPaivBqb58tX{D1M
zohR>IQr7wVP!7ZCXxG5zIpxlWSpCg_4q*N%8fB|5`AEbYXag#ly9c^OCfkpP8g1@}
z>0g!)D<$)(o-QM|cy5(ib<H=RUSGZus!^ef0*Q2*qU!$k%Lo~>7h|pfW<Z(0LZRDq
zTkPdPD-P<aM7~!9O*qM|BLjc<R)<sX13TNvCkOfKhlB1+_Fx@AL}$!v40b;230a*x
z-_S=f2PLy_#=I;H2`|iSaFMR<@HAf#OIuWbLpxdKZTJgNL*NeSYud>jJ95Jae`%*^
z?$i>&AzqW<rpSi(NI#axLA4NLe1muuNk|xW_{CXlo()7s&k;Qe2T_O~y;%MegfzTK
zNCBtB$zHRMj-N+J3Ym~gv(_#K_I9){P4Gfl12%Xl4#B^gBza#f?}FXP{-}&IWiODL
zaarR_w-oL(b!`=&arkQ4G_C<rIpn96#i}VzAxlrcEtijl0>dqSU|*9x99BZ>XPS_%
zuMEug^m0#LYe~$8Iu}m9sAi{*kF$)N=3zHLEH&CY@vw`XM8c*AOC+ls-fL3}7`GX0
zAzvw<7NU4Owa~@|wlE}cv|{Ifxt7t|p{HY1$OmV^@ez!o7c-y+S+b&v(b02}8~6}y
z6Z**%X{F~edVuSE-Af%8)$A}t35CqM5GU}M-;`D?8w#ozsi~FrrJVic<Hx?*C2n4K
z`-u)T^Z*K(O&!_eMN)yp@GEAP6ei?`*3?_<BPcY{eAG$cyv5w%57&wY*{|jqK0YoA
z>X_tc+S%H5qi#r#^A`--16BVWU%P!ft*^PgeZ}*T?{3df36a_19KHUwhG?*>-OJj#
z`aYX!3bK)^13G?gR9Yssk42yke($0M>{G#)DIag9$L^3y%9O6br;EBpBib!{ut5v?
zx5+$eCcJ9qAl)usHk7%2ocR_6Vv$wB(SnW~@%)HPW?S7ztkB=p3lCh2E0tUO>wepy
zE_V=ZjHfi=n~HoYZ|HwWy=oHWB{h>A=wZs{yiMcdHD5MfE`)NBlVIRU42rceIG-4x
zyD6P00u<4&Yn-|3mF&>znzFV457ugxOhh8}Lzn=Abdmz^Ky?SR%?BV-D#JI8L><>t
zJSM200m&BTxuNZ>HP`W7!jpIqIU-aKU;<>sONe4qiy@>#NJhuQS6YY}E4}yKa<QqT
zsE2TDI|&G2Q3*@=5})U{P}eMqs)$l!FW%kih9bmcWiN1n@s09NBpb}5+pB0KJrKwG
zAtp4IQbBL#WOdLq+C4Z-L|iS_;~aJHi7U2AcJnN@t}d=BuvjQ~Hm=|+Yr)nAy>%E~
zN=38RxTc<2qP`&Ba}w;`*}UX8t8HWbeNJHaDcrSxDkN_Q=KB<3k5v>esDs$?$q7^M
z0I(c8`0BI=R~K)?k0%l4^NS_(5L@KgtvsihZbHc4p6(dojhDgO2$O`|Zs|1m$-!39
zJ@IstPZPLQXaymTS28}vAdc|lMM`$)i_3qZvLdm03Y*j@#m64~m<FL!&)3|>v(wHO
zfOI_EO{Q4;$}%LeHo5<`ChV<w)#@~%8Rc&P!>y?>L(LooK}2-7`($d}OVVYPo@Dtl
zQZ9J?aN|{574&s$ALC3g1q7vcm#b?e!du@_cs{hMjUQBLYbC`X9<b}>qY>=<0Gofl
z4*lSQ2nV4AIIkwwvu|xxgUYg|u9=2@KMd<~`SRYR!dd*L1bUNiIeom18i7G9SD8iX
zF&tu^vr)e7-Y6r@eO>8LeWMj=iFxxH)VaC_$FLq1?dX-V8&aWE`dp`9HgWeggHM6C
zS5tf3vnea`!w?=VFi(AJk-~>!7^O}s-~EmNf3LzT;uDK%#|mZR>7py1$c9Z6rzp9W
zbQZDN9D`iDDVrc%vwe1f-8@uU2m|hP<2zJ$CQBzF9yyg2+G*yHx;Oi*c_biaB&$V~
zg_~k4p^^Y$vk~SMYg4#W(vMJ;wi~j4KJo72t*nJ;Ke4|dYl<67d{CN12H7$o5-<#8
z*DSuW1Iz0yI6VSKLZOO4Rz5N0o23bM3sC~kbKg;E(4$LEa|Gd|yP`xHTg1MArwB!u
zc+|?<e5XpbG8Uc*hn+@g+cRhZb~-6oX7cTZct_q~!<E&ly?BpKLn7rpaA}qD?%|X(
z#HXC$xD{zGD&6VSMpN(#Ng(4-VOouwg&IJf;^x=^2fE_{<oC{q41qEu)<K*XFueoz
zy;o=4UI((6K@oDVH1foXjD3+5xs)6|jgo8H6bb@ZZ=esoN=D_Z7ZXsHDg3nYcSK@f
ze%ZiB_CnXJkS5aP5Bj+Cx~kNYu>mLiAZ%>J*H<z<wrT5~v3l}8@{~Q}D)hM%0+VJ6
zKet~;&@>S&5+Z^v`~P7cHe!Eple98F)IfW2x=R_oEE226U?vId$JX?tRh-z<HvfD<
zsW?*9W`%sXt5iQMmlbwM>YWY9cv-83ls3Zero-O4t>S1pF;sr~)dJ0=w<c;svyb^^
z2o}^&-Z5_4B?l#DQu}2J(78}Xv0sO@jiki6#lhIPf1c0?pkc^UoG$Y_)nEs{pM%WE
zTGrP{@4>HS+{(Q8@is?CfxZbhri$T7Os;MGu%^K28r0V-ll=){wpOoVd$*?*&79c+
z8*>2}LxkS7>ckMPv;!mIBr!m_=@T_*&Ngeia)1s8Uh#Y}3Yc(#`5G&BI%Dv*BSLM1
zsO72=XN;>=05!!5$m1Q@4eIY$%v5`(GSgCq=)%#Ztk}FX$cHZzn1KQ{=1X}t9kKIe
z44Mk*0_5>TwIxEa4hgEub%wCTO^Fhf^VB3j^Mr6Lg4|fm(acDO7$!JVF%4&P|2m(H
zoXd~sm;**cK?f|Tjq8L7=qM249(xfGBgu7dZqhWu=P=0*L{xH}^{!RRQmQ!KfA`+x
zrBy>%eE>$^ui@T2e9*lrUwY(@Y9zN;$FdtMw<Ub8*h8kJzH~SmCAY0U3Sp#^YEt%v
z`TzBEWkVdo<aVWZ=%0#@h{<o@enZIT)RaxQ6Y)&kY@Q06VyAMC%q2LCcpzEPjtsmI
zX+g%`BWFYA&!e;lN5&aZ2+KD-L*}z(r+f49j+wjX#((?a0w;hW5VwiJ@~#IRz2%u;
zbr+)F_<~I}bP&ILGIF7Q*a2tATcy%(fYCi+3q6R#6F;N!$1()9YRmwHJdN&vA!eb4
z_KxMn-3sprxua5FAE#}@O-y9WZXVZ<`AcNnz)+VxZ4B9z?0u?`aj8P$-0|foPdI>{
za^frZbkqiMl(D!b!ZSKSV|+M7&>2oHEzs*H9NeCOR~8596Ik6PBN&$rRP@7FYd=dF
zY@H$0C7_;!F?>$gfq@10YNNhU3UX)*SV9jW5CmY193c<{V2m6902Q7Ao;^e_{{S^O
zY6V44Gir<2E_IUd_BpQ?00Bd`^L_&e{XUe^zVL4WX?GwNRNLc$?)Pj-@w5gl8V%P_
zMD*k@Ah5`#eo3@<f^mdD5-GvR#K%<vz=z(WY8j}ctrBn>{IQyaRVEPqy57PfO2{+c
zys`UWjzP3Wb7=8*oRs7nQX49zFXC2Fu&fJ2cy&`~yK4ffjg;2?MKfAn??n-A7mLd$
zSX0?UF=YTDqG}@iOSs)=i^E~Tnfn3t4`t$b?$lU&rcCUZ7Xj&`T#y#KrJc;6NXIU5
zXAcHy*9XM6HA#!MIQ}5P+`RfSc(}T40prIkFPOMnArCm`b&$aPlmn%7Cs8i2qMK8p
zxyYM8xt?j^JEH?T*EAbDD7u;Xh*8OVrGI+P=0xL$emjJf$?ufrXK4t}*MfLvj8FdS
zxnLOm#bw*84P)R~!EB-m9Tnik<TUO*TH>Qf5nnIO0S;oQEmmh#h0apEx+C7yQ=(BB
zvi0hIYWrQrjPGuSW;&qi{=8dyY>Cs9s8c<$K{)%o@W}eE7$f-SWEl5Z^ZZ2NGi8<e
zcx4+%t@Zn)mx32O)z>Ea0EmNY(}|q`0#57j^}kvn6#>4@5hcmDoXrw0(_?$L5-enu
zA=Q?IVHEfhNJRURu<h(TNCih%*@q$34~?>Bp6p!<n*>kNRH{U^hUbCNsRD(e5KDR@
zEyhVK7>PP*UvIB#qr3ybbUG_d;E8p1D$)+jfChCLp4;m?n;v#;Nj&w=pQPw*RH{9E
zUzKzo(&d5OtZ}){?CiIUr-TW8P=;O?aSx>RlOER@73IXz@~x+eW<lch*-x)8|M?xf
zI|+jnI~GV^Hx5(@<%{0(VyV;XTo>qGu<V~xr!RX*Hb4YkTM{01bMGt5h&&RxP*XhV
z%bMLv&V>;+8y>=}cTjEwe!ML@KtV<i7M^-S;UWESPh!Xp2L6t&S51dsIMc2rf?rna
zg>|x36)tXWDJZ1^B{#_4ess(K>t1JXyZVgk6-Bs9^Mmu)2CyN%S8|)GiyeIGOfN*3
zrT!fOu8tG0^waRAo}3<9)b*&3o>_E$D(f$uHfZE%kUe{}7Jd^0NTK1<7)u$Zl(oD;
zyrA1N-DE?a+(~d8kcc)9J!qyHlx%;u>Rg=j_bO0$meXI3An}0s9@8Y{ry623ny$A!
zTAk@|54!A-!=B$j{9|=9BD4<N!UZC4(9KgCGo_xmZkC$+Npk`W<I25CznzhiZsju}
zCtgW}FKuN;i0vg(<^q%9-RS=Zr3Xdi<O#%glloP;>OE1n5Ugj)^L;Laji*zJUa|gf
z0xg)twM`6?#hSflL3RfoC3t6fKxyI;X84;}bE8jHlTkI~>1%jMgqJMbv-s}8?kh*D
zg)#rsh(G;P&iCENS)*~31;SgN_pF-lWSlM26nvUb<rsR#9GUz!!)8@o+WW2{kqTQD
z7<7G6B`CxR6e5PGAPf-h18DcY0J(&X2V1=%Uf?_W_i+jR7}5wV#N9WtrmT^EN{Gk>
z5q(@uQBxaMKwAro@7cJbl;L5!;*FkkBb8Z!c~4aAnF7<RzQKSQTaeP$2oy$>!vm99
z;de+*zt4fEq7-frrykB3&LKpuIJc3S9Q+WwOLWGTry*yq##EYAoqzkD?OF!@ikBy3
zmO7|qdk)nrJDE^A9e@gSa^|xMbk@q&{2e%84n0i7b6A=qseRG>Jui0on|9>+eC`Eg
zI(yd}L&97B#DzVw+9HhlZ|q>es`FS<zf=Uuh(g{cwQA1=60MO$SjLnc4N6H;+mI*5
z`;tCbEj3)O11dqDi9!gMz>!!LddWMLM$}Hd5J*E)m1)W!EiC$h%qi2?nO6NZoM^X`
zwY0Ao-^a>mxZwIkF@JwXKKL%oSmLEshzTeg%=Ob=rcsVr-~Gs`;Q@ewP>O61a}PqS
zHg~JhOz|_Y*(NDasY_WvdHX>d7J13YJ2EZvmsqVwdFOGSra;cEp(>5uigTwkoMTM+
z6!La5gB_I?AF*2@51>rW@2x|^RT*M<??HzC$D=RNHFZ5T&1iPla#!B<B@puymc5C8
z)l9_PWNDj8E-!LJAf*FW6)tPSc;iQpAdzcM6Rn-RW+CiBC)Y!(q@echW;G2eq0Lec
z_YiUUrn|Y})QS?zuF5aA17I*oUt=klbtn8PuYLdfv3L%dX;p;VAD1ol1wqLRkOBfN
zJcd-vmu!l^<Y#dUABvV;e**Mx+suAieOMI@XVy%dQRf+$zui>t%6FV-QFQbfoyFN&
zqepvc5kF}W>k6_A+ho^nI63>jU@+_8DB7uotZ0h%&%qTN=w3BqcF2)&bT2_Qfwd;F
z6svmq8a#LbRyMq+ZjYYoF>%WdZQ3GqX<aCJjvY33G{BSYZkYwM3=bY={X1808%a{u
zK}t$wLk9FzE_tDAZi<AuCU-KCI9y~+p_X{iTREg~6_NBhW3nF5vx}&&M5cDp1a(oN
zGuO@{n`OIrXwi3kklCWaoiVFXGQ~B$je6yH2oTk-u{DGw0}=Vz0O*2kyMJh<K*$8^
z2Q{flxrlXb*ZU2c(G*#%cX{$u^=pu=^uW;$Q0G9qD=^$H?eNu*Ei$7MpjFhFB`wWN
zp?6=a-_%nz48~z;nUzSTUC`}*Kcqt64RTAW%R6(J@ji(b8A3%cB0Nw;<`x$I0zG^!
zQ3_2e@r7r}1sGD=&-7w}>|+e>%x7H7_kF~`$J`~gRH4$2J1n_HlZ+oj`ED1K@y#J2
z7lTq??yz8h6mg}$ZptCB8t^{%T0kOb{n?8!Al2|nUWL|IXtXv7E6ol}vGu9}gjin@
zq`n2CwSt2I)|J(tI=k25P<Y_lWlmfiXY)EM;szHU#sG=8t#%1PL93{ay5}k5PFlpZ
zBdX+aArZrZl-dVdq`t4-O&KEQ;w*!AewrM&DF727NOo(o7sv4H>x*h02H7gv#2<*0
zLbfCYl7z?5*@kxyq~PJRl=l^WDOA$xUS8<!pog^cgm+P9JeTk8Ebc+2)VSv8JJrOE
zE%LbD|4HF0WgBzy0?|nlXnIkV5*loq#NVYvN0t?8x)1zoYLmTLN7#&5!s<hfT<&M=
zyLSv=+-YE##fZLB68A@x#c-yTj!~K98W&OIps@|mdt|VTPoYapBOC}vpVJH^`BuF=
zYWT-X10)M+5`ydz$$M`U*{#<XMgK(<o(5W{-7-;EXp<7;_Eum8`8Gy&+F1KP-!--&
zQ^S5b^CLjB;?GP-6@l>Y6zQ1%mmb<N^UQzHY}^R?%k7qetJ9}8GQ_K?Wv-Hcy~PO|
z(8QDvzkil0H2sS?E({C64`;?~?R`l2o6(x|>EITJmbF<xJ?VpK0u@(RM|fI^JYgxH
zZCx{<<1Xm~o&p*-&0${R`9+FTC;L$iQfaUCu&BjJ?W%Gyls--S7a2q5F#lHT0kR14
z+i(j0L<U@Yb*`#9h-K}k;P3iAB*V*%xh&dWte9Vq7D?P)WSeLdR&DhV&#pvG7fIdL
zY}jPl9>|L|aK4tTah)50WMKW5ceUZnmS8P_-X{=1txL!HFdNse@08a-eC7OBMkEnl
zj;DS9(`vj<;)fDX3IeWA9IyWXb4F_cDPy#g!gwH0KeBW4Dkm4*nDEaCexv7gE$<=A
zkcf{GsTTYwM6^XU&2$BiHgx*g*e{q-#N{~z51@{F#k?mz3uBl&ab|6LuY{(}D_>Vf
zE}n0!6wzAz>j9i~UEyFzF#Y3}BlXSyq|&ZJ!I^OagMORl2~jz}EyiU?iMbq9-)A4m
zzx)^FB?O1ZTm+Ja)!1%LLrhA+H0Q6=B>O*KbK2oIvpdux6UJUVCTBNqE4qcbgV>9<
zcj{oAlZc42U3?k4k96>hMOZaTrP!!J9LZC`kYoSGfZC^x3oJYkAn=2fBwcL|CCSj#
zB4{xN_g{euBH-NHkw1{3HgCtYzZ+gcu$^o^&QXQ^szCOhZE-JI;dgMlDmc3@F`9bV
zbFwnZaXaJWa^{d0Y4;RVhVpWUh5>*uuAtTG1DWvJDv`^QFnQG;;Gji&H7sJ?^$A~%
zbOW4?_sKEIa(yJ?oq^{W3FVowZ^FI~@;7se{<w701P|EXenXE~H)#>nT?B@!x3!qw
zT{&3e3FYu!pqb_EKQf%Zzyc#u(GW373{~w!jHVNN0gZewglWGNcDm(W%jZ+T_QTY1
zad;0o=1_~i_<&>{Vx>6?V|M^AhFz^oWI{5-*<KQKT6tHHDns@`G9#F(?;2mk@3pNB
z+fDrt?q^;X&pbYRe>iKFT`$McC|;4`Q^AlkeuHxQ{tW<<^3YnJP<a31h`Hq(a3G(A
znT&mvj4cX+*1>SMW$3_QDjJv{G4-aHK$AnA5$Q_)nTlS(2L{^yW!J*az`C2Xk8jZo
ze>7?HO#ryjRN+eG{a;se#jT~QMcp|9G)|wj(Bw+yp1I|aVFSQdYZ8{1)kFp|J~k4(
z&?>>$JE%Ft2<wDG^84S_+omLNR(dc3yXy+b$!Vwa%J`>Jq)x2%R!DXC%M|EG+!lX|
zM%lE8BT&8ZV?<k&uc*??)1;6MoTn!3D#!elv7{vjhR?O|09}-^+iBktP~v2sSNep8
zK5^q6oeRml{f9$pz;w_GWThnd<Fo#n7yVoG*Vt8p0wyTgGJSMC7h;k|CZe>2vqSq9
zDpTB``_HpSb)Z)RWSx#1U~F1iCg>!D7Th4YxPH7)_SDx-!v7S~X*xd>DI42<_6YF4
z6<fDbx(r!wfgONxLVsY1klU8?S!aP0Ym<o54f!0eY9h<C!|r>}F*-YrJM;iqSLvPt
z)H1A;j{6Q;`AxDg3ni;3C>+IW%lxz%R;#8S>nFoXU|aIi<6r+l+S8@?2nG(d8NkY5
zOWq|=vklaNHB^YvH9vWDLD(=UFpwOC$hzB`xj_?{E26U!(rG0rP2c8viqnoUm4IC#
zw{j?Ad!f)%?%YgK6%p!^Bt#MWLT<0ASk-2HJ=Xf9EEiQy&YI8EefhP7&`~<LX(MdY
zvPuF@GB*5-?x`36>tRNIDHl1F3hWR26A2BbKImxF-rF0IBC7Gr%52LW_^1y#er9q!
zA=Iz834IilU624wluvMqvi??`gGxUVF8>1_=M-V(Pvs?&B$^j!03q2Ocad5Qk(d`?
z0mkb;@x#^tPl9(dG!z?c(dipqs_1_?rQpjUNn)Hb2%9OOcH<GQkvcFQL+8iPw@Np4
zoa#4ISrA1uY%N?vW(G*^`wj-I*(Ch4M4RtQxKnk<Uf8o<4NvSrPpo>V@g{<(DM+!j
za~J4t8tTojl$@jzO&Zx_8NvlG&vR&(BNH8&f8E}=wS_ZY&l(Sd{v#iIyh_#CeTUE(
zlVhse4LX5S<`yANj;{7F`kbS7wxs>xN7pTJE@Zj}g!-19M)FtssgVLMvB=^;uq*GO
zK>_b+r>JVD6e~hfpXCe1@i^(#XY_f?mBF7$F(=xihw-RQht)&0$>WAu2E>ozRx`3-
zpU65!vZt2r?Y?SRk%=jG?8ezOE$^}IuV?D)!AYIEK-KaK>x@e6vXzrob3Z@eRzCI$
zpvydl{DQQeVvzF2S^A%{W|c!o?vC%PKE$771dd+|`JZ-yu-wmvq4$QKZ?WX3h>(YF
zQnXg1&c4JBV27DbN5S-tgdUixL?zrUvr&f--3#<lGE};tR%Poc<EsEeu$2z8?BpiK
z`pZVNLB;5=v~A2vFDKgd<XOl6FhrqvxG2rrpei=MZ9+GH2MuXv4b?x^P3+7%&2Oze
zfnw)G-7qN}bC!(yD#9xoTA4>MAq+m_ou}fLM>4h;(u_9p5!HVD*<2KEc}VO@U<3Ul
zjH5a&e$*1C8My|=Tp3`rGaA71zH>(jWK}Z;z5XfH%mr7u9=W{pIpo&1ZuokuTi<~g
z<*-{xeY?3H2Xnb`87413;}UXkg_q(9l{C__5ySV_>=08|L1uZS>G>osmJ|LgNSO^|
z4MHdDB+9%<9lNvt4EglRaKo&0<gSUpcvB_;<YxP)_O%w{SJ_2*LNHtTK=HsNJ;wea
zD<&J$Ge{tn-}E0OadWdHo#Rpv6y4tvVrW8Qy@@89(aF)39pb~5;C{XO3qA5Y0369f
zq#xupV~c7`L0=+JC}O&8dmf6ZD(P)7vqN`)X>AKG;6}gx{Y<T6xQw~pW_}H+Fq3fg
zdo;`Q`Ds)c?QAE1A8;IiH~@1<<`^r=^DyddwVEGovep&3BR~tamk5}*ah)QmJ+!tN
zTD^HUgr0Qo=9YmFME^W7s6A(um4y^07ScTvSrsSK)^CAkbzw}3Fwt_)Qs_zH;=;gp
zdF6~D&7G7H-mrT0cKJx^a@Q#Yl0sexS9Nf!JKBf3%P#P(bi^=wzv=)*$ZInd>DCyk
zxa%$SYT{czM|$?=p2RDbcJ{EzIZ!Ya;ej%d-{W0G=0JH3R|jMHpjLP=_KLM^buvLf
z^Dj|MgG&$Ug5zo>iJZBd%M;b6s2y5^kO_=sDtm%EnuL}$$tC(u8j@#S6^~(R<dM!t
z824;26%e!TQ48`b!bxSx4VKo`1bBk(452J1hB=uG@NNU|H>v7(ut&UbxpjWU$7ZWr
z&rE<QwVP)@x=V(EdS3_qa9uaohcnM^f}ue$;qKDow_rsse}wz@{S-K9XMFS4rZF(r
znc>l?!on8`2_3O{BbhGaxh_@K5M-<xhq}Fnfy`$@n%T!G+?i5XnnP6ZIpNMB5L)`|
z085Yd961rb7?4a(r6)jJ3j4Otvt`g9l(?&D@Q`{T<FG5+!V;?qc|(tG{=nDVVxFSt
zvuP4{YW(ZJZt>P@-P$oC?&xtL^3eNY^}6TX=k~QA$--Le<2u|(^i_M%$}k_R;Y95Q
zAaHRBCkbv8Ej9{Xdh&?xvEh>Be1psTcK#-W87MY58vwX<KrS9`W^MF>uC{POI))In
zcK%SG(t}=zO+R&Q>147bV}cGk#u0;+;T!}a*gL1aV#mor{Api|E;OZhD<BrxF;JFA
zzqtz=Wr*E0{L{VVm_GsHot-p6kB=c;79*pptfvLoE8eoH-}JfR3j>KJU;U!x?(#H@
zMhiz^M@UEIA<ZDzTrIT`dze+R*e4L2WK7VyCl3$-*OU612Gpr?H0hwm!^`p8(CpBZ
z)wr53&KR%t$axn%7Q3kk0N*}_&Y|gmZXo##r#mt5IX_rP$D)c$0ppiA^rDLVI%*y!
zl4YkkJs-KLO(*mU9AR^_?S^85R|&=XcfDZoTXO!c+YXXdFbUj%>EP)4X-?IZ?0}4S
z-<Y#xjcu}giCvH#&>;{6V2m6902tLlnm;s5L%;sDDu4~A$IO+}VCt;aq(zfIIL%<@
zs3T{BGF4iqFl=fbxzek-8$`7s1aSSol_jYjBB@i!k~JWTebn3nVo{X_(packElh#Q
zIIl!ys-VY@d<!dSxue4IM^-5*=)lYrK)|fLh}1<aSnCGut3yiXYmm+M=vC^r#;_%|
zb0;7YD@!BKIBon*4%8_N1Q2jLgBkR|LWD+?dWFzw5iT)U8f~T+5)J(r0f$1DB-G)k
z`i>Zy)dLpGN>Ur;#F@tK*Z`@rOnLzW)^iowcHk1^9<2O+m{2H7cc9Vf7;QkRY|Kj1
z-m9HTIQ!-f=R5eSe%wEu#1|i~Kl(oicic@8N!JH}8<>i8(3SGrs!dkS6T|fwIA8f@
zgo?un*}T<1*MO65-er4vi5bTcv7#=>cZC~<xNltRIlb8ho0R_~mPlJ7mrH#o8qy)c
zx8`XbyRsvE4u8=9Hg!uShF|r5-|O{dskuv~eZ&s|Nn;u8No*u<6PS2WQ6O^vcpBpa
z*9kwAoB4Cb3}NNU-I+8^Iq#XfH{Uj{e6;8lcLzRy?8?SNsY>jCQ%1<aX};=YZDzY8
zrpkJEf@*`8N@sLUAWn-Gntq^t`AcA~qE?{hu!2!d0HrZaIVYRrySi~uekZS8$ib*p
zN!Mo^H}~_ZWXKU+P*XH;l&qn{5hl0W-H^t&9%U?mHaHM_#|)HX5D?-fNEH2jPXW@8
z3gkCZB7aS=Hd7&*9Vy0aUoWLn`nX?_v>weodwW1cAvO6+?8YjV{&GM?OZT^+dyFX`
z!oL5C@~H3$_L$j%+<E&|*T>5>*EOx(FjQ%;a3^fhNhSNK=1fv}qX3|9xi%UfBHM_T
zPW}ZGcXGKZ->c9r+x9;+MQgW<-hl`NV&wu^b82#{;LI?JJaNCWZ8(<k75za;EQ21D
zjCu_7lXsXVCloUxq+M>K0H#85q)%)N?wxvld$w`5uR)Bo1gwIfL?p<ZWj3>Zxs|1#
zC}ra2G!~|uZyjZ-x_BvvR$#FJ?7?yXWZ&(;BE0((FhXnK6D->DkFiv7r{(TfIhB3r
zRwSfOWa*)_Iqkv!pxvomRv@85a8|PsvJXI)&1~BzUiGAz_|1mNR=b`x=9W>>E%}f`
zSGk?s$$=+H<V`FoFNA_9H;g&$-wqyPb-c35KVV3-j@DzAEim~UF%(tbJCJ$gitm0x
zA;D6JGWJXgl8waYSA8i%!NnE9!BLVZCEjJXc1-DQa{we*FiP~ly?C^cqca+jPido7
zfAk>p9Z=04vMG$j1`~SO0WNCG?>wb4*!r#@F}J6g!cYKvq`H!H05w3BmLfJEfXMgL
zKPhi~7)Mhc%k`Nz0&FIMBKA>cjPPqCp`@KmT7w;dMyRZRt6@l@os|P~4mgbpYz2me
zTk@IwwuUX#)`xO3tRyXTE%6vJ<CV0LlGNE4JA4nYvB(RjJ}rnwecwGO`(pB{an3xD
ziQwoqwrC&F;SPFW5=`6i@BaocpH)5E6-a0ugf0P&3kG0OJ@qu=s-@>vrDH>Or^Ve@
zZ#_nnD_BP8G#*C&>s28&0I5^W*z%8)XNe%)yGx88f;aO6C^=7AQG4dsZa<l`Nw)N#
zzRh9yPzML6sV~$kW_}ow45&D#(!MjJK3R?&L033%0V;%hSB(ZO-5xPFj=^!}-)<(8
zPK<kKI()p(?wXeOuR*@Tz>{A&?xT&gF0~_4_sZv9yGEWz38SVXrix&@qUO-j2!H4y
z7tkY(*^S)^WgsX0p;HH)Yc1Yj8YZ1J>Ykx4+^@^gs{JoP+Vpa}w0C4C^r%IA+E&k4
za6da3u*gB<Cf3rVM9(8>(Da&S820|#EV0&A7BGR8uT>GE%@}j@QqM<dcO67(oDqa_
z^z&{|*E>exansu8d=4DLUmlkfcF^RTZHE)AvrTBfRwp;GvwAvU)o*s{wHKBJGs?v}
zTEUB~A9EI}K)K-eR?W~$J?DhaT_Nxs>KcRQ*y~n7(^jpH$MkH>8!);u9~s&eJ@e$P
zj^K%qvwQ@>)8Yd_YKBDZi;2*0A3KpW3Y0g*bU+<hB!y6EZ0i8xDnTl~4Hfy$b<O^p
z6FxGpQBCOr*-V!MPJ!N|oU^~S2Wfmn`H0&8r>QcO#-7Qvl9h^|>E3>t$$HJ5MP~OQ
zdhx}uEQK&-k^CbV07{lqt^K|6?yOlnMuZ+I&<Irn=24XnOAr3p<1MUJD<B_n(tM=w
zqOFHeG)oP*;XYO-NQ!6Yj&Cp4DDzu*8^7pMVjG9bTVph&V2}`!w881!-MdH=Jdk66
z@H@B2+=i(-EQ;_(U}(w9Age@ll(88L0R;k2$zdA6QVIDeT+JXL*QSkvh&y_B<4@9X
zc92v5U7oF_h9aybu=D}u*8aX0-}dq6Hag43z|FWWxC&vVw-xIHWYo9@_NOo}0NY3y
zR3&8p+`6Hxt~Pk$NaLpF?Ux!a5OZVM&!jwd+qW=INpNL4PqMBeL^LgWz{>{?&MR_f
zt6_O?jEXAnS+-DNk`H`Dy9La~2JS*5q}k3M8-NrzmL>NrmSOUlf{zA{>BFn+eC<#Y
z9ix5UxM!F)n4Nr{vx$f$)s5=(V~{n;+Y@>|u`_ujGs1`5WKF5E$v|axwL=g64JFN@
z{t8IaY1$f4u+8bE=1xH0SnFT$f&;6}I(<LR*~E!6qL1fbAH?9rP&1}Aw)KCd|5cgZ
zs;eFAwpjgIZyGJY`c;_6R&&_0_WJuf3UAuIBfvh0pgSkT5<6u|yu$z%*PyxOH(e$L
z7udrlFi3AEai{X>seo4~ijF)pFip4t5xOvy<)9m!gwqEqDl9QXIWH5rj!S8H)1i&(
zgeouj*1a}<l`CV1ZG8?NZ;qx#Sp(2Vl>Eh3J3^4rg<>?*I_8x~GYui$_Xg<Vp;<y&
zEC$UnrnD>yj7O<Bazl_<N6?xJUUsm;!GR8=O1XJR=TxC3Ye9O$XH>;Q6#%=y0#75M
zQE6@K<-D*`h#vAC68lCC8GNuBWb7!Yl(*kWVhQM`Opu#ZLw)4uc{Ku)|1^bIFlZ)S
znjz|CBvSz#ARcxx`X!emgP)-)>N5OP=xX9hvg0nT2xhqMaMmFjUSs=zV&r>(3dVea
zeKyKfm!sMj8CXyNTK$rM!-0RP8;7KZjdUGg-%;<*nJl8aV01Sp2M!1;wL`wV`HKMu
zP}JSp|1=J{?~Ud4o@6R0n`@-?GPR=|lW3l<vG($ie5_7EL4cS^i;&*IW5UB|_kITp
zMZtA9K?8ucG!y8ab!|2lZgRxuW4pdFK>IQ1q*(Dst-EMdso^@Y-Hoq6xv|GZ=*;>%
zP0HQRx>{LPO*aLt1U+iFbA?11VvUOc*Na;^`lPaUlxpjnRET$UOjQG-f+JDm2nOx9
zSa<4TE7yfzdi(xzCi#Vn?g`ZW>*v;Nl7z4dT|-s#ih*`28gO6S4g?dxFh9RN=z()2
z|F)&h!eo3x-z8oHzNUvskeohhK`NlmwV?CPcdK1A)0ca_)DX0Ojm*%_+K<FM>FElK
zFU<U_wh^#OiU}@ah|4^4?AdM50CWHtptZA?4%G4G6v{IaM`=X)2vpc#N|lHYN-t(u
zhqq5#p~oaQ*J@qy(Cmz$eSL0-d~hxD+y-DL(9Sp8$ME{?=?20QtPxnfjqi#q3I^|H
z7H-sfG!>bep*HCR_gZpy6ap6pXLlLpeDqy6#Qc+1PV4kxI(lH1P?3goadAb@dW-P$
z%EP8Fmd;d3lkMeWS+sWnsZgF)5<+Z&IiQsQZuxD{jMnSf$Ny#)rZ)Ikk%s7h+X+U`
zyWp?q;l#OY)n@s05}$H%DC*#Gx8{u68)Q8xoR3oP3w<1wbax4kWyWMNq#G8wUAk6i
zo})?vZNtnOcc%-Meaome5Ea4bp&<$7$1szzr>#@rtN6d`iXG|Dbpkzt(w%SzggUde
zumyl*RAUogM4`X$$7+pDE9%~^iwCD;gb#vWR^tkJ6g{+e4!67af~1km(U6N&01l}c
z3{g@GT|8(Zx~ci$BaR8WsP-Z@5N(eFv^Gm~nJF#om80BpbweZN;(so1nS)d~gJ1Tq
z0r<NXh)9S(*;T-&h~W>590Xvc`XnPrpw@czMUer<%hecCQ5F)$(XB7E3UFJLUB2%8
z4<Asa4Rc!dz-P)=cvbwo2%;j~UkCdWV{)Ga5+`ln!l+ieYc4kd<U5-bZ^0aW7kr!M
z|61lc9--uHTS5DT0kGh@kfV}OOYbPA&=JUSqLumy7lMfe+z=9>EZ^FS9#vymbv#!h
zUV$1d$q$e0lu^`&&&|2e7>3@18Yr!L{2K$vP`T`kWcP@Cpa-j$L>!5oFX)O4#hUlc
zX{kT}xGsZeLcD?o185)ADqbF2nsP_6z$Vn@;kjJa$|E1nXYQ9T4|kKA+YCKR+A{sJ
z4w)IhNV5mcm6}V%jm^;<N}1wSjTUnolUx5*xu7Sm@#g9UZqN+>W>gB<URKdpKfmUg
zf>3*MS9ijM@L^`Y^xExYLa70aH$!V-25VVJR-eKSn5A)&x`lEO`zF~48^cu4Q7dHH
z%{|@yo%kE)UH^-Af2BCpsL{HU|H<mRalVM;D@gxcQ2TBrD-SU&3iU0(d@GbU(<#iT
z5&X71@^Z`eeBGF;IlKN22&KoGT8}v!zP2T>qVLZpo_byB{93PKxjIOE-BsR1*@Q@w
zpM!`w36=ebYMWlnTZs_q)Pd+eyROR&_!w2O-B1Y#T=dQ^!c@A&7^>$|`c3wu<4+0N
zP{<*UlOf`D?6kI96oS*1%NN31a|k2kp5tAYrw!k_fL(E2GBX6r&I|S3$zCZ(ohYA&
zgrqUJWRU>31yJO4PJd8ly8`=V3Y-=hXi9l{qvQeMQSFAao%8pK(z@Atcc<cEtks>2
zW!zK{63@Hq*a5hlI(d#Fs%Ca#Irz!;2kJ&|fBaUDg5~^6)`<f4AIAj@b$h#!qrVBK
zXPe2r=IZ(a5da~C*UvJ;r8<SgmsmZbR@j{TJE-^^y4E}!XppScp<K{40FrYIr!9!B
zBO1P+HgtWE%LRCkD$f5ptqhvrvGQN!pP2&$LIZ3&pfWWHgkRxFN;tfY{hm+8qBunq
zQU3RvPc6$MP`+(_0ESb4;^|Par6p^nx3GxLKY84eaV?+SP&-L#6<rYY@*B4TC_h3f
ze#mFVnH{K)<vI}ev}X=eS)eUi+6(J=7Y;HfmE$NV#LWS3;k5$aCK(@G+$+xwZa-FO
zQtMXJ<)MXBlf1YG>UPe42T{2Nrpr<+I}R+9zyJv*Ey5XHmiB(Ui3OP!iQ)1q(51hl
zlnLqU%AOtvZ$>^6J`W9+!_nPL${GNN%&dEkTqy5F$Sf6XePSNt>Ya6~<dRqOvpgEF
zjAB+b<DP)EaY1w>S6M1y>jrtll;5&d%H?rZ&+HbK54Pr;o3Y6`<}a&J<f2fR!0ewV
zF%?%VT^%G3ad?8Ey12_G8~>yh5>=ath_U>it?fke%Eb9K=!O^YsAt0sfInc;bUa%t
zkZ5x+xfU2Crg#v-uYE_!Nsyg$Pn)4$Jt&)n+!9PfoOxj{w%-+X!)6YQDG!r&>XC!u
zLKK;h%~HeE3>Veh<C{S|_RV1wS0H~uaB#<CRfAzQ+B=7sCeQ8eiw?+og;HW%H4+?b
z4@uTfi}ntWJb7Abf}ihR)rP~GX-Drn5}K!>0GCw_Y85m%JYcMy!PZbCYA>z<zA)79
z7iOa#(_3U8(pJUDKh_nrIRxNT$t2ajF^SE~RS3^?IL@7DWCJ@a1o2OP52|8Nh*6{8
zu;Gyf<q)&Yik14&^>{k&L%F`$m~3zWo9gr%K~Z33N{hY!t$?`Lc;uGVjf6?9QB;er
ztkPXLJ7XresSJ1y6%lLsr`YY^dLD-;T)swxjr>sVB>KZK2WhY`+Z_^@YUtP^^k}&?
zRi6!iO+PJTLUw8w^}FBpmHoCfbsPK3pdF`j9XP^D7+mh&xKt#i2eQWlKU;P}{0g&F
zA=>TlsI7Vx*WKHa-0JOI29Hf&CPusqL?hNeDY95W{)X?M3co~DSO81Ka(ins5dVEr
zj_$BfcbJK?#RTjT>RAGt$e(fl!b?J;2udEvIx7U=C<#!CHtw1<o~5C)Lzq!ejppT*
zI_l557|<&4zf(I6e}Z$OE|0M}VW8hzL>BUC7Y*4IUATfowe)`Bf@oza7@*JzUDQ!H
zoPYLfMrx9lr4(aLh&DzD(c+*{;k1$r<@6Vx%~K=z;MEE+u-iat3!9e_KVy2pY_J4J
ztZ5siBk(je5D1KNoTkUt;8DA7D(UjMpajHU8_t1VLJ-W?etD4rp)B_DtSsJP@~pGa
zR2<!pcnoqD?4KUY<pQ`IDzPK%7G+28!tb2`sSg`ja=%m<0<(TLPrcerJi7Y!;5nL(
zD>QA{ZUWB`1&2opk%3ZmC=!+RY#d%Lpky6koo68ZFWEEj;C}cj<wTi;@*;{OUwQ=5
z*D!Isz$R0xbdw}@!_Vfw;GVN6kfE2o?l_ai5uc~}0yJk%&h&&7Wc0pahC4t@Ps0|F
zshJ?>(-P#~{4Fwk_nhgqNN2{!Q^S&{7>)dc>T<zIV)<J%q;hS`#DnBCB**`FAVVd;
zmOg5X^F#rGxVa3kBH?F%(?URpqj%3-60?&o2^P2{=8Hi^Y41<h&&E*KmRk~vr>`*#
z@Rq&miwvSg^kloGVj%4JNd4_0>Y_$tY<xAoE2^NuG^O`lR^?t&NF($Z9)TvGtW2V=
z8|agKQ34*-Badj492p`}4Kkc34QZ>(DKhxMxUkJZC-ggj8Ap{g{hi5!=vutK{L#KR
zUz17iX@MkYg7bw|UzTZQ;fr?3mITU0xQjWF-T(@r1YW39ui{D-yL;iaa#ec7kUHPY
zwj%aZ>FxcJzL8Rlm7k8>v|u;V6GCHy|Av%->7wClSd?U2ZzXK1CAK(B-9BE`8Zr1-
z5{iK<HRUY*$aNmztp>!Oruzub__V+y`}93u)#jgHsLZz8JHIIGm)4`BL70*=RYAGO
z;iV}vt=l)mM%RQXuCT$>O`}>J4COk#0%C1L`EEu~68PFcI#^ilpNF!KU~T1x12&qA
zP_=PG?V*p`JrmqAQ{~q@jOe!$IazYm84~^e9Q;6&F?v+JVNvRt25{2{c>Wk(xA<am
zen}1Wv;0y>P3_4~BjEzWS%Q*d-=FIC={k;@)*>@PvE%35hEc6(g}6FL{<&v+=>HX}
zn*yf5%+VRZh!!#ngHrAF&@0dGaIid9U3P`L|3AB8=KV;|iS`mtBm#9d9$a(Z>{Lvn
z`4X3|(t%rQ<dcJ}-Fi%dy0YA;qc`6}m=ov6emXLSd|7K`kDe@4>jxS8E`IvP8Ku9U
z;4_8><5DME0h?;q<k-xdoqO!dae`91?QxWn+l8eNQ+oEU^4p85uhN+2f=OVe2MM1#
z9Xm@{ay<)$Pr@WdgD1M+oI+t6Jltq#bG=;qKkl+C|7LSA`9K?~W#9)Ae)>ti`j}jC
zwmJAd(s8b~N>=R0WEt<oEf{|8aQ>q_Y3?sNUo!GKL(G!*a%;ZGPfTF!DAp3cYg+Cc
z+jg7Q|664r=;eg2{p{uYx!DD>i%tgn&pi$3q06hzRu`t*{mqzB|M^AISU<G-(ZsNg
zG+X_xQuP;!a<?*v*R=hO!6g4vgRlk>Fm}oQ1M2<AJ&TvT3<F7<P6RYg;~JYiwAhd(
z>o$hl3kcEE16s`(v9Wj3%M3Jsnc+*x_@J;4xuZoHlG@I0IJtvYfm@fUmSP#gfe%KJ
z@GyML%$w5e+{?w)r_a8&6K^GFIr8xc(m0Cdc(Vy)n0x{iGiBgn8`Nk;j_;J-X~gK%
zib1UfKahe`+k`qj@wDHM1;M6dwJhOG86b<rAHbzxcl6-=qCI!ka!-#r^(GzalS$!i
zB?DqFIZ+Y!FXJ7TATm291%!%`3u_mYG$)t8P7M^{jCS7jfcOF8+Vd|I@=VN#w+peY
z7;$(cb=DC6ZvQS`=iI*wDzz6ud`Y>pkP4}YbbZ%$j>uD2xk3N3JDAzL#E7DjvQ>L0
zxBUQ<jcm*}zJo6H$0FB8jZauegf%j?j)2!~aQRPnYnN{sYX_S!Q7i5+S3hXb1FC#b
zNkYPHA%Vq*#dJBTi<^0k-}_|^Lx#^Fp7aT-1#!tQq-48|>a9P@p$a+|Y?@7wK++J=
zpnP79N}}#tXWL5Ku1XCb8T*g1$euv1n5MEhXsW?rSG)_*?VfBNV6u?A;sParoB1M~
z4|C4zV9+!`I{+=R&%p_ny=EB~GdAg7X;SU!ZV8(`1%3PXLZ%3N8KXYtC}3ZE0y+)%
z|B3zl?$d*JM=;q+T+<A>hW10*)(GmE4LcOI-WFZPKnN_LArJ&$j2s~l1YnFD0010{
zL7G50F%SR#wJLxO=OcqPz!&^!U4_M=W=x>iP<kmz1fHO@jsf&>vy2DDuvLAzAfX6h
zJV5Y*<m;jxr8eS3v8y=@IZX*;ObFPjP1dsi#tv&qv5p`NX=1^g(Y?_7!L$`Rw26(B
zuYL?9OzH1#Y{1B@q)H}wlDxn$3t&5vCnT;4HDeJ>mPA{TyPn|9;s^B-lFQ!3=}&ai
zgn&rbuhPNRHpm13{_5=MC97@qI8zSYNdqya;|rWPcB&b@a5Aj3|Iyvf^^H$b&ufb>
zV3n%ueu;_70HETTGIQDQm#a!zEiy4|+eIExl-#D+^OL@K?2>IpzB)o-xVt!=ezl7%
z9;Y;nBG4Do%3;7;-b^K4?B_;bZTmaWk1_b93(%3+JXL@#{I3(12^z;VQP{Y_;`3MZ
z$~9($F4j4q_!5zWJwo$U%~n4i$uc&X1mS~leLL4?v8~@H5#J0bMqwz?B@T8dfAYvl
z!%xq0D{`_PM1wXT&AP<^Z7sb6V5p;&ZaA?CU9?$L!2~(Wf$P$Sv&#uHL@>Y*QX>Zo
zBn+<wU&%F&G$jQGAJu`oq6wzyPrt}irgD2UL9<fjdp+)(=c_^q(8%*kr{836UdbLq
z!`{zW_>ZiL<K5Ba-gGK9U==t(kt6g2S9srVGyLM1`f?jg{298-R~_o&KI6LzG~8-c
zzu}IqUghgP!;?8S7Z&QC6bG!OlkiRX?DYXv`O3OO*XsyB+RR;wwNwZ<Q#mVd1vN@(
zj=#MuM+&$*MtJCK&h{X!@=#ZaIUYzWp7;N!UIM&!4llg3TDHB-PgM^*8yHNrRL%LE
zQ=bmc0mhhiyi;|s%{pP?=&NU{7t#^_5UxPmKYx}~ts?;`V<XMiCvJzXCz3+pU0W+S
zW|I2+s%%W1(OKKOA$b8a5b_n3FNQ6mDQCw!Q_X2ivAKt9UnU5VTJQ<u?KeWwbA^GS
zS5OV=0|ZR!P-95XvDkUan7EHD&Oxk_*oc_@lA*kH1CX1GI7&mx7VjYaY%Q`=Rdu|c
ziH@s!4rZ4=T&XU<BrLX?4Nbxd9UASQ(r91>+Ruo&8kdNBI&l>(G{JB7`4m5*CY<Zx
zx(NrkY@Bn@_%M!aUaVQ5XNMvYoAMVQxG0L~W~RXHo`W_Iq9~mB`;N!BGoQ2^c>0Ja
zc@od{JzT(eVF%zMu6I_P(l_9S{2pR^yErhE&6y|BP^+a@|C(X3j01TPwapG^Z56H1
z3Pl5Ue*N{^_S?_9Rf)1}CpoLXHqmQ7*qyHft1Gs`KG^UeSKvo~v=iD?Ui=@SDhZ`~
zy_TOwQuE$+!7dMKYSPR60F}ynkMvbHKmEu^Q+hI6pbFZqd*1@KOu?}!QzzRtucCMK
z_1~~0G<DJXA)yHa(W>v=<BdB|J!ezx);rTY`bf(CFBk<GY))n|woFK;JAbhqj>NSM
z-h^J_RaxRQAeuZQk#;;2rcOw0>xzUoXreC$R-@7LvhIaqe%Xnu=m5c7O6if|NI>yJ
zK$c48Uu#?lq(j)5DB8y>Sr{hK@Zk0`=H(DlY<Rc(h@bW7DmV2+w)p=hShO>0M6sZo
z3jNyVr64_nmN<@TaKW>EQb7?6dYiC)V1dTM9KNCjLLZuC+*N`u)-5iTmneZ7y+N7D
zYW!Yhjet@cy?Y_L1Vt^)o};gr4uYY(B;mw(;>%!|cP>|zE_Kp;%4#1_#YLSe39p4*
ztFt34A6m`GN4NwI)?fO@tUJuf;5j83B{$1IvTIYS%b)MFz9CiP`>QWnLBqz@Zc7%T
zXt~2ZD)`?!fg~J>Kv`jss$Z3zEbq%BlpqcgzjKv5H9fcwY3uy40W!N@QTr;_K{Sp@
z0JqgSySfzr0eaTcS%(Gpmt73dk#kA!6caEq7IL!=TXCnykiH}P3P7p?=q)bQs9ZWv
zj|5+a70?=i<PDy*TSGa7T2fd59zsC`8tXs?Lq_ulcvGUk>oX8)&5l(eeB{Qtd;%FT
zpbs1?qfa-skh)<fbtgZv<1!AnMvmSh@5Rx$a^He53R26f{o_QD1I3ix?(<_7*kLWF
z5H8!c(B*RejGfhtntL*4D~Ku_r-fDLIRTynoh;WU^h_ynOStg7{kAz!<S$tsa+C+&
zCs$N1R_Pjs=Lvhm=ltFiSIWv1p!GFA>(~Ivu<$jFz>~KZsG|E+1sICHkpL#F3bEu<
zyIY;|il|b4)fboW%Bw-S$j>uSv8rPDNNRyU5==qRz}JigVpROS&&=w7QKt8q&KPs0
ze|&*<7<+n=nOpo)gkU191z@?6lpf2NH!rbsuz+4QuyMwH)wZXRpc8(o@aT6Gxp1PP
zLl5Tykl~P$69tW2-F~m;$KM?@Hc2mwM*0<7i$ojJwH!B3c)~#%0(&~^@nGjuJ_9)v
zcS=Bdwa#~V$0@&aL8_=xsm5WViARCOS8VG13+V)&>0q+s3H{6%Fs@-;k+mC+w)G%|
zSD22O-))g!^>(f2++(SjY%9~HR><p2Ii#||JvIBI0YK3pl`<p`l^)!c)<;o6Dx^^b
zT`*f-hh?Xb>qpI`Y8>tb-cMtSjEeW_g_kz5AqOo1nv57nji23gF&k(p&ghL=BI^5X
zVvK5hB%wSaI8f#3URZyj_f1vmpSP|p!=Rtfxc5sn&mxp36dLo5B4V15*{{^WC~lHI
z%*uKBZQChd9U!h^f8Y#381vZYJK0&Yr`r^^{H4!&>vImcwdV3^ucaLbfgV{W0dO=i
zpw2RMYKunVpF@el_+&-D-Y=-FHsL=CMNKl=yxTxA=J%YF6)UPIO_}BN;y*9fWW-dR
zV{<4#+HGUowr$(CZQHhO+fGhw+qUiG#Ljze)t#xDU(nrE{h{~MwbycBT@+yyh$gxu
zoekP19E^ML)zP)9{SuHWGyknp`aOBBrWoBw!Xg@fRs@~>bQCLGb!e8GOl1DTw&zB4
zV>6?(V-7-m_<+)$HtS%zVG5)*1iiMT?74PhldjAYXV~FCvt22k0`tq#elZGP&5k`P
z%eG*@ORCVcaLt-LH0;|k268s=YIZtq7+eI$NdA+0;Dz#1oo}#9C+2)Gj~XjRtW)B<
zPkHPzn>}o~^o*qepW`{YuMJ&_Cm%Y99n=^_pj3JRhkh0ygpEBGk_ona#&~C?5-7x0
zg=1Gho8d`4)$S953j+!M4EVdq(K4N@Uh`Y>Xnh4EGA)TN*_(NEz)bP5-T_ii)WzT0
z4NLCWF#PYxIhrsOiyd$bV0*kDS(zcd5^uem^{2)sMO@Qn5Ltq40zEiJU|t}7s`vW}
zBUY_*v^SM)7pOv|_o0Q2-kGRM|6<VV&X){H;t`Q(PG+iOPX4>$?&>J45LPH)l(CX+
z4Yc;>$DIh?hb3E82#fV*c}vwwanrg`xTfCmo%8LiD_BAEk)#Cx?T;fTnUQW-CMyPn
zEPSinUy8KICc$F9H1m=^0Jtu$we79c6>3ihwTwV|2<yA+D14!Qh{!!}T8p*p5N6KK
zhll9?+FSp_lQH&MGE0|Wy8G#!q6){jVITOsxEiLJ0gnt8K}Dpn{&u7{T=$~4NGNAF
z;)vaEIg;lue;y|2#@5?+Q5Y)^;EYcIwglI72}K54T4l4sDNM$4iGKkYx~|-dDyN=I
zUiI7kxPOa_ZfdeJ`WChNrgXz$mwciCQPRyDB45RVM(=y7wZxN)&m0AYEO!UP+7;T4
z?`{RwuBB$_Ym&7P&`{rT3+pJ2GYQ7uBrZ(uK~IEw*9({3`5a;4`Bgdakj{39K&ylk
z3My%i$h<y4T@OKfd|Gdf*E8<IcO30plYaUyB*UM%Dg$pXbC>RN)p|j7K=;eifGa7{
z4d?cOK~7?nT$-CLfXUhx%j-~UU?H0vea3LhJb?`T9W>nBxfO}tgP1xaUMOIr3~)H0
zNR&K7@o=VQx@kt);Vi`jrSH67Hav5#zN<LO{>wMJLA+{@8?Sj9z#Re7Fy>afrMkY;
z<+Vs;Z!cYPlS@UY5m>I<RE>U6swM_ZnwIE~F)G{=3=|MnTaKC`k2LwGk6aZuYaq#p
z99E6iI)9O$F(~TIekHmB{2zJ!!o0vmGgw6mo{V=@yw4arUVGY~BNO2?(m&fiC@Vw4
zNW6K#jR7R&^Ln%d%s8<ERe3&fJBim^0v4;)+Rkt-<xkS%#PCajyM;?-ZEO6rj*1;-
z%WmRDlA9dazIYx-|8R+J&5qsa9$;?K5KN%&B!^MX>wSHyj;ZN+71l2p9_1WWWnO<f
z8Jz6+eCR#mgHX|oNn?{44?Yt6ulKAOB6P_O_(m^bsY1h#0+V(wAAj{h4kf^_D4_k&
zoTQ+b2x#)G_APX9wzNBs$QR^kqyQ23$1{)mE@NeF=p#&YNkI>9G0j$o&zrC@enME>
z%?k^G)}k=TI^-tLBA6Cs!S{3v#XCo~11ilnCBr**zkIY>9i*2*Gl4JGhpxFe`)^UN
z-znG=HPjwigT9mNSq?fxeAxO<9MeGJ@3w^iXng~mNVk&-X-dWX504>4xhvFaOWTf@
zNs$|Sodx?r(bBmL(E2oK=Yq>J1XoWErxF$Jq__e<$}Ca_{3m43?Xd`AtMRXFX*e4;
z@kZSK{pOa0MO%8Y)7tPoeCv6(W9G5jBYFVz=yGBMi~S6o-QltB!{fp)o;_TlX3*KT
zNWE#ASjq%wncp5`0V=V{xnE^ri(=nJbg|ubu-yA@On#eRkl_|~K*kXbC&wa@DjD8(
zaAMP#LGE(KNb7yjg2oBw(U2Y|R&Q?oEhuRI1jU?)aR$b)&)MLv!pimP2h8H?;}Pq;
zYQlJ##tA0ZD*WZDq{DR}bzm@Y6}Vicjl-Eybw6K#q8c`|^;{>D0zY3}@7N9U9jIni
zkQ6ZU4;tFgk)X);a3L73Ju>|z8WD60pEun2iFzcphoFjT%4+(JT2)eC47P{K{{>+O
zJ<pDe7K)_{42WoV{*;`qk{7*5Ur~P%#}YTip;JwaHF2!o_7X8vI-BJS6@b1EIGRmB
z5m`%ahBa*{(*MrHPxS*JFehPZ$#-!pHfHtil4V)KFvOGoisyL2y>>2|)$@D?bz1}o
zX%Wu~NVdu|EA7Z+H^cxidOFP1SSsZ8r!|^&`i|g&n%_mGW&x3GIBCFs0RVH|_v<c@
zv1>rC(g0Po(<p%*i_xh{|640;c|RtTU$`6{V_h@OzyCblt%0os{agv>4JvCyrrk?)
ztyhST5!q5=F%g?!0vcDBA;W06Bgz@FwC2^Z)tyIy7uOq|0OTJK3(HWwf{h9-`p33j
zrL=+G7z4H31_kN;MwjG>HUb?JXZ0{-{{U-AEIh}RG;qc0d+io12A&%YPTUwOo>hEf
z>HfjZeB+<p<aqS~?&Bd3nQ-YL+lBoZuxtpA<ExO$fS%MRVl9HCh5ODL1q;%l?SuRf
zECB?Uz8SRMY_11#xbZD!LxsLaP^u**yyEPV-!hE-v%M&u%Jr{iPiUttOL9S){hlP~
z#-YA*tU%itYbbWaHLaxNqd&qtsXV+dXtha~ELaeP(20tj9#xi_quU!3=cx|516J?w
z(PXX{mC@D3jz$h1Ge=J<At&XMx5heoT0IbNB%9fw5B1<Q2;|f3CB=xDkV{^U!Gol=
znJk!aFc~B0O(9@T2OjM8x`i#4rlODKZ#17@BX>gaOr?jbQs;mj8jWBE#V>hOyu}`0
zl2J`T0p6|?@%2F=njY6zB@$5r01V#A3Gd01Q|6Qj8k#gTzQY_cx=;eUS_9NF^0P{-
zaf}k~^1)daC=0ud0djN8hJXKD0iuCyaSyQ5l3s2nzVT!I^al`kfcE2%jc>iZN)S@3
z=B{pJ%#<xfy6)4@(mvzU7=x~LGQP~`)Vino@_wg;eOw|#zse3)X0(&}z2s4p@!u(h
zg@Z$i){IH%qj2Dlgzum_!l6`4w92UY6TTYIqtR-qfVFF%F7|9x&zF?M7%GpnpUI7Z
zYX0;#fk@4DrWC|Ot$nXEY1!OD`L)5UJtejcHnu}@9%VEXHDILy01UTi1EvrGPV~W7
z*-A{7eSs+BO*GMzV4=c?xAz<uGvc$bubLuxtxS-8!Lg00VAUpI*=g!r!6R8~@$ffu
z6;rT>W3#%2qh?y>Yz0lCTe#0`rrUX*WZL(&aRSZuO5oONt3IeDq!mtQxjz|qA;jD1
z<x1=<f*o~T&MFwgAY7^flG4%?W9&+*+x{rzF3a^G;dSgjd101Smn~Mopp<4ZPZLu#
zuo>2)W1Z4Zf<$DeQq42wy_QH4wh;xwWof$u<%e;ekR$J*-^r=)IlyDIZ~KOG6Uq|<
z^o)t{52k6g1%yK)d|jQ!om4}|s6>68@J}~{M@tIVMOmZ>bl>~so7N1=)PXM#i=m}s
zYBEw4qe8E7(E}y*dbbAfQ}z?w+v2QH7=K+Ih<Zi#1T<;A*b_{U+Jyk4e@39<aqBcn
z9LAvvl!<hwZ1$DwnYWA#&;qGz8&_yFE_w?sU81c`+t)KPb=VRW=Mnt!HXuP!ljD=&
z0ZlOHXi7RdWewz}yDxOve>OC*%^o7WW+zr*FgO9-?D$~rS%$&@t9O*NSt@o%9JX9N
z>0m3TXwJEJ|A8nJ1VPNGtZ;EGZ2!DNfv~6KtDkrj{NCCBR-*$el?euyFIlskiY`*F
z9sibVp1s1D_MbyzGgJMVfR16vpRK(MF*zLJ;<Y(cE9J7ng7P(|2M(+S94MSg50{TL
zz!JIG-qL2=*cyCCS$v#aq@Xd{8A^n&?}kn@z}LDst_{=a1Ss<n)>nV-%&8=BERM0{
zzfKab2IFl{M8>VF))3j;NhcUH_!-6V9ESaK!GD#~PEqKalzY^xygIXkKsua%erqBS
zZ#;fxjK*(-#n&kESoh~+IhV;ok7SvC6F7a@x@ijta#T8SgtM0np@~wTX*Yj}pRhKv
zLdsGTR4!q(NmTF1y+Ty4PaM7T8mL$c!?)a$kNo+rD$HDE(_32<hZedpem67Y$KECs
zS+e$!D%aZMO(Nd(@mM94{Ozv|`j__uiMyl{ScrF%z$E2tsMY!C8a$zE>^qeu1E9h&
z_*P}JXkO@aI6$0`J_$j|=Bb_*BRqnJ9Qt+5IF&Lnj?v02SzJe+y$#~FKMK@8C&1+Y
zb}L}sFd-BRYIoK@tyM8?b%)F`JB$+=`2mHH#Gx-wEpDz@1`4hL%IbE$fPbGQek9=p
z<%M9vf)$RC^CqgYHL>@kQMv}_{qwA9z&DQONEeq^r)1Z0Pr0c!bZ$$ra(U(r^((t=
z%uAYQ|GLOP^6tWVEbD6j5<LZb6QI~&$7YDm|I8~E*R%2}WW(<hYk;CY(Js?HIn_@#
zp!fU+ubzDlG*wi&wk48ZZ%y-eUox6RVROI^dSpILgzNI>02pVSkmL^l#3zh>4m~{!
zw6jNNAX($Aa>s?srEK);>Y*jYyf})qd}NxN&Wl{Dk=CDVpSQcUE^}Ic-fr{REwWMb
zAcJkP9mg%wj@YCVX%N&Nk}lBF^A#6M4x(1TIl#8AiONa3fGyrHy9{D2Gb>iJrrtoC
z#$qsT?9Jo`F7GX{b}YVXThrcMW1ZAn)TbLxV8vxB1dQvpc)&m1U)d_X)CtY5KR?Pz
z2!~b?Z8%}UHQ<TL?NEo(17ej`Xpj<Y#MwM@L&s|zSFI`);Zjh-K}e5Fvo!8tK@gg+
z5$bnpnMq<sk_cX_FfG;rE1-R=P>L8;Mg&Herl0SLG(h`;8k7e0(^E!h8oFXk>9Ls1
z_6()jHv`>EgT1mp(}<uiYl>3nH;e#;HAT`BJv!YI^y1t^TLz4?BZN-C$2dcXMJ2q-
z2zw^=`VF3cV0guUE&#5fY8gyY?Knr+dK|njg-N3rJYvzKkI)cQv#I9K7*^=)VC(~3
z@*}=Ejr`LUeshl45mNaEhEkb~vd0dBJHO|-R?RlyydIOTaUl3|@|=(X|5&vl({68F
zPU<e@iK%4*9*dP=6j5T|6R#(7L3}$T4wo|UI;<!y)O4aU8ehxxnwi**)6o2wc@AmC
zUt$dgvzM2T#YO^%!||P%vaBSUdQuLo*SCz>B*KaTE+z*EH|AMI=XS;AMQ+I;3LOZJ
zqj%-lbb%(p^{$eu0ocE!CArSESO?&IlxW=@Py90VfgpB;yT;h8O9&g#tDDD-yJ!pP
z_5FNSIbb-GRXSzT>%6q*5iF6-`DgIP?0N&vPzQO1xqgdDEy1KK8}!$kUY&)0*L6Cf
z|MhR~I3MUIRf~;4-)a)>aVx<^mz}ho(l<2&{NYD#z>#&Ge;(ldnwh2btjB&`Xb3jt
z=yp|Ow)jQAdumfA`RfUv_!#D+?D~m7O~wxP%DEr*AfSGhQpGU1bTOW<CnzUuh0y&u
zer<}V8P&*RyL;o70I{&=@sf1LD770(<FoT7Wp-Rer=|2{cf%;#yJ!(##IvyJDuHbS
z-AVtdiXhoO^D6fcR$oKf$dU9#yUxNtCjDACO*ObQ_&$D$2jg#<u)W!dd*2a$=b;jb
zG_0`o?Z*93QGOd*M}qS`O9yC=vj+(6>yh{H=kr9-6Xo0a*Wj!Cz2}7$q2jr>VO^4K
zDG)8H{yC@}v`13Nh;U5x2ufDYE01y8Vsc34`584~W&{vj)sn(`U<?D#qyTn;z5Fpj
zYJM}Q)z6~3lp>{GMA)DO?w;RyrpDa^hxTo68{~l78MjZRF!`YVy3H!zYE3-5mUOUm
z#!DGrdeon0I}MRRVxDYodQr(_Y&*K6KZ^9g0+_jp!G&FEisjrP)K5Ym_%WG!L2fA_
zT?uP9L1g0}RgV_cSb%YS3;1s+<mM6ohxW!S=(x}I;y00ECiri3)aq4mYq6Y4Rx3@S
zqM9sFvr4wmOX!&`T4{Q*x`IPpwdo*Sr}@hg<9vuI&go{HafH&U{oC>h3&qM{=<oy~
zLWrg$65;hdnKvz_MCHfC*>RoC1CdiA8EKdlB9O0XF966gd<Q+>hKEfaj?nzqV_?}G
z9y0)y`Y?;646x&VZXFEk32$^&*T@YdkanO!AvlYd_3|&mqb-9zuIuk@RiWfDD1Ooz
zh~GDUM3P7GaAThf3EfH_6nC9N84jLx*3)l9dICQxJ$V`KOpT%90q#gy{77Pt^aQeI
z2jh`e8(OseCNQD4bAiLcAcy_S1$5dOAEB6KZO$hha}m1dy6jNVdAlfa>iB0H&Fq8(
z6tU>~z9FFKlXpkyIol2)k{bA9FYal?43De@j^qj9)sO2nlEX%=uQS_CNUT2Pr@0pH
z6P!AebrDo7O^M6Cp!wSC&AICwjvZpAD+fh#T1>9_BGFq{7%mgJBEcH3Hvu4Gp~R)I
z`C4HVlXdsD1ByW4Q^#zs5S3u`8)^)l0ZG<w=b_)6IA_0&uo&iajrc`<8k)gLwV0)w
zM)ODZ_6ckoQcDRdL@{6|8!`03T1-fZOjHh|g%q7EO8wnE-qJ+b`p4#@9`v&1HmMN6
zIMbFeTA$+GQllJ&jgGlu8;*I*2Ed>zjECNVr1lR9GldJ~Do^zIR>f-vP!CtazwQpi
zYu5!^%t%NB(_tS0vqM{n7sMbOB2g?*qRN+vj+7+&POos#ECTe<LFN~7!SzW0VCsGk
z;)Id9q=Q%RapAc!BXP+lDKjB$y6R|OS^c50OpeQ7B=WQHvEjCB?fo*WONa^2u9fAF
z#$_)0?wzX0Chf@Ii-p%sU8=yH{}it<9R;&YI2l3we^z4}fa9)V0dRa@f!RktBFNh0
z0nBn}x6dt&p+|IiFHz&nw<Pq9U_H4(kUPv(B8(}(?>cZ2BoUp-D+;b9xoF!yWy`^t
zPp0kjWoiM_-%{kY;OW+xKyG?1X8u|{S#e1)OZwWDYW_j(2*7{&vmM=>BLC9udry|@
z6o18!@LNQy3y2|_CTfh-<GEi-UXNrZzQ5+@@J;wGvMO{|k~D05X18^okv9e_5m}G-
z*HMBAP)(OAm+2h8s3c>j@2D%>u(oo99VKVJSp81|1hDF0!JS=_l3li_s{fLe_Z{$N
zM5SeE?-D3yl@Pj4geUy+mFu745phhGNb{^z#`{BI79RnBXP+xon8=9^oistQPC<G9
zb3O2qyHnJ)4@~hU146Dp_>duoUE}_5O7@aAvI7$%NGMi^OoSg5<Yav*G+VpdNVs(h
z+-!9<$5qW%B#HYvPZ#UoE3<5^8Q<TlF?Cp*qT3Yhn1G-q)=2zqe5H43P2B8BkTDH?
zKs!nA>3<idRu)K=5FJ!PeIF-yFWqM*W}_Hed$F&BZ4{7n+KpRg$>rz;Ru*p_$)e?x
zMpmT8cQe@78<YyG<FHiYN_(_ke~_N8AP{~GJ(78!EcqYK%<Yq;zVw%bs}uRuhUN2V
z@!*TUN>moYBUXtxwMJ5R$6m(yv{4d9CJ=KAM5|FesB$*qJb4}C;z6}L{Ia))cOkgG
zTapV@gg(6<NHU(M6`^X_*4@PhU+x}^n-Y5nk_S5v)wL-XDd-Yayp*hb?p>%G*&fah
zuPg3(d>JA)uSR=-Sb7sK!u_*+!0p~R>cvGou6=GPo1p`0^vUzAwWL<COkuVZp%b&}
zhJi3uu*7d?!y8ttbm<^+S|X6FC^#|g99*QxH;iThq~{yaR!?+!T9c_l#j?&o+TGB&
z`#Kq_zq5+3OR>r~1n2uexS}ARUV=%22`vRMZWWww)H-z#lAWXRTQ44TxhI2~@Awq|
zy6A}$)6b@wKgej82+vQ2Myd_H$We3Nl4;f(B%`vNfFG~d^~@_Mc3}KdB^?b{l%OE-
zq+I5JBJG9N0-fS%@v6beByK-(il``ow`T$T<wlVPo6a0WVJyy#^?X6Mfz!KWravH%
zRpQ#=L9OXBZUbiX4tkI^;Vc!*R_fVlyT%VAgGedUtDS1pphzdUR%f92^g~d8a7MUG
zwavD~_B7hI5F|f=J)xQ3mW{QvSMId93(Z($=#tY{qTxJ~grFwj_%>VFUca>v`Gac+
zB5)&(?yT0A=ZSF@4_*IAqJyQ;ki4`0r@cGJim7v?-nFpov_PO!kFQ|uBG8K{T_|-8
zVqM3vRA{{<benR<D1OsTL)G;-h8lRxm{EwP_NX0SfX$YB$sg-G@`TL5NR8dDJ0(lq
z=CGjiEcaoi=cQ(x^TIR*Dzj{+hBGv%R5!le4|A!*Mf9%#Rc<@jre)`!+kvupU@c_w
zjWBxzGj<^r%}-?uCEp0b7wMWFR<`k$pf*dpH!fgB){6>|uTl=oB@^*QZNM?I1S=PW
zpTD^H8z-CnAH;e7y!nG)`O$|%Fw_z3bSzH%u!4p6V+-!dB)5zUd}TQFVO{FGHM^NU
z(Jm%3lFv}WX{g43PqGD}N6-)J1+>nnTPR%w&}+E8C^(vF1_XneGYTnnrq*(6KD9Y(
zJrLE4M(Jvt-Q!T;Y^^j_>9crO5a64`;XhC|U}%^-q;);-T$mB(ZzUFhU=8lx1C4fv
zeD{mhjW$Z?IX9{6kfyiWVkKl|Xi29VpR%KPp+-9H)NH<@D^io0l(Ls%SpSk9@yka&
zVJDlco&%A-Wh(0_PL#!0j3|xa%A4ZRmdrv$_tSg3_v!%&s#6)XYb^Aro!dk>A4V0s
zje~e3)zvnTs-n9CDWzj=F{`sjlue+(OGtg}(YG5>S9yZ&O2MRdd{)RsF+ND>xoNIK
z6feY@oi9B4@YV;2I`E0k#~zQmuDXK3m9BM|Bz-0<52&B#?Fl!HN11rM+T7EC1OWY_
zQ<!?*r<)QmABMM8D^dEz_G2`_K>A~FM`5&VKv*#}nt;<y(^J5_27iO+9p4vwW1Vla
z?QwK!QyISMY<ZtlBrnK3vyb+E_ylS9*n+QDnj@HVC1Gh!vmmKkB3!@R#i<<sE+U-w
zUuAM3JhI%mNAWbm?;+CMPWK8h9mhzl1s=u!>98ck`VPxA{QH7|_W)pWd;Z)g6)T(j
zJ7O}KGK}NGZAjA9=x6i1YJ3$4<yiUZ-!J`_1;g{ZSwz}QZPWUt)-sP)TL#E5iMTBH
zAoeEQXa$HJFAFHbc0CGoKFUM8<FqYiH)O@Wiqp4Gy1Cpp;uBQyY-75=4EeRDz>&Av
zxliJ-C+(pt&W}U(;>`WW6;{qx!2bdwvaXt<+Aqd`IqgXxP~wc>yYF(8n;bXSrJx93
zcQ=wA&m@y<ZZC~`U1$~-2;}X-iC+5#TCivF^C{1U5klxY1avOwPT>aYiQ|lziKmJI
zVU$8##?90Qhq-b$?0B5APaaKT3Il5PUBQ<rB(j6!@tv^_#+Dk{xHH$QEE@nb7zv8?
zv%&K%5v#k0oJA&WMa~c<CI5}8<RhdcwM_lrOwx!dtsK5aI`tR$)5j>HuMYgQ>KUy$
zTD3M!tP^`EE0ZzN=VC9@E}ojY^aBjM{Qig)%Z2f$U;Gbry>yaunzfddikJTcIT+HR
z;PA0zzPnv$wzg#4b*aI%Oa%6`^PW^+{4czQ<hc<DW{@bORTdO{7Yy)#XI9uC^p5vh
z^ZhqG_c_9Cj?O+v3RD2)lKYqwKTr@YOy-7u6KnP6cywT2*1~tsgNhF+h^W3ScO_`U
zfE&mxDt5TlQ|L&@%U2Rz!U0lnn)If0lm(?7QxR>|vv8~hqP3hEHTKjZHJ4%e!UiM@
zC~HRY_K!;%YOfnX@lDgr`pIj|@k=MoLr-jOZTia85Vl;MRBc@|C6gr%m-M*Of(x(A
zOG+VJHAPpT==3=!)$RZgd^Gaiq3Mxg9~t^Q{LO|hmwJbpc`=mQ6>NcqBSRU5XRGNW
z=a|7YqU^h1gHYdP@ftzhmb{^^<(dPT{4+R{S3B3nJkoMzQQ&O#vLjwEH`XzaJ-}PC
zgngr6>%z?LFL{9SypN2kAJLiPz+WDCby@S~-kro&^{bj8mIBZ&fFJ&=`sk0EkLr?h
zz?3Jx$gY)t?WRyUK><s4PD`l6xZwM9<BGN*u4Lx@Q?>kmere{o+m7PLSV^xkbTJEw
z&P1qvhABJk-2hbUF*91_@$dA}YvFzWAC(tEe5kZ5cleEI94Uj|fN)WkG{mil<i_|z
z;7Th1JZzSEW2V660Ox308oAJ24`DB@7MVcm*C(9)x`d+z+|>e2dn7LCZ5N2`5*Lua
z!)69`?QNaHQAIJ3l>UIlwl;US#Vns$c|@mtcGk^(8lP3Ug|H>@Re)wgi~8PfBXHks
zQ{m2JF0`f8Umv=YZ}urogQAy&GiYFX!RoS6>{5iU3An_uCDa%a%BCH=DTLtWR?`On
zCu{9s5CY5Hx5Dh-S}Uk})V*2#^Hb0Bf@3`*)An8-7`&KIWEsm!2P$%ieb-Z~S?nU8
zge0$y26O)Q>{TlBSQ82yXHvN_a<D*1mBLZ1a;~PjxUl!1O}t)*u#$xHzdp^4BY2}Z
zwg)}`E-aMV)>84|J9zlh^p#BNq*&7=4<N_wvwH~gc!?EOewGYq)0&-v=BIWOnu~+P
z>axRIMX5u<e!*geDx0Js_+s>TEc0byA&0oWR&Do*gy1C5`^4Pz7}<#)eFuAXwc|J~
zbfK(zEpF>_Dd=YSe#17CdUQ}RbkE7{)C0XURp$N0&5yc1D}s!&+v-Jc9A*)me)Qoh
zxnDgj$OkYAB>XB^sX16*QuTGchyvo=OlnQ(t$%mj9cYy*f=OwNOzpVS^C_yqsP@15
z+$>Op>2^c7sTdIQCp~p|mc=LJRPyhxb_fnNbX8~YXeD_IfLJagrWJL`%E3o*Hq2I(
zU)OGN9HjzWL|ACtaTF>zgmxu(#If&WyOX8vu}?1Rf#fKX+vJpr2K>gzDwXhOA*72r
zp!v?6?s>^s@;z5K-oj7j<`;t;ZParHT{oPh!64DxzFq*-mAi^o%OT8%Fz%hIeoqdg
z3HT<^Ca$+`5*0_f4f=3F>F1PM9cx#mj1L(&2>4X7Jl=v^g1Z~QB6odJ`_d&yAK2(m
z0c6&DM*d*_b;wqlKE|8gTmqUmq>gE;-RmeJQZYT)1pF$QrmKwPz$uRcF88Tvzd*nW
zxrv=W=YCq-;3Qd<g6WJHq>skMV?*o^M}GopFLO*7srg~)jsvluuRcs*)34bB%_`vO
z``4hG;%F2JRtEZ4xgx4QEgvHd*Paa9k!mqZ!7HN@n_xs-XLH8Qkaum8K!Vb;SDYg=
zoO-(uD({yv{R9>zN9iwkPGSDJ1uRqjTpUmEB#mTQwK{L?l7%32!dnru!`nr-ZmYAm
zn=C;V$$9?|l)w*LwHyI$1*i@CXz4lJk|B$+<AN<j3s|H9LnrK`#fm*fBmt{(1(h4b
zfPhclmaUbFn<DVDpnP`i4V$z&_MQ)GRWd2!U;YwIv3vy;9Bw`Y-whD@2;41gz2DCs
zonE%(P5CB+kIWMjfbqi&Xl9Ar-lz<=$Lg(_G*M;a(1(J*h9KtfTP5fZ=W@0}9d*ed
z)FEEyrUV{&Ngd?1cvAk!R+uQ{8=t*5{su_}(0I4`8MD5+x0MZf@ulvx4!$#iOCT0m
z+!$qA8H7p4{&PDHiEm}dP0Lu<O*zz6>6YpS#q1wa+ACxm|A6;=S!Sk_!t?CMJx!}2
zpp;mvg9T5R8sFlq$+P-(BV^fDQnrOTg4N$}ZB<wVg)ovKOB<Z=5p8ai^6d@(c$l|}
zBWNtVTmo0I#+K{VA1vU(EY^)6XnUQ<^|95Y$(UU-R#C--zKtl9MO$VDFP-Hcb?D<>
zaS)FQG~biv^s8ZPR#rR>e&WAl_}$(vELWG1Q{n3!`K+C$1=f<Bdzc?RCXuma(gOCx
zF2L+&>RrXO{p9@3%Q?}Q7S<N5s-WT$6%T&yEpYhGn?TkgeN^cylf{!^dpaV4!Y<dk
zDO!tX0+fzK7`NJA#-RTm;G)Rul2cl;4k%LHs%_jOy)c!Sc8$r<zYwgO5ehX`$gh0e
zozoM&hWH_-v5pOdZ-Fa)(qifrG+0<~`O0963gB1vMo8$qQ&ZJ?Il`rzCwy<zg2Y=w
zud>8I<hsL@e-3*njG_)lMg<e1pa*mZ5)wHEDw<eyU=h`z4gF;x!?Aws3?IbIi!^{j
zB+NJ<JR?MB^aiS~N;dXxuHYUOOTg=v%rh>0>se#i{71bTMnz_}<%xx9hOQz1iLHtA
z`m&KOJT)O-RSf4g)qe>eryMf=%mjAGPm_OQAg|1NW2V+^$@UbXKZ8OjI97~12B1iL
zw*jNvyjH->DWoh=NwYgmZDozTCToxNOk12c6)N)5y#baYiie3sA?UHv0w@)&Yf5hZ
zVHe?E-?DxSNlR73``W)E!wA;bEzmbG>Qo>|$^*VZ-V8k;{Kqw7jI4$pyX_8H4|K^7
zXRCvJS+rP&6vB`?3g|O4kys5C;+|5<gFkqh{qTjDs4k=xACQ)FJf%m{sjI~HuBj*V
zYB$mmP2e#d@CU9FMrn1;gsqA3=}E>Cg2-DJ{1_<TX`wh%y#|h%VIC>f{4z!w(0zba
zb;Q|pHBxCa5+^KRHZe4F*tl8$tv)d{6aqj_siaO0DB*BMX2FtA)p$obNsH&tmqSyh
zf)<z`aBi&eE=|rk;d6P_RrZG0kLy7lwoAV>(<1)^GZ`-tx+%08MR#>YoAnD@=K|)N
zi8uKttxaSC6u%NH)I9UU@02Z(lf3w3Z9}R6vt+~DUK`87<rF@<D%~y~S0OXHomR4w
zY$rjfQJ}#i%4kVgz_u{|TIbykQCe$ackd}9*&8NHkLGA<U2b_mw*cJ(Ph=hqO@81c
zy5Nc^SpIViiZ~IxlTf6@m#9e)O>t0bmudPf9d!x6+aQ&6G^Io;(r%7bD6keKbKd^!
z5F?<dm(P@lE53g#K?zsc!G5ZxY3Gfp9V$ctwJ7-fsN%DnMnc8xG0zYhD_F}wTWjfw
z--%wi53eS<+WfRIUM0j;NYmD>?l0l-aEr9!;51~&>*%`cEN=Dj1B(AEJ-b*YxPo}%
zWEuD!+Ld)C?(5Loa$jLO;zaraHUg<ZJh!>-C28oR``#yn&*3+!FiuB2U%BK#JDsuk
zs3`vVE^*thROb=_$+O%F@5wW&w?2dd7B_L3otbX#0Z~T7?gM$rHot=Q6}**Af1AJg
zSAD$u1>Jen3`j!T_e#uF2>ybfQ2*IbxW2%jA#H)uASz}Z9I3oH@mXD$ScHjZocRph
zynT}^Zy3ER#v7;rAE>?o#DMw{m<SP@sEJ@5v&;l7P(t$UAA$F&TS(Wy#p=wK^}(wY
zzeuioDPX~bTyKS=?p#Kbilsg=7c(3|H$R}ibyRTUBcn=^e@SwLBWUDE9B$~Int~X<
zv?vjqjaCw2kHAp_T9&?|Oq=Mo#clLeA>ju|M2~D8%#l?5KQT7cGt2Yq+scJ1g#kSz
z&MjmxP^nQ$!08-+7wlmUs2pqXLpA9Y07Z0beIND}n5~e19C~?36r<B2vjieU)=~d4
zT6)eqA7tLrU8mq`4CJxX*5PZ)rdfC3_1&L;ai6vkw)3OwN*@vzni>-il3*<<l!BVW
zE~4OYbpBQWFjEF86i&HcIX;;0uDX|En{#NELHQ+7q>7H(k7Zot+BXRuEqnOHJ!4D1
zo*NLHtOMU6*R2WqM*MlazV5q**)e7dsEcdw?ipdwfVU^72S)>Inh5@SGeuwSSvkBf
zqmp09O6mxMhw8hhImtB?ju#zw+?W_dq;1dNolQ#bt1pk&>E@L4mpBwOzVj!MV@Lv|
zI_NSGi+Y6Yq_G2S$IGSr+>kuO_p)W@f>E+fn3WlJE9^*mnwlBOR}Rw#1zCZlZvF@I
z_>;qTr@NU_WAfQJ2Fh+ebD>z0DvE3olFt{vjlUzau9C3NPI_=XumIJrZv)?Gd;%rD
zDf9wtpqrIsLi5dE^@sdZ-XRrL^zv%2YMBp9BGu9=nqHm3ZtPY3(0pM)Re}gv#)gdx
zTKexJWpu&VjHyqmnVz~u@p%#JGp7-QE8|vX0+eRTePZ%<EiNR}S-JBmrLd&|fckr~
zDrwT@hY1$_Qf6zU+b~F1z{veCW`DQxuAop`XPBldRBOc`vo*``lp&A``Y6<c11j3f
z>_Oj6U+{W21oyK&xlsgSSRQZYp6d7g(Zi*E$feF=z7-XCX(4TTn6x1q;hc9cb|hz}
ztMeB?nFwP!oZ1t8l|LzW%?*e2aUN|~)@mfLir6q>2`*}W(3#TbfV>e*76q42Q_xp2
zJ60GS*s2Z9lyLAc1$>e+n%W_J3~|eFi9~p*{CsblL^{u=9umgbA<7ehY?LlYcJ3P<
zl=<WP541#Xp-!K_U-L%ta7GC2aRh5#Xw>&OeIkyCy30q{+5-m{Z{)43>yzOx|5(q&
z%tYon%hYK^>VDdmz_t#>pR)*loFU9;!b@O5E@F^fd$MR`|2W^tVO%~t8<D6_@@5aR
z0D#)6O>sd*sde9DS6Sdq7KD0Xtt9HC+gV^#Av$urfg%@7TV^Azlp4O6KY;j5xq!OE
z)5GV8s)b@1e6fH_$4;do0i_0JLk-zUl0A;^JKFIKsqw-tpZ9=0s)?et6{fo*toAuf
z+!?({vcIs}f;KcfmU+OFiCSE)Xx6j^0t>NIZE=w^M)f^EMEnuM9zykGsB=~pM2O^S
zt}clx@uRFC-*r!GB&1^#=k>KxU-9<<>o$d^L3e17)P+MVsBu-Oz^Bm!c|7(OD3Sa{
zm<NP^j4I6pW)US8^0f-`7>Q0r`cZ+i)%`5#6^-+ex8MiZVU9VRphSL#bZ1DovN6lR
zqqlTa9g403C-q}i#b>d2A}fTgSXO8mR3~hH_!VzRW?jTjZ*uJOY5=novX@X-XthBR
z?EBsPd*<n;x$lyu0i>9Qqdj=e@|5)mZHOhnNj$Oei%j9{k3_v@AHqqxJ!nGOY?-Rc
z*Z0x6YXlM88>M_pcDho840!IRg_|>f1&=#LMQyVz+dk5*a@#25#1!jVA65qGbw8v{
zj1*My686DEotBlz6aVS~ssn#}fxKMXexh{qO(2h~fTAmE=CITcg(7%inOM+$aC1&{
zk9RWQ4y}-A#r+%ESiQ}<-E$M;Tf&DYw+v)mGIAh2ELk~Zi@gHtFR%<hlYYbh#UK!L
z%Yk3d=fT8DxgaDprsrL$ney{KUdC)<uVly4lW=51*nqB|p>~qDd48Y=eY2-3NvV0#
za|XaZq1e*O(cF}4+7DGDq0F)i&;&%IfVywA5QEPnwe1#s{ad`B5B>K?=n<JNGA7lv
zy0{V!J>K5R#O^D={d|Ca7PncUi$)2w!^g%!Ra>#XWruN}9t}d6g|isc`r$C72N6SR
zZ5J@90=tBW&6Cun4(ph?i*2mfaAHTrSGdXpwIY@K9r-UONLA&ztsW5Ef4*J-Oa$|S
zL=k!Te*wS_WQ^l<sT6x+IUWFLr&=<q#-Wt^tbQ!BT}W6l4g%A?Gp?fnw(ccwML9@+
zn`z<h6%{~rXB>rGD<|%MU}MI8+m9JR!oB-3@=B@iEVYltH79c=+fH0b4*s`-1|STW
zS17{%3xKG?t>kIXa>|#bxd3B&qwL;1nSqEh2?@V3*Hi9eA#0mUx%;h>XfgF;Q{^Rh
znp%H-_u?Go8~#KPAMoD;U;^e9i*Ww}0MP$QbWOW^0|nz0$p3jco*ww$RpDa=vnp6*
z1o?kfOBDdS_v|77>FHh+P|z!)B7NLSx8Flx;<+BvK{ov0799G`p+Q^s$zbq19sI;*
zkkTaPYx&lG2t)KOnd<C<HlH8Q7x|Cl4rdscPM7n`U#=XFeh3*Z6FD26vc-5QlsM4O
zUabZo2`}_=>i}{#P{Eo$sRcz9u%td@%W*$P(&^N@*!;@9;$N$_;=5qVGpsLjfqP!N
zp+N*59BH-#hpdk`B;2-%YYH~Y1R|KU)o(%Z65OGhR!@8Xf?|=$Mr8_?1=Nj~)oO5G
z)$u1BS8L;ddd#Cz{odY^2`SV~W3hII9@5ZwdnoXNPT2L_*JBtW+KOaW7dyK~XQK85
zZ4We5n5Jg841UbiDa`bR7ajZ0i*5b`mi3LVr^0L~(_{HPxW{i?g+k5gf*ZH;elB0o
z<H#54a&FXC4-Q<mR;@QcngHBq<A`;%i5O^IyJFriuA~}E_zy-7f$e3lV}IYC7|!GT
zLlCMuv0F$IOE$C?RHNgw2k8`_2mD-rR7J~C$IZ_ZRIp<BAo^EBY8ZNo7unk|T_$qe
zm5&cx^2YRzi0eZF&r}KfF~1e?Bck@204WljKw!wxi?8+>GFiH(VyS@A0HTIt%QTIK
zm(?e%j3Tn8_()FSoF(%?K#qJfc~Ya9tgJ=y1KY04#UwPv1bO+yw4R+>CS&W!EhbAf
z0NoTq=b`lKl6koeHWz~x<Fa%sI5AUDPwBs&k|UJEIi6r&J@;~L)eXpI6U_GIXn2R^
zUMS%QX-Lt~l<DXhv3lFNviYV5l2(oG^5)>{gb5B&x!oh@ME<%0?Moa+TuqRt>sx~$
zD+lB-uaa8<pBC(>3#Z7DTT`efrqlor%X{ADmEKUXQNZ*@M;jA)44J2<7u{BmqOOV|
zxExfR-rO1YgJg7F6S|k_S*!n12&=}7yc)WsC9$nK=R%F=tAH$dh<}cS$VCht++vFn
z#fmRc)lEKW1hQLZY4-q8YYfOuO{9T{LwSL3knLZ@@^Mmx8}#cR#LJQeSKYOI8WC$R
zOFEV5V1{#sPZuwG98>E^(nTR8m2R4#3rdngOgz;4)<sv}pAIoLXiAp=fGi4vS&y-H
zZ3o)}xXg*SonR$p-s|E-MN^|#%|NiC6hUtPq`|MJ2$YWT!{q~WzyEdI3PVT_*2B%4
z>EoPqhS&-1_|wX395UMI+oHxIM?r}<)Ay?7V2XX1IVY%AOD<wdgZMpjA4W#A$LM8+
zEvNM;`k2E(9acja=^tuh^%bM<`FSg&XWaY2$)+Iy<d0ET%?K#OZr;-M(3XzQq|K}z
z-@O9L^}&w3tk;8bJLBW)O*IC==oGyQ!&KoZaWI_`3mX+3#&rE?UE8xXvT6XB@>Z5R
zTN58)$WamI0<wTliCW>tE=`9$nX2g(;+HBgaIt(ACrC<FuR-)8tJ4Qz61i<ffMH8q
z>yd;bQ$>;#1Co-7eE^bx&1RKYZ$iLFI)t&nW8mnnw2$&n*b?$m&<^A}4KOWzNQPU+
zmAFToZMl%n&Hu_CQu>&&lvN!I9lT9^btp26PES1YX{Ed`pwgE6mIRH<R8@t`#Xy3X
zFq#*~kKbS<0T$B1%zvMj#;XX2GPMd^hwi-F%xN1-X7tdFP11&V>9x~0hpiL<DR9TZ
z8FO(VIoau%r0Qr%fBJR?D&S-7R&N;f#+?MVqekC{KP8^6rog00)r{ef__ard`lBkr
z_|UO#4PJ<^GkcKij&F~;oH`6LUXzu^Jn0J`j66AH7q&);f>V+JsTST*!*K#{rt!@m
z+8sMHE0LLdT{j2>@`oiqy709kpwm+WqL`v1Uq20MR@s>+maf9VZk9yIhv#Hc2SJcT
zI4H5LS(#t8wO+#kpJo;JtjG?;tqQ*OFsGl>Pc2<F4PY&P$R1|K9L~aVQPqVjt-rL$
zyBEjuISAq(CG?E!EnObZU5>|Ek$^NT^Kk&44(@TjjE-%(uZM-X3MR>htU91-6^vje
zNkJ2ynnhiccNT_L7AoTNT|;bx*_H&22`nAtw+gQ-2-Y`Q3W<q`s$H5Vb3)Kd+ed?V
zWxq#_v_*OXHhwL89BJHNrn=ZP929V4Onvk~52s)EbY50E&P2e?0H~hfnJUz|gjy)-
z3f1qzlz_2ptv*x9xm=<`_5t;x1vg>cnl0pJ2adAhl49C9D)L0Ii=LiD%bgG>ew_hf
z9SM>i_*FJzs^Kf8dt|VQ9~Wa`!#zv+(1^IneT^0y5H01ge(|f3@pYDNz()2I;K*#r
z+18G&DnEyhJ=0yWUvBTd-PiWMeUutkNW`d|5z+08`(K9=#2bHdE#uv~D*=04KWfuG
zxE=DO>`#skhqw>8PXl<5p;V-ty$zHYOfuQ-fN)kAuKb~W7L{Cp?HS6z_#Z2WJ)iDN
z6B;Sx`o2N#+avuGyPh8x0t%z9^8#(-_a@^R7zm`3c?)p+5+|@L<*r~uui%kBZH%8>
z@#Cd`g}n;YmzPRZdSioeN~iv%KbFfKOp>asc;y{^ag@<l6!C0eX-flOCD1Kl?L|nn
z>xVzgv!?R4IhvMVXq%IN{<VjxYv{#Qnn@vyc;kbRuncA;RTjC;tjU=<f9)#S3F4&8
zdzdQcm(ueV#a;&+8gPXop?l|(Dhyt6l`8kCo$SvVK5l;uF30UQ*$aTrKu{|B4d-R!
z(oXkCP0==9P$s`1L)WsPdt3GX%6Ed+i(w(8pbBduCC1q-G-MNW(V=Xp&~yjplphZ%
zo*P$3lt7-NI$&`>tlcer$+acp*mko_$)0*o?1DV>px(l^qEkzYDMww^Q;mqlXAX{1
z2<*q+`;l|hsZZ0cdriwZJIQZ{AfbSnPj9_O=mj}C&QpyT4fYlraS=m=Rw09C3#i}F
z04s;ku{%$SeINgr3ji?sfy9~H2zp7z<Yrxy<LIL&rGU=R+BvClxFiW<o_ZovsT(Es
zP>B@HQ%C<XqZEm~Q@GuEQ0ed5{joOp&8`f6XaE|@WXuGF;-5P)>pwm~^l5@*IBXpS
zL_li8O4}Ye=;fQ!9vIAY5#po5Qco3n?3&xwTifK{*9oK3yw5WU=lp3N!4fwcAGra<
zNG^CG7NmKJ1ZoX0lhY!HKXL}ls&B1BvX8LYGHKsGs^BzshT?$E?JF|PsZ5J?=AiMN
z+f|q?(oeoHWes(}DGXG!K7NYTis4y%kJBvrZKDomH>K~CN13t7@%fbtb8uJW0kli1
zy-bMTZH>Kg1cGNlf3vScsLFWV;S1-Npf>#NE1{HaLg<D1hgFCUhTQJt=_M1|B37sj
z2IfU$aBY_N+e(%XJx7UladZ1LpHfKZ(_Tn5Dt#fBfx<^>ND=KtZC?SNJ6czfrQ3gq
z=eqz|_A8uvl!mPW3=Z>>wN|i3%{r$px0l<9^>kO<C<lS}Q@`UgoR)LQWlNX{Jm>=i
zA?-4{6HA%=k&Z2D4bdJ9uQ|ipR)U8%_RFa?u48b|V!VuJ88>c6g_7Us_Xhl+-3l|$
zkI|={@ky*o5}zkgyq|iqlm5dpqtbebwH4Nq1vQ}R#8#(Dq;MN|IOWF~d40WoR~t<G
z41=AmHbh?pi|#UDW2<?*IZoN-s(H?#IKWr0E@6q`ayI*}teZTzDfC61W87OOp9D?p
z`WfPyOgX?6VF7C7NiExp6g_)ePCFEa?h&wed2%V^_pZ%ejZ>PBm|JIE^z&lHB)PVp
z^rc&i@tY@A{A5TXOZlLiXmPLbG`4@f%6`h%?n3wex6BeRtT8|;?*8^Z6cE=(fV~UZ
zRB8PAXLYov`MZYBiMcTJEOF22I~KHN1@3EdBx~$<m%$NBl#H^nsej9KQ6-@Akp3IA
z#g&$F`5uL-HPGxWa)0kU`EDO*ZK=@orDsXYD{0rB6X>Egt%sMw2iuN4lb3-Oe!D;$
zKVw9-TG(&88xqM@mB)DsDMJ{momX2K2v(b9EKGS9M?;do8G<f!w243OonsD2?7dRD
zY|g=iXPfBs*&Z6lroviO%nyhbd!Y0-dD?Wl4>QTs=q_{}AO(eqAY-ZbDj7*h8*LI|
z7!LoWkeo&%yC75j{2hV<9VQB|+*|dw#uT|vyK3!Pgz}4xc0IiTos#5@w5u!w=MnCh
zi811(5_~bXS85NetKv%D7Vk&JCeI<?=zDQfj0O*NPle$RJ@$opLUi~zs(4s{kRsU<
zb0%>%Rg-+3x873BKb##4nnA+HBQa2#NWO6z^Fu$~^ovLbHIjuY)Be?0QprzNTeBLO
zzp=YvVi#K&08t-lo&@#OD0G&R|LaP=GxRh@VDgS8+Fc7}qf6T4{fG9BkfcN6IQL^U
zM3bjEROo(+Va3$+yx?Yy49raQJHJ&{pls+dI*FS=+-2*Cx^FBTqs=+~Q;!SlJa2?Y
zCw(4|UlUk?4OfeZp!`P`qg9Ho45adc=@UgH7dX-??nT@0(o<tK`XawK8VqvTnsSwq
z3;m)_b<Ceg9(9bGh6L8?=5^#4PbjzgtGv54CJMzG+9<?)=go9dW76R;c)9xB__&j%
zM6vn4mHNlLEmn{}IJSR{aAWe1Vf}&~Nz@;=x}qwgra0R-7%TbEt@?LTM^CN_DomR`
zC*zt7P}RYj0X0;hnZHlCB}E|M5yy>p@93|A{#stjMBEGpP>p&V!H?|3y?2T+GO^aD
zS*1*6b4<$`E%v|rWLvxiA|?R$70P3CMR15V0Nu}XwT+fB0Gf=nUy1-W%z7pHlpC@i
zR6D^<)j3$s8Y?t&8|q(*MQ`Hr4pVjyv}pV=9Cx*F;}+2id*sm|hDvUk!x5AA#0D)s
zH{*;8Hk5yq;Q3(0?XUjHH9AB&n4;1}!L1rauobq&o&x>=WkUXoRr&E1WM`+ZC3zUC
zSnxt<EkHVVS}|6~22$M$;wb_KI2l2Hgi5c^1XD-2v?N+>K5-VY&`pwoDB*W27^1s%
zs1QS$OB3rwd$+T$OLGA+aXehzDV>U-G^&W`<3sDTOyP(v4mQOaihIf)8S6Gw?$8FR
zb#&%(hQvA}FDfH;7kT`Aa_KNwe_hU!_>^_CW%jJ?tiPXKQt`>-V;8}-c0iTYlisJ}
zOjl4df!{J;R;ITtjQmnIqv76`|L%*PQ1V7;;~Ycco_3M8p;oM%q!)_#BZc`A9--OM
z!hOG2g#dXbO-~}Mwbc-Z?`K#CT<0}N(PE*g#D?`(ZLU{7>@M%N_%{&qL<CJ*fjek4
zkpmTO_ql(}mi`{&`<7=>EW@eYvK^2?jhFDh`CU{nZ&VbK2H_U~XaaM6L4D9#0!u{j
zEFcLM69kWUtoZ5*_+d(CP3k3k$gJjla*ZO(%))!InmHpns1@(nqnQTUALS|Vf3rRS
zHelX~$iJBe2nvH`S(BvxBk))u6eCJSh&SZ_m$L!@0N?=Tor(Ng7l7o82Mr)5;I;_W
z(*poa@UjC?&EP-#qjM6>y8f>e;PwAW0rZmqAgb5m0C^~~epTtP7m@H#J0<Y~y>_PB
z@U9w9*pQ%_*pA#}_1r#qEcJPyrsD96Y9);4)tZ@rCjp7UuKXXPAg(OxIW$Om{bHJ7
z0>cd+gdhL@QWZFY9F)PCPA8??c+U=>AA{;^8Ug)Qmgd^)bYhC{s5E*t5za^TG;}=_
zM2eXKf!$gNM?+kUbjp6We&uUczh9P!>JRtc^$N_2bySbj_s`{;r`6O$k)3LOm<WFZ
z@2N@WdbGA;(EOPsnw~ZRK}c4-{))1eM`gMj6Ve;;0BAHVL54FcO^B5ps09mUZQ*Es
z^1(j}NY9un$3AAshl7F4XRRWsrDBK}o*r~YJ9*D5*{CT^5UOVTkq7-q1F9N1WK8V*
zi>BWodY<7OrEwqpT@+IWy)9LnuvC1rV%Zc?Z*b#hSt_ZQo<h~fGuc+%%)~@UFJRe1
zp&>~~gvrz!sbZ^^ky~Eh;RNp&{0Skr(-wn}tD`Xds1*^<f=5*4O*GCW4v+UmRbJuD
zKhp3O3t?GuwHUv|>DUjt0N2jI7#$+4L~W)luRwn`l7)+`01!BX#tK5{|AyQe@FxF%
z08&7$zp+#lIF8ifHHys`VZjdY5@yRKydoeJY`GgHQKWry0f6;!oXEaV@)dzn)HUw4
zA(j0f&yW%ElX!x58^-rXlYA_0i?Y+e{3N`a)E~2&BlE3<pXqizQ+N24H@@7iK4W{(
zI6qoFvjc+DlMWw}gwj}G4nda@sCh+0S;nGhn%Yt~9Yh)^8@Ileyax2gfFkQp{t#I*
z^n1sxy(Ow+l3n=|rHbN#d$!p&n)w#Dc^Uk?kRjo9yHLCbA>6clf#m~A`b3}`Fa|Y7
z=D^;2OpQ`=2zAYHr!=KeWrwdaZG&5qs69ifc2{}_3mNB|q?*)(^I1t8639d!Qou(D
zT73G#iZaLy9}kI!U3o)1VLwNkoJL#wXDt$+Z|BD120{V*7l!parDT`-MsnrmpaA#f
zT4i5e?#ZLV5{y~Dz3DpN_B=iWc^No^H~}-yym(VLUMXr=|6a=9_f&i#Qz8`g$j-7N
zVJ2E5_zJJob!(9y2`X8$_&9ff>vA-G&*`YEM-djDr&<tYk*`D_Y;ypd&}8Pl*yljE
zURLdRRk7?iWUGy^bP>x#I}nN5B148NYd%GYN%qNl4SRLK>?nr`(rYpa3LQoBhl=`U
z6`21vlnT_R<?U&EN#N|nDjo|D5_;DhAz1L*j1BMq7NBR$L>C+RKQN7*d3CO&qHsmc
zN&n0fZTJJhmy1{OvlD}j&f&?+%w)Tkx)S#S%bb$%b#NqZnz>29b7mn{i4O!4m4Myy
zXxjO(G9e6@`QiF6-M8!9aFygfr2h^&iD`Ts`utvhvzQ5l36;BinC$87R4NT=gpkX$
zytp?t@Ad~a=~9iBwJNnhTS)`H9A496z}XK^ZIO?1Sf@I(z#hg$+6##>Y3r7fSqR^f
zUnT+<WbkGG=#Z1q>~<1s&h$TKn>KvhK&G3BQ{A|gyTPN~|G!@mW(*L<7=Ps;*19cE
zhM4HNe|d=*qKO?+0?zZH%Jj|OY*4*p2l=k`-zLsfEh!TSk_FsUb~^AdH$!tc#-m!#
zcT98VPl<x*KC%7~Cq7qNGUT%X97$SKsn8f9+^*$y-z~oaIGo`KHy;6>BU3r4^)F~M
zlIfoj{06QWU52_b27FU+E-td+u%~c!pJ*_59}~;vnkW2k>7VJ2^~fd+Q^5HzB|%D9
z;hYRYpTiL+xVC4dLUV&U0fc@8+5U@9TWJI538}DS_9sd2hZ|V}Wg#b$#q8eCLneb*
zMA4qjTr8LVh&u});_qEL112$vIclkQIxHa|^NEa4d&7;eTb*$)a#{cX-gxtNF%<5q
zoQop%iV5@Me>5>}YPKR{c1@^`xTW!A+%hobXqU&ia7wZGpc_$-&=p~UX;0n_Ts07v
zQVZB@0#WNS7XL_vC&#_3PG`uLEQ$3E0h!8UGS2z%0H)CDQD*OeJ3`D(Z_6YJnQPQm
zKW6^++{bR>zlxfFT;FM-$U2fyj;=H{d*zSi;J()7AIc;3ar3PX)`Eqh(#V6+PY`y~
z0uPZ}mAhRVjB5=mng5Bd+}5T4TrhnZ)KalrJDqL#bArdME4VlL!D4U$CfsLpe8ln?
zXCAJ<=BzIIY3^xPVM;J^hlJm!g8vk(<^`AKGb8RZM*%S*Koyvi+IaLbxm)AF<QDXV
z`}Vo3ERp^!9zB2&<POto*6ztOV$;N(NlOpWcr0)>9fJa4q6bR9<__9a1-ce1Sfq?k
zNGI7_JlE+tyBgB~#)*nhGj9B=|IN@o3j6negvbXnYk0teGcH%3^)pjvDBqHXfBB&3
zYKWVco<oGK4r3g|5%qn#)W4MBgpnHPVF<)*Ag*@TQtz#Lg>TCaLIkvbJz#*C)tQ8V
z&;}@GM;l_^>hN~!YVbd4WN2Xy0|!!59#Z~fG@Rj{vQo8_vmETM-C`gY!3ZxG9pzgq
zRzww(Q>Y!T-|r-*siB?fFi;$~2qU+ufIJ9o@o5|>qy&EyFdqhIlG}n8S4AeWv?mnb
z*cOGwRa-So_9*LC^Q%z+HonC5QN#E00eQ^e7p4FI^2nD%<KHkxp+uWBy5r^9w1?HV
z&}1s<^ldp18BD86>Hrg>u@*He828T!M7!k^=cbL4L-xua3PobHdZrxUQ_I8-%Q>o#
zE(OQ|rhNFs&qbb`!K6n`CeSsJ_Ej%4$QVw!{b7EnPaN0_s$RdcR4^uT*_8n|EDLZH
zA@FO0Q6Pa$;_!;mB}dUnuGNiuz_rarIYTNPZzi8nubxLA=;o<|$0}5z4kOlTqG^hX
z#=6}rDovx%(Lc7G(axv!?><)(k~U<U1zARL$CQ|&WFN{rl)l@w3Eyi>M{GEznL3nt
znMkD8RjA86!N*PD7QhQy!1xNqH(dqJL~hs*n0i!yvQ(ZW--D9<WbF;3*;@&9;9J6{
zB$opt7*D}>FYR_;>BHdOQkV#<ls|TlrJ4l*ouBqBLE%og3cdv8fGT-RQ3^xaZn4nn
zURmC763Jy{x(7dd%k53o%wm&=)zNLUbiyBS91|Nnhc@Jlwllx=Uik|rkW|86tl3qA
z1fdT?W@5t3-xn%S+3Iifj482+-@Z-$gV+wb0tjyr>?<gJbQXaLK1d~)IoZnOdy^6F
z+;Xb9?kb{6sh=ia&?vjlBL#x8S6VvatOcVb(+*GlrX#@;f7F%Y1zMi&XD(Q|#cM}E
zZGLj_XN0Ob3P{F+7oKX{$;0;>`Gb5Dh!0$20<w}H+Bn>rlu@CD>~&T-^R@>DpU6#1
zeUDcM!Fi?u(o{h^Zv{G-A^P=?_Fupz<`2PxK5hm-5Xfkh37IDgQhk7EmSKHwI~~d|
zG%CovpA(LXM^@nvkmfvghBk|8<T4IgU#Hd1W^=6TRDj25AoAkl)PC=C^6`qb?`f$V
zVr`m!W-={fErL0=rSkqn)2?a7teZ5q(v`Aw5nH<IW33X4b4wNK5&N*7&irB)cF+K~
z^w4`tbh=e~Y0Znqv4|6WHrNpVQSdU32{t$W>V`dm1OsCSm-S^Pg1PgG;B#&E>fbdX
zv3i}efT%5kmQ8m|xC4@-YA!!>!|VrKhmjYT0}UCHSv5^lfJgKBv8=fC6#V^JcytWT
z22%p&C!<vxDDA`veH{~+Xx5PzfreYh;73jCyl5K>VPh>T&Mo$En*cc4x%gx<ia!=h
ze?5G1O_oaPN12VW6%%8lpby3F`_)9|FR9lJRl@_=-8+p5>D0_XRvcg!J4(r)NRJZm
zVY()yAWA2ideB#2Hhw>e1RL-DC=<-Au%KiXgeG+Z`BTd+SI)4P29QF_*H3?(@^m!P
z$jU1jwxN)r)-9_eY7kyRKSFEnRA!Up531Z4Bc3b<cB&K6+I0U6ci`aM@nk&+o5Ft-
z96%{1)y{ShPy0<&BTdId<^E)$MV;b*3N&+K^8<8g_?Oj5Zpg2C#r;gztt$p5^69RB
zjh|J+TNkT9%BAwk#IOZq)HOqWXSSzp5GkO`3H<l@4Y7l&biq`U&S$L!)}_D1MbU&3
zx0ax?`OltJ{KtN{uf?KZLRUYoz6y_b1Tkr7P|XE80)dCOw?t`B0T6dIJE4HppdzdR
zJm4+tk2yoYZM|Pj#+me*CzS@N%VxM*mwPgq0IZbz)F-}MrO*vw3Rv6Fu9IZ4Ou3nt
zE(q~>evBVms^D0(Ihga)+U?;|3QTNctdw-$?X3Zi6CAK$5!w+AG4>?8yJHp>GcQ>*
zv>>U>#Cz-dlAk?m!*b=Q5zGsv8S8z$Q6k<t>Xv?3%pLy^Tsr0_^O8<8@!uyk$B3_U
z$IO&(DG~V&_ET~m3h1@(NQ~K^H~l`Bzjc35VWRJ~)(~qAlC&~K!dWLStY5?I%>CN&
z{ooNoK9&e3Jy=2W6mua}i_d2zzE2z_!c_|UP_r8@8alz@*Z=>Z|Jo1K9Xi}6|Nm3&
zx+>TBF}D>|y@}CK9sth~eG<m+kMVQ6&$R|&7x(<7ESlh*HenKZqQPzUI$;IM(ke^#
zQq}W=5W)WBpIZR~T^T1Pc;V-6z!S@1uR?sSe=HP%#bA%O!7PqtQoj3cEz@<0-jt`;
zgv#OFC_V-u;sc2F*Z`?}7e~xAtB@k>QdM~2WS1>+0nXX4W1Wx98dvD>n190#aduDA
z`NpncZ8NNi5*&G*-w;D%*7@m|YF^|MKx)_imbZ*>J3Mel8x3{3kyfZS!vA|~SOhKe
z@W=>2l(GLJPf(Ajo{^cUCErdvki^R<UX2Vwg-xSf|0O%1B7L))OX4VPmoXy`%_+pz
z>g~*;A)Kb&qy9qqTJkTtK0dfJv5x05C=zSa3#4r+F6>%@bghxEN;8CsDp?U6b78P&
z`f1B4OJFBztv+;(z#3^3dx-PD5vTv^VM*eIRP{HsTi%ECFKIB7tKm>ygX;i0Kgppc
zB&&dh0W^j|oLZ+D6?n+6Qb&9WSdZw!!_8o8$a%(Pv-D-Yl~9+A?#u*>loV?rw!`U4
zUuPTlwIo|#gc6qcN51UltQvM@>|*Z?W?WZ4;5(X8c(;X*4%~N$;2RPF583dH_$9rv
z)g4zlT(d%;o9Ud01jv43g@X?#uDKL=00~fL-2O_6DkNsYQZeQvYLdrX($rU(UgVZD
z+9&~)&^#b*AaZF%$hU&}bA<`MHH3;Kpvx}_AzA!C9fTwn>rzB6j-W_R3|iY2cVRtW
zHJ1c`+9Qb;PNzZAtp`_elXLV8Qvn@7qP_O2`s%_lS5zJ^fZkTzYlO1M<@A$zdu1<A
z=yk}Rq}-=IrCG67Me4}(>`z%DPV0qlVb3Kz!)Xej$O))25uuh&&6%vL4Wyhd0ffcb
zKN5O2m9kn-c8UYN=a7Kdpwx#Rabb49ZQ~En`%TMkLEi1_gSt@6VNw}fU^XE_P1vFf
z`PctjEfuWTE|c&e@xJ-RK)*dhRiM$xHcf6}@@;`n)9rp%@nzSR!HqCjK0nL+iIaut
z7U)(>UI`tQgASlZs)c0m#F1--?N5~|`Q;&h9?H>h%=>cj4n2OXH~N{sfl3u?cz2ln
zf`w<>1|i;M0Xm$KTFRPfw#)(oK@i$Uf4gWX>Evr|)4S`g5I<_q(U!mt=c<gsCYOPK
zuZCJrvv-*|TIl_UwfB-vUs2Hym+`K{8N9Fzr#)FX6L82Kbi|#Q!xs4(-J@$hx9*EQ
zt^F4f`S>2~?l|mxJ`ra6B>;lrK}13Q`<~xvMVt}sEw7bpot17(We3UdiEl+tQYNS0
zTQimuZLTjxwB6CFjgJvRsdT6MPt;paO`VLk@gXv#wPDRK75BB8)~Y}wfno<2Xt;mX
z&39@5#PnsCeV{Q^nsM;+y;H)7WjMfcrQ3%&9l>6J8&9Pvr24LZU@WGVKC`8yW6i>+
zKRPUU5L5`-GEA;xF_KoQ#zruDQL*?Q0?nEW@o93NkWijA?dR~y>>>B2S_=|)<A6>}
zvOQnX1YUrO^TSx}vMaB7+A8urLVZ35lhhA+$;p^&k=d>`Rgd;i$Abd#<OB#DQjmo*
ze#S405t&!z9Tni%B*CK`mya`2*Lj)3F?el$qM4^;yhNKVDCyc%P{M2-h)7<rAB9L@
z<zHyc&=Wnm9v{wipG{N&ut@T0UAus8Z3TntxPTBARENA)!@q1@?5Wh$M@taaz!?g&
z>Nh@zdF3_^ic!_}X8=bVNjubOBGxVJ-nZZ%w1r$K)Chwdqli^#o4@OFm0tg%7f|dp
zL;$v8Moth&L)rR{RWJ8W>`!UjlQ`Ud5`5+t?TK;tmW$rmH@gZy<q?C0Rb%ru6=p*!
zQZ4?G8?{uwpc4Bk&pSLq)VBYp=e{WGD60N<un;L!I-xvn5duuC5TqC<Yh|ONe>>io
z88F8nu3nCs#chNHhQipZ2qp}cA_0Yt#IiUiD}*q~*64Ak&3vmpX=cH%J0n#UD>e3$
zhIPA#Z-tlny>T0Wjl6@tH{kRv%=aL4YR^G+^LBRT31ZpkOG56bh5Ug$?`r_tCT04Z
zmm8>{z^72gg9NK%HA+`1k8-yDy)E=0SUe|6C!J~4lF#Xt3^}Le$t}Iwzj{wVlo={n
zy&qziPC}rTJFxqb(AEbAt&a&(MM-T5y_0xe%X@Ge>os*rE=?ODq%&|}eRwu4{U#;_
z3(D=I*ZyYaZYO_{6-@!gaHK=5RQ5(wPtpX7ur<Kb-f=e*?yegAYw}iY)9S6Jc;ZY+
zC{QS>G7vjlNq@JDhH0OOi%zP=bi3H*kICLfbQp)ZMtBMZO~i+M1@0wj=HgWmf&^Y+
zd0Tp1akEKc9YByW&Z<1d*5A19iEnFmUZ^J?V?#Ve9eBehKLH6eJl}(h$hyxst793%
zhIX()2T##{+0crPG#JI^W67N`w@WA^#jE$4F*5*6peDI9z|_QpejWcy;G@3lwRwLO
zsDl${|Nqn9b3dF{c26|?eV(gDkfT@+9+VHP&pUcTVz_s}0#nEFgalu<f*V!-xw1ZH
z{4N{k(wVZ^K^&vz{hPH0Krh((|4JCpj%6Mcf&}auXt}z2sw(3TRUQ&q^Cljb6d5Xg
zV&TD?`BY;C-7pxqx6(2CblZPYg9N!-Ms`5BkaV$osFnlveJ2q5k~jQSGV9~Vp(+}5
zf@u6GQQjOdRnyTDca=4y(#j!O@lNd`Y(a6Wf>Ue6mm~6mO0KrRURM<m15|VBjBJ-M
zOc+<R3|O|j$h72sRaYx~sSN2F*DAjWwxs%WeCQXVBv6x3!^BPQAfUm2rHH@ap|l9Y
zt(+AI<u#ZBBwEq>|K%MdBaj92o$q@5wl}}dOH14SmohKfD3P7Mq=27LSnpaD*TdIE
zLyOmI6An$P*VBDg)0BwFwi?5*o8T$2`W%%?V&xB(O+WPLTXwl)*P1%h2@dN$kc0`G
z2ZO;pRGvbF$8>;J-Vt|%wXREz^JC7Bs|5g^=s33Htl&v+GI~66JO8&06EXBRu*E`o
z&);xnPUvV~nY`&j=gs`+m}5a6v!_N`H`VFBpU((M^I!LD!9z=wl4l)pSmbn!XTRuE
zI@yfQIVRAIEH2m+<67aF`3pgKpvRm52;vcZX+O)0EKI{4l5vhIGG4Q{{`NbpD3der
zFAMrREt&~^yOax&71EL1{%ri$i*q(UtVB)xKLYjGdTp?ODqLMz)rgC#-Bd*Fot!=~
zgjR<m-{f&TFU#9@wX0UeNcKH|1x;!`AXF}fCnzH<#?eN#Wn7BsVZ#UCmOtMY;+if;
zdic_yEW(zD%1?g!KaDic|J&8^x^bZMknGXyeFybnXsOd9c1$?f*OQUBDK#VarINEX
z#S&sR<kFuzW|tAI&%XE>if7SbNz#B+G&jTl_SJL~C|VR;NTE=CUcKH_RL$y@1T=+a
z*+s<s;j+ISxfl0H{vD?&+d!R$q6dj72%~hc@n7y8(*8eOoOXykzHB?={u>oQ*c5Z0
z6zsm0+R{^nf_l0r<MCZVWYq;F|Hik`or!=?mpm>Zm<4C9=DFwbc*J_IRQ%ZWo%{7&
zkYX3m#n;rH%+1k$#D{kutyImnn!DJOb&Ivj;=J*CD=%n1W)pMv_t9DS5Jb>$?}8zV
z2}Co*ODyb^x>lBj*G%h{qMCvf*3ahlD0kdR%Y%`f@YcXc%NesvB%8qOJ=_%@rj6{r
zZKqJzGbk|-NP1Iv0QfE{yC+#c3o|L#{=E+V{{A3zd)>9t#^e7TyzU)!k*g&Of0#8c
zFbfk6GfxKv{Z3>Tsm-zYE})c0pRoNK8cqmUn#!~qGAOnEVO53`)loDeV!2J}o9~)k
zGa)2tQ0VZaM`^#70L1jFt$L9GNW0m%fHX@?vKhvwo!{$SiEX(Csy`4>jm{?Mhl7DS
zFWn8PGJ!*bT)48_*D#&RBrT?#wDk85>tx^0?|8X2@Q)qu@=b-_9iql3>sv1$`lvzB
z_gi7jRNl^E+nTn>TyL+<rDmwSjFKD3cf5wz5Rb3_=HEE~xYJm-`YVq=FqC0pPV}%Z
zvSYJM?B{yq3r5cBQixV0YViI2+0|Jm*WdJSaHL#FvMCDddmzP26(b^yOt^Lht|(vx
z5J$AaM1k?I=d+#99s&dp#>A;Yd^l)0oXDYuukea%t<W_OOm`jpw(rB$3S$f_3t;20
z*g(G*W7cMZAc{1XO(AVswdStu-R8e%J=Z0*&(GnygY=U_JPUr%`SNrfksjNOI*Uyf
z@}3z)Hy-Mx2cuE!--v-6HYfRq-CsV}>g2zpy2@v7s_Fciw6k|#5ZS2fGXKYdohJJ)
zBFASQ@}Xj_u3mC4+n|~c+s?yVB5mYKNyk<$eb=RpBmnZ%%eT^^u=sNZhgy)W!PcFh
z2XFsBMAw194+F+0d{`h4LSJt{CLy{pwhsYVO1BCmF2LrQA)Xn^@4+kbw|>eo6-aNG
zVED`xY_g9LZ7mndK8v!db6&xycZTMn8+k+;^n?XpBtP&p1B04ljOzl$IKHvDhxXVN
z@;HWZ?c*seGN%~~L5H?#EG06qgmLU>PkM=J!PS1wV7>!>kQQQAS6#_DGg0hAnbT|9
zCU>EV78Q1@M`mdd)00m6+<L0IME02t_E6J{L0O#Fxz9CveW#-9qA|<R4{2QLw)0HF
zfBM6fIspV&E6JCLeCC<!&7mEAoXbRS4NM;AZFHQO=(({zt?bq}x+{3QrX0|QEs8|4
z%nV*1Z4Q>-G25uY96o{CHal31>t?nBReAlW*!R#X2>n@rHpOG0Uu*Cr?|&LT%kg^_
z0x;|QP|iz~8=ugYgu9$2=;pmpH)!-hRC;Xz5>~N@TZlp|qTbIVZ~2-3s_b>d4s{A7
z6>L_a+~3qtYyc%*<ruq}%q}g3716|Wt!u+*85nXqYul~Il!t$wI&+49=$C0Lr^I#T
zI|wo$S(Q2xe@)x)h<y{Kyd!SCEQVyR?@sZ}S-xc^cJ!}(Hhoz#GIOer%lr-TpK`3F
zpd*BR9r^V%M7@l&K+wN?-2FxXR`_i8f5i}K(0GAxU!iaYflc9s91HU9sMO`@!dXaP
zs=%kM$_B|w@{aJV9tv4Js)c~95^?bUEA0qhwUT4^g}^)cj=*J?G5~v1B#-~tE3-Hf
zyK;Y$t=ccfMV5>_-LL9i_-+SHf_F`<=c7>e21fdJx_=O5(Lv$E%WvJ{)Rfuk9S~Q>
zFm#@8jtW&bB})XL?;~tg@mA7DRC$zJBLDY6aY#EX;wUA{P)dKCKS4)K*!X6%x5F?+
zLkT^g=ZUJg6O$BWJXc8C7~E^_849Tdd{m5XBHq9kElw<^)3RksGBQKHc}3c82{*|W
zQI*E(Sej>7X_u|ylZwo!OQw=Z51MnNUX&#kDS1bj${_FD3cGO?CBLE%tN-anWCQ>I
z=Rzo=xvyz)PmwiT=sa4%#?82M7|Dh&BTF+aZ8K^#QE9f{#KcG|f9N8$Ea#9vC_3L#
zlAk;wMy`g2o#ZfgHD>qrApFj*W5Pts6<HsMsN%UTXby8t{#2lOiJJWacuoecIy{ys
zT7t3H5^>*@l0G(qy#`hd{!7Q`i4GLa3<1oGv4D|tA~C&&jni<&N0ZdZlO%~TrZzBU
z`vOxCR90|pDE(K+zu>{f8ll>wYEpj}qH3QGep{>~kHB1d{5{<fSZ6X$unAG>NkC(+
zd-2b>mY0F@<J@>c!5OvSu6Tt;0`(;DL4&C1EAasdfw38T^)6<CCxx=>5@VOZLl_ty
zNZEb82)~(@jv(pL*2jOyU(LVM3WN$v&V$h5jbo5zb&%JajOQF%-9<1Dco3#e<uQO#
zy@@>#lb2C2paseE_Ch%;PL{U<uTbE?O>Tf<pf0|fcTh}k5dVk28grY-w8xb}V|#Le
z>jaFjUj~Fd==6h+m1g=_9h9r4=v)`B_;(~yjaa5_KOYrQUojVY_Qrp1ly~zm4K!E$
z>wx=Bc02M3!^7S|7Pid2jCdZJPKyzhs(D3co*OGcnB>cE_P@3Du-R#Z8sP*wh9UCD
z<3IyEI|7uD-@J%`m2kHbcz&=5?)rh8ik%2V0&$!0kRk#>eWIX>YdmnHODFgu#+oVb
zknR)}%S9ZY+%W+!w9r};QIxdn(w&;~rRuhH0>48BHy>=ONH*(7NS##YK?md4*lGQl
z9Fo5rqY>VzV-jt)q*vVChy3+z#-X^Tt`d%#8}x&Ykrj1}B;SK7;wm8$^*Y@{*#KXQ
zt#0ag_Y`uwtw`&lwHBqqx^G^YhI@#k1pz*U_ft*X9seA^*|wY)oz8zZhIJo!GVy|`
zUWt_faC*(z9k)XJ<kg?ms0yr$VI6tS(jf|oqv##ag0Xj(thgfUFv#%<c{wnj_u#H=
zY&_%AFsC_z)9ni(wF0MA0V5d$cqJ;h^MHBu^!ba73G>0}dFeH=vRiw(+kEAvHZO88
zTiu3WH0&&@!DGfg0}Iq*<8w>Bk8u_H>qsJ+2Hb+)$qP*yBjmW3MVOacOHqQWozLT#
z;FOl}>oJRo@;czwA+6F#18CPdildF#*Q31LLCkv@TAq}S%(K@<-H`?dINP%MZWa!&
zAi*9`sM7+bTr}kos7C!$JNd2NA4ssK?PumFGhmx9gAwM9LXjy|q)VO#x%N`sJMReo
ze)1ogevjEkS=J2j!}`HTuQ^fp^QPlnDrn5^7O?uNg#lb0e*;djtH-}ul&RDrP><3V
z8b#`E<5Pz4Qx%z-FrU|kQlR%|_{OYJcc4Vkr&Pe`B}VT~)~lSI-_0S--MZ`z_EiS9
zlsaLONo($`4fx%>?T?&$gGkUzo2JzwBO7i^XRb&VM3Ft)k8|T?wfzZKmT;B$>Jl0(
z@Q`W60IP0`ewpt)3i$>z?-P<!oM$xoBsSUia}6K&43GE4_uXac<1qfqL#{=y#KCT-
z>9XUPRB+Az`Z&xB&6YzODRhFl+J{4t<fO&V_gh%jt53T5CM4dHv<ptCqM!EmP0Gd)
z60vPM&W}1SX7yJRIp8I7py&xFI{)U+xL?L1_Ggk>L(Wh`w?8T-kIt)=21w40Al<e}
z(g%j|I(Hp6BdZ4FCK`uy_(Kb{R%MxB0I7u~0GoJQ*Fx@f{JByes7PJ-Vy1K8qxzJ+
zLs%z5URla^FE4axcwPs13YAo|r0p~rnxMSPKG?1<X`>wIO6c$<G<d1jgo0_=&^)xG
zZp%i@UHtRHxf9zZpAl=63*EWtnJ$FV0&1A1iI3;}!bWzF8(N&h4g!)<>9SSE^=@xQ
zbH_2sn_9wq0tCXq9`nxc%+Hp-1DfpNt_Ym{(dYsnJ9bD{e|_cBx3^G+BoooX>Dq=Z
z9^COM;q@8e(p^85_pz$)6QA8OKthP?Tz82^m^IUEPVUU^P(FCc9U;1h`WIJ>UVf-Q
zzbTOyutjQfK|f@Zz<}b-SYqFwPkJC^BD_upvVi(wAmwQokkN}TMkrbTr@mo3mNuBr
zHwh5C&}httGz=b${<2Q1F?$u)@&u)g-&(#VtCFC`Vb2e(tO-CsC+lra&W~&BoObgi
z6*Fyh>k{eJ5-oVNKvDRa4>COUu{$%sA@H0UcH{sy!D^7QFlNTcH#v_U6PZg0S0%B8
z=nBgkGLRpSbZA8>h|Ly%+d_Gy0e+d<K_pQo_IE|TTwR6PJFsa{5Z#tI^((=2(t93!
ziP_n>ooF|1r?cPk5J7}Q&0Cam3?RmuFsT887ZJs{a!k7>h^*F6#ZkvD#}&q{SglFg
z$5Tj-{T!21Z%&}p3Ay6`4$_^-_RX&C0*^O_&YmiTGmA!NfMrCG)OhWr^qklc4WHz1
zxM2GPhU1RVOF^*5a0vLYTh#9gok57m@J2lk4AO^S1|NkmLCRT@-Kd0_f#Vt`hQ=-=
zR+cN}eeP_NZ+rigJp^-#zP4;1vxZHr>LfyBb48(q<7Z_hSBG=90*Dqdpb@aSxxK&g
zz~E-2!{_)dYkWCI=KKC#+Rdh9SUX{buMi|8H?hwE00RRf%^iVvQwgG^V+>YR@)Pfe
zG}KRhSIN@nthc%6?mITA;!BqxZe?|EEUH@Zeyra&yCwWXXT{w-0B{#Nm_HU7moNT5
z6oVgC+xNhEe4cR^WoOn+&1fK6=ptnzW*Q6#^{~vbzBouucU`7$Sm+T7&R5Z-zHiwa
zxct#TDqH*+ff}62E=JcDzahtI^Dyu^T50don7XoaN|F|XF+wQI8KAFh3aXD`UYn79
z*hkP)E1*h(S@8+XswTW2aKyK5<X|p;G5#n?Lj8^nlh8&uj%QZ%ATf+y%?>)fCr8Fd
zn<XDbOBya$$5e~Zu8#m3TFEYMu+5g+>Z0MVQ$RB>;ZQ+$n+K1{IASQx32rgoxUw_d
zqs_)TNRND^WZ>zjLc#ZSy46-g5CJ3hW_%cY>lc=Z20}m=6r0on#f{j|?QbLoJ<S3O
z_iDOhMUW}|*YQBUhqD*0ryZ}cIQmv(jR77-LytrrT=-GT<_5F_YAeo}jABSS02@1G
za$CD@V>6EZYV0f>lv4L=iczBrvG0<bvjs`vgB*?;S<Q1ZZ%(wyp#^CCWmNO|P0=ml
z+UW>d{<i=~2{<H`xM1txgTrCvrI0Dwe?O-YZ3PH|@iXl`VV(lY`@gr<gmU?UjhGM+
zmK8USSx)-ZtFAmy`#l0nE{AU5RG;iy$p8unLS6v}xb3!1E>!3#8~iQannv&H=9dEr
z0L6ISS$ZR8+CN3*IFqyNYoxg!2RCN-zmups{*cDB+dmYR9{|-{qq_-?c~lV_g#R%G
z6kx^E$ne{kB?f2!AG4w1(vRYWBqUE7?v9(2mqNbu&9z=?m$?NaK1jJ=R1N~F)xpNY
zDnn0<@SLLC<WFo58Aw+=Tz9wQaIx3ih5*M03vr*)LySb$_Z8rH%3z8}&`tl<j{q)#
zd(&`3y+!b#FW(nBY_=72JO@Zbq$++u#(eyFshfXPP@U2uma<a8TB%wdh+gApaM6cG
zvG6pHGDSW@Svxz$QXGEON!I8s8JERZFoNIFwmVbGDo3cv*Pw#~>Xvr?NNfS8-nGg6
zXYmMp_w)$njp-U5egWgR4-(O49uoXF1uLJ35xo~^g%9*=zPtut1H1Gw*&*3q*{=0R
zs@Ceb3E_FTDGnjC>-he$uzuN-Y7T~Yqo-{-aVu)vQOSU;`JsD#)wd>=q<0J<SVC;Q
zFm=gpeBAG0ZD<x?fK%aJCKHNfzn*Q(IQl*wg)504XX1fccn@tTgw|;^X`Ttq6UlZf
zLXm|(4C7jThyRX<=s*-699Rrt{%O16M8YsZLHtwbSght5Pc=;cggobf!Py4j{|gRs
z2SSBTPP6m08bdswFv`mmlS+YootiOCmJDuSc)ss0?=qXOa`-seIEt}>lAoF^o>`uA
zkQv`Fkb*FPZry!M2I$NwTs4~(I@T|3<*r7MAT`)_(h<$$D{g<!`07MsR>R^{_3#g5
zQS>h2tk2oTg8f3JUrPFWbL<@Tr+9Hp?N2U|fHARN57xEmw~6^#q64CQq^xI{CR>Qr
zXSm`-*|e>J{TnAjnkBII+19=KCVuvyP5zk9QlK8p?FK*C&?%KE^uUD=?Z1Ojb6_o}
z%%PbRSNDkOO9@%;c6?sd`3$W~(E1B{?oj=&$c7=UY=kc8?ggNrZcrSS{Wg;l74#mx
z6H10k#XR#S$R2sZ0|`dYN=8Vyb)lS=P83Ps-&l*F1uJB@8<7Fk%BukO##QSB7%RN{
zD5==8RE%jrURu-g*HV!F#@N{##EmPVR#e-6jd5f5!+b_A0p-TVs>I|g2@|rYZze3D
zrUxE?EU!S0@1<{biFb=B$O#I!N$TmvU(SCo{|8e4{y_$L4FsgsCy`#)(u>s(jWIj>
zFVkXI?~)^Gqm8vpNEu{uAe<{Ai7*Zb_K~A<r|BxnRh;+a@RH@Nr>-2taEAVM?JE4e
zYCbwvN2)cPY|KkdVGp(sLhx$d`vuBC7s(+bv3yB5R2^$NWJj~s?kEZcomYew$*m|)
z=|VMr5ulX@0Ts&LM7ehEvKW<?NadcYYMUj9o2~LkL2ny)D^RMYtbviwsTHr4Gv5+b
zFeiQBxa>b|T@^l&<=j6rTPOG4{Bs`u8@rbIz5!II=sg9r8&V_?n;9TBwTaL0a~6xk
z)z%UN<ZL>KwAObFZ<l8T2c@lstTzLv5HcJ#hH+DaS@?Y5_jX_pe&ZycBRy80Cu(&U
z8;+3UU}ToqL8xNEiIrr-yRK<{pc{`Ocx4Wbv!7K3ntSR-*gaa`NedRK;Z+yze!1xs
z2c$oj;P>ruW=6t}{;4*s(?^;U_boi`SQMLFsg=#kZ5ZVDoY;#J{>*eZZpM!p0!Zu}
zLF-J2tjBOnv|-*<ed@JxnallFI5QdK!zHmTxmj05VeOFQJi!Nmh#6JSD!w6}o2WQf
zkXpZ*JOjwW3;3Thjq}*xhCFM^{@R9IJGm{X{(D|KN+(4Q32<VU%v9s-?q)p&^C(*C
zakY?Xfw&Zux{UElfT>=tFYf{kx5yAm<IR8VRl*z`CQTtSbg%8<?Du_&$3?5>M~W=2
z_Q8XsoPlT76@3+6>p!12w@l;d&1BLw?@$Gg1v~Q_@ntBlRZR3AYER?Kzx(dAn2ru1
zCIk54hi=DZddO|Zpbv{Ds6W6>!i7Jn+urGQ3d>8Uv@X^d2)+Oh6VbdJ@d=*USm)dZ
zfPB89frZ<G1&P}<=TtJy@EuX_odZ!^2A3^6w<FhBof*;Z+q8@Kl>!h(*l4)FqmSnB
zRuV%~KN$5AD)Uzu^UOdmBFVzil=$72eku>|<TY!Fmd(8dAbu}d7lAWpIM4BuYHJyu
zYVp?}7hV={!O^(Anl@QdV-|Zmry*GX0`H}<MW#NKPWBSBe7KX}K=i$nJJ0l%RI_eb
zM<k9xZ~Po^AmX%@|A@%QR0e`NN~8(b9Us~Kc?ZH6id9TgAR}ZF(A79=m0`;+`3v^A
znFk2BNG}@~FaVnUVl73TZE+7|FqsF+b}t~;3xF#8VO-9`M<S}>&de(yF~h!bC?-yA
zlWTM}Srt|bz$NHZ6}^n3RmF^;ISH<cWei=x0&y@d1~Q17K{}90m#nP@UqtFa^xQG)
zPda$j2x(LVz61kwh<yTzbjPArJIrdSel!U2;qY4J+D^RN=KfPSiI9c%$=j)c7a<S?
zV2m6g5CmY18~^|u;z6GZMHMVR{{RNz-2rz1IQzp~XQd500&bXfA$2CXT3;dr<66F9
zC(zCEY;rX8#xi{j%XwLRv@efTVBOwjqJVx<oFENQ#E9&zThJJEyWM0A#}pCwcOcf(
zVtlewS^SOX@>>l?u^0(2eh5wQUUL*G5?Qgc<Wh192>@!zv;BeFZ=y=#5lG)T^yrV+
zC_!GMS)^c77H?Oyj{$;4PosB^c)qbMl=q+hyZPpF1jH8@6W*~*?2zyv|7Z=mlNzEr
zGIaHM$@gSkT4tK3JBS;jXqz%Vg^baQGpWza;CypItLTDm()0O-7kHO-v`Y0sx|?PJ
zz^Cw=MJcA?zjDIZ?6okuaQ8|JRj&g(+|ME@&7GS?&Mr^wBjg=IqygBQS>n*sFAWqn
zc>bopwM`b?1_+yRU>ZDKZ|~l*Mc_If23eE`C8f+>Tpz`tBZk7kJ9vGwRs=U8o*Km8
z@$(%FB0qTT^_S-GdWW!Iodsj8@0HPh^dz7>LGu=tw!dxxVU1y}(9o_)XKYB^6xS>G
zVX@zWUL1K5**l_yqjMr1<K$a_i^2YT4%u?U&484<Uw~(vM%6B=YGBnHZ{?>{h+B6S
zsH_kEu$_<RUr3kVTDFh;-(c{_J6P@Lw@E_RACaqSwwVS{54AJ5i`pYySKFJX%55T!
za}$@$2E^8;Gbfv-%%XS5%vCfm1QTFJY;W4n_c#xT&$U+*hOIgS;OZkwF(LX-@)@%V
zs!a};gU^Nv*kqSfBxiKjq-4Pz1^Zp*&J79<X$)jtFI5h>O0TE~Z;%(!)nqEk$G};P
z->YZSWjM}kW^sg0U+@FA&%2{U-3{j3`7C9S5&ks38F_X6C$*-?#X@vHVhQWm6BWDX
zqdi95T=YvYHD8`>WzNNQQgcxbb~<9%PtW`Bj-{r~Q;FDD(=lNP`ZvItu~r9&gEh~W
zUs<A~Ym>`@g1<eb^_v=_W^y>=MpvS8r7Y176rhb6TsYbT*3LO&-yh?(g?jex?%jx8
z3&)-hknoE+Rq)(WKpijmrKr;v`~}PA!4N6CvgArk4z<tjPiD^jRq`Pf@;vBx*Yb9|
zv6DgEk=XP?zjL*>7hboOeEf`)qbXqT*;^#7m^V7Zw7dGh7S{oMeoPPRANrb2!VeFW
zwN|e#<-8yxR6flU5@eA+WwNFquhSU>A{C~sneR(xdiEfxPOmi|*hVITxvs6-2IopM
zrqKZIo7Tvb^|O?aF<GZmW&oh^D*q6fqi{<>Z?&k;MV8vUoUpgm#>P@{MM?<A5@WV0
z-S?)L+>gA|;B-upG2WzhhACUS5Nh*o_fNUdH{)AM;+sExhL2VYcNTazeV?-Q!#L(X
zcjc@dk7tvFpdp`=R1HNi8Uvbbg$0PcDM;tEG45A8zq}Igy5IPjwAZH#o|#|hb8|WB
zHVG1K#6dAI;kR8eZMLgSa}wJh*3AhRBvW+U^nkIkrozm*<cFNh9g#jaU~rasEK_m0
zcw%^7QdpyZ!dif?Sx{hA^ep$lBePb4mNA%L`iz4fafTVE#pRRj{nP+^_{b9;)@K$E
zO@Eb$JgdYeg><={dpue^@*g;&lv6(PN}`LEMg@P=d#!^T)tkr6cyi<ozVbJwZ<Pk6
zFqSR9Yn)&LM>o-#jP=3=cGCY0liOPGO9ph?TZXi?HPW9foEtr}oklZrB6@jq9CNNX
zibF<oW@FERY`qH+ISr5OZ<k1ru<0|}6!0Iokgk@fPq3ZYND_`YUl~r=>E$0G@`EhI
zYeg;vA(RhRnA2+>Ar9tEgv7syfNw(gvB&#1RK=vH4T~C~Bf$IsN0XBE&fkNK(1%?!
ztATq2l$JU-Ay<GkY=pjGj|G^HgepMBVZW`ZI_cHwz&Sj);A<o_>Bd?_CvQ8rQ-kcs
zrI$H^Y>9$2_oFdw%i9K8p*qZzq~(F&mk@2(mW)8@apD(Daw1w0WTe^DyD05oVmFYc
zUbX#Q8vR37ArZj%NOM2%x`;gB(zR-2bgHBAw2V?^Nm&(h1XSHDiE^`{jLdtQc!JI~
zG<re@v&qUeO+D5d)+Dc_SgsQ;z36~@BX>6YSpaXN7VvMX6vQT!5bE_YCvs>xeiB@?
z8SwDN_w3hr_;a$jT*il_i2M-rgBPGVP;30~B@DGLkEHN&RQg$|vRL|)2n}$Y*L`RG
z@60m;B1D@RZJmq96k0J#g`GZVRo~0m{X13nBA)5v@BKY-Hew>w{wYllANFRuM0N*#
z(GsVoE~bbX<CN#S{lXJ=@9{|A4BOh9MkQHo^ORw2w^AwkJS0t(dv#V^{T+dA$i8P}
zsbHpfUgZ-kmR!r^HSd=%#b2^9pit0-eLPZmvYnJo7k2(_gbzl>8st28INV*hM%{49
zq2|7Yf2H%&*7k3cb26K$_3b}YSfBhGs!v1`ZTl-rnzWhI6(61?#2br|wOE0lCX7j9
z!*c|sWat+h5^`x{M%0wgcvR@IVkChu^lP}ja@fO|T}7O%9eY>#D+>$z@N7zHSHdQX
z+dWQz@`%Nc7;Xn6N}71y&CD8heX(e0y2JOpRCV+|{j%MEA^d$_!GgBsi-!dJj<b>$
z+Kt%xDHC&Z<PfXmE!|wC${3y+>3F}Z;U(z7Y|9HmO{1$s^u<I(srLY<m#rN^jlF*M
z6MR;S4R34`-+rM|nxovJ+Ry3)T@>`lZ4qY+4B<*a{w(fzk+OsmFYs}<@;z2~u2M*M
zL&0>fssV}X`~mZ{h|{&yQXcDe_-;qtR!?HAqtjX`oc)EKfiOI|Fyb3)ZvGW9KJqcl
znN5@>I5}8+&QIgfQ1AU2`@WMWpQMZ=a#>f|Zz#FOcNZ6kCFVmQgOtzyMz<KzL9%5~
zdke-;U$@Fsv)?>sL#pAY=9fFY&@c!*-EGi`$jt$+x#Rvg=<vSS?pbq>1JN!NOoozo
zu3mpONMQSAk2Cit`0SNTd9;1ktXcc$f#M4Qi7#K=h(tv31Ga}=jjz46XJr)cI~X83
zyl%da(7lp(SuPbF_`3`Cs^81AW&)SkM>?jkj6S8&G9I4J1F)tItt?xQbVMeOy43yv
zjLeiID;JZf(&?-ezEE{u^A$k(hTjvb+6EnuEdG2hnLCZ%#<=&yUX!Z6a}pM?hcA`F
zEkz7aQ45D5@_?BAj<$n2frNdlx)K7Ba@zyf5KI!7gFI~)^Pu`3&zq;YOAqVNddVR@
zJm#c-5l}do+kts(t?dBWlY5fFlM?|M?sQYr+YG`N8#GA&IRG>W)&H68aFk`y1X6*^
zTaoA)(X8uOVAdreM_pcpYgC&8)mfVE<FIB0+k2N|es#p2jxz=-Psex!2#3Y)zn8+r
znihHTV>v#%08DaaO=KIM6G=nUUe=Mh7QML~XYw`Vie^76H+^3=W^DsU9f!<gm89LA
z(`>fd?PBs>puFCvk?k=QPwNDYm_WTu%h|H+<P?x3zEk%{cU^h%VIISgUha-RmuB8b
zy&Y=3Zz>6}gNiENNpat2D)A&T5s2B~ZRtlkG|sV-4p1ak_8$CWYPEfDXdCjX`FNE`
z*u-4cI<hBU^s5crIed)R&fvgn8|E}aJBHKoL-&HIG(Dp-{RGZzDjMUsR4ZlbFD<2t
z%Y~7<P_w<uaMT<M9bvR9O~EV}!O?iI64TEz`jQZa$pzQ$hi5Ek$5M%Pr@J+dN`>jc
zgRxjTMHEI^$;pf3uR+5%_sJObt8W=99lB}XN3A_Es8Fd(gYsjfK(`7Wr$J+HG#5>-
z)tufEU|yY0?lNtU)@{Ri5%1eFlgSOaZ*j*Q&K^QxFF?K?0WpG|b$A&B<QX!biAJ4M
zy^1lIJkz<O3&6-rH0)uO4e{F<)TI+i^9~c(7YV>@Q?DYow(cC6KbGVC5wiq8CMeJb
zDm|U+;iW+hQh0Y}x;lztvMgbl`&whR^Hx-@I@?|k8g~H^zUCp~Z2qG0Tf*dZA`Y%7
zUb|EE7pv%eT$gKc97xbo374Y(N<3je>)f&a!WCFmf)~BcL3aeha6k`cr3*?%iMSS-
zWKVbD=qqfHqAmIv8%qM<PKtd>M7J8C$l)sV;$}l1zwaz+(hAMFDB?X@nKoBInm74>
zNBD?8N^T+-*Z%RaCQT=I33@^hGlHt@w=3gkBh=LH!^`l(9JMBmfj2+qnh3i6w^Q?P
zQK3)R3Ayy@0S`NIb~u55kopbYkI<su{kA)qBM4o^f~mG|$CqffLAqcS!=mFGw!P0I
zq8%w6g7=w~fW}S^c#pPq3fNd%`QIWSnXVJz<+b0G7!QG_?*uw2rhJ`{vjnl5kJz9g
zKKHJJm?B}*`U`8{XV5ps+?Q^~A+$zcwsD&WzIW+CsA^42!M<;G#pn~gI_vY7y(r31
z{8#y*t~OJ-vB<w8Ny+Al=xG>X-PJtBK21j3>!nEdj~thb*c^w)8E4u>BJ-l-wa7q`
zzqm}mezwwKgyb1RMb7Kut%zkFaz8HISEnp)0Bf+7P3Yv_i+iWS&VR~Q05NxHX8X4`
zaQ6S`X5b;&o?_HsCTe<DjJ-37W~ZZ#FbT9l2w1v)WD%-QX@G(2b-Zd2Y?^gq3Id5h
z)+JVR0>@Wa!S5#md*OlH?KuzF)pW(vZNuuD(*M^HCP&+u8Xt<ytC9|SC2Oe7S43J2
zL8yY<H|q2UM>g}9l2wvrT@5#S`hCSL_MW80;ek4fwDYGcPa!P=14Ki+<B9v0amj)d
z#sRcJ7Qmd&yKh>@AX^LBE^v)TAu9KDEP5(y|AS%0JrWddQmbW}oGbqx8E*h{+|5|N
z?{Htwjgds0ekf3QUg_t2FQ`I2FfOC`sLxl7QAAZW<si^a$^jfzuaKMDL};o96SC@Q
zH93KS7=3{~y!szRsOPpsIBpmDp%e<5I|qd6ao-fZbTSHlgC>>{l1KI_?y2?Legmn3
z53t_d*Sv5OPs-^TqcRGI?M=rncLzBG)uKo&qpg0Dtop6|b)6ou<OX#yD6A3~UwfKV
z&s*%l<A3wbjf$L3d(^GtiGuIE{f97Jcl&~oJby`+FuP0z6FfZaS$gco^~>ISqG5!e
zCTY3b#J7-#$Co<2&VG>mmeZ#F0IWP)4ev4cZKcXKhNbz+kQF9LxTU$l@F=`%Uz!Fa
z_O|jxLIl%mTzWz`*a)^YhkiZ1JftxB|BxMRuKe$ZAsd&kW3B`wa=d;D{(5HFJ+48K
zraJGzqtq+$ER>ot)4q(u4cFAQXPJHvT+*`@*er(m337%);|>YkUmz}Tkd5~|K)8Eg
zxo%)zm#)8hJVygYoiXa2an6!PA#u*k_am0iZ0Q*FvAJp0d^=>6DOhLvw&b>l@9q5B
zTm`Qu(B)Z5msZ|}|FXwa$8QU4$RIRm{*CX@bno{{UtE@gm->n()RFJXQ)s0a;vI;<
zw$|oeJiVVey@X)|4qR;A7sGiSE$)-JIA(`oj$<dewK9JOBu3{mExkp}4;GwFX9iz0
z8uZ<v!1JH~c|@(t8@!7R{&DK_jGbZ5(8FINKUB2bUp(OoGA*h>izsFtsKX&lS8@0v
zYsoa}C&dG<q-ZEdHkc|0ou-$b`K}|FWN`q$fX9%Dc~^J&c&X!Xu|YKkY}TCJc*hpu
zCDZ)jZdraGFJ}0}i*^w?4@Os1g*(G>nWh{|^&$*`ImV^~uFv2xm|3JEFb7_eovW|3
zX2wLH!L!(NlmCa#LoQ2Y`OY2s$!bZprhu1@I;(!v0Dcrsh1YgJx6FHrhf?l~XZ>u<
z#IssFgUrfwhN?OHQCX_P<aw)95$z=XEIGfDff(Q7;#dU`C$*CaxLEWvFeT0-VdIP3
zT!7}B8ZvvsraY`#>ulx+j?jkA?#A`O04cqB6k3ZCI|Nn+_T96|m5@G8gU|ySPqPkc
z5PyEZyNPYis%7Y(L|@hL%Fq}L|2KQF%Lt|XK~|Lv&GwyOP0R2Eup5elSY+vwkZ}!a
z`V1zPei#w#In$^f+2eIbqe#>%h!N*_zv~^cEz+&FT=Tm}hzPlccM2Dx>Z3YNq}F=0
z#Z+2&_}_AT^YVOj=6^OMUwWl1cUHeK3skjzClcVbsd-<u{JWqIN;um;AWP4?Hnom?
zU9k!h3EM$h1*?L#iua}1-S8c5O}-9U8qauctIHq<zyraB!<i?X)_5{@3}wwQsue!f
z9g1%GNhBw*rOtuDvq&OI`T3{=QP&76D}T~qV)mdAh`OvY^;AT=2yB)M2ZkuElFVLg
zTq<bBNH{<_yXX5_)GM$$Cpfy&32GudoD^Q@!6%XLXxvYNRxSH`t;X89;h1<<86DHX
zD+YgEY=-XIvBGbus22lZ4-?*=2Y9q<2wp~&7gSgh^UGOkUnwd9$D>q{KG#3e%)VhP
z@?Hp+sqJ+%4ghV!eu+gKi_2CBl2;XMrnG?H?mgN_cmIWaxDs!H+O(~)P^Xl5#uHoZ
zt`PRq^!@jKhwMjvlw)~2dBy^e7K41C2DBnF;GXP?&#l*+<q*ixn@I@e<t4Yd2%vqy
zY#TFA9y~4LE=v3ENu+*L{*duxLXokQ?6ENoXr;oZfoFH3+_AXcwzI1cZvUKqY;jM<
ziML*-qL&b;f&h7b8n*ype$?X2hxJVF{-B}PO_GAfF_`I)P8^Q_Za|U0tp+*Eoz}!+
z+aX&69n-)OGI4fu+#2_A&D*!o=C&VR^G<HYe;Nr2cSs&c@kyQfGEz1lWWmMwfs}Cg
zfnb|qSlq?5_8I9?&&rb*j3j0;hobZiaiYpF#6&*BQ@FjGRLT3yu>QNm>t&6g8}uol
zTKh>zTI7ygk1uY)vim6y{p9ldUYRKcLVk7w<yQ1z=|P5Al>jWM(PTH|b>NB7p`-L?
zPahvS+_Ub9Ben>3m#p!jKa=t*)`SS|^9#yF6OMPr2+aIjFX@g9XtaZXl`fT2(4=4c
zDRX<%GaE_^rzL>5p!IsZ$){6Pz>ExK{y*@jlS5~WAWfhVy&#)$G>fZLolWft1QVyU
z*h%VNX#`Gy4jn508@}`C0FY`8J_}+=eWew<bl}$|03Jy1$9EZXs;yzET|kb({9Y*k
zk^g;ovvGXZfi|`T#?LSzm+OE<Ak)J6i^;UjOu3%{P|68rXGFXC<8bS4YBMm``~V-r
zKm|~eH;c+ukNWm@Q1|x=yMoVKdPnZLuneB-a`d?jN%X5humDOuJ?5D~x`X#N6+(kz
zpF@5fUlYV?rV(&``7I&(%7-PlSKwdFoopUy$tr7Vbl&8xGht=I_mds+u?sg3%Czi4
zrxJW#AoH|k&*u54$|^s<``3;*sa)~m?xPv{DPgiMJpL_7X$~aFA%j8b@LjZxg?fO~
zcaLxMTomDNf@|^<k^im)!<zs+dXRsYzDWiGaD=IZdpLKM$%lHmbwhui6(%<eB@!_M
z+tYZmUtjZ`N|Q6H)-_${kF6>E6hhQVqB??|%awHlU;m1ho0cZ=;=qIWfxW+o#ocnQ
z)V4^UKOWP{LeqK9kJ4!}2uqa)ASzH!E_P_TZ%g?N0Z1@ELkD?LNUQ<FlGD`>kAaMz
zg{3(=*uCi*7#xLm^yCCC9ZGY2k9x)4j;U;7IG8sd#vOpfe)Q*q?S;d`(?rBJ=C98_
zZ>ayQ_q&OXgGN}ho9`T9BCae0^QUzwzX4G^-|;M#q-=5p^4-ZWs7Y)C?ySL8&h?AO
zt>Wlo3t=hYvlB9mpfK{4JwjIPNEu<ZaB#IGz94oNFT^6Iab(OhHUWk2F#E`B9|vxQ
z9nUP+4!kcBcS1=nVV&-#<PcT?WK=kix_WN*tJEBH?bH2;icX=~K6StlcN)1s`$cYo
z=99jVeLsslSv%==5v7>4`cY=jUvRl{ufYUAR13<FvCv-bgS+aJ(2e1e+hJ|&@<R2v
zhQh;G@n<aNg31KQ=wA_xV%}$y1a~wsGejWob)h{SnD6ox)K7Ho_<XX>NB1b98@)*C
zL^fOtM<(L3<xLXnf1j^qmhG<(l%Rkuoc4k6)iK%iohz(XCKte$5eByFBOSp5=+s9R
zb}h%iTxl`r<p_M7=QXEr#I`_q^F%9pyatZ{z}OZtR9LGqZoI8p11Z!;Glp^F=G<Y7
z7`lfa_bB`wgNkt$6r7t?)<`H)_C%RPTB45U<qXvH;Yb7JW9Ks}BvQM1dCNFFiH808
z4$^-dnSGJNlLr&)(Kpsgjo@)sG9X9C&m$&qg7G*m31%S<G9}@|5CFI?m4Nw9z>M5N
zO%Hr&HukRq$qwHkQSa~-l=p|h;GvQIa4<n#M1^^7nc#donG91h^=Q31H+vcToT@Zv
zrcHZV`qAE~KF>ZUyJQ!_R$odHp+M9dVaYNiru$T*mcts-r;mbTcT4g08Q7+t!?#R8
z;(;U>TN-c`>f-KBS`NJ(<XLbCUxU~YD|2S^WNM<!n`KQYeBZ2we=M6H%N71M_fg>~
z5t1PMtxNOfAo(TJsGbO;KB5;`;?*gL|DUrE66yG2))>=$d+(u8*mwvjvlYNB2Uc2#
zy@)mOJ5y?XZ@43s*ZS<V_9|@s#U@;0wm+aFM$mhD%sLnz+}iI1aPxS(f<gBBkvLD`
zZyD*#X0FOu>jvw$5o&)0IEJ^xi@u#TaXa`-c^?i8-I28y|3PAR1KW5khO#eVe_auG
zi0;y~eR<GO$ADp?_#(IFgoAs>*4A03-Bcg8`h>ivm>ra26t6s1-XThFrMfCK3Q2=S
zI4^bbN#H0N^qed3c~i|H2_}iF{I@rZd}$B&)MVPiknQJ6YoUVEq>p+{l`y35GSOlr
z{6D^X@G((A@d|Nj&wa_q+F!skWk+;PVe3yzv0b~CS%rfmH=!`NOif`uJM_#pUEqu{
zzx=e7sD&6xFpF}9_@r-S!XIVhpxKLCxDL*pR4u8~gLnSgy=S7#_8STAdk{2JShW`n
zzLfh`bHg#f2|eTy$SK8h40d1@Q)wub2p<wYNeV6t`$nk=l@(g>TpggHHg=;D#>Pii
z3ONQNkC9IAAX;n@2dpAZ&2QiO6C<7NaC)uwdlRA~asq-94vx#PLl3-7H=sbB5`&F5
zJPX03__k17#xWrQr`{K>fR=;72GWw5>0RnbhN9Nh$L&3EKucaHm5Dv?o11_y_l28<
z&k?bHmf8$G%EYZv9a(cD3d^BiRkPdx)#-Y#bx3^H+^8<!dO69j<>l41(M+-h$3dGy
zlkBxS8y+$tzA$B_uPp-t0_eufL2mLYsE@1<H{%%J4iK-@l&sm+C)xf+HgqmQ0lutN
zS8>v>RAgMXhD?avrCgNTm<FuLd`(W_E)2=vxE*gHly(Ki&GQLnb_B=cgmQO0)$@u*
zj7>rlX(zGHfX?_9;T5+T3-G1_&J`?B`z({WF%$pPj0;fvTR>DO>J8$l*$YmxQNT?x
ztCQ1Y(?irPI|(CM*Oe}C!cRp>l7J|b`DW$|e(};vR`o3?y&XTpF_j^D$EH|U%{79G
z8CX`o7G=ERAPwlY)A5tOm~T7wB{$6Pzo_44IU~M>*ssl{M_o^etaLm=<hQ2dgxE`m
z<q`VxfwYU|`4>LQPngN6W9s^Z!0<<Dak5f8&18cao4RB{=-QnSd6}y&acXlvh401W
zZuZVSkyYHPq$2c2$oPerP|L0j&z>a@tA;3Bysc|==A1s$%v{=5rG(`}f>U6so;b^W
z*38^XgWSK4*kpZ-r}S!F*(clUt+JG;I>K#O$?O(pcdf#!{UY+2@Q3lrSqw1h+u2kq
zu|%h4WmoSv?YdZ}OKt7xLtsN3eg?g#RtW?RArJ&$j2r*}0B`}HDMUa200!Z?LVc^q
zTxDSjRk99tuWLtSanM23vCp>xHftHa-21d!tcre0T5WUVsJxv(4*8QmIusk5+X&D8
z`yy^v6a@ar5S>Q*p*rrj<(?Frl<WeAs?6N9t0rnLq^gv2_k*PLR+hTf4(K5e1YnFD
zArJ&$j2r*}7jOZeD?~T{01;F>Qhp5pIK?{8NeeGCGk(lWscO4HDOEFbrtLcn2r?j<
zL5eN0A(th8tX#5X3v5Q#k;GC5b!vI-k1#0L7{YWpMqLAkV%q?dqeWRBK$Kkjq%k%^
zAnE*9I!C#~L7vQ36b?uEGIM@3N|OXfa#c=cwcW;+M>zq0CiO#pW#3)yFX-JG-XSn8
zKgX$lL{^APC%HRgk?!~cc)FyUs~oW3a-+G5BKkAAbvKe+%OTA&njAl%Ilk3qQT%cY
z`>dLGWI*?vnhxjWxX>z3s2f=a4A;NY7>h7$m8ttV>)S_%^Y3^&C^S<)W+*tVjv1jw
zxS`T$@0$$18+seLGX7Uk(vY<N0TM~p#T5V=td=)^Yf}iwM9b-SO91#pxyqw|3Xa|d
z^=cChd~|tj8JZd)TG3b1=I~-9Tt|+C8#RO5&eh2$v6-iAT6}|KmQXD~v!XyKz0n{Y
zvhqK^C398O+|d8;QdF$AUYCO)!vDW>c0OTtPh5YlrrynzTQ@WSs0#@MJKLl)B?o7F
z-1G~yD!dH6i?UNSDb`PYJ*~7mRo512XNwLxCP5lrB*tF3q|@Tco4%AO!7ZLbNyvP)
zr4H+Sa8~&eM)iIx2>w3{LP`%_8k8Y#sbLb-#!sQsnk^`a(-^_qS|wYv5@h<8bA<t(
z&+>E#@Y<1}c+Pqd7N}Y%x+g$)`_76?{hXAY%C7o7(;^EqKx}(yO1!3t22t3OVE&p>
z4p=zb>s}oSy_@6~FsKlQxHCYxp>&2myJwdPn*Jf{up{+i2|nYyW6X;<AMMM%IJDk6
zAvP46u9lEEDR}8V{C!9FVGZ%;qwto;+#Rlz2gQu4KeB0`3BSwB%2o~Bo2lok(1Rs{
z2q91f3vQL(5i*2Q??U)(G=m{D@2;%kLxhAmfIof))$(^_tLg^zzD9wvZ3}^FdTavZ
zeiG<JZ?|`c?AG{a`bAIw3n%QVbwQGAT7@Q#{k+tctuWUEFIQ2o3U@FiMzTH9TYGl3
zo2J2TVrmlX2Rn9>{F)zc&f+Mo;S)DWrhgs^Xk`dwMmH>~Z1{PMq^QYjr$fLpI|Wk`
z_?)3knpHlz*oQb*_e!cr3%e<;n+!V{rN2-Ds)};}UPLvgn_`)GuOCNFyVxDj0u+^N
zdY(}n$&I4S#w3tQ%Dsjs(jL`w2XSiFt^J76aSFAYqL(-|cjk-0Z$e_lA&7xJ3?hg-
zZcZtd`}e1wG1@CS?TnyR`%2oeN4H~J-eC}DY<Rp8Y-BX=Qs4y5C_<%VXNFy7y=@)d
zO7(`VqC<q){$l7IR^@wX(%K_&deyw#_wzIuAYxjx9pk7~!o$~rYX#s@<ywXc!_%i*
zK4@v`Sg<0y0sDA?GTQD*0^~%3PhyT;g@j+l7-Bf&*JRH|sm_kn>0?E##QPT|FCk~Z
ze2SgiTU<*8pV(98UgiSqgQA2?vMA?-D#J}R1_O_tnO{yKfyhf0_&53=>w|eMn(+lR
zG(H-lP3|0djW1#Wczj5b=UH9xGKTOCspupS4ep9R@Z8>0;$05ZsCecEEZ9Eo&z1$|
z-mm08L@=heT!00=xaB%nIKZ{XFLm{i$rx-3FsVYJl67k1gGcD(-Ds}E(@DB`RIol`
z;%SAu>3z1|@C13d)g(_=BT#N-F0o!HHIQT@*zk?TJJ_k%--6A^qS{K5@9qc{5K~Aq
zA5MIB;FW>=aV%8T8X^YkjGK@liX|p3F$iqP6Og#8BK>YH{;yO99Rv_pCk4UX=DCGf
zhFw18+SY8hrps{2xp94Yawes2*J~m$-kz8m-X-gSP~Xtckc&V+Kw4Fs>s>(CCAv94
z@#6Sfwdr@9j7kStdgsk-*O)Gx9+P;EcYxRXiAx<5I%3GTTSC>4NzYE-;Z6gxjeKje
zf3SY46@P}Imu1=WQk<mqzO|*v8}!d;E;&>$n`I1XDdBIN6q3{Bb~YC%j%y`lRSfRN
zwx(3|gsk~aO=9{D<{DFi?l)G<4upslyJyt*<<V|^KhMiQC&d49IV-1G(app(rogrH
znVSWEZXiZ$iaXzWD$}D{Xd_0Ja~#4ii8|G_k)sdsJd>yw0R!7RKf?yurY|^^8W)%-
z!Z`SBF}bN@epc3y+bpP}pp3Vj1o`*?Bd^67UMF{C7|r3M-%4@Tovxr)sctnf#}A}t
z{hq9RzpljAg^aaKM*MtSF>@%pyh^UFoTtugx%=WjFE@dlkSV=Z16IH!5mw$7w6+-!
zV7QDW&1;}hEU^*igQFtMDf1u|MtbQ4K8b+NtC}f@H7wJ$BI*5dWlV~BMczCkRu#c5
z4KvmuJsEQoXS)+`MI=S6+{RmI+#fqNM<Z-+e+kIzF-ctfwuEZ8%jrFUlz<>R(&i_?
zZ`g?lh7a6JxuYQRh?~cxM$l|*u^m_Ej+jqXV2%XhezR-`7ukoZbZ5v+BCw`_pi7Ov
zei^EGLX8#0b5K)Tcb5Jk{*qwI;oLGk=*SCi+z@~r+XP-`hbUSlPop}&n4yJ92ctX2
z4xaZV%tpwmuLzjDx{fnHt4SW+$Wnn$d{qE}U5J~V>l%z?a@`O1*O6AL;dTw}-URKY
zd$r>GFOsylR@B<yOH~$}=`V|ts_NQo`a>@q?~*m1^XEb^fyeK+cJ)4$kddyCq-sNs
zO3Kf4`xzSfK;W1=crK?4k_OkU1WLI2{#jEMeNe#s>1-oZfXaAFTePmrM+cQB@l5wz
z7LXcFZ$-cfJ(Z&Ytj%)=+Ghu)htRx&7KH^xV;#9+-8^4u6&bHE3zY%-cc|=v7p_)|
zz;+1;7^wD~5z@WP>Nhgt;k)?ihHE6-V&eY?D>3Y26A!4MH)sW_H8CCrs!dYTHGq4e
zM8t3s1NT5GL%^Ea?hW}!XE108p`J0#de0+9o(10P9oDJGj2+x7Nx~YW3MPicLoX!)
z4gK~ZU@|I&evYhHEnCfH0tmgNQ}AQc`)fX&^mW3H2)9IFLX0liwIgR`01G{RAidR+
z_W&IbB3JU1k*i0Rr=8`@TuiE-1{)8}$q_bI^OS5m!qir@{2sU7yt1=6&ToFG62m@6
zmLzkTO682>8jnZIw$33zf9TW(YqjEuR+qXR&}1z^4D?6xI@}kT;f|jgA@u7p&DiP2
zxDI54>-$i<5Dg=&y9+d^7#&Hg$^w6hd54#*Rah1j3z5uBY3p+bvx2q1RF3MkII4E@
zE*V&<B#c=yjoeR-S%MmVnFNBsWcvmQAvKJL5_Bqn8AFubNclHvp)<3yP`8roV*k$z
zs&N9^t4GxLtMZ~3tp0ds(3Ff6M=5KGcr|U`D%d+<5c8J!yI4MW7iA-nZpv;MGNduj
zn_K?V2~?fPRE@Z~hoEcEiwivV=S4!G689=X`b)|A@WEZW_&+`}*>$__#@uM-UB;+}
zhOi;xtlwrlmRo;oFGtnMwmjS+tBobOtW*rFYllIJ;B}DA{E5CFP}EuT68A7iN83c}
z7|#vW({p1A-EmQO{`g3-%DgeLOY_`g%8o>RAp|}Cm44yu6a~nbcpY+)2~%KKPP#`v
z-#moqir<2eDiGc<Ee>aJ&N^cB5wc=kSE33vP7LKaynK(Cdysl^jO)|3aok6{op5j{
zD*}#9>JlhGIo%-Mf%T&T!o!!!K)6kw+`XE6ND#H+9--Aj&?3tnjH3k7UMA<Av1Uq&
zmPRAYhMO=$A@vGrfGX}Ji2c>1ZYH-#4I))o(3Clr(e|^14QK^VM(+V!Sj?wMDcw(&
z9zL6x0vl1s)a$T~)dFBTl4_gjDT;SdUE|FWRUP7Z!pFldfJ#4tJVpB%TgkV@EAZ}p
zkf($wJOd-1tIo0ifnMU54o)gH;BB5UC{Tl*K69v=*7<kjCF2Ohu%%p*9&R~wImT82
zyjh@GxFB2L%{+<vD2jg-1d*NUmS1w7`3#F^6pjcS*P<j|gn7CeE|Ol*Ju~?}@%Sg;
zSlTMuQLv(5axzt7soCI_BlKR(*p_{J6Zx?HW3?e2aod`fiIo7mDK_uf8Q<qqS1Ex|
z|7Fx~bJKd}TT{Xui7z<Uqyizi>xWiFrM{Gi>NIxe;H-iK1N0UL6TanCqr&?Spp&sV
zL+-$=BZrwG4w&Y}O1Tjv&8<j)LxbI=CuvcGB5UO6ADZ`fw_}s#>?bpk%nr<kOG^?d
z-)8;qVRZL%E3iYcPo2uv>V`-URaGN{YDxRL3iYEFFk4zpv$>!e?mii(`Qalle<mbb
zEH-@DMxd;cY?jxgDv$(H1>`{4m;bYZDr}8G1qvJ=`r6F8w2laVb%9w=5)PPCSru=A
ztI7iKFF$T71?O-M*@txFdZ+6kd^U!;!kCEFU1LsS-yz-vP&=it{6?r61v-@rY6oc}
z1ESw)j=XoSZ(t0N-7Wz!Eo#mLD3t1mK3Q3N02dCN<U&fii$6wj_Rd0ErZ*pxx}v^R
z=zs!BVu&s?aW~xYnKE!zXB`~Kz@0!~x_N1Fw>7F26Zv-RL6gR-cn`Kd#7faS<cvj|
z+m{W;Xkwhr<RGeI>tB1{(SBbS$Vk7YaCeVP?SV3;o2bQ&u^ab49`~m0B+!jZb5`kY
zDb5@BH_1K9Ba*Pc0h_Qs+M!Se?hedrbfu_XdO2G}JvEkQbMsJAGHYua`i%5iI_ZUM
z!!R=_7vtX6C8%p<8ZO7{5(6*blV=4GtrqD$H&Xk*EWehFIOOXnzPx3YY90R9j*|Jj
z;&f5?nG+S4R%pMhXhQNCN4D|}Dj{O{0>%(1?LfmHQb{Dt58L1z6J34vb>_AwD<!}y
zG?)p6--}oE7;`zPdzlA&y1-zApRS&Xz*)j8T^W`B&kdkt(kki}h&<c2L{04Y8UU^|
z92qjJ4azVfD|O?PeMZr$|3L%W9xl~)jgfvAd352pCWcrLyD5&)<R^z54O`!!(D6=@
zfDg6{c@fOw={=Z`7STekOKsRwuIyGVC1mU3=ynQAdF$3fB9<@jmw$C_Jv{kRZz8~g
zJE8HGk(nhJn~-3jg)!%NpU^~-HBJ5-lg;XWia3~dfmTJr6Mu)UJT8xRWopH#MAOt8
zGwf-1va1=j&)$X?x-%hSm@g$@n*|Uza{wkbjE}k3m>11y(DXYrBuqifMQQuK?*isw
zSWb2dHO!2U{J({NTUAvgO_t#%y39I?fSUQWa_y{nMsUb{QoKE;&@H)I-z4ztXOQCi
z>*>?FYF+uu!s)H&5-DhOXwR~(WuI|=)$@hK^a&9~&y+a{4;s@KfqQpL^Kz3~?tfb1
z^&9vW^eZ)DaT+U#__ClxX6hoJ&>}?cB*tC}Yc~smBoko>OG5pnSPKBrdAPn1VX}Z-
zQVim(=Y#}L-HA6?-UeDXKU7uZ@$PRS`;A;*?es1`YhgDpK-$~l_@}BV)92d}!Q&Db
z_$h0VfrEn?)_8Z<vzTu8<81C5KgWG60#Mx~Av!`C2oLwSRj2r+Nian)D<u1;-Nfyt
z7;m&HR!icsy*&(Ts5nwvTyj-v?fV26&hXbf$V`WDaq#!%CgB!n``4F3kKVNsSIW2t
z1F@9^{hra@xl@mVn=j=rQ(7k8V8l2%!kIjT4FL(~zqTrR*A1-W!%FpYp20$<0{)J!
zF%7Kb$TjC-W!L9|SPQ%nNrba;M(Va<If*6SGZ2R&z=cB~ja+zms`ll~$q|Ozo89FO
z`0(<a+ucI$$V+LKVn`ozpipp0I%-=D20pHF*9`d*Rfya};%1eoZSYx(11;Xs-HNvH
zX`u25n#(4I8ZKiG?{5)4XC>{;>H8^blwNRZqGDq(EO)K~WN!i*@IYY-DS^De4oO7Z
z$X-bn;~T1aSlz+Q?qr=Jb8s)DVu9UVR889n86~qV5XQ)j3611@^U4xfkd(nsVc+YO
z{zgR_lw35jx%D;?GmK=fw_|vI%qsl)L(X!G2ZDWFy}kbkpxB}(qkg)^NWR`|Wi6(P
zGb;6~sA5)6oG0-YK<H2Rwpp5-G0hLrxZvTq@TRsUJkc^4$Y=yURfCtJXz{L012b<$
z1@yo54La1JWlOqbFC$t+X>gZ&bP0jxLkP#D*M@XgCkq^e&=Q=5IYQP&%!Z^&&05*`
zRJ7&F3N1n+V1?)mNFok9W2%ekT&WN5<$hL((X?!C0^?Yh-IxYcW=fTUcByV2NS}jf
zW9p2PN1g8u))uQ|v3fb1{0E$K<pW#)<lj~^t_+RkCnkD6#&zxy)MI|-8jluic9k1X
zd>+WZO_3WWV94A9)cIndI3yqgg#wZsb;<N4AalXmk^mfQ_0QdG|8E(vX70%XbxUn{
z$cuK_X_0MS!&xGPO<AZA1n`L1O{0$z)G4RPSEU8siZNZzMqrF^{~lw6d9qEJ3K<aW
zKEiW+L@U59z@R;RAo$&@uH^g2+`kOZrY=cr;0g2{iz;@giyqwwQplXDPT^2uL=3)m
z^q7<&WbZSj*UWuBztY@QLLXnCH(kjR3@B2_c}$ilV`W$?@WM6x#Cd&<anXSHC<^(B
zSO=it>NQN5<$yk0sQ&>oP%k?Bk);eA)2&DoW1UD64@lfejQvWmeb;Qs_B0o)Gi-0k
z93JprLUrBlF&jt)=^zM*hmvo?O|a3!OmU6H_{MclvjAfNon|K+lxn2%A5h&fr3{Pm
zD%z%&rK=S6NBks~vjEA9Xi9HXm}O@5Q)aubki$(j_GtBP6(MxsfM?+aRAnx=sW8K~
zT}x=ja9|1`;G$?c>PZboe>Nv~Ga^$kVRo-j!{eZ-I|38g9AF=#rw7*t<WC$TSxGid
zUh4hE_n9!U-K8t9D8Zd5p(!sF4xKC42x9Rhu}M~_%L>pPRrUYv41gM0I5QKJcDgcn
z4C9%LMw1!c*_egEZP~4Fe)}~GNJ#8P$_6A`)r7Bf-#O2Ou>6EgGFgDu`{S@K|8c?C
zNU9sTC#^b}r?V%;1US%;`afgfhS8VjHL^3(uLC&1m5zw}n%))a6IY_#x!|T;4p%@E
z)Hj=wbN+!e*f;mTInA;K*i#4Rd!;!pu8|1!NdEVH9-yL3h>*`_!g{<d1<z6%v4WIJ
zreG>0yO)(_`RqwrvKf!Qh^8K*$B0qCK(<X%b-%OXtl0Am1l3+U>JWR56Wa1vtbhZ@
zZPZ16`%;W`4LMKYiBir%q7kS`XxGDlGIo@4A05PtzzZSRHG-j<O>Qcey^Ga7q$^XC
z5=}ye2Z1u#vHXZbeQLU0=Y8sn;80F6`166=2fgBO#te&?@vEID@>jB`xun;StG`=m
z^EVbUv)bbW4Y&2Srh?OaAPHpdc$~5}%&Xg59*=%1oKOX0NbLuYZX!gy8eGdAR%cct
z*8J#Yg}qz&!Ug*IWNJSES^mU^8*HVxLV0xe5TFJ(c3Z**88bnkvifP8S&UkQcNX{k
zEXUiBSQ*P_OA>;EfXh#mUxZk{pJ4_PR;A-u50SwHnd5iR&@f%q{80?A^YfJ9Q+#t&
zr+wQL%YJ!;@9Lzy4CsJJE{H@~sz8|1l*P_2xp#5TAbopvr2GBHPoufSsdssP!#Qm!
zGaNVdl>pYg<kKuYyD5a9MI6!syzpX8pQ65GLCuWUIK#fY_Arx3F-D619`faT*Jo!@
zlwOY1BO$s3OjTw3tTkb%D)A^Lv6u;Y-trlbL9d-WgydbnN`j*|h-gQGn9NM%n}v^K
zcu9}`&0Zbw(8NhxZo5)@22ZJp6z12D10g1s6zt++bhhjn`Y*W+^<zmOi~O5HWwi*&
zlCz=&Kl{F@Za8y)R1c5W+nD+i%Y(LY5wjPMut-&F_@%^xSdjeZI}36{|3x{xFVN9I
zUji&(Cyi(FLh4dR0ke3Y17m*R)i~^pDyqFlosk{SMvz9bfJU2=Z}esS-Wk!M5%OyQ
zX;!hqFqJGa{cyxCh%EZj_|;ZMOY$)c1RZYpGvFZ*1YnFD002F0L7Ol%Ohdo^wJLxO
z_s7pqs`A$Ok@pT;9}Wpg?$GZFt|leI>rN^Sr|f|MZ#aptz3wa=u^A8qn(JN0PiqBW
z`H@{@F7pc>Gc!)FxCLUG4nk2%qxrMJFcTMsj?}86^!VpT#me=`w`v)aHZ+*h{+lJ}
z@rv}WfK7v0&B}fHTyAtn5b?u`gj9?awM_FE!$BX*hAk(WXohoddK8)HYTI@9sM+N^
z_%!QvHSzRoSt?EpM{c96?+RXto*6;O-YEmaH<*r&U`)5evQ_p7Ea&+D56RvR3%0cZ
zmPjO%-%ek4tFve^r+FkUt<zZt0NH8T5;rRLaX8)^nlZw&m;)@>LB(n1QQ#M{Wq<NT
zt4xSC1XYW~6sNl)89Vwwz54(o4au-hGoP1k_D)}Vfd{N1+h<;NZyY6gF;7m05$^>b
zX4Bm4t>4_~Yve>rVt3w(b_iOc<z3GlQJdS<s+bZKpU85lT<an-i9tD?vAVRAddw(P
zp-bXi;rN!)nb8NLfdjuGSt2U+n(6@W^D@KL-$Pahri7-DPG8-f)2f@szd(^P<vJ;8
z*d-4_VH|w7LO3l)z3!_{uhAl{J?@RV+u1`!O=&1{|J?Nt=(as6Shg8HFfZ(4w;Ntq
zj4vjvuRQ&|NuDgdiJLYQj<JbEH7<n!n%4A((z;>2G~U%S+GayjfBW%g8TDAu{=|w*
zLmOhc2m;!tyoz#Z&$cAK*7!v91s&x+{8TFj$lw(zM~WoHPrbn2JY+~<%~D7<f4fEG
z7YyHt<D2q<0yqa~8?dgsZKAM>2GRw%TpnHlkAt<7w6T%uI?U5Kd`=!ih1>f1aK7rS
z!@coS{T(O1cD9RgeG%|^dbz!v^Gc5EH{1xIr^&h*vwE<+*AYb!T4X%20b|(!roojS
zD~-Vv3`hFKYe$vJ3c?k*pM+9QWia1hf-Xp&Zbn$63UrpGEb=$eCpc47$TX#Prexc4
zr*c?j$xxyNF~Hm3Vrl>6D%+9KFm{yKYL)ukP6&PUZXAN$BvW=V5Q}igPffN7b7rp$
zFHLt_djDoH+k&CxailZ3tHOtdO$i!E-bC225y3#D<;Ig;874Ngrg}(Du03l&Xq8z=
zr9`Z`A8)u>*n5Xzn|zQCVuCF%e$3GTqlE4ul2?k%;^+Tc#t0)vn1<rpm#9l?x_NC7
zb`z-BiS4f!9_2Nw=v(x>S9a0;r7LU%FeTA(G*Mjeb4#e_?zcS8!3YN%MZQGK>bQ1@
zvY}Uw(G=1N_7GBLx;WV@EeOt9H9PE_Ajwh8Q-{gPTKWE?Z7x-+KFwO3l&(5`RkiuG
zqo4~mx!7%vga}4l@t@j71|PDcPvOa$Kfl|ele_a4Rmc^O2ARY5jt^|0ARc&4Iw!kB
z5FDFdW{wm*r!Gzq)i$t`$+Ws0|3tQg5%F>QoMBoqYjamE#xws<5lXVIb;uwQJDp5F
zErO&Oz86id5=uoAJZM(_ozG9EZdy;&BS{Uz#d}qoHV{_E6`7J$2S9l+F#4rC#(KL1
zZp%8jGKp64DL5`@evnOQ7IlUuEPYF}r;s;$?c}O81q*!&86)lfkD4R>EC5fPjPkn1
z%|j41l7>!e0`5O}1~t}oAqbRM1Sy(33(1V!pIkVPqD4tFTF0b|_^yK6qBkg#>DJQt
zg}TBxYcK{0GG%-dHi`a>bWyND0P|!b34c{f`2X7I${spy%JX90vj{rA!K{Mze;XzX
zt_|5E#d20-i2YOl+Ar#=`hqq53y;z;f@`m~6l8}VP7-341Hwv8-(#$~Ac4$jSMXaV
z*p=`NU;;>osA-f<vNMSY{;E<4dr@5jq7K4qQpl_~?Y<<_iRqT>MJc>g#4fhWJoA0e
z$cnLKp3nYKD|a2?D9s6m0OZ*+^@w33jTFAxYPc`vc>en~MG<r8&s-#)nMbFu<t}0P
z^}7lpxK@>6VuAi^-Fx+{Ddvd!{v_QrgyhFg#?U!uJD$?utM%*OT-<Ok(iGL1I1IKz
zEh+?-KL40sAeuTwXZ8ciIO-I3u~8+ggUdyKU^k<9j<bpgukfr<)4=4@{D*{=>aLKI
zn6HKk8TC=!^cg65EA@(<IHP<oq+2PPi3CaMf`lu#wEnTpCmtRK5C^Pd$=hX?LEmhP
z5s$)Zj{4kf<WhM+Wc;UK9Zr?AH?IpG6kA0JGAjxKm0a8w+p1@vJax@(g$AG-5x#iD
zcmB<g`+xCd{wApJ5qrX|@hO+|mjo<a$(Q|%owuU$d>OYsy+67Ot(<)9LVUSm9MgSq
z|J1&|tK?36A+wht;d#P-D-UiVpThinyIt6KO2oeNZukhAb&re~Udr2)eCra-h&uHr
zpQ*_5^5~(mO(ISu`<V+cBBp65G!)e}(!3_1)g7bo9S1**tB%&^*dIf!hkjCsku7WZ
z<V0n{sqj>kuD}uPwYud9q?ZP^^Qv9Ed;;OX#gE0e?)<shRk9->MI<?l{?r!<qHn0c
zroeCF!2m+?0rYeIq>7R${Rng9zInSjXS@8TkN5%8=oApl0uR@qrMrS`QUBQtE<@6E
zormWs2sBXn&TcldUXTv#WpP7B*8G4m9r%Hc1-`CS``+(&`O)2ZDtVM^7vXT^s9aT+
zWe?`@dsLcN>EiM-s${lvCEHOovk<cmbWFuLkGkL6;LeEB-*+)uMK^Gi{7e>S{V^=@
zkV`3H$YB`QSbx+fvBLMNybIt-BpMiPMN^URf|5AYV|@Pp$lzs^E>M6=gadSy++uo8
za6CCO85fZ+&`4M5*bpOkGVB3i!Y@?RIg=IY_&dU-5x<s#6|b{7<sIs`7r++hl@37t
z2;9E?vz&GGCwLB(k>`qW@v^j%rOrGU-AMPMp%Vv;*DJTh9pUDqr+jPw2))MmAeoe8
zLi&;$#dSFrT2_EkuQD5X6kgbFwedAspaV+ztG4)>#&UwEqkxtA8fkB(xrE){TW7`k
z^zTc%XOC{WN=x0}=;gKMH&Dcc_>87v1QYTXSqZw^z}qM{9>0(8-maBWTfaw7y$N@4
zabOglKfWKnbL*-7i^h+1zS0LyiE)o$+hjZ1ccj8vjgC0`bEvy~4Q9h{(KZJ~Ib3me
zO6>QDn8sGcNY%2tD%IK5hBWVAu4J$kA_j4H`m!VQRcE|+fJU(ETnSX2cL9J`@0kzp
z<mXELB(gd-UH*4p_UdLc70t@RsQ!NF(V{+%TWK0x6iSW1lMLuv-_>tRY{{nO=itzv
z``Ppsg<RL{;zvEWv>vCITT73%?}^yN9ukY8eJ}2_N8s~Tz>?f~ac(E~V1lf6MmF31
zfqDV_-jz;3LZNR0nW4d3nCe$j(D4>wBWE?q`AR4{>=DA#_KLz~VCCUuS-Pe9QlQ4$
zEd_qR+<Xt7NJeDV<c5r~w75GFBMRXbaO$y1+9#;L=QrVjzxMwE@1C#aVplr|o_#J-
zgRrtmQ-W~>40hjf#S?4Km<@Tx?zdeAc;7_S=7VC>c`Y|}dRW;(NMFh>g-T?6_51XT
z3MBu)dA-(Y0RPXG?34vJ?5mJDJLk$yDj~HBEo1`=ulb~2Q26FL3ftM_wGHN1amz3+
zeK}n5UdVDYK7RFkU4dfh&`M?J?&)NQ;LD6_DvT2EqIlO-j5&FoPJfXIKfG2Ca7>Qo
zytA;tF7IW1@el+*OF`&;BL!J!J}o{Mhue-|XnJMOga9p_jrxnPaLwRm)`G~Y`Gks7
z6zy9ijMD07=W8ytYQCzX)GHyapCAB-q}AY~Wh@_jj$lzsM^y0OYQm{uI<YhHso*)v
zM|tv@gGakbw8prX12zI2{AFFTldR^rJ{pQCQz*$9!8^;>Qt3{BBwH1{q3+7Fk8_6X
zf@6dPOw#=o*ml8t4e~JkuJ@Q^BP?BvhMjr6CoY-9c;H<7u(LFE@@A$tyk4aI7`0#B
zIv~1zowZq1#foW?f-F9PX_G5nZOE$zo+d$140yB&c9>tA+1G@eFBl!GdS)dnQCxnr
zs|>&%spD)VSXmzFMIyNTQ~aaFv2mia0_U>RnP}HmY+_E5%7WV@08Z3p`CwS}_QX34
z@bYws=wgdA%caloSXYz0%XiD|$v6u+ho*tM##p~ZwO(Qot|xifJM_n?laIo9-?!{7
zguwW-s8k9%*i$q#Aw8gsYZgC)@^w%ET+5L^T!&e`{MamehHP^~uppD7Bwj@w)T#xg
z>Td5cu}Vc@!>fsJtFqz2FkT0?e>Bg~3k;swARLBr0C)S+fLk)f(CThFBmB>5A`Y?0
z9qo=ll-OZSwj5X)17p41Tt_I;0J=>?0fzAP#i`@JEW$Et8;#HdE{9UV)ee<b)dGPv
zzz(Zd{PWnCL!B<?W~h5pa0gXYidu?yr)E-42n?``&aLQvrz6f7P1o{`pP!UuM%omX
z0_d>*b6S()meAX&xgSRSntrQZTsL~ebs`PCHN&Tm*IhuuC?qSm<LM%1TImZCE4Bm*
zTx~W|R2P4<V-dF5$Qe&G@BhaXPi&;!R@szaYyN^uD^XIzn>Xe49s@>^?;7mzcTF=|
z;AzOi#PZsXK@8nE2)clk6AsftbKwTgm%0`+eQ+J<Rpmz(cq1`PgVmr1xOJc6!_63^
zV=n3?V{P(Scj2~CPo;spzqiVRG})t7M=VwrKL2cGgfy!>P9ga8N9$0gqp6IzN!r_?
zJb06~Vy!DP*-=xE4M&KSXiX#Qd%T&*S*(#6iQk`HenKmv2+)akUys|8_tFmWL!%4E
zkfY)yj0u#wlP{XxS+u0T!9B|*#RxbiV3ruzug;klm8%zMRs3faYtZ_7=%13hG1KP$
zG>ykh?QLwjo~JPZ6;~dWNr>MvpggOzW$se}q7DRT5!TP@tz9nrRW?Ra0ANSOIz_I0
z@t}|oe2YfAoX-5S(|hnoX*W7BITsWmkZ{R~lcTE9h+zioxc&>#UgGtwQEf9z3%jj)
zq1NuUuw-mfP(MMchfTbK+Ixd%OMwVu)O$|=3e-xNDxj^x!z?_J(}_|Cc-b(n7ZO*E
zlGBX4*i=OmfFaA3wkjp+Q?Z-@N!{Dc#kWfUK26oKQ3Z%95Gi3v*3rn|4j=cS`SLVD
z(i}6z!IdaAWq7>FngegJjAV7nI+I*QY9il0l%AH4(d|wiVB>H1U$|XJb84@NW3o0d
zqum_l@$su5wHfGe=C&u)EkLUT?^rJ}vJhgvNJL|xBXE@~USA&R9i2?D+o<7{nA0dw
zO>})C0wSnJR3%beu;YTtJT;&ZG$hdOk_bGqK7)VyZ@%_uD|UfTn$GmnkI&(@a^xHN
zlr~OBE%6Y@=*Yeucv(!9r>O4U;I$8M|IgiQ^t*uuOYIxl%<ZnfprYGko_G7!Oz3Tz
zpwPFBzLCOg0>n>5C{mWW4LOv)j@c{F{0to@w3x3)*5;E+FX$-gD$d?bQp6;SSWA)a
z0Em_(EJPuK>XlybU*s9kQD^36A)qDN%>dOz<C(upyDd2cnU%b`k!nax7)z^cYQ(Gl
zC!rmJk#@WI`XK#G1mvw0m$1n91A1G{TQQd|F_}>6n<0vrEyB9mCw`W1Il~rBV;P77
z#`U}R3p!<6Y&g*;xNh~~d{hTclXoD3uHfZMFN?c1M0A@!7XsqwD2S`*ys7|UfEckt
zv|Lz82O*-W?@78_T(mC~OGx|6SA|oEbm(umowpHGbDb+eZEygOgiKHf7*`NX0Yt++
zzE$wWS^)r?cD772th(N*FUZW}#tT}mfZuoDk;C}am~Fw4(zS6yuQ8Fa#QI}0wS0++
zm8giL-@PkA;+}^(V%8{2mj9U5DCDh%NN}nG$h82jG+ZK-5Dv*c-J8!{dWhx*@0Rbm
zpR~@EZjUkfSo(gQxYE%nYue;s224?)vB#f~1cPp9ocK_30$@*6#?gZuZA15(;nBZr
zbu>wIYr36Em3{Yy#WR}<meUpho3xEWSeNwqUl;%X_^N(SYLBDEF}*?#9gbkom{QW5
z0b@gdgooA-{*<j#cOIAjXOhxBR;Ps>n{!6r_O(b8?Mcxr`$M?5Y^Db@%=9&Rp7yTa
z(P^fUMklsp<f?7<di_MxeNQ;GN->h5Z}Qd?f&B^z?zR(E+?zA(rw!eVr3Sp#x%tE=
z0>3?7Ws))V5j-#kHTq!h?JL<Hm)DCK_&5jez;(V0Rzxlde?;1fT&r+N1r|zw?)YM(
zmy&oSHG*jJ+?fCoH#^on?y0R*LC8x?7_A=|^!LC#4iSZYPtr;2Z1x%zn9{O)i4Z%m
z^?())*KL6B7rj@y1$_95eO4SRzp^o#&zK&uFj)*|tQTQ|v4hLEu<9!vecW}gCb^Ui
z0+9S`XG~Wm2B|9X<2^cWOqo}iC>Xpbf7g)!I4efaQc=et{x>9_3sT$144D!iCo+je
zmcQsl8(GT#J0Rezae!-z_8x>0QWe5CKKUA*7@Okj^nhS}3*wQlK*Drl37r-e)SbP6
zs%%+41;R@%k%*M&J%)agqr|gM99*-D<k>cvyeIq6OvrzW9h1ww8L_gSxgj7Pmkr*z
znoH45=YE08K1DW*7=2;QmJDV@%gh+XP8a~~`bR@yz3qBkPcaeeQ9e=#<&A}Y_Y~C}
zQmX>F_>G-e)2MQCEUu<F4_NCleySx}@^zI>s{Q3f-0Y$1FfjJlbGA90SxsWZfVhSi
z>`2ibNm_CSJp;f|!XA4UR+L)CVkRt{!C=v8m7#+xvuJ?Rpl)1!r~lHAj@(wG)K5JK
ztLz_Z6f9U)9S@eTod0F{*eM_@)VtdekLdwHr1X2T+D`s<+fMso?0kPF5*rnZoZcxP
zFXe>Zuzg_3EWKRgFHR!M7*Wx6Zi5&I!Q8ZOo^sFQ86NlF(ITXOcbeI57XWNsiL_{*
zeazGJb6d^9$j@G3?$(u8fc`JEFqeu76<+A-bYvl=nYsgRv+&1zSR*%w+Y|$6#kzND
zgc9OOslf4lTro)$4Bi~YIreRgNsN(FruZ-K+)`XbUXNhz^DaV3ri|y>PzNrDefzw;
z`+En>lVzBhUpxGtk06T^@t^EO!p0><7ir{H(9rLmJ&vJaqGk*9k7^)5u;sF$rRhd1
zmj+Wg;2v`_ZJuTuL3}jJ#z7k!1mPR67R?;o1{OITq_x7B3?W>imDD^Zr>iKeuIGw7
zO=_FIY3WTl8a!Oz=_f*j<|dPC;&R6cyW(5w%v6#OSm}{DhrNp`92txg*ogyy4Oll9
zL0OWM0Y-HbUuO(ML=Qr^uoN?p(O&{&=Wsa>uT&a9<<DDzXv?zU51^n$F7K~xtwz^%
zqdEL$p}=6Ft&Y|SwaS7&C8)3-OnNz-<A`Vr_BTAPgEy*(HqS9s1Zo!nF`^_3)uHQa
zzNq0;;&FASEM>?f)of=(Y~>EpZt}E3w8@&EQ$IY<T>(kDCuKuDS;Y3~)$8Xo{60MB
zSzQ!V^sps~84V@0U9B>)Sm%xXpRCVq1#+{Ji{)w4&C*krBnt`qDzyq;gOb$=#<j|-
zejRG@<M?A?1|HVvbwGEFhB*v!nz7J>u<p*877vu3PbYPy#nMwpZ#En(v?7uvDV>Zx
zTROAOi-;Q|{MUV5YXT&No*3bs<jY{p<-DdQ3e8(kM5EYhf;F@%7$eT;@WVCi^h0Mk
zPjSc9j}}#rvllr&kB6~H=HHPnNLu_$_K!berxZP6E^HRRIJY_+zJh*W2(s#q%OMV_
zj!wA-3C>YeuZewZ&d@3Fg2L84vXvOVV&kpm(H0%+rh}SId#H~DpiBo6cQA<;3PdD#
zfjsufZ}RJo#^n%JmCNdV^V|tKHgc_#zNynB@G92;X!Re&;4q)=^>8rc6R#eB+t!cG
zNW%Y)9Z#a<Ym@-r{W{n&<rW@`x&i-Qv&?f{kiF%~fxLnEeG{RZPb}nD-^a=@cN~O!
zMCfwhlW?%z55^2G;U=xa3|9)l5efgG<<8rKvRLIQv|C~DV#un~AI4TzL816F|F)q2
z@TZCeF6}mYebbw@VO@)Q#1UW}wFhS_4VKG|8$6<O=YNWsK;G?Tt2odfcQ<`M0p#et
z?bUohG*Qn5=6FgkcWIobaGK(=7u$As1+4Lk@g%{k3b$L<6|N_e!3yIwV+J!?_^d0x
zMd@ni7~EUiBDn7YVaqvU+!PtjhmP#a0SB~s$LvKrg@xy(7S+f+V8&ta@S)!ZYt|_P
zZ_YNuj&_FDH}Z6n0$$hLw^sx8TzJ2R93E4%yZU}uqeDB}AO^sFr{aDSdK!Bh#*+Lh
z#3$;a?5r|XR@*{_K0|b821u(Y>ZjtEJwRgQg<R_EV;~ratE)O5Ag;3z<nQhPucGUN
z(Fp(x%1_I{Rg@BhfIC0APu(Ek-q&8bYFE^XRuWA?P~W-rh1d4n0>{V%*#GpVF37!?
z1z4m+rpJ9!cpX2dW!l~j6zQ-R!d}9sZjJ&p+=yubB+BFl9y5GP6aYv3!muh`9MJ%=
zzHqDpqTDX2JZP4tP6NVlS54)wA|UlI!jb1wf>m!AcJapw&tsRLiNj~CxO&t%Q~Bg_
zuA(3E%n_Es((*H<%*YQmzV2&fbHZHAY7ctZvunf?KoZo;(r)&ol=to}d`~Qfq}!n#
z@E@%FoWoO6pHNFcJ+lpoaTpS(;Mf#1&W8jQs7^<%UUKwq-2=!LBjJ7e(fU&kWOS0p
z)wafc9rBOyf%D-R5$vR3n_AK`TaUv_{Pt0rKg(hJuz|PzOnh{d{=u-rFLRRm)#O$h
zAg;^KDM@AU54Wli@18He4d<5qtVK6l(P%$ADoh(aaF#<3XfnKK&s^wSCL3mlk!4wW
zRFnvs1EdB+u7C?A^)GB0Jgj+XZ5<<nJP??l$6R5MQq5a&Q%Tdi_et((HagnUa(jtO
zLzeF*o`G_&Sy-FIuLJ`9acS;vTR?GmLO_}Hz#4`yE{g$`y1GZV2_>42I1cu40g>~>
z>zv=U#uTV;9rdnQ`9r0=iTwO7!)V3itx3AmOfAfPXuYhXt9Ty#0*U%pXexFGDkv1C
z6qD`WDT&=4N%b4ctPfM!rJ6ps6Xq>(NZhYhMW#v0<<N7kN?Ok^Pl5tWWoVs)7Qpf7
zV$u%1%Q&U7Io<vlCGKyQB+=VpxSbK@bZCA3!*R)~brh+waky?g<Bev3jwJP;&5qiZ
z<eJCcV0)Hu4Bkt7z>el}0iq5Q435ll)>0upjkEz{>1X6n$_IvK4rft4$T+75vskh|
z9tKu4?Mk&EV^QsUa|&V2TUpQ*$mW`j+|h`vafsm*>o|RDoq?!yaC!hqjoZ&_2;wn5
zDt=tWZ);>YKvn0p8g^3C&e)Dq?^@w|wJz+e3_z2=@~35(xXaC;6-*33;}omr=DHiO
zq%EN$<6vrG0`T#9_L~Tn?#)@K;Xk3TVJlOzWcK6llx>$bPoCG{e+50VbU~~)g>uIk
zID#}Cv!Vx`>h%J~Bl#id>N<RgVNl+Q?NNI5Lf;msj}rByv<bFPPa)!{AJCQUKS9Mk
zsisst*>AbWZ|Cnw)&`pBWQMV00z@jc>w>R|@3)ZdsmYaKVDqm35ywjhtT)(KUQjBQ
z35W-5oYNu`l5xYNdGV;~fyk{VZIA(SsrWeN3h};;x-z-ye|(o})?8zzzbHmow^=RZ
zvg~AF|HNDY31pY+cx=B(E(n)|;R`X(`a&Eg4E$7&>9cEt;O{wuGC$Jhydi3oKZmWT
zCisE8<61|sl;J;Ph@FI&!hY1kx&W-sDvJ3x0$*AV^XOY5U;+DgRKceuVW~nZ2jK5{
zp?^FfL66HdX?O*EvYMU@DIBM482yL}nq(P<8B%l4Wds`+$0h411+}9zFW{nb9!b7h
zeN+AGp_b4{^dQcp0V~3l6IXF0@CIQKA6r<0Jqo`=Z6<}p*;*_zp^Ji31E5lxMEs0^
zmWWmTf$43*{txs^@S9i-a>Xe|2ID^<hu|!$&{v8k!qjnei!S**87;Q_p;s=|;e8tM
zOTNuc<`vEj_^k!)*2bxG{=UK@%Ki?>zpi3}e+ibW^BoY|Ziosim^}G!GWDRe<i@ni
z1newD9^3y+k${q|)#Be%NG9DXewhq?=twW;ZCD@#lF)B{5;v0wHS%Ii04Ok3I<Ta@
z+n}n$I^(X^&DADYl&pSz1~-GYZ>p4~eqz!)V5c3O!I+nD4eA>4Uz<UHV+-cX^NV$0
zdTPCVukMxW%k@<re_?WwCKw7?@|(V4d-R$Z%klxnE{aaewhZ?xd^!Fh7H}>C4p;p&
z)>xk`2l)(iAlrPcwKpw%v&k1yX7Bos0o=ZRo|eG)5o!Q)p>$E>fuH|~ckcHd`Ipnx
zWr}-y+&K$8RTA68B&A+59O}s%yI80-UunAw=@gV*USQUDYshlQAbE~DJ}1A23Bn@=
zW*!;7?L(8HZ8Y{E)OwMsxcK+?6vd~Jkhk-QEV{>Y=K43Tw2JB%I$v+XP64cszHXgL
z%76=Wr^7x}Y7Ja^yeM?7&EhYiDy(e`t&l#`&#|4vkkF!N|C=H=)ZS}!NdYL%cQ;Mb
zl+yr8K()UVs&ulVp0CUfF?EATl|hKTwAg>VRB4iJq;<gKWPeDK_-~E3lvTV!b5q(B
z7V`FUEi<tOhA-mYR!tl45sd_(qD3gaun$y(lR#n5f!MT^{xL)~3L16wj^yMSu{bAI
z%h0+(92Qg%6*sQaQhokYZTF<lc2!#ZCPq5*q16ZmHT}zcLKlNom{8}?62}{k8g9Rx
zUJa6t^rGXMJ|aM5u`w=a{46i!Mu{hfdiAj{?YN*$9H>fS-07W6PuZ)8eY{p)gAGW4
zqV^d%t4f$4QMI^0AYMeP+y-U`8nh+byMy;mKJim#k=MQ@h;J<+&vp^IXFyNkSyNrL
zH=2f8(RH*?utQ#x#kuepEE3EJBv1xvtSW<r+n}lMcxM6)NPOMoy<R+h(ygod@#A?i
zNn7q|d$%ZZWMZ>c^y#f@peCT(z;rD~mG{>7RdCe@2Zjv0G)qyQvI34D(^v)=o-`f7
zNhOJcU=1JBKIC;?_p&8aoK}x2;8z^@r*$;D-puMzpY){&Pm-qQ9t2d<H2mT-`LL{O
zjc<X87pbVF<%w61v}5EZNdnnxGzE?X7%%q<uRJ_fBXw>$MwBMtRHbrmx%9Ad`N~q~
z4WgYiK>R5v`SnZB4;Lx@!{mBVJ5=HWna>frH;vZAlNiG%mgP7Y2HAJb+eMEUEJxmA
zHm!F>wwZV5S(K@pw;SdE5RONr6ZvyB_%FFwr-gCgk*<^@mXv6KVy#>?#93sF!R~JP
zO#Ih{CRr4vmP1T$kjOfzsOetE4VD*KYlaTY@I$iCr_{scbu$(+ZVy9urBo_ixK*O%
zuE_VUB*g1f3*egQ46>fginz#8-8|acc&|B0M1<5^+gyu`bPd}oErlP#N44KuX$m$h
zAFc@&<sD|ZaLuUMYw^q-kynPpfzvwT%gGh0hLGlTWTF_9mnwHtMk|DfT<2>hqUsWG
z0!|h2b~eZQI=&?RUThD>GJCxFT?$5J0tHH3iTOD`RE~e>WN)9FGW>Zl6WiX%1K|A?
zlGb{LHw8S~odI@Ap{l|;+$=2ZQlP^hh=iC%zCs1dMG$M53^Ike3~B~v9e<YHd<}X5
zAHxLyF_(Ys)6{wWD>Hv02+%3MOyIhe$UiuRT7G3Vuj6^)r@<7^B%INM27=R(Ipm?p
zy=Sb7D<9~%FB^ju{JO8!e=`bPJ+}njSqE7TGVw2lBh;`7UMymManya~N(WI{@;&+u
zNv-PL8|DbB_ww(+zVq`S$t>GNFR3;X7M&VfKC-B{X-iC37tpOE2bHDM5<V0y?k%Js
zD4oDGc<wKC4z=IdW=zaPBm<s+i9{(N$7#CWsA7gwwJtNQ3^3Z$Q0PockSJXLFBb!y
z4xcejt9nmP@`dw45zhDCf#x=TeDTenD;LwrJheA)FdcG=-tA<|aS{n)5hRW*;6=Vi
zGMAuX6V;%a@ji#DaoA&T@7xV<V_K%$x}WkE@%H*1wY`t-o!x}~Ly2hMGe|ZbYrB{G
z=0|Y$#}qT82{x6k)KQ(c)%1l)uhrQtvI}8@+)U8MJhSyQv*e?JJ4MVQG>H?UsBlmo
zN}{2%$DD!9(NByxCKBXn-nfQl_v@~2HYv+iRiMK1(;Ua(R|vgyM~Jc4F;G?wO%H(g
zv2#pDD1dAsTJF;=h3|mz4z#%UBo~1eoQB0nd$SLkaR0q`xx~L#KaNHtyXGuI9N(<M
zBVx06${wHp{+2HHz!yAZ--HYt%cvuT8{D4Wr;1s=<YF{|Bp_{^F5)RBuD6x4<mDY0
z8s0UXm_t52D1l;tRxMuft}H%r-Iq=7+LZ;bRM4B{RJb_Ih}_0=^m%S<h6^Ku4%}cZ
zU&ePG0uKSl`bk=lRH|ymL@iQXAD=DsDDdCB7Gv!;)Cy9Wg=1%5K4Y)+Z4%?I*es|T
z7u^>+!@<oyM~az<uRN!`<3>(P8=SM1s4Am)2QMQ<!~z#>y1jH~${+;!iIW+vS`+sg
z`Vh^Xme$QQbs_#_M??z3OcnCOq0zu^u!kjZ{8G^NBE>@@)_Hv<0F%f-;U`=ZNH?!J
z^*3l&Ij~qjK?F#IYT7C&9{t=BZ0Ua&@tADxNDrYt&``4$5%=Jb$T-y^${mj2T@aCQ
zb#-Dd^uB}DFkOFS`7(=zJ;aO^D>?QAu_Qh}D@CSZaZ=zQ3>S{0Axpf{V!?;Fb<8ux
zd>rdki!v$w8~n}Egj)!M-B|zS_InQts%Gi@Orv-W^f&bhrKYTOy^t7Or{uLXMmdJU
z%bWJVZc)MNjt?e0G!=)a;RRh9@fgX|1IN;J5Z6Oji4*hqHLFUB3byK>T)4||4rKVC
zv`-+iDwQsW;!-r;Q1l!ip9du!k}!O%Jb#72f+$VHE#`9ijR*4)3<hhh{gb2Xgk)rH
zplgU*7A$W9OK)?F%hJ968dK3dEyBTM7PY7{Bg|Hp1j?&ulTYczwX879UA$@0Z8K`S
z)&MKbRWe;dBm%BJW|$07{XtO&>kib#ViS#lFTL2QlWzRU1UXdVpE370R)OU@HL!iy
z1aR8)EeyB;LV2+S24zC~*l%4GjehkNxmC^~3<t7!w<jNHQ~Wj<61(XhKdj40EWNiK
zu`BM#EmVFByv1{CqXf{H2p9g;4ezMD$0{QnM2-+#eY!?ZhM><ryy*%ojIrD^4IY{&
zoTvvF)hH_Flza+Lp7^MV-F2Z4``Z_>nLSMr9^la!$a%F8y$u8yC~@@ECjIq$;gyRx
zbMChtPD;02U!Ad;=fl@x<V_8=>80k?Q=<X@(~IvcF5kNlBaH-;oQ&s&-v2H{;Tg4P
z!J~S#`F9uV!eAY?#^l3g|Nr=FVA#pwFiXnQ$df#%66QlA1o$Ka8R@pvsQ|A~;q%g`
zsG2i9(C13gbs0DdU#AZNs^rA~Cr1@Yl#??Ktd?5=lmq$5I~1xIz|WV0o}l~=1u+TU
zhABRfn40Nj)dWL<V>Gq)`#b5jgzQ?SZcm_NF2q@L8C#iJ!8EOO&R_rc6zU1oPh}wx
zU~wGiWH|J4Gu5hQKIsO6SWR+3zwR@IPpWKk?PI4T$`2KO=0hOdr##-O&}ewl0g)qg
zBZ*TS{KKh|rJya*g353FBFt13{C(76bbM*@`YE?Uy?XT<%J&jZb5A(ONd*hj!F}6c
zM+&O)Vd%s}^ULP}sZDEd(uY#2{yD@<k)bFz&-bFvK+KiKmaVN9YkBa3DXl^p7gM)Z
zP~cIN_M|blC|MYR@k7ZPstH~Tkcm>;jikaDiM`%p9BeKMJ69IOmP{L?dUIR|e@yU^
zRZFyjMeb**Z-(!~=MhP4m=#`;3J)C7SaEopfs+t0fZ_O@@^2P9oPxPw@d1FVT9Woc
zG0p+f!EzT!+4wa6wa4gZ2DsLkn|qtdCqC9g9zU+2=Q}Ga<JiskcIP)5OERZ?t%xGF
zO{bm)lc4h<Wck|4{{cuTC(@-eW&_KFBU*nZrDR!)3S5)@7zQezoZev%S4F!Hil_tV
zXfGoQOlOT7HtYh~zxBBsg4NRZ-ak0xb+&{%@S4z&6jI~e{ktA*J0w6QA^b5l-8SN1
zOB^-gmG(U<sC7A|-m`i^IPAbbxXNEPwPhHzgVc5%$YoW62@Eel#Cs3rP6$xVY?3gn
z{@-nXzEtAcl2BCnTcVrxfg_vqr|*61EyHT!y-Ds^%R0=yYenGNKhZ#@P&^w$&P2rw
zM<^oBZ*Of+dPP75oG;qwh)<umZgl>w$<zP-Wu4hS1CH(ajX?~*n>UCV9B*WI#$1=M
z4eu?ceCC=7IGpRvg-u9$=u!}C`jnVRQM;wV1wJ-DFgs`P9oUSYraS$o(A|knmRr94
zM!D2NMGQH4$5K(P1G0k$h@Zh{g5gVq`b0OXP(&v2jV=qKKyM-1B(H%^a8h_tt_u}S
zqbyRvR9{oWOI|0VndG0OL-ifGjQoPYkwj7Ks~S5bdln3&6;-XkmOio8^4%6I-|PE3
zthnLv`IP_v|D^282`UlvDLA=RMhqHLG%4>wiC@LBa6#+T<UOO^fA|8l*c;M5BY+;8
zX3Om)z-uw*Aql9L&Y?i$HP|Q*S2q)7?>h2uS$3V~gapPV%8;m~*{ObTKm+xFu$gk~
zr33<C<_emsi?UQo@G6%Xx*rF@Xq8Z*KOMD{{zyiJR7?2oHDY>LwWwb5wjY?T`KwAs
zoC>T3P7B!Q!zK@^Ej%W#)}JEcK@Vs9Ik#z)1h&*r4jPKG<znvd4%z9~(DA7qp&H5O
zfy3Ii8Yn?&7x$OFbW@Mq>Eee%{HqT*y;#=;c?ItPzb%BD<rTEpqTqV6!jST=&wTG(
z{0)=bk5@PRZsG4to<AMgD;9>U{-*g!9hB!mnD!C|&%obYR#DsLcM*rhtGU_8Kis>R
z(bkL+ccAfGrhzm(78RfZHR)u64t9`pT&1EUfuW)jP-WAd0jY)W;X~RJ)(c-?&A(3^
ztn3#GF)n!{yZOQIZUt5~TeA&*kkRl52+wNlLxEUP(3AAEAFWAQNxz6|et9fyN!^^n
z2Rq8X$p*J{9dH7Sgk=1`hoR@qrV|*jiJlLHW!EW`D~}a(CL51dD`(~&0=i`A%P73a
z_ZzjP<mQJxOj!h`fNMKV886#or@Xin^P(GFg%;VGM#($We~eyOuoPB3f5fHtxov^6
z6e_q<k1j#RReq9*pY_4)mDK}XvN1to!bmawVLEDrU8&>aZz;tT-XcR8Wv^e6gL5Ee
z-d)FFN=JX}ye4@OWp*1H>mD6<xV{oq0d})}Al=6Q@XU^!to$1yH#97jiLq{_U}old
zmCpeRyT-F;@&#WN`xkG$QGrw|qS4>yvvT!+>3U*Nrf1bSggHbQ_5uI&@siD7%@J+h
zQ9b+<rA78*fAYuXzHq~=)hDBVe^JHaBbVSK;=}PK!$hqp=DLooCSBh2pg>}hayc-&
zIc)_XQz?v%A|v3<GVZ{>m4H*u+LL=9u3wF8R>%U30^5O`c-$#PnnD|MbW`XzU`<&U
zIHz9lQ*RJ;3<7(7<O1Fj^MiOHzR0nl;#EN2bKs9cImB7psOOfRP+7DBc!2x#R?2rL
zY>?|S5C80E6EdpS>sSD-Y=yeUt5b>1Y}bkB0@i=@f6^kFoAWTaA1=GSA!9gGR=ko(
z6`>faQ4FXjQBGo(`gbSwobJIx)vE6zWTtn*cj0JV=sO4(ZNJD0G)7Z7k6-|9tqqll
zfXo}Es}cKqyHAeLyCivj-tx%Rl7?Bby=Z=WyA-q%r*Um!|FY|q3nQ20l!?tQtkZq+
z+v`u)#VVkP;Ut5F)5m0xMy+@R8tNip7`YVxg&r9<=zQrTwWpseS|}qfxg5cn^<2DM
zZi6KD7}br(rs@7zLL~N6aFRwxftVQO<B^z$7v4(v>=7uYi<J)mYu!hW>^zv)va_2r
zBm=I%<bdFqEn0l=Q?n7&DuMY+u3fBT=(bJ!z#U2-!5O~^;NzN*;#0J=E@V;r-t;5c
zw5a>f_GAivLo|AB+#s1;ggm=BFovxl=|V0l>t1<CNXI7q(lj~w8ryeycu~vb#1=)G
zWgLjzI0-yjfpnY9xFp3m1iTbA5xis;pANa^8m*}ud=l(~pfpRqp5H1H#HetjbbRu;
zqBrUmBgaNIiSD}59{R8T?#S?!C<QGJFq<|q8P{q{>sDWl+t(pzGGYd%DHfrZl<Kn_
zimC9S@g~2G%Lb2Jt*L9@U-GGu7P{%Y(A_uLp14(t>Oob04|(itUyj=m&<rW?<JHIP
zFZY{5vdU|VT!dv})cSN<$T2_h6D@=(gJI*=fE=RAIYwc?9@5CXky9c)vK=+^h9%Hs
zl-H4=zv$<dkGihDs^G#hiHyD+z*WPi4;dJ&AHn`4mn6Bs-}ARgb(2(VjhrDtWZHG0
zL1Ktn^bH^O_qOGRy4grt5a)VCAfnm|E4fNcJU>v=-kN*d)zRpwoU8vJ>;Ja!$|yFB
zD7?$CD?$)0@m2bfSSO21aFH~tB8k$kU<2{wU=(~IZt}I!H?}OL9{L`ezmrB*QVQjg
zH4YKEq4(5prfTM7w(s-%n#<w>2FEA=?N+VM)k8(fMk(k3-6tkAS&CF_6kdKX;7RyA
zDu{xJJdJy+Djdp2m&M0po?!BRlN)l`=|#)U+=J<QdEN2UKf)!~H*4XAo?n?FnpoCq
z^<A}?$j4#YO#&8+s0^nvt%nXZL*e->n~Dl6oeew*{6U!Lk(DW^))?uB8B=A0KzcB4
zHXy4yavsR9v#k~@Zl?R&!!KZdBjk4%m+Jl)jEG3>9+>1{%jPRiu~N7ZbzmUh(>4m-
z`#r6>ZcJ%52fO2N1aExv5A73AqCyDy9S-n}TW`l*3&)Zc*ehBETX6YuE&tfZ&cm_W
z6JXaRTF%VbdVzV)ADwPpd#%Os85S1J+~D$ol}dnIIQAj;FYWQcZFi-U|NH;!g%FMZ
z$+49I2t>(12gq7+zpaW*?g-|zPLK??5Of&?(*FR%rHw2qm+SZ1{GTY(65Pn^Hyx5q
zy<zh6yaZ`L&M5Dx+|_))vSiqs@z=-N;mQrOwYtz~0S#pUy-hQ7>R#A7V3A1hkazUp
zKmMXs&q;b{e^x*In`$$a)EPO+h|N%G1a14o)(|*2tc6yhuDkt*9K?qLrR)&5MwwhN
z9a~@TlxY*YEgeiRXyI$+j#CxkrN|y?S--8if&0UJQJ93eTI6VLaCFD|daF@zaj`~c
zIFZb3+({&92Q!u*SM?@rbIq1kMI3x0P|xk3jgz|3Yf3`S#4RFWNgnTo=fyqB{^h5@
z0N(6?WMXdnnm$xdI01kRz<cRSnDq!egUO=-veaEly3|spwu3b-$|~{X5UQmDh=dcg
zFM3@U?@oVK0Lnchn&sDTB*%X0^t@01oBvYgnGEMOvKXYNf3!=h2ba;82a%dj4AI(P
zW=zO{w!o33;mPd*cV#uQA0yT>fT<F6d_^mvpjQ!pv;`d6$NA1)0y!eIzICYLM^a!s
ze=61mt>jJN4bocHnr(TQ@HEso%Vj01PZs^wPG|TkD8r=r%>7lk$?&Ea-UL^W8SA;6
zDg-=BH=02O9cQ5oRF#I>p0%UNjvWLO6k(?pr@+6l+vr2ON$C2Z@iKU>Uh<U3)=Q(#
z;fe|166^((&xXX7M1`~)E0}2{%Hp8Iw{<=N&m9%0ylpo+Yqp4W<F_l6w-F*JXRKIE
zsSyF`LM`CX1=k2ZjDHuvOlvifS-qa{>TpK}KAkPR$OlX0YB@}ia1#HO@afk*u##JW
znFD6CiD~XE&Pq*=e(<aB$iOAzg`6M<3e@3ZA>#nB&0hcgK3`@D0!YO*`Dx0{aE|ov
zB08>xyHNfNRlo!eK8+_U=tkGG8C)TVy|QzQk(7LdFN*VSu1!WxWcY%-0GO^!>@pM~
zNgA%nKC8d82{ab4Euy-+1ZbUz32j8F3rQU3|3{^ws)G*{n}F*UY|D_qpSNH{-Iwwv
z$!-4ayw{Yr^NNx@Bl^={{J_>!rzEVgf$KE&ZXMryX-C9AqcEscJ@_NW?<P=ka?dXo
z_Gv<qZJ~c+xil~U={&Y<!C4l-OScg0IAD%I<QmM^9WF<4@PcmBuP<FIpsEq-T3ANg
z4GrUC&^?9vtMxb2o_B-LUQ9vFoc5L)Q~`McTdt_cit<FuuT}Awl<Ixkj<*B-C_z=y
zTo@hicPeupn1*b(lg4O!#=#Y6k!HP6CGcd?A?64x<Ba6sQLizW00ZxEY4ud<^^bcU
z#NAMW0V3%FYBZ{adHcK2i+A+@|Np-pE9CAi4!}QTe{+)3ckOq+(wLoSQL`d1kJK%$
zS5V+cPZo-yN!P?4P*1CTrN>!}YntXE91W2AC0m$+Wlg(#zJR36zu*>2VW_yW*TFME
z!uXc7H8Zh|D!FW7RKNJon#k6*ly9P*(xy=UQ<*t(+UMZcp*G=%tVmCBt~+H&I45&i
zn&QUw_2{@!lZn$kbzfTjxy>9mGCa77e@ho*W^41=+{)d#Imcq%qxx<9>fV)!*jHu1
z2&Jh%7v)^0zHCzOxEmFHsRJTI?fjOs(m?+Ba>vT^Dst009gyg{+-G(QWtNx7dh!FT
zt?UBnfy4iaGF@-m${`2y5R`glj+!cTrOdBeC%EKS#9D_X+*CJA&Km%?%~sU`=d~@A
zJGUjK`Kz}zMoLcv;~ajk`Lm^h#W4I7Hm*rs+}^Z?nzK2d6`Uj6ii;mQUp4H&65`%H
zk-g+7sRhw--3?B%Z@y7$na2P&0-9wJK@Tf-Ym*cbjj9qmT3wb~Fu&6`|CUf-rIjv}
zH{HG_I>29W8pa*`LD5VI0`_`kCm8cD3HA@R`_^~O^7jvxTWoE7B1zvT!ycwz?o(E$
zZ)&h#_Yq$CFVq?|#6J8I(GcsHldtumB4|m&M@{L1SL8yAWz?~HB{=^fYG7w<StEv>
z@p3x<ZWkJruz-)Yx!Bs>W)<o3=`+K1Mm^T4yMzma?|-s!On##B&3^3kE*?ZT#rc$D
z8HRL0qw~MH)dtVAr^hD=2mjt{%7p_<9BRu#JpG6L>Nnp50%#B@C6o+8hxuNbaAsO0
zMD%_z2ojkl7WJF~C_&Ha$$pI67CjnK^tNts*p85cCf<U56uK6sQ#6}cQcT>Mq&aIq
zPqD#1@EtUo<_D~e(E<iIDrXZ1(F&;&28eDQ^YqJby-0uqZEOXgOjJ6Zdx$ZJJUm1_
zUTTsTvG6?k|C7bZ=3V>_9uDz>6piw=x0zc_1|NHy-i_>hbWB|-d8=F7AeT>eu$_*N
z3YH7E^;;~MRf_6ncYtg&almC`@T!4L&?KHX6V|!4A(61bXX}TT+)q&vT!Pg{7Ti2+
z6DIwEpzx>#{#%|QJ|p#<Rw`>>$!cu>1g;Vt;kEh(85=^=fhzjmQp`508du*d>1@5z
zPonDmUiZ<d$oqb{B~7;b+#w%_WD1m%=KP~XO`0o0+I_WDg+v%0de0|68T<4sT`3<U
z#|zyM0%n>)|3@3wm#cV*elbj<Bmj3&giLd6w_n(IB7y;fw@&3ioK3Nx)cF;)XG675
zED&%y$c&Va_B$)8-Ey>?Y$QHZcl0s$cl%4GW_u}4ga7rCppB+sY+8`WByXO`hWxoL
zZz<V*wfr>17uvhlfJ)j6N>&QgLWfB-Nl;#Oy<#6NpqWujdw^3T8c4|HNCZAVTd@iY
zK_exnXznbfYtD$h5v|Q>8d*c2qt`oZDhh!kmviM;qZa=oqSJtVn&(>HsY}J+p%<?~
z>s3FhXfJQkGS{7?z^j0{LFAS2R2yR}k4rqsf^??MT@;>s*D8Ge$$p=9yb{&>(G-1n
zZ&*R?0W@A`SD<`7$M&=Cpo4BNrCLwYiN<@F_7}s<g@ZBW%g&38?J`xC&Cs}qE|P!<
zb2GORK!XAXI1cfGxP{hDbrgigPgRdE?UE<st5XTeGdZ=Kd-j4rwTQI~c2M#$o290l
z{Z*%GAC&1?-W*{3NXHv_J334?EX3ZZW$=5{##EUO9X|GI|6%dAifY11E?jJMfJgPM
zX>oq6G2pHz!Wvm?<Am0`*zGmU5_nPoM_mBh%cSGzbB)6|AyHC2?ctLd1hafR(UYpc
zP>6WpGD5}=gsIQaDzCj9I|ONS0@hhg8m|TevBU-{AW#=su7Eao@glM8aKZLUZKDx_
z3SL_ztKM&(gMgxLYTY1jC|PM$f2H6D#;;TMW@_h$*zbifV0z|&N*OXRD5QkWHpm4n
zMb%XofNp<>cMbk}Ta&O@UD^_LGUCVh*NLuuK`KB2TYP-QmkAd_vSAj4ac{&l=>!aE
zxcLCZVMNke2ejRo3(J!rmV9c;j!k7JydvhdjP%0u<S}Wd<6?Mq@fY>J?VvJcTA`*Z
z&&MhgOaJ>wW;rqOq4esT=DW9UNgI1ly-Z+bwytMqdYVEIH<t@khEx;J3AvtwJWn-{
z$8Z7CUgJ+0`lz*1QG8!jQd-q@d8vsy&=k9318iP`FuO6^y8x0hU|q<nN){OaJ^x;B
zLf|3$rJ%r%z?~SF(HTq6cs`%I>I-gO72NE@Rvt(MWrg<X88BM%f@-rHq58IH6w2l_
zyB5_A*oZB_6^g0^(HmL6NF<2iFYJlMDUTrBE+JpSG>R)!;Kms$Xm_rg*hX9;`JH?N
zFe-{~voyA`jIC9M#V`Mm?_~ec$M!hkVD5hE`CTK9Yj!H+MDjMG$Ghejhb2Hptw)W?
zeb{JKix2^(T~H+>0`DOZ1YnFDArJ&$j2r*}KS@EKPDK?gH~#<;QsQTIm;o7HauxmT
zpu_14*4Njt|LYhYkv?>DMvi}G*3pg<^fhvfc_Sm`VWSpkPQu8sb9xo9spC*U*|aYV
zs;KCfbazU7+TImxULbat=s}taQukHcr^~l*Q~eMwgg-Q(J4r{!O%<mfT&be57MP36
z^SpA0?;qTV?8VgSi1urrN?*nkjIKyM{fpB>FA95jQM|Q7lfuwdO(?7KRB!*3V73%j
z_BsUXnV=B4p?+)1af&4%ThXeHeXFAQpsjs;uU*`A+Op%R=#4pP&lV}wN^I*7U7ZW`
zN0008)kjC>@Dpah2;w{v*8v7JP)!cx>mkOw*}=T;K+3*x>3+r3Sv~4~tI)BiHmDAY
z=J0-Je%E%VK0~uK7^d#k9|VIh=Jx{lpK1smD+eKw1-CqtDkRB<p|%9W7K1>7W?flH
z82?`x{kdD=wpiDOTjhatZM%wnlKTj%wmULLD71QbK@vI}mp~bc!*2$_lo*UD_E-_R
z!N-^cPp=LAlq2l&0e`XOjekL3%4Slz^Y#W=??4zgbHo5kr$bSTBlY8V?ota3e1oaC
zSAWTW?^F4>489iK*}Y^ZU-k3$z!(hszb-8fStuVPaMEN8|8t0;)W-o30WO#)@N6RV
z&NRXOvC6o`m$2L0Q6OJVWL_(KSh*UP=2s{72Hwx|mT`?vXC%Kun!SMg5nkG*3nkD=
zHm)L^a&g#}DgRbwn2UHJvz>n_SiOYYcko3BtQIrR{2ij~Zl3O9wqli1c=x`V6>PTv
z;PL=dS~YM=3>Jw7$nNnUc70Pn4XJbFrrbUEfRXx<>)34zG?F|14N~ja2+s>Vo5e%M
zHZFPJyLr-}vYub%=TQfnC1U}>&`r3GSe2zyjs|Tip-xsrh1|rZNv4HYIadre5qa$r
zbf+xk{0eMY;d(>RfdxePSZ~PVRH+om!gCbqXf_V?GCBVpVZ@Zt5_J54mM?v{F5Q0c
zSLdU4wu9pherWb0E&rtxmnEALov6W!&|0%hJoRap2)yD7AUKSVp5O5+^$7dS%ui0k
zc6&^&o%gRD<T5c$4?CDIR}HZ46HpJ@6|;nQK*6T_KhQMT<y_(0o9;b4TA2zEE@k|g
z897{CxpHe<>6q%-<y*{db@9%*%D4A;p8-_b*m10CyVJztv2iVHy|~&orGk@PwpFqm
z5EYM6fW1VmoQ@?E9d*F=DT!$0hyw@lZsN_+r%#P*_jkTE_9%EoZNm++rNG)1Nk)Iq
zDK<F|{#%LloG50SIdGgIG#c*&S~Od5ANM7q*PsHIM1O4i#V|ehmX#mcg5Yi3xi{kc
z-6^#I+*hivF9n|z`RTEsjci0H%e-fday<nFTg3p*U6$3RYJ1TtN^=L{@9^!)US&xU
z+)$LwmF%|}I>L0ud7y>izmN@mw)Ic}I?r2ZAqMS+AV`MbdHNVQOR)`y3~4n1CNk-8
zwF`@z@Fl_4Pc{>4Om3uI6~^;#5Hrf3aDd5r9di8D&<Fi^5uG)j))HR(FGdjn%Cjh#
zKH?(ob(cuaPqZO~V&PNsSebXExBbhqnS^}9kwybah$%v|Nwr@}!dan8{b_pPh<!~d
ziZrlF{-z!Yu%wX^s?41jbPQV7D%DfvZsY&6lna0i%u+Eq@FA$p5SZ3k0gw6jt72Z^
zEwPHDb^WC_iTC6vE6w4Mo-NPibKoautf0NR-tS6A9`>#s>fRa>_XSg^GOdgJ%Mooa
zsP?Tn-k8&Wp{LDhD}_9?sB-Gavuvgy_h0uF(gf4Fze--T1Tr@tj*!KUTuUA_YJ_JH
z?mjmn%w|dLQApMxz0HLbqh7I{|A3K28CuxPVkBSun;Q*RC!#M_RS&4uH)hSenj&k3
zpTZ9(!q&L=559y2K5^#f3_KWQ<RcDWkD}UTk0M<jRJ_VFvxXo7y@%Z7=Uvm2VgyY&
z3;=~(AyLLZw7_y)UG2<+3n%{@7UJl9ZU6C6P(YcU^ji)Z`UHRdK^aM9yk&$VueJrR
z10CPS<SIN5|6BF95mNp;_np<F)AaB=4K-bkoXAZs2jl|yYG~K{U9A8wg<JIoW!zSb
z<EAL@sDUrdry8}2{SOE9$y5ymH!)5K22|{HHRh5<fbRqE=-kMHHE*Y{QP;h6y8|rf
z9}AK`u-be1C;xENCtPq&MIC|P>q;w<%@7%i<w-r(3D2=wV(IU+{2s3<{f3bHa;gVV
z5)rJR*Wuz55=z4qKI*b$9eB2p62SHbj<?UKdns8J<9|f)E$sDN;xC3kF^;l;Dn8JT
z5`|wr{gLW!+4{H~((hIfVhiES>UDoa><uJ5sn9UqgU?Gi(;sLlcPESm)9`OR_esrH
zn+9$%fa3tW#+*c~a7j5UP-n$`bF=)5T=gd}C;uz$N|fH*OcWszd0q^;R0m0HZ?xL|
z`GJ)dr89XVE4@74JpWF?#y+CKIG7^9jxk`?+0hi+^BHE8*kj#tURhFe>DqL_rb)0H
zJZqXZJ;ZLA8dnfIp7ET~ammjA)%>7!$Z_^nMW#<imk|bqg7G;Sx%d|_3L|?s_M=_{
zgz3qT>%YPP;u$;f<545Ap_yNl;6j!SydNs_V2-e(%4NAHZ>X8EhU_Q&f_XY9lo>%?
zHaVfc#F_G{PhQrDDEZ{gbN_J^BpfM0=Ld@&qysD~uLL88jMk>89#1eL{^5qFC$=_a
zxqsol{ich0=PDoQBz5H=xET)S#`o=s{m*$E`4PoSuJQQc!rMq*XBFB>kgc@}gs<ez
zVE=uPY|d%7$Vp%}hxx%;C0Wd`iWC_eTxpZ@;G}MYuL&Eu`7P8iG&K@-zo}dFW?H<c
z8hV~)Pd+MUl+IflG*?$PK@g!)mab}Y-S1-2`y|{x2utq?gBe!=UE_=Ve65T<CP$du
z_-k!|er`w>nQQY;UO5b^*20tu+r2!>qHIiA!3QX_cxVhznyBlUB3BTVqrzxJA%inI
z^-l0@cn_o#C#NUyO=0hfNJnfQ!yu4oSN*j11&ZpuHV5>$YxGtZT!~C%tDG0sjH?ss
z07Ia?fHbE!=2#&@l6<cSTi>rARB3(a_m5>`hKK063)cilp_X;fUi`phE1$vGAg06Z
z@QLu*@!XKVqt*RK({DJ{#Q1cux5C#rg1fZ?l~o|6f~n~c<JSJUyhTaryPC<ZfM3oy
zR!^`!2Mg%uJB^WfR%9>p*z{mM+wm4;$*W0c5FYECw{88F?{(ZT^ia?E9L+ZUinnRy
z2N8mNnYZEX3R_;oN77#kDa*p84YLn|V7Os%I;AvqE7+NGA+jrKzD`sXXpFzuQ`a$6
zc^R*H?pH%k88&JH9b8N3&4<y4s{8Q8LUbiO;#{)NZ9+}IsQb?!FI5ON`|CZvbk4WW
zKLWAX&BAZh)Q#%FVHlP?F9`2*&wxE0#dI7Q+4+<5uS=j$*k22s;x}NGy5Pk^{WUg>
zTaJRAt6&L<`09`ddg_P(u$kiJ?)6-rLVoU)5yIX879Ab<{MReV2>uLm@bz`NXg6=K
z9jZ;kZTTiqMEr`#X+~xWrvvbUN86O6WhqMtM2h+36fP&l3>t6%$yoYN+B(zlGT!p2
z-ar5-&gQ{7QEtau0%1R3aFq7d(4dZe?-C^1ZkfRPMu3s&4`5t$60MZ-wV6UFl~>8k
zk8!IwySwvfB*&+xj;rFVp@!m=n}7!ttAfg@oQO(g(pq1ma_beUrI<a7DK8J1^VQc5
z7}=Q_y|0Ew%r&$`v3acPp}~8T+PKbs|Fy-LiK-Uf!)c}ii5i*1Agp)01E7f0Eu2+t
zy2OIXFN%FhueHH8K}d9-BPf}$Jdq39r-Qd~>MVk9trXMV+xt%E%+f<Cn$#m677rOR
zcjmnoY$J;@&kWf%OqrE54$83u%giTbU1r>Hn9~V*vH;imKWazKzDrTKlMM~1DMrKP
zN>PHXwxLPuoyw||Fa^dStMMO5-{rsUf8vFAhgB4p*?5*M`uElv4zhTZYm`tgv`>|L
zY$Q%*NjVT?<A8U7H_<3XZh}Jo1az(Xpjy5x5$neO#ZF5I4-RyqGG71bCNINAUr;q_
z@8$B6F|t&~JIp{k5WR6N0RqWJluKMYn(<h*x<u6U*1=}hXpAVs!)2gLw=7p&24Gq;
z-XwS0k{wl?oNsO~r{aZyR%eU_8w44C=SyzbW5F-l@+wQ=|3oYRzC=un6nf-YP4^BG
z1uW)=v7uw<YEbkJpeoJ`QlV@SlLf7vFveQSJ}9SVSJSToRFwop(9bLiyOf=5_s_b}
z6NhO$g|p}cV`}+#S*p3SI(ToZXfp}E(J)n?srn!`Juq+Tk>~AbN#*%}$X+c}|K4!+
zhx=ogS7zJ%2SmeoVD>L&5G8mKhU$76bxS2)Pmb(kAKKy~e`-DJBV<T*J1j0P?w0Z5
zVm0$XA<nn=3Wd|=Q}h*`xVNUj3Qmj7Thc7f21GdbRh$^FNs9?>x%*!oUGtlW&J*_z
zgx3qzV4fInKEaae4IX!Y%Y?(|Ja53wuGWY03k=iXK_H+xT3GyvY+4F8FpXGd7F2sH
zcB6Twt4C7dL<&xFarivkVbAtyC>W=o#HX9Xb|68Biw+{qxQl_7cYfAajr;*8hh>d>
zi=HfumgQtGN|{JO`ac@ES<?)Cd2yCpDL~Fh&@eDy8!-qAd134VIux!3Haw`h8j9>U
z=2+uhHmR5Mp4I}~r0}J&VzzxFTiplz>#m3jG3g#`j7RM|vG*R3Cj~}!hku4ul|d}4
zG#(`k{G8CEFWZWDLP|*tn`}^TT_dpXpy}ErS8ij{FJXVyWiKI}eWO*YuCj&Gm}~SG
zZM!>LO2O!`r14LzODAR+<ELIr{Nu@r75R!hj|2^~bNW5RLv<7HIuFcWPLv_k(;IQ(
ztm1h|a)^utWW>XT>lMZ#QPJ^Ql-#4$H~`|wFzc@`{YyZC%780Qi!>ZWXkGyc@!2IQ
zmSXWh#vV<`^h-Ljl~#`r;*vTQ;w9V>2<(CK%eWJ$Kb{6Zx?0g5*%5q5j4-^^9ErJs
z?y093J!8pXY=*NbfRjp(CJ7)(TJP|qMJ@*@g_uW|S#aTb;1bsF0K7th1vEqH@#W=n
zIHhY-Z&P<;!_$&<Eq^$ZTVC#?UQSbFUWQPc8@Q-gRRMHHcGtGO;d+jQUAdPFrQ<x6
zYTW?+akR!9U?%<lF1juVX8CygW*c#N_b(2A#65&=;`MLuHhu{OV3&woZm)J;Id>PR
zBehI2IHZDgrXj-Fc#TQ3mG!yRg$Z?>OAQuT(7Ud;*P~`{Jtd7VqIdU~p0_B39aYW;
zAx}iJIrU(t^UQ{~2)XmH{eFY@)10L8<fJ?*c4;KdPHyK*;$5+|nPzik8x9Rl%9%bo
zDh}97(9A|4%0C=0PeS-)YzP2u+B+VYey+Y>`=(<iFV$&ciK_g5lGJRc%ERqS&bA)Q
zu~%9o)Wfqb%|Xz1=_DF%>Vzk=k3d0#4U1dqjka}cOyKuyIR6t3|HNm$vr8#KyQqHx
zq}8nAdr7{U;J{=}e1-($eGtT}MT>e9|M(T>Cf_NL{CDj2u*&XujVS$z5pMvNo=;Rt
zNE@JFN&7_gg67=s8}=~H#=vTHDah<!%gQ%s3QUJEGU%nEHBU&G3t<Lzgnf``9ta|}
zaJa3Pl<n+Ye6hkWg^k`U>FAl@j7Lo}ROf6K1+z8Ms*x3$C(cV(XADe_!QDHvh);H7
zhL2JF)VSt)@{0jTAg&V^kXrei+y*us)0;NvV55+=R)Y#fZbk&uw}J6`?IMGn2g1_t
zPrRs4B`x^%_>b$TZ&J+K3MuvT|Ce@>$*Dkzq@mjs#xA{)+-Dd)Sg|b8NSxGEB<4Cz
zBGH5g3f}NIZ~l|UYB8RMrBLasZ5x^%pSF|;+cQI#iX!nhb2_T)3i&jmcOco?Fpv<d
zWfK5Z-}AWb{T7-&BD2wFo(r_&Pc_<|Q?6z|n~BRKZMxLK7;VAZA8fi;24b)>alll#
z?W2mqhZ2t<nwhPH!UAki1UMf$el8>uC3yfRjiPb<Kw1%Lx0|8>3M>rjjRypa<3p|X
zwNeRrxHUowrU|5*$Y(neX5nmz6ijiJy!9=b+#dxSel{#xzw*qRv7R2*!WPRq-ys;W
zLegd}$7ty3{AT)H3on=s7|XM3B(tDvTB77FQXX_ptJm2119Q{<>D~j7D0N(+y5+CC
zo&pzU2|GLppEJ&N-A!K$J|e?%u9lfZPmb624ygY9Tz-xH<@ha!*|Z-mnr8r*A(Urs
zP7fDvPwoU&OtRd^1LjCEPw*@?H&-~(($DR$-@gwhrd5O|1y%&p0FsS`dtdj<R&uXA
zLtA$q`F+FOrG=Mp(zwKd^-S9+WHcNPes*1S5zoin16eNS5Mbcb`v7%Jf9ixL97$9J
zY|#asX`uo@NHE1(SN%Q3JeE7)>jp%JoZGk2Vg-+zhTlDcaQHTPdsa*b2I7s22$*ft
z>KO7lVHe%3qa$kT3x^L``zZI7iq1l>N1Rwt#n|$zgT9}2pKATN13;NL2{qLH<1v??
zw|i^|e}zFp$|@4C+k3Yy{uSS22<+<OtK3_Tb47-3_jZD-H>f1SIGnYU4vWuHk5YWe
z9=h8&IgM#wVJfNs&nnWJxAp?)Uq1qk!Wg|ohWg8T&H>8BlHD+2y*s`4rPhHqVEpBb
zwb>b)!dZw>ce4vVY|DGLmg#mGX(4}^A-V54`5i7`AW$4b4xInkE6>HbAV(w<*>)YS
z$W$O5k^lku(h2mRc6Cl?N<9o>$dgwO*#0qu@vS^hh+_yr0)Ye!ci(o>`dsYju1cGR
z*|Hc>^@=ifb_1y;|MU*a{JPmpBwec0-WM6+Ev^S$F=Eab_|ZxC1w=|7Z1LZn;(oUt
zsaT}Ej6I7-A4&pJNA=-03K2Uef7&|s+w3>9wkh9aQI-R8zGAc9sbjJV@%T$Vg>a)t
z+45wYC0~&IZk$h=8FqCP5pe#>@M_PJqcZt)Lbo(xyECr4RsKLAUnY9~Vf@^fkl7AB
z;-}CpKo*UDIt>nJB1_BHPq4v8*PlCpbdz;lz@Ue$elyMcuGv!d79yJAi9wAD4k8q+
z!(v)VX|65q16wg?YhX6L{!KuurQs&js<Z=9U22R{afscjFUzJteq9kuS9*Oi6h)z_
zU3`S268DAz^`$^oi^#Jr&8j$YZCNvs1rXSsBjIw^c4k!#U)ehgnlYZ5DfRN_?X^WS
z9|fnC#OT0q%Y8`@6k#NDs4J=f5tds@oy3c^S>xvT%F-FNV8t!EX@2=NnDgVov_FVP
zH2qcg>8D%!D#}P;<Ch-ll~R!aXMM6?Upeyv?(yW}Dca%Bbn-yCGG44mBZxZSt5bzE
zE*Epen6N^0nKI*MX`hWcU+p$69JBJ)eU=Y9@fyum#%ur+pCG5?j*8ZBuuM7(h&?k;
zdwK3iR)yH?6AO&JQm;<pG(E6E_xYJuXMwLQobr1QD;ivD#887{^Eni8^-p@v*6MC0
zEBHKsHszdudeJV6Zah!=2~L5eDf$cqe3NsO)WXc1H&YwuaTgCAa+SajW`at%u~*D)
zQXnLDAV(FTmBPO6@=U*e9^RJ6c{lUk=|5=F*#4=SbaqCaCP;f_uya?Isg0V<s4hcD
z<!w(e1n@yu1U7+qW06oq_IBjxA{JX4Fa`2r<A>FOct)7Hn}5^1(8iQpIllN$M-?Y;
zy0|Ix!~7Dsf0+87y54qZgrMZM>ke&Z#>t8iJ&0}rg8<t85vm8sy+eZdX7m6+??%_n
zeq{gpr};{7^0`rWQCVZ=No*UjzqP-Oie8zR5nM>m_0!exgmsc4P;yro86=-O7$D=<
z2@<4&_nfra^RcDKpx1QSmJ7F-iCnIiKR%c&DOvFP@TW=dLKut5?3gv~F^UyOU;tq@
z$3ZfSC_8C(*oH6OOJrN69Brw2%kXSINK7;vBFNOA?K0e$|B)O1mDg<Q&!81$ybL9V
z)B!6<RO-Q3|H{#?LG3Kw`QY=%Ej?}AnkfMv8<OC@XPv-By9v9&ITJq42MY3@Y;lzJ
z{O^!JfY}h9g)KQw_Ldcso&T)jS2-f1=eG%akDF)Jyb0~4PLGveFlL^|RGae@?js!T
z(nyccc`V^sY_Cew@Hn-U?v^J}Lqgz~*R%m6WC0fQ#U@jKIPAh<^c$z4`57n)YJ^Ka
z{HUEA{`b<vT=pY|T(dj=$izg~`(h6<E65x6=QjBMRRRN-T1r$5*);Y$DuBcu89A;w
z=WxSU0hMNO=$O<4Pb0dRr7E@&*yN2pcbuF8Z0yV{g0ywwXa1LzOrAajM%jL823Lix
zlbO-r9#^cVdLOeS{6ir617dv1H-Zk{OqQi?17iCh_et;>7O4US(m|}Mxz<8@BFB;m
zCTD^~@o7PS8D5fjC8g4B%EjQq6FAUPjG4plOHa6TktVgh=QnI6xRr_~4T-L@6-|}i
zGHiU>I_Y=yQkCIP*EtOUSyk-?m%p<mMbsGGrhOpq`1(b(q|G2J^^Erc%|Ee)w%RfO
zKPVH};g?+4RPCa{t_|Qvd=|9yZh)Zk!etgP-NiB|{FtgLgbGd0(7q!2U^U)UhdroJ
ztx1nO{Z9aYJNvhUm5jvlWtP2<`fLHXr(i9SUu0UmqJU3;R1^4UyN5r3Nwa$#ZJOw2
zBN}Jn@k=N#VTAQ%k>D(^1Do9-w%dcOqQTtHQeSQ%s_cn{%%)QEd$c|Ug<5FTnE7XI
z??7v4rr)!5`POCy=-G%iB0*CyP^bO>`~_QCAj~0ywZ1|RD~M(QtwCf=40roO`}DsX
z1H%>8=oAk`^};(!5#?6x;C;NANQY!NyS?rRIRyP%<;x!qTU()?6?}5vwLkP&2%*Vu
zEe-J~m%=YJeSBEmxCw+5O8W_S6wf~M_gbl{@u?%Z#4(lTg2ksBVXN#3zZ|HPx*e11
z6hBL{P&9wJLGY0|m}^wc8LRy)_D)v|hcX*x`7^$JF^$`R*s`1=TENYP0Mran^H$HX
z60mj}DSozCwH}+h_&-J{#jror!03v<!;?*y7e=}f0<SU%@VJ%>!}aVD4}N0xFOtF;
z>TbvY=&4q+NRb_i3vwS*fk^8bQ3YY1&!j*<s~UBRK|z+lX|T<3M$|4d@-kr%64AbS
ze-eIPI$Ky%uu$XQ=bgfDR}=OB>Gm|C=TW^Ca)k6;nEh5kHx~>I>1UJIE-M$)eW|CC
z-6!u}4^S6>DEXNuX5vM@jwaesMdzM@Q_L!=?_Ze(TY-|++A?p6ok0N7NE6Nf$!;Ik
z=OCUsm@Quhhg0Lwc4?}IQPDUq4mpYAJaNvZoaT3FBu<;$#=ODRv6M`(I#ga~RupT@
z?J4egE3s#2b0FYkDc4}^EsNKmk;fp&^H%(#aUN}u+yJ^J8Uz49)gH>XeikOmH$!uL
zXS{u;B}hw;YYv5UOU!G6I))P+xL`vMC026}65L_XfqkUA5KkKUe3($C-+j_n8-SJK
zmg#3F6f!Qf#B!K9Yr%h2KRam@4TlN#VWG`4j4ReXc>4v`T&n&y#$PvWpAi0CiJde|
zJKKJ?KI-aeDI)x4GcDgcT%3pamKzH`iD;?m9>YD*DvkeC-<Yq2U5f@ST*H;k3WwME
z!GD04LKo*a?eA*QHSbN=%R0jYL9sY-A6NNPF;XRTZ27{K6I$nHqzbX2+DQTnhT--0
z;yK%+4Aoi>AE_vv13foI5O=2OL{{ZkBBma`=5<os;%jAoHs6d%H8``De8@on{F*|0
z2NzOzzg!~*Wk0b()=OrgC`2EXFbeW<LTQDB`Bf;2G^(aJ(M6(8Vr+;8pA<nrsL?gM
zyhhchR4ig(I9`Maa!2WfqlN}+Kx3o8h5jr4++A@QgGys|c6tc(Fac)*RgN3*V-wcv
z4_%={y9AC}I)<nTI%XvkFjFoV&Q-6TPMjod!rI|xsRvl2GHUz6L$HNn1$idWwTi^M
z0dsi>xl+Fk>r2`agL};1x~uvDK6#6una-M2*d`t^TY8^rOPb)G7z^!VY9+xq@cQV8
z>sQG6$Xt&_!uO>I)>p9%^=alS3^$uw+lO#?vs<Ul=ZdBYfF!&tWCB5T*}95|DKQI#
zao(qSW==KGitMeY)LUw9dOQ*?<*Ed<2GgkcK<bYR&XNk`-NH|VGqlNlQyRVsk^$A7
z5AV@6MA0Cu7FFeY?9!SbGiBZDidU*D5{k@4%CqX`{W>A^4`z87tsrfgWi;h3;gh%o
zQDUA_TkZWqF)>p@@k@lPaZ%Ow#ig|M-c7c{-R2f(y+n*r`V$aA9ZYo?oNbYYi)3Ah
zg@H?4bBX|Ifx#KAccw*?#6!qfXyMqQlbB>9_Of3iPcm=m1|6LK?v^}jZ*={zUp}CB
z5~bxVmgT_YCd+$V2)BNhMr{w&*vRzW7v@k!ivVur6)KkzdXKl&6K<qCtbPzzq;wpP
zmChFQx1p+6f!OzHdMLzCR<yv9ouQs_rUgTF8QJj5k7-x^vN{mP1Y1$WPay+H%=m8(
z9jTAzX!nkEKLQ=7?Z^Nbi=pZ)?2l)TAiuz0k}iSA!2*rF3TO23&3<|t<Z&QwKWbkD
z8OC#frxZ16b5}uT6P6+5Zrk$7Y9>YyFsY6>GR|Hf8`I!g1paoaD46P~^zxl&qsF8#
zT_ofC{*>8D-FS$A8NAGuYU=@I&4akVx=J~8kl5t;S$Wl?9U_8MQ+;sUCl4bnmufm*
zpD7V%`BMjJ>nJ<L8Dfarwqv0~kyH7!%!vw{b&R#fzyI~3+r?#%=k5S*b^sGlU-21t
zR1$|?1LYGUbP8-^p!TWIE0toyaJc?-KMvZkg0u5KHTTbnf^-8vm2;J-F9foj9rO)Y
z{k2P|g&Ph&d=`zp<n!!8C9Y+aO+=5Fy_q1pG^x6MR}e2f-R`1FtF0~NTnLi_z_2o2
zK}ejUxDh1pL|>XH&q!c17y&M8gNCZw6H6rNVSTXW`5Fp3=>cNooI09#xozL!xABYG
z4&|FkP811){Ie^!ey^?+PVyV2!wjYJ-JcKR>K{35S_X|RZ@u%X&WCzUV6+-*612{n
zg>A%T1)WNOc9vrtu*sLehS@PTx4kkoeiIt%;t$tb8|hYB4tVtE&Y2Rh97xraphFQs
z(bBzVU1=3S0G)`&5bGga;ZfG&iof4kqaA>Hr*^tc(-=^FfpWNFhm(nXUQmV--m7}y
zNmp$k1h?Ae|Nr^==h=>0Wtnkn9SkI|*wtZE(&xY>Sd8YhqR(LQKAowIu(U2pl2>&e
z1+KmG3DC`swp@pK0qO*Y%M;xk=d>HkNXXebA;|nsW#Ne%2RkokYHodIls{_4*Hn+u
zgv96e@>v7?R-72_A0s{3w%Ri@E9_DW>@secgjGv8SJ`g}Bj(%PJOzD(z6YR^qpO1v
zZsN+TG~U4?C-PLxXwMoCBJHm1mgpmX2Lm9C;K6<$egHr~zrO+tH@dlFbxpn|CKDv$
zvYVD)^u$TV9WlP#0_1R@`i^MRLNm{|vgmj<7N3E64Y0oi#hz5u{##FASRim)@luzd
z5}FcgbEQJKu98V4L=w+)m_j{Ab`-~PRJfz><v8T0vBzGtM0UXsVpHC+GmFK+@O%C?
zA7>FYjVP+qNCLT&_1*&N=}bK=@{q{*g@VBmS?ppc&E};E=6Wt*3;-;~s5fReNoOL~
zzaIMSk+wQ}Mt1;@8se??*0z<mtFb5<W6pv|R`YyIDPQ7|USZnQ%Y>aNWvq6;8&_={
zG;ME)SW+71SO*afXuy8||M<9l{jp>p{-GokVafgsfbgJJlwPg$R-6Ar)b&ecLTN66
z!n%G36@Th}8MN8PRlSX2Gc4mnTtt1Rh8Mp{z+kg}LBNWTQTZRz_7=W7`R7Z#rd+cN
zK?F<?1+3a9VD)Jc;XGtcPmjc9<QdwJsAHQjsVk19pJ-;(FbFt2f#~{r*Lv)xWWa~K
zaBea)#M$v8{_o&(*xS!E&tu#t=9y{ef@@((?rD>K{25TQy`@tZUS;Yh4pzX3M=-;{
zYwhD05?4V)Opfj4@74<u266gc{c^MSPb$~G0kIVZ^a)T!n(aeBrvHBQVgFzbnB@YK
zCkI+lAa$6Amvb*iqOcKw?&}UA#rOVa?AVl}x{e=-n_L2HzbBb~8Be%8&YL{F-m^D|
zM(k|m3Hu^G8X3_ZpZ*wZi?<7im%K&-3w7`~L~g@!!mIe)y<+1;=Xnlur9I~B<FxBw
zwh4cWO)3qe>9;^03yVV^FXY{J70|$=0@QnSE2fv{y1k#OAPn|JL<zwSf05_6#D{yg
z3*JuweHuBALMn}gTs@xL`<Gc{n=3JgbbbN$LOl1oWB)XfgKk#jChb%Z!SM5wGY<UP
znC5b^Ffj^arX%}^YA?e@2E{S42DFD=yq0zTVL%?QB94M8iV+{UkGM?Y|JqV~Ob$=H
zvfB=1){Z_#W-&(GxQ1vXhT52x^>M5$oKrK+)$vxJxnZMk!D6S_`>TS(?4M+jD`tUg
z@*ZTp<$(z|d)x&WlQ(e%e!(;$Bx+F=l=Gg_k(9$6Ec974qXtJYL3fHdkMr^GyVlv<
zStg#pKGQ3YzO9S%sblAUrX)C75%srMfv7CTrT6sPk;rXG0cvW9!ghTPazlo0$gnX2
zy{OH!fUim~JCZUN2r{#YH^6gIQG!+&5bV-UVfJ3MzVFeh8ttf)S(zYFZZm}`M@X$*
zu{^*IDLVs5LGO;IjgUfcW=w17_3_nzB^~%1z^;aLem?W{$Ft@({(+BCY2U&oufz_0
z2c)Sb-*^U6u$VO-XpT|j{}$r*wtZm#P!~U=ish!#5;pGwSonmB@2?e(v!6<VwZd{j
za1J@qGke;dJ2txTRA2G<%AqUk5y8c+A4AB4t^hblJX4UM7iX=I?`X&6tlA;uUSW*#
zrwxb8Nm_ZkBq1zc8sqz!tzKJD1IcgBV4~1b29xEahr6VQ#_8CY1c(sLl=HdATL~H3
zwoX1*kkm2h=j^XqK6yPSq08)S^fKrV1ZezCRnCRI@8$To#3azA3e9hWL(^=v{yk>W
z0W{t8t-_{!3yAoRr`^Rzq4@2#p9!NnJ84p5=dYf$=Uue)MgmO`XoXIa?8j5o|Kxh{
zA^3k-gIB!f=H~1ZM4zYbG9f_!$b{T+)>KS~;lZfY+tu=NSB4kL)EBcX$mYpaP%Hfs
zG|Uj^Of-@g_Ov>G!oh{2yOh&*%=h=eFxt*m$dZyW(i`W}`G>y}RFv3R%=WG-LL}Gr
zsGJvOub7;IzClC!ZNitAvQJs+GWwvk{#&uA@!lIC?4kJ`PNXASfo1Zn)<_B?*qBuY
za@c#dpm-wRPZ+m`{esu6E2z5ySDY$a85%Z-JSsI+O8YE!U6}v=>>Lf;1L-f?e!792
zpV$q>+ziLd+QXt<#WY4lK3x2oV6-0P(fGUBw3`6`|C7>8bsPm$waW^lr$5LWbxA{Q
zy*aoJl+qw)Z%7G%$l09j%3Wo@UOn|M%u+}kc~2}t?prv%B=){kBLG1;gs2WBVcdR*
zCF2RTV)JG6JHQZG%+COblY&xYRPObk3zIVw7(A%m*?wC;-6L*-NWetz!t|eOx-t+r
zSpWc`Y^T#hIsza~kf88Hzctm+y3X~rgU6?ZK<H6_oUpPT!C(_6x{}Bc3w@4LE!w?R
z%<}gJzmHtCT6(@9v<<;Uk$dBZv@c!0BA2C7T2i&HY+$_(_U%#uYj^BLR5Bv2&bMyj
zl1@?$e-Bf00RVMaZ;ocmlBb)(rq7+J8}HEmO}Bh%4(}c}e_|TI*C|L69*jI3?LhM)
zXRy+SdvAH@X_R6KB3p3FDP~Jh#q`FEm%}mEZQ4^@BJkXRL>f?=w+x<mKD~iWP{=<)
zVpXBC4S)ZTFKe7~L&jdk8`!HQWD^Xy4sQ-wN#We5pgAg7Q6sh3gtzlbuI`2s{_8*8
ze}l<i@10<uHzr9cG2;~2VIgL$kPKmXuSpph5?phbccRiTMszMqDTuR8QjVpJ2;(&N
zHx#t0=K5V_Goq7(8&~OfQa$rVS4m4p5xaHGVcvq+70C+b(XcT~Hd{KuJ5li0+<<go
z5uZVOq+2cNBMx(GhC-jw77TN~n=QyIQ!BZMo76p8mSYOBC3)}m5jUr@?}DZBg*_@P
ze82?YRI2Ra#N-|-Ph>UH5P*ox`8yi!<w+(+^kXb3Hx9wwFfR)<@B`>0c!RUU21=HS
zb?1ed0ryNz>Pe|WBB;|#nVzVsX8YAGjB*q7j_!?`p1-fiYF;(0eB{^DaT}N|B}y=o
z)3J<`v5<*0J?Z?no3ZGuyjCGZCm~qH6pq;w2;k*`OVT^mtw<A(>Y8Jf0+zIlGYsk5
ztc3P?8?RiSbGz!tp5}G|C_>ieQE|dv;4j+H2DZ_<!YL{Iq#SRabp-P0IV+Y%fG-GF
zvrqWcD$)jm%8d|2skqe6TMszs&7jHD8jTE4ONiVbE~!n)7(ul5u+&TLS!aB?o2L0%
z;qJ4R<y<~-HpITF_(a%kl{Wp$4-;)#l&)=cyVgJsL|#9DWHJ&dm#DY(ewb_9U;K)C
zd8I{oSd!CPpNT-_oTGsusHq0h6N^uUbOgmUPXhtLCP^SgC?_7FEXa+P`Bh5kSuPIV
zTh`O&bCs_tkmPO$6$S+HyOe6RkfF>xwpVJJQrE~#Q+5->a0TLo5hM~Gka*_M!KZu5
zSxpcWVVu=0u~A-u9_y2M8o>YgrpP7hmXLfyc$A>g7uS>p{9$x@GRP2+Go~iVNy7?J
zpNTvl2mk9RWnTHH3H+FLuTerHjk}!~>BT<+w)%~44gmD-3KkV{Fcc_mo!Xrb>q4G3
z*`(213s?i-$6`QMiY9fRaLXHx1G~D@X#o$AVyY!axB2V`x#Oz?*h!A!iI<&?&3EIY
zx4(ryU@n$9XC*06bUuc6{G7$<pCg-+@ZziG{4saa8@6Rdw@Ug>3gehpX!^371b}!0
zVvHRd{c(XKdsB4Pj2m}K6#^P>10`Ib@XCMA5X`EL{1GyxppIzP(ua;WH1;hrt~TyK
zGBh0Ypxq)p$cAPIPM>tm)(n;?81IWxw<qW7DRWx~llZNV|N9a%TLS;X9V_Tw<AjPm
z|AUJ_(K2%-Vz_)%<vAUss<3B-3xmK%GlJlEAzoo%AOZEuRUVWQoow!5vEN8rU?f{T
z2j7s5_KRHL^WHr;Kj)FtqiZ+Zvcu966s>&i6Ac;>o)hl?RqRxcIpdk*H5fEIMeUkV
zIJF>w5mrYexH-{bmQ2C=CBnm3CH(22uD1gbfc*cSf==;OwPSwvb;6B(zn+w4SXU4g
z==lux1HtgoNO|zo0?NrLXMbOBLi6l^@(&Dqdf|ctSAzgVeVyU`H?e+Mc(2r~pA=Yw
zg&=26CxDhWP*s#9SIWUwk}QR5xB!n{UopY=`(+Bm=SqlTmT~{>F#}@%jy6*%ij_wC
zPx~nySZ9>(H)rb!0PpddJ#N4(2!g@bziK)GEP<PQQ_tph);bdH1uysZdHC)AiF+#R
zKec=7<qw)mlX|@|)Mq)F(W{_O9lh6TQ0pxI<m~w^1|m5jwzD+GeLv6lD}FfO0blc}
z)Va3}*_=YrI2EjnMv*rByqPoF!Sx-sxc&^zv~ugs;YG5VFCqQig@G@4jPrN{Ifsis
zad@-6M_HEbs(nh?W^}uP?$ZOVHeE>iF~@s!@#cXwXAcs^ZvE-(^?B6N!J4XoxXaDW
zrH!-x*<=|mzH@Z(7)<S`!DPdO=y0VC-(Mf>R~nIZ7>m!X-})9NUGsA3#43^aQiM`}
z|L9sS>v?Igd-L|`f+*E(vwO9jAZt2DauE3l#{EW!xv98S*JeU7s@f!IwR{Wf{4?cJ
z*^nSM8G;Yzbn8`9$O`X^af-51IKQj`Y6obLm3t%M_f<i3OuCvG0l;b9o3In~Wfi2a
zsH`wCujb50yppV%EeC)_WJz6%U`3HmAE&_!oXKE|K1Ul|IZrAJMUfZ*YHgR$ZC#*m
zORGr0k$zeD4)RB3pmH^F<)+S#+cx=l_X-DxbB>%~EI5DQj>2IQ^jJefqRYeV7exE8
zJx1Fnwb+YQUYZ<#H~Zc*d~hT<7ssZh`zfuT+=gDhDMXK?>KR=B3%OL;HWmC=Rw^Xq
z81|v9=XaNCKlgb7kw`}9L7AdyVEgqI*kwxO&&v^vTj4$Wjw){LIJ3Dt(jLmf$Kg|R
z`jBc={#>h*=C%e&VST6Z-l?8%PE}sFw(39*fXoEY5bT{~Mo#6AG&SmbM<wu13C(Vd
z38}<t;n7X1v8o1>!1U7y04sE_o<mR4l-E@YR-I{qn^exH6>rulqxd+mHa0EH+kNW_
z+Y|p-8p3UB2F2aeBCE>6O2Dsc?YXS_JeF86OGNaijyi%F)uK6ZQj<h`ur>~~b@H_$
zORSMaL%CE)CFxWh+|t|gK+3{<fQeC+r*PrH^xe!+Yy)(Wqp%qKesqi4hYEKpg_&Gy
za~~f${u`-b<GN2Qqr7J)>Y#%pBfx16#^7Os_$(E@Qw)QA&;Cif_Ut>rcc8tQVK=Ks
za9U8GjJP;lpQ%G=-1sfGVB*xqok<IZ9*DAQ;N2Ea46_~9FwL)^VPBwfSTy)4sIyja
ze-<%}=OL!iQF4Sb_Nx63Rbvj^KOjlNvnMoF?GGAl6;!eer66YEO_%T<c7!kEl>;eZ
zAFA=3<&fN&yZ_pQVvOf!uHQ56OI6yY)&F^<Q?Y{RJwK8Xb<)Z``7v-~nKmA+$ZyL|
z20j}VVEoG4ut)*!Ka}`#c;thX5ExScow6Qr_$usb_#dy>#7uE&Qz{guv+{5~m-hQo
zvHVlu^A(N+_XR5U9DxJ08REquNvwR(sd81YeCxQR1_KEsc&1l(>8LFWf1+P0wHo7L
z!u+hyu{A-MmjtxGNS;9=`mD+TB0AsdlSq9qpvvuzdDS#9s}P%BOnOAYyCJ_s^@tfn
zS>9WxNY9h_l&B-c@eKxujE=*2$&k1Y)Xe~S+Iu0>1wGTI>iKdga*o;Z4CdKM#sw9e
ztXc8uEbMp)>!5gfGp&vypS)KHr17_TOTUtu$4_V)zps!y(iTf5ezy+Rg<BMANbtl~
zO6$p;n-VWXdi)fpq-#@wUy;)_2zoaunQ|*?4|qa+_Q=-C=|ds$9Uys1J+F;|Q2WTx
zC@C&9K(_97zoS_$B%JiJzv;;ievbE*!!e1JOLDi1KoRga!Uve%G{0^~0$zIUPHr?j
zLEe@RvI&|-Q(FMPEK|vved6sW+;kWDn#g_U<Z6RH2cRb<%>jH5rJ(zd<D*3kszF(s
zJj0sg6&-4;8j;%Xme?ExQT+w87cq+$#<%Yrnx+onYU$=HNQ>oNnA+a#@hbtHX|ZZ<
z?74wPmzjdkvlMr7U(mJQ^#^M8e9QpQ-~tI$7Eb11;-JKnZiLxDW+5PY0dslaumXmW
zitT)ecf$`4ItjPK|NI_<GY<FQK1dRTw%n5BXUgXm_6upUnTuvk%7|j4=vyc3-Dp5=
ziYVG8ke^s}*2V-K5H=*4HmK_U(g@S~<KBLbxIspt&Rmt(MwYIT;!Rtyy@H}SNsbym
zd&HfOcaaRekOhLN%Mm4Y3%ku%${_^p$HoN<43D+kgg#D?7zx0ac>yRoQGm(5>y2LD
zE%)a(|Iz|DfY#+FBzU*rq>RfHUH{jNdr-hYdm92A2YpI><_pLd8(ppCOE#8LCz$Ch
z*lyvQX|2GRB2t$LmGe1xXyARTL|9_&TyH$MywWL54S^+axL1n6<VG_|q($`ibywyw
zprTDWMBTT~$w1seKxTou6K(>=?BYIc2BvDZRg=nGzStBz7kdbzGgnx&keL%AgjeqN
zd6um}LVB=_*rS?{CEhstXlZ2zAK+=spCyggb4QhIGBf|1y>M$dB2qG((E)mldH!ii
zoNkDT1J^XzCsJ;cP}w^-i!*Yxu(={}03%uc-iS7##A*o#1qWSrhS1Kp9I+5Zv%*Fp
zGOq2hV}Mn7_wPBS4=+#LPv5~#V+9`qG?P=$-Sodv(<dmliNeyVZuY^F@~8SKejRha
z>nz+RTL^IJl$RQHQj6en!U!k^tq(dm;JUwO_kp5T$KXr{9=z?t&6vsLT@t-9WNe@T
zJ+_N!mXkOtzofARXVR6m(ZTTI+y@WnqTR%lC#`3445l-~c!WA>)y3N&N4gJ2_G?2q
zrN+)?>AYOo*@p{_a=hlcP%2Jmq@{NRzdbWmV^aWd<VgPNp<NQk3!<=fj*&JuiisZ*
z{&&6|+!T1cCnG?tfao4cGEg34WdNQlAdzg>Ft$UNl$_zKNnN~xees6RRVq9wRl2i|
zE^CL0xrBNrHffh}Dtw7y8Uza#YVBmFCse4sHY@kq#?8+iM>BLC1!QhIU*6lkmVOl0
zLNSTGBh;|h>h~?&>e;O;xQpR=rN>XWVRhR5I-}Zk%4E+npP`3<#I8m#kYmwu=N3i_
zonOCTTde&ArD>l<upb<+d(y{9u!d4_k8W7`#TEjVW1bD_P|{@NXa~Bk{|ezhzW{IK
zpM30wXhG$kkQNmAOjPRqE7aSrP5K2P!u+V?S~Wx5zFIWNdJpag8R8c%TE<+}ghp>|
zL0V~DN^gE^aAS{Lw)Y{m+-;Er3}*?srO|D0bjz+P&+l&CPYSTk^@J}RR3wC>b)U>%
zNXy>Cf-9kok2roa)B>Az{_hwjFbvrzn<c%3%*NB$9imzJyi~Verf({Onb<hXchmjc
z-Ytxl-UcIG&;jvn_5G|PX}83`#LPe4@gZMzY!l4Pxx6`sFwF<?K|KeWGlb73&Y-i%
zc=US&+#R)SrM4==3;%#kSV_n**8362r83L*teE6pRK>x+rvkg?r3b4N;CA?~1Mve!
zA*&OKhDG2&^brX5?F3lOB`I_!p!DT`Ct9RED!aj0JdhDg@6lv&CsaZ=prLBSZk0p_
zzKMybhAFvP4zK`YB9_P8O4*vS(`GB?>y{#1pn6@ucBS6+<Jwb4EcIn^zH*Y2>K>H&
zkOQ{vq{20PE&zNRKEGIxq5C1-J%mHkgfm-M`|prIN0>4*3tqKl0d;ebZ@5|Ie1fyM
zcG|_zU{grL(>GSqjoLz;OSO#=nvAwqi4OK7$d1)z=O6GdJPETlHwtf$OZjD|M3UWt
zeRXQe7jyDUAS)q(nq>BS4+pON<?rpkE|>oW!S-IsR0HCimYLZVh6NQrjr5N*0yF0O
z`D$x%a_h&??&L=*LLu`9PGRC5*!j74_cMka$rT3^qrZP>2YXzbEF8h96RK1ifH6lr
z{l<*u)W$>w)9rz)3{}Oimt0uLXVBK)Mr8JYpmiLGhtc+y@<d-R$>#K+cgdOr!+RWb
zGjw6to9M7OwTr+OAbea-P$b(%$3B|Vq@n<!!*UreGhzR-7}{yXeG(HIy>Iu)66o{)
zom1Lk>RU51rAv4m+4%Rq1}JLxh`rrAm_c^t5hXwPfgTh1wz?ckVh~KG@0MH#<rglH
z<F}Vks!1g^$+dsaXVEa}lE(Tc@(P4gsxjG$|8`h4Tjp)j!*JgA9}=}Mwjv(rsb<f0
z7n3)>h-pc@eqI^p=(}Patqz>-^TN90k_$6~L6D)-Ty)`cjBN{SC)>xAn>iHR&EtyS
zaE`;$<6{Cj9LAEdCyxqn;%DM$jXaN4D90`j-q&R~kscfS?CBK`1t%Q@qHM%pJMS)(
zYwOrg^EX%7sOdel-OA%a&o3W9U4%@HpFdhAIzHmU0T)neV{v*PWs!7bu*v?0Y4cfp
z0-G_)K$!6qJ|R+kokLF7>Ys$x!%IH5eE<9PDJ_Foh!5lZMd>6!6rnrb-)P+-naz`#
z5gPi)6}gq#(2`T=ZNR~a$s}n?!2Brz#LpEz<x%OZrt}7I%rUcnY@ZVL1dFV1yXWXG
ztPdh=TJDA){2kSbDoR|f2(XX;stJPqn3<%2dsV0sjuN5Kzm|&um|OsOpho}qN(5Q>
zac)bHx{kZ=GCw64{$h_oUJ7m`wEb%$t;wTE32;l~f2J*?#&RF=E-^&3Alow4Rbv`1
zcu0W_Z<kmoq0<!A)C+%wYXyCJ9Tdb{zafukAg-G`6Lk^Tyrc{_`Hpq=c2Rn?y%Ie7
zX5fPW;Y*&&ahKuML>7i-5X3U#%8!x1p8xua;WfTemjWM3`B_Q>*oF)iaTZUyn6C7m
z?vxWyHnj1WXI%h&j&bb512z@bVNa3}zIz$~lm_C99%<^HQz0vFgoiAiI$D}${=k<)
zQ#-lnD82GbuECp901n{+iLyc`Vc)e5m$J)asVj$V_btZc|GB)P-~WJO&^#Q!s*Xgn
zsKt>(6H>K)O=L-H!w{px0T_NvUu@!$U9jt*p!4Xf`)TzXCTH5CIK&Q67Z&v*BcZ~|
zAfHZ)sme!yD4o7ryGbJYB@*gn5l{fc<h?r&nlG}Ve_JT3hCh_7-F9hI;UgbaDn+Gz
zXon{7l-u5^0A>rnJl7wxam#0#ff^JB`c#2oK89mWU2cZ;!0g_rX6?&kdaodWW9xHh
ztdxCCuAZ(B#zXd)N5$XO$k?+Fz%@3ZwQiQT_nwW<oP+yZthayV2vAB~A9W^Y16YuM
z3#GGh8&7J<EEfd69GkB}h|)6xo_&mRKhOQl0Dq57%xAzWFRxE7;U@z~+!tb|Oyx1e
zUeE6G#(;9+eI0j_B^cgFD9`w`I`-Jvc0%tiSHpmih^}-nGpnr8k+G3kzmbJ&RW<@n
z7KuhW0rGkmWF}hWbsiUv^&+_7bUef06qCj(;&MXCUj<^2DedOpVi>E`FH-;A`}<vs
zbih{+?!4{mi^VaUjv}iTk1->FGwjnY+Nl<?%+1@bE!?ERGU-lXQDR3Jg%&l9A0Hf<
zzN!S|2Dn?NA##$O1C(qYPMz9-Ur3A+WvYp^Pf}V&fjVNVDhGEl*la*mRTqc4+}DSg
zNzPgH7fXKq4&W0}i_JJCe`nSm=cYuVn~Yl`B_2M>-|Fw?XJ__8VGag*gl@@pp1cX1
z$FgMxm<*ae!+ktA`_v6sUBL&>a?xZ4&1!kpjvoMRwSKXF$!D2Dr1KS{X>~#eKk8fA
zm8C?LlpqwqG_@iQ`=;JaHME{#l7Udq*Bl)l;iZ89VMnk*4J-%Cym4$;?Kd^wQTuNe
za!)dCx?|F;ociYMJ?bjx+3ny)Cn{T3+XG;}VXX>s+HZU%-JUVda*P2k9Y@W+R)g$I
zU=~V|#%v`jh8F;sMC1Cjc9oJO#%i(bPUM+*RcYe2Nf3qIIwaV+*o?8v-FeUyiPm4j
zt09LUL_9tog_1;)(&3*~g;v7(g7@Ef?kM*H+#&<w&C{+jv+R;FsV<1BRU-Ve(w|o9
z%rF3D`YKt#IQW83ArJ&$j2r*}FzNxHZA3Hw04A}s>c+yt!CFW<4~k6-jG#m^f&^;$
zOX5@4yA%Lqy2C3dyQg9|5nnQm*_i60nk<kV(EIlF%J<%DYOymOAxSP@wpVExAd%6P
zG`aorsJohq!Iy>-Zu1J|fsYb$r}Ubz!PWI<7p8(n1uC(b)UqCIJ6dPgIcjn9sX-D;
zK;}D}eV+PnpadDAsZ0#mw2*7}&LH}Cc3Zy$Nc^NL8-8m*d3~dc)q~rpd*%ynZB0fF
zYUeu=!3Q1rC0rp1quu!QKszJji^5DZ=vEr%5-SCYU@M#3a0OVIuz)8>T-k9Gy}*V6
zE8>+xjd^yNn&Ag3pBmhj=)6DvXch~I#vg7ZYU4o%%h*moXyb%j*HaS|ZdM>Og_e5J
z&YJ~NcT=7vO2KkOUSC*vWrO$84f|N)$H?~KUQAsZ+2A|t;L`F16H>d&{{#t>h!WJw
zrlf3OrP%jDaLanc1SNEZUk~WW2kf0Oe(vCBSzZf3wDlbf9!2BsW^~z;3P$pNGfItU
zS}kF9zOxz}y-y-pTnoK};6M1joL`v%Y^{I)3(MTu>}m?+O$jLAD#9$ytyqmKV2^^K
z5@TZF)Ha!>@LAsR)mn{cT*{?B%XkMTb&t}I^#e1KM*9Qwc?m$5ZR;aw_u)<}w|!fD
znwU&KYzkE8;R&7P@bqPD2Kad)_^!p|H&$I)fxWU|uKCep_EW~_<^%pQg=sAPJ7)Tp
z5V0Rn3GSG+(ojqIRy*!LU1e=XTM>B2k_X8uDq@`P2O%nQ0SI=8oj#sGTSBr;X0{82
z<yEZ>YH>*<Y%=~C4GEgfQ@7$i)^w7wkwLDahQ(O}72!~@;q5==VDwp@rsZWjoOX&2
zxNMHuGt24xWbB?npgMj^PVwKk#le~Y*Fc|q?dX2s%4_L%H3$Vm4k8ua9<fgcF$WY(
z##g=rhu;8s;8nM7uCEjMCFmE7lyp3o4vA-!XB+-tn8>Ej!!byk*}Q#lcaHt6mihrY
z{8Mu#D0bAwO0S_vY)CqW*4rSzp}Ivn7ihZNYCqtyA<ru_`7i2$!4`j<{7_vRnK5{p
z*6I6#W~^5*$8{$-3apOv=-XNhE?9Oz@v6}y{A6r}B_fp>u56f13QS4dUW-X{%ttq0
zFK+gR^A}7j+pCENf&+M5cCOG1hKK(@Lum(``?=`)QW3dO1Z2pS?;<-^9^j>$fUR#x
zr-=MI@7KW6Axs!4^jx6G>0fND?}lg_#<e0*SX(WQovEB#`t5TQB!O%dA)E2E>p<pt
znB#D}=bVBp(lP5VLIQC!k?hnn@)oaWGmR!+T&wcN+?O@Y>(ku)MmN^w=e-+q6(kHI
z%DFPfriTo+?A%r8?Mu}F0F<BkVZnr3u?}N5*17*`2A6M%p(aX|$V5~q-GiUPckRgC
zag<u8Izxa8>G}+w---3@9{y4tPvPg9NlLsD|4blPo&vu%sFjD1vMEE7j7KS+vkz2b
zP~E_)dI(;G0J#&Z*5?3r94@*W5DQe`Ex<QpDEbbb3t)w7`q~BHYN0dQAhQTYGl2YC
zcL()^?pKoT@9qnd6E56L9fyP=H0oz<1kIewLS10o^m3V!t5R8m6x!)!`Hua?O)=<i
zBcQE3P^S<9g8UwY)3dqroR1xy8Je*cji`1;w*xp-9YHLDUL8BR>l#~N{@v>vVd$92
zGR+ghD<4jXY3gf>G2cH;>a{VttCte^11bp!GC^AAYE}o8tt4!00FJgwYs)a*FOgFI
z(snKKzJPB%u_bvOTd)Z0T3ShY@*A{5YZY8paA0nF?TBFcW_iCV6^jYi#23TGIsB%>
z*)|e&FCTc5KM`+d4kRO8i<|n@ppEVycBCy-mOD+64m^arQXPgI46mSN(gB!4GlG*f
zT5N%>91<mrX|Gc8<p(OQKcD=m4wgBu>F1s&x~BqwWnRWrV}q|iZ7z!MM*2blK@5JO
z;fE%4sNVX4m05YC6#PBn7C2ts{*rk}VF+Ymt9`2XUEGZ@ev9Be_SvH(;9M3o$(11=
ziQ4N%ic$p>DNQh5OcRQn+Y=^=n#pL8*;!W&!uu+E<^mX=<HF6!LCL$Xg9M5*0?T5m
z%aOAVbYqIPt!X2c;T~XEFR}+}NP?XFe&$xKQ+CkjZj0*H0&?+ci}?n8G=2>s18{OB
z6upCgbma|8PiH@xmF~3#bGV*;PMwn_&)TEhu}s3l>UpK-mf|Oe;kp0#C&hFQbB(A<
zt~G^nl-DUF4lCg*(8^|6IGQeI35mvvtc??S(XXfG<)}-A*sNfUGBjYT_W*r(%HU`&
z#pZ=81HYgDm_My-z*^OxM<9D7MGo<AkW{jK$rcT7e5@!J=6q(;WcRp}GwrN*;rqzc
z(rkZU1t`_x-X;+6-qh`_c+5e18cvn_?-BpWVX*6~oVMsd_4r(+gHESF^K6O}ZRK$=
zaBv1mGLwc=!&;2g4g{UK<|e1Ub&oXS<EAe%I8(VFlf{5QPP|GTCpw!GJ+QO87I2^#
z7h2nS4JzbP2?R{y#^93{Zms7;NLzmhCxdbsw|o-b_kNuy${zB7hKD2+20ksgR58T7
zqpG52V8V>Kp1$m5)s*%WVBiIoLgNJeuBidSZ;R&IV2T%BefAq1MThXYj8tr4nnGSC
zVA;>MAE>+SE@%JL9yETMY2Q9JPdav0U_R^w`$fiOc%p)dZ?B-5&yhbmEnGi#l7K|E
zM5|r6_IbZVW>Ydlf1D;7I3LYCCkbK9WWD%kM&lJz7_L5JCq3Co?P5U8VUVxwbt1(x
znKQu~p#t|7XaU`gmsR`5PA1wddzOaPO|Ae;9d_q`BClx9n6|(iyb^|H+&1NK?lF~E
z^zUhCSI3*VU3N}K1L7R_!QejZf7p$jGehe}@#2$aP`p&BV-R3f5sUX;-$OZD0$CGd
z+3!%G4;^1Gz^uX1O*Qd+OE0Mub1n{T7Uzd`g@>z@1ab#Zn`$wDOhk5r_O?MVhhRpn
zSrB7+k1yo5!4!<MN^a|9rWPhtGqEI)5&m-rE=ND@-aWbJ2vFD?k5cjW#80Lg>qt5%
z#H?yD&hPD(034?@tC9mD`JKY__x#m)h;_M}V`PuEKcqd=5{d6j5f10gRC23WS@a?;
z8DpJ-3m>t`SO3_v^F?y2lQMR{fOR*Z1sqIz;#McBc<tI8@O{WGRlHJNTMgPAO`CU(
zXes`mQ`$#)gspj*&F@QpXS+FjM1km7E*B&S*ClyEm9R5Ub7IFxsO&aq)oFjo0}4p9
zf7oKsGmxLk`H^5-aeC%weI1Qc+fy?m^cdL6<q0_8CxbO^>L*tClj3T-V<2x+rJZqg
zEA{E;LvSgm9the*nm@XA{Oxq3jG!3v17&=-h)a*-dWHP)Cy>aTTr0nx9jd7SNe|~d
z7eJIc+^bKG%}JTg)G;O!wcjbn2{r9iK7Ot6k8uVTeFx-V9<L|>Qc3ofQDNP{ZD=&-
zF{UIn5H<hd$|1q@r#J|fX4r=R{kGCL@g1}<?`tsM3+v`TV<|XYs~ZIYR`co9&AiB)
z$C1f!A~L%__dt6T2g<e`b?!jK?;FYbj_qDm8yAynf)%}Zh*Nn{TVjso?!NJ`?Zp>+
zqgzAHrvS9N=?ukGS-pZ+#}MHtEENbUyX_3TfwS?;Ul`HP12^(=td@fuXK<K)xZZ-6
z9k{#(Hza6W2=XYVzt3PFf9$=;9!$hX<B58&InL=n-M=C1Sjj*9;9Qm!{){So%bMpx
zF4-v<PD5JP)%bq$F9-1l_b6{DYs*Rwd${tzl2%m-bm-1=m_5&1EknVwwsB~<8Pval
z(c(~VWps!(?S}mC$N9UfdB|YjQ+@q8=Wmzsku38O0a+WU(m{ONs8b(>*vzg-9cMN@
z1TYEDFK3u5LAF|SRX%iG9MwCW`ec!xATmBF_sAu44gD$m^Vt6Q;pZyLwMbGA>#MPU
zs>G}T-#|pim^z57G`mUz!&m9QPJ6FymKLDgyz0<Z4)h<|$9Uy<UC|uckgu79<5J=M
z5sWbJ*+f5hs5$~Up1ax8M!A&)v>Yan(Gcj|P_D?N2NhfL=@(v;p8-(W47EVg<>fA*
zhMLB9cyi>3PbIWF#_hA&Ni3abdMZ~htV-1&#T&Sl!6l>`P}53q6)AAvpI{K#XEqi!
zOZgZv_<+Hl4RW!`%c`Q3pb>}gt;9G0O7sHD8PJrs9k)dEc%EOu%l*8v!Mt9*Jgogg
zpS1g#UF=QzchB!h4Q_X}b;{a;E(gtwAo}7V(s9+z&ugX|Y4sfErBUbsE59J$51l2B
zfxL)NkX}*!keq#}$E|c)U{IlPH&PXLU8X5W61;p8=+n{Oo-ylxqao<FCmf4boP<6k
z=#9Guj%n}q@%tmDz!o4-nqtBxx050wI1t^dZ`sfO$7O&2>0AB$7(XIj14~aF4>^Iu
z)KZh8?cl@k0($QJkMJ77U3)S~h@;)$0QSrJc&;k(`1hF{vBpa8?{|s;O@_M%8QsxH
z&-8w;enX2G^KS4c8qg23Hfri0d1&fua=2MW*>_v881jcu{LJK1MIPDw@9UYORgX-v
zJWIi@JT;zg?qpYkp3d6JUU*>JkpxE-iI8%-L~uxvyNkefn>C|{<RN#J7ySP&umH9#
zWNN&_;X1cviFCfp<XyEtFjl0-V;9<Qc*0*HE)k&}TC?V2X9lEdNT}<Uv?A5GbDTdY
zA9Id0CP+g;x%~}(Mtar~d*!`bSdctKkP+q)XZ;&!d51H^z{}?6O)V2EU;W3cS9p&)
zut>pIO>>QxshvaG{0*9T#`KG!T2=@vE6fOeyHf`%pW6kJPlZKwrlH*OW4~#naW&!h
z#~Hm12kYDJN3K-=4#4l0mUoYO9)+aP6>eWMoHi|qP@63VsvxMKCgB-JC5%10mKGYX
z;2ZlH7^EqelpOplp`U5o1r&53Al7D2=zgj1L(4ERbYD)8N+pla9{i)t87tZasgaKB
zokLM8PynJ63kEPgEi4v5O;6OB6;^o+6+slVLRn+K;6Sl`IIw*$utFXGg8h1`B$wi;
z-cDz(=XtgyPfvCAC#nMR>Oh%FbY{Wdbx{BHt;rE=ASJ^}qEMP6<c5h1Asdb{GeNkx
zgmmBb<0)}7+^R23Tc)%$bO1%7eH9g)%ZF>^-07qF0i|ePJcBpFLxJ_4my4`vbBYq#
z_B6?KD^~RPJkWFq>XqF#sz~FOhNiskQ<_9&dRjNwQ`yx-3yONb1zB<4G;v{zV)Qtm
zhi=S<nFlhQxe@roa;jD-ER1ZM)J|@eq0G$Xfg-<g9W!?8|J1E9$gR6{vw5)9?zMd5
zPAM;+dzq^bKz>BPNK$m&?mS^~M3HCtT9n4^i5R;JT6V;QYM7DL$$>-EB~qA7-Be&z
z8oyg7&5f0U+pI5=kjOkh=uIJWKjS*sYwE8YPKCQ{k=h+8<Zga16$Vk<qnyhN8|osI
zkc;0pW1Kc8NdNz!UH|>5P7_P5aPH!#d<6Hx0HCLT={1H#D5&2irWZX2$q7>NyT-Kb
zPve`Dl?p|K?X-jzRm-2Ox`|C^whY^MggOG%)YHjdV4+tZM^6<M^|f*ThAWIK(&jF_
zf}nLMYImtbxy};((kUn@*V|x{8`Av~eOl{Wxo_CH%-eGnzQ4^3sj+5bMi@YF923AH
zW^6-{HiI+2g&#!NNFozRc6j7_U|P(&k=J&M)xt2Y?8+`Gd|p*x$!r<5N!MdoBxyAX
zRr@5dVbtgg>av{jKkri6&HHPu4h_6GtevDWy$9-!k4iHL37|mqASd=q;{W`ZLBq&)
z@iU?Q_YLuic&E-hvKAj`@6#Lr30N#|wJA4DEysS#+AlPZ5QY`EbYSq%vlN$)ePTM6
z-~U0^r<!MfSxa*{Y>r*AjQO!Oe*cp=tl(HJ4TBIyAxe%vKL+@T&$+x8j3*YwHh$Vq
zbN28Ds;P-7Q5=a{W4{W^W35?E0E}(!m;yit5QbG$2_!)=c0n3C5^uaT9#57Jvc6RS
zP`&O2=_o9daZ7zg4GPv^GMe`7r0d_F;$&|GS6(Q=k#0Eu`X}Zo$qXern~pV<Ovz~-
zi*YazSXUX9-rwNKnakUdtlQnkbu)kxwkXfKi-^qOech1zcNh=k;KyAddk)s=A{GA3
z8NrYS!A`bG3?3<8rq-c$h$3pm28Aw0eScn6rIR=(4K7ht`5cD~4U>dTk%eiT2UbSr
zUzN~d`Z5VRqYB&<f+=F;d5z4T2~-iveo&WrR~$5Q2!F;hOtGtC<i#pE+FAdf{WiIA
z&Z~qSNSTew(9wQkrzj{kOy6kyeGJ1ko~eRKJ7>UuzOLDe#vxh~^;qtxeCo>n6<S>D
zpba#GXfac<%>v9VTiW(}G`oQX`!;Np4-Rgh<W_{5_C>)DEVXSg>YksuOv?lChLyv{
z$a8<0RF+Z(R_cU?_B#AyiO6Uz2Z@cpjK24+hIl*9asmQE`>+MiHxQqJy<hT&(X-T{
z`M;K7HN3Js(TgwvK83{VK0gI<OS5;mF+zs^-kwoyAOHH|R2GuwXzqko5*>QketwjH
zLUt;1pX9$h+@H8i%tu(g50zrxX(0<MWuM%V1chg>!wdx`qNKNsP;6u1TKL$T_CP>t
z<?S$0Q1w4(6g1%2x&T6pv*hw-M;`j?82U@!q$$y`;X(Z|uoKIIApL|`@U84Drhp^L
zsP<b(k(kBdCe~F6B^sl5CBrD%zHLPvPyHqFsvd6P&z{%93&HHp$<0_fOX6biqo*(Z
zcU7uNAukN&3^!B+<qK^zMIZrlC5HU9MnqjV97e||=x9zy6}XJV)#xC5h-kIeMO=y_
z$P#}iu&=!iucJa@JQW2&U9@wJls!1m)8JPTg~mJ00yY-}3-$Zf-V7z^gsz0Eb(yL|
zG|qhKzfG54Ha<fx>A@cr8*oHy1_`@Y?72r_mvl3QXDrsMIwBKMuv>#8_P7gB)TOU}
zim!1RJ4<ZSW{Hb!Y}qI=UW_VNcwJrhxus=e13K<*Ff$=bE+@}l64LCiJa>CDQO$oI
zxq<>*)q(f>@!7wy=Y)`f889UaJ10fXe>>NNs?TmyN9Qz(-NIx&W{U$c(bZfGaaf!@
zM(;p-m#>r~j1h8c6h6L;(01|oy#$zZXm;G?`zd(R+}klT1B|Tz<mk;WL2Iud#ND1Y
zLBvNICsUA>dKQQU$;~ZBA7CTOF$G27I5RLiZb7(fZg;BMnKR^Hmd?|J@m}*Kjc~K5
zN_;+D1rS55x?rnfy#X>Q?f#ZYZmsw|<OiTA;E~g{N@pt3TzD!9Rwpp+TYg`!I3%gS
z%ej`2|Hjt2gxnS&$!HT~*lviovy?=UOhZEE<+y@kTR&occr@Oc_3sJ3r&Cd9gnyF$
zr-GyJw-cDzU{<qN$lY9~FQ;u}q{B*-^RNsOCF_tohL0_3Q;=Pi^ObroC58ROnG0t3
z|KFj)Ouu?N?f=5fo4gT|8<#4H3BEC~!KMSHez**TRq}c`+@ZNvIF9-hnj@Rb0zg}=
zKwRBJS8>klXo3V;^~t?|PH77&w?45HsBoyA(sH<0Qk688hg)7R1G6=_>_^)IRk5y<
z1e{N+NF%b`sg@flA<_^y;U6+jSLRXjvn;i80F3|!w%>Tyq)QdSw0mc`&hI!yU5aW3
z`>hpU(V%he%OGLuFc%TdWS#9t(VOx?43)87h`5Q<$Xo|44;+Jel7-eK5*XQf8*Di}
zz)~YKmSn0mVCRu^pW&gM8^xFtsSADdVcCQ}MzpvHT|V#z-<2@_Z1j5s(J(6bXg_j`
ztomExc+=u&li3fCxZ(Gxw5xp2#6+zX%50VyVXGm2dz?1oA$#QN8f;7yz&vISyW}RF
zrwvf4zdy3t(wuR~PSmK{y=rM`Yo-I-2$xw|Ajo_DN>V?XYv)3Jz8C8KU1wv)zI|7c
zYtmWfk9-p&-iPB$!s!<qcO1(JBlJ_Qs2K<3Gh@qe=d%FO?)7|3J1~N)&T#ry82_Qi
zLSfP~{ABT@fJF><l=P|3iyQapi9b?&!!zHiO4lC1vV+ChVW7sC+Pl)Jvm4#8wm<3+
zD#pRr61RbPX~0Hvk_^NX+*T+bTp!GLHdifR3aSj5MMNH#(4w3(euH=;gzmZ4m^yaA
z79_yp#_2vhM}Q?K7+c{}ieuM)8GM+*4-ni7itlrYRwyq$-YhTnML%iT3*r6CkW5j*
zL`tGHZxBJ*hf$37?Z6NBOYIs5ek{0K3#l__+2EAnRpJ1gm!r_5xg02m`LuVw8QUEl
z$M-D0n=r$nfE`H6|I0jgaol^gxHXZKw5qSymnlXS!wWjK+*+^<R%KYEOc|gT?tGeg
zE<|~fjqG!zJgtA%tE>_0-WnQg&==&iYbffFtZ^o`YoKz%XpSJpVs211FAn$3W}nf#
zHnex&RR^Jv{(eWai3)$heql&^B-n;M)=p}$6Mk!!u}Q8vwg3&9ij*#54rT(q;)}2e
zeLNYC1q$gaD6!Du_9`|NM+O~wu^%u5+7LXm3)TtUtiD^~+~)7c^sK!h9&!GJv)M1-
zn|NOVB5nSwP5&kmHG3F9w#=TruwZ5Pvps$vT8QJ{`|IKJgcGPv_Bbl6!MHp}%R)iu
zZ1PsgLsK7AjqAv)3q(0u0V{TKUwuLW_&t+^@sz>NFwF(|7%o>Q_rz2B0u?uE?#;%e
z9Bu9GFcsYG9tvZ)n4MA5^kZ8l4f3X?PB{E#BODMTacXfJt(6<WP3X(J_?UxN3OPwj
zxAzsDc}XS$*}YeHt|pG^snHB8cMwlo1i8|8R*@0JW~1$r>!;)_hFR{X`o@<$5`qM7
zps5@gyVdWv<rUy(8l;s)<Z&`gMX)F8$ampVN(Anj^@0M~q(|T{qsNw|oWQjXUl=ey
zLxoOq=^|s4!|?tqZUrM#Y}UO!iO>z(Gxw~Feo*U()!1UJbFE;ylM`%OV6JH8y-Wr2
z(<q&ZVG#<5X@fZv=&|TSxT3fbFkJzfHq-2Mr&1PZ<KmdWYqxfy;&WU}i<>YE`-=S>
zg(8wPELh%;RXf?ZaLGREu!2N8GiKw!1=wYI{p!?*s+3^>)Mp_d#m=-MxK;_Z&4X~h
zysFX{+c}&z_^1-S$CoL@J?g;HSKH*E6!USK51o1HN3dg>*?AspeEBN#P2`W{-t}=5
zmH69huzz$)rz_n@;z=879A`lVCKKKLMO$rW@&$YbF7$I;V`o*LOnN*9k@QyokLQlL
zT;BoI{{5u83i3Pwuwyr|$LrAXJ(LS>hjLj#`Hn9;t#&#frv-lXCaMUU+M|~MR2pyO
z_R6i&fVqF>|BT{HWeM`dCHa%!kjG3CG(O|2T_Kh@?$t~l91%XyE!!_lFSDGb`@OC~
z^rd035D4s$&9x=93!tEanz;yCeL<5gy0m}yj8)zcTdEw1#S^xuXJ;{n{Hx;8Ts6Ul
zqiw!)B@Qe*^KY%^2CP}>OG(@H&f}5xUaCE6A|nX3?tk@nt{4y4gu*F^y1pPUd}iN6
zTlf_VuR!&l`iT-B;t(tp6Z#ANf}Eva;*>IU+;wbptY&F(VFifx-L(|KLVeKyD8f7(
zP6{v4$q0@bRuO##&C8QHMr#1`fwCN`7KEu4DRR<$&<-+74;qT8K+X_SBc?J_DW`GE
zi;XMol`lG_2kU-9j;z_+u?Q@#Xs%dS^io(im%)E$fJHaCH=YK0ZD)%Nj`W7wsS@Q@
z@AvfeTWr9}kj$|g)_&%DGw$$FwEszrKCUTedJ}-h#qAwWo}9LfcA{MacondWLu{o*
z0#3y)WGnM9OjGkH(d)2_btc?lrz&cP;CR-GLc4{^JGu9_TRGK~YH2s}Ppfu}fh@?b
zj)OzaCc&GxurP)~x3;wivu5JGqjVwj>R%^Gv)`57q$Y-asRqVNT}J@4%pS3)KPDzZ
z<DKQe9E;p0cmbG`8yvg1RyWN87w_<X=d8J{)TWJyX6^x%tK!9OP^TxE+1R3_a03_9
zi3A|FwF%ZfgVX%aR!arqxF_e$G1zF^s-sHD^OTKda20i&T94hoFI>({82J+VLi4;W
z;i$mBg<oaIUUJuJ?YGjnJE0=y@Il;Hh~&VH9~8k0S!eJd*0r2{lc}e3c>Gmf9qr55
z+IGcE$W5~Q85lLrbEA^-4Y`~<?QJtIW`H)+FFQGvd-_j@dt@rKggi4m>4@sHP5`42
zQ-|P3ffwsq%@u!#NUsu_-cMvXt6=l%i=4#ZqqCdqi7FXXMvJYMN*?J$ne^)7hX(=@
z+yeOWP)tOQLwuSra#+8Ip-NlJzKPSqCL(5D9<ud+WM4N$NpAo7Rw)n{((}?W^P1{$
z1F%g2svmQOX)3&rOTZ=e4FJo(c#7j7ZJi!Oc|}v|YMzkGFXwhdh>tO2=?mr2C$bmd
z?K&h@e6gD6`S#gDD1~qR>0;b<jeOb#YxPMQ@|Y_@5}E|*J1D<i#tGQ@l|eQg4l)Rm
zy+h}Cx;c-=B3+9Rn0n=g)T9uqtH(HK^D(Cf;Qqk|L0dsU%8;^M<!bY?I)h{Qh}J*%
z@<c-*cuYl{FFa|YNPPjie(IHq@BX?n@g!B_0R_Hxh&T@8LW%z)*v;7j@VPo=M(I!U
zav6jYl`IEgx813sA{rjUs1ejDT~J?o*_49ELFe9`^?Sfhz3*+SPb3S={O>kd$01n?
z+xOOhk;i0i-Npv5Y9PW8RzKzJcm-{#Ys5iG<fwx8#3qkk3CSj2+f49lw2-D~B-h@c
zeQbdt4lAOA&sc{urGCY<?N(FXk;@X`TAjd87{ISYFF=!)&}j*io=E@FE?kpbFdwJe
zM+wo&rW(lqyHt`_i9W`W7YHKyge`3g+262?iZoisT@Q48M35Bz0XK$&u?*hrNF6GR
zG&dMhk_1z2wK4j?$Zm`R9#Qt)&uPZ2=#zTy<vFU{FQHAVMY&1<sbW)$n0>n!KcHBk
zv735S#PeEJW6UnELJLfhRHYJ6X9fqDRyC||`X`WtwA}$i0j6{Gr_Gqf)_YB*jcK;4
zS;{E;(z^qJu%qRR5LodA@yCC-sbwR^C_5~p+8#8g4oEc*I8D<p6(^+n;_q?u|FUmt
zWuA#WT)UhJ=K24C7k@8_YyIdkEyL4B1{a3-U@1JFd!xhLpWKCO)a@xP_=WPe2_8*7
z)@0m&AdjlnfD<WSvmr~Wpd0?~QhUqOvf*)k9&qgEPS8M5cE~KAMI6Ph3}1)0qDS5F
zi^!Ho6}IgZ#G}6G`gKJ$cxb!4Eg}36O<c-!`y?xDUg|dYqsyK)SK7TNO0v7($Dm0R
zbgx4U<N%mi6^vp{1a8m6)B4Bp(j?Rw4mVL#mB|`lby@^}#5O_n{na={uT(UbobtEu
ziygrX{B-F~FNCD}0}9aJ%l>VNsMKH$Lxq<65T24=Ooh^^h0czJe)5DXy!n?CenYG0
z?@Z65_I(~F;Doz8W=+c<%rAr`T#Ejx)jYZ1Vz+pCp2BjkT>@sKR*?T^G)T*UQmB0o
zw@Xd(lr{3>M-R~RQm+03<isb=Gb4lWCblPF0+9Rbm-+9?VtLRNBhiUIf9+(9dP)^s
zB+y;%Tu`=Lj>@X14yu+=Dk|G7YF)rNOl(Dtbs}#rvjJxeki^f3TRIuphlp#A8@wYE
z`0C8e&2x9TYVug^fVrrb*>R2-KlHd<Zo#4}0%yHpePlXh)l!}{V#DK0N390fPC@h(
z(!Z8)o0L5WN>hPIvdgS~>(=;5j*cj?_pBZQ8j`};ns&lZYitUJo~-~hZPVgE4$>f<
zzcB!4K$pM4=+%w0)km8;dN+xE%v!fAiu@dLEYXwpOtfSNkS0l3(b3!$b}A5a!z)hI
z{eD}^o<|(J>M+@)1%KDu*Na0Z$36f(8r0~Y@+Xs<l+ubhCvRK~V{LBWa~2y`U%`_r
z#Ol`GWYy9idlEi2Wo0Ql=rdMitbOfiecpux+?KpH?%ef~?4c{Ctm;@JF}djVIBEPA
zI3mHJ_4l7<hoRoOie9dbi~R6<RNEQklVTCzy)VpNV0nfTqVxTkFUxzA)p$d}X~5jL
z0Cc~8AIYHlAsl2=Jgv7P?gI~r=T|r7tS_duC9}^u|1S1I)L$S=x#pc)LatONw93cb
z)+ZArA4SgvhEo><nbqq34pMWtG5?V=CnC5246{0W4|GJqo!Hbq(Ok<EwlEzqc;QHU
z)W$I<&8lJ!nHXhUwuNT_=rCYX5+e(hugafKF|ePHc)L|}-PPO5@q-{l(+>^dBR>Yy
z=W>`4$a;r}-}9B}k3+5~%X#}F3Lh-?{3HP+)LDX-$9PlF%TJCe`*ZvDMWi%d^EYA<
zj@Ky|k9gP0w};4to+#|E;+_3F)vo;+R%;onOz-uLeFZ1kGyswVUrWXRF57*DI>m1F
zzi?PEind4!eC!yiDLS1+zjJHi6_G`z3A|Ih0jxInPK~wPqGhsqRBy-uIT6D<<?1U2
z8cJJW<pBnF$Vk<8_!bdMt)mZ$pJ7!W%$SN3m1BXlPzD0l64uZ*GD-a{dkca%gbT~S
zlNRZ<$<)VY+~GVjc5s>&#4gWWOO!<uMRD1jjMHJqH`R01#U%%3_&GHyC3=YfAd{ZU
zKPaxpy%UT_)9x|L{Lj<J#AZl{m)nvS)U;tc#yJlXC8&07M0=qDo2&*RO4mN6uopu|
zU?*z>R+MQmn2@m?C(@p=izcH2st~O-9Jm~XeB1z4PH=1SNqk!@F8D;;(%UC>s*da^
z?a_*2S!0xnJw_hE(nnbvghe?kp)=dS_=)S@lt>W}0L(r`v9MA5nd6*69AhLxC@JCV
z(9&kwB(EGDDiKA??k1z!?_xWqHf&Ucz~kStumDQ708;I?ph(!N1m=c!RlxExH!CNj
zk8Jj@UUT6kg#osDwKPqL0?e<pTs~mSTZh>7y3#$H0Z7PG!a;x8YvVbv$G#|){rB2$
z|L9+uf9c<Hf5D|wt5~CybAWm0yz;49k*xCZE_e|XS*TR2p}8MnHl8&xlKOzPJ1UVi
z5FvHQ|N0pw%taWEtimC+qT#7IYmo04uhd}?b;3qYc=RP*qSYaHI6A^=Cd(D{j4(r8
zk6`us^c`cxO#k>B;2LxS;(pMMFDE3<0{r%RY&^3crAr<L4ciCBLU=UpvD+I?SN`R-
zf0w+z#nHJ{rnZ9t?pC0L-%*uvS@^xE{`S1<gx`G43UbC29MfHO4XWn;lNDR$jPZj+
z)%|MkRXkDoOCfaT6+>=!u)EC#tKkm8<awAIc4&7s<U`_j6_NQqdL5ZTLba})ZnjKR
zMlx>DpG-j&i7MhCN&`~5@I3#8nB=Qs@-9qMMn+=g3=dH?i2Y*S$3mz$E?@+sA19=S
zi7I(fDEi&8bVuj^vt_JOzNtHtxvRsX;ZkofP8=5q1tq9aqgQcb$=>*;O$W7afG;>q
z+zVCH@SYh|E-fIsF<HhyDqM3(mB(aga$bl7l0RH+{*v)fZW@9kznHq%CNRv}lP={D
z$q=J%04D<Efbzi1!mFX;LoQV>7P#OWQu0J>9y)|thg833%;N5M4ez18%B6CNl<V*{
zGCzodc}-qE5P}H%qaR(SsbkxL=S+FzP3U7MZ4`3@pjnOWuT_GR6mUU>KGx*Q21rQV
zHffCr0_8co|92V;iS3H(hQ2$Oe6VN<Pf!+1Pab$}-+Eh>LR^1a$QxJMH0{gjX8lkm
zF$)57UdT@&UuhO5t`BYnd_|BCc9wbz!42L&R2kXRq!UIADVMh&218caVO?}Xh25W#
zKVlq0HwCC|=@iAC4Ua<ui&=A<#-CNWeynC(!ZgS%g$kdfXgn@1dAVtvgAFqL*y!;5
zs`*bUA?u@NgBtji{oc|49wA5OhBSl1qsCF~S22o)()#Y`GZN}1#7}hqn}h34iIV0F
z@`x<$_HPP<Xoa2n^Rb=ifjm=l^DW52Cre)GLAaWZhK#d0@nDA%Mo(hcUp(pZ{IH;I
zB2}`7@SWp+(Za@o+K2w_2Mx7L2e2K*zJgOPWF;IqTeMh!|DIY@k4aW8C5|lH_@lss
z1+Z^JJb@Pl-uy(MS#ixD6O;Z%q6`LB+w>|wXhhSQq;^H*A6f5`Kn16z)A{GKXPO-$
zf_XdWeE?O^Ox-Sm702b>qd)*1D!CukSV^-Zr%T$aY*4S2DT+0ziJ%#-6kr9mkbT0G
z1u-+(A*SgP9{D||Jp4(L7dm&otW)laOvW|s)YTo8s>^F$3*4t|!^SPa@+)bSR%e6N
z6H@7o7N~?UKmTWQ>}GL>R*244+)!KKUuVsJz_bt^RI(P9>O4Nj)>1>Qj*kovac{pN
zJO;Em-jSJWes!9skgWeyGRZh_gCg8%Ww~v~t=%czeVfKj7rsuoDlLuxvYcqPa}J{S
z2}40~|8mBbK@&ipGp?^I`#Y$AdK2FfvpbNV8y|*B;D)0J%+XPWSbQQnKYHuuW72p=
zm46|UgU}39;@qDq*ib+-uDX?>djdvnYR^X#?S>M%ff<gb&b~Uj@oF&8n8;oQ)of*6
z0S24$d#~r$z_*XfmL(b2(v7oG@5n{|0pLBGR8tI?^xFAQ64<ElRMvgzKk`3bC@7~b
zH{0t<xd_Rw7Y1GfSdp!x?<Qk}cM~o~RPa8(;)ygBU4?$xk(lWvIX|82NEbwe(GhFe
zFs?#4N_S3EJV;(PKN4VorcP`jgo*rwCGxPAey8!w9x;OqwYjO5D@F+#G|Q_!=hp}T
zJ2`dC=LuyWx@|(%5C>#vtJdpvim<ywtuhKkblT|I;??JAIyyf$OiP@AbW(~1hL%k0
zzZ`{(cGU^N%hL6!I<g|Vl7tn`9_BRIHD=0?9CjnzFa5pHHUsi=j@xy&q>U16p$FoR
zMx?kiAnD<95+^wlaOw?@RS=-s@u`&Hn~`LB=l)(*z^xrBAyS^{aGaP}-v1QW$RJ3f
z9QApVd0W!|tW#LDxSk)B%ESvpd=?F%r)8(wY~l2aN|5#!#MI)5w1+SMS@m4lS4I8p
z6z+erdou>RJ>Y=93^~JZ|JQW{w)_9QDRnazL?v-sde@RsD51zwdj9`}jexs~CmEW=
ztylZo@%cvyetNdxZo`V|g}$ZImxYFmFtqj9kle@iztmokYJ$Z40vU51CfHS0=}2!a
zC`}>~7{@@qUXoIDpwn*`Lao!Kr(rfYpuY1Hy!D<MXRXKtOYYxf8b;|@<tkjPEEjX3
z>&U1xJ^Q{@R?5Xj%p`fAljO;Ze{UNsEqM-AJ4#kq^i)$UT58YJp#)P9y}}>e%t#uj
zV}f4K@zq@Cu*R`9N7)i}l#P5)<iygm`?9LW%{~K^fxr|^*Ga%Ki#FY<N{RB@Z`rcB
zT5>uqqi_${0yTe=1=TZcq>?%?&GvC7Q2X&6i+Yffn#X;k0}*0GrcZ_O-iTR0FN$;J
zH`oLD#SX9OHV+-K9RRR0x!BvUZ-pdevsH_Mb~7Y-5I=3kSH_d&f6u}pO_=tdL~?P(
zTe9}}tv=^{mnHCeXUDVFF&zJOfTMdn%TIm>4Xz56PRNW_|M~~nu*KoeAM~5YxuatT
zY(~~8Ou-Eb_R_JT50pZTm9fTtf6``=cxntKMvfd*A!u?;1LSbK%b?s)rGZ0IgQTJ4
zUAQn$F9D)fMA9$I>yeq;;+&iY0Sw7e#IINan+)R!XR7-m^OnR7+0R}q;ZUs?6usc6
zVg?C9EY9OjQz}{<&h@THD=jF4<HR=~+1%3BA+fONBqlUnJe0Ju%?muAZ0K?WWDDQt
zw4&b`)P`&n+bWV<cXo7%$9r8gpj}FIB`^{ZYYA!hiYL(P!SIqdO6_Wuhdynrum^C`
zcSyB27v5N+{urb-U;M!K2d2+mErn2Y)X2>^Z-imsLUC+K#T3rdqw>3_P=R=we^;<A
z=^TE#n6eE>0K^E9+SZ%P<WwErvt9z3eDs8U9P!o>Ueg-lNxS$+RvCm+_ZSaR^(E!|
zjE38<J}PII<A?bqX3m)%cO9?xuE0k5-XYNm2oB6NCba%+kzVblpupYxCo|{foFDMs
z*N`=Qgn7a>ZP>(-qIj+n1%T3)@Y)<a-!(a-%E8M{L_{vij=~S!4Q`qR<N}Q#CM&wd
zUhMNk*ERf|4kNXQ9d#g3Z5umJ43-BOu8^rmj*$s}xO#EpvOXGW=&Ek@h-qpOO@YBf
ze^j9*PHAc{Q2C1Hh5dzsBlN&QjWDZkW$brC#{SGeFJ(_bL&F%VQPfY|9nVQi4A2CO
zbW#fw!CCDStQ_L->Do756mlAYNf9ouKRAi9md{SWg<UBN2d@e#bvM{Ba-vb3`*_f+
zN{bKQyB#dFGt_mQ?J$bl8Vn)2e(|@wD^?lR17UT0h2U7@6coLMW4x2JBS>8Gy(MN1
zDsMsMG9r4dt!FXyXAV*kAXeF&n(QH~h7Pc0y2Qv=P8pJMFW#(OgR~1tIEV5!&UC9^
zgAs;hC}zn&A8%$RCn7x$72@SeB;sos8*nZ#X09iXllT9+oe>?~SDvGun526qtBAW{
z4A##*HZG-3{#sY<o0{4Kry&poV2m6g5CmY18~^|^9|50lL@)mUHd{=jKDJzD#sEgI
z+a)D}CC>}EPn??xSsB1PLpUL{{J8%mk*zI%Mky}Tw8%BG?V2@42@%xGj}SPj#|uW1
z1(ng_>l1SEGk9CniUV0MlIWStcPyn}GpnmTlUuwfd^;826Y`!!R5?$Nyw9KGe(O9L
zC!TQ--81Ep#*>siS$&L@PLzg73eu#CP1<;Y9SQ3~`g?1x(svrJz!*D7&%rjB;dTYI
z_K+&7ZuPW2u8InAN{V}iPGTVZSc2|A1Qv=sEly{GEgWPuIu#YbKA%c1O`MQd^BCp-
zJJ!rGAFjR4o|nC^I-}R7GDr62fd-)|Y&;b-ninFeaUaR`JvygUlQK2Otyd%Fr%$y-
zj31hgIIjT9{!qz6mep6jr(}aDCBl5ayK*~?^Tc%&-|*Bm&n92M)2Q96DI~n(vouk?
zf--^-2&cA(6Ogj5loe*_u6vT*w=fVTZC3#`dc7W-*t@kJT@KY<gWP9-9hS`};XZAb
z5^qCVall9y<<{O7Zw1wyI;cR+vheT7UaI^)>Jjm4eO25Vjk`8CuF&?5wr6qjs>gIq
zHz~X{<oJp8y)rCgIfEQtNWxp5nx#<mM-K`Xq_ZS%2#$eO6;V>=ui>n+-B3aRt90A$
zqw5MU!x@)d4cYuRFr8d|TwtjOt#A1P!C*bb*Qrlh(Lf7(REIe79TVuiGKL5riVfba
zmgu@Cdbf$f@}Wx$O*^EbCP$Q?>_h78IXe|T^o)Y1=x&lXq&U{gOB^J3>q#60vJKz^
z0z~$bGTe;BL-05$`}s-ODu!^)R2I!ZL;G#|v>^tw-?&bf=%V+)`+CjQ!xFjaKW216
z=day3ZTS<WR+oRJYE*a96_Aguy@S;->Yc9gm!7;e?|R>WfSMwLAGD6o&4s5)Un->5
z_3R62r$^UYd<Bt`Q&V8sPjVGCi1mX{#WVGFR0BL#gYZ){5-n{1-L#I97_T{{NEj2&
z_R9J(cNdK~$~UY(?FVvf*6+*y;t~jx?4~-J`={zbE0fnPqUsZ!cV}m;qS6AwJ_2~$
zZbQHpFf)7EIOGO}I)GwLc!>#DP2a>Z2bn=8&K|zs5xGLEbLk-g*7Io795E$}l03Dq
zT$lk1UoS8Ei<2Bqa2Owk5~$x3w2INY>sdHG1j4M|fs(VKggmZPNq3qCE_r~U0A49X
z)h9b$)va15`2>1m7$nF@A>%d-H+ALWs)t&Ex1!+#o+WiR9!3y%HAlJYc&sw;9i+O5
zC-k4g6k6of<ck5rC^(@5-T+f*&DlPuZXQLc^<@&l78f(_kM2$Y5eVm#H;{>(v-frn
z?Qhx{*N#BX!+U7}vgh(9#?AM3_wT2HAuKrL9tOM4Z_*oV{ASezrh9hFI(8`%rI_+k
zc2)YVfFVnfH^~3G29n0q{M%!>K5m5w{%9T_qd0!>Eyj>D&6Py+^x)8q8fe0P7}-Jr
zrOY2o1z*xITWFDcDyt>2pQnq0Hir=)9cb}><GJ~adp_`)=GvcG!xiAmvb%;s1GW<5
zc7#zGVN!>Qs^KQe3XNSsPl!fpJ?hU-19~zPQU+_y<3IX`!N4mFT#K9Gvj(+R^+$&J
zI6<~BHxlT6d_?KY7d*Z6tzEIQHMrz%$n)XcZsd1pnMojSm(y^L;s^bOTAe!f{_1o!
zGs~Ksr$D$fs<x=9FV<=W2YI3&iEx|KvI%dr>N4nU1*f6^yidf%lTg?oL%(zVfyFzw
zpOJt|>gKu36aI9OSXbT`=F_rDY8W1Gwd=zFkN}eEkHp4^WxOc`s|f&#rnZlbWu{Zo
z-sdj8yk2<0H;*Gr9Py-uHF1A5SG9H*lp<3KQB7c_4WhfKZhZw0DlK9Z3}z@riV%Xa
zeXHR<HklHx7yqqJBcMg1Hog47M@OT97wdl8iqFkq3^u87fOqUpwtrv<KLG@k;Fawg
z?JSzU!Cb@^o6>V8bIZ@8;kMJu#COhg(cy4SE_3%H^Q(%U`y}wWzy>?30?Vb|{=cyf
zaM@O4$d@-IaS19`@2O=3>YmmROcq4jLTns-o3Z2ZDD4IxlJu$7-MKoOSfBT;B8*k4
zdbL)+O13WkV_*O7EGSZsr5GsM9im9BJ!3Q*8vWW*VH^D5t`c*mT(%v5N(OrcvBDgm
zS!NR6iJBf<Jk0K&%h_0|fq&!uO6qJKz-vnXf@q1DL3!`iURU(s&DG%43d=UE1tvLP
z4VQVSBckF2A@yR%3J{;k;dv0V^{9ZXJmiUrn6osEc^h*04h0-30G32W-gVkjDhsEX
zAff%#B2~I1s^*k0MTyg*?c&brSYGF;v^o$lq+O0_*6Lzu2K@65FeqZT<nk~4a+<Ds
zhr(YJ#7w3C|NR|Jr;<Z)O24N}<8pB0(Ak^tlL3eNu_~E~SCT<uTjxS(`^X@Wjj(nb
zF^2O}XQVJ_y=puYz1VMyTTdPp12^C&p1vK{b}1L<9=EYdV(<yJb)tLYNL+Ca8reN5
zz_f0FR})bdOWvG=!=y&#DhUtqVq(>1O{Vz*321W-a7S{KKU<Suyk%j+ghvy9Fn!gm
zEHKaE`g?%psUkv2*hR?AWW8N~P7skD#xyfedAAuNmM0j*O`}Ku?R-$FnEPZ6FLDcS
zt)&frsG!pAKzrLks<bM*MLXsOK6{l(-XeoWpCd1sLnA16fq^rZJ?B@o*wk&`88CMZ
zVrda9zyTy4+CavgK3ra6knK|*+!HiaVo-t6envW}UQ_o7@(3?P?mA}`UEFNU;O5QA
z&H%~FI?2}e+*ZDVLyl5x8&s!zF}g%ZKeH%%+dGaN0zrUzzc_!HBEExzt&GCSd#YZ=
z9Fxo(w1EM1VAj^|l@}Qx=Lqzk0lNja=WVE|Si8oEM`kqU{ov_<iz!AE{(@^E6#F1|
zfR)#A_YC2kZ4uT%g{3ycPnUlG0hEVTn4>v9xN?EZ6tCYV$>U9CD|)93ENYY`Q+?=X
zl*A)8R6X=pr!o`>hWJdp`4rVO-ZTxV#q~OUh8qCGR*6lmXO1qYLs(oXrwH!h(3WkM
z3{dYgtR{>!5_{ZRqxT?8RPAL3KNc1+f?9z3Vc!vGmpC;m_;zSu1DfKt2e)!}-iU(_
zL{z7GE-^FaB9$W1;b=S$DfyZk3;}vB+NsX!w(eA@*#2rIl!pOWjdD%)`;EnYKg5*F
z^1$$XmrXyTBj?FFm_KSuj2mki`((%#V$c6iWto0tO2%WY8|UZv0GO+Uj9|$_EW`}q
zyLCKJPvtPu#Z~KETcvF|0V@-_X-zuIK)-o8q3N!Q9@dSx{P&b6nI`c-haAqS1NKZ4
zJ?He?d75v(1FzJf$-KDFGN<Cg{@1}C*IM9Td>~<L94m|K?{%No?!zT6nb^iJir##{
zdN#!~HVtKGxEJR*jOjS7OXE}X8!oot`2{6Dc(vqVFGwz6UaT4hA$w`^a1^0uBh?-1
z&D<U-Y1?rbFi^pZ-<=U;z2qkH{t2$_j_rlN`5mo>^se&X9@F%KV6AX97Vm-Msdg7)
zsO7&>vEg<lpcdx(!`C`&$~y59Wj)X%Z4Z!eqaiB{?>bB@=JQl(&WrcrAb|AU1-pZ_
z)tb}xO$|C<UwDSO1yy-ke#+U*&FAO~W&d;QF6JO~Cw)_<{;+j*e%h|PG2!&-!0od_
zQ@gB`DD3KXP?DDj1WWhE@xc7U_@0}GZ01{F^sGSZ1sDo|O)aBf5n36a$}OeU!E@d@
zGt&^5%WSMCxEB|%U;X<_EAY$Rw@T-%`wLa=D`{nxFqF`V&rrhP$JubU8Co1WgQT^e
znHhJDaqI`@l4p{s-On<AUV>#9Wj5k@d;m7RYMSgUsk%=zNPHYgV`}#%vcJyPRCd>P
zI@;+W+{TEAV#<@<E6y3sYL$!tl~{->3JW;2gTueTn0GAum1`AYS~Oct+d3oEp5&Mk
zDuMQ0c59x|TvkVL$UMmGQl#PDl2e>hoN)W-v_}tgJ(_-VTt2@4{_Kio`6;872fzYL
zO3uk@Z~aIuX*993W9SN5%||0M|8$H+4H7OpCxvt@er9qb1Q3*`=J9fyg6=@3Aq#02
zwmjEEJ<xlSQ%vb_<oEGs$6M->iEzN!r76(;Ga-#BV?m*B_>IAW&}miGH}$N*<A|br
zI1sY`RdYB^ui))|T~x$Qzgr|Md!bk_uBM>_aL)%3H|W^eKE$pt9wNm^#C9K>OA-VC
zh<{Ke1V-s@H2UuE&gxYJQ9;wu!e_tnE5j>-n1XcerM9x9>y@(7ZMA_(0Vs34WkMJP
z(9%)E<h(BL>CPk@a87iOp)cKy7>!#XCK^977rUsF=5~+Sac4*b<Wv33I?Y(%cdaUi
z_rNC(VlK_2Z^kY#&T%hh_Nj8TPMvTBiX>0||2r|yw!{~AmkaQWWVXuC#Iaz@tIPZE
z!U4>87#Y$$G|@D_zw|5Ru2t@_m}_oM`Ua0Wc7ho978c`@$R4KLh{Dg+c)O|cS`{sj
zEPNqHZY2HDFhu=A!xUW2kE_weiw{;wo=@1NWK=+KP^<05TA!R>uh2?>&y2^%C^Aik
zA-|adqa>wF8L?NX%xk!4FemQ#d=v0_(0{^eZ-NEFhD9$AYvaC2%YEno12glqypRfD
zZkh2m;7WHvfnY#Z5#DaKMhpUnXCjJ=*0zz<f)_wBocJR<SEDp+sHLw0M{@GcP65`*
zc3eC(0K>9S8z<~Q{Sr<wh<{CTZ%l(&T9(?kt=*F2C6tl!#*vZ?2*}^0<f7gbBJ;2_
z*VzQW(fB=`r|bP^+mW;&B}VFh?{DbE{~l+4yTG?9Uc<#qb8g+M(YmxWVCJ*?8FPf$
z4EIs3`iBSx%DfoF)f>9CbkIGp%6yLD5mGDmvf7){#<0c9ukqzk;us=rFzjn7KH0@2
zoaIMU3j^K#M9`DI+YN(c9H2Q{4#H<486MK(;w{*Du4ZJ3ad1{5mV}Smr`|2dg@hDO
z#dr)Dab?rYBRy;%Q0Dd6XfAKAjVhfwvA7QB7?AF}DA_ZlPxy|zb4}jcXG8~AW~<8C
zDwe*jC;k3dkoIfahOw<Lk}V2jcGKJs=+h8~S$+rvQW@z7<m_{OOEoLzI7#brB{NR2
ziIM#uc1Pa+;1Y{$o2ZEE0rk7Pf9+U{p8sP{p6{b#(dDfwz!gwk)xK&YoStHIkcSeP
zJ#$DR8_LhbofsAh;GR6~$P4<)ZKF#W>#b>!)?w<oPm7S(sxC-{HvHDw_R4an*N|%3
zFAXBBay%nClrQRhi@gUuEi1p;D7t{q9`o;WO4U20yFis}k>qE>=g|R#Hq@&IF4C_0
z=e{j~m^-iC`xJzNf7D;1my{pJvh_zxwhaYJCo<z$Sc5+p!VEDsf}gzNa(2Wg;Gkl{
z3^;>@|1JgUy*+`Sf8vT^Z1IZ`$Mskey4h$(L_pM}<9IAR#tz)9=+qdfGgfj(JYZ8S
zOp}3tj8CYOZ~Ke-`NYS1Z2(>0dkQ*WE>X#;_NOsdGHWUq7q^Y$OiV*gyfClfCj^V;
zvKSn;^Pu9irbHa+rBq#Pa(1}6u*4f$+40@En^C37m@c(vRDC3zRyelxE$^Ylc}oua
zYGDpHr_qN*cr3%*edYyw=h{+DE)_nFX8_MkWAonQL}b3(8|i}?HGdfVBOc%7)-$uR
z=VLP{-7fw^=`J(WxR?0XEba<iJZb7gI)HAFzg%)2q3(YI5(UU&PjWI!8LHk3(#Pm@
zG$hPM1QW^2HZYFb+&W%M2Gb|Ck<@uvwxvJgJ<ikLBYjQC>4Q0-<z>~*Bz1yTMO_Fd
zp+gl@ZGrPi6dLWx$EgdVXn2}#{hs}vf&2bC!3?7UPYJj@eYq0lR+PV{*ck6i%}Z81
zMts~VPy~~$ITV3TvH}DsX`mOJk2j?m03|H<GIQMEUQe*7aSpc`-IgH3nG-yQ;|8vp
zav%kEjV!`2&EwNzH9P7+qME;LpkJ72?pQMyjUZ1O3}!k-l+o#5E{>6?;yiLM@4xGT
z$!@KU*C^kf)SCSx0cEvA-CZ%qv_BhYu;+jCX#T0k0<rUFVhy<o?J7zcgiI*x9sfWq
zG)`(F14yR`e22ujE%Ap=>YY>(DR5h%aM5LhWloFbW=RjXl6(3hx~8f_6x6En^R{-R
zr_qWW$b6cRmdM~|DuVs<7dp^?oyHMMU0s#qm2soQ5@x=ftPq5Lanjhx$+DQk73ZUC
z!A!p5qy$s<MYwY@>#AB@XJq9I;<lueg`Shs$T?~l{Yj}bYyUhQQW`2GrH_)us4kB~
z4mmxL$<-ML*LpXjbH}~B;9_x^TIm_YOY<E-nR4H**rCds=5ajy$RJ$Td4y0(U*11W
zsUt)g0`$@sy@u`NzA5<<M_NtY8-O>=E`zBSVe$|<5wbEi<zO#5Gq~zwBo*iOsm8Wk
z-may#&1K*>iLZH*(m3V(t)7^2V8dDiBLTwOm+W!a^vqPso21V?G(j^J>G8);{KnF@
zNp&90ab5FD;WhZK>lczzU3uC+Vg2bq6uIQGRMi_7>uJlzpp42!(nhgo3sBp9%t5g0
zq-+&}5WGA>#{zC1+urjj7)NA=QI!gyoui;MVb(OAWmH2!QwvGI5SbGu#z{(Zsd9Ns
z6~tm$RV7y2EQ)E<awXce%L`=HGzmWMIlg>z+&Kg$P|n{zc2Uh680=xq=*rtBi6JpB
zqJqDkjrH$)o11w3u1qkq<!p1un$=uEuK_jB(iLge4z%@kAKimC=omK`ormBjugAsn
zNZ=qz*Bon}dC*>CsotEL#PP&p+*IE--m=1UI%Shx2!@WZ?}UwzAqv|&*+1_q5FZA?
zY8{zUg|b6FhG7En>FB$-h#)3oRbEq|@;rZAS^3dRi(nOGs%H9xCOd78);mb%2ow=n
zx@F+NE8H*;CRysxy00WvgCg43FY7*ziq;e|sm8u42tu6UD+j`juMVkYgaE1=pG`M|
zRRM)=AP8T91VvkHRr_0Ws;apOI;a{J4om3(GJAo(1R8sn{Dz4`&SL`qFRkor>7TpN
zCu-awfm?#pY{DY5F@zww5b_rH`j}d1Jg;lD_^3VpV*%x-(DE0e226LdIq&g`ahNgi
z4@|RC(vYjPy+I%A<KQ`=T-=7eWi31}ep(SflzksHP{r>MQd%?AhQTRkSubY0-Q|XL
zb@={_RGNMtNwm(+{Y1+-Hp&?Ok}I%&hUEiaITj<Sd*)hD+KA$bXkQW^{P~yf!w^vO
z#VNp2qC0x}yFVL4K`AfYY(OSUtJzna>zfh0b+~3cY-RyI811P>c1<S0z$%{%D?C$v
z*<W-;FJ~ih?2*(W=%S>ut>!waYwmKFrCDVjMXT?70ld#1LHk7?%dnAl(ufV(glRT5
z0j#AxKSYS|GHux%u-$$N7N8ac#KJaFf&EY#a?a^+B;Ty*4qxyKDFX%Yo`BjtoyBjP
zcD!p13S~6##y)xgh^NS87L}%5ne=O){`O&*9(5j!AP}K2>-+u+gXg>CCx~q7&sj=6
z&YQ-)a)K9`hM4<Rxscf$WV<HLcp}xGQq4o$hCsayH^4`YI7$4~D(enss+9rdbuo*9
z40EM~4FH#zsjfZj5!iXfQLpeZ&-i1sfA9-~A%V}f$J0U-dL0>qpjwI`&ovb4Sv>8<
z)XfYO!R84{4OE0`PQ<vR+QH`JRpVtbgOPF~150lq_qDA2#?~o{5`89VCPVD~Urd`y
z(y%qKz4BMzUu+8f_I+Fb)&vka+Dz<pVC}=<VgyT2oB%T<FeqXhlqZ~M|HAXeCA%Rs
zJE?i;UE+tr@ib%N?j!s0ws_8a^y+)2@JRVs1=ig6S*L}aj<(7)dPc|pZ^KSLsYb(t
z`z@<w*LvXLYbW=Bz!f{GwbJL8NS$S>`DUL`EfzgH8#t4BbC>YK6a>HYSZjjj*sIT;
za7z%#SWUmn7_V+~CCJs8^-=_fU$f~b)u@@d+>cOi2J$|zKmn5m^;)gD+6HrqX$I*D
zdV$CFF1i@YR(`Nur4WDK!{O=XK~+3NRkaO_!gp)+Rws`zs8^4j%1qWKc$5wqx0-J!
z*){JKJS&!jzw#gu*667k#7QQu!KW*VH^+Ec$w<gua*3BpA*v>;bp~6O6VNw-$?)3U
znxEba?4r1Q{bI<uanQQLiW(xOxiRv^^%sOmd_qL)U?BZaE%Nu?#{%>Xz7g@hp0LK1
zE*@63I5?*bn`bLZY6EV#@POwuYt?VEj5C9iyE@G#@Dy~ez2)Gqf~JaP#Fho+{zF`B
zEjU<(^Gb|A&F$HtGi_Ju?;8Bwy2ublv`*iwAEbLY<o^%nv{Z^j4NEe3y4i-QG~cn_
zhoJ;9{?i`5ejImUSte&e4<&=WkH|7@<pz@=OFO5-C6`MJ#(!qj=~W3WVQ)GZ#$kB2
z(x+$Wv7DC8b|$P`*j1_HH+`dZXxWTFov8b08{)T`T<i4~APck8zbYySAo{0C3lXLH
z2CGUo;`eSo5y7jT)z!b_AiBf<9q78eeU8v~<GsXhSOXUmdLM!1q)x{B#qpmo@DJhY
zEC|x85XDo@LU7`Y#vJ&<YiAaRx(GYz8~s<hiG93ba!~|h@Y}0)`ah$QwlTbel`KWd
zWvF#;0Y86T8@|m3QjL|`1?6;o6`T_<FpKCHjVZxWc7di2*F>$8r>ZBy`bR!(yI}2^
z$^}+uPk8lEQ~2hSP-6zYq?O^LOXVLuzoSbuV!D(<-?)0x@G0P;^Bqs@e27MmK$edU
zg4eYbRl#PvCTEk2B=*r|`xP*`fwAs@{tR|n`l%FR7A^yA%9GU*3FV!o1em)V_ZH0W
zeLzo`>uQ*FSvLymN>b2Uk_XcWl#V#Ls#ui6ielcvza)bu(>VJ=R-Ab=nQN{chPS?#
zJN@z0wb+#tG$`OvtYi8Iu?a9sUxp?2DmtJC4F-EjE>m{FNaef1r=6Y2@x8mm^dv`O
zs*sDwWmNjEwRu;+Ss^7}5*r6Q^6uriuW@2hP59rTW7<Mc;!mjUcm6eNVZ82ze&s?`
z7K_O<`fo~J2y!?xOc)t@$m;Sd#!|&fJ<97IRedoMBo;Sz1c9K3pRx4ish-lD8bj7h
z(P#^S2zu#Q`${YTm1_ly65~;vqFwcGlOC5`%m&H@$PE5rCy3oQctUQ~C+Y|&?_`rQ
zMc3J701|CJ?}M3d!*<{BVunbTYdPvtA2DJ~c&vH&R~I9T1=~`73q_)v?B8>kO&sti
zO3xtTf}#<3{<>vOq9D;bsV+9?_9`DD4+*zK&-Ec81_6m2aWJI?yQ@xTMgRZ*whC@a
zP!#=*<b7F>@aIeoUR)e&smY)9xLbV5zO3zaV$J$V79nBiN3?);RnMY1i76*b3{&O2
z*jlEYZioP-_|q*qV-6+`5L%%E6r8BkLtlsv+hm!}zl!|RM%{`5!#;mPn&~h?=d)ol
z4DQxQTE$ifXQMZ+h;jin6C&Zx$Q&#v_iiGGO3lOO&KT9JhA|zrD!5{UjARoC_ap%h
z5wfqx-h1^BDmYaYrj5*T?jK|kJiH`wn(O52I>g*CP`|z&dqyE%3G~v$=oLY?vK}*G
zEdGIW7T<;t<Z%D|#2k;=mUfRoch07qo3M0oQL0+<f-Ycvusp*Ev?zmJ**rj){k|`|
z(={2Gs#P{Xl|P|IMrB!juWq*uR#Szd0F*oDVv!x|+f=ThIhr2KP@KiD<>tnge+~|-
z!4INbyYtFl{^OLpA9x>t8RT4V#H7CB5~@(abaLK+1lRK-{5|ikO%})#2g<uTJCRyS
zRKwB|6u+SRU?bTN9B{J1f{Jz&=^$0bE9m61f$Qx{DKqn`A2g`j+F(Rp^!9)mJODBf
z@}sS$y}O2W>q3oemJV0FP0ebwx%s)Dd3E@{(K@G8Gfjn&xG--)wlt!+ChmV8aFI0z
z+hi7sYN=;%O7z&ghVMB`UyP%r$$jJU5(4R=7U+o72DQti1!XFtxW<u6Jq*k34yz|N
z{qlx<g0Xc;a2#7_7dQ?$tB2fcKdk_w)BPfc&9`{-^33S)y8HnLWT+4%h)6K33{+Mz
zfNCRmD*P0W=EWNUyWR5uxww4%Ikbp}+&kRPf|a@VSB-|VHkvycKv=o!2*{x$Fd{wN
z6ST<7?Pz=G_IjghsVmobe`}TtxlPzrkEl!(f#)Mpb|8}lSe85KFScNUrNHg>O7jje
zM4s93I-RT%()C`|!D_zq5%tP(W^j0LK#AhTS4+UZVE_OBBwgL=Xay|07RVy%1{c8>
z{w35xu(XC1Tn=RFWKD~9wk*GEE1*gHyhQ<Yt*}w2ax-D(V#IWu)`T78cL&jG<?;)1
zA`prj{7O8GsLs@SV#Bj*APmRvD*@&alD{6L37E+uL2JfmL&E#zzBmp1jQ-|$5uJ*L
z9G(L&Xg=7I5s-WX)9SR4AN{{=V0_`-8|O)NOW1IJrXZSs;Z-}C_}5)fC?JlhCpe@6
zM(D)_$To5v2HD@$o$7x^zHHQ2mbA$a1`Tcyhucn8*QHtK4<Yqo{S$vnsb#?|-W4hi
z#5Jjbul(lcOy<#gYP6WbSY;^)^#g)tD>X^DCXlU;)gd^>@fR2s?%D<kfz-*yc6$2Q
z*Ot;Uj>zpknKC;D7q{H%pHt*j3^<0VZV-4BMt60pZcvWH2UvdMMa?XpYA)z#z|RXd
z@-ZdHNG&85LsWscHkFl?J7L&BuNEs{Ty9v(?v^g%nHy5uC|7@)bsk}xi4Rj!0}7YS
zfz1gpwI#y#gaC#I!!1JE=<1t*9!XQQRLeIJrcb?Gg({Tp*b4#kna5pPhdL#tU=33-
z^n3Ayit{OKVlSaSqw2&#(SU2G1?)he8?zB>F$I}q(!M*NbOxyp!k^Ek&M|=BF|j);
zLO`Z03P!m2_?@wucD^zH{1qpR4zr|;&|)yTjtN03a_5vTzU;D0?VOUx{z>9o;Y+;z
z)TP5e9H|5KN&<x!9^+f83|ZP%!7s-bn`U;Oi8uQn{pKe7pQ39dt$(?H!86)Dw)p?0
z{yM^4W7OINV7FV3>Ewku83m*G(QO8@knCo6UfHR0>YbC*R0;+RN^9D4KC3(n$%2v7
zstUr|fD}=vPY$ou)8QXd>p-1-=Ng($CkM|dBs!GyPpbz`x)OU8t}R&SuCjpX7(slR
zG`NO(h6J*jG!`<@jT*sy6C62J8=Lfv*vt7!&f%E1Y`=%17*80l;v4a^9Z@fCUFY}$
zE-1UvmrwNjOK?Csc3!^Tf~Wt|!T@)F++9xmWAq0GCPK(4;ct6<p-c)ndB!c$_IH`x
z4{Ay)GwSY-@HqGgZt`VQaQ#7bvyq_+Q{pIlz?+F|yl!FIdGSOyJ2-x=NiqDqHzxC=
zd_kuQ)!m4Wc%nVgbuEs1{c}ivrMar!hm3!!<tF9!e|hX!bh98gbL-je5S*Sj9?X&^
z1b?R+v*Rx^+aS$H1)cg93rJ65w19f9U8g79C1RE>qcqozZ1*z_AVouY9VLlLK5eXR
z+N=?7*@4(OnUn0d-N-!;N-JD){m6x%_hvk+RNC~5X0hHIqfET6S}pHzv=|*)_KX%1
z3L^TN*Jb0$N^)W&GS&}y=fWr#YsGKq>eIJoR0M*0c^Jf=@9^40Ug*SGpk_opN+7Uv
zG8ze|p5L5|S7@SFz)O!@LKWtJ`JMX=+xPbCPKy;eVc!pkWjjz#ptI<m1J#E{1+&Hd
zo|UHpptIb(@o=`n#x~^OY>lq!C>e!%>e=9ca2~Bf#z75*j2$k(zEJU488mzPJz2QP
zN=lWhZP-Lsc|J+9Ay9*3*@OYpSKXHGHU_cg>vyE_4&G;LGt$j)UWWxwIZ-r3zEQO(
zGXs0SvM)Ka2w62zHcP9t=9_&#t-mU5l5W<1+~&d7p;e4j6hLYjZ1x$c{mM4-KBoq`
zIiv$SFe%Iy6nT+l5%;lBXs{%QJ6;woOcAoY=_f03x$h>0Sw;GE(Vnh|<R2eG9<O?4
z-G0h1IgA8IU1jE}54_aJJHcO&#EEEe#aG|L7LbP7$gP2b%;Rv=AeO8ZG{S%de08Pw
z3a{FZf&*6r<y&u8tK4xmBo|c|f3g=tvs89}8a&Pitqr6n8*^!fMb!C$&uiZ?m{?NK
zQk)tGohKoKk+@M%Y7e?v2lKhm@G-ibb?SdEP47G5%nxS>BwB{aBz)Z^v-<gPKk-MB
zKTUY)V>(Px)(pX~PD@yqh*WuUyh`*Li>XsB<iBnMPI51h8k+d-j3|3Y41B8=kElK4
z>bVvQ;B@}fFeejfrL(%H;}Vv47mHm6hqKe*<Lw|3)XDtg+*7ofp&BlhiR?_OIRYR^
z3Q5@%KKmZq01=L<xftq}lnD@n`y1)q9C3lds~g#q$ebpj4@>4Fek%_<^uxB3r;c`C
zSz28;SHtgo(PX&{jA!Jgk>H}Qm>DA6VT`QZ&=%fALr_;+RC^j~q7Rk2397i=>2mL2
zT{#v>!2%kK%dkH^FK15%wxNaw#c?(dUl7gyQ%5E=gpN;;q8}N9&^Whb6OyWnBT+H+
z$ips;J1yw}z+bHcbLOMhf_}xKa++_hB_tW8XIUBkL!Dn&s*YHmTLR_qt_nm*k?x9S
z94TEliLYjkd%>g3qmq1@26Y0%+e$qRB6AlLj!|ihdTkB73tZudMD_*mfRy<P!PL6Y
z5v8o$5`(-iNhKZ15yR?RXFTWE$TJ}A8{N5?&XDk8uF&*iShIJ}T>JNRZHy7@iSv&l
z$92cKYo>qkJJowb^7GsBcN?apoQ1;DD5<;J4^gnL)U;j(8`lpkHs%%f!gH%e2#m>S
zsy&?_LXlX4_^(3wmQ232r@2a8alP~$^#h*U5x0=`z()T(CNL5j>+v;#<?6ChmqegF
zH=zn6=l%*Q|4C^!^3~DM)dl=c3i9@vZq3Ohu6<K&GjE}=1c5p{21C~QHKP_}3XcRW
zg)EyIbAafSo~PlEt}Aua3&?_!*?3h1S3?9J&HM5wjLb>v>vAlxta)(~q`u7w*W|aY
zoeXuX0Kg^zfZ~TZg4B&5C(Cv_5_>xKQ>CY|ZTSS~2t7nD9O3&1-T)QZ`veKj-skJP
zT<mP{qNQqiLm|S&vE_Yc4`dVO-e<VHt`Aslipw70tH-9l1uKvTDa7z2fPZ9^$jPLB
z+m)|Sc`Jb4Z5ou4NKn*jT8*^~U4)wJk-1<Su)boFG|iK~uY1Q9avvFrXDFjXf~zlX
z&v^)Ih_B>C=bT{89YrHiy&=6`W+6Svu~2z^cY6AnF%?epuMrq!wfn_LCB$_)!WHes
z;+?dE%|fcBuOcGZEjo5@Ei*0_Oj}KQR8tJIT{-0{_f;;um4Q$!<pdax9r1Ss;*3Cx
zEyah3Yu5v5>d|mlcPaXaY(B5y=<aY->YQb4wJ)7lj`HaezM#g6fH<Rc4}~+_7Sb_r
zP+YLdsPVqbei;i*HAnhX*@-zboO3Nerpc!Fhv$<{oXu87XbuvUdA;Jt{y`Ji>cKN4
zSKgD9=+4zuiaxmnmg(|w<h{v2eDDi6|GT;08ADx$yYlx!Aym=N@ytY>5BZX--iR1(
z0GYPKRq`^K?a$OUVP10^jFE!rVAydmzk%B<BrNN1`~d(Ni|RuZsba)0%II2;%HFQT
z{dR<Be$4|J413x-6EY9Y&TcvpjISb%hnReNEgJ@l>wEvUwo%*Ohx?|!^L}`NkZR>E
zWJL0qd;i8{$@6l*CBpr7VcfnY6?by=xzZPLUGyJ+R$|iLEGgpd)6l~<6P&tn=_XvC
zwxrUa#9)iG;7D<DbBE0sL2I6>Bel|&>_dERXs$eI{LidoVZCjelxKByZa`n%LF!5j
zI8I8YHd}yC|NM;|fCc^=l~i+P*Xj~!J4k}L*tgA^w$kz4h1E`mc`~&7DynvlhSo9(
zw5VRkuI75qP|z7vqPu#|trmP#C5o|w8&!2@ipXtA?qMIehl967m<L2Qu{ph}G5F5F
zGSoumfQm4jW<rRS`O^f$T1||yQJgvPUj-Lc*qJrIrBvl{CfDPR1Mu<ig|Nr209CY`
zl0bdO$2#0#eJtItiNwfL3H7vHL!op*u~jSMVNwD~e{t#QbQ2uo^{TiZEi&cW+Xg;C
z{=rHu#&XAXc$PGK=PCibOOd6l5i~aIUE7OAe{0|Nkxmp&3X{8i=7FCRuK<w?^1+d&
zc|n(A+w-8vB}D>siRYRe?j#+hcWaDAP@@x9^<bhCE#MOO8t6dqfwyWSZe8Q60GPtu
zKnO}_onx{rS|Y(rSrJs;WpU$XGlA)>8@_<TQsd7nwDnp-fNZs<MaoxvyDV%GP?}iO
z)qjt%jf&{@n8<<vYmtX4YGlnhQ^%&L=)LhkV;5`sExq3tv&OrzBA<+G8#)`PisUEI
z5#unIy8Qci9h3dlAb3<^5Gt~pMGKIDclqtZ%4pUSX<fHks=JWi(Gj{puPw;J+QTR$
zX?EGwO`v~U-aqcJ8eu~7b;7O9vmm|6;C5_77Wik#_jeWmc1gTcMSY4w6c)k3@r-$f
zbpQX=U5`RIPwwH3!#yw_e!cvPTI8sHkPN2gQEX4J>o(=G*zrf|jZm@!Pu*FCt6i*@
zZ<ewo*gG!&x~y8!g%a+g{$IMqfn*{WD%~0#mJe{Vv?>{-wX=_4JfWf1KBdGw`N4sW
zg;lfz{aBNm=uZR`NJLB4qwfFu3mIu*78BkzA)HwgoFQ)m#o?h6{-4xTtn{UW9au7m
zbj|`lA3ExGkqRxC^;$=GZqvfUxE<9MP3qm`dL0M+Z4h^Rj=6GWA1Xy!GhJ`BVbOGn
z<wk6jSt)Z@1J)J{qzV>aqr<K`B!hlI%lbqYyGneBZmurT{yn9^ZchhWuITrKxTh7$
z)2f6=*e{GbxdTSH{^N)$=*PXXNn^U7H3}T8tO)>neOPUL^k$zQAt;*$nB*)!;ZB`)
zk}A3HP?U^r6uy*ZzKe#!hnCtvpGVOFuwV)09Zjn?U%I3Sae}!1qU`(NwwX&Ry`n~1
z0V(qyhumiwKSQo(<?Qs(fkp!Xpi3%PLAE`ZB{i_?=bkWS|8rFoMr2vd0!FU)zi?LA
z5W!v%wese;vxNf6_@fmL>#!%d>=+x@g@t&UN}Q)n(P_MS*zgD4lc{EtEqEC>mu{Pm
z7&N)+&GO-ZQZ^rsT^20oe*ehe!b|!~Zp_mt_@fi|8S+do=`CUYn3C8%9)LRleh^^c
z9ZIM7+qHX7UG!g>;hxt#QvOaygh{AI;R1}ECZdMmG*9BHqNic{6Jd>+=q^v*A8@88
z$`j1%sS&{BiQ0l2Chu3_!V9dL-pSCZOmYb}z`8tjXJ(K7FI(dwZ_3PBfBE(-YJ34<
zA3`o>euVSNY?a}ItxW6x?-$fP0T%paNISh+)btU*woq#jdM7$og=^xO2Na$1z}pAl
z(Z4Gx*&4PYu}2@u3dnTKIRnl0V<)63L_Wbj4(&Urt$6VquaMNj;ECw1c8zL^Zmi2*
zUfg8Z&=rgyykPi4Z){i8^;cTn6DqsT?JVg3cM-evp4HfN*aVWqcCx?<{z%GW6q<UX
z({$0r9pdyl5uut^mYjKB9}=wffeV_1ZxkFX7S_vQ$wa>^!)6iewk~{q7F^L}Aa*%X
zoV?<Ugw?gjlGD49VTu<31#b!80^X+H_kPL{U@Fa;Ln62XOdNrkm~nkulS*uts}GDs
zZmfQ$w?lm~AE1tF|GWdCgHZX<meW`#7Dhf27wJ$d&K!48VdaK6s<I%loQ9dNi4FeK
z)VsNwx@BOyk-+oDx8Y17i93RAn+Hqn=U8{U2B~X;8N>N|es}1Ccr?WzLuOC+;$P9=
zrq%K`DNk+W)m4f!9%WH=SD%C&4Ly^oFny_aD)`x)@Ax&qtsx<)#O~*rcb55e0`qwe
zNWgkmGQtW9#4rl(ub#q=DjcM}!YvHXih;NIL)SgmJ9->}TJRNJ7&BaXm9lou!?<S`
zBLZbF>jj^1k7D~ps9|>a3CpbKxmYi^opmwM;YsB1?ZaK^tnPUPjtOOdv>n|5T?fEE
zh5Lqgh2zG`)-nH}UsimK(r$=T_8=(h%;eyJY<}qYLhWC0DE%}<R{2*ZQJK~P07nID
z1AE2gwM-YUBPQn);YUp7H8Wn9uV(Oq6c(ocH6IM?DbNAv^kaL)SM<h-r@VkEhK#iT
zcgEsZ8i)VOdp=x>FMQ#l>A=!ItVVl{Z9*)uz*2w(R{iM}-RHPVDw0S11J(zx&8tl=
zn7@2pXIAUZ-GyFA_S~&)qv~Cf8wjt2d69j`=VrG>aV`F(l$0+jeK2CNE<)L#n8UC$
zyMy{L9j>?M_&v9bYR6*D)oGMm)6(?r3&tQ_!KRT^#N2xo;*T$*V~^VM7!nF-QvGcx
z1x|@_6Jw0!{6+uz*K?rJ6z{<*nU^9<!WEMypV-9|V!zTro((yQOMf8^Wei?V;oYCN
zDo}?OjL{Rl7RR-c4ryCF7Q`jb>|>rmSoT5J9DA@OvH_zgbyfMf8rZNI#k7As+TA7!
zF~U$({ci$c)c$_I;`<T8Z&H#RfZ8_F1vaUl#ORKkBYu(&J_T8yJOzB5gxpk`G!gfN
zj(q;3y{DsQ=wcwWqw`_g0!^V-hd9jPTYuINkS{>m1o+x;kBxP)rX=nDt0530$#NY9
z5B;JBBfQhB1BiP7V)Q;|e$_dCwz?A!w?G+p=td9hS4^0?KDCcx<>wL<!yHDa1!{>y
zsDD7~eNf5%csuXafAmdn)U>1I_yCuHhB%XG7k^Q1`hf17U4;U3TQ?m(eRX1Zo1qf$
zf?p|yjIgv9;ZuA=4nq1|i3Xu)F`E~J(A2XJ_^K5Y{a9TH`_06)VDGGA`G~<-{1({!
zb(+8{ES8<h+=8C(=8$pbu|y(TlDZh9YgXqtYq>rz*J?uCV}X)pN`@_+|59P_vcm>u
zQHflvo+EX<go1K=2}k-%#{z*nArJ&$j2r*}KUzVXb2LmtfBvdf02&WDz(!0IeiNpF
zMZ$kj%=<?*V3^zhGC<A0=}=f?dcN05#DxNImKc9b<CgW11_Zapj;>09|FU05M4z?G
zHap$D%FA5D-edr^J^g=g0&<u7Nc;zKUpP$28WE-*X<?Xp<-+I4grrxM>HG|ZJ&Y0`
z@U&)-TuxEiSj~%uVB4?Um=~b*hG-JdZT(@$GB;<txzSgj6nm|Tbz&JcvTct+@f6AV
zh)Ps@IS@_ZoVxINVIdk7)AfrF8rPVjt#yw`6A15vwUKF#+=Q%w;+tWlDwee3rpj&e
z*YN~+_b`KG8?KhGWrbRQ_zm|0Eknpl&Nl+<qcLXFos6=vE(V?HF&^&GxtP^%cK3y`
zf-l}bxOxU-W2@6YkJt`=pnU~e$HIdyIqid^PZY3cTx5(F_?i(9m{>MsaKH}a?qeT;
zKLrXPNM!UrOSP{JM0T9bhu<@av`;`ZcOIF}i$%^K{InHYapeHM|3;pZrqfxNoYIaI
z>D3gf--F91Bm_nE`_$!+Vb9Z!LX7Mdd@;ND+Mud2ZUbNYmyDXbf@$sr7w(@c0?^rt
z&|#E@$D@|2Wy;BcI}~K)hbW;kO(#eh1b(@uzDQXBS`F2QaU*77O98{v^LYU-qJ8)S
zz9;YBA@3+9?C2*hh<>%ZBjF7tm!rFjh%%$WSP*vTbAACUJZ>0(+Ab{|$~47-9bMS^
zP*8=%e|TO4m252W`2_>Aj0EW5-KA6_96M*1utK@+SKMz&l2jBgE!V&N0&E!I%^T`t
z+6rU62N`<&r~nYd@WisE{8_oA5Vfq^S6+PCu;XuB6R3tUL-;n(=$;Ktt}e{5(jVts
zi$>L73)WJpnT%}`Y*!5HqNW$knN6d~L&Lsz4ia)MFm~YvqgjpLv)gY2QsS8|X}1~@
z6>*IaerXNZe>^{4CO~6bKk_7=UnIF^t991>Dvse-ocR2@^-Z2(E06bU6sxFwhikh;
zQd%@hppRxS5U0;<l`z_j#6~dfM9vz%jS6ZkbSd9gCn3n|Qvy!JoY6m0TelZ(oRFE)
zD7YAfAzH)L!i2Ai|2v7Hm2ez^oWUb4e=s?DmADRP*`@n$kA8+9U7_MDs(;UAjDb1)
z`x3?E1YM_e-W(r{`u~n+SQvVxmcl%tj^md61dK#8Q|k{W@?(a-m8-A}%Qd~^Kh59&
zkOYcZC^?Cqx!xBr#uxzW>Q-cl3g8|R5){y{`-Yvnb5f{0##_29ZbR8Zo75(Qjq+`>
zbtZ+Rtrpo=C&G$gnXpA2RE#2e>E_M0PDX2fiPx~)qt1~6<r2(N8R$Ye7^FNn);a;E
z{Z9SfbKl6d0^FIP89hKeD(0LBH}%*UeEJbviw5wjl5H8PfBpKmF6SYPcocoM42yE|
z(r<wKsYD<9Nz<;VR$(f_jS)rD??LB8*q2S#e2u-8PG_wz{%694k*};#NYw_z*9j_~
zo9GJaRNakj8@>ynv#MD{kYNF%hE3_GTY^8kSjW~E?nk5OYTtjf5zqKPk}Onli6{Vc
zHd*oz(EqZ_zqk%TO=Qiisk&l{r>t`QlB7d%s(M)$rs3-<ohSm1yDo&21S{Sl)J*d9
zosEt!HCMmi``QP7Ywf2v0XZT64iTx=Vi#IOI9eKs3hzLh!6hdY5my<bn9QNV)$x$Z
zw`E36b7ZruF7UeA-`Ec!!B?iy_rdq^(jzGGH*<!!nXX-7+X!Ma<TqGf7HpiKg@%yM
zx@3LQ*&)qII9aua9Bpd=cmwMvUDC`7!_?u8;#49L(PjgItIY87URzn^ue<7-H~qc}
zf!99Bl<P+a!WN^kkm3)PwK>>X0+Ay@uf%uLbdy@-Z;J4gcnpOt0+w|}Et9k{HeP?=
zcJAnT2I!AnGV5r#T;cm$j{%3O;gRCCLnm$uDlN8+OJ#G&CZg8U-mu-Vp&Xcj61{mO
z`gOxf`#Aye&cp+xJG7^<o1oQa8Ga0i@TPi|1-zb??MqjG8^Q#DF7Z`6coE~@AY*{F
zZw(DMwO3-hor4PgeAKudp^c4_0QN_JW?(E&Lx2C!3B^BR23XC-TmH9B8r5<qV77To
zv3pEjXP^BOn@+^+w>0c$ZbLY`ja#rX6WdwntY8<@Q5rwc=CmsG!8cCX0QON>|6H_B
zOQ&o-<}wBt7GDX3=E_D8iDVJL^JT?ux-C3mp$N&>l5Eh#`;`>}S>Vu#Tt^!8dowUn
z;dvmBUE#3}T6H%wyRBLD0)-a1lPX}RtPN;ZrV?R<ahEBZP$9^c8>vU(&?O2r061ME
z)My|BGy&-(LE21aoKAi5V4+9L2-eOka>qfA!=sUBI2GrBox&v}N-X=nCpynBHpb`F
zF76FpPCk(8Vr!UR*COB2A!Zw#Z0L$qlLZm^qGWphx8m>-V&grL>G;l!DLv1Vp$|G@
zC7-^|(3@W{y9rINg3hD0h@~;7S_mS)BvTmIP@xs!!p*bDkZqs-!*R`8P;`=}QicrY
z^Rw7#*@m4Tbd&lPWB%k%Orc}IWdeWBb(FAJ;jWQ?iwi#d-Y<Zu*e`p=%LI5?;*)h*
zs=+GOaKsV)b!~xA=#CWI$DF`z#>3m1bh(=(_y{yX4V1SAgQU82l0K)%O)S>7qkgu(
z&TQ~quDVBGZFl$Y+K@wR5yoOg5j2KDa1y<t3|aSwOWOQf-jF&Pp&ZCJ$K(6a;+g}|
zh7|zqk)f<}vKCcpI=ER#44ZnLKhgu(1B`$RR9_9Q3!Ya4KrD6G!~*59uywH%Qp3i?
z%V3*D&MSqVrG$~6%<sr|H+O^ZLaH{7?C_O@+2LwBySkSLe|C<V0cCUbG!@22_xi7g
zH+qinyhRi`rbKiY21j$mQ{kfCo!Dy5iDeoL>e5rD>6p4R6rjSyfJzgv`=hu7R(CY0
zx4Azev|iu<|9=YqD@^u<sIrwyZbp%V_5Btz5W35CP!Ic@lu;gyVECMYZ#yjJ`W)pb
zffxVT@BXwcD=}7MNiBUGDr(~-6m@WpEJblI(&0xSg<#z41xg1k!xjokZ*8p+IAb<i
z?2=+&obBN%y8Ply_#~he6wuf2{z?SGZW4iW><{D?0wJ3I&nBuqQorZ$RCp1E9W7Gl
zS!{8|@(vco6YwHHmrI5O#uC3=4ej$w1)-A^`q&M;J|ll|(=ir(%cDeY;kkBYeCZFt
z%jpajX(?7JpcW0xD$X~t#oQxW2lp+s=0(b1i`jC`viszOp3-k#LCT5yy%O;c@}Y0q
zfN)qIbRSuQh42ZsxDU;GF{&883w74*O6@*=z<7gO-wk<drycZFyiFUMk2MV|#!n{E
z{<{2fC~jZ8Gio!e?zR#VVW^P)l`M7ohAQPD1@4_(bh<moVdG3^RkG<Ymvtg5RPby$
zf#e;QC{Gm1Uy;M!TGF*}N`~AB{Jy7)DL>U@O@Fq5vIs*BdWmQ4p4miw1TMP;--_;i
z4PqKg!(ezUYr61^$q&;^{m&cse?KaYQ(BQwp6hu3K5=}<b)xC0f6WK8ZJ!Iom|%+!
zo2v4<5Z(nJ|BRGy9ElNO650jn+sQ<tCCb~d3~1tT|H4vW)|W7s8~;GZH}))*a8#Au
zn|$<>#KekV4bVld=Xw@D@AuC^#z*SLlK$-08~(m0Y5jrF|Iu55DrK67t7$8jUVKgW
zycv$0M-6~TaM~VfKj*(C5M0K6qwD0(BRbMuq~%p#v5nq$h$eq=$;!Y%REb+<aVLp1
zbVer}wWvZ<eR2<A19oX3-@en~`;}hO{t4;h$<)v~g|BlQ&^XoHKfkzDaJ0>zwA{R`
zEhsUd>#J%oQ)Bc!4=O6uvzSQVdj7|Vjv@|t-(fyW8FQ~nLMLex-dk)_hd^bcpg&v0
z=$q$gn;tS|;;Y~!%%me3FZPH^?<;8mHh6k;rw8QEw#JAjp(oot)(@+CJjEvHtIMDQ
ziJAq)!{2q@r!&9AOHsd%lir=$TE{{I)AT?E;#5N+U3a&nE+U?3Wonj+e|rj9bxxFm
zOAX$z7*4JjEl>d0ZSBYu8xHU^LZJa!>R|F4h1x=r{Q|MvT{bA7-J11tUyv-TgE?NR
z0D0pVTgIZYQps8N(&1{A;;OtZ1=@95${;jbJ<3h_zMX_SW(2sU&n&tuW)^pLUqj@A
zlCu!ux|4ZFqE*=3EaxXcY1^$imRVJ)V7>e7>BU8%=Tjz7oF-a~eNX^}Iz6l5sC?H&
z)@`@3L+u1}4wdIdh1iTLdLV#HmtY;lf*U8x6(ESJsI#W$A`gkaH>7n84WB_FymBui
za%V(~zq|+1oG$sKp+T8Ht$aCvLlybyzFI>GN$(p1@92%c>wb>8jPE*rJs%kfjsqpk
zS41kc_-2m;LT6b6p!${Flt%hU+;FO<WXLHVxf8H{jFsk!(DZto5M|9}0FyyQcl1VS
zTq`-($k7k3TCmrSSX7Bz#9ko!SquID{WkFU#utF%{iR`sVF%A@7&qmcjYhFo2X(6t
zNea}0UdLWyE9eS)O-uEWQZvm{I7rFx34LvGW(#uRM8M+huuiLQ9?b?G$pX@GzjrIc
z_rc~~!MI~Qr3whU9`?sGFla9JV3bFx-;KuDGN3!F2n&hT;4liXh`hCT^3<(G%^fxJ
zxNuB&xw;uUm5QVO&#?2Ws{=c!`oYwvjE9>^CH@<jUn?pbK9{_SR5S*1=uC43gO|gO
zi4{P;zuYhQgXK#=RsQ4twusX>sX?>3EvMQ!Y%i1x3KUrS%kJAnpt97)@0tp{dCgzD
z>itZt6sR~O^`tS@>VB24vo%=qWGt!EPQR>G#gnGHHh@z9X9Q9ftt}u;jqR%%0lc|Q
z??gwQ>WBGoEyIbu{cU}cMAI=mtu(A0PTvjR#iU&Ra@i8^5JPH1d?oK|EXbabTq`tN
z9Z&Y;wfI+j<^4J2KSGH6<qE`hr45^VUv5p)>&Y|0dUG@7D4>*Vq>72{O=TYj2Ag;b
z#K`?;O_C+4#YWERa>_zBc_acK=_ATVUR!blrehXG*OQ#*KmUolJM&1LYkte$s_@R~
zQP+;XT_-UekxC=YaQ4!3*khAq(P`dgS~K~irNmXT1f5RE2>x)L)fuVmVzYpWv4x|k
zgpaexnCzeap35=)2Riuipwx3KE~+oR%n#`xsG@Hb86Uu+Lj=cToZ4`kQ{qR_A}725
z?GIq`(%3XVVcag{txS#|>{Lc(q3IW5`;JbwW@EU*63zm9?gBIFK$?|v0!AC`u9~O8
zgm5pGpFqX~FE9%VZvnsyO42UdnX<3tpTomdMsdkz?=RDK-w*|uwSO#zncx$_@F(V0
zrza4BT3|#RyY=;x&vX+Qq&9nsrhb`liV=z5+q|!cSt(cmqrdvlVRRKdjLdsQU><5t
zx@GtLW=+^RQs%qtj|y=eXH-#dobo`nmD#vR<N#eztYiZ(rGF%9kKQ~DJvhh09vg9K
z$65>j<X>vgYmGp;>9u{@7AsAaKa~crWgJlAk<IEXefL)?R0$lr(L;2Aj(>cAgg~}w
zffL$D%wy*fNojNV@duOVB0}r=(yTvbdtbLUN{4?-OxNs0tqm{NT4v<3!=SoUmr~ya
ze=o-W0q)22f72yU)d|rSb(_qdY7yKnYH?zE(W+YmA$V!k63tYEpg#j9r-^#?j!2pP
z(|T*TrRME+LV%z#EX#9}8&Fh6nx?(-?;%QqzSMT;Nf7r1>4}Ycw(v2ur8PZMq_#A*
z5+tuiJNcOv%f{CmhHm+OMZ1?dllL~Dn|k{FT~i>iImz9Q?%N~VZEUoktIrXa%)Sh0
zTDpb$@cyU0FNl2WPh#{~JL^AJK#bgUfYj<j7k(-b(Rb2RgHM53o~$7`y|M{0wwjCF
zpIftgK7pb&t{J|9bnE)kdZ_4CstDei3k;dHtUvuDnMsSvU0x0cu<e850{h`<trR5W
z)|RF<OfBa!_rd|w1<R;vxi0YSnVs!6h&HcGD#+tBHJnn<Cvv;;e|5d<ZYx*IVvZgW
zJ4a8#v!rS_2P^v-d1(02hRdiqR{a3daZAx}cS+<&;MNL1L4O6zIP%Q}dW)I^86nbs
zUkovt<H^XNx%kOdjxjOUGQ$wlGX#_UU%2gp>_+%$_@2>Prcd{ytuj&zdElvMFf+Di
zaBhR4ZrNfoBjy8$*a_<TN>xl;Re{S~Ri+**KZ+wFH4j5v5^*x>LGMiPp3Am8ked`a
z?}QJ4oXGlR7@qW!lPcRApNN7oajZigGe*@CQB5D@UK+b&hhh&zrd(BmK2-i3Hs%Fc
z+p93O!<6RX-;$0t=;@*k<4NusnoL!r_BxEItK{g|c9n$^EYJ6KuKUZ-eG9$nrlxLS
z>&mN6t)Au=FGk4AW)nO@SN;4;aUCF(jP24zhCV~rrlBugPG0f(6d_}x%M<$Rdb3a|
z_U9>O{5K)8SX9i3dy%0%rKVH(F|M%b(|mFU>jV`|=R_|AcIvc?zBod`xQ?CeAQd|E
z2Kj49F;=}H%P{F8huq&IDN{dS&vg#2(!fRu)C!kCI<Dv?w?=d<W4OJkB2ckvVxStq
zqs1Q@$+9F91@k1B&XsIlF?(oG9FEhOGNb?-vE`|bWorar(ppElJeN5Fja53(jgCU|
zcFrD!;vWJSh=Jfgh@^-xUp;!)Y8Wg3_Y6oSy>*37HA+%|yqZY`B5n=s^PzX8l(Hpq
z9hB(Uh$ftWG*X+(*G&RNQ1Rr~i~yuCsy;;Sc^d9*24xx?v|!c0{`R-mi+#1RGbzRS
zAXC{5<A>Qz!Qq2NjmqE^gL-%=60q*hKs(<zu|dTL9ebI3UjhMN4!lcu*x<%wzNJLi
z#=t+)BU_<eq1u^HwmA>*Z3%{s4i)!mz!bCO(USZY?s3oh{IQn@;VnP{V^0l}N$nT^
z*fi0Al$1RYQ?Cpa4^IXI4DM7N$WCI*>85B}N7_rtbK;LD#rp9q4911TnZ+aZu~&l?
zcSn<|hEV$AZFmvoT?K5-2{a5taz>GzAe|K90!fA>`v0cA%oCw7d72qiD?B5}dI$Ic
zpwe;MI1kBq)ZpYygbLT<)(j%7Ukr352@@Fk!2Ob7Z(*`EgNH3eIJ%=kQH&l~%R4Fc
zOC+YHdEYz-K>+?glK-Io)u6an^9J#0j~e9u^p#<o7tEvtex>*33=$Hx9Ami#is6oV
z#fqTG=ii;!6nkf@j7*HYN#0^uYKLOju)O?LhSbEwi}*Wt|B=Rz`MHBx?#IEE7p~3v
z;@3ni{P=Od|NqRvKLh{o<D239>KXz~h5Nn?F<%2U=LUBT$K>~xP(IWq#4--b%sLnW
zL*#L_IzSgZ<}opzS3ufrJ6Vl-z|W)E109b<2rb3aKp*cxox(~_?_wmun9AsG@WbHW
zGn>jhL~pqR9_C;*A$N94^psS0{3H?j3dm|-BZk4H43tDMyRV+S0;*;GkmW%#f`${=
zUl@a7AI0mnDoK?DL2>-HsTUcVsN$&EI=Zya-1lx4v?Tfo_ZfmS1l@I=U-yp$aXyJk
zCf`wwVOE_tYaJBKx`rt-p`~+_^*d1C=Q9T42bsKfBcY=zb+a3!gpIFeNVU2FM8TI~
zP_jPTcx0JMpX7ewwEC;KM}J*UTiPe1Mc}VbkM**}(bE!o=2W4rl{TikW<J}=)Uq19
z{<S;eSSi>aC^&#V8L=hHfI%sadj!_U#68K{iOEjdBSDzHD2gz~1UEMXD)<h?2iVj;
zy!H35+dMf{`b?#>Vb3Dg46}KuV;Bu7$9mF=BVqY`$lW!Uu!RwQh(&4XRD4GEJ*T75
z)cq$cPpK5<E?POKJT4M)pTL}Cjaggq)`?_dvpKBxkssrUSs}eeOCel+-({Q*@DT$>
z@az-bYo2~Bptx?SO#D@?Xv0EYWzOFj5kQ)0n3`n2SNt7H`>f=e34Ojv;8F7H+yCgz
z1g*eXEiaF@#en;!2i$K348l6I_)H}L%@OAwr&xa?!H{o*gX^|U<{}TF1%eTWE#HvI
z$1~RtPDIUYTWbJ(Gi1^g3sseh^snSZfzy6^JJ}`QR((F&+_-UaR(I>{?+%;nS>0Aa
z7~?tv>iGi&SVQ2qMM(@z>#H#b!)X<sx9DHafZtUay6jkP)ezwUBrA!ejX_N2j-~^L
z=m!3i8@`DrY*`jp3+zx@SyRaqHUjVXeLYK=@{<#;WxK|_+d&ojzKtU##}+QiO@iR4
zt@H2Aqlv!l+Fp$f^ML9`Eu6dMl}!b;Y)}PIR%cn~tpbB-iszmK@<!zqD|rO(PxN$E
zoV^l1aRy7Xl^M^+v#`n0lE+8@2DDHwbV5-p$u#AiT_%O3nZ;v2#y_WksevZnsHZq!
z_|Ya!ml~A8dIt%5G{pUSjb`1WdWd-PqrFo>cO}^%j$^Np(DPjqxsi&!E*KKFbM_rv
zzWAqPb}09dfBZz8ciiVosH5k<_lR(DvllG6T+mgv7%K@czs2J9z}8=5RXgrEI^ybL
z3hJ*T%}X*-r2t;Q*BF6#|1lwvurv-AlBREp|D<K9@z0*@$PBXydQHN;^HLUD1M0!q
z06t!r2{%AC_R~uuSe;LiS7@-Aca!?^%eTcrnD|&!Lfb(hb{e~QLQ#Ma3JOLWQ!z?1
z>Q7}g;zP?*zxo%yZ!neg_aXk#vEf>+o{KTWV0>X<vFgi;FY{NcpP^`KrNpXW{*cFp
z)grfbbAiu_zBItR4$7|PLS;0Fj#T%017a4CROgXZdSd5TG`1-?c`7;NECaK&OpF>@
ztIDFeB8!{;iJuI;wGqep+Zzq^tbBHo)S|?$EXQB-qr%lQIazgIa9jc$`XNe8_;AB#
ztwvLabo`CXV&UX@yX)Q{Wz*{6S-d^-fI%(cH}-lNw<7k1bS4r7^gOibWUZ75r4S{V
zG31>4vZO@1(1O!*E6BODVEn;V%U|-f{#&a!*Ct5_jw4_-Zf@}3EpsDdh5zM^jwS>z
z{ZswkRBcmW`%9qhHj5H5hi<)hu9wnzhU_h?^lV*mZZ&^~lSaMgC-oW5Oeo_{=Sw>^
z=9Fj~%gvQ+u5ru0+YBZ3b=-AI5+hHv?xyGtwWoa%(Ja<6f|#X?vxLV+8GkQ^*NmVd
zj!W+g9Y?!Nzk5%1BZqg1(4Wjz&osquS2Tv90jh@yDN#d8y#^4dv^v*)Zg@Ca%flJI
z7VVFPdu~hWQ^?qTKV+38`p}f-8kGPY&S#Kue<UZKi5HOdKA8%eg`Os}cz`BE<n8!>
zMEcb}dggMp;t2Kui<9w#-_}0vB*KMl{yq(GFt+N3%W8sBJpAwuXX#27+%*l&y<spY
zBzjep|Jt|lrDqhuP`Q$O_k=h~PpoKpvu#?sn$#*Fw_v9P#a|_XWardT+a`+~EZOi|
zWrGrN(n}lYnK9t%c*qlHy97`F{8L#v;?jghg<)=6ip%Vt)Kq4iV1Mk9hP#ef`%&Yf
z;l^L=0LZOiTYC}xnkY2lt;U~<dU3FVnfa1=jUr;ECZ=DV31arq-!29t)^%RI^C2CP
zaHasdXi!Vve${-mRJS}=#_xPGeG)rtdvxcZJptU_@u6JpKG+;;eDkdQ@_(D4_KehT
zI;Wnt&wu_yd4A{+|N768(6{Wbg=H^H<y+ehip3n|25LWoo!GBqLEvjpG4fC_;4=FD
zYkR%+F+9)WP*qtx3nv&NnE12zdt8Snm&9u|$4I1Jw+1TLr0(t@lq+eb8|QWd7sKTp
z{KCYjlpm26=hZFe2rIZheQ#`7{JE3x{X9(Z;{2he_BMVR@cQqt*w+f*pBi43P=AoG
zoAHO~-GE8RFt)F($eEN;<HR@BN&rd@v!w+?qeTFos({uU>bPoAE5TADQT?I%r0-`U
zR?nN8`B<#2_l>0@!5*xbHN-rV6aR)7SV|U+=zZjCj1B}cDri6ZsN-LD!bbSGP=S@d
zQW*-XofO_)k^5DC&34IQT29gcF2spODH8`ChSZ(<#Q3wi6*|*-=34`lAbP@8JdQmQ
z#J}F-gD@aGHayH$b9&K_h0Mc12mP2#eM#Cx3YqWN5DiXVAm%sLi4?{N(=EKWApOc}
zo9(6RibrC$v*biR!3{}9NCYQTq;#g*;95OsDq3Yv>JUBn8xfQK6Fo#Lv(&xR`N;qp
zm#}3nuh(45<=2^A!(1oTbxu)0{ffe$nE{d+XSdsa!khbThZl4n-b`r+?^j`6mSu=~
zeaSFUQe!AkO0cad3=89`3BjuM?~lx6*N!A@akW}hD|%LZqLUn>`R#~`F3boEAhtSj
z@vL4>1TLFEw@_Ge4<yqo;IL}NN3n)gdYicCw6RwJin@pT%kllb2ttscw^GEv8PC<7
z>sKYnk><KF2!2Qig_*t+22a%9XH{=>rn<s`$jrdzN>Wp!qD8gcudCQin;Tvq+(MMs
z5bT2#XydKz&)*q7f6nuQ$uD5I-}a7~kVrntk*AsA&K01f<7HLgWNUBmO(SUlXoySZ
zEwBl4MX4?(c&li;iB43R0Lt+Z;&hDC=<_oW(Wk%~QlMG~6|NC-_5>IobSbRKxs8yJ
zaSGC4lNzF*;J(kN3m;B<cNL@-P%i)!=9L!hWlG2s9GQAGXin!uKqRaw5;On%t(h%O
zkY5xZ3eXxzq3H}(jm=-{yc6^$U(uNJZ0ru1r!SHCA%9zy#<30$`|QkQR9Z;BmQ5o@
zoi-`D2Pm(<RiJY|O;OIa4-(z=JIR249^max2TfTryl==5cH)+QK1~DE`0M}D<wKVG
zo)u{Gx(mQ=pRfv`;XKKj!`Sych+Zz+w*^LF(bq?r%BU4sxpvj;G4wPrWxXE6^;oMI
zIZzHYap;`G`&s;ClD6?XBg#l?=Xio}%OH6!@_X3)b0m3DL@c?Hm+iPSrrw+X@49N|
zY4%zou|o?-^u9yv5UAt3z`UIO#hW^L;4hnrptqP>x%{O2U$XMJkA=N~Yy76?Ex_pK
zOhqY6i5hmh1AG_V2>U8e+DwLkmJBL_Xo~};f8+n63<{aIm>x0r>RF$``j(%QS=sE)
zw?Qs$?Y}1*B|NiR+KiR6hYJeEbbAaJVw4OU=TMlvVIJWB(<<<<I?R8yb)hw&B~uGh
zd9m13nNunw=luF>Pr3-SHKIo=1)c#nHi|;$SS@8f?_$}n+%i`7b}}rVhnZg3lXhlH
z&X^8O!>p<|;I29}1Et<dphw(1Dx=r)+(t2MX^l<M&b+Q;6DDUoitzw$NNJYykYsG&
z)+h0DAe<xYU{P0?&c`%hzo(Szw{B#1o(XDR>>+XjNGBVh4Vh3pz2D=PO(FwcpSCW0
z>Ek}0AsMY}SHN0Buk41kKk{cx>y%u)H@4Rat}4EoyBM>Krc`p%?O#QYoq}pK|Nmn@
ztAdJRJIWZ=AA~qq`*cMV!u`kHHE|)}T1(AOa*1`;L;korF!v+<b3{>TKp=GSW7_49
z*YK#7XVOA!00!Z+z8Xp5P?G)s9i|lUG!>;S2Fe%nbU&{9uqrsz;93Pon@+bErQX~z
z#7Uj5_apU~KH%~(_ZP>Kih#1o<6cphtd5B&#YjTcn+3BVCkCX0S6m&4%AIwLYL~VQ
zj=HC3JZ1km5Fokcm{!T!pHhz}jL}<0E=^MYjy`gz;p`HBMNd@X2<_7yp)EM@26LO;
z!P~z0_Mr7UOHiZIpB4n>JTWS=bMUXx<n}7TpZoiMR5eb^m2-5^3vx#i4`}X&amUM7
zmMsCKtxgzAxvuKH)_cCMPJf+$ajLYGHi$<gLibc>deJh*I(i#}l+D#lP%l8$n8L6*
zcVi`=>ImT1t(5xLC)U^lGAJ8+h8BGYlO8lyQ^B;eW*~bD74DBnC9%dEU;R31(F0m6
zN7MiFOL6zhh(!I9nU7zG4lJlhE8ju=k8JYGItKQbau~+(>LgK5Z+i_3$8v)X*4--5
zlpA`jCjyn4XP#Xuy~<D5oUZ7b<n`ycp;#sxxoVE*-mcQBjgh712-bh%ELzUZKQ0T>
z=p3?Y1*F**kgmuNVWo;ej<zxXTn*UXLVs&Rqw9zyJGzHk-z*pgF&O#~+=xpsR`gb-
zv{Hs_gaW)qL81X4KggMx%hycYSD5NocGsx)*^_3Sp|sR#GVrjcBlt``AHugF7Rra0
z_*h|yOH8rls8!J)k8xk1k~NxL-xn;twtVY1W}!cr-lV?inOpToH~DJU#=(%z#q*@o
z*<zRK-{C**<BGsE{p|dApi^6iQq&_cQiGGAxEv0C|MW{}NRahW^F*-r$Fa*b;wQED
zpyAY8qWIygOxp*RKo`Aa{XEkW-VkfJK2zC<0A{b<lYu1ywM(UEhq;VMLDG-;>KHV}
z9L0ld%r}Yf*sv}!AuOTWkHH?wY9Z#cUZP^o!T7^|#yIWvG&U(yIq5JG+L?en+b6Yu
zDb>zv>Rk97w=5IJ@urwWwpm?M=(CW83q@Ogau2`A*|xlcY7qP`Lj(KP1+k-pVl^B5
zEt+E_OoBTPDbBtSjvW<))w|7>_Zm4g<9?}QqaVl3FiQULKWfcY+>G*N53Tvbs61qC
z{aD;7vUo7x%a9uw@J5`iSocl+4Je9x_9=KK9uE0D54m~ao%w+P)6+D3w5Amlo9j~~
zAQDKVX4#JMFyv<*xUX#Q*nj+V{Ev)rVz3^4P2Dx*Qm8S=(C(xfqKn%TnJdAd1HJ_7
zD_2TkLQ+N)b0af3Jj?{oMsUV23%1ssAGakm1ES<wa=%owotD5t(sT~{T`)E6qQ~!6
z0O@=S$sn^Q4e)1k`Kz|QRsuh(etmrlFZm30(yas_`u_H!w;_)P5RoC0U$zxaRYwC&
ziH(}KC+B}yinB)f@&*KTt7!*L%oGGbS5~Yrmr4_{oL|s{0+F}w9<!#4OdO5+Dgj+T
z+tAGu_zSkk^8-(T=_2K_M&;7%;b`e}UAU8I_{}ZKtXM0|#o_RL^G)8MuSJtqjW0st
zq{?3i_v>g^-1Qd_SA>MWhQbt)28`HC)oEBB9QASLLk#-DR3uFOEc_|sbU!ao5oQDw
z?pNg(&X4ZyulSaiLKyKB8JW2>OI5VI6+Z|k$TP;TaiTvDfYO?z${8i(Qf_uf9u}-M
zPRuN?J&@J8h`VvA^@&^*#tJDQrQu0Q1}V1DdyYT6yx4cX9bsg6s&ZO^H!)}?{}^)?
zOER<-yL+C8GQl?GJ}C>%#rPx}6;@{IB)WEs1&A_<EJzA>d&BEs8s|--z*P_WwBI{v
z&<}bXP}vUv?THLyvPII@LZ6^}$dn+>a=<tmdj8l<wEG=xO*<UmJS^MzIY*cRAMp7}
z4<pt(o^N_>ZP9jjG@O|=QIc{d1Tl%(z5?@LEy!v<iNYubC8ZVayMB;i9h&wRbVK&g
zY~JL{|GY0Gqdynoc7(TdOB~*3gL62yMd!#D!1zwLoRz-koTf7}sVH4q|IE!=8r5Ap
z;wEarez5jnyj_!ORxUWSK95Twyc=F2j(X(U65mkfsnAMt9%%U?{(Z|biQ@0H5JSAG
z4{WMVL8seU<!q8pG=eFZd95(iDqg~^XFV1)=PF-3H$|TQ2lT>Q53t>7>_imHUI-_E
zqLpOYt}{scs-D9~3qiImnBDDbhI3G?)##B+l~zh=<bh}4Z+@0$eJ=<CbdYHN-6<YT
zXy0#`AJ2()lho&QhwWbqCXRQY`Tvm!AC90t!(2&CXj3xpNu~!5(q}XIZWU60ce76u
zpKo|>)P7sknwc5#b>Ys?V#8UxqR_#1IjZL1<u3Y3QsNkG49+|i)fmWtiAx>)2^Lkb
zn*bBh+&w*8dq#C^OEkp$6M0g6kF2Z|+R{1yWJ#G@X%*GJ5x5@8Y3Hx$)-w={vL#ez
z0MRuyyr2-)UW@|uUP2GZ0!=um&?K6%>AW44zaF@`bD1g;K0j&JMqyK+etL#3^ZN+e
zYk8uv91n>EI<sj{#(MrlQShGv+aQ8`{sBKRNRsYiXPuV<HOm=Jj>{kR1JWn+dUT11
z8qD|l#4|)v9L46E7BzqI+`CW(fDo|(=KW{E8A)_jk+NEj9YL@jZjLdAjey}P>q{zq
z<&Co0DUYOKAlf5^%@{-VF~o$jGWL9n!!xJX2UekJ*IpxBfYFPC28@3AyPrm-9m3Xe
z!QZ0lQnxTVhrkdeCM+D(5ty+_e>6?|6V+FMp~%^VBwvvS8Q^P17g)$d*$_5Wql}$f
z$JA8u-FXrCWwj~*;3Fnlc3BI0c>5;Z5y~fYqq;;+{O|DE@CxTN7D#G6Qk79Ka=7mr
zVUcmRRt>O_&|!dtOn><#mexafgkc)bF-Ei^LR*jZS4_Xcjpb(#*<%-XmqaWxZ~9xx
zRllpz$RVqlg211~I0|f5&<Oe+ol0&-JkIbQ1ut2r&CziAR;gZnU!iFKsldlqk-41C
z`szWX{JbR41VWK~S_m=c0bb9m+fRojpYm`?Y6LTuUso+FfFk7bRNGZF5#dX8<Z964
zz-r(jV{${HUJa+Y63_}hw9{H<jwdkiVuk6BmJE@0-@NfF$pSx|mOo0JJCK@GoWKW<
z+5={s8;CwzfP-vVW3efco1K7f^)&cpzo4I*Z!Q;j*1mu41)d~*Xma4Cdu`%SgPWyh
z3K3@b`(V;CuFll_GR8~%pK~veu3m`})_+x|Sb@rX%EDs~eQPI%sLCg9vS!=)I9JRo
zwj6}8)iU2#8&s(_;>Z7`Rxqrrl0}hxNpjR2KRjY{#N(`GA$3jcF}OF6KT30HQi#kE
zDnb9`Im~FF&a>#Q&g@Puct;w@AYepyYsNFt(V-y*y7sUD(Z65f{J%?$rEH@CRPAKA
zVQp=6ND}ZTQ2y>Fq4b~zt&2IZ*>4s(7TPfF_K;_ib}C&=O?C|7UoRL%c!D3c^t@Bt
zGKEXdUt!udkY2-_6Yjn>>O8s>r@)1frmzLt421JsDM_)YD%8$U{_|Y}59KI&YeKge
zh5Vb}Ko>pG+5@J>gIm=qeyl$$!GWzg4KDHe-Y0(4{0=6g;-lk)p(|$2l&4o+t<CHi
zu2tL^W>81#9o{R}H$o6+wT)v~FWjbZgnf5}8U$MMW1~&M4*{behz=$?UR9Xl3a=FP
zo|mxyz&wV3Eq-+*$32^*!&Ltmpy-GuD_pi-z&(7y)4#jfS$3z&b3yB{T`iBBz8@3G
zTyEEoV0e;w&eSg+dvZcnhy9|w!&u0$;bDME98?Kb!z`UOQy%&riFJrW#|YD|az>?{
zpss|~2dvGg0|>kBkiqpU#5CWZqU4bwHSZr~yX!Oe1=1o$^Z!Dje`9hKIh^W@f>N<P
z10%3arvLU<@({1_C{Gr%&62B*_z_!*iH4Z3{D;3hz;Tbo1*qbvJOj8U!QGV<ZHMy=
ze{q~>DaW4WTSs#BLK#zL<e>0zfFEhXR9c+F6XsV4g)x4Gn4v;qW6s{>V25^E{#W^~
zFuM6VzL4z0XIe=4-MG&y=~t)yHb0FYh#1E{M5i0Ffzc+2tX_9ue<4-JCBthgyVM3Z
z2&dgMT40lcdDMHR2Ba&ARjSOFhF<p@RFis3;{&dSpHU)JKS;c0$t(e?!xa#1+-Q)|
zeu&COpI9i6<Cuooz!zmZiw`ultF?TV%r~Gy`liT>+{xn8^sdMZh-HZnn1_qcM3E&p
zpF=-^p%e0K4~VSvdP7F>mnB&b5Ib4{?C%qb!B+SG@!m*2w-V&2ddxo#c>E1c<tL6V
zFDRY#k$_l^q4(0n3=x}CikYj1X%OMs_RWZu`pM6z6s)krEoJ-hXEiXGQt*Wj$URzr
zQWb?rrpp4B2OpL4O>N%fE}wh%5JseL@$?P2@}M-|z#ir@L11u6F*%w*^xh&c|NG#a
z5<7bhkDhrQ3tS?!A>on3>AG9*AC3N1POf%WYN!=U7JJY(a_@C-?4;>O8#MrLm_Nfb
zlQqP$9~i%H=~jP*Ra*5cR`*{AtX;iE^;CNf!3*FXO(v2YH4)7N|5Zq$RyY3uTR0DB
z>y%N=8Nwio;1AwC>B6H71Kp?*lu)5an1DM|DG=|nNIcB5FA%mF+_!p>&3+{V?9YN{
z=~Z(N$;eP!rQu#5gn#5hhyT0=Y8zM(iA#QY8)P(08c7jMk3DE(L9)Q2D;Z;;RTlbN
zBGT=1tbJ0+IUm<jT|s;*Hy~cZks9%9Ixqs3xOU3P_N|TH#Z*$HbMkLR7Aw+=%6Iul
zT456;Z@?hneg!f=eGH4rl(vUe9&Xdb*|L&adm2}2GGIjgj{9mmIZYw^JzDmvJRHjZ
z%~PG^!=&e)#^`1daJsgO%$2Br`*VT>(c;djn!FtBeDFD|89)1yjaC1SAFj8vI7qWY
zAfc62{%F+(m<F9<@a{KX<2d3+8Bn4-LsKamVv2>hfxKKmo0Bku**^9E|JZVdO$m^q
zg?(!FMtYtiq7nx@aSFAv1}#cY7Ofjd8}d>H%%+pP+TwCOQWrvQegY2Cd)<Vn%&){T
z!3}nD;<Joq3gDZ}Z|{@iz>Q$*nsR@M_y=i~)fYujGjKEp(Dy!eMBKp}r*#XL1Vec1
z(U2(76uHc~xyh28b!=FBI;VY@GY(Sn?E5BEc0nXs^2NDKEU|$t!X^?tr|Hrjh$WKc
zFiX4J7B-3qGm<LltG|U-y{P>}qS|A@&!gice(JF-3FY)$b7gaofBtvdbhDqBZh=-N
zvjOIcljD|LP#x^>{(t)qoV~VfF5b;f16g@9Yp;$o4><q-=D}mM`{O`w3zKi4=Q1Uj
zd&q1iq8BBWjmpUrYIeiMPJU!ELj+)o(|1qZt?7N#B2rzkGeGTYZ@M>VkDiM@iGW>Y
zd~clB+H;h5m&(_32@^uCsxM*zl>PdRnLtdJl>B1pVRPpnQd&AkjZJ|Qa)Dx7K&^^6
z`6kfqRL&^bl0#0K*a|?7FUi{`noRMp2@nhU)<48BVH;Mg1EKJkcji`lO)9!SbLSp*
zLEpkHEj&O$TTFSjl?C|#t+LD<VrwaKCdvtN7iehNLDRNDQ|viFdjX(N8CuoYx9>C(
zBFkQsHxtDKg+vGVZ~y=G)|XqldoDEoqeI?I?y^Jd2fzRNv9KTB^Ji}q;r2=$!wqN5
zA+sd|ZjY_n)9Ie>tev8IgijEiN6yJAZ>yxw(lN558A2|2o{{LGc~0{$$r+-=IY`M2
zgFa<EE;k+4wl{VU>hn14wJpCapna2PQroU9%ea_IZB}!GgVjAa!58imy-yJiPf~pS
zlmiAuNe=aMF4(03aV9!{EgGJ=cQ9J8<RL0r#uSdO>ew_KuW#qs7kI2?f)$P<Nz2l~
zE-o`iV?!%$p>5P`!-TTX;JEi-K$YMB;2<Vn9Nzb60)qKVikmWFxt7o;>U%LCk#Zg%
zK`<*7jl>0>;9&TbNG#CNcH94srXYwmhKo-dt{QJ1ob};|1){t|_84#ImKXl$A@NrJ
zXiNWOS(T+9@S&>DmD}h4s^2x;No#V44l7cH?1#nR>li{5<m`6j&A_spzYBIss*=&w
z{`&AaUmYS`$VbMP2?8mfTl@RU)jnY=qQ#YmFe!_`*_sfvSwfj!OW#(jcV6b}eWHX3
z4}uPcp2R_*EokY$FM0MU?IM}_-vyE8ZY6)%V!RSD*NE23RDRDG7PmUNm+71vY(BJW
z-H5WWO8m{OBb@58YfUg2zrzjk!4xepiL(K3)zL{DmeQrKrL+J8s&TW<on}DjBv0hP
zmZ3tYW>?=10^Tm@v5qMBvhQ@5^9OzEvH(tLWzBH8wRC_<F_NYp_1`yC^RBv6f49a|
zjhDi~$4=Ncke6)j{&K4(t5(x~DD=4_tLNYEJT<DWRT6`djnY3H&m-zU<LMj5V2Hzi
zLl~G=Vi~5Q1I9k^#<&8}j;SD}F};N-l>5b@NxO(a4x;f^kTa<cnjIf8hf2AVwvpMz
zrkv*=%(buZ5NpZ&+USdWKVmgmfQ8yrKS~TuQw{L;0h|rWG>&IbSz)HZpRqT63gw8_
zRu~=Xz-v7b$cPT>bZwO8<5;nenVo{W=~#SWG;`nmV3~XKGeE1J`2WxOL|rCaMSf7i
zrvQ&yWxD-XW2k%T?i3Z(DTdKM@h8uCLeu3#=?);z%q*G8rx9do@cuD7{7VR3?b@A_
zSPtV-e&p}n6v3^#sN)yAng}h-bzUy;ZZ{k{VZSt<PWc8)w=V<G^g0xF4*+`_el2`n
ztxb4X(?g`jxFMoeI-}XF;0~nS`lIIf-Z2+2K_Agyjy@PtjBvfxEJ&2~m|4zY+e3jk
ze1ym$<7lRLz!j(4upoOo<m1(Qg3n)C%X8yBZSWsY6E}-+b1=U{s|qP}qm0qmM;w3a
zbnCb16IW9-Y|G-}o}*Db=75M7nTv#l=}5XIRBp_riP%=Ks{?jGoY%M}C_v6$K@^jN
zcPQ{bwI;A$kQ%hApP<wRQu_yoS3pqF(7Fr*foKZMY0MO<q`*-v)M`9-N;!rOPP>ke
zf~>66EdfL2N}bG?_w4xNmLIRQo$C~1)S73k+2dDq2&ODt;XX9erUPiqV0+bt2gKd{
z2HSm_2o)-#a!*KyKk|3YNm_|odnxaUQYZrB0|b|Mh(F7q$>snhqia57H%i*3Dm}@X
z6<s<qWQAvbewmS>sCYHE_O7OpcV1`^CF;kxtv}ljq||`R&1$J+{%^Tf^c|HMm1RS9
z;ujPWOs}r9S~bcM-l@r=WhL&<l;V7QAsLU<Q&eUI_)|7PU`rU;54*Z7MOoP5jvrvL
zfrjb_B_<rbtmhwF@&Ete!w^|q^?Vo<Gw^Y&3w1vU<sGRadCD)ziVq;W;L4qKNtSdl
zDQN{!yWKB~0w6TIRWKC^{dSH305u9^^@0VM0@31Nc?weCbxoC#LJle47p-1Z&#z@8
zhovGws!D48OsXvV?6;C~)nQ6Bi(MB%g4z;%>LhV@{Yt#?vIFw+RP4n9;a4}<Ja3@q
zfVa_Kjh|8<v?6wDX0BB}F*zHj>dNI$_JCOUL(sq`7akWSjF}T4Mp8BjF-yGez7E=P
zMi6fU;#1y<3;{HRx~V#|qr~k{GF>oOqKc~(x{bV8j7=yw9sO-}odyDB)5aNEV#bQU
zUxkO-e+12k#htk~LUPr++?KHD3~Hy2t%Xoi$O+|U<BN1?ha<@Y>#9T%*|Pwi*|<Qv
zNk)u!^?sB0pbown=OnI)GZN5)3Rn>=R2|)C)*Wb4f%6*2I%7oYBICj_|L>`F!4a0?
z2Qrq&QA0Wf>+;0*Y(g8HP_jy7;@Rb2h6vbew;Qz)(EyMrw}uw;S%H3#<f6LPih%!T
zw9>;$(X+-dWG{Ow8cJ8`n5yv!MK<XY*W+6gz5^frQmpd(p@C<9T0_^!{e*SjLF<h%
zgUIrG))=`&sRJ+ig*&s&10s>6ytL|hX3wMIk_KE7mz^|w9a#@HAd&?4DIHZF$%`j6
zfV63%Wz}|uHG|S?p>ad2;INgKdM9AzpR8za-A7q-*ATmRsd~HTk?QZ&8$T{O96mkC
zDv?8xW%69XTJ|eiU2;W97gWcT6FYdCte1Oo?D@}hbD>=u(JX*iB&_}(5QS;b_eJLj
z=_8_EF|~Vp%nh6jMc$<oa|+5%6J6HRo1Jhw1gPp^=km&#m~0*V;)p=-uwbdo1orwt
zOwQkeIkU_&+!s)Vh%}O?p_v?4-*6DyxUY*D-XY_#GC~d-W$M*|hG5i=9XS*Zj!+@H
z_I_u=PO+)YLP0s>jzyT=Q--PrGN5K%*FBaYZ$b&BBGcMl4xMkmgfXVts{j3U*GPW5
zJ}|=K9f(O>-u4%gsY964^&m~6q7U?J{*T|FMmvgNFr=7c2XGbD{@bskO@mDSVRBM&
z1L4cEBp#vHh?E$8x-gYtYBn2B_DFUeqx(gDhRaJ2U`_4~WGs;(kflt~8TI32t$)ZE
zqzIbDL+yx515+<aQ#dVQGbEj3YfH#ne28hxtJqPAs>`q2WvX(o|9FZ+n+gya0*41Z
zo(I0D^8p2(@V*v{A&Gb5d;x;-Xi+`6P>xF=yOq8Gc9KIjT!th}v@>3wJF6s!a>Z)Z
zd@AlQiJ{@q+N<o)ZzFh$u~O)_bF<{=X-59dQ}72dSr<om=C>C)V^7GS@2|p_6*~m*
z+eoK6V<%^(<tumalV{i^T}4jbGK>93G9Tj6(h_;fpdJq?3%WIIUUtAmCsGpTzIhLL
zt3~s$2qc||2w5=OGf*#hIua?$te0^+jR=xpfoquab*eV0P;1zDn8@OY_tlfjgvnyb
zZ54@}eRtE`cf_hvho8Eo`i8!LREd6M=gr@xu`<ljyy(2tqjFeD@jgS%<^&i5>5^wj
zetm`9L$NdbR_xF=YEayF*VIry+!uvs$en!iVOUTRljmkR)@s$8EW)%SE{SciJeKL7
zzzt)ATgYsW#|1A^$dG#}>hkGz%@T!1IF9F;OGUFxO})$P$TrAmJ9g%3XFL}2xDQ7i
zVOr*he!=WRFOaaB`u#o?=U{DG)KJP4W7j_eb_xo04JoJwN$5|iwnecgtrGudGF#3P
zjSIMW8S^gD%xu#{(P?DbgyI<jkTO+bS+jwURSS4E66Ii>n4OqOfe5>EiYj7H?sSNc
zK6th-@p0z6GR>qhiiO0#_A<(?<7852ZB}%+DWA$RHNde(p~TqC1mY6iLyXkTiBp5a
z$19iZ1q7<64n?Kzl2?>Q7oCK3%q0wpG2DPk=9!b)Dr`y)!c#eTv<p)}^68UHVJ=f;
zaPo3mn<9N7Kmu51b3E)a_>6Q00GHd`hm%}76xaPi+-p_@n29O+UC423{^*q2NwEV8
zmpfgJrGr}1-Jtb}{w?V{zZ<MgM5Gzh#I=B1;8bsd3n3l}NMXU=Hjz6KylLogtj@&;
z5_N&u-BD^kS~JQy6;8Vg_5<~m_;^|y+1=+$OBaRi{9QxP6$P#gJ%!E{t)p;12>yLi
zBVo>Cdaz;sGQ*?TA^ky0GH_h+$iSYz?>C4s&G~2j{4%MzhOWxK1}}DIBZhpLJ_xcZ
ztE#vt`)6cbk!WGJi9mX;IzKiTG&JC_8@z?|7HDQo<4eAa#+*q0Cjb8UHI0Iy8gCbt
zFa`J{dGbOR4SS2>N2Mhii6ES}f!^e-+qkAokpjzhYE%(?2L`^y^gl!CU7bkK!nxJ~
zQJ`GJ#RgQ_990Iw4y@K11a`l#!)Ot#Y~qQ~O50S7_XWw91;OhODz6H_VqUJBSd)Pf
z=I+L?okyS37zZ#kjHL(^5*_zL&Y?8eqZYCqUB@xL-9n!N($$w@+DZT1phIL!vA@F_
zWyPYAL4)tYr8989rdgzQ#s-Dm{WL3s7}9E!`e`Tr748t#rfec3cT4V~;D*9Jx_`wh
z^7bBVjr+TOj2m8c;s#mG@Dz6-wk@LzfYrIm#x?@IZQB1soAZn^J!zD6uDq%8vldA{
zX&+(31PqQuKa`>2OWg;12^MA-49Ow@_jP*%LLm?YV2m6901=HrpOHlsEHnQACc!QM
zMAu`X0#efRX{!0^;VZ8@uqQh`Tj-AzNkuT$ImQ%EH<_E%;u3lYp(mBD0s_ojkBQe<
z;zLF1NhkWCrYQO(4FR-NFKxH?X#h56Uo_PINwKQkI>$Zh;o<=mR1=V0^1_u~|9f+u
z7!h?XVFDZ`Tl-SEzp+BNEn@q}P;$8pVDZqP+(B~bAIH!R@>vA$JFMK78iM-I@%u%h
zQzdStZ?G)<ZZ-G5Ac5Z%iwWjo8XBGPuSD#q4j%lTbU+@%Yh;lbgsr;d34k&{Kfr}i
zsL&enW$3Dr{{K(ojxN)0lW_o9K&HR-ScaC9=2-oBq!V|&mX_0DZ1*;P#}2q*z;f-k
zDtP1Yc~y{&y_a#!ttt1`V}3GIe*>PVx)R}P&^ah?=;)5l3nd(uxQRk(itp5J_}K5`
zl~|!6h&A@Sy$r6zcYBa%ID7S<K|G#fZE2xnP{)|Yu;y{Qq|wb@)2H#6-bf>aFoyq!
z8vu6VP@E(0sfPjB_4KNLXGq)>srlaRO<EUg8VlRnz;ObOeo88Um^B{MoU=|&+!tfX
z#}ssq(gd70@=F+FT@HVd9{uFox};wc7d4sRO+{1Qo?-rIDBe~oJs_gME|FPto6aAc
zd7d3#@w)0IVHkz_T3!|DGr4r)0{#7MiktQXL~cn2U*Py!d<n*LT!`=Nfa(C@Vh^3Y
z_Jg<}a1@o<pDb?Vki<vG$N&8c$sV(9)Y<CigiHGQPaOp%3UF1xYbI<wgW#_=&*ICi
zxMkQ7GH7UPY=e2Dd??f;o9wj-7l?g*pI&UR3X-{H^GsEM&x|awv6&2-)^s`EH$Tg+
z0_hDctZQ~?5cQ?*M;gt@dAZ>Mh@T{LF2Ogr{TYxyzT-=l5@yWi+@F>*|Ct?BVumk#
z-Pt{mkxw#*jRvs?|Ix(X&WZkbt<5r?+GjLnsdObiRk-Bw=mh>TGLay5sf=BoaiOhq
zdVA)A`_QBKW6(qupJTvH%LdRt#>x~^?CB7GX1cp+vEn=1QRt%s32W0|afsh=nHfvL
zQiI9!SQRTIv2kU8lxY_!UVo)ivyV8H7Q3`@Z}FvSwB`mnin3u2Y!zbLEN<x<>Vikt
z6*Sxa_guCRE_Mp6-JRC+C=$t=W;%5qJn9yp3IF$lv<Mb1Lm+3t#``!YFv&6Y63LaS
za13N&5(iB+R(Bkb9dlW!Ake>soadkT_fB;)7q0x-SRVyC;O1Nqt}LxkkBU}b5oa$X
zAlS0c%*K}g+bADtJKE;A6C@=k;zRZoL5>6SFQy1Y-~r~nw%;?SqAAhBf^C3a-+>EV
zy&~`zR8v}xqa?Jq=RQC*YEEXhm=?CYjJi`cR8pbYbZ%-)ZziCAFi8Vkr5RW4K{HF`
zFK`jg!5_}T?Zc{$NhZ?UAWDCl46+0(S-7O3OQ$U<f*vRNZrhyVap0`-+L?~aWJD<l
z7sVJpgZycL(RJ35KEsodw_xkH`$fVt4C9fdGEPU4Ql&EWqoy|ER5Na-DxDbAWhi^(
zc`6<LfK$dO+SBIdUNQ3zLBtj#(Btka>+?U?rgzU~f}#L~&!LfoSjxw@gqcF_e%8wQ
zgcO?I`JK561}gAns+<&(*18v08-g!XyZ1xY-z3&SZYiuOQ;9*fQip`D=N)rs6_g6m
zmHB1C?U9tU{ho3xiZ<xi(q)SS_fD6<l~AkTe2js!{$Vm9X8eYSzjBi+3?-HK`}pWW
zO9>hj3MrJ@Y#X-Imo)a)r|BHs-qM<jnIGnM2^(~Ls9<Kl>(#vH$s5Xh|NUj-zqqVz
zns8i49E7-vl;03uxC^kH+xkd-5Zhv}jEW9$iWdY8sh#plYI&}Sn}z8_#f{NzdjQr;
zU9LB%mhFv#y7|ahQVN>YLf4+l+$(+;emXVjW{!JTrB$!jtT+zvJB2uzL`QhXQ{HD8
zoPIC-3gyDHO(U)(d8;?bNce`a#_JH*0dqO-i52x9;#{18UgH&9H{N(Y)b1RhZn=4N
zx#iTV!zXkO(kGBt6YuUF1jF5(&+F%+B;UHNtY<wJUo?(PSA!dza5uv`oMfd_z#JXx
z)6AC!m>(f466p0s@hoN$4xDx#&J#bd4MbQ8cLvru;XOauDaK8Hc#&GcJjF*!RRce<
zRIuOjn1A5krArXp!0xIRTC<&liD`GJ_ln;LxGdv4aMicudz#g1cWez8CJs~O-ou1`
zFb9M?Nl*}SDxoHY3_7ml*bO#Ct_8Z#bDRT~DBQZbNKbB6pdN!9dd}9!(J!DU<OO|<
zg*L0%RM$oVUf09<C6(qxskE}?N1fP_R?R<$dR6eSZ*WnjjEzn`|DOaZ;V&d=cT*u6
z(qRGBZCqm;!_kf*Y9O_$dy!<g)BlZ~Ck|7spm(rybdE&?gUp4>)W=J2x~W;TjrbiY
z%(?B;)n3d>M7bCKMsDN%ZMev|SvGTPB&jp!Xxkm};La2P4oQqGG)E^_<PW5y6n<}9
zollTd>+h-=D*=~U`1?mRFQcaIJ){L{New2EO(_c2C4@|V1J@QaJ=zrN)&?j<iDuR5
zn)RfGagX*~+zB?+ejWC~nrCHD2NB|U&S$}y1(t>bD}ubzu@k~Ax>R7s|NJZ;o&%_a
zr9?`$6~(nZ3QbpwS!?#3Y0SN?a1Ulzu#I)%vUWNzGjB9`@QUTyXO`yG_ZLH6u%I|d
zZ`vDMl3`wDBOAd5NNBVm7~d8P^Z2^iK+s;#nU9Q=Y(;rCN;DcpzKL<k^qS)AFKTiw
zb^43!=I$4P&b#Ddi!zB3hr4<rLRA><MX?)cYal29RfniPWodTl)wxzGW1S129#8J|
zsGSwxTV8JISP(Md)^uv`aJ`X37MOK2o?Q0#s@Se$j`-C{D-$wlb2C?fY!K`UNl+ii
zX;URQS`CIitO)MdPArp;aU-=K!pnx<e#QmBTwU57z17isQp?4uIzI?UD(`=wJB2C2
zLGWUgjT{beZ_Jxiq13XNGH9_ZL$iA*4Do4Icwj$iN;0e0_CX*|-lvHIxoXd6->ktW
z^r73D>l|_-Hc9|QR{#lNsJ6gPdC-_zSoS1oY`!=;mlX1IA>&GuTtK)MQL(SS+$ux8
z*MH^0XUX2iVOst%kz@n<E}|^TnS!?!8iv1&`AUM*wjud>Wr;9XIG3RL_C!?B4OD9$
z&Ue#o>${u314p4eMLN*fm|RAa)9!BT>um4Cby1)oL-tmajA9;~sgD}$g!JM@Au;Eu
zwTb@>z@}Mi01~M<pr`%wio!Tp8^uZX^UpXb(}wmVe3W}2&XOjg&vM_>NHjiJDoxqv
zn|5#S9q7Q5+=}OaYMh?_nhz=N!%PtT<yCGs5cvKh^Yu5utP@hMC^IfuDHY$iD;ds*
zxEXm{XFQlNpakBb(W!>gn+j;oI11E5KNXx?`R8r}&)`<sm~AP2-g#7bKQn0}Y!LaY
zZ`YpGPw^REHmOBBR_u#sMpJxq8YSVq%D3I5U}t{o{!NrfW8HD9umCoU#~sa!h+7S^
zAy#A*2+q*$rat_22#a^Ycq->7{kZ8cTb3D{Iue1h$KJ8!x*|l1BfWZILuS*(gV~Lj
z7ch?O3W$Gcx~oaY1kgVcl8*NCHbVf93)4&nJI#oN;0(Q3kP79PFf83~cA^(fD6e^A
zm9LOGuPRq?);YsQI-eK@Jgx#u51kLu+cUZ&t?`|piY6K=1+$O9Q&jJndwQYjP2S*%
zB&rpe6IZD|YcfToW6|wN_%C2g$=Je{B~ZHgPKYOHq4C=`<-9M7PrqgQK>|RDj!)P&
zwbTEQ;QTnR_oW(NIB*7*k`r{}r^VJ==ADq?LDZ|hXe}?m93&R=OJKc~kYQlaCpr&6
z)bPwJ{hK88#22W2UZJ)T91|ii|Eb}jHSqf8T@ko5iRKjY^_ZEU_X+7LljC7HV=etB
zZs8=bavBYh*d+S+3bLu=Yvf^7zZ}9iiqq{581cW1GW%93_Pd?`18)w#p6<3o1$#&A
z5QDEdvHbyPkKvFqG?Z-}^xXuu8Am%8K_;m2uk%T;88yLhnWpYF1MLm(I{FdIq(x?U
zW#CoTYf7tP!QHKGGHoSzX;B#YXSkLAAJlgEl2k=rE};bJ>;GRcb^RTPy6LMtm1$g}
z(WCIg9-16lxKuXsgpn=u+9bU~z0#hsg3YiRpA_(G&NMAW2J<S<6?6Z78W?Lk=hC1s
zsBX#=jK;fJbdMtF@%G8X1Yy7tA;y=M>Sxwp>zQ|&ceUuWT*5#=GCTW6dp=}4^V|_k
z9P8rR;A>+PhFK+>_Y}C2g^I}E+dV5`n9y(8xZAc(!~OGIDL-r0LbIAd*L$LEX1rE;
zQE#bJ%VPGivR=c~ygac-3?ihzTWgxXz!=^W{qWj8Yp8RGe)-A&=}>2i8)L{Kp7QTE
z_2z~jorP;}w8*%4C<6o(yn6(Rny3(=NNRCy^P(Pf#g!n|;d-=07E$jchH;CNZJc#(
z=nchBGos)9$*0&#6$b>cCWr%)baxmb(KoMa4%IE>_1xdi8_C6%N38agfZ8W&U$$T4
z(vAs!*w6-%a&p4vjK7w+<jc`aEf=Ge+uVIEQlX!`Hd|^!1^0_q*Iz!AK7NUO0H+n+
z%iw<yjOL8{#<gXShG0oY-{1K5C>-(czIE=njhJWZj4Z@98|J*`@JZBpO2FSLo+h(i
znXOzCPWP)i3sOvUb71DRJo7nsHj7pFdOpeK|FGH!_nmW=@9aqucIug1nc2(T%c0=<
zhur|u`<Px7y1WRP@z>W%Vdv+{=e%>Y{a*<Qvco_WYT1Bm^Pv;leUX3NBQ!}ssU6+v
zX>hnwwx51-R&8xcHEf$}7QsvGmbt&<v-B-_9tPBGW|3`q>v5CkN{5jT7vT=7|H$T|
zZjWSRCnB`KqBDfDBVj4t5`ueO+w@a9Ms_qB!n+?Px)|FGf)x0a_ziVO8z0_PF+A^D
zbTHd|#brahh=^@hEtw%CyPU)`$!et!_w{oP9DN-&0E~-5$f#LnUX=c-;60yu9jM->
zyFV|Q%X@n80&Br61IFWhcuL3hgJqpO-|8_QYYAGXx-LLY3;);D$>2OQWW6h#y@Aw6
z34l7Qd`IwzfJf`X6SsH6K6q~Ag%YfCVeZWvuSWLaKkBXB3dv?I36VA9lYz!xSaF@R
zmDHm){LG<il3<zCGV6v+GVNBf*`w?H%C70TsM-=M+B)Lmo+#oV(G!%?q|_}ZxLM!U
zKX%!jU2_+JU5xyp;T9g}$WPj4KxRC+GWgV!5-$Yyv=<jAkMF{RPXf+J#nosMaQ^>x
zs(R0~(IpiG9mNDTIADI~#II1a!Sklap99a|)Zc~X)e-P9{Jy2_e8~`7kPb4@%6_8M
zVql^_Y}pCiiiG0%EbV_wkqB`Q(_YHDzSU3rM~-oaSZLu5YXValbsLVxgLk~np#i+L
zd}(fDDW_+wTdFxdXsvc)xo#Tq3$L&tknJbSc&6@=R@eOEq<JvFUyg$fk&iT*L4uUu
z0SX16y0K7!oO8SJncR_uI!%RahIUa!$)m}O4I8iE9bWEF%E5w44(+6_5x9yku$fAY
z&VL*o{_l*08RmVPvT`#HvNaFzL8)|0p#>4#{@v~a>TGX>*($ndoY8)LrTRyL8idh$
z2HcF1jTT4T4ZeG&7scn{&5W~HJ<27M&KCa^Q~`@no^bZuM&Qw{zi-`Y`4{7$L9eyh
z)Yl<u-E^HFL&RfC9(py`;~VJeGhTOjwNq&Y^_RzrW<(6YGFmtXrd-UWJ%ZN>NtF~k
zLD!hHBiSKPw_2B%_ICcvz_XEewn@RY_OdDtX7&l4wZEfXH0xafN8Ipm#?09j{1j~5
zP{v)q97}hA%b-e#XL?(q2WTjUNcup$F-)5;5DGm+#fgeR?;AH*Y$mc;nLo1a2Y(T#
z{g#eI79-+G>O@rrr6CXmV2m6g5CmY18~^|kNdcd-L@)mUHd{+&-|C(*wMYmz%l)iA
zb7V{8{gq0r$voDzw)9)c+S-BIPpw@c^JJwgrBggcjcKeH0;`LBQhcMpESd`X^|Z+-
zM;dLj<qU_rza9DhXbZhflh_i9ss6eT?!i|AEnTeFBz90?p67V+BmsU7I!_ksLm5k)
zwNL;?f4f)N$!nPTSr!~OPr1nY<otlK9vYEQhHa)AiR?Y@#0V2uF#RAJhL~%FrcHO6
zmAv8M-_T>iv9h><t+lO%X<+3?M-4Ti(f~f$lu(}$=_`8kGI=SY_jyk5bIKv!9@Chu
z?mv&gC<V-0Evy@0>>pSu-H1f`QR>7<ZXj83$B@(j*FOKs^Pc*k#I}18@g#J>KHErd
zqp$mohkEXi_dP}V_V*0=udWO<JGQ8E=~NARTdDrK3*dpni4SvGWPA%xvhahf0rMVk
zGR}?C-{-G_Z1mv0mlcM{$kLTwr0&_88B|%sswui^(I^CE{q6;Z_q`wJ`xMTNvKaqz
zAq$LwK?Kt3)f@2;c9&Yjo7z35`i7JxJwU5iz9~+1`cF326tJy0$0yw0XM`Y4ZxVb{
zs5#1S5hPPnRs|Ef^dk2wlLHe&?*}RZjTHUL@XX;l(Xl;CHkub*X%lNH|D@;!D)nSS
zP&X0kqH=cUhO_2>-j5@4Jt4Ny#IYvnz)$~BfX>WTpuPOB0`sCS7r9|LXk_rIv{*mx
zsb2i@Q#Hy;^i$-mWs7EieimmPL-4@c&B5Q<t{mF;sH${uxcsnoJiW~a;%$Jm>N=vk
zhg%&C%T9iYe5i36Z}IbdjjJG9yuj3!Au9S}4{-iN_~{Ey0R+95UqW!ka@1J}pfMl5
ze@$aw!wwLnW1WszzK^0qn_in{N=5_)_<v7i`<<uur`$m2q<2rl?$~jZ;!tp^Po-3x
ze-eRy$=BYv7p|$A*F#69jClsG91dq{APoPdShsWWv?!KP$K}ttjau@X5xE;SJYM6~
zOlPbqS{$Ts1+*JU9AZXnOVDvy2ZcaNr$~`?M2_?lIA<2|CZ~>M9=;(ynI(M9{9}42
zfwg)B^poeWTQ7t;HHT1y@M(F3(o6wT-=k>v2h|K1#==YmPpFtGt+b$*0p_xVr{)IO
z5rP4wwrg{dP!x>7oCB!?YB}NFvot6Ai+RH^;vlhyR!S9BIo!l@MOu_}oy0{N7~#G4
z<Pm4-j6+R;*>hNEOy&?Mf?w@;jRb0k|FYrYK640zP<b<evd?9EE>i=Ymotpci;iFw
zIJ#KSlY~_QPf8>l$>@37ik0W*0A)F5nTb^e;%u4Kyl~O|r<*R&fk-d{mk_SR_ml#c
zKr_UC8-3x`OG0W<E69ZPS@o3uYG`O1RbcQ=>Bz%*@5>cHElYshQg5BiWs|~AJxqOu
zA^)vcOJ!*4#dyrNfg|}<G@bgCu$lmrhW<+>;i8)uaWg__qh94pkDwNf)m$81xz~6R
z1#MTs*II*W4IX@Z+0LFzIOA9(?Uoo1=Sr>3F7UeiC^moWI0BGR?|<7EPL`DRhv*$#
zbn@3co)NSZu34@SqR0EWhY*H7PH~d7)tCHBShobg5ETE&LJDH6@=oRF1*p&oG{8j+
zziYGM<DfL?&D7>|xdb*+sHp?zJt9B0DovNxtc<d<<VD#cgke~_u{x?IS{6BjYWu+o
z{VGJuf5Ar?0!;tB=Sv>#vCR^vov%V4sbS00ZKe8m3p>J%(Q`DopU{rG4YMiAbU%Xq
zvM+k0_0TXo5<(2afk3p7$LM;^!Jrv{+K_V~-*OCj&a@nEjFCc3MlRCK{(=;evIdlu
zN63-jA5+j+av{?|)))-M3af?=9Jb7^O~qo4e$ngVf2f$L$T%~LKy^hR59fg3VFP|G
z!W8s2Y5um1l%nN^A1L>xLxy@kh+~UlF9IIz?}|6gQapW~4aykOZYPuC#v$7NrNB|c
zYrbCiu`Qn7U2zEC`Z^b<PP*3kS3+n*0|V!@>rI9i)?z`QsjI&N_!&i+J?=bU7YF&O
zYW%baOoJ|C;F!rTVdXwy*D8|0{(hR{Vk2Ej$lUbN>(Fts=$$nFZTTcm>v-${F5Jc&
zzKoF8yTiP8ndwknh08$L+=^uEW1L}yb&cgicd=1L^T<IBVgs1WqwTescmIQ6{sswA
zT*~Nm6#H1LNRUvcVPA7^*DF6zk5pntG%*FxrB?La>*#o`rX!Va*jFL6P3ZjZSpd_!
zjCtw0+|)x+i3bXi4VI)`VshWl;oD*Dd|AXL;*r7rq}h6jN~Sx$9A{33dN@}t@LLvs
zESWVYb95+CIoA6x1&`NCF|+>+Ma0kThq-3<m-W9&!hm=D|L`q{%176W|NNdyfpRZ4
zu}gJ-r&B&W^wp_!#ZgH>aPMY3My2M_@bKJ`a5ILznA>kTAf&_qa=#gG!9!Nosb4t^
zDo{$jo8rpR2?0$lJU74_LwpFo=1UTN2%UQTB$HW&=9l)h_`oA}(zazWjm%br947x@
zBJ5Y6Ws0iCEXCQ>S!d_wyDGz<W>H)bT618Vp;Nz2|8FwmQn+)wAW(&4AKWln)!&a`
z2|jrBCN5|MBZG*d6SoXMJC?p5DJ^?Dlhw6$#_%cQiA@Fhe-mxoB;xOm;eO;%uMBn*
zk{iZ0ksKo0cnCNmsL#<CEJ#NA#VsO)*BJ>In8H<*0;N$f7&50<bvylL<f>sMzC<f%
zsoorx(y*L>#{(bDU=Cf@m>Ew?Ol%D^x>GnE?ap^a$>qo|qGsdJ^uuSLYU|6ZK8S<|
z{;HTYzF(G7RecfC?vzM-I5-4W+=)iCS^;f$)@{tqV`y3puLAirPzTr=9k%L{951Zg
zAMI6xnu-_+Xa&KaQ`(utGRx%+YQQE%MY+YvR(NdzthOLKUMlUAvi%cLQHB@-F~Ea_
z7WA9<(ms5u_^&a-tl<Lfd+9#qPK5?ya%`s&k$o>Dh3SVtxZBE)Tq1jF8s*?gH|W?v
zCXT>iJy64`#&UwS6-S*#z*U&UMr6CmmB3U62gQ>NEJ_tb`1U=PBmgj2=Ufh~{JYIl
z5PdJy_9HJ_pK^3zo-1vmrekuI;x9=lYX;S&v+M&75x|W$I3t{M&sniN{V)RoJzCpk
z{=&NV+hJ*7+X=dZN<T#GP+WN+CZv_8ZUmH<VuWsLm4?yRKtR;Gx160HKlzKf(~Lwk
zM#>YD2=*Jo{bCTJ5eF;}sT35Fr9a!z24N9X8T`|;Qkk}X{$ncQ<W(sG1gLGJtnJD>
zw*{69lP8^CS<&7$sCQ|1RDYO-%#Dd<dRZIu?2)@{gBQ-%(Ay<Qe$r%6fX>WTsx~o|
zvecao1WlD$cMKUL$Oh$Vgl9OF+dBr284eKtoX)hJWLKN@gRh~lGOV7;O|*iSSk`mw
zx+dwJuxTuzitn>LbJKGL3OFpP%!TS<lK?4g-R$|dg7+%%e=0L+%%ZE%x;>fV_twcS
zQ`y4IP*MC8<UTm}KIW&>$E`%9>i+@!^^^7pcF1(2{10}--x8~&N1fFr81jHB_VC=s
z(D4{U22!RM^WLTc!!7uE>~w=U?Sl4*)%QteuT-$`co2Q@%l4afdygJ~`H;Yxh(0!`
zt~o1Pk<?>f(Qgu5Y5`eMPl3PgvHnd0Tk*mygec?8w2W(SF5chf4(#^*e2oj=mkJ1n
zIAjB2#h|e1m0l^R;)L2-<G%{wvMfA5AEs}afib&!WO4JnGuI8kW?Y%|uvU5-1Zs1q
z_!c3g75L6^Puu$O9fZi#(;Q>Rfh2?hxpkAkfB5HuzLTftxEr>>9q?EdJ5$Y5B_)q`
z&mbVXjJHM$giI5WVjA$WvcUS~1}K$-NMhMC#~TiAcx7XR;=Np^Qd~DYkv|<l<#d^d
zkURo&`v$isp&$@mgrJ7UGFqAw6l#APKn%4RIXrHS!f;++7in(j8T)<NU<Q<Z05dE7
zzoR|0tSBth^IIj5huz4R!)pfx6wU1luAad+gcBW`^FXw{G^M&2s8^)XcUEsMIIyV&
z(ddK$EZFbZms4#Xg|mLdpb9^KSw&h0?>`d4jd5Vwzb|I5N;VPE+XBs(nHr_S4_H%(
zWu0E49VyP|bLRo6a~_Du4b*LiChUB1T9`yWwI#Ro9h(W~Jb08`X)WR#h3Z4Rw}eWG
zBIzKtUINsPQIbC*xz^b`HmxRjRAv;a^u+!0MEwf4k_;w$)ftLC(uwOD!U{73otADD
zT`Sb)d@)>qBy!H^g#9rJY05?3+?zI-!}e+{CCiUt^Y%4EF$j~H3IPtuj?L-638Di3
za8ZK<**(l@?J=i^5yswEL}^L$ZtOh^UVp%su?;HPCk_gEy)?*x3?R|dS<9rV@eZQx
zg+F&oZJV!!YxXymq<$(UdQ%)61-@>_t8%KA5tuBC)aPy5FV5m#YnL+9k(uu{5}k3d
zhQL5heVu=#8{1?d(og}={tW~zo{jvULd9$2N=D3sOHP#DF9qP2qwiT&jk_`AECCMV
z0I`j)E3TSZ=?dvf^0&qon6h304!CY-?8vWx-I<75Xj`M4<f>AUI29yLsCvrUH%_cP
z<)_tV=7Kr|AEX>;#fx#YCnNharApNQ>5N9n7KF;=WXQ3didb^BG{WBfh|~7IOM}xZ
z$J;H0bow{c#*+mQK-oFlj_X^KP>mLPsG=sAeeQYn+1}e?VOzebjr1KyGK&a>8W&FF
zFYLydhH!t7x=dNTuVOWZc&MXuNnbrLm@v)d_sOhuy2CiIxdp$rWk5uJiLN3xVOA-K
zJKWT;$xULnXfN@GP>#>`1_LdiF@nZZcVZ-vOHdyS{xSO2AG}c!>?lt$Qb-_(a<%^X
zm^prfk~SElfZJ6P^1oA}5qziBG?640lH6Wv9fr?Va!bpkQ~LNK=bbidvz<Ju4QjQ+
zORlyhQ#Mmd>ya&S==i<giEo+?8MzXv)gs!lx8xLl$i>E2PVIjvaS9wjKF~DjW#SxL
z>De3*3oMKK*&>}>KYNlm1RZ+)NMdjG3=x8cer3@Z)z1?I<2-q9#E~%au9fhEn<6hA
zjg_d)kD)zvm+rtOYaPTzn@y92lmo=ave`i;ltGWE&=FCbc`*$0Ve}*SnWXzKt)b{r
zgmQ|sVj;IL(Ik!PD*wfqehbV&e>eDUyPkTHObCBvZ{uUqqmCROe|GN6q1`fGrtZ~c
z5NKJ2>#sT<%L@XM?W+7w+w9r{ZPPSMLj)VN@jcGj%*fX*Xlm{RHvpBfrQy})4W`1a
zt^O*>BqrkNZW7XQEJvjNw4_uxr^po6pi1e4u*$#=13!s6s=ewGG@zV*C#!w^-P5P3
z4L7S+e{!x1-aF{voTWdpH#4B!xS=5Wq&-fs9_r@ory3_!=j6u$!LPeGCnu;`*-y~a
z5G+_`Zh^0;U5`=R`hF@VN=5%XX&%83{yCu=3VDQq>LA+#6lco`1^Dv(kFCp|O54rU
zYI=f8Ki}A~X4Ph`*u%)i@bW<!2XeJ2?ib;3mr&zUOT~rYlU075Ow5oc6PvtFCD5$X
z;cMFPDEWU;-dfGf;Hagt{(Y_Itpw7kjF@hRvhkvd^(t9`%hKZeG~a6O9kH%e-!D&v
zM_}7WUMtOL2IN0yk(8CpT6PP|L`4ibK`h@f25Z<sfKl;zibKq?z;FU;!MC|SzCoN)
z>|g!cWNjJ7tP++VabA2zB<+d+ad90UBOzV}DPA|@>%%*nh7-C3q|vT{EF}hmtPB8q
zb1w}d5eK%6*&6|LemB~KpnN*F0mMIPJttLeT!jB>`K}*6rhf-e%c}+Gf-tA3Gn+Eh
z;1zEaPnG8XS}?NMuG9%Og!8VEK(+!NiaPjw?K}f+rL+kcr8J6I2W0)i8tW$7ogbiV
z3OUT@iw$&ItAEr)IBP&sVC`nGfAPDFNXPf6LHT~#rR@V2$0&3#j`{~FNTqnEKuVn@
zcZ*uG(Cqt&VKwQGJewoehS$i>uDa9C(B%r#e?utN6nqbK)b*z0@%w)UTju*jR0x!T
z73@Rg6e*HGkoMo^xP4=kFV``N>X%#s<x))xR%v><)`9VNzZ%~(ttg<BveKqO^=v73
zn0H)AekXVrYzg??NHD<ZhYvO;+C`!}3Nem{{qgG*tXSjhAY6Ji_az%-naqDb>k=LV
zL!f>U3(%30ABrom642jE6Hd`-KtbcBGg2ueCEy_t1YnFD002H0L7TTUOhbSEs#O3R
z%3^WWzyMan$8k_-b*`UwejZpxQ5a6Gbt4S#Udc#AOgdf?Xq>fVE&o=Q^)mxjYznpA
z2$z>M00G=hf0^25SWaT%t8e;t*)%u7jW<h}$id`gf@lv@e6R2tk{9N^1MQkMD*ggL
z^h${8SOSnsAd7q?A?paMcCcFbMUd|0UTh&Mt^U5cq$+gK|EDl4fd%TQN1v~jHY3tC
z{0G|vE^<dWQpkS=NpuyN+8s1hq@q6c#MTy2cc>Nol$N~fF{JctTJRQex2%hvMSX(7
zYtyeyddwX2XouVUcH-8R;kehECE^Br78-F;<c9RU1rAy3$>!~(#Dp<FjD-N)f#y@-
zL(qkzL{oTF_T#)hy`D18)YB!~JvSQJ*!)C^K@}%KHWXPxLom*yv*>@$N9$j%Sp?Rn
zEq9*j-hNLiSWGXJHPk1|d?3b=h=ABT<SpZ}>T<PPdZL6;)pEWaGbp3;?GcT2z6h26
z+-^Ka9f9-6okEwkhd|jgmxghZZ6uhcbS=;W^q-?*RW<6xjifiK%2PxJ(fVa`S+3Gd
z6mc{W$aY4fn=geD!N_w*H8BH^>EISMNcKqHCpgYK4*05u;g1E$0*J-v$RQz&mW3mw
zMm>ToG*v7JNYg^0@XZJRjf6l7bl=a;YT?%I+5E$6_eGoq!VEzaSL{Ut?6o=qDTll+
zWaXFh8dig64&zz+>0n;%lyF?t-OuS^FUp@IL~+IXpzWLUQpSvQ52u-LZB_}bne0ve
zp_-n^b@5(W{ba|#oYo<8t?L!;e((<^Pp>odOV3x^(*Lze8clgWU&+tT(6HhuRCtH5
zIuVG(LN*LQ?^}rSQkwggU+chsAm5;49ihbuitq{Ak%ybQIJ7KXLa2N8LPpgqbMdu>
zGc@YeKFhKaJ8Qd79of7Q^3#20ltK=2@gqeW@e%qZdi;9%&|ED!_RCq^92``PT}_Ph
zyWH@qrSnphh0)i2v^8q}OF!9MQ*~#2Ni;5NRi&VSBML;Lc+g0n5oF_8cDC37wh3rg
zJzRR`BWv)YqEg6;l1TLMzg_=!lA}JkR}^>9f|Q-L6@E=fb;iCh=fr7i7Nyr6)k=<@
zem}-8a$=*H+4p|1qHt)Dslb-zIT&~GxmAEB(E1<oeO=)HOn4K~fFUQv14{e~B3Eqf
z@2;`Zi+}XCvQ`mWN}XPS<`NU+u%)+aB>bW-%Y4^NqNkWUBtI>zxyGjJnq|Gt>(*n4
zAu?F@5}s9fZd*w%MV^0~y&JPW3>j*o2+?`NGvhqX`Y<B;e9zReoadEWoIGCjtF+(^
zK*V#5tT+8a`)T*|4kR<AP1bGHLa|dxgOXqlwS$VM6d*gm-q?Byt2_;B-)XYI&FD+t
zl)W<@Uv#eR)A_g0o+v2o2A;44MuiCRt*+@VtK>I6!i7}AV=cTh1F#QdtJ$sv*4#-U
zgR5zQ@fbD2d3iQQ1!Guzx|LeRT@>(FP*BHcIpSEng4J!yT74!m*I9vI=@p>Zy{mac
z^xR<f!2|B;{ZkYHjuM^d9g!L2XWQieCAJM#W%c#ZyhBMb?RclXfvVy4gFI}O81KTA
zuRKL|7IhE|2L3J;0Tw3NyEl5@F%NJR;GsLI`eflnu^<LA<ZdB4>+CQ8`P$X3(m<hi
zJqEJt@%r&CTMoQjmrVZ@cwRdi@BLspvAe(ED=9;(R#?}tJ8)yL1AyOkpZap<#;aBl
zK}L1}t|n>8BA_lR>)Tl401-korQ7Cag_q9IjlkO3LAlY3foKHL380^#xJjN>O3&IW
z#0>8h%s51Sxv_FYTGy_<)1xDr4O69HIn<~w*R!v?{m|_WGt^09=CltY%p+t|llJhL
zsT0oN7~GgyAW(CV1y$B3QK#W@*Xd;NzaEY4eRmCC&Tpk?6lX!NZ+lOua7`f!Yiab^
zLIm(*M8Pz?vO~wjICDvm6J0Qzk3t6;G*#r4l2_-|-|WUV)qkBhw@Z99B{<Dwb<+GZ
zbv)x{=RSX!*sbqjtaSBO0j|THfLu`1sM4D5{i%xX%)A1lgx4{k^<$as<Wp^>7d2ti
zvkwViqTdbJ1K=wZZ?@}}>zSsBF)DU~;@7dhC-K2s@UWG9frc4*t;i;sE9G&IZS=@%
zemHb^En7PdL-n#yLz5mQe29iv^mXagE=mqeEINuq!ohoF-;$ko#p;AS)#Ojc_1C)f
z9!jx@xx(aa+JvcdDpJ$&0O<M?pZ0q*;QSelO`>CmSe~K6N14DR0UnvTDCQNv=xzOt
zxJmj2Pc_6SS**Y$Lx)i6Fb*RaPR$LiEQ#gKT#7oiJ8S0U!GcET!TtITSnes$o-PN;
znN%>~CQ<@SxB)r?Zq9B48r)~=NU$*?(Kj-<$FjCW6j;Si1F(O$_mEfFCNmf|;QG?m
z<q?jd<8=CI(3}HT+u38;@O+i<u$eq%64}y|!?TaDie%_BTb-$Zz3RB6@6s7^*?=#k
zMqB@9bRd*aY*{t-REQZV955hJ&#{f%T^*1!E;4&Knf_ZPn;H`k5pMYIz=-#fU95H}
zT+u;Pc|$znwZ4X`RTBr6`t)M=u(dwM?g<oxwyudxWAF%A?E>61Nl}3SZ8LUWKYy;;
zigeZ7qzA@V=t=UmoBTUCZx?~69)J~wjI1*ft1ZRNhLMLO%K^-8w4=?q=78BOwY*S6
zA5pmLg`e=wipI_1)HnIBzuL~u@8iIU^hH-7#RFj)Y4)zRFj?fTYg-NUd&}lOqRd2M
zc)kLP7mmb$1)~H=hwMvF&WXVJf9B0pl5}f&u4HBzK#7GhJ+0n9*`D+OVb3&>mbR$a
zalN;e(Nc824c`Q3VX>C%Ux41&ZzqjV=O#c;ym+G(!DE{r|9bnHQL+D{oaewTg$UK&
z*EmsBm-IEG^Tg@^orV79uNM&zaIHfJ`<QAw3!rB(px|DFd)&<zv)pYmDv)Okqb&jq
z1{*lR!dKfpA&CHW#&`ET79e97+h8U*>d1!X3yt#wBF0TQ9K1?jeQ_$frLbb<=|Rpb
zNOxEvT2&H_lsrl|>`lygoHd6C+qKQMQm>qn$7ItCnQi3%1aqbs`Be0_Nv$5{`kZgm
z95z=ecIl0pdDRe7T!r1?EX_*|USuKdtN(#I_NKugJhqwXS$;gD0tUGjGnD58&(Ata
zIq$%OheEk-%uh+^iK8aq>c9Re^xAs8qQc6+#;WnZkkP~$ZQFr``fDykyi~OTGqxE)
zr1;}&bvvEo!c-s(ll#sAyZ5E%EpoABw_&{1oYZ+`y0m}{z}HM;fJ&2i=>IQ%$mtH|
zV9yC^7FsJ%Cf8exCJeQ?H3MBn!GKsvSLF7J;njjuTt~L8Du?M<m2ok7e=?_B8L~)q
z!IPiUD%0+-eE+Z2D9kikF_cRQGJL+th*J=NOVCYoV$v}?QuX`Ry;&R(zgr)gTaxJi
z5pn`F5azR;<Hz)zB}m0}UZ+lkx{`a9W{!Bp(nT9x>Ps#REeq&<H$sN^9MY=l2c6t<
z_F!{bR!`FaAI~{n4jMx}f3>A_hUFx742R_<W9$3y`doXLK#7oWSu<4qsf?6dla*I#
zGXS3DDnjhai7+z!{w^ibTEz#b(_3x56k_ZR46y`gN)&W`3sJk;kYjju3D)8R*}I47
z9c?)R`jntK_8X1L^TFf4Ce-h*(Wmofk`K)55UcWh@|&ym(&(uPJL%aj3g68NK;mLz
z6Xb0GM2<$}B!0Pd4LcLQR*P_^$ySqU3u|;9dPNQFwQ%I8q{YS9skEO8U*1R`vCDCl
z;C<n9YfuLgm2&Tsc5LFoiRET39N=GRkFy;ne|$hL4e_jea>6D}hA03zsJIHA)2)EP
zLFnA_za8X1Ywv%mbO&2H%-`AL6OJ@rxAGfre*Tmy6-`|;61lIGzwp+^_pZM+;I}Z+
z9bA+tIfGEv>7wBj*~%MYow|WA^STfJ{!Xb^S_%~6Q6|}Q<@BpKwXDo|jeTvD==$Nh
zn_i_z6tmH-%*UE<n%47-`TM(M$g1cnZH~!-;FN8TZ^!Q8UI-3}F22nWpbsqa(9hN*
z{JDxN3>1B7AH9S{@i3WH!5YTKee$UYh^9=sy`a;;vT1#`HP;(a)5|wBS0Lff%olg2
z%x<0k=o-qE95EO4>6@OP!MK<QlSA81GeYQ=TiP<P^F}LoE7Il*-}7ZvcA-<fq+AO^
z;1O{#jdzLhcso(%xo)tOUFfg(NCgFZDv^$Zm|u5thHi4D_?$R76&UGy-3x0$Upd^M
zq-HN@r+ltk;RCq5T%?a^ZH?ILAbS;Q8pR$PsnlFBEff_$O<}V~tEKJF?poWB0$a2M
z2kAFjbYT1ISET7w843zz@~c$+uM0q7{4*;9B+3qo=$@#jD<j~ay$SdCTOmMnf$D;6
zsbT$TZV!XMA`JoY0EVkg)mXW!3y|ORtxz*z$|w?T*CHG_{iDXlG@>g~FOzCK`nf5X
zSt+5+`<>F&KYH-FRppQ&)#!^gDJpdsg;FGQLw}S4p0{e_uBKk-N^0%Cp5}-$n|k>p
zHOmF13!L08Fr$DtiQtOq^i-|9zehcpX}vhtRi~&JWdyZ0q|5DM;x+hKruJ3<|6tue
zSk4#d&@;O+NqzwQB$!dqn68Q{l81cK+~hw$r7pWr)3A4sI>G1ZKVZweWb)1(hy==3
zUm1D)gm5FDP35W`YSuF~l>T;pTAC1R_CA9q!Sfns<qX9Sgy?<Z1Zzy;q%wt$Vn0o=
zdE|~l2j~lrUdgt?k?|t$TlAy`K$I<hF>%rYf`~aaf7+h#o}j{)ao{<%Q4{Y-wtJa+
zFU8GY{H3((qyv(~aeTQeT<lPm+7<5e$Jkob-z)21%K}~vP7esgVF0G1t8)XGY70aA
zHmV{kc!U~h_eY;4fyv^mlTza10b;34LNUoiy#U?GI;k+A^cBhL3}|zIl@ux&R5Oeg
zt&HU*%+4bp-G&{L$$FThdWcVz{Z3_ygiOdnWLfZ6VC(pU*6VLtYcASzPlfzzG8c@<
zDmN2u<HDiNC{a_TWmy>lO>qt<E!n&=gXIo8uXb>uc|!BAIVPKtDH*rXrqBUXmbONr
zfdq=PEnCC}U+HOTun012Ywr)lf%$sW;?;LIh)kIJk;?<1OO7XW)nk`aP*{O(eOY$M
zjTV~K_#mD?^X~MmMfqaZ^8b*9k}w=`D3P^Uo|_^1y0F3GpLtY89!u4;P#paw>33(g
zWG2uTIe+9%2^}~~p=;rXN)rkI$D31~3=N*EfQ^sMsK+gCO5ofoEQ7|Y#q#OZJ{vOS
zxW)-kCqHbGNwPO`W;32t!N-`OFFDNWhA^>}-_?}VtJ7~YBi?Us)#jpcvx<98r4Yqi
zYAwB%AK56H0=FjZ<$pc8O-fJbiN33Yv=*c8t5Vz1G7hhO=Pu$YB-v7Wdq~6v4`mK-
z_=kh@_oM)f;NjAkkRLVXVEN$~*M#;0=9qH4>YStM_z5%DD&YelV~Hb?LL)Qj!Tu=%
z<);4!2joCY!Cn<6Yv<1kLwq_4T58l|+2G^Ha7#Nv4kbYCAeTcU(<2c+%QcfB4!S*C
z%)L(E&p*+n(f0w(uGcc{$q+y>y0XV|or|0&flA)qkC}Xr6;~mYc)1#Qe%0kZ+Be<d
z*T;_$k~$?f9QCb5J4XZQIf4hTPtX#ch}4tH<+{nMw&LC?6<^Q!&N2Bf%E=geAo6@&
z+;|o}h>BeO%%eqecy$UWQ#eN&M5w4Psvs8VSGDA?|N9GO`Q)pJ2$M&lh-f!BeBROk
zO$3VmyWH@&sBRX3gU|iC*Bu$$+-7N1;1+j9l%(wMHVJ1`X`oM}jF@4BzfQ|r4tBeS
z0w)cHkcyVrCJBKdCFAIaA^VvOa3VplJKjsd^VGcBygcnIn_TAR;Dk<Y63WV2Mbx~F
zb@qo)Qmif1O`=A~Qz_A7#+W|1@AcD^fJ~ef4sxdZ2Zxj)P=NxAu?$eTWdEv~szDNM
z9FxW~wXhRcgoM%U^#7;+k4o<6ar=pd%@J8f$m*bw52^FR4}r`{XeCu9-H^xqTXE<d
z8)`vo`^)1gMQlU0g%>RbCG}(T;ua!H224>`r;|f|<6!fGaZ&ug+<ZQ&#V|3tZ%Aqq
zB@F$ESx?zxVEoSsN;+_U_w{Jc-z?|rQeapNdeiNNg#Zl8D6PVX?naCNL&qxcHLes*
zB?J1_ufx!{yiW=$;6l`AMvd`}3J?6RbSyj$>ZNr@K2Vj3XcGvntw17#UeA+}<NRlz
z_~T>$m#<4ks?tguzZG5&aD9M{<!i^-Y35tw56|P+t$0;^@PcVE+<>7q#nEDG0IfIO
zsk_)k+_D!!YH>w3>|Q8uI(eRls%D47Ni4P*uOjBalU#1(NL53l=ZZZ~<9h-toL@-#
z8?gP2D{m>gutZe{mwrL=g=F!a`-@JIXdgZUI~f4=Pz<5|z<cV-bJaIJOL5cW+StX7
z5^Ov!`><$JQJtD%A=>w7rq8K2>~voTjW%{Du|+EKl~xddnt6X-w><J=^(C&-ezAs3
zLQ(yzjFARg%7*-Zv6h5sL%hxH<7-Q+HP%_?N6nl*#S!ci{A|YBKTP7CeC@|$II!iH
zTxUtCl_TV4orJ1GvRSdF!Xix~BoAhg9#ay}F$AacsftBQHoBU_TSmXKL!g)sXcATf
z{LFuHkB(PqM^rq8k&a?TGkI)UwfZzHmfqeIItb6$aoA}hL*_{T+IAi!+_r$7ewv+j
z0P!f*?&KJa_e)S#b=Pj(3CP`Jz~pXzhDtJY&;_PBqD;i+x<27GSe3RjMoT+2&ZX%@
zZ0~>k>g&#L7bw*MAJK=t+_Qh&j+)L*;y`GVaA>DZ0@J@bv`g`&-;|-m>QY06VCLa)
z9Q*xTdcU_<LV^5?3--<3q=jp0n6oua#{aGT*NAqwdC^JN`aJ9l5v$DNmOlOlvsZOb
z{C&~+fILCFC_L_PahU$;4MN{;<vG%yRnNa-RdpDrkughLzP;QLZBpZ<uLpZ56zX*s
zLs>`30-U@@oyKrjPg!wxNe~9x?iE&|1?f8;88z<R<+VsLjsNm#Y~o3WZtZcA_<4*$
z#hLPS;0`;E$s)JL@M68T+(rifTM$e{En-+1XAnh?f(EcXsfSASI&Hk@h4$vl%5J7L
zp(YV7XYj6}H<hg6AbK>EwIV7ZSdMk$RYN$T1TORtaeerXBpRYg!1ORuNuJWy>b2jF
z7N>F*b{b1{0Zo@XKaFr3Oz!&|&A2zzj@$S6v1aXQI~1(1V7wT#CiB8hn+PYx!cPk*
z*2>y(W)^+Bv!_f=btC?_1+H4|$5*{7(#b*ZPw+4<;gib6IUt4Uy`4T6ynsfI<B`BL
zh})sAy_!$11Y3X4B&|!UTObW#olTB<9jzq8Or1#98-PSJaEbBB4-N8-h1lSC?}k^*
z1UbA}x)~xYOF0}-Jfh6TU-8o|J;|X4jEHYATbQT$k@mpYP4zO^>RQFJs2Xl{iyC<x
zbWcnhsG=#(_WCYYSyK}UF5p}1#lDqp791ouE~X2R(jma+hG;%y>Y)pr8@(y48q^c)
zMhPXW-%#TLrT|k{E9BTUvx2x6hSdNjVg4wuF>AQS*4r?DI{SmTm<1$IrhkyTCKI31
z{$IP88aDj1xS@F@1gWy0&4jN}m%OT%1EQ3v`_jkU^!*>h0)G&-5Q@vwmcA%dPBEeX
zCL+}#=?UE-vZCs8!Hgzb-SP72%`f?;D1Pq-SAC<>Pv+-p_PNS~`>Yj8e{Y-|i7CT9
zWq3WDpKL{Oao4q}`{o$I`G?tQ*v?63Fg*GeUV^1qF#RXrt)0_Vz=gV_fR67zz6dBB
z1hTWn6<xgiU+I1*O@f1^93&wWuGK;J^r(Vo3Tk*Wwd;=6(L-d>057m}QRh`ZMMqaH
z(kAe)q+wB^hA+N}@qK%e6-FejkpqVw$INK)Jr{5BbkkG%Sa$>O5_1RzhGhgxhD2-*
z-B(plAs`b%#jh%1Q;t5fWW0$0!J>$cS9e9&L#s?8$AiX4jdd96H)I!!hx;=BQR5V#
z4^>5wh7hNN#*&#&j#IXKD<NQw5cG)*v6b0~p5KqD(bL8LY1IUv6I~$3G&usn1X&<o
zJbrZoJo{==z=U+uS(fr2#E43HW{)Yp07T(;J<aH4lE4uyo<R-iThle~8`Y_*mts^K
z-o5MhTDP{=)mxVF{^x5d&>=@!J1r%e=}&r+;?|@B2O^!zgf#=T0hhKgir&l?lkG`o
z%ugT|tEC<1f=s(D0PF-~;HzXPtBzY`Ic6}x)G`J!q_SEKxRfDnBz+|g7NUA3<&f2!
zGlOJb&i&c5TYarZ`Q85-JA>kB2LNHucjXAxC}W0}P$c_rTvXAfvH)4-9blb!s=ZS6
zHSWP~7g(B3>o>0>ppz$WVp5E$^{!X9ZhPZ#MRCP{j4-DygtOSQPuJ5@9ub|}+xIVu
z@Vw(c(P)h-n4I2j>qtIB`;lv?2l!inu+j9h-0{EcLJt38tz*{~MbzW*Tgs;US$!@9
zk~BrYm?Y)vhd2##CK^b&Nr_w2400SBjM(Wmqy+PZ8EkuQipc*$IIv6e>u8R2WqVXf
zMe^BMLTe|4=^VvdLEUG_yK?2c#=zy`lc{vaizDPsT>dY{YasCFIstKmBh&Sz<?{}k
zgDSpo((q7SXF7kAc%eAY@vNQmZE|I!&&ud-Byy1(C4AVNv|VWYB#U`BY1@=k*V6j%
zeBeq!a0xKd$nt>K>g_H#7xEC(4Ue&H-n|AQTuUo_3*(C#3*Q6yamFbN_9v=jY@N_r
z8#{`D1Mp^udZe%bgGqPBWJO%82ASs_^G!TMMc5i^;=6o5`lumviExA4^eoE60*Xd{
z_vtSC#DZOx6M?8+(WM)Zhf)Lv62&LH$5+%3XL0nK@9(Tw+bFwIhHuDVnjlurtK6mU
zLBoOPl@}Y|Hb!9y>L4EaqJ$4#<M+?tSwU}*f+Hh-Dasu1UZRq2+jW>k&*IRe4l1n|
zN8!if;L`W<`sD($kbZbVe1Tcjw%n}knc*a<V1TW9j-jQ_mz9MuEDZtIjTLc;mfcg_
zYg+muGbT~ohWpvYtl%88M_XA@9BnTq>MB@gfA76rC;?X{y5z`e4Dy>&SX*p!C*f^l
z3n&Sk8ej3Qgc+I<;0*}^JB0u8kv_jm{v+Ih>0NURR9}rMEG^BSo=nP1^JEi&?<6Z8
zpI`YxY5K9qPnO?#E9;%u6(}8~ULU0vj1Fusu5qH~iE-EU(+#=4k3({IX|h)`%Ib-(
z#N^WaE1+9~=ikX-W$xr4y_(Oo_`mo3P)%oCY~?8mlqXA|DN3(*jywKS%L($!$lfe!
zWki7P2MS#P<=EQ_>k=>fjNX`!K8_~i#;DSd9ft8Z<Fc9ogK<gdTdI;kbiaMT;~uGy
z7yhG$%>=K780{XtIJZSQx09Am>Oc6NZ<hPmQ8}lff*8*26$5Bx#>uS{3Cb@yS3O9I
z_3`zF3WJf5gk)PXStq>mgxUR^1J`evs`w05K+sv8BcQ8#%3{ax<J&Yz)9NeH54bpa
zm~2AoOAOjasLJw)Kkd-c`9$Q7A?%HWKcO6Pos!{nRTwkphvWRKd-OR6(Q}qS@f~w3
zc#Wq;jb|n>-J0(pt0Eu$7|BA=Z0VV=*}7?ZDqO#3_;?|1!FvwQT5$hbG0wvO{Bz>H
zo``uUVESt>OfFGY-22L(Z^2IDi?)7O_udc|-48|^-kiB>@p&{bbuJ7C6~wbRxELvz
zyBA@eHzL`T2jz`!O!bOb?MJ?vuUGsx+htLP2dhvdx5FS`te|kvTavnB#+F`h!@p&n
zxbouB&Y_Te>nCD5?mZ2QCO$*p#w`clX#C|1pGn|J;`)%GWBYDbpNmHkI$~yR>X{&?
zuoKhW6ZY~5+!RzQ08~J$zi?c91tk|VC-Kn_SaPHZNP5ds!elMN7H8|y-z<@^-`G78
z4aPBB4~z;$lFd?<Vg_iI&C|3{-7@x4n)8VGldS2Ud|+8I0*3$~!rTpNY7PwY-IX<v
z=$WG<{o3K<l$>O1e=$F{3Qk$_ljWY`mMX%BpabZ_2}!2t$FZ}V6E6D(^tJv65AthD
zLUk_w=?TX%!FNpx2PeKr^?0_}mj*=EMS_K@C)^bZ<uK38V|SVUk8=A!AG-y3$vq78
zwqmS|GEP`TAKKTsi#-XT78q~UU<&;iK`NZ*t=Uh--l>w|Dz~^Yj7@E=&-u`z#mKnb
zf~sCUe3i@EW3*Mp#B_i^WF8r1nEf`~8{NH8TKuVAe<0_@7-8E861YsNZ1|9a$z~57
z8q|m{h>B6PQP_&ohSDD>zP9AuPNKnsvJppBb4y7AZUa7>hf;D2x}J>)G?a&{`s^rU
z#yw|1u$ay~JP`wDUDoMLjx%MJ(TOo`<fYhUWn1%41=13LC?z9vKjSvl<3b56%Eb!c
z{=p|(HI+^epmT0&BA*#$t@=x1%`QBI`@+zo><)_h<w00GF?O{@-IGw~Ert(>+MW5@
zp|f^g*YmIKG!{0Qf(7-LF#Fv&-b$%BAh_ZAJe4-of&GolS*>jcpO@EFbp7Y>BO=z1
zM)YD7EMNPCx*X;Tmg~rLFQcAopqFd&#b%~=UyjOFz30OU#J5Zyx0(!)7-(vKYYnjw
za)-_ZklqPA4RhAiRv7aB<~^7H9oUBym^$R{M!Qs74&s^HZ0DG0CmNN)q`$5z#N0S9
z;@%PySOS(`onnr=nols&-92^Jc>~tmA^)K9Io(<@Dc;0kOtRmW+a%?8Q)>z=)Z_+-
zkqh**^M~N$(ut8AWbm|qU)NcDQz)-X4ba>z-E+9ui4l9UiUEjf^84~^8BJk~TXZWb
z8I_&!m5p`*f62lAhZ!%nwIkz6b`?3?3%@~2b-4#6oTP_rWmOf?%h8x9Hg1zXBNaYe
zrf7$$G(`64Vax>-ly4P9_jgU`rh5A9VyV1q-0ao5dg=@m0tfU)f%)6Gb4nt^#_}?^
ze<{+do~|Bgi?K_(1sYWJSO5tN_8lJ$z}ba(8YFGoTVI+yRa4ELbzbU^pQfNh!mcS$
zN0jN}dDmGgG0eh%ky9dI-w_O-2Bn}%;zVSdAlJNv<Vs;$`Q$Sg=Ksxo2((GvVEkAU
z<8(-*RG7`b_d`|53|5Rg39Th|h3vBTMF-L_NXxF9@NYmyOq%E(B46kX-st~ssD<&Y
zG-P*R!bWigH8EsfOQr$TQ8wnkm^lQJTz-~osLSAT)GYy3gwE%<T2%jXR!fbfK<SZw
zil_~Mi-@Jbnm?CG!{e2ee%g32Pz8I%2S|HX+!Py4aeKS204rI?hl}cN_vU}Ea(8JY
zxx3VLl4E-qzR?l#9kQblV+UC49niHSd75P*z5o%oL305^Wo+B|JqK)75`8Ra+*0QH
z>n?}r049@;3$(?_v~y>&F*ZnCEI?1^!l63@fgwgJ1}r+f6E{ia2sGP&rP&kju`8Fk
zVO<9!D7`s*-A$C-(;*xp!+tp(ygJg*R`64&0R=_W&5rJK_oEA7|C1?bIw@+_%aAO7
zD|hqwN<jpCmJgFz3Y`q+EWU$Q;3kbwcaq0O5l-GY+1&RHb1D+>^4n^YnuI>@^FIH`
z+N+SpHD8~_P4o|H$m$p+muK1bqm$1beVF!yj-+S&K&&|nheUcXA>Amncx9vX&Ir2|
z$8lLK%Z6Sey-72by&b!qYRBeaTj%3MkvZ!limQYD(ZFz?3ywX8u#VXFLk$<sZ0B8V
zeUPR}_|9{*Lr6tmrr6PQy8DcW#HIgnBWfi_MM}9yBrN*NQMvT(FV#rHSNX)M8<CCM
zi!W%Rowtnb5mm%N#1|(-*Yw+xoNlP19pwRKOdtfPGq7Sswi)p_q)-OB{G6l3UzaIg
zJ*i_Bgvq)|rR%in><t40Z$7hYlu*ku6|sqv=<zN=_KnP|h)2zv)`YY*BY}Y8qpEru
zz$kz<b!Rh}EQN_Ch})<xzIY6g<y)TKjA+gy9V|X1ambT}8gN~99)+)`qVMucR{T9-
zX+(+@3+5gu;T^b4=cj1?=azbM+8LP-^vrzAy^ivkXWuHcA2vZkuL7J?aFiO1-@@FR
ziFl=pulvXD%K6N>=%*6lBp}F;5@mi_*>A+OwS53oWE(!q-C0vh7_kcUuin!NBj#vW
zfKv*F?S|rx5tHrxkkc+A%}c@db);KeK1cAC<MGA;snxqO3VmemwidnkBiy0Is5;2b
zSoLKfG76i={Wt&xKTDF<SPXEof~8FHOqrdQU^(AVhl43G47_E4kUN6;iZPiogn%?p
z+0G>cYkSYJuse#VQ~wq;;vZA*0xCabuA`V%;kjNFI%=-DvS%4ac~MLKE6c7LKmU?p
zPf}+I|Nj2?J9vN(Q&#ni4-3fJu~&Kj-mz>{7U@&F&0xKO@%l1J=G-C0$ie?pk~xeP
z*wr@#7>(H+OjNotLk5mBSQ3y*P{0Y`QO$)Q5xNXiVT~fV_r2q~@eZ2w?Wik%zZ4(f
zFzd-gO95osOuq<880q<;TATAXs5%WMM;GnSQgOUWmMV7?)o&Yt2;X?ue%5ks4oXqH
zW$+>2;@7J(q5#kH%>gd2TJWQJmVbp?Xnjhe&lXWYgNcoj_s&dlizi+&_@X6=sOogV
zzZ8|1a3}$aHVL%v2jYKyA1BI0w+lEq?(jh<8%IkpVZ|HydQ?U-x^JExuJ2%?y2Z?C
zwmNonC=kG39ZxmgDRUQyK+=nEAQ7NR!-34{1znC=0Jjh|GF2a-0p5aGV{xoRByDWO
z5zst>)Qe)q`6X0L=IM+jd-PSjXWSLS|A`e_ll$sxrrx;+kN4Ar%oHBGorI48Ho*{k
zhU7juy;IgIkUldOP8<oDfTFF$zk!|e&{=!e*Q)^=i;_Fz*VWA(X%i(w7SJ!%C}Dx}
zKVIKM(t^L($Ma4TNKhGoUx^irKmUzBAqvs4#>#`zGaQei%@O2RY(0Z0g~aul6-SSg
z*RAz=o*T1mv@&4b0UgtKoF1Q_v0+;HWOqFp_1q1EN7`<SJLqX7sYW(}ECeo}?%lxi
z1B=oYtP1UHr4zyctS(Jh?Hbjz4XM=d;D6;ow&NQL<R>dfB<Ph5u&6CWF*KhDW}SHV
zVvG(zOX3>$)MXW>5gmxo^3@Q5(7)t4n%w&5J;q@9y3HxRicG$iHE7fv=zcRpsqYAx
zYTd21Q=oLz{Q@7;*6S=9=Mq=&%F({v+;v-!3IJl0jE4b>1D|v`c%0~*<Rg^H=ou*0
zGsJJa-tx$exR5@Ut~@V0-yW<H>Z?_Mm&K}z<{@*X1Mi83pah4*;qpKP{TWG(9>Ghd
zmh>(NvectiI>xVa=|W`mAO+@&%OdvdDH%*aCuj)He|^LPyETde>YK#VHd+aFUhnp}
z$*iI5y*&3RR{uN_zugGmdx)@o8j+f;Ee<{VMd{Tb8SD2F)5d`oVs?+SbD+bSRq*9=
z6+x#Dg1y)Dg-MWG2~igrgz*1rH9A%0t81M*pfSHVP^$G>k9H1}X?H{vk<Te2XpW%o
zdbmGTmw!2?BU;7!ScVJ3Z3CV(VvSApOJ`l=hS@%8|N6e&|L`)KCC-^(@yCgrjw`OL
zWwjh@QB_05g>`CsW&#hW7{HSG=;d+_=%#ds^C~4NMB8j{8fOEj-AZN|uG_xzsH_AY
zW|gLTN{tfV|CLYw(04iiVhGM>qPQ}w@Be79m*>=|bMm|BTu|l>iS<YWx(1sLKziRd
zrR0^3kN_=*v<d$cfy#YNF4ypZVN&!y_}HEy^99NeO3fkMs?Ec9eVx1rF;n6SjbeQj
z)B%u~qO7RH)y99}>+pw3;qo?;>BTAj*)<!2weWmX%B)DUxv;z}fAeIU?)i-#x{=8{
z4Fd4sEnMwg>gjhp<Y*Qj{0Q`a{O$8nTZBH?f<#PLKfd36t>O{$5Co-Ki3_p*xMlHj
zrYdIaL&qUf33dR>!Kp)<ZablE547n*iuWd)=P+-8^#+y&E%q$_%z4`ZhsK%&8gWY5
zB!%Tp<tmPh7&~uaUL|B3MSs#5Nz1;j4O5+#@bY5JtBf9u$RX?G?X>jW)S6ev^9cGo
zRGwrFTr4vNPq@UY4@sg&5rc9y4v6b6_vX6HG3HJ90mfmrcuEUm(ySqX)064o>dP_v
zussYhpB2u(5+~GNvy6pq>fp<&LOm=jAM~@LisHWdj3wvtQ*l0jx%mH|dIUdWE0V7G
z>4f%SI&&bd&FJ=`4rPj}v2PxS>M`Qn!OcZ>AIcMZBl;pj)e9^Ok|a)U%Z#+0T`{wk
z_&?}SRp}ezyPX^)Ku{UF{aZdqf_Gm8z@%!_>s4@dvH7rLWcqQa3rKX(X`vwtWZQm%
zoy)5Lv%^Z#D|NJx=`b&9MeUVo2MXinu)HbE;L+WSA{hd(HA*i&owo(VcTWf?6On{(
z&kbokD^JR;)P{wbOMGg`Ya}~cF_e<XF8J1Q-umZ`$s62;w`XqdCiuq(L?HAL0+!P3
zLcg88w7f2gs1560U{r`Z_!rf8vNLqqDjJUb5}ysw@$|#-WV0KD_|!(#zLUc#y(8sh
z8CDFXH3mxj;WC8xaGDL~QvedY9fKXZ*}Yz?!Da~+$%ynBHNqepJ#+o7c%+z{i&|WW
zu&Ee{Jp;qunns63AXX6(uY}$pcZWJB#<X)rmIjjeiny?N4c~vs!43yvHxZFKr*pa0
z(<@kPn&qykWotB<OQ-=u8<O=6+!%pfphP*Jd4?^7=Y{)>!_sOvF*#M!Lh!(~g);W*
zbe^bbe~Fd8q|z$;eX1`MM~P!c9Igq=U`K%P^cSSA<J(V$$O5%Se?7M}GmY`A(g+va
zZtQa&U*6FU9)2TzRKr0{WBtU1h}7JwM@e;{HbMn{0wnAn`p@%^Q2!Bm$z9g)Zsu_k
z`~rTXBmmSEbRq1B2U(8#yvVmouSIE3VJ3o?Au)pW7GeYCBOQ;52cs5AMS?r7I)19=
z<`2Ta!?{-MSHU+{uPFIn<5VFS^^sih&cY_3;JjcxB3p+o256*89bDGd!S1JI5WxUA
zZKA?U<KacE%9MHpP-FROKkP<Wz%CyX2f*SD)~Fw=(3*%G3+iFrkc6J`C_}S$ciTmL
z>c|WS;?g+F6o0kx3-Vxw?3Jhl3*HXU@I(AJ7o{(96=vs@4TPTeCQ{~%#JSuOB|te_
z-pDU#Qo(0#!Q6Kak=P!CBHxi~C8B;&v4)x1e*vpD|Lk3TkOGMPb4+Cj|1ZQwbMF&X
zp`hU9<lc?^h#I;z8olhdYh|oN&Ut}rp`42Z;tv*>!qBOz61t0nR6%KtXY$fAHU^Qh
z3DxNLw18|1Z$7Y@MdTC=n;s(@GpggG8Er}cQnnr|MjAc_JQD)kb)ZFV?K19EEh{F3
zHTOkVqsXzS4(aq3zZhaCnh|9VAbPLi9s3F(L66@Fi%DHv#BTu2#zjTXj&wRm?7uLy
zk`W=-B)^3$+&G&1m*4E_9~KDEMX0*tMP`MFIRE@fRo1m5q8z5@C>#Hob!5-TqJvvR
z`flZW10qb7<;UpwM;}$sf&M!F>W<vg^fVK>Qyt>&Z9WKc^Tr>}PJcgWhz>8jb@Yx=
zL6r?E6HqEI2{$B9aR4A1<~`7A5IFR{mGF2@vB9TY=bctKWu=z%&(@CrYEbE{W}79|
zq&u`)s?x>Av-MdI9Uc|-x$w!C2GNwgkgL_m2>THZ+urm}BW2)nTEt1AW0s*34(Sbp
z*&=F6)!8-D2B?}5TX^|l=`gQKoqUL&9;6n|V^rBN=HO#7{D8nan5%5x`me$Q6HOtl
z+_)?*lt^P9gYnkjYX{N2&n^NM`PVr>jN!3Xa!?hi#n)G{9`Afz8QY1~0xoukc7hJ8
zPk(4pcE;Ni`z<^>3jj#7S)g@`768uI#p}R4Z<moKZ?BLNW47Qc8zB}eP`17kEq03T
zb-xSVNuhyLJ>U6nlZ_lObB6`m`K1}}1bQE8-)utn_;l(_!Nn*C#sXs1fV9KEKd=Xx
z2-8jOHdVjHRugg_!qgj4!U8Fl3CYC;gH-f&#j~w$zy8&7RlyB@2{Y#hMV@`|Qw!$p
zkk4r&7`GQMXX-=qAcfZ^YFHDTx&kT5$;ZR(pC8s9%FLnJ-1s%PQSZxAR}C5Ah<6o}
zAMSc{)!$G(yi+{|^*GoCW(<A>iRYkEW(X8?F=sY<7_ZDOYq6#!Ez9jvCW!=nhPqj5
zadFNHw*g}cfdq-)M)MhTugAP#*C>V5-qPZ&6F%k>6stNG(@(o$N=%38VDBE3!p@cN
zAEaVz3V|e8YKlinVgpJ;ehaJwR{JnYDp{D?^r~oqAtYUB$%@a8*Zdq)WV!QUnP|;#
z==?a)hbRwrr>WzViPo8*WH^<fF$6O=H!i?mPKOwgujJPniL$#uYmEgAOjj>V+MM3m
zEG3Fh{|h~i0r*A1gdBhfzy81ss)|Fqn;pAkgl@&{0Hp6?h|bm$S$khhIaZQALFoaQ
z{SSxDT~{Q5O>1<hLNluR>?b*ICH>+-a0mh7I9NMHKYbdk=qt2Ibl?9oL@h#ptpl&E
zud!}1P}^dG()7n}H+5zc3?GdlaTy(j2uj<3;)b53gYJ_1qFG)|#{9K!jTA*2#G@v0
z<<ZEGHs0kaj1|<Y74X}rglTXx)DYQ_fF5ID>?Ps?a>BIJ$R$~FI_q&m@OM2hp4Pdn
z&jg~4T@U@Bzk>-4kj{h*^ZN>s(nt|f4TYgV$nFJVAqHm%PAJ4K*OfZBw2wo}b}|Yf
zbeF`>TV~MS!s{cSIzqr;6AYh1e9&`LJbiZngoREU^-yqUoJ295qo2?td`OPh>GXku
zK2>(;_q(He%|(K)ygqX-J!?XYy;R4ovrdx#z%JZ#1X&E6iDx2QB{8JCDT4cAnNiaq
ztueLx$Y_Po!iT5oDm*GA_t8ZS!6@xOy8H8O9fCtirADEJBizh^;$DNv`V7F-#`G)5
zhHh_yL~P+OJk(wm=q<4&V%WwXHm|yq&qz`WXV3lBdpg5!&M=3-ig={UMzZaoQz~X$
z{occ!4TNlOMH2c4L%Y~w%<^Arn;>O}193}Y2-<r&V>Fn$(_Z$&UYNJ>rxl@fSlk(+
z+Z|XCawNM_7&W?gK0fzmL0`bp+4<8#c|~X)zs0$+wXR7dyo0b_Zq^2TL6DM(3c?}R
zyUfiIlRx0=0~6)qGbUf^1lbw&f!vnH{bSk?M~bW^f#J9$0Dfs9?pJM==5kjDRzlLp
z4Di|DrGjo@#qZhns8VQ+6gfAG?N3OKkmztQ731}EKJzPWbNjKa^RqjJ)~MK8j7Hz8
z=Ru+^P@RO$8QydpS&2q7gCda*U#<F&c0~j;kiX5r(ZNht*?A)#H>MZp3HFwB;NW){
zm1uA0&5@B8m3={y_2p|<WNs&f?k%T1-~`(j{G7;09`4LetC<g|b*T^L$NA8Z5Oiu8
zpF7_0)7<uG63T}hD(->G`~m<RjW-kfs*-V!o}S#kQbO_I_CB!q{6(?znA*P#0C=oU
z^FK(aL_)SYI?wzw8HQF<2+_*bLL6Xagm0A48b0iK*~!>F$UFuQiM1R4pg88qi1#Bl
zQjdZ}oNZ3R$^CNO`Pq)1Z;d5kKDq;F(Z~Km%ayU>b2k*v5*Rxc&Rb?asrBr%j_N($
zON7keGmD>%g3ziwk!E+!u-kX8{U5tqBAuF?-_H4W`ico~nq&ioeMuBB`!|0!AgI5H
z5Jo|SJoFWyodV=(rKPeE50%$vy)Y$a=i@0PtWU?yQ0sk`iwxzreDoU(8?W_&@NMtv
zIjt&b>f5LTEud<q^IUo$p}8jG*Qeg<gL)GwG|zQvO4!xoPR%n?@RU+?dN*|^Q$a9z
zSrZ1vV66LGtllOH4d9Ud&=jW#?<w4<&jaPZVU}Nlj0i?=N;2s-o0SM5WXoE|YDuS!
zV3I1d`WIQ(QV5P9AUiigSX08jtraZKK-?(1irCPJg%p53G~hw{{I4V8PcAQJU1gi5
zGB>Y6SS0Nztrl7nY)e!)b{>O?EFH-*{Gv}bs@(cd!C~U8%@y(q1oS*5<A1ugrRGdI
z<{6u)T&~@nQRmXuz}=BcjviaRE3E#?5_GG8;L~OS-$7e}Tsvf!k3d~m6Art0hY(A;
zSKLploJ3ExkCuZ6j$Y%GHPGPA|L@jGaFh=c?9T|__^;hk#&m0H&zfs_0pev9EF~&j
zk8jG7h$>LjX8lu|t9TY&7)8WndZ1+p_-v3*v@El`qE)%VE+axE#XXBJLh1_ClwGC9
zcZ&pFR}MWN&qMQ7xr=kT)2%59_3=s0!r3^(?++a+q;KxK{^I(ereI89p2w|v@cmIi
zZS|wEz^VTmXVF?fWLn>G7Sh{?LmeQ_)LL&GWXu4Al2%>E#maTbBT4OmYFB*$5HdtA
zLTCNYtB(wE<UP5wH7k4Sjjqgu%KltXbjqukIfrD#!!#+tC|W}w`Zz{n)uPvsoxG!+
z)aUBJgc!rtjfBxS$ApwmjV-H%`WZ$1P{l`%{{T`n0tvs|<G3~hoy{>#){w>mOkvWF
zWD<wf^@rWLIX%VzseWIZhLV*~8Tr|q!+6({YehTq_h}ukkfdrZF8a{pK$mgnQ^%V&
z9GB!zk71dEW&L}Ne6kTQ^S`a}eHIIrLmw)cWhiESC0t0ZJLg!ZsBI+2^)#eZ6t)Dr
z%LLx9&E&crzxFFA(kePzi_EetmLPdw5*$=3iU%MD)4I*;bSByJMMO>g)moo^s)Gfa
zd|1zAPne)v;FZ*-uz^jSr+7Dfzh^+9f2IM%A3K~Gvg#4s2)65+z-PT1VFNwHvz&Lt
z>S}cdSivX>Mdf|W&=MJw!E%KXZZd2}qiA{PK?QWK7T=9*(cLn@A%kAh_Drtlxy&f5
zR6u6W8THg|8QzX<?7SHdCR#NicQku_`2aR7XU;gl{mITic<Uvkf)Qs=gX`W{+VEOg
z<&CwO0-&l#y6PJ+NXvmG&wY84p08Jxw|`_j48VSQ-pt<D{M33Sv@n$^x7xcM$zCjX
z>>z4r?Q32Jn)7nVEAu&ee-Kb&Y~N;C4dt)-nEz55(s|>Oz`1#n@3Um~$u-Grm-Z2o
zqzKsw3V&tICAq=^sC9vH(Ar-B58({AMDBO18=V!X-2tIheH^yBNy<8NNe@>ID1Av;
z*8J-&`=!e^AXCU6T6v$HPE_(f4-)))p`47@U&$E&a9GPhSHZ{8M$FaTsD_<e-@q<m
zc<5sGwc$Psv<fbrH(eQJ__JJW>$N%}tWFSW1a-1#W8oB-6%rTQ6JcM$<u3_JU|ar?
z@g)W5F+gatk#$Zd(k8I%1=`gHTpQ-Kq{3pB<EbVD2>V5nK{J*a;9cv*)$rG|73`X!
zM8xM#<9B*@X0{%6sC(JSh`+FMpqNB6xN^8b_i!PF{EDUxx`|PV$mB)n{hufi3iu(c
zP}`6~%4y+1wEA#I1pRm3sukUJO-$Bqmg*5xE@wcV&rkmGVm9?P2XVPf$SL4a#Ury6
ztU)WBuidV&5;JF<f0>KnUD}p`MOr|<mZE8PfH{7;$iYpKr33(U2>)+nN-FPT9*e>u
zhti}+!3Ka~QYCLewRKR%8|WxqB1QedJ(*zE`#MpAVlzb7l9wI@45fDQ>CxLG!Rf(t
zh8p@p66M%XO@<aBJdn=eOD_~Wg!~YzhzZEK`Y3G`UC)z&(IyyCWI&y2MeMZZcf-CB
z#tZ#1C8=A0rq4Q1h-jmVt&1TT2(_FlgmY}5yUnWByHBWH3HiI~0u6r)*3veNGmX8g
z76)Xrr$G`WOp3f!BO&JYs89Y}zG<9QL3FzLPQJBb9hlCSirWiyRb}R#4lrRvLm3$B
zcNCV$KO5Y9ku+ajX|ezJOji&e>lGWJa=x%S59o>O4RJNc%kD@#W7r}GBi0aIFJ>n)
zW8w^&FWqAs0m-)wm-ZzfsuwMuD?mP_?tuvSi4lg4#1gC#GKnQX3)R_&`hrltC(v9J
zWuuDp@og78$xoCUP5=Jd-az)V$KgPpCr<z)Zbk<+BuE;1{nDF4$SS|ytaiKD`~0_s
z1LMwtu2FZIS*mI?7|xkO7iV6kz;hKd^B^LTZ9E~RS+j8oklhJ~IDt_lVUBk{4U&cW
zQ&H$%@1g>|&EMK4PdpG!P_P~tt2K4YCpoE!6G<8^IG}asenh4LxMi_2<xH0^9$PbT
zIU$<LfvSzF)O1c(<aozTtg$%Q4Ph^cdMYBWOY=_GK``k>*9qJs>kn6^hhM;F=UeYT
zht^eZ<7ZA!%^AFc-*ZQr3`t$Q5FltvHmQvXl@>$}&>fo8@Qq9dX@aP|)%=)YRYbEr
z=7gw8>dBk^dQ3CTYofgTQq5JnDMy*O;OU0tP}w-e`a%z$SA6=`&CDElv5;YET9m)-
zeYD3mLP852A*pGQYPmbhae7^rm{C(DXP9$Pf?(c{&ILGIN8!#SM7gPt|E@q7^B@Kt
z8oK3cvD?DM$0z1<k+eBmFve<osN1b!&9pB^1?}N);%&)#d8r;kH#DROij0g<#1;=D
zG!1k+L<2qVFSL%a7n7AdkEds+g5n5FoDTBpYl%Y}v;pXzLHJS7OypPpv<YhJTpNf-
z|B9Us&6r5g>WyAh%f^=-&9lFcX96dC3hMpNp!1w)v-{8qaTuY6A4~UO)=7Id3hA@t
zvL;1m5n+CrF2^}btdQ)sOi+iv&ubClvHBzQwhh=KBe_5z?z^Z{6f&p_XPaT*qIbD<
zhMR35sEU#SBnHIH4%I*<UWctgNWa^UR$R+>g)AtY{>D(cVTwiFY$?$LIwM;|pr`}u
z@@>TceRGg%%_y^VgI`rNZ`473)mA3zU`n3F6b7PT83OC^ckHr{fzHPzGz&6gG?(sM
zPB6w5Ry$r&(M?Xir(8cs_!auMyPHo*vUypvmJ7m2BO_CU_91cN#Gd07x93g};z<hp
z>8X^XF#hz8-mrma+ZyX=K?o`uf*DTUBoIl!ArJ&$j2s~l1YnFD001}>L7&w{6)ZFV
z04A}QATyJ^zte*Bk7mC7-fMGXfFIQ!(Ak;&Hm5NiNXT=41ukrl9Gw`T(1Ah~-GEfd
z;Ju2?{=S=ZI}H?=3CvB7O$HS+PmtIK*qSeBP{o;;9|oO+(jxLW*58+Uw-{PEp`f)Z
zaYx--7Qq}O5VK5W6U9lZ=m3GbJ>a*dfR+fH7^(&s88P-3R~4Ss{a((XkB25hY#fN=
z`o<eRkAjlCEdp{L2Uka?jDxI$+9y{>k=Y>x@7T&QSXg1a9KqiL#0<|o`tj0<{o<c?
z=5goy)_w~ffmw@uz*#&jVvLf{sUvLhxR<dWqa>FWuQ4`mGY*slkT6C)HKxB+iJx&Z
zZ?p3#voO*jl}4A0Cuw)m3#YDN1Fb%F(vSo;A?QQdF&Rm@1_lIqm#iiXhn<Ndv&>FV
zzXl9=fM;^((-A-^s@sK!uNLW8mCYv6uVCixt--Os?y@WX0hpsxyb(p^*;*qF(7m2Z
zhfId><4OI1eOhUAYyxpniyFi&%A;k9_y_qI_KHxoidFa3L{<Rah)k(&<<X7lGn>&8
zQpJ^^V{P){9%3X{{V_pag}L-v!#DYA6zUH)|NeNQpi0M;fZxNgIL#eSq-)bI@PS3b
zB}b6SR`?Plqk6UBeGiL}Fe^+-Kgpnvh(eZ5m74Ndf*HRT-;52brjmE*>Ro@By34L{
z3pL&?82)t1RIfxZ6~4<;u77b4QS`1vc_{KoAD1nu8RCU+8^$;&XPgbkHak1#-`K1p
ziH#N{)l)gPMiF%iL(Oh%rk5a4!`p~kR$Nlm+Q)jv2kg_PZ;Ac;X{C52M48E7f@ri?
zbV(+)5x?2|X02CV9>+p+42x)hxtroRFLt(@XDmEkAu<A;665dj?hu(VlIcFT|1_hK
zI4c86-`nznRMOAlH8rhEJO!lHYvQhg!VZJQhz%6`OL6Arj-bt)hQ(w1tu^!GX9uNm
zKev{lYUfpU!Cxz96!&Ph&Nku5rwrL2BhxBO+`^D7>dAm@Vh04^d#7IIj2N|tV-tb1
zMR8W5{G%`LSn;%RYiIOtMzG@af>JQj>%gViSpp;_VVjhhopb;A8Q}`oGP)q*Q{h6y
z-dQ+Z*_d=&Hjs!Ius=k_De?`~wjZ)n{S53uiloIe2dapro>S^V--Co9Ewrc_#7DaQ
zgacnB%;HZQ&lx<mlqbTgfM)jqZo^*JIEEiqLM2S@BOZDL7aDGk4qfIvU;!i(>^GVh
z0wnbRCF!5kuOekzSxSzh|GsJGi0^!u*`ZsI6!IVH!rlsdAhL)nnoBLDJ!o4wFr37{
zv}g&0fDmL>qw;%+f!dZXnl0v?mT~C`0AT#R&dE0>&vdo|DH7+{GPUJcIEp(vK{6H3
z3)l%;%sxCe6OYob=%BO1Yx{N@dH!r35Ruo{c2Zz{Ep2U#3%^ITCNutzF>~W168S3C
zM&-6Bwn@{D^O$&=3RycUZF*}WZ7&$07!7_okp+#_sy97Dm;8*W5UA>*Vub24e9h9Y
zr4f>kYZ+o-RjolN%uP8V`gFcD+fwP;IVObg!In&vYr|7LgIuk25!mc3=R!<dA;}E#
zJE$bQB$mE*{W&n#>Dm%o;8k`h1M1nfu_%uqn3m4u*ZEeWkz9<JJ#+nK{98kZWPZnd
zzib@gM-Snt=futhE*SP1=~)@)ycw6lfbHfsdJ2l^5^3#<aoS-g0dv_oi+d0#72~x7
z@adB-!vz6CqUZW{dm58c)eTHgKFECu$Y9-AvpIQ+zmf{6g=v^UM^rPRltxA&1apL)
zuC!e$k6){yadu*hZx#WjfW0W9smVgb=*39e8ZucJJ?y_eMT=FR%#Y+!P}f`t0W8Cj
z?F^5C{>ftIycQ`iL%&Dq2??_#&U?1%OzsHtjlDUVz^)^>Nc8#~E4o!omcAEcXet`A
z@(aA3kAI>`XyN4f@hetkTR|J2V1G(hl$$74umX?*&g=;u63*MY{PH9#pe55mB#mNt
zp>IVZhAC|M-^5J1Yl)Dr4J#9NS1bo45wvm+K>xOpmLVP!7l)XELBad+CuNBCOCyiC
zirhez>S%ajp}4vNva)>})wqv`$_8Rrpq!quy(^hepa0w!RAZ7t<qDgI2M039xf<Oa
zaz0W>Hg-Le9QAZ#YjEVE0HS3o%`%maAuO1DoHH`X6S2j}Z=k3L--ht=F3`FoP|=Is
zX=2H_9%Y{@89Ki!d&muIKf3#0wY@`bqM>V1<$y3t&>}MIsbQ63NZDB@<Y*?{5^b$@
z=$2&Q2IzwMmTQ)vur>{^aeQzjj0#iKd2HD!k8mzPfq>1Ym7j<KV-}B4Z)h6VeHVO|
zCn!?I?D%b{or#A^QsLk;#+<<N-o9z0+9Lwo8zdM7bMJz&a0XVB`-xQyie;H>K>h`%
z9KzpL8m1Rd)?Rue4M4Dp*()i~ZdXF&E~**al!9O~JOU9vMv0?({KaPPmDr~N%Z{7=
z(YwoBjWXsc33I_NN}h?0dS|AE?;kTlvmILV0negVZYgoV@KW1wyHoGOK}=?97X_h_
z(3=a=MFHL&);_UQev$pyQs*m)x7dEZoCXhgC*GWaKKYZiGCV4YGD#ti^8Bo)T#bG?
z2@mv%tO~eHRtaDD*)YWqImN72v16{i9kDfBO#=NH-s=s^kkseyTwj{cc;9amtY_q-
zn;#*0e(lEH%MR$%R96<~!SI#usAfE0;R)rj*@&8W*2e1jy6MzGc;<@H5TZyDTJ}Bz
zpf-mqvJ4Njl(NnY)r}d=dbV$nX|nc$jPTdOj<%p_^Qs6Jhfv-mUY=@p1l^<<M4{cW
zcRwEB9C(GXc1ZYon7l1f!CI}fYGqQ`_`jC#SFfTWmv$u;Q27#y8%9|0*0@))hY2A=
z*;xh1A7oy%|F#?LAz2vVh)tB3!34hVL`CZBl$y%m2Px(B!@kj}SIe*CX@N!g|Ib={
zA9&}S?p}qKybcEh9VBqFKrl4CVu%3L70NbCY~tZ>03<erHuRaF5Sg$gsEXSubJs#M
z!pEO^OsD3^q+JTZ6#i4usTOM(aUp?Z@vD}`ABowy8C@YdWe1i$jvTylI(j_2X@UsP
zve<wE2qddWqe(O5RGijZ`=I-8H`PNF-cZ1%B8(GKRul+L2lj^oX}P%@p}R#cr98|=
znJwk+-E^mF<~3`Jxq5YK#xaL*oLnDlr~N?E^AR+e@X2zjm!h?B6YmY+w~im+PD&kB
zfcVJJN)um>Xi9(v<heXC7z_t_5encC1?fuy1fAV8*Mu^9+?g7Kuu@ZwUPm@IXZW+)
zUqYXn@e`2e+6VW=@Z%9+5q-l2`SOcEgx)9mQh_HGBEOyB2k<NB!W)zFf7TT**Xd?w
z)@bji>$hp1O3{f=?L!Y-^BCU5JvQVVql<jI7t2jen4A9ZUi23RPs4cnV^^F)ugkgd
zPR6#+3{q`lJhP1_X^3Hv+4h`Gm&?J?4z#Le<2vd$<r13i+ZO%<SQ)kwx(H@rFWv#n
zz0w4W_wRbC`FT1+p<w&P)IR)zapa~fp0_0xv~<@z?x{fe*E4o~OAO(1SYR0`SRTJp
zF!R>KJbHCmr;1`wFkio5)#;`$Hjy9)lB$Ejk~a$F1IV@~7G#GodM&$ip6GJuse^c`
zPvK+uLgY262X)XbzU;%xubr6LC;ExqY7@jRJH|Tqf**X6#WEuH)*7?+4S4c<Bq!F*
z8%?O&o~nMHsa{*GVbqzM<Ik%UsBZ{%XQIh9ilyi9Y?I7zW*RBO_ZmC%t2#pNYvom{
zD$RxvmK5b8a0qXib!-*qW$VUTF3)DITuHc6cICV6AM-|07Za~h(@I3HZIoP(68KjB
zd#2(?itH}MXh~#h9|yZu7y09~jRDvu6~Brtsd8)ORL@Wu{95?mtvDl{%`bL}RCFl@
z9Bf^udleXitES&&TR|Bxi#b<F3JKB;CFIh*4pZ{?ea^pC(*rg>H>}9dpu_?7Bm2A@
zeyXC4UqJpyf;s7h<?=wW3L;c0+WCf;*NxryF1VSpHk-XUFV$_;{NkdrEVeLoZuMSr
zgh@T~!}S4+jCULibBgWIJvx>{jgP>P(aWBR54od3cgmY#e@ub6;w8keJo=I!PC{ez
z&}gVNgH=qQGtizk7KBh8UD?9FzhL9gv_J^)yw)`t=9pAD*NkLJmxIc>v`Iuz<6)5O
zbG%590b1C73;OO|WCzoq_;`Zez{znLx$}xW2G0$WbQsk$_Y8H!(XT~(jd1AUv~a6G
zr4Qn?a`vXG<$^IrZfvY2%b(kU6qHYS_nADO4|!+WrdeYY26=v?mhxPGIbiU$;|+Bf
zT?C-`K8p?kZ9qBaTq_8kq;1tJtuY~`$&y}fTB`)sHUI=|n~1%sTsdIR_E0RLDaIj6
zh<v5R?l?MrVu)CpJC63m`!Yya%7pYe-vs8=feOr>jBu<WfUX(b#7Fja&4P_0-`X*V
zb`wzJY9@>-arW(l^LQnQd{LRtNnc9ORk^_rI0-s{>`L&9I3I{NfNh#mIoDofEbtHL
zqaIab@IFo-M?(p8Ar$(776D#YR(-U4Gg0{FCq?6(*vfO>NR?d)`KBI0H@d30e^}hj
zP^cyM_jG+tvL$?$q4RTG_hBrjpoP>hTJtm#h`&{*OHGFEAaFkO+ux_~-h2iPZ$G6^
zDLt{lYIvpXIPxCI@md{jA-(UfpY+h_!j`>%4z=NT4jLl+V6t{Bb(fa&vI>d=i;ldO
zPUTErZa2_)-{S1;%TDu#PnW!A+&6e^X7Hh{GOB#=a~aBYN0g>NG6Na=KJvLbV9NXU
zhBG;NJAJ{UpMcQnR;Vi>dMT-jx0Wp0t5YL~p1}wDLK)UGwJB?MhX;rztZo&ufr<Q4
zT|O)B99F$9TDPEomv5z48P`Mo(SHo&h~Ac1el2QZ(*G(L3kD`P>zz84F>qyrfg(sD
zJC?Ex)OXkVrurj1M%h|uFffexQ3#Y<k_;Ys{D!rH0EQQOUF_R@E$sT$)kY4>TNW!f
z8%i{JS+@?U{hk%z4><k`1(pzr;;o<A1NCtcG7j%!%YD=2Fzc8;(d~)w_X)|P6wco+
zSt`6ZDmYqoItXOOHCh*5VNAi!5S@ShsC6*MjphK=>A49Lq~@9-(CZ(x+ObK(=qY{h
z8UaJYxV7I2bBGTJit$5)b~Z70*(lG7K;CBFJad~>H@eGnOjw@=Gk<cScVvc3Ox*d6
zwTfB6E<%sQ+*f`(h8fnuR<bxmU;^;&Xw6qeBHj1c+TRQNBJ%(O#kQ&!j^?^KwbyPd
zP%D@(a|{H?lH;hNyM8cNEEv1kO4Uh9Y+2onk{<HgS+viKS+e7jIUr+`jKSC2&6i1I
zF~z@|b$G^wqL>1OQYpmPHISU}1BNIVWla9{>mAJx?ezU%UZ8fWpl_qR?|^J4k-~Lc
zxTBG+Rs#b=gsG4_bGfw%D-~TBRH?)(MhoF^E6T>bhd#BAVpe?&)&jp@^R4IW*ZCE3
zFv~M?DEj%)q$66@Hx)~9h2nIW;T~IEGomFzj5Tr!5w(VEWsRt~@5;b4(XrANO$}nd
z<!~Bzf|a}m1JyA&E?}+K;$!lm8x);BH8z?IIDPdSzm=SnIUt^|1WLmnarXsFDt>7}
z1)3R!6o{uyEAL}eL_gmk-B?WSr=m09$_MU!EVV*nVks!<;e_;gZ1h_+Kjyi|;!Cv-
zOkVTZf6HyNBNJJH&I_ME!~nL#t0a?Qzv~pF*gD?j)Z%6iChtzXr4L~a#Thhojx}4-
zvShL^Js-q7>zeMi<5Mz)T;1co8gVNULCSr(WM6*`l!hPOGn$QENAI$xe%a;05Td{6
zqlfI070n-!AYmQrxIdmA@fRBS22(%(N0@Y($}#Q$Vuut#XRw{+UU8Fd)gnb-=}5UQ
zD(5-6g8bMz=^0K17@Cl*VQh}_tGe}0m}t06KrKaaYUOihQ^Sp!g;eD%Q*>@)<!7sN
zZk2=T6F*H7=Y=%d(9j;&BtxaG%1<-Z%1{L;<#HWUE5TUB>oFAWQ2vek9!v4283)!w
ztgGodm+)(C+@52x7u?zUuerHSX}RI)wN85pk7EW3qg}t#XYTj6jAyoRxzYDv%<DeI
zcwY57nf3ZN7bNp)5sOyo&*WvJuJg;q$}QTnjty}a9-HgbygHokxR)GUHVL&o2mlVi
z?9)~8efbnh)WzezV7``RbXG~{C`sS`^0nvs??b!QD$rTCwOS#0T3lA0n5O)nnc;!)
zPC4`H0Su{o@W$pJiw_-Va^`gD@f~zqC%~@mLznyrhFgvHJ3CjUrMmjmz-+t>#&2Dl
zyheV1d+=azcokQZaA5kZ8rVy5K0PD$#%QM)H_8iPAXyf)+xk}>JgQq2o8>f<+~1G;
z8Yd+0CR#OgNO_!-Lpd4x`lYz5G8Q0VT0MZ!-@f*)E&wbT6+^%9$cdH3CsyJcGzn#)
z*du+k8^>Rd4P%NTZ$PA5KRm!~1dAFK_B!QP$vT;7nnc~rwZ|;n`>JMoHU`3~s}%C8
z3^5f|RG$UIpHciNmq1i*u;=}-h<^u*&C48VAe^y5RV~qoodtxv{O0hkF<B#3`EVET
zW><Ka2WCQ!KB@qWoewSN`USKfp;?x;A@5EZ<M!msmQH4+Le?SdfK(bV1>@fDdF0NA
z@v|>K70ed41==Z06T;-t-!K*W&zhj@?dITJTC1hqCU{*N>_LI#+5+tT4c)}O%<W;H
zGXaGPnJkJt0`tR~BEL3USkX>pR7=52+luBTvq2Z+e=_|c-=wE0xw6t0r0~KIlnu!T
z#QX;LfDim;4={7$i70jXJ!O@meP4-a-e3yzlR@SQT*99H^Yh!$YNOTiYwq^>tk{%5
zdW%dCFSI-Adtr<-8<pGYWeIrlt4p)6{P;R+e}3TOCx6nCg5Uik2>V)C;x+T)(~~Pq
zVHA&>Wo-_g%$>5dG7kQhwR=NdR6u;4HTQPnL_XZD&qrJUwIhg{{}4@}Q63gKy<^tL
z3`G~ntuO-H0TBO|8A{>DMp#5T6~0irc>3=@QPZc91%d}mu`7`4|JLN#1g9MhZA^|=
zOD$Y~O{UmzS{8|y2w%q6LI>%>J)pyn-5}y1VJi>OyxGDL2!{CL=KAxzP>^Hdj~T7b
z%M;8KBknHxx6%5=GWPpNS`XIfjXt;%#@y*_Y%c4Wm|DAYfCP^BPcy5Q(^b}mWC{cf
zMXDMlL$$-)xS1ufc@m)w9J)e_V*ip{{ORrGZ=)dny=V8V8dLHtx9Q`Hxy1FPt-^i~
zI}WF$OU5aYmL*wzk1>=E!R-l`DdN^<5lcvxmzE2FeC+3d)b38||8Danyk0UdFk1*j
zaXKN_%3>m=6Gh>q5-<#96z9y{(Dq;81#ttpKde(o_nvl~0G>g9G$#-L$g&f9eN_>B
zN5O9U5)FlOQ7sc(6})7QwJyw9R$-nZfB&SM|KL03fJKNLJ=Tdp5h6StTP|vtL7P<?
zNZtRqrgy+nNb7~uI1EBjV7VvMs*{O$BrR*qhb=Lp$N0Pw#isynxU%B~RSA<u=GO-V
zP|2nSte2OlDg==!gc>w^!|3}Kh19fy5IHa&7s+#F0Lwx_uWvbD>adI>h-z2T%|C6V
zQYW#F$$Hdxp`-}`XRV}%pSpI$BhGz9{-Kb3GMdS10<;<h%J}hhC}p#tM~*R8%o6od
zH9^+TTvPM02aTy;{#tC^fT5=KL6lYK5YTE#x4!BrO8Fl*q9!lC^|I&1?B&Bu_)XqM
zoJFOXVa=;vy_tRI(B(;hRP2I<lKn$))ubu+P04|Z!z@>>Iq&}r2g*uoia6K*8mP>m
z6nN~wiNhl+j^O6}^*MWir870O-v)n9T9;})Wh+>D%68;2J-E@`y$4>#Q?0Kuaup)P
zj+s2NQL%Ek68(amz*}P<6_@`DSE<9U9;n67Y<du^FA;OqJQYscBRC1_un_=3xY|EP
z5_E2<*Pi}9t-slX<E4TV93?!HL%qC&k)n{@B~kzI=9d$TcWkUZf}<S-77Sp4==$wx
z3Pp)2*0fEgO0ZxXnwJ~MsT-p-7J3%wv<RHY;h*+;q;5=gV=tp@@O<9AqgABDv8FP`
z#gGuVX!(X4@emU`1?7>@W$%b1y+7g(9WA%f3p8{xVf-!T_j*Z}Uy$~OPf3v`wIcS#
z76d-jS8Oy-4M==FN)EKiBgo$q98p|<uKNOeV`5o?<njq%P@tz|Ni^8N`dxxWO%o&`
zggtbwoUf+QD*MhVXtm-M((5|eOZW^f`0NE)&PM{o0#Ysk3xc96QQWtUOgd8Ela)hJ
z@n$>4RkrzdN16B^BXVe^3AZ*{Q;UnmYOENXZ&Q{PC8NVd75Zgg-?`9Om0DtEFOX%V
z4LhrRpg-(Yuv{>2MIHQ0EmN@HzVPoxLdkfFaR{wx+Fi3j1&_xZ^xkJe5Tl+T{F^+-
z6F?smqKZK*eu)lrcAtd+$@z1bMOv8O=Lbip0LGKUssZ}6EEurmmwl;Me~Lq7TgB;t
zn=%4YgWL9tBqRFpTBgTdZ%B!cRR$ty;MXn;fhjrz<IB*2`di2MCr<qZ#I1&p@n~D1
z1t*$9c~7-?BDog@hoj$FyLT5e7n&oA$ys?q(lmvr!Nzy>WHzHgy^8_4#uoGMNXu+b
zQ5~ILjPL9bFZwYcHum1wz4$JLZiiyx_2nD2=nHVY|9e0sZBSRBN1#OL80~GDpgUr4
z^t$S{@2m3D7!^$!-v>=YapRC5-W4dkW=#ig)QVnpM4!I{?L6Ox00jw|)yi*)Xx)6#
z`|5E7UQESMeU(0Um`s(OdtiTjW$gduH~N!QoEfOWxbh<gDiVQ^{XZxAklPk*yy;&&
zLRYBEX!HnjJSkCTc>W*C7KeIB<#cIHC3O$k0$fR~XKnsDXVZ+Nw!ba@ski9+XzShn
zf_a#{T-2!$fvn{l#G|}8HUT-h@Co6<m`O!%#|vI1#!*1EhrZxo*6?d8`mXRm(IQ7G
zR~!o`*dIc6F|Nb)Fbt$}dMGk^A=eV-4;oweG7sPNVmmL7QK)0DK{7@3lIEgU+Jjjb
z5r9f^$8Ab>>#W#I^X%7`8Qypf#`DzPuqU-pOy0ZxRCfcul1((c47sl#MQ_mZUYnh(
z!~N$49p}Ls$F!Eu^y+uusGa%pyiXXid_7;caipeSh)h8a{X9%$aHo>~!4wcf#0-nX
z$+c%Lh5HuV@hpLePZ~|d{fB`jRszv(rwBN1YPb7gN00DpZKf{O!@mCf8KX=HH%fY|
z9!|_ThJB9b2(M0n6%5lUiDCrnq8st?w2U=c8E?ckVjg&>XAik1P3b%B+{5{*8Z^Mn
zY%KcoiOGpz)*?!#x}7(dgj3ySt#^3uS8Ap?^maO<zE#1xNl~}Lmb_H`h7hgeM^!b*
zVAF>%@(5o240yW>a>h<bWG?BVvsoVA?LkC+HTD|z=AfT#la+^x(nw%GB<3u|cEP8(
zh3H`60ehpzxzu{uu)B^Bb^>TAq03X^Q%N04Ttq^0xp3xTld5u?nh?Ka>;g~+TSB<k
z>q{%G0^Mr(=H;Cs!(!l8hu`pQC2n047`>P4idzWS7Ey6Xil$k@lRoj@Q;NqyUptxv
z_3mz6rn1I+iXCuODPH77{FXnOazdKykDkmOjOni2-6t#vx-@FM?QRuyJjZGFLkmIw
z@=yn^Z>~nwzh)Lz-+<NU34Jt^$_ycB{C^H|0h+3@wEt%2wG9fyq~2}SXPt|YSHA^t
zP|D2IJt^7FlML0|q?Gbh@c7IHJReBJJA4?&E+e#1p9SlUIJ;)qqy;73`I+F5T8@xO
zJER`-@A(n6ArU;)mcK$G$s^8`$YB=R<wt%e(~Fzkb-+1+FOH}{KdBN?dLau6FyP{_
zR7g6b*pL7BhkLT5ybJTe%%T9%EqW|PPM@bMX9Z$arHzCGeZ(zkpmPXJQbIc?tccAe
ztl~e)E%0}^>g=NEZdT8Tzai$z3v+jfk^JQ^9-;KlUqrK%ZdmD+Gl*-=F+QfWdUVV+
z(nevRWRS(aBv@>dowwT-W?%qQ9F3#<%fs#ONMtbJ*eOEtaZZ~6q~jD~M1nf9hN^H)
zQFucaXcGHN$D))A0yD^J?wyN6@)Y7EGLmepUszaOmzvMP0)!i?4$NKbY&fR1(K}#I
zI1V%0FkIC_?R0bP)8)mUz82jO;E>%_++YzecG*XK0FMp`52^4?<Q~9Rup%R#W0c?j
z=K@98s8<-|Eflp$k=b^jH`!3~Pd)$Z)mIZ~=VM-+#b+((WlS6>&|v!gP3exrv@z5d
zpaAMj4FWX>PH05hL+F==yhi_)*KNys%9svZKut+C*HgxHj7vmkj&)LaS=aNK2d~(z
z$(0<8B4x8U%GJEH`ZvsE*XKo<`9CF@gihGKF)QUKX>LFBtn5T=^j!4}=kO3Wu8Lk~
z_wNu|W#%e$E!BduF}t$R(xNcL<|Dt~ee9!FS2Cak%R|=E8KwlmxD08yK$*0ts!nMk
z6rgyusk*AUbR*<+X+B-I(TGF+L=#1r>keb0*_J%bF09R`rUb<&+VY>l%>NS%8u?c4
zkbGIx-a9m8*cdDNQAg`<xKVNsCJjpI=jn3=PtJ*P`W&N;G}1rmIUFg+RN*$N>yTw7
z^#Er;n7_>&n5~2^cA>f(@CXT^-ssURAc{duUn4Fj4dmb-F?eWs8ZW0CEmn_vO-_hP
zSK{4zznEahfGoz4$u)m?ZFaiL$Q(s><GLL6!8V%DY`Q|Jtv9!`7cU6S`KnOMSIhiK
zF?MT39M<vS>TnHt)$$W%SU}ICb|UV|@yPVKx`=0{8)zdm`M)x3<6Ni6J0<C%axFBh
zHx{64qbG>#_KtB%m&;foHO0$&Q2+LL|Npyofzq4qCVwpV4bYBsdNcL_LXfRAIprnZ
zF88s9qgUcPtWU`)#{`Yrl#|K*G!5ODbb!NKRx7ZmH`=bA1C+CWd<+_mfYO2`4A{2s
zptS`tt=UbJuEO8+iT@tlaP$5^EZMF)M3TFWNr@uG_D8@B|NrY;`T48Ll~LGUN209N
zcC5om@^h!~nzFR}UjIA|X|Do*BjZI)v>(<8(PME%Xd3PfGkEuav@UR7Wa6F4Fg{+-
z!|x3XB<DbxO+|=uubQcxzy|0+zAnlrTvV4?inqG5AE({r+Zd?yW1lD#)PN6d3ffKR
zNRsF5Q7@#SEw$JMupJl|O`^M<GI>*2;4~@Ysu*1sv(|*sqn4ND^)OaDTlKeYa1ge+
zt}*^`8kXl|pvfSU<qGENGxLXl5pCX~_Tf*{xaoC<el6TUYT4>sbC>&E&o?^|`T5B2
zpT8xpag2)#>_V%sMadN+C$)qjEIBkUxVW?r^cD<ankF-vFZq3)_&d}xW*7YY{H61i
zraaH6j_T@fad*ARGb3n5%%TWem^XaXeAjk=Q9RiGoGrFboSXMO(H=@jG)Q5jxB23Y
zs54-)v2dZWbF%*dp_yr1FrMI#DbJE|40eXIAHBHXns}IzSVfbFY77>@=WlnWk7@q@
z^L6h~fuaj<vX;Cap#r<|P*xJ^!mp*_>0M`;IO!^_bRN!pP{;m)&r8Av5sOAw%mT4`
zqah~l`3gI#!<dN}=A3UK_d+=XDun^)_DkvI>c8<b>bhAC+9Vht>0_B}z8e`>s$&;9
zaammv+j)m*#oF06$+JOqc_baHc&mj3f)t4B16yoL(ZXOvYy6Y9ex>bm%pfTA#5C~J
zN-5f74Ioj<3$(vH?RYEe!4QEg5ry9HaqQc`;4w5M5IBw@-MJ9>RS9NGP`O75NwoR9
zwh@W*rbm}f#F$QCtGfO2lfhA9?^l5lb`G1k3284-9DVRt$`Rb?yppj)8X@5VtiA`s
z+W@lEsa6X&P<RuXEUoDv-Sx`(C2^Re$O2dF+4@21m`g3OC9bvW=whUJcAVA3o&kvm
zKwO#`%@4BS06snX4wGgfY-Hka`^&KYk|c3K&;iAa;?7#Y+Q~Wppo@v1E68M$Ud_5~
zt75ev=%|a^M&5g^j4A2)`b#lx(3W9!pgV*ySc+#k;aNQUre_-<2|XtCm;~}O$VLeV
zi_&+r?t4Bnr9x}v=5<#6C}`d|pgw-v1gVo{e=}qx;z07C4<_R7*#ey8h!&T$5Q*IT
z;1%&xx%)=JS#_yTICp6p^US@EM2X#3-e_CST4SIj{-4D#ltSQL6M5rf;v?vO6b1FS
zN=WcBO#1uDnK}OsaD#*HroluXhP-YZJT3+m{m>^GIpd95L62g=t<dgV%9-18G;ktn
zxz?P;1~B6jz2rQOv(!;1Wa}nV@t8C%JcVI+rptI9fH+|ZPZvsgsL&NhKi}H4TNZ>b
ziG+EqWX(|E20o)FpkoC4`^Nuq8T?r%RDiA_QVw+lWOhjK#={Ae%!!-^fx#VJM4EMY
z{X0hfw5;-Uls}ccCgDOCRW0^^OJjB$X~<y4g<i-I<%d}voDSPoWk@4TtU=ME#c=R`
zt7bcDnUTKx6Om7*NC_~{9|4v-3z$XWzT~lumR)(pRK84#XP|g*#=LqhRme5cCB>#X
z>VND0fAZm<xGLk94sH;p(Npj&B$|{QFHxaVzC_ozWkin0z~|AUoZSl03%A^0CEC<n
zHooUd!G|vsihP;&u-S-5yPJa+jg9ab>x*=*AV#^uI$#|B&-4(;gR;O>sK3LMt^RKY
zsMKk>D%&K(f8HB58Zs!U{;Oy+F`zcVjPos47$CM1cK@Lx3*4)u7ne|7dzfJYV{3C^
z+*VoTgi)0w@G#=0Y$e)*ON$2Hl*n$Pan(q35%NZ6j^f{cl80pr#wi{L@TbuV<#BF@
zSv1FGmSnst;KE!C5}SPNzi~5qyz2pRDHVuq5a)k>szDKGH%-gWef9csxItIflNOm^
zd3Jk&XIdEmhod&({HCDrDh}KPp_L|OGcNV2uqzm^RO<80e3eR`&k++Thqt&(Yv%K;
z99t(^d7yA+DgmdD)S5p9Bts${mdz8&$bQ*_bddzJhV9z96Zyxqsd|S;K#J&ErpEkm
z7tQf~N!UwWxB=*Bxp%})84@aaj08&^E9-4ac(Hp@o>mh0j_hcYZ8Vb{hbA;dqGQXS
zU-^fgHADP76D1*u94e=W=I3`xThv-M-@b}U$r|vth%AwVw7*q3ncy|3bJ1uH^<d3^
z3juF$Qf{)ZmdAFFYbH-p$)qp@9IQ3p|6TK}D>g5iEZYtVufxoZCH|y8Ts!=zlJ5V{
zbE>SC5F7$<%`2KH@Ja0COu%X5B}b2m^)I|6p90tKAww;?l;<>s6af853)LjK4k^AY
zLP;HImQH84c2Uq-p(R<4v}QR|q(ko;y0k~utEi;|7Lhr7o5};$sB(I<ukhs53Dk}o
z6%d4`EjU8%cjs|dqGWh_ocpJ?qDXlD5P55<vL`(q5k*r}Yw&hk%kb>XkFyZ0_GQ}N
zqMQ#jBJ~<IUt<c3+E&-I8SR?Ycka#UIygKdgUMd_D3dyj_Jdh)eIzoa-LuM?W9C)8
z_@X!!HakNEU<pjkkfh`pLEO#R^UedzrRz5Zulz0lCwno}TLl1Cz~mTI-vO^{XJ8_6
zo?RNdKe^IxRt_tNd>~@Aw4|cyTNL)LqMJ)aE>+XN!p1z~kM?C<?4#<BWJj?(oDoLc
zBn0WRg6!k?#B5jBf)p3|<ok*99wrDdS5wLrY(s9L6hgKv|DWjkTu%WZUYV);lsO#-
zuKq!GR_=BVyGubp+_4)KIxuDGFM^$Lvj!OijFrll#&y3vZu!B4N!>@K|D2bB_87!B
zrrR)yOy1U)?OtJ^s5k++2<yP@D#V27jIj>GI<O=if879}Km6*~^C_WcxhEPUMe^f&
z#a{O5%M#k8+S(`>Fs<a&4%1QYt%fjQvFEIz-@)=V*QcST!MhFmXQRXHayZKX8Gxs5
zBSy*|qNy-MLfJx9inrk)3p^0qa;Ci+^D#L=i@%UPys6)6<^APeDy-i;k?<g>OI}Qt
zhaq60k3yuRnWvrGnI~vCmDM#~FM6>;m?DI3BR+_UiPhbN23s)HZdMKJ?xNV8oFMbz
zQ<@+tSUTX$DhZ1z0`{T(9pBlVt=A0(m?pE}%jwone3lakgEX<u$|3@aZYWM*L+x#x
z?baLVPNx1{cSpxujiqJYDgXb8$z0C&raW9#aXxPLRo%s=WmlaFsEE{xiR%@*1{XkI
z?D==!{+MhiWhc&nij;a$kg;85HNcF{JcCL!ge%^gk5AF0ReVsz+Fr<H1%FENb9Ah>
zGVH2LSf$U8LC37O|CG5iiI07;DUR$=k<(K+L3K6)Y{F)X?snj!iT60NV{s^WOI=rg
zyQ7Dw2-}FpvySET^G|EqNW}R}g?WL$UJd-l`GV%al5phEV;P`#P&SAl&q=vPM?%i6
ze8e|~$=n>~GwhQ)krHOD$h@G)xdVpL{5A^q9JZCeVE!)JMB>qC>(^p#Z%l=zQVLSr
zQjg6F&E#}}H?;1slB{BzW>dr&n0u3vnbdaXKrL0xwr&jn^b5P0?_p&Qc_aC1+LS>w
zX=Ht+0NIbbWHkRGjT$!{h7|ihz}34$R%;9mn!PpNDNZO0hXh44$nYk`>7P*E^H|H=
zJ|4JWek?$m&BPTI+AzY8d#g7sasNt(6AgF}4DBN#P&s|}*$o;*<Si-twyHtoRu9=Z
zpIQ)PccVwgb)K$?sPQk*L5Ti7qo&ZXlDz%Y(R#qcKY`{XZnEAo^MC-E<7-Hsh|ds+
zaGE?>2p=Y989|0p^?yqo?2l*zWB%RdV>yapY~ui5D~O8&A2Hkx(SwD&+8*u>$w5U7
zC08oI(TS6=pH{QC?{5CKKgXHSz2E^TxP`ZEJko`95yJkYUhd8UZRcHDovy(YzN(Ge
zy;`@tWca`h_*+rK8gB~rXP{Um-Hzl7|HXtCWXh_{5q#KP&(H?g21C1|Q%q16WkXw-
zMK37P1p!-5t02PJ=D_w0G(C`0q<I<x_eTLeEYmm@ew7ZFSige*Wi;&F#VY%h&Yy0(
z&{(|DZh@llCcig6m)4(L;Tzp=beDnTav)v99z@6`m7dZX$rzjg5qvHfJ~L*nEhZuV
z?)bl_nL#opsQR`yc-)HTPZMnZPQ1ieH<Xi0lhwOKb(sO`5MVn7h=_Mqh#|S>#~+C&
zur-BBUI3*#Ku*;kARs)i$tRY?w@x%#8MBq{-4yy60S`Tk$flj)x#q$bAKLoNn$q!>
ziBvH5Fj;&DiKc`O^nvY*;>fR`Tg!=tu{1cV*g#K}=OsZYq8!P>$2m|~;2iO_?dr#N
z;aTHqlo1AXzh<#&TV|N;3p%PEb$ZBgrIw*}47{8)@>5e-eGVX?f{l1&#ySuS6h})w
zP!T!XRY19O1!L5@5vpzH8rsl)qW3x4Fyu|1Z!J1^W{omJbfSxxVv=e=lbB2SGyS#x
zcCU8UWKaJ^_nH9Eo>_-u6K?3CVeceNe_#v+Dlxz=Yl?_09A;I@YZAA?@{+(sW=uXb
zDAq^)%n%$TvoS7f2CSH@D{+!VREPyFWA8Fh#e4|z(yLO1Whlc~v0u_|$LUQK-=)f%
zM?sk3aF6U=QZ4dlw2AH&t=JLcMeDGyeBEE@lzyak6)v2ojXT+3A0O(v!jmoA2VAr&
zZ?%yn?c(z}?c>oJt|M@)yV;Qspey|fj$RM0PVd$)9y)+tpWmdyXO2etha?c+8*}#&
z=yx+hKdXH0EC%bR@dU-bh9;U}PL(~`d_w^Bo!5*E*v07&U-^U#6pkn*1S^{;UIIfz
z@I84taSvF#89ZNW+L5#CysK3seH{tamaZi)C8}&j8C6bdzlMS4V{5ccLYaga*poB}
zQL1Vd;%%Zg^ul|^bFLAL$5v`7h!<0R_IYJ`!y?Sul#l840Ej*_qVZ%Vh_WI#uTq?k
zf``c$WEL@>s{mU8Zf4UAk80j?&aE#&roiuJ8SWf*iXrod?Y?~kd4|5;hp*Qvb&F&@
z<tOHVKC8*<EOFVstl1=Sh4Y9Mcg;reb#&mb>{O4O?F=PxFdePv=B1QdDav8b=;n8K
zA=%EGTe_0B8NeBL4Gh{%iW|Vx*~3<u{LeKKD8V5DxGcxyYmXuuOZ#nQmS8*v?|$28
zCpouE{A5wXD?DWwL)%?uC1qB@XGn;D;oQjR5?cyf9yBA9d7R;0DJ+o}XJ$q}0#TCw
zS7UknEo*4K#CcL#WJRzPhSeXM<n5`ua<~6~ejmkwC7OZW1ed6Zk12!=7DMz$X9!y`
zx}81ZzjrruWh>XD8GS&f3!jQOT3=JL6;Yz*caAuwK&UO%<B4?@|JJT@3RFh8S=u%H
zY{vsxhG+Q`f;CkeWmQ8?ZX3^-Dplkc8r`9ArOEpHbsDjE7BG9aOgKk59G^7*DZ#>_
zmH<68+i;17c4i3YimiM+2tzvC_c=autlU7VQw>sn+Kqn89d%T{vYgbz1J>Y<fJLrX
zlvqKy29y}1FVtHwOQU3NMHMMiuoYOIQ6uB%B&*|2-5f8v_75(&j>P&81cDlb$ao=>
zFTLlxqs0~SGMc^XG{SXr8HT6bIx3VKF0QpD^^VJcZHG={Q~Gcay!MwxT~CdU`0_Q(
zUVV|(q|Z$nA?TZ~-J-O7%s{EY9;Dk-c(grpzwL&k=|J#!$@a`R%A-ro!StM@Vy-Or
zF2b~%b59s7c~1`u$lrU9TL~-6^buIt+kIB%>irQuYEM_geCsmg-lH^j2s!?BC1$Pr
z1PMLgj*e0eWBFwlP0_CqAVSQd<Wf-&&KXRIG*22kBdeXu?MH*tabBpt`oz<IaXm8z
zTQ2HVs3XZ)1%;QNz$t78v8)d3S5MqflRzablo}MzI|BMGF~^=b8rRnVSkAI@6s>o7
z!zUCzj;zuz`G+jKb&yH`(g&a!xuT6eHRLw)y47B8oO)X9;sJqDns6ak2vTsyaCAx2
zPY-gKMW@|Z*d`e61=7beB&IdvWV*z0#R_Lo!g|d1Jc+lGw$RLsJ$(G%zz8&a0g44d
z51^`xYse%i!!RF#qwwcdzv3i%ExMTm*kL$wT^$-$Z@(sAzlJS{e#h$Q*FLl&vZpL@
zcuG6W=jj6pV=m2qy%9S}jpC$smOQlBMsUgk$isZ`uA^n#H1U<wF81YlAq`g<!klGH
zat08Z)mSG|<&BD2U)0b$aFyebAZ0`YyikdV+~Ej13Lr@`Z6CbQ<|`?vBR@WX_z6n$
zA&0ov5%8oX82f;R5%z_|Sw2r)xZ`8e*4lm1#?;nkDC-HUV(@#Xbw9ABi{k><KrT$N
z#yksE`&WsgmtjaSaB{YWFHQ_~={sCR=Rt(NfBba*uK&A&1WpH-s?tCox3=FaXK$UK
zkORmHCtps@8WHSk#G=$ME%8(E2Me|6Zdf)(B50pZu(=vZq$LbrqNX@Q`lpc6$l~^y
zu_hNqVa&F9kIpD1rOMJZ7v_WQ+a#X(Vab%hSKsnSlR^(lQDOKbAz#<Wz;7pkocUr3
zo_cF6@>qc2q}?1oY;Ptyn@nIaBe2UI5i~g&&d$TCh_5&qLo}Y~&>j#V!TCB*HTKYi
z!46WOU1R9pVPHo0vg@J@Z<LXbtyrQ`4V{!NJKYQnJ0g&T5-<KAaQD8NQzVQQ9_BOM
z)2p#Ok}{qfgDKI7PbkMB1?1<54VkF@=NatsJOC8z%%r^u%(PH%`5y9|-z*aidilT_
z9<bcadJe|k_y?jfF~#5`L$DYOtG7pl=M}~pe8{`r8=dGMPHQI6*?M`={6kM48*;i7
zam(AUNVCCdkL&eV(H%aj_3dM_WE92Or&6UWIxgcy32<y~9O~1~Q;UVA1hQT2zT`j+
zTFQug7I4wIPl->RcXV2@#Q!St81(<1$LKT86j#=2T(DYZwNuk>UAzi4S;85K_MK44
z&}pYav}JV%!+EcHvJSvI(MxbV%d=-k4=hx?5&0*lmHSd8^sWR7xOw|7o0U|`xOqs#
zP15;&s3@|A1%21?i8R^_HYX&(>_44LN>fqEXE`Sa41wrODOvT+*))u%e-@VAaGx&9
z0jOY1E&Rqz#;hWVr1Q(J1nr{SZ`Jw#>L}Y?sF>G?;LK0dn~OQBj0LGCYg7>LzL;AQ
z?6TgI(Iz}Mq3$L=ksBg5+mDvPhr!dwEm0^-2Ih;~?CU<d!>6M)81B7f!S<_TZlXYY
z3c(3DxPQqsq|mfn>EJkm9;ze<s?xjWVjM+9fWycx`@q0f50B&VOs9CPHMTFj;Ovfg
zUs(wJL0LoYWybMCDYdN>c<pl}jFv3=w_v1z5JfrxoyEg>NJLh!K6wuZ6#yZ@yUqq3
zjolLf!TL&Kqfqvp*TORTa^F{>&ULy;3LMz&i6R9UKBvDG?3$pBU7_f~^sjhcmCf@|
zohcS9!;nE+LHL(m0yx3zC|Iph4}f|<{V33K#E;py`8Y(;83VN8>s&9`*loD7HmhSt
z2m30-JQOKPK7S<bt%5SA+~o~BtSUZuVVoKpL(oIY+(vADpXVc#4+u35m=drK*@kfF
zW)<956zV=8wg>rStA}ggSS$iI`ceGixxD_Ff_Lh6TURun^gp*Q2KwVs@yAsXvU^al
zWI49TG=H-w(P`l5ez+vezyb0nbRoO+x?%-9tJuDpWn&p3G!U?a-37dzBNKGz>@J2S
z=!J7#xDLb^2|;`Sh%TvHBqk-~K38k`6ojpGf6Zj{_$f2I_QqpbNdA0^-^2f*WdAWM
zr20j)b!+vv&V@9_C3ja5X0Ry4)r%=-U~*P(jt9%t1bKd${Mo<e#va?o?RMljJbMg^
zc+gZ}81CllfQG?DP+t=-qx~p$WMvpHoO~A!=gy@6{}u6QvcJpPiXFGd+kqJkD^^XO
zI}5JAFNpY=^+PTLg8op3XwAQ%DOT|n^|<Xxon8J}*JH$50>|$aWo{(MPdak78u<e&
zArJ&$j2r*}3W@=r^h7WJ02HSjWZD2)a=zIrP;Kuh)zv<F?1W^Ua-b4z%{KGzi~&8x
z@y+F+i^w^P!(=X&mEJr?Pp;(rGqBT84N>p0E0wCQ?pabD1V;1RHW5|j>hLuQ#2adT
zObv`Lfzb<g9v)di*^m8jj8DXBqSzJj(h-%aQjS)BTw%<pR0St#I(!*q449AVzzF=5
zqy%ubqEkt^M^#Yr0@B83;ax_#?FCl1U*2!j;Q?Tq+imD5yC9>3t9P9Mx&G<_!A8o&
z2x*JoSs8N2)>j9!TyB=hZM%u2$DQ+Q3UrnR%7eB-5P=FL6n`uYK?;g~UkF67m^9ip
z^6N4LpW?-5r0;5tl(i8Wv24Sf$1zsv<!96tkPsH1zh>y*8JG+p&RTQIj{G17D|*|h
z6%*NHwwvT&g$9!kPN$A+-yYF~QX!^INIvxcgo2)furTpz0X5r^L8aWA*&2e$HPeVB
zqZxgKwo7zzt*wMpmu1R!Gw3Z7zgoFCGHtjqo^3J(wE^w|$b<6wi)=Cf@myJ(Ov0ns
zkR`%uOul28AvB)ThrS5Q!=7s*-NXyax{ld-=V+M(ThS^>v(dB~S*C`Gp;{k;UgA4V
zwPyuy+^ih?irFX=c$W^z*+<70rncH;#u(8-($weiCo9|f^~64Co+V<>TOuFZ`Q*jB
z1ooU73c~CRbIjU$4;T$k(KLa0lQ}ZBuJMw`+BSF<=kxY)y+@}MM7GIConfb^$h5{I
zRo~u_Z-)yR&iSG-&-pqR5tPbE|7N4W#i+z;?XUZ-aS~NQ&5|U<7p&E?(*4Sg)-r?_
z0!?1<Vaf-Vd;J$OC8%gL7k%t5lYV93oo^I?^gKC~l&8vNd~2gc>_i&#``r{!G5`Ic
zQkKX_qvIH*gd;;EfGse;2wBxx(iM;lwo}s!4*_Cusni#vxO_JEp}=F`fE4sb1wKU8
zWOhF=gz0sX$JR(XA=*X|yIU=73^H)ID@4f<!a4i`MK18K8o*8GLx3EoA~f6pz{R%+
zi86=yE@d1fRtst6lt*8p{YlYBrGdX(T24ErW~@&g6a|ebjR-MRhY@%7;*D(h*w#l+
zB<6KAAnsNB;Mv;Vm{aX`LNUGJz-r-MK%tp{*U9dTBGS3xT}%C-@Uia`&^_d@%nA>Z
zwxZD3V8C4JaHJWb4zAC&9H@bxEIbJZygWN9ejJ~0={ab5pmk2<ks};m2{H58?P_~N
z&+*A7%JV%^%uwL9MlSrcCIuEI*T?;A>n^bJvo05z+}^tX0bN=Z^xLUXh@xzB4<7Hl
z^Ayt=xv!Q2+0?`)Q$gpba!npGk)v6=6pH0U^pdHp(sN%zZXXD9q9rTC_$h8<NB5oY
zCRq^ktRM7yD_X;?x$d`s*pB8>%XTl!yPN;M86i(+ZUy0nprN3vfjN8bms94DFUK(K
z$$=%_0}C;y(pyY>|H<d)S#1*rg_fbTjO)s#(L`WFrIr}4tb}r%FK<iNquK}dPKN*Q
zYr#>Z0T@MB^X`2{*FK;B`^q0>T<$upmbT<IzyJS-dIpa0lHHm+Hkk<A6Nt|%h_BAR
zmbfygQgfB^ocU8kRLusAx##8nliU*q?>%r@a$W!Ymkv`8oAols2k@2%#Dt#a?=S}j
zwS^$^ZyyOFN142E^@ik`b=~wt0Bjf;eC9Nx6tt*mlccXI#T>Dh)~x+H@U)$KI2Ir#
zh@$(MY@woUE30`%_RgPx5X<wxCHE}9326UZ%e+p%w868%TResT4U@=cj7%N1c6*!o
zcH~8#pu@5Ac8|P!kNZH_0N9{)E~-drY+#QCz4`};H;Bo*kd%x;wRh7Bh%8t5bZ|(;
zruWECf0qr-KIVSWIDOhj)D+?Mcz#K*5)F*A=vSz7cPjP|AVa?;@J9K=YEWKh!29B@
zd+SNiewtT^KXMy@4@Jw1b)L+siGZ3(F??fhEPQ$th|eyD&^uBfrkNSdE4xwU*x;rW
zg4fAurq8e(lq&w;EeG|MyQ0>&9~=)HpI#j{TTMJ`3?yfwsF5vh@erdlH0|$YkGn~Y
z$d`2Ft2xtq(EE-P577-}^aDvSc#QPvFD3HxLRniL@+g2-8+x%Gkmcc`oh9XDM|ddf
zZhCOd$K6!1hY|RN&b%wU_OIRrvgmgp<&=Z|4b}-*CY&}Z-=pr12*;}iNXOmIy5cts
z)%hwfIAF*sgv!nG8e=kBka#aLaDF{XIDZ7QTj}Hyv`V40ovV!m3eQ}b?)DQ=_SQB9
z^YApj4C+(`w6gf3z%`pqac;uEMK4b0*#wiO-{|mpj6jjFe_K|b7IxPztGl;%fcb;p
zV=J<(`8g!nK1SEW$S}Gwk3Vd(g#fm(hrVVvFq0u?`SROSNA*+Ln18~TLVEN{h$uV1
z|7x=bX1+0uB^H>PZ1>xY=M0WU#4a|Ah#7!u+YuGWJ3q6p=XzUoK|WeAgYDdF2MnBA
zT%_i|Y${&hXs3Haz?Q#%^@$XE8`zpf`mMFCJGxv^1o8KC{&|`K5T!tp!<5g)54(yB
z6vMe#5?(I0!M$u<zJO2jtluCE{&nhh*3BA(5I5VxkG_c#Uwu!6e57KSBm~9>3dsir
z!~uNl08}KqGzm#epny^YSgTnD?J>qZlCsSJgdS~e_Oi(d`)dPSyf)&t={h8<Sm=i!
zorNDuy<V~!eZM8d38Dks#BFDJ=-90mO$J`LlnlSUewqnZ!N`aeDYmt{&JY|vicn>+
z-jcWpobsig3LA^wu^c7B#q*ZH_?C)#G{eYw%K$0v6SwZ{LP=kCV$JL>Y<AXle_Y%q
zm0;TiNIPFV2>3EmK#Ofm#4O_BFfKpzf-YbjMSFWmjBNQJjDxg&CxJq2zH%5l>{^i)
z1kx;$5O*{F!*d2M=t2sKwf8!guC*hf{%E#6q7s2V0@ZqrN*XnT%REDG%e&yMcG(&Z
zJ;DGF(%;q{ld5uPuVdMHX@(NGPq-RwyQ>XFFO6J8BGZEp6ltPuUF8g^d!7rY#@)c#
zDlU5fg`btFk%}dU5AnL$BrKg<S^9~5b8g!1%-&U3Xedb};?3?l+Z}fO4vN8Bn6EYO
zmBJRuNmp`<Pq7pc899P6#WSOUdWK`wunE5Src3W>jt+!$++1OWeTo^>#O;suzurwR
zt#{Xzn<SH!jqYRcTynq`PLWE~b6<$|P0UgurvjDxN2#Rzb<ELNc9Ua+2b<D;WpmV$
zE4s379t3OdL!f-ugJ^P`A=Splp-^2bp#R+@#p?IT!^gB%;Kr-VmT7e{^Vv0~3TA3L
z;`i4#F*_02Rm!)>uOUn0F`#OZKX1pSWB&0?#|L@4<7^iBLi3EVf1DM2j2H~Lac6AJ
z?PBHsVc{$&(lFZbu$UW%UI#8M+jo$<rK3S`egFia0CB9sl$-6?e8}c^P!+&pr=(zD
z5TkUrZjM(9lBk78(6WRA<$r!WUyi!+O#^3RFOUQ5^l-5o-)vw@U>qA)IP-cy>Yj|A
zzr@}`4dyzEhK&j%sU_|m*nHU5WI9ap@c|L^%Qy&$JnMUk2MFs^o3X*Rt1I|Tc-$;9
zoLdH@ArJ&$j2s~l1YnFD000R10iX6nFaH2GVxdi!V>us$TE!!iSw(Q0Mrdm#TZ#o>
zmq0B(lQUXqzhzLIH!}YxEf4(ks>?|%U@i1V%Kj>okKsh@%NyQkra8Z70>A(?{!?QD
z7>SvHJMQ4DG$#gpm?3Mo=+CtjATEuc(g^E0b9d?NS)c~@cpMV)yD$J`br7Ty^6{|A
zFFl1w=ugELU0B5+q2~crad&j|n=#mi`TSQHMW@4St3a+nmk2c|?Jr-zsUPXHiH3+>
zX^`Y4zRR^!pWY92_4WZmu0xc5g93huO<j>dEfsy8$5OS?m4iSM3N02qaq(4nPvV_-
zK`NXB<_ymal27KMz~5HRG4elHm+Jb+)c|b7hIP9m3ZgaX02?_vcH)j=`3mlPH_dIB
zz;2Rup>x@_t$gOyRGmlik@7>}Z;@{uzwVtAufGvjFLPKI)v)b2KIP5Q)a=BYX#WgA
z_96=mIpOt573Tym6b5*5f#EX5^eE?uisc8Co+HYQ&pfrcy1FFW;8C<bDsERx#~nIn
zwEA;4Nc#q3MUK>sekNfjlm_rBxFX8{RR=<!4Y?5Vl>@X~zr~@VC4h-K`_F<4TUrTs
zj}k(Xm>POG`wg=xv&bo#{e`W7REkON_)ShffKzWfh5+V$QiBhx*SZ>V_{NO!G|kZl
zU*4JQD`}lahWeYaW!qFBJcR&940guW(*NUtdorJg1~{2VkN<`G?jz_mC)RV@dFUj0
z&R0bZ&5}AcjM7PdJVVCwa=rm}O`gh$F+tS3%0!4xgFWoM4qh`G6ot2I8kC*q9PV`n
zmv{0#Ug>gk_ushkyoRp5g&bR0Iq+RAQz8-xMt*kMi^BW?wCwTV)|grtPMff4eYpr5
zBiX9&+-;Nj+7L<<<2^E!#{XJQbavH@s$NtOMDHVm6GT}5oY<)$PYC~~(@=(YR+>^x
zts1QUh+v~8=E59tx{7~~jR$W?oj;iZ#!I3naVFG~^z`CG7YPs$AibRpUy_@`hYs|3
z4RZBAu5T8Eg%Mik<1gv30-?!l6CFiX_12A_97?LilABAs6;oqCm8_gpWge?o)<s4Z
z8EnCn1l>|bG%cg+yjsS<hr24R1GAWCL#UjE0%yTTq#<?qeK0#OG0AH2)QpsYwfbJE
z$#>B%3jDUjsb*W}fBWQ6Sj2g4=A_~U3iQ0n{<pIJXM1Tc31bV&xxJydum^lrfKQ00
zCarfqO+p-UB4KDey$6Z(Ks7(pHQHguZ~V8(vl!#Z$`@}~3npRbgFn60X@ZHDv_FdR
z(7x!k1lJB(g@GuX2`?{?W<n>f*VWBS5pA9rGX|`^s(mj|0Hvap<^`?gy~H>4R<81@
z3|ll6&yyiv4>(RXW9tb)nIUAW&`ty5aSyQNKXl1Gl{f+mV)sUS%wK+XWIzy&o<FbE
zCS>h|!C|3#RbDt2=hC48%E#l#dHHX2lCjjpsu!&+6|>;((aS|@YN!L$n+`i;&I*_x
z2fG5bTX6DI79ms(o3WHf*wN8~H9_qQnG8tVB}BEt3e{-#Pm{9$M<)A4nL=Qy+3ukA
zhi$5Hh2nN5L}4)@^fPO?rn*z2uVXecDDb$4#caya+}1hWg;F_yVX_%{@+dgtl8U@6
zq2>syv0~Th^965!NwSs(Uuw9h07tV9t#v^A(&Ze1L_-xfS%;C+#%E}`4x@4-x+UxT
z4Z~7T!tSb}W^%XF1t!hph-hw5n%~pS`h9|DI!MIKA(P-(+*u&5ha^|59N>ycz+VZ9
zMacS$pe_u-=zLk{nu&@~6Y9CdnGi4aTM1e~#}wrE=TazyW2CAK=PBppa*MO}?qur!
z!Re~l#h(FoO_qmf<WPTCY%z2&J#y}k(yXsy)$=&_jpOk{2$6i*RH7rh0W9QY&98P0
ziB)R3Q`9E~2A7Ki<4}p|wKf&Zp%|09P3rz>F4j-I2EsYwA}jZ+(`=>CYhIz6GDGU?
zF@Nt3H&xGF8l$En#4Gq&H`$zuUI!1h*@WuuICC>1z`RM%TmWam_7G8!<G>O(HHQiK
z+lr{J!cJ@<KRq~B-3@@qhDG$x4uyQ(WX_4>2j#~=^kW?;O9jC)hsqQ4vJyU70tdA`
za)Eg{k7+`f<tu8<)1;c#M8^(~oR}@Gx?%oi9*=?C+1h&;kcmV!;s|v2n9D<2D9Q8D
zCIA*%jvkww!<!u2@j~tpJ}|_3xr;j?F!9gpY~t*2*`#k;Hn#WZR-HC}(r%i)J={pC
z$g5vc&eT5uC;*kPy@f3Y<gyyOu~AjwMmY!juEAGW>$l6I<}qkaj4kEhIjO~*GHj5U
z(|FoLtM#c;k8~~=Bc~-Z6>V;WRbohCI<9JyroT68*d{vc5<Lb6HpzWlr=SALnWGfl
z*-42Rox?dq3-mZ&Qwm=xHIqNDrGMEW$1+YPFV`<tnkl-;?H`AG%+^5-wZo$~`MYN5
zj0LTL_0=~(0na=QJ-|b~1h~nJsfZgl7ufz{_Mcxp?yIZ}vp1y&o6P08IJH7p6zbs;
z5OXoov-2X@VM~3LqKI9xt_wDiHwsh0O%i#c>3Ye1-dH|s2wzm3vF>i=ewskd(XD$C
z^ST~)+lNfF-;6&vc5C2o>l=`CR=HaX24z_|Gtf1nz0E%Ho`e^BMO}IOD#Ie+B?)Ar
z1L>1?hicafuMaPcFXfDM>DJ{pY42k2hF~F>0e!$veU*7Rad>Q}R3TemYi<Wpr$K~T
z;4}JkTP4Vii64OTxuhn?s>cj|0fTMxo^lE=>Adr*31a9|abo>~dL%t!V+IRp2-Gu2
z17F5G73F0SDv0nA?8$z&&JnTX&T`FXh-WZ(b=afW!OOaFEM#ris<`jQ6F;y^<x-0@
zi!^vH<=||1IU&AYDmn8I6Z!BMJH^0$;wnd+lK2r>v!_PJ>4__$f=<SExC`u+oQ*73
zkjGp`-R$O7w*=>1Z;4fuN#`V+%F_BOnb|TC%Z0`c2A@Lu<Ow%=rC?@aYnWo@^4+^T
z=+;PEe+V3?Xe`Za3On-0UAb9oJ^>?ln#&ByArJ&$j2r*}8%{x+_%uvIzy7r<fDQM@
z%$3t%>a5nJMImckZzk`ICrA{vzK<X@lFFY{f@kogj4W_j$bORh`X@miT4IvJR%DSi
z>&~)Vdm8Q<iR1KUl|bRA7=_-MEyqow7%ej8%>CO+WOy&E&*(~&bl}ZLO^55ZA@F&I
zQL3oGGKK~fc)>3+z-csQvL&s5?+XtIKgHFnIB8wLN@nox44})S(Jamz6T;Sd2S5jN
zJeE|C`PF>;CCkK|QPaU^+5VdL&5@2!dEIa<M%BJ2EI2Lgo6ng6coJxWSFZq()igPT
zfo`G2QbOC7fnxc}_3Kaf(SIV4hs&Y9p%S_d;(e3kDnaX(FQ~oA4vD*r>akaR;3-r3
z1bNE1EGX{Z2b^n2fNr4rv{d;coLNkIS|=HFX*9g&9TZsI{Q4V@HD?1H48!jmOIo)_
z4lDuG)omJBs;PPQl`z*1S2HS=)E{tC0>u3M-QAjI%$9S5_tXr$A8h7_TDO8*KAYd#
zny?-x)bknQ{UOc)XssxG8Zi3d-(RX4j@}CW&5PzlSj*T@M7b%*xh;tE!o76`9-{(|
z%m=PtLC82=d&geAJwh)!I-%n?*>(I5*=5eUm{=Ug2w=le7<q2!5(0d8njMa3_6?;q
zuHAIWKfbK*h^bOv*+3cT6*iA{MmBj+D@KA;y+wUZ%0{Q6T=s-8$89?G`bttWjjO6K
z$Ma5+ryEIAS7$pYX%A_M@h`ulGZ34F`Wlw7CJb)v^jLNXftzovY9*<s$J_j~R)QPo
zlu#*PyP}{ZJ80;-ao@9|h9)x{*1K2rj0OHD_sRgBUX$VeceHAPatJ)jZ;NLlGPnT1
z6n@Q!CX!ig{2FM*k$^6%UEP)GsIi&`DgncrsySIru)h(*@2N%xRHYHYG5=xPY~)k3
zii@a6p1W+<8j5#37ySUe*D(Noc>PfexoYivQ_0|KGKuqfF;A}@mPV<sys$~~0XOr+
zT{^2$(LOQ_i%*|_S%1pCAV=+ElG%}VZAx!;ODoAo+JhDmgSAI(+!3*UoA$w7&g4I9
z7vxk@pv7G8<p;0*gR1YcS9B)!9^-Uz%a+|H8rO24+T85d4(>~a)gH3_mLn<yeFtY?
zF17Ac-}c%@wgtbud^7yMkdYJz8(|dSN@k-_sb+6fU@<fNQt;~CIly-YNXpPrd-gVc
zVfH-V_QsT~CJLS_(S+NAzNscqtvk1Pqcm_u+g;Syy&k6GI<mB#E6Boox<aW*`RJzK
z;uO@e<YRgZ{uCiDhz-i6kit}oN}-{#vZhf~en`Ps;4NiB(Qw{AtXaLUN$z4QGbPbI
zQxIvmy9f;ZR17^R;qPt_4!;q(Cs%h$NZar5_1`HAvzH*p_;@%v4kuf?VW5yIs-SXz
zht)owvGq59S2Paj#M+&+HfvcSFX7yGS$EPk)TYx)rC~(Cf@*u=ct;_zKo+F5EJy-S
zG0>~GepyQJpXtqWOVQ;yu$lJAE!d3#)Bc@RZqY(G)h$6!9&|pezTwHL8f_MHO_FJd
z#$E{YlPw2KbnDOSBo%&e90*~Ybs2}aOl?*UcdSk0W+uvDB{C(!I-Au7IpTWbK0ih2
zpBN74QiLk!ZFWZi*hL^1$Gnup-Zo&I$w&6Vy-!=&f_ar=o^0stG@m$rgNR%UCmkr$
z^xc91L&y!W4E)8c>GAFp!b7YaKs`v_lwxlA4&)}=p&X$_>k6?GVk2hA@|63rdv*0&
zi*F*fvzhB^F7N<jBCe-<ZFI35U27+*fhqIQ&DsY{(rm>ko6$k0i~{vD>JvLilxR;Z
zIPvL={p^wiDey47?OT^s7xWL?CyJUt3U+7P?A)+e^UjhR*d;>9jkx$g8+bNLA-1jt
zSa~NM4Wrm<)$)A#Zm=C(5~T4y^?s$D2RWCV!W$8ddj6%ADyK5?gn8+geEV^{Xede~
zZtJKu&|^_BU_?vGz&reiqd?Rt-E2ZzEnjm1Rxd$3VG4Ro7wCLHNBUjS8>Q%nN_Nv{
z`V?Pkyy~?uWe-6H3G~OB9nuGcE|kh5>SKdHqMrgV6~%<4J!BEo%DouyGV(z8YN0ZJ
z>ZmFG)eH$lEqHvG`v$m48A6*!?hP*9@DfOZ<lr}%d<C@SQ6jw#`jSKOIf6N;0%Mt<
zDST3F^C`cUla1S)+!DCZWQXCCCo8e_M~Gt1fn0tksMZVJB3ob$9WH%}_K<q9E&SM>
z({y6o0_lt2m;@gj?7E&VWz<H2HM8l2XK+}J#!CW3X;N4@vf$40XyDwkh|4>WR(syQ
zCyBsh38KdRR>`xgE(*%d^waQ;n^_R8pK+iI5OC%BPi}jIB8@=%aJ@yPF45(@lE$Ng
z+UY<yH{QE(W-GXlZb|Kuf8DQY)XIS%Ih`P>c=a5E_tgw*Ee2)q8E}j8P62qY^Nf2F
zl3DUzXYs^?<jm|&D-#sojq)+tY1#CPpMtKVc49+_n@tjtM)x^$w?gOn=%ZI~@DW+9
zFuKaFh7Ss*0QuSw8~}`!JHigyzSG<#U6D&tHea;o>aO9yDYX_E=pp(uVfMc_zH5vp
zjc{u3@68t(+A;H*-Ve35lv_TdZZ;K)kqL(y{*G<btqC7uzqp_$#1;a-8{^hv+$LB9
z=_-WAB3D##P|~jC63s!$Y@)CcpRtB48i0v32i_8#5{>3v@SPCW2KenyNY!wSgnbAK
z%pNAb*fB+(PMW&n&Zx=t33&L4&Z!#ol0Quk=~zL%JXlmQ(fW(nT|ykOT)25B)#7K*
zvfipbv7BGU{tlA^_Wse+?rBYG5!4{w)56T`#f)@(qDvz*O*CdC&)*&@-|TEY{1cys
zcnZC|t5Dmgn+-`Jkws%zeW%h_!AtRNV(2h9|95<hVV|ewILue70igJePkjHn-qw!A
zHlfj@$c`ZlOMxlD$E9%*bP~X{bMs_M8gJcLT%4|m&XK*ikoz*DCx%DRgiu^EFRc<5
z=$hoUQqmVBGp=P!A&bjIw>OCw{3X5E?`}{RhMrNGbF0e|owDl(B1bz$BZY%J&%XaG
zW30-VoR~>^LnbyXl?@p|`g1h$1>>Yv8hbzoHP!QzvXVh8m7SC|I?x5|zd!gffb@WQ
zXJsmmy`&>#>I7^BR0X7n4~Kcr)Jz37)$L3Oai)Gf<<%P}{ORl^FeQCfW&Q&(cEd~u
zfy^uah0vhTFTjz(EB$A5Xs0J6)&87Wl~&>htoBaHYTufoz?`4DL5!gyQIM$q>uE^M
zm#WQ2H$=MHzqoKe@Is#Y*^>!xx*JNe{%7{_1s#j==7Lc+yq|jJONhsK$Ay6t*PoKW
z3q|}zM2UUf;;QiU@DR$P{2$x=i&o7X*5pZamIfF<7NAqooM$sx!ywXan(kPI*e#Ej
zyqZ2uIdEZBVm6~P10COY{J^7Ng*d&lvK4g4TKXPcW6WICbdl#tcp6X-2;EEB$3{a^
zFOg$*jz98(Dx+yaU#7=hA3)teGfn2*^P`DZPY91DHC5SL!j%8SGTk{{F)Nt*r`R@Z
zZw+Nw&_XXDUf${aZ23uBdc%Ck!rL3FbQr!VSFlj@ds2#==D;OjFdG)2VGea!Gj+!P
zm819vOQHc!skNR|ZR*7QVa|S`AbDs}>P7bhiDqrDs;N_v7vQDHy=(7stznd9dCDdt
zMBMZxjL@rq$9*)KEXamQ!chL!uwGMUg2)c?fVopnZ&&}^9T9|g90?u$&vi?vK-h#I
z-prr{U`WUaF<oSv^1#uGk5A=c<MP%o_`ZG8;Y~DQgparHRy$<f&!J46q<;T;20XLX
z(p*5w>DwA7?*_0Zr#yKdiIPKSCi0TNsv61;;+P}7P|20Cw2Pa63=8biH3n3XyG+_-
z7<jc%HA}tizAyrFs8dx^cT1Ae)HoVi@i){|rRtBrh)1u?vQ3Fgq@Q{H7*S2|2xWl%
zCE83oQ_-rq3_9AAq)o9f^LcXRV;0JLC@j1vT7>jbTY+W%1)v6ytIcCO%r-pUGIQ+x
zB0)d}YiA-i-DIwsi=od4D*%E)AG2Hd0fQ~f?CPrsk~270{55$E9L(1V_7=rzZr^N?
z9Ps7VxBfeesa?qJAOEdS(Zw^*SG#ke{9^Yl%m!6X9N9}&)(<A)$XD%)XALGTCs7&J
zP;<+km@^n>{VQJ0TP}^t8FJl>zg{7RF&l{>U2kuYvEl3}*GA@tb*yBr=CP^J*QT23
zNJJ-FaFG%@;$PA=G0Iu?ee1DGny00Jp5M%YJ70nfGe_`>+aVl@9whZ89%rf<61^SX
z7-7#J@ef#4rL==va9Q4$`>q((cT-+HmMfth2MczBcr45`_PjaQ4r3FhA4bss2J0cw
z_aw9Y&lopspv!fW2mLn^+i<e;j$?o5&23F}C!a9}FAl5WTKWMwW3{8V3g_dk;p8?A
zewiey*`_Z<d>z{Q9;hsKn=Ts65w_}~XA%Fiy6mCBa1(ThSYotiUYfLOmEX!FbLkA_
z7-<{8_Zk{ik8VL&Svu*#Zl{y}W~MyMQNG>J0ol?1*=50rfLJLtCd}C{K`@B;iqW`3
zKQZIM8Ygzu9Dl`&0jAD%V;2!_ynF@G*N3t(5-jp>d|7RxJ43u+tBWxh{z-%WC7c(R
z&Nx6MB&gnUc}ZdIPpQlk8VOLQm6!Tl`z87inGb5<6GrdpIAV4lw$t#B(hU7n;=En?
z*!sTjiv-b%qB1^=F;n)jV1&IIu1Vw=tekenq-pp=JOm;<Zv_>X<%k6C8$vh2)a++j
zC$beXVDWljW@!;0gl4?eX>#bhmvRv+eGSWdI!Tm}&Fq>O12>!G=j`OkpUua=>0C^?
zx|OixD<_Y^zGDXl)E2u5!Pw;BV_z7)%)AV#fZ`>7ppZVhoCPwcu<fGo!UL!t<~%!U
z*}2DNF5OgTb9aZ=sx%8H1Iqp#`#qj}ybx1uf4||lUq(-#oqhMWXb3UxWtxlNVA(;o
zmP1NzwsMwjpsSeh7tZHQ5X>`loKYuz;z=7VtS0?pXc(L|$qcLZw<D%43?Q>Q2K(Fv
z<QkbWImPPDc(-r3uH#+#s>?wQl_|!I6@CB>lhz^B=7*ccAGj&2*GjIg2{C9>C6Phe
z@!WiMKVVJ|6-`e1!|vVSxJNxy@ZAUOo>mA>S^5+U=I!gSs|vF2V66z+w44wgB;!L;
z*0gl44rq&fOmq~uwKtBQ#psB|NqE?Xx(M0tE5jd%QkGtnq?-2ZyguleX#480Nk*_o
z^ZB^wK(}CYyS{A5xa!yQ4Ypao$cBJ7gYq-Pq7A?*<WmSZldBMqIpWaHxZ+cpm-l%d
zX?X=K%4Hzk27z1Cve)DqiBR=^td$j&D%}&cL|8$^5g`Lw<T2)*L|82ewYr7fC5>Du
zReR+R@){tQV2HeqD_!(n|Ld`PG4;xeMNCF2eSosc-1TSzfOeGsolw?@4$*D(t$<i`
z8-%>UB8w)#veN*v-_*0i35V|k6iO5?dU8Q0RE*d|&u(PPWSXSEZap(5fKa!*P4N}b
zCQ1Bvugpk3%_+y{;_&Ncj>Ds~AzbzKPCcKA(IX(Mp(w4Iz)~Y1T8oVj<Jn=nQL|&@
zj+_vTgwbk=+u+p(Ha{4?(VayCKc?%ksdO);mkVc0!HZ*yw4=l`c(Xj5a<KYGoOK3W
z9J}_4$@*N1;wy*P8kKvnHqL(lzh+cUL;dYAh*zmmzEowDu3srn;F~Ydc1LrQw)O8<
zrFd%hZ6r*m0|u#duzLwl_dbvWR9kAO_vcaY;2>pi7so#?ku{J*w%_fkWnf!oKc`7`
ztA`RTYm1Yx`(;~3Q??4nRnjlX6V509^#@NNydAM><=;sQI#%5oi0*`?R7t=JFeyyP
z`D9#d*@^dQy*E9PU8m*UB_eoA>%W#a6b9S>v`v7OXUV7|H&t^rNO0MvPq?M+{VJW#
zyC@j2eTrNg%A3Yu=DJ}KV?K7R9bMM%u*9wxd)<BFiFM>n#Tj<8Y|4n(zJr<KG7mBs
zgw|VTz{NI9a;zo&dPv*-87LF4tA@(0a0HONrQ@#;*aV5a#h2he@T7G9?({<?$mAZR
z8uZrk%_q2Z|5r_5e8CDe&bo3EKRpcsMK3k!&<P#sYOoLF3Sx2a5J??z8XFw`CU@UB
zi8uc!>!MqyzKtF|RtAmtg;DI*-)ObsoorpWbJ~&d_r)#D>DcIDQS?T{2mH<neVhO(
zm5x4p=(N-ybhNIsv)}#k?lK*)2P)I89WA$425Q|H^}va|Ye`gSO1@Y&?<{8K`xf=!
z#24P!z#VfKjAo@@*p6woZ8|<21>49X7dR1Efdo{NAM70aq<*U5aBLN?fV|pX4^-)*
ze5K!_h`9+A%`UqQ4Z@Xd+$jLR#TLZ`z;wHrf!{gZgRz?EAo^xV?c53`CkZKCmEihL
zTjeUjF{n>sjcfDe_HauEvUni?fQvFyiXcz|JK`3Ut1J8OSZyJHt5%+%Daq<xTiS;x
z<XRH=#Fk0x*2vIhlF6y)@Vn5(?kaBLZYmh*!BW2c21x(V2c{@iyd$rawehCR!(A30
z8!@J89F=B3902Be<tF?$()<FsujLo4>I}se*tD)$m>Z;<27TZfOR&ps%V~F4z|TrM
zCxAH6AZk%CERRBl+5K56Q@J_aRkiCo;Ahb6Pa@HdHne7`SYr?giSj+UiKbX7VH%$L
zp{UqTkKn(xcCg+Xi)%dK)^4yh#LXjl{cM@|1BVdCfO@uVutOOwhLE?G*_@yxQchxu
z)ZioWDm!7|J+Wce&p(o3rTRpSh3@i|y5@Vowue@JNJV_qn~j}B86z@Rymgg(cxfEy
z9*PW^XZ1ig0bG4!lOW8}?AW%kW80n`+qP}nwr$(CZQHgzci*`2d^x|MJEEhavofnP
zp@dHP{o#9iPkJ6=unm-C2>A&Pyk{bV6j4hy*7y45Z?Hkf(Mrxo&Yaua%55fQ3P%4~
z|E4YsoXvn6bzuO^s3&awj9g%U>3Hikl(R^FnLnyD`bIgoQEtCXAj%G*hd!NkF2Q`w
zj8iDz5h0;*_w9hm$5g><&z=%bEFmvMR1)&=Hzq-zsHYpA`C$fxP5Vz8vPp|*yNk>_
zDG)D2i5))VFShS%8YsiFUySd7q?o$V6&o+)SX!IQ4?6^lCsa%THbt|!$WAW=T1hmJ
zc^TXFot7b76oi%j5t@@?g_VGoLmEK@2{-Pn7@jzPhJAG4BHGa&(xswBl)*PjIGB84
zL3&*R>2I`Yna<=YG-@+WpCO}iJnl@T(1gvJD55f@xVMGef&3F?Kh#oh4axx~C#Lx!
zt8b}lvbiEj-6W<Z*$2D1s%L`ruXc&Pf{ArAY;=6I0>^yU)ch`olHFn9_rcZ#UxGg`
zxjh03KBPmsE;ZXeVe;@BEnMz1ly`ou4gBeBucLg$vy+udJ2?m|I$u5E-*;slGY1IG
zknhUci@W=k&9B+>@KPQ;l4TF^-`YRibP&g#23ulsC#atgBp@r0vMEE=xQgM7-UGv1
zbUzh7l^iUHdw`nA`~QZ^X;N(_qeSFB!$=o0L?L(m?QGx8>g(tc$)Z?TWB`F`IRIPX
zy|sGqLLkoyEv*04OolIhEjBJXlmoH-=#v@%1?^fK$;(epefn!OkH#BJ(lGvLiygG7
z-5{~101gLY;AaZ*jtK?;#1`QL2cc5(hU<IK>Y-#W%CpGo4lA*|^J><R0IopfCI#mD
z#Y&=`G?t8d)Qa2wb63S_Z{*|6bw+#-NOLn~+ut1VZ1RzYlms4Wk$Scg;+dBHZUl5f
zZ{eEPl4+E&*~c$}rBK&Rk0vi7LR0DvxP@M+*bK954?3}ELX4#zhO86OSvxL#*dF>V
z?)gv$nI4--1meUas$p=5lxJ8l4hxch0hO2ClEDBo+kRn3o8;f1(ESNN$N>HvNnRPw
zA`o7gu{nfJ6lmN3)9Xfs_yI2Lsl|GdG~y`La$a@D7J~>X&H{*6nkUCD9l0TI5Vgal
zKD`2o(oJRTol7N|j3Y^peJkgOM!cjiyTAmRB6no#hrClzb$pZ6^2yMSuSP?9j2Udb
z&#WBJT6H^W(b(J*j@cj`UBSXb+$&|;deblHv=JT-O!G0z;`__gPP?aJ2=U#h$Ps~f
z-*QRtU{k+<+PdN6%%8xCSz^>eEy7TfNY6hh3gv&*fwINddy}JnW3IT`B@bM=sFsss
z0zwR;AV8gZNdVJ1wrR*lmpj*c2$|GDfZf^_;ihs$6GL_Mf*M?IJ4nne+qCX!tmaZB
zRb|)i4KY3Dx|EMPj*qikrs+?iZKcUp#{7a&-4XS7$cy*%#3!nNCiiv)=NO_P(w5IQ
zn0Jii*zf8FmPXjW{+$dAdM;8?JEgO{a%-i)smRZE+vYeSK0=3Z=sMGA{^ZX=P^0@E
z?Os981IHdD$l|>bAr9M5R`mr|Xfe+y8b~det^x#3_k`fAK1U3Ygr*GbtXltI{^^>P
z-&VIr=gB0hSo|gT(`2xafToyur-f?{=rZV<DU13fqmFSG&P6c1UC0p7!`=fu3ri`}
zSo@uxu!WtI-)9GLQ%2|-dmPg(lJF)XRJi9yiEi?cw92_Ez8DzSV+AjuxVfkqrDnW9
zngY*QvtRiOtCa9oj{qFeGa#AZmZ%xzp3a3~h#+djV8@}!0JI%wxFr*k2`Q>YuX0{x
zQ;cG<s%sSfgC-lTScu_Y(qxzjM%#_6mOhta+Zc+6l?GW5<W1i$!^1V5tHc;-&f4E6
z6R=2@c6lKjCm>5;j($vRg{qcfhRjgOoE~BzNDxofnB*Q-a&UDn`^4CEMq-6Bx0;A5
zEI8KP!X!UPZ%(jdQP3v^ekr3S)`TN<<nPw3&aNoDUUA2yd1wh}&e|W#4>)ZZ)>fA}
zvN2h2M+&G(?Nq1B@ZAzNqvMrc%o$q?Aoy`}MZlz)PANQ{C+0GmGX0eVK(V%PK-Kl#
zYkDWr3@%<|%!bxCHzBOU=+3ei+|E-b@z2GAIO#N3qLQ1Z8fT^!k__B3*n=@pt;Qa#
z29UQZo8ertD*Mt^_&@G`b6Z34*O<qUpi~@3x)zg6*Up|R8s%|Yv^}#exqB5Xt>Pe0
z&;&dW7AIxff4a0q2UE&pEE@Q7Yk&H*f>vX7A9=6PwK$vqx+#F8WCwjrFl`F3vwAIB
z&Q4kk2gYWC7D*@s0f1uX;a-|9zLb(vPO>ut+!l#d)VgiP09L!s?6#Y>|C=b#;=7VW
zwTZ}_!PweJ(F#6^o&{qv&lNEfUEg}SgjxIjR1Eo>&T>(J4UDuyfVTezd?dJa^}wI*
z|DUdg4kD0&!@&Um`+vF`jOj=tC*jGSYz9n;{61M<gjFK*qb55G{-O9kM0(e#H>{Ab
z!Vdp;E@rkxKXiMuvcxFHTW|yO_H*`mR%eIjNJOG=@?Pvz6^~m__JwV#-sP#i5fQbP
z=YnPvY<;g6c%=S$$pFn|Ho!p-nk(L4xLIoieP=J=CH+sq=Za)iBAt!)5sraq8=Jb2
z%fpt-)0A&sb>xx1rWplLitQgCZ-P<1tiv<PfsExbK61Q<Jdb*_aGna`bP#uyiq7J-
zX3`OS(j2W!cocR;9`CJ?49PG5&c*7Cf#m5>0V$r&DIM}zX`Ha4UfUspQAUn+-Udi2
zv!ZXdCP*?$Y~P&-SBKEAk@XQif$<W3b^g?JCD_6@O9$~=upvxkCutZ(*1Os?k714(
z8g7-#a!w55%{aX*1~!I8XbU}aQ1X@6K>}I&?o4G@P)KswP!mBPai?)|pV(*@1+p@~
z`uGN){%1qns_3K9KryMxtvdA$P;w5WgU|Iu_4Bi%IP-(nBh+baN5yAP-}*r^|L<Vg
z`E*^|kF<-lJW~}}AwP=|RD;{oj<XahRz=;~%H~Mc{AC6q=+;h`0jI@UFbuThw}Z~)
z3lrmCz@ovxi9cco)KeIe6j>&l@h{QJe8%G~<V*?2)S=f1LDn1N8Z%i);buYK@Y>}&
z881}tu!NVdOp@}h5d5<DkzV=Fw$#<N4uGz5<Inlb!&YKeV}Bg7(3`Up5LP*Q$M$)8
zrP8GqvW1E;G_#`v2cWJ8kmYmxZ8Y5-Cv*lBjF#))Mc_d~9D+?P15hta!OrqV*fX(W
z<LvfuWNF=mjQSRi0ye(}$z3n%0H(Q}OCp+KGWf^(`z-iJ72qiS=a_9))ulc!eyVo-
z_9VS;nCI41<;$b%vpLZ=!R?L9CI^r(tZox<kcIO3rtDo<sMY-e2RZ$Ok-PEqunX;7
zOLc^nco2T+1YZnBk3e48Em3q8%0)@%DKHS|3RW_XjqhnO4NrGq$u<5ALb{=TY9YTj
zils;&(u_7ndYVqQn4y<m^H!6z`uQqJDvb>flMly81S4uD)4A`(xUZp1Q$}prM>a)v
z-1;Z1kYwQ#zki!ke;|W^q%GCH2eTsw>Ix;OEhY3>r;3PA0iywW{vN-nTnI{d?K$&`
zWkdTOgSn7iJEA@_QF;O+oeVGe(T$`&`&oYm1r=lwr3Q=rMIn8?7swT?K?cv+bZRn7
zJOB13fh#m_cl$$Xl!i@A)_S8Vu1_L36`H$5LkKMn<NFA`t^dZMkEQ_ZxP2Y^j0SVX
z3@rF&Y3}sXBeICZ@H()J{h3cj1Q5NU*TRy5Eb>!766ghRAp+q)s}qkZegt&qikBBG
z)0~KRv`*j{o9|o-(d3#xycYtqPb3Eo@NCRBf~`ZN3&``6JWBk)?P~+boRY`i39Pdj
zgJOuhn0A1W=bT0v%3%vYn8|E0OnH<G;8D)Vah+na{M2AUWJ1dn3i7d*4m)P^-M!;2
zey4HihsC=1l7cb!ix@JJ{(<{1P?1}^lUQ!m3jPr4!}8GP&WCqbW@m;VG=n&h(7l7B
zmGL!AdsYp4^PLLDM$Y`W<sjZ?>?h7wG1?wL8FeqS08b!PMO>k~5qG?MrDi@4fJ$uf
zmW%;tKMFJj8Ze(nzfs%w#rL<;ZPAZXN;O$oDrEYCA9C?<ANqjLmUOc)Gp81rL`~U7
zk0@VLd4Ns-SmBPO44kB!@0fIA%lL1j8KpV8zaQdjN@9Aq+J!dfmZdIW#e{iI=$T)m
zny)20qHjPirD!YKWBYJNn&(oSL4M*a*QvEr2%2XGi!nJ=60L)LplBP10BCLyV3x}e
zUB2NNS@^dF@~eUXY*uCZhSVZQ9vNIsBmpzp%2l733uD@@L?wY{w`;P3lji3ML-4rS
zncEqxs>48DP-#xPRxH3#ozAbeFllA|e1p8*&1i3rK&m3Y)iQiAC`{4wq;7=b5@H{r
zx#km<#CrrNP_nU=$|TBQC~DYmN6dMte&bt_=<ezz>Q=jOqJ`c+RtWSD5RKOOK;<Lo
z!@!hJE4v#613kqb>7*jHSjcr;{qa00+AvlCTWJ}^%&^euA2K~M*@qt`ml0Kh!C!Up
z4s;wIyaUs~i;wg;&eSn@EHfmUk+iYJRD-m(=Z{k%uuxX9<hb5$wD6D4=j*6IqWKMp
zUqmHjuOc^Dngcf$m2g3Vs1gmYqN38mQb<KNwb<SspOLlifZ2VFq{tUpK=tP2SZ;o|
zZt_a+7Ze<QeqDBNLpD|&4->R8i5yd;xYhyG+~!GMf<j~8!$$|Q&!{FInYZ>Yhd`>K
zs*jm@!d%>i6xvgGh#Cjo2b>Md5W*Ed*0~ugW)0*KBpvCEr%%C~-xe^=X{=$1UIN9A
z6wt)fS#uDKIN>fi#N#2!H?ueAm%r?oLIf@cs136?zp)ca=+N;<mKK)CiG1nQn`2k5
zoWiR^!oiouXo8Abdh__?)nQQ-gH@=!x^jl_C<SY+83Ba$`3F4}^uje~&L3SCc5^v)
zv>q--7y9&mBay8m4cHfRz4(`CiXqPc!|q2HmKRsxWxfZ@7Q0mJ^BK;yXS*U`nl@l?
z&$x^GSeqE=Xpgp#5KdKmSx^JFXg@6bUPtsA%I`QbAWn0&NJR|X09A@hY||hwsGrun
z%Oih8`CaDOj*F3U5ZdG(#sq_N>CHia0q3(BB%#2qn{H!tNil;hmmLSPn}Je&DW7_y
zYG(J_CYzrjb2Aa(H>CC<Tp)n%ZE><C!BOa5c%D$=)4Is)UQYXt0rV|5O+m?XW(;xj
z-qDbTENK?=Hssi4YOi8DR2J8bJD4Jq3wr&6sA4<JU3nyW`H!SJdmx2<v2>P|`Jwbu
zji;NvJ!+o-wuFMd&EF=_K1bXz5fG<ATP?rj{0!xc5)H@tOu30+XD#jQMsln;x2J0H
zJh)zp%B>W*71bW}P5prh{9x~k!T%!R-oBt7qa9MmV#X8aRdbK>NhdgtiUd9Et5A?V
zA8(`PF;~hXc~jqgiP5FBp$WH^yurvtCvR^#JA@iMO1dbh?w7~}VVxz^ToR{M_U6;+
z=zj7Z4mC~`z@-s&C{fu8qP6k*?)Az{V~EbeZgGd3q-VK3?;6|G{f!Kkg?R%4!1lQT
zhfueVXlyp!Yaq>6{<`a!u?SZvbTGb!h!PG77ApsgE1t~8!{pi~NKPcS9hUC9p#|!L
z7e_rKiZx%IU-I4Jx0T%vyM_IZpM06mPIv29pK7Nfyvcy0I`!?w<ZC6x+L*orcxvG-
z`2@S9SY*dM1{2yywV_3W#8qq(8;6*ohqg1fsfk4mV!8wI!h<942W>V+x=YR%f=i}o
z$E3Ay_%Iz7DZLRrRsNG{V0sb=vMcI6dG4d28b=9rCSom2QA7$c=dC7Ud0#oXZF>OU
z&0_cm=5MeaOR(GW?Xk9^;)2y?bu%+gECcM~TDX~F6iCck_RZ=&-yb{8d!9zY?AO{;
zm!yYXXJ#@!T+UcZ0p|COpR;6vmgN>=^GMuKik0=C8$!64sSP6hicUIbjW~oQgAQ-X
zErrwh-^(3rih;&mgn=Kf&PWA30WU@+6I7U<?{y?7#CdG=VHH`&bC9S5{W%zTEGiSv
zUvOc*TXQ7R`2*)7p1O>O$ZHcXg03B7PDqJ)@-?c>O_gZD&kfkmoslF3yKZC}f0ltf
zWdJ3&x)T#jfZy6k^Ycuakl05Sm+9cKC*vjxu*~F~IiqFzJ=GK)>SW>_`_>DwKsV4R
z3~zTK!pC5~Y*4wiNgVG*(lo6OBp*DbdJk?6QB$>CStOd68?2u&wX<^>{s65<;cjNk
z44{iOxs0M6EXZSeaD}(39Nni)HJNBk+KPj{P-&*Z_J0vFi43Q4rNgGacy151HH`HA
zWFL`Dr<nDb{1Yc|x}WH@LIdTyUy*wibf6%1Oz4TOrn;al+sljXYhPw#wY2ar_{Pl3
zvV~5P(^iTb0v$@pNs`Y(o$pTlczZp*4@`!`8|MjpS9DKv-&MFn*S%qAtZWf1k4pnc
zr2UqW9kNJ83-A_?Ia9qSE~SYYehxn`yC=Ew*io#3Kn6zSB=->D;W5&Qozrpng26ji
zeLE%c6RFrY->+S^ZxWe~(B62ifQnyolq~GcUwF?-kku&g9i<`SvI@11_LoxzmA{9n
zz5Rc5O~<IiJp2l{C20wNsC<kUvm1h^X`&)#%U(#A$Zj55p;n9M`fP0-Em3u<Q2|jM
zK{PaDGHNIY@_SpJM&5JK2zB#TGZrSAY;D88eAE}1*Q{u<Cke-7A&z0DaO9pKNXB<O
z$Dhn#f4H(&-~Dvj*D&4(0!c;aqN9vT{k-y?w)K+U2uk#G(lJ*{>$kLSv7&O*dAFd(
z0wcVhId%-^RdP3)5@DIrZz^;s`ZIu}?`IrivoGc;I*JakxA-Ur$+L{Ep7OrP%g{jx
zv_V6G4ma0vzYF_1B7o(-|55z@U9!D$7=*LkLk6Q^R)3;mykhHHcFY1Kwr!E>p#yQK
zFHG7H3MA~W>pD!Ij6r|QjflFkw3Rq$l~!*^(dqvPD{zzX6${uJKGb0naE2_QH1H~*
z^KH<?wU?7GKz0fmFT=L#O4GE(1y|)HG8d!BqKf@U3uCN=lm#GXHC`4|z4BZ9W3%CC
zR%?efy;PR(9wWy%ab@Ou?Kk_CQI+Eb4^{kHo@eTw`d+)}+m2FOFNe1x_jAMV^~$b*
zn2wzk)JZw>trE3MiaccUd5elnt&eX%a>jBQ*cO3yw_>^Qs5*p83Dx7?CqJDW%i0zy
zp2ZC>=a1#&Hea+eDj!NogEn120H}4z&FNg<h<pkhxE2UJmY7A0kV46Q&8wQlOGtXo
z3K(zQr~B0bWh>>>|Fklc00;mk+FekOnQZAv6xhjsKaUYrL`D@PA5lo#bApF<(<7bk
za4MT|)rf~Ke0Rp}K@E^#PsV67CM)k&A9DrvYz!b#WsAq6a775ep)0^8?Be!hhm2E=
zNgXCvt^Gio&zvxp#7Z9Z)(lHXjubF*bC*fv`iErILCaOmD!n4r?{O62F%jBCTAft+
zujoxFtl%pR?S{%uL!*=OIU1~T$BPK{Oy*W`#UZFJpz0||{b>ndmn<CZcIG5;5{7N5
z%LeW)H_;Bhyze!x0j){Tp<O99+?t6jL2mAG69`*3O{%23>4FVKp_|zSe33YZ>%V72
zc|U0Rl~3ciKZ&pK$zw8-G9vz=6Z#!`Et3p|q6iAPJgk;R<Rex$87qy`6P8Uau_W8M
zdu5E~$-U&NUQ3j50|<j*yS~?FnZk3AvMmO^Pf4}RLzKRgZ$-veEq#Il(JalWz5`5N
zJoZJeeX&Bh>Kz6>rus9Fczyhhf4t)Q0Za{tl<|6aZRj)HzL6LStTT9n^gWGH=4(BA
zP8cVpY)blJEm2L-Bhe69fkizGN0(Ppy?>(dW5m>rPM%^aA`3WMVy|TAS;Ut7=nTJi
zf=cjNx1qWQ>=qp+tnguvE$5e5CvN+>>3dBi)jKMmNqRA}choB8?H$3O{ryP#08#BS
z^&!ow=fF&KMRqlQwEj)NkHYnurkVp^+~mjGYeQjbAPID4ZOt~>i#o}DV(0iOk4Y?>
z!`;5N9KQW7)6K)xK>Va_s!NQ1jZQCNN@S~8mJ~huyKp88Hkn_Uj;oQ~v@bGVElNer
zocxvcI!U1=1$VUpduD2K2D1loiI-sYiUE^UlQVAp%M9;s<qMcL8SCA?^>c2||D4Zn
zMKMg;at&iO+t?36I1*gscz`DJIEzg<1BaBSCt0Juz5uMXJewl%O0oO1+-NmH!{4OP
z+1_mb7>g-=cQm~gCMa>EO!YulE-QWd2?3$$nyPQyfT|!>D4i#qzzuH0=n)$)VK_-q
zUu~E|W{6-W@{Th}e-lJws$EziHM$VhP#$AoN5h_u;D?jGBK>pB6e&^C=~FIl<8&Ez
zhoQd0laRFHpq_5buEhFcNkzTjOaT9HZpCv-1>atxQr(S<n-e#g2(I}nqvhe#31XP|
z3c8Tiu4NlJ)#vd_^`w|yYU_5w()E_<&-PeXWkvm1O9yQOznJTZr0`M(pnK2HyIaZC
zgVxkBmS=CyN@ZAg_-RlkO(8|s_j&&{Z8+7#L?~7~iaF;;Lt!3Unvtqa$lNAOAgD5E
zy0uI$IEm)axyahiR0IooNl1t?6&#ur3Wxo=`l8s+81cpt^cATA!x!A98(npN0$gZ$
zHRW>FJb)k*dn|I7KXK>w>4nsoVIiu2znUvsq!6&C0`6|0G}$?*93j3Yop<X$F>l0V
zmdPlLV7Sr^TCD5k(hEh{jH?vt%T!l1Tq}}$OOUFb$fEV1=V(vWXbw$h@C|*Tn{TiS
z)Poqd*Om49h?okvM)KN~+?le-YUUv4+p%tC5fl_AhLY9*8-d!9I#6WYR6>79{?LK-
z<>dUQFbxYF&s>^SbGG0EMuE0798cV)T*fDHzCjib$=O}1MzPGrL^%9F{d4`MmG-&i
z77T?oul<y|KO+#yZmnYef`PN=IFSyD9MgjXLtiSl#-XK0xNhOLCO1SRs)G1mNbA21
zxC@nbMAC8RK%>-X$u59w&y>@5_cVCT$5Yab2&~neYjyHAU_Y7rmI3Q+U#Lb0h#6Ba
z2mn>aj#<8+NS8r$HerqBYAN}E<Au<0?XeOn(fvnF)Q}r&+Q?BIa;7=O$lE4Wg%fAp
z(!JJ7;OK%1PJ5&(-9*b8b!k-6Gt8N+@^ixrZN1Rvf-+zD8&^Mfb(l=%F<>U)fL0td
zzCOK>mHZi6LH5qQdMl#E>~?I?2tb1{c79-i%rsgqdndUVz_#2jy$eb7-ZG~QI~(hj
z-bHrsExhHm0_YQK5vHxAqP&Z_a7C|4^ibCgQznGVqH;#?IhmcHg?<BG-dAx(_e!_E
zAAV$D8)&WysV~BI2Z<lf!>bd|>@JQua3rfWaD^wCNNZ#QUUw14!l%<Nk^;3S&Mi$D
z`xHjECv**uiw3Ry9^28XJZf2yJHnHu@QM<!*O!mezFrNQ14Uv)<d#z?FN92&bXq5E
z;DxKnqBEaGTd+Vg(~g;@m*TUTiYl&NC(xFx!4}tK{SB>C#|7b#-_`*g`ytEn`~ha{
z`-qFO#!pHUSSQM;Gge&>UjSPI8w0ivX4ITh9$MCjI;(2R58{GtS&-I9>3#4$h}q+#
z2W#``W*!{ZvG^P3GzB`=)Padwcp|9(`1tqq9gj##n%Cpe@aGi|IqKJmc8D07NB>CE
z*zBu?Ye(KMhGcsNa|@0bGsOiD78EYdkyLu0P>js16!Wnac~I;3xkI3M7r%CIu2x_O
z{I=VwCYd2WB3GkK!<ilKUkIu*4T~DmfL&%ouFGGZ&zzw8f63P@e`2yykWwLHbc+;{
zqrEd%cw)?|v(n;9bWZ<@f|a`)z~;6H#x&?42o~ut`bR632$*<ZOQopo!L0n^{%#z=
z$3)<GRUCogbyp0hI{(XWZfZ2gy?Qd%@05>2mm?vT^~54ojFPN{I9VqXe64WcMVBzS
z@Zshl2{Ag`<w<WwRjoguxETiJP`OihJ=GTL$+!fhINHtmdkLi#U=Gla?hPpbW==RC
zf5j_(VwL7$UKKp;8o$wQH8kjHhAMl?Wbna*PGzL`q*s}NqgqYwz7i!)?9#m9b?+#O
zwgKP^UWe?OY{k}GU$g6HXu|N$0MRN2zQ8DlJt{zf(ML%+yN0dqNj5k=;+R<GuY8IA
zKyf6N-Wq8KdcQ!tw`FD)y1iVVw^e7s|Nq(W|2S~~6M-B~VP+||UjVQ$@*rQfikPiE
z3fV9{9dhEg3X)|_Nb8%ktBN>A*kBpdNfjuBDb9)ZPOjc|n+s=Eued%<oTBEfySAs<
zc#_8lqu+j~eD@aPSE5MxPeviWGe&-^%jU2?bAjCd&V%Fz%uyF&`UQaVnH4)91p&}T
z&k!yv&`*==T}-dj@W8d&f$c?uAjBml)D1@v_3O<sSFgAZca;!|o|Q_4kP}h?6e`T?
z&At6Ff+YFNWSI*s6sfcrVE2TSNNci~CnH4<g0Z-8a4S|-qf6~>u^H9%CdQX&2I}Gw
zA3lu4bm<WA+XkV)uy#4mvYZ-*U53IVfK$r)<9uF}ZQcg{S2in55p_L#YsVNpChop}
z)YWJ$bc&wZLY(g7_nz50aAa*`5;F{F{)$OHqYYL_)Y=J0Iu0VgA)N;|_X>QWFZu2I
z`M6zIp+aX2=t%Hss~XKodeYkJQeNp;TH%h0=vgvqy`AuiLB%sAtsA=!q74Gzz41c9
zfou#+(^pzqxSLpC!;%U=Rwy;V0wYjLKMhg<F#;`zrZ;MXa;MWXW)z=c-PAyb1h;bs
z_PdJVE{WCyp(`PcUiZxN+~k@fJfSO`LJ4-3F=knpu_MJuB1ais#Hs*=!_na-0I%Cq
zeZOguL2FtbTeE;GFQ6NT4pb$ujY)ZDbXHS#E5O-pzV}S|dVRznNJ;H5_+|(sTC-wP
zXF}=jvSMF#pA?4(8w{ty{sYRwfPVs<X18rdBs3{c^CcpABra{1nX8`f?~Bq@ZxPYl
z-Xs_ufbjl;<dPSwz1UM-7@+q?#O3HG40bv*pSegW=so#5xJQ*Z&j<_MZ0}h4BVrbB
z2w!qPx5)k<-<?6yWt|8?*5N%e_knvEWit*>RR;94SX%Awj<#^I_2!5vZ%#Fr^AnZ|
zhR^6tJsvdAdl-7!w}BHc8x;*#R?}RUBL{}5bhQ*x9u_52er`!U0KNE4KB*crMo3Q_
zlkOgITLxXsN6gCzXzBV6hzQJ?$4tEwW%Wi?Q7f+<Nb~diaG%pskLe&L1B6B87uBPn
z83IW6u|T#Qv4EoV`3|FyR{%TJx-VK%yac$vWzn7+h^_N?tr0<LgAp*DyJZU^p^nn=
z#rUVLnNKnYb$LNz-zFjf(Sp5kts{)J#h6RhI#w?n;XaldovC!iGNqT(<6zVlSLW)R
z6eP`2-jOx?ptyHw7$tYH2qtq!d#@rQ&wKB$1HpRVGOmM&;J8~7X&SQ$3{se3@d_1a
zh+p)?BIq9eBvgfK(Z{HMtIK}{Ad(YVISss%DA2&fZgcqYz2(8jn0t-&T3L9*#)enq
z-rOm?v8+azI;Wq(r0z?Q6~x7o2AjQY(PV$Xa2p4xVuYohHLC)hpI@9jJIc-iOg(HN
zWO7lbXJ)AGJ&r=25IZiV;UN?=EQzd1yfQ&TBp}2g5{XFQ6X#kzKd}`w3OcbsfQk?o
zti-k)K+=r-7Ed`}8j|cgDB`*wgkvKc)JMd9Sggdp<&;hZniB6qEo>Y{X(g&gCbKGI
zr1vzkZ1ZP9EaCu|CRmqgOn)2G?n<?np}Nwk6x-G{=cH9;#Z`garOYRL6`ot5na!C)
zxDZb{V<Ro5&iFwm=r$|-zMTY8=$(Q9=yJOAZ9OR+k9ru~r7~%zrc#oA^Wub_7%<qt
z&N6P>cw<;!CukT2bBjCofBVSSQb?H&8-<$#%^s-i&y@iY*rP^My^Y8>GJ=J*e2Rb(
z3z9G^)*G3ZZVN*xpMi*_ImBHXrCVWh+xf}Vo1%xT^qh1E0CY)^Nyuds&b|?!*!R5>
zeMF{0k|t%|$@jLYMov4Grsw0a!^4Ur=rFpdOXX?5%yyIQ>?5MrJG0I?giFlApS}kF
zo(%0hSoNF3Z<0J55CuB10KT9cS5&qYZlTEEK3x3>2}pbwzTEXF2L$&l>Wo)5Z$qxB
zbb7IgUg1RK7~xQ6|6ZEvI~TIXsyXxM><7l1Q^5azVj4$?Tl(^LW8Rz&hTt3g)hi>B
zwrBppSA>$BmwqL<y=rEy>jgq&`NPgmVTRUW%71TX?Q33Nvf}NPP{W)u*6EP_S&<oN
zqs)Lo9D%qD7as0Zhomy@C0&(Ydq9LK=C8Z?5_<91S>%|nVQXh-KI-2FS(9jMgi!vP
zX~E906`gvky}9^A87CJHG2p7L)m9#jIG~D;9Nek~1K{{9>1sxlX$($9sLAdw!kv$(
zF@T>*qSe?HrE7dGGujkX5Sw8mbW+pdB_N0OWsc;!ggpAhQID}Do(W>Pb(IvtD(@4o
zBQnVEvt*GmfiA??S1p{<`@bl&q)pvOtz<<8VA^T^IQZqx8N-K1_2t<GF{5uczhY<X
z)k;UR4*;&W);PY{(is@jslZ)tr?PMUQSAxm_=!TKbIjL)_TN7(Q6H4!c`K6Tfx%D)
z^ZyLRVh8DuYnIlD&s<Z5wNf7)<^xpAj~Z<09f@&E(APPeb>aN9jaWqQ5y(?be{?ch
z;D+@g`KSTSzjxWOtoyFpkol3m(>o)-c5Z^^j6IWV^C5ckY~xsNX)`rox0{V#s~}p<
z1n|VFUM37YbZJExe4_x$T@Om~jV<5?M5r7P$szyjx{mgNO3$@Aa+h86SX5b_?CFEw
z5RON{t>1+0KG;2;7qcR0aF>rgu{;I~;Pt}fLq>SbUogDqsIp?Duf^`#{H^N9-79<3
zOwzY7d~t)KEc*tc07NQ++o#-u0Gr4-+_|x!KS1d#=-S0mkn78EQg|8RX>y~I6z}#r
zEGHo*P{e6Oh1igwZdV{FC3aaod_Pe})@O%s=cibY86-6~rPqG=Idj>j<u+ib8VBix
z)1H<HWWeiMa1Zx45D5lU;AyAx-0Y>fa3@`IMh;s4%V$9C?{A5N7Co^Fcl4;d1c9|3
zkg3wOc2AbOL#GP5=ASB26YS}+7I+tuH8eWLvNO#$ha()zYguLyLfDu7uz@9Sq?WDx
z<oY!hD2Ih$@a}Ty3pprt`72#PQmV$47_2V+CM5n8D14);M?s!(#Z<70mk-Cs^I9<T
zVReGEgZx@FSXO3d@l0KG?+iZ01CU`6dq57d{pJXBCkkS^lol1-<@dTgdMwKzhq_JP
z;X~X7Lj(B+VIFUoN1|xh8oAx9+8g}Xd-s}k)gZehi^f=K^EPYp$<NE_n=7IobS*(}
z12br9cR;=Kq;`+Cvy(ZShvF`bX?NquUMngH=DsO*y~d1cL)FkQ(AdZgFp$Y{A2V_~
z6Pv$M#~ks`=<$EB8!=#x=Ko<S>{>ehjQtj+P2kvBU1d<ZVS%r~>yRq)MQ(bg{r`{`
z%%eaCKeLno{?AHO9Wc#&1K;E;_?5%1wR9+q9IHEy8s)nSh(w@n58YFSE2MdTV1EFb
z6!YHjXw19vr-}H;m`EmO-tK<sVIfc6>Iq7yaErotA0MGh#*1Bi+Q>%l3~>JBXp(oT
zj5_gP0^T|qrkoU&rjpc45>-lt8j5a6LDw|47cW49u*SlDRD}tqsAW{m1(*p>FecYt
z49rGzZLeT~$CG)uGBHW9{1Idh2Adh7(wWONTn7TyEdOTBp{qdtz`J=6?lm%P@r$pR
z)YgN8kiSJvWrX)|9F)ZU^RE?G|DSjM-rWV;%LBhoV9)sX)9m9g+v~Shz!5AkG$DF}
z5@qPmb5!*xX3||qo2s-1`Ii&66uMtMtR!2!n}>Yqm&9#lifVrwoqDCT`HD?|l8G<u
z+1d_*X;K;%_&okGFL^>xe@v<ZS0}%(>+#WaF)lx58YEOFXddf>eN0y!5mZ46VY7s$
zTpx5Qhb_EOsBB&sFd;SG{7t6rf8OallZ@HfvPHvnwQb8jEoM59p$MPFA3wGg<FMZ+
zk@_QXRCI#Y@Pcnh1C7&3$WkSm;%4dud~3{ugQTLqM4NahDx(9)5hP1np{%vpm**E<
z!98=mG}Pw<cP5d@Fh7edYtyeo3UQLB78sn@WnJ^xyZP@efQ0|{Skb7Z7FvPvD()$C
zfp@t5drdtuiHQ_#on&9R%m<HxOC=E|z6o@hqTzyr!7cHSaLd{9*-Z0*;UYCcJcfxb
zo<W1?XZ19R`4vsMa=O_bPFP`_KVWsaDwDQ-Rht>wlZ_g$!j&C`z~i}}_YZ)E%dR|{
zd}o5coU+X8(>sQ+XP^|?s0n})0ytU`$rArT96nGMOKv*DUToM@Yc|^6ixZt)3e2&A
zDfx6sos%OlK~3RPtA~q{4qI}f+)Wb42&10G1v>`d!|_(QPp5@^b3fPW&1Q%Q{{#bg
zTz~g5wEoI<{ywxK^Wdoa0wV4>vay-Otj80Xl#*6Ba?0<%D!uQ6HHk~xij_a%5{FFD
z$HgukkE*#i`ffEenpB4INh}5>f*y(W#?fg&@QJY*cI<HAnCN<d5F`*4+x|b2cp08B
zoF#?oMJB5ARfV1mJY4J5HXq}9>fJjSAV8UZ#?8xrO+9e=Ou?UGHA<vV&Yzw>g4;o2
z<O1sB@GJ}1OXaXM4HDp;x<;}M`E}oUupMZ#+px;`{jq1et6Rl%B_$uf9R>lyI54}8
z%AvFPu3V=vmNXn4$Aa=`<~f5=P>Ii2EdBebp%e5~iC_5zT)*&9_#5!Ex#y2{%m{2v
zNtmroX~%=#*ssiLFaMmVF3E(F`&+BR%>}0m;rA*CKddpOoH@N%bo;Y=0LEJBks%X1
z^cFz0kV<|h3lNTw{Hx{U1;R4#U==>?3aDkO_6EZ)^pJxJLc80Tp=o;~S2PjCMxxi)
zI$H^;T%a!!8sL2<edFIqv>!V{5G+rK_p)P>&mxG-h54TuF#I0`V76CyxZ#?<Kk?5U
zv)cvs!5CJIJ{@BVEkzVG_PB@mk@C{Z-vA@E<~F^-_5$N>c3tOW9hMF_UZF8e9dSKH
zxdp-wSbz-?`5`97j93W5?=KtLXfO`DaY1Z%Rk{#`Asl*nM2gr6P*Trqjl&QzL3x5q
zamxgs&ojDVSz8l?AYxI-N&{^Ze>pZmUKpg<mKjmWIk%`2|G+xe*k2bjiP-Q?0_gSu
zXA`YtTZT5n=|E_U7N2@bEwkCNQ3&*}R;Gr&{PC&Ero-U+Cpn*yQ2acNlSNKKN|Ze6
z+x&|EofJLiJw5Na@iaV6!KOQ(;TBMu0C*31<d{+aBs!imyCDGN^L&>2NE^ge&CjL0
zO|LUB6f<dHmv9q(%3rKjaR%;B$c8z0K3*3=7H7XnjAWGMYuhsV!%q#7y+fNz#peS@
zG$xoCWQtJ2q1osogjXJ5romY3^wi8@7I9pMJ(7{2;Q^)j1EYS6dvpcT_#r<5LO6O(
zLdI7E&?5I<`Bx3SVEc8d2B-?_AfR&Yc)qZEG(=v=Sz?&;{LH&Z>C~YqBIoIbIw~7W
zeCBlvS@yOPEmcH81@022C0e7zIOsw@!FoUwM&<35aWV28bbgYhT4=GFnHz6Q&L`><
zqZ$fDZH_CDm|}Dn<w-9sa?cIqX-mzU*NQzEilHYeqjfliUyd6rDFzk9Qy9&llawYK
z{Fl3q;ZB3;T06Z)@Quxim!{S7N;(d41AkmgTTxI$0FkAc7NQ5&3DIZ0PV+Q~4KteP
znvv1ZT``|$ZhQ%i;4kS&oJckh`fykBksSY9L&r6)-(%4^-5$q|ynZFs352wNTizrp
zv-gObE|1C*lA<2Fz$*2V3E#eMdhauje%=WtK4MPi`)PB)pb!T=vpG^vywYc)9TQ)6
z<jK285)mddSpb_fd%GGroXYTd`^gMb_SE9ZkvA$YLM)n82ZdbBbtT>fp@=b`CM^OT
z5!o!8ymqa3o`L38kRX+`MH+DvZA0dEFG7*!#L=P0m!#0NJ|9J<??IfJH`l(VOci?M
zh<_Dm!`P%jR5$DvaqLx}@wL8c+i5iVq${iqu@;IjeR`!hB+-oP??gk5Usbq*g11YP
z=7W2YX#qv@DV*mr+o{7JYSE%Ro^F{oDd382Ft;**u#gJkUJQME`u(>t?yseMUU)0p
z4Ph9jCUY;F3<l%`Fa6mnz(G|g@J0?~7pqDcsFIVU7WOwCLOA{9XT)}b>qBR~azh^D
zzRmgxEYs`9LkK$6Q9gmNee=kxBcG%8?750T(AVq^iTC@s9gv3PXj4f2I=7}6Mx8aS
zv~z5OojoD$W<d+n)o8a2<!o*Ja%Ye+cR>kp#s*aeK|C9{>p35}1=Wt@K2dq(_rr_V
zGDwedoMlBq@@Vt;@$?Hl$3(8^#}lFSzia(W&SZ21o80S*reE!YXi`X}$fLFiyW@&)
zZu*Y#KT|l6K%=mYV>l)2+@QJ^)3w}x<ps-a6I=Fi--zmt?&-{*?(q0_L(BM0TSPrP
z6h~k{9v(7#XtVgTDhO$H?ZS2q_o!f+Udii()Eh|k_%2Dtw)iGyfI$JZoms{nct-eg
zlU<!wod`G`fZ_@QzHynv5+MxU^8dO~_~_}&sMht&q<(by1o~jki2yWc7M}RQP0h|j
zTG@?1`YawoRi__PGOYn3^1S|0hyZlU6*rV%e9caG|87d1J2reJ{-!S$8#iU43Zo<T
zGZ}AW^0z6X=3i8SsV}DEL8<Y~x}^4Z&zo3r^y`PmfUfJ(b}8wwtW~r=g!;l)SJaR0
zWtg<gdE$Wpj~S<VJM1%uQsJtaAxEsEX0}zh{|T6x-&W@epVfc6N)E60BIdw)$GFPk
zBN$%qQ7C=Nu7lJ4_-8Z(XGWM5<wF_J7IZm+QAWU!Q4fLuwkwCTxn$#^TNghUa#l0z
znMtxk<@UFeO}ZOk%y>?)@sz$%9~`FT)_O4xh^vmgWAF-(GHNnT3*2=vrX6H>m#R<s
z;pCytFp2=L36$E}TCn3~3g5dc4h4z>4GnW0U)F?nl^Azx1y}I0;HqYcFQxFZ1W-W0
zSt_!I;<87y{X{gWci65M=U;lcezLUIG9mA>JF%t?ahf57oWH=0)^Q+8Hs62%^<((4
z7Ni(g3U{!fiG`NKbk0pO7PP=56}ci|OJwEwW_m@$Vwe_d^X>DZP-ZWrkUtr2f>Wgx
zQug!v1<)w%U22THFueP8h*8YwUx*Oju-*r<pScVJ>Sm{t&WJd%<cWbD#_@==t~BkT
zSTU}`34<;)9L)$#>*MJ96)TDL!m4=nXzG#|ZJWH9AaH518G||=n$)!9Uo?rl$*lnk
z1jp6%Ane?MTe}VvJ)aa)j6f)M=-p9AudDJbt1{Je*hCggZ4KXYRf1sw2QUrV{f@xp
zNkFCL#>X7&^mvu~6pk!4c74J9D7<2W7oGKY-0t&DUjkWB1u$Q02QL7{IJ#=LfaGBE
zn+oSf3~_aD9YRG>oXT6WP0OiG5=25PzeRHeNb=b-LRZ)gu56Onj)J$DRL_i8J+O+!
zVTlc=IHrA+F=1&@XhPiyldJ<*4wBzwDDCH!ybckg2*v6tcDT3GHF>290Ai`4tm!h7
zsF{;m@dSM&{J-QNN7N{2)&ofAp-%Xp`U++6><?6I7;ZBLD(@QQh^sF#hXMWNLXDe&
zA<vKE-leN@`w(+oT@Icm0H%n;*U8R$n*LK0Tv(DlK+=fh$h3k%`3+xaY^IW#20IH8
z&)1p}9Fa!bnx%@U7JUh?B`i#r00OTWL(Mxvl`AlyCgB2~=*KY!`-Ei1TrW4aUKE#X
zEQcwXl0MONZO?~&jX6BG7p1<mCG^XnhU%-+l)@8Sx6DbHEr{hy2;_wS(=f>i<oF09
zQuF;IyKy=19`&{0=nDwgn^7gx7U2dr;zMjF9#v7-4BF7ycv-L6Q8hC^_cZWPw8cJ}
zfjG+`p-ijw*Z^=eO7j9N9!kf=XHn(;Ypwvu0dum2{*mY~F{XZi%)P|D^zZsW@jt5w
z$RS$mn=?okwrn;ISO8#N|8pa1z?@tmu3rG~8w$$3I(pLFXU0t#q>N~*Z`x_pFl1Ey
zQqNcxbi^3HbqO!+|4xI)5XcDn*UItztQ5-uraVgV)t?F*^J9CwxZcu`fpl{XDFK@9
zq1<H;!{+#kn^J}%nax~DMD{?6TP4@`Fn0f@2!M4LHBr{nV6XL2U&f}y*n@6)^j*7q
zx-x%MQ1!0k=!1NKlAJr$<>p`V)h*o6$sqxhDVn|qVsJQ12AO=V=v;i0AxrGqpk}s_
z`yq|>5CxR~M21uxvv3Rh-PkBtxNsG$32l85V}#BH$wU|!V9}R}xtSLSJ$U~Ru6%^4
zwW%O?&0i_<DltMeGSd}*Z3HQaLA0fcnxarO37q49z%<r+703GU6VM1NTfC7R_??3{
z(7&|A;&;<&4Pg1n86W^C=?!)6R&_gRL>&-`Ub4$0fYZQuIih*%7(XB@1NK7Ca#@7Y
z=PIyt(NZ?ixCTww^E@-6@{_+;NR{lQs)v4ie3WEvlX=ib)!mzC_C|Nk2Z#s%UZ?(h
zXd`c(WlY@Bmx3Y#c&!~Dtj0nknVqHHiL%ii-j9BeS$bQ)fwR8rCll=#>M2tf4Hz<D
z-;NR+1tzK}NV@Q-(?MKM;xB-v)uvmLoyv`CPitK7$Q<HI;J!t?0pLu3D!>~10H8eR
zRw|h9E>L(v)MDmRXu_5=Es|`nRfD7%vtCFF8Y!4Q_G#2QSN;+<7j*0>EDGCW&li)`
z#(Wf5S0~_Twws6Ii3>x5c;K>>ztWI?p~}si&W%-w#Jc8N5>KXG5eAb>tCRL&&y<%1
zIXo)ZKEfBA7om>|fr<mmQLJBsWO<`Un`274#{oXp*e{Bx4vU5^z(0yb=r`-39h3+6
zw=VEJCGs4l4cF6WZNuy@T!Sd+wy6Pbvhd!uq###^x*}mm()cavAeJb?(zyPrTU2sU
zoy=c>J>kJqrpMnF4NfVBO{!ItvL2-3<M<0!NC&d#PxvfklHg#cw`U}u(d_2ia_Xeh
zkpVzQ13N|&ZaAgAew_Wf)?4F^hJaz5$Mt7Zs-faV@d7lwa=tV-T^;g&01WmF6L-G1
zwWh_|T01A3(*3fACju+UvFc?n1T5proQ50itt-;{)&*mRQ2B?t)K>vHYkeUvrn+10
zOzM``j%(@D5;jV!y5z|{c7yD2G|y87bJSG{fwt7Krspgw3WbS^sRrTq6ku-MDF(+H
zTvpsdvV4Ubp1f(70r>pR+;C`9L9{Pc8Y1_nH2D^#L-aEkMH<4Bd?v|shHm*|hK-39
zth<19je^znuRG8~p(}ZYJ_=x|u)~22SJa%(erEuwBy=&-6J+tAbub)cAz*u~ciylu
zd*Xaio~++e82n`QqKMcc>S*&o<^J${oYF`vyl&IYt^{lYAUJHt-iFS(DSZUmcTu)H
ze+y1*;_*cAON&wqM7loo!6aKSPJhwB0-!+Jrk$7C6m03<AONPC0whTJr^M9miQ&tF
z+GjA7YgBh#Rc}^)gD#tJyVu#t$Z_}P9O<sPx6B?7D@_L{;SZx3czNzSh{-y;((hyI
ztBy)gz)r+MxuU**WV@ihoUpr+bG9jY=N}Zivw^bZNj6!rDPggLkn#s5;;Y|;Z*=<o
z9ZA;q>)$Zqrfps_0Nt`&evNwIe1GNL+TQ*h|5@CXsMXkI2llPasg|@6^r8?eai)Fe
zb}%Dl<&w=|OwHxK0XVam>8)(=A`9q2H!m*_pi+_7?5c&?z^R3hjp}g=RO95zgT4Lh
z(tnezaC&qb_aMbWq$dwG9;FvQ$LP>+O<bkI`t)F&_?+LRJkKDis5V#@tQv5$eYWW{
zy;Mh*Vd%W*S^TC}af;~W$Z#{Tl!Q;qUnGuG6U%~z7*EejO5bTM9$_$%)$X`vGKAVj
z&Aj0@dKgqkSkbV7BrDB^D%lBTW5yr>XY`Z?sn#+*``v^0F}yK6(-n-_=ilB>$sY@0
zwhd}uP<@+ZzGcTJqBSLs4vnr5OF$tb95>21U|8xTl9MAPg+=z`;^|BB)BS-iWpnNH
z>QMDn9|Cm>Y7qDG{vESy=13?8MNILOP$9rg6FJu%C?sEzxM0GNcz|qnX7j!)5Qh)n
zSt8WtzlgJI%p(|5_3z7H;!EzS<5L0+roP(;tlztrj;S+I8jp#qjf8T!ydpT?2P+f!
zbJKC-Rsqb{K#6?<YdyPZJigqO^JSb`ZyBGVLI(+yQ0_}TF(@Fcr7v<TRUMXVM<}`9
zsE9UPtA%JA*1z#u9JSI{Wba65&vS53nS!-YIF3WM8k9qk_-7EN>;c9pLV1`fJ?Ay`
z*Z~9$lX-LtU(7joQtA9v0kc~=elgDf+>jlh^{j}Xm5I33!*S)F?)b)y7jrNkv!X`&
z{TWgLG@Or{Hie0;Sf^ZNDcPU!V624QEmF)CBS7=4Ayf#&a)!Wq#9e=gM#U<hMqglY
z;5Q;9{W=gMjl`x<^R)k<o|n#7yYb$nOwk)&hHUIsyysGFZCFVQw^X<0`4fEO7z^E`
z{ysp{)m_#TFo$;0&d|pK3EBJcdkw2qflwQ6cjqH0$|JlO2i!6b!k1xy>ImE4mo8n*
zR=1KP31*%PS+11Nvdp~V=X=ipP`BFfG^dvLW2#R?5#$V3GP<YBj@*`$d7%ZP!#Z+Z
zkfn21q)S~reVXl5+_~8D59EUm$gIQHBciW^K_Hqzo?DxYd^v$oG`E{g<x&Wo3iiP_
zCmQ|GfO`^8y!mksQ}viCKGv{ojZNV$WHr_bRC1z3+F=`=$BdrTT7bB|TnDlrd>S9h
z-HiQkmIRJXtj#I`kl79Ph<fLERa=M_%|W#qTK9p9WXG`eFfZz)z*-5bEKDGAP5@3E
z)lHUeM^RknW8Fe%s^^japjArxOk64s9%27=CB_))<_770D(>aFj`8#=-SJljcD7_>
zbtz3K0p74S6Er-Bhwwd8m$eY8W=J7e{Zto<nUJ0+09_)&5v#Vqr;fNxc2vJLhct^7
zMvKhP#5Ib!ieH)vJI<f>Kirgqk=*I1On=uS++G|mm{a7Vk8`nymnB}QO00EX#WGg!
zOkVWQd`7lMdxi+pui#QTaZ&Y}BnP7lwb9O(gXFC5xB(FHBCWcP(Tkh4$q2Wz2%HrR
z_)}!K5!NlxmgaRdy!An?NXEKm5rKn)F_%`pw(wbYYrEhwm8uMFu9olY`O^`KNUP@t
z8y^Qr$&-sE@28`zZrM>7;hspV=JN*SE_4TMK*KbW|7ZnOz)bS;LgwwLcP4kHP}I%&
zmxC0ZB=wlMY9+CxlIqp<%Jqf_S(cRltIJVfSoeOzPy)H+A-Cwp0Rm8Jvzb8&xyto#
zG`7{PGEjuNt^CGat|z{98;TP8PBklmWV#r&R&}x?@PvI7cIb~4I`>uK!Hdp|CTDae
z>AjNfw99x4SMtpJ3AQ3pkT&Oh`Z5g&OpLFl5S7wjn<u0vKx=F+;@jhQh<`&%4%q3N
zEQ{4NW>N#t!5c%@XcItMj$R00!)gV(;WgK^1$QSt*izBsyXm61&7nLQFJIEu`E||&
zfC`iGOE7&?tpQ68W-~VVPXhyk<;?-}Hg~~^zYA>}7ggPW0uRc3t?eRQElxNh9X@td
zWVSP!s03<zA06b;FRQv*I#Owug-Qf0TgAGAt<JINUaiy?(D4Lmr*&7!L^FfOP#eAf
zkE?g!&MfM(g`e2AZQFJ#wr$(0*mf$mZQHi3ik(z+)8Fm4zj6B??6dY6V`8s0*Tp3t
zg-jAFn+A7*2yV-H3;Sj%h{0_ogFT0CAAOXEhCzbcs}W?^aA_7u!YM(8p%1rf+}jq{
z^Ub@zi-vg_RH|k$%pB&cYZ_ED^AJ#xIwyBzMKaX<Jt{r2-Sdo2+f(_q$lhXnk{QhF
zbof&Jd`8n+aO$f?2b*~n?U8TciX%R^CJ#?N!kE5wL+0>!=NVc>ic+S1<q%zIzm`s6
zMemCO>RiGKPn&N_*a$DK*&mU~{);`YdtZ1K=r2Z+G%?Ta%BQ0-^c6Ag&Bq>VX!>=b
zPS$&bF|^&F3<v`+YPvWbjdFqL?!92uIHZ2rfnP=0H_+J3kaJPzKqf+0rou^)+!4i#
zc;q}~eL6nxw`LYu2;RL3;+X|EA7nSt*(|p*;I4&(Tp+cCX8yglUc5DZ+-GP{6)3aJ
z)aXdM#yKiEzfjJvi1u^2G2YY>5CtL8lKR6w*C6C-u+na1{S~I=csSgRe8Jga*JQRv
zHN4j>70ZthiA`<LCa^+jBDjUm?MXn1#0ezJIDnGRNQ=OQ2^m&z?k$fI{HQiaj3B99
z3?ejccmn!BDE?SxCC>g?&uEx@vs!P~+IDd;+Z^_N>4i`qD+n4+fY}+Z_&VE&kQdI$
z#b#uR3A|iaixiCG6!v9XBN*4b2H(BR1+M*M^8Agfd(}J8tTxtn!|SAYc<Mg?JaKn=
zX)C*1Tq{|HdoC0H3duF6c~?rp%!n@k(4PAwoFh$dEIX`X;kN@mkO5;f>J5)X-bT`u
zX~rc#ebLn1c1y<*B(#PQzgqk%8zoT%z=s%o{}X?EMta&Rm^uy<iGY6IhrWIsR?(Y8
z7ZtaOZ$!5{iBrsvyq@}9*rZKy*Nj@+TJ{%Y+Q20`_kjmis?vs-5(<U65e7uukVFpY
z-FpYdHLoqqbnznJmolu3m;;w1PG)`?Ins(KKfGtKI%r@w>O;QT{a+MAi9X!L&s1lx
zrGN0)=8+4^ScgP3V)UOEXRbW)L%({&HjPWlNGgkD9YuH{<_-!^e&vLhk+AvPxxy3}
zY|%0&Q5j9<*nIRI&8)BHJ>E*5D=1h~9Z1u!4Dpj0;c-<}7hNdXZQVH)+QXr@Bh(U5
z&o`zOl-_)zqsoh%=c)JH^nX1&ice~0+a;HM1F4a=r+LlR_}2wuUe~C*q>|(*y)O04
zGz5@z@nx~o`jppVpkrbt`R&z86brcJ;(j2Y;rw5w0o?0XYSlv8@YEF)(-BRM_sI_q
zpd!DoB7A3yqPER=1?uMEwB@Ej{}nD)tKO78_^V!2MNfBM(sJ&~#+y7hT0Ro;tHBnm
zaV)&G&Hs(v<@ojmCmz7a-*XyaG&EUz4=rHGA7DLe$w5m)!+xm7CPuqY-N5gLC9d5@
zfkv>^tQyuL_93C)a$(mUqNz$ovTfhk-gMY;IL&ZQFGD}|w-ujedC_`cKDqbQ9R&fe
zYVJ*UZ%I940XL+EVSS<!)D+_D9L67Z{y3ZDe$JZ>_>V#c7z*VSh@sIUeFK20sdc5N
z9uz1I$5=6*TB{4$1e8}$1!$<KWRcYk%}$;*El!mBT&G&9QfbWY1lUSYy{dJAz=|~>
z?@$ReU(Z3vA&H|N@XBW;ZAI({56E@cB7{W*1^WM&kQV^T=@<PkV*yL1M}7%7A}pKL
z7j5;%U)vxH*>F*&My1c{==*xgQjE#q2K3tB?5ZkC9o_Hp{5zCN@fH{u{C`d^29z@>
ziuerx`5q@Dtd9iU0r1h>6~wczRKW~Yj!It=J`?a4N3?ZTt}jZ_XKe0DSI3sTNJ+{Q
zV)=pOYQLv>^ZuUe`~Cl(4mv_8bL_`3kpJ2!(E!RjJwuJ*sDV(M-bWkA<9XRuau0iJ
zm#2-XeI!|+Kouf)Q?iUGs~u!z08sm?Bfs{84u@^3gBh?E<?!)sViX?`>v#*zX^Dy5
z+w;`3c=Icz*Gs#F#0Zm&Zyj!))rbBX@c&d%T@*m76xT@51aP`k2$Je+_i_AY;Qn|M
zJ;)0&6A*Q)J&^M^)3)74$=t&^uf7KYxJzNq<?rD0)bAVJiNSk0Q~B&`Hi|+`+4SP{
zbQedJOyXdb{7RXIm`Zbe+|25mZ2)wIpJ7EhXVzWGp#MlfwE(_zg^{7iU|oeRt0e93
zs_$PqigiOG2+*{_!9nLVIMuZ<{r~{YOzN_c#1(gW9WsHl!z!cRp1!ezP8EZ)e(y!~
zO1SdyQPK<ZJxnpJdXRcUC_;?j{O;Vvm#n(-_V)!!sC*LLtUmD}qdw#=H}Q+s%hE&;
z>8AQpWw~1-xSg9ElwO~r3B+^W!vzeghnuP~v%0_c&^jyG)Y#ky0Qqm>1qbSIqOU0~
z9c=4C(@E^kKkf^f-FnJVP9%=MgennQceZl8)<u&X^ztp(^gIxpa1kFWy#897OXHPd
zWG<LQ_olJaL`7R0K>y6DIz92g^qFq64N?{H%T}$Qu)Qo*vUIUNnDVS&Gdy<oYP?G*
zzo1>-bS2Mg_&$S~NY`&BC(AWhGiKh@+<B5|2@N+%Zvzah2(qG)yUJ-;C73yvtHCfd
z{XV`p5nID|@D5sKhu5*A(TRJ)<HaRUy>w-!MNcz*^QAC3N`Uk7FNY0CESD4`$HN~v
z0zqT7w*X{siINK+ULP~4rM8mTL~iO?qr*w__VeOE4P)nu64uO!T7#LeEkQe-n=`Ev
zoJujJe~0sEY*b^4Uhj-re^3pJZC}~KfBf8fXp;l{D0o(wrusQS4tJ09<_H2JIJK>V
zj*U>_!DxB+Ggs+49iGS$8bfwREp~=#;CG;~%je;?bHeM<36xrr&m>_)CRyI6%njgT
z17;t&e6r;Ura2R-s)u*aS62OHSQk-}w<lN4!m8>1sTg1T4ZNVt`tH<sMn4G?oXrjJ
z9!ty+C>{m-!X=O9Txu5V$2N?XesN<xhZpvGRZvHVZu8QR;HmEjJVc?`b3nZ?^!21k
z%{Mp2x$ni2jX(ZTX6MZQn;>z0MbiK~4|F5KyNh)Kms~!$RRP!)mR8Z)q5RtcI`;U+
zowtaipUkJAeuji@0AKbiO7yoD_`B9D`x?|Kfuk*~J5&J{J+0;~BlLJ${t@ZbfWHfc
z$0qT?M$2I-G~Xyp!_mT3VArL?*XFVmK%6#r=c+VhQYaOO<ciyK^0*oyhLH#VC&2Iu
z)|Q)qM8yddRX(daShjU)#%)R2dFPyXf=e9huJ+`(4BjPhyal@30g&THJ+L-VRJ$Nr
z{BHpdr*Cvi|BvC4V^a`}?whhpHJc%^9(yA{R6FRdzP7G-Z9Qw?VkV$!xXTfV2j097
zDIzI(9?NE*#Y$XxXCY(auG4wp3E~?_Br2#32cjPje2o^1-achWQ{UA$8(%-kqZN-e
zz#i$^wO5VsCylF6`JpUDl*EiB47k5q@`B@q({Saaf*Uql#UZm<W8lJW--ULhRc{{j
zYGq?Y;?dw}9_LX;aLJz{;Tw)F0n}tzUxoj#mZlpXQ`RrzEf=jmY}KI3AP^IN19$JR
zfHU=yBWsz57!M|8#-wpWLpsct3Q|K-!M%Y{VMQjfG})5VkK_#_xulcEK=0j6>{)-h
zu9c(7zl9PtC>`kFRz9(_I3q-^=gs@!%QE-UGVhWbIy%gs8ah+Dok+v?zAdN@-fO$%
z7spbbjuJGy@cJ`B#QyaT=epMRnUicxETJFipiZ>DmpK6VTDBTxv<0HE4INs);|Cjj
z!St8v$PJcv9W8nTIRzP`KjN1|*2=-0#_YXcRYZIxkUdIz*Pp=Pl0WUZ3we;hL6^=K
zBL&kg^<8p>0sKC=9Olh1;VB#$9FTNpkE>X#<8)E_?449I`L39aK}bsD!WtMP>k1gM
z;j6KqOr&}V5T4F~R%+oy43GDaFm2excUfOAho%QM*yz+^p<9Mt6Vo+H25=mlsraqK
z&$*O_QY1nw&(qVCs!pc2!^t8!g|y*$E)9)`Uc8w7YZgWNpqFHtX`Yc-H2B)h3L78f
z%cNwzg)(d|w_C^Jj>4i)T865qJ7zw4Wo7)wTUaz4BqEfXjuCVoXqT$FjkUPy^s_6c
zchD#E#urnHCb}x5K3f5iERX-%tFuie9(^RsZ@Q?_)<OfAddz(;Lm`?L9)?L3;(it0
zpo_}sj$^A)F_>O5(`)A}3$O!k0q8buSbi4{FS6}BVdv_EkpeveBL-7Z=c3jli1!Y3
zFhnqE*L6sBRd4ZjnPq{}UCwB6DOx}dKS-D`_9Z0CS8ygDkT`82Ol1bs_6aT~hPZ3-
zvr{e_gL&N?#e+Xf-LH?EA^1@mLWN;GSV9Id3(m+-waqqvw5Oxnv-6QkSmGN=le#Fb
z!$xkqi3M;kaE<{Tt{9GqW^U+bNo%LPi?ZfZzu&n21@hrpR*8{ty7%us6+tm*9>kK>
z|7-C1Ej$YhWYv;8{nayS1X~J=UmKo-4xQ-WmdV;bGDiC?sesi!I~WcthUKOAV9JRT
zY5u$EVK8TdZ2jh&yZrO?m5(8lQFSg#=zZb**p&Wr@oPx4;SBp&Ig3|lbNn6A$qYPR
zaQqFUM$C;@9_2KQ4aX*{ZCDxUtXvNo<uM1~_D*vfut5-Ar!aZBoNlkc{?FcT?4k2H
zZyO1ByT+!UB%;BBFJQ~l23K4;+9_v)RIQA53p*S7b}MaN4+z@pXdjh?YdV-vDxaj@
zt(7XF&H-!`9aue}osEIr#8i%MbaBnVBIuh9#WY*jcEckD8sR~1?AM|6;m63RH9Y;U
z2$DfuHm2*U62(l<ODVZ<ea{HH@D4djjZs?U`2I8n6;+}?B7IJvdM4zKp+Z`JJ_s+v
zIZ08T<VWS;EW2FgDf(@O&b>tDZtW;iqKVr{Yrn-*ii4*6pKsT)+_eTgqD+8z)(4s>
zl+AGSr*6b~WGlR<IBk^1@8nfnZN;D|0M_oDBk`RKl=Xqrhgrfw<)b+~l6mCQVG~*<
zVI~AG8+(6X0_@^CrKz|@)eMkEu+(8}>FjI%O1iaSmRKh~^=5)^dZOd&+)A|X>8<du
z{je~err~xecA?+3#Z9B6oBO?3S{F~tBQ);|7wdU)qa5%W`#wWCOtU0?3WlqX=e*W6
zDE<#GL20f@agCF;p)$yFnoD||U~FfC*t5VNvwDN3v0@w$Rqfd~bo*8DE6+q3p}bRw
z+n>jl-0Q7M+>YQQiO~F^ddO|T^gYtoYC~7&o>+sMn<xb`nw-U}P}Ml%h(YGO1W74k
z*`aa?!yb}V`3_igc^4#!Plq>OZHnEnZkiw|)>qv8!q7@k>+(q4G(yUrjEtbXOcZqJ
zbz9b`rNYk`BhD9RK$z69Br*y{KvD<hCYMyrYn89dcBeb6huHyK)~xK%?M?=>VrBO|
z{n6P1o}$hW=LYZpO-um*pfsVJlOKkT{0#ttO)#7%kMdLj*>SUwJY#G(6aZ-5`X6nV
zjDU~o<j>+QEVrx=)a<r+(WL2G8xd7@Y;0={=Uc9wwIh{yMX-1B_$&Vm+a$d?$>Q0B
zVSEGcO0ef)P@&|<Q=PB$IKQ9CJ;;|K3i2~-d>BO%poc+214j(S2?s2GN!n7d1#TQ1
zG1GvEgWj09ts_{v#FwAE)96{fvO1a_`2UzV28c+C3-)i1Lmq~kA_do&h;;8@m+$I6
zY6j$@9we^(0<y~jwc4ZV*U7y<v-}k#MyEXiCC$R}41CFquexH|{qHhFCPC@**Ew1R
z%`seg8vtAIdcS6Bs?C`i!gBt_eG@6u3Cb>URNI2x?Vh!oN0msGq3-UNln5D};1#>t
zpk7`r*xPB&S;oIiUl7lKKVJx1!FM*kBOt_HlF(6uj#NSSG{n7?U0NSr4&!1^u~8N(
zu&~-(sKxeU+GgLD<z{~dE`OQS^7k9&o(XDoOS3i&1bGanB*}eJFu66Ynk+6HVf4Ft
zJ)=4Bd8>&1FI@u!4U`Ke`d>1NN^AE3B~RpqkmMWMT@{q;VUYJLILjW{BItS?333_v
z*0GdeR6|9<sz4X9+HB6nw+GpcfIJ)D9iH6(q{@)*_qrvHqEWXw55W}hndQk4vz7C9
zJT#?O5Bu+w$2{F4FwgWm2|}F38Z(Mg!oJAcK)_<kxt)of_!5oeXW=Edm<d9Dt9aao
z@Skxm)`P(zz4LN5+Sm;B2iys)E%$a<`fYPx<q@#wbESDmdoOUD<GA=Q2H@1BQl`o8
zRgbtB0{-4`e*7j5;?BL@(9?&N{*F!b9Y@$b^@jwYlDDHl7KE@;NA*z<g69a1<n--w
zUu!h7y7;|60F>Uspd@+#Nauef8juT6F2sM;1ZZ%`7nPv#8hfoa=mYBB0Nz1hWZl!q
zwLMs-1WOK7hGF_fl|M^hK^B${yWGJ3!)R(1Be(cY1P>mJ+lwzm@4M7=W{O=YCIetH
zUcv2L0h2T@4AZ)UHNX-Nud%heeOHGhQEg*Hc;3?01>QhTP)ZXv+w20<oRx`WLY;}#
zI&kU5>0|M4XaX4rD&&GeZNR+Xr`8+JTod^!J&Zy&&ByonyV;c>Y8$63;7D_!6hIyh
zGL7Dc;v422gYN~~sEmSk{wYhBUl1r^)yM%2V|Yz|Kn^PWXE6v(Ml|_wCPdWj^^~ho
zmDKZT(P~x3abd9%({qYKx_zgMgmZBnmk<f6n@Ln1gXOjn4}I{MvEirz8j;ia<DR{%
z>2)aUL3tE{%%mqFfpv0@Q04RIW%LT1HI{Mb)5G*9MAsbBEMUt{-G`0x?}cazGa&3x
z`cbfXk;l0qWBiHMAtBK%=iVbTajU$z2ugMkxc{j>9Jo*x%>QWFoV}tofzB+!t=yIP
zUB5vC$zI%o90cPc6b11q#8bw?IVh8;7Rsi!Lt1KkUzSt#xu}9)*ya-}J!=S9WJ)YJ
zS-X@Cc#KB?c81MK-fmbaChCt#*SWR57Oj0#&zX`<nr5x^=>E+GlEe9i<BokNfms%Z
zS9A9iLc}HoxK3??ZAwD$=t>A<GtG%uLl<P4V2K@sc-(=W$PC>zY5_(uFa=CXBZa4Y
zJl@Q&72x;Lr1-(;=^}6TT;ZgaL3#6S$aIHx{vw2LW#-N;Srf@Tq4ivF_!EM6DvfT@
ze>>z*6BAolEFe$e(JNKKbBsOyHs96u?XdV7#+F?%P^^8rZZquS-9on(@fx6a*m35W
z*Oe8}HiaHM4pA4x`)CHuL_h{`esr^wKXMR)L7p##%z3vVcxKITHGt#YGJ0OK{KN2a
zVzAM}H{mnl&B`<V*1#24KCGgRE>2aE&955KU0v>CpoOgL{r!THC997-;06#7@!W&i
zrtA<EsiD;rqI#?|+P<ZKgVU6XB}2@GATiO0z<M(9XX632ILsilrf98;CrP5i(2L2)
zx&QW+9vXwy*-Mbm-2h%TmfEput^r(|@YSvy0|m@NYM{=EpEH$`Py5mQkhemJ9}#&A
z7N2#oNcXqm<3@wbbfDU;greSu^gQ84ROcNc&pYha5)$N)OOSNt%o`M8KfaZ44ByoV
z<F8V$L{NE(8ztT9W;CCa*u}J~X5?s#?b8k;Ag^z#D1JE0O-1<r{o4Ks04Oj@zcW-!
zYXr~y36$g~&i*dhWa+38ilage%z+=txLE5(+V4$<U|44uy4}Iu9lmh^jlpN$ZiKdZ
zN*f`G<s0lCt!GIXoXREzc*0UfLx;?RtlVO^5}%?z-}%vg^N@q^+q0vp=QroywTgF%
zU4;d!McHcP$U8I)zg4;n@|+l>x=s4?D1I`LY{Tc`EYkDBJS0iE_FPVGc}et}WaSY>
z4x2-=kVY1vF6tm>ss)HL8RE<z8F=$z2XS!9&>8CnC%vzhF?dNo?DzV(are7B`dCnH
z0;};%_HC}0FyYQyc65H}B)fj4g4yEty)n2p#zA7gSy<rNaG9+#a0QKoC%}#>enzPK
zI-MPzGpS&JBeEa7tylC)xv#qoKjhgA)tw}te=Ntk^%64?BQPfyTc?<gffeq_qco>d
zq6s&9GC0IMbDo~hRb23jwq=6^Z7Ht4)66?;K)!eqkirZK80yEoO__z|>&j^CQN1N^
zZ{9)~1q}39iehA6(+Jf?VN(LysAOxij!>M*;$cSq>59a3v0=neZky+60Uu)!$nIYg
zL*(mcJ9e$ir{YSwP{gQ*FWhG|3amd<dn{f;lDGxrN$NF>qY{Z_<_wNKeal{-j)TU)
zUrQbwzupg<xyU;u7X9Q}=;|$MSeY}O*ZBEY8YL}XWR7VBlI>E>oPK5cdrf&%UhFjy
zac-letg2heW}O6BWCN4o$pSI348Z7hiC9U=(qRQ3Xn|4E^j%(Sb@+IA@!deF;`3Yu
zX`T{rElxQ@FK&pQUEYSqQft{V0&3$c6TEvZ|FFFBIpfFYRqw?5eGUkZ7c$f|QlUaN
zMS3qrLJRUm-CKbms?XrLu|sweWp;FS^=-$|khoYCV$alN%4tz(6hTced>^1r`CmIA
za}}L`8e3G!SG1sAUM}$C4aUjm&=p(d-djkh8`qbV-HE@|1?S_F-(@EdJ^+-Mc+*r5
zBV~H<2UC6zmTBy5E?C<+c}CBjT-oRj#uE`9HBAnbEcyeX@a_DfnYJTF9-FwJA;KBs
z53{&7v9#La7(iVL${(*En>ARgHRs~Q3O<S<A??1T?z%=s#srv@=OlN9u{$4mZ@oV$
z<=s<agBx#fnnp2@Bl<mFrwD)T0{w#i`)Mup5z%q|mn3Ap@Jz`bUgv4d>LblLlD|gp
zn~qyl>YfNRnAK(}*tqMC9tjhf;jMuTcsUL*34GW=7DoN7pF-cNO61(DnM63qKygeQ
z5bzu2yL~(r+2q^*SBN$EC0$@G75Q=y8t_Jakv19fq2~p=<hY$q_&j5kh>Wm9<&^L9
zIK&i3;&bVrA!Pk@hgEGAeFlWp1F9$x10FYGC?c3M9E~6e%s}-=Vxkl{(s6x!wEOEr
zH61wF6;W3EEOkYYc0>}BF!}EE=?jI-?B3r*_c)4o%lMq1J`0Sn<cf<>q!+E~*_W&4
z2L7QVY~!m|wsuv=l609c@kQLrXun&X+~fKS?58nwbxA4bxcS+|4(3_Ui9$$_qf_MG
z+zMnCD#RE8s}X5?Ge(G|DD%VkD_5t;lHc<s2D)qGQ~`=WSlwJX>s*&%-95NXVSV@<
zmX&}_Ad6XQegf6~n=n%<3tFbt%7xOSG^L5FmdFr$e)V$@RvHdFtbIuQ;KoXRhH{r?
zW<?HM)+K$;$==H6dod>L3hlWGQBtC8`0xId<ENJQQbaU~s|$$rj_jSX*jp9>v~7HK
zEF4%3aa6KSibHzH?xvbQ@?J>O^t54+w6O0+vl3_K!Qk_5zr?78r%^zkBkf$vx?WFx
z4-B#8cZfz1rJi7smi8`lt{8gA)bMS2!E2dcPlw|S=6|JZa{2MwDDjh^cLWsWZ59-p
z-3>VchvU#=Ax*?#sdBAa@y(;uYkR>T3-ZF-SvJM!wKMZp9{13$>xN`{OWi6)?k!}d
z#l$kpI>hTL1*vlT*S=pN;1xL<cFxRQ--;P9^ZJb!hwD8JWw-wx$8LUzBmCt|t`s9a
z@m0hcnbP`Ub9Wq=hSN`WJFzIvj9F^9K<0{VTTj<nJOE;C@{KPHW{!!Y8Y7}yqGe;U
zq3-o^;EIk=+zt{~Qg)w*zi9rveqjh*`&ja8E>Qa+Ed#8_ogHXO+s!i5ewu6tB?7Oy
zm!FC=Ztm~^nO!UDCo&2YGs43{y_{HF812Ic%*4PbX$#f9JAiJ7bc)2J0%zKAnbVib
zHl-ryz7r+Hb<_(sWE`q03|w?}BErRs1BowH(mbMX=I^%|kJEkWYDdigI^;3Zk9Er?
z)f09k6)UlpY}n4MGM}m|b!mr0YXIp`@aT-$xMpFs7#YMx*Qx%6@MMrVi85Ti9QA~8
z$QfFaC<OWHc=*<EaV=PO@h}hz>Zi#>@jJI+HgJ$qKB{tW*p^-w;3E3!ZH^aGzCtPY
zY3Hj6JxHH5r}Ixu%l@?gW;+FQb2adD0}EwSfV0<&3G}Pb<Rqm@#o78R)J{eO2g2X~
z_I!MOg`)EN+Z*YodPDI2L6CaCfYGOzJP>qqd(J}kA}q<HK@)yfj|y*UDYTx_1LuCm
zU><ee?Q-yPb4)I@E9!3pJ6f>aLMNl0>zq{GOA@0V@e4eub?LK6mXrNA&&&(a#r4vA
z!#&NpRsU&7eQeL27o=Y&eyAEz>g<+Z9Y-VVsd=N|c;`z}_TOM%uVrO%b@}*>K{w{Q
zgimGR!j~_-mK4t2Zt-@I8;jQ9iZXIVh((g0y)WNiN;)~P(7*-=kf}NeR!m?~mzO}&
zBlPAa%{-F0b|&bC@aTC5qgpm^J3}nHH)qOjF9yHHhwaPSik%x#>-?iQ_LEuCGoO$j
zeb23Z@@;ybQz%fL5E`YmyQBm98fV7MLjVG-#?-|Y=SOg0WA*s0^|l^mh%7%z!@=37
zW)#p~=pnbPuQUV&4%dF1%vh?^|8VV;5t67lo1)5>9^P$a)O$Ov|3y+uCoG!R7Two@
zeC10I_WOOMu~cW+2UEJ4d~t(%eAa=<5Kz78XiUm~*IdF2NT;VN2y!zCKTt2QbS*dK
z`?-*UNR1RnxJO%0DPCxZ0Zq}tR_aBdjs~`{CB-B01nn@dUnn)LPzyh416tkQ@KC!l
z{p+iUO8O2sNvJOQVPVOntHX}fcpMt~zuEF})uO}3LHz%iS~`+6oIPa?8G>x__2);S
zkI(n4aRQ5ajb<g_(Mt4kotN{*D*wC9M@%8rYO%T(Qu&(x#htbk5_LX6dvWB!&_JTd
z?GTnHjG|OpEWD7Jq@RZ-h7_{UIn}AnbvX@}A^A@=5;FHN1GXP+w;JTs-+zXiHqRX@
zj8ph{0twev2gKGi62gsvVSZY)U<F7@Ziuu)5tQSPd{|n8L^xe<RE=+iwHyTa;^2}p
z$FFPLtw_SYZ1%aU5N+`oH{p@qFy89$e=*Qtfc!CaFjRQ1`Z0HRKs?n=(rSxdOJdRe
z^GnKXx5lDDJTU}f!>yJC*P4k1s+09hlS<75{t8*@Yb|aRPZyX-E)FD%y;H%Od}?s-
z98(v>@!wdEw;{pFVltN*MfrM&-z`gpbAyHGzlYOq?8KzDQ!8yAp`Z6#j__aj;CVZq
z+y@gjenLf6+JwQXbf`w!$<Qjm&Lr+6iBFhZWX#vFQGf*d{`;x(KdK0bRVbJ0$4)`{
z1^`m&n0GjM>@^@niY)@i`u{@gnvE4?nr1@UMGL$Jn;yXM&y`P52vJIEX8-yQx_Rbd
zy=NYbIht48h&ew1u=DmN?>d5_oQ{u*0`r`CJcY>BqIti1Yjr)hYxP}`)KmCgSCgpS
zys@WsCB-!M*5>^4?F@wX#JP{s3w?U?CJbPvl5^Te|7!ug6j%(KjUwK{n>6bqd~7#p
zd>|0xV>M%VAszWA_2wk<xTB)(<G0<ScfyD>!kjX;8NalpIpj4lLWjo7{E<7s7r-<7
znS=k2d~}?%@k@I~DZCK;x75duk9zKeV%4P_v}}E$&(j7FxlaFN*P%M9q9Y^u7EDA{
zRT5@Z`Ay5alP`7-r824dTzr>mEm4%Mrxn%M{^HRcEusKWg7#0M^#4>32q;%t^v8+<
zoNB>+z!tO5L68E2I0o4_4d;69T{4_A*_;#qvHbW{zw3EMTv>NG74dw7U=bnoEjj#4
zgBu#^#jO?X{uHSJtA*cHIvt}81`6I*X;*xUf~pLb!`^p5?M!?1I<q?U=`9SBt?;?I
ziCo>IyU}RdL+~vj8c5Q0ptN_v8@;PLz_$O36iFUiylFmVN=$0T1My>TzdvZT-exst
zIMLsSCYt*$WVZ1H&F_%FUyAtUJ+QT5!WJm{(ljmr9`e(2J^d1%wHvR>Tq>1MNuuTU
zEHu~f^{0K=LydmDB#5n%0n5%y?H16|=%wFK_yvLqHEuW5L+$(sRQ-QT@t=Y~bqHn2
zvdR<~lz#s_8S7)M9U$U6w*+`Na=>|5Z1MRDF828(g(OK$qx<(xu+zC}&g>lDjU$r`
z_N4}5wCgp4-Fa%G3vmGUJvrODW^z9m3KhhSZO%uf^o7xGkgLoHYa{1D6P4{wEdn}A
z-!!F->|qAB&pmxZ#Ik<DEWYjG=gibB3Pza;56>m%YCPj8ViHI3pS!o>YTnj7ngT6y
zQ77e_qPw7_-D?+E<Y`$obauTxanK)_Zo#`gRQDE)4DkEzXKHM;d~03(Jta6mFUmAK
zHDg0Wusd{(1A4R07s}blp^T3XYiISA`fCSr(o?JlgJaHgt8(O<z*#_UP@W*hS_|7|
zQ##bilq-x(FoNfG?J1a_<(!peszvRqm{#rA^(cBhyq*j!wHvSVMk=;SV%<-lBWMI~
zJV&2;>QXf9*f2-)@4m;NZq#gAKtS%Hd;3JVGe-=X8||^iIMTX;y3May5CjX;;V~K>
z*b-`o{aiSc1lbj9oWO7^CCNd~?(pd%<lhx4Ck}nf_V?+mgC`UwqWKG_o1yR;52Pd-
z`^}Z8T~46ILjVRdbVP@s&{NX|2v*)9G@aTQws|En-v!lzZ3g;xIZU{M830so<oB5Y
zl<*VFCP5Fp<^^<B<1VNpF3E-9yG0M#T}QgM4=&3Y<>Mwy+abCyt)AN$98w;qG44`_
z;|HR}X6xBq6?fo?=*$8(h57J)#$S%Cq%OJFlk;U14@0*=wJ#iw5EJgm<2Dqkr&@>`
z<nGq_!3)%&T|;k-^yYdNQp~-Flk$9L<O;B1e1ZWSF{;cXYnz~;Zv@}qLmIer>&BF(
z{YmzeeOYNdDPP&Pe8eXcTbtvbXTYUj?w6qye~kZVEZC9YkeABt&t&sgT2h=vx5&lW
zc%YLH()KX?cG38tf-hvZVRcv++x?~da>_pfn;tLm#sn2-J3Wj3`&hPV86-y8!#+8a
z9COIm0dh*;eXL@v*@sln%RYRPM#~p)`VWSHoj2W~gFX^XA2%^d^#Ry=dwfn*oJB-k
z3VbTGQ@gA0%i}8h>`^|0(2y;xDI;}(0Ojn9(UQ+5Jq-72T`9XDTG^|#IPo7N*kcDb
zR#C&CrNTy;@1kg03~g2Gz1R5yh_~%7Uvc6qO_BYfcZ^Ja7p+6m@VnSJis|$kAOIw$
zYXFL!5H8MmQ#8U(8bki_)>C22p6_ZZ{=i2z*5k0i&eT5tSF&Dgri|9z%X)F*mdngx
z_jyvK(6?af)xQYS`mQb$1GPvBjK0L^q~Tl5y)#O~{v$cle^Y3D1o!6-0+~>FchBx7
z{j7$AF(?zA?kO*_lF~+9p1|MCP>?o|chzKR)L}=@)8);Az$<jX-N}Sm%btCJ*)(5I
z)QcU3WGM?@^HjL-I-9Lsr{m8NN|YA$8_|vVyHhs5ubv{dH$!1lv=DO_;|1R)2NpQ8
zBBKiqQA15IsF^2oi;r@LL*%dzBB&Vg58rN22iepL9MFn%rt9<(CYwe@DNw>m4m~0b
z4~c#c*J0MhRy2^sM5(5U=rQWZwW=@+$AL^}bk(;@xj7jxh3B>yey$`8Wuj+kMQ`CL
z-&hk*1*!5Xg%}Keyt8C54y;U@gngtwZotEOrXMm>WmOehrncyb4GLhK#S51r3cn45
zU9(`Fb&NPm*oRuJw<R0KILvABq~3iC5g9!H-S*uQJC5=QN=F#|ED4h5;DaldS)C6i
z<+r!Md_ck0@rZX`n=5t`wsBPSlEB8vxD2+N-Ka2IAlcjj58M3|HE+dGz${3ztudla
z7;O{yOEug}e!t}(NW3_<?b0}4a|P!aU;XOgJg)u+1;Nx7@jBTA^4F(55o-dT^h||3
zA~m=ep@qIIa7!xx@e|E4>DcAz*X_o<(Ss1@Co=HJILij6NY7kidBC>b_pd@h#`A?s
zQO*(3VM~qYu`>~&6MscJ4#<|zmrV0_?$BYbGvC}=yb^*x5v3}?a~IC*{P-g4C@`3n
zGs?Zjy(+2(DUN@e@=(5n40tHZd!g|jR0xBkAw&{3F|~;0T*W2&%H1P$9Nljl;7o%j
zH4=%Q1z6CIezC#K!2?5POgJav^+#k&5@kJ2`p8I6lg(&gPAAk-S+v(AC4QGr@mzW~
z7FT-0Uu~)ADHX)3F%y?1Xe$&n!{$LOl%AFDymMZ%xWvJv$k;@{6rC;jB~w@wiczf}
zcx525?bmI4N`Taw1Y<QU3e%AVy4SEzy5J!^l`~<}n#Iivrn+R^Wx@^F+3X=`b#_Iu
zw1ry^(be=ueF>Fr@1cj5E*N$+xYPwt$`+ehd_>$ZXT^jQ_1Ywm4gTz&Fh-8jOc>D!
zT-0o1?|rnyt7yn=zW)>>UkX;DX@D{Y4E2?4W{mf#3E{p_+vorNwXGKY>$An$;0vzo
zfe&)i4rMP79NAs*UHD81ob^Rpe@i4X3AM~`S>s+0=?0iTJkEw0DsIywwjZG~X3Yfs
z9l8@qKC;3rR+^iJV}FjN#Y{_;4@vt9_h-4lxqIg33lvN_YyNquxGbOi{!vAgcM8(#
zAdF3+`-(DQwG>F9tGF;Q)#{gNUXnE=)+s*1JNe(bYoD|*qz{BylVLgyYiQ7?@jrU>
z1)&9egt;l({!}R(Lh~TZaL3Qcl8`9!e_4VAbTM46@6_nxgYxmptkvQ|YQ||0AsCjh
zg2Vhl>b$Ydk~g^g7KhCgz^=~ss(!oVmx+QKP)<`?W>X!a3`t6*Nq$ZShQ^dSKccY#
zG3P`Mx_Xy0G{V5c%RyyK4yP1-v28S_=3)-SHrI-i+_tP=?)++gwg9qz;eN*yy9Jd=
z?a6uP;ozSE`L?d*UH+$sp1JZ=RFrB>KZaqS;+({w-&KCe8cW3V^c(}E!RGWF`$ASt
z`4{D<r@|)2cR(B%2EOvvxf6qxziCgZh};1)!*(rDZVk5DB|kPUWOz3TQTCb=#Cl&;
z1R8J74~Xh;Rao)HFXFRs(BTGHP^?l&B1O^l^WPMy(<TiA|3oyiqn<_^l_xvHf#ViJ
zZg)2yJK=sD!tCluux(!gj>rwIuqxLx_4q&aG+k#_*#=<vQ;;i^JhtK}uYW;jyy*D9
ziB8<#i2l&d_%tYB6JNTWQ=d&+uQ3X%_@qTeA7r@Nif#RZ?Rpo9j`M;j81K|oZTR4v
zT4haNy$?JQ*dgtPrLsUVS3Rc$XYSk?Imzv5*4iK=NKUDw!?yg5EAMIRczlZMPnM+R
zr(l6UVIaA{IaK+H1=s<>dETl!K!$>!3wl>{Lmmr?b>U3Dc$vdF#)~Y*F2*tV4~GLh
z0p;3={s;n~JX;=NT)KNs`<f3c13;&Senmimb;dAn@5{iwE5GikJ=8(>ZC=r0(v<;y
zS<+ZBM?a<g2t<V4aaeDRY$uvMg<ZLk?C+B|az_)2{BL89$5^!0(amRb@29==?l}=J
z4c4g3gLa~%V~R-YKDRg+h&|$gB<S383de#Hr^P5mXJSjesdE{EQQ^u(mXLxJ{mF<*
zjhc99Lv*l`T5_2&5`ieujD?2tt-heiC)%wc95?hYk=%CRPA}Y9qLa^+^UI4`9t26G
z;mZrMOL%ycUCquQY4Rf>otkh|tXbaWNA19sGQ3wM&i4QyivO3$LLvxdIdU<93H;F5
zfN7d|AU3JLglsTWgt@^2oATpTppcp`CQ_5OFgge9<-Vl(U-MD7-+ORmM=atR6`(fD
zgHm;la(p+U4U~SQ-Z)dGa@+WvN~SiJGO4`z&;1sMy}pMVAR*&-xiq!NGodQ`eC%=w
zx3xa(${V@0N5C#1yetv#@}!}kdWmr&^0ccR4%=xBx*XO9T~1diIqP!AC_qmoV&X!j
zpg2an-7XxwXIY0YIoMK{<;udiwLoG>lZ4eHcKHz<cu2Y-8{?bNu5|hwR4E4MGH~8H
zCh!WHaHt*ujt2|JdY~{I&|_9RWdwgZa%T-P`p~VCpK!pRe&;86-UBVX>xMSo&yjCE
zUL({d@ugNOCtF2!X?FU%0Hi-f@jP9hFMaBQ!#zti2k=1s3+@psDj#{idnYB!@TBqs
zs2>Ga-e0^J0PapA7GwU|ibhp9sSAd%=>@~=RQXI}Vz}gL?t##n8VedHdg<ot4OXyF
zLLV~7z<=8;F#{x=Vyhzd0EwIL%F8+a3|?uwX&4>x4FulOX{D}j*XHX7cBDoSnSrpK
zNNnG%6C+HvsQWxa=+S&I>8o(i=43MAQF7=o){;hTU7}1e=xvzwbmHM;z!C(l`DZhK
zeg5Q#V|uj&(6v(U#G=Jt)q2jLla)J#dSUVuy*v}LYxad+FxCL<x}lbCxvU;lK5jcz
zsf~o91P7trYLXft?eT;MW$%};Tn|>JRMR>!Ww&<`tkXM26W7E91F!>V0&<vjfOHjw
zvv9NwlSKhri8nnw$N~bmu$<OibIF<ptRLrC{ipP;Q?LN@PQa-ydJh}@*B=Pm@l0m`
z%JF6wvsoT}#=CsXzI{PGDBJ<a(V(Y^=&}Rc286OD#GabTcJy<CDCp@*U!CB_(;cp*
zqngVhJa8VQ&cHNsCtBeU8aZu2Jk$1CbZH?AL@!Cz7kZ1Q4TZC)#Ia4}eGnHu3MF)i
z-NIIZCVJd*ry;7ejFU+L9DxwMm==C{<@-{P-wT39PMkA|u!F4WUS{D{zRo|_=W_Ga
z`gQTNV2)*?;|Zby1%pWmYsYlL7cxZMmc*J3mk^<djXGh30hDqCv9dN-&_hWyP~=mv
z9)s=iF3B`#=$1;V*YR#CX@ty9S+s8+ZEchceD5qi$CU&G!f=6d`$m{F4(s=Sxl$z=
zMCF-=O9S3RQ!kixNSpIQ8h#tKJg2IHu(~WVsU^>fVV+?Z*`afqg&^<XVYprhG1%Ax
zRCa%axg2|*YnDa!G+D75g|)lF!MMvw%=vDZbA0i2I~L91oU%idqO%N7j0P7jreO^4
zo7=U+Gsg888k)2AVEZNBsu7u|{jh&g_P_ZKXqcmp_`KdlFO%Kl9IdE(EksT5N7}}-
zYUP_BE-Gt>^b-B7C$6>&eFV+H4OoRnP%8WD!v1?`8L~>RVYR8#;eKd8K4yp*#le3~
zi&gZ|QWH`bY<S$sDuoGYEwHk3r<VX#xF3ONuGu^Un!FnYSTmeVaot$%W`+t;O+KYs
zxf-uroq*qx2W}v))G5?qL1EvArp-T2)sj{IaXEyY91WRc2cu<a&OYRjIK`Ke%Q)YO
zb=P=1L%R&?S1H6{Us47%7roj;m#OU5-&r()rnui$P6@?Mcou+pNfQ}f2yRS#N&2Nm
zT*t(ABJ9DcQV+Bl5ss#L&t0Z?p&8pM>$P8`TXXe(<Z=awy(?~*GWV7NEx4;>7S~JX
zG6LZQK|)w~5B{r-IU2iEGQh(6O7T)zK~kny!bxD%19XZ=zcwKvYrq-<i<mlE71iF8
z>VCD5#^}zi{pHeIPO9I={?<M8PSc4@N?g2QV%*9!WB{UG&W%d5No|Z(;rRu@s9TF{
zKwN8~!I8fXqDZk?&i`Vm2W0{;d6#uS4in2u@efRT7#!Rbl0jDLn~wVR$WtjDzc@gd
zc#I6h9DcF%5}c6Wy=+p0M^f?Y-%|z;wNp7B8z|%bOQZwY5Tn)c>)m)gIxD6$^>`w~
z9!1xT5Et>2`6ga%7SIlcY3AkMC{O)}&}BzMmt9ja(&Owaxzqk3ea6s?=y|BsF8p1K
zc`8Kxd4m~(4rxgJpiUz3BB{#H2M?>wM3=Im_EwmJ@TxQ%Lp_r@bp`Hy2rBU#w7s%^
zWG|U-AcRUxc7YvY)8b7kUl#_sq(F>Zqv0v+awj144I`_>@eoIU(sxu`5oqF&_(_C6
z;hOk5?ZE=)9z8CzogxKkq^E9;>Ijquj1H4TDiPSX%6{jC=C(*%{CBieAWaFGDsV>i
z8WkA@Fb11Ex%P<!e8un#9zw>dfwlzq{1SO@Kg({&1Fs0y^`&2ZlG>57f&3+oiaC9g
zDxPKo+z>G(x!TT0?zVfC8z9g>qMRHTIMwq}f%~L6l5ZDQ>QV^ET|E^oRo{oN>MxtE
zO{z{n!3|<kV?C+zl?frXC!<}<SZ>MO*~*65=V{kn_b*<9GV<bbxl3dMmS<$+5=n~x
zfKQX^(<*eF_TQ_R!AiFzA6w=lTL2LIav%=aMfv}c2tba5u=Czu;^qu27oa&$GPq2%
z9-x}sibI_Q=~iXA{~-DseVEV&iPeo1LwT5uZ=lHb@gYS(Zkq(51X8=K=B}^7$v4LP
z)+LvPDXN2ZGG~io`UjQmV#pqR?3?B<bfg0@QUVo^3KJKk@(L{?$^37CC&Tz`$|{Bw
zs6h!(sE?=ks9z|m{7b45vHBJU&F2$mfdBvBe+DO%8}}1@jQR~Akrw%`d>^Qo)97NT
zWUPI?>993Tug?j(zYcBg5w!B25c9xpBd|L}7`4O`@$)qOnWbJN=}zv|(E>N-mF%9Z
zuRFy;Mvk%}5me}cga7O96h{rvVux<tk;IK;+pLflo9?kE#B^0HZ^1A8B9~h|JhupG
z6}fPfQL^CdN;O_+gMBAGLia0C_7q}<+ht1ETEW~%8_$#FQimhJ7wpDLiQl)z7ad7S
zeI`O0-&HJ3k{hW1(~zQw%6s;GtN*~cNfcYTAuRq43qomlO)pm0s^0bVWhNXlk@JQR
zsS!YBETe})Ypdx)W4TqbLv*|3t2*y#O>)1*r4*7Ywu5hC?Sy>yKcul6D7WUnNFxKE
z|DN2I8~+dh(!X_fDsvNEYS++`-K{wTNE{X;iYN$|tSsSmvgg|Pc81Bpm_9ID%%&eW
z%UVjCl<3<d-x(xM--T$};{C|%8Oht;<@7K1$Uv)JlF?xzy%Xqboi)<@7_o&xD6A}J
z<R<l9M(_GuBmMn8DyGJt3CZJ1FFaSpfWFD#s3Yh<I-mz6K<4GcnPlT13E*UM-o^6_
zR&oUG>%#b00L!vy(h$I8;HfhOrfR|C|4aS=cR;yyqW|}XpA!QB+GL8*3KQIV(ucs@
zbXSCnsLp4sB?1fv76A`Alc(yqmpwz0vr`}Rj}=K&n+?TS`xdT+Y6MBoiGMLpV}5?l
z%!p}JhGd4-*C1gNh-O%yVUxDx8@2f3t|+Uze{`B*CZNt-5%6ljAJ~Tz8sxYy?f;hO
zm=R-!_~-^`exS)_BxwJl2({KRe4$o)o66CXB+)8L6G1-0iXfAewydnEh3Pk{vw<;Y
zP^V+d$C?o4Y;v^kgFi{0nDK{C;<PN%O%gL3T|4uPUE(@UUdRC~gWO^^%fJ{ABTUdK
z4WZY3A_2mG?h&k9D69FuyQJpAWVCKrHFWP_>Y^u;k81qPtN~mg1dMR@rmW;M8|y$<
z()v(%`0h2x03%-Mf6HWUx45bMci83dGlDdH3}2AnYs+MI<0u8T-|O)8G#_V?pS2Nk
zpe$9&pc@|XE5l*=q`AI$<9GAeo=R}FN948`R-ZfJWXY7K<V9Z;1tv;T$e6S1bk6)0
zJEs1vE6wMXf7Ap}=j6U*bS)ZmTQ8H3eiFhYx#%oj@m<59b(tGAF{8*gPIz=SoHE1x
z1}0NRFIP!0f16fn5X(Zp{wudd>M<LIkxGDT)Lat}Ewj)=QJB|}=4O+ybh;`E@?+iF
zCbY0p95cQ)R>&e~^tH-op`xFo7lP%OMmE?B^OWkfB)(VE$iuZJ;DROqKMrh;($(O6
zT^FVxX7@ax?F{L`6HM|2PJCN6+x~@#L4eh8!uJ7{Swi;)u{NSQeHzvRE&<Vwd<LOC
zdSeqoxZK(bvGT%Nk<@*dN>lNITwx@C)OvN~cK{FlM?s=W5abm&F^xv<+iq=O<7bh=
zY7K`fg556itPX_zgy@`Kw>jd}=f8}nQw`DH^m$S`!06F~HwQhsRGAwS+xS0G+)?^E
z;dMI|Hx+>4Z{<*M)$UgM9<8xF4})@txTJGI6f_bcap*B{iKB$cKNfG+R4$|jHKSNT
zgY*=?mu6Bl6VRi6Qz(m1+CiXze`02~;TS1lfWS|wUhxlSC)J)E^Kt#MNVpsv0`Zos
zohnzjoJDwmRNGofD!GFVfVtae5#uzDVDr4_;*QZLGTl_|Sf50SPh*j-7~4V-f%M`A
z9%9SreZ6h>gi?1PYdK9MnLsYiRaYxnp_O9NRh|<Gu3Z+=gsb2U-G;?lQAq{y2l%5G
zr>dx-%%qzf9OY>n|ABD9lT`D>Q_*ZlqPx=#BQPtc!%C5D4kg11e9rv*qJSLR-O$a!
z;SOKji8Onw8c8J9`Gm$_?LZzGCsH+Yzdc7}yoA_Rb{$47>FwQQz(3|{G?#W8i3zjv
zXdFHM<ESqo`mCWH*!pO?Dz>_06wwlocr7Cf@-HoRAk}>3>zavqh%k5Ksg-PsE#~fV
zf~}rlqO}Qb95vNX_1ayOtc(A+vV-i8LB2^QtGfn%Ord^_Ke$&H#9uIl<<IKU=eGxG
zZDpUdX~j;m3)7YOcp+#d0tWb8rDpx(u3TbA&7PfR%L2NT1gdj89mIn(W-$>YZxT(<
zMpU#<5frd9-B%demnE~i^>^pXL|`!g8pwnKwPvqy2CJYKx}Pv5MRBlp<|8!1!pc(x
zy*#Glac3i|xfwqfU3=(W6zDv89Y&&pp8nUip=>getDoT~m_fy1x5tALQn~@C%P}gt
zu<F|6{Ctj$jT9f8`&@2P-3M@HlKhw)a+O_qwjkMUZ$`pa-Ucxm$A-8_l)x@Ww=?+l
z*G<9eZYXQg-dM<V_GR}2w+TxJL7UACqg$?K*r?>3VgkjST?0rcnm)r0Ownna%JsmJ
zQi>DTWRGjj;rHT%B$m_szr!+C?D?_qq|IM6&Mg^48N=qji(o~Qs=i_*1z{lQhd`!L
zWstOLOV^k21;yZLIP{P4hzoS7(1wetWPJn}14AA|CwWx-=G*<2im%l^GtzPCa7uVX
zegSo_@qtOJH9CvwYTGEl#Dv6?PP^Qz!8+&}m2E*2e+P5j$a&IeS)&gPNpi6+H-<{-
z##+llamRWSw|+r}3*Sc1+yg^-`JGe3LsPQ4SPT;uA)j!_+nOHh3#8<hXi!Z#9#u`d
z=UcpiRAe+nEBMZ><urA@Z&o}C6%H?iV>tsy#dJcEJW>C~tV~1o7D>4<9(oiV+Pux(
zvWWhB8`Acb1Eq4H{7$=<LblEn73QDPlWxE=B`ce%^EnJ?Gq);LPr=*r0v!UAdStYT
zeDf~<Uzn99l)LzoQT2mb8YblcQGRsxSwDk(*k$0PBVwR^_?C{2FAU6UDTEVV%Z8l#
zXe3SC%bc;#S@(3ZN%TaA2+6J`&Z3z1Na?6Lzqnn-Pz)B<Ug~&#r2(+S9$S)p>#LeB
z=0Kkat`H0N#KRFXSMD<#F!rAXR_PgQ;s#!sBc7?x>SEpv{j2G2l95SE8RK+}_$T5=
zoBy3X3;+ODfO7Bu3smKCMvoTqfaZP^+}sj=(dK6{k1`(OYh;=ydz!6h{w;*$2d)z!
zs9g)1r9QM6%MmW;^AD<!)uur_;MT#YX%?QI2w>+6b~~~+VdGdh31s08wlpAR6f}OM
zG207i0r7bykdSO@(dU<F7xJ9E@ZWho({q2ZK=M!bDp<B4!`J6gs*9GAzqqrHQdl-v
z0@IWy+;z&Wo+e1d9W?Uijoa4$jobK<97^R&&Cm>;J*UCC`zMZkDX4sgs#Ptm=Se^#
zsUQ#BRDCDupYyZ@1nvL225z9-$N%pufhjif^xgs-x}-@jHz3sm{Tpciq()S}keHml
z%-<xuD0Z{Vp4C(lD|X<wC+|XOBRc*EgCTyrr?>yc;LITuRkE;mWI$uFFlW#A%FP*N
zrjR<sat=nrA<e2#&_;1}%SykQSJ!~`*=_;G07Ey7OVd5_qI2QV<H!3>oXZ7kZC02f
zsB;k1vc$BIHg_Up-Tv9Lm-GK&@13JGUAFwsv~Am2Y1_7KR@%0!(q^SyY1_7K+vZf?
zd(Y`}PT%fcJ-64I->jMc<BfQpPwc&)Z|vA_#3+LmRG{b#3>#81r!z!GoXq27BNwb8
zxu8zxR6cf=@J<GlorSrgQSlR@o}=$r_!!A_F*jDhx?ZGOhSw}vC6QdWpJgE{EOA@D
zli@{I{@yiA%9S@bKdIgj2Xo!^>3Me!6>3-k$TA7!<D{x@@vA2&`WeB}I>DUrmSfkL
zK?!rXQ6V%q7Xy`+-$)~L>TQEO-36~*i*~~YqlVIurd^P!mN(aB#RFxSZDzBFeIPRy
z+QE32X;$?-KNI~jMXlZReB0B&+~Y?)EC3Aa9IMrb&&yzDmY-S1cIWm}07ekt3E&=D
zXqFN`07yFFB=k&w8vRl^u1bgwWGz!s6cpUH4Lq>hwd4Lr>K7SzXQsff0%||qJPHpD
z!bKighMBO4l1KKtz;bNH;)yMiOfswmidtX=fq*zG*E1p@^S3b_E2Z*}iWiI*H?JcJ
z`jZ<C-gp^$PQ8pTYrjEbsWIc^Kc3U}tq_||1UYAJ?WX~bb9iR)?*ZOj9{?h6spc*E
zOYG(?CQTl?GpVm@q8uj^@bVbIKq^?(OmL}Bs}q9l=ccxuQU>Q@jw(;)F?8XKt%Imr
z9tA;L9#VrV_Vc_eTb8v7<jb=`#os)qIm0C{n`q>*aIVzzR%E=qAz@g`3JAH8ekf*J
z$(hVri%Kl7#jcXW@MCN3G_&WHc!9RM&_l5THK51kL*MYjb)H0AIEAiZWPY39=tmQx
zlqm6RUdAPOho2Ap>Ta+P@@BKxkqWP&S{rneCw)a=RCoX$NhC^Yhr;FFKv_ifKxEj`
zz|hik!bu!YU+LLOLFIuimU1vGrM#*<E645l7_5t9*X3XGHk_@9WQt_)b-wnM!=m=m
zIBY_lBy2z%VKO#>2Q!V<0L&OV@biR#Sd7DBCVPg1dn~oyID$`Mf8CuIMH|P!(NYz3
zr<pZ*-UZyk-9i#9zcz3MeVfpM*W|Xadqa2P4RyRinU2}1vM-)^O)4#<8R>+`^!nG;
z#F0!jKFUsA^pfM?)*U*=3NL{QFn-MI70;4(8@m!FrPONYr}cVtBsy5ykU*4?$#k(5
zGAG$FRoNG^$yP%viv_-w7<p4UrRdHg%=v+0I6YS%3ZXSf#s^|J7hfy*%Z)hKXsMt5
zY*oyDI+|8Gxm@qUG|kCe1*{Bt!5h;t?7k8KyL!LxyM|xz==MsQXe^*Qo*-G#2y#O(
zE}9J?+-m3Jz|inPHj#<$hA8f~k{)|xF&N}3>wpRsjgB+k9;?j&L^)GH-u>Lg<1{1A
zlUe3f#=!~j+G(aJh8GJWx>8OA>KxW`3e8L~;7&HYXhq-p-qjHMYDhI1%}S{TF>lDT
zoXL16IP4jvs5ZtZsuHybk0P~yvOm1{us@qsg`Cr^O+(J*tr;g7H4<4BaxiNZ)yF~<
z-dT<mCAq31h-3%h7Y~C2ZQp=Np-Y6#`4~vkIIJar=yeL0*`v29mOk1K<*q@3MvKU$
zYMZXz7&E2Q^!b)^!6vwdo9M_}jB|~1bq1+MSNh#Ny0kR+R0kX;{p#m;Nm;1CcbA4I
zWp<`}H8eE#)@NmIs6`!R$a(9;eEL$f$ap-@hdR%r`Pe+ZQDz37dIB4XwOlxJb2((b
zO8cybgsGc|WNF$GAMT!(9a6@plsHTRZ2<0NbDm-qZLTJCY!v%Wfve+SF~hs=eo64#
z#rPlA+I<C~gZW^)G8LWRhZQw(OpVPkspjSh^u!nbRAYp@k`Va>*WhMBfK~oJa%Kv*
zlgiMcx#AfaS~y&68!Pw#ugiczz!NnFqB&+h8FFj<T~Sj6AO$T}e$qY0)?ea)<$eHe
zPvACpRcly6qW7-te&q9791Lo(cv~8L4`1$4T2jI&1Q-WfiD=n-j?fkO?hI!awv7i>
zmNbeWv&R@m2_Vs}hlAo`iQ{KU#!Al23DaTCR%)&-=Z$2FzVkT{wT9WjD2ou*-bj=e
zaNEk)SHmm=h3hqW>BY{n&Rmlc|4q|USNKp^jv59k6Z2Z{+ep~g0n+_KQZ-ta7D2?l
zR`#JAcS;Sk%S265nh3@9@|${Y0bDPst`#hJ+p<fAYlObw7=TS&5(ihs&||;tD69U-
z*fT>{q21MJS5tV_8jUUkStYj;l7w$bTl5)aL=;e<Dw(Bo*H(LUJrsruGQo372__da
zNaiu`bQQ<KLSUcuHQqNSVvCgeT-G6Kv!))bXlEs;QY&*CY)<##eO7u*oQn)j%7j&|
z;62Vy0iKG-+eH#et$B<V7?IKtbP(NtDOm$Z705*YRkHR=N&s+$MM1F$k@@RfiC@v#
ztGeZBGx+*T-%Cj{<IyV{8|l1HzUMvlM|u+`U2L1+^*HHi97xHDOT43)6ktN4k~a~i
zBVb3*Ft7WrT4^?ERxw4Y;_$k9J{|s)hgqwACDq*~6q*j-9(UavmJcQ}xep!B&$F@2
z_*~Z0bTiq_bWEBD+%)V;<nTGHclTw0|2;_rAO@Jp`fn=W*8`>slN`gOfx6bk&TZA(
zqh5W|FYk-*Jw^y1;1HbLwHx=ibcW-&|FGfDlzt8t4VFU$%YhWwLg3Rw7GPQbO%edG
z0%o%Ru|xOOfAqE4M?Ho9wn4xH+!Mh(HBgovq@PQi#`oIdzJ@`z^=EMcoGp;X^V?sb
zK&HQT<by(=HGXElClD@SR!3MW@LB`ppW9GoV8+)c4WdP$#rX^|WaSMp2LYC#Sl-Sa
z<_bWR#26-a)o8A67$QlAdW#N=QXC9+RF30`pF0rs`UDa9l%xr7ucGlHoIlBC>d0)J
zJcv9XaKfqW5(+KIL72r&LSV2LmYZzHit-_p@NjHXl{sB)dWUrA)gvAc;9%~c|I|!k
zw5!Z_%$03!$ckr@s`f@oDAZIYWx(_Me6*8(I!-XQx!oLVD4N=>r!I%&Xigk*gaead
zP$%8|q58GL^ImPyU>f5NhKP@39aRg)SU-p@f7|(L?L7TFizFYZN+=_pja`oVh_7xS
zA*!8`bDXgVz!YN2Agh}3lEtfch+MV^{d3Rqp7UV6L}~yvNG<+7iRA7FH&`5=?-}4%
zd@f<=l&TSPZnWw6d(fm#a-8ET><|-{ELiSpgJG6zA;u3n`kHfnV<*z<bEJA%IpoiJ
zw7U*q`>Y?K1VB>y3Ebtu^zaA#%7roUE~3rs7e7Y7(oA>kGMuAyC$n7e-T;{%gu|oc
zw<z-Z@{n}2>sewyvMVoK_5h?^xAsZ$4D*v*l-EB^VZ`5J4l<sYdRq=01$WDPJ40nA
z<C(N$xv^0v9=cK6lv!Ulh;4Uj649#n;frlk8mXipih`1VkY$nMZ2Mq?#!ZoRFFHNU
z86<qZht@NTBMb=6PWc$!Xy`itOw2XP$Ae8|tk~iY=6Vy{pSW?WX9#TiH%Ou$ZRpsA
zF-<N!IIEca^z{|ny+W_1f@ezu<I4+%oE-j%otn0?-?sDY)*}KwZE3XlGXE%GCzBdF
zU#YKlv^pX9?yR_<8f&cM9gqHW<Yj^fY;zZ(rwfK;{-H}6Vpi*qA+094iZO?M3vHcR
zjHcY#h`>P?ZZp%4V=(i;H;d$(QZQw2R=`zJE7>~4<GxL-WrUBolcRXEz=u>^g{ufx
zK&OPY0gSX{`$@uJr*hn-a<qQH<Ew`rFJzKmIab*f3w$jPJaD!~JkeG4K1Njw8z|FV
zEO!vB8hm1%K=HNb7(Z1Vq;1o_Y7eg|7^-Or0;to~H3?%Ot70XgVDnWBZ;Zkdi#jZi
z+2jE-+8#djQgXJLWVmR9fnCoBIb6B|^Idm9*K79lIgP(=wZ9QNtA#C)nqwj2iOUIN
zq4vE6mkxe@^&8CU@#-7$_E2V&b<@u0N(o3`<<k%14<Os${oO(!Q|nJL4(ITwqgz$x
zBSn{q*9y4dMei&x4rLQ0?B$$t{pA!_Dpf_--SafmdHk$m*cKQS-YB`3)Ub1(ZroRV
z26xD!;c#0OY1P-i8m%ps4>#kZ-dY3hhyLR>Dc;ndV*~&@V5Y|(BaLR;{Sp9?7Ud@L
zTG^9~u2N8F!lO|A$ghJO?vz4W^x!#O0DBO0@i%3De|CJpOs_xn5dW6Q51VP&t;at(
znjXdR=K+D41=0+D3raw}uz2R+g}k*<S<8Z?<6#%Ez0dYv@EpDJ?;vK7exMSLZmPnB
zA$Z~e7A)h1&mI;5UsdPlnmt=two(X2)2rXJzr}d*t7+VvQbDKMyyk;>vIGnZ4JEb9
zOc2#a7|>9B_0FALnS~nf0-`i{=}?0AbUy`+a3ddMYgo;N!BJLNITH5oz(k*1U&HhO
z4wK$~<t9%~x+nthh->&Zi*By@S?FW;qgMV_tMM@A)=4T?Up!<N_Y1B(9eO=08(&=*
zyFOwfJgmZbxt(U2P_R(dJL__dHX7_G4nP=}U!}SuKhR*sR=L@GIn6!wvY)f0NmW+Y
zzBKx<i;G0z?o`DW8vUxcZ*{JwW3u!1we&&SpSE9yBTXd(7qa-LMJS8)*4MIibRheO
z7eM?@MdA2t9axLEA+LJg(a?g%#LlWc*Vs8Pb`Y04o~_zU&c<|73qJ3ixze5p-0Z-8
zFKPC1m~4KX_NFnO@nx~@7Vc;DDJTZ*tIrlgM^OZc7S+&?om=U9m4NEE(s{pQy;G|l
z-IB-{1wP@US<|;MykKyvmPADI%s32J7_eFjB+@{i@q#CFJI~v%{B1j9->?R@w<YNI
zFrDmE&_Svv^M&QIpec%TO(4pcJ-r#V-^|x9xnL*`5LS_cKy49;>z`WOW2E=mo#Yn6
zi(-C|9TlZ<aYIW|sCd{hxP6K*QC3q$+J&bXH`t{>=lV<!T|LTg)@7b|nk*aU2wPQB
zkN(<bLVeKhkY-!qeC$78xVh+C&1oN3yE8nz4iqjJs>R+((kIppbI1mx7F-y9Ri3YT
z?jYuvfZD?!C2H@t3p!PDrA;G3oY1Y*kFRK}Taxb`AedsX3brvKsZxsB^@mt=Dne)8
z`zY;>kSTY1vHa`-AWJ~NnSXyFX~+fWpRxMFK+RKy{u)tP?`#J%{UOd(=BVK}9V1`|
z0O>t1uxqU3)$$_<=*qHtq#9N-1v9%ef2T68N7wz;=RPGhFoPo=$=`esqh+OwrDHep
zIhCUs?33blfDAaA*Us?@eO=Ys#tGruJEEqX00!(S-+giCdJukFMHjNDme%ji_EjJ=
z>puw;wyO}?$d%80m-dn9@!y4gIG+Zm-4hM<36$CSJSqjF>v$DS1YW<H=t^a7-TN_*
zxSA3X_>m@i`70(uiS2c!v^`#$5>y0oHP<R_sY*BfKIE_KqdNZN-%oFB)@Z>ba4Ffy
z9HY-BHSD~B$$xfo07k&f>_7g-?n@#+BDFAQ!ys4PU@*9xSqz~zZD=Qc5eB3(Y&@DP
zJ-Xd*;{h59q!s)YAOMx$FBopV>~~v^M&U!BRvjV-u>QEK$yLn6m0iMM;l^VoG}S#D
z(c!vCn%0NK<nF;@Tr*_=<^lUA_gRk*AS{d+JP-WITf@h)sJdD^omEIJ^L(C^2fbL@
z=gZeUKFftsCUvCq;$oRBm<YaPg#V~f<3&U%X%D1#QiPgLEyi43+>xqxQ;HW$Gqv0F
zIHu6{VXlx&uc|B<=YE7ED~ay2Mwzc+qVkAe-naw3b|PREjv<z&hRpG}ERltGA=b8l
z9;T(*wPNHLJGF$(>1oXM`DRvA@SVf_3;+NaSgQZJJxKX;y*6G<;Yj=0&p)ZBPA$YT
zWk?L;xkdow&Ngq%al)~%Eqcsia9k*Epp<D2Pv72@9FZIuf(D^H+FNIkzP%5yGJ{ry
z1<+T^VP$v<7=tvDMtapi(*bDe8=<+XB|m5ZW^<GOn`vbz35@@#bj+Pd{a<FwOdzxO
zPez4z3HyGvRW?`kG357*t&i7RZm}dH+_(LfoiZNav3=vF#SM12r^FFjNySPeywj9$
zeOoO8k6)uNL+G&Xy_6X9gk;g@UE0Kwp1NHmy{nyCG0pfr8soPq2H*tD-1(z<gzHV0
zGv2vrV?^?E69PVmr!qwXQ7qZU(J!E)K3W)ViE^tGvVTE0g9T*!%cGM5X72s5r|+Py
zS?|FB!ex`((HM}6cYyZ$X>c0954<UmcKn~(mWM1?8m?0a4u9X?I=F&l`%1RrDsgI8
zZFR$pgJ=CWxiMbvUQRxvwds<=)#bROl>_A<@mWs6vF+BNn8PB30n$QamA*)8feCXo
zB$Fj9rviboj}8x^j&*p6tgbqDR*xb?4En+lo*p*hLhUu!oQ}1irb&KzGPij;aS(A^
zSF>Y$;oGeFcFapnw2d{Du~*d}7wu(PO81q|0%Cf+5!o>=rk&t*tCcdyZHy-k1v%?&
zOJKuE6WJDtw=<BVh^r8hzrU!WKo<C)rWBv*ZgCOtl`B4Xv|YH3KK%V%+F0Fs&52z7
z<)Jf)1r3jdXT#&ion>OVX`E$NHP>0t6^xT$cvhGcA^=+hT*CQ3t`+!w1X92(vOkjl
zyNf5eY<heaMSz^X05si<|CTQOl@7)S%%b>@&G~>s9C#6X)1%n`GOu|8=`??wD9*Yy
z*eO+=zGs<ZJ|~^81w5!BUykL1@0aYcmr?VbSLP6fN>7(YoWI0gl~G+P;rAC4g|;6i
ztJ79^k{OnP@1(<*QE;wHx#9p1lPN)fOauPlMSnV|Cp2bhN*5^BC3xMPKvf34iF(yG
zZ!EA<MoBbXwEXOylL<V|8*UF=qJE;O|D+&52Lu|rDbaXVU?w*#F!&vXs6dv~e}s*y
zBtVE%vsk~Al$-|9uro^Jf7kMb+Y&!Hw<UMTwNc+f^<5GSaQ_O%ZZQKPneFHww?zEj
z>n~y!|2?t4qqX`k8vaFq0mS?&b^IgRKgHL-`G8C7bkqe|e@Vxzr5Rw8$-o{S@B`q+
zRwBSf7iP(vH}5(g%}s+%&(@__GZ3&eR3&s+mJn>cAt9ejU{A(8()i4-ko{<I=hcle
z2Q>D?1V#S%*Yu?nkB!rn;d?&K&jk3_<tJ08{hyzu7Hlgi|8BIuI7a{L92NdZu;RY}
z^H-bu1^jPi0Kcu`|8CKLHPK(de-Zp`(_H;Oe4+lw1c64NO8CM8XaAibiqdR(uN(X~
z;D-;5WvDy_TKK+6uKz#~(g~gx_vxH)vF{%Qe}C^^9B2P^j{mU7zZ=-!wsQV!FuxD~
zi{sz+ME;ZJ|FFlubNp@N<9~tUzix>UzrTX$Uvo}>3!nc}kN$@x{@&}amC~QmM1L``
ze+Toc;h)k!e`)wv!;Sevp6CA{d;B%Szc~JRUHgBF<A02de_pfx1<#*2{%L9Y&l~<e
zKfgHszBK*UIsPx(<DX^!zryiv9{p!c|KEW5Wsm<v&i~WM_+M!E|05#fUzF~@&hbw|
z_P^)&C$;*|oBu5`{&za{|G{tcKM|JydSv`(V)CCD*#A&Q{`yk?Nk;x_TIYZ5OZ~UV
z`2PaU_%}=ZKT<9J9<%>{&G>iK{r?foh%fo?#WGvZy6(!EG!n4HXDM5R5)KV_)cZ5w
z+N7trblx|BM&ag(_N!36qYL*qeYHwREBSmM`x7~4RweO9pU@$Ls5`i<k-lgf!QSef
zAk!n$o<Z!kcXp$F>tC%IZ}n(}XGtEBWE@lZG*&IDvgWT3pHwHPH~K)cK7~&r);>S;
zAGU}+KcztTSpcPW7xG!wH#SOxRuDr*bI<Vb?!N`F2ef-!2W)ByO+opk4`QHJ%xgK>
ze|{^qY7kq}cO#X6;_o)p2MLS~a(X2dF2owA3ZK+P41$#YxsOZ3A=Ji{RsJmBPNc|H
ze=1Ks_*PoST{nxb{WY4Whyqe)(a4_?Gz5+k4dT#8%R+mB$300gd!43wz?D!$Kph=s
z3+Vo0C0Ap5X$(17<l5iYSgsY-9lv0kF>hWDAgH`>V~Quqm@Vx*%BNA;j75J3zOJKO
z0B#8(OUC21uhUKEb4E}q$CBpttZpa86GUQg=xo!-Zj5Q6vj#!qR;0sfM}d>SS!3zl
zE}hHEYF4{(O(8a&WdbdYQh0l1l6~Q|$P)EfRM$$ZV6ws6P-pixF(Eyn>bxdV5`T-L
z+@0MA;yBV(p&k(EU1xqXC;8<oO(b6{LZ4>Cn;g?Fw&N)piz{Pq$F3+|l7BnGVIX$)
z5#_M~ftnT2qC-N}1d^SuQC_>rV(NSMnNcf2k=8?ceKBTb>XfEoaqX?eTZx9Ga=@ZG
z2_urecJ3+#c2J}xD3vURU;WjKK#WTg77J{HSLCt)x1SfAYw0s;%xb`iYjL^Y<&MU*
zaqo<UN^fb@P9d{|w~aM|Lz5KZV+5&sx=qU5TxIO9`*bvI;_E-A!V@iB0Ff{s^Y$ap
z%*@_U*{H^DrnA&&#4~8hNQNZzBf|>}p*~MS?hZL26*dZ;6_vuiYJ3+HEq`R9`DQ?P
z(9KjcRB^<%^~6YW;?`T?Lqj_#4jBZkBE|cv#-50~GM@?2sERK+*5;>Po=3NtJ$?kd
zf5i!Dv0LNK30q|jJM$$x;Of@0`!YQ#rYH!%!L)L<xYnON_UVI)y#PDA>BSUUOx6BQ
zQhBPM^owXAXnN4@==}zIb9*aeTki9D_p21|B%q?v6i1+vr^lwAJ83i6hZpEk=7mE@
zHnuoV4ih<M^h-kL;EyvAHlnF`bTvIisB%cH_r#jMK-&|=ilQSyGEQ)_MGbubE+HGQ
zFc=3g0?}i#2jcvp(XP4H^QEBiN~4atOuHB>5MdWnN|+XYY?Ltbx=Nj$2~YS*a)hEz
zfcShds|!T-_|yQ*dy`tIMMCV*UiBgc&+H{dR5|2lgj|P;_6^-BpVVu9&~a%|8*9Aw
z{{4|HIdq(>%@u1s#|mE9m=6F`zr9_Ki+YI|3Z&A!FjC@E!)f&>GaUcyGafVr;&$k|
z3DV)0yTKHXs<Qb6RZq1TexJ#N8AY1eRh+VdZ|E}mz3RuMqjK75Yuu;rqeB!5sAJrP
z!`OFefU7bnQ1=PE<9D9hg_dP}ot1YO-&;?VGRuyx3N^&QiljKv%r>L~BG%o=3&0FF
z)odnGpzr|m=Z5uF%=A+x@;a*)eRsC7M{7)N+?Y{<KJXe%Sba&|%O+3>?bei|_3G!M
z;9yHNOsX5$cRR`_b*%c<A6Vv<y%~B<cDgC#pac-}S?4_R>^46eLw93Frw<cjql#az
z`8CkMX5|{(*)a{UmAurXGrpU{*J_>{G<L2l<*d}6OJ?we-xa}j)lOyI$j_^#h8sFC
z^BVLJ6Hcv*w*wNu-xu9ergfTsIi<=u-lCE$qYD;sGC>QjbT9x&k=11mGATQeS9enE
zE$)Y!1{;M_9(#A--;3s(!%sq_lsHz1VxHFb9u(3-^3b|G@t{o?|59Bz{T^?+^_~F4
zxjmg3?~W7`PFzO!;sgok>XO=C*3`;Q-P~IuV!XvGaZ%$l5$f56ivfot*;TDwN%lOR
zIo_2UASqwACLggcMro7v;;v}Ado7?G_Yq>Yli!=C&CGZLukJZ8jv**t6QTDJHuT(O
z#jrV+<rQ{D<5WFnEcFKY*>IM}&i#1N&$^(!xHL!dVA@*c-NEE&!~;50EC}U#l^+5O
zp+I+xsOQyO#)+vrT7t<Ys@`I2M}$r82uy`8i#B9-dfP0UT1{`WQ6d^!2@jsgFE2N9
zCvp|CicO8HV_4*)i?}W)0#sfA`L%<#$_jmM^Hyo7I3qE&K8ntqBeCgnqlTyzmO0eZ
zx-k2;_%aN#M>|zl8vq_wv{#c-(HK3;3rY|pShlZ8_H=jHSTpZo)?GFdkRZv20$$Z3
zVqTI>BB{Ise2Jakg+*B&HXu0%G@tp^CNYrTWs(_IH@+XW5}6YchjcJYpjy*1lx&Bq
zdiA1RI6s23xDMoT@6ZEVe*u1ZhP)!;waw!c1%FsqeA&Hi@nYptYSqkMfnW;(0$M!Z
zj!;6#9}wBJdl}OCYw8z34Qc|I9PO2ztZK_SVaZms4(6;%hDvCy9Z|g4@m#EJ_VVw~
z88rup>5%D{m>coZleO_J1VQWg6}DA#KJDY_P|lEMS_^XncITS`USdVs<yr6d0Dumw
zM>IQ&+gP{Z9@>7fBqHipUGihkx)EFPd#--r-=Ud;v<gcKAdq*NS;txKmSC<45Qfo4
zLNY$@=CYBiq^38avMPP<<g8`t>h!>(ViA5sTeedS6&rOkx1+}3oM83S&=FZHp@Kfg
zNR!}1Pf9ABI5T(`JeOX0OGyQBy@$0pA0+}=(&xQ3oG^vd+3&+Jk1v;^cb^V8QSvmn
zybmqTgzUv%1ERpEnYF<>Gq=YnfOP_~0=$xfWq^*<M%4+{y@M@cp)_SGj0sD>(qIR}
zhTWD-eiO)k2+Rx%@F6=pCw2pO_<=K*b26<rhtjs&nPxhX+eZL#g6+Z`9DcdX?oMu^
zJU|==Z*YND!hSGM0%U)wi4N}S1K<Vcn)(1IYVSVwMc;C=2Ra!aFQyO3Tt*{PGqwJG
zYg#^Y(Eyk^&}<I9VO2rTX<Ci5*)6}#Vt}R{j>Z4h7rVP5@!DCCIeDa8td{$B&xpZe
zNV^p3$2}gA2$OcZeu!A`BT%3Kf{L%hRGOZkWbGhpCimyZZoBW6LACUJJgMWlgYUYl
zcIZm0#Ju<R-6BmZxnNW7=a_^tH1z8-;r#0k3CAXF8dgWe6$EFWKoJWnTNIP;Lt|br
zKYuI%hu&yu-I?sCia9wxEV$c`pxW<(?IQR2EJ(s41F_>5;=ZVARRC!vJuqIw?hCG`
z5H;rNG*!!9Q7mw>-|-rurGU>BjgM4<pUoKVx%7)cc-HU~T)mEI#U*8LdHe<TYx(Su
z-RBjE6t|iD$qaO`3*Bp)&3?#YtBlP&zP{3-D6ugp`PqFWJW5)U<qfm#@sWd(iCoOB
zFRAY?E(rsSZ=0fBd_8Q8QwJYChPsOC&M~e9HLB#d;Z`1iP7c#%(b%Tleo}rDjR;*@
z=K~FM<nm>FQk>82Nfa_+zg`z6CiKooOcW<C&Jde=qyxr0?pdEN?CuvF?MTVGRB29d
zVm)M3@@TsZsC+AC8Pm3(dfvj(BsCt?D-YWHsjlD`qr;Uy>IIe9&2jog<@>a&f$k*l
z_iTwD@Hn3F%qB`6SfW{EjUe_x`n8kOpvm}+L@`G-j|+31^9Rz{zK8=4K`dEKLKtR1
zvL$dMkErpLeL_K^jetqm`TYwe{ELe-CgysSzpmG@fMCtHshgh?MAj~MwV&+^Gzh|O
zOYvOgLj{iP&DwGq-lj>?EZ<*Q82{X0mb-fAgckVmWF&A;-uU`Cc`ncOMf;*t$en4M
zmM3xwYMez93mTsV_p4cHNJaRw&x)k%)I)82sgac*u1aQ#ux@4F0>FwrMcJVkl>$rf
z&5y@8A;RYqUlDGWzVfOd_dCoM0dy#)n{u{zSlSrRk#|AAXSaaexlk?dtHNEM0Tp^l
z@3GK2cKG-1S=Kwi03sGy3QoYbM}s??%8f*7G!U<V8ln+F7B$yo52N@}s(M~>;=M4G
zkY#`Bb5bh!$nyTh_<Q#e*#QjxL_)U27P=VJ#eBK5r?;zV5Dioc&>blOy%(_8@pHyj
zmYq_R4B;f&+6se4{ONu2C3ukY^OWfpoe>tDH$Qi3MZD_ma}Qe`k82H7dUE_c>GtaQ
zCFW9LV8Cs0%xW<kp`nFI0KYd~gg9_|dxc@-L*Amzy`Sy6DGpVI%Y*JTF?bh%V&h#8
zd<e`&1<bxl%e$*KvOlcDfR`QygWNei>i1DSbr1lDNDTc&1McvjyNovo7uVW!2f?ZQ
zFe=#HwXcKgJG4?_o?3~A+vuE*)tDr(NXCzGDzB3Fs`Un$(lQDWl=#qy--QE#!cenN
zjV~bx&q`Z4emvZxFY{Hiu_)+#mM$s`qhL5D`liGMlTU26OZl>~x3UosdZtjJ+%U{(
zxHcZKi6N4pI+#BnYp`CHwQu`=Zi_a;!+clQ&Q}RNTgaGfi<tf16AxOUS4&MB7*-8C
zvSC4sUcwN`YTAy~%yw`{igh@(8iMgUQ+EotEVbPl<>7kiX-L<ah#M`t&GYN1*l=oT
zXY_9GB2T#9H!3I;%d6xh2rEQ*utD_?b?1KN7Gr*+L!bByx3?#N&$g$O`$7Y1YSeUN
zP*L!upNl8;5wrSz=ZZPT$^|)fUK5IKlGQk$*M;d~&5Jta_ecPH>OnVeF+n^KD>h#u
zMorwm=*WomPr=wDQ);VxpMO|#she-=;jdZp`-)^tw?VPI|JjIGwN$>GMBy0diE#Y@
zT%MWGk0K%~Ds&YJ5JAUsKe8}AR<xxAy4pqFovEj3E>(1^Kp{{Ri@n2PZP2LV7Pw+1
zdvoc{A*-MOp!*&q>ubzvS6ou*&Up(|U(FmXT3C5Ug3#b(H>y8B@pV2L+}(^tCea|4
zBoHwym3$Es9~HldH#HyrL|5&0+bwJDR&QI#Z(9Djm8>Y7k5*(H?bZ1}j!sZ+j+cdK
zbY0hKZVlP^8v0hC2j0C`#48$>h{kxW#|z<<zT}=+uQtaE(3y}8b`SjLuk-IZ!f*!;
z2G}H`x>$=+`k~33qFJ5Qy5ceM7L&SE;Ms6%7{j}>*ktH&P52iDd(&@1_Vz_|GcAH8
z@muKTnehWCs}&%ok#|2ubaF4^tdiqo=L*ylz@82mKB`)7i90CVPFPPGm>-`qzbik<
zq~;ovB+J7+DXLpv_RUz=8`zD!zrGH|Uo$>+laIV`ZHtWGFh}#ZZ6}iCh`(i$`Kh=K
zzZPSbSA7o%4UidVkuAiQ9j#{?d-P6ET6ZO{79O;9yO@R{@{JbZ%`5~*t_r<k>+5A8
z{aM}m0|{JWjjge)-ZcAu^x^8|?yyaviX!mPKd#PX+C=lcxDitWTK>3o(|<lAM7H50
zcBXTLT+|_+LY~)R4i;T63GE48cLz3p^mN1tLMb)NCq7XZp%p2hoOkL<QP#<eGB`=~
zl|$c=O>+K?+=2}A*YR3Z9<*^|SOS>GHSS;)aumIqCOLjO;=W3?ilP`oD3f;J=0A{I
zOW==d8wkS$+V#Z(0Ee$>xv}lJhqw|l5Zi}z*SwNgN*@Zc3Ot$lCNg-x^+&)8OIgzq
zuL5L+vF0TdM>taTK$hV(CvF*DI_iV*wU9YPP8tN?<gUf{2M1r0lZ%Pge*5{(>kcwI
zoTZGlCI|tZ_DM>_wYu3<8VegbuPhW`kw_+N+&zbyf4C7Jx`H5)7k}=vnYc0d4iQ7D
zkXc<Tp_KE&0Y9s6><=6A?ASqWXv_7XclQyhDs@nsYR};!nbOQ=!{;}U%>C~AakWZB
zTR3L-E)uX<)l&Vz27TxN!Gq06y&EiP+(vxA?X`^(%~)~@4q1@mgx1nvT!m5RTa@-i
zE=&17M(4QczPSWN-x7E2ex_sgYj?W26DoazuExsa{wh=FS81yy(*`Pw9V-xYII&m#
zg!#TLCIyQ!cG{Ine%r{)F;6f8=-5dJLk16BB`!|0?-djey8TQyMO!E2!TJ}eTgvkO
zxH)qC)(zD9Z8no5xOT>Yja*GgzG1B?-8oy(_^Xa7v8*H*1-f|ab85CpGMl|`up_bt
zh8u<+XaamVbkR^AuF3<tYkqbmlJ`beE`(h|Ef}DF4p&t2v)LF3GI$2f&9zfsQcgoc
zg!r4<BOF6>ITl$DGPh_*g%`RJ<9fb>sOO;YFYlagPOK2yHQdS<b+RdC7e%omln<%q
zJK6z(@2&Fm;w}GNg?8BBu$zsgXyHW}?Ectp=7^a!T9%+KNIrL|$p?A|E<$nj*$krx
zu4Dr)*sDf}eV_|AEY>td^k%v_-%VuNVQ)sCI>E1?@zr-Bj!N<{C`%r}&KuQ{trw;p
z0j%`G>T%SoSR7=efSeCp0sL}JA|31|C{O-v2Cl_@bML|F{fUC&8cO544)id`F=Elu
zBRMbqq$B>a=@mGryf{7`CmO>K%Ue_0!nkNPH&4WKZTRn%yK>daq}2+SHwufy53Yc2
zmBAzxd1fe4pgOFbz$~^4<;UYSqu<qYGeEaTvSD+l69ua(Z^ItRkZr$E$yhe`16yYe
zL;h4f*KulP&MmqlSMd^F+v&%_5O3LvXgB+@)`6=-HeX3mLJFONmgM)kOTTLim-(nd
zA0`lgw&2%3&&q6tdZoZM(?o7QD8R!M?maq>Cz(kzF>>rYHML4LeuNLhXH$embf=6{
zU9a#&>QbEo6$zw@Zg^X^hOTH!HmzfU*YL$;dE$1>3#D^wSyBIyN!f&OeIzlM0IfLE
zAYzD?g=v&{#WEROK!{2yhf3&vt3K(GJ*`@u@&%4tzRb&iuH*dNh5?kztH%v-4?pAc
zBJ^E(xCFs^4Id-|VuZ3dL3p&mtG}2X!W`sab?QUAF-P?vr(sNlbV;I08k&6Q>*0rL
zE2#{1($GXd4|C4QIL=1RdQvca?7{%ft)?*TV~*|}*w_0HrA?#Tp0D$=Aj)NLl<Z<k
z)!PX)9@IJo)B%#*woXSz%Z$Y}cN%z!6N+Q)b$%lwLuKY<I@u_fDZ_87upZg>i2))U
zE^)UpUe6Q|_rwp-gdsIk%&8rUSp9v6IBH3Xym=2Oo&XUbU`JL4aZ(8<wJAxhAqhR{
z0ioE<KaFY%6E}fUIKG&kHAD+Mkx6bf8)bQ`d_DvJG*|C#(HUe+;1=K_Wj6b1nh4xb
z*;OPEEvybwW?BPXCDC|tW#`iQD(jBgfEEbv0ny9z{LNO61ZG^BAi_!{GA)XH>U2wt
zt~|DCmx`Vm3=Du=qvW|AWDi_0;~Far6ynJyivA~&Qxq(0zhkxOLew}~2(h|8g8hl;
z+n@+kWUJ02=Ca++5-E6pZO8P8lD=-5PzoD%b}1t78GHr<@FhddP&uOWW%yxW?A>6*
zaDN&u1z?DSripI>8E$S4HV9I)si-t~23564Nu%4xC{?u{@dTTtS&QdA-Z~F9sq#|T
z=_(`W7{P(d<Z5qyEN24Vo=;uU4^}vu*=H*)fmd*7$CYm|NC@RcoKuKM05Ytg{<bb|
zzzXX-Tiofi49RDw*xj7WRvsixqA&o?y{0zEU~UW2GOsj)Cx9?n0Y7l7tx0IrK$mgd
zPW!MwBAn73H-v!IUp{XQkA*0L2VJU0wTN}s<dyZ!3du}{oy#ljIUz6PjXq$V&&_p+
z^2!&LCmO9=<!oj!J(6({%0hM%iy+}{5*EK&3?ev79-isoxFU7Up5^8|Le4OU`mnbW
zzoAkxB$(@xECGw|XDkCU3geya7z4Xqp)@R`3YZPd%e0YIS>WLYs$}agO;^c&R~R{&
z_T)oFv<yy`VioDaH%-erbNtrQ&S+TR{XohO`=MrXFgFW1sd>EP$lA4UG`s{J+H<w=
zatMb^pTXQ#r9%k0xgQ#6k2$2=Ou^*<cq-4LF$6KpX$db@X3#_ie?4%s^THQ)@P?EW
z5LbKBPL#6ioP<#0KztgsQ3#)kZApA-Av*h@RQ#0w45WRDMv_1w(9fI#rp4Vl`iPxi
zx#%>OZeqsL7}^GHYeR9K($Y>0^EgVDQQ59^jzPM-lK#~b3TA~2A-O}8-Y<-#tz>i;
z-Wh7ES#cOnW>O@|Z;tiApNRnC+_PvK=fi46r#}1gEt$AEf{qvdN=uxUwGyAYTXYr`
zMu+7^)>VWOPZ0qs>6GYr7!FGTr?3tXn;i(dHRB9Ud+xZ{je4Bh;gV9#e6&)sJ-<HV
zSS#iRRhN4(A=1I;Q47ga#5Yj`dA72gf26iljvjnIh_V#B(5$y|{}hH+2DgKVqyD_m
zyFFs*dl(s|rR!}z#seQLD9Lx`fN$@SORfR%ikSXPRQM|R8ZnpKAk34@i;d>%;jl$y
z>R-2zHB<z6R9=AIH#pLYggZ2IzG)`Cz;-*;{e1cXs7qIfNv+l>qoMOWa#U{KoFp{K
zCS3q%Gbc$kTA7uv^c@>`8jucx^NXE#J)Oe+Wz~b8AD62-7qNI`?x-U8EjQ0zF39uT
zDe9L!a{vof%IZ!kQsv=8<NES3RuyC;^bDrTv{(5^JAxE>AY;fI1os3(^83(3Y-}`o
zrw1BtYS{dOSyTNtJ>Qk~>3(LDge%ZZd+1KnoC)qG)-ms~;QFtRmtkT%(_xQN3Q&y>
zf)+<=DIzNXVFU%F_o^eB;bxZwatCJ&^IGBnagc%1vaYLYp9<f`1Jlg<%eBWwRJp?l
ztRfoIO8mF?cjTAZb6!S1-RYRBku7$?6s*7zSXC)bH_e5??PgW2Jrm3(pUFiLx+7Tn
zgd#-La8B#bB{DTB`yZm-ClBoLfj1&I>)D>s;eQ~s7aM;l`CYmwYZZY%&Wc~3Fordd
zmasJ{s)-w1R`F(2c~aTd(JtAmRxl>tN)TL(q|;uYjBTKO5P`CJ?fQ&9dywJ*pgHua
z1uPTpb{0U)%f~8dRZY_Ea^<hSD(+0{r*B?jy<+f1^GnjNa%W=9hPA!#T)Dpw5-}>U
z=Ly!FderUCV~B^2mZIR0@*RZXGYFQ1$A>7*84b8vZXy|v^Uu!Lp6Vb*@E#|_zznNG
zQ-`k*RGy-?kZI|U`@6HjuJTH;mY+T)g@NB2mVYT+^M|4!DEi@K^UaU(hW<-{do1Od
z3F-$QDskUfY<NnuELwAE;6s6l((<tD2^KU;R2uDc^OzsyIy?&LrHFk*sp?dhfCWL(
z7-dA=(RHW>6A*ze)*2TC%40MMUTtuq;*+gJ<WxCjt4Qk6-7EsFUZ*QB-S=7iE5LTA
z3#TD6Eg?0|+4aRY=f`#|(A#5$=iA=pJgcE=l%3kI^-}OLpYv+81Qgy7$BI!X3in)i
zyNL6CML;J+`4G*g9m=99!d<XE0W4@T!FR<}pJ1R%`*|R`wM4svFo4R$eKem{W7GUH
z@!(ckD&8Z{SfMgsYo}P4s%vXR+@k@IF!eM5i1!XKl#9}JN~}o?4hM}=nmhQ5P`Sc+
zf=6$P?ViPFde0X-8CKmv-#aL?V*}^CbV>WGf*ay5DbveM!s`uuG#83t8B04ri=j8;
z!&u%i9R^z^xJ1+oH>$p$&D6j4Qv(9PWEMc46~jIqW`j;I%!2Q?Rq6GsF9!_(Z2?=?
z3Af2c9=hI0#?~4Cl<h>Sx<M3gcWl^TwS^MPzMQ6%*C;)iR<jtMslzavtKLZNyvp2(
z?=VD&!)=8VxzmecpKpFD4Mi`iL67Un>RzIzt$((3rHouiK~jhFTU2a!-|M;H8Y@D#
zgJ{OrV_j?!q$2zpkU~$60H&u8?1aD#gM07boA-3s#A-PUNN{k;-xJp_gAac@FtYY^
zPDw9qen;=PlO_)n*}DM8t<P@MdNk88_@g@kP_WIp!%E-BW2TRXB5-`y4Q5X!13tPD
zFQf~4`JTGCH9c<{XEl7)$K3pE^z0B9JE>?x>}S(C%6{TkK`hdAeRz~aFyTr;!0Jak
zG2&fyyS$ZYFiQsbS~1&AkNyZdT&Lj2L#^d53d&R4&-!WlSB1kD7xL;QNjL0ivAX+D
zbf-;p6i89HBoB4@QH_j)YM&?HY1n3DvF=#^o1EqPqt=InYgZ}|^Kajg!2!7KSpe)@
zJMSRf;*70x?ktOoL^@DZ?YHIGP#afKi*hTy)B>tCGMmv%ODLty5f|Wj2F2{@OpTal
z$*8_=dh9G|c`(q!HFP+MAz+OhM~{DdAtCDywv-V5`eSa)WE>D)9b9eLRE7O@8ribO
z`8L@;@MC!A0I&1u2`kqb6FNPP24Av{7j;y5*in_@K&CzqIdrl$ted5l2}-Y*Rg`XS
zm+Bh510F`OZ(~Xuc<UnnNd&@;QK8nJYxEiyPm8E#AX@<`gNr<6vXdu>J)1;|SDjpf
z#5+QyNj-6bSB#NSc2|^Xm2kj~pry|>xCUD5tgi1`u7T)=FC^UohpnEsw#_i-0P1~h
zka`%%pZ1-oz1f=cc@hFP8kebMwpua@BzgZSkHurp9NVb+O}$tG0I$hKPazBQ9-D3f
zVP2{Wq({y$5N5s{wi{34yd#(5O-DMv3m@7l3{3rGmeu*9ieYm8KFH!ndoj1K;M0aB
z){|2lBSW-yy|;Z=Cjc6@UYFf-DrhY8Y>K>dav83rgmc?qw=}rZZ#5La>%Uh!a^8pT
z7oKZILpBZ97}e*`kh4*wm8O094jce@J07Q%ZY*#v0xHv7{Ba2Cy(HdA=oFU3q|hao
z0kAQENT49~tcvhR_tviL5*S?T)WM-|hq+drR;<-q1w&K$%o`3GdY$cpZlC>?Kfg~=
z`#5oYF)0j~ZKHv6!yxto`5e!~&N%=<^iqI)BZE)}(^_Qt&AKW91B5iH37{UT^_yqx
zL4oDr4SSFApj3He0>(-D*xUHHU(eu=2rs#_V{~lzZ@bp{7p|2C90ZVp{9<$G6!E3R
z6|65O^7|4RZ4SXKDu^;oXS<Ua<7F_^@Kj9XUxsR<nR$N-fzsOgbOmsHYIU$$mqV?U
zd)+E|ko+Jjv`pO}KNFbX$BI%G=zE#GzVO#d^{M^R?eaw%b1=o(AF&oPl;Ve&OPELu
zB(WY)&<Uk)0h%;V=*V&aq0?Fzt@FEf2I0b9Rku%q{VT7f8{e4y4@<s4-0R8FQURb~
z?Y6KT&BXR(IcyKjn}Jvk_hWIy4rk`-e(_MD3L<A>g*6ut=WVHU!Hj5EJn(>S#bGIU
z!{V;>ByPDo_<}6di$I>I8JxZ2sF0nQQdEbZT0CQ7L1O%dTa!#fh~B@n{LUq?3ZibS
z_rbiCv6)J0F}G%3z&_4oev<p-c0%}LxctNhID=fnxw>?xzKN?XV3m)i&-I#w?XKe@
zXyE`*A?{PJfZsQbhE@_$#je{Z{W8$e!{^sz`d@iee52v^DmnB?<P7W7Za7~Of&0#G
zwKAn9k0x(k%vF5LnhBDl;-63VX+~mQzRql|P}+WaIVlNNR)EUAro<Rpudqc?ptaig
z=g}M6;Tv{0NXMpb@iAjhGE`)4=~~x5cp@y2kFR9dpetr;bC2elW=z2N=mVlH84kN+
zI{5JZ%feQ2h6%kHUf2>hsvAWV+^ov-Kf`7+5s35S$~y~hV~C4cORT#IcQW{YO2g66
z?!fXe$Tm3LOq3y<X~VfAS(d+Jg6uD+J_>rhy|9Xd`2>d^fhVy!+q<sGb})h8+%qLD
zOkFVhYt~Gs@8{Po5x6<0)|WbwZh|XEpG#d^{?xAUhosw&K(fFYo(xyB`fhFo)pxi(
zFL4lSYade50$ozw>36e9b9i5`KQ*VtcA(;yVwppDfmR%sI^7LodYP-oOO7X$K4>V@
z$sOp&;%k|jJ7|o|Yx~Su*z7h%27ifV3x`JOFt~xYV;w$^NqQ+=%yOiJa~_mn3gk}e
zf!GKIsFsf;UDbLd!+FXtk?_iK+~Ab~3PBXyCDKS0bz{9$D-WC$hE)A`H~-Dq0rme;
zg#1rkJs!Ze2M6d=mmUZY?kQq7Q+zdRdUi3I4<rK$+(Zt8%;2%khUWO$9c~ac`BK6j
zKY>06>}Q8qjvHv-x`T}#9LBftPBApM$W_Bgwn(gRJ)0F|rfpqb!#5Ybe2DD?;M+)#
z<q_Wt&8P{aN@|{n{IbEU$7Y?aF>R<bv5}Ka`ON*m6GGH&dnx4k0h%lu?x7!~x<YW#
zyjVLyHy{XMdMyAp^2TAWjd9f5`WqVFDt~raNK^u0$PSFr*~$TkWk>}Q8en3)61=y1
zB=~ZLMknF@I;4Z1TKfI%amCHhFe<H>t5sW&4kW+8m^;H~6keB&G~@j&)Vkv)s)WZi
zO1g<vEiiG_g7GF@5^$bcs~UxL`&;;7*^J7Z*WCK+W;9Ut(7rmA2IVR*)<(bQn%N!a
zw<?|*Dtj+mHYfG(7f93^tlPhl1~B@!D(-)~X-BAY<Ll&jWr_lH2Q$DD3(D=q8LO)F
zuJh6d*~|7AeJ~k_UU69Aee@^JWvgyd>mnievcXTD3SPww$ar$JXdP1U+c+!vdSCFO
zZ|Z=Hb`t@<VaxtxdZ*)Lf2oWHKmS7|IPm4;RCL@SF7@nkt^{jV4y4$j*SM$Oj*_z*
z=7f1(RC`bJ+~edAZ7M#D_7=Ix!*%}=A)hI)&%`IN0!r&XxAek;ZCtUK?+9)WUOLYS
zIa-wO)Vh2IceNoU;jRahz?-?<lN&K-r*<iL7Cj>wXGC3vB!*o8$f^Be6M;e_^v}c9
z0TcUBm(yW;Qk_U4eh^-!j_$Aq{Ez*7Q#vnDx9P1$E6$CyAtQEQ=7dTO9Kt=E9m#7_
z04}`{LDld5yUDHvcJ+6UzAJ2mX<L{>Xe}WTv1Yv?M}Rg)W)@>KFP5AVVYG`Z#Fk?(
zIftXK2wz#R)|vBpUoXIGakc10&W8}7l0krQ);M;SXL2Rq-Z(NwdvT-?Ame}lfoYX4
zOomYf!^2$Ont%($vU+CzB#x{O?ce@&e1zmNQp<Sw$>NizBar-X0WVPpPq}Siou}`_
z6=Odx6zXIL&bS7f9)&o>U6^v@tW1C)UBy5M$}@Q8Cxk0#`&yhMeX2}%T`4a%f|;j?
zjSWPsUh|a{1_o6gE*n4ZibN7a{dl?1wmn=5HEz1hUg@q)iiC(%mUP>qwp-lEB`5IH
z;h4r}uzKXld<|%$!rCDA%V!aL@l{F8jc42|#&#V(UsPg@@PLTYJS+0@stFO{ql|zm
zn)4cmyvj^cG*9B#%Xv5!obzrE;T3;S$W+~#_0m_7wGwB7mne&o>bwmlYd3YY1LcnE
zb!JO55}fvEJD~O5pDZ^R=#LG-oUx{aw-)Cy)OscM*ljj1hT#GD)5%<p6-ZLBiG#V!
z0w4lFq3?5OFgAEMv~d1_m4FJo8t0>^Yyo1<kdveG4W7M32D-P{)PiUz)vRUmZmbpN
z^+f7h0w@Sr30qesuz1aSnI};$o)NlA40OmkFJDYudhcsN!dfJ@H|#oyk7go<als<N
zzoA<P>tAkeQ$*|rnS-{Yv@i8ef+_oO!?+S36#={Pv)`HLI-RR72?UVrl^W-T2>IT=
zf3QwYLppjbj?8yGo@hSl4G)J*Y(YqXx8|9~$h^kd`pOXhoOOke7QN_3ROZ=}v<z^N
zC}@5*T!a~XE6{~%Gi2vuO&H|UF=X{WvJf9BY$R1madMXH`XXDx+5q{m*e}w=+)eUH
zCxqYrcp9=pCt^tw$!Y)K?wqxBF|#Iw&N0*7w<~q!4P`rnR5NcR&PA0S9jIL{Q4HM)
zyPpNd7i)ofF4i6#r7FiMZnAB<eB#)-L~~i*vwbAy{wmZGeSLD-9RZ<RJQ}*6{=Phy
z&)9qu7L2KWfm~k@wPb%-_Y?!l-S;J3r&hHoD~jo;AsB~=QtxhMc!?g91&?ywTZ_e|
zoxG9Q>&8nKPB^?u%qqpkFridwcZ`+MNB&_)S`QjYz8(*Ejdk<aF4p7{MgE#<$d+D{
z!E0d5(iiOIH54iLm#OJS<dcaV?}?Uu%t0;oS;9>CefXMJwIpO^)zJ~h9+c6ghR&`T
z3aJ{?ir1BLX=cBKi9De$R0B=|YIokJ=bNF{3ENQTF6CZm7ylZc&@h891P%Po^T{mn
zAnTZ;bcoC4#tQ(IQ?%b_q@6u*)TDwPyNL;(i+K}_S)$Fbnus{fal$IREULfZ^TmSb
zIyX6O&CVZoEJpqqu>X$iroC(1z|2byrrui;A_>(??B0g}*b&1h6=m^O%KX66;!3y>
zMouF+<oxu&ZH10cEcHrko}<*k>u+{X^PP&KLe`OV7#%TLs-?t>w<`=1?-29~12r;@
z%v8M!wNwc{)~T}8%8Ma<hCJ8iMvZ5`(mD(E8OLPj^TIt~7#RE1fUV*%V|aDd+NB&K
znLI_H+19Qj$>*4%FHtokfj8H$;_CQxugH|6FhIU7>Pu`Qs;zBsF`xzFpkas8#J%i-
z3_^fnP{Nv<WAu>Exh{nWD=~rIxjo>P<5$bWFBoEy!U4FNP}&7d{AhZOMbd`g8o@Mu
z`ZeL0A{_<Ooz=rbC02H8jkb$W)GtHE4mV?$Ui+iwvh-iPn7SVa1#iaVvLUwB3A+I@
z8ZHe39-dqc_eIlm_Urjh_xpQI-wpSGLw;UMu5c$Ol`gCan5)(5vTOi~SDYDrjj%SP
z-+wo<5ME@&<ETKhTH}qu#qX;-j@a!|o;E2Gtf==iXoF=b)yjw%RQRstL}6fiBTgYc
zFv)%-=8qJH%fz?R*cyw6)fTluaf<SPb#>?QO!$8sz|FBC<S5LR$eB?lb1cnOj?BhT
zIa1^rS~+s(%$XFC<ICLl(a4!xIhG@#(8Ly_G*XQy=U0#K<NK@M_rK3S@5kr!*XQ&4
z=k@$_w|8X|2@~Uen91sN>s+-<qGjonFO(^EGnho>K7_v*&luMB$$ivRhMh^0?11*d
zA8q<VXkz_}%qKSOAIYxsIljBs_uK?3xJ2F{s>JlN%=1YP)0{-zhqz_NUNQ5d<vCq#
znjj=E>R#;Qo_kxm6Ahnh^=nK$^jvuh2pU3ct(Sm}HxiTIta7*XT;@ImWbJ>MaUk8&
zp~wo~Nop(2x$CB4w;qeDw1}<y6hovYC3*_%1@grWWv^5KlF1umTl$p_abu1-B3+m`
z;YmyyPD4dOt>T-RI;efDaj~Y0k|vK-Li#}8%t+bqiPPfyrf)GO(Ox^~Wxje4;8}kV
z0EqVb0YcDn-r`}!Q*m4&Pn|?H3k}VOnO7$c8?K7!>cnl;6Vui!(UxV#Wg&!+AJHqk
z#AvU=+#iDXmzuL`>^VVa>Bxw{UI6<2lr&~>PnOD~FVo3&eC})J2UHt>UqI(?f5_-}
z%?b*C@WeP&0%#Fcx?Xq1s|O{O9|cY<J?$^AIL^dw+Oi)NbY`#)t-7Aiz0|3t?r)lM
z(@$V<EF1gcYn1Sb|Idmnh+jC!KMCfmOiieV^%!aXlUDgcq%XWCkGBQn$8Wb13=Qw{
zFFeZ9=Jl#aTA}U|8{~fhNbZ*m@@xEDj*QHbU-j1u7j=XzbYZxCppmfTl;O*gSgDs5
z6!q@_hx{J}ESB;Nnd4_;6b6J3-Qv^lE4!OAWlKh&(jBjA9#qvjxtk*0>Evg=TECL@
zgx<gZ@oH*jz_gTbWijzo?QQn~roSd5zkpRGj0z5;kgH>2FkDow*U_SQA6rWVHHqAS
z%?Z-^&RvMTk%zpZAxTJNb=*mTTM`SF5;FWs)$9=Auw#hQ8iPhSTD%2hO@7I6#YAo&
z^KUyB*Qh;~wF6%d_Iw*+aL4?1Ohgx%zt!16hZpOM5WM)j>ZZ)pCM;akB*x%a&9pqF
zP^Xv9;p?V2Y=Fk)Y-6wlADg6=1hc+H4o=irXr8l$&z4O=e{s`BwvDsh)UkN}*z-tF
z)AG|riY&?EPn|2ldFW;(w8I)t4!yQmF6BbDisvZF8?vDM%*B*8@7<#=?$odRWdb_w
zjy4^r(Bz~(PraQuH@O$oP3kCc@0gou8D8P*&<0U7{q_y+0R&~1c-55UnQq>>&vXfu
zZQ#HMkzIH>{&}8=o09NbV4L;gdnQ|u8C>YhEfTF9CqgV30xC7!*zlOdPe=mlmlTre
zJ59Yup0Il~Dn#7oY<e&sGE35BxEv2jjx!Xi02eQnv|0)5$A-M0>PSOP98&1DT9vC>
zcfQ=2k;4p^7wYr2zA7e4TQ1|0EBy1q@ig}cJWUHiepbuMx|llP8N>VS^nnQ?y-Q9!
z^(n5<ZaaTXc38DhlO;^)>gZjLd-r*a#nbOd??%hGs0sqlNDFZe9({FTVXIpOt{lH3
zUIl<%S0MIWu@Imf?OemQ+eapJl6JufCQ=*X_Jr5O!Er(!A%|Kl<w1Nc=_!SOaj+A>
zZNdP}HlBh)J%UikJ{(Wtm}D@E#K^LSETjSd;E^6m3{rxP2Lm`p-t|u_C`X)SPTLWm
zYb${XKI_h~^rzA4mN=18`<gpNckj_q*P`@gTg+tzZaN2c94f(Ck)qxU1&v-q=m}L1
znRGg~eM_x+Ag@*d_@VAk!5CiW#hplv+1<{}W6n>mTl~zp+0G5Ob{J2HWmX6c$=AKQ
z=b1XAmvGoSYV)$Q<C?ajmU>yJt64$F;<bgsfz{*YN8Aoh1D>PYlOY4fNO}z1i$_Ut
zs4`p5yo%*J#7T}R7Rg;u()2d&aZ@kq*vBe<i?xVRe57imOS5FmbnEG^7sKE;r;%%+
z8lo}Y-7=qUiS(WdyXgE9c0X;0=S;hwbTgT=zHQZ1W&sy5P`Db`{Lq>N4GwNIbS0~b
z4q17lR2;E+SM+Z-vtx`mI4z%nBfsRcmDOrHBuT@Kgd{3vo*0cUY&b6np06tobjjk=
z;Y5aMM5}aSdLbTa@=h(Wtp<80Of%f`1H3q(*Ltk#_SQc~Q2oEBd1JSYigMjd+7#y|
z2E$|JGJ%r4S}u_Wb@%H757A9N{MFs4MRWiiG+*}LrRoi-tZmrL7orB&OR6V$B4!`X
z*uTRv7Q)gSq+AJ|>9(|@bguS~_2fQVD~7y;6%(-p=gZo+7zqu^mQkC5UxpgjfA$HQ
z`hC~F$gX@Pc{h$$3@%U?eu+M?<d8JO{puXXz3Xc`fxae25J|sCsJ6FgMZB3Y+N>Gc
z`O9?Eix=fpBv}@+rZvXJ5)9$744)4b_4iaZSvTZ6QNG-B(h7}Soq3<hkeeMZ4*-{l
zDLHG6&~}2%W-3POF2LZM#AW&jsSU<6cN}l8``Vn40@@s#(DikfwWL%Xf-EPFvLwYP
zf5LMaF3hpR_<1k==bpa$TZMt%@G%aB?qK+G-vKI)6dn<Cx(lC`PMY=siz<v{8s6zv
zMzs!dn07P+34+bk@eahv#~rj68xseGHe77jzZdWs)beP-1eyXU_d9HSKctCVK!UP<
zzcljyVleyroK=iM68ke|jZ&%a_MNOvu5wkT;0-hG&$3ir>;If^ACdW|K?-@=Q{kdv
f7S?h(oQ;qPbeqmtUui-=x;LyDp!4U<pX<K?<SOJc

diff --git a/www/public/previews/components/core/search-field.jpeg b/www/public/previews/components/core/search-field.jpeg
deleted file mode 100644
index 50a20203d405b9d0551cea862477c5695faafd83..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2791
zcmeHFdo+}37=J#)m>FWmr6_xr$WgATT-If3)I`IoNfMo`(a=Z;)z%a#nw*qwN4eB)
zEz(t)Eh<uoEm?$I+H%>Vi_5s=J~R7%A)Vv2=j{Hq=d{1~eDC}Fe$Vqhx9^kINt=MW
zg6YHr3<JQ>0%;3Y=j7nvy^`(9baGxcX7~*dWX%A!1cisPmov0I)_H2nH;vuEZ9cwX
zA^7<Ppt$|d@aO<l#$WLHJDI$Z8|I4~MCj2AMafaIYKW`(k8uN>bH=zW&Ub`|gd?Ao
zI1hDWJ0QLhaRdL)IOj9&8xo59#~~lvErHwcTsZKG6}drcR-==I9xVt1HY^7Q-amRr
z2tE&B^#OozbW-Ca0%XSkXf#Y}dOrgwM+4j{pVTI265<o;^D&$(+GYIw0D3L}Oj`$_
zS^+@u`e;Mj7i!Z+CM{G~Fk1c)2wczxCkO&xFhR^5%wRrPNS}iP5M*%RI{`tKD2szc
zB+3!VBnpL0B9keK%8C>PB?U5h8f}`AGL=fBQWRBGRj8_nQ}G}eev=?eLKmqDWCf)D
zLrCufjReD3E&-bjGBk`p!=y#10SpKjj)`sola-Sv5@g88N~a=OmOw-`6BWiBFd2fZ
z98Hy|zG}_!ldIjH%B$%3%$~nwYj_q(O?SZ}i|OW!Wo%Ap)Ug|tD1h2$amN$jDs3{`
zgxUa#1Ps+hpaC5u=o|bG&|l}DJbc{6@`Yj}%WLPg&WwgfTIpBWo+0syf09gJa&C6K
zFFv5TA?+q5lIg)tGB2iEm2@05cw5`^;X4kmwx?#7t`rX03~030ii=#tabcS!E!r2(
zdEdWWsmjQYT6^A*->cC&ATIJgJanjcv!wNhwH297Yu?0ubWtA{eIq!d4N|y$TD{M3
zP<_|zO>0H-`j&lC8&Bt3<aheX?V(8IHXKY+AEo5cJjO-KR@1V~k;EwPkJ<ENB4sj{
zx{r%rO-gZ2+N+4+Zn-5F`QJ1P3aN*!=Uir{8dN8FaJ$+_#kBbHHxCo0{_P4m-*!K-
z=?;&yRX2<nj?4=tNUQ}BCh=|i(t;aZ2ll`B_2I|9TvaF<@jNwShHAl?d2Y=qRb}5^
zqVE5Lv*AJBm1YgDv-^mzX<8b?u{zTztAO{GB^oT#vp-31ej`4*{#jk4pVyuaLsE3|
za6urQoR!&Gu%Mo`ZIO%T(>76bWr8D%Bu;!-E{fb_<1c*f;L5xHBDF}bi02mLSd)}n
z#UJ%qs4I%Y+R_tv`f);rS)4sBdgVLs)a~kmdj8_<VzZGI+d~?hXDOF#Zdfh2Yn;bV
zQYmLU-z!hkC^1b=*gK_Xf_sBzdyNzx_r$->cog6nY3waA5xmYQ6;zX_IAc2|2U6SB
zCIvTlkyWXQrJ&6AW&8Czc#hr&?02dKEvdrN&NA{ZDOkJRX}*Ibs<E-M$n5ct*W?d-
zG0W8pFO|#<n%kBlWYFu+I*xLa+XuV(hDKg}LG|y4`7CbC7K=shPU2w?d!2>Hy;!#9
zaXNNRJ}Es89fCqD|A)n@UAv>I#dkT+>Dd}J%DlSic2_Mb+Gbrb$!)w<IIk+fDg0bN
z^Xw|YT@9`%di`zc5gsr@TKtu?k7*XhrdaJ;>aV09(n6-CSS1!7)cY5v{p_lt04a2b
z(~X(y?bFk;+xr8$8V3VjR1VnhWZ6gdm+sY@I=wV4MsdGKS!{jv*<W=?0hJfYx(jtA
zMz4=-9TG0)72o^4aO7UE_!_tGrz?S7CV8E6`h>uf+z{s88OS;HG-850!OmS2O1_su
z&WVbEKq;Ka@6_vCaDUS$J~NsAs%s?HPEj;-f)dlqhioJ*t`4@u1LJhbry%A3)qt1x
x?qo^fj-?8BNVCb9GehX@Vw6>taAu};!5Qm_42JdYh^_Gt+@?(WYZNeP{a<bFW7z-z

diff --git a/www/public/previews/components/core/search-field.mp4 b/www/public/previews/components/core/search-field.mp4
deleted file mode 100644
index ff37fb2e2744c2e44d8c805c74c2cc203ef613a4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 33009
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

diff --git a/www/public/previews/components/core/select.jpeg b/www/public/previews/components/core/select.jpeg
deleted file mode 100644
index 757fdc21990e7ce73efa5c48129a84ebe60f2a11..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4109
zcmeHJX;f3!7Cs>;gMeUge1KNFM69R?VG^(w0=0sXA)v@mrZ7oD5(XKB_W5eXAv_lr
z3<zn#1`Lx5AwZ1LGDOQ%4FMzx2*@0Uhy+N0yqo%7?GM|&uD90v)$iVO?sxXyXYYOY
z*=yaa=ux}`x}P~8a|SRN05IqRia}V<F-OP1lOAa2W3H&TiYEYq>OlZvaB)Nrmrr(_
zI_<kd?d97YN?lM0DOUOX4M2XST}tl&@JxTh=J&)Jp<$#D$Y2&49}=P9P_p_E*AIWo
z_b7SrTW+W1iE*)Ukj+UYCwh4}LOc}Wd%}OkgMY<CVu?!otB{Rd%-MKlEG3i~YlY!3
zp3qYr8U}y_Jb(-MMEU;E8Unr$0PA@G;QxFl3#I_T{0e|Az3*fneha|*e*jR^@lN)x
zCb2=ppr75TLbD1M3&87Q0JKj7fcOaj%`-pipy@Yq+X1NzpuF(V6%NjVFt7t012_-@
z_CxFtI0(#ur9uE40bE51<qU_Qx>i*Q^|fo)tkqE0)YMSd(9qOcucf(8XPt(Iww|`m
zdR<*TT}`bGhz+_3i0dkyz?3`Ts_M{2-E|u4AnBik;t|kOhi!qqhQoFO6+IYS52k1Y
zhRR-3fy0!o_;0L%sj9%$)Yoc2>Z7_)f5PFgHL7dZs;m8M15<%RD?Nmo`i2k8yn=4<
zHXU`xWIfa06?dU(cH_=N7D&REMO(~2aY6-O{|<7o8S?!r@5&%5FgT<z)`P?_71cFs
zeu)j!Q!(4{!O?s0Ai{T#54m3-n3X7cffgJ}Q4g*Mj(}C@aQ;U$cFeUH9f-97;J;;m
z5Kz<@QPMpz*w#Ce=f%SavWy;TM&=ePz?1AI5x0^S+-EzL{E^;xRO4buW-2$|b0$Yi
zwPTz)B>rh4{Y&4^O;$c^UzsUiPUe`8?@pXKk00VM(Oij)FM0&r_+D1}*{KH?Jw%ra
z^B9qF^M052Qa>%&^<(Nc#cuq&W3uD5yW}?cp=qm?tunXThqA6Tq#GOexNoubs|U`U
zh>?BKm5uyxwD;vvve=1a?n+p}?Gih(P%T!`Rm2P$E8Y$1>EMY#G&bHoncq@t+>I<-
zj>^29qyP^YoNGQK*(%l3F^}i5@z>=OH~$mi*sYEp?iHaX^;n{oY$TqV=`%9)Cg;dP
zJ5w^TEZQ9V;>;G219tVWC;lkCf|U@D6x?JI>E|RUWHQ=-YiIG;+iL$nrfU~dLSKF%
zL)Si(cda7b`~u8B$nEZJ4zBiL__F5AaBaD}>n8_o3U=D37KX2ETi8?4)>|elq(>KG
z_tHW#GQKz|J63C~0Lb#?D5!Qu=`-c{A<WYEb&W(TO;R0GjZf)vnW2Y_TMo)6PcQO!
zU(ipxKE1vYSx)W8EKxt5Q-Jf)>DwyX%o}Fx9A>?WiP$A_jq|+Bft6UAJ65_pPBkI4
zM2bBvk-5IXdA=<FQ-$_>N}DWNU0Au{WY0otucxgFfC?I#;`y!GKXUzpKG9E5fQ3l~
zxT`#NBDsHcrDWxb=XP<|E%=nfXfIpz?Q}<PKxwG7_>x#|d}5#pwe>;G!}8s^oo>iE
zHw+Jz+U7p2H&BoyV+U?>x$$~Ir!nOR@pRi^J0Y7g)6OlQd0;ux9m(h}6Sj-EsQR)d
zcUMxB2!qb|n;XnTyWn-67WuKmTWx<_=xeRYr@dnF&T1csIM0cB*twTU>k{#z4%%q&
z1<&WAl4x~#-i!2eqnSr4pBdk)7{95#Qk`fOEziV`GRsBIL;Rs?>wV6?&E^fL%~2Bp
ztmHRKl8$dIWGi^%=7mf#FHD+Klj0<%vPN<un{`+m+E_Sog3<YEPX(p8VTg^MpzRFL
zxI_(fo;GGXJgGz!^vJvKtxIBOUT^iuYYvX+@UKeWSW-!;FzH0q<=x=h%^_Tq<+TJV
zdZF)clguLCLO-#feb%OJm_gWfYxwGem<Ulyv`cB1Z(V}$Oaan1T7t6k%MCVe@WLP*
z{J8YQu$5NJfa#(t`+EgXhTpJq;zAgCMMzv*!m@8_7`-shyWAaPhZ1Djk-Q{E4~{>r
zwjVWpDUWTC*4<Az_(Mz?&Zv8=`g61SCRXw_3!X(cYO+rUhw*Z4?Y59fUR7n!WYy1$
z28@~hIz7)L%T8p;_Lr?`a~0jQUMhO*PcHsDg&fk+q|c@D&0dMN4CgC=Ff~n^Na9NS
zne>DPVShyMVO#dYS-Bcf{83M8U(V5V$L#jV`+8Z=0@$b$4zASG9QVqNV2-}!gw8R2
zKutIyu3zo6VkXAakwsD~=k@Ruv)e-7viyxbSEOQI!ahv#6+&AHtt5jU-eiv88liRj
z&T|sbcOD5E5`shvh#K6)p=@Hkm|PiXW9aX1J6L-!c&defxk55CXe4#yaB{Z=EHL9%
z1`@6C?ss=J)e@{Egv-Syjghk4<b8`Wk%@%x61vGrL)7vPZvr-7l0sbY8)(M~S#wg4
zDO;)<L5HgV^TMPt1xOCOIn8;I_QRAWn_Di*b4i-9BkymcG{vwPI9B@i-ToL<BGR^`
zkRB%;yF^Q(WKbwW1=hK8EB1P<%!qr?Ff)N7nr@api<!bz`G4PeVze`abGoDs*)hLQ
zF#4l$rY+5wd@j>@WF0#ldroV&q~}!M41dUS|7;NoBR+8<ej>!Zm{Tl4dmxblI(@tX
zYf~7!(|Vq29amc;816+x+NX5aiKnLp>3654>}w;jH(M(<JF*B%rvA&8Xdk>!%GQ!9
zT18%Veb?fZ8>{!B^Q1DVpT54z3AYy=4i%g)o?so|;{0?bda~oU*78H|>qk{D<(pci
zT1AcXQ1)9TuIC~%3U-E2s8%k^q(KXLW|iye=DRDqZTqpv=(9s{HB}5gYRXXV>GBz8
zBZX?<>ggpcNcBVv8!R~r?I)!%<yowR8La)+k(L*u(|DFuFRWYr_&m&=(%h+241c}n
zg?Hu#_r6|`Aha!K`wrNp?%L!hOY6HAUe5_S^{~TI%JI3su==uj^sf7LK3=?LBECK~
zp(0|m$onFHBgRd?!-9_qxRty@)t=mUnin<G!<(>`mJ8{Z_b*~I4V+q00bA$DX;06i
z?xqZj?JoqF6GK?+i0YJ<jhR;y-(1{oLo)oXOXAAgj2|l(%=!dUk)$JC)YEc@u(q&x
z8(}-gs*H9SABwb!_c1B7rsY;(kglHFy+{rxsR#q_rZ-$4oPfm?hrijJ=$&)Aq=A=w
z#EntJ+BCxtUo9!TlX0nZd0^T{etX!wE`R^49yz(4dA}{Dp3#4N-t6T)@^jviG6wz9
zYBP;$o1DhL7zKC^&+!B3_5LsF-kj1t(e-SUA&r%_RQGp|MR2@Mv4~VLA7daf-yVIk
zsMnNzB|2fUOo|Wi80lwtoq68(6oU>}b|P5qHo0^;_|Dwr)RA3eY+&wgY&fOhWBvQ-
z1LyEBaOp;aQQ7F_1KM)ajv=8c^xOD*fVtq8qLF&sd|y+H*$kyBP@~@q-7Drr9f+8R
zx@Ep?vuTG#t4TKrR#CuiNiH{hS`bBR(-%UYKdiOtmmZ~uaa6f5r{T;J+1{QpRd?hf
za}H*eMe!J)s*HKMjO5&mlXlm<THV&)s@n6~=6&M6)Y|vULx+zS*RYw!vt6q}JVAgU
zYcV?gAOf|&pjRrSLJ_}4$E4uU1Lez)+-$yipH#m-C0amC*T#<+{*s%;`%-vXp#Qqy
zlo*AWJdr(mB$IIS8Ut5C$A#h>(aZH^&zvyR5){cy0h(#7Go-*frS3$knw_Vc-Z;w4
uz{zFF3GVlMHU3NYR|WoT1>)y*zJ+z#exY`90vI}$fcXE*@?)6d#lHY0TKd@l

diff --git a/www/public/previews/components/core/select.mp4 b/www/public/previews/components/core/select.mp4
deleted file mode 100644
index 75973316a1814ab31e187cac4568de75cf0c335c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 61997
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

diff --git a/www/public/previews/components/core/separator.jpeg b/www/public/previews/components/core/separator.jpeg
deleted file mode 100644
index 417fdff8ec477527a79d9000ec21cd0f394182df..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 17992
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
KgKoWWhW{UtC1`p8

diff --git a/www/public/previews/components/core/separator.mp4 b/www/public/previews/components/core/separator.mp4
deleted file mode 100644
index 2bd1199405ce588156b3d243bacf5abb6cebb53b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 26911
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
A=Kufz

diff --git a/www/public/previews/components/core/skeleton.jpeg b/www/public/previews/components/core/skeleton.jpeg
deleted file mode 100644
index 712306857e4eb09ec43d42bfbe65065ddc5630ce..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4469
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

diff --git a/www/public/previews/components/core/skeleton.mp4 b/www/public/previews/components/core/skeleton.mp4
deleted file mode 100644
index df3dd65bb2237573a539af1c76e3be85fb3aa4ef..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 37837
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
NZO`wYf&cgC{{hlksm=fZ

diff --git a/www/public/previews/components/core/slider.jpeg b/www/public/previews/components/core/slider.jpeg
deleted file mode 100644
index ed5f7a49341872538fc971cba329e3f6e6d081a0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4502
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
F`4=;9Ej9oE

diff --git a/www/public/previews/components/core/slider.mp4 b/www/public/previews/components/core/slider.mp4
deleted file mode 100644
index 8fcda6988bc00a14833360909938283e56c77455..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 35143
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
Mf1e1Qg1!9vKjY+tWB>pF

diff --git a/www/public/previews/components/core/switch.jpeg b/www/public/previews/components/core/switch.jpeg
deleted file mode 100644
index e6a9c43e401657498686693e619341b6e6fbeb50..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3312
zcmd5;c|4R`A3wvGj4fj<l@=t0n=MPEt7MyO%^16;5XwGdD5QETvRvfa_Y4MuK_yF~
zqRC8>Z4govAzaB4xy}2`?cUqHf86);dH;If@A*9E_dUPu{LXo{!x`kf0iwrEFeU&7
z0{{j!z!`@PVvZd<bpmH?g0V3EW@rZx;A#N)`IAXFQ$raCM<<z0Z@xuvZLaP?fn50y
zfby>NbF%}`yZ;}2{*xMc#v{lba#(;ac@i`^RIE6}#l61qeO&JLjq7vyd2%2b@;Slf
zBs}gI#Lqx{pVwcw+h4eQAc^b$6Xc`s=NrtOiwkbWLLUCMHjw0puI(TQ;D9MG<gOnY
zLkOS%aBvv_-kaZbZkYhoMFOy8=(|q-766;C190!fcis0r33Mg7{+137^*o-Q04$aO
zAnXVLx(fgS=ih8l_YbwnK&I_bT>((@0=~cl$N&uR2kt-xVj4gVr~_@zFgONydAQ*A
zyb$0BI2Zf~1Rny)FCc*AM<NA;HVX*|iU=Z+!YE;p&7z_xQ2`+_w3sLw;-cInFm5C-
zoF57l6+{X`+W!)qhXBP7s$mCtVRC>61>;4*IBj4jwB1lyFz%!HJ7Al55O97Zp8zjp
zKPU=dJbX~&MZh<GbAa*i!ub%WO|txA>PN9?IdKhFqy&zb)GfI?xyIO*^slQ0kDy2?
zDCb|Ya$})L$RLk`)X;L^ynoIKL-EL}AAPjIE0#2-fh87jhJX-c<w5bHfB{(i?M?W-
zy8mmzTb;9SA?PykXkargs-KA~V$-urO^lbu>LTvpZEYFM<s*74oBj7E-qwj?omAOg
z+^Q4ErViz;WdsRdNjSB%c>ha^y;#1-(n;-t&ez*8JACez?ep2`ov+T9j~3XbFz-!q
zoyvZX%n5k6Srrx-@yeo8+A8&H+-0{*b0r**#^M0umTK{Z{YsH#$MW1$d;G30TjmN5
zM{YDqu<er7F<Fimp0ChnLqbTf$M6Q-^GsoD?6im^;XT>Nn^p=)JFN5k=aUk0SFg{?
zg-#LIvOgc;(a1BL>qEjl5GRl@2|b}zz(Ws9N?Al$o!4<gFh`;$o<&ja`_5i5leI-x
zz1ucPo4*f}@yn6B^7mV%acwg@UPOdAb67fmtIMte5uiDAqohgoWlOMmt8Z9evUf5T
zRo1ckWL3ew8HGhpMPCYk)3#LD8voOJfT??@)ZY8MJQJF+wK~TX)8x-h`BggI#MyM&
zw&p8kI`|tgJ{udID&6tW{(;m^{xEsZ#_e{svm|8~wgrW<CTp)mE9tDK>+LBt%B`Q*
zOKFPK&gbi%^xWN&dULRkRW-0^IdISZw7$_>fwtmvPsIk<B}QqO&@JeW%=GIq*Q1!x
z78xdTdp+0dttqlr*`p7<&se(lhu2|qIvs*zmdS`!UxZfm8_I0<y00g3q#LLl%6jre
zk#A}8In8y!Wkj{xUXTN#I_5JLz0+quY*qMKn4~;TQyL4CQ@LC(v0=>eFweiHtBaYJ
z_pL|YuBOWB5!<WBYqqlqroqN9kGpb!qEBF1i1Ug`lhgVA-MBN6+Q)<P^jnACYeiS$
zS%p~pmTO_UJ7W662DWRq+y8)x-<x*L?;-h_okxFPA@+7Aesa?C<Fk>nN?~|U<KY{I
z541kuC+9NKeI&Ic^R1~BBbRTODo31+=@_+p|26jZYM&3Im}K{>^k|*Btkz+*&wfrR
zUdLjDyCt0G?A^C8ScK&*PVQ}<S%X4l-fYR|^p|9IA%2h2O$y26N}}zVv&R|p53n|i
z(qDo$K7Zmp75Qixn^khyv-1_HYmOD6So^sSy*0z!B8W5?{lw*ys*$z9FNsN|db^7j
zDs<yGz_j-A=LAB!u839fZkuF`;=Q2R!J8T78w?MrgVQN0)6FtVu_dLc5t`ZcZiaXE
z&SpqnR9Zh8(p?aqsW!R66n42!p<~q|)gz`8qRvsX@w;{KMOEfKA;Ixfjo9}^cZ(WT
z2%kroH<YMqeN&jAx}4F$lLrp`NIWzVZyGg?`BCAVzCmll__~BCQ%gx%SYmd$ID2cv
z1MNx1=BjfGPuws=wti;pN+a5dxrVTf@G!$Y8tEUC-ad^?A)CddnEA1!;ClTr1NA@G
zUdYevr|~JpBjDFVWAP3|yD<1!T;<g%?>7I@*+ba^8Pmyxp8Jb~j)GY`Qt2sQ2sPWr
za&qFW8s7DICgRhgXIrBg%C@LE#v0>N!%^y|yi4Q6rcd4<qH3p$mCXY*DJT5bgI{2B
zQm$c3`ik;m2dm{MV>?G^HB+Ufl_xm>_o#YllZ6-AEvYiApe(sh;LI|?J8_{0Kam+b
zRozYNG<rdvv?UA&GartR-zl!mJyOi*HCtkqR+sj4efX48=4Iagyl>T^My54niftU=
z>#O42IhZkqVAb5R9c!aA2@<+%F`7ON1?J5{n(l03JX;ExGwWluUX|-w?o-m4-pDEq
z3@^MlH)q!SCDGZ_(WYsb$FuKZvAWyQxcxiOT^D=VSlRN|9eq#7SgF5ew#vu35(Xsc
z1Z6*GNiD}E-Ip&NJu>3e^%8@0Won4|>4#SE+S0Fa6=ib)T|N}T1H>M^;d_<m!tS;@
zZI~OUMVD`-TX=-p&<`wW$3}iE)~h?tj@VN=Bc2MYjhk`%P)F+x9KX1|lQ3B>N1{3<
zxKSm-SLVsfOP0DTzr=Yx$@g#0`{8*@)e2!|W^T;yj`bZMC*6?ZmwuzmyBg&c-kKLR
zg@)e6cN|>!H0R=BBklTQaqq2l>DJ|1x<&1DSj_?AEAqYr)g{w+$k%;S&Q@Gqif&gY
zl`gwCQOJV>^1<O&7cNlF<>e2r;%g_wMjLa<b~Ft&!p{psEAj>=+Zr@z@zCL?QGxNu
z?Zm;b>fq5JXZMdNqpTt;Mou2J-7q~i86&25XpNXGc-^}tqHb`4{4Dg7mjTQ2ctY>k
z{FAIYg<xw3)v{;auS@$C6qiahhkU4$3MYkU5=k}cthV8ctD2Uf-RGxXUCI}*svlwt
zv?!!*JA72OLdP`Sc4o55RE{n+6W28xmFwe@I#Jl;6l&D3bokn-doy>EhGv>d^edJs
z&L)KE((P!q?Qy-*DPH1rImO+<IK|seg*p+2g=X@b@VoXgFCbB@*mqa@DdBp-Rt!~Z
zJ*~aLO3@830^~F5Zl7n~JpK0{gifwfzxiuZx}#6R^NJ1|sz+|e)5jqa`qV>|RpY_#
zD?1aN4Sem&+HnOBtDIL}SrMh%*D@AA-fG|gf`d6LZcQ#ku`=*&IX3t!T5%wL41tSB
zZp=~5)Vpq}CivavfVDF-YCJvW&BLcYI)p3yXn(1V10;uE(E_2*&7~&}pvGJ3m4bNr
zSH2HBHD>!J@K0x=B6ST87;NpHbW_fmm?y^YNN8m2?mdM#BBXn<K;U_!?63SM+XheP
zFjI|pkKFgLShK~awc_zEX^cW~3sh%41HGhyC%DKaQaRu;MI*fVba`%SnAlG)^HC8J
zfqNc%9S}l?P;ClyNvaxe0~Cx5R4ku1mP^>te6!0E#F-T&6<ckM$07*97B?(fu`$zC
fUuf@D74IW|9-RKZgMW;Ks&4*4|HpC{=jFcvoNmJD

diff --git a/www/public/previews/components/core/switch.mp4 b/www/public/previews/components/core/switch.mp4
deleted file mode 100644
index 569abff74404c1b58fddac02966b2a15d650bbcc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 25811
zcmeIZ1yohv+CI8A9U>qgNOwuM^p=(qBn6~PI;2yS4pF*62@w!MK@bT+kQPx&QUpXP
zK|qkWb0grE@0{N`<BtEm<BmJNJ$zVeJ!{T)zA@vSb8jICqP24OcD8kMa)2Nd2yq4A
zGxad%b#NBog&?X?2PY>F2!iY#JZvn$73qWe1%l2NK`;pM@6YG22SA^Ami|-nU)`ZX
z5dN6EtEnA$Y3Ocu&?exHKZnvlyMI2g1M);W|Djz*OAB{5AcE4;-p&0`6p(<Bi*~3p
zzP5vfttog%>tJ!x_7YhL^&6vh%Rx;}8w-2aLm7~p(+$U?d&Kn$c(zb9b+oXzM3ljY
z9Bdt}zzu<$!(T!fEq?Qq7Os|v_lOU|q*FIs?P-7CpKft;H?s%#0dDSYN5MdpaRk9a
zD2n(Xo_~K(AOge<P!;hJvUIaR7!08X1qCsIVrbw>Doui*U_ZbgEDm(Qpr0YonSn6C
z9SjAK#AfcUzuj|K25_`)?gy>|x1i5J(Ds4L4q8TKgdj{tpq)A5CHN!*AT&ahL%t&J
z(U5rb!}kat1Bu5(;<1o;Y$P5Ri9dzJ<00{<k$8M09^oNGn+Tji;)#%WVk92nuA}m2
zk$6%ho(zdUhs0AL@svnB6%tR4#M2=0v`9QX63>9d1K%I}nF)z!M&enJcs3-S9f?1W
z#B(6=oJc$u63>mq^C0njNIX9hFMz}gBJn~<yf6}f0f`qy;>D17aU@;>iI+s;rI2`O
zB>o~2FN4G*#?4W`l|$m?k$43pUI~f6gv2W&@hV8XDiW`T#9v0@HIR5sB>oB#uZ6^G
zBk?*&ye<;2kHlX^;th~^LnPh^iNA)#n;`L~NW2*mkC+FJ#)}0KZ;8ZPBk?v!ye$%c
z9f?OQ4M%Z7%!Wtu9guj$6nw-xBk?XsJYqUNl7pBTkIEzFyCePv67Pw`dm-`ONW2dc
z?~BCyA@Tl5d;k(3gv19U@i&q95G4K<5`P<s4@2U^k@yHCJ`#zKLgJ&5_*f)94vD{m
z#K$A?caiveNPGekpNPaKBk?Ind@2&3hQy~M@fk>b780M0#OEOKxk!8-5`Q0w&qv}5
zkoZC*9;64y{p2AMUyQ^*LgGu1_)>6>_WKzP0&66quN-}Tfg4f)#M<}2_+KCVZy)&o
zbss<hnY_8v;ot}J0t;9lSgHVq02UyKwG&_&g4j+0FhLMIn5WpA0Y(A#A?W-wfbS5*
zfde26L7X55;{-A|!JNd|1VLQt0APOQ0_C_yAcz~}7u=x$wE#;H!~@m~p0@zI5X8#^
z0CELhFxT>S18hSOAIM?(K#su&>hM)U5I>lE`QJehVoNCS9$*K81VL^k2-aM|R)8_E
z!5{|!?Fv&v&;_82SUUuXH$sr47ywx3Bx?XxAxH|W4N~<08xSPT1_0zsgLdIy{e_DH
zlmmQ(po^3M<`5)f56}j%1wpc)jvTN>E*b!olb?Yg1qlF00N_WZNeEJ2hagp8x9TPY
zsTl$Q-POebfDY<l9Z(0dFB<{m01QKr2AGpIz&fS@e6EQHAP*1%PzL~HTmkxDF#rH-
z)Rh4U(xLzWoR$|rH2}~_8xG(N@Ct%-&;j@XKrW*L)&-pv2+{@q)V%@#Y}W;C>H=Hz
z1OPy;q4yME1cLPO0ki=U0bT%rdRKV>JOGja`XI=F5I`5e6QBeD_|uRN0IWGiBml+$
zps!p5dKnV|Tm}dP7=j=ZAj?Dx0OSNFAZDgi0Ez%N015yWAjk~pX$I^!1M<y4?96~|
z<{|(<M|1Grf)N1ZYZgF1h}_NE*#ZO&a&@w|2bY7KX&>}Xh|<l>+8JDr-XIG70svP$
zwtv{%BP4*&Uz_{i6hZ>>=ftx#cn1S|LgfdA{)^51soa0Rxd)vEW(fVO&Ao@Mh2=pD
zhktayv(ul={VA2h%{{Tl@6A23n*YTH|J13&4SwT^4SqS|MCPzfWSIvPFuWWBfjj_$
zfsv?y@`4w*_=UN6d3b2;ZOy#+gai%>|NcXE5GEl|N(N>D;q6aB<ksL?G7N_Y7{ds_
zApzp-02Q_I`^8if7=&)K9J<=L`|~HFHi5IL8zQ&}JrMYFL;&gAfo=-`ks%!sAj*{e
z?i~;@u*(fRBR+@q(M`<%948#6QHU%F@gB@>2iK!##3O<~=qLaC{y+K$3*j%|tp6ka
z0z!`BfbsvaIQ&0l=l}M<-{b8l?ufAe@A&&aG@kxnn7<C<#)@<ti<k&NyT6xeq$^@h
z?K-g~1#>nwCMaVI08#~r65upIKLAMaAdrecAjN>Wf-6Y<5cdaLSi};{bNEaLt{_E$
z6aWzSX8>*jTs*v|0aqIUkitM*0IUG<08#)fhoA*lNu+0l3_+ylPvHJMfIdJn06l;Z
z07xw%RRDyZ!iUcwB}LH$K<M)g=nhgJ2&9h?NS`5ofJ6W$01g070FW|5!~h805YLEp
z51}(i{}6zof~z(FGr%T*3IHMvAp`FaGC^Ah@-BcjfjuZ7#e;!V3IZ9%fxdu;(g6_q
zB7BT!#}5FZFG3%LF2MkZwHr|e!6EVh#1-KKL|X{oBRIr8Lf+9c;vNBnFA@Gl*ogqb
zKM36rI*1}YBkmDE)JMGkKlSVYWLW?pVh8|3Ox8L82pbsyt^gqXMh$?7Kf(?T0EC|r
zeE{JDX#iRP#Ct@n5q2Q@7{VtW0El=YY(&UZ1AacSy`nw^M5O}M0gMCu1fu!?KvK$f
z1_1bv{UHG8AM9U16X*a<03fCuX8}NaoWS3l;Q)^Tx<RNw+_^xi&GiCc7Pw3cAR3?*
z;0I7I9$)~31{(nA$!iEu0MHLq#Q*^I@)-kwI(#)Cq=f)OAk?5Ofe{d1EC5*mZ-6d<
zX<#lh0BBd39fbBK=z<?W7(siIaDYgF27o;fa$u`e2fz++9nf1E$d?A~!tns40e~Oi
zQ(zbZe_pf&TPs%p@LpygY^zWJfGu(<099a%1;&Yj5`a4ZkfSsU!UY3E3)roO3Sb71
z3$|5?0Ji{20f6kwK<?!NfC&&z0)S+IK`<nU05kz20A7Lc0~uG~0M-Cm0H45?iVi>l
zAOPSc7-B#tZSbsp8{iG-K7;@l02~2;jyfA)OT`GF50DK2+SCIv)B}B3&j+9pU=j>D
z3IGEDps#)t0H}9W9Ka7C4*=+AKm}j~;1BQ|0Q40@Nq{F{YX$T&vIGEq;2O}&_#A*C
z0MN_$GuT!M0hj>90)UvAvH^hpXc`Pq0sv&0Q3I#|gaClpnFHI*fqZkIqxmWrDxhCm
zAjXW@4GVWuaJ}kad2j`{5FPS2jbH=gYU=E4k9cwP;k5nzbtcn8cPA%6QdyWDRE8l6
zfL(zV*cI>{><Yj$mX)g|utvVu0h9ux<{<|9{(k<b-2BVgVa4hsjv?A%hNWf1)`6Cj
z*4)X}l9pG9pVpP1M~H`3(85f})Kmz(P~-vyxK%I9DR2tV!gXXoNefGJ@IuDP+1uXI
z%AJ;vhlih&kB5&JkT&k_&Z6Aho}Qjuh|QFfy{RLYldCm1q7^P1cL#e=#>v^;*2&RL
zl-AtT%+y?hmlk{@3jSJHn%O&<+ez?>@`&=#nmU@=d%Iam@Obfy0?;~GN`P-`Y29v^
zfjeGWXE*QPe~n!&BzU=aKo#(Z*1^`x(!v-a58PWCyP7&$gVI8@<~FWQ4yMKjRoz`J
z?d@&dKnW2q5esv7AjjOr0X$k*np*fcIa*5a@pAC;(ps6ixf?sX+1WZHO8ge!;%w|>
zW#wk+4vM?mxPl695`wh$PEK~FHsHbdh~uSov$r(|svHqKw2rO^O_<v{n7Sh@uyu5|
zbhS4Hg#d46f5X+(+t}R6!Pyic+Z^}@Y@}@+fe290)f7?2%GK1t(oKS&*38)18{FGk
zNbrGsQwvjPgb`-OX11mXvp~PGJTS}C($?C>-3+{Qa<+6dwsvv`Z-0{ro9ryTfousr
zL7u}~W3asikF;*)mX4O@H{2xzco1s3nj$>vYUySJs=Jy?n7dlhI)E>ZEkSf>!Gi=J
z@I9>yLU{=uF3@>goDqT!uBKiRLKgtx=5FaMAwX;E3}OPJ4?+fHJDVLp@q>uFfY2jC
z2?c?}K^@ERThN*PulujGrCwILtI6(9`0>szSw_eXR{!|X<?)PhAutCL^Vw07!=r=V
zE~V1SNJD6EBnV_w!`2{9t5?|JzI^ds#7&0Axv!+Wg66dh;ial@cd2j9(@wwSjc%yp
zxrQ5bP0f&_T1rdbGA^$v7Z|&bL!E%yUW0<hwGf#rAGIPLZ<7-4^Rn$@u+2{8nWp&c
z&%Z2OrS$zAlr{Fxm&mlBu@gm*evt4K9z0F$kn0?#N+-lxaq))hQrHE$!9v&jb=8<?
zjK3zE)8<_g<%D|J<&#m2-*eR%2sK}kA`;Wr-_O~5-&D>KY}0aT`~LbVpW83*s_VS?
zILMu2()T^kI3}>W%<4mOPvr%QmULUYOO%2*iIP;&ZxV@TWp5{bo;B&>+a27JezQv-
zCNAE8<5bhj_NUpRUi?J(Qk>t4-rWx(SX<Kx$46hnGIfz{!2WPM^m*{h+X*R}jCx+I
zX{EQR+NZxSm@!Ze4O0uISqXg{tYD8Sy4*h}{K7F}CFz=@k)Rn%GTGBz?>VVhhKCpC
zRab+i^m*o}%~O{jeH<+F*|-6B-&$Z!-kM98+9fcfetI2-gKII<_YuptWa`suSdD@t
zt2DhFE!lIXM?UAJ9ibT9MuU3cHyRO4{pH$T0mJc`A-?me%{qJp89e@l3A#QUG$buD
zt2P0*Q)cSK7f^71VhQ;9{^CrwT)3<KX-bg&Ik&QLnYq-CX+y*1h|u>c#m_<&9yeOh
zt(Q4pQ_fl9TYJkD>!C$b8TvwK{p|zFJh!efQB6X#*}#kM+a-yaJzw40MZH*}plYL6
z(Y_hBBH^BB{WAHhpWPM#*%xC4mY-P6X6kj9#@ibjK3!7(YKG+<O_qWwk?U|?HqJIo
zlA{|RWv!&3`PCzJd!zCj8$R0G%;wy57z1^=_~_tABnv2fCHj;t+nw=!?bd3WMS23d
zrW|*BxPvl$xroE-+F(nLSX3%#k4A{SP@0vm7~Hg<Swk7S_vp(^NwhP>l1}!dLiYtM
zBg;-L?GAl`@Pjt)nT`=`S0yVpRHkn}0_D(6o1et3R-~=+y01I@-Y>J$-`PM-4&D9c
z6%+O{&30wZ`W+^|tNeMtnAoTBUGnF~*kpbP?i!gYYCnme6syM%=TFdAZ;s#eeyDod
zc_Q*P%APmr2qWjup+e(0W+hIHvm5W1W>7ib-EtSQ&9j`?-LtWk<JG{sEimy!J?C@A
z%bvP#D*~L-^nNd*zfEO%Q)yp$YvlULW<RKyv@V14ti+X?3>Z%H1)9fdFHVO#y<03c
z&Lrx5n-gF^Z;Vcr411oQ;40d=Fn%j5N<IHPlayvqMpU7(fd3s4N8=0)3{(sf*4K7r
z92TdZh;gVt7RIu=(^L|fFgv?Zy>L&ClvT0{XO2bk9i}Hi1zjC?-gE5pR;B)7?^2x}
z{Bmu06q!OMN_I=p-kHQ?**KD^wtb#2O}1FQ)qAXcd9FU=m-+i&%a+%A#&Gf|gmYd!
z)Ei*he+<=I1a3ZR;!JdKbQw!T=jISU_vzec8SFO#u>0Sn%NK+=@0i+DsG1l1-bov0
zk3Mrwtm6Ls3KhRY-^=Ht60srDu7UVgy&vKI{=$0AVx4^Ae*L-cuSy#jy%2Bqd1LD^
zd>bu;(_!-54K*)JZLN;)0+)vzw4S?RiW4tB+`;Q?zQS<p)P|xQ>4R^bcRz<$<3sv!
zFOryD_b^+SM5o(!(k+9OzFCXzN%K`}D+)gz^YvvLb`*3wwXr>smW-X)qw<)BZJS)X
zs#B}jF5y>w^}fCUep1wm`xDm%ai{7KGtE1w43|@D)sqJE2FPPlZY?Y?=(6GOOsx2+
z+B(=QdUFJazUY{)O{B;)@}%=Z-E^p*cqA>r76LWz^{Lo4M*F*~3i1_|2-E8Y1iL?b
zYt$?t-m3G%uCV%4SLYtl#rYZ7wt>qkjS$I}XU==F526WsiV>*kEQU2a6;=e+a0`hV
zzAlQFo%;rRJ7qeT$ea7R8<v`-+jC#N@7KnAvLPwhrcS+eU*G1T*|Qx<yZsQTZA$d4
zOErOEw02RS(JyB66zUc2<_`}az0rU5W&hswAMDGtOfCAkER6$cv}al$z0LC*O2In6
z{!%^5l1TnCja4SzbIA*7bk58<@>Ac_Z$lUsKdN?fmnKy;&OGQGh4QPff}|C)gr_l*
z-89}C$iECL8j<)y!uvvv`0VnPneDaaR3-whUurL9BdQ^9=^x#*9~5n`>GD{UL|uFM
znJsPV(aTz#J~HuHa&LRrvGt{ocUoObpQJtLFg$1Qb#QTf|CSA((l)t)+R&G-aTG*8
z_UDuqx=4%FL?%K<fMya+3A8u|&$@UKYac>Ux;hy)#o!khln~2)e@40M`*9I6SeB_Q
z0Vom@kOPH$_@XNGY&Kl2WH{)!1P(0A98m&dGX2dRzv+di*$Ak>r4Fog<op678f27p
zhfpi9<*ga6GGE}B@4?7j)46Q>(~y{bP?6Fu=979?XGIKG-AA)JLlNPK6uH57@wbfp
zIfIH{zxJIm)Y6t_^D|Zoyg4k;if^E@naP;4xWIr-@>>5g|HE71-HmUH-~DV5kP%iA
zzfvUnJ+Cz8)dH3xYD@=<Iaz-`EBUXHS=}u24>&&3hTU)PGMzE&BuRP)EfeK?EG2#j
zx0UAi>*$3|eZy{7;HkkTdCA>4Gpsq_rPf|AS$BHgbL!YIa(Gs#93jUUV6+({gk6ls
z=G4PJLlA=N4?p1oJXlsf!Z|RHTzDVvu>gEnR-r5*sQ$)+#?y<f@$XtNM|fHZaGd(y
zNP!;gT^P<Clzy{rh&%Cm{?oxpTI|czk%W%Tsfubi(wFp3PrsIsL7l~b_ZCm4+=w}?
zqSsFpWNX;IYA9gIs&nxaL(3IW4x;cnGa-dXHrZRXu}>wV6zt1<6|L_4bWhuIqG6Sv
zZ3}<9sgV>Z`f6OnNw24$+#0RacR>EC59|jk>h<lRz0x2Eds5f4zL6e#rab5U_H~<T
zzMP8lODn}OowcVF6dP{IXFam5F<R@Ry`W}JOXTfCgJNiKJJhWrqKRg$n4>KH=ch`K
z@Yj#tICwUEer1QIEc;ZzZh2V2e`GhtjFIZ;P-mj~(9{NluAJ8LPqloOj%QPys#rT7
z<Ff7D1=mqxN0#Hcuz!-1eS8p*;QMBp(}?_uQVGWMEFA2XDPhJ;9v`#Y>NP{kJ0Dg>
zrU##Q%VTbY!wk@3Ci`+V{9l$CIqvf=I1OS9Rq|YLBvClWPw;Gx2RCH>)-JJ1xFDC+
zaahj6vpVERIEX-Cp054KUf!HOCw}?VVYde31%z$>AZ*PRjLI+%m%qaX5y7&)$%0M+
zql`BhGDb)9yyW<2n3TZNR*qv@H2L7|W#Mf>4>^gQWd;$aFY`1%DU&Wqwq4R=g%dSj
z@f(RT`Qg8;s;^CPOG1O0cR(^q>+8#)8>6H6vriq_Dy2z-jP9>bR`@VKuu=}Ak>-9s
zM}e(6BG5|lh%{a_(q~r3YO3XZ+uWSVqW`ApQ>Cc%?=R7=fAAFuy_5K!+@KnrxyWjC
z&5rz2R75sw;=scF($=-x5efIrL<UtoUQ1!0FpLA9eH!?M82E+!q6PPl1g80f#R`en
zuTuTEzxM^i^YqYZcF(Oo$}=|j7JTeYd{{Oo!X1!a1p#*7QsD`qRIqGrS%j;ll(J?G
zQ5ZC40=DzL$Vjg<X5cLRJeINqPZv1$TN`35SP!qaR?`JE+`qP(ZgW?@c<<gPpX<B0
zvYh)QZDKEbvU|TL(#Bxf*FE6kd>OoonXo%%At=NqVTaNjU)Qbi(edY#^ZWKnMbejU
zP>++oG{7(NXzoY~R4BwC`P7E<LWFGZ>rGo6f+pV5Z@App{8F#3;M&R3`p(p+6=mLo
zsjxf=OI*@szLoyN=giNA<(<4<6mb)?ya$uX!&F7f9SytfT@w=+AN%>gC_lc*9Z)9l
zLq18`CIKVeSne`$u(8Cx(_`(F58k9ZW!D7_(gzsPAB2UPpl#KjS=pSs&(U*iw+uX6
z^U&u?)em9({OX(&O`%+F54}<=Xzb0YPd`DadAKky@(yLhMcgtOo9CJ)3z^S69cGTk
z<m|7j50$%az5JgZclqsc<y6PzT;ZbC27k@EQ@GF0sG)oK9k+ZMmhE;>OyX<t@ZyQN
z2?~IxdmYE4Xp;9PuiSE3F@ye3;YALYUkdWn<U1X5`l^z3<oof9=swHkC<E6kf@PNX
z$ig=h_e1U_rc?Kk?xGsLJ}rkkMB$+EeK`K}l1)+C#=gUv0~v*4!KtS|-z@h&Lsf0a
zqagRh(w}l=#domI`_at!t%|wkSW8KGcGBPeIsZQP>$P}8?;jYdsa2=BJ!y!%lg{?1
zPTSXBLfMWNX&!u1l^WaDJl}&!b^Xo>*8rQJ{kHi_>hNOIaVr$C?CL{bq-N#7CG;^g
zY-bt@M#tllPfqm~@btQ4$7F#4etN=)M(h^a#W%rko{;nTQ1Uue>1evEON|eXnHF-5
za{FJ35+|@L{*VWWbXTfWiWj$9ElliN`@AE%gi^=79sOY-QhZ_3@mXS<xU|JNJH6Bj
zC7xr&xZv3%C(Iwvba;0|!m#1AcxbsF=LO3Kkp~xxuGMUf*Idm%uE!3`-um4KatsM#
zKTYtK*;ZM=xkD4q3h%H9rJmY*dWzX@Q;-JELvX@HjIiuqf7PrGxkk}KHRI^4wxFXJ
z$5VWd1ZV5Gofvrf<lo*HQ^bFKjWWM?m?f%Vfhd<=kkh5Yjrf;P-;(B|g1ZXrK`*ie
zIC}JMdGsjr!Ch}&X!&Rp&b7^wY^w0frqgldmQe_-jP|<+RK^ocUhq0&duLR5w((v+
z4@F&_f1w}#8aHkguJ+m)_w0I(h>akFtD++J(JtQlb;<~LM*V~-V(={Lf8jj$b17eq
zOt7RGh$bbNeEPDNO*T#$QkPR@bTwAY$92NL7jb@8Iku1imL>78{1Mk-KN_I;-SC(6
z<HOk>xr)?(sPbp}qy#A<k_UN%G#o~(8*Y3~yS&q6c`Q;Cq;N;3;5HAkQ{6$)32ReV
zSK?5}OH*Bca)|-fJAT{C>Mp+YM7vZ<60X@BMa7+mTN+s>`!BG^^gk%~XEg(b&HqE;
zLrab|J^ecyJV<Jw)B49eFCv*bTwMIwFItNc^U~M~54>iL#+33QnMzZXKn-NvGt=XY
zqP?i^-ZsMk`(5=|0MI4>ztaUQ;h=D#?7>3jmX8uGPWwr4p732d-AA%|L9|bk_qbT4
zI{vIZ<M6ac$02BQ@8Ok3!73UtMfq_3mQg8nMW|j-Y#u76zrwQ)a{-ZQyI+<<k$YG;
z;iQ+uug$P*&^%k=Ht1j)U}MnBiAHC7KKCBoe~W>P?))sLM&VOpr)4w;j`u~5A*a)-
zzByifJ|y6{C_Wq_N4>jUZ_`GoqbzgI-VHsgWbI3csyC{c7-_ktmg|s1`c)K^+9DK5
zF6Zt~q@N+7<RBAav7ZA@)tMr9^)$M>KPA2G;=5_m^s?4p@J*xzx<Fhl*|Rfux%@RB
z#Vp=7tcqF@v(S+<HPJSrJ>f?dcvkyiAT;>uIQ?prCs9)<u55Z1N-R1$S@wOwCjEAX
zRr^m5)rMt#J#c(mZkNsX3W!qESa&q<6~<S=299`cw(t*$nmhJ$dfS`Y?&sNR^-I<j
z`S3c|G&ng6Z}YEylb2~@kK>!&^TnL6N|09JtPY*0|CF;Ab3&_o@U-RQ7$9<CR11nT
zXVM+PNsIxSbw8K!Vp^#GDdQS3i_B537xO=i*0A8r=V%;5P$z8i-*;=WKV@Q85G!fU
zT)1~d*yZM2!<pJJ?g_i-c&Tjx>gJvq^9^;}pKU@bSTlV4n@aMA^1%`mT{8KTqLdLU
zm6vD23wq<6tbI0|d^X)?Uh78a7|rVZ83xqwY`i0v@ucL_qK4y0keb?Qk841F%_*iQ
zOyPrNbNu$#L!z|poI3-u=7W6bH*=$GgdK3?HD=$CH#do&U%VPhnsyH(*jYuM<WK_W
zw@k2XuHT)!yaGFQ+}KmZVmM<JebQbtt!kxWMmo($5^98>Xiy2B&VTH?wp;4bXbV*~
z#YLsV1|rXNg2hKEo>Z}>u79~xxN_}#C;JL*ad-~1Sv`-ey03ObTj>OxDk>-$R|Yr!
z!r^iW^uU8>YaCjPigNdNdw}MLWjh~@K|+a5w=c0w>P8CT7n_R*`@Mu7<5Tv9w7k&2
zIT)6@$eSKIOy2M~@^Gy<76B}D{f`z(9~XZOPj^4I?VaZ$a}c4~PbF7lQX<Fut~kZR
zPco|cs^eDMoBWlY-f+95uFJV>6ck|gg>WZa9kq360TXuNVMI0omMy_6nr7X%6bl>Y
z^1V+Dm5ng&-{~}HFh;k=5WAVipfOe#>5k2AdpWPJ4aH<uw&H?d>?Wh%DZafx?6=r!
zVM^X!arZX-(+hXVDy@|;VDfvbqLwt9&o=eszK;}Ny6J^pI~=D6wb^c6l}RAHz)Nth
z@}(_yKI|IluG|t^?B4-HQG=%^Uf@NSLTvm{37_j}s!$M{SCo48SN0p$#0nbZ$jMzC
z_cdaSVkX!Y@=k2#)1ZumJ&{<7o{JT}KA+st>eTTxiX-W&!1_ohZ|{nyj&0uz&K)WR
z9kP~f-2%={YzZ{R+bRyrG$>iz<^Hap`JOrqoEBrQ&Yaj>63n4|<>CI+OUPtnKhSNZ
zDCNC}>IIGs{kt_PikhBTh4>!P3@wYaYnMEf=JRe~Pk+L$xcZPzp!(sXN@?vZnoEor
zI;)M`mI+4X_;&86+Z}2=;@Tjd)Pkq3i*o2*^waMN&2kK`C0#cq-0wg?Ejh5-L3f?l
zY^VHPixcgY9|po`8steZm6jp6)Y7dl&&qA?z9X;J&Ek(HHE(MRXnuBowYXe0tP`uK
zz#(it%d^SX7TwB4H1I`KSK`*^{GMKsP|bk!Ez~<yk~bBinG)0Zg*$cVtoiU|Nel{1
zx)-}q@C15fBqHhT&#9;U=pS=Ad+tFj@8j+zwHVCJ4tGcXt^v;BxBa`<x18Tvhlb%g
zgyl!b*hszqIr!{Hhr9C^VIgO?S0B1c%8Z93g|y@(t1hf_zea1y@P6u`oimtFncA>T
zIBB8JfS*lXT>;zs!nARj+W8rL$5ZVpWjD2g{HHt7Gi7xxRHiqFR3n%dX3uB9(MUI9
z?k&A(3t!V63gX!ea+J(BIj7Za`*zem_EP^V6>0A0MR&L(+*?)~NxwXxe!+mV*2G)?
zI;;4WbDj&{+SgmUX$i`AUA~9j+e&@=5#^FT6)Ev}oYXzP+}+O?oQGUv@QwxxiVQrx
z`T}1XGfv<^&r&ZFRAcG;$X-(AE7-qB{jE(_FChNCZsxBRP9_-+TfB37+TZXj-)_%8
zzgVC{Snk=7IGg5Cb<Hlyn)G^6O2V?h+-uyiR7(FO``ynRI*U^drZ<?^9(U+0&_rQ8
zrkM+vXQ3jsemsqFo|OMNL7`<(QWAsq(nTG8hrK6b%pW8|oowp*<L<R&kcEyAi>L~V
zGZ+SB;k*}j>Yk>`u6#*7A9O)lTzEyq?lGiFRYI|mZ5mU`Snj26Rlb+$Q)=DZQl#Vg
z+A4UJ;!(s_lY}vRmhmHd&{rZVTw;k7TPAnuT&8!{nU|*PdNNy69Q%6QdC+;4>gxLB
zp1f}<h*>jv(*7zy=&24A?d{C@^$D}`shS#IxnkoK)DYG1>Bv-NaxClU1QAEQt%1rI
zu1B~s@95o#yy|h2SJ{TldksA-$Zhjjooib3MyX%pwDw6hq?%dF({e=!MJFwO6L6Q#
zws=YP!yzKGu<`AL?smePmFrywIy<|P^-a59Msr^GB%t}t3X^I+rBTnBe}PGXZ~Mah
zr}BA?tl)~X_VD}cVYBDOZ@d0TN6RNpDq1WiOCMco6?NJW9BLvXFn{CbqL#Do_?$}d
zfsPiLm4Ryqj}OLpKcBgb>q{~31ph3O&Z`)=O<s?s(iSB(W-2HB`nlp*%R@89^0vH?
ztAAyOf2z)!CgCP)Lw%yFq3m|`QXi2jX87$6&U4=#L?7Nt+LtQpOT7Eb<K+u?h0lU$
zua;$>_Wj_<TqJ#ZcuI2ArJy-j_5fmckAmY@B+>M^pl^8bL-rSg^3H|9joYg&-C>h`
zUZxrI@0G;*a0{+4az*NjF+AmcB64ZecjV{YvI+6!$WD5Bv)l+Se5qlk(`+{7U+0|0
zDmn4S&h_3ukCsGdz^0lLU0v@J&+^TTv~nO%nUSuOuf}Fl-Y0IQA%Lby=nErswG{s)
z+jaIQ9Qn$%_Cd1!8Pm>YQ7t%jREE+P_dow)^7NSzzT}W|`saGeor&wu%^L?3sGQD^
z&MD`&_sdg#&q((X#ap1I=vh=!p}M#pm5y4H-;1mE!;g<s;)h%1n73Iv-I2jC7kK(d
zvYXkz2T+l1;>uU!{@Caw0*>-se$z5}wJX$mhH;InEW%p3ZyDY-O!N}o7!xPPZ}V4v
ze!o4KJvUhL3sICnW0Uctjeup9{wTg%T!ESfzWI6Y@eMq@5+9g<*}t>xXj#`O|C)cq
zfOAYqKF^t;{-c>z#d}?Dq3h&$KAt3%w^`fnx>tI<5Gm}(#jk2lw5NVukEVWy`APR9
zLBZPe(E^FdPBjg^Ujne3cX~GNsC31!KJM?4{b@y*%Y3UPd0ie&JR8e()lAu-r@v<L
zSE)WhQfQP<$GIV6;T^*7XVRSud|qR&<cH`j_BPskh%Zg!_imFH!i;39%`T8A30;{*
z<+kEpAig0Hd9!n9afX`s1==i&Ey2gBiw=YK!zwGRp&|^^a`k7IADywt6M2Tgr+L0x
z`>cBv;{)IB?<Q0t<UD2W)}O4BXBU2rYBfPD0pYy3xYoXzSjx8Kmbmq@VFC6D3a>s{
z(R%yUMI5;vx&Y7Kk|Puchea^GxjDhtr-i>W$x^qD?s?~4VG1L;d<v?*l5eOTGDSME
zx_{p>LTjVY>-#C%*x-)eB8~-}hh>o+oX{=ib>uMIZ6{C8%iI4F4{;Lk$D%wlnD1Wi
z+m14(8>r>NICor$8<s_WaE{et`OLx%kK%OWnoD{Km6J(&v|zUDR=d$@@&e1x?`@jy
zY2;B<t&g5)GajBsbCjr{;tqv!zD>XheRO|Mnkk3DcH4*#*7#|yJBH761Gm8LYOmQ!
z&zr?g_ekp^5x%v#I8LFV9~eAMo&{*O7W8`bXtP*M#BWVG&n}ra;a#Me(p`_c{^0KW
z>0PVWDot(mK`M`aGEYtV%<EX8t;)9YOEs+1+-7p7{4ii_#I08FnQ&O-<3szVW6S8^
zSrXtJ8?hbIk`#d`1i!q*WjfQtQ&g-~nrOd3bZY8^Ev&FC!vp^bkxD}bmA0-kL1WK!
zcuIM-CN*kYvV84b0_S3+d1(J6hHS8`Yly54CO<dtB*Ywq=OHMniPNn+o50=n5oYs}
zo7blQyRygzs>z9_eBfy^NN(%K#wo?<UjN=(FT>YYItcg8NyFnF(Ym;0ZvQFcwbksi
zAha>h;!EV8uWCy@68Wfj(R-SY^7~Dt?ZCUWF)pqwznbZUH-D5D?UGI2TWTfE;Hplr
zE;rm*W+7-Z$V;z_#<Ra)qhd*(bxLrV@Yp{D@GR5AWS0+B&+_S^jv(J<hh+sFB&*&;
zlK$V`qI&-Hpy_5czQ^u<jkebQ`GmxCk%qO_95S|mlQ}tX$jyVARe|rJJcFUM+w2#-
z(mSJWWKIiwEt^o}@l+RDQ1z!IJ$tN%Jv=S!k1Iy5n4;Nb7N8bX3tzh$LSkSr;fN9=
z*Lij7he_%%`E<?DxKYoqxq87BZN>{mY*O~MDMZ(04DMRwymc`(y_OF(Ed?*gU18?i
zPK~6F=lJ%>FX;gW!@WRMZ%eemWr7zc!axDf%0F~L0EX;Kx=3f+`#Gp1QZcNK!N&>;
z!?Icqf-HTB6I%oGNwp}aIV-fjcr8AMuh-KwXDr{p4p;Qd^u;$vp2=Q+Iun_DqAeh%
z^}sbsnM{z}J9*1z^-KPz#)GC#Yw?<Xu$!-=&<%^VY5HVT(qz}%^(hmt**?a2Ag}jW
zk9~Mr$FZXbt3!0Bl_ahN+bgC=F&39RyOwv?gw~%bPBV~lIqMy^!#kqzRg$jSW)}Sn
z?b>{z0OO*}Io|>9x2b2&6^4f=$rCAV_w-qnl5|Q5#_<@;8_Ig-KR&(fDiEg+^P*4|
z*{r+!V$(=uE_2r|WQgZVZuc%BXVLrfWs0XA$INsuzgxxEmGsuu!u{C0buI8J+WP?7
z&1N0``Ed*AEta0j6bahrn)L2k#?u$R2YRQM<&bc6!5JT>)7$LtT#91EASRzH-H*ZU
zdU@9oZ6qV9oO62f5luyL{feP1>6xdf{LHkKg<l*=wC$R!qNy&FGxjKY=olV5LIa-l
z<uGdMcy+v^5ZWA$^GtcP+`}lX>EzM1X}Y{5`l~6OpZq&5f8eQ(KEJ(-;p*HqSR29n
zIMh@%Nh5NAOlXfWG3&njtDO-C_7^E9LPZbD#y*I+{3^#*x`=+7AzAdDN&8!al&mN`
z5y?4^iT;eDHF)~z<EY>cDm>BQGM8)oUO0>@8ZH<7IM@afuV~v9{8n|P#6+vm+BNC^
zQ<J!$j<S};^j*%%yD<{5v2E03t>T==n;&FrrBBmyUM{Mr`YNYvcl9=d>L9%llfM3x
zh?<bg>U(nM@oU{9Ibs9nJSWAp&$}eN$gdfsx?fk?UVuyHS2LmaJrq+e2KshMu?UZ*
z`%MCGzJ|gsk1d5_r*)R^Sz*(yF5|#e0u1VhTAwV(Rh?o~ZapM*XDYp{B4z&Fmu14J
zhk^CS3Oa|aN~Sk=GDl=)$M*o@ka;xc)K*#Qa9t6`2azI*7pjY<4^Ie=<Dm%8<~WQ;
zaB^6Asc$K9ZZ|~AW5205oOf38@lSyW>G6x1;|8v#tRK4yK5)6;zvOr>?}wXHzwFtB
z(cN|i5?(mfXz`!zuK+At`CzQHl}!{B<=j_ihHk4SbKhMv=ouRdc!;-0h_4?comAUk
z(&Z>J5*dvXwWZQ@B8bGWY}G&Gt<Nv7c87TINN3o2c)I3s*jQKbgR0*3n68<*FY9;4
zQ2W`3qQ`kr4R86(j)gK1{*u`tsKSJ8?@POU6Ur@;ktOfqWiBbt9#t#kL3x7H(0e5+
zIwGbxOlBvRqvp;?E*(x2-(+Q%rl2j~qSH4&xr^#;WF2u>6gGt^>TN%-M8>An>3n$8
zE$omG()C{AV^~;WcZRW11xl!&k9p;_qyqMS{Ac(9(p>@MTx;jfH)uaDnZIh}{%pL5
z=Hp<7qG$*8&;|?&X0M5M{FL#b%+PYtP5+GC(9${04Ybg6;i&h+6?tB{(5KjRs#z#?
zxMb6HF`%ApA{5pjolq*UzO}ibCBE-#e8ah;3*$#lm~*}`YHelWi-H-=CrvAg5hVE(
z*z@Q_)yvLmm$+k3;k+$hJ8~MN2G4dr3Us<x!&ojPL-v%}Un@StpQ;K~eBH;yr=~VM
zu!hD0U#2dbW_#$&Tdg;olbKAqt^~rd-z?RB)z|xeM5$@7dQtepQtw2-=wR7#2LW@t
zCz)L714UV1OqWh|sEs7qo%n7|{A_6QSP?;3cKlKQ=;TjYNquczo&Y1g!Z!Lu>ML~y
zu|h!Zu2e>@pz~_F8*L!mCVXITpO*CR_D~q$>G%G0f$~=K4?X0queaWBrQ0-GMBvt!
zuddhz+)wo-U`o4w*_#0EajH;EWoq8w8<V<}Q?U<kZt~m9oBv9<9Ht&Zw-zYQgr7Ly
z=t0J((Q@x=WA?~783h$u+_ggg1ieui1{;k!-U5XP>P1$&R(5~tyYhu=Tw+>WCR1?)
zTuT1zZ4-M`8Y~xGJSpZw*k)9GoWg#kCu39?i}?>@_j<hYE(y8y{c)ztsZD|zKTk23
zdFz{ovX9Nh!q@j-Ta%$hF`j9+vHsSZ$|fh3p!VfShv!ApI^D)|6ZHGm;WTpb0i)tw
zW?!6@#U422$6dIdpEJG#e;vAXUeWW;U1_IMCA`FE*_V3<#PU<MlVX=F?E+NxJC@Mn
zYC~`hFz?Hp+WU~9`7BT{nk((>1X1~9S-FvG$mXfKwC>V%bqu9KsyasRF$dX#>1J=I
z@qK!qNMd<vXOh)r*S*TySsCL-!{$lf<e7E7`2?UxR@;J=k(W3$Ui4Si){pR*Yj?+t
zG7wMi1$pydo=|@j<^7rB$$I|15{xc+-~5@gb9+r>(nM3YUf2!aP$W#SyrnZ$<ddx(
zHT#Qh&@MTiW<#t_D87B#i>ctX8y>12cRbmfwuucBw5+)cTFOM2gbk})fe#`#xxO2^
zI>5HgaR|S(B=7Iwi}rDdZ%k*PH<X>~>CW8AOmD(zG<oEM^F()Ut0Mb;gK132=KA>E
zK(~G8qaKHX3r~M~e0HV2fOAKqeNAnOxKHgS^S8nlspZL(VL2~zFS?>PG@Fe&<M=(-
zN)&vOXFk%DDt+8yyiU(ddMSap5j8lL`D<(0GxsfK%Id)-!t<yNZsqsmC%N8zJM})Z
zMar~4_$;RRmnsF{f<URAx01!LgDhA)taZeO*mn|CjZ)Gk4V>Fb6KPAbeFV4Tb=I52
zUlH|V*V0nR_buP`)r#Q`{A5xRlazbqq3VzbIm-D$!S_uz>*O3+uRK-@Hute5Lpw-*
zz0Gl%AWfzfqY^LH#L45dk>aNFM-dW}Mcu{RO39$Weq#KH+Y?V0KlgG$55q+b`ZFn>
z{H#7&_NwcO#<MlnFq=D)Z9j<Q?)CPDNRF>h`Agczy)np8wIcY^Tc7wUfEoUC!hb4m
zAn$Z?X6MH%k)8b?L`rL&_nZAQ9DJVk#{b%l;|vcoTw8Bea={WJjdiX1=Dus>a$Zh9
zn<=qwa`ZuM`OCMOjV#MH7bFv%IQ8$@-#O#)9cykRWDx&-wMq;bJ$cMUYI+wF0x9_I
z2Q$mU+3{~HQI$-(MD8`<-}S_&W*5HoaLwbT2Pq|a=ch{LMuU$nbHa_5r}QM4*B|C_
zj>q<G5e^6H6YE;j>Xr{XxqRT|&M#FqOc6D`E`TLucm{Wt>CKF5R*pLR*LO^|l^Yv(
zZmQ)!$(jB&GXGk^dWz=9-}4Bp9G*UO+%*(O7{9*0;La?pagBM`!nV&hYL1DL&GT~-
zO5yTQ<0hepQiYMVq(#key}=4m<Kw|CQGD6bDZi4quJUo62SRKN1Env~n*$W-T3yOD
zxzAFM$@K5G7ci;{RaL0>%YAFIE#7X<W=#0Wu|9i0j<M)l*@zzTwXJr+&n8j7<TZbx
zZ+=i3tBKY(c)Z_yJ_mRCEUR4CI!hJB*7Z#`TpF>;w^*%T=c!sQyZ7g;{>b$bN*dCp
z{Vr3jfn$`7pBs!-z9Ohy#(#;@C%-|CyBxNDO&=CK)RJSUO4x=%5ELM>M}Oyr?!%!>
zXW!<+4@s6%+sZABqar@ZS53pr-zbz!L@{2Tw$N+pHpkbp9n8qU?vh?8wu2%pT+k+s
z)_SPL;b)$YsZBY)w5<%RQu`^#?os6vL4Ct;%G$~3UJFmz^@)~GDU5;3_#DPd0Rwn=
zgI;R;W9F<&g7Itp9}{-pJXRM<?7e2Ml_?|<{JrGkUjDv79!u$nsBpEelLI%E)i{YK
z?Jb#(8R^eI_v(~g%bb3a?-|6HRo9y-#%Vfw=8svO6^RTrIvUiF2t0e^c<24qO|3=G
zt+8zD9E1kPpuHa5&OI$j_l^E@Yz+ZnQ${Mv5PQ)Q<z|iB+RnSbdjJH!Dk3>JEyAR4
zVjEYM#@2|Pg?;`s%xa-X{KaR##YK&jO<1m*!%uA>|F)`NU}yM^yA{^YwsCs-Y*=MS
z$t<Y)_J^n~m*#kGcPx`X*0M`-Y$^S-0TF~{ksj<zKjl6AaQS2ZH`5pAzM~JgQgaR6
zdskj>MdT=Eq<>psT%(^(1@o2I2W#=6#fm=}YBD^H@@SnySs(9hOCWRg>EC=_hcRDB
zVd^QmsF}489gp`B9=fu5-J;3Nc|%BSR9K;iTx8L4Ey45gqkG?km}4{Lgi$M<CFZiH
z*ydaO0`nXa(A~_(o_iIj`kjfW&ZQUadGp$Z##7Llo~4-UWAHbLK^e&_Xy_)2-GypX
zgpBN_zjVhn>s<!ytu7kKj;ZroH=b}JA3RGGY}XOHY3cn(Q)*n7^5cT78%mr<mt$G4
z7dw5ds@nS$mzhK6G984WPyFzkao=$u&%v_v4?M&ScJ77kkIUs*&1SO+lDki)s$gep
z@Y|J@Gv8t%k}#ng=W@?+8O&n!lRSF}hVH7Kjd$AU*H#Jmv2ZVVn)H$XP!*eN3McI4
zF`z-r`@A8&{OyaY>@qg5QS?wv%6F#tTZM~a1*0p*V>UNYR_x!+YU1Ws4WN=`Dt(G*
z=K1bA!(q#SbEC6j^kMq5G-It-^j4E_l4L#fYBpw`kJ<vp_2&zA<qRAL9Uy^G?UUc@
z^TV?O{%lt3**Sxti0cpeeJ|+DuMXp5iA0Fh)A6j>&s?v+R(DMt{Wkj&%5lC6fn%Ob
zM8*V@-r;{)#>L!+^5RFx@)B+%N$g_5qkZOTgN}BkAk(&3=-iKi_3A&V79A`r`=Fx4
zS`*DfRJ-hVB`%ZIJDK~r_7n5=>2qs`{q)#f{_wP0NA5cKc^|5)ws&M%@aFEvPCRz$
zktWD+u7|fsi|g(v{>$3~d)z$>*79qs7g;uo>fnzUwy>_X7D@5FZZ9(@7(XMtTe1I4
zV?E{uZy-DRDz2iW82wGrEG2?SO$_i&N3Sy#&)HUdD{pg~x;xjx>H;f|7i@?Jo|SjB
zNyKd)GFb>>8@+t)v`N@4O4$qxY0R?}HuzpmXEVons_+||M(UoN?2fRkrenK7cMQCA
z-IF~MN~iE}cGc_6^!Tji_a@-A!g6!V%**wZ{tgnNKRyG_ZvLw-{B>OL_;$Npf5+SD
z&Rv{(nGJTS0BRP_<&xH{%f9zdG|dT5dvol;ib(}lD53V1Kq!BJxV-83?mbIZjipVS
zLG6!*Jmj53rpJ!whG)$lSzIpyo$pwoJiWlQBJ=7ry&A6<LloXq%sP`OwdHgBn3E=p
z(4Pr{7nY6wm%5jpv;~i=hlS2r^?gbfM|J;YUy_i5LFqLK%QhL0mYW<tp)lC4Vg646
z$@<f83^=Q+?iq@=f4F;(w|{?o?ZY{qwpz^64od1jkva=cKXqg-bVrPeja`<%jZE`I
z8=UZLc4X^%OJfpmQWLnGafydf>N(^{Oru@(^y>X7g^KC0{Acb2sww?@)!wK_x@iqP
zWK{IE^!^&1Vm^jCFmoDT<V4e8x1oIStBL^Znd(dNMW;!~?n=|LF@H}VP7%Du$vk#e
z0Gn|{*#-yRW`v1C*pU0;IcHP(aa@3Xm;a}IS57nn>~s9TVIR;f<{xzHWghq!x*hg)
zaMA~=$NfX~e>CmbKrwiF!XE=gIVK4uXGX8bLHH~@c@LNFBrQmNr9}OppG2>&<HQ>M
z)bo8dw*HN$=cJRS9}pZ10YCYw__y{Oej=c`=t{mE9HEI-121~1a`*$A<JuQs*?s?D
z$G>nxb!RKttX=DKWD)%*M9fRmO_U}F;5l@==iuYE*WPt*XR%wnFR+`Pr@H=vXx;&D
ztjQ7Y<QhW_^1&l_!0NzH<xmUQKP!C@;OB3|&F0fMZty%J`}qCSAa%re{i{bKTU>q5
z{<x9|BGo_~Y5(bqe``5h7XY+$AV0h3XU=d_!rIh|y@G|-yXm)tV>v>IoZ@de|Ef=$
zE>>omYZ+6kE72i3^`DMIjg(ZtDkd*!!UT16OeHLDhmw|P5EY+j?L1;_|L;t7Kvq%z
zA5=Vw=?N7N#~rd1gMW~6)Wc6m`D5r=q}Bh=>~wPU0t1iM=KnsHAO@NLpxQqh2nH{x
zpZyQ@|Jk%-2LS_**Xut99!|fY6=2%&Li!)N>0#`SMFRz!{z1Y2#=z!(sQ=#^c)Xnc
zG4L>gzYY9r-Ta4fh}=2Bn)&a?&%ZJ4uv;NH2rQicUdq2Q@UNxizgRlKMDy>L&c7#`
zzYJ9R2i5+Kf&X*#{Z~upiP86$f&YH(Jc!*tteXGQG-TiZH!J4})&5KjLjT>;d7}PF
z2iYR6o#6Y^c}=5|%(vnfOo+c5wD&d2a{Dk6bUFpL36Wayb|tT53T;tYJdIOFDaVo+
z2>mtbDd<f$Y)&H*qMNK;89t-k)2XeYv;5dz@7Ahx8Rjq<f7G1DxX5-RUjyTpW5Z35
zR$AOwPlL|mm;bDE+wQnzWX;OH^SReM#HD9HdQn@5w#Pk?(c5L=zQzQpX7l{ksI9MO
zO{t7(iTRW)Nuj9ODHC<IoF<}p8A7f$tkOQq+9u-dCj(h0Hw2>pV{JY&(&H6sIYQAy
zZtZc2;-NNtqTb7tH2sgOs7GT?tLOU^9P12ZoLrp$ELVnCq-Lkiu5YZhGH$2EV^42a
z;{{iT-UO@jtIpiU-!hIQ!O)OaXH?vgE6SPl!v2e$4L6maawbh(sBrt9Gi5^ab7Rlg
zNM$&|CoS48vsZq~&rfkQZrFHk+q<!kEtr=b<6{{?|FjDxf!Cu*3z(yQy~+!pULW0i
ztnEF#ih*O>;<ma9Q|m9>%b`YRF55Mo9^>A}=F|@gg3xcTu~3)0zN41D+3WAzz{c`n
z+bm$<BSq6QFB<9_Sj4pvooN|9e%d#?Sm;$y9u{<S6nbit*r8R`hZN?x1iSCDwnwkt
zjl_yY<E1alUD{P7dZA65;hB^EA;hC|e1qEVm%`j5|1&c|;W8!d%`mv2@>b_?|N9%(
zP4B--`zr42-xob4&3WVvNb^q)0=~Ktl`oAy9ql;6e48-~PLaA%Hh?L{(D{Zeodv~R
zIC(PV$^tR{(=;odRL#?BR#&?T<nQ1<_1lye|DZn?ZRotSzMPz`eV7e_vB`gwsvsmw
zg*+C&Php(`+YPu|%AaaLiRCwZm&Jzerms$Ze4H~B6-15a9|iwASP%^&O98u9sD%!K
ziWhAgY;{YwTNwxkKRouU{BC%d)PT0s|4K*3co|{*?yi_oHnO|P)uw9nwUg69XUZNq
zM|UJBN7q{VZ#2E1(w1=O{u!AbxPLFKT?u#ndM-NMYrnLW=`r|)CC3wbDE^(lu$#zZ
zQF1$X_j`9NaTbX;GvaBlg-cA}qY$K+MlB?fJJ_rn-@D;Ol_@!J_X8G3o9={O>kG5H
zmo6U;4WKYN;=}@BSp#PdRLbWj??m#cZ)cLYwL$Vk+l+`Ki$6Ya`TC=2***QM4eLcK
zIoc~1DI-_YKYAYrQ~)Vm0eRUkMYIMIHaXsYc_TJQ?dM|3y~CtDbw+r0l~!+Xe6{rE
z=KB+Q|NQ?6)xXmic9Tnz^T{Jb=PbtCZ?oJBS$&*#?rpT0nLNrM$MpuRyOwG@(gDn?
z_m;N@(@5$}9j@~%l&G!PvA*f|*7_8D@~0vcher@c!K{yPlIh!W4A#yst~%Bq{DS@9
zxB;n<V|eS^6=_B{-rP5GF4wO3I-PJ39dZIwwl5#Cm<EL_sb?0V?*26C@;Vdy;8?o&
z-?_|T9ETUTIwYyl=y;k*hdBgB`o1<We_he2r3&Y|PM{x`9V<onDN<Z!>O`}YN68H$
z;iIS5%p>HJQlf0w2rB(RzH;0mh~DoM=1(a-j~I;D#XK4f*EDo@%$w{)xyPkhkaqr1
z*?Q~G=fk9_g=2Vuxr-39*lFG>#vvJT_SnOK9ap>X_s*Z)M9jYOX6~?V_vt6E;=IL}
z=psDtEnD^&(&dV|`h_tI>2kW5I=+5JRk407f&*~|fXGCS^lZh`oNXj%xu>zxk50qQ
zm8L*WUrQL$sZ~!sbl8iJ>w;f?|IT8L>b}uWzUDvnR-@rw>_`lgUKK5~uXJ&D+}m->
z9&2ltHIbD+lY}eM<{z>CDZ38l<aor?lSwG(N}0sE3%R@hcth)z-4}B=4^H~yD<%=^
z%iP2-Nr6j(U2{DqC~o_s!j_#p&p5c6L+~)ICB~8nCM_%r$lm{a>iX^ZWv^=@yNOCJ
zjwUphca=;cAKRjmpWNNEB4tO2<&Z5$%rVr$mNzf@GKuP&Yx-fjdl6NSd4&IrT`t6#
z!hx?4<>_qR7CniS%$YYNbaz!%XjUQitE;u8w2Ay8kI!+R%-8I<pN_o+eoX%RG~s`G
zE6(XTQ(W*9duf%8VC{68+`7(;o}TGhm&2|Hrj1MRbk(E1<$=4rcb{vSEh$bDvT8+c
zH|cS7@tDMgp22!iZ)l7Grnb!UE2k1fxvRM>9bNFR`>>~#E?W9_Y>4wzm?Eo%eE)v|
DO}4xt

diff --git a/www/public/previews/components/core/tabs.jpeg b/www/public/previews/components/core/tabs.jpeg
deleted file mode 100644
index d0c3b554ac5244ad367af66f262247d3b6ce073f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 13047
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
KM<DoY?0*369of_X

diff --git a/www/public/previews/components/core/tabs.mp4 b/www/public/previews/components/core/tabs.mp4
deleted file mode 100644
index 5ad612f2097a18724eac6e84b3f833f97a9d2ce0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 44146
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

diff --git a/www/public/previews/components/core/text-area.jpeg b/www/public/previews/components/core/text-area.jpeg
deleted file mode 100644
index b79fc92645cea713081310aacc7feb14602a8aa8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4705
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
Tt4EV($=u*y1^+{k+Zp&LO3bpV

diff --git a/www/public/previews/components/core/text-area.mp4 b/www/public/previews/components/core/text-area.mp4
deleted file mode 100644
index 67194fbebc991e3c2992f13f2ad1f04625a0dcc4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 30942
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

diff --git a/www/public/previews/components/core/text-field.jpeg b/www/public/previews/components/core/text-field.jpeg
deleted file mode 100644
index 2730e1aba53ce74bb0117b28fb79d713e284bff7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5114
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
T<U6of{9it){|_?0@eThctLXTk

diff --git a/www/public/previews/components/core/text-field.mp4 b/www/public/previews/components/core/text-field.mp4
deleted file mode 100644
index 8ca8850242fd18fcc54d64a63774a168554be47d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 38822
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
Umr5X5@~7+kS0BGm!H>`X0~6fIEC2ui

diff --git a/www/public/previews/components/core/time-field.jpeg b/www/public/previews/components/core/time-field.jpeg
deleted file mode 100644
index 3c37abdebfd9633d567c7a6e40add0b5cb6ca14d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2696
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

diff --git a/www/public/previews/components/core/time-field.mp4 b/www/public/previews/components/core/time-field.mp4
deleted file mode 100644
index 4ab676840534c0403d7787ab86962259c4d946ee..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 27713
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

diff --git a/www/public/previews/components/core/toggle-button.jpeg b/www/public/previews/components/core/toggle-button.jpeg
deleted file mode 100644
index b6cb48013429acb3c4507f2375df5d077c9a635d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2101
zcmd5)eK6E%9Dnu&yX&Q0iz`wa<z;%AmO@UsBP-G6ovm<o?Yb-*)=MoiH(l2qCF+!y
z<l<O%V@52aO;-)+4JR*`vaMc3UR#@Y+IxOXqnjJe+<$$Zx6k+W`99xyluwjBfVh|D
zLIWri04O+s@+Inti=$(ZyXStIi<{G;;U0j%ZUrEM8x!s6>_G9SAE2o9EJh%<U?wjT
zIhO&<JJE?`2cT{9GCrSE<3m_HCUkfQ*ZOF9IV@HOa-GmcZiaBiBDX_$d`x5v^l?Xc
zw6~`t<ROrog?_>rpKxYmG~$06`q)K;$0BzjKq}T?aechtiGyo3-~mtI3>=X6LmA>o
z0RT4R0ASLWbc}2OYEA;M^68Rp{qF#*_z8gOmL=U%Pa=b(gBQ|a;f`jr0T>eiph*XS
z{1*U(g9|peEmIo>npVTQj=&KL!T}3VfD7OPCfEX*1=tFxz)JZHI06hB0kUHtu&P)D
zI8{{@RXmPBz~k_Eg2oCBg1VME9<NE#)LKC#l86KiZL&6z3^@@=f<huOSR4!_s^it6
z_J2Zo3y^T&E-Da%G6HB43PVCE>%kh>ZZt{-`H3Ha!xK<wtcsc{2HNe2@PlG7aFVf@
zMGq7jgH=%_sgc)Fad>SVUA<LC7Tc}A_3({}%Q%0ns<qA7FE}&m<P{jLhl2Q+ckx6c
zx9XApqeqdHPk{yoRzt#&fISdV{vG!PNSuIX)7rxJ#LIS<CS|`}cqb9Z9SJ_m(UMw=
zHRjS1Ho3;SHCTE(Cq9zf?LI1}jJ;q@1^%$_&z0?bN%^rVS=M9}$FW$*NUm?{?;ANa
zI_xmKf3#Zg;b)lwea$I1!Cm4tJ6x&+S8C=O#dvYw^YJ#X{F#l(j|lh4YajSEHQbmn
zu8OvP^SFCrGVr{h&Dyem+&(yy(H_;*+-y=J%o=^eNJ#JbOrumvrVAr04)>3YwVPME
zg&gXxV2ds#lonia-M*Wr-~|NnMHedGq)nwuWnp3SCN`$_ME=$e#q5dXp)x^ss$e9d
zqv$YwhnR1*nbq4GCd!-Rk-VoibCsa=L>h4-Hn1$#`Kol!fZAT`y3qqxtfMxwalOwn
zXsM+QdQ&ZT%1w6E`f*yuUu6}ujdqOgxp^)&h&FInT37O-=k?p1@{8wvRV#~FjbFW=
zyUs8X`OL}d>l*@fch}$Abt?XQMp(i@zgsO8`-Z|#8%&Hm6WzIP(yh>Lq-Uh{OsRR!
z<c;3n#48BR*P~yp{6;%{**55Xe4%K5!%43)W|N_Oo#bYR-;68B!?Ai#)l`o(46rjh
z^sPp$CfegS2)E@0u~_usQ8t7AtEj`~Mtql0X4kUDJZErA#F@I}$S!HN{;us!q54h!
zot9yO+zZ2QifwK7ril)nDLK`GO8)c>+t}8;jIx>gkEJ{=d$2}c#ifo}L{qs>3$7Ye
z?kBU&hLday)50!~j-~H3>aT9?ug)wvEMXdZJgO71XzVy{VWuyQ=5(*XOz^loF-hM%
zh55n2>Y{^faK-f>%f?MP5fA-sn|o?>*nV!aDGAf%5neC2oUCHbD;b}v*a=o^-hQW5
zH2$^hoPVEls<GjM<hmgJ0@f|tDqz}|qj+G<9@>~QxyL%K^z0uqv$@|D75BdGPTBN#
z^0i{AuTYpYBzLkTTQ;7itRhpXR7<j<oH~Xv9`p;BiJj&Wssd^b@%F{|=z4i4%Be5A
z8$Hi-)t2$PI9=~~V_q5F&eDg;m4;pKPuR-`=R39t147)XPbQd>UFo66cP7^kJ&a4D
zG|%ysAWj^A-21sluE7<<ZJie40H$8u?aWl(TDLZHiQ97tU&uCM=by`xXJ>gFI$C>d
mrn*$vp*ujIUgcA-cpFe2mOme5WSS3v!}8DlLM>~RUH<^bsa#9|

diff --git a/www/public/previews/components/core/toggle-button.mp4 b/www/public/previews/components/core/toggle-button.mp4
deleted file mode 100644
index d157cf81b4c08ef26fdb765be023e4172be863d3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 18291
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
a|CPA3;Dz7S|6Bo}UFnO5D7xXZ&;J8Io3DHT

diff --git a/www/public/previews/components/core/tooltip.jpeg b/www/public/previews/components/core/tooltip.jpeg
deleted file mode 100644
index c90c66c7b820f119e23d2ea52ba3ab277addb7d6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2428
zcmex=<NpH&0WUXCHwH#V1_nkTWcdGx@rI|fb9_LMzniCzD@5W10}!wnFfioil@tZJ
zJ1Im&Mk%mAfan0pB_<aafM^^5XzsUbAk!HbF6-h@gHM<<CAByisNe$-s}un(2Rc>+
z$QDV5ur)yJBnaCE#4ax>C;_So0I`cgf}DZu6d+q89f_TU#7-_K0;%r-s<Fw<DFxXD
z0w5Rjq~?VN18EK*mSHGn2x4$&a02-s$OnS_MGOoUUl|yfCm_U<W->5rZ)ISRxP=f?
zS-`-+-@?GK?L0yZ5hewRMTubJSb!u`S{ehxr{xR`ypaqH!WS4AxT3*wKmv!`6o67P
zKzHQ>VLC$&Ln?y;gC|2CLo$ONkY&VRz+lK=_Ww46GXpad2!KdtAYfr*0Rav+HdZ!H
z4lXWE4o*%k9)2D!Za!{KPF_J?K7IiKK>;ovAz>i_VIW%oWC$ZjCo>BNP@@1hCpS=(
zMDYIrgCGZ^5)%tEqY?v?AS1IN<NqTJvcTYGW?*InB}FJ;WMXDx=U`#w1WH>90MjQE
z3lkd~J10V#MbNO2m5p6USkcr`L{z+Z<0d8Lki_K4m&DYJoC1RyCoTkP6+to*sud(E
zh_DDIdW(UFnGxtDW<dsfhJWD~c1_WPN)bmfse9hkn5&+Uz+k$tR3nBsO;A-Vev>x^
zTKOF~z>w|qDqsgmdO7B*rz|R&+t|Qxt@X-6d|46GSV1ellP)i<nHd<@a<6oHfT;kF
zh*HViNu8I<*ch0j#DiK7;8BSw1+-IDc*z?c2DUAFOSu~`72pv8+Uce4c|(GMHzU?d
z9FIawDMp~3Q~V}xFkq0v6}`+~E6b-D&N<(+nzv==&5L=)JIj(SmhayE_k4l9y3M7x
z*0CZ5T)9VLk3U`){@moci~FhVo7Tnr_80hb%ihCkMcH~d&-2adY5y)Cu{Z0##JAFW
z!_MYKzaxA^&*ZZmjo)eZa@Mn}FFI#-T-REx^Zbw1x1^+^88dz_!E`bM1L3gZJM*IZ
z@Q*3~Oy$`lcN;I#=YLf9tG~hWgBm0Atm6C14=tmoTUz%eZoK~f`k6gOdrDuID=E!3
z4KB)fb$R-<Kt3_fIjfef(&~AXyicy?QJi8||M8uly)P6#-+X?K|B;Px|DK;!_;~=+
zX+(skwfQ1@pliPMH?NsH`=WgNNBe5`12SJv?-X9*e<R{(-Q%KugI_-G{RQW}-|X7^
zpTYTM@YVBYj|5LOo>%yEg01hReqXuePww@7oOg1U`LSQ;o5DNZY^-75vc2us%f6+v
zsy$u>-<=ox_r1}_b*iuXw7VY7TYvCDt=f}2UutC6ojSVaKf|;x<9TapZ*JV*e>`c;
z&BKp2PG5KHu*=1yuGcfWOU|5m>Qm`fbU;|H+UDnxKi;D6-_>0DBLDT~^K<HtBG%Uy
zKbuhV0Mp|Pgp;7m^~HHfhYQxYDKqu}lTp_yt*&R)i;|4q7c7wLp1FPg)$5|ce@|3i
znK^ULv*HO=8kJYrs|)YhH$JG)o?d9aNbl*_vd2GG&)5I;;`G<+b$?HPJy%?`YxT@~
sArK8%+(bk=!KMo$M%Y6*^%9W^aOxfEMP>s|pJ9^#7SsvA((?aJ04z`a#Q*>R

diff --git a/www/public/previews/components/core/tooltip.mp4 b/www/public/previews/components/core/tooltip.mp4
deleted file mode 100644
index 9cc14c7cee7d211b0c60a412fe93c4d5f9807a8f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 19000
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
JqLyL*{~s?>%ToXV

diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index f69fe6ed0..bdc644a9b 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -30,7 +30,7 @@ export const ComponentPreview = async ({
   const componentName = name.split("/")[1];
 
   const demoItem = Index[type][componentName];
-  console.log(demoItem);
+  
   const demos: {
     component: React.ComponentType;
     code: Array<{
diff --git a/www/src/demos/alert/action.tsx b/www/src/demos/alert/action.tsx
deleted file mode 100644
index 3a8691aa0..000000000
--- a/www/src/demos/alert/action.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Alert } from "@/components/dynamic-core/alert";
-import { Button } from "@/components/dynamic-core/button";
-
-export default function AlertDemo() {
-  return (
-    <Alert
-      action={
-        <Button variant="primary" size="sm">
-          Upgrade
-        </Button>
-      }
-    >
-      You are currently on the free plan. Upgrade to unlock more features.
-    </Alert>
-  );
-}
diff --git a/www/src/demos/alert/composition.tsx b/www/src/demos/alert/composition.tsx
deleted file mode 100644
index 41d8847dc..000000000
--- a/www/src/demos/alert/composition.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import {
-  AlertContent,
-  AlertRoot,
-  AlertTitle,
-} from "@/components/dynamic-core/alert";
-import { Button } from "@/components/dynamic-core/button";
-import { WalletIcon } from "@/__icons__";
-
-export default function AlertDemo() {
-  return (
-    <AlertRoot>
-      <WalletIcon />
-      <div className="flex-1">
-        <AlertTitle>Payment Information</AlertTitle>
-        <AlertContent>
-          Enter your payment method to complete your purchase.
-        </AlertContent>
-      </div>
-      <Button variant="primary" size="sm">
-        Upgrade
-      </Button>
-    </AlertRoot>
-  );
-}
diff --git a/www/src/demos/alert/content.tsx b/www/src/demos/alert/content.tsx
deleted file mode 100644
index 278537e78..000000000
--- a/www/src/demos/alert/content.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Alert } from "@/components/dynamic-core/alert";
-
-export default function AlertDemo() {
-  return (
-    <Alert title="Payment Information">
-      Enter your payment method to complete your purchase.
-    </Alert>
-  );
-}
diff --git a/www/src/demos/alert/custom-icon.tsx b/www/src/demos/alert/custom-icon.tsx
deleted file mode 100644
index b7a1096c4..000000000
--- a/www/src/demos/alert/custom-icon.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { Alert } from "@/components/dynamic-core/alert";
-import { GlobeIcon } from "@/__icons__";
-
-export default function AlertDemo() {
-  return <Alert icon={<GlobeIcon />}>Hello world!</Alert>;
-}
diff --git a/www/src/demos/alert/default.tsx b/www/src/demos/alert/default.tsx
deleted file mode 100644
index 1752786ae..000000000
--- a/www/src/demos/alert/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Alert } from "@/components/dynamic-core/alert";
-
-export default function AlertDemo() {
-  return <Alert>You can add components to your app using the cli.</Alert>;
-}
diff --git a/www/src/demos/alert/title.tsx b/www/src/demos/alert/title.tsx
deleted file mode 100644
index 0c7edf155..000000000
--- a/www/src/demos/alert/title.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Alert } from "@/components/dynamic-core/alert";
-
-export default function AlertDemo() {
-  return (
-    <Alert variant="warning" fill title="Your account has been suspended." />
-  );
-}
diff --git a/www/src/demos/alert/variants.tsx b/www/src/demos/alert/variants.tsx
deleted file mode 100644
index 1b861e636..000000000
--- a/www/src/demos/alert/variants.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-"use client";
-
-import React from "react";
-import { Alert, type AlertProps } from "@/components/dynamic-core/alert";
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-import { Switch } from "@/components/dynamic-core/switch";
-
-type Variant = AlertProps["variant"];
-
-export default function Demo() {
-  const [variant, setVariant] = React.useState<Variant>("default");
-  const [fill, setFill] = React.useState(true);
-
-  return (
-    <div className="flex items-center gap-8">
-      <Alert variant={variant} fill={fill}>
-        You can add components to your app using the cli.
-      </Alert>
-      <Switch isSelected={fill} onChange={setFill}>
-        Fill
-      </Switch>
-      <RadioGroup
-        label="Variant"
-        value={variant}
-        onChange={(newVal) => setVariant(newVal as Variant)}
-      >
-        <Radio value="default">Default</Radio>
-        <Radio value="success">Success</Radio>
-        <Radio value="danger">Danger</Radio>
-        <Radio value="warning">Warning</Radio>
-        <Radio value="info">Info</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/demos/avatar/composition.tsx b/www/src/demos/avatar/composition.tsx
deleted file mode 100644
index 63b6b0d38..000000000
--- a/www/src/demos/avatar/composition.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from "react";
-import {
-  AvatarRoot,
-  AvatarImage,
-  AvatarFallback,
-  AvatarPlaceholder,
-} from "@/components/dynamic-core/avatar";
-import { UserIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <AvatarRoot>
-      <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
-      <AvatarFallback>M</AvatarFallback>
-      <AvatarPlaceholder>
-        <UserIcon className="size-5" />
-      </AvatarPlaceholder>
-    </AvatarRoot>
-  );
-}
diff --git a/www/src/demos/avatar/default.tsx b/www/src/demos/avatar/default.tsx
deleted file mode 100644
index e94f54b2d..000000000
--- a/www/src/demos/avatar/default.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Avatar } from "@/components/dynamic-core/avatar";
-
-export default function Demo() {
-  return (
-    <Avatar
-      src="https://github.com/mehdibha.png"
-      alt="@mehdibha"
-      fallback="M"
-    />
-  );
-}
diff --git a/www/src/demos/avatar/shape.tsx b/www/src/demos/avatar/shape.tsx
deleted file mode 100644
index 1ba69322a..000000000
--- a/www/src/demos/avatar/shape.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Avatar } from "@/components/dynamic-core/avatar";
-
-export default function Demo() {
-  return (
-    <div className="space-x-4">
-      <Avatar
-        src="https://github.com/mehdibha.png"
-        alt="@mehdibha"
-        fallback="M"
-        shape="square"
-      />
-      <Avatar
-        src="https://github.com/mehdibha.png"
-        alt="@mehdibha"
-        fallback="M"
-        shape="circle"
-      />
-    </div>
-  );
-}
diff --git a/www/src/demos/avatar/sizes.tsx b/www/src/demos/avatar/sizes.tsx
deleted file mode 100644
index 7d1d91a20..000000000
--- a/www/src/demos/avatar/sizes.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Avatar } from "@/components/dynamic-core/avatar";
-
-export default function Demo() {
-  return (
-    <div className="space-x-4">
-      {(["sm", "md", "lg"] as const).map((size) => (
-        <Avatar
-          key={size}
-          size={size}
-          src="https://github.com/mehdibha.png"
-          alt="@mehdibha"
-          fallback="M"
-        />
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/demos/breadcrumbs/basic.tsx b/www/src/demos/breadcrumbs/basic.tsx
deleted file mode 100644
index 20492ad24..000000000
--- a/www/src/demos/breadcrumbs/basic.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
-
-export default function Demo() {
-  return (
-    <Breadcrumbs>
-      <Breadcrumb href="#">Home</Breadcrumb>
-      <Breadcrumb href="#">Components</Breadcrumb>
-      <Breadcrumb href="#">Breadcrumbs</Breadcrumb>
-    </Breadcrumbs>
-  );
-}
diff --git a/www/src/demos/breadcrumbs/composition.tsx b/www/src/demos/breadcrumbs/composition.tsx
deleted file mode 100644
index 266d2b2fc..000000000
--- a/www/src/demos/breadcrumbs/composition.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import {
-  Breadcrumbs,
-  BreadcrumbItem,
-  BreadcrumbLink,
-} from "@/components/dynamic-core/breadcrumbs";
-import { ChevronRightCircleIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Breadcrumbs>
-      <BreadcrumbItem>
-        <BreadcrumbLink href="#">Home</BreadcrumbLink>
-        <ChevronRightCircleIcon />
-      </BreadcrumbItem>
-      <BreadcrumbItem>
-        <BreadcrumbLink href="#">Components</BreadcrumbLink>
-        <ChevronRightCircleIcon />
-      </BreadcrumbItem>
-      <BreadcrumbItem>
-        <BreadcrumbLink>Breadcrumbs</BreadcrumbLink>
-        <ChevronRightCircleIcon />
-      </BreadcrumbItem>
-    </Breadcrumbs>
-  );
-}
diff --git a/www/src/demos/breadcrumbs/disabled.tsx b/www/src/demos/breadcrumbs/disabled.tsx
deleted file mode 100644
index a7075e96b..000000000
--- a/www/src/demos/breadcrumbs/disabled.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
-
-export default function Demo() {
-  return (
-    <Breadcrumbs isDisabled>
-      <Breadcrumb href="#">Home</Breadcrumb>
-      <Breadcrumb href="#">Components</Breadcrumb>
-      <Breadcrumb>Breadcrumbs</Breadcrumb>
-    </Breadcrumbs>
-  );
-}
diff --git a/www/src/demos/breadcrumbs/icon.tsx b/www/src/demos/breadcrumbs/icon.tsx
deleted file mode 100644
index 34400fb5b..000000000
--- a/www/src/demos/breadcrumbs/icon.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
-import { HomeIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Breadcrumbs>
-      <Breadcrumb href="#">
-        <HomeIcon />
-        Home
-      </Breadcrumb>
-      <Breadcrumb href="#">Components</Breadcrumb>
-      <Breadcrumb href="#">Breadcrumbs</Breadcrumb>
-    </Breadcrumbs>
-  );
-}
diff --git a/www/src/demos/breadcrumbs/router-integration.tsx b/www/src/demos/breadcrumbs/router-integration.tsx
deleted file mode 100644
index 240c74e55..000000000
--- a/www/src/demos/breadcrumbs/router-integration.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-"use client";
-
-import { usePathname } from "next/navigation";
-import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
-
-export default function Demo() {
-  const pathname = usePathname();
-  const pathnames = pathname.split("/").filter((x) => x);
-  return (
-    <Breadcrumbs>
-      {pathnames.map((elem, index) => {
-        const href = `/${pathnames.slice(0, index + 1).join("/")}`;
-        return (
-          <Breadcrumb key={elem} href={href} className="capitalize">
-            {elem}
-          </Breadcrumb>
-        );
-      })}
-    </Breadcrumbs>
-  );
-}
diff --git a/www/src/demos/button/default.tsx b/www/src/demos/button/default.tsx
deleted file mode 100644
index 7a5f8ca3a..000000000
--- a/www/src/demos/button/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-
-export default function Demo() {
-  return <Button>Button</Button>;
-}
diff --git a/www/src/demos/button/disabled.tsx b/www/src/demos/button/disabled.tsx
deleted file mode 100644
index d0623cc7e..000000000
--- a/www/src/demos/button/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-
-export default function Demo() {
-  return <Button isDisabled>Button</Button>;
-}
diff --git a/www/src/demos/button/link-button.tsx b/www/src/demos/button/link-button.tsx
deleted file mode 100644
index f24ec5fd8..000000000
--- a/www/src/demos/button/link-button.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { LogInIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Button href="/login" prefix={<LogInIcon />} target="_blank">
-      Login
-    </Button>
-  );
-}
diff --git a/www/src/demos/button/loading.tsx b/www/src/demos/button/loading.tsx
deleted file mode 100644
index eb9e23404..000000000
--- a/www/src/demos/button/loading.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-
-export default function Demo() {
-  return (
-    <div className="flex w-full items-center justify-center gap-2">
-      <Button size="sm" isPending>
-        Button
-      </Button>
-      <Button size="md" isPending>
-        Button
-      </Button>
-      <Button size="lg" isPending>
-        Button
-      </Button>
-    </div>
-  );
-}
diff --git a/www/src/demos/button/prefix-and-suffix.tsx b/www/src/demos/button/prefix-and-suffix.tsx
deleted file mode 100644
index 4da393b2f..000000000
--- a/www/src/demos/button/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-2">
-      <Button prefix={<UploadIcon />}>Upload</Button>
-      <Button suffix={<UploadIcon />}>Upload</Button>
-    </div>
-  );
-}
diff --git a/www/src/demos/button/shapes.tsx b/www/src/demos/button/shapes.tsx
deleted file mode 100644
index 6116bb8ba..000000000
--- a/www/src/demos/button/shapes.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center justify-center gap-4">
-      <Button size="sm" shape="square" aria-label="upload">
-        <UploadIcon />
-      </Button>
-      <Button size="md" shape="square" aria-label="upload">
-        <UploadIcon />
-      </Button>
-      <Button size="lg" shape="square" aria-label="upload">
-        <UploadIcon />
-      </Button>
-      <Button size="sm" shape="circle" aria-label="upload">
-        <UploadIcon />
-      </Button>
-      <Button size="md" shape="circle" aria-label="upload">
-        <UploadIcon />
-      </Button>
-      <Button size="lg" shape="circle" aria-label="upload">
-        <UploadIcon />
-      </Button>
-    </div>
-  );
-}
diff --git a/www/src/demos/button/sizes.tsx b/www/src/demos/button/sizes.tsx
deleted file mode 100644
index 593a8ef1b..000000000
--- a/www/src/demos/button/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-
-export default function Demo() {
-  return (
-    <div className="flex w-full items-center justify-center gap-4">
-      <Button size="sm">Button</Button>
-      <Button size="md">Button</Button>
-      <Button size="lg">Button</Button>
-    </div>
-  );
-}
diff --git a/www/src/demos/button/variants.tsx b/www/src/demos/button/variants.tsx
deleted file mode 100644
index c8923ffee..000000000
--- a/www/src/demos/button/variants.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-
-const variants = [
-  "default",
-  "primary",
-  "outline",
-  "quiet",
-  "success",
-  "warning",
-  "danger",
-  "accent",
-] as const;
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-4 gap-2">
-      {variants.map((variant) => (
-        <Button key={variant} variant={variant}>
-          {variant}
-        </Button>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/demos/calendar/composition.tsx b/www/src/demos/calendar/composition.tsx
deleted file mode 100644
index 1cce10534..000000000
--- a/www/src/demos/calendar/composition.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-import { Button } from "@/components/dynamic-core/button";
-import {
-  CalendarRoot,
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-} from "@/components/dynamic-core/calendar";
-import { Heading } from "@/components/dynamic-core/heading";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <CalendarRoot>
-      <CalendarHeader>
-        <Button slot="previous" variant="outline" shape="square" size="sm">
-          <ChevronLeftIcon />
-        </Button>
-        <Heading className="text-sm" />
-        <Button slot="next" variant="outline" shape="square" size="sm">
-          <ChevronRightIcon />
-        </Button>
-      </CalendarHeader>
-      <CalendarGrid>
-        <CalendarGridHeader>
-          {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-        </CalendarGridHeader>
-        <CalendarGridBody>
-          {(date) => <CalendarCell date={date} />}
-        </CalendarGridBody>
-      </CalendarGrid>
-    </CalendarRoot>
-  );
-}
diff --git a/www/src/demos/calendar/controlled.tsx b/www/src/demos/calendar/controlled.tsx
deleted file mode 100644
index 149e82599..000000000
--- a/www/src/demos/calendar/controlled.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { useDateFormatter } from "react-aria";
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(today(getLocalTimeZone()));
-  const formatter = useDateFormatter({ dateStyle: "full" });
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <Calendar
-        aria-label="Date (controlled)"
-        value={value}
-        onChange={setValue}
-      />
-      <p className="text-fg-muted text-sm">
-        Selected date: {formatter.format(value.toDate(getLocalTimeZone()))}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/calendar/default.tsx b/www/src/demos/calendar/default.tsx
deleted file mode 100644
index dc6749341..000000000
--- a/www/src/demos/calendar/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  return <Calendar />;
-}
diff --git a/www/src/demos/calendar/disabled.tsx b/www/src/demos/calendar/disabled.tsx
deleted file mode 100644
index 349cc6216..000000000
--- a/www/src/demos/calendar/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  return <Calendar aria-label="Appointment date" isDisabled />;
-}
diff --git a/www/src/demos/calendar/error-message.tsx b/www/src/demos/calendar/error-message.tsx
deleted file mode 100644
index 5d65f0818..000000000
--- a/www/src/demos/calendar/error-message.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { today, isWeekend, getLocalTimeZone } from "@internationalized/date";
-import { useLocale } from "react-aria";
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  const [date, setDate] = React.useState(today(getLocalTimeZone()));
-  const { locale } = useLocale();
-  const isInvalid = isWeekend(date, locale);
-  return (
-    <Calendar
-      value={date}
-      onChange={setDate}
-      isInvalid={isInvalid}
-      errorMessage={"We are closed on weekends"}
-    />
-  );
-}
diff --git a/www/src/demos/calendar/label.tsx b/www/src/demos/calendar/label.tsx
deleted file mode 100644
index bf53c605c..000000000
--- a/www/src/demos/calendar/label.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  return <Calendar aria-label="Event date" />;
-}
diff --git a/www/src/demos/calendar/page-behaviour.tsx b/www/src/demos/calendar/page-behaviour.tsx
deleted file mode 100644
index 70e383c08..000000000
--- a/www/src/demos/calendar/page-behaviour.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  return <Calendar visibleMonths={2} pageBehavior="single" />;
-}
diff --git a/www/src/demos/calendar/read-only.tsx b/www/src/demos/calendar/read-only.tsx
deleted file mode 100644
index 64f763dde..000000000
--- a/www/src/demos/calendar/read-only.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  return (
-    <Calendar
-      aria-label="Appointment date"
-      isReadOnly
-      value={today(getLocalTimeZone())}
-    />
-  );
-}
diff --git a/www/src/demos/calendar/uncontrolled.tsx b/www/src/demos/calendar/uncontrolled.tsx
deleted file mode 100644
index 82a52b9d4..000000000
--- a/www/src/demos/calendar/uncontrolled.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  return (
-    <Calendar
-      aria-label="Appointment date"
-      defaultValue={today(getLocalTimeZone())}
-    />
-  );
-}
diff --git a/www/src/demos/calendar/unvailable-dates.tsx b/www/src/demos/calendar/unvailable-dates.tsx
deleted file mode 100644
index 6371e0cc8..000000000
--- a/www/src/demos/calendar/unvailable-dates.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-"use client";
-
-import {
-  type DateValue,
-  getLocalTimeZone,
-  isWeekend,
-  today,
-} from "@internationalized/date";
-import { useLocale } from "react-aria";
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  const now = today(getLocalTimeZone());
-  const disabledRanges = [
-    [now, now.add({ days: 5 })],
-    [now.add({ days: 14 }), now.add({ days: 16 })],
-    [now.add({ days: 23 }), now.add({ days: 24 })],
-  ];
-
-  const { locale } = useLocale();
-  const isDateUnavailable = (date: DateValue) =>
-    isWeekend(date, locale) ||
-    disabledRanges.some(
-      (interval) =>
-        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
-    );
-
-  return (
-    <Calendar
-      aria-label="Appointment date"
-      minValue={today(getLocalTimeZone())}
-      isDateUnavailable={isDateUnavailable}
-    />
-  );
-}
diff --git a/www/src/demos/calendar/validation.tsx b/www/src/demos/calendar/validation.tsx
deleted file mode 100644
index 871f87d14..000000000
--- a/www/src/demos/calendar/validation.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  return (
-    <Calendar
-      aria-label="Appointment date"
-      minValue={today(getLocalTimeZone())}
-    />
-  );
-}
diff --git a/www/src/demos/calendar/visible-months.tsx b/www/src/demos/calendar/visible-months.tsx
deleted file mode 100644
index 53431b519..000000000
--- a/www/src/demos/calendar/visible-months.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  return <Calendar visibleMonths={2} />;
-}
diff --git a/www/src/demos/checkbox-group/cards.tsx b/www/src/demos/checkbox-group/cards.tsx
deleted file mode 100644
index aaaeaab97..000000000
--- a/www/src/demos/checkbox-group/cards.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      defaultValue={["nextjs"]}
-      variant="card"
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/demos/checkbox-group/composition.tsx b/www/src/demos/checkbox-group/composition.tsx
deleted file mode 100644
index beb56cbd1..000000000
--- a/www/src/demos/checkbox-group/composition.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroupRoot } from "@/components/dynamic-core/checkbox-group";
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/components/dynamic-core/field";
-
-export default function Demo() {
-  return (
-    <CheckboxGroupRoot defaultValue={["nextjs"]}>
-      <Label>React frameworks</Label>
-      <Description>You can pick any frameworks.</Description>
-      <div className="flex items-center gap-4">
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-        <Checkbox value="gatsby">Gatsby</Checkbox>
-      </div>
-      <FieldError />
-    </CheckboxGroupRoot>
-  );
-}
diff --git a/www/src/demos/checkbox-group/contextual-help.tsx b/www/src/demos/checkbox-group/contextual-help.tsx
deleted file mode 100644
index 0db65d2c9..000000000
--- a/www/src/demos/checkbox-group/contextual-help.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      defaultValue={["nextjs"]}
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/demos/checkbox-group/controlled.tsx b/www/src/demos/checkbox-group/controlled.tsx
deleted file mode 100644
index 9c2224cac..000000000
--- a/www/src/demos/checkbox-group/controlled.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import React from "react";
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-
-export default function Demo() {
-  const [frameworks, setFrameworks] = React.useState(["nextjs"]);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <CheckboxGroup
-        label="React frameworks"
-        value={frameworks}
-        onChange={(value) => setFrameworks(value)}
-      >
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-        <Checkbox value="gatsby">Gatsby</Checkbox>
-      </CheckboxGroup>
-      <p className="text-fg-muted text-xs">
-        {frameworks.length === 0
-          ? "You haven't selected any frameworks."
-          : `You selected ${frameworks.join(", ")}.`}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/checkbox-group/default.tsx b/www/src/demos/checkbox-group/default.tsx
deleted file mode 100644
index c30acc578..000000000
--- a/www/src/demos/checkbox-group/default.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/demos/checkbox-group/description.tsx b/www/src/demos/checkbox-group/description.tsx
deleted file mode 100644
index e2b96f06f..000000000
--- a/www/src/demos/checkbox-group/description.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      defaultValue={["nextjs"]}
-      description="You can pick any frameworks."
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/demos/checkbox-group/disabled.tsx b/www/src/demos/checkbox-group/disabled.tsx
deleted file mode 100644
index 99d7400c5..000000000
--- a/www/src/demos/checkbox-group/disabled.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      isDisabled
-      defaultValue={["nextjs"]}
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/demos/checkbox-group/error-message.tsx b/www/src/demos/checkbox-group/error-message.tsx
deleted file mode 100644
index 5c6f3d4e0..000000000
--- a/www/src/demos/checkbox-group/error-message.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      isInvalid
-      errorMessage="Please select a framework."
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/demos/checkbox-group/label.tsx b/www/src/demos/checkbox-group/label.tsx
deleted file mode 100644
index a81515566..000000000
--- a/www/src/demos/checkbox-group/label.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-10">
-      <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup aria-label="React frameworks" defaultValue={["nextjs"]}>
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-    </div>
-  );
-}
diff --git a/www/src/demos/checkbox-group/read-only.tsx b/www/src/demos/checkbox-group/read-only.tsx
deleted file mode 100644
index dd2cff635..000000000
--- a/www/src/demos/checkbox-group/read-only.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      isReadOnly
-      defaultValue={["nextjs"]}
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/demos/checkbox-group/required.tsx b/www/src/demos/checkbox-group/required.tsx
deleted file mode 100644
index 366c226c6..000000000
--- a/www/src/demos/checkbox-group/required.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from "react";
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <CheckboxGroup label="React frameworks" isRequired>
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup
-        label="React frameworks"
-        isRequired
-        necessityIndicator="icon"
-      >
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup
-        label="React frameworks"
-        isRequired
-        necessityIndicator="label"
-      >
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup label="React frameworks" necessityIndicator="label">
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-    </div>
-  );
-}
diff --git a/www/src/demos/checkbox-group/uncontrolled.tsx b/www/src/demos/checkbox-group/uncontrolled.tsx
deleted file mode 100644
index c30acc578..000000000
--- a/www/src/demos/checkbox-group/uncontrolled.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/demos/checkbox/card.tsx b/www/src/demos/checkbox/card.tsx
deleted file mode 100644
index ab8e78e53..000000000
--- a/www/src/demos/checkbox/card.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-
-export default function Demo() {
-  return (
-    <Checkbox variant="card">I agree to the terms and conditions</Checkbox>
-  );
-}
diff --git a/www/src/demos/checkbox/controlled.tsx b/www/src/demos/checkbox/controlled.tsx
deleted file mode 100644
index 7d59ba97e..000000000
--- a/www/src/demos/checkbox/controlled.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import React from "react";
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-
-export default function Demo() {
-  const [checked, setChecked] = React.useState(false);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <Checkbox isSelected={checked} onChange={setChecked}>
-        I accept the terms and conditions
-      </Checkbox>
-      <p className="text-fg-muted text-xs">
-        <span className="font-bold">Checked:</span> {checked ? "true" : "false"}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/checkbox/default.tsx b/www/src/demos/checkbox/default.tsx
deleted file mode 100644
index 949034071..000000000
--- a/www/src/demos/checkbox/default.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { Link } from "@/components/dynamic-core/link";
-
-export default function Demo() {
-  return (
-    <Checkbox>
-      I accept the{" "}
-      <Link variant="accent" href="#">
-        terms and conditions
-      </Link>
-    </Checkbox>
-  );
-}
diff --git a/www/src/demos/checkbox/disabled.tsx b/www/src/demos/checkbox/disabled.tsx
deleted file mode 100644
index 3cba2f070..000000000
--- a/www/src/demos/checkbox/disabled.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-
-export default function Demo() {
-  return <Checkbox isDisabled>I accept the terms and conditions</Checkbox>;
-}
diff --git a/www/src/demos/checkbox/indeterminate.tsx b/www/src/demos/checkbox/indeterminate.tsx
deleted file mode 100644
index cf22c2cc5..000000000
--- a/www/src/demos/checkbox/indeterminate.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-
-export default function Demo() {
-  return <Checkbox isIndeterminate>Select all</Checkbox>;
-}
diff --git a/www/src/demos/checkbox/read-only.tsx b/www/src/demos/checkbox/read-only.tsx
deleted file mode 100644
index a5921aad9..000000000
--- a/www/src/demos/checkbox/read-only.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-
-export default function Demo() {
-  return (
-    <Checkbox defaultSelected isReadOnly>
-      I accept the terms and conditions
-    </Checkbox>
-  );
-}
diff --git a/www/src/demos/checkbox/uncontrolled.tsx b/www/src/demos/checkbox/uncontrolled.tsx
deleted file mode 100644
index fe287c9aa..000000000
--- a/www/src/demos/checkbox/uncontrolled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-
-export default function Demo() {
-  return <Checkbox defaultSelected>I accept the terms and conditions</Checkbox>;
-}
diff --git a/www/src/demos/color-area/channels.tsx b/www/src/demos/color-area/channels.tsx
deleted file mode 100644
index 375559ab1..000000000
--- a/www/src/demos/color-area/channels.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorArea } from "@/components/dynamic-core/color-area";
-
-export default function Demo() {
-  return <ColorArea xChannel="red" yChannel="blue" />;
-}
diff --git a/www/src/demos/color-area/composition.tsx b/www/src/demos/color-area/composition.tsx
deleted file mode 100644
index b18de28ff..000000000
--- a/www/src/demos/color-area/composition.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ColorAreaRoot } from "@/components/dynamic-core/color-area";
-import { ColorThumb } from "@/components/dynamic-core/color-thumb";
-
-export default function Demo() {
-  return (
-    <ColorAreaRoot>
-      <ColorThumb />
-    </ColorAreaRoot>
-  );
-}
diff --git a/www/src/demos/color-area/controlled.tsx b/www/src/demos/color-area/controlled.tsx
deleted file mode 100644
index f82739b2a..000000000
--- a/www/src/demos/color-area/controlled.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseColor } from "react-aria-components";
-import { ColorArea } from "@/components/dynamic-core/color-area";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorArea
-        value={value}
-        onChange={setValue}
-        xChannel="saturation"
-        yChannel="lightness"
-      />
-      <p className="text-fg-muted text-xs">
-        Selected color : {value.toString()}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/color-area/default.tsx b/www/src/demos/color-area/default.tsx
deleted file mode 100644
index 7f677a4ea..000000000
--- a/www/src/demos/color-area/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorArea } from "@/components/dynamic-core/color-area";
-
-export default function Demo() {
-  return <ColorArea />;
-}
diff --git a/www/src/demos/color-area/disabled.tsx b/www/src/demos/color-area/disabled.tsx
deleted file mode 100644
index 655459ed2..000000000
--- a/www/src/demos/color-area/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorArea } from "@/components/dynamic-core/color-area";
-
-export default function Demo() {
-  return <ColorArea isDisabled />;
-}
diff --git a/www/src/demos/color-area/uncontrolled.tsx b/www/src/demos/color-area/uncontrolled.tsx
deleted file mode 100644
index 99daf4a61..000000000
--- a/www/src/demos/color-area/uncontrolled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorArea } from "@/components/dynamic-core/color-area";
-
-export default function Demo() {
-  return <ColorArea defaultValue="hsl(30, 100%, 50%)" />;
-}
diff --git a/www/src/demos/color-field/composition.tsx b/www/src/demos/color-field/composition.tsx
deleted file mode 100644
index b6776262b..000000000
--- a/www/src/demos/color-field/composition.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorFieldRoot } from "@/components/dynamic-core/color-field";
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/components/dynamic-core/field";
-import { Input, InputRoot } from "@/components/dynamic-core/input";
-
-export default function Demo() {
-  return (
-    <ColorFieldRoot>
-      <Label>Background</Label>
-      <InputRoot>
-        <Input />
-      </InputRoot>
-      <Description>Enter a background color.</Description>
-      <FieldError />
-    </ColorFieldRoot>
-  );
-}
diff --git a/www/src/demos/color-field/contextual-help.tsx b/www/src/demos/color-field/contextual-help.tsx
deleted file mode 100644
index 721f677ca..000000000
--- a/www/src/demos/color-field/contextual-help.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-
-export default function Demo() {
-  return (
-    <ColorField
-      label="Color"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/color-field/controlled.tsx b/www/src/demos/color-field/controlled.tsx
deleted file mode 100644
index 70363d33a..000000000
--- a/www/src/demos/color-field/controlled.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import React from "react";
-import { type Color, parseColor } from "react-aria-components";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorField value={color} onChange={setColor} />
-      <p className="text-fg-muted text-sm">
-        Current color value: {color?.toString("hex")}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/color-field/default.tsx b/www/src/demos/color-field/default.tsx
deleted file mode 100644
index b3535197d..000000000
--- a/www/src/demos/color-field/default.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return <ColorField label="Color" />;
-}
diff --git a/www/src/demos/color-field/description.tsx b/www/src/demos/color-field/description.tsx
deleted file mode 100644
index 41ba1c885..000000000
--- a/www/src/demos/color-field/description.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return <ColorField label="Color" description="Enter a background color." />;
-}
diff --git a/www/src/demos/color-field/disabled.tsx b/www/src/demos/color-field/disabled.tsx
deleted file mode 100644
index 6604109f1..000000000
--- a/www/src/demos/color-field/disabled.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import { parseColor } from "react-aria-components";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return <ColorField value={parseColor("rgb(222,70,58)")} isDisabled />;
-}
diff --git a/www/src/demos/color-field/error-message.tsx b/www/src/demos/color-field/error-message.tsx
deleted file mode 100644
index 9630bbde5..000000000
--- a/www/src/demos/color-field/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return (
-    <ColorField
-      label="Color"
-      isInvalid
-      errorMessage="Please fill out this field."
-    />
-  );
-}
diff --git a/www/src/demos/color-field/form.tsx b/www/src/demos/color-field/form.tsx
deleted file mode 100644
index 5580544a5..000000000
--- a/www/src/demos/color-field/form.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return <ColorField />;
-}
diff --git a/www/src/demos/color-field/label.tsx b/www/src/demos/color-field/label.tsx
deleted file mode 100644
index 5aa5807ca..000000000
--- a/www/src/demos/color-field/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <ColorField label="Background" placeholder="Visible label" />
-      <ColorField aria-label="Background" placeholder="Hidden label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/color-field/loading.tsx b/www/src/demos/color-field/loading.tsx
deleted file mode 100644
index fc97c3961..000000000
--- a/www/src/demos/color-field/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorField isLoading loaderPosition="prefix" />
-      <ColorField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/color-field/prefix-and-suffix.tsx b/www/src/demos/color-field/prefix-and-suffix.tsx
deleted file mode 100644
index fb464eeaf..000000000
--- a/www/src/demos/color-field/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ColorField } from "@/components/dynamic-core/color-field";
-import { PaletteIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorField prefix={<PaletteIcon />} />
-      <ColorField suffix={<PaletteIcon />} />
-    </div>
-  );
-}
diff --git a/www/src/demos/color-field/read-only.tsx b/www/src/demos/color-field/read-only.tsx
deleted file mode 100644
index 6991428b0..000000000
--- a/www/src/demos/color-field/read-only.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return <ColorField label="Color" isReadOnly value="#121212" />;
-}
diff --git a/www/src/demos/color-field/required.tsx b/www/src/demos/color-field/required.tsx
deleted file mode 100644
index 4652486b6..000000000
--- a/www/src/demos/color-field/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <ColorField label="Color" isRequired />
-      <ColorField label="Color" isRequired necessityIndicator="icon" />
-      <ColorField label="Color" isRequired necessityIndicator="label" />
-      <ColorField label="Color" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/color-field/sizes.tsx b/www/src/demos/color-field/sizes.tsx
deleted file mode 100644
index 9fa524375..000000000
--- a/www/src/demos/color-field/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <ColorField label="small" size="sm" />
-      <ColorField label="medium" size="md" />
-      <ColorField label="large" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/demos/color-field/uncontrolled.tsx b/www/src/demos/color-field/uncontrolled.tsx
deleted file mode 100644
index e2e085f9d..000000000
--- a/www/src/demos/color-field/uncontrolled.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return <ColorField defaultValue="#7f007f" />;
-}
diff --git a/www/src/demos/color-picker/composition.tsx b/www/src/demos/color-picker/composition.tsx
deleted file mode 100644
index 7f2df9402..000000000
--- a/www/src/demos/color-picker/composition.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import {
-  ColorEditor,
-  ColorPickerRoot,
-} from "@/components/dynamic-core/color-picker";
-import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
-import { Dialog, DialogRoot } from "@/components/dynamic-core/dialog";
-
-export default function Demo() {
-  return (
-    <ColorPickerRoot defaultValue="#5100FF">
-      <DialogRoot>
-        <Button shape="square">
-          <ColorSwatch />
-        </Button>
-        <Dialog type="popover" mobileType="drawer">
-          <ColorEditor />
-        </Dialog>
-      </DialogRoot>
-    </ColorPickerRoot>
-  );
-}
diff --git a/www/src/demos/color-picker/controlled.tsx b/www/src/demos/color-picker/controlled.tsx
deleted file mode 100644
index 9afe2aaad..000000000
--- a/www/src/demos/color-picker/controlled.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-"use client";
-
-import React from "react";
-import { type Color, parseColor } from "react-aria-components";
-import { ColorPicker } from "@/components/dynamic-core/color-picker";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(parseColor("hsl(26, 33%, 78%)"));
-  // React aria components should fix this type issue (normally its Color not Color & string)
-  return <ColorPicker value={value as Color & string} onChange={setValue} />;
-}
diff --git a/www/src/demos/color-picker/default.tsx b/www/src/demos/color-picker/default.tsx
deleted file mode 100644
index 281d2c2bd..000000000
--- a/www/src/demos/color-picker/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorPicker } from "@/components/dynamic-core/color-picker";
-
-export default function Demo() {
-  return <ColorPicker defaultValue="#5100FF" />;
-}
diff --git a/www/src/demos/color-picker/options.tsx b/www/src/demos/color-picker/options.tsx
deleted file mode 100644
index 462025341..000000000
--- a/www/src/demos/color-picker/options.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ColorPicker } from "@/components/dynamic-core/color-picker";
-
-export default function Demo() {
-  return (
-    <ColorPicker size="sm" shape="rectangle" defaultValue="#107030">
-      Fill color
-    </ColorPicker>
-  );
-}
diff --git a/www/src/demos/color-picker/uncontrolled.tsx b/www/src/demos/color-picker/uncontrolled.tsx
deleted file mode 100644
index 281d2c2bd..000000000
--- a/www/src/demos/color-picker/uncontrolled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorPicker } from "@/components/dynamic-core/color-picker";
-
-export default function Demo() {
-  return <ColorPicker defaultValue="#5100FF" />;
-}
diff --git a/www/src/demos/color-slider/channel.tsx b/www/src/demos/color-slider/channel.tsx
deleted file mode 100644
index 3955bc71d..000000000
--- a/www/src/demos/color-slider/channel.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorSlider } from "@/components/dynamic-core/color-slider";
-
-export default function Demo() {
-  return <ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" />;
-}
diff --git a/www/src/demos/color-slider/composition.tsx b/www/src/demos/color-slider/composition.tsx
deleted file mode 100644
index 0624df838..000000000
--- a/www/src/demos/color-slider/composition.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import {
-  ColorSliderOutput,
-  ColorSliderRoot,
-  ColorSliderTrack,
-} from "@/components/dynamic-core/color-slider";
-import { ColorThumb } from "@/components/dynamic-core/color-thumb";
-import { Label } from "@/components/dynamic-core/field";
-
-export default function Demo() {
-  return (
-    <ColorSliderRoot channel="hue" defaultValue="hsl(0, 100%, 50%)">
-      <div className="flex items-center justify-between">
-        <Label>Hue</Label>
-        <ColorSliderOutput />
-      </div>
-      <ColorSliderTrack>
-        <ColorThumb />
-      </ColorSliderTrack>
-    </ColorSliderRoot>
-  );
-}
diff --git a/www/src/demos/color-slider/controlled.tsx b/www/src/demos/color-slider/controlled.tsx
deleted file mode 100644
index 58fc55311..000000000
--- a/www/src/demos/color-slider/controlled.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseColor } from "react-aria-components";
-import { ColorSlider } from "@/components/dynamic-core/color-slider";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorSlider value={value} onChange={setValue} channel="hue" />
-      <p className="text-fg-muted text-xs">Value: {value.toString("hex")}</p>
-    </div>
-  );
-}
diff --git a/www/src/demos/color-slider/default.tsx b/www/src/demos/color-slider/default.tsx
deleted file mode 100644
index e78a65aec..000000000
--- a/www/src/demos/color-slider/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorSlider } from "@/components/dynamic-core/color-slider";
-
-export default function Demo() {
-  return <ColorSlider channel="hue" defaultValue="hsl(200, 100%, 50%)" />;
-}
diff --git a/www/src/demos/color-slider/disabled.tsx b/www/src/demos/color-slider/disabled.tsx
deleted file mode 100644
index e3eb2b82e..000000000
--- a/www/src/demos/color-slider/disabled.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ColorSlider } from "@/components/dynamic-core/color-slider";
-
-export default function Demo() {
-  return (
-    <ColorSlider
-      label="Opacity"
-      defaultValue="#f00"
-      channel="alpha"
-      isDisabled
-    />
-  );
-}
diff --git a/www/src/demos/color-slider/label.tsx b/www/src/demos/color-slider/label.tsx
deleted file mode 100644
index 76fe4bba8..000000000
--- a/www/src/demos/color-slider/label.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { ColorSlider } from "@/components/dynamic-core/color-slider";
-
-export default function Demo() {
-  return (
-    <ColorSlider label="Hue" channel="hue" defaultValue="hsl(200, 100%, 50%)" />
-  );
-}
diff --git a/www/src/demos/color-slider/uncontrolled.tsx b/www/src/demos/color-slider/uncontrolled.tsx
deleted file mode 100644
index 69d21db7b..000000000
--- a/www/src/demos/color-slider/uncontrolled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorSlider } from "@/components/dynamic-core/color-slider";
-
-export default function Demo() {
-  return <ColorSlider channel="hue" defaultValue="hsl(0, 100%, 50%)" />;
-}
diff --git a/www/src/demos/color-slider/vertical.tsx b/www/src/demos/color-slider/vertical.tsx
deleted file mode 100644
index a5dc2d119..000000000
--- a/www/src/demos/color-slider/vertical.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ColorSlider } from "@/components/dynamic-core/color-slider";
-
-export default function Demo() {
-  return (
-    <ColorSlider
-      orientation="vertical"
-      channel="hue"
-      defaultValue="hsl(0, 100%, 50%)"
-    />
-  );
-}
diff --git a/www/src/demos/color-swatch/default.tsx b/www/src/demos/color-swatch/default.tsx
deleted file mode 100644
index a766ffdb7..000000000
--- a/www/src/demos/color-swatch/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
-
-export default function Demo() {
-  return <ColorSwatch color="#f00" />;
-}
diff --git a/www/src/demos/combobox/async-loading.tsx b/www/src/demos/combobox/async-loading.tsx
deleted file mode 100644
index 7a84ba994..000000000
--- a/www/src/demos/combobox/async-loading.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import { useAsyncList } from "react-stately";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-interface Character {
-  name: string;
-}
-
-export default function Demo() {
-  const list = useAsyncList<Character>({
-    async load({ signal }) {
-      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
-      const json = (await res.json()) as { results: Character[] };
-      return {
-        items: json.results,
-      };
-    },
-  });
-
-  return (
-    <Combobox label="Pokemon" items={list.items} isLoading={list.isLoading}>
-      {(item) => <Item id={item.name}>{item.name}</Item>}
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/basic.tsx b/www/src/demos/combobox/basic.tsx
deleted file mode 100644
index b015a8dbc..000000000
--- a/www/src/demos/combobox/basic.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox aria-label="country">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/composition.tsx b/www/src/demos/combobox/composition.tsx
deleted file mode 100644
index 4efe98f27..000000000
--- a/www/src/demos/combobox/composition.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from "react";
-import {
-  ComboboxRoot,
-  ComboboxTrigger,
-} from "@/components/dynamic-core/combobox";
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/components/dynamic-core/field";
-import { Item, ListBox } from "@/components/dynamic-core/list-box";
-import { Overlay } from "@/components/dynamic-core/overlay";
-
-export default function Demo() {
-  return (
-    <ComboboxRoot>
-      <Label>Framework</Label>
-      <ComboboxTrigger />
-      <Description>Please choose a framework.</Description>
-      <FieldError />
-      <Overlay type="popover">
-        <ListBox>
-          <Item>Next.js</Item>
-          <Item>Remix</Item>
-          <Item>Gatsby</Item>
-          <Item></Item>
-        </ListBox>
-      </Overlay>
-    </ComboboxRoot>
-  );
-}
diff --git a/www/src/demos/combobox/contextual-help.tsx b/www/src/demos/combobox/contextual-help.tsx
deleted file mode 100644
index bb116583e..000000000
--- a/www/src/demos/combobox/contextual-help.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox
-      label="Country"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, get assisted by our AI."
-        />
-      }
-    >
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/controlled.tsx b/www/src/demos/combobox/controlled.tsx
deleted file mode 100644
index fa4bec355..000000000
--- a/www/src/demos/combobox/controlled.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Key } from "react-aria-components";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  const [country, setCountry] = React.useState<Key | null>("tn");
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <Combobox
-        aria-label="country"
-        selectedKey={country}
-        onSelectionChange={setCountry}
-      >
-        <Item id="ca">Canada</Item>
-        <Item id="fr">France</Item>
-        <Item id="de">Germany</Item>
-        <Item id="es">Spain</Item>
-        <Item id="tn">Tunisia</Item>
-        <Item id="us">United States</Item>
-        <Item id="uk">United Kingdom</Item>
-      </Combobox>
-      <p className="text-fg-muted text-sm">
-        {country ? (
-          <>
-            You selected: <span className="text-fg font-bold">{country}</span>
-          </>
-        ) : (
-          "Select a country."
-        )}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/combobox/custom-value.tsx b/www/src/demos/combobox/custom-value.tsx
deleted file mode 100644
index 5435f63d6..000000000
--- a/www/src/demos/combobox/custom-value.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox aria-label="country" allowsCustomValue>
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/description.tsx b/www/src/demos/combobox/description.tsx
deleted file mode 100644
index b0007bf0a..000000000
--- a/www/src/demos/combobox/description.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox label="Country" description="Please select a country.">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/disabled.tsx b/www/src/demos/combobox/disabled.tsx
deleted file mode 100644
index df78c8d4f..000000000
--- a/www/src/demos/combobox/disabled.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox label="Favorite Animal" isDisabled>
-      <Item id="red panda">Red Panda</Item>
-      <Item id="cat">Cat</Item>
-      <Item id="dog">Dog</Item>
-      <Item id="aardvark">Aardvark</Item>
-      <Item id="kangaroo">Kangaroo</Item>
-      <Item id="snake">Snake</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/label.tsx b/www/src/demos/combobox/label.tsx
deleted file mode 100644
index b3bbb125d..000000000
--- a/www/src/demos/combobox/label.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox label="Country">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/loading.tsx b/www/src/demos/combobox/loading.tsx
deleted file mode 100644
index 1fe69a452..000000000
--- a/www/src/demos/combobox/loading.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox label="Favorite Animal" isLoading>
-      <Item>Red Panda</Item>
-      <Item>Cat</Item>
-      <Item>Dog</Item>
-      <Item>Aardvark</Item>
-      <Item>Kangaroo</Item>
-      <Item>Snake</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/required.tsx b/www/src/demos/combobox/required.tsx
deleted file mode 100644
index a053476c9..000000000
--- a/www/src/demos/combobox/required.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox label="Country" isRequired necessityIndicator="icon">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/sections.tsx b/www/src/demos/combobox/sections.tsx
deleted file mode 100644
index 647de3540..000000000
--- a/www/src/demos/combobox/sections.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Section } from "@/components/dynamic-core/section";
-
-export default function Demo() {
-  return (
-    <Combobox aria-label="Country">
-      <Section title="Africa">
-        <Item>Tunisia</Item>
-        <Item>Algeria</Item>
-        <Item>Morocco</Item>
-      </Section>
-      <Section title="America">
-        <Item>Canada</Item>
-        <Item>United states</Item>
-      </Section>
-      <Section title="Asia">
-        <Item>India</Item>
-        <Item>Japan</Item>
-        <Item>Korea</Item>
-      </Section>
-      <Section title="Europe">
-        <Item>France</Item>
-        <Item>Germany</Item>
-        <Item>Spain</Item>
-        <Item>United Kingdom</Item>
-      </Section>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/uncontrolled.tsx b/www/src/demos/combobox/uncontrolled.tsx
deleted file mode 100644
index 1d8dc37f2..000000000
--- a/www/src/demos/combobox/uncontrolled.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox aria-label="country" defaultSelectedKey="tn">
-      <Item id="ca">Canada</Item>
-      <Item id="fr">France</Item>
-      <Item id="de">Germany</Item>
-      <Item id="es">Spain</Item>
-      <Item id="tn">Tunisia</Item>
-      <Item id="us">United States</Item>
-      <Item id="uk">United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/combobox/validation.tsx b/www/src/demos/combobox/validation.tsx
deleted file mode 100644
index f92014d3f..000000000
--- a/www/src/demos/combobox/validation.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox
-      aria-label="Country"
-      isInvalid
-      errorMessage="Please select a country in the list."
-    >
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/date-field/composition.tsx b/www/src/demos/date-field/composition.tsx
deleted file mode 100644
index 7a57fe511..000000000
--- a/www/src/demos/date-field/composition.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateFieldRoot } from "@/components/dynamic-core/date-field";
-import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
-import { Description, Label } from "@/components/dynamic-core/field";
-import { InputRoot } from "@/components/dynamic-core/input";
-
-export default function Demo() {
-  return (
-    <DateFieldRoot>
-      <Label>Meeting time</Label>
-      <InputRoot>
-        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-      </InputRoot>
-      <Description>Please select a time between 9 AM and 5 PM.</Description>
-    </DateFieldRoot>
-  );
-}
diff --git a/www/src/demos/date-field/contextual-help.tsx b/www/src/demos/date-field/contextual-help.tsx
deleted file mode 100644
index 7fae45c51..000000000
--- a/www/src/demos/date-field/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Appointment"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/date-field/controlled.tsx b/www/src/demos/date-field/controlled.tsx
deleted file mode 100644
index 39bac6110..000000000
--- a/www/src/demos/date-field/controlled.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseDate } from "@internationalized/date";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(parseDate("2020-02-03"));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <DateField aria-label="Event date" value={value} onChange={setValue} />
-      <p className="text-fg-muted text-sm">selected date: {value.toString()}</p>
-    </div>
-  );
-}
diff --git a/www/src/demos/date-field/default.tsx b/www/src/demos/date-field/default.tsx
deleted file mode 100644
index bd1823dc4..000000000
--- a/www/src/demos/date-field/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return <DateField aria-label="Meeting date" />;
-}
diff --git a/www/src/demos/date-field/description.tsx b/www/src/demos/date-field/description.tsx
deleted file mode 100644
index 263b31f1f..000000000
--- a/www/src/demos/date-field/description.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return <DateField label="Appointment" description="Please select a date." />;
-}
diff --git a/www/src/demos/date-field/disabled.tsx b/www/src/demos/date-field/disabled.tsx
deleted file mode 100644
index 949014792..000000000
--- a/www/src/demos/date-field/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return <DateField label="Event date" isDisabled />;
-}
diff --git a/www/src/demos/date-field/error-message.tsx b/www/src/demos/date-field/error-message.tsx
deleted file mode 100644
index 32da98277..000000000
--- a/www/src/demos/date-field/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Meeting"
-      isInvalid
-      errorMessage="Meetings can't be scheduled in the past."
-    />
-  );
-}
diff --git a/www/src/demos/date-field/granularity.tsx b/www/src/demos/date-field/granularity.tsx
deleted file mode 100644
index 37e7fc4b6..000000000
--- a/www/src/demos/date-field/granularity.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <DateField
-        label="Hour"
-        granularity="hour"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-      <DateField
-        label="Minute"
-        granularity="minute"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-      <DateField
-        label="Second"
-        granularity="second"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-field/hide-time-zone.tsx b/www/src/demos/date-field/hide-time-zone.tsx
deleted file mode 100644
index 96a5b49c7..000000000
--- a/www/src/demos/date-field/hide-time-zone.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import { parseZonedDateTime } from "@internationalized/date";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Appointment time"
-      granularity="minute"
-      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
-      hideTimeZone
-    />
-  );
-}
diff --git a/www/src/demos/date-field/hour-cycle.tsx b/www/src/demos/date-field/hour-cycle.tsx
deleted file mode 100644
index 8d4a482d2..000000000
--- a/www/src/demos/date-field/hour-cycle.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      aria-label="Appointment date"
-      granularity="minute"
-      hourCycle={24}
-    />
-  );
-}
diff --git a/www/src/demos/date-field/label.tsx b/www/src/demos/date-field/label.tsx
deleted file mode 100644
index ff0b98b45..000000000
--- a/www/src/demos/date-field/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <DateField label="Meeting date" />
-      <DateField aria-label="Meeting date" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-field/loading.tsx b/www/src/demos/date-field/loading.tsx
deleted file mode 100644
index 0b7975e99..000000000
--- a/www/src/demos/date-field/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-2">
-      <DateField aria-label="Meeting date" isLoading loaderPosition="prefix" />
-      <DateField aria-label="Meeting date" isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-field/placeholder.tsx b/www/src/demos/date-field/placeholder.tsx
deleted file mode 100644
index 5cd35de67..000000000
--- a/www/src/demos/date-field/placeholder.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { CalendarDate } from "@internationalized/date";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Meeting date"
-      placeholderValue={new CalendarDate(1980, 1, 1)}
-    />
-  );
-}
diff --git a/www/src/demos/date-field/prefix-and-suffix.tsx b/www/src/demos/date-field/prefix-and-suffix.tsx
deleted file mode 100644
index 939d3f2c2..000000000
--- a/www/src/demos/date-field/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { DateField } from "@/components/dynamic-core/date-field";
-import { CalendarIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="space-y-2">
-      <DateField aria-label="Meeting date" prefix={<CalendarIcon />} />
-      <DateField aria-label="Meeting date" suffix={<CalendarIcon />} />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-field/read-only.tsx b/www/src/demos/date-field/read-only.tsx
deleted file mode 100644
index 6e1cf2746..000000000
--- a/www/src/demos/date-field/read-only.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { CalendarDate } from "@internationalized/date";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Event date"
-      value={new CalendarDate(1980, 1, 1)}
-      isReadOnly
-    />
-  );
-}
diff --git a/www/src/demos/date-field/required.tsx b/www/src/demos/date-field/required.tsx
deleted file mode 100644
index ce126f000..000000000
--- a/www/src/demos/date-field/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <DateField label="Event date" isRequired />
-      <DateField label="Event date" isRequired necessityIndicator="icon" />
-      <DateField label="Event date" isRequired necessityIndicator="label" />
-      <DateField label="Event date" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-field/sizes.tsx b/www/src/demos/date-field/sizes.tsx
deleted file mode 100644
index 3965e3bfa..000000000
--- a/www/src/demos/date-field/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <DateField label="small (sm)" size="sm" />
-      <DateField label="medium (md)" size="md" />
-      <DateField label="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-field/time-zones.tsx b/www/src/demos/date-field/time-zones.tsx
deleted file mode 100644
index 06e391cec..000000000
--- a/www/src/demos/date-field/time-zones.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
-  );
-}
diff --git a/www/src/demos/date-field/uncontrolled.tsx b/www/src/demos/date-field/uncontrolled.tsx
deleted file mode 100644
index 75f7497cd..000000000
--- a/www/src/demos/date-field/uncontrolled.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseDate } from "@internationalized/date";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField aria-label="Event date" defaultValue={parseDate("2020-02-03")} />
-  );
-}
diff --git a/www/src/demos/date-picker/composition.tsx b/www/src/demos/date-picker/composition.tsx
deleted file mode 100644
index 2af8f10b1..000000000
--- a/www/src/demos/date-picker/composition.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Calendar } from "@/components/dynamic-core/calendar";
-import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
-import { DatePickerRoot } from "@/components/dynamic-core/date-picker";
-import { DialogContent } from "@/components/dynamic-core/dialog";
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/components/dynamic-core/field";
-import { InputRoot } from "@/components/dynamic-core/input";
-import { Overlay } from "@/components/dynamic-core/overlay";
-import { CalendarIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <DatePickerRoot>
-      <Label>Meeting date</Label>
-      <InputRoot
-        suffix={
-          <Button variant="default" size="sm" shape="square" className="size-7">
-            <CalendarIcon />
-          </Button>
-        }
-        className="pr-1"
-      >
-        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-      </InputRoot>
-      <Description>Please select a date.</Description>
-      <FieldError />
-      <Overlay type="popover" mobileType="drawer">
-        <DialogContent>
-          <Calendar />
-        </DialogContent>
-      </Overlay>
-    </DatePickerRoot>
-  );
-}
diff --git a/www/src/demos/date-picker/contextual-help.tsx b/www/src/demos/date-picker/contextual-help.tsx
deleted file mode 100644
index 4911e504f..000000000
--- a/www/src/demos/date-picker/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Appointment"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/date-picker/controlled.tsx b/www/src/demos/date-picker/controlled.tsx
deleted file mode 100644
index 43e9f957c..000000000
--- a/www/src/demos/date-picker/controlled.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseDate } from "@internationalized/date";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(parseDate("2020-02-03"));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <DatePicker label="Meeting date" value={value} onChange={setValue} />
-      <p className="text-fg-muted text-sm">selected date: {value.toString()}</p>
-    </div>
-  );
-}
diff --git a/www/src/demos/date-picker/default.tsx b/www/src/demos/date-picker/default.tsx
deleted file mode 100644
index 48103396e..000000000
--- a/www/src/demos/date-picker/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return <DatePicker aria-label="Meeting date" />;
-}
diff --git a/www/src/demos/date-picker/description.tsx b/www/src/demos/date-picker/description.tsx
deleted file mode 100644
index bdfd4770f..000000000
--- a/www/src/demos/date-picker/description.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return <DatePicker label="Appointment" description="Please select a date." />;
-}
diff --git a/www/src/demos/date-picker/disabled.tsx b/www/src/demos/date-picker/disabled.tsx
deleted file mode 100644
index 1d2740086..000000000
--- a/www/src/demos/date-picker/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return <DatePicker label="Event date" isDisabled />;
-}
diff --git a/www/src/demos/date-picker/error-message.tsx b/www/src/demos/date-picker/error-message.tsx
deleted file mode 100644
index 02d41bac7..000000000
--- a/www/src/demos/date-picker/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Meeting"
-      isInvalid
-      errorMessage="Meetings can't be scheduled in the past."
-    />
-  );
-}
diff --git a/www/src/demos/date-picker/granularity.tsx b/www/src/demos/date-picker/granularity.tsx
deleted file mode 100644
index c3a344448..000000000
--- a/www/src/demos/date-picker/granularity.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <DatePicker
-        label="Hour"
-        granularity="hour"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-      <DatePicker
-        label="Minute"
-        granularity="minute"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-      <DatePicker
-        label="Second"
-        granularity="second"
-        defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-picker/hide-time-zone.tsx b/www/src/demos/date-picker/hide-time-zone.tsx
deleted file mode 100644
index 7447df12c..000000000
--- a/www/src/demos/date-picker/hide-time-zone.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import { parseZonedDateTime } from "@internationalized/date";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Appointment time"
-      granularity="minute"
-      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
-      hideTimeZone
-    />
-  );
-}
diff --git a/www/src/demos/date-picker/hour-cycle.tsx b/www/src/demos/date-picker/hour-cycle.tsx
deleted file mode 100644
index b99b52e4f..000000000
--- a/www/src/demos/date-picker/hour-cycle.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      aria-label="Appointment date"
-      granularity="minute"
-      hourCycle={24}
-    />
-  );
-}
diff --git a/www/src/demos/date-picker/label.tsx b/www/src/demos/date-picker/label.tsx
deleted file mode 100644
index 0d3ec0be1..000000000
--- a/www/src/demos/date-picker/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <DatePicker label="Meeting date" />
-      <DatePicker aria-label="Meeting date" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-picker/loading.tsx b/www/src/demos/date-picker/loading.tsx
deleted file mode 100644
index 146843011..000000000
--- a/www/src/demos/date-picker/loading.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return <DatePicker aria-label="Meeting date" isLoading />;
-}
diff --git a/www/src/demos/date-picker/placeholder.tsx b/www/src/demos/date-picker/placeholder.tsx
deleted file mode 100644
index 434f21006..000000000
--- a/www/src/demos/date-picker/placeholder.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { CalendarDate } from "@internationalized/date";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Meeting date"
-      placeholderValue={new CalendarDate(1980, 1, 1)}
-    />
-  );
-}
diff --git a/www/src/demos/date-picker/prefix.tsx b/www/src/demos/date-picker/prefix.tsx
deleted file mode 100644
index c41a50d17..000000000
--- a/www/src/demos/date-picker/prefix.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-import { UsersIcon } from "@/__icons__";
-
-export default function Demo() {
-  return <DatePicker aria-label="Meeting date" prefix={<UsersIcon />} />;
-}
diff --git a/www/src/demos/date-picker/read-only.tsx b/www/src/demos/date-picker/read-only.tsx
deleted file mode 100644
index d02ac78a5..000000000
--- a/www/src/demos/date-picker/read-only.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { CalendarDate } from "@internationalized/date";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Event date"
-      value={new CalendarDate(1980, 1, 1)}
-      isReadOnly
-    />
-  );
-}
diff --git a/www/src/demos/date-picker/required.tsx b/www/src/demos/date-picker/required.tsx
deleted file mode 100644
index 4e22ee6c4..000000000
--- a/www/src/demos/date-picker/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <DatePicker label="Event date" isRequired />
-      <DatePicker label="Event date" isRequired necessityIndicator="icon" />
-      <DatePicker label="Event date" isRequired necessityIndicator="label" />
-      <DatePicker label="Event date" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-picker/sizes.tsx b/www/src/demos/date-picker/sizes.tsx
deleted file mode 100644
index bb2a007fa..000000000
--- a/www/src/demos/date-picker/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <DatePicker label="small (sm)" size="sm" />
-      <DatePicker label="medium (md)" size="md" />
-      <DatePicker label="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-picker/time-zones.tsx b/www/src/demos/date-picker/time-zones.tsx
deleted file mode 100644
index a1a697401..000000000
--- a/www/src/demos/date-picker/time-zones.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
-  );
-}
diff --git a/www/src/demos/date-picker/uncontrolled.tsx b/www/src/demos/date-picker/uncontrolled.tsx
deleted file mode 100644
index a9535812a..000000000
--- a/www/src/demos/date-picker/uncontrolled.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseDate } from "@internationalized/date";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      aria-label="Meeting date"
-      defaultValue={parseDate("2020-02-03")}
-    />
-  );
-}
diff --git a/www/src/demos/date-range-picker/composition.tsx b/www/src/demos/date-range-picker/composition.tsx
deleted file mode 100644
index f5940ca2b..000000000
--- a/www/src/demos/date-range-picker/composition.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
-import { DatePickerRoot } from "@/components/dynamic-core/date-picker";
-import { DialogContent } from "@/components/dynamic-core/dialog";
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/components/dynamic-core/field";
-import { InputRoot } from "@/components/dynamic-core/input";
-import { Overlay } from "@/components/dynamic-core/overlay";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-import { CalendarIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <DatePickerRoot>
-      <Label>Meeting date</Label>
-      <InputRoot
-        suffix={
-          <Button variant="default" size="sm" shape="square" className="size-7">
-            <CalendarIcon />
-          </Button>
-        }
-        className="pr-1"
-      >
-        <DateInput slot="start">
-          {(segment) => <DateSegment segment={segment} />}
-        </DateInput>
-        <span aria-hidden="true">–</span>
-        <DateInput slot="end" className="flex-1">
-          {(segment) => <DateSegment segment={segment} />}
-        </DateInput>
-      </InputRoot>
-      <Description>Please select a date.</Description>
-      <FieldError />
-      <Overlay type="popover" mobileType="drawer">
-        <DialogContent>
-          <RangeCalendar />
-        </DialogContent>
-      </Overlay>
-    </DatePickerRoot>
-  );
-}
diff --git a/www/src/demos/date-range-picker/contextual-help.tsx b/www/src/demos/date-range-picker/contextual-help.tsx
deleted file mode 100644
index 5b3ec69b7..000000000
--- a/www/src/demos/date-range-picker/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Trip"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/date-range-picker/controlled.tsx b/www/src/demos/date-range-picker/controlled.tsx
deleted file mode 100644
index d4ed6d123..000000000
--- a/www/src/demos/date-range-picker/controlled.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-"use client";
-
-import React from "react";
-import { getLocalTimeZone, parseDate } from "@internationalized/date";
-import { useDateFormatter } from "react-aria";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  const [value, setValue] = React.useState({
-    start: parseDate("2024-02-03"),
-    end: parseDate("2024-02-08"),
-  });
-  const formatter = useDateFormatter({ dateStyle: "long" });
-
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <DateRangePicker label="Controlled" value={value} onChange={setValue} />
-      <p className="text-fg-muted text-sm">
-        Selected date:{" "}
-        {value
-          ? formatter.formatRange(
-              value.start.toDate(getLocalTimeZone()),
-              value.end.toDate(getLocalTimeZone())
-            )
-          : "--"}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/date-range-picker/default.tsx b/www/src/demos/date-range-picker/default.tsx
deleted file mode 100644
index f4693645c..000000000
--- a/www/src/demos/date-range-picker/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return <DateRangePicker aria-label="Meeting date" />;
-}
diff --git a/www/src/demos/date-range-picker/description.tsx b/www/src/demos/date-range-picker/description.tsx
deleted file mode 100644
index b93c9e5df..000000000
--- a/www/src/demos/date-range-picker/description.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker label="Trip" description="Please select a date range." />
-  );
-}
diff --git a/www/src/demos/date-range-picker/disabled.tsx b/www/src/demos/date-range-picker/disabled.tsx
deleted file mode 100644
index 33ebadfad..000000000
--- a/www/src/demos/date-range-picker/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return <DateRangePicker label="Trip dates" isDisabled />;
-}
diff --git a/www/src/demos/date-range-picker/error-message.tsx b/www/src/demos/date-range-picker/error-message.tsx
deleted file mode 100644
index 3251130a5..000000000
--- a/www/src/demos/date-range-picker/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Trip dates"
-      isInvalid
-      errorMessage="Trip dates can't be scheduled in the past."
-    />
-  );
-}
diff --git a/www/src/demos/date-range-picker/granularity.tsx b/www/src/demos/date-range-picker/granularity.tsx
deleted file mode 100644
index 29373d1e7..000000000
--- a/www/src/demos/date-range-picker/granularity.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  const dates = {
-    start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
-    end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
-  };
-  return (
-    <div className="flex flex-col gap-4">
-      <DateRangePicker label="Hour" granularity="hour" defaultValue={dates} />
-      <DateRangePicker
-        label="Minute"
-        granularity="minute"
-        defaultValue={dates}
-      />
-      <DateRangePicker
-        label="Second"
-        granularity="second"
-        defaultValue={dates}
-      />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-range-picker/hide-time-zone.tsx b/www/src/demos/date-range-picker/hide-time-zone.tsx
deleted file mode 100644
index 525ccc87e..000000000
--- a/www/src/demos/date-range-picker/hide-time-zone.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Appointment time"
-      granularity="minute"
-      defaultValue={{
-        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
-        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
-      }}
-      hideTimeZone
-    />
-  );
-}
diff --git a/www/src/demos/date-range-picker/hour-cycle.tsx b/www/src/demos/date-range-picker/hour-cycle.tsx
deleted file mode 100644
index 6bda836b7..000000000
--- a/www/src/demos/date-range-picker/hour-cycle.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      aria-label="Appointment date"
-      granularity="minute"
-      hourCycle={24}
-    />
-  );
-}
diff --git a/www/src/demos/date-range-picker/label.tsx b/www/src/demos/date-range-picker/label.tsx
deleted file mode 100644
index 8ff8f5e67..000000000
--- a/www/src/demos/date-range-picker/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <DateRangePicker label="Trip" />
-      <DateRangePicker aria-label="Trip" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-range-picker/loading.tsx b/www/src/demos/date-range-picker/loading.tsx
deleted file mode 100644
index ae154f83e..000000000
--- a/www/src/demos/date-range-picker/loading.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return <DateRangePicker aria-label="Meeting date" isLoading />;
-}
diff --git a/www/src/demos/date-range-picker/placeholder.tsx b/www/src/demos/date-range-picker/placeholder.tsx
deleted file mode 100644
index 06a84cd88..000000000
--- a/www/src/demos/date-range-picker/placeholder.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { CalendarDate } from "@internationalized/date";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Meeting date"
-      placeholderValue={new CalendarDate(1980, 1, 1)}
-    />
-  );
-}
diff --git a/www/src/demos/date-range-picker/prefix.tsx b/www/src/demos/date-range-picker/prefix.tsx
deleted file mode 100644
index 9c7ade8a3..000000000
--- a/www/src/demos/date-range-picker/prefix.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-import { PlaneIcon } from "@/__icons__";
-
-export default function Demo() {
-  return <DateRangePicker aria-label="Trip" prefix={<PlaneIcon />} />;
-}
diff --git a/www/src/demos/date-range-picker/read-only.tsx b/www/src/demos/date-range-picker/read-only.tsx
deleted file mode 100644
index ff2e6e81d..000000000
--- a/www/src/demos/date-range-picker/read-only.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Event date"
-      value={{
-        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
-        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
-      }}
-      isReadOnly
-    />
-  );
-}
diff --git a/www/src/demos/date-range-picker/required.tsx b/www/src/demos/date-range-picker/required.tsx
deleted file mode 100644
index e13d73f06..000000000
--- a/www/src/demos/date-range-picker/required.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <DateRangePicker label="Event date" isRequired />
-      <DateRangePicker
-        label="Event date"
-        isRequired
-        necessityIndicator="icon"
-      />
-      <DateRangePicker
-        label="Event date"
-        isRequired
-        necessityIndicator="label"
-      />
-      <DateRangePicker label="Event date" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-range-picker/sizes.tsx b/www/src/demos/date-range-picker/sizes.tsx
deleted file mode 100644
index 38ad2bae1..000000000
--- a/www/src/demos/date-range-picker/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col gap-2">
-      <DateRangePicker label="small" size="sm" />
-      <DateRangePicker label="medium" size="md" />
-      <DateRangePicker label="large" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-range-picker/time-zones.tsx b/www/src/demos/date-range-picker/time-zones.tsx
deleted file mode 100644
index 2623e6909..000000000
--- a/www/src/demos/date-range-picker/time-zones.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      defaultValue={{
-        start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
-        end: parseAbsoluteToLocal("2021-04-08T20:00:00Z"),
-      }}
-    />
-  );
-}
diff --git a/www/src/demos/date-range-picker/uncontrolled.tsx b/www/src/demos/date-range-picker/uncontrolled.tsx
deleted file mode 100644
index 7e54008f8..000000000
--- a/www/src/demos/date-range-picker/uncontrolled.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import React from "react";
-import { parseDate } from "@internationalized/date";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Controlled"
-      defaultValue={{
-        start: parseDate("2020-02-03"),
-        end: parseDate("2020-02-08"),
-      }}
-    />
-  );
-}
diff --git a/www/src/demos/dialog/alert-dialog.tsx b/www/src/demos/dialog/alert-dialog.tsx
deleted file mode 100644
index 7fac72505..000000000
--- a/www/src/demos/dialog/alert-dialog.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/components/dynamic-core/dialog";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="danger">Delete project</Button>
-      <Dialog
-        title="Delete project"
-        description="Are you sure you want to delete this project? This action is permanent and cannot be undone."
-        role="alertdialog"
-        // isDissmissible={false}
-      >
-        {({ close }) => (
-          <>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="danger"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Delete project
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/async-form-submission.tsx b/www/src/demos/dialog/async-form-submission.tsx
deleted file mode 100644
index a2634c3bd..000000000
--- a/www/src/demos/dialog/async-form-submission.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function DialogDemo() {
-  const [isPending, setIsPending] = React.useState(false);
-  const handleSubmit = async () => {
-    setIsPending(true);
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    setIsPending(false);
-  };
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField label="Username" defaultValue="@mehdibha_" />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                isPending={isPending}
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={async () => {
-                  await handleSubmit();
-                  close();
-                }}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/basic.tsx b/www/src/demos/dialog/basic.tsx
deleted file mode 100644
index 7b100d04d..000000000
--- a/www/src/demos/dialog/basic.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/composition.tsx b/www/src/demos/dialog/composition.tsx
deleted file mode 100644
index 3ea41daf1..000000000
--- a/www/src/demos/dialog/composition.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit username</Button>
-      <Dialog title="Edit username">
-        <TextField label="Username" defaultValue="@mehdibha_" />
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/controlled.tsx b/www/src/demos/dialog/controlled.tsx
deleted file mode 100644
index 4b38462d1..000000000
--- a/www/src/demos/dialog/controlled.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField autoFocus label="Name" defaultValue="Mehdi" />
-              <TextField label="Username" defaultValue="@mehdibha_" />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/description.tsx b/www/src/demos/dialog/description.tsx
deleted file mode 100644
index 070ec5acf..000000000
--- a/www/src/demos/dialog/description.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit username</Button>
-      <Dialog
-        title="Edit username"
-        description="Make changes to your username."
-      >
-        <TextField
-          label="Username"
-          defaultValue="@mehdibha_"
-          className="w-full"
-        />
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/dismiss-button.tsx b/www/src/demos/dialog/dismiss-button.tsx
deleted file mode 100644
index b7ffbc984..000000000
--- a/www/src/demos/dialog/dismiss-button.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog
-        title="Edit profile"
-        description="Make changes to your profile."
-        showDismissButton={false}
-      >
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/dismissable.tsx b/www/src/demos/dialog/dismissable.tsx
deleted file mode 100644
index 8319a77f9..000000000
--- a/www/src/demos/dialog/dismissable.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog
-        title="Edit profile"
-        description="Make changes to your profile."
-        isDismissable={false}
-      >
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/drawer.tsx b/www/src/demos/dialog/drawer.tsx
deleted file mode 100644
index 77973b2df..000000000
--- a/www/src/demos/dialog/drawer.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Key } from "react-aria-components";
-import { Button } from "@/components/dynamic-core/button";
-import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-import { Switch } from "@/components/dynamic-core/switch";
-
-export default function Demo() {
-  const [placement, setPlacement] = React.useState<Key>("top");
-  const [swipeable, setSwipeable] = React.useState<boolean>(true);
-  return (
-    <div className="flex w-full items-center">
-      <div className="flex flex-1 items-center justify-center">
-        <DialogRoot>
-          <Button variant="outline">Open drawer</Button>
-          <Dialog
-            type="drawer"
-            title="Help"
-            description="For help accessing your account, please contact support."
-          />
-        </DialogRoot>
-      </div>
-      <div className="space-y-4 rounded-md border p-4">
-        <Select
-          label="Placement"
-          selectedKey={placement}
-          onSelectionChange={setPlacement}
-        >
-          <Item id="top">Top</Item>
-          <Item id="bottom">Bottom</Item>
-        </Select>
-        <Switch isSelected={swipeable} onChange={setSwipeable}>
-          Swipeable
-        </Switch>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/demos/dialog/inset-content.tsx b/www/src/demos/dialog/inset-content.tsx
deleted file mode 100644
index 00e0a4e1e..000000000
--- a/www/src/demos/dialog/inset-content.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-  DialogInset,
-} from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <DialogInset className="bg-bg-muted mb-4 border-y">
-              Content within the inset.
-            </DialogInset>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/nested.tsx b/www/src/demos/dialog/nested.tsx
deleted file mode 100644
index fb376e904..000000000
--- a/www/src/demos/dialog/nested.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
-import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
-
-type Type = "modal" | "drawer" | "popover";
-
-export default function Demo() {
-  const [type, setType] = React.useState<Type>("modal");
-  return (
-    <div className="flex w-full items-center">
-      <div className="flex flex-1 items-center justify-center">
-        <DialogRoot>
-          <Button variant="outline">Dialog</Button>
-          <Dialog title="Dialog" type={type}>
-            <DialogRoot>
-              <Button variant="outline">Nested dialog</Button>
-              <Dialog title="Nested dialog" type={type}></Dialog>
-            </DialogRoot>
-          </Dialog>
-        </DialogRoot>
-      </div>
-      <div className="space-y-4 rounded-md border px-10 py-6">
-        <RadioGroup
-          label="Type"
-          value={type}
-          onChange={(value) => setType(value as Type)}
-        >
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-          <Radio value="popover">Popover</Radio>
-        </RadioGroup>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/demos/dialog/popover.tsx b/www/src/demos/dialog/popover.tsx
deleted file mode 100644
index 4f25a112f..000000000
--- a/www/src/demos/dialog/popover.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Key } from "react-aria-components";
-import { Button } from "@/components/dynamic-core/button";
-import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
-import { Item } from "@/components/dynamic-core/list-box";
-import { NumberField } from "@/components/dynamic-core/number-field";
-import { Select } from "@/components/dynamic-core/select";
-import { Switch } from "@/components/dynamic-core/switch";
-import { InfoIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [placement, setPlacement] = React.useState<Key>("top");
-  const [offset, setOffset] = React.useState<number>(0);
-  const [crossOffset, setCrossOffset] = React.useState<number>(0);
-  const [containerPadding, setContainerPadding] = React.useState<number>(0);
-  const [showArrow, setShowArrow] = React.useState<boolean>(true);
-  return (
-    <div className="flex w-full items-center">
-      <div className="flex flex-1 items-center justify-center">
-        <DialogRoot>
-          <Button variant="outline" shape="square">
-            <InfoIcon />
-          </Button>
-          <Dialog
-            type="popover"
-            title="Help"
-            description="For help accessing your account, please contact support."
-          />
-        </DialogRoot>
-      </div>
-      <div className="space-y-4 rounded-md border p-4">
-        <Select
-          label="Placement"
-          selectedKey={placement}
-          onSelectionChange={setPlacement}
-        >
-          <Item id="top">Top</Item>
-          <Item id="bottom">Bottom</Item>
-        </Select>
-        <NumberField label="Offset" value={offset} onChange={setOffset} />
-        <NumberField
-          label="Cross offset"
-          value={crossOffset}
-          onChange={setCrossOffset}
-        />
-        <NumberField
-          label="Container padding"
-          value={containerPadding}
-          onChange={setContainerPadding}
-        />
-        <Switch isSelected={showArrow} onChange={setShowArrow}>
-          Arrow
-        </Switch>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/demos/dialog/title.tsx b/www/src/demos/dialog/title.tsx
deleted file mode 100644
index c6dbae634..000000000
--- a/www/src/demos/dialog/title.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit username</Button>
-      <Dialog title="Edit username">
-        <TextField
-          label="Username"
-          defaultValue="@mehdibha_"
-          className="w-full"
-        />
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/types.tsx b/www/src/demos/dialog/types.tsx
deleted file mode 100644
index fbf0c7f4b..000000000
--- a/www/src/demos/dialog/types.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/components/dynamic-core/dialog";
-import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-type Type = "modal" | "drawer" | "popover";
-
-export default function Demo() {
-  const [type, setType] = React.useState<Type>("modal");
-  const [mobileType, setMobileType] = React.useState<Type>("drawer");
-  return (
-    <div className="flex w-full items-center gap-4">
-      <div className="flex flex-1 items-center justify-center">
-        <DialogRoot>
-          <Button variant="outline">Edit username</Button>
-          <Dialog title="Edit username">
-            {({ close }) => (
-              <>
-                <div className="space-y-4">
-                  <TextField
-                    autoFocus
-                    label="Name"
-                    defaultValue="Mehdi"
-                    className="w-full"
-                  />
-                  <TextField
-                    label="Username"
-                    defaultValue="@mehdibha_"
-                    className="w-full"
-                  />
-                </div>
-                <DialogFooter>
-                  <Button
-                    variant="outline"
-                    size={{ initial: "lg", sm: "md" }}
-                    onPress={close}
-                  >
-                    Cancel
-                  </Button>
-                  <Button
-                    variant="primary"
-                    size={{ initial: "lg", sm: "md" }}
-                    onPress={close}
-                  >
-                    Save changes
-                  </Button>
-                </DialogFooter>
-              </>
-            )}
-          </Dialog>
-        </DialogRoot>
-      </div>
-      <div className="flex items-start gap-6 rounded-md border px-10 py-6">
-        <RadioGroup
-          label="Type"
-          value={type}
-          onChange={(value) => setType(value as Type)}
-        >
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-          <Radio value="popover">Popover</Radio>
-        </RadioGroup>
-        <RadioGroup
-          label="Mobile type"
-          value={mobileType}
-          onChange={(value) => setMobileType(value as Type)}
-        >
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-          <Radio value="popover">Popover</Radio>
-        </RadioGroup>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/demos/drop-zone/default.tsx b/www/src/demos/drop-zone/default.tsx
deleted file mode 100644
index e17059bb7..000000000
--- a/www/src/demos/drop-zone/default.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { DropZone } from "@/components/dynamic-core/drop-zone";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <DropZone>
-      <UploadIcon />
-    </DropZone>
-  );
-}
diff --git a/www/src/demos/drop-zone/disabled.tsx b/www/src/demos/drop-zone/disabled.tsx
deleted file mode 100644
index 3bdfee5fa..000000000
--- a/www/src/demos/drop-zone/disabled.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import { DropZone } from "@/components/dynamic-core/drop-zone";
-import { Text } from "@/components/dynamic-core/text";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <DropZone isDisabled>
-      <UploadIcon />
-      <Text slot="label">Drag and drop files here</Text>
-    </DropZone>
-  );
-}
diff --git a/www/src/demos/drop-zone/file-trigger.tsx b/www/src/demos/drop-zone/file-trigger.tsx
deleted file mode 100644
index 6821d1b4f..000000000
--- a/www/src/demos/drop-zone/file-trigger.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { DropZone } from "@/components/dynamic-core/drop-zone";
-import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { Text } from "@/components/dynamic-core/text";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <DropZone className="space-y-1">
-      <UploadIcon />
-      <Text slot="label">Drag and drop files here</Text>
-      <FileTrigger>
-        <Button>Select files</Button>
-      </FileTrigger>
-    </DropZone>
-  );
-}
diff --git a/www/src/demos/drop-zone/label.tsx b/www/src/demos/drop-zone/label.tsx
deleted file mode 100644
index 912aa03c1..000000000
--- a/www/src/demos/drop-zone/label.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { DropZone } from "@/components/dynamic-core/drop-zone";
-import { Text } from "@/components/dynamic-core/text";
-import { UploadIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col gap-4">
-      <DropZone aria-label="drag and drop files here">
-        <UploadIcon />
-      </DropZone>
-      <DropZone>
-        <UploadIcon />
-        <Text slot="label">Drag and drop files here</Text>
-      </DropZone>
-    </div>
-  );
-}
diff --git a/www/src/demos/file-trigger/default.tsx b/www/src/demos/file-trigger/default.tsx
deleted file mode 100644
index 04e916201..000000000
--- a/www/src/demos/file-trigger/default.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { UploadIcon } from "@/__icons__";
-
-export default function FileTriggerDemo() {
-  const [file, setFile] = React.useState<string | null>(null);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <FileTrigger
-        onSelect={(e) => {
-          if (e) {
-            const files = Array.from(e);
-            setFile(files[0].name);
-          }
-        }}
-        allowsMultiple
-      >
-        <Button prefix={<UploadIcon />}>Upload</Button>
-      </FileTrigger>
-      {file && (
-        <p>
-          You selected <span className="font-semibold">{file}</span>
-        </p>
-      )}
-    </div>
-  );
-}
diff --git a/www/src/demos/file-trigger/directory-selection.tsx b/www/src/demos/file-trigger/directory-selection.tsx
deleted file mode 100644
index dcbf0ac18..000000000
--- a/www/src/demos/file-trigger/directory-selection.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { UploadIcon } from "@/__icons__";
-
-export default function FileTriggerDemo() {
-  const [files, setFiles] = React.useState<string[] | null>(null);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <FileTrigger
-        acceptDirectory
-        onSelect={(e) => {
-          if (e) {
-            const files = Array.from(e);
-            const filenames = files.map((file) => file.name);
-            setFiles(filenames);
-          }
-        }}
-      >
-        <Button prefix={<UploadIcon />}>Upload a directory</Button>
-      </FileTrigger>
-      {files && (
-        <ul>
-          {files.map((file, index) => (
-            <li key={index}>{file}</li>
-          ))}
-        </ul>
-      )}
-    </div>
-  );
-}
diff --git a/www/src/demos/file-trigger/file-types.tsx b/www/src/demos/file-trigger/file-types.tsx
deleted file mode 100644
index aef4f08a1..000000000
--- a/www/src/demos/file-trigger/file-types.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { UploadIcon } from "@/__icons__";
-
-export default function FileTriggerDemo() {
-  return (
-    <FileTrigger acceptedFileTypes={["image/*"]}>
-      <Button prefix={<UploadIcon />}>Upload image</Button>
-    </FileTrigger>
-  );
-}
diff --git a/www/src/demos/file-trigger/media-capture.tsx b/www/src/demos/file-trigger/media-capture.tsx
deleted file mode 100644
index 895e9c152..000000000
--- a/www/src/demos/file-trigger/media-capture.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { CameraIcon } from "@/__icons__";
-
-export default function FileTriggerDemo() {
-  return (
-    <FileTrigger defaultCamera="environment">
-      <Button prefix={<CameraIcon />}>Take a picture</Button>
-    </FileTrigger>
-  );
-}
diff --git a/www/src/demos/file-trigger/multiple-files.tsx b/www/src/demos/file-trigger/multiple-files.tsx
deleted file mode 100644
index dac21149c..000000000
--- a/www/src/demos/file-trigger/multiple-files.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { UploadIcon } from "@/__icons__";
-
-export default function FileTriggerDemo() {
-  const [files, setFiles] = React.useState<string[] | null>(null);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <FileTrigger
-        onSelect={(e) => {
-          if (e) {
-            const files = Array.from(e);
-            const filenames = files.map((file) => file.name);
-            setFiles(filenames);
-          }
-        }}
-        allowsMultiple
-      >
-        <Button prefix={<UploadIcon />}>Upload</Button>
-      </FileTrigger>
-      {files && (
-        <p>
-          You selected <span className="font-semibold">{files.join(", ")}</span>
-        </p>
-      )}
-    </div>
-  );
-}
diff --git a/www/src/demos/link/default.tsx b/www/src/demos/link/default.tsx
deleted file mode 100644
index 40871b117..000000000
--- a/www/src/demos/link/default.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Link } from "@/components/dynamic-core/link";
-
-export default function Demo() {
-  return (
-    <Link href="https://x.com/mehdibha_" target="_blank">
-      @mehdibha_
-    </Link>
-  );
-}
diff --git a/www/src/demos/link/disabled.tsx b/www/src/demos/link/disabled.tsx
deleted file mode 100644
index 70bbc4483..000000000
--- a/www/src/demos/link/disabled.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Link } from "@/components/dynamic-core/link";
-
-export default function Demo() {
-  return (
-    <Link href="https://x.com/mehdibha_" isDisabled>
-      @mehdibha_
-    </Link>
-  );
-}
diff --git a/www/src/demos/link/icon.tsx b/www/src/demos/link/icon.tsx
deleted file mode 100644
index 581ba61f0..000000000
--- a/www/src/demos/link/icon.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Link } from "@/components/dynamic-core/link";
-import { ExternalLinkIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Link href="/docs" target="_blank">
-      Docs{" "}
-      <span>
-        <ExternalLinkIcon className="size-4" />
-      </span>
-    </Link>
-  );
-}
diff --git a/www/src/demos/link/variants.tsx b/www/src/demos/link/variants.tsx
deleted file mode 100644
index 55f36afb2..000000000
--- a/www/src/demos/link/variants.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Link } from "@/components/dynamic-core/link";
-
-export default function Demo() {
-  return (
-    <div className="space-y-2">
-      {(["accent", "quiet"] as const).map((variant, index) => (
-        <p key={index}>
-          Follow{" "}
-          <Link
-            variant={variant}
-            href="https://x.com/mehdibha_"
-            target="_blank"
-          >
-            @mehdibha_
-          </Link>{" "}
-          to stay updated on dotUI latest releases.
-        </p>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/demos/list-box/async-loading.tsx b/www/src/demos/list-box/async-loading.tsx
deleted file mode 100644
index a8e2db467..000000000
--- a/www/src/demos/list-box/async-loading.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client";
-
-import { useAsyncList } from "react-stately";
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-
-interface Character {
-  name: string;
-}
-
-export default function Demo() {
-  const list = useAsyncList<Character>({
-    async load({ signal }) {
-      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
-      const json = (await res.json()) as { results: Character[] };
-      return {
-        items: json.results,
-      };
-    },
-  });
-
-  return (
-    <ListBox
-      aria-label="Pick a Pokemon"
-      items={list.items}
-      isLoading={list.isLoading}
-      selectionMode="single"
-    >
-      {(item) => <Item id={item.name}>{item.name}</Item>}
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/basic.tsx b/www/src/demos/list-box/basic.tsx
deleted file mode 100644
index 282b7e322..000000000
--- a/www/src/demos/list-box/basic.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Framework">
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item>Astro</Item>
-      <Item>Gatsby</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/composition.tsx b/www/src/demos/list-box/composition.tsx
deleted file mode 100644
index 50a1e68e3..000000000
--- a/www/src/demos/list-box/composition.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-import { Text } from "@/components/dynamic-core/text";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Framework" selectionMode="multiple" className="w-60">
-      <Item>
-        <Text slot="label">Next.js</Text>
-        <Text slot="description">
-          React-based SSR and static site framework.
-        </Text>
-      </Item>
-      <Item>
-        <Text slot="label">Remix</Text>
-        <Text slot="description">
-          Full-stack framework with efficient data loading.
-        </Text>
-      </Item>
-      <Item>
-        <Text slot="label">Astro</Text>
-        <Text slot="description">
-          Lightweight static site builder for performance.
-        </Text>
-      </Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/contact-list.tsx b/www/src/demos/list-box/contact-list.tsx
deleted file mode 100644
index fd8cee810..000000000
--- a/www/src/demos/list-box/contact-list.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function Demo() {
-  return <p>demo</p>;
-}
diff --git a/www/src/demos/list-box/controlled.tsx b/www/src/demos/list-box/controlled.tsx
deleted file mode 100644
index 63eada47f..000000000
--- a/www/src/demos/list-box/controlled.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Selection } from "react-aria-components";
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  const [selected, setSelected] = React.useState<Selection>(
-    new Set(["nextjs", "remix", "astro"])
-  );
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <ListBox
-        aria-label="Framework"
-        selectionMode="multiple"
-        selectedKeys={selected}
-        onSelectionChange={setSelected}
-      >
-        <Item id="nextjs">Next.js</Item>
-        <Item id="remix">Remix</Item>
-        <Item id="astro">Astro</Item>
-        <Item id="gatsby">Gatsby</Item>
-      </ListBox>
-      <p className="text-fg-muted text-sm">
-        Selected items:{" "}
-        <span className="font-semibold">
-          {selected === "all" ? "all" : Array.from(selected).join(", ")}
-        </span>
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/list-box/disabled-items.tsx b/www/src/demos/list-box/disabled-items.tsx
deleted file mode 100644
index 65867586b..000000000
--- a/www/src/demos/list-box/disabled-items.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Favorite framework" selectionMode="single">
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item isDisabled>Gatsby</Item>
-      <Item>Astro</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/empty-state.tsx b/www/src/demos/list-box/empty-state.tsx
deleted file mode 100644
index c50a8e5e1..000000000
--- a/www/src/demos/list-box/empty-state.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-"use client";
-
-import { ListBox } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox
-      aria-label="Search results"
-      renderEmptyState={() => "No results found."}
-    ></ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/grid.tsx b/www/src/demos/list-box/grid.tsx
deleted file mode 100644
index 18766e2ed..000000000
--- a/www/src/demos/list-box/grid.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Framework" layout="grid">
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item>Astro</Item>
-      <Item>Gatsby</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/horizontal.tsx b/www/src/demos/list-box/horizontal.tsx
deleted file mode 100644
index 0fe23ffd7..000000000
--- a/www/src/demos/list-box/horizontal.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox
-      aria-label="Options"
-      orientation="horizontal"
-      selectionMode="single"
-    >
-      <Item textValue="Read" label="Read" description="Read Only" />
-      <Item textValue="Write" label="Write" description="Read and Write Only" />
-      <Item textValue="Admin" label="Admin" description="Full access" />
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/image-grid.tsx b/www/src/demos/list-box/image-grid.tsx
deleted file mode 100644
index fd8cee810..000000000
--- a/www/src/demos/list-box/image-grid.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function Demo() {
-  return <p>demo</p>;
-}
diff --git a/www/src/demos/list-box/item-variant.tsx b/www/src/demos/list-box/item-variant.tsx
deleted file mode 100644
index 7792742d7..000000000
--- a/www/src/demos/list-box/item-variant.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Item, ListBox } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="project">
-      <Item>View logs</Item>
-      <Item>Manage domains</Item>
-      <Item>Transfer project</Item>
-      <Item variant="danger">Delete project</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/label-and-description.tsx b/www/src/demos/list-box/label-and-description.tsx
deleted file mode 100644
index 77b203355..000000000
--- a/www/src/demos/list-box/label-and-description.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-import { Section } from "@/components/dynamic-core/section";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Options" selectionMode="single">
-      <Section title="Permissions">
-        <Item textValue="Read" label="Read" description="Read Only" />
-        <Item
-          textValue="Write"
-          label="Write"
-          description="Read and Write Only"
-        />
-        <Item textValue="Admin" label="Admin" description="Full access" />
-      </Section>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/links.tsx b/www/src/demos/list-box/links.tsx
deleted file mode 100644
index a07634dea..000000000
--- a/www/src/demos/list-box/links.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Links" className="w-auto">
-      <Item
-        href="https://github.com/mehdibha"
-        target="_blank"
-        prefix={<GitHubIcon />}
-      >
-        GitHub
-      </Item>
-      <Item
-        href="https://discord.com/invite/DXpj5V2fU8"
-        target="_blank"
-        prefix={<DiscordIcon />}
-      >
-        Discord
-      </Item>
-      <Item
-        href="https://x.com/mehdibha_"
-        target="_blank"
-        prefix={<TwitterIcon />}
-      >
-        X
-      </Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/loading.tsx b/www/src/demos/list-box/loading.tsx
deleted file mode 100644
index d0093acbd..000000000
--- a/www/src/demos/list-box/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox isLoading>
-      <Item>User 1</Item>
-      <Item>User 2</Item>
-      <Item>User 3</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/prefix-and-suffix.tsx b/www/src/demos/list-box/prefix-and-suffix.tsx
deleted file mode 100644
index 552b6bc1d..000000000
--- a/www/src/demos/list-box/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-import { SquarePenIcon, PlusSquareIcon, CopyIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Framework" className="w-60">
-      <Item
-        label="New file"
-        description="Create a new file"
-        prefix={<PlusSquareIcon />}
-      />
-      <Item
-        label="Copy link"
-        description="Copy the file link"
-        prefix={<CopyIcon />}
-      />
-      <Item
-        label="Edit file"
-        description="Allows you to edit the file"
-        prefix={<SquarePenIcon />}
-      />
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/sections.tsx b/www/src/demos/list-box/sections.tsx
deleted file mode 100644
index 3d078f547..000000000
--- a/www/src/demos/list-box/sections.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-import { Section } from "@/components/dynamic-core/section";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="Burger contents" selectionMode="multiple">
-      <Section title="Sauces">
-        <Item id="signature-sauce">Signature sauce</Item>
-        <Item id="bbq-sauce">BBQ sauce</Item>
-        <Item id="honey-mustard">Honey mustard</Item>
-        <Item id="tartar-sauce">Tartar sauce</Item>
-      </Section>
-      <Section title="Cheese">
-        <Item id="pepperjack">Pepperjack</Item>
-        <Item id="mozzarella">Mozzarella</Item>
-        <Item id="blue-cheese">Blue cheese</Item>
-      </Section>
-      <Section title="Extras">
-        <Item id="bacon">Bacon</Item>
-        <Item id="sauteed-onions">Sauteed onions</Item>
-        <Item id="green-pepper">Green pepper</Item>
-      </Section>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/selection-behavior.tsx b/www/src/demos/list-box/selection-behavior.tsx
deleted file mode 100644
index 2001faf43..000000000
--- a/www/src/demos/list-box/selection-behavior.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox
-      aria-label="Framework"
-      selectionMode="multiple"
-      selectionBehavior="replace"
-    >
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item>Astro</Item>
-      <Item>Gatsby</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/selection-mode.tsx b/www/src/demos/list-box/selection-mode.tsx
deleted file mode 100644
index 5b07fc1e0..000000000
--- a/www/src/demos/list-box/selection-mode.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <div className="flex items-start gap-10">
-      <ListBox aria-label="Framework" selectionMode="single">
-        <Item>Next.js</Item>
-        <Item>Remix</Item>
-        <Item>Astro</Item>
-        <Item>Gatsby</Item>
-      </ListBox>
-      <ListBox aria-label="Framework" selectionMode="multiple">
-        <Item>Next.js</Item>
-        <Item>Remix</Item>
-        <Item>Astro</Item>
-        <Item>Gatsby</Item>
-      </ListBox>
-    </div>
-  );
-}
diff --git a/www/src/demos/list-box/separator.tsx b/www/src/demos/list-box/separator.tsx
deleted file mode 100644
index 3ffe64a69..000000000
--- a/www/src/demos/list-box/separator.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-import { Separator } from "@/components/dynamic-core/separator";
-
-export default function Demo() {
-  return (
-    <ListBox aria-label="File">
-      <Item>New...</Item>
-      <Item>Badges</Item>
-      <Separator />
-      <Item>Save</Item>
-      <Item>Save as...</Item>
-      <Item>Rename...</Item>
-      <Separator />
-      <Item>Page setup…</Item>
-      <Item>Print…</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/list-box/uncontrolled.tsx b/www/src/demos/list-box/uncontrolled.tsx
deleted file mode 100644
index c4018accf..000000000
--- a/www/src/demos/list-box/uncontrolled.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <ListBox
-      aria-label="Framework"
-      selectionMode="multiple"
-      defaultSelectedKeys={["nextjs", "remix", "astro"]}
-    >
-      <Item id="nextjs">Next.js</Item>
-      <Item id="remix">Remix</Item>
-      <Item id="astro">Astro</Item>
-      <Item id="gatsby">Gatsby</Item>
-    </ListBox>
-  );
-}
diff --git a/www/src/demos/menu/basic.tsx b/www/src/demos/menu/basic.tsx
deleted file mode 100644
index 9939d869e..000000000
--- a/www/src/demos/menu/basic.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem>Account settings</MenuItem>
-        <MenuItem>Create team</MenuItem>
-        <MenuItem>Command menu</MenuItem>
-        <MenuItem>Log out</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/composition.tsx b/www/src/demos/menu/composition.tsx
deleted file mode 100644
index 866b2c07d..000000000
--- a/www/src/demos/menu/composition.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import {
-  MenuContent,
-  MenuItem,
-  MenuRoot,
-} from "@/components/dynamic-core/menu";
-import { Overlay } from "@/components/dynamic-core/overlay";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Overlay type="popover" mobileType="drawer">
-        <MenuContent>
-          <MenuItem>Account settings</MenuItem>
-          <MenuItem>Create team</MenuItem>
-          <MenuItem>Command menu</MenuItem>
-          <MenuItem>Log out</MenuItem>
-        </MenuContent>
-      </Overlay>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/controlled.tsx b/www/src/demos/menu/controlled.tsx
deleted file mode 100644
index 0066d2d2e..000000000
--- a/www/src/demos/menu/controlled.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [isOpen, setOpen] = React.useState(false);
-  return (
-    <div className="flex flex-col-reverse items-center gap-4">
-      <MenuRoot isOpen={isOpen} onOpenChange={setOpen}>
-        <Button variant="outline" shape="square">
-          <MenuIcon />
-        </Button>
-        <Menu>
-          <MenuItem>Account settings</MenuItem>
-          <MenuItem>Create team</MenuItem>
-          <MenuItem>Log out</MenuItem>
-        </Menu>
-      </MenuRoot>
-      <p className="text-fg-muted text-sm">
-        state: {isOpen ? "open" : "closed"}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/menu/disabled-items.tsx b/www/src/demos/menu/disabled-items.tsx
deleted file mode 100644
index 7022863be..000000000
--- a/www/src/demos/menu/disabled-items.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon, PlusSquareIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem>Account settings</MenuItem>
-        <MenuItem prefix={<PlusSquareIcon />} isDisabled>
-          Create team
-        </MenuItem>
-        <MenuItem>Log out</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/item-variant.tsx b/www/src/demos/menu/item-variant.tsx
deleted file mode 100644
index 5b7689ddc..000000000
--- a/www/src/demos/menu/item-variant.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem>Account settings</MenuItem>
-        <MenuItem>Create team</MenuItem>
-        <MenuItem>Command menu</MenuItem>
-        <MenuItem variant="danger">Delete</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/label-and-description.tsx b/www/src/demos/menu/label-and-description.tsx
deleted file mode 100644
index 7ef99a53c..000000000
--- a/www/src/demos/menu/label-and-description.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem label="New file" description="Create a new file" />
-        <MenuItem label="Copy link" description="Copy the file link" />
-        <MenuItem label="Edit file" description="Allows you to edit the file" />
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/link-items.tsx b/www/src/demos/menu/link-items.tsx
deleted file mode 100644
index fbac8aecd..000000000
--- a/www/src/demos/menu/link-items.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" size="sm">
-        Social
-      </Button>
-      <Menu>
-        <MenuItem
-          prefix={<GitHubIcon />}
-          href="https://github.com/mehdibha/dotUI"
-          target="_blank"
-        >
-          Github
-        </MenuItem>
-        <MenuItem
-          prefix={<TwitterIcon />}
-          href="https://twitter.com/mehdibha_"
-          target="_blank"
-        >
-          X
-        </MenuItem>
-        <MenuItem
-          prefix={<DiscordIcon />}
-          href="https://discord.com/invite/DXpj5V2fU8"
-          target="_blank"
-        >
-          Discord
-        </MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/long-press.tsx b/www/src/demos/menu/long-press.tsx
deleted file mode 100644
index b61b51f1a..000000000
--- a/www/src/demos/menu/long-press.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot trigger="longPress">
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem>Account settings</MenuItem>
-        <MenuItem>Create team</MenuItem>
-        <MenuItem>Log out</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/multiple-selection.tsx b/www/src/demos/menu/multiple-selection.tsx
deleted file mode 100644
index 61521d00c..000000000
--- a/www/src/demos/menu/multiple-selection.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" size="sm">
-        Panels
-      </Button>
-      <Menu
-        selectionMode="multiple"
-        defaultSelectedKeys={["sidebar", "searchbar", "console"]}
-      >
-        <MenuItem id="sidebar">Sidebar</MenuItem>
-        <MenuItem id="searchbar">Searchbar</MenuItem>
-        <MenuItem id="tools">Tools</MenuItem>
-        <MenuItem id="console">Console</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/overlay-type.tsx b/www/src/demos/menu/overlay-type.tsx
deleted file mode 100644
index 19d53442a..000000000
--- a/www/src/demos/menu/overlay-type.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { type OverlayProps } from "@/components/dynamic-core/overlay";
-import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [type, setType] = React.useState("popover");
-  const [mobileType, setMobileType] = React.useState("drawer");
-  return (
-    <div className="flex items-center gap-14">
-      <MenuRoot>
-        <Button variant="outline" shape="square">
-          <MenuIcon />
-        </Button>
-        <Menu
-          type={type as OverlayProps["type"]}
-          mobileType={mobileType as OverlayProps["type"]}
-        >
-          <MenuItem>Account settings</MenuItem>
-          <MenuItem>Create team</MenuItem>
-          <MenuItem>Command menu</MenuItem>
-          <MenuItem>Log out</MenuItem>
-        </Menu>
-      </MenuRoot>
-      <div className="flex items-center gap-6">
-        <RadioGroup label="Type" value={type} onChange={setType}>
-          <Radio value="popover">Popover</Radio>
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-        </RadioGroup>
-        <RadioGroup
-          label="MobileType"
-          value={mobileType}
-          onChange={setMobileType}
-        >
-          <Radio value="popover">Popover</Radio>
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-        </RadioGroup>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/demos/menu/placement.tsx b/www/src/demos/menu/placement.tsx
deleted file mode 100644
index 44dfaa468..000000000
--- a/www/src/demos/menu/placement.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Item } from "@/components/dynamic-core/list-box";
-import {
-  Menu,
-  MenuItem,
-  MenuRoot,
-  type MenuProps,
-} from "@/components/dynamic-core/menu";
-import { Select } from "@/components/dynamic-core/select";
-import { MenuIcon } from "@/__icons__";
-
-type Placement = MenuProps<object>["placement"];
-
-export default function Demo() {
-  const [placement, setPlacement] = React.useState<Placement>("top");
-  return (
-    <div className="flex items-center gap-10">
-      <MenuRoot>
-        <Button variant="outline" shape="square" size="sm">
-          <MenuIcon />
-        </Button>
-        <Menu placement={placement}>
-          <MenuItem>Account settings</MenuItem>
-          <MenuItem>Create team</MenuItem>
-          <MenuItem>Log out</MenuItem>
-        </Menu>
-      </MenuRoot>
-      <Select
-        label="Placement"
-        selectedKey={placement}
-        onSelectionChange={(key) => setPlacement(key as Placement)}
-      >
-        {[
-          "bottom",
-          "bottom left",
-          "bottom right",
-          "bottom start",
-          "bottom end",
-          "top",
-          "top left",
-          "top right",
-          "top start",
-          "top end",
-          "left",
-          "left top",
-          "left",
-          "bottom",
-          "start",
-          "start top",
-          "start bottom",
-          "right",
-          "right top",
-          "right",
-          "bottom",
-          "end",
-          "end top",
-          "end bottom",
-        ].map((pos, index) => (
-          <Item key={index} id={pos.replace(" ", "")}>
-            {pos}
-          </Item>
-        ))}
-      </Select>
-    </div>
-  );
-}
diff --git a/www/src/demos/menu/prefix-and-suffix.tsx b/www/src/demos/menu/prefix-and-suffix.tsx
deleted file mode 100644
index ca8fe035a..000000000
--- a/www/src/demos/menu/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { CopyIcon, MenuIcon, PlusSquareIcon, SquarePenIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square" size="sm">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem
-          label="New file"
-          description="Create a new file"
-          prefix={<PlusSquareIcon />}
-        />
-        <MenuItem
-          label="Copy link"
-          description="Copy the file link"
-          prefix={<CopyIcon />}
-        />
-        <MenuItem
-          label="Edit file"
-          description="Allows you to edit the file"
-          prefix={<SquarePenIcon />}
-        />
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/section.tsx b/www/src/demos/menu/section.tsx
deleted file mode 100644
index 5c012c24b..000000000
--- a/www/src/demos/menu/section.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { Section } from "@/components/dynamic-core/section";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <Section title="Notifications">
-          <MenuItem>Push notifications</MenuItem>
-          <MenuItem>Badges</MenuItem>
-        </Section>
-        <Section title="Panels">
-          <MenuItem id="console">Console</MenuItem>
-          <MenuItem>Search</MenuItem>
-        </Section>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/separator.tsx b/www/src/demos/menu/separator.tsx
deleted file mode 100644
index 66b332e62..000000000
--- a/www/src/demos/menu/separator.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { Separator } from "@/components/dynamic-core/separator";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline">File</Button>
-      <Menu>
-        <MenuItem>New...</MenuItem>
-        <MenuItem>Badges</MenuItem>
-        <Separator />
-        <MenuItem>Save</MenuItem>
-        <MenuItem>Save as...</MenuItem>
-        <MenuItem>Rename...</MenuItem>
-        <Separator />
-        <MenuItem>Page setup…</MenuItem>
-        <MenuItem>Print…</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/shortcut.tsx b/www/src/demos/menu/shortcut.tsx
deleted file mode 100644
index ab4d2e7a5..000000000
--- a/www/src/demos/menu/shortcut.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem shortcut="⌘N">New file</MenuItem>
-        <MenuItem shortcut="⌘C">Copy link</MenuItem>
-        <MenuItem shortcut="⌘⇧E">Edit file</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/single-selection.tsx b/www/src/demos/menu/single-selection.tsx
deleted file mode 100644
index 1724b003c..000000000
--- a/www/src/demos/menu/single-selection.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Selection } from "react-aria-components";
-import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-
-export default function Demo() {
-  const [selected, setSelected] = React.useState<Selection>(
-    new Set(["center"])
-  );
-  return (
-    <MenuRoot>
-      <Button variant="outline" size="sm">
-        Align
-      </Button>
-      <Menu
-        selectionMode="single"
-        selectedKeys={selected}
-        onSelectionChange={setSelected}
-      >
-        <MenuItem id="start">Start</MenuItem>
-        <MenuItem id="center">Center</MenuItem>
-        <MenuItem id="end">End</MenuItem>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/menu/submenus.tsx b/www/src/demos/menu/submenus.tsx
deleted file mode 100644
index 65a880d90..000000000
--- a/www/src/demos/menu/submenus.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import {
-  Menu,
-  MenuItem,
-  MenuRoot,
-  MenuSub,
-} from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <MenuRoot>
-      <Button variant="outline" shape="square">
-        <MenuIcon />
-      </Button>
-      <Menu>
-        <MenuItem>Account settings</MenuItem>
-        <MenuSub>
-          <MenuItem>Invite users</MenuItem>
-          <Menu>
-            <MenuItem>SMS</MenuItem>
-            <MenuItem>Twitter</MenuItem>
-            <MenuSub>
-              <MenuItem>Email</MenuItem>
-              <Menu>
-                <MenuItem>Work</MenuItem>
-                <MenuItem>Personal</MenuItem>
-              </Menu>
-            </MenuSub>
-          </Menu>
-        </MenuSub>
-      </Menu>
-    </MenuRoot>
-  );
-}
diff --git a/www/src/demos/number-field/composition.tsx b/www/src/demos/number-field/composition.tsx
deleted file mode 100644
index fc0a4d682..000000000
--- a/www/src/demos/number-field/composition.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Description, Label } from "@/components/dynamic-core/field";
-import { Group } from "@/components/dynamic-core/group";
-import { Input, InputRoot } from "@/components/dynamic-core/input";
-import { NumberFieldRoot } from "@/components/dynamic-core/number-field";
-import { MinusIcon, PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <NumberFieldRoot>
-      <Label>Quantity</Label>
-      <Group className="flex items-center gap-2">
-        <Button slot="decrement" shape="square">
-          <MinusIcon />
-        </Button>
-        <InputRoot>
-          <Input />
-        </InputRoot>
-        <Button slot="increment" shape="square">
-          <PlusIcon />
-        </Button>
-      </Group>
-      <Description>Enter the disired quantity.</Description>
-    </NumberFieldRoot>
-  );
-}
diff --git a/www/src/demos/number-field/contextual-help.tsx b/www/src/demos/number-field/contextual-help.tsx
deleted file mode 100644
index 4b055eef3..000000000
--- a/www/src/demos/number-field/contextual-help.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return (
-    <NumberField
-      label="Width"
-      defaultValue={1024}
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/number-field/controlled.tsx b/www/src/demos/number-field/controlled.tsx
deleted file mode 100644
index 61ef61583..000000000
--- a/www/src/demos/number-field/controlled.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState(69);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <NumberField
-        aria-label="Width"
-        value={inputValue}
-        onChange={(value) => {
-          setInputValue(value);
-        }}
-      />
-      <p className="text-fg-muted text-sm">mirrored number: {inputValue}</p>
-    </div>
-  );
-}
diff --git a/www/src/demos/number-field/default.tsx b/www/src/demos/number-field/default.tsx
deleted file mode 100644
index 84e941d74..000000000
--- a/www/src/demos/number-field/default.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return <NumberField label="Width" defaultValue={1024} />;
-}
diff --git a/www/src/demos/number-field/description.tsx b/www/src/demos/number-field/description.tsx
deleted file mode 100644
index b20005aa8..000000000
--- a/www/src/demos/number-field/description.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return <NumberField label="Width" description="Enter the desired width." />;
-}
diff --git a/www/src/demos/number-field/disabled.tsx b/www/src/demos/number-field/disabled.tsx
deleted file mode 100644
index 395664b1c..000000000
--- a/www/src/demos/number-field/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return <NumberField defaultValue={20} isDisabled />;
-}
diff --git a/www/src/demos/number-field/error-message.tsx b/www/src/demos/number-field/error-message.tsx
deleted file mode 100644
index bc843742a..000000000
--- a/www/src/demos/number-field/error-message.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return (
-    <NumberField
-      label="Width"
-      isInvalid
-      errorMessage="Please fill out this field."
-    />
-  );
-}
diff --git a/www/src/demos/number-field/format-options.tsx b/www/src/demos/number-field/format-options.tsx
deleted file mode 100644
index 562093e96..000000000
--- a/www/src/demos/number-field/format-options.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from "react";
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <NumberField
-        label="Decimal"
-        defaultValue={0}
-        formatOptions={{
-          signDisplay: "exceptZero",
-          minimumFractionDigits: 1,
-          maximumFractionDigits: 2,
-        }}
-      />
-      <NumberField
-        label="Percentage"
-        defaultValue={0.05}
-        formatOptions={{
-          style: "percent",
-        }}
-      />
-      <NumberField
-        label="Currency"
-        defaultValue={45}
-        formatOptions={{
-          style: "currency",
-          currency: "EUR",
-          currencyDisplay: "code",
-          currencySign: "accounting",
-        }}
-      />
-      <NumberField
-        label="Unit"
-        defaultValue={4}
-        formatOptions={{
-          style: "unit",
-          unit: "inch",
-          unitDisplay: "long",
-        }}
-      />
-    </div>
-  );
-}
diff --git a/www/src/demos/number-field/label.tsx b/www/src/demos/number-field/label.tsx
deleted file mode 100644
index 2f438c5eb..000000000
--- a/www/src/demos/number-field/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <NumberField label="Width" placeholder="Visible label" />
-      <NumberField aria-label="Width" placeholder="Hidden label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/number-field/read-only.tsx b/www/src/demos/number-field/read-only.tsx
deleted file mode 100644
index 8b1d179fc..000000000
--- a/www/src/demos/number-field/read-only.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return <NumberField aria-label="Width" isReadOnly value={69} />;
-}
diff --git a/www/src/demos/number-field/required.tsx b/www/src/demos/number-field/required.tsx
deleted file mode 100644
index 42487cb39..000000000
--- a/www/src/demos/number-field/required.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <NumberField label="Width" isRequired />
-      <NumberField label="Width" isRequired necessityIndicator="icon" />
-      <NumberField label="Width" isRequired necessityIndicator="label" />
-      <NumberField label="Width" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/number-field/sizes.tsx b/www/src/demos/number-field/sizes.tsx
deleted file mode 100644
index 1726ce453..000000000
--- a/www/src/demos/number-field/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <NumberField placeholder="small (sm)" size="sm" />
-      <NumberField placeholder="medium (md)" size="md" />
-      <NumberField placeholder="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/demos/number-field/uncontrolled.tsx b/www/src/demos/number-field/uncontrolled.tsx
deleted file mode 100644
index 6601123b0..000000000
--- a/www/src/demos/number-field/uncontrolled.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return <NumberField aria-label="Width" defaultValue={80} />;
-}
diff --git a/www/src/demos/progress/composition.tsx b/www/src/demos/progress/composition.tsx
deleted file mode 100644
index 5460bb629..000000000
--- a/www/src/demos/progress/composition.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Label } from "react-aria-components";
-import {
-  ProgressIndicator,
-  ProgressRoot,
-  ProgressValueLabel,
-} from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return (
-    <ProgressRoot value={50} className="flex-row items-center gap-4">
-      <Label>Progress</Label>
-      <ProgressIndicator />
-      <ProgressValueLabel />
-    </ProgressRoot>
-  );
-}
diff --git a/www/src/demos/progress/custom-color.tsx b/www/src/demos/progress/custom-color.tsx
deleted file mode 100644
index 80fe2a67f..000000000
--- a/www/src/demos/progress/custom-color.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return (
-    <Progress
-      value={75}
-      aria-label="Custom color"
-      classNames={{
-        indicator: "bg-slate-300 dark:bg-slate-800",
-        filler: "bg-slate-800 dark:bg-slate-300",
-      }}
-    />
-  );
-}
diff --git a/www/src/demos/progress/custom-value-label.tsx b/www/src/demos/progress/custom-value-label.tsx
deleted file mode 100644
index 32ae8342c..000000000
--- a/www/src/demos/progress/custom-value-label.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return (
-    <Progress
-      label="Feeding…"
-      showValueLabel
-      valueLabel="30 of 100 dogs"
-      value={30}
-    />
-  );
-}
diff --git a/www/src/demos/progress/default.tsx b/www/src/demos/progress/default.tsx
deleted file mode 100644
index 0807d258d..000000000
--- a/www/src/demos/progress/default.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return <Progress aria-label="loading" value={75} />;
-}
diff --git a/www/src/demos/progress/duration.tsx b/www/src/demos/progress/duration.tsx
deleted file mode 100644
index 56814c8c1..000000000
--- a/www/src/demos/progress/duration.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Progress } from "@/components/dynamic-core/progress";
-import { RotateCwIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [key, setKey] = React.useState(0);
-  const restart = () => setKey((prev) => prev + 1);
-  return (
-    <div className="flex w-full flex-col items-center gap-6">
-      <Button prefix={<RotateCwIcon />} onPress={restart}>
-        Restart animation
-      </Button>
-      <Progress key={key} duration="30s" aria-label="Loading" />
-    </div>
-  );
-}
diff --git a/www/src/demos/progress/format-options.tsx b/www/src/demos/progress/format-options.tsx
deleted file mode 100644
index e811fc11e..000000000
--- a/www/src/demos/progress/format-options.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return (
-    <Progress
-      label="Sending…"
-      showValueLabel
-      formatOptions={{ style: "currency", currency: "JPY" }}
-      value={60}
-    />
-  );
-}
diff --git a/www/src/demos/progress/indeterminate.tsx b/www/src/demos/progress/indeterminate.tsx
deleted file mode 100644
index 3dde7e46a..000000000
--- a/www/src/demos/progress/indeterminate.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return <Progress isIndeterminate aria-label="Loading" />;
-}
diff --git a/www/src/demos/progress/label.tsx b/www/src/demos/progress/label.tsx
deleted file mode 100644
index 9e1ea9ab5..000000000
--- a/www/src/demos/progress/label.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <Progress aria-label="Loading" value={75} />
-      <Progress label="Loading..." value={75} />
-    </div>
-  );
-}
diff --git a/www/src/demos/progress/min-max-values.tsx b/www/src/demos/progress/min-max-values.tsx
deleted file mode 100644
index 4a5e03251..000000000
--- a/www/src/demos/progress/min-max-values.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return (
-    <Progress
-      aria-label="Min and max values"
-      minValue={50}
-      maxValue={150}
-      value={100}
-    />
-  );
-}
diff --git a/www/src/demos/progress/shape.tsx b/www/src/demos/progress/shape.tsx
deleted file mode 100644
index e8d52c198..000000000
--- a/www/src/demos/progress/shape.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return <Progress aria-label="Progress shape" value={75} />;
-}
diff --git a/www/src/demos/progress/sizes.tsx b/www/src/demos/progress/sizes.tsx
deleted file mode 100644
index 69310b608..000000000
--- a/www/src/demos/progress/sizes.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-const sizes = ["sm", "md", "lg"] as const;
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      {sizes.map((size) => (
-        <Progress
-          key={size}
-          aria-label={`Progress size: ${size}`}
-          value={75}
-          size={size}
-          label={size}
-        />
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/demos/progress/toolbar.tsx b/www/src/demos/progress/toolbar.tsx
deleted file mode 100644
index 4df09e668..000000000
--- a/www/src/demos/progress/toolbar.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Input, InputRoot } from "@/components/dynamic-core/input";
-import { Progress } from "@/components/dynamic-core/progress";
-import { TextFieldRoot } from "@/components/dynamic-core/text-field";
-import { ALargeSmallIcon, RotateCwIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [key, setKey] = React.useState(0);
-  const refresh = () => setKey((key) => key + 1);
-  return (
-    <TextFieldRoot key={key} defaultValue="https://dotui.org" aria-label="URL">
-      <InputRoot className="relative h-10 overflow-hidden px-1 pb-0.5">
-        <Button
-          size="sm"
-          variant="quiet"
-          shape="square"
-          aria-label="translate"
-          className="size-7"
-        >
-          <ALargeSmallIcon />
-        </Button>
-        <Input className="text-center" />
-        <Button
-          onPress={refresh}
-          size="sm"
-          variant="quiet"
-          shape="square"
-          className="size-7"
-          aria-label="Refresh"
-        >
-          <RotateCwIcon />
-        </Button>
-        <Progress
-          value={50}
-          size="sm"
-          variant="accent"
-          duration="5s"
-          aria-label="loading indicator"
-          className="absolute bottom-0 left-0 right-0"
-        />
-      </InputRoot>
-    </TextFieldRoot>
-  );
-}
diff --git a/www/src/demos/progress/value-label.tsx b/www/src/demos/progress/value-label.tsx
deleted file mode 100644
index ac33be225..000000000
--- a/www/src/demos/progress/value-label.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return <Progress label="Loading" showValueLabel value={75} />;
-}
diff --git a/www/src/demos/progress/variants.tsx b/www/src/demos/progress/variants.tsx
deleted file mode 100644
index 2ba2882be..000000000
--- a/www/src/demos/progress/variants.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-const variants = ["default", "success", "accent", "danger", "warning"] as const;
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      {variants.map((variant) => (
-        <Progress key={variant} value={75} label={variant} variant={variant} />
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/demos/radio-group/cards.tsx b/www/src/demos/radio-group/cards.tsx
deleted file mode 100644
index 23f05340f..000000000
--- a/www/src/demos/radio-group/cards.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup
-      defaultValue="sm"
-      label="Size"
-      orientation="horizontal"
-      variant="card"
-    >
-      <Radio value="sm">
-        <div className="flex flex-col gap-1">
-          <span className="font-bold">Small</span>
-          <span className="text-fg-muted text-xs">Dimension: 128 x 128</span>
-        </div>
-      </Radio>
-      <Radio value="md">
-        <div className="flex flex-col gap-1">
-          <span className="font-bold">Medium</span>
-          <span className="text-fg-muted text-xs">Dimension: 256 x 256</span>
-        </div>
-      </Radio>
-      <Radio value="lg">
-        <div className="flex flex-col gap-1">
-          <span className="font-bold">Large</span>
-          <span className="text-fg-muted text-xs">Dimension: 512 x 512</span>
-        </div>
-      </Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/demos/radio-group/composition.tsx b/www/src/demos/radio-group/composition.tsx
deleted file mode 100644
index 112b93655..000000000
--- a/www/src/demos/radio-group/composition.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import {
-  Description,
-  FieldError,
-  Label,
-} from "@/components/dynamic-core/field";
-import { RadioGroupRoot, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroupRoot defaultValue="sm">
-      <Label>Size</Label>
-      <Description>Please select a size.</Description>
-      <div className="flex gap-2">
-        <Radio value="sm">Small</Radio>
-        <Radio value="md">Medium</Radio>
-        <Radio value="lg">Large</Radio>
-      </div>
-      <FieldError />
-    </RadioGroupRoot>
-  );
-}
diff --git a/www/src/demos/radio-group/contextual-help.tsx b/www/src/demos/radio-group/contextual-help.tsx
deleted file mode 100644
index 6f0646b0a..000000000
--- a/www/src/demos/radio-group/contextual-help.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup
-      defaultValue="sm"
-      label="Size"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    >
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/demos/radio-group/controlled.tsx b/www/src/demos/radio-group/controlled.tsx
deleted file mode 100644
index 130803d18..000000000
--- a/www/src/demos/radio-group/controlled.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import React from "react";
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  const [size, setSize] = React.useState("sm");
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <RadioGroup
-        label="Size"
-        value={size}
-        onChange={(value) => setSize(value)}
-      >
-        <Radio value="sm">Small</Radio>
-        <Radio value="md">Medium</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <p className="text-fg-muted text-xs">{`You selected: ${size}`}</p>
-    </div>
-  );
-}
diff --git a/www/src/demos/radio-group/default.tsx b/www/src/demos/radio-group/default.tsx
deleted file mode 100644
index 692be86f7..000000000
--- a/www/src/demos/radio-group/default.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup defaultValue="sm" label="Size">
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/demos/radio-group/description.tsx b/www/src/demos/radio-group/description.tsx
deleted file mode 100644
index 9b49228da..000000000
--- a/www/src/demos/radio-group/description.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup
-      defaultValue="sm"
-      label="Size"
-      description="Select a product size."
-    >
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/demos/radio-group/disabled.tsx b/www/src/demos/radio-group/disabled.tsx
deleted file mode 100644
index db1855520..000000000
--- a/www/src/demos/radio-group/disabled.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <div className="flex gap-10">
-      <RadioGroup defaultValue="sm" label="Size" isDisabled>
-        <Radio value="sm">Small</Radio>
-        <Radio value="md">Medium</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup label="Size" defaultValue="sm">
-        <Radio value="sm">Small</Radio>
-        <Radio value="md" isDisabled>
-          Medium
-        </Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/demos/radio-group/error-message.tsx b/www/src/demos/radio-group/error-message.tsx
deleted file mode 100644
index 475d1531a..000000000
--- a/www/src/demos/radio-group/error-message.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup
-      defaultValue={null}
-      label="Size"
-      isInvalid
-      errorMessage="Please select a product size."
-    >
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/demos/radio-group/label.tsx b/www/src/demos/radio-group/label.tsx
deleted file mode 100644
index 8fc8513e1..000000000
--- a/www/src/demos/radio-group/label.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-10">
-      <RadioGroup defaultValue="sm" label="Size">
-        <Radio value="sm">Small</Radio>
-        <Radio value="md">Medium</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup defaultValue="sm" aria-label="Size">
-        <Radio value="sm">Small</Radio>
-        <Radio value="md">Medium</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/demos/radio-group/orientation.tsx b/www/src/demos/radio-group/orientation.tsx
deleted file mode 100644
index b939eea01..000000000
--- a/www/src/demos/radio-group/orientation.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup defaultValue="sm" label="Size" orientation="horizontal">
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/demos/radio-group/read-only.tsx b/www/src/demos/radio-group/read-only.tsx
deleted file mode 100644
index 3d619e39c..000000000
--- a/www/src/demos/radio-group/read-only.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup defaultValue="sm" label="Size" isReadOnly>
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/demos/radio-group/required.tsx b/www/src/demos/radio-group/required.tsx
deleted file mode 100644
index b993b1450..000000000
--- a/www/src/demos/radio-group/required.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from "react";
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <RadioGroup defaultValue="sm" label="Size" isRequired>
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup
-        defaultValue="sm"
-        label="Size"
-        isRequired
-        necessityIndicator="icon"
-      >
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup
-        defaultValue="sm"
-        label="Size"
-        isRequired
-        necessityIndicator="label"
-      >
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup defaultValue="sm" label="Size" necessityIndicator="label">
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/demos/radio-group/uncontrolled.tsx b/www/src/demos/radio-group/uncontrolled.tsx
deleted file mode 100644
index 2b64a9d01..000000000
--- a/www/src/demos/radio-group/uncontrolled.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup defaultValue="sm" label="Size">
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/demos/range-calendar/composition.tsx b/www/src/demos/range-calendar/composition.tsx
deleted file mode 100644
index e50356e3f..000000000
--- a/www/src/demos/range-calendar/composition.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-"use client";
-
-import { Button } from "@/components/dynamic-core/button";
-import {
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-} from "@/components/dynamic-core/calendar";
-import { Heading } from "@/components/dynamic-core/heading";
-import { RangeCalendarRoot } from "@/components/dynamic-core/range-calendar";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <RangeCalendarRoot>
-      <CalendarHeader>
-        <Button slot="previous" variant="outline" shape="square" size="sm">
-          <ChevronLeftIcon />
-        </Button>
-        <Heading className="text-sm" />
-        <Button slot="next" variant="outline" shape="square" size="sm">
-          <ChevronRightIcon />
-        </Button>
-      </CalendarHeader>
-      <CalendarGrid>
-        <CalendarGridHeader>
-          {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-        </CalendarGridHeader>
-        <CalendarGridBody>
-          {(date) => (
-            <CalendarCell date={date} range>
-              {({ formattedDate }) => (
-                <span className="z-20">{formattedDate}</span>
-              )}
-            </CalendarCell>
-          )}
-        </CalendarGridBody>
-      </CalendarGrid>
-    </RangeCalendarRoot>
-  );
-}
diff --git a/www/src/demos/range-calendar/controlled.tsx b/www/src/demos/range-calendar/controlled.tsx
deleted file mode 100644
index 1df331adc..000000000
--- a/www/src/demos/range-calendar/controlled.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { type DateRange } from "react-aria-components";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  const [range, setRange] = React.useState<DateRange | null>({
-    start: today(getLocalTimeZone()),
-    end: today(getLocalTimeZone()).add({ weeks: 1 }),
-  });
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <RangeCalendar
-        aria-label="Date (controlled)"
-        value={range}
-        onChange={setRange}
-      />
-      <p className="text-fg-muted text-sm">
-        Start date: {range?.start.toString()}
-        <br />
-        End date: {range?.end.toString()}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/range-calendar/default.tsx b/www/src/demos/range-calendar/default.tsx
deleted file mode 100644
index ca8f1242d..000000000
--- a/www/src/demos/range-calendar/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  return <RangeCalendar />;
-}
diff --git a/www/src/demos/range-calendar/disabled.tsx b/www/src/demos/range-calendar/disabled.tsx
deleted file mode 100644
index 6a7005ce4..000000000
--- a/www/src/demos/range-calendar/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  return <RangeCalendar aria-label="Appointment date" isDisabled />;
-}
diff --git a/www/src/demos/range-calendar/error-message.tsx b/www/src/demos/range-calendar/error-message.tsx
deleted file mode 100644
index 913d58d35..000000000
--- a/www/src/demos/range-calendar/error-message.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import { today, getLocalTimeZone } from "@internationalized/date";
-import { type DateRange } from "react-aria-components";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  const [range, setRange] = React.useState<DateRange | null>({
-    start: today(getLocalTimeZone()),
-    end: today(getLocalTimeZone()).add({ weeks: 1, days: 3 }),
-  });
-  const isInvalid = range ? range.end.compare(range.start) > 7 : false;
-  return (
-    <RangeCalendar
-      aria-label="Trip dates"
-      value={range}
-      onChange={setRange}
-      isInvalid={isInvalid}
-      errorMessage={isInvalid ? "Maximum stay duration is 1 week" : undefined}
-    />
-  );
-}
diff --git a/www/src/demos/range-calendar/label.tsx b/www/src/demos/range-calendar/label.tsx
deleted file mode 100644
index f157db6e7..000000000
--- a/www/src/demos/range-calendar/label.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  return <RangeCalendar aria-label="Event date" />;
-}
diff --git a/www/src/demos/range-calendar/non-contiguous-ranges.tsx b/www/src/demos/range-calendar/non-contiguous-ranges.tsx
deleted file mode 100644
index 03683672e..000000000
--- a/www/src/demos/range-calendar/non-contiguous-ranges.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-import {
-  type DateValue,
-  getLocalTimeZone,
-  today,
-} from "@internationalized/date";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  const now = today(getLocalTimeZone());
-  const disabledRanges = [
-    [now, now.add({ days: 5 })],
-    [now.add({ days: 14 }), now.add({ days: 16 })],
-    [now.add({ days: 23 }), now.add({ days: 24 })],
-  ];
-
-  const isDateUnavailable = (date: DateValue) =>
-    disabledRanges.some(
-      (interval) =>
-        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
-    );
-
-  return (
-    <RangeCalendar
-      aria-label="Trip dates"
-      minValue={today(getLocalTimeZone())}
-      isDateUnavailable={isDateUnavailable}
-      allowsNonContiguousRanges
-    />
-  );
-}
diff --git a/www/src/demos/range-calendar/page-behaviour.tsx b/www/src/demos/range-calendar/page-behaviour.tsx
deleted file mode 100644
index a921693e9..000000000
--- a/www/src/demos/range-calendar/page-behaviour.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  return <RangeCalendar visibleMonths={2} pageBehavior="single" />;
-}
diff --git a/www/src/demos/range-calendar/read-only.tsx b/www/src/demos/range-calendar/read-only.tsx
deleted file mode 100644
index 2f527f553..000000000
--- a/www/src/demos/range-calendar/read-only.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  return (
-    <RangeCalendar
-      aria-label="Appointment date"
-      isReadOnly
-      value={{
-        start: today(getLocalTimeZone()),
-        end: today(getLocalTimeZone()).add({ weeks: 1 }),
-      }}
-    />
-  );
-}
diff --git a/www/src/demos/range-calendar/uncontrolled.tsx b/www/src/demos/range-calendar/uncontrolled.tsx
deleted file mode 100644
index 3ca6c132c..000000000
--- a/www/src/demos/range-calendar/uncontrolled.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  return (
-    <RangeCalendar
-      aria-label="Date (controlled)"
-      defaultValue={{
-        start: today(getLocalTimeZone()),
-        end: today(getLocalTimeZone()).add({ weeks: 1 }),
-      }}
-    />
-  );
-}
diff --git a/www/src/demos/range-calendar/unvailable-dates.tsx b/www/src/demos/range-calendar/unvailable-dates.tsx
deleted file mode 100644
index c1839cc08..000000000
--- a/www/src/demos/range-calendar/unvailable-dates.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client";
-
-import {
-  type DateValue,
-  getLocalTimeZone,
-  today,
-} from "@internationalized/date";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  const now = today(getLocalTimeZone());
-  const disabledRanges = [
-    [now, now.add({ days: 5 })],
-    [now.add({ days: 14 }), now.add({ days: 16 })],
-    [now.add({ days: 23 }), now.add({ days: 24 })],
-  ];
-
-  const isDateUnavailable = (date: DateValue) =>
-    disabledRanges.some(
-      (interval) =>
-        date.compare(interval[0]) >= 0 && date.compare(interval[1]) <= 0
-    );
-
-  return (
-    <RangeCalendar
-      aria-label="Trip dates"
-      minValue={today(getLocalTimeZone())}
-      isDateUnavailable={isDateUnavailable}
-    />
-  );
-}
diff --git a/www/src/demos/range-calendar/validation.tsx b/www/src/demos/range-calendar/validation.tsx
deleted file mode 100644
index e5ed2466e..000000000
--- a/www/src/demos/range-calendar/validation.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  return (
-    <RangeCalendar
-      aria-label="Appointment date"
-      minValue={today(getLocalTimeZone())}
-    />
-  );
-}
diff --git a/www/src/demos/range-calendar/visible-months.tsx b/www/src/demos/range-calendar/visible-months.tsx
deleted file mode 100644
index af7c945cc..000000000
--- a/www/src/demos/range-calendar/visible-months.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-
-export default function Demo() {
-  return <RangeCalendar visibleMonths={2} />;
-}
diff --git a/www/src/demos/scroll-area/default.tsx b/www/src/demos/scroll-area/default.tsx
deleted file mode 100644
index 352a65234..000000000
--- a/www/src/demos/scroll-area/default.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import * as React from "react";
-import { ScrollArea } from "@/components/dynamic-core/scroll-area";
-
-export default function Demo() {
-  return (
-    <div className="rounded-md border p-6">
-      <ScrollArea className="h-72 w-full max-w-sm" type="always">
-        <div className="space-y-4 p-4 pr-8">
-          <h4 className="text-md font-bold">
-            Principles of the typographic craft
-          </h4>
-          <p>
-            Three fundamental aspects of typography are legibility, readability,
-            and aesthetics. Although in a non-technical sense “legible” and
-            “readable” are often used synonymously, typographically they are
-            separate but related concepts.
-          </p>
-          <p>
-            Legibility describes how easily individual characters can be
-            distinguished from one another. It is described by Walter Tracy as
-            “the quality of being decipherable and recognisable”. For instance,
-            if a “b” and an “h”, or a “3” and an “8”, are difficult to
-            distinguish at small sizes, this is a problem of legibility.
-          </p>
-          <p>
-            Typographers are concerned with legibility insofar as it is their
-            job to select the correct font to use. Brush Script is an example of
-            a font containing many characters that might be difficult to
-            distinguish. The selection of cases influences the legibility of
-            typography because using only uppercase letters (all-caps) reduces
-            legibility.
-          </p>
-        </div>
-      </ScrollArea>
-    </div>
-  );
-}
diff --git a/www/src/demos/scroll-area/scrollbars.tsx b/www/src/demos/scroll-area/scrollbars.tsx
deleted file mode 100644
index 3c01f201e..000000000
--- a/www/src/demos/scroll-area/scrollbars.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
-import {
-  ScrollArea,
-  type ScrollAreaProps,
-} from "@/components/dynamic-core/scroll-area";
-
-export default function Demo() {
-  const [scrollbars, setScrollbars] = React.useState("vertical");
-  return (
-    <div className="flex items-center gap-10">
-      <div className="rounded-md border p-6">
-        <ScrollArea
-          scrollbars={scrollbars as ScrollAreaProps["scrollbars"]}
-          className="h-44 w-full max-w-sm"
-          type="always"
-        >
-          <div className="flex w-[500px] items-start gap-4">
-            <div className="space-y-4 p-4 pr-8">
-              <h4 className="text-md font-bold">
-                Principles of the typographic craft
-              </h4>
-              <p>
-                Three fundamental aspects of typography are legibility,
-                readability, and aesthetics. Although in a non-technical sense
-                “legible” and “readable” are often used synonymously,
-                typographically they are separate but related concepts.
-              </p>
-              <p>
-                Legibility describes how easily individual characters can be
-                distinguished from one another. It is described by Walter Tracy
-                as “the quality of being decipherable and recognisable”. For
-                instance, if a “b” and an “h”, or a “3” and an “8”, are
-                difficult to distinguish at small sizes, this is a problem of
-                legibility.
-              </p>
-              <p>
-                Typographers are concerned with legibility insofar as it is
-                their job to select the correct font to use. Brush Script is an
-                example of a font containing many characters that might be
-                difficult to distinguish. The selection of cases influences the
-                legibility of typography because using only uppercase letters
-                (all-caps) reduces legibility.
-              </p>
-            </div>
-            <div className="space-y-4 p-4 pr-8">
-              <h4 className="text-md font-bold">
-                Principles of the typographic craft
-              </h4>
-              <p>
-                Three fundamental aspects of typography are legibility,
-                readability, and aesthetics. Although in a non-technical sense
-                “legible” and “readable” are often used synonymously,
-                typographically they are separate but related concepts.
-              </p>
-              <p>
-                Legibility describes how easily individual characters can be
-                distinguished from one another. It is described by Walter Tracy
-                as “the quality of being decipherable and recognisable”. For
-                instance, if a “b” and an “h”, or a “3” and an “8”, are
-                difficult to distinguish at small sizes, this is a problem of
-                legibility.
-              </p>
-              <p>
-                Typographers are concerned with legibility insofar as it is
-                their job to select the correct font to use. Brush Script is an
-                example of a font containing many characters that might be
-                difficult to distinguish. The selection of cases influences the
-                legibility of typography because using only uppercase letters
-                (all-caps) reduces legibility.
-              </p>
-            </div>
-          </div>
-        </ScrollArea>
-      </div>
-      <RadioGroup
-        label="Scrollbars"
-        value={scrollbars}
-        onChange={setScrollbars}
-      >
-        <Radio value="vertical">Vertical</Radio>
-        <Radio value="horizontal">Horizontal</Radio>
-        <Radio value="both">Both</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/demos/scroll-area/sizes.tsx b/www/src/demos/scroll-area/sizes.tsx
deleted file mode 100644
index 5bcd6b8de..000000000
--- a/www/src/demos/scroll-area/sizes.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import * as React from "react";
-import { ScrollArea } from "@/components/dynamic-core/scroll-area";
-
-const sizes = ["sm", "md", "lg"] as const;
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-3 gap-10">
-      {sizes.map((size) => (
-        <div key={size} className="rounded-md border p-3">
-          <ScrollArea size={size} className="h-72" type="always">
-            <div className="space-y-4 p-4 pr-8">
-              <h4 className="text-md font-bold">
-                Principles of the typographic craft
-              </h4>
-              <p>
-                Three fundamental aspects of typography are legibility,
-                readability, and aesthetics. Although in a non-technical sense
-                “legible” and “readable” are often used synonymously,
-                typographically they are separate but related concepts.
-              </p>
-              <p>
-                Legibility describes how easily individual characters can be
-                distinguished from one another. It is described by Walter Tracy
-                as “the quality of being decipherable and recognisable”. For
-                instance, if a “b” and an “h”, or a “3” and an “8”, are
-                difficult to distinguish at small sizes, this is a problem of
-                legibility.
-              </p>
-              <p>
-                Typographers are concerned with legibility insofar as it is
-                their job to select the correct font to use. Brush Script is an
-                example of a font containing many characters that might be
-                difficult to distinguish. The selection of cases influences the
-                legibility of typography because using only uppercase letters
-                (all-caps) reduces legibility.
-              </p>
-            </div>
-          </ScrollArea>
-        </div>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/demos/search-field/composition.tsx b/www/src/demos/search-field/composition.tsx
deleted file mode 100644
index 557e32afd..000000000
--- a/www/src/demos/search-field/composition.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { Description, Label } from "@/components/dynamic-core/field";
-import { Input, InputRoot } from "@/components/dynamic-core/input";
-import { SearchFieldRoot } from "@/components/dynamic-core/search-field";
-import { SearchIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <SearchFieldRoot>
-      <Label>Search</Label>
-      <InputRoot prefix={<SearchIcon />}>
-        <Input />
-      </InputRoot>
-      <Description>Enter your search query.</Description>
-    </SearchFieldRoot>
-  );
-}
diff --git a/www/src/demos/search-field/contextual-help.tsx b/www/src/demos/search-field/contextual-help.tsx
deleted file mode 100644
index b19d18ee2..000000000
--- a/www/src/demos/search-field/contextual-help.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return (
-    <SearchField
-      label="Search"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/search-field/controlled.tsx b/www/src/demos/search-field/controlled.tsx
deleted file mode 100644
index dbf630112..000000000
--- a/www/src/demos/search-field/controlled.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import React from "react";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState(
-    "Is dotUI the next-gen ui lib?"
-  );
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <SearchField value={inputValue} onChange={setInputValue} />
-      <p className="text-fg-muted text-sm">
-        mirrored search text: {inputValue}
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/search-field/default.tsx b/www/src/demos/search-field/default.tsx
deleted file mode 100644
index a64ef56f1..000000000
--- a/www/src/demos/search-field/default.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return <SearchField aria-label="Search" />;
-}
diff --git a/www/src/demos/search-field/description.tsx b/www/src/demos/search-field/description.tsx
deleted file mode 100644
index 23c644b8b..000000000
--- a/www/src/demos/search-field/description.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return <SearchField label="Search" description="Enter your search query" />;
-}
diff --git a/www/src/demos/search-field/disabled.tsx b/www/src/demos/search-field/disabled.tsx
deleted file mode 100644
index a0fb69070..000000000
--- a/www/src/demos/search-field/disabled.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return (
-    <SearchField defaultValue="Is dotUI the next-gen ui lib?" isDisabled />
-  );
-}
diff --git a/www/src/demos/search-field/error-message.tsx b/www/src/demos/search-field/error-message.tsx
deleted file mode 100644
index 237d88537..000000000
--- a/www/src/demos/search-field/error-message.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return (
-    <SearchField
-      label="Search"
-      isInvalid
-      errorMessage="Please fill out this field."
-    />
-  );
-}
diff --git a/www/src/demos/search-field/form.tsx b/www/src/demos/search-field/form.tsx
deleted file mode 100644
index 8728ad39e..000000000
--- a/www/src/demos/search-field/form.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return <SearchField label="Search" />;
-}
diff --git a/www/src/demos/search-field/label.tsx b/www/src/demos/search-field/label.tsx
deleted file mode 100644
index 6e4a8795b..000000000
--- a/www/src/demos/search-field/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <SearchField label="Search" placeholder="Visible label" />
-      <SearchField aria-label="Search" placeholder="Hidden label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/search-field/loading.tsx b/www/src/demos/search-field/loading.tsx
deleted file mode 100644
index 2b021e2c9..000000000
--- a/www/src/demos/search-field/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <SearchField isLoading loaderPosition="prefix" />
-      <SearchField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/search-field/prefix-and-suffix.tsx b/www/src/demos/search-field/prefix-and-suffix.tsx
deleted file mode 100644
index 18249723d..000000000
--- a/www/src/demos/search-field/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-"use client";
-
-import { Button } from "@/components/dynamic-core/button";
-import { SearchField } from "@/components/dynamic-core/search-field";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { XCircleIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <SearchField
-      defaultValue="Hello world!"
-      prefix="🔍"
-      suffix={({ isEmpty, isDisabled }) => {
-        if (isEmpty || isDisabled) return null;
-        return (
-          <Tooltip content="Clear input" className="text-xs">
-            <Button variant="quiet" shape="square" size="sm" className="size-6">
-              <XCircleIcon />
-            </Button>
-          </Tooltip>
-        );
-      }}
-    />
-  );
-}
diff --git a/www/src/demos/search-field/read-only.tsx b/www/src/demos/search-field/read-only.tsx
deleted file mode 100644
index e098084fc..000000000
--- a/www/src/demos/search-field/read-only.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return <SearchField label="Search" isReadOnly value="Marvel movies" />;
-}
diff --git a/www/src/demos/search-field/required.tsx b/www/src/demos/search-field/required.tsx
deleted file mode 100644
index bd3657437..000000000
--- a/www/src/demos/search-field/required.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <SearchField label="Search" isRequired />
-      <SearchField label="Search" isRequired necessityIndicator="icon" />
-      <SearchField label="Search" isRequired necessityIndicator="label" />
-      <SearchField label="Search" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/search-field/sizes.tsx b/www/src/demos/search-field/sizes.tsx
deleted file mode 100644
index 0e6f49b35..000000000
--- a/www/src/demos/search-field/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <SearchField placeholder="small (sm)" size="sm" />
-      <SearchField placeholder="medium (md)" size="md" />
-      <SearchField placeholder="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/demos/search-field/uncontrolled.tsx b/www/src/demos/search-field/uncontrolled.tsx
deleted file mode 100644
index f26aed31c..000000000
--- a/www/src/demos/search-field/uncontrolled.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return <SearchField aria-label="Search" defaultValue="Marvel movies" />;
-}
diff --git a/www/src/demos/select/async-loading.tsx b/www/src/demos/select/async-loading.tsx
deleted file mode 100644
index af974b716..000000000
--- a/www/src/demos/select/async-loading.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client";
-
-import React from "react";
-import { useAsyncList } from "react-stately";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-interface Character {
-  name: string;
-}
-
-export default function Demo() {
-  const list = useAsyncList<Character>({
-    async load({ signal }) {
-      const res = await fetch(`https://pokeapi.co/api/v2/pokemon`, { signal });
-      const json = (await res.json()) as { results: Character[] };
-
-      return {
-        items: json.results,
-      };
-    },
-  });
-  return (
-    <Select isLoading={list.isLoading} items={list.items}>
-      {(item) => <Item id={item.name}>{item.name}</Item>}
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/basic.tsx b/www/src/demos/select/basic.tsx
deleted file mode 100644
index fd66afadd..000000000
--- a/www/src/demos/select/basic.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select>
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/composition.tsx b/www/src/demos/select/composition.tsx
deleted file mode 100644
index bb4032596..000000000
--- a/www/src/demos/select/composition.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Item, ListBox } from "@/components/dynamic-core/list-box";
-import { Overlay } from "@/components/dynamic-core/overlay";
-import { SelectRoot, SelectValue } from "@/components/dynamic-core/select";
-import { ChevronsUpDownIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <SelectRoot>
-      <Button
-        variant="outline"
-        suffix={<ChevronsUpDownIcon className="text-fg-muted" />}
-      >
-        <SelectValue />
-      </Button>
-      <Overlay type="popover">
-        <ListBox>
-          <Item>Perplexity</Item>
-          <Item>Replicate</Item>
-          <Item>Together AI</Item>
-          <Item>ElevenLabs</Item>
-        </ListBox>
-      </Overlay>
-    </SelectRoot>
-  );
-}
diff --git a/www/src/demos/select/contextual-help.tsx b/www/src/demos/select/contextual-help.tsx
deleted file mode 100644
index 386136864..000000000
--- a/www/src/demos/select/contextual-help.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function SelectDemo() {
-  return (
-    <Select
-      label="Provider"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, get assisted by our AI."
-        />
-      }
-    >
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/controlled.tsx b/www/src/demos/select/controlled.tsx
deleted file mode 100644
index 5f70f3756..000000000
--- a/www/src/demos/select/controlled.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Key } from "react-aria-components";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  const [provider, setProvider] = React.useState<Key>("eleven-labs");
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <Select selectedKey={provider} onSelectionChange={setProvider}>
-        <Item id="perplexity">Perplexity</Item>
-        <Item id="replicate">Replicate</Item>
-        <Item id="together-ai">Together AI</Item>
-        <Item id="eleven-labs">ElevenLabs</Item>
-      </Select>
-      <p className="text-fg-muted text-sm">
-        Selected provider: <span className="text-fg font-bold">{provider}</span>
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/select/description.tsx b/www/src/demos/select/description.tsx
deleted file mode 100644
index fbb5fb4cf..000000000
--- a/www/src/demos/select/description.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select label="Provider" description="Please select a provider.">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/disabled.tsx b/www/src/demos/select/disabled.tsx
deleted file mode 100644
index 6729aaa2b..000000000
--- a/www/src/demos/select/disabled.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select isDisabled>
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/label.tsx b/www/src/demos/select/label.tsx
deleted file mode 100644
index db784a522..000000000
--- a/www/src/demos/select/label.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select label="Provider">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/links.tsx b/www/src/demos/select/links.tsx
deleted file mode 100644
index 780f8c360..000000000
--- a/www/src/demos/select/links.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select label="Project">
-      <Item href="/create-project" target="_blank">
-        Create new...
-      </Item>
-      <Item>DotUI</Item>
-      <Item>Palettify</Item>
-      <Item>Notionfolio</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/loading.tsx b/www/src/demos/select/loading.tsx
deleted file mode 100644
index 193d2f136..000000000
--- a/www/src/demos/select/loading.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select isLoading>
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/placeholder.tsx b/www/src/demos/select/placeholder.tsx
deleted file mode 100644
index 8c88f4488..000000000
--- a/www/src/demos/select/placeholder.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select placeholder="Select a provider">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/required.tsx b/www/src/demos/select/required.tsx
deleted file mode 100644
index 4620bb31b..000000000
--- a/www/src/demos/select/required.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select label="Provider" isRequired necessityIndicator="icon">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/sections.tsx b/www/src/demos/select/sections.tsx
deleted file mode 100644
index d353292d7..000000000
--- a/www/src/demos/select/sections.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Section } from "@/components/dynamic-core/section";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select label="Model">
-      <Section title="OpenAI">
-        <Item>GPT-4o</Item>
-        <Item>GPT-4 Turbo</Item>
-        <Item>GPT-4</Item>
-        <Item>GPT-3.5 Turbo</Item>
-      </Section>
-      <Section title="Google">
-        <Item>Gemini 1.5 Flash</Item>
-        <Item>Gemini 1.5 Pro</Item>
-        <Item>Gemini 1.0 Pro</Item>
-      </Section>
-      <Section title="Meta">
-        <Item>Llama 3 (70B)</Item>
-        <Item>Llama 3 (8B)</Item>
-        <Item>Code Llama (70B)</Item>
-      </Section>
-      <Section title="Mistral AI">
-        <Item>Mixtral 8x22B</Item>
-        <Item>Mistral Large</Item>
-        <Item>Mistral 7B</Item>
-      </Section>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/uncontrolled.tsx b/www/src/demos/select/uncontrolled.tsx
deleted file mode 100644
index 2a2537d24..000000000
--- a/www/src/demos/select/uncontrolled.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select defaultSelectedKey="eleven-labs">
-      <Item id="perplexity">Perplexity</Item>
-      <Item id="replicate">Replicate</Item>
-      <Item id="together-ai">Together AI</Item>
-      <Item id="eleven-labs">ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/select/validation.tsx b/www/src/demos/select/validation.tsx
deleted file mode 100644
index e865a0861..000000000
--- a/www/src/demos/select/validation.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function Demo() {
-  return (
-    <Select
-      label="Provider"
-      isInvalid
-      errorMessage="Please select an item in the list."
-    >
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/separator/card.tsx b/www/src/demos/separator/card.tsx
deleted file mode 100644
index ae0870e19..000000000
--- a/www/src/demos/separator/card.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Separator } from "@/components/dynamic-core/separator";
-
-export default function Demo() {
-  return (
-    <div className="space-y-2 rounded-md border p-4">
-      <div>
-        <h3 className="font-bold">dotUI</h3>
-        <p className="text-fg-muted text-sm">
-          Tools for building high-quality, accessible UI.
-        </p>
-      </div>
-      <Separator className="my-4" />
-      <div className="flex h-5 items-center space-x-4 text-sm">
-        <div>Docs</div>
-        <Separator orientation="vertical" />
-        <div>Components</div>
-        <Separator orientation="vertical" />
-        <div>Hooks</div>
-        <Separator orientation="vertical" />
-        <div>Themes</div>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/demos/separator/orientation.tsx b/www/src/demos/separator/orientation.tsx
deleted file mode 100644
index e11c00443..000000000
--- a/www/src/demos/separator/orientation.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Separator } from "@/components/dynamic-core/separator";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-10">
-      <div className="flex h-5 items-center gap-2 text-sm">
-        <div>Components</div>
-        <Separator orientation="vertical" />
-        <div>Hooks</div>
-      </div>
-      <div className="flex flex-col items-center gap-2 text-sm">
-        <div>Components</div>
-        <Separator orientation="horizontal" />
-        <div>Hooks</div>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/demos/skeleton/api-simulation.tsx b/www/src/demos/skeleton/api-simulation.tsx
deleted file mode 100644
index 2324f9472..000000000
--- a/www/src/demos/skeleton/api-simulation.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Skeleton } from "@/components/dynamic-core/skeleton";
-
-export default function Demo() {
-  const [status, setStatus] = React.useState<
-    "idle" | "pending" | "error" | "success"
-  >("idle");
-  const apiCall = () => {
-    setStatus("pending");
-    setTimeout(() => {
-      setStatus("success");
-    }, 4000);
-  };
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <Button isPending={status === "pending"} onPress={apiCall}>
-        Simulate API Call
-      </Button>
-      <Skeleton show={status === "pending"}>
-        <p>Some text loaded from API.</p>
-      </Skeleton>
-    </div>
-  );
-}
diff --git a/www/src/demos/skeleton/card.tsx b/www/src/demos/skeleton/card.tsx
deleted file mode 100644
index 0f4056895..000000000
--- a/www/src/demos/skeleton/card.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Skeleton } from "@/components/dynamic-core/skeleton";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <Skeleton className="h-44 w-64" />
-      <div className="flex items-center space-x-4">
-        <Skeleton className="size-10 rounded-full" />
-        <div className="space-y-2">
-          <Skeleton className="h-4 w-44" />
-          <Skeleton className="h-4 w-36" />
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/demos/skeleton/children.tsx b/www/src/demos/skeleton/children.tsx
deleted file mode 100644
index 78744aa15..000000000
--- a/www/src/demos/skeleton/children.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Skeleton } from "@/components/dynamic-core/skeleton";
-
-export default function Demo() {
-  return (
-    <Skeleton>
-      <Button>Button</Button>
-    </Skeleton>
-  );
-}
diff --git a/www/src/demos/skeleton/fixed-size-children.tsx b/www/src/demos/skeleton/fixed-size-children.tsx
deleted file mode 100644
index 664de6630..000000000
--- a/www/src/demos/skeleton/fixed-size-children.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Skeleton } from "@/components/dynamic-core/skeleton";
-
-export default function Demo() {
-  return (
-    <Skeleton className="size-20">
-      <Button>Button</Button>
-    </Skeleton>
-  );
-}
diff --git a/www/src/demos/skeleton/show.tsx b/www/src/demos/skeleton/show.tsx
deleted file mode 100644
index 9655f0821..000000000
--- a/www/src/demos/skeleton/show.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Skeleton } from "@/components/dynamic-core/skeleton";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <Skeleton>
-        <Button>Button</Button>
-      </Skeleton>
-      <Skeleton show={false}>
-        <Button>Button</Button>
-      </Skeleton>
-    </div>
-  );
-}
diff --git a/www/src/demos/slider/advanced-composition.tsx b/www/src/demos/slider/advanced-composition.tsx
deleted file mode 100644
index f2cf2d1fc..000000000
--- a/www/src/demos/slider/advanced-composition.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Label, Description } from "@/components/dynamic-core/field";
-import {
-  SliderFiller,
-  SliderRoot,
-  SliderThumb,
-  SliderTrack,
-  SliderValueLabel,
-} from "@/components/dynamic-core/slider";
-import { Volume1Icon, Volume2Icon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <SliderRoot defaultValue={50}>
-      <div className="flex items-center justify-between">
-        <Label>Volume</Label>
-        <SliderValueLabel />
-      </div>
-      <div className="flex items-center gap-2">
-        <Volume1Icon />
-        <SliderTrack>
-          <SliderFiller />
-          <SliderThumb />
-        </SliderTrack>
-        <Volume2Icon />
-      </div>
-      <Description>Adjust the volume.</Description>
-    </SliderRoot>
-  );
-}
diff --git a/www/src/demos/slider/composition.tsx b/www/src/demos/slider/composition.tsx
deleted file mode 100644
index f4b27f782..000000000
--- a/www/src/demos/slider/composition.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Description, Label } from "@/components/dynamic-core/field";
-import {
-  SliderControls,
-  SliderRoot,
-  SliderValueLabel,
-} from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <SliderRoot defaultValue={50}>
-      <div className="flex items-center justify-between">
-        <Label>Volume</Label>
-        <SliderValueLabel />
-      </div>
-      <SliderControls />
-      <Description>Adjust the volume.</Description>
-    </SliderRoot>
-  );
-}
diff --git a/www/src/demos/slider/controlled.tsx b/www/src/demos/slider/controlled.tsx
deleted file mode 100644
index 8ac468d3b..000000000
--- a/www/src/demos/slider/controlled.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  const [value, setValue] = React.useState(50);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <Slider
-        label="Opacity"
-        value={value}
-        onChange={(value) => setValue(value as number)}
-      />
-      <span className="text-fg-muted text-sm">
-        Value: <span className="text-fg font-semibold">{value}</span>
-      </span>
-    </div>
-  );
-}
diff --git a/www/src/demos/slider/default.tsx b/www/src/demos/slider/default.tsx
deleted file mode 100644
index bca7c7a1e..000000000
--- a/www/src/demos/slider/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return <Slider aria-label="Opacity" defaultValue={50} />;
-}
diff --git a/www/src/demos/slider/description.tsx b/www/src/demos/slider/description.tsx
deleted file mode 100644
index 169348420..000000000
--- a/www/src/demos/slider/description.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <Slider
-      defaultValue={50}
-      label="Opacity"
-      description="Adjust the background opacity."
-    />
-  );
-}
diff --git a/www/src/demos/slider/disabled.tsx b/www/src/demos/slider/disabled.tsx
deleted file mode 100644
index 4b499a697..000000000
--- a/www/src/demos/slider/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return <Slider label="Opacity" defaultValue={50} isDisabled />;
-}
diff --git a/www/src/demos/slider/format-options.tsx b/www/src/demos/slider/format-options.tsx
deleted file mode 100644
index 12ecff055..000000000
--- a/www/src/demos/slider/format-options.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <Slider
-      label="Price"
-      formatOptions={{ style: "currency", currency: "JPY" }}
-      defaultValue={60}
-      valueLabel
-    />
-  );
-}
diff --git a/www/src/demos/slider/label.tsx b/www/src/demos/slider/label.tsx
deleted file mode 100644
index 3a320b29c..000000000
--- a/www/src/demos/slider/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <Slider defaultValue={50} label="Opacity" />
-      <Slider defaultValue={50} aria-label="Opacity" />
-    </div>
-  );
-}
diff --git a/www/src/demos/slider/range.tsx b/www/src/demos/slider/range.tsx
deleted file mode 100644
index f35dabc4e..000000000
--- a/www/src/demos/slider/range.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <Slider
-      label="Price Range"
-      valueLabel
-      defaultValue={[200, 300]}
-      minValue={100}
-      maxValue={500}
-    />
-  );
-}
diff --git a/www/src/demos/slider/sizes.tsx b/www/src/demos/slider/sizes.tsx
deleted file mode 100644
index c3a740287..000000000
--- a/www/src/demos/slider/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <Slider aria-label="Opacity" defaultValue={50} size="sm" />
-      <Slider aria-label="Opacity" defaultValue={50} size="md" />
-      <Slider aria-label="Opacity" defaultValue={50} size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/demos/slider/step.tsx b/www/src/demos/slider/step.tsx
deleted file mode 100644
index a830c1f2a..000000000
--- a/www/src/demos/slider/step.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <Slider label="Opacity" valueLabel minValue={0} maxValue={100} step={5} />
-  );
-}
diff --git a/www/src/demos/slider/uncontrolled.tsx b/www/src/demos/slider/uncontrolled.tsx
deleted file mode 100644
index bca7c7a1e..000000000
--- a/www/src/demos/slider/uncontrolled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return <Slider aria-label="Opacity" defaultValue={50} />;
-}
diff --git a/www/src/demos/slider/value-label.tsx b/www/src/demos/slider/value-label.tsx
deleted file mode 100644
index 07621d0d0..000000000
--- a/www/src/demos/slider/value-label.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <div className="space-y-6">
-      <Slider
-        defaultValue={50}
-        label="Donuts to buy"
-        valueLabel
-        className="w-60!"
-      />
-      <Slider
-        defaultValue={50}
-        label="Donuts to buy"
-        valueLabel={(donuts) => `${donuts[0]} of 100 Donuts`}
-        className="w-60!"
-      />
-    </div>
-  );
-}
diff --git a/www/src/demos/slider/value-scale.tsx b/www/src/demos/slider/value-scale.tsx
deleted file mode 100644
index 267ea9b49..000000000
--- a/www/src/demos/slider/value-scale.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <Slider
-      label="Cookies to buy"
-      minValue={1}
-      maxValue={50}
-      defaultValue={25}
-      valueLabel
-    />
-  );
-}
diff --git a/www/src/demos/slider/vertical.tsx b/www/src/demos/slider/vertical.tsx
deleted file mode 100644
index 7d56617ae..000000000
--- a/www/src/demos/slider/vertical.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Slider } from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <Slider defaultValue={50} aria-label="Opacity" orientation="vertical" />
-  );
-}
diff --git a/www/src/demos/switch/controlled.tsx b/www/src/demos/switch/controlled.tsx
deleted file mode 100644
index ab6198716..000000000
--- a/www/src/demos/switch/controlled.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import React from "react";
-import { Switch } from "@/components/dynamic-core/switch";
-
-export default function Demo() {
-  const [isSelected, setSelected] = React.useState(true);
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <Switch isSelected={isSelected} onChange={setSelected}>
-        Focus mode
-      </Switch>
-      <p className="text-fg-muted text-xs">
-        You are {!isSelected && "not"} on{" "}
-        <span className="font-bold">focus mode</span>.
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/switch/default.tsx b/www/src/demos/switch/default.tsx
deleted file mode 100644
index 5abef7b23..000000000
--- a/www/src/demos/switch/default.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { Switch } from "@/components/dynamic-core/switch";
-
-export default function Demo() {
-  return <Switch>Focus mode</Switch>;
-}
diff --git a/www/src/demos/switch/disabled.tsx b/www/src/demos/switch/disabled.tsx
deleted file mode 100644
index 22da57a22..000000000
--- a/www/src/demos/switch/disabled.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Switch } from "@/components/dynamic-core/switch";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-10">
-      <Switch isDisabled defaultSelected>
-        Focus Mode
-      </Switch>
-      <Switch isDisabled>Focus Mode</Switch>
-    </div>
-  );
-}
diff --git a/www/src/demos/switch/label.tsx b/www/src/demos/switch/label.tsx
deleted file mode 100644
index cccab53d9..000000000
--- a/www/src/demos/switch/label.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { Switch } from "@/components/dynamic-core/switch";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-10">
-      <Switch>Focus mode</Switch>
-      <Switch aria-label="Focus mode" />
-    </div>
-  );
-}
diff --git a/www/src/demos/switch/sizes.tsx b/www/src/demos/switch/sizes.tsx
deleted file mode 100644
index a4bdbf408..000000000
--- a/www/src/demos/switch/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Switch } from "@/components/dynamic-core/switch";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <Switch size="sm" defaultSelected />
-      <Switch size="md" defaultSelected />
-      <Switch size="lg" defaultSelected />
-    </div>
-  );
-}
diff --git a/www/src/demos/switch/uncontrolled.tsx b/www/src/demos/switch/uncontrolled.tsx
deleted file mode 100644
index 51cb49a88..000000000
--- a/www/src/demos/switch/uncontrolled.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { Switch } from "@/components/dynamic-core/switch";
-
-export default function Demo() {
-  return <Switch defaultSelected>Airplane Mode</Switch>;
-}
diff --git a/www/src/demos/tabs/basic.tsx b/www/src/demos/tabs/basic.tsx
deleted file mode 100644
index af43c702f..000000000
--- a/www/src/demos/tabs/basic.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs>
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings">Settings</Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/demos/tabs/controlled.tsx b/www/src/demos/tabs/controlled.tsx
deleted file mode 100644
index 5b39ec476..000000000
--- a/www/src/demos/tabs/controlled.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-"use client";
-
-import React from "react";
-import type { Key } from "react-aria-components";
-import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
-
-export default function Demo() {
-  const [selectedTab, setSelectedTab] = React.useState<Key>("overview");
-  return (
-    <div className="flex flex-col items-center gap-6">
-      <Tabs selectedKey={selectedTab} onSelectionChange={setSelectedTab}>
-        <TabList>
-          <Tab id="overview">Overview</Tab>
-          <Tab id="usage">Usage</Tab>
-          <Tab id="settings">Settings</Tab>
-        </TabList>
-        <TabPanel id="overview">
-          {" "}
-          You can view all your projects here.{" "}
-        </TabPanel>
-        <TabPanel id="usage"> You can view your usage here. </TabPanel>
-        <TabPanel id="settings"> You can view your settings here. </TabPanel>
-      </Tabs>
-      <p className="text-fg-muted text-sm">
-        Selected tab: <span className="text-fg font-bold">{selectedTab}</span>
-      </p>
-    </div>
-  );
-}
diff --git a/www/src/demos/tabs/disabled-item.tsx b/www/src/demos/tabs/disabled-item.tsx
deleted file mode 100644
index d830e93ad..000000000
--- a/www/src/demos/tabs/disabled-item.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs>
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings" isDisabled>
-          Settings
-        </Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/demos/tabs/disabled.tsx b/www/src/demos/tabs/disabled.tsx
deleted file mode 100644
index cab9d6288..000000000
--- a/www/src/demos/tabs/disabled.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs isDisabled>
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings">Settings</Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/demos/tabs/keyboard-activation.tsx b/www/src/demos/tabs/keyboard-activation.tsx
deleted file mode 100644
index 75af8ce8c..000000000
--- a/www/src/demos/tabs/keyboard-activation.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs keyboardActivation="manual">
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings">Settings</Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/demos/tabs/vertical.tsx b/www/src/demos/tabs/vertical.tsx
deleted file mode 100644
index a9afb247c..000000000
--- a/www/src/demos/tabs/vertical.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs orientation="vertical">
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings">Settings</Tab>
-      </TabList>
-      <TabPanel id="overview">You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/demos/text-area/composition.tsx b/www/src/demos/text-area/composition.tsx
deleted file mode 100644
index f1dc7ab62..000000000
--- a/www/src/demos/text-area/composition.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { Description, Label } from "@/components/dynamic-core/field";
-import { TextAreaInput, InputRoot } from "@/components/dynamic-core/input";
-import { TextFieldRoot } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <TextFieldRoot>
-      <Label>Comment</Label>
-      <InputRoot multiline>
-        <TextAreaInput />
-      </InputRoot>
-      <Description>Enter your comment.</Description>
-    </TextFieldRoot>
-  );
-}
diff --git a/www/src/demos/text-area/contextual-help.tsx b/www/src/demos/text-area/contextual-help.tsx
deleted file mode 100644
index 4265b982e..000000000
--- a/www/src/demos/text-area/contextual-help.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea
-      label="Bio"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble writing your bio, get assisted by our AI."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/text-area/controlled.tsx b/www/src/demos/text-area/controlled.tsx
deleted file mode 100644
index 1f057bfeb..000000000
--- a/www/src/demos/text-area/controlled.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState(
-    "Roses are red, violets are blue."
-  );
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <TextArea
-        label="Essay"
-        value={inputValue}
-        onChange={(text) => {
-          setInputValue(text);
-        }}
-      />
-      <p className="text-fg-muted text-sm">mirrored text: {inputValue}</p>
-    </div>
-  );
-}
diff --git a/www/src/demos/text-area/default.tsx b/www/src/demos/text-area/default.tsx
deleted file mode 100644
index c520a6f49..000000000
--- a/www/src/demos/text-area/default.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return <TextArea label="Description" placeholder="Type your message here" />;
-}
diff --git a/www/src/demos/text-area/description.tsx b/www/src/demos/text-area/description.tsx
deleted file mode 100644
index 664b6f396..000000000
--- a/www/src/demos/text-area/description.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return <TextArea label="Description" description="Type your description" />;
-}
diff --git a/www/src/demos/text-area/disabled.tsx b/www/src/demos/text-area/disabled.tsx
deleted file mode 100644
index 21f009272..000000000
--- a/www/src/demos/text-area/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return <TextArea value="This is a comment" isDisabled />;
-}
diff --git a/www/src/demos/text-area/error-message.tsx b/www/src/demos/text-area/error-message.tsx
deleted file mode 100644
index 7e73d074d..000000000
--- a/www/src/demos/text-area/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea
-      label="Comment"
-      isInvalid
-      errorMessage="You have exceeded the comment limit for one hour."
-    />
-  );
-}
diff --git a/www/src/demos/text-area/form.tsx b/www/src/demos/text-area/form.tsx
deleted file mode 100644
index be493ff8d..000000000
--- a/www/src/demos/text-area/form.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return <TextArea label="Comment" />;
-}
diff --git a/www/src/demos/text-area/label.tsx b/www/src/demos/text-area/label.tsx
deleted file mode 100644
index 5e2c9c62f..000000000
--- a/www/src/demos/text-area/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <TextArea label="Description" placeholder="Visible label" />
-      <TextArea aria-label="Description" placeholder="Hidden label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/text-area/loading.tsx b/www/src/demos/text-area/loading.tsx
deleted file mode 100644
index 2ee9de19f..000000000
--- a/www/src/demos/text-area/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <TextArea isLoading loaderPosition="prefix" />
-      <TextArea isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/text-area/prefix-and-suffix.tsx b/www/src/demos/text-area/prefix-and-suffix.tsx
deleted file mode 100644
index 3cf674201..000000000
--- a/www/src/demos/text-area/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { TextArea } from "@/components/dynamic-core/text-area";
-import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { BoldIcon, ItalicIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState("");
-  return (
-    <TextArea
-      label="Comment"
-      placeholder="type something here"
-      value={inputValue}
-      onChange={setInputValue}
-      prefix={
-        <div className="flex items-center gap-1">
-          <Button
-            variant="quiet"
-            shape="square"
-            size="sm"
-            className="size-7"
-            onPress={() => {
-              setInputValue(`${inputValue}👍`);
-            }}
-          >
-            👍
-          </Button>
-          <Button
-            variant="quiet"
-            shape="square"
-            size="sm"
-            className="size-7"
-            onPress={() => {
-              setInputValue(`${inputValue}❤️`);
-            }}
-          >
-            ❤️
-          </Button>
-        </div>
-      }
-      suffix={
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-0.5">
-            <ToggleButton size="sm" className="size-7">
-              <BoldIcon />
-            </ToggleButton>
-            <ToggleButton size="sm" className="size-7">
-              <ItalicIcon />
-            </ToggleButton>
-          </div>
-          <Button variant="primary" size="sm" className="h-7">
-            Comment
-          </Button>
-        </div>
-      }
-    />
-  );
-}
diff --git a/www/src/demos/text-area/read-only.tsx b/www/src/demos/text-area/read-only.tsx
deleted file mode 100644
index bc9984c24..000000000
--- a/www/src/demos/text-area/read-only.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea label="Email" isReadOnly value="This is a readonly comment" />
-  );
-}
diff --git a/www/src/demos/text-area/required.tsx b/www/src/demos/text-area/required.tsx
deleted file mode 100644
index eea11ccec..000000000
--- a/www/src/demos/text-area/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea
-      isRequired
-      necessityIndicator="icon"
-      label="Description"
-      placeholder="Type your message here"
-    />
-  );
-}
diff --git a/www/src/demos/text-area/uncontrolled.tsx b/www/src/demos/text-area/uncontrolled.tsx
deleted file mode 100644
index 55651c567..000000000
--- a/www/src/demos/text-area/uncontrolled.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea label="Essay" defaultValue="Roses are red, violets are blue." />
-  );
-}
diff --git a/www/src/demos/text-field/composition.tsx b/www/src/demos/text-field/composition.tsx
deleted file mode 100644
index dbabb21a9..000000000
--- a/www/src/demos/text-field/composition.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { Description, Label } from "@/components/dynamic-core/field";
-import { Input, InputRoot } from "@/components/dynamic-core/input";
-import { TextFieldRoot } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <TextFieldRoot>
-      <Label>Email</Label>
-      <InputRoot>
-        <Input />
-      </InputRoot>
-      <Description>Enter your email.</Description>
-    </TextFieldRoot>
-  );
-}
diff --git a/www/src/demos/text-field/contextual-help.tsx b/www/src/demos/text-field/contextual-help.tsx
deleted file mode 100644
index bb733442d..000000000
--- a/www/src/demos/text-field/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <TextField
-      label="Password"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble accessing your account, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/text-field/controlled.tsx b/www/src/demos/text-field/controlled.tsx
deleted file mode 100644
index b2742f911..000000000
--- a/www/src/demos/text-field/controlled.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState("Hello world!");
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <TextField
-        value={inputValue}
-        onChange={(text) => {
-          setInputValue(text);
-        }}
-      />
-      <p className="text-fg-muted text-sm">mirrored text: {inputValue}</p>
-    </div>
-  );
-}
diff --git a/www/src/demos/text-field/default.tsx b/www/src/demos/text-field/default.tsx
deleted file mode 100644
index 9f76c1941..000000000
--- a/www/src/demos/text-field/default.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return <TextField label="Email" placeholder="hello@mehdibha.com" />;
-}
diff --git a/www/src/demos/text-field/description.tsx b/www/src/demos/text-field/description.tsx
deleted file mode 100644
index a1cc1beca..000000000
--- a/www/src/demos/text-field/description.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return <TextField label="Email" description="Enter your email." />;
-}
diff --git a/www/src/demos/text-field/disabled.tsx b/www/src/demos/text-field/disabled.tsx
deleted file mode 100644
index bdf6c9a65..000000000
--- a/www/src/demos/text-field/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return <TextField value="hello@dotui.org" isDisabled />;
-}
diff --git a/www/src/demos/text-field/error-message.tsx b/www/src/demos/text-field/error-message.tsx
deleted file mode 100644
index 877ded893..000000000
--- a/www/src/demos/text-field/error-message.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <TextField
-      defaultValue="support@copyui.dev"
-      label="Email"
-      isInvalid
-      errorMessage="This email is already taken."
-    />
-  );
-}
diff --git a/www/src/demos/text-field/label.tsx b/www/src/demos/text-field/label.tsx
deleted file mode 100644
index 314d5ed9f..000000000
--- a/www/src/demos/text-field/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <TextField label="Email" placeholder="Visible label" />
-      <TextField aria-label="Email" placeholder="Hidden label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/text-field/loading.tsx b/www/src/demos/text-field/loading.tsx
deleted file mode 100644
index 48fc5d47c..000000000
--- a/www/src/demos/text-field/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-2">
-      <TextField isLoading loaderPosition="prefix" />
-      <TextField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/text-field/prefix-and-suffix.tsx b/www/src/demos/text-field/prefix-and-suffix.tsx
deleted file mode 100644
index 5f8c45687..000000000
--- a/www/src/demos/text-field/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { TextField } from "@/components/dynamic-core/text-field";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { XCircleIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [inputValue, setInputValue] = React.useState("Hello world!");
-  const inputRef = React.useRef<HTMLInputElement>(null);
-  return (
-    <div className="space-y-2">
-      <TextField prefix={<span>https://</span>} />
-      <TextField suffix={<span>@dotui.org</span>} />
-      <TextField
-        ref={inputRef}
-        value={inputValue}
-        onChange={setInputValue}
-        suffix={
-          <Tooltip content="Clear input" placement="bottom" className="text-xs">
-            <Button
-              variant="quiet"
-              shape="square"
-              size="sm"
-              className="size-6"
-              onPress={() => {
-                setInputValue("");
-                inputRef.current?.focus();
-              }}
-            >
-              <XCircleIcon />
-            </Button>
-          </Tooltip>
-        }
-      />
-    </div>
-  );
-}
diff --git a/www/src/demos/text-field/read-only.tsx b/www/src/demos/text-field/read-only.tsx
deleted file mode 100644
index 3b4d3bd55..000000000
--- a/www/src/demos/text-field/read-only.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return <TextField label="Email" isReadOnly value="hello@copyui.dev" />;
-}
diff --git a/www/src/demos/text-field/required.tsx b/www/src/demos/text-field/required.tsx
deleted file mode 100644
index befe51762..000000000
--- a/www/src/demos/text-field/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <TextField label="Email" isRequired />
-      <TextField label="Email" isRequired necessityIndicator="icon" />
-      <TextField label="Email" isRequired necessityIndicator="label" />
-      <TextField label="Email" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/text-field/sizes.tsx b/www/src/demos/text-field/sizes.tsx
deleted file mode 100644
index 15d4ffe16..000000000
--- a/www/src/demos/text-field/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <TextField placeholder="small (sm)" size="sm" />
-      <TextField placeholder="medium (md)" size="md" />
-      <TextField placeholder="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/demos/text-field/uncontrolled.tsx b/www/src/demos/text-field/uncontrolled.tsx
deleted file mode 100644
index c3f8d7047..000000000
--- a/www/src/demos/text-field/uncontrolled.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from "react";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return <TextField label="Name" defaultValue="Mehdi" />;
-}
diff --git a/www/src/demos/time-field/composition.tsx b/www/src/demos/time-field/composition.tsx
deleted file mode 100644
index e12ef6ad0..000000000
--- a/www/src/demos/time-field/composition.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
-import { Description, Label } from "@/components/dynamic-core/field";
-import { InputRoot } from "@/components/dynamic-core/input";
-import { TimeFieldRoot } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeFieldRoot>
-      <Label>Meeting time</Label>
-      <InputRoot>
-        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-      </InputRoot>
-      <Description>Please select a time between 9 AM and 5 PM.</Description>
-    </TimeFieldRoot>
-  );
-}
diff --git a/www/src/demos/time-field/contextual-help.tsx b/www/src/demos/time-field/contextual-help.tsx
deleted file mode 100644
index 9d06a084a..000000000
--- a/www/src/demos/time-field/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      label="Appointment"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble accessing your account, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/time-field/controlled.tsx b/www/src/demos/time-field/controlled.tsx
deleted file mode 100644
index 694e48bb5..000000000
--- a/www/src/demos/time-field/controlled.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { Time } from "@internationalized/date";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  const [time, setTime] = React.useState(new Time(11, 45));
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <TimeField value={time} onChange={setTime} />
-      <p className="text-fg-muted text-sm">selected time: {time.toString()}</p>
-    </div>
-  );
-}
diff --git a/www/src/demos/time-field/default.tsx b/www/src/demos/time-field/default.tsx
deleted file mode 100644
index d2b955c5e..000000000
--- a/www/src/demos/time-field/default.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return <TimeField />;
-}
diff --git a/www/src/demos/time-field/description.tsx b/www/src/demos/time-field/description.tsx
deleted file mode 100644
index 0743680a1..000000000
--- a/www/src/demos/time-field/description.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      label="Appointment"
-      description="Please select a time between 9 AM and 5 PM."
-    />
-  );
-}
diff --git a/www/src/demos/time-field/disabled.tsx b/www/src/demos/time-field/disabled.tsx
deleted file mode 100644
index 9668fd7ce..000000000
--- a/www/src/demos/time-field/disabled.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return <TimeField label="Event time" isDisabled />;
-}
diff --git a/www/src/demos/time-field/error-message.tsx b/www/src/demos/time-field/error-message.tsx
deleted file mode 100644
index a025c670e..000000000
--- a/www/src/demos/time-field/error-message.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import React from "react";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      label="Meeting"
-      isInvalid
-      errorMessage="Meetings start every 15 minutes."
-    />
-  );
-}
diff --git a/www/src/demos/time-field/granularity.tsx b/www/src/demos/time-field/granularity.tsx
deleted file mode 100644
index 23033125d..000000000
--- a/www/src/demos/time-field/granularity.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      granularity="second"
-      defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-    />
-  );
-}
diff --git a/www/src/demos/time-field/hide-time-zone.tsx b/www/src/demos/time-field/hide-time-zone.tsx
deleted file mode 100644
index 21bd0240d..000000000
--- a/www/src/demos/time-field/hide-time-zone.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { parseZonedDateTime } from "@internationalized/date";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
-      hideTimeZone
-    />
-  );
-}
diff --git a/www/src/demos/time-field/hour-cycle.tsx b/www/src/demos/time-field/hour-cycle.tsx
deleted file mode 100644
index 0e713b6aa..000000000
--- a/www/src/demos/time-field/hour-cycle.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return <TimeField aria-label="Appointment time" hourCycle={24} />;
-}
diff --git a/www/src/demos/time-field/label.tsx b/www/src/demos/time-field/label.tsx
deleted file mode 100644
index 70334ae78..000000000
--- a/www/src/demos/time-field/label.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <TimeField label="Event time" />
-      <TimeField aria-label="Event time" />
-    </div>
-  );
-}
diff --git a/www/src/demos/time-field/loading.tsx b/www/src/demos/time-field/loading.tsx
deleted file mode 100644
index 9f92b780e..000000000
--- a/www/src/demos/time-field/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-2">
-      <TimeField isLoading loaderPosition="prefix" />
-      <TimeField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/time-field/placeholder.tsx b/www/src/demos/time-field/placeholder.tsx
deleted file mode 100644
index 36121a866..000000000
--- a/www/src/demos/time-field/placeholder.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import { Time } from "@internationalized/date";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return <TimeField placeholderValue={new Time(9)} />;
-}
diff --git a/www/src/demos/time-field/prefix-and-suffix.tsx b/www/src/demos/time-field/prefix-and-suffix.tsx
deleted file mode 100644
index 83493c239..000000000
--- a/www/src/demos/time-field/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { TimeField } from "@/components/dynamic-core/time-field";
-import { TimerIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="space-y-2">
-      <TimeField prefix={<TimerIcon />} />
-      <TimeField suffix={<TimerIcon />} />
-    </div>
-  );
-}
diff --git a/www/src/demos/time-field/read-only.tsx b/www/src/demos/time-field/read-only.tsx
deleted file mode 100644
index 5f793d7f9..000000000
--- a/www/src/demos/time-field/read-only.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-"use client";
-
-import React from "react";
-import { Time } from "@internationalized/date";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return <TimeField label="Event time" value={new Time(11)} isReadOnly />;
-}
diff --git a/www/src/demos/time-field/required.tsx b/www/src/demos/time-field/required.tsx
deleted file mode 100644
index 100901174..000000000
--- a/www/src/demos/time-field/required.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import React from "react";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <TimeField label="Event time" isRequired />
-      <TimeField label="Event time" isRequired necessityIndicator="icon" />
-      <TimeField label="Event time" isRequired necessityIndicator="label" />
-      <TimeField label="Event time" necessityIndicator="label" />
-    </div>
-  );
-}
diff --git a/www/src/demos/time-field/sizes.tsx b/www/src/demos/time-field/sizes.tsx
deleted file mode 100644
index 59b1d8c41..000000000
--- a/www/src/demos/time-field/sizes.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <TimeField label="small (sm)" size="sm" />
-      <TimeField label="medium (md)" size="md" />
-      <TimeField label="large (lg)" size="lg" />
-    </div>
-  );
-}
diff --git a/www/src/demos/time-field/time-zones.tsx b/www/src/demos/time-field/time-zones.tsx
deleted file mode 100644
index f112b013a..000000000
--- a/www/src/demos/time-field/time-zones.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import { parseAbsoluteToLocal } from "@internationalized/date";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
-  );
-}
diff --git a/www/src/demos/time-field/uncontrolled.tsx b/www/src/demos/time-field/uncontrolled.tsx
deleted file mode 100644
index e4df5c189..000000000
--- a/www/src/demos/time-field/uncontrolled.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import { Time } from "@internationalized/date";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return <TimeField defaultValue={new Time(11, 45)} />;
-}
diff --git a/www/src/demos/toggle-button/controlled.tsx b/www/src/demos/toggle-button/controlled.tsx
deleted file mode 100644
index d398167c8..000000000
--- a/www/src/demos/toggle-button/controlled.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import React from "react";
-import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [isSelected, setSelected] = React.useState(true);
-  return (
-    <div className="flex flex-col items-center gap-2">
-      <ToggleButton
-        isSelected={isSelected}
-        onChange={setSelected}
-        aria-label="Toggle pin"
-      >
-        <PinIcon className="rotate-45" />
-      </ToggleButton>
-      <span className="text-fg-muted text-sm">
-        state: {isSelected ? "On" : "Off"}
-      </span>
-    </div>
-  );
-}
diff --git a/www/src/demos/toggle-button/default.tsx b/www/src/demos/toggle-button/default.tsx
deleted file mode 100644
index 5d7f8f7c0..000000000
--- a/www/src/demos/toggle-button/default.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <ToggleButton aria-label="Toggle pin">
-      <PinIcon className="rotate-45" />
-    </ToggleButton>
-  );
-}
diff --git a/www/src/demos/toggle-button/disabled.tsx b/www/src/demos/toggle-button/disabled.tsx
deleted file mode 100644
index 2dc1ed69f..000000000
--- a/www/src/demos/toggle-button/disabled.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <ToggleButton isDisabled aria-label="Toggle pin">
-      <PinIcon className="rotate-45" />
-    </ToggleButton>
-  );
-}
diff --git a/www/src/demos/toggle-button/shapes.tsx b/www/src/demos/toggle-button/shapes.tsx
deleted file mode 100644
index f875a6d5d..000000000
--- a/www/src/demos/toggle-button/shapes.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <ToggleButton variant="outline" shape="square" aria-label="Toggle pin">
-        <PinIcon className="rotate-45" />
-      </ToggleButton>
-      <ToggleButton variant="outline" shape="circle" aria-label="Toggle pin">
-        <PinIcon className="rotate-45" />
-      </ToggleButton>
-      <ToggleButton
-        variant="accent"
-        shape="rectangle"
-        prefix={<PinIcon className="rotate-45" />}
-        defaultSelected
-        aria-label="Toggle pin"
-      >
-        Pin
-      </ToggleButton>
-    </div>
-  );
-}
diff --git a/www/src/demos/toggle-button/sizes.tsx b/www/src/demos/toggle-button/sizes.tsx
deleted file mode 100644
index 368b97152..000000000
--- a/www/src/demos/toggle-button/sizes.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-const sizes = ["sm", "md", "lg"] as const;
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      {sizes.map((size) => (
-        <ToggleButton
-          key={size}
-          size={size}
-          variant="outline"
-          aria-label="Toggle pin"
-        >
-          <PinIcon className="rotate-45" />
-        </ToggleButton>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/demos/toggle-button/uncontrolled.tsx b/www/src/demos/toggle-button/uncontrolled.tsx
deleted file mode 100644
index 42be8bb47..000000000
--- a/www/src/demos/toggle-button/uncontrolled.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <ToggleButton aria-label="Toggle pin" defaultSelected>
-      <PinIcon className="rotate-45" />
-    </ToggleButton>
-  );
-}
diff --git a/www/src/demos/toggle-button/variants.tsx b/www/src/demos/toggle-button/variants.tsx
deleted file mode 100644
index be65a9244..000000000
--- a/www/src/demos/toggle-button/variants.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
-
-const variants = ["quiet", "outline", "accent"] as const;
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      {variants.map((variant) => (
-        <ToggleButton
-          key={variant}
-          variant={variant}
-          defaultSelected={variant === "accent"}
-          aria-label="Toggle pin"
-        >
-          <PinIcon className="rotate-45" />
-        </ToggleButton>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/demos/tooltip/arrow.tsx b/www/src/demos/tooltip/arrow.tsx
deleted file mode 100644
index b38d2b49f..000000000
--- a/www/src/demos/tooltip/arrow.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Tooltip content="Add to library" arrow>
-      <Button shape="square">
-        <PlusIcon />
-      </Button>
-    </Tooltip>
-  );
-}
diff --git a/www/src/demos/tooltip/composition.tsx b/www/src/demos/tooltip/composition.tsx
deleted file mode 100644
index 5eccbc641..000000000
--- a/www/src/demos/tooltip/composition.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { TooltipRoot, TooltipContent } from "@/components/dynamic-core/tooltip";
-
-export default function Demo() {
-  return (
-    <TooltipRoot>
-      <Button>Hover</Button>
-      <TooltipContent>
-        <p>Add to library</p>
-      </TooltipContent>
-    </TooltipRoot>
-  );
-}
diff --git a/www/src/demos/tooltip/container-padding.tsx b/www/src/demos/tooltip/container-padding.tsx
deleted file mode 100644
index c7e0575e1..000000000
--- a/www/src/demos/tooltip/container-padding.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { NumberField } from "@/components/dynamic-core/number-field";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [containerPadding, setContainerPadding] = React.useState(12);
-  return (
-    <div className="flex flex-col items-center gap-10">
-      <Tooltip containerPadding={containerPadding} content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <NumberField
-        label="Container padding"
-        value={containerPadding}
-        onChange={(value) => setContainerPadding(value)}
-        className="max-w-[150px]"
-      />
-    </div>
-  );
-}
diff --git a/www/src/demos/tooltip/default.tsx b/www/src/demos/tooltip/default.tsx
deleted file mode 100644
index bdff890a4..000000000
--- a/www/src/demos/tooltip/default.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <Tooltip content="Add to library">
-      <Button shape="square">
-        <PlusIcon />
-      </Button>
-    </Tooltip>
-  );
-}
diff --git a/www/src/demos/tooltip/delay.tsx b/www/src/demos/tooltip/delay.tsx
deleted file mode 100644
index 9246804f2..000000000
--- a/www/src/demos/tooltip/delay.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { NumberField } from "@/components/dynamic-core/number-field";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [delay, setDelay] = React.useState(700);
-  const [closeDelay, setCloseDelay] = React.useState(0);
-  return (
-    <div className="flex flex-col items-center gap-10">
-      <Tooltip delay={delay} closeDelay={closeDelay} content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <div className="max-w-[150px] space-y-4">
-        <NumberField
-          label="Delay"
-          value={delay}
-          onChange={(value) => setDelay(value)}
-        />
-        <NumberField
-          label="Close Delay"
-          value={closeDelay}
-          onChange={(value) => setCloseDelay(value)}
-        />
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/demos/tooltip/flip.tsx b/www/src/demos/tooltip/flip.tsx
deleted file mode 100644
index c8632c000..000000000
--- a/www/src/demos/tooltip/flip.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Switch } from "@/components/dynamic-core/switch";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [shouldFlip, setShouldFlip] = React.useState(false);
-  return (
-    <div className="flex flex-col items-center gap-10">
-      <Tooltip shouldFlip={shouldFlip} content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <Switch
-        isSelected={shouldFlip}
-        onChange={(isSelected) => setShouldFlip(isSelected)}
-      >
-        Should flip
-      </Switch>
-    </div>
-  );
-}
diff --git a/www/src/demos/tooltip/offset.tsx b/www/src/demos/tooltip/offset.tsx
deleted file mode 100644
index 541d4a722..000000000
--- a/www/src/demos/tooltip/offset.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { NumberField } from "@/components/dynamic-core/number-field";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  const [offset, setOffset] = React.useState(10);
-  return (
-    <div className="flex flex-col items-center gap-10">
-      <Tooltip offset={offset} content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <NumberField
-        label="Offset"
-        value={offset}
-        onChange={(value) => setOffset(value)}
-        className="max-w-[150px]"
-      />
-    </div>
-  );
-}
diff --git a/www/src/demos/tooltip/placement.tsx b/www/src/demos/tooltip/placement.tsx
deleted file mode 100644
index 529ed4cdc..000000000
--- a/www/src/demos/tooltip/placement.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <Tooltip placement="top" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <Tooltip placement="bottom" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <Tooltip placement="left" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-      <Tooltip placement="right" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
-      </Tooltip>
-    </div>
-  );
-}
diff --git a/www/src/demos/tooltip/with-arrow.tsx b/www/src/demos/tooltip/with-arrow.tsx
deleted file mode 100644
index 54a6e6c6d..000000000
--- a/www/src/demos/tooltip/with-arrow.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Button } from "@/components/dynamic-core/button";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
-
-export default function TooltipDemo() {
-  return (
-    <Tooltip content="Add to library" arrow>
-      <Button shape="square">
-        <PlusIcon />
-      </Button>
-    </Tooltip>
-  );
-}

From b88705d453cca509f7b42d2bdeda33c80cf3f5d3 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 22:10:06 +0100
Subject: [PATCH 018/165] fix: add missing demos

---
 .../registry/demos/aspect-ratio/as-child.tsx  | 15 ++++++++
 .../registry/demos/aspect-ratio/default.tsx   | 15 ++++++++
 www/src/registry/demos/badge/default.tsx      |  5 +++
 www/src/registry/demos/badge/icon.tsx         | 18 +++++++++
 www/src/registry/demos/badge/sizes.tsx        | 17 +++++++++
 www/src/registry/demos/badge/variants.tsx     | 37 +++++++++++++++++++
 6 files changed, 107 insertions(+)
 create mode 100644 www/src/registry/demos/aspect-ratio/as-child.tsx
 create mode 100644 www/src/registry/demos/aspect-ratio/default.tsx
 create mode 100644 www/src/registry/demos/badge/default.tsx
 create mode 100644 www/src/registry/demos/badge/icon.tsx
 create mode 100644 www/src/registry/demos/badge/sizes.tsx
 create mode 100644 www/src/registry/demos/badge/variants.tsx

diff --git a/www/src/registry/demos/aspect-ratio/as-child.tsx b/www/src/registry/demos/aspect-ratio/as-child.tsx
new file mode 100644
index 000000000..7ca70e23f
--- /dev/null
+++ b/www/src/registry/demos/aspect-ratio/as-child.tsx
@@ -0,0 +1,15 @@
+import Image from "next/image";
+import { AspectRatio } from "@/registry/core/aspect-ratio";
+
+export default function AspectRatioDemo() {
+  return (
+    <AspectRatio ratio={16 / 9} asChild>
+      <Image
+        src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
+        alt="Photo by Drew Beamer"
+        fill
+        className="rounded-md object-cover"
+      />
+    </AspectRatio>
+  );
+}
diff --git a/www/src/registry/demos/aspect-ratio/default.tsx b/www/src/registry/demos/aspect-ratio/default.tsx
new file mode 100644
index 000000000..edd7bdcd8
--- /dev/null
+++ b/www/src/registry/demos/aspect-ratio/default.tsx
@@ -0,0 +1,15 @@
+import Image from "next/image";
+import { AspectRatio } from "@/registry/core/aspect-ratio";
+
+export default function Demo() {
+  return (
+    <AspectRatio ratio={16 / 9}>
+      <Image
+        src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
+        alt="Photo by Drew Beamer"
+        fill
+        className="rounded-md object-cover"
+      />
+    </AspectRatio>
+  );
+}
diff --git a/www/src/registry/demos/badge/default.tsx b/www/src/registry/demos/badge/default.tsx
new file mode 100644
index 000000000..c3a698703
--- /dev/null
+++ b/www/src/registry/demos/badge/default.tsx
@@ -0,0 +1,5 @@
+import { Badge } from "@/registry/core/badge";
+
+export default function Demo() {
+  return <Badge>Badge</Badge>;
+}
diff --git a/www/src/registry/demos/badge/icon.tsx b/www/src/registry/demos/badge/icon.tsx
new file mode 100644
index 000000000..65abf3f95
--- /dev/null
+++ b/www/src/registry/demos/badge/icon.tsx
@@ -0,0 +1,18 @@
+import { Badge } from "@/registry/core/badge";
+import { ShieldIcon } from "@/__icons__";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-2">
+      <Badge icon={<ShieldIcon />} size="sm">
+        Badge
+      </Badge>
+      <Badge icon={<ShieldIcon />} size="md">
+        Badge
+      </Badge>
+      <Badge icon={<ShieldIcon />} size="lg">
+        Badge
+      </Badge>
+    </div>
+  );
+}
diff --git a/www/src/registry/demos/badge/sizes.tsx b/www/src/registry/demos/badge/sizes.tsx
new file mode 100644
index 000000000..757250d24
--- /dev/null
+++ b/www/src/registry/demos/badge/sizes.tsx
@@ -0,0 +1,17 @@
+import { Badge } from "@/registry/core/badge";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-2">
+      <Badge variant="primary" size="sm">
+        Small
+      </Badge>
+      <Badge variant="primary" size="md">
+        Medium
+      </Badge>
+      <Badge variant="primary" size="lg">
+        Large
+      </Badge>
+    </div>
+  );
+}
diff --git a/www/src/registry/demos/badge/variants.tsx b/www/src/registry/demos/badge/variants.tsx
new file mode 100644
index 000000000..af6d6725f
--- /dev/null
+++ b/www/src/registry/demos/badge/variants.tsx
@@ -0,0 +1,37 @@
+import { Badge } from "@/registry/core/badge";
+
+export default function Demo() {
+  return (
+    <div className="flex flex-col items-start gap-2">
+      <Flex>
+        <Badge variant="neutral">Neutral</Badge>
+        <Badge variant="outline">Outline</Badge>
+        <Badge variant="primary">Primary</Badge>
+      </Flex>
+      <Flex>
+        <Badge variant="success">Success</Badge>
+        <Badge variant="success-subtle">Success Subtle</Badge>
+        <Badge variant="success-outline">Success Outline</Badge>
+      </Flex>
+      <Flex>
+        <Badge variant="danger">Danger</Badge>
+        <Badge variant="danger-subtle">Danger Subtle</Badge>
+        <Badge variant="danger-outline">Danger Outline</Badge>
+      </Flex>
+      <Flex>
+        <Badge variant="warning">Warning</Badge>
+        <Badge variant="warning-subtle">Warning Subtle</Badge>
+        <Badge variant="warning-outline">Warning Outline</Badge>
+      </Flex>
+      <Flex>
+        <Badge variant="accent">Accent</Badge>
+        <Badge variant="accent-subtle">Accent Subtle</Badge>
+        <Badge variant="accent-outline">Accent Outline</Badge>
+      </Flex>
+    </div>
+  );
+}
+
+const Flex = (props: React.HTMLAttributes<HTMLDivElement>) => (
+  <div {...props} className="flex items-center gap-2" />
+);

From ceeb460b19eeb287bf07d4411dfbc1ef88392f56 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 22:10:27 +0100
Subject: [PATCH 019/165] fix: format

---
 www/src/components/component-preview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index bdc644a9b..8e2e5b215 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -30,7 +30,7 @@ export const ComponentPreview = async ({
   const componentName = name.split("/")[1];
 
   const demoItem = Index[type][componentName];
-  
+
   const demos: {
     component: React.ComponentType;
     code: Array<{

From ac6125b587e841b298df89b3a11899826c966b9f Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 3 Dec 2024 23:31:56 +0100
Subject: [PATCH 020/165] fix: missing demos

---
 www/src/__demos__/index.tsx     | 34 +++++++++++++++++++++++++++++++++
 www/src/lib/get-files-source.ts | 11 -----------
 www/src/registry/index/demos.ts |  4 ++--
 www/src/styles/globals.css      |  2 +-
 www/tsconfig.json               |  6 +++---
 5 files changed, 40 insertions(+), 17 deletions(-)

diff --git a/www/src/__demos__/index.tsx b/www/src/__demos__/index.tsx
index fb459376b..cdc23f562 100644
--- a/www/src/__demos__/index.tsx
+++ b/www/src/__demos__/index.tsx
@@ -39,6 +39,20 @@ export const Index: Record<string, any> = {
       files: ["registry/demos/alert/variants.tsx"],
       component: React.lazy(() => import("@/registry/demos/alert/variants")),
     },
+    "aspect-ratio-as-child": {
+      name: "aspect-ratio-as-child",
+      files: ["registry/demos/aspect-ratio/as-child.tsx"],
+      component: React.lazy(
+        () => import("@/registry/demos/aspect-ratio/as-child")
+      ),
+    },
+    "aspect-ratio-default": {
+      name: "aspect-ratio-default",
+      files: ["registry/demos/aspect-ratio/default.tsx"],
+      component: React.lazy(
+        () => import("@/registry/demos/aspect-ratio/default")
+      ),
+    },
     "avatar-composition": {
       name: "avatar-composition",
       files: ["registry/demos/avatar/composition.tsx"],
@@ -61,6 +75,26 @@ export const Index: Record<string, any> = {
       files: ["registry/demos/avatar/sizes.tsx"],
       component: React.lazy(() => import("@/registry/demos/avatar/sizes")),
     },
+    "badge-default": {
+      name: "badge-default",
+      files: ["registry/demos/badge/default.tsx"],
+      component: React.lazy(() => import("@/registry/demos/badge/default")),
+    },
+    "badge-icon": {
+      name: "badge-icon",
+      files: ["registry/demos/badge/icon.tsx"],
+      component: React.lazy(() => import("@/registry/demos/badge/icon")),
+    },
+    "badge-sizes": {
+      name: "badge-sizes",
+      files: ["registry/demos/badge/sizes.tsx"],
+      component: React.lazy(() => import("@/registry/demos/badge/sizes")),
+    },
+    "badge-variants": {
+      name: "badge-variants",
+      files: ["registry/demos/badge/variants.tsx"],
+      component: React.lazy(() => import("@/registry/demos/badge/variants")),
+    },
     "breadcrumbs-basic": {
       name: "breadcrumbs-basic",
       files: ["registry/demos/breadcrumbs/basic.tsx"],
diff --git a/www/src/lib/get-files-source.ts b/www/src/lib/get-files-source.ts
index dfdb9b994..07a7d066c 100644
--- a/www/src/lib/get-files-source.ts
+++ b/www/src/lib/get-files-source.ts
@@ -35,16 +35,5 @@ export const getFilesSource = async (relativePath: string) => {
 };
 
 const getFilePath = (relativePath: string) => {
-  if (relativePath.startsWith("core")) {
-    return path.join(
-      process.cwd(),
-      "src",
-      "registry",
-      "ui",
-      "default",
-      relativePath,
-      relativePath.split("/").pop() || ""
-    );
-  }
   return path.join(process.cwd(), "src", "registry", relativePath);
 };
diff --git a/www/src/registry/index/demos.ts b/www/src/registry/index/demos.ts
index edcba4f70..e07451aed 100644
--- a/www/src/registry/index/demos.ts
+++ b/www/src/registry/index/demos.ts
@@ -24,9 +24,9 @@ export const demos: RegistryDemos = [
     "title",
     "variants",
   ]),
-  ...buildDemos("aspect-ratio", []),
+  ...buildDemos("aspect-ratio", ["as-child", "default"]),
   ...buildDemos("avatar", ["composition", "default", "shape", "sizes"]),
-  ...buildDemos("badge", []),
+  ...buildDemos("badge", ["default", "icon", "sizes", "variants"]),
   ...buildDemos("breadcrumbs", [
     "basic",
     "composition",
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index b72056851..56d289954 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,6 +1,6 @@
 @import "tailwindcss";
 @plugin "tailwindcss-animate";
-@plugin "tailwindcss-rac";
+/* @plugin "tailwindcss-rac"; */
 
 
 @variant dark (&:where(.dark, .dark *));
diff --git a/www/tsconfig.json b/www/tsconfig.json
index 70f67d3c3..0fd9e7409 100644
--- a/www/tsconfig.json
+++ b/www/tsconfig.json
@@ -9,14 +9,14 @@
     "paths": {
       "@/*": ["./src/*"],
       "~/*": ["./*"]
-    },
+    }
   },
   "include": [
     "next-env.d.ts",
     "**/*.ts",
     "**/*.d.ts",
     "**/*.tsx",
-    ".next/types/**/*.ts", "src/lib/tw-plugins/tw-rac.js",
+    ".next/types/**/*.ts",
   ],
   "exclude": ["node_modules"]
-}
\ No newline at end of file
+}

From a7ff28cdbc76596b24e79ce95da24d15a130e17d Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 5 Dec 2024 14:15:34 +0100
Subject: [PATCH 021/165] chore: clean up

---
 .../docs/components/layout/aspect-ratio.mdx   |  73 ---
 .../registry/styles/default/aspect-ratio.json |  15 -
 www/src/__demos__/registry.ts                 | 483 ------------------
 www/src/__registry__/core/button-01.tsx       | 129 +++++
 www/src/__registry__/core/button-02.tsx       | 129 +++++
 www/src/__registry__/core/calendar-01.tsx     | 223 ++++++++
 www/src/__registry__/core/calendar-02.tsx     | 223 ++++++++
 www/src/components/component-source.tsx       |  53 +-
 www/src/components/core/alert.tsx             |   2 +-
 www/src/components/core/aspect-ratio.tsx      |   2 +-
 www/src/components/core/avatar.tsx            |   2 +-
 www/src/components/core/badge.tsx             |   2 +-
 www/src/components/core/breadcrumbs.tsx       |   2 +-
 www/src/components/core/button.tsx            |   2 +-
 www/src/components/core/calendar.tsx          |   2 +-
 www/src/components/core/checkbox-group.tsx    |   2 +-
 www/src/components/core/checkbox.tsx          |   2 +-
 www/src/components/core/collapsible.tsx       |   2 +-
 www/src/components/core/color-area.tsx        |   2 +-
 www/src/components/core/color-field.tsx       |   2 +-
 www/src/components/core/color-picker.tsx      |   2 +-
 www/src/components/core/color-slider.tsx      |   2 +-
 www/src/components/core/color-swatch.tsx      |   2 +-
 www/src/components/core/color-thumb.tsx       |   2 +-
 www/src/components/core/combobox.tsx          |   2 +-
 www/src/components/core/command.tsx           |   2 +-
 www/src/components/core/contextual-help.tsx   |   2 +-
 www/src/components/core/date-field.tsx        |   2 +-
 www/src/components/core/date-input.tsx        |   2 +-
 www/src/components/core/date-picker.tsx       |   2 +-
 www/src/components/core/date-range-picker.tsx |   2 +-
 www/src/components/core/dialog.tsx            |   2 +-
 www/src/components/core/drop-zone.tsx         |   2 +-
 www/src/components/core/field.tsx             |   2 +-
 www/src/components/core/file-trigger.tsx      |   2 +-
 www/src/components/core/form.tsx              |   2 +-
 www/src/components/core/group.tsx             |   2 +-
 www/src/components/core/heading.tsx           |   2 +-
 www/src/components/core/input.tsx             |   2 +-
 www/src/components/core/kbd.tsx               |   2 +-
 www/src/components/core/link.tsx              |   2 +-
 www/src/components/core/list-box.tsx          |   2 +-
 www/src/components/core/menu.tsx              |   2 +-
 www/src/components/core/number-field.tsx      |   2 +-
 www/src/components/core/overlay.tsx           |   2 +-
 www/src/components/core/progress.tsx          |   2 +-
 www/src/components/core/radio-group.tsx       |   2 +-
 www/src/components/core/range-calendar.tsx    |   2 +-
 www/src/components/core/resizable.tsx         |   1 -
 www/src/components/core/scroll-area.tsx       |   2 +-
 www/src/components/core/search-field.tsx      |   2 +-
 www/src/components/core/section.tsx           |   2 +-
 www/src/components/core/select.tsx            |   2 +-
 www/src/components/core/separator.tsx         |   2 +-
 www/src/components/core/skeleton.tsx          |   2 +-
 www/src/components/core/slider.tsx            |   2 +-
 www/src/components/core/switch.tsx            |   2 +-
 www/src/components/core/table.tsx             |   2 +-
 www/src/components/core/tabs.tsx              |   2 +-
 www/src/components/core/tag-group.tsx         |   2 +-
 www/src/components/core/text-area.tsx         |   2 +-
 www/src/components/core/text-field.tsx        |   2 +-
 www/src/components/core/text.tsx              |   2 +-
 www/src/components/core/time-field.tsx        |   2 +-
 www/src/components/core/toggle-button.tsx     |   2 +-
 www/src/components/core/toggle-group.tsx      |   2 +-
 www/src/components/core/tooltip.tsx           |   2 +-
 www/src/components/dynamic-core/alert.tsx     |   2 +-
 .../components/dynamic-core/aspect-ratio.tsx  |   2 +-
 www/src/components/dynamic-core/avatar.tsx    |   2 +-
 www/src/components/dynamic-core/badge.tsx     |   2 +-
 .../components/dynamic-core/breadcrumbs.tsx   |   2 +-
 www/src/components/dynamic-core/button.tsx    |   2 +-
 www/src/components/dynamic-core/calendar.tsx  |   2 +-
 .../dynamic-core/checkbox-group.tsx           |   2 +-
 www/src/components/dynamic-core/checkbox.tsx  |   2 +-
 .../components/dynamic-core/collapsible.tsx   |   2 +-
 .../components/dynamic-core/color-area.tsx    |   2 +-
 .../components/dynamic-core/color-field.tsx   |   2 +-
 .../components/dynamic-core/color-picker.tsx  |   2 +-
 .../components/dynamic-core/color-slider.tsx  |   2 +-
 .../components/dynamic-core/color-swatch.tsx  |   2 +-
 .../components/dynamic-core/color-thumb.tsx   |   2 +-
 www/src/components/dynamic-core/combobox.tsx  |   2 +-
 www/src/components/dynamic-core/command.tsx   |   2 +-
 .../dynamic-core/contextual-help.tsx          |   2 +-
 .../components/dynamic-core/date-field.tsx    |   2 +-
 .../components/dynamic-core/date-input.tsx    |   2 +-
 .../components/dynamic-core/date-picker.tsx   |   2 +-
 .../dynamic-core/date-range-picker.tsx        |   2 +-
 www/src/components/dynamic-core/dialog.tsx    |   2 +-
 www/src/components/dynamic-core/drop-zone.tsx |   2 +-
 www/src/components/dynamic-core/field.tsx     |   2 +-
 .../components/dynamic-core/file-trigger.tsx  |   2 +-
 www/src/components/dynamic-core/form.tsx      |   2 +-
 www/src/components/dynamic-core/group.tsx     |   2 +-
 www/src/components/dynamic-core/heading.tsx   |   2 +-
 www/src/components/dynamic-core/input.tsx     |   2 +-
 www/src/components/dynamic-core/kbd.tsx       |   2 +-
 www/src/components/dynamic-core/link.tsx      |   2 +-
 www/src/components/dynamic-core/list-box.tsx  |   2 +-
 www/src/components/dynamic-core/menu.tsx      |   2 +-
 .../components/dynamic-core/number-field.tsx  |   2 +-
 www/src/components/dynamic-core/overlay.tsx   |   2 +-
 www/src/components/dynamic-core/progress.tsx  |   2 +-
 .../components/dynamic-core/radio-group.tsx   |   2 +-
 .../dynamic-core/range-calendar.tsx           |   2 +-
 www/src/components/dynamic-core/resizable.tsx |   1 -
 .../components/dynamic-core/scroll-area.tsx   |   2 +-
 .../components/dynamic-core/search-field.tsx  |   2 +-
 www/src/components/dynamic-core/section.tsx   |   2 +-
 www/src/components/dynamic-core/select.tsx    |   2 +-
 www/src/components/dynamic-core/separator.tsx |   2 +-
 www/src/components/dynamic-core/skeleton.tsx  |   2 +-
 www/src/components/dynamic-core/slider.tsx    |   2 +-
 www/src/components/dynamic-core/switch.tsx    |   2 +-
 www/src/components/dynamic-core/table.tsx     |   2 +-
 www/src/components/dynamic-core/tabs.tsx      |   2 +-
 www/src/components/dynamic-core/tag-group.tsx |   2 +-
 www/src/components/dynamic-core/text-area.tsx |   2 +-
 .../components/dynamic-core/text-field.tsx    |   2 +-
 www/src/components/dynamic-core/text.tsx      |   2 +-
 .../components/dynamic-core/time-field.tsx    |   2 +-
 .../components/dynamic-core/toggle-button.tsx |   2 +-
 .../components/dynamic-core/toggle-group.tsx  |   2 +-
 www/src/components/dynamic-core/tooltip.tsx   |   2 +-
 www/src/registry/{index => }/core.ts          |  41 +-
 .../registry/core/{alert.tsx => alert-01.tsx} |   0
 www/src/registry/core/aspect-ratio.tsx        |   7 -
 .../core/{avatar.tsx => avatar-01.tsx}        |   0
 .../registry/core/{badge.tsx => badge-01.tsx} |   0
 .../{breadcrumbs.tsx => breadcrumbs-01.tsx}   |   0
 .../core/{button.tsx => button-01.tsx}        |   0
 www/src/registry/core/button-02.tsx           | 129 +++++
 .../core/{calendar.tsx => calendar-01.tsx}    |   6 +-
 www/src/registry/core/calendar-02.tsx         | 223 ++++++++
 .../core/{checkbox.tsx => checkbox-01.tsx}    |   0
 ...eckbox-group.tsx => checkbox-group-01.tsx} |   4 +-
 .../{collapsible.tsx => collapsible-01.tsx}   |   0
 .../{color-area.tsx => color-area-01.tsx}     |   2 +-
 .../{color-field.tsx => color-field-01.tsx}   |   4 +-
 .../{color-picker.tsx => color-picker-01.tsx} |  16 +-
 .../{color-slider.tsx => color-slider-01.tsx} |   4 +-
 .../{color-swatch.tsx => color-swatch-01.tsx} |   0
 .../{color-thumb.tsx => color-thumb-01.tsx}   |   0
 .../core/{combobox.tsx => combobox-01.tsx}    |  10 +-
 .../core/{command.tsx => command-01.tsx}      |   0
 ...extual-help.tsx => contextual-help-01.tsx} |   4 +-
 .../{date-field.tsx => date-field-01.tsx}     |   6 +-
 .../{date-input.tsx => date-input-01.tsx}     |   0
 .../{date-picker.tsx => date-picker-01.tsx}   |  12 +-
 ...ge-picker.tsx => date-range-picker-01.tsx} |  12 +-
 .../core/{dialog.tsx => dialog-01.tsx}        |   6 +-
 .../core/{drop-zone.tsx => drop-zone-01.tsx}  |   0
 .../registry/core/{field.tsx => field-01.tsx} |   0
 .../{file-trigger.tsx => file-trigger-01.tsx} |   0
 .../registry/core/{form.tsx => form-01.tsx}   |   0
 .../registry/core/{group.tsx => group-01.tsx} |   0
 .../core/{heading.tsx => heading-01.tsx}      |   0
 .../registry/core/{input.tsx => input-01.tsx} |   0
 www/src/registry/core/{kbd.tsx => kbd-01.tsx} |   0
 .../registry/core/{link.tsx => link-01.tsx}   |   0
 .../core/{list-box.tsx => list-box-01.tsx}    |   2 +-
 .../registry/core/{menu.tsx => menu-01.tsx}   |   6 +-
 .../{number-field.tsx => number-field-01.tsx} |   6 +-
 .../core/{overlay.tsx => overlay-01.tsx}      |   2 +-
 .../core/{progress.tsx => progress-01.tsx}    |   2 +-
 .../{radio-group.tsx => radio-group-01.tsx}   |   2 +-
 ...nge-calendar.tsx => range-calendar-01.tsx} |   8 +-
 www/src/registry/core/resizable.tsx           |  65 ---
 .../{scroll-area.tsx => scroll-area-01.tsx}   |   0
 .../{search-field.tsx => search-field-01.tsx} |   6 +-
 .../core/{section.tsx => section-01.tsx}      |   0
 .../core/{select.tsx => select-01.tsx}        |   8 +-
 .../core/{separator.tsx => separator-01.tsx}  |   0
 .../core/{skeleton.tsx => skeleton-01.tsx}    |   0
 .../core/{slider.tsx => slider-01.tsx}        |   2 +-
 .../core/{switch.tsx => switch-01.tsx}        |   0
 .../registry/core/{table.tsx => table-01.tsx} |   0
 .../registry/core/{tabs.tsx => tabs-01.tsx}   |   0
 .../core/{tag-group.tsx => tag-group-01.tsx}  |   4 +-
 .../registry/core/{text.tsx => text-01.tsx}   |   0
 .../core/{text-area.tsx => text-area-01.tsx}  |   6 +-
 .../{text-field.tsx => text-field-01.tsx}     |   4 +-
 .../{time-field.tsx => time-field-01.tsx}     |   6 +-
 ...toggle-button.tsx => toggle-button-01.tsx} |   0
 .../{toggle-group.tsx => toggle-group-01.tsx} |   2 +-
 .../core/{tooltip.tsx => tooltip-01.tsx}      |   0
 www/src/registry/{index => }/demos.ts         |   1 -
 .../registry/demos/aspect-ratio/as-child.tsx  |  15 -
 .../registry/demos/aspect-ratio/default.tsx   |  15 -
 www/src/registry/demos/badge/default.tsx      |   2 +-
 www/src/registry/demos/badge/icon.tsx         |   2 +-
 www/src/registry/demos/badge/sizes.tsx        |   2 +-
 www/src/registry/demos/badge/variants.tsx     |   2 +-
 www/src/registry/{index => }/hooks.ts         |   0
 www/src/registry/{index => }/icons.ts         |   0
 www/src/registry/{index => }/index.ts         |   0
 www/src/registry/{index => }/lib.ts           |   0
 www/src/registry/{index => }/themes.ts        |   0
 www/src/registry/types.ts                     |  25 +
 www/src/styles/globals.css                    |   2 +-
 202 files changed, 1336 insertions(+), 909 deletions(-)
 delete mode 100644 www/content/docs/components/layout/aspect-ratio.mdx
 delete mode 100644 www/public/registry/styles/default/aspect-ratio.json
 delete mode 100644 www/src/__demos__/registry.ts
 create mode 100644 www/src/__registry__/core/button-01.tsx
 create mode 100644 www/src/__registry__/core/button-02.tsx
 create mode 100644 www/src/__registry__/core/calendar-01.tsx
 create mode 100644 www/src/__registry__/core/calendar-02.tsx
 delete mode 100644 www/src/components/core/resizable.tsx
 delete mode 100644 www/src/components/dynamic-core/resizable.tsx
 rename www/src/registry/{index => }/core.ts (96%)
 rename www/src/registry/core/{alert.tsx => alert-01.tsx} (100%)
 delete mode 100644 www/src/registry/core/aspect-ratio.tsx
 rename www/src/registry/core/{avatar.tsx => avatar-01.tsx} (100%)
 rename www/src/registry/core/{badge.tsx => badge-01.tsx} (100%)
 rename www/src/registry/core/{breadcrumbs.tsx => breadcrumbs-01.tsx} (100%)
 rename www/src/registry/core/{button.tsx => button-01.tsx} (100%)
 create mode 100644 www/src/registry/core/button-02.tsx
 rename www/src/registry/core/{calendar.tsx => calendar-01.tsx} (97%)
 create mode 100644 www/src/registry/core/calendar-02.tsx
 rename www/src/registry/core/{checkbox.tsx => checkbox-01.tsx} (100%)
 rename www/src/registry/core/{checkbox-group.tsx => checkbox-group-01.tsx} (94%)
 rename www/src/registry/core/{collapsible.tsx => collapsible-01.tsx} (100%)
 rename www/src/registry/core/{color-area.tsx => color-area-01.tsx} (94%)
 rename www/src/registry/core/{color-field.tsx => color-field-01.tsx} (96%)
 rename www/src/registry/core/{color-picker.tsx => color-picker-01.tsx} (89%)
 rename www/src/registry/core/{color-slider.tsx => color-slider-01.tsx} (96%)
 rename www/src/registry/core/{color-swatch.tsx => color-swatch-01.tsx} (100%)
 rename www/src/registry/core/{color-thumb.tsx => color-thumb-01.tsx} (100%)
 rename www/src/registry/core/{combobox.tsx => combobox-01.tsx} (87%)
 rename www/src/registry/core/{command.tsx => command-01.tsx} (100%)
 rename www/src/registry/core/{contextual-help.tsx => contextual-help-01.tsx} (86%)
 rename www/src/registry/core/{date-field.tsx => date-field-01.tsx} (95%)
 rename www/src/registry/core/{date-input.tsx => date-input-01.tsx} (100%)
 rename www/src/registry/core/{date-picker.tsx => date-picker-01.tsx} (92%)
 rename www/src/registry/core/{date-range-picker.tsx => date-range-picker-01.tsx} (93%)
 rename www/src/registry/core/{dialog.tsx => dialog-01.tsx} (97%)
 rename www/src/registry/core/{drop-zone.tsx => drop-zone-01.tsx} (100%)
 rename www/src/registry/core/{field.tsx => field-01.tsx} (100%)
 rename www/src/registry/core/{file-trigger.tsx => file-trigger-01.tsx} (100%)
 rename www/src/registry/core/{form.tsx => form-01.tsx} (100%)
 rename www/src/registry/core/{group.tsx => group-01.tsx} (100%)
 rename www/src/registry/core/{heading.tsx => heading-01.tsx} (100%)
 rename www/src/registry/core/{input.tsx => input-01.tsx} (100%)
 rename www/src/registry/core/{kbd.tsx => kbd-01.tsx} (100%)
 rename www/src/registry/core/{link.tsx => link-01.tsx} (100%)
 rename www/src/registry/core/{list-box.tsx => list-box-01.tsx} (98%)
 rename www/src/registry/core/{menu.tsx => menu-01.tsx} (97%)
 rename www/src/registry/core/{number-field.tsx => number-field-01.tsx} (97%)
 rename www/src/registry/core/{overlay.tsx => overlay-01.tsx} (99%)
 rename www/src/registry/core/{progress.tsx => progress-01.tsx} (99%)
 rename www/src/registry/core/{radio-group.tsx => radio-group-01.tsx} (98%)
 rename www/src/registry/core/{range-calendar.tsx => range-calendar-01.tsx} (93%)
 delete mode 100644 www/src/registry/core/resizable.tsx
 rename www/src/registry/core/{scroll-area.tsx => scroll-area-01.tsx} (100%)
 rename www/src/registry/core/{search-field.tsx => search-field-01.tsx} (95%)
 rename www/src/registry/core/{section.tsx => section-01.tsx} (100%)
 rename www/src/registry/core/{select.tsx => select-01.tsx} (95%)
 rename www/src/registry/core/{separator.tsx => separator-01.tsx} (100%)
 rename www/src/registry/core/{skeleton.tsx => skeleton-01.tsx} (100%)
 rename www/src/registry/core/{slider.tsx => slider-01.tsx} (99%)
 rename www/src/registry/core/{switch.tsx => switch-01.tsx} (100%)
 rename www/src/registry/core/{table.tsx => table-01.tsx} (100%)
 rename www/src/registry/core/{tabs.tsx => tabs-01.tsx} (100%)
 rename www/src/registry/core/{tag-group.tsx => tag-group-01.tsx} (94%)
 rename www/src/registry/core/{text.tsx => text-01.tsx} (100%)
 rename www/src/registry/core/{text-area.tsx => text-area-01.tsx} (91%)
 rename www/src/registry/core/{text-field.tsx => text-field-01.tsx} (96%)
 rename www/src/registry/core/{time-field.tsx => time-field-01.tsx} (96%)
 rename www/src/registry/core/{toggle-button.tsx => toggle-button-01.tsx} (100%)
 rename www/src/registry/core/{toggle-group.tsx => toggle-group-01.tsx} (99%)
 rename www/src/registry/core/{tooltip.tsx => tooltip-01.tsx} (100%)
 rename www/src/registry/{index => }/demos.ts (99%)
 delete mode 100644 www/src/registry/demos/aspect-ratio/as-child.tsx
 delete mode 100644 www/src/registry/demos/aspect-ratio/default.tsx
 rename www/src/registry/{index => }/hooks.ts (100%)
 rename www/src/registry/{index => }/icons.ts (100%)
 rename www/src/registry/{index => }/index.ts (100%)
 rename www/src/registry/{index => }/lib.ts (100%)
 rename www/src/registry/{index => }/themes.ts (100%)
 create mode 100644 www/src/registry/types.ts

diff --git a/www/content/docs/components/layout/aspect-ratio.mdx b/www/content/docs/components/layout/aspect-ratio.mdx
deleted file mode 100644
index d5d0d09a5..000000000
--- a/www/content/docs/components/layout/aspect-ratio.mdx
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: Aspect Ratio
-description: Displays content within a desired ratio.
-thumbnail:
-  image: /previews/components/core/aspect-ratio.jpeg
-links:
-  - label: Radix docs
-    href: https://www.radix-ui.com/primitives/docs/components/aspect-ratio
-  - label: Report an issue
-    href: https://github.com/mehdibha/dotUI/issues/new/choose
-  - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/layout/aspect-ratio.mdx?plain=1
----
-
-<ComponentPreview
-  name="core/aspect-ratio-default"
-  preview={`<AspectRatio ratio={16 / 9}>
-    <Image />
-  </AspectRatio>`}
-  className="max-w-xs"
-/>
-
-## Installation
-
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
-npx dotui-cli@latest add aspect-ratio
-```
-
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    @radix-ui/react-aspect-ratio
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/aspect-ratio" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
-## Usage
-
-Use the `AspectRatio` component to display content within a desired ratio.
-
-## Options
-
-### AsChild
-
-Use the `asChild` prop to change the default rendered element for the one passed as a child, merging their props and behavior.
-
-<ComponentPreview
-  name="core/aspect-ratio-as-child"
-  preview={`<AspectRatio ratio={16 / 9} asChild>
-    <Image />
-  </AspectRatio>`}
-  className="max-w-xs"
-/>
-
-## API Reference
-
-| Prop      | Type      | Default | Description                                                                                          |
-| --------- | --------- | ------- | ---------------------------------------------------------------------------------------------------- |
-| `asChild` | `boolean` | `false` | Change the default rendered element for the one passed as a child, merging their props and behavior. |
-| `ratio`   | `number`  | `1`     | The desired ratio                                                                                    |
diff --git a/www/public/registry/styles/default/aspect-ratio.json b/www/public/registry/styles/default/aspect-ratio.json
deleted file mode 100644
index 8da19e795..000000000
--- a/www/public/registry/styles/default/aspect-ratio.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "aspect-ratio",
-  "type": "registry:core",
-  "dependencies": [
-    "@radix-ui/react-aspect-ratio"
-  ],
-  "files": [
-    {
-      "path": "core/aspect-ratio/aspect-ratio.tsx",
-      "content": "\"use client\";\n\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nconst AspectRatio = AspectRatioPrimitive.Root;\n\nexport { AspectRatio };\n",
-      "type": "registry:core",
-      "target": "core/aspect-ratio.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/src/__demos__/registry.ts b/www/src/__demos__/registry.ts
deleted file mode 100644
index 0ff28fd5e..000000000
--- a/www/src/__demos__/registry.ts
+++ /dev/null
@@ -1,483 +0,0 @@
-type RegistryDemoItem = {
-  name: string;
-  files: string[];
-};
-
-type RegistryDemos = RegistryDemoItem[];
-
-const buildDemos = (component: string, demos: string[]): RegistryDemos => {
-  return demos.map((demo) => {
-    return {
-      name: `${component}-${demo}`,
-      files: [`/${component}/${demo}.tsx`],
-    };
-  });
-};
-
-export const demos: RegistryDemos = [
-  ...buildDemos("alert", [
-    "action",
-    "composition",
-    "content",
-    "custom-icon",
-    "default",
-    "title",
-    "variants",
-  ]),
-  ...buildDemos("aspect-ratio", []),
-  ...buildDemos("avatar", ["composition", "default", "shape", "sizes"]),
-  ...buildDemos("badge", []),
-  ...buildDemos("breadcrumbs", [
-    "basic",
-    "composition",
-    "disabled",
-    "icon",
-    "router-integration",
-  ]),
-  ...buildDemos("button", [
-    "default",
-    "disabled",
-    "link-button",
-    "loading",
-    "prefix-and-suffix",
-    "shapes",
-    "sizes",
-    "variants",
-  ]),
-  ...buildDemos("calendar", [
-    "composition",
-    "controlled",
-    "default",
-    "disabled",
-    "error-message",
-    "label",
-    "page-behaviour",
-    "read-only",
-    "uncontrolled",
-    "unvailable-dates",
-    "validation",
-    "visible-months",
-  ]),
-  ...buildDemos("checkbox-group", [
-    "cards",
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "label",
-    "read-only",
-    "required",
-    "uncontrolled",
-  ]),
-  ...buildDemos("checkbox", [
-    "card",
-    "controlled",
-    "default",
-    "disabled",
-    "indeterminate",
-    "read-only",
-    "uncontrolled",
-  ]),
-  ...buildDemos("color-area", [
-    "channels",
-    "composition",
-    "controlled",
-    "default",
-    "disabled",
-    "uncontrolled",
-  ]),
-  ...buildDemos("color-field", [
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "form",
-    "label",
-    "loading",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "sizes",
-    "uncontrolled",
-  ]),
-  ...buildDemos("color-picker", [
-    "composition",
-    "controlled",
-    "default",
-    "options",
-    "uncontrolled",
-  ]),
-  ...buildDemos("color-slider", [
-    "channel",
-    "composition",
-    "controlled",
-    "default",
-    "disabled",
-    "label",
-    "uncontrolled",
-    "vertical",
-  ]),
-  ...buildDemos("color-swatch", ["default"]),
-  ...buildDemos("color-thumb", []),
-  ...buildDemos("combobox", [
-    "async-loading",
-    "basic",
-    "composition",
-    "contextual-help",
-    "controlled",
-    "custom-value",
-    "description",
-    "disabled",
-    "label",
-    "loading",
-    "required",
-    "sections",
-    "uncontrolled",
-    "validation",
-  ]),
-  ...buildDemos("date-field", [
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "granularity",
-    "hide-time-zone",
-    "hour-cycle",
-    "label",
-    "loading",
-    "placeholder",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "sizes",
-    "time-zones",
-    "uncontrolled",
-  ]),
-  ...buildDemos("date-picker", [
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "granularity",
-    "hide-time-zone",
-    "hour-cycle",
-    "label",
-    "loading",
-    "placeholder",
-    "prefix",
-    "read-only",
-    "required",
-    "sizes",
-    "time-zones",
-    "uncontrolled",
-  ]),
-  ...buildDemos("date-range-picker", [
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "granularity",
-    "hide-time-zone",
-    "hour-cycle",
-    "label",
-    "loading",
-    "placeholder",
-    "prefix",
-    "read-only",
-    "required",
-    "sizes",
-    "time-zones",
-    "uncontrolled",
-  ]),
-  ...buildDemos("dialog", [
-    "alert-dialog",
-    "async-form-submission",
-    "basic",
-    "composition",
-    "controlled",
-    "description",
-    "dismiss-button",
-    "dismissable",
-    "drawer",
-    "inset-content",
-    "nested",
-    "popover",
-    "title",
-    "types",
-  ]),
-  ...buildDemos("drop-zone", ["default", "disabled", "file-trigger", "label"]),
-  ...buildDemos("file-trigger", [
-    "default",
-    "directory-selection",
-    "file-types",
-    "media-capture",
-    "multiple-files",
-  ]),
-  ...buildDemos("link", ["default", "disabled", "icon", "variants"]),
-  ...buildDemos("list-box", [
-    "async-loading",
-    "basic",
-    "composition",
-    "contact-list",
-    "controlled",
-    "disabled-items",
-    "empty-state",
-    "grid",
-    "horizontal",
-    "image-grid",
-    "item-variant",
-    "label-and-description",
-    "links",
-    "loading",
-    "prefix-and-suffix",
-    "sections",
-    "selection-behavior",
-    "selection-mode",
-    "separator",
-    "uncontrolled",
-  ]),
-  ...buildDemos("menu", [
-    "basic",
-    "composition",
-    "controlled",
-    "disabled-items",
-    "item-variant",
-    "label-and-description",
-    "link-items",
-    "long-press",
-    "multiple-selection",
-    "overlay-type",
-    "placement",
-    "prefix-and-suffix",
-    "section",
-    "separator",
-    "shortcut",
-    "single-selection",
-    "submenus",
-  ]),
-  ...buildDemos("number-field", [
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "format-options",
-    "label",
-    "read-only",
-    "required",
-    "sizes",
-    "uncontrolled",
-  ]),
-  ...buildDemos("progress", [
-    "composition",
-    "custom-color",
-    "custom-value-label",
-    "default",
-    "duration",
-    "format-options",
-    "indeterminate",
-    "label",
-    "min-max-values",
-    "shape",
-    "sizes",
-    "toolbar",
-    "value-label",
-    "variants",
-  ]),
-  ...buildDemos("radio-group", [
-    "cards",
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "label",
-    "orientation",
-    "read-only",
-    "required",
-    "uncontrolled",
-  ]),
-  ...buildDemos("range-calendar", [
-    "composition",
-    "controlled",
-    "default",
-    "disabled",
-    "error-message",
-    "label",
-    "non-contiguous-ranges",
-    "page-behaviour",
-    "read-only",
-    "uncontrolled",
-    "unvailable-dates",
-    "validation",
-    "visible-months",
-  ]),
-  ...buildDemos("scroll-area", ["default", "scrollbars", "sizes"]),
-  ...buildDemos("search-field", [
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "form",
-    "label",
-    "loading",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "sizes",
-    "uncontrolled",
-  ]),
-  ...buildDemos("select", [
-    "async-loading",
-    "basic",
-    "composition",
-    "contextual-help",
-    "controlled",
-    "description",
-    "disabled",
-    "label",
-    "links",
-    "loading",
-    "placeholder",
-    "required",
-    "sections",
-    "uncontrolled",
-    "validation",
-  ]),
-  ...buildDemos("separator", ["card", "orientation"]),
-  ...buildDemos("skeleton", [
-    "api-simulation",
-    "card",
-    "children",
-    "fixed-size-children",
-    "show",
-  ]),
-  ...buildDemos("slider", [
-    "advanced-composition",
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "format-options",
-    "label",
-    "range",
-    "sizes",
-    "step",
-    "uncontrolled",
-    "value-label",
-    "value-scale",
-    "vertical",
-  ]),
-  ...buildDemos("switch", [
-    "controlled",
-    "default",
-    "disabled",
-    "label",
-    "sizes",
-    "uncontrolled",
-  ]),
-  ...buildDemos("tabs", [
-    "basic",
-    "controlled",
-    "disabled-item",
-    "disabled",
-    "keyboard-activation",
-    "vertical",
-  ]),
-  ...buildDemos("text-area", [
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "form",
-    "label",
-    "loading",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "uncontrolled",
-  ]),
-  ...buildDemos("text-field", [
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "label",
-    "loading",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "sizes",
-    "uncontrolled",
-  ]),
-  ...buildDemos("time-field", [
-    "composition",
-    "contextual-help",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "granularity",
-    "hide-time-zone",
-    "hour-cycle",
-    "label",
-    "loading",
-    "placeholder",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "sizes",
-    "time-zones",
-    "uncontrolled",
-  ]),
-  ...buildDemos("toggle-button", [
-    "controlled",
-    "default",
-    "disabled",
-    "shapes",
-    "sizes",
-    "uncontrolled",
-    "variants",
-  ]),
-  ...buildDemos("tooltip", [
-    "arrow",
-    "composition",
-    "container-padding",
-    "default",
-    "delay",
-    "flip",
-    "offset",
-    "placement",
-    "with-arrow",
-  ]),
-];
diff --git a/www/src/__registry__/core/button-01.tsx b/www/src/__registry__/core/button-01.tsx
new file mode 100644
index 000000000..1ba35aefe
--- /dev/null
+++ b/www/src/__registry__/core/button-01.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Button as AriaButton,
+  Link as AriaLink,
+  type ButtonProps as AriaButtonProps,
+  type LinkProps as AriaLinkProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+import { LoaderIcon } from "@/__icons__";
+
+const buttonStyles = tv(
+  {
+    extend: focusRing,
+    base: "ring-offset-bg disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    variants: {
+      variant: {
+        default:
+          "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
+        primary:
+          "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
+        quiet:
+          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
+        outline:
+          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+        accent:
+          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+        success:
+          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+        warning:
+          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+        danger:
+          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
+      },
+      size: {
+        sm: "size-8 [&_svg]:size-4",
+        md: "size-9 [&_svg]:size-4",
+        lg: "size-10 [&_svg]:size-5",
+      },
+      shape: {
+        rectangle: "",
+        square: "",
+        circle: "rounded-full",
+      },
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        shape: "rectangle",
+        className: "w-auto px-3",
+      },
+      {
+        size: "md",
+        shape: "rectangle",
+        className: "w-auto px-4",
+      },
+      {
+        size: "lg",
+        shape: "rectangle",
+        className: "w-auto px-5",
+      },
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      shape: "rectangle",
+    },
+  },
+  {
+    responsiveVariants: ["sm", "lg"],
+  }
+);
+
+interface ButtonProps
+  extends Omit<AriaButtonProps, "className">,
+    Omit<AriaLinkProps, "className" | "children" | "style">,
+    VariantProps<typeof buttonStyles> {
+  className?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+
+const Button = React.forwardRef(
+  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
+    const contextProps = useButtonContext();
+    const props = { ...contextProps, ...localProps };
+
+    const { className, variant, size, shape, prefix, suffix, ...restProps } =
+      props;
+
+    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
+
+    return (
+      <Element
+        ref={ref}
+        {...restProps}
+        className={buttonStyles({ variant, size, shape, className })}
+      >
+        {composeRenderProps(props.children, (children, { isPending }) => (
+          <>
+            {isPending && (
+              <LoaderIcon aria-label="loading" className="animate-spin" />
+            )}
+            {prefix}
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
+            {suffix}
+          </>
+        ))}
+      </Element>
+    );
+  }
+);
+Button.displayName = "Button";
+
+type ButtonContextValue = VariantProps<typeof buttonStyles>;
+const ButtonContext = React.createContext<ButtonContextValue>({});
+const useButtonContext = () => {
+  return React.useContext(ButtonContext);
+};
+
+export type { ButtonProps };
+export { Button, buttonStyles, ButtonContext };
diff --git a/www/src/__registry__/core/button-02.tsx b/www/src/__registry__/core/button-02.tsx
new file mode 100644
index 000000000..7cc8c89bf
--- /dev/null
+++ b/www/src/__registry__/core/button-02.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Button as AriaButton,
+  Link as AriaLink,
+  type ButtonProps as AriaButtonProps,
+  type LinkProps as AriaLinkProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+import { LoaderIcon } from "@/__icons__";
+
+const buttonStyles = tv(
+  {
+    extend: focusRing,
+    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    variants: {
+      variant: {
+        default:
+          "bg-red-500 hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
+        primary:
+          "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
+        quiet:
+          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-red-500",
+        outline:
+          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+        accent:
+          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+        success:
+          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+        warning:
+          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+        danger:
+          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
+      },
+      size: {
+        sm: "size-8 [&_svg]:size-4",
+        md: "size-9 [&_svg]:size-4",
+        lg: "size-10 [&_svg]:size-5",
+      },
+      shape: {
+        rectangle: "",
+        square: "",
+        circle: "rounded-full",
+      },
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        shape: "rectangle",
+        className: "w-auto px-3",
+      },
+      {
+        size: "md",
+        shape: "rectangle",
+        className: "w-auto px-4",
+      },
+      {
+        size: "lg",
+        shape: "rectangle",
+        className: "w-auto px-5",
+      },
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      shape: "rectangle",
+    },
+  },
+  {
+    responsiveVariants: ["sm", "lg"],
+  }
+);
+
+interface ButtonProps
+  extends Omit<AriaButtonProps, "className">,
+    Omit<AriaLinkProps, "className" | "children" | "style">,
+    VariantProps<typeof buttonStyles> {
+  className?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+
+const Button = React.forwardRef(
+  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
+    const contextProps = useButtonContext();
+    const props = { ...contextProps, ...localProps };
+
+    const { className, variant, size, shape, prefix, suffix, ...restProps } =
+      props;
+
+    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
+
+    return (
+      <Element
+        ref={ref}
+        {...restProps}
+        className={buttonStyles({ variant, size, shape, className })}
+      >
+        {composeRenderProps(props.children, (children, { isPending }) => (
+          <>
+            {isPending && (
+              <LoaderIcon aria-label="loading" className="animate-spin" />
+            )}
+            {prefix}
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
+            {suffix}
+          </>
+        ))}
+      </Element>
+    );
+  }
+);
+Button.displayName = "Button";
+
+type ButtonContextValue = VariantProps<typeof buttonStyles>;
+const ButtonContext = React.createContext<ButtonContextValue>({});
+const useButtonContext = () => {
+  return React.useContext(ButtonContext);
+};
+
+export type { ButtonProps };
+export { Button, buttonStyles, ButtonContext };
diff --git a/www/src/__registry__/core/calendar-01.tsx b/www/src/__registry__/core/calendar-01.tsx
new file mode 100644
index 000000000..ebe27daef
--- /dev/null
+++ b/www/src/__registry__/core/calendar-01.tsx
@@ -0,0 +1,223 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Calendar as AriaCalendar,
+  CalendarCell as AriaCalendarCell,
+  CalendarGrid as AriaCalendarGrid,
+  CalendarGridHeader as AriaCalendarGridHeader,
+  CalendarHeaderCell as AriaCalendarHeaderCell,
+  CalendarGridBody as AriaCalendarGridBody,
+  type CalendarProps as AriaCalendarProps,
+  type CalendarGridProps as AriaCalendarGridProps,
+  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
+  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
+  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
+  type CalendarCellProps as AriaCalendarCellProps,
+  type DateValue,
+  CalendarContext as AriaCalendarContext,
+  useSlottedContext,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Button, buttonStyles } from "@/components/dynamic-core/button";
+import { Heading } from "@/components/dynamic-core/heading";
+import { Text } from "@/components/dynamic-core/text";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+
+const calendarStyles = tv({
+  slots: {
+    root: "",
+    header: "mb-4 flex items-center justify-between gap-2",
+    grid: "w-full border-collapse",
+    gridHeader: "mb-4",
+    gridHeaderCell: "text-fg-muted text-xs font-normal",
+    gridBody: "[&>tr>td]:p-0",
+    cell: "",
+  },
+  variants: {
+    standalone: {
+      true: {
+        root: "bg-bg rounded-md border p-3",
+      },
+      false: {
+        root: "rounded-[inherit]",
+      },
+    },
+    range: {
+      false: {
+        cell: [
+          buttonStyles({
+            variant: "quiet",
+            shape: "square",
+            size: "sm",
+          }),
+          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
+          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
+          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
+          "outside-month:hidden",
+        ],
+      },
+      true: {
+        cell: [
+          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
+          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
+          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
+          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
+          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
+          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
+          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
+          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
+          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
+          "outside-month:hidden",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    range: false,
+  },
+});
+
+interface CalendarProps<T extends DateValue>
+  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
+  visibleMonths?: number;
+  errorMessage?: string;
+}
+const Calendar = <T extends DateValue>({
+  errorMessage,
+  visibleMonths = 1,
+  ...props
+}: CalendarProps<T>) => {
+  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
+
+  return (
+    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+      {({ isInvalid }) => (
+        <>
+          <CalendarHeader>
+            <Button slot="previous" variant="outline" shape="square" size="sm">
+              <ChevronLeftIcon />
+            </Button>
+            <Heading className="text-sm" />
+            <Button slot="next" variant="outline" shape="square" size="sm">
+              <ChevronRightIcon />
+            </Button>
+          </CalendarHeader>
+          <div className="flex items-start gap-4">
+            {Array.from({ length: visibleMonths }).map((_, index) => (
+              <CalendarGrid
+                key={index}
+                offset={index === 0 ? undefined : { months: index }}
+              >
+                <CalendarGridHeader>
+                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+                </CalendarGridHeader>
+                <CalendarGridBody>
+                  {(date) => <CalendarCell date={date} />}
+                </CalendarGridBody>
+              </CalendarGrid>
+            ))}
+          </div>
+          {isInvalid && errorMessage && (
+            <Text slot="errorMessage">{errorMessage}</Text>
+          )}
+        </>
+      )}
+    </CalendarRoot>
+  );
+};
+
+type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
+const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
+  const CalendarContext = useSlottedContext(AriaCalendarContext);
+  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
+  const { root } = calendarStyles({ standalone });
+  return (
+    <AriaCalendar
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+    />
+  );
+};
+
+type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
+const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
+  const { header } = calendarStyles();
+  return <header className={header({ className })} {...props} />;
+};
+
+type CalendarGridProps = AriaCalendarGridProps;
+const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
+  const { grid } = calendarStyles();
+  return <AriaCalendarGrid className={grid({ className })} {...props} />;
+};
+
+type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
+const CalendarGridHeader = ({
+  className,
+  ...props
+}: CalendarGridHeaderProps) => {
+  const { gridHeader } = calendarStyles();
+  return (
+    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
+  );
+};
+
+type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
+const CalendarHeaderCell = ({
+  className,
+  ...props
+}: CalendarHeaderCellProps) => {
+  const { gridHeaderCell } = calendarStyles();
+  return (
+    <AriaCalendarHeaderCell
+      className={gridHeaderCell({ className })}
+      {...props}
+    />
+  );
+};
+
+type CalendarGridBodyProps = AriaCalendarGridBodyProps;
+const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
+  const { gridBody } = calendarStyles();
+  return (
+    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
+  );
+};
+
+type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
+const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
+  const { cell } = calendarStyles({ range });
+  return (
+    <AriaCalendarCell
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        cell({ className })
+      )}
+    />
+  );
+};
+
+export type {
+  CalendarProps,
+  CalendarRootProps,
+  CalendarGridProps,
+  CalendarGridHeaderProps,
+  CalendarHeaderCellProps,
+  CalendarGridBodyProps,
+  CalendarCellProps,
+};
+export {
+  Calendar,
+  CalendarRoot,
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+  calendarStyles,
+};
diff --git a/www/src/__registry__/core/calendar-02.tsx b/www/src/__registry__/core/calendar-02.tsx
new file mode 100644
index 000000000..e94353fde
--- /dev/null
+++ b/www/src/__registry__/core/calendar-02.tsx
@@ -0,0 +1,223 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Calendar as AriaCalendar,
+  CalendarCell as AriaCalendarCell,
+  CalendarGrid as AriaCalendarGrid,
+  CalendarGridHeader as AriaCalendarGridHeader,
+  CalendarHeaderCell as AriaCalendarHeaderCell,
+  CalendarGridBody as AriaCalendarGridBody,
+  type CalendarProps as AriaCalendarProps,
+  type CalendarGridProps as AriaCalendarGridProps,
+  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
+  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
+  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
+  type CalendarCellProps as AriaCalendarCellProps,
+  type DateValue,
+  CalendarContext as AriaCalendarContext,
+  useSlottedContext,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Button, buttonStyles } from "@/components/dynamic-core/button";
+import { Heading } from "@/components/dynamic-core/heading";
+import { Text } from "@/components/dynamic-core/text";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+
+const calendarStyles = tv({
+  slots: {
+    root: "bg-red-500",
+    header: "mb-4 flex items-center justify-between gap-2",
+    grid: "w-full border-collapse",
+    gridHeader: "mb-4",
+    gridHeaderCell: "text-fg-muted text-xs font-normal",
+    gridBody: "[&>tr>td]:p-0",
+    cell: "",
+  },
+  variants: {
+    standalone: {
+      true: {
+        root: "bg-bg rounded-md border p-3",
+      },
+      false: {
+        root: "rounded-[inherit]",
+      },
+    },
+    range: {
+      false: {
+        cell: [
+          buttonStyles({
+            variant: "quiet",
+            shape: "square",
+            size: "sm",
+          }),
+          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
+          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
+          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
+          "outside-month:hidden",
+        ],
+      },
+      true: {
+        cell: [
+          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
+          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
+          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
+          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
+          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
+          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
+          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
+          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
+          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
+          "outside-month:hidden",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    range: false,
+  },
+});
+
+interface CalendarProps<T extends DateValue>
+  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
+  visibleMonths?: number;
+  errorMessage?: string;
+}
+const Calendar = <T extends DateValue>({
+  errorMessage,
+  visibleMonths = 1,
+  ...props
+}: CalendarProps<T>) => {
+  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
+
+  return (
+    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+      {({ isInvalid }) => (
+        <>
+          <CalendarHeader>
+            <Button slot="previous" variant="outline" shape="square" size="sm">
+              <ChevronLeftIcon />
+            </Button>
+            <Heading className="text-sm" />
+            <Button slot="next" variant="outline" shape="square" size="sm">
+              <ChevronRightIcon />
+            </Button>
+          </CalendarHeader>
+          <div className="flex items-start gap-4">
+            {Array.from({ length: visibleMonths }).map((_, index) => (
+              <CalendarGrid
+                key={index}
+                offset={index === 0 ? undefined : { months: index }}
+              >
+                <CalendarGridHeader>
+                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+                </CalendarGridHeader>
+                <CalendarGridBody>
+                  {(date) => <CalendarCell date={date} />}
+                </CalendarGridBody>
+              </CalendarGrid>
+            ))}
+          </div>
+          {isInvalid && errorMessage && (
+            <Text slot="errorMessage">{errorMessage}</Text>
+          )}
+        </>
+      )}
+    </CalendarRoot>
+  );
+};
+
+type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
+const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
+  const CalendarContext = useSlottedContext(AriaCalendarContext);
+  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
+  const { root } = calendarStyles({ standalone });
+  return (
+    <AriaCalendar
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+    />
+  );
+};
+
+type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
+const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
+  const { header } = calendarStyles();
+  return <header className={header({ className })} {...props} />;
+};
+
+type CalendarGridProps = AriaCalendarGridProps;
+const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
+  const { grid } = calendarStyles();
+  return <AriaCalendarGrid className={grid({ className })} {...props} />;
+};
+
+type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
+const CalendarGridHeader = ({
+  className,
+  ...props
+}: CalendarGridHeaderProps) => {
+  const { gridHeader } = calendarStyles();
+  return (
+    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
+  );
+};
+
+type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
+const CalendarHeaderCell = ({
+  className,
+  ...props
+}: CalendarHeaderCellProps) => {
+  const { gridHeaderCell } = calendarStyles();
+  return (
+    <AriaCalendarHeaderCell
+      className={gridHeaderCell({ className })}
+      {...props}
+    />
+  );
+};
+
+type CalendarGridBodyProps = AriaCalendarGridBodyProps;
+const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
+  const { gridBody } = calendarStyles();
+  return (
+    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
+  );
+};
+
+type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
+const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
+  const { cell } = calendarStyles({ range });
+  return (
+    <AriaCalendarCell
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        cell({ className })
+      )}
+    />
+  );
+};
+
+export type {
+  CalendarProps,
+  CalendarRootProps,
+  CalendarGridProps,
+  CalendarGridHeaderProps,
+  CalendarHeaderCellProps,
+  CalendarGridBodyProps,
+  CalendarCellProps,
+};
+export {
+  Calendar,
+  CalendarRoot,
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+  calendarStyles,
+};
diff --git a/www/src/components/component-source.tsx b/www/src/components/component-source.tsx
index 9036455ba..727efb331 100644
--- a/www/src/components/component-source.tsx
+++ b/www/src/components/component-source.tsx
@@ -8,35 +8,36 @@ export const ComponentSource = async ({
   name: string | string[];
   className?: string;
 }) => {
-  let code: { title: string; code: string }[] = [];
+  return <div>TO DO</div>
+  // let code: { title: string; code: string }[] = [];
 
-  if (typeof name === "string") {
-    code = await getFilesSource(name);
-  }
+  // if (typeof name === "string") {
+  //   code = await getFilesSource(name);
+  // }
 
-  if (Array.isArray(name)) {
-    for (const n of name) {
-      code.push(...(await getFilesSource(n)));
-    }
-  }
+  // if (Array.isArray(name)) {
+  //   for (const n of name) {
+  //     code.push(...(await getFilesSource(n)));
+  //   }
+  // }
 
-  if (code.length === 0) {
-    return <p>Source code not found</p>;
-  }
+  // if (code.length === 0) {
+  //   return <p>Source code not found</p>;
+  // }
 
-  code = code.map((file) => ({
-    ...file,
-  }));
+  // code = code.map((file) => ({
+  //   ...file,
+  // }));
 
-  return (
-    <CodeBlock
-      files={code.map((file) => ({
-        fileName: file.title,
-        code: file.code,
-        lang: "tsx",
-      }))}
-      className={className}
-      expandable
-    />
-  );
+  // return (
+  //   <CodeBlock
+  //     files={code.map((file) => ({
+  //       fileName: file.title,
+  //       code: file.code,
+  //       lang: "tsx",
+  //     }))}
+  //     className={className}
+  //     expandable
+  //   />
+  // );
 };
diff --git a/www/src/components/core/alert.tsx b/www/src/components/core/alert.tsx
index 4cbbcd351..73e506589 100644
--- a/www/src/components/core/alert.tsx
+++ b/www/src/components/core/alert.tsx
@@ -1 +1 @@
-export * from "@/registry/core/alert";
+export * from "@/registry/core/alert-01";
diff --git a/www/src/components/core/aspect-ratio.tsx b/www/src/components/core/aspect-ratio.tsx
index a187f0fce..0a40c1d44 100644
--- a/www/src/components/core/aspect-ratio.tsx
+++ b/www/src/components/core/aspect-ratio.tsx
@@ -1 +1 @@
-export * from "@/registry/core/aspect-ratio";
+export * from "@/registry/core/aspect-ratio-01";
diff --git a/www/src/components/core/avatar.tsx b/www/src/components/core/avatar.tsx
index bffee191f..5f1f6a379 100644
--- a/www/src/components/core/avatar.tsx
+++ b/www/src/components/core/avatar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/avatar";
+export * from "@/registry/core/avatar-01";
diff --git a/www/src/components/core/badge.tsx b/www/src/components/core/badge.tsx
index 9f91555c9..f52d1c30d 100644
--- a/www/src/components/core/badge.tsx
+++ b/www/src/components/core/badge.tsx
@@ -1 +1 @@
-export * from "@/registry/core/badge";
+export * from "@/registry/core/badge-01";
diff --git a/www/src/components/core/breadcrumbs.tsx b/www/src/components/core/breadcrumbs.tsx
index 6ab3e247c..1cb813193 100644
--- a/www/src/components/core/breadcrumbs.tsx
+++ b/www/src/components/core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/breadcrumbs";
+export * from "@/registry/core/breadcrumbs-01";
diff --git a/www/src/components/core/button.tsx b/www/src/components/core/button.tsx
index 0d111378f..f5bc51525 100644
--- a/www/src/components/core/button.tsx
+++ b/www/src/components/core/button.tsx
@@ -1 +1 @@
-export * from "@/registry/core/button";
+export * from "@/registry/core/button-01";
diff --git a/www/src/components/core/calendar.tsx b/www/src/components/core/calendar.tsx
index 7d86ebdc8..ef630c9cc 100644
--- a/www/src/components/core/calendar.tsx
+++ b/www/src/components/core/calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/calendar";
+export * from "@/registry/core/calendar-01";
diff --git a/www/src/components/core/checkbox-group.tsx b/www/src/components/core/checkbox-group.tsx
index baff293c5..5e13959ba 100644
--- a/www/src/components/core/checkbox-group.tsx
+++ b/www/src/components/core/checkbox-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox-group";
+export * from "@/registry/core/checkbox-group-01";
diff --git a/www/src/components/core/checkbox.tsx b/www/src/components/core/checkbox.tsx
index 3e6a8618a..5a6baba1a 100644
--- a/www/src/components/core/checkbox.tsx
+++ b/www/src/components/core/checkbox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox";
+export * from "@/registry/core/checkbox-01";
diff --git a/www/src/components/core/collapsible.tsx b/www/src/components/core/collapsible.tsx
index dd4a87930..6429c3c2f 100644
--- a/www/src/components/core/collapsible.tsx
+++ b/www/src/components/core/collapsible.tsx
@@ -1 +1 @@
-export * from "@/registry/core/collapsible";
+export * from "@/registry/core/collapsible-01";
diff --git a/www/src/components/core/color-area.tsx b/www/src/components/core/color-area.tsx
index 87aae0d3b..ee5bc8349 100644
--- a/www/src/components/core/color-area.tsx
+++ b/www/src/components/core/color-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-area";
+export * from "@/registry/core/color-area-01";
diff --git a/www/src/components/core/color-field.tsx b/www/src/components/core/color-field.tsx
index 7ffcea66f..125141cc1 100644
--- a/www/src/components/core/color-field.tsx
+++ b/www/src/components/core/color-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-field";
+export * from "@/registry/core/color-field-01";
diff --git a/www/src/components/core/color-picker.tsx b/www/src/components/core/color-picker.tsx
index e1cc3fc06..07fd6c3e2 100644
--- a/www/src/components/core/color-picker.tsx
+++ b/www/src/components/core/color-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-picker";
+export * from "@/registry/core/color-picker-01";
diff --git a/www/src/components/core/color-slider.tsx b/www/src/components/core/color-slider.tsx
index f129ecd6e..5b955ff78 100644
--- a/www/src/components/core/color-slider.tsx
+++ b/www/src/components/core/color-slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-slider";
+export * from "@/registry/core/color-slider-01";
diff --git a/www/src/components/core/color-swatch.tsx b/www/src/components/core/color-swatch.tsx
index b748886e2..5b82b3112 100644
--- a/www/src/components/core/color-swatch.tsx
+++ b/www/src/components/core/color-swatch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-swatch";
+export * from "@/registry/core/color-swatch-01";
diff --git a/www/src/components/core/color-thumb.tsx b/www/src/components/core/color-thumb.tsx
index 651b1b9f9..9617ebf72 100644
--- a/www/src/components/core/color-thumb.tsx
+++ b/www/src/components/core/color-thumb.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-thumb";
+export * from "@/registry/core/color-thumb-01";
diff --git a/www/src/components/core/combobox.tsx b/www/src/components/core/combobox.tsx
index a86704b16..9bad83a2e 100644
--- a/www/src/components/core/combobox.tsx
+++ b/www/src/components/core/combobox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/combobox";
+export * from "@/registry/core/combobox-01";
diff --git a/www/src/components/core/command.tsx b/www/src/components/core/command.tsx
index 352f6f35b..ae4823c13 100644
--- a/www/src/components/core/command.tsx
+++ b/www/src/components/core/command.tsx
@@ -1 +1 @@
-export * from "@/registry/core/command";
+export * from "@/registry/core/command-01";
diff --git a/www/src/components/core/contextual-help.tsx b/www/src/components/core/contextual-help.tsx
index 72ed12e54..972620010 100644
--- a/www/src/components/core/contextual-help.tsx
+++ b/www/src/components/core/contextual-help.tsx
@@ -1 +1 @@
-export * from "@/registry/core/contextual-help";
+export * from "@/registry/core/contextual-help-01";
diff --git a/www/src/components/core/date-field.tsx b/www/src/components/core/date-field.tsx
index fe63c47fa..9a4976531 100644
--- a/www/src/components/core/date-field.tsx
+++ b/www/src/components/core/date-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-field";
+export * from "@/registry/core/date-field-01";
diff --git a/www/src/components/core/date-input.tsx b/www/src/components/core/date-input.tsx
index 41562018f..ef8dba045 100644
--- a/www/src/components/core/date-input.tsx
+++ b/www/src/components/core/date-input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-input";
+export * from "@/registry/core/date-input-01";
diff --git a/www/src/components/core/date-picker.tsx b/www/src/components/core/date-picker.tsx
index 3ff9fdd3b..d73c187a9 100644
--- a/www/src/components/core/date-picker.tsx
+++ b/www/src/components/core/date-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-picker";
+export * from "@/registry/core/date-picker-01";
diff --git a/www/src/components/core/date-range-picker.tsx b/www/src/components/core/date-range-picker.tsx
index 9964a8b8b..8ed6008da 100644
--- a/www/src/components/core/date-range-picker.tsx
+++ b/www/src/components/core/date-range-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-range-picker";
+export * from "@/registry/core/date-range-picker-01";
diff --git a/www/src/components/core/dialog.tsx b/www/src/components/core/dialog.tsx
index a1cc743c2..9c1cba869 100644
--- a/www/src/components/core/dialog.tsx
+++ b/www/src/components/core/dialog.tsx
@@ -1 +1 @@
-export * from "@/registry/core/dialog";
+export * from "@/registry/core/dialog-01";
diff --git a/www/src/components/core/drop-zone.tsx b/www/src/components/core/drop-zone.tsx
index d4ac56f14..3ab34599e 100644
--- a/www/src/components/core/drop-zone.tsx
+++ b/www/src/components/core/drop-zone.tsx
@@ -1 +1 @@
-export * from "@/registry/core/drop-zone";
+export * from "@/registry/core/drop-zone-01";
diff --git a/www/src/components/core/field.tsx b/www/src/components/core/field.tsx
index 36c81c284..dc422dd17 100644
--- a/www/src/components/core/field.tsx
+++ b/www/src/components/core/field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/field";
+export * from "@/registry/core/field-01";
diff --git a/www/src/components/core/file-trigger.tsx b/www/src/components/core/file-trigger.tsx
index b6737091b..a50bd60c2 100644
--- a/www/src/components/core/file-trigger.tsx
+++ b/www/src/components/core/file-trigger.tsx
@@ -1 +1 @@
-export * from "@/registry/core/file-trigger";
+export * from "@/registry/core/file-trigger-01";
diff --git a/www/src/components/core/form.tsx b/www/src/components/core/form.tsx
index b0b212e82..a03a75114 100644
--- a/www/src/components/core/form.tsx
+++ b/www/src/components/core/form.tsx
@@ -1 +1 @@
-export * from "@/registry/core/form";
+export * from "@/registry/core/form-01";
diff --git a/www/src/components/core/group.tsx b/www/src/components/core/group.tsx
index ab62c7593..6585e664c 100644
--- a/www/src/components/core/group.tsx
+++ b/www/src/components/core/group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/group";
+export * from "@/registry/core/group-01";
diff --git a/www/src/components/core/heading.tsx b/www/src/components/core/heading.tsx
index 1c75aa222..e3d6a8024 100644
--- a/www/src/components/core/heading.tsx
+++ b/www/src/components/core/heading.tsx
@@ -1 +1 @@
-export * from "@/registry/core/heading";
+export * from "@/registry/core/heading-01";
diff --git a/www/src/components/core/input.tsx b/www/src/components/core/input.tsx
index 530457376..b504c776b 100644
--- a/www/src/components/core/input.tsx
+++ b/www/src/components/core/input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/input";
+export * from "@/registry/core/input-01";
diff --git a/www/src/components/core/kbd.tsx b/www/src/components/core/kbd.tsx
index 8a8589bbc..74dd24ed4 100644
--- a/www/src/components/core/kbd.tsx
+++ b/www/src/components/core/kbd.tsx
@@ -1 +1 @@
-export * from "@/registry/core/kbd";
+export * from "@/registry/core/kbd-01";
diff --git a/www/src/components/core/link.tsx b/www/src/components/core/link.tsx
index 85678c8a5..6d5c60ab3 100644
--- a/www/src/components/core/link.tsx
+++ b/www/src/components/core/link.tsx
@@ -1 +1 @@
-export * from "@/registry/core/link";
+export * from "@/registry/core/link-01";
diff --git a/www/src/components/core/list-box.tsx b/www/src/components/core/list-box.tsx
index 44b45c9b9..5ca02fb5b 100644
--- a/www/src/components/core/list-box.tsx
+++ b/www/src/components/core/list-box.tsx
@@ -1 +1 @@
-export * from "@/registry/core/list-box";
+export * from "@/registry/core/list-box-01";
diff --git a/www/src/components/core/menu.tsx b/www/src/components/core/menu.tsx
index c00f0e3dd..4e4e0de30 100644
--- a/www/src/components/core/menu.tsx
+++ b/www/src/components/core/menu.tsx
@@ -1 +1 @@
-export * from "@/registry/core/menu";
+export * from "@/registry/core/menu-01";
diff --git a/www/src/components/core/number-field.tsx b/www/src/components/core/number-field.tsx
index 8f813cd83..fe9057bb0 100644
--- a/www/src/components/core/number-field.tsx
+++ b/www/src/components/core/number-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/number-field";
+export * from "@/registry/core/number-field-01";
diff --git a/www/src/components/core/overlay.tsx b/www/src/components/core/overlay.tsx
index 6fd6b8a57..cbff39bb6 100644
--- a/www/src/components/core/overlay.tsx
+++ b/www/src/components/core/overlay.tsx
@@ -1 +1 @@
-export * from "@/registry/core/overlay";
+export * from "@/registry/core/overlay-01";
diff --git a/www/src/components/core/progress.tsx b/www/src/components/core/progress.tsx
index d8983169e..36b2664fb 100644
--- a/www/src/components/core/progress.tsx
+++ b/www/src/components/core/progress.tsx
@@ -1 +1 @@
-export * from "@/registry/core/progress";
+export * from "@/registry/core/progress-01";
diff --git a/www/src/components/core/radio-group.tsx b/www/src/components/core/radio-group.tsx
index 72819ea6c..d12d9c218 100644
--- a/www/src/components/core/radio-group.tsx
+++ b/www/src/components/core/radio-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/radio-group";
+export * from "@/registry/core/radio-group-01";
diff --git a/www/src/components/core/range-calendar.tsx b/www/src/components/core/range-calendar.tsx
index 63283ced5..8ebec4abb 100644
--- a/www/src/components/core/range-calendar.tsx
+++ b/www/src/components/core/range-calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/range-calendar";
+export * from "@/registry/core/range-calendar-01";
diff --git a/www/src/components/core/resizable.tsx b/www/src/components/core/resizable.tsx
deleted file mode 100644
index 39f591316..000000000
--- a/www/src/components/core/resizable.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/resizable";
diff --git a/www/src/components/core/scroll-area.tsx b/www/src/components/core/scroll-area.tsx
index 0a9909558..ed8379803 100644
--- a/www/src/components/core/scroll-area.tsx
+++ b/www/src/components/core/scroll-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/scroll-area";
+export * from "@/registry/core/scroll-area-01";
diff --git a/www/src/components/core/search-field.tsx b/www/src/components/core/search-field.tsx
index 03e932b97..3db6b3136 100644
--- a/www/src/components/core/search-field.tsx
+++ b/www/src/components/core/search-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/search-field";
+export * from "@/registry/core/search-field-01";
diff --git a/www/src/components/core/section.tsx b/www/src/components/core/section.tsx
index 86c515761..a5c1d56c1 100644
--- a/www/src/components/core/section.tsx
+++ b/www/src/components/core/section.tsx
@@ -1 +1 @@
-export * from "@/registry/core/section";
+export * from "@/registry/core/section-01";
diff --git a/www/src/components/core/select.tsx b/www/src/components/core/select.tsx
index 33478f7b4..525d95347 100644
--- a/www/src/components/core/select.tsx
+++ b/www/src/components/core/select.tsx
@@ -1 +1 @@
-export * from "@/registry/core/select";
+export * from "@/registry/core/select-01";
diff --git a/www/src/components/core/separator.tsx b/www/src/components/core/separator.tsx
index a07a5c4ef..ffc75eb3b 100644
--- a/www/src/components/core/separator.tsx
+++ b/www/src/components/core/separator.tsx
@@ -1 +1 @@
-export * from "@/registry/core/separator";
+export * from "@/registry/core/separator-01";
diff --git a/www/src/components/core/skeleton.tsx b/www/src/components/core/skeleton.tsx
index 6954cbe47..9de967917 100644
--- a/www/src/components/core/skeleton.tsx
+++ b/www/src/components/core/skeleton.tsx
@@ -1 +1 @@
-export * from "@/registry/core/skeleton";
+export * from "@/registry/core/skeleton-01";
diff --git a/www/src/components/core/slider.tsx b/www/src/components/core/slider.tsx
index 9c2b03a26..e7b073480 100644
--- a/www/src/components/core/slider.tsx
+++ b/www/src/components/core/slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/slider";
+export * from "@/registry/core/slider-01";
diff --git a/www/src/components/core/switch.tsx b/www/src/components/core/switch.tsx
index ec98f7aca..74ccb54f2 100644
--- a/www/src/components/core/switch.tsx
+++ b/www/src/components/core/switch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/switch";
+export * from "@/registry/core/switch-01";
diff --git a/www/src/components/core/table.tsx b/www/src/components/core/table.tsx
index 67ae8ae33..2147cb117 100644
--- a/www/src/components/core/table.tsx
+++ b/www/src/components/core/table.tsx
@@ -1 +1 @@
-export * from "@/registry/core/table";
+export * from "@/registry/core/table-01";
diff --git a/www/src/components/core/tabs.tsx b/www/src/components/core/tabs.tsx
index 15f792b58..ef2a6e29b 100644
--- a/www/src/components/core/tabs.tsx
+++ b/www/src/components/core/tabs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tabs";
+export * from "@/registry/core/tabs-01";
diff --git a/www/src/components/core/tag-group.tsx b/www/src/components/core/tag-group.tsx
index 03d2e0fac..46b2c72b0 100644
--- a/www/src/components/core/tag-group.tsx
+++ b/www/src/components/core/tag-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tag-group";
+export * from "@/registry/core/tag-group-01";
diff --git a/www/src/components/core/text-area.tsx b/www/src/components/core/text-area.tsx
index e73a03ba6..410bbd649 100644
--- a/www/src/components/core/text-area.tsx
+++ b/www/src/components/core/text-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-area";
+export * from "@/registry/core/text-area-01";
diff --git a/www/src/components/core/text-field.tsx b/www/src/components/core/text-field.tsx
index f54982c07..caf725deb 100644
--- a/www/src/components/core/text-field.tsx
+++ b/www/src/components/core/text-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-field";
+export * from "@/registry/core/text-field-01";
diff --git a/www/src/components/core/text.tsx b/www/src/components/core/text.tsx
index 917fae3eb..18f0e5127 100644
--- a/www/src/components/core/text.tsx
+++ b/www/src/components/core/text.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text";
+export * from "@/registry/core/text-01";
diff --git a/www/src/components/core/time-field.tsx b/www/src/components/core/time-field.tsx
index fb2a26fc4..ee3ad5220 100644
--- a/www/src/components/core/time-field.tsx
+++ b/www/src/components/core/time-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/time-field";
+export * from "@/registry/core/time-field-01";
diff --git a/www/src/components/core/toggle-button.tsx b/www/src/components/core/toggle-button.tsx
index 996d5b444..e2dda3fa3 100644
--- a/www/src/components/core/toggle-button.tsx
+++ b/www/src/components/core/toggle-button.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-button";
+export * from "@/registry/core/toggle-button-01";
diff --git a/www/src/components/core/toggle-group.tsx b/www/src/components/core/toggle-group.tsx
index 8d972a69b..d03beccf0 100644
--- a/www/src/components/core/toggle-group.tsx
+++ b/www/src/components/core/toggle-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-group";
+export * from "@/registry/core/toggle-group-01";
diff --git a/www/src/components/core/tooltip.tsx b/www/src/components/core/tooltip.tsx
index 00d3935e7..b2852e2ad 100644
--- a/www/src/components/core/tooltip.tsx
+++ b/www/src/components/core/tooltip.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tooltip";
+export * from "@/registry/core/tooltip-01";
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index 4cbbcd351..73e506589 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -1 +1 @@
-export * from "@/registry/core/alert";
+export * from "@/registry/core/alert-01";
diff --git a/www/src/components/dynamic-core/aspect-ratio.tsx b/www/src/components/dynamic-core/aspect-ratio.tsx
index a187f0fce..0a40c1d44 100644
--- a/www/src/components/dynamic-core/aspect-ratio.tsx
+++ b/www/src/components/dynamic-core/aspect-ratio.tsx
@@ -1 +1 @@
-export * from "@/registry/core/aspect-ratio";
+export * from "@/registry/core/aspect-ratio-01";
diff --git a/www/src/components/dynamic-core/avatar.tsx b/www/src/components/dynamic-core/avatar.tsx
index bffee191f..5f1f6a379 100644
--- a/www/src/components/dynamic-core/avatar.tsx
+++ b/www/src/components/dynamic-core/avatar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/avatar";
+export * from "@/registry/core/avatar-01";
diff --git a/www/src/components/dynamic-core/badge.tsx b/www/src/components/dynamic-core/badge.tsx
index 9f91555c9..f52d1c30d 100644
--- a/www/src/components/dynamic-core/badge.tsx
+++ b/www/src/components/dynamic-core/badge.tsx
@@ -1 +1 @@
-export * from "@/registry/core/badge";
+export * from "@/registry/core/badge-01";
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
index 6ab3e247c..1cb813193 100644
--- a/www/src/components/dynamic-core/breadcrumbs.tsx
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/breadcrumbs";
+export * from "@/registry/core/breadcrumbs-01";
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index 0d111378f..073bd30b0 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -1 +1 @@
-export * from "@/registry/core/button";
+export * from "@/__registry__/core/button-02";
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index 7d86ebdc8..9bddcd390 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/calendar";
+export * from "@/__registry__/core/calendar-02";
diff --git a/www/src/components/dynamic-core/checkbox-group.tsx b/www/src/components/dynamic-core/checkbox-group.tsx
index baff293c5..5e13959ba 100644
--- a/www/src/components/dynamic-core/checkbox-group.tsx
+++ b/www/src/components/dynamic-core/checkbox-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox-group";
+export * from "@/registry/core/checkbox-group-01";
diff --git a/www/src/components/dynamic-core/checkbox.tsx b/www/src/components/dynamic-core/checkbox.tsx
index 3e6a8618a..5a6baba1a 100644
--- a/www/src/components/dynamic-core/checkbox.tsx
+++ b/www/src/components/dynamic-core/checkbox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox";
+export * from "@/registry/core/checkbox-01";
diff --git a/www/src/components/dynamic-core/collapsible.tsx b/www/src/components/dynamic-core/collapsible.tsx
index dd4a87930..6429c3c2f 100644
--- a/www/src/components/dynamic-core/collapsible.tsx
+++ b/www/src/components/dynamic-core/collapsible.tsx
@@ -1 +1 @@
-export * from "@/registry/core/collapsible";
+export * from "@/registry/core/collapsible-01";
diff --git a/www/src/components/dynamic-core/color-area.tsx b/www/src/components/dynamic-core/color-area.tsx
index 87aae0d3b..ee5bc8349 100644
--- a/www/src/components/dynamic-core/color-area.tsx
+++ b/www/src/components/dynamic-core/color-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-area";
+export * from "@/registry/core/color-area-01";
diff --git a/www/src/components/dynamic-core/color-field.tsx b/www/src/components/dynamic-core/color-field.tsx
index 7ffcea66f..125141cc1 100644
--- a/www/src/components/dynamic-core/color-field.tsx
+++ b/www/src/components/dynamic-core/color-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-field";
+export * from "@/registry/core/color-field-01";
diff --git a/www/src/components/dynamic-core/color-picker.tsx b/www/src/components/dynamic-core/color-picker.tsx
index e1cc3fc06..07fd6c3e2 100644
--- a/www/src/components/dynamic-core/color-picker.tsx
+++ b/www/src/components/dynamic-core/color-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-picker";
+export * from "@/registry/core/color-picker-01";
diff --git a/www/src/components/dynamic-core/color-slider.tsx b/www/src/components/dynamic-core/color-slider.tsx
index f129ecd6e..5b955ff78 100644
--- a/www/src/components/dynamic-core/color-slider.tsx
+++ b/www/src/components/dynamic-core/color-slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-slider";
+export * from "@/registry/core/color-slider-01";
diff --git a/www/src/components/dynamic-core/color-swatch.tsx b/www/src/components/dynamic-core/color-swatch.tsx
index b748886e2..5b82b3112 100644
--- a/www/src/components/dynamic-core/color-swatch.tsx
+++ b/www/src/components/dynamic-core/color-swatch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-swatch";
+export * from "@/registry/core/color-swatch-01";
diff --git a/www/src/components/dynamic-core/color-thumb.tsx b/www/src/components/dynamic-core/color-thumb.tsx
index 651b1b9f9..9617ebf72 100644
--- a/www/src/components/dynamic-core/color-thumb.tsx
+++ b/www/src/components/dynamic-core/color-thumb.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-thumb";
+export * from "@/registry/core/color-thumb-01";
diff --git a/www/src/components/dynamic-core/combobox.tsx b/www/src/components/dynamic-core/combobox.tsx
index a86704b16..9bad83a2e 100644
--- a/www/src/components/dynamic-core/combobox.tsx
+++ b/www/src/components/dynamic-core/combobox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/combobox";
+export * from "@/registry/core/combobox-01";
diff --git a/www/src/components/dynamic-core/command.tsx b/www/src/components/dynamic-core/command.tsx
index 352f6f35b..ae4823c13 100644
--- a/www/src/components/dynamic-core/command.tsx
+++ b/www/src/components/dynamic-core/command.tsx
@@ -1 +1 @@
-export * from "@/registry/core/command";
+export * from "@/registry/core/command-01";
diff --git a/www/src/components/dynamic-core/contextual-help.tsx b/www/src/components/dynamic-core/contextual-help.tsx
index 72ed12e54..972620010 100644
--- a/www/src/components/dynamic-core/contextual-help.tsx
+++ b/www/src/components/dynamic-core/contextual-help.tsx
@@ -1 +1 @@
-export * from "@/registry/core/contextual-help";
+export * from "@/registry/core/contextual-help-01";
diff --git a/www/src/components/dynamic-core/date-field.tsx b/www/src/components/dynamic-core/date-field.tsx
index fe63c47fa..9a4976531 100644
--- a/www/src/components/dynamic-core/date-field.tsx
+++ b/www/src/components/dynamic-core/date-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-field";
+export * from "@/registry/core/date-field-01";
diff --git a/www/src/components/dynamic-core/date-input.tsx b/www/src/components/dynamic-core/date-input.tsx
index 41562018f..ef8dba045 100644
--- a/www/src/components/dynamic-core/date-input.tsx
+++ b/www/src/components/dynamic-core/date-input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-input";
+export * from "@/registry/core/date-input-01";
diff --git a/www/src/components/dynamic-core/date-picker.tsx b/www/src/components/dynamic-core/date-picker.tsx
index 3ff9fdd3b..d73c187a9 100644
--- a/www/src/components/dynamic-core/date-picker.tsx
+++ b/www/src/components/dynamic-core/date-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-picker";
+export * from "@/registry/core/date-picker-01";
diff --git a/www/src/components/dynamic-core/date-range-picker.tsx b/www/src/components/dynamic-core/date-range-picker.tsx
index 9964a8b8b..8ed6008da 100644
--- a/www/src/components/dynamic-core/date-range-picker.tsx
+++ b/www/src/components/dynamic-core/date-range-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-range-picker";
+export * from "@/registry/core/date-range-picker-01";
diff --git a/www/src/components/dynamic-core/dialog.tsx b/www/src/components/dynamic-core/dialog.tsx
index a1cc743c2..9c1cba869 100644
--- a/www/src/components/dynamic-core/dialog.tsx
+++ b/www/src/components/dynamic-core/dialog.tsx
@@ -1 +1 @@
-export * from "@/registry/core/dialog";
+export * from "@/registry/core/dialog-01";
diff --git a/www/src/components/dynamic-core/drop-zone.tsx b/www/src/components/dynamic-core/drop-zone.tsx
index d4ac56f14..3ab34599e 100644
--- a/www/src/components/dynamic-core/drop-zone.tsx
+++ b/www/src/components/dynamic-core/drop-zone.tsx
@@ -1 +1 @@
-export * from "@/registry/core/drop-zone";
+export * from "@/registry/core/drop-zone-01";
diff --git a/www/src/components/dynamic-core/field.tsx b/www/src/components/dynamic-core/field.tsx
index 36c81c284..dc422dd17 100644
--- a/www/src/components/dynamic-core/field.tsx
+++ b/www/src/components/dynamic-core/field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/field";
+export * from "@/registry/core/field-01";
diff --git a/www/src/components/dynamic-core/file-trigger.tsx b/www/src/components/dynamic-core/file-trigger.tsx
index b6737091b..a50bd60c2 100644
--- a/www/src/components/dynamic-core/file-trigger.tsx
+++ b/www/src/components/dynamic-core/file-trigger.tsx
@@ -1 +1 @@
-export * from "@/registry/core/file-trigger";
+export * from "@/registry/core/file-trigger-01";
diff --git a/www/src/components/dynamic-core/form.tsx b/www/src/components/dynamic-core/form.tsx
index b0b212e82..a03a75114 100644
--- a/www/src/components/dynamic-core/form.tsx
+++ b/www/src/components/dynamic-core/form.tsx
@@ -1 +1 @@
-export * from "@/registry/core/form";
+export * from "@/registry/core/form-01";
diff --git a/www/src/components/dynamic-core/group.tsx b/www/src/components/dynamic-core/group.tsx
index ab62c7593..6585e664c 100644
--- a/www/src/components/dynamic-core/group.tsx
+++ b/www/src/components/dynamic-core/group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/group";
+export * from "@/registry/core/group-01";
diff --git a/www/src/components/dynamic-core/heading.tsx b/www/src/components/dynamic-core/heading.tsx
index 1c75aa222..e3d6a8024 100644
--- a/www/src/components/dynamic-core/heading.tsx
+++ b/www/src/components/dynamic-core/heading.tsx
@@ -1 +1 @@
-export * from "@/registry/core/heading";
+export * from "@/registry/core/heading-01";
diff --git a/www/src/components/dynamic-core/input.tsx b/www/src/components/dynamic-core/input.tsx
index 530457376..b504c776b 100644
--- a/www/src/components/dynamic-core/input.tsx
+++ b/www/src/components/dynamic-core/input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/input";
+export * from "@/registry/core/input-01";
diff --git a/www/src/components/dynamic-core/kbd.tsx b/www/src/components/dynamic-core/kbd.tsx
index 8a8589bbc..74dd24ed4 100644
--- a/www/src/components/dynamic-core/kbd.tsx
+++ b/www/src/components/dynamic-core/kbd.tsx
@@ -1 +1 @@
-export * from "@/registry/core/kbd";
+export * from "@/registry/core/kbd-01";
diff --git a/www/src/components/dynamic-core/link.tsx b/www/src/components/dynamic-core/link.tsx
index 85678c8a5..6d5c60ab3 100644
--- a/www/src/components/dynamic-core/link.tsx
+++ b/www/src/components/dynamic-core/link.tsx
@@ -1 +1 @@
-export * from "@/registry/core/link";
+export * from "@/registry/core/link-01";
diff --git a/www/src/components/dynamic-core/list-box.tsx b/www/src/components/dynamic-core/list-box.tsx
index 44b45c9b9..5ca02fb5b 100644
--- a/www/src/components/dynamic-core/list-box.tsx
+++ b/www/src/components/dynamic-core/list-box.tsx
@@ -1 +1 @@
-export * from "@/registry/core/list-box";
+export * from "@/registry/core/list-box-01";
diff --git a/www/src/components/dynamic-core/menu.tsx b/www/src/components/dynamic-core/menu.tsx
index c00f0e3dd..4e4e0de30 100644
--- a/www/src/components/dynamic-core/menu.tsx
+++ b/www/src/components/dynamic-core/menu.tsx
@@ -1 +1 @@
-export * from "@/registry/core/menu";
+export * from "@/registry/core/menu-01";
diff --git a/www/src/components/dynamic-core/number-field.tsx b/www/src/components/dynamic-core/number-field.tsx
index 8f813cd83..fe9057bb0 100644
--- a/www/src/components/dynamic-core/number-field.tsx
+++ b/www/src/components/dynamic-core/number-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/number-field";
+export * from "@/registry/core/number-field-01";
diff --git a/www/src/components/dynamic-core/overlay.tsx b/www/src/components/dynamic-core/overlay.tsx
index 6fd6b8a57..cbff39bb6 100644
--- a/www/src/components/dynamic-core/overlay.tsx
+++ b/www/src/components/dynamic-core/overlay.tsx
@@ -1 +1 @@
-export * from "@/registry/core/overlay";
+export * from "@/registry/core/overlay-01";
diff --git a/www/src/components/dynamic-core/progress.tsx b/www/src/components/dynamic-core/progress.tsx
index d8983169e..36b2664fb 100644
--- a/www/src/components/dynamic-core/progress.tsx
+++ b/www/src/components/dynamic-core/progress.tsx
@@ -1 +1 @@
-export * from "@/registry/core/progress";
+export * from "@/registry/core/progress-01";
diff --git a/www/src/components/dynamic-core/radio-group.tsx b/www/src/components/dynamic-core/radio-group.tsx
index 72819ea6c..d12d9c218 100644
--- a/www/src/components/dynamic-core/radio-group.tsx
+++ b/www/src/components/dynamic-core/radio-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/radio-group";
+export * from "@/registry/core/radio-group-01";
diff --git a/www/src/components/dynamic-core/range-calendar.tsx b/www/src/components/dynamic-core/range-calendar.tsx
index 63283ced5..8ebec4abb 100644
--- a/www/src/components/dynamic-core/range-calendar.tsx
+++ b/www/src/components/dynamic-core/range-calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/range-calendar";
+export * from "@/registry/core/range-calendar-01";
diff --git a/www/src/components/dynamic-core/resizable.tsx b/www/src/components/dynamic-core/resizable.tsx
deleted file mode 100644
index 39f591316..000000000
--- a/www/src/components/dynamic-core/resizable.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/resizable";
diff --git a/www/src/components/dynamic-core/scroll-area.tsx b/www/src/components/dynamic-core/scroll-area.tsx
index 0a9909558..ed8379803 100644
--- a/www/src/components/dynamic-core/scroll-area.tsx
+++ b/www/src/components/dynamic-core/scroll-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/scroll-area";
+export * from "@/registry/core/scroll-area-01";
diff --git a/www/src/components/dynamic-core/search-field.tsx b/www/src/components/dynamic-core/search-field.tsx
index 03e932b97..3db6b3136 100644
--- a/www/src/components/dynamic-core/search-field.tsx
+++ b/www/src/components/dynamic-core/search-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/search-field";
+export * from "@/registry/core/search-field-01";
diff --git a/www/src/components/dynamic-core/section.tsx b/www/src/components/dynamic-core/section.tsx
index 86c515761..a5c1d56c1 100644
--- a/www/src/components/dynamic-core/section.tsx
+++ b/www/src/components/dynamic-core/section.tsx
@@ -1 +1 @@
-export * from "@/registry/core/section";
+export * from "@/registry/core/section-01";
diff --git a/www/src/components/dynamic-core/select.tsx b/www/src/components/dynamic-core/select.tsx
index 33478f7b4..525d95347 100644
--- a/www/src/components/dynamic-core/select.tsx
+++ b/www/src/components/dynamic-core/select.tsx
@@ -1 +1 @@
-export * from "@/registry/core/select";
+export * from "@/registry/core/select-01";
diff --git a/www/src/components/dynamic-core/separator.tsx b/www/src/components/dynamic-core/separator.tsx
index a07a5c4ef..ffc75eb3b 100644
--- a/www/src/components/dynamic-core/separator.tsx
+++ b/www/src/components/dynamic-core/separator.tsx
@@ -1 +1 @@
-export * from "@/registry/core/separator";
+export * from "@/registry/core/separator-01";
diff --git a/www/src/components/dynamic-core/skeleton.tsx b/www/src/components/dynamic-core/skeleton.tsx
index 6954cbe47..9de967917 100644
--- a/www/src/components/dynamic-core/skeleton.tsx
+++ b/www/src/components/dynamic-core/skeleton.tsx
@@ -1 +1 @@
-export * from "@/registry/core/skeleton";
+export * from "@/registry/core/skeleton-01";
diff --git a/www/src/components/dynamic-core/slider.tsx b/www/src/components/dynamic-core/slider.tsx
index 9c2b03a26..e7b073480 100644
--- a/www/src/components/dynamic-core/slider.tsx
+++ b/www/src/components/dynamic-core/slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/slider";
+export * from "@/registry/core/slider-01";
diff --git a/www/src/components/dynamic-core/switch.tsx b/www/src/components/dynamic-core/switch.tsx
index ec98f7aca..74ccb54f2 100644
--- a/www/src/components/dynamic-core/switch.tsx
+++ b/www/src/components/dynamic-core/switch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/switch";
+export * from "@/registry/core/switch-01";
diff --git a/www/src/components/dynamic-core/table.tsx b/www/src/components/dynamic-core/table.tsx
index 67ae8ae33..2147cb117 100644
--- a/www/src/components/dynamic-core/table.tsx
+++ b/www/src/components/dynamic-core/table.tsx
@@ -1 +1 @@
-export * from "@/registry/core/table";
+export * from "@/registry/core/table-01";
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
index 15f792b58..ef2a6e29b 100644
--- a/www/src/components/dynamic-core/tabs.tsx
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tabs";
+export * from "@/registry/core/tabs-01";
diff --git a/www/src/components/dynamic-core/tag-group.tsx b/www/src/components/dynamic-core/tag-group.tsx
index 03d2e0fac..46b2c72b0 100644
--- a/www/src/components/dynamic-core/tag-group.tsx
+++ b/www/src/components/dynamic-core/tag-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tag-group";
+export * from "@/registry/core/tag-group-01";
diff --git a/www/src/components/dynamic-core/text-area.tsx b/www/src/components/dynamic-core/text-area.tsx
index e73a03ba6..410bbd649 100644
--- a/www/src/components/dynamic-core/text-area.tsx
+++ b/www/src/components/dynamic-core/text-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-area";
+export * from "@/registry/core/text-area-01";
diff --git a/www/src/components/dynamic-core/text-field.tsx b/www/src/components/dynamic-core/text-field.tsx
index f54982c07..caf725deb 100644
--- a/www/src/components/dynamic-core/text-field.tsx
+++ b/www/src/components/dynamic-core/text-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-field";
+export * from "@/registry/core/text-field-01";
diff --git a/www/src/components/dynamic-core/text.tsx b/www/src/components/dynamic-core/text.tsx
index 917fae3eb..18f0e5127 100644
--- a/www/src/components/dynamic-core/text.tsx
+++ b/www/src/components/dynamic-core/text.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text";
+export * from "@/registry/core/text-01";
diff --git a/www/src/components/dynamic-core/time-field.tsx b/www/src/components/dynamic-core/time-field.tsx
index fb2a26fc4..ee3ad5220 100644
--- a/www/src/components/dynamic-core/time-field.tsx
+++ b/www/src/components/dynamic-core/time-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/time-field";
+export * from "@/registry/core/time-field-01";
diff --git a/www/src/components/dynamic-core/toggle-button.tsx b/www/src/components/dynamic-core/toggle-button.tsx
index 996d5b444..e2dda3fa3 100644
--- a/www/src/components/dynamic-core/toggle-button.tsx
+++ b/www/src/components/dynamic-core/toggle-button.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-button";
+export * from "@/registry/core/toggle-button-01";
diff --git a/www/src/components/dynamic-core/toggle-group.tsx b/www/src/components/dynamic-core/toggle-group.tsx
index 8d972a69b..d03beccf0 100644
--- a/www/src/components/dynamic-core/toggle-group.tsx
+++ b/www/src/components/dynamic-core/toggle-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-group";
+export * from "@/registry/core/toggle-group-01";
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index 00d3935e7..b2852e2ad 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tooltip";
+export * from "@/registry/core/tooltip-01";
diff --git a/www/src/registry/index/core.ts b/www/src/registry/core.ts
similarity index 96%
rename from www/src/registry/index/core.ts
rename to www/src/registry/core.ts
index dc4a44510..c9c41198e 100644
--- a/www/src/registry/index/core.ts
+++ b/www/src/registry/core.ts
@@ -1,26 +1,23 @@
-import type { Registry } from "@dotui/registry/types";
+import type { Registry } from "@/registry/types";
 
 export const core: Registry = [
   {
     name: "alert",
     type: "registry:core",
-    files: [
+    variants: [
       {
-        path: "core/alert/alert.tsx",
-        type: "registry:core",
-        target: "core/alert.tsx",
+        name: "alert-01",
       },
     ],
   },
   {
-    name: "aspect-ratio",
+    name: "alert-01",
     type: "registry:core",
-    dependencies: ["@radix-ui/react-aspect-ratio"],
     files: [
       {
-        path: "core/aspect-ratio/aspect-ratio.tsx",
+        path: "core/alert/alert-01.tsx",
         type: "registry:core",
-        target: "core/aspect-ratio.tsx",
+        target: "core/alert.tsx",
       },
     ],
   },
@@ -61,10 +58,34 @@ export const core: Registry = [
   {
     name: "button",
     type: "registry:core",
+    variants: [
+      {
+        name: "button-01",
+      },
+      {
+        name: "button-02",
+      },
+    ],
+  },
+  {
+    name: "button-01",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/button-01.tsx",
+        type: "registry:core",
+        target: "core/button.tsx",
+      },
+    ],
+  },
+  {
+    name: "button-02",
+    type: "registry:core",
     dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/button/button.tsx",
+        path: "core/button-02.tsx",
         type: "registry:core",
         target: "core/button.tsx",
       },
diff --git a/www/src/registry/core/alert.tsx b/www/src/registry/core/alert-01.tsx
similarity index 100%
rename from www/src/registry/core/alert.tsx
rename to www/src/registry/core/alert-01.tsx
diff --git a/www/src/registry/core/aspect-ratio.tsx b/www/src/registry/core/aspect-ratio.tsx
deleted file mode 100644
index 359bc940d..000000000
--- a/www/src/registry/core/aspect-ratio.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-
-const AspectRatio = AspectRatioPrimitive.Root;
-
-export { AspectRatio };
diff --git a/www/src/registry/core/avatar.tsx b/www/src/registry/core/avatar-01.tsx
similarity index 100%
rename from www/src/registry/core/avatar.tsx
rename to www/src/registry/core/avatar-01.tsx
diff --git a/www/src/registry/core/badge.tsx b/www/src/registry/core/badge-01.tsx
similarity index 100%
rename from www/src/registry/core/badge.tsx
rename to www/src/registry/core/badge-01.tsx
diff --git a/www/src/registry/core/breadcrumbs.tsx b/www/src/registry/core/breadcrumbs-01.tsx
similarity index 100%
rename from www/src/registry/core/breadcrumbs.tsx
rename to www/src/registry/core/breadcrumbs-01.tsx
diff --git a/www/src/registry/core/button.tsx b/www/src/registry/core/button-01.tsx
similarity index 100%
rename from www/src/registry/core/button.tsx
rename to www/src/registry/core/button-01.tsx
diff --git a/www/src/registry/core/button-02.tsx b/www/src/registry/core/button-02.tsx
new file mode 100644
index 000000000..ab517d008
--- /dev/null
+++ b/www/src/registry/core/button-02.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Button as AriaButton,
+  Link as AriaLink,
+  type ButtonProps as AriaButtonProps,
+  type LinkProps as AriaLinkProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+import { LoaderIcon } from "@/__icons__";
+
+const buttonStyles = tv(
+  {
+    extend: focusRing,
+    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    variants: {
+      variant: {
+        default:
+          "bg-red-500  hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
+        primary:
+          "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
+        quiet:
+          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
+        outline:
+          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+        accent:
+          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+        success:
+          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+        warning:
+          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+        danger:
+          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
+      },
+      size: {
+        sm: "size-8 [&_svg]:size-4",
+        md: "size-9 [&_svg]:size-4",
+        lg: "size-10 [&_svg]:size-5",
+      },
+      shape: {
+        rectangle: "",
+        square: "",
+        circle: "rounded-full",
+      },
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        shape: "rectangle",
+        className: "w-auto px-3",
+      },
+      {
+        size: "md",
+        shape: "rectangle",
+        className: "w-auto px-4",
+      },
+      {
+        size: "lg",
+        shape: "rectangle",
+        className: "w-auto px-5",
+      },
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      shape: "rectangle",
+    },
+  },
+  {
+    responsiveVariants: ["sm", "lg"],
+  }
+);
+
+interface ButtonProps
+  extends Omit<AriaButtonProps, "className">,
+    Omit<AriaLinkProps, "className" | "children" | "style">,
+    VariantProps<typeof buttonStyles> {
+  className?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+
+const Button = React.forwardRef(
+  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
+    const contextProps = useButtonContext();
+    const props = { ...contextProps, ...localProps };
+
+    const { className, variant, size, shape, prefix, suffix, ...restProps } =
+      props;
+
+    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
+
+    return (
+      <Element
+        ref={ref}
+        {...restProps}
+        className={buttonStyles({ variant, size, shape, className })}
+      >
+        {composeRenderProps(props.children, (children, { isPending }) => (
+          <>
+            {isPending && (
+              <LoaderIcon aria-label="loading" className="animate-spin" />
+            )}
+            {prefix}
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
+            {suffix}
+          </>
+        ))}
+      </Element>
+    );
+  }
+);
+Button.displayName = "Button";
+
+type ButtonContextValue = VariantProps<typeof buttonStyles>;
+const ButtonContext = React.createContext<ButtonContextValue>({});
+const useButtonContext = () => {
+  return React.useContext(ButtonContext);
+};
+
+export type { ButtonProps };
+export { Button, buttonStyles, ButtonContext };
diff --git a/www/src/registry/core/calendar.tsx b/www/src/registry/core/calendar-01.tsx
similarity index 97%
rename from www/src/registry/core/calendar.tsx
rename to www/src/registry/core/calendar-01.tsx
index 1c8d80a1e..1e2439c29 100644
--- a/www/src/registry/core/calendar.tsx
+++ b/www/src/registry/core/calendar-01.tsx
@@ -20,9 +20,9 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, buttonStyles } from "@/registry/core/button";
-import { Heading } from "@/registry/core/heading";
-import { Text } from "@/registry/core/text";
+import { Button, buttonStyles } from "@/registry/core/button-01";
+import { Heading } from "@/registry/core/heading-01";
+import { Text } from "@/registry/core/text-01";
 import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
 
 const calendarStyles = tv({
diff --git a/www/src/registry/core/calendar-02.tsx b/www/src/registry/core/calendar-02.tsx
new file mode 100644
index 000000000..861aed1e4
--- /dev/null
+++ b/www/src/registry/core/calendar-02.tsx
@@ -0,0 +1,223 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Calendar as AriaCalendar,
+  CalendarCell as AriaCalendarCell,
+  CalendarGrid as AriaCalendarGrid,
+  CalendarGridHeader as AriaCalendarGridHeader,
+  CalendarHeaderCell as AriaCalendarHeaderCell,
+  CalendarGridBody as AriaCalendarGridBody,
+  type CalendarProps as AriaCalendarProps,
+  type CalendarGridProps as AriaCalendarGridProps,
+  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
+  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
+  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
+  type CalendarCellProps as AriaCalendarCellProps,
+  type DateValue,
+  CalendarContext as AriaCalendarContext,
+  useSlottedContext,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Button, buttonStyles } from "@/registry/core/button-01";
+import { Heading } from "@/registry/core/heading-01";
+import { Text } from "@/registry/core/text-01";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+
+const calendarStyles = tv({
+  slots: {
+    root: "bg-red-500",
+    header: "mb-4 flex items-center justify-between gap-2",
+    grid: "w-full border-collapse",
+    gridHeader: "mb-4",
+    gridHeaderCell: "text-fg-muted text-xs font-normal",
+    gridBody: "[&>tr>td]:p-0",
+    cell: "",
+  },
+  variants: {
+    standalone: {
+      true: {
+        root: "bg-bg rounded-md border p-3",
+      },
+      false: {
+        root: "rounded-[inherit]",
+      },
+    },
+    range: {
+      false: {
+        cell: [
+          buttonStyles({
+            variant: "quiet",
+            shape: "square",
+            size: "sm",
+          }),
+          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
+          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
+          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
+          "outside-month:hidden",
+        ],
+      },
+      true: {
+        cell: [
+          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
+          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
+          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
+          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
+          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
+          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
+          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
+          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
+          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
+          "outside-month:hidden",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    range: false,
+  },
+});
+
+interface CalendarProps<T extends DateValue>
+  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
+  visibleMonths?: number;
+  errorMessage?: string;
+}
+const Calendar = <T extends DateValue>({
+  errorMessage,
+  visibleMonths = 1,
+  ...props
+}: CalendarProps<T>) => {
+  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
+
+  return (
+    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+      {({ isInvalid }) => (
+        <>
+          <CalendarHeader>
+            <Button slot="previous" variant="outline" shape="square" size="sm">
+              <ChevronLeftIcon />
+            </Button>
+            <Heading className="text-sm" />
+            <Button slot="next" variant="outline" shape="square" size="sm">
+              <ChevronRightIcon />
+            </Button>
+          </CalendarHeader>
+          <div className="flex items-start gap-4">
+            {Array.from({ length: visibleMonths }).map((_, index) => (
+              <CalendarGrid
+                key={index}
+                offset={index === 0 ? undefined : { months: index }}
+              >
+                <CalendarGridHeader>
+                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+                </CalendarGridHeader>
+                <CalendarGridBody>
+                  {(date) => <CalendarCell date={date} />}
+                </CalendarGridBody>
+              </CalendarGrid>
+            ))}
+          </div>
+          {isInvalid && errorMessage && (
+            <Text slot="errorMessage">{errorMessage}</Text>
+          )}
+        </>
+      )}
+    </CalendarRoot>
+  );
+};
+
+type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
+const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
+  const CalendarContext = useSlottedContext(AriaCalendarContext);
+  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
+  const { root } = calendarStyles({ standalone });
+  return (
+    <AriaCalendar
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+    />
+  );
+};
+
+type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
+const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
+  const { header } = calendarStyles();
+  return <header className={header({ className })} {...props} />;
+};
+
+type CalendarGridProps = AriaCalendarGridProps;
+const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
+  const { grid } = calendarStyles();
+  return <AriaCalendarGrid className={grid({ className })} {...props} />;
+};
+
+type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
+const CalendarGridHeader = ({
+  className,
+  ...props
+}: CalendarGridHeaderProps) => {
+  const { gridHeader } = calendarStyles();
+  return (
+    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
+  );
+};
+
+type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
+const CalendarHeaderCell = ({
+  className,
+  ...props
+}: CalendarHeaderCellProps) => {
+  const { gridHeaderCell } = calendarStyles();
+  return (
+    <AriaCalendarHeaderCell
+      className={gridHeaderCell({ className })}
+      {...props}
+    />
+  );
+};
+
+type CalendarGridBodyProps = AriaCalendarGridBodyProps;
+const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
+  const { gridBody } = calendarStyles();
+  return (
+    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
+  );
+};
+
+type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
+const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
+  const { cell } = calendarStyles({ range });
+  return (
+    <AriaCalendarCell
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        cell({ className })
+      )}
+    />
+  );
+};
+
+export type {
+  CalendarProps,
+  CalendarRootProps,
+  CalendarGridProps,
+  CalendarGridHeaderProps,
+  CalendarHeaderCellProps,
+  CalendarGridBodyProps,
+  CalendarCellProps,
+};
+export {
+  Calendar,
+  CalendarRoot,
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+  calendarStyles,
+};
diff --git a/www/src/registry/core/checkbox.tsx b/www/src/registry/core/checkbox-01.tsx
similarity index 100%
rename from www/src/registry/core/checkbox.tsx
rename to www/src/registry/core/checkbox-01.tsx
diff --git a/www/src/registry/core/checkbox-group.tsx b/www/src/registry/core/checkbox-group-01.tsx
similarity index 94%
rename from www/src/registry/core/checkbox-group.tsx
rename to www/src/registry/core/checkbox-group-01.tsx
index d42bd9924..4439edaec 100644
--- a/www/src/registry/core/checkbox-group.tsx
+++ b/www/src/registry/core/checkbox-group-01.tsx
@@ -7,8 +7,8 @@ import {
   type CheckboxGroupProps as AriaCheckboxGroupProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxContext } from "@/registry/core/checkbox";
-import { Field, type FieldProps } from "@/registry/core/field";
+import { CheckboxContext } from "@/registry/core/checkbox-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
 
 const checkboxGroupStyles = tv({
   slots: {
diff --git a/www/src/registry/core/collapsible.tsx b/www/src/registry/core/collapsible-01.tsx
similarity index 100%
rename from www/src/registry/core/collapsible.tsx
rename to www/src/registry/core/collapsible-01.tsx
diff --git a/www/src/registry/core/color-area.tsx b/www/src/registry/core/color-area-01.tsx
similarity index 94%
rename from www/src/registry/core/color-area.tsx
rename to www/src/registry/core/color-area-01.tsx
index 68f6966f3..9b5bde0e0 100644
--- a/www/src/registry/core/color-area.tsx
+++ b/www/src/registry/core/color-area-01.tsx
@@ -6,7 +6,7 @@ import {
   type ColorAreaProps as AriaColorAreaProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb";
+import { ColorThumb } from "@/registry/core/color-thumb-01";
 
 const colorAreaStyles = tv({
   base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
diff --git a/www/src/registry/core/color-field.tsx b/www/src/registry/core/color-field-01.tsx
similarity index 96%
rename from www/src/registry/core/color-field.tsx
rename to www/src/registry/core/color-field-01.tsx
index 0714ca7b6..cd5ceea09 100644
--- a/www/src/registry/core/color-field.tsx
+++ b/www/src/registry/core/color-field-01.tsx
@@ -6,8 +6,8 @@ import {
   type ColorFieldProps as AriaColorFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
 
 const colorFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/core/color-picker.tsx b/www/src/registry/core/color-picker-01.tsx
similarity index 89%
rename from www/src/registry/core/color-picker.tsx
rename to www/src/registry/core/color-picker-01.tsx
index 92a4ecdf7..0a5654765 100644
--- a/www/src/registry/core/color-picker.tsx
+++ b/www/src/registry/core/color-picker-01.tsx
@@ -8,14 +8,14 @@ import {
   type ColorSpace,
   composeRenderProps,
 } from "react-aria-components";
-import { Button, type ButtonProps } from "@/registry/core/button";
-import { ColorArea } from "@/registry/core/color-area";
-import { ColorField } from "@/registry/core/color-field";
-import { ColorSlider } from "@/registry/core/color-slider";
-import { ColorSwatch } from "@/registry/core/color-swatch";
-import { Dialog, DialogRoot, DialogRootProps } from "@/registry/core/dialog";
-import { Item } from "@/registry/core/list-box";
-import { Select } from "@/registry/core/select";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
+import { ColorArea } from "@/registry/core/color-area-01";
+import { ColorField } from "@/registry/core/color-field-01";
+import { ColorSlider } from "@/registry/core/color-slider-01";
+import { ColorSwatch } from "@/registry/core/color-swatch-01";
+import { Dialog, DialogRoot, DialogRootProps } from "@/registry/core/dialog-01";
+import { Item } from "@/registry/core/list-box-01";
+import { Select } from "@/registry/core/select-01";
 import { cn } from "@/registry/lib/cn";
 
 type ColorPickerProps = ColorPickerRootProps &
diff --git a/www/src/registry/core/color-slider.tsx b/www/src/registry/core/color-slider-01.tsx
similarity index 96%
rename from www/src/registry/core/color-slider.tsx
rename to www/src/registry/core/color-slider-01.tsx
index 294d1700c..d316027ae 100644
--- a/www/src/registry/core/color-slider.tsx
+++ b/www/src/registry/core/color-slider-01.tsx
@@ -10,8 +10,8 @@ import {
   type SliderTrackProps as AriaSliderTrackProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb";
-import { Label } from "@/registry/core/field";
+import { ColorThumb } from "@/registry/core/color-thumb-01";
+import { Label } from "@/registry/core/field-01";
 import { cn } from "@/registry/lib/cn";
 
 const colorSliderStyles = tv({
diff --git a/www/src/registry/core/color-swatch.tsx b/www/src/registry/core/color-swatch-01.tsx
similarity index 100%
rename from www/src/registry/core/color-swatch.tsx
rename to www/src/registry/core/color-swatch-01.tsx
diff --git a/www/src/registry/core/color-thumb.tsx b/www/src/registry/core/color-thumb-01.tsx
similarity index 100%
rename from www/src/registry/core/color-thumb.tsx
rename to www/src/registry/core/color-thumb-01.tsx
diff --git a/www/src/registry/core/combobox.tsx b/www/src/registry/core/combobox-01.tsx
similarity index 87%
rename from www/src/registry/core/combobox.tsx
rename to www/src/registry/core/combobox-01.tsx
index 305a67014..ef79b8383 100644
--- a/www/src/registry/core/combobox.tsx
+++ b/www/src/registry/core/combobox-01.tsx
@@ -6,11 +6,11 @@ import {
   type ComboBoxProps as AriaComboboxProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button } from "@/registry/core/button";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { Input, InputRoot } from "@/registry/core/input";
-import { ListBox } from "@/registry/core/list-box";
-import { Overlay } from "@/registry/core/overlay";
+import { Button } from "@/registry/core/button-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { Input, InputRoot } from "@/registry/core/input-01";
+import { ListBox } from "@/registry/core/list-box-01";
+import { Overlay } from "@/registry/core/overlay-01";
 import { ChevronDownIcon } from "@/__icons__";
 
 const comboboxStyles = tv({
diff --git a/www/src/registry/core/command.tsx b/www/src/registry/core/command-01.tsx
similarity index 100%
rename from www/src/registry/core/command.tsx
rename to www/src/registry/core/command-01.tsx
diff --git a/www/src/registry/core/contextual-help.tsx b/www/src/registry/core/contextual-help-01.tsx
similarity index 86%
rename from www/src/registry/core/contextual-help.tsx
rename to www/src/registry/core/contextual-help-01.tsx
index 199388f0f..a639b3efe 100644
--- a/www/src/registry/core/contextual-help.tsx
+++ b/www/src/registry/core/contextual-help-01.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@/registry/core/button";
-import { DialogRoot, Dialog } from "@/registry/core/dialog";
+import { Button } from "@/registry/core/button-01";
+import { DialogRoot, Dialog } from "@/registry/core/dialog-01";
 import { InfoIcon, HelpIcon } from "@/__icons__";
 
 interface ContextualHelpProps {
diff --git a/www/src/registry/core/date-field.tsx b/www/src/registry/core/date-field-01.tsx
similarity index 95%
rename from www/src/registry/core/date-field.tsx
rename to www/src/registry/core/date-field-01.tsx
index b46bb08a0..3239bb092 100644
--- a/www/src/registry/core/date-field.tsx
+++ b/www/src/registry/core/date-field-01.tsx
@@ -7,13 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Field, type FieldProps } from "@/registry/core/field";
+import { DateInput, DateSegment } from "@/registry/core/date-input-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
 import {
   InputRoot,
   type InputRootProps,
   type inputStyles,
-} from "@/registry/core/input";
+} from "@/registry/core/input-01";
 
 const dateFieldStyles = tv({
   slots: {
diff --git a/www/src/registry/core/date-input.tsx b/www/src/registry/core/date-input-01.tsx
similarity index 100%
rename from www/src/registry/core/date-input.tsx
rename to www/src/registry/core/date-input-01.tsx
diff --git a/www/src/registry/core/date-picker.tsx b/www/src/registry/core/date-picker-01.tsx
similarity index 92%
rename from www/src/registry/core/date-picker.tsx
rename to www/src/registry/core/date-picker-01.tsx
index cadb9d001..32138990f 100644
--- a/www/src/registry/core/date-picker.tsx
+++ b/www/src/registry/core/date-picker-01.tsx
@@ -7,12 +7,12 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button";
-import { Calendar } from "@/registry/core/calendar";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Dialog } from "@/registry/core/dialog";
-import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
-import { InputRoot, type inputStyles } from "@/registry/core/input";
+import { Button } from "@/registry/core/button-01";
+import { Calendar } from "@/registry/core/calendar-01";
+import { DateInput, DateSegment } from "@/registry/core/date-input-01";
+import { Dialog } from "@/registry/core/dialog-01";
+import { Field, fieldStyles, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, type inputStyles } from "@/registry/core/input-01";
 import { CalendarIcon } from "@/__icons__";
 
 interface DatePickerProps<T extends DateValue>
diff --git a/www/src/registry/core/date-range-picker.tsx b/www/src/registry/core/date-range-picker-01.tsx
similarity index 93%
rename from www/src/registry/core/date-range-picker.tsx
rename to www/src/registry/core/date-range-picker-01.tsx
index 275723db8..7fa0c0bc1 100644
--- a/www/src/registry/core/date-range-picker.tsx
+++ b/www/src/registry/core/date-range-picker-01.tsx
@@ -7,12 +7,12 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Dialog } from "@/registry/core/dialog";
-import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
-import { InputRoot, type inputStyles } from "@/registry/core/input";
-import { RangeCalendar } from "@/registry/core/range-calendar";
+import { Button } from "@/registry/core/button-01";
+import { DateInput, DateSegment } from "@/registry/core/date-input-01";
+import { Dialog } from "@/registry/core/dialog-01";
+import { Field, type FieldProps, fieldStyles } from "@/registry/core/field-01";
+import { InputRoot, type inputStyles } from "@/registry/core/input-01";
+import { RangeCalendar } from "@/registry/core/range-calendar-01";
 import { CalendarIcon } from "@/__icons__";
 
 interface DateRangePickerProps<T extends DateValue>
diff --git a/www/src/registry/core/dialog.tsx b/www/src/registry/core/dialog-01.tsx
similarity index 97%
rename from www/src/registry/core/dialog.tsx
rename to www/src/registry/core/dialog-01.tsx
index 3a9b29266..82f9a1e30 100644
--- a/www/src/registry/core/dialog.tsx
+++ b/www/src/registry/core/dialog-01.tsx
@@ -13,9 +13,9 @@ import {
 } from "react-aria-components";
 import { Provider } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Heading } from "@/registry/core/heading";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay";
-import { Text } from "@/registry/core/text";
+import { Heading } from "@/registry/core/heading-01";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay-01";
+import { Text } from "@/registry/core/text-01";
 
 const dialogStyles = tv({
   slots: {
diff --git a/www/src/registry/core/drop-zone.tsx b/www/src/registry/core/drop-zone-01.tsx
similarity index 100%
rename from www/src/registry/core/drop-zone.tsx
rename to www/src/registry/core/drop-zone-01.tsx
diff --git a/www/src/registry/core/field.tsx b/www/src/registry/core/field-01.tsx
similarity index 100%
rename from www/src/registry/core/field.tsx
rename to www/src/registry/core/field-01.tsx
diff --git a/www/src/registry/core/file-trigger.tsx b/www/src/registry/core/file-trigger-01.tsx
similarity index 100%
rename from www/src/registry/core/file-trigger.tsx
rename to www/src/registry/core/file-trigger-01.tsx
diff --git a/www/src/registry/core/form.tsx b/www/src/registry/core/form-01.tsx
similarity index 100%
rename from www/src/registry/core/form.tsx
rename to www/src/registry/core/form-01.tsx
diff --git a/www/src/registry/core/group.tsx b/www/src/registry/core/group-01.tsx
similarity index 100%
rename from www/src/registry/core/group.tsx
rename to www/src/registry/core/group-01.tsx
diff --git a/www/src/registry/core/heading.tsx b/www/src/registry/core/heading-01.tsx
similarity index 100%
rename from www/src/registry/core/heading.tsx
rename to www/src/registry/core/heading-01.tsx
diff --git a/www/src/registry/core/input.tsx b/www/src/registry/core/input-01.tsx
similarity index 100%
rename from www/src/registry/core/input.tsx
rename to www/src/registry/core/input-01.tsx
diff --git a/www/src/registry/core/kbd.tsx b/www/src/registry/core/kbd-01.tsx
similarity index 100%
rename from www/src/registry/core/kbd.tsx
rename to www/src/registry/core/kbd-01.tsx
diff --git a/www/src/registry/core/link.tsx b/www/src/registry/core/link-01.tsx
similarity index 100%
rename from www/src/registry/core/link.tsx
rename to www/src/registry/core/link-01.tsx
diff --git a/www/src/registry/core/list-box.tsx b/www/src/registry/core/list-box-01.tsx
similarity index 98%
rename from www/src/registry/core/list-box.tsx
rename to www/src/registry/core/list-box-01.tsx
index 6db95e2d5..71f355d9b 100644
--- a/www/src/registry/core/list-box.tsx
+++ b/www/src/registry/core/list-box-01.tsx
@@ -11,7 +11,7 @@ import {
   ListStateContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Text } from "@/registry/core/text";
+import { Text } from "@/registry/core/text-01";
 import { focusRing } from "@/registry/lib/focus-styles";
 import { CheckIcon, LoaderIcon } from "@/__icons__";
 
diff --git a/www/src/registry/core/menu.tsx b/www/src/registry/core/menu-01.tsx
similarity index 97%
rename from www/src/registry/core/menu.tsx
rename to www/src/registry/core/menu-01.tsx
index 2396fa04d..976c18c3e 100644
--- a/www/src/registry/core/menu.tsx
+++ b/www/src/registry/core/menu-01.tsx
@@ -12,9 +12,9 @@ import {
   type MenuTriggerProps as AriaMenuTriggerProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Kbd } from "@/registry/core/kbd";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay";
-import { Text } from "@/registry/core/text";
+import { Kbd } from "@/registry/core/kbd-01";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay-01";
+import { Text } from "@/registry/core/text-01";
 import { CheckIcon, ChevronRightIcon } from "@/__icons__";
 
 const menuStyles = tv({
diff --git a/www/src/registry/core/number-field.tsx b/www/src/registry/core/number-field-01.tsx
similarity index 97%
rename from www/src/registry/core/number-field.tsx
rename to www/src/registry/core/number-field-01.tsx
index 9c7516bae..db7b5c606 100644
--- a/www/src/registry/core/number-field.tsx
+++ b/www/src/registry/core/number-field-01.tsx
@@ -6,9 +6,9 @@ import {
   type NumberFieldProps as AriaNumberFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import {
   ChevronDownIcon,
diff --git a/www/src/registry/core/overlay.tsx b/www/src/registry/core/overlay-01.tsx
similarity index 99%
rename from www/src/registry/core/overlay.tsx
rename to www/src/registry/core/overlay-01.tsx
index b767b9e16..e614843c8 100644
--- a/www/src/registry/core/overlay.tsx
+++ b/www/src/registry/core/overlay-01.tsx
@@ -12,7 +12,7 @@ import {
   type ModalOverlayProps as AriaModalOverlayProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import { cn } from "@/registry/lib/cn";
 import { XIcon } from "@/__icons__";
diff --git a/www/src/registry/core/progress.tsx b/www/src/registry/core/progress-01.tsx
similarity index 99%
rename from www/src/registry/core/progress.tsx
rename to www/src/registry/core/progress-01.tsx
index a506e1b55..f2197a190 100644
--- a/www/src/registry/core/progress.tsx
+++ b/www/src/registry/core/progress-01.tsx
@@ -7,7 +7,7 @@ import {
   type ProgressBarProps as AriaProgressProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Label } from "@/registry/core/field";
+import { Label } from "@/registry/core/field-01";
 import { cn } from "@/registry/lib/cn";
 
 const progressStyles = tv({
diff --git a/www/src/registry/core/radio-group.tsx b/www/src/registry/core/radio-group-01.tsx
similarity index 98%
rename from www/src/registry/core/radio-group.tsx
rename to www/src/registry/core/radio-group-01.tsx
index 31f3e97f1..c899553e2 100644
--- a/www/src/registry/core/radio-group.tsx
+++ b/www/src/registry/core/radio-group-01.tsx
@@ -9,7 +9,7 @@ import {
   type RadioProps as AriaRadioProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
+import { Field, type FieldProps } from "@/registry/core/field-01";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
 
 const radioGroupStyles = tv({
diff --git a/www/src/registry/core/range-calendar.tsx b/www/src/registry/core/range-calendar-01.tsx
similarity index 93%
rename from www/src/registry/core/range-calendar.tsx
rename to www/src/registry/core/range-calendar-01.tsx
index 9a6a0fb34..1c254b564 100644
--- a/www/src/registry/core/range-calendar.tsx
+++ b/www/src/registry/core/range-calendar-01.tsx
@@ -9,7 +9,7 @@ import {
   RangeCalendarContext as AriaRangeCalendarContext,
   useSlottedContext,
 } from "react-aria-components";
-import { Button } from "@/registry/core/button";
+import { Button } from "@/registry/core/button-01";
 import {
   CalendarHeader,
   CalendarGrid,
@@ -18,9 +18,9 @@ import {
   CalendarGridBody,
   CalendarCell,
   calendarStyles,
-} from "@/registry/core/calendar";
-import { Heading } from "@/registry/core/heading";
-import { Text } from "@/registry/core/text";
+} from "@/registry/core/calendar-01";
+import { Heading } from "@/registry/core/heading-01";
+import { Text } from "@/registry/core/text-01";
 import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
 
 interface RangeCalendarProps<T extends DateValue>
diff --git a/www/src/registry/core/resizable.tsx b/www/src/registry/core/resizable.tsx
deleted file mode 100644
index 2fcd21d79..000000000
--- a/www/src/registry/core/resizable.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-"use client";
-
-import React from "react";
-import * as ResizablePrimitive from "react-resizable-panels";
-import type {
-  ImperativePanelHandle,
-  ImperativePanelGroupHandle,
-} from "react-resizable-panels";
-import { tv } from "tailwind-variants";
-
-const resizableStyles = tv({
-  slots: {
-    group:
-      "flex h-full w-full flex-row overflow-hidden data-[panel-group-direction=vertical]:flex-col",
-    panel: "",
-    handle:
-      "bg-border data-[resize-handle-state=drag]:bg-border-active relative flex flex-[0_0_1px] items-stretch justify-stretch transition-colors",
-  },
-});
-
-type ResizableGroupProps = React.ComponentProps<
-  typeof ResizablePrimitive.PanelGroup
->;
-const ResizableGroup = ({ className, ...props }: ResizableGroupProps) => {
-  const { group } = resizableStyles();
-  return (
-    <ResizablePrimitive.PanelGroup
-      className={group({ className })}
-      {...props}
-    />
-  );
-};
-
-type ResizablePanelProps = React.ComponentProps<
-  typeof ResizablePrimitive.Panel
->;
-const ResizablePanel = ({ className, ...props }: ResizablePanelProps) => {
-  const { panel } = resizableStyles();
-  return (
-    <ResizablePrimitive.Panel className={panel({ className })} {...props} />
-  );
-};
-
-interface ResizableHandleProps
-  extends React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> {
-  withHandle?: boolean;
-}
-const ResizableHandle = ({ className, ...props }: ResizableHandleProps) => {
-  const { handle } = resizableStyles();
-  return (
-    <ResizablePrimitive.PanelResizeHandle
-      className={handle({ className })}
-      {...props}
-    />
-  );
-};
-
-export type {
-  ResizablePanelProps,
-  ResizableGroupProps,
-  ResizableHandleProps,
-  ImperativePanelHandle,
-  ImperativePanelGroupHandle,
-};
-export { ResizableGroup, ResizablePanel, ResizableHandle };
diff --git a/www/src/registry/core/scroll-area.tsx b/www/src/registry/core/scroll-area-01.tsx
similarity index 100%
rename from www/src/registry/core/scroll-area.tsx
rename to www/src/registry/core/scroll-area-01.tsx
diff --git a/www/src/registry/core/search-field.tsx b/www/src/registry/core/search-field-01.tsx
similarity index 95%
rename from www/src/registry/core/search-field.tsx
rename to www/src/registry/core/search-field-01.tsx
index 0aa3485bf..d0b638f50 100644
--- a/www/src/registry/core/search-field.tsx
+++ b/www/src/registry/core/search-field-01.tsx
@@ -6,9 +6,9 @@ import {
   type SearchFieldProps as AriaSearchFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { Button } from "@/registry/core/button-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
 import { SearchIcon, XIcon } from "@/__icons__";
 
 const searchFieldStyles = tv({
diff --git a/www/src/registry/core/section.tsx b/www/src/registry/core/section-01.tsx
similarity index 100%
rename from www/src/registry/core/section.tsx
rename to www/src/registry/core/section-01.tsx
diff --git a/www/src/registry/core/select.tsx b/www/src/registry/core/select-01.tsx
similarity index 95%
rename from www/src/registry/core/select.tsx
rename to www/src/registry/core/select-01.tsx
index 7a37b077b..a707491a5 100644
--- a/www/src/registry/core/select.tsx
+++ b/www/src/registry/core/select-01.tsx
@@ -9,10 +9,10 @@ import {
   type SelectValueProps as AriaSelectValueProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { ListBox, type ListBoxProps } from "@/registry/core/list-box";
-import { Overlay } from "@/registry/core/overlay";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { ListBox, type ListBoxProps } from "@/registry/core/list-box-01";
+import { Overlay } from "@/registry/core/overlay-01";
 import { ChevronDownIcon } from "@/__icons__";
 
 const selectStyles = tv({
diff --git a/www/src/registry/core/separator.tsx b/www/src/registry/core/separator-01.tsx
similarity index 100%
rename from www/src/registry/core/separator.tsx
rename to www/src/registry/core/separator-01.tsx
diff --git a/www/src/registry/core/skeleton.tsx b/www/src/registry/core/skeleton-01.tsx
similarity index 100%
rename from www/src/registry/core/skeleton.tsx
rename to www/src/registry/core/skeleton-01.tsx
diff --git a/www/src/registry/core/slider.tsx b/www/src/registry/core/slider-01.tsx
similarity index 99%
rename from www/src/registry/core/slider.tsx
rename to www/src/registry/core/slider-01.tsx
index 4532ba10e..fc3a2bf55 100644
--- a/www/src/registry/core/slider.tsx
+++ b/www/src/registry/core/slider-01.tsx
@@ -16,7 +16,7 @@ import {
   TextContext as AriaTextContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Description, Label, type FieldProps } from "@/registry/core/field";
+import { Description, Label, type FieldProps } from "@/registry/core/field-01";
 import { cn } from "@/registry/lib/cn";
 import { focusRing } from "@/registry/lib/focus-styles";
 
diff --git a/www/src/registry/core/switch.tsx b/www/src/registry/core/switch-01.tsx
similarity index 100%
rename from www/src/registry/core/switch.tsx
rename to www/src/registry/core/switch-01.tsx
diff --git a/www/src/registry/core/table.tsx b/www/src/registry/core/table-01.tsx
similarity index 100%
rename from www/src/registry/core/table.tsx
rename to www/src/registry/core/table-01.tsx
diff --git a/www/src/registry/core/tabs.tsx b/www/src/registry/core/tabs-01.tsx
similarity index 100%
rename from www/src/registry/core/tabs.tsx
rename to www/src/registry/core/tabs-01.tsx
diff --git a/www/src/registry/core/tag-group.tsx b/www/src/registry/core/tag-group-01.tsx
similarity index 94%
rename from www/src/registry/core/tag-group.tsx
rename to www/src/registry/core/tag-group-01.tsx
index 6c536d937..725612b84 100644
--- a/www/src/registry/core/tag-group.tsx
+++ b/www/src/registry/core/tag-group-01.tsx
@@ -11,8 +11,8 @@ import {
   type TagProps as AriaTagProps,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button";
-import { Field } from "@/registry/core/field";
+import { Button } from "@/registry/core/button-01";
+import { Field } from "@/registry/core/field-01";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const tagGroupStyles = tv({
diff --git a/www/src/registry/core/text.tsx b/www/src/registry/core/text-01.tsx
similarity index 100%
rename from www/src/registry/core/text.tsx
rename to www/src/registry/core/text-01.tsx
diff --git a/www/src/registry/core/text-area.tsx b/www/src/registry/core/text-area-01.tsx
similarity index 91%
rename from www/src/registry/core/text-area.tsx
rename to www/src/registry/core/text-area-01.tsx
index ab53b7a01..d4be2a3fe 100644
--- a/www/src/registry/core/text-area.tsx
+++ b/www/src/registry/core/text-area-01.tsx
@@ -2,16 +2,16 @@
 
 import * as React from "react";
 import { type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
+import { Field, type FieldProps } from "@/registry/core/field-01";
 import {
   InputRoot,
   TextAreaInput,
   type inputStyles,
-} from "@/registry/core/input";
+} from "@/registry/core/input-01";
 import {
   TextFieldRoot,
   type TextFieldRootProps,
-} from "@/registry/core/text-field";
+} from "@/registry/core/text-field-01";
 
 type TextAreaProps = TextFieldRootProps &
   Omit<FieldProps, "children"> &
diff --git a/www/src/registry/core/text-field.tsx b/www/src/registry/core/text-field-01.tsx
similarity index 96%
rename from www/src/registry/core/text-field.tsx
rename to www/src/registry/core/text-field-01.tsx
index 7ba74ecbb..c2017460a 100644
--- a/www/src/registry/core/text-field.tsx
+++ b/www/src/registry/core/text-field-01.tsx
@@ -6,8 +6,8 @@ import {
   type TextFieldProps as AriaTextFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
 
 const textFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/core/time-field.tsx b/www/src/registry/core/time-field-01.tsx
similarity index 96%
rename from www/src/registry/core/time-field.tsx
rename to www/src/registry/core/time-field-01.tsx
index e483f0f5d..aef7ab12b 100644
--- a/www/src/registry/core/time-field.tsx
+++ b/www/src/registry/core/time-field-01.tsx
@@ -7,9 +7,9 @@ import {
   type TimeValue,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, type inputStyles } from "@/registry/core/input";
+import { DateInput, DateSegment } from "@/registry/core/date-input-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, type inputStyles } from "@/registry/core/input-01";
 
 const timeFieldStyles = tv({
   slots: {
diff --git a/www/src/registry/core/toggle-button.tsx b/www/src/registry/core/toggle-button-01.tsx
similarity index 100%
rename from www/src/registry/core/toggle-button.tsx
rename to www/src/registry/core/toggle-button-01.tsx
diff --git a/www/src/registry/core/toggle-group.tsx b/www/src/registry/core/toggle-group-01.tsx
similarity index 99%
rename from www/src/registry/core/toggle-group.tsx
rename to www/src/registry/core/toggle-group-01.tsx
index 3b5ed06cd..d5329b6e4 100644
--- a/www/src/registry/core/toggle-group.tsx
+++ b/www/src/registry/core/toggle-group-01.tsx
@@ -13,7 +13,7 @@ import {
 } from "react-aria";
 import { useToggleState } from "react-stately";
 import { tv, type VariantProps } from "tailwind-variants";
-import { toggleButtonStyles } from "@/registry/core/toggle-button";
+import { toggleButtonStyles } from "@/registry/core/toggle-button-01";
 
 const toggleGroupVariants = tv({
   base: "flex items-center gap-1",
diff --git a/www/src/registry/core/tooltip.tsx b/www/src/registry/core/tooltip-01.tsx
similarity index 100%
rename from www/src/registry/core/tooltip.tsx
rename to www/src/registry/core/tooltip-01.tsx
diff --git a/www/src/registry/index/demos.ts b/www/src/registry/demos.ts
similarity index 99%
rename from www/src/registry/index/demos.ts
rename to www/src/registry/demos.ts
index e07451aed..bae82531c 100644
--- a/www/src/registry/index/demos.ts
+++ b/www/src/registry/demos.ts
@@ -24,7 +24,6 @@ export const demos: RegistryDemos = [
     "title",
     "variants",
   ]),
-  ...buildDemos("aspect-ratio", ["as-child", "default"]),
   ...buildDemos("avatar", ["composition", "default", "shape", "sizes"]),
   ...buildDemos("badge", ["default", "icon", "sizes", "variants"]),
   ...buildDemos("breadcrumbs", [
diff --git a/www/src/registry/demos/aspect-ratio/as-child.tsx b/www/src/registry/demos/aspect-ratio/as-child.tsx
deleted file mode 100644
index 7ca70e23f..000000000
--- a/www/src/registry/demos/aspect-ratio/as-child.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import Image from "next/image";
-import { AspectRatio } from "@/registry/core/aspect-ratio";
-
-export default function AspectRatioDemo() {
-  return (
-    <AspectRatio ratio={16 / 9} asChild>
-      <Image
-        src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
-        alt="Photo by Drew Beamer"
-        fill
-        className="rounded-md object-cover"
-      />
-    </AspectRatio>
-  );
-}
diff --git a/www/src/registry/demos/aspect-ratio/default.tsx b/www/src/registry/demos/aspect-ratio/default.tsx
deleted file mode 100644
index edd7bdcd8..000000000
--- a/www/src/registry/demos/aspect-ratio/default.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import Image from "next/image";
-import { AspectRatio } from "@/registry/core/aspect-ratio";
-
-export default function Demo() {
-  return (
-    <AspectRatio ratio={16 / 9}>
-      <Image
-        src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
-        alt="Photo by Drew Beamer"
-        fill
-        className="rounded-md object-cover"
-      />
-    </AspectRatio>
-  );
-}
diff --git a/www/src/registry/demos/badge/default.tsx b/www/src/registry/demos/badge/default.tsx
index c3a698703..4119c7a5b 100644
--- a/www/src/registry/demos/badge/default.tsx
+++ b/www/src/registry/demos/badge/default.tsx
@@ -1,4 +1,4 @@
-import { Badge } from "@/registry/core/badge";
+import { Badge } from "@/registry/core/badge-01";
 
 export default function Demo() {
   return <Badge>Badge</Badge>;
diff --git a/www/src/registry/demos/badge/icon.tsx b/www/src/registry/demos/badge/icon.tsx
index 65abf3f95..e2881caaa 100644
--- a/www/src/registry/demos/badge/icon.tsx
+++ b/www/src/registry/demos/badge/icon.tsx
@@ -1,4 +1,4 @@
-import { Badge } from "@/registry/core/badge";
+import { Badge } from "@/registry/core/badge-01";
 import { ShieldIcon } from "@/__icons__";
 
 export default function Demo() {
diff --git a/www/src/registry/demos/badge/sizes.tsx b/www/src/registry/demos/badge/sizes.tsx
index 757250d24..31417f8dd 100644
--- a/www/src/registry/demos/badge/sizes.tsx
+++ b/www/src/registry/demos/badge/sizes.tsx
@@ -1,4 +1,4 @@
-import { Badge } from "@/registry/core/badge";
+import { Badge } from "@/registry/core/badge-01";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/badge/variants.tsx b/www/src/registry/demos/badge/variants.tsx
index af6d6725f..6e6d77fd1 100644
--- a/www/src/registry/demos/badge/variants.tsx
+++ b/www/src/registry/demos/badge/variants.tsx
@@ -1,4 +1,4 @@
-import { Badge } from "@/registry/core/badge";
+import { Badge } from "@/registry/core/badge-01";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/index/hooks.ts b/www/src/registry/hooks.ts
similarity index 100%
rename from www/src/registry/index/hooks.ts
rename to www/src/registry/hooks.ts
diff --git a/www/src/registry/index/icons.ts b/www/src/registry/icons.ts
similarity index 100%
rename from www/src/registry/index/icons.ts
rename to www/src/registry/icons.ts
diff --git a/www/src/registry/index/index.ts b/www/src/registry/index.ts
similarity index 100%
rename from www/src/registry/index/index.ts
rename to www/src/registry/index.ts
diff --git a/www/src/registry/index/lib.ts b/www/src/registry/lib.ts
similarity index 100%
rename from www/src/registry/index/lib.ts
rename to www/src/registry/lib.ts
diff --git a/www/src/registry/index/themes.ts b/www/src/registry/themes.ts
similarity index 100%
rename from www/src/registry/index/themes.ts
rename to www/src/registry/themes.ts
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
new file mode 100644
index 000000000..07646edf5
--- /dev/null
+++ b/www/src/registry/types.ts
@@ -0,0 +1,25 @@
+export type RegistryType = "registry:core" | "registry:hook" | "registry:lib";
+
+export type RegistryItem = Prettify<{
+  name: string;
+  type: RegistryType;
+  description?: string;
+} & (
+  | {
+      dependencies?: string[];
+      registryDependencies?: string[];
+      files: {
+        path: string;
+        type: RegistryType;
+        target: string;
+      }[];
+    }
+  | {
+      variants: {
+        name: string;
+        description?: string;
+      }[];
+    }
+)>;
+
+export type Registry = RegistryItem[];
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 56d289954..b72056851 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,6 +1,6 @@
 @import "tailwindcss";
 @plugin "tailwindcss-animate";
-/* @plugin "tailwindcss-rac"; */
+@plugin "tailwindcss-rac";
 
 
 @variant dark (&:where(.dark, .dark *));

From 9a36195f33a49d95377429598e39f4e5c4bf58dc Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 5 Dec 2024 15:31:11 +0100
Subject: [PATCH 022/165] refactor: new build-registry structure

---
 www/package.json                              |   1 +
 www/scripts/build-demos.ts                    |   2 +-
 www/scripts/build-internal-registry.ts        |  56 ++
 www/src/__registry__/core/alert-01.tsx        | 109 +++
 www/src/__registry__/core/avatar-01.tsx       | 173 +++++
 www/src/__registry__/core/badge-01.tsx        |  65 ++
 www/src/__registry__/core/breadcrumbs-01.tsx  |  78 ++
 www/src/__registry__/core/button-01.tsx       |   2 +-
 www/src/__registry__/core/button-02.tsx       |   4 +-
 www/src/__registry__/core/calendar-01.tsx     |   6 +-
 www/src/__registry__/core/calendar-02.tsx     |   6 +-
 www/src/__registry__/core/checkbox-01.tsx     |  82 +++
 .../__registry__/core/checkbox-group-01.tsx   |  92 +++
 www/src/__registry__/core/collapsible-01.tsx  |  32 +
 www/src/__registry__/core/color-area-01.tsx   |  40 +
 www/src/__registry__/core/color-field-01.tsx  |  89 +++
 www/src/__registry__/core/color-picker-01.tsx | 122 ++++
 www/src/__registry__/core/color-slider-01.tsx | 113 +++
 www/src/__registry__/core/color-swatch-01.tsx |  23 +
 www/src/__registry__/core/color-thumb-01.tsx  |  28 +
 www/src/__registry__/core/combobox-01.tsx     |  89 +++
 www/src/__registry__/core/command-01.tsx      | 167 +++++
 .../__registry__/core/contextual-help-01.tsx  |  39 +
 www/src/__registry__/core/date-field-01.tsx   |  96 +++
 www/src/__registry__/core/date-input-01.tsx   |  53 ++
 www/src/__registry__/core/date-picker-01.tsx  |  95 +++
 .../core/date-range-picker-01.tsx             |  99 +++
 www/src/__registry__/core/dialog-01.tsx       | 152 ++++
 www/src/__registry__/core/drop-zone-01.tsx    |  32 +
 www/src/__registry__/core/field-01.tsx        | 145 ++++
 www/src/__registry__/core/file-trigger-01.tsx |   6 +
 www/src/__registry__/core/form-01.tsx         |   9 +
 www/src/__registry__/core/group-01.tsx        |   6 +
 www/src/__registry__/core/heading-01.tsx      |  19 +
 www/src/__registry__/core/input-01.tsx        | 212 ++++++
 www/src/__registry__/core/kbd-01.tsx          |  16 +
 www/src/__registry__/core/link-01.tsx         |  40 +
 www/src/__registry__/core/list-box-01.tsx     | 137 ++++
 www/src/__registry__/core/menu-01.tsx         | 144 ++++
 www/src/__registry__/core/number-field-01.tsx | 142 ++++
 www/src/__registry__/core/overlay-01.tsx      | 323 ++++++++
 www/src/__registry__/core/progress-01.tsx     | 232 ++++++
 www/src/__registry__/core/radio-group-01.tsx  | 143 ++++
 .../__registry__/core/range-calendar-01.tsx   |  98 +++
 www/src/__registry__/core/scroll-area-01.tsx  | 144 ++++
 www/src/__registry__/core/search-field-01.tsx | 118 +++
 www/src/__registry__/core/section-01.tsx      |  45 ++
 www/src/__registry__/core/select-01.tsx       | 106 +++
 www/src/__registry__/core/separator-01.tsx    |  33 +
 www/src/__registry__/core/skeleton-01.tsx     |  23 +
 www/src/__registry__/core/slider-01.tsx       | 227 ++++++
 www/src/__registry__/core/switch-01.tsx       |  75 ++
 www/src/__registry__/core/table-01.tsx        | 116 +++
 www/src/__registry__/core/tabs-01.tsx         |  93 +++
 www/src/__registry__/core/tag-group-01.tsx    | 172 +++++
 www/src/__registry__/core/text-01.tsx         |  34 +
 www/src/__registry__/core/text-area-01.tsx    |  71 ++
 www/src/__registry__/core/text-field-01.tsx   |  90 +++
 www/src/__registry__/core/time-field-01.tsx   |  90 +++
 .../__registry__/core/toggle-button-01.tsx    | 111 +++
 www/src/__registry__/core/toggle-group-01.tsx | 273 +++++++
 www/src/__registry__/core/tooltip-01.tsx      | 102 +++
 .../__registry__/core/use-motion-drawer.tsx   | 688 ++++++++++++++++++
 www/src/registry/core.ts                      |  93 ++-
 64 files changed, 6302 insertions(+), 19 deletions(-)
 create mode 100644 www/scripts/build-internal-registry.ts
 create mode 100644 www/src/__registry__/core/alert-01.tsx
 create mode 100644 www/src/__registry__/core/avatar-01.tsx
 create mode 100644 www/src/__registry__/core/badge-01.tsx
 create mode 100644 www/src/__registry__/core/breadcrumbs-01.tsx
 create mode 100644 www/src/__registry__/core/checkbox-01.tsx
 create mode 100644 www/src/__registry__/core/checkbox-group-01.tsx
 create mode 100644 www/src/__registry__/core/collapsible-01.tsx
 create mode 100644 www/src/__registry__/core/color-area-01.tsx
 create mode 100644 www/src/__registry__/core/color-field-01.tsx
 create mode 100644 www/src/__registry__/core/color-picker-01.tsx
 create mode 100644 www/src/__registry__/core/color-slider-01.tsx
 create mode 100644 www/src/__registry__/core/color-swatch-01.tsx
 create mode 100644 www/src/__registry__/core/color-thumb-01.tsx
 create mode 100644 www/src/__registry__/core/combobox-01.tsx
 create mode 100644 www/src/__registry__/core/command-01.tsx
 create mode 100644 www/src/__registry__/core/contextual-help-01.tsx
 create mode 100644 www/src/__registry__/core/date-field-01.tsx
 create mode 100644 www/src/__registry__/core/date-input-01.tsx
 create mode 100644 www/src/__registry__/core/date-picker-01.tsx
 create mode 100644 www/src/__registry__/core/date-range-picker-01.tsx
 create mode 100644 www/src/__registry__/core/dialog-01.tsx
 create mode 100644 www/src/__registry__/core/drop-zone-01.tsx
 create mode 100644 www/src/__registry__/core/field-01.tsx
 create mode 100644 www/src/__registry__/core/file-trigger-01.tsx
 create mode 100644 www/src/__registry__/core/form-01.tsx
 create mode 100644 www/src/__registry__/core/group-01.tsx
 create mode 100644 www/src/__registry__/core/heading-01.tsx
 create mode 100644 www/src/__registry__/core/input-01.tsx
 create mode 100644 www/src/__registry__/core/kbd-01.tsx
 create mode 100644 www/src/__registry__/core/link-01.tsx
 create mode 100644 www/src/__registry__/core/list-box-01.tsx
 create mode 100644 www/src/__registry__/core/menu-01.tsx
 create mode 100644 www/src/__registry__/core/number-field-01.tsx
 create mode 100644 www/src/__registry__/core/overlay-01.tsx
 create mode 100644 www/src/__registry__/core/progress-01.tsx
 create mode 100644 www/src/__registry__/core/radio-group-01.tsx
 create mode 100644 www/src/__registry__/core/range-calendar-01.tsx
 create mode 100644 www/src/__registry__/core/scroll-area-01.tsx
 create mode 100644 www/src/__registry__/core/search-field-01.tsx
 create mode 100644 www/src/__registry__/core/section-01.tsx
 create mode 100644 www/src/__registry__/core/select-01.tsx
 create mode 100644 www/src/__registry__/core/separator-01.tsx
 create mode 100644 www/src/__registry__/core/skeleton-01.tsx
 create mode 100644 www/src/__registry__/core/slider-01.tsx
 create mode 100644 www/src/__registry__/core/switch-01.tsx
 create mode 100644 www/src/__registry__/core/table-01.tsx
 create mode 100644 www/src/__registry__/core/tabs-01.tsx
 create mode 100644 www/src/__registry__/core/tag-group-01.tsx
 create mode 100644 www/src/__registry__/core/text-01.tsx
 create mode 100644 www/src/__registry__/core/text-area-01.tsx
 create mode 100644 www/src/__registry__/core/text-field-01.tsx
 create mode 100644 www/src/__registry__/core/time-field-01.tsx
 create mode 100644 www/src/__registry__/core/toggle-button-01.tsx
 create mode 100644 www/src/__registry__/core/toggle-group-01.tsx
 create mode 100644 www/src/__registry__/core/tooltip-01.tsx
 create mode 100644 www/src/__registry__/core/use-motion-drawer.tsx

diff --git a/www/package.json b/www/package.json
index 293ac3151..6ea184de9 100644
--- a/www/package.json
+++ b/www/package.json
@@ -5,6 +5,7 @@
   "scripts": {
     "build": "next build",
     "build:registry": "tsx ./scripts/build-registry.ts && prettier --log-level silent --write \"src/registry/**/*.{ts,tsx,mdx}\" \"src/__demos__/**/*.{ts,tsx}\" --cache",
+    "build:internal-registry": "tsx ./scripts/build-internal-registry.ts && prettier --log-level silent --write \"src/__registry__/**/*.{ts,tsx,mdx}\" --cache",
     "build:demos": "tsx ./scripts/build-demos.ts && prettier --log-level silent --write \"src/__demos__/index.tsx\" --cache",
     "start": "next start",
     "dev": "next dev --turbo",
diff --git a/www/scripts/build-demos.ts b/www/scripts/build-demos.ts
index 82bd40050..b22c5f46a 100644
--- a/www/scripts/build-demos.ts
+++ b/www/scripts/build-demos.ts
@@ -1,7 +1,7 @@
 import { existsSync, promises as fs } from "node:fs";
 import path from "path";
 import { rimraf } from "rimraf";
-import { demos } from "@/registry/index/demos";
+import { demos } from "@/registry/demos";
 
 async function buildDemos() {
   let index = `// This file is autogenerated by scripts/build-registry.ts
diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
new file mode 100644
index 000000000..189964f94
--- /dev/null
+++ b/www/scripts/build-internal-registry.ts
@@ -0,0 +1,56 @@
+import { existsSync, promises as fs } from "node:fs";
+import path from "node:path";
+import { rimraf } from "rimraf";
+
+const INTERNAL_REGISTRY_PATH = path.join(process.cwd(), "src/__registry__");
+const SOURCE_REGISTRY_PATH = path.join(process.cwd(), "src/registry");
+
+// ----------------------------------------------------------------------------
+//
+// ----------------------------------------------------------------------------
+async function buildRegistryDirectory() {
+  const targetPath = INTERNAL_REGISTRY_PATH;
+  rimraf.sync(targetPath);
+  if (!existsSync(targetPath)) {
+    await fs.mkdir(targetPath, { recursive: true });
+  }
+}
+
+// ----------------------------------------------------------------------------
+//
+// ----------------------------------------------------------------------------
+async function buildCoreComponents() {
+  const sourcePath = path.join(SOURCE_REGISTRY_PATH, "core");
+  const targetPath = path.join(INTERNAL_REGISTRY_PATH, "core");
+  rimraf.sync(targetPath);
+  if (!existsSync(targetPath)) {
+    await fs.mkdir(targetPath, { recursive: true });
+  }
+
+  const files = await fs.readdir(sourcePath);
+  for (const file of files) {
+    const sourceFilePath = path.join(sourcePath, file);
+    const targetFilePath = path.join(targetPath, file);
+
+    let content = await fs.readFile(sourceFilePath, "utf-8");
+
+    // transform icons import
+    content = content.replace(/lucide-react/g, "@/__registry__/icons");
+    // transform registryDependencies import
+    content = content.replace(/@\/registry\/core\/([a-zA-Z]+)-\d+/g, '@/__registry__/core/$1');
+    await fs.writeFile(targetFilePath, content);
+  }
+}
+
+async function run() {
+  try {
+    await buildRegistryDirectory();
+    await buildCoreComponents();
+    console.log("✅ Done!");
+  } catch (error) {
+    console.error(error);
+    process.exit(1);
+  }
+}
+
+run();
diff --git a/www/src/__registry__/core/alert-01.tsx b/www/src/__registry__/core/alert-01.tsx
new file mode 100644
index 000000000..90761a1a6
--- /dev/null
+++ b/www/src/__registry__/core/alert-01.tsx
@@ -0,0 +1,109 @@
+import * as React from "react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { DangerIcon, InfoIcon, SuccessIcon, WarningIcon } from "@/__icons__";
+
+const alertStyles = tv({
+  slots: {
+    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      default: { root: "text-fg border" },
+      success: { root: "border-border-success text-fg-success border" },
+      warning: { root: "border-border-warning text-fg-warning border" },
+      danger: { root: "border-border-danger text-fg-danger border" },
+      info: { root: "border-border-accent text-fg-accent border" },
+    },
+    fill: {
+      true: "",
+    },
+  },
+  compoundVariants: [
+    { variant: "default", fill: true, className: { root: "bg-bg-muted" } },
+    {
+      variant: "success",
+      fill: true,
+      className: { root: "bg-bg-success-muted" },
+    },
+    {
+      variant: "warning",
+      fill: true,
+      className: { root: "bg-bg-warning-muted" },
+    },
+    {
+      variant: "danger",
+      fill: true,
+      className: { root: "bg-bg-danger-muted" },
+    },
+    { variant: "info", fill: true, className: { root: "bg-bg-accent-muted" } },
+  ],
+  defaultVariants: {
+    variant: "default",
+    fill: false,
+  },
+});
+
+const icons = {
+  default: <InfoIcon />,
+  success: <SuccessIcon />,
+  warning: <WarningIcon />,
+  danger: <DangerIcon />,
+  info: <InfoIcon />,
+};
+interface AlertProps extends AlertRootProps {
+  title?: React.ReactNode;
+  icon?: React.ReactNode | null;
+  action?: React.ReactNode;
+}
+const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
+  ({ variant = "default", title, children, icon, action, ...props }, ref) => {
+    return (
+      <AlertRoot variant={variant} {...props} ref={ref}>
+        {icon || icons[variant]}
+        <div className="flex-1 space-y-0.5">
+          {title && <AlertTitle>{title}</AlertTitle>}
+          {children && <AlertContent>{children}</AlertContent>}
+        </div>
+        {action && <div className="shrink-0">{action}</div>}
+      </AlertRoot>
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+interface AlertRootProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">,
+    VariantProps<typeof alertStyles> {}
+const AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(
+  ({ className, variant, fill, ...props }, ref) => {
+    const { root } = alertStyles({ variant, fill });
+    return (
+      <div role="alert" className={root({ className })} {...props} ref={ref} />
+    );
+  }
+);
+AlertRoot.displayName = "AlertRoot";
+
+interface AlertTitleProps
+  extends React.HTMLAttributes<HTMLHeadingElement>,
+    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS
+const AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(
+  ({ className, ...props }, ref) => {
+    const { title } = alertStyles();
+    return <h3 className={title({ className })} {...props} ref={ref} />;
+  }
+);
+AlertTitle.displayName = "AlertTitle";
+
+interface AlertContentProps
+  extends React.HTMLAttributes<HTMLElement>,
+    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS
+const AlertContent = ({ className, ...props }: AlertContentProps) => {
+  const { content } = alertStyles();
+  return <section className={content({ className })} {...props} />;
+};
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/avatar-01.tsx b/www/src/__registry__/core/avatar-01.tsx
new file mode 100644
index 000000000..b0da52ad0
--- /dev/null
+++ b/www/src/__registry__/core/avatar-01.tsx
@@ -0,0 +1,173 @@
+"use client";
+
+import * as React from "react";
+import { tv, type VariantProps } from "tailwind-variants";
+
+const avatarStyles = tv({
+  slots: {
+    root: "bg-bg relative inline-flex shrink-0 overflow-hidden align-middle",
+    image: "aspect-square size-full",
+    fallback:
+      "bg-bg-muted flex size-full select-none items-center justify-center",
+    placeholder:
+      "bg-bg-muted flex size-full h-full animate-pulse items-center justify-center",
+  },
+  variants: {
+    size: {
+      sm: { root: "size-8" },
+      md: { root: "size-10" },
+      lg: { root: "size-12" },
+    },
+    shape: {
+      circle: { root: "rounded-full" },
+      square: { root: "rounded-sm" },
+    },
+  },
+  defaultVariants: {
+    shape: "circle",
+    size: "md",
+  },
+});
+
+interface AvatarProps
+  extends AvatarImageProps,
+    VariantProps<typeof avatarStyles> {
+  fallback?: React.ReactNode;
+}
+const Avatar = ({
+  fallback,
+  className,
+  style,
+  size,
+  shape,
+  ...props
+}: AvatarProps) => {
+  return (
+    <AvatarRoot className={className} style={style} shape={shape} size={size}>
+      <AvatarImage {...props} />
+      <AvatarFallback>{fallback}</AvatarFallback>
+      <AvatarPlaceholder />
+    </AvatarRoot>
+  );
+};
+
+interface AvatarRootProps
+  extends React.HTMLAttributes<HTMLSpanElement>,
+    VariantProps<typeof avatarStyles> {}
+const AvatarRoot = ({ className, shape, size, ...props }: AvatarRootProps) => {
+  const { root } = avatarStyles({ shape, size });
+  const [status, setStatus] = React.useState<Status>("idle");
+  return (
+    <AvatarContext.Provider value={{ status, onStatusChange: setStatus }}>
+      <span className={root({ className })} {...props} />
+    </AvatarContext.Provider>
+  );
+};
+
+interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+  onStatusChange?: (status: Status) => void;
+}
+const AvatarImage = ({
+  src,
+  onStatusChange,
+  className,
+  ...props
+}: AvatarImageProps) => {
+  const { image } = avatarStyles();
+  const context = useAvatarContext();
+  const status = useImageLoadingStatus(src);
+  // TODO use useCallBackRef here
+  const handleStatusChange = React.useCallback(
+    (status: Status) => {
+      onStatusChange?.(status);
+      context.onStatusChange(status);
+    },
+    [onStatusChange, context]
+  );
+
+  React.useLayoutEffect(() => {
+    if (status !== "idle") {
+      handleStatusChange(status);
+    }
+  }, [status, handleStatusChange]);
+
+  return status === "success" ? (
+    // eslint-disable-next-line jsx-a11y/alt-text
+    <img src={src} className={image({ className })} {...props} />
+  ) : null;
+};
+
+type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
+const AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {
+  const { fallback } = avatarStyles();
+  const context = useAvatarContext();
+
+  return context.status === "error" ? (
+    <span className={fallback({ className })} {...props} />
+  ) : null;
+};
+
+type AvatarPlaceholderProps = React.HTMLAttributes<HTMLSpanElement>;
+const AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {
+  const { placeholder } = avatarStyles();
+  const context = useAvatarContext();
+
+  return ["idle", "loading"].includes(context.status) ? (
+    <span className={placeholder({ className })} {...props} />
+  ) : null;
+};
+
+type AvatarContextValue = {
+  status: Status;
+  onStatusChange: (status: Status) => void;
+};
+const AvatarContext = React.createContext<AvatarContextValue | null>(null);
+const useAvatarContext = () => {
+  const context = React.useContext(AvatarContext);
+  if (!context) {
+    throw new Error("Avatar components must be rendered within the AvatarRoot");
+  }
+  return context;
+};
+
+type Status = "idle" | "loading" | "success" | "error";
+const useImageLoadingStatus = (src?: string) => {
+  const [status, setStatus] = React.useState<Status>("idle");
+
+  React.useLayoutEffect(() => {
+    if (!src) {
+      setStatus("error");
+      return;
+    }
+    let isMounted = true;
+    const image = new window.Image();
+    const updateStatus = (status: Status) => () => {
+      if (!isMounted) return;
+      setStatus(status);
+    };
+    setStatus("loading");
+    image.onload = updateStatus("success");
+    image.onerror = updateStatus("error");
+    image.src = src;
+    return () => {
+      isMounted = false;
+    };
+  }, [src]);
+
+  return status;
+};
+
+export type {
+  AvatarProps,
+  AvatarRootProps,
+  AvatarImageProps,
+  AvatarFallbackProps,
+};
+export {
+  Avatar,
+  AvatarRoot,
+  AvatarImage,
+  AvatarFallback,
+  AvatarPlaceholder,
+  avatarStyles,
+};
diff --git a/www/src/__registry__/core/badge-01.tsx b/www/src/__registry__/core/badge-01.tsx
new file mode 100644
index 000000000..944a403fd
--- /dev/null
+++ b/www/src/__registry__/core/badge-01.tsx
@@ -0,0 +1,65 @@
+import * as React from "react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { cn } from "@/registry/lib/cn";
+
+const badgeVariants = tv({
+  base: "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors",
+  variants: {
+    variant: {
+      neutral: "bg-bg-muted text-fg",
+      outline: "text-fg border",
+      primary: "bg-bg-primary text-fg-onPrimary",
+      success: "bg-bg-success text-fg-onSuccess",
+      "success-subtle": "bg-bg-success-muted text-fg-success",
+      "success-outline": "border-border-success text-fg-success border",
+      danger: "bg-bg-danger text-fg-onDanger",
+      "danger-subtle": "bg-bg-danger-muted text-fg-danger",
+      "danger-outline": "border-border-danger text-fg-danger border",
+      warning: "bg-bg-warning text-fg-onWarning",
+      "warning-subtle": "bg-bg-warning-muted text-fg-warning",
+      "warning-outline": "border-border-warning text-fg-warning border",
+      accent: "bg-bg-accent text-fg-onAccent",
+      "accent-subtle": "bg-bg-accent-muted text-fg-accent",
+      "accent-outline": "border-border-accent text-fg-accent border",
+    },
+    size: {
+      sm: "h-5 px-2.5 [&_svg]:size-3",
+      md: "h-6 px-3 [&_svg]:size-3.5",
+      lg: "h-7 px-4 text-sm [&_svg]:size-4",
+    },
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md",
+  },
+});
+
+// TODO: change icon to prefix/suffix
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {
+  icon?: React.ReactNode;
+}
+
+function Badge({
+  children,
+  className,
+  variant,
+  size,
+  icon,
+  ...props
+}: BadgeProps) {
+  return (
+    <span
+      role="presentation"
+      className={cn(badgeVariants({ variant, size }), className)}
+      {...props}
+    >
+      {icon && <span>{icon}</span>}
+      {children}
+    </span>
+  );
+}
+
+export { Badge, badgeVariants };
diff --git a/www/src/__registry__/core/breadcrumbs-01.tsx b/www/src/__registry__/core/breadcrumbs-01.tsx
new file mode 100644
index 000000000..72f2c137d
--- /dev/null
+++ b/www/src/__registry__/core/breadcrumbs-01.tsx
@@ -0,0 +1,78 @@
+"use client";
+
+import {
+  Link as AriaLink,
+  Breadcrumbs as AriaBreadcrumbs,
+  Breadcrumb as AriaBreadcrumb,
+  type BreadcrumbsProps as AriaBreadcrumbsProps,
+  type BreadcrumbProps as AriaBreadcrumbProps,
+  type LinkProps as AriaLinkProps,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { ChevronRightIcon } from "@/__icons__";
+
+const breadcrumbsStyles = tv({
+  slots: {
+    root: "text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4",
+    item: "inline-flex items-center gap-1.5 last:[&_svg]:hidden",
+    link: "hover:text-fg current:text-fg disabled:[&:not([data-current])]:text-fg-disabled inline-flex items-center gap-1.5 transition-colors disabled:cursor-default",
+  },
+});
+
+type BreadcrumbsProps<T extends object> = AriaBreadcrumbsProps<T>;
+
+const Breadcrumbs = <T extends object>({
+  className,
+  ...props
+}: BreadcrumbsProps<T>) => {
+  const { root } = breadcrumbsStyles();
+  return <AriaBreadcrumbs {...props} className={root({ className })} />;
+};
+
+type BreadcrumbProps = Omit<AriaBreadcrumbProps, "children"> &
+  Omit<AriaLinkProps, "className" | "style"> & { icon?: React.ReactNode };
+const Breadcrumb = ({
+  children,
+  className,
+  style,
+  icon = null,
+  ...props
+}: BreadcrumbProps) => {
+  return (
+    <BreadcrumbItem className={className} style={style} {...props}>
+      {icon}
+      <BreadcrumbLink {...props}>{children}</BreadcrumbLink>
+      <ChevronRightIcon />
+    </BreadcrumbItem>
+  );
+};
+
+type BreadcrumbItemProps = AriaBreadcrumbProps;
+const BreadcrumbItem = (props: BreadcrumbItemProps) => {
+  const { item } = breadcrumbsStyles();
+  return (
+    <AriaBreadcrumb
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        item({ className })
+      )}
+    />
+  );
+};
+
+interface BreadcrumbLinkProps extends Omit<AriaLinkProps, "className"> {
+  className?: string;
+}
+const BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => {
+  const { link } = breadcrumbsStyles();
+  return <AriaLink {...props} className={link({ className })} />;
+};
+
+export type {
+  BreadcrumbsProps,
+  BreadcrumbProps,
+  BreadcrumbItemProps,
+  BreadcrumbLinkProps,
+};
+export { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };
diff --git a/www/src/__registry__/core/button-01.tsx b/www/src/__registry__/core/button-01.tsx
index 1ba35aefe..580eced1a 100644
--- a/www/src/__registry__/core/button-01.tsx
+++ b/www/src/__registry__/core/button-01.tsx
@@ -15,7 +15,7 @@ import { LoaderIcon } from "@/__icons__";
 const buttonStyles = tv(
   {
     extend: focusRing,
-    base: "ring-offset-bg disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
     variants: {
       variant: {
         default:
diff --git a/www/src/__registry__/core/button-02.tsx b/www/src/__registry__/core/button-02.tsx
index 7cc8c89bf..96dd0dd2a 100644
--- a/www/src/__registry__/core/button-02.tsx
+++ b/www/src/__registry__/core/button-02.tsx
@@ -19,11 +19,11 @@ const buttonStyles = tv(
     variants: {
       variant: {
         default:
-          "bg-red-500 hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
+          "hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral bg-red-500",
         primary:
           "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
         quiet:
-          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-red-500",
+          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
         outline:
           "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
         accent:
diff --git a/www/src/__registry__/core/calendar-01.tsx b/www/src/__registry__/core/calendar-01.tsx
index ebe27daef..ba582f59e 100644
--- a/www/src/__registry__/core/calendar-01.tsx
+++ b/www/src/__registry__/core/calendar-01.tsx
@@ -20,10 +20,10 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, buttonStyles } from "@/components/dynamic-core/button";
-import { Heading } from "@/components/dynamic-core/heading";
-import { Text } from "@/components/dynamic-core/text";
 import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+import { Button, buttonStyles } from "@/__registry__/core/button";
+import { Heading } from "@/__registry__/core/heading";
+import { Text } from "@/__registry__/core/text";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/calendar-02.tsx b/www/src/__registry__/core/calendar-02.tsx
index e94353fde..bacd2bd6c 100644
--- a/www/src/__registry__/core/calendar-02.tsx
+++ b/www/src/__registry__/core/calendar-02.tsx
@@ -20,10 +20,10 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, buttonStyles } from "@/components/dynamic-core/button";
-import { Heading } from "@/components/dynamic-core/heading";
-import { Text } from "@/components/dynamic-core/text";
 import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+import { Button, buttonStyles } from "@/__registry__/core/button";
+import { Heading } from "@/__registry__/core/heading";
+import { Text } from "@/__registry__/core/text";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/checkbox-01.tsx b/www/src/__registry__/core/checkbox-01.tsx
new file mode 100644
index 000000000..038f4af53
--- /dev/null
+++ b/www/src/__registry__/core/checkbox-01.tsx
@@ -0,0 +1,82 @@
+"use client";
+
+import * as React from "react";
+import {
+  Checkbox as AriaCheckbox,
+  composeRenderProps,
+  type CheckboxProps as AriaCheckboxProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
+import { CheckIcon, MinusIcon } from "@/__icons__";
+
+const checkboxStyles = tv({
+  slots: {
+    root: "invalid:text-fg-danger disabled:text-fg-disabled group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default",
+    indicator: [
+      "border-border-control flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border",
+      "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75",
+      "group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary",
+      "group-read-only:cursor-default",
+      "group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-not-allowed",
+      "group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger",
+    ],
+  },
+  variants: {
+    variant: {
+      default: {
+        indicator: focusRingGroup(),
+      },
+      card: {
+        root: [
+          focusRing(),
+          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+interface CheckboxProps
+  extends Omit<AriaCheckboxProps, "className">,
+    VariantProps<typeof checkboxStyles> {
+  className?: string;
+}
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof AriaCheckbox>,
+  CheckboxProps
+>((localProps, ref) => {
+  const contextProps = useCheckboxContext();
+  const props = { ...contextProps, ...localProps };
+  const { className, variant, ...restProps } = props;
+  const { root, indicator } = checkboxStyles({ variant });
+  return (
+    <AriaCheckbox ref={ref} {...restProps} className={root({ className })}>
+      {composeRenderProps(props.children, (children, { isIndeterminate }) => (
+        <>
+          <div className={indicator({ className: "" })}>
+            {isIndeterminate ? (
+              <MinusIcon className="size-2.5" />
+            ) : (
+              <CheckIcon className="size-3" />
+            )}
+          </div>
+          <span>{children}</span>
+        </>
+      ))}
+    </AriaCheckbox>
+  );
+});
+Checkbox.displayName = "Checkbox";
+
+type CheckboxContextValue = VariantProps<typeof checkboxStyles>;
+const CheckboxContext = React.createContext<CheckboxContextValue>({});
+const useCheckboxContext = () => {
+  return React.useContext(CheckboxContext);
+};
+
+export type { CheckboxProps };
+export { Checkbox, CheckboxContext };
diff --git a/www/src/__registry__/core/checkbox-group-01.tsx b/www/src/__registry__/core/checkbox-group-01.tsx
new file mode 100644
index 000000000..898cde2f4
--- /dev/null
+++ b/www/src/__registry__/core/checkbox-group-01.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import * as React from "react";
+import {
+  CheckboxGroup as AriaCheckboxGroup,
+  composeRenderProps,
+  type CheckboxGroupProps as AriaCheckboxGroupProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { CheckboxContext } from "@/__registry__/core/checkbox";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+
+const checkboxGroupStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+    wrapper: "flex",
+  },
+  variants: {
+    variant: {
+      default: {
+        wrapper: "flex-col gap-0.5",
+      },
+      card: {
+        wrapper: "flex gap-2",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+interface CheckboxGroupProps
+  extends CheckboxGroupRootProps,
+    Omit<FieldProps, "children"> {}
+const CheckboxGroup = React.forwardRef<
+  React.ElementRef<typeof AriaCheckboxGroup>,
+  CheckboxGroupProps
+>(
+  (
+    {
+      label,
+      description,
+      errorMessage,
+      necessityIndicator,
+      contextualHelp,
+      variant,
+      ...props
+    },
+    ref
+  ) => {
+    const { wrapper } = checkboxGroupStyles({ variant });
+    return (
+      <CheckboxGroupRoot ref={ref} variant={variant} {...props}>
+        {composeRenderProps(props.children, (children, { isRequired }) => (
+          <Field
+            label={label}
+            description={description}
+            errorMessage={errorMessage}
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+            contextualHelp={contextualHelp}
+          >
+            <div className={wrapper()}>{children}</div>
+          </Field>
+        ))}
+      </CheckboxGroupRoot>
+    );
+  }
+);
+CheckboxGroup.displayName = "CheckboxGroup";
+
+interface CheckboxGroupRootProps
+  extends Omit<AriaCheckboxGroupProps, "className">,
+    VariantProps<typeof checkboxGroupStyles> {
+  className?: string;
+}
+const CheckboxGroupRoot = React.forwardRef<
+  React.ElementRef<typeof AriaCheckboxGroup>,
+  CheckboxGroupRootProps
+>(({ className, variant, ...props }, ref) => {
+  const { root } = checkboxGroupStyles({ variant });
+  return (
+    <CheckboxContext.Provider value={{ variant }}>
+      <AriaCheckboxGroup ref={ref} className={root({ className })} {...props} />
+    </CheckboxContext.Provider>
+  );
+});
+CheckboxGroupRoot.displayName = "CheckboxGroupRoot";
+
+export type { CheckboxGroupProps, CheckboxGroupRootProps };
+export { CheckboxGroup, CheckboxGroupRoot };
diff --git a/www/src/__registry__/core/collapsible-01.tsx b/www/src/__registry__/core/collapsible-01.tsx
new file mode 100644
index 000000000..94b1cbe03
--- /dev/null
+++ b/www/src/__registry__/core/collapsible-01.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import React from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { cn } from "@/registry/lib/cn";
+
+const CollapsibleRoot = CollapsiblePrimitive.Root;
+
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+
+const CollapsibleContent = React.forwardRef<
+  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,
+  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>
+>(({ className, ...props }, ref) => (
+  <CollapsiblePrimitive.CollapsibleContent
+    ref={ref}
+    className={cn(
+      "data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden duration-75",
+      className
+    )}
+    {...props}
+  />
+));
+
+CollapsibleContent.displayName = "CollapsibleContent";
+
+export {
+  CollapsibleRoot,
+  CollapsibleRoot as Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent,
+};
diff --git a/www/src/__registry__/core/color-area-01.tsx b/www/src/__registry__/core/color-area-01.tsx
new file mode 100644
index 000000000..9b5bde0e0
--- /dev/null
+++ b/www/src/__registry__/core/color-area-01.tsx
@@ -0,0 +1,40 @@
+"use client";
+
+import {
+  ColorArea as AriaColorArea,
+  composeRenderProps,
+  type ColorAreaProps as AriaColorAreaProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { ColorThumb } from "@/registry/core/color-thumb-01";
+
+const colorAreaStyles = tv({
+  base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
+});
+
+type ColorAreaProps = Omit<ColorAreaRootProps, "children">;
+const ColorArea = (props: ColorAreaProps) => {
+  return (
+    <ColorAreaRoot {...props}>
+      <ColorThumb />
+    </ColorAreaRoot>
+  );
+};
+
+interface ColorAreaRootProps extends Omit<AriaColorAreaProps, "className"> {
+  className?: string;
+}
+const ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {
+  return (
+    <AriaColorArea
+      {...props}
+      className={colorAreaStyles({ className })}
+      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
+        ...style,
+        ...(isDisabled ? { background: "none" } : {}),
+      }))}
+    />
+  );
+};
+
+export { ColorArea, ColorAreaRoot };
diff --git a/www/src/__registry__/core/color-field-01.tsx b/www/src/__registry__/core/color-field-01.tsx
new file mode 100644
index 000000000..c2f77cd3a
--- /dev/null
+++ b/www/src/__registry__/core/color-field-01.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import * as React from "react";
+import {
+  ColorField as AriaColorField,
+  type ColorFieldProps as AriaColorFieldProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+import { InputRoot, Input, type inputStyles } from "@/__registry__/core/input";
+
+const colorFieldStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
+type ColorFieldProps = ColorFieldRootProps &
+  Omit<FieldProps, "children"> &
+  VariantProps<typeof inputStyles> & {
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    isLoading?: boolean;
+    loaderPosition?: "prefix" | "suffix";
+    placeholder?: string;
+  };
+const ColorField = React.forwardRef<HTMLInputElement, ColorFieldProps>(
+  (
+    {
+      className,
+      size,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      prefix,
+      suffix,
+      isLoading,
+      loaderPosition = "suffix",
+      isRequired,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    return (
+      <ColorFieldRoot className={className} isRequired={isRequired} {...props}>
+        <Field
+          label={label}
+          description={description}
+          errorMessage={errorMessage}
+          isRequired={isRequired}
+          necessityIndicator={necessityIndicator}
+          contextualHelp={contextualHelp}
+        >
+          <InputRoot
+            size={size}
+            prefix={prefix}
+            suffix={suffix}
+            isLoading={isLoading}
+            loaderPosition={loaderPosition}
+          >
+            <Input ref={ref} placeholder={placeholder} />
+          </InputRoot>
+        </Field>
+      </ColorFieldRoot>
+    );
+  }
+);
+ColorField.displayName = "ColorField";
+
+type ColorFieldRootProps = Omit<AriaColorFieldProps, "className"> & {
+  className?: string;
+};
+const ColorFieldRoot = React.forwardRef<
+  React.ElementRef<typeof AriaColorField>,
+  ColorFieldRootProps
+>(({ className, ...props }, ref) => {
+  return (
+    <AriaColorField
+      ref={ref}
+      className={colorFieldStyles({ className })}
+      {...props}
+    />
+  );
+});
+ColorFieldRoot.displayName = "ColorFieldRoot";
+
+export type { ColorFieldProps, ColorFieldRootProps };
+export { ColorField, ColorFieldRoot };
diff --git a/www/src/__registry__/core/color-picker-01.tsx b/www/src/__registry__/core/color-picker-01.tsx
new file mode 100644
index 000000000..044d5f9c4
--- /dev/null
+++ b/www/src/__registry__/core/color-picker-01.tsx
@@ -0,0 +1,122 @@
+"use client";
+
+import React from "react";
+import {
+  getColorChannels,
+  ColorPicker as AriaColorPicker,
+  type ColorPickerProps as AriaColorPickerProps,
+  type ColorSpace,
+  composeRenderProps,
+} from "react-aria-components";
+import { ColorArea } from "@/registry/core/color-area-01";
+import { ColorField } from "@/registry/core/color-field-01";
+import { ColorSlider } from "@/registry/core/color-slider-01";
+import { ColorSwatch } from "@/registry/core/color-swatch-01";
+import { Item } from "@/registry/core/list-box-01";
+import { cn } from "@/registry/lib/cn";
+import { Button, type ButtonProps } from "@/__registry__/core/button";
+import {
+  Dialog,
+  DialogRoot,
+  DialogRootProps,
+} from "@/__registry__/core/dialog";
+import { Select } from "@/__registry__/core/select";
+
+type ColorPickerProps = ColorPickerRootProps &
+  Omit<ButtonProps, "children"> &
+  Pick<DialogRootProps, "onOpenChange">;
+const ColorPicker = ({
+  slot,
+  value,
+  defaultValue,
+  onChange,
+  shape = "square",
+  onOpenChange,
+  ...props
+}: ColorPickerProps) => {
+  return (
+    <ColorPickerRoot
+      slot={slot}
+      value={value}
+      defaultValue={defaultValue}
+      onChange={onChange}
+    >
+      {composeRenderProps(props.children, (children) => (
+        <DialogRoot onOpenChange={onOpenChange}>
+          <Button shape={shape} {...props}>
+            <ColorSwatch />
+            {children}
+          </Button>
+          <Dialog type="popover" mobileType="drawer">
+            <ColorEditor className="mx-auto" />
+          </Dialog>
+        </DialogRoot>
+      ))}
+    </ColorPickerRoot>
+  );
+};
+
+type ColorPickerRootProps = AriaColorPickerProps;
+const ColorPickerRoot = (props: ColorPickerRootProps) => {
+  return <AriaColorPicker {...props} />;
+};
+
+type ColorEditorProps = React.HTMLAttributes<HTMLDivElement>;
+const ColorEditor = ({ className, ...props }: ColorEditorProps) => {
+  const [space, setSpace] = React.useState<ColorSpace | "hex">("hsl");
+  return (
+    <div className={cn("mx-auto flex flex-col gap-2", className)} {...props}>
+      <div className="flex gap-2">
+        <ColorArea
+          colorSpace="hsb"
+          xChannel="saturation"
+          yChannel="brightness"
+        />
+        <ColorSlider
+          orientation="vertical"
+          colorSpace="hsb"
+          channel="hue"
+          showValueLabel={false}
+        />
+        {/* <ColorSlider
+          orientation="vertical"
+          colorSpace="hsb"
+          channel="alpha"
+          showValueLabel={false}
+        /> */}
+      </div>
+      <div className="flex items-center gap-2">
+        <Select
+          selectedKey={space}
+          onSelectionChange={(s) => setSpace(s as ColorSpace)}
+          size="sm"
+        >
+          <Item id="hex">Hex</Item>
+          <Item id="rgb">RGB</Item>
+          <Item id="hsl">HSL</Item>
+          <Item id="hsb">HSB</Item>
+        </Select>
+        {space === "hex" ? (
+          <ColorField
+            aria-label="Hex"
+            className="shrink-1 w-[40px] flex-1 basis-0"
+            size="sm"
+          />
+        ) : (
+          getColorChannels(space).map((channel) => (
+            <ColorField
+              key={channel}
+              colorSpace={space}
+              channel={channel}
+              className="shrink-1 w-[40px] flex-1 basis-0"
+              size="sm"
+            />
+          ))
+        )}
+      </div>
+    </div>
+  );
+};
+
+export type { ColorPickerProps, ColorPickerRootProps };
+export { ColorPicker, ColorPickerRoot, ColorEditor };
diff --git a/www/src/__registry__/core/color-slider-01.tsx b/www/src/__registry__/core/color-slider-01.tsx
new file mode 100644
index 000000000..3cab8d400
--- /dev/null
+++ b/www/src/__registry__/core/color-slider-01.tsx
@@ -0,0 +1,113 @@
+"use client";
+
+import {
+  composeRenderProps,
+  ColorSlider as AriaColorSlider,
+  SliderOutput as AriaSliderOutput,
+  SliderTrack as AriaSliderTrack,
+  type ColorSliderProps as AriaColorSliderProps,
+  type SliderOutputProps as AriaSliderOutputProps,
+  type SliderTrackProps as AriaSliderTrackProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { ColorThumb } from "@/registry/core/color-thumb-01";
+import { cn } from "@/registry/lib/cn";
+import { Label } from "@/__registry__/core/field";
+
+const colorSliderStyles = tv({
+  slots: {
+    root: "group/color-slider orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
+    output: "text-fg-muted text-sm",
+    track: [
+      "orientation-horizontal:w-48 orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-48 disabled:bg-bg-disabled! rounded-md",
+      "relative before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
+    ],
+  },
+});
+
+interface ColorSliderProps extends ColorSliderRootProps {
+  showValueLabel?: boolean;
+  label?: string;
+}
+const ColorSlider = ({
+  label,
+  channel,
+  showValueLabel = true,
+  ...props
+}: ColorSliderProps) => {
+  return (
+    <ColorSliderRoot channel={channel} {...props}>
+      {(label || showValueLabel) && (
+        <div
+          className={cn(
+            "flex items-center justify-between gap-2",
+            !label && "justify-end"
+          )}
+        >
+          {label && <Label>{label}</Label>}
+          {showValueLabel && <ColorSliderOutput />}
+        </div>
+      )}
+      <ColorSliderTrack>
+        <ColorThumb />
+      </ColorSliderTrack>
+    </ColorSliderRoot>
+  );
+};
+
+type ColorSliderRootProps = AriaColorSliderProps;
+const ColorSliderRoot = (props: ColorSliderRootProps) => {
+  const { root } = colorSliderStyles();
+  return (
+    <AriaColorSlider
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+    />
+  );
+};
+
+type ColorSliderTrackProps = AriaSliderTrackProps;
+const ColorSliderTrack = (props: ColorSliderTrackProps) => {
+  const { track } = colorSliderStyles();
+  return (
+    <AriaSliderTrack
+      {...props}
+      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
+        ...style,
+        ...(isDisabled ? { background: "none" } : {}),
+      }))}
+      className={composeRenderProps(props.className, (className) =>
+        track({ className })
+      )}
+    />
+  );
+};
+
+type ColorSliderOutputProps = AriaSliderOutputProps;
+const ColorSliderOutput = (props: ColorSliderOutputProps) => {
+  const { output } = colorSliderStyles();
+  return (
+    <AriaSliderOutput
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        output({ className })
+      )}
+    />
+  );
+};
+
+export type {
+  ColorSliderProps,
+  ColorSliderRootProps,
+  ColorSliderTrackProps,
+  ColorSliderOutputProps,
+};
+export {
+  ColorSlider,
+  ColorSliderRoot,
+  ColorSliderOutput,
+  ColorSliderTrack,
+  colorSliderStyles,
+};
diff --git a/www/src/__registry__/core/color-swatch-01.tsx b/www/src/__registry__/core/color-swatch-01.tsx
new file mode 100644
index 000000000..9183a75e2
--- /dev/null
+++ b/www/src/__registry__/core/color-swatch-01.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import {
+  ColorSwatch as AriaColorSwatch,
+  type ColorSwatchProps as AriaColorSwatchProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const colorSwatchStyles = tv({
+  base: "size-5 rounded-sm border",
+});
+
+interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "className"> {
+  className?: string;
+}
+const ColorSwatch = ({ className, ...props }: ColorSwatchProps) => {
+  return (
+    <AriaColorSwatch className={colorSwatchStyles({ className })} {...props} />
+  );
+};
+
+export type { ColorSwatchProps };
+export { ColorSwatch };
diff --git a/www/src/__registry__/core/color-thumb-01.tsx b/www/src/__registry__/core/color-thumb-01.tsx
new file mode 100644
index 000000000..0841061a0
--- /dev/null
+++ b/www/src/__registry__/core/color-thumb-01.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import {
+  ColorThumb as AriaColorThumb,
+  type ColorThumbProps as AriaColorThumbProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const colorThumbStyles = tv({
+  extend: focusRing,
+  base: [
+    "disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40",
+    "group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2",
+  ],
+});
+
+interface ColorThumbProps extends Omit<AriaColorThumbProps, "className"> {
+  className?: string;
+}
+const ColorThumb = ({ className, ...props }: ColorThumbProps) => {
+  return (
+    <AriaColorThumb className={colorThumbStyles({ className })} {...props} />
+  );
+};
+
+export type { ColorThumbProps };
+export { ColorThumb };
diff --git a/www/src/__registry__/core/combobox-01.tsx b/www/src/__registry__/core/combobox-01.tsx
new file mode 100644
index 000000000..ecbd956b3
--- /dev/null
+++ b/www/src/__registry__/core/combobox-01.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import * as React from "react";
+import {
+  ComboBox as AriaCombobox,
+  type ComboBoxProps as AriaComboboxProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { ListBox } from "@/registry/core/list-box-01";
+import { ChevronDownIcon } from "@/__icons__";
+import { Button } from "@/__registry__/core/button";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+import { Input, InputRoot } from "@/__registry__/core/input";
+import { Overlay } from "@/__registry__/core/overlay";
+
+const comboboxStyles = tv({
+  slots: {
+    root: "flex w-48 flex-col items-start gap-2",
+  },
+});
+
+interface ComboboxProps<T extends object>
+  extends Omit<ComboboxRootProps<T>, "children">,
+    Omit<FieldProps, "children"> {
+  isLoading?: boolean;
+  children: React.ReactNode | ((item: T) => React.ReactNode);
+  items?: Iterable<T>;
+}
+const Combobox = <T extends object>({
+  label,
+  description,
+  errorMessage,
+  necessityIndicator,
+  contextualHelp,
+  children,
+  items,
+  isLoading,
+  ...props
+}: ComboboxProps<T>) => {
+  return (
+    <ComboboxRoot {...props}>
+      {({ isRequired }) => (
+        <>
+          <Field
+            label={label}
+            description={description}
+            errorMessage={errorMessage}
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+            contextualHelp={contextualHelp}
+          >
+            <ComboboxTrigger />
+          </Field>
+          <Overlay type="popover">
+            <ListBox items={items} isLoading={isLoading}>
+              {children}
+            </ListBox>
+          </Overlay>
+        </>
+      )}
+    </ComboboxRoot>
+  );
+};
+
+const ComboboxTrigger = () => {
+  return (
+    <InputRoot className="px-0">
+      <Input className="pl-2" />
+      <Button variant="default" shape="square" className="my-1 mr-1 size-7">
+        <ChevronDownIcon />
+      </Button>
+    </InputRoot>
+  );
+};
+
+interface ComboboxRootProps<T extends object>
+  extends Omit<AriaComboboxProps<T>, "className"> {
+  className?: string;
+}
+const ComboboxRoot = <T extends object>({
+  className,
+  ...props
+}: ComboboxRootProps<T>) => {
+  const { root } = comboboxStyles();
+  return <AriaCombobox className={root({ className })} {...props} />;
+};
+
+export type { ComboboxProps, ComboboxRootProps };
+export { Combobox, ComboboxRoot, ComboboxTrigger };
diff --git a/www/src/__registry__/core/command-01.tsx b/www/src/__registry__/core/command-01.tsx
new file mode 100644
index 000000000..7ee770007
--- /dev/null
+++ b/www/src/__registry__/core/command-01.tsx
@@ -0,0 +1,167 @@
+"use client";
+
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { cn } from "@/registry/lib/cn";
+import { SearchIcon } from "@/__icons__";
+
+type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
+const CommandRoot = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive>,
+  CommandRootProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive
+    ref={ref}
+    className={cn(
+      "bg-bg text-fg flex h-full w-full flex-col overflow-hidden rounded-md",
+      className
+    )}
+    {...props}
+  />
+));
+CommandRoot.displayName = CommandPrimitive.displayName;
+
+type CommandInputProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Input
+> & {
+  wrapperClassName?: string;
+  icon?: React.ReactNode;
+};
+const CommandInput = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Input>,
+  CommandInputProps
+>(({ className, wrapperClassName, icon, ...props }, ref) => (
+  <div
+    className={cn("flex items-center gap-2 border-b px-3", wrapperClassName)}
+    cmdk-input-wrapper=""
+  >
+    {icon || <SearchIcon className="size-4 shrink-0" />}
+    <CommandPrimitive.Input
+      ref={ref}
+      className={cn(
+        "placeholder:text-fg-muted outline-hidden flex h-11 w-full rounded-md bg-transparent py-3 text-base disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
+        className
+      )}
+      {...props}
+    />
+  </div>
+));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+
+type CommandListProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.List
+>;
+const CommandList = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.List>,
+  CommandListProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.List
+    ref={ref}
+    className={cn("flex-1 overflow-y-auto overflow-x-hidden", className)}
+    {...props}
+  />
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+
+type CommandEmptyProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Empty
+>;
+const CommandEmpty = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Empty>,
+  CommandEmptyProps
+>((props, ref) => (
+  <CommandPrimitive.Empty
+    ref={ref}
+    className="py-6 text-center text-sm"
+    {...props}
+  />
+));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+
+type CommandGroupProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Group
+>;
+const CommandGroup = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Group>,
+  CommandGroupProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Group
+    ref={ref}
+    className={cn(
+      "text-fg [&_[cmdk-group-heading]]:text-fg-muted overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+      className
+    )}
+    {...props}
+  />
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+
+type CommandSeparatorProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Separator
+>;
+const CommandSeparator = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Separator>,
+  CommandSeparatorProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Separator
+    ref={ref}
+    className={cn(
+      "bg-border separator h-px w-full shrink-0 border-0",
+      className
+    )}
+    // className={cn("-mx-1 h-px bg-border", className)}
+    {...props}
+  />
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+
+type CommandItemProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Item
+>;
+const CommandItem = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Item>,
+  CommandItemProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Item
+    ref={ref}
+    className={cn(
+      "aria-selected:bg-bg-muted aria-selected:text-fg outline-hidden relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm transition-colors",
+      className
+    )}
+    {...props}
+  />
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+
+type CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
+const CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {
+  return (
+    <span
+      className={cn("text-fg-muted ml-auto text-xs tracking-widest", className)}
+      {...props}
+    />
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+export {
+  CommandRoot,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+};
+
+export type {
+  CommandRootProps,
+  CommandInputProps,
+  CommandListProps,
+  CommandEmptyProps,
+  CommandGroupProps,
+  CommandSeparatorProps,
+  CommandItemProps,
+  CommandShortcutProps,
+};
diff --git a/www/src/__registry__/core/contextual-help-01.tsx b/www/src/__registry__/core/contextual-help-01.tsx
new file mode 100644
index 000000000..410ef4446
--- /dev/null
+++ b/www/src/__registry__/core/contextual-help-01.tsx
@@ -0,0 +1,39 @@
+import { InfoIcon, HelpIcon } from "@/__icons__";
+import { Button } from "@/__registry__/core/button";
+import { DialogRoot, Dialog } from "@/__registry__/core/dialog";
+
+interface ContextualHelpProps {
+  title?: string;
+  description?: string;
+  variant?: "info" | "help";
+}
+
+const ContextualHelp = ({
+  title,
+  description,
+  variant,
+}: ContextualHelpProps) => {
+  const icon = variant === "info" ? <InfoIcon /> : <HelpIcon />;
+  return (
+    <DialogRoot>
+      <Button
+        slot={null}
+        aria-label={variant}
+        variant="quiet"
+        size="sm"
+        shape="square"
+        className="size-6"
+      >
+        {icon}
+      </Button>
+      <Dialog
+        type="popover"
+        mobileType="modal"
+        title={title}
+        description={description}
+      />
+    </DialogRoot>
+  );
+};
+
+export { ContextualHelp };
diff --git a/www/src/__registry__/core/date-field-01.tsx b/www/src/__registry__/core/date-field-01.tsx
new file mode 100644
index 000000000..ccea03faa
--- /dev/null
+++ b/www/src/__registry__/core/date-field-01.tsx
@@ -0,0 +1,96 @@
+"use client";
+
+import * as React from "react";
+import {
+  DateField as AriaDateField,
+  type DateFieldProps as AriaDateFieldProps,
+  type DateValue,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { DateInput, DateSegment } from "@/registry/core/date-input-01";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+import {
+  InputRoot,
+  type InputRootProps,
+  type inputStyles,
+} from "@/__registry__/core/input";
+
+const dateFieldStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+  },
+});
+
+interface DateFieldProps<T extends DateValue>
+  extends DateFieldRootProps<T>,
+    Omit<FieldProps, "children">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  isLoading?: boolean;
+  loaderPosition?: "prefix" | "suffix";
+}
+
+const DateField = <T extends DateValue>({
+  className,
+  size,
+  label,
+  description,
+  errorMessage,
+  prefix,
+  suffix,
+  isLoading,
+  loaderPosition = "suffix",
+  isRequired,
+  isDisabled,
+  necessityIndicator,
+  contextualHelp,
+  ...props
+}: DateFieldProps<T>) => {
+  return (
+    <DateFieldRoot
+      className={className}
+      isRequired={isRequired}
+      isDisabled={isLoading || isDisabled}
+      {...props}
+    >
+      <Field
+        label={label}
+        description={description}
+        errorMessage={errorMessage}
+        isRequired={isRequired}
+        necessityIndicator={necessityIndicator}
+        contextualHelp={contextualHelp}
+      >
+        <DateFieldInput
+          size={size}
+          prefix={prefix}
+          suffix={suffix}
+          isLoading={isLoading}
+          loaderPosition={loaderPosition}
+        />
+      </Field>
+    </DateFieldRoot>
+  );
+};
+
+interface DateFieldRootProps<T extends DateValue>
+  extends Omit<AriaDateFieldProps<T>, "className"> {
+  className?: string;
+}
+const DateFieldRoot = <T extends DateValue>({
+  className,
+  ...props
+}: DateFieldRootProps<T>) => {
+  const { root } = dateFieldStyles();
+  return <AriaDateField className={root({ className })} {...props} />;
+};
+
+const DateFieldInput = (props: InputRootProps) => (
+  <InputRoot {...props}>
+    <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+  </InputRoot>
+);
+
+export type { DateFieldProps, DateFieldRootProps };
+export { DateField, DateFieldRoot };
diff --git a/www/src/__registry__/core/date-input-01.tsx b/www/src/__registry__/core/date-input-01.tsx
new file mode 100644
index 000000000..606a962ef
--- /dev/null
+++ b/www/src/__registry__/core/date-input-01.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import React from "react";
+import {
+  DateInput as AriaDateInput,
+  DateSegment as AriaDateSegment,
+  type DateSegmentProps as AriaDateSegmentProps,
+  type DateInputProps as AriaDateInputProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const dateInputStyles = tv({
+  slots: {
+    input: [
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex items-center justify-start disabled:cursor-default",
+    ],
+    segment:
+      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
+  },
+});
+
+interface DateInputProps extends Omit<AriaDateInputProps, "className"> {
+  className?: string;
+}
+const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(
+  ({ className, ...props }, ref) => {
+    const { input } = dateInputStyles();
+    return (
+      <AriaDateInput ref={ref} className={input({ className })} {...props} />
+    );
+  }
+);
+DateInput.displayName = "Input";
+
+interface DateSegmentProps extends Omit<AriaDateSegmentProps, "className"> {
+  className?: string;
+}
+const DateSegment = React.forwardRef<HTMLInputElement, DateSegmentProps>(
+  ({ className, ...props }, ref) => {
+    const { segment } = dateInputStyles();
+    return (
+      <AriaDateSegment
+        ref={ref}
+        className={segment({ className })}
+        {...props}
+      />
+    );
+  }
+);
+DateSegment.displayName = "Segment";
+
+export type { DateInputProps, DateSegmentProps };
+export { DateInput, DateSegment };
diff --git a/www/src/__registry__/core/date-picker-01.tsx b/www/src/__registry__/core/date-picker-01.tsx
new file mode 100644
index 000000000..a68b64cdf
--- /dev/null
+++ b/www/src/__registry__/core/date-picker-01.tsx
@@ -0,0 +1,95 @@
+"use client";
+
+import * as React from "react";
+import {
+  DatePicker as AriaDatePicker,
+  type DatePickerProps as AriaDatePickerProps,
+  type DateValue,
+} from "react-aria-components";
+import { type VariantProps } from "tailwind-variants";
+import { DateInput, DateSegment } from "@/registry/core/date-input-01";
+import { CalendarIcon } from "@/__icons__";
+import { Button } from "@/__registry__/core/button";
+import { Calendar } from "@/__registry__/core/calendar";
+import { Dialog } from "@/__registry__/core/dialog";
+import { Field, fieldStyles, type FieldProps } from "@/__registry__/core/field";
+import { InputRoot, type inputStyles } from "@/__registry__/core/input";
+
+interface DatePickerProps<T extends DateValue>
+  extends DatePickerRootProps<T>,
+    Omit<FieldProps, "children">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  isLoading?: boolean;
+}
+
+const DatePicker = <T extends DateValue>({
+  className,
+  size,
+  label,
+  description,
+  errorMessage,
+  prefix,
+  isLoading,
+  isRequired,
+  isDisabled,
+  necessityIndicator,
+  contextualHelp,
+  ...props
+}: DatePickerProps<T>) => {
+  return (
+    <DatePickerRoot
+      className={className}
+      isRequired={isRequired}
+      isDisabled={isLoading || isDisabled}
+      {...props}
+    >
+      <Field
+        label={label}
+        description={description}
+        errorMessage={errorMessage}
+        isRequired={isRequired}
+        necessityIndicator={necessityIndicator}
+        contextualHelp={contextualHelp}
+      >
+        <InputRoot
+          size={size}
+          prefix={prefix}
+          isLoading={isLoading}
+          loaderPosition="prefix"
+          className="pr-1"
+        >
+          <DateInput>
+            {(segment) => <DateSegment segment={segment} />}
+          </DateInput>
+          <Button
+            variant="default"
+            size="sm"
+            shape="square"
+            className="my-1 size-7 rounded-sm"
+          >
+            <CalendarIcon />
+          </Button>
+        </InputRoot>
+      </Field>
+      <Dialog type="popover" mobileType="drawer" className="flex">
+        <Calendar className="mx-auto" />
+      </Dialog>
+    </DatePickerRoot>
+  );
+};
+
+interface DatePickerRootProps<T extends DateValue>
+  extends Omit<AriaDatePickerProps<T>, "className"> {
+  className?: string;
+}
+const DatePickerRoot = <T extends DateValue>({
+  className,
+  ...props
+}: DatePickerRootProps<T>) => {
+  const { root } = fieldStyles();
+  return <AriaDatePicker className={root({ className })} {...props} />;
+};
+
+export type { DatePickerProps, DatePickerRootProps };
+export { DatePicker, DatePickerRoot };
diff --git a/www/src/__registry__/core/date-range-picker-01.tsx b/www/src/__registry__/core/date-range-picker-01.tsx
new file mode 100644
index 000000000..b3b2fe0d3
--- /dev/null
+++ b/www/src/__registry__/core/date-range-picker-01.tsx
@@ -0,0 +1,99 @@
+"use client";
+
+import * as React from "react";
+import {
+  DateRangePicker as AriaDateRangePicker,
+  type DateRangePickerProps as AriaDateRangePickerProps,
+  type DateValue,
+} from "react-aria-components";
+import { type VariantProps } from "tailwind-variants";
+import { DateInput, DateSegment } from "@/registry/core/date-input-01";
+import { RangeCalendar } from "@/registry/core/range-calendar-01";
+import { CalendarIcon } from "@/__icons__";
+import { Button } from "@/__registry__/core/button";
+import { Dialog } from "@/__registry__/core/dialog";
+import { Field, type FieldProps, fieldStyles } from "@/__registry__/core/field";
+import { InputRoot, type inputStyles } from "@/__registry__/core/input";
+
+interface DateRangePickerProps<T extends DateValue>
+  extends DateRangePickerRootProps<T>,
+    Omit<FieldProps, "children">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  isLoading?: boolean;
+}
+
+const DateRangePicker = <T extends DateValue>({
+  className,
+  size,
+  label,
+  description,
+  errorMessage,
+  prefix,
+  isLoading,
+  isRequired,
+  isDisabled,
+  necessityIndicator,
+  contextualHelp,
+  ...props
+}: DateRangePickerProps<T>) => {
+  return (
+    <DateRangePickerRoot
+      className={className}
+      isRequired={isRequired}
+      isDisabled={isLoading || isDisabled}
+      {...props}
+    >
+      <Field
+        label={label}
+        description={description}
+        errorMessage={errorMessage}
+        isRequired={isRequired}
+        necessityIndicator={necessityIndicator}
+        contextualHelp={contextualHelp}
+      >
+        <InputRoot
+          size={size}
+          prefix={prefix}
+          isLoading={isLoading}
+          loaderPosition="prefix"
+          className="pr-1"
+        >
+          <DateInput slot="start">
+            {(segment) => <DateSegment segment={segment} />}
+          </DateInput>
+          <span aria-hidden="true">–</span>
+          <DateInput slot="end" className="flex-1">
+            {(segment) => <DateSegment segment={segment} />}
+          </DateInput>
+          <Button
+            variant="default"
+            size="sm"
+            shape="square"
+            className="my-1 size-7 rounded-sm"
+          >
+            <CalendarIcon />
+          </Button>
+        </InputRoot>
+      </Field>
+      <Dialog type="popover" mobileType="drawer" className="flex">
+        <RangeCalendar className="mx-auto" />
+      </Dialog>
+    </DateRangePickerRoot>
+  );
+};
+
+interface DateRangePickerRootProps<T extends DateValue>
+  extends Omit<AriaDateRangePickerProps<T>, "className"> {
+  className?: string;
+}
+const DateRangePickerRoot = <T extends DateValue>({
+  className,
+  ...props
+}: DateRangePickerRootProps<T>) => {
+  const { root } = fieldStyles();
+  return <AriaDateRangePicker className={root({ className })} {...props} />;
+};
+
+export type { DateRangePickerProps, DateRangePickerRootProps };
+export { DateRangePicker, DateRangePickerRoot };
diff --git a/www/src/__registry__/core/dialog-01.tsx b/www/src/__registry__/core/dialog-01.tsx
new file mode 100644
index 000000000..cbd382e62
--- /dev/null
+++ b/www/src/__registry__/core/dialog-01.tsx
@@ -0,0 +1,152 @@
+"use client";
+
+import * as React from "react";
+import { useSlotId } from "@react-aria/utils";
+import {
+  composeRenderProps,
+  DialogContext as AriaDialogContext,
+  DialogTrigger as AriaDialogTrigger,
+  Dialog as AriaDialog,
+  type DialogProps as AriaDialogProps,
+  type DialogTriggerProps as AriaDialogTriggerProps,
+  TextContext,
+} from "react-aria-components";
+import { Provider } from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Heading } from "@/__registry__/core/heading";
+import { Overlay, type OverlayProps } from "@/__registry__/core/overlay";
+import { Text } from "@/__registry__/core/text";
+
+const dialogStyles = tv({
+  slots: {
+    content: [
+      "outline-hidden relative flex max-w-full flex-col rounded-[inherit] p-4",
+      "group-data-[type=modal]/overlay:p-6",
+      "group-data-[type=drawer]/overlay:pt-0",
+    ],
+    header: "mb-4",
+    footer: "flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end",
+    inset:
+      "-mx-4 px-4 py-4 group-data-[type=modal]/overlay:-mx-6 group-data-[type=modal]/overlay:px-6",
+  },
+});
+
+type DialogRootProps = AriaDialogTriggerProps;
+const DialogRoot = (props: DialogRootProps) => {
+  const descriptionId = useSlotId();
+  return (
+    <Provider
+      values={[
+        [AriaDialogContext, { "aria-describedby": descriptionId }],
+        [TextContext, { slots: { description: { id: descriptionId } } }],
+      ]}
+    >
+      <AriaDialogTrigger {...props} />
+    </Provider>
+  );
+};
+
+interface DialogProps extends DialogContentProps {
+  title?: string;
+  description?: string;
+  type?: OverlayProps["type"];
+  showDismissButton?: OverlayProps["showDismissButton"];
+  mobileType?: OverlayProps["mobileType"];
+  mediaQuery?: OverlayProps["mediaQuery"];
+  isDismissable?: boolean;
+  swipeIndicator?: boolean;
+  placement?: OverlayProps["placement"];
+}
+const Dialog = ({
+  title,
+  description,
+  type = "modal",
+  mobileType = "drawer",
+  mediaQuery,
+  isDismissable: isDismissableProp,
+  showDismissButton,
+  placement,
+  swipeIndicator,
+  ...props
+}: DialogProps) => {
+  const isDismissable =
+    isDismissableProp ?? (props.role === "alertdialog" ? false : true);
+  return (
+    <Overlay
+      isDismissable={isDismissable}
+      showDismissButton={showDismissButton}
+      type={type}
+      mobileType={mobileType}
+      mediaQuery={mediaQuery}
+      placement={placement}
+      swipeIndicator={swipeIndicator}
+    >
+      <DialogContent {...props}>
+        {composeRenderProps(props.children, (children) => (
+          <>
+            {(title || description) && (
+              <DialogHeader>
+                {title && <Heading>{title}</Heading>}
+                {description && <Text slot="description">{description}</Text>}
+              </DialogHeader>
+            )}
+            {children}
+          </>
+        ))}
+      </DialogContent>
+    </Overlay>
+  );
+};
+
+type DialogContentProps = AriaDialogProps;
+const DialogContent = ({
+  children,
+  className,
+  ...props
+}: DialogContentProps) => {
+  const { content } = dialogStyles();
+  return (
+    <AriaDialog className={content({ className })} {...props}>
+      {children}
+    </AriaDialog>
+  );
+};
+
+type DialogHeaderProps = React.ComponentProps<"header">;
+const DialogHeader = ({ children, className, ...props }: DialogHeaderProps) => {
+  const { header } = dialogStyles();
+  return (
+    <header className={header({ className })} {...props}>
+      {children}
+    </header>
+  );
+};
+
+type DialogFooterProps = React.ComponentProps<"footer">;
+const DialogFooter = ({ className, ...props }: DialogFooterProps) => {
+  const { footer } = dialogStyles();
+  return <footer className={footer({ className })} {...props} />;
+};
+
+type DialogInsetProps = React.ComponentProps<"div">;
+const DialogInset = ({ className, ...props }: DialogInsetProps) => {
+  const { inset } = dialogStyles();
+  return <div className={inset({ className })} {...props} />;
+};
+
+export type {
+  DialogRootProps,
+  DialogProps,
+  DialogContentProps,
+  DialogHeaderProps,
+  DialogFooterProps,
+  DialogInsetProps,
+};
+export {
+  DialogRoot,
+  DialogContent,
+  Dialog,
+  DialogHeader,
+  DialogFooter,
+  DialogInset,
+};
diff --git a/www/src/__registry__/core/drop-zone-01.tsx b/www/src/__registry__/core/drop-zone-01.tsx
new file mode 100644
index 000000000..ed977a034
--- /dev/null
+++ b/www/src/__registry__/core/drop-zone-01.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  DropZone as AriaDropZone,
+  type DropZoneProps as AriaDropZoneProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const dropZoneStyles = tv({
+  slots: {
+    root: "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
+    label: "text-md font-semibold",
+  },
+});
+
+type DropZoneProps = AriaDropZoneProps;
+const DropZone = (props: DropZoneProps) => {
+  const { root } = dropZoneStyles();
+  return (
+    <AriaDropZone
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+    />
+  );
+};
+
+export type { DropZoneProps };
+export { DropZone };
diff --git a/www/src/__registry__/core/field-01.tsx b/www/src/__registry__/core/field-01.tsx
new file mode 100644
index 000000000..949ea729a
--- /dev/null
+++ b/www/src/__registry__/core/field-01.tsx
@@ -0,0 +1,145 @@
+"use client";
+
+import * as React from "react";
+import {
+  Label as AriaLabel,
+  Text as AriaText,
+  FieldError as AriaFieldError,
+  FieldErrorContext as AriaFieldErrorContext,
+  type TextProps as AriaTextProps,
+  type LabelProps as AriaLabelProps,
+  type FieldErrorProps as AriaFieldErrorProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { AsteriskIcon } from "@/__icons__";
+
+const fieldStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+    label:
+      "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
+    description: "text-fg-muted text-xs",
+    fieldError: "text-fg-danger text-xs",
+  },
+});
+
+type LabelProps = AriaLabelProps & {
+  isRequired?: boolean;
+  necessityIndicator?: "label" | "icon";
+};
+const Label = ({
+  className,
+  children,
+  isRequired,
+  necessityIndicator,
+  ...props
+}: LabelProps) => {
+  const { label } = fieldStyles();
+  const necessityLabel = isRequired ? "(required)" : "(optional)";
+  return (
+    <AriaLabel className={label({ className })} {...props}>
+      {children}
+      {isRequired && (
+        <span aria-hidden>{necessityIndicator === "icon" ? <></> : <></>}</span>
+      )}
+      {(necessityIndicator === "label" ||
+        (necessityIndicator === "icon" && isRequired)) &&
+        " \u200b"}
+      {necessityIndicator === "label" && (
+        <span aria-hidden>{necessityLabel}</span>
+      )}
+      {necessityIndicator === "icon" && isRequired && <AsteriskIcon />}
+    </AriaLabel>
+  );
+};
+
+type DescriptionProps = AriaTextProps;
+const Description = ({ className, ...props }: DescriptionProps) => {
+  const { description } = fieldStyles();
+  return (
+    <AriaText
+      {...props}
+      slot="description"
+      className={description({ className })}
+    />
+  );
+};
+
+type FieldErrorProps = Omit<AriaFieldErrorProps, "className"> & {
+  className?: string;
+};
+const FieldError = ({ className, ...props }: FieldErrorProps) => {
+  const { fieldError } = fieldStyles();
+  return <AriaFieldError {...props} className={fieldError({ className })} />;
+};
+
+interface HelpTextProps {
+  errorMessage?: FieldErrorProps["children"];
+  description?: DescriptionProps["children"];
+}
+const HelpText = (props: HelpTextProps) => {
+  const { errorMessage, description } = props;
+  const validation = React.useContext(AriaFieldErrorContext);
+  const isErrorMessage =
+    validation?.isInvalid &&
+    (!!errorMessage || validation.validationErrors.length > 0);
+  const hasHelpText = !!description || isErrorMessage;
+
+  if (!hasHelpText) return null;
+
+  return isErrorMessage ? (
+    <FieldError>{errorMessage}</FieldError>
+  ) : (
+    <Description>{description}</Description>
+  );
+};
+
+interface FieldProps extends HelpTextProps {
+  label?: LabelProps["children"];
+  isRequired?: LabelProps["isRequired"];
+  necessityIndicator?: LabelProps["necessityIndicator"];
+  contextualHelp?: React.ReactNode;
+  children?: React.ReactNode;
+}
+const Field = (props: FieldProps) => {
+  const {
+    children,
+    label,
+    isRequired,
+    necessityIndicator,
+    contextualHelp,
+    ...helpTextProps
+  } = props;
+  return (
+    <>
+      {label && contextualHelp && (
+        <span className="flex items-center gap-2">
+          <Label
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+          >
+            {label}
+          </Label>
+          {contextualHelp}
+        </span>
+      )}
+      {label && !contextualHelp && (
+        <Label isRequired={isRequired} necessityIndicator={necessityIndicator}>
+          {label}
+        </Label>
+      )}
+      {children}
+      <HelpText {...helpTextProps} />
+    </>
+  );
+};
+Field.displayName = "Field";
+
+export type {
+  LabelProps,
+  DescriptionProps,
+  FieldErrorProps,
+  HelpTextProps,
+  FieldProps,
+};
+export { Label, Description, FieldError, HelpText, Field, fieldStyles };
diff --git a/www/src/__registry__/core/file-trigger-01.tsx b/www/src/__registry__/core/file-trigger-01.tsx
new file mode 100644
index 000000000..829a08f3c
--- /dev/null
+++ b/www/src/__registry__/core/file-trigger-01.tsx
@@ -0,0 +1,6 @@
+"use client";
+
+import { FileTrigger, type FileTriggerProps } from "react-aria-components";
+
+export type { FileTriggerProps };
+export { FileTrigger };
diff --git a/www/src/__registry__/core/form-01.tsx b/www/src/__registry__/core/form-01.tsx
new file mode 100644
index 000000000..5f953f2ff
--- /dev/null
+++ b/www/src/__registry__/core/form-01.tsx
@@ -0,0 +1,9 @@
+"use client";
+
+import {
+  Form as AriaForm,
+  FormProps as AriaFormProps,
+} from "react-aria-components";
+
+export type FormProps = AriaFormProps;
+export { AriaForm as Form };
diff --git a/www/src/__registry__/core/group-01.tsx b/www/src/__registry__/core/group-01.tsx
new file mode 100644
index 000000000..4c29fbb67
--- /dev/null
+++ b/www/src/__registry__/core/group-01.tsx
@@ -0,0 +1,6 @@
+"use client";
+
+import { Group, type GroupProps } from "react-aria-components";
+
+export type { GroupProps };
+export { Group };
diff --git a/www/src/__registry__/core/heading-01.tsx b/www/src/__registry__/core/heading-01.tsx
new file mode 100644
index 000000000..7e00867c2
--- /dev/null
+++ b/www/src/__registry__/core/heading-01.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import {
+  Heading as AriaHeading,
+  type HeadingProps as AriaHeadingProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const headingStyles = tv({
+  base: "text-lg font-medium",
+});
+
+type HeadingProps = AriaHeadingProps;
+const Heading = ({ className, ...props }: HeadingProps) => {
+  return <AriaHeading className={headingStyles({ className })} {...props} />;
+};
+
+export type { HeadingProps };
+export { Heading };
diff --git a/www/src/__registry__/core/input-01.tsx b/www/src/__registry__/core/input-01.tsx
new file mode 100644
index 000000000..002e300e5
--- /dev/null
+++ b/www/src/__registry__/core/input-01.tsx
@@ -0,0 +1,212 @@
+"use client";
+
+import * as React from "react";
+import { mergeRefs, chain } from "@react-aria/utils";
+import { useControlledState } from "@react-stately/utils";
+import {
+  Provider,
+  composeRenderProps,
+  Input as AriaInput,
+  Group as AriaGroup,
+  TextArea as AriaTextArea,
+  InputContext as AriaInputContext,
+  TextAreaContext as AriaTextAreaContext,
+  type TextAreaProps as AriaTextAreaProps,
+  type GroupProps as AriaGroupProps,
+  type InputProps as AriaInputProps,
+  useSlottedContext,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusInput } from "@/registry/lib/focus-styles";
+import { LoaderIcon } from "@/__icons__";
+
+const inputStyles = tv({
+  slots: {
+    root: [
+      focusInput(),
+      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
+      "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
+      "invalid:border-border-danger focus-within:invalid:border-border",
+    ],
+    input: [
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
+    ],
+  },
+  variants: {
+    size: {
+      sm: { root: "h-8" },
+      md: { root: "h-9" },
+      lg: { root: "h-10" },
+    },
+    multiline: {
+      true: {
+        root: "h-auto flex-col items-stretch p-2",
+        input: "min-h-14 resize-none overflow-auto",
+      },
+      false: {
+        input: "flex-1",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+    multiline: false,
+  },
+});
+
+interface TextAreaInputProps extends Omit<AriaTextAreaProps, "className"> {
+  className?: string;
+}
+const TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(
+  ({ className, onChange, rows = 1, ...props }, forwardedRef) => {
+    const { input } = inputStyles({ multiline: true });
+    const [inputValue, setInputValue] = useControlledState(
+      props.value,
+      props.defaultValue ?? "",
+      () => {
+        // Do nothing
+      }
+    );
+    const inputRef = React.useRef<HTMLTextAreaElement>(null);
+
+    const onHeightChange = React.useCallback(() => {
+      if (inputRef.current) {
+        const input = inputRef.current;
+        const prevAlignment = input.style.alignSelf;
+        const prevOverflow = input.style.overflow;
+        const isFirefox = "MozAppearance" in input.style;
+        if (!isFirefox) {
+          input.style.overflow = "hidden";
+        }
+        input.style.alignSelf = "start";
+        input.style.height = "auto";
+        input.style.height = `${
+          input.scrollHeight + (input.offsetHeight - input.clientHeight)
+        }px`;
+        input.style.overflow = prevOverflow;
+        input.style.alignSelf = prevAlignment;
+      }
+    }, [inputRef]);
+
+    React.useLayoutEffect(() => {
+      if (inputRef.current) {
+        onHeightChange();
+      }
+    }, [onHeightChange, inputValue, inputRef]);
+
+    return (
+      <AriaTextArea
+        ref={mergeRefs(inputRef, forwardedRef)}
+        className={input({ className })}
+        onChange={chain(onChange, setInputValue)}
+        rows={rows}
+        {...props}
+      />
+    );
+  }
+);
+TextAreaInput.displayName = "TextAreaInput";
+
+interface InputProps
+  extends Omit<AriaInputProps, "className" | "size" | "prefix"> {
+  className?: string;
+}
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, ...props }, ref) => {
+    const { input } = inputStyles();
+    return <AriaInput ref={ref} className={input({ className })} {...props} />;
+  }
+);
+Input.displayName = "Input";
+
+interface InputRootProps
+  extends Omit<AriaGroupProps, "className" | "prefix">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  isLoading?: boolean;
+  loaderPosition?: "prefix" | "suffix";
+  className?: string;
+}
+const InputRoot = ({
+  className,
+  prefix,
+  suffix,
+  isLoading,
+  loaderPosition,
+  size,
+  multiline,
+  ...props
+}: InputRootProps) => {
+  const { root } = inputStyles({ size, multiline });
+  const inputContext = useSlottedContext(AriaInputContext);
+  const textAreaContext = useSlottedContext(AriaTextAreaContext);
+  const inputRef = React.useRef(null);
+  const isDisabled =
+    props.isDisabled || inputContext?.disabled || textAreaContext?.disabled;
+  const isInvalid =
+    props.isInvalid ||
+    (!!inputContext?.["aria-invalid"] &&
+      inputContext["aria-invalid"] !== "false") ||
+    (!!textAreaContext?.["aria-invalid"] &&
+      textAreaContext["aria-invalid"] !== "false");
+
+  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {
+    const target = event.target as HTMLElement;
+    if (target.closest("input, button, a")) return;
+    const input = (
+      inputRef as React.RefObject<HTMLInputElement | HTMLTextAreaElement>
+    ).current;
+    if (!input) return;
+    requestAnimationFrame(() => {
+      input.focus();
+    });
+  };
+
+  return (
+    <AriaGroup
+      role="presentation"
+      {...props}
+      onPointerDown={handlePointerDown}
+      isDisabled={isDisabled}
+      isInvalid={isInvalid}
+      className={root({ className })}
+    >
+      {composeRenderProps(props.children, (children) => (
+        <Provider
+          values={[
+            [
+              AriaInputContext,
+              {
+                ...inputContext,
+                ref: mergeRefs(inputRef, inputContext?.ref ?? null),
+              },
+            ],
+            [
+              AriaTextAreaContext,
+              {
+                ...textAreaContext,
+                ref: mergeRefs(inputRef, textAreaContext?.ref ?? null),
+              },
+            ],
+          ]}
+        >
+          {isLoading && loaderPosition === "prefix" ? (
+            <LoaderIcon className="animate-spin" />
+          ) : (
+            prefix
+          )}
+          {children}
+          {isLoading && loaderPosition === "suffix" ? (
+            <LoaderIcon className="animate-spin" />
+          ) : (
+            suffix
+          )}
+        </Provider>
+      ))}
+    </AriaGroup>
+  );
+};
+
+export type { InputProps, InputRootProps, TextAreaInputProps };
+export { Input, TextAreaInput, InputRoot, inputStyles };
diff --git a/www/src/__registry__/core/kbd-01.tsx b/www/src/__registry__/core/kbd-01.tsx
new file mode 100644
index 000000000..022dd994d
--- /dev/null
+++ b/www/src/__registry__/core/kbd-01.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import { Keyboard } from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const KbdStyles = tv({
+  base: "text-fg-muted bg-bg border-border-active rounded-md border px-1.5 py-0.5 font-sans text-sm tracking-widest",
+});
+
+type KbdProps = React.HTMLAttributes<HTMLElement>;
+const Kbd = ({ className, ...props }: KbdProps) => {
+  return <Keyboard className={KbdStyles({ className })} {...props} />;
+};
+
+export type { KbdProps };
+export { Kbd, KbdStyles };
diff --git a/www/src/__registry__/core/link-01.tsx b/www/src/__registry__/core/link-01.tsx
new file mode 100644
index 000000000..fbcd482bc
--- /dev/null
+++ b/www/src/__registry__/core/link-01.tsx
@@ -0,0 +1,40 @@
+"use client";
+
+import * as React from "react";
+import {
+  Link as AriaLink,
+  composeRenderProps,
+  type LinkProps as AriaLinkProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const linkVariants = tv({
+  extend: focusRing,
+  base: "disabled:text-fg-disabled inline-flex items-center gap-1 transition-colors",
+  variants: {
+    variant: {
+      accent: "text-fg-accent hover:text-[#5e9fe0]",
+      quiet: "underline underline-offset-2",
+    },
+  },
+  defaultVariants: {
+    variant: "accent",
+  },
+});
+
+interface LinkProps extends AriaLinkProps, VariantProps<typeof linkVariants> {}
+
+const Link = ({ variant, ...props }: LinkProps) => {
+  return (
+    <AriaLink
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        linkVariants({ variant, className })
+      )}
+    />
+  );
+};
+
+export type { LinkProps };
+export { Link, linkVariants };
diff --git a/www/src/__registry__/core/list-box-01.tsx b/www/src/__registry__/core/list-box-01.tsx
new file mode 100644
index 000000000..8c6a396db
--- /dev/null
+++ b/www/src/__registry__/core/list-box-01.tsx
@@ -0,0 +1,137 @@
+"use client";
+
+import React from "react";
+import {
+  composeRenderProps,
+  ListBox as AriaListBox,
+  ListBoxItem as AriaListBoxItem,
+  Collection as AriaCollection,
+  type ListBoxProps as AriaListBoxProps,
+  type ListBoxItemProps as AriaListBoxItemProps,
+  ListStateContext,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+import { CheckIcon, LoaderIcon } from "@/__icons__";
+import { Text } from "@/__registry__/core/text";
+
+const listBoxStyles = tv({
+  base: [
+    focusRing(),
+    "orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic",
+    "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
+  ],
+  variants: {
+    standalone: {
+      true: "bg-bg max-h-60 w-48 overflow-y-auto rounded-md border",
+      false: "max-h-[inherit] rounded-[inherit]",
+    },
+  },
+});
+
+const listBoxItemStyles = tv({
+  base: [
+    "disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default",
+    "selection-single:pl-0 selection-multiple:pl-0",
+    "[&_svg]:size-4",
+  ],
+  variants: {
+    variant: {
+      default: "text-fg",
+      success: "text-fg-success",
+      warning: "text-fg-warning",
+      accent: "text-fg-accent",
+      danger: "text-fg-danger",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+interface ListBoxProps<T> extends AriaListBoxProps<T> {
+  isLoading?: boolean;
+}
+const ListBox = <T extends object>({
+  children,
+  isLoading,
+  ...props
+}: ListBoxProps<T>) => {
+  const state = React.useContext(ListStateContext);
+  const standalone = !state;
+  return (
+    <AriaListBox
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        listBoxStyles({ standalone, className })
+      )}
+    >
+      <AriaCollection items={props.items}>{children}</AriaCollection>
+      {isLoading && (
+        <AriaListBoxItem className="flex items-center justify-center py-1.5">
+          <LoaderIcon
+            aria-label="Loading more..."
+            className="text-fg-muted size-5 animate-spin"
+          />
+        </AriaListBoxItem>
+      )}
+    </AriaListBox>
+  );
+};
+
+interface ItemProps<T>
+  extends AriaListBoxItemProps<T>,
+    VariantProps<typeof listBoxItemStyles> {
+  label?: string;
+  description?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+const Item = <T extends object>({
+  variant,
+  label,
+  description,
+  prefix,
+  suffix,
+  ...props
+}: ItemProps<T>) => {
+  const textValue =
+    props.textValue ||
+    (typeof props.children === "string" ? props.children : undefined);
+  return (
+    <AriaListBoxItem
+      {...props}
+      textValue={textValue}
+      className={composeRenderProps(props.className, (className) =>
+        listBoxItemStyles({ variant, className })
+      )}
+    >
+      {composeRenderProps(
+        props.children,
+        (children, { isSelected, selectionMode }) => (
+          <>
+            {selectionMode !== "none" && (
+              <span className="flex w-8 shrink-0 items-center justify-center">
+                {isSelected && (
+                  <CheckIcon aria-hidden className="text-fg-accent size-4" />
+                )}
+              </span>
+            )}
+            <span className="flex items-center gap-3">
+              {prefix}
+              <span className="flex flex-1 flex-col">
+                {label && <Text slot="label">{label}</Text>}
+                {description && <Text slot="description">{description}</Text>}
+                {children}
+              </span>
+              {suffix}
+            </span>
+          </>
+        )
+      )}
+    </AriaListBoxItem>
+  );
+};
+
+export type { ListBoxProps, ItemProps };
+export { ListBox, Item };
diff --git a/www/src/__registry__/core/menu-01.tsx b/www/src/__registry__/core/menu-01.tsx
new file mode 100644
index 000000000..2d8a0e054
--- /dev/null
+++ b/www/src/__registry__/core/menu-01.tsx
@@ -0,0 +1,144 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Menu as AriaMenu,
+  MenuTrigger as AriaMenuTrigger,
+  MenuItem as AriaMenuItem,
+  SubmenuTrigger as AriaSubmenuTrigger,
+  type MenuItemProps as AriaMenuItemProps,
+  type MenuProps as AriaMenuProps,
+  type MenuTriggerProps as AriaMenuTriggerProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { CheckIcon, ChevronRightIcon } from "@/__icons__";
+import { Kbd } from "@/__registry__/core/kbd";
+import { Overlay, type OverlayProps } from "@/__registry__/core/overlay";
+import { Text } from "@/__registry__/core/text";
+
+const menuStyles = tv({
+  base: [
+    "max-h[inherit] outline-hidden rounded-[inherit] p-1",
+    "group-data-[type=drawer]/overlay:p-2",
+    "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
+  ],
+});
+
+const menuItemStyles = tv({
+  base: [
+    "focus:bg-bg-inverse/10 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm transition-colors disabled:pointer-events-none",
+    "selection-single:pl-0 selection-multiple:pl-0",
+    "group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3",
+    "group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2",
+    "[&_svg]:size-4",
+  ],
+  variants: {
+    variant: {
+      default: "text-fg",
+      success: "text-fg-success",
+      warning: "text-fg-warning",
+      accent: "text-fg-accent",
+      danger: "text-fg-danger",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+type MenuRootProps = AriaMenuTriggerProps;
+const MenuRoot = (props: MenuRootProps) => {
+  return <AriaMenuTrigger {...props} />;
+};
+
+type MenuProps<T> = MenuContentProps<T> & {
+  type?: OverlayProps["type"];
+  mobileType?: OverlayProps["mobileType"];
+  mediaQuery?: OverlayProps["mediaQuery"];
+  placement?: OverlayProps["placement"];
+};
+const Menu = <T extends object>({
+  placement,
+  type = "popover",
+  mobileType = "drawer",
+  mediaQuery,
+  ...props
+}: MenuProps<T>) => {
+  return (
+    <Overlay
+      type={type}
+      mobileType={mobileType}
+      mediaQuery={mediaQuery}
+      placement={placement}
+    >
+      <MenuContent {...props} />
+    </Overlay>
+  );
+};
+
+type MenuContentProps<T> = AriaMenuProps<T>;
+const MenuContent = <T extends object>({
+  className,
+  ...props
+}: MenuContentProps<T>) => {
+  return <AriaMenu className={menuStyles({ className })} {...props} />;
+};
+
+const MenuSub = AriaSubmenuTrigger;
+
+interface MenuItemProps<T>
+  extends Omit<AriaMenuItemProps<T>, "className">,
+    VariantProps<typeof menuItemStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  label?: string;
+  description?: string;
+  shortcut?: string;
+  className?: string;
+}
+const MenuItem = <T extends object>({
+  className,
+  label,
+  description,
+  prefix,
+  suffix,
+  shortcut,
+  variant,
+  ...props
+}: MenuItemProps<T>) => {
+  return (
+    <AriaMenuItem className={menuItemStyles({ className, variant })} {...props}>
+      {composeRenderProps(
+        props.children,
+        (children, { selectionMode, isSelected, hasSubmenu }) => (
+          <>
+            {selectionMode !== "none" && (
+              <span className="flex w-8 items-center justify-center">
+                {isSelected && (
+                  <CheckIcon aria-hidden className="text-fg-accent size-4" />
+                )}
+              </span>
+            )}
+            {prefix}
+            <span className="flex items-center gap-2">
+              <span className="flex flex-1 flex-col">
+                {label && <Text slot="label">{label}</Text>}
+                {description && <Text slot="description">{description}</Text>}
+                {children}
+              </span>
+              {suffix}
+              {shortcut && <Kbd>{shortcut}</Kbd>}
+              {hasSubmenu && (
+                <ChevronRightIcon aria-hidden className="size-4" />
+              )}
+            </span>
+          </>
+        )
+      )}
+    </AriaMenuItem>
+  );
+};
+
+export type { MenuRootProps, MenuProps };
+export { MenuRoot, Menu, MenuItem, MenuContent, MenuSub };
diff --git a/www/src/__registry__/core/number-field-01.tsx b/www/src/__registry__/core/number-field-01.tsx
new file mode 100644
index 000000000..20e6085d0
--- /dev/null
+++ b/www/src/__registry__/core/number-field-01.tsx
@@ -0,0 +1,142 @@
+"use client";
+
+import * as React from "react";
+import {
+  NumberField as AriaNumberField,
+  type NumberFieldProps as AriaNumberFieldProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { useMediaQuery } from "@/registry/hooks/use-media-query";
+import {
+  ChevronDownIcon,
+  ChevronUpIcon,
+  MinusIcon,
+  PlusIcon,
+} from "@/__icons__";
+import { Button, type ButtonProps } from "@/__registry__/core/button";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+import { InputRoot, Input, type inputStyles } from "@/__registry__/core/input";
+
+const numberFieldStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
+type NumberFieldProps = NumberFieldRootProps &
+  Omit<FieldProps, "children"> &
+  VariantProps<typeof inputStyles> & {
+    placeholder?: string;
+  };
+const NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>(
+  (
+    {
+      className,
+      size,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      isRequired,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    const isMobile = useMediaQuery("(max-width: 768px)");
+    const prefix = isMobile ? (
+      <NumberFieldButton
+        slot="decrement"
+        className="h-full rounded-none rounded-l-md border-r"
+      />
+    ) : null;
+    const suffix = isMobile ? (
+      <NumberFieldButton
+        slot="increment"
+        className="h-full rounded-none rounded-r-md border-l"
+      />
+    ) : (
+      <div className="flex h-full flex-col rounded-r-md">
+        <NumberFieldButton
+          slot="increment"
+          iconType="chevron"
+          className="h-auto flex-1 shrink rounded-none rounded-tr-md border-b border-l"
+        />
+        <NumberFieldButton
+          slot="decrement"
+          iconType="chevron"
+          className="h-auto flex-1 shrink rounded-none rounded-br-md border-l"
+        />
+      </div>
+    );
+    return (
+      <NumberFieldRoot className={className} {...props}>
+        <Field
+          label={label}
+          description={description}
+          errorMessage={errorMessage}
+          isRequired={isRequired}
+          necessityIndicator={necessityIndicator}
+          contextualHelp={contextualHelp}
+        >
+          <InputRoot
+            size={size}
+            className="invalid:[&_button]:border-border-danger invalid:focus-within:[&_button]:border-border px-0"
+          >
+            {prefix}
+            <Input ref={ref} placeholder={placeholder} className="px-2" />
+            {suffix}
+          </InputRoot>
+        </Field>
+      </NumberFieldRoot>
+    );
+  }
+);
+NumberField.displayName = "NumberField";
+
+type NumberFieldRootProps = Omit<AriaNumberFieldProps, "className"> & {
+  className?: string;
+};
+const NumberFieldRoot = React.forwardRef<
+  React.ElementRef<typeof AriaNumberField>,
+  NumberFieldRootProps
+>(({ className, ...props }, ref) => {
+  return (
+    <AriaNumberField
+      ref={ref}
+      className={numberFieldStyles({ className })}
+      {...props}
+    />
+  );
+});
+NumberFieldRoot.displayName = "NumberFieldRoot";
+
+interface NumberFieldButtonProps extends ButtonProps {
+  slot: "increment" | "decrement";
+  iconType?: "chevron" | "default";
+}
+const NumberFieldButton = ({
+  slot,
+  iconType = "default",
+  ...props
+}: NumberFieldButtonProps) => {
+  const icon =
+    iconType === "chevron" ? (
+      slot === "increment" ? (
+        <ChevronUpIcon />
+      ) : (
+        <ChevronDownIcon />
+      )
+    ) : slot === "increment" ? (
+      <PlusIcon />
+    ) : (
+      <MinusIcon />
+    );
+  return (
+    <Button slot={slot} size="sm" variant="quiet" shape="square" {...props}>
+      {icon}
+    </Button>
+  );
+};
+
+export type { NumberFieldProps, NumberFieldRootProps };
+export { NumberField, NumberFieldRoot, NumberFieldButton };
diff --git a/www/src/__registry__/core/overlay-01.tsx b/www/src/__registry__/core/overlay-01.tsx
new file mode 100644
index 000000000..1ee357ada
--- /dev/null
+++ b/www/src/__registry__/core/overlay-01.tsx
@@ -0,0 +1,323 @@
+"use client";
+
+import React from "react";
+import {
+  composeRenderProps,
+  Popover as AriaPopover,
+  OverlayArrow as AriaOverlayArrow,
+  Modal as AriaModal,
+  ModalOverlay as AriaModalOverlay,
+  OverlayTriggerStateContext as AriaOverlayTriggerStateContext,
+  type PopoverProps as AriaPopoverProps,
+  type ModalOverlayProps as AriaModalOverlayProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { useMediaQuery } from "@/registry/hooks/use-media-query";
+import { cn } from "@/registry/lib/cn";
+import { XIcon } from "@/__icons__";
+import { Button, type ButtonProps } from "@/__registry__/core/button";
+import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
+
+type OverlayType = "modal" | "drawer" | "popover";
+
+type OverlayProps = {
+  type?: OverlayType;
+  mobileType?: OverlayProps["type"];
+  showDismissButton?: boolean;
+  swipeIndicator?: boolean;
+  mediaQuery?: string;
+  children: React.ReactNode;
+  classNames?: ModalOverlayClassNames &
+    DrawerOverlayClassNames &
+    PopoverOverlayClassNames;
+} & Omit<AriaModalOverlayProps, "children"> &
+  Omit<AriaPopoverProps, "children">;
+
+const Overlay = React.forwardRef<HTMLElement | HTMLDivElement, OverlayProps>(
+  (
+    {
+      type: typeProp = "modal",
+      mobileType,
+      mediaQuery = "(max-width: 640px)",
+      isDismissable = true,
+      swipeIndicator,
+      ...props
+    },
+    ref
+  ) => {
+    const isMobile = useMediaQuery(mediaQuery);
+    const type = mobileType ? (isMobile ? mobileType : typeProp) : typeProp;
+    switch (type) {
+      case "modal":
+        return (
+          <ModalOverlay
+            ref={ref as React.ForwardedRef<HTMLDivElement>}
+            isDismissable={isDismissable}
+            {...props}
+          />
+        );
+      case "drawer":
+        return (
+          // @ts-expect-error TODO FIX THIS SAME ORIENTATION PROP AS POPOVER :'(
+          <DrawerOverlay
+            ref={ref as React.ForwardedRef<HTMLDivElement>}
+            swipeIndicator={swipeIndicator}
+            isDismissable={isDismissable}
+            {...props}
+          />
+        );
+      case "popover":
+        return (
+          <PopoverOverlay
+            ref={ref as React.ForwardedRef<HTMLElement>}
+            {...props}
+          />
+        );
+    }
+  }
+);
+Overlay.displayName = "Overlay";
+
+const modalVariants = tv({
+  slots: {
+    backdrop: [
+      "h-(--visual-viewport-height) fixed left-0 top-0 z-50 flex w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
+      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
+    ],
+    overlay: [
+      "group/overlay relative z-50 w-full max-w-lg",
+      "bg-bg border shadow-lg sm:rounded-lg md:w-full",
+      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
+    ],
+  },
+});
+
+type ModalOverlaySlots = keyof ReturnType<typeof modalVariants>;
+type ModalOverlayClassNames = {
+  [key in ModalOverlaySlots]?: string;
+};
+
+interface ModalOverlayProps extends AriaModalOverlayProps {
+  showDismissButton?: boolean;
+  classNames?: ModalOverlayClassNames;
+}
+
+const ModalOverlay = React.forwardRef<
+  React.ElementRef<typeof AriaModalOverlay>,
+  ModalOverlayProps
+>(
+  (
+    { classNames, className, isDismissable, showDismissButton, ...props },
+    ref
+  ) => {
+    const { overlay, backdrop } = modalVariants({});
+    return (
+      <AriaModalOverlay
+        {...props}
+        ref={ref}
+        isDismissable={isDismissable}
+        className={backdrop({ className: classNames?.backdrop })}
+      >
+        <AriaModal
+          {...props}
+          data-type="modal"
+          className={cn(overlay(), classNames?.overlay, className)}
+        >
+          {composeRenderProps(props.children, (children) => (
+            <>
+              {(showDismissButton ?? isDismissable) && <DismissButton />}
+              {children}
+            </>
+          ))}
+        </AriaModal>
+      </AriaModalOverlay>
+    );
+  }
+);
+ModalOverlay.displayName = "ModalOverlay";
+
+const popoverOverlayVariants = tv({
+  slots: {
+    overlay:
+      "group/overlay bg-bg text-fg data-[trigger=ComboBox]:min-w-(--trigger-width) data-[trigger=Select]:min-w-(--trigger-width) z-50 rounded-md border shadow-md",
+    arrow: [
+      "fill-bg stroke-border block stroke-1",
+      "group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180",
+    ],
+  },
+});
+
+type PopoverOverlaySlots = keyof ReturnType<typeof popoverOverlayVariants>;
+type PopoverOverlayClassNames = {
+  [key in PopoverOverlaySlots]?: string;
+};
+
+interface PopoverOverlayProps extends AriaPopoverProps {
+  arrow?: boolean;
+  classNames?: PopoverOverlayClassNames;
+  showDismissButton?: boolean;
+}
+
+const PopoverOverlay = React.forwardRef<
+  React.ElementRef<typeof AriaPopover>,
+  PopoverOverlayProps
+>(
+  (
+    { arrow = false, className, showDismissButton, classNames, ...props },
+    ref
+  ) => {
+    const { overlay, arrow: arrowStyle } = popoverOverlayVariants({});
+    return (
+      <AriaPopover
+        data-type="popover"
+        ref={ref}
+        {...props}
+        className={cn(overlay(), classNames?.overlay, className)}
+      >
+        {composeRenderProps(props.children, (children, {}) => (
+          <>
+            {showDismissButton && <DismissButton />}
+            {arrow && (
+              <AriaOverlayArrow className="group">
+                <svg
+                  width={12}
+                  height={12}
+                  viewBox="0 0 12 12"
+                  className={arrowStyle({ className: classNames?.arrow })}
+                >
+                  <path d="M0 0 L6 6 L12 0" />
+                </svg>
+              </AriaOverlayArrow>
+            )}
+            {children}
+          </>
+        ))}
+      </AriaPopover>
+    );
+  }
+);
+PopoverOverlay.displayName = "PopoverOverlay";
+
+const drawerVariants = tv({
+  slots: {
+    backdrop: ["fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", "opacity-0"],
+    overlay: [
+      "group/overlay bg-bg outline-hidden fixed z-50 flex flex-col",
+      "inset-0",
+      "placement-bottom:top-auto placement-top:bottom-auto placement-left:right-auto placement-right:left-auto",
+      "placement-bottom:mt-24 placement-bottom:rounded-t-[10px] placement-bottom:border-t",
+      "placement-top:mb-24 placement-top:rounded-b-[10px] placement-top:border-b",
+      "placement-right:ml-24 placement-right:rounded-l-[10px] placement-right:border-l",
+      "placement-left:mr-24 placement-left:rounded-r-[10px] placement-left:border-r",
+      "touch-none will-change-transform",
+      "placement-bottom:translate-y-full placement-top:-translate-y-full placement-left:-translate-x-full placement-right:translate-x-full", // required
+      "placement-bottom:max-h-[90%] placement-top:max-h-[90%]",
+    ],
+  },
+});
+
+type DrawerOverlaySlots = keyof ReturnType<typeof drawerVariants>;
+type DrawerOverlayClassNames = {
+  [key in DrawerOverlaySlots]?: string;
+};
+
+interface DrawerOverlayProps extends Omit<AriaModalOverlayProps, "children"> {
+  placement?: "top" | "bottom" | "left" | "right";
+  showDismissButton?: boolean;
+  swipeIndicator?: boolean;
+  children?: React.ReactNode;
+  classNames?: DrawerOverlayClassNames;
+}
+
+const DrawerOverlay = React.forwardRef<
+  React.ElementRef<typeof AriaModalOverlay>,
+  DrawerOverlayProps
+>(
+  (
+    {
+      children,
+      classNames,
+      className,
+      isDismissable,
+      showDismissButton = false,
+      swipeIndicator = true,
+      placement = "bottom",
+      ...props
+    },
+    ref
+  ) => {
+    const { rootProps, modalProps, backdropProps, drawerProps } =
+      useMotionDrawer({
+        isDismissable,
+        placement,
+        scaleBackground: false,
+      });
+    const { overlay, backdrop } = drawerVariants();
+
+    return (
+      <MotionDrawerRoot {...rootProps}>
+        <AriaModalOverlay
+          ref={ref}
+          isDismissable={isDismissable}
+          {...props}
+          {...modalProps}
+        >
+          <div
+            {...backdropProps}
+            className={backdrop({ className: classNames?.backdrop })}
+          />
+          <AriaModal>
+            <div
+              {...drawerProps}
+              data-type="drawer"
+              className={cn(overlay(), classNames?.overlay, className)}
+            >
+              {showDismissButton && (
+                <DismissButton shape="rectangle">Done</DismissButton>
+              )}
+              {swipeIndicator && (
+                <div className="bg-bg-muted mx-auto my-4 h-2 w-[100px] rounded-full" />
+              )}
+              {children}
+            </div>
+          </AriaModal>
+        </AriaModalOverlay>
+      </MotionDrawerRoot>
+    );
+  }
+);
+DrawerOverlay.displayName = "DrawerOverlay";
+
+const DismissButton = (props: ButtonProps) => {
+  const state = React.useContext(AriaOverlayTriggerStateContext);
+  return (
+    <Button
+      shape="square"
+      variant="quiet"
+      size="sm"
+      aria-label="Close"
+      {...props}
+      className={cn("absolute right-2 top-2 z-20", props.className)}
+      onPress={() => state.close()}
+    >
+      {props.children ?? <XIcon />}
+    </Button>
+  );
+};
+
+export type {
+  OverlayProps,
+  ModalOverlayProps,
+  DrawerOverlayProps,
+  PopoverOverlayProps,
+};
+export {
+  Overlay,
+  PopoverOverlay,
+  DrawerOverlay,
+  ModalOverlay,
+  DismissButton,
+  drawerVariants,
+  modalVariants,
+  popoverOverlayVariants,
+};
diff --git a/www/src/__registry__/core/progress-01.tsx b/www/src/__registry__/core/progress-01.tsx
new file mode 100644
index 000000000..eaa125c4b
--- /dev/null
+++ b/www/src/__registry__/core/progress-01.tsx
@@ -0,0 +1,232 @@
+"use client";
+
+import * as React from "react";
+import {
+  ProgressBar as AriaProgress,
+  composeRenderProps,
+  type ProgressBarProps as AriaProgressProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { cn } from "@/registry/lib/cn";
+import { Label } from "@/__registry__/core/field";
+
+const progressStyles = tv({
+  slots: {
+    root: "flex w-60 flex-col gap-2",
+    indicator: "relative h-2.5 w-full overflow-hidden rounded-full",
+    filler:
+      "animate-progress-grow bg-fg h-full w-full min-w-14 flex-1 origin-left transition-transform",
+    valueLabel: "text-sm",
+  },
+  variants: {
+    variant: {
+      default: {
+        indicator: "bg-bg-muted",
+        filler: "bg-bg-primary",
+      },
+      accent: {
+        indicator: "bg-bg-accent-muted",
+        filler: "bg-bg-accent",
+      },
+      warning: {
+        indicator: "bg-bg-warning-muted",
+        filler: "bg-bg-warning",
+      },
+      danger: {
+        indicator: "bg-bg-danger-muted",
+        filler: "bg-bg-danger",
+      },
+      success: {
+        indicator: "bg-bg-success-muted",
+        filler: "bg-bg-success",
+      },
+    },
+    size: {
+      sm: {
+        indicator: "h-1",
+      },
+      md: {
+        indicator: "h-2.5",
+      },
+      lg: {
+        indicator: "h-4",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+    shape: "bar",
+    size: "md",
+  },
+});
+
+type ProgressSlots = keyof ReturnType<typeof progressStyles>;
+type ProgressClassNames = {
+  [key in ProgressSlots]?: string;
+};
+
+interface ProgressProps
+  extends ProgressRootProps,
+    VariantProps<typeof progressStyles> {
+  label?: string;
+  showValueLabel?: boolean;
+  duration?: string;
+  classNames?: ProgressClassNames;
+}
+const Progress = ({
+  label,
+  showValueLabel = false,
+  variant,
+  size,
+  duration,
+  className,
+  classNames,
+  ...props
+}: ProgressProps) => {
+  return (
+    <ProgressRoot
+      duration={duration}
+      className={cn(className, classNames?.root)}
+      {...props}
+    >
+      {(label || showValueLabel) && (
+        <div
+          className={cn(
+            "flex items-center justify-between gap-2",
+            !label && "justify-end"
+          )}
+        >
+          {label && <Label>{label}</Label>}
+          {showValueLabel && <ProgressValueLabel />}
+        </div>
+      )}
+      <ProgressIndicator
+        variant={variant}
+        size={size}
+        duration={duration}
+        classNames={{
+          indicator: classNames?.indicator,
+          filler: classNames?.filler,
+        }}
+      />
+    </ProgressRoot>
+  );
+};
+
+interface ProgressRootProps extends Omit<AriaProgressProps, "className"> {
+  duration?: string;
+  className?: string;
+}
+const ProgressRoot = ({
+  className,
+  isIndeterminate,
+  duration,
+  ...props
+}: ProgressRootProps) => {
+  const { root } = progressStyles();
+  return (
+    <AriaProgress
+      className={root({ className })}
+      isIndeterminate={isIndeterminate || !!duration}
+      {...props}
+    >
+      {composeRenderProps(
+        props.children,
+        (children, { percentage, isIndeterminate, valueText }) => (
+          <ProgressContext.Provider
+            value={{ percentage, isIndeterminate, valueText }}
+          >
+            {children}
+          </ProgressContext.Provider>
+        )
+      )}
+    </AriaProgress>
+  );
+};
+
+interface ProgressIndicatorProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof progressStyles> {
+  duration?: string;
+  classNames?: {
+    indicator?: string;
+    filler?: string;
+  };
+}
+const ProgressIndicator = ({
+  duration,
+  className,
+  variant,
+  size,
+  classNames,
+  ...props
+}: ProgressIndicatorProps) => {
+  const { indicator, filler } = progressStyles({ variant, size });
+  const { isIndeterminate, percentage } = useProgressContext();
+  return (
+    <div
+      className={cn(indicator(), classNames?.indicator, className)}
+      {...props}
+    >
+      <div
+        className={cn(
+          filler(),
+          isIndeterminate && "animate-progress-indeterminate",
+          classNames?.filler
+        )}
+        style={
+          {
+            "--progress-duration": duration ?? "0s",
+            ...(percentage ? { transform: `scaleX(${percentage / 100})` } : {}),
+            ...(isIndeterminate
+              ? {
+                  maskImage:
+                    "linear-gradient(75deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.65) 80%)",
+                  maskSize: "200%",
+                }
+              : {}),
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  );
+};
+
+type ProgressValueLabelProps = React.HTMLAttributes<HTMLSpanElement>;
+const ProgressValueLabel = ({
+  children,
+  className,
+  ...props
+}: ProgressValueLabelProps) => {
+  const { valueLabel } = progressStyles();
+  const { valueText } = useProgressContext();
+  return (
+    <span className={valueLabel({ className })} {...props}>
+      {children ?? valueText}
+    </span>
+  );
+};
+
+type ProgressContextValue = {
+  percentage?: number;
+  isIndeterminate: boolean;
+  valueText?: string;
+};
+const ProgressContext = React.createContext<ProgressContextValue | null>(null);
+const useProgressContext = () => {
+  const context = React.useContext(ProgressContext);
+  if (!context) {
+    throw new Error(
+      "useProgressContext must be used within a ProgressProvider"
+    );
+  }
+  return context;
+};
+
+export type {
+  ProgressProps,
+  ProgressRootProps,
+  ProgressIndicatorProps,
+  ProgressValueLabelProps,
+};
+export { Progress, ProgressRoot, ProgressIndicator, ProgressValueLabel };
diff --git a/www/src/__registry__/core/radio-group-01.tsx b/www/src/__registry__/core/radio-group-01.tsx
new file mode 100644
index 000000000..647af5ed7
--- /dev/null
+++ b/www/src/__registry__/core/radio-group-01.tsx
@@ -0,0 +1,143 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Radio as AriaRadio,
+  RadioGroup as AriaRadioGroup,
+  type RadioGroupProps as AriaRadioGroupProps,
+  type RadioProps as AriaRadioProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+
+const radioGroupStyles = tv({
+  slots: {
+    root: "group/radio-group flex flex-col gap-2",
+    wrapper:
+      "group-orientation-horizontal/radio-group:flex-row group-orientation-horizontal/radio-group:gap-3 flex flex-col gap-1",
+  },
+});
+
+const radioStyles = tv({
+  slots: {
+    root: "disabled:text-fg-disabled invalid:text-fg-danger group flex cursor-pointer flex-row items-center justify-between gap-2 disabled:cursor-default",
+    indicator: [
+      focusRing(),
+      "border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100",
+      "group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled",
+      "group-invalid:border-border-danger group-invalid:selected:border-bg-danger",
+    ],
+  },
+  variants: {
+    variant: {
+      default: {
+        indicator: focusRingGroup(),
+      },
+      card: {
+        root: [
+          focusRing(),
+          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+interface RadioGroupProps
+  extends RadioGroupRootProps,
+    VariantProps<typeof radioGroupStyles>,
+    Omit<FieldProps, "children"> {
+  className?: string;
+}
+const RadioGroup = React.forwardRef<
+  React.ElementRef<typeof AriaRadioGroup>,
+  RadioGroupProps
+>(
+  (
+    {
+      label,
+      description,
+      errorMessage,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    const { wrapper } = radioGroupStyles();
+    return (
+      <RadioGroupRoot ref={ref} {...props}>
+        {composeRenderProps(props.children, (children, { isRequired }) => (
+          <Field
+            label={label}
+            description={description}
+            errorMessage={errorMessage}
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+            contextualHelp={contextualHelp}
+          >
+            <div className={wrapper()}>{children}</div>
+          </Field>
+        ))}
+      </RadioGroupRoot>
+    );
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+
+interface RadioGroupRootProps
+  extends Omit<AriaRadioGroupProps, "className">,
+    VariantProps<typeof radioStyles> {
+  className?: string;
+}
+const RadioGroupRoot = React.forwardRef<
+  React.ElementRef<typeof AriaRadioGroup>,
+  RadioGroupRootProps
+>(({ className, variant, ...props }, ref) => {
+  const { root } = radioGroupStyles();
+  return (
+    <RadioContext.Provider value={{ variant }}>
+      <AriaRadioGroup ref={ref} className={root({ className })} {...props} />
+    </RadioContext.Provider>
+  );
+});
+RadioGroupRoot.displayName = "RadioGroupRoot";
+
+interface RadioProps
+  extends Omit<AriaRadioProps, "className">,
+    VariantProps<typeof radioStyles> {
+  className?: string;
+}
+const Radio = React.forwardRef<React.ElementRef<typeof AriaRadio>, RadioProps>(
+  (localProps, ref) => {
+    const contextProps = useRadioContext();
+    const props = { ...contextProps, ...localProps };
+    const { className, variant, ...restProps } = props;
+    const { root, indicator } = radioStyles({ variant });
+    return (
+      <AriaRadio ref={ref} {...restProps} className={root({ className })}>
+        {composeRenderProps(props.children, (children) => (
+          <>
+            <div className={indicator({ className: "" })} />
+            <div>{children}</div>
+          </>
+        ))}
+      </AriaRadio>
+    );
+  }
+);
+Radio.displayName = "Radio";
+
+type RadioContextValue = VariantProps<typeof radioStyles>;
+const RadioContext = React.createContext<RadioContextValue>({});
+const useRadioContext = () => {
+  return React.useContext(RadioContext);
+};
+
+export type { RadioGroupRootProps, RadioGroupProps, RadioProps };
+export { RadioGroupRoot, RadioGroup, Radio };
diff --git a/www/src/__registry__/core/range-calendar-01.tsx b/www/src/__registry__/core/range-calendar-01.tsx
new file mode 100644
index 000000000..dbf641a3f
--- /dev/null
+++ b/www/src/__registry__/core/range-calendar-01.tsx
@@ -0,0 +1,98 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  RangeCalendar as AriaRangeCalendar,
+  type RangeCalendarProps as AriaRangeCalendarProps,
+  type DateValue,
+  RangeCalendarContext as AriaRangeCalendarContext,
+  useSlottedContext,
+} from "react-aria-components";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
+import { Button } from "@/__registry__/core/button";
+import {
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+  calendarStyles,
+} from "@/__registry__/core/calendar";
+import { Heading } from "@/__registry__/core/heading";
+import { Text } from "@/__registry__/core/text";
+
+interface RangeCalendarProps<T extends DateValue>
+  extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
+  visibleMonths?: number;
+  errorMessage?: string;
+}
+const RangeCalendar = <T extends DateValue>({
+  visibleMonths = 1,
+  errorMessage,
+  ...props
+}: RangeCalendarProps<T>) => {
+  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
+  return (
+    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+      {({ isInvalid }) => (
+        <>
+          <CalendarHeader>
+            <Button slot="previous" variant="outline" shape="square" size="sm">
+              <ChevronLeftIcon />
+            </Button>
+            <Heading className="text-sm" />
+            <Button slot="next" variant="outline" shape="square" size="sm">
+              <ChevronRightIcon />
+            </Button>
+          </CalendarHeader>
+          <div className="flex items-start gap-4">
+            {Array.from({ length: visibleMonths }).map((_, index) => (
+              <CalendarGrid
+                key={index}
+                offset={index === 0 ? undefined : { months: index }}
+              >
+                <CalendarGridHeader>
+                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+                </CalendarGridHeader>
+                <CalendarGridBody>
+                  {(date) => (
+                    <CalendarCell date={date} range>
+                      {({ formattedDate }) => (
+                        <span className="z-20">{formattedDate}</span>
+                      )}
+                    </CalendarCell>
+                  )}
+                </CalendarGridBody>
+              </CalendarGrid>
+            ))}
+          </div>
+          {isInvalid && errorMessage && (
+            <Text slot="errorMessage">{errorMessage}</Text>
+          )}
+        </>
+      )}
+    </RangeCalendarRoot>
+  );
+};
+
+type RangeCalendarRootProps<T extends DateValue> = AriaRangeCalendarProps<T>;
+const RangeCalendarRoot = <T extends DateValue>(
+  props: RangeCalendarRootProps<T>
+) => {
+  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);
+  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
+  const { root } = calendarStyles({ standalone });
+  return (
+    <AriaRangeCalendar
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+      {...props}
+    />
+  );
+};
+
+export type { RangeCalendarProps, RangeCalendarRootProps };
+export { RangeCalendar, RangeCalendarRoot };
diff --git a/www/src/__registry__/core/scroll-area-01.tsx b/www/src/__registry__/core/scroll-area-01.tsx
new file mode 100644
index 000000000..d4038fa3b
--- /dev/null
+++ b/www/src/__registry__/core/scroll-area-01.tsx
@@ -0,0 +1,144 @@
+"use client";
+
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { type VariantProps, tv } from "tailwind-variants";
+
+const scrollAreaStyles = tv({
+  slots: {
+    root: "flex h-full w-full flex-col overflow-hidden",
+    viewport: "*:block! flex h-full w-full flex-col *:w-fit *:grow",
+    scrollbar:
+      "my-0 flex touch-none select-none flex-col rounded-full bg-gray-800 data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col", // TODO: remove my-0, it was my-1
+    thumb:
+      "before:-translate-y-1/2] relative h-full w-full rounded-[inherit] bg-gray-500 transition-colors before:absolute before:left-1/2 before:top-1/2 before:min-h-4 before:min-w-4 before:-translate-x-1/2 before:content-[''] hover:bg-gray-400",
+  },
+  variants: {
+    size: {
+      sm: {
+        scrollbar:
+          "data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1",
+      },
+      md: {
+        scrollbar:
+          "data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2",
+      },
+      lg: {
+        scrollbar:
+          "data-[orientation=horizontal]:h-3 data-[orientation=vertical]:w-3",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+  },
+});
+
+interface ScrollAreaProps
+  extends ScrollAreaRootProps,
+    Omit<ScrollAreaViewPortProps, "dir">,
+    VariantProps<typeof scrollAreaStyles> {
+  scrollbars?: "vertical" | "horizontal" | "both";
+}
+
+const ScrollArea = React.forwardRef<
+  HTMLDivElement,
+  ScrollAreaProps & { containerClassName?: string }
+>(
+  (
+    {
+      children,
+      scrollbars = "vertical",
+      size,
+      asChild,
+      type,
+      scrollHideDelay = 0,
+      dir,
+      containerClassName,
+      ...viewportProps
+    },
+    ref
+  ) => {
+    return (
+      <ScrollAreaRoot
+        asChild={asChild}
+        scrollHideDelay={scrollHideDelay}
+        dir={dir}
+        type={type}
+        className={containerClassName}
+      >
+        <ScrollAreaViewPort ref={ref} {...viewportProps}>
+          {children}
+        </ScrollAreaViewPort>
+        {scrollbars !== "vertical" && (
+          <ScrollAreaScrollbar orientation="horizontal" size={size} />
+        )}
+        {scrollbars !== "horizontal" && (
+          <ScrollAreaScrollbar orientation="vertical" size={size} />
+        )}
+        {scrollbars === "both" && <ScrollAreaCorner />}
+      </ScrollAreaRoot>
+    );
+  }
+);
+
+ScrollArea.displayName = "ScrollArea";
+
+type ScrollAreaRootProps = ScrollAreaPrimitive.ScrollAreaProps;
+const ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {
+  const { root } = scrollAreaStyles();
+  return (
+    <ScrollAreaPrimitive.Root className={root({ className })} {...props} />
+  );
+};
+
+type ScrollAreaViewPortProps = ScrollAreaPrimitive.ScrollAreaViewportProps;
+const ScrollAreaViewPort = React.forwardRef<
+  HTMLDivElement,
+  ScrollAreaViewPortProps
+>(({ className, ...props }, ref) => {
+  const { viewport } = scrollAreaStyles();
+  return (
+    <ScrollAreaPrimitive.Viewport
+      ref={ref}
+      className={viewport({ className })}
+      {...props}
+    />
+  );
+});
+ScrollAreaViewPort.displayName = "ScrollAreaViewPort";
+
+interface ScrollAreaScrollbarProps
+  extends ScrollAreaPrimitive.ScrollAreaScrollbarProps,
+    VariantProps<typeof scrollAreaStyles> {}
+const ScrollAreaScrollbar = ({
+  className,
+  size,
+  ...props
+}: ScrollAreaScrollbarProps) => {
+  const { scrollbar, thumb } = scrollAreaStyles({ size });
+  return (
+    <ScrollAreaPrimitive.Scrollbar
+      className={scrollbar({ className })}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Thumb className={thumb()} />
+    </ScrollAreaPrimitive.Scrollbar>
+  );
+};
+
+const ScrollAreaCorner = ScrollAreaPrimitive.Corner;
+
+export type {
+  ScrollAreaProps,
+  ScrollAreaRootProps,
+  ScrollAreaViewPortProps,
+  ScrollAreaScrollbarProps,
+};
+export {
+  ScrollArea,
+  ScrollAreaRoot,
+  ScrollAreaViewPort,
+  ScrollAreaScrollbar,
+  ScrollAreaCorner,
+};
diff --git a/www/src/__registry__/core/search-field-01.tsx b/www/src/__registry__/core/search-field-01.tsx
new file mode 100644
index 000000000..061d81f5c
--- /dev/null
+++ b/www/src/__registry__/core/search-field-01.tsx
@@ -0,0 +1,118 @@
+"use client";
+
+import * as React from "react";
+import {
+  SearchField as AriaSearchField,
+  type SearchFieldProps as AriaSearchFieldProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { SearchIcon, XIcon } from "@/__icons__";
+import { Button } from "@/__registry__/core/button";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+import { InputRoot, Input, type inputStyles } from "@/__registry__/core/input";
+
+const searchFieldStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
+type SearchFieldProps = SearchFieldRootProps &
+  Omit<FieldProps, "children"> &
+  VariantProps<typeof inputStyles> & {
+    prefix?: React.ReactNode;
+    suffix?:
+      | React.ReactNode
+      | (({
+          isEmpty,
+          isDisabled,
+        }: {
+          isEmpty?: boolean;
+          isDisabled?: boolean;
+        }) => React.ReactNode);
+    isLoading?: boolean;
+    loaderPosition?: "prefix" | "suffix";
+    placeholder?: string;
+  };
+const SearchField = React.forwardRef<HTMLInputElement, SearchFieldProps>(
+  (
+    {
+      className,
+      size,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      prefix = <SearchIcon />,
+      suffix = ({ isEmpty, isDisabled }) => {
+        if (isEmpty || isDisabled) return null;
+        return (
+          <Button variant="quiet" shape="circle" size="sm" className="size-6">
+            <XIcon />
+          </Button>
+        );
+      },
+      isLoading,
+      loaderPosition = "prefix",
+      isRequired,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    return (
+      <SearchFieldRoot className={className} {...props}>
+        {({ isEmpty, isDisabled }) => (
+          <>
+            <Field
+              label={label}
+              description={description}
+              errorMessage={errorMessage}
+              isRequired={isRequired}
+              necessityIndicator={necessityIndicator}
+              contextualHelp={contextualHelp}
+            >
+              <InputRoot
+                size={size}
+                prefix={prefix}
+                suffix={
+                  typeof suffix === "function"
+                    ? suffix({ isEmpty, isDisabled })
+                    : suffix
+                }
+                isLoading={isLoading}
+                loaderPosition={loaderPosition}
+              >
+                <Input
+                  ref={ref}
+                  placeholder={placeholder}
+                  className="[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none"
+                />
+              </InputRoot>
+            </Field>
+          </>
+        )}
+      </SearchFieldRoot>
+    );
+  }
+);
+SearchField.displayName = "SearchField";
+
+type SearchFieldRootProps = Omit<AriaSearchFieldProps, "className"> & {
+  className?: string;
+};
+const SearchFieldRoot = React.forwardRef<
+  React.ElementRef<typeof AriaSearchField>,
+  SearchFieldRootProps
+>(({ className, ...props }, ref) => {
+  return (
+    <AriaSearchField
+      ref={ref}
+      className={searchFieldStyles({ className })}
+      {...props}
+    />
+  );
+});
+SearchFieldRoot.displayName = "SearchFieldRoot";
+
+export type { SearchFieldProps, SearchFieldRootProps };
+export { SearchField, SearchFieldRoot };
diff --git a/www/src/__registry__/core/section-01.tsx b/www/src/__registry__/core/section-01.tsx
new file mode 100644
index 000000000..e11a6dce2
--- /dev/null
+++ b/www/src/__registry__/core/section-01.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import {
+  Section as AriaSection,
+  Header as AriaHeader,
+  type SectionProps as AriaSectionProps,
+  Collection as AriaCollection,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const SectionStyles = tv({
+  slots: {
+    root: "mt-2 space-y-px first:mt-1",
+    title: "mb-1 pl-3 text-sm font-bold",
+  },
+});
+
+interface SectionProps<T> extends AriaSectionProps<T> {
+  title?: string;
+}
+const Section = <T extends object>({ title, ...props }: SectionProps<T>) => {
+  return (
+    <SectionRoot {...props}>
+      {title && <SectionTitle>{title}</SectionTitle>}
+      <AriaCollection items={props.items}>{props.children}</AriaCollection>
+    </SectionRoot>
+  );
+};
+
+type SectionRootProps<T> = AriaSectionProps<T>;
+const SectionRoot = <T extends object>({
+  className,
+  ...props
+}: SectionRootProps<T>) => {
+  const { root } = SectionStyles();
+  return <AriaSection className={root({ className })} {...props} />;
+};
+
+type SectionTitleProps = React.HTMLAttributes<HTMLElement>;
+const SectionTitle = ({ className, ...props }: SectionTitleProps) => {
+  const { title } = SectionStyles();
+  return <AriaHeader className={title({ className })} {...props} />;
+};
+
+export { Section, SectionTitle };
diff --git a/www/src/__registry__/core/select-01.tsx b/www/src/__registry__/core/select-01.tsx
new file mode 100644
index 000000000..c203d9fcc
--- /dev/null
+++ b/www/src/__registry__/core/select-01.tsx
@@ -0,0 +1,106 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Select as AriaSelect,
+  SelectValue as AriaSelectValue,
+  type SelectProps as AriaSelectProps,
+  type SelectValueProps as AriaSelectValueProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { ListBox, type ListBoxProps } from "@/registry/core/list-box-01";
+import { ChevronDownIcon } from "@/__icons__";
+import { Button, type ButtonProps } from "@/__registry__/core/button";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+import { Overlay } from "@/__registry__/core/overlay";
+
+const selectStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+    selectValue: "flex-1 text-left",
+  },
+});
+
+interface SelectProps<T extends object>
+  extends Omit<SelectRootProps<T>, "children">,
+    Omit<FieldProps, "children"> {
+  children?: ListBoxProps<T>["children"];
+  dependencies?: ListBoxProps<T>["dependencies"];
+  items?: ListBoxProps<T>["items"];
+  isLoading?: ListBoxProps<T>["isLoading"];
+  variant?: ButtonProps["variant"];
+  size?: ButtonProps["size"];
+}
+const Select = <T extends object>({
+  variant,
+  size,
+  label,
+  description,
+  errorMessage,
+  necessityIndicator,
+  contextualHelp,
+  children,
+  dependencies,
+  items,
+  isLoading,
+  ...props
+}: SelectProps<T>) => {
+  return (
+    <SelectRoot {...props}>
+      {({ isRequired }) => (
+        <>
+          <Field
+            label={label}
+            description={description}
+            errorMessage={errorMessage}
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+            contextualHelp={contextualHelp}
+          >
+            <Button variant={variant} size={size} suffix={<ChevronDownIcon />}>
+              <SelectValue />
+            </Button>
+          </Field>
+          <Overlay type="popover">
+            <ListBox
+              isLoading={isLoading}
+              items={items}
+              dependencies={dependencies}
+            >
+              {children}
+            </ListBox>
+          </Overlay>
+        </>
+      )}
+    </SelectRoot>
+  );
+};
+
+type SelectValueProps<T extends object> = AriaSelectValueProps<T>;
+const SelectValue = <T extends object>(props: SelectValueProps<T>) => {
+  const { selectValue } = selectStyles();
+  return (
+    <AriaSelectValue
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        selectValue({ className })
+      )}
+    />
+  );
+};
+
+interface SelectRootProps<T extends object>
+  extends Omit<AriaSelectProps<T>, "className"> {
+  className?: string;
+}
+const SelectRoot = <T extends object>({
+  className,
+  ...props
+}: SelectRootProps<T>) => {
+  const { root } = selectStyles();
+  return <AriaSelect className={root({ className })} {...props} />;
+};
+
+export type { SelectProps, SelectRootProps, SelectValueProps };
+export { Select, SelectRoot, SelectValue };
diff --git a/www/src/__registry__/core/separator-01.tsx b/www/src/__registry__/core/separator-01.tsx
new file mode 100644
index 000000000..1846c0ce4
--- /dev/null
+++ b/www/src/__registry__/core/separator-01.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import * as React from "react";
+import {
+  Separator as AriaSeparator,
+  type SeparatorProps as AriaSeparatorProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const separatorStyles = tv({
+  base: "bg-border separator shrink-0 border-0",
+  variants: {
+    orientation: {
+      horizontal: "h-[1px] w-full",
+      vertical: "h-full w-[1px]",
+    },
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+  },
+});
+
+type SeparatorProps = AriaSeparatorProps;
+const Separator = ({ orientation, className, ...props }: SeparatorProps) => {
+  return (
+    <AriaSeparator
+      {...props}
+      className={separatorStyles({ orientation, className })}
+    />
+  );
+};
+
+export { Separator };
diff --git a/www/src/__registry__/core/skeleton-01.tsx b/www/src/__registry__/core/skeleton-01.tsx
new file mode 100644
index 000000000..cf2ecc968
--- /dev/null
+++ b/www/src/__registry__/core/skeleton-01.tsx
@@ -0,0 +1,23 @@
+import { cn } from "@/registry/lib/cn";
+
+function Skeleton({
+  className,
+  show = true,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement> & {
+  show?: boolean;
+}) {
+  if (!show) return props.children;
+  return (
+    <span
+      className={cn(
+        "bg-bg-muted relative block h-6 animate-pulse rounded-md",
+        props.children && "h-auto *:invisible",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Skeleton };
diff --git a/www/src/__registry__/core/slider-01.tsx b/www/src/__registry__/core/slider-01.tsx
new file mode 100644
index 000000000..74b99412f
--- /dev/null
+++ b/www/src/__registry__/core/slider-01.tsx
@@ -0,0 +1,227 @@
+"use client";
+
+import * as React from "react";
+import { useSlotId } from "@react-aria/utils";
+import {
+  composeRenderProps,
+  Slider as AriaSlider,
+  SliderOutput as AriaSliderOutput,
+  SliderThumb as AriaSliderThumb,
+  SliderTrack as AriaSliderTrack,
+  type SliderThumbProps as AriaSliderThumbProps,
+  type SliderOutputProps as AriaSliderOutputProps,
+  type SliderTrackProps as AriaSliderTrackProps,
+  type SliderProps as AriaSliderProps,
+  SliderStateContext as AriaSliderStateContext,
+  TextContext as AriaTextContext,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { cn } from "@/registry/lib/cn";
+import { focusRing } from "@/registry/lib/focus-styles";
+import { Description, Label, type FieldProps } from "@/__registry__/core/field";
+
+const sliderStyles = tv({
+  slots: {
+    root: "orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
+    track: [
+      "group/track bg-bg-neutral disabled:bg-bg-disabled relative cursor-pointer rounded-full disabled:cursor-default",
+      "orientation-vertical:flex-1 orientation-vertical:w-2 orientation-horizontal:w-full orientation-horizontal:h-2 grow",
+    ],
+    filler: [
+      "bg-border-focus group-disabled/track:bg-bg-disabled rounded-full",
+      "group-orientation-horizontal/top-0 group-orientation-vertical/track:w-full group-orientation-vertical/track:bottom-0 group-orientation-horizontal/track:h-full pointer-events-none absolute",
+    ],
+    thumb: [
+      focusRing(),
+      "rounded-full bg-white shadow-md transition-[width,height]",
+      "-translate-x-1/2! -translate-y-1/2! absolute left-[50%] top-[50%] block",
+      "disabled:bg-bg-disabled disabled:border-bg disabled:border",
+    ],
+    valueLabel: "text-fg-muted text-sm",
+  },
+  variants: {
+    size: {
+      sm: {
+        thumb: "dragging:size-4 size-3",
+        track: "orientation-vertical:w-1 orientation-horizontal:h-1",
+      },
+      md: {
+        thumb: "dragging:size-5 size-4",
+        track: "orientation-vertical:w-2 orientation-horizontal:h-2",
+      },
+      lg: {
+        thumb: "dragging:size-6 size-5",
+        track: "orientation-vertical:w-3 orientation-horizontal:h-3",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+  },
+});
+
+interface SliderProps
+  extends SliderRootProps,
+    VariantProps<typeof sliderStyles> {
+  label?: FieldProps["label"];
+  description?: FieldProps["description"];
+  valueLabel?: boolean | ((value: number[]) => string);
+}
+const Slider = React.forwardRef<
+  React.ElementRef<typeof AriaSlider>,
+  SliderProps
+>(({ label, description, valueLabel = false, size, ...props }, ref) => (
+  <SliderRoot ref={ref} {...props}>
+    {(label || !!valueLabel) && (
+      <div
+        className={cn(
+          "flex items-center justify-between gap-2",
+          !label && "justify-end"
+        )}
+      >
+        {label && <Label>{label}</Label>}
+        {!!valueLabel && (
+          <SliderValueLabel>
+            {({ state }) =>
+              typeof valueLabel === "function"
+                ? valueLabel(state.values)
+                : undefined
+            }
+          </SliderValueLabel>
+        )}
+      </div>
+    )}
+    <SliderControls size={size} />
+    {description && <Description>{description}</Description>}
+  </SliderRoot>
+));
+Slider.displayName = "Slider";
+
+type SliderRootProps = AriaSliderProps;
+const SliderRoot = React.forwardRef(
+  (props: SliderRootProps, ref: React.Ref<HTMLDivElement>) => {
+    const { root } = sliderStyles();
+    const descriptionId = useSlotId();
+    return (
+      <AriaTextContext.Provider
+        value={{ slots: { description: { id: descriptionId } } }}
+      >
+        <AriaSlider
+          ref={ref}
+          aria-describedby={descriptionId}
+          {...props}
+          className={composeRenderProps(props.className, (className) =>
+            root({ className })
+          )}
+        />
+      </AriaTextContext.Provider>
+    );
+  }
+);
+SliderRoot.displayName = "SliderRoot";
+
+type SliderControlsProps = SliderTrackProps & VariantProps<typeof sliderStyles>;
+const SliderControls = (props: SliderControlsProps) => {
+  const { values } = React.useContext(AriaSliderStateContext);
+  return (
+    <SliderTrack {...props}>
+      <SliderFiller />
+      {values.map((_, i) => (
+        <SliderThumb key={i} index={i} size={props.size} />
+      ))}
+    </SliderTrack>
+  );
+};
+
+type SliderTrackProps = AriaSliderTrackProps &
+  VariantProps<typeof sliderStyles>;
+const SliderTrack = ({ size, ...props }: SliderTrackProps) => {
+  const { track } = sliderStyles({ size });
+  return (
+    <AriaSliderTrack
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        track({ className })
+      )}
+    />
+  );
+};
+
+type SliderFillerProps = React.HTMLAttributes<HTMLDivElement>;
+const SliderFiller = (props: SliderFillerProps) => {
+  const { filler } = sliderStyles();
+  const { orientation, getThumbPercent, values } = React.useContext(
+    AriaSliderStateContext
+  );
+  return (
+    <div
+      {...props}
+      style={
+        values.length === 1
+          ? orientation === "horizontal"
+            ? {
+                width: `${getThumbPercent(0) * 100}%`,
+              }
+            : { height: `${getThumbPercent(0) * 100}%` }
+          : orientation === "horizontal"
+            ? {
+                left: `${getThumbPercent(0) * 100}%`,
+                width: `${
+                  Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100
+                }%`,
+              }
+            : {
+                bottom: `${getThumbPercent(0) * 100}%`,
+                height: `${
+                  Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100
+                }%`,
+              }
+      }
+      className={filler({ className: props.className })}
+    />
+  );
+};
+
+type SliderThumbProps = AriaSliderThumbProps &
+  VariantProps<typeof sliderStyles>;
+const SliderThumb = ({ size, ...props }: SliderThumbProps) => {
+  const { thumb } = sliderStyles({ size });
+  return (
+    <AriaSliderThumb
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        thumb({ className })
+      )}
+    />
+  );
+};
+
+type SliderValueLabelProps = AriaSliderOutputProps;
+const SliderValueLabel = (props: SliderValueLabelProps) => {
+  const { valueLabel } = sliderStyles();
+  return (
+    <AriaSliderOutput
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        valueLabel({ className })
+      )}
+    >
+      {composeRenderProps(
+        props.children,
+        (children, { state }) =>
+          children ??
+          state.values.map((_, i) => state.getThumbValueLabel(i)).join(" - ")
+      )}
+    </AriaSliderOutput>
+  );
+};
+
+export {
+  Slider,
+  SliderRoot,
+  SliderControls,
+  SliderTrack,
+  SliderFiller,
+  SliderThumb,
+  SliderValueLabel,
+};
diff --git a/www/src/__registry__/core/switch-01.tsx b/www/src/__registry__/core/switch-01.tsx
new file mode 100644
index 000000000..eb75019f4
--- /dev/null
+++ b/www/src/__registry__/core/switch-01.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import * as React from "react";
+import {
+  Switch as AriaSwitch,
+  composeRenderProps,
+  type SwitchProps as AriaSwitchProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRingGroup } from "@/registry/lib/focus-styles";
+
+const switchStyles = tv({
+  slots: {
+    root: "disabled:text-fg-disabled group flex items-center justify-start gap-3",
+    wrapper: [
+      focusRingGroup(),
+      "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
+      "group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent",
+    ],
+    indicator:
+      "group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200",
+    label: "",
+  },
+  variants: {
+    size: {
+      sm: {
+        wrapper: "h-5 w-9",
+        indicator:
+          "group-pressed:w-5 group-selected:ml-4 group-selected:group-pressed:ml-3 size-4",
+      },
+      md: {
+        wrapper: "h-6 w-11",
+        indicator:
+          "group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5",
+      },
+      lg: {
+        wrapper: "h-7 w-12",
+        indicator:
+          "group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+  },
+});
+
+interface SwitchProps
+  extends Omit<AriaSwitchProps, "className">,
+    VariantProps<typeof switchStyles> {
+  className?: string;
+}
+
+const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(
+  ({ className, size, ...props }, ref) => {
+    const { root, wrapper, indicator, label } = switchStyles({ size });
+
+    return (
+      <AriaSwitch className={root({ className })} {...props} ref={ref}>
+        {composeRenderProps(props.children, (children) => (
+          <>
+            <span className={wrapper({})}>
+              <span className={indicator({})} style={{ contain: "layout" }} />
+            </span>
+            {children && <span className={label({})}>{children}</span>}
+          </>
+        ))}
+      </AriaSwitch>
+    );
+  }
+);
+
+Switch.displayName = "Switch";
+
+export { Switch };
diff --git a/www/src/__registry__/core/table-01.tsx b/www/src/__registry__/core/table-01.tsx
new file mode 100644
index 000000000..854892c16
--- /dev/null
+++ b/www/src/__registry__/core/table-01.tsx
@@ -0,0 +1,116 @@
+import * as React from "react";
+import { cn } from "@/registry/lib/cn";
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+));
+Table.displayName = "Table";
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+));
+TableHeader.displayName = "TableHeader";
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+));
+TableBody.displayName = "TableBody";
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "bg-bg-muted/50 border-t font-medium last:[&>tr]:border-b-0",
+      className
+    )}
+    {...props}
+  />
+));
+TableFooter.displayName = "TableFooter";
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "data-[state=selected]:bg-bg-muted hover:bg-bg-muted/50 border-b transition-colors",
+      className
+    )}
+    {...props}
+  />
+));
+TableRow.displayName = "TableRow";
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "text-fg-muted h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
+      className
+    )}
+    {...props}
+  />
+));
+TableHead.displayName = "TableHead";
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    {...props}
+  />
+));
+TableCell.displayName = "TableCell";
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("text-fg-muted mt-4 text-sm", className)}
+    {...props}
+  />
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};
diff --git a/www/src/__registry__/core/tabs-01.tsx b/www/src/__registry__/core/tabs-01.tsx
new file mode 100644
index 000000000..a4740d123
--- /dev/null
+++ b/www/src/__registry__/core/tabs-01.tsx
@@ -0,0 +1,93 @@
+"use client";
+
+import * as React from "react";
+import {
+  Tabs as AriaTabs,
+  TabList as AriaTabList,
+  Tab as AriaTab,
+  TabPanel as AriaTabPanel,
+  type TabsProps as AriaTabsProps,
+  type TabListProps as AriaTabListProps,
+  type TabProps as AriaTabProps,
+  type TabPanelProps as AriaTabPanelProps,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const tabsStyles = tv({
+  slots: {
+    root: "orientation-vertical:flex-row flex flex-col",
+    list: "orientation-horizontal:overflow-x-auto orientation-horizontal:whitespace-nowrap orientation-horizontal:items-center orientation-horizontal:border-b orientation-vertical:flex-col orientation-vertical:border-r orientation-horizontal:[&_[role=tab]]:border-b-[3px] orientation-vertical:[&_[role=tab]]:border-r-[3px] flex",
+    tab: [
+      "text-fg-muted selected:border-border-focus selected:text-fg disabled:text-fg-disabled disabled:selected:border-border-disabled outline-hidden -mb-px cursor-pointer border-transparent px-2 py-2 text-center text-sm font-medium transition-colors disabled:cursor-default",
+      "focus-visible:[&>span]:border-border-focus [&>span]:rounded-md [&>span]:border-2 [&>span]:border-transparent [&>span]:px-1.5 [&>span]:py-1",
+    ],
+    panel: [focusRing(), "rounded"],
+  },
+});
+
+interface TabsProps extends Omit<AriaTabsProps, "className"> {
+  className?: string;
+}
+const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(
+  ({ className, ...props }, ref) => {
+    const { root } = tabsStyles();
+    return <AriaTabs ref={ref} className={root({ className })} {...props} />;
+  }
+);
+Tabs.displayName = "Tabs";
+
+interface TabListProps<T> extends Omit<AriaTabListProps<T>, "className"> {
+  className?: string;
+}
+const TabList = React.forwardRef<HTMLDivElement, TabListProps<any>>(
+  <T extends object>(
+    { className, ...props }: TabListProps<T>,
+    ref: React.Ref<HTMLDivElement>
+  ) => {
+    const { list } = tabsStyles();
+    return (
+      <AriaTabList
+        ref={ref}
+        {...props}
+        className={list({ className })}
+        style={{ scrollbarWidth: "none" }}
+      />
+    );
+  }
+);
+TabList.displayName = "TabList";
+
+interface TabProps extends Omit<AriaTabProps, "className"> {
+  className?: string;
+}
+const Tab = React.forwardRef<HTMLDivElement, TabProps>(
+  ({ className, ...props }, ref) => {
+    const { tab } = tabsStyles();
+    return (
+      <AriaTab ref={ref} className={tab({ className })} {...props}>
+        {composeRenderProps(props.children, (children) => (
+          <span>{children}</span>
+        ))}
+      </AriaTab>
+    );
+  }
+);
+Tab.displayName = "Tab";
+
+interface TabPanelProps extends Omit<AriaTabPanelProps, "className"> {
+  className?: string;
+}
+const TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(
+  ({ className, ...props }, ref) => {
+    const { panel } = tabsStyles();
+    return (
+      <AriaTabPanel ref={ref} className={panel({ className })} {...props} />
+    );
+  }
+);
+TabPanel.displayName = "TabPanel";
+
+export type { TabsProps, TabListProps, TabProps, TabPanelProps };
+export { Tabs, TabList, Tab, TabPanel };
diff --git a/www/src/__registry__/core/tag-group-01.tsx b/www/src/__registry__/core/tag-group-01.tsx
new file mode 100644
index 000000000..ae12bd163
--- /dev/null
+++ b/www/src/__registry__/core/tag-group-01.tsx
@@ -0,0 +1,172 @@
+"use client";
+
+import React from "react";
+import {
+  composeRenderProps,
+  TagGroup as AriaTagGroup,
+  TagList as AriaTagList,
+  Tag as AriaTag,
+  type TagGroupProps as AriaTagGroupProps,
+  type TagListProps as AriaTagListProps,
+  type TagProps as AriaTagProps,
+} from "react-aria-components";
+import { tv, VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+import { Button } from "@/__registry__/core/button";
+import { Field } from "@/__registry__/core/field";
+
+const tagGroupStyles = tv({
+  slots: {
+    root: "flex w-48 flex-col items-start gap-2",
+    list: "flex w-full flex-wrap gap-1",
+  },
+});
+
+const { root, list } = tagGroupStyles();
+
+const tagStyles = tv({
+  extend: focusRing,
+  base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+  variants: {
+    variant: {
+      default:
+        "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral selected:bg-bg-primary selected:text-fg-onPrimary",
+      quiet:
+        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary bg-transparent",
+      outline:
+        "border-border-field bg-bg-inverse/5 hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary border",
+      accent:
+        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent",
+    },
+    size: {
+      sm: "size-8 [&_svg]:size-4",
+      md: "size-9 [&_svg]:size-4",
+      lg: "size-10 [&_svg]:size-5",
+    },
+    shape: {
+      rectangle: "",
+      square: "",
+      circle: "rounded-full",
+    },
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      shape: "rectangle",
+      className: "w-auto px-3",
+    },
+    {
+      size: "md",
+      shape: "rectangle",
+      className: "w-auto px-4",
+    },
+    {
+      size: "lg",
+      shape: "rectangle",
+      className: "w-auto px-5",
+    },
+  ],
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    shape: "rectangle",
+  },
+});
+
+interface TagGroupProps<T>
+  extends Omit<TagGroupRootProps, "children">,
+    Pick<AriaTagListProps<T>, "items" | "children" | "renderEmptyState"> {
+  label?: string;
+  description?: string;
+  errorMessage?: string;
+  contextualHelp?: React.ReactNode;
+}
+
+function TagGroup<T extends object>({
+  label,
+  description,
+  errorMessage,
+  items,
+  children,
+  renderEmptyState,
+  contextualHelp,
+  ...props
+}: TagGroupProps<T>) {
+  return (
+    <TagGroupRoot {...props}>
+      <Field
+        label={label}
+        description={description}
+        errorMessage={errorMessage}
+        contextualHelp={contextualHelp}
+      >
+        <TagList items={items} renderEmptyState={renderEmptyState}>
+          {children}
+        </TagList>
+      </Field>
+    </TagGroupRoot>
+  );
+}
+
+interface TagGroupRootProps
+  extends AriaTagGroupProps,
+    VariantProps<typeof tagStyles> {}
+function TagGroupRoot({
+  className,
+  variant,
+  size,
+  shape,
+  ...props
+}: TagGroupRootProps) {
+  return (
+    <TagGroupContext.Provider value={{ variant, size, shape }}>
+      <AriaTagGroup {...props} className={root({ className })} />
+    </TagGroupContext.Provider>
+  );
+}
+
+interface TagListProps<T> extends AriaTagListProps<T> {}
+function TagList<T extends object>(props: TagListProps<T>) {
+  return (
+    <AriaTagList
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        list({ className })
+      )}
+    />
+  );
+}
+
+interface TagProps extends AriaTagProps, VariantProps<typeof tagStyles> {}
+function Tag(localProps: TagProps) {
+  const contextProps = useTagGroupContext();
+  const props = { ...contextProps, ...localProps };
+  const { variant, size, shape, className, ...restProps } = props;
+  const textValue =
+    typeof props.children === "string" ? props.children : undefined;
+  return (
+    <AriaTag
+      textValue={textValue}
+      className={composeRenderProps(className, (className) =>
+        tagStyles({ variant, size, shape, className })
+      )}
+      {...restProps}
+    >
+      {({ allowsRemoving }) => (
+        <>
+          {props.children}
+          {allowsRemoving && <Button slot="remove">ⓧ</Button>}
+        </>
+      )}
+    </AriaTag>
+  );
+}
+
+type TagGroupContextValue = VariantProps<typeof tagGroupStyles>;
+const TagGroupContext = React.createContext<TagGroupContextValue>({});
+const useTagGroupContext = () => {
+  return React.useContext(TagGroupContext);
+};
+
+export { TagGroup, Tag };
+export type { TagGroupProps, TagProps };
diff --git a/www/src/__registry__/core/text-01.tsx b/www/src/__registry__/core/text-01.tsx
new file mode 100644
index 000000000..fb8e75df8
--- /dev/null
+++ b/www/src/__registry__/core/text-01.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+import {
+  Text as AriaText,
+  type TextProps as AriaTextProps,
+} from "react-aria-components";
+import { type VariantProps, tv } from "tailwind-variants";
+
+const textStyles = tv({
+  base: "text-sm",
+  variants: {
+    slot: {
+      label: "font-bold",
+      description: "text-fg-muted",
+      errorMessage: "text-fg-danger",
+    },
+  },
+});
+
+interface TextProps
+  extends Omit<AriaTextProps, "slot">,
+    VariantProps<typeof textStyles> {}
+const Text = ({ slot, className, ...props }: TextProps) => {
+  return (
+    <AriaText
+      slot={slot}
+      className={textStyles({ slot, className })}
+      {...props}
+    />
+  );
+};
+
+export type { textStyles };
+export { Text };
diff --git a/www/src/__registry__/core/text-area-01.tsx b/www/src/__registry__/core/text-area-01.tsx
new file mode 100644
index 000000000..e71ed37ed
--- /dev/null
+++ b/www/src/__registry__/core/text-area-01.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import * as React from "react";
+import { type VariantProps } from "tailwind-variants";
+import {
+  TextFieldRoot,
+  type TextFieldRootProps,
+} from "@/registry/core/text-field-01";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+import {
+  InputRoot,
+  TextAreaInput,
+  type inputStyles,
+} from "@/__registry__/core/input";
+
+type TextAreaProps = TextFieldRootProps &
+  Omit<FieldProps, "children"> &
+  Omit<VariantProps<typeof inputStyles>, "size"> & {
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    isLoading?: boolean;
+    loaderPosition?: "prefix" | "suffix";
+    placeholder?: string;
+  };
+const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
+  (
+    {
+      className,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      prefix,
+      suffix,
+      isLoading,
+      loaderPosition = "suffix",
+      isRequired,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    return (
+      <TextFieldRoot className={className} {...props}>
+        <Field
+          label={label}
+          description={description}
+          errorMessage={errorMessage}
+          isRequired={isRequired}
+          necessityIndicator={necessityIndicator}
+          contextualHelp={contextualHelp}
+        >
+          <InputRoot
+            prefix={prefix}
+            suffix={suffix}
+            isLoading={isLoading}
+            loaderPosition={loaderPosition}
+            multiline
+          >
+            <TextAreaInput ref={ref} placeholder={placeholder} />
+          </InputRoot>
+        </Field>
+      </TextFieldRoot>
+    );
+  }
+);
+TextArea.displayName = "TextArea";
+
+export type { TextAreaProps };
+export { TextArea };
diff --git a/www/src/__registry__/core/text-field-01.tsx b/www/src/__registry__/core/text-field-01.tsx
new file mode 100644
index 000000000..531179b91
--- /dev/null
+++ b/www/src/__registry__/core/text-field-01.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import * as React from "react";
+import {
+  TextField as AriaTextField,
+  type TextFieldProps as AriaTextFieldProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+import { InputRoot, Input, type inputStyles } from "@/__registry__/core/input";
+
+const textFieldStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
+type TextFieldProps = TextFieldRootProps &
+  Omit<FieldProps, "children"> &
+  VariantProps<typeof inputStyles> & {
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    isLoading?: boolean;
+    loaderPosition?: "prefix" | "suffix";
+    placeholder?: string;
+  };
+const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
+  (
+    {
+      className,
+      size,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      prefix,
+      suffix,
+      isLoading,
+      loaderPosition = "suffix",
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    return (
+      <TextFieldRoot className={className} {...props}>
+        {({ isRequired }) => (
+          <Field
+            label={label}
+            description={description}
+            errorMessage={errorMessage}
+            isRequired={isRequired}
+            necessityIndicator={necessityIndicator}
+            contextualHelp={contextualHelp}
+          >
+            <InputRoot
+              size={size}
+              prefix={prefix}
+              suffix={suffix}
+              isLoading={isLoading}
+              loaderPosition={loaderPosition}
+            >
+              <Input ref={ref} placeholder={placeholder} />
+            </InputRoot>
+          </Field>
+        )}
+      </TextFieldRoot>
+    );
+  }
+);
+TextField.displayName = "TextField";
+
+type TextFieldRootProps = Omit<AriaTextFieldProps, "className"> & {
+  className?: string;
+};
+const TextFieldRoot = React.forwardRef<
+  React.ElementRef<typeof AriaTextField>,
+  TextFieldRootProps
+>(({ className, ...props }, ref) => {
+  return (
+    <AriaTextField
+      ref={ref}
+      className={textFieldStyles({ className })}
+      {...props}
+    />
+  );
+});
+TextFieldRoot.displayName = "TextFieldRoot";
+
+export type { TextFieldProps, TextFieldRootProps };
+export { TextField, TextFieldRoot };
diff --git a/www/src/__registry__/core/time-field-01.tsx b/www/src/__registry__/core/time-field-01.tsx
new file mode 100644
index 000000000..1dbea4304
--- /dev/null
+++ b/www/src/__registry__/core/time-field-01.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import * as React from "react";
+import {
+  TimeField as AriaTimeField,
+  type TimeFieldProps as AriaTimeFieldProps,
+  type TimeValue,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { DateInput, DateSegment } from "@/registry/core/date-input-01";
+import { Field, type FieldProps } from "@/__registry__/core/field";
+import { InputRoot, type inputStyles } from "@/__registry__/core/input";
+
+const timeFieldStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+  },
+});
+
+interface TimeFieldProps<T extends TimeValue>
+  extends TimeFieldRootProps<T>,
+    Omit<FieldProps, "children">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  isLoading?: boolean;
+  loaderPosition?: "prefix" | "suffix";
+}
+
+const TimeField = <T extends TimeValue>({
+  className,
+  size,
+  label,
+  description,
+  errorMessage,
+  prefix,
+  suffix,
+  isLoading,
+  loaderPosition = "suffix",
+  isRequired,
+  isDisabled,
+  necessityIndicator,
+  contextualHelp,
+  ...props
+}: TimeFieldProps<T>) => {
+  return (
+    <TimeFieldRoot
+      className={className}
+      isRequired={isRequired}
+      isDisabled={isLoading || isDisabled}
+      {...props}
+    >
+      <Field
+        label={label}
+        description={description}
+        errorMessage={errorMessage}
+        isRequired={isRequired}
+        necessityIndicator={necessityIndicator}
+        contextualHelp={contextualHelp}
+      >
+        <InputRoot
+          size={size}
+          prefix={prefix}
+          suffix={suffix}
+          isLoading={isLoading}
+          loaderPosition={loaderPosition}
+        >
+          <DateInput>
+            {(segment) => <DateSegment segment={segment} />}
+          </DateInput>
+        </InputRoot>
+      </Field>
+    </TimeFieldRoot>
+  );
+};
+
+interface TimeFieldRootProps<T extends TimeValue>
+  extends Omit<AriaTimeFieldProps<T>, "className"> {
+  className?: string;
+}
+const TimeFieldRoot = <T extends TimeValue>({
+  className,
+  ...props
+}: TimeFieldRootProps<T>) => {
+  const { root } = timeFieldStyles();
+  return <AriaTimeField className={root({ className })} {...props} />;
+};
+
+export type { TimeFieldProps, TimeFieldRootProps };
+export { TimeField, TimeFieldRoot };
diff --git a/www/src/__registry__/core/toggle-button-01.tsx b/www/src/__registry__/core/toggle-button-01.tsx
new file mode 100644
index 000000000..40816ef40
--- /dev/null
+++ b/www/src/__registry__/core/toggle-button-01.tsx
@@ -0,0 +1,111 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  ToggleButton as AriaToggleButton,
+  type ToggleButtonProps as AriaToggleButtonProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const toggleButtonStyles = tv({
+  extend: focusRing,
+  base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+  variants: {
+    variant: {
+      quiet:
+        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active bg-transparent",
+      outline:
+        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active border bg-transparent",
+      accent:
+        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent",
+    },
+    size: {
+      sm: "size-8 [&_svg]:size-4",
+      md: "size-9 [&_svg]:size-4",
+      lg: "size-10 [&_svg]:size-5",
+    },
+    shape: {
+      rectangle: "",
+      square: "",
+      circle: "rounded-full",
+    },
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      shape: "rectangle",
+      className: "w-auto px-3",
+    },
+    {
+      size: "md",
+      shape: "rectangle",
+      className: "w-auto px-4",
+    },
+    {
+      size: "lg",
+      shape: "rectangle",
+      className: "w-auto px-5",
+    },
+  ],
+  defaultVariants: {
+    variant: "quiet",
+    size: "md",
+    shape: "square",
+  },
+});
+
+interface ToggleButtonProps
+  extends Omit<AriaToggleButtonProps, "className">,
+    VariantProps<typeof toggleButtonStyles> {
+  className?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+
+const ToggleButton = React.forwardRef(
+  (
+    localProps: ToggleButtonProps,
+    ref: React.ForwardedRef<HTMLButtonElement>
+  ) => {
+    const contextProps = useToggleButtonContext();
+    const props = { ...contextProps, ...localProps };
+    const { className, variant, size, shape, prefix, suffix, ...restProps } =
+      props;
+    return (
+      <AriaToggleButton
+        ref={ref}
+        {...restProps}
+        className={toggleButtonStyles({
+          variant,
+          size,
+          shape,
+          className,
+        })}
+      >
+        {composeRenderProps(props.children, (children) => (
+          <>
+            {prefix}
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
+            {suffix}
+          </>
+        ))}
+      </AriaToggleButton>
+    );
+  }
+);
+ToggleButton.displayName = "ToggleButton";
+
+type ToggleButtonContextValue = VariantProps<typeof toggleButtonStyles>;
+const ToggleButtonContext = React.createContext<ToggleButtonContextValue>({});
+const useToggleButtonContext = () => {
+  return React.useContext(ToggleButtonContext);
+};
+
+export type { ToggleButtonProps };
+export { ToggleButton, toggleButtonStyles, ToggleButtonContext };
diff --git a/www/src/__registry__/core/toggle-group-01.tsx b/www/src/__registry__/core/toggle-group-01.tsx
new file mode 100644
index 000000000..d5329b6e4
--- /dev/null
+++ b/www/src/__registry__/core/toggle-group-01.tsx
@@ -0,0 +1,273 @@
+"use client";
+
+// This compnoent is not ready for production use. It is a work in progress.
+import * as React from "react";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { useToolbar, type AriaToolbarProps } from "@react-aria/toolbar";
+import {
+  useToggleButton,
+  type AriaToggleButtonProps,
+  useHover,
+  useFocusRing,
+  mergeProps,
+} from "react-aria";
+import { useToggleState } from "react-stately";
+import { tv, type VariantProps } from "tailwind-variants";
+import { toggleButtonStyles } from "@/registry/core/toggle-button-01";
+
+const toggleGroupVariants = tv({
+  base: "flex items-center gap-1",
+  variants: {
+    orientation: {
+      horizontal: "flex-row",
+      vertical: "flex-col",
+    },
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+  },
+});
+
+export interface ToggleGroupButtonProps
+  extends Omit<AriaToggleButtonProps, "type">,
+    VariantProps<typeof toggleButtonStyles> {
+  value: string;
+  className?: string;
+}
+
+const ToggleGroupButton = ({
+  variant,
+  size,
+  shape,
+  value,
+  className,
+  ...props
+}: ToggleGroupButtonProps) => {
+  const ref = React.useRef<HTMLButtonElement | null>(null);
+  const context = useToggleGroup();
+  const additionalProps =
+    context && value
+      ? {
+          isSelected: context.value.includes(value),
+          onChange: (isSelected: boolean) => {
+            if (isSelected) {
+              context.onItemActivate(value);
+            } else {
+              context.onItemDeactivate(value);
+            }
+          },
+          isDisabled: context.isDisabled || props.isDisabled || false,
+        }
+      : {};
+  const state = useToggleState({ ...props, ...additionalProps });
+  const { focusProps, isFocused, isFocusVisible } = useFocusRing(props);
+  const { hoverProps, isHovered } = useHover(props);
+  const { buttonProps, isPressed } = useToggleButton(
+    { ...props, ...additionalProps },
+    state,
+    ref
+  );
+
+  const singleProps = {
+    role: "radio",
+    "aria-checked": state.isSelected,
+    "aria-pressed": undefined,
+  };
+  const typeProps = !context.multiple ? singleProps : undefined;
+
+  return (
+    <button
+      ref={ref}
+      {...typeProps}
+      data-focused={isFocused ? "true" : undefined}
+      data-disabled={props.isDisabled ? "true" : undefined}
+      data-pressed={isPressed ? "true" : undefined}
+      data-selected={state.isSelected ? "true" : undefined}
+      data-hovered={isHovered ? "true" : undefined}
+      data-focus-visible={isFocusVisible ? "true" : undefined}
+      className={toggleButtonStyles({
+        variant: variant ?? context?.variant,
+        size: size ?? context?.size,
+        shape: shape ?? context?.shape,
+        className: className,
+      })}
+      {...mergeProps(buttonProps, focusProps, hoverProps)}
+    >
+      {props.children}
+    </button>
+  );
+};
+
+type ToggleGroupProps =
+  | (ToggleGroupSingleProps & { multiple?: false })
+  | (ToggleGroupMultipleProps & { multiple: true });
+
+const ToggleGroup = (props: ToggleGroupProps) => {
+  const {
+    multiple = false,
+    orientation = "horizontal",
+    ...toggleGroupProps
+  } = props;
+
+  if (multiple) {
+    const multipleProps = toggleGroupProps as ToggleGroupMultipleProps;
+    return <ToggleGroupMultiple orientation={orientation} {...multipleProps} />;
+  }
+
+  const singleProps = toggleGroupProps as ToggleGroupSingleProps;
+  return <ToggleGroupSingle orientation={orientation} {...singleProps} />;
+};
+
+interface ToggleGroupSingleProps
+  extends AriaToolbarProps,
+    VariantProps<typeof toggleButtonStyles>,
+    VariantProps<typeof toggleGroupVariants> {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  isDisabled?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+const ToggleGroupSingle = (props: ToggleGroupSingleProps) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {
+      // do nothing
+    },
+    isDisabled,
+    orientation = "horizontal",
+    variant,
+    size,
+    shape,
+    className,
+  } = props;
+  const ref = React.useRef(null);
+  const { toolbarProps } = useToolbar(props, ref);
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange,
+  });
+
+  return (
+    <ToggleGroupContext.Provider
+      value={{
+        multiple: false,
+        value: value ? [value] : [],
+        onItemActivate: setValue,
+        onItemDeactivate: React.useCallback(() => setValue(""), [setValue]),
+        variant,
+        size,
+        shape,
+        isDisabled,
+      }}
+    >
+      <div
+        {...toolbarProps}
+        ref={ref}
+        role="group"
+        className={toggleGroupVariants({
+          orientation,
+          className,
+        })}
+      >
+        {props.children}
+      </div>
+    </ToggleGroupContext.Provider>
+  );
+};
+
+interface ToggleGroupMultipleProps
+  extends AriaToolbarProps,
+    VariantProps<typeof toggleGroupVariants>,
+    VariantProps<typeof toggleButtonStyles> {
+  value?: string[];
+  defaultValue?: string[];
+  onValueChange?: (value: string[]) => void;
+  isDisabled?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+const ToggleGroupMultiple = (props: ToggleGroupMultipleProps) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {
+      // do nothing
+    },
+    variant,
+    size,
+    shape,
+    orientation,
+    className,
+  } = props;
+  const ref = React.useRef(null);
+  const { toolbarProps } = useToolbar(props, ref);
+
+  const [value = [], setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange,
+  });
+
+  return (
+    <ToggleGroupContext.Provider
+      value={{
+        multiple: true,
+        value: value,
+        onItemActivate: React.useCallback(
+          (itemValue: string) =>
+            setValue((prevValue = []) => [...prevValue, itemValue]),
+          [setValue]
+        ),
+        onItemDeactivate: React.useCallback(
+          (itemValue: string) =>
+            setValue((prevValue = []) =>
+              prevValue.filter((value) => value !== itemValue)
+            ),
+          [setValue]
+        ),
+        variant,
+        size,
+        shape,
+      }}
+    >
+      <div
+        {...toolbarProps}
+        ref={ref}
+        role="group"
+        className={toggleGroupVariants({
+          orientation,
+          className,
+        })}
+      >
+        {props.children}
+      </div>
+    </ToggleGroupContext.Provider>
+  );
+};
+
+type ToggleGroupValueContextValue = {
+  multiple: boolean;
+  value: string[];
+  onItemActivate(value: string): void;
+  onItemDeactivate(value: string): void;
+  isDisabled?: boolean;
+} & VariantProps<typeof toggleButtonStyles>;
+
+const ToggleGroupContext =
+  React.createContext<ToggleGroupValueContextValue | null>(null);
+
+const useToggleGroup = () => {
+  const context = React.useContext(ToggleGroupContext);
+  if (!context) {
+    throw new Error("ToggleGroupButton should be used within a ToggleGroup");
+  }
+  return context;
+};
+
+export { ToggleGroup, ToggleGroupButton, toggleGroupVariants };
diff --git a/www/src/__registry__/core/tooltip-01.tsx b/www/src/__registry__/core/tooltip-01.tsx
new file mode 100644
index 000000000..7c5c00edc
--- /dev/null
+++ b/www/src/__registry__/core/tooltip-01.tsx
@@ -0,0 +1,102 @@
+"use client";
+
+import * as React from "react";
+import {
+  Tooltip as AriaTooltip,
+  TooltipTrigger as AriaTooltipTrigger,
+  OverlayArrow as AriaOverlayArrow,
+  type TooltipProps as AriaTooltipProps,
+  type TooltipTriggerComponentProps as AriaTooltipTriggerProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+
+const tooltipVariants = tv({
+  base: "group/tooltip bg-bg-muted text-fg entering:animate-in entering:fade-in entering:ease-out entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:ease-in exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 z-50 overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md will-change-transform",
+});
+
+interface TooltipProps
+  extends TooltipRootProps,
+    Omit<TooltipContentProps, "children">,
+    VariantProps<typeof tooltipVariants> {
+  content?: React.ReactNode;
+  arrow?: boolean;
+}
+const Tooltip = ({
+  delay,
+  closeDelay,
+  trigger,
+  defaultOpen,
+  isOpen,
+  onOpenChange,
+  isDisabled,
+  content,
+  arrow = true,
+  children,
+  ...props
+}: TooltipProps) => {
+  return (
+    <TooltipRoot
+      delay={delay}
+      closeDelay={closeDelay}
+      trigger={trigger}
+      defaultOpen={defaultOpen}
+      onOpenChange={onOpenChange}
+      isOpen={isOpen}
+      isDisabled={isDisabled}
+    >
+      {children}
+      <TooltipContent {...props}>
+        {arrow && <OverlayArrow />}
+        {content}
+      </TooltipContent>
+    </TooltipRoot>
+  );
+};
+
+type TooltipRootProps = AriaTooltipTriggerProps;
+const TooltipRoot = ({
+  delay = 700,
+  closeDelay = 0,
+  ...props
+}: TooltipRootProps) => (
+  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />
+);
+
+interface TooltipContentProps
+  extends Omit<AriaTooltipProps, "className">,
+    VariantProps<typeof tooltipVariants> {
+  className?: string;
+}
+const TooltipContent = ({
+  className,
+  offset = 10,
+  ...props
+}: TooltipContentProps) => {
+  return (
+    <AriaTooltip
+      offset={offset}
+      className={tooltipVariants({ className })}
+      {...props}
+    />
+  );
+};
+
+type OverlayArrowProps = Partial<React.SVGProps<SVGSVGElement>>;
+const OverlayArrow = (props: OverlayArrowProps) => {
+  return (
+    <AriaOverlayArrow>
+      <svg
+        width={8}
+        height={8}
+        viewBox="0 0 8 8"
+        className="fill-bg-tooltip stroke-border group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180 z-50"
+        {...props}
+      >
+        <path d="M0 0 L6 6 L12 0" />
+      </svg>
+    </AriaOverlayArrow>
+  );
+};
+
+export { Tooltip, TooltipRoot, TooltipContent, OverlayArrow };
+export type { TooltipProps, TooltipRootProps, TooltipContentProps };
diff --git a/www/src/__registry__/core/use-motion-drawer.tsx b/www/src/__registry__/core/use-motion-drawer.tsx
new file mode 100644
index 000000000..41b284783
--- /dev/null
+++ b/www/src/__registry__/core/use-motion-drawer.tsx
@@ -0,0 +1,688 @@
+/* eslint-disable */
+
+/* This hook is in progress */
+import React from "react";
+import { OverlayTriggerStateContext } from "react-aria-components";
+
+interface useMotionDrawerProps {
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  scaleBackground?: boolean;
+  closeThreshold?: number;
+  scrollLockTimeout?: number;
+  isDismissable?: boolean;
+  placement?: "top" | "bottom" | "left" | "right";
+}
+
+type AnimationState = "unmounted" | "hidden" | "visible";
+
+export const useMotionDrawer = (props: useMotionDrawerProps) => {
+  const {
+    scaleBackground = true,
+    closeThreshold = CLOSE_THRESHOLD,
+    scrollLockTimeout = SCROLL_LOCK_TIMEOUT,
+    isDismissable = true,
+    placement = "bottom",
+  } = props;
+  const contextState = React.useContext(OverlayTriggerStateContext);
+  const context = React.useContext(DrawerInternalContext);
+  const state = contextState;
+  const [animation, setAnimation] = React.useState<AnimationState>("unmounted");
+  const isEntering = animation === "visible";
+  const isExiting = animation === "hidden";
+  const nested = !!context;
+
+  const drawerRef = React.useRef<HTMLDivElement>(null);
+  const backdropRef = React.useRef<HTMLDivElement>(null);
+  const dragStartTime = React.useRef<Date | null>(null);
+  const dragEndTime = React.useRef<Date | null>(null);
+
+  const [isDragging, setDragging] = React.useState(false);
+  const drawerHeightRef = React.useRef(
+    drawerRef.current?.getBoundingClientRect().height || 0
+  );
+  const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);
+  const pointerStart = React.useRef(0);
+  const keyboardIsOpen = React.useRef(false);
+  const initialDrawerHeight = React.useRef(0);
+  const previousDiffFromInitial = React.useRef(0);
+
+  function shouldDrag(el: EventTarget) {
+    // TODO: add more conditions (scrollLockTimeout / when animating / placement right and left / swipe amout? / scrollable element / ...)
+    const selectedText = window.getSelection()?.toString();
+    if (selectedText && selectedText.length > 0) return false;
+    if (!isVertical(placement)) return true;
+    // TODO: Disallow drag when entering or exiting
+    const swipeAmount = drawerRef.current
+      ? getTranslate(drawerRef.current, placement)
+      : null;
+    if (
+      swipeAmount !== null &&
+      (placement === "bottom" ? swipeAmount > 0 : swipeAmount < 0)
+    )
+      return true;
+    // TODO: SCROLLLOCKTIMEOUT
+    // TODO: DRAG IN placement
+    let element = el as HTMLElement;
+    while (element) {
+      if (element.scrollHeight > element.clientHeight) {
+        if (element.scrollTop !== 0) {
+          return false;
+        }
+        if (element.getAttribute("role") === "dialog") {
+          return true;
+        }
+      }
+      element = element.parentNode as HTMLElement;
+    }
+    return true;
+  }
+
+  function resetDrawer() {
+    if (!drawerRef.current) return;
+    const wrapper = document.querySelector("[drawer-wrapper]");
+    const currentSwipeAmount = getTranslate(drawerRef.current, placement);
+    set(drawerRef.current, {
+      transform: "translate3d(0, 0, 0)",
+      transition: `transform ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+    set(backdropRef.current, {
+      transition: `opacity ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+      opacity: "1",
+    });
+    // TODO: put this in a function (resetBody)
+    if (
+      scaleBackground &&
+      currentSwipeAmount &&
+      currentSwipeAmount > 0 &&
+      state.isOpen &&
+      !nested
+    ) {
+      set(
+        wrapper,
+        {
+          borderRadius: `${BORDER_RADIUS}px`,
+          ...(isVertical(placement)
+            ? {
+                transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
+                transformOrigin: "top",
+              }
+            : {
+                transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
+                transformOrigin: "left",
+              }),
+          transitionProperty: "transform, border-radius",
+          transitionDuration: `${TRANSITIONS.DURATION}s`,
+          transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(
+            ","
+          )})`,
+        },
+        true
+      );
+    }
+  }
+
+  function onPress(event: React.PointerEvent<HTMLDivElement>) {
+    if (drawerRef.current && !drawerRef.current.contains(event.target as Node))
+      return;
+    drawerHeightRef.current =
+      drawerRef.current?.getBoundingClientRect().height || 0;
+    setDragging(true);
+    dragStartTime.current = new Date();
+    // if (isIOS()) {
+    //   window.addEventListener('touchend', () => (isAllowedToDrag.current = false), { once: true });
+    // }
+    (event.target as HTMLElement).setPointerCapture(event.pointerId);
+    pointerStart.current = isVertical(placement)
+      ? event.clientY
+      : event.clientX;
+  }
+
+  function onDrag(event: React.PointerEvent<HTMLDivElement>) {
+    if (!drawerRef.current || !isDragging || !shouldDrag(event.target)) return;
+    const placementMultiplier =
+      placement === "bottom" || placement === "right" ? 1 : -1;
+    const draggedDistance =
+      (pointerStart.current -
+        (isVertical(placement) ? event.clientY : event.clientX)) *
+      placementMultiplier;
+    const isDraggingInDirection = draggedDistance > 0;
+    const absDraggedDistance = Math.abs(draggedDistance);
+    const wrapper = document.querySelector("[drawer-wrapper]");
+    const percentageDragged = absDraggedDistance / drawerHeightRef.current;
+    if (nested) context.onNestedDrag(percentageDragged);
+    set(drawerRef.current, { transition: "none" }); // WHY?
+    set(backdropRef.current, { transition: "none" }); // WHY?
+    if (isDraggingInDirection) {
+      const dampenedDraggedDistance = dampenValue(draggedDistance);
+      const translateValue =
+        Math.min(dampenedDraggedDistance * -1, 0) * placementMultiplier;
+      set(drawerRef.current, {
+        transform: isVertical(placement)
+          ? `translate3d(0, ${translateValue}px, 0)`
+          : `translate3d(${translateValue}px, 0, 0)`,
+      });
+      return;
+    }
+    const opacityValue = 1 - percentageDragged;
+    set(
+      backdropRef.current,
+      { opacity: `${opacityValue}`, transition: "none" },
+      true
+    );
+    if (wrapper && backdropRef.current && scaleBackground && !nested) {
+      // Calculate percentageDragged as a fraction (0 to 1)
+      const scaleValue = Math.min(
+        getScale() + percentageDragged * (1 - getScale()),
+        1
+      );
+      const borderRadiusValue = 8 - percentageDragged * 8;
+      const translateValue = Math.max(0, 14 - percentageDragged * 14);
+      set(
+        wrapper,
+        {
+          borderRadius: `${borderRadiusValue}px`,
+          transform: isVertical(placement)
+            ? `scale(${scaleValue}) translate3d(0, ${translateValue}px, 0)`
+            : `scale(${scaleValue}) translate3d(${translateValue}px, 0, 0)`,
+          transition: "none",
+        },
+        true
+      );
+    }
+    const translateValue = absDraggedDistance * placementMultiplier;
+    set(drawerRef.current, {
+      transform: isVertical(placement)
+        ? `translate3d(0, ${translateValue}px, 0)`
+        : `translate3d(${translateValue}px, 0, 0)`,
+    });
+
+    // TODO: transform body
+  }
+
+  function onRelease(event: React.PointerEvent<HTMLDivElement>) {
+    if (!isDragging || !drawerRef.current) return;
+    if (nested) context.onNestedRelease(true);
+    setDragging(false);
+    dragEndTime.current = new Date();
+    const swipeAmount = getTranslate(drawerRef.current, placement);
+    if (!shouldDrag(event.target) || !swipeAmount || isNaN(swipeAmount)) return;
+    if (dragStartTime.current === null) return;
+    // TODO: check for justReleased (to not focus on an element on drag end)
+    const timeTaken =
+      dragEndTime.current.getTime() - dragStartTime.current.getTime();
+    const distMoved =
+      pointerStart.current -
+      (isVertical(placement) ? event.clientY : event.clientX);
+    const velocity = Math.abs(distMoved) / timeTaken;
+    if (
+      placement === "bottom" || placement === "right"
+        ? distMoved > 0
+        : distMoved < 0
+    ) {
+      resetDrawer();
+      return;
+    }
+    if (velocity > VELOCITY_THRESHOLD) {
+      closeDrawer();
+      return;
+    }
+    const visibleDrawerHeight = Math.min(
+      drawerRef.current.getBoundingClientRect().height ?? 0,
+      window.innerHeight
+    );
+    if (swipeAmount >= visibleDrawerHeight * closeThreshold) {
+      closeDrawer();
+      return;
+    }
+    resetDrawer();
+  }
+
+  function onPointerDown(event: React.PointerEvent<HTMLDivElement>) {
+    pointerStartRef.current = { x: event.clientX, y: event.clientY };
+    onPress(event);
+  }
+
+  function onPointerMove(event: React.PointerEvent<HTMLDivElement>) {
+    if (!pointerStartRef.current) return;
+    // TODO: Is allowed to swipe check?
+    onDrag(event);
+  }
+
+  function onPointerUp(event: React.PointerEvent<HTMLDivElement>) {
+    pointerStartRef.current = null;
+    onRelease(event);
+  }
+
+  function getScale() {
+    return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
+  }
+
+  function animateBody() {
+    if (nested) return;
+    const wrapper = document.querySelector("[drawer-wrapper]");
+    if (!wrapper || !scaleBackground) return;
+    set(document.body, {
+      background:
+        document.body.style.backgroundColor || document.body.style.background,
+    });
+    set(document.body, { background: "black" }, true);
+    set(wrapper, {
+      borderRadius: `${BORDER_RADIUS}px`,
+      ...(isVertical(placement)
+        ? {
+            transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
+            transformOrigin: "top",
+          }
+        : {
+            transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
+            transformOrigin: "left",
+          }),
+      transitionProperty: "transform, border-radius",
+      transitionDuration: `${TRANSITIONS.DURATION}s`,
+      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+  }
+
+  function resetBody() {
+    if (nested) return;
+    const wrapper = document.querySelector("[drawer-wrapper]");
+    if (!wrapper || !scaleBackground) return;
+    reset(wrapper, "overflow");
+    reset(wrapper, "transform");
+    reset(wrapper, "borderRadius");
+    set(wrapper, {
+      transitionProperty: "transform, border-radius",
+      transitionDuration: `${TRANSITIONS.DURATION}s`,
+      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+  }
+
+  function openDrawer() {
+    if (!drawerRef.current) return;
+    if (nested) context.onNestedOpenChange(true);
+    setAnimation("visible");
+    animateBody();
+    set(drawerRef.current, {
+      transform: `translate3d(0, 0, 0)`,
+      transition: `transform ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+    set(backdropRef.current, {
+      opacity: "1",
+      transition: `opacity ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+  }
+
+  function closeDrawer() {
+    if (!drawerRef.current) return;
+    if (nested) context.onNestedOpenChange(false);
+    setAnimation("hidden");
+    resetBody();
+    set(drawerRef.current, {
+      transform: isVertical(placement)
+        ? `translate3d(0, ${placement === "bottom" ? "100%" : "-100%"}, 0)`
+        : `translate3d(${placement === "right" ? "100%" : "-100%"}, 0, 0)`,
+      transition: `transform ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+    set(backdropRef.current, {
+      opacity: "0",
+      transition: `opacity ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+    });
+  }
+
+  function handleTransitionEnd() {
+    if (isExiting) {
+      setAnimation("unmounted");
+      reset(document.body);
+      state.close();
+    }
+  }
+
+  function handleOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      closeDrawer();
+    }
+  }
+
+  function handleNestedOpenChange(isOpen: boolean) {
+    const scale = isOpen
+      ? (window.innerWidth - NESTED_DISPLACEMENT) / window.innerWidth
+      : 1;
+    const y = isOpen ? -NESTED_DISPLACEMENT : 0;
+    set(drawerRef.current, {
+      transition: `transform ${
+        TRANSITIONS.DURATION
+      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+      transform: `scale(${scale}) translate3d(0, ${y}px, 0)`,
+    });
+  }
+
+  function handleNestedDrag(percentageDragged: number) {
+    if (percentageDragged < 0) return;
+    const initialDim = isVertical(placement)
+      ? window.innerHeight
+      : window.innerWidth;
+    const initialScale = (initialDim - NESTED_DISPLACEMENT) / initialDim;
+    const newScale = initialScale + percentageDragged * (1 - initialScale);
+    const newTranslate =
+      -NESTED_DISPLACEMENT + percentageDragged * NESTED_DISPLACEMENT;
+    set(drawerRef.current, {
+      transform: isVertical(placement)
+        ? `scale(${newScale}) translate3d(0, ${newTranslate}px, 0)`
+        : `scale(${newScale}) translate3d(${newTranslate}px, 0, 0)`,
+      transition: "none",
+    });
+  }
+
+  function handleNestedRelease(isOpen: boolean) {
+    const dim = isVertical(placement) ? window.innerHeight : window.innerWidth;
+    const scale = isOpen ? (dim - NESTED_DISPLACEMENT) / dim : 1;
+    const translate = isOpen ? -NESTED_DISPLACEMENT : 0;
+    if (isOpen) {
+      set(drawerRef.current, {
+        transition: `transform ${
+          TRANSITIONS.DURATION
+        }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+        transform: isVertical(placement)
+          ? `scale(${scale}) translate3d(0, ${translate}px, 0)`
+          : `scale(${scale}) translate3d(${translate}px, 0, 0)`,
+      });
+    }
+  }
+
+  // TODO: ADD LOGIC FOR INPUT KEYBOARD OPEN ON MOBILE
+
+  React.useEffect(() => {
+    function onVisualViewportChange() {
+      if (!drawerRef.current) return;
+      const focusedElement = document.activeElement as HTMLElement;
+      if (isInput(focusedElement) || keyboardIsOpen.current) {
+        const visualViewportHeight = window.visualViewport?.height || 0;
+        const diffFromInitial = window.innerHeight - visualViewportHeight;
+        const drawerHeight =
+          drawerRef.current.getBoundingClientRect().height || 0;
+        if (!initialDrawerHeight.current) {
+          initialDrawerHeight.current = drawerHeight;
+        }
+        const offsetFromTop = drawerRef.current.getBoundingClientRect().top;
+        if (Math.abs(previousDiffFromInitial.current - diffFromInitial) > 60) {
+          keyboardIsOpen.current = !keyboardIsOpen.current;
+        }
+        previousDiffFromInitial.current = diffFromInitial;
+        if (drawerHeight > visualViewportHeight || keyboardIsOpen.current) {
+          const height = drawerRef.current.getBoundingClientRect().height;
+          let newDrawerHeight = height;
+          if (height > visualViewportHeight) {
+            newDrawerHeight = visualViewportHeight - WINDOW_TOP_OFFSET;
+          }
+          drawerRef.current.style.height = `${Math.max(
+            newDrawerHeight,
+            visualViewportHeight - offsetFromTop
+          )}px`;
+        } else {
+          drawerRef.current.style.height = `${initialDrawerHeight.current}px`;
+        }
+        drawerRef.current.style.bottom = `${Math.max(diffFromInitial, 0)}px`;
+      }
+    }
+    window.visualViewport?.addEventListener("resize", onVisualViewportChange);
+    return () =>
+      window.visualViewport?.removeEventListener(
+        "resize",
+        onVisualViewportChange
+      );
+  }, []);
+
+  React.useEffect(() => {
+    if (state.isOpen) {
+      openDrawer();
+    } else {
+      if (!nested) {
+        resetBody(); // to ensure that always the body is reset.
+      }
+    }
+    return () => {
+      resetBody();
+    };
+  }, [state.isOpen]);
+
+  const rootProps = {
+    value: {
+      onNestedOpenChange: handleNestedOpenChange,
+      onNestedDrag: handleNestedDrag,
+      onNestedRelease: handleNestedRelease,
+    },
+  };
+
+  const drawerProps = {
+    ref: drawerRef,
+    "data-rac": "",
+    "data-drawer": "",
+    "data-placement": placement,
+    "data-open": state.isOpen || undefined,
+    onTransitionEnd: handleTransitionEnd,
+    onPointerUp,
+    onPointerDown,
+    onPointerMove,
+  };
+
+  const modalProps = {
+    isOpen: state.isOpen,
+    onOpenChange: handleOpenChange,
+    isExiting,
+  };
+
+  const backdropProps = { ref: backdropRef };
+
+  return {
+    rootProps,
+    modalProps,
+    drawerProps,
+    backdropProps,
+  };
+};
+
+export const MotionDrawerRoot = ({
+  children,
+  value,
+}: {
+  children: React.ReactNode;
+  value: DrawerInternalContextValue;
+}) => {
+  return (
+    <DrawerInternalContext.Provider value={value}>
+      {children}
+    </DrawerInternalContext.Provider>
+  );
+};
+
+interface DrawerInternalContextValue {
+  onNestedOpenChange: (isOpen: boolean) => void;
+  onNestedDrag: (percentageDragged: number) => void;
+  onNestedRelease: (isOpen: boolean) => void;
+}
+
+export const DrawerInternalContext =
+  React.createContext<DrawerInternalContextValue | null>(null);
+
+export const useDrawerInternalContext = () => {
+  const context = React.useContext(DrawerInternalContext);
+  return context;
+};
+
+// Constants
+
+const CLOSE_THRESHOLD = 0.25;
+const SCROLL_LOCK_TIMEOUT = 100;
+const BORDER_RADIUS = 8;
+const WINDOW_TOP_OFFSET = 26;
+const TRANSITIONS = {
+  DURATION: 0.5,
+  EASE: [0.32, 0.72, 0, 1],
+};
+const VELOCITY_THRESHOLD = 0.4;
+const NESTED_DISPLACEMENT = 16;
+
+// Types
+
+type DrawerPlacement = "top" | "bottom" | "left" | "right";
+
+// Helpers
+
+type Style = Record<string, string>;
+
+const cache = new WeakMap();
+
+export function isInView(el: HTMLElement): boolean {
+  const rect = el.getBoundingClientRect();
+
+  if (!window.visualViewport) return false;
+
+  return (
+    rect.top >= 0 &&
+    rect.left >= 0 &&
+    // Need + 40 for safari detection
+    rect.bottom <= window.visualViewport.height - 40 &&
+    rect.right <= window.visualViewport.width
+  );
+}
+
+export function set(
+  el: Element | HTMLElement | null | undefined,
+  styles: Style,
+  ignoreCache = false
+) {
+  if (!el || !(el instanceof HTMLElement)) return;
+  const originalStyles: Style = {};
+
+  Object.entries(styles).forEach(([key, value]: [string, string]) => {
+    if (key.startsWith("--")) {
+      el.style.setProperty(key, value);
+      return;
+    }
+
+    originalStyles[key] = (el.style as any)[key];
+    (el.style as any)[key] = value;
+  });
+
+  if (ignoreCache) return;
+
+  cache.set(el, originalStyles);
+}
+
+export function reset(el: Element | HTMLElement | null, prop?: string) {
+  if (!el || !(el instanceof HTMLElement)) return;
+  const originalStyles = cache.get(el);
+
+  if (!originalStyles) {
+    return;
+  }
+
+  if (prop) {
+    (el.style as any)[prop] = originalStyles[prop];
+  } else {
+    Object.entries(originalStyles).forEach(([key, value]) => {
+      (el.style as any)[key] = value;
+    });
+  }
+}
+
+export const isVertical = (placement: DrawerPlacement) => {
+  switch (placement) {
+    case "top":
+    case "bottom":
+      return true;
+    case "left":
+    case "right":
+      return false;
+    default:
+      return placement satisfies never;
+  }
+};
+
+export function getTranslate(
+  element: HTMLElement,
+  placement: DrawerPlacement
+): number | null {
+  if (!element) {
+    return null;
+  }
+  const style = window.getComputedStyle(element);
+  const transform =
+    // @ts-ignore
+    style.transform || style.webkitTransform || style.mozTransform;
+  let mat = transform.match(/^matrix3d\((.+)\)$/);
+  if (mat) {
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix3d
+    return parseFloat(mat[1].split(", ")[isVertical(placement) ? 13 : 12]);
+  }
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix
+  mat = transform.match(/^matrix\((.+)\)$/);
+  return mat
+    ? parseFloat(mat[1].split(", ")[isVertical(placement) ? 5 : 4])
+    : null;
+}
+
+export function dampenValue(v: number) {
+  return 8 * (Math.log(v + 1) - 2);
+}
+
+// Additional helpers
+
+function testPlatform(re: RegExp): boolean | undefined {
+  return window?.navigator != null
+    ? re.test(window.navigator.platform)
+    : undefined;
+}
+
+function isMac(): boolean | undefined {
+  return testPlatform(/^Mac/);
+}
+
+function isIPhone(): boolean | undefined {
+  return testPlatform(/^iPhone/);
+}
+
+function isIPad(): boolean | undefined {
+  return (
+    testPlatform(/^iPad/) ||
+    // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+    (isMac() && navigator.maxTouchPoints > 1)
+  );
+}
+
+function isIOS(): boolean | undefined {
+  return isIPhone() || isIPad();
+}
+
+const nonTextInputTypes = new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset",
+]);
+function isInput(target: Element) {
+  return (
+    (target instanceof HTMLInputElement &&
+      !nonTextInputTypes.has(target.type)) ||
+    target instanceof HTMLTextAreaElement ||
+    (target instanceof HTMLElement && target.isContentEditable)
+  );
+}
diff --git a/www/src/registry/core.ts b/www/src/registry/core.ts
index c9c41198e..de1b591c3 100644
--- a/www/src/registry/core.ts
+++ b/www/src/registry/core.ts
@@ -15,7 +15,7 @@ export const core: Registry = [
     type: "registry:core",
     files: [
       {
-        path: "core/alert/alert-01.tsx",
+        path: "core/alert-01.tsx",
         type: "registry:core",
         target: "core/alert.tsx",
       },
@@ -24,9 +24,18 @@ export const core: Registry = [
   {
     name: "avatar",
     type: "registry:core",
+    variants: [
+      {
+        name: "avatar-01",
+      },
+    ],
+  },
+  {
+    name: "avatar-01",
+    type: "registry:core",
     files: [
       {
-        path: "core/avatar/avatar.tsx",
+        path: "core/avatar-01.tsx",
         type: "registry:core",
         target: "core/avatar.tsx",
       },
@@ -35,9 +44,18 @@ export const core: Registry = [
   {
     name: "badge",
     type: "registry:core",
+    variants: [
+      {
+        name: "badge-01",
+      },
+    ],
+  },
+  {
+    name: "badge-01",
+    type: "registry:core",
     files: [
       {
-        path: "core/badge/badge.tsx",
+        path: "core/badge-01.tsx",
         type: "registry:core",
         target: "core/badge.tsx",
       },
@@ -46,10 +64,19 @@ export const core: Registry = [
   {
     name: "breadcrumbs",
     type: "registry:core",
+    variants: [
+      {
+        name: "breadcrumbs-01",
+      },
+    ],
+  },
+  {
+    name: "breadcrumbs-01",
+    type: "registry:core",
     dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/breadcrumbs/breadcrumbs.tsx",
+        path: "core/breadcrumbs-01.tsx",
         type: "registry:core",
         target: "core/breadcrumbs.tsx",
       },
@@ -94,11 +121,23 @@ export const core: Registry = [
   {
     name: "calendar",
     type: "registry:core",
+    variants: [
+      {
+        name: "calendar-01",
+      },
+      {
+        name: "calendar-02",
+      },
+    ],
+  },
+  {
+    name: "calendar-01",
+    type: "registry:core",
     dependencies: ["react-aria-components"],
     registryDependencies: ["button", "heading", "text"],
     files: [
       {
-        path: "core/calendar/calendar.tsx",
+        path: "core/calendar-01.tsx",
         type: "registry:core",
         target: "core/calendar.tsx",
       },
@@ -107,10 +146,19 @@ export const core: Registry = [
   {
     name: "checkbox",
     type: "registry:core",
+    variants: [
+      {
+        name: "checkbox-01",
+      },
+    ],
+  },
+  {
+    name: "checkbox-01",
+    type: "registry:core",
     dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/checkbox/checkbox.tsx",
+        path: "core/checkbox-01.tsx",
         type: "registry:core",
         target: "core/checkbox.tsx",
       },
@@ -119,11 +167,20 @@ export const core: Registry = [
   {
     name: "checkbox-group",
     type: "registry:core",
+    variants: [
+      {
+        name: "checkbox-group-01",
+      },
+    ],
+  },
+  {
+    name: "checkbox-group-01",
+    type: "registry:core",
     dependencies: ["react-aria-components"],
     registryDependencies: ["checkbox"],
     files: [
       {
-        path: "core/checkbox-group/checkbox-group.tsx",
+        path: "core/checkbox-group-01.tsx",
         type: "registry:core",
         target: "core/checkbox-group.tsx",
       },
@@ -132,11 +189,20 @@ export const core: Registry = [
   {
     name: "color-area",
     type: "registry:core",
+    variants: [
+      {
+        name: "color-area-01",
+      },
+    ],
+  },
+  {
+    name: "color-area-01",
+    type: "registry:core",
     dependencies: ["react-aria-components"],
     registryDependencies: ["color-thumb"],
     files: [
       {
-        path: "core/color-area/color-area.tsx",
+        path: "core/color-area-01.tsx",
         type: "registry:core",
         target: "core/color-area.tsx",
       },
@@ -145,11 +211,20 @@ export const core: Registry = [
   {
     name: "color-field",
     type: "registry:core",
+    variants: [
+      {
+        name: "color-field-01",
+      },
+    ],
+  },
+  {
+    name: "color-field-01",
+    type: "registry:core",
     dependencies: ["react-aria-components"],
     registryDependencies: ["field", "input"],
     files: [
       {
-        path: "core/color-field/color-field.tsx",
+        path: "core/color-field/color-field-01.tsx",
         type: "registry:core",
         target: "core/color-field.tsx",
       },

From 5188a7f0dae4539c1c27cd9633345b17e2379f1f Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 7 Dec 2024 17:34:48 +0100
Subject: [PATCH 023/165] chore: we're getting there

---
 www/scripts/build-internal-registry.ts        | 137 ++++-
 www/src/__registry__/.autogenerated           |   1 +
 www/src/__registry__/core/alert-01.tsx        |  13 +-
 www/src/__registry__/core/breadcrumbs-01.tsx  |   2 +-
 www/src/__registry__/core/button-01.tsx       |   4 +-
 www/src/__registry__/core/button-02.tsx       |   4 +-
 www/src/__registry__/core/calendar-01.tsx     |   8 +-
 www/src/__registry__/core/calendar-02.tsx     |   8 +-
 www/src/__registry__/core/checkbox-01.tsx     |   2 +-
 .../__registry__/core/checkbox-group-01.tsx   |   4 +-
 www/src/__registry__/core/color-field-01.tsx  |   4 +-
 www/src/__registry__/core/color-picker-01.tsx |  10 +-
 www/src/__registry__/core/color-slider-01.tsx |   2 +-
 www/src/__registry__/core/combobox-01.tsx     |  10 +-
 www/src/__registry__/core/command-01.tsx      |   2 +-
 .../__registry__/core/contextual-help-01.tsx  |   8 +-
 www/src/__registry__/core/date-field-01.tsx   |   4 +-
 www/src/__registry__/core/date-picker-01.tsx  |  12 +-
 .../core/date-range-picker-01.tsx             |  10 +-
 www/src/__registry__/core/dialog-01.tsx       |   6 +-
 www/src/__registry__/core/field-01.tsx        |   2 +-
 www/src/__registry__/core/input-01.tsx        |   6 +-
 www/src/__registry__/core/list-box-01.tsx     |   6 +-
 www/src/__registry__/core/menu-01.tsx         |   8 +-
 www/src/__registry__/core/number-field-01.tsx |   8 +-
 www/src/__registry__/core/overlay-01.tsx      |   4 +-
 www/src/__registry__/core/progress-01.tsx     |   2 +-
 www/src/__registry__/core/radio-group-01.tsx  |   2 +-
 .../__registry__/core/range-calendar-01.tsx   |  10 +-
 www/src/__registry__/core/search-field-01.tsx |   8 +-
 www/src/__registry__/core/select-01.tsx       |   8 +-
 www/src/__registry__/core/slider-01.tsx       |   2 +-
 www/src/__registry__/core/tag-group-01.tsx    |   4 +-
 www/src/__registry__/core/text-area-01.tsx    |  12 +-
 www/src/__registry__/core/text-field-01.tsx   |   4 +-
 www/src/__registry__/core/time-field-01.tsx   |   4 +-
 .../index.tsx => __registry__/demos.tsx}      |  16 +-
 www/src/__registry__/dynamic-core/button.tsx  |   3 +
 www/src/__registry__/dynamic-core/index.ts    |  14 +
 www/src/__registry__/icons/index.tsx          |  50 ++
 www/src/__registry__/icons/registry.ts        | 535 ++++++++++++++++++
 www/src/components/component-preview.tsx      |   2 +-
 www/src/components/component-source.tsx       |   2 +-
 www/src/hooks/use-themes.ts                   |   1 +
 www/src/lib/create-icon.tsx                   |  24 +
 www/src/lib/dynamic-component-loader.ts       |   0
 www/src/registry/core.ts                      |   4 +
 www/src/registry/core/alert-01.tsx            |  13 +-
 www/src/registry/core/breadcrumbs-01.tsx      |   2 +-
 www/src/registry/core/button-01.tsx           |   4 +-
 www/src/registry/core/button-02.tsx           |   6 +-
 www/src/registry/core/calendar-01.tsx         |   2 +-
 www/src/registry/core/calendar-02.tsx         |   2 +-
 www/src/registry/core/checkbox-01.tsx         |   2 +-
 www/src/registry/core/combobox-01.tsx         |   2 +-
 www/src/registry/core/command-01.tsx          |   2 +-
 www/src/registry/core/contextual-help-01.tsx  |   4 +-
 www/src/registry/core/date-picker-01.tsx      |   2 +-
 .../registry/core/date-range-picker-01.tsx    |   2 +-
 www/src/registry/core/field-01.tsx            |   2 +-
 www/src/registry/core/input-01.tsx            |   6 +-
 www/src/registry/core/list-box-01.tsx         |   4 +-
 www/src/registry/core/menu-01.tsx             |   2 +-
 www/src/registry/core/number-field-01.tsx     |  12 +-
 www/src/registry/core/overlay-01.tsx          |   2 +-
 www/src/registry/core/range-calendar-01.tsx   |   2 +-
 www/src/registry/core/search-field-01.tsx     |   2 +-
 www/src/registry/core/select-01.tsx           |   2 +-
 www/src/registry/demos/alert/composition.tsx  |   2 +-
 www/src/registry/demos/alert/custom-icon.tsx  |   2 +-
 www/src/registry/demos/avatar/composition.tsx |   4 +-
 www/src/registry/demos/badge/icon.tsx         |   2 +-
 .../demos/breadcrumbs/composition.tsx         |   8 +-
 www/src/registry/demos/breadcrumbs/icon.tsx   |   2 +-
 www/src/registry/demos/button/link-button.tsx |   2 +-
 .../demos/button/prefix-and-suffix.tsx        |   2 +-
 www/src/registry/demos/button/shapes.tsx      |   2 +-
 .../registry/demos/calendar/composition.tsx   |   2 +-
 .../demos/color-field/prefix-and-suffix.tsx   |   2 +-
 .../demos/date-field/prefix-and-suffix.tsx    |   2 +-
 .../demos/date-picker/composition.tsx         |   2 +-
 www/src/registry/demos/date-picker/prefix.tsx |   2 +-
 .../demos/date-range-picker/composition.tsx   |   2 +-
 .../demos/date-range-picker/prefix.tsx        |   2 +-
 www/src/registry/demos/dialog/popover.tsx     |   2 +-
 www/src/registry/demos/drop-zone/default.tsx  |   2 +-
 www/src/registry/demos/drop-zone/disabled.tsx |   2 +-
 .../registry/demos/drop-zone/file-trigger.tsx |   2 +-
 www/src/registry/demos/drop-zone/label.tsx    |   2 +-
 .../registry/demos/file-trigger/default.tsx   |   2 +-
 .../file-trigger/directory-selection.tsx      |   2 +-
 .../demos/file-trigger/file-types.tsx         |   2 +-
 .../demos/file-trigger/media-capture.tsx      |   2 +-
 .../demos/file-trigger/multiple-files.tsx     |   2 +-
 www/src/registry/demos/link/icon.tsx          |   2 +-
 .../demos/list-box/prefix-and-suffix.tsx      |   2 +-
 www/src/registry/demos/menu/basic.tsx         |   2 +-
 www/src/registry/demos/menu/composition.tsx   |   2 +-
 www/src/registry/demos/menu/controlled.tsx    |   2 +-
 .../registry/demos/menu/disabled-items.tsx    |   2 +-
 www/src/registry/demos/menu/item-variant.tsx  |   2 +-
 .../demos/menu/label-and-description.tsx      |   2 +-
 www/src/registry/demos/menu/long-press.tsx    |   2 +-
 www/src/registry/demos/menu/overlay-type.tsx  |   2 +-
 www/src/registry/demos/menu/placement.tsx     |   2 +-
 .../registry/demos/menu/prefix-and-suffix.tsx |   7 +-
 www/src/registry/demos/menu/section.tsx       |   2 +-
 www/src/registry/demos/menu/shortcut.tsx      |   2 +-
 www/src/registry/demos/menu/submenus.tsx      |   2 +-
 .../demos/number-field/composition.tsx        |   2 +-
 www/src/registry/demos/progress/duration.tsx  |   2 +-
 www/src/registry/demos/progress/toolbar.tsx   |   2 +-
 .../demos/range-calendar/composition.tsx      |   2 +-
 .../demos/search-field/composition.tsx        |   2 +-
 .../demos/search-field/prefix-and-suffix.tsx  |   2 +-
 www/src/registry/demos/select/composition.tsx |   2 +-
 .../demos/slider/advanced-composition.tsx     |   2 +-
 .../demos/text-area/prefix-and-suffix.tsx     |   2 +-
 .../demos/text-field/prefix-and-suffix.tsx    |   2 +-
 .../demos/time-field/prefix-and-suffix.tsx    |   2 +-
 .../demos/toggle-button/controlled.tsx        |   2 +-
 .../registry/demos/toggle-button/default.tsx  |   2 +-
 .../registry/demos/toggle-button/disabled.tsx |   2 +-
 .../registry/demos/toggle-button/shapes.tsx   |   2 +-
 .../registry/demos/toggle-button/sizes.tsx    |   2 +-
 .../demos/toggle-button/uncontrolled.tsx      |   2 +-
 .../registry/demos/toggle-button/variants.tsx |   2 +-
 www/src/registry/demos/tooltip/arrow.tsx      |   2 +-
 .../demos/tooltip/container-padding.tsx       |   2 +-
 www/src/registry/demos/tooltip/default.tsx    |   2 +-
 www/src/registry/demos/tooltip/delay.tsx      |   2 +-
 www/src/registry/demos/tooltip/flip.tsx       |   2 +-
 www/src/registry/demos/tooltip/offset.tsx     |   2 +-
 www/src/registry/demos/tooltip/placement.tsx  |   2 +-
 www/src/registry/demos/tooltip/with-arrow.tsx |   2 +-
 www/src/registry/icons.ts                     |  51 +-
 www/src/registry/types.ts                     |  45 +-
 www/src/types/theme.ts                        |   2 +-
 138 files changed, 1032 insertions(+), 282 deletions(-)
 create mode 100644 www/src/__registry__/.autogenerated
 rename www/src/{__demos__/index.tsx => __registry__/demos.tsx} (99%)
 create mode 100644 www/src/__registry__/dynamic-core/button.tsx
 create mode 100644 www/src/__registry__/dynamic-core/index.ts
 create mode 100644 www/src/__registry__/icons/index.tsx
 create mode 100644 www/src/__registry__/icons/registry.ts
 create mode 100644 www/src/lib/create-icon.tsx
 create mode 100644 www/src/lib/dynamic-component-loader.ts

diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
index 189964f94..8dccf316c 100644
--- a/www/scripts/build-internal-registry.ts
+++ b/www/scripts/build-internal-registry.ts
@@ -1,6 +1,10 @@
 import { existsSync, promises as fs } from "node:fs";
 import path from "node:path";
 import { rimraf } from "rimraf";
+import { core } from "@/registry/core";
+import { demos } from "@/registry/demos";
+import { iconLibraries, icons } from "@/registry/icons";
+import { RegistryItem } from "@/registry/types";
 
 const INTERNAL_REGISTRY_PATH = path.join(process.cwd(), "src/__registry__");
 const SOURCE_REGISTRY_PATH = path.join(process.cwd(), "src/registry");
@@ -8,12 +12,114 @@ const SOURCE_REGISTRY_PATH = path.join(process.cwd(), "src/registry");
 // ----------------------------------------------------------------------------
 //
 // ----------------------------------------------------------------------------
-async function buildRegistryDirectory() {
+async function setup() {
   const targetPath = INTERNAL_REGISTRY_PATH;
   rimraf.sync(targetPath);
   if (!existsSync(targetPath)) {
     await fs.mkdir(targetPath, { recursive: true });
   }
+  const autogeneratedFilePath = path.join(targetPath, ".autogenerated");
+  await fs.writeFile(
+    autogeneratedFilePath,
+    "This directory is autogenerated. Do not edit its contents directly.",
+    "utf8"
+  );
+}
+
+// ----------------------------------------------------------------------------
+//
+// ----------------------------------------------------------------------------
+async function buildDemos() {
+  const targetPath = INTERNAL_REGISTRY_PATH;
+
+  let index = `// This file is autogenerated by scripts/build-internal-registry.ts
+  // Do not edit this file directly.
+  import * as React from "react"
+  
+  export const Index: Record<string, any> = {
+  `;
+
+  index += `  core: {`;
+
+  for (const item of demos) {
+    const demoPath = item.files[0];
+    index += `
+    "${item.name}": {
+      name: "${item.name}",
+      files: ["${demoPath}"],
+      component: React.lazy(() => import("@/${demoPath.replace(".tsx", "")}")),
+    },`;
+  }
+
+  index += `
+  },`;
+
+  index += `
+}
+`;
+  rimraf.sync(path.join(targetPath, "demos.tsx"));
+  await fs.writeFile(path.join(targetPath, "demos.tsx"), index, "utf8");
+}
+
+// ----------------------------------------------------------------------------
+//
+// ----------------------------------------------------------------------------
+type IconLibrary = keyof typeof iconLibraries;
+
+async function buildIcons() {
+  const targetPath = path.join(INTERNAL_REGISTRY_PATH, "icons");
+  let index = `// @ts-nocheck
+  // This file is autogenerated by scripts/build-internal-registry.ts
+  // Do not edit this file directly.
+  import * as React from "react"
+  
+  export const Icons = {
+  `;
+
+  for (const [icon, libraries] of Object.entries(icons)) {
+    index += `  "${icon}": {`;
+    for (const [library, componentName] of Object.entries(libraries)) {
+      const packageName = iconLibraries[library as IconLibrary].package;
+      if (packageName) {
+        index += `
+  ${library}: React.lazy(() => import("${packageName}").then(mod => ({
+    default: mod.${componentName}
+  }))),`;
+      }
+    }
+    index += `
+},`;
+  }
+  index += `
+}
+`;
+
+  rimraf.sync(targetPath);
+  if (!existsSync(targetPath)) {
+    await fs.mkdir(targetPath, { recursive: true });
+  }
+
+  await fs.writeFile(path.join(targetPath, "registry.ts"), index, "utf8");
+
+  // Build __icons__/index.tsx
+  let iconsIndexContent = `"use client";
+  
+// This file is autogenerated by scripts/build-registry.ts
+// Do not edit this file directly.
+
+import { createIcon } from "@/lib/create-icon";
+
+`;
+
+  for (const [iconName] of Object.entries(icons)) {
+    iconsIndexContent += `export const ${iconName} = createIcon("${iconName}");\n`;
+  }
+
+  await fs.writeFile(
+    path.join(targetPath, "index.tsx"),
+    iconsIndexContent,
+    "utf8"
+  );
 }
 
 // ----------------------------------------------------------------------------
@@ -27,6 +133,7 @@ async function buildCoreComponents() {
     await fs.mkdir(targetPath, { recursive: true });
   }
 
+  // build __registry__/core
   const files = await fs.readdir(sourcePath);
   for (const file of files) {
     const sourceFilePath = path.join(sourcePath, file);
@@ -37,14 +144,38 @@ async function buildCoreComponents() {
     // transform icons import
     content = content.replace(/lucide-react/g, "@/__registry__/icons");
     // transform registryDependencies import
-    content = content.replace(/@\/registry\/core\/([a-zA-Z]+)-\d+/g, '@/__registry__/core/$1');
+    // content = content.replace(
+    //   /@\/registry\/core\/([a-zA-Z]+)-\d+/g,
+    //   "@/__registry__/core/$1"
+    // );
     await fs.writeFile(targetFilePath, content);
   }
+
+  // build __registry__/dynamic-core/index.ts
+  let index = `// This file is autogenerated by scripts/build-internal-registry.ts
+  // Do not edit this file directly.
+  import * as React from "react"
+  
+  export const Components = {`;
+
+  for (const item of core) {
+    if (hasVariants(item)) {
+    } else {
+    }
+  }
+}
+
+function hasVariants(
+  item: RegistryItem
+): item is Extract<RegistryItem, { variants: unknown }> {
+  return "variants" in item;
 }
 
 async function run() {
   try {
-    await buildRegistryDirectory();
+    await setup();
+    await buildDemos();
+    await buildIcons();
     await buildCoreComponents();
     console.log("✅ Done!");
   } catch (error) {
diff --git a/www/src/__registry__/.autogenerated b/www/src/__registry__/.autogenerated
new file mode 100644
index 000000000..d4e66faaa
--- /dev/null
+++ b/www/src/__registry__/.autogenerated
@@ -0,0 +1 @@
+This directory is autogenerated. Do not edit its contents directly.
\ No newline at end of file
diff --git a/www/src/__registry__/core/alert-01.tsx b/www/src/__registry__/core/alert-01.tsx
index 90761a1a6..7b3828b86 100644
--- a/www/src/__registry__/core/alert-01.tsx
+++ b/www/src/__registry__/core/alert-01.tsx
@@ -1,6 +1,11 @@
 import * as React from "react";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DangerIcon, InfoIcon, SuccessIcon, WarningIcon } from "@/__icons__";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "@/__registry__/icons";
 
 const alertStyles = tv({
   slots: {
@@ -47,9 +52,9 @@ const alertStyles = tv({
 
 const icons = {
   default: <InfoIcon />,
-  success: <SuccessIcon />,
-  warning: <WarningIcon />,
-  danger: <DangerIcon />,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
   info: <InfoIcon />,
 };
 interface AlertProps extends AlertRootProps {
diff --git a/www/src/__registry__/core/breadcrumbs-01.tsx b/www/src/__registry__/core/breadcrumbs-01.tsx
index 72f2c137d..8834e905a 100644
--- a/www/src/__registry__/core/breadcrumbs-01.tsx
+++ b/www/src/__registry__/core/breadcrumbs-01.tsx
@@ -10,7 +10,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ChevronRightIcon } from "@/__icons__";
+import { ChevronRightIcon } from "@/__registry__/icons";
 
 const breadcrumbsStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/button-01.tsx b/www/src/__registry__/core/button-01.tsx
index 580eced1a..63a632f33 100644
--- a/www/src/__registry__/core/button-01.tsx
+++ b/www/src/__registry__/core/button-01.tsx
@@ -10,7 +10,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { LoaderIcon } from "@/__icons__";
+import { Loader2Icon } from "@/__registry__/icons";
 
 const buttonStyles = tv(
   {
@@ -102,7 +102,7 @@ const Button = React.forwardRef(
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
             {isPending && (
-              <LoaderIcon aria-label="loading" className="animate-spin" />
+              <Loader2Icon aria-label="loading" className="animate-spin" />
             )}
             {prefix}
             {typeof children === "string" ? (
diff --git a/www/src/__registry__/core/button-02.tsx b/www/src/__registry__/core/button-02.tsx
index 96dd0dd2a..76628b15f 100644
--- a/www/src/__registry__/core/button-02.tsx
+++ b/www/src/__registry__/core/button-02.tsx
@@ -10,7 +10,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { LoaderIcon } from "@/__icons__";
+import { Loader2Icon } from "@/__registry__/icons";
 
 const buttonStyles = tv(
   {
@@ -102,7 +102,7 @@ const Button = React.forwardRef(
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
             {isPending && (
-              <LoaderIcon aria-label="loading" className="animate-spin" />
+              <Loader2Icon aria-label="loading" className="animate-spin" />
             )}
             {prefix}
             {typeof children === "string" ? (
diff --git a/www/src/__registry__/core/calendar-01.tsx b/www/src/__registry__/core/calendar-01.tsx
index ba582f59e..b3174e384 100644
--- a/www/src/__registry__/core/calendar-01.tsx
+++ b/www/src/__registry__/core/calendar-01.tsx
@@ -20,10 +20,10 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-import { Button, buttonStyles } from "@/__registry__/core/button";
-import { Heading } from "@/__registry__/core/heading";
-import { Text } from "@/__registry__/core/text";
+import { Button, buttonStyles } from "@/registry/core/button-01";
+import { Heading } from "@/registry/core/heading-01";
+import { Text } from "@/registry/core/text-01";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__registry__/icons";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/calendar-02.tsx b/www/src/__registry__/core/calendar-02.tsx
index bacd2bd6c..dfa46953c 100644
--- a/www/src/__registry__/core/calendar-02.tsx
+++ b/www/src/__registry__/core/calendar-02.tsx
@@ -20,10 +20,10 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-import { Button, buttonStyles } from "@/__registry__/core/button";
-import { Heading } from "@/__registry__/core/heading";
-import { Text } from "@/__registry__/core/text";
+import { Button, buttonStyles } from "@/registry/core/button-01";
+import { Heading } from "@/registry/core/heading-01";
+import { Text } from "@/registry/core/text-01";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__registry__/icons";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/checkbox-01.tsx b/www/src/__registry__/core/checkbox-01.tsx
index 038f4af53..233933857 100644
--- a/www/src/__registry__/core/checkbox-01.tsx
+++ b/www/src/__registry__/core/checkbox-01.tsx
@@ -8,7 +8,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
-import { CheckIcon, MinusIcon } from "@/__icons__";
+import { CheckIcon, MinusIcon } from "@/__registry__/icons";
 
 const checkboxStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/checkbox-group-01.tsx b/www/src/__registry__/core/checkbox-group-01.tsx
index 898cde2f4..4439edaec 100644
--- a/www/src/__registry__/core/checkbox-group-01.tsx
+++ b/www/src/__registry__/core/checkbox-group-01.tsx
@@ -7,8 +7,8 @@ import {
   type CheckboxGroupProps as AriaCheckboxGroupProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxContext } from "@/__registry__/core/checkbox";
-import { Field, type FieldProps } from "@/__registry__/core/field";
+import { CheckboxContext } from "@/registry/core/checkbox-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
 
 const checkboxGroupStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/color-field-01.tsx b/www/src/__registry__/core/color-field-01.tsx
index c2f77cd3a..cd5ceea09 100644
--- a/www/src/__registry__/core/color-field-01.tsx
+++ b/www/src/__registry__/core/color-field-01.tsx
@@ -6,8 +6,8 @@ import {
   type ColorFieldProps as AriaColorFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/__registry__/core/field";
-import { InputRoot, Input, type inputStyles } from "@/__registry__/core/input";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
 
 const colorFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/__registry__/core/color-picker-01.tsx b/www/src/__registry__/core/color-picker-01.tsx
index 044d5f9c4..0a5654765 100644
--- a/www/src/__registry__/core/color-picker-01.tsx
+++ b/www/src/__registry__/core/color-picker-01.tsx
@@ -8,19 +8,15 @@ import {
   type ColorSpace,
   composeRenderProps,
 } from "react-aria-components";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { ColorArea } from "@/registry/core/color-area-01";
 import { ColorField } from "@/registry/core/color-field-01";
 import { ColorSlider } from "@/registry/core/color-slider-01";
 import { ColorSwatch } from "@/registry/core/color-swatch-01";
+import { Dialog, DialogRoot, DialogRootProps } from "@/registry/core/dialog-01";
 import { Item } from "@/registry/core/list-box-01";
+import { Select } from "@/registry/core/select-01";
 import { cn } from "@/registry/lib/cn";
-import { Button, type ButtonProps } from "@/__registry__/core/button";
-import {
-  Dialog,
-  DialogRoot,
-  DialogRootProps,
-} from "@/__registry__/core/dialog";
-import { Select } from "@/__registry__/core/select";
 
 type ColorPickerProps = ColorPickerRootProps &
   Omit<ButtonProps, "children"> &
diff --git a/www/src/__registry__/core/color-slider-01.tsx b/www/src/__registry__/core/color-slider-01.tsx
index 3cab8d400..d316027ae 100644
--- a/www/src/__registry__/core/color-slider-01.tsx
+++ b/www/src/__registry__/core/color-slider-01.tsx
@@ -11,8 +11,8 @@ import {
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { ColorThumb } from "@/registry/core/color-thumb-01";
+import { Label } from "@/registry/core/field-01";
 import { cn } from "@/registry/lib/cn";
-import { Label } from "@/__registry__/core/field";
 
 const colorSliderStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/combobox-01.tsx b/www/src/__registry__/core/combobox-01.tsx
index ecbd956b3..502dcfb97 100644
--- a/www/src/__registry__/core/combobox-01.tsx
+++ b/www/src/__registry__/core/combobox-01.tsx
@@ -6,12 +6,12 @@ import {
   type ComboBoxProps as AriaComboboxProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
+import { Button } from "@/registry/core/button-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { Input, InputRoot } from "@/registry/core/input-01";
 import { ListBox } from "@/registry/core/list-box-01";
-import { ChevronDownIcon } from "@/__icons__";
-import { Button } from "@/__registry__/core/button";
-import { Field, type FieldProps } from "@/__registry__/core/field";
-import { Input, InputRoot } from "@/__registry__/core/input";
-import { Overlay } from "@/__registry__/core/overlay";
+import { Overlay } from "@/registry/core/overlay-01";
+import { ChevronDownIcon } from "@/__registry__/icons";
 
 const comboboxStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/command-01.tsx b/www/src/__registry__/core/command-01.tsx
index 7ee770007..a2126eaa6 100644
--- a/www/src/__registry__/core/command-01.tsx
+++ b/www/src/__registry__/core/command-01.tsx
@@ -3,7 +3,7 @@
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { cn } from "@/registry/lib/cn";
-import { SearchIcon } from "@/__icons__";
+import { SearchIcon } from "@/__registry__/icons";
 
 type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
 const CommandRoot = React.forwardRef<
diff --git a/www/src/__registry__/core/contextual-help-01.tsx b/www/src/__registry__/core/contextual-help-01.tsx
index 410ef4446..51d2c21bf 100644
--- a/www/src/__registry__/core/contextual-help-01.tsx
+++ b/www/src/__registry__/core/contextual-help-01.tsx
@@ -1,6 +1,6 @@
-import { InfoIcon, HelpIcon } from "@/__icons__";
-import { Button } from "@/__registry__/core/button";
-import { DialogRoot, Dialog } from "@/__registry__/core/dialog";
+import { Button } from "@/registry/core/button-01";
+import { DialogRoot, Dialog } from "@/registry/core/dialog-01";
+import { InfoIcon, HelpCircleIcon } from "@/__registry__/icons";
 
 interface ContextualHelpProps {
   title?: string;
@@ -13,7 +13,7 @@ const ContextualHelp = ({
   description,
   variant,
 }: ContextualHelpProps) => {
-  const icon = variant === "info" ? <InfoIcon /> : <HelpIcon />;
+  const icon = variant === "info" ? <InfoIcon /> : <HelpCircleIcon />;
   return (
     <DialogRoot>
       <Button
diff --git a/www/src/__registry__/core/date-field-01.tsx b/www/src/__registry__/core/date-field-01.tsx
index ccea03faa..3239bb092 100644
--- a/www/src/__registry__/core/date-field-01.tsx
+++ b/www/src/__registry__/core/date-field-01.tsx
@@ -8,12 +8,12 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { Field, type FieldProps } from "@/__registry__/core/field";
+import { Field, type FieldProps } from "@/registry/core/field-01";
 import {
   InputRoot,
   type InputRootProps,
   type inputStyles,
-} from "@/__registry__/core/input";
+} from "@/registry/core/input-01";
 
 const dateFieldStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/date-picker-01.tsx b/www/src/__registry__/core/date-picker-01.tsx
index a68b64cdf..4e5697980 100644
--- a/www/src/__registry__/core/date-picker-01.tsx
+++ b/www/src/__registry__/core/date-picker-01.tsx
@@ -7,13 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/core/button-01";
+import { Calendar } from "@/registry/core/calendar-01";
 import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { CalendarIcon } from "@/__icons__";
-import { Button } from "@/__registry__/core/button";
-import { Calendar } from "@/__registry__/core/calendar";
-import { Dialog } from "@/__registry__/core/dialog";
-import { Field, fieldStyles, type FieldProps } from "@/__registry__/core/field";
-import { InputRoot, type inputStyles } from "@/__registry__/core/input";
+import { Dialog } from "@/registry/core/dialog-01";
+import { Field, fieldStyles, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, type inputStyles } from "@/registry/core/input-01";
+import { CalendarIcon } from "@/__registry__/icons";
 
 interface DatePickerProps<T extends DateValue>
   extends DatePickerRootProps<T>,
diff --git a/www/src/__registry__/core/date-range-picker-01.tsx b/www/src/__registry__/core/date-range-picker-01.tsx
index b3b2fe0d3..d81807a85 100644
--- a/www/src/__registry__/core/date-range-picker-01.tsx
+++ b/www/src/__registry__/core/date-range-picker-01.tsx
@@ -7,13 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/core/button-01";
 import { DateInput, DateSegment } from "@/registry/core/date-input-01";
+import { Dialog } from "@/registry/core/dialog-01";
+import { Field, type FieldProps, fieldStyles } from "@/registry/core/field-01";
+import { InputRoot, type inputStyles } from "@/registry/core/input-01";
 import { RangeCalendar } from "@/registry/core/range-calendar-01";
-import { CalendarIcon } from "@/__icons__";
-import { Button } from "@/__registry__/core/button";
-import { Dialog } from "@/__registry__/core/dialog";
-import { Field, type FieldProps, fieldStyles } from "@/__registry__/core/field";
-import { InputRoot, type inputStyles } from "@/__registry__/core/input";
+import { CalendarIcon } from "@/__registry__/icons";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
diff --git a/www/src/__registry__/core/dialog-01.tsx b/www/src/__registry__/core/dialog-01.tsx
index cbd382e62..82f9a1e30 100644
--- a/www/src/__registry__/core/dialog-01.tsx
+++ b/www/src/__registry__/core/dialog-01.tsx
@@ -13,9 +13,9 @@ import {
 } from "react-aria-components";
 import { Provider } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Heading } from "@/__registry__/core/heading";
-import { Overlay, type OverlayProps } from "@/__registry__/core/overlay";
-import { Text } from "@/__registry__/core/text";
+import { Heading } from "@/registry/core/heading-01";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay-01";
+import { Text } from "@/registry/core/text-01";
 
 const dialogStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/field-01.tsx b/www/src/__registry__/core/field-01.tsx
index 949ea729a..bb708ebf1 100644
--- a/www/src/__registry__/core/field-01.tsx
+++ b/www/src/__registry__/core/field-01.tsx
@@ -11,7 +11,7 @@ import {
   type FieldErrorProps as AriaFieldErrorProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { AsteriskIcon } from "@/__icons__";
+import { AsteriskIcon } from "@/__registry__/icons";
 
 const fieldStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/input-01.tsx b/www/src/__registry__/core/input-01.tsx
index 002e300e5..6947ea8cf 100644
--- a/www/src/__registry__/core/input-01.tsx
+++ b/www/src/__registry__/core/input-01.tsx
@@ -18,7 +18,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusInput } from "@/registry/lib/focus-styles";
-import { LoaderIcon } from "@/__icons__";
+import { Loader2Icon } from "@/__registry__/icons";
 
 const inputStyles = tv({
   slots: {
@@ -192,13 +192,13 @@ const InputRoot = ({
           ]}
         >
           {isLoading && loaderPosition === "prefix" ? (
-            <LoaderIcon className="animate-spin" />
+            <Loader2Icon className="animate-spin" />
           ) : (
             prefix
           )}
           {children}
           {isLoading && loaderPosition === "suffix" ? (
-            <LoaderIcon className="animate-spin" />
+            <Loader2Icon className="animate-spin" />
           ) : (
             suffix
           )}
diff --git a/www/src/__registry__/core/list-box-01.tsx b/www/src/__registry__/core/list-box-01.tsx
index 8c6a396db..8e427d5e6 100644
--- a/www/src/__registry__/core/list-box-01.tsx
+++ b/www/src/__registry__/core/list-box-01.tsx
@@ -11,9 +11,9 @@ import {
   ListStateContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Text } from "@/registry/core/text-01";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { CheckIcon, LoaderIcon } from "@/__icons__";
-import { Text } from "@/__registry__/core/text";
+import { CheckIcon, Loader2Icon } from "@/__registry__/icons";
 
 const listBoxStyles = tv({
   base: [
@@ -69,7 +69,7 @@ const ListBox = <T extends object>({
       <AriaCollection items={props.items}>{children}</AriaCollection>
       {isLoading && (
         <AriaListBoxItem className="flex items-center justify-center py-1.5">
-          <LoaderIcon
+          <Loader2Icon
             aria-label="Loading more..."
             className="text-fg-muted size-5 animate-spin"
           />
diff --git a/www/src/__registry__/core/menu-01.tsx b/www/src/__registry__/core/menu-01.tsx
index 2d8a0e054..a0f086a3c 100644
--- a/www/src/__registry__/core/menu-01.tsx
+++ b/www/src/__registry__/core/menu-01.tsx
@@ -12,10 +12,10 @@ import {
   type MenuTriggerProps as AriaMenuTriggerProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { CheckIcon, ChevronRightIcon } from "@/__icons__";
-import { Kbd } from "@/__registry__/core/kbd";
-import { Overlay, type OverlayProps } from "@/__registry__/core/overlay";
-import { Text } from "@/__registry__/core/text";
+import { Kbd } from "@/registry/core/kbd-01";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay-01";
+import { Text } from "@/registry/core/text-01";
+import { CheckIcon, ChevronRightIcon } from "@/__registry__/icons";
 
 const menuStyles = tv({
   base: [
diff --git a/www/src/__registry__/core/number-field-01.tsx b/www/src/__registry__/core/number-field-01.tsx
index 20e6085d0..e37e1062f 100644
--- a/www/src/__registry__/core/number-field-01.tsx
+++ b/www/src/__registry__/core/number-field-01.tsx
@@ -6,16 +6,16 @@ import {
   type NumberFieldProps as AriaNumberFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import {
   ChevronDownIcon,
   ChevronUpIcon,
   MinusIcon,
   PlusIcon,
-} from "@/__icons__";
-import { Button, type ButtonProps } from "@/__registry__/core/button";
-import { Field, type FieldProps } from "@/__registry__/core/field";
-import { InputRoot, Input, type inputStyles } from "@/__registry__/core/input";
+} from "@/__registry__/icons";
 
 const numberFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/__registry__/core/overlay-01.tsx b/www/src/__registry__/core/overlay-01.tsx
index 1ee357ada..e4430533f 100644
--- a/www/src/__registry__/core/overlay-01.tsx
+++ b/www/src/__registry__/core/overlay-01.tsx
@@ -12,10 +12,10 @@ import {
   type ModalOverlayProps as AriaModalOverlayProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import { cn } from "@/registry/lib/cn";
-import { XIcon } from "@/__icons__";
-import { Button, type ButtonProps } from "@/__registry__/core/button";
+import { XIcon } from "@/__registry__/icons";
 import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
 
 type OverlayType = "modal" | "drawer" | "popover";
diff --git a/www/src/__registry__/core/progress-01.tsx b/www/src/__registry__/core/progress-01.tsx
index eaa125c4b..f2197a190 100644
--- a/www/src/__registry__/core/progress-01.tsx
+++ b/www/src/__registry__/core/progress-01.tsx
@@ -7,8 +7,8 @@ import {
   type ProgressBarProps as AriaProgressProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Label } from "@/registry/core/field-01";
 import { cn } from "@/registry/lib/cn";
-import { Label } from "@/__registry__/core/field";
 
 const progressStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/radio-group-01.tsx b/www/src/__registry__/core/radio-group-01.tsx
index 647af5ed7..c899553e2 100644
--- a/www/src/__registry__/core/radio-group-01.tsx
+++ b/www/src/__registry__/core/radio-group-01.tsx
@@ -9,8 +9,8 @@ import {
   type RadioProps as AriaRadioProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Field, type FieldProps } from "@/registry/core/field-01";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
-import { Field, type FieldProps } from "@/__registry__/core/field";
 
 const radioGroupStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/range-calendar-01.tsx b/www/src/__registry__/core/range-calendar-01.tsx
index dbf641a3f..0effd28d5 100644
--- a/www/src/__registry__/core/range-calendar-01.tsx
+++ b/www/src/__registry__/core/range-calendar-01.tsx
@@ -9,8 +9,7 @@ import {
   RangeCalendarContext as AriaRangeCalendarContext,
   useSlottedContext,
 } from "react-aria-components";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
-import { Button } from "@/__registry__/core/button";
+import { Button } from "@/registry/core/button-01";
 import {
   CalendarHeader,
   CalendarGrid,
@@ -19,9 +18,10 @@ import {
   CalendarGridBody,
   CalendarCell,
   calendarStyles,
-} from "@/__registry__/core/calendar";
-import { Heading } from "@/__registry__/core/heading";
-import { Text } from "@/__registry__/core/text";
+} from "@/registry/core/calendar-01";
+import { Heading } from "@/registry/core/heading-01";
+import { Text } from "@/registry/core/text-01";
+import { ChevronLeftIcon, ChevronRightIcon } from "@/__registry__/icons";
 
 interface RangeCalendarProps<T extends DateValue>
   extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
diff --git a/www/src/__registry__/core/search-field-01.tsx b/www/src/__registry__/core/search-field-01.tsx
index 061d81f5c..34c10a7d4 100644
--- a/www/src/__registry__/core/search-field-01.tsx
+++ b/www/src/__registry__/core/search-field-01.tsx
@@ -6,10 +6,10 @@ import {
   type SearchFieldProps as AriaSearchFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { SearchIcon, XIcon } from "@/__icons__";
-import { Button } from "@/__registry__/core/button";
-import { Field, type FieldProps } from "@/__registry__/core/field";
-import { InputRoot, Input, type inputStyles } from "@/__registry__/core/input";
+import { Button } from "@/registry/core/button-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
+import { SearchIcon, XIcon } from "@/__registry__/icons";
 
 const searchFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/__registry__/core/select-01.tsx b/www/src/__registry__/core/select-01.tsx
index c203d9fcc..53b9b4c96 100644
--- a/www/src/__registry__/core/select-01.tsx
+++ b/www/src/__registry__/core/select-01.tsx
@@ -9,11 +9,11 @@ import {
   type SelectValueProps as AriaSelectValueProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
+import { Field, type FieldProps } from "@/registry/core/field-01";
 import { ListBox, type ListBoxProps } from "@/registry/core/list-box-01";
-import { ChevronDownIcon } from "@/__icons__";
-import { Button, type ButtonProps } from "@/__registry__/core/button";
-import { Field, type FieldProps } from "@/__registry__/core/field";
-import { Overlay } from "@/__registry__/core/overlay";
+import { Overlay } from "@/registry/core/overlay-01";
+import { ChevronDownIcon } from "@/__registry__/icons";
 
 const selectStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/slider-01.tsx b/www/src/__registry__/core/slider-01.tsx
index 74b99412f..fc3a2bf55 100644
--- a/www/src/__registry__/core/slider-01.tsx
+++ b/www/src/__registry__/core/slider-01.tsx
@@ -16,9 +16,9 @@ import {
   TextContext as AriaTextContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Description, Label, type FieldProps } from "@/registry/core/field-01";
 import { cn } from "@/registry/lib/cn";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { Description, Label, type FieldProps } from "@/__registry__/core/field";
 
 const sliderStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/tag-group-01.tsx b/www/src/__registry__/core/tag-group-01.tsx
index ae12bd163..725612b84 100644
--- a/www/src/__registry__/core/tag-group-01.tsx
+++ b/www/src/__registry__/core/tag-group-01.tsx
@@ -11,9 +11,9 @@ import {
   type TagProps as AriaTagProps,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/core/button-01";
+import { Field } from "@/registry/core/field-01";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { Button } from "@/__registry__/core/button";
-import { Field } from "@/__registry__/core/field";
 
 const tagGroupStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/text-area-01.tsx b/www/src/__registry__/core/text-area-01.tsx
index e71ed37ed..d4be2a3fe 100644
--- a/www/src/__registry__/core/text-area-01.tsx
+++ b/www/src/__registry__/core/text-area-01.tsx
@@ -2,16 +2,16 @@
 
 import * as React from "react";
 import { type VariantProps } from "tailwind-variants";
-import {
-  TextFieldRoot,
-  type TextFieldRootProps,
-} from "@/registry/core/text-field-01";
-import { Field, type FieldProps } from "@/__registry__/core/field";
+import { Field, type FieldProps } from "@/registry/core/field-01";
 import {
   InputRoot,
   TextAreaInput,
   type inputStyles,
-} from "@/__registry__/core/input";
+} from "@/registry/core/input-01";
+import {
+  TextFieldRoot,
+  type TextFieldRootProps,
+} from "@/registry/core/text-field-01";
 
 type TextAreaProps = TextFieldRootProps &
   Omit<FieldProps, "children"> &
diff --git a/www/src/__registry__/core/text-field-01.tsx b/www/src/__registry__/core/text-field-01.tsx
index 531179b91..c2017460a 100644
--- a/www/src/__registry__/core/text-field-01.tsx
+++ b/www/src/__registry__/core/text-field-01.tsx
@@ -6,8 +6,8 @@ import {
   type TextFieldProps as AriaTextFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/__registry__/core/field";
-import { InputRoot, Input, type inputStyles } from "@/__registry__/core/input";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
 
 const textFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/__registry__/core/time-field-01.tsx b/www/src/__registry__/core/time-field-01.tsx
index 1dbea4304..aef7ab12b 100644
--- a/www/src/__registry__/core/time-field-01.tsx
+++ b/www/src/__registry__/core/time-field-01.tsx
@@ -8,8 +8,8 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { Field, type FieldProps } from "@/__registry__/core/field";
-import { InputRoot, type inputStyles } from "@/__registry__/core/input";
+import { Field, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, type inputStyles } from "@/registry/core/input-01";
 
 const timeFieldStyles = tv({
   slots: {
diff --git a/www/src/__demos__/index.tsx b/www/src/__registry__/demos.tsx
similarity index 99%
rename from www/src/__demos__/index.tsx
rename to www/src/__registry__/demos.tsx
index cdc23f562..81e2387c5 100644
--- a/www/src/__demos__/index.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -1,4 +1,4 @@
-// This file is autogenerated by scripts/build-registry.ts
+// This file is autogenerated by scripts/build-internal-registry.ts
 // Do not edit this file directly.
 import * as React from "react";
 
@@ -39,20 +39,6 @@ export const Index: Record<string, any> = {
       files: ["registry/demos/alert/variants.tsx"],
       component: React.lazy(() => import("@/registry/demos/alert/variants")),
     },
-    "aspect-ratio-as-child": {
-      name: "aspect-ratio-as-child",
-      files: ["registry/demos/aspect-ratio/as-child.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/aspect-ratio/as-child")
-      ),
-    },
-    "aspect-ratio-default": {
-      name: "aspect-ratio-default",
-      files: ["registry/demos/aspect-ratio/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/aspect-ratio/default")
-      ),
-    },
     "avatar-composition": {
       name: "avatar-composition",
       files: ["registry/demos/avatar/composition.tsx"],
diff --git a/www/src/__registry__/dynamic-core/button.tsx b/www/src/__registry__/dynamic-core/button.tsx
new file mode 100644
index 000000000..6aa289256
--- /dev/null
+++ b/www/src/__registry__/dynamic-core/button.tsx
@@ -0,0 +1,3 @@
+import { Button as Button01 } from "@/__registry__/core/button-01"
+import { Button as Button02 } from "@/__registry__/core/button-01"
+
diff --git a/www/src/__registry__/dynamic-core/index.ts b/www/src/__registry__/dynamic-core/index.ts
new file mode 100644
index 000000000..4f6c474f9
--- /dev/null
+++ b/www/src/__registry__/dynamic-core/index.ts
@@ -0,0 +1,14 @@
+const Components = {
+  button: {
+    "button-01": React.lazy(() =>
+      import("@/__registry__/core/button-01").then((module) => ({
+        default: module.Button,
+      }))
+    ),
+    "button-02": React.lazy(() =>
+      import("@/__registry__/core/button-02").then((module) => ({
+        default: module.Button,
+      }))
+    ),
+  },
+};
diff --git a/www/src/__registry__/icons/index.tsx b/www/src/__registry__/icons/index.tsx
new file mode 100644
index 000000000..bc656548e
--- /dev/null
+++ b/www/src/__registry__/icons/index.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+// This file is autogenerated by scripts/build-registry.ts
+// Do not edit this file directly.
+import { createIcon } from "@/lib/create-icon";
+
+export const Loader2Icon = createIcon("Loader2Icon");
+export const AlertCircleIcon = createIcon("AlertCircleIcon");
+export const AlertTriangleIcon = createIcon("AlertTriangleIcon");
+export const CheckCircle2Icon = createIcon("CheckCircle2Icon");
+export const InfoIcon = createIcon("InfoIcon");
+export const ChevronRightIcon = createIcon("ChevronRightIcon");
+export const ChevronLeftIcon = createIcon("ChevronLeftIcon");
+export const ChevronDownIcon = createIcon("ChevronDownIcon");
+export const ChevronUpIcon = createIcon("ChevronUpIcon");
+export const SearchIcon = createIcon("SearchIcon");
+export const HelpCircleIcon = createIcon("HelpCircleIcon");
+export const CalendarIcon = createIcon("CalendarIcon");
+export const XIcon = createIcon("XIcon");
+export const AsteriskIcon = createIcon("AsteriskIcon");
+export const CheckIcon = createIcon("CheckIcon");
+export const MinusIcon = createIcon("MinusIcon");
+export const PlusIcon = createIcon("PlusIcon");
+export const WalletIcon = createIcon("WalletIcon");
+export const GlobeIcon = createIcon("GlobeIcon");
+export const User2Icon = createIcon("User2Icon");
+export const ShieldIcon = createIcon("ShieldIcon");
+export const ArrowRightCircleIcon = createIcon("ArrowRightCircleIcon");
+export const HomeIcon = createIcon("HomeIcon");
+export const LogInIcon = createIcon("LogInIcon");
+export const UploadIcon = createIcon("UploadIcon");
+export const PaletteIcon = createIcon("PaletteIcon");
+export const UsersIcon = createIcon("UsersIcon");
+export const PlaneIcon = createIcon("PlaneIcon");
+export const CameraIcon = createIcon("CameraIcon");
+export const ExternalLinkIcon = createIcon("ExternalLinkIcon");
+export const MenuIcon = createIcon("MenuIcon");
+export const CopyIcon = createIcon("CopyIcon");
+export const PlusSquareIcon = createIcon("PlusSquareIcon");
+export const SquarePenIcon = createIcon("SquarePenIcon");
+export const RotateCwIcon = createIcon("RotateCwIcon");
+export const XCircleIcon = createIcon("XCircleIcon");
+export const BoldIcon = createIcon("BoldIcon");
+export const ItalicIcon = createIcon("ItalicIcon");
+export const TimerIcon = createIcon("TimerIcon");
+export const PinIcon = createIcon("PinIcon");
+export const ALargeSmallIcon = createIcon("ALargeSmallIcon");
+export const Volume1Icon = createIcon("Volume1Icon");
+export const Volume2Icon = createIcon("Volume2Icon");
+export const ChevronsUpDownIcon = createIcon("ChevronsUpDownIcon");
diff --git a/www/src/__registry__/icons/registry.ts b/www/src/__registry__/icons/registry.ts
new file mode 100644
index 000000000..8ee358e82
--- /dev/null
+++ b/www/src/__registry__/icons/registry.ts
@@ -0,0 +1,535 @@
+// @ts-nocheck
+// This file is autogenerated by scripts/build-internal-registry.ts
+// Do not edit this file directly.
+import * as React from "react";
+
+export const Icons = {
+  Loader2Icon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.Loader2Icon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiLoader4Line,
+      }))
+    ),
+  },
+  AlertCircleIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.AlertCircleIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiErrorWarningFill,
+      }))
+    ),
+  },
+  AlertTriangleIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.AlertTriangleIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiAlertLine,
+      }))
+    ),
+  },
+  CheckCircle2Icon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.CheckCircle2Icon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiCheckboxCircleLine,
+      }))
+    ),
+  },
+  InfoIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.InfoIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiInformationLine,
+      }))
+    ),
+  },
+  ChevronRightIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.ChevronRightIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiArrowRightSLine,
+      }))
+    ),
+  },
+  ChevronLeftIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.ChevronLeftIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiArrowLeftSLine,
+      }))
+    ),
+  },
+  ChevronDownIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.ChevronDownIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiArrowDownSLine,
+      }))
+    ),
+  },
+  ChevronUpIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.ChevronUpIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiArrowUpSLine,
+      }))
+    ),
+  },
+  SearchIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.SearchIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiSearchLine,
+      }))
+    ),
+  },
+  HelpCircleIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.HelpCircleIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiQuestionLine,
+      }))
+    ),
+  },
+  CalendarIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.CalendarIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiCalendarLine,
+      }))
+    ),
+  },
+  XIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.XIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiCloseLine,
+      }))
+    ),
+  },
+  AsteriskIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.AsteriskIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiAsterisk,
+      }))
+    ),
+  },
+  CheckIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.CheckIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiCheckLine,
+      }))
+    ),
+  },
+  MinusIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.MinusIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiSubtractLine,
+      }))
+    ),
+  },
+  PlusIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.PlusIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiAddLine,
+      }))
+    ),
+  },
+  WalletIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.WalletIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiWalletLine,
+      }))
+    ),
+  },
+  GlobeIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.GlobeIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiGlobalLine,
+      }))
+    ),
+  },
+  User2Icon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.User2Icon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiUserLine,
+      }))
+    ),
+  },
+  ShieldIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.ShieldIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiShieldLine,
+      }))
+    ),
+  },
+  ArrowRightCircleIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.ArrowRightCircleIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiArrowRightCircleLine,
+      }))
+    ),
+  },
+  HomeIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.HomeIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiHomeLine,
+      }))
+    ),
+  },
+  LogInIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.LogInIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiLoginBoxLine,
+      }))
+    ),
+  },
+  UploadIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.UploadIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiUpload2Line,
+      }))
+    ),
+  },
+  PaletteIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.PaletteIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiPaletteLine,
+      }))
+    ),
+  },
+  UsersIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.UsersIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiGroupLine,
+      }))
+    ),
+  },
+  PlaneIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.PlaneIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiPlaneLine,
+      }))
+    ),
+  },
+  CameraIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.CameraIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiCameraLine,
+      }))
+    ),
+  },
+  ExternalLinkIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.ExternalLinkIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiExternalLinkLine,
+      }))
+    ),
+  },
+  MenuIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.MenuIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiMenuLine,
+      }))
+    ),
+  },
+  CopyIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.CopyIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiFileCopyLine,
+      }))
+    ),
+  },
+  PlusSquareIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.PlusSquareIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiAddBoxLine,
+      }))
+    ),
+  },
+  SquarePenIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.SquarePenIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiEditLine,
+      }))
+    ),
+  },
+  RotateCwIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.RotateCwIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiRestartLine,
+      }))
+    ),
+  },
+  XCircleIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.XCircleIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiCloseCircleLine,
+      }))
+    ),
+  },
+  BoldIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.BoldIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiBold,
+      }))
+    ),
+  },
+  ItalicIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.ItalicIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiItalic,
+      }))
+    ),
+  },
+  TimerIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.TimerIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiTimerLine,
+      }))
+    ),
+  },
+  PinIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.PinIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiPushpinLine,
+      }))
+    ),
+  },
+  ALargeSmallIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.ALargeSmallIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiFontSize,
+      }))
+    ),
+  },
+  Volume1Icon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.Volume1Icon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiVolumeDownLine,
+      }))
+    ),
+  },
+  Volume2Icon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.Volume2Icon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiVolumeUpLine,
+      }))
+    ),
+  },
+  ChevronsUpDownIcon: {
+    lucide: React.lazy(() =>
+      import("lucide-react").then((mod) => ({
+        default: mod.ChevronsUpDownIcon,
+      }))
+    ),
+    remix: React.lazy(() =>
+      import("@remixicon/react").then((mod) => ({
+        default: mod.RiExpandUpDownLine,
+      }))
+    ),
+  },
+};
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index 8e2e5b215..ccce55061 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -6,7 +6,7 @@ import { getFileSource } from "@/lib/get-file-source";
 import { CodeBlock } from "@/components/code-block";
 import { Button } from "@/components/core/button";
 import { Tooltip } from "@/components/core/tooltip";
-import { Index } from "@/__demos__";
+import { Index } from "@/__registry__/demos";
 import { ComponentPreviewClient } from "./component-preview-client";
 import { ThemeCustomizerDialog } from "./theme-customizer";
 import { ThemeOverride } from "./theme-override";
diff --git a/www/src/components/component-source.tsx b/www/src/components/component-source.tsx
index 727efb331..a8130c2a9 100644
--- a/www/src/components/component-source.tsx
+++ b/www/src/components/component-source.tsx
@@ -8,7 +8,7 @@ export const ComponentSource = async ({
   name: string | string[];
   className?: string;
 }) => {
-  return <div>TO DO</div>
+  return <div>TO DO</div>;
   // let code: { title: string; code: string }[] = [];
 
   // if (typeof name === "string") {
diff --git a/www/src/hooks/use-themes.ts b/www/src/hooks/use-themes.ts
index e0777e19e..10cabe2ae 100644
--- a/www/src/hooks/use-themes.ts
+++ b/www/src/hooks/use-themes.ts
@@ -207,6 +207,7 @@ export const useThemes = () => {
     handleColorConfigChange,
     handleFontChange,
     fonts,
+    currentIconLibrary: currentTheme.iconLibrary,
     radius: currentTheme.radius,
     handleRadiusChange,
     deleteTheme,
diff --git a/www/src/lib/create-icon.tsx b/www/src/lib/create-icon.tsx
new file mode 100644
index 000000000..93e3dbe6a
--- /dev/null
+++ b/www/src/lib/create-icon.tsx
@@ -0,0 +1,24 @@
+// @ts-nocheck
+// TODO: fix types
+import React, { forwardRef } from "react";
+import { useThemes } from "@/hooks/use-themes";
+import { Icons } from "@/__registry__/icons/registry";
+
+export const createIcon = (name: string) => {
+  const icon = Icons[name as keyof typeof Icons];
+  if (!icon) {
+    return null;
+  }
+
+  const Icon = forwardRef<HTMLElement, { className?: string }>((props, ref) => {
+    const { currentIconLibrary } = useThemes();
+
+    if (!currentIconLibrary || !icon || !icon[currentIconLibrary]) return null;
+
+    const IconComponent = icon[currentIconLibrary];
+
+    return <IconComponent {...props} ref={ref} />;
+  });
+  Icon.displayName = "Icon";
+  return Icon;
+};
diff --git a/www/src/lib/dynamic-component-loader.ts b/www/src/lib/dynamic-component-loader.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/www/src/registry/core.ts b/www/src/registry/core.ts
index de1b591c3..2de14fc3d 100644
--- a/www/src/registry/core.ts
+++ b/www/src/registry/core.ts
@@ -4,6 +4,7 @@ export const core: Registry = [
   {
     name: "alert",
     type: "registry:core",
+    components: ["Alert"],
     variants: [
       {
         name: "alert-01",
@@ -24,6 +25,7 @@ export const core: Registry = [
   {
     name: "avatar",
     type: "registry:core",
+    components: ["Avatar"],
     variants: [
       {
         name: "avatar-01",
@@ -43,6 +45,7 @@ export const core: Registry = [
   },
   {
     name: "badge",
+    components: ["Badge"],
     type: "registry:core",
     variants: [
       {
@@ -64,6 +67,7 @@ export const core: Registry = [
   {
     name: "breadcrumbs",
     type: "registry:core",
+    components: ["Breadcrumbs"],
     variants: [
       {
         name: "breadcrumbs-01",
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert-01.tsx
index 90761a1a6..3959fe5ad 100644
--- a/www/src/registry/core/alert-01.tsx
+++ b/www/src/registry/core/alert-01.tsx
@@ -1,6 +1,11 @@
 import * as React from "react";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "lucide-react";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DangerIcon, InfoIcon, SuccessIcon, WarningIcon } from "@/__icons__";
 
 const alertStyles = tv({
   slots: {
@@ -47,9 +52,9 @@ const alertStyles = tv({
 
 const icons = {
   default: <InfoIcon />,
-  success: <SuccessIcon />,
-  warning: <WarningIcon />,
-  danger: <DangerIcon />,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
   info: <InfoIcon />,
 };
 interface AlertProps extends AlertRootProps {
diff --git a/www/src/registry/core/breadcrumbs-01.tsx b/www/src/registry/core/breadcrumbs-01.tsx
index 72f2c137d..68e4c3f82 100644
--- a/www/src/registry/core/breadcrumbs-01.tsx
+++ b/www/src/registry/core/breadcrumbs-01.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { ChevronRightIcon } from "lucide-react";
 import {
   Link as AriaLink,
   Breadcrumbs as AriaBreadcrumbs,
@@ -10,7 +11,6 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ChevronRightIcon } from "@/__icons__";
 
 const breadcrumbsStyles = tv({
   slots: {
diff --git a/www/src/registry/core/button-01.tsx b/www/src/registry/core/button-01.tsx
index 580eced1a..4e863a83f 100644
--- a/www/src/registry/core/button-01.tsx
+++ b/www/src/registry/core/button-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -10,7 +11,6 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { LoaderIcon } from "@/__icons__";
 
 const buttonStyles = tv(
   {
@@ -102,7 +102,7 @@ const Button = React.forwardRef(
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
             {isPending && (
-              <LoaderIcon aria-label="loading" className="animate-spin" />
+              <Loader2Icon aria-label="loading" className="animate-spin" />
             )}
             {prefix}
             {typeof children === "string" ? (
diff --git a/www/src/registry/core/button-02.tsx b/www/src/registry/core/button-02.tsx
index ab517d008..8710615eb 100644
--- a/www/src/registry/core/button-02.tsx
+++ b/www/src/registry/core/button-02.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -10,7 +11,6 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { LoaderIcon } from "@/__icons__";
 
 const buttonStyles = tv(
   {
@@ -19,7 +19,7 @@ const buttonStyles = tv(
     variants: {
       variant: {
         default:
-          "bg-red-500  hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
+          "hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral bg-red-500",
         primary:
           "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
         quiet:
@@ -102,7 +102,7 @@ const Button = React.forwardRef(
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
             {isPending && (
-              <LoaderIcon aria-label="loading" className="animate-spin" />
+              <Loader2Icon aria-label="loading" className="animate-spin" />
             )}
             {prefix}
             {typeof children === "string" ? (
diff --git a/www/src/registry/core/calendar-01.tsx b/www/src/registry/core/calendar-01.tsx
index 1e2439c29..166bd819d 100644
--- a/www/src/registry/core/calendar-01.tsx
+++ b/www/src/registry/core/calendar-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import {
   composeRenderProps,
   Calendar as AriaCalendar,
@@ -23,7 +24,6 @@ import { tv } from "tailwind-variants";
 import { Button, buttonStyles } from "@/registry/core/button-01";
 import { Heading } from "@/registry/core/heading-01";
 import { Text } from "@/registry/core/text-01";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/registry/core/calendar-02.tsx b/www/src/registry/core/calendar-02.tsx
index 861aed1e4..9fc22525c 100644
--- a/www/src/registry/core/calendar-02.tsx
+++ b/www/src/registry/core/calendar-02.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import {
   composeRenderProps,
   Calendar as AriaCalendar,
@@ -23,7 +24,6 @@ import { tv } from "tailwind-variants";
 import { Button, buttonStyles } from "@/registry/core/button-01";
 import { Heading } from "@/registry/core/heading-01";
 import { Text } from "@/registry/core/text-01";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/registry/core/checkbox-01.tsx b/www/src/registry/core/checkbox-01.tsx
index 038f4af53..b568521a3 100644
--- a/www/src/registry/core/checkbox-01.tsx
+++ b/www/src/registry/core/checkbox-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { CheckIcon, MinusIcon } from "lucide-react";
 import {
   Checkbox as AriaCheckbox,
   composeRenderProps,
@@ -8,7 +9,6 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
-import { CheckIcon, MinusIcon } from "@/__icons__";
 
 const checkboxStyles = tv({
   slots: {
diff --git a/www/src/registry/core/combobox-01.tsx b/www/src/registry/core/combobox-01.tsx
index ef79b8383..3dbf915c4 100644
--- a/www/src/registry/core/combobox-01.tsx
+++ b/www/src/registry/core/combobox-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { ChevronDownIcon } from "lucide-react";
 import {
   ComboBox as AriaCombobox,
   type ComboBoxProps as AriaComboboxProps,
@@ -11,7 +12,6 @@ import { Field, type FieldProps } from "@/registry/core/field-01";
 import { Input, InputRoot } from "@/registry/core/input-01";
 import { ListBox } from "@/registry/core/list-box-01";
 import { Overlay } from "@/registry/core/overlay-01";
-import { ChevronDownIcon } from "@/__icons__";
 
 const comboboxStyles = tv({
   slots: {
diff --git a/www/src/registry/core/command-01.tsx b/www/src/registry/core/command-01.tsx
index 7ee770007..bb3148095 100644
--- a/www/src/registry/core/command-01.tsx
+++ b/www/src/registry/core/command-01.tsx
@@ -2,8 +2,8 @@
 
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
 import { cn } from "@/registry/lib/cn";
-import { SearchIcon } from "@/__icons__";
 
 type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
 const CommandRoot = React.forwardRef<
diff --git a/www/src/registry/core/contextual-help-01.tsx b/www/src/registry/core/contextual-help-01.tsx
index a639b3efe..72deed5c1 100644
--- a/www/src/registry/core/contextual-help-01.tsx
+++ b/www/src/registry/core/contextual-help-01.tsx
@@ -1,6 +1,6 @@
+import { InfoIcon, HelpCircleIcon } from "lucide-react";
 import { Button } from "@/registry/core/button-01";
 import { DialogRoot, Dialog } from "@/registry/core/dialog-01";
-import { InfoIcon, HelpIcon } from "@/__icons__";
 
 interface ContextualHelpProps {
   title?: string;
@@ -13,7 +13,7 @@ const ContextualHelp = ({
   description,
   variant,
 }: ContextualHelpProps) => {
-  const icon = variant === "info" ? <InfoIcon /> : <HelpIcon />;
+  const icon = variant === "info" ? <InfoIcon /> : <HelpCircleIcon />;
   return (
     <DialogRoot>
       <Button
diff --git a/www/src/registry/core/date-picker-01.tsx b/www/src/registry/core/date-picker-01.tsx
index 32138990f..983582980 100644
--- a/www/src/registry/core/date-picker-01.tsx
+++ b/www/src/registry/core/date-picker-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { CalendarIcon } from "lucide-react";
 import {
   DatePicker as AriaDatePicker,
   type DatePickerProps as AriaDatePickerProps,
@@ -13,7 +14,6 @@ import { DateInput, DateSegment } from "@/registry/core/date-input-01";
 import { Dialog } from "@/registry/core/dialog-01";
 import { Field, fieldStyles, type FieldProps } from "@/registry/core/field-01";
 import { InputRoot, type inputStyles } from "@/registry/core/input-01";
-import { CalendarIcon } from "@/__icons__";
 
 interface DatePickerProps<T extends DateValue>
   extends DatePickerRootProps<T>,
diff --git a/www/src/registry/core/date-range-picker-01.tsx b/www/src/registry/core/date-range-picker-01.tsx
index 7fa0c0bc1..63d977c48 100644
--- a/www/src/registry/core/date-range-picker-01.tsx
+++ b/www/src/registry/core/date-range-picker-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { CalendarIcon } from "lucide-react";
 import {
   DateRangePicker as AriaDateRangePicker,
   type DateRangePickerProps as AriaDateRangePickerProps,
@@ -13,7 +14,6 @@ import { Dialog } from "@/registry/core/dialog-01";
 import { Field, type FieldProps, fieldStyles } from "@/registry/core/field-01";
 import { InputRoot, type inputStyles } from "@/registry/core/input-01";
 import { RangeCalendar } from "@/registry/core/range-calendar-01";
-import { CalendarIcon } from "@/__icons__";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
diff --git a/www/src/registry/core/field-01.tsx b/www/src/registry/core/field-01.tsx
index 949ea729a..b8c102eb4 100644
--- a/www/src/registry/core/field-01.tsx
+++ b/www/src/registry/core/field-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { AsteriskIcon } from "lucide-react";
 import {
   Label as AriaLabel,
   Text as AriaText,
@@ -11,7 +12,6 @@ import {
   type FieldErrorProps as AriaFieldErrorProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { AsteriskIcon } from "@/__icons__";
 
 const fieldStyles = tv({
   slots: {
diff --git a/www/src/registry/core/input-01.tsx b/www/src/registry/core/input-01.tsx
index 002e300e5..1402c0de4 100644
--- a/www/src/registry/core/input-01.tsx
+++ b/www/src/registry/core/input-01.tsx
@@ -3,6 +3,7 @@
 import * as React from "react";
 import { mergeRefs, chain } from "@react-aria/utils";
 import { useControlledState } from "@react-stately/utils";
+import { Loader2Icon } from "lucide-react";
 import {
   Provider,
   composeRenderProps,
@@ -18,7 +19,6 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusInput } from "@/registry/lib/focus-styles";
-import { LoaderIcon } from "@/__icons__";
 
 const inputStyles = tv({
   slots: {
@@ -192,13 +192,13 @@ const InputRoot = ({
           ]}
         >
           {isLoading && loaderPosition === "prefix" ? (
-            <LoaderIcon className="animate-spin" />
+            <Loader2Icon className="animate-spin" />
           ) : (
             prefix
           )}
           {children}
           {isLoading && loaderPosition === "suffix" ? (
-            <LoaderIcon className="animate-spin" />
+            <Loader2Icon className="animate-spin" />
           ) : (
             suffix
           )}
diff --git a/www/src/registry/core/list-box-01.tsx b/www/src/registry/core/list-box-01.tsx
index 71f355d9b..3bf922b69 100644
--- a/www/src/registry/core/list-box-01.tsx
+++ b/www/src/registry/core/list-box-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { CheckIcon, Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   ListBox as AriaListBox,
@@ -13,7 +14,6 @@ import {
 import { tv, type VariantProps } from "tailwind-variants";
 import { Text } from "@/registry/core/text-01";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { CheckIcon, LoaderIcon } from "@/__icons__";
 
 const listBoxStyles = tv({
   base: [
@@ -69,7 +69,7 @@ const ListBox = <T extends object>({
       <AriaCollection items={props.items}>{children}</AriaCollection>
       {isLoading && (
         <AriaListBoxItem className="flex items-center justify-center py-1.5">
-          <LoaderIcon
+          <Loader2Icon
             aria-label="Loading more..."
             className="text-fg-muted size-5 animate-spin"
           />
diff --git a/www/src/registry/core/menu-01.tsx b/www/src/registry/core/menu-01.tsx
index 976c18c3e..9bd9a2638 100644
--- a/www/src/registry/core/menu-01.tsx
+++ b/www/src/registry/core/menu-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import {
   composeRenderProps,
   Menu as AriaMenu,
@@ -15,7 +16,6 @@ import { tv, type VariantProps } from "tailwind-variants";
 import { Kbd } from "@/registry/core/kbd-01";
 import { Overlay, type OverlayProps } from "@/registry/core/overlay-01";
 import { Text } from "@/registry/core/text-01";
-import { CheckIcon, ChevronRightIcon } from "@/__icons__";
 
 const menuStyles = tv({
   base: [
diff --git a/www/src/registry/core/number-field-01.tsx b/www/src/registry/core/number-field-01.tsx
index db7b5c606..cfba9ca86 100644
--- a/www/src/registry/core/number-field-01.tsx
+++ b/www/src/registry/core/number-field-01.tsx
@@ -1,6 +1,12 @@
 "use client";
 
 import * as React from "react";
+import {
+  ChevronDownIcon,
+  ChevronUpIcon,
+  MinusIcon,
+  PlusIcon,
+} from "lucide-react";
 import {
   NumberField as AriaNumberField,
   type NumberFieldProps as AriaNumberFieldProps,
@@ -10,12 +16,6 @@ import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { Field, type FieldProps } from "@/registry/core/field-01";
 import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-  MinusIcon,
-  PlusIcon,
-} from "@/__icons__";
 
 const numberFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/core/overlay-01.tsx b/www/src/registry/core/overlay-01.tsx
index e614843c8..ff98d0432 100644
--- a/www/src/registry/core/overlay-01.tsx
+++ b/www/src/registry/core/overlay-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { XIcon } from "lucide-react";
 import {
   composeRenderProps,
   Popover as AriaPopover,
@@ -15,7 +16,6 @@ import { tv } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import { cn } from "@/registry/lib/cn";
-import { XIcon } from "@/__icons__";
 import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
 
 type OverlayType = "modal" | "drawer" | "popover";
diff --git a/www/src/registry/core/range-calendar-01.tsx b/www/src/registry/core/range-calendar-01.tsx
index 1c254b564..7f1e56d97 100644
--- a/www/src/registry/core/range-calendar-01.tsx
+++ b/www/src/registry/core/range-calendar-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import {
   composeRenderProps,
   RangeCalendar as AriaRangeCalendar,
@@ -21,7 +22,6 @@ import {
 } from "@/registry/core/calendar-01";
 import { Heading } from "@/registry/core/heading-01";
 import { Text } from "@/registry/core/text-01";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
 
 interface RangeCalendarProps<T extends DateValue>
   extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
diff --git a/www/src/registry/core/search-field-01.tsx b/www/src/registry/core/search-field-01.tsx
index d0b638f50..d28cd2aa9 100644
--- a/www/src/registry/core/search-field-01.tsx
+++ b/www/src/registry/core/search-field-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { SearchIcon, XIcon } from "lucide-react";
 import {
   SearchField as AriaSearchField,
   type SearchFieldProps as AriaSearchFieldProps,
@@ -9,7 +10,6 @@ import { tv, type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
 import { Field, type FieldProps } from "@/registry/core/field-01";
 import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
-import { SearchIcon, XIcon } from "@/__icons__";
 
 const searchFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/core/select-01.tsx b/www/src/registry/core/select-01.tsx
index a707491a5..1e6fa9961 100644
--- a/www/src/registry/core/select-01.tsx
+++ b/www/src/registry/core/select-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { ChevronDownIcon } from "lucide-react";
 import {
   composeRenderProps,
   Select as AriaSelect,
@@ -13,7 +14,6 @@ import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { Field, type FieldProps } from "@/registry/core/field-01";
 import { ListBox, type ListBoxProps } from "@/registry/core/list-box-01";
 import { Overlay } from "@/registry/core/overlay-01";
-import { ChevronDownIcon } from "@/__icons__";
 
 const selectStyles = tv({
   slots: {
diff --git a/www/src/registry/demos/alert/composition.tsx b/www/src/registry/demos/alert/composition.tsx
index 41d8847dc..0737edbd8 100644
--- a/www/src/registry/demos/alert/composition.tsx
+++ b/www/src/registry/demos/alert/composition.tsx
@@ -1,10 +1,10 @@
+import { WalletIcon } from "lucide-react";
 import {
   AlertContent,
   AlertRoot,
   AlertTitle,
 } from "@/components/dynamic-core/alert";
 import { Button } from "@/components/dynamic-core/button";
-import { WalletIcon } from "@/__icons__";
 
 export default function AlertDemo() {
   return (
diff --git a/www/src/registry/demos/alert/custom-icon.tsx b/www/src/registry/demos/alert/custom-icon.tsx
index b7a1096c4..84d2c58da 100644
--- a/www/src/registry/demos/alert/custom-icon.tsx
+++ b/www/src/registry/demos/alert/custom-icon.tsx
@@ -1,5 +1,5 @@
+import { GlobeIcon } from "lucide-react";
 import { Alert } from "@/components/dynamic-core/alert";
-import { GlobeIcon } from "@/__icons__";
 
 export default function AlertDemo() {
   return <Alert icon={<GlobeIcon />}>Hello world!</Alert>;
diff --git a/www/src/registry/demos/avatar/composition.tsx b/www/src/registry/demos/avatar/composition.tsx
index 63b6b0d38..90608b932 100644
--- a/www/src/registry/demos/avatar/composition.tsx
+++ b/www/src/registry/demos/avatar/composition.tsx
@@ -1,11 +1,11 @@
 import React from "react";
+import { User2Icon } from "lucide-react";
 import {
   AvatarRoot,
   AvatarImage,
   AvatarFallback,
   AvatarPlaceholder,
 } from "@/components/dynamic-core/avatar";
-import { UserIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
@@ -13,7 +13,7 @@ export default function Demo() {
       <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
       <AvatarFallback>M</AvatarFallback>
       <AvatarPlaceholder>
-        <UserIcon className="size-5" />
+        <User2Icon className="size-5" />
       </AvatarPlaceholder>
     </AvatarRoot>
   );
diff --git a/www/src/registry/demos/badge/icon.tsx b/www/src/registry/demos/badge/icon.tsx
index e2881caaa..f1e09b3bc 100644
--- a/www/src/registry/demos/badge/icon.tsx
+++ b/www/src/registry/demos/badge/icon.tsx
@@ -1,5 +1,5 @@
+import { ShieldIcon } from "lucide-react";
 import { Badge } from "@/registry/core/badge-01";
-import { ShieldIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/breadcrumbs/composition.tsx b/www/src/registry/demos/breadcrumbs/composition.tsx
index 266d2b2fc..16979e456 100644
--- a/www/src/registry/demos/breadcrumbs/composition.tsx
+++ b/www/src/registry/demos/breadcrumbs/composition.tsx
@@ -1,24 +1,24 @@
+import { ArrowRightCircleIcon } from "lucide-react";
 import {
   Breadcrumbs,
   BreadcrumbItem,
   BreadcrumbLink,
 } from "@/components/dynamic-core/breadcrumbs";
-import { ChevronRightCircleIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
     <Breadcrumbs>
       <BreadcrumbItem>
         <BreadcrumbLink href="#">Home</BreadcrumbLink>
-        <ChevronRightCircleIcon />
+        <ArrowRightCircleIcon />
       </BreadcrumbItem>
       <BreadcrumbItem>
         <BreadcrumbLink href="#">Components</BreadcrumbLink>
-        <ChevronRightCircleIcon />
+        <ArrowRightCircleIcon />
       </BreadcrumbItem>
       <BreadcrumbItem>
         <BreadcrumbLink>Breadcrumbs</BreadcrumbLink>
-        <ChevronRightCircleIcon />
+        <ArrowRightCircleIcon />
       </BreadcrumbItem>
     </Breadcrumbs>
   );
diff --git a/www/src/registry/demos/breadcrumbs/icon.tsx b/www/src/registry/demos/breadcrumbs/icon.tsx
index 34400fb5b..cbb85eea9 100644
--- a/www/src/registry/demos/breadcrumbs/icon.tsx
+++ b/www/src/registry/demos/breadcrumbs/icon.tsx
@@ -1,5 +1,5 @@
+import { HomeIcon } from "lucide-react";
 import { Breadcrumbs, Breadcrumb } from "@/components/dynamic-core/breadcrumbs";
-import { HomeIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/button/link-button.tsx b/www/src/registry/demos/button/link-button.tsx
index f24ec5fd8..1de8bdcee 100644
--- a/www/src/registry/demos/button/link-button.tsx
+++ b/www/src/registry/demos/button/link-button.tsx
@@ -1,5 +1,5 @@
+import { LogInIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
-import { LogInIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/button/prefix-and-suffix.tsx b/www/src/registry/demos/button/prefix-and-suffix.tsx
index 4da393b2f..f120be181 100644
--- a/www/src/registry/demos/button/prefix-and-suffix.tsx
+++ b/www/src/registry/demos/button/prefix-and-suffix.tsx
@@ -1,5 +1,5 @@
+import { UploadIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
-import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/button/shapes.tsx b/www/src/registry/demos/button/shapes.tsx
index 6116bb8ba..da5ac5d4a 100644
--- a/www/src/registry/demos/button/shapes.tsx
+++ b/www/src/registry/demos/button/shapes.tsx
@@ -1,5 +1,5 @@
+import { UploadIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
-import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/calendar/composition.tsx b/www/src/registry/demos/calendar/composition.tsx
index 1cce10534..29947e47b 100644
--- a/www/src/registry/demos/calendar/composition.tsx
+++ b/www/src/registry/demos/calendar/composition.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import {
   CalendarRoot,
@@ -11,7 +12,6 @@ import {
   CalendarCell,
 } from "@/components/dynamic-core/calendar";
 import { Heading } from "@/components/dynamic-core/heading";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/color-field/prefix-and-suffix.tsx b/www/src/registry/demos/color-field/prefix-and-suffix.tsx
index fb464eeaf..833052f8e 100644
--- a/www/src/registry/demos/color-field/prefix-and-suffix.tsx
+++ b/www/src/registry/demos/color-field/prefix-and-suffix.tsx
@@ -1,5 +1,5 @@
+import { PaletteIcon } from "lucide-react";
 import { ColorField } from "@/components/dynamic-core/color-field";
-import { PaletteIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/date-field/prefix-and-suffix.tsx b/www/src/registry/demos/date-field/prefix-and-suffix.tsx
index 939d3f2c2..897250a15 100644
--- a/www/src/registry/demos/date-field/prefix-and-suffix.tsx
+++ b/www/src/registry/demos/date-field/prefix-and-suffix.tsx
@@ -1,5 +1,5 @@
+import { CalendarIcon } from "lucide-react";
 import { DateField } from "@/components/dynamic-core/date-field";
-import { CalendarIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/date-picker/composition.tsx b/www/src/registry/demos/date-picker/composition.tsx
index 2af8f10b1..743c9324c 100644
--- a/www/src/registry/demos/date-picker/composition.tsx
+++ b/www/src/registry/demos/date-picker/composition.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { CalendarIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Calendar } from "@/components/dynamic-core/calendar";
 import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
@@ -13,7 +14,6 @@ import {
 } from "@/components/dynamic-core/field";
 import { InputRoot } from "@/components/dynamic-core/input";
 import { Overlay } from "@/components/dynamic-core/overlay";
-import { CalendarIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/date-picker/prefix.tsx b/www/src/registry/demos/date-picker/prefix.tsx
index c41a50d17..bfa94d063 100644
--- a/www/src/registry/demos/date-picker/prefix.tsx
+++ b/www/src/registry/demos/date-picker/prefix.tsx
@@ -1,5 +1,5 @@
+import { UsersIcon } from "lucide-react";
 import { DatePicker } from "@/components/dynamic-core/date-picker";
-import { UsersIcon } from "@/__icons__";
 
 export default function Demo() {
   return <DatePicker aria-label="Meeting date" prefix={<UsersIcon />} />;
diff --git a/www/src/registry/demos/date-range-picker/composition.tsx b/www/src/registry/demos/date-range-picker/composition.tsx
index f5940ca2b..f430c5922 100644
--- a/www/src/registry/demos/date-range-picker/composition.tsx
+++ b/www/src/registry/demos/date-range-picker/composition.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { CalendarIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
 import { DatePickerRoot } from "@/components/dynamic-core/date-picker";
@@ -13,7 +14,6 @@ import {
 import { InputRoot } from "@/components/dynamic-core/input";
 import { Overlay } from "@/components/dynamic-core/overlay";
 import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
-import { CalendarIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/date-range-picker/prefix.tsx b/www/src/registry/demos/date-range-picker/prefix.tsx
index 9c7ade8a3..318c36173 100644
--- a/www/src/registry/demos/date-range-picker/prefix.tsx
+++ b/www/src/registry/demos/date-range-picker/prefix.tsx
@@ -1,5 +1,5 @@
+import { PlaneIcon } from "lucide-react";
 import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-import { PlaneIcon } from "@/__icons__";
 
 export default function Demo() {
   return <DateRangePicker aria-label="Trip" prefix={<PlaneIcon />} />;
diff --git a/www/src/registry/demos/dialog/popover.tsx b/www/src/registry/demos/dialog/popover.tsx
index 4f25a112f..27c04a950 100644
--- a/www/src/registry/demos/dialog/popover.tsx
+++ b/www/src/registry/demos/dialog/popover.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { InfoIcon } from "lucide-react";
 import type { Key } from "react-aria-components";
 import { Button } from "@/components/dynamic-core/button";
 import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
@@ -8,7 +9,6 @@ import { Item } from "@/components/dynamic-core/list-box";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { Select } from "@/components/dynamic-core/select";
 import { Switch } from "@/components/dynamic-core/switch";
-import { InfoIcon } from "@/__icons__";
 
 export default function Demo() {
   const [placement, setPlacement] = React.useState<Key>("top");
diff --git a/www/src/registry/demos/drop-zone/default.tsx b/www/src/registry/demos/drop-zone/default.tsx
index e17059bb7..2192cbd29 100644
--- a/www/src/registry/demos/drop-zone/default.tsx
+++ b/www/src/registry/demos/drop-zone/default.tsx
@@ -1,6 +1,6 @@
 import React from "react";
+import { UploadIcon } from "lucide-react";
 import { DropZone } from "@/components/dynamic-core/drop-zone";
-import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/drop-zone/disabled.tsx b/www/src/registry/demos/drop-zone/disabled.tsx
index 3bdfee5fa..47b370053 100644
--- a/www/src/registry/demos/drop-zone/disabled.tsx
+++ b/www/src/registry/demos/drop-zone/disabled.tsx
@@ -1,7 +1,7 @@
 import React from "react";
+import { UploadIcon } from "lucide-react";
 import { DropZone } from "@/components/dynamic-core/drop-zone";
 import { Text } from "@/components/dynamic-core/text";
-import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/drop-zone/file-trigger.tsx b/www/src/registry/demos/drop-zone/file-trigger.tsx
index 6821d1b4f..e100d991a 100644
--- a/www/src/registry/demos/drop-zone/file-trigger.tsx
+++ b/www/src/registry/demos/drop-zone/file-trigger.tsx
@@ -1,9 +1,9 @@
 import React from "react";
+import { UploadIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { DropZone } from "@/components/dynamic-core/drop-zone";
 import { FileTrigger } from "@/components/dynamic-core/file-trigger";
 import { Text } from "@/components/dynamic-core/text";
-import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/drop-zone/label.tsx b/www/src/registry/demos/drop-zone/label.tsx
index 912aa03c1..59b7fb838 100644
--- a/www/src/registry/demos/drop-zone/label.tsx
+++ b/www/src/registry/demos/drop-zone/label.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
+import { UploadIcon } from "lucide-react";
 import { DropZone } from "@/components/dynamic-core/drop-zone";
 import { Text } from "@/components/dynamic-core/text";
-import { UploadIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/file-trigger/default.tsx b/www/src/registry/demos/file-trigger/default.tsx
index 04e916201..cebbda1c8 100644
--- a/www/src/registry/demos/file-trigger/default.tsx
+++ b/www/src/registry/demos/file-trigger/default.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
+import { UploadIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { UploadIcon } from "@/__icons__";
 
 export default function FileTriggerDemo() {
   const [file, setFile] = React.useState<string | null>(null);
diff --git a/www/src/registry/demos/file-trigger/directory-selection.tsx b/www/src/registry/demos/file-trigger/directory-selection.tsx
index dcbf0ac18..95ca6a4cf 100644
--- a/www/src/registry/demos/file-trigger/directory-selection.tsx
+++ b/www/src/registry/demos/file-trigger/directory-selection.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
+import { UploadIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { UploadIcon } from "@/__icons__";
 
 export default function FileTriggerDemo() {
   const [files, setFiles] = React.useState<string[] | null>(null);
diff --git a/www/src/registry/demos/file-trigger/file-types.tsx b/www/src/registry/demos/file-trigger/file-types.tsx
index aef4f08a1..3dacefaa8 100644
--- a/www/src/registry/demos/file-trigger/file-types.tsx
+++ b/www/src/registry/demos/file-trigger/file-types.tsx
@@ -1,7 +1,7 @@
 import React from "react";
+import { UploadIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { UploadIcon } from "@/__icons__";
 
 export default function FileTriggerDemo() {
   return (
diff --git a/www/src/registry/demos/file-trigger/media-capture.tsx b/www/src/registry/demos/file-trigger/media-capture.tsx
index 895e9c152..728302518 100644
--- a/www/src/registry/demos/file-trigger/media-capture.tsx
+++ b/www/src/registry/demos/file-trigger/media-capture.tsx
@@ -1,7 +1,7 @@
 import React from "react";
+import { CameraIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { CameraIcon } from "@/__icons__";
 
 export default function FileTriggerDemo() {
   return (
diff --git a/www/src/registry/demos/file-trigger/multiple-files.tsx b/www/src/registry/demos/file-trigger/multiple-files.tsx
index dac21149c..c852df902 100644
--- a/www/src/registry/demos/file-trigger/multiple-files.tsx
+++ b/www/src/registry/demos/file-trigger/multiple-files.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
+import { UploadIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { UploadIcon } from "@/__icons__";
 
 export default function FileTriggerDemo() {
   const [files, setFiles] = React.useState<string[] | null>(null);
diff --git a/www/src/registry/demos/link/icon.tsx b/www/src/registry/demos/link/icon.tsx
index 581ba61f0..a9fff25c1 100644
--- a/www/src/registry/demos/link/icon.tsx
+++ b/www/src/registry/demos/link/icon.tsx
@@ -1,5 +1,5 @@
+import { ExternalLinkIcon } from "lucide-react";
 import { Link } from "@/components/dynamic-core/link";
-import { ExternalLinkIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/list-box/prefix-and-suffix.tsx b/www/src/registry/demos/list-box/prefix-and-suffix.tsx
index 552b6bc1d..4e1c25524 100644
--- a/www/src/registry/demos/list-box/prefix-and-suffix.tsx
+++ b/www/src/registry/demos/list-box/prefix-and-suffix.tsx
@@ -1,5 +1,5 @@
+import { SquarePenIcon, PlusSquareIcon, CopyIcon } from "lucide-react";
 import { ListBox, Item } from "@/components/dynamic-core/list-box";
-import { SquarePenIcon, PlusSquareIcon, CopyIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/menu/basic.tsx b/www/src/registry/demos/menu/basic.tsx
index 9939d869e..96dce4693 100644
--- a/www/src/registry/demos/menu/basic.tsx
+++ b/www/src/registry/demos/menu/basic.tsx
@@ -1,6 +1,6 @@
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/menu/composition.tsx b/www/src/registry/demos/menu/composition.tsx
index 866b2c07d..7b7d3ae78 100644
--- a/www/src/registry/demos/menu/composition.tsx
+++ b/www/src/registry/demos/menu/composition.tsx
@@ -1,3 +1,4 @@
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import {
   MenuContent,
@@ -5,7 +6,6 @@ import {
   MenuRoot,
 } from "@/components/dynamic-core/menu";
 import { Overlay } from "@/components/dynamic-core/overlay";
-import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/menu/controlled.tsx b/www/src/registry/demos/menu/controlled.tsx
index 0066d2d2e..592b59e1d 100644
--- a/www/src/registry/demos/menu/controlled.tsx
+++ b/www/src/registry/demos/menu/controlled.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
   const [isOpen, setOpen] = React.useState(false);
diff --git a/www/src/registry/demos/menu/disabled-items.tsx b/www/src/registry/demos/menu/disabled-items.tsx
index 7022863be..ce632d43e 100644
--- a/www/src/registry/demos/menu/disabled-items.tsx
+++ b/www/src/registry/demos/menu/disabled-items.tsx
@@ -1,6 +1,6 @@
+import { MenuIcon, PlusSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon, PlusSquareIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/menu/item-variant.tsx b/www/src/registry/demos/menu/item-variant.tsx
index 5b7689ddc..d149e6037 100644
--- a/www/src/registry/demos/menu/item-variant.tsx
+++ b/www/src/registry/demos/menu/item-variant.tsx
@@ -1,6 +1,6 @@
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/menu/label-and-description.tsx b/www/src/registry/demos/menu/label-and-description.tsx
index 7ef99a53c..835e29db4 100644
--- a/www/src/registry/demos/menu/label-and-description.tsx
+++ b/www/src/registry/demos/menu/label-and-description.tsx
@@ -1,6 +1,6 @@
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/menu/long-press.tsx b/www/src/registry/demos/menu/long-press.tsx
index b61b51f1a..bde9f9690 100644
--- a/www/src/registry/demos/menu/long-press.tsx
+++ b/www/src/registry/demos/menu/long-press.tsx
@@ -1,6 +1,6 @@
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/menu/overlay-type.tsx b/www/src/registry/demos/menu/overlay-type.tsx
index 19d53442a..012bedd76 100644
--- a/www/src/registry/demos/menu/overlay-type.tsx
+++ b/www/src/registry/demos/menu/overlay-type.tsx
@@ -1,11 +1,11 @@
 "use client";
 
 import React from "react";
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { type OverlayProps } from "@/components/dynamic-core/overlay";
 import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
-import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
   const [type, setType] = React.useState("popover");
diff --git a/www/src/registry/demos/menu/placement.tsx b/www/src/registry/demos/menu/placement.tsx
index 44dfaa468..f9f3e1360 100644
--- a/www/src/registry/demos/menu/placement.tsx
+++ b/www/src/registry/demos/menu/placement.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Item } from "@/components/dynamic-core/list-box";
 import {
@@ -10,7 +11,6 @@ import {
   type MenuProps,
 } from "@/components/dynamic-core/menu";
 import { Select } from "@/components/dynamic-core/select";
-import { MenuIcon } from "@/__icons__";
 
 type Placement = MenuProps<object>["placement"];
 
diff --git a/www/src/registry/demos/menu/prefix-and-suffix.tsx b/www/src/registry/demos/menu/prefix-and-suffix.tsx
index ca8fe035a..c57dd1298 100644
--- a/www/src/registry/demos/menu/prefix-and-suffix.tsx
+++ b/www/src/registry/demos/menu/prefix-and-suffix.tsx
@@ -1,6 +1,11 @@
+import {
+  CopyIcon,
+  MenuIcon,
+  PlusSquareIcon,
+  SquarePenIcon,
+} from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { CopyIcon, MenuIcon, PlusSquareIcon, SquarePenIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/menu/section.tsx b/www/src/registry/demos/menu/section.tsx
index 5c012c24b..2e670efa8 100644
--- a/www/src/registry/demos/menu/section.tsx
+++ b/www/src/registry/demos/menu/section.tsx
@@ -1,7 +1,7 @@
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { Section } from "@/components/dynamic-core/section";
-import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/menu/shortcut.tsx b/www/src/registry/demos/menu/shortcut.tsx
index ab4d2e7a5..c6165d114 100644
--- a/www/src/registry/demos/menu/shortcut.tsx
+++ b/www/src/registry/demos/menu/shortcut.tsx
@@ -1,6 +1,6 @@
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/menu/submenus.tsx b/www/src/registry/demos/menu/submenus.tsx
index 65a880d90..7669ac173 100644
--- a/www/src/registry/demos/menu/submenus.tsx
+++ b/www/src/registry/demos/menu/submenus.tsx
@@ -1,3 +1,4 @@
+import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import {
   Menu,
@@ -5,7 +6,6 @@ import {
   MenuRoot,
   MenuSub,
 } from "@/components/dynamic-core/menu";
-import { MenuIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/number-field/composition.tsx b/www/src/registry/demos/number-field/composition.tsx
index fc0a4d682..35e3e2c06 100644
--- a/www/src/registry/demos/number-field/composition.tsx
+++ b/www/src/registry/demos/number-field/composition.tsx
@@ -1,10 +1,10 @@
 import React from "react";
+import { MinusIcon, PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Description, Label } from "@/components/dynamic-core/field";
 import { Group } from "@/components/dynamic-core/group";
 import { Input, InputRoot } from "@/components/dynamic-core/input";
 import { NumberFieldRoot } from "@/components/dynamic-core/number-field";
-import { MinusIcon, PlusIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/progress/duration.tsx b/www/src/registry/demos/progress/duration.tsx
index 56814c8c1..ee015ddd7 100644
--- a/www/src/registry/demos/progress/duration.tsx
+++ b/www/src/registry/demos/progress/duration.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import * as React from "react";
+import { RotateCwIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Progress } from "@/components/dynamic-core/progress";
-import { RotateCwIcon } from "@/__icons__";
 
 export default function Demo() {
   const [key, setKey] = React.useState(0);
diff --git a/www/src/registry/demos/progress/toolbar.tsx b/www/src/registry/demos/progress/toolbar.tsx
index 4df09e668..5ad8bd04d 100644
--- a/www/src/registry/demos/progress/toolbar.tsx
+++ b/www/src/registry/demos/progress/toolbar.tsx
@@ -1,11 +1,11 @@
 "use client";
 
 import * as React from "react";
+import { ALargeSmallIcon, RotateCwIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Input, InputRoot } from "@/components/dynamic-core/input";
 import { Progress } from "@/components/dynamic-core/progress";
 import { TextFieldRoot } from "@/components/dynamic-core/text-field";
-import { ALargeSmallIcon, RotateCwIcon } from "@/__icons__";
 
 export default function Demo() {
   const [key, setKey] = React.useState(0);
diff --git a/www/src/registry/demos/range-calendar/composition.tsx b/www/src/registry/demos/range-calendar/composition.tsx
index e50356e3f..9038eab92 100644
--- a/www/src/registry/demos/range-calendar/composition.tsx
+++ b/www/src/registry/demos/range-calendar/composition.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import {
   CalendarHeader,
@@ -11,7 +12,6 @@ import {
 } from "@/components/dynamic-core/calendar";
 import { Heading } from "@/components/dynamic-core/heading";
 import { RangeCalendarRoot } from "@/components/dynamic-core/range-calendar";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/search-field/composition.tsx b/www/src/registry/demos/search-field/composition.tsx
index 557e32afd..891404af7 100644
--- a/www/src/registry/demos/search-field/composition.tsx
+++ b/www/src/registry/demos/search-field/composition.tsx
@@ -1,8 +1,8 @@
 import React from "react";
+import { SearchIcon } from "lucide-react";
 import { Description, Label } from "@/components/dynamic-core/field";
 import { Input, InputRoot } from "@/components/dynamic-core/input";
 import { SearchFieldRoot } from "@/components/dynamic-core/search-field";
-import { SearchIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/search-field/prefix-and-suffix.tsx b/www/src/registry/demos/search-field/prefix-and-suffix.tsx
index 18249723d..0294bfb5b 100644
--- a/www/src/registry/demos/search-field/prefix-and-suffix.tsx
+++ b/www/src/registry/demos/search-field/prefix-and-suffix.tsx
@@ -1,9 +1,9 @@
 "use client";
 
+import { XCircleIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { SearchField } from "@/components/dynamic-core/search-field";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { XCircleIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/select/composition.tsx b/www/src/registry/demos/select/composition.tsx
index bb4032596..a83c30b22 100644
--- a/www/src/registry/demos/select/composition.tsx
+++ b/www/src/registry/demos/select/composition.tsx
@@ -1,9 +1,9 @@
 import React from "react";
+import { ChevronsUpDownIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Item, ListBox } from "@/components/dynamic-core/list-box";
 import { Overlay } from "@/components/dynamic-core/overlay";
 import { SelectRoot, SelectValue } from "@/components/dynamic-core/select";
-import { ChevronsUpDownIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/slider/advanced-composition.tsx b/www/src/registry/demos/slider/advanced-composition.tsx
index f2cf2d1fc..6b4cdb097 100644
--- a/www/src/registry/demos/slider/advanced-composition.tsx
+++ b/www/src/registry/demos/slider/advanced-composition.tsx
@@ -1,3 +1,4 @@
+import { Volume1Icon, Volume2Icon } from "lucide-react";
 import { Label, Description } from "@/components/dynamic-core/field";
 import {
   SliderFiller,
@@ -6,7 +7,6 @@ import {
   SliderTrack,
   SliderValueLabel,
 } from "@/components/dynamic-core/slider";
-import { Volume1Icon, Volume2Icon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/text-area/prefix-and-suffix.tsx b/www/src/registry/demos/text-area/prefix-and-suffix.tsx
index 3cf674201..b3c8f1c34 100644
--- a/www/src/registry/demos/text-area/prefix-and-suffix.tsx
+++ b/www/src/registry/demos/text-area/prefix-and-suffix.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from "react";
+import { BoldIcon, ItalicIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { TextArea } from "@/components/dynamic-core/text-area";
 import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { BoldIcon, ItalicIcon } from "@/__icons__";
 
 export default function Demo() {
   const [inputValue, setInputValue] = React.useState("");
diff --git a/www/src/registry/demos/text-field/prefix-and-suffix.tsx b/www/src/registry/demos/text-field/prefix-and-suffix.tsx
index 5f8c45687..61cd65a42 100644
--- a/www/src/registry/demos/text-field/prefix-and-suffix.tsx
+++ b/www/src/registry/demos/text-field/prefix-and-suffix.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from "react";
+import { XCircleIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { XCircleIcon } from "@/__icons__";
 
 export default function Demo() {
   const [inputValue, setInputValue] = React.useState("Hello world!");
diff --git a/www/src/registry/demos/time-field/prefix-and-suffix.tsx b/www/src/registry/demos/time-field/prefix-and-suffix.tsx
index 83493c239..f5b587d1a 100644
--- a/www/src/registry/demos/time-field/prefix-and-suffix.tsx
+++ b/www/src/registry/demos/time-field/prefix-and-suffix.tsx
@@ -1,5 +1,5 @@
+import { TimerIcon } from "lucide-react";
 import { TimeField } from "@/components/dynamic-core/time-field";
-import { TimerIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/toggle-button/controlled.tsx b/www/src/registry/demos/toggle-button/controlled.tsx
index d398167c8..b0f5f655f 100644
--- a/www/src/registry/demos/toggle-button/controlled.tsx
+++ b/www/src/registry/demos/toggle-button/controlled.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
+import { PinIcon } from "lucide-react";
 import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
 
 export default function Demo() {
   const [isSelected, setSelected] = React.useState(true);
diff --git a/www/src/registry/demos/toggle-button/default.tsx b/www/src/registry/demos/toggle-button/default.tsx
index 5d7f8f7c0..cadac2864 100644
--- a/www/src/registry/demos/toggle-button/default.tsx
+++ b/www/src/registry/demos/toggle-button/default.tsx
@@ -1,5 +1,5 @@
+import { PinIcon } from "lucide-react";
 import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/toggle-button/disabled.tsx b/www/src/registry/demos/toggle-button/disabled.tsx
index 2dc1ed69f..f1c22b2a0 100644
--- a/www/src/registry/demos/toggle-button/disabled.tsx
+++ b/www/src/registry/demos/toggle-button/disabled.tsx
@@ -1,5 +1,5 @@
+import { PinIcon } from "lucide-react";
 import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/toggle-button/shapes.tsx b/www/src/registry/demos/toggle-button/shapes.tsx
index f875a6d5d..94ccd370c 100644
--- a/www/src/registry/demos/toggle-button/shapes.tsx
+++ b/www/src/registry/demos/toggle-button/shapes.tsx
@@ -1,5 +1,5 @@
+import { PinIcon } from "lucide-react";
 import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/toggle-button/sizes.tsx b/www/src/registry/demos/toggle-button/sizes.tsx
index 368b97152..0dc70683b 100644
--- a/www/src/registry/demos/toggle-button/sizes.tsx
+++ b/www/src/registry/demos/toggle-button/sizes.tsx
@@ -1,5 +1,5 @@
+import { PinIcon } from "lucide-react";
 import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
 
 const sizes = ["sm", "md", "lg"] as const;
 
diff --git a/www/src/registry/demos/toggle-button/uncontrolled.tsx b/www/src/registry/demos/toggle-button/uncontrolled.tsx
index 42be8bb47..3cd36f664 100644
--- a/www/src/registry/demos/toggle-button/uncontrolled.tsx
+++ b/www/src/registry/demos/toggle-button/uncontrolled.tsx
@@ -1,5 +1,5 @@
+import { PinIcon } from "lucide-react";
 import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/toggle-button/variants.tsx b/www/src/registry/demos/toggle-button/variants.tsx
index be65a9244..239524e76 100644
--- a/www/src/registry/demos/toggle-button/variants.tsx
+++ b/www/src/registry/demos/toggle-button/variants.tsx
@@ -1,5 +1,5 @@
+import { PinIcon } from "lucide-react";
 import { ToggleButton } from "@/components/dynamic-core/toggle-button";
-import { PinIcon } from "@/__icons__";
 
 const variants = ["quiet", "outline", "accent"] as const;
 
diff --git a/www/src/registry/demos/tooltip/arrow.tsx b/www/src/registry/demos/tooltip/arrow.tsx
index b38d2b49f..3454137f9 100644
--- a/www/src/registry/demos/tooltip/arrow.tsx
+++ b/www/src/registry/demos/tooltip/arrow.tsx
@@ -1,6 +1,6 @@
+import { PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/tooltip/container-padding.tsx b/www/src/registry/demos/tooltip/container-padding.tsx
index c7e0575e1..5dad024bc 100644
--- a/www/src/registry/demos/tooltip/container-padding.tsx
+++ b/www/src/registry/demos/tooltip/container-padding.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from "react";
+import { PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
   const [containerPadding, setContainerPadding] = React.useState(12);
diff --git a/www/src/registry/demos/tooltip/default.tsx b/www/src/registry/demos/tooltip/default.tsx
index bdff890a4..55c5f048e 100644
--- a/www/src/registry/demos/tooltip/default.tsx
+++ b/www/src/registry/demos/tooltip/default.tsx
@@ -1,6 +1,6 @@
+import { PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/tooltip/delay.tsx b/www/src/registry/demos/tooltip/delay.tsx
index 9246804f2..d4a243e4d 100644
--- a/www/src/registry/demos/tooltip/delay.tsx
+++ b/www/src/registry/demos/tooltip/delay.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from "react";
+import { PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
   const [delay, setDelay] = React.useState(700);
diff --git a/www/src/registry/demos/tooltip/flip.tsx b/www/src/registry/demos/tooltip/flip.tsx
index c8632c000..842314354 100644
--- a/www/src/registry/demos/tooltip/flip.tsx
+++ b/www/src/registry/demos/tooltip/flip.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from "react";
+import { PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Switch } from "@/components/dynamic-core/switch";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
   const [shouldFlip, setShouldFlip] = React.useState(false);
diff --git a/www/src/registry/demos/tooltip/offset.tsx b/www/src/registry/demos/tooltip/offset.tsx
index 541d4a722..a27d12797 100644
--- a/www/src/registry/demos/tooltip/offset.tsx
+++ b/www/src/registry/demos/tooltip/offset.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from "react";
+import { PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
   const [offset, setOffset] = React.useState(10);
diff --git a/www/src/registry/demos/tooltip/placement.tsx b/www/src/registry/demos/tooltip/placement.tsx
index 529ed4cdc..d09c212d9 100644
--- a/www/src/registry/demos/tooltip/placement.tsx
+++ b/www/src/registry/demos/tooltip/placement.tsx
@@ -1,7 +1,7 @@
 import React from "react";
+import { PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/tooltip/with-arrow.tsx b/www/src/registry/demos/tooltip/with-arrow.tsx
index 54a6e6c6d..5025cb731 100644
--- a/www/src/registry/demos/tooltip/with-arrow.tsx
+++ b/www/src/registry/demos/tooltip/with-arrow.tsx
@@ -1,6 +1,6 @@
+import { PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
-import { PlusIcon } from "@/__icons__";
 
 export default function TooltipDemo() {
   return (
diff --git a/www/src/registry/icons.ts b/www/src/registry/icons.ts
index 61b495aab..625e7e1f2 100644
--- a/www/src/registry/icons.ts
+++ b/www/src/registry/icons.ts
@@ -1,46 +1,33 @@
-export const iconLibraries: {
-  name: string;
-  label: string;
-  dependency: string;
-  import: string;
-}[] = [
-  {
-    name: "lucide",
-    label: "Lucide icons",
-    dependency: "lucide-react",
+export const iconLibraries = {
+  lucide: {
+    name: "lucide-react",
+    package: "lucide-react",
     import: "lucide-react",
   },
-  {
-    name: "remix",
-    label: "Remix icons",
-    dependency: "@remixicon/react",
+  remix: {
+    name: "@remixicon/react",
+    package: "@remixicon/react",
     import: "@remixicon/react",
   },
-] as const;
+} as const;
 
-export type IconLibrary = (typeof iconLibraries)[number]["name"];
-
-type Icons = {
-  [key: string]: {
-    lucide: string;
-    remix: string;
-  };
-};
-
-export const icons: Icons = {
-  LoaderIcon: {
+export const icons: Record<
+  string,
+  Record<keyof typeof iconLibraries, string>
+> = {
+  Loader2Icon: {
     lucide: "Loader2Icon",
     remix: "RiLoader4Line",
   },
-  DangerIcon: {
+  AlertCircleIcon: {
     lucide: "AlertCircleIcon",
     remix: "RiErrorWarningFill",
   },
-  WarningIcon: {
+  AlertTriangleIcon: {
     lucide: "AlertTriangleIcon",
     remix: "RiAlertLine",
   },
-  SuccessIcon: {
+  CheckCircle2Icon: {
     lucide: "CheckCircle2Icon",
     remix: "RiCheckboxCircleLine",
   },
@@ -68,7 +55,7 @@ export const icons: Icons = {
     lucide: "SearchIcon",
     remix: "RiSearchLine",
   },
-  HelpIcon: {
+  HelpCircleIcon: {
     lucide: "HelpCircleIcon",
     remix: "RiQuestionLine",
   },
@@ -104,7 +91,7 @@ export const icons: Icons = {
     lucide: "GlobeIcon",
     remix: "RiGlobalLine",
   },
-  UserIcon: {
+  User2Icon: {
     lucide: "User2Icon",
     remix: "RiUserLine",
   },
@@ -112,7 +99,7 @@ export const icons: Icons = {
     lucide: "ShieldIcon",
     remix: "RiShieldLine",
   },
-  ChevronRightCircleIcon: {
+  ArrowRightCircleIcon: {
     lucide: "ArrowRightCircleIcon",
     remix: "RiArrowRightCircleLine",
   },
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
index 07646edf5..bc7b1e80c 100644
--- a/www/src/registry/types.ts
+++ b/www/src/registry/types.ts
@@ -1,25 +1,28 @@
 export type RegistryType = "registry:core" | "registry:hook" | "registry:lib";
 
-export type RegistryItem = Prettify<{
-  name: string;
-  type: RegistryType;
-  description?: string;
-} & (
-  | {
-      dependencies?: string[];
-      registryDependencies?: string[];
-      files: {
-        path: string;
-        type: RegistryType;
-        target: string;
-      }[];
-    }
-  | {
-      variants: {
-        name: string;
-        description?: string;
-      }[];
-    }
-)>;
+export type RegistryItem = Prettify<
+  {
+    name: string;
+    type: RegistryType;
+    description?: string;
+  } & (
+    | {
+        dependencies?: string[];
+        registryDependencies?: string[];
+        files: {
+          path: string;
+          type: RegistryType;
+          target: string;
+        }[];
+      }
+    | {
+        components: string[]; // needed for build-internal-registry.ts
+        variants: {
+          name: string;
+          description?: string;
+        }[];
+      }
+  )
+>;
 
 export type Registry = RegistryItem[];
diff --git a/www/src/types/theme.ts b/www/src/types/theme.ts
index 90ea2614b..4fbea09cb 100644
--- a/www/src/types/theme.ts
+++ b/www/src/types/theme.ts
@@ -60,5 +60,5 @@ export type Theme = {
   };
   radius: number;
   defaultMode: "light" | "dark";
-  // iconLibrary: "lucide" | "phosphor";
+  iconLibrary: "lucide" | "remix";
 };

From 7cf7e3df2432f02c42a2bc06ee406334095bb2e2 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 7 Dec 2024 19:46:34 +0100
Subject: [PATCH 024/165] chore: we're getting there

---
 pnpm-lock.yaml                               | 16 +++----
 www/package.json                             |  4 +-
 www/src/__registry__/dynamic-core/button.tsx |  3 --
 www/src/__registry__/dynamic-core/index.ts   | 14 -------
 www/src/app/(app)/internal/page.tsx          | 12 ++++++
 www/src/components/dynamic-core/button.tsx   | 10 ++++-
 www/src/hooks/use-themes.ts                  |  1 +
 www/src/lib/create-dynamic-component.tsx     | 44 ++++++++++++++++++++
 www/src/lib/themes.ts                        | 15 +++++++
 www/src/registry/core.ts                     |  4 --
 www/src/registry/types.ts                    |  1 -
 www/src/types/theme.ts                       |  1 +
 12 files changed, 92 insertions(+), 33 deletions(-)
 delete mode 100644 www/src/__registry__/dynamic-core/button.tsx
 delete mode 100644 www/src/__registry__/dynamic-core/index.ts
 create mode 100644 www/src/app/(app)/internal/page.tsx
 create mode 100644 www/src/lib/create-dynamic-component.tsx

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6e40a156c..71b5fd6b3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -273,11 +273,11 @@ importers:
         specifier: ^10.1.1
         version: 10.1.1
       jotai:
-        specifier: ^2.10.1
-        version: 2.10.1(@types/react@18.3.10)(react@18.3.1)
+        specifier: 2.8.0
+        version: 2.8.0(@types/react@18.3.10)(react@18.3.1)
       jotai-immer:
         specifier: ^0.4.1
-        version: 0.4.1(immer@10.1.1)(jotai@2.10.1(@types/react@18.3.10)(react@18.3.1))
+        version: 0.4.1(immer@10.1.1)(jotai@2.8.0(@types/react@18.3.10)(react@18.3.1))
       lucide-react:
         specifier: ^0.311.0
         version: 0.311.0(react@18.3.1)
@@ -4459,8 +4459,8 @@ packages:
       immer: '>=9.0.0'
       jotai: '>=2.0.0'
 
-  jotai@2.10.1:
-    resolution: {integrity: sha512-4FycO+BOTl2auLyF2Chvi6KTDqdsdDDtpaL/WHQMs8f3KS1E3loiUShQzAzFA/sMU5cJ0hz/RT1xum9YbG/zaA==}
+  jotai@2.8.0:
+    resolution: {integrity: sha512-yZNMC36FdLOksOr8qga0yLf14miCJlEThlp5DeFJNnqzm2+ZG7wLcJzoOyij5K6U6Xlc5ljQqPDlJRgqW0Y18g==}
     engines: {node: '>=12.20.0'}
     peerDependencies:
       '@types/react': '>=17.0.0'
@@ -11873,12 +11873,12 @@ snapshots:
 
   jju@1.4.0: {}
 
-  jotai-immer@0.4.1(immer@10.1.1)(jotai@2.10.1(@types/react@18.3.10)(react@18.3.1)):
+  jotai-immer@0.4.1(immer@10.1.1)(jotai@2.8.0(@types/react@18.3.10)(react@18.3.1)):
     dependencies:
       immer: 10.1.1
-      jotai: 2.10.1(@types/react@18.3.10)(react@18.3.1)
+      jotai: 2.8.0(@types/react@18.3.10)(react@18.3.1)
 
-  jotai@2.10.1(@types/react@18.3.10)(react@18.3.1):
+  jotai@2.8.0(@types/react@18.3.10)(react@18.3.1):
     optionalDependencies:
       '@types/react': 18.3.10
       react: 18.3.1
diff --git a/www/package.json b/www/package.json
index 6ea184de9..7f38b5e8a 100644
--- a/www/package.json
+++ b/www/package.json
@@ -8,7 +8,7 @@
     "build:internal-registry": "tsx ./scripts/build-internal-registry.ts && prettier --log-level silent --write \"src/__registry__/**/*.{ts,tsx,mdx}\" --cache",
     "build:demos": "tsx ./scripts/build-demos.ts && prettier --log-level silent --write \"src/__demos__/index.tsx\" --cache",
     "start": "next start",
-    "dev": "next dev --turbo",
+    "dev": "next dev",
     "preview": "next build && next start",
     "format": "prettier --write \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
     "format:check": "prettier --check \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
@@ -39,7 +39,7 @@
     "geist": "^1.2.2",
     "hast-util-to-string": "^3.0.1",
     "immer": "^10.1.1",
-    "jotai": "^2.10.1",
+    "jotai": "2.8.0",
     "jotai-immer": "^0.4.1",
     "lucide-react": "^0.311.0",
     "nanoid": "^5.0.7",
diff --git a/www/src/__registry__/dynamic-core/button.tsx b/www/src/__registry__/dynamic-core/button.tsx
deleted file mode 100644
index 6aa289256..000000000
--- a/www/src/__registry__/dynamic-core/button.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Button as Button01 } from "@/__registry__/core/button-01"
-import { Button as Button02 } from "@/__registry__/core/button-01"
-
diff --git a/www/src/__registry__/dynamic-core/index.ts b/www/src/__registry__/dynamic-core/index.ts
deleted file mode 100644
index 4f6c474f9..000000000
--- a/www/src/__registry__/dynamic-core/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-const Components = {
-  button: {
-    "button-01": React.lazy(() =>
-      import("@/__registry__/core/button-01").then((module) => ({
-        default: module.Button,
-      }))
-    ),
-    "button-02": React.lazy(() =>
-      import("@/__registry__/core/button-02").then((module) => ({
-        default: module.Button,
-      }))
-    ),
-  },
-};
diff --git a/www/src/app/(app)/internal/page.tsx b/www/src/app/(app)/internal/page.tsx
new file mode 100644
index 000000000..d9b7073f6
--- /dev/null
+++ b/www/src/app/(app)/internal/page.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+
+export default function Page() {
+  return (
+    <React.Suspense fallback="loading">
+      <Button>Salem</Button>
+    </React.Suspense>
+  );
+}
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index 073bd30b0..dece1388d 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -1 +1,9 @@
-export * from "@/__registry__/core/button-02";
+"use client";
+
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import { ButtonProps } from "@/registry/core/button-01";
+
+export const Button = createDynamicComponent<ButtonProps>("button", "Button", {
+  "button-01": () => import("@/__registry__/core/button-01"),
+  "button-02": () => import("@/__registry__/core/button-02"),
+});
diff --git a/www/src/hooks/use-themes.ts b/www/src/hooks/use-themes.ts
index 10cabe2ae..5a028b095 100644
--- a/www/src/hooks/use-themes.ts
+++ b/www/src/hooks/use-themes.ts
@@ -213,5 +213,6 @@ export const useThemes = () => {
     deleteTheme,
     showKeyboardHint,
     setShowKeyboardHint,
+    currentVariants: currentTheme.variants,
   };
 };
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
new file mode 100644
index 000000000..6dc379c53
--- /dev/null
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+import { useThemes } from "@/hooks/use-themes";
+
+type Registry = Record<string, () => Promise<any>>;
+
+export const createDynamicComponent = <Props extends {}>(
+  registryItem: string,
+  componentName: string,
+  registry: Registry
+) => {
+  const Component: React.FC<Props> = (props) => {
+    const { currentTheme } = useThemes();
+
+    const variant = currentTheme.variants[registryItem];
+
+    if (!variant || !registry[variant]) {
+      throw new Error(
+        `Variant "${variant}" for component "${componentName}" not found in the registry.`
+      );
+    }
+
+    const LazyComponent = React.lazy(() =>
+      registry[variant]().then((module) => {
+        const exportComponent = module[componentName];
+        if (!exportComponent) {
+          throw new Error(
+            `Component "${componentName}" not found in module for variant "${variant}".`
+          );
+        }
+        return { default: exportComponent };
+      })
+    );
+
+    return (
+      <React.Suspense>
+        <LazyComponent {...props} />
+      </React.Suspense>
+    );
+  };
+
+  Component.displayName = componentName;
+
+  return Component;
+};
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index 18bbd2333..66ebd845f 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -10,6 +10,11 @@ export const dotUIThemes: Theme[] = [
       body: "josefin",
     },
     radius: 0.5,
+    iconLibrary: "lucide",
+    variants: {
+      button: "button-01",
+      calendar: "calendar-01",
+    },
     colors: {
       light: {
         neutral: {
@@ -180,6 +185,11 @@ export const dotUIThemes: Theme[] = [
       body: "inter",
     },
     radius: 0.5,
+    iconLibrary: "lucide",
+    variants: {
+      button: "button-02",
+      calendar: "calendar-01",
+    },
     colors: {
       light: {
         neutral: {
@@ -350,6 +360,11 @@ export const dotUIThemes: Theme[] = [
       body: "josefin",
     },
     radius: 0,
+    iconLibrary: "lucide",
+    variants: {
+      button: "button-02",
+      calendar: "calendar-01",
+    },
     colors: {
       light: {
         neutral: {
diff --git a/www/src/registry/core.ts b/www/src/registry/core.ts
index 2de14fc3d..de1b591c3 100644
--- a/www/src/registry/core.ts
+++ b/www/src/registry/core.ts
@@ -4,7 +4,6 @@ export const core: Registry = [
   {
     name: "alert",
     type: "registry:core",
-    components: ["Alert"],
     variants: [
       {
         name: "alert-01",
@@ -25,7 +24,6 @@ export const core: Registry = [
   {
     name: "avatar",
     type: "registry:core",
-    components: ["Avatar"],
     variants: [
       {
         name: "avatar-01",
@@ -45,7 +43,6 @@ export const core: Registry = [
   },
   {
     name: "badge",
-    components: ["Badge"],
     type: "registry:core",
     variants: [
       {
@@ -67,7 +64,6 @@ export const core: Registry = [
   {
     name: "breadcrumbs",
     type: "registry:core",
-    components: ["Breadcrumbs"],
     variants: [
       {
         name: "breadcrumbs-01",
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
index bc7b1e80c..d6fcfcc41 100644
--- a/www/src/registry/types.ts
+++ b/www/src/registry/types.ts
@@ -16,7 +16,6 @@ export type RegistryItem = Prettify<
         }[];
       }
     | {
-        components: string[]; // needed for build-internal-registry.ts
         variants: {
           name: string;
           description?: string;
diff --git a/www/src/types/theme.ts b/www/src/types/theme.ts
index 4fbea09cb..e4577c10f 100644
--- a/www/src/types/theme.ts
+++ b/www/src/types/theme.ts
@@ -61,4 +61,5 @@ export type Theme = {
   radius: number;
   defaultMode: "light" | "dark";
   iconLibrary: "lucide" | "remix";
+  variants: Record<string, string>;
 };

From 979975bbb6cc91cc44e297996d607030bfc47ed8 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 8 Dec 2024 18:05:50 +0100
Subject: [PATCH 025/165] chore: will be back

---
 www/src/__icons__/create-icon.tsx             |  18 --
 www/src/__icons__/index.tsx                   | 230 ------------------
 www/src/__registry__/core/calendar-01.tsx     |  14 +-
 www/src/__registry__/core/calendar-02.tsx     |   4 +-
 .../(preview)/preview/(auth)/login/page.tsx   |   6 +-
 .../preview/(auth)/register/page.tsx          |   6 +-
 .../(preview)/preview/(marketing)/layout.tsx  |   2 +-
 .../(preview)/preview/(marketing)/page.tsx    |   2 +-
 www/src/app/(preview)/preview/app/layout.tsx  |   4 +-
 www/src/components/component-preview.tsx      |   3 +-
 www/src/components/dynamic-core/alert.tsx     |  67 ++++-
 .../components/dynamic-core/aspect-ratio.tsx  |   1 -
 www/src/components/dynamic-core/avatar.tsx    |  65 ++++-
 www/src/components/dynamic-core/badge.tsx     |  18 +-
 .../components/dynamic-core/breadcrumbs.tsx   |   2 +-
 www/src/components/dynamic-core/button.tsx    |  22 +-
 www/src/components/dynamic-core/calendar.tsx  | 109 ++++++++-
 www/src/components/theme-override.tsx         |  11 +-
 www/src/lib/create-dynamic-component.tsx      |  28 +--
 www/src/lib/create-dynamic-styles.ts          |  23 ++
 www/src/lib/create-icon.tsx                   |  15 +-
 www/src/lib/dynamic-component-loader.ts       |   0
 www/src/lib/themes.ts                         |   2 +-
 www/src/registry/core/breadcrumbs-01.tsx      |   1 +
 www/src/registry/core/button-02.tsx           |   2 +-
 www/src/registry/core/calendar-01.tsx         |  14 +-
 www/src/registry/core/calendar-02.tsx         | 223 -----------------
 27 files changed, 351 insertions(+), 541 deletions(-)
 delete mode 100644 www/src/__icons__/create-icon.tsx
 delete mode 100644 www/src/__icons__/index.tsx
 delete mode 100644 www/src/components/dynamic-core/aspect-ratio.tsx
 create mode 100644 www/src/lib/create-dynamic-styles.ts
 delete mode 100644 www/src/lib/dynamic-component-loader.ts
 delete mode 100644 www/src/registry/core/calendar-02.tsx

diff --git a/www/src/__icons__/create-icon.tsx b/www/src/__icons__/create-icon.tsx
deleted file mode 100644
index 51321c253..000000000
--- a/www/src/__icons__/create-icon.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React, { forwardRef } from "react";
-
-export const createIcon = (icons: {
-  lucide: React.ElementType;
-  remix: React.ElementType;
-}) => {
-  const Icon = forwardRef<HTMLElement, { className?: string }>((props, ref) => {
-    // TODO: get icon library from config
-    const iconLibrary = "lucide";
-    const IconComponent = icons[iconLibrary as keyof typeof icons];
-    if (!IconComponent) {
-      return null;
-    }
-    return <IconComponent {...props} ref={ref} />;
-  });
-  Icon.displayName = "Icon";
-  return Icon;
-};
diff --git a/www/src/__icons__/index.tsx b/www/src/__icons__/index.tsx
deleted file mode 100644
index ec9382fce..000000000
--- a/www/src/__icons__/index.tsx
+++ /dev/null
@@ -1,230 +0,0 @@
-"use client";
-
-// This file is autogenerated by scripts/build-registry.ts
-// Do not edit this file directly.
-import * as remix from "@remixicon/react";
-import * as lucide from "lucide-react";
-import { createIcon } from "./create-icon";
-
-// This file is autogenerated by scripts/build-registry.ts
-// Do not edit this file directly.
-
-export const LoaderIcon = createIcon({
-  lucide: lucide.Loader2Icon,
-  remix: remix.RiLoader4Line,
-});
-
-export const DangerIcon = createIcon({
-  lucide: lucide.AlertCircleIcon,
-  remix: remix.RiErrorWarningFill,
-});
-
-export const WarningIcon = createIcon({
-  lucide: lucide.AlertTriangleIcon,
-  remix: remix.RiAlertLine,
-});
-
-export const SuccessIcon = createIcon({
-  lucide: lucide.CheckCircle2Icon,
-  remix: remix.RiCheckboxCircleLine,
-});
-
-export const InfoIcon = createIcon({
-  lucide: lucide.InfoIcon,
-  remix: remix.RiInformationLine,
-});
-
-export const ChevronRightIcon = createIcon({
-  lucide: lucide.ChevronRightIcon,
-  remix: remix.RiArrowRightSLine,
-});
-
-export const ChevronLeftIcon = createIcon({
-  lucide: lucide.ChevronLeftIcon,
-  remix: remix.RiArrowLeftSLine,
-});
-
-export const ChevronDownIcon = createIcon({
-  lucide: lucide.ChevronDownIcon,
-  remix: remix.RiArrowDownSLine,
-});
-
-export const ChevronUpIcon = createIcon({
-  lucide: lucide.ChevronUpIcon,
-  remix: remix.RiArrowUpSLine,
-});
-
-export const SearchIcon = createIcon({
-  lucide: lucide.SearchIcon,
-  remix: remix.RiSearchLine,
-});
-
-export const HelpIcon = createIcon({
-  lucide: lucide.HelpCircleIcon,
-  remix: remix.RiQuestionLine,
-});
-
-export const CalendarIcon = createIcon({
-  lucide: lucide.CalendarIcon,
-  remix: remix.RiCalendarLine,
-});
-
-export const XIcon = createIcon({
-  lucide: lucide.XIcon,
-  remix: remix.RiCloseLine,
-});
-
-export const AsteriskIcon = createIcon({
-  lucide: lucide.AsteriskIcon,
-  remix: remix.RiAsterisk,
-});
-
-export const CheckIcon = createIcon({
-  lucide: lucide.CheckIcon,
-  remix: remix.RiCheckLine,
-});
-
-export const MinusIcon = createIcon({
-  lucide: lucide.MinusIcon,
-  remix: remix.RiSubtractLine,
-});
-
-export const PlusIcon = createIcon({
-  lucide: lucide.PlusIcon,
-  remix: remix.RiAddLine,
-});
-
-export const WalletIcon = createIcon({
-  lucide: lucide.WalletIcon,
-  remix: remix.RiWalletLine,
-});
-
-export const GlobeIcon = createIcon({
-  lucide: lucide.GlobeIcon,
-  remix: remix.RiGlobalLine,
-});
-
-export const UserIcon = createIcon({
-  lucide: lucide.User2Icon,
-  remix: remix.RiUserLine,
-});
-
-export const ShieldIcon = createIcon({
-  lucide: lucide.ShieldIcon,
-  remix: remix.RiShieldLine,
-});
-
-export const ChevronRightCircleIcon = createIcon({
-  lucide: lucide.ArrowRightCircleIcon,
-  remix: remix.RiArrowRightCircleLine,
-});
-
-export const HomeIcon = createIcon({
-  lucide: lucide.HomeIcon,
-  remix: remix.RiHomeLine,
-});
-
-export const LogInIcon = createIcon({
-  lucide: lucide.LogInIcon,
-  remix: remix.RiLoginBoxLine,
-});
-
-export const UploadIcon = createIcon({
-  lucide: lucide.UploadIcon,
-  remix: remix.RiUpload2Line,
-});
-
-export const PaletteIcon = createIcon({
-  lucide: lucide.PaletteIcon,
-  remix: remix.RiPaletteLine,
-});
-
-export const UsersIcon = createIcon({
-  lucide: lucide.UsersIcon,
-  remix: remix.RiGroupLine,
-});
-
-export const PlaneIcon = createIcon({
-  lucide: lucide.PlaneIcon,
-  remix: remix.RiPlaneLine,
-});
-
-export const CameraIcon = createIcon({
-  lucide: lucide.CameraIcon,
-  remix: remix.RiCameraLine,
-});
-
-export const ExternalLinkIcon = createIcon({
-  lucide: lucide.ExternalLinkIcon,
-  remix: remix.RiExternalLinkLine,
-});
-
-export const MenuIcon = createIcon({
-  lucide: lucide.MenuIcon,
-  remix: remix.RiMenuLine,
-});
-
-export const CopyIcon = createIcon({
-  lucide: lucide.CopyIcon,
-  remix: remix.RiFileCopyLine,
-});
-
-export const PlusSquareIcon = createIcon({
-  lucide: lucide.PlusSquareIcon,
-  remix: remix.RiAddBoxLine,
-});
-
-export const SquarePenIcon = createIcon({
-  lucide: lucide.SquarePenIcon,
-  remix: remix.RiEditLine,
-});
-
-export const RotateCwIcon = createIcon({
-  lucide: lucide.RotateCwIcon,
-  remix: remix.RiRestartLine,
-});
-
-export const XCircleIcon = createIcon({
-  lucide: lucide.XCircleIcon,
-  remix: remix.RiCloseCircleLine,
-});
-
-export const BoldIcon = createIcon({
-  lucide: lucide.BoldIcon,
-  remix: remix.RiBold,
-});
-
-export const ItalicIcon = createIcon({
-  lucide: lucide.ItalicIcon,
-  remix: remix.RiItalic,
-});
-
-export const TimerIcon = createIcon({
-  lucide: lucide.TimerIcon,
-  remix: remix.RiTimerLine,
-});
-
-export const PinIcon = createIcon({
-  lucide: lucide.PinIcon,
-  remix: remix.RiPushpinLine,
-});
-
-export const ALargeSmallIcon = createIcon({
-  lucide: lucide.ALargeSmallIcon,
-  remix: remix.RiFontSize,
-});
-
-export const Volume1Icon = createIcon({
-  lucide: lucide.Volume1Icon,
-  remix: remix.RiVolumeDownLine,
-});
-
-export const Volume2Icon = createIcon({
-  lucide: lucide.Volume2Icon,
-  remix: remix.RiVolumeUpLine,
-});
-
-export const ChevronsUpDownIcon = createIcon({
-  lucide: lucide.ChevronsUpDownIcon,
-  remix: remix.RiExpandUpDownLine,
-});
diff --git a/www/src/__registry__/core/calendar-01.tsx b/www/src/__registry__/core/calendar-01.tsx
index b3174e384..52bcfa344 100644
--- a/www/src/__registry__/core/calendar-01.tsx
+++ b/www/src/__registry__/core/calendar-01.tsx
@@ -20,7 +20,8 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, buttonStyles } from "@/registry/core/button-01";
+import { Button } from "@/components/dynamic-core/button";
+import { buttonStyles } from "@/registry/core/button-01";
 import { Heading } from "@/registry/core/heading-01";
 import { Text } from "@/registry/core/text-01";
 import { ChevronLeftIcon, ChevronRightIcon } from "@/__registry__/icons";
@@ -47,11 +48,11 @@ const calendarStyles = tv({
     range: {
       false: {
         cell: [
-          buttonStyles({
-            variant: "quiet",
-            shape: "square",
-            size: "sm",
-          }),
+          // buttonStyles({
+          //   variant: "quiet",
+          //   shape: "square",
+          //   size: "sm",
+          // }),
           "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
           "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
           "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
@@ -210,6 +211,7 @@ export type {
   CalendarGridBodyProps,
   CalendarCellProps,
 };
+
 export {
   Calendar,
   CalendarRoot,
diff --git a/www/src/__registry__/core/calendar-02.tsx b/www/src/__registry__/core/calendar-02.tsx
index dfa46953c..c5df24425 100644
--- a/www/src/__registry__/core/calendar-02.tsx
+++ b/www/src/__registry__/core/calendar-02.tsx
@@ -27,7 +27,7 @@ import { ChevronLeftIcon, ChevronRightIcon } from "@/__registry__/icons";
 
 const calendarStyles = tv({
   slots: {
-    root: "bg-red-500",
+    root: "",
     header: "mb-4 flex items-center justify-between gap-2",
     grid: "w-full border-collapse",
     gridHeader: "mb-4",
@@ -38,7 +38,7 @@ const calendarStyles = tv({
   variants: {
     standalone: {
       true: {
-        root: "bg-bg rounded-md border p-3",
+        root: "rounded-md border p-3",
       },
       false: {
         root: "rounded-[inherit]",
diff --git a/www/src/app/(preview)/preview/(auth)/login/page.tsx b/www/src/app/(preview)/preview/(auth)/login/page.tsx
index 3628cbe8e..00ca2ab0e 100644
--- a/www/src/app/(preview)/preview/(auth)/login/page.tsx
+++ b/www/src/app/(preview)/preview/(auth)/login/page.tsx
@@ -2,9 +2,9 @@
 
 import { useRouter } from "next/navigation";
 import { Form } from "react-aria-components";
-import { Button } from "@/components/core/button";
-import { Link } from "@/components/core/link";
-import { TextField } from "@/components/core/text-field";
+import { Button } from "@/components/dynamic-core/button";
+import { Link } from "@/components/dynamic-core/link";
+import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { GoogleIcon } from "@/components/icons/google-icon";
 import { useSimulateApiCall } from "@/app/(preview)/preview/hooks/use-api";
diff --git a/www/src/app/(preview)/preview/(auth)/register/page.tsx b/www/src/app/(preview)/preview/(auth)/register/page.tsx
index 75129a5c3..ba10efc32 100644
--- a/www/src/app/(preview)/preview/(auth)/register/page.tsx
+++ b/www/src/app/(preview)/preview/(auth)/register/page.tsx
@@ -1,6 +1,6 @@
-import { Button } from "@/components/core/button";
-import { Link } from "@/components/core/link";
-import { TextField } from "@/components/core/text-field";
+import { Button } from "@/components/dynamic-core/button";
+import { Link } from "@/components/dynamic-core/link";
+import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { GoogleIcon } from "@/components/icons/google-icon";
 
diff --git a/www/src/app/(preview)/preview/(marketing)/layout.tsx b/www/src/app/(preview)/preview/(marketing)/layout.tsx
index d2d4b5787..b0ece7fa1 100644
--- a/www/src/app/(preview)/preview/(marketing)/layout.tsx
+++ b/www/src/app/(preview)/preview/(marketing)/layout.tsx
@@ -1,5 +1,5 @@
 import { HexagonIcon } from "lucide-react";
-import { Button } from "@/components/core/button";
+import { Button } from "@/components/dynamic-core/button";
 
 export default function MarketingLayout({
   children,
diff --git a/www/src/app/(preview)/preview/(marketing)/page.tsx b/www/src/app/(preview)/preview/(marketing)/page.tsx
index 2ec9251cd..d2665f4e4 100644
--- a/www/src/app/(preview)/preview/(marketing)/page.tsx
+++ b/www/src/app/(preview)/preview/(marketing)/page.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@/components/core/button";
+import { Button } from "@/components/dynamic-core/button";
 
 export default function PreviewPage() {
   return (
diff --git a/www/src/app/(preview)/preview/app/layout.tsx b/www/src/app/(preview)/preview/app/layout.tsx
index e38f1d680..4c0ad9c4b 100644
--- a/www/src/app/(preview)/preview/app/layout.tsx
+++ b/www/src/app/(preview)/preview/app/layout.tsx
@@ -11,8 +11,8 @@ import {
   SettingsIcon,
   UsersIcon,
 } from "lucide-react";
-import { Button } from "@/components/core/button";
-import { Tooltip } from "@/components/core/tooltip";
+import { Button } from "@/components/dynamic-core/button";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
 
 export default function DashboardLayout({
   children,
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index ccce55061..92fdca493 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -1,11 +1,12 @@
 import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
-import { PaintBucket } from "lucide-react";
+import { Loader2Icon, PaintBucket } from "lucide-react";
 import { cn } from "@/lib/cn";
 import { getFileSource } from "@/lib/get-file-source";
 import { CodeBlock } from "@/components/code-block";
 import { Button } from "@/components/core/button";
 import { Tooltip } from "@/components/core/tooltip";
+import { Skeleton } from "@/__registry__/core/skeleton-01";
 import { Index } from "@/__registry__/demos";
 import { ComponentPreviewClient } from "./component-preview-client";
 import { ThemeCustomizerDialog } from "./theme-customizer";
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index 73e506589..c99a1a8df 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -1 +1,66 @@
-export * from "@/registry/core/alert-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type {
+  AlertProps,
+  AlertRootProps,
+  AlertTitleProps,
+  AlertContentProps,
+} from "@/registry/core/alert-01";
+
+export const Alert = createDynamicComponent<AlertProps>("alert", "Alert", {
+  "alert-01": dynamic(
+    () => import("@/__registry__/core/alert-01").then((mod) => mod.Alert),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
+
+export const AlertRoot = createDynamicComponent<AlertRootProps>(
+  "alert",
+  "AlertRoot",
+  {
+    "alert-01": dynamic(
+      () => import("@/__registry__/core/alert-01").then((mod) => mod.AlertRoot),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+
+export const AlertTitle = createDynamicComponent<AlertTitleProps>(
+  "alert",
+  "AlertTitle",
+  {
+    "alert-01": dynamic(
+      () =>
+        import("@/__registry__/core/alert-01").then((mod) => mod.AlertTitle),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+
+export const AlertContent = createDynamicComponent<AlertContentProps>(
+  "alert",
+  "AlertContent",
+  {
+    "alert-01": dynamic(
+      () =>
+        import("@/__registry__/core/alert-01").then((mod) => mod.AlertContent),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/aspect-ratio.tsx b/www/src/components/dynamic-core/aspect-ratio.tsx
deleted file mode 100644
index 0a40c1d44..000000000
--- a/www/src/components/dynamic-core/aspect-ratio.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/aspect-ratio-01";
diff --git a/www/src/components/dynamic-core/avatar.tsx b/www/src/components/dynamic-core/avatar.tsx
index 5f1f6a379..a9734dc7c 100644
--- a/www/src/components/dynamic-core/avatar.tsx
+++ b/www/src/components/dynamic-core/avatar.tsx
@@ -1 +1,64 @@
-export * from "@/registry/core/avatar-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type {
+  AvatarProps,
+  AvatarRootProps,
+  AvatarImageProps,
+  AvatarFallbackProps,
+} from "@/registry/core/avatar-01";
+
+export const Avatar = createDynamicComponent<AvatarProps>("avatar", "Avatar", {
+  "avatar-01": dynamic(
+    () => import("@/__registry__/core/avatar-01").then((mod) => mod.Avatar),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
+
+export const AvatarRoot = createDynamicComponent<AvatarRootProps>(
+  "avatar",
+  "AvatarRoot",
+  {
+    "avatar-01": dynamic(
+      () => import("@/__registry__/core/avatar-01").then((mod) => mod.Avatar),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+
+export const AvatarImage = createDynamicComponent<AvatarImageProps>(
+  "avatar",
+  "AvatarImage",
+  {
+    "avatar-01": dynamic(
+      () => import("@/__registry__/core/avatar-01").then((mod) => mod.Avatar),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+
+export const AvatarFallback = createDynamicComponent<AvatarFallbackProps>(
+  "avatar",
+  "AvatarFallback",
+  {
+    "avatar-01": dynamic(
+      () => import("@/__registry__/core/avatar-01").then((mod) => mod.Avatar),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/badge.tsx b/www/src/components/dynamic-core/badge.tsx
index f52d1c30d..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/badge.tsx
+++ b/www/src/components/dynamic-core/badge.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/badge-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
index 1cb813193..5336bd081 100644
--- a/www/src/components/dynamic-core/breadcrumbs.tsx
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/breadcrumbs-01";
+export * from "@/components/core/breadcrumbs"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index dece1388d..3e34e5319 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -1,9 +1,27 @@
 "use client";
 
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import { ButtonProps } from "@/registry/core/button-01";
+import { buttonStyles as buttonStyles01 } from "@/registry/core/button-01";
 
 export const Button = createDynamicComponent<ButtonProps>("button", "Button", {
-  "button-01": () => import("@/__registry__/core/button-01"),
-  "button-02": () => import("@/__registry__/core/button-02"),
+  "button-01": dynamic(
+    () => import("@/__registry__/core/button-01").then((mod) => mod.Button),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+  "button-02": dynamic(
+    () => import("@/__registry__/core/button-02").then((mod) => mod.Button),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
 });
+
+export const buttonStyles = buttonStyles01;
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index 9bddcd390..27b80c867 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -1 +1,108 @@
-export * from "@/__registry__/core/calendar-02";
+"use client";
+
+import React from "react";
+import { DateValue } from "react-aria-components";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import {
+  CalendarProps,
+  CalendarRootProps,
+  CalendarGridProps,
+  CalendarGridHeaderProps,
+  CalendarHeaderCellProps,
+  CalendarGridBodyProps,
+  CalendarCellProps,
+} from "@/registry/core/calendar-01";
+
+export const Calendar = createDynamicComponent<CalendarProps<DateValue>>(
+  "calendar",
+  "Calendar",
+  {
+    "calendar-01": React.lazy(() =>
+      import("@/__registry__/core/calendar-01").then((module) => ({
+        default: module.Calendar,
+      }))
+    ),
+  }
+);
+
+export const CalendarRoot = createDynamicComponent<
+  CalendarRootProps<DateValue>
+>("calendar", "CalendarRoot", {
+  "calendar-01": React.lazy(() =>
+    import("@/__registry__/core/calendar-01").then((module) => ({
+      default: module.CalendarRoot,
+    }))
+  ),
+});
+
+export const CalendarHeader = createDynamicComponent<
+  React.HTMLAttributes<HTMLElement>
+>("calendar", "CalendarHeader", {
+  "calendar-01": React.lazy(() =>
+    import("@/__registry__/core/calendar-01").then((module) => ({
+      default: module.CalendarHeader,
+    }))
+  ),
+});
+
+export const CalendarGrid = createDynamicComponent<CalendarGridProps>(
+  "calendar",
+  "CalendarGrid",
+  {
+    "calendar-01": React.lazy(() =>
+      import("@/__registry__/core/calendar-01").then((module) => ({
+        default: module.CalendarGrid,
+      }))
+    ),
+  }
+);
+
+export const CalendarGridHeader =
+  createDynamicComponent<CalendarGridHeaderProps>(
+    "calendar",
+    "CalendarGridHeader",
+    {
+      "calendar-01": React.lazy(() =>
+        import("@/__registry__/core/calendar-01").then((module) => ({
+          default: module.CalendarGridHeader,
+        }))
+      ),
+    }
+  );
+
+export const CalendarHeaderCell =
+  createDynamicComponent<CalendarHeaderCellProps>(
+    "calendar",
+    "CalendarHeaderCell",
+    {
+      "calendar-01": React.lazy(() =>
+        import("@/__registry__/core/calendar-01").then((module) => ({
+          default: module.CalendarHeaderCell,
+        }))
+      ),
+    }
+  );
+
+export const CalendarGridBody = createDynamicComponent<CalendarGridBodyProps>(
+  "calendar",
+  "CalendarGridBody",
+  {
+    "calendar-01": React.lazy(() =>
+      import("@/__registry__/core/calendar-01").then((module) => ({
+        default: module.CalendarGridBody,
+      }))
+    ),
+  }
+);
+
+export const CalendarCell = createDynamicComponent<CalendarCellProps>(
+  "calendar",
+  "CalendarCell",
+  {
+    "calendar-01": React.lazy(() =>
+      import("@/__registry__/core/calendar-01").then((module) => ({
+        default: module.CalendarCell,
+      }))
+    ),
+  }
+);
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index 1764b569d..36b0460f3 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React, { ReactNode } from "react";
+import { Loader2Icon } from "lucide-react";
 import { cn } from "@/lib/cn";
 import { googleFonts } from "@/lib/fonts";
 import { useMounted } from "@/hooks/use-mounted";
@@ -52,9 +53,9 @@ export const ThemeOverride = React.forwardRef<
     )
   );
 
-  if (fallback && !mounted) {
-    return fallback;
-  }
+  // if (fallback && !mounted) {
+  //   return fallback;
+  // }
 
   return (
     <div
@@ -72,9 +73,7 @@ export const ThemeOverride = React.forwardRef<
       }
       className={cn("bg-bg text-fg", props.className)}
     >
-      <Skeleton show={!mounted} className="rounded-none">
-        {children}
-      </Skeleton>
+      {children}
     </div>
   );
 });
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index 6dc379c53..c49d43798 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 import { useThemes } from "@/hooks/use-themes";
 
-type Registry = Record<string, () => Promise<any>>;
+type Registry<T> = Record<string, React.ComponentType<T>>;
 
 export const createDynamicComponent = <Props extends {}>(
   registryItem: string,
   componentName: string,
-  registry: Registry
-) => {
+  registry: Registry<Props>
+): React.FC<Props> => {
   const Component: React.FC<Props> = (props) => {
     const { currentTheme } = useThemes();
 
@@ -19,26 +19,12 @@ export const createDynamicComponent = <Props extends {}>(
       );
     }
 
-    const LazyComponent = React.lazy(() =>
-      registry[variant]().then((module) => {
-        const exportComponent = module[componentName];
-        if (!exportComponent) {
-          throw new Error(
-            `Component "${componentName}" not found in module for variant "${variant}".`
-          );
-        }
-        return { default: exportComponent };
-      })
-    );
-
-    return (
-      <React.Suspense>
-        <LazyComponent {...props} />
-      </React.Suspense>
-    );
+    const LazyComponent = registry[variant];
+
+    return <LazyComponent {...props} />;
   };
 
   Component.displayName = componentName;
 
   return Component;
-};
+};
\ No newline at end of file
diff --git a/www/src/lib/create-dynamic-styles.ts b/www/src/lib/create-dynamic-styles.ts
new file mode 100644
index 000000000..7fc6a7d6f
--- /dev/null
+++ b/www/src/lib/create-dynamic-styles.ts
@@ -0,0 +1,23 @@
+import { useThemes } from "@/hooks/use-themes";
+
+type StyleFunction = (...args: any[]) => string;
+type StyleRegistry<T extends StyleFunction> = Record<string, T>;
+
+export const createDynamicStyles = <T extends StyleFunction>(
+  registryItem: string,
+  styleRegistry: StyleRegistry<T>
+): T => {
+  return ((...args: Parameters<T>) => {
+    const { currentTheme } = useThemes();
+    const variant = currentTheme.variants[registryItem];
+
+    if (!variant || !styleRegistry[variant]) {
+      throw new Error(
+        `Style variant "${variant}" for "${registryItem}" not found in the registry.`
+      );
+    }
+
+    const styleFunction = styleRegistry[variant];
+    return styleFunction(...args);
+  }) as T;
+};
diff --git a/www/src/lib/create-icon.tsx b/www/src/lib/create-icon.tsx
index 93e3dbe6a..ed8845579 100644
--- a/www/src/lib/create-icon.tsx
+++ b/www/src/lib/create-icon.tsx
@@ -1,24 +1,23 @@
-// @ts-nocheck
-// TODO: fix types
-import React, { forwardRef } from "react";
+import React, { SVGProps } from "react";
 import { useThemes } from "@/hooks/use-themes";
 import { Icons } from "@/__registry__/icons/registry";
 
+type IconProps = SVGProps<SVGSVGElement>;
+
 export const createIcon = (name: string) => {
   const icon = Icons[name as keyof typeof Icons];
   if (!icon) {
     return null;
   }
 
-  const Icon = forwardRef<HTMLElement, { className?: string }>((props, ref) => {
+  const Icon: React.FC<IconProps> = (props: IconProps) => {
     const { currentIconLibrary } = useThemes();
 
     if (!currentIconLibrary || !icon || !icon[currentIconLibrary]) return null;
 
-    const IconComponent = icon[currentIconLibrary];
+    const IconComponent = icon[currentIconLibrary] as React.FC<IconProps>;
 
-    return <IconComponent {...props} ref={ref} />;
-  });
-  Icon.displayName = "Icon";
+    return <IconComponent {...props} />;
+  };
   return Icon;
 };
diff --git a/www/src/lib/dynamic-component-loader.ts b/www/src/lib/dynamic-component-loader.ts
deleted file mode 100644
index e69de29bb..000000000
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index 66ebd845f..375875c1f 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -188,7 +188,7 @@ export const dotUIThemes: Theme[] = [
     iconLibrary: "lucide",
     variants: {
       button: "button-02",
-      calendar: "calendar-01",
+      calendar: "calendar-02",
     },
     colors: {
       light: {
diff --git a/www/src/registry/core/breadcrumbs-01.tsx b/www/src/registry/core/breadcrumbs-01.tsx
index 68e4c3f82..cad163b8a 100644
--- a/www/src/registry/core/breadcrumbs-01.tsx
+++ b/www/src/registry/core/breadcrumbs-01.tsx
@@ -75,4 +75,5 @@ export type {
   BreadcrumbItemProps,
   BreadcrumbLinkProps,
 };
+
 export { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };
diff --git a/www/src/registry/core/button-02.tsx b/www/src/registry/core/button-02.tsx
index 8710615eb..bcbd5306d 100644
--- a/www/src/registry/core/button-02.tsx
+++ b/www/src/registry/core/button-02.tsx
@@ -19,7 +19,7 @@ const buttonStyles = tv(
     variants: {
       variant: {
         default:
-          "hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral bg-red-500",
+          "hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
         primary:
           "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
         quiet:
diff --git a/www/src/registry/core/calendar-01.tsx b/www/src/registry/core/calendar-01.tsx
index 166bd819d..3f86748c1 100644
--- a/www/src/registry/core/calendar-01.tsx
+++ b/www/src/registry/core/calendar-01.tsx
@@ -21,7 +21,8 @@ import {
   useSlottedContext,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, buttonStyles } from "@/registry/core/button-01";
+import { Button } from "@/components/dynamic-core/button";
+import { buttonStyles } from "@/registry/core/button-01";
 import { Heading } from "@/registry/core/heading-01";
 import { Text } from "@/registry/core/text-01";
 
@@ -47,11 +48,11 @@ const calendarStyles = tv({
     range: {
       false: {
         cell: [
-          buttonStyles({
-            variant: "quiet",
-            shape: "square",
-            size: "sm",
-          }),
+          // buttonStyles({
+          //   variant: "quiet",
+          //   shape: "square",
+          //   size: "sm",
+          // }),
           "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
           "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
           "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
@@ -210,6 +211,7 @@ export type {
   CalendarGridBodyProps,
   CalendarCellProps,
 };
+
 export {
   Calendar,
   CalendarRoot,
diff --git a/www/src/registry/core/calendar-02.tsx b/www/src/registry/core/calendar-02.tsx
deleted file mode 100644
index 9fc22525c..000000000
--- a/www/src/registry/core/calendar-02.tsx
+++ /dev/null
@@ -1,223 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import {
-  composeRenderProps,
-  Calendar as AriaCalendar,
-  CalendarCell as AriaCalendarCell,
-  CalendarGrid as AriaCalendarGrid,
-  CalendarGridHeader as AriaCalendarGridHeader,
-  CalendarHeaderCell as AriaCalendarHeaderCell,
-  CalendarGridBody as AriaCalendarGridBody,
-  type CalendarProps as AriaCalendarProps,
-  type CalendarGridProps as AriaCalendarGridProps,
-  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
-  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
-  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
-  type CalendarCellProps as AriaCalendarCellProps,
-  type DateValue,
-  CalendarContext as AriaCalendarContext,
-  useSlottedContext,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button, buttonStyles } from "@/registry/core/button-01";
-import { Heading } from "@/registry/core/heading-01";
-import { Text } from "@/registry/core/text-01";
-
-const calendarStyles = tv({
-  slots: {
-    root: "bg-red-500",
-    header: "mb-4 flex items-center justify-between gap-2",
-    grid: "w-full border-collapse",
-    gridHeader: "mb-4",
-    gridHeaderCell: "text-fg-muted text-xs font-normal",
-    gridBody: "[&>tr>td]:p-0",
-    cell: "",
-  },
-  variants: {
-    standalone: {
-      true: {
-        root: "bg-bg rounded-md border p-3",
-      },
-      false: {
-        root: "rounded-[inherit]",
-      },
-    },
-    range: {
-      false: {
-        cell: [
-          buttonStyles({
-            variant: "quiet",
-            shape: "square",
-            size: "sm",
-          }),
-          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
-          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-      true: {
-        cell: [
-          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
-          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
-          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
-          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
-          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
-          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
-          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
-          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-    },
-  },
-  defaultVariants: {
-    range: false,
-  },
-});
-
-interface CalendarProps<T extends DateValue>
-  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
-  visibleMonths?: number;
-  errorMessage?: string;
-}
-const Calendar = <T extends DateValue>({
-  errorMessage,
-  visibleMonths = 1,
-  ...props
-}: CalendarProps<T>) => {
-  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
-
-  return (
-    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
-      {({ isInvalid }) => (
-        <>
-          <CalendarHeader>
-            <Button slot="previous" variant="outline" shape="square" size="sm">
-              <ChevronLeftIcon />
-            </Button>
-            <Heading className="text-sm" />
-            <Button slot="next" variant="outline" shape="square" size="sm">
-              <ChevronRightIcon />
-            </Button>
-          </CalendarHeader>
-          <div className="flex items-start gap-4">
-            {Array.from({ length: visibleMonths }).map((_, index) => (
-              <CalendarGrid
-                key={index}
-                offset={index === 0 ? undefined : { months: index }}
-              >
-                <CalendarGridHeader>
-                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-                </CalendarGridHeader>
-                <CalendarGridBody>
-                  {(date) => <CalendarCell date={date} />}
-                </CalendarGridBody>
-              </CalendarGrid>
-            ))}
-          </div>
-          {isInvalid && errorMessage && (
-            <Text slot="errorMessage">{errorMessage}</Text>
-          )}
-        </>
-      )}
-    </CalendarRoot>
-  );
-};
-
-type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
-const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
-  const CalendarContext = useSlottedContext(AriaCalendarContext);
-  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
-  const { root } = calendarStyles({ standalone });
-  return (
-    <AriaCalendar
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-    />
-  );
-};
-
-type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
-const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
-  const { header } = calendarStyles();
-  return <header className={header({ className })} {...props} />;
-};
-
-type CalendarGridProps = AriaCalendarGridProps;
-const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
-  const { grid } = calendarStyles();
-  return <AriaCalendarGrid className={grid({ className })} {...props} />;
-};
-
-type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
-const CalendarGridHeader = ({
-  className,
-  ...props
-}: CalendarGridHeaderProps) => {
-  const { gridHeader } = calendarStyles();
-  return (
-    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
-  );
-};
-
-type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
-const CalendarHeaderCell = ({
-  className,
-  ...props
-}: CalendarHeaderCellProps) => {
-  const { gridHeaderCell } = calendarStyles();
-  return (
-    <AriaCalendarHeaderCell
-      className={gridHeaderCell({ className })}
-      {...props}
-    />
-  );
-};
-
-type CalendarGridBodyProps = AriaCalendarGridBodyProps;
-const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
-  const { gridBody } = calendarStyles();
-  return (
-    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
-  );
-};
-
-type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
-const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
-  const { cell } = calendarStyles({ range });
-  return (
-    <AriaCalendarCell
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        cell({ className })
-      )}
-    />
-  );
-};
-
-export type {
-  CalendarProps,
-  CalendarRootProps,
-  CalendarGridProps,
-  CalendarGridHeaderProps,
-  CalendarHeaderCellProps,
-  CalendarGridBodyProps,
-  CalendarCellProps,
-};
-export {
-  Calendar,
-  CalendarRoot,
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-  calendarStyles,
-};

From fe72d73cbca0134a3cb002558d31427f5733e6c2 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 10 Dec 2024 14:58:39 +0100
Subject: [PATCH 026/165] chore: update dynamic components

---
 www/src/components/dynamic-core/avatar.tsx    | 18 +++++
 .../dynamic-core/checkbox-group.tsx           | 45 ++++++++++-
 www/src/components/dynamic-core/checkbox.tsx  | 23 +++++-
 .../components/dynamic-core/collapsible.tsx   |  1 -
 .../components/dynamic-core/color-area.tsx    | 45 ++++++++++-
 .../components/dynamic-core/color-field.tsx   | 44 ++++++++++-
 .../components/dynamic-core/color-picker.tsx  | 63 ++++++++++++++-
 .../components/dynamic-core/color-slider.tsx  | 78 ++++++++++++++++++-
 .../components/dynamic-core/color-swatch.tsx  | 25 +++++-
 .../components/dynamic-core/color-thumb.tsx   | 25 +++++-
 www/src/components/dynamic-core/combobox.tsx  | 43 +++++++++-
 www/src/components/dynamic-core/command.tsx   |  1 -
 .../dynamic-core/contextual-help.tsx          | 18 ++++-
 .../components/dynamic-core/date-field.tsx    | 18 ++++-
 .../components/dynamic-core/date-input.tsx    | 18 ++++-
 .../components/dynamic-core/date-picker.tsx   | 18 ++++-
 .../dynamic-core/date-range-picker.tsx        | 18 ++++-
 www/src/components/dynamic-core/dialog.tsx    | 18 ++++-
 www/src/components/dynamic-core/drop-zone.tsx | 18 ++++-
 www/src/components/dynamic-core/field.tsx     | 18 ++++-
 .../components/dynamic-core/file-trigger.tsx  | 18 ++++-
 www/src/components/dynamic-core/form.tsx      | 18 ++++-
 www/src/components/dynamic-core/group.tsx     | 18 ++++-
 www/src/components/dynamic-core/heading.tsx   | 18 ++++-
 www/src/components/dynamic-core/input.tsx     | 18 ++++-
 www/src/components/dynamic-core/kbd.tsx       | 18 ++++-
 www/src/components/dynamic-core/link.tsx      | 18 ++++-
 www/src/components/dynamic-core/list-box.tsx  | 18 ++++-
 www/src/components/dynamic-core/menu.tsx      | 18 ++++-
 .../components/dynamic-core/number-field.tsx  | 18 ++++-
 www/src/components/dynamic-core/overlay.tsx   | 18 ++++-
 www/src/components/dynamic-core/progress.tsx  | 18 ++++-
 .../components/dynamic-core/radio-group.tsx   | 18 ++++-
 .../dynamic-core/range-calendar.tsx           | 18 ++++-
 .../components/dynamic-core/scroll-area.tsx   |  1 -
 .../components/dynamic-core/search-field.tsx  | 18 ++++-
 www/src/components/dynamic-core/section.tsx   | 18 ++++-
 www/src/components/dynamic-core/select.tsx    | 18 ++++-
 www/src/components/dynamic-core/separator.tsx | 18 ++++-
 www/src/components/dynamic-core/skeleton.tsx  | 18 ++++-
 www/src/components/dynamic-core/slider.tsx    | 18 ++++-
 www/src/components/dynamic-core/switch.tsx    | 18 ++++-
 www/src/components/dynamic-core/table.tsx     | 18 ++++-
 www/src/components/dynamic-core/tabs.tsx      | 18 ++++-
 www/src/components/dynamic-core/tag-group.tsx | 18 ++++-
 www/src/components/dynamic-core/text-area.tsx | 18 ++++-
 .../components/dynamic-core/text-field.tsx    | 18 ++++-
 www/src/components/dynamic-core/text.tsx      | 18 ++++-
 .../components/dynamic-core/time-field.tsx    | 18 ++++-
 .../components/dynamic-core/toggle-button.tsx | 18 ++++-
 .../components/dynamic-core/toggle-group.tsx  | 18 ++++-
 www/src/components/dynamic-core/tooltip.tsx   | 18 ++++-
 www/src/registry/core/avatar-01.tsx           |  2 +
 www/src/registry/core/color-area-01.tsx       |  1 +
 www/src/registry/core/color-picker-01.tsx     |  2 +-
 www/src/styles/globals.css                    |  4 +-
 www/src/types/theme.ts                        |  5 ++
 57 files changed, 1074 insertions(+), 54 deletions(-)
 delete mode 100644 www/src/components/dynamic-core/collapsible.tsx
 delete mode 100644 www/src/components/dynamic-core/command.tsx
 delete mode 100644 www/src/components/dynamic-core/scroll-area.tsx

diff --git a/www/src/components/dynamic-core/avatar.tsx b/www/src/components/dynamic-core/avatar.tsx
index a9734dc7c..347845d6f 100644
--- a/www/src/components/dynamic-core/avatar.tsx
+++ b/www/src/components/dynamic-core/avatar.tsx
@@ -9,6 +9,7 @@ import type {
   AvatarRootProps,
   AvatarImageProps,
   AvatarFallbackProps,
+  AvatarPlaceholderProps,
 } from "@/registry/core/avatar-01";
 
 export const Avatar = createDynamicComponent<AvatarProps>("avatar", "Avatar", {
@@ -62,3 +63,20 @@ export const AvatarFallback = createDynamicComponent<AvatarFallbackProps>(
     ),
   }
 );
+
+export const AvatarPlaceholder = createDynamicComponent<AvatarPlaceholderProps>(
+  "avatar",
+  "AvatarPlaceholder",
+  {
+    "avatar-01": dynamic(
+      () =>
+        import("@/__registry__/core/avatar-01").then(
+          (mod) => mod.AvatarPlaceholder
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/checkbox-group.tsx b/www/src/components/dynamic-core/checkbox-group.tsx
index 5e13959ba..0032a186e 100644
--- a/www/src/components/dynamic-core/checkbox-group.tsx
+++ b/www/src/components/dynamic-core/checkbox-group.tsx
@@ -1 +1,44 @@
-export * from "@/registry/core/checkbox-group-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type {
+  CheckboxGroupProps,
+  CheckboxGroupRootProps,
+} from "@/registry/core/checkbox-group-01";
+
+export const CheckboxGroup = createDynamicComponent<CheckboxGroupProps>(
+  "checkbox-group",
+  "CheckboxGroup",
+  {
+    "checkbox-group-01": dynamic(
+      () =>
+        import("@/__registry__/core/checkbox-group-01").then(
+          (mod) => mod.CheckboxGroup
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+
+export const CheckboxGroupRoot = createDynamicComponent<CheckboxGroupRootProps>(
+  "checkbox-group",
+  "CheckboxGroupRoot",
+  {
+    "checkbox-group-01": dynamic(
+      () =>
+        import("@/__registry__/core/checkbox-group-01").then(
+          (mod) => mod.CheckboxGroupRoot
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/checkbox.tsx b/www/src/components/dynamic-core/checkbox.tsx
index 5a6baba1a..6291ead38 100644
--- a/www/src/components/dynamic-core/checkbox.tsx
+++ b/www/src/components/dynamic-core/checkbox.tsx
@@ -1 +1,22 @@
-export * from "@/registry/core/checkbox-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { CheckboxProps } from "@/registry/core/checkbox-01";
+
+export const Checkbox = createDynamicComponent<CheckboxProps>(
+  "checkbox",
+  "Checkbox",
+  {
+    "checkbox-01": dynamic(
+      () =>
+        import("@/__registry__/core/checkbox-01").then((mod) => mod.Checkbox),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/collapsible.tsx b/www/src/components/dynamic-core/collapsible.tsx
deleted file mode 100644
index 6429c3c2f..000000000
--- a/www/src/components/dynamic-core/collapsible.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/collapsible-01";
diff --git a/www/src/components/dynamic-core/color-area.tsx b/www/src/components/dynamic-core/color-area.tsx
index ee5bc8349..197593344 100644
--- a/www/src/components/dynamic-core/color-area.tsx
+++ b/www/src/components/dynamic-core/color-area.tsx
@@ -1 +1,44 @@
-export * from "@/registry/core/color-area-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type {
+  ColorAreaProps,
+  ColorAreaRootProps,
+} from "@/registry/core/color-area-01";
+
+export const ColorArea = createDynamicComponent<ColorAreaProps>(
+  "color-area",
+  "ColorArea",
+  {
+    "color-area-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-area-01").then(
+          (mod) => mod.ColorArea
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+
+export const ColorAreaRoot = createDynamicComponent<ColorAreaRootProps>(
+  "color-area",
+  "ColorAreaRoot",
+  {
+    "color-area-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-area-01").then(
+          (mod) => mod.ColorAreaRoot
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/color-field.tsx b/www/src/components/dynamic-core/color-field.tsx
index 125141cc1..30175fb30 100644
--- a/www/src/components/dynamic-core/color-field.tsx
+++ b/www/src/components/dynamic-core/color-field.tsx
@@ -1 +1,43 @@
-export * from "@/registry/core/color-field-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type {
+  ColorFieldProps,
+  ColorFieldRootProps,
+} from "@/registry/core/color-field-01";
+
+export const ColorField = createDynamicComponent<ColorFieldProps>(
+  "color-field",
+  "ColorField",
+  {
+    "color-field-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-field-01").then(
+          (mod) => mod.ColorField
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+export const ColorFieldRoot = createDynamicComponent<ColorFieldRootProps>(
+  "color-field",
+  "ColorFieldRoot",
+  {
+    "color-field-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-field-01").then(
+          (mod) => mod.ColorFieldRoot
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/color-picker.tsx b/www/src/components/dynamic-core/color-picker.tsx
index 07fd6c3e2..9afaf6343 100644
--- a/www/src/components/dynamic-core/color-picker.tsx
+++ b/www/src/components/dynamic-core/color-picker.tsx
@@ -1 +1,62 @@
-export * from "@/registry/core/color-picker-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type {
+  ColorPickerProps,
+  ColorPickerRootProps,
+  ColorEditorProps,
+} from "@/registry/core/color-picker-01";
+
+export const ColorPicker = createDynamicComponent<ColorPickerProps>(
+  "color-picker",
+  "ColorPicker",
+  {
+    "color-picker-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-picker-01").then(
+          (mod) => mod.ColorPicker
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+
+export const ColorPickerRoot = createDynamicComponent<ColorPickerRootProps>(
+  "color-picker",
+  "Badge",
+  {
+    "color-picker-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-picker-01").then(
+          (mod) => mod.ColorPickerRoot
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+
+export const ColorEditor = createDynamicComponent<ColorEditorProps>(
+  "color-picker",
+  "ColorEditor",
+  {
+    "color-picker-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-picker-01").then(
+          (mod) => mod.ColorEditor
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/color-slider.tsx b/www/src/components/dynamic-core/color-slider.tsx
index 5b955ff78..53ef54063 100644
--- a/www/src/components/dynamic-core/color-slider.tsx
+++ b/www/src/components/dynamic-core/color-slider.tsx
@@ -1 +1,77 @@
-export * from "@/registry/core/color-slider-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type {
+  ColorSliderProps,
+  ColorSliderRootProps,
+  ColorSliderOutputProps,
+  ColorSliderTrackProps,
+} from "@/registry/core/color-slider-01";
+
+export const ColorSlider = createDynamicComponent<ColorSliderProps>(
+  "color-slider",
+  "ColorSlider",
+  {
+    "color-slider-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-slider-01").then(
+          (mod) => mod.ColorSlider
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+export const ColorSliderRoot = createDynamicComponent<ColorSliderRootProps>(
+  "color-slider",
+  "ColorSliderRoot",
+  {
+    "color-slider-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-slider-01").then(
+          (mod) => mod.ColorSliderRoot
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+export const ColorSliderOutput = createDynamicComponent<ColorSliderOutputProps>(
+  "color-slider",
+  "ColorSliderOutput",
+  {
+    "color-slider-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-slider-01").then(
+          (mod) => mod.ColorSliderOutput
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+export const ColorSliderTrack = createDynamicComponent<ColorSliderTrackProps>(
+  "color-slider",
+  "ColorSliderTrack",
+  {
+    "color-slider-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-slider-01").then(
+          (mod) => mod.ColorSliderTrack
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/color-swatch.tsx b/www/src/components/dynamic-core/color-swatch.tsx
index 5b82b3112..648699efe 100644
--- a/www/src/components/dynamic-core/color-swatch.tsx
+++ b/www/src/components/dynamic-core/color-swatch.tsx
@@ -1 +1,24 @@
-export * from "@/registry/core/color-swatch-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { ColorSwatchProps } from "@/registry/core/color-swatch-01";
+
+export const ColorSwatch = createDynamicComponent<ColorSwatchProps>(
+  "color-swatch",
+  "ColorSwatch",
+  {
+    "color-swatch-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-swatch-01").then(
+          (mod) => mod.ColorSwatch
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/color-thumb.tsx b/www/src/components/dynamic-core/color-thumb.tsx
index 9617ebf72..11a234c3b 100644
--- a/www/src/components/dynamic-core/color-thumb.tsx
+++ b/www/src/components/dynamic-core/color-thumb.tsx
@@ -1 +1,24 @@
-export * from "@/registry/core/color-thumb-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { ColorThumbProps } from "@/registry/core/color-thumb-01";
+
+export const ColorThumb = createDynamicComponent<ColorThumbProps>(
+  "color-thumb",
+  "ColorThumb",
+  {
+    "color-thumb-01": dynamic(
+      () =>
+        import("@/__registry__/core/color-thumb-01").then(
+          (mod) => mod.ColorThumb
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/combobox.tsx b/www/src/components/dynamic-core/combobox.tsx
index 9bad83a2e..e2fa02a0d 100644
--- a/www/src/components/dynamic-core/combobox.tsx
+++ b/www/src/components/dynamic-core/combobox.tsx
@@ -1 +1,42 @@
-export * from "@/registry/core/combobox-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type {
+  ComboboxProps,
+  ComboboxRootProps,
+} from "@/registry/core/combobox-01";
+
+export const Combobox = createDynamicComponent<ComboboxProps<object>>(
+  "combobox",
+  "Combobox",
+  {
+    "combobox-01": dynamic(
+      () =>
+        import("@/__registry__/core/combobox-01").then((mod) => mod.Combobox),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
+
+export const ComboboxRoot = createDynamicComponent<ComboboxRootProps<object>>(
+  "combobox",
+  "ComboboxRoot",
+  {
+    "combobox-01": dynamic(
+      () =>
+        import("@/__registry__/core/combobox-01").then(
+          (mod) => mod.ComboboxRoot
+        ),
+      {
+        loading: () => <Loader2Icon className="size-6 animate-spin" />,
+        ssr: false,
+      }
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/command.tsx b/www/src/components/dynamic-core/command.tsx
deleted file mode 100644
index ae4823c13..000000000
--- a/www/src/components/dynamic-core/command.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/command-01";
diff --git a/www/src/components/dynamic-core/contextual-help.tsx b/www/src/components/dynamic-core/contextual-help.tsx
index 972620010..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/contextual-help.tsx
+++ b/www/src/components/dynamic-core/contextual-help.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/contextual-help-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/date-field.tsx b/www/src/components/dynamic-core/date-field.tsx
index 9a4976531..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/date-field.tsx
+++ b/www/src/components/dynamic-core/date-field.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/date-field-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/date-input.tsx b/www/src/components/dynamic-core/date-input.tsx
index ef8dba045..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/date-input.tsx
+++ b/www/src/components/dynamic-core/date-input.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/date-input-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/date-picker.tsx b/www/src/components/dynamic-core/date-picker.tsx
index d73c187a9..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/date-picker.tsx
+++ b/www/src/components/dynamic-core/date-picker.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/date-picker-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/date-range-picker.tsx b/www/src/components/dynamic-core/date-range-picker.tsx
index 8ed6008da..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/date-range-picker.tsx
+++ b/www/src/components/dynamic-core/date-range-picker.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/date-range-picker-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/dialog.tsx b/www/src/components/dynamic-core/dialog.tsx
index 9c1cba869..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/dialog.tsx
+++ b/www/src/components/dynamic-core/dialog.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/dialog-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/drop-zone.tsx b/www/src/components/dynamic-core/drop-zone.tsx
index 3ab34599e..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/drop-zone.tsx
+++ b/www/src/components/dynamic-core/drop-zone.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/drop-zone-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/field.tsx b/www/src/components/dynamic-core/field.tsx
index dc422dd17..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/field.tsx
+++ b/www/src/components/dynamic-core/field.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/field-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/file-trigger.tsx b/www/src/components/dynamic-core/file-trigger.tsx
index a50bd60c2..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/file-trigger.tsx
+++ b/www/src/components/dynamic-core/file-trigger.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/file-trigger-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/form.tsx b/www/src/components/dynamic-core/form.tsx
index a03a75114..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/form.tsx
+++ b/www/src/components/dynamic-core/form.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/form-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/group.tsx b/www/src/components/dynamic-core/group.tsx
index 6585e664c..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/group.tsx
+++ b/www/src/components/dynamic-core/group.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/group-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/heading.tsx b/www/src/components/dynamic-core/heading.tsx
index e3d6a8024..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/heading.tsx
+++ b/www/src/components/dynamic-core/heading.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/heading-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/input.tsx b/www/src/components/dynamic-core/input.tsx
index b504c776b..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/input.tsx
+++ b/www/src/components/dynamic-core/input.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/input-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/kbd.tsx b/www/src/components/dynamic-core/kbd.tsx
index 74dd24ed4..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/kbd.tsx
+++ b/www/src/components/dynamic-core/kbd.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/kbd-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/link.tsx b/www/src/components/dynamic-core/link.tsx
index 6d5c60ab3..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/link.tsx
+++ b/www/src/components/dynamic-core/link.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/link-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/list-box.tsx b/www/src/components/dynamic-core/list-box.tsx
index 5ca02fb5b..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/list-box.tsx
+++ b/www/src/components/dynamic-core/list-box.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/list-box-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/menu.tsx b/www/src/components/dynamic-core/menu.tsx
index 4e4e0de30..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/menu.tsx
+++ b/www/src/components/dynamic-core/menu.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/menu-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/number-field.tsx b/www/src/components/dynamic-core/number-field.tsx
index fe9057bb0..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/number-field.tsx
+++ b/www/src/components/dynamic-core/number-field.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/number-field-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/overlay.tsx b/www/src/components/dynamic-core/overlay.tsx
index cbff39bb6..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/overlay.tsx
+++ b/www/src/components/dynamic-core/overlay.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/overlay-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/progress.tsx b/www/src/components/dynamic-core/progress.tsx
index 36b2664fb..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/progress.tsx
+++ b/www/src/components/dynamic-core/progress.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/progress-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/radio-group.tsx b/www/src/components/dynamic-core/radio-group.tsx
index d12d9c218..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/radio-group.tsx
+++ b/www/src/components/dynamic-core/radio-group.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/radio-group-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/range-calendar.tsx b/www/src/components/dynamic-core/range-calendar.tsx
index 8ebec4abb..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/range-calendar.tsx
+++ b/www/src/components/dynamic-core/range-calendar.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/range-calendar-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/scroll-area.tsx b/www/src/components/dynamic-core/scroll-area.tsx
deleted file mode 100644
index ed8379803..000000000
--- a/www/src/components/dynamic-core/scroll-area.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/scroll-area-01";
diff --git a/www/src/components/dynamic-core/search-field.tsx b/www/src/components/dynamic-core/search-field.tsx
index 3db6b3136..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/search-field.tsx
+++ b/www/src/components/dynamic-core/search-field.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/search-field-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/section.tsx b/www/src/components/dynamic-core/section.tsx
index a5c1d56c1..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/section.tsx
+++ b/www/src/components/dynamic-core/section.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/section-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/select.tsx b/www/src/components/dynamic-core/select.tsx
index 525d95347..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/select.tsx
+++ b/www/src/components/dynamic-core/select.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/select-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/separator.tsx b/www/src/components/dynamic-core/separator.tsx
index ffc75eb3b..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/separator.tsx
+++ b/www/src/components/dynamic-core/separator.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/separator-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/skeleton.tsx b/www/src/components/dynamic-core/skeleton.tsx
index 9de967917..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/skeleton.tsx
+++ b/www/src/components/dynamic-core/skeleton.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/skeleton-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/slider.tsx b/www/src/components/dynamic-core/slider.tsx
index e7b073480..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/slider.tsx
+++ b/www/src/components/dynamic-core/slider.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/slider-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/switch.tsx b/www/src/components/dynamic-core/switch.tsx
index 74ccb54f2..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/switch.tsx
+++ b/www/src/components/dynamic-core/switch.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/switch-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/table.tsx b/www/src/components/dynamic-core/table.tsx
index 2147cb117..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/table.tsx
+++ b/www/src/components/dynamic-core/table.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/table-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
index ef2a6e29b..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/tabs.tsx
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/tabs-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/tag-group.tsx b/www/src/components/dynamic-core/tag-group.tsx
index 46b2c72b0..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/tag-group.tsx
+++ b/www/src/components/dynamic-core/tag-group.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/tag-group-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/text-area.tsx b/www/src/components/dynamic-core/text-area.tsx
index 410bbd649..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/text-area.tsx
+++ b/www/src/components/dynamic-core/text-area.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/text-area-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/text-field.tsx b/www/src/components/dynamic-core/text-field.tsx
index caf725deb..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/text-field.tsx
+++ b/www/src/components/dynamic-core/text-field.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/text-field-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/text.tsx b/www/src/components/dynamic-core/text.tsx
index 18f0e5127..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/text.tsx
+++ b/www/src/components/dynamic-core/text.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/text-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/time-field.tsx b/www/src/components/dynamic-core/time-field.tsx
index ee3ad5220..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/time-field.tsx
+++ b/www/src/components/dynamic-core/time-field.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/time-field-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/toggle-button.tsx b/www/src/components/dynamic-core/toggle-button.tsx
index e2dda3fa3..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/toggle-button.tsx
+++ b/www/src/components/dynamic-core/toggle-button.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/toggle-button-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/toggle-group.tsx b/www/src/components/dynamic-core/toggle-group.tsx
index d03beccf0..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/toggle-group.tsx
+++ b/www/src/components/dynamic-core/toggle-group.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/toggle-group-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index b2852e2ad..ee1bdcca4 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -1 +1,17 @@
-export * from "@/registry/core/tooltip-01";
+"use client";
+
+import React from "react";
+import dynamic from "next/dynamic";
+import { Loader2Icon } from "lucide-react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type { BadgeProps } from "@/registry/core/badge-01";
+
+export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
+  "badge-01": dynamic(
+    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
+    {
+      loading: () => <Loader2Icon className="size-6 animate-spin" />,
+      ssr: false,
+    }
+  ),
+});
diff --git a/www/src/registry/core/avatar-01.tsx b/www/src/registry/core/avatar-01.tsx
index b0da52ad0..25ca612f7 100644
--- a/www/src/registry/core/avatar-01.tsx
+++ b/www/src/registry/core/avatar-01.tsx
@@ -162,7 +162,9 @@ export type {
   AvatarRootProps,
   AvatarImageProps,
   AvatarFallbackProps,
+  AvatarPlaceholderProps
 };
+
 export {
   Avatar,
   AvatarRoot,
diff --git a/www/src/registry/core/color-area-01.tsx b/www/src/registry/core/color-area-01.tsx
index 9b5bde0e0..1d50103a3 100644
--- a/www/src/registry/core/color-area-01.tsx
+++ b/www/src/registry/core/color-area-01.tsx
@@ -37,4 +37,5 @@ const ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {
   );
 };
 
+export type { ColorAreaProps, ColorAreaRootProps };
 export { ColorArea, ColorAreaRoot };
diff --git a/www/src/registry/core/color-picker-01.tsx b/www/src/registry/core/color-picker-01.tsx
index 0a5654765..51f515ac0 100644
--- a/www/src/registry/core/color-picker-01.tsx
+++ b/www/src/registry/core/color-picker-01.tsx
@@ -114,5 +114,5 @@ const ColorEditor = ({ className, ...props }: ColorEditorProps) => {
   );
 };
 
-export type { ColorPickerProps, ColorPickerRootProps };
+export type { ColorPickerProps, ColorPickerRootProps, ColorEditorProps };
 export { ColorPicker, ColorPickerRoot, ColorEditor };
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index b72056851..5c7d14c42 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,6 +1,6 @@
-@import "tailwindcss";
+@import "tailwindcss" source(none);
 @plugin "tailwindcss-animate";
-@plugin "tailwindcss-rac";
+/* @plugin "tailwindcss-rac"; */
 
 
 @variant dark (&:where(.dark, .dark *));
diff --git a/www/src/types/theme.ts b/www/src/types/theme.ts
index e4577c10f..1511e3ffb 100644
--- a/www/src/types/theme.ts
+++ b/www/src/types/theme.ts
@@ -63,3 +63,8 @@ export type Theme = {
   iconLibrary: "lucide" | "remix";
   variants: Record<string, string>;
 };
+
+export type registryVariants =
+  | "button" // includes Button, ToggleButton, ToggleButtonGroup
+  | "badge"
+  | "dialog";

From 12db22c02ab50102214a9b3a9bb8998310e09602 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 26 Dec 2024 15:22:09 +0100
Subject: [PATCH 027/165] refactor: clean up

---
 pnpm-lock.yaml                                | 2218 +++++++++++------
 www/next.config.mjs                           |   13 -
 www/package.json                              |    8 +-
 www/src/__registry__/core/avatar-01.tsx       |    2 +
 www/src/__registry__/core/breadcrumbs-01.tsx  |    1 +
 www/src/__registry__/core/button-01.tsx       |    2 +-
 www/src/__registry__/core/button-02.tsx       |   18 +-
 www/src/__registry__/core/button-03.tsx       |  129 +
 www/src/__registry__/core/button-04.tsx       |  143 ++
 www/src/__registry__/core/calendar-02.tsx     |  223 --
 www/src/__registry__/core/collapsible-01.tsx  |   32 -
 www/src/__registry__/core/color-area-01.tsx   |    1 +
 www/src/__registry__/core/color-picker-01.tsx |    2 +-
 www/src/__registry__/core/command-01.tsx      |  167 --
 .../__registry__/core/contextual-help-01.tsx  |   39 -
 www/src/__registry__/core/input-02.tsx        |  212 ++
 www/src/__registry__/core/ripple.tsx          |   72 +
 www/src/__registry__/core/table-01.tsx        |  116 -
 .../__registry__/core/toggle-button-01.tsx    |    2 +-
 www/src/__registry__/demos.tsx                |   19 -
 .../(app)/themes/components/button-style.tsx  |   54 +-
 .../(app)/themes/components/input-style.tsx   |   21 +
 www/src/app/(app)/themes/page.tsx             |   10 +-
 www/src/components/component-preview.tsx      |    3 +-
 www/src/components/core/collapsible.tsx       |   33 +-
 www/src/components/core/command.tsx           |  168 +-
 www/src/components/core/scroll-area.tsx       |  145 +-
 www/src/components/core/table.tsx             |  117 +-
 www/src/components/dynamic-core/alert.tsx     |   67 +-
 www/src/components/dynamic-core/avatar.tsx    |   83 +-
 www/src/components/dynamic-core/badge.tsx     |   18 +-
 .../components/dynamic-core/breadcrumbs.tsx   |    2 +-
 www/src/components/dynamic-core/button.tsx    |   33 +-
 www/src/components/dynamic-core/calendar.tsx  |  109 +-
 .../dynamic-core/checkbox-group.tsx           |   45 +-
 www/src/components/dynamic-core/checkbox.tsx  |   23 +-
 .../components/dynamic-core/color-area.tsx    |   45 +-
 .../components/dynamic-core/color-field.tsx   |   44 +-
 .../components/dynamic-core/color-picker.tsx  |   63 +-
 .../components/dynamic-core/color-slider.tsx  |   78 +-
 .../components/dynamic-core/color-swatch.tsx  |   25 +-
 .../components/dynamic-core/color-thumb.tsx   |   25 +-
 www/src/components/dynamic-core/combobox.tsx  |   43 +-
 .../dynamic-core/contextual-help.tsx          |   52 +-
 .../components/dynamic-core/date-field.tsx    |   18 +-
 .../components/dynamic-core/date-input.tsx    |   18 +-
 .../components/dynamic-core/date-picker.tsx   |   18 +-
 .../dynamic-core/date-range-picker.tsx        |   18 +-
 www/src/components/dynamic-core/dialog.tsx    |   18 +-
 www/src/components/dynamic-core/drop-zone.tsx |   18 +-
 www/src/components/dynamic-core/field.tsx     |   18 +-
 .../components/dynamic-core/file-trigger.tsx  |   18 +-
 www/src/components/dynamic-core/form.tsx      |   18 +-
 www/src/components/dynamic-core/group.tsx     |   18 +-
 www/src/components/dynamic-core/heading.tsx   |   18 +-
 www/src/components/dynamic-core/input.tsx     |   18 +-
 www/src/components/dynamic-core/kbd.tsx       |   18 +-
 www/src/components/dynamic-core/link.tsx      |   18 +-
 www/src/components/dynamic-core/list-box.tsx  |   18 +-
 www/src/components/dynamic-core/menu.tsx      |   18 +-
 .../components/dynamic-core/number-field.tsx  |   18 +-
 www/src/components/dynamic-core/overlay.tsx   |   18 +-
 www/src/components/dynamic-core/progress.tsx  |   18 +-
 .../components/dynamic-core/radio-group.tsx   |   18 +-
 .../dynamic-core/range-calendar.tsx           |   18 +-
 .../components/dynamic-core/search-field.tsx  |   18 +-
 www/src/components/dynamic-core/section.tsx   |   18 +-
 www/src/components/dynamic-core/select.tsx    |   18 +-
 www/src/components/dynamic-core/separator.tsx |   18 +-
 www/src/components/dynamic-core/skeleton.tsx  |   18 +-
 www/src/components/dynamic-core/slider.tsx    |   18 +-
 www/src/components/dynamic-core/switch.tsx    |   18 +-
 www/src/components/dynamic-core/table.tsx     |   17 -
 www/src/components/dynamic-core/tabs.tsx      |   18 +-
 www/src/components/dynamic-core/tag-group.tsx |   18 +-
 www/src/components/dynamic-core/text-area.tsx |   18 +-
 .../components/dynamic-core/text-field.tsx    |   18 +-
 www/src/components/dynamic-core/text.tsx      |   18 +-
 .../components/dynamic-core/time-field.tsx    |   18 +-
 .../components/dynamic-core/toggle-button.tsx |   18 +-
 .../components/dynamic-core/toggle-group.tsx  |   18 +-
 www/src/components/dynamic-core/tooltip.tsx   |   18 +-
 www/src/components/theme-override.tsx         |   15 +-
 www/src/hooks/use-debounce.ts                 |   17 +
 www/src/hooks/use-themes.ts                   |   11 +
 www/src/lib/create-dynamic-component.tsx      |    8 +-
 www/src/registry/core/button-01.tsx           |    2 +-
 www/src/registry/core/button-02.tsx           |   18 +-
 www/src/registry/core/button-03.tsx           |  132 +
 www/src/registry/core/button-04.tsx           |  150 ++
 www/src/registry/core/collapsible-01.tsx      |   32 -
 www/src/registry/core/command-01.tsx          |  167 --
 www/src/registry/core/contextual-help-01.tsx  |   39 -
 www/src/registry/core/input-02.tsx            |  212 ++
 www/src/registry/core/ripple.tsx              |   70 +
 www/src/registry/core/table-01.tsx            |  116 -
 www/src/registry/core/toggle-button-01.tsx    |    2 +-
 www/src/registry/demos.ts                     |    1 -
 .../registry/demos/scroll-area/default.tsx    |   37 -
 .../registry/demos/scroll-area/scrollbars.tsx |   89 -
 www/src/registry/demos/scroll-area/sizes.tsx  |   44 -
 www/src/registry/hooks/use-ripple.ts          |   43 +
 www/src/registry/lib/focus-styles.ts          |    2 +-
 www/src/styles/globals.css                    |   25 +-
 104 files changed, 3405 insertions(+), 3235 deletions(-)
 create mode 100644 www/src/__registry__/core/button-03.tsx
 create mode 100644 www/src/__registry__/core/button-04.tsx
 delete mode 100644 www/src/__registry__/core/calendar-02.tsx
 delete mode 100644 www/src/__registry__/core/collapsible-01.tsx
 delete mode 100644 www/src/__registry__/core/command-01.tsx
 delete mode 100644 www/src/__registry__/core/contextual-help-01.tsx
 create mode 100644 www/src/__registry__/core/input-02.tsx
 create mode 100644 www/src/__registry__/core/ripple.tsx
 delete mode 100644 www/src/__registry__/core/table-01.tsx
 create mode 100644 www/src/app/(app)/themes/components/input-style.tsx
 delete mode 100644 www/src/components/dynamic-core/table.tsx
 create mode 100644 www/src/hooks/use-debounce.ts
 create mode 100644 www/src/registry/core/button-03.tsx
 create mode 100644 www/src/registry/core/button-04.tsx
 delete mode 100644 www/src/registry/core/collapsible-01.tsx
 delete mode 100644 www/src/registry/core/command-01.tsx
 delete mode 100644 www/src/registry/core/contextual-help-01.tsx
 create mode 100644 www/src/registry/core/input-02.tsx
 create mode 100644 www/src/registry/core/ripple.tsx
 delete mode 100644 www/src/registry/core/table-01.tsx
 delete mode 100644 www/src/registry/demos/scroll-area/default.tsx
 delete mode 100644 www/src/registry/demos/scroll-area/scrollbars.tsx
 delete mode 100644 www/src/registry/demos/scroll-area/sizes.tsx
 create mode 100644 www/src/registry/hooks/use-ripple.ts

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 71b5fd6b3..05a916e49 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -303,8 +303,8 @@ importers:
         specifier: ^3.33.0
         version: 3.35.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-aria-components:
-        specifier: ^1.4.1
-        version: 1.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^1.5.0
+        version: 1.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-dom:
         specifier: 18.3.1
         version: 18.3.1(react@18.3.1)
@@ -328,7 +328,7 @@ importers:
         version: 2.5.2
       tailwind-variants:
         specifier: ^0.3.0
-        version: 0.3.0(tailwindcss@4.0.0-beta.4)
+        version: 0.3.0(tailwindcss@4.0.0-beta.8)
       tsx:
         specifier: ^4.7.1
         version: 4.19.1
@@ -355,8 +355,8 @@ importers:
         specifier: workspace:*
         version: link:../packages/config/tsconfig
       '@tailwindcss/postcss':
-        specifier: 4.0.0-beta.4
-        version: 4.0.0-beta.4
+        specifier: 4.0.0-beta.8
+        version: 4.0.0-beta.8
       '@types/estree':
         specifier: ^1.0.6
         version: 1.0.6
@@ -382,11 +382,11 @@ importers:
         specifier: ^6.0.1
         version: 6.0.1
       tailwindcss:
-        specifier: 4.0.0-beta.4
-        version: 4.0.0-beta.4
+        specifier: 4.0.0-beta.8
+        version: 4.0.0-beta.8
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@4.0.0-beta.4)
+        version: 1.0.7(tailwindcss@4.0.0-beta.8)
       tailwindcss-rac:
         specifier: workspace:*
         version: link:../packages/tailwindcss-rac
@@ -1323,15 +1323,27 @@ packages:
   '@internationalized/date@3.5.6':
     resolution: {integrity: sha512-jLxQjefH9VI5P9UQuqB6qNKnvFt1Ky1TPIzHGsIlCi7sZZoMR8SdYbBGRvM0y+Jtb+ez4ieBzmiAUcpmPYpyOw==}
 
+  '@internationalized/date@3.6.0':
+    resolution: {integrity: sha512-+z6ti+CcJnRlLHok/emGEsWQhe7kfSmEW+/6qCzvKY67YPh7YOBfvc7+/+NXq+zJlbArg30tYpqLjNgcAYv2YQ==}
+
   '@internationalized/message@3.1.5':
     resolution: {integrity: sha512-hjEpLKFlYA3m5apldLqzHqw531qqfOEq0HlTWdfyZmcloWiUbWsYXD6YTiUmQmOtarthzhdjCAwMVrB8a4E7uA==}
 
+  '@internationalized/message@3.1.6':
+    resolution: {integrity: sha512-JxbK3iAcTIeNr1p0WIFg/wQJjIzJt9l/2KNY/48vXV7GRGZSv3zMxJsce008fZclk2cDC8y0Ig3odceHO7EfNQ==}
+
   '@internationalized/number@3.5.4':
     resolution: {integrity: sha512-h9huwWjNqYyE2FXZZewWqmCdkw1HeFds5q4Siuoms3hUQC5iPJK3aBmkFZoDSLN4UD0Bl8G22L/NdHpeOr+/7A==}
 
+  '@internationalized/number@3.6.0':
+    resolution: {integrity: sha512-PtrRcJVy7nw++wn4W2OuePQQfTqDzfusSuY1QTtui4wa7r+rGVtR75pO8CyKvHvzyQYi3Q1uO5sY0AsB4e65Bw==}
+
   '@internationalized/string@3.2.4':
     resolution: {integrity: sha512-BcyadXPn89Ae190QGZGDUZPqxLj/xsP4U1Br1oSy8yfIjmpJ8cJtGYleaodqW/EmzFjwELtwDojLkf3FhV6SjA==}
 
+  '@internationalized/string@3.2.5':
+    resolution: {integrity: sha512-rKs71Zvl2OKOHM+mzAFMIyqR5hI1d1O6BBkMK2/lkfg3fkmVh9Eeg0awcA8W2WqYqDOv6a86DIOlFpggwLtbuw==}
+
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -1847,31 +1859,25 @@ packages:
       '@types/react':
         optional: true
 
-  '@react-aria/accordion@3.0.0-alpha.35':
-    resolution: {integrity: sha512-eZcsHJDVDNIZ2XUmJynHScRv1YAF/+fj5T0zoGdyEPImIIxJLROupQ75uwarAI5btGSR2TFeqYRmRXJrVuxgoA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/breadcrumbs@3.5.17':
     resolution: {integrity: sha512-LJQ+u3TbPmtAWZ3/qC6VfLCzXiwVoB6GmI+HJ2pbjs6H9L8MoiLHsA4mgcz+P0rvx7SCs0Rhvy4JurV6R/R4xw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/breadcrumbs@3.5.18':
-    resolution: {integrity: sha512-JRc6nAwQsjqsPw/3MlGwJcVo9ACZDbCOwWNNEnj8mR0fQopJO5xliq3qVzxDRZjdYrVUfTTyKXuepv/jMB1Y6Q==}
+  '@react-aria/breadcrumbs@3.5.19':
+    resolution: {integrity: sha512-mVngOPFYVVhec89rf/CiYQGTfaLRfHFtX+JQwY7sNYNqSA+gO8p4lNARe3Be6bJPgH+LUQuruIY9/ZDL6LT3HA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/button@3.10.0':
     resolution: {integrity: sha512-mhbn2tEsr991sjG6YMH6oN3ELWb4YvZZ8mnZHMNLa3l8T00PV0ClvQBsUndo6uSvuTHhpFzmMMkJFhYYUwCKlw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/button@3.10.1':
-    resolution: {integrity: sha512-1vkRsjdvJrJleK73u7ClrW4Fw3mtr2hIs8M2yLZUpLoqHXnIYJwmeEMtzwyPFYKBc5jaHcGXw45any7Puy1aFA==}
+  '@react-aria/button@3.11.0':
+    resolution: {integrity: sha512-b37eIV6IW11KmNIAm65F3SEl2/mgj5BrHIysW6smZX3KoKWTGYsYfcQkmtNgY0GOSFfDxMCoolsZ6mxC00nSDA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/calendar@3.5.12':
     resolution: {integrity: sha512-C8VRjRwEVPaGoCtjOlC0lb3mVSz4ajbal8jfvcbp7LOqCcmOVTUbiM7EPTy60EfZRanFNSp2D1ZstEZDU+cqsg==}
@@ -1879,27 +1885,27 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/calendar@3.5.13':
-    resolution: {integrity: sha512-BJV5IwIH4UPDa6/HRTOBcM1wC+/6p823VrbocV9mr+rt5cCnuh+cqcCQKqUSEbfaTMPrmabjBuEaQIvqjLRYUA==}
+  '@react-aria/calendar@3.6.0':
+    resolution: {integrity: sha512-tZ3nd5DP8uxckbj83Pt+4RqgcTWDlGi7njzc7QqFOG2ApfnYDUXbIpb/Q4KY6JNlJskG8q33wo0XfOwNy8J+eg==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/checkbox@3.14.7':
     resolution: {integrity: sha512-aqVxXcr/8P7pQ7R34DlJX2SdBvWtHof9lLTVBY/9tgMplcKIoVBdlVUYPtqWxT3tGan+rruPQHbzTx8zJRFJyg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/checkbox@3.14.8':
-    resolution: {integrity: sha512-0qPJ3fiQQm7tiMHmIhR9iokr/MhhI2h6OWX/pDeIy/Gj63WSVk+Cka3NUhgMRGkguHKDZPKaFjK1oZQsXhCThQ==}
+  '@react-aria/checkbox@3.15.0':
+    resolution: {integrity: sha512-z/8xd4em7o0MroBXwkkwv7QRwiJaA1FwqMhRUb7iqtBGP2oSytBEDf0N7L09oci32a1P4ZPz2rMK5GlLh/PD6g==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/collections@3.0.0-alpha.5':
-    resolution: {integrity: sha512-8m8yZe1c5PYCylEN4lcG3ZL/1nyrON95nVsoknC8shY1uKP01oJd7w+f6hvVza0tJRQuVe4zW3gO4FVjv33a5g==}
+  '@react-aria/collections@3.0.0-alpha.6':
+    resolution: {integrity: sha512-A+7Eap/zvsghMb5/C3EAPn41axSzRhtX2glQRXSBj1mK31CTPCZ9BhrMIMC5DL7ZnfA7C+Ysilo9nI2YQh5PMg==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/color@3.0.0':
     resolution: {integrity: sha512-IwHI4e2fUHUOZHRrL2MsxGZFp/RCR2cLjm39gT41jVSuH4zjxueUf96NDm6c7FD0mB5vfk0jo+KJMnShL1a2rg==}
@@ -1907,11 +1913,11 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/color@3.0.1':
-    resolution: {integrity: sha512-7hTCdXCU2/qpZuIrJcVr+s87C2MqHfi9Y461gMza5DjdUzlcy480UZ/iknbw82C0a+oVo08D/bnQctEjja05pw==}
+  '@react-aria/color@3.0.2':
+    resolution: {integrity: sha512-dSM5qQRcR1gRGYCBw0IGRmc29gjfoht3cQleKb8MMNcgHYa2oi5VdCs2yKXmYFwwVC6uPtnlNy9S6e0spqdr+w==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/combobox@3.10.4':
     resolution: {integrity: sha512-jzLyRwpwH5SCfQl5giLSwLaw9EKlRiMG39kDZLRB4MQ1MN4sIdIP2TXBbdYcSLtYjduJm2JfRvs2ezI+QI+umA==}
@@ -1919,11 +1925,11 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/combobox@3.10.5':
-    resolution: {integrity: sha512-1cjBJXWYuR0de+9IEU1MOer3H5FSlbrdaqlWo+M6vvMymBL2OjjwXiG3LY1mR65ZwHoTswXzt6/mujUKaxk5vw==}
+  '@react-aria/combobox@3.11.0':
+    resolution: {integrity: sha512-s88YMmPkMO1WSoiH1KIyZDLJqUwvM2wHXXakj3cYw1tBHGo4rOUFq+JWQIbM5EDO4HOR4AUUqzIUd0NO7t3zyg==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/datepicker@3.11.3':
     resolution: {integrity: sha512-HwGxDctFry5ew3Cu7gWpUVodaCg//V6NCihSRjLvnW/TWG+UFLzTafxTqqm8eRbicT3DJlXCLOUPk8Ek0txW6A==}
@@ -1931,11 +1937,11 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/datepicker@3.11.4':
-    resolution: {integrity: sha512-TXe1TB/pSwrIQ5BIDr6NCAYjBaKgLN6cP5DlAihywHzqxbM6vO8GU6qbrZNSBrtfzZnrR/4z66Vlw6rhznLnqQ==}
+  '@react-aria/datepicker@3.12.0':
+    resolution: {integrity: sha512-VYNXioLfddIHpwQx211+rTYuunDmI7VHWBRetCpH3loIsVFuhFSRchTQpclAzxolO3g0vO7pMVj9VYt7Swp6kg==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/dialog@3.5.18':
     resolution: {integrity: sha512-j0x0OwDZKyW2GqBZl2Dw/pHl0uSCzhHOg5jNeulkZC8xQa8COuksQf5NFzPmgRPnzqpbgvSzCSs41ymS8spmFg==}
@@ -1943,17 +1949,17 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/dialog@3.5.19':
-    resolution: {integrity: sha512-I3AJWpAWCajj8Ama8qLQ18Tc37ODyk+Ym3haYEl5L4QnuFc0dU1sMJr15fppDGIxYjwvTTfctyhaSCz+S+wpkw==}
+  '@react-aria/dialog@3.5.20':
+    resolution: {integrity: sha512-l0GZVLgeOd3kL3Yj8xQW7wN3gn9WW3RLd/SGI9t7ciTq+I/FhftjXCWzXLlOCCTLMf+gv7eazecECtmoWUaZWQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/disclosure@3.0.0-alpha.1':
-    resolution: {integrity: sha512-AsYRk4NOfo5f3QGIoQwGtOCvEk/a1yztobaDIgMCfycfyQbzJROUPbSusUURK7f1KZ0s3/HPlWT9p6ulR4mDcA==}
+  '@react-aria/disclosure@3.0.0':
+    resolution: {integrity: sha512-xO9QTQSvymujTjCs1iCQ4+dKZvtF/rVVaFZBKlUtqIqwTHMdqeZu4fh5miLEnTyVLNHMGzLrFggsd8Q+niC9Og==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/dnd@3.7.3':
     resolution: {integrity: sha512-SF7v1AzpXr4CSf98pSzjcSBCaezpP6rsSnSJTz0j2jrYfdQhX0MPA2lyxS+kgU1AEzkK19THQeHuj8hxQc0bVw==}
@@ -1961,11 +1967,11 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/dnd@3.7.4':
-    resolution: {integrity: sha512-lRE8SVyK/MPbF6NiVXHoriOV0QulNKkSndyDr3TWPsLhH5GKQso5jSx8/5ogbDgRTzIsmIQldj/HlW238DCiSg==}
+  '@react-aria/dnd@3.8.0':
+    resolution: {integrity: sha512-JiqHY3E9fDU5Kb4gN22cuK6QNlpMCGe6ngR/BV+Q8mLEsdoWcoUAYOtYXVNNTRvCdVbEWI87FUU+ThyPpoDhNQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/focus@3.18.3':
     resolution: {integrity: sha512-WKUElg+5zS0D3xlVn8MntNnkzJql2J6MuzAMP8Sv5WTgFDse/XGR842dsxPTIyKKdrWVCRegCuwa4m3n/GzgJw==}
@@ -1977,10 +1983,15 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/form@3.0.10':
-    resolution: {integrity: sha512-hWBrqEXxBxcpYTJv0telQKaiu2728EUFHta8/RGBqJ4+MhKKxI7+PnLoms78IuiK0MCYvukHfun1fuQvK+8jsg==}
+  '@react-aria/focus@3.19.0':
+    resolution: {integrity: sha512-hPF9EXoUQeQl1Y21/rbV2H4FdUR2v+4/I0/vB+8U3bT1CJ+1AFj1hc/rqx2DqEwDlEwOHN+E4+mRahQmlybq0A==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/form@3.0.11':
+    resolution: {integrity: sha512-oXzjTiwVuuWjZ8muU0hp3BrDH5qjVctLOF50mjPvqUbvXQTHhoDxWweyIXPQjGshaqBd2w4pWaE4A2rG2O/apw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/form@3.0.9':
     resolution: {integrity: sha512-9M6IfC5t47G19c8roHWnkKd275BrECTzyTsc4rzf5OepJfHfG4evST6x+4gGOFYi8soC9XoQdJl4TRh/mft+gw==}
@@ -1993,20 +2004,20 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/grid@3.10.5':
-    resolution: {integrity: sha512-9sLa+rpLgRZk7VX+tvdSudn1tdVgolVzhDLGWd95yS4UtPVMihTMGBrRoByY57Wxvh1V+7Ptw8kc6tsRSotYKg==}
+  '@react-aria/grid@3.11.0':
+    resolution: {integrity: sha512-lN5FpQgu2Rq0CzTPWmzRpq6QHcMmzsXYeClsgO3108uVp1/genBNAObYVTxGOKe/jb9q99trz8EtIn05O6KN1g==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/gridlist@3.9.4':
-    resolution: {integrity: sha512-gGzS4ToSynn2KBycf9UCsWIJIbVl4RjoCjPF4NnukwzHmrXwbtZnlF0xsORQ5QxfqHH9UehTAHWFvOOHJSZZ2w==}
+  '@react-aria/gridlist@3.10.0':
+    resolution: {integrity: sha512-UcblfSZ7kJBrjg9mQ5VbnRevN81UiYB4NuL5PwIpBpridO7tnl4ew6+96PYU7Wj1chHhPS3x0b0zmuSVN7A0LA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/gridlist@3.9.5':
-    resolution: {integrity: sha512-LM+3D0amZZ1qiyqWVG52j0YRWt2chdpx+WG80ryDKwHLDIq7uz1+KXyIfv8cFt/cZcl6+9Ft3kWALCAi6O4NLA==}
+  '@react-aria/gridlist@3.9.4':
+    resolution: {integrity: sha512-gGzS4ToSynn2KBycf9UCsWIJIbVl4RjoCjPF4NnukwzHmrXwbtZnlF0xsORQ5QxfqHH9UehTAHWFvOOHJSZZ2w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
@@ -2016,6 +2027,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-aria/i18n@3.12.4':
+    resolution: {integrity: sha512-j9+UL3q0Ls8MhXV9gtnKlyozq4aM95YywXqnmJtzT1rYeBx7w28hooqrWkCYLfqr4OIryv1KUnPiCSLwC2OC7w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/interactions@3.22.3':
     resolution: {integrity: sha512-RRUb/aG+P0IKTIWikY/SylB6bIbLZeztnZY2vbe7RAG5MgVaCgn5HQ45SI15GlTmhsFG8CnF6slJsUFJiNHpbQ==}
     peerDependencies:
@@ -2026,20 +2042,30 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-aria/interactions@3.22.5':
+    resolution: {integrity: sha512-kMwiAD9E0TQp+XNnOs13yVJghiy8ET8L0cbkeuTgNI96sOAp/63EJ1FSrDf17iD8sdjt41LafwX/dKXW9nCcLQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/label@3.7.12':
     resolution: {integrity: sha512-u9xT90lAlgb7xiv+p0md9QwCHz65XL7tjS5e29e88Rs3ptkv3aQubTqxVOUTEwzbNUT4A1QqTjUm1yfHewIRUw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-aria/label@3.7.13':
+    resolution: {integrity: sha512-brSAXZVTey5RG/Ex6mTrV/9IhGSQFU4Al34qmjEDho+Z2qT4oPwf8k7TRXWWqzOU0ugYxekYbsLd2zlN3XvWcg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/link@3.7.5':
     resolution: {integrity: sha512-j0F1BIdNoE7Tl+0KzzjbrmYuxt4aWAmDZDHvJKiYg71Jb1BAPz71eE1O1ybMoO04+OG/6HrRZTragfSQLAJ58A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/link@3.7.6':
-    resolution: {integrity: sha512-8buJznRWoOud8ApygUAz7TsshXNs6HDGB6YOYEJxy0WTKILn0U5NUymw2PWC14+bWRPelHMKmi6vbFBrJWzSzQ==}
+  '@react-aria/link@3.7.7':
+    resolution: {integrity: sha512-eVBRcHKhNSsATYWv5wRnZXRqPVcKAWWakyvfrYePIKpC3s4BaHZyTGYdefk8ZwZdEOuQZBqLMnjW80q1uhtkuA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/listbox@3.13.4':
     resolution: {integrity: sha512-2aG4jzlB+srYBeM9ap/BNZe0E04yMjY2dPGXcigkaSJt6/yYAHCygXuouf2MzvBfkdV4QWyHIIgWZmAXXl6reg==}
@@ -2047,43 +2073,51 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/listbox@3.13.5':
-    resolution: {integrity: sha512-tn32L/PIELIPYfDWCJ3OBRvvb/jCEvIzs6IYs8xCISV5W4853Je/WnA8wumWnz07U9sODYFmHUx2ThO7Z7dH7Q==}
+  '@react-aria/listbox@3.13.6':
+    resolution: {integrity: sha512-6hEXEXIZVau9lgBZ4VVjFR3JnGU+fJaPmV3HP0UZ2ucUptfG0MZo24cn+ZQJsWiuaCfNFv5b8qribiv+BcO+Kg==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/live-announcer@3.4.0':
     resolution: {integrity: sha512-VBxEdMq2SbtRbNTQNcDR2G6E3lEl5cJSBiHTTO8Ln1AL76LiazrylIXGgoktqzCfRQmyq0v8CHk1cNKDU9mvJg==}
 
+  '@react-aria/live-announcer@3.4.1':
+    resolution: {integrity: sha512-4X2mcxgqLvvkqxv2l1n00jTzUxxe0kkLiapBGH1LHX/CxA1oQcHDqv8etJ2ZOwmS/MSBBiWnv3DwYHDOF6ubig==}
+
   '@react-aria/menu@3.15.4':
     resolution: {integrity: sha512-4wfq8Lb7AltgSzBHdtypiPOnsRm8hHv7PUuHhlq/VT9yAkEFk4Flc7vKVF6VSFqrnCfyCf66B5aeapjNInAONg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/menu@3.15.5':
-    resolution: {integrity: sha512-ygfS032hJSZCYYbMHnUSmUTVMaz99L9AUZ9kMa6g+k2X1t92K1gXfhYYkoClQD6+G0ch7zm0SwYFlUmRf9yOEA==}
+  '@react-aria/menu@3.16.0':
+    resolution: {integrity: sha512-TNk+Vd3TbpBPUxEloAdHRTaRxf9JBK7YmkHYiq0Yj5Lc22KS0E2eTyhpPM9xJvEWN2TlC5TEvNfdyui2kYWFFQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/meter@3.4.17':
     resolution: {integrity: sha512-08wbQhfvVWzpWilhn/WD7cQ7TqafS/66umTk7+X6BW6TrS1//6loNNJV62IC3F7sskel4iEAtl2gW0WpW8zEdg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-aria/meter@3.4.18':
+    resolution: {integrity: sha512-tTX3LLlmDIHqrC42dkdf+upb1c4UbhlpZ52gqB64lZD4OD4HE+vMTwNSe+7MRKMLvcdKPWCRC35PnxIHZ15kfQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/numberfield@3.11.7':
     resolution: {integrity: sha512-9bqg4sKqc5XLppHzJFRhgtkoeMu0N6Zg0AuVSiE/3CxE5Ad+y8tKpFEx9zh4o5BItyOWy18w5ZXnKjJGjd7waQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/numberfield@3.11.8':
-    resolution: {integrity: sha512-CWRHbrjfpvEqBmtjwX8LjVds6+tMNneRlKF46ked5sZilfU2jIirufaucM36N4vX6N/W7nFR/rCbp2WCOU9p3Q==}
+  '@react-aria/numberfield@3.11.9':
+    resolution: {integrity: sha512-3tiGPx2y4zyOV7PmdBASes99ZZsFTZAJTnU45Z+p1CW4131lw7y2ZhbojBl7U6DaXAJvi1z6zY6cq2UE9w5a0Q==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/overlays@3.23.3':
     resolution: {integrity: sha512-vRW4DL466a27BBIP6dQqmmei4nX/nsur6DyF0Hmd46ygwOdvdA+5MwvXZUz9yUamB79UeS9BMQZuBVwhjoMwBQ==}
@@ -2091,32 +2125,37 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/overlays@3.23.4':
-    resolution: {integrity: sha512-MZUW6SUlTWOwKuFTqUTxW5BnvdW3Y9cEwanWuz98NX3ST7JYe/3ZcZhb37/fGW4uoGHnQ9icEwVf0rbMrK2STg==}
+  '@react-aria/overlays@3.24.0':
+    resolution: {integrity: sha512-0kAXBsMNTc/a3M07tK9Cdt/ea8CxTAEJ223g8YgqImlmoBBYAL7dl5G01IOj67TM64uWPTmZrOklBchHWgEm3A==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/progress@3.4.17':
     resolution: {integrity: sha512-5+01WNibLoNS5KcfU5p6vg7Lhz17plqqzv/uITx28zzj3saaj0VLR7n57Ig2fXe8ZEQoUS89BS3sIEsIf96S1A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/radio@3.10.8':
-    resolution: {integrity: sha512-/vKQhKqpoCB/VqHuc46OOU+31HFtg6svcYzHBbz0wN/DSVCygYeTfB/36kY7x2GWWkT0pCsB4OcHJ+/0G3EfkQ==}
+  '@react-aria/progress@3.4.18':
+    resolution: {integrity: sha512-FOLgJ9t9i1u3oAAimybJG6r7/soNPBnJfWo4Yr6MmaUv90qVGa1h6kiuM5m9H/bm5JobAebhdfHit9lFlgsCmg==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/radio@3.10.9':
-    resolution: {integrity: sha512-XnU7zGTEku1mPvJweX4I3ifwEBtglEWYoO4CZGvA3eXj39X8iGwNZXUst1pdk2ykWUKbtwrmsWA6zG2OAGODYw==}
+  '@react-aria/radio@3.10.10':
+    resolution: {integrity: sha512-NVdeOVrsrHgSfwL2jWCCXFsWZb+RMRZErj5vthHQW4nkHECGOzeX56VaLWTSvdoCPqi9wdIX8A6K9peeAIgxzA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/searchfield@3.7.10':
-    resolution: {integrity: sha512-1XTYh2dycedaK1tgpHAHcu8PTK1wG3dv53yLziu07JsBe9tX6O8jIFBhZK8SpfNnP8pEOI3PIlVEjaarLwgWzQ==}
+  '@react-aria/radio@3.10.8':
+    resolution: {integrity: sha512-/vKQhKqpoCB/VqHuc46OOU+31HFtg6svcYzHBbz0wN/DSVCygYeTfB/36kY7x2GWWkT0pCsB4OcHJ+/0G3EfkQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-aria/searchfield@3.7.11':
+    resolution: {integrity: sha512-wFf6QxtBFfoxy0ANxI0+ftFEBGynVCY0+ce4H4Y9LpUTQsIKMp3sdc7LoUFORWw5Yee6Eid5cFPQX0Ymnk+ZJg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/searchfield@3.7.9':
     resolution: {integrity: sha512-EHODG7HDFthwG5tx4fh+WP2hjNOp/rPAqdNScKBAN73nEf0F/qQpIwmdZF0EycCOzGSM5hhihjm0yMtTFYuzOQ==}
     peerDependencies:
@@ -2128,11 +2167,11 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/select@3.14.11':
-    resolution: {integrity: sha512-rX5U4JcPNV41lNEF1tAxNxqrGENnLGZL/D5Y+YNpqKSU5U09+hD3ovsflNkF/d+deb25zg45JRxumwOCQ+rfyw==}
+  '@react-aria/select@3.15.0':
+    resolution: {integrity: sha512-zgBOUNy81aJplfc3NKDJMv8HkXjBGzaFF3XDzNfW8vJ7nD9rcTRUN5SQ1XCEnKMv12B/Euk9zt6kd+tX0wk1vQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/selection@3.20.0':
     resolution: {integrity: sha512-h3giMcXo4SMZRL5HrqZvOLNTsdh5jCXwLUx0wpj/2EF0tcYQL6WDfn1iJ+rHARkUIs7X70fUV8iwlbUySZy1xg==}
@@ -2140,26 +2179,37 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/selection@3.20.1':
-    resolution: {integrity: sha512-My0w8UC/7PAkz/1yZUjr2VRuzDZz1RrbgTqP36j5hsJx8RczDTjI4TmKtQNKG0ggaP4w83G2Og5JPTq3w3LMAw==}
+  '@react-aria/selection@3.21.0':
+    resolution: {integrity: sha512-52JJ6hlPcM+gt0VV3DBmz6Kj1YAJr13TfutrKfGWcK36LvNCBm1j0N+TDqbdnlp8Nue6w0+5FIwZq44XPYiBGg==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/separator@3.4.3':
     resolution: {integrity: sha512-L+eCmSGfRJ9jScHZqBkmOkp44LBARisDjRdYbGrLlsAEcOiHUXufnfpxz2rgkUGBdUgnI9hIk12q5kdy0UxGjg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-aria/separator@3.4.4':
+    resolution: {integrity: sha512-dH+qt0Mdh0nhKXCHW6AR4DF8DKLUBP26QYWaoThPdBwIpypH/JVKowpPtWms1P4b36U6XzHXHnTTEn/ZVoCqNA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/slider@3.7.12':
     resolution: {integrity: sha512-yZWBGxDHBL5Gjjdnz+igdO7VfYND9iZsSqynadZthWtfy1jA+qBR25I+Soc0D9gkr/2/JUJkFgkllYF1RzWMUQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/slider@3.7.13':
-    resolution: {integrity: sha512-yGlIpoOUKUoP0M3iI8ZHU001NASBOeZJSIQNfoS7HiqSR3bz+6BX7DRAM6B+CPHJleUtrdQ6JjO/8V8ZUV2kNQ==}
+  '@react-aria/slider@3.7.14':
+    resolution: {integrity: sha512-7rOiKjLkEZ0j7mPMlwrqivc+K4OSfL14slaQp06GHRiJkhiWXh2/drPe15hgNq55HmBQBpA0umKMkJcqVgmXPA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/spinbutton@3.6.10':
+    resolution: {integrity: sha512-nhYEYk7xUNOZDaqiQ5w/nHH9ouqjJbabTWXH+KK7UR1oVGfo4z1wG94l8KWF3Z6SGGnBxzLJyTBguZ4g9aYTSg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/spinbutton@3.6.9':
     resolution: {integrity: sha512-m+uVJdiIc2LrLVDGjU7p8P2O2gUvTN26GR+NgH4rl+tUSuAB0+T1rjls/C+oXEqQjCpQihEB9Bt4M+VHpzmyjA==}
@@ -2173,13 +2223,19 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/switch@3.6.8':
-    resolution: {integrity: sha512-6Q0w7o+liB0ztKPL9UaRfX+hPPuy71AL3SuVCMK7RKfPqZwcmlwUDp2gr3j5fvs8gLev0r42XtEBqmGwkHTkEw==}
+  '@react-aria/ssr@3.9.7':
+    resolution: {integrity: sha512-GQygZaGlmYjmYM+tiNBA5C6acmiDWF52Nqd40bBp0Znk4M4hP+LTmI0lpI1BuKMw45T8RIhrAsICIfKwZvi2Gg==}
+    engines: {node: '>= 12'}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/switch@3.6.10':
+    resolution: {integrity: sha512-FtaI9WaEP1tAmra1sYlAkYXg9x75P5UtgY8pSbe9+1WRyWbuE1QZT+RNCTi3IU4fZ7iJQmXH6+VaMyzPlSUagw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/switch@3.6.9':
-    resolution: {integrity: sha512-w7xIywpR6llm22DXYOObZ2Uqvsw+gNmxdJ86h8+YRtpSkFnPMhXtTMv3RXpEGYhPTt/YDIqfxiluF1E2IHGwIA==}
+  '@react-aria/switch@3.6.8':
+    resolution: {integrity: sha512-6Q0w7o+liB0ztKPL9UaRfX+hPPuy71AL3SuVCMK7RKfPqZwcmlwUDp2gr3j5fvs8gLev0r42XtEBqmGwkHTkEw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
@@ -2189,11 +2245,11 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/table@3.15.5':
-    resolution: {integrity: sha512-bdNZF0ZoNOfyOEIK/ctv0llacaCNk8mv+GGy8mwh5bZeJjd8KuDIpYQtZJYvf2YVvPYRWyXRhF0/B229m65f/g==}
+  '@react-aria/table@3.16.0':
+    resolution: {integrity: sha512-9xF9S3CJ7XRiiK92hsIKxPedD0kgcQWwqTMtj3IBynpQ4vsnRiW3YNIzrn9C3apjknRZDTSta8O2QPYCUMmw2A==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/tabs@3.9.6':
     resolution: {integrity: sha512-iPQ2Im+srnSB06xIdVNHZZDJnZmUR0IG0MZAp6FXmbkCeLAd9tZQHgSFYwswBfgAStNnyFQHP5aSBJOJMRCACg==}
@@ -2201,11 +2257,11 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/tabs@3.9.7':
-    resolution: {integrity: sha512-f78P2Y9ZCYtwOnteku9mPVIk21xSSREYWaQPtA9ebSgVbeR5ya6RpaX9ISc9cd0HEF3Av+hZYyS1pNXXWymv9g==}
+  '@react-aria/tabs@3.9.8':
+    resolution: {integrity: sha512-Nur/qRFBe+Zrt4xcCJV/ULXCS3Mlae+B89bp1Gl20vSDqk6uaPtGk+cS5k03eugOvas7AQapqNJsJgKd66TChw==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/tag@3.4.6':
     resolution: {integrity: sha512-Uf1sPabwJx99diyXJTaVguiYozS49opjQxmK1PPbb87ipNN1YlSDVbP05IelVMbnbxXHudsRmzPOBmmblcj1GQ==}
@@ -2213,84 +2269,99 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/tag@3.4.7':
-    resolution: {integrity: sha512-hreVvphUeYUfMN6gjM3+WouN2P/WGuR0rGpOrFk2HEnGDPg3Ar0isfdAaciTSBOc26CDKNgrmzRguxCmKKuqgw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-aria/textfield@3.14.10':
-    resolution: {integrity: sha512-vG44FgxwfJUF2S6tRG+Sg646DDEgs0CO9RYniafEOHz8rwcNIH3lML7n8LAfzQa+BjBY28+UF0wmqEvd6VCzCQ==}
+  '@react-aria/tag@3.4.8':
+    resolution: {integrity: sha512-exWl52bsFtJuzaqMYvSnLteUoPqb3Wf+uICru/yRtREJsWVqjJF38NCVlU73Yqd9qMPTctDrboSZFAWAWKDxoA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/textfield@3.14.9':
     resolution: {integrity: sha512-LPwZhthDVLyvnzXWco4eyYCD2pFmQ4Vw9ha9tb3QkZUIP6j8E52y76j0c59Nq7XYus3IHatVe7yYQk7kbo8Zrg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/toggle@3.10.8':
-    resolution: {integrity: sha512-N6WTgE8ByMYY+ZygUUPGON2vW5NrxwU91H98+Nozl+Rq6ZYR2fD9i8oRtLtrYPxjU2HmaFwDyQdWvmMJZuDxig==}
+  '@react-aria/textfield@3.15.0':
+    resolution: {integrity: sha512-V5mg7y1OR6WXYHdhhm4FC7QyGc9TideVRDFij1SdOJrIo5IFB7lvwpOS0GmgwkVbtr71PTRMjZnNbrJUFU6VNA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/toggle@3.10.9':
-    resolution: {integrity: sha512-dtfnyIU2/kcH9rFAiB48diSmaXDv45K7UCuTkMQLjbQa3QHC1oYNbleVN/VdGyAMBsIWtfl8L4uuPrAQmDV/bg==}
+  '@react-aria/toggle@3.10.10':
+    resolution: {integrity: sha512-QwMT/vTNrbrILxWVHfd9zVQ3mV2NdBwyRu+DphVQiFAXcmc808LEaIX2n0lI6FCsUDC9ZejCyvzd91/YemdZ1Q==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/toolbar@3.0.0-beta.10':
-    resolution: {integrity: sha512-YsQwTCS2FO8FjDgu1aHskTk1bIo1xisY01u+gNXxGLv6B115Lnevfi+RJdZ4AmLIRAmq9OVMii9JuKrXL9dBXw==}
+  '@react-aria/toggle@3.10.8':
+    resolution: {integrity: sha512-N6WTgE8ByMYY+ZygUUPGON2vW5NrxwU91H98+Nozl+Rq6ZYR2fD9i8oRtLtrYPxjU2HmaFwDyQdWvmMJZuDxig==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-aria/toolbar@3.0.0-beta.11':
+    resolution: {integrity: sha512-LM3jTRFNDgoEpoL568WaiuqiVM7eynSQLJis1hV0vlVnhTd7M7kzt7zoOjzxVb5Uapz02uCp1Fsm4wQMz09qwQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/toolbar@3.0.0-beta.4':
     resolution: {integrity: sha512-nerKAoHwHFTvf25DDtj8d/zlDaZHaTPWvL4gweTm3hu9ztisE58CoVUqzqH+VNiYjcrWr2PYgLbNLsuOzk0q1Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
 
-  '@react-aria/tooltip@3.7.8':
-    resolution: {integrity: sha512-dlWfS3w8E6dw5Xoist4cVX2GQE5oh3VQr88dRyLto7BAPLFrp3I+8c9mZCVUobLS/f5QcQzLkqw750s4ENCyiw==}
+  '@react-aria/tooltip@3.7.10':
+    resolution: {integrity: sha512-Udi3XOnrF/SYIz72jw9bgB74MG/yCOzF5pozHj2FH2HiJlchYv/b6rHByV/77IZemdlkmL/uugrv/7raPLSlnw==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tooltip@3.7.9':
-    resolution: {integrity: sha512-TqVJ7YqaP/enxNyA1QGr43w4nBZmOs6Hb/pROMS5afbX7gHgMVFn0lTRc6DC2cvcfgYc4WICs2QiQMniZt/E7A==}
+  '@react-aria/tooltip@3.7.8':
+    resolution: {integrity: sha512-dlWfS3w8E6dw5Xoist4cVX2GQE5oh3VQr88dRyLto7BAPLFrp3I+8c9mZCVUobLS/f5QcQzLkqw750s4ENCyiw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/tree@3.0.0-beta.1':
-    resolution: {integrity: sha512-mlnV9VU1m/MGpH4WoOJc63yWAn9E+q/nHE3pM0dgjMyh+YCEq94tK/8eQFt4uko0/cANU/tHZ72Ayo2g8rJIWg==}
+  '@react-aria/tree@3.0.0-beta.2':
+    resolution: {integrity: sha512-lH3hVl2VgG3YLN+ee1zQzm+2F+BGLd/HBhfMYPuI3IjHvDb+m+jCJXHdBOGrfG2Qydk2LYheqX8QXCluulu0qQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/utils@3.25.3':
     resolution: {integrity: sha512-PR5H/2vaD8fSq0H/UB9inNbc8KDcVmW6fYAfSWkkn+OAdhTTMVKqXXrZuZBWyFfSD5Ze7VN6acr4hrOQm2bmrA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/virtualizer@4.0.4':
-    resolution: {integrity: sha512-DszWqS29B9UoLS4mb5tAgLZKSVKR7IuDfjT+On9TSpcvm+HKS9wG6MVbqO0bh4zE+JGmp8Pnxfg92E7NUF0vgA==}
+  '@react-aria/utils@3.26.0':
+    resolution: {integrity: sha512-LkZouGSjjQ0rEqo4XJosS4L3YC/zzQkfRM3KoqK6fUOmUJ9t0jQ09WjiF+uOoG9u+p30AVg3TrZRUWmoTS+koQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/virtualizer@4.1.0':
+    resolution: {integrity: sha512-ziSq3Y7iuaAMJWGZU1RRs/TykuPapQfx8dyH2eyKPLgEjBUoXRGWE7n6jklBwal14b0lPK0wkCzRoQbkUvX3cg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/visually-hidden@3.8.16':
     resolution: {integrity: sha512-3zThVIzEprez4A/GajOut6/JQ4WCu2ROHGZ1xH1+2GFjBJQaTfPBIjg6UIwaT7sgHRQIik8QidogLqXHbp81yA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-aria/visually-hidden@3.8.17':
-    resolution: {integrity: sha512-WFgny1q2CbxxU6gu46TGQXf1DjsnuSk+RBDP4M7bm1mUVZzoCp7U7AtjNmsBrWg0NejxUdgD7+7jkHHCQ91qRA==}
+  '@react-aria/visually-hidden@3.8.18':
+    resolution: {integrity: sha512-l/0igp+uub/salP35SsNWq5mGmg3G5F5QMS1gDZ8p28n7CgjvzyiGhJbbca7Oxvaw1HRFzVl9ev+89I7moNnFQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-stately/calendar@3.5.5':
     resolution: {integrity: sha512-HzaiDRhrmaYIly8hRsjjIrydLkldiw1Ws6T/130NLQOt+VPwRW/x0R+nil42mA9LZ6oV0XN0NpmG5tn7TaKRGw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/calendar@3.6.0':
+    resolution: {integrity: sha512-GqUtOtGnwWjtNrJud8nY/ywI4VBP5byToNVRTnxbMl+gYO1Qe/uc5NG7zjwMxhb2kqSBHZFdkF0DXVqG2Ul+BA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/checkbox@3.6.10':
+    resolution: {integrity: sha512-LHm7i4YI8A/RdgWAuADrnSAYIaYYpQeZqsp1a03Og0pJHAlZL0ymN3y2IFwbZueY0rnfM+yF+kWNXjJqbKrFEQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/checkbox@3.6.9':
     resolution: {integrity: sha512-JrY3ecnK/SSJPxw+qhGhg3YV4e0CpUcPDrVwY3mSiAE932DPd19xr+qVCknJ34H7JYYt/q0l2z0lmgPnl96RTg==}
     peerDependencies:
@@ -2301,183 +2372,341 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/collections@3.12.0':
+    resolution: {integrity: sha512-MfR9hwCxe5oXv4qrLUnjidwM50U35EFmInUeFf8i9mskYwWlRYS0O1/9PZ0oF1M0cKambaRHKEy98jczgb9ycA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/color@3.8.0':
     resolution: {integrity: sha512-lBH91HEStZeayhE/FkDMt9WC0UISQiAn8DoD2hfpTGeeWscX/soyxZA7oVL7zBOG9RfDBMNzF+CybVROrWSKAQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/color@3.8.1':
+    resolution: {integrity: sha512-7eN7K+KJRu+rxK351eGrzoq2cG+yipr90i5b1cUu4lioYmcH4WdsfjmM5Ku6gypbafH+kTDfflvO6hiY1NZH+A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/combobox@3.10.0':
     resolution: {integrity: sha512-4W4HCCjjoddW/LZM3pSSeLoV7ncYXlaICKmqlBcbtLR5jY4U5Kx+pPpy3oJ1vCdjDHatIxZ0tVKEBP7vBQVeGQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/combobox@3.10.1':
+    resolution: {integrity: sha512-Rso+H+ZEDGFAhpKWbnRxRR/r7YNmYVtt+Rn0eNDNIUp3bYaxIBCdCySyAtALs4I8RZXZQ9zoUznP7YeVwG3cLg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/data@3.11.7':
     resolution: {integrity: sha512-2YJ+Lmca18f/h7jiZiU9j2IhBJl6BFO1BWlwvcCAH/eCWTdveX8gzsUdW++0szzpJaoCilTCYoi8z7QWyVH9jQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/data@3.12.0':
+    resolution: {integrity: sha512-6PiW2oA56lcH1CVjDcajutzsv91w/PER8K61/OGxtNFFUWaIZH80RWmK4kjU/Lf0vygzXCxout3kEb388lUk0w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/datepicker@3.10.3':
     resolution: {integrity: sha512-6PJW1QMwk6BQMktV9L6DA4f2rfAdLfbq3iTNLy4qxd5IfNPLMUZiJGGTj+cuqx0WcEl+q5irp+YhKBpbmhPZHg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-stately/disclosure@3.0.0-alpha.0':
-    resolution: {integrity: sha512-CbFUrEwhsP5+44PMHipn/Cd61VTvqyKmx1yeNDyvj/4bYhmxYLgQp/Ma+iEqe23JkXJh2JO/ws3l9FnebScCJQ==}
+  '@react-stately/datepicker@3.11.0':
+    resolution: {integrity: sha512-d9MJF34A0VrhL5y5S8mAISA8uwfNCQKmR2k4KoQJm3De1J8SQeNzSjLviAwh1faDow6FXGlA6tVbTrHyDcBgBg==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/disclosure@3.0.0':
+    resolution: {integrity: sha512-Z9+fi0/41ZXHjGopORQza7mk4lFEFslKhy65ehEo6O6j2GuIV0659ExIVDsmJoJSFjXCfGh0sX8oTSOlXi9gqg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-stately/dnd@3.4.3':
     resolution: {integrity: sha512-sUvhmMxFEw6P2MW7walx0ntakIihxdPxA06K9YZ3+ReaUvzQuRw5cFDaTTHrlegWRMYD0CyQaKlGIaTQihhvVA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/dnd@3.5.0':
+    resolution: {integrity: sha512-ZcWFw1npEDnATiy3TEdzA1skQ3UEIyfbNA6VhPNO8yiSVLxoxBOaEaq8VVS72fRGAtxud6dgOy8BnsP9JwDClQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/flags@3.0.4':
     resolution: {integrity: sha512-RNJEkOALwKg+JeYsfNlfPc4GXm7hiBLX0yuHOkRapWEyDOfi0cinkV/TZG4goOZdQ5tBpHmemf2qqiHAxqHlzQ==}
 
+  '@react-stately/flags@3.0.5':
+    resolution: {integrity: sha512-6wks4csxUwPCp23LgJSnkBRhrWpd9jGd64DjcCTNB2AHIFu7Ab1W59pJpUL6TW7uAxVxdNKjgn6D1hlBy8qWsA==}
+
   '@react-stately/form@3.0.6':
     resolution: {integrity: sha512-KMsxm3/V0iCv/6ikt4JEjVM3LW2AgCzo7aNotMzRobtwIo0RwaUo7DQNY00rGgFQ3/IjzI6DcVo13D+AVE/zXg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/form@3.1.0':
+    resolution: {integrity: sha512-E2wxNQ0QaTyDHD0nJFtTSnEH9A3bpJurwxhS4vgcUmESHgjFEMLlC9irUSZKgvOgb42GAq+fHoWBsgKeTp9Big==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/grid@3.10.0':
+    resolution: {integrity: sha512-ii+DdsOBvCnHMgL0JvUfFwO1kiAPP19Bpdpl6zn/oOltk6F5TmnoyNrzyz+2///1hCiySI3FE1O7ujsAQs7a6Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/grid@3.9.3':
     resolution: {integrity: sha512-P5KgCNYwm/n8bbLx6527li89RQWoESikrsg2MMyUpUd6IJ321t2pGONGRRQzxE0SBMolPRDJKV0Do2OlsjYKhQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-stately/layout@4.0.3':
-    resolution: {integrity: sha512-zFLXnPalWWVCdFGcPAb+nywSTz/xAnKRxb7zT+YDa5U80DHArDGKZcQ+by0+2Sf8yaYolROco4my+BERPXJB6A==}
+  '@react-stately/layout@4.1.0':
+    resolution: {integrity: sha512-pSBqn+4EeOaf2QMK+w2SHgsWKYHdgMZWY3qgJijdzWGZ4JpYmHuiD0yOq80qFdUwxcexPW3vFg3hqIQlMpXeCw==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-stately/list@3.11.0':
     resolution: {integrity: sha512-O+BxXcbtoLZWn4QIT54RoFUaM+QaJQm6s0ZBJ3Jv4ILIhukVOc55ra+aWMVlXFQSpbf6I3hyVP6cz1yyvd5Rtw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/list@3.11.1':
+    resolution: {integrity: sha512-UCOpIvqBOjwLtk7zVTYWuKU1m1Oe61Q5lNar/GwHaV1nAiSQ8/yYlhr40NkBEs9X3plEfsV28UIpzOrYnu1tPg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/menu@3.8.3':
     resolution: {integrity: sha512-sV63V+cMgzipx/N7dq5GaXoItfXIfFEpCtlk3PM2vKstlCJalszXrdo+x996bkeU96h0plB7znAlhlXOeTKzUg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/menu@3.9.0':
+    resolution: {integrity: sha512-++sm0fzZeUs9GvtRbj5RwrP+KL9KPANp9f4SvtI3s+MP+Y/X3X7LNNePeeccGeyikB5fzMsuyvd82bRRW9IhDQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/numberfield@3.9.7':
     resolution: {integrity: sha512-PjSgCCpYasGCEAznFQNqa2JhhEQ5+/2eMiV7ZI5j76q3edTNF8G5OOCl2RazDbzFp6vDAnRVT7Kctx5Tl5R/Zw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/numberfield@3.9.8':
+    resolution: {integrity: sha512-J6qGILxDNEtu7yvd3/y+FpbrxEaAeIODwlrFo6z1kvuDlLAm/KszXAc75yoDi0OtakFTCMP6/HR5VnHaQdMJ3w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/overlays@3.6.11':
     resolution: {integrity: sha512-usuxitwOx4FbmOW7Og4VM8R8ZjerbHZLLbFaxZW7pWLs7Ypway1YhJ3SWcyNTYK7NEk4o602kSoU6MSev1Vgag==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/overlays@3.6.12':
+    resolution: {integrity: sha512-QinvZhwZgj8obUyPIcyURSCjTZlqZYRRCS60TF8jH8ZpT0tEAuDb3wvhhSXuYA3Xo9EHLwvLjEf3tQKKdAQArw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/radio@3.10.8':
     resolution: {integrity: sha512-VRq6Gzsbk3jzX6hdrSoDoSra9vLRsOi2pLkvW/CMrJ0GSgMwr8jjvJKnNFvYJ3eYQb20EwkarsOAfk7vPSIt/Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/radio@3.10.9':
+    resolution: {integrity: sha512-kUQ7VdqFke8SDRCatw2jW3rgzMWbvw+n2imN2THETynI47NmNLzNP11dlGO2OllRtTrsLhmBNlYHa3W62pFpAw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/searchfield@3.5.7':
     resolution: {integrity: sha512-VxEG4tWDypdXQ8f7clZBu5Qmc4osqDBeA/gNMA2i1j/h2zRVcCJ0fRCHuDeXLSWBqF1XXAI4TWV53fBBwJusbg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/searchfield@3.5.8':
+    resolution: {integrity: sha512-jtquvGadx1DmtQqPKaVO6Qg/xpBjNxsOd59ciig9xRxpxV+90i996EX1E2R6R+tGJdSM1pD++7PVOO4yE++HOg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/select@3.6.8':
     resolution: {integrity: sha512-fLAVzGeYSdYdBdrEVws6Pb1ywFPdapA0eWphoW5s3fS0/pKcVWwbCHeHlaBEi1ISyqEubQZFGQdeFKm/M46Hew==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/select@3.6.9':
+    resolution: {integrity: sha512-vASUDv7FhEYQURzM+JIwcusPv7/x/l3zHc/oKJPvoCl3aa9pwS8hZwS82SC00o2iFnrDscfDJju4IE/cd4hucg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/selection@3.17.0':
     resolution: {integrity: sha512-It3LRTaFOavybuDBvBH2mvCh73OL4awqvN4tZ0JzLzMtaYSBe9+YmFasYrzB0o7ca17B2q1tpUmsNWaAgIqbLA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/selection@3.18.0':
+    resolution: {integrity: sha512-6EaNNP3exxBhW2LkcRR4a3pg+3oDguZlBSqIVVR7lyahv/D8xXHRC4dX+m0mgGHJpsgjs7664Xx6c8v193TFxg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/slider@3.5.8':
     resolution: {integrity: sha512-EDgbrxMq1w3+XTN72MGl3YtAG/j65EYX1Uc3Fh56K00+inJbTdRWyYTrb3NA310fXCd0WFBbzExuH2ohlKQycg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/slider@3.6.0':
+    resolution: {integrity: sha512-w5vJxVh267pmD1X+Ppd9S3ZzV1hcg0cV8q5P4Egr160b9WMcWlUspZPtsthwUlN7qQe/C8y5IAhtde4s29eNag==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/table@3.12.3':
     resolution: {integrity: sha512-8uGrLcNJYeMbFtzRQZFWCBj5kV+7v3jzwoKIL1j9TmYUKow1PTDMQbPJpAZLQhnC2wVMlaFVgDbedSlbBij7Zg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/table@3.13.0':
+    resolution: {integrity: sha512-mRbNYrwQIE7xzVs09Lk3kPteEVFVyOc20vA8ph6EP54PiUf/RllJpxZe/WUYLf4eom9lUkRYej5sffuUBpxjCA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/tabs@3.6.10':
     resolution: {integrity: sha512-F7wfoiNsrBy7c02AYHyE1USGgj05HQ0hp7uXmQjp2LEa+AA0NKKi3HdswTHHySxb0ZRuoEE7E7vp/gXQYx2/Ow==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/tabs@3.7.0':
+    resolution: {integrity: sha512-ox4hTkfZCoR4Oyr3Op3rBlWNq2Wxie04vhEYpTZQ2hobR3l4fYaOkd7CPClILktJ3TC104j8wcb0knWxIBRx9w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/toggle@3.7.8':
     resolution: {integrity: sha512-ySOtkByvIY54yIu8IZ4lnvomQA0H+/mkZnd6T5fKN3tjvIzHmkUk3TAPmNInUxHX148tSW6mWwec0xvjYqEd6w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/toggle@3.8.0':
+    resolution: {integrity: sha512-pyt/k/J8BwE/2g6LL6Z6sMSWRx9HEJB83Sm/MtovXnI66sxJ2EfQ1OaXB7Su5PEL9OMdoQF6Mb+N1RcW3zAoPw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/tooltip@3.4.13':
     resolution: {integrity: sha512-zQ+8FQ7Pi0Cz852dltXb6yaryjE18K3byK4tIO3e5vnrZHEGvfdxowc+v9ak5UV93kVrYoOVmfZHRcEaTXTBNA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/tooltip@3.5.0':
+    resolution: {integrity: sha512-+xzPNztJDd2XJD0X3DgWKlrgOhMqZpSzsIssXeJgO7uCnP8/Z513ESaipJhJCFC8fxj5caO/DK4Uu8hEtlB8cQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/tree@3.8.5':
     resolution: {integrity: sha512-0/tYhsKWQQJTOZFDwh8hY3Qk6ejNFRldGrLeK5kS22UZdvsMFyh7WAi40FTCJy561/VoB0WqQI4oyNPOa9lYWg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-stately/tree@3.8.6':
+    resolution: {integrity: sha512-lblUaxf1uAuIz5jm6PYtcJ+rXNNVkqyFWTIMx6g6gW/mYvm8GNx1G/0MLZE7E6CuDGaO9dkLSY2bB1uqyKHidA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/utils@3.10.4':
     resolution: {integrity: sha512-gBEQEIMRh5f60KCm7QKQ2WfvhB2gLUr9b72sqUdIZ2EG+xuPgaIlCBeSicvjmjBvYZwOjoOEnmIkcx2GHp/HWw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-stately/virtualizer@4.1.0':
-    resolution: {integrity: sha512-MOaqpY3NloXrpCBvVUb3HL1p3Bh4YRtUq8D2ufC909u5vM6n6G5Swk1XPJ9KHfaftGhb5serwLkm2/Aha5CTbA==}
+  '@react-stately/utils@3.10.5':
+    resolution: {integrity: sha512-iMQSGcpaecghDIh3mZEpZfoFH3ExBwTtuBEcvZ2XnGzCgQjeYXcMdIUwAfVQLXFTdHUHGF6Gu6/dFrYsCzySBQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/accordion@3.0.0-alpha.24':
-    resolution: {integrity: sha512-hwDT4TJH7aHCG8m9QsTP+7xgW7x7k2TY+WHlMRr6qDS6WhTCwd41dCdagxC0SZtulzZuWqISBxZifVrh4Tynew==}
+  '@react-stately/virtualizer@4.2.0':
+    resolution: {integrity: sha512-aTMpa9AQoz/xLqn8AI1BR/caUUY7/OUo9GbuF434w2u5eGCL7+SAn3Fmq7WSCwqYyDsO+jEIERek4JTX7pEW0A==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-types/breadcrumbs@3.7.8':
     resolution: {integrity: sha512-+BW2a+PrY8ArZ+pKecz13oJFrUAhthvXx17o3x0BhWUhRpAdtmTYt2hjw8zNanm2j0Kvgo1HYKgvtskCRxYcOA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/breadcrumbs@3.7.9':
+    resolution: {integrity: sha512-eARYJo8J+VfNV8vP4uw3L2Qliba9wLV2bx9YQCYf5Lc/OE5B/y4gaTLz+Y2P3Rtn6gBPLXY447zCs5i7gf+ICg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/button@3.10.0':
     resolution: {integrity: sha512-rAyU+N9VaHLBdZop4zasn8IDwf9I5Q1EzHUKMtzIFf5aUlMUW+K460zI/l8UESWRSWAXK9/WPSXGxfcoCEjvAA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/button@3.10.1':
+    resolution: {integrity: sha512-XTtap8o04+4QjPNAshFWOOAusUTxQlBjU2ai0BTVLShQEjHhRVDBIWsI2B2FKJ4KXT6AZ25llaxhNrreWGonmA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/calendar@3.4.10':
     resolution: {integrity: sha512-PyjqxwJxSW2IpQx6y0D9O34fRCWn1gv9q0qFhgaIigIQrPg8zTE/CC7owHLxAtgCnnCt8exJ5rqi414csaHKlA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/calendar@3.5.0':
+    resolution: {integrity: sha512-O3IRE7AGwAWYnvJIJ80cOy7WwoJ0m8GtX/qSmvXQAjC4qx00n+b5aFNBYAQtcyc3RM5QpW6obs9BfwGetFiI8w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/checkbox@3.8.4':
     resolution: {integrity: sha512-fvZrlQmlFNsYHZpl7GVmyYQlKdUtO5MczMSf8z3TlSiCb5Kl3ha9PsZgLhJqGuVnzB2ArIBz0eZrYa3k0PhcpA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/checkbox@3.9.0':
+    resolution: {integrity: sha512-9hbHx0Oo2Hp5a8nV8Q75LQR0DHtvOIJbFaeqESSopqmV9EZoYjtY/h0NS7cZetgahQgnqYWQi44XGooMDCsmxA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/color@3.0.0':
     resolution: {integrity: sha512-VUH8CROAM69GsMBilrJ1xyAdVsWL01nXQYrkZJxAEApv1OrcpIGSdsXLcGrjsrhjjiNVXxWFnqYRMsKkLzIl7g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/color@3.0.1':
+    resolution: {integrity: sha512-KemFziO3GbmT3HEKrgOGdqNA6Gsmy9xrwFO3f8qXSG7gVz6M27Ic4R9HVQv4iAjap5uti6W13/pk2bc/jLVcEA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/combobox@3.13.0':
     resolution: {integrity: sha512-kH/a+Fjpr54M2JbHg9RXwMjZ9O+XVsdOuE5JCpWRibJP1Mfl1md8gY6y6zstmVY8COrSqFvMZWB+PzwaTWjTGw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/combobox@3.13.1':
+    resolution: {integrity: sha512-7xr+HknfhReN4QPqKff5tbKTe2kGZvH+DGzPYskAtb51FAAiZsKo+WvnNAvLwg3kRoC9Rkn4TAiVBp/HgymRDw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/datepicker@3.8.3':
     resolution: {integrity: sha512-Y4qfPRBB6uzocosCOWSYMuwiZ3YXwLWQYiFB4KCglkvHyltbNz76LgoBEnclYA5HjwosIk4XywiXvHSYry8JnQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/datepicker@3.9.0':
+    resolution: {integrity: sha512-dbKL5Qsm2MQwOTtVQdOcKrrphcXAqDD80WLlSQrBLg+waDuuQ7H+TrvOT0thLKloNBlFUGnZZfXGRHINpih/0g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/dialog@3.5.13':
     resolution: {integrity: sha512-9k8daVcAqQsySkzDY6NIVlyGxtpEip4TKuLyzAehthbv78GQardD5fHdjQ6eXPRS4I2qZrmytrFFrlOnwWVGHw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-types/form@3.7.7':
-    resolution: {integrity: sha512-CVRjCawPhYRHi/LuikOC2kz5vgvmjjKmF4/wUgR2QzD1Ok4wY1ZGSx9M9EZptCIZAt2mToR6woyLUdtzy+foeQ==}
+  '@react-types/dialog@3.5.14':
+    resolution: {integrity: sha512-OXWMjrALwrlgw8aHD8SeRm/s3tbAssdaEh2h73KUSeFau3fU3n5mfKv+WnFqsEaOtN261o48l7hTlS6615H9AA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/form@3.7.8':
+    resolution: {integrity: sha512-0wOS97/X0ijTVuIqik1lHYTZnk13QkvMTKvIEhM7c6YMU3vPiirBwLbT2kJiAdwLiymwcCkrBdDF1NTRG6kPFA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/grid@3.2.10':
+    resolution: {integrity: sha512-Z5cG0ITwqjUE4kWyU5/7VqiPl4wqMJ7kG/ZP7poAnLmwRsR8Ai0ceVn+qzp5nTA19cgURi8t3LsXn3Ar1FBoog==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-types/grid@3.2.9':
     resolution: {integrity: sha512-eMw0d2UIZ4QTzGgD1wGGPw0cv67KjAOCp4TcwWjgDV7Wa5SVV/UvOmpnIVDyfhkG/4KRI5OR9h+isy76B726qA==}
@@ -2489,41 +2718,86 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/link@3.5.9':
+    resolution: {integrity: sha512-JcKDiDMqrq/5Vpn+BdWQEuXit4KN4HR/EgIi3yKnNbYkLzxBoeQZpQgvTaC7NEQeZnSqkyXQo3/vMUeX/ZNIKw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/listbox@3.5.2':
     resolution: {integrity: sha512-ML/Bt/MeO0FiixcuFQ+smpu1WguxTOqHDjSnhc1vcNxVQFWQOhyVy01LAY2J/T9TjfjyYGD41vyMTI0f6fcLEQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/listbox@3.5.3':
+    resolution: {integrity: sha512-v1QXd9/XU3CCKr2Vgs7WLcTr6VMBur7CrxHhWZQQFExsf9bgJ/3wbUdjy4aThY/GsYHiaS38EKucCZFr1QAfqA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/menu@3.9.12':
     resolution: {integrity: sha512-1SPnkHKJdvOfwv9fEgK1DI6DYRs4D3hW2XcWlLhVXSjaC68CzOHGwFhKIKvZiDTW/11L770PRSEloIxHR09uFQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/menu@3.9.13':
+    resolution: {integrity: sha512-7SuX6E2tDsqQ+HQdSvIda1ji/+ujmR86dtS9CUu5yWX91P25ufRjZ72EvLRqClWNQsj1Xl4+2zBDLWlceznAjw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/meter@3.4.4':
     resolution: {integrity: sha512-0SEmPkShByC1gYkW7l+iJPg8QfEe2VrgwTciAtTfC4KIqAYmJVQtq6L+4d72EMxOh8RpQHePaY/RFHEJXAh72A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/meter@3.4.5':
+    resolution: {integrity: sha512-04w1lEtvP/c3Ep8ND8hhH2rwjz2MtQ8o8SNLhahen3u0rX3jKOgD4BvHujsyvXXTMjj1Djp74sGzNawb4Ppi9w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/numberfield@3.8.6':
     resolution: {integrity: sha512-VtWEMAXUO1S9EEZI8whc7xv6DVccxhbWsRthMCg/LxiwU3U5KAveadNc2c5rtXkRpd3cnD5xFzz3dExXdmHkAg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/numberfield@3.8.7':
+    resolution: {integrity: sha512-KccMPi39cLoVkB2T0V7HW6nsxQVAwt89WWCltPZJVGzsebv/k0xTQlPVAgrUake4kDLoE687e3Fr/Oe3+1bDhw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/overlays@3.8.10':
     resolution: {integrity: sha512-IcnB+VYfAJazRjWhBKZTmVMh3KTp/B1rRbcKkPx6t8djP9UQhKcohP7lAALxjJ56Jjz/GFC6rWyUcnYH0NFVRA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/overlays@3.8.11':
+    resolution: {integrity: sha512-aw7T0rwVI3EuyG5AOaEIk8j7dZJQ9m34XAztXJVZ/W2+4pDDkLDbJ/EAPnuo2xGYRGhowuNDn4tDju01eHYi+w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/progress@3.5.7':
     resolution: {integrity: sha512-EqMDHmlpoZUZzTjdejGIkSM0pS2LBI9NdadHf3bDNTycHv+5L1xpMHUg8RGOW8a3sRVLRvfN1aO9l75QZkyj+w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/progress@3.5.8':
+    resolution: {integrity: sha512-PR0rN5mWevfblR/zs30NdZr+82Gka/ba7UHmYOW9/lkKlWeD7PHgl1iacpd/3zl/jUF22evAQbBHmk1mS6Mpqw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/radio@3.8.4':
     resolution: {integrity: sha512-GCuOwQL19iwKa74NAIk9hv4ivyI8oW1+ZCuc2fzyDdeQjzTIlv3qrIyShwpVy1IoI7/4DYTMZm/YXPoKhu5TTA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/radio@3.8.5':
+    resolution: {integrity: sha512-gSImTPid6rsbJmwCkTliBIU/npYgJHOFaI3PNJo7Y0QTAnFelCtYeFtBiWrFodSArSv7ASqpLLUEj9hZu/rxIg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/searchfield@3.5.10':
+    resolution: {integrity: sha512-7wW4pJzbReawoGPu8a4l+CODTCDN088EN/ysUzl622ewim57PjArjix+lpO4+aEtJqS9HKpq8UEbjwo9axpcUA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/searchfield@3.5.9':
     resolution: {integrity: sha512-c/x8BWpH1Zq+fWpeBtzw2AhQhGi7ahWPicV7PlnqwIGO0MrH/QCjX0dj+I+1xpcAh8Eq6ECa79HE74Rw6aJmFg==}
     peerDependencies:
@@ -2534,31 +2808,66 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/select@3.9.8':
+    resolution: {integrity: sha512-RGsYj2oFjXpLnfcvWMBQnkcDuKkwT43xwYWZGI214/gp/B64tJiIUgTM5wFTRAeGDX23EePkhCQF+9ctnqFd6g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/shared@3.25.0':
     resolution: {integrity: sha512-OZSyhzU6vTdW3eV/mz5i6hQwQUhkRs7xwY2d1aqPvTdMe0+2cY7Fwp45PAiwYLEj73i9ro2FxF9qC4DvHGSCgQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/shared@3.26.0':
+    resolution: {integrity: sha512-6FuPqvhmjjlpEDLTiYx29IJCbCNWPlsyO+ZUmCUXzhUv2ttShOXfw8CmeHWHftT/b2KweAWuzqSlfeXPR76jpw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/slider@3.7.6':
     resolution: {integrity: sha512-z72wnEzSge6qTD9TUoUPp1A4j4jXk/MVii6rGE78XeE/Pq7HyyjU5bCagryMr9PC9MKa/oTiHcshKqWBDf57GA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/slider@3.7.7':
+    resolution: {integrity: sha512-lYTR9zXQV2fSEm/G3gwDENWiki1IXd/oorsgf0zu1DBi2SQDbOsLsGUXiwvD24Xy6OkUuhAqjLPPexezo7+u9g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/switch@3.5.6':
     resolution: {integrity: sha512-gJ8t2yTCgcitz4ON4ELcLLmtlDkn2MUjjfu3ez/cwA1X/NUluPYkhXj5Z6H+KOlnveqrKCZDRoTgK74cQ6Cvfg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/switch@3.5.7':
+    resolution: {integrity: sha512-1IKiq510rPTHumEZuhxuazuXBa2Cuxz6wBIlwf3NCVmgWEvU+uk1ETG0sH2yymjwCqhtJDKXi+qi9HSgPEDwAg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/table@3.10.2':
     resolution: {integrity: sha512-YzA4hcsYfnFFpA2UyGb1KKhLpWgaj5daApqjp126tCIosl8k1KxZmhKD50cwH0Jm19lALJseqo5VdlcJtcr4qg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/table@3.10.3':
+    resolution: {integrity: sha512-Ac+W+m/zgRzlTU8Z2GEg26HkuJFswF9S6w26r+R3MHwr8z2duGPvv37XRtE1yf3dbpRBgHEAO141xqS2TqGwNg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/tabs@3.3.10':
     resolution: {integrity: sha512-s/Bw/HCIdWJPBw4O703ghKqhjGsIerRMIDxA88hbQYzfTDD6bkFDjCnsP2Tyy1G8Dg2rSPFUEE+k+PpLzqeEfQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/tabs@3.3.11':
+    resolution: {integrity: sha512-BjF2TqBhZaIcC4lc82R5pDJd1F7kstj1K0Nokhz99AGYn8C0ITdp6lR+DPVY9JZRxKgP9R2EKfWGI90Lo7NQdA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/textfield@3.10.0':
+    resolution: {integrity: sha512-ShU3d6kLJGQjPXccVFjM3KOXdj3uyhYROqH9YgSIEVxgA9W6LRflvk/IVBamD9pJYTPbwmVzuP0wQkTDupfZ1w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/textfield@3.9.7':
     resolution: {integrity: sha512-vU5+QCOF9HgWGjAmmy+cpJibVW5voFomC5POmYHokm7kivYcMMjlonsgWwg/0xXrqE2qosH3tpz4jFoEuig1NQ==}
     peerDependencies:
@@ -2569,6 +2878,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  '@react-types/tooltip@3.4.13':
+    resolution: {integrity: sha512-KPekFC17RTT8kZlk7ZYubueZnfsGTDOpLw7itzolKOXGddTXsrJGBzSB4Bb060PBVllaDO0MOrhPap8OmrIl1Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@remixicon/react@4.2.0':
     resolution: {integrity: sha512-eGhKpZ88OU0qkcY9pJu6khBmItDV82nU130E6C68yc+FbljueHlUYy/4CrJsmf860RIDMay2Rpzl27OSJ81miw==}
     peerDependencies:
@@ -2633,81 +2947,81 @@ packages:
     resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==}
     engines: {node: '>=14.16'}
 
-  '@tailwindcss/node@4.0.0-beta.4':
-    resolution: {integrity: sha512-NAPhQ6BcjXUqI+QFtzYHTcoqX4ACGNZl69NfMIDCCTvmPZ761sdvX8cy3LyeJEZDyfyoBT5vzjzfWeNZR7Y+KA==}
+  '@tailwindcss/node@4.0.0-beta.8':
+    resolution: {integrity: sha512-ZbicJgFxo83IIH5eBm7CU3K1olsfud7/zg3+yG7P6+fZiufhh8FllM5QOJVxUEJ5zeB1V94Y+hTq5UOfu8ZloA==}
 
-  '@tailwindcss/oxide-android-arm64@4.0.0-beta.4':
-    resolution: {integrity: sha512-r/MBScgeBZXE1xkZ+mw8/QybAlTOEzSJ6Jo9W9YCaqy+6S0Iaeo6CmwOPBrtX4/nlHm/v3hcmQWnaeJDQJMkTg==}
+  '@tailwindcss/oxide-android-arm64@4.0.0-beta.8':
+    resolution: {integrity: sha512-YY4g6INIl8VfDMig12pleAVRf1JPvYCNgIXfcvm9g9lxIGq2zkGPsp81BpMSTS+pGJmTGhOZq8ab/TOprtNkAQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.4':
-    resolution: {integrity: sha512-snm+1FmjU59X/2kCgryBlbGYEwJ945cC48XkN78pZIxYn/V7LNukGvDlIKgVJ6GxU4iiac7pk149ZyFZ7Ukj4Q==}
+  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.8':
+    resolution: {integrity: sha512-XUCjDaecPOt+mL7EngO6Yhj/ybNgxg9wi2oFuBECz3fj/VV9WQ8MwMDIdjEwrIm43BtwTvEugLIRO9I4KBbuuA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.4':
-    resolution: {integrity: sha512-BRbp+1WSExBCHnBK3EmTmmweM04UhpegOjjQbWDADrklhNU7juYNiu/4RN7A74ndweeopKuYB8gvMrdGlAEeuA==}
+  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.8':
+    resolution: {integrity: sha512-iMBDpcRBJPt30iohlqJ+slpV+YoR7vL609Zsvzl432lEt6UWEwtKpvPXNuMUEVi7jjLLyyQ/tgM62alVzG1Hug==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.4':
-    resolution: {integrity: sha512-HO6cclVvp1JueqleUfYpLFK41lnI/5/oqwkftZQ5LNF0fwp8sQm2cEh7GTCj2hwTIUnHbxmSmrg1MZL1/yoVgA==}
+  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.8':
+    resolution: {integrity: sha512-iZY+svFyJHllFSaBOfASzOaSU6TLEx8sX+pZwpDExsDHG61o1xh69QJRAL4TJVW288y9kfNsrvcv4yRyn5fwfw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.4':
-    resolution: {integrity: sha512-Z6xUcakkJZGySTce0QqfbNdLRK4cUNmilvDd69q+8Ep+Vxqy+x5bkCweAf7b+lJsUe6mjclT2EP1ouMvqegnQQ==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.8':
+    resolution: {integrity: sha512-IqEJggh5x+WgJYz2pG5r5+sOTU1D7Tb/92bQdQGYU618b9hgLhigLIBlbLEuZIC89aTK+aDYvgeqTbKX8X2iuA==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.4':
-    resolution: {integrity: sha512-hr9AbxrsAXWjZp8iIcQes7eIfMnSgUS6qA/SbcxFfvmte/BHUSuSxa21OZpFRVYFcQ/BIqLA1hU27fvfZZq4JQ==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.8':
+    resolution: {integrity: sha512-WieWtmho/wdI3gowTyJWtvqn921BtVDwzaKKFjPACZmX4a7UM0T4t4xDINc8M84lSzCzFBpk2wVykSIyqCXJZA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.4':
-    resolution: {integrity: sha512-b//iI94Eo29LqzAOBfFt1m3bM1CF9NU3K59o3ikAwM6kdxmPQoc7TBpcrEh3lKomJ1Ejj0M95022YqksY7O8gQ==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.8':
+    resolution: {integrity: sha512-P+apWSDGGgCGbTHfyNxUe4+n3lIH6kV+7Y4QGCkBUx5o3L2RzZ2I2/kQNA5z60Moac0tUqX9mKF8AyCmGpBFCg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.4':
-    resolution: {integrity: sha512-xqK6amSCZpEpWbuN0WYDlaOir7n2NjD2jtnVZ5eWpnw4kkjzu0kmVqN9PaWdejZUKVfvEy7Ldbmcos9MpQhi4g==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.8':
+    resolution: {integrity: sha512-6Xj+lHcW0WrsrtRtiHbBFFoJYfHDhscNKumYFyv6THFP9AMwrB/9jp3xPfx9q7Pp3OJf3l0VP8KhdI5MPEMBpw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.4':
-    resolution: {integrity: sha512-9V3CtBJ+oBxeppvBUvfZ2NbsrgKkLDIVrF4jUcpj3Md4rdpW6mIRWxqzEY1uT9JZlFr4YmVx6Auax+32BUtD2A==}
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.8':
+    resolution: {integrity: sha512-RWeMlHrcS0Rj3tFhbwxkhnsLmsw8E6g0nHjDawNY0lTYi6PP5RZF7ghgzUbzMkjw6QcBJthycpXYXUCKPIZlpA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.4':
-    resolution: {integrity: sha512-MYfGNg1nikym/F2aCx0ni5ZWKsChVwWTsjgmDo9ZOiqhWE/7yeX0Ej+lugEh4gPHyUpcMbeTZySZx0OJ8o+X1Q==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.8':
+    resolution: {integrity: sha512-+FQFS2XjsHGlh+U/paIcUULLfkSmcBp9QzXkTu8UsEH6Ygp7L8RmMZshAr5dQDjXFKBvKHKJX4oIg/SP+VThgA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.4':
-    resolution: {integrity: sha512-hCMihksJD5odhAm+SLFNk75etPRK+QjyMIPMryUI7na6kvB8OaTH4gRBIO27GvRk2q1Zm2sqn4JoYy2auuoAAA==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.8':
+    resolution: {integrity: sha512-5cuAwlDMlnUgzGdZjr+U3ILGbRh9JGmlALgSKo/92qm02NAjNjSSQ4vvh/hMv+mRk5RQDE5lXwDK5/+fGejOBg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.0.0-beta.4':
-    resolution: {integrity: sha512-yYZ069LXAEOrQt3SwYV+PhwsGBM0qo7ofsOF5BDrju9Nsz+X0z9NCF9fvc6zJ11wX1bSVuiyLbwIS4P9rVT8hg==}
+  '@tailwindcss/oxide@4.0.0-beta.8':
+    resolution: {integrity: sha512-fpZkAwKDFuRNbxQZrXViij2D38R6qqgAnctBR9NPyHxZqYDjn3uyk75alrDnSGj4wUCTAhOCEX4HCI9xCgKGdA==}
     engines: {node: '>= 10'}
 
-  '@tailwindcss/postcss@4.0.0-beta.4':
-    resolution: {integrity: sha512-nZZKXG/SRf4+8udSThSMbCduQRen60kWtlkxwLUNpKlJWBkWF7vy/ybJzfgCXwEFxBLuNsnm89o42I3XoifAIw==}
+  '@tailwindcss/postcss@4.0.0-beta.8':
+    resolution: {integrity: sha512-fdxUB9iRm4QocxXiAX/6NlU/VQG/IU1NlDMSGcwvR91/lZNVmWElialB4AVzdsZXIpv5xgrbmz9bb4nvPrT2Ug==}
 
   '@trivago/prettier-plugin-sort-imports@4.3.0':
     resolution: {integrity: sha512-r3n0onD3BTOVUNPhR4lhVK4/pABGpbA7bW3eumZnYdKaHkf1qEC+Mag6DPbGNuuh0eG8AaYj+YqmVHSiGslaTQ==}
@@ -5588,11 +5902,11 @@ packages:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
 
-  react-aria-components@1.4.1:
-    resolution: {integrity: sha512-pDRcIByLJi4M2VxZuXrlqi7wyjCKwqAxkPPdKvf4HPupUES56FpbW72yS3syu6fxw16CSx62/3zpuNJX1UotTA==}
+  react-aria-components@1.5.0:
+    resolution: {integrity: sha512-wzf0g6cvWrqAJd4FkisAfFnslx6AJREgOd/NEmVE/RGuDxGTzss4awcwbo98rIVmqbTTFApiygy0SyWGrRZfDA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   react-aria@3.35.0:
     resolution: {integrity: sha512-cbbd3iIveLDRnpVrpc1iuz8OMlDdH6u8EjncW3MQuYOiEGaho9xcDtWMKiSEIZASEnd7LK4Rgm5iVPr2O+cssw==}
@@ -5600,11 +5914,11 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  react-aria@3.35.1:
-    resolution: {integrity: sha512-MQTvt0xbcKpnceKkYUtPMbaD9IQj2BXTrwk2vP/V7ph3EVhcyJTUdy1LXCqf8oR8bXE2BERUqp7rzJ+vYy5C+w==}
+  react-aria@3.36.0:
+    resolution: {integrity: sha512-AK5XyIhAN+e5HDlwlF+YwFrOrVI7RYmZ6kg/o7ZprQjkYqYKapXeUpWscmNm/3H2kDboE5Z4ymUnK6ZhobLqOw==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   react-dom@18.3.1:
     resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
@@ -5655,6 +5969,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
+  react-stately@3.34.0:
+    resolution: {integrity: sha512-0N9tZ8qQ/CxpJH7ao0O6gr+8955e7VrOskg9N+TIxkFknPetwOCtgppMYhnTfteBV8WfM/vv4OC1NbkgYTqXJA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   react-style-singleton@2.2.1:
     resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
     engines: {node: '>=10'}
@@ -6152,8 +6471,8 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  tailwindcss@4.0.0-beta.4:
-    resolution: {integrity: sha512-mkjpwMyaHCa3L5HmRjYyY8w8D+7brxwbM7YQxH8QeEFtCURd5fvdHIC9TEpIaL1X49vhl8cuOFY6Nhi6sCsI5w==}
+  tailwindcss@4.0.0-beta.8:
+    resolution: {integrity: sha512-21HmdRq9tHDLJZavb2cRBGJxBvRODpwb0/t3tRbMOl65hJE6zG6K6lD6lLS3IOC35u4SOjKjdZiJJi9AuWCf+Q==}
 
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
@@ -7601,19 +7920,36 @@ snapshots:
     dependencies:
       '@swc/helpers': 0.5.13
 
+  '@internationalized/date@3.6.0':
+    dependencies:
+      '@swc/helpers': 0.5.13
+
   '@internationalized/message@3.1.5':
     dependencies:
       '@swc/helpers': 0.5.13
       intl-messageformat: 10.5.14
 
+  '@internationalized/message@3.1.6':
+    dependencies:
+      '@swc/helpers': 0.5.13
+      intl-messageformat: 10.5.14
+
   '@internationalized/number@3.5.4':
     dependencies:
       '@swc/helpers': 0.5.13
 
+  '@internationalized/number@3.6.0':
+    dependencies:
+      '@swc/helpers': 0.5.13
+
   '@internationalized/string@3.2.4':
     dependencies:
       '@swc/helpers': 0.5.13
 
+  '@internationalized/string@3.2.5':
+    dependencies:
+      '@swc/helpers': 0.5.13
+
   '@isaacs/cliui@8.0.2':
     dependencies:
       string-width: 5.1.2
@@ -8112,18 +8448,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.10
 
-  '@react-aria/accordion@3.0.0-alpha.35(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/button': 3.10.1(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/tree': 3.8.5(react@18.3.1)
-      '@react-types/accordion': 3.0.0-alpha.24(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   '@react-aria/breadcrumbs@3.5.17(react@18.3.1)':
     dependencies:
       '@react-aria/i18n': 3.12.3(react@18.3.1)
@@ -8134,13 +8458,13 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/breadcrumbs@3.5.18(react@18.3.1)':
+  '@react-aria/breadcrumbs@3.5.19(react@18.3.1)':
     dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/link': 3.7.6(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/breadcrumbs': 3.7.8(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/link': 3.7.7(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/breadcrumbs': 3.7.9(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
@@ -8155,14 +8479,15 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/button@3.10.1(react@18.3.1)':
+  '@react-aria/button@3.11.0(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/toggle': 3.7.8(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/toolbar': 3.0.0-beta.11(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/toggle': 3.8.0(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
@@ -8181,17 +8506,17 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/calendar@3.5.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@internationalized/date': 3.5.6
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/calendar': 3.5.5(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/calendar': 3.4.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/calendar@3.6.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@internationalized/date': 3.6.0
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/calendar': 3.6.0(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/calendar': 3.5.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8211,26 +8536,26 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/checkbox@3.14.8(react@18.3.1)':
+  '@react-aria/checkbox@3.15.0(react@18.3.1)':
     dependencies:
-      '@react-aria/form': 3.0.10(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/toggle': 3.10.9(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/checkbox': 3.6.9(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/toggle': 3.7.8(react@18.3.1)
-      '@react-types/checkbox': 3.8.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/form': 3.0.11(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/label': 3.7.13(react@18.3.1)
+      '@react-aria/toggle': 3.10.10(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/checkbox': 3.6.10(react@18.3.1)
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/toggle': 3.8.0(react@18.3.1)
+      '@react-types/checkbox': 3.9.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/collections@3.0.0-alpha.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@react-aria/collections@3.0.0-alpha.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@react-aria/ssr': 3.9.6(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/ssr': 3.9.7(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8254,20 +8579,20 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/color@3.0.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/numberfield': 3.11.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/slider': 3.7.13(react@18.3.1)
-      '@react-aria/spinbutton': 3.6.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.14.10(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.17(react@18.3.1)
-      '@react-stately/color': 3.8.0(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-types/color': 3.0.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/color@3.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/numberfield': 3.11.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/slider': 3.7.14(react@18.3.1)
+      '@react-aria/spinbutton': 3.6.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/textfield': 3.15.0(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-aria/visually-hidden': 3.8.18(react@18.3.1)
+      '@react-stately/color': 3.8.1(react@18.3.1)
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-types/color': 3.0.1(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8292,22 +8617,22 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/combobox@3.10.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/listbox': 3.13.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/menu': 3.15.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/overlays': 3.23.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.14.10(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/combobox': 3.10.0(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/combobox': 3.13.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/combobox@3.11.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/listbox': 3.13.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/menu': 3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/overlays': 3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/textfield': 3.15.0(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/combobox': 3.10.1(react@18.3.1)
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/combobox': 3.13.1(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8335,25 +8660,25 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/datepicker@3.11.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@internationalized/date': 3.5.6
-      '@internationalized/number': 3.5.4
-      '@internationalized/string': 3.2.4
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/form': 3.0.10(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/spinbutton': 3.6.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/datepicker': 3.10.3(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/calendar': 3.4.10(react@18.3.1)
-      '@react-types/datepicker': 3.8.3(react@18.3.1)
-      '@react-types/dialog': 3.5.13(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/datepicker@3.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@internationalized/date': 3.6.0
+      '@internationalized/number': 3.6.0
+      '@internationalized/string': 3.2.5
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/form': 3.0.11(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/label': 3.7.13(react@18.3.1)
+      '@react-aria/spinbutton': 3.6.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/datepicker': 3.11.0(react@18.3.1)
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/calendar': 3.5.0(react@18.3.1)
+      '@react-types/datepicker': 3.9.0(react@18.3.1)
+      '@react-types/dialog': 3.5.14(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8369,28 +8694,23 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/dialog@3.5.19(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@react-aria/dialog@3.5.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/overlays': 3.23.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/dialog': 3.5.13(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/overlays': 3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/dialog': 3.5.14(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/disclosure@3.0.0-alpha.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@react-aria/disclosure@3.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@react-aria/button': 3.10.1(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/ssr': 3.9.6(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/disclosure': 3.0.0-alpha.0(react@18.3.1)
-      '@react-stately/toggle': 3.7.8(react@18.3.1)
-      '@react-stately/tree': 3.8.5(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/ssr': 3.9.7(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/disclosure': 3.0.0(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8410,17 +8730,17 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/dnd@3.7.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@internationalized/string': 3.2.4
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/overlays': 3.23.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/dnd': 3.4.3(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/dnd@3.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@internationalized/string': 3.2.5
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/overlays': 3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/dnd': 3.5.0(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8436,25 +8756,34 @@ snapshots:
 
   '@react-aria/focus@3.18.4(react@18.3.1)':
     dependencies:
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       clsx: 2.1.1
       react: 18.3.1
 
-  '@react-aria/form@3.0.10(react@18.3.1)':
+  '@react-aria/focus@3.19.0(react@18.3.1)':
     dependencies:
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      clsx: 2.1.1
+      react: 18.3.1
+
+  '@react-aria/form@3.0.11(react@18.3.1)':
+    dependencies:
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
   '@react-aria/form@3.0.9(react@18.3.1)':
     dependencies:
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
+      '@react-aria/interactions': 3.22.4(react@18.3.1)
       '@react-aria/utils': 3.25.3(react@18.3.1)
       '@react-stately/form': 3.0.6(react@18.3.1)
       '@react-types/shared': 3.25.0(react@18.3.1)
@@ -8463,9 +8792,9 @@ snapshots:
 
   '@react-aria/grid@3.10.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
+      '@react-aria/focus': 3.18.4(react@18.3.1)
       '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
+      '@react-aria/interactions': 3.22.4(react@18.3.1)
       '@react-aria/live-announcer': 3.4.0
       '@react-aria/selection': 3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@react-aria/utils': 3.25.3(react@18.3.1)
@@ -8479,20 +8808,36 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/grid@3.10.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/grid': 3.9.3(react@18.3.1)
-      '@react-stately/selection': 3.17.0(react@18.3.1)
-      '@react-types/checkbox': 3.8.4(react@18.3.1)
-      '@react-types/grid': 3.2.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/grid@3.11.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/grid': 3.10.0(react@18.3.1)
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-types/checkbox': 3.9.0(react@18.3.1)
+      '@react-types/grid': 3.2.10(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  '@react-aria/gridlist@3.10.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/grid': 3.11.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/list': 3.11.1(react@18.3.1)
+      '@react-stately/tree': 3.8.6(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8513,22 +8858,6 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/gridlist@3.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/grid': 3.10.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/list': 3.11.0(react@18.3.1)
-      '@react-stately/tree': 3.8.5(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   '@react-aria/i18n@3.12.3(react@18.3.1)':
     dependencies:
       '@internationalized/date': 3.5.6
@@ -8541,6 +8870,18 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-aria/i18n@3.12.4(react@18.3.1)':
+    dependencies:
+      '@internationalized/date': 3.6.0
+      '@internationalized/message': 3.1.6
+      '@internationalized/number': 3.6.0
+      '@internationalized/string': 3.2.5
+      '@react-aria/ssr': 3.9.7(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-aria/interactions@3.22.3(react@18.3.1)':
     dependencies:
       '@react-aria/ssr': 3.9.6(react@18.3.1)
@@ -8551,9 +8892,17 @@ snapshots:
 
   '@react-aria/interactions@3.22.4(react@18.3.1)':
     dependencies:
-      '@react-aria/ssr': 3.9.6(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/ssr': 3.9.7(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
+  '@react-aria/interactions@3.22.5(react@18.3.1)':
+    dependencies:
+      '@react-aria/ssr': 3.9.7(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
@@ -8564,6 +8913,13 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-aria/label@3.7.13(react@18.3.1)':
+    dependencies:
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-aria/link@3.7.5(react@18.3.1)':
     dependencies:
       '@react-aria/focus': 3.18.3(react@18.3.1)
@@ -8574,13 +8930,13 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/link@3.7.6(react@18.3.1)':
+  '@react-aria/link@3.7.7(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/link': 3.5.8(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/link': 3.5.9(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
@@ -8598,16 +8954,16 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/listbox@3.13.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@react-aria/listbox@3.13.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/list': 3.11.0(react@18.3.1)
-      '@react-types/listbox': 3.5.2(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/label': 3.7.13(react@18.3.1)
+      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/list': 3.11.1(react@18.3.1)
+      '@react-types/listbox': 3.5.3(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8616,6 +8972,10 @@ snapshots:
     dependencies:
       '@swc/helpers': 0.5.13
 
+  '@react-aria/live-announcer@3.4.1':
+    dependencies:
+      '@swc/helpers': 0.5.13
+
   '@react-aria/menu@3.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@react-aria/focus': 3.18.3(react@18.3.1)
@@ -8634,20 +8994,21 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/menu@3.15.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/overlays': 3.23.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/menu': 3.8.3(react@18.3.1)
-      '@react-stately/tree': 3.8.5(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/menu': 3.9.12(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/menu@3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/overlays': 3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/menu': 3.9.0(react@18.3.1)
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-stately/tree': 3.8.6(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/menu': 3.9.13(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8660,6 +9021,14 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-aria/meter@3.4.18(react@18.3.1)':
+    dependencies:
+      '@react-aria/progress': 3.4.18(react@18.3.1)
+      '@react-types/meter': 3.4.5(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-aria/numberfield@3.11.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@react-aria/i18n': 3.12.3(react@18.3.1)
@@ -8676,18 +9045,18 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/numberfield@3.11.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/spinbutton': 3.6.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.14.10(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/numberfield': 3.9.7(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/numberfield': 3.8.6(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/numberfield@3.11.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/spinbutton': 3.6.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/textfield': 3.15.0(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/numberfield': 3.9.8(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/numberfield': 3.8.7(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8708,18 +9077,18 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/overlays@3.23.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/ssr': 3.9.6(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.17(react@18.3.1)
-      '@react-stately/overlays': 3.6.11(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/overlays': 3.8.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/overlays@3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/ssr': 3.9.7(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-aria/visually-hidden': 3.8.18(react@18.3.1)
+      '@react-stately/overlays': 3.6.12(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/overlays': 3.8.11(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8734,26 +9103,36 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/radio@3.10.8(react@18.3.1)':
+  '@react-aria/progress@3.4.18(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/form': 3.0.9(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/radio': 3.10.8(react@18.3.1)
-      '@react-types/radio': 3.8.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/label': 3.7.13(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/progress': 3.5.8(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/radio@3.10.9(react@18.3.1)':
+  '@react-aria/radio@3.10.10(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/form': 3.0.10(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/form': 3.0.11(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/label': 3.7.13(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/radio': 3.10.9(react@18.3.1)
+      '@react-types/radio': 3.8.5(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
+  '@react-aria/radio@3.10.8(react@18.3.1)':
+    dependencies:
+      '@react-aria/focus': 3.18.3(react@18.3.1)
+      '@react-aria/form': 3.0.9(react@18.3.1)
       '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.3(react@18.3.1)
       '@react-aria/label': 3.7.12(react@18.3.1)
       '@react-aria/utils': 3.25.3(react@18.3.1)
       '@react-stately/radio': 3.10.8(react@18.3.1)
@@ -8762,15 +9141,15 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/searchfield@3.7.10(react@18.3.1)':
+  '@react-aria/searchfield@3.7.11(react@18.3.1)':
     dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/textfield': 3.14.10(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/searchfield': 3.5.7(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/searchfield': 3.5.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/textfield': 3.15.0(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/searchfield': 3.5.8(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/searchfield': 3.5.10(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
@@ -8805,21 +9184,21 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/select@3.14.11(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/form': 3.0.10(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/listbox': 3.13.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/menu': 3.15.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.17(react@18.3.1)
-      '@react-stately/select': 3.6.8(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/select': 3.9.7(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/select@3.15.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/form': 3.0.11(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/label': 3.7.13(react@18.3.1)
+      '@react-aria/listbox': 3.13.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/menu': 3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-aria/visually-hidden': 3.8.18(react@18.3.1)
+      '@react-stately/select': 3.6.9(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/select': 3.9.8(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8836,14 +9215,14 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/selection@3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@react-aria/selection@3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/selection': 3.17.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8855,6 +9234,13 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-aria/separator@3.4.4(react@18.3.1)':
+    dependencies:
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-aria/slider@3.7.12(react@18.3.1)':
     dependencies:
       '@react-aria/focus': 3.18.3(react@18.3.1)
@@ -8868,18 +9254,29 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/slider@3.7.13(react@18.3.1)':
+  '@react-aria/slider@3.7.14(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/slider': 3.5.8(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/slider': 3.7.6(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/label': 3.7.13(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/slider': 3.6.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/slider': 3.7.7(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
+  '@react-aria/spinbutton@3.6.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
   '@react-aria/spinbutton@3.6.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
@@ -8897,18 +9294,23 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/switch@3.6.8(react@18.3.1)':
+  '@react-aria/ssr@3.9.7(react@18.3.1)':
     dependencies:
-      '@react-aria/toggle': 3.10.8(react@18.3.1)
-      '@react-stately/toggle': 3.7.8(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/switch': 3.5.6(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/switch@3.6.9(react@18.3.1)':
+  '@react-aria/switch@3.6.10(react@18.3.1)':
     dependencies:
-      '@react-aria/toggle': 3.10.9(react@18.3.1)
+      '@react-aria/toggle': 3.10.10(react@18.3.1)
+      '@react-stately/toggle': 3.8.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/switch': 3.5.7(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
+  '@react-aria/switch@3.6.8(react@18.3.1)':
+    dependencies:
+      '@react-aria/toggle': 3.10.8(react@18.3.1)
       '@react-stately/toggle': 3.7.8(react@18.3.1)
       '@react-types/shared': 3.25.0(react@18.3.1)
       '@react-types/switch': 3.5.6(react@18.3.1)
@@ -8935,22 +9337,22 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/table@3.15.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/grid': 3.10.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.17(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/flags': 3.0.4
-      '@react-stately/table': 3.12.3(react@18.3.1)
-      '@react-types/checkbox': 3.8.4(react@18.3.1)
-      '@react-types/grid': 3.2.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/table': 3.10.2(react@18.3.1)
+  '@react-aria/table@3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/grid': 3.11.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-aria/visually-hidden': 3.8.18(react@18.3.1)
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/flags': 3.0.5
+      '@react-stately/table': 3.13.0(react@18.3.1)
+      '@react-types/checkbox': 3.9.0(react@18.3.1)
+      '@react-types/grid': 3.2.10(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/table': 3.10.3(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8968,15 +9370,15 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/tabs@3.9.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@react-aria/tabs@3.9.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/tabs': 3.6.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/tabs': 3.3.10(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/tabs': 3.7.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/tabs': 3.3.11(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -8996,25 +9398,25 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/tag@3.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/gridlist': 3.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/list': 3.11.0(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  '@react-aria/tag@3.4.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/gridlist': 3.10.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/label': 3.7.13(react@18.3.1)
+      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/list': 3.11.1(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@react-aria/textfield@3.14.10(react@18.3.1)':
+  '@react-aria/textfield@3.14.9(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/form': 3.0.10(react@18.3.1)
+      '@react-aria/focus': 3.18.3(react@18.3.1)
+      '@react-aria/form': 3.0.9(react@18.3.1)
       '@react-aria/label': 3.7.12(react@18.3.1)
       '@react-aria/utils': 3.25.3(react@18.3.1)
       '@react-stately/form': 3.0.6(react@18.3.1)
@@ -9024,31 +9426,31 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/textfield@3.14.9(react@18.3.1)':
+  '@react-aria/textfield@3.15.0(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/form': 3.0.9(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/textfield': 3.9.7(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/form': 3.0.11(react@18.3.1)
+      '@react-aria/label': 3.7.13(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/textfield': 3.10.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/toggle@3.10.8(react@18.3.1)':
+  '@react-aria/toggle@3.10.10(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/toggle': 3.7.8(react@18.3.1)
-      '@react-types/checkbox': 3.8.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/toggle': 3.8.0(react@18.3.1)
+      '@react-types/checkbox': 3.9.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/toggle@3.10.9(react@18.3.1)':
+  '@react-aria/toggle@3.10.8(react@18.3.1)':
     dependencies:
       '@react-aria/focus': 3.18.4(react@18.3.1)
       '@react-aria/interactions': 3.22.4(react@18.3.1)
@@ -9059,12 +9461,12 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/toolbar@3.0.0-beta.10(react@18.3.1)':
+  '@react-aria/toolbar@3.0.0-beta.11(react@18.3.1)':
     dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
@@ -9077,6 +9479,17 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-aria/tooltip@3.7.10(react@18.3.1)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/tooltip': 3.5.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/tooltip': 3.4.13(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-aria/tooltip@3.7.8(react@18.3.1)':
     dependencies:
       '@react-aria/focus': 3.18.3(react@18.3.1)
@@ -9088,26 +9501,15 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/tooltip@3.7.9(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/tooltip': 3.4.13(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/tooltip': 3.4.12(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/tree@3.0.0-beta.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@react-aria/tree@3.0.0-beta.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@react-aria/gridlist': 3.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/tree': 3.8.5(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/gridlist': 3.10.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/tree': 3.8.6(react@18.3.1)
+      '@react-types/button': 3.10.1(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -9121,13 +9523,22 @@ snapshots:
       clsx: 2.1.1
       react: 18.3.1
 
-  '@react-aria/virtualizer@4.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@react-aria/utils@3.26.0(react@18.3.1)':
     dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/virtualizer': 4.1.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/ssr': 3.9.7(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      clsx: 2.1.1
+      react: 18.3.1
+
+  '@react-aria/virtualizer@4.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-stately/virtualizer': 4.2.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -9140,11 +9551,11 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-aria/visually-hidden@3.8.17(react@18.3.1)':
+  '@react-aria/visually-hidden@3.8.18(react@18.3.1)':
     dependencies:
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
@@ -9157,6 +9568,24 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/calendar@3.6.0(react@18.3.1)':
+    dependencies:
+      '@internationalized/date': 3.6.0
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/calendar': 3.5.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
+  '@react-stately/checkbox@3.6.10(react@18.3.1)':
+    dependencies:
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/checkbox': 3.9.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/checkbox@3.6.9(react@18.3.1)':
     dependencies:
       '@react-stately/form': 3.0.6(react@18.3.1)
@@ -9172,6 +9601,12 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/collections@3.12.0(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/color@3.8.0(react@18.3.1)':
     dependencies:
       '@internationalized/number': 3.5.4
@@ -9186,6 +9621,20 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/color@3.8.1(react@18.3.1)':
+    dependencies:
+      '@internationalized/number': 3.6.0
+      '@internationalized/string': 3.2.5
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/numberfield': 3.9.8(react@18.3.1)
+      '@react-stately/slider': 3.6.0(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/color': 3.0.1(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/combobox@3.10.0(react@18.3.1)':
     dependencies:
       '@react-stately/collections': 3.11.0(react@18.3.1)
@@ -9199,12 +9648,31 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/combobox@3.10.1(react@18.3.1)':
+    dependencies:
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/list': 3.11.1(react@18.3.1)
+      '@react-stately/overlays': 3.6.12(react@18.3.1)
+      '@react-stately/select': 3.6.9(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/combobox': 3.13.1(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/data@3.11.7(react@18.3.1)':
     dependencies:
       '@react-types/shared': 3.25.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/data@3.12.0(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/datepicker@3.10.3(react@18.3.1)':
     dependencies:
       '@internationalized/date': 3.5.6
@@ -9217,10 +9685,22 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-stately/disclosure@3.0.0-alpha.0(react@18.3.1)':
+  '@react-stately/datepicker@3.11.0(react@18.3.1)':
     dependencies:
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@internationalized/date': 3.6.0
+      '@internationalized/string': 3.2.5
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/overlays': 3.6.12(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/datepicker': 3.9.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
+  '@react-stately/disclosure@3.0.0(react@18.3.1)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
@@ -9231,33 +9711,59 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/dnd@3.5.0(react@18.3.1)':
+    dependencies:
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/flags@3.0.4':
     dependencies:
       '@swc/helpers': 0.5.13
 
+  '@react-stately/flags@3.0.5':
+    dependencies:
+      '@swc/helpers': 0.5.13
+
   '@react-stately/form@3.0.6(react@18.3.1)':
     dependencies:
       '@react-types/shared': 3.25.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/form@3.1.0(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
+  '@react-stately/grid@3.10.0(react@18.3.1)':
+    dependencies:
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-types/grid': 3.2.10(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/grid@3.9.3(react@18.3.1)':
     dependencies:
       '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/selection': 3.17.0(react@18.3.1)
-      '@react-types/grid': 3.2.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-types/grid': 3.2.10(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-stately/layout@4.0.3(react@18.3.1)':
+  '@react-stately/layout@4.1.0(react@18.3.1)':
     dependencies:
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/table': 3.12.3(react@18.3.1)
-      '@react-stately/virtualizer': 4.1.0(react@18.3.1)
-      '@react-types/grid': 3.2.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/table': 3.10.2(react@18.3.1)
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/table': 3.13.0(react@18.3.1)
+      '@react-stately/virtualizer': 4.2.0(react@18.3.1)
+      '@react-types/grid': 3.2.10(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/table': 3.10.3(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
@@ -9270,6 +9776,15 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/list@3.11.1(react@18.3.1)':
+    dependencies:
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/menu@3.8.3(react@18.3.1)':
     dependencies:
       '@react-stately/overlays': 3.6.11(react@18.3.1)
@@ -9278,6 +9793,14 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/menu@3.9.0(react@18.3.1)':
+    dependencies:
+      '@react-stately/overlays': 3.6.12(react@18.3.1)
+      '@react-types/menu': 3.9.13(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/numberfield@3.9.7(react@18.3.1)':
     dependencies:
       '@internationalized/number': 3.5.4
@@ -9287,6 +9810,15 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/numberfield@3.9.8(react@18.3.1)':
+    dependencies:
+      '@internationalized/number': 3.6.0
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/numberfield': 3.8.7(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/overlays@3.6.11(react@18.3.1)':
     dependencies:
       '@react-stately/utils': 3.10.4(react@18.3.1)
@@ -9294,6 +9826,13 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/overlays@3.6.12(react@18.3.1)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/overlays': 3.8.11(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/radio@3.10.8(react@18.3.1)':
     dependencies:
       '@react-stately/form': 3.0.6(react@18.3.1)
@@ -9303,6 +9842,15 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/radio@3.10.9(react@18.3.1)':
+    dependencies:
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/radio': 3.8.5(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/searchfield@3.5.7(react@18.3.1)':
     dependencies:
       '@react-stately/utils': 3.10.4(react@18.3.1)
@@ -9310,6 +9858,13 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/searchfield@3.5.8(react@18.3.1)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/searchfield': 3.5.10(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/select@3.6.8(react@18.3.1)':
     dependencies:
       '@react-stately/form': 3.0.6(react@18.3.1)
@@ -9320,6 +9875,16 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/select@3.6.9(react@18.3.1)':
+    dependencies:
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/list': 3.11.1(react@18.3.1)
+      '@react-stately/overlays': 3.6.12(react@18.3.1)
+      '@react-types/select': 3.9.8(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/selection@3.17.0(react@18.3.1)':
     dependencies:
       '@react-stately/collections': 3.11.0(react@18.3.1)
@@ -9328,6 +9893,14 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/selection@3.18.0(react@18.3.1)':
+    dependencies:
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/slider@3.5.8(react@18.3.1)':
     dependencies:
       '@react-stately/utils': 3.10.4(react@18.3.1)
@@ -9336,6 +9909,14 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/slider@3.6.0(react@18.3.1)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/slider': 3.7.7(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/table@3.12.3(react@18.3.1)':
     dependencies:
       '@react-stately/collections': 3.11.0(react@18.3.1)
@@ -9349,6 +9930,19 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/table@3.13.0(react@18.3.1)':
+    dependencies:
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/flags': 3.0.5
+      '@react-stately/grid': 3.10.0(react@18.3.1)
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/grid': 3.2.10(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/table': 3.10.3(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/tabs@3.6.10(react@18.3.1)':
     dependencies:
       '@react-stately/list': 3.11.0(react@18.3.1)
@@ -9357,6 +9951,14 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/tabs@3.7.0(react@18.3.1)':
+    dependencies:
+      '@react-stately/list': 3.11.1(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/tabs': 3.3.11(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/toggle@3.7.8(react@18.3.1)':
     dependencies:
       '@react-stately/utils': 3.10.4(react@18.3.1)
@@ -9364,6 +9966,14 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/toggle@3.8.0(react@18.3.1)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/checkbox': 3.9.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/tooltip@3.4.13(react@18.3.1)':
     dependencies:
       '@react-stately/overlays': 3.6.11(react@18.3.1)
@@ -9371,6 +9981,13 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/tooltip@3.5.0(react@18.3.1)':
+    dependencies:
+      '@react-stately/overlays': 3.6.12(react@18.3.1)
+      '@react-types/tooltip': 3.4.13(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/tree@3.8.5(react@18.3.1)':
     dependencies:
       '@react-stately/collections': 3.11.0(react@18.3.1)
@@ -9380,27 +9997,42 @@ snapshots:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
+  '@react-stately/tree@3.8.6(react@18.3.1)':
+    dependencies:
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
+      react: 18.3.1
+
   '@react-stately/utils@3.10.4(react@18.3.1)':
     dependencies:
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-stately/virtualizer@4.1.0(react@18.3.1)':
+  '@react-stately/utils@3.10.5(react@18.3.1)':
     dependencies:
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
       '@swc/helpers': 0.5.13
       react: 18.3.1
 
-  '@react-types/accordion@3.0.0-alpha.24(react@18.3.1)':
+  '@react-stately/virtualizer@4.2.0(react@18.3.1)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@swc/helpers': 0.5.13
       react: 18.3.1
 
   '@react-types/breadcrumbs@3.7.8(react@18.3.1)':
     dependencies:
       '@react-types/link': 3.5.8(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
+  '@react-types/breadcrumbs@3.7.9(react@18.3.1)':
+    dependencies:
+      '@react-types/link': 3.5.9(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       react: 18.3.1
 
   '@react-types/button@3.10.0(react@18.3.1)':
@@ -9408,34 +10040,69 @@ snapshots:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/button@3.10.1(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/calendar@3.4.10(react@18.3.1)':
     dependencies:
       '@internationalized/date': 3.5.6
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/calendar@3.5.0(react@18.3.1)':
+    dependencies:
+      '@internationalized/date': 3.6.0
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/checkbox@3.8.4(react@18.3.1)':
     dependencies:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/checkbox@3.9.0(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/color@3.0.0(react@18.3.1)':
     dependencies:
       '@react-types/shared': 3.25.0(react@18.3.1)
       '@react-types/slider': 3.7.6(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/color@3.0.1(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/slider': 3.7.7(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/combobox@3.13.0(react@18.3.1)':
     dependencies:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/combobox@3.13.1(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/datepicker@3.8.3(react@18.3.1)':
     dependencies:
-      '@internationalized/date': 3.5.6
+      '@internationalized/date': 3.6.0
       '@react-types/calendar': 3.4.10(react@18.3.1)
       '@react-types/overlays': 3.8.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
+  '@react-types/datepicker@3.9.0(react@18.3.1)':
+    dependencies:
+      '@internationalized/date': 3.6.0
+      '@react-types/calendar': 3.5.0(react@18.3.1)
+      '@react-types/overlays': 3.8.11(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       react: 18.3.1
 
   '@react-types/dialog@3.5.13(react@18.3.1)':
@@ -9444,9 +10111,20 @@ snapshots:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
-  '@react-types/form@3.7.7(react@18.3.1)':
+  '@react-types/dialog@3.5.14(react@18.3.1)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-types/overlays': 3.8.11(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
+  '@react-types/form@3.7.8(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
+  '@react-types/grid@3.2.10(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
       react: 18.3.1
 
   '@react-types/grid@3.2.9(react@18.3.1)':
@@ -9459,35 +10137,71 @@ snapshots:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/link@3.5.9(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/listbox@3.5.2(react@18.3.1)':
     dependencies:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/listbox@3.5.3(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/menu@3.9.12(react@18.3.1)':
     dependencies:
       '@react-types/overlays': 3.8.10(react@18.3.1)
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/menu@3.9.13(react@18.3.1)':
+    dependencies:
+      '@react-types/overlays': 3.8.11(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/meter@3.4.4(react@18.3.1)':
     dependencies:
       '@react-types/progress': 3.5.7(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/meter@3.4.5(react@18.3.1)':
+    dependencies:
+      '@react-types/progress': 3.5.8(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/numberfield@3.8.6(react@18.3.1)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
+  '@react-types/numberfield@3.8.7(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
       react: 18.3.1
 
   '@react-types/overlays@3.8.10(react@18.3.1)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
+  '@react-types/overlays@3.8.11(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
       react: 18.3.1
 
   '@react-types/progress@3.5.7(react@18.3.1)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
+  '@react-types/progress@3.5.8(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
       react: 18.3.1
 
   '@react-types/radio@3.8.4(react@18.3.1)':
@@ -9495,9 +10209,20 @@ snapshots:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/radio@3.8.5(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
+  '@react-types/searchfield@3.5.10(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/textfield': 3.10.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/searchfield@3.5.9(react@18.3.1)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       '@react-types/textfield': 3.9.7(react@18.3.1)
       react: 18.3.1
 
@@ -9506,31 +10231,66 @@ snapshots:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/select@3.9.8(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/shared@3.25.0(react@18.3.1)':
     dependencies:
       react: 18.3.1
 
+  '@react-types/shared@3.26.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
   '@react-types/slider@3.7.6(react@18.3.1)':
     dependencies:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/slider@3.7.7(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/switch@3.5.6(react@18.3.1)':
     dependencies:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/switch@3.5.7(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/table@3.10.2(react@18.3.1)':
     dependencies:
       '@react-types/grid': 3.2.9(react@18.3.1)
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/table@3.10.3(react@18.3.1)':
+    dependencies:
+      '@react-types/grid': 3.2.10(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/tabs@3.3.10(react@18.3.1)':
     dependencies:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/tabs@3.3.11(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
+  '@react-types/textfield@3.10.0(react@18.3.1)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@react-types/textfield@3.9.7(react@18.3.1)':
     dependencies:
       '@react-types/shared': 3.25.0(react@18.3.1)
@@ -9542,6 +10302,12 @@ snapshots:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-types/tooltip@3.4.13(react@18.3.1)':
+    dependencies:
+      '@react-types/overlays': 3.8.11(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   '@remixicon/react@4.2.0(react@18.3.1)':
     dependencies:
       react: 18.3.1
@@ -9634,67 +10400,67 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
-  '@tailwindcss/node@4.0.0-beta.4':
+  '@tailwindcss/node@4.0.0-beta.8':
     dependencies:
       enhanced-resolve: 5.17.1
       jiti: 2.4.0
-      tailwindcss: 4.0.0-beta.4
+      tailwindcss: 4.0.0-beta.8
 
-  '@tailwindcss/oxide-android-arm64@4.0.0-beta.4':
+  '@tailwindcss/oxide-android-arm64@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.4':
+  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.4':
+  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.4':
+  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.4':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.4':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.4':
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.4':
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.4':
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.4':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.4':
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.8':
     optional: true
 
-  '@tailwindcss/oxide@4.0.0-beta.4':
+  '@tailwindcss/oxide@4.0.0-beta.8':
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.0.0-beta.4
-      '@tailwindcss/oxide-darwin-arm64': 4.0.0-beta.4
-      '@tailwindcss/oxide-darwin-x64': 4.0.0-beta.4
-      '@tailwindcss/oxide-freebsd-x64': 4.0.0-beta.4
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0-beta.4
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0-beta.4
-      '@tailwindcss/oxide-linux-arm64-musl': 4.0.0-beta.4
-      '@tailwindcss/oxide-linux-x64-gnu': 4.0.0-beta.4
-      '@tailwindcss/oxide-linux-x64-musl': 4.0.0-beta.4
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0-beta.4
-      '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-beta.4
-
-  '@tailwindcss/postcss@4.0.0-beta.4':
+      '@tailwindcss/oxide-android-arm64': 4.0.0-beta.8
+      '@tailwindcss/oxide-darwin-arm64': 4.0.0-beta.8
+      '@tailwindcss/oxide-darwin-x64': 4.0.0-beta.8
+      '@tailwindcss/oxide-freebsd-x64': 4.0.0-beta.8
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0-beta.8
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0-beta.8
+      '@tailwindcss/oxide-linux-arm64-musl': 4.0.0-beta.8
+      '@tailwindcss/oxide-linux-x64-gnu': 4.0.0-beta.8
+      '@tailwindcss/oxide-linux-x64-musl': 4.0.0-beta.8
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0-beta.8
+      '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-beta.8
+
+  '@tailwindcss/postcss@4.0.0-beta.8':
     dependencies:
       '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.0.0-beta.4
-      '@tailwindcss/oxide': 4.0.0-beta.4
+      '@tailwindcss/node': 4.0.0-beta.8
+      '@tailwindcss/oxide': 4.0.0-beta.8
       lightningcss: 1.28.1
       postcss: 8.4.47
-      tailwindcss: 4.0.0-beta.4
+      tailwindcss: 4.0.0-beta.8
 
   '@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.3.3)':
     dependencies:
@@ -13330,41 +14096,41 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
-  react-aria-components@1.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@internationalized/date': 3.5.6
-      '@internationalized/string': 3.2.4
-      '@react-aria/accordion': 3.0.0-alpha.35(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/collections': 3.0.0-alpha.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/color': 3.0.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/disclosure': 3.0.0-alpha.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/dnd': 3.7.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/menu': 3.15.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/toolbar': 3.0.0-beta.10(react@18.3.1)
-      '@react-aria/tree': 3.0.0-beta.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/virtualizer': 4.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-stately/color': 3.8.0(react@18.3.1)
-      '@react-stately/disclosure': 3.0.0-alpha.0(react@18.3.1)
-      '@react-stately/layout': 4.0.3(react@18.3.1)
-      '@react-stately/menu': 3.8.3(react@18.3.1)
-      '@react-stately/table': 3.12.3(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-stately/virtualizer': 4.1.0(react@18.3.1)
-      '@react-types/color': 3.0.0(react@18.3.1)
-      '@react-types/form': 3.7.7(react@18.3.1)
-      '@react-types/grid': 3.2.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/table': 3.10.2(react@18.3.1)
+  react-aria-components@1.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@internationalized/date': 3.6.0
+      '@internationalized/string': 3.2.5
+      '@react-aria/collections': 3.0.0-alpha.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/color': 3.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/disclosure': 3.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/dnd': 3.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/menu': 3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/toolbar': 3.0.0-beta.11(react@18.3.1)
+      '@react-aria/tree': 3.0.0-beta.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-aria/virtualizer': 4.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-stately/color': 3.8.1(react@18.3.1)
+      '@react-stately/disclosure': 3.0.0(react@18.3.1)
+      '@react-stately/layout': 4.1.0(react@18.3.1)
+      '@react-stately/menu': 3.9.0(react@18.3.1)
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-stately/table': 3.13.0(react@18.3.1)
+      '@react-stately/utils': 3.10.5(react@18.3.1)
+      '@react-stately/virtualizer': 4.2.0(react@18.3.1)
+      '@react-types/color': 3.0.1(react@18.3.1)
+      '@react-types/form': 3.7.8(react@18.3.1)
+      '@react-types/grid': 3.2.10(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      '@react-types/table': 3.10.3(react@18.3.1)
       '@swc/helpers': 0.5.13
       client-only: 0.0.1
       react: 18.3.1
-      react-aria: 3.35.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-aria: 3.36.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-dom: 18.3.1(react@18.3.1)
-      react-stately: 3.33.0(react@18.3.1)
+      react-stately: 3.34.0(react@18.3.1)
       use-sync-external-store: 1.2.2(react@18.3.1)
 
   react-aria@3.35.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
@@ -13410,46 +14176,47 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  react-aria@3.35.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@internationalized/string': 3.2.4
-      '@react-aria/breadcrumbs': 3.5.18(react@18.3.1)
-      '@react-aria/button': 3.10.1(react@18.3.1)
-      '@react-aria/calendar': 3.5.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/checkbox': 3.14.8(react@18.3.1)
-      '@react-aria/color': 3.0.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/combobox': 3.10.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/datepicker': 3.11.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/dialog': 3.5.19(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/dnd': 3.7.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/gridlist': 3.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/link': 3.7.6(react@18.3.1)
-      '@react-aria/listbox': 3.13.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/menu': 3.15.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/meter': 3.4.17(react@18.3.1)
-      '@react-aria/numberfield': 3.11.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/overlays': 3.23.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/progress': 3.4.17(react@18.3.1)
-      '@react-aria/radio': 3.10.9(react@18.3.1)
-      '@react-aria/searchfield': 3.7.10(react@18.3.1)
-      '@react-aria/select': 3.14.11(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.20.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/separator': 3.4.3(react@18.3.1)
-      '@react-aria/slider': 3.7.13(react@18.3.1)
-      '@react-aria/ssr': 3.9.6(react@18.3.1)
-      '@react-aria/switch': 3.6.9(react@18.3.1)
-      '@react-aria/table': 3.15.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/tabs': 3.9.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/tag': 3.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.14.10(react@18.3.1)
-      '@react-aria/tooltip': 3.7.9(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.17(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
+  react-aria@3.36.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@internationalized/string': 3.2.5
+      '@react-aria/breadcrumbs': 3.5.19(react@18.3.1)
+      '@react-aria/button': 3.11.0(react@18.3.1)
+      '@react-aria/calendar': 3.6.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/checkbox': 3.15.0(react@18.3.1)
+      '@react-aria/color': 3.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/combobox': 3.11.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/datepicker': 3.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/dialog': 3.5.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/disclosure': 3.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/dnd': 3.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@18.3.1)
+      '@react-aria/gridlist': 3.10.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/label': 3.7.13(react@18.3.1)
+      '@react-aria/link': 3.7.7(react@18.3.1)
+      '@react-aria/listbox': 3.13.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/menu': 3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/meter': 3.4.18(react@18.3.1)
+      '@react-aria/numberfield': 3.11.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/overlays': 3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/progress': 3.4.18(react@18.3.1)
+      '@react-aria/radio': 3.10.10(react@18.3.1)
+      '@react-aria/searchfield': 3.7.11(react@18.3.1)
+      '@react-aria/select': 3.15.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/separator': 3.4.4(react@18.3.1)
+      '@react-aria/slider': 3.7.14(react@18.3.1)
+      '@react-aria/ssr': 3.9.7(react@18.3.1)
+      '@react-aria/switch': 3.6.10(react@18.3.1)
+      '@react-aria/table': 3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/tabs': 3.9.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/tag': 3.4.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/textfield': 3.15.0(react@18.3.1)
+      '@react-aria/tooltip': 3.7.10(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@18.3.1)
+      '@react-aria/visually-hidden': 3.8.18(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
@@ -13524,6 +14291,35 @@ snapshots:
       '@react-types/shared': 3.25.0(react@18.3.1)
       react: 18.3.1
 
+  react-stately@3.34.0(react@18.3.1):
+    dependencies:
+      '@react-stately/calendar': 3.6.0(react@18.3.1)
+      '@react-stately/checkbox': 3.6.10(react@18.3.1)
+      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-stately/color': 3.8.1(react@18.3.1)
+      '@react-stately/combobox': 3.10.1(react@18.3.1)
+      '@react-stately/data': 3.12.0(react@18.3.1)
+      '@react-stately/datepicker': 3.11.0(react@18.3.1)
+      '@react-stately/disclosure': 3.0.0(react@18.3.1)
+      '@react-stately/dnd': 3.5.0(react@18.3.1)
+      '@react-stately/form': 3.1.0(react@18.3.1)
+      '@react-stately/list': 3.11.1(react@18.3.1)
+      '@react-stately/menu': 3.9.0(react@18.3.1)
+      '@react-stately/numberfield': 3.9.8(react@18.3.1)
+      '@react-stately/overlays': 3.6.12(react@18.3.1)
+      '@react-stately/radio': 3.10.9(react@18.3.1)
+      '@react-stately/searchfield': 3.5.8(react@18.3.1)
+      '@react-stately/select': 3.6.9(react@18.3.1)
+      '@react-stately/selection': 3.18.0(react@18.3.1)
+      '@react-stately/slider': 3.6.0(react@18.3.1)
+      '@react-stately/table': 3.13.0(react@18.3.1)
+      '@react-stately/tabs': 3.7.0(react@18.3.1)
+      '@react-stately/toggle': 3.8.0(react@18.3.1)
+      '@react-stately/tooltip': 3.5.0(react@18.3.1)
+      '@react-stately/tree': 3.8.6(react@18.3.1)
+      '@react-types/shared': 3.26.0(react@18.3.1)
+      react: 18.3.1
+
   react-style-singleton@2.2.1(@types/react@18.3.10)(react@18.3.1):
     dependencies:
       get-nonce: 1.0.1
@@ -14118,14 +14914,14 @@ snapshots:
 
   tailwind-merge@2.5.4: {}
 
-  tailwind-variants@0.3.0(tailwindcss@4.0.0-beta.4):
+  tailwind-variants@0.3.0(tailwindcss@4.0.0-beta.8):
     dependencies:
       tailwind-merge: 2.5.4
-      tailwindcss: 4.0.0-beta.4
+      tailwindcss: 4.0.0-beta.8
 
-  tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.4):
+  tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.8):
     dependencies:
-      tailwindcss: 4.0.0-beta.4
+      tailwindcss: 4.0.0-beta.8
 
   tailwindcss@3.4.13(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2)):
     dependencies:
@@ -14154,7 +14950,7 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
-  tailwindcss@4.0.0-beta.4: {}
+  tailwindcss@4.0.0-beta.8: {}
 
   tapable@2.2.1: {}
 
diff --git a/www/next.config.mjs b/www/next.config.mjs
index 4687bbed0..5c17cddf8 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -10,21 +10,8 @@ const config = {
         protocol: "https",
         hostname: "avatars.githubusercontent.com",
       },
-      {
-        protocol: "https",
-        hostname: "images.unsplash.com",
-      },
     ],
   },
-  redirects: async () => {
-    return [
-      {
-        source: "/",
-        destination: "/docs/getting-started/introduction",
-        permanent: true,
-      },
-    ];
-  },
 };
 
 export default withMDX(config);
diff --git a/www/package.json b/www/package.json
index 7f38b5e8a..f89eb8a59 100644
--- a/www/package.json
+++ b/www/package.json
@@ -8,7 +8,7 @@
     "build:internal-registry": "tsx ./scripts/build-internal-registry.ts && prettier --log-level silent --write \"src/__registry__/**/*.{ts,tsx,mdx}\" --cache",
     "build:demos": "tsx ./scripts/build-demos.ts && prettier --log-level silent --write \"src/__demos__/index.tsx\" --cache",
     "start": "next start",
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "preview": "next build && next start",
     "format": "prettier --write \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
     "format:check": "prettier --check \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
@@ -49,7 +49,7 @@
     "npm-to-yarn": "^3.0.0",
     "react": "18.3.1",
     "react-aria": "^3.33.0",
-    "react-aria-components": "^1.4.1",
+    "react-aria-components": "^1.5.0",
     "react-dom": "18.3.1",
     "react-resizable-panels": "^2.0.19",
     "react-stately": "^3.31.0",
@@ -68,7 +68,7 @@
     "@dotui/eslint-config": "workspace:*",
     "@dotui/registry": "workspace:*",
     "@dotui/ts-config": "workspace:*",
-    "@tailwindcss/postcss": "4.0.0-beta.4",
+    "@tailwindcss/postcss": "4.0.0-beta.8",
     "@types/estree": "^1.0.6",
     "@types/mdast": "^4.0.4",
     "@types/node": "^18.17.0",
@@ -77,7 +77,7 @@
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.31",
     "rimraf": "^6.0.1",
-    "tailwindcss": "4.0.0-beta.4",
+    "tailwindcss": "4.0.0-beta.8",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-rac": "workspace:*",
     "typescript": "^5",
diff --git a/www/src/__registry__/core/avatar-01.tsx b/www/src/__registry__/core/avatar-01.tsx
index b0da52ad0..fe12de1b6 100644
--- a/www/src/__registry__/core/avatar-01.tsx
+++ b/www/src/__registry__/core/avatar-01.tsx
@@ -162,7 +162,9 @@ export type {
   AvatarRootProps,
   AvatarImageProps,
   AvatarFallbackProps,
+  AvatarPlaceholderProps,
 };
+
 export {
   Avatar,
   AvatarRoot,
diff --git a/www/src/__registry__/core/breadcrumbs-01.tsx b/www/src/__registry__/core/breadcrumbs-01.tsx
index 8834e905a..d6b7ba1d5 100644
--- a/www/src/__registry__/core/breadcrumbs-01.tsx
+++ b/www/src/__registry__/core/breadcrumbs-01.tsx
@@ -75,4 +75,5 @@ export type {
   BreadcrumbItemProps,
   BreadcrumbLinkProps,
 };
+
 export { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };
diff --git a/www/src/__registry__/core/button-01.tsx b/www/src/__registry__/core/button-01.tsx
index 63a632f33..09f7c8a0e 100644
--- a/www/src/__registry__/core/button-01.tsx
+++ b/www/src/__registry__/core/button-01.tsx
@@ -15,7 +15,7 @@ import { Loader2Icon } from "@/__registry__/icons";
 const buttonStyles = tv(
   {
     extend: focusRing,
-    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
     variants: {
       variant: {
         default:
diff --git a/www/src/__registry__/core/button-02.tsx b/www/src/__registry__/core/button-02.tsx
index 76628b15f..32887a892 100644
--- a/www/src/__registry__/core/button-02.tsx
+++ b/www/src/__registry__/core/button-02.tsx
@@ -15,25 +15,25 @@ import { Loader2Icon } from "@/__registry__/icons";
 const buttonStyles = tv(
   {
     extend: focusRing,
-    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal ring-0 ring-transparent transition-[background,box-shadow] hover:ring-4 disabled:cursor-default",
     variants: {
       variant: {
         default:
-          "hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral bg-red-500",
+          "bg-bg-neutral hover:bg-bg-neutral-hover hover:ring-bg-neutral/50 pressed:bg-bg-neutral-active text-fg-onNeutral",
         primary:
-          "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
+          "bg-bg-primary hover:bg-bg-primary-hover hover:ring-bg-primary/50 pressed:bg-bg-primary-active text-fg-onPrimary",
         quiet:
-          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
+          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg hover:ring-bg-neutral/50 bg-transparent",
         outline:
-          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 hover:ring-bg-neutral/50 text-fg disabled:border-border-disabled border disabled:bg-transparent",
         accent:
-          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent hover:ring-bg-accent/40",
         success:
-          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess hover:ring-bg-success/40",
         warning:
-          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning hover:ring-bg-warning/40",
         danger:
-          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
+          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger hover:ring-bg-danger/40",
       },
       size: {
         sm: "size-8 [&_svg]:size-4",
diff --git a/www/src/__registry__/core/button-03.tsx b/www/src/__registry__/core/button-03.tsx
new file mode 100644
index 000000000..39842afa6
--- /dev/null
+++ b/www/src/__registry__/core/button-03.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  Button as AriaButton,
+  Link as AriaLink,
+  type ButtonProps as AriaButtonProps,
+  type LinkProps as AriaLinkProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+import { Loader2Icon } from "@/__registry__/icons";
+
+const buttonStyles = tv(
+  {
+    extend: focusRing,
+    base: [
+      "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
+      "shadow-brutalism hover:translate-x-(--box-shadow-x) hover:translate-y-(--box-shadow-y) hover:shadow-none",
+    ],
+    variants: {
+      variant: {
+        default: "bg-bg-neutral text-fg-onNeutral",
+        primary: "bg-bg-primary text-fg-onPrimary",
+        quiet: "text-fg bg-transparent",
+        outline:
+          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+        accent:
+          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+        success:
+          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+        warning:
+          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+        danger:
+          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
+      },
+      size: {
+        sm: "size-8 [&_svg]:size-4",
+        md: "size-9 [&_svg]:size-4",
+        lg: "size-10 [&_svg]:size-5",
+      },
+      shape: {
+        rectangle: "",
+        square: "",
+        circle: "rounded-full",
+      },
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        shape: "rectangle",
+        className: "w-auto px-3",
+      },
+      {
+        size: "md",
+        shape: "rectangle",
+        className: "w-auto px-4",
+      },
+      {
+        size: "lg",
+        shape: "rectangle",
+        className: "w-auto px-5",
+      },
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      shape: "rectangle",
+    },
+  },
+  {
+    responsiveVariants: ["sm", "lg"],
+  }
+);
+
+interface ButtonProps
+  extends Omit<AriaButtonProps, "className">,
+    Omit<AriaLinkProps, "className" | "children" | "style">,
+    VariantProps<typeof buttonStyles> {
+  className?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+
+const Button = React.forwardRef(
+  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
+    const contextProps = useButtonContext();
+    const props = { ...contextProps, ...localProps };
+
+    const { className, variant, size, shape, prefix, suffix, ...restProps } =
+      props;
+
+    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
+
+    return (
+      <Element
+        ref={ref}
+        {...restProps}
+        className={buttonStyles({ variant, size, shape, className })}
+      >
+        {composeRenderProps(props.children, (children, { isPending }) => (
+          <>
+            {isPending && (
+              <Loader2Icon aria-label="loading" className="animate-spin" />
+            )}
+            {prefix}
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
+            {suffix}
+          </>
+        ))}
+      </Element>
+    );
+  }
+);
+Button.displayName = "Button";
+
+type ButtonContextValue = VariantProps<typeof buttonStyles>;
+const ButtonContext = React.createContext<ButtonContextValue>({});
+const useButtonContext = () => {
+  return React.useContext(ButtonContext);
+};
+
+export type { ButtonProps };
+export { Button, buttonStyles, ButtonContext };
diff --git a/www/src/__registry__/core/button-04.tsx b/www/src/__registry__/core/button-04.tsx
new file mode 100644
index 000000000..75a8c3351
--- /dev/null
+++ b/www/src/__registry__/core/button-04.tsx
@@ -0,0 +1,143 @@
+"use client";
+
+import * as React from "react";
+import { chain } from "react-aria";
+import {
+  composeRenderProps,
+  Button as AriaButton,
+  Link as AriaLink,
+  type ButtonProps as AriaButtonProps,
+  type LinkProps as AriaLinkProps,
+  PressEvent,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Ripple } from "@/registry/core/ripple";
+import { useRipple } from "@/registry/hooks/use-ripple";
+import { focusRing } from "@/registry/lib/focus-styles";
+import { Loader2Icon } from "@/__registry__/icons";
+
+const buttonStyles = tv(
+  {
+    extend: focusRing,
+    base: "disabled:bg-bg-disabled overflow-hidden disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default pressed:scale-95",
+    variants: {
+      variant: {
+        default: "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
+        primary: "bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary",
+        quiet: "hover:bg-bg-inverse/10 text-fg bg-transparent",
+        outline:
+          "border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+        accent: "bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent",
+        success: "bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess",
+        warning: "bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning",
+        danger: "bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger",
+      },
+      size: {
+        sm: "size-8 [&_svg]:size-4",
+        md: "size-9 [&_svg]:size-4",
+        lg: "size-10 [&_svg]:size-5",
+      },
+      shape: {
+        rectangle: "",
+        square: "",
+        circle: "rounded-full",
+      },
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        shape: "rectangle",
+        className: "w-auto px-3",
+      },
+      {
+        size: "md",
+        shape: "rectangle",
+        className: "w-auto px-4",
+      },
+      {
+        size: "lg",
+        shape: "rectangle",
+        className: "w-auto px-5",
+      },
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      shape: "rectangle",
+    },
+  },
+  {
+    responsiveVariants: ["sm", "lg"],
+  }
+);
+
+interface ButtonProps
+  extends Omit<AriaButtonProps, "className">,
+    Omit<AriaLinkProps, "className" | "children" | "style">,
+    VariantProps<typeof buttonStyles> {
+  className?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+
+const Button = React.forwardRef(
+  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
+    const contextProps = useButtonContext();
+    const props = { ...contextProps, ...localProps };
+
+    const { className, variant, size, shape, prefix, suffix, ...restProps } =
+      props;
+
+    const {
+      onPress: onRipplePressHandler,
+      onClear: onClearRipple,
+      ripples,
+    } = useRipple();
+
+    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
+
+    const handlePress = React.useCallback(
+      (e: PressEvent) => {
+        // if (disableRipple || isDisabled || disableAnimation) return;
+        onRipplePressHandler(e);
+        // domRef.current && onRipplePressHandler(e);
+      },
+      [onRipplePressHandler]
+    );
+
+    return (
+      <Element
+        ref={ref}
+        {...restProps}
+        className={buttonStyles({ variant, size, shape, className })}
+        onPress={chain(props.onPress, handlePress)}
+      >
+        {composeRenderProps(props.children, (children, { isPending }) => (
+          <>
+            <Ripple ripples={ripples} onClear={onClearRipple} />
+            {isPending && (
+              <Loader2Icon aria-label="loading" className="animate-spin" />
+            )}
+            {prefix}
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
+            {suffix}
+          </>
+        ))}
+      </Element>
+    );
+  }
+);
+Button.displayName = "Button";
+
+type ButtonContextValue = VariantProps<typeof buttonStyles>;
+const ButtonContext = React.createContext<ButtonContextValue>({});
+const useButtonContext = () => {
+  return React.useContext(ButtonContext);
+};
+
+export type { ButtonProps };
+export { Button, buttonStyles, ButtonContext };
diff --git a/www/src/__registry__/core/calendar-02.tsx b/www/src/__registry__/core/calendar-02.tsx
deleted file mode 100644
index c5df24425..000000000
--- a/www/src/__registry__/core/calendar-02.tsx
+++ /dev/null
@@ -1,223 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Calendar as AriaCalendar,
-  CalendarCell as AriaCalendarCell,
-  CalendarGrid as AriaCalendarGrid,
-  CalendarGridHeader as AriaCalendarGridHeader,
-  CalendarHeaderCell as AriaCalendarHeaderCell,
-  CalendarGridBody as AriaCalendarGridBody,
-  type CalendarProps as AriaCalendarProps,
-  type CalendarGridProps as AriaCalendarGridProps,
-  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
-  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
-  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
-  type CalendarCellProps as AriaCalendarCellProps,
-  type DateValue,
-  CalendarContext as AriaCalendarContext,
-  useSlottedContext,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button, buttonStyles } from "@/registry/core/button-01";
-import { Heading } from "@/registry/core/heading-01";
-import { Text } from "@/registry/core/text-01";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__registry__/icons";
-
-const calendarStyles = tv({
-  slots: {
-    root: "",
-    header: "mb-4 flex items-center justify-between gap-2",
-    grid: "w-full border-collapse",
-    gridHeader: "mb-4",
-    gridHeaderCell: "text-fg-muted text-xs font-normal",
-    gridBody: "[&>tr>td]:p-0",
-    cell: "",
-  },
-  variants: {
-    standalone: {
-      true: {
-        root: "rounded-md border p-3",
-      },
-      false: {
-        root: "rounded-[inherit]",
-      },
-    },
-    range: {
-      false: {
-        cell: [
-          buttonStyles({
-            variant: "quiet",
-            shape: "square",
-            size: "sm",
-          }),
-          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
-          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-      true: {
-        cell: [
-          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
-          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
-          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
-          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
-          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
-          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
-          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
-          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-    },
-  },
-  defaultVariants: {
-    range: false,
-  },
-});
-
-interface CalendarProps<T extends DateValue>
-  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
-  visibleMonths?: number;
-  errorMessage?: string;
-}
-const Calendar = <T extends DateValue>({
-  errorMessage,
-  visibleMonths = 1,
-  ...props
-}: CalendarProps<T>) => {
-  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
-
-  return (
-    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
-      {({ isInvalid }) => (
-        <>
-          <CalendarHeader>
-            <Button slot="previous" variant="outline" shape="square" size="sm">
-              <ChevronLeftIcon />
-            </Button>
-            <Heading className="text-sm" />
-            <Button slot="next" variant="outline" shape="square" size="sm">
-              <ChevronRightIcon />
-            </Button>
-          </CalendarHeader>
-          <div className="flex items-start gap-4">
-            {Array.from({ length: visibleMonths }).map((_, index) => (
-              <CalendarGrid
-                key={index}
-                offset={index === 0 ? undefined : { months: index }}
-              >
-                <CalendarGridHeader>
-                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-                </CalendarGridHeader>
-                <CalendarGridBody>
-                  {(date) => <CalendarCell date={date} />}
-                </CalendarGridBody>
-              </CalendarGrid>
-            ))}
-          </div>
-          {isInvalid && errorMessage && (
-            <Text slot="errorMessage">{errorMessage}</Text>
-          )}
-        </>
-      )}
-    </CalendarRoot>
-  );
-};
-
-type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
-const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
-  const CalendarContext = useSlottedContext(AriaCalendarContext);
-  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
-  const { root } = calendarStyles({ standalone });
-  return (
-    <AriaCalendar
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-    />
-  );
-};
-
-type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
-const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
-  const { header } = calendarStyles();
-  return <header className={header({ className })} {...props} />;
-};
-
-type CalendarGridProps = AriaCalendarGridProps;
-const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
-  const { grid } = calendarStyles();
-  return <AriaCalendarGrid className={grid({ className })} {...props} />;
-};
-
-type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
-const CalendarGridHeader = ({
-  className,
-  ...props
-}: CalendarGridHeaderProps) => {
-  const { gridHeader } = calendarStyles();
-  return (
-    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
-  );
-};
-
-type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
-const CalendarHeaderCell = ({
-  className,
-  ...props
-}: CalendarHeaderCellProps) => {
-  const { gridHeaderCell } = calendarStyles();
-  return (
-    <AriaCalendarHeaderCell
-      className={gridHeaderCell({ className })}
-      {...props}
-    />
-  );
-};
-
-type CalendarGridBodyProps = AriaCalendarGridBodyProps;
-const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
-  const { gridBody } = calendarStyles();
-  return (
-    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
-  );
-};
-
-type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
-const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
-  const { cell } = calendarStyles({ range });
-  return (
-    <AriaCalendarCell
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        cell({ className })
-      )}
-    />
-  );
-};
-
-export type {
-  CalendarProps,
-  CalendarRootProps,
-  CalendarGridProps,
-  CalendarGridHeaderProps,
-  CalendarHeaderCellProps,
-  CalendarGridBodyProps,
-  CalendarCellProps,
-};
-export {
-  Calendar,
-  CalendarRoot,
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-  calendarStyles,
-};
diff --git a/www/src/__registry__/core/collapsible-01.tsx b/www/src/__registry__/core/collapsible-01.tsx
deleted file mode 100644
index 94b1cbe03..000000000
--- a/www/src/__registry__/core/collapsible-01.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-import React from "react";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { cn } from "@/registry/lib/cn";
-
-const CollapsibleRoot = CollapsiblePrimitive.Root;
-
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
-
-const CollapsibleContent = React.forwardRef<
-  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,
-  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>
->(({ className, ...props }, ref) => (
-  <CollapsiblePrimitive.CollapsibleContent
-    ref={ref}
-    className={cn(
-      "data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden duration-75",
-      className
-    )}
-    {...props}
-  />
-));
-
-CollapsibleContent.displayName = "CollapsibleContent";
-
-export {
-  CollapsibleRoot,
-  CollapsibleRoot as Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent,
-};
diff --git a/www/src/__registry__/core/color-area-01.tsx b/www/src/__registry__/core/color-area-01.tsx
index 9b5bde0e0..1d50103a3 100644
--- a/www/src/__registry__/core/color-area-01.tsx
+++ b/www/src/__registry__/core/color-area-01.tsx
@@ -37,4 +37,5 @@ const ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {
   );
 };
 
+export type { ColorAreaProps, ColorAreaRootProps };
 export { ColorArea, ColorAreaRoot };
diff --git a/www/src/__registry__/core/color-picker-01.tsx b/www/src/__registry__/core/color-picker-01.tsx
index 0a5654765..51f515ac0 100644
--- a/www/src/__registry__/core/color-picker-01.tsx
+++ b/www/src/__registry__/core/color-picker-01.tsx
@@ -114,5 +114,5 @@ const ColorEditor = ({ className, ...props }: ColorEditorProps) => {
   );
 };
 
-export type { ColorPickerProps, ColorPickerRootProps };
+export type { ColorPickerProps, ColorPickerRootProps, ColorEditorProps };
 export { ColorPicker, ColorPickerRoot, ColorEditor };
diff --git a/www/src/__registry__/core/command-01.tsx b/www/src/__registry__/core/command-01.tsx
deleted file mode 100644
index a2126eaa6..000000000
--- a/www/src/__registry__/core/command-01.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { cn } from "@/registry/lib/cn";
-import { SearchIcon } from "@/__registry__/icons";
-
-type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
-const CommandRoot = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive>,
-  CommandRootProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive
-    ref={ref}
-    className={cn(
-      "bg-bg text-fg flex h-full w-full flex-col overflow-hidden rounded-md",
-      className
-    )}
-    {...props}
-  />
-));
-CommandRoot.displayName = CommandPrimitive.displayName;
-
-type CommandInputProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Input
-> & {
-  wrapperClassName?: string;
-  icon?: React.ReactNode;
-};
-const CommandInput = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Input>,
-  CommandInputProps
->(({ className, wrapperClassName, icon, ...props }, ref) => (
-  <div
-    className={cn("flex items-center gap-2 border-b px-3", wrapperClassName)}
-    cmdk-input-wrapper=""
-  >
-    {icon || <SearchIcon className="size-4 shrink-0" />}
-    <CommandPrimitive.Input
-      ref={ref}
-      className={cn(
-        "placeholder:text-fg-muted outline-hidden flex h-11 w-full rounded-md bg-transparent py-3 text-base disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
-        className
-      )}
-      {...props}
-    />
-  </div>
-));
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-
-type CommandListProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.List
->;
-const CommandList = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.List>,
-  CommandListProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.List
-    ref={ref}
-    className={cn("flex-1 overflow-y-auto overflow-x-hidden", className)}
-    {...props}
-  />
-));
-CommandList.displayName = CommandPrimitive.List.displayName;
-
-type CommandEmptyProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Empty
->;
-const CommandEmpty = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Empty>,
-  CommandEmptyProps
->((props, ref) => (
-  <CommandPrimitive.Empty
-    ref={ref}
-    className="py-6 text-center text-sm"
-    {...props}
-  />
-));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-
-type CommandGroupProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Group
->;
-const CommandGroup = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Group>,
-  CommandGroupProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Group
-    ref={ref}
-    className={cn(
-      "text-fg [&_[cmdk-group-heading]]:text-fg-muted overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-      className
-    )}
-    {...props}
-  />
-));
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-
-type CommandSeparatorProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Separator
->;
-const CommandSeparator = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Separator>,
-  CommandSeparatorProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Separator
-    ref={ref}
-    className={cn(
-      "bg-border separator h-px w-full shrink-0 border-0",
-      className
-    )}
-    // className={cn("-mx-1 h-px bg-border", className)}
-    {...props}
-  />
-));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-
-type CommandItemProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Item
->;
-const CommandItem = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Item>,
-  CommandItemProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Item
-    ref={ref}
-    className={cn(
-      "aria-selected:bg-bg-muted aria-selected:text-fg outline-hidden relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm transition-colors",
-      className
-    )}
-    {...props}
-  />
-));
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-
-type CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
-const CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {
-  return (
-    <span
-      className={cn("text-fg-muted ml-auto text-xs tracking-widest", className)}
-      {...props}
-    />
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-
-export {
-  CommandRoot,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator,
-};
-
-export type {
-  CommandRootProps,
-  CommandInputProps,
-  CommandListProps,
-  CommandEmptyProps,
-  CommandGroupProps,
-  CommandSeparatorProps,
-  CommandItemProps,
-  CommandShortcutProps,
-};
diff --git a/www/src/__registry__/core/contextual-help-01.tsx b/www/src/__registry__/core/contextual-help-01.tsx
deleted file mode 100644
index 51d2c21bf..000000000
--- a/www/src/__registry__/core/contextual-help-01.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Button } from "@/registry/core/button-01";
-import { DialogRoot, Dialog } from "@/registry/core/dialog-01";
-import { InfoIcon, HelpCircleIcon } from "@/__registry__/icons";
-
-interface ContextualHelpProps {
-  title?: string;
-  description?: string;
-  variant?: "info" | "help";
-}
-
-const ContextualHelp = ({
-  title,
-  description,
-  variant,
-}: ContextualHelpProps) => {
-  const icon = variant === "info" ? <InfoIcon /> : <HelpCircleIcon />;
-  return (
-    <DialogRoot>
-      <Button
-        slot={null}
-        aria-label={variant}
-        variant="quiet"
-        size="sm"
-        shape="square"
-        className="size-6"
-      >
-        {icon}
-      </Button>
-      <Dialog
-        type="popover"
-        mobileType="modal"
-        title={title}
-        description={description}
-      />
-    </DialogRoot>
-  );
-};
-
-export { ContextualHelp };
diff --git a/www/src/__registry__/core/input-02.tsx b/www/src/__registry__/core/input-02.tsx
new file mode 100644
index 000000000..6947ea8cf
--- /dev/null
+++ b/www/src/__registry__/core/input-02.tsx
@@ -0,0 +1,212 @@
+"use client";
+
+import * as React from "react";
+import { mergeRefs, chain } from "@react-aria/utils";
+import { useControlledState } from "@react-stately/utils";
+import {
+  Provider,
+  composeRenderProps,
+  Input as AriaInput,
+  Group as AriaGroup,
+  TextArea as AriaTextArea,
+  InputContext as AriaInputContext,
+  TextAreaContext as AriaTextAreaContext,
+  type TextAreaProps as AriaTextAreaProps,
+  type GroupProps as AriaGroupProps,
+  type InputProps as AriaInputProps,
+  useSlottedContext,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusInput } from "@/registry/lib/focus-styles";
+import { Loader2Icon } from "@/__registry__/icons";
+
+const inputStyles = tv({
+  slots: {
+    root: [
+      focusInput(),
+      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
+      "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
+      "invalid:border-border-danger focus-within:invalid:border-border",
+    ],
+    input: [
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
+    ],
+  },
+  variants: {
+    size: {
+      sm: { root: "h-8" },
+      md: { root: "h-9" },
+      lg: { root: "h-10" },
+    },
+    multiline: {
+      true: {
+        root: "h-auto flex-col items-stretch p-2",
+        input: "min-h-14 resize-none overflow-auto",
+      },
+      false: {
+        input: "flex-1",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+    multiline: false,
+  },
+});
+
+interface TextAreaInputProps extends Omit<AriaTextAreaProps, "className"> {
+  className?: string;
+}
+const TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(
+  ({ className, onChange, rows = 1, ...props }, forwardedRef) => {
+    const { input } = inputStyles({ multiline: true });
+    const [inputValue, setInputValue] = useControlledState(
+      props.value,
+      props.defaultValue ?? "",
+      () => {
+        // Do nothing
+      }
+    );
+    const inputRef = React.useRef<HTMLTextAreaElement>(null);
+
+    const onHeightChange = React.useCallback(() => {
+      if (inputRef.current) {
+        const input = inputRef.current;
+        const prevAlignment = input.style.alignSelf;
+        const prevOverflow = input.style.overflow;
+        const isFirefox = "MozAppearance" in input.style;
+        if (!isFirefox) {
+          input.style.overflow = "hidden";
+        }
+        input.style.alignSelf = "start";
+        input.style.height = "auto";
+        input.style.height = `${
+          input.scrollHeight + (input.offsetHeight - input.clientHeight)
+        }px`;
+        input.style.overflow = prevOverflow;
+        input.style.alignSelf = prevAlignment;
+      }
+    }, [inputRef]);
+
+    React.useLayoutEffect(() => {
+      if (inputRef.current) {
+        onHeightChange();
+      }
+    }, [onHeightChange, inputValue, inputRef]);
+
+    return (
+      <AriaTextArea
+        ref={mergeRefs(inputRef, forwardedRef)}
+        className={input({ className })}
+        onChange={chain(onChange, setInputValue)}
+        rows={rows}
+        {...props}
+      />
+    );
+  }
+);
+TextAreaInput.displayName = "TextAreaInput";
+
+interface InputProps
+  extends Omit<AriaInputProps, "className" | "size" | "prefix"> {
+  className?: string;
+}
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, ...props }, ref) => {
+    const { input } = inputStyles();
+    return <AriaInput ref={ref} className={input({ className })} {...props} />;
+  }
+);
+Input.displayName = "Input";
+
+interface InputRootProps
+  extends Omit<AriaGroupProps, "className" | "prefix">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  isLoading?: boolean;
+  loaderPosition?: "prefix" | "suffix";
+  className?: string;
+}
+const InputRoot = ({
+  className,
+  prefix,
+  suffix,
+  isLoading,
+  loaderPosition,
+  size,
+  multiline,
+  ...props
+}: InputRootProps) => {
+  const { root } = inputStyles({ size, multiline });
+  const inputContext = useSlottedContext(AriaInputContext);
+  const textAreaContext = useSlottedContext(AriaTextAreaContext);
+  const inputRef = React.useRef(null);
+  const isDisabled =
+    props.isDisabled || inputContext?.disabled || textAreaContext?.disabled;
+  const isInvalid =
+    props.isInvalid ||
+    (!!inputContext?.["aria-invalid"] &&
+      inputContext["aria-invalid"] !== "false") ||
+    (!!textAreaContext?.["aria-invalid"] &&
+      textAreaContext["aria-invalid"] !== "false");
+
+  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {
+    const target = event.target as HTMLElement;
+    if (target.closest("input, button, a")) return;
+    const input = (
+      inputRef as React.RefObject<HTMLInputElement | HTMLTextAreaElement>
+    ).current;
+    if (!input) return;
+    requestAnimationFrame(() => {
+      input.focus();
+    });
+  };
+
+  return (
+    <AriaGroup
+      role="presentation"
+      {...props}
+      onPointerDown={handlePointerDown}
+      isDisabled={isDisabled}
+      isInvalid={isInvalid}
+      className={root({ className })}
+    >
+      {composeRenderProps(props.children, (children) => (
+        <Provider
+          values={[
+            [
+              AriaInputContext,
+              {
+                ...inputContext,
+                ref: mergeRefs(inputRef, inputContext?.ref ?? null),
+              },
+            ],
+            [
+              AriaTextAreaContext,
+              {
+                ...textAreaContext,
+                ref: mergeRefs(inputRef, textAreaContext?.ref ?? null),
+              },
+            ],
+          ]}
+        >
+          {isLoading && loaderPosition === "prefix" ? (
+            <Loader2Icon className="animate-spin" />
+          ) : (
+            prefix
+          )}
+          {children}
+          {isLoading && loaderPosition === "suffix" ? (
+            <Loader2Icon className="animate-spin" />
+          ) : (
+            suffix
+          )}
+        </Provider>
+      ))}
+    </AriaGroup>
+  );
+};
+
+export type { InputProps, InputRootProps, TextAreaInputProps };
+export { Input, TextAreaInput, InputRoot, inputStyles };
diff --git a/www/src/__registry__/core/ripple.tsx b/www/src/__registry__/core/ripple.tsx
new file mode 100644
index 000000000..4c588ce8f
--- /dev/null
+++ b/www/src/__registry__/core/ripple.tsx
@@ -0,0 +1,72 @@
+"use client";
+
+import type { FC } from "react";
+import type { HTMLMotionProps } from "framer-motion";
+import { AnimatePresence, m } from "framer-motion";
+import type { RippleType } from "@/registry/hooks/use-ripple";
+
+function clamp(value: number, min: number, max: number) {
+  return Math.min(Math.max(value, min), max);
+}
+
+export interface RippleProps extends React.HTMLAttributes<"span"> {
+  ripples: RippleType[];
+  color?: string;
+  motionProps?: HTMLMotionProps<"span">;
+  style?: React.CSSProperties;
+  onClear: (key: React.Key) => void;
+}
+
+export const Ripple: FC<RippleProps> = (props) => {
+  const {
+    ripples = [],
+    motionProps,
+    color = "currentColor",
+    style,
+    onClear,
+  } = props;
+
+  return (
+    <>
+      {ripples.map((ripple) => {
+        const duration = clamp(
+          0.01 * ripple.size,
+          0.2,
+          ripple.size > 100 ? 0.75 : 0.5
+        );
+
+        return (
+          <AnimatePresence key={ripple.key} mode="popLayout">
+            <m.span
+              initial={{ opacity: 0.1, scale: 0.5 }}
+              animate={{ opacity: 0.4, scale: 2 }}
+              // className="nextui-ripple"
+              // exit={{ opacity: 0 }}
+              style={{
+                position: "absolute",
+                backgroundColor: color,
+                borderRadius: "100%",
+                transformOrigin: "center",
+                pointerEvents: "none",
+                overflow: "hidden",
+                inset: 0,
+                zIndex: 0,
+                top: ripple.y,
+                left: ripple.x,
+                width: `${ripple.size}px`,
+                height: `${ripple.size}px`,
+                ...style,
+              }}
+              // transition={{ duration }}
+              onAnimationComplete={() => {
+                onClear(ripple.key);
+              }}
+              {...motionProps}
+            />
+          </AnimatePresence>
+        );
+      })}
+    </>
+  );
+};
+Ripple.displayName = "NextUI.Ripple";
diff --git a/www/src/__registry__/core/table-01.tsx b/www/src/__registry__/core/table-01.tsx
deleted file mode 100644
index 854892c16..000000000
--- a/www/src/__registry__/core/table-01.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import * as React from "react";
-import { cn } from "@/registry/lib/cn";
-
-const Table = React.forwardRef<
-  HTMLTableElement,
-  React.HTMLAttributes<HTMLTableElement>
->(({ className, ...props }, ref) => (
-  <div className="relative w-full overflow-auto">
-    <table
-      ref={ref}
-      className={cn("w-full caption-bottom text-sm", className)}
-      {...props}
-    />
-  </div>
-));
-Table.displayName = "Table";
-
-const TableHeader = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
-));
-TableHeader.displayName = "TableHeader";
-
-const TableBody = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tbody
-    ref={ref}
-    className={cn("[&_tr:last-child]:border-0", className)}
-    {...props}
-  />
-));
-TableBody.displayName = "TableBody";
-
-const TableFooter = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tfoot
-    ref={ref}
-    className={cn(
-      "bg-bg-muted/50 border-t font-medium last:[&>tr]:border-b-0",
-      className
-    )}
-    {...props}
-  />
-));
-TableFooter.displayName = "TableFooter";
-
-const TableRow = React.forwardRef<
-  HTMLTableRowElement,
-  React.HTMLAttributes<HTMLTableRowElement>
->(({ className, ...props }, ref) => (
-  <tr
-    ref={ref}
-    className={cn(
-      "data-[state=selected]:bg-bg-muted hover:bg-bg-muted/50 border-b transition-colors",
-      className
-    )}
-    {...props}
-  />
-));
-TableRow.displayName = "TableRow";
-
-const TableHead = React.forwardRef<
-  HTMLTableCellElement,
-  React.ThHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <th
-    ref={ref}
-    className={cn(
-      "text-fg-muted h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
-      className
-    )}
-    {...props}
-  />
-));
-TableHead.displayName = "TableHead";
-
-const TableCell = React.forwardRef<
-  HTMLTableCellElement,
-  React.TdHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <td
-    ref={ref}
-    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
-    {...props}
-  />
-));
-TableCell.displayName = "TableCell";
-
-const TableCaption = React.forwardRef<
-  HTMLTableCaptionElement,
-  React.HTMLAttributes<HTMLTableCaptionElement>
->(({ className, ...props }, ref) => (
-  <caption
-    ref={ref}
-    className={cn("text-fg-muted mt-4 text-sm", className)}
-    {...props}
-  />
-));
-TableCaption.displayName = "TableCaption";
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-};
diff --git a/www/src/__registry__/core/toggle-button-01.tsx b/www/src/__registry__/core/toggle-button-01.tsx
index 40816ef40..450dcca05 100644
--- a/www/src/__registry__/core/toggle-button-01.tsx
+++ b/www/src/__registry__/core/toggle-button-01.tsx
@@ -11,7 +11,7 @@ import { focusRing } from "@/registry/lib/focus-styles";
 
 const toggleButtonStyles = tv({
   extend: focusRing,
-  base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+  base: "disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
   variants: {
     variant: {
       quiet:
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 81e2387c5..459e898d1 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -1818,25 +1818,6 @@ export const Index: Record<string, any> = {
         () => import("@/registry/demos/range-calendar/visible-months")
       ),
     },
-    "scroll-area-default": {
-      name: "scroll-area-default",
-      files: ["registry/demos/scroll-area/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/scroll-area/default")
-      ),
-    },
-    "scroll-area-scrollbars": {
-      name: "scroll-area-scrollbars",
-      files: ["registry/demos/scroll-area/scrollbars.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/scroll-area/scrollbars")
-      ),
-    },
-    "scroll-area-sizes": {
-      name: "scroll-area-sizes",
-      files: ["registry/demos/scroll-area/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/scroll-area/sizes")),
-    },
     "search-field-composition": {
       name: "search-field-composition",
       files: ["registry/demos/search-field/composition.tsx"],
diff --git a/www/src/app/(app)/themes/components/button-style.tsx b/www/src/app/(app)/themes/components/button-style.tsx
index 8dd787fcd..dc88fe6e8 100644
--- a/www/src/app/(app)/themes/components/button-style.tsx
+++ b/www/src/app/(app)/themes/components/button-style.tsx
@@ -1,20 +1,64 @@
+"use client";
+
+import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
+import { ThemeOverride } from "@/components/theme-override";
+import ButtonVariants from "@/registry/demos/button/variants";
 
 const variants = [
-  { label: "Variant 1", value: "button-01" },
-  { label: "variant 2", value: "button-02" },
+  {
+    label: "Button 1",
+    value: "button-01",
+    description: "Minimalistic design.",
+  },
+  {
+    label: "Button 2",
+    value: "button-02",
+    description: "Subtle hover outline.",
+  },
+  {
+    label: "Button 3",
+    value: "button-03",
+    description: "Brutalism design",
+  },
+  {
+    label: "Button 4",
+    value: "button-04",
+    description: "With ripple effect, uses framer-motion.",
+  },
 ];
 
 export function ButtonStyle() {
+  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
   return (
-    <div>
-      <RadioGroup variant="card" orientation="vertical">
+    <div className="flex justify-between gap-6">
+      <RadioGroup
+        variant="card"
+        orientation="vertical"
+        value={currentTheme.variants["button"]}
+        onChange={(value) => updateVariant("button", value)}
+        isDisabled={!isCurrentThemeEditable}
+        className="min-w-60"
+      >
         {variants.map((variant) => (
-          <Radio key={variant.value} value={variant.value}>
+          <Radio
+            key={variant.value}
+            value={variant.value}
+            aria-label={variant.label}
+            className="gap-8"
+          >
             {variant.label}
+            {variant.description && (
+              <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
+                {variant.description}
+              </div>
+            )}
           </Radio>
         ))}
       </RadioGroup>
+      <ThemeOverride className="flex w-full items-center justify-center rounded-md border p-4">
+        <ButtonVariants />
+      </ThemeOverride>
     </div>
   );
 }
diff --git a/www/src/app/(app)/themes/components/input-style.tsx b/www/src/app/(app)/themes/components/input-style.tsx
new file mode 100644
index 000000000..fb156514f
--- /dev/null
+++ b/www/src/app/(app)/themes/components/input-style.tsx
@@ -0,0 +1,21 @@
+import { Radio, RadioGroup } from "@/components/core/radio-group";
+
+const variants = [
+  { label: "Variant 1", value: "button-01" },
+  { label: "variant 2", value: "button-02" },
+];
+
+export function ButtonStyle() {
+  return (
+    <div className="flex justify-between">
+      <RadioGroup variant="card" orientation="vertical">
+        {variants.map((variant) => (
+          <Radio key={variant.value} value={variant.value}>
+            {variant.label}
+          </Radio>
+        ))}
+      </RadioGroup>
+      <div>sa</div>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index d37006c19..590605f64 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -23,8 +23,8 @@ export const metadata: Metadata = {
 export default function Page() {
   return (
     <PreviewProvider>
-      <div className="container">
-        <div className="relative grid grid-cols-12 items-start gap-10 py-10">
+      <div className="container space-y-6 pb-20">
+        <div className="relative grid grid-cols-12 items-start gap-6 pt-10">
           <div className="col-span-12 mt-6 lg:col-span-5">
             <h1 className="font-heading xs:text-2xl text-pretty text-xl font-semibold tracking-tighter sm:text-3xl md:text-4xl">
               Everything starts with identity.
@@ -56,15 +56,15 @@ export default function Page() {
               <Section title="Iconography">
                 <Iconography />
               </Section>
-              <Alert>
-                More customization are coming such as components style.
-              </Alert>
             </div>
           </div>
           <div className="sticky top-10 hidden h-[calc(100svh-calc(var(--spacing)*20))] justify-center lg:col-span-7 lg:flex">
             <Preview />
           </div>
         </div>
+        <Section title="Button style" className="col-span-6">
+          <ButtonStyle />
+        </Section>
       </div>
     </PreviewProvider>
   );
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index 92fdca493..ccce55061 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -1,12 +1,11 @@
 import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
-import { Loader2Icon, PaintBucket } from "lucide-react";
+import { PaintBucket } from "lucide-react";
 import { cn } from "@/lib/cn";
 import { getFileSource } from "@/lib/get-file-source";
 import { CodeBlock } from "@/components/code-block";
 import { Button } from "@/components/core/button";
 import { Tooltip } from "@/components/core/tooltip";
-import { Skeleton } from "@/__registry__/core/skeleton-01";
 import { Index } from "@/__registry__/demos";
 import { ComponentPreviewClient } from "./component-preview-client";
 import { ThemeCustomizerDialog } from "./theme-customizer";
diff --git a/www/src/components/core/collapsible.tsx b/www/src/components/core/collapsible.tsx
index 6429c3c2f..de823dbbf 100644
--- a/www/src/components/core/collapsible.tsx
+++ b/www/src/components/core/collapsible.tsx
@@ -1 +1,32 @@
-export * from "@/registry/core/collapsible-01";
+"use client";
+
+import React from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { cn } from "@/registry/lib/cn";
+
+const CollapsibleRoot = CollapsiblePrimitive.Root;
+
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+
+const CollapsibleContent = React.forwardRef<
+  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,
+  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>
+>(({ className, ...props }, ref) => (
+  <CollapsiblePrimitive.CollapsibleContent
+    ref={ref}
+    className={cn(
+      "data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden duration-75",
+      className
+    )}
+    {...props}
+  />
+));
+
+CollapsibleContent.displayName = "CollapsibleContent";
+
+export {
+  CollapsibleRoot,
+  CollapsibleRoot as Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent,
+};
diff --git a/www/src/components/core/command.tsx b/www/src/components/core/command.tsx
index ae4823c13..003d618d8 100644
--- a/www/src/components/core/command.tsx
+++ b/www/src/components/core/command.tsx
@@ -1 +1,167 @@
-export * from "@/registry/core/command-01";
+"use client";
+
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import { cn } from "@/registry/lib/cn";
+
+type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
+const CommandRoot = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive>,
+  CommandRootProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive
+    ref={ref}
+    className={cn(
+      "bg-bg text-fg flex h-full w-full flex-col overflow-hidden rounded-md",
+      className
+    )}
+    {...props}
+  />
+));
+CommandRoot.displayName = CommandPrimitive.displayName;
+
+type CommandInputProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Input
+> & {
+  wrapperClassName?: string;
+  icon?: React.ReactNode;
+};
+const CommandInput = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Input>,
+  CommandInputProps
+>(({ className, wrapperClassName, icon, ...props }, ref) => (
+  <div
+    className={cn("flex items-center gap-2 border-b px-3", wrapperClassName)}
+    cmdk-input-wrapper=""
+  >
+    {icon || <SearchIcon className="size-4 shrink-0" />}
+    <CommandPrimitive.Input
+      ref={ref}
+      className={cn(
+        "placeholder:text-fg-muted outline-hidden flex h-11 w-full rounded-md bg-transparent py-3 text-base disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
+        className
+      )}
+      {...props}
+    />
+  </div>
+));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+
+type CommandListProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.List
+>;
+const CommandList = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.List>,
+  CommandListProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.List
+    ref={ref}
+    className={cn("flex-1 overflow-y-auto overflow-x-hidden", className)}
+    {...props}
+  />
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+
+type CommandEmptyProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Empty
+>;
+const CommandEmpty = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Empty>,
+  CommandEmptyProps
+>((props, ref) => (
+  <CommandPrimitive.Empty
+    ref={ref}
+    className="py-6 text-center text-sm"
+    {...props}
+  />
+));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+
+type CommandGroupProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Group
+>;
+const CommandGroup = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Group>,
+  CommandGroupProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Group
+    ref={ref}
+    className={cn(
+      "text-fg [&_[cmdk-group-heading]]:text-fg-muted overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+      className
+    )}
+    {...props}
+  />
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+
+type CommandSeparatorProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Separator
+>;
+const CommandSeparator = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Separator>,
+  CommandSeparatorProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Separator
+    ref={ref}
+    className={cn(
+      "bg-border separator h-px w-full shrink-0 border-0",
+      className
+    )}
+    // className={cn("-mx-1 h-px bg-border", className)}
+    {...props}
+  />
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+
+type CommandItemProps = React.ComponentPropsWithoutRef<
+  typeof CommandPrimitive.Item
+>;
+const CommandItem = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Item>,
+  CommandItemProps
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Item
+    ref={ref}
+    className={cn(
+      "aria-selected:bg-bg-muted aria-selected:text-fg outline-hidden relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm transition-colors",
+      className
+    )}
+    {...props}
+  />
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+
+type CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
+const CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {
+  return (
+    <span
+      className={cn("text-fg-muted ml-auto text-xs tracking-widest", className)}
+      {...props}
+    />
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+export {
+  CommandRoot,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+};
+
+export type {
+  CommandRootProps,
+  CommandInputProps,
+  CommandListProps,
+  CommandEmptyProps,
+  CommandGroupProps,
+  CommandSeparatorProps,
+  CommandItemProps,
+  CommandShortcutProps,
+};
diff --git a/www/src/components/core/scroll-area.tsx b/www/src/components/core/scroll-area.tsx
index ed8379803..3a36842c9 100644
--- a/www/src/components/core/scroll-area.tsx
+++ b/www/src/components/core/scroll-area.tsx
@@ -1 +1,144 @@
-export * from "@/registry/core/scroll-area-01";
+"use client";
+
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { type VariantProps, tv } from "tailwind-variants";
+
+const scrollAreaStyles = tv({
+  slots: {
+    root: "flex h-full w-full flex-col overflow-hidden",
+    viewport: "*:block! flex h-full w-full flex-col *:w-fit *:grow",
+    scrollbar:
+      "my-0 flex touch-none select-none flex-col rounded-full bg-gray-800 data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col", // TODO: remove my-0, it was my-1
+    thumb:
+      "before:-translate-y-1/2] relative h-full w-full rounded-[inherit] bg-gray-500 transition-colors before:absolute before:left-1/2 before:top-1/2 before:min-h-4 before:min-w-4 before:-translate-x-1/2 before:content-[''] hover:bg-gray-400",
+  },
+  variants: {
+    size: {
+      sm: {
+        scrollbar:
+          "data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1",
+      },
+      md: {
+        scrollbar:
+          "data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2",
+      },
+      lg: {
+        scrollbar:
+          "data-[orientation=horizontal]:h-3 data-[orientation=vertical]:w-3",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+  },
+});
+
+interface ScrollAreaProps
+  extends ScrollAreaRootProps,
+    Omit<ScrollAreaViewPortProps, "dir">,
+    VariantProps<typeof scrollAreaStyles> {
+  scrollbars?: "vertical" | "horizontal" | "both";
+}
+
+const ScrollArea = React.forwardRef<
+  HTMLDivElement,
+  ScrollAreaProps & { containerClassName?: string }
+>(
+  (
+    {
+      children,
+      scrollbars = "vertical",
+      size,
+      asChild,
+      type,
+      scrollHideDelay = 0,
+      dir,
+      containerClassName,
+      ...viewportProps
+    },
+    ref
+  ) => {
+    return (
+      <ScrollAreaRoot
+        asChild={asChild}
+        scrollHideDelay={scrollHideDelay}
+        dir={dir}
+        type={type}
+        className={containerClassName}
+      >
+        <ScrollAreaViewPort ref={ref} {...viewportProps}>
+          {children}
+        </ScrollAreaViewPort>
+        {scrollbars !== "vertical" && (
+          <ScrollAreaScrollbar orientation="horizontal" size={size} />
+        )}
+        {scrollbars !== "horizontal" && (
+          <ScrollAreaScrollbar orientation="vertical" size={size} />
+        )}
+        {scrollbars === "both" && <ScrollAreaCorner />}
+      </ScrollAreaRoot>
+    );
+  }
+);
+
+ScrollArea.displayName = "ScrollArea";
+
+type ScrollAreaRootProps = ScrollAreaPrimitive.ScrollAreaProps;
+const ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {
+  const { root } = scrollAreaStyles();
+  return (
+    <ScrollAreaPrimitive.Root className={root({ className })} {...props} />
+  );
+};
+
+type ScrollAreaViewPortProps = ScrollAreaPrimitive.ScrollAreaViewportProps;
+const ScrollAreaViewPort = React.forwardRef<
+  HTMLDivElement,
+  ScrollAreaViewPortProps
+>(({ className, ...props }, ref) => {
+  const { viewport } = scrollAreaStyles();
+  return (
+    <ScrollAreaPrimitive.Viewport
+      ref={ref}
+      className={viewport({ className })}
+      {...props}
+    />
+  );
+});
+ScrollAreaViewPort.displayName = "ScrollAreaViewPort";
+
+interface ScrollAreaScrollbarProps
+  extends ScrollAreaPrimitive.ScrollAreaScrollbarProps,
+    VariantProps<typeof scrollAreaStyles> {}
+const ScrollAreaScrollbar = ({
+  className,
+  size,
+  ...props
+}: ScrollAreaScrollbarProps) => {
+  const { scrollbar, thumb } = scrollAreaStyles({ size });
+  return (
+    <ScrollAreaPrimitive.Scrollbar
+      className={scrollbar({ className })}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Thumb className={thumb()} />
+    </ScrollAreaPrimitive.Scrollbar>
+  );
+};
+
+const ScrollAreaCorner = ScrollAreaPrimitive.Corner;
+
+export type {
+  ScrollAreaProps,
+  ScrollAreaRootProps,
+  ScrollAreaViewPortProps,
+  ScrollAreaScrollbarProps,
+};
+export {
+  ScrollArea,
+  ScrollAreaRoot,
+  ScrollAreaViewPort,
+  ScrollAreaScrollbar,
+  ScrollAreaCorner,
+};
diff --git a/www/src/components/core/table.tsx b/www/src/components/core/table.tsx
index 2147cb117..eca0fb18f 100644
--- a/www/src/components/core/table.tsx
+++ b/www/src/components/core/table.tsx
@@ -1 +1,116 @@
-export * from "@/registry/core/table-01";
+import * as React from "react";
+import { cn } from "@/registry/lib/cn";
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+));
+Table.displayName = "Table";
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+));
+TableHeader.displayName = "TableHeader";
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+));
+TableBody.displayName = "TableBody";
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "bg-bg-muted/50 border-t font-medium last:[&>tr]:border-b-0",
+      className
+    )}
+    {...props}
+  />
+));
+TableFooter.displayName = "TableFooter";
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "data-[state=selected]:bg-bg-muted hover:bg-bg-muted/50 border-b transition-colors",
+      className
+    )}
+    {...props}
+  />
+));
+TableRow.displayName = "TableRow";
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "text-fg-muted h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
+      className
+    )}
+    {...props}
+  />
+));
+TableHead.displayName = "TableHead";
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    {...props}
+  />
+));
+TableCell.displayName = "TableCell";
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("text-fg-muted mt-4 text-sm", className)}
+    {...props}
+  />
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index c99a1a8df..6f554a3e5 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -1,66 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type {
-  AlertProps,
-  AlertRootProps,
-  AlertTitleProps,
-  AlertContentProps,
-} from "@/registry/core/alert-01";
-
-export const Alert = createDynamicComponent<AlertProps>("alert", "Alert", {
-  "alert-01": dynamic(
-    () => import("@/__registry__/core/alert-01").then((mod) => mod.Alert),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
-
-export const AlertRoot = createDynamicComponent<AlertRootProps>(
-  "alert",
-  "AlertRoot",
-  {
-    "alert-01": dynamic(
-      () => import("@/__registry__/core/alert-01").then((mod) => mod.AlertRoot),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-
-export const AlertTitle = createDynamicComponent<AlertTitleProps>(
-  "alert",
-  "AlertTitle",
-  {
-    "alert-01": dynamic(
-      () =>
-        import("@/__registry__/core/alert-01").then((mod) => mod.AlertTitle),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-
-export const AlertContent = createDynamicComponent<AlertContentProps>(
-  "alert",
-  "AlertContent",
-  {
-    "alert-01": dynamic(
-      () =>
-        import("@/__registry__/core/alert-01").then((mod) => mod.AlertContent),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/alert-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/avatar.tsx b/www/src/components/dynamic-core/avatar.tsx
index 347845d6f..222c9250f 100644
--- a/www/src/components/dynamic-core/avatar.tsx
+++ b/www/src/components/dynamic-core/avatar.tsx
@@ -1,82 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type {
-  AvatarProps,
-  AvatarRootProps,
-  AvatarImageProps,
-  AvatarFallbackProps,
-  AvatarPlaceholderProps,
-} from "@/registry/core/avatar-01";
-
-export const Avatar = createDynamicComponent<AvatarProps>("avatar", "Avatar", {
-  "avatar-01": dynamic(
-    () => import("@/__registry__/core/avatar-01").then((mod) => mod.Avatar),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
-
-export const AvatarRoot = createDynamicComponent<AvatarRootProps>(
-  "avatar",
-  "AvatarRoot",
-  {
-    "avatar-01": dynamic(
-      () => import("@/__registry__/core/avatar-01").then((mod) => mod.Avatar),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-
-export const AvatarImage = createDynamicComponent<AvatarImageProps>(
-  "avatar",
-  "AvatarImage",
-  {
-    "avatar-01": dynamic(
-      () => import("@/__registry__/core/avatar-01").then((mod) => mod.Avatar),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-
-export const AvatarFallback = createDynamicComponent<AvatarFallbackProps>(
-  "avatar",
-  "AvatarFallback",
-  {
-    "avatar-01": dynamic(
-      () => import("@/__registry__/core/avatar-01").then((mod) => mod.Avatar),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-
-export const AvatarPlaceholder = createDynamicComponent<AvatarPlaceholderProps>(
-  "avatar",
-  "AvatarPlaceholder",
-  {
-    "avatar-01": dynamic(
-      () =>
-        import("@/__registry__/core/avatar-01").then(
-          (mod) => mod.AvatarPlaceholder
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/avatar-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/badge.tsx b/www/src/components/dynamic-core/badge.tsx
index ee1bdcca4..399497299 100644
--- a/www/src/components/dynamic-core/badge.tsx
+++ b/www/src/components/dynamic-core/badge.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/badge-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
index 5336bd081..781209d93 100644
--- a/www/src/components/dynamic-core/breadcrumbs.tsx
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/components/core/breadcrumbs"
\ No newline at end of file
+export * from "@/registry/core/breadcrumbs-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index 3e34e5319..2d2e75daf 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -1,26 +1,31 @@
+// export * from "@/registry/core/button-02";
 "use client";
 
 import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import { ButtonProps } from "@/registry/core/button-01";
 import { buttonStyles as buttonStyles01 } from "@/registry/core/button-01";
 
 export const Button = createDynamicComponent<ButtonProps>("button", "Button", {
-  "button-01": dynamic(
-    () => import("@/__registry__/core/button-01").then((mod) => mod.Button),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
+  "button-01": React.lazy(() =>
+    import("@/__registry__/core/button-01").then((mod) => ({
+      default: mod.Button,
+    }))
   ),
-  "button-02": dynamic(
-    () => import("@/__registry__/core/button-02").then((mod) => mod.Button),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
+  "button-02": React.lazy(() =>
+    import("@/__registry__/core/button-02").then((mod) => ({
+      default: mod.Button,
+    }))
+  ),
+  "button-03": React.lazy(() =>
+    import("@/__registry__/core/button-03").then((mod) => ({
+      default: mod.Button,
+    }))
+  ),
+  "button-04": React.lazy(() =>
+    import("@/__registry__/core/button-04").then((mod) => ({
+      default: mod.Button,
+    }))
   ),
 });
 
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index 27b80c867..64e80e248 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -1,108 +1 @@
-"use client";
-
-import React from "react";
-import { DateValue } from "react-aria-components";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import {
-  CalendarProps,
-  CalendarRootProps,
-  CalendarGridProps,
-  CalendarGridHeaderProps,
-  CalendarHeaderCellProps,
-  CalendarGridBodyProps,
-  CalendarCellProps,
-} from "@/registry/core/calendar-01";
-
-export const Calendar = createDynamicComponent<CalendarProps<DateValue>>(
-  "calendar",
-  "Calendar",
-  {
-    "calendar-01": React.lazy(() =>
-      import("@/__registry__/core/calendar-01").then((module) => ({
-        default: module.Calendar,
-      }))
-    ),
-  }
-);
-
-export const CalendarRoot = createDynamicComponent<
-  CalendarRootProps<DateValue>
->("calendar", "CalendarRoot", {
-  "calendar-01": React.lazy(() =>
-    import("@/__registry__/core/calendar-01").then((module) => ({
-      default: module.CalendarRoot,
-    }))
-  ),
-});
-
-export const CalendarHeader = createDynamicComponent<
-  React.HTMLAttributes<HTMLElement>
->("calendar", "CalendarHeader", {
-  "calendar-01": React.lazy(() =>
-    import("@/__registry__/core/calendar-01").then((module) => ({
-      default: module.CalendarHeader,
-    }))
-  ),
-});
-
-export const CalendarGrid = createDynamicComponent<CalendarGridProps>(
-  "calendar",
-  "CalendarGrid",
-  {
-    "calendar-01": React.lazy(() =>
-      import("@/__registry__/core/calendar-01").then((module) => ({
-        default: module.CalendarGrid,
-      }))
-    ),
-  }
-);
-
-export const CalendarGridHeader =
-  createDynamicComponent<CalendarGridHeaderProps>(
-    "calendar",
-    "CalendarGridHeader",
-    {
-      "calendar-01": React.lazy(() =>
-        import("@/__registry__/core/calendar-01").then((module) => ({
-          default: module.CalendarGridHeader,
-        }))
-      ),
-    }
-  );
-
-export const CalendarHeaderCell =
-  createDynamicComponent<CalendarHeaderCellProps>(
-    "calendar",
-    "CalendarHeaderCell",
-    {
-      "calendar-01": React.lazy(() =>
-        import("@/__registry__/core/calendar-01").then((module) => ({
-          default: module.CalendarHeaderCell,
-        }))
-      ),
-    }
-  );
-
-export const CalendarGridBody = createDynamicComponent<CalendarGridBodyProps>(
-  "calendar",
-  "CalendarGridBody",
-  {
-    "calendar-01": React.lazy(() =>
-      import("@/__registry__/core/calendar-01").then((module) => ({
-        default: module.CalendarGridBody,
-      }))
-    ),
-  }
-);
-
-export const CalendarCell = createDynamicComponent<CalendarCellProps>(
-  "calendar",
-  "CalendarCell",
-  {
-    "calendar-01": React.lazy(() =>
-      import("@/__registry__/core/calendar-01").then((module) => ({
-        default: module.CalendarCell,
-      }))
-    ),
-  }
-);
+export * from "@/registry/core/calendar-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/checkbox-group.tsx b/www/src/components/dynamic-core/checkbox-group.tsx
index 0032a186e..460abbb61 100644
--- a/www/src/components/dynamic-core/checkbox-group.tsx
+++ b/www/src/components/dynamic-core/checkbox-group.tsx
@@ -1,44 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type {
-  CheckboxGroupProps,
-  CheckboxGroupRootProps,
-} from "@/registry/core/checkbox-group-01";
-
-export const CheckboxGroup = createDynamicComponent<CheckboxGroupProps>(
-  "checkbox-group",
-  "CheckboxGroup",
-  {
-    "checkbox-group-01": dynamic(
-      () =>
-        import("@/__registry__/core/checkbox-group-01").then(
-          (mod) => mod.CheckboxGroup
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-
-export const CheckboxGroupRoot = createDynamicComponent<CheckboxGroupRootProps>(
-  "checkbox-group",
-  "CheckboxGroupRoot",
-  {
-    "checkbox-group-01": dynamic(
-      () =>
-        import("@/__registry__/core/checkbox-group-01").then(
-          (mod) => mod.CheckboxGroupRoot
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/checkbox-group-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/checkbox.tsx b/www/src/components/dynamic-core/checkbox.tsx
index 6291ead38..bdc9dcc92 100644
--- a/www/src/components/dynamic-core/checkbox.tsx
+++ b/www/src/components/dynamic-core/checkbox.tsx
@@ -1,22 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { CheckboxProps } from "@/registry/core/checkbox-01";
-
-export const Checkbox = createDynamicComponent<CheckboxProps>(
-  "checkbox",
-  "Checkbox",
-  {
-    "checkbox-01": dynamic(
-      () =>
-        import("@/__registry__/core/checkbox-01").then((mod) => mod.Checkbox),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/checkbox-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-area.tsx b/www/src/components/dynamic-core/color-area.tsx
index 197593344..8191c8f2f 100644
--- a/www/src/components/dynamic-core/color-area.tsx
+++ b/www/src/components/dynamic-core/color-area.tsx
@@ -1,44 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type {
-  ColorAreaProps,
-  ColorAreaRootProps,
-} from "@/registry/core/color-area-01";
-
-export const ColorArea = createDynamicComponent<ColorAreaProps>(
-  "color-area",
-  "ColorArea",
-  {
-    "color-area-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-area-01").then(
-          (mod) => mod.ColorArea
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-
-export const ColorAreaRoot = createDynamicComponent<ColorAreaRootProps>(
-  "color-area",
-  "ColorAreaRoot",
-  {
-    "color-area-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-area-01").then(
-          (mod) => mod.ColorAreaRoot
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/color-area-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-field.tsx b/www/src/components/dynamic-core/color-field.tsx
index 30175fb30..ca17905a9 100644
--- a/www/src/components/dynamic-core/color-field.tsx
+++ b/www/src/components/dynamic-core/color-field.tsx
@@ -1,43 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type {
-  ColorFieldProps,
-  ColorFieldRootProps,
-} from "@/registry/core/color-field-01";
-
-export const ColorField = createDynamicComponent<ColorFieldProps>(
-  "color-field",
-  "ColorField",
-  {
-    "color-field-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-field-01").then(
-          (mod) => mod.ColorField
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-export const ColorFieldRoot = createDynamicComponent<ColorFieldRootProps>(
-  "color-field",
-  "ColorFieldRoot",
-  {
-    "color-field-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-field-01").then(
-          (mod) => mod.ColorFieldRoot
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/color-field-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-picker.tsx b/www/src/components/dynamic-core/color-picker.tsx
index 9afaf6343..679f5565e 100644
--- a/www/src/components/dynamic-core/color-picker.tsx
+++ b/www/src/components/dynamic-core/color-picker.tsx
@@ -1,62 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type {
-  ColorPickerProps,
-  ColorPickerRootProps,
-  ColorEditorProps,
-} from "@/registry/core/color-picker-01";
-
-export const ColorPicker = createDynamicComponent<ColorPickerProps>(
-  "color-picker",
-  "ColorPicker",
-  {
-    "color-picker-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-picker-01").then(
-          (mod) => mod.ColorPicker
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-
-export const ColorPickerRoot = createDynamicComponent<ColorPickerRootProps>(
-  "color-picker",
-  "Badge",
-  {
-    "color-picker-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-picker-01").then(
-          (mod) => mod.ColorPickerRoot
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-
-export const ColorEditor = createDynamicComponent<ColorEditorProps>(
-  "color-picker",
-  "ColorEditor",
-  {
-    "color-picker-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-picker-01").then(
-          (mod) => mod.ColorEditor
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/color-picker-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-slider.tsx b/www/src/components/dynamic-core/color-slider.tsx
index 53ef54063..c4621ec24 100644
--- a/www/src/components/dynamic-core/color-slider.tsx
+++ b/www/src/components/dynamic-core/color-slider.tsx
@@ -1,77 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type {
-  ColorSliderProps,
-  ColorSliderRootProps,
-  ColorSliderOutputProps,
-  ColorSliderTrackProps,
-} from "@/registry/core/color-slider-01";
-
-export const ColorSlider = createDynamicComponent<ColorSliderProps>(
-  "color-slider",
-  "ColorSlider",
-  {
-    "color-slider-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-slider-01").then(
-          (mod) => mod.ColorSlider
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-export const ColorSliderRoot = createDynamicComponent<ColorSliderRootProps>(
-  "color-slider",
-  "ColorSliderRoot",
-  {
-    "color-slider-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-slider-01").then(
-          (mod) => mod.ColorSliderRoot
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-export const ColorSliderOutput = createDynamicComponent<ColorSliderOutputProps>(
-  "color-slider",
-  "ColorSliderOutput",
-  {
-    "color-slider-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-slider-01").then(
-          (mod) => mod.ColorSliderOutput
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-export const ColorSliderTrack = createDynamicComponent<ColorSliderTrackProps>(
-  "color-slider",
-  "ColorSliderTrack",
-  {
-    "color-slider-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-slider-01").then(
-          (mod) => mod.ColorSliderTrack
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/color-slider-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-swatch.tsx b/www/src/components/dynamic-core/color-swatch.tsx
index 648699efe..037cc5d84 100644
--- a/www/src/components/dynamic-core/color-swatch.tsx
+++ b/www/src/components/dynamic-core/color-swatch.tsx
@@ -1,24 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { ColorSwatchProps } from "@/registry/core/color-swatch-01";
-
-export const ColorSwatch = createDynamicComponent<ColorSwatchProps>(
-  "color-swatch",
-  "ColorSwatch",
-  {
-    "color-swatch-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-swatch-01").then(
-          (mod) => mod.ColorSwatch
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/color-swatch-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/color-thumb.tsx b/www/src/components/dynamic-core/color-thumb.tsx
index 11a234c3b..6fa8103ed 100644
--- a/www/src/components/dynamic-core/color-thumb.tsx
+++ b/www/src/components/dynamic-core/color-thumb.tsx
@@ -1,24 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { ColorThumbProps } from "@/registry/core/color-thumb-01";
-
-export const ColorThumb = createDynamicComponent<ColorThumbProps>(
-  "color-thumb",
-  "ColorThumb",
-  {
-    "color-thumb-01": dynamic(
-      () =>
-        import("@/__registry__/core/color-thumb-01").then(
-          (mod) => mod.ColorThumb
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/color-thumb-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/combobox.tsx b/www/src/components/dynamic-core/combobox.tsx
index e2fa02a0d..0b5913a8a 100644
--- a/www/src/components/dynamic-core/combobox.tsx
+++ b/www/src/components/dynamic-core/combobox.tsx
@@ -1,42 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type {
-  ComboboxProps,
-  ComboboxRootProps,
-} from "@/registry/core/combobox-01";
-
-export const Combobox = createDynamicComponent<ComboboxProps<object>>(
-  "combobox",
-  "Combobox",
-  {
-    "combobox-01": dynamic(
-      () =>
-        import("@/__registry__/core/combobox-01").then((mod) => mod.Combobox),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
-
-export const ComboboxRoot = createDynamicComponent<ComboboxRootProps<object>>(
-  "combobox",
-  "ComboboxRoot",
-  {
-    "combobox-01": dynamic(
-      () =>
-        import("@/__registry__/core/combobox-01").then(
-          (mod) => mod.ComboboxRoot
-        ),
-      {
-        loading: () => <Loader2Icon className="size-6 animate-spin" />,
-        ssr: false,
-      }
-    ),
-  }
-);
+export * from "@/registry/core/combobox-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/contextual-help.tsx b/www/src/components/dynamic-core/contextual-help.tsx
index ee1bdcca4..0450a2f4f 100644
--- a/www/src/components/dynamic-core/contextual-help.tsx
+++ b/www/src/components/dynamic-core/contextual-help.tsx
@@ -1,17 +1,39 @@
-"use client";
+import { InfoIcon, HelpCircleIcon } from "lucide-react";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, Dialog } from "@/registry/core/dialog-01";
 
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
+interface ContextualHelpProps {
+  title?: string;
+  description?: string;
+  variant?: "info" | "help";
+}
 
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+const ContextualHelp = ({
+  title,
+  description,
+  variant,
+}: ContextualHelpProps) => {
+  const icon = variant === "info" ? <InfoIcon /> : <HelpCircleIcon />;
+  return (
+    <DialogRoot>
+      <Button
+        slot={null}
+        aria-label={variant}
+        variant="quiet"
+        size="sm"
+        shape="square"
+        className="size-6"
+      >
+        {icon}
+      </Button>
+      <Dialog
+        type="popover"
+        mobileType="modal"
+        title={title}
+        description={description}
+      />
+    </DialogRoot>
+  );
+};
+
+export { ContextualHelp };
diff --git a/www/src/components/dynamic-core/date-field.tsx b/www/src/components/dynamic-core/date-field.tsx
index ee1bdcca4..e8788855f 100644
--- a/www/src/components/dynamic-core/date-field.tsx
+++ b/www/src/components/dynamic-core/date-field.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/date-field-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/date-input.tsx b/www/src/components/dynamic-core/date-input.tsx
index ee1bdcca4..4161fa6af 100644
--- a/www/src/components/dynamic-core/date-input.tsx
+++ b/www/src/components/dynamic-core/date-input.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/date-input-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/date-picker.tsx b/www/src/components/dynamic-core/date-picker.tsx
index ee1bdcca4..c58d4c406 100644
--- a/www/src/components/dynamic-core/date-picker.tsx
+++ b/www/src/components/dynamic-core/date-picker.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/date-picker-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/date-range-picker.tsx b/www/src/components/dynamic-core/date-range-picker.tsx
index ee1bdcca4..c3d764f1e 100644
--- a/www/src/components/dynamic-core/date-range-picker.tsx
+++ b/www/src/components/dynamic-core/date-range-picker.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/date-range-picker-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/dialog.tsx b/www/src/components/dynamic-core/dialog.tsx
index ee1bdcca4..7fced1aed 100644
--- a/www/src/components/dynamic-core/dialog.tsx
+++ b/www/src/components/dynamic-core/dialog.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/dialog-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/drop-zone.tsx b/www/src/components/dynamic-core/drop-zone.tsx
index ee1bdcca4..47abd6f39 100644
--- a/www/src/components/dynamic-core/drop-zone.tsx
+++ b/www/src/components/dynamic-core/drop-zone.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/drop-zone-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/field.tsx b/www/src/components/dynamic-core/field.tsx
index ee1bdcca4..d93fefc96 100644
--- a/www/src/components/dynamic-core/field.tsx
+++ b/www/src/components/dynamic-core/field.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/field-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/file-trigger.tsx b/www/src/components/dynamic-core/file-trigger.tsx
index ee1bdcca4..fcbf112ce 100644
--- a/www/src/components/dynamic-core/file-trigger.tsx
+++ b/www/src/components/dynamic-core/file-trigger.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/file-trigger-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/form.tsx b/www/src/components/dynamic-core/form.tsx
index ee1bdcca4..67065ec60 100644
--- a/www/src/components/dynamic-core/form.tsx
+++ b/www/src/components/dynamic-core/form.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/form-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/group.tsx b/www/src/components/dynamic-core/group.tsx
index ee1bdcca4..d3ec60da8 100644
--- a/www/src/components/dynamic-core/group.tsx
+++ b/www/src/components/dynamic-core/group.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/group-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/heading.tsx b/www/src/components/dynamic-core/heading.tsx
index ee1bdcca4..890ba31d9 100644
--- a/www/src/components/dynamic-core/heading.tsx
+++ b/www/src/components/dynamic-core/heading.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/heading-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/input.tsx b/www/src/components/dynamic-core/input.tsx
index ee1bdcca4..39f95f7bb 100644
--- a/www/src/components/dynamic-core/input.tsx
+++ b/www/src/components/dynamic-core/input.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/input-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/kbd.tsx b/www/src/components/dynamic-core/kbd.tsx
index ee1bdcca4..39bc9c9f1 100644
--- a/www/src/components/dynamic-core/kbd.tsx
+++ b/www/src/components/dynamic-core/kbd.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/kbd-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/link.tsx b/www/src/components/dynamic-core/link.tsx
index ee1bdcca4..7a2b8ea14 100644
--- a/www/src/components/dynamic-core/link.tsx
+++ b/www/src/components/dynamic-core/link.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/link-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/list-box.tsx b/www/src/components/dynamic-core/list-box.tsx
index ee1bdcca4..b6b1dcbd9 100644
--- a/www/src/components/dynamic-core/list-box.tsx
+++ b/www/src/components/dynamic-core/list-box.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/list-box-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/menu.tsx b/www/src/components/dynamic-core/menu.tsx
index ee1bdcca4..85a965c66 100644
--- a/www/src/components/dynamic-core/menu.tsx
+++ b/www/src/components/dynamic-core/menu.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/menu-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/number-field.tsx b/www/src/components/dynamic-core/number-field.tsx
index ee1bdcca4..046eb7872 100644
--- a/www/src/components/dynamic-core/number-field.tsx
+++ b/www/src/components/dynamic-core/number-field.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/number-field-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/overlay.tsx b/www/src/components/dynamic-core/overlay.tsx
index ee1bdcca4..335e93ac5 100644
--- a/www/src/components/dynamic-core/overlay.tsx
+++ b/www/src/components/dynamic-core/overlay.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/overlay-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/progress.tsx b/www/src/components/dynamic-core/progress.tsx
index ee1bdcca4..6b972346a 100644
--- a/www/src/components/dynamic-core/progress.tsx
+++ b/www/src/components/dynamic-core/progress.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/progress-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/radio-group.tsx b/www/src/components/dynamic-core/radio-group.tsx
index ee1bdcca4..7ebadf767 100644
--- a/www/src/components/dynamic-core/radio-group.tsx
+++ b/www/src/components/dynamic-core/radio-group.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/radio-group-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/range-calendar.tsx b/www/src/components/dynamic-core/range-calendar.tsx
index ee1bdcca4..0057c17f3 100644
--- a/www/src/components/dynamic-core/range-calendar.tsx
+++ b/www/src/components/dynamic-core/range-calendar.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/range-calendar-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/search-field.tsx b/www/src/components/dynamic-core/search-field.tsx
index ee1bdcca4..2e80ee93f 100644
--- a/www/src/components/dynamic-core/search-field.tsx
+++ b/www/src/components/dynamic-core/search-field.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/search-field-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/section.tsx b/www/src/components/dynamic-core/section.tsx
index ee1bdcca4..2057b11b1 100644
--- a/www/src/components/dynamic-core/section.tsx
+++ b/www/src/components/dynamic-core/section.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/section-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/select.tsx b/www/src/components/dynamic-core/select.tsx
index ee1bdcca4..b2a83ad04 100644
--- a/www/src/components/dynamic-core/select.tsx
+++ b/www/src/components/dynamic-core/select.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/select-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/separator.tsx b/www/src/components/dynamic-core/separator.tsx
index ee1bdcca4..f1e30229e 100644
--- a/www/src/components/dynamic-core/separator.tsx
+++ b/www/src/components/dynamic-core/separator.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/separator-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/skeleton.tsx b/www/src/components/dynamic-core/skeleton.tsx
index ee1bdcca4..e9dc590c4 100644
--- a/www/src/components/dynamic-core/skeleton.tsx
+++ b/www/src/components/dynamic-core/skeleton.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/skeleton-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/slider.tsx b/www/src/components/dynamic-core/slider.tsx
index ee1bdcca4..fda126f24 100644
--- a/www/src/components/dynamic-core/slider.tsx
+++ b/www/src/components/dynamic-core/slider.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/slider-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/switch.tsx b/www/src/components/dynamic-core/switch.tsx
index ee1bdcca4..4ad07682f 100644
--- a/www/src/components/dynamic-core/switch.tsx
+++ b/www/src/components/dynamic-core/switch.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/switch-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/table.tsx b/www/src/components/dynamic-core/table.tsx
deleted file mode 100644
index ee1bdcca4..000000000
--- a/www/src/components/dynamic-core/table.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
index ee1bdcca4..c58df16f8 100644
--- a/www/src/components/dynamic-core/tabs.tsx
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/tabs-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/tag-group.tsx b/www/src/components/dynamic-core/tag-group.tsx
index ee1bdcca4..0daa83c88 100644
--- a/www/src/components/dynamic-core/tag-group.tsx
+++ b/www/src/components/dynamic-core/tag-group.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/tag-group-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/text-area.tsx b/www/src/components/dynamic-core/text-area.tsx
index ee1bdcca4..06e7d9a2c 100644
--- a/www/src/components/dynamic-core/text-area.tsx
+++ b/www/src/components/dynamic-core/text-area.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/text-area-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/text-field.tsx b/www/src/components/dynamic-core/text-field.tsx
index ee1bdcca4..a06a849dc 100644
--- a/www/src/components/dynamic-core/text-field.tsx
+++ b/www/src/components/dynamic-core/text-field.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/text-field-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/text.tsx b/www/src/components/dynamic-core/text.tsx
index ee1bdcca4..8c019eca2 100644
--- a/www/src/components/dynamic-core/text.tsx
+++ b/www/src/components/dynamic-core/text.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/text-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/time-field.tsx b/www/src/components/dynamic-core/time-field.tsx
index ee1bdcca4..7326af006 100644
--- a/www/src/components/dynamic-core/time-field.tsx
+++ b/www/src/components/dynamic-core/time-field.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/time-field-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/toggle-button.tsx b/www/src/components/dynamic-core/toggle-button.tsx
index ee1bdcca4..001317c54 100644
--- a/www/src/components/dynamic-core/toggle-button.tsx
+++ b/www/src/components/dynamic-core/toggle-button.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/toggle-button-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/toggle-group.tsx b/www/src/components/dynamic-core/toggle-group.tsx
index ee1bdcca4..876647fbc 100644
--- a/www/src/components/dynamic-core/toggle-group.tsx
+++ b/www/src/components/dynamic-core/toggle-group.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/toggle-group-01"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index ee1bdcca4..8d3a62ee1 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -1,17 +1 @@
-"use client";
-
-import React from "react";
-import dynamic from "next/dynamic";
-import { Loader2Icon } from "lucide-react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import type { BadgeProps } from "@/registry/core/badge-01";
-
-export const Badge = createDynamicComponent<BadgeProps>("badge", "Badge", {
-  "badge-01": dynamic(
-    () => import("@/__registry__/core/badge-01").then((mod) => mod.Badge),
-    {
-      loading: () => <Loader2Icon className="size-6 animate-spin" />,
-      ssr: false,
-    }
-  ),
-});
+export * from "@/registry/core/tooltip-01"
\ No newline at end of file
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index 36b0460f3..a8bdb8ea5 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -4,6 +4,7 @@ import React, { ReactNode } from "react";
 import { Loader2Icon } from "lucide-react";
 import { cn } from "@/lib/cn";
 import { googleFonts } from "@/lib/fonts";
+import { useDebounce } from "@/hooks/use-debounce";
 import { useMounted } from "@/hooks/use-mounted";
 import { useThemes } from "@/hooks/use-themes";
 import { Skeleton } from "@/components/core/skeleton";
@@ -20,7 +21,8 @@ export const ThemeOverride = React.forwardRef<
   const { currentTheme, mode, fonts } = useThemes();
   const headingFont = googleFonts.find((f) => f.id === fonts.heading);
   const bodyFont = googleFonts.find((f) => f.id === fonts.body);
-  const mounted = useMounted();
+  const isMounted = useMounted();
+  const debouncedIsMounted = useDebounce(isMounted, 500);
 
   // fonts
   React.useEffect(() => {
@@ -53,27 +55,20 @@ export const ThemeOverride = React.forwardRef<
     )
   );
 
-  // if (fallback && !mounted) {
-  //   return fallback;
-  // }
-
   return (
     <div
       ref={ref}
       {...props}
       style={
         {
-          ...(mounted ? styles : {}),
+          ...(debouncedIsMounted ? styles : {}),
           ...baseCssVars,
-          // TODO: fix fonts
-          // "--font-heading": headingFont?.name,
-          // "--font-body": bodyFont?.name,
           "--radius": `${currentTheme.radius}rem`,
         } as React.CSSProperties
       }
       className={cn("bg-bg text-fg", props.className)}
     >
-      {children}
+      <Skeleton show={!debouncedIsMounted}>{children}</Skeleton>
     </div>
   );
 });
diff --git a/www/src/hooks/use-debounce.ts b/www/src/hooks/use-debounce.ts
new file mode 100644
index 000000000..966f41df8
--- /dev/null
+++ b/www/src/hooks/use-debounce.ts
@@ -0,0 +1,17 @@
+import React from "react";
+
+export function useDebounce<T>(value: T, delay: number): T {
+  const [debouncedValue, setDebouncedValue] = React.useState(value);
+
+  React.useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+
+  return debouncedValue;
+}
\ No newline at end of file
diff --git a/www/src/hooks/use-themes.ts b/www/src/hooks/use-themes.ts
index 5a028b095..cab0e3a66 100644
--- a/www/src/hooks/use-themes.ts
+++ b/www/src/hooks/use-themes.ts
@@ -184,6 +184,16 @@ export const useThemes = () => {
     });
   };
 
+  const updateVariant = (variant: string, value: string) => {
+    if (!isCurrentThemeEditable) return;
+    setState((draft) => {
+      const theme = draft.themes.find((t) => t.id === draft.currentThemeId);
+      if (theme) {
+        theme.variants[variant] = value;
+      }
+    });
+  };
+
   const showKeyboardHint = state.showKeyboardHint;
   const setShowKeyboardHint = (value: boolean) => {
     setState((draft) => {
@@ -214,5 +224,6 @@ export const useThemes = () => {
     showKeyboardHint,
     setShowKeyboardHint,
     currentVariants: currentTheme.variants,
+    updateVariant
   };
 };
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index c49d43798..73bd9bb77 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -21,10 +21,14 @@ export const createDynamicComponent = <Props extends {}>(
 
     const LazyComponent = registry[variant];
 
-    return <LazyComponent {...props} />;
+    return (
+      <React.Suspense fallback={null}>
+        <LazyComponent {...props} />
+      </React.Suspense>
+    );
   };
 
   Component.displayName = componentName;
 
   return Component;
-};
\ No newline at end of file
+};
diff --git a/www/src/registry/core/button-01.tsx b/www/src/registry/core/button-01.tsx
index 4e863a83f..c677ce0b1 100644
--- a/www/src/registry/core/button-01.tsx
+++ b/www/src/registry/core/button-01.tsx
@@ -15,7 +15,7 @@ import { focusRing } from "@/registry/lib/focus-styles";
 const buttonStyles = tv(
   {
     extend: focusRing,
-    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
     variants: {
       variant: {
         default:
diff --git a/www/src/registry/core/button-02.tsx b/www/src/registry/core/button-02.tsx
index bcbd5306d..50823bceb 100644
--- a/www/src/registry/core/button-02.tsx
+++ b/www/src/registry/core/button-02.tsx
@@ -15,25 +15,25 @@ import { focusRing } from "@/registry/lib/focus-styles";
 const buttonStyles = tv(
   {
     extend: focusRing,
-    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal ring-0 ring-transparent transition-[background,box-shadow] hover:ring-4 disabled:cursor-default",
     variants: {
       variant: {
         default:
-          "hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
+          "bg-bg-neutral hover:bg-bg-neutral-hover hover:ring-bg-neutral/50 pressed:bg-bg-neutral-active text-fg-onNeutral",
         primary:
-          "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
+          "bg-bg-primary hover:bg-bg-primary-hover hover:ring-bg-primary/50 pressed:bg-bg-primary-active text-fg-onPrimary",
         quiet:
-          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
+          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg hover:ring-bg-neutral/50 bg-transparent",
         outline:
-          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 hover:ring-bg-neutral/50 text-fg disabled:border-border-disabled border disabled:bg-transparent",
         accent:
-          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent hover:ring-bg-accent/40",
         success:
-          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess hover:ring-bg-success/40",
         warning:
-          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning hover:ring-bg-warning/40",
         danger:
-          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
+          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger hover:ring-bg-danger/40",
       },
       size: {
         sm: "size-8 [&_svg]:size-4",
diff --git a/www/src/registry/core/button-03.tsx b/www/src/registry/core/button-03.tsx
new file mode 100644
index 000000000..239bbddef
--- /dev/null
+++ b/www/src/registry/core/button-03.tsx
@@ -0,0 +1,132 @@
+"use client";
+
+import * as React from "react";
+import { Loader2Icon } from "lucide-react";
+import {
+  composeRenderProps,
+  Button as AriaButton,
+  Link as AriaLink,
+  type ButtonProps as AriaButtonProps,
+  type LinkProps as AriaLinkProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const buttonStyles = tv(
+  {
+    extend: focusRing,
+    base: [
+      "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
+      "shadow-brutalism hover:translate-x-(--box-shadow-x) hover:translate-y-(--box-shadow-y) hover:shadow-none",
+    ],
+    variants: {
+      variant: {
+        default:
+          "bg-bg-neutral text-fg-onNeutral",
+        primary:
+          "bg-bg-primary text-fg-onPrimary",
+        quiet:
+          "text-fg bg-transparent",
+        outline:
+          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+        accent:
+          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+        success:
+          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+        warning:
+          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+        danger:
+          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
+      },
+      size: {
+        sm: "size-8 [&_svg]:size-4",
+        md: "size-9 [&_svg]:size-4",
+        lg: "size-10 [&_svg]:size-5",
+      },
+      shape: {
+        rectangle: "",
+        square: "",
+        circle: "rounded-full",
+      },
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        shape: "rectangle",
+        className: "w-auto px-3",
+      },
+      {
+        size: "md",
+        shape: "rectangle",
+        className: "w-auto px-4",
+      },
+      {
+        size: "lg",
+        shape: "rectangle",
+        className: "w-auto px-5",
+      },
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      shape: "rectangle",
+    },
+  },
+  {
+    responsiveVariants: ["sm", "lg"],
+  }
+);
+
+interface ButtonProps
+  extends Omit<AriaButtonProps, "className">,
+    Omit<AriaLinkProps, "className" | "children" | "style">,
+    VariantProps<typeof buttonStyles> {
+  className?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+
+const Button = React.forwardRef(
+  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
+    const contextProps = useButtonContext();
+    const props = { ...contextProps, ...localProps };
+
+    const { className, variant, size, shape, prefix, suffix, ...restProps } =
+      props;
+
+    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
+
+    return (
+      <Element
+        ref={ref}
+        {...restProps}
+        className={buttonStyles({ variant, size, shape, className })}
+      >
+        {composeRenderProps(props.children, (children, { isPending }) => (
+          <>
+            {isPending && (
+              <Loader2Icon aria-label="loading" className="animate-spin" />
+            )}
+            {prefix}
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
+            {suffix}
+          </>
+        ))}
+      </Element>
+    );
+  }
+);
+Button.displayName = "Button";
+
+type ButtonContextValue = VariantProps<typeof buttonStyles>;
+const ButtonContext = React.createContext<ButtonContextValue>({});
+const useButtonContext = () => {
+  return React.useContext(ButtonContext);
+};
+
+export type { ButtonProps };
+export { Button, buttonStyles, ButtonContext };
diff --git a/www/src/registry/core/button-04.tsx b/www/src/registry/core/button-04.tsx
new file mode 100644
index 000000000..331dab153
--- /dev/null
+++ b/www/src/registry/core/button-04.tsx
@@ -0,0 +1,150 @@
+"use client";
+
+import * as React from "react";
+import { Loader2Icon } from "lucide-react";
+import { chain } from "react-aria";
+import {
+  composeRenderProps,
+  Button as AriaButton,
+  Link as AriaLink,
+  type ButtonProps as AriaButtonProps,
+  type LinkProps as AriaLinkProps,
+  PressEvent,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Ripple } from "@/registry/core/ripple";
+import { useRipple } from "@/registry/hooks/use-ripple";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const buttonStyles = tv(
+  {
+    extend: focusRing,
+    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    variants: {
+      variant: {
+        default:
+          "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
+        primary:
+          "bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary",
+        quiet:
+          "hover:bg-bg-inverse/10 text-fg bg-transparent",
+        outline:
+          "border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+        accent:
+          "bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent",
+        success:
+          "bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess",
+        warning:
+          "bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning",
+        danger:
+          "bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger",
+      },
+      size: {
+        sm: "size-8 [&_svg]:size-4",
+        md: "size-9 [&_svg]:size-4",
+        lg: "size-10 [&_svg]:size-5",
+      },
+      shape: {
+        rectangle: "",
+        square: "",
+        circle: "rounded-full",
+      },
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        shape: "rectangle",
+        className: "w-auto px-3",
+      },
+      {
+        size: "md",
+        shape: "rectangle",
+        className: "w-auto px-4",
+      },
+      {
+        size: "lg",
+        shape: "rectangle",
+        className: "w-auto px-5",
+      },
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      shape: "rectangle",
+    },
+  },
+  {
+    responsiveVariants: ["sm", "lg"],
+  }
+);
+
+interface ButtonProps
+  extends Omit<AriaButtonProps, "className">,
+    Omit<AriaLinkProps, "className" | "children" | "style">,
+    VariantProps<typeof buttonStyles> {
+  className?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+
+const Button = React.forwardRef(
+  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
+    const contextProps = useButtonContext();
+    const props = { ...contextProps, ...localProps };
+
+    const { className, variant, size, shape, prefix, suffix, ...restProps } =
+      props;
+
+    const {
+      onPress: onRipplePressHandler,
+      onClear: onClearRipple,
+      ripples,
+    } = useRipple();
+
+    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
+
+    const handlePress = React.useCallback(
+      (e: PressEvent) => {
+        // if (disableRipple || isDisabled || disableAnimation) return;
+         onRipplePressHandler(e);
+        // domRef.current && onRipplePressHandler(e);
+      },
+      [onRipplePressHandler],
+    );
+
+    return (
+      <Element
+        ref={ref}
+        {...restProps}
+        className={buttonStyles({ variant, size, shape, className })}
+        onPress={chain(props.onPress, handlePress)}
+      >
+        {composeRenderProps(props.children, (children, { isPending }) => (
+          <>
+            <Ripple ripples={ripples} onClear={onClearRipple} />
+            {isPending && (
+              <Loader2Icon aria-label="loading" className="animate-spin" />
+            )}
+            {prefix}
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
+            {suffix}
+          </>
+        ))}
+      </Element>
+    );
+  }
+);
+Button.displayName = "Button";
+
+type ButtonContextValue = VariantProps<typeof buttonStyles>;
+const ButtonContext = React.createContext<ButtonContextValue>({});
+const useButtonContext = () => {
+  return React.useContext(ButtonContext);
+};
+
+export type { ButtonProps };
+export { Button, buttonStyles, ButtonContext };
diff --git a/www/src/registry/core/collapsible-01.tsx b/www/src/registry/core/collapsible-01.tsx
deleted file mode 100644
index 94b1cbe03..000000000
--- a/www/src/registry/core/collapsible-01.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-import React from "react";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { cn } from "@/registry/lib/cn";
-
-const CollapsibleRoot = CollapsiblePrimitive.Root;
-
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
-
-const CollapsibleContent = React.forwardRef<
-  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,
-  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>
->(({ className, ...props }, ref) => (
-  <CollapsiblePrimitive.CollapsibleContent
-    ref={ref}
-    className={cn(
-      "data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden duration-75",
-      className
-    )}
-    {...props}
-  />
-));
-
-CollapsibleContent.displayName = "CollapsibleContent";
-
-export {
-  CollapsibleRoot,
-  CollapsibleRoot as Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent,
-};
diff --git a/www/src/registry/core/command-01.tsx b/www/src/registry/core/command-01.tsx
deleted file mode 100644
index bb3148095..000000000
--- a/www/src/registry/core/command-01.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { SearchIcon } from "lucide-react";
-import { cn } from "@/registry/lib/cn";
-
-type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
-const CommandRoot = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive>,
-  CommandRootProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive
-    ref={ref}
-    className={cn(
-      "bg-bg text-fg flex h-full w-full flex-col overflow-hidden rounded-md",
-      className
-    )}
-    {...props}
-  />
-));
-CommandRoot.displayName = CommandPrimitive.displayName;
-
-type CommandInputProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Input
-> & {
-  wrapperClassName?: string;
-  icon?: React.ReactNode;
-};
-const CommandInput = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Input>,
-  CommandInputProps
->(({ className, wrapperClassName, icon, ...props }, ref) => (
-  <div
-    className={cn("flex items-center gap-2 border-b px-3", wrapperClassName)}
-    cmdk-input-wrapper=""
-  >
-    {icon || <SearchIcon className="size-4 shrink-0" />}
-    <CommandPrimitive.Input
-      ref={ref}
-      className={cn(
-        "placeholder:text-fg-muted outline-hidden flex h-11 w-full rounded-md bg-transparent py-3 text-base disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
-        className
-      )}
-      {...props}
-    />
-  </div>
-));
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-
-type CommandListProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.List
->;
-const CommandList = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.List>,
-  CommandListProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.List
-    ref={ref}
-    className={cn("flex-1 overflow-y-auto overflow-x-hidden", className)}
-    {...props}
-  />
-));
-CommandList.displayName = CommandPrimitive.List.displayName;
-
-type CommandEmptyProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Empty
->;
-const CommandEmpty = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Empty>,
-  CommandEmptyProps
->((props, ref) => (
-  <CommandPrimitive.Empty
-    ref={ref}
-    className="py-6 text-center text-sm"
-    {...props}
-  />
-));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-
-type CommandGroupProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Group
->;
-const CommandGroup = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Group>,
-  CommandGroupProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Group
-    ref={ref}
-    className={cn(
-      "text-fg [&_[cmdk-group-heading]]:text-fg-muted overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-      className
-    )}
-    {...props}
-  />
-));
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-
-type CommandSeparatorProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Separator
->;
-const CommandSeparator = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Separator>,
-  CommandSeparatorProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Separator
-    ref={ref}
-    className={cn(
-      "bg-border separator h-px w-full shrink-0 border-0",
-      className
-    )}
-    // className={cn("-mx-1 h-px bg-border", className)}
-    {...props}
-  />
-));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-
-type CommandItemProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Item
->;
-const CommandItem = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Item>,
-  CommandItemProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Item
-    ref={ref}
-    className={cn(
-      "aria-selected:bg-bg-muted aria-selected:text-fg outline-hidden relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm transition-colors",
-      className
-    )}
-    {...props}
-  />
-));
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-
-type CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
-const CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {
-  return (
-    <span
-      className={cn("text-fg-muted ml-auto text-xs tracking-widest", className)}
-      {...props}
-    />
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-
-export {
-  CommandRoot,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator,
-};
-
-export type {
-  CommandRootProps,
-  CommandInputProps,
-  CommandListProps,
-  CommandEmptyProps,
-  CommandGroupProps,
-  CommandSeparatorProps,
-  CommandItemProps,
-  CommandShortcutProps,
-};
diff --git a/www/src/registry/core/contextual-help-01.tsx b/www/src/registry/core/contextual-help-01.tsx
deleted file mode 100644
index 72deed5c1..000000000
--- a/www/src/registry/core/contextual-help-01.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { InfoIcon, HelpCircleIcon } from "lucide-react";
-import { Button } from "@/registry/core/button-01";
-import { DialogRoot, Dialog } from "@/registry/core/dialog-01";
-
-interface ContextualHelpProps {
-  title?: string;
-  description?: string;
-  variant?: "info" | "help";
-}
-
-const ContextualHelp = ({
-  title,
-  description,
-  variant,
-}: ContextualHelpProps) => {
-  const icon = variant === "info" ? <InfoIcon /> : <HelpCircleIcon />;
-  return (
-    <DialogRoot>
-      <Button
-        slot={null}
-        aria-label={variant}
-        variant="quiet"
-        size="sm"
-        shape="square"
-        className="size-6"
-      >
-        {icon}
-      </Button>
-      <Dialog
-        type="popover"
-        mobileType="modal"
-        title={title}
-        description={description}
-      />
-    </DialogRoot>
-  );
-};
-
-export { ContextualHelp };
diff --git a/www/src/registry/core/input-02.tsx b/www/src/registry/core/input-02.tsx
new file mode 100644
index 000000000..1402c0de4
--- /dev/null
+++ b/www/src/registry/core/input-02.tsx
@@ -0,0 +1,212 @@
+"use client";
+
+import * as React from "react";
+import { mergeRefs, chain } from "@react-aria/utils";
+import { useControlledState } from "@react-stately/utils";
+import { Loader2Icon } from "lucide-react";
+import {
+  Provider,
+  composeRenderProps,
+  Input as AriaInput,
+  Group as AriaGroup,
+  TextArea as AriaTextArea,
+  InputContext as AriaInputContext,
+  TextAreaContext as AriaTextAreaContext,
+  type TextAreaProps as AriaTextAreaProps,
+  type GroupProps as AriaGroupProps,
+  type InputProps as AriaInputProps,
+  useSlottedContext,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusInput } from "@/registry/lib/focus-styles";
+
+const inputStyles = tv({
+  slots: {
+    root: [
+      focusInput(),
+      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
+      "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
+      "invalid:border-border-danger focus-within:invalid:border-border",
+    ],
+    input: [
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
+    ],
+  },
+  variants: {
+    size: {
+      sm: { root: "h-8" },
+      md: { root: "h-9" },
+      lg: { root: "h-10" },
+    },
+    multiline: {
+      true: {
+        root: "h-auto flex-col items-stretch p-2",
+        input: "min-h-14 resize-none overflow-auto",
+      },
+      false: {
+        input: "flex-1",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+    multiline: false,
+  },
+});
+
+interface TextAreaInputProps extends Omit<AriaTextAreaProps, "className"> {
+  className?: string;
+}
+const TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(
+  ({ className, onChange, rows = 1, ...props }, forwardedRef) => {
+    const { input } = inputStyles({ multiline: true });
+    const [inputValue, setInputValue] = useControlledState(
+      props.value,
+      props.defaultValue ?? "",
+      () => {
+        // Do nothing
+      }
+    );
+    const inputRef = React.useRef<HTMLTextAreaElement>(null);
+
+    const onHeightChange = React.useCallback(() => {
+      if (inputRef.current) {
+        const input = inputRef.current;
+        const prevAlignment = input.style.alignSelf;
+        const prevOverflow = input.style.overflow;
+        const isFirefox = "MozAppearance" in input.style;
+        if (!isFirefox) {
+          input.style.overflow = "hidden";
+        }
+        input.style.alignSelf = "start";
+        input.style.height = "auto";
+        input.style.height = `${
+          input.scrollHeight + (input.offsetHeight - input.clientHeight)
+        }px`;
+        input.style.overflow = prevOverflow;
+        input.style.alignSelf = prevAlignment;
+      }
+    }, [inputRef]);
+
+    React.useLayoutEffect(() => {
+      if (inputRef.current) {
+        onHeightChange();
+      }
+    }, [onHeightChange, inputValue, inputRef]);
+
+    return (
+      <AriaTextArea
+        ref={mergeRefs(inputRef, forwardedRef)}
+        className={input({ className })}
+        onChange={chain(onChange, setInputValue)}
+        rows={rows}
+        {...props}
+      />
+    );
+  }
+);
+TextAreaInput.displayName = "TextAreaInput";
+
+interface InputProps
+  extends Omit<AriaInputProps, "className" | "size" | "prefix"> {
+  className?: string;
+}
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, ...props }, ref) => {
+    const { input } = inputStyles();
+    return <AriaInput ref={ref} className={input({ className })} {...props} />;
+  }
+);
+Input.displayName = "Input";
+
+interface InputRootProps
+  extends Omit<AriaGroupProps, "className" | "prefix">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  isLoading?: boolean;
+  loaderPosition?: "prefix" | "suffix";
+  className?: string;
+}
+const InputRoot = ({
+  className,
+  prefix,
+  suffix,
+  isLoading,
+  loaderPosition,
+  size,
+  multiline,
+  ...props
+}: InputRootProps) => {
+  const { root } = inputStyles({ size, multiline });
+  const inputContext = useSlottedContext(AriaInputContext);
+  const textAreaContext = useSlottedContext(AriaTextAreaContext);
+  const inputRef = React.useRef(null);
+  const isDisabled =
+    props.isDisabled || inputContext?.disabled || textAreaContext?.disabled;
+  const isInvalid =
+    props.isInvalid ||
+    (!!inputContext?.["aria-invalid"] &&
+      inputContext["aria-invalid"] !== "false") ||
+    (!!textAreaContext?.["aria-invalid"] &&
+      textAreaContext["aria-invalid"] !== "false");
+
+  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {
+    const target = event.target as HTMLElement;
+    if (target.closest("input, button, a")) return;
+    const input = (
+      inputRef as React.RefObject<HTMLInputElement | HTMLTextAreaElement>
+    ).current;
+    if (!input) return;
+    requestAnimationFrame(() => {
+      input.focus();
+    });
+  };
+
+  return (
+    <AriaGroup
+      role="presentation"
+      {...props}
+      onPointerDown={handlePointerDown}
+      isDisabled={isDisabled}
+      isInvalid={isInvalid}
+      className={root({ className })}
+    >
+      {composeRenderProps(props.children, (children) => (
+        <Provider
+          values={[
+            [
+              AriaInputContext,
+              {
+                ...inputContext,
+                ref: mergeRefs(inputRef, inputContext?.ref ?? null),
+              },
+            ],
+            [
+              AriaTextAreaContext,
+              {
+                ...textAreaContext,
+                ref: mergeRefs(inputRef, textAreaContext?.ref ?? null),
+              },
+            ],
+          ]}
+        >
+          {isLoading && loaderPosition === "prefix" ? (
+            <Loader2Icon className="animate-spin" />
+          ) : (
+            prefix
+          )}
+          {children}
+          {isLoading && loaderPosition === "suffix" ? (
+            <Loader2Icon className="animate-spin" />
+          ) : (
+            suffix
+          )}
+        </Provider>
+      ))}
+    </AriaGroup>
+  );
+};
+
+export type { InputProps, InputRootProps, TextAreaInputProps };
+export { Input, TextAreaInput, InputRoot, inputStyles };
diff --git a/www/src/registry/core/ripple.tsx b/www/src/registry/core/ripple.tsx
new file mode 100644
index 000000000..918a28a17
--- /dev/null
+++ b/www/src/registry/core/ripple.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import type { FC } from "react";
+import type { HTMLMotionProps } from "framer-motion";
+import { AnimatePresence, motion } from "framer-motion";
+import type { RippleType } from "@/registry/hooks/use-ripple";
+
+function clamp(value: number, min: number, max: number) {
+  return Math.min(Math.max(value, min), max);
+}
+
+export interface RippleProps extends React.HTMLAttributes<"span"> {
+  ripples: RippleType[];
+  color?: string;
+  motionProps?: HTMLMotionProps<"span">;
+  style?: React.CSSProperties;
+  onClear: (key: React.Key) => void;
+}
+
+export const Ripple: FC<RippleProps> = (props) => {
+  const {
+    ripples = [],
+    motionProps,
+    color = "currentColor",
+    style,
+    onClear,
+  } = props;
+
+  return (
+    <AnimatePresence mode="popLayout">
+      {ripples.map((ripple) => {
+        const duration = clamp(
+          0.01 * ripple.size,
+          0.2,
+          ripple.size > 100 ? 0.75 : 0.5
+        );
+
+        return (
+          <motion.span
+            key={ripple.key}
+            initial={{ scale: 0, opacity: 0.35 }}
+            animate={{ scale: 2, opacity: 0 }}
+            exit={{ opacity: 0 }}
+            style={{
+              position: "absolute",
+              backgroundColor: color,
+              borderRadius: "100%",
+              transformOrigin: "center",
+              pointerEvents: "none",
+              overflow: "hidden",
+              inset: 0,
+              zIndex: 0,
+              top: ripple.y,
+              left: ripple.x,
+              width: `${ripple.size}px`,
+              height: `${ripple.size}px`,
+              ...style,
+            }}
+            transition={{ duration }}
+            onAnimationComplete={() => {
+              onClear(ripple.key);
+            }}
+            {...motionProps}
+          />
+        );
+      })}
+    </AnimatePresence>
+  );
+};
+Ripple.displayName = "NextUI.Ripple";
diff --git a/www/src/registry/core/table-01.tsx b/www/src/registry/core/table-01.tsx
deleted file mode 100644
index 854892c16..000000000
--- a/www/src/registry/core/table-01.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import * as React from "react";
-import { cn } from "@/registry/lib/cn";
-
-const Table = React.forwardRef<
-  HTMLTableElement,
-  React.HTMLAttributes<HTMLTableElement>
->(({ className, ...props }, ref) => (
-  <div className="relative w-full overflow-auto">
-    <table
-      ref={ref}
-      className={cn("w-full caption-bottom text-sm", className)}
-      {...props}
-    />
-  </div>
-));
-Table.displayName = "Table";
-
-const TableHeader = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
-));
-TableHeader.displayName = "TableHeader";
-
-const TableBody = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tbody
-    ref={ref}
-    className={cn("[&_tr:last-child]:border-0", className)}
-    {...props}
-  />
-));
-TableBody.displayName = "TableBody";
-
-const TableFooter = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tfoot
-    ref={ref}
-    className={cn(
-      "bg-bg-muted/50 border-t font-medium last:[&>tr]:border-b-0",
-      className
-    )}
-    {...props}
-  />
-));
-TableFooter.displayName = "TableFooter";
-
-const TableRow = React.forwardRef<
-  HTMLTableRowElement,
-  React.HTMLAttributes<HTMLTableRowElement>
->(({ className, ...props }, ref) => (
-  <tr
-    ref={ref}
-    className={cn(
-      "data-[state=selected]:bg-bg-muted hover:bg-bg-muted/50 border-b transition-colors",
-      className
-    )}
-    {...props}
-  />
-));
-TableRow.displayName = "TableRow";
-
-const TableHead = React.forwardRef<
-  HTMLTableCellElement,
-  React.ThHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <th
-    ref={ref}
-    className={cn(
-      "text-fg-muted h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
-      className
-    )}
-    {...props}
-  />
-));
-TableHead.displayName = "TableHead";
-
-const TableCell = React.forwardRef<
-  HTMLTableCellElement,
-  React.TdHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <td
-    ref={ref}
-    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
-    {...props}
-  />
-));
-TableCell.displayName = "TableCell";
-
-const TableCaption = React.forwardRef<
-  HTMLTableCaptionElement,
-  React.HTMLAttributes<HTMLTableCaptionElement>
->(({ className, ...props }, ref) => (
-  <caption
-    ref={ref}
-    className={cn("text-fg-muted mt-4 text-sm", className)}
-    {...props}
-  />
-));
-TableCaption.displayName = "TableCaption";
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-};
diff --git a/www/src/registry/core/toggle-button-01.tsx b/www/src/registry/core/toggle-button-01.tsx
index 40816ef40..450dcca05 100644
--- a/www/src/registry/core/toggle-button-01.tsx
+++ b/www/src/registry/core/toggle-button-01.tsx
@@ -11,7 +11,7 @@ import { focusRing } from "@/registry/lib/focus-styles";
 
 const toggleButtonStyles = tv({
   extend: focusRing,
-  base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+  base: "disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
   variants: {
     variant: {
       quiet:
diff --git a/www/src/registry/demos.ts b/www/src/registry/demos.ts
index bae82531c..8d4e6cb43 100644
--- a/www/src/registry/demos.ts
+++ b/www/src/registry/demos.ts
@@ -330,7 +330,6 @@ export const demos: RegistryDemos = [
     "validation",
     "visible-months",
   ]),
-  ...buildDemos("scroll-area", ["default", "scrollbars", "sizes"]),
   ...buildDemos("search-field", [
     "composition",
     "contextual-help",
diff --git a/www/src/registry/demos/scroll-area/default.tsx b/www/src/registry/demos/scroll-area/default.tsx
deleted file mode 100644
index 352a65234..000000000
--- a/www/src/registry/demos/scroll-area/default.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import * as React from "react";
-import { ScrollArea } from "@/components/dynamic-core/scroll-area";
-
-export default function Demo() {
-  return (
-    <div className="rounded-md border p-6">
-      <ScrollArea className="h-72 w-full max-w-sm" type="always">
-        <div className="space-y-4 p-4 pr-8">
-          <h4 className="text-md font-bold">
-            Principles of the typographic craft
-          </h4>
-          <p>
-            Three fundamental aspects of typography are legibility, readability,
-            and aesthetics. Although in a non-technical sense “legible” and
-            “readable” are often used synonymously, typographically they are
-            separate but related concepts.
-          </p>
-          <p>
-            Legibility describes how easily individual characters can be
-            distinguished from one another. It is described by Walter Tracy as
-            “the quality of being decipherable and recognisable”. For instance,
-            if a “b” and an “h”, or a “3” and an “8”, are difficult to
-            distinguish at small sizes, this is a problem of legibility.
-          </p>
-          <p>
-            Typographers are concerned with legibility insofar as it is their
-            job to select the correct font to use. Brush Script is an example of
-            a font containing many characters that might be difficult to
-            distinguish. The selection of cases influences the legibility of
-            typography because using only uppercase letters (all-caps) reduces
-            legibility.
-          </p>
-        </div>
-      </ScrollArea>
-    </div>
-  );
-}
diff --git a/www/src/registry/demos/scroll-area/scrollbars.tsx b/www/src/registry/demos/scroll-area/scrollbars.tsx
deleted file mode 100644
index 3c01f201e..000000000
--- a/www/src/registry/demos/scroll-area/scrollbars.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
-import {
-  ScrollArea,
-  type ScrollAreaProps,
-} from "@/components/dynamic-core/scroll-area";
-
-export default function Demo() {
-  const [scrollbars, setScrollbars] = React.useState("vertical");
-  return (
-    <div className="flex items-center gap-10">
-      <div className="rounded-md border p-6">
-        <ScrollArea
-          scrollbars={scrollbars as ScrollAreaProps["scrollbars"]}
-          className="h-44 w-full max-w-sm"
-          type="always"
-        >
-          <div className="flex w-[500px] items-start gap-4">
-            <div className="space-y-4 p-4 pr-8">
-              <h4 className="text-md font-bold">
-                Principles of the typographic craft
-              </h4>
-              <p>
-                Three fundamental aspects of typography are legibility,
-                readability, and aesthetics. Although in a non-technical sense
-                “legible” and “readable” are often used synonymously,
-                typographically they are separate but related concepts.
-              </p>
-              <p>
-                Legibility describes how easily individual characters can be
-                distinguished from one another. It is described by Walter Tracy
-                as “the quality of being decipherable and recognisable”. For
-                instance, if a “b” and an “h”, or a “3” and an “8”, are
-                difficult to distinguish at small sizes, this is a problem of
-                legibility.
-              </p>
-              <p>
-                Typographers are concerned with legibility insofar as it is
-                their job to select the correct font to use. Brush Script is an
-                example of a font containing many characters that might be
-                difficult to distinguish. The selection of cases influences the
-                legibility of typography because using only uppercase letters
-                (all-caps) reduces legibility.
-              </p>
-            </div>
-            <div className="space-y-4 p-4 pr-8">
-              <h4 className="text-md font-bold">
-                Principles of the typographic craft
-              </h4>
-              <p>
-                Three fundamental aspects of typography are legibility,
-                readability, and aesthetics. Although in a non-technical sense
-                “legible” and “readable” are often used synonymously,
-                typographically they are separate but related concepts.
-              </p>
-              <p>
-                Legibility describes how easily individual characters can be
-                distinguished from one another. It is described by Walter Tracy
-                as “the quality of being decipherable and recognisable”. For
-                instance, if a “b” and an “h”, or a “3” and an “8”, are
-                difficult to distinguish at small sizes, this is a problem of
-                legibility.
-              </p>
-              <p>
-                Typographers are concerned with legibility insofar as it is
-                their job to select the correct font to use. Brush Script is an
-                example of a font containing many characters that might be
-                difficult to distinguish. The selection of cases influences the
-                legibility of typography because using only uppercase letters
-                (all-caps) reduces legibility.
-              </p>
-            </div>
-          </div>
-        </ScrollArea>
-      </div>
-      <RadioGroup
-        label="Scrollbars"
-        value={scrollbars}
-        onChange={setScrollbars}
-      >
-        <Radio value="vertical">Vertical</Radio>
-        <Radio value="horizontal">Horizontal</Radio>
-        <Radio value="both">Both</Radio>
-      </RadioGroup>
-    </div>
-  );
-}
diff --git a/www/src/registry/demos/scroll-area/sizes.tsx b/www/src/registry/demos/scroll-area/sizes.tsx
deleted file mode 100644
index 5bcd6b8de..000000000
--- a/www/src/registry/demos/scroll-area/sizes.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import * as React from "react";
-import { ScrollArea } from "@/components/dynamic-core/scroll-area";
-
-const sizes = ["sm", "md", "lg"] as const;
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-3 gap-10">
-      {sizes.map((size) => (
-        <div key={size} className="rounded-md border p-3">
-          <ScrollArea size={size} className="h-72" type="always">
-            <div className="space-y-4 p-4 pr-8">
-              <h4 className="text-md font-bold">
-                Principles of the typographic craft
-              </h4>
-              <p>
-                Three fundamental aspects of typography are legibility,
-                readability, and aesthetics. Although in a non-technical sense
-                “legible” and “readable” are often used synonymously,
-                typographically they are separate but related concepts.
-              </p>
-              <p>
-                Legibility describes how easily individual characters can be
-                distinguished from one another. It is described by Walter Tracy
-                as “the quality of being decipherable and recognisable”. For
-                instance, if a “b” and an “h”, or a “3” and an “8”, are
-                difficult to distinguish at small sizes, this is a problem of
-                legibility.
-              </p>
-              <p>
-                Typographers are concerned with legibility insofar as it is
-                their job to select the correct font to use. Brush Script is an
-                example of a font containing many characters that might be
-                difficult to distinguish. The selection of cases influences the
-                legibility of typography because using only uppercase letters
-                (all-caps) reduces legibility.
-              </p>
-            </div>
-          </ScrollArea>
-        </div>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/registry/hooks/use-ripple.ts b/www/src/registry/hooks/use-ripple.ts
new file mode 100644
index 000000000..21ef41279
--- /dev/null
+++ b/www/src/registry/hooks/use-ripple.ts
@@ -0,0 +1,43 @@
+import React, { useCallback, useState } from "react";
+import type { PressEvent } from "react-aria-components";
+
+function getUniqueID(prefix: string) {
+  return `${prefix}-${Math.floor(Math.random() * 1000000)}`;
+}
+
+export type RippleType = {
+  key: React.Key;
+  x: number;
+  y: number;
+  size: number;
+};
+
+export interface UseRippleProps {}
+
+export function useRipple(props: UseRippleProps = {}) {
+  const [ripples, setRipples] = useState<RippleType[]>([]);
+
+  const onPress = useCallback((event: PressEvent) => {
+    const trigger = event.target;
+
+    const size = Math.max(trigger.clientWidth, trigger.clientHeight);
+
+    setRipples((prevRipples) => [
+      ...prevRipples,
+      {
+        key: getUniqueID(prevRipples.length.toString()),
+        size,
+        x: event.x - size / 2,
+        y: event.y - size / 2,
+      },
+    ]);
+  }, []);
+
+  const onClear = useCallback((key: React.Key) => {
+    setRipples((prevState) => prevState.filter((ripple) => ripple.key !== key));
+  }, []);
+
+  return { ripples, onClear, onPress, ...props };
+}
+
+export type UseRippleReturn = ReturnType<typeof useRipple>;
diff --git a/www/src/registry/lib/focus-styles.ts b/www/src/registry/lib/focus-styles.ts
index 928f5dfcf..8ba9ffff7 100644
--- a/www/src/registry/lib/focus-styles.ts
+++ b/www/src/registry/lib/focus-styles.ts
@@ -1,7 +1,7 @@
 import { tv } from "tailwind-variants";
 
 export const focusRing = tv({
-  base: "ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 focus-visible:ring-2 focus-visible:ring-offset-2",
+  base: "focus-visible:ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 transition-[box-shadow] focus-visible:ring-2 focus-visible:ring-offset-2",
 });
 
 export const focusRingGroup = tv({
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 5c7d14c42..5778e7595 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,7 +1,6 @@
-@import "tailwindcss" source(none);
+@import "tailwindcss";
 @plugin "tailwindcss-animate";
-/* @plugin "tailwindcss-rac"; */
-
+@plugin "tailwindcss-rac";
 
 @variant dark (&:where(.dark, .dark *));
 
@@ -250,6 +249,26 @@
   --breakpoint-2xl: 96rem;
 }
 
+/* for specific styles */
+@layer base {
+  :root {
+    --box-shadow-x: 4px;
+    --box-shadow-y: 4px;
+    --border-brutalism: #000;
+  }
+
+  .dark {
+    --box-shadow-x: 4px;
+    --box-shadow-y: 4px;
+    --border-brutalism: #000;
+  }
+}
+
+@theme {
+  --shadow-brutalism: var(--box-shadow-x) var(--box-shadow-y) 0px 0px
+    var(--border-brutalism);
+}
+
 @keyframes accordion-down {
   from {
     height: 0;

From 69e10d96b005ee5c48f17b46884c68c0878fb402 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 2 Jan 2025 16:29:26 +0100
Subject: [PATCH 028/165] feat: add landing page

---
 pnpm-lock.yaml                                |   2 +-
 www/next.config.mjs                           |   3 +
 www/scripts/build-internal-registry.ts        |   2 +-
 www/src/__registry__/core/alert-01.tsx        |   4 +-
 www/src/__registry__/core/breadcrumbs-01.tsx  |   2 +-
 www/src/__registry__/core/button-01.tsx       |   2 +-
 www/src/__registry__/core/button-02.tsx       |   2 +-
 www/src/__registry__/core/button-03.tsx       |   2 +-
 www/src/__registry__/core/button-04.tsx       |   4 +-
 www/src/__registry__/core/calendar-01.tsx     |   2 +-
 www/src/__registry__/core/checkbox-01.tsx     |   2 +-
 www/src/__registry__/core/combobox-01.tsx     |   2 +-
 www/src/__registry__/core/date-picker-01.tsx  |   2 +-
 .../core/date-range-picker-01.tsx             |   2 +-
 www/src/__registry__/core/field-01.tsx        |   2 +-
 www/src/__registry__/core/input-01.tsx        |   2 +-
 www/src/__registry__/core/input-02.tsx        |   2 +-
 www/src/__registry__/core/list-box-01.tsx     |   2 +-
 www/src/__registry__/core/menu-01.tsx         |   2 +-
 www/src/__registry__/core/number-field-01.tsx |  12 +-
 www/src/__registry__/core/overlay-01.tsx      |   6 +-
 .../__registry__/core/range-calendar-01.tsx   |   2 +-
 www/src/__registry__/core/ripple.tsx          |  60 ++--
 www/src/__registry__/core/search-field-01.tsx |   2 +-
 www/src/__registry__/core/select-01.tsx       |   2 +-
 www/src/__registry__/core/toggle-group-01.tsx | 276 ++---------------
 .../{ => (docs)}/docs/[...slug]/page.tsx      |   0
 www/src/app/(app)/{ => (docs)}/layout.tsx     |   0
 .../app/(app)/{ => (docs)}/themes/buttons.tsx |   0
 .../themes/components/borders.tsx             |   0
 .../themes/components/button-style.tsx        |   0
 .../themes/components/clone-theme.tsx         |   0
 .../{ => (docs)}/themes/components/colors.tsx |   0
 .../themes/components/context.tsx             |   0
 .../themes/components/copy-theme.tsx          |   0
 .../themes/components/create-theme.tsx        |   0
 .../themes/components/delete-theme.tsx        |   0
 .../themes/components/explore-themes.tsx      |   0
 .../themes/components/iconography.tsx         |   0
 .../themes/components/input-style.tsx         |   0
 .../themes/components/preview.tsx             |   0
 .../themes/components/theme-select.tsx        |   0
 .../themes/components/typography.tsx          |   0
 .../app/(app)/{ => (docs)}/themes/page.tsx    |   1 -
 www/src/app/(app)/(home)/page.tsx             | 120 ++++++++
 www/src/app/(app)/internal/page.tsx           |  12 -
 www/src/app/(app)/page.tsx                    |  85 ------
 www/src/components/header.tsx                 | 140 +++++++++
 www/src/components/sidebar.tsx                |  58 ----
 www/src/hooks/use-scroll.ts                   |  18 ++
 www/src/registry/core/overlay-01.tsx          |   4 +-
 www/src/registry/core/slider-01.tsx           |   1 +
 www/src/registry/core/toggle-group-01.tsx     | 279 ++----------------
 www/src/registry/index.ts                     |   6 +-
 www/src/styles/globals.css                    |   4 -
 55 files changed, 394 insertions(+), 737 deletions(-)
 rename www/src/app/(app)/{ => (docs)}/docs/[...slug]/page.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/layout.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/buttons.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/borders.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/button-style.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/clone-theme.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/colors.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/context.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/copy-theme.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/create-theme.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/delete-theme.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/explore-themes.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/iconography.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/input-style.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/preview.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/theme-select.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/components/typography.tsx (100%)
 rename www/src/app/(app)/{ => (docs)}/themes/page.tsx (95%)
 create mode 100644 www/src/app/(app)/(home)/page.tsx
 delete mode 100644 www/src/app/(app)/internal/page.tsx
 delete mode 100644 www/src/app/(app)/page.tsx
 create mode 100644 www/src/components/header.tsx
 create mode 100644 www/src/hooks/use-scroll.ts

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 05a916e49..c0bc58379 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '9.0'
+rlockfileVersion: '9.0'
 
 settings:
   autoInstallPeers: true
diff --git a/www/next.config.mjs b/www/next.config.mjs
index 5c17cddf8..f04b2d455 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -12,6 +12,9 @@ const config = {
       },
     ],
   },
+  typescript: {
+    ignoreBuildErrors: true
+  }
 };
 
 export default withMDX(config);
diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
index 8dccf316c..6fed0230f 100644
--- a/www/scripts/build-internal-registry.ts
+++ b/www/scripts/build-internal-registry.ts
@@ -142,7 +142,7 @@ async function buildCoreComponents() {
     let content = await fs.readFile(sourceFilePath, "utf-8");
 
     // transform icons import
-    content = content.replace(/lucide-react/g, "@/__registry__/icons");
+    // content = content.replace(/lucide-react/g, "@/__registry__/icons");
     // transform registryDependencies import
     // content = content.replace(
     //   /@\/registry\/core\/([a-zA-Z]+)-\d+/g,
diff --git a/www/src/__registry__/core/alert-01.tsx b/www/src/__registry__/core/alert-01.tsx
index 7b3828b86..3959fe5ad 100644
--- a/www/src/__registry__/core/alert-01.tsx
+++ b/www/src/__registry__/core/alert-01.tsx
@@ -1,11 +1,11 @@
 import * as React from "react";
-import { tv, type VariantProps } from "tailwind-variants";
 import {
   AlertCircleIcon,
   AlertTriangleIcon,
   CheckCircle2Icon,
   InfoIcon,
-} from "@/__registry__/icons";
+} from "lucide-react";
+import { tv, type VariantProps } from "tailwind-variants";
 
 const alertStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/breadcrumbs-01.tsx b/www/src/__registry__/core/breadcrumbs-01.tsx
index d6b7ba1d5..cad163b8a 100644
--- a/www/src/__registry__/core/breadcrumbs-01.tsx
+++ b/www/src/__registry__/core/breadcrumbs-01.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { ChevronRightIcon } from "lucide-react";
 import {
   Link as AriaLink,
   Breadcrumbs as AriaBreadcrumbs,
@@ -10,7 +11,6 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ChevronRightIcon } from "@/__registry__/icons";
 
 const breadcrumbsStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/button-01.tsx b/www/src/__registry__/core/button-01.tsx
index 09f7c8a0e..c677ce0b1 100644
--- a/www/src/__registry__/core/button-01.tsx
+++ b/www/src/__registry__/core/button-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -10,7 +11,6 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { Loader2Icon } from "@/__registry__/icons";
 
 const buttonStyles = tv(
   {
diff --git a/www/src/__registry__/core/button-02.tsx b/www/src/__registry__/core/button-02.tsx
index 32887a892..50823bceb 100644
--- a/www/src/__registry__/core/button-02.tsx
+++ b/www/src/__registry__/core/button-02.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -10,7 +11,6 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { Loader2Icon } from "@/__registry__/icons";
 
 const buttonStyles = tv(
   {
diff --git a/www/src/__registry__/core/button-03.tsx b/www/src/__registry__/core/button-03.tsx
index 39842afa6..3ffa691f9 100644
--- a/www/src/__registry__/core/button-03.tsx
+++ b/www/src/__registry__/core/button-03.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -10,7 +11,6 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { Loader2Icon } from "@/__registry__/icons";
 
 const buttonStyles = tv(
   {
diff --git a/www/src/__registry__/core/button-04.tsx b/www/src/__registry__/core/button-04.tsx
index 75a8c3351..7acb59a89 100644
--- a/www/src/__registry__/core/button-04.tsx
+++ b/www/src/__registry__/core/button-04.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { Loader2Icon } from "lucide-react";
 import { chain } from "react-aria";
 import {
   composeRenderProps,
@@ -14,12 +15,11 @@ import { tv, type VariantProps } from "tailwind-variants";
 import { Ripple } from "@/registry/core/ripple";
 import { useRipple } from "@/registry/hooks/use-ripple";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { Loader2Icon } from "@/__registry__/icons";
 
 const buttonStyles = tv(
   {
     extend: focusRing,
-    base: "disabled:bg-bg-disabled overflow-hidden disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default pressed:scale-95",
+    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
     variants: {
       variant: {
         default: "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
diff --git a/www/src/__registry__/core/calendar-01.tsx b/www/src/__registry__/core/calendar-01.tsx
index 52bcfa344..3f86748c1 100644
--- a/www/src/__registry__/core/calendar-01.tsx
+++ b/www/src/__registry__/core/calendar-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import {
   composeRenderProps,
   Calendar as AriaCalendar,
@@ -24,7 +25,6 @@ import { Button } from "@/components/dynamic-core/button";
 import { buttonStyles } from "@/registry/core/button-01";
 import { Heading } from "@/registry/core/heading-01";
 import { Text } from "@/registry/core/text-01";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__registry__/icons";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/checkbox-01.tsx b/www/src/__registry__/core/checkbox-01.tsx
index 233933857..b568521a3 100644
--- a/www/src/__registry__/core/checkbox-01.tsx
+++ b/www/src/__registry__/core/checkbox-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { CheckIcon, MinusIcon } from "lucide-react";
 import {
   Checkbox as AriaCheckbox,
   composeRenderProps,
@@ -8,7 +9,6 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
-import { CheckIcon, MinusIcon } from "@/__registry__/icons";
 
 const checkboxStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/combobox-01.tsx b/www/src/__registry__/core/combobox-01.tsx
index 502dcfb97..3dbf915c4 100644
--- a/www/src/__registry__/core/combobox-01.tsx
+++ b/www/src/__registry__/core/combobox-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { ChevronDownIcon } from "lucide-react";
 import {
   ComboBox as AriaCombobox,
   type ComboBoxProps as AriaComboboxProps,
@@ -11,7 +12,6 @@ import { Field, type FieldProps } from "@/registry/core/field-01";
 import { Input, InputRoot } from "@/registry/core/input-01";
 import { ListBox } from "@/registry/core/list-box-01";
 import { Overlay } from "@/registry/core/overlay-01";
-import { ChevronDownIcon } from "@/__registry__/icons";
 
 const comboboxStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/date-picker-01.tsx b/www/src/__registry__/core/date-picker-01.tsx
index 4e5697980..983582980 100644
--- a/www/src/__registry__/core/date-picker-01.tsx
+++ b/www/src/__registry__/core/date-picker-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { CalendarIcon } from "lucide-react";
 import {
   DatePicker as AriaDatePicker,
   type DatePickerProps as AriaDatePickerProps,
@@ -13,7 +14,6 @@ import { DateInput, DateSegment } from "@/registry/core/date-input-01";
 import { Dialog } from "@/registry/core/dialog-01";
 import { Field, fieldStyles, type FieldProps } from "@/registry/core/field-01";
 import { InputRoot, type inputStyles } from "@/registry/core/input-01";
-import { CalendarIcon } from "@/__registry__/icons";
 
 interface DatePickerProps<T extends DateValue>
   extends DatePickerRootProps<T>,
diff --git a/www/src/__registry__/core/date-range-picker-01.tsx b/www/src/__registry__/core/date-range-picker-01.tsx
index d81807a85..63d977c48 100644
--- a/www/src/__registry__/core/date-range-picker-01.tsx
+++ b/www/src/__registry__/core/date-range-picker-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { CalendarIcon } from "lucide-react";
 import {
   DateRangePicker as AriaDateRangePicker,
   type DateRangePickerProps as AriaDateRangePickerProps,
@@ -13,7 +14,6 @@ import { Dialog } from "@/registry/core/dialog-01";
 import { Field, type FieldProps, fieldStyles } from "@/registry/core/field-01";
 import { InputRoot, type inputStyles } from "@/registry/core/input-01";
 import { RangeCalendar } from "@/registry/core/range-calendar-01";
-import { CalendarIcon } from "@/__registry__/icons";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
diff --git a/www/src/__registry__/core/field-01.tsx b/www/src/__registry__/core/field-01.tsx
index bb708ebf1..b8c102eb4 100644
--- a/www/src/__registry__/core/field-01.tsx
+++ b/www/src/__registry__/core/field-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { AsteriskIcon } from "lucide-react";
 import {
   Label as AriaLabel,
   Text as AriaText,
@@ -11,7 +12,6 @@ import {
   type FieldErrorProps as AriaFieldErrorProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { AsteriskIcon } from "@/__registry__/icons";
 
 const fieldStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/input-01.tsx b/www/src/__registry__/core/input-01.tsx
index 6947ea8cf..1402c0de4 100644
--- a/www/src/__registry__/core/input-01.tsx
+++ b/www/src/__registry__/core/input-01.tsx
@@ -3,6 +3,7 @@
 import * as React from "react";
 import { mergeRefs, chain } from "@react-aria/utils";
 import { useControlledState } from "@react-stately/utils";
+import { Loader2Icon } from "lucide-react";
 import {
   Provider,
   composeRenderProps,
@@ -18,7 +19,6 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusInput } from "@/registry/lib/focus-styles";
-import { Loader2Icon } from "@/__registry__/icons";
 
 const inputStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/input-02.tsx b/www/src/__registry__/core/input-02.tsx
index 6947ea8cf..1402c0de4 100644
--- a/www/src/__registry__/core/input-02.tsx
+++ b/www/src/__registry__/core/input-02.tsx
@@ -3,6 +3,7 @@
 import * as React from "react";
 import { mergeRefs, chain } from "@react-aria/utils";
 import { useControlledState } from "@react-stately/utils";
+import { Loader2Icon } from "lucide-react";
 import {
   Provider,
   composeRenderProps,
@@ -18,7 +19,6 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusInput } from "@/registry/lib/focus-styles";
-import { Loader2Icon } from "@/__registry__/icons";
 
 const inputStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/list-box-01.tsx b/www/src/__registry__/core/list-box-01.tsx
index 8e427d5e6..3bf922b69 100644
--- a/www/src/__registry__/core/list-box-01.tsx
+++ b/www/src/__registry__/core/list-box-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { CheckIcon, Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   ListBox as AriaListBox,
@@ -13,7 +14,6 @@ import {
 import { tv, type VariantProps } from "tailwind-variants";
 import { Text } from "@/registry/core/text-01";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { CheckIcon, Loader2Icon } from "@/__registry__/icons";
 
 const listBoxStyles = tv({
   base: [
diff --git a/www/src/__registry__/core/menu-01.tsx b/www/src/__registry__/core/menu-01.tsx
index a0f086a3c..9bd9a2638 100644
--- a/www/src/__registry__/core/menu-01.tsx
+++ b/www/src/__registry__/core/menu-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import {
   composeRenderProps,
   Menu as AriaMenu,
@@ -15,7 +16,6 @@ import { tv, type VariantProps } from "tailwind-variants";
 import { Kbd } from "@/registry/core/kbd-01";
 import { Overlay, type OverlayProps } from "@/registry/core/overlay-01";
 import { Text } from "@/registry/core/text-01";
-import { CheckIcon, ChevronRightIcon } from "@/__registry__/icons";
 
 const menuStyles = tv({
   base: [
diff --git a/www/src/__registry__/core/number-field-01.tsx b/www/src/__registry__/core/number-field-01.tsx
index e37e1062f..cfba9ca86 100644
--- a/www/src/__registry__/core/number-field-01.tsx
+++ b/www/src/__registry__/core/number-field-01.tsx
@@ -1,6 +1,12 @@
 "use client";
 
 import * as React from "react";
+import {
+  ChevronDownIcon,
+  ChevronUpIcon,
+  MinusIcon,
+  PlusIcon,
+} from "lucide-react";
 import {
   NumberField as AriaNumberField,
   type NumberFieldProps as AriaNumberFieldProps,
@@ -10,12 +16,6 @@ import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { Field, type FieldProps } from "@/registry/core/field-01";
 import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-  MinusIcon,
-  PlusIcon,
-} from "@/__registry__/icons";
 
 const numberFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/__registry__/core/overlay-01.tsx b/www/src/__registry__/core/overlay-01.tsx
index e4430533f..e22ed2f53 100644
--- a/www/src/__registry__/core/overlay-01.tsx
+++ b/www/src/__registry__/core/overlay-01.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import React from "react";
+import { XIcon } from "lucide-react";
 import {
   composeRenderProps,
   Popover as AriaPopover,
   OverlayArrow as AriaOverlayArrow,
   Modal as AriaModal,
   ModalOverlay as AriaModalOverlay,
-  OverlayTriggerStateContext as AriaOverlayTriggerStateContext,
   type PopoverProps as AriaPopoverProps,
   type ModalOverlayProps as AriaModalOverlayProps,
 } from "react-aria-components";
@@ -15,7 +15,6 @@ import { tv } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import { cn } from "@/registry/lib/cn";
-import { XIcon } from "@/__registry__/icons";
 import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
 
 type OverlayType = "modal" | "drawer" | "popover";
@@ -289,16 +288,15 @@ const DrawerOverlay = React.forwardRef<
 DrawerOverlay.displayName = "DrawerOverlay";
 
 const DismissButton = (props: ButtonProps) => {
-  const state = React.useContext(AriaOverlayTriggerStateContext);
   return (
     <Button
       shape="square"
+      slot="close"
       variant="quiet"
       size="sm"
       aria-label="Close"
       {...props}
       className={cn("absolute right-2 top-2 z-20", props.className)}
-      onPress={() => state.close()}
     >
       {props.children ?? <XIcon />}
     </Button>
diff --git a/www/src/__registry__/core/range-calendar-01.tsx b/www/src/__registry__/core/range-calendar-01.tsx
index 0effd28d5..7f1e56d97 100644
--- a/www/src/__registry__/core/range-calendar-01.tsx
+++ b/www/src/__registry__/core/range-calendar-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import {
   composeRenderProps,
   RangeCalendar as AriaRangeCalendar,
@@ -21,7 +22,6 @@ import {
 } from "@/registry/core/calendar-01";
 import { Heading } from "@/registry/core/heading-01";
 import { Text } from "@/registry/core/text-01";
-import { ChevronLeftIcon, ChevronRightIcon } from "@/__registry__/icons";
 
 interface RangeCalendarProps<T extends DateValue>
   extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
diff --git a/www/src/__registry__/core/ripple.tsx b/www/src/__registry__/core/ripple.tsx
index 4c588ce8f..918a28a17 100644
--- a/www/src/__registry__/core/ripple.tsx
+++ b/www/src/__registry__/core/ripple.tsx
@@ -2,7 +2,7 @@
 
 import type { FC } from "react";
 import type { HTMLMotionProps } from "framer-motion";
-import { AnimatePresence, m } from "framer-motion";
+import { AnimatePresence, motion } from "framer-motion";
 import type { RippleType } from "@/registry/hooks/use-ripple";
 
 function clamp(value: number, min: number, max: number) {
@@ -27,7 +27,7 @@ export const Ripple: FC<RippleProps> = (props) => {
   } = props;
 
   return (
-    <>
+    <AnimatePresence mode="popLayout">
       {ripples.map((ripple) => {
         const duration = clamp(
           0.01 * ripple.size,
@@ -36,37 +36,35 @@ export const Ripple: FC<RippleProps> = (props) => {
         );
 
         return (
-          <AnimatePresence key={ripple.key} mode="popLayout">
-            <m.span
-              initial={{ opacity: 0.1, scale: 0.5 }}
-              animate={{ opacity: 0.4, scale: 2 }}
-              // className="nextui-ripple"
-              // exit={{ opacity: 0 }}
-              style={{
-                position: "absolute",
-                backgroundColor: color,
-                borderRadius: "100%",
-                transformOrigin: "center",
-                pointerEvents: "none",
-                overflow: "hidden",
-                inset: 0,
-                zIndex: 0,
-                top: ripple.y,
-                left: ripple.x,
-                width: `${ripple.size}px`,
-                height: `${ripple.size}px`,
-                ...style,
-              }}
-              // transition={{ duration }}
-              onAnimationComplete={() => {
-                onClear(ripple.key);
-              }}
-              {...motionProps}
-            />
-          </AnimatePresence>
+          <motion.span
+            key={ripple.key}
+            initial={{ scale: 0, opacity: 0.35 }}
+            animate={{ scale: 2, opacity: 0 }}
+            exit={{ opacity: 0 }}
+            style={{
+              position: "absolute",
+              backgroundColor: color,
+              borderRadius: "100%",
+              transformOrigin: "center",
+              pointerEvents: "none",
+              overflow: "hidden",
+              inset: 0,
+              zIndex: 0,
+              top: ripple.y,
+              left: ripple.x,
+              width: `${ripple.size}px`,
+              height: `${ripple.size}px`,
+              ...style,
+            }}
+            transition={{ duration }}
+            onAnimationComplete={() => {
+              onClear(ripple.key);
+            }}
+            {...motionProps}
+          />
         );
       })}
-    </>
+    </AnimatePresence>
   );
 };
 Ripple.displayName = "NextUI.Ripple";
diff --git a/www/src/__registry__/core/search-field-01.tsx b/www/src/__registry__/core/search-field-01.tsx
index 34c10a7d4..d28cd2aa9 100644
--- a/www/src/__registry__/core/search-field-01.tsx
+++ b/www/src/__registry__/core/search-field-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { SearchIcon, XIcon } from "lucide-react";
 import {
   SearchField as AriaSearchField,
   type SearchFieldProps as AriaSearchFieldProps,
@@ -9,7 +10,6 @@ import { tv, type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
 import { Field, type FieldProps } from "@/registry/core/field-01";
 import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
-import { SearchIcon, XIcon } from "@/__registry__/icons";
 
 const searchFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/__registry__/core/select-01.tsx b/www/src/__registry__/core/select-01.tsx
index 53b9b4c96..1e6fa9961 100644
--- a/www/src/__registry__/core/select-01.tsx
+++ b/www/src/__registry__/core/select-01.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import { ChevronDownIcon } from "lucide-react";
 import {
   composeRenderProps,
   Select as AriaSelect,
@@ -13,7 +14,6 @@ import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { Field, type FieldProps } from "@/registry/core/field-01";
 import { ListBox, type ListBoxProps } from "@/registry/core/list-box-01";
 import { Overlay } from "@/registry/core/overlay-01";
-import { ChevronDownIcon } from "@/__registry__/icons";
 
 const selectStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/toggle-group-01.tsx b/www/src/__registry__/core/toggle-group-01.tsx
index d5329b6e4..6681c30d1 100644
--- a/www/src/__registry__/core/toggle-group-01.tsx
+++ b/www/src/__registry__/core/toggle-group-01.tsx
@@ -1,273 +1,43 @@
 "use client";
 
-// This compnoent is not ready for production use. It is a work in progress.
-import * as React from "react";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { useToolbar, type AriaToolbarProps } from "@react-aria/toolbar";
-import {
-  useToggleButton,
-  type AriaToggleButtonProps,
-  useHover,
-  useFocusRing,
-  mergeProps,
-} from "react-aria";
-import { useToggleState } from "react-stately";
-import { tv, type VariantProps } from "tailwind-variants";
-import { toggleButtonStyles } from "@/registry/core/toggle-button-01";
+import type { ToggleButtonGroupProps } from "react-aria-components";
+import { ToggleButtonGroup, composeRenderProps } from "react-aria-components";
+import { tv } from "tailwind-variants";
 
-const toggleGroupVariants = tv({
-  base: "flex items-center gap-1",
+const toggleGroupStyles = tv({
+  base: "flex gap-1",
   variants: {
     orientation: {
       horizontal: "flex-row",
-      vertical: "flex-col",
+      vertical: "flex-col items-start",
     },
   },
-  defaultVariants: {
-    orientation: "horizontal",
-  },
 });
 
-export interface ToggleGroupButtonProps
-  extends Omit<AriaToggleButtonProps, "type">,
-    VariantProps<typeof toggleButtonStyles> {
-  value: string;
-  className?: string;
+interface ToggleGroupProps extends ToggleButtonGroupProps {
+  ref?: React.RefObject<HTMLDivElement>;
 }
-
-const ToggleGroupButton = ({
-  variant,
-  size,
-  shape,
-  value,
+const ToggleGroup = ({
   className,
+  orientation = "horizontal",
+  ref,
   ...props
-}: ToggleGroupButtonProps) => {
-  const ref = React.useRef<HTMLButtonElement | null>(null);
-  const context = useToggleGroup();
-  const additionalProps =
-    context && value
-      ? {
-          isSelected: context.value.includes(value),
-          onChange: (isSelected: boolean) => {
-            if (isSelected) {
-              context.onItemActivate(value);
-            } else {
-              context.onItemDeactivate(value);
-            }
-          },
-          isDisabled: context.isDisabled || props.isDisabled || false,
-        }
-      : {};
-  const state = useToggleState({ ...props, ...additionalProps });
-  const { focusProps, isFocused, isFocusVisible } = useFocusRing(props);
-  const { hoverProps, isHovered } = useHover(props);
-  const { buttonProps, isPressed } = useToggleButton(
-    { ...props, ...additionalProps },
-    state,
-    ref
-  );
-
-  const singleProps = {
-    role: "radio",
-    "aria-checked": state.isSelected,
-    "aria-pressed": undefined,
-  };
-  const typeProps = !context.multiple ? singleProps : undefined;
-
+}: ToggleGroupProps) => {
   return (
-    <button
+    <ToggleButtonGroup
       ref={ref}
-      {...typeProps}
-      data-focused={isFocused ? "true" : undefined}
-      data-disabled={props.isDisabled ? "true" : undefined}
-      data-pressed={isPressed ? "true" : undefined}
-      data-selected={state.isSelected ? "true" : undefined}
-      data-hovered={isHovered ? "true" : undefined}
-      data-focus-visible={isFocusVisible ? "true" : undefined}
-      className={toggleButtonStyles({
-        variant: variant ?? context?.variant,
-        size: size ?? context?.size,
-        shape: shape ?? context?.shape,
-        className: className,
-      })}
-      {...mergeProps(buttonProps, focusProps, hoverProps)}
-    >
-      {props.children}
-    </button>
-  );
-};
-
-type ToggleGroupProps =
-  | (ToggleGroupSingleProps & { multiple?: false })
-  | (ToggleGroupMultipleProps & { multiple: true });
-
-const ToggleGroup = (props: ToggleGroupProps) => {
-  const {
-    multiple = false,
-    orientation = "horizontal",
-    ...toggleGroupProps
-  } = props;
-
-  if (multiple) {
-    const multipleProps = toggleGroupProps as ToggleGroupMultipleProps;
-    return <ToggleGroupMultiple orientation={orientation} {...multipleProps} />;
-  }
-
-  const singleProps = toggleGroupProps as ToggleGroupSingleProps;
-  return <ToggleGroupSingle orientation={orientation} {...singleProps} />;
-};
-
-interface ToggleGroupSingleProps
-  extends AriaToolbarProps,
-    VariantProps<typeof toggleButtonStyles>,
-    VariantProps<typeof toggleGroupVariants> {
-  value?: string;
-  defaultValue?: string;
-  onValueChange?: (value: string) => void;
-  isDisabled?: boolean;
-  className?: string;
-  children?: React.ReactNode;
-}
-
-const ToggleGroupSingle = (props: ToggleGroupSingleProps) => {
-  const {
-    value: valueProp,
-    defaultValue,
-    onValueChange = () => {
-      // do nothing
-    },
-    isDisabled,
-    orientation = "horizontal",
-    variant,
-    size,
-    shape,
-    className,
-  } = props;
-  const ref = React.useRef(null);
-  const { toolbarProps } = useToolbar(props, ref);
-  const [value, setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange,
-  });
-
-  return (
-    <ToggleGroupContext.Provider
-      value={{
-        multiple: false,
-        value: value ? [value] : [],
-        onItemActivate: setValue,
-        onItemDeactivate: React.useCallback(() => setValue(""), [setValue]),
-        variant,
-        size,
-        shape,
-        isDisabled,
-      }}
-    >
-      <div
-        {...toolbarProps}
-        ref={ref}
-        role="group"
-        className={toggleGroupVariants({
-          orientation,
-          className,
-        })}
-      >
-        {props.children}
-      </div>
-    </ToggleGroupContext.Provider>
-  );
-};
-
-interface ToggleGroupMultipleProps
-  extends AriaToolbarProps,
-    VariantProps<typeof toggleGroupVariants>,
-    VariantProps<typeof toggleButtonStyles> {
-  value?: string[];
-  defaultValue?: string[];
-  onValueChange?: (value: string[]) => void;
-  isDisabled?: boolean;
-  className?: string;
-  children?: React.ReactNode;
-}
-
-const ToggleGroupMultiple = (props: ToggleGroupMultipleProps) => {
-  const {
-    value: valueProp,
-    defaultValue,
-    onValueChange = () => {
-      // do nothing
-    },
-    variant,
-    size,
-    shape,
-    orientation,
-    className,
-  } = props;
-  const ref = React.useRef(null);
-  const { toolbarProps } = useToolbar(props, ref);
-
-  const [value = [], setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange,
-  });
-
-  return (
-    <ToggleGroupContext.Provider
-      value={{
-        multiple: true,
-        value: value,
-        onItemActivate: React.useCallback(
-          (itemValue: string) =>
-            setValue((prevValue = []) => [...prevValue, itemValue]),
-          [setValue]
-        ),
-        onItemDeactivate: React.useCallback(
-          (itemValue: string) =>
-            setValue((prevValue = []) =>
-              prevValue.filter((value) => value !== itemValue)
-            ),
-          [setValue]
-        ),
-        variant,
-        size,
-        shape,
-      }}
-    >
-      <div
-        {...toolbarProps}
-        ref={ref}
-        role="group"
-        className={toggleGroupVariants({
+      orientation={orientation}
+      className={composeRenderProps(className, (className, renderProps) =>
+        toggleGroupStyles({
+          ...renderProps,
           orientation,
           className,
-        })}
-      >
-        {props.children}
-      </div>
-    </ToggleGroupContext.Provider>
+        })
+      )}
+      {...props}
+    />
   );
 };
 
-type ToggleGroupValueContextValue = {
-  multiple: boolean;
-  value: string[];
-  onItemActivate(value: string): void;
-  onItemDeactivate(value: string): void;
-  isDisabled?: boolean;
-} & VariantProps<typeof toggleButtonStyles>;
-
-const ToggleGroupContext =
-  React.createContext<ToggleGroupValueContextValue | null>(null);
-
-const useToggleGroup = () => {
-  const context = React.useContext(ToggleGroupContext);
-  if (!context) {
-    throw new Error("ToggleGroupButton should be used within a ToggleGroup");
-  }
-  return context;
-};
-
-export { ToggleGroup, ToggleGroupButton, toggleGroupVariants };
+export type { ToggleGroupProps };
+export { ToggleGroup };
diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/(docs)/docs/[...slug]/page.tsx
similarity index 100%
rename from www/src/app/(app)/docs/[...slug]/page.tsx
rename to www/src/app/(app)/(docs)/docs/[...slug]/page.tsx
diff --git a/www/src/app/(app)/layout.tsx b/www/src/app/(app)/(docs)/layout.tsx
similarity index 100%
rename from www/src/app/(app)/layout.tsx
rename to www/src/app/(app)/(docs)/layout.tsx
diff --git a/www/src/app/(app)/themes/buttons.tsx b/www/src/app/(app)/(docs)/themes/buttons.tsx
similarity index 100%
rename from www/src/app/(app)/themes/buttons.tsx
rename to www/src/app/(app)/(docs)/themes/buttons.tsx
diff --git a/www/src/app/(app)/themes/components/borders.tsx b/www/src/app/(app)/(docs)/themes/components/borders.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/borders.tsx
rename to www/src/app/(app)/(docs)/themes/components/borders.tsx
diff --git a/www/src/app/(app)/themes/components/button-style.tsx b/www/src/app/(app)/(docs)/themes/components/button-style.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/button-style.tsx
rename to www/src/app/(app)/(docs)/themes/components/button-style.tsx
diff --git a/www/src/app/(app)/themes/components/clone-theme.tsx b/www/src/app/(app)/(docs)/themes/components/clone-theme.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/clone-theme.tsx
rename to www/src/app/(app)/(docs)/themes/components/clone-theme.tsx
diff --git a/www/src/app/(app)/themes/components/colors.tsx b/www/src/app/(app)/(docs)/themes/components/colors.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/colors.tsx
rename to www/src/app/(app)/(docs)/themes/components/colors.tsx
diff --git a/www/src/app/(app)/themes/components/context.tsx b/www/src/app/(app)/(docs)/themes/components/context.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/context.tsx
rename to www/src/app/(app)/(docs)/themes/components/context.tsx
diff --git a/www/src/app/(app)/themes/components/copy-theme.tsx b/www/src/app/(app)/(docs)/themes/components/copy-theme.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/copy-theme.tsx
rename to www/src/app/(app)/(docs)/themes/components/copy-theme.tsx
diff --git a/www/src/app/(app)/themes/components/create-theme.tsx b/www/src/app/(app)/(docs)/themes/components/create-theme.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/create-theme.tsx
rename to www/src/app/(app)/(docs)/themes/components/create-theme.tsx
diff --git a/www/src/app/(app)/themes/components/delete-theme.tsx b/www/src/app/(app)/(docs)/themes/components/delete-theme.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/delete-theme.tsx
rename to www/src/app/(app)/(docs)/themes/components/delete-theme.tsx
diff --git a/www/src/app/(app)/themes/components/explore-themes.tsx b/www/src/app/(app)/(docs)/themes/components/explore-themes.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/explore-themes.tsx
rename to www/src/app/(app)/(docs)/themes/components/explore-themes.tsx
diff --git a/www/src/app/(app)/themes/components/iconography.tsx b/www/src/app/(app)/(docs)/themes/components/iconography.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/iconography.tsx
rename to www/src/app/(app)/(docs)/themes/components/iconography.tsx
diff --git a/www/src/app/(app)/themes/components/input-style.tsx b/www/src/app/(app)/(docs)/themes/components/input-style.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/input-style.tsx
rename to www/src/app/(app)/(docs)/themes/components/input-style.tsx
diff --git a/www/src/app/(app)/themes/components/preview.tsx b/www/src/app/(app)/(docs)/themes/components/preview.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/preview.tsx
rename to www/src/app/(app)/(docs)/themes/components/preview.tsx
diff --git a/www/src/app/(app)/themes/components/theme-select.tsx b/www/src/app/(app)/(docs)/themes/components/theme-select.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/theme-select.tsx
rename to www/src/app/(app)/(docs)/themes/components/theme-select.tsx
diff --git a/www/src/app/(app)/themes/components/typography.tsx b/www/src/app/(app)/(docs)/themes/components/typography.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/typography.tsx
rename to www/src/app/(app)/(docs)/themes/components/typography.tsx
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/(docs)/themes/page.tsx
similarity index 95%
rename from www/src/app/(app)/themes/page.tsx
rename to www/src/app/(app)/(docs)/themes/page.tsx
index 590605f64..f90331636 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/(docs)/themes/page.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import type { Metadata } from "next";
 import { PlusIcon } from "lucide-react";
 import { cn } from "@/lib/cn";
-import { Alert } from "@/components/core/alert";
 import { Button } from "@/components/core/button";
 import { Borders } from "./components/borders";
 import { ButtonStyle } from "./components/button-style";
diff --git a/www/src/app/(app)/(home)/page.tsx b/www/src/app/(app)/(home)/page.tsx
new file mode 100644
index 000000000..2d47d2ee3
--- /dev/null
+++ b/www/src/app/(app)/(home)/page.tsx
@@ -0,0 +1,120 @@
+import React from "react";
+import { PaletteIcon, TerminalSquareIcon } from "lucide-react";
+import { cn } from "@/lib/cn";
+import { Code } from "@/components/code";
+import { Button } from "@/components/core/button";
+import { Link } from "@/components/core/link";
+import { ToggleButton } from "@/components/core/toggle-button";
+import { ToggleGroup } from "@/components/core/toggle-group";
+import { Header } from "@/components/header";
+import { Preview } from "@/app/(app)/(docs)/themes/components/preview";
+import { siteConfig } from "@/config";
+
+export default function HomePage() {
+  return (
+    <div>
+      <Header />
+      <div className="container min-h-screen">
+        <section className="mx-auto max-w-6xl pt-32">
+          <h1 className="text-center text-3xl font-bold md:text-5xl lg:text-6xl">
+            Craft your component library
+            <br /> with a unique style.
+          </h1>
+          <p className="text-fg-muted mt-5 text-balance text-center text-lg">
+            Over 40 components with built-in behavior, adaptive interactions,
+            top-tier accessibility, and internationalization out of the box,
+            ready for your styles.
+          </p>
+          <div className="mt-8 flex items-center justify-center gap-4">
+            <Button
+              size="lg"
+              variant="primary"
+              href="/docs/getting-started/introduction"
+              className="h-12 px-8 text-base font-semibold"
+            >
+              Get started
+            </Button>
+            <Button
+              href="/themes"
+              size="lg"
+              variant="outline"
+              className="bg-bg-inverse/5 h-12 px-8 text-base font-semibold"
+              prefix={<PaletteIcon />}
+            >
+              Explore themes
+            </Button>
+          </div>
+        </section>
+        <section className="relative mt-40">
+          <div className="animate-in fade-in-50 zoom-in-50 duration-2000 slide-in-from-bottom-48 absolute left-1/2 top-0 z-0 h-[450px] w-[700px] max-w-[80%] -translate-x-1/2 bg-[radial-gradient(at_0%_0%,#0894ff_0,rgba(0,0,0,0)_40%),radial-gradient(at_50%_30%,#ff2e54_0,rgba(0,0,0,0)_60%),radial-gradient(at_100%_0%,#ff9004_0,rgba(0,0,0,0)_40%)] blur-[100px] ease-in-out" />
+          <div className="z-2 relative">
+            <ToggleGroup
+              className="justify-center"
+              defaultSelectedKeys={["default"]}
+              disallowEmptySelection
+            >
+              {[
+                { id: "default", label: "Default" },
+                { id: "vercel", label: "Vercel" },
+                { id: "github", label: "Github" },
+                { id: "retro", label: "Retro" },
+                { id: "brutalism", label: "Brutalism" },
+              ].map((theme) => (
+                <ToggleButton
+                  key={theme.id}
+                  id={theme.id}
+                  shape="rectangle"
+                  size="sm"
+                  className="px-4"
+                >
+                  {theme.label}
+                </ToggleButton>
+              ))}
+            </ToggleGroup>
+            <div className="mt-10 h-[calc(100svh-calc(var(--spacing)*20))] px-20">
+              <Preview />
+            </div>
+          </div>
+        </section>
+      </div>
+      {/* Footer */}
+      <div className="container mt-10 border-t p-4">
+        <p className="text-fg-muted text-xs">
+          Built by{" "}
+          <Link variant="quiet" href={siteConfig.links.twitter} target="_blank">
+            mehdibha
+          </Link>
+          . The source code is available on{" "}
+          <Link variant="quiet" href={siteConfig.links.github} target="_blank">
+            GitHub
+          </Link>
+        </p>
+      </div>
+    </div>
+  );
+}
+
+const Terminal = ({
+  children,
+  className,
+}: {
+  children: React.ReactNode;
+  className?: string;
+}) => {
+  return (
+    <div className={cn("w-[245px] rounded-md border", className)}>
+      <div className="bg-bg-muted rounded-t-[inherit] border-b p-1">
+        <TerminalSquareIcon className="text-fg-muted size-3" />
+      </div>
+      <Code
+        lang="bash"
+        colorReplacements={{
+          "#96d0ff": "#ffffff",
+        }}
+        className="rounded-t-none bg-black/20"
+      >
+        {children}
+      </Code>
+    </div>
+  );
+};
diff --git a/www/src/app/(app)/internal/page.tsx b/www/src/app/(app)/internal/page.tsx
deleted file mode 100644
index d9b7073f6..000000000
--- a/www/src/app/(app)/internal/page.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-
-export default function Page() {
-  return (
-    <React.Suspense fallback="loading">
-      <Button>Salem</Button>
-    </React.Suspense>
-  );
-}
diff --git a/www/src/app/(app)/page.tsx b/www/src/app/(app)/page.tsx
deleted file mode 100644
index 1f6aefa50..000000000
--- a/www/src/app/(app)/page.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from "react";
-import { TerminalSquareIcon } from "lucide-react";
-import { cn } from "@/lib/cn";
-import { Code } from "@/components/code";
-import { Link } from "@/components/core/link";
-import { SearchCommand } from "@/components/search-command";
-import { siteConfig } from "@/config";
-
-export default function HomePage() {
-  return (
-    <div className="absolute inset-0 h-full overflow-hidden">
-      <div className="relative size-full">
-        <div className="container flex h-full flex-col items-center justify-center">
-          <div className="-translate-y-10">
-            <h1 className="font-heading xs:text-2xl text-pretty text-xl font-semibold tracking-tighter sm:text-3xl md:text-4xl">
-              Scaffold. implement. ship{" "}
-              <span className="font-bold">unique</span>.
-            </h1>
-            <h2 className="text-fg-muted mt-3 text-sm">
-              Add components, hooks, themes and much more to your{" "}
-              <span className="font-bold">React app</span>.
-            </h2>
-            <div className="relative w-full">
-              <div className="absolute left-1/2 top-0 -translate-x-1/2">
-                <div className="z-[-1] h-[450px] w-[700px] bg-[radial-gradient(at_0%_0%,#0894ff_0,rgba(0,0,0,0)_40%),radial-gradient(at_50%_30%,#ff2e54_0,rgba(0,0,0,0)_60%),radial-gradient(at_100%_0%,#ff9004_0,rgba(0,0,0,0)_40%)] blur-[100px]" />
-              </div>
-              <SearchCommand
-                context
-                animated
-                className="mt-6 h-64 w-full lg:min-w-[600px]"
-              />
-            </div>
-          </div>
-          {/* footer */}
-          <div className="absolute bottom-5 left-0 right-0 z-0 flex flex-col items-center justify-center gap-6">
-            <Terminal>{`npx dotui-cli@latest init`}</Terminal>
-            <p className="text-fg-muted px-4 text-xs">
-              Built by{" "}
-              <Link
-                variant="quiet"
-                href={siteConfig.links.twitter}
-                target="_blank"
-              >
-                mehdibha
-              </Link>
-              . The source code is available on{" "}
-              <Link
-                variant="quiet"
-                href={siteConfig.links.github}
-                target="_blank"
-              >
-                GitHub
-              </Link>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-const Terminal = ({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) => {
-  return (
-    <div className={cn("w-[245px] rounded-md border", className)}>
-      <div className="bg-bg-muted rounded-t-[inherit] border-b p-1">
-        <TerminalSquareIcon className="text-fg-muted size-3" />
-      </div>
-      <Code
-        lang="bash"
-        colorReplacements={{
-          "#96d0ff": "#ffffff",
-        }}
-        className="rounded-t-none bg-black/20"
-      >
-        {children}
-      </Code>
-    </div>
-  );
-};
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
new file mode 100644
index 000000000..94ee7b35c
--- /dev/null
+++ b/www/src/components/header.tsx
@@ -0,0 +1,140 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import { SearchIcon } from "lucide-react";
+import { Avatar } from "@/components/core/avatar";
+import { Button } from "@/components/core/button";
+import { DialogRoot, Dialog } from "@/components/core/dialog";
+import { DismissButton } from "@/components/core/overlay";
+import { siteConfig } from "@/config";
+import { Kbd } from "./core/kbd";
+import { GitHubIcon, TwitterIcon } from "./icons";
+import { SearchCommand } from "./search-command";
+import { ThemeSwitcher } from "./theme-switcher";
+
+export function Header() {
+  return (
+    <header className="bg-bg sticky top-0 z-50 w-full border-b">
+      {/* <div className="container max-w-screen-2xl relative flex h-14  items-center justify-between"> */}
+      <div className="container relative flex h-14 items-center justify-between">
+        <div className="flex items-center gap-6">
+          <Logo />
+          <div className="flex items-center gap-3 text-sm">
+            {[
+              { label: "Docs", href: "/docs/getting-started/introduction" },
+              { label: "Components", href: "/docs/components/buttons/button" },
+              { label: "Themes", href: "/themes" },
+            ].map((item) => (
+              <Link
+                key={item.href}
+                href={item.href}
+                className="text-fg-muted hover:text-fg px-0.5 transition-colors"
+              >
+                {item.label}
+              </Link>
+            ))}
+          </div>
+        </div>
+        <div className="flex items-center gap-2">
+          <SearchDocs>
+            <Button
+              size="sm"
+              variant="outline"
+              prefix={<SearchIcon />}
+              suffix={<Kbd className="text-xs">Ctrl+K</Kbd>}
+              className="bg-bg-inverse/5 gap-2 px-3"
+            >
+              <span className="mr-6 flex-1">Search docs...</span>
+            </Button>
+          </SearchDocs>
+          <Button
+            href={siteConfig.links.github}
+            target="_blank"
+            variant="quiet"
+            size="sm"
+            shape="square"
+          >
+            <GitHubIcon />
+          </Button>
+          <Button
+            href={siteConfig.links.twitter}
+            target="_blank"
+            variant="quiet"
+            size="sm"
+            shape="square"
+          >
+            <TwitterIcon />
+          </Button>
+          <ThemeSwitcher />
+        </div>
+      </div>
+    </header>
+  );
+}
+
+const Logo = () => {
+  return (
+    <Link
+      href="/"
+      className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
+    >
+      <Avatar
+        src={siteConfig.global.logo}
+        alt={siteConfig.global.name}
+        width={24}
+        height={24}
+        loading="lazy"
+        className="m-1 size-6 rounded-sm"
+      />
+      <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
+        {siteConfig.global.name}
+      </div>
+    </Link>
+  );
+};
+
+const SearchDocs = ({ children }: { children: React.ReactNode }) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+
+  React.useEffect(() => {
+    const down = (e: KeyboardEvent) => {
+      if ((e.key === "k" && (e.metaKey || e.ctrlKey)) || e.key === "/") {
+        if (
+          (e.target instanceof HTMLElement && e.target.isContentEditable) ||
+          e.target instanceof HTMLInputElement ||
+          e.target instanceof HTMLTextAreaElement ||
+          e.target instanceof HTMLSelectElement
+        ) {
+          return;
+        }
+
+        e.preventDefault();
+        setIsOpen((open) => !open);
+      }
+    };
+
+    document.addEventListener("keydown", down);
+    return () => document.removeEventListener("keydown", down);
+  }, []);
+
+  return (
+    <DialogRoot isOpen={isOpen} onOpenChange={setIsOpen}>
+      {children}
+      <Dialog className="p-0!" showDismissButton={false}>
+        <SearchCommand
+          onRunCommand={() => setIsOpen(false)}
+          className="h-72 max-h-full rounded-lg"
+        />
+        <DismissButton
+          variant="outline"
+          shape="rectangle"
+          size="sm"
+          className="h-7 px-2 text-xs font-normal"
+        >
+          Esc
+        </DismissButton>
+      </Dialog>
+    </DialogRoot>
+  );
+};
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index f404fbafe..8d8c617fe 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -221,64 +221,6 @@ const Logo = () => {
 };
 
 const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
-  const pathname = usePathname();
-
-  if (pathname === "/") {
-    return <SearchCommandButton isCollapsed={isCollapsed} />;
-  }
-
-  return <SearchCommandDialog isCollapsed={isCollapsed} />;
-};
-
-const SearchCommandButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
-  const { focusInput } = useCommandMenuInputRef();
-
-  React.useEffect(() => {
-    const down = (e: KeyboardEvent) => {
-      if ((e.key === "k" && (e.metaKey || e.ctrlKey)) || e.key === "/") {
-        if (
-          (e.target instanceof HTMLElement && e.target.isContentEditable) ||
-          e.target instanceof HTMLInputElement ||
-          e.target instanceof HTMLTextAreaElement ||
-          e.target instanceof HTMLSelectElement
-        ) {
-          return;
-        }
-
-        e.preventDefault();
-        focusInput();
-      }
-    };
-
-    document.addEventListener("keydown", down);
-    return () => document.removeEventListener("keydown", down);
-  }, [focusInput]);
-
-  return (
-    <StyledTooltip
-      content={
-        <div className="flex items-center gap-2">
-          Searchh
-          <div className="flex items-center gap-0.5">
-            <Kbd>Ctrl</Kbd>
-            <Kbd>⌘K</Kbd>
-          </div>
-        </div>
-      }
-      isDisabled={!isCollapsed}
-    >
-      <SidebarButton variant="outline" onPress={focusInput}>
-        <SearchIcon />
-        <div className="flex flex-1 flex-row items-center justify-between">
-          <span>Search </span>
-          <Kbd className="flex items-center justify-center p-1 text-xs">⌘K</Kbd>
-        </div>
-      </SidebarButton>
-    </StyledTooltip>
-  );
-};
-
-const SearchCommandDialog = ({ isCollapsed }: { isCollapsed: boolean }) => {
   const [isOpen, setIsOpen] = React.useState(false);
 
   React.useEffect(() => {
diff --git a/www/src/hooks/use-scroll.ts b/www/src/hooks/use-scroll.ts
new file mode 100644
index 000000000..af37ac4b5
--- /dev/null
+++ b/www/src/hooks/use-scroll.ts
@@ -0,0 +1,18 @@
+import React from "react";
+
+export const useScroll = (threshold: number = 0) => {
+  const [scrolled, setScrolled] = React.useState(false);
+
+  React.useEffect(() => {
+    function handleScroll() {
+      setScrolled(window.scrollY > threshold);
+    }
+    window.addEventListener("scroll", handleScroll);
+
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, [threshold]);
+
+  return scrolled;
+};
diff --git a/www/src/registry/core/overlay-01.tsx b/www/src/registry/core/overlay-01.tsx
index ff98d0432..e22ed2f53 100644
--- a/www/src/registry/core/overlay-01.tsx
+++ b/www/src/registry/core/overlay-01.tsx
@@ -8,7 +8,6 @@ import {
   OverlayArrow as AriaOverlayArrow,
   Modal as AriaModal,
   ModalOverlay as AriaModalOverlay,
-  OverlayTriggerStateContext as AriaOverlayTriggerStateContext,
   type PopoverProps as AriaPopoverProps,
   type ModalOverlayProps as AriaModalOverlayProps,
 } from "react-aria-components";
@@ -289,16 +288,15 @@ const DrawerOverlay = React.forwardRef<
 DrawerOverlay.displayName = "DrawerOverlay";
 
 const DismissButton = (props: ButtonProps) => {
-  const state = React.useContext(AriaOverlayTriggerStateContext);
   return (
     <Button
       shape="square"
+      slot="close"
       variant="quiet"
       size="sm"
       aria-label="Close"
       {...props}
       className={cn("absolute right-2 top-2 z-20", props.className)}
-      onPress={() => state.close()}
     >
       {props.children ?? <XIcon />}
     </Button>
diff --git a/www/src/registry/core/slider-01.tsx b/www/src/registry/core/slider-01.tsx
index fc3a2bf55..683a7f8ed 100644
--- a/www/src/registry/core/slider-01.tsx
+++ b/www/src/registry/core/slider-01.tsx
@@ -153,6 +153,7 @@ const SliderFiller = (props: SliderFillerProps) => {
   const { orientation, getThumbPercent, values } = React.useContext(
     AriaSliderStateContext
   );
+  
   return (
     <div
       {...props}
diff --git a/www/src/registry/core/toggle-group-01.tsx b/www/src/registry/core/toggle-group-01.tsx
index d5329b6e4..f198ed4f1 100644
--- a/www/src/registry/core/toggle-group-01.tsx
+++ b/www/src/registry/core/toggle-group-01.tsx
@@ -1,273 +1,44 @@
 "use client";
 
-// This compnoent is not ready for production use. It is a work in progress.
-import * as React from "react";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { useToolbar, type AriaToolbarProps } from "@react-aria/toolbar";
-import {
-  useToggleButton,
-  type AriaToggleButtonProps,
-  useHover,
-  useFocusRing,
-  mergeProps,
-} from "react-aria";
-import { useToggleState } from "react-stately";
-import { tv, type VariantProps } from "tailwind-variants";
-import { toggleButtonStyles } from "@/registry/core/toggle-button-01";
+import type { ToggleButtonGroupProps } from "react-aria-components";
+import { ToggleButtonGroup, composeRenderProps } from "react-aria-components";
+import { tv } from "tailwind-variants";
 
-const toggleGroupVariants = tv({
-  base: "flex items-center gap-1",
+const toggleGroupStyles = tv({
+  base: "flex gap-1",
   variants: {
     orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col",
+      horizontal:
+        "flex-row",
+      vertical: "flex-col items-start",
     },
   },
-  defaultVariants: {
-    orientation: "horizontal",
-  },
 });
 
-export interface ToggleGroupButtonProps
-  extends Omit<AriaToggleButtonProps, "type">,
-    VariantProps<typeof toggleButtonStyles> {
-  value: string;
-  className?: string;
+interface ToggleGroupProps extends ToggleButtonGroupProps {
+  ref?: React.RefObject<HTMLDivElement>;
 }
-
-const ToggleGroupButton = ({
-  variant,
-  size,
-  shape,
-  value,
+const ToggleGroup = ({
   className,
+  orientation = "horizontal",
+  ref,
   ...props
-}: ToggleGroupButtonProps) => {
-  const ref = React.useRef<HTMLButtonElement | null>(null);
-  const context = useToggleGroup();
-  const additionalProps =
-    context && value
-      ? {
-          isSelected: context.value.includes(value),
-          onChange: (isSelected: boolean) => {
-            if (isSelected) {
-              context.onItemActivate(value);
-            } else {
-              context.onItemDeactivate(value);
-            }
-          },
-          isDisabled: context.isDisabled || props.isDisabled || false,
-        }
-      : {};
-  const state = useToggleState({ ...props, ...additionalProps });
-  const { focusProps, isFocused, isFocusVisible } = useFocusRing(props);
-  const { hoverProps, isHovered } = useHover(props);
-  const { buttonProps, isPressed } = useToggleButton(
-    { ...props, ...additionalProps },
-    state,
-    ref
-  );
-
-  const singleProps = {
-    role: "radio",
-    "aria-checked": state.isSelected,
-    "aria-pressed": undefined,
-  };
-  const typeProps = !context.multiple ? singleProps : undefined;
-
+}: ToggleGroupProps) => {
   return (
-    <button
+    <ToggleButtonGroup
       ref={ref}
-      {...typeProps}
-      data-focused={isFocused ? "true" : undefined}
-      data-disabled={props.isDisabled ? "true" : undefined}
-      data-pressed={isPressed ? "true" : undefined}
-      data-selected={state.isSelected ? "true" : undefined}
-      data-hovered={isHovered ? "true" : undefined}
-      data-focus-visible={isFocusVisible ? "true" : undefined}
-      className={toggleButtonStyles({
-        variant: variant ?? context?.variant,
-        size: size ?? context?.size,
-        shape: shape ?? context?.shape,
-        className: className,
-      })}
-      {...mergeProps(buttonProps, focusProps, hoverProps)}
-    >
-      {props.children}
-    </button>
-  );
-};
-
-type ToggleGroupProps =
-  | (ToggleGroupSingleProps & { multiple?: false })
-  | (ToggleGroupMultipleProps & { multiple: true });
-
-const ToggleGroup = (props: ToggleGroupProps) => {
-  const {
-    multiple = false,
-    orientation = "horizontal",
-    ...toggleGroupProps
-  } = props;
-
-  if (multiple) {
-    const multipleProps = toggleGroupProps as ToggleGroupMultipleProps;
-    return <ToggleGroupMultiple orientation={orientation} {...multipleProps} />;
-  }
-
-  const singleProps = toggleGroupProps as ToggleGroupSingleProps;
-  return <ToggleGroupSingle orientation={orientation} {...singleProps} />;
-};
-
-interface ToggleGroupSingleProps
-  extends AriaToolbarProps,
-    VariantProps<typeof toggleButtonStyles>,
-    VariantProps<typeof toggleGroupVariants> {
-  value?: string;
-  defaultValue?: string;
-  onValueChange?: (value: string) => void;
-  isDisabled?: boolean;
-  className?: string;
-  children?: React.ReactNode;
-}
-
-const ToggleGroupSingle = (props: ToggleGroupSingleProps) => {
-  const {
-    value: valueProp,
-    defaultValue,
-    onValueChange = () => {
-      // do nothing
-    },
-    isDisabled,
-    orientation = "horizontal",
-    variant,
-    size,
-    shape,
-    className,
-  } = props;
-  const ref = React.useRef(null);
-  const { toolbarProps } = useToolbar(props, ref);
-  const [value, setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange,
-  });
-
-  return (
-    <ToggleGroupContext.Provider
-      value={{
-        multiple: false,
-        value: value ? [value] : [],
-        onItemActivate: setValue,
-        onItemDeactivate: React.useCallback(() => setValue(""), [setValue]),
-        variant,
-        size,
-        shape,
-        isDisabled,
-      }}
-    >
-      <div
-        {...toolbarProps}
-        ref={ref}
-        role="group"
-        className={toggleGroupVariants({
-          orientation,
-          className,
-        })}
-      >
-        {props.children}
-      </div>
-    </ToggleGroupContext.Provider>
-  );
-};
-
-interface ToggleGroupMultipleProps
-  extends AriaToolbarProps,
-    VariantProps<typeof toggleGroupVariants>,
-    VariantProps<typeof toggleButtonStyles> {
-  value?: string[];
-  defaultValue?: string[];
-  onValueChange?: (value: string[]) => void;
-  isDisabled?: boolean;
-  className?: string;
-  children?: React.ReactNode;
-}
-
-const ToggleGroupMultiple = (props: ToggleGroupMultipleProps) => {
-  const {
-    value: valueProp,
-    defaultValue,
-    onValueChange = () => {
-      // do nothing
-    },
-    variant,
-    size,
-    shape,
-    orientation,
-    className,
-  } = props;
-  const ref = React.useRef(null);
-  const { toolbarProps } = useToolbar(props, ref);
-
-  const [value = [], setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange,
-  });
-
-  return (
-    <ToggleGroupContext.Provider
-      value={{
-        multiple: true,
-        value: value,
-        onItemActivate: React.useCallback(
-          (itemValue: string) =>
-            setValue((prevValue = []) => [...prevValue, itemValue]),
-          [setValue]
-        ),
-        onItemDeactivate: React.useCallback(
-          (itemValue: string) =>
-            setValue((prevValue = []) =>
-              prevValue.filter((value) => value !== itemValue)
-            ),
-          [setValue]
-        ),
-        variant,
-        size,
-        shape,
-      }}
-    >
-      <div
-        {...toolbarProps}
-        ref={ref}
-        role="group"
-        className={toggleGroupVariants({
+      orientation={orientation}
+      className={composeRenderProps(className, (className, renderProps) =>
+        toggleGroupStyles({
+          ...renderProps,
           orientation,
           className,
-        })}
-      >
-        {props.children}
-      </div>
-    </ToggleGroupContext.Provider>
+        })
+      )}
+      {...props}
+    />
   );
 };
 
-type ToggleGroupValueContextValue = {
-  multiple: boolean;
-  value: string[];
-  onItemActivate(value: string): void;
-  onItemDeactivate(value: string): void;
-  isDisabled?: boolean;
-} & VariantProps<typeof toggleButtonStyles>;
-
-const ToggleGroupContext =
-  React.createContext<ToggleGroupValueContextValue | null>(null);
-
-const useToggleGroup = () => {
-  const context = React.useContext(ToggleGroupContext);
-  if (!context) {
-    throw new Error("ToggleGroupButton should be used within a ToggleGroup");
-  }
-  return context;
-};
-
-export { ToggleGroup, ToggleGroupButton, toggleGroupVariants };
+export type { ToggleGroupProps };
+export { ToggleGroup };
diff --git a/www/src/registry/index.ts b/www/src/registry/index.ts
index d4dff5efe..00e52ef01 100644
--- a/www/src/registry/index.ts
+++ b/www/src/registry/index.ts
@@ -1,6 +1,6 @@
 import { type Registry } from "@dotui/registry/types";
-import { core } from "@/registry/index/core";
-import { hooks } from "@/registry/index/hooks";
-import { themes } from "@/registry/index/themes";
+import { core } from "@/registry/core";
+import { hooks } from "@/registry/hooks";
+import { themes } from "@/registry/themes";
 
 export const registry: Registry = [...core, ...hooks, ...themes];
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 5778e7595..21212bde8 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -342,10 +342,6 @@
   margin-right: auto;
   padding-left: 2rem;
   padding-right: 2rem;
-
-  @media (width >= theme(--breakpoint-2xl)) {
-    max-width: 1400px;
-  }
 }
 
 @utility shiki {

From 0f3b2ab30560b621cec2e8f434035f06f0de7d30 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 2 Jan 2025 16:29:55 +0100
Subject: [PATCH 029/165] fix: format

---
 www/src/components/dynamic-core/alert.tsx     |  2 +-
 www/src/components/dynamic-core/avatar.tsx    |  2 +-
 www/src/components/dynamic-core/badge.tsx     |  2 +-
 .../components/dynamic-core/breadcrumbs.tsx   |  2 +-
 www/src/components/dynamic-core/button.tsx    |  2 ++
 www/src/components/dynamic-core/calendar.tsx  |  2 +-
 .../dynamic-core/checkbox-group.tsx           |  2 +-
 www/src/components/dynamic-core/checkbox.tsx  |  2 +-
 .../components/dynamic-core/color-area.tsx    |  2 +-
 .../components/dynamic-core/color-field.tsx   |  2 +-
 .../components/dynamic-core/color-picker.tsx  |  2 +-
 .../components/dynamic-core/color-slider.tsx  |  2 +-
 .../components/dynamic-core/color-swatch.tsx  |  2 +-
 .../components/dynamic-core/color-thumb.tsx   |  2 +-
 www/src/components/dynamic-core/combobox.tsx  |  2 +-
 .../components/dynamic-core/date-field.tsx    |  2 +-
 .../components/dynamic-core/date-input.tsx    |  2 +-
 .../components/dynamic-core/date-picker.tsx   |  2 +-
 .../dynamic-core/date-range-picker.tsx        |  2 +-
 www/src/components/dynamic-core/dialog.tsx    |  2 +-
 www/src/components/dynamic-core/drop-zone.tsx |  2 +-
 www/src/components/dynamic-core/field.tsx     |  2 +-
 .../components/dynamic-core/file-trigger.tsx  |  2 +-
 www/src/components/dynamic-core/form.tsx      |  2 +-
 www/src/components/dynamic-core/group.tsx     |  2 +-
 www/src/components/dynamic-core/heading.tsx   |  2 +-
 www/src/components/dynamic-core/input.tsx     |  2 +-
 www/src/components/dynamic-core/kbd.tsx       |  2 +-
 www/src/components/dynamic-core/link.tsx      |  2 +-
 www/src/components/dynamic-core/list-box.tsx  |  2 +-
 www/src/components/dynamic-core/menu.tsx      |  2 +-
 .../components/dynamic-core/number-field.tsx  |  2 +-
 www/src/components/dynamic-core/overlay.tsx   |  2 +-
 www/src/components/dynamic-core/progress.tsx  |  2 +-
 .../components/dynamic-core/radio-group.tsx   |  2 +-
 .../dynamic-core/range-calendar.tsx           |  2 +-
 .../components/dynamic-core/search-field.tsx  |  2 +-
 www/src/components/dynamic-core/section.tsx   |  2 +-
 www/src/components/dynamic-core/select.tsx    |  2 +-
 www/src/components/dynamic-core/separator.tsx |  2 +-
 www/src/components/dynamic-core/skeleton.tsx  |  2 +-
 www/src/components/dynamic-core/slider.tsx    |  2 +-
 www/src/components/dynamic-core/switch.tsx    |  2 +-
 www/src/components/dynamic-core/tabs.tsx      |  2 +-
 www/src/components/dynamic-core/tag-group.tsx |  2 +-
 www/src/components/dynamic-core/text-area.tsx |  2 +-
 .../components/dynamic-core/text-field.tsx    |  2 +-
 www/src/components/dynamic-core/text.tsx      |  2 +-
 .../components/dynamic-core/time-field.tsx    |  2 +-
 .../components/dynamic-core/toggle-button.tsx |  2 +-
 .../components/dynamic-core/toggle-group.tsx  |  2 +-
 www/src/components/dynamic-core/tooltip.tsx   |  2 +-
 www/src/hooks/use-debounce.ts                 |  2 +-
 www/src/hooks/use-themes.ts                   |  2 +-
 www/src/registry/core/avatar-01.tsx           |  2 +-
 www/src/registry/core/button-03.tsx           |  9 +++----
 www/src/registry/core/button-04.tsx           | 25 +++++++------------
 www/src/registry/core/slider-01.tsx           |  2 +-
 www/src/registry/core/toggle-group-01.tsx     |  3 +--
 59 files changed, 70 insertions(+), 79 deletions(-)

diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index 6f554a3e5..73e506589 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -1 +1 @@
-export * from "@/registry/core/alert-01"
\ No newline at end of file
+export * from "@/registry/core/alert-01";
diff --git a/www/src/components/dynamic-core/avatar.tsx b/www/src/components/dynamic-core/avatar.tsx
index 222c9250f..7e3ceb817 100644
--- a/www/src/components/dynamic-core/avatar.tsx
+++ b/www/src/components/dynamic-core/avatar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/avatar-01"
\ No newline at end of file
+export * from "@/registry/core/avatar-01";
diff --git a/www/src/components/dynamic-core/badge.tsx b/www/src/components/dynamic-core/badge.tsx
index 399497299..9757c4b28 100644
--- a/www/src/components/dynamic-core/badge.tsx
+++ b/www/src/components/dynamic-core/badge.tsx
@@ -1 +1 @@
-export * from "@/registry/core/badge-01"
\ No newline at end of file
+export * from "@/registry/core/badge-01";
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
index 781209d93..b4bebecfa 100644
--- a/www/src/components/dynamic-core/breadcrumbs.tsx
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/breadcrumbs-01"
\ No newline at end of file
+export * from "@/registry/core/breadcrumbs-01";
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index 2d2e75daf..d60b66c9d 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -6,6 +6,8 @@ import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import { ButtonProps } from "@/registry/core/button-01";
 import { buttonStyles as buttonStyles01 } from "@/registry/core/button-01";
 
+// export * from "@/registry/core/button-02";
+
 export const Button = createDynamicComponent<ButtonProps>("button", "Button", {
   "button-01": React.lazy(() =>
     import("@/__registry__/core/button-01").then((mod) => ({
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index 64e80e248..2924d3338 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/calendar-01"
\ No newline at end of file
+export * from "@/registry/core/calendar-01";
diff --git a/www/src/components/dynamic-core/checkbox-group.tsx b/www/src/components/dynamic-core/checkbox-group.tsx
index 460abbb61..53cd559a5 100644
--- a/www/src/components/dynamic-core/checkbox-group.tsx
+++ b/www/src/components/dynamic-core/checkbox-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox-group-01"
\ No newline at end of file
+export * from "@/registry/core/checkbox-group-01";
diff --git a/www/src/components/dynamic-core/checkbox.tsx b/www/src/components/dynamic-core/checkbox.tsx
index bdc9dcc92..98cc45f78 100644
--- a/www/src/components/dynamic-core/checkbox.tsx
+++ b/www/src/components/dynamic-core/checkbox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox-01"
\ No newline at end of file
+export * from "@/registry/core/checkbox-01";
diff --git a/www/src/components/dynamic-core/color-area.tsx b/www/src/components/dynamic-core/color-area.tsx
index 8191c8f2f..d54f0cef6 100644
--- a/www/src/components/dynamic-core/color-area.tsx
+++ b/www/src/components/dynamic-core/color-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-area-01"
\ No newline at end of file
+export * from "@/registry/core/color-area-01";
diff --git a/www/src/components/dynamic-core/color-field.tsx b/www/src/components/dynamic-core/color-field.tsx
index ca17905a9..63581e2f8 100644
--- a/www/src/components/dynamic-core/color-field.tsx
+++ b/www/src/components/dynamic-core/color-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-field-01"
\ No newline at end of file
+export * from "@/registry/core/color-field-01";
diff --git a/www/src/components/dynamic-core/color-picker.tsx b/www/src/components/dynamic-core/color-picker.tsx
index 679f5565e..07fd6c3e2 100644
--- a/www/src/components/dynamic-core/color-picker.tsx
+++ b/www/src/components/dynamic-core/color-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-picker-01"
\ No newline at end of file
+export * from "@/registry/core/color-picker-01";
diff --git a/www/src/components/dynamic-core/color-slider.tsx b/www/src/components/dynamic-core/color-slider.tsx
index c4621ec24..d87071e82 100644
--- a/www/src/components/dynamic-core/color-slider.tsx
+++ b/www/src/components/dynamic-core/color-slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-slider-01"
\ No newline at end of file
+export * from "@/registry/core/color-slider-01";
diff --git a/www/src/components/dynamic-core/color-swatch.tsx b/www/src/components/dynamic-core/color-swatch.tsx
index 037cc5d84..ccd20c543 100644
--- a/www/src/components/dynamic-core/color-swatch.tsx
+++ b/www/src/components/dynamic-core/color-swatch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-swatch-01"
\ No newline at end of file
+export * from "@/registry/core/color-swatch-01";
diff --git a/www/src/components/dynamic-core/color-thumb.tsx b/www/src/components/dynamic-core/color-thumb.tsx
index 6fa8103ed..b8928bb40 100644
--- a/www/src/components/dynamic-core/color-thumb.tsx
+++ b/www/src/components/dynamic-core/color-thumb.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-thumb-01"
\ No newline at end of file
+export * from "@/registry/core/color-thumb-01";
diff --git a/www/src/components/dynamic-core/combobox.tsx b/www/src/components/dynamic-core/combobox.tsx
index 0b5913a8a..4f8da8510 100644
--- a/www/src/components/dynamic-core/combobox.tsx
+++ b/www/src/components/dynamic-core/combobox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/combobox-01"
\ No newline at end of file
+export * from "@/registry/core/combobox-01";
diff --git a/www/src/components/dynamic-core/date-field.tsx b/www/src/components/dynamic-core/date-field.tsx
index e8788855f..5d864256d 100644
--- a/www/src/components/dynamic-core/date-field.tsx
+++ b/www/src/components/dynamic-core/date-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-field-01"
\ No newline at end of file
+export * from "@/registry/core/date-field-01";
diff --git a/www/src/components/dynamic-core/date-input.tsx b/www/src/components/dynamic-core/date-input.tsx
index 4161fa6af..db6b35a3c 100644
--- a/www/src/components/dynamic-core/date-input.tsx
+++ b/www/src/components/dynamic-core/date-input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-input-01"
\ No newline at end of file
+export * from "@/registry/core/date-input-01";
diff --git a/www/src/components/dynamic-core/date-picker.tsx b/www/src/components/dynamic-core/date-picker.tsx
index c58d4c406..680183c34 100644
--- a/www/src/components/dynamic-core/date-picker.tsx
+++ b/www/src/components/dynamic-core/date-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-picker-01"
\ No newline at end of file
+export * from "@/registry/core/date-picker-01";
diff --git a/www/src/components/dynamic-core/date-range-picker.tsx b/www/src/components/dynamic-core/date-range-picker.tsx
index c3d764f1e..cfeb9dc5c 100644
--- a/www/src/components/dynamic-core/date-range-picker.tsx
+++ b/www/src/components/dynamic-core/date-range-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-range-picker-01"
\ No newline at end of file
+export * from "@/registry/core/date-range-picker-01";
diff --git a/www/src/components/dynamic-core/dialog.tsx b/www/src/components/dynamic-core/dialog.tsx
index 7fced1aed..b0246a5c7 100644
--- a/www/src/components/dynamic-core/dialog.tsx
+++ b/www/src/components/dynamic-core/dialog.tsx
@@ -1 +1 @@
-export * from "@/registry/core/dialog-01"
\ No newline at end of file
+export * from "@/registry/core/dialog-01";
diff --git a/www/src/components/dynamic-core/drop-zone.tsx b/www/src/components/dynamic-core/drop-zone.tsx
index 47abd6f39..0d225ba48 100644
--- a/www/src/components/dynamic-core/drop-zone.tsx
+++ b/www/src/components/dynamic-core/drop-zone.tsx
@@ -1 +1 @@
-export * from "@/registry/core/drop-zone-01"
\ No newline at end of file
+export * from "@/registry/core/drop-zone-01";
diff --git a/www/src/components/dynamic-core/field.tsx b/www/src/components/dynamic-core/field.tsx
index d93fefc96..6068fd385 100644
--- a/www/src/components/dynamic-core/field.tsx
+++ b/www/src/components/dynamic-core/field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/field-01"
\ No newline at end of file
+export * from "@/registry/core/field-01";
diff --git a/www/src/components/dynamic-core/file-trigger.tsx b/www/src/components/dynamic-core/file-trigger.tsx
index fcbf112ce..620029d1e 100644
--- a/www/src/components/dynamic-core/file-trigger.tsx
+++ b/www/src/components/dynamic-core/file-trigger.tsx
@@ -1 +1 @@
-export * from "@/registry/core/file-trigger-01"
\ No newline at end of file
+export * from "@/registry/core/file-trigger-01";
diff --git a/www/src/components/dynamic-core/form.tsx b/www/src/components/dynamic-core/form.tsx
index 67065ec60..b821cddd6 100644
--- a/www/src/components/dynamic-core/form.tsx
+++ b/www/src/components/dynamic-core/form.tsx
@@ -1 +1 @@
-export * from "@/registry/core/form-01"
\ No newline at end of file
+export * from "@/registry/core/form-01";
diff --git a/www/src/components/dynamic-core/group.tsx b/www/src/components/dynamic-core/group.tsx
index d3ec60da8..76ef43ccc 100644
--- a/www/src/components/dynamic-core/group.tsx
+++ b/www/src/components/dynamic-core/group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/group-01"
\ No newline at end of file
+export * from "@/registry/core/group-01";
diff --git a/www/src/components/dynamic-core/heading.tsx b/www/src/components/dynamic-core/heading.tsx
index 890ba31d9..b43243ca1 100644
--- a/www/src/components/dynamic-core/heading.tsx
+++ b/www/src/components/dynamic-core/heading.tsx
@@ -1 +1 @@
-export * from "@/registry/core/heading-01"
\ No newline at end of file
+export * from "@/registry/core/heading-01";
diff --git a/www/src/components/dynamic-core/input.tsx b/www/src/components/dynamic-core/input.tsx
index 39f95f7bb..2ccc94e8c 100644
--- a/www/src/components/dynamic-core/input.tsx
+++ b/www/src/components/dynamic-core/input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/input-01"
\ No newline at end of file
+export * from "@/registry/core/input-01";
diff --git a/www/src/components/dynamic-core/kbd.tsx b/www/src/components/dynamic-core/kbd.tsx
index 39bc9c9f1..14cc4773d 100644
--- a/www/src/components/dynamic-core/kbd.tsx
+++ b/www/src/components/dynamic-core/kbd.tsx
@@ -1 +1 @@
-export * from "@/registry/core/kbd-01"
\ No newline at end of file
+export * from "@/registry/core/kbd-01";
diff --git a/www/src/components/dynamic-core/link.tsx b/www/src/components/dynamic-core/link.tsx
index 7a2b8ea14..be1f1339e 100644
--- a/www/src/components/dynamic-core/link.tsx
+++ b/www/src/components/dynamic-core/link.tsx
@@ -1 +1 @@
-export * from "@/registry/core/link-01"
\ No newline at end of file
+export * from "@/registry/core/link-01";
diff --git a/www/src/components/dynamic-core/list-box.tsx b/www/src/components/dynamic-core/list-box.tsx
index b6b1dcbd9..c8b8cf1d5 100644
--- a/www/src/components/dynamic-core/list-box.tsx
+++ b/www/src/components/dynamic-core/list-box.tsx
@@ -1 +1 @@
-export * from "@/registry/core/list-box-01"
\ No newline at end of file
+export * from "@/registry/core/list-box-01";
diff --git a/www/src/components/dynamic-core/menu.tsx b/www/src/components/dynamic-core/menu.tsx
index 85a965c66..012c085e4 100644
--- a/www/src/components/dynamic-core/menu.tsx
+++ b/www/src/components/dynamic-core/menu.tsx
@@ -1 +1 @@
-export * from "@/registry/core/menu-01"
\ No newline at end of file
+export * from "@/registry/core/menu-01";
diff --git a/www/src/components/dynamic-core/number-field.tsx b/www/src/components/dynamic-core/number-field.tsx
index 046eb7872..5cdc41cdd 100644
--- a/www/src/components/dynamic-core/number-field.tsx
+++ b/www/src/components/dynamic-core/number-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/number-field-01"
\ No newline at end of file
+export * from "@/registry/core/number-field-01";
diff --git a/www/src/components/dynamic-core/overlay.tsx b/www/src/components/dynamic-core/overlay.tsx
index 335e93ac5..f0ded94ef 100644
--- a/www/src/components/dynamic-core/overlay.tsx
+++ b/www/src/components/dynamic-core/overlay.tsx
@@ -1 +1 @@
-export * from "@/registry/core/overlay-01"
\ No newline at end of file
+export * from "@/registry/core/overlay-01";
diff --git a/www/src/components/dynamic-core/progress.tsx b/www/src/components/dynamic-core/progress.tsx
index 6b972346a..387844993 100644
--- a/www/src/components/dynamic-core/progress.tsx
+++ b/www/src/components/dynamic-core/progress.tsx
@@ -1 +1 @@
-export * from "@/registry/core/progress-01"
\ No newline at end of file
+export * from "@/registry/core/progress-01";
diff --git a/www/src/components/dynamic-core/radio-group.tsx b/www/src/components/dynamic-core/radio-group.tsx
index 7ebadf767..be87cdb76 100644
--- a/www/src/components/dynamic-core/radio-group.tsx
+++ b/www/src/components/dynamic-core/radio-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/radio-group-01"
\ No newline at end of file
+export * from "@/registry/core/radio-group-01";
diff --git a/www/src/components/dynamic-core/range-calendar.tsx b/www/src/components/dynamic-core/range-calendar.tsx
index 0057c17f3..5e673438d 100644
--- a/www/src/components/dynamic-core/range-calendar.tsx
+++ b/www/src/components/dynamic-core/range-calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/range-calendar-01"
\ No newline at end of file
+export * from "@/registry/core/range-calendar-01";
diff --git a/www/src/components/dynamic-core/search-field.tsx b/www/src/components/dynamic-core/search-field.tsx
index 2e80ee93f..edd7d6e19 100644
--- a/www/src/components/dynamic-core/search-field.tsx
+++ b/www/src/components/dynamic-core/search-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/search-field-01"
\ No newline at end of file
+export * from "@/registry/core/search-field-01";
diff --git a/www/src/components/dynamic-core/section.tsx b/www/src/components/dynamic-core/section.tsx
index 2057b11b1..ffc60f52e 100644
--- a/www/src/components/dynamic-core/section.tsx
+++ b/www/src/components/dynamic-core/section.tsx
@@ -1 +1 @@
-export * from "@/registry/core/section-01"
\ No newline at end of file
+export * from "@/registry/core/section-01";
diff --git a/www/src/components/dynamic-core/select.tsx b/www/src/components/dynamic-core/select.tsx
index b2a83ad04..57e1af584 100644
--- a/www/src/components/dynamic-core/select.tsx
+++ b/www/src/components/dynamic-core/select.tsx
@@ -1 +1 @@
-export * from "@/registry/core/select-01"
\ No newline at end of file
+export * from "@/registry/core/select-01";
diff --git a/www/src/components/dynamic-core/separator.tsx b/www/src/components/dynamic-core/separator.tsx
index f1e30229e..ee42ed8d7 100644
--- a/www/src/components/dynamic-core/separator.tsx
+++ b/www/src/components/dynamic-core/separator.tsx
@@ -1 +1 @@
-export * from "@/registry/core/separator-01"
\ No newline at end of file
+export * from "@/registry/core/separator-01";
diff --git a/www/src/components/dynamic-core/skeleton.tsx b/www/src/components/dynamic-core/skeleton.tsx
index e9dc590c4..f165362a8 100644
--- a/www/src/components/dynamic-core/skeleton.tsx
+++ b/www/src/components/dynamic-core/skeleton.tsx
@@ -1 +1 @@
-export * from "@/registry/core/skeleton-01"
\ No newline at end of file
+export * from "@/registry/core/skeleton-01";
diff --git a/www/src/components/dynamic-core/slider.tsx b/www/src/components/dynamic-core/slider.tsx
index fda126f24..51715eca9 100644
--- a/www/src/components/dynamic-core/slider.tsx
+++ b/www/src/components/dynamic-core/slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/slider-01"
\ No newline at end of file
+export * from "@/registry/core/slider-01";
diff --git a/www/src/components/dynamic-core/switch.tsx b/www/src/components/dynamic-core/switch.tsx
index 4ad07682f..dd8d31b92 100644
--- a/www/src/components/dynamic-core/switch.tsx
+++ b/www/src/components/dynamic-core/switch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/switch-01"
\ No newline at end of file
+export * from "@/registry/core/switch-01";
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
index c58df16f8..bdd3a6b04 100644
--- a/www/src/components/dynamic-core/tabs.tsx
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tabs-01"
\ No newline at end of file
+export * from "@/registry/core/tabs-01";
diff --git a/www/src/components/dynamic-core/tag-group.tsx b/www/src/components/dynamic-core/tag-group.tsx
index 0daa83c88..4363f9537 100644
--- a/www/src/components/dynamic-core/tag-group.tsx
+++ b/www/src/components/dynamic-core/tag-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tag-group-01"
\ No newline at end of file
+export * from "@/registry/core/tag-group-01";
diff --git a/www/src/components/dynamic-core/text-area.tsx b/www/src/components/dynamic-core/text-area.tsx
index 06e7d9a2c..000eddea3 100644
--- a/www/src/components/dynamic-core/text-area.tsx
+++ b/www/src/components/dynamic-core/text-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-area-01"
\ No newline at end of file
+export * from "@/registry/core/text-area-01";
diff --git a/www/src/components/dynamic-core/text-field.tsx b/www/src/components/dynamic-core/text-field.tsx
index a06a849dc..efe61bb8d 100644
--- a/www/src/components/dynamic-core/text-field.tsx
+++ b/www/src/components/dynamic-core/text-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-field-01"
\ No newline at end of file
+export * from "@/registry/core/text-field-01";
diff --git a/www/src/components/dynamic-core/text.tsx b/www/src/components/dynamic-core/text.tsx
index 8c019eca2..5c0ee6401 100644
--- a/www/src/components/dynamic-core/text.tsx
+++ b/www/src/components/dynamic-core/text.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-01"
\ No newline at end of file
+export * from "@/registry/core/text-01";
diff --git a/www/src/components/dynamic-core/time-field.tsx b/www/src/components/dynamic-core/time-field.tsx
index 7326af006..260595b4e 100644
--- a/www/src/components/dynamic-core/time-field.tsx
+++ b/www/src/components/dynamic-core/time-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/time-field-01"
\ No newline at end of file
+export * from "@/registry/core/time-field-01";
diff --git a/www/src/components/dynamic-core/toggle-button.tsx b/www/src/components/dynamic-core/toggle-button.tsx
index 001317c54..e4955aac0 100644
--- a/www/src/components/dynamic-core/toggle-button.tsx
+++ b/www/src/components/dynamic-core/toggle-button.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-button-01"
\ No newline at end of file
+export * from "@/registry/core/toggle-button-01";
diff --git a/www/src/components/dynamic-core/toggle-group.tsx b/www/src/components/dynamic-core/toggle-group.tsx
index 876647fbc..ebe386a2a 100644
--- a/www/src/components/dynamic-core/toggle-group.tsx
+++ b/www/src/components/dynamic-core/toggle-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-group-01"
\ No newline at end of file
+export * from "@/registry/core/toggle-group-01";
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index 8d3a62ee1..3f5783724 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tooltip-01"
\ No newline at end of file
+export * from "@/registry/core/tooltip-01";
diff --git a/www/src/hooks/use-debounce.ts b/www/src/hooks/use-debounce.ts
index 966f41df8..51144612f 100644
--- a/www/src/hooks/use-debounce.ts
+++ b/www/src/hooks/use-debounce.ts
@@ -14,4 +14,4 @@ export function useDebounce<T>(value: T, delay: number): T {
   }, [value, delay]);
 
   return debouncedValue;
-}
\ No newline at end of file
+}
diff --git a/www/src/hooks/use-themes.ts b/www/src/hooks/use-themes.ts
index cab0e3a66..b7f735d7e 100644
--- a/www/src/hooks/use-themes.ts
+++ b/www/src/hooks/use-themes.ts
@@ -224,6 +224,6 @@ export const useThemes = () => {
     showKeyboardHint,
     setShowKeyboardHint,
     currentVariants: currentTheme.variants,
-    updateVariant
+    updateVariant,
   };
 };
diff --git a/www/src/registry/core/avatar-01.tsx b/www/src/registry/core/avatar-01.tsx
index 25ca612f7..fe12de1b6 100644
--- a/www/src/registry/core/avatar-01.tsx
+++ b/www/src/registry/core/avatar-01.tsx
@@ -162,7 +162,7 @@ export type {
   AvatarRootProps,
   AvatarImageProps,
   AvatarFallbackProps,
-  AvatarPlaceholderProps
+  AvatarPlaceholderProps,
 };
 
 export {
diff --git a/www/src/registry/core/button-03.tsx b/www/src/registry/core/button-03.tsx
index 239bbddef..3ffa691f9 100644
--- a/www/src/registry/core/button-03.tsx
+++ b/www/src/registry/core/button-03.tsx
@@ -21,12 +21,9 @@ const buttonStyles = tv(
     ],
     variants: {
       variant: {
-        default:
-          "bg-bg-neutral text-fg-onNeutral",
-        primary:
-          "bg-bg-primary text-fg-onPrimary",
-        quiet:
-          "text-fg bg-transparent",
+        default: "bg-bg-neutral text-fg-onNeutral",
+        primary: "bg-bg-primary text-fg-onPrimary",
+        quiet: "text-fg bg-transparent",
         outline:
           "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
         accent:
diff --git a/www/src/registry/core/button-04.tsx b/www/src/registry/core/button-04.tsx
index 331dab153..7acb59a89 100644
--- a/www/src/registry/core/button-04.tsx
+++ b/www/src/registry/core/button-04.tsx
@@ -22,22 +22,15 @@ const buttonStyles = tv(
     base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
     variants: {
       variant: {
-        default:
-          "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
-        primary:
-          "bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary",
-        quiet:
-          "hover:bg-bg-inverse/10 text-fg bg-transparent",
+        default: "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
+        primary: "bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary",
+        quiet: "hover:bg-bg-inverse/10 text-fg bg-transparent",
         outline:
           "border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-        accent:
-          "bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent",
-        success:
-          "bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess",
-        warning:
-          "bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning",
-        danger:
-          "bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger",
+        accent: "bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent",
+        success: "bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess",
+        warning: "bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning",
+        danger: "bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger",
       },
       size: {
         sm: "size-8 [&_svg]:size-4",
@@ -106,10 +99,10 @@ const Button = React.forwardRef(
     const handlePress = React.useCallback(
       (e: PressEvent) => {
         // if (disableRipple || isDisabled || disableAnimation) return;
-         onRipplePressHandler(e);
+        onRipplePressHandler(e);
         // domRef.current && onRipplePressHandler(e);
       },
-      [onRipplePressHandler],
+      [onRipplePressHandler]
     );
 
     return (
diff --git a/www/src/registry/core/slider-01.tsx b/www/src/registry/core/slider-01.tsx
index 683a7f8ed..b0161e687 100644
--- a/www/src/registry/core/slider-01.tsx
+++ b/www/src/registry/core/slider-01.tsx
@@ -153,7 +153,7 @@ const SliderFiller = (props: SliderFillerProps) => {
   const { orientation, getThumbPercent, values } = React.useContext(
     AriaSliderStateContext
   );
-  
+
   return (
     <div
       {...props}
diff --git a/www/src/registry/core/toggle-group-01.tsx b/www/src/registry/core/toggle-group-01.tsx
index f198ed4f1..6681c30d1 100644
--- a/www/src/registry/core/toggle-group-01.tsx
+++ b/www/src/registry/core/toggle-group-01.tsx
@@ -8,8 +8,7 @@ const toggleGroupStyles = tv({
   base: "flex gap-1",
   variants: {
     orientation: {
-      horizontal:
-        "flex-row",
+      horizontal: "flex-row",
       vertical: "flex-col items-start",
     },
   },

From 108d7a32a081221017d9a6d0db910776642d815e Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 9 Jan 2025 12:04:15 +0100
Subject: [PATCH 030/165] refactor: clean up project

---
 .../docs/components/buttons/button.mdx        |   23 +-
 www/content/docs/components/buttons/meta.json |    2 +-
 .../buttons/toggle-button-group.mdx           |   30 +
 .../{dates => date-and-time}/calendar.mdx     |    0
 .../{dates => date-and-time}/date-field.mdx   |    0
 .../{dates => date-and-time}/date-picker.mdx  |    0
 .../date-range-picker.mdx                     |    0
 .../{dates => date-and-time}/meta.json        |    0
 .../range-calendar.mdx                        |    0
 .../{dates => date-and-time}/time-field.mdx   |    0
 www/content/docs/components/meta.json         |    2 +-
 www/package.json                              |    2 +-
 www/scripts/build-demos.ts                    |    2 +-
 www/scripts/build-internal-registry.ts        |   19 +-
 .../core/{alert-01.tsx => alert.tsx}          |    0
 .../core/{avatar-01.tsx => avatar.tsx}        |    0
 .../core/{badge-01.tsx => badge.tsx}          |    0
 .../{breadcrumbs-01.tsx => breadcrumbs.tsx}   |    0
 www/src/__registry__/core/button-01.tsx       |   11 +-
 www/src/__registry__/core/button-02.tsx       |    6 +-
 www/src/__registry__/core/button-03.tsx       |    6 +-
 www/src/__registry__/core/button-04.tsx       |    6 +-
 .../core/{calendar-01.tsx => calendar.tsx}    |    4 +-
 .../core/checkbox-group.tsx}                  |    4 +-
 .../core/{checkbox-01.tsx => checkbox.tsx}    |    0
 .../core/color-area.tsx}                      |    2 +-
 .../core/color-field.tsx}                     |    4 +-
 .../{color-picker-01.tsx => color-picker.tsx} |   14 +-
 .../core/color-slider.tsx}                    |    4 +-
 .../{color-swatch-01.tsx => color-swatch.tsx} |    0
 .../{color-thumb-01.tsx => color-thumb.tsx}   |    0
 .../core/{combobox-01.tsx => combobox.tsx}    |    8 +-
 .../core/date-field.tsx}                      |    6 +-
 .../{date-input-01.tsx => date-input.tsx}     |    0
 .../core/date-picker.tsx}                     |   10 +-
 .../core/date-range-picker.tsx}               |   10 +-
 .../core/{dialog-01.tsx => dialog.tsx}        |    6 +-
 .../core/{drop-zone-01.tsx => drop-zone.tsx}  |    0
 .../core/{field-01.tsx => field.tsx}          |    0
 .../{file-trigger-01.tsx => file-trigger.tsx} |    0
 .../core/{form-01.tsx => form.tsx}            |    0
 .../core/{group-01.tsx => group.tsx}          |    0
 .../core/{heading-01.tsx => heading.tsx}      |    0
 .../core/{input-01.tsx => input.tsx}          |    0
 .../__registry__/core/{kbd-01.tsx => kbd.tsx} |    0
 .../core/{link-01.tsx => link.tsx}            |    0
 .../core/{list-box-01.tsx => list-box.tsx}    |    2 +-
 .../__registry__/core/loader-dot-spinner.tsx  |   48 +
 .../__registry__/core/loader-line-spinner.tsx |   41 +
 www/src/__registry__/core/loader-ring.tsx     |   33 +
 www/src/__registry__/core/loader-tailspin.tsx |   75 +
 www/src/__registry__/core/loader-wave.tsx     |   46 +
 .../core/{menu-01.tsx => menu.tsx}            |    6 +-
 .../core/number-field.tsx}                    |    4 +-
 .../core/{overlay-01.tsx => overlay.tsx}      |    0
 .../core/{progress-01.tsx => progress.tsx}    |    2 +-
 .../{radio-group-01.tsx => radio-group.tsx}   |    2 +-
 ...nge-calendar-01.tsx => range-calendar.tsx} |    6 +-
 .../{scroll-area-01.tsx => scroll-area.tsx}   |    0
 .../core/search-field.tsx}                    |    4 +-
 .../core/{section-01.tsx => section.tsx}      |    0
 .../core/{select-01.tsx => select.tsx}        |    6 +-
 .../core/{separator-01.tsx => separator.tsx}  |    0
 .../core/{skeleton-01.tsx => skeleton.tsx}    |    0
 .../core/{slider-01.tsx => slider.tsx}        |    3 +-
 .../core/{switch-01.tsx => switch.tsx}        |    0
 .../core/{tabs-01.tsx => tabs.tsx}            |    0
 .../core/{tag-group-01.tsx => tag-group.tsx}  |    2 +-
 .../core/{text-area-01.tsx => text-area.tsx}  |    6 +-
 .../{text-field-01.tsx => text-field.tsx}     |    4 +-
 .../core/{text-01.tsx => text.tsx}            |    0
 .../{time-field-01.tsx => time-field.tsx}     |    6 +-
 ...toggle-button-01.tsx => toggle-button.tsx} |    0
 .../{toggle-group-01.tsx => toggle-group.tsx} |    0
 .../core/{tooltip-01.tsx => tooltip.tsx}      |    0
 www/src/__registry__/demos.tsx                | 2120 +++++++----------
 www/src/__registry__/icons/index.tsx          |   50 -
 www/src/__registry__/icons/registry.ts        |  535 -----
 .../(docs)/themes/components/input-style.tsx  |   21 -
 www/src/app/(app)/(home)/page.tsx             |  120 -
 .../{(docs) => }/docs/[...slug]/page.tsx      |    0
 www/src/app/(app)/{(docs) => }/layout.tsx     |    0
 .../app/(app)/{(docs) => }/themes/buttons.tsx |    0
 .../themes/components/borders.tsx             |    0
 .../themes/components/button-style.tsx        |   20 +-
 .../themes/components/clone-theme.tsx         |    0
 .../{(docs) => }/themes/components/colors.tsx |    0
 .../themes/components/context.tsx             |    0
 .../themes/components/copy-theme.tsx          |    0
 .../themes/components/create-theme.tsx        |    0
 .../themes/components/delete-theme.tsx        |    0
 .../themes/components/explore-themes.tsx      |    0
 .../(app)/themes/components/focus-style.tsx   |   61 +
 .../themes/components/iconography.tsx         |    0
 .../(app)/themes/components/input-style.tsx   |   66 +
 .../(app)/themes/components/listbox-style.tsx |   70 +
 .../(app)/themes/components/loader-style.tsx  |   77 +
 .../(app)/themes/components/overlay-style.tsx |   66 +
 .../(app)/themes/components/picker-style.tsx  |   71 +
 .../themes/components/preview.tsx             |    0
 .../(app)/themes/components/tabs-style.tsx    |   66 +
 .../themes/components/theme-select.tsx        |    0
 .../themes/components/typography.tsx          |    0
 .../app/(app)/{(docs) => }/themes/page.tsx    |   41 +-
 www/src/app/(home)/components-overview.tsx    |  322 +++
 www/src/app/(home)/page.tsx                   |   75 +
 www/src/app/(home)/themes-preview.tsx         |   39 +
 www/src/app/internal/page.tsx                 |   17 +
 www/src/components/core/alert.tsx             |    2 +-
 www/src/components/core/avatar.tsx            |    2 +-
 www/src/components/core/badge.tsx             |    2 +-
 www/src/components/core/breadcrumbs.tsx       |    2 +-
 www/src/components/core/calendar.tsx          |    2 +-
 www/src/components/core/checkbox-group.tsx    |    2 +-
 www/src/components/core/checkbox.tsx          |    2 +-
 www/src/components/core/color-area.tsx        |    2 +-
 www/src/components/core/color-field.tsx       |    2 +-
 www/src/components/core/color-picker.tsx      |    2 +-
 www/src/components/core/color-slider.tsx      |    2 +-
 www/src/components/core/color-swatch.tsx      |    2 +-
 www/src/components/core/color-thumb.tsx       |    2 +-
 www/src/components/core/combobox.tsx          |    2 +-
 www/src/components/core/date-field.tsx        |    2 +-
 www/src/components/core/date-input.tsx        |    2 +-
 www/src/components/core/date-picker.tsx       |    2 +-
 www/src/components/core/date-range-picker.tsx |    2 +-
 www/src/components/core/dialog.tsx            |    2 +-
 www/src/components/core/drop-zone.tsx         |    2 +-
 www/src/components/core/field.tsx             |    2 +-
 www/src/components/core/file-trigger.tsx      |    2 +-
 www/src/components/core/form.tsx              |    2 +-
 www/src/components/core/group.tsx             |    2 +-
 www/src/components/core/heading.tsx           |    2 +-
 www/src/components/core/input.tsx             |    2 +-
 www/src/components/core/kbd.tsx               |    2 +-
 www/src/components/core/link.tsx              |    2 +-
 www/src/components/core/list-box.tsx          |    2 +-
 www/src/components/core/menu.tsx              |    2 +-
 www/src/components/core/number-field.tsx      |    2 +-
 www/src/components/core/overlay.tsx           |    2 +-
 www/src/components/core/progress.tsx          |    2 +-
 www/src/components/core/radio-group.tsx       |    2 +-
 www/src/components/core/range-calendar.tsx    |    2 +-
 www/src/components/core/search-field.tsx      |    2 +-
 www/src/components/core/section.tsx           |    2 +-
 www/src/components/core/select.tsx            |    2 +-
 www/src/components/core/separator.tsx         |    2 +-
 www/src/components/core/skeleton.tsx          |    2 +-
 www/src/components/core/slider.tsx            |    2 +-
 www/src/components/core/switch.tsx            |    2 +-
 www/src/components/core/tabs.tsx              |    2 +-
 www/src/components/core/tag-group.tsx         |    2 +-
 www/src/components/core/text-area.tsx         |    2 +-
 www/src/components/core/text-field.tsx        |    2 +-
 www/src/components/core/text.tsx              |    2 +-
 www/src/components/core/time-field.tsx        |    2 +-
 www/src/components/core/toggle-button.tsx     |    2 +-
 www/src/components/core/toggle-group.tsx      |    2 +-
 www/src/components/core/tooltip.tsx           |    2 +-
 www/src/components/dynamic-core/alert.tsx     |    2 +-
 www/src/components/dynamic-core/avatar.tsx    |    2 +-
 www/src/components/dynamic-core/badge.tsx     |    2 +-
 .../components/dynamic-core/breadcrumbs.tsx   |    2 +-
 www/src/components/dynamic-core/button.tsx    |    6 -
 www/src/components/dynamic-core/calendar.tsx  |    2 +-
 .../dynamic-core/checkbox-group.tsx           |    2 +-
 www/src/components/dynamic-core/checkbox.tsx  |    2 +-
 .../components/dynamic-core/color-area.tsx    |    2 +-
 .../components/dynamic-core/color-field.tsx   |    2 +-
 .../components/dynamic-core/color-picker.tsx  |    2 +-
 .../components/dynamic-core/color-slider.tsx  |    2 +-
 .../components/dynamic-core/color-swatch.tsx  |    2 +-
 .../components/dynamic-core/color-thumb.tsx   |    2 +-
 www/src/components/dynamic-core/combobox.tsx  |    2 +-
 .../dynamic-core/contextual-help.tsx          |    2 +-
 .../components/dynamic-core/date-field.tsx    |    2 +-
 .../components/dynamic-core/date-input.tsx    |    2 +-
 .../components/dynamic-core/date-picker.tsx   |    2 +-
 .../dynamic-core/date-range-picker.tsx        |    2 +-
 www/src/components/dynamic-core/dialog.tsx    |    2 +-
 www/src/components/dynamic-core/drop-zone.tsx |    2 +-
 www/src/components/dynamic-core/field.tsx     |    2 +-
 .../components/dynamic-core/file-trigger.tsx  |    2 +-
 www/src/components/dynamic-core/form.tsx      |    2 +-
 www/src/components/dynamic-core/group.tsx     |    2 +-
 www/src/components/dynamic-core/heading.tsx   |    2 +-
 www/src/components/dynamic-core/input.tsx     |    2 +-
 www/src/components/dynamic-core/kbd.tsx       |    2 +-
 www/src/components/dynamic-core/link.tsx      |    2 +-
 www/src/components/dynamic-core/list-box.tsx  |    2 +-
 www/src/components/dynamic-core/loader.tsx    |   35 +
 www/src/components/dynamic-core/menu.tsx      |    2 +-
 .../components/dynamic-core/number-field.tsx  |    2 +-
 www/src/components/dynamic-core/overlay.tsx   |    2 +-
 www/src/components/dynamic-core/progress.tsx  |    2 +-
 .../components/dynamic-core/radio-group.tsx   |    2 +-
 .../dynamic-core/range-calendar.tsx           |    2 +-
 .../components/dynamic-core/search-field.tsx  |    2 +-
 www/src/components/dynamic-core/section.tsx   |    2 +-
 www/src/components/dynamic-core/select.tsx    |    2 +-
 www/src/components/dynamic-core/separator.tsx |    2 +-
 www/src/components/dynamic-core/skeleton.tsx  |    2 +-
 www/src/components/dynamic-core/slider.tsx    |    2 +-
 www/src/components/dynamic-core/switch.tsx    |    2 +-
 www/src/components/dynamic-core/table.tsx     |    1 +
 www/src/components/dynamic-core/tabs.tsx      |    2 +-
 www/src/components/dynamic-core/tag-group.tsx |    2 +-
 www/src/components/dynamic-core/text-area.tsx |    2 +-
 .../components/dynamic-core/text-field.tsx    |    2 +-
 www/src/components/dynamic-core/text.tsx      |    2 +-
 .../components/dynamic-core/time-field.tsx    |    2 +-
 .../components/dynamic-core/toggle-button.tsx |    2 +-
 .../components/dynamic-core/toggle-group.tsx  |    2 +-
 www/src/components/dynamic-core/tooltip.tsx   |    2 +-
 www/src/components/header.tsx                 |    2 +-
 www/src/components/icons/index.ts             |    1 +
 www/src/components/theme-override.tsx         |    1 -
 www/src/{registry => }/demos/alert/action.tsx |    0
 .../demos/alert/composition.tsx               |    0
 .../{registry => }/demos/alert/content.tsx    |    0
 .../demos/alert/custom-icon.tsx               |    0
 .../{registry => }/demos/alert/default.tsx    |    0
 www/src/{registry => }/demos/alert/title.tsx  |    0
 .../{registry => }/demos/alert/variants.tsx   |    0
 .../demos/avatar/composition.tsx              |    0
 .../{registry => }/demos/avatar/default.tsx   |    0
 www/src/{registry => }/demos/avatar/shape.tsx |    0
 www/src/{registry => }/demos/avatar/sizes.tsx |    0
 .../{registry => }/demos/badge/default.tsx    |    2 +-
 www/src/{registry => }/demos/badge/icon.tsx   |    2 +-
 www/src/{registry => }/demos/badge/sizes.tsx  |    2 +-
 .../{registry => }/demos/badge/variants.tsx   |    2 +-
 .../demos/breadcrumbs/basic.tsx               |    0
 .../demos/breadcrumbs/composition.tsx         |    0
 .../demos/breadcrumbs/disabled.tsx            |    0
 .../{registry => }/demos/breadcrumbs/icon.tsx |    0
 .../demos/breadcrumbs/router-integration.tsx  |    0
 .../{registry => }/demos/button/default.tsx   |    0
 .../{registry => }/demos/button/disabled.tsx  |    0
 .../demos/button/link-button.tsx              |    0
 .../{registry => }/demos/button/loading.tsx   |    0
 .../demos/button/prefix-and-suffix.tsx        |    0
 .../{registry => }/demos/button/shapes.tsx    |    0
 www/src/{registry => }/demos/button/sizes.tsx |    0
 .../{registry => }/demos/button/variants.tsx  |    0
 .../demos/calendar/composition.tsx            |    0
 .../demos/calendar/controlled.tsx             |    0
 .../{registry => }/demos/calendar/default.tsx |    0
 .../demos/calendar/disabled.tsx               |    0
 .../demos/calendar/error-message.tsx          |    0
 .../{registry => }/demos/calendar/label.tsx   |    0
 .../demos/calendar/page-behaviour.tsx         |    0
 .../demos/calendar/read-only.tsx              |    0
 .../demos/calendar/uncontrolled.tsx           |    0
 .../demos/calendar/unvailable-dates.tsx       |    0
 .../demos/calendar/validation.tsx             |    0
 .../demos/calendar/visible-months.tsx         |    0
 .../demos/checkbox-group/cards.tsx            |    0
 .../demos/checkbox-group/composition.tsx      |    0
 .../demos/checkbox-group/contextual-help.tsx  |    0
 .../demos/checkbox-group/controlled.tsx       |    0
 .../demos/checkbox-group/default.tsx          |    0
 .../demos/checkbox-group/description.tsx      |    0
 .../demos/checkbox-group/disabled.tsx         |    0
 .../demos/checkbox-group/error-message.tsx    |    0
 .../demos/checkbox-group/label.tsx            |    0
 .../demos/checkbox-group/read-only.tsx        |    0
 .../demos/checkbox-group/required.tsx         |    0
 .../demos/checkbox-group/uncontrolled.tsx     |    0
 .../{registry => }/demos/checkbox/card.tsx    |    0
 .../demos/checkbox/controlled.tsx             |    0
 .../{registry => }/demos/checkbox/default.tsx |    0
 .../demos/checkbox/disabled.tsx               |    0
 .../demos/checkbox/indeterminate.tsx          |    0
 .../demos/checkbox/read-only.tsx              |    0
 .../demos/checkbox/uncontrolled.tsx           |    0
 .../demos/color-area/channels.tsx             |    0
 .../demos/color-area/composition.tsx          |    0
 .../demos/color-area/controlled.tsx           |    0
 .../demos/color-area/default.tsx              |    0
 .../demos/color-area/disabled.tsx             |    0
 .../demos/color-area/uncontrolled.tsx         |    0
 .../demos/color-field/composition.tsx         |    0
 .../demos/color-field/contextual-help.tsx     |    0
 .../demos/color-field/controlled.tsx          |    0
 .../demos/color-field/default.tsx             |    0
 .../demos/color-field/description.tsx         |    0
 .../demos/color-field/disabled.tsx            |    0
 .../demos/color-field/error-message.tsx       |    0
 .../{registry => }/demos/color-field/form.tsx |    0
 .../demos/color-field/label.tsx               |    0
 .../demos/color-field/loading.tsx             |    0
 .../demos/color-field/prefix-and-suffix.tsx   |    0
 .../demos/color-field/read-only.tsx           |    0
 .../demos/color-field/required.tsx            |    0
 .../demos/color-field/sizes.tsx               |    0
 .../demos/color-field/uncontrolled.tsx        |    0
 .../demos/color-picker/composition.tsx        |    0
 .../demos/color-picker/controlled.tsx         |    0
 .../demos/color-picker/default.tsx            |    0
 .../demos/color-picker/options.tsx            |    0
 .../demos/color-picker/uncontrolled.tsx       |    0
 .../demos/color-slider/channel.tsx            |    0
 .../demos/color-slider/composition.tsx        |    0
 .../demos/color-slider/controlled.tsx         |    0
 .../demos/color-slider/default.tsx            |    0
 .../demos/color-slider/disabled.tsx           |    0
 .../demos/color-slider/label.tsx              |    0
 .../demos/color-slider/uncontrolled.tsx       |    0
 .../demos/color-slider/vertical.tsx           |    0
 .../demos/color-swatch/default.tsx            |    0
 .../demos/combobox/async-loading.tsx          |    0
 .../{registry => }/demos/combobox/basic.tsx   |    0
 .../demos/combobox/composition.tsx            |    0
 .../demos/combobox/contextual-help.tsx        |    0
 .../demos/combobox/controlled.tsx             |    0
 .../demos/combobox/custom-value.tsx           |    0
 .../demos/combobox/description.tsx            |    0
 .../demos/combobox/disabled.tsx               |    0
 .../{registry => }/demos/combobox/label.tsx   |    0
 .../{registry => }/demos/combobox/loading.tsx |    0
 .../demos/combobox/required.tsx               |    0
 .../demos/combobox/sections.tsx               |    0
 .../demos/combobox/uncontrolled.tsx           |    0
 .../demos/combobox/validation.tsx             |    0
 .../demos/date-field/composition.tsx          |    0
 .../demos/date-field/contextual-help.tsx      |    0
 .../demos/date-field/controlled.tsx           |    0
 .../demos/date-field/default.tsx              |    0
 .../demos/date-field/description.tsx          |    0
 .../demos/date-field/disabled.tsx             |    0
 .../demos/date-field/error-message.tsx        |    0
 .../demos/date-field/granularity.tsx          |    0
 .../demos/date-field/hide-time-zone.tsx       |    0
 .../demos/date-field/hour-cycle.tsx           |    0
 .../{registry => }/demos/date-field/label.tsx |    0
 .../demos/date-field/loading.tsx              |    0
 .../demos/date-field/placeholder.tsx          |    0
 .../demos/date-field/prefix-and-suffix.tsx    |    0
 .../demos/date-field/read-only.tsx            |    0
 .../demos/date-field/required.tsx             |    0
 .../{registry => }/demos/date-field/sizes.tsx |    0
 .../demos/date-field/time-zones.tsx           |    0
 .../demos/date-field/uncontrolled.tsx         |    0
 .../demos/date-picker/composition.tsx         |    0
 .../demos/date-picker/contextual-help.tsx     |    0
 .../demos/date-picker/controlled.tsx          |    0
 .../demos/date-picker/default.tsx             |    0
 .../demos/date-picker/description.tsx         |    0
 .../demos/date-picker/disabled.tsx            |    0
 .../demos/date-picker/error-message.tsx       |    0
 .../demos/date-picker/granularity.tsx         |    0
 .../demos/date-picker/hide-time-zone.tsx      |    0
 .../demos/date-picker/hour-cycle.tsx          |    0
 .../demos/date-picker/label.tsx               |    0
 .../demos/date-picker/loading.tsx             |    0
 .../demos/date-picker/placeholder.tsx         |    0
 .../demos/date-picker/prefix.tsx              |    0
 .../demos/date-picker/read-only.tsx           |    0
 .../demos/date-picker/required.tsx            |    0
 .../demos/date-picker/sizes.tsx               |    0
 .../demos/date-picker/time-zones.tsx          |    0
 .../demos/date-picker/uncontrolled.tsx        |    0
 .../demos/date-range-picker/composition.tsx   |    0
 .../date-range-picker/contextual-help.tsx     |    0
 .../demos/date-range-picker/controlled.tsx    |    0
 .../demos/date-range-picker/default.tsx       |    0
 .../demos/date-range-picker/description.tsx   |    0
 .../demos/date-range-picker/disabled.tsx      |    0
 .../demos/date-range-picker/error-message.tsx |    0
 .../demos/date-range-picker/granularity.tsx   |    0
 .../date-range-picker/hide-time-zone.tsx      |    0
 .../demos/date-range-picker/hour-cycle.tsx    |    0
 .../demos/date-range-picker/label.tsx         |    0
 .../demos/date-range-picker/loading.tsx       |    0
 .../demos/date-range-picker/placeholder.tsx   |    0
 .../demos/date-range-picker/prefix.tsx        |    0
 .../demos/date-range-picker/read-only.tsx     |    0
 .../demos/date-range-picker/required.tsx      |    0
 .../demos/date-range-picker/sizes.tsx         |    0
 .../demos/date-range-picker/time-zones.tsx    |    0
 .../demos/date-range-picker/uncontrolled.tsx  |    0
 .../demos/dialog/alert-dialog.tsx             |    0
 .../demos/dialog/async-form-submission.tsx    |    0
 www/src/{registry => }/demos/dialog/basic.tsx |    0
 .../demos/dialog/composition.tsx              |    0
 .../demos/dialog/controlled.tsx               |    0
 .../demos/dialog/description.tsx              |    0
 .../demos/dialog/dismiss-button.tsx           |    0
 .../demos/dialog/dismissable.tsx              |    0
 .../{registry => }/demos/dialog/drawer.tsx    |    0
 .../demos/dialog/inset-content.tsx            |    0
 .../{registry => }/demos/dialog/nested.tsx    |    0
 .../{registry => }/demos/dialog/popover.tsx   |    0
 www/src/{registry => }/demos/dialog/title.tsx |    0
 www/src/{registry => }/demos/dialog/types.tsx |    0
 .../demos/drop-zone/default.tsx               |    0
 .../demos/drop-zone/disabled.tsx              |    0
 .../demos/drop-zone/file-trigger.tsx          |    0
 .../{registry => }/demos/drop-zone/label.tsx  |    0
 .../demos/file-trigger/default.tsx            |    0
 .../file-trigger/directory-selection.tsx      |    0
 .../demos/file-trigger/file-types.tsx         |    0
 .../demos/file-trigger/media-capture.tsx      |    0
 .../demos/file-trigger/multiple-files.tsx     |    0
 www/src/{registry => }/demos/link/default.tsx |    0
 .../{registry => }/demos/link/disabled.tsx    |    0
 www/src/{registry => }/demos/link/icon.tsx    |    0
 .../{registry => }/demos/link/variants.tsx    |    0
 .../demos/list-box/async-loading.tsx          |    0
 .../{registry => }/demos/list-box/basic.tsx   |    0
 .../demos/list-box/composition.tsx            |    0
 .../demos/list-box/contact-list.tsx           |    0
 .../demos/list-box/controlled.tsx             |    0
 .../demos/list-box/disabled-items.tsx         |    0
 .../demos/list-box/empty-state.tsx            |    0
 .../{registry => }/demos/list-box/grid.tsx    |    0
 .../demos/list-box/horizontal.tsx             |    0
 .../demos/list-box/image-grid.tsx             |    0
 .../demos/list-box/item-variant.tsx           |    0
 .../demos/list-box/label-and-description.tsx  |    0
 .../{registry => }/demos/list-box/links.tsx   |    0
 .../{registry => }/demos/list-box/loading.tsx |    0
 .../demos/list-box/prefix-and-suffix.tsx      |    0
 .../demos/list-box/sections.tsx               |    0
 .../demos/list-box/selection-behavior.tsx     |    0
 .../demos/list-box/selection-mode.tsx         |    0
 .../demos/list-box/separator.tsx              |    0
 .../demos/list-box/uncontrolled.tsx           |    0
 www/src/{registry => }/demos/menu/basic.tsx   |    0
 .../{registry => }/demos/menu/composition.tsx |    0
 .../{registry => }/demos/menu/controlled.tsx  |    0
 .../demos/menu/disabled-items.tsx             |    0
 .../demos/menu/item-variant.tsx               |    0
 .../demos/menu/label-and-description.tsx      |    0
 .../{registry => }/demos/menu/link-items.tsx  |    0
 .../{registry => }/demos/menu/long-press.tsx  |    0
 .../demos/menu/multiple-selection.tsx         |    0
 .../demos/menu/overlay-type.tsx               |    0
 .../{registry => }/demos/menu/placement.tsx   |    0
 .../demos/menu/prefix-and-suffix.tsx          |    0
 www/src/{registry => }/demos/menu/section.tsx |    0
 .../{registry => }/demos/menu/separator.tsx   |    0
 .../{registry => }/demos/menu/shortcut.tsx    |    0
 .../demos/menu/single-selection.tsx           |    0
 .../{registry => }/demos/menu/submenus.tsx    |    0
 .../demos/number-field/composition.tsx        |    0
 .../demos/number-field/contextual-help.tsx    |    0
 .../demos/number-field/controlled.tsx         |    0
 .../demos/number-field/default.tsx            |    0
 .../demos/number-field/description.tsx        |    0
 .../demos/number-field/disabled.tsx           |    0
 .../demos/number-field/error-message.tsx      |    0
 .../demos/number-field/format-options.tsx     |    0
 .../demos/number-field/label.tsx              |    0
 .../demos/number-field/read-only.tsx          |    0
 .../demos/number-field/required.tsx           |    0
 .../demos/number-field/sizes.tsx              |    0
 .../demos/number-field/uncontrolled.tsx       |    0
 .../demos/progress/composition.tsx            |    0
 .../demos/progress/custom-color.tsx           |    0
 .../demos/progress/custom-value-label.tsx     |    0
 .../{registry => }/demos/progress/default.tsx |    0
 .../demos/progress/duration.tsx               |    0
 .../demos/progress/format-options.tsx         |    0
 .../demos/progress/indeterminate.tsx          |    0
 .../{registry => }/demos/progress/label.tsx   |    0
 .../demos/progress/min-max-values.tsx         |    0
 .../{registry => }/demos/progress/shape.tsx   |    0
 .../{registry => }/demos/progress/sizes.tsx   |    0
 .../{registry => }/demos/progress/toolbar.tsx |    0
 .../demos/progress/value-label.tsx            |    0
 .../demos/progress/variants.tsx               |    0
 .../demos/radio-group/cards.tsx               |    0
 .../demos/radio-group/composition.tsx         |    0
 .../demos/radio-group/contextual-help.tsx     |    0
 .../demos/radio-group/controlled.tsx          |    0
 .../demos/radio-group/default.tsx             |    0
 .../demos/radio-group/description.tsx         |    0
 .../demos/radio-group/disabled.tsx            |    0
 .../demos/radio-group/error-message.tsx       |    0
 .../demos/radio-group/label.tsx               |    0
 .../demos/radio-group/orientation.tsx         |    0
 .../demos/radio-group/read-only.tsx           |    0
 .../demos/radio-group/required.tsx            |    0
 .../demos/radio-group/uncontrolled.tsx        |    0
 .../demos/range-calendar/composition.tsx      |    0
 .../demos/range-calendar/controlled.tsx       |    0
 .../demos/range-calendar/default.tsx          |    0
 .../demos/range-calendar/disabled.tsx         |    0
 .../demos/range-calendar/error-message.tsx    |    0
 .../demos/range-calendar/label.tsx            |    0
 .../range-calendar/non-contiguous-ranges.tsx  |    0
 .../demos/range-calendar/page-behaviour.tsx   |    0
 .../demos/range-calendar/read-only.tsx        |    0
 .../demos/range-calendar/uncontrolled.tsx     |    0
 .../demos/range-calendar/unvailable-dates.tsx |    0
 .../demos/range-calendar/validation.tsx       |    0
 .../demos/range-calendar/visible-months.tsx   |    0
 .../{registry/demos.ts => demos/registry.ts}  |    2 +-
 .../demos/search-field/composition.tsx        |    0
 .../demos/search-field/contextual-help.tsx    |    0
 .../demos/search-field/controlled.tsx         |    0
 .../demos/search-field/default.tsx            |    0
 .../demos/search-field/description.tsx        |    0
 .../demos/search-field/disabled.tsx           |    0
 .../demos/search-field/error-message.tsx      |    0
 .../demos/search-field/form.tsx               |    0
 .../demos/search-field/label.tsx              |    0
 .../demos/search-field/loading.tsx            |    0
 .../demos/search-field/prefix-and-suffix.tsx  |    0
 .../demos/search-field/read-only.tsx          |    0
 .../demos/search-field/required.tsx           |    0
 .../demos/search-field/sizes.tsx              |    0
 .../demos/search-field/uncontrolled.tsx       |    0
 .../demos/select/async-loading.tsx            |    0
 www/src/{registry => }/demos/select/basic.tsx |    0
 .../demos/select/composition.tsx              |    0
 .../demos/select/contextual-help.tsx          |    0
 .../demos/select/controlled.tsx               |    0
 .../demos/select/description.tsx              |    0
 .../{registry => }/demos/select/disabled.tsx  |    0
 www/src/{registry => }/demos/select/label.tsx |    0
 www/src/{registry => }/demos/select/links.tsx |    0
 .../{registry => }/demos/select/loading.tsx   |    0
 .../demos/select/placeholder.tsx              |    0
 .../{registry => }/demos/select/required.tsx  |    0
 .../{registry => }/demos/select/sections.tsx  |    0
 .../demos/select/uncontrolled.tsx             |    0
 .../demos/select/validation.tsx               |    0
 .../{registry => }/demos/separator/card.tsx   |    0
 .../demos/separator/orientation.tsx           |    0
 .../demos/skeleton/api-simulation.tsx         |    0
 .../{registry => }/demos/skeleton/card.tsx    |    0
 .../demos/skeleton/children.tsx               |    0
 .../demos/skeleton/fixed-size-children.tsx    |    0
 .../{registry => }/demos/skeleton/show.tsx    |    0
 .../demos/slider/advanced-composition.tsx     |    0
 .../demos/slider/composition.tsx              |    0
 .../demos/slider/controlled.tsx               |    0
 .../{registry => }/demos/slider/default.tsx   |    0
 .../demos/slider/description.tsx              |    0
 .../{registry => }/demos/slider/disabled.tsx  |    0
 .../demos/slider/format-options.tsx           |    0
 www/src/{registry => }/demos/slider/label.tsx |    0
 www/src/{registry => }/demos/slider/range.tsx |    0
 www/src/{registry => }/demos/slider/sizes.tsx |    0
 www/src/{registry => }/demos/slider/step.tsx  |    0
 .../demos/slider/uncontrolled.tsx             |    0
 .../demos/slider/value-label.tsx              |    0
 .../demos/slider/value-scale.tsx              |    0
 .../{registry => }/demos/slider/vertical.tsx  |    0
 .../demos/switch/controlled.tsx               |    0
 .../{registry => }/demos/switch/default.tsx   |    0
 .../{registry => }/demos/switch/disabled.tsx  |    0
 www/src/{registry => }/demos/switch/label.tsx |    0
 www/src/{registry => }/demos/switch/sizes.tsx |    0
 .../demos/switch/uncontrolled.tsx             |    0
 www/src/{registry => }/demos/tabs/basic.tsx   |    0
 .../{registry => }/demos/tabs/controlled.tsx  |    0
 .../demos/tabs/disabled-item.tsx              |    0
 .../{registry => }/demos/tabs/disabled.tsx    |    0
 .../demos/tabs/keyboard-activation.tsx        |    0
 .../{registry => }/demos/tabs/vertical.tsx    |    0
 .../demos/text-area/composition.tsx           |    0
 .../demos/text-area/contextual-help.tsx       |    0
 .../demos/text-area/controlled.tsx            |    0
 .../demos/text-area/default.tsx               |    0
 .../demos/text-area/description.tsx           |    0
 .../demos/text-area/disabled.tsx              |    0
 .../demos/text-area/error-message.tsx         |    0
 .../{registry => }/demos/text-area/form.tsx   |    0
 .../{registry => }/demos/text-area/label.tsx  |    0
 .../demos/text-area/loading.tsx               |    0
 .../demos/text-area/prefix-and-suffix.tsx     |    0
 .../demos/text-area/read-only.tsx             |    0
 .../demos/text-area/required.tsx              |    0
 .../demos/text-area/uncontrolled.tsx          |    0
 .../demos/text-field/composition.tsx          |    0
 .../demos/text-field/contextual-help.tsx      |    0
 .../demos/text-field/controlled.tsx           |    0
 .../demos/text-field/default.tsx              |    0
 .../demos/text-field/description.tsx          |    0
 .../demos/text-field/disabled.tsx             |    0
 .../demos/text-field/error-message.tsx        |    0
 .../{registry => }/demos/text-field/label.tsx |    0
 .../demos/text-field/loading.tsx              |    0
 .../demos/text-field/prefix-and-suffix.tsx    |    0
 .../demos/text-field/read-only.tsx            |    0
 .../demos/text-field/required.tsx             |    0
 .../{registry => }/demos/text-field/sizes.tsx |    0
 .../demos/text-field/uncontrolled.tsx         |    0
 .../demos/time-field/composition.tsx          |    0
 .../demos/time-field/contextual-help.tsx      |    0
 .../demos/time-field/controlled.tsx           |    0
 .../demos/time-field/default.tsx              |    0
 .../demos/time-field/description.tsx          |    0
 .../demos/time-field/disabled.tsx             |    0
 .../demos/time-field/error-message.tsx        |    0
 .../demos/time-field/granularity.tsx          |    0
 .../demos/time-field/hide-time-zone.tsx       |    0
 .../demos/time-field/hour-cycle.tsx           |    0
 .../{registry => }/demos/time-field/label.tsx |    0
 .../demos/time-field/loading.tsx              |    0
 .../demos/time-field/placeholder.tsx          |    0
 .../demos/time-field/prefix-and-suffix.tsx    |    0
 .../demos/time-field/read-only.tsx            |    0
 .../demos/time-field/required.tsx             |    0
 .../{registry => }/demos/time-field/sizes.tsx |    0
 .../demos/time-field/time-zones.tsx           |    0
 .../demos/time-field/uncontrolled.tsx         |    0
 .../demos/toggle-button/controlled.tsx        |    0
 .../demos/toggle-button/default.tsx           |    0
 .../demos/toggle-button/disabled.tsx          |    0
 .../demos/toggle-button/shapes.tsx            |    0
 .../demos/toggle-button/sizes.tsx             |    0
 .../demos/toggle-button/uncontrolled.tsx      |    0
 .../demos/toggle-button/variants.tsx          |    0
 .../{registry => }/demos/tooltip/arrow.tsx    |    0
 .../demos/tooltip/composition.tsx             |    0
 .../demos/tooltip/container-padding.tsx       |    0
 .../{registry => }/demos/tooltip/default.tsx  |    0
 .../{registry => }/demos/tooltip/delay.tsx    |    0
 www/src/{registry => }/demos/tooltip/flip.tsx |    0
 .../{registry => }/demos/tooltip/offset.tsx   |    0
 .../demos/tooltip/placement.tsx               |    0
 .../demos/tooltip/with-arrow.tsx              |    0
 www/src/lib/themes.ts                         |    2 +
 .../registry/core/{alert-01.tsx => alert.tsx} |    0
 .../core/{avatar-01.tsx => avatar.tsx}        |    0
 .../registry/core/{badge-01.tsx => badge.tsx} |    0
 .../{breadcrumbs-01.tsx => breadcrumbs.tsx}   |    0
 www/src/registry/core/button-01.tsx           |   11 +-
 www/src/registry/core/button-02.tsx           |    6 +-
 www/src/registry/core/button-03.tsx           |    4 +-
 www/src/registry/core/button-04.tsx           |    6 +-
 .../core/{calendar-01.tsx => calendar.tsx}    |    4 +-
 .../core/checkbox-group.tsx}                  |    4 +-
 .../core/{checkbox-01.tsx => checkbox.tsx}    |    0
 .../core/color-area.tsx}                      |    2 +-
 .../core/color-field.tsx}                     |    4 +-
 .../{color-picker-01.tsx => color-picker.tsx} |   14 +-
 .../core/color-slider.tsx}                    |    4 +-
 .../{color-swatch-01.tsx => color-swatch.tsx} |    0
 .../{color-thumb-01.tsx => color-thumb.tsx}   |    0
 .../core/{combobox-01.tsx => combobox.tsx}    |    8 +-
 .../core/date-field.tsx}                      |    6 +-
 .../{date-input-01.tsx => date-input.tsx}     |    0
 .../core/date-picker.tsx}                     |   10 +-
 .../core/date-range-picker.tsx}               |   10 +-
 .../core/{dialog-01.tsx => dialog.tsx}        |    6 +-
 .../core/{drop-zone-01.tsx => drop-zone.tsx}  |    0
 .../registry/core/{field-01.tsx => field.tsx} |    0
 .../{file-trigger-01.tsx => file-trigger.tsx} |    0
 .../registry/core/{form-01.tsx => form.tsx}   |    0
 .../registry/core/{group-01.tsx => group.tsx} |    0
 .../core/{heading-01.tsx => heading.tsx}      |    0
 www/src/registry/core/input-01.tsx            |  212 --
 www/src/registry/core/input-02.tsx            |  212 --
 .../input-02.tsx => registry/core/input.tsx}  |    0
 www/src/registry/core/{kbd-01.tsx => kbd.tsx} |    0
 .../registry/core/{link-01.tsx => link.tsx}   |    0
 .../core/{list-box-01.tsx => list-box.tsx}    |    2 +-
 www/src/registry/core/loader-dot-spinner.tsx  |   48 +
 www/src/registry/core/loader-line-spinner.tsx |   41 +
 www/src/registry/core/loader-ring.tsx         |   33 +
 www/src/registry/core/loader-tailspin.tsx     |   75 +
 www/src/registry/core/loader-wave.tsx         |   46 +
 .../registry/core/{menu-01.tsx => menu.tsx}   |    6 +-
 .../core/number-field.tsx}                    |    4 +-
 .../core/{overlay-01.tsx => overlay.tsx}      |    0
 .../core/{progress-01.tsx => progress.tsx}    |    2 +-
 .../{radio-group-01.tsx => radio-group.tsx}   |    4 +-
 ...nge-calendar-01.tsx => range-calendar.tsx} |    6 +-
 .../{scroll-area-01.tsx => scroll-area.tsx}   |    0
 .../core/search-field.tsx}                    |    4 +-
 .../core/{section-01.tsx => section.tsx}      |    0
 .../core/{select-01.tsx => select.tsx}        |    6 +-
 .../core/{separator-01.tsx => separator.tsx}  |    0
 .../core/{skeleton-01.tsx => skeleton.tsx}    |    0
 .../core/{slider-01.tsx => slider.tsx}        |    2 +-
 .../core/{switch-01.tsx => switch.tsx}        |    0
 www/src/registry/core/table.tsx               |  276 +++
 .../registry/core/{tabs-01.tsx => tabs.tsx}   |    0
 .../core/{tag-group-01.tsx => tag-group.tsx}  |    2 +-
 .../core/{text-area-01.tsx => text-area.tsx}  |    6 +-
 .../{text-field-01.tsx => text-field.tsx}     |    4 +-
 .../registry/core/{text-01.tsx => text.tsx}   |    0
 .../{time-field-01.tsx => time-field.tsx}     |    6 +-
 ...toggle-button-01.tsx => toggle-button.tsx} |    0
 .../{toggle-group-01.tsx => toggle-group.tsx} |    0
 .../core/{tooltip-01.tsx => tooltip.tsx}      |    0
 www/src/registry/index.ts                     |    6 +-
 www/src/registry/lib/focus-styles-01.tsx      |   13 +
 .../registry/{core.ts => registry-core.ts}    |    0
 .../registry/{hooks.ts => registry-hooks.ts}  |    0
 .../registry/{icons.ts => registry-icons.ts}  |    0
 www/src/registry/{lib.ts => registry-lib.ts}  |    0
 .../{themes.ts => registry-themes.ts}         |    0
 www/src/styles/docs.css                       |   63 +
 www/src/styles/globals.css                    |  188 +-
 701 files changed, 3048 insertions(+), 2896 deletions(-)
 create mode 100644 www/content/docs/components/buttons/toggle-button-group.mdx
 rename www/content/docs/components/{dates => date-and-time}/calendar.mdx (100%)
 rename www/content/docs/components/{dates => date-and-time}/date-field.mdx (100%)
 rename www/content/docs/components/{dates => date-and-time}/date-picker.mdx (100%)
 rename www/content/docs/components/{dates => date-and-time}/date-range-picker.mdx (100%)
 rename www/content/docs/components/{dates => date-and-time}/meta.json (100%)
 rename www/content/docs/components/{dates => date-and-time}/range-calendar.mdx (100%)
 rename www/content/docs/components/{dates => date-and-time}/time-field.mdx (100%)
 rename www/src/__registry__/core/{alert-01.tsx => alert.tsx} (100%)
 rename www/src/__registry__/core/{avatar-01.tsx => avatar.tsx} (100%)
 rename www/src/__registry__/core/{badge-01.tsx => badge.tsx} (100%)
 rename www/src/__registry__/core/{breadcrumbs-01.tsx => breadcrumbs.tsx} (100%)
 rename www/src/__registry__/core/{calendar-01.tsx => calendar.tsx} (98%)
 rename www/src/{registry/core/checkbox-group-01.tsx => __registry__/core/checkbox-group.tsx} (94%)
 rename www/src/__registry__/core/{checkbox-01.tsx => checkbox.tsx} (100%)
 rename www/src/{registry/core/color-area-01.tsx => __registry__/core/color-area.tsx} (94%)
 rename www/src/{registry/core/color-field-01.tsx => __registry__/core/color-field.tsx} (96%)
 rename www/src/__registry__/core/{color-picker-01.tsx => color-picker.tsx} (89%)
 rename www/src/{registry/core/color-slider-01.tsx => __registry__/core/color-slider.tsx} (96%)
 rename www/src/__registry__/core/{color-swatch-01.tsx => color-swatch.tsx} (100%)
 rename www/src/__registry__/core/{color-thumb-01.tsx => color-thumb.tsx} (100%)
 rename www/src/__registry__/core/{combobox-01.tsx => combobox.tsx} (89%)
 rename www/src/{registry/core/date-field-01.tsx => __registry__/core/date-field.tsx} (95%)
 rename www/src/__registry__/core/{date-input-01.tsx => date-input.tsx} (100%)
 rename www/src/{registry/core/date-picker-01.tsx => __registry__/core/date-picker.tsx} (94%)
 rename www/src/{registry/core/date-range-picker-01.tsx => __registry__/core/date-range-picker.tsx} (94%)
 rename www/src/__registry__/core/{dialog-01.tsx => dialog.tsx} (97%)
 rename www/src/__registry__/core/{drop-zone-01.tsx => drop-zone.tsx} (100%)
 rename www/src/__registry__/core/{field-01.tsx => field.tsx} (100%)
 rename www/src/__registry__/core/{file-trigger-01.tsx => file-trigger.tsx} (100%)
 rename www/src/__registry__/core/{form-01.tsx => form.tsx} (100%)
 rename www/src/__registry__/core/{group-01.tsx => group.tsx} (100%)
 rename www/src/__registry__/core/{heading-01.tsx => heading.tsx} (100%)
 rename www/src/__registry__/core/{input-01.tsx => input.tsx} (100%)
 rename www/src/__registry__/core/{kbd-01.tsx => kbd.tsx} (100%)
 rename www/src/__registry__/core/{link-01.tsx => link.tsx} (100%)
 rename www/src/__registry__/core/{list-box-01.tsx => list-box.tsx} (98%)
 create mode 100644 www/src/__registry__/core/loader-dot-spinner.tsx
 create mode 100644 www/src/__registry__/core/loader-line-spinner.tsx
 create mode 100644 www/src/__registry__/core/loader-ring.tsx
 create mode 100644 www/src/__registry__/core/loader-tailspin.tsx
 create mode 100644 www/src/__registry__/core/loader-wave.tsx
 rename www/src/__registry__/core/{menu-01.tsx => menu.tsx} (97%)
 rename www/src/{registry/core/number-field-01.tsx => __registry__/core/number-field.tsx} (97%)
 rename www/src/__registry__/core/{overlay-01.tsx => overlay.tsx} (100%)
 rename www/src/__registry__/core/{progress-01.tsx => progress.tsx} (99%)
 rename www/src/__registry__/core/{radio-group-01.tsx => radio-group.tsx} (98%)
 rename www/src/__registry__/core/{range-calendar-01.tsx => range-calendar.tsx} (95%)
 rename www/src/__registry__/core/{scroll-area-01.tsx => scroll-area.tsx} (100%)
 rename www/src/{registry/core/search-field-01.tsx => __registry__/core/search-field.tsx} (97%)
 rename www/src/__registry__/core/{section-01.tsx => section.tsx} (100%)
 rename www/src/__registry__/core/{select-01.tsx => select.tsx} (95%)
 rename www/src/__registry__/core/{separator-01.tsx => separator.tsx} (100%)
 rename www/src/__registry__/core/{skeleton-01.tsx => skeleton.tsx} (100%)
 rename www/src/__registry__/core/{slider-01.tsx => slider.tsx} (99%)
 rename www/src/__registry__/core/{switch-01.tsx => switch.tsx} (100%)
 rename www/src/__registry__/core/{tabs-01.tsx => tabs.tsx} (100%)
 rename www/src/__registry__/core/{tag-group-01.tsx => tag-group.tsx} (95%)
 rename www/src/__registry__/core/{text-area-01.tsx => text-area.tsx} (91%)
 rename www/src/__registry__/core/{text-field-01.tsx => text-field.tsx} (96%)
 rename www/src/__registry__/core/{text-01.tsx => text.tsx} (100%)
 rename www/src/__registry__/core/{time-field-01.tsx => time-field.tsx} (96%)
 rename www/src/__registry__/core/{toggle-button-01.tsx => toggle-button.tsx} (100%)
 rename www/src/__registry__/core/{toggle-group-01.tsx => toggle-group.tsx} (100%)
 rename www/src/__registry__/core/{tooltip-01.tsx => tooltip.tsx} (100%)
 delete mode 100644 www/src/__registry__/icons/index.tsx
 delete mode 100644 www/src/__registry__/icons/registry.ts
 delete mode 100644 www/src/app/(app)/(docs)/themes/components/input-style.tsx
 delete mode 100644 www/src/app/(app)/(home)/page.tsx
 rename www/src/app/(app)/{(docs) => }/docs/[...slug]/page.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/layout.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/buttons.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/components/borders.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/components/button-style.tsx (68%)
 rename www/src/app/(app)/{(docs) => }/themes/components/clone-theme.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/components/colors.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/components/context.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/components/copy-theme.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/components/create-theme.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/components/delete-theme.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/components/explore-themes.tsx (100%)
 create mode 100644 www/src/app/(app)/themes/components/focus-style.tsx
 rename www/src/app/(app)/{(docs) => }/themes/components/iconography.tsx (100%)
 create mode 100644 www/src/app/(app)/themes/components/input-style.tsx
 create mode 100644 www/src/app/(app)/themes/components/listbox-style.tsx
 create mode 100644 www/src/app/(app)/themes/components/loader-style.tsx
 create mode 100644 www/src/app/(app)/themes/components/overlay-style.tsx
 create mode 100644 www/src/app/(app)/themes/components/picker-style.tsx
 rename www/src/app/(app)/{(docs) => }/themes/components/preview.tsx (100%)
 create mode 100644 www/src/app/(app)/themes/components/tabs-style.tsx
 rename www/src/app/(app)/{(docs) => }/themes/components/theme-select.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/components/typography.tsx (100%)
 rename www/src/app/(app)/{(docs) => }/themes/page.tsx (62%)
 create mode 100644 www/src/app/(home)/components-overview.tsx
 create mode 100644 www/src/app/(home)/page.tsx
 create mode 100644 www/src/app/(home)/themes-preview.tsx
 create mode 100644 www/src/app/internal/page.tsx
 create mode 100644 www/src/components/dynamic-core/loader.tsx
 create mode 100644 www/src/components/dynamic-core/table.tsx
 rename www/src/{registry => }/demos/alert/action.tsx (100%)
 rename www/src/{registry => }/demos/alert/composition.tsx (100%)
 rename www/src/{registry => }/demos/alert/content.tsx (100%)
 rename www/src/{registry => }/demos/alert/custom-icon.tsx (100%)
 rename www/src/{registry => }/demos/alert/default.tsx (100%)
 rename www/src/{registry => }/demos/alert/title.tsx (100%)
 rename www/src/{registry => }/demos/alert/variants.tsx (100%)
 rename www/src/{registry => }/demos/avatar/composition.tsx (100%)
 rename www/src/{registry => }/demos/avatar/default.tsx (100%)
 rename www/src/{registry => }/demos/avatar/shape.tsx (100%)
 rename www/src/{registry => }/demos/avatar/sizes.tsx (100%)
 rename www/src/{registry => }/demos/badge/default.tsx (57%)
 rename www/src/{registry => }/demos/badge/icon.tsx (88%)
 rename www/src/{registry => }/demos/badge/sizes.tsx (86%)
 rename www/src/{registry => }/demos/badge/variants.tsx (96%)
 rename www/src/{registry => }/demos/breadcrumbs/basic.tsx (100%)
 rename www/src/{registry => }/demos/breadcrumbs/composition.tsx (100%)
 rename www/src/{registry => }/demos/breadcrumbs/disabled.tsx (100%)
 rename www/src/{registry => }/demos/breadcrumbs/icon.tsx (100%)
 rename www/src/{registry => }/demos/breadcrumbs/router-integration.tsx (100%)
 rename www/src/{registry => }/demos/button/default.tsx (100%)
 rename www/src/{registry => }/demos/button/disabled.tsx (100%)
 rename www/src/{registry => }/demos/button/link-button.tsx (100%)
 rename www/src/{registry => }/demos/button/loading.tsx (100%)
 rename www/src/{registry => }/demos/button/prefix-and-suffix.tsx (100%)
 rename www/src/{registry => }/demos/button/shapes.tsx (100%)
 rename www/src/{registry => }/demos/button/sizes.tsx (100%)
 rename www/src/{registry => }/demos/button/variants.tsx (100%)
 rename www/src/{registry => }/demos/calendar/composition.tsx (100%)
 rename www/src/{registry => }/demos/calendar/controlled.tsx (100%)
 rename www/src/{registry => }/demos/calendar/default.tsx (100%)
 rename www/src/{registry => }/demos/calendar/disabled.tsx (100%)
 rename www/src/{registry => }/demos/calendar/error-message.tsx (100%)
 rename www/src/{registry => }/demos/calendar/label.tsx (100%)
 rename www/src/{registry => }/demos/calendar/page-behaviour.tsx (100%)
 rename www/src/{registry => }/demos/calendar/read-only.tsx (100%)
 rename www/src/{registry => }/demos/calendar/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/calendar/unvailable-dates.tsx (100%)
 rename www/src/{registry => }/demos/calendar/validation.tsx (100%)
 rename www/src/{registry => }/demos/calendar/visible-months.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/cards.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/composition.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/controlled.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/default.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/description.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/disabled.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/error-message.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/label.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/read-only.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/required.tsx (100%)
 rename www/src/{registry => }/demos/checkbox-group/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/checkbox/card.tsx (100%)
 rename www/src/{registry => }/demos/checkbox/controlled.tsx (100%)
 rename www/src/{registry => }/demos/checkbox/default.tsx (100%)
 rename www/src/{registry => }/demos/checkbox/disabled.tsx (100%)
 rename www/src/{registry => }/demos/checkbox/indeterminate.tsx (100%)
 rename www/src/{registry => }/demos/checkbox/read-only.tsx (100%)
 rename www/src/{registry => }/demos/checkbox/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/color-area/channels.tsx (100%)
 rename www/src/{registry => }/demos/color-area/composition.tsx (100%)
 rename www/src/{registry => }/demos/color-area/controlled.tsx (100%)
 rename www/src/{registry => }/demos/color-area/default.tsx (100%)
 rename www/src/{registry => }/demos/color-area/disabled.tsx (100%)
 rename www/src/{registry => }/demos/color-area/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/color-field/composition.tsx (100%)
 rename www/src/{registry => }/demos/color-field/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/color-field/controlled.tsx (100%)
 rename www/src/{registry => }/demos/color-field/default.tsx (100%)
 rename www/src/{registry => }/demos/color-field/description.tsx (100%)
 rename www/src/{registry => }/demos/color-field/disabled.tsx (100%)
 rename www/src/{registry => }/demos/color-field/error-message.tsx (100%)
 rename www/src/{registry => }/demos/color-field/form.tsx (100%)
 rename www/src/{registry => }/demos/color-field/label.tsx (100%)
 rename www/src/{registry => }/demos/color-field/loading.tsx (100%)
 rename www/src/{registry => }/demos/color-field/prefix-and-suffix.tsx (100%)
 rename www/src/{registry => }/demos/color-field/read-only.tsx (100%)
 rename www/src/{registry => }/demos/color-field/required.tsx (100%)
 rename www/src/{registry => }/demos/color-field/sizes.tsx (100%)
 rename www/src/{registry => }/demos/color-field/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/color-picker/composition.tsx (100%)
 rename www/src/{registry => }/demos/color-picker/controlled.tsx (100%)
 rename www/src/{registry => }/demos/color-picker/default.tsx (100%)
 rename www/src/{registry => }/demos/color-picker/options.tsx (100%)
 rename www/src/{registry => }/demos/color-picker/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/color-slider/channel.tsx (100%)
 rename www/src/{registry => }/demos/color-slider/composition.tsx (100%)
 rename www/src/{registry => }/demos/color-slider/controlled.tsx (100%)
 rename www/src/{registry => }/demos/color-slider/default.tsx (100%)
 rename www/src/{registry => }/demos/color-slider/disabled.tsx (100%)
 rename www/src/{registry => }/demos/color-slider/label.tsx (100%)
 rename www/src/{registry => }/demos/color-slider/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/color-slider/vertical.tsx (100%)
 rename www/src/{registry => }/demos/color-swatch/default.tsx (100%)
 rename www/src/{registry => }/demos/combobox/async-loading.tsx (100%)
 rename www/src/{registry => }/demos/combobox/basic.tsx (100%)
 rename www/src/{registry => }/demos/combobox/composition.tsx (100%)
 rename www/src/{registry => }/demos/combobox/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/combobox/controlled.tsx (100%)
 rename www/src/{registry => }/demos/combobox/custom-value.tsx (100%)
 rename www/src/{registry => }/demos/combobox/description.tsx (100%)
 rename www/src/{registry => }/demos/combobox/disabled.tsx (100%)
 rename www/src/{registry => }/demos/combobox/label.tsx (100%)
 rename www/src/{registry => }/demos/combobox/loading.tsx (100%)
 rename www/src/{registry => }/demos/combobox/required.tsx (100%)
 rename www/src/{registry => }/demos/combobox/sections.tsx (100%)
 rename www/src/{registry => }/demos/combobox/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/combobox/validation.tsx (100%)
 rename www/src/{registry => }/demos/date-field/composition.tsx (100%)
 rename www/src/{registry => }/demos/date-field/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/date-field/controlled.tsx (100%)
 rename www/src/{registry => }/demos/date-field/default.tsx (100%)
 rename www/src/{registry => }/demos/date-field/description.tsx (100%)
 rename www/src/{registry => }/demos/date-field/disabled.tsx (100%)
 rename www/src/{registry => }/demos/date-field/error-message.tsx (100%)
 rename www/src/{registry => }/demos/date-field/granularity.tsx (100%)
 rename www/src/{registry => }/demos/date-field/hide-time-zone.tsx (100%)
 rename www/src/{registry => }/demos/date-field/hour-cycle.tsx (100%)
 rename www/src/{registry => }/demos/date-field/label.tsx (100%)
 rename www/src/{registry => }/demos/date-field/loading.tsx (100%)
 rename www/src/{registry => }/demos/date-field/placeholder.tsx (100%)
 rename www/src/{registry => }/demos/date-field/prefix-and-suffix.tsx (100%)
 rename www/src/{registry => }/demos/date-field/read-only.tsx (100%)
 rename www/src/{registry => }/demos/date-field/required.tsx (100%)
 rename www/src/{registry => }/demos/date-field/sizes.tsx (100%)
 rename www/src/{registry => }/demos/date-field/time-zones.tsx (100%)
 rename www/src/{registry => }/demos/date-field/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/composition.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/controlled.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/default.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/description.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/disabled.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/error-message.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/granularity.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/hide-time-zone.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/hour-cycle.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/label.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/loading.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/placeholder.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/prefix.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/read-only.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/required.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/sizes.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/time-zones.tsx (100%)
 rename www/src/{registry => }/demos/date-picker/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/composition.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/controlled.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/default.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/description.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/disabled.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/error-message.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/granularity.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/hide-time-zone.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/hour-cycle.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/label.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/loading.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/placeholder.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/prefix.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/read-only.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/required.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/sizes.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/time-zones.tsx (100%)
 rename www/src/{registry => }/demos/date-range-picker/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/dialog/alert-dialog.tsx (100%)
 rename www/src/{registry => }/demos/dialog/async-form-submission.tsx (100%)
 rename www/src/{registry => }/demos/dialog/basic.tsx (100%)
 rename www/src/{registry => }/demos/dialog/composition.tsx (100%)
 rename www/src/{registry => }/demos/dialog/controlled.tsx (100%)
 rename www/src/{registry => }/demos/dialog/description.tsx (100%)
 rename www/src/{registry => }/demos/dialog/dismiss-button.tsx (100%)
 rename www/src/{registry => }/demos/dialog/dismissable.tsx (100%)
 rename www/src/{registry => }/demos/dialog/drawer.tsx (100%)
 rename www/src/{registry => }/demos/dialog/inset-content.tsx (100%)
 rename www/src/{registry => }/demos/dialog/nested.tsx (100%)
 rename www/src/{registry => }/demos/dialog/popover.tsx (100%)
 rename www/src/{registry => }/demos/dialog/title.tsx (100%)
 rename www/src/{registry => }/demos/dialog/types.tsx (100%)
 rename www/src/{registry => }/demos/drop-zone/default.tsx (100%)
 rename www/src/{registry => }/demos/drop-zone/disabled.tsx (100%)
 rename www/src/{registry => }/demos/drop-zone/file-trigger.tsx (100%)
 rename www/src/{registry => }/demos/drop-zone/label.tsx (100%)
 rename www/src/{registry => }/demos/file-trigger/default.tsx (100%)
 rename www/src/{registry => }/demos/file-trigger/directory-selection.tsx (100%)
 rename www/src/{registry => }/demos/file-trigger/file-types.tsx (100%)
 rename www/src/{registry => }/demos/file-trigger/media-capture.tsx (100%)
 rename www/src/{registry => }/demos/file-trigger/multiple-files.tsx (100%)
 rename www/src/{registry => }/demos/link/default.tsx (100%)
 rename www/src/{registry => }/demos/link/disabled.tsx (100%)
 rename www/src/{registry => }/demos/link/icon.tsx (100%)
 rename www/src/{registry => }/demos/link/variants.tsx (100%)
 rename www/src/{registry => }/demos/list-box/async-loading.tsx (100%)
 rename www/src/{registry => }/demos/list-box/basic.tsx (100%)
 rename www/src/{registry => }/demos/list-box/composition.tsx (100%)
 rename www/src/{registry => }/demos/list-box/contact-list.tsx (100%)
 rename www/src/{registry => }/demos/list-box/controlled.tsx (100%)
 rename www/src/{registry => }/demos/list-box/disabled-items.tsx (100%)
 rename www/src/{registry => }/demos/list-box/empty-state.tsx (100%)
 rename www/src/{registry => }/demos/list-box/grid.tsx (100%)
 rename www/src/{registry => }/demos/list-box/horizontal.tsx (100%)
 rename www/src/{registry => }/demos/list-box/image-grid.tsx (100%)
 rename www/src/{registry => }/demos/list-box/item-variant.tsx (100%)
 rename www/src/{registry => }/demos/list-box/label-and-description.tsx (100%)
 rename www/src/{registry => }/demos/list-box/links.tsx (100%)
 rename www/src/{registry => }/demos/list-box/loading.tsx (100%)
 rename www/src/{registry => }/demos/list-box/prefix-and-suffix.tsx (100%)
 rename www/src/{registry => }/demos/list-box/sections.tsx (100%)
 rename www/src/{registry => }/demos/list-box/selection-behavior.tsx (100%)
 rename www/src/{registry => }/demos/list-box/selection-mode.tsx (100%)
 rename www/src/{registry => }/demos/list-box/separator.tsx (100%)
 rename www/src/{registry => }/demos/list-box/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/menu/basic.tsx (100%)
 rename www/src/{registry => }/demos/menu/composition.tsx (100%)
 rename www/src/{registry => }/demos/menu/controlled.tsx (100%)
 rename www/src/{registry => }/demos/menu/disabled-items.tsx (100%)
 rename www/src/{registry => }/demos/menu/item-variant.tsx (100%)
 rename www/src/{registry => }/demos/menu/label-and-description.tsx (100%)
 rename www/src/{registry => }/demos/menu/link-items.tsx (100%)
 rename www/src/{registry => }/demos/menu/long-press.tsx (100%)
 rename www/src/{registry => }/demos/menu/multiple-selection.tsx (100%)
 rename www/src/{registry => }/demos/menu/overlay-type.tsx (100%)
 rename www/src/{registry => }/demos/menu/placement.tsx (100%)
 rename www/src/{registry => }/demos/menu/prefix-and-suffix.tsx (100%)
 rename www/src/{registry => }/demos/menu/section.tsx (100%)
 rename www/src/{registry => }/demos/menu/separator.tsx (100%)
 rename www/src/{registry => }/demos/menu/shortcut.tsx (100%)
 rename www/src/{registry => }/demos/menu/single-selection.tsx (100%)
 rename www/src/{registry => }/demos/menu/submenus.tsx (100%)
 rename www/src/{registry => }/demos/number-field/composition.tsx (100%)
 rename www/src/{registry => }/demos/number-field/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/number-field/controlled.tsx (100%)
 rename www/src/{registry => }/demos/number-field/default.tsx (100%)
 rename www/src/{registry => }/demos/number-field/description.tsx (100%)
 rename www/src/{registry => }/demos/number-field/disabled.tsx (100%)
 rename www/src/{registry => }/demos/number-field/error-message.tsx (100%)
 rename www/src/{registry => }/demos/number-field/format-options.tsx (100%)
 rename www/src/{registry => }/demos/number-field/label.tsx (100%)
 rename www/src/{registry => }/demos/number-field/read-only.tsx (100%)
 rename www/src/{registry => }/demos/number-field/required.tsx (100%)
 rename www/src/{registry => }/demos/number-field/sizes.tsx (100%)
 rename www/src/{registry => }/demos/number-field/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/progress/composition.tsx (100%)
 rename www/src/{registry => }/demos/progress/custom-color.tsx (100%)
 rename www/src/{registry => }/demos/progress/custom-value-label.tsx (100%)
 rename www/src/{registry => }/demos/progress/default.tsx (100%)
 rename www/src/{registry => }/demos/progress/duration.tsx (100%)
 rename www/src/{registry => }/demos/progress/format-options.tsx (100%)
 rename www/src/{registry => }/demos/progress/indeterminate.tsx (100%)
 rename www/src/{registry => }/demos/progress/label.tsx (100%)
 rename www/src/{registry => }/demos/progress/min-max-values.tsx (100%)
 rename www/src/{registry => }/demos/progress/shape.tsx (100%)
 rename www/src/{registry => }/demos/progress/sizes.tsx (100%)
 rename www/src/{registry => }/demos/progress/toolbar.tsx (100%)
 rename www/src/{registry => }/demos/progress/value-label.tsx (100%)
 rename www/src/{registry => }/demos/progress/variants.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/cards.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/composition.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/controlled.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/default.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/description.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/disabled.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/error-message.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/label.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/orientation.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/read-only.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/required.tsx (100%)
 rename www/src/{registry => }/demos/radio-group/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/composition.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/controlled.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/default.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/disabled.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/error-message.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/label.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/non-contiguous-ranges.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/page-behaviour.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/read-only.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/unvailable-dates.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/validation.tsx (100%)
 rename www/src/{registry => }/demos/range-calendar/visible-months.tsx (100%)
 rename www/src/{registry/demos.ts => demos/registry.ts} (99%)
 rename www/src/{registry => }/demos/search-field/composition.tsx (100%)
 rename www/src/{registry => }/demos/search-field/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/search-field/controlled.tsx (100%)
 rename www/src/{registry => }/demos/search-field/default.tsx (100%)
 rename www/src/{registry => }/demos/search-field/description.tsx (100%)
 rename www/src/{registry => }/demos/search-field/disabled.tsx (100%)
 rename www/src/{registry => }/demos/search-field/error-message.tsx (100%)
 rename www/src/{registry => }/demos/search-field/form.tsx (100%)
 rename www/src/{registry => }/demos/search-field/label.tsx (100%)
 rename www/src/{registry => }/demos/search-field/loading.tsx (100%)
 rename www/src/{registry => }/demos/search-field/prefix-and-suffix.tsx (100%)
 rename www/src/{registry => }/demos/search-field/read-only.tsx (100%)
 rename www/src/{registry => }/demos/search-field/required.tsx (100%)
 rename www/src/{registry => }/demos/search-field/sizes.tsx (100%)
 rename www/src/{registry => }/demos/search-field/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/select/async-loading.tsx (100%)
 rename www/src/{registry => }/demos/select/basic.tsx (100%)
 rename www/src/{registry => }/demos/select/composition.tsx (100%)
 rename www/src/{registry => }/demos/select/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/select/controlled.tsx (100%)
 rename www/src/{registry => }/demos/select/description.tsx (100%)
 rename www/src/{registry => }/demos/select/disabled.tsx (100%)
 rename www/src/{registry => }/demos/select/label.tsx (100%)
 rename www/src/{registry => }/demos/select/links.tsx (100%)
 rename www/src/{registry => }/demos/select/loading.tsx (100%)
 rename www/src/{registry => }/demos/select/placeholder.tsx (100%)
 rename www/src/{registry => }/demos/select/required.tsx (100%)
 rename www/src/{registry => }/demos/select/sections.tsx (100%)
 rename www/src/{registry => }/demos/select/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/select/validation.tsx (100%)
 rename www/src/{registry => }/demos/separator/card.tsx (100%)
 rename www/src/{registry => }/demos/separator/orientation.tsx (100%)
 rename www/src/{registry => }/demos/skeleton/api-simulation.tsx (100%)
 rename www/src/{registry => }/demos/skeleton/card.tsx (100%)
 rename www/src/{registry => }/demos/skeleton/children.tsx (100%)
 rename www/src/{registry => }/demos/skeleton/fixed-size-children.tsx (100%)
 rename www/src/{registry => }/demos/skeleton/show.tsx (100%)
 rename www/src/{registry => }/demos/slider/advanced-composition.tsx (100%)
 rename www/src/{registry => }/demos/slider/composition.tsx (100%)
 rename www/src/{registry => }/demos/slider/controlled.tsx (100%)
 rename www/src/{registry => }/demos/slider/default.tsx (100%)
 rename www/src/{registry => }/demos/slider/description.tsx (100%)
 rename www/src/{registry => }/demos/slider/disabled.tsx (100%)
 rename www/src/{registry => }/demos/slider/format-options.tsx (100%)
 rename www/src/{registry => }/demos/slider/label.tsx (100%)
 rename www/src/{registry => }/demos/slider/range.tsx (100%)
 rename www/src/{registry => }/demos/slider/sizes.tsx (100%)
 rename www/src/{registry => }/demos/slider/step.tsx (100%)
 rename www/src/{registry => }/demos/slider/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/slider/value-label.tsx (100%)
 rename www/src/{registry => }/demos/slider/value-scale.tsx (100%)
 rename www/src/{registry => }/demos/slider/vertical.tsx (100%)
 rename www/src/{registry => }/demos/switch/controlled.tsx (100%)
 rename www/src/{registry => }/demos/switch/default.tsx (100%)
 rename www/src/{registry => }/demos/switch/disabled.tsx (100%)
 rename www/src/{registry => }/demos/switch/label.tsx (100%)
 rename www/src/{registry => }/demos/switch/sizes.tsx (100%)
 rename www/src/{registry => }/demos/switch/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/tabs/basic.tsx (100%)
 rename www/src/{registry => }/demos/tabs/controlled.tsx (100%)
 rename www/src/{registry => }/demos/tabs/disabled-item.tsx (100%)
 rename www/src/{registry => }/demos/tabs/disabled.tsx (100%)
 rename www/src/{registry => }/demos/tabs/keyboard-activation.tsx (100%)
 rename www/src/{registry => }/demos/tabs/vertical.tsx (100%)
 rename www/src/{registry => }/demos/text-area/composition.tsx (100%)
 rename www/src/{registry => }/demos/text-area/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/text-area/controlled.tsx (100%)
 rename www/src/{registry => }/demos/text-area/default.tsx (100%)
 rename www/src/{registry => }/demos/text-area/description.tsx (100%)
 rename www/src/{registry => }/demos/text-area/disabled.tsx (100%)
 rename www/src/{registry => }/demos/text-area/error-message.tsx (100%)
 rename www/src/{registry => }/demos/text-area/form.tsx (100%)
 rename www/src/{registry => }/demos/text-area/label.tsx (100%)
 rename www/src/{registry => }/demos/text-area/loading.tsx (100%)
 rename www/src/{registry => }/demos/text-area/prefix-and-suffix.tsx (100%)
 rename www/src/{registry => }/demos/text-area/read-only.tsx (100%)
 rename www/src/{registry => }/demos/text-area/required.tsx (100%)
 rename www/src/{registry => }/demos/text-area/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/text-field/composition.tsx (100%)
 rename www/src/{registry => }/demos/text-field/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/text-field/controlled.tsx (100%)
 rename www/src/{registry => }/demos/text-field/default.tsx (100%)
 rename www/src/{registry => }/demos/text-field/description.tsx (100%)
 rename www/src/{registry => }/demos/text-field/disabled.tsx (100%)
 rename www/src/{registry => }/demos/text-field/error-message.tsx (100%)
 rename www/src/{registry => }/demos/text-field/label.tsx (100%)
 rename www/src/{registry => }/demos/text-field/loading.tsx (100%)
 rename www/src/{registry => }/demos/text-field/prefix-and-suffix.tsx (100%)
 rename www/src/{registry => }/demos/text-field/read-only.tsx (100%)
 rename www/src/{registry => }/demos/text-field/required.tsx (100%)
 rename www/src/{registry => }/demos/text-field/sizes.tsx (100%)
 rename www/src/{registry => }/demos/text-field/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/time-field/composition.tsx (100%)
 rename www/src/{registry => }/demos/time-field/contextual-help.tsx (100%)
 rename www/src/{registry => }/demos/time-field/controlled.tsx (100%)
 rename www/src/{registry => }/demos/time-field/default.tsx (100%)
 rename www/src/{registry => }/demos/time-field/description.tsx (100%)
 rename www/src/{registry => }/demos/time-field/disabled.tsx (100%)
 rename www/src/{registry => }/demos/time-field/error-message.tsx (100%)
 rename www/src/{registry => }/demos/time-field/granularity.tsx (100%)
 rename www/src/{registry => }/demos/time-field/hide-time-zone.tsx (100%)
 rename www/src/{registry => }/demos/time-field/hour-cycle.tsx (100%)
 rename www/src/{registry => }/demos/time-field/label.tsx (100%)
 rename www/src/{registry => }/demos/time-field/loading.tsx (100%)
 rename www/src/{registry => }/demos/time-field/placeholder.tsx (100%)
 rename www/src/{registry => }/demos/time-field/prefix-and-suffix.tsx (100%)
 rename www/src/{registry => }/demos/time-field/read-only.tsx (100%)
 rename www/src/{registry => }/demos/time-field/required.tsx (100%)
 rename www/src/{registry => }/demos/time-field/sizes.tsx (100%)
 rename www/src/{registry => }/demos/time-field/time-zones.tsx (100%)
 rename www/src/{registry => }/demos/time-field/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/toggle-button/controlled.tsx (100%)
 rename www/src/{registry => }/demos/toggle-button/default.tsx (100%)
 rename www/src/{registry => }/demos/toggle-button/disabled.tsx (100%)
 rename www/src/{registry => }/demos/toggle-button/shapes.tsx (100%)
 rename www/src/{registry => }/demos/toggle-button/sizes.tsx (100%)
 rename www/src/{registry => }/demos/toggle-button/uncontrolled.tsx (100%)
 rename www/src/{registry => }/demos/toggle-button/variants.tsx (100%)
 rename www/src/{registry => }/demos/tooltip/arrow.tsx (100%)
 rename www/src/{registry => }/demos/tooltip/composition.tsx (100%)
 rename www/src/{registry => }/demos/tooltip/container-padding.tsx (100%)
 rename www/src/{registry => }/demos/tooltip/default.tsx (100%)
 rename www/src/{registry => }/demos/tooltip/delay.tsx (100%)
 rename www/src/{registry => }/demos/tooltip/flip.tsx (100%)
 rename www/src/{registry => }/demos/tooltip/offset.tsx (100%)
 rename www/src/{registry => }/demos/tooltip/placement.tsx (100%)
 rename www/src/{registry => }/demos/tooltip/with-arrow.tsx (100%)
 rename www/src/registry/core/{alert-01.tsx => alert.tsx} (100%)
 rename www/src/registry/core/{avatar-01.tsx => avatar.tsx} (100%)
 rename www/src/registry/core/{badge-01.tsx => badge.tsx} (100%)
 rename www/src/registry/core/{breadcrumbs-01.tsx => breadcrumbs.tsx} (100%)
 rename www/src/registry/core/{calendar-01.tsx => calendar.tsx} (98%)
 rename www/src/{__registry__/core/checkbox-group-01.tsx => registry/core/checkbox-group.tsx} (94%)
 rename www/src/registry/core/{checkbox-01.tsx => checkbox.tsx} (100%)
 rename www/src/{__registry__/core/color-area-01.tsx => registry/core/color-area.tsx} (94%)
 rename www/src/{__registry__/core/color-field-01.tsx => registry/core/color-field.tsx} (96%)
 rename www/src/registry/core/{color-picker-01.tsx => color-picker.tsx} (89%)
 rename www/src/{__registry__/core/color-slider-01.tsx => registry/core/color-slider.tsx} (96%)
 rename www/src/registry/core/{color-swatch-01.tsx => color-swatch.tsx} (100%)
 rename www/src/registry/core/{color-thumb-01.tsx => color-thumb.tsx} (100%)
 rename www/src/registry/core/{combobox-01.tsx => combobox.tsx} (89%)
 rename www/src/{__registry__/core/date-field-01.tsx => registry/core/date-field.tsx} (95%)
 rename www/src/registry/core/{date-input-01.tsx => date-input.tsx} (100%)
 rename www/src/{__registry__/core/date-picker-01.tsx => registry/core/date-picker.tsx} (94%)
 rename www/src/{__registry__/core/date-range-picker-01.tsx => registry/core/date-range-picker.tsx} (94%)
 rename www/src/registry/core/{dialog-01.tsx => dialog.tsx} (97%)
 rename www/src/registry/core/{drop-zone-01.tsx => drop-zone.tsx} (100%)
 rename www/src/registry/core/{field-01.tsx => field.tsx} (100%)
 rename www/src/registry/core/{file-trigger-01.tsx => file-trigger.tsx} (100%)
 rename www/src/registry/core/{form-01.tsx => form.tsx} (100%)
 rename www/src/registry/core/{group-01.tsx => group.tsx} (100%)
 rename www/src/registry/core/{heading-01.tsx => heading.tsx} (100%)
 delete mode 100644 www/src/registry/core/input-01.tsx
 delete mode 100644 www/src/registry/core/input-02.tsx
 rename www/src/{__registry__/core/input-02.tsx => registry/core/input.tsx} (100%)
 rename www/src/registry/core/{kbd-01.tsx => kbd.tsx} (100%)
 rename www/src/registry/core/{link-01.tsx => link.tsx} (100%)
 rename www/src/registry/core/{list-box-01.tsx => list-box.tsx} (98%)
 create mode 100644 www/src/registry/core/loader-dot-spinner.tsx
 create mode 100644 www/src/registry/core/loader-line-spinner.tsx
 create mode 100644 www/src/registry/core/loader-ring.tsx
 create mode 100644 www/src/registry/core/loader-tailspin.tsx
 create mode 100644 www/src/registry/core/loader-wave.tsx
 rename www/src/registry/core/{menu-01.tsx => menu.tsx} (97%)
 rename www/src/{__registry__/core/number-field-01.tsx => registry/core/number-field.tsx} (97%)
 rename www/src/registry/core/{overlay-01.tsx => overlay.tsx} (100%)
 rename www/src/registry/core/{progress-01.tsx => progress.tsx} (99%)
 rename www/src/registry/core/{radio-group-01.tsx => radio-group.tsx} (97%)
 rename www/src/registry/core/{range-calendar-01.tsx => range-calendar.tsx} (95%)
 rename www/src/registry/core/{scroll-area-01.tsx => scroll-area.tsx} (100%)
 rename www/src/{__registry__/core/search-field-01.tsx => registry/core/search-field.tsx} (97%)
 rename www/src/registry/core/{section-01.tsx => section.tsx} (100%)
 rename www/src/registry/core/{select-01.tsx => select.tsx} (95%)
 rename www/src/registry/core/{separator-01.tsx => separator.tsx} (100%)
 rename www/src/registry/core/{skeleton-01.tsx => skeleton.tsx} (100%)
 rename www/src/registry/core/{slider-01.tsx => slider.tsx} (99%)
 rename www/src/registry/core/{switch-01.tsx => switch.tsx} (100%)
 create mode 100644 www/src/registry/core/table.tsx
 rename www/src/registry/core/{tabs-01.tsx => tabs.tsx} (100%)
 rename www/src/registry/core/{tag-group-01.tsx => tag-group.tsx} (95%)
 rename www/src/registry/core/{text-area-01.tsx => text-area.tsx} (91%)
 rename www/src/registry/core/{text-field-01.tsx => text-field.tsx} (96%)
 rename www/src/registry/core/{text-01.tsx => text.tsx} (100%)
 rename www/src/registry/core/{time-field-01.tsx => time-field.tsx} (96%)
 rename www/src/registry/core/{toggle-button-01.tsx => toggle-button.tsx} (100%)
 rename www/src/registry/core/{toggle-group-01.tsx => toggle-group.tsx} (100%)
 rename www/src/registry/core/{tooltip-01.tsx => tooltip.tsx} (100%)
 create mode 100644 www/src/registry/lib/focus-styles-01.tsx
 rename www/src/registry/{core.ts => registry-core.ts} (100%)
 rename www/src/registry/{hooks.ts => registry-hooks.ts} (100%)
 rename www/src/registry/{icons.ts => registry-icons.ts} (100%)
 rename www/src/registry/{lib.ts => registry-lib.ts} (100%)
 rename www/src/registry/{themes.ts => registry-themes.ts} (100%)
 create mode 100644 www/src/styles/docs.css

diff --git a/www/content/docs/components/buttons/button.mdx b/www/content/docs/components/buttons/button.mdx
index 2b7665af5..e08be887d 100644
--- a/www/content/docs/components/buttons/button.mdx
+++ b/www/content/docs/components/buttons/button.mdx
@@ -22,31 +22,10 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add button
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/button" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Button allow users to initiate an action or command with mouse, touch or keyboard interaction.<br/>
diff --git a/www/content/docs/components/buttons/meta.json b/www/content/docs/components/buttons/meta.json
index b8b0877cf..4f0efed15 100644
--- a/www/content/docs/components/buttons/meta.json
+++ b/www/content/docs/components/buttons/meta.json
@@ -1,3 +1,3 @@
 {
-  "pages": ["button", "toggle-button", "file-trigger"]
+  "pages": ["button", "toggle-button", "toggle-button-group", "file-trigger"]
 }
diff --git a/www/content/docs/components/buttons/toggle-button-group.mdx b/www/content/docs/components/buttons/toggle-button-group.mdx
new file mode 100644
index 000000000..46e4ec81f
--- /dev/null
+++ b/www/content/docs/components/buttons/toggle-button-group.mdx
@@ -0,0 +1,30 @@
+---
+title: Toggle Button Group
+description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
+  - label: Aria API Reference
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
+---
+
+
+## Installation
+
+## Usage
+
+## Options
+
+## Uncontrolled
+
+## Controlled
+
+## API Reference
+
+## Accessibility
+
+### Keyboard interactions
\ No newline at end of file
diff --git a/www/content/docs/components/dates/calendar.mdx b/www/content/docs/components/date-and-time/calendar.mdx
similarity index 100%
rename from www/content/docs/components/dates/calendar.mdx
rename to www/content/docs/components/date-and-time/calendar.mdx
diff --git a/www/content/docs/components/dates/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx
similarity index 100%
rename from www/content/docs/components/dates/date-field.mdx
rename to www/content/docs/components/date-and-time/date-field.mdx
diff --git a/www/content/docs/components/dates/date-picker.mdx b/www/content/docs/components/date-and-time/date-picker.mdx
similarity index 100%
rename from www/content/docs/components/dates/date-picker.mdx
rename to www/content/docs/components/date-and-time/date-picker.mdx
diff --git a/www/content/docs/components/dates/date-range-picker.mdx b/www/content/docs/components/date-and-time/date-range-picker.mdx
similarity index 100%
rename from www/content/docs/components/dates/date-range-picker.mdx
rename to www/content/docs/components/date-and-time/date-range-picker.mdx
diff --git a/www/content/docs/components/dates/meta.json b/www/content/docs/components/date-and-time/meta.json
similarity index 100%
rename from www/content/docs/components/dates/meta.json
rename to www/content/docs/components/date-and-time/meta.json
diff --git a/www/content/docs/components/dates/range-calendar.mdx b/www/content/docs/components/date-and-time/range-calendar.mdx
similarity index 100%
rename from www/content/docs/components/dates/range-calendar.mdx
rename to www/content/docs/components/date-and-time/range-calendar.mdx
diff --git a/www/content/docs/components/dates/time-field.mdx b/www/content/docs/components/date-and-time/time-field.mdx
similarity index 100%
rename from www/content/docs/components/dates/time-field.mdx
rename to www/content/docs/components/date-and-time/time-field.mdx
diff --git a/www/content/docs/components/meta.json b/www/content/docs/components/meta.json
index 8ce0df28f..341ecd195 100644
--- a/www/content/docs/components/meta.json
+++ b/www/content/docs/components/meta.json
@@ -5,7 +5,7 @@
     "buttons",
     "inputs",
     "menus-and-selection",
-    "dates",
+    "date-and-time",
     "colors",
     "drag-and-drop",
     "feedback",
diff --git a/www/package.json b/www/package.json
index f89eb8a59..a4b52e107 100644
--- a/www/package.json
+++ b/www/package.json
@@ -8,7 +8,7 @@
     "build:internal-registry": "tsx ./scripts/build-internal-registry.ts && prettier --log-level silent --write \"src/__registry__/**/*.{ts,tsx,mdx}\" --cache",
     "build:demos": "tsx ./scripts/build-demos.ts && prettier --log-level silent --write \"src/__demos__/index.tsx\" --cache",
     "start": "next start",
-    "dev": "next dev --turbo",
+    "dev": "next dev",
     "preview": "next build && next start",
     "format": "prettier --write \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
     "format:check": "prettier --check \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
diff --git a/www/scripts/build-demos.ts b/www/scripts/build-demos.ts
index b22c5f46a..72292893a 100644
--- a/www/scripts/build-demos.ts
+++ b/www/scripts/build-demos.ts
@@ -1,7 +1,7 @@
 import { existsSync, promises as fs } from "node:fs";
 import path from "path";
 import { rimraf } from "rimraf";
-import { demos } from "@/registry/demos";
+import { demos } from "@/registry/registry-hooks";
 
 async function buildDemos() {
   let index = `// This file is autogenerated by scripts/build-registry.ts
diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
index 6fed0230f..ce88c2dbe 100644
--- a/www/scripts/build-internal-registry.ts
+++ b/www/scripts/build-internal-registry.ts
@@ -1,10 +1,10 @@
 import { existsSync, promises as fs } from "node:fs";
 import path from "node:path";
 import { rimraf } from "rimraf";
-import { core } from "@/registry/core";
-import { demos } from "@/registry/demos";
-import { iconLibraries, icons } from "@/registry/icons";
+import { core } from "@/registry/registry-core";
+import { iconLibraries, icons } from "@/registry/registry-icons";
 import { RegistryItem } from "@/registry/types";
+import { demos } from "@/demos/registry";
 
 const INTERNAL_REGISTRY_PATH = path.join(process.cwd(), "src/__registry__");
 const SOURCE_REGISTRY_PATH = path.join(process.cwd(), "src/registry");
@@ -144,10 +144,13 @@ async function buildCoreComponents() {
     // transform icons import
     // content = content.replace(/lucide-react/g, "@/__registry__/icons");
     // transform registryDependencies import
-    // content = content.replace(
-    //   /@\/registry\/core\/([a-zA-Z]+)-\d+/g,
-    //   "@/__registry__/core/$1"
-    // );
+    const overrides = [["loader-ring", "loader"]];
+    for (const [from, to] of overrides) {
+      content = content.replace(
+        new RegExp(`@/registry/core/${from}`, "g"),
+        `@/components/dynamic-core/${to}`
+      );
+    }
     await fs.writeFile(targetFilePath, content);
   }
 
@@ -175,8 +178,8 @@ async function run() {
   try {
     await setup();
     await buildDemos();
-    await buildIcons();
     await buildCoreComponents();
+    // await buildIcons();
     console.log("✅ Done!");
   } catch (error) {
     console.error(error);
diff --git a/www/src/__registry__/core/alert-01.tsx b/www/src/__registry__/core/alert.tsx
similarity index 100%
rename from www/src/__registry__/core/alert-01.tsx
rename to www/src/__registry__/core/alert.tsx
diff --git a/www/src/__registry__/core/avatar-01.tsx b/www/src/__registry__/core/avatar.tsx
similarity index 100%
rename from www/src/__registry__/core/avatar-01.tsx
rename to www/src/__registry__/core/avatar.tsx
diff --git a/www/src/__registry__/core/badge-01.tsx b/www/src/__registry__/core/badge.tsx
similarity index 100%
rename from www/src/__registry__/core/badge-01.tsx
rename to www/src/__registry__/core/badge.tsx
diff --git a/www/src/__registry__/core/breadcrumbs-01.tsx b/www/src/__registry__/core/breadcrumbs.tsx
similarity index 100%
rename from www/src/__registry__/core/breadcrumbs-01.tsx
rename to www/src/__registry__/core/breadcrumbs.tsx
diff --git a/www/src/__registry__/core/button-01.tsx b/www/src/__registry__/core/button-01.tsx
index c677ce0b1..2bf088e70 100644
--- a/www/src/__registry__/core/button-01.tsx
+++ b/www/src/__registry__/core/button-01.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import * as React from "react";
-import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -10,12 +9,14 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Loader } from "@/components/dynamic-core/loader";
+import { cn } from "@/registry/lib/cn";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const buttonStyles = tv(
   {
     extend: focusRing,
-    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
     variants: {
       variant: {
         default:
@@ -102,7 +103,11 @@ const Button = React.forwardRef(
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
             {isPending && (
-              <Loader2Icon aria-label="loading" className="animate-spin" />
+              <Loader
+                aria-label="loading"
+                className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"
+                size={16}
+              />
             )}
             {prefix}
             {typeof children === "string" ? (
diff --git a/www/src/__registry__/core/button-02.tsx b/www/src/__registry__/core/button-02.tsx
index 50823bceb..14ffbb17f 100644
--- a/www/src/__registry__/core/button-02.tsx
+++ b/www/src/__registry__/core/button-02.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import * as React from "react";
-import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -10,6 +9,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Loader } from "@/components/dynamic-core/loader";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const buttonStyles = tv(
@@ -101,9 +101,7 @@ const Button = React.forwardRef(
       >
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
-            {isPending && (
-              <Loader2Icon aria-label="loading" className="animate-spin" />
-            )}
+            {isPending && <Loader aria-label="loading" size={16} />}
             {prefix}
             {typeof children === "string" ? (
               <span className="truncate">{children}</span>
diff --git a/www/src/__registry__/core/button-03.tsx b/www/src/__registry__/core/button-03.tsx
index 3ffa691f9..bc2d3356f 100644
--- a/www/src/__registry__/core/button-03.tsx
+++ b/www/src/__registry__/core/button-03.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import * as React from "react";
-import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -10,6 +9,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Loader } from "@/components/dynamic-core/loader";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const buttonStyles = tv(
@@ -101,9 +101,7 @@ const Button = React.forwardRef(
       >
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
-            {isPending && (
-              <Loader2Icon aria-label="loading" className="animate-spin" />
-            )}
+            {isPending && <Loader aria-label="loading" size={16} />}
             {prefix}
             {typeof children === "string" ? (
               <span className="truncate">{children}</span>
diff --git a/www/src/__registry__/core/button-04.tsx b/www/src/__registry__/core/button-04.tsx
index 7acb59a89..8f0a85677 100644
--- a/www/src/__registry__/core/button-04.tsx
+++ b/www/src/__registry__/core/button-04.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import * as React from "react";
-import { Loader2Icon } from "lucide-react";
 import { chain } from "react-aria";
 import {
   composeRenderProps,
@@ -12,6 +11,7 @@ import {
   PressEvent,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Loader } from "@/components/dynamic-core/loader";
 import { Ripple } from "@/registry/core/ripple";
 import { useRipple } from "@/registry/hooks/use-ripple";
 import { focusRing } from "@/registry/lib/focus-styles";
@@ -115,9 +115,7 @@ const Button = React.forwardRef(
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
             <Ripple ripples={ripples} onClear={onClearRipple} />
-            {isPending && (
-              <Loader2Icon aria-label="loading" className="animate-spin" />
-            )}
+            {isPending && <Loader aria-label="loading" size={16} />}
             {prefix}
             {typeof children === "string" ? (
               <span className="truncate">{children}</span>
diff --git a/www/src/__registry__/core/calendar-01.tsx b/www/src/__registry__/core/calendar.tsx
similarity index 98%
rename from www/src/__registry__/core/calendar-01.tsx
rename to www/src/__registry__/core/calendar.tsx
index 3f86748c1..30534559d 100644
--- a/www/src/__registry__/core/calendar-01.tsx
+++ b/www/src/__registry__/core/calendar.tsx
@@ -23,8 +23,8 @@ import {
 import { tv } from "tailwind-variants";
 import { Button } from "@/components/dynamic-core/button";
 import { buttonStyles } from "@/registry/core/button-01";
-import { Heading } from "@/registry/core/heading-01";
-import { Text } from "@/registry/core/text-01";
+import { Heading } from "@/registry/core/heading";
+import { Text } from "@/registry/core/text";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/registry/core/checkbox-group-01.tsx b/www/src/__registry__/core/checkbox-group.tsx
similarity index 94%
rename from www/src/registry/core/checkbox-group-01.tsx
rename to www/src/__registry__/core/checkbox-group.tsx
index 4439edaec..d42bd9924 100644
--- a/www/src/registry/core/checkbox-group-01.tsx
+++ b/www/src/__registry__/core/checkbox-group.tsx
@@ -7,8 +7,8 @@ import {
   type CheckboxGroupProps as AriaCheckboxGroupProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxContext } from "@/registry/core/checkbox-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
+import { CheckboxContext } from "@/registry/core/checkbox";
+import { Field, type FieldProps } from "@/registry/core/field";
 
 const checkboxGroupStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/checkbox-01.tsx b/www/src/__registry__/core/checkbox.tsx
similarity index 100%
rename from www/src/__registry__/core/checkbox-01.tsx
rename to www/src/__registry__/core/checkbox.tsx
diff --git a/www/src/registry/core/color-area-01.tsx b/www/src/__registry__/core/color-area.tsx
similarity index 94%
rename from www/src/registry/core/color-area-01.tsx
rename to www/src/__registry__/core/color-area.tsx
index 1d50103a3..e520b64ac 100644
--- a/www/src/registry/core/color-area-01.tsx
+++ b/www/src/__registry__/core/color-area.tsx
@@ -6,7 +6,7 @@ import {
   type ColorAreaProps as AriaColorAreaProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb-01";
+import { ColorThumb } from "@/registry/core/color-thumb";
 
 const colorAreaStyles = tv({
   base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
diff --git a/www/src/registry/core/color-field-01.tsx b/www/src/__registry__/core/color-field.tsx
similarity index 96%
rename from www/src/registry/core/color-field-01.tsx
rename to www/src/__registry__/core/color-field.tsx
index cd5ceea09..0714ca7b6 100644
--- a/www/src/registry/core/color-field-01.tsx
+++ b/www/src/__registry__/core/color-field.tsx
@@ -6,8 +6,8 @@ import {
   type ColorFieldProps as AriaColorFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 
 const colorFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/__registry__/core/color-picker-01.tsx b/www/src/__registry__/core/color-picker.tsx
similarity index 89%
rename from www/src/__registry__/core/color-picker-01.tsx
rename to www/src/__registry__/core/color-picker.tsx
index 51f515ac0..f888508cb 100644
--- a/www/src/__registry__/core/color-picker-01.tsx
+++ b/www/src/__registry__/core/color-picker.tsx
@@ -9,13 +9,13 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { ColorArea } from "@/registry/core/color-area-01";
-import { ColorField } from "@/registry/core/color-field-01";
-import { ColorSlider } from "@/registry/core/color-slider-01";
-import { ColorSwatch } from "@/registry/core/color-swatch-01";
-import { Dialog, DialogRoot, DialogRootProps } from "@/registry/core/dialog-01";
-import { Item } from "@/registry/core/list-box-01";
-import { Select } from "@/registry/core/select-01";
+import { ColorArea } from "@/registry/core/color-area";
+import { ColorField } from "@/registry/core/color-field";
+import { ColorSlider } from "@/registry/core/color-slider";
+import { ColorSwatch } from "@/registry/core/color-swatch";
+import { Dialog, DialogRoot, DialogRootProps } from "@/registry/core/dialog";
+import { Item } from "@/registry/core/list-box";
+import { Select } from "@/registry/core/select";
 import { cn } from "@/registry/lib/cn";
 
 type ColorPickerProps = ColorPickerRootProps &
diff --git a/www/src/registry/core/color-slider-01.tsx b/www/src/__registry__/core/color-slider.tsx
similarity index 96%
rename from www/src/registry/core/color-slider-01.tsx
rename to www/src/__registry__/core/color-slider.tsx
index d316027ae..294d1700c 100644
--- a/www/src/registry/core/color-slider-01.tsx
+++ b/www/src/__registry__/core/color-slider.tsx
@@ -10,8 +10,8 @@ import {
   type SliderTrackProps as AriaSliderTrackProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb-01";
-import { Label } from "@/registry/core/field-01";
+import { ColorThumb } from "@/registry/core/color-thumb";
+import { Label } from "@/registry/core/field";
 import { cn } from "@/registry/lib/cn";
 
 const colorSliderStyles = tv({
diff --git a/www/src/__registry__/core/color-swatch-01.tsx b/www/src/__registry__/core/color-swatch.tsx
similarity index 100%
rename from www/src/__registry__/core/color-swatch-01.tsx
rename to www/src/__registry__/core/color-swatch.tsx
diff --git a/www/src/__registry__/core/color-thumb-01.tsx b/www/src/__registry__/core/color-thumb.tsx
similarity index 100%
rename from www/src/__registry__/core/color-thumb-01.tsx
rename to www/src/__registry__/core/color-thumb.tsx
diff --git a/www/src/__registry__/core/combobox-01.tsx b/www/src/__registry__/core/combobox.tsx
similarity index 89%
rename from www/src/__registry__/core/combobox-01.tsx
rename to www/src/__registry__/core/combobox.tsx
index 3dbf915c4..ab8a6d315 100644
--- a/www/src/__registry__/core/combobox-01.tsx
+++ b/www/src/__registry__/core/combobox.tsx
@@ -8,10 +8,10 @@ import {
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { Input, InputRoot } from "@/registry/core/input-01";
-import { ListBox } from "@/registry/core/list-box-01";
-import { Overlay } from "@/registry/core/overlay-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { Input, InputRoot } from "@/registry/core/input";
+import { ListBox } from "@/registry/core/list-box";
+import { Overlay } from "@/registry/core/overlay";
 
 const comboboxStyles = tv({
   slots: {
diff --git a/www/src/registry/core/date-field-01.tsx b/www/src/__registry__/core/date-field.tsx
similarity index 95%
rename from www/src/registry/core/date-field-01.tsx
rename to www/src/__registry__/core/date-field.tsx
index 3239bb092..b46bb08a0 100644
--- a/www/src/registry/core/date-field-01.tsx
+++ b/www/src/__registry__/core/date-field.tsx
@@ -7,13 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Field, type FieldProps } from "@/registry/core/field";
 import {
   InputRoot,
   type InputRootProps,
   type inputStyles,
-} from "@/registry/core/input-01";
+} from "@/registry/core/input";
 
 const dateFieldStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/date-input-01.tsx b/www/src/__registry__/core/date-input.tsx
similarity index 100%
rename from www/src/__registry__/core/date-input-01.tsx
rename to www/src/__registry__/core/date-input.tsx
diff --git a/www/src/registry/core/date-picker-01.tsx b/www/src/__registry__/core/date-picker.tsx
similarity index 94%
rename from www/src/registry/core/date-picker-01.tsx
rename to www/src/__registry__/core/date-picker.tsx
index 983582980..229c2b11d 100644
--- a/www/src/registry/core/date-picker-01.tsx
+++ b/www/src/__registry__/core/date-picker.tsx
@@ -9,11 +9,11 @@ import {
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { Calendar } from "@/registry/core/calendar-01";
-import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { Dialog } from "@/registry/core/dialog-01";
-import { Field, fieldStyles, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, type inputStyles } from "@/registry/core/input-01";
+import { Calendar } from "@/registry/core/calendar";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Dialog } from "@/registry/core/dialog";
+import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
+import { InputRoot, type inputStyles } from "@/registry/core/input";
 
 interface DatePickerProps<T extends DateValue>
   extends DatePickerRootProps<T>,
diff --git a/www/src/registry/core/date-range-picker-01.tsx b/www/src/__registry__/core/date-range-picker.tsx
similarity index 94%
rename from www/src/registry/core/date-range-picker-01.tsx
rename to www/src/__registry__/core/date-range-picker.tsx
index 63d977c48..b5ac76946 100644
--- a/www/src/registry/core/date-range-picker-01.tsx
+++ b/www/src/__registry__/core/date-range-picker.tsx
@@ -9,11 +9,11 @@ import {
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { Dialog } from "@/registry/core/dialog-01";
-import { Field, type FieldProps, fieldStyles } from "@/registry/core/field-01";
-import { InputRoot, type inputStyles } from "@/registry/core/input-01";
-import { RangeCalendar } from "@/registry/core/range-calendar-01";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Dialog } from "@/registry/core/dialog";
+import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
+import { InputRoot, type inputStyles } from "@/registry/core/input";
+import { RangeCalendar } from "@/registry/core/range-calendar";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
diff --git a/www/src/__registry__/core/dialog-01.tsx b/www/src/__registry__/core/dialog.tsx
similarity index 97%
rename from www/src/__registry__/core/dialog-01.tsx
rename to www/src/__registry__/core/dialog.tsx
index 82f9a1e30..3a9b29266 100644
--- a/www/src/__registry__/core/dialog-01.tsx
+++ b/www/src/__registry__/core/dialog.tsx
@@ -13,9 +13,9 @@ import {
 } from "react-aria-components";
 import { Provider } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Heading } from "@/registry/core/heading-01";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay-01";
-import { Text } from "@/registry/core/text-01";
+import { Heading } from "@/registry/core/heading";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay";
+import { Text } from "@/registry/core/text";
 
 const dialogStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/drop-zone-01.tsx b/www/src/__registry__/core/drop-zone.tsx
similarity index 100%
rename from www/src/__registry__/core/drop-zone-01.tsx
rename to www/src/__registry__/core/drop-zone.tsx
diff --git a/www/src/__registry__/core/field-01.tsx b/www/src/__registry__/core/field.tsx
similarity index 100%
rename from www/src/__registry__/core/field-01.tsx
rename to www/src/__registry__/core/field.tsx
diff --git a/www/src/__registry__/core/file-trigger-01.tsx b/www/src/__registry__/core/file-trigger.tsx
similarity index 100%
rename from www/src/__registry__/core/file-trigger-01.tsx
rename to www/src/__registry__/core/file-trigger.tsx
diff --git a/www/src/__registry__/core/form-01.tsx b/www/src/__registry__/core/form.tsx
similarity index 100%
rename from www/src/__registry__/core/form-01.tsx
rename to www/src/__registry__/core/form.tsx
diff --git a/www/src/__registry__/core/group-01.tsx b/www/src/__registry__/core/group.tsx
similarity index 100%
rename from www/src/__registry__/core/group-01.tsx
rename to www/src/__registry__/core/group.tsx
diff --git a/www/src/__registry__/core/heading-01.tsx b/www/src/__registry__/core/heading.tsx
similarity index 100%
rename from www/src/__registry__/core/heading-01.tsx
rename to www/src/__registry__/core/heading.tsx
diff --git a/www/src/__registry__/core/input-01.tsx b/www/src/__registry__/core/input.tsx
similarity index 100%
rename from www/src/__registry__/core/input-01.tsx
rename to www/src/__registry__/core/input.tsx
diff --git a/www/src/__registry__/core/kbd-01.tsx b/www/src/__registry__/core/kbd.tsx
similarity index 100%
rename from www/src/__registry__/core/kbd-01.tsx
rename to www/src/__registry__/core/kbd.tsx
diff --git a/www/src/__registry__/core/link-01.tsx b/www/src/__registry__/core/link.tsx
similarity index 100%
rename from www/src/__registry__/core/link-01.tsx
rename to www/src/__registry__/core/link.tsx
diff --git a/www/src/__registry__/core/list-box-01.tsx b/www/src/__registry__/core/list-box.tsx
similarity index 98%
rename from www/src/__registry__/core/list-box-01.tsx
rename to www/src/__registry__/core/list-box.tsx
index 3bf922b69..b14b55ff6 100644
--- a/www/src/__registry__/core/list-box-01.tsx
+++ b/www/src/__registry__/core/list-box.tsx
@@ -12,7 +12,7 @@ import {
   ListStateContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Text } from "@/registry/core/text-01";
+import { Text } from "@/registry/core/text";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const listBoxStyles = tv({
diff --git a/www/src/__registry__/core/loader-dot-spinner.tsx b/www/src/__registry__/core/loader-dot-spinner.tsx
new file mode 100644
index 000000000..72cbd6e44
--- /dev/null
+++ b/www/src/__registry__/core/loader-dot-spinner.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import React from "react";
+import { ProgressBar as AriaProgressBar } from "react-aria-components";
+import type { ProgressBarProps } from "react-aria-components";
+import { cn } from "@/registry/lib/cn";
+
+interface LoaderProps extends ProgressBarProps {
+  size?: number;
+}
+
+function Loader({ size = 20, className, ...props }: LoaderProps) {
+  return (
+    <AriaProgressBar
+      className={cn("relative items-center justify-center", className)}
+      {...props}
+      isIndeterminate
+      style={
+        {
+          "--size": `${size}px`,
+          width: "var(--size)",
+          height: "var(--size)",
+        } as React.CSSProperties
+      }
+    >
+      {[...Array(8)].map((_, index) => {
+        const angle = (index / 8) * (2 * Math.PI);
+        const x = Math.cos(angle);
+        const y = Math.sin(angle);
+
+        return (
+          <div
+            key={index}
+            className="animate-dot-spinner absolute size-[20%] -translate-x-1/2 -translate-y-1/2 rounded-full bg-current"
+            style={{
+              animationDelay: `${index * 0.1}s`,
+              top: `${50 + y * 40}%`,
+              left: `${50 + x * 40}%`,
+            }}
+          ></div>
+        );
+      })}
+    </AriaProgressBar>
+  );
+}
+
+export type { LoaderProps };
+export { Loader };
diff --git a/www/src/__registry__/core/loader-line-spinner.tsx b/www/src/__registry__/core/loader-line-spinner.tsx
new file mode 100644
index 000000000..12eea856f
--- /dev/null
+++ b/www/src/__registry__/core/loader-line-spinner.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { ProgressBar as AriaProgressBar } from "react-aria-components";
+import type { ProgressBarProps } from "react-aria-components";
+
+interface LoaderProps extends ProgressBarProps {
+  size?: number;
+}
+
+function Loader({ size = 20, ...props }: LoaderProps) {
+  return (
+    <AriaProgressBar
+      {...props}
+      className="size-10"
+      isIndeterminate
+      style={
+        {
+          "--size": `${size}px`,
+          width: "var(--size)",
+          height: "var(--size)",
+        } as React.CSSProperties
+      }
+    >
+      <div className="relative left-1/2 top-1/2 h-full w-full">
+        {Array.from({ length: 12 }).map((_, i) => (
+          <span
+            key={i}
+            className="animate-line-spinner absolute left-[-10%] top-[-3.9%] h-[8%] w-[24%] rounded-sm bg-current"
+            style={{
+              transform: `rotate(${i * 30}deg) translate(146%)`,
+              animationDelay: `-${(12 - i) * 0.1}s`,
+            }}
+          ></span>
+        ))}
+      </div>
+    </AriaProgressBar>
+  );
+}
+
+export type { LoaderProps };
+export { Loader };
diff --git a/www/src/__registry__/core/loader-ring.tsx b/www/src/__registry__/core/loader-ring.tsx
new file mode 100644
index 000000000..90b6a9f4b
--- /dev/null
+++ b/www/src/__registry__/core/loader-ring.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import { ProgressBar as AriaProgressBar } from "react-aria-components";
+import type { ProgressBarProps } from "react-aria-components";
+
+interface LoaderProps extends ProgressBarProps {
+  size?: number;
+}
+
+function Loader({ size = 20, ...props }: LoaderProps) {
+  return (
+    <AriaProgressBar {...props} isIndeterminate>
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        className="block animate-spin"
+      >
+        <path
+          className="fill-current opacity-25"
+          d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
+        />
+        <path
+          className="fill-current"
+          d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
+        />
+      </svg>
+    </AriaProgressBar>
+  );
+}
+
+export type { LoaderProps };
+export { Loader };
diff --git a/www/src/__registry__/core/loader-tailspin.tsx b/www/src/__registry__/core/loader-tailspin.tsx
new file mode 100644
index 000000000..b29a35b53
--- /dev/null
+++ b/www/src/__registry__/core/loader-tailspin.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import React from "react";
+import { ProgressBar as AriaProgressBar } from "react-aria-components";
+import type { ProgressBarProps } from "react-aria-components";
+
+interface LoaderProps extends ProgressBarProps {
+  size?: number;
+}
+
+function Loader({ size = 40, ...props }: LoaderProps) {
+  return (
+    <AriaProgressBar {...props} isIndeterminate>
+      <div
+        className="relative flex animate-spin items-center justify-start rounded-full"
+        style={
+          {
+            "--size": `${size}px`,
+            "--color": "currentColor",
+            "--stroke": `${size / 10}px`,
+            "--mask-size": "calc(var(--size) / 2 - var(--stroke))",
+            width: "var(--size)",
+            height: "var(--size)",
+            WebkitMask:
+              "radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)",
+            mask: "radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)",
+            backgroundImage: "conic-gradient(transparent 25%, var(--color))",
+          } as React.CSSProperties
+        }
+      ></div>
+    </AriaProgressBar>
+  );
+}
+
+export type { LoaderProps };
+export { Loader };
+
+{
+  /* <div class="container"></div>
+
+<style>
+  .container {
+    --uib-size: 40px;
+    --uib-color: black;
+    --uib-speed: .9s;
+    --uib-stroke: 5px;
+    --mask-size: calc(var(--uib-size) / 2 - var(--uib-stroke));
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    height: var(--uib-size);
+    width: var(--uib-size);
+    -webkit-mask: radial-gradient(
+      circle var(--mask-size),
+      transparent 99%,
+      #000 100%
+    );
+    mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);
+    background-image: conic-gradient(transparent 25%, var(--uib-color));
+    animation: spin calc(var(--uib-speed)) linear infinite;
+    border-radius: 50%;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+</style>
+ */
+}
diff --git a/www/src/__registry__/core/loader-wave.tsx b/www/src/__registry__/core/loader-wave.tsx
new file mode 100644
index 000000000..3ac8eee3e
--- /dev/null
+++ b/www/src/__registry__/core/loader-wave.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { ProgressBar as AriaProgressBar } from "react-aria-components";
+import type { ProgressBarProps } from "react-aria-components";
+import { cn } from "@/registry/lib/cn";
+
+interface LoaderProps extends ProgressBarProps {
+  size?: number;
+}
+
+function Loader({ size = 20, className, ...props }: LoaderProps) {
+  return (
+    <AriaProgressBar
+      className={cn("flex items-center justify-between")}
+      {...props}
+      isIndeterminate
+      style={
+        {
+          "--size": `${size}px`,
+          width: `var(--size)`,
+          height: `calc(var(--size) * 0.9)`,
+        } as React.CSSProperties
+      }
+    >
+      {[...Array(4)].map((_, index) => (
+        <motion.div
+          key={index}
+          className="h-full w-[2px] rounded-full bg-current"
+          animate={{
+            scaleY: [0.3, 1, 0.3],
+          }}
+          transition={{
+            duration: 1,
+            repeat: Infinity,
+            ease: "easeInOut",
+            delay: index * 0.1,
+          }}
+        />
+      ))}
+    </AriaProgressBar>
+  );
+}
+
+export type { LoaderProps };
+export { Loader };
diff --git a/www/src/__registry__/core/menu-01.tsx b/www/src/__registry__/core/menu.tsx
similarity index 97%
rename from www/src/__registry__/core/menu-01.tsx
rename to www/src/__registry__/core/menu.tsx
index 9bd9a2638..637eba17a 100644
--- a/www/src/__registry__/core/menu-01.tsx
+++ b/www/src/__registry__/core/menu.tsx
@@ -13,9 +13,9 @@ import {
   type MenuTriggerProps as AriaMenuTriggerProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Kbd } from "@/registry/core/kbd-01";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay-01";
-import { Text } from "@/registry/core/text-01";
+import { Kbd } from "@/registry/core/kbd";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay";
+import { Text } from "@/registry/core/text";
 
 const menuStyles = tv({
   base: [
diff --git a/www/src/registry/core/number-field-01.tsx b/www/src/__registry__/core/number-field.tsx
similarity index 97%
rename from www/src/registry/core/number-field-01.tsx
rename to www/src/__registry__/core/number-field.tsx
index cfba9ca86..a7231b84d 100644
--- a/www/src/registry/core/number-field-01.tsx
+++ b/www/src/__registry__/core/number-field.tsx
@@ -13,8 +13,8 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 
 const numberFieldStyles = tv({
diff --git a/www/src/__registry__/core/overlay-01.tsx b/www/src/__registry__/core/overlay.tsx
similarity index 100%
rename from www/src/__registry__/core/overlay-01.tsx
rename to www/src/__registry__/core/overlay.tsx
diff --git a/www/src/__registry__/core/progress-01.tsx b/www/src/__registry__/core/progress.tsx
similarity index 99%
rename from www/src/__registry__/core/progress-01.tsx
rename to www/src/__registry__/core/progress.tsx
index f2197a190..a506e1b55 100644
--- a/www/src/__registry__/core/progress-01.tsx
+++ b/www/src/__registry__/core/progress.tsx
@@ -7,7 +7,7 @@ import {
   type ProgressBarProps as AriaProgressProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Label } from "@/registry/core/field-01";
+import { Label } from "@/registry/core/field";
 import { cn } from "@/registry/lib/cn";
 
 const progressStyles = tv({
diff --git a/www/src/__registry__/core/radio-group-01.tsx b/www/src/__registry__/core/radio-group.tsx
similarity index 98%
rename from www/src/__registry__/core/radio-group-01.tsx
rename to www/src/__registry__/core/radio-group.tsx
index c899553e2..31f3e97f1 100644
--- a/www/src/__registry__/core/radio-group-01.tsx
+++ b/www/src/__registry__/core/radio-group.tsx
@@ -9,7 +9,7 @@ import {
   type RadioProps as AriaRadioProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field-01";
+import { Field, type FieldProps } from "@/registry/core/field";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
 
 const radioGroupStyles = tv({
diff --git a/www/src/__registry__/core/range-calendar-01.tsx b/www/src/__registry__/core/range-calendar.tsx
similarity index 95%
rename from www/src/__registry__/core/range-calendar-01.tsx
rename to www/src/__registry__/core/range-calendar.tsx
index 7f1e56d97..a73a0cb26 100644
--- a/www/src/__registry__/core/range-calendar-01.tsx
+++ b/www/src/__registry__/core/range-calendar.tsx
@@ -19,9 +19,9 @@ import {
   CalendarGridBody,
   CalendarCell,
   calendarStyles,
-} from "@/registry/core/calendar-01";
-import { Heading } from "@/registry/core/heading-01";
-import { Text } from "@/registry/core/text-01";
+} from "@/registry/core/calendar";
+import { Heading } from "@/registry/core/heading";
+import { Text } from "@/registry/core/text";
 
 interface RangeCalendarProps<T extends DateValue>
   extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
diff --git a/www/src/__registry__/core/scroll-area-01.tsx b/www/src/__registry__/core/scroll-area.tsx
similarity index 100%
rename from www/src/__registry__/core/scroll-area-01.tsx
rename to www/src/__registry__/core/scroll-area.tsx
diff --git a/www/src/registry/core/search-field-01.tsx b/www/src/__registry__/core/search-field.tsx
similarity index 97%
rename from www/src/registry/core/search-field-01.tsx
rename to www/src/__registry__/core/search-field.tsx
index d28cd2aa9..973e85d35 100644
--- a/www/src/registry/core/search-field-01.tsx
+++ b/www/src/__registry__/core/search-field.tsx
@@ -8,8 +8,8 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 
 const searchFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/__registry__/core/section-01.tsx b/www/src/__registry__/core/section.tsx
similarity index 100%
rename from www/src/__registry__/core/section-01.tsx
rename to www/src/__registry__/core/section.tsx
diff --git a/www/src/__registry__/core/select-01.tsx b/www/src/__registry__/core/select.tsx
similarity index 95%
rename from www/src/__registry__/core/select-01.tsx
rename to www/src/__registry__/core/select.tsx
index 1e6fa9961..dc53f27e6 100644
--- a/www/src/__registry__/core/select-01.tsx
+++ b/www/src/__registry__/core/select.tsx
@@ -11,9 +11,9 @@ import {
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { ListBox, type ListBoxProps } from "@/registry/core/list-box-01";
-import { Overlay } from "@/registry/core/overlay-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { ListBox, type ListBoxProps } from "@/registry/core/list-box";
+import { Overlay } from "@/registry/core/overlay";
 
 const selectStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/separator-01.tsx b/www/src/__registry__/core/separator.tsx
similarity index 100%
rename from www/src/__registry__/core/separator-01.tsx
rename to www/src/__registry__/core/separator.tsx
diff --git a/www/src/__registry__/core/skeleton-01.tsx b/www/src/__registry__/core/skeleton.tsx
similarity index 100%
rename from www/src/__registry__/core/skeleton-01.tsx
rename to www/src/__registry__/core/skeleton.tsx
diff --git a/www/src/__registry__/core/slider-01.tsx b/www/src/__registry__/core/slider.tsx
similarity index 99%
rename from www/src/__registry__/core/slider-01.tsx
rename to www/src/__registry__/core/slider.tsx
index fc3a2bf55..76ab370ee 100644
--- a/www/src/__registry__/core/slider-01.tsx
+++ b/www/src/__registry__/core/slider.tsx
@@ -16,7 +16,7 @@ import {
   TextContext as AriaTextContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Description, Label, type FieldProps } from "@/registry/core/field-01";
+import { Description, Label, type FieldProps } from "@/registry/core/field";
 import { cn } from "@/registry/lib/cn";
 import { focusRing } from "@/registry/lib/focus-styles";
 
@@ -153,6 +153,7 @@ const SliderFiller = (props: SliderFillerProps) => {
   const { orientation, getThumbPercent, values } = React.useContext(
     AriaSliderStateContext
   );
+
   return (
     <div
       {...props}
diff --git a/www/src/__registry__/core/switch-01.tsx b/www/src/__registry__/core/switch.tsx
similarity index 100%
rename from www/src/__registry__/core/switch-01.tsx
rename to www/src/__registry__/core/switch.tsx
diff --git a/www/src/__registry__/core/tabs-01.tsx b/www/src/__registry__/core/tabs.tsx
similarity index 100%
rename from www/src/__registry__/core/tabs-01.tsx
rename to www/src/__registry__/core/tabs.tsx
diff --git a/www/src/__registry__/core/tag-group-01.tsx b/www/src/__registry__/core/tag-group.tsx
similarity index 95%
rename from www/src/__registry__/core/tag-group-01.tsx
rename to www/src/__registry__/core/tag-group.tsx
index 725612b84..ae4cb5ce7 100644
--- a/www/src/__registry__/core/tag-group-01.tsx
+++ b/www/src/__registry__/core/tag-group.tsx
@@ -12,7 +12,7 @@ import {
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { Field } from "@/registry/core/field-01";
+import { Field } from "@/registry/core/field";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const tagGroupStyles = tv({
diff --git a/www/src/__registry__/core/text-area-01.tsx b/www/src/__registry__/core/text-area.tsx
similarity index 91%
rename from www/src/__registry__/core/text-area-01.tsx
rename to www/src/__registry__/core/text-area.tsx
index d4be2a3fe..ab53b7a01 100644
--- a/www/src/__registry__/core/text-area-01.tsx
+++ b/www/src/__registry__/core/text-area.tsx
@@ -2,16 +2,16 @@
 
 import * as React from "react";
 import { type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field-01";
+import { Field, type FieldProps } from "@/registry/core/field";
 import {
   InputRoot,
   TextAreaInput,
   type inputStyles,
-} from "@/registry/core/input-01";
+} from "@/registry/core/input";
 import {
   TextFieldRoot,
   type TextFieldRootProps,
-} from "@/registry/core/text-field-01";
+} from "@/registry/core/text-field";
 
 type TextAreaProps = TextFieldRootProps &
   Omit<FieldProps, "children"> &
diff --git a/www/src/__registry__/core/text-field-01.tsx b/www/src/__registry__/core/text-field.tsx
similarity index 96%
rename from www/src/__registry__/core/text-field-01.tsx
rename to www/src/__registry__/core/text-field.tsx
index c2017460a..7ba74ecbb 100644
--- a/www/src/__registry__/core/text-field-01.tsx
+++ b/www/src/__registry__/core/text-field.tsx
@@ -6,8 +6,8 @@ import {
   type TextFieldProps as AriaTextFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 
 const textFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/__registry__/core/text-01.tsx b/www/src/__registry__/core/text.tsx
similarity index 100%
rename from www/src/__registry__/core/text-01.tsx
rename to www/src/__registry__/core/text.tsx
diff --git a/www/src/__registry__/core/time-field-01.tsx b/www/src/__registry__/core/time-field.tsx
similarity index 96%
rename from www/src/__registry__/core/time-field-01.tsx
rename to www/src/__registry__/core/time-field.tsx
index aef7ab12b..e483f0f5d 100644
--- a/www/src/__registry__/core/time-field-01.tsx
+++ b/www/src/__registry__/core/time-field.tsx
@@ -7,9 +7,9 @@ import {
   type TimeValue,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, type inputStyles } from "@/registry/core/input-01";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, type inputStyles } from "@/registry/core/input";
 
 const timeFieldStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/toggle-button-01.tsx b/www/src/__registry__/core/toggle-button.tsx
similarity index 100%
rename from www/src/__registry__/core/toggle-button-01.tsx
rename to www/src/__registry__/core/toggle-button.tsx
diff --git a/www/src/__registry__/core/toggle-group-01.tsx b/www/src/__registry__/core/toggle-group.tsx
similarity index 100%
rename from www/src/__registry__/core/toggle-group-01.tsx
rename to www/src/__registry__/core/toggle-group.tsx
diff --git a/www/src/__registry__/core/tooltip-01.tsx b/www/src/__registry__/core/tooltip.tsx
similarity index 100%
rename from www/src/__registry__/core/tooltip-01.tsx
rename to www/src/__registry__/core/tooltip.tsx
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 459e898d1..e0450b39e 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -6,2616 +6,2132 @@ export const Index: Record<string, any> = {
   core: {
     "alert-action": {
       name: "alert-action",
-      files: ["registry/demos/alert/action.tsx"],
-      component: React.lazy(() => import("@/registry/demos/alert/action")),
+      files: ["demos/alert/action.tsx"],
+      component: React.lazy(() => import("@/demos/alert/action")),
     },
     "alert-composition": {
       name: "alert-composition",
-      files: ["registry/demos/alert/composition.tsx"],
-      component: React.lazy(() => import("@/registry/demos/alert/composition")),
+      files: ["demos/alert/composition.tsx"],
+      component: React.lazy(() => import("@/demos/alert/composition")),
     },
     "alert-content": {
       name: "alert-content",
-      files: ["registry/demos/alert/content.tsx"],
-      component: React.lazy(() => import("@/registry/demos/alert/content")),
+      files: ["demos/alert/content.tsx"],
+      component: React.lazy(() => import("@/demos/alert/content")),
     },
     "alert-custom-icon": {
       name: "alert-custom-icon",
-      files: ["registry/demos/alert/custom-icon.tsx"],
-      component: React.lazy(() => import("@/registry/demos/alert/custom-icon")),
+      files: ["demos/alert/custom-icon.tsx"],
+      component: React.lazy(() => import("@/demos/alert/custom-icon")),
     },
     "alert-default": {
       name: "alert-default",
-      files: ["registry/demos/alert/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/alert/default")),
+      files: ["demos/alert/default.tsx"],
+      component: React.lazy(() => import("@/demos/alert/default")),
     },
     "alert-title": {
       name: "alert-title",
-      files: ["registry/demos/alert/title.tsx"],
-      component: React.lazy(() => import("@/registry/demos/alert/title")),
+      files: ["demos/alert/title.tsx"],
+      component: React.lazy(() => import("@/demos/alert/title")),
     },
     "alert-variants": {
       name: "alert-variants",
-      files: ["registry/demos/alert/variants.tsx"],
-      component: React.lazy(() => import("@/registry/demos/alert/variants")),
+      files: ["demos/alert/variants.tsx"],
+      component: React.lazy(() => import("@/demos/alert/variants")),
     },
     "avatar-composition": {
       name: "avatar-composition",
-      files: ["registry/demos/avatar/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/avatar/composition")
-      ),
+      files: ["demos/avatar/composition.tsx"],
+      component: React.lazy(() => import("@/demos/avatar/composition")),
     },
     "avatar-default": {
       name: "avatar-default",
-      files: ["registry/demos/avatar/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/avatar/default")),
+      files: ["demos/avatar/default.tsx"],
+      component: React.lazy(() => import("@/demos/avatar/default")),
     },
     "avatar-shape": {
       name: "avatar-shape",
-      files: ["registry/demos/avatar/shape.tsx"],
-      component: React.lazy(() => import("@/registry/demos/avatar/shape")),
+      files: ["demos/avatar/shape.tsx"],
+      component: React.lazy(() => import("@/demos/avatar/shape")),
     },
     "avatar-sizes": {
       name: "avatar-sizes",
-      files: ["registry/demos/avatar/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/avatar/sizes")),
+      files: ["demos/avatar/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/avatar/sizes")),
     },
     "badge-default": {
       name: "badge-default",
-      files: ["registry/demos/badge/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/badge/default")),
+      files: ["demos/badge/default.tsx"],
+      component: React.lazy(() => import("@/demos/badge/default")),
     },
     "badge-icon": {
       name: "badge-icon",
-      files: ["registry/demos/badge/icon.tsx"],
-      component: React.lazy(() => import("@/registry/demos/badge/icon")),
+      files: ["demos/badge/icon.tsx"],
+      component: React.lazy(() => import("@/demos/badge/icon")),
     },
     "badge-sizes": {
       name: "badge-sizes",
-      files: ["registry/demos/badge/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/badge/sizes")),
+      files: ["demos/badge/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/badge/sizes")),
     },
     "badge-variants": {
       name: "badge-variants",
-      files: ["registry/demos/badge/variants.tsx"],
-      component: React.lazy(() => import("@/registry/demos/badge/variants")),
+      files: ["demos/badge/variants.tsx"],
+      component: React.lazy(() => import("@/demos/badge/variants")),
     },
     "breadcrumbs-basic": {
       name: "breadcrumbs-basic",
-      files: ["registry/demos/breadcrumbs/basic.tsx"],
-      component: React.lazy(() => import("@/registry/demos/breadcrumbs/basic")),
+      files: ["demos/breadcrumbs/basic.tsx"],
+      component: React.lazy(() => import("@/demos/breadcrumbs/basic")),
     },
     "breadcrumbs-composition": {
       name: "breadcrumbs-composition",
-      files: ["registry/demos/breadcrumbs/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/breadcrumbs/composition")
-      ),
+      files: ["demos/breadcrumbs/composition.tsx"],
+      component: React.lazy(() => import("@/demos/breadcrumbs/composition")),
     },
     "breadcrumbs-disabled": {
       name: "breadcrumbs-disabled",
-      files: ["registry/demos/breadcrumbs/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/breadcrumbs/disabled")
-      ),
+      files: ["demos/breadcrumbs/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/breadcrumbs/disabled")),
     },
     "breadcrumbs-icon": {
       name: "breadcrumbs-icon",
-      files: ["registry/demos/breadcrumbs/icon.tsx"],
-      component: React.lazy(() => import("@/registry/demos/breadcrumbs/icon")),
+      files: ["demos/breadcrumbs/icon.tsx"],
+      component: React.lazy(() => import("@/demos/breadcrumbs/icon")),
     },
     "breadcrumbs-router-integration": {
       name: "breadcrumbs-router-integration",
-      files: ["registry/demos/breadcrumbs/router-integration.tsx"],
+      files: ["demos/breadcrumbs/router-integration.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/breadcrumbs/router-integration")
+        () => import("@/demos/breadcrumbs/router-integration")
       ),
     },
     "button-default": {
       name: "button-default",
-      files: ["registry/demos/button/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/button/default")),
+      files: ["demos/button/default.tsx"],
+      component: React.lazy(() => import("@/demos/button/default")),
     },
     "button-disabled": {
       name: "button-disabled",
-      files: ["registry/demos/button/disabled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/button/disabled")),
+      files: ["demos/button/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/button/disabled")),
     },
     "button-link-button": {
       name: "button-link-button",
-      files: ["registry/demos/button/link-button.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/button/link-button")
-      ),
+      files: ["demos/button/link-button.tsx"],
+      component: React.lazy(() => import("@/demos/button/link-button")),
     },
     "button-loading": {
       name: "button-loading",
-      files: ["registry/demos/button/loading.tsx"],
-      component: React.lazy(() => import("@/registry/demos/button/loading")),
+      files: ["demos/button/loading.tsx"],
+      component: React.lazy(() => import("@/demos/button/loading")),
     },
     "button-prefix-and-suffix": {
       name: "button-prefix-and-suffix",
-      files: ["registry/demos/button/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/button/prefix-and-suffix")
-      ),
+      files: ["demos/button/prefix-and-suffix.tsx"],
+      component: React.lazy(() => import("@/demos/button/prefix-and-suffix")),
     },
     "button-shapes": {
       name: "button-shapes",
-      files: ["registry/demos/button/shapes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/button/shapes")),
+      files: ["demos/button/shapes.tsx"],
+      component: React.lazy(() => import("@/demos/button/shapes")),
     },
     "button-sizes": {
       name: "button-sizes",
-      files: ["registry/demos/button/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/button/sizes")),
+      files: ["demos/button/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/button/sizes")),
     },
     "button-variants": {
       name: "button-variants",
-      files: ["registry/demos/button/variants.tsx"],
-      component: React.lazy(() => import("@/registry/demos/button/variants")),
+      files: ["demos/button/variants.tsx"],
+      component: React.lazy(() => import("@/demos/button/variants")),
     },
     "calendar-composition": {
       name: "calendar-composition",
-      files: ["registry/demos/calendar/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/calendar/composition")
-      ),
+      files: ["demos/calendar/composition.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/composition")),
     },
     "calendar-controlled": {
       name: "calendar-controlled",
-      files: ["registry/demos/calendar/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/calendar/controlled")
-      ),
+      files: ["demos/calendar/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/controlled")),
     },
     "calendar-default": {
       name: "calendar-default",
-      files: ["registry/demos/calendar/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/calendar/default")),
+      files: ["demos/calendar/default.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/default")),
     },
     "calendar-disabled": {
       name: "calendar-disabled",
-      files: ["registry/demos/calendar/disabled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/calendar/disabled")),
+      files: ["demos/calendar/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/disabled")),
     },
     "calendar-error-message": {
       name: "calendar-error-message",
-      files: ["registry/demos/calendar/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/calendar/error-message")
-      ),
+      files: ["demos/calendar/error-message.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/error-message")),
     },
     "calendar-label": {
       name: "calendar-label",
-      files: ["registry/demos/calendar/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/calendar/label")),
+      files: ["demos/calendar/label.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/label")),
     },
     "calendar-page-behaviour": {
       name: "calendar-page-behaviour",
-      files: ["registry/demos/calendar/page-behaviour.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/calendar/page-behaviour")
-      ),
+      files: ["demos/calendar/page-behaviour.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/page-behaviour")),
     },
     "calendar-read-only": {
       name: "calendar-read-only",
-      files: ["registry/demos/calendar/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/calendar/read-only")
-      ),
+      files: ["demos/calendar/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/read-only")),
     },
     "calendar-uncontrolled": {
       name: "calendar-uncontrolled",
-      files: ["registry/demos/calendar/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/calendar/uncontrolled")
-      ),
+      files: ["demos/calendar/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/uncontrolled")),
     },
     "calendar-unvailable-dates": {
       name: "calendar-unvailable-dates",
-      files: ["registry/demos/calendar/unvailable-dates.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/calendar/unvailable-dates")
-      ),
+      files: ["demos/calendar/unvailable-dates.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/unvailable-dates")),
     },
     "calendar-validation": {
       name: "calendar-validation",
-      files: ["registry/demos/calendar/validation.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/calendar/validation")
-      ),
+      files: ["demos/calendar/validation.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/validation")),
     },
     "calendar-visible-months": {
       name: "calendar-visible-months",
-      files: ["registry/demos/calendar/visible-months.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/calendar/visible-months")
-      ),
+      files: ["demos/calendar/visible-months.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/visible-months")),
     },
     "checkbox-group-cards": {
       name: "checkbox-group-cards",
-      files: ["registry/demos/checkbox-group/cards.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/cards")
-      ),
+      files: ["demos/checkbox-group/cards.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox-group/cards")),
     },
     "checkbox-group-composition": {
       name: "checkbox-group-composition",
-      files: ["registry/demos/checkbox-group/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/composition")
-      ),
+      files: ["demos/checkbox-group/composition.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox-group/composition")),
     },
     "checkbox-group-contextual-help": {
       name: "checkbox-group-contextual-help",
-      files: ["registry/demos/checkbox-group/contextual-help.tsx"],
+      files: ["demos/checkbox-group/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/contextual-help")
+        () => import("@/demos/checkbox-group/contextual-help")
       ),
     },
     "checkbox-group-controlled": {
       name: "checkbox-group-controlled",
-      files: ["registry/demos/checkbox-group/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/controlled")
-      ),
+      files: ["demos/checkbox-group/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox-group/controlled")),
     },
     "checkbox-group-default": {
       name: "checkbox-group-default",
-      files: ["registry/demos/checkbox-group/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/default")
-      ),
+      files: ["demos/checkbox-group/default.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox-group/default")),
     },
     "checkbox-group-description": {
       name: "checkbox-group-description",
-      files: ["registry/demos/checkbox-group/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/description")
-      ),
+      files: ["demos/checkbox-group/description.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox-group/description")),
     },
     "checkbox-group-disabled": {
       name: "checkbox-group-disabled",
-      files: ["registry/demos/checkbox-group/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/disabled")
-      ),
+      files: ["demos/checkbox-group/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox-group/disabled")),
     },
     "checkbox-group-error-message": {
       name: "checkbox-group-error-message",
-      files: ["registry/demos/checkbox-group/error-message.tsx"],
+      files: ["demos/checkbox-group/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/error-message")
+        () => import("@/demos/checkbox-group/error-message")
       ),
     },
     "checkbox-group-label": {
       name: "checkbox-group-label",
-      files: ["registry/demos/checkbox-group/label.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/label")
-      ),
+      files: ["demos/checkbox-group/label.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox-group/label")),
     },
     "checkbox-group-read-only": {
       name: "checkbox-group-read-only",
-      files: ["registry/demos/checkbox-group/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/read-only")
-      ),
+      files: ["demos/checkbox-group/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox-group/read-only")),
     },
     "checkbox-group-required": {
       name: "checkbox-group-required",
-      files: ["registry/demos/checkbox-group/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/required")
-      ),
+      files: ["demos/checkbox-group/required.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox-group/required")),
     },
     "checkbox-group-uncontrolled": {
       name: "checkbox-group-uncontrolled",
-      files: ["registry/demos/checkbox-group/uncontrolled.tsx"],
+      files: ["demos/checkbox-group/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/checkbox-group/uncontrolled")
+        () => import("@/demos/checkbox-group/uncontrolled")
       ),
     },
     "checkbox-card": {
       name: "checkbox-card",
-      files: ["registry/demos/checkbox/card.tsx"],
-      component: React.lazy(() => import("@/registry/demos/checkbox/card")),
+      files: ["demos/checkbox/card.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox/card")),
     },
     "checkbox-controlled": {
       name: "checkbox-controlled",
-      files: ["registry/demos/checkbox/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox/controlled")
-      ),
+      files: ["demos/checkbox/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox/controlled")),
     },
     "checkbox-default": {
       name: "checkbox-default",
-      files: ["registry/demos/checkbox/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/checkbox/default")),
+      files: ["demos/checkbox/default.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox/default")),
     },
     "checkbox-disabled": {
       name: "checkbox-disabled",
-      files: ["registry/demos/checkbox/disabled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/checkbox/disabled")),
+      files: ["demos/checkbox/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox/disabled")),
     },
     "checkbox-indeterminate": {
       name: "checkbox-indeterminate",
-      files: ["registry/demos/checkbox/indeterminate.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox/indeterminate")
-      ),
+      files: ["demos/checkbox/indeterminate.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox/indeterminate")),
     },
     "checkbox-read-only": {
       name: "checkbox-read-only",
-      files: ["registry/demos/checkbox/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox/read-only")
-      ),
+      files: ["demos/checkbox/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox/read-only")),
     },
     "checkbox-uncontrolled": {
       name: "checkbox-uncontrolled",
-      files: ["registry/demos/checkbox/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/checkbox/uncontrolled")
-      ),
+      files: ["demos/checkbox/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox/uncontrolled")),
     },
     "color-area-channels": {
       name: "color-area-channels",
-      files: ["registry/demos/color-area/channels.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-area/channels")
-      ),
+      files: ["demos/color-area/channels.tsx"],
+      component: React.lazy(() => import("@/demos/color-area/channels")),
     },
     "color-area-composition": {
       name: "color-area-composition",
-      files: ["registry/demos/color-area/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-area/composition")
-      ),
+      files: ["demos/color-area/composition.tsx"],
+      component: React.lazy(() => import("@/demos/color-area/composition")),
     },
     "color-area-controlled": {
       name: "color-area-controlled",
-      files: ["registry/demos/color-area/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-area/controlled")
-      ),
+      files: ["demos/color-area/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/color-area/controlled")),
     },
     "color-area-default": {
       name: "color-area-default",
-      files: ["registry/demos/color-area/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-area/default")
-      ),
+      files: ["demos/color-area/default.tsx"],
+      component: React.lazy(() => import("@/demos/color-area/default")),
     },
     "color-area-disabled": {
       name: "color-area-disabled",
-      files: ["registry/demos/color-area/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-area/disabled")
-      ),
+      files: ["demos/color-area/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/color-area/disabled")),
     },
     "color-area-uncontrolled": {
       name: "color-area-uncontrolled",
-      files: ["registry/demos/color-area/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-area/uncontrolled")
-      ),
+      files: ["demos/color-area/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/color-area/uncontrolled")),
     },
     "color-field-composition": {
       name: "color-field-composition",
-      files: ["registry/demos/color-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-field/composition")
-      ),
+      files: ["demos/color-field/composition.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/composition")),
     },
     "color-field-contextual-help": {
       name: "color-field-contextual-help",
-      files: ["registry/demos/color-field/contextual-help.tsx"],
+      files: ["demos/color-field/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/color-field/contextual-help")
+        () => import("@/demos/color-field/contextual-help")
       ),
     },
     "color-field-controlled": {
       name: "color-field-controlled",
-      files: ["registry/demos/color-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-field/controlled")
-      ),
+      files: ["demos/color-field/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/controlled")),
     },
     "color-field-default": {
       name: "color-field-default",
-      files: ["registry/demos/color-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-field/default")
-      ),
+      files: ["demos/color-field/default.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/default")),
     },
     "color-field-description": {
       name: "color-field-description",
-      files: ["registry/demos/color-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-field/description")
-      ),
+      files: ["demos/color-field/description.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/description")),
     },
     "color-field-disabled": {
       name: "color-field-disabled",
-      files: ["registry/demos/color-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-field/disabled")
-      ),
+      files: ["demos/color-field/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/disabled")),
     },
     "color-field-error-message": {
       name: "color-field-error-message",
-      files: ["registry/demos/color-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-field/error-message")
-      ),
+      files: ["demos/color-field/error-message.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/error-message")),
     },
     "color-field-form": {
       name: "color-field-form",
-      files: ["registry/demos/color-field/form.tsx"],
-      component: React.lazy(() => import("@/registry/demos/color-field/form")),
+      files: ["demos/color-field/form.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/form")),
     },
     "color-field-label": {
       name: "color-field-label",
-      files: ["registry/demos/color-field/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/color-field/label")),
+      files: ["demos/color-field/label.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/label")),
     },
     "color-field-loading": {
       name: "color-field-loading",
-      files: ["registry/demos/color-field/loading.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-field/loading")
-      ),
+      files: ["demos/color-field/loading.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/loading")),
     },
     "color-field-prefix-and-suffix": {
       name: "color-field-prefix-and-suffix",
-      files: ["registry/demos/color-field/prefix-and-suffix.tsx"],
+      files: ["demos/color-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/color-field/prefix-and-suffix")
+        () => import("@/demos/color-field/prefix-and-suffix")
       ),
     },
     "color-field-read-only": {
       name: "color-field-read-only",
-      files: ["registry/demos/color-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-field/read-only")
-      ),
+      files: ["demos/color-field/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/read-only")),
     },
     "color-field-required": {
       name: "color-field-required",
-      files: ["registry/demos/color-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-field/required")
-      ),
+      files: ["demos/color-field/required.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/required")),
     },
     "color-field-sizes": {
       name: "color-field-sizes",
-      files: ["registry/demos/color-field/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/color-field/sizes")),
+      files: ["demos/color-field/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/sizes")),
     },
     "color-field-uncontrolled": {
       name: "color-field-uncontrolled",
-      files: ["registry/demos/color-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-field/uncontrolled")
-      ),
+      files: ["demos/color-field/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/uncontrolled")),
     },
     "color-picker-composition": {
       name: "color-picker-composition",
-      files: ["registry/demos/color-picker/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-picker/composition")
-      ),
+      files: ["demos/color-picker/composition.tsx"],
+      component: React.lazy(() => import("@/demos/color-picker/composition")),
     },
     "color-picker-controlled": {
       name: "color-picker-controlled",
-      files: ["registry/demos/color-picker/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-picker/controlled")
-      ),
+      files: ["demos/color-picker/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/color-picker/controlled")),
     },
     "color-picker-default": {
       name: "color-picker-default",
-      files: ["registry/demos/color-picker/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-picker/default")
-      ),
+      files: ["demos/color-picker/default.tsx"],
+      component: React.lazy(() => import("@/demos/color-picker/default")),
     },
     "color-picker-options": {
       name: "color-picker-options",
-      files: ["registry/demos/color-picker/options.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-picker/options")
-      ),
+      files: ["demos/color-picker/options.tsx"],
+      component: React.lazy(() => import("@/demos/color-picker/options")),
     },
     "color-picker-uncontrolled": {
       name: "color-picker-uncontrolled",
-      files: ["registry/demos/color-picker/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-picker/uncontrolled")
-      ),
+      files: ["demos/color-picker/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/color-picker/uncontrolled")),
     },
     "color-slider-channel": {
       name: "color-slider-channel",
-      files: ["registry/demos/color-slider/channel.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-slider/channel")
-      ),
+      files: ["demos/color-slider/channel.tsx"],
+      component: React.lazy(() => import("@/demos/color-slider/channel")),
     },
     "color-slider-composition": {
       name: "color-slider-composition",
-      files: ["registry/demos/color-slider/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-slider/composition")
-      ),
+      files: ["demos/color-slider/composition.tsx"],
+      component: React.lazy(() => import("@/demos/color-slider/composition")),
     },
     "color-slider-controlled": {
       name: "color-slider-controlled",
-      files: ["registry/demos/color-slider/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-slider/controlled")
-      ),
+      files: ["demos/color-slider/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/color-slider/controlled")),
     },
     "color-slider-default": {
       name: "color-slider-default",
-      files: ["registry/demos/color-slider/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-slider/default")
-      ),
+      files: ["demos/color-slider/default.tsx"],
+      component: React.lazy(() => import("@/demos/color-slider/default")),
     },
     "color-slider-disabled": {
       name: "color-slider-disabled",
-      files: ["registry/demos/color-slider/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-slider/disabled")
-      ),
+      files: ["demos/color-slider/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/color-slider/disabled")),
     },
     "color-slider-label": {
       name: "color-slider-label",
-      files: ["registry/demos/color-slider/label.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-slider/label")
-      ),
+      files: ["demos/color-slider/label.tsx"],
+      component: React.lazy(() => import("@/demos/color-slider/label")),
     },
     "color-slider-uncontrolled": {
       name: "color-slider-uncontrolled",
-      files: ["registry/demos/color-slider/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-slider/uncontrolled")
-      ),
+      files: ["demos/color-slider/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/color-slider/uncontrolled")),
     },
     "color-slider-vertical": {
       name: "color-slider-vertical",
-      files: ["registry/demos/color-slider/vertical.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-slider/vertical")
-      ),
+      files: ["demos/color-slider/vertical.tsx"],
+      component: React.lazy(() => import("@/demos/color-slider/vertical")),
     },
     "color-swatch-default": {
       name: "color-swatch-default",
-      files: ["registry/demos/color-swatch/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/color-swatch/default")
-      ),
+      files: ["demos/color-swatch/default.tsx"],
+      component: React.lazy(() => import("@/demos/color-swatch/default")),
     },
     "combobox-async-loading": {
       name: "combobox-async-loading",
-      files: ["registry/demos/combobox/async-loading.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/combobox/async-loading")
-      ),
+      files: ["demos/combobox/async-loading.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/async-loading")),
     },
     "combobox-basic": {
       name: "combobox-basic",
-      files: ["registry/demos/combobox/basic.tsx"],
-      component: React.lazy(() => import("@/registry/demos/combobox/basic")),
+      files: ["demos/combobox/basic.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/basic")),
     },
     "combobox-composition": {
       name: "combobox-composition",
-      files: ["registry/demos/combobox/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/combobox/composition")
-      ),
+      files: ["demos/combobox/composition.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/composition")),
     },
     "combobox-contextual-help": {
       name: "combobox-contextual-help",
-      files: ["registry/demos/combobox/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/combobox/contextual-help")
-      ),
+      files: ["demos/combobox/contextual-help.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/contextual-help")),
     },
     "combobox-controlled": {
       name: "combobox-controlled",
-      files: ["registry/demos/combobox/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/combobox/controlled")
-      ),
+      files: ["demos/combobox/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/controlled")),
     },
     "combobox-custom-value": {
       name: "combobox-custom-value",
-      files: ["registry/demos/combobox/custom-value.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/combobox/custom-value")
-      ),
+      files: ["demos/combobox/custom-value.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/custom-value")),
     },
     "combobox-description": {
       name: "combobox-description",
-      files: ["registry/demos/combobox/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/combobox/description")
-      ),
+      files: ["demos/combobox/description.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/description")),
     },
     "combobox-disabled": {
       name: "combobox-disabled",
-      files: ["registry/demos/combobox/disabled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/combobox/disabled")),
+      files: ["demos/combobox/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/disabled")),
     },
     "combobox-label": {
       name: "combobox-label",
-      files: ["registry/demos/combobox/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/combobox/label")),
+      files: ["demos/combobox/label.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/label")),
     },
     "combobox-loading": {
       name: "combobox-loading",
-      files: ["registry/demos/combobox/loading.tsx"],
-      component: React.lazy(() => import("@/registry/demos/combobox/loading")),
+      files: ["demos/combobox/loading.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/loading")),
     },
     "combobox-required": {
       name: "combobox-required",
-      files: ["registry/demos/combobox/required.tsx"],
-      component: React.lazy(() => import("@/registry/demos/combobox/required")),
+      files: ["demos/combobox/required.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/required")),
     },
     "combobox-sections": {
       name: "combobox-sections",
-      files: ["registry/demos/combobox/sections.tsx"],
-      component: React.lazy(() => import("@/registry/demos/combobox/sections")),
+      files: ["demos/combobox/sections.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/sections")),
     },
     "combobox-uncontrolled": {
       name: "combobox-uncontrolled",
-      files: ["registry/demos/combobox/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/combobox/uncontrolled")
-      ),
+      files: ["demos/combobox/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/uncontrolled")),
     },
     "combobox-validation": {
       name: "combobox-validation",
-      files: ["registry/demos/combobox/validation.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/combobox/validation")
-      ),
+      files: ["demos/combobox/validation.tsx"],
+      component: React.lazy(() => import("@/demos/combobox/validation")),
     },
     "date-field-composition": {
       name: "date-field-composition",
-      files: ["registry/demos/date-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/composition")
-      ),
+      files: ["demos/date-field/composition.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/composition")),
     },
     "date-field-contextual-help": {
       name: "date-field-contextual-help",
-      files: ["registry/demos/date-field/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/contextual-help")
-      ),
+      files: ["demos/date-field/contextual-help.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/contextual-help")),
     },
     "date-field-controlled": {
       name: "date-field-controlled",
-      files: ["registry/demos/date-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/controlled")
-      ),
+      files: ["demos/date-field/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/controlled")),
     },
     "date-field-default": {
       name: "date-field-default",
-      files: ["registry/demos/date-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/default")
-      ),
+      files: ["demos/date-field/default.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/default")),
     },
     "date-field-description": {
       name: "date-field-description",
-      files: ["registry/demos/date-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/description")
-      ),
+      files: ["demos/date-field/description.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/description")),
     },
     "date-field-disabled": {
       name: "date-field-disabled",
-      files: ["registry/demos/date-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/disabled")
-      ),
+      files: ["demos/date-field/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/disabled")),
     },
     "date-field-error-message": {
       name: "date-field-error-message",
-      files: ["registry/demos/date-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/error-message")
-      ),
+      files: ["demos/date-field/error-message.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/error-message")),
     },
     "date-field-granularity": {
       name: "date-field-granularity",
-      files: ["registry/demos/date-field/granularity.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/granularity")
-      ),
+      files: ["demos/date-field/granularity.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/granularity")),
     },
     "date-field-hide-time-zone": {
       name: "date-field-hide-time-zone",
-      files: ["registry/demos/date-field/hide-time-zone.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/hide-time-zone")
-      ),
+      files: ["demos/date-field/hide-time-zone.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/hide-time-zone")),
     },
     "date-field-hour-cycle": {
       name: "date-field-hour-cycle",
-      files: ["registry/demos/date-field/hour-cycle.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/hour-cycle")
-      ),
+      files: ["demos/date-field/hour-cycle.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/hour-cycle")),
     },
     "date-field-label": {
       name: "date-field-label",
-      files: ["registry/demos/date-field/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/date-field/label")),
+      files: ["demos/date-field/label.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/label")),
     },
     "date-field-loading": {
       name: "date-field-loading",
-      files: ["registry/demos/date-field/loading.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/loading")
-      ),
+      files: ["demos/date-field/loading.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/loading")),
     },
     "date-field-placeholder": {
       name: "date-field-placeholder",
-      files: ["registry/demos/date-field/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/placeholder")
-      ),
+      files: ["demos/date-field/placeholder.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/placeholder")),
     },
     "date-field-prefix-and-suffix": {
       name: "date-field-prefix-and-suffix",
-      files: ["registry/demos/date-field/prefix-and-suffix.tsx"],
+      files: ["demos/date-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-field/prefix-and-suffix")
+        () => import("@/demos/date-field/prefix-and-suffix")
       ),
     },
     "date-field-read-only": {
       name: "date-field-read-only",
-      files: ["registry/demos/date-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/read-only")
-      ),
+      files: ["demos/date-field/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/read-only")),
     },
     "date-field-required": {
       name: "date-field-required",
-      files: ["registry/demos/date-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/required")
-      ),
+      files: ["demos/date-field/required.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/required")),
     },
     "date-field-sizes": {
       name: "date-field-sizes",
-      files: ["registry/demos/date-field/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/date-field/sizes")),
+      files: ["demos/date-field/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/sizes")),
     },
     "date-field-time-zones": {
       name: "date-field-time-zones",
-      files: ["registry/demos/date-field/time-zones.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/time-zones")
-      ),
+      files: ["demos/date-field/time-zones.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/time-zones")),
     },
     "date-field-uncontrolled": {
       name: "date-field-uncontrolled",
-      files: ["registry/demos/date-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-field/uncontrolled")
-      ),
+      files: ["demos/date-field/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/date-field/uncontrolled")),
     },
     "date-picker-composition": {
       name: "date-picker-composition",
-      files: ["registry/demos/date-picker/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/composition")
-      ),
+      files: ["demos/date-picker/composition.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/composition")),
     },
     "date-picker-contextual-help": {
       name: "date-picker-contextual-help",
-      files: ["registry/demos/date-picker/contextual-help.tsx"],
+      files: ["demos/date-picker/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-picker/contextual-help")
+        () => import("@/demos/date-picker/contextual-help")
       ),
     },
     "date-picker-controlled": {
       name: "date-picker-controlled",
-      files: ["registry/demos/date-picker/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/controlled")
-      ),
+      files: ["demos/date-picker/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/controlled")),
     },
     "date-picker-default": {
       name: "date-picker-default",
-      files: ["registry/demos/date-picker/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/default")
-      ),
+      files: ["demos/date-picker/default.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/default")),
     },
     "date-picker-description": {
       name: "date-picker-description",
-      files: ["registry/demos/date-picker/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/description")
-      ),
+      files: ["demos/date-picker/description.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/description")),
     },
     "date-picker-disabled": {
       name: "date-picker-disabled",
-      files: ["registry/demos/date-picker/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/disabled")
-      ),
+      files: ["demos/date-picker/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/disabled")),
     },
     "date-picker-error-message": {
       name: "date-picker-error-message",
-      files: ["registry/demos/date-picker/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/error-message")
-      ),
+      files: ["demos/date-picker/error-message.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/error-message")),
     },
     "date-picker-granularity": {
       name: "date-picker-granularity",
-      files: ["registry/demos/date-picker/granularity.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/granularity")
-      ),
+      files: ["demos/date-picker/granularity.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/granularity")),
     },
     "date-picker-hide-time-zone": {
       name: "date-picker-hide-time-zone",
-      files: ["registry/demos/date-picker/hide-time-zone.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/hide-time-zone")
-      ),
+      files: ["demos/date-picker/hide-time-zone.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/hide-time-zone")),
     },
     "date-picker-hour-cycle": {
       name: "date-picker-hour-cycle",
-      files: ["registry/demos/date-picker/hour-cycle.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/hour-cycle")
-      ),
+      files: ["demos/date-picker/hour-cycle.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/hour-cycle")),
     },
     "date-picker-label": {
       name: "date-picker-label",
-      files: ["registry/demos/date-picker/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/date-picker/label")),
+      files: ["demos/date-picker/label.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/label")),
     },
     "date-picker-loading": {
       name: "date-picker-loading",
-      files: ["registry/demos/date-picker/loading.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/loading")
-      ),
+      files: ["demos/date-picker/loading.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/loading")),
     },
     "date-picker-placeholder": {
       name: "date-picker-placeholder",
-      files: ["registry/demos/date-picker/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/placeholder")
-      ),
+      files: ["demos/date-picker/placeholder.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/placeholder")),
     },
     "date-picker-prefix": {
       name: "date-picker-prefix",
-      files: ["registry/demos/date-picker/prefix.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/prefix")
-      ),
+      files: ["demos/date-picker/prefix.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/prefix")),
     },
     "date-picker-read-only": {
       name: "date-picker-read-only",
-      files: ["registry/demos/date-picker/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/read-only")
-      ),
+      files: ["demos/date-picker/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/read-only")),
     },
     "date-picker-required": {
       name: "date-picker-required",
-      files: ["registry/demos/date-picker/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/required")
-      ),
+      files: ["demos/date-picker/required.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/required")),
     },
     "date-picker-sizes": {
       name: "date-picker-sizes",
-      files: ["registry/demos/date-picker/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/date-picker/sizes")),
+      files: ["demos/date-picker/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/sizes")),
     },
     "date-picker-time-zones": {
       name: "date-picker-time-zones",
-      files: ["registry/demos/date-picker/time-zones.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/time-zones")
-      ),
+      files: ["demos/date-picker/time-zones.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/time-zones")),
     },
     "date-picker-uncontrolled": {
       name: "date-picker-uncontrolled",
-      files: ["registry/demos/date-picker/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-picker/uncontrolled")
-      ),
+      files: ["demos/date-picker/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/date-picker/uncontrolled")),
     },
     "date-range-picker-composition": {
       name: "date-range-picker-composition",
-      files: ["registry/demos/date-range-picker/composition.tsx"],
+      files: ["demos/date-range-picker/composition.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/composition")
+        () => import("@/demos/date-range-picker/composition")
       ),
     },
     "date-range-picker-contextual-help": {
       name: "date-range-picker-contextual-help",
-      files: ["registry/demos/date-range-picker/contextual-help.tsx"],
+      files: ["demos/date-range-picker/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/contextual-help")
+        () => import("@/demos/date-range-picker/contextual-help")
       ),
     },
     "date-range-picker-controlled": {
       name: "date-range-picker-controlled",
-      files: ["registry/demos/date-range-picker/controlled.tsx"],
+      files: ["demos/date-range-picker/controlled.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/controlled")
+        () => import("@/demos/date-range-picker/controlled")
       ),
     },
     "date-range-picker-default": {
       name: "date-range-picker-default",
-      files: ["registry/demos/date-range-picker/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/default")
-      ),
+      files: ["demos/date-range-picker/default.tsx"],
+      component: React.lazy(() => import("@/demos/date-range-picker/default")),
     },
     "date-range-picker-description": {
       name: "date-range-picker-description",
-      files: ["registry/demos/date-range-picker/description.tsx"],
+      files: ["demos/date-range-picker/description.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/description")
+        () => import("@/demos/date-range-picker/description")
       ),
     },
     "date-range-picker-disabled": {
       name: "date-range-picker-disabled",
-      files: ["registry/demos/date-range-picker/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/disabled")
-      ),
+      files: ["demos/date-range-picker/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/date-range-picker/disabled")),
     },
     "date-range-picker-error-message": {
       name: "date-range-picker-error-message",
-      files: ["registry/demos/date-range-picker/error-message.tsx"],
+      files: ["demos/date-range-picker/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/error-message")
+        () => import("@/demos/date-range-picker/error-message")
       ),
     },
     "date-range-picker-granularity": {
       name: "date-range-picker-granularity",
-      files: ["registry/demos/date-range-picker/granularity.tsx"],
+      files: ["demos/date-range-picker/granularity.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/granularity")
+        () => import("@/demos/date-range-picker/granularity")
       ),
     },
     "date-range-picker-hide-time-zone": {
       name: "date-range-picker-hide-time-zone",
-      files: ["registry/demos/date-range-picker/hide-time-zone.tsx"],
+      files: ["demos/date-range-picker/hide-time-zone.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/hide-time-zone")
+        () => import("@/demos/date-range-picker/hide-time-zone")
       ),
     },
     "date-range-picker-hour-cycle": {
       name: "date-range-picker-hour-cycle",
-      files: ["registry/demos/date-range-picker/hour-cycle.tsx"],
+      files: ["demos/date-range-picker/hour-cycle.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/hour-cycle")
+        () => import("@/demos/date-range-picker/hour-cycle")
       ),
     },
     "date-range-picker-label": {
       name: "date-range-picker-label",
-      files: ["registry/demos/date-range-picker/label.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/label")
-      ),
+      files: ["demos/date-range-picker/label.tsx"],
+      component: React.lazy(() => import("@/demos/date-range-picker/label")),
     },
     "date-range-picker-loading": {
       name: "date-range-picker-loading",
-      files: ["registry/demos/date-range-picker/loading.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/loading")
-      ),
+      files: ["demos/date-range-picker/loading.tsx"],
+      component: React.lazy(() => import("@/demos/date-range-picker/loading")),
     },
     "date-range-picker-placeholder": {
       name: "date-range-picker-placeholder",
-      files: ["registry/demos/date-range-picker/placeholder.tsx"],
+      files: ["demos/date-range-picker/placeholder.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/placeholder")
+        () => import("@/demos/date-range-picker/placeholder")
       ),
     },
     "date-range-picker-prefix": {
       name: "date-range-picker-prefix",
-      files: ["registry/demos/date-range-picker/prefix.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/prefix")
-      ),
+      files: ["demos/date-range-picker/prefix.tsx"],
+      component: React.lazy(() => import("@/demos/date-range-picker/prefix")),
     },
     "date-range-picker-read-only": {
       name: "date-range-picker-read-only",
-      files: ["registry/demos/date-range-picker/read-only.tsx"],
+      files: ["demos/date-range-picker/read-only.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/read-only")
+        () => import("@/demos/date-range-picker/read-only")
       ),
     },
     "date-range-picker-required": {
       name: "date-range-picker-required",
-      files: ["registry/demos/date-range-picker/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/required")
-      ),
+      files: ["demos/date-range-picker/required.tsx"],
+      component: React.lazy(() => import("@/demos/date-range-picker/required")),
     },
     "date-range-picker-sizes": {
       name: "date-range-picker-sizes",
-      files: ["registry/demos/date-range-picker/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/sizes")
-      ),
+      files: ["demos/date-range-picker/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/date-range-picker/sizes")),
     },
     "date-range-picker-time-zones": {
       name: "date-range-picker-time-zones",
-      files: ["registry/demos/date-range-picker/time-zones.tsx"],
+      files: ["demos/date-range-picker/time-zones.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/time-zones")
+        () => import("@/demos/date-range-picker/time-zones")
       ),
     },
     "date-range-picker-uncontrolled": {
       name: "date-range-picker-uncontrolled",
-      files: ["registry/demos/date-range-picker/uncontrolled.tsx"],
+      files: ["demos/date-range-picker/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/date-range-picker/uncontrolled")
+        () => import("@/demos/date-range-picker/uncontrolled")
       ),
     },
     "dialog-alert-dialog": {
       name: "dialog-alert-dialog",
-      files: ["registry/demos/dialog/alert-dialog.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/dialog/alert-dialog")
-      ),
+      files: ["demos/dialog/alert-dialog.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/alert-dialog")),
     },
     "dialog-async-form-submission": {
       name: "dialog-async-form-submission",
-      files: ["registry/demos/dialog/async-form-submission.tsx"],
+      files: ["demos/dialog/async-form-submission.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/dialog/async-form-submission")
+        () => import("@/demos/dialog/async-form-submission")
       ),
     },
     "dialog-basic": {
       name: "dialog-basic",
-      files: ["registry/demos/dialog/basic.tsx"],
-      component: React.lazy(() => import("@/registry/demos/dialog/basic")),
+      files: ["demos/dialog/basic.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/basic")),
     },
     "dialog-composition": {
       name: "dialog-composition",
-      files: ["registry/demos/dialog/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/dialog/composition")
-      ),
+      files: ["demos/dialog/composition.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/composition")),
     },
     "dialog-controlled": {
       name: "dialog-controlled",
-      files: ["registry/demos/dialog/controlled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/dialog/controlled")),
+      files: ["demos/dialog/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/controlled")),
     },
     "dialog-description": {
       name: "dialog-description",
-      files: ["registry/demos/dialog/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/dialog/description")
-      ),
+      files: ["demos/dialog/description.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/description")),
     },
     "dialog-dismiss-button": {
       name: "dialog-dismiss-button",
-      files: ["registry/demos/dialog/dismiss-button.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/dialog/dismiss-button")
-      ),
+      files: ["demos/dialog/dismiss-button.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/dismiss-button")),
     },
     "dialog-dismissable": {
       name: "dialog-dismissable",
-      files: ["registry/demos/dialog/dismissable.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/dialog/dismissable")
-      ),
+      files: ["demos/dialog/dismissable.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/dismissable")),
     },
     "dialog-drawer": {
       name: "dialog-drawer",
-      files: ["registry/demos/dialog/drawer.tsx"],
-      component: React.lazy(() => import("@/registry/demos/dialog/drawer")),
+      files: ["demos/dialog/drawer.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/drawer")),
     },
     "dialog-inset-content": {
       name: "dialog-inset-content",
-      files: ["registry/demos/dialog/inset-content.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/dialog/inset-content")
-      ),
+      files: ["demos/dialog/inset-content.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/inset-content")),
     },
     "dialog-nested": {
       name: "dialog-nested",
-      files: ["registry/demos/dialog/nested.tsx"],
-      component: React.lazy(() => import("@/registry/demos/dialog/nested")),
+      files: ["demos/dialog/nested.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/nested")),
     },
     "dialog-popover": {
       name: "dialog-popover",
-      files: ["registry/demos/dialog/popover.tsx"],
-      component: React.lazy(() => import("@/registry/demos/dialog/popover")),
+      files: ["demos/dialog/popover.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/popover")),
     },
     "dialog-title": {
       name: "dialog-title",
-      files: ["registry/demos/dialog/title.tsx"],
-      component: React.lazy(() => import("@/registry/demos/dialog/title")),
+      files: ["demos/dialog/title.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/title")),
     },
     "dialog-types": {
       name: "dialog-types",
-      files: ["registry/demos/dialog/types.tsx"],
-      component: React.lazy(() => import("@/registry/demos/dialog/types")),
+      files: ["demos/dialog/types.tsx"],
+      component: React.lazy(() => import("@/demos/dialog/types")),
     },
     "drop-zone-default": {
       name: "drop-zone-default",
-      files: ["registry/demos/drop-zone/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/drop-zone/default")),
+      files: ["demos/drop-zone/default.tsx"],
+      component: React.lazy(() => import("@/demos/drop-zone/default")),
     },
     "drop-zone-disabled": {
       name: "drop-zone-disabled",
-      files: ["registry/demos/drop-zone/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/drop-zone/disabled")
-      ),
+      files: ["demos/drop-zone/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/drop-zone/disabled")),
     },
     "drop-zone-file-trigger": {
       name: "drop-zone-file-trigger",
-      files: ["registry/demos/drop-zone/file-trigger.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/drop-zone/file-trigger")
-      ),
+      files: ["demos/drop-zone/file-trigger.tsx"],
+      component: React.lazy(() => import("@/demos/drop-zone/file-trigger")),
     },
     "drop-zone-label": {
       name: "drop-zone-label",
-      files: ["registry/demos/drop-zone/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/drop-zone/label")),
+      files: ["demos/drop-zone/label.tsx"],
+      component: React.lazy(() => import("@/demos/drop-zone/label")),
     },
     "file-trigger-default": {
       name: "file-trigger-default",
-      files: ["registry/demos/file-trigger/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/file-trigger/default")
-      ),
+      files: ["demos/file-trigger/default.tsx"],
+      component: React.lazy(() => import("@/demos/file-trigger/default")),
     },
     "file-trigger-directory-selection": {
       name: "file-trigger-directory-selection",
-      files: ["registry/demos/file-trigger/directory-selection.tsx"],
+      files: ["demos/file-trigger/directory-selection.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/file-trigger/directory-selection")
+        () => import("@/demos/file-trigger/directory-selection")
       ),
     },
     "file-trigger-file-types": {
       name: "file-trigger-file-types",
-      files: ["registry/demos/file-trigger/file-types.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/file-trigger/file-types")
-      ),
+      files: ["demos/file-trigger/file-types.tsx"],
+      component: React.lazy(() => import("@/demos/file-trigger/file-types")),
     },
     "file-trigger-media-capture": {
       name: "file-trigger-media-capture",
-      files: ["registry/demos/file-trigger/media-capture.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/file-trigger/media-capture")
-      ),
+      files: ["demos/file-trigger/media-capture.tsx"],
+      component: React.lazy(() => import("@/demos/file-trigger/media-capture")),
     },
     "file-trigger-multiple-files": {
       name: "file-trigger-multiple-files",
-      files: ["registry/demos/file-trigger/multiple-files.tsx"],
+      files: ["demos/file-trigger/multiple-files.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/file-trigger/multiple-files")
+        () => import("@/demos/file-trigger/multiple-files")
       ),
     },
     "link-default": {
       name: "link-default",
-      files: ["registry/demos/link/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/link/default")),
+      files: ["demos/link/default.tsx"],
+      component: React.lazy(() => import("@/demos/link/default")),
     },
     "link-disabled": {
       name: "link-disabled",
-      files: ["registry/demos/link/disabled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/link/disabled")),
+      files: ["demos/link/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/link/disabled")),
     },
     "link-icon": {
       name: "link-icon",
-      files: ["registry/demos/link/icon.tsx"],
-      component: React.lazy(() => import("@/registry/demos/link/icon")),
+      files: ["demos/link/icon.tsx"],
+      component: React.lazy(() => import("@/demos/link/icon")),
     },
     "link-variants": {
       name: "link-variants",
-      files: ["registry/demos/link/variants.tsx"],
-      component: React.lazy(() => import("@/registry/demos/link/variants")),
+      files: ["demos/link/variants.tsx"],
+      component: React.lazy(() => import("@/demos/link/variants")),
     },
     "list-box-async-loading": {
       name: "list-box-async-loading",
-      files: ["registry/demos/list-box/async-loading.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/async-loading")
-      ),
+      files: ["demos/list-box/async-loading.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/async-loading")),
     },
     "list-box-basic": {
       name: "list-box-basic",
-      files: ["registry/demos/list-box/basic.tsx"],
-      component: React.lazy(() => import("@/registry/demos/list-box/basic")),
+      files: ["demos/list-box/basic.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/basic")),
     },
     "list-box-composition": {
       name: "list-box-composition",
-      files: ["registry/demos/list-box/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/composition")
-      ),
+      files: ["demos/list-box/composition.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/composition")),
     },
     "list-box-contact-list": {
       name: "list-box-contact-list",
-      files: ["registry/demos/list-box/contact-list.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/contact-list")
-      ),
+      files: ["demos/list-box/contact-list.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/contact-list")),
     },
     "list-box-controlled": {
       name: "list-box-controlled",
-      files: ["registry/demos/list-box/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/controlled")
-      ),
+      files: ["demos/list-box/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/controlled")),
     },
     "list-box-disabled-items": {
       name: "list-box-disabled-items",
-      files: ["registry/demos/list-box/disabled-items.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/disabled-items")
-      ),
+      files: ["demos/list-box/disabled-items.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/disabled-items")),
     },
     "list-box-empty-state": {
       name: "list-box-empty-state",
-      files: ["registry/demos/list-box/empty-state.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/empty-state")
-      ),
+      files: ["demos/list-box/empty-state.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/empty-state")),
     },
     "list-box-grid": {
       name: "list-box-grid",
-      files: ["registry/demos/list-box/grid.tsx"],
-      component: React.lazy(() => import("@/registry/demos/list-box/grid")),
+      files: ["demos/list-box/grid.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/grid")),
     },
     "list-box-horizontal": {
       name: "list-box-horizontal",
-      files: ["registry/demos/list-box/horizontal.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/horizontal")
-      ),
+      files: ["demos/list-box/horizontal.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/horizontal")),
     },
     "list-box-image-grid": {
       name: "list-box-image-grid",
-      files: ["registry/demos/list-box/image-grid.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/image-grid")
-      ),
+      files: ["demos/list-box/image-grid.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/image-grid")),
     },
     "list-box-item-variant": {
       name: "list-box-item-variant",
-      files: ["registry/demos/list-box/item-variant.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/item-variant")
-      ),
+      files: ["demos/list-box/item-variant.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/item-variant")),
     },
     "list-box-label-and-description": {
       name: "list-box-label-and-description",
-      files: ["registry/demos/list-box/label-and-description.tsx"],
+      files: ["demos/list-box/label-and-description.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/list-box/label-and-description")
+        () => import("@/demos/list-box/label-and-description")
       ),
     },
     "list-box-links": {
       name: "list-box-links",
-      files: ["registry/demos/list-box/links.tsx"],
-      component: React.lazy(() => import("@/registry/demos/list-box/links")),
+      files: ["demos/list-box/links.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/links")),
     },
     "list-box-loading": {
       name: "list-box-loading",
-      files: ["registry/demos/list-box/loading.tsx"],
-      component: React.lazy(() => import("@/registry/demos/list-box/loading")),
+      files: ["demos/list-box/loading.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/loading")),
     },
     "list-box-prefix-and-suffix": {
       name: "list-box-prefix-and-suffix",
-      files: ["registry/demos/list-box/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/prefix-and-suffix")
-      ),
+      files: ["demos/list-box/prefix-and-suffix.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/prefix-and-suffix")),
     },
     "list-box-sections": {
       name: "list-box-sections",
-      files: ["registry/demos/list-box/sections.tsx"],
-      component: React.lazy(() => import("@/registry/demos/list-box/sections")),
+      files: ["demos/list-box/sections.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/sections")),
     },
     "list-box-selection-behavior": {
       name: "list-box-selection-behavior",
-      files: ["registry/demos/list-box/selection-behavior.tsx"],
+      files: ["demos/list-box/selection-behavior.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/list-box/selection-behavior")
+        () => import("@/demos/list-box/selection-behavior")
       ),
     },
     "list-box-selection-mode": {
       name: "list-box-selection-mode",
-      files: ["registry/demos/list-box/selection-mode.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/selection-mode")
-      ),
+      files: ["demos/list-box/selection-mode.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/selection-mode")),
     },
     "list-box-separator": {
       name: "list-box-separator",
-      files: ["registry/demos/list-box/separator.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/separator")
-      ),
+      files: ["demos/list-box/separator.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/separator")),
     },
     "list-box-uncontrolled": {
       name: "list-box-uncontrolled",
-      files: ["registry/demos/list-box/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/list-box/uncontrolled")
-      ),
+      files: ["demos/list-box/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/list-box/uncontrolled")),
     },
     "menu-basic": {
       name: "menu-basic",
-      files: ["registry/demos/menu/basic.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/basic")),
+      files: ["demos/menu/basic.tsx"],
+      component: React.lazy(() => import("@/demos/menu/basic")),
     },
     "menu-composition": {
       name: "menu-composition",
-      files: ["registry/demos/menu/composition.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/composition")),
+      files: ["demos/menu/composition.tsx"],
+      component: React.lazy(() => import("@/demos/menu/composition")),
     },
     "menu-controlled": {
       name: "menu-controlled",
-      files: ["registry/demos/menu/controlled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/controlled")),
+      files: ["demos/menu/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/menu/controlled")),
     },
     "menu-disabled-items": {
       name: "menu-disabled-items",
-      files: ["registry/demos/menu/disabled-items.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/menu/disabled-items")
-      ),
+      files: ["demos/menu/disabled-items.tsx"],
+      component: React.lazy(() => import("@/demos/menu/disabled-items")),
     },
     "menu-item-variant": {
       name: "menu-item-variant",
-      files: ["registry/demos/menu/item-variant.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/item-variant")),
+      files: ["demos/menu/item-variant.tsx"],
+      component: React.lazy(() => import("@/demos/menu/item-variant")),
     },
     "menu-label-and-description": {
       name: "menu-label-and-description",
-      files: ["registry/demos/menu/label-and-description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/menu/label-and-description")
-      ),
+      files: ["demos/menu/label-and-description.tsx"],
+      component: React.lazy(() => import("@/demos/menu/label-and-description")),
     },
     "menu-link-items": {
       name: "menu-link-items",
-      files: ["registry/demos/menu/link-items.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/link-items")),
+      files: ["demos/menu/link-items.tsx"],
+      component: React.lazy(() => import("@/demos/menu/link-items")),
     },
     "menu-long-press": {
       name: "menu-long-press",
-      files: ["registry/demos/menu/long-press.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/long-press")),
+      files: ["demos/menu/long-press.tsx"],
+      component: React.lazy(() => import("@/demos/menu/long-press")),
     },
     "menu-multiple-selection": {
       name: "menu-multiple-selection",
-      files: ["registry/demos/menu/multiple-selection.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/menu/multiple-selection")
-      ),
+      files: ["demos/menu/multiple-selection.tsx"],
+      component: React.lazy(() => import("@/demos/menu/multiple-selection")),
     },
     "menu-overlay-type": {
       name: "menu-overlay-type",
-      files: ["registry/demos/menu/overlay-type.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/overlay-type")),
+      files: ["demos/menu/overlay-type.tsx"],
+      component: React.lazy(() => import("@/demos/menu/overlay-type")),
     },
     "menu-placement": {
       name: "menu-placement",
-      files: ["registry/demos/menu/placement.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/placement")),
+      files: ["demos/menu/placement.tsx"],
+      component: React.lazy(() => import("@/demos/menu/placement")),
     },
     "menu-prefix-and-suffix": {
       name: "menu-prefix-and-suffix",
-      files: ["registry/demos/menu/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/menu/prefix-and-suffix")
-      ),
+      files: ["demos/menu/prefix-and-suffix.tsx"],
+      component: React.lazy(() => import("@/demos/menu/prefix-and-suffix")),
     },
     "menu-section": {
       name: "menu-section",
-      files: ["registry/demos/menu/section.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/section")),
+      files: ["demos/menu/section.tsx"],
+      component: React.lazy(() => import("@/demos/menu/section")),
     },
     "menu-separator": {
       name: "menu-separator",
-      files: ["registry/demos/menu/separator.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/separator")),
+      files: ["demos/menu/separator.tsx"],
+      component: React.lazy(() => import("@/demos/menu/separator")),
     },
     "menu-shortcut": {
       name: "menu-shortcut",
-      files: ["registry/demos/menu/shortcut.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/shortcut")),
+      files: ["demos/menu/shortcut.tsx"],
+      component: React.lazy(() => import("@/demos/menu/shortcut")),
     },
     "menu-single-selection": {
       name: "menu-single-selection",
-      files: ["registry/demos/menu/single-selection.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/menu/single-selection")
-      ),
+      files: ["demos/menu/single-selection.tsx"],
+      component: React.lazy(() => import("@/demos/menu/single-selection")),
     },
     "menu-submenus": {
       name: "menu-submenus",
-      files: ["registry/demos/menu/submenus.tsx"],
-      component: React.lazy(() => import("@/registry/demos/menu/submenus")),
+      files: ["demos/menu/submenus.tsx"],
+      component: React.lazy(() => import("@/demos/menu/submenus")),
     },
     "number-field-composition": {
       name: "number-field-composition",
-      files: ["registry/demos/number-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/composition")
-      ),
+      files: ["demos/number-field/composition.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/composition")),
     },
     "number-field-contextual-help": {
       name: "number-field-contextual-help",
-      files: ["registry/demos/number-field/contextual-help.tsx"],
+      files: ["demos/number-field/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/number-field/contextual-help")
+        () => import("@/demos/number-field/contextual-help")
       ),
     },
     "number-field-controlled": {
       name: "number-field-controlled",
-      files: ["registry/demos/number-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/controlled")
-      ),
+      files: ["demos/number-field/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/controlled")),
     },
     "number-field-default": {
       name: "number-field-default",
-      files: ["registry/demos/number-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/default")
-      ),
+      files: ["demos/number-field/default.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/default")),
     },
     "number-field-description": {
       name: "number-field-description",
-      files: ["registry/demos/number-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/description")
-      ),
+      files: ["demos/number-field/description.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/description")),
     },
     "number-field-disabled": {
       name: "number-field-disabled",
-      files: ["registry/demos/number-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/disabled")
-      ),
+      files: ["demos/number-field/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/disabled")),
     },
     "number-field-error-message": {
       name: "number-field-error-message",
-      files: ["registry/demos/number-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/error-message")
-      ),
+      files: ["demos/number-field/error-message.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/error-message")),
     },
     "number-field-format-options": {
       name: "number-field-format-options",
-      files: ["registry/demos/number-field/format-options.tsx"],
+      files: ["demos/number-field/format-options.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/number-field/format-options")
+        () => import("@/demos/number-field/format-options")
       ),
     },
     "number-field-label": {
       name: "number-field-label",
-      files: ["registry/demos/number-field/label.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/label")
-      ),
+      files: ["demos/number-field/label.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/label")),
     },
     "number-field-read-only": {
       name: "number-field-read-only",
-      files: ["registry/demos/number-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/read-only")
-      ),
+      files: ["demos/number-field/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/read-only")),
     },
     "number-field-required": {
       name: "number-field-required",
-      files: ["registry/demos/number-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/required")
-      ),
+      files: ["demos/number-field/required.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/required")),
     },
     "number-field-sizes": {
       name: "number-field-sizes",
-      files: ["registry/demos/number-field/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/sizes")
-      ),
+      files: ["demos/number-field/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/sizes")),
     },
     "number-field-uncontrolled": {
       name: "number-field-uncontrolled",
-      files: ["registry/demos/number-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/number-field/uncontrolled")
-      ),
+      files: ["demos/number-field/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/number-field/uncontrolled")),
     },
     "progress-composition": {
       name: "progress-composition",
-      files: ["registry/demos/progress/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/progress/composition")
-      ),
+      files: ["demos/progress/composition.tsx"],
+      component: React.lazy(() => import("@/demos/progress/composition")),
     },
     "progress-custom-color": {
       name: "progress-custom-color",
-      files: ["registry/demos/progress/custom-color.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/progress/custom-color")
-      ),
+      files: ["demos/progress/custom-color.tsx"],
+      component: React.lazy(() => import("@/demos/progress/custom-color")),
     },
     "progress-custom-value-label": {
       name: "progress-custom-value-label",
-      files: ["registry/demos/progress/custom-value-label.tsx"],
+      files: ["demos/progress/custom-value-label.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/progress/custom-value-label")
+        () => import("@/demos/progress/custom-value-label")
       ),
     },
     "progress-default": {
       name: "progress-default",
-      files: ["registry/demos/progress/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/progress/default")),
+      files: ["demos/progress/default.tsx"],
+      component: React.lazy(() => import("@/demos/progress/default")),
     },
     "progress-duration": {
       name: "progress-duration",
-      files: ["registry/demos/progress/duration.tsx"],
-      component: React.lazy(() => import("@/registry/demos/progress/duration")),
+      files: ["demos/progress/duration.tsx"],
+      component: React.lazy(() => import("@/demos/progress/duration")),
     },
     "progress-format-options": {
       name: "progress-format-options",
-      files: ["registry/demos/progress/format-options.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/progress/format-options")
-      ),
+      files: ["demos/progress/format-options.tsx"],
+      component: React.lazy(() => import("@/demos/progress/format-options")),
     },
     "progress-indeterminate": {
       name: "progress-indeterminate",
-      files: ["registry/demos/progress/indeterminate.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/progress/indeterminate")
-      ),
+      files: ["demos/progress/indeterminate.tsx"],
+      component: React.lazy(() => import("@/demos/progress/indeterminate")),
     },
     "progress-label": {
       name: "progress-label",
-      files: ["registry/demos/progress/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/progress/label")),
+      files: ["demos/progress/label.tsx"],
+      component: React.lazy(() => import("@/demos/progress/label")),
     },
     "progress-min-max-values": {
       name: "progress-min-max-values",
-      files: ["registry/demos/progress/min-max-values.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/progress/min-max-values")
-      ),
+      files: ["demos/progress/min-max-values.tsx"],
+      component: React.lazy(() => import("@/demos/progress/min-max-values")),
     },
     "progress-shape": {
       name: "progress-shape",
-      files: ["registry/demos/progress/shape.tsx"],
-      component: React.lazy(() => import("@/registry/demos/progress/shape")),
+      files: ["demos/progress/shape.tsx"],
+      component: React.lazy(() => import("@/demos/progress/shape")),
     },
     "progress-sizes": {
       name: "progress-sizes",
-      files: ["registry/demos/progress/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/progress/sizes")),
+      files: ["demos/progress/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/progress/sizes")),
     },
     "progress-toolbar": {
       name: "progress-toolbar",
-      files: ["registry/demos/progress/toolbar.tsx"],
-      component: React.lazy(() => import("@/registry/demos/progress/toolbar")),
+      files: ["demos/progress/toolbar.tsx"],
+      component: React.lazy(() => import("@/demos/progress/toolbar")),
     },
     "progress-value-label": {
       name: "progress-value-label",
-      files: ["registry/demos/progress/value-label.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/progress/value-label")
-      ),
+      files: ["demos/progress/value-label.tsx"],
+      component: React.lazy(() => import("@/demos/progress/value-label")),
     },
     "progress-variants": {
       name: "progress-variants",
-      files: ["registry/demos/progress/variants.tsx"],
-      component: React.lazy(() => import("@/registry/demos/progress/variants")),
+      files: ["demos/progress/variants.tsx"],
+      component: React.lazy(() => import("@/demos/progress/variants")),
     },
     "radio-group-cards": {
       name: "radio-group-cards",
-      files: ["registry/demos/radio-group/cards.tsx"],
-      component: React.lazy(() => import("@/registry/demos/radio-group/cards")),
+      files: ["demos/radio-group/cards.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/cards")),
     },
     "radio-group-composition": {
       name: "radio-group-composition",
-      files: ["registry/demos/radio-group/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/radio-group/composition")
-      ),
+      files: ["demos/radio-group/composition.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/composition")),
     },
     "radio-group-contextual-help": {
       name: "radio-group-contextual-help",
-      files: ["registry/demos/radio-group/contextual-help.tsx"],
+      files: ["demos/radio-group/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/radio-group/contextual-help")
+        () => import("@/demos/radio-group/contextual-help")
       ),
     },
     "radio-group-controlled": {
       name: "radio-group-controlled",
-      files: ["registry/demos/radio-group/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/radio-group/controlled")
-      ),
+      files: ["demos/radio-group/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/controlled")),
     },
     "radio-group-default": {
       name: "radio-group-default",
-      files: ["registry/demos/radio-group/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/radio-group/default")
-      ),
+      files: ["demos/radio-group/default.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/default")),
     },
     "radio-group-description": {
       name: "radio-group-description",
-      files: ["registry/demos/radio-group/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/radio-group/description")
-      ),
+      files: ["demos/radio-group/description.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/description")),
     },
     "radio-group-disabled": {
       name: "radio-group-disabled",
-      files: ["registry/demos/radio-group/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/radio-group/disabled")
-      ),
+      files: ["demos/radio-group/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/disabled")),
     },
     "radio-group-error-message": {
       name: "radio-group-error-message",
-      files: ["registry/demos/radio-group/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/radio-group/error-message")
-      ),
+      files: ["demos/radio-group/error-message.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/error-message")),
     },
     "radio-group-label": {
       name: "radio-group-label",
-      files: ["registry/demos/radio-group/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/radio-group/label")),
+      files: ["demos/radio-group/label.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/label")),
     },
     "radio-group-orientation": {
       name: "radio-group-orientation",
-      files: ["registry/demos/radio-group/orientation.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/radio-group/orientation")
-      ),
+      files: ["demos/radio-group/orientation.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/orientation")),
     },
     "radio-group-read-only": {
       name: "radio-group-read-only",
-      files: ["registry/demos/radio-group/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/radio-group/read-only")
-      ),
+      files: ["demos/radio-group/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/read-only")),
     },
     "radio-group-required": {
       name: "radio-group-required",
-      files: ["registry/demos/radio-group/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/radio-group/required")
-      ),
+      files: ["demos/radio-group/required.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/required")),
     },
     "radio-group-uncontrolled": {
       name: "radio-group-uncontrolled",
-      files: ["registry/demos/radio-group/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/radio-group/uncontrolled")
-      ),
+      files: ["demos/radio-group/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/radio-group/uncontrolled")),
     },
     "range-calendar-composition": {
       name: "range-calendar-composition",
-      files: ["registry/demos/range-calendar/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/range-calendar/composition")
-      ),
+      files: ["demos/range-calendar/composition.tsx"],
+      component: React.lazy(() => import("@/demos/range-calendar/composition")),
     },
     "range-calendar-controlled": {
       name: "range-calendar-controlled",
-      files: ["registry/demos/range-calendar/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/range-calendar/controlled")
-      ),
+      files: ["demos/range-calendar/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/range-calendar/controlled")),
     },
     "range-calendar-default": {
       name: "range-calendar-default",
-      files: ["registry/demos/range-calendar/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/range-calendar/default")
-      ),
+      files: ["demos/range-calendar/default.tsx"],
+      component: React.lazy(() => import("@/demos/range-calendar/default")),
     },
     "range-calendar-disabled": {
       name: "range-calendar-disabled",
-      files: ["registry/demos/range-calendar/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/range-calendar/disabled")
-      ),
+      files: ["demos/range-calendar/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/range-calendar/disabled")),
     },
     "range-calendar-error-message": {
       name: "range-calendar-error-message",
-      files: ["registry/demos/range-calendar/error-message.tsx"],
+      files: ["demos/range-calendar/error-message.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/range-calendar/error-message")
+        () => import("@/demos/range-calendar/error-message")
       ),
     },
     "range-calendar-label": {
       name: "range-calendar-label",
-      files: ["registry/demos/range-calendar/label.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/range-calendar/label")
-      ),
+      files: ["demos/range-calendar/label.tsx"],
+      component: React.lazy(() => import("@/demos/range-calendar/label")),
     },
     "range-calendar-non-contiguous-ranges": {
       name: "range-calendar-non-contiguous-ranges",
-      files: ["registry/demos/range-calendar/non-contiguous-ranges.tsx"],
+      files: ["demos/range-calendar/non-contiguous-ranges.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/range-calendar/non-contiguous-ranges")
+        () => import("@/demos/range-calendar/non-contiguous-ranges")
       ),
     },
     "range-calendar-page-behaviour": {
       name: "range-calendar-page-behaviour",
-      files: ["registry/demos/range-calendar/page-behaviour.tsx"],
+      files: ["demos/range-calendar/page-behaviour.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/range-calendar/page-behaviour")
+        () => import("@/demos/range-calendar/page-behaviour")
       ),
     },
     "range-calendar-read-only": {
       name: "range-calendar-read-only",
-      files: ["registry/demos/range-calendar/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/range-calendar/read-only")
-      ),
+      files: ["demos/range-calendar/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/range-calendar/read-only")),
     },
     "range-calendar-uncontrolled": {
       name: "range-calendar-uncontrolled",
-      files: ["registry/demos/range-calendar/uncontrolled.tsx"],
+      files: ["demos/range-calendar/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/range-calendar/uncontrolled")
+        () => import("@/demos/range-calendar/uncontrolled")
       ),
     },
     "range-calendar-unvailable-dates": {
       name: "range-calendar-unvailable-dates",
-      files: ["registry/demos/range-calendar/unvailable-dates.tsx"],
+      files: ["demos/range-calendar/unvailable-dates.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/range-calendar/unvailable-dates")
+        () => import("@/demos/range-calendar/unvailable-dates")
       ),
     },
     "range-calendar-validation": {
       name: "range-calendar-validation",
-      files: ["registry/demos/range-calendar/validation.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/range-calendar/validation")
-      ),
+      files: ["demos/range-calendar/validation.tsx"],
+      component: React.lazy(() => import("@/demos/range-calendar/validation")),
     },
     "range-calendar-visible-months": {
       name: "range-calendar-visible-months",
-      files: ["registry/demos/range-calendar/visible-months.tsx"],
+      files: ["demos/range-calendar/visible-months.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/range-calendar/visible-months")
+        () => import("@/demos/range-calendar/visible-months")
       ),
     },
     "search-field-composition": {
       name: "search-field-composition",
-      files: ["registry/demos/search-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/composition")
-      ),
+      files: ["demos/search-field/composition.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/composition")),
     },
     "search-field-contextual-help": {
       name: "search-field-contextual-help",
-      files: ["registry/demos/search-field/contextual-help.tsx"],
+      files: ["demos/search-field/contextual-help.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/search-field/contextual-help")
+        () => import("@/demos/search-field/contextual-help")
       ),
     },
     "search-field-controlled": {
       name: "search-field-controlled",
-      files: ["registry/demos/search-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/controlled")
-      ),
+      files: ["demos/search-field/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/controlled")),
     },
     "search-field-default": {
       name: "search-field-default",
-      files: ["registry/demos/search-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/default")
-      ),
+      files: ["demos/search-field/default.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/default")),
     },
     "search-field-description": {
       name: "search-field-description",
-      files: ["registry/demos/search-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/description")
-      ),
+      files: ["demos/search-field/description.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/description")),
     },
     "search-field-disabled": {
       name: "search-field-disabled",
-      files: ["registry/demos/search-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/disabled")
-      ),
+      files: ["demos/search-field/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/disabled")),
     },
     "search-field-error-message": {
       name: "search-field-error-message",
-      files: ["registry/demos/search-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/error-message")
-      ),
+      files: ["demos/search-field/error-message.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/error-message")),
     },
     "search-field-form": {
       name: "search-field-form",
-      files: ["registry/demos/search-field/form.tsx"],
-      component: React.lazy(() => import("@/registry/demos/search-field/form")),
+      files: ["demos/search-field/form.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/form")),
     },
     "search-field-label": {
       name: "search-field-label",
-      files: ["registry/demos/search-field/label.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/label")
-      ),
+      files: ["demos/search-field/label.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/label")),
     },
     "search-field-loading": {
       name: "search-field-loading",
-      files: ["registry/demos/search-field/loading.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/loading")
-      ),
+      files: ["demos/search-field/loading.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/loading")),
     },
     "search-field-prefix-and-suffix": {
       name: "search-field-prefix-and-suffix",
-      files: ["registry/demos/search-field/prefix-and-suffix.tsx"],
+      files: ["demos/search-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/search-field/prefix-and-suffix")
+        () => import("@/demos/search-field/prefix-and-suffix")
       ),
     },
     "search-field-read-only": {
       name: "search-field-read-only",
-      files: ["registry/demos/search-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/read-only")
-      ),
+      files: ["demos/search-field/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/read-only")),
     },
     "search-field-required": {
       name: "search-field-required",
-      files: ["registry/demos/search-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/required")
-      ),
+      files: ["demos/search-field/required.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/required")),
     },
     "search-field-sizes": {
       name: "search-field-sizes",
-      files: ["registry/demos/search-field/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/sizes")
-      ),
+      files: ["demos/search-field/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/sizes")),
     },
     "search-field-uncontrolled": {
       name: "search-field-uncontrolled",
-      files: ["registry/demos/search-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/search-field/uncontrolled")
-      ),
+      files: ["demos/search-field/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/search-field/uncontrolled")),
     },
     "select-async-loading": {
       name: "select-async-loading",
-      files: ["registry/demos/select/async-loading.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/select/async-loading")
-      ),
+      files: ["demos/select/async-loading.tsx"],
+      component: React.lazy(() => import("@/demos/select/async-loading")),
     },
     "select-basic": {
       name: "select-basic",
-      files: ["registry/demos/select/basic.tsx"],
-      component: React.lazy(() => import("@/registry/demos/select/basic")),
+      files: ["demos/select/basic.tsx"],
+      component: React.lazy(() => import("@/demos/select/basic")),
     },
     "select-composition": {
       name: "select-composition",
-      files: ["registry/demos/select/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/select/composition")
-      ),
+      files: ["demos/select/composition.tsx"],
+      component: React.lazy(() => import("@/demos/select/composition")),
     },
     "select-contextual-help": {
       name: "select-contextual-help",
-      files: ["registry/demos/select/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/select/contextual-help")
-      ),
+      files: ["demos/select/contextual-help.tsx"],
+      component: React.lazy(() => import("@/demos/select/contextual-help")),
     },
     "select-controlled": {
       name: "select-controlled",
-      files: ["registry/demos/select/controlled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/select/controlled")),
+      files: ["demos/select/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/select/controlled")),
     },
     "select-description": {
       name: "select-description",
-      files: ["registry/demos/select/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/select/description")
-      ),
+      files: ["demos/select/description.tsx"],
+      component: React.lazy(() => import("@/demos/select/description")),
     },
     "select-disabled": {
       name: "select-disabled",
-      files: ["registry/demos/select/disabled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/select/disabled")),
+      files: ["demos/select/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/select/disabled")),
     },
     "select-label": {
       name: "select-label",
-      files: ["registry/demos/select/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/select/label")),
+      files: ["demos/select/label.tsx"],
+      component: React.lazy(() => import("@/demos/select/label")),
     },
     "select-links": {
       name: "select-links",
-      files: ["registry/demos/select/links.tsx"],
-      component: React.lazy(() => import("@/registry/demos/select/links")),
+      files: ["demos/select/links.tsx"],
+      component: React.lazy(() => import("@/demos/select/links")),
     },
     "select-loading": {
       name: "select-loading",
-      files: ["registry/demos/select/loading.tsx"],
-      component: React.lazy(() => import("@/registry/demos/select/loading")),
+      files: ["demos/select/loading.tsx"],
+      component: React.lazy(() => import("@/demos/select/loading")),
     },
     "select-placeholder": {
       name: "select-placeholder",
-      files: ["registry/demos/select/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/select/placeholder")
-      ),
+      files: ["demos/select/placeholder.tsx"],
+      component: React.lazy(() => import("@/demos/select/placeholder")),
     },
     "select-required": {
       name: "select-required",
-      files: ["registry/demos/select/required.tsx"],
-      component: React.lazy(() => import("@/registry/demos/select/required")),
+      files: ["demos/select/required.tsx"],
+      component: React.lazy(() => import("@/demos/select/required")),
     },
     "select-sections": {
       name: "select-sections",
-      files: ["registry/demos/select/sections.tsx"],
-      component: React.lazy(() => import("@/registry/demos/select/sections")),
+      files: ["demos/select/sections.tsx"],
+      component: React.lazy(() => import("@/demos/select/sections")),
     },
     "select-uncontrolled": {
       name: "select-uncontrolled",
-      files: ["registry/demos/select/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/select/uncontrolled")
-      ),
+      files: ["demos/select/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/select/uncontrolled")),
     },
     "select-validation": {
       name: "select-validation",
-      files: ["registry/demos/select/validation.tsx"],
-      component: React.lazy(() => import("@/registry/demos/select/validation")),
+      files: ["demos/select/validation.tsx"],
+      component: React.lazy(() => import("@/demos/select/validation")),
     },
     "separator-card": {
       name: "separator-card",
-      files: ["registry/demos/separator/card.tsx"],
-      component: React.lazy(() => import("@/registry/demos/separator/card")),
+      files: ["demos/separator/card.tsx"],
+      component: React.lazy(() => import("@/demos/separator/card")),
     },
     "separator-orientation": {
       name: "separator-orientation",
-      files: ["registry/demos/separator/orientation.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/separator/orientation")
-      ),
+      files: ["demos/separator/orientation.tsx"],
+      component: React.lazy(() => import("@/demos/separator/orientation")),
     },
     "skeleton-api-simulation": {
       name: "skeleton-api-simulation",
-      files: ["registry/demos/skeleton/api-simulation.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/skeleton/api-simulation")
-      ),
+      files: ["demos/skeleton/api-simulation.tsx"],
+      component: React.lazy(() => import("@/demos/skeleton/api-simulation")),
     },
     "skeleton-card": {
       name: "skeleton-card",
-      files: ["registry/demos/skeleton/card.tsx"],
-      component: React.lazy(() => import("@/registry/demos/skeleton/card")),
+      files: ["demos/skeleton/card.tsx"],
+      component: React.lazy(() => import("@/demos/skeleton/card")),
     },
     "skeleton-children": {
       name: "skeleton-children",
-      files: ["registry/demos/skeleton/children.tsx"],
-      component: React.lazy(() => import("@/registry/demos/skeleton/children")),
+      files: ["demos/skeleton/children.tsx"],
+      component: React.lazy(() => import("@/demos/skeleton/children")),
     },
     "skeleton-fixed-size-children": {
       name: "skeleton-fixed-size-children",
-      files: ["registry/demos/skeleton/fixed-size-children.tsx"],
+      files: ["demos/skeleton/fixed-size-children.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/skeleton/fixed-size-children")
+        () => import("@/demos/skeleton/fixed-size-children")
       ),
     },
     "skeleton-show": {
       name: "skeleton-show",
-      files: ["registry/demos/skeleton/show.tsx"],
-      component: React.lazy(() => import("@/registry/demos/skeleton/show")),
+      files: ["demos/skeleton/show.tsx"],
+      component: React.lazy(() => import("@/demos/skeleton/show")),
     },
     "slider-advanced-composition": {
       name: "slider-advanced-composition",
-      files: ["registry/demos/slider/advanced-composition.tsx"],
+      files: ["demos/slider/advanced-composition.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/slider/advanced-composition")
+        () => import("@/demos/slider/advanced-composition")
       ),
     },
     "slider-composition": {
       name: "slider-composition",
-      files: ["registry/demos/slider/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/slider/composition")
-      ),
+      files: ["demos/slider/composition.tsx"],
+      component: React.lazy(() => import("@/demos/slider/composition")),
     },
     "slider-controlled": {
       name: "slider-controlled",
-      files: ["registry/demos/slider/controlled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/slider/controlled")),
+      files: ["demos/slider/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/slider/controlled")),
     },
     "slider-default": {
       name: "slider-default",
-      files: ["registry/demos/slider/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/slider/default")),
+      files: ["demos/slider/default.tsx"],
+      component: React.lazy(() => import("@/demos/slider/default")),
     },
     "slider-description": {
       name: "slider-description",
-      files: ["registry/demos/slider/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/slider/description")
-      ),
+      files: ["demos/slider/description.tsx"],
+      component: React.lazy(() => import("@/demos/slider/description")),
     },
     "slider-disabled": {
       name: "slider-disabled",
-      files: ["registry/demos/slider/disabled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/slider/disabled")),
+      files: ["demos/slider/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/slider/disabled")),
     },
     "slider-format-options": {
       name: "slider-format-options",
-      files: ["registry/demos/slider/format-options.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/slider/format-options")
-      ),
+      files: ["demos/slider/format-options.tsx"],
+      component: React.lazy(() => import("@/demos/slider/format-options")),
     },
     "slider-label": {
       name: "slider-label",
-      files: ["registry/demos/slider/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/slider/label")),
+      files: ["demos/slider/label.tsx"],
+      component: React.lazy(() => import("@/demos/slider/label")),
     },
     "slider-range": {
       name: "slider-range",
-      files: ["registry/demos/slider/range.tsx"],
-      component: React.lazy(() => import("@/registry/demos/slider/range")),
+      files: ["demos/slider/range.tsx"],
+      component: React.lazy(() => import("@/demos/slider/range")),
     },
     "slider-sizes": {
       name: "slider-sizes",
-      files: ["registry/demos/slider/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/slider/sizes")),
+      files: ["demos/slider/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/slider/sizes")),
     },
     "slider-step": {
       name: "slider-step",
-      files: ["registry/demos/slider/step.tsx"],
-      component: React.lazy(() => import("@/registry/demos/slider/step")),
+      files: ["demos/slider/step.tsx"],
+      component: React.lazy(() => import("@/demos/slider/step")),
     },
     "slider-uncontrolled": {
       name: "slider-uncontrolled",
-      files: ["registry/demos/slider/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/slider/uncontrolled")
-      ),
+      files: ["demos/slider/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/slider/uncontrolled")),
     },
     "slider-value-label": {
       name: "slider-value-label",
-      files: ["registry/demos/slider/value-label.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/slider/value-label")
-      ),
+      files: ["demos/slider/value-label.tsx"],
+      component: React.lazy(() => import("@/demos/slider/value-label")),
     },
     "slider-value-scale": {
       name: "slider-value-scale",
-      files: ["registry/demos/slider/value-scale.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/slider/value-scale")
-      ),
+      files: ["demos/slider/value-scale.tsx"],
+      component: React.lazy(() => import("@/demos/slider/value-scale")),
     },
     "slider-vertical": {
       name: "slider-vertical",
-      files: ["registry/demos/slider/vertical.tsx"],
-      component: React.lazy(() => import("@/registry/demos/slider/vertical")),
+      files: ["demos/slider/vertical.tsx"],
+      component: React.lazy(() => import("@/demos/slider/vertical")),
     },
     "switch-controlled": {
       name: "switch-controlled",
-      files: ["registry/demos/switch/controlled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/switch/controlled")),
+      files: ["demos/switch/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/switch/controlled")),
     },
     "switch-default": {
       name: "switch-default",
-      files: ["registry/demos/switch/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/switch/default")),
+      files: ["demos/switch/default.tsx"],
+      component: React.lazy(() => import("@/demos/switch/default")),
     },
     "switch-disabled": {
       name: "switch-disabled",
-      files: ["registry/demos/switch/disabled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/switch/disabled")),
+      files: ["demos/switch/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/switch/disabled")),
     },
     "switch-label": {
       name: "switch-label",
-      files: ["registry/demos/switch/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/switch/label")),
+      files: ["demos/switch/label.tsx"],
+      component: React.lazy(() => import("@/demos/switch/label")),
     },
     "switch-sizes": {
       name: "switch-sizes",
-      files: ["registry/demos/switch/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/switch/sizes")),
+      files: ["demos/switch/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/switch/sizes")),
     },
     "switch-uncontrolled": {
       name: "switch-uncontrolled",
-      files: ["registry/demos/switch/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/switch/uncontrolled")
-      ),
+      files: ["demos/switch/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/switch/uncontrolled")),
     },
     "tabs-basic": {
       name: "tabs-basic",
-      files: ["registry/demos/tabs/basic.tsx"],
-      component: React.lazy(() => import("@/registry/demos/tabs/basic")),
+      files: ["demos/tabs/basic.tsx"],
+      component: React.lazy(() => import("@/demos/tabs/basic")),
     },
     "tabs-controlled": {
       name: "tabs-controlled",
-      files: ["registry/demos/tabs/controlled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/tabs/controlled")),
+      files: ["demos/tabs/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/tabs/controlled")),
     },
     "tabs-disabled-item": {
       name: "tabs-disabled-item",
-      files: ["registry/demos/tabs/disabled-item.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/tabs/disabled-item")
-      ),
+      files: ["demos/tabs/disabled-item.tsx"],
+      component: React.lazy(() => import("@/demos/tabs/disabled-item")),
     },
     "tabs-disabled": {
       name: "tabs-disabled",
-      files: ["registry/demos/tabs/disabled.tsx"],
-      component: React.lazy(() => import("@/registry/demos/tabs/disabled")),
+      files: ["demos/tabs/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/tabs/disabled")),
     },
     "tabs-keyboard-activation": {
       name: "tabs-keyboard-activation",
-      files: ["registry/demos/tabs/keyboard-activation.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/tabs/keyboard-activation")
-      ),
+      files: ["demos/tabs/keyboard-activation.tsx"],
+      component: React.lazy(() => import("@/demos/tabs/keyboard-activation")),
     },
     "tabs-vertical": {
       name: "tabs-vertical",
-      files: ["registry/demos/tabs/vertical.tsx"],
-      component: React.lazy(() => import("@/registry/demos/tabs/vertical")),
+      files: ["demos/tabs/vertical.tsx"],
+      component: React.lazy(() => import("@/demos/tabs/vertical")),
     },
     "text-area-composition": {
       name: "text-area-composition",
-      files: ["registry/demos/text-area/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-area/composition")
-      ),
+      files: ["demos/text-area/composition.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/composition")),
     },
     "text-area-contextual-help": {
       name: "text-area-contextual-help",
-      files: ["registry/demos/text-area/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-area/contextual-help")
-      ),
+      files: ["demos/text-area/contextual-help.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/contextual-help")),
     },
     "text-area-controlled": {
       name: "text-area-controlled",
-      files: ["registry/demos/text-area/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-area/controlled")
-      ),
+      files: ["demos/text-area/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/controlled")),
     },
     "text-area-default": {
       name: "text-area-default",
-      files: ["registry/demos/text-area/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/text-area/default")),
+      files: ["demos/text-area/default.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/default")),
     },
     "text-area-description": {
       name: "text-area-description",
-      files: ["registry/demos/text-area/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-area/description")
-      ),
+      files: ["demos/text-area/description.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/description")),
     },
     "text-area-disabled": {
       name: "text-area-disabled",
-      files: ["registry/demos/text-area/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-area/disabled")
-      ),
+      files: ["demos/text-area/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/disabled")),
     },
     "text-area-error-message": {
       name: "text-area-error-message",
-      files: ["registry/demos/text-area/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-area/error-message")
-      ),
+      files: ["demos/text-area/error-message.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/error-message")),
     },
     "text-area-form": {
       name: "text-area-form",
-      files: ["registry/demos/text-area/form.tsx"],
-      component: React.lazy(() => import("@/registry/demos/text-area/form")),
+      files: ["demos/text-area/form.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/form")),
     },
     "text-area-label": {
       name: "text-area-label",
-      files: ["registry/demos/text-area/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/text-area/label")),
+      files: ["demos/text-area/label.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/label")),
     },
     "text-area-loading": {
       name: "text-area-loading",
-      files: ["registry/demos/text-area/loading.tsx"],
-      component: React.lazy(() => import("@/registry/demos/text-area/loading")),
+      files: ["demos/text-area/loading.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/loading")),
     },
     "text-area-prefix-and-suffix": {
       name: "text-area-prefix-and-suffix",
-      files: ["registry/demos/text-area/prefix-and-suffix.tsx"],
+      files: ["demos/text-area/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/text-area/prefix-and-suffix")
+        () => import("@/demos/text-area/prefix-and-suffix")
       ),
     },
     "text-area-read-only": {
       name: "text-area-read-only",
-      files: ["registry/demos/text-area/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-area/read-only")
-      ),
+      files: ["demos/text-area/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/read-only")),
     },
     "text-area-required": {
       name: "text-area-required",
-      files: ["registry/demos/text-area/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-area/required")
-      ),
+      files: ["demos/text-area/required.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/required")),
     },
     "text-area-uncontrolled": {
       name: "text-area-uncontrolled",
-      files: ["registry/demos/text-area/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-area/uncontrolled")
-      ),
+      files: ["demos/text-area/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/text-area/uncontrolled")),
     },
     "text-field-composition": {
       name: "text-field-composition",
-      files: ["registry/demos/text-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/composition")
-      ),
+      files: ["demos/text-field/composition.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/composition")),
     },
     "text-field-contextual-help": {
       name: "text-field-contextual-help",
-      files: ["registry/demos/text-field/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/contextual-help")
-      ),
+      files: ["demos/text-field/contextual-help.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/contextual-help")),
     },
     "text-field-controlled": {
       name: "text-field-controlled",
-      files: ["registry/demos/text-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/controlled")
-      ),
+      files: ["demos/text-field/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/controlled")),
     },
     "text-field-default": {
       name: "text-field-default",
-      files: ["registry/demos/text-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/default")
-      ),
+      files: ["demos/text-field/default.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/default")),
     },
     "text-field-description": {
       name: "text-field-description",
-      files: ["registry/demos/text-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/description")
-      ),
+      files: ["demos/text-field/description.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/description")),
     },
     "text-field-disabled": {
       name: "text-field-disabled",
-      files: ["registry/demos/text-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/disabled")
-      ),
+      files: ["demos/text-field/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/disabled")),
     },
     "text-field-error-message": {
       name: "text-field-error-message",
-      files: ["registry/demos/text-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/error-message")
-      ),
+      files: ["demos/text-field/error-message.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/error-message")),
     },
     "text-field-label": {
       name: "text-field-label",
-      files: ["registry/demos/text-field/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/text-field/label")),
+      files: ["demos/text-field/label.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/label")),
     },
     "text-field-loading": {
       name: "text-field-loading",
-      files: ["registry/demos/text-field/loading.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/loading")
-      ),
+      files: ["demos/text-field/loading.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/loading")),
     },
     "text-field-prefix-and-suffix": {
       name: "text-field-prefix-and-suffix",
-      files: ["registry/demos/text-field/prefix-and-suffix.tsx"],
+      files: ["demos/text-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/text-field/prefix-and-suffix")
+        () => import("@/demos/text-field/prefix-and-suffix")
       ),
     },
     "text-field-read-only": {
       name: "text-field-read-only",
-      files: ["registry/demos/text-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/read-only")
-      ),
+      files: ["demos/text-field/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/read-only")),
     },
     "text-field-required": {
       name: "text-field-required",
-      files: ["registry/demos/text-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/required")
-      ),
+      files: ["demos/text-field/required.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/required")),
     },
     "text-field-sizes": {
       name: "text-field-sizes",
-      files: ["registry/demos/text-field/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/text-field/sizes")),
+      files: ["demos/text-field/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/sizes")),
     },
     "text-field-uncontrolled": {
       name: "text-field-uncontrolled",
-      files: ["registry/demos/text-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/text-field/uncontrolled")
-      ),
+      files: ["demos/text-field/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/text-field/uncontrolled")),
     },
     "time-field-composition": {
       name: "time-field-composition",
-      files: ["registry/demos/time-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/composition")
-      ),
+      files: ["demos/time-field/composition.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/composition")),
     },
     "time-field-contextual-help": {
       name: "time-field-contextual-help",
-      files: ["registry/demos/time-field/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/contextual-help")
-      ),
+      files: ["demos/time-field/contextual-help.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/contextual-help")),
     },
     "time-field-controlled": {
       name: "time-field-controlled",
-      files: ["registry/demos/time-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/controlled")
-      ),
+      files: ["demos/time-field/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/controlled")),
     },
     "time-field-default": {
       name: "time-field-default",
-      files: ["registry/demos/time-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/default")
-      ),
+      files: ["demos/time-field/default.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/default")),
     },
     "time-field-description": {
       name: "time-field-description",
-      files: ["registry/demos/time-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/description")
-      ),
+      files: ["demos/time-field/description.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/description")),
     },
     "time-field-disabled": {
       name: "time-field-disabled",
-      files: ["registry/demos/time-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/disabled")
-      ),
+      files: ["demos/time-field/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/disabled")),
     },
     "time-field-error-message": {
       name: "time-field-error-message",
-      files: ["registry/demos/time-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/error-message")
-      ),
+      files: ["demos/time-field/error-message.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/error-message")),
     },
     "time-field-granularity": {
       name: "time-field-granularity",
-      files: ["registry/demos/time-field/granularity.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/granularity")
-      ),
+      files: ["demos/time-field/granularity.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/granularity")),
     },
     "time-field-hide-time-zone": {
       name: "time-field-hide-time-zone",
-      files: ["registry/demos/time-field/hide-time-zone.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/hide-time-zone")
-      ),
+      files: ["demos/time-field/hide-time-zone.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/hide-time-zone")),
     },
     "time-field-hour-cycle": {
       name: "time-field-hour-cycle",
-      files: ["registry/demos/time-field/hour-cycle.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/hour-cycle")
-      ),
+      files: ["demos/time-field/hour-cycle.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/hour-cycle")),
     },
     "time-field-label": {
       name: "time-field-label",
-      files: ["registry/demos/time-field/label.tsx"],
-      component: React.lazy(() => import("@/registry/demos/time-field/label")),
+      files: ["demos/time-field/label.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/label")),
     },
     "time-field-loading": {
       name: "time-field-loading",
-      files: ["registry/demos/time-field/loading.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/loading")
-      ),
+      files: ["demos/time-field/loading.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/loading")),
     },
     "time-field-placeholder": {
       name: "time-field-placeholder",
-      files: ["registry/demos/time-field/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/placeholder")
-      ),
+      files: ["demos/time-field/placeholder.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/placeholder")),
     },
     "time-field-prefix-and-suffix": {
       name: "time-field-prefix-and-suffix",
-      files: ["registry/demos/time-field/prefix-and-suffix.tsx"],
+      files: ["demos/time-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/registry/demos/time-field/prefix-and-suffix")
+        () => import("@/demos/time-field/prefix-and-suffix")
       ),
     },
     "time-field-read-only": {
       name: "time-field-read-only",
-      files: ["registry/demos/time-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/read-only")
-      ),
+      files: ["demos/time-field/read-only.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/read-only")),
     },
     "time-field-required": {
       name: "time-field-required",
-      files: ["registry/demos/time-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/required")
-      ),
+      files: ["demos/time-field/required.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/required")),
     },
     "time-field-sizes": {
       name: "time-field-sizes",
-      files: ["registry/demos/time-field/sizes.tsx"],
-      component: React.lazy(() => import("@/registry/demos/time-field/sizes")),
+      files: ["demos/time-field/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/sizes")),
     },
     "time-field-time-zones": {
       name: "time-field-time-zones",
-      files: ["registry/demos/time-field/time-zones.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/time-zones")
-      ),
+      files: ["demos/time-field/time-zones.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/time-zones")),
     },
     "time-field-uncontrolled": {
       name: "time-field-uncontrolled",
-      files: ["registry/demos/time-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/time-field/uncontrolled")
-      ),
+      files: ["demos/time-field/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/time-field/uncontrolled")),
     },
     "toggle-button-controlled": {
       name: "toggle-button-controlled",
-      files: ["registry/demos/toggle-button/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/toggle-button/controlled")
-      ),
+      files: ["demos/toggle-button/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/toggle-button/controlled")),
     },
     "toggle-button-default": {
       name: "toggle-button-default",
-      files: ["registry/demos/toggle-button/default.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/toggle-button/default")
-      ),
+      files: ["demos/toggle-button/default.tsx"],
+      component: React.lazy(() => import("@/demos/toggle-button/default")),
     },
     "toggle-button-disabled": {
       name: "toggle-button-disabled",
-      files: ["registry/demos/toggle-button/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/toggle-button/disabled")
-      ),
+      files: ["demos/toggle-button/disabled.tsx"],
+      component: React.lazy(() => import("@/demos/toggle-button/disabled")),
     },
     "toggle-button-shapes": {
       name: "toggle-button-shapes",
-      files: ["registry/demos/toggle-button/shapes.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/toggle-button/shapes")
-      ),
+      files: ["demos/toggle-button/shapes.tsx"],
+      component: React.lazy(() => import("@/demos/toggle-button/shapes")),
     },
     "toggle-button-sizes": {
       name: "toggle-button-sizes",
-      files: ["registry/demos/toggle-button/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/toggle-button/sizes")
-      ),
+      files: ["demos/toggle-button/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/toggle-button/sizes")),
     },
     "toggle-button-uncontrolled": {
       name: "toggle-button-uncontrolled",
-      files: ["registry/demos/toggle-button/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/toggle-button/uncontrolled")
-      ),
+      files: ["demos/toggle-button/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/toggle-button/uncontrolled")),
     },
     "toggle-button-variants": {
       name: "toggle-button-variants",
-      files: ["registry/demos/toggle-button/variants.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/toggle-button/variants")
-      ),
+      files: ["demos/toggle-button/variants.tsx"],
+      component: React.lazy(() => import("@/demos/toggle-button/variants")),
     },
     "tooltip-arrow": {
       name: "tooltip-arrow",
-      files: ["registry/demos/tooltip/arrow.tsx"],
-      component: React.lazy(() => import("@/registry/demos/tooltip/arrow")),
+      files: ["demos/tooltip/arrow.tsx"],
+      component: React.lazy(() => import("@/demos/tooltip/arrow")),
     },
     "tooltip-composition": {
       name: "tooltip-composition",
-      files: ["registry/demos/tooltip/composition.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/tooltip/composition")
-      ),
+      files: ["demos/tooltip/composition.tsx"],
+      component: React.lazy(() => import("@/demos/tooltip/composition")),
     },
     "tooltip-container-padding": {
       name: "tooltip-container-padding",
-      files: ["registry/demos/tooltip/container-padding.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/tooltip/container-padding")
-      ),
+      files: ["demos/tooltip/container-padding.tsx"],
+      component: React.lazy(() => import("@/demos/tooltip/container-padding")),
     },
     "tooltip-default": {
       name: "tooltip-default",
-      files: ["registry/demos/tooltip/default.tsx"],
-      component: React.lazy(() => import("@/registry/demos/tooltip/default")),
+      files: ["demos/tooltip/default.tsx"],
+      component: React.lazy(() => import("@/demos/tooltip/default")),
     },
     "tooltip-delay": {
       name: "tooltip-delay",
-      files: ["registry/demos/tooltip/delay.tsx"],
-      component: React.lazy(() => import("@/registry/demos/tooltip/delay")),
+      files: ["demos/tooltip/delay.tsx"],
+      component: React.lazy(() => import("@/demos/tooltip/delay")),
     },
     "tooltip-flip": {
       name: "tooltip-flip",
-      files: ["registry/demos/tooltip/flip.tsx"],
-      component: React.lazy(() => import("@/registry/demos/tooltip/flip")),
+      files: ["demos/tooltip/flip.tsx"],
+      component: React.lazy(() => import("@/demos/tooltip/flip")),
     },
     "tooltip-offset": {
       name: "tooltip-offset",
-      files: ["registry/demos/tooltip/offset.tsx"],
-      component: React.lazy(() => import("@/registry/demos/tooltip/offset")),
+      files: ["demos/tooltip/offset.tsx"],
+      component: React.lazy(() => import("@/demos/tooltip/offset")),
     },
     "tooltip-placement": {
       name: "tooltip-placement",
-      files: ["registry/demos/tooltip/placement.tsx"],
-      component: React.lazy(() => import("@/registry/demos/tooltip/placement")),
+      files: ["demos/tooltip/placement.tsx"],
+      component: React.lazy(() => import("@/demos/tooltip/placement")),
     },
     "tooltip-with-arrow": {
       name: "tooltip-with-arrow",
-      files: ["registry/demos/tooltip/with-arrow.tsx"],
-      component: React.lazy(
-        () => import("@/registry/demos/tooltip/with-arrow")
-      ),
+      files: ["demos/tooltip/with-arrow.tsx"],
+      component: React.lazy(() => import("@/demos/tooltip/with-arrow")),
     },
   },
 };
diff --git a/www/src/__registry__/icons/index.tsx b/www/src/__registry__/icons/index.tsx
deleted file mode 100644
index bc656548e..000000000
--- a/www/src/__registry__/icons/index.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-"use client";
-
-// This file is autogenerated by scripts/build-registry.ts
-// Do not edit this file directly.
-import { createIcon } from "@/lib/create-icon";
-
-export const Loader2Icon = createIcon("Loader2Icon");
-export const AlertCircleIcon = createIcon("AlertCircleIcon");
-export const AlertTriangleIcon = createIcon("AlertTriangleIcon");
-export const CheckCircle2Icon = createIcon("CheckCircle2Icon");
-export const InfoIcon = createIcon("InfoIcon");
-export const ChevronRightIcon = createIcon("ChevronRightIcon");
-export const ChevronLeftIcon = createIcon("ChevronLeftIcon");
-export const ChevronDownIcon = createIcon("ChevronDownIcon");
-export const ChevronUpIcon = createIcon("ChevronUpIcon");
-export const SearchIcon = createIcon("SearchIcon");
-export const HelpCircleIcon = createIcon("HelpCircleIcon");
-export const CalendarIcon = createIcon("CalendarIcon");
-export const XIcon = createIcon("XIcon");
-export const AsteriskIcon = createIcon("AsteriskIcon");
-export const CheckIcon = createIcon("CheckIcon");
-export const MinusIcon = createIcon("MinusIcon");
-export const PlusIcon = createIcon("PlusIcon");
-export const WalletIcon = createIcon("WalletIcon");
-export const GlobeIcon = createIcon("GlobeIcon");
-export const User2Icon = createIcon("User2Icon");
-export const ShieldIcon = createIcon("ShieldIcon");
-export const ArrowRightCircleIcon = createIcon("ArrowRightCircleIcon");
-export const HomeIcon = createIcon("HomeIcon");
-export const LogInIcon = createIcon("LogInIcon");
-export const UploadIcon = createIcon("UploadIcon");
-export const PaletteIcon = createIcon("PaletteIcon");
-export const UsersIcon = createIcon("UsersIcon");
-export const PlaneIcon = createIcon("PlaneIcon");
-export const CameraIcon = createIcon("CameraIcon");
-export const ExternalLinkIcon = createIcon("ExternalLinkIcon");
-export const MenuIcon = createIcon("MenuIcon");
-export const CopyIcon = createIcon("CopyIcon");
-export const PlusSquareIcon = createIcon("PlusSquareIcon");
-export const SquarePenIcon = createIcon("SquarePenIcon");
-export const RotateCwIcon = createIcon("RotateCwIcon");
-export const XCircleIcon = createIcon("XCircleIcon");
-export const BoldIcon = createIcon("BoldIcon");
-export const ItalicIcon = createIcon("ItalicIcon");
-export const TimerIcon = createIcon("TimerIcon");
-export const PinIcon = createIcon("PinIcon");
-export const ALargeSmallIcon = createIcon("ALargeSmallIcon");
-export const Volume1Icon = createIcon("Volume1Icon");
-export const Volume2Icon = createIcon("Volume2Icon");
-export const ChevronsUpDownIcon = createIcon("ChevronsUpDownIcon");
diff --git a/www/src/__registry__/icons/registry.ts b/www/src/__registry__/icons/registry.ts
deleted file mode 100644
index 8ee358e82..000000000
--- a/www/src/__registry__/icons/registry.ts
+++ /dev/null
@@ -1,535 +0,0 @@
-// @ts-nocheck
-// This file is autogenerated by scripts/build-internal-registry.ts
-// Do not edit this file directly.
-import * as React from "react";
-
-export const Icons = {
-  Loader2Icon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.Loader2Icon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiLoader4Line,
-      }))
-    ),
-  },
-  AlertCircleIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.AlertCircleIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiErrorWarningFill,
-      }))
-    ),
-  },
-  AlertTriangleIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.AlertTriangleIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiAlertLine,
-      }))
-    ),
-  },
-  CheckCircle2Icon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.CheckCircle2Icon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiCheckboxCircleLine,
-      }))
-    ),
-  },
-  InfoIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.InfoIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiInformationLine,
-      }))
-    ),
-  },
-  ChevronRightIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.ChevronRightIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiArrowRightSLine,
-      }))
-    ),
-  },
-  ChevronLeftIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.ChevronLeftIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiArrowLeftSLine,
-      }))
-    ),
-  },
-  ChevronDownIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.ChevronDownIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiArrowDownSLine,
-      }))
-    ),
-  },
-  ChevronUpIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.ChevronUpIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiArrowUpSLine,
-      }))
-    ),
-  },
-  SearchIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.SearchIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiSearchLine,
-      }))
-    ),
-  },
-  HelpCircleIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.HelpCircleIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiQuestionLine,
-      }))
-    ),
-  },
-  CalendarIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.CalendarIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiCalendarLine,
-      }))
-    ),
-  },
-  XIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.XIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiCloseLine,
-      }))
-    ),
-  },
-  AsteriskIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.AsteriskIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiAsterisk,
-      }))
-    ),
-  },
-  CheckIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.CheckIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiCheckLine,
-      }))
-    ),
-  },
-  MinusIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.MinusIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiSubtractLine,
-      }))
-    ),
-  },
-  PlusIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.PlusIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiAddLine,
-      }))
-    ),
-  },
-  WalletIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.WalletIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiWalletLine,
-      }))
-    ),
-  },
-  GlobeIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.GlobeIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiGlobalLine,
-      }))
-    ),
-  },
-  User2Icon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.User2Icon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiUserLine,
-      }))
-    ),
-  },
-  ShieldIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.ShieldIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiShieldLine,
-      }))
-    ),
-  },
-  ArrowRightCircleIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.ArrowRightCircleIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiArrowRightCircleLine,
-      }))
-    ),
-  },
-  HomeIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.HomeIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiHomeLine,
-      }))
-    ),
-  },
-  LogInIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.LogInIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiLoginBoxLine,
-      }))
-    ),
-  },
-  UploadIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.UploadIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiUpload2Line,
-      }))
-    ),
-  },
-  PaletteIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.PaletteIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiPaletteLine,
-      }))
-    ),
-  },
-  UsersIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.UsersIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiGroupLine,
-      }))
-    ),
-  },
-  PlaneIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.PlaneIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiPlaneLine,
-      }))
-    ),
-  },
-  CameraIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.CameraIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiCameraLine,
-      }))
-    ),
-  },
-  ExternalLinkIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.ExternalLinkIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiExternalLinkLine,
-      }))
-    ),
-  },
-  MenuIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.MenuIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiMenuLine,
-      }))
-    ),
-  },
-  CopyIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.CopyIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiFileCopyLine,
-      }))
-    ),
-  },
-  PlusSquareIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.PlusSquareIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiAddBoxLine,
-      }))
-    ),
-  },
-  SquarePenIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.SquarePenIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiEditLine,
-      }))
-    ),
-  },
-  RotateCwIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.RotateCwIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiRestartLine,
-      }))
-    ),
-  },
-  XCircleIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.XCircleIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiCloseCircleLine,
-      }))
-    ),
-  },
-  BoldIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.BoldIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiBold,
-      }))
-    ),
-  },
-  ItalicIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.ItalicIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiItalic,
-      }))
-    ),
-  },
-  TimerIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.TimerIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiTimerLine,
-      }))
-    ),
-  },
-  PinIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.PinIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiPushpinLine,
-      }))
-    ),
-  },
-  ALargeSmallIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.ALargeSmallIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiFontSize,
-      }))
-    ),
-  },
-  Volume1Icon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.Volume1Icon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiVolumeDownLine,
-      }))
-    ),
-  },
-  Volume2Icon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.Volume2Icon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiVolumeUpLine,
-      }))
-    ),
-  },
-  ChevronsUpDownIcon: {
-    lucide: React.lazy(() =>
-      import("lucide-react").then((mod) => ({
-        default: mod.ChevronsUpDownIcon,
-      }))
-    ),
-    remix: React.lazy(() =>
-      import("@remixicon/react").then((mod) => ({
-        default: mod.RiExpandUpDownLine,
-      }))
-    ),
-  },
-};
diff --git a/www/src/app/(app)/(docs)/themes/components/input-style.tsx b/www/src/app/(app)/(docs)/themes/components/input-style.tsx
deleted file mode 100644
index fb156514f..000000000
--- a/www/src/app/(app)/(docs)/themes/components/input-style.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Radio, RadioGroup } from "@/components/core/radio-group";
-
-const variants = [
-  { label: "Variant 1", value: "button-01" },
-  { label: "variant 2", value: "button-02" },
-];
-
-export function ButtonStyle() {
-  return (
-    <div className="flex justify-between">
-      <RadioGroup variant="card" orientation="vertical">
-        {variants.map((variant) => (
-          <Radio key={variant.value} value={variant.value}>
-            {variant.label}
-          </Radio>
-        ))}
-      </RadioGroup>
-      <div>sa</div>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/(home)/page.tsx b/www/src/app/(app)/(home)/page.tsx
deleted file mode 100644
index 2d47d2ee3..000000000
--- a/www/src/app/(app)/(home)/page.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import React from "react";
-import { PaletteIcon, TerminalSquareIcon } from "lucide-react";
-import { cn } from "@/lib/cn";
-import { Code } from "@/components/code";
-import { Button } from "@/components/core/button";
-import { Link } from "@/components/core/link";
-import { ToggleButton } from "@/components/core/toggle-button";
-import { ToggleGroup } from "@/components/core/toggle-group";
-import { Header } from "@/components/header";
-import { Preview } from "@/app/(app)/(docs)/themes/components/preview";
-import { siteConfig } from "@/config";
-
-export default function HomePage() {
-  return (
-    <div>
-      <Header />
-      <div className="container min-h-screen">
-        <section className="mx-auto max-w-6xl pt-32">
-          <h1 className="text-center text-3xl font-bold md:text-5xl lg:text-6xl">
-            Craft your component library
-            <br /> with a unique style.
-          </h1>
-          <p className="text-fg-muted mt-5 text-balance text-center text-lg">
-            Over 40 components with built-in behavior, adaptive interactions,
-            top-tier accessibility, and internationalization out of the box,
-            ready for your styles.
-          </p>
-          <div className="mt-8 flex items-center justify-center gap-4">
-            <Button
-              size="lg"
-              variant="primary"
-              href="/docs/getting-started/introduction"
-              className="h-12 px-8 text-base font-semibold"
-            >
-              Get started
-            </Button>
-            <Button
-              href="/themes"
-              size="lg"
-              variant="outline"
-              className="bg-bg-inverse/5 h-12 px-8 text-base font-semibold"
-              prefix={<PaletteIcon />}
-            >
-              Explore themes
-            </Button>
-          </div>
-        </section>
-        <section className="relative mt-40">
-          <div className="animate-in fade-in-50 zoom-in-50 duration-2000 slide-in-from-bottom-48 absolute left-1/2 top-0 z-0 h-[450px] w-[700px] max-w-[80%] -translate-x-1/2 bg-[radial-gradient(at_0%_0%,#0894ff_0,rgba(0,0,0,0)_40%),radial-gradient(at_50%_30%,#ff2e54_0,rgba(0,0,0,0)_60%),radial-gradient(at_100%_0%,#ff9004_0,rgba(0,0,0,0)_40%)] blur-[100px] ease-in-out" />
-          <div className="z-2 relative">
-            <ToggleGroup
-              className="justify-center"
-              defaultSelectedKeys={["default"]}
-              disallowEmptySelection
-            >
-              {[
-                { id: "default", label: "Default" },
-                { id: "vercel", label: "Vercel" },
-                { id: "github", label: "Github" },
-                { id: "retro", label: "Retro" },
-                { id: "brutalism", label: "Brutalism" },
-              ].map((theme) => (
-                <ToggleButton
-                  key={theme.id}
-                  id={theme.id}
-                  shape="rectangle"
-                  size="sm"
-                  className="px-4"
-                >
-                  {theme.label}
-                </ToggleButton>
-              ))}
-            </ToggleGroup>
-            <div className="mt-10 h-[calc(100svh-calc(var(--spacing)*20))] px-20">
-              <Preview />
-            </div>
-          </div>
-        </section>
-      </div>
-      {/* Footer */}
-      <div className="container mt-10 border-t p-4">
-        <p className="text-fg-muted text-xs">
-          Built by{" "}
-          <Link variant="quiet" href={siteConfig.links.twitter} target="_blank">
-            mehdibha
-          </Link>
-          . The source code is available on{" "}
-          <Link variant="quiet" href={siteConfig.links.github} target="_blank">
-            GitHub
-          </Link>
-        </p>
-      </div>
-    </div>
-  );
-}
-
-const Terminal = ({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) => {
-  return (
-    <div className={cn("w-[245px] rounded-md border", className)}>
-      <div className="bg-bg-muted rounded-t-[inherit] border-b p-1">
-        <TerminalSquareIcon className="text-fg-muted size-3" />
-      </div>
-      <Code
-        lang="bash"
-        colorReplacements={{
-          "#96d0ff": "#ffffff",
-        }}
-        className="rounded-t-none bg-black/20"
-      >
-        {children}
-      </Code>
-    </div>
-  );
-};
diff --git a/www/src/app/(app)/(docs)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/docs/[...slug]/page.tsx
rename to www/src/app/(app)/docs/[...slug]/page.tsx
diff --git a/www/src/app/(app)/(docs)/layout.tsx b/www/src/app/(app)/layout.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/layout.tsx
rename to www/src/app/(app)/layout.tsx
diff --git a/www/src/app/(app)/(docs)/themes/buttons.tsx b/www/src/app/(app)/themes/buttons.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/buttons.tsx
rename to www/src/app/(app)/themes/buttons.tsx
diff --git a/www/src/app/(app)/(docs)/themes/components/borders.tsx b/www/src/app/(app)/themes/components/borders.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/borders.tsx
rename to www/src/app/(app)/themes/components/borders.tsx
diff --git a/www/src/app/(app)/(docs)/themes/components/button-style.tsx b/www/src/app/(app)/themes/components/button-style.tsx
similarity index 68%
rename from www/src/app/(app)/(docs)/themes/components/button-style.tsx
rename to www/src/app/(app)/themes/components/button-style.tsx
index dc88fe6e8..ca2516635 100644
--- a/www/src/app/(app)/(docs)/themes/components/button-style.tsx
+++ b/www/src/app/(app)/themes/components/button-style.tsx
@@ -3,7 +3,8 @@
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
 import { ThemeOverride } from "@/components/theme-override";
-import ButtonVariants from "@/registry/demos/button/variants";
+import ButtonVariants from "@/demos/button/variants";
+import ToggleButtonVariants from "@/demos/toggle-button/variants";
 
 const variants = [
   {
@@ -47,17 +48,20 @@ export function ButtonStyle() {
             aria-label={variant.label}
             className="gap-8"
           >
-            {variant.label}
-            {variant.description && (
-              <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
-                {variant.description}
-              </div>
-            )}
+            <div>
+              {variant.label}
+              {variant.description && (
+                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
+                  {variant.description}
+                </div>
+              )}
+            </div>
           </Radio>
         ))}
       </RadioGroup>
-      <ThemeOverride className="flex w-full items-center justify-center rounded-md border p-4">
+      <ThemeOverride className="flex w-full flex-col-reverse items-center justify-center gap-6 rounded-md border p-4">
         <ButtonVariants />
+        <ToggleButtonVariants />
       </ThemeOverride>
     </div>
   );
diff --git a/www/src/app/(app)/(docs)/themes/components/clone-theme.tsx b/www/src/app/(app)/themes/components/clone-theme.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/clone-theme.tsx
rename to www/src/app/(app)/themes/components/clone-theme.tsx
diff --git a/www/src/app/(app)/(docs)/themes/components/colors.tsx b/www/src/app/(app)/themes/components/colors.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/colors.tsx
rename to www/src/app/(app)/themes/components/colors.tsx
diff --git a/www/src/app/(app)/(docs)/themes/components/context.tsx b/www/src/app/(app)/themes/components/context.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/context.tsx
rename to www/src/app/(app)/themes/components/context.tsx
diff --git a/www/src/app/(app)/(docs)/themes/components/copy-theme.tsx b/www/src/app/(app)/themes/components/copy-theme.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/copy-theme.tsx
rename to www/src/app/(app)/themes/components/copy-theme.tsx
diff --git a/www/src/app/(app)/(docs)/themes/components/create-theme.tsx b/www/src/app/(app)/themes/components/create-theme.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/create-theme.tsx
rename to www/src/app/(app)/themes/components/create-theme.tsx
diff --git a/www/src/app/(app)/(docs)/themes/components/delete-theme.tsx b/www/src/app/(app)/themes/components/delete-theme.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/delete-theme.tsx
rename to www/src/app/(app)/themes/components/delete-theme.tsx
diff --git a/www/src/app/(app)/(docs)/themes/components/explore-themes.tsx b/www/src/app/(app)/themes/components/explore-themes.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/explore-themes.tsx
rename to www/src/app/(app)/themes/components/explore-themes.tsx
diff --git a/www/src/app/(app)/themes/components/focus-style.tsx b/www/src/app/(app)/themes/components/focus-style.tsx
new file mode 100644
index 000000000..bdc81cc88
--- /dev/null
+++ b/www/src/app/(app)/themes/components/focus-style.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import React from "react";
+import { type PressEvent } from "react-aria-components";
+import { useThemes } from "@/hooks/use-themes";
+import { Button } from "@/components/dynamic-core/button";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { ThemeOverride } from "@/components/theme-override";
+import { Radio, RadioGroup } from "@/registry/core/radio-group";
+
+const variants = [
+  {
+    label: "Focus 01",
+    value: "focus-01",
+  },
+  {
+    label: "Focus 02",
+    value: "focus-02",
+  },
+  {
+    label: "Focus 03",
+    value: "focus-03",
+  },
+  {
+    label: "Focus 04",
+    value: "focus-04",
+  },
+];
+
+export function FocusStyle() {
+  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
+
+  return (
+    <div className="flex justify-between gap-6">
+      <RadioGroup
+        variant="card"
+        orientation="vertical"
+        value={currentTheme.variants["loader"]}
+        onChange={(value) => updateVariant("loader", value)}
+        isDisabled={!isCurrentThemeEditable}
+        className="min-w-60"
+      >
+        {variants.map((variant) => (
+          <Radio
+            key={variant.value}
+            value={variant.value}
+            aria-label={variant.label}
+          >
+            <div className="flex items-center gap-8">
+              <span className="w-24">{variant.label}</span>
+            </div>
+          </Radio>
+        ))}
+      </RadioGroup>
+      <ThemeOverride className="flex w-full flex-col items-center justify-center gap-4 rounded-md border p-4">
+        <TextField placeholder="Email" />
+        <Button>Button</Button>
+      </ThemeOverride>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/(docs)/themes/components/iconography.tsx b/www/src/app/(app)/themes/components/iconography.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/iconography.tsx
rename to www/src/app/(app)/themes/components/iconography.tsx
diff --git a/www/src/app/(app)/themes/components/input-style.tsx b/www/src/app/(app)/themes/components/input-style.tsx
new file mode 100644
index 000000000..8256af2df
--- /dev/null
+++ b/www/src/app/(app)/themes/components/input-style.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { useThemes } from "@/hooks/use-themes";
+import { Radio, RadioGroup } from "@/components/core/radio-group";
+import { ThemeOverride } from "@/components/theme-override";
+import Inputs from "@/demos/text-field/prefix-and-suffix";
+
+const variants = [
+  {
+    label: "Input 1",
+    value: "input-01",
+    description: "Minimalistic design.",
+  },
+  {
+    label: "Input 2",
+    value: "input-02",
+    description: "Subtle hover outline.",
+  },
+  {
+    label: "Input 3",
+    value: "input-03",
+    description: "Brutalism design",
+  },
+  {
+    label: "Input 4",
+    value: "input-04",
+    description: "With ripple effect, uses framer-motion.",
+  },
+];
+
+export function InputStyle() {
+  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
+  return (
+    <div className="flex justify-between gap-6">
+      <RadioGroup
+        variant="card"
+        orientation="vertical"
+        value={currentTheme.variants["input"]}
+        onChange={(value) => updateVariant("input", value)}
+        isDisabled={!isCurrentThemeEditable}
+        className="min-w-60"
+      >
+        {variants.map((variant) => (
+          <Radio
+            key={variant.value}
+            value={variant.value}
+            aria-label={variant.label}
+            className="gap-8"
+          >
+            <div>
+              {variant.label}
+              {variant.description && (
+                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
+                  {variant.description}
+                </div>
+              )}
+            </div>
+          </Radio>
+        ))}
+      </RadioGroup>
+      <ThemeOverride className="flex w-full flex-col-reverse items-center justify-center gap-6 rounded-md border p-4">
+        <Inputs />
+      </ThemeOverride>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/themes/components/listbox-style.tsx b/www/src/app/(app)/themes/components/listbox-style.tsx
new file mode 100644
index 000000000..2eeed000c
--- /dev/null
+++ b/www/src/app/(app)/themes/components/listbox-style.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import { useThemes } from "@/hooks/use-themes";
+import { Radio, RadioGroup } from "@/components/core/radio-group";
+import { ThemeOverride } from "@/components/theme-override";
+import ComboboxDemo from "@/demos/combobox/basic";
+import ListBoxDemo from "@/demos/list-box/basic";
+import SelectDemo from "@/demos/select/basic";
+
+const variants = [
+  {
+    label: "list-box 1",
+    value: "list-box-01",
+    description: "Minimalistic design.",
+  },
+  {
+    label: "list-box 2",
+    value: "list-box-02",
+    description: "Subtle hover outline.",
+  },
+  {
+    label: "list-box 3",
+    value: "list-box-03",
+    description: "Brutalism design",
+  },
+  {
+    label: "list-box 4",
+    value: "list-box-04",
+    description: "With ripple effect, uses framer-motion.",
+  },
+];
+
+export function ListBoxStyle() {
+  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
+  return (
+    <div className="flex justify-between gap-6">
+      <RadioGroup
+        variant="card"
+        orientation="vertical"
+        value={currentTheme.variants["button"]}
+        onChange={(value) => updateVariant("button", value)}
+        isDisabled={!isCurrentThemeEditable}
+        className="min-w-60"
+      >
+        {variants.map((variant) => (
+          <Radio
+            key={variant.value}
+            value={variant.value}
+            aria-label={variant.label}
+            className="gap-8"
+          >
+            <div>
+              {variant.label}
+              {variant.description && (
+                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
+                  {variant.description}
+                </div>
+              )}
+            </div>
+          </Radio>
+        ))}
+      </RadioGroup>
+      <ThemeOverride className="flex w-full flex-col-reverse items-center justify-center gap-6 rounded-md border p-4">
+        <ListBoxDemo />
+        <ComboboxDemo />
+        <SelectDemo />
+      </ThemeOverride>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/themes/components/loader-style.tsx b/www/src/app/(app)/themes/components/loader-style.tsx
new file mode 100644
index 000000000..52362daab
--- /dev/null
+++ b/www/src/app/(app)/themes/components/loader-style.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import React from "react";
+import { type PressEvent } from "react-aria-components";
+import { useThemes } from "@/hooks/use-themes";
+import { Button } from "@/components/dynamic-core/button";
+import { ThemeOverride } from "@/components/theme-override";
+import { Loader as DotSpinner } from "@/registry/core/loader-dot-spinner";
+import { Loader as LineSpinner } from "@/registry/core/loader-line-spinner";
+import { Loader as Ring } from "@/registry/core/loader-ring";
+import { Loader as Tailspin } from "@/registry/core/loader-tailspin";
+import { Loader as Wave } from "@/registry/core/loader-wave";
+import { Radio, RadioGroup } from "@/registry/core/radio-group";
+
+const variants = [
+  {
+    label: "Dot spinner",
+    value: "loader-dot-spinner",
+    preview: <DotSpinner size={30} />,
+  },
+  {
+    label: "Line spinner",
+    value: "loader-line-spinner",
+    preview: <LineSpinner size={30} />,
+  },
+  { label: "Ring", value: "loader-ring", preview: <Ring size={30} /> },
+  {
+    label: "Tailspin",
+    value: "loader-tailspin",
+    preview: <Tailspin size={30} />,
+  },
+  { label: "Wave", value: "loader-wave", preview: <Wave size={30} /> },
+];
+
+export function LoaderStyle() {
+  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
+  const [isPending, setPending] = React.useState(false);
+
+  const handlePress = (e: PressEvent) => {
+    setPending(true);
+    setTimeout(() => {
+      setPending(false);
+    }, 5000);
+  };
+
+  return (
+    <div className="flex justify-between gap-6">
+      <RadioGroup
+        variant="card"
+        orientation="vertical"
+        value={currentTheme.variants["loader"]}
+        onChange={(value) => updateVariant("loader", value)}
+        isDisabled={!isCurrentThemeEditable}
+        className="min-w-60"
+      >
+        {variants.map((variant) => (
+          <Radio
+            key={variant.value}
+            value={variant.value}
+            aria-label={variant.label}
+          >
+            <div className="flex items-center gap-8">
+              <span className="w-24">{variant.label}</span>
+              {variant.preview}
+            </div>
+          </Radio>
+        ))}
+      </RadioGroup>
+      <ThemeOverride className="flex w-full items-center justify-center gap-4 rounded-md border p-4">
+        <Button isPending={isPending} onPress={handlePress}>
+          Click me!
+        </Button>
+        <Button isPending className="w-24" />
+      </ThemeOverride>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/themes/components/overlay-style.tsx b/www/src/app/(app)/themes/components/overlay-style.tsx
new file mode 100644
index 000000000..edcc466cd
--- /dev/null
+++ b/www/src/app/(app)/themes/components/overlay-style.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { useThemes } from "@/hooks/use-themes";
+import { Radio, RadioGroup } from "@/components/core/radio-group";
+import { ThemeOverride } from "@/components/theme-override";
+import DialogDemo from "@/demos/dialog/basic";
+
+const variants = [
+  {
+    label: "overlay 1",
+    value: "overlay-01",
+    description: "Minimalistic design.",
+  },
+  {
+    label: "overlay 2",
+    value: "overlay-02",
+    description: "Subtle hover outline.",
+  },
+  {
+    label: "overlay 3",
+    value: "overlay-03",
+    description: "Brutalism design",
+  },
+  {
+    label: "overlay 4",
+    value: "overlay-04",
+    description: "With ripple effect, uses framer-motion.",
+  },
+];
+
+export function OverlayStyle() {
+  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
+  return (
+    <div className="flex justify-between gap-6">
+      <RadioGroup
+        variant="card"
+        orientation="vertical"
+        value={currentTheme.variants["button"]}
+        onChange={(value) => updateVariant("button", value)}
+        isDisabled={!isCurrentThemeEditable}
+        className="min-w-60"
+      >
+        {variants.map((variant) => (
+          <Radio
+            key={variant.value}
+            value={variant.value}
+            aria-label={variant.label}
+            className="gap-8"
+          >
+            <div>
+              {variant.label}
+              {variant.description && (
+                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
+                  {variant.description}
+                </div>
+              )}
+            </div>
+          </Radio>
+        ))}
+      </RadioGroup>
+      <ThemeOverride className="flex w-full flex-col-reverse items-center justify-center gap-6 rounded-md border p-4">
+        <DialogDemo />
+      </ThemeOverride>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/themes/components/picker-style.tsx b/www/src/app/(app)/themes/components/picker-style.tsx
new file mode 100644
index 000000000..e316c8522
--- /dev/null
+++ b/www/src/app/(app)/themes/components/picker-style.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { useThemes } from "@/hooks/use-themes";
+import { Radio, RadioGroup } from "@/components/core/radio-group";
+import { ThemeOverride } from "@/components/theme-override";
+import ColorPickerDemo from "@/demos/color-picker/default";
+import ComboboxDemo from "@/demos/combobox/basic";
+import DatePickerDemo from "@/demos/date-picker/default";
+import SelectDemo from "@/demos/select/basic";
+
+const variants = [
+  {
+    label: "Picker 1",
+    value: "picker-01",
+    description: "Minimalistic design.",
+  },
+  {
+    label: "Picker 2",
+    value: "picker-02",
+    description: "Subtle hover outline.",
+  },
+  {
+    label: "Picker 3",
+    value: "picker-03",
+    description: "Brutalism design",
+  },
+];
+
+export function PickerStyle() {
+  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
+  return (
+    <div className="flex justify-between gap-6">
+      <RadioGroup
+        variant="card"
+        orientation="vertical"
+        value={currentTheme.variants["picker"]}
+        onChange={(value) => updateVariant("picker", value)}
+        isDisabled={!isCurrentThemeEditable}
+        className="min-w-60"
+      >
+        {variants.map((variant) => (
+          <Radio
+            key={variant.value}
+            value={variant.value}
+            aria-label={variant.label}
+            className="gap-8"
+          >
+            <div>
+              {variant.label}
+              {variant.description && (
+                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
+                  {variant.description}
+                </div>
+              )}
+            </div>
+          </Radio>
+        ))}
+      </RadioGroup>
+      <ThemeOverride className="w-full flex flex-col items-center justify-center rounded-md border p-4">
+        <div className="flex flex-wrap items-center justify-center gap-4 p-2">
+          <SelectDemo />
+          <DatePickerDemo />
+        </div>
+        <div className="flex flex-wrap items-center justify-center gap-4 p-2">
+          <ComboboxDemo />
+          <ColorPickerDemo />
+        </div>
+      </ThemeOverride>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/(docs)/themes/components/preview.tsx b/www/src/app/(app)/themes/components/preview.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/preview.tsx
rename to www/src/app/(app)/themes/components/preview.tsx
diff --git a/www/src/app/(app)/themes/components/tabs-style.tsx b/www/src/app/(app)/themes/components/tabs-style.tsx
new file mode 100644
index 000000000..b66b2926b
--- /dev/null
+++ b/www/src/app/(app)/themes/components/tabs-style.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { useThemes } from "@/hooks/use-themes";
+import { Radio, RadioGroup } from "@/components/core/radio-group";
+import { ThemeOverride } from "@/components/theme-override";
+import TabsDemo from "@/demos/tabs/basic";
+
+const variants = [
+  {
+    label: "tabs 1",
+    value: "tabs-01",
+    description: "Minimalistic design.",
+  },
+  {
+    label: "tabs 2",
+    value: "tabs-02",
+    description: "Subtle hover outline.",
+  },
+  {
+    label: "tabs 3",
+    value: "tabs-03",
+    description: "Brutalism design",
+  },
+  {
+    label: "tabs 4",
+    value: "tabs-04",
+    description: "With ripple effect, uses framer-motion.",
+  },
+];
+
+export function TabsStyle() {
+  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
+  return (
+    <div className="flex justify-between gap-6">
+      <RadioGroup
+        variant="card"
+        orientation="vertical"
+        value={currentTheme.variants["button"]}
+        onChange={(value) => updateVariant("button", value)}
+        isDisabled={!isCurrentThemeEditable}
+        className="min-w-60"
+      >
+        {variants.map((variant) => (
+          <Radio
+            key={variant.value}
+            value={variant.value}
+            aria-label={variant.label}
+            className="gap-8"
+          >
+            <div>
+              {variant.label}
+              {variant.description && (
+                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
+                  {variant.description}
+                </div>
+              )}
+            </div>
+          </Radio>
+        ))}
+      </RadioGroup>
+      <ThemeOverride className="flex w-full flex-col-reverse items-center justify-center gap-6 rounded-md border p-4">
+        <TabsDemo />
+      </ThemeOverride>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/(docs)/themes/components/theme-select.tsx b/www/src/app/(app)/themes/components/theme-select.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/theme-select.tsx
rename to www/src/app/(app)/themes/components/theme-select.tsx
diff --git a/www/src/app/(app)/(docs)/themes/components/typography.tsx b/www/src/app/(app)/themes/components/typography.tsx
similarity index 100%
rename from www/src/app/(app)/(docs)/themes/components/typography.tsx
rename to www/src/app/(app)/themes/components/typography.tsx
diff --git a/www/src/app/(app)/(docs)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
similarity index 62%
rename from www/src/app/(app)/(docs)/themes/page.tsx
rename to www/src/app/(app)/themes/page.tsx
index f90331636..5dba02ed4 100644
--- a/www/src/app/(app)/(docs)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -9,8 +9,15 @@ import { Colors } from "./components/colors";
 import { PreviewProvider } from "./components/context";
 import { CreateThemeDialog } from "./components/create-theme";
 import { ExploreThemesDialog } from "./components/explore-themes";
+import { FocusStyle } from "./components/focus-style";
 import { Iconography } from "./components/iconography";
+import { InputStyle } from "./components/input-style";
+import { ListBoxStyle } from "./components/listbox-style";
+import { LoaderStyle } from "./components/loader-style";
+import { OverlayStyle } from "./components/overlay-style";
+import { PickerStyle } from "./components/picker-style";
 import { Preview } from "./components/preview";
+import { TabsStyle } from "./components/tabs-style";
 import { ThemeSelect } from "./components/theme-select";
 import { Typography } from "./components/typography";
 
@@ -24,7 +31,7 @@ export default function Page() {
     <PreviewProvider>
       <div className="container space-y-6 pb-20">
         <div className="relative grid grid-cols-12 items-start gap-6 pt-10">
-          <div className="col-span-12 mt-6 lg:col-span-5">
+          <div className="col-span-12 mt-6 lg:col-span-6">
             <h1 className="font-heading xs:text-2xl text-pretty text-xl font-semibold tracking-tighter sm:text-3xl md:text-4xl">
               Everything starts with identity.
             </h1>
@@ -55,15 +62,39 @@ export default function Page() {
               <Section title="Iconography">
                 <Iconography />
               </Section>
+              <Section title="Loader style" className="col-span-6">
+                <LoaderStyle />
+              </Section>
+              <Section title="Focus style" className="col-span-6">
+                <FocusStyle />
+              </Section>
+              <Section title="Button style" className="col-span-6">
+                <ButtonStyle />
+              </Section>
+              <Section title="Input style" className="col-span-6">
+                <InputStyle />
+              </Section>
+              <Section title="Picker style" className="col-span-6">
+                <PickerStyle />
+              </Section>
+              <Section title="Listbox style" className="col-span-6">
+                <ListBoxStyle />
+              </Section>
+              <Section
+                title="Modal/Popover/Tooltip style"
+                className="col-span-6"
+              >
+                <OverlayStyle />
+              </Section>
+              <Section title="Tabs style" className="col-span-6">
+                <TabsStyle />
+              </Section>
             </div>
           </div>
-          <div className="sticky top-10 hidden h-[calc(100svh-calc(var(--spacing)*20))] justify-center lg:col-span-7 lg:flex">
+          <div className="sticky top-10 hidden h-[calc(100svh-calc(var(--spacing)*20))] justify-center lg:col-span-6 lg:flex">
             <Preview />
           </div>
         </div>
-        <Section title="Button style" className="col-span-6">
-          <ButtonStyle />
-        </Section>
       </div>
     </PreviewProvider>
   );
diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx
new file mode 100644
index 000000000..8825aef96
--- /dev/null
+++ b/www/src/app/(home)/components-overview.tsx
@@ -0,0 +1,322 @@
+"use client";
+
+import { RadioGroup, Radio } from "@/components/core/radio-group";
+import { Alert } from "@/components/dynamic-core/alert";
+import { Avatar } from "@/components/dynamic-core/avatar";
+import { Button } from "@/components/dynamic-core/button";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+import { Link } from "@/components/dynamic-core/link";
+import { Item, ListBox } from "@/components/dynamic-core/list-box";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { SearchField } from "@/components/dynamic-core/search-field";
+import { Select } from "@/components/dynamic-core/select";
+import { Separator } from "@/components/dynamic-core/separator";
+import { Slider } from "@/components/dynamic-core/slider";
+import { Switch } from "@/components/dynamic-core/switch";
+import {
+  Table,
+  TableBody,
+  TableColumn,
+  TableCell,
+  TableRow,
+  TableHeader,
+} from "@/components/dynamic-core/table";
+import { Tabs, Tab, TabList, TabPanel } from "@/components/dynamic-core/tabs";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
+import FileTriggerDemo from "@/demos/file-trigger/default";
+
+export function ComponentsOverview() {
+  return (
+    <div className="grid grid-cols-10 gap-8 p-8">
+      <div className="col-span-8">
+        <Slider defaultValue={50} className="!w-full" />
+      </div>
+      <div className="col-span-2 row-span-2">
+        <RadioGroup>
+          <Radio value="email">Email</Radio>
+          <Radio value="phone">Phone (SMS)</Radio>
+          <Radio value="notification">Push notification</Radio>
+        </RadioGroup>
+      </div>
+      <div className="col-span-8 flex justify-between gap-4">
+        <Button variant="accent">Button</Button>
+        <Select>
+          <Item>Perplexity</Item>
+          <Item>Replicate</Item>
+          <Item>Together AI</Item>
+          <Item>ElevenLabs</Item>
+        </Select>
+        <FileTriggerDemo />
+        <div className="flex-1" />
+        <Switch>Focus mode</Switch>
+        <Avatar
+          src="https://github.com/mehdibha.png"
+          alt="@mehdibha"
+          fallback="M"
+        />
+        <DateRangePicker />
+      </div>
+      <div className="col-span-3 row-span-8 flex flex-col justify-between gap-8">
+        <Alert title="Payment Information">
+          Enter your payment method to complete your purchase.
+        </Alert>
+        <Tabs>
+          <TabList>
+            <Tab id="login" className="w-1/2">
+              Login
+            </Tab>
+            <Tab id="register" className="w-1/2">
+              Register
+            </Tab>
+          </TabList>
+          <TabPanel id="login" className="mt-4">
+            <Login />
+          </TabPanel>
+          <TabPanel id="register" className="mt-4">
+            <Register />
+          </TabPanel>
+        </Tabs>
+        <div className="bg-bg-muted h-20 rounded-md border"></div>
+      </div>
+      <div className="col-span-5 row-span-2 flex justify-between gap-6">
+        <ListBox className="h-full max-h-none w-full">
+          <Item>New...</Item>
+          <Item>Badges</Item>
+          <Separator />
+          <Item>Save</Item>
+          <Item>Save as...</Item>
+          <Item>Rename...</Item>
+          <Separator />
+          <Item>Page setup…</Item>
+          <Item>Print…</Item>
+        </ListBox>
+        <RangeCalendar />
+      </div>
+      <div className="col-span-2 row-span-2 flex flex-col gap-4">
+        <Checkbox defaultSelected>Notifications</Checkbox>
+        <SearchField aria-label="Search" className="w-full" />
+        <Combobox
+          label="Country"
+          description="Please select a country."
+          className="w-full"
+        >
+          <Item>Canada</Item>
+          <Item>France</Item>
+          <Item>Germany</Item>
+          <Item>Spain</Item>
+          <Item>Tunisia</Item>
+          <Item>United states</Item>
+          <Item>United Kingdom</Item>
+        </Combobox>
+        <NumberField label="Width" defaultValue={1024} className="w-full" />
+      </div>
+      <div className="col-span-7 row-span-6">
+        <Table allowResize aria-label="Vocalists" selectionMode="multiple">
+          <TableHeader>
+            <TableColumn className="max-w-0">ID</TableColumn>
+            <TableColumn isRowHeader isResizable>
+              Name
+            </TableColumn>
+            <TableColumn isResizable>Email</TableColumn>
+            <TableColumn>Age</TableColumn>
+            <TableColumn>Role</TableColumn>
+            <TableColumn isResizable>Band</TableColumn>
+            <TableColumn>Status</TableColumn>
+          </TableHeader>
+          <TableBody items={items}>
+            {(item) => (
+              <TableRow id={item.id}>
+                <TableCell>{item.id}</TableCell>
+                <TableCell>{item.name}</TableCell>
+                <TableCell>{item.email}</TableCell>
+                <TableCell>{item.age}</TableCell>
+                <TableCell>{item.role}</TableCell>
+                <TableCell>{item.band}</TableCell>
+                <TableCell>{item.status}</TableCell>
+              </TableRow>
+            )}
+          </TableBody>
+        </Table>
+      </div>
+    </div>
+  );
+}
+
+function Login() {
+  return (
+    <div className="bg-bg-muted w-full max-w-sm rounded-lg border p-8">
+      <h1 className="text-2xl font-semibold leading-none tracking-tight">
+        Login
+      </h1>
+      <p className="text-fg-muted mt-2 text-sm">
+        Enter your email below to login to your account
+      </p>
+      <div className="mt-4 flex items-center gap-2">
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign in with google"
+        >
+          <GoogleIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign in with X"
+        >
+          <TwitterIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign in with github"
+        >
+          <GitHubIcon />
+        </Button>
+      </div>
+      <div className="relative my-4">
+        <div className="absolute inset-0 flex items-center">
+          <span className="w-full border-t" />
+        </div>
+        <div className="relative flex justify-center text-xs uppercase">
+          <span className="bg-bg-muted text-fg-muted px-2">Or</span>
+        </div>
+      </div>
+      <TextField label="Email address" type="email" className="w-full" />
+      <Button variant="primary" className="mt-4 w-full" type="submit">
+        Continue with email
+      </Button>
+      <p className="text-fg-muted mt-4 text-sm">
+        Don&apos;t have an account?{" "}
+        <Link variant="quiet" href="/preview/register">
+          Register
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+function Register() {
+  return (
+    <div className="bg-bg-muted w-full max-w-sm rounded-lg border p-8">
+      <h1 className="text-2xl font-semibold leading-none tracking-tight">
+        Create an account
+      </h1>
+      <p className="text-fg-muted mt-2 text-sm">
+        Enter your email below to create your account
+      </p>
+      <div className="mt-4 flex items-center gap-2">
+        <Button
+          href="/preview/overview"
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign up with google"
+        >
+          <GoogleIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign up with X"
+        >
+          <TwitterIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign up with github"
+        >
+          <GitHubIcon />
+        </Button>
+      </div>
+      <div className="relative my-4">
+        <div className="absolute inset-0 flex items-center">
+          <span className="w-full border-t" />
+        </div>
+        <div className="relative flex justify-center text-xs uppercase">
+          <span className="bg-bg-muted text-fg-muted px-2">Or</span>
+        </div>
+      </div>
+      <TextField label="Email address" className="w-full" />
+      <Button variant="primary" className="mt-4 w-full">
+        Sign up with email
+      </Button>
+      <p className="text-fg-muted mt-4 text-sm">
+        Already have an account?{" "}
+        <Link variant="quiet" href="/preview/login">
+          Login
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+const items = [
+  {
+    id: 1,
+    name: "Randy Blythe",
+    email: "randy.blythe@example.com",
+    age: 52,
+    role: "Vocalist",
+    band: "Lamb of God",
+    status: "Active",
+  },
+  {
+    id: 2,
+    name: "Phil Anselmo",
+    email: "phil.anselmo@example.com",
+    age: 55,
+    role: "Vocalist",
+    band: "Pantera",
+    status: "Active",
+  },
+  {
+    id: 3,
+    name: "George Fisher",
+    email: "george.fisher@example.com",
+    age: 53,
+    role: "Vocalist",
+    band: "Cannibal Corpse",
+    status: "Active",
+  },
+  {
+    id: 4,
+    name: "Corey Taylor",
+    email: "corey.taylor@example.com",
+    age: 50,
+    role: "Vocalist",
+    band: "Slipknot",
+    status: "Active",
+  },
+  {
+    id: 5,
+    name: "Trevor Strnad",
+    email: "trevor.strnad@example.com",
+    age: 41,
+    role: "Vocalist",
+    band: "The Black Dahlia Murder",
+    status: "Inactive",
+  },
+  {
+    id: 6,
+    name: "Chuck Schuldiner",
+    email: "chuck.schuldiner@example.com",
+    age: 34,
+    role: "Vocalist",
+    band: "Death",
+    status: "Deceased",
+  },
+  {
+    id: 7,
+    name: "Mitch Lucker",
+    email: "mitch.lucker@example.com",
+    age: 28,
+    role: "Vocalist",
+    band: "Suicide Silence",
+    status: "Deceased",
+  },
+];
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
new file mode 100644
index 000000000..372e0d1f5
--- /dev/null
+++ b/www/src/app/(home)/page.tsx
@@ -0,0 +1,75 @@
+import React from "react";
+import { Button } from "@/components/core/button";
+import { Link } from "@/components/core/link";
+import { Header } from "@/components/header";
+import { siteConfig } from "@/config";
+import { ThemesPreview } from "./themes-preview";
+
+export default function HomePage() {
+  return (
+    <div>
+      <Header />
+      <div className="container">
+        <section className="mx-auto max-w-3xl pt-28">
+          <h1 className="text-center text-3xl tracking-tight md:text-5xl lg:text-6xl">
+            Build your component library
+            <br /> with a <span className="font-bold italic">unique</span>{" "}
+            style.
+          </h1>
+          <p className="text-fg-muted mt-5 max-w-5xl text-balance text-center text-lg">
+            Over 40 components available in multiple variants ready to match
+            your brand identity.
+          </p>
+          <div className="mt-8 flex items-center justify-center gap-4">
+            <Button
+              size="lg"
+              variant="primary"
+              href="/docs/getting-started/introduction"
+              className="h-12 px-8 text-base font-semibold"
+            >
+              Get started
+            </Button>
+            <Button
+              href="/themes"
+              size="lg"
+              variant="outline"
+              className="bg-bg-inverse/5 h-12 px-8 text-base font-semibold"
+              // prefix={<PaletteIcon />}
+            >
+              Explore themes
+            </Button>
+          </div>
+        </section>
+        <section className="relative mt-32">
+          <div className="animate-in fade-in-50 zoom-in-75 slide-in-from-bottom-10 duration-2000 absolute -top-5 left-1/2 z-0 h-[450px] w-[900px] max-w-[80%] -translate-x-1/2 rounded-full bg-[radial-gradient(at_0%_0%,#0894ff_0,rgba(0,0,0,0)_40%),radial-gradient(at_50%_30%,#ff2e54_0,rgba(0,0,0,0)_60%),radial-gradient(at_100%_0%,#ff9004_0,rgba(0,0,0,0)_40%)] blur-[70px] ease-in-out dark:blur-[100px]" />
+          <div className="z-2 relative">
+            <ThemesPreview />
+          </div>
+        </section>
+      </div>
+      {/* Footer */}
+      <div className="container mt-20">
+        <div className="border-t p-4">
+          <p className="text-fg-muted text-xs">
+            Built by{" "}
+            <Link
+              variant="quiet"
+              href={siteConfig.links.twitter}
+              target="_blank"
+            >
+              mehdibha
+            </Link>
+            . The source code is available on{" "}
+            <Link
+              variant="quiet"
+              href={siteConfig.links.github}
+              target="_blank"
+            >
+              GitHub
+            </Link>
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/app/(home)/themes-preview.tsx b/www/src/app/(home)/themes-preview.tsx
new file mode 100644
index 000000000..5b7fcd0d8
--- /dev/null
+++ b/www/src/app/(home)/themes-preview.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import React from "react";
+import { dotUIThemes } from "@/lib/themes";
+import { useThemes } from "@/hooks/use-themes";
+import { ToggleButton } from "@/components/core/toggle-button";
+import { ToggleGroup } from "@/components/core/toggle-group";
+import { ThemeOverride } from "@/components/theme-override";
+import { ComponentsOverview } from "./components-overview";
+
+export function ThemesPreview() {
+  const { themes, currentThemeId, setCurrentThemeId } = useThemes();
+
+  return (
+    <div>
+      <ToggleGroup
+        className="justify-center"
+        defaultSelectedKeys={[currentThemeId]}
+        onSelectionChange={(keys) => setCurrentThemeId([...keys][0] as string)}
+        disallowEmptySelection
+      >
+        {[...dotUIThemes, ...themes].map((theme) => (
+          <ToggleButton
+            key={theme.id}
+            id={theme.id}
+            shape="rectangle"
+            size="sm"
+            className="px-4"
+          >
+            {theme.name}
+          </ToggleButton>
+        ))}
+      </ToggleGroup>
+      <ThemeOverride className="mt-6 rounded-xl border shadow-lg">
+        <ComponentsOverview />
+      </ThemeOverride>
+    </div>
+  );
+}
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
new file mode 100644
index 000000000..82b462d84
--- /dev/null
+++ b/www/src/app/internal/page.tsx
@@ -0,0 +1,17 @@
+import { Loader } from "@/registry/core/loader-ring";
+import { Loader as Loader2 } from "@/registry/core/loader-tailspin";
+import { Loader as Loader3 } from "@/registry/core/loader-line-spinner";
+import { Loader as Loader4 } from "@/registry/core/loader-dot-spinner";
+import { Loader as Loader5 } from "@/registry/core/loader-wave";
+
+export default function Page(){
+  return (
+    <div>
+      <Loader />
+      <Loader2 />
+      <Loader3 />
+      <Loader4 />
+      <Loader5 />
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/www/src/components/core/alert.tsx b/www/src/components/core/alert.tsx
index 73e506589..4cbbcd351 100644
--- a/www/src/components/core/alert.tsx
+++ b/www/src/components/core/alert.tsx
@@ -1 +1 @@
-export * from "@/registry/core/alert-01";
+export * from "@/registry/core/alert";
diff --git a/www/src/components/core/avatar.tsx b/www/src/components/core/avatar.tsx
index 5f1f6a379..bffee191f 100644
--- a/www/src/components/core/avatar.tsx
+++ b/www/src/components/core/avatar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/avatar-01";
+export * from "@/registry/core/avatar";
diff --git a/www/src/components/core/badge.tsx b/www/src/components/core/badge.tsx
index f52d1c30d..9f91555c9 100644
--- a/www/src/components/core/badge.tsx
+++ b/www/src/components/core/badge.tsx
@@ -1 +1 @@
-export * from "@/registry/core/badge-01";
+export * from "@/registry/core/badge";
diff --git a/www/src/components/core/breadcrumbs.tsx b/www/src/components/core/breadcrumbs.tsx
index 1cb813193..6ab3e247c 100644
--- a/www/src/components/core/breadcrumbs.tsx
+++ b/www/src/components/core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/breadcrumbs-01";
+export * from "@/registry/core/breadcrumbs";
diff --git a/www/src/components/core/calendar.tsx b/www/src/components/core/calendar.tsx
index ef630c9cc..7d86ebdc8 100644
--- a/www/src/components/core/calendar.tsx
+++ b/www/src/components/core/calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/calendar-01";
+export * from "@/registry/core/calendar";
diff --git a/www/src/components/core/checkbox-group.tsx b/www/src/components/core/checkbox-group.tsx
index 5e13959ba..baff293c5 100644
--- a/www/src/components/core/checkbox-group.tsx
+++ b/www/src/components/core/checkbox-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox-group-01";
+export * from "@/registry/core/checkbox-group";
diff --git a/www/src/components/core/checkbox.tsx b/www/src/components/core/checkbox.tsx
index 5a6baba1a..3e6a8618a 100644
--- a/www/src/components/core/checkbox.tsx
+++ b/www/src/components/core/checkbox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox-01";
+export * from "@/registry/core/checkbox";
diff --git a/www/src/components/core/color-area.tsx b/www/src/components/core/color-area.tsx
index ee5bc8349..87aae0d3b 100644
--- a/www/src/components/core/color-area.tsx
+++ b/www/src/components/core/color-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-area-01";
+export * from "@/registry/core/color-area";
diff --git a/www/src/components/core/color-field.tsx b/www/src/components/core/color-field.tsx
index 125141cc1..7ffcea66f 100644
--- a/www/src/components/core/color-field.tsx
+++ b/www/src/components/core/color-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-field-01";
+export * from "@/registry/core/color-field";
diff --git a/www/src/components/core/color-picker.tsx b/www/src/components/core/color-picker.tsx
index 07fd6c3e2..e1cc3fc06 100644
--- a/www/src/components/core/color-picker.tsx
+++ b/www/src/components/core/color-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-picker-01";
+export * from "@/registry/core/color-picker";
diff --git a/www/src/components/core/color-slider.tsx b/www/src/components/core/color-slider.tsx
index 5b955ff78..f129ecd6e 100644
--- a/www/src/components/core/color-slider.tsx
+++ b/www/src/components/core/color-slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-slider-01";
+export * from "@/registry/core/color-slider";
diff --git a/www/src/components/core/color-swatch.tsx b/www/src/components/core/color-swatch.tsx
index 5b82b3112..b748886e2 100644
--- a/www/src/components/core/color-swatch.tsx
+++ b/www/src/components/core/color-swatch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-swatch-01";
+export * from "@/registry/core/color-swatch";
diff --git a/www/src/components/core/color-thumb.tsx b/www/src/components/core/color-thumb.tsx
index 9617ebf72..651b1b9f9 100644
--- a/www/src/components/core/color-thumb.tsx
+++ b/www/src/components/core/color-thumb.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-thumb-01";
+export * from "@/registry/core/color-thumb";
diff --git a/www/src/components/core/combobox.tsx b/www/src/components/core/combobox.tsx
index 9bad83a2e..a86704b16 100644
--- a/www/src/components/core/combobox.tsx
+++ b/www/src/components/core/combobox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/combobox-01";
+export * from "@/registry/core/combobox";
diff --git a/www/src/components/core/date-field.tsx b/www/src/components/core/date-field.tsx
index 9a4976531..fe63c47fa 100644
--- a/www/src/components/core/date-field.tsx
+++ b/www/src/components/core/date-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-field-01";
+export * from "@/registry/core/date-field";
diff --git a/www/src/components/core/date-input.tsx b/www/src/components/core/date-input.tsx
index ef8dba045..41562018f 100644
--- a/www/src/components/core/date-input.tsx
+++ b/www/src/components/core/date-input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-input-01";
+export * from "@/registry/core/date-input";
diff --git a/www/src/components/core/date-picker.tsx b/www/src/components/core/date-picker.tsx
index d73c187a9..3ff9fdd3b 100644
--- a/www/src/components/core/date-picker.tsx
+++ b/www/src/components/core/date-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-picker-01";
+export * from "@/registry/core/date-picker";
diff --git a/www/src/components/core/date-range-picker.tsx b/www/src/components/core/date-range-picker.tsx
index 8ed6008da..9964a8b8b 100644
--- a/www/src/components/core/date-range-picker.tsx
+++ b/www/src/components/core/date-range-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-range-picker-01";
+export * from "@/registry/core/date-range-picker";
diff --git a/www/src/components/core/dialog.tsx b/www/src/components/core/dialog.tsx
index 9c1cba869..a1cc743c2 100644
--- a/www/src/components/core/dialog.tsx
+++ b/www/src/components/core/dialog.tsx
@@ -1 +1 @@
-export * from "@/registry/core/dialog-01";
+export * from "@/registry/core/dialog";
diff --git a/www/src/components/core/drop-zone.tsx b/www/src/components/core/drop-zone.tsx
index 3ab34599e..d4ac56f14 100644
--- a/www/src/components/core/drop-zone.tsx
+++ b/www/src/components/core/drop-zone.tsx
@@ -1 +1 @@
-export * from "@/registry/core/drop-zone-01";
+export * from "@/registry/core/drop-zone";
diff --git a/www/src/components/core/field.tsx b/www/src/components/core/field.tsx
index dc422dd17..36c81c284 100644
--- a/www/src/components/core/field.tsx
+++ b/www/src/components/core/field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/field-01";
+export * from "@/registry/core/field";
diff --git a/www/src/components/core/file-trigger.tsx b/www/src/components/core/file-trigger.tsx
index a50bd60c2..b6737091b 100644
--- a/www/src/components/core/file-trigger.tsx
+++ b/www/src/components/core/file-trigger.tsx
@@ -1 +1 @@
-export * from "@/registry/core/file-trigger-01";
+export * from "@/registry/core/file-trigger";
diff --git a/www/src/components/core/form.tsx b/www/src/components/core/form.tsx
index a03a75114..b0b212e82 100644
--- a/www/src/components/core/form.tsx
+++ b/www/src/components/core/form.tsx
@@ -1 +1 @@
-export * from "@/registry/core/form-01";
+export * from "@/registry/core/form";
diff --git a/www/src/components/core/group.tsx b/www/src/components/core/group.tsx
index 6585e664c..ab62c7593 100644
--- a/www/src/components/core/group.tsx
+++ b/www/src/components/core/group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/group-01";
+export * from "@/registry/core/group";
diff --git a/www/src/components/core/heading.tsx b/www/src/components/core/heading.tsx
index e3d6a8024..1c75aa222 100644
--- a/www/src/components/core/heading.tsx
+++ b/www/src/components/core/heading.tsx
@@ -1 +1 @@
-export * from "@/registry/core/heading-01";
+export * from "@/registry/core/heading";
diff --git a/www/src/components/core/input.tsx b/www/src/components/core/input.tsx
index b504c776b..530457376 100644
--- a/www/src/components/core/input.tsx
+++ b/www/src/components/core/input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/input-01";
+export * from "@/registry/core/input";
diff --git a/www/src/components/core/kbd.tsx b/www/src/components/core/kbd.tsx
index 74dd24ed4..8a8589bbc 100644
--- a/www/src/components/core/kbd.tsx
+++ b/www/src/components/core/kbd.tsx
@@ -1 +1 @@
-export * from "@/registry/core/kbd-01";
+export * from "@/registry/core/kbd";
diff --git a/www/src/components/core/link.tsx b/www/src/components/core/link.tsx
index 6d5c60ab3..85678c8a5 100644
--- a/www/src/components/core/link.tsx
+++ b/www/src/components/core/link.tsx
@@ -1 +1 @@
-export * from "@/registry/core/link-01";
+export * from "@/registry/core/link";
diff --git a/www/src/components/core/list-box.tsx b/www/src/components/core/list-box.tsx
index 5ca02fb5b..44b45c9b9 100644
--- a/www/src/components/core/list-box.tsx
+++ b/www/src/components/core/list-box.tsx
@@ -1 +1 @@
-export * from "@/registry/core/list-box-01";
+export * from "@/registry/core/list-box";
diff --git a/www/src/components/core/menu.tsx b/www/src/components/core/menu.tsx
index 4e4e0de30..c00f0e3dd 100644
--- a/www/src/components/core/menu.tsx
+++ b/www/src/components/core/menu.tsx
@@ -1 +1 @@
-export * from "@/registry/core/menu-01";
+export * from "@/registry/core/menu";
diff --git a/www/src/components/core/number-field.tsx b/www/src/components/core/number-field.tsx
index fe9057bb0..8f813cd83 100644
--- a/www/src/components/core/number-field.tsx
+++ b/www/src/components/core/number-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/number-field-01";
+export * from "@/registry/core/number-field";
diff --git a/www/src/components/core/overlay.tsx b/www/src/components/core/overlay.tsx
index cbff39bb6..6fd6b8a57 100644
--- a/www/src/components/core/overlay.tsx
+++ b/www/src/components/core/overlay.tsx
@@ -1 +1 @@
-export * from "@/registry/core/overlay-01";
+export * from "@/registry/core/overlay";
diff --git a/www/src/components/core/progress.tsx b/www/src/components/core/progress.tsx
index 36b2664fb..d8983169e 100644
--- a/www/src/components/core/progress.tsx
+++ b/www/src/components/core/progress.tsx
@@ -1 +1 @@
-export * from "@/registry/core/progress-01";
+export * from "@/registry/core/progress";
diff --git a/www/src/components/core/radio-group.tsx b/www/src/components/core/radio-group.tsx
index d12d9c218..72819ea6c 100644
--- a/www/src/components/core/radio-group.tsx
+++ b/www/src/components/core/radio-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/radio-group-01";
+export * from "@/registry/core/radio-group";
diff --git a/www/src/components/core/range-calendar.tsx b/www/src/components/core/range-calendar.tsx
index 8ebec4abb..63283ced5 100644
--- a/www/src/components/core/range-calendar.tsx
+++ b/www/src/components/core/range-calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/range-calendar-01";
+export * from "@/registry/core/range-calendar";
diff --git a/www/src/components/core/search-field.tsx b/www/src/components/core/search-field.tsx
index 3db6b3136..03e932b97 100644
--- a/www/src/components/core/search-field.tsx
+++ b/www/src/components/core/search-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/search-field-01";
+export * from "@/registry/core/search-field";
diff --git a/www/src/components/core/section.tsx b/www/src/components/core/section.tsx
index a5c1d56c1..86c515761 100644
--- a/www/src/components/core/section.tsx
+++ b/www/src/components/core/section.tsx
@@ -1 +1 @@
-export * from "@/registry/core/section-01";
+export * from "@/registry/core/section";
diff --git a/www/src/components/core/select.tsx b/www/src/components/core/select.tsx
index 525d95347..33478f7b4 100644
--- a/www/src/components/core/select.tsx
+++ b/www/src/components/core/select.tsx
@@ -1 +1 @@
-export * from "@/registry/core/select-01";
+export * from "@/registry/core/select";
diff --git a/www/src/components/core/separator.tsx b/www/src/components/core/separator.tsx
index ffc75eb3b..a07a5c4ef 100644
--- a/www/src/components/core/separator.tsx
+++ b/www/src/components/core/separator.tsx
@@ -1 +1 @@
-export * from "@/registry/core/separator-01";
+export * from "@/registry/core/separator";
diff --git a/www/src/components/core/skeleton.tsx b/www/src/components/core/skeleton.tsx
index 9de967917..6954cbe47 100644
--- a/www/src/components/core/skeleton.tsx
+++ b/www/src/components/core/skeleton.tsx
@@ -1 +1 @@
-export * from "@/registry/core/skeleton-01";
+export * from "@/registry/core/skeleton";
diff --git a/www/src/components/core/slider.tsx b/www/src/components/core/slider.tsx
index e7b073480..9c2b03a26 100644
--- a/www/src/components/core/slider.tsx
+++ b/www/src/components/core/slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/slider-01";
+export * from "@/registry/core/slider";
diff --git a/www/src/components/core/switch.tsx b/www/src/components/core/switch.tsx
index 74ccb54f2..ec98f7aca 100644
--- a/www/src/components/core/switch.tsx
+++ b/www/src/components/core/switch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/switch-01";
+export * from "@/registry/core/switch";
diff --git a/www/src/components/core/tabs.tsx b/www/src/components/core/tabs.tsx
index ef2a6e29b..15f792b58 100644
--- a/www/src/components/core/tabs.tsx
+++ b/www/src/components/core/tabs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tabs-01";
+export * from "@/registry/core/tabs";
diff --git a/www/src/components/core/tag-group.tsx b/www/src/components/core/tag-group.tsx
index 46b2c72b0..03d2e0fac 100644
--- a/www/src/components/core/tag-group.tsx
+++ b/www/src/components/core/tag-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tag-group-01";
+export * from "@/registry/core/tag-group";
diff --git a/www/src/components/core/text-area.tsx b/www/src/components/core/text-area.tsx
index 410bbd649..e73a03ba6 100644
--- a/www/src/components/core/text-area.tsx
+++ b/www/src/components/core/text-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-area-01";
+export * from "@/registry/core/text-area";
diff --git a/www/src/components/core/text-field.tsx b/www/src/components/core/text-field.tsx
index caf725deb..f54982c07 100644
--- a/www/src/components/core/text-field.tsx
+++ b/www/src/components/core/text-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-field-01";
+export * from "@/registry/core/text-field";
diff --git a/www/src/components/core/text.tsx b/www/src/components/core/text.tsx
index 18f0e5127..917fae3eb 100644
--- a/www/src/components/core/text.tsx
+++ b/www/src/components/core/text.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-01";
+export * from "@/registry/core/text";
diff --git a/www/src/components/core/time-field.tsx b/www/src/components/core/time-field.tsx
index ee3ad5220..fb2a26fc4 100644
--- a/www/src/components/core/time-field.tsx
+++ b/www/src/components/core/time-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/time-field-01";
+export * from "@/registry/core/time-field";
diff --git a/www/src/components/core/toggle-button.tsx b/www/src/components/core/toggle-button.tsx
index e2dda3fa3..996d5b444 100644
--- a/www/src/components/core/toggle-button.tsx
+++ b/www/src/components/core/toggle-button.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-button-01";
+export * from "@/registry/core/toggle-button";
diff --git a/www/src/components/core/toggle-group.tsx b/www/src/components/core/toggle-group.tsx
index d03beccf0..8d972a69b 100644
--- a/www/src/components/core/toggle-group.tsx
+++ b/www/src/components/core/toggle-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-group-01";
+export * from "@/registry/core/toggle-group";
diff --git a/www/src/components/core/tooltip.tsx b/www/src/components/core/tooltip.tsx
index b2852e2ad..00d3935e7 100644
--- a/www/src/components/core/tooltip.tsx
+++ b/www/src/components/core/tooltip.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tooltip-01";
+export * from "@/registry/core/tooltip";
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index 73e506589..4cbbcd351 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -1 +1 @@
-export * from "@/registry/core/alert-01";
+export * from "@/registry/core/alert";
diff --git a/www/src/components/dynamic-core/avatar.tsx b/www/src/components/dynamic-core/avatar.tsx
index 7e3ceb817..7eca039dd 100644
--- a/www/src/components/dynamic-core/avatar.tsx
+++ b/www/src/components/dynamic-core/avatar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/avatar-01";
+export * from "@/registry/core/avatar";
diff --git a/www/src/components/dynamic-core/badge.tsx b/www/src/components/dynamic-core/badge.tsx
index 9757c4b28..0b5f966e9 100644
--- a/www/src/components/dynamic-core/badge.tsx
+++ b/www/src/components/dynamic-core/badge.tsx
@@ -1 +1 @@
-export * from "@/registry/core/badge-01";
+export * from "@/registry/core/badge";
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
index b4bebecfa..f291898b3 100644
--- a/www/src/components/dynamic-core/breadcrumbs.tsx
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/breadcrumbs-01";
+export * from "@/registry/core/breadcrumbs";
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index d60b66c9d..5f1f64dcb 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -1,12 +1,8 @@
-// export * from "@/registry/core/button-02";
 "use client";
 
 import React from "react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import { ButtonProps } from "@/registry/core/button-01";
-import { buttonStyles as buttonStyles01 } from "@/registry/core/button-01";
-
-// export * from "@/registry/core/button-02";
 
 export const Button = createDynamicComponent<ButtonProps>("button", "Button", {
   "button-01": React.lazy(() =>
@@ -30,5 +26,3 @@ export const Button = createDynamicComponent<ButtonProps>("button", "Button", {
     }))
   ),
 });
-
-export const buttonStyles = buttonStyles01;
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index 2924d3338..6c724d736 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/calendar-01";
+export * from "@/registry/core/calendar";
diff --git a/www/src/components/dynamic-core/checkbox-group.tsx b/www/src/components/dynamic-core/checkbox-group.tsx
index 53cd559a5..ae8e630aa 100644
--- a/www/src/components/dynamic-core/checkbox-group.tsx
+++ b/www/src/components/dynamic-core/checkbox-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox-group-01";
+export * from "@/registry/core/checkbox-group";
diff --git a/www/src/components/dynamic-core/checkbox.tsx b/www/src/components/dynamic-core/checkbox.tsx
index 98cc45f78..d61077459 100644
--- a/www/src/components/dynamic-core/checkbox.tsx
+++ b/www/src/components/dynamic-core/checkbox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox-01";
+export * from "@/registry/core/checkbox";
diff --git a/www/src/components/dynamic-core/color-area.tsx b/www/src/components/dynamic-core/color-area.tsx
index d54f0cef6..9a65b2cd5 100644
--- a/www/src/components/dynamic-core/color-area.tsx
+++ b/www/src/components/dynamic-core/color-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-area-01";
+export * from "@/registry/core/color-area";
diff --git a/www/src/components/dynamic-core/color-field.tsx b/www/src/components/dynamic-core/color-field.tsx
index 63581e2f8..8de48dafc 100644
--- a/www/src/components/dynamic-core/color-field.tsx
+++ b/www/src/components/dynamic-core/color-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-field-01";
+export * from "@/registry/core/color-field";
diff --git a/www/src/components/dynamic-core/color-picker.tsx b/www/src/components/dynamic-core/color-picker.tsx
index 07fd6c3e2..e1cc3fc06 100644
--- a/www/src/components/dynamic-core/color-picker.tsx
+++ b/www/src/components/dynamic-core/color-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-picker-01";
+export * from "@/registry/core/color-picker";
diff --git a/www/src/components/dynamic-core/color-slider.tsx b/www/src/components/dynamic-core/color-slider.tsx
index d87071e82..120c7cb2e 100644
--- a/www/src/components/dynamic-core/color-slider.tsx
+++ b/www/src/components/dynamic-core/color-slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-slider-01";
+export * from "@/registry/core/color-slider";
diff --git a/www/src/components/dynamic-core/color-swatch.tsx b/www/src/components/dynamic-core/color-swatch.tsx
index ccd20c543..a49edc930 100644
--- a/www/src/components/dynamic-core/color-swatch.tsx
+++ b/www/src/components/dynamic-core/color-swatch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-swatch-01";
+export * from "@/registry/core/color-swatch";
diff --git a/www/src/components/dynamic-core/color-thumb.tsx b/www/src/components/dynamic-core/color-thumb.tsx
index b8928bb40..1f60ab858 100644
--- a/www/src/components/dynamic-core/color-thumb.tsx
+++ b/www/src/components/dynamic-core/color-thumb.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-thumb-01";
+export * from "@/registry/core/color-thumb";
diff --git a/www/src/components/dynamic-core/combobox.tsx b/www/src/components/dynamic-core/combobox.tsx
index 4f8da8510..09a6d078d 100644
--- a/www/src/components/dynamic-core/combobox.tsx
+++ b/www/src/components/dynamic-core/combobox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/combobox-01";
+export * from "@/registry/core/combobox";
diff --git a/www/src/components/dynamic-core/contextual-help.tsx b/www/src/components/dynamic-core/contextual-help.tsx
index 0450a2f4f..967548664 100644
--- a/www/src/components/dynamic-core/contextual-help.tsx
+++ b/www/src/components/dynamic-core/contextual-help.tsx
@@ -1,6 +1,6 @@
 import { InfoIcon, HelpCircleIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
-import { DialogRoot, Dialog } from "@/registry/core/dialog-01";
+import { DialogRoot, Dialog } from "@/registry/core/dialog";
 
 interface ContextualHelpProps {
   title?: string;
diff --git a/www/src/components/dynamic-core/date-field.tsx b/www/src/components/dynamic-core/date-field.tsx
index 5d864256d..d1cdd1073 100644
--- a/www/src/components/dynamic-core/date-field.tsx
+++ b/www/src/components/dynamic-core/date-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-field-01";
+export * from "@/registry/core/date-field";
diff --git a/www/src/components/dynamic-core/date-input.tsx b/www/src/components/dynamic-core/date-input.tsx
index db6b35a3c..c7f159958 100644
--- a/www/src/components/dynamic-core/date-input.tsx
+++ b/www/src/components/dynamic-core/date-input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-input-01";
+export * from "@/registry/core/date-input";
diff --git a/www/src/components/dynamic-core/date-picker.tsx b/www/src/components/dynamic-core/date-picker.tsx
index 680183c34..59d4245ee 100644
--- a/www/src/components/dynamic-core/date-picker.tsx
+++ b/www/src/components/dynamic-core/date-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-picker-01";
+export * from "@/registry/core/date-picker";
diff --git a/www/src/components/dynamic-core/date-range-picker.tsx b/www/src/components/dynamic-core/date-range-picker.tsx
index cfeb9dc5c..6b1341da8 100644
--- a/www/src/components/dynamic-core/date-range-picker.tsx
+++ b/www/src/components/dynamic-core/date-range-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-range-picker-01";
+export * from "@/registry/core/date-range-picker";
diff --git a/www/src/components/dynamic-core/dialog.tsx b/www/src/components/dynamic-core/dialog.tsx
index b0246a5c7..63cc062fb 100644
--- a/www/src/components/dynamic-core/dialog.tsx
+++ b/www/src/components/dynamic-core/dialog.tsx
@@ -1 +1 @@
-export * from "@/registry/core/dialog-01";
+export * from "@/registry/core/dialog";
diff --git a/www/src/components/dynamic-core/drop-zone.tsx b/www/src/components/dynamic-core/drop-zone.tsx
index 0d225ba48..9ae2d54de 100644
--- a/www/src/components/dynamic-core/drop-zone.tsx
+++ b/www/src/components/dynamic-core/drop-zone.tsx
@@ -1 +1 @@
-export * from "@/registry/core/drop-zone-01";
+export * from "@/registry/core/drop-zone";
diff --git a/www/src/components/dynamic-core/field.tsx b/www/src/components/dynamic-core/field.tsx
index 6068fd385..7968c17d6 100644
--- a/www/src/components/dynamic-core/field.tsx
+++ b/www/src/components/dynamic-core/field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/field-01";
+export * from "@/registry/core/field";
diff --git a/www/src/components/dynamic-core/file-trigger.tsx b/www/src/components/dynamic-core/file-trigger.tsx
index 620029d1e..b342112ae 100644
--- a/www/src/components/dynamic-core/file-trigger.tsx
+++ b/www/src/components/dynamic-core/file-trigger.tsx
@@ -1 +1 @@
-export * from "@/registry/core/file-trigger-01";
+export * from "@/registry/core/file-trigger";
diff --git a/www/src/components/dynamic-core/form.tsx b/www/src/components/dynamic-core/form.tsx
index b821cddd6..2c40869fd 100644
--- a/www/src/components/dynamic-core/form.tsx
+++ b/www/src/components/dynamic-core/form.tsx
@@ -1 +1 @@
-export * from "@/registry/core/form-01";
+export * from "@/registry/core/form";
diff --git a/www/src/components/dynamic-core/group.tsx b/www/src/components/dynamic-core/group.tsx
index 76ef43ccc..de79f4bfc 100644
--- a/www/src/components/dynamic-core/group.tsx
+++ b/www/src/components/dynamic-core/group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/group-01";
+export * from "@/registry/core/group";
diff --git a/www/src/components/dynamic-core/heading.tsx b/www/src/components/dynamic-core/heading.tsx
index b43243ca1..232f5eef9 100644
--- a/www/src/components/dynamic-core/heading.tsx
+++ b/www/src/components/dynamic-core/heading.tsx
@@ -1 +1 @@
-export * from "@/registry/core/heading-01";
+export * from "@/registry/core/heading";
diff --git a/www/src/components/dynamic-core/input.tsx b/www/src/components/dynamic-core/input.tsx
index 2ccc94e8c..0f4983fc3 100644
--- a/www/src/components/dynamic-core/input.tsx
+++ b/www/src/components/dynamic-core/input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/input-01";
+export * from "@/registry/core/input";
diff --git a/www/src/components/dynamic-core/kbd.tsx b/www/src/components/dynamic-core/kbd.tsx
index 14cc4773d..f62a2882c 100644
--- a/www/src/components/dynamic-core/kbd.tsx
+++ b/www/src/components/dynamic-core/kbd.tsx
@@ -1 +1 @@
-export * from "@/registry/core/kbd-01";
+export * from "@/registry/core/kbd";
diff --git a/www/src/components/dynamic-core/link.tsx b/www/src/components/dynamic-core/link.tsx
index be1f1339e..14e3111ec 100644
--- a/www/src/components/dynamic-core/link.tsx
+++ b/www/src/components/dynamic-core/link.tsx
@@ -1 +1 @@
-export * from "@/registry/core/link-01";
+export * from "@/registry/core/link";
diff --git a/www/src/components/dynamic-core/list-box.tsx b/www/src/components/dynamic-core/list-box.tsx
index c8b8cf1d5..b1228a4fa 100644
--- a/www/src/components/dynamic-core/list-box.tsx
+++ b/www/src/components/dynamic-core/list-box.tsx
@@ -1 +1 @@
-export * from "@/registry/core/list-box-01";
+export * from "@/registry/core/list-box";
diff --git a/www/src/components/dynamic-core/loader.tsx b/www/src/components/dynamic-core/loader.tsx
new file mode 100644
index 000000000..7115d5256
--- /dev/null
+++ b/www/src/components/dynamic-core/loader.tsx
@@ -0,0 +1,35 @@
+export * from "@/registry/core/link";
+
+"use client";
+
+import React from "react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import { LoaderProps } from "@/registry/core/loader-ring";
+
+export const Loader = createDynamicComponent<LoaderProps>("loader", "Loader", {
+  "loader-dot-spinner": React.lazy(() =>
+    import("@/registry/core/loader-dot-spinner").then((mod) => ({
+      default: mod.Loader,
+    }))
+  ),
+  "loader-line-spinner": React.lazy(() =>
+    import("@/registry/core/loader-line-spinner").then((mod) => ({
+      default: mod.Loader,
+    }))
+  ),
+  "loader-ring": React.lazy(() =>
+    import("@/registry/core/loader-ring").then((mod) => ({
+      default: mod.Loader,
+    }))
+  ),
+  "loader-tailspin": React.lazy(() =>
+    import("@/registry/core/loader-tailspin").then((mod) => ({
+      default: mod.Loader,
+    }))
+  ),
+  "loader-wave": React.lazy(() =>
+    import("@/registry/core/loader-wave").then((mod) => ({
+      default: mod.Loader,
+    }))
+  ),
+});
diff --git a/www/src/components/dynamic-core/menu.tsx b/www/src/components/dynamic-core/menu.tsx
index 012c085e4..14fcf0fad 100644
--- a/www/src/components/dynamic-core/menu.tsx
+++ b/www/src/components/dynamic-core/menu.tsx
@@ -1 +1 @@
-export * from "@/registry/core/menu-01";
+export * from "@/registry/core/menu";
diff --git a/www/src/components/dynamic-core/number-field.tsx b/www/src/components/dynamic-core/number-field.tsx
index 5cdc41cdd..b0293bb51 100644
--- a/www/src/components/dynamic-core/number-field.tsx
+++ b/www/src/components/dynamic-core/number-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/number-field-01";
+export * from "@/registry/core/number-field";
diff --git a/www/src/components/dynamic-core/overlay.tsx b/www/src/components/dynamic-core/overlay.tsx
index f0ded94ef..d47ea9f60 100644
--- a/www/src/components/dynamic-core/overlay.tsx
+++ b/www/src/components/dynamic-core/overlay.tsx
@@ -1 +1 @@
-export * from "@/registry/core/overlay-01";
+export * from "@/registry/core/overlay";
diff --git a/www/src/components/dynamic-core/progress.tsx b/www/src/components/dynamic-core/progress.tsx
index 387844993..b1ff26e04 100644
--- a/www/src/components/dynamic-core/progress.tsx
+++ b/www/src/components/dynamic-core/progress.tsx
@@ -1 +1 @@
-export * from "@/registry/core/progress-01";
+export * from "@/registry/core/progress";
diff --git a/www/src/components/dynamic-core/radio-group.tsx b/www/src/components/dynamic-core/radio-group.tsx
index be87cdb76..335b40c43 100644
--- a/www/src/components/dynamic-core/radio-group.tsx
+++ b/www/src/components/dynamic-core/radio-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/radio-group-01";
+export * from "@/registry/core/radio-group";
diff --git a/www/src/components/dynamic-core/range-calendar.tsx b/www/src/components/dynamic-core/range-calendar.tsx
index 5e673438d..984b401f3 100644
--- a/www/src/components/dynamic-core/range-calendar.tsx
+++ b/www/src/components/dynamic-core/range-calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/range-calendar-01";
+export * from "@/registry/core/range-calendar";
diff --git a/www/src/components/dynamic-core/search-field.tsx b/www/src/components/dynamic-core/search-field.tsx
index edd7d6e19..1335cfc62 100644
--- a/www/src/components/dynamic-core/search-field.tsx
+++ b/www/src/components/dynamic-core/search-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/search-field-01";
+export * from "@/registry/core/search-field";
diff --git a/www/src/components/dynamic-core/section.tsx b/www/src/components/dynamic-core/section.tsx
index ffc60f52e..4b4415d54 100644
--- a/www/src/components/dynamic-core/section.tsx
+++ b/www/src/components/dynamic-core/section.tsx
@@ -1 +1 @@
-export * from "@/registry/core/section-01";
+export * from "@/registry/core/section";
diff --git a/www/src/components/dynamic-core/select.tsx b/www/src/components/dynamic-core/select.tsx
index 57e1af584..effe5b855 100644
--- a/www/src/components/dynamic-core/select.tsx
+++ b/www/src/components/dynamic-core/select.tsx
@@ -1 +1 @@
-export * from "@/registry/core/select-01";
+export * from "@/registry/core/select";
diff --git a/www/src/components/dynamic-core/separator.tsx b/www/src/components/dynamic-core/separator.tsx
index ee42ed8d7..dfdb18622 100644
--- a/www/src/components/dynamic-core/separator.tsx
+++ b/www/src/components/dynamic-core/separator.tsx
@@ -1 +1 @@
-export * from "@/registry/core/separator-01";
+export * from "@/registry/core/separator";
diff --git a/www/src/components/dynamic-core/skeleton.tsx b/www/src/components/dynamic-core/skeleton.tsx
index f165362a8..f982d4b5d 100644
--- a/www/src/components/dynamic-core/skeleton.tsx
+++ b/www/src/components/dynamic-core/skeleton.tsx
@@ -1 +1 @@
-export * from "@/registry/core/skeleton-01";
+export * from "@/registry/core/skeleton";
diff --git a/www/src/components/dynamic-core/slider.tsx b/www/src/components/dynamic-core/slider.tsx
index 51715eca9..6af6879f5 100644
--- a/www/src/components/dynamic-core/slider.tsx
+++ b/www/src/components/dynamic-core/slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/slider-01";
+export * from "@/registry/core/slider";
diff --git a/www/src/components/dynamic-core/switch.tsx b/www/src/components/dynamic-core/switch.tsx
index dd8d31b92..e5acd1c5a 100644
--- a/www/src/components/dynamic-core/switch.tsx
+++ b/www/src/components/dynamic-core/switch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/switch-01";
+export * from "@/registry/core/switch";
diff --git a/www/src/components/dynamic-core/table.tsx b/www/src/components/dynamic-core/table.tsx
new file mode 100644
index 000000000..ece6bbddb
--- /dev/null
+++ b/www/src/components/dynamic-core/table.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/table"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
index bdd3a6b04..e188e5d84 100644
--- a/www/src/components/dynamic-core/tabs.tsx
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tabs-01";
+export * from "@/registry/core/tabs";
diff --git a/www/src/components/dynamic-core/tag-group.tsx b/www/src/components/dynamic-core/tag-group.tsx
index 4363f9537..21de229b8 100644
--- a/www/src/components/dynamic-core/tag-group.tsx
+++ b/www/src/components/dynamic-core/tag-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tag-group-01";
+export * from "@/registry/core/tag-group";
diff --git a/www/src/components/dynamic-core/text-area.tsx b/www/src/components/dynamic-core/text-area.tsx
index 000eddea3..e0d213e87 100644
--- a/www/src/components/dynamic-core/text-area.tsx
+++ b/www/src/components/dynamic-core/text-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-area-01";
+export * from "@/registry/core/text-area";
diff --git a/www/src/components/dynamic-core/text-field.tsx b/www/src/components/dynamic-core/text-field.tsx
index efe61bb8d..619ecf1aa 100644
--- a/www/src/components/dynamic-core/text-field.tsx
+++ b/www/src/components/dynamic-core/text-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-field-01";
+export * from "@/registry/core/text-field";
diff --git a/www/src/components/dynamic-core/text.tsx b/www/src/components/dynamic-core/text.tsx
index 5c0ee6401..c84e2f53a 100644
--- a/www/src/components/dynamic-core/text.tsx
+++ b/www/src/components/dynamic-core/text.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-01";
+export * from "@/registry/core/text";
diff --git a/www/src/components/dynamic-core/time-field.tsx b/www/src/components/dynamic-core/time-field.tsx
index 260595b4e..18bb1eda2 100644
--- a/www/src/components/dynamic-core/time-field.tsx
+++ b/www/src/components/dynamic-core/time-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/time-field-01";
+export * from "@/registry/core/time-field";
diff --git a/www/src/components/dynamic-core/toggle-button.tsx b/www/src/components/dynamic-core/toggle-button.tsx
index e4955aac0..805b0a9c1 100644
--- a/www/src/components/dynamic-core/toggle-button.tsx
+++ b/www/src/components/dynamic-core/toggle-button.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-button-01";
+export * from "@/registry/core/toggle-button";
diff --git a/www/src/components/dynamic-core/toggle-group.tsx b/www/src/components/dynamic-core/toggle-group.tsx
index ebe386a2a..cd720a8fc 100644
--- a/www/src/components/dynamic-core/toggle-group.tsx
+++ b/www/src/components/dynamic-core/toggle-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-group-01";
+export * from "@/registry/core/toggle-group";
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index 3f5783724..8aa34f5cb 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tooltip-01";
+export * from "@/registry/core/tooltip";
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index 94ee7b35c..538fe5f3f 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -17,7 +17,7 @@ export function Header() {
   return (
     <header className="bg-bg sticky top-0 z-50 w-full border-b">
       {/* <div className="container max-w-screen-2xl relative flex h-14  items-center justify-between"> */}
-      <div className="container relative flex h-14 items-center justify-between">
+      <div className="container max-w-screen-2xl relative flex h-14 items-center justify-between">
         <div className="flex items-center gap-6">
           <Logo />
           <div className="flex items-center gap-3 text-sm">
diff --git a/www/src/components/icons/index.ts b/www/src/components/icons/index.ts
index ddc83f1b9..fca076e80 100644
--- a/www/src/components/icons/index.ts
+++ b/www/src/components/icons/index.ts
@@ -1,5 +1,6 @@
 export { GitHubIcon } from "./github-icon";
 export { TwitterIcon } from "./twitter-icon";
+export { GoogleIcon } from "./google-icon";
 export { DiscordIcon } from "./discord-icon";
 export { ViteIcon } from "./vite-icon";
 export { NextJsIcon } from "./nextjs-icon";
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index a8bdb8ea5..bfe964962 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React, { ReactNode } from "react";
-import { Loader2Icon } from "lucide-react";
 import { cn } from "@/lib/cn";
 import { googleFonts } from "@/lib/fonts";
 import { useDebounce } from "@/hooks/use-debounce";
diff --git a/www/src/registry/demos/alert/action.tsx b/www/src/demos/alert/action.tsx
similarity index 100%
rename from www/src/registry/demos/alert/action.tsx
rename to www/src/demos/alert/action.tsx
diff --git a/www/src/registry/demos/alert/composition.tsx b/www/src/demos/alert/composition.tsx
similarity index 100%
rename from www/src/registry/demos/alert/composition.tsx
rename to www/src/demos/alert/composition.tsx
diff --git a/www/src/registry/demos/alert/content.tsx b/www/src/demos/alert/content.tsx
similarity index 100%
rename from www/src/registry/demos/alert/content.tsx
rename to www/src/demos/alert/content.tsx
diff --git a/www/src/registry/demos/alert/custom-icon.tsx b/www/src/demos/alert/custom-icon.tsx
similarity index 100%
rename from www/src/registry/demos/alert/custom-icon.tsx
rename to www/src/demos/alert/custom-icon.tsx
diff --git a/www/src/registry/demos/alert/default.tsx b/www/src/demos/alert/default.tsx
similarity index 100%
rename from www/src/registry/demos/alert/default.tsx
rename to www/src/demos/alert/default.tsx
diff --git a/www/src/registry/demos/alert/title.tsx b/www/src/demos/alert/title.tsx
similarity index 100%
rename from www/src/registry/demos/alert/title.tsx
rename to www/src/demos/alert/title.tsx
diff --git a/www/src/registry/demos/alert/variants.tsx b/www/src/demos/alert/variants.tsx
similarity index 100%
rename from www/src/registry/demos/alert/variants.tsx
rename to www/src/demos/alert/variants.tsx
diff --git a/www/src/registry/demos/avatar/composition.tsx b/www/src/demos/avatar/composition.tsx
similarity index 100%
rename from www/src/registry/demos/avatar/composition.tsx
rename to www/src/demos/avatar/composition.tsx
diff --git a/www/src/registry/demos/avatar/default.tsx b/www/src/demos/avatar/default.tsx
similarity index 100%
rename from www/src/registry/demos/avatar/default.tsx
rename to www/src/demos/avatar/default.tsx
diff --git a/www/src/registry/demos/avatar/shape.tsx b/www/src/demos/avatar/shape.tsx
similarity index 100%
rename from www/src/registry/demos/avatar/shape.tsx
rename to www/src/demos/avatar/shape.tsx
diff --git a/www/src/registry/demos/avatar/sizes.tsx b/www/src/demos/avatar/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/avatar/sizes.tsx
rename to www/src/demos/avatar/sizes.tsx
diff --git a/www/src/registry/demos/badge/default.tsx b/www/src/demos/badge/default.tsx
similarity index 57%
rename from www/src/registry/demos/badge/default.tsx
rename to www/src/demos/badge/default.tsx
index 4119c7a5b..c3a698703 100644
--- a/www/src/registry/demos/badge/default.tsx
+++ b/www/src/demos/badge/default.tsx
@@ -1,4 +1,4 @@
-import { Badge } from "@/registry/core/badge-01";
+import { Badge } from "@/registry/core/badge";
 
 export default function Demo() {
   return <Badge>Badge</Badge>;
diff --git a/www/src/registry/demos/badge/icon.tsx b/www/src/demos/badge/icon.tsx
similarity index 88%
rename from www/src/registry/demos/badge/icon.tsx
rename to www/src/demos/badge/icon.tsx
index f1e09b3bc..4bb15003a 100644
--- a/www/src/registry/demos/badge/icon.tsx
+++ b/www/src/demos/badge/icon.tsx
@@ -1,5 +1,5 @@
 import { ShieldIcon } from "lucide-react";
-import { Badge } from "@/registry/core/badge-01";
+import { Badge } from "@/registry/core/badge";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/badge/sizes.tsx b/www/src/demos/badge/sizes.tsx
similarity index 86%
rename from www/src/registry/demos/badge/sizes.tsx
rename to www/src/demos/badge/sizes.tsx
index 31417f8dd..757250d24 100644
--- a/www/src/registry/demos/badge/sizes.tsx
+++ b/www/src/demos/badge/sizes.tsx
@@ -1,4 +1,4 @@
-import { Badge } from "@/registry/core/badge-01";
+import { Badge } from "@/registry/core/badge";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/badge/variants.tsx b/www/src/demos/badge/variants.tsx
similarity index 96%
rename from www/src/registry/demos/badge/variants.tsx
rename to www/src/demos/badge/variants.tsx
index 6e6d77fd1..af6d6725f 100644
--- a/www/src/registry/demos/badge/variants.tsx
+++ b/www/src/demos/badge/variants.tsx
@@ -1,4 +1,4 @@
-import { Badge } from "@/registry/core/badge-01";
+import { Badge } from "@/registry/core/badge";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/demos/breadcrumbs/basic.tsx b/www/src/demos/breadcrumbs/basic.tsx
similarity index 100%
rename from www/src/registry/demos/breadcrumbs/basic.tsx
rename to www/src/demos/breadcrumbs/basic.tsx
diff --git a/www/src/registry/demos/breadcrumbs/composition.tsx b/www/src/demos/breadcrumbs/composition.tsx
similarity index 100%
rename from www/src/registry/demos/breadcrumbs/composition.tsx
rename to www/src/demos/breadcrumbs/composition.tsx
diff --git a/www/src/registry/demos/breadcrumbs/disabled.tsx b/www/src/demos/breadcrumbs/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/breadcrumbs/disabled.tsx
rename to www/src/demos/breadcrumbs/disabled.tsx
diff --git a/www/src/registry/demos/breadcrumbs/icon.tsx b/www/src/demos/breadcrumbs/icon.tsx
similarity index 100%
rename from www/src/registry/demos/breadcrumbs/icon.tsx
rename to www/src/demos/breadcrumbs/icon.tsx
diff --git a/www/src/registry/demos/breadcrumbs/router-integration.tsx b/www/src/demos/breadcrumbs/router-integration.tsx
similarity index 100%
rename from www/src/registry/demos/breadcrumbs/router-integration.tsx
rename to www/src/demos/breadcrumbs/router-integration.tsx
diff --git a/www/src/registry/demos/button/default.tsx b/www/src/demos/button/default.tsx
similarity index 100%
rename from www/src/registry/demos/button/default.tsx
rename to www/src/demos/button/default.tsx
diff --git a/www/src/registry/demos/button/disabled.tsx b/www/src/demos/button/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/button/disabled.tsx
rename to www/src/demos/button/disabled.tsx
diff --git a/www/src/registry/demos/button/link-button.tsx b/www/src/demos/button/link-button.tsx
similarity index 100%
rename from www/src/registry/demos/button/link-button.tsx
rename to www/src/demos/button/link-button.tsx
diff --git a/www/src/registry/demos/button/loading.tsx b/www/src/demos/button/loading.tsx
similarity index 100%
rename from www/src/registry/demos/button/loading.tsx
rename to www/src/demos/button/loading.tsx
diff --git a/www/src/registry/demos/button/prefix-and-suffix.tsx b/www/src/demos/button/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry/demos/button/prefix-and-suffix.tsx
rename to www/src/demos/button/prefix-and-suffix.tsx
diff --git a/www/src/registry/demos/button/shapes.tsx b/www/src/demos/button/shapes.tsx
similarity index 100%
rename from www/src/registry/demos/button/shapes.tsx
rename to www/src/demos/button/shapes.tsx
diff --git a/www/src/registry/demos/button/sizes.tsx b/www/src/demos/button/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/button/sizes.tsx
rename to www/src/demos/button/sizes.tsx
diff --git a/www/src/registry/demos/button/variants.tsx b/www/src/demos/button/variants.tsx
similarity index 100%
rename from www/src/registry/demos/button/variants.tsx
rename to www/src/demos/button/variants.tsx
diff --git a/www/src/registry/demos/calendar/composition.tsx b/www/src/demos/calendar/composition.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/composition.tsx
rename to www/src/demos/calendar/composition.tsx
diff --git a/www/src/registry/demos/calendar/controlled.tsx b/www/src/demos/calendar/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/controlled.tsx
rename to www/src/demos/calendar/controlled.tsx
diff --git a/www/src/registry/demos/calendar/default.tsx b/www/src/demos/calendar/default.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/default.tsx
rename to www/src/demos/calendar/default.tsx
diff --git a/www/src/registry/demos/calendar/disabled.tsx b/www/src/demos/calendar/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/disabled.tsx
rename to www/src/demos/calendar/disabled.tsx
diff --git a/www/src/registry/demos/calendar/error-message.tsx b/www/src/demos/calendar/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/error-message.tsx
rename to www/src/demos/calendar/error-message.tsx
diff --git a/www/src/registry/demos/calendar/label.tsx b/www/src/demos/calendar/label.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/label.tsx
rename to www/src/demos/calendar/label.tsx
diff --git a/www/src/registry/demos/calendar/page-behaviour.tsx b/www/src/demos/calendar/page-behaviour.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/page-behaviour.tsx
rename to www/src/demos/calendar/page-behaviour.tsx
diff --git a/www/src/registry/demos/calendar/read-only.tsx b/www/src/demos/calendar/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/read-only.tsx
rename to www/src/demos/calendar/read-only.tsx
diff --git a/www/src/registry/demos/calendar/uncontrolled.tsx b/www/src/demos/calendar/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/uncontrolled.tsx
rename to www/src/demos/calendar/uncontrolled.tsx
diff --git a/www/src/registry/demos/calendar/unvailable-dates.tsx b/www/src/demos/calendar/unvailable-dates.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/unvailable-dates.tsx
rename to www/src/demos/calendar/unvailable-dates.tsx
diff --git a/www/src/registry/demos/calendar/validation.tsx b/www/src/demos/calendar/validation.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/validation.tsx
rename to www/src/demos/calendar/validation.tsx
diff --git a/www/src/registry/demos/calendar/visible-months.tsx b/www/src/demos/calendar/visible-months.tsx
similarity index 100%
rename from www/src/registry/demos/calendar/visible-months.tsx
rename to www/src/demos/calendar/visible-months.tsx
diff --git a/www/src/registry/demos/checkbox-group/cards.tsx b/www/src/demos/checkbox-group/cards.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/cards.tsx
rename to www/src/demos/checkbox-group/cards.tsx
diff --git a/www/src/registry/demos/checkbox-group/composition.tsx b/www/src/demos/checkbox-group/composition.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/composition.tsx
rename to www/src/demos/checkbox-group/composition.tsx
diff --git a/www/src/registry/demos/checkbox-group/contextual-help.tsx b/www/src/demos/checkbox-group/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/contextual-help.tsx
rename to www/src/demos/checkbox-group/contextual-help.tsx
diff --git a/www/src/registry/demos/checkbox-group/controlled.tsx b/www/src/demos/checkbox-group/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/controlled.tsx
rename to www/src/demos/checkbox-group/controlled.tsx
diff --git a/www/src/registry/demos/checkbox-group/default.tsx b/www/src/demos/checkbox-group/default.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/default.tsx
rename to www/src/demos/checkbox-group/default.tsx
diff --git a/www/src/registry/demos/checkbox-group/description.tsx b/www/src/demos/checkbox-group/description.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/description.tsx
rename to www/src/demos/checkbox-group/description.tsx
diff --git a/www/src/registry/demos/checkbox-group/disabled.tsx b/www/src/demos/checkbox-group/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/disabled.tsx
rename to www/src/demos/checkbox-group/disabled.tsx
diff --git a/www/src/registry/demos/checkbox-group/error-message.tsx b/www/src/demos/checkbox-group/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/error-message.tsx
rename to www/src/demos/checkbox-group/error-message.tsx
diff --git a/www/src/registry/demos/checkbox-group/label.tsx b/www/src/demos/checkbox-group/label.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/label.tsx
rename to www/src/demos/checkbox-group/label.tsx
diff --git a/www/src/registry/demos/checkbox-group/read-only.tsx b/www/src/demos/checkbox-group/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/read-only.tsx
rename to www/src/demos/checkbox-group/read-only.tsx
diff --git a/www/src/registry/demos/checkbox-group/required.tsx b/www/src/demos/checkbox-group/required.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/required.tsx
rename to www/src/demos/checkbox-group/required.tsx
diff --git a/www/src/registry/demos/checkbox-group/uncontrolled.tsx b/www/src/demos/checkbox-group/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox-group/uncontrolled.tsx
rename to www/src/demos/checkbox-group/uncontrolled.tsx
diff --git a/www/src/registry/demos/checkbox/card.tsx b/www/src/demos/checkbox/card.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox/card.tsx
rename to www/src/demos/checkbox/card.tsx
diff --git a/www/src/registry/demos/checkbox/controlled.tsx b/www/src/demos/checkbox/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox/controlled.tsx
rename to www/src/demos/checkbox/controlled.tsx
diff --git a/www/src/registry/demos/checkbox/default.tsx b/www/src/demos/checkbox/default.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox/default.tsx
rename to www/src/demos/checkbox/default.tsx
diff --git a/www/src/registry/demos/checkbox/disabled.tsx b/www/src/demos/checkbox/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox/disabled.tsx
rename to www/src/demos/checkbox/disabled.tsx
diff --git a/www/src/registry/demos/checkbox/indeterminate.tsx b/www/src/demos/checkbox/indeterminate.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox/indeterminate.tsx
rename to www/src/demos/checkbox/indeterminate.tsx
diff --git a/www/src/registry/demos/checkbox/read-only.tsx b/www/src/demos/checkbox/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox/read-only.tsx
rename to www/src/demos/checkbox/read-only.tsx
diff --git a/www/src/registry/demos/checkbox/uncontrolled.tsx b/www/src/demos/checkbox/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/checkbox/uncontrolled.tsx
rename to www/src/demos/checkbox/uncontrolled.tsx
diff --git a/www/src/registry/demos/color-area/channels.tsx b/www/src/demos/color-area/channels.tsx
similarity index 100%
rename from www/src/registry/demos/color-area/channels.tsx
rename to www/src/demos/color-area/channels.tsx
diff --git a/www/src/registry/demos/color-area/composition.tsx b/www/src/demos/color-area/composition.tsx
similarity index 100%
rename from www/src/registry/demos/color-area/composition.tsx
rename to www/src/demos/color-area/composition.tsx
diff --git a/www/src/registry/demos/color-area/controlled.tsx b/www/src/demos/color-area/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/color-area/controlled.tsx
rename to www/src/demos/color-area/controlled.tsx
diff --git a/www/src/registry/demos/color-area/default.tsx b/www/src/demos/color-area/default.tsx
similarity index 100%
rename from www/src/registry/demos/color-area/default.tsx
rename to www/src/demos/color-area/default.tsx
diff --git a/www/src/registry/demos/color-area/disabled.tsx b/www/src/demos/color-area/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/color-area/disabled.tsx
rename to www/src/demos/color-area/disabled.tsx
diff --git a/www/src/registry/demos/color-area/uncontrolled.tsx b/www/src/demos/color-area/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/color-area/uncontrolled.tsx
rename to www/src/demos/color-area/uncontrolled.tsx
diff --git a/www/src/registry/demos/color-field/composition.tsx b/www/src/demos/color-field/composition.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/composition.tsx
rename to www/src/demos/color-field/composition.tsx
diff --git a/www/src/registry/demos/color-field/contextual-help.tsx b/www/src/demos/color-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/contextual-help.tsx
rename to www/src/demos/color-field/contextual-help.tsx
diff --git a/www/src/registry/demos/color-field/controlled.tsx b/www/src/demos/color-field/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/controlled.tsx
rename to www/src/demos/color-field/controlled.tsx
diff --git a/www/src/registry/demos/color-field/default.tsx b/www/src/demos/color-field/default.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/default.tsx
rename to www/src/demos/color-field/default.tsx
diff --git a/www/src/registry/demos/color-field/description.tsx b/www/src/demos/color-field/description.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/description.tsx
rename to www/src/demos/color-field/description.tsx
diff --git a/www/src/registry/demos/color-field/disabled.tsx b/www/src/demos/color-field/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/disabled.tsx
rename to www/src/demos/color-field/disabled.tsx
diff --git a/www/src/registry/demos/color-field/error-message.tsx b/www/src/demos/color-field/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/error-message.tsx
rename to www/src/demos/color-field/error-message.tsx
diff --git a/www/src/registry/demos/color-field/form.tsx b/www/src/demos/color-field/form.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/form.tsx
rename to www/src/demos/color-field/form.tsx
diff --git a/www/src/registry/demos/color-field/label.tsx b/www/src/demos/color-field/label.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/label.tsx
rename to www/src/demos/color-field/label.tsx
diff --git a/www/src/registry/demos/color-field/loading.tsx b/www/src/demos/color-field/loading.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/loading.tsx
rename to www/src/demos/color-field/loading.tsx
diff --git a/www/src/registry/demos/color-field/prefix-and-suffix.tsx b/www/src/demos/color-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/prefix-and-suffix.tsx
rename to www/src/demos/color-field/prefix-and-suffix.tsx
diff --git a/www/src/registry/demos/color-field/read-only.tsx b/www/src/demos/color-field/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/read-only.tsx
rename to www/src/demos/color-field/read-only.tsx
diff --git a/www/src/registry/demos/color-field/required.tsx b/www/src/demos/color-field/required.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/required.tsx
rename to www/src/demos/color-field/required.tsx
diff --git a/www/src/registry/demos/color-field/sizes.tsx b/www/src/demos/color-field/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/sizes.tsx
rename to www/src/demos/color-field/sizes.tsx
diff --git a/www/src/registry/demos/color-field/uncontrolled.tsx b/www/src/demos/color-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/color-field/uncontrolled.tsx
rename to www/src/demos/color-field/uncontrolled.tsx
diff --git a/www/src/registry/demos/color-picker/composition.tsx b/www/src/demos/color-picker/composition.tsx
similarity index 100%
rename from www/src/registry/demos/color-picker/composition.tsx
rename to www/src/demos/color-picker/composition.tsx
diff --git a/www/src/registry/demos/color-picker/controlled.tsx b/www/src/demos/color-picker/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/color-picker/controlled.tsx
rename to www/src/demos/color-picker/controlled.tsx
diff --git a/www/src/registry/demos/color-picker/default.tsx b/www/src/demos/color-picker/default.tsx
similarity index 100%
rename from www/src/registry/demos/color-picker/default.tsx
rename to www/src/demos/color-picker/default.tsx
diff --git a/www/src/registry/demos/color-picker/options.tsx b/www/src/demos/color-picker/options.tsx
similarity index 100%
rename from www/src/registry/demos/color-picker/options.tsx
rename to www/src/demos/color-picker/options.tsx
diff --git a/www/src/registry/demos/color-picker/uncontrolled.tsx b/www/src/demos/color-picker/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/color-picker/uncontrolled.tsx
rename to www/src/demos/color-picker/uncontrolled.tsx
diff --git a/www/src/registry/demos/color-slider/channel.tsx b/www/src/demos/color-slider/channel.tsx
similarity index 100%
rename from www/src/registry/demos/color-slider/channel.tsx
rename to www/src/demos/color-slider/channel.tsx
diff --git a/www/src/registry/demos/color-slider/composition.tsx b/www/src/demos/color-slider/composition.tsx
similarity index 100%
rename from www/src/registry/demos/color-slider/composition.tsx
rename to www/src/demos/color-slider/composition.tsx
diff --git a/www/src/registry/demos/color-slider/controlled.tsx b/www/src/demos/color-slider/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/color-slider/controlled.tsx
rename to www/src/demos/color-slider/controlled.tsx
diff --git a/www/src/registry/demos/color-slider/default.tsx b/www/src/demos/color-slider/default.tsx
similarity index 100%
rename from www/src/registry/demos/color-slider/default.tsx
rename to www/src/demos/color-slider/default.tsx
diff --git a/www/src/registry/demos/color-slider/disabled.tsx b/www/src/demos/color-slider/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/color-slider/disabled.tsx
rename to www/src/demos/color-slider/disabled.tsx
diff --git a/www/src/registry/demos/color-slider/label.tsx b/www/src/demos/color-slider/label.tsx
similarity index 100%
rename from www/src/registry/demos/color-slider/label.tsx
rename to www/src/demos/color-slider/label.tsx
diff --git a/www/src/registry/demos/color-slider/uncontrolled.tsx b/www/src/demos/color-slider/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/color-slider/uncontrolled.tsx
rename to www/src/demos/color-slider/uncontrolled.tsx
diff --git a/www/src/registry/demos/color-slider/vertical.tsx b/www/src/demos/color-slider/vertical.tsx
similarity index 100%
rename from www/src/registry/demos/color-slider/vertical.tsx
rename to www/src/demos/color-slider/vertical.tsx
diff --git a/www/src/registry/demos/color-swatch/default.tsx b/www/src/demos/color-swatch/default.tsx
similarity index 100%
rename from www/src/registry/demos/color-swatch/default.tsx
rename to www/src/demos/color-swatch/default.tsx
diff --git a/www/src/registry/demos/combobox/async-loading.tsx b/www/src/demos/combobox/async-loading.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/async-loading.tsx
rename to www/src/demos/combobox/async-loading.tsx
diff --git a/www/src/registry/demos/combobox/basic.tsx b/www/src/demos/combobox/basic.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/basic.tsx
rename to www/src/demos/combobox/basic.tsx
diff --git a/www/src/registry/demos/combobox/composition.tsx b/www/src/demos/combobox/composition.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/composition.tsx
rename to www/src/demos/combobox/composition.tsx
diff --git a/www/src/registry/demos/combobox/contextual-help.tsx b/www/src/demos/combobox/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/contextual-help.tsx
rename to www/src/demos/combobox/contextual-help.tsx
diff --git a/www/src/registry/demos/combobox/controlled.tsx b/www/src/demos/combobox/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/controlled.tsx
rename to www/src/demos/combobox/controlled.tsx
diff --git a/www/src/registry/demos/combobox/custom-value.tsx b/www/src/demos/combobox/custom-value.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/custom-value.tsx
rename to www/src/demos/combobox/custom-value.tsx
diff --git a/www/src/registry/demos/combobox/description.tsx b/www/src/demos/combobox/description.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/description.tsx
rename to www/src/demos/combobox/description.tsx
diff --git a/www/src/registry/demos/combobox/disabled.tsx b/www/src/demos/combobox/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/disabled.tsx
rename to www/src/demos/combobox/disabled.tsx
diff --git a/www/src/registry/demos/combobox/label.tsx b/www/src/demos/combobox/label.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/label.tsx
rename to www/src/demos/combobox/label.tsx
diff --git a/www/src/registry/demos/combobox/loading.tsx b/www/src/demos/combobox/loading.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/loading.tsx
rename to www/src/demos/combobox/loading.tsx
diff --git a/www/src/registry/demos/combobox/required.tsx b/www/src/demos/combobox/required.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/required.tsx
rename to www/src/demos/combobox/required.tsx
diff --git a/www/src/registry/demos/combobox/sections.tsx b/www/src/demos/combobox/sections.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/sections.tsx
rename to www/src/demos/combobox/sections.tsx
diff --git a/www/src/registry/demos/combobox/uncontrolled.tsx b/www/src/demos/combobox/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/uncontrolled.tsx
rename to www/src/demos/combobox/uncontrolled.tsx
diff --git a/www/src/registry/demos/combobox/validation.tsx b/www/src/demos/combobox/validation.tsx
similarity index 100%
rename from www/src/registry/demos/combobox/validation.tsx
rename to www/src/demos/combobox/validation.tsx
diff --git a/www/src/registry/demos/date-field/composition.tsx b/www/src/demos/date-field/composition.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/composition.tsx
rename to www/src/demos/date-field/composition.tsx
diff --git a/www/src/registry/demos/date-field/contextual-help.tsx b/www/src/demos/date-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/contextual-help.tsx
rename to www/src/demos/date-field/contextual-help.tsx
diff --git a/www/src/registry/demos/date-field/controlled.tsx b/www/src/demos/date-field/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/controlled.tsx
rename to www/src/demos/date-field/controlled.tsx
diff --git a/www/src/registry/demos/date-field/default.tsx b/www/src/demos/date-field/default.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/default.tsx
rename to www/src/demos/date-field/default.tsx
diff --git a/www/src/registry/demos/date-field/description.tsx b/www/src/demos/date-field/description.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/description.tsx
rename to www/src/demos/date-field/description.tsx
diff --git a/www/src/registry/demos/date-field/disabled.tsx b/www/src/demos/date-field/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/disabled.tsx
rename to www/src/demos/date-field/disabled.tsx
diff --git a/www/src/registry/demos/date-field/error-message.tsx b/www/src/demos/date-field/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/error-message.tsx
rename to www/src/demos/date-field/error-message.tsx
diff --git a/www/src/registry/demos/date-field/granularity.tsx b/www/src/demos/date-field/granularity.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/granularity.tsx
rename to www/src/demos/date-field/granularity.tsx
diff --git a/www/src/registry/demos/date-field/hide-time-zone.tsx b/www/src/demos/date-field/hide-time-zone.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/hide-time-zone.tsx
rename to www/src/demos/date-field/hide-time-zone.tsx
diff --git a/www/src/registry/demos/date-field/hour-cycle.tsx b/www/src/demos/date-field/hour-cycle.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/hour-cycle.tsx
rename to www/src/demos/date-field/hour-cycle.tsx
diff --git a/www/src/registry/demos/date-field/label.tsx b/www/src/demos/date-field/label.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/label.tsx
rename to www/src/demos/date-field/label.tsx
diff --git a/www/src/registry/demos/date-field/loading.tsx b/www/src/demos/date-field/loading.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/loading.tsx
rename to www/src/demos/date-field/loading.tsx
diff --git a/www/src/registry/demos/date-field/placeholder.tsx b/www/src/demos/date-field/placeholder.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/placeholder.tsx
rename to www/src/demos/date-field/placeholder.tsx
diff --git a/www/src/registry/demos/date-field/prefix-and-suffix.tsx b/www/src/demos/date-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/prefix-and-suffix.tsx
rename to www/src/demos/date-field/prefix-and-suffix.tsx
diff --git a/www/src/registry/demos/date-field/read-only.tsx b/www/src/demos/date-field/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/read-only.tsx
rename to www/src/demos/date-field/read-only.tsx
diff --git a/www/src/registry/demos/date-field/required.tsx b/www/src/demos/date-field/required.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/required.tsx
rename to www/src/demos/date-field/required.tsx
diff --git a/www/src/registry/demos/date-field/sizes.tsx b/www/src/demos/date-field/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/sizes.tsx
rename to www/src/demos/date-field/sizes.tsx
diff --git a/www/src/registry/demos/date-field/time-zones.tsx b/www/src/demos/date-field/time-zones.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/time-zones.tsx
rename to www/src/demos/date-field/time-zones.tsx
diff --git a/www/src/registry/demos/date-field/uncontrolled.tsx b/www/src/demos/date-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/date-field/uncontrolled.tsx
rename to www/src/demos/date-field/uncontrolled.tsx
diff --git a/www/src/registry/demos/date-picker/composition.tsx b/www/src/demos/date-picker/composition.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/composition.tsx
rename to www/src/demos/date-picker/composition.tsx
diff --git a/www/src/registry/demos/date-picker/contextual-help.tsx b/www/src/demos/date-picker/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/contextual-help.tsx
rename to www/src/demos/date-picker/contextual-help.tsx
diff --git a/www/src/registry/demos/date-picker/controlled.tsx b/www/src/demos/date-picker/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/controlled.tsx
rename to www/src/demos/date-picker/controlled.tsx
diff --git a/www/src/registry/demos/date-picker/default.tsx b/www/src/demos/date-picker/default.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/default.tsx
rename to www/src/demos/date-picker/default.tsx
diff --git a/www/src/registry/demos/date-picker/description.tsx b/www/src/demos/date-picker/description.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/description.tsx
rename to www/src/demos/date-picker/description.tsx
diff --git a/www/src/registry/demos/date-picker/disabled.tsx b/www/src/demos/date-picker/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/disabled.tsx
rename to www/src/demos/date-picker/disabled.tsx
diff --git a/www/src/registry/demos/date-picker/error-message.tsx b/www/src/demos/date-picker/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/error-message.tsx
rename to www/src/demos/date-picker/error-message.tsx
diff --git a/www/src/registry/demos/date-picker/granularity.tsx b/www/src/demos/date-picker/granularity.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/granularity.tsx
rename to www/src/demos/date-picker/granularity.tsx
diff --git a/www/src/registry/demos/date-picker/hide-time-zone.tsx b/www/src/demos/date-picker/hide-time-zone.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/hide-time-zone.tsx
rename to www/src/demos/date-picker/hide-time-zone.tsx
diff --git a/www/src/registry/demos/date-picker/hour-cycle.tsx b/www/src/demos/date-picker/hour-cycle.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/hour-cycle.tsx
rename to www/src/demos/date-picker/hour-cycle.tsx
diff --git a/www/src/registry/demos/date-picker/label.tsx b/www/src/demos/date-picker/label.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/label.tsx
rename to www/src/demos/date-picker/label.tsx
diff --git a/www/src/registry/demos/date-picker/loading.tsx b/www/src/demos/date-picker/loading.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/loading.tsx
rename to www/src/demos/date-picker/loading.tsx
diff --git a/www/src/registry/demos/date-picker/placeholder.tsx b/www/src/demos/date-picker/placeholder.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/placeholder.tsx
rename to www/src/demos/date-picker/placeholder.tsx
diff --git a/www/src/registry/demos/date-picker/prefix.tsx b/www/src/demos/date-picker/prefix.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/prefix.tsx
rename to www/src/demos/date-picker/prefix.tsx
diff --git a/www/src/registry/demos/date-picker/read-only.tsx b/www/src/demos/date-picker/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/read-only.tsx
rename to www/src/demos/date-picker/read-only.tsx
diff --git a/www/src/registry/demos/date-picker/required.tsx b/www/src/demos/date-picker/required.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/required.tsx
rename to www/src/demos/date-picker/required.tsx
diff --git a/www/src/registry/demos/date-picker/sizes.tsx b/www/src/demos/date-picker/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/sizes.tsx
rename to www/src/demos/date-picker/sizes.tsx
diff --git a/www/src/registry/demos/date-picker/time-zones.tsx b/www/src/demos/date-picker/time-zones.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/time-zones.tsx
rename to www/src/demos/date-picker/time-zones.tsx
diff --git a/www/src/registry/demos/date-picker/uncontrolled.tsx b/www/src/demos/date-picker/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/date-picker/uncontrolled.tsx
rename to www/src/demos/date-picker/uncontrolled.tsx
diff --git a/www/src/registry/demos/date-range-picker/composition.tsx b/www/src/demos/date-range-picker/composition.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/composition.tsx
rename to www/src/demos/date-range-picker/composition.tsx
diff --git a/www/src/registry/demos/date-range-picker/contextual-help.tsx b/www/src/demos/date-range-picker/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/contextual-help.tsx
rename to www/src/demos/date-range-picker/contextual-help.tsx
diff --git a/www/src/registry/demos/date-range-picker/controlled.tsx b/www/src/demos/date-range-picker/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/controlled.tsx
rename to www/src/demos/date-range-picker/controlled.tsx
diff --git a/www/src/registry/demos/date-range-picker/default.tsx b/www/src/demos/date-range-picker/default.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/default.tsx
rename to www/src/demos/date-range-picker/default.tsx
diff --git a/www/src/registry/demos/date-range-picker/description.tsx b/www/src/demos/date-range-picker/description.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/description.tsx
rename to www/src/demos/date-range-picker/description.tsx
diff --git a/www/src/registry/demos/date-range-picker/disabled.tsx b/www/src/demos/date-range-picker/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/disabled.tsx
rename to www/src/demos/date-range-picker/disabled.tsx
diff --git a/www/src/registry/demos/date-range-picker/error-message.tsx b/www/src/demos/date-range-picker/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/error-message.tsx
rename to www/src/demos/date-range-picker/error-message.tsx
diff --git a/www/src/registry/demos/date-range-picker/granularity.tsx b/www/src/demos/date-range-picker/granularity.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/granularity.tsx
rename to www/src/demos/date-range-picker/granularity.tsx
diff --git a/www/src/registry/demos/date-range-picker/hide-time-zone.tsx b/www/src/demos/date-range-picker/hide-time-zone.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/hide-time-zone.tsx
rename to www/src/demos/date-range-picker/hide-time-zone.tsx
diff --git a/www/src/registry/demos/date-range-picker/hour-cycle.tsx b/www/src/demos/date-range-picker/hour-cycle.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/hour-cycle.tsx
rename to www/src/demos/date-range-picker/hour-cycle.tsx
diff --git a/www/src/registry/demos/date-range-picker/label.tsx b/www/src/demos/date-range-picker/label.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/label.tsx
rename to www/src/demos/date-range-picker/label.tsx
diff --git a/www/src/registry/demos/date-range-picker/loading.tsx b/www/src/demos/date-range-picker/loading.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/loading.tsx
rename to www/src/demos/date-range-picker/loading.tsx
diff --git a/www/src/registry/demos/date-range-picker/placeholder.tsx b/www/src/demos/date-range-picker/placeholder.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/placeholder.tsx
rename to www/src/demos/date-range-picker/placeholder.tsx
diff --git a/www/src/registry/demos/date-range-picker/prefix.tsx b/www/src/demos/date-range-picker/prefix.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/prefix.tsx
rename to www/src/demos/date-range-picker/prefix.tsx
diff --git a/www/src/registry/demos/date-range-picker/read-only.tsx b/www/src/demos/date-range-picker/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/read-only.tsx
rename to www/src/demos/date-range-picker/read-only.tsx
diff --git a/www/src/registry/demos/date-range-picker/required.tsx b/www/src/demos/date-range-picker/required.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/required.tsx
rename to www/src/demos/date-range-picker/required.tsx
diff --git a/www/src/registry/demos/date-range-picker/sizes.tsx b/www/src/demos/date-range-picker/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/sizes.tsx
rename to www/src/demos/date-range-picker/sizes.tsx
diff --git a/www/src/registry/demos/date-range-picker/time-zones.tsx b/www/src/demos/date-range-picker/time-zones.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/time-zones.tsx
rename to www/src/demos/date-range-picker/time-zones.tsx
diff --git a/www/src/registry/demos/date-range-picker/uncontrolled.tsx b/www/src/demos/date-range-picker/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/date-range-picker/uncontrolled.tsx
rename to www/src/demos/date-range-picker/uncontrolled.tsx
diff --git a/www/src/registry/demos/dialog/alert-dialog.tsx b/www/src/demos/dialog/alert-dialog.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/alert-dialog.tsx
rename to www/src/demos/dialog/alert-dialog.tsx
diff --git a/www/src/registry/demos/dialog/async-form-submission.tsx b/www/src/demos/dialog/async-form-submission.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/async-form-submission.tsx
rename to www/src/demos/dialog/async-form-submission.tsx
diff --git a/www/src/registry/demos/dialog/basic.tsx b/www/src/demos/dialog/basic.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/basic.tsx
rename to www/src/demos/dialog/basic.tsx
diff --git a/www/src/registry/demos/dialog/composition.tsx b/www/src/demos/dialog/composition.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/composition.tsx
rename to www/src/demos/dialog/composition.tsx
diff --git a/www/src/registry/demos/dialog/controlled.tsx b/www/src/demos/dialog/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/controlled.tsx
rename to www/src/demos/dialog/controlled.tsx
diff --git a/www/src/registry/demos/dialog/description.tsx b/www/src/demos/dialog/description.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/description.tsx
rename to www/src/demos/dialog/description.tsx
diff --git a/www/src/registry/demos/dialog/dismiss-button.tsx b/www/src/demos/dialog/dismiss-button.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/dismiss-button.tsx
rename to www/src/demos/dialog/dismiss-button.tsx
diff --git a/www/src/registry/demos/dialog/dismissable.tsx b/www/src/demos/dialog/dismissable.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/dismissable.tsx
rename to www/src/demos/dialog/dismissable.tsx
diff --git a/www/src/registry/demos/dialog/drawer.tsx b/www/src/demos/dialog/drawer.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/drawer.tsx
rename to www/src/demos/dialog/drawer.tsx
diff --git a/www/src/registry/demos/dialog/inset-content.tsx b/www/src/demos/dialog/inset-content.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/inset-content.tsx
rename to www/src/demos/dialog/inset-content.tsx
diff --git a/www/src/registry/demos/dialog/nested.tsx b/www/src/demos/dialog/nested.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/nested.tsx
rename to www/src/demos/dialog/nested.tsx
diff --git a/www/src/registry/demos/dialog/popover.tsx b/www/src/demos/dialog/popover.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/popover.tsx
rename to www/src/demos/dialog/popover.tsx
diff --git a/www/src/registry/demos/dialog/title.tsx b/www/src/demos/dialog/title.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/title.tsx
rename to www/src/demos/dialog/title.tsx
diff --git a/www/src/registry/demos/dialog/types.tsx b/www/src/demos/dialog/types.tsx
similarity index 100%
rename from www/src/registry/demos/dialog/types.tsx
rename to www/src/demos/dialog/types.tsx
diff --git a/www/src/registry/demos/drop-zone/default.tsx b/www/src/demos/drop-zone/default.tsx
similarity index 100%
rename from www/src/registry/demos/drop-zone/default.tsx
rename to www/src/demos/drop-zone/default.tsx
diff --git a/www/src/registry/demos/drop-zone/disabled.tsx b/www/src/demos/drop-zone/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/drop-zone/disabled.tsx
rename to www/src/demos/drop-zone/disabled.tsx
diff --git a/www/src/registry/demos/drop-zone/file-trigger.tsx b/www/src/demos/drop-zone/file-trigger.tsx
similarity index 100%
rename from www/src/registry/demos/drop-zone/file-trigger.tsx
rename to www/src/demos/drop-zone/file-trigger.tsx
diff --git a/www/src/registry/demos/drop-zone/label.tsx b/www/src/demos/drop-zone/label.tsx
similarity index 100%
rename from www/src/registry/demos/drop-zone/label.tsx
rename to www/src/demos/drop-zone/label.tsx
diff --git a/www/src/registry/demos/file-trigger/default.tsx b/www/src/demos/file-trigger/default.tsx
similarity index 100%
rename from www/src/registry/demos/file-trigger/default.tsx
rename to www/src/demos/file-trigger/default.tsx
diff --git a/www/src/registry/demos/file-trigger/directory-selection.tsx b/www/src/demos/file-trigger/directory-selection.tsx
similarity index 100%
rename from www/src/registry/demos/file-trigger/directory-selection.tsx
rename to www/src/demos/file-trigger/directory-selection.tsx
diff --git a/www/src/registry/demos/file-trigger/file-types.tsx b/www/src/demos/file-trigger/file-types.tsx
similarity index 100%
rename from www/src/registry/demos/file-trigger/file-types.tsx
rename to www/src/demos/file-trigger/file-types.tsx
diff --git a/www/src/registry/demos/file-trigger/media-capture.tsx b/www/src/demos/file-trigger/media-capture.tsx
similarity index 100%
rename from www/src/registry/demos/file-trigger/media-capture.tsx
rename to www/src/demos/file-trigger/media-capture.tsx
diff --git a/www/src/registry/demos/file-trigger/multiple-files.tsx b/www/src/demos/file-trigger/multiple-files.tsx
similarity index 100%
rename from www/src/registry/demos/file-trigger/multiple-files.tsx
rename to www/src/demos/file-trigger/multiple-files.tsx
diff --git a/www/src/registry/demos/link/default.tsx b/www/src/demos/link/default.tsx
similarity index 100%
rename from www/src/registry/demos/link/default.tsx
rename to www/src/demos/link/default.tsx
diff --git a/www/src/registry/demos/link/disabled.tsx b/www/src/demos/link/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/link/disabled.tsx
rename to www/src/demos/link/disabled.tsx
diff --git a/www/src/registry/demos/link/icon.tsx b/www/src/demos/link/icon.tsx
similarity index 100%
rename from www/src/registry/demos/link/icon.tsx
rename to www/src/demos/link/icon.tsx
diff --git a/www/src/registry/demos/link/variants.tsx b/www/src/demos/link/variants.tsx
similarity index 100%
rename from www/src/registry/demos/link/variants.tsx
rename to www/src/demos/link/variants.tsx
diff --git a/www/src/registry/demos/list-box/async-loading.tsx b/www/src/demos/list-box/async-loading.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/async-loading.tsx
rename to www/src/demos/list-box/async-loading.tsx
diff --git a/www/src/registry/demos/list-box/basic.tsx b/www/src/demos/list-box/basic.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/basic.tsx
rename to www/src/demos/list-box/basic.tsx
diff --git a/www/src/registry/demos/list-box/composition.tsx b/www/src/demos/list-box/composition.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/composition.tsx
rename to www/src/demos/list-box/composition.tsx
diff --git a/www/src/registry/demos/list-box/contact-list.tsx b/www/src/demos/list-box/contact-list.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/contact-list.tsx
rename to www/src/demos/list-box/contact-list.tsx
diff --git a/www/src/registry/demos/list-box/controlled.tsx b/www/src/demos/list-box/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/controlled.tsx
rename to www/src/demos/list-box/controlled.tsx
diff --git a/www/src/registry/demos/list-box/disabled-items.tsx b/www/src/demos/list-box/disabled-items.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/disabled-items.tsx
rename to www/src/demos/list-box/disabled-items.tsx
diff --git a/www/src/registry/demos/list-box/empty-state.tsx b/www/src/demos/list-box/empty-state.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/empty-state.tsx
rename to www/src/demos/list-box/empty-state.tsx
diff --git a/www/src/registry/demos/list-box/grid.tsx b/www/src/demos/list-box/grid.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/grid.tsx
rename to www/src/demos/list-box/grid.tsx
diff --git a/www/src/registry/demos/list-box/horizontal.tsx b/www/src/demos/list-box/horizontal.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/horizontal.tsx
rename to www/src/demos/list-box/horizontal.tsx
diff --git a/www/src/registry/demos/list-box/image-grid.tsx b/www/src/demos/list-box/image-grid.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/image-grid.tsx
rename to www/src/demos/list-box/image-grid.tsx
diff --git a/www/src/registry/demos/list-box/item-variant.tsx b/www/src/demos/list-box/item-variant.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/item-variant.tsx
rename to www/src/demos/list-box/item-variant.tsx
diff --git a/www/src/registry/demos/list-box/label-and-description.tsx b/www/src/demos/list-box/label-and-description.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/label-and-description.tsx
rename to www/src/demos/list-box/label-and-description.tsx
diff --git a/www/src/registry/demos/list-box/links.tsx b/www/src/demos/list-box/links.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/links.tsx
rename to www/src/demos/list-box/links.tsx
diff --git a/www/src/registry/demos/list-box/loading.tsx b/www/src/demos/list-box/loading.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/loading.tsx
rename to www/src/demos/list-box/loading.tsx
diff --git a/www/src/registry/demos/list-box/prefix-and-suffix.tsx b/www/src/demos/list-box/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/prefix-and-suffix.tsx
rename to www/src/demos/list-box/prefix-and-suffix.tsx
diff --git a/www/src/registry/demos/list-box/sections.tsx b/www/src/demos/list-box/sections.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/sections.tsx
rename to www/src/demos/list-box/sections.tsx
diff --git a/www/src/registry/demos/list-box/selection-behavior.tsx b/www/src/demos/list-box/selection-behavior.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/selection-behavior.tsx
rename to www/src/demos/list-box/selection-behavior.tsx
diff --git a/www/src/registry/demos/list-box/selection-mode.tsx b/www/src/demos/list-box/selection-mode.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/selection-mode.tsx
rename to www/src/demos/list-box/selection-mode.tsx
diff --git a/www/src/registry/demos/list-box/separator.tsx b/www/src/demos/list-box/separator.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/separator.tsx
rename to www/src/demos/list-box/separator.tsx
diff --git a/www/src/registry/demos/list-box/uncontrolled.tsx b/www/src/demos/list-box/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/list-box/uncontrolled.tsx
rename to www/src/demos/list-box/uncontrolled.tsx
diff --git a/www/src/registry/demos/menu/basic.tsx b/www/src/demos/menu/basic.tsx
similarity index 100%
rename from www/src/registry/demos/menu/basic.tsx
rename to www/src/demos/menu/basic.tsx
diff --git a/www/src/registry/demos/menu/composition.tsx b/www/src/demos/menu/composition.tsx
similarity index 100%
rename from www/src/registry/demos/menu/composition.tsx
rename to www/src/demos/menu/composition.tsx
diff --git a/www/src/registry/demos/menu/controlled.tsx b/www/src/demos/menu/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/menu/controlled.tsx
rename to www/src/demos/menu/controlled.tsx
diff --git a/www/src/registry/demos/menu/disabled-items.tsx b/www/src/demos/menu/disabled-items.tsx
similarity index 100%
rename from www/src/registry/demos/menu/disabled-items.tsx
rename to www/src/demos/menu/disabled-items.tsx
diff --git a/www/src/registry/demos/menu/item-variant.tsx b/www/src/demos/menu/item-variant.tsx
similarity index 100%
rename from www/src/registry/demos/menu/item-variant.tsx
rename to www/src/demos/menu/item-variant.tsx
diff --git a/www/src/registry/demos/menu/label-and-description.tsx b/www/src/demos/menu/label-and-description.tsx
similarity index 100%
rename from www/src/registry/demos/menu/label-and-description.tsx
rename to www/src/demos/menu/label-and-description.tsx
diff --git a/www/src/registry/demos/menu/link-items.tsx b/www/src/demos/menu/link-items.tsx
similarity index 100%
rename from www/src/registry/demos/menu/link-items.tsx
rename to www/src/demos/menu/link-items.tsx
diff --git a/www/src/registry/demos/menu/long-press.tsx b/www/src/demos/menu/long-press.tsx
similarity index 100%
rename from www/src/registry/demos/menu/long-press.tsx
rename to www/src/demos/menu/long-press.tsx
diff --git a/www/src/registry/demos/menu/multiple-selection.tsx b/www/src/demos/menu/multiple-selection.tsx
similarity index 100%
rename from www/src/registry/demos/menu/multiple-selection.tsx
rename to www/src/demos/menu/multiple-selection.tsx
diff --git a/www/src/registry/demos/menu/overlay-type.tsx b/www/src/demos/menu/overlay-type.tsx
similarity index 100%
rename from www/src/registry/demos/menu/overlay-type.tsx
rename to www/src/demos/menu/overlay-type.tsx
diff --git a/www/src/registry/demos/menu/placement.tsx b/www/src/demos/menu/placement.tsx
similarity index 100%
rename from www/src/registry/demos/menu/placement.tsx
rename to www/src/demos/menu/placement.tsx
diff --git a/www/src/registry/demos/menu/prefix-and-suffix.tsx b/www/src/demos/menu/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry/demos/menu/prefix-and-suffix.tsx
rename to www/src/demos/menu/prefix-and-suffix.tsx
diff --git a/www/src/registry/demos/menu/section.tsx b/www/src/demos/menu/section.tsx
similarity index 100%
rename from www/src/registry/demos/menu/section.tsx
rename to www/src/demos/menu/section.tsx
diff --git a/www/src/registry/demos/menu/separator.tsx b/www/src/demos/menu/separator.tsx
similarity index 100%
rename from www/src/registry/demos/menu/separator.tsx
rename to www/src/demos/menu/separator.tsx
diff --git a/www/src/registry/demos/menu/shortcut.tsx b/www/src/demos/menu/shortcut.tsx
similarity index 100%
rename from www/src/registry/demos/menu/shortcut.tsx
rename to www/src/demos/menu/shortcut.tsx
diff --git a/www/src/registry/demos/menu/single-selection.tsx b/www/src/demos/menu/single-selection.tsx
similarity index 100%
rename from www/src/registry/demos/menu/single-selection.tsx
rename to www/src/demos/menu/single-selection.tsx
diff --git a/www/src/registry/demos/menu/submenus.tsx b/www/src/demos/menu/submenus.tsx
similarity index 100%
rename from www/src/registry/demos/menu/submenus.tsx
rename to www/src/demos/menu/submenus.tsx
diff --git a/www/src/registry/demos/number-field/composition.tsx b/www/src/demos/number-field/composition.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/composition.tsx
rename to www/src/demos/number-field/composition.tsx
diff --git a/www/src/registry/demos/number-field/contextual-help.tsx b/www/src/demos/number-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/contextual-help.tsx
rename to www/src/demos/number-field/contextual-help.tsx
diff --git a/www/src/registry/demos/number-field/controlled.tsx b/www/src/demos/number-field/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/controlled.tsx
rename to www/src/demos/number-field/controlled.tsx
diff --git a/www/src/registry/demos/number-field/default.tsx b/www/src/demos/number-field/default.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/default.tsx
rename to www/src/demos/number-field/default.tsx
diff --git a/www/src/registry/demos/number-field/description.tsx b/www/src/demos/number-field/description.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/description.tsx
rename to www/src/demos/number-field/description.tsx
diff --git a/www/src/registry/demos/number-field/disabled.tsx b/www/src/demos/number-field/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/disabled.tsx
rename to www/src/demos/number-field/disabled.tsx
diff --git a/www/src/registry/demos/number-field/error-message.tsx b/www/src/demos/number-field/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/error-message.tsx
rename to www/src/demos/number-field/error-message.tsx
diff --git a/www/src/registry/demos/number-field/format-options.tsx b/www/src/demos/number-field/format-options.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/format-options.tsx
rename to www/src/demos/number-field/format-options.tsx
diff --git a/www/src/registry/demos/number-field/label.tsx b/www/src/demos/number-field/label.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/label.tsx
rename to www/src/demos/number-field/label.tsx
diff --git a/www/src/registry/demos/number-field/read-only.tsx b/www/src/demos/number-field/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/read-only.tsx
rename to www/src/demos/number-field/read-only.tsx
diff --git a/www/src/registry/demos/number-field/required.tsx b/www/src/demos/number-field/required.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/required.tsx
rename to www/src/demos/number-field/required.tsx
diff --git a/www/src/registry/demos/number-field/sizes.tsx b/www/src/demos/number-field/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/sizes.tsx
rename to www/src/demos/number-field/sizes.tsx
diff --git a/www/src/registry/demos/number-field/uncontrolled.tsx b/www/src/demos/number-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/number-field/uncontrolled.tsx
rename to www/src/demos/number-field/uncontrolled.tsx
diff --git a/www/src/registry/demos/progress/composition.tsx b/www/src/demos/progress/composition.tsx
similarity index 100%
rename from www/src/registry/demos/progress/composition.tsx
rename to www/src/demos/progress/composition.tsx
diff --git a/www/src/registry/demos/progress/custom-color.tsx b/www/src/demos/progress/custom-color.tsx
similarity index 100%
rename from www/src/registry/demos/progress/custom-color.tsx
rename to www/src/demos/progress/custom-color.tsx
diff --git a/www/src/registry/demos/progress/custom-value-label.tsx b/www/src/demos/progress/custom-value-label.tsx
similarity index 100%
rename from www/src/registry/demos/progress/custom-value-label.tsx
rename to www/src/demos/progress/custom-value-label.tsx
diff --git a/www/src/registry/demos/progress/default.tsx b/www/src/demos/progress/default.tsx
similarity index 100%
rename from www/src/registry/demos/progress/default.tsx
rename to www/src/demos/progress/default.tsx
diff --git a/www/src/registry/demos/progress/duration.tsx b/www/src/demos/progress/duration.tsx
similarity index 100%
rename from www/src/registry/demos/progress/duration.tsx
rename to www/src/demos/progress/duration.tsx
diff --git a/www/src/registry/demos/progress/format-options.tsx b/www/src/demos/progress/format-options.tsx
similarity index 100%
rename from www/src/registry/demos/progress/format-options.tsx
rename to www/src/demos/progress/format-options.tsx
diff --git a/www/src/registry/demos/progress/indeterminate.tsx b/www/src/demos/progress/indeterminate.tsx
similarity index 100%
rename from www/src/registry/demos/progress/indeterminate.tsx
rename to www/src/demos/progress/indeterminate.tsx
diff --git a/www/src/registry/demos/progress/label.tsx b/www/src/demos/progress/label.tsx
similarity index 100%
rename from www/src/registry/demos/progress/label.tsx
rename to www/src/demos/progress/label.tsx
diff --git a/www/src/registry/demos/progress/min-max-values.tsx b/www/src/demos/progress/min-max-values.tsx
similarity index 100%
rename from www/src/registry/demos/progress/min-max-values.tsx
rename to www/src/demos/progress/min-max-values.tsx
diff --git a/www/src/registry/demos/progress/shape.tsx b/www/src/demos/progress/shape.tsx
similarity index 100%
rename from www/src/registry/demos/progress/shape.tsx
rename to www/src/demos/progress/shape.tsx
diff --git a/www/src/registry/demos/progress/sizes.tsx b/www/src/demos/progress/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/progress/sizes.tsx
rename to www/src/demos/progress/sizes.tsx
diff --git a/www/src/registry/demos/progress/toolbar.tsx b/www/src/demos/progress/toolbar.tsx
similarity index 100%
rename from www/src/registry/demos/progress/toolbar.tsx
rename to www/src/demos/progress/toolbar.tsx
diff --git a/www/src/registry/demos/progress/value-label.tsx b/www/src/demos/progress/value-label.tsx
similarity index 100%
rename from www/src/registry/demos/progress/value-label.tsx
rename to www/src/demos/progress/value-label.tsx
diff --git a/www/src/registry/demos/progress/variants.tsx b/www/src/demos/progress/variants.tsx
similarity index 100%
rename from www/src/registry/demos/progress/variants.tsx
rename to www/src/demos/progress/variants.tsx
diff --git a/www/src/registry/demos/radio-group/cards.tsx b/www/src/demos/radio-group/cards.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/cards.tsx
rename to www/src/demos/radio-group/cards.tsx
diff --git a/www/src/registry/demos/radio-group/composition.tsx b/www/src/demos/radio-group/composition.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/composition.tsx
rename to www/src/demos/radio-group/composition.tsx
diff --git a/www/src/registry/demos/radio-group/contextual-help.tsx b/www/src/demos/radio-group/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/contextual-help.tsx
rename to www/src/demos/radio-group/contextual-help.tsx
diff --git a/www/src/registry/demos/radio-group/controlled.tsx b/www/src/demos/radio-group/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/controlled.tsx
rename to www/src/demos/radio-group/controlled.tsx
diff --git a/www/src/registry/demos/radio-group/default.tsx b/www/src/demos/radio-group/default.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/default.tsx
rename to www/src/demos/radio-group/default.tsx
diff --git a/www/src/registry/demos/radio-group/description.tsx b/www/src/demos/radio-group/description.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/description.tsx
rename to www/src/demos/radio-group/description.tsx
diff --git a/www/src/registry/demos/radio-group/disabled.tsx b/www/src/demos/radio-group/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/disabled.tsx
rename to www/src/demos/radio-group/disabled.tsx
diff --git a/www/src/registry/demos/radio-group/error-message.tsx b/www/src/demos/radio-group/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/error-message.tsx
rename to www/src/demos/radio-group/error-message.tsx
diff --git a/www/src/registry/demos/radio-group/label.tsx b/www/src/demos/radio-group/label.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/label.tsx
rename to www/src/demos/radio-group/label.tsx
diff --git a/www/src/registry/demos/radio-group/orientation.tsx b/www/src/demos/radio-group/orientation.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/orientation.tsx
rename to www/src/demos/radio-group/orientation.tsx
diff --git a/www/src/registry/demos/radio-group/read-only.tsx b/www/src/demos/radio-group/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/read-only.tsx
rename to www/src/demos/radio-group/read-only.tsx
diff --git a/www/src/registry/demos/radio-group/required.tsx b/www/src/demos/radio-group/required.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/required.tsx
rename to www/src/demos/radio-group/required.tsx
diff --git a/www/src/registry/demos/radio-group/uncontrolled.tsx b/www/src/demos/radio-group/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/radio-group/uncontrolled.tsx
rename to www/src/demos/radio-group/uncontrolled.tsx
diff --git a/www/src/registry/demos/range-calendar/composition.tsx b/www/src/demos/range-calendar/composition.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/composition.tsx
rename to www/src/demos/range-calendar/composition.tsx
diff --git a/www/src/registry/demos/range-calendar/controlled.tsx b/www/src/demos/range-calendar/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/controlled.tsx
rename to www/src/demos/range-calendar/controlled.tsx
diff --git a/www/src/registry/demos/range-calendar/default.tsx b/www/src/demos/range-calendar/default.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/default.tsx
rename to www/src/demos/range-calendar/default.tsx
diff --git a/www/src/registry/demos/range-calendar/disabled.tsx b/www/src/demos/range-calendar/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/disabled.tsx
rename to www/src/demos/range-calendar/disabled.tsx
diff --git a/www/src/registry/demos/range-calendar/error-message.tsx b/www/src/demos/range-calendar/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/error-message.tsx
rename to www/src/demos/range-calendar/error-message.tsx
diff --git a/www/src/registry/demos/range-calendar/label.tsx b/www/src/demos/range-calendar/label.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/label.tsx
rename to www/src/demos/range-calendar/label.tsx
diff --git a/www/src/registry/demos/range-calendar/non-contiguous-ranges.tsx b/www/src/demos/range-calendar/non-contiguous-ranges.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/non-contiguous-ranges.tsx
rename to www/src/demos/range-calendar/non-contiguous-ranges.tsx
diff --git a/www/src/registry/demos/range-calendar/page-behaviour.tsx b/www/src/demos/range-calendar/page-behaviour.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/page-behaviour.tsx
rename to www/src/demos/range-calendar/page-behaviour.tsx
diff --git a/www/src/registry/demos/range-calendar/read-only.tsx b/www/src/demos/range-calendar/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/read-only.tsx
rename to www/src/demos/range-calendar/read-only.tsx
diff --git a/www/src/registry/demos/range-calendar/uncontrolled.tsx b/www/src/demos/range-calendar/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/uncontrolled.tsx
rename to www/src/demos/range-calendar/uncontrolled.tsx
diff --git a/www/src/registry/demos/range-calendar/unvailable-dates.tsx b/www/src/demos/range-calendar/unvailable-dates.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/unvailable-dates.tsx
rename to www/src/demos/range-calendar/unvailable-dates.tsx
diff --git a/www/src/registry/demos/range-calendar/validation.tsx b/www/src/demos/range-calendar/validation.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/validation.tsx
rename to www/src/demos/range-calendar/validation.tsx
diff --git a/www/src/registry/demos/range-calendar/visible-months.tsx b/www/src/demos/range-calendar/visible-months.tsx
similarity index 100%
rename from www/src/registry/demos/range-calendar/visible-months.tsx
rename to www/src/demos/range-calendar/visible-months.tsx
diff --git a/www/src/registry/demos.ts b/www/src/demos/registry.ts
similarity index 99%
rename from www/src/registry/demos.ts
rename to www/src/demos/registry.ts
index 8d4e6cb43..76cdb6d1b 100644
--- a/www/src/registry/demos.ts
+++ b/www/src/demos/registry.ts
@@ -9,7 +9,7 @@ const buildDemos = (registryItem: string, demos: string[]): RegistryDemos => {
   return demos.map((demo) => {
     return {
       name: `${registryItem}-${demo}`,
-      files: [`registry/demos/${registryItem}/${demo}.tsx`],
+      files: [`demos/${registryItem}/${demo}.tsx`],
     };
   });
 };
diff --git a/www/src/registry/demos/search-field/composition.tsx b/www/src/demos/search-field/composition.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/composition.tsx
rename to www/src/demos/search-field/composition.tsx
diff --git a/www/src/registry/demos/search-field/contextual-help.tsx b/www/src/demos/search-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/contextual-help.tsx
rename to www/src/demos/search-field/contextual-help.tsx
diff --git a/www/src/registry/demos/search-field/controlled.tsx b/www/src/demos/search-field/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/controlled.tsx
rename to www/src/demos/search-field/controlled.tsx
diff --git a/www/src/registry/demos/search-field/default.tsx b/www/src/demos/search-field/default.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/default.tsx
rename to www/src/demos/search-field/default.tsx
diff --git a/www/src/registry/demos/search-field/description.tsx b/www/src/demos/search-field/description.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/description.tsx
rename to www/src/demos/search-field/description.tsx
diff --git a/www/src/registry/demos/search-field/disabled.tsx b/www/src/demos/search-field/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/disabled.tsx
rename to www/src/demos/search-field/disabled.tsx
diff --git a/www/src/registry/demos/search-field/error-message.tsx b/www/src/demos/search-field/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/error-message.tsx
rename to www/src/demos/search-field/error-message.tsx
diff --git a/www/src/registry/demos/search-field/form.tsx b/www/src/demos/search-field/form.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/form.tsx
rename to www/src/demos/search-field/form.tsx
diff --git a/www/src/registry/demos/search-field/label.tsx b/www/src/demos/search-field/label.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/label.tsx
rename to www/src/demos/search-field/label.tsx
diff --git a/www/src/registry/demos/search-field/loading.tsx b/www/src/demos/search-field/loading.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/loading.tsx
rename to www/src/demos/search-field/loading.tsx
diff --git a/www/src/registry/demos/search-field/prefix-and-suffix.tsx b/www/src/demos/search-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/prefix-and-suffix.tsx
rename to www/src/demos/search-field/prefix-and-suffix.tsx
diff --git a/www/src/registry/demos/search-field/read-only.tsx b/www/src/demos/search-field/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/read-only.tsx
rename to www/src/demos/search-field/read-only.tsx
diff --git a/www/src/registry/demos/search-field/required.tsx b/www/src/demos/search-field/required.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/required.tsx
rename to www/src/demos/search-field/required.tsx
diff --git a/www/src/registry/demos/search-field/sizes.tsx b/www/src/demos/search-field/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/sizes.tsx
rename to www/src/demos/search-field/sizes.tsx
diff --git a/www/src/registry/demos/search-field/uncontrolled.tsx b/www/src/demos/search-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/search-field/uncontrolled.tsx
rename to www/src/demos/search-field/uncontrolled.tsx
diff --git a/www/src/registry/demos/select/async-loading.tsx b/www/src/demos/select/async-loading.tsx
similarity index 100%
rename from www/src/registry/demos/select/async-loading.tsx
rename to www/src/demos/select/async-loading.tsx
diff --git a/www/src/registry/demos/select/basic.tsx b/www/src/demos/select/basic.tsx
similarity index 100%
rename from www/src/registry/demos/select/basic.tsx
rename to www/src/demos/select/basic.tsx
diff --git a/www/src/registry/demos/select/composition.tsx b/www/src/demos/select/composition.tsx
similarity index 100%
rename from www/src/registry/demos/select/composition.tsx
rename to www/src/demos/select/composition.tsx
diff --git a/www/src/registry/demos/select/contextual-help.tsx b/www/src/demos/select/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/select/contextual-help.tsx
rename to www/src/demos/select/contextual-help.tsx
diff --git a/www/src/registry/demos/select/controlled.tsx b/www/src/demos/select/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/select/controlled.tsx
rename to www/src/demos/select/controlled.tsx
diff --git a/www/src/registry/demos/select/description.tsx b/www/src/demos/select/description.tsx
similarity index 100%
rename from www/src/registry/demos/select/description.tsx
rename to www/src/demos/select/description.tsx
diff --git a/www/src/registry/demos/select/disabled.tsx b/www/src/demos/select/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/select/disabled.tsx
rename to www/src/demos/select/disabled.tsx
diff --git a/www/src/registry/demos/select/label.tsx b/www/src/demos/select/label.tsx
similarity index 100%
rename from www/src/registry/demos/select/label.tsx
rename to www/src/demos/select/label.tsx
diff --git a/www/src/registry/demos/select/links.tsx b/www/src/demos/select/links.tsx
similarity index 100%
rename from www/src/registry/demos/select/links.tsx
rename to www/src/demos/select/links.tsx
diff --git a/www/src/registry/demos/select/loading.tsx b/www/src/demos/select/loading.tsx
similarity index 100%
rename from www/src/registry/demos/select/loading.tsx
rename to www/src/demos/select/loading.tsx
diff --git a/www/src/registry/demos/select/placeholder.tsx b/www/src/demos/select/placeholder.tsx
similarity index 100%
rename from www/src/registry/demos/select/placeholder.tsx
rename to www/src/demos/select/placeholder.tsx
diff --git a/www/src/registry/demos/select/required.tsx b/www/src/demos/select/required.tsx
similarity index 100%
rename from www/src/registry/demos/select/required.tsx
rename to www/src/demos/select/required.tsx
diff --git a/www/src/registry/demos/select/sections.tsx b/www/src/demos/select/sections.tsx
similarity index 100%
rename from www/src/registry/demos/select/sections.tsx
rename to www/src/demos/select/sections.tsx
diff --git a/www/src/registry/demos/select/uncontrolled.tsx b/www/src/demos/select/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/select/uncontrolled.tsx
rename to www/src/demos/select/uncontrolled.tsx
diff --git a/www/src/registry/demos/select/validation.tsx b/www/src/demos/select/validation.tsx
similarity index 100%
rename from www/src/registry/demos/select/validation.tsx
rename to www/src/demos/select/validation.tsx
diff --git a/www/src/registry/demos/separator/card.tsx b/www/src/demos/separator/card.tsx
similarity index 100%
rename from www/src/registry/demos/separator/card.tsx
rename to www/src/demos/separator/card.tsx
diff --git a/www/src/registry/demos/separator/orientation.tsx b/www/src/demos/separator/orientation.tsx
similarity index 100%
rename from www/src/registry/demos/separator/orientation.tsx
rename to www/src/demos/separator/orientation.tsx
diff --git a/www/src/registry/demos/skeleton/api-simulation.tsx b/www/src/demos/skeleton/api-simulation.tsx
similarity index 100%
rename from www/src/registry/demos/skeleton/api-simulation.tsx
rename to www/src/demos/skeleton/api-simulation.tsx
diff --git a/www/src/registry/demos/skeleton/card.tsx b/www/src/demos/skeleton/card.tsx
similarity index 100%
rename from www/src/registry/demos/skeleton/card.tsx
rename to www/src/demos/skeleton/card.tsx
diff --git a/www/src/registry/demos/skeleton/children.tsx b/www/src/demos/skeleton/children.tsx
similarity index 100%
rename from www/src/registry/demos/skeleton/children.tsx
rename to www/src/demos/skeleton/children.tsx
diff --git a/www/src/registry/demos/skeleton/fixed-size-children.tsx b/www/src/demos/skeleton/fixed-size-children.tsx
similarity index 100%
rename from www/src/registry/demos/skeleton/fixed-size-children.tsx
rename to www/src/demos/skeleton/fixed-size-children.tsx
diff --git a/www/src/registry/demos/skeleton/show.tsx b/www/src/demos/skeleton/show.tsx
similarity index 100%
rename from www/src/registry/demos/skeleton/show.tsx
rename to www/src/demos/skeleton/show.tsx
diff --git a/www/src/registry/demos/slider/advanced-composition.tsx b/www/src/demos/slider/advanced-composition.tsx
similarity index 100%
rename from www/src/registry/demos/slider/advanced-composition.tsx
rename to www/src/demos/slider/advanced-composition.tsx
diff --git a/www/src/registry/demos/slider/composition.tsx b/www/src/demos/slider/composition.tsx
similarity index 100%
rename from www/src/registry/demos/slider/composition.tsx
rename to www/src/demos/slider/composition.tsx
diff --git a/www/src/registry/demos/slider/controlled.tsx b/www/src/demos/slider/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/slider/controlled.tsx
rename to www/src/demos/slider/controlled.tsx
diff --git a/www/src/registry/demos/slider/default.tsx b/www/src/demos/slider/default.tsx
similarity index 100%
rename from www/src/registry/demos/slider/default.tsx
rename to www/src/demos/slider/default.tsx
diff --git a/www/src/registry/demos/slider/description.tsx b/www/src/demos/slider/description.tsx
similarity index 100%
rename from www/src/registry/demos/slider/description.tsx
rename to www/src/demos/slider/description.tsx
diff --git a/www/src/registry/demos/slider/disabled.tsx b/www/src/demos/slider/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/slider/disabled.tsx
rename to www/src/demos/slider/disabled.tsx
diff --git a/www/src/registry/demos/slider/format-options.tsx b/www/src/demos/slider/format-options.tsx
similarity index 100%
rename from www/src/registry/demos/slider/format-options.tsx
rename to www/src/demos/slider/format-options.tsx
diff --git a/www/src/registry/demos/slider/label.tsx b/www/src/demos/slider/label.tsx
similarity index 100%
rename from www/src/registry/demos/slider/label.tsx
rename to www/src/demos/slider/label.tsx
diff --git a/www/src/registry/demos/slider/range.tsx b/www/src/demos/slider/range.tsx
similarity index 100%
rename from www/src/registry/demos/slider/range.tsx
rename to www/src/demos/slider/range.tsx
diff --git a/www/src/registry/demos/slider/sizes.tsx b/www/src/demos/slider/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/slider/sizes.tsx
rename to www/src/demos/slider/sizes.tsx
diff --git a/www/src/registry/demos/slider/step.tsx b/www/src/demos/slider/step.tsx
similarity index 100%
rename from www/src/registry/demos/slider/step.tsx
rename to www/src/demos/slider/step.tsx
diff --git a/www/src/registry/demos/slider/uncontrolled.tsx b/www/src/demos/slider/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/slider/uncontrolled.tsx
rename to www/src/demos/slider/uncontrolled.tsx
diff --git a/www/src/registry/demos/slider/value-label.tsx b/www/src/demos/slider/value-label.tsx
similarity index 100%
rename from www/src/registry/demos/slider/value-label.tsx
rename to www/src/demos/slider/value-label.tsx
diff --git a/www/src/registry/demos/slider/value-scale.tsx b/www/src/demos/slider/value-scale.tsx
similarity index 100%
rename from www/src/registry/demos/slider/value-scale.tsx
rename to www/src/demos/slider/value-scale.tsx
diff --git a/www/src/registry/demos/slider/vertical.tsx b/www/src/demos/slider/vertical.tsx
similarity index 100%
rename from www/src/registry/demos/slider/vertical.tsx
rename to www/src/demos/slider/vertical.tsx
diff --git a/www/src/registry/demos/switch/controlled.tsx b/www/src/demos/switch/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/switch/controlled.tsx
rename to www/src/demos/switch/controlled.tsx
diff --git a/www/src/registry/demos/switch/default.tsx b/www/src/demos/switch/default.tsx
similarity index 100%
rename from www/src/registry/demos/switch/default.tsx
rename to www/src/demos/switch/default.tsx
diff --git a/www/src/registry/demos/switch/disabled.tsx b/www/src/demos/switch/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/switch/disabled.tsx
rename to www/src/demos/switch/disabled.tsx
diff --git a/www/src/registry/demos/switch/label.tsx b/www/src/demos/switch/label.tsx
similarity index 100%
rename from www/src/registry/demos/switch/label.tsx
rename to www/src/demos/switch/label.tsx
diff --git a/www/src/registry/demos/switch/sizes.tsx b/www/src/demos/switch/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/switch/sizes.tsx
rename to www/src/demos/switch/sizes.tsx
diff --git a/www/src/registry/demos/switch/uncontrolled.tsx b/www/src/demos/switch/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/switch/uncontrolled.tsx
rename to www/src/demos/switch/uncontrolled.tsx
diff --git a/www/src/registry/demos/tabs/basic.tsx b/www/src/demos/tabs/basic.tsx
similarity index 100%
rename from www/src/registry/demos/tabs/basic.tsx
rename to www/src/demos/tabs/basic.tsx
diff --git a/www/src/registry/demos/tabs/controlled.tsx b/www/src/demos/tabs/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/tabs/controlled.tsx
rename to www/src/demos/tabs/controlled.tsx
diff --git a/www/src/registry/demos/tabs/disabled-item.tsx b/www/src/demos/tabs/disabled-item.tsx
similarity index 100%
rename from www/src/registry/demos/tabs/disabled-item.tsx
rename to www/src/demos/tabs/disabled-item.tsx
diff --git a/www/src/registry/demos/tabs/disabled.tsx b/www/src/demos/tabs/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/tabs/disabled.tsx
rename to www/src/demos/tabs/disabled.tsx
diff --git a/www/src/registry/demos/tabs/keyboard-activation.tsx b/www/src/demos/tabs/keyboard-activation.tsx
similarity index 100%
rename from www/src/registry/demos/tabs/keyboard-activation.tsx
rename to www/src/demos/tabs/keyboard-activation.tsx
diff --git a/www/src/registry/demos/tabs/vertical.tsx b/www/src/demos/tabs/vertical.tsx
similarity index 100%
rename from www/src/registry/demos/tabs/vertical.tsx
rename to www/src/demos/tabs/vertical.tsx
diff --git a/www/src/registry/demos/text-area/composition.tsx b/www/src/demos/text-area/composition.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/composition.tsx
rename to www/src/demos/text-area/composition.tsx
diff --git a/www/src/registry/demos/text-area/contextual-help.tsx b/www/src/demos/text-area/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/contextual-help.tsx
rename to www/src/demos/text-area/contextual-help.tsx
diff --git a/www/src/registry/demos/text-area/controlled.tsx b/www/src/demos/text-area/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/controlled.tsx
rename to www/src/demos/text-area/controlled.tsx
diff --git a/www/src/registry/demos/text-area/default.tsx b/www/src/demos/text-area/default.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/default.tsx
rename to www/src/demos/text-area/default.tsx
diff --git a/www/src/registry/demos/text-area/description.tsx b/www/src/demos/text-area/description.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/description.tsx
rename to www/src/demos/text-area/description.tsx
diff --git a/www/src/registry/demos/text-area/disabled.tsx b/www/src/demos/text-area/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/disabled.tsx
rename to www/src/demos/text-area/disabled.tsx
diff --git a/www/src/registry/demos/text-area/error-message.tsx b/www/src/demos/text-area/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/error-message.tsx
rename to www/src/demos/text-area/error-message.tsx
diff --git a/www/src/registry/demos/text-area/form.tsx b/www/src/demos/text-area/form.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/form.tsx
rename to www/src/demos/text-area/form.tsx
diff --git a/www/src/registry/demos/text-area/label.tsx b/www/src/demos/text-area/label.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/label.tsx
rename to www/src/demos/text-area/label.tsx
diff --git a/www/src/registry/demos/text-area/loading.tsx b/www/src/demos/text-area/loading.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/loading.tsx
rename to www/src/demos/text-area/loading.tsx
diff --git a/www/src/registry/demos/text-area/prefix-and-suffix.tsx b/www/src/demos/text-area/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/prefix-and-suffix.tsx
rename to www/src/demos/text-area/prefix-and-suffix.tsx
diff --git a/www/src/registry/demos/text-area/read-only.tsx b/www/src/demos/text-area/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/read-only.tsx
rename to www/src/demos/text-area/read-only.tsx
diff --git a/www/src/registry/demos/text-area/required.tsx b/www/src/demos/text-area/required.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/required.tsx
rename to www/src/demos/text-area/required.tsx
diff --git a/www/src/registry/demos/text-area/uncontrolled.tsx b/www/src/demos/text-area/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/text-area/uncontrolled.tsx
rename to www/src/demos/text-area/uncontrolled.tsx
diff --git a/www/src/registry/demos/text-field/composition.tsx b/www/src/demos/text-field/composition.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/composition.tsx
rename to www/src/demos/text-field/composition.tsx
diff --git a/www/src/registry/demos/text-field/contextual-help.tsx b/www/src/demos/text-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/contextual-help.tsx
rename to www/src/demos/text-field/contextual-help.tsx
diff --git a/www/src/registry/demos/text-field/controlled.tsx b/www/src/demos/text-field/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/controlled.tsx
rename to www/src/demos/text-field/controlled.tsx
diff --git a/www/src/registry/demos/text-field/default.tsx b/www/src/demos/text-field/default.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/default.tsx
rename to www/src/demos/text-field/default.tsx
diff --git a/www/src/registry/demos/text-field/description.tsx b/www/src/demos/text-field/description.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/description.tsx
rename to www/src/demos/text-field/description.tsx
diff --git a/www/src/registry/demos/text-field/disabled.tsx b/www/src/demos/text-field/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/disabled.tsx
rename to www/src/demos/text-field/disabled.tsx
diff --git a/www/src/registry/demos/text-field/error-message.tsx b/www/src/demos/text-field/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/error-message.tsx
rename to www/src/demos/text-field/error-message.tsx
diff --git a/www/src/registry/demos/text-field/label.tsx b/www/src/demos/text-field/label.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/label.tsx
rename to www/src/demos/text-field/label.tsx
diff --git a/www/src/registry/demos/text-field/loading.tsx b/www/src/demos/text-field/loading.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/loading.tsx
rename to www/src/demos/text-field/loading.tsx
diff --git a/www/src/registry/demos/text-field/prefix-and-suffix.tsx b/www/src/demos/text-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/prefix-and-suffix.tsx
rename to www/src/demos/text-field/prefix-and-suffix.tsx
diff --git a/www/src/registry/demos/text-field/read-only.tsx b/www/src/demos/text-field/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/read-only.tsx
rename to www/src/demos/text-field/read-only.tsx
diff --git a/www/src/registry/demos/text-field/required.tsx b/www/src/demos/text-field/required.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/required.tsx
rename to www/src/demos/text-field/required.tsx
diff --git a/www/src/registry/demos/text-field/sizes.tsx b/www/src/demos/text-field/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/sizes.tsx
rename to www/src/demos/text-field/sizes.tsx
diff --git a/www/src/registry/demos/text-field/uncontrolled.tsx b/www/src/demos/text-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/text-field/uncontrolled.tsx
rename to www/src/demos/text-field/uncontrolled.tsx
diff --git a/www/src/registry/demos/time-field/composition.tsx b/www/src/demos/time-field/composition.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/composition.tsx
rename to www/src/demos/time-field/composition.tsx
diff --git a/www/src/registry/demos/time-field/contextual-help.tsx b/www/src/demos/time-field/contextual-help.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/contextual-help.tsx
rename to www/src/demos/time-field/contextual-help.tsx
diff --git a/www/src/registry/demos/time-field/controlled.tsx b/www/src/demos/time-field/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/controlled.tsx
rename to www/src/demos/time-field/controlled.tsx
diff --git a/www/src/registry/demos/time-field/default.tsx b/www/src/demos/time-field/default.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/default.tsx
rename to www/src/demos/time-field/default.tsx
diff --git a/www/src/registry/demos/time-field/description.tsx b/www/src/demos/time-field/description.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/description.tsx
rename to www/src/demos/time-field/description.tsx
diff --git a/www/src/registry/demos/time-field/disabled.tsx b/www/src/demos/time-field/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/disabled.tsx
rename to www/src/demos/time-field/disabled.tsx
diff --git a/www/src/registry/demos/time-field/error-message.tsx b/www/src/demos/time-field/error-message.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/error-message.tsx
rename to www/src/demos/time-field/error-message.tsx
diff --git a/www/src/registry/demos/time-field/granularity.tsx b/www/src/demos/time-field/granularity.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/granularity.tsx
rename to www/src/demos/time-field/granularity.tsx
diff --git a/www/src/registry/demos/time-field/hide-time-zone.tsx b/www/src/demos/time-field/hide-time-zone.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/hide-time-zone.tsx
rename to www/src/demos/time-field/hide-time-zone.tsx
diff --git a/www/src/registry/demos/time-field/hour-cycle.tsx b/www/src/demos/time-field/hour-cycle.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/hour-cycle.tsx
rename to www/src/demos/time-field/hour-cycle.tsx
diff --git a/www/src/registry/demos/time-field/label.tsx b/www/src/demos/time-field/label.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/label.tsx
rename to www/src/demos/time-field/label.tsx
diff --git a/www/src/registry/demos/time-field/loading.tsx b/www/src/demos/time-field/loading.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/loading.tsx
rename to www/src/demos/time-field/loading.tsx
diff --git a/www/src/registry/demos/time-field/placeholder.tsx b/www/src/demos/time-field/placeholder.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/placeholder.tsx
rename to www/src/demos/time-field/placeholder.tsx
diff --git a/www/src/registry/demos/time-field/prefix-and-suffix.tsx b/www/src/demos/time-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/prefix-and-suffix.tsx
rename to www/src/demos/time-field/prefix-and-suffix.tsx
diff --git a/www/src/registry/demos/time-field/read-only.tsx b/www/src/demos/time-field/read-only.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/read-only.tsx
rename to www/src/demos/time-field/read-only.tsx
diff --git a/www/src/registry/demos/time-field/required.tsx b/www/src/demos/time-field/required.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/required.tsx
rename to www/src/demos/time-field/required.tsx
diff --git a/www/src/registry/demos/time-field/sizes.tsx b/www/src/demos/time-field/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/sizes.tsx
rename to www/src/demos/time-field/sizes.tsx
diff --git a/www/src/registry/demos/time-field/time-zones.tsx b/www/src/demos/time-field/time-zones.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/time-zones.tsx
rename to www/src/demos/time-field/time-zones.tsx
diff --git a/www/src/registry/demos/time-field/uncontrolled.tsx b/www/src/demos/time-field/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/time-field/uncontrolled.tsx
rename to www/src/demos/time-field/uncontrolled.tsx
diff --git a/www/src/registry/demos/toggle-button/controlled.tsx b/www/src/demos/toggle-button/controlled.tsx
similarity index 100%
rename from www/src/registry/demos/toggle-button/controlled.tsx
rename to www/src/demos/toggle-button/controlled.tsx
diff --git a/www/src/registry/demos/toggle-button/default.tsx b/www/src/demos/toggle-button/default.tsx
similarity index 100%
rename from www/src/registry/demos/toggle-button/default.tsx
rename to www/src/demos/toggle-button/default.tsx
diff --git a/www/src/registry/demos/toggle-button/disabled.tsx b/www/src/demos/toggle-button/disabled.tsx
similarity index 100%
rename from www/src/registry/demos/toggle-button/disabled.tsx
rename to www/src/demos/toggle-button/disabled.tsx
diff --git a/www/src/registry/demos/toggle-button/shapes.tsx b/www/src/demos/toggle-button/shapes.tsx
similarity index 100%
rename from www/src/registry/demos/toggle-button/shapes.tsx
rename to www/src/demos/toggle-button/shapes.tsx
diff --git a/www/src/registry/demos/toggle-button/sizes.tsx b/www/src/demos/toggle-button/sizes.tsx
similarity index 100%
rename from www/src/registry/demos/toggle-button/sizes.tsx
rename to www/src/demos/toggle-button/sizes.tsx
diff --git a/www/src/registry/demos/toggle-button/uncontrolled.tsx b/www/src/demos/toggle-button/uncontrolled.tsx
similarity index 100%
rename from www/src/registry/demos/toggle-button/uncontrolled.tsx
rename to www/src/demos/toggle-button/uncontrolled.tsx
diff --git a/www/src/registry/demos/toggle-button/variants.tsx b/www/src/demos/toggle-button/variants.tsx
similarity index 100%
rename from www/src/registry/demos/toggle-button/variants.tsx
rename to www/src/demos/toggle-button/variants.tsx
diff --git a/www/src/registry/demos/tooltip/arrow.tsx b/www/src/demos/tooltip/arrow.tsx
similarity index 100%
rename from www/src/registry/demos/tooltip/arrow.tsx
rename to www/src/demos/tooltip/arrow.tsx
diff --git a/www/src/registry/demos/tooltip/composition.tsx b/www/src/demos/tooltip/composition.tsx
similarity index 100%
rename from www/src/registry/demos/tooltip/composition.tsx
rename to www/src/demos/tooltip/composition.tsx
diff --git a/www/src/registry/demos/tooltip/container-padding.tsx b/www/src/demos/tooltip/container-padding.tsx
similarity index 100%
rename from www/src/registry/demos/tooltip/container-padding.tsx
rename to www/src/demos/tooltip/container-padding.tsx
diff --git a/www/src/registry/demos/tooltip/default.tsx b/www/src/demos/tooltip/default.tsx
similarity index 100%
rename from www/src/registry/demos/tooltip/default.tsx
rename to www/src/demos/tooltip/default.tsx
diff --git a/www/src/registry/demos/tooltip/delay.tsx b/www/src/demos/tooltip/delay.tsx
similarity index 100%
rename from www/src/registry/demos/tooltip/delay.tsx
rename to www/src/demos/tooltip/delay.tsx
diff --git a/www/src/registry/demos/tooltip/flip.tsx b/www/src/demos/tooltip/flip.tsx
similarity index 100%
rename from www/src/registry/demos/tooltip/flip.tsx
rename to www/src/demos/tooltip/flip.tsx
diff --git a/www/src/registry/demos/tooltip/offset.tsx b/www/src/demos/tooltip/offset.tsx
similarity index 100%
rename from www/src/registry/demos/tooltip/offset.tsx
rename to www/src/demos/tooltip/offset.tsx
diff --git a/www/src/registry/demos/tooltip/placement.tsx b/www/src/demos/tooltip/placement.tsx
similarity index 100%
rename from www/src/registry/demos/tooltip/placement.tsx
rename to www/src/demos/tooltip/placement.tsx
diff --git a/www/src/registry/demos/tooltip/with-arrow.tsx b/www/src/demos/tooltip/with-arrow.tsx
similarity index 100%
rename from www/src/registry/demos/tooltip/with-arrow.tsx
rename to www/src/demos/tooltip/with-arrow.tsx
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index 375875c1f..bd69f6171 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -12,6 +12,7 @@ export const dotUIThemes: Theme[] = [
     radius: 0.5,
     iconLibrary: "lucide",
     variants: {
+      loader: "loader-ring",
       button: "button-01",
       calendar: "calendar-01",
     },
@@ -187,6 +188,7 @@ export const dotUIThemes: Theme[] = [
     radius: 0.5,
     iconLibrary: "lucide",
     variants: {
+      loader: "loader-ring",
       button: "button-02",
       calendar: "calendar-02",
     },
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert.tsx
similarity index 100%
rename from www/src/registry/core/alert-01.tsx
rename to www/src/registry/core/alert.tsx
diff --git a/www/src/registry/core/avatar-01.tsx b/www/src/registry/core/avatar.tsx
similarity index 100%
rename from www/src/registry/core/avatar-01.tsx
rename to www/src/registry/core/avatar.tsx
diff --git a/www/src/registry/core/badge-01.tsx b/www/src/registry/core/badge.tsx
similarity index 100%
rename from www/src/registry/core/badge-01.tsx
rename to www/src/registry/core/badge.tsx
diff --git a/www/src/registry/core/breadcrumbs-01.tsx b/www/src/registry/core/breadcrumbs.tsx
similarity index 100%
rename from www/src/registry/core/breadcrumbs-01.tsx
rename to www/src/registry/core/breadcrumbs.tsx
diff --git a/www/src/registry/core/button-01.tsx b/www/src/registry/core/button-01.tsx
index c677ce0b1..1baac2578 100644
--- a/www/src/registry/core/button-01.tsx
+++ b/www/src/registry/core/button-01.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import * as React from "react";
-import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -10,12 +9,14 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Loader } from "@/registry/core/loader-ring";
+import { cn } from "@/registry/lib/cn";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const buttonStyles = tv(
   {
     extend: focusRing,
-    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
     variants: {
       variant: {
         default:
@@ -102,7 +103,11 @@ const Button = React.forwardRef(
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
             {isPending && (
-              <Loader2Icon aria-label="loading" className="animate-spin" />
+              <Loader
+                aria-label="loading"
+                className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"
+                size={16}
+              />
             )}
             {prefix}
             {typeof children === "string" ? (
diff --git a/www/src/registry/core/button-02.tsx b/www/src/registry/core/button-02.tsx
index 50823bceb..9b8d39690 100644
--- a/www/src/registry/core/button-02.tsx
+++ b/www/src/registry/core/button-02.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import * as React from "react";
-import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -10,6 +9,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Loader } from "@/registry/core/loader-ring";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const buttonStyles = tv(
@@ -101,9 +101,7 @@ const Button = React.forwardRef(
       >
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
-            {isPending && (
-              <Loader2Icon aria-label="loading" className="animate-spin" />
-            )}
+            {isPending && <Loader aria-label="loading" size={16} />}
             {prefix}
             {typeof children === "string" ? (
               <span className="truncate">{children}</span>
diff --git a/www/src/registry/core/button-03.tsx b/www/src/registry/core/button-03.tsx
index 3ffa691f9..7a1d73a47 100644
--- a/www/src/registry/core/button-03.tsx
+++ b/www/src/registry/core/button-03.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import * as React from "react";
-import { Loader2Icon } from "lucide-react";
 import {
   composeRenderProps,
   Button as AriaButton,
@@ -11,6 +10,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { focusRing } from "@/registry/lib/focus-styles";
+import { Loader } from "@/registry/core/loader-ring";
 
 const buttonStyles = tv(
   {
@@ -102,7 +102,7 @@ const Button = React.forwardRef(
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
             {isPending && (
-              <Loader2Icon aria-label="loading" className="animate-spin" />
+              <Loader aria-label="loading" size={16} />
             )}
             {prefix}
             {typeof children === "string" ? (
diff --git a/www/src/registry/core/button-04.tsx b/www/src/registry/core/button-04.tsx
index 7acb59a89..8c5426617 100644
--- a/www/src/registry/core/button-04.tsx
+++ b/www/src/registry/core/button-04.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import * as React from "react";
-import { Loader2Icon } from "lucide-react";
 import { chain } from "react-aria";
 import {
   composeRenderProps,
@@ -12,6 +11,7 @@ import {
   PressEvent,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Loader } from "@/registry/core/loader-ring";
 import { Ripple } from "@/registry/core/ripple";
 import { useRipple } from "@/registry/hooks/use-ripple";
 import { focusRing } from "@/registry/lib/focus-styles";
@@ -115,9 +115,7 @@ const Button = React.forwardRef(
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
             <Ripple ripples={ripples} onClear={onClearRipple} />
-            {isPending && (
-              <Loader2Icon aria-label="loading" className="animate-spin" />
-            )}
+            {isPending && <Loader aria-label="loading" size={16} />}
             {prefix}
             {typeof children === "string" ? (
               <span className="truncate">{children}</span>
diff --git a/www/src/registry/core/calendar-01.tsx b/www/src/registry/core/calendar.tsx
similarity index 98%
rename from www/src/registry/core/calendar-01.tsx
rename to www/src/registry/core/calendar.tsx
index 3f86748c1..30534559d 100644
--- a/www/src/registry/core/calendar-01.tsx
+++ b/www/src/registry/core/calendar.tsx
@@ -23,8 +23,8 @@ import {
 import { tv } from "tailwind-variants";
 import { Button } from "@/components/dynamic-core/button";
 import { buttonStyles } from "@/registry/core/button-01";
-import { Heading } from "@/registry/core/heading-01";
-import { Text } from "@/registry/core/text-01";
+import { Heading } from "@/registry/core/heading";
+import { Text } from "@/registry/core/text";
 
 const calendarStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/checkbox-group-01.tsx b/www/src/registry/core/checkbox-group.tsx
similarity index 94%
rename from www/src/__registry__/core/checkbox-group-01.tsx
rename to www/src/registry/core/checkbox-group.tsx
index 4439edaec..d42bd9924 100644
--- a/www/src/__registry__/core/checkbox-group-01.tsx
+++ b/www/src/registry/core/checkbox-group.tsx
@@ -7,8 +7,8 @@ import {
   type CheckboxGroupProps as AriaCheckboxGroupProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxContext } from "@/registry/core/checkbox-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
+import { CheckboxContext } from "@/registry/core/checkbox";
+import { Field, type FieldProps } from "@/registry/core/field";
 
 const checkboxGroupStyles = tv({
   slots: {
diff --git a/www/src/registry/core/checkbox-01.tsx b/www/src/registry/core/checkbox.tsx
similarity index 100%
rename from www/src/registry/core/checkbox-01.tsx
rename to www/src/registry/core/checkbox.tsx
diff --git a/www/src/__registry__/core/color-area-01.tsx b/www/src/registry/core/color-area.tsx
similarity index 94%
rename from www/src/__registry__/core/color-area-01.tsx
rename to www/src/registry/core/color-area.tsx
index 1d50103a3..e520b64ac 100644
--- a/www/src/__registry__/core/color-area-01.tsx
+++ b/www/src/registry/core/color-area.tsx
@@ -6,7 +6,7 @@ import {
   type ColorAreaProps as AriaColorAreaProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb-01";
+import { ColorThumb } from "@/registry/core/color-thumb";
 
 const colorAreaStyles = tv({
   base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
diff --git a/www/src/__registry__/core/color-field-01.tsx b/www/src/registry/core/color-field.tsx
similarity index 96%
rename from www/src/__registry__/core/color-field-01.tsx
rename to www/src/registry/core/color-field.tsx
index cd5ceea09..0714ca7b6 100644
--- a/www/src/__registry__/core/color-field-01.tsx
+++ b/www/src/registry/core/color-field.tsx
@@ -6,8 +6,8 @@ import {
   type ColorFieldProps as AriaColorFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 
 const colorFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/core/color-picker-01.tsx b/www/src/registry/core/color-picker.tsx
similarity index 89%
rename from www/src/registry/core/color-picker-01.tsx
rename to www/src/registry/core/color-picker.tsx
index 51f515ac0..f888508cb 100644
--- a/www/src/registry/core/color-picker-01.tsx
+++ b/www/src/registry/core/color-picker.tsx
@@ -9,13 +9,13 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { ColorArea } from "@/registry/core/color-area-01";
-import { ColorField } from "@/registry/core/color-field-01";
-import { ColorSlider } from "@/registry/core/color-slider-01";
-import { ColorSwatch } from "@/registry/core/color-swatch-01";
-import { Dialog, DialogRoot, DialogRootProps } from "@/registry/core/dialog-01";
-import { Item } from "@/registry/core/list-box-01";
-import { Select } from "@/registry/core/select-01";
+import { ColorArea } from "@/registry/core/color-area";
+import { ColorField } from "@/registry/core/color-field";
+import { ColorSlider } from "@/registry/core/color-slider";
+import { ColorSwatch } from "@/registry/core/color-swatch";
+import { Dialog, DialogRoot, DialogRootProps } from "@/registry/core/dialog";
+import { Item } from "@/registry/core/list-box";
+import { Select } from "@/registry/core/select";
 import { cn } from "@/registry/lib/cn";
 
 type ColorPickerProps = ColorPickerRootProps &
diff --git a/www/src/__registry__/core/color-slider-01.tsx b/www/src/registry/core/color-slider.tsx
similarity index 96%
rename from www/src/__registry__/core/color-slider-01.tsx
rename to www/src/registry/core/color-slider.tsx
index d316027ae..294d1700c 100644
--- a/www/src/__registry__/core/color-slider-01.tsx
+++ b/www/src/registry/core/color-slider.tsx
@@ -10,8 +10,8 @@ import {
   type SliderTrackProps as AriaSliderTrackProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb-01";
-import { Label } from "@/registry/core/field-01";
+import { ColorThumb } from "@/registry/core/color-thumb";
+import { Label } from "@/registry/core/field";
 import { cn } from "@/registry/lib/cn";
 
 const colorSliderStyles = tv({
diff --git a/www/src/registry/core/color-swatch-01.tsx b/www/src/registry/core/color-swatch.tsx
similarity index 100%
rename from www/src/registry/core/color-swatch-01.tsx
rename to www/src/registry/core/color-swatch.tsx
diff --git a/www/src/registry/core/color-thumb-01.tsx b/www/src/registry/core/color-thumb.tsx
similarity index 100%
rename from www/src/registry/core/color-thumb-01.tsx
rename to www/src/registry/core/color-thumb.tsx
diff --git a/www/src/registry/core/combobox-01.tsx b/www/src/registry/core/combobox.tsx
similarity index 89%
rename from www/src/registry/core/combobox-01.tsx
rename to www/src/registry/core/combobox.tsx
index 3dbf915c4..ab8a6d315 100644
--- a/www/src/registry/core/combobox-01.tsx
+++ b/www/src/registry/core/combobox.tsx
@@ -8,10 +8,10 @@ import {
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { Input, InputRoot } from "@/registry/core/input-01";
-import { ListBox } from "@/registry/core/list-box-01";
-import { Overlay } from "@/registry/core/overlay-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { Input, InputRoot } from "@/registry/core/input";
+import { ListBox } from "@/registry/core/list-box";
+import { Overlay } from "@/registry/core/overlay";
 
 const comboboxStyles = tv({
   slots: {
diff --git a/www/src/__registry__/core/date-field-01.tsx b/www/src/registry/core/date-field.tsx
similarity index 95%
rename from www/src/__registry__/core/date-field-01.tsx
rename to www/src/registry/core/date-field.tsx
index 3239bb092..b46bb08a0 100644
--- a/www/src/__registry__/core/date-field-01.tsx
+++ b/www/src/registry/core/date-field.tsx
@@ -7,13 +7,13 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Field, type FieldProps } from "@/registry/core/field";
 import {
   InputRoot,
   type InputRootProps,
   type inputStyles,
-} from "@/registry/core/input-01";
+} from "@/registry/core/input";
 
 const dateFieldStyles = tv({
   slots: {
diff --git a/www/src/registry/core/date-input-01.tsx b/www/src/registry/core/date-input.tsx
similarity index 100%
rename from www/src/registry/core/date-input-01.tsx
rename to www/src/registry/core/date-input.tsx
diff --git a/www/src/__registry__/core/date-picker-01.tsx b/www/src/registry/core/date-picker.tsx
similarity index 94%
rename from www/src/__registry__/core/date-picker-01.tsx
rename to www/src/registry/core/date-picker.tsx
index 983582980..229c2b11d 100644
--- a/www/src/__registry__/core/date-picker-01.tsx
+++ b/www/src/registry/core/date-picker.tsx
@@ -9,11 +9,11 @@ import {
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { Calendar } from "@/registry/core/calendar-01";
-import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { Dialog } from "@/registry/core/dialog-01";
-import { Field, fieldStyles, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, type inputStyles } from "@/registry/core/input-01";
+import { Calendar } from "@/registry/core/calendar";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Dialog } from "@/registry/core/dialog";
+import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
+import { InputRoot, type inputStyles } from "@/registry/core/input";
 
 interface DatePickerProps<T extends DateValue>
   extends DatePickerRootProps<T>,
diff --git a/www/src/__registry__/core/date-range-picker-01.tsx b/www/src/registry/core/date-range-picker.tsx
similarity index 94%
rename from www/src/__registry__/core/date-range-picker-01.tsx
rename to www/src/registry/core/date-range-picker.tsx
index 63d977c48..b5ac76946 100644
--- a/www/src/__registry__/core/date-range-picker-01.tsx
+++ b/www/src/registry/core/date-range-picker.tsx
@@ -9,11 +9,11 @@ import {
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { Dialog } from "@/registry/core/dialog-01";
-import { Field, type FieldProps, fieldStyles } from "@/registry/core/field-01";
-import { InputRoot, type inputStyles } from "@/registry/core/input-01";
-import { RangeCalendar } from "@/registry/core/range-calendar-01";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Dialog } from "@/registry/core/dialog";
+import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
+import { InputRoot, type inputStyles } from "@/registry/core/input";
+import { RangeCalendar } from "@/registry/core/range-calendar";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
diff --git a/www/src/registry/core/dialog-01.tsx b/www/src/registry/core/dialog.tsx
similarity index 97%
rename from www/src/registry/core/dialog-01.tsx
rename to www/src/registry/core/dialog.tsx
index 82f9a1e30..3a9b29266 100644
--- a/www/src/registry/core/dialog-01.tsx
+++ b/www/src/registry/core/dialog.tsx
@@ -13,9 +13,9 @@ import {
 } from "react-aria-components";
 import { Provider } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Heading } from "@/registry/core/heading-01";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay-01";
-import { Text } from "@/registry/core/text-01";
+import { Heading } from "@/registry/core/heading";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay";
+import { Text } from "@/registry/core/text";
 
 const dialogStyles = tv({
   slots: {
diff --git a/www/src/registry/core/drop-zone-01.tsx b/www/src/registry/core/drop-zone.tsx
similarity index 100%
rename from www/src/registry/core/drop-zone-01.tsx
rename to www/src/registry/core/drop-zone.tsx
diff --git a/www/src/registry/core/field-01.tsx b/www/src/registry/core/field.tsx
similarity index 100%
rename from www/src/registry/core/field-01.tsx
rename to www/src/registry/core/field.tsx
diff --git a/www/src/registry/core/file-trigger-01.tsx b/www/src/registry/core/file-trigger.tsx
similarity index 100%
rename from www/src/registry/core/file-trigger-01.tsx
rename to www/src/registry/core/file-trigger.tsx
diff --git a/www/src/registry/core/form-01.tsx b/www/src/registry/core/form.tsx
similarity index 100%
rename from www/src/registry/core/form-01.tsx
rename to www/src/registry/core/form.tsx
diff --git a/www/src/registry/core/group-01.tsx b/www/src/registry/core/group.tsx
similarity index 100%
rename from www/src/registry/core/group-01.tsx
rename to www/src/registry/core/group.tsx
diff --git a/www/src/registry/core/heading-01.tsx b/www/src/registry/core/heading.tsx
similarity index 100%
rename from www/src/registry/core/heading-01.tsx
rename to www/src/registry/core/heading.tsx
diff --git a/www/src/registry/core/input-01.tsx b/www/src/registry/core/input-01.tsx
deleted file mode 100644
index 1402c0de4..000000000
--- a/www/src/registry/core/input-01.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { mergeRefs, chain } from "@react-aria/utils";
-import { useControlledState } from "@react-stately/utils";
-import { Loader2Icon } from "lucide-react";
-import {
-  Provider,
-  composeRenderProps,
-  Input as AriaInput,
-  Group as AriaGroup,
-  TextArea as AriaTextArea,
-  InputContext as AriaInputContext,
-  TextAreaContext as AriaTextAreaContext,
-  type TextAreaProps as AriaTextAreaProps,
-  type GroupProps as AriaGroupProps,
-  type InputProps as AriaInputProps,
-  useSlottedContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusInput } from "@/registry/lib/focus-styles";
-
-const inputStyles = tv({
-  slots: {
-    root: [
-      focusInput(),
-      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
-      "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
-      "invalid:border-border-danger focus-within:invalid:border-border",
-    ],
-    input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
-    ],
-  },
-  variants: {
-    size: {
-      sm: { root: "h-8" },
-      md: { root: "h-9" },
-      lg: { root: "h-10" },
-    },
-    multiline: {
-      true: {
-        root: "h-auto flex-col items-stretch p-2",
-        input: "min-h-14 resize-none overflow-auto",
-      },
-      false: {
-        input: "flex-1",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-    multiline: false,
-  },
-});
-
-interface TextAreaInputProps extends Omit<AriaTextAreaProps, "className"> {
-  className?: string;
-}
-const TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(
-  ({ className, onChange, rows = 1, ...props }, forwardedRef) => {
-    const { input } = inputStyles({ multiline: true });
-    const [inputValue, setInputValue] = useControlledState(
-      props.value,
-      props.defaultValue ?? "",
-      () => {
-        // Do nothing
-      }
-    );
-    const inputRef = React.useRef<HTMLTextAreaElement>(null);
-
-    const onHeightChange = React.useCallback(() => {
-      if (inputRef.current) {
-        const input = inputRef.current;
-        const prevAlignment = input.style.alignSelf;
-        const prevOverflow = input.style.overflow;
-        const isFirefox = "MozAppearance" in input.style;
-        if (!isFirefox) {
-          input.style.overflow = "hidden";
-        }
-        input.style.alignSelf = "start";
-        input.style.height = "auto";
-        input.style.height = `${
-          input.scrollHeight + (input.offsetHeight - input.clientHeight)
-        }px`;
-        input.style.overflow = prevOverflow;
-        input.style.alignSelf = prevAlignment;
-      }
-    }, [inputRef]);
-
-    React.useLayoutEffect(() => {
-      if (inputRef.current) {
-        onHeightChange();
-      }
-    }, [onHeightChange, inputValue, inputRef]);
-
-    return (
-      <AriaTextArea
-        ref={mergeRefs(inputRef, forwardedRef)}
-        className={input({ className })}
-        onChange={chain(onChange, setInputValue)}
-        rows={rows}
-        {...props}
-      />
-    );
-  }
-);
-TextAreaInput.displayName = "TextAreaInput";
-
-interface InputProps
-  extends Omit<AriaInputProps, "className" | "size" | "prefix"> {
-  className?: string;
-}
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, ...props }, ref) => {
-    const { input } = inputStyles();
-    return <AriaInput ref={ref} className={input({ className })} {...props} />;
-  }
-);
-Input.displayName = "Input";
-
-interface InputRootProps
-  extends Omit<AriaGroupProps, "className" | "prefix">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-  className?: string;
-}
-const InputRoot = ({
-  className,
-  prefix,
-  suffix,
-  isLoading,
-  loaderPosition,
-  size,
-  multiline,
-  ...props
-}: InputRootProps) => {
-  const { root } = inputStyles({ size, multiline });
-  const inputContext = useSlottedContext(AriaInputContext);
-  const textAreaContext = useSlottedContext(AriaTextAreaContext);
-  const inputRef = React.useRef(null);
-  const isDisabled =
-    props.isDisabled || inputContext?.disabled || textAreaContext?.disabled;
-  const isInvalid =
-    props.isInvalid ||
-    (!!inputContext?.["aria-invalid"] &&
-      inputContext["aria-invalid"] !== "false") ||
-    (!!textAreaContext?.["aria-invalid"] &&
-      textAreaContext["aria-invalid"] !== "false");
-
-  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {
-    const target = event.target as HTMLElement;
-    if (target.closest("input, button, a")) return;
-    const input = (
-      inputRef as React.RefObject<HTMLInputElement | HTMLTextAreaElement>
-    ).current;
-    if (!input) return;
-    requestAnimationFrame(() => {
-      input.focus();
-    });
-  };
-
-  return (
-    <AriaGroup
-      role="presentation"
-      {...props}
-      onPointerDown={handlePointerDown}
-      isDisabled={isDisabled}
-      isInvalid={isInvalid}
-      className={root({ className })}
-    >
-      {composeRenderProps(props.children, (children) => (
-        <Provider
-          values={[
-            [
-              AriaInputContext,
-              {
-                ...inputContext,
-                ref: mergeRefs(inputRef, inputContext?.ref ?? null),
-              },
-            ],
-            [
-              AriaTextAreaContext,
-              {
-                ...textAreaContext,
-                ref: mergeRefs(inputRef, textAreaContext?.ref ?? null),
-              },
-            ],
-          ]}
-        >
-          {isLoading && loaderPosition === "prefix" ? (
-            <Loader2Icon className="animate-spin" />
-          ) : (
-            prefix
-          )}
-          {children}
-          {isLoading && loaderPosition === "suffix" ? (
-            <Loader2Icon className="animate-spin" />
-          ) : (
-            suffix
-          )}
-        </Provider>
-      ))}
-    </AriaGroup>
-  );
-};
-
-export type { InputProps, InputRootProps, TextAreaInputProps };
-export { Input, TextAreaInput, InputRoot, inputStyles };
diff --git a/www/src/registry/core/input-02.tsx b/www/src/registry/core/input-02.tsx
deleted file mode 100644
index 1402c0de4..000000000
--- a/www/src/registry/core/input-02.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { mergeRefs, chain } from "@react-aria/utils";
-import { useControlledState } from "@react-stately/utils";
-import { Loader2Icon } from "lucide-react";
-import {
-  Provider,
-  composeRenderProps,
-  Input as AriaInput,
-  Group as AriaGroup,
-  TextArea as AriaTextArea,
-  InputContext as AriaInputContext,
-  TextAreaContext as AriaTextAreaContext,
-  type TextAreaProps as AriaTextAreaProps,
-  type GroupProps as AriaGroupProps,
-  type InputProps as AriaInputProps,
-  useSlottedContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusInput } from "@/registry/lib/focus-styles";
-
-const inputStyles = tv({
-  slots: {
-    root: [
-      focusInput(),
-      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
-      "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
-      "invalid:border-border-danger focus-within:invalid:border-border",
-    ],
-    input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
-    ],
-  },
-  variants: {
-    size: {
-      sm: { root: "h-8" },
-      md: { root: "h-9" },
-      lg: { root: "h-10" },
-    },
-    multiline: {
-      true: {
-        root: "h-auto flex-col items-stretch p-2",
-        input: "min-h-14 resize-none overflow-auto",
-      },
-      false: {
-        input: "flex-1",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-    multiline: false,
-  },
-});
-
-interface TextAreaInputProps extends Omit<AriaTextAreaProps, "className"> {
-  className?: string;
-}
-const TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(
-  ({ className, onChange, rows = 1, ...props }, forwardedRef) => {
-    const { input } = inputStyles({ multiline: true });
-    const [inputValue, setInputValue] = useControlledState(
-      props.value,
-      props.defaultValue ?? "",
-      () => {
-        // Do nothing
-      }
-    );
-    const inputRef = React.useRef<HTMLTextAreaElement>(null);
-
-    const onHeightChange = React.useCallback(() => {
-      if (inputRef.current) {
-        const input = inputRef.current;
-        const prevAlignment = input.style.alignSelf;
-        const prevOverflow = input.style.overflow;
-        const isFirefox = "MozAppearance" in input.style;
-        if (!isFirefox) {
-          input.style.overflow = "hidden";
-        }
-        input.style.alignSelf = "start";
-        input.style.height = "auto";
-        input.style.height = `${
-          input.scrollHeight + (input.offsetHeight - input.clientHeight)
-        }px`;
-        input.style.overflow = prevOverflow;
-        input.style.alignSelf = prevAlignment;
-      }
-    }, [inputRef]);
-
-    React.useLayoutEffect(() => {
-      if (inputRef.current) {
-        onHeightChange();
-      }
-    }, [onHeightChange, inputValue, inputRef]);
-
-    return (
-      <AriaTextArea
-        ref={mergeRefs(inputRef, forwardedRef)}
-        className={input({ className })}
-        onChange={chain(onChange, setInputValue)}
-        rows={rows}
-        {...props}
-      />
-    );
-  }
-);
-TextAreaInput.displayName = "TextAreaInput";
-
-interface InputProps
-  extends Omit<AriaInputProps, "className" | "size" | "prefix"> {
-  className?: string;
-}
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, ...props }, ref) => {
-    const { input } = inputStyles();
-    return <AriaInput ref={ref} className={input({ className })} {...props} />;
-  }
-);
-Input.displayName = "Input";
-
-interface InputRootProps
-  extends Omit<AriaGroupProps, "className" | "prefix">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-  className?: string;
-}
-const InputRoot = ({
-  className,
-  prefix,
-  suffix,
-  isLoading,
-  loaderPosition,
-  size,
-  multiline,
-  ...props
-}: InputRootProps) => {
-  const { root } = inputStyles({ size, multiline });
-  const inputContext = useSlottedContext(AriaInputContext);
-  const textAreaContext = useSlottedContext(AriaTextAreaContext);
-  const inputRef = React.useRef(null);
-  const isDisabled =
-    props.isDisabled || inputContext?.disabled || textAreaContext?.disabled;
-  const isInvalid =
-    props.isInvalid ||
-    (!!inputContext?.["aria-invalid"] &&
-      inputContext["aria-invalid"] !== "false") ||
-    (!!textAreaContext?.["aria-invalid"] &&
-      textAreaContext["aria-invalid"] !== "false");
-
-  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {
-    const target = event.target as HTMLElement;
-    if (target.closest("input, button, a")) return;
-    const input = (
-      inputRef as React.RefObject<HTMLInputElement | HTMLTextAreaElement>
-    ).current;
-    if (!input) return;
-    requestAnimationFrame(() => {
-      input.focus();
-    });
-  };
-
-  return (
-    <AriaGroup
-      role="presentation"
-      {...props}
-      onPointerDown={handlePointerDown}
-      isDisabled={isDisabled}
-      isInvalid={isInvalid}
-      className={root({ className })}
-    >
-      {composeRenderProps(props.children, (children) => (
-        <Provider
-          values={[
-            [
-              AriaInputContext,
-              {
-                ...inputContext,
-                ref: mergeRefs(inputRef, inputContext?.ref ?? null),
-              },
-            ],
-            [
-              AriaTextAreaContext,
-              {
-                ...textAreaContext,
-                ref: mergeRefs(inputRef, textAreaContext?.ref ?? null),
-              },
-            ],
-          ]}
-        >
-          {isLoading && loaderPosition === "prefix" ? (
-            <Loader2Icon className="animate-spin" />
-          ) : (
-            prefix
-          )}
-          {children}
-          {isLoading && loaderPosition === "suffix" ? (
-            <Loader2Icon className="animate-spin" />
-          ) : (
-            suffix
-          )}
-        </Provider>
-      ))}
-    </AriaGroup>
-  );
-};
-
-export type { InputProps, InputRootProps, TextAreaInputProps };
-export { Input, TextAreaInput, InputRoot, inputStyles };
diff --git a/www/src/__registry__/core/input-02.tsx b/www/src/registry/core/input.tsx
similarity index 100%
rename from www/src/__registry__/core/input-02.tsx
rename to www/src/registry/core/input.tsx
diff --git a/www/src/registry/core/kbd-01.tsx b/www/src/registry/core/kbd.tsx
similarity index 100%
rename from www/src/registry/core/kbd-01.tsx
rename to www/src/registry/core/kbd.tsx
diff --git a/www/src/registry/core/link-01.tsx b/www/src/registry/core/link.tsx
similarity index 100%
rename from www/src/registry/core/link-01.tsx
rename to www/src/registry/core/link.tsx
diff --git a/www/src/registry/core/list-box-01.tsx b/www/src/registry/core/list-box.tsx
similarity index 98%
rename from www/src/registry/core/list-box-01.tsx
rename to www/src/registry/core/list-box.tsx
index 3bf922b69..b14b55ff6 100644
--- a/www/src/registry/core/list-box-01.tsx
+++ b/www/src/registry/core/list-box.tsx
@@ -12,7 +12,7 @@ import {
   ListStateContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Text } from "@/registry/core/text-01";
+import { Text } from "@/registry/core/text";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const listBoxStyles = tv({
diff --git a/www/src/registry/core/loader-dot-spinner.tsx b/www/src/registry/core/loader-dot-spinner.tsx
new file mode 100644
index 000000000..72cbd6e44
--- /dev/null
+++ b/www/src/registry/core/loader-dot-spinner.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import React from "react";
+import { ProgressBar as AriaProgressBar } from "react-aria-components";
+import type { ProgressBarProps } from "react-aria-components";
+import { cn } from "@/registry/lib/cn";
+
+interface LoaderProps extends ProgressBarProps {
+  size?: number;
+}
+
+function Loader({ size = 20, className, ...props }: LoaderProps) {
+  return (
+    <AriaProgressBar
+      className={cn("relative items-center justify-center", className)}
+      {...props}
+      isIndeterminate
+      style={
+        {
+          "--size": `${size}px`,
+          width: "var(--size)",
+          height: "var(--size)",
+        } as React.CSSProperties
+      }
+    >
+      {[...Array(8)].map((_, index) => {
+        const angle = (index / 8) * (2 * Math.PI);
+        const x = Math.cos(angle);
+        const y = Math.sin(angle);
+
+        return (
+          <div
+            key={index}
+            className="animate-dot-spinner absolute size-[20%] -translate-x-1/2 -translate-y-1/2 rounded-full bg-current"
+            style={{
+              animationDelay: `${index * 0.1}s`,
+              top: `${50 + y * 40}%`,
+              left: `${50 + x * 40}%`,
+            }}
+          ></div>
+        );
+      })}
+    </AriaProgressBar>
+  );
+}
+
+export type { LoaderProps };
+export { Loader };
diff --git a/www/src/registry/core/loader-line-spinner.tsx b/www/src/registry/core/loader-line-spinner.tsx
new file mode 100644
index 000000000..12eea856f
--- /dev/null
+++ b/www/src/registry/core/loader-line-spinner.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { ProgressBar as AriaProgressBar } from "react-aria-components";
+import type { ProgressBarProps } from "react-aria-components";
+
+interface LoaderProps extends ProgressBarProps {
+  size?: number;
+}
+
+function Loader({ size = 20, ...props }: LoaderProps) {
+  return (
+    <AriaProgressBar
+      {...props}
+      className="size-10"
+      isIndeterminate
+      style={
+        {
+          "--size": `${size}px`,
+          width: "var(--size)",
+          height: "var(--size)",
+        } as React.CSSProperties
+      }
+    >
+      <div className="relative left-1/2 top-1/2 h-full w-full">
+        {Array.from({ length: 12 }).map((_, i) => (
+          <span
+            key={i}
+            className="animate-line-spinner absolute left-[-10%] top-[-3.9%] h-[8%] w-[24%] rounded-sm bg-current"
+            style={{
+              transform: `rotate(${i * 30}deg) translate(146%)`,
+              animationDelay: `-${(12 - i) * 0.1}s`,
+            }}
+          ></span>
+        ))}
+      </div>
+    </AriaProgressBar>
+  );
+}
+
+export type { LoaderProps };
+export { Loader };
diff --git a/www/src/registry/core/loader-ring.tsx b/www/src/registry/core/loader-ring.tsx
new file mode 100644
index 000000000..90b6a9f4b
--- /dev/null
+++ b/www/src/registry/core/loader-ring.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import { ProgressBar as AriaProgressBar } from "react-aria-components";
+import type { ProgressBarProps } from "react-aria-components";
+
+interface LoaderProps extends ProgressBarProps {
+  size?: number;
+}
+
+function Loader({ size = 20, ...props }: LoaderProps) {
+  return (
+    <AriaProgressBar {...props} isIndeterminate>
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        className="block animate-spin"
+      >
+        <path
+          className="fill-current opacity-25"
+          d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
+        />
+        <path
+          className="fill-current"
+          d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
+        />
+      </svg>
+    </AriaProgressBar>
+  );
+}
+
+export type { LoaderProps };
+export { Loader };
diff --git a/www/src/registry/core/loader-tailspin.tsx b/www/src/registry/core/loader-tailspin.tsx
new file mode 100644
index 000000000..b29a35b53
--- /dev/null
+++ b/www/src/registry/core/loader-tailspin.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import React from "react";
+import { ProgressBar as AriaProgressBar } from "react-aria-components";
+import type { ProgressBarProps } from "react-aria-components";
+
+interface LoaderProps extends ProgressBarProps {
+  size?: number;
+}
+
+function Loader({ size = 40, ...props }: LoaderProps) {
+  return (
+    <AriaProgressBar {...props} isIndeterminate>
+      <div
+        className="relative flex animate-spin items-center justify-start rounded-full"
+        style={
+          {
+            "--size": `${size}px`,
+            "--color": "currentColor",
+            "--stroke": `${size / 10}px`,
+            "--mask-size": "calc(var(--size) / 2 - var(--stroke))",
+            width: "var(--size)",
+            height: "var(--size)",
+            WebkitMask:
+              "radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)",
+            mask: "radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)",
+            backgroundImage: "conic-gradient(transparent 25%, var(--color))",
+          } as React.CSSProperties
+        }
+      ></div>
+    </AriaProgressBar>
+  );
+}
+
+export type { LoaderProps };
+export { Loader };
+
+{
+  /* <div class="container"></div>
+
+<style>
+  .container {
+    --uib-size: 40px;
+    --uib-color: black;
+    --uib-speed: .9s;
+    --uib-stroke: 5px;
+    --mask-size: calc(var(--uib-size) / 2 - var(--uib-stroke));
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    height: var(--uib-size);
+    width: var(--uib-size);
+    -webkit-mask: radial-gradient(
+      circle var(--mask-size),
+      transparent 99%,
+      #000 100%
+    );
+    mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);
+    background-image: conic-gradient(transparent 25%, var(--uib-color));
+    animation: spin calc(var(--uib-speed)) linear infinite;
+    border-radius: 50%;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+</style>
+ */
+}
diff --git a/www/src/registry/core/loader-wave.tsx b/www/src/registry/core/loader-wave.tsx
new file mode 100644
index 000000000..3ac8eee3e
--- /dev/null
+++ b/www/src/registry/core/loader-wave.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { ProgressBar as AriaProgressBar } from "react-aria-components";
+import type { ProgressBarProps } from "react-aria-components";
+import { cn } from "@/registry/lib/cn";
+
+interface LoaderProps extends ProgressBarProps {
+  size?: number;
+}
+
+function Loader({ size = 20, className, ...props }: LoaderProps) {
+  return (
+    <AriaProgressBar
+      className={cn("flex items-center justify-between")}
+      {...props}
+      isIndeterminate
+      style={
+        {
+          "--size": `${size}px`,
+          width: `var(--size)`,
+          height: `calc(var(--size) * 0.9)`,
+        } as React.CSSProperties
+      }
+    >
+      {[...Array(4)].map((_, index) => (
+        <motion.div
+          key={index}
+          className="h-full w-[2px] rounded-full bg-current"
+          animate={{
+            scaleY: [0.3, 1, 0.3],
+          }}
+          transition={{
+            duration: 1,
+            repeat: Infinity,
+            ease: "easeInOut",
+            delay: index * 0.1,
+          }}
+        />
+      ))}
+    </AriaProgressBar>
+  );
+}
+
+export type { LoaderProps };
+export { Loader };
diff --git a/www/src/registry/core/menu-01.tsx b/www/src/registry/core/menu.tsx
similarity index 97%
rename from www/src/registry/core/menu-01.tsx
rename to www/src/registry/core/menu.tsx
index 9bd9a2638..637eba17a 100644
--- a/www/src/registry/core/menu-01.tsx
+++ b/www/src/registry/core/menu.tsx
@@ -13,9 +13,9 @@ import {
   type MenuTriggerProps as AriaMenuTriggerProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Kbd } from "@/registry/core/kbd-01";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay-01";
-import { Text } from "@/registry/core/text-01";
+import { Kbd } from "@/registry/core/kbd";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay";
+import { Text } from "@/registry/core/text";
 
 const menuStyles = tv({
   base: [
diff --git a/www/src/__registry__/core/number-field-01.tsx b/www/src/registry/core/number-field.tsx
similarity index 97%
rename from www/src/__registry__/core/number-field-01.tsx
rename to www/src/registry/core/number-field.tsx
index cfba9ca86..a7231b84d 100644
--- a/www/src/__registry__/core/number-field-01.tsx
+++ b/www/src/registry/core/number-field.tsx
@@ -13,8 +13,8 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 
 const numberFieldStyles = tv({
diff --git a/www/src/registry/core/overlay-01.tsx b/www/src/registry/core/overlay.tsx
similarity index 100%
rename from www/src/registry/core/overlay-01.tsx
rename to www/src/registry/core/overlay.tsx
diff --git a/www/src/registry/core/progress-01.tsx b/www/src/registry/core/progress.tsx
similarity index 99%
rename from www/src/registry/core/progress-01.tsx
rename to www/src/registry/core/progress.tsx
index f2197a190..a506e1b55 100644
--- a/www/src/registry/core/progress-01.tsx
+++ b/www/src/registry/core/progress.tsx
@@ -7,7 +7,7 @@ import {
   type ProgressBarProps as AriaProgressProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Label } from "@/registry/core/field-01";
+import { Label } from "@/registry/core/field";
 import { cn } from "@/registry/lib/cn";
 
 const progressStyles = tv({
diff --git a/www/src/registry/core/radio-group-01.tsx b/www/src/registry/core/radio-group.tsx
similarity index 97%
rename from www/src/registry/core/radio-group-01.tsx
rename to www/src/registry/core/radio-group.tsx
index c899553e2..34ece4a69 100644
--- a/www/src/registry/core/radio-group-01.tsx
+++ b/www/src/registry/core/radio-group.tsx
@@ -9,7 +9,7 @@ import {
   type RadioProps as AriaRadioProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field-01";
+import { Field, type FieldProps } from "@/registry/core/field";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
 
 const radioGroupStyles = tv({
@@ -124,7 +124,7 @@ const Radio = React.forwardRef<React.ElementRef<typeof AriaRadio>, RadioProps>(
         {composeRenderProps(props.children, (children) => (
           <>
             <div className={indicator({ className: "" })} />
-            <div>{children}</div>
+            {children}
           </>
         ))}
       </AriaRadio>
diff --git a/www/src/registry/core/range-calendar-01.tsx b/www/src/registry/core/range-calendar.tsx
similarity index 95%
rename from www/src/registry/core/range-calendar-01.tsx
rename to www/src/registry/core/range-calendar.tsx
index 7f1e56d97..a73a0cb26 100644
--- a/www/src/registry/core/range-calendar-01.tsx
+++ b/www/src/registry/core/range-calendar.tsx
@@ -19,9 +19,9 @@ import {
   CalendarGridBody,
   CalendarCell,
   calendarStyles,
-} from "@/registry/core/calendar-01";
-import { Heading } from "@/registry/core/heading-01";
-import { Text } from "@/registry/core/text-01";
+} from "@/registry/core/calendar";
+import { Heading } from "@/registry/core/heading";
+import { Text } from "@/registry/core/text";
 
 interface RangeCalendarProps<T extends DateValue>
   extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
diff --git a/www/src/registry/core/scroll-area-01.tsx b/www/src/registry/core/scroll-area.tsx
similarity index 100%
rename from www/src/registry/core/scroll-area-01.tsx
rename to www/src/registry/core/scroll-area.tsx
diff --git a/www/src/__registry__/core/search-field-01.tsx b/www/src/registry/core/search-field.tsx
similarity index 97%
rename from www/src/__registry__/core/search-field-01.tsx
rename to www/src/registry/core/search-field.tsx
index d28cd2aa9..973e85d35 100644
--- a/www/src/__registry__/core/search-field-01.tsx
+++ b/www/src/registry/core/search-field.tsx
@@ -8,8 +8,8 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 
 const searchFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/core/section-01.tsx b/www/src/registry/core/section.tsx
similarity index 100%
rename from www/src/registry/core/section-01.tsx
rename to www/src/registry/core/section.tsx
diff --git a/www/src/registry/core/select-01.tsx b/www/src/registry/core/select.tsx
similarity index 95%
rename from www/src/registry/core/select-01.tsx
rename to www/src/registry/core/select.tsx
index 1e6fa9961..dc53f27e6 100644
--- a/www/src/registry/core/select-01.tsx
+++ b/www/src/registry/core/select.tsx
@@ -11,9 +11,9 @@ import {
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { ListBox, type ListBoxProps } from "@/registry/core/list-box-01";
-import { Overlay } from "@/registry/core/overlay-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { ListBox, type ListBoxProps } from "@/registry/core/list-box";
+import { Overlay } from "@/registry/core/overlay";
 
 const selectStyles = tv({
   slots: {
diff --git a/www/src/registry/core/separator-01.tsx b/www/src/registry/core/separator.tsx
similarity index 100%
rename from www/src/registry/core/separator-01.tsx
rename to www/src/registry/core/separator.tsx
diff --git a/www/src/registry/core/skeleton-01.tsx b/www/src/registry/core/skeleton.tsx
similarity index 100%
rename from www/src/registry/core/skeleton-01.tsx
rename to www/src/registry/core/skeleton.tsx
diff --git a/www/src/registry/core/slider-01.tsx b/www/src/registry/core/slider.tsx
similarity index 99%
rename from www/src/registry/core/slider-01.tsx
rename to www/src/registry/core/slider.tsx
index b0161e687..76ab370ee 100644
--- a/www/src/registry/core/slider-01.tsx
+++ b/www/src/registry/core/slider.tsx
@@ -16,7 +16,7 @@ import {
   TextContext as AriaTextContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Description, Label, type FieldProps } from "@/registry/core/field-01";
+import { Description, Label, type FieldProps } from "@/registry/core/field";
 import { cn } from "@/registry/lib/cn";
 import { focusRing } from "@/registry/lib/focus-styles";
 
diff --git a/www/src/registry/core/switch-01.tsx b/www/src/registry/core/switch.tsx
similarity index 100%
rename from www/src/registry/core/switch-01.tsx
rename to www/src/registry/core/switch.tsx
diff --git a/www/src/registry/core/table.tsx b/www/src/registry/core/table.tsx
new file mode 100644
index 000000000..86901ee3e
--- /dev/null
+++ b/www/src/registry/core/table.tsx
@@ -0,0 +1,276 @@
+"use client";
+
+import React from "react";
+// import { IconChevronLgDown, IconHamburger } from "lucide-react";
+import { MenuIcon, ChevronDownIcon } from "lucide-react";
+import type {
+  CellProps,
+  ColumnProps,
+  ColumnResizerProps,
+  TableHeaderProps as HeaderProps,
+  RowProps,
+  TableBodyProps,
+  TableProps as TablePrimitiveProps,
+} from "react-aria-components";
+import {
+  Button,
+  Cell,
+  Collection,
+  Column,
+  ColumnResizer as ColumnResizerPrimitive,
+  ResizableTableContainer,
+  Row,
+  TableBody,
+  TableHeader,
+  Table as TablePrimitive,
+  composeRenderProps,
+  useTableOptions,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Checkbox } from "@/registry/core/checkbox";
+import { cn } from "@/registry/lib/cn";
+
+const table = tv({
+  slots: {
+    root: "outline-hidden **:drop-target:border **:drop-target:border-primary table w-full min-w-full caption-bottom border-spacing-0 text-sm border rounded-md",
+    header: "x32 border-b",
+    row: "tr bg-bg text-fg/70 outline-hidden ring-primary focus-visible:ring-1 focus:ring-0 group relative cursor-default border-b",
+    cellIcon:
+      "bg-bg-muted text-fg grid size-[1.15rem] flex-none shrink-0 place-content-center rounded *:data-[slot=icon]:size-3.5 *:data-[slot=icon]:shrink-0 *:data-[slot=icon]:transition-transform *:data-[slot=icon]:duration-200",
+    columnResizer: [
+      "[&[data-resizing]>div]:bg-primary absolute bottom-0 right-0 top-0 grid w-px touch-none place-content-center px-1",
+      "&[data-resizable-direction=left]:cursor-e-resize &[data-resizable-direction=right]:cursor-w-resize data-[resizable-direction=both]:cursor-ew-resize",
+    ],
+  },
+});
+
+const { root, header, row, cellIcon, columnResizer } = table();
+
+interface TableProps extends TablePrimitiveProps {
+  className?: string;
+  allowResize?: boolean;
+}
+
+const TableContext = React.createContext<TableProps>({
+  allowResize: false,
+});
+
+const useTableContext = () => React.useContext(TableContext);
+
+const Table = ({ children, className, ...props }: TableProps) => (
+  <TableContext.Provider value={props}>
+    <div className="relative w-full overflow-auto">
+      {props.allowResize ? (
+        <ResizableTableContainer className="overflow-auto">
+          <TablePrimitive {...props} className={root({ className })}>
+            {children}
+          </TablePrimitive>
+        </ResizableTableContainer>
+      ) : (
+        <TablePrimitive {...props} className={root({ className })}>
+          {children}
+        </TablePrimitive>
+      )}
+    </div>
+  </TableContext.Provider>
+);
+
+const ColumnResizer = ({ className, ...props }: ColumnResizerProps) => (
+  <ColumnResizerPrimitive
+    {...props}
+    className={composeRenderProps(className, (className, renderProps) =>
+      columnResizer({
+        ...renderProps,
+        className,
+      })
+    )}
+  >
+    <div className="bg-border h-full w-px py-3" />
+  </ColumnResizerPrimitive>
+);
+
+const Body = <T extends object>(props: TableBodyProps<T>) => (
+  <TableBody
+    data-slot="table-body"
+    {...props}
+    className={cn("[&_.tr:last-child]:border-0")}
+  />
+);
+
+interface TableCellProps extends CellProps {
+  className?: string;
+}
+
+const cellStyles = tv({
+  base: "outline-hidden group whitespace-nowrap px-3 py-3",
+  variants: {
+    allowResize: {
+      true: "overflow-hidden truncate",
+    },
+  },
+});
+const TableCell = ({ children, className, ...props }: TableCellProps) => {
+  const { allowResize } = useTableContext();
+  return (
+    <Cell
+      data-slot="table-cell"
+      {...props}
+      className={cellStyles({ allowResize, className })}
+    >
+      {children}
+    </Cell>
+  );
+};
+
+const columnStyles = tv({
+  base: "allows-sorting:cursor-pointer outline-hidden data-dragging:cursor-grabbing relative whitespace-nowrap px-3 py-3 text-left font-medium [&:has([slot=selection])]:pr-0",
+  variants: {
+    isResizable: {
+      true: "overflow-hidden truncate",
+    },
+  },
+});
+
+interface TableColumnProps extends ColumnProps {
+  className?: string;
+  isResizable?: boolean;
+}
+
+const TableColumn = ({
+  isResizable = false,
+  className,
+  ...props
+}: TableColumnProps) => {
+  return (
+    <Column
+      data-slot="table-column"
+      {...props}
+      className={columnStyles({
+        isResizable,
+        className,
+      })}
+    >
+      {({ allowsSorting, sortDirection, isHovered }) => (
+        <div className="**:data-[slot=icon]:shrink-0 flex items-center gap-2">
+          <>
+            {props.children as React.ReactNode}
+            {allowsSorting && (
+              <span
+                className={cellIcon({
+                  className: isHovered ? "bg-secondary-fg/10" : "",
+                })}
+              >
+                <ChevronDownIcon
+                  className={sortDirection === "ascending" ? "rotate-180" : ""}
+                />
+              </span>
+            )}
+            {isResizable && <ColumnResizer />}
+          </>
+        </div>
+      )}
+    </Column>
+  );
+};
+
+interface TableHeaderProps<T extends object> extends HeaderProps<T> {
+  className?: string;
+  ref?: React.Ref<HTMLTableSectionElement>;
+}
+
+const Header = <T extends object>({
+  children,
+  ref,
+  className,
+  columns,
+  ...props
+}: TableHeaderProps<T>) => {
+  const { selectionBehavior, selectionMode, allowsDragging } =
+    useTableOptions();
+  return (
+    <TableHeader
+      data-slot="table-header"
+      ref={ref}
+      className={header({ className })}
+      {...props}
+    >
+      {allowsDragging && <Column className="w-0" />}
+      {selectionBehavior === "toggle" && (
+        <Column className="w-0 pl-4">
+          {selectionMode === "multiple" && <Checkbox slot="selection" />}
+        </Column>
+      )}
+      <Collection items={columns}>{children}</Collection>
+    </TableHeader>
+  );
+};
+
+interface TableRowProps<T extends object> extends RowProps<T> {
+  className?: string;
+  ref?: React.Ref<HTMLTableRowElement>;
+}
+
+const TableRow = <T extends object>({
+  children,
+  className,
+  columns,
+  id,
+  ref,
+  ...props
+}: TableRowProps<T>) => {
+  const { selectionBehavior, allowsDragging } = useTableOptions();
+  return (
+    <Row
+      ref={ref}
+      data-slot="table-row"
+      id={id}
+      {...props}
+      className={row({
+        className:
+          "href" in props
+            ? cn(
+                "data-hovered:bg-secondary/50 data-hovered:text-secondary-fg cursor-pointer",
+                className
+              )
+            : "",
+      })}
+    >
+      {allowsDragging && (
+        <Cell className="ring-primary data-dragging:cursor-grabbing group cursor-grab pr-0">
+          <Button
+            className="text-muted-fg data-pressed:text-fg relative bg-transparent py-1.5 pl-3.5"
+            slot="drag"
+          >
+            <MenuIcon />
+          </Button>
+        </Cell>
+      )}
+      {selectionBehavior === "toggle" && (
+        <Cell className="pl-4">
+          <span
+            aria-hidden
+            className="bg-primary group-data-selected:block absolute inset-y-0 left-0 hidden h-full w-0.5"
+          />
+          <Checkbox slot="selection" />
+        </Cell>
+      )}
+      <Collection items={columns}>{children}</Collection>
+    </Row>
+  );
+};
+
+export type {
+  TableProps,
+  TableBodyProps,
+  TableCellProps,
+  TableColumnProps,
+  TableRowProps,
+};
+export {
+  Table,
+  Body as TableBody,
+  Header as TableHeader,
+  TableCell,
+  TableColumn,
+  TableRow,
+};
diff --git a/www/src/registry/core/tabs-01.tsx b/www/src/registry/core/tabs.tsx
similarity index 100%
rename from www/src/registry/core/tabs-01.tsx
rename to www/src/registry/core/tabs.tsx
diff --git a/www/src/registry/core/tag-group-01.tsx b/www/src/registry/core/tag-group.tsx
similarity index 95%
rename from www/src/registry/core/tag-group-01.tsx
rename to www/src/registry/core/tag-group.tsx
index 725612b84..ae4cb5ce7 100644
--- a/www/src/registry/core/tag-group-01.tsx
+++ b/www/src/registry/core/tag-group.tsx
@@ -12,7 +12,7 @@ import {
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { Field } from "@/registry/core/field-01";
+import { Field } from "@/registry/core/field";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const tagGroupStyles = tv({
diff --git a/www/src/registry/core/text-area-01.tsx b/www/src/registry/core/text-area.tsx
similarity index 91%
rename from www/src/registry/core/text-area-01.tsx
rename to www/src/registry/core/text-area.tsx
index d4be2a3fe..ab53b7a01 100644
--- a/www/src/registry/core/text-area-01.tsx
+++ b/www/src/registry/core/text-area.tsx
@@ -2,16 +2,16 @@
 
 import * as React from "react";
 import { type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field-01";
+import { Field, type FieldProps } from "@/registry/core/field";
 import {
   InputRoot,
   TextAreaInput,
   type inputStyles,
-} from "@/registry/core/input-01";
+} from "@/registry/core/input";
 import {
   TextFieldRoot,
   type TextFieldRootProps,
-} from "@/registry/core/text-field-01";
+} from "@/registry/core/text-field";
 
 type TextAreaProps = TextFieldRootProps &
   Omit<FieldProps, "children"> &
diff --git a/www/src/registry/core/text-field-01.tsx b/www/src/registry/core/text-field.tsx
similarity index 96%
rename from www/src/registry/core/text-field-01.tsx
rename to www/src/registry/core/text-field.tsx
index c2017460a..7ba74ecbb 100644
--- a/www/src/registry/core/text-field-01.tsx
+++ b/www/src/registry/core/text-field.tsx
@@ -6,8 +6,8 @@ import {
   type TextFieldProps as AriaTextFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 
 const textFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/core/text-01.tsx b/www/src/registry/core/text.tsx
similarity index 100%
rename from www/src/registry/core/text-01.tsx
rename to www/src/registry/core/text.tsx
diff --git a/www/src/registry/core/time-field-01.tsx b/www/src/registry/core/time-field.tsx
similarity index 96%
rename from www/src/registry/core/time-field-01.tsx
rename to www/src/registry/core/time-field.tsx
index aef7ab12b..e483f0f5d 100644
--- a/www/src/registry/core/time-field-01.tsx
+++ b/www/src/registry/core/time-field.tsx
@@ -7,9 +7,9 @@ import {
   type TimeValue,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input-01";
-import { Field, type FieldProps } from "@/registry/core/field-01";
-import { InputRoot, type inputStyles } from "@/registry/core/input-01";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, type inputStyles } from "@/registry/core/input";
 
 const timeFieldStyles = tv({
   slots: {
diff --git a/www/src/registry/core/toggle-button-01.tsx b/www/src/registry/core/toggle-button.tsx
similarity index 100%
rename from www/src/registry/core/toggle-button-01.tsx
rename to www/src/registry/core/toggle-button.tsx
diff --git a/www/src/registry/core/toggle-group-01.tsx b/www/src/registry/core/toggle-group.tsx
similarity index 100%
rename from www/src/registry/core/toggle-group-01.tsx
rename to www/src/registry/core/toggle-group.tsx
diff --git a/www/src/registry/core/tooltip-01.tsx b/www/src/registry/core/tooltip.tsx
similarity index 100%
rename from www/src/registry/core/tooltip-01.tsx
rename to www/src/registry/core/tooltip.tsx
diff --git a/www/src/registry/index.ts b/www/src/registry/index.ts
index 00e52ef01..451760e81 100644
--- a/www/src/registry/index.ts
+++ b/www/src/registry/index.ts
@@ -1,6 +1,6 @@
 import { type Registry } from "@dotui/registry/types";
-import { core } from "@/registry/core";
-import { hooks } from "@/registry/hooks";
-import { themes } from "@/registry/themes";
+import { core } from "@/registry/registry-core";
+import { hooks } from "@/registry/registry-hooks";
+import { themes } from "@/registry/registry-themes";
 
 export const registry: Registry = [...core, ...hooks, ...themes];
diff --git a/www/src/registry/lib/focus-styles-01.tsx b/www/src/registry/lib/focus-styles-01.tsx
new file mode 100644
index 000000000..1ec8492d5
--- /dev/null
+++ b/www/src/registry/lib/focus-styles-01.tsx
@@ -0,0 +1,13 @@
+import { tv } from "tailwind-variants";
+
+export const focusRing = tv({
+  base: "focus-visible:ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 transition-[box-shadow] focus-visible:ring-2 focus-visible:ring-offset-2",
+});
+
+export const focusRingGroup = tv({
+  base: "ring-border-focus group-focus-visible:ring-offset-bg outline-hidden ring-0 group-focus-visible:ring-2 group-focus-visible:ring-offset-2",
+});
+
+export const focusInput = tv({
+  base: "focus-within:ring-border-focus ring-0 focus-within:ring-2",
+});
diff --git a/www/src/registry/core.ts b/www/src/registry/registry-core.ts
similarity index 100%
rename from www/src/registry/core.ts
rename to www/src/registry/registry-core.ts
diff --git a/www/src/registry/hooks.ts b/www/src/registry/registry-hooks.ts
similarity index 100%
rename from www/src/registry/hooks.ts
rename to www/src/registry/registry-hooks.ts
diff --git a/www/src/registry/icons.ts b/www/src/registry/registry-icons.ts
similarity index 100%
rename from www/src/registry/icons.ts
rename to www/src/registry/registry-icons.ts
diff --git a/www/src/registry/lib.ts b/www/src/registry/registry-lib.ts
similarity index 100%
rename from www/src/registry/lib.ts
rename to www/src/registry/registry-lib.ts
diff --git a/www/src/registry/themes.ts b/www/src/registry/registry-themes.ts
similarity index 100%
rename from www/src/registry/themes.ts
rename to www/src/registry/registry-themes.ts
diff --git a/www/src/styles/docs.css b/www/src/styles/docs.css
new file mode 100644
index 000000000..3c5baf0ba
--- /dev/null
+++ b/www/src/styles/docs.css
@@ -0,0 +1,63 @@
+@utility container {
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 2rem;
+  padding-right: 2rem;
+  
+  @media (width >= 1400px) {
+    max-width: 1400px;
+  }
+}
+
+@utility shiki {
+  & code span {
+    color: var(--shiki-light);
+  }
+  .dark & code span {
+    color: var(--shiki-dark);
+  }
+  .highlighted {
+    margin: 0 -16px;
+    padding: 2px 16px;
+    background-color: var(--color-bg-muted) !important;
+  }
+}
+
+@utility dark {
+  & .shiki code span {
+    color: var(--shiki-dark);
+  }
+}
+
+@utility step {
+  counter-increment: step;
+
+  &:before {
+    @apply border-bg bg-bg-muted text-fg-muted absolute inline-flex size-9 items-center justify-center rounded-xl border-4 text-center -indent-px font-mono text-sm font-medium;
+    @apply ml-[-50px] mt-[-4px];
+    content: counter(step);
+  }
+}
+
+@utility category {
+  @apply relative;
+
+  &:before {
+    @apply bg-border absolute left-0 top-0 -ml-1 mt-2 h-2 w-2 rounded-full content-[''];
+  }
+
+  &:after {
+    @apply bg-border absolute left-0 top-3 h-3 w-[1px] content-[''];
+  }
+}
+
+@utility transition-sidebar {
+  transition-property: transform, width, left, opacity, color;
+  transition-duration: 0.25s;
+  transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+.shiki,
+.shiki span {
+  background-color: transparent !important;
+}
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 21212bde8..9fc0a2557 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,6 +1,7 @@
 @import "tailwindcss";
 @plugin "tailwindcss-animate";
 @plugin "tailwindcss-rac";
+@import "./docs.css";
 
 @variant dark (&:where(.dark, .dark *));
 
@@ -20,16 +21,16 @@
     --color-neutral-900: hsl(0, 0%, 16%);
     --color-neutral-1000: hsl(0, 0%, 12%);
 
-    --color-primary-100: hsl(0, 0%, 87%);
-    --color-primary-200: hsl(0, 0%, 79%);
-    --color-primary-300: hsl(0, 0%, 73%);
-    --color-primary-400: hsl(0, 0%, 65%);
-    --color-primary-500: hsl(0, 0%, 54%);
-    --color-primary-600: hsl(0, 0%, 42%);
-    --color-primary-700: hsl(0, 0%, 35%);
-    --color-primary-800: hsl(0, 0%, 28%);
-    --color-primary-900: hsl(0, 0%, 16%);
-    --color-primary-1000: hsl(0, 0%, 12%);
+    --color-accent-100: hsl(210, 100%, 88%);
+    --color-accent-200: hsl(210, 100%, 81%);
+    --color-accent-300: hsl(210, 100%, 74%);
+    --color-accent-400: hsl(210, 100%, 67%);
+    --color-accent-500: hsl(210, 64%, 55%);
+    --color-accent-600: hsl(210, 51%, 44%);
+    --color-accent-700: hsl(210, 51%, 36%);
+    --color-accent-800: hsl(210, 52%, 29%);
+    --color-accent-900: hsl(211, 52%, 17%);
+    --color-accent-1000: hsl(211, 52%, 12%);
 
     --color-success-100: hsl(130, 34%, 83%);
     --color-success-200: hsl(131, 35%, 75%);
@@ -64,16 +65,16 @@
     --color-danger-900: hsl(357, 64%, 20%);
     --color-danger-1000: hsl(358, 65%, 15%);
 
-    --color-accent-100: hsl(210, 100%, 88%);
-    --color-accent-200: hsl(210, 100%, 81%);
-    --color-accent-300: hsl(210, 100%, 74%);
-    --color-accent-400: hsl(210, 100%, 67%);
-    --color-accent-500: hsl(210, 64%, 55%);
-    --color-accent-600: hsl(210, 51%, 44%);
-    --color-accent-700: hsl(210, 51%, 36%);
-    --color-accent-800: hsl(210, 52%, 29%);
-    --color-accent-900: hsl(211, 52%, 17%);
-    --color-accent-1000: hsl(211, 52%, 12%);
+    --color-info-100: hsl(210, 100%, 88%);
+    --color-info-200: hsl(210, 100%, 81%);
+    --color-info-300: hsl(210, 100%, 74%);
+    --color-info-400: hsl(210, 100%, 67%);
+    --color-info-500: hsl(210, 64%, 55%);
+    --color-info-600: hsl(210, 51%, 44%);
+    --color-info-700: hsl(210, 51%, 36%);
+    --color-info-800: hsl(210, 52%, 29%);
+    --color-info-900: hsl(211, 52%, 17%);
+    --color-info-1000: hsl(211, 52%, 12%);
   }
 
   .dark {
@@ -88,6 +89,17 @@
     --color-neutral-900: hsl(240, 6%, 85%);
     --color-neutral-1000: hsl(240, 10%, 98%);
 
+    --color-accent-100: hsl(211, 51%, 12%);
+    --color-accent-200: hsl(211, 52%, 18%);
+    --color-accent-300: hsl(210, 52%, 29%);
+    --color-accent-400: hsl(209, 51%, 40%);
+    --color-accent-500: hsl(210, 52%, 48%);
+    --color-accent-600: hsl(210, 51%, 55%);
+    --color-accent-700: hsl(210, 68%, 62%);
+    --color-accent-800: hsl(210, 97%, 71%);
+    --color-accent-900: hsl(210, 100%, 82%);
+    --color-accent-1000: hsl(210, 100%, 87%);
+
     --color-success-100: hsl(132, 42%, 9%);
     --color-success-200: hsl(130, 41%, 14%);
     --color-success-300: hsl(131, 41%, 18%);
@@ -121,22 +133,22 @@
     --color-danger-900: hsl(359, 70%, 86%);
     --color-danger-1000: hsl(358, 69%, 90%);
 
-    --color-accent-100: hsl(211, 51%, 12%);
-    --color-accent-200: hsl(211, 52%, 18%);
-    --color-accent-300: hsl(210, 52%, 29%);
-    --color-accent-400: hsl(209, 51%, 40%);
-    --color-accent-500: hsl(210, 52%, 48%);
-    --color-accent-600: hsl(210, 51%, 55%);
-    --color-accent-700: hsl(210, 68%, 62%);
-    --color-accent-800: hsl(210, 97%, 71%);
-    --color-accent-900: hsl(210, 100%, 82%);
-    --color-accent-1000: hsl(210, 100%, 87%);
+    --color-info-100: hsl(211, 51%, 12%);
+    --color-info-200: hsl(211, 52%, 18%);
+    --color-info-300: hsl(210, 52%, 29%);
+    --color-info-400: hsl(209, 51%, 40%);
+    --color-info-500: hsl(210, 52%, 48%);
+    --color-info-600: hsl(210, 51%, 55%);
+    --color-info-700: hsl(210, 68%, 62%);
+    --color-info-800: hsl(210, 97%, 71%);
+    --color-info-900: hsl(210, 100%, 82%);
+    --color-info-1000: hsl(210, 100%, 87%);
   }
 }
 
 @theme {
-  --font-*: initial;
   /* fonts */
+  --font-*: initial;
   --font-josefin: var(--font-josefin);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
@@ -146,8 +158,6 @@
   --color-bg-muted: var(--color-neutral-200);
   --color-bg-inverse: var(--color-neutral-1000);
   --color-bg-disabled: var(--color-neutral-200);
-  --color-bg-tooltip: var(--color-neutral-200);
-  --color-bg-overlay: var(--color-neutral-200);
 
   --color-bg-neutral: var(--color-neutral-300);
   --color-bg-neutral-hover: var(--color-neutral-400);
@@ -160,73 +170,47 @@
   --color-bg-success: var(--color-success-500);
   --color-bg-success-hover: var(--color-success-600);
   --color-bg-success-active: var(--color-success-700);
-  --color-bg-success-muted: var(--color-success-200);
-  --color-bg-success-muted-hover: var(--color-success-300);
-  --color-bg-success-muted-active: var(--color-success-300);
 
   --color-bg-danger: var(--color-danger-500);
   --color-bg-danger-hover: var(--color-danger-600);
   --color-bg-danger-active: var(--color-danger-700);
-  --color-bg-danger-muted: var(--color-danger-100);
-  --color-bg-danger-muted-hover: var(--color-danger-300);
-  --color-bg-danger-muted-active: var(--color-danger-300);
 
   --color-bg-warning: var(--color-warning-500);
   --color-bg-warning-hover: var(--color-warning-600);
   --color-bg-warning-active: var(--color-warning-700);
-  --color-bg-warning-muted: var(--color-warning-100);
-  --color-bg-warning-muted-hover: var(--color-warning-300);
-  --color-bg-warning-muted-active: var(--color-warning-300);
 
   --color-bg-accent: var(--color-accent-500);
   --color-bg-accent-hover: var(--color-accent-600);
   --color-bg-accent-active: var(--color-accent-700);
-  --color-bg-accent-muted: var(--color-accent-200);
-  --color-bg-accent-muted-hover: var(--color-accent-300);
-  --color-bg-accent-muted-active: var(--color-accent-300);
 
   --color-fg: var(--color-neutral-1000);
   --color-fg-muted: var(--color-neutral-800);
   --color-fg-inverse: var(--color-neutral-100);
   --color-fg-disabled: var(--color-neutral-500);
-
   --color-fg-danger: var(--color-danger-700);
   --color-fg-warning: var(--color-warning-600);
   --color-fg-success: var(--color-success-700);
   --color-fg-accent: var(--color-accent-700);
 
-  --color-fg-link: var(--color-neutral-1000);
-  --color-fg-link-hover: var(--color-neutral-1000);
-  --color-fg-link-active: var(--color-neutral-1000);
-  --color-fg-link-visited: var(--color-neutral-1000);
-
-  --color-fg-onAccent: var(--color-neutral-1000);
   --color-fg-onNeutral: var(--color-neutral-1000);
   --color-fg-onPrimary: var(--color-neutral-100);
+  --color-fg-onAccent: var(--color-neutral-1000);
   --color-fg-onSuccess: var(--color-neutral-1000);
-  --color-fg-onMutedSuccess: var(--color-neutral-1000);
   --color-fg-onDanger: var(--color-neutral-1000);
-  --color-fg-onMutedDanger: var(--color-neutral-1000);
   --color-fg-onWarning: var(--color-neutral-1000);
-  --color-fg-onMutedWarning: var(--color-neutral-1000);
-  --color-fg-onTooltip: var(--color-neutral-1000);
+  --color-fg-onInfo: var(--color-neutral-1000);
 
   --color-border: var(--color-neutral-300);
   --color-border-field: var(--color-neutral-400);
   --color-border-control: var(--color-neutral-700);
-  --color-border-hover: var(--color-neutral-1000);
-  --color-border-active: var(--color-neutral-500);
   --color-border-disabled: var(--color-neutral-300);
+  --color-border-focus: var(--color-accent-500);
 
   --color-border-success: var(--color-success-300);
-  --color-border-danger: var(--color-danger-300);
-  --color-border-warning: var(--color-warning-200);
   --color-border-accent: var(--color-accent-300);
-
-  --color-border-accent: var(--color-accent-500);
-  --color-border-secondary: var(--color-neutral-200);
-  --color-border-focus: var(--color-accent-500);
-  --color-border-inverse: var(--color-neutral-500);
+  --color-border-danger: var(--color-danger-300);
+  --color-border-warning: var(--color-warning-300);
+  --color-border-info: var(--color-info-300);
 
   /* easing */
   --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
@@ -239,14 +223,8 @@
   --animate-progress-indeterminate: progress-grow var(--progress-duration) 1
       both normal,
     progress-pulse 1s ease var(--progress-duration) infinite normal none running;
-
-  /* breakpoints */
-  --breakpoint-xs: 30rem;
-  --breakpoint-sm: 40rem;
-  --breakpoint-md: 48rem;
-  --breakpoint-lg: 64rem;
-  --breakpoint-xl: 80rem;
-  --breakpoint-2xl: 96rem;
+  --animate-line-spinner: line-spinner 1.2s linear infinite;
+  --animate-dot-spinner: dot-spinner 0.8s linear infinite;
 }
 
 /* for specific styles */
@@ -337,61 +315,26 @@
   }
 }
 
-@utility container {
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-
-@utility shiki {
-  & code span {
-    color: var(--shiki-light);
-  }
-  .dark & code span {
-    color: var(--shiki-dark);
-  }
-  .highlighted {
-    margin: 0 -16px;
-    padding: 2px 16px;
-    background-color: var(--color-bg-muted) !important;
-  }
-}
-
-@utility dark {
-  & .shiki code span {
-    color: var(--shiki-dark);
+@keyframes line-spinner {
+  0% {
+    opacity: 1;
   }
-}
-
-@utility step {
-  counter-increment: step;
-
-  &:before {
-    @apply border-bg bg-bg-muted text-fg-muted absolute inline-flex size-9 items-center justify-center rounded-xl border-4 text-center -indent-px font-mono text-sm font-medium;
-    @apply ml-[-50px] mt-[-4px];
-    content: counter(step);
+  100% {
+    opacity: 0.15;
   }
 }
 
-@utility category {
-  @apply relative;
-
-  &:before {
-    @apply bg-border absolute left-0 top-0 -ml-1 mt-2 h-2 w-2 rounded-full content-[''];
+@keyframes dot-spinner {
+  0% {
+    opacity: 1;
+    transform: scale(1);
   }
-
-  &:after {
-    @apply bg-border absolute left-0 top-3 h-3 w-[1px] content-[''];
+  100% {
+    opacity: 0.15;
+    transform: scale(0.5);
   }
 }
 
-@utility transition-sidebar {
-  transition-property: transform, width, left, opacity, color;
-  transition-duration: 0.25s;
-  transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
-}
-
 @layer base {
   * {
     @apply border-border;
@@ -400,8 +343,3 @@
     @apply bg-bg text-fg;
   }
 }
-
-.shiki,
-.shiki span {
-  background-color: transparent !important;
-}

From 874550d243d9360bddfcc1ad3f14e7b3ecaf6c7c Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 9 Jan 2025 12:04:46 +0100
Subject: [PATCH 031/165] fix: format

---
 .../docs/components/buttons/toggle-button-group.mdx    |  3 +--
 www/src/app/(app)/themes/components/picker-style.tsx   |  2 +-
 www/src/app/internal/page.tsx                          | 10 +++++-----
 www/src/components/dynamic-core/loader.tsx             |  8 ++++----
 www/src/components/dynamic-core/table.tsx              |  2 +-
 www/src/components/header.tsx                          |  2 +-
 www/src/registry/core/button-03.tsx                    |  6 ++----
 www/src/registry/core/table.tsx                        |  4 ++--
 8 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/www/content/docs/components/buttons/toggle-button-group.mdx b/www/content/docs/components/buttons/toggle-button-group.mdx
index 46e4ec81f..59e28ef3d 100644
--- a/www/content/docs/components/buttons/toggle-button-group.mdx
+++ b/www/content/docs/components/buttons/toggle-button-group.mdx
@@ -12,7 +12,6 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
 ---
 
-
 ## Installation
 
 ## Usage
@@ -27,4 +26,4 @@ links:
 
 ## Accessibility
 
-### Keyboard interactions
\ No newline at end of file
+### Keyboard interactions
diff --git a/www/src/app/(app)/themes/components/picker-style.tsx b/www/src/app/(app)/themes/components/picker-style.tsx
index e316c8522..f76c6248a 100644
--- a/www/src/app/(app)/themes/components/picker-style.tsx
+++ b/www/src/app/(app)/themes/components/picker-style.tsx
@@ -56,7 +56,7 @@ export function PickerStyle() {
           </Radio>
         ))}
       </RadioGroup>
-      <ThemeOverride className="w-full flex flex-col items-center justify-center rounded-md border p-4">
+      <ThemeOverride className="flex w-full flex-col items-center justify-center rounded-md border p-4">
         <div className="flex flex-wrap items-center justify-center gap-4 p-2">
           <SelectDemo />
           <DatePickerDemo />
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index 82b462d84..566a063e8 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,10 +1,10 @@
+import { Loader as Loader4 } from "@/registry/core/loader-dot-spinner";
+import { Loader as Loader3 } from "@/registry/core/loader-line-spinner";
 import { Loader } from "@/registry/core/loader-ring";
 import { Loader as Loader2 } from "@/registry/core/loader-tailspin";
-import { Loader as Loader3 } from "@/registry/core/loader-line-spinner";
-import { Loader as Loader4 } from "@/registry/core/loader-dot-spinner";
 import { Loader as Loader5 } from "@/registry/core/loader-wave";
 
-export default function Page(){
+export default function Page() {
   return (
     <div>
       <Loader />
@@ -13,5 +13,5 @@ export default function Page(){
       <Loader4 />
       <Loader5 />
     </div>
-  )
-}
\ No newline at end of file
+  );
+}
diff --git a/www/src/components/dynamic-core/loader.tsx b/www/src/components/dynamic-core/loader.tsx
index 7115d5256..90ec29296 100644
--- a/www/src/components/dynamic-core/loader.tsx
+++ b/www/src/components/dynamic-core/loader.tsx
@@ -1,11 +1,11 @@
-export * from "@/registry/core/link";
-
-"use client";
-
 import React from "react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import { LoaderProps } from "@/registry/core/loader-ring";
 
+export * from "@/registry/core/link";
+
+("use client");
+
 export const Loader = createDynamicComponent<LoaderProps>("loader", "Loader", {
   "loader-dot-spinner": React.lazy(() =>
     import("@/registry/core/loader-dot-spinner").then((mod) => ({
diff --git a/www/src/components/dynamic-core/table.tsx b/www/src/components/dynamic-core/table.tsx
index ece6bbddb..7f801ce6c 100644
--- a/www/src/components/dynamic-core/table.tsx
+++ b/www/src/components/dynamic-core/table.tsx
@@ -1 +1 @@
-export * from "@/registry/core/table"
\ No newline at end of file
+export * from "@/registry/core/table";
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index 538fe5f3f..daadd70d6 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -17,7 +17,7 @@ export function Header() {
   return (
     <header className="bg-bg sticky top-0 z-50 w-full border-b">
       {/* <div className="container max-w-screen-2xl relative flex h-14  items-center justify-between"> */}
-      <div className="container max-w-screen-2xl relative flex h-14 items-center justify-between">
+      <div className="container relative flex h-14 max-w-screen-2xl items-center justify-between">
         <div className="flex items-center gap-6">
           <Logo />
           <div className="flex items-center gap-3 text-sm">
diff --git a/www/src/registry/core/button-03.tsx b/www/src/registry/core/button-03.tsx
index 7a1d73a47..d7eac32e6 100644
--- a/www/src/registry/core/button-03.tsx
+++ b/www/src/registry/core/button-03.tsx
@@ -9,8 +9,8 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry/lib/focus-styles";
 import { Loader } from "@/registry/core/loader-ring";
+import { focusRing } from "@/registry/lib/focus-styles";
 
 const buttonStyles = tv(
   {
@@ -101,9 +101,7 @@ const Button = React.forwardRef(
       >
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
-            {isPending && (
-              <Loader aria-label="loading" size={16} />
-            )}
+            {isPending && <Loader aria-label="loading" size={16} />}
             {prefix}
             {typeof children === "string" ? (
               <span className="truncate">{children}</span>
diff --git a/www/src/registry/core/table.tsx b/www/src/registry/core/table.tsx
index 86901ee3e..9a78e7991 100644
--- a/www/src/registry/core/table.tsx
+++ b/www/src/registry/core/table.tsx
@@ -32,9 +32,9 @@ import { cn } from "@/registry/lib/cn";
 
 const table = tv({
   slots: {
-    root: "outline-hidden **:drop-target:border **:drop-target:border-primary table w-full min-w-full caption-bottom border-spacing-0 text-sm border rounded-md",
+    root: "outline-hidden **:drop-target:border **:drop-target:border-primary table w-full min-w-full caption-bottom border-spacing-0 rounded-md border text-sm",
     header: "x32 border-b",
-    row: "tr bg-bg text-fg/70 outline-hidden ring-primary focus-visible:ring-1 focus:ring-0 group relative cursor-default border-b",
+    row: "tr bg-bg text-fg/70 outline-hidden ring-primary group relative cursor-default border-b focus:ring-0 focus-visible:ring-1",
     cellIcon:
       "bg-bg-muted text-fg grid size-[1.15rem] flex-none shrink-0 place-content-center rounded *:data-[slot=icon]:size-3.5 *:data-[slot=icon]:shrink-0 *:data-[slot=icon]:transition-transform *:data-[slot=icon]:duration-200",
     columnResizer: [

From 95cfa8638044602027a36576ab3554341b8a6dd1 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 9 Jan 2025 16:03:45 +0100
Subject: [PATCH 032/165] feat: landing page

---
 www/src/app/(home)/components-overview.tsx | 14 +++++++++++---
 www/src/components/dynamic-core/loader.tsx |  6 ++----
 www/src/registry/core/color-slider.tsx     |  2 +-
 www/src/registry/core/slider.tsx           | 15 +++++++++------
 4 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx
index 8825aef96..263a663f4 100644
--- a/www/src/app/(home)/components-overview.tsx
+++ b/www/src/app/(home)/components-overview.tsx
@@ -5,11 +5,13 @@ import { Alert } from "@/components/dynamic-core/alert";
 import { Avatar } from "@/components/dynamic-core/avatar";
 import { Button } from "@/components/dynamic-core/button";
 import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
 import { Combobox } from "@/components/dynamic-core/combobox";
 import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 import { Link } from "@/components/dynamic-core/link";
 import { Item, ListBox } from "@/components/dynamic-core/list-box";
 import { NumberField } from "@/components/dynamic-core/number-field";
+import { Progress } from "@/components/dynamic-core/progress";
 import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
 import { SearchField } from "@/components/dynamic-core/search-field";
 import { Select } from "@/components/dynamic-core/select";
@@ -33,7 +35,7 @@ export function ComponentsOverview() {
   return (
     <div className="grid grid-cols-10 gap-8 p-8">
       <div className="col-span-8">
-        <Slider defaultValue={50} className="!w-full" />
+        <Slider label="Progress" valueLabel defaultValue={50} className="!w-full" />
       </div>
       <div className="col-span-2 row-span-2">
         <RadioGroup>
@@ -60,7 +62,7 @@ export function ComponentsOverview() {
         />
         <DateRangePicker />
       </div>
-      <div className="col-span-3 row-span-8 flex flex-col justify-between gap-8">
+      <div className="col-span-3 row-span-8 flex flex-col justify-between gap-2">
         <Alert title="Payment Information">
           Enter your payment method to complete your purchase.
         </Alert>
@@ -80,7 +82,13 @@ export function ComponentsOverview() {
             <Register />
           </TabPanel>
         </Tabs>
-        <div className="bg-bg-muted h-20 rounded-md border"></div>
+        <ColorSlider
+          label="Opacity"
+          defaultValue="hsla(210, 64%, 35%, 0.7)"
+          channel="alpha"
+          className="!w-full"
+        />
+        <Progress label="Loading..." value={75} className="w-full" />
       </div>
       <div className="col-span-5 row-span-2 flex justify-between gap-6">
         <ListBox className="h-full max-h-none w-full">
diff --git a/www/src/components/dynamic-core/loader.tsx b/www/src/components/dynamic-core/loader.tsx
index 90ec29296..bcbba8cac 100644
--- a/www/src/components/dynamic-core/loader.tsx
+++ b/www/src/components/dynamic-core/loader.tsx
@@ -1,11 +1,9 @@
+"use client";
+
 import React from "react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import { LoaderProps } from "@/registry/core/loader-ring";
 
-export * from "@/registry/core/link";
-
-("use client");
-
 export const Loader = createDynamicComponent<LoaderProps>("loader", "Loader", {
   "loader-dot-spinner": React.lazy(() =>
     import("@/registry/core/loader-dot-spinner").then((mod) => ({
diff --git a/www/src/registry/core/color-slider.tsx b/www/src/registry/core/color-slider.tsx
index 294d1700c..2270a459e 100644
--- a/www/src/registry/core/color-slider.tsx
+++ b/www/src/registry/core/color-slider.tsx
@@ -19,7 +19,7 @@ const colorSliderStyles = tv({
     root: "group/color-slider orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
     output: "text-fg-muted text-sm",
     track: [
-      "orientation-horizontal:w-48 orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-48 disabled:bg-bg-disabled! rounded-md",
+      "orientation-horizontal:w-full orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-full disabled:bg-bg-disabled! rounded-md",
       "relative before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
     ],
   },
diff --git a/www/src/registry/core/slider.tsx b/www/src/registry/core/slider.tsx
index 76ab370ee..20ead6aa5 100644
--- a/www/src/registry/core/slider.tsx
+++ b/www/src/registry/core/slider.tsx
@@ -34,7 +34,7 @@ const sliderStyles = tv({
     thumb: [
       focusRing(),
       "rounded-full bg-white shadow-md transition-[width,height]",
-      "-translate-x-1/2! -translate-y-1/2! absolute left-[50%] top-[50%] block",
+      "top-[50%]",
       "disabled:bg-bg-disabled disabled:border-bg disabled:border",
     ],
     valueLabel: "text-fg-muted text-sm",
@@ -122,13 +122,16 @@ SliderRoot.displayName = "SliderRoot";
 
 type SliderControlsProps = SliderTrackProps & VariantProps<typeof sliderStyles>;
 const SliderControls = (props: SliderControlsProps) => {
-  const { values } = React.useContext(AriaSliderStateContext);
   return (
     <SliderTrack {...props}>
-      <SliderFiller />
-      {values.map((_, i) => (
-        <SliderThumb key={i} index={i} size={props.size} />
-      ))}
+      {({ state }) => (
+        <>
+          <SliderFiller />
+          {state.values.map((_, i) => (
+            <SliderThumb key={i} index={i} size={props.size} />
+          ))}
+        </>
+      )}
     </SliderTrack>
   );
 };

From 64a49c42141373fd68f4f08e82f756c7ee60dbde Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 10 Jan 2025 12:42:31 +0100
Subject: [PATCH 033/165] core: upgrade to next 15

---
 pnpm-lock.yaml                            | 9186 ++++++++-------------
 www/next.config.mjs                       |    5 +-
 www/package.json                          |   20 +-
 www/src/__registry__/core/loader-wave.tsx |    2 +-
 www/src/__registry__/core/ripple.tsx      |    4 +-
 www/src/app/(app)/docs/[...slug]/page.tsx |   24 +-
 www/src/app/(home)/page.tsx               |    6 +-
 www/src/components/sidebar.tsx            |    8 +-
 www/src/registry/core/loader-wave.tsx     |    2 +-
 www/src/registry/core/ripple.tsx          |    4 +-
 10 files changed, 3312 insertions(+), 5949 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c0bc58379..5ff280d2b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-rlockfileVersion: '9.0'
+lockfileVersion: '9.0'
 
 settings:
   autoInstallPeers: true
@@ -13,7 +13,7 @@ importers:
         version: 0.4.8
       '@changesets/cli':
         specifier: ^2.26.1
-        version: 2.27.8
+        version: 2.27.11
       '@commitlint/cli':
         specifier: ^17.6.3
         version: 17.8.1
@@ -25,28 +25,28 @@ importers:
         version: 0.21.4
       '@trivago/prettier-plugin-sort-imports':
         specifier: ^4.3.0
-        version: 4.3.0(prettier@3.3.3)
+        version: 4.3.0(prettier@3.4.2)
       eslint:
         specifier: ^8
         version: 8.57.1
       eslint-config-next:
         specifier: ^14.0.4
-        version: 14.2.13(eslint@8.57.1)(typescript@5.6.2)
+        version: 14.2.23(eslint@8.57.1)(typescript@5.7.3)
       eslint-config-prettier:
         specifier: ^9.1.0
         version: 9.1.0(eslint@8.57.1)
       eslint-config-turbo:
         specifier: ^2.1.3
-        version: 2.1.3(eslint@8.57.1)
+        version: 2.3.3(eslint@8.57.1)
       prettier:
         specifier: ^3.3.3
-        version: 3.3.3
+        version: 3.4.2
       prettier-plugin-tailwindcss:
         specifier: ^0.6.8
-        version: 0.6.8(@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.3.3))(prettier@3.3.3)
+        version: 0.6.9(@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.4.2))(prettier@3.4.2)
       turbo:
         specifier: ^2.0.12
-        version: 2.1.3
+        version: 2.3.3
 
   packages/cli:
     dependencies:
@@ -55,31 +55,31 @@ importers:
         version: 0.21.12
       '@babel/core':
         specifier: ^7.22.1
-        version: 7.25.2
+        version: 7.26.0
       '@babel/parser':
         specifier: ^7.22.6
-        version: 7.25.6
+        version: 7.26.3
       '@babel/plugin-transform-typescript':
         specifier: ^7.22.5
-        version: 7.25.2(@babel/core@7.25.2)
+        version: 7.26.3(@babel/core@7.26.0)
       async-retry:
         specifier: ^1.3.3
         version: 1.3.3
       ci-info:
         specifier: ^4.0.0
-        version: 4.0.0
+        version: 4.1.0
       commander:
         specifier: ^10.0.0
         version: 10.0.1
       conf:
         specifier: ^13.0.1
-        version: 13.0.1
+        version: 13.1.0
       cosmiconfig:
         specifier: ^8.1.3
-        version: 8.3.6(typescript@5.6.2)
+        version: 8.3.6(typescript@5.7.3)
       cross-spawn:
         specifier: ^7.0.3
-        version: 7.0.3
+        version: 7.0.6
       deepmerge:
         specifier: ^4.3.1
         version: 4.3.1
@@ -91,7 +91,7 @@ importers:
         version: 7.2.0
       fast-glob:
         specifier: ^3.3.2
-        version: 3.3.2
+        version: 3.3.3
       fs-extra:
         specifier: ^11.1.0
         version: 11.2.0
@@ -112,10 +112,10 @@ importers:
         version: 6.3.1
       picocolors:
         specifier: ^1.1.0
-        version: 1.1.0
+        version: 1.1.1
       postcss:
         specifier: ^8.4.31
-        version: 8.4.47
+        version: 8.4.49
       prompts:
         specifier: ^2.4.2
         version: 2.4.2
@@ -136,20 +136,20 @@ importers:
         version: 4.2.0
       zod:
         specifier: ^3.22.4
-        version: 3.23.8
+        version: 3.24.1
     devDependencies:
       '@dotui/registry':
         specifier: workspace:*
         version: link:../registry
       '@types/async-retry':
         specifier: ^1.4.8
-        version: 1.4.8
+        version: 1.4.9
       '@types/babel__core':
         specifier: ^7.20.1
         version: 7.20.5
       '@types/diff':
         specifier: ^5.0.3
-        version: 5.2.2
+        version: 5.2.3
       '@types/fs-extra':
         specifier: ^11.0.1
         version: 11.0.4
@@ -170,28 +170,28 @@ importers:
         version: 6.0.1
       tailwindcss:
         specifier: ^3.4.3
-        version: 3.4.13(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2))
+        version: 3.4.17(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))
       tsup:
         specifier: ^6.6.3
-        version: 6.7.0(postcss@8.4.47)(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2))(typescript@5.6.2)
+        version: 6.7.0(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))(typescript@5.7.3)
       type-fest:
         specifier: ^3.8.0
         version: 3.13.1
       typescript:
         specifier: ^5
-        version: 5.6.2
+        version: 5.7.3
 
   packages/config/eslint:
     dependencies:
       eslint-config-next:
         specifier: ^14.0.4
-        version: 14.2.13(eslint@8.57.1)(typescript@5.6.2)
+        version: 14.2.23(eslint@8.57.1)(typescript@5.7.3)
       eslint-config-prettier:
         specifier: ^9.1.0
         version: 9.1.0(eslint@8.57.1)
       eslint-config-turbo:
         specifier: ^2.1.3
-        version: 2.1.3(eslint@8.57.1)
+        version: 2.3.3(eslint@8.57.1)
 
   packages/config/tsconfig: {}
 
@@ -199,13 +199,13 @@ importers:
     dependencies:
       zod:
         specifier: ^3.22.4
-        version: 3.23.8
+        version: 3.24.1
 
   packages/tailwindcss-rac:
     dependencies:
       tailwindcss:
         specifier: '*'
-        version: 3.4.13(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2))
+        version: 3.4.17(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))
 
   www:
     dependencies:
@@ -214,58 +214,52 @@ importers:
         version: 1.0.0
       '@internationalized/date':
         specifier: ^3.5.4
-        version: 3.5.6
+        version: 3.6.0
       '@radix-ui/react-aspect-ratio':
         specifier: ^1.0.3
-        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@radix-ui/react-collapsible':
         specifier: ^1.0.3
-        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.2(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@radix-ui/react-scroll-area':
         specifier: ^1.0.5
-        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state':
-        specifier: ^1.0.1
-        version: 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      '@react-aria/toolbar':
-        specifier: 3.0.0-beta.4
-        version: 3.0.0-beta.4(react@18.3.1)
+        version: 1.2.2(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/utils':
         specifier: ^3.24.0
-        version: 3.25.3(react@18.3.1)
+        version: 3.26.0(react@19.0.0)
       '@react-stately/utils':
         specifier: ^3.10.1
-        version: 3.10.4(react@18.3.1)
+        version: 3.10.5(react@19.0.0)
       '@remixicon/react':
         specifier: ^4.2.0
-        version: 4.2.0(react@18.3.1)
+        version: 4.6.0(react@19.0.0)
       '@types/mdx':
         specifier: ^2.0.13
         version: 2.0.13
       '@vercel/analytics':
         specifier: ^1.1.1
-        version: 1.3.1(next@14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+        version: 1.4.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+      babel-plugin-react-compiler:
+        specifier: 19.0.0-beta-63e3235-20250105
+        version: 19.0.0-beta-63e3235-20250105
       clsx:
         specifier: ^2.1.0
         version: 2.1.1
       cmdk:
         specifier: ^1.0.0
-        version: 1.0.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      framer-motion:
-        specifier: ^11.11.8
-        version: 11.11.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.0.4(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       fumadocs-core:
         specifier: ^14.0.2
-        version: 14.0.2(@types/react@18.3.10)
+        version: 14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       fumadocs-docgen:
         specifier: ^1.3.0
-        version: 1.3.0(typescript@5.6.2)
+        version: 1.3.4(typescript@5.7.3)
       fumadocs-mdx:
         specifier: ^11.1.0
-        version: 11.1.0(acorn@8.12.1)(fumadocs-core@14.0.2(@types/react@18.3.10))(next@14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+        version: 11.2.3(acorn@8.14.0)(fumadocs-core@14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
       geist:
         specifier: ^1.2.2
-        version: 1.3.1(next@14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+        version: 1.3.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
       hast-util-to-string:
         specifier: ^3.0.1
         version: 3.0.1
@@ -274,46 +268,46 @@ importers:
         version: 10.1.1
       jotai:
         specifier: 2.8.0
-        version: 2.8.0(@types/react@18.3.10)(react@18.3.1)
+        version: 2.8.0(@types/react@19.0.4)(react@19.0.0)
       jotai-immer:
         specifier: ^0.4.1
-        version: 0.4.1(immer@10.1.1)(jotai@2.8.0(@types/react@18.3.10)(react@18.3.1))
+        version: 0.4.1(immer@10.1.1)(jotai@2.8.0(@types/react@19.0.4)(react@19.0.0))
       lucide-react:
-        specifier: ^0.311.0
-        version: 0.311.0(react@18.3.1)
+        specifier: ^0.469.0
+        version: 0.469.0(react@19.0.0)
+      motion:
+        specifier: ^11.16.4
+        version: 11.16.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       nanoid:
         specifier: ^5.0.7
-        version: 5.0.7
+        version: 5.0.9
       next:
-        specifier: 14.2.14
-        version: 14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      next-mdx-remote:
-        specifier: ^4.4.1
-        version: 4.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: 15.1.4
+        version: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       next-themes:
         specifier: ^0.2.1
-        version: 0.2.1(next@14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 0.2.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       npm-to-yarn:
         specifier: ^3.0.0
-        version: 3.0.0
+        version: 3.0.1
       react:
-        specifier: 18.3.1
-        version: 18.3.1
+        specifier: 19.0.0
+        version: 19.0.0
       react-aria:
         specifier: ^3.33.0
-        version: 3.35.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 3.36.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-aria-components:
         specifier: ^1.5.0
-        version: 1.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.5.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-dom:
-        specifier: 18.3.1
-        version: 18.3.1(react@18.3.1)
+        specifier: 19.0.0
+        version: 19.0.0(react@19.0.0)
       react-resizable-panels:
         specifier: ^2.0.19
-        version: 2.1.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 2.1.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-stately:
         specifier: ^3.31.0
-        version: 3.33.0(react@18.3.1)
+        version: 3.34.0(react@19.0.0)
       remark-gfm:
         specifier: ^4.0.0
         version: 4.0.0
@@ -322,16 +316,16 @@ importers:
         version: 0.33.5
       shiki:
         specifier: ^1.6.2
-        version: 1.21.0
+        version: 1.26.1
       tailwind-merge:
         specifier: ^2.2.0
-        version: 2.5.2
+        version: 2.6.0
       tailwind-variants:
         specifier: ^0.3.0
         version: 0.3.0(tailwindcss@4.0.0-beta.8)
       tsx:
         specifier: ^4.7.1
-        version: 4.19.1
+        version: 4.19.2
       unified:
         specifier: ^11.0.5
         version: 11.0.5
@@ -340,10 +334,10 @@ importers:
         version: 5.0.0
       zod:
         specifier: ^3.22.4
-        version: 3.23.8
+        version: 3.24.1
       zustand:
         specifier: ^4.5.2
-        version: 4.5.5(@types/react@18.3.10)(immer@10.1.1)(react@18.3.1)
+        version: 4.5.6(@types/react@19.0.4)(immer@10.1.1)(react@19.0.0)
     devDependencies:
       '@dotui/eslint-config':
         specifier: workspace:*
@@ -365,19 +359,19 @@ importers:
         version: 4.0.4
       '@types/node':
         specifier: ^18.17.0
-        version: 18.19.54
+        version: 18.19.70
       '@types/react':
-        specifier: ^18.2.37
-        version: 18.3.10
+        specifier: 19.0.4
+        version: 19.0.4
       '@types/react-dom':
-        specifier: ^18.2.15
-        version: 18.3.0
+        specifier: 19.0.2
+        version: 19.0.2(@types/react@19.0.4)
       autoprefixer:
         specifier: ^10.4.14
-        version: 10.4.20(postcss@8.4.47)
+        version: 10.4.20(postcss@8.4.49)
       postcss:
         specifier: ^8.4.31
-        version: 8.4.47
+        version: 8.4.49
       rimraf:
         specifier: ^6.0.1
         version: 6.0.1
@@ -392,7 +386,7 @@ importers:
         version: link:../packages/tailwindcss-rac
       typescript:
         specifier: ^5
-        version: 5.6.2
+        version: 5.7.3
       vfile:
         specifier: ^6.0.3
         version: 6.0.3
@@ -402,51 +396,6 @@ packages:
   '@adobe/leonardo-contrast-colors@1.0.0':
     resolution: {integrity: sha512-a4mD0JZ1zNu2wIem/vWJqdaiuQZgxwOph/gpHA75mlXcs6iiIQx9G+W0jtssRFgdYYAi/ceQYOlYwiSQj1AUCw==}
 
-  '@algolia/cache-browser-local-storage@4.24.0':
-    resolution: {integrity: sha512-t63W9BnoXVrGy9iYHBgObNXqYXM3tYXCjDSHeNwnsc324r4o5UiVKUiAB4THQ5z9U5hTj6qUvwg/Ez43ZD85ww==}
-
-  '@algolia/cache-common@4.24.0':
-    resolution: {integrity: sha512-emi+v+DmVLpMGhp0V9q9h5CdkURsNmFC+cOS6uK9ndeJm9J4TiqSvPYVu+THUP8P/S08rxf5x2P+p3CfID0Y4g==}
-
-  '@algolia/cache-in-memory@4.24.0':
-    resolution: {integrity: sha512-gDrt2so19jW26jY3/MkFg5mEypFIPbPoXsQGQWAi6TrCPsNOSEYepBMPlucqWigsmEy/prp5ug2jy/N3PVG/8w==}
-
-  '@algolia/client-account@4.24.0':
-    resolution: {integrity: sha512-adcvyJ3KjPZFDybxlqnf+5KgxJtBjwTPTeyG2aOyoJvx0Y8dUQAEOEVOJ/GBxX0WWNbmaSrhDURMhc+QeevDsA==}
-
-  '@algolia/client-analytics@4.24.0':
-    resolution: {integrity: sha512-y8jOZt1OjwWU4N2qr8G4AxXAzaa8DBvyHTWlHzX/7Me1LX8OayfgHexqrsL4vSBcoMmVw2XnVW9MhL+Y2ZDJXg==}
-
-  '@algolia/client-common@4.24.0':
-    resolution: {integrity: sha512-bc2ROsNL6w6rqpl5jj/UywlIYC21TwSSoFHKl01lYirGMW+9Eek6r02Tocg4gZ8HAw3iBvu6XQiM3BEbmEMoiA==}
-
-  '@algolia/client-personalization@4.24.0':
-    resolution: {integrity: sha512-l5FRFm/yngztweU0HdUzz1rC4yoWCFo3IF+dVIVTfEPg906eZg5BOd1k0K6rZx5JzyyoP4LdmOikfkfGsKVE9w==}
-
-  '@algolia/client-search@4.24.0':
-    resolution: {integrity: sha512-uRW6EpNapmLAD0mW47OXqTP8eiIx5F6qN9/x/7HHO6owL3N1IXqydGwW5nhDFBrV+ldouro2W1VX3XlcUXEFCA==}
-
-  '@algolia/logger-common@4.24.0':
-    resolution: {integrity: sha512-LLUNjkahj9KtKYrQhFKCzMx0BY3RnNP4FEtO+sBybCjJ73E8jNdaKJ/Dd8A/VA4imVHP5tADZ8pn5B8Ga/wTMA==}
-
-  '@algolia/logger-console@4.24.0':
-    resolution: {integrity: sha512-X4C8IoHgHfiUROfoRCV+lzSy+LHMgkoEEU1BbKcsfnV0i0S20zyy0NLww9dwVHUWNfPPxdMU+/wKmLGYf96yTg==}
-
-  '@algolia/recommend@4.24.0':
-    resolution: {integrity: sha512-P9kcgerfVBpfYHDfVZDvvdJv0lEoCvzNlOy2nykyt5bK8TyieYyiD0lguIJdRZZYGre03WIAFf14pgE+V+IBlw==}
-
-  '@algolia/requester-browser-xhr@4.24.0':
-    resolution: {integrity: sha512-Z2NxZMb6+nVXSjF13YpjYTdvV3032YTBSGm2vnYvYPA6mMxzM3v5rsCiSspndn9rzIW4Qp1lPHBvuoKJV6jnAA==}
-
-  '@algolia/requester-common@4.24.0':
-    resolution: {integrity: sha512-k3CXJ2OVnvgE3HMwcojpvY6d9kgKMPRxs/kVohrwF5WMr2fnqojnycZkxPoEg+bXm8fi5BBfFmOqgYztRtHsQA==}
-
-  '@algolia/requester-node-http@4.24.0':
-    resolution: {integrity: sha512-JF18yTjNOVYvU/L3UosRcvbPMGT9B+/GQWNWnenIImglzNVGpyzChkXLnrSf6uxwVNO6ESGu6oN8MqcGQcjQJw==}
-
-  '@algolia/transporter@4.24.0':
-    resolution: {integrity: sha512-86nI7w6NzWxd1Zp9q3413dRshDqAzSbsQjhcDhPIatEFiZrL1/TjnHL8S7jVKFePlIMzDsZWXAXwXzcok9c5oA==}
-
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
@@ -459,36 +408,36 @@ packages:
     resolution: {integrity: sha512-2aDL3WUv8hMJb2L3r/PIQWsTLyq7RQr3v9xD16fiz6O8ys1xEyLhhTOv8gxtZvJiTzjTF5pHoArvRdesGL1DMQ==}
     hasBin: true
 
-  '@babel/code-frame@7.24.7':
-    resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
+  '@babel/code-frame@7.26.2':
+    resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.25.4':
-    resolution: {integrity: sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==}
+  '@babel/compat-data@7.26.3':
+    resolution: {integrity: sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.25.2':
-    resolution: {integrity: sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==}
+  '@babel/core@7.26.0':
+    resolution: {integrity: sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==}
     engines: {node: '>=6.9.0'}
 
   '@babel/generator@7.17.7':
     resolution: {integrity: sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.25.6':
-    resolution: {integrity: sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==}
+  '@babel/generator@7.26.3':
+    resolution: {integrity: sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-annotate-as-pure@7.24.7':
-    resolution: {integrity: sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==}
+  '@babel/helper-annotate-as-pure@7.25.9':
+    resolution: {integrity: sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.25.2':
-    resolution: {integrity: sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==}
+  '@babel/helper-compilation-targets@7.25.9':
+    resolution: {integrity: sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-create-class-features-plugin@7.25.4':
-    resolution: {integrity: sha512-ro/bFs3/84MDgDmMwbcHgDa8/E6J3QKNTk4xJJnVeFtGE+tL0K26E3pNxhYz2b67fJpt7Aphw5XcploKXuCvCQ==}
+  '@babel/helper-create-class-features-plugin@7.25.9':
+    resolution: {integrity: sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -505,112 +454,104 @@ packages:
     resolution: {integrity: sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-member-expression-to-functions@7.24.8':
-    resolution: {integrity: sha512-LABppdt+Lp/RlBxqrh4qgf1oEH/WxdzQNDJIu5gC/W1GyvPVrOBiItmmM8wan2fm4oYqFuFfkXmlGpLQhPY8CA==}
+  '@babel/helper-member-expression-to-functions@7.25.9':
+    resolution: {integrity: sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.24.7':
-    resolution: {integrity: sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==}
+  '@babel/helper-module-imports@7.25.9':
+    resolution: {integrity: sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-transforms@7.25.2':
-    resolution: {integrity: sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==}
+  '@babel/helper-module-transforms@7.26.0':
+    resolution: {integrity: sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-optimise-call-expression@7.24.7':
-    resolution: {integrity: sha512-jKiTsW2xmWwxT1ixIdfXUZp+P5yURx2suzLZr5Hi64rURpDYdMW0pv+Uf17EYk2Rd428Lx4tLsnjGJzYKDM/6A==}
+  '@babel/helper-optimise-call-expression@7.25.9':
+    resolution: {integrity: sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-plugin-utils@7.24.8':
-    resolution: {integrity: sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==}
+  '@babel/helper-plugin-utils@7.25.9':
+    resolution: {integrity: sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-replace-supers@7.25.0':
-    resolution: {integrity: sha512-q688zIvQVYtZu+i2PsdIu/uWGRpfxzr5WESsfpShfZECkO+d2o+WROWezCi/Q6kJ0tfPa5+pUGUlfx2HhrA3Bg==}
+  '@babel/helper-replace-supers@7.25.9':
+    resolution: {integrity: sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-simple-access@7.24.7':
-    resolution: {integrity: sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-skip-transparent-expression-wrappers@7.24.7':
-    resolution: {integrity: sha512-IO+DLT3LQUElMbpzlatRASEyQtfhSE0+m465v++3jyyXeBTBUjtVZg28/gHeV5mrTJqvEKhKroBGAvhW+qPHiQ==}
+  '@babel/helper-skip-transparent-expression-wrappers@7.25.9':
+    resolution: {integrity: sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-split-export-declaration@7.24.7':
     resolution: {integrity: sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.24.8':
-    resolution: {integrity: sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-identifier@7.24.7':
-    resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
+  '@babel/helper-string-parser@7.25.9':
+    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.24.8':
-    resolution: {integrity: sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==}
+  '@babel/helper-validator-identifier@7.25.9':
+    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.25.6':
-    resolution: {integrity: sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==}
+  '@babel/helper-validator-option@7.25.9':
+    resolution: {integrity: sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/highlight@7.24.7':
-    resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
+  '@babel/helpers@7.26.0':
+    resolution: {integrity: sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.25.6':
-    resolution: {integrity: sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==}
+  '@babel/parser@7.26.3':
+    resolution: {integrity: sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/plugin-syntax-typescript@7.25.4':
-    resolution: {integrity: sha512-uMOCoHVU52BsSWxPOMVv5qKRdeSlPuImUCB2dlPuBSU+W2/ROE7/Zg8F2Kepbk+8yBa68LlRKxO+xgEVWorsDg==}
+  '@babel/plugin-syntax-typescript@7.25.9':
+    resolution: {integrity: sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-typescript@7.25.2':
-    resolution: {integrity: sha512-lBwRvjSmqiMYe/pS0+1gggjJleUJi7NzjvQ1Fkqtt69hBa/0t1YuW/MLQMAPixfwaQOHUXsd6jeU3Z+vdGv3+A==}
+  '@babel/plugin-transform-typescript@7.26.3':
+    resolution: {integrity: sha512-6+5hpdr6mETwSKjmJUdYw0EIkATiQhnELWlE3kJFBwSg/BGIVwVaVbX+gOXBCdc7Ln1RXZxyWGecIXhUfnl7oA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/runtime@7.25.6':
-    resolution: {integrity: sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==}
+  '@babel/runtime@7.26.0':
+    resolution: {integrity: sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.25.0':
-    resolution: {integrity: sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==}
+  '@babel/template@7.25.9':
+    resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
     engines: {node: '>=6.9.0'}
 
   '@babel/traverse@7.23.2':
     resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.25.6':
-    resolution: {integrity: sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==}
+  '@babel/traverse@7.26.4':
+    resolution: {integrity: sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==}
     engines: {node: '>=6.9.0'}
 
   '@babel/types@7.17.0':
     resolution: {integrity: sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.25.6':
-    resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
+  '@babel/types@7.26.3':
+    resolution: {integrity: sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==}
     engines: {node: '>=6.9.0'}
 
-  '@changesets/apply-release-plan@7.0.5':
-    resolution: {integrity: sha512-1cWCk+ZshEkSVEZrm2fSj1Gz8sYvxgUL4Q78+1ZZqeqfuevPTPk033/yUZ3df8BKMohkqqHfzj0HOOrG0KtXTw==}
+  '@changesets/apply-release-plan@7.0.7':
+    resolution: {integrity: sha512-qnPOcmmmnD0MfMg9DjU1/onORFyRpDXkMMl2IJg9mECY6RnxL3wN0TCCc92b2sXt1jt8DgjAUUsZYGUGTdYIXA==}
 
-  '@changesets/assemble-release-plan@6.0.4':
-    resolution: {integrity: sha512-nqICnvmrwWj4w2x0fOhVj2QEGdlUuwVAwESrUo5HLzWMI1rE5SWfsr9ln+rDqWB6RQ2ZyaMZHUcU7/IRaUJS+Q==}
+  '@changesets/assemble-release-plan@6.0.5':
+    resolution: {integrity: sha512-IgvBWLNKZd6k4t72MBTBK3nkygi0j3t3zdC1zrfusYo0KpdsvnDjrMM9vPnTCLCMlfNs55jRL4gIMybxa64FCQ==}
 
   '@changesets/changelog-git@0.2.0':
     resolution: {integrity: sha512-bHOx97iFI4OClIT35Lok3sJAwM31VbUM++gnMBV16fdbtBhgYu4dxsphBF/0AZZsyAHMrnM0yFcj5gZM1py6uQ==}
@@ -618,12 +559,12 @@ packages:
   '@changesets/changelog-github@0.4.8':
     resolution: {integrity: sha512-jR1DHibkMAb5v/8ym77E4AMNWZKB5NPzw5a5Wtqm1JepAuIF+hrKp2u04NKM14oBZhHglkCfrla9uq8ORnK/dw==}
 
-  '@changesets/cli@2.27.8':
-    resolution: {integrity: sha512-gZNyh+LdSsI82wBSHLQ3QN5J30P4uHKJ4fXgoGwQxfXwYFTJzDdvIJasZn8rYQtmKhyQuiBj4SSnLuKlxKWq4w==}
+  '@changesets/cli@2.27.11':
+    resolution: {integrity: sha512-1QislpE+nvJgSZZo9+Lj3Lno5pKBgN46dAV8IVxKJy9wX8AOrs9nn5pYVZuDpoxWJJCALmbfOsHkyxujgetQSg==}
     hasBin: true
 
-  '@changesets/config@3.0.3':
-    resolution: {integrity: sha512-vqgQZMyIcuIpw9nqFIpTSNyc/wgm/Lu1zKN5vECy74u95Qx/Wa9g27HdgO4NkVAaq+BGA8wUc/qvbvVNs93n6A==}
+  '@changesets/config@3.0.5':
+    resolution: {integrity: sha512-QyXLSSd10GquX7hY0Mt4yQFMEeqnO5z/XLpbIr4PAkNNoQNKwDyiSrx4yd749WddusH1v3OSiA0NRAYmH/APpQ==}
 
   '@changesets/errors@0.2.0':
     resolution: {integrity: sha512-6BLOQUscTpZeGljvyQXlWOItQyU71kCdGz7Pi8H8zdw6BI0g3m43iL4xKUVPWtG+qrrL9DTjpdn8eYuCQSRpow==}
@@ -634,14 +575,14 @@ packages:
   '@changesets/get-github-info@0.5.2':
     resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==}
 
-  '@changesets/get-release-plan@4.0.4':
-    resolution: {integrity: sha512-SicG/S67JmPTrdcc9Vpu0wSQt7IiuN0dc8iR5VScnnTVPfIaLvKmEGRvIaF0kcn8u5ZqLbormZNTO77bCEvyWw==}
+  '@changesets/get-release-plan@4.0.6':
+    resolution: {integrity: sha512-FHRwBkY7Eili04Y5YMOZb0ezQzKikTka4wL753vfUA5COSebt7KThqiuCN9BewE4/qFGgF/5t3AuzXx1/UAY4w==}
 
   '@changesets/get-version-range-type@0.4.0':
     resolution: {integrity: sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ==}
 
-  '@changesets/git@3.0.1':
-    resolution: {integrity: sha512-pdgHcYBLCPcLd82aRcuO0kxCDbw/yISlOtkmwmE8Odo1L6hSiZrBOsRl84eYG7DRCab/iHnOkWqExqc4wxk2LQ==}
+  '@changesets/git@3.0.2':
+    resolution: {integrity: sha512-r1/Kju9Y8OxRRdvna+nxpQIsMsRQn9dhhAZt94FLDeu0Hij2hnOozW8iqnHBgvu+KdnJppCveQwK4odwfw/aWQ==}
 
   '@changesets/logger@0.1.1':
     resolution: {integrity: sha512-OQtR36ZlnuTxKqoW4Sv6x5YIhOmClRd5pWsjZsddYxpWs517R0HkyiefQPIytCVh4ZcC5x9XaG8KTdd5iRQUfg==}
@@ -652,8 +593,8 @@ packages:
   '@changesets/pre@2.0.1':
     resolution: {integrity: sha512-vvBJ/If4jKM4tPz9JdY2kGOgWmCowUYOi5Ycv8dyLnEE8FgpYYUo1mgJZxcdtGGP3aG8rAQulGLyyXGSLkIMTQ==}
 
-  '@changesets/read@0.6.1':
-    resolution: {integrity: sha512-jYMbyXQk3nwP25nRzQQGa1nKLY0KfoOV7VLgwucI0bUO8t8ZLCr6LZmgjXsiKuRDc+5A6doKPr9w2d+FEJ55zQ==}
+  '@changesets/read@0.6.2':
+    resolution: {integrity: sha512-wjfQpJvryY3zD61p8jR87mJdyx2FIhEcdXhKUqkja87toMrP/3jtg/Yg29upN+N4Ckf525/uvV7a4tzBlpk6gg==}
 
   '@changesets/should-skip-package@0.1.1':
     resolution: {integrity: sha512-H9LjLbF6mMHLtJIc/eHR9Na+MifJ3VxtgP/Y+XLn4BF7tDTEN1HNYtH6QMcjP1uxp9sjaFYmW8xqloaCi/ckTg==}
@@ -743,8 +684,8 @@ packages:
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
 
-  '@emnapi/runtime@1.2.0':
-    resolution: {integrity: sha512-bV21/9LQmcQeCPEg3BDFtvwL6cwiTMksYNWQQ4KOxCZikEGalWtenoZ0wCiukJINlGCIi2KXx01g4FoH/LxpzQ==}
+  '@emnapi/runtime@1.3.1':
+    resolution: {integrity: sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==}
 
   '@esbuild/aix-ppc64@0.23.1':
     resolution: {integrity: sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==}
@@ -752,8 +693,8 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/aix-ppc64@0.24.0':
-    resolution: {integrity: sha512-WtKdFM7ls47zkKHFVzMz8opM7LkcsIp9amDUBIAWirg70RM71WRSjdILPsY5Uv1D42ZpUfaPILDlfactHgsRkw==}
+  '@esbuild/aix-ppc64@0.24.2':
+    resolution: {integrity: sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
@@ -770,8 +711,8 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm64@0.24.0':
-    resolution: {integrity: sha512-Vsm497xFM7tTIPYK9bNTYJyF/lsP590Qc1WxJdlB6ljCbdZKU9SY8i7+Iin4kyhV/KV5J2rOKsBQbB77Ab7L/w==}
+  '@esbuild/android-arm64@0.24.2':
+    resolution: {integrity: sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
@@ -788,8 +729,8 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-arm@0.24.0':
-    resolution: {integrity: sha512-arAtTPo76fJ/ICkXWetLCc9EwEHKaeya4vMrReVlEIUCAUncH7M4bhMQ+M9Vf+FFOZJdTNMXNBrWwW+OXWpSew==}
+  '@esbuild/android-arm@0.24.2':
+    resolution: {integrity: sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
@@ -806,8 +747,8 @@ packages:
     cpu: [x64]
     os: [android]
 
-  '@esbuild/android-x64@0.24.0':
-    resolution: {integrity: sha512-t8GrvnFkiIY7pa7mMgJd7p8p8qqYIz1NYiAoKc75Zyv73L3DZW++oYMSHPRarcotTKuSs6m3hTOa5CKHaS02TQ==}
+  '@esbuild/android-x64@0.24.2':
+    resolution: {integrity: sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
@@ -824,8 +765,8 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-arm64@0.24.0':
-    resolution: {integrity: sha512-CKyDpRbK1hXwv79soeTJNHb5EiG6ct3efd/FTPdzOWdbZZfGhpbcqIpiD0+vwmpu0wTIL97ZRPZu8vUt46nBSw==}
+  '@esbuild/darwin-arm64@0.24.2':
+    resolution: {integrity: sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
@@ -842,8 +783,8 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.24.0':
-    resolution: {integrity: sha512-rgtz6flkVkh58od4PwTRqxbKH9cOjaXCMZgWD905JOzjFKW+7EiUObfd/Kav+A6Gyud6WZk9w+xu6QLytdi2OA==}
+  '@esbuild/darwin-x64@0.24.2':
+    resolution: {integrity: sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
@@ -860,8 +801,8 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-arm64@0.24.0':
-    resolution: {integrity: sha512-6Mtdq5nHggwfDNLAHkPlyLBpE5L6hwsuXZX8XNmHno9JuL2+bg2BX5tRkwjyfn6sKbxZTq68suOjgWqCicvPXA==}
+  '@esbuild/freebsd-arm64@0.24.2':
+    resolution: {integrity: sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
@@ -878,8 +819,8 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.24.0':
-    resolution: {integrity: sha512-D3H+xh3/zphoX8ck4S2RxKR6gHlHDXXzOf6f/9dbFt/NRBDIE33+cVa49Kil4WUjxMGW0ZIYBYtaGCa2+OsQwQ==}
+  '@esbuild/freebsd-x64@0.24.2':
+    resolution: {integrity: sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
@@ -896,8 +837,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm64@0.24.0':
-    resolution: {integrity: sha512-TDijPXTOeE3eaMkRYpcy3LarIg13dS9wWHRdwYRnzlwlA370rNdZqbcp0WTyyV/k2zSxfko52+C7jU5F9Tfj1g==}
+  '@esbuild/linux-arm64@0.24.2':
+    resolution: {integrity: sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
@@ -914,8 +855,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-arm@0.24.0':
-    resolution: {integrity: sha512-gJKIi2IjRo5G6Glxb8d3DzYXlxdEj2NlkixPsqePSZMhLudqPhtZ4BUrpIuTjJYXxvF9njql+vRjB2oaC9XpBw==}
+  '@esbuild/linux-arm@0.24.2':
+    resolution: {integrity: sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
@@ -932,8 +873,8 @@ packages:
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.24.0':
-    resolution: {integrity: sha512-K40ip1LAcA0byL05TbCQ4yJ4swvnbzHscRmUilrmP9Am7//0UjPreh4lpYzvThT2Quw66MhjG//20mrufm40mA==}
+  '@esbuild/linux-ia32@0.24.2':
+    resolution: {integrity: sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
@@ -950,8 +891,8 @@ packages:
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.24.0':
-    resolution: {integrity: sha512-0mswrYP/9ai+CU0BzBfPMZ8RVm3RGAN/lmOMgW4aFUSOQBjA31UP8Mr6DDhWSuMwj7jaWOT0p0WoZ6jeHhrD7g==}
+  '@esbuild/linux-loong64@0.24.2':
+    resolution: {integrity: sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
@@ -968,8 +909,8 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.24.0':
-    resolution: {integrity: sha512-hIKvXm0/3w/5+RDtCJeXqMZGkI2s4oMUGj3/jM0QzhgIASWrGO5/RlzAzm5nNh/awHE0A19h/CvHQe6FaBNrRA==}
+  '@esbuild/linux-mips64el@0.24.2':
+    resolution: {integrity: sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
@@ -986,8 +927,8 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.24.0':
-    resolution: {integrity: sha512-HcZh5BNq0aC52UoocJxaKORfFODWXZxtBaaZNuN3PUX3MoDsChsZqopzi5UupRhPHSEHotoiptqikjN/B77mYQ==}
+  '@esbuild/linux-ppc64@0.24.2':
+    resolution: {integrity: sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
@@ -1004,8 +945,8 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.24.0':
-    resolution: {integrity: sha512-bEh7dMn/h3QxeR2KTy1DUszQjUrIHPZKyO6aN1X4BCnhfYhuQqedHaa5MxSQA/06j3GpiIlFGSsy1c7Gf9padw==}
+  '@esbuild/linux-riscv64@0.24.2':
+    resolution: {integrity: sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
@@ -1022,8 +963,8 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.24.0':
-    resolution: {integrity: sha512-ZcQ6+qRkw1UcZGPyrCiHHkmBaj9SiCD8Oqd556HldP+QlpUIe2Wgn3ehQGVoPOvZvtHm8HPx+bH20c9pvbkX3g==}
+  '@esbuild/linux-s390x@0.24.2':
+    resolution: {integrity: sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
@@ -1040,12 +981,18 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/linux-x64@0.24.0':
-    resolution: {integrity: sha512-vbutsFqQ+foy3wSSbmjBXXIJ6PL3scghJoM8zCL142cGaZKAdCZHyf+Bpu/MmX9zT9Q0zFBVKb36Ma5Fzfa8xA==}
+  '@esbuild/linux-x64@0.24.2':
+    resolution: {integrity: sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/netbsd-arm64@0.24.2':
+    resolution: {integrity: sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
   '@esbuild/netbsd-x64@0.17.19':
     resolution: {integrity: sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==}
     engines: {node: '>=12'}
@@ -1058,8 +1005,8 @@ packages:
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.24.0':
-    resolution: {integrity: sha512-hjQ0R/ulkO8fCYFsG0FZoH+pWgTTDreqpqY7UnQntnaKv95uP5iW3+dChxnx7C3trQQU40S+OgWhUVwCjVFLvg==}
+  '@esbuild/netbsd-x64@0.24.2':
+    resolution: {integrity: sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
@@ -1070,8 +1017,8 @@ packages:
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-arm64@0.24.0':
-    resolution: {integrity: sha512-MD9uzzkPQbYehwcN583yx3Tu5M8EIoTD+tUgKF982WYL9Pf5rKy9ltgD0eUgs8pvKnmizxjXZyLt0z6DC3rRXg==}
+  '@esbuild/openbsd-arm64@0.24.2':
+    resolution: {integrity: sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
@@ -1088,8 +1035,8 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.24.0':
-    resolution: {integrity: sha512-4ir0aY1NGUhIC1hdoCzr1+5b43mw99uNwVzhIq1OY3QcEwPDO3B7WNXBzaKY5Nsf1+N11i1eOfFcq+D/gOS15Q==}
+  '@esbuild/openbsd-x64@0.24.2':
+    resolution: {integrity: sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
@@ -1106,8 +1053,8 @@ packages:
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/sunos-x64@0.24.0':
-    resolution: {integrity: sha512-jVzdzsbM5xrotH+W5f1s+JtUy1UWgjU0Cf4wMvffTB8m6wP5/kx0KiaLHlbJO+dMgtxKV8RQ/JvtlFcdZ1zCPA==}
+  '@esbuild/sunos-x64@0.24.2':
+    resolution: {integrity: sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
@@ -1124,8 +1071,8 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-arm64@0.24.0':
-    resolution: {integrity: sha512-iKc8GAslzRpBytO2/aN3d2yb2z8XTVfNV0PjGlCxKo5SgWmNXx82I/Q3aG1tFfS+A2igVCY97TJ8tnYwpUWLCA==}
+  '@esbuild/win32-arm64@0.24.2':
+    resolution: {integrity: sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
@@ -1142,8 +1089,8 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.24.0':
-    resolution: {integrity: sha512-vQW36KZolfIudCcTnaTpmLQ24Ha1RjygBo39/aLkM2kmjkWmZGEJ5Gn9l5/7tzXA42QGIoWbICfg6KLLkIw6yw==}
+  '@esbuild/win32-ia32@0.24.2':
+    resolution: {integrity: sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
@@ -1160,20 +1107,20 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@esbuild/win32-x64@0.24.0':
-    resolution: {integrity: sha512-7IAFPrjSQIJrGsK6flwg7NFmwBoSTyF3rl7If0hNUFQU4ilTsEPL6GuMuU9BfIWVVGuRnuIidkSMC+c0Otu8IA==}
+  '@esbuild/win32-x64@0.24.2':
+    resolution: {integrity: sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
 
-  '@eslint-community/eslint-utils@4.4.0':
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+  '@eslint-community/eslint-utils@4.4.1':
+    resolution: {integrity: sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.11.1':
-    resolution: {integrity: sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==}
+  '@eslint-community/regexpp@4.12.1':
+    resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
   '@eslint/eslintrc@2.1.4':
@@ -1184,23 +1131,20 @@ packages:
     resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@formatjs/ecma402-abstract@2.0.0':
-    resolution: {integrity: sha512-rRqXOqdFmk7RYvj4khklyqzcfQl9vEL/usogncBHRZfZBDOwMGuSRNFl02fu5KGHXdbinju+YXyuR+Nk8xlr/g==}
-
-  '@formatjs/fast-memoize@2.2.0':
-    resolution: {integrity: sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==}
+  '@formatjs/ecma402-abstract@2.3.2':
+    resolution: {integrity: sha512-6sE5nyvDloULiyOMbOTJEEgWL32w+VHkZQs8S02Lnn8Y/O5aQhjOEXwWzvR7SsBE/exxlSpY2EsWZgqHbtLatg==}
 
-  '@formatjs/icu-messageformat-parser@2.7.8':
-    resolution: {integrity: sha512-nBZJYmhpcSX0WeJ5SDYUkZ42AgR3xiyhNCsQweFx3cz/ULJjym8bHAzWKvG5e2+1XO98dBYC0fWeeAECAVSwLA==}
+  '@formatjs/fast-memoize@2.2.6':
+    resolution: {integrity: sha512-luIXeE2LJbQnnzotY1f2U2m7xuQNj2DA8Vq4ce1BY9ebRZaoPB1+8eZ6nXpLzsxuW5spQxr7LdCg+CApZwkqkw==}
 
-  '@formatjs/icu-skeleton-parser@1.8.2':
-    resolution: {integrity: sha512-k4ERKgw7aKGWJZgTarIcNEmvyTVD9FYh0mTrrBMHZ1b8hUu6iOJ4SzsZlo3UNAvHYa+PnvntIwRPt1/vy4nA9Q==}
+  '@formatjs/icu-messageformat-parser@2.9.8':
+    resolution: {integrity: sha512-hZlLNI3+Lev8IAXuwehLoN7QTKqbx3XXwFW1jh0AdIA9XJdzn9Uzr+2LLBspPm/PX0+NLIfykj/8IKxQqHUcUQ==}
 
-  '@formatjs/intl-localematcher@0.5.4':
-    resolution: {integrity: sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==}
+  '@formatjs/icu-skeleton-parser@1.8.12':
+    resolution: {integrity: sha512-QRAY2jC1BomFQHYDMcZtClqHR55EEnB96V7Xbk/UiBodsuFc5kujybzt87+qj1KqmJozFhk6n4KiT1HKwAkcfg==}
 
-  '@formatjs/intl-localematcher@0.5.6':
-    resolution: {integrity: sha512-roz1+Ba5e23AHX6KUAWmLEyTRZegM5YDuxuvkHCyK3RJddf/UXB2f+s7pOMm9ktfPGla0g+mQXOn5vsuYirnaA==}
+  '@formatjs/intl-localematcher@0.5.10':
+    resolution: {integrity: sha512-af3qATX+m4Rnd9+wHcjJ4w2ijq+rAVP3CCinJQvFv1kgSu1W6jypUmvleJxcewdxmutM8dmIRZFxO/IQBZmP2Q==}
 
   '@humanwhocodes/config-array@0.13.0':
     resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
@@ -1320,27 +1264,15 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@internationalized/date@3.5.6':
-    resolution: {integrity: sha512-jLxQjefH9VI5P9UQuqB6qNKnvFt1Ky1TPIzHGsIlCi7sZZoMR8SdYbBGRvM0y+Jtb+ez4ieBzmiAUcpmPYpyOw==}
-
   '@internationalized/date@3.6.0':
     resolution: {integrity: sha512-+z6ti+CcJnRlLHok/emGEsWQhe7kfSmEW+/6qCzvKY67YPh7YOBfvc7+/+NXq+zJlbArg30tYpqLjNgcAYv2YQ==}
 
-  '@internationalized/message@3.1.5':
-    resolution: {integrity: sha512-hjEpLKFlYA3m5apldLqzHqw531qqfOEq0HlTWdfyZmcloWiUbWsYXD6YTiUmQmOtarthzhdjCAwMVrB8a4E7uA==}
-
   '@internationalized/message@3.1.6':
     resolution: {integrity: sha512-JxbK3iAcTIeNr1p0WIFg/wQJjIzJt9l/2KNY/48vXV7GRGZSv3zMxJsce008fZclk2cDC8y0Ig3odceHO7EfNQ==}
 
-  '@internationalized/number@3.5.4':
-    resolution: {integrity: sha512-h9huwWjNqYyE2FXZZewWqmCdkw1HeFds5q4Siuoms3hUQC5iPJK3aBmkFZoDSLN4UD0Bl8G22L/NdHpeOr+/7A==}
-
   '@internationalized/number@3.6.0':
     resolution: {integrity: sha512-PtrRcJVy7nw++wn4W2OuePQQfTqDzfusSuY1QTtui4wa7r+rGVtR75pO8CyKvHvzyQYi3Q1uO5sY0AsB4e65Bw==}
 
-  '@internationalized/string@3.2.4':
-    resolution: {integrity: sha512-BcyadXPn89Ae190QGZGDUZPqxLj/xsP4U1Br1oSy8yfIjmpJ8cJtGYleaodqW/EmzFjwELtwDojLkf3FhV6SjA==}
-
   '@internationalized/string@3.2.5':
     resolution: {integrity: sha512-rKs71Zvl2OKOHM+mzAFMIyqR5hI1d1O6BBkMK2/lkfg3fkmVh9Eeg0awcA8W2WqYqDOv6a86DIOlFpggwLtbuw==}
 
@@ -1352,8 +1284,8 @@ packages:
     resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
     engines: {node: '>=18.0.0'}
 
-  '@jridgewell/gen-mapping@0.3.5':
-    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+  '@jridgewell/gen-mapping@0.3.8':
+    resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
     engines: {node: '>=6.0.0'}
 
   '@jridgewell/resolve-uri@3.1.2':
@@ -1396,124 +1328,59 @@ packages:
     resolution: {integrity: sha512-3lBouSuF7CqlseLB+FKES0K4FQ02JrbEoRtJhxnsyB1s5v4AP03gsoohN8jp7DcOImhaR9scYdztq3/sLfk/qQ==}
     engines: {node: '>=14.18.0'}
 
-  '@mdx-js/mdx@2.3.0':
-    resolution: {integrity: sha512-jLuwRlz8DQfQNiUCJR50Y09CGPq3fLtmtUQfVrj79E0JWu3dvsVcxVIcfhR5h0iXu+/z++zDrYeiJqifRynJkA==}
-
   '@mdx-js/mdx@3.1.0':
     resolution: {integrity: sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==}
 
-  '@mdx-js/react@2.3.0':
-    resolution: {integrity: sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==}
-    peerDependencies:
-      react: '>=16'
-
-  '@next/env@14.2.14':
-    resolution: {integrity: sha512-/0hWQfiaD5//LvGNgc8PjvyqV50vGK0cADYzaoOOGN8fxzBn3iAiaq3S0tCRnFBldq0LVveLcxCTi41ZoYgAgg==}
-
-  '@next/env@15.0.0':
-    resolution: {integrity: sha512-Mcv8ZVmEgTO3bePiH/eJ7zHqQEs2gCqZ0UId2RxHmDDc7Pw6ngfSrOFlxG8XDpaex+n2G+TKPsQAf28MO+88Gw==}
-
-  '@next/eslint-plugin-next@14.2.13':
-    resolution: {integrity: sha512-z8Mk0VljxhIzsSiZUSdt3wp+t2lKd+jk5a9Jsvh3zDGkItgDMfjv/ZbET6HsxEl/fSihVoHGsXV6VLyDH0lfTQ==}
+  '@next/env@15.1.4':
+    resolution: {integrity: sha512-2fZ5YZjedi5AGaeoaC0B20zGntEHRhi2SdWcu61i48BllODcAmmtj8n7YarSPt4DaTsJaBFdxQAVEVzgmx2Zpw==}
 
-  '@next/swc-darwin-arm64@14.2.14':
-    resolution: {integrity: sha512-bsxbSAUodM1cjYeA4o6y7sp9wslvwjSkWw57t8DtC8Zig8aG8V6r+Yc05/9mDzLKcybb6EN85k1rJDnMKBd9Gw==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
+  '@next/eslint-plugin-next@14.2.23':
+    resolution: {integrity: sha512-efRC7m39GoiU1fXZRgGySqYbQi6ZyLkuGlvGst7IwkTTczehQTJA/7PoMg4MMjUZvZEGpiSEu+oJBAjPawiC3Q==}
 
-  '@next/swc-darwin-arm64@15.0.0':
-    resolution: {integrity: sha512-Gjgs3N7cFa40a9QT9AEHnuGKq69/bvIOn0SLGDV+ordq07QOP4k1GDOVedMHEjVeqy1HBLkL8rXnNTuMZIv79A==}
+  '@next/swc-darwin-arm64@15.1.4':
+    resolution: {integrity: sha512-wBEMBs+np+R5ozN1F8Y8d/Dycns2COhRnkxRc+rvnbXke5uZBHkUGFgWxfTXn5rx7OLijuUhyfB+gC/ap58dDw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@14.2.14':
-    resolution: {integrity: sha512-cC9/I+0+SK5L1k9J8CInahduTVWGMXhQoXFeNvF0uNs3Bt1Ub0Azb8JzTU9vNCr0hnaMqiWu/Z0S1hfKc3+dww==}
+  '@next/swc-darwin-x64@15.1.4':
+    resolution: {integrity: sha512-7sgf5rM7Z81V9w48F02Zz6DgEJulavC0jadab4ZsJ+K2sxMNK0/BtF8J8J3CxnsJN3DGcIdC260wEKssKTukUw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@15.0.0':
-    resolution: {integrity: sha512-BUtTvY5u9s5berAuOEydAUlVMjnl6ZjXS+xVrMt317mglYZ2XXjY8YRDCaz9vYMjBNPXH8Gh75Cew5CMdVbWTw==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@next/swc-linux-arm64-gnu@14.2.14':
-    resolution: {integrity: sha512-RMLOdA2NU4O7w1PQ3Z9ft3PxD6Htl4uB2TJpocm+4jcllHySPkFaUIFacQ3Jekcg6w+LBaFvjSPthZHiPmiAUg==}
+  '@next/swc-linux-arm64-gnu@15.1.4':
+    resolution: {integrity: sha512-JaZlIMNaJenfd55kjaLWMfok+vWBlcRxqnRoZrhFQrhM1uAehP3R0+Aoe+bZOogqlZvAz53nY/k3ZyuKDtT2zQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-arm64-gnu@15.0.0':
-    resolution: {integrity: sha512-sbCoEpuWUBpYoLSgYrk0CkBv8RFv4ZlPxbwqRHr/BWDBJppTBtF53EvsntlfzQJ9fosYX12xnS6ltxYYwsMBjg==}
+  '@next/swc-linux-arm64-musl@15.1.4':
+    resolution: {integrity: sha512-7EBBjNoyTO2ipMDgCiORpwwOf5tIueFntKjcN3NK+GAQD7OzFJe84p7a2eQUeWdpzZvhVXuAtIen8QcH71ZCOQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-arm64-musl@14.2.14':
-    resolution: {integrity: sha512-WgLOA4hT9EIP7jhlkPnvz49iSOMdZgDJVvbpb8WWzJv5wBD07M2wdJXLkDYIpZmCFfo/wPqFsFR4JS4V9KkQ2A==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@next/swc-linux-arm64-musl@15.0.0':
-    resolution: {integrity: sha512-JAw84qfL81aQCirXKP4VkgmhiDpXJupGjt8ITUkHrOVlBd+3h5kjfPva5M0tH2F9KKSgJQHEo3F5S5tDH9h2ww==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@next/swc-linux-x64-gnu@14.2.14':
-    resolution: {integrity: sha512-lbn7svjUps1kmCettV/R9oAvEW+eUI0lo0LJNFOXoQM5NGNxloAyFRNByYeZKL3+1bF5YE0h0irIJfzXBq9Y6w==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@next/swc-linux-x64-gnu@15.0.0':
-    resolution: {integrity: sha512-r5Smd03PfxrGKMewdRf2RVNA1CU5l2rRlvZLQYZSv7FUsXD5bKEcOZ/6/98aqRwL7diXOwD8TCWJk1NbhATQHg==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@next/swc-linux-x64-musl@14.2.14':
-    resolution: {integrity: sha512-7TcQCvLQ/hKfQRgjxMN4TZ2BRB0P7HwrGAYL+p+m3u3XcKTraUFerVbV3jkNZNwDeQDa8zdxkKkw2els/S5onQ==}
+  '@next/swc-linux-x64-gnu@15.1.4':
+    resolution: {integrity: sha512-9TGEgOycqZFuADyFqwmK/9g6S0FYZ3tphR4ebcmCwhL8Y12FW8pIBKJvSwV+UBjMkokstGNH+9F8F031JZKpHw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-linux-x64-musl@15.0.0':
-    resolution: {integrity: sha512-fM6qocafz4Xjhh79CuoQNeGPhDHGBBUbdVtgNFJOUM8Ih5ZpaDZlTvqvqsh5IoO06CGomxurEGqGz/4eR/FaMQ==}
+  '@next/swc-linux-x64-musl@15.1.4':
+    resolution: {integrity: sha512-0578bLRVDJOh+LdIoKvgNDz77+Bd85c5JrFgnlbI1SM3WmEQvsjxTA8ATu9Z9FCiIS/AliVAW2DV/BDwpXbtiQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-win32-arm64-msvc@14.2.14':
-    resolution: {integrity: sha512-8i0Ou5XjTLEje0oj0JiI0Xo9L/93ghFtAUYZ24jARSeTMXLUx8yFIdhS55mTExq5Tj4/dC2fJuaT4e3ySvXU1A==}
+  '@next/swc-win32-arm64-msvc@15.1.4':
+    resolution: {integrity: sha512-JgFCiV4libQavwII+kncMCl30st0JVxpPOtzWcAI2jtum4HjYaclobKhj+JsRu5tFqMtA5CJIa0MvYyuu9xjjQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@next/swc-win32-arm64-msvc@15.0.0':
-    resolution: {integrity: sha512-ZOd7c/Lz1lv7qP/KzR513XEa7QzW5/P0AH3A5eR1+Z/KmDOvMucht0AozccPc0TqhdV1xaXmC0Fdx0hoNzk6ng==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@next/swc-win32-ia32-msvc@14.2.14':
-    resolution: {integrity: sha512-2u2XcSaDEOj+96eXpyjHjtVPLhkAFw2nlaz83EPeuK4obF+HmtDJHqgR1dZB7Gb6V/d55FL26/lYVd0TwMgcOQ==}
-    engines: {node: '>= 10'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@next/swc-win32-x64-msvc@14.2.14':
-    resolution: {integrity: sha512-MZom+OvZ1NZxuRovKt1ApevjiUJTcU2PmdJKL66xUPaJeRywnbGGRWUlaAOwunD6dX+pm83vj979NTC8QXjGWg==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [win32]
-
-  '@next/swc-win32-x64-msvc@15.0.0':
-    resolution: {integrity: sha512-2RVWcLtsqg4LtaoJ3j7RoKpnWHgcrz5XvuUGE7vBYU2i6M2XeD9Y8RlLaF770LEIScrrl8MdWsp6odtC6sZccg==}
+  '@next/swc-win32-x64-msvc@15.1.4':
+    resolution: {integrity: sha512-xxsJy9wzq7FR5SqPCUqdgSXiNXrMuidgckBa8nH9HtjjxsilgcN6VgXF6tZ3uEWuVEadotQJI8/9EQ6guTC4Yw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -1534,10 +1401,50 @@ packages:
     resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
     engines: {node: '>=12.4.0'}
 
-  '@orama/orama@3.0.1':
-    resolution: {integrity: sha512-18hl0MiCLmumODHjrLzSdTb1Ny3Dh8tn44jwgx0LksCdvVAsr3jQvfr+hwrE7bVkap0wPELb/dnuJjvupKxheQ==}
+  '@orama/orama@2.1.1':
+    resolution: {integrity: sha512-euTV/2kya290SNkl5m8e/H1na8iDygk74nNtl4E0YZNyYIrEMwE1JwamoroMKGZw2Uz+in/8gH3m1+2YfP0j1w==}
     engines: {node: '>= 16.0.0'}
 
+  '@oxc-transform/binding-darwin-arm64@0.43.0':
+    resolution: {integrity: sha512-RqqhTftyG9LwHdZ4v3YkJBMgZSI7BQp5qWpJQYCChVRVLOJjNtF1Oq5J/rKiqmntvSrWGrJHUeYQtOJnrlMb6g==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-transform/binding-darwin-x64@0.43.0':
+    resolution: {integrity: sha512-Iw2a/uWWbeetxS8KplRBD2PnWcwATd/Yy/nIu7rQ0SopZxEoSA/qHZiTIztMcF/jOKJlgo/rhDtjASzD+hW/nw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-transform/binding-linux-arm64-gnu@0.43.0':
+    resolution: {integrity: sha512-4mZg+lntLUStu/2qmpGE7Mqj3eTnBvcezXa4M1pBHtkRCA03bhLJ/Xv7e9Tknpv8joazxftCHSr0BSASdMlhPg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxc-transform/binding-linux-arm64-musl@0.43.0':
+    resolution: {integrity: sha512-+0JxQ9IJNB4bvIWyy0EViRnwikeCo0FctejWW2lg7Mqh7z24uu0oQ1DDAb9plFeiJMmrytStpXEq3/92/GdqUA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxc-transform/binding-linux-x64-gnu@0.43.0':
+    resolution: {integrity: sha512-he9LbBfZZAPnAJRgbdOQYnlD6dENryVtUCSLqUy0vkVCgRGvw6Y4KPdFNEFQYDDAlFpL0VPolQkuR+IUEaUXSQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxc-transform/binding-linux-x64-musl@0.43.0':
+    resolution: {integrity: sha512-CLsXVSKhnjnr67PVrbNhvBLfR1yq6O9gUjZuYR0Y9vUi92f575r9PNVIsR00DMbog3q7sW/og4oTd5sqms22ug==}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxc-transform/binding-win32-arm64-msvc@0.43.0':
+    resolution: {integrity: sha512-xbvSsbV32y62N5APQ14SuzIdLPHryMIdLQ1tRoH43kfZcWqi2qeWtgZX/hUnxh3vM9h0sfspXl4S2ohi5q3glw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-transform/binding-win32-x64-msvc@0.43.0':
+    resolution: {integrity: sha512-rUEUaGIFkcgPAKDvpTQ2o18KWAinLJS6T2TDQMNrS5RYH4u1k7+d9lUCno/f8xbYMnP/AKO3F17HzcvL6U75qg==}
+    cpu: [x64]
+    os: [win32]
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -1557,14 +1464,11 @@ packages:
   '@radix-ui/number@1.1.0':
     resolution: {integrity: sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ==}
 
-  '@radix-ui/primitive@1.0.1':
-    resolution: {integrity: sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==}
-
-  '@radix-ui/primitive@1.1.0':
-    resolution: {integrity: sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==}
+  '@radix-ui/primitive@1.1.1':
+    resolution: {integrity: sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==}
 
-  '@radix-ui/react-aspect-ratio@1.1.0':
-    resolution: {integrity: sha512-dP87DM/Y7jFlPgUZTlhx6FF5CEzOiaxp2rBCKlaXlpH5Ip/9Fg5zZ9lDOQ5o/MOfUlf36eak14zoWYpgcgGoOg==}
+  '@radix-ui/react-aspect-ratio@1.1.1':
+    resolution: {integrity: sha512-kNU4FIpcFMBLkOUcgeIteH06/8JLBcYY6Le1iKenDGCYNYFX3TQqCZjzkOsz37h7r94/99GTb7YhEr98ZBJibw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -1576,8 +1480,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-collapsible@1.1.0':
-    resolution: {integrity: sha512-zQY7Epa8sTL0mq4ajSJpjgn2YmCgyrG7RsQgLp3C0LQVkG7+Tf6Pv1CeNWZLyqMjhdPkBa5Lx7wYBeSu7uCSTA==}
+  '@radix-ui/react-collapsible@1.1.2':
+    resolution: {integrity: sha512-PliMB63vxz7vggcyq0IxNYk8vGDrLXVWw4+W4B8YnwI1s18x7YZYqlG9PLX7XxAJUi0g2DxP4XKJMFHh/iVh9A==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -1589,17 +1493,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-compose-refs@1.0.1':
-    resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-compose-refs@1.1.0':
-    resolution: {integrity: sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==}
+  '@radix-ui/react-compose-refs@1.1.1':
+    resolution: {integrity: sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==}
     peerDependencies:
       '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
@@ -1607,17 +1502,8 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-context@1.0.1':
-    resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-context@1.1.0':
-    resolution: {integrity: sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==}
+  '@radix-ui/react-context@1.1.1':
+    resolution: {integrity: sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==}
     peerDependencies:
       '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
@@ -1625,13 +1511,13 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-dialog@1.0.5':
-    resolution: {integrity: sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==}
+  '@radix-ui/react-dialog@1.1.4':
+    resolution: {integrity: sha512-Ur7EV1IwQGCyaAuyDRiOLA5JIUZxELJljF+MbM/2NC0BYwfuRrbpS30BiQBJrVruscgUkieKkqXYDOoByaxIoA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1647,50 +1533,41 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-dismissable-layer@1.0.5':
-    resolution: {integrity: sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==}
+  '@radix-ui/react-dismissable-layer@1.1.3':
+    resolution: {integrity: sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-focus-guards@1.0.1':
-    resolution: {integrity: sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==}
+  '@radix-ui/react-focus-guards@1.1.1':
+    resolution: {integrity: sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==}
     peerDependencies:
       '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-focus-scope@1.0.4':
-    resolution: {integrity: sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==}
+  '@radix-ui/react-focus-scope@1.1.1':
+    resolution: {integrity: sha512-01omzJAYRxXdG2/he/+xy+c8a8gCydoQ1yOxnWNcRhrrBW5W+RQJ22EK1SaO8tb3WoUsuEw7mJjBozPzihDFjA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-id@1.0.1':
-    resolution: {integrity: sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   '@radix-ui/react-id@1.1.0':
     resolution: {integrity: sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==}
     peerDependencies:
@@ -1700,34 +1577,8 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-portal@1.0.4':
-    resolution: {integrity: sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-presence@1.0.1':
-    resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-presence@1.1.0':
-    resolution: {integrity: sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ==}
+  '@radix-ui/react-portal@1.1.3':
+    resolution: {integrity: sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -1739,21 +1590,21 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-primitive@1.0.3':
-    resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==}
+  '@radix-ui/react-presence@1.1.2':
+    resolution: {integrity: sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-primitive@2.0.0':
-    resolution: {integrity: sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==}
+  '@radix-ui/react-primitive@2.0.1':
+    resolution: {integrity: sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -1765,8 +1616,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-scroll-area@1.1.0':
-    resolution: {integrity: sha512-9ArIZ9HWhsrfqS765h+GZuLoxaRHD/j0ZWOWilsCvYTpYJp8XwCqNG7Dt9Nu/TItKOdgLGkOPCodQvDc+UMwYg==}
+  '@radix-ui/react-scroll-area@1.2.2':
+    resolution: {integrity: sha512-EFI1N/S3YxZEW/lJ/H1jY3njlvTd8tBmgKEn4GHi51+aMm94i6NmAJstsm5cu3yJwYqYc93gpCPm21FeAbFk6g==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -1778,17 +1629,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-slot@1.0.2':
-    resolution: {integrity: sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-slot@1.1.0':
-    resolution: {integrity: sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==}
+  '@radix-ui/react-slot@1.1.1':
+    resolution: {integrity: sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==}
     peerDependencies:
       '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
@@ -1796,15 +1638,6 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-use-callback-ref@1.0.1':
-    resolution: {integrity: sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   '@radix-ui/react-use-callback-ref@1.1.0':
     resolution: {integrity: sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==}
     peerDependencies:
@@ -1814,15 +1647,6 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-use-controllable-state@1.0.1':
-    resolution: {integrity: sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   '@radix-ui/react-use-controllable-state@1.1.0':
     resolution: {integrity: sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==}
     peerDependencies:
@@ -1832,20 +1656,11 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-use-escape-keydown@1.0.3':
-    resolution: {integrity: sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==}
+  '@radix-ui/react-use-escape-keydown@1.1.0':
+    resolution: {integrity: sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==}
     peerDependencies:
       '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-layout-effect@1.0.1':
-    resolution: {integrity: sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1859,43 +1674,22 @@ packages:
       '@types/react':
         optional: true
 
-  '@react-aria/breadcrumbs@3.5.17':
-    resolution: {integrity: sha512-LJQ+u3TbPmtAWZ3/qC6VfLCzXiwVoB6GmI+HJ2pbjs6H9L8MoiLHsA4mgcz+P0rvx7SCs0Rhvy4JurV6R/R4xw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/breadcrumbs@3.5.19':
     resolution: {integrity: sha512-mVngOPFYVVhec89rf/CiYQGTfaLRfHFtX+JQwY7sNYNqSA+gO8p4lNARe3Be6bJPgH+LUQuruIY9/ZDL6LT3HA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/button@3.10.0':
-    resolution: {integrity: sha512-mhbn2tEsr991sjG6YMH6oN3ELWb4YvZZ8mnZHMNLa3l8T00PV0ClvQBsUndo6uSvuTHhpFzmMMkJFhYYUwCKlw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/button@3.11.0':
     resolution: {integrity: sha512-b37eIV6IW11KmNIAm65F3SEl2/mgj5BrHIysW6smZX3KoKWTGYsYfcQkmtNgY0GOSFfDxMCoolsZ6mxC00nSDA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/calendar@3.5.12':
-    resolution: {integrity: sha512-C8VRjRwEVPaGoCtjOlC0lb3mVSz4ajbal8jfvcbp7LOqCcmOVTUbiM7EPTy60EfZRanFNSp2D1ZstEZDU+cqsg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/calendar@3.6.0':
     resolution: {integrity: sha512-tZ3nd5DP8uxckbj83Pt+4RqgcTWDlGi7njzc7QqFOG2ApfnYDUXbIpb/Q4KY6JNlJskG8q33wo0XfOwNy8J+eg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/checkbox@3.14.7':
-    resolution: {integrity: sha512-aqVxXcr/8P7pQ7R34DlJX2SdBvWtHof9lLTVBY/9tgMplcKIoVBdlVUYPtqWxT3tGan+rruPQHbzTx8zJRFJyg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/checkbox@3.15.0':
     resolution: {integrity: sha512-z/8xd4em7o0MroBXwkkwv7QRwiJaA1FwqMhRUb7iqtBGP2oSytBEDf0N7L09oci32a1P4ZPz2rMK5GlLh/PD6g==}
     peerDependencies:
@@ -1907,48 +1701,24 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/color@3.0.0':
-    resolution: {integrity: sha512-IwHI4e2fUHUOZHRrL2MsxGZFp/RCR2cLjm39gT41jVSuH4zjxueUf96NDm6c7FD0mB5vfk0jo+KJMnShL1a2rg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/color@3.0.2':
     resolution: {integrity: sha512-dSM5qQRcR1gRGYCBw0IGRmc29gjfoht3cQleKb8MMNcgHYa2oi5VdCs2yKXmYFwwVC6uPtnlNy9S6e0spqdr+w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/combobox@3.10.4':
-    resolution: {integrity: sha512-jzLyRwpwH5SCfQl5giLSwLaw9EKlRiMG39kDZLRB4MQ1MN4sIdIP2TXBbdYcSLtYjduJm2JfRvs2ezI+QI+umA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/combobox@3.11.0':
     resolution: {integrity: sha512-s88YMmPkMO1WSoiH1KIyZDLJqUwvM2wHXXakj3cYw1tBHGo4rOUFq+JWQIbM5EDO4HOR4AUUqzIUd0NO7t3zyg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/datepicker@3.11.3':
-    resolution: {integrity: sha512-HwGxDctFry5ew3Cu7gWpUVodaCg//V6NCihSRjLvnW/TWG+UFLzTafxTqqm8eRbicT3DJlXCLOUPk8Ek0txW6A==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/datepicker@3.12.0':
     resolution: {integrity: sha512-VYNXioLfddIHpwQx211+rTYuunDmI7VHWBRetCpH3loIsVFuhFSRchTQpclAzxolO3g0vO7pMVj9VYt7Swp6kg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/dialog@3.5.18':
-    resolution: {integrity: sha512-j0x0OwDZKyW2GqBZl2Dw/pHl0uSCzhHOg5jNeulkZC8xQa8COuksQf5NFzPmgRPnzqpbgvSzCSs41ymS8spmFg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/dialog@3.5.20':
     resolution: {integrity: sha512-l0GZVLgeOd3kL3Yj8xQW7wN3gn9WW3RLd/SGI9t7ciTq+I/FhftjXCWzXLlOCCTLMf+gv7eazecECtmoWUaZWQ==}
     peerDependencies:
@@ -1961,28 +1731,12 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/dnd@3.7.3':
-    resolution: {integrity: sha512-SF7v1AzpXr4CSf98pSzjcSBCaezpP6rsSnSJTz0j2jrYfdQhX0MPA2lyxS+kgU1AEzkK19THQeHuj8hxQc0bVw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/dnd@3.8.0':
     resolution: {integrity: sha512-JiqHY3E9fDU5Kb4gN22cuK6QNlpMCGe6ngR/BV+Q8mLEsdoWcoUAYOtYXVNNTRvCdVbEWI87FUU+ThyPpoDhNQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/focus@3.18.3':
-    resolution: {integrity: sha512-WKUElg+5zS0D3xlVn8MntNnkzJql2J6MuzAMP8Sv5WTgFDse/XGR842dsxPTIyKKdrWVCRegCuwa4m3n/GzgJw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-aria/focus@3.18.4':
-    resolution: {integrity: sha512-91J35077w9UNaMK1cpMUEFRkNNz0uZjnSwiyBCFuRdaVuivO53wNC9XtWSDNDdcO5cGy87vfJRVAiyoCn/mjqA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/focus@3.19.0':
     resolution: {integrity: sha512-hPF9EXoUQeQl1Y21/rbV2H4FdUR2v+4/I0/vB+8U3bT1CJ+1AFj1hc/rqx2DqEwDlEwOHN+E4+mRahQmlybq0A==}
     peerDependencies:
@@ -1993,17 +1747,6 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/form@3.0.9':
-    resolution: {integrity: sha512-9M6IfC5t47G19c8roHWnkKd275BrECTzyTsc4rzf5OepJfHfG4evST6x+4gGOFYi8soC9XoQdJl4TRh/mft+gw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-aria/grid@3.10.4':
-    resolution: {integrity: sha512-3AjJ0hwRhOCIHThIZrGWrjAuKDpaZuBkODW3dvgLqtsNm3tL46DI6U9O3vfp8lNbrWMsXJgjRXwvXvdv0/gwCA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/grid@3.11.0':
     resolution: {integrity: sha512-lN5FpQgu2Rq0CzTPWmzRpq6QHcMmzsXYeClsgO3108uVp1/genBNAObYVTxGOKe/jb9q99trz8EtIn05O6KN1g==}
     peerDependencies:
@@ -2016,126 +1759,58 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/gridlist@3.9.4':
-    resolution: {integrity: sha512-gGzS4ToSynn2KBycf9UCsWIJIbVl4RjoCjPF4NnukwzHmrXwbtZnlF0xsORQ5QxfqHH9UehTAHWFvOOHJSZZ2w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-aria/i18n@3.12.3':
-    resolution: {integrity: sha512-0Tp/4JwnCVNKDfuknPF+/xf3/woOc8gUjTU2nCjO3mCVb4FU7KFtjxQ2rrx+6hpIVG6g+N9qfMjRa/ggVH0CJg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/i18n@3.12.4':
     resolution: {integrity: sha512-j9+UL3q0Ls8MhXV9gtnKlyozq4aM95YywXqnmJtzT1rYeBx7w28hooqrWkCYLfqr4OIryv1KUnPiCSLwC2OC7w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/interactions@3.22.3':
-    resolution: {integrity: sha512-RRUb/aG+P0IKTIWikY/SylB6bIbLZeztnZY2vbe7RAG5MgVaCgn5HQ45SI15GlTmhsFG8CnF6slJsUFJiNHpbQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-aria/interactions@3.22.4':
-    resolution: {integrity: sha512-E0vsgtpItmknq/MJELqYJwib+YN18Qag8nroqwjk1qOnBa9ROIkUhWJerLi1qs5diXq9LHKehZDXRlwPvdEFww==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/interactions@3.22.5':
     resolution: {integrity: sha512-kMwiAD9E0TQp+XNnOs13yVJghiy8ET8L0cbkeuTgNI96sOAp/63EJ1FSrDf17iD8sdjt41LafwX/dKXW9nCcLQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/label@3.7.12':
-    resolution: {integrity: sha512-u9xT90lAlgb7xiv+p0md9QwCHz65XL7tjS5e29e88Rs3ptkv3aQubTqxVOUTEwzbNUT4A1QqTjUm1yfHewIRUw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/label@3.7.13':
     resolution: {integrity: sha512-brSAXZVTey5RG/Ex6mTrV/9IhGSQFU4Al34qmjEDho+Z2qT4oPwf8k7TRXWWqzOU0ugYxekYbsLd2zlN3XvWcg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/link@3.7.5':
-    resolution: {integrity: sha512-j0F1BIdNoE7Tl+0KzzjbrmYuxt4aWAmDZDHvJKiYg71Jb1BAPz71eE1O1ybMoO04+OG/6HrRZTragfSQLAJ58A==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/link@3.7.7':
     resolution: {integrity: sha512-eVBRcHKhNSsATYWv5wRnZXRqPVcKAWWakyvfrYePIKpC3s4BaHZyTGYdefk8ZwZdEOuQZBqLMnjW80q1uhtkuA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/listbox@3.13.4':
-    resolution: {integrity: sha512-2aG4jzlB+srYBeM9ap/BNZe0E04yMjY2dPGXcigkaSJt6/yYAHCygXuouf2MzvBfkdV4QWyHIIgWZmAXXl6reg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/listbox@3.13.6':
     resolution: {integrity: sha512-6hEXEXIZVau9lgBZ4VVjFR3JnGU+fJaPmV3HP0UZ2ucUptfG0MZo24cn+ZQJsWiuaCfNFv5b8qribiv+BcO+Kg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/live-announcer@3.4.0':
-    resolution: {integrity: sha512-VBxEdMq2SbtRbNTQNcDR2G6E3lEl5cJSBiHTTO8Ln1AL76LiazrylIXGgoktqzCfRQmyq0v8CHk1cNKDU9mvJg==}
-
   '@react-aria/live-announcer@3.4.1':
     resolution: {integrity: sha512-4X2mcxgqLvvkqxv2l1n00jTzUxxe0kkLiapBGH1LHX/CxA1oQcHDqv8etJ2ZOwmS/MSBBiWnv3DwYHDOF6ubig==}
 
-  '@react-aria/menu@3.15.4':
-    resolution: {integrity: sha512-4wfq8Lb7AltgSzBHdtypiPOnsRm8hHv7PUuHhlq/VT9yAkEFk4Flc7vKVF6VSFqrnCfyCf66B5aeapjNInAONg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/menu@3.16.0':
     resolution: {integrity: sha512-TNk+Vd3TbpBPUxEloAdHRTaRxf9JBK7YmkHYiq0Yj5Lc22KS0E2eTyhpPM9xJvEWN2TlC5TEvNfdyui2kYWFFQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/meter@3.4.17':
-    resolution: {integrity: sha512-08wbQhfvVWzpWilhn/WD7cQ7TqafS/66umTk7+X6BW6TrS1//6loNNJV62IC3F7sskel4iEAtl2gW0WpW8zEdg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/meter@3.4.18':
     resolution: {integrity: sha512-tTX3LLlmDIHqrC42dkdf+upb1c4UbhlpZ52gqB64lZD4OD4HE+vMTwNSe+7MRKMLvcdKPWCRC35PnxIHZ15kfQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/numberfield@3.11.7':
-    resolution: {integrity: sha512-9bqg4sKqc5XLppHzJFRhgtkoeMu0N6Zg0AuVSiE/3CxE5Ad+y8tKpFEx9zh4o5BItyOWy18w5ZXnKjJGjd7waQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/numberfield@3.11.9':
     resolution: {integrity: sha512-3tiGPx2y4zyOV7PmdBASes99ZZsFTZAJTnU45Z+p1CW4131lw7y2ZhbojBl7U6DaXAJvi1z6zY6cq2UE9w5a0Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/overlays@3.23.3':
-    resolution: {integrity: sha512-vRW4DL466a27BBIP6dQqmmei4nX/nsur6DyF0Hmd46ygwOdvdA+5MwvXZUz9yUamB79UeS9BMQZuBVwhjoMwBQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/overlays@3.24.0':
     resolution: {integrity: sha512-0kAXBsMNTc/a3M07tK9Cdt/ea8CxTAEJ223g8YgqImlmoBBYAL7dl5G01IOj67TM64uWPTmZrOklBchHWgEm3A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/progress@3.4.17':
-    resolution: {integrity: sha512-5+01WNibLoNS5KcfU5p6vg7Lhz17plqqzv/uITx28zzj3saaj0VLR7n57Ig2fXe8ZEQoUS89BS3sIEsIf96S1A==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/progress@3.4.18':
     resolution: {integrity: sha512-FOLgJ9t9i1u3oAAimybJG6r7/soNPBnJfWo4Yr6MmaUv90qVGa1h6kiuM5m9H/bm5JobAebhdfHit9lFlgsCmg==}
     peerDependencies:
@@ -2146,60 +1821,28 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/radio@3.10.8':
-    resolution: {integrity: sha512-/vKQhKqpoCB/VqHuc46OOU+31HFtg6svcYzHBbz0wN/DSVCygYeTfB/36kY7x2GWWkT0pCsB4OcHJ+/0G3EfkQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/searchfield@3.7.11':
     resolution: {integrity: sha512-wFf6QxtBFfoxy0ANxI0+ftFEBGynVCY0+ce4H4Y9LpUTQsIKMp3sdc7LoUFORWw5Yee6Eid5cFPQX0Ymnk+ZJg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/searchfield@3.7.9':
-    resolution: {integrity: sha512-EHODG7HDFthwG5tx4fh+WP2hjNOp/rPAqdNScKBAN73nEf0F/qQpIwmdZF0EycCOzGSM5hhihjm0yMtTFYuzOQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-aria/select@3.14.10':
-    resolution: {integrity: sha512-xHkAJqvfKgnH5mVYwZj3ME7/Q3wUzgUZDK/iVuXUs3cAYap8ybM2d/2zOGcqv1keZHBUzwp9QtaN//FYK13jIA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/select@3.15.0':
     resolution: {integrity: sha512-zgBOUNy81aJplfc3NKDJMv8HkXjBGzaFF3XDzNfW8vJ7nD9rcTRUN5SQ1XCEnKMv12B/Euk9zt6kd+tX0wk1vQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/selection@3.20.0':
-    resolution: {integrity: sha512-h3giMcXo4SMZRL5HrqZvOLNTsdh5jCXwLUx0wpj/2EF0tcYQL6WDfn1iJ+rHARkUIs7X70fUV8iwlbUySZy1xg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/selection@3.21.0':
     resolution: {integrity: sha512-52JJ6hlPcM+gt0VV3DBmz6Kj1YAJr13TfutrKfGWcK36LvNCBm1j0N+TDqbdnlp8Nue6w0+5FIwZq44XPYiBGg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/separator@3.4.3':
-    resolution: {integrity: sha512-L+eCmSGfRJ9jScHZqBkmOkp44LBARisDjRdYbGrLlsAEcOiHUXufnfpxz2rgkUGBdUgnI9hIk12q5kdy0UxGjg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/separator@3.4.4':
     resolution: {integrity: sha512-dH+qt0Mdh0nhKXCHW6AR4DF8DKLUBP26QYWaoThPdBwIpypH/JVKowpPtWms1P4b36U6XzHXHnTTEn/ZVoCqNA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/slider@3.7.12':
-    resolution: {integrity: sha512-yZWBGxDHBL5Gjjdnz+igdO7VfYND9iZsSqynadZthWtfy1jA+qBR25I+Soc0D9gkr/2/JUJkFgkllYF1RzWMUQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/slider@3.7.14':
     resolution: {integrity: sha512-7rOiKjLkEZ0j7mPMlwrqivc+K4OSfL14slaQp06GHRiJkhiWXh2/drPe15hgNq55HmBQBpA0umKMkJcqVgmXPA==}
     peerDependencies:
@@ -2211,18 +1854,6 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/spinbutton@3.6.9':
-    resolution: {integrity: sha512-m+uVJdiIc2LrLVDGjU7p8P2O2gUvTN26GR+NgH4rl+tUSuAB0+T1rjls/C+oXEqQjCpQihEB9Bt4M+VHpzmyjA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-aria/ssr@3.9.6':
-    resolution: {integrity: sha512-iLo82l82ilMiVGy342SELjshuWottlb5+VefO3jOQqQRNYnJBFpUSadswDPbRimSgJUZuFwIEYs6AabkP038fA==}
-    engines: {node: '>= 12'}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/ssr@3.9.7':
     resolution: {integrity: sha512-GQygZaGlmYjmYM+tiNBA5C6acmiDWF52Nqd40bBp0Znk4M4hP+LTmI0lpI1BuKMw45T8RIhrAsICIfKwZvi2Gg==}
     engines: {node: '>= 12'}
@@ -2234,52 +1865,24 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/switch@3.6.8':
-    resolution: {integrity: sha512-6Q0w7o+liB0ztKPL9UaRfX+hPPuy71AL3SuVCMK7RKfPqZwcmlwUDp2gr3j5fvs8gLev0r42XtEBqmGwkHTkEw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-aria/table@3.15.4':
-    resolution: {integrity: sha512-t4+vtUF63i6OrXmZ0AA/RmWyIt8cieUm7cSXhQMooAgUjkvVqTNkQQRsntVOb+UNI5KmiGSe4jB3H4GVXz2X9w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/table@3.16.0':
     resolution: {integrity: sha512-9xF9S3CJ7XRiiK92hsIKxPedD0kgcQWwqTMtj3IBynpQ4vsnRiW3YNIzrn9C3apjknRZDTSta8O2QPYCUMmw2A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tabs@3.9.6':
-    resolution: {integrity: sha512-iPQ2Im+srnSB06xIdVNHZZDJnZmUR0IG0MZAp6FXmbkCeLAd9tZQHgSFYwswBfgAStNnyFQHP5aSBJOJMRCACg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/tabs@3.9.8':
     resolution: {integrity: sha512-Nur/qRFBe+Zrt4xcCJV/ULXCS3Mlae+B89bp1Gl20vSDqk6uaPtGk+cS5k03eugOvas7AQapqNJsJgKd66TChw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tag@3.4.6':
-    resolution: {integrity: sha512-Uf1sPabwJx99diyXJTaVguiYozS49opjQxmK1PPbb87ipNN1YlSDVbP05IelVMbnbxXHudsRmzPOBmmblcj1GQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/tag@3.4.8':
     resolution: {integrity: sha512-exWl52bsFtJuzaqMYvSnLteUoPqb3Wf+uICru/yRtREJsWVqjJF38NCVlU73Yqd9qMPTctDrboSZFAWAWKDxoA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/textfield@3.14.9':
-    resolution: {integrity: sha512-LPwZhthDVLyvnzXWco4eyYCD2pFmQ4Vw9ha9tb3QkZUIP6j8E52y76j0c59Nq7XYus3IHatVe7yYQk7kbo8Zrg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/textfield@3.15.0':
     resolution: {integrity: sha512-V5mg7y1OR6WXYHdhhm4FC7QyGc9TideVRDFij1SdOJrIo5IFB7lvwpOS0GmgwkVbtr71PTRMjZnNbrJUFU6VNA==}
     peerDependencies:
@@ -2290,42 +1893,22 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/toggle@3.10.8':
-    resolution: {integrity: sha512-N6WTgE8ByMYY+ZygUUPGON2vW5NrxwU91H98+Nozl+Rq6ZYR2fD9i8oRtLtrYPxjU2HmaFwDyQdWvmMJZuDxig==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/toolbar@3.0.0-beta.11':
     resolution: {integrity: sha512-LM3jTRFNDgoEpoL568WaiuqiVM7eynSQLJis1hV0vlVnhTd7M7kzt7zoOjzxVb5Uapz02uCp1Fsm4wQMz09qwQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/toolbar@3.0.0-beta.4':
-    resolution: {integrity: sha512-nerKAoHwHFTvf25DDtj8d/zlDaZHaTPWvL4gweTm3hu9ztisE58CoVUqzqH+VNiYjcrWr2PYgLbNLsuOzk0q1Q==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-
   '@react-aria/tooltip@3.7.10':
     resolution: {integrity: sha512-Udi3XOnrF/SYIz72jw9bgB74MG/yCOzF5pozHj2FH2HiJlchYv/b6rHByV/77IZemdlkmL/uugrv/7raPLSlnw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tooltip@3.7.8':
-    resolution: {integrity: sha512-dlWfS3w8E6dw5Xoist4cVX2GQE5oh3VQr88dRyLto7BAPLFrp3I+8c9mZCVUobLS/f5QcQzLkqw750s4ENCyiw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/tree@3.0.0-beta.2':
     resolution: {integrity: sha512-lH3hVl2VgG3YLN+ee1zQzm+2F+BGLd/HBhfMYPuI3IjHvDb+m+jCJXHdBOGrfG2Qydk2LYheqX8QXCluulu0qQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/utils@3.25.3':
-    resolution: {integrity: sha512-PR5H/2vaD8fSq0H/UB9inNbc8KDcVmW6fYAfSWkkn+OAdhTTMVKqXXrZuZBWyFfSD5Ze7VN6acr4hrOQm2bmrA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/utils@3.26.0':
     resolution: {integrity: sha512-LkZouGSjjQ0rEqo4XJosS4L3YC/zzQkfRM3KoqK6fUOmUJ9t0jQ09WjiF+uOoG9u+p30AVg3TrZRUWmoTS+koQ==}
     peerDependencies:
@@ -2337,21 +1920,11 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/visually-hidden@3.8.16':
-    resolution: {integrity: sha512-3zThVIzEprez4A/GajOut6/JQ4WCu2ROHGZ1xH1+2GFjBJQaTfPBIjg6UIwaT7sgHRQIik8QidogLqXHbp81yA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-aria/visually-hidden@3.8.18':
     resolution: {integrity: sha512-l/0igp+uub/salP35SsNWq5mGmg3G5F5QMS1gDZ8p28n7CgjvzyiGhJbbca7Oxvaw1HRFzVl9ev+89I7moNnFQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/calendar@3.5.5':
-    resolution: {integrity: sha512-HzaiDRhrmaYIly8hRsjjIrydLkldiw1Ws6T/130NLQOt+VPwRW/x0R+nil42mA9LZ6oV0XN0NpmG5tn7TaKRGw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/calendar@3.6.0':
     resolution: {integrity: sha512-GqUtOtGnwWjtNrJud8nY/ywI4VBP5byToNVRTnxbMl+gYO1Qe/uc5NG7zjwMxhb2kqSBHZFdkF0DXVqG2Ul+BA==}
     peerDependencies:
@@ -2362,56 +1935,26 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/checkbox@3.6.9':
-    resolution: {integrity: sha512-JrY3ecnK/SSJPxw+qhGhg3YV4e0CpUcPDrVwY3mSiAE932DPd19xr+qVCknJ34H7JYYt/q0l2z0lmgPnl96RTg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-stately/collections@3.11.0':
-    resolution: {integrity: sha512-TiJeJjHMPSbbeAhmCXLJNSCk0fa5XnCvEuYw6HtQzDnYiq1AD7KAwkpjC5NfKkjqF3FLXs/v9RDm/P69q6rYzw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/collections@3.12.0':
     resolution: {integrity: sha512-MfR9hwCxe5oXv4qrLUnjidwM50U35EFmInUeFf8i9mskYwWlRYS0O1/9PZ0oF1M0cKambaRHKEy98jczgb9ycA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/color@3.8.0':
-    resolution: {integrity: sha512-lBH91HEStZeayhE/FkDMt9WC0UISQiAn8DoD2hfpTGeeWscX/soyxZA7oVL7zBOG9RfDBMNzF+CybVROrWSKAQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/color@3.8.1':
     resolution: {integrity: sha512-7eN7K+KJRu+rxK351eGrzoq2cG+yipr90i5b1cUu4lioYmcH4WdsfjmM5Ku6gypbafH+kTDfflvO6hiY1NZH+A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/combobox@3.10.0':
-    resolution: {integrity: sha512-4W4HCCjjoddW/LZM3pSSeLoV7ncYXlaICKmqlBcbtLR5jY4U5Kx+pPpy3oJ1vCdjDHatIxZ0tVKEBP7vBQVeGQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/combobox@3.10.1':
     resolution: {integrity: sha512-Rso+H+ZEDGFAhpKWbnRxRR/r7YNmYVtt+Rn0eNDNIUp3bYaxIBCdCySyAtALs4I8RZXZQ9zoUznP7YeVwG3cLg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/data@3.11.7':
-    resolution: {integrity: sha512-2YJ+Lmca18f/h7jiZiU9j2IhBJl6BFO1BWlwvcCAH/eCWTdveX8gzsUdW++0szzpJaoCilTCYoi8z7QWyVH9jQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/data@3.12.0':
     resolution: {integrity: sha512-6PiW2oA56lcH1CVjDcajutzsv91w/PER8K61/OGxtNFFUWaIZH80RWmK4kjU/Lf0vygzXCxout3kEb388lUk0w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/datepicker@3.10.3':
-    resolution: {integrity: sha512-6PJW1QMwk6BQMktV9L6DA4f2rfAdLfbq3iTNLy4qxd5IfNPLMUZiJGGTj+cuqx0WcEl+q5irp+YhKBpbmhPZHg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/datepicker@3.11.0':
     resolution: {integrity: sha512-d9MJF34A0VrhL5y5S8mAISA8uwfNCQKmR2k4KoQJm3De1J8SQeNzSjLviAwh1faDow6FXGlA6tVbTrHyDcBgBg==}
     peerDependencies:
@@ -2422,27 +1965,14 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/dnd@3.4.3':
-    resolution: {integrity: sha512-sUvhmMxFEw6P2MW7walx0ntakIihxdPxA06K9YZ3+ReaUvzQuRw5cFDaTTHrlegWRMYD0CyQaKlGIaTQihhvVA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/dnd@3.5.0':
     resolution: {integrity: sha512-ZcWFw1npEDnATiy3TEdzA1skQ3UEIyfbNA6VhPNO8yiSVLxoxBOaEaq8VVS72fRGAtxud6dgOy8BnsP9JwDClQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/flags@3.0.4':
-    resolution: {integrity: sha512-RNJEkOALwKg+JeYsfNlfPc4GXm7hiBLX0yuHOkRapWEyDOfi0cinkV/TZG4goOZdQ5tBpHmemf2qqiHAxqHlzQ==}
-
   '@react-stately/flags@3.0.5':
     resolution: {integrity: sha512-6wks4csxUwPCp23LgJSnkBRhrWpd9jGd64DjcCTNB2AHIFu7Ab1W59pJpUL6TW7uAxVxdNKjgn6D1hlBy8qWsA==}
 
-  '@react-stately/form@3.0.6':
-    resolution: {integrity: sha512-KMsxm3/V0iCv/6ikt4JEjVM3LW2AgCzo7aNotMzRobtwIo0RwaUo7DQNY00rGgFQ3/IjzI6DcVo13D+AVE/zXg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/form@3.1.0':
     resolution: {integrity: sha512-E2wxNQ0QaTyDHD0nJFtTSnEH9A3bpJurwxhS4vgcUmESHgjFEMLlC9irUSZKgvOgb42GAq+fHoWBsgKeTp9Big==}
     peerDependencies:
@@ -2453,161 +1983,81 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/grid@3.9.3':
-    resolution: {integrity: sha512-P5KgCNYwm/n8bbLx6527li89RQWoESikrsg2MMyUpUd6IJ321t2pGONGRRQzxE0SBMolPRDJKV0Do2OlsjYKhQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/layout@4.1.0':
     resolution: {integrity: sha512-pSBqn+4EeOaf2QMK+w2SHgsWKYHdgMZWY3qgJijdzWGZ4JpYmHuiD0yOq80qFdUwxcexPW3vFg3hqIQlMpXeCw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/list@3.11.0':
-    resolution: {integrity: sha512-O+BxXcbtoLZWn4QIT54RoFUaM+QaJQm6s0ZBJ3Jv4ILIhukVOc55ra+aWMVlXFQSpbf6I3hyVP6cz1yyvd5Rtw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/list@3.11.1':
     resolution: {integrity: sha512-UCOpIvqBOjwLtk7zVTYWuKU1m1Oe61Q5lNar/GwHaV1nAiSQ8/yYlhr40NkBEs9X3plEfsV28UIpzOrYnu1tPg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/menu@3.8.3':
-    resolution: {integrity: sha512-sV63V+cMgzipx/N7dq5GaXoItfXIfFEpCtlk3PM2vKstlCJalszXrdo+x996bkeU96h0plB7znAlhlXOeTKzUg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/menu@3.9.0':
     resolution: {integrity: sha512-++sm0fzZeUs9GvtRbj5RwrP+KL9KPANp9f4SvtI3s+MP+Y/X3X7LNNePeeccGeyikB5fzMsuyvd82bRRW9IhDQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/numberfield@3.9.7':
-    resolution: {integrity: sha512-PjSgCCpYasGCEAznFQNqa2JhhEQ5+/2eMiV7ZI5j76q3edTNF8G5OOCl2RazDbzFp6vDAnRVT7Kctx5Tl5R/Zw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/numberfield@3.9.8':
     resolution: {integrity: sha512-J6qGILxDNEtu7yvd3/y+FpbrxEaAeIODwlrFo6z1kvuDlLAm/KszXAc75yoDi0OtakFTCMP6/HR5VnHaQdMJ3w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/overlays@3.6.11':
-    resolution: {integrity: sha512-usuxitwOx4FbmOW7Og4VM8R8ZjerbHZLLbFaxZW7pWLs7Ypway1YhJ3SWcyNTYK7NEk4o602kSoU6MSev1Vgag==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/overlays@3.6.12':
     resolution: {integrity: sha512-QinvZhwZgj8obUyPIcyURSCjTZlqZYRRCS60TF8jH8ZpT0tEAuDb3wvhhSXuYA3Xo9EHLwvLjEf3tQKKdAQArw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/radio@3.10.8':
-    resolution: {integrity: sha512-VRq6Gzsbk3jzX6hdrSoDoSra9vLRsOi2pLkvW/CMrJ0GSgMwr8jjvJKnNFvYJ3eYQb20EwkarsOAfk7vPSIt/Q==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/radio@3.10.9':
     resolution: {integrity: sha512-kUQ7VdqFke8SDRCatw2jW3rgzMWbvw+n2imN2THETynI47NmNLzNP11dlGO2OllRtTrsLhmBNlYHa3W62pFpAw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/searchfield@3.5.7':
-    resolution: {integrity: sha512-VxEG4tWDypdXQ8f7clZBu5Qmc4osqDBeA/gNMA2i1j/h2zRVcCJ0fRCHuDeXLSWBqF1XXAI4TWV53fBBwJusbg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/searchfield@3.5.8':
     resolution: {integrity: sha512-jtquvGadx1DmtQqPKaVO6Qg/xpBjNxsOd59ciig9xRxpxV+90i996EX1E2R6R+tGJdSM1pD++7PVOO4yE++HOg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/select@3.6.8':
-    resolution: {integrity: sha512-fLAVzGeYSdYdBdrEVws6Pb1ywFPdapA0eWphoW5s3fS0/pKcVWwbCHeHlaBEi1ISyqEubQZFGQdeFKm/M46Hew==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/select@3.6.9':
     resolution: {integrity: sha512-vASUDv7FhEYQURzM+JIwcusPv7/x/l3zHc/oKJPvoCl3aa9pwS8hZwS82SC00o2iFnrDscfDJju4IE/cd4hucg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/selection@3.17.0':
-    resolution: {integrity: sha512-It3LRTaFOavybuDBvBH2mvCh73OL4awqvN4tZ0JzLzMtaYSBe9+YmFasYrzB0o7ca17B2q1tpUmsNWaAgIqbLA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/selection@3.18.0':
     resolution: {integrity: sha512-6EaNNP3exxBhW2LkcRR4a3pg+3oDguZlBSqIVVR7lyahv/D8xXHRC4dX+m0mgGHJpsgjs7664Xx6c8v193TFxg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/slider@3.5.8':
-    resolution: {integrity: sha512-EDgbrxMq1w3+XTN72MGl3YtAG/j65EYX1Uc3Fh56K00+inJbTdRWyYTrb3NA310fXCd0WFBbzExuH2ohlKQycg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/slider@3.6.0':
     resolution: {integrity: sha512-w5vJxVh267pmD1X+Ppd9S3ZzV1hcg0cV8q5P4Egr160b9WMcWlUspZPtsthwUlN7qQe/C8y5IAhtde4s29eNag==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/table@3.12.3':
-    resolution: {integrity: sha512-8uGrLcNJYeMbFtzRQZFWCBj5kV+7v3jzwoKIL1j9TmYUKow1PTDMQbPJpAZLQhnC2wVMlaFVgDbedSlbBij7Zg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/table@3.13.0':
     resolution: {integrity: sha512-mRbNYrwQIE7xzVs09Lk3kPteEVFVyOc20vA8ph6EP54PiUf/RllJpxZe/WUYLf4eom9lUkRYej5sffuUBpxjCA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/tabs@3.6.10':
-    resolution: {integrity: sha512-F7wfoiNsrBy7c02AYHyE1USGgj05HQ0hp7uXmQjp2LEa+AA0NKKi3HdswTHHySxb0ZRuoEE7E7vp/gXQYx2/Ow==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/tabs@3.7.0':
     resolution: {integrity: sha512-ox4hTkfZCoR4Oyr3Op3rBlWNq2Wxie04vhEYpTZQ2hobR3l4fYaOkd7CPClILktJ3TC104j8wcb0knWxIBRx9w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/toggle@3.7.8':
-    resolution: {integrity: sha512-ySOtkByvIY54yIu8IZ4lnvomQA0H+/mkZnd6T5fKN3tjvIzHmkUk3TAPmNInUxHX148tSW6mWwec0xvjYqEd6w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/toggle@3.8.0':
     resolution: {integrity: sha512-pyt/k/J8BwE/2g6LL6Z6sMSWRx9HEJB83Sm/MtovXnI66sxJ2EfQ1OaXB7Su5PEL9OMdoQF6Mb+N1RcW3zAoPw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/tooltip@3.4.13':
-    resolution: {integrity: sha512-zQ+8FQ7Pi0Cz852dltXb6yaryjE18K3byK4tIO3e5vnrZHEGvfdxowc+v9ak5UV93kVrYoOVmfZHRcEaTXTBNA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/tooltip@3.5.0':
     resolution: {integrity: sha512-+xzPNztJDd2XJD0X3DgWKlrgOhMqZpSzsIssXeJgO7uCnP8/Z513ESaipJhJCFC8fxj5caO/DK4Uu8hEtlB8cQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/tree@3.8.5':
-    resolution: {integrity: sha512-0/tYhsKWQQJTOZFDwh8hY3Qk6ejNFRldGrLeK5kS22UZdvsMFyh7WAi40FTCJy561/VoB0WqQI4oyNPOa9lYWg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/tree@3.8.6':
     resolution: {integrity: sha512-lblUaxf1uAuIz5jm6PYtcJ+rXNNVkqyFWTIMx6g6gW/mYvm8GNx1G/0MLZE7E6CuDGaO9dkLSY2bB1uqyKHidA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/utils@3.10.4':
-    resolution: {integrity: sha512-gBEQEIMRh5f60KCm7QKQ2WfvhB2gLUr9b72sqUdIZ2EG+xuPgaIlCBeSicvjmjBvYZwOjoOEnmIkcx2GHp/HWw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-stately/utils@3.10.5':
     resolution: {integrity: sha512-iMQSGcpaecghDIh3mZEpZfoFH3ExBwTtuBEcvZ2XnGzCgQjeYXcMdIUwAfVQLXFTdHUHGF6Gu6/dFrYsCzySBQ==}
     peerDependencies:
@@ -2618,81 +2068,41 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/breadcrumbs@3.7.8':
-    resolution: {integrity: sha512-+BW2a+PrY8ArZ+pKecz13oJFrUAhthvXx17o3x0BhWUhRpAdtmTYt2hjw8zNanm2j0Kvgo1HYKgvtskCRxYcOA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/breadcrumbs@3.7.9':
     resolution: {integrity: sha512-eARYJo8J+VfNV8vP4uw3L2Qliba9wLV2bx9YQCYf5Lc/OE5B/y4gaTLz+Y2P3Rtn6gBPLXY447zCs5i7gf+ICg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/button@3.10.0':
-    resolution: {integrity: sha512-rAyU+N9VaHLBdZop4zasn8IDwf9I5Q1EzHUKMtzIFf5aUlMUW+K460zI/l8UESWRSWAXK9/WPSXGxfcoCEjvAA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/button@3.10.1':
     resolution: {integrity: sha512-XTtap8o04+4QjPNAshFWOOAusUTxQlBjU2ai0BTVLShQEjHhRVDBIWsI2B2FKJ4KXT6AZ25llaxhNrreWGonmA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/calendar@3.4.10':
-    resolution: {integrity: sha512-PyjqxwJxSW2IpQx6y0D9O34fRCWn1gv9q0qFhgaIigIQrPg8zTE/CC7owHLxAtgCnnCt8exJ5rqi414csaHKlA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/calendar@3.5.0':
     resolution: {integrity: sha512-O3IRE7AGwAWYnvJIJ80cOy7WwoJ0m8GtX/qSmvXQAjC4qx00n+b5aFNBYAQtcyc3RM5QpW6obs9BfwGetFiI8w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/checkbox@3.8.4':
-    resolution: {integrity: sha512-fvZrlQmlFNsYHZpl7GVmyYQlKdUtO5MczMSf8z3TlSiCb5Kl3ha9PsZgLhJqGuVnzB2ArIBz0eZrYa3k0PhcpA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/checkbox@3.9.0':
     resolution: {integrity: sha512-9hbHx0Oo2Hp5a8nV8Q75LQR0DHtvOIJbFaeqESSopqmV9EZoYjtY/h0NS7cZetgahQgnqYWQi44XGooMDCsmxA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/color@3.0.0':
-    resolution: {integrity: sha512-VUH8CROAM69GsMBilrJ1xyAdVsWL01nXQYrkZJxAEApv1OrcpIGSdsXLcGrjsrhjjiNVXxWFnqYRMsKkLzIl7g==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/color@3.0.1':
     resolution: {integrity: sha512-KemFziO3GbmT3HEKrgOGdqNA6Gsmy9xrwFO3f8qXSG7gVz6M27Ic4R9HVQv4iAjap5uti6W13/pk2bc/jLVcEA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/combobox@3.13.0':
-    resolution: {integrity: sha512-kH/a+Fjpr54M2JbHg9RXwMjZ9O+XVsdOuE5JCpWRibJP1Mfl1md8gY6y6zstmVY8COrSqFvMZWB+PzwaTWjTGw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/combobox@3.13.1':
     resolution: {integrity: sha512-7xr+HknfhReN4QPqKff5tbKTe2kGZvH+DGzPYskAtb51FAAiZsKo+WvnNAvLwg3kRoC9Rkn4TAiVBp/HgymRDw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/datepicker@3.8.3':
-    resolution: {integrity: sha512-Y4qfPRBB6uzocosCOWSYMuwiZ3YXwLWQYiFB4KCglkvHyltbNz76LgoBEnclYA5HjwosIk4XywiXvHSYry8JnQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/datepicker@3.9.0':
     resolution: {integrity: sha512-dbKL5Qsm2MQwOTtVQdOcKrrphcXAqDD80WLlSQrBLg+waDuuQ7H+TrvOT0thLKloNBlFUGnZZfXGRHINpih/0g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/dialog@3.5.13':
-    resolution: {integrity: sha512-9k8daVcAqQsySkzDY6NIVlyGxtpEip4TKuLyzAehthbv78GQardD5fHdjQ6eXPRS4I2qZrmytrFFrlOnwWVGHw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/dialog@3.5.14':
     resolution: {integrity: sha512-OXWMjrALwrlgw8aHD8SeRm/s3tbAssdaEh2h73KUSeFau3fU3n5mfKv+WnFqsEaOtN261o48l7hTlS6615H9AA==}
     peerDependencies:
@@ -2708,86 +2118,41 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/grid@3.2.9':
-    resolution: {integrity: sha512-eMw0d2UIZ4QTzGgD1wGGPw0cv67KjAOCp4TcwWjgDV7Wa5SVV/UvOmpnIVDyfhkG/4KRI5OR9h+isy76B726qA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-types/link@3.5.8':
-    resolution: {integrity: sha512-l/YGXddgAbLnIT7ekftXrK1D4n8NlLQwx0d4usyZpaxP1KwPzuwng20DxynamLc1atoKBqbUtZAnz32pe7vYgw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/link@3.5.9':
     resolution: {integrity: sha512-JcKDiDMqrq/5Vpn+BdWQEuXit4KN4HR/EgIi3yKnNbYkLzxBoeQZpQgvTaC7NEQeZnSqkyXQo3/vMUeX/ZNIKw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/listbox@3.5.2':
-    resolution: {integrity: sha512-ML/Bt/MeO0FiixcuFQ+smpu1WguxTOqHDjSnhc1vcNxVQFWQOhyVy01LAY2J/T9TjfjyYGD41vyMTI0f6fcLEQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/listbox@3.5.3':
     resolution: {integrity: sha512-v1QXd9/XU3CCKr2Vgs7WLcTr6VMBur7CrxHhWZQQFExsf9bgJ/3wbUdjy4aThY/GsYHiaS38EKucCZFr1QAfqA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/menu@3.9.12':
-    resolution: {integrity: sha512-1SPnkHKJdvOfwv9fEgK1DI6DYRs4D3hW2XcWlLhVXSjaC68CzOHGwFhKIKvZiDTW/11L770PRSEloIxHR09uFQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/menu@3.9.13':
     resolution: {integrity: sha512-7SuX6E2tDsqQ+HQdSvIda1ji/+ujmR86dtS9CUu5yWX91P25ufRjZ72EvLRqClWNQsj1Xl4+2zBDLWlceznAjw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/meter@3.4.4':
-    resolution: {integrity: sha512-0SEmPkShByC1gYkW7l+iJPg8QfEe2VrgwTciAtTfC4KIqAYmJVQtq6L+4d72EMxOh8RpQHePaY/RFHEJXAh72A==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/meter@3.4.5':
     resolution: {integrity: sha512-04w1lEtvP/c3Ep8ND8hhH2rwjz2MtQ8o8SNLhahen3u0rX3jKOgD4BvHujsyvXXTMjj1Djp74sGzNawb4Ppi9w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/numberfield@3.8.6':
-    resolution: {integrity: sha512-VtWEMAXUO1S9EEZI8whc7xv6DVccxhbWsRthMCg/LxiwU3U5KAveadNc2c5rtXkRpd3cnD5xFzz3dExXdmHkAg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/numberfield@3.8.7':
     resolution: {integrity: sha512-KccMPi39cLoVkB2T0V7HW6nsxQVAwt89WWCltPZJVGzsebv/k0xTQlPVAgrUake4kDLoE687e3Fr/Oe3+1bDhw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/overlays@3.8.10':
-    resolution: {integrity: sha512-IcnB+VYfAJazRjWhBKZTmVMh3KTp/B1rRbcKkPx6t8djP9UQhKcohP7lAALxjJ56Jjz/GFC6rWyUcnYH0NFVRA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/overlays@3.8.11':
     resolution: {integrity: sha512-aw7T0rwVI3EuyG5AOaEIk8j7dZJQ9m34XAztXJVZ/W2+4pDDkLDbJ/EAPnuo2xGYRGhowuNDn4tDju01eHYi+w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/progress@3.5.7':
-    resolution: {integrity: sha512-EqMDHmlpoZUZzTjdejGIkSM0pS2LBI9NdadHf3bDNTycHv+5L1xpMHUg8RGOW8a3sRVLRvfN1aO9l75QZkyj+w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/progress@3.5.8':
     resolution: {integrity: sha512-PR0rN5mWevfblR/zs30NdZr+82Gka/ba7UHmYOW9/lkKlWeD7PHgl1iacpd/3zl/jUF22evAQbBHmk1mS6Mpqw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/radio@3.8.4':
-    resolution: {integrity: sha512-GCuOwQL19iwKa74NAIk9hv4ivyI8oW1+ZCuc2fzyDdeQjzTIlv3qrIyShwpVy1IoI7/4DYTMZm/YXPoKhu5TTA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/radio@3.8.5':
     resolution: {integrity: sha512-gSImTPid6rsbJmwCkTliBIU/npYgJHOFaI3PNJo7Y0QTAnFelCtYeFtBiWrFodSArSv7ASqpLLUEj9hZu/rxIg==}
     peerDependencies:
@@ -2798,66 +2163,31 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/searchfield@3.5.9':
-    resolution: {integrity: sha512-c/x8BWpH1Zq+fWpeBtzw2AhQhGi7ahWPicV7PlnqwIGO0MrH/QCjX0dj+I+1xpcAh8Eq6ECa79HE74Rw6aJmFg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-types/select@3.9.7':
-    resolution: {integrity: sha512-Jva4ixfB4EEdy+WmZkUoLiQI7vVfHPxM73VuL7XDxvAO+YKiIztDTcU720QVNhxTMmQvCxfRBXWar8aodCjLiw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/select@3.9.8':
     resolution: {integrity: sha512-RGsYj2oFjXpLnfcvWMBQnkcDuKkwT43xwYWZGI214/gp/B64tJiIUgTM5wFTRAeGDX23EePkhCQF+9ctnqFd6g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/shared@3.25.0':
-    resolution: {integrity: sha512-OZSyhzU6vTdW3eV/mz5i6hQwQUhkRs7xwY2d1aqPvTdMe0+2cY7Fwp45PAiwYLEj73i9ro2FxF9qC4DvHGSCgQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/shared@3.26.0':
     resolution: {integrity: sha512-6FuPqvhmjjlpEDLTiYx29IJCbCNWPlsyO+ZUmCUXzhUv2ttShOXfw8CmeHWHftT/b2KweAWuzqSlfeXPR76jpw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/slider@3.7.6':
-    resolution: {integrity: sha512-z72wnEzSge6qTD9TUoUPp1A4j4jXk/MVii6rGE78XeE/Pq7HyyjU5bCagryMr9PC9MKa/oTiHcshKqWBDf57GA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/slider@3.7.7':
     resolution: {integrity: sha512-lYTR9zXQV2fSEm/G3gwDENWiki1IXd/oorsgf0zu1DBi2SQDbOsLsGUXiwvD24Xy6OkUuhAqjLPPexezo7+u9g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/switch@3.5.6':
-    resolution: {integrity: sha512-gJ8t2yTCgcitz4ON4ELcLLmtlDkn2MUjjfu3ez/cwA1X/NUluPYkhXj5Z6H+KOlnveqrKCZDRoTgK74cQ6Cvfg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/switch@3.5.7':
     resolution: {integrity: sha512-1IKiq510rPTHumEZuhxuazuXBa2Cuxz6wBIlwf3NCVmgWEvU+uk1ETG0sH2yymjwCqhtJDKXi+qi9HSgPEDwAg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/table@3.10.2':
-    resolution: {integrity: sha512-YzA4hcsYfnFFpA2UyGb1KKhLpWgaj5daApqjp126tCIosl8k1KxZmhKD50cwH0Jm19lALJseqo5VdlcJtcr4qg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/table@3.10.3':
     resolution: {integrity: sha512-Ac+W+m/zgRzlTU8Z2GEg26HkuJFswF9S6w26r+R3MHwr8z2duGPvv37XRtE1yf3dbpRBgHEAO141xqS2TqGwNg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/tabs@3.3.10':
-    resolution: {integrity: sha512-s/Bw/HCIdWJPBw4O703ghKqhjGsIerRMIDxA88hbQYzfTDD6bkFDjCnsP2Tyy1G8Dg2rSPFUEE+k+PpLzqeEfQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/tabs@3.3.11':
     resolution: {integrity: sha512-BjF2TqBhZaIcC4lc82R5pDJd1F7kstj1K0Nokhz99AGYn8C0ITdp6lR+DPVY9JZRxKgP9R2EKfWGI90Lo7NQdA==}
     peerDependencies:
@@ -2868,67 +2198,45 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/textfield@3.9.7':
-    resolution: {integrity: sha512-vU5+QCOF9HgWGjAmmy+cpJibVW5voFomC5POmYHokm7kivYcMMjlonsgWwg/0xXrqE2qosH3tpz4jFoEuig1NQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
-  '@react-types/tooltip@3.4.12':
-    resolution: {integrity: sha512-FwsdSQ3UDIDORanQMGMLyzSUabw4AkKhwcRdPv4d5OT8GmJr7mBdZynfcsrKLJ0fzskIypMqspoutZidsI0MQg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   '@react-types/tooltip@3.4.13':
     resolution: {integrity: sha512-KPekFC17RTT8kZlk7ZYubueZnfsGTDOpLw7itzolKOXGddTXsrJGBzSB4Bb060PBVllaDO0MOrhPap8OmrIl1Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@remixicon/react@4.2.0':
-    resolution: {integrity: sha512-eGhKpZ88OU0qkcY9pJu6khBmItDV82nU130E6C68yc+FbljueHlUYy/4CrJsmf860RIDMay2Rpzl27OSJ81miw==}
+  '@remixicon/react@4.6.0':
+    resolution: {integrity: sha512-bY56maEgT5IYUSRotqy9h03IAKJC85vlKtWFg2FKzfs8JPrkdBAYSa9dxoUSKFwGzup8Ux6vjShs9Aec3jvr2w==}
     peerDependencies:
       react: '>=18.2.0'
 
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
-  '@rushstack/eslint-patch@1.10.4':
-    resolution: {integrity: sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==}
-
-  '@shikijs/core@1.21.0':
-    resolution: {integrity: sha512-zAPMJdiGuqXpZQ+pWNezQAk5xhzRXBNiECFPcJLtUdsFM3f//G95Z15EHTnHchYycU8kIIysqGgxp8OVSj1SPQ==}
-
-  '@shikijs/core@1.22.1':
-    resolution: {integrity: sha512-bqAhT/Ri5ixV4oYsvJNH8UJjpjbINWlWyXY6tBTsP4OmD6XnFv43nRJ+lTdxd2rmG5pgam/x+zGR6kLRXrpEKA==}
-
-  '@shikijs/engine-javascript@1.21.0':
-    resolution: {integrity: sha512-jxQHNtVP17edFW4/0vICqAVLDAxmyV31MQJL4U/Kg+heQALeKYVOWo0sMmEZ18FqBt+9UCdyqGKYE7bLRtk9mg==}
-
-  '@shikijs/engine-javascript@1.22.1':
-    resolution: {integrity: sha512-540pyoy0LWe4jj2BVbgELwOFu1uFvRI7lg4hdsExrSXA9x7gqfzZ/Nnh4RfX86aDAgJ647gx4TCmRwACbnQSvw==}
+  '@rushstack/eslint-patch@1.10.5':
+    resolution: {integrity: sha512-kkKUDVlII2DQiKy7UstOR1ErJP8kUKAQ4oa+SQtM0K+lPdmmjj0YnnxBgtTVYH7mUKtbsxeFC9y0AmK7Yb78/A==}
 
-  '@shikijs/engine-oniguruma@1.21.0':
-    resolution: {integrity: sha512-AIZ76XocENCrtYzVU7S4GY/HL+tgHGbVU+qhiDyNw1qgCA5OSi4B4+HY4BtAoJSMGuD/L5hfTzoRVbzEm2WTvg==}
+  '@shikijs/core@1.26.1':
+    resolution: {integrity: sha512-yeo7sG+WZQblKPclUOKRPwkv1PyoHYkJ4gP9DzhFJbTdueKR7wYTI1vfF/bFi1NTgc545yG/DzvVhZgueVOXMA==}
 
-  '@shikijs/engine-oniguruma@1.22.1':
-    resolution: {integrity: sha512-L+1Vmd+a2kk8HtogUFymQS6BjUfJnzcWoUp1BUgxoDiklbKSMvrsMuLZGevTOP1m0rEjgnC5MsDmsr8lX1lC+Q==}
+  '@shikijs/engine-javascript@1.26.1':
+    resolution: {integrity: sha512-CRhA0b8CaSLxS0E9A4Bzcb3LKBNpykfo9F85ozlNyArxjo2NkijtiwrJZ6eHa+NT5I9Kox2IXVdjUsP4dilsmw==}
 
-  '@shikijs/rehype@1.22.1':
-    resolution: {integrity: sha512-Uuuqj/poMLj1Z02sJsS1qEqpfUNp2hV2YFVt/SY5+Ielo5Ms1bRfYQHs3hTbsEDB6FmYuOu5ieqNumPlWBmrng==}
+  '@shikijs/engine-oniguruma@1.26.1':
+    resolution: {integrity: sha512-F5XuxN1HljLuvfXv7d+mlTkV7XukC1cawdtOo+7pKgPD83CAB1Sf8uHqP3PK0u7njFH0ZhoXE1r+0JzEgAQ+kg==}
 
-  '@shikijs/transformers@1.22.1':
-    resolution: {integrity: sha512-KvG49YFV6gV116sC4L3Sn1Rp6HXsioMKBBG373j088rw849440hm8s2r+/dgjsGLvT4p+QB7newev+5a3ARM6w==}
+  '@shikijs/langs@1.26.1':
+    resolution: {integrity: sha512-oz/TQiIqZejEIZbGtn68hbJijAOTtYH4TMMSWkWYozwqdpKR3EXgILneQy26WItmJjp3xVspHdiUxUCws4gtuw==}
 
-  '@shikijs/types@1.21.0':
-    resolution: {integrity: sha512-tzndANDhi5DUndBtpojEq/42+dpUF2wS7wdCDQaFtIXm3Rd1QkrcVgSSRLOvEwexekihOXfbYJINW37g96tJRw==}
+  '@shikijs/rehype@1.26.1':
+    resolution: {integrity: sha512-kzSFCNb8KZk6AyHgrNbZvzyPYi5WLBypCEPHYVanjv7IRjaVHLtXk/IEL4iEdkvccjOoOSo6W8jMZEBFkirI3w==}
 
-  '@shikijs/types@1.22.1':
-    resolution: {integrity: sha512-+45f8mu/Hxqs6Kyhfm98Nld5n7Q7lwhjU8UtdQwrOPs7BnM4VAb929O3IQ2ce+4D7SlNFlZGd8CnKRSnwbQreQ==}
+  '@shikijs/themes@1.26.1':
+    resolution: {integrity: sha512-JDxVn+z+wgLCiUhBGx2OQrLCkKZQGzNH3nAxFir4PjUcYiyD8Jdms9izyxIogYmSwmoPTatFTdzyrRKbKlSfPA==}
 
-  '@shikijs/vscode-textmate@9.2.2':
-    resolution: {integrity: sha512-TMp15K+GGYrWlZM8+Lnj9EaHEFmOen0WJBrfa17hF7taDOYthuPPV0GWzfd/9iMij0akS/8Yw2ikquH7uVi/fg==}
+  '@shikijs/types@1.26.1':
+    resolution: {integrity: sha512-d4B00TKKAMaHuFYgRf3L0gwtvqpW4hVdVwKcZYbBfAAQXspgkbWqnFfuFl3MDH6gLbsubOcr+prcnsqah3ny7Q==}
 
-  '@shikijs/vscode-textmate@9.3.0':
-    resolution: {integrity: sha512-jn7/7ky30idSkd/O5yDBfAnVt+JJpepofP/POZ1iMOxK59cOfqIgg/Dj0eFsjOTMw+4ycJN0uhZH/Eb0bs/EUA==}
+  '@shikijs/vscode-textmate@10.0.1':
+    resolution: {integrity: sha512-fTIQwLF+Qhuws31iw7Ncl1R3HUDtGwIipiJ9iU+UsDUwMhegFcQKQHd51nZjb7CArq0MvON8rbgCGQYWHUKAdg==}
 
   '@sindresorhus/is@5.6.0':
     resolution: {integrity: sha512-TV7t8GKYaJWsn00tFDqBw8+Uqmr8A0fRU1tvTQhyZzGv0sJCGRQL3JGMI3ucuKo3XIZdUP+Lx7/gh2t3lewy7g==}
@@ -2937,11 +2245,8 @@ packages:
   '@swc/counter@0.1.3':
     resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
 
-  '@swc/helpers@0.5.13':
-    resolution: {integrity: sha512-UoKGxQ3r5kYI9dALKJapMmuK+1zWM/H17Z1+iwnNmzcJRnfFuevZs375TA5rW31pu4BS4NoSy1fRsexDXfWn5w==}
-
-  '@swc/helpers@0.5.5':
-    resolution: {integrity: sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==}
+  '@swc/helpers@0.5.15':
+    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
 
   '@szmarczak/http-timer@5.0.1':
     resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==}
@@ -3053,8 +2358,8 @@ packages:
   '@types/acorn@4.0.6':
     resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==}
 
-  '@types/async-retry@1.4.8':
-    resolution: {integrity: sha512-Qup/B5PWLe86yI5I3av6ePGaeQrIHNKCwbsQotD6aHQ6YkHsMUxVZkZsmx/Ry3VZQ6uysHwTjQ7666+k6UjVJA==}
+  '@types/async-retry@1.4.9':
+    resolution: {integrity: sha512-s1ciZQJzRh3708X/m3vPExr5KJlzlZJvXsKpbtE2luqNcbROr64qU+3KpJsYHqWMeaxI839OvXf9PrUSw1Xtyg==}
 
   '@types/babel__core@7.20.5':
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
@@ -3071,8 +2376,8 @@ packages:
   '@types/debug@4.1.12':
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
 
-  '@types/diff@5.2.2':
-    resolution: {integrity: sha512-qVqLpd49rmJA2nZzLVsmfS/aiiBpfVE95dHhPVwG0NmSBAt+riPxnj53wq2oBq5m4Q2RF1IWFEUpnZTgrQZfEQ==}
+  '@types/diff@5.2.3':
+    resolution: {integrity: sha512-K0Oqlrq3kQMaO2RhfrNQX5trmt+XLyom88zS0u84nnIcLvFnRUMRRHmrGny5GSM+kNO9IZLARsdQHDzkhAgmrQ==}
 
   '@types/estree-jsx@1.0.5':
     resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
@@ -3083,21 +2388,12 @@ packages:
   '@types/fs-extra@11.0.4':
     resolution: {integrity: sha512-yTbItCNreRooED33qjunPthRcSjERP1r4MqCZc7wv0u2sUkzTFp45tgUfS5+r7FrZPdmCCNflLhVSP/o+SemsQ==}
 
-  '@types/hast@2.3.10':
-    resolution: {integrity: sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==}
-
   '@types/hast@3.0.4':
     resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
 
   '@types/http-cache-semantics@4.0.4':
     resolution: {integrity: sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==}
 
-  '@types/js-yaml@4.0.9':
-    resolution: {integrity: sha512-k4MGaQl5TGo/iipqb2UDG2UwjXziSWkh0uysQelTlJpX1qGlpUZYm8PnO4DxG1qBomtJUdYJ6qR6xdIah10JLg==}
-
-  '@types/json-schema@7.0.15':
-    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
-
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
@@ -3107,11 +2403,8 @@ packages:
   '@types/lodash.template@4.5.3':
     resolution: {integrity: sha512-Mo0UYKLu1oXgkV9TVoXZLlXXjyIXlW7ZQRxi/4gQJmzJr63dmicE8gG0OkPjYTKBrBic852q0JzqrtNUWLBIyA==}
 
-  '@types/lodash@4.17.9':
-    resolution: {integrity: sha512-w9iWudx1XWOHW5lQRS9iKpK/XuRhnN+0T7HvdCCd802FYkT1AMTnxndJHGrNJwRoRHkslGr4S29tjm1cT7x/7w==}
-
-  '@types/mdast@3.0.15':
-    resolution: {integrity: sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==}
+  '@types/lodash@4.17.14':
+    resolution: {integrity: sha512-jsxagdikDiDBeIRaPYtArcT8my4tN1og7MtMRquFT3XNA6axxyHDRUemqDz/taRDdOUn0GnGHRCuff4q48sW9A==}
 
   '@types/mdast@4.0.4':
     resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
@@ -3128,14 +2421,14 @@ packages:
   '@types/node@12.20.55':
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
 
-  '@types/node@18.19.54':
-    resolution: {integrity: sha512-+BRgt0G5gYjTvdLac9sIeE0iZcJxi4Jc4PV5EUzqi+88jmQLr+fRZdv2tCTV7IHKSGxM6SaLoOXQWWUiLUItMw==}
+  '@types/node@18.19.70':
+    resolution: {integrity: sha512-RE+K0+KZoEpDUbGGctnGdkrLFwi1eYKTlIHNl2Um98mUkGsm1u2Ff6Ltd0e8DktTtC98uy7rSj+hO8t/QuLoVQ==}
 
   '@types/node@20.5.1':
     resolution: {integrity: sha512-4tT2UrL5LBqDwoed9wZ6N3umC4Yhz3W3FloMmiiG4JwmUJWpie0c7lcnUNd4gtMKuDEO4wRVS8B6Xa0uMRsMKg==}
 
-  '@types/node@22.7.7':
-    resolution: {integrity: sha512-SRxCrrg9CL/y54aiMCG3edPKdprgMVGDXjA3gB8UmmBW5TcXzRUYAh8EWzTnSJFAd1rgImPELza+A3bJ+qxz8Q==}
+  '@types/node@22.8.1':
+    resolution: {integrity: sha512-k6Gi8Yyo8EtrNtkHXutUu2corfDf9su95VYVP10aGYMMROM6SAItZi0w1XszA6RtWTHSVp5OeFof37w0IEqCQg==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -3143,14 +2436,13 @@ packages:
   '@types/prompts@2.4.9':
     resolution: {integrity: sha512-qTxFi6Buiu8+50/+3DGIWLHM6QuWsEKugJnnP6iv2Mc4ncxE4A/OJkjuVOA+5X0X1S/nq5VJRa8Lu+nwcvbrKA==}
 
-  '@types/prop-types@15.7.13':
-    resolution: {integrity: sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==}
-
-  '@types/react-dom@18.3.0':
-    resolution: {integrity: sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==}
+  '@types/react-dom@19.0.2':
+    resolution: {integrity: sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==}
+    peerDependencies:
+      '@types/react': ^19.0.0
 
-  '@types/react@18.3.10':
-    resolution: {integrity: sha512-02sAAlBnP39JgXwkAq3PeU9DVaaGpZyF3MGcC0MKgQVkZor5IiiDAipVaxQHtDJAmO4GIy/rVBy/LzVj76Cyqg==}
+  '@types/react@19.0.4':
+    resolution: {integrity: sha512-3O4QisJDYr1uTUMZHA2YswiQZRq+Pd8D+GdVFYikTutYsTz+QZgWkAPnP7rx9txoI6EXKcPiluMqWPFV3tT9Wg==}
 
   '@types/retry@0.12.5':
     resolution: {integrity: sha512-3xSjTp3v03X/lSQLkczaN9UIEwJMoMCA1+Nb5HfbJEQWogdeQIyVtTvxPXDQjZ5zws8rFQfVfRdz03ARihPJgw==}
@@ -3158,9 +2450,6 @@ packages:
   '@types/semver@6.2.7':
     resolution: {integrity: sha512-blctEWbzUFzQx799RZjzzIdBJOXmE37YYEyDtKkx5Dg+V7o/zyyAxLPiI98A2jdTtDgxZleMdfV+7p8WbRJ1OQ==}
 
-  '@types/semver@7.5.8':
-    resolution: {integrity: sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==}
-
   '@types/stringify-object@4.0.5':
     resolution: {integrity: sha512-TzX5V+njkbJ8iJ0mrj+Vqveep/1JBH4SSA3J2wYrE1eUrOhdsjTBCb0kao4EquSQ8KgPpqY4zSVP2vCPWKBElg==}
 
@@ -3173,77 +2462,81 @@ packages:
   '@types/validate-npm-package-name@4.0.2':
     resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
 
-  '@typescript-eslint/eslint-plugin@6.21.0':
-    resolution: {integrity: sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/eslint-plugin@8.19.1':
+    resolution: {integrity: sha512-tJzcVyvvb9h/PB96g30MpxACd9IrunT7GF9wfA9/0TJ1LxGOJx1TdPzSbBBnNED7K9Ka8ybJsnEpiXPktolTLg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.8.0'
 
-  '@typescript-eslint/parser@6.21.0':
-    resolution: {integrity: sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/parser@8.19.1':
+    resolution: {integrity: sha512-67gbfv8rAwawjYx3fYArwldTQKoYfezNUT4D5ioWetr/xCrxXxvleo3uuiFuKfejipvq+og7mjz3b0G2bVyUCw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.8.0'
 
-  '@typescript-eslint/scope-manager@6.21.0':
-    resolution: {integrity: sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/scope-manager@8.19.1':
+    resolution: {integrity: sha512-60L9KIuN/xgmsINzonOcMDSB8p82h95hoBfSBtXuO4jlR1R9L1xSkmVZKgCPVfavDlXihh4ARNjXhh1gGnLC7Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/type-utils@6.21.0':
-    resolution: {integrity: sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/type-utils@8.19.1':
+    resolution: {integrity: sha512-Rp7k9lhDKBMRJB/nM9Ksp1zs4796wVNyihG9/TU9R6KCJDNkQbc2EOKjrBtLYh3396ZdpXLtr/MkaSEmNMtykw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.8.0'
 
-  '@typescript-eslint/types@6.21.0':
-    resolution: {integrity: sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/types@8.19.1':
+    resolution: {integrity: sha512-JBVHMLj7B1K1v1051ZaMMgLW4Q/jre5qGK0Ew6UgXz1Rqh+/xPzV1aW581OM00X6iOfyr1be+QyW8LOUf19BbA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@6.21.0':
-    resolution: {integrity: sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/typescript-estree@8.19.1':
+    resolution: {integrity: sha512-jk/TZwSMJlxlNnqhy0Eod1PNEvCkpY6MXOXE/WLlblZ6ibb32i2We4uByoKPv1d0OD2xebDv4hbs3fm11SMw8Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      typescript: '>=4.8.4 <5.8.0'
 
-  '@typescript-eslint/utils@6.21.0':
-    resolution: {integrity: sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/utils@8.19.1':
+    resolution: {integrity: sha512-IxG5gLO0Ne+KaUc8iW1A+XuKLd63o4wlbI1Zp692n1xojCl/THvgIKXJXBZixTh5dd5+yTJ/VXH7GJaaw21qXA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.8.0'
 
-  '@typescript-eslint/visitor-keys@6.21.0':
-    resolution: {integrity: sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/visitor-keys@8.19.1':
+    resolution: {integrity: sha512-fzmjU8CHK853V/avYZAvuVut3ZTfwN5YtMaoi+X9Y9MA9keaWNHC3zEQ9zvyX/7Hj+5JkNyK1l7TOR2hevHB6Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@ungap/structured-clone@1.2.0':
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+  '@ungap/structured-clone@1.2.1':
+    resolution: {integrity: sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==}
 
-  '@vercel/analytics@1.3.1':
-    resolution: {integrity: sha512-xhSlYgAuJ6Q4WQGkzYTLmXwhYl39sWjoMA3nHxfkvG+WdBT25c563a7QhwwKivEOZtPJXifYHR1m2ihoisbWyA==}
+  '@vercel/analytics@1.4.1':
+    resolution: {integrity: sha512-ekpL4ReX2TH3LnrRZTUKjHHNpNy9S1I7QmS+g/RQXoSUQ8ienzosuX7T9djZ/s8zPhBx1mpHP/Rw5875N+zQIQ==}
     peerDependencies:
+      '@remix-run/react': ^2
+      '@sveltejs/kit': ^1 || ^2
       next: '>= 13'
-      react: ^18 || ^19
+      react: ^18 || ^19 || ^19.0.0-rc
+      svelte: '>= 4'
+      vue: ^3
+      vue-router: ^4
     peerDependenciesMeta:
+      '@remix-run/react':
+        optional: true
+      '@sveltejs/kit':
+        optional: true
       next:
         optional: true
       react:
         optional: true
+      svelte:
+        optional: true
+      vue:
+        optional: true
+      vue-router:
+        optional: true
 
   JSONStream@1.3.5:
     resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
@@ -3258,13 +2551,13 @@ packages:
     resolution: {integrity: sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==}
     engines: {node: '>=0.4.0'}
 
-  acorn@8.12.1:
-    resolution: {integrity: sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
+  acorn@8.14.0:
+    resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  agent-base@7.1.1:
-    resolution: {integrity: sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==}
+  agent-base@7.1.3:
+    resolution: {integrity: sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==}
     engines: {node: '>= 14'}
 
   ajv-formats@3.0.1:
@@ -3281,9 +2574,6 @@ packages:
   ajv@8.17.1:
     resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
 
-  algoliasearch@4.24.0:
-    resolution: {integrity: sha512-bf0QV/9jVejssFBmz2HQLxUadxk574t4iwjCKp5E7NBzwKkrDEhKPISIIjAU/p6K5qDx3qoeh4+26zWN1jmw3g==}
-
   ansi-colors@4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
     engines: {node: '>=6'}
@@ -3334,11 +2624,12 @@ packages:
     resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
     engines: {node: '>=10'}
 
-  aria-query@5.1.3:
-    resolution: {integrity: sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==}
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
 
-  array-buffer-byte-length@1.0.1:
-    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
+  array-buffer-byte-length@1.0.2:
+    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
 
   array-ify@1.0.0:
@@ -3360,20 +2651,20 @@ packages:
     resolution: {integrity: sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==}
     engines: {node: '>= 0.4'}
 
-  array.prototype.flat@1.3.2:
-    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
+  array.prototype.flat@1.3.3:
+    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
     engines: {node: '>= 0.4'}
 
-  array.prototype.flatmap@1.3.2:
-    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
+  array.prototype.flatmap@1.3.3:
+    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
     engines: {node: '>= 0.4'}
 
   array.prototype.tosorted@1.1.4:
     resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
     engines: {node: '>= 0.4'}
 
-  arraybuffer.prototype.slice@1.0.3:
-    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
+  arraybuffer.prototype.slice@1.0.4:
+    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
 
   arrify@1.0.1:
@@ -3408,14 +2699,17 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axe-core@4.10.0:
-    resolution: {integrity: sha512-Mr2ZakwQ7XUAjp7pAwQWRhhK8mQQ6JAaNWSjmjxil0R8BPioMtQsTLOolGYkji1rcL++3dCqZA3zWqpT+9Ew6g==}
+  axe-core@4.10.2:
+    resolution: {integrity: sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==}
     engines: {node: '>=4'}
 
   axobject-query@4.1.0:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
     engines: {node: '>= 0.4'}
 
+  babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105:
+    resolution: {integrity: sha512-38qEX4e1nNOZ9K7rVAF4VVijcjTHBbRHd+ftYpfim2Oabitd1NGjvrL0bnwFymDTBB4MqswqIHTYjYfuy1OeTQ==}
+
   bail@2.0.2:
     resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
 
@@ -3446,8 +2740,8 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browserslist@4.24.0:
-    resolution: {integrity: sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==}
+  browserslist@4.24.4:
+    resolution: {integrity: sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -3479,8 +2773,16 @@ packages:
     resolution: {integrity: sha512-zkDT5WAF4hSSoUgyfg5tFIxz8XQK+25W/TLVojJTMKBaxevLBBtLxgqguAuVQB8PVW79FVjHcU+GJ9tVbDZ9mQ==}
     engines: {node: '>=14.16'}
 
-  call-bind@1.0.7:
-    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+  call-bind-apply-helpers@1.0.1:
+    resolution: {integrity: sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==}
+    engines: {node: '>= 0.4'}
+
+  call-bind@1.0.8:
+    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.3:
+    resolution: {integrity: sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==}
     engines: {node: '>= 0.4'}
 
   callsites@3.1.0:
@@ -3499,8 +2801,8 @@ packages:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
 
-  caniuse-lite@1.0.30001664:
-    resolution: {integrity: sha512-AmE7k4dXiNKQipgn7a2xg558IRqPN3jMQY/rOsbxDhrd0tyChwbITBfiwtnqz8bi2M5mIWbxAYBvk7W7QBUS2g==}
+  caniuse-lite@1.0.30001692:
+    resolution: {integrity: sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==}
 
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -3513,8 +2815,8 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
-  chalk@5.3.0:
-    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+  chalk@5.4.1:
+    resolution: {integrity: sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
   character-entities-html4@2.1.0:
@@ -3536,8 +2838,8 @@ packages:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
-  chokidar@4.0.1:
-    resolution: {integrity: sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==}
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
 
   chownr@3.0.0:
@@ -3551,8 +2853,8 @@ packages:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
 
-  ci-info@4.0.0:
-    resolution: {integrity: sha512-TdHqgGf9odd8SXNuxtUBVx8Nv+qZOejE6qyqiy5NtbYYQOeFa6zmHkxlPzmaLxWWHsU6nJmB7AETdVPi+2NBUg==}
+  ci-info@4.1.0:
+    resolution: {integrity: sha512-HutrvTNsF48wnxkzERIXOe5/mlcfFcbfCmwcg6CJnizbSue78AbDt+1cgl26zwn61WFxhcPykPfZrbqjGmBb4A==}
     engines: {node: '>=8'}
 
   ciebase@0.1.1:
@@ -3584,11 +2886,11 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
-  cmdk@1.0.0:
-    resolution: {integrity: sha512-gDzVf0a09TvoJ5jnuPvygTB77+XdOSwEmJ88L6XPFPlv7T3RxbP9jgenfylrAMD0+Le1aO0nVjQUzl2g+vjz5Q==}
+  cmdk@1.0.4:
+    resolution: {integrity: sha512-AnsjfHyHpQ/EFeAnG216WY7A5LiYCoZzCSygiLvfXC3H3LFGCprErteUcszaVluGOhuOTbJS3jWHrSDYPBBygg==}
     peerDependencies:
-      react: ^18.0.0
-      react-dom: ^18.0.0
+      react: ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^18 || ^19 || ^19.0.0-rc
 
   code-block-writer@12.0.0:
     resolution: {integrity: sha512-q4dMFMlXtKR3XNBHyMHt/3pwYNA69EDk00lloMOaaUMKPUXBw6lpXtbu3MMVG6/uOihGnRDOlkyqsONEUj60+w==}
@@ -3642,8 +2944,8 @@ packages:
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
-  conf@13.0.1:
-    resolution: {integrity: sha512-l9Uwc9eOnz39oADzGO2cSBDi7siv8lwO+31ocQ2nOJijnDiW3pxqm9VV10DPYUO28wW83DjABoUqY1nfHRR2hQ==}
+  conf@13.1.0:
+    resolution: {integrity: sha512-Bi6v586cy1CoTFViVO4lGTtx780lfF96fUmS1lSX6wpZf6330NvHUu6fReVuDP1de8Mg0nkZb01c8tAQdz1o3w==}
     engines: {node: '>=18'}
 
   config-chain@1.1.13:
@@ -3689,8 +2991,8 @@ packages:
   cross-spawn@5.1.0:
     resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
 
-  cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
   cssesc@3.0.0:
@@ -3712,16 +3014,16 @@ packages:
     resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
     engines: {node: '>= 12'}
 
-  data-view-buffer@1.0.1:
-    resolution: {integrity: sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==}
+  data-view-buffer@1.0.2:
+    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
 
-  data-view-byte-length@1.0.1:
-    resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
+  data-view-byte-length@1.0.2:
+    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
     engines: {node: '>= 0.4'}
 
-  data-view-byte-offset@1.0.0:
-    resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
+  data-view-byte-offset@1.0.1:
+    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
     engines: {node: '>= 0.4'}
 
   dataloader@1.4.0:
@@ -3739,8 +3041,8 @@ packages:
       supports-color:
         optional: true
 
-  debug@4.3.7:
-    resolution: {integrity: sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==}
+  debug@4.4.0:
+    resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
     engines: {node: '>=6.0'}
     peerDependencies:
       supports-color: '*'
@@ -3756,6 +3058,9 @@ packages:
     resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
     engines: {node: '>=0.10.0'}
 
+  decimal.js@10.4.3:
+    resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
+
   decode-named-character-reference@1.0.2:
     resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
 
@@ -3763,10 +3068,6 @@ packages:
     resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
     engines: {node: '>=10'}
 
-  deep-equal@2.2.3:
-    resolution: {integrity: sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==}
-    engines: {node: '>= 0.4'}
-
   deep-extend@0.6.0:
     resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
     engines: {node: '>=4.0.0'}
@@ -3858,11 +3159,18 @@ packages:
     resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==}
     engines: {node: '>=10'}
 
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  electron-to-chromium@1.5.30:
-    resolution: {integrity: sha512-sXI35EBN4lYxzc/pIGorlymYNzDBOqkSlVRe6MkgBsW/hW1tpC/HDJ2fjG7XnjakzfLEuvdmux0Mjs6jHq4UOA==}
+  electron-to-chromium@1.5.79:
+    resolution: {integrity: sha512-nYOxJNxQ9Om4EC88BE4pPoNI8xwSFf8pU/BAeOl4Hh/b/i6V4biTAzwV7pXi3ARKeoYO5JZKMIXTryXSVer5RA==}
+
+  emoji-regex-xs@1.0.0:
+    resolution: {integrity: sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -3870,8 +3178,8 @@ packages:
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
-  enhanced-resolve@5.17.1:
-    resolution: {integrity: sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==}
+  enhanced-resolve@5.18.0:
+    resolution: {integrity: sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==}
     engines: {node: '>=10.13.0'}
 
   enquirer@2.4.1:
@@ -3885,38 +3193,35 @@ packages:
   error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
 
-  es-abstract@1.23.3:
-    resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
+  es-abstract@1.23.9:
+    resolution: {integrity: sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==}
     engines: {node: '>= 0.4'}
 
-  es-define-property@1.0.0:
-    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
 
   es-errors@1.3.0:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
-  es-get-iterator@1.1.3:
-    resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
-
-  es-iterator-helpers@1.0.19:
-    resolution: {integrity: sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==}
+  es-iterator-helpers@1.2.1:
+    resolution: {integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==}
     engines: {node: '>= 0.4'}
 
   es-object-atoms@1.0.0:
     resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
     engines: {node: '>= 0.4'}
 
-  es-set-tostringtag@2.0.3:
-    resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
+  es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
     engines: {node: '>= 0.4'}
 
   es-shim-unscopables@1.0.2:
     resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
 
-  es-to-primitive@1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+  es-to-primitive@1.3.0:
+    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
   esast-util-from-estree@2.0.0:
@@ -3935,8 +3240,8 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  esbuild@0.24.0:
-    resolution: {integrity: sha512-FuLPevChGDshgSicjisSooU0cemp/sGXR841D5LHMB7mTVOmsEHcAxaH3irL53+8YDIeVNQEySh4DaYU/iuPqQ==}
+  esbuild@0.24.2:
+    resolution: {integrity: sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -3956,8 +3261,8 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
-  eslint-config-next@14.2.13:
-    resolution: {integrity: sha512-aro1EKAoyYchnO/3Tlo91hnNBO7QO7qnv/79MAFC+4Jq8TdUVKQlht5d2F+YjrePjdpOvfL+mV9JPfyYNwkk1g==}
+  eslint-config-next@14.2.23:
+    resolution: {integrity: sha512-qtWJzOsDZxnLtXLNtnVjbutHmnEp6QTTSZBTlTCge/Wy0AsUaq8nwR91dBcZZvFg3eY3zKFPBhUkLMHu3Qpauw==}
     peerDependencies:
       eslint: ^7.23.0 || ^8.0.0
       typescript: '>=3.3.1'
@@ -3971,16 +3276,16 @@ packages:
     peerDependencies:
       eslint: '>=7.0.0'
 
-  eslint-config-turbo@2.1.3:
-    resolution: {integrity: sha512-smdkhd01V/e/I4EjJxaZA1kxZ1vdFCHpyryolxLtRBP0bZTrHDYh1H6NAyZ3Fy1jkhsQzXw+L+6m17ygROvNFw==}
+  eslint-config-turbo@2.3.3:
+    resolution: {integrity: sha512-cM9wSBYowQIrjx2MPCzFE6jTnG4vpTPJKZ/O+Ps3CqrmGK/wtNOsY6WHGMwLtKY/nNbgRahAJH6jGVF6k2coOg==}
     peerDependencies:
       eslint: '>6.6.0'
 
   eslint-import-resolver-node@0.3.9:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
 
-  eslint-import-resolver-typescript@3.6.3:
-    resolution: {integrity: sha512-ud9aw4szY9cCT1EWWdGv1L1XR6hh2PaRWif0j2QjQ0pgTY/69iw+W0Z4qZv5wHahOl8isEr+k/JnyAqNQkLkIA==}
+  eslint-import-resolver-typescript@3.7.0:
+    resolution: {integrity: sha512-Vrwyi8HHxY97K5ebydMtffsWAn1SCR9eol49eCd5fJS4O1WV7PaAjbcjmbfJJSMz/t4Mal212Uz/fQZrOB8mow==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -4013,36 +3318,36 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
 
-  eslint-plugin-import@2.30.0:
-    resolution: {integrity: sha512-/mHNE9jINJfiD2EKkg1BKyPyUk4zdnT54YgbOgfjSakWT5oyX/qQLVNTkehyfpcMxZXMy1zyonZ2v7hZTX43Yw==}
+  eslint-plugin-import@2.31.0:
+    resolution: {integrity: sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
     peerDependenciesMeta:
       '@typescript-eslint/parser':
         optional: true
 
-  eslint-plugin-jsx-a11y@6.10.0:
-    resolution: {integrity: sha512-ySOHvXX8eSN6zz8Bywacm7CvGNhUtdjvqfQDVe6020TUK34Cywkw7m0KsCCk1Qtm9G1FayfTN1/7mMYnYO2Bhg==}
+  eslint-plugin-jsx-a11y@6.10.2:
+    resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
     engines: {node: '>=4.0'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
 
-  eslint-plugin-react-hooks@4.6.2:
-    resolution: {integrity: sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==}
+  eslint-plugin-react-hooks@5.0.0-canary-7118f5dd7-20230705:
+    resolution: {integrity: sha512-AZYbMo/NW9chdL7vk6HQzQhT+PvTAEVqWk9ziruUoW2kAOcN5qNyelv70e0F1VNQAbvutOC9oc+xfWycI9FxDw==}
     engines: {node: '>=10'}
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
 
-  eslint-plugin-react@7.37.1:
-    resolution: {integrity: sha512-xwTnwDqzbDRA8uJ7BMxPs/EXRB3i8ZfnOIp8BsxEQkT0nHPp+WWceqGgo6rKb9ctNi8GJLDT4Go5HAWELa/WMg==}
+  eslint-plugin-react@7.37.3:
+    resolution: {integrity: sha512-DomWuTQPFYZwF/7c9W2fkKkStqZmBd3uugfqBYLdkZ3Hii23WzZuOLUskGxB8qkSKqftxEeGL1TB2kMhrce0jA==}
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
 
-  eslint-plugin-turbo@2.1.3:
-    resolution: {integrity: sha512-I9vPArzyOSYa6bm0iMCgD07MgdExc1VK2wGuVz21g4BUdj83w7mDKyCXR2rwOtCEW+wemFwgxanJ81imQZijNg==}
+  eslint-plugin-turbo@2.3.3:
+    resolution: {integrity: sha512-j8UEA0Z+NNCsjZep9G5u5soDQHcXq/x4amrwulk6eHF1U91H2qAjp5I4jQcvJewmccCJbVp734PkHHTRnosjpg==}
     peerDependencies:
       eslint: '>6.6.0'
 
@@ -4054,6 +3359,10 @@ packages:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  eslint-visitor-keys@4.2.0:
+    resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   eslint@8.57.1:
     resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -4081,38 +3390,23 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
-  estree-util-attach-comments@2.1.1:
-    resolution: {integrity: sha512-+5Ba/xGGS6mnwFbXIuQiDPTbuTxuMCooq3arVv7gPZtYpjp+VXH/NkHAP35OOefPhNG/UGqU3vt/LTABwcHX0w==}
-
   estree-util-attach-comments@3.0.0:
     resolution: {integrity: sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==}
 
-  estree-util-build-jsx@2.2.2:
-    resolution: {integrity: sha512-m56vOXcOBuaF+Igpb9OPAy7f9w9OIkb5yhjsZuaPm7HoGi4oTOQi0h2+yZ+AtKklYFZ+rPC4n0wYCJCEU1ONqg==}
-
   estree-util-build-jsx@3.0.1:
     resolution: {integrity: sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ==}
 
-  estree-util-is-identifier-name@2.1.0:
-    resolution: {integrity: sha512-bEN9VHRyXAUOjkKVQVvArFym08BTWB0aJPppZZr0UNyAqWsLaVfAqP7hbaTJjzHifmB5ebnR8Wm7r7yGN/HonQ==}
-
   estree-util-is-identifier-name@3.0.0:
     resolution: {integrity: sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==}
 
   estree-util-scope@1.0.0:
     resolution: {integrity: sha512-2CAASclonf+JFWBNJPndcOpA8EMJwa0Q8LUFJEKqXLW6+qBvbFZuF5gItbQOs/umBUkjviCSDCbBwU2cXbmrhQ==}
 
-  estree-util-to-js@1.2.0:
-    resolution: {integrity: sha512-IzU74r1PK5IMMGZXUVZbmiu4A1uhiPgW5hm1GjcOfr4ZzHaMPpLNJjR7HjXiIOzi25nZDrgFTobHTkV5Q6ITjA==}
-
   estree-util-to-js@2.0.0:
     resolution: {integrity: sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg==}
 
-  estree-util-value-to-estree@3.1.2:
-    resolution: {integrity: sha512-S0gW2+XZkmsx00tU2uJ4L9hUT7IFabbml9pHh2WQqFmAbxit++YGZne0sKJbNwkj9Wvg9E4uqWl4nCIFQMmfag==}
-
-  estree-util-visit@1.2.1:
-    resolution: {integrity: sha512-xbgqcrkIVbIG+lI/gzbvd9SGTJL4zqJKBFttUl5pP27KhAjtMKbX/mQXJ7qgyXpMgVy/zvpm0xoQQaGL8OloOw==}
+  estree-util-value-to-estree@3.2.1:
+    resolution: {integrity: sha512-Vt2UOjyPbNQQgT5eJh+K5aATti0OjCIAGc9SgMdOFYbohuifsWclR74l0iZTJwePMgWYdX1hlVS+dedH9XV8kw==}
 
   estree-util-visit@2.0.0:
     resolution: {integrity: sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww==}
@@ -4149,8 +3443,8 @@ packages:
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
-  fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
 
   fast-json-stable-stringify@2.1.0:
@@ -4159,11 +3453,11 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
-  fast-uri@3.0.2:
-    resolution: {integrity: sha512-GR6f0hD7XXyNJa25Tb9BuIdN0tdr+0BMi6/CJPH3wJO1JjNG3n/VsSw38AwRdKZABm8lGbPfakLRkYzx2V9row==}
+  fast-uri@3.0.5:
+    resolution: {integrity: sha512-5JnBCWpFlMo0a3ciDy/JckMzzv1U9coZrIhedq+HXxxUfDTAiS0LA8OKVao4G9BxmCVck/jtA5r3KAtRWEyD8Q==}
 
-  fastq@1.17.1:
-    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+  fastq@1.18.0:
+    resolution: {integrity: sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==}
 
   fdir@6.4.2:
     resolution: {integrity: sha512-KnhMXsKSPZlAhp7+IjUkRZKPb4fUyccpDrdFXbi4QL1qkmFh9kVY09Yox+n4MaOb3lHZ1Tv829C3oaaXoMYPDQ==}
@@ -4197,8 +3491,8 @@ packages:
     resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
     engines: {node: ^10.12.0 || >=12.0.0}
 
-  flatted@3.3.1:
-    resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
+  flatted@3.3.2:
+    resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
 
   for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
@@ -4218,12 +3512,12 @@ packages:
   fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
 
-  framer-motion@11.11.8:
-    resolution: {integrity: sha512-mnGQNEoz99GtFXBBPw+Ag5K4FcfP5XrXxrxHz+iE4Lmg7W3sf2gKmGuvfkZCW/yIfcdv5vJd6KiSPETH1Pw68Q==}
+  framer-motion@11.16.4:
+    resolution: {integrity: sha512-7ncPlBjrYX6iQXcTSw1kvZcHSVjEuOAW3uWuu+/+chUS4UWBMe8kCjniE4VMc2/BMo0su0Uw9sw0aWS9anpPWA==}
     peerDependencies:
       '@emotion/is-prop-valid': '*'
-      react: ^18.0.0
-      react-dom: ^18.0.0
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@emotion/is-prop-valid':
         optional: true
@@ -4252,29 +3546,49 @@ packages:
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
 
-  fumadocs-core@14.0.2:
-    resolution: {integrity: sha512-GG+uVIBthFJJAHAqFWwBvTsTeZmsHg5YYwHsTIDnpy77+ER4aogkJkeUqoBN4TrmxzG8tbLzaxCwSMtk4X5OoA==}
+  fumadocs-core@14.7.2:
+    resolution: {integrity: sha512-nHsqUxcli3YXmaseWTXxglZd5J8z4PjBpl5qt5Mpj5RmYzozuNtwaOXw5SfNegAzjJtipAyHi2DCy541N6aotA==}
+    peerDependencies:
+      '@orama/tokenizers': 2.x.x
+      '@oramacloud/client': 1.x.x || 2.x.x
+      algoliasearch: 4.24.0
+      next: 14.x.x || 15.x.x
+      react: 18.x.x || 19.x.x
+      react-dom: 18.x.x || 19.x.x
+    peerDependenciesMeta:
+      '@orama/tokenizers':
+        optional: true
+      '@oramacloud/client':
+        optional: true
+      algoliasearch:
+        optional: true
+      next:
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
 
-  fumadocs-docgen@1.3.0:
-    resolution: {integrity: sha512-AbUw+qPq7wPw21NiNrAhSN9Ylv613Dicn2qpj7OFdzuhqb4ChMytMQBFCEUpdzkZg51ODXzT2q1KGQVbqMNItg==}
+  fumadocs-docgen@1.3.4:
+    resolution: {integrity: sha512-NL/ZXxckbAE4J6rXP4gGQTUQtX3P+rv0dM+XUAhWgWItuL9Z3fzVsY3e4wWpYnp0TpHRySYnNg3RcbSmovrFyQ==}
 
-  fumadocs-mdx@11.1.0:
-    resolution: {integrity: sha512-rcJNWbeo0RmJnCV/e0aa2vNldiejm7ns1I85T7oR8TtHq/5ear/6W3gYfPTqRBV7VrJ7ctD8w43Ca7tPnaIKhA==}
+  fumadocs-mdx@11.2.3:
+    resolution: {integrity: sha512-2+EBHe85NT0JpSldaEi8rUwsGb/0ZL7+3bsmckeqbJbb5rS3Ugmws05tp90yEAORt+G6TdHC0/xeQKUfFfgoGw==}
     hasBin: true
     peerDependencies:
       fumadocs-core: ^14.0.0
       next: 14.x.x || 15.x.x
 
-  fumadocs-typescript@3.0.0:
-    resolution: {integrity: sha512-8CCYhxiv7dOt5cCExLZCzm3U0vuHTXEQfLZVOFLkqXqhNbOlaM6Wtn6j1lkJ0relHfR+K8CoPesKEujH/8ablA==}
+  fumadocs-typescript@3.0.2:
+    resolution: {integrity: sha512-SqYJy+NxjjuQQeom7wLpODYiWtIKWfndguHL3XKXaMUvhlsjmsWWTaXJWKaqIfOStiYJQlGWrXxFA2Rrpbx63Q==}
     peerDependencies:
       typescript: '*'
 
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
-  function.prototype.name@1.1.6:
-    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
+  function.prototype.name@1.1.8:
+    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
     engines: {node: '>= 0.4'}
 
   functions-have-names@1.2.3:
@@ -4293,8 +3607,8 @@ packages:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
 
-  get-intrinsic@1.2.4:
-    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+  get-intrinsic@1.2.7:
+    resolution: {integrity: sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==}
     engines: {node: '>= 0.4'}
 
   get-nonce@1.0.1:
@@ -4305,12 +3619,16 @@ packages:
     resolution: {integrity: sha512-PKsK2FSrQCyxcGHsGrLDcK0lx+0Ke+6e8KFFozA9/fIQLhQzPaRvJFdcz7+Axg3jUH/Mq+NI4xa5u/UT2tQskA==}
     engines: {node: '>=14.16'}
 
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
   get-stream@6.0.1:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
 
-  get-symbol-description@1.0.2:
-    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
+  get-symbol-description@1.1.0:
+    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
 
   get-tsconfig@4.8.1:
@@ -4370,8 +3688,9 @@ packages:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
 
-  gopd@1.0.1:
-    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
 
   got@12.6.1:
     resolution: {integrity: sha512-mThBblvlAF1d4O5oqyvN+ZxLAYwIJK7bpMxgYqPD9okW0C3qm5FFn7k811QrcuEBwaogR3ngOFoCfs6mRv7teQ==}
@@ -4394,8 +3713,9 @@ packages:
     resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
     engines: {node: '>=6'}
 
-  has-bigints@1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+  has-bigints@1.1.0:
+    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
+    engines: {node: '>= 0.4'}
 
   has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
@@ -4408,12 +3728,12 @@ packages:
   has-property-descriptors@1.0.2:
     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
 
-  has-proto@1.0.3:
-    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+  has-proto@1.2.0:
+    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
     engines: {node: '>= 0.4'}
 
-  has-symbols@1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
     engines: {node: '>= 0.4'}
 
   has-tostringtag@1.0.2:
@@ -4424,17 +3744,11 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
-  hast-util-to-estree@2.3.3:
-    resolution: {integrity: sha512-ihhPIUPxN0v0w6M5+IiAZZrn0LH2uZomeWwhn7uP7avZC6TE7lIiEh2yBMPr5+zi1aUCXq6VoYRgs2Bw9xmycQ==}
-
-  hast-util-to-estree@3.1.0:
-    resolution: {integrity: sha512-lfX5g6hqVh9kjS/B9E2gSkvHH4SZNiQFiqWS0x9fENzEl+8W12RqdRxX6d/Cwxi30tPQs3bIO+aolQJNp1bIyw==}
-
-  hast-util-to-html@9.0.3:
-    resolution: {integrity: sha512-M17uBDzMJ9RPCqLMO92gNNUDuBSq10a25SDBI08iCCxmorf4Yy6sYHK57n9WAbRAAaU+DuR4W6GN9K4DFZesYg==}
+  hast-util-to-estree@3.1.1:
+    resolution: {integrity: sha512-IWtwwmPskfSmma9RpzCappDUitC8t5jhAynHhc1m2+5trOgsrp7txscUSavc5Ic8PATyAjfrCK1wgtxh2cICVQ==}
 
-  hast-util-to-jsx-runtime@2.3.0:
-    resolution: {integrity: sha512-H/y0+IWPdsLLS738P8tDnrQ8Z+dj12zQQ6WC11TIM21C8WFVoIxcqWXf2H3hiTVZjF1AWqoimGwrTWecWrnmRQ==}
+  hast-util-to-html@9.0.4:
+    resolution: {integrity: sha512-wxQzXtdbhiwGAUKrnQJXlOPmHnEehzphwkK7aluUPQ+lEc1xefC8pblMgpp2w5ldBTEfveRIrADcrhGIWrlTDA==}
 
   hast-util-to-jsx-runtime@2.3.2:
     resolution: {integrity: sha512-1ngXYb+V9UT5h+PxNRa1O1FYguZK/XL+gkeqvp7EdHlB9oHUG0eYRo/vY5inBdcqo3RkPMC58/H94HvkbfGdyg==}
@@ -4442,9 +3756,6 @@ packages:
   hast-util-to-string@3.0.1:
     resolution: {integrity: sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==}
 
-  hast-util-whitespace@2.0.1:
-    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==}
-
   hast-util-whitespace@3.0.0:
     resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
 
@@ -4494,8 +3805,8 @@ packages:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
 
-  image-size@1.1.1:
-    resolution: {integrity: sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==}
+  image-size@1.2.0:
+    resolution: {integrity: sha512-4S8fwbO6w3GeCVN6OPtA9I5IGKkcDMPcKndtUlpJuCwu7JLjtj7JZpwqLuyY2nrmQT3AWsCJLSKPsc2mPBSl3w==}
     engines: {node: '>=16.x'}
     hasBin: true
 
@@ -4524,34 +3835,24 @@ packages:
   ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
 
-  inline-style-parser@0.1.1:
-    resolution: {integrity: sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==}
-
   inline-style-parser@0.2.4:
     resolution: {integrity: sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==}
 
-  internal-slot@1.0.7:
-    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
+  internal-slot@1.1.0:
+    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
-  intl-messageformat@10.5.14:
-    resolution: {integrity: sha512-IjC6sI0X7YRjjyVH9aUgdftcmZK7WXdHeil4KwbjDnRWjnVitKpAx3rr6t6di1joFp5188VqKcobOPA6mCLG/w==}
-
-  invariant@2.2.4:
-    resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}
+  intl-messageformat@10.7.11:
+    resolution: {integrity: sha512-IB2N1tmI24k2EFH3PWjU7ivJsnWyLwOWOva0jnXFa29WzB6fb0JZ5EMQGu+XN5lDtjHYFo0/UooP67zBwUg7rQ==}
 
   is-alphabetical@2.0.1:
     resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
 
   is-alphanumerical@2.0.1:
-    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
-
-  is-arguments@1.1.1:
-    resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
-    engines: {node: '>= 0.4'}
+    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
 
-  is-array-buffer@3.0.4:
-    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
+  is-array-buffer@3.0.5:
+    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
 
   is-arrayish@0.2.1:
@@ -4560,42 +3861,39 @@ packages:
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
-  is-async-function@2.0.0:
-    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
+  is-async-function@2.1.0:
+    resolution: {integrity: sha512-GExz9MtyhlZyXYLxzlJRj5WUCE661zhDa1Yna52CN57AJsymh+DvXXjyveSioqSRdxvUrdKdvqB1b5cVKsNpWQ==}
     engines: {node: '>= 0.4'}
 
-  is-bigint@1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+  is-bigint@1.1.0:
+    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
+    engines: {node: '>= 0.4'}
 
   is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
 
-  is-boolean-object@1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+  is-boolean-object@1.2.1:
+    resolution: {integrity: sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==}
     engines: {node: '>= 0.4'}
 
-  is-buffer@2.0.5:
-    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
-    engines: {node: '>=4'}
-
-  is-bun-module@1.2.1:
-    resolution: {integrity: sha512-AmidtEM6D6NmUiLOvvU7+IePxjEjOzra2h0pSrsfSAcXwl/83zLLXDByafUJy9k/rKK0pvXMLdwKwGHlX2Ke6Q==}
+  is-bun-module@1.3.0:
+    resolution: {integrity: sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==}
 
   is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
 
-  is-core-module@2.15.1:
-    resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
+  is-core-module@2.16.1:
+    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
     engines: {node: '>= 0.4'}
 
-  is-data-view@1.0.1:
-    resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
+  is-data-view@1.0.2:
+    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
     engines: {node: '>= 0.4'}
 
-  is-date-object@1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+  is-date-object@1.1.0:
+    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
     engines: {node: '>= 0.4'}
 
   is-decimal@2.0.1:
@@ -4609,15 +3907,16 @@ packages:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
-  is-finalizationregistry@1.0.2:
-    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
+  is-finalizationregistry@1.1.1:
+    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
+    engines: {node: '>= 0.4'}
 
   is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
-  is-generator-function@1.0.10:
-    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
+  is-generator-function@1.1.0:
+    resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
     engines: {node: '>= 0.4'}
 
   is-glob@4.0.3:
@@ -4635,12 +3934,8 @@ packages:
     resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
     engines: {node: '>= 0.4'}
 
-  is-negative-zero@2.0.3:
-    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
-    engines: {node: '>= 0.4'}
-
-  is-number-object@1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+  is-number-object@1.1.1:
+    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
     engines: {node: '>= 0.4'}
 
   is-number@7.0.0:
@@ -4667,11 +3962,8 @@ packages:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
 
-  is-reference@3.0.2:
-    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
-
-  is-regex@1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+  is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
 
   is-regexp@3.1.0:
@@ -4682,8 +3974,8 @@ packages:
     resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
     engines: {node: '>= 0.4'}
 
-  is-shared-array-buffer@1.0.3:
-    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+  is-shared-array-buffer@1.0.4:
+    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
     engines: {node: '>= 0.4'}
 
   is-stream@2.0.1:
@@ -4694,24 +3986,24 @@ packages:
     resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  is-string@1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+  is-string@1.1.1:
+    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
     engines: {node: '>= 0.4'}
 
   is-subdir@1.2.0:
     resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
     engines: {node: '>=4'}
 
-  is-symbol@1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+  is-symbol@1.1.1:
+    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
     engines: {node: '>= 0.4'}
 
   is-text-path@1.0.1:
     resolution: {integrity: sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==}
     engines: {node: '>=0.10.0'}
 
-  is-typed-array@1.1.13:
-    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
+  is-typed-array@1.1.15:
+    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
     engines: {node: '>= 0.4'}
 
   is-unicode-supported@1.3.0:
@@ -4722,11 +4014,12 @@ packages:
     resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
     engines: {node: '>= 0.4'}
 
-  is-weakref@1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+  is-weakref@1.1.0:
+    resolution: {integrity: sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==}
+    engines: {node: '>= 0.4'}
 
-  is-weakset@2.0.3:
-    resolution: {integrity: sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==}
+  is-weakset@2.0.4:
+    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
     engines: {node: '>= 0.4'}
 
   is-windows@1.0.2:
@@ -4739,8 +4032,9 @@ packages:
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
-  iterator.prototype@1.1.2:
-    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
+  iterator.prototype@1.1.5:
+    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
+    engines: {node: '>= 0.4'}
 
   jackspeak@2.3.6:
     resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
@@ -4756,12 +4050,12 @@ packages:
   javascript-natural-sort@0.7.1:
     resolution: {integrity: sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==}
 
-  jiti@1.21.6:
-    resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
+  jiti@1.21.7:
+    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
     hasBin: true
 
-  jiti@2.4.0:
-    resolution: {integrity: sha512-H5UpaUI+aHOqZXlYOaFP/8AzKsg+guWu+Pr3Y8i7+Y3zr1aXAvCvTAQ1RxSc6oVD8R8c7brgNtTVP91E7upH/g==}
+  jiti@2.4.2:
+    resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
 
   jju@1.4.0:
@@ -4805,6 +4099,11 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
@@ -4872,76 +4171,76 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
-  lightningcss-darwin-arm64@1.28.1:
-    resolution: {integrity: sha512-VG3vvzM0m/rguCdm76DdobNeNJnHK+jWcdkNLFWHLh9YCotRvbRIt45JxwcHlIF8TDqWStVLTdghq5NaigVCBQ==}
+  lightningcss-darwin-arm64@1.29.0:
+    resolution: {integrity: sha512-oxLEuI5qICT1FanwPm1U3CTKl4WljMOPuSJiibE6i4GYQgzH3BNFYF/xBhuLDvbJER+wwtuhWD2ir695HUssRg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  lightningcss-darwin-x64@1.28.1:
-    resolution: {integrity: sha512-O7ORdislvKfMohFl4Iq7fxKqdJOuuxArcglVI3amuFO5DJ0wfV3Gxgi1JRo49slfr7OVzJQEHLG4muTWYM5cTQ==}
+  lightningcss-darwin-x64@1.29.0:
+    resolution: {integrity: sha512-HrD1nEhQLE7GPzlw+DlbnLBGOae+42kct1kr7BRsWpFtVRMcgAMg316ruQvM6MEbZ22og01s2GJtp4uCBu7jrw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  lightningcss-freebsd-x64@1.28.1:
-    resolution: {integrity: sha512-b7sF89B31kYYijxVcFO7l5u6UNA862YstNu+3YbLl/IQKzveL4a5cwR5cdpG+OOhErg/c2u9WCmzZoX2I5GBvw==}
+  lightningcss-freebsd-x64@1.29.0:
+    resolution: {integrity: sha512-6LSOV2BsWh9bug15Ttb40vs9QAxSM6kof10K61nRp29sGuJDDH74g9FN6UGwAKu3/9OHlARn7vTdxi6Wubrm+Q==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
 
-  lightningcss-linux-arm-gnueabihf@1.28.1:
-    resolution: {integrity: sha512-p61kXwvhUDLLzkWHjzSFfUBW/F0iy3jr3CWi3k8SKULtJEsJXTI9DqRm9EixxMSe2AMBQBt4auTYiQL4B1N51A==}
+  lightningcss-linux-arm-gnueabihf@1.29.0:
+    resolution: {integrity: sha512-KvIyB4ucvLI4169RScKD/e50y6dQE2wxsaNZOW9ONHkaf1BxJ805cye/N5SBQmnKkQHNjAt2dkTvZzjWD6Xq+w==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
 
-  lightningcss-linux-arm64-gnu@1.28.1:
-    resolution: {integrity: sha512-iO+fN9hOMmzfwqcG2/BgUtMKD48H2JO/SXU44fyIwpY2veb65QF5xiRrQ9l1FwIxbGK3231KBYCtAqv+xf+NsQ==}
+  lightningcss-linux-arm64-gnu@1.29.0:
+    resolution: {integrity: sha512-/Ca6ZeKybaQlhseizRXumJc6cufKoLllkaF5JJW0NS+VHfFB8AoTQlDSJNiVgqmpTxJ2Rlsgkcb+G0ovsN4tHQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-arm64-musl@1.28.1:
-    resolution: {integrity: sha512-dnMHeXEmCUzHHZjaDpQBYuBKcN9nPC3nPFKl70bcj5Bkn5EmkcgEqm5p035LKOgvAwk1XwLpQCML6pXmCwz0NQ==}
+  lightningcss-linux-arm64-musl@1.29.0:
+    resolution: {integrity: sha512-87G89xyMaf+J2mKFjGvMcd8/pHXloN0bLIBcenPXyvFJWgZsDhNtn7eyCGZN9783DjUTdnNw5x7LE2JHIVEnrQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-x64-gnu@1.28.1:
-    resolution: {integrity: sha512-7vWDISaMUn+oo2TwRdf2hl/BLdPxvywv9JKEqNZB/0K7bXwV4XE9wN/C2sAp1gGuh6QBA8lpjF4JIPt3HNlCHA==}
+  lightningcss-linux-x64-gnu@1.29.0:
+    resolution: {integrity: sha512-zy6c5unfJgBjhT7JFrY3zmtrSjKBNtKJYYfRZtgGVxZHmoWvVIkQi0Gy7AS46eURgM6cwjaSLuF5KqBGg+aV9g==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-linux-x64-musl@1.28.1:
-    resolution: {integrity: sha512-IHCu9tVGP+x5BCpA2rF3D04DBokcBza/a8AuHQU+1AiMKubuMegPwcL7RatBgK4ztFHeYnnD5NdhwhRfYMAtNA==}
+  lightningcss-linux-x64-musl@1.29.0:
+    resolution: {integrity: sha512-1TLtr1/3Xqf/ZjWmYilSQSUOOO1gSOZmMTYHMalX0O6dLY5v0kO1muFWrueC1QEb46/7tiI2ko59a9m1S2pXqQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-win32-arm64-msvc@1.28.1:
-    resolution: {integrity: sha512-Erm72kHmMg/3h350PTseskz+eEGBM17Fuu79WW2Qqt0BfWSF1jHHc12lkJCWMYl5jcBHPs5yZdgNHtJ7IJS3Uw==}
+  lightningcss-win32-arm64-msvc@1.29.0:
+    resolution: {integrity: sha512-wgdBdIl+CN7xvHbmYT7FyBfzGPY5evtD0T1LMqfBs6Zp7AhD6vv/QC5Q72Mc/0kAk+Nvta88wMVLszN3CuJ/Dw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  lightningcss-win32-x64-msvc@1.28.1:
-    resolution: {integrity: sha512-ZPQtvx+uQBzrSdHH8p4H3M9Alue+x369TPZAA3b4K3d92FPhpZCuBG04+HQzspam9sVeID9mI6f3VRAs2ezaEA==}
+  lightningcss-win32-x64-msvc@1.29.0:
+    resolution: {integrity: sha512-IOZBTx84bFf/V9QmHYIyUfnonmi1NxCbhUbgQW2U7cZYijwGVpDEaX8QRPmqUMt93a2yh4IQ5SMzbZ4/gPtqkA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
 
-  lightningcss@1.28.1:
-    resolution: {integrity: sha512-KRDkHlLlNj3DWh79CDt93fPlRJh2W1AuHV0ZSZAMMuN7lqlsZTV5842idfS1urWG8q9tc17velp1gCXhY7sLnQ==}
+  lightningcss@1.29.0:
+    resolution: {integrity: sha512-4BkG0a3g6ZJ5F5iQ22lZsod0KJrIzYdbiBCMo9FgpDrxCx+uUapwkZmUVgisiZvHUj53BJGQiWWT+YXr1ZcZQQ==}
     engines: {node: '>= 12.0.0'}
 
   lilconfig@2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
     engines: {node: '>=10'}
 
-  lilconfig@3.1.2:
-    resolution: {integrity: sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==}
+  lilconfig@3.1.3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
 
   lines-and-columns@1.2.4:
@@ -5022,8 +4321,8 @@ packages:
   lru-cache@10.4.3:
     resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
-  lru-cache@11.0.1:
-    resolution: {integrity: sha512-CgeuL5uom6j/ZVrg7G/+1IXqRY8JXX4Hghfy5YE0EhoYQWvndP1kufu58cmZLNIDKnRhZrXfdS9urVWx98AipQ==}
+  lru-cache@11.0.2:
+    resolution: {integrity: sha512-123qHRfJBmo2jXDbo/a5YOQrJoHF/GNQTLzQ5+IdK5pWpceK17yRc6ozlWd25FxvGKQbIUs91fDFkXmDHTKcyA==}
     engines: {node: 20 || >=22}
 
   lru-cache@4.1.5:
@@ -5036,10 +4335,10 @@ packages:
     resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
     engines: {node: '>=10'}
 
-  lucide-react@0.311.0:
-    resolution: {integrity: sha512-kyMc6YyVepMVnmZT2X1sl7iyf7w6l8YdhEVKmcBLiT0lMlXqcPGsr2/drYP1/VaGf7DmBJ4/CjQAmOpDd8R8uw==}
+  lucide-react@0.469.0:
+    resolution: {integrity: sha512-28vvUnnKQ/dBwiCQtwJw7QauYnE7yd2Cyp4tTTJpvglX4EMpbflcdBgrgToX2j71B3YvugK/NH3BGUk+E/p/Fw==}
     peerDependencies:
-      react: ^16.5.1 || ^17.0.0 || ^18.0.0
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   make-error@1.3.6:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
@@ -5052,28 +4351,22 @@ packages:
     resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
     engines: {node: '>=8'}
 
-  markdown-extensions@1.1.1:
-    resolution: {integrity: sha512-WWC0ZuMzCyDHYCasEGs4IPvLyTGftYwh6wIEOULOF0HXcqZlhwRzrK0w2VUlxWA98xnvb/jszw4ZSkJ6ADpM6Q==}
-    engines: {node: '>=0.10.0'}
-
   markdown-extensions@2.0.0:
     resolution: {integrity: sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==}
     engines: {node: '>=16'}
 
-  markdown-table@3.0.3:
-    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
-
-  mdast-util-definitions@5.1.2:
-    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==}
+  markdown-table@3.0.4:
+    resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
 
-  mdast-util-find-and-replace@3.0.1:
-    resolution: {integrity: sha512-SG21kZHGC3XRTSUhtofZkBzZTJNM5ecCi0SK2IMKmSXR8vO3peL+kb1O0z7Zl83jKtutG4k5Wv/W7V3/YHvzPA==}
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
 
-  mdast-util-from-markdown@1.3.1:
-    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
+  mdast-util-find-and-replace@3.0.2:
+    resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
 
-  mdast-util-from-markdown@2.0.1:
-    resolution: {integrity: sha512-aJEUyzZ6TzlsX2s5B4Of7lN7EQtAxvtradMMglCQDyaTFgse6CmtmdJ15ElnVRlCg1vpNyVtbem0PWzlNieZsA==}
+  mdast-util-from-markdown@2.0.2:
+    resolution: {integrity: sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==}
 
   mdast-util-gfm-autolink-literal@2.0.1:
     resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
@@ -5093,50 +4386,26 @@ packages:
   mdast-util-gfm@3.0.0:
     resolution: {integrity: sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw==}
 
-  mdast-util-mdx-expression@1.3.2:
-    resolution: {integrity: sha512-xIPmR5ReJDu/DHH1OoIT1HkuybIfRGYRywC+gJtI7qHjCJp/M9jrmBEJW22O8lskDWm562BX2W8TiAwRTb0rKA==}
-
   mdast-util-mdx-expression@2.0.1:
     resolution: {integrity: sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==}
 
-  mdast-util-mdx-jsx@2.1.4:
-    resolution: {integrity: sha512-DtMn9CmVhVzZx3f+optVDF8yFgQVt7FghCRNdlIaS3X5Bnym3hZwPbg/XW86vdpKjlc1PVj26SpnLGeJBXD3JA==}
-
   mdast-util-mdx-jsx@3.1.3:
     resolution: {integrity: sha512-bfOjvNt+1AcbPLTFMFWY149nJz0OjmewJs3LQQ5pIyVGxP4CdOqNVJL6kTaM5c68p8q82Xv3nCyFfUnuEcH3UQ==}
 
-  mdast-util-mdx@2.0.1:
-    resolution: {integrity: sha512-38w5y+r8nyKlGvNjSEqWrhG0w5PmnRA+wnBvm+ulYCct7nsGYhFVb0lljS9bQav4psDAS1eGkP2LMVcZBi/aqw==}
-
   mdast-util-mdx@3.0.0:
     resolution: {integrity: sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w==}
 
-  mdast-util-mdxjs-esm@1.3.1:
-    resolution: {integrity: sha512-SXqglS0HrEvSdUEfoXFtcg7DRl7S2cwOXc7jkuusG472Mmjag34DUDeOJUZtl+BVnyeO1frIgVpHlNRWc2gk/w==}
-
   mdast-util-mdxjs-esm@2.0.1:
     resolution: {integrity: sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==}
 
-  mdast-util-phrasing@3.0.1:
-    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==}
-
   mdast-util-phrasing@4.1.0:
     resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
 
-  mdast-util-to-hast@12.3.0:
-    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==}
-
   mdast-util-to-hast@13.2.0:
     resolution: {integrity: sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==}
 
-  mdast-util-to-markdown@1.5.0:
-    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==}
-
-  mdast-util-to-markdown@2.1.0:
-    resolution: {integrity: sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ==}
-
-  mdast-util-to-string@3.2.0:
-    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
 
   mdast-util-to-string@4.0.0:
     resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
@@ -5152,11 +4421,8 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
-  micromark-core-commonmark@1.1.0:
-    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
-
-  micromark-core-commonmark@2.0.1:
-    resolution: {integrity: sha512-CUQyKr1e///ZODyD1U3xit6zXwy1a8q2a1S1HKtIlmgvurrEpaw/Y9y6KSIbF8P59cn/NjzHyO+Q2fAyYLQrAA==}
+  micromark-core-commonmark@2.0.2:
+    resolution: {integrity: sha512-FKjQKbxd1cibWMM1P9N+H8TwlgGgSkWZMmfuVucLCHaYqeSvJ0hFeHsIa65pA2nYbes0f8LDHPMrd9X7Ujxg9w==}
 
   micromark-extension-gfm-autolink-literal@2.1.0:
     resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
@@ -5179,167 +4445,86 @@ packages:
   micromark-extension-gfm@3.0.0:
     resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
 
-  micromark-extension-mdx-expression@1.0.8:
-    resolution: {integrity: sha512-zZpeQtc5wfWKdzDsHRBY003H2Smg+PUi2REhqgIhdzAa5xonhP03FcXxqFSerFiNUr5AWmHpaNPQTBVOS4lrXw==}
-
   micromark-extension-mdx-expression@3.0.0:
     resolution: {integrity: sha512-sI0nwhUDz97xyzqJAbHQhp5TfaxEvZZZ2JDqUo+7NvyIYG6BZ5CPPqj2ogUoPJlmXHBnyZUzISg9+oUmU6tUjQ==}
 
-  micromark-extension-mdx-jsx@1.0.5:
-    resolution: {integrity: sha512-gPH+9ZdmDflbu19Xkb8+gheqEDqkSpdCEubQyxuz/Hn8DOXiXvrXeikOoBA71+e8Pfi0/UYmU3wW3H58kr7akA==}
-
   micromark-extension-mdx-jsx@3.0.1:
     resolution: {integrity: sha512-vNuFb9czP8QCtAQcEJn0UJQJZA8Dk6DXKBqx+bg/w0WGuSxDxNr7hErW89tHUY31dUW4NqEOWwmEUNhjTFmHkg==}
 
-  micromark-extension-mdx-md@1.0.1:
-    resolution: {integrity: sha512-7MSuj2S7xjOQXAjjkbjBsHkMtb+mDGVW6uI2dBL9snOBCbZmoNgDAeZ0nSn9j3T42UE/g2xVNMn18PJxZvkBEA==}
-
   micromark-extension-mdx-md@2.0.0:
     resolution: {integrity: sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ==}
 
-  micromark-extension-mdxjs-esm@1.0.5:
-    resolution: {integrity: sha512-xNRBw4aoURcyz/S69B19WnZAkWJMxHMT5hE36GtDAyhoyn/8TuAeqjFJQlwk+MKQsUD7b3l7kFX+vlfVWgcX1w==}
-
   micromark-extension-mdxjs-esm@3.0.0:
     resolution: {integrity: sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A==}
 
-  micromark-extension-mdxjs@1.0.1:
-    resolution: {integrity: sha512-7YA7hF6i5eKOfFUzZ+0z6avRG52GpWR8DL+kN47y3f2KhxbBZMhmxe7auOeaTBrW2DenbbZTf1ea9tA2hDpC2Q==}
-
   micromark-extension-mdxjs@3.0.0:
     resolution: {integrity: sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ==}
 
-  micromark-factory-destination@1.1.0:
-    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==}
-
-  micromark-factory-destination@2.0.0:
-    resolution: {integrity: sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA==}
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
 
-  micromark-factory-label@1.1.0:
-    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==}
-
-  micromark-factory-label@2.0.0:
-    resolution: {integrity: sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw==}
-
-  micromark-factory-mdx-expression@1.0.9:
-    resolution: {integrity: sha512-jGIWzSmNfdnkJq05c7b0+Wv0Kfz3NJ3N4cBjnbO4zjXIlxJr+f8lk+5ZmwFvqdAbUy2q6B5rCY//g0QAAaXDWA==}
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
 
   micromark-factory-mdx-expression@2.0.2:
     resolution: {integrity: sha512-5E5I2pFzJyg2CtemqAbcyCktpHXuJbABnsb32wX2U8IQKhhVFBqkcZR5LRm1WVoFqa4kTueZK4abep7wdo9nrw==}
 
-  micromark-factory-space@1.1.0:
-    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==}
-
-  micromark-factory-space@2.0.0:
-    resolution: {integrity: sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==}
-
-  micromark-factory-title@1.1.0:
-    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==}
-
-  micromark-factory-title@2.0.0:
-    resolution: {integrity: sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A==}
-
-  micromark-factory-whitespace@1.1.0:
-    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==}
-
-  micromark-factory-whitespace@2.0.0:
-    resolution: {integrity: sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA==}
-
-  micromark-util-character@1.2.0:
-    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==}
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
 
-  micromark-util-character@2.1.0:
-    resolution: {integrity: sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ==}
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
 
-  micromark-util-chunked@1.1.0:
-    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==}
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
 
-  micromark-util-chunked@2.0.0:
-    resolution: {integrity: sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg==}
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
 
-  micromark-util-classify-character@1.1.0:
-    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==}
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
 
-  micromark-util-classify-character@2.0.0:
-    resolution: {integrity: sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw==}
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
 
-  micromark-util-combine-extensions@1.1.0:
-    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==}
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
 
-  micromark-util-combine-extensions@2.0.0:
-    resolution: {integrity: sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ==}
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
 
-  micromark-util-decode-numeric-character-reference@1.1.0:
-    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==}
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
 
-  micromark-util-decode-numeric-character-reference@2.0.1:
-    resolution: {integrity: sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ==}
-
-  micromark-util-decode-string@1.1.0:
-    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==}
-
-  micromark-util-decode-string@2.0.0:
-    resolution: {integrity: sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA==}
-
-  micromark-util-encode@1.1.0:
-    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==}
-
-  micromark-util-encode@2.0.0:
-    resolution: {integrity: sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==}
-
-  micromark-util-events-to-acorn@1.2.3:
-    resolution: {integrity: sha512-ij4X7Wuc4fED6UoLWkmo0xJQhsktfNh1J0m8g4PbIMPlx+ek/4YdW5mvbye8z/aZvAPUoxgXHrwVlXAPKMRp1w==}
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
 
   micromark-util-events-to-acorn@2.0.2:
     resolution: {integrity: sha512-Fk+xmBrOv9QZnEDguL9OI9/NQQp6Hz4FuQ4YmCb/5V7+9eAh1s6AYSvL20kHkD67YIg7EpE54TiSlcsf3vyZgA==}
 
-  micromark-util-html-tag-name@1.2.0:
-    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==}
-
-  micromark-util-html-tag-name@2.0.0:
-    resolution: {integrity: sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw==}
-
-  micromark-util-normalize-identifier@1.1.0:
-    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==}
-
-  micromark-util-normalize-identifier@2.0.0:
-    resolution: {integrity: sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w==}
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
 
-  micromark-util-resolve-all@1.1.0:
-    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==}
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
 
-  micromark-util-resolve-all@2.0.0:
-    resolution: {integrity: sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA==}
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
 
-  micromark-util-sanitize-uri@1.2.0:
-    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==}
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
 
-  micromark-util-sanitize-uri@2.0.0:
-    resolution: {integrity: sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==}
+  micromark-util-subtokenize@2.0.3:
+    resolution: {integrity: sha512-VXJJuNxYWSoYL6AJ6OQECCFGhIU2GGHMw8tahogePBrjkG8aCCas3ibkp7RnVOSTClg2is05/R7maAhF1XyQMg==}
 
-  micromark-util-subtokenize@1.1.0:
-    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==}
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
 
-  micromark-util-subtokenize@2.0.1:
-    resolution: {integrity: sha512-jZNtiFl/1aY73yS3UGQkutD0UbhTt68qnRpw2Pifmz5wV9h8gOVsN70v+Lq/f1rKaU/W8pxRe8y8Q9FX1AOe1Q==}
+  micromark-util-types@2.0.1:
+    resolution: {integrity: sha512-534m2WhVTddrcKVepwmVEVnUAmtrx9bfIjNoQHRqfnvdaHQiFytEhJoTgpWJvDEXCO5gLTQh3wYC1PgOJA4NSQ==}
 
-  micromark-util-symbol@1.1.0:
-    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==}
-
-  micromark-util-symbol@2.0.0:
-    resolution: {integrity: sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==}
-
-  micromark-util-types@1.1.0:
-    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==}
-
-  micromark-util-types@2.0.0:
-    resolution: {integrity: sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==}
-
-  micromark@3.2.0:
-    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
-
-  micromark@4.0.0:
-    resolution: {integrity: sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ==}
+  micromark@4.0.1:
+    resolution: {integrity: sha512-eBPdkcoCNvYcxQOAKAlceo5SNdzZWfF+FcSupREAzdAh9rRmE239CEQAiTwIgblwnoM8zzj35sZ5ZwvSEOF6Kw==}
 
   micromatch@4.0.8:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
@@ -5380,10 +4565,6 @@ packages:
     resolution: {integrity: sha512-sBz8G/YjVniEz6lKPNpKxXwazJe4c19fEfV2GDMX6AjFz+MX9uDWIZW8XreVhkFW3fkIdTv/gxWr/Kks5FFAVw==}
     engines: {node: '>=10'}
 
-  minimatch@9.0.3:
-    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
   minimatch@9.0.5:
     resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -5413,6 +4594,26 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  motion-dom@11.16.4:
+    resolution: {integrity: sha512-2wuCie206pCiP2K23uvwJeci4pMFfyQKpWI0Vy6HrCTDzDCer4TsYtT7IVnuGbDeoIV37UuZiUr6SZMHEc1Vww==}
+
+  motion-utils@11.16.0:
+    resolution: {integrity: sha512-ngdWPjg31rD4WGXFi0eZ00DQQqKKu04QExyv/ymlC+3k+WIgYVFbt6gS5JsFPbJODTF/r8XiE/X+SsoT9c0ocw==}
+
+  motion@11.16.4:
+    resolution: {integrity: sha512-Ut4Lv41Bh8QRmBM56zwVXZsRS/jUTVjS081xnHF7zCl2I24v5Kb5/FU5oogSfCCQY/T/BZnIhkIe5PH8BDZIAA==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   mout@0.11.1:
     resolution: {integrity: sha512-pK9VNiLE3QgGBrC/3ICAscwOLU7oTNeK2l32uqNAioBYtB2tQAfSsGDNChUlk7CP23126mc5lUt6+na9FlN8JA==}
 
@@ -5426,13 +4627,13 @@ packages:
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
-  nanoid@3.3.7:
-    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+  nanoid@3.3.8:
+    resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  nanoid@5.0.7:
-    resolution: {integrity: sha512-oLxFY2gd2IqnjcYyOXD8XGCftpGtZP2AbHbOkthDkvRywH5ayNtPVy9YlOPcHckXzbLTCHpkb7FB+yuxKV13pQ==}
+  nanoid@5.0.9:
+    resolution: {integrity: sha512-Aooyr6MXU6HpvvWXKoVoXwKMs/KyVakWwg7xQfv5/S/RIgJMy0Ifa45H9qqYy7pTCszrHzP21Uk4PZq2HpEM8Q==}
     engines: {node: ^18 || >=20}
     hasBin: true
 
@@ -5443,13 +4644,6 @@ packages:
     resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
     engines: {node: '>= 0.6'}
 
-  next-mdx-remote@4.4.1:
-    resolution: {integrity: sha512-1BvyXaIou6xy3XoNF4yaMZUCb6vD2GTAa5ciOa6WoO+gAUTYsb1K4rI/HSC2ogAWLrb/7VSV52skz07vOzmqIQ==}
-    engines: {node: '>=14', npm: '>=7'}
-    peerDependencies:
-      react: '>=16.x <=18.x'
-      react-dom: '>=16.x <=18.x'
-
   next-themes@0.2.1:
     resolution: {integrity: sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==}
     peerDependencies:
@@ -5457,34 +4651,16 @@ packages:
       react: '*'
       react-dom: '*'
 
-  next@14.2.14:
-    resolution: {integrity: sha512-Q1coZG17MW0Ly5x76shJ4dkC23woLAhhnDnw+DfTc7EpZSGuWrlsZ3bZaO8t6u1Yu8FVfhkqJE+U8GC7E0GLPQ==}
-    engines: {node: '>=18.17.0'}
-    hasBin: true
-    peerDependencies:
-      '@opentelemetry/api': ^1.1.0
-      '@playwright/test': ^1.41.2
-      react: ^18.2.0
-      react-dom: ^18.2.0
-      sass: ^1.3.0
-    peerDependenciesMeta:
-      '@opentelemetry/api':
-        optional: true
-      '@playwright/test':
-        optional: true
-      sass:
-        optional: true
-
-  next@15.0.0:
-    resolution: {integrity: sha512-/ivqF6gCShXpKwY9hfrIQYh8YMge8L3W+w1oRLv/POmK4MOQnh+FscZ8a0fRFTSQWE+2z9ctNYvELD9vP2FV+A==}
-    engines: {node: '>=18.18.0'}
+  next@15.1.4:
+    resolution: {integrity: sha512-mTaq9dwaSuwwOrcu3ebjDYObekkxRnXpuVL21zotM8qE2W0HBOdVIdg2Li9QjMEZrj73LN96LcWcz62V19FjAg==}
+    engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
     hasBin: true
     peerDependencies:
       '@opentelemetry/api': ^1.1.0
       '@playwright/test': ^1.41.2
       babel-plugin-react-compiler: '*'
-      react: ^18.2.0 || 19.0.0-rc-65a56d0e-20241020
-      react-dom: ^18.2.0 || 19.0.0-rc-65a56d0e-20241020
+      react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+      react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
       sass: ^1.3.0
     peerDependenciesMeta:
       '@opentelemetry/api':
@@ -5513,8 +4689,8 @@ packages:
     resolution: {integrity: sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  node-releases@2.0.18:
-    resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
+  node-releases@2.0.19:
+    resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
 
   normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
@@ -5543,8 +4719,8 @@ packages:
     resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  npm-to-yarn@3.0.0:
-    resolution: {integrity: sha512-76YnmsbfrYp0tMsWxM0RNX0Vs+x8JxpJGu6B/jDn4lW8+laiTcKmKi9MeMh4UikO4RkJ1oqURoDy9bXJmMXS6A==}
+  npm-to-yarn@3.0.1:
+    resolution: {integrity: sha512-tt6PvKu4WyzPwWUzy/hvPFqn+uwXO0K1ZHka8az3NnrhWJDmSqI8ncWq0fkL0k/lmmi5tAC11FXwXuh0rFbt1A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
   object-assign@4.1.1:
@@ -5555,20 +4731,16 @@ packages:
     resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
     engines: {node: '>= 6'}
 
-  object-inspect@1.13.2:
-    resolution: {integrity: sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==}
-    engines: {node: '>= 0.4'}
-
-  object-is@1.1.6:
-    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
+  object-inspect@1.13.3:
+    resolution: {integrity: sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==}
     engines: {node: '>= 0.4'}
 
   object-keys@1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
 
-  object.assign@4.1.5:
-    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
+  object.assign@4.1.7:
+    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
     engines: {node: '>= 0.4'}
 
   object.entries@1.1.8:
@@ -5583,8 +4755,8 @@ packages:
     resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
     engines: {node: '>= 0.4'}
 
-  object.values@1.2.0:
-    resolution: {integrity: sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==}
+  object.values@1.2.1:
+    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
   once@1.4.0:
@@ -5598,8 +4770,8 @@ packages:
     resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
     engines: {node: '>=12'}
 
-  oniguruma-to-js@0.4.3:
-    resolution: {integrity: sha512-X0jWUcAlxORhOqqBREgPMgnshB7ZGYszBNspP+tS9hPD3l13CdaXcHbgImoHUHlrvGx/7AvFEkTRhAGYh+jzjQ==}
+  oniguruma-to-es@0.10.0:
+    resolution: {integrity: sha512-zapyOUOCJxt+xhiNRPPMtfJkHGsZ98HHB9qJEkdT8BGytO/+kpe4m1Ngf0MzbzTmhacn11w9yGeDP6tzDhnCdg==}
 
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
@@ -5616,6 +4788,13 @@ packages:
   outdent@0.5.0:
     resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==}
 
+  own-keys@1.0.1:
+    resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
+    engines: {node: '>= 0.4'}
+
+  oxc-transform@0.43.0:
+    resolution: {integrity: sha512-m0sjGlhiAv8t3KumXJ7qhamo/HVME6MtwaHU0BwRpkuN8i3O5ZmrOx3kUyg3iWiebI0nKSRR9v+6ecVrM8Yv4w==}
+
   p-cancelable@3.0.0:
     resolution: {integrity: sha512-mlVgR3PGuzlo0MmTdk4cXqXWlwQDLnONTAg6sm62XkMJEiRxN3GL3SffkYvqwonbkJBcrI7Uvv5Zh9yjvn2iUw==}
     engines: {node: '>=12.20'}
@@ -5655,15 +4834,15 @@ packages:
     resolution: {integrity: sha512-cbH9IAIJHNj9uXi196JVsRlt7cHKak6u/e6AkL/bkRelZ7rlL3X1YKxsZwa36xipOEKAsdtmaG6aAJoM1fx2zA==}
     engines: {node: '>=14.16'}
 
-  package-manager-detector@0.2.0:
-    resolution: {integrity: sha512-E385OSk9qDcXhcM9LNSe4sdhx8a9mAPrZ4sMLW+tmxl5ZuGtPUcdFu+MPP2jbgiWAZ6Pfe5soGFMd+0Db5Vrog==}
+  package-manager-detector@0.2.8:
+    resolution: {integrity: sha512-ts9KSdroZisdvKMWVAVCXiKqnqNfXz4+IbrBG8/BWx/TR5le+jfenvoBuIZ6UWM9nz47W7AbD9qYfAwfWMIwzA==}
 
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
-  parse-entities@4.0.1:
-    resolution: {integrity: sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==}
+  parse-entities@4.0.2:
+    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
 
   parse-github-url@1.0.3:
     resolution: {integrity: sha512-tfalY5/4SqGaV/GIGzWyHnFjlpTPTNpENR9Ea2lLldSJ8EWXMsvacWucqY3m3I4YPtas15IxTLQVQ5NSYXPrww==}
@@ -5708,11 +4887,8 @@ packages:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
 
-  periscopic@3.1.0:
-    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
-
-  picocolors@1.1.0:
-    resolution: {integrity: sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==}
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
   picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
@@ -5791,16 +4967,16 @@ packages:
     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
     engines: {node: ^10 || ^12 || >=14}
 
-  postcss@8.4.47:
-    resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
+  postcss@8.4.49:
+    resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
     engines: {node: ^10 || ^12 || >=14}
 
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
-  prettier-plugin-tailwindcss@0.6.8:
-    resolution: {integrity: sha512-dGu3kdm7SXPkiW4nzeWKCl3uoImdd5CTZEJGxyypEPL37Wj0HT2pLqjrvSei1nTeuQfO4PUfjeW5cTUNRLZ4sA==}
+  prettier-plugin-tailwindcss@0.6.9:
+    resolution: {integrity: sha512-r0i3uhaZAXYP0At5xGfJH876W3HHGHDp+LCRUJrs57PBeQ6mYHMwr25KH8NPX44F2yGTvdnH7OqCshlQx183Eg==}
     engines: {node: '>=14.21.3'}
     peerDependencies:
       '@ianvs/prettier-plugin-sort-imports': '*'
@@ -5859,8 +5035,8 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
-  prettier@3.3.3:
-    resolution: {integrity: sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==}
+  prettier@3.4.2:
+    resolution: {integrity: sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -5908,84 +5084,63 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  react-aria@3.35.0:
-    resolution: {integrity: sha512-cbbd3iIveLDRnpVrpc1iuz8OMlDdH6u8EjncW3MQuYOiEGaho9xcDtWMKiSEIZASEnd7LK4Rgm5iVPr2O+cssw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
-
   react-aria@3.36.0:
     resolution: {integrity: sha512-AK5XyIhAN+e5HDlwlF+YwFrOrVI7RYmZ6kg/o7ZprQjkYqYKapXeUpWscmNm/3H2kDboE5Z4ymUnK6ZhobLqOw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  react-dom@18.3.1:
-    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
+  react-dom@19.0.0:
+    resolution: {integrity: sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==}
     peerDependencies:
-      react: ^18.3.1
+      react: ^19.0.0
 
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
-  react-remove-scroll-bar@2.3.6:
-    resolution: {integrity: sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  react-remove-scroll@2.5.5:
-    resolution: {integrity: sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==}
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
-  react-remove-scroll@2.6.0:
-    resolution: {integrity: sha512-I2U4JVEsQenxDAKaVa3VZ/JeJZe0/2DxPWL8Tj8yLKctQJQiZM52pn/GWFpSp8dftjM3pSAHVJZscAnC/y+ySQ==}
+  react-remove-scroll@2.6.2:
+    resolution: {integrity: sha512-KmONPx5fnlXYJQqC62Q+lwIeAk64ws/cUw6omIumRzMRPqgnYqhSSti99nbj0Ry13bv7dF+BKn7NB+OqkdZGTw==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
-  react-resizable-panels@2.1.4:
-    resolution: {integrity: sha512-kzue8lsoSBdyyd2IfXLQMMhNujOxRoGVus+63K95fQqleGxTfvgYLTzbwYMOODeAHqnkjb3WV/Ks7f5+gDYZuQ==}
-    peerDependencies:
-      react: ^16.14.0 || ^17.0.0 || ^18.0.0
-      react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0
-
-  react-stately@3.33.0:
-    resolution: {integrity: sha512-DNPOxYAPuhuXwSuE1s1K7iSgqG2QOBUZq3bsLAd4gUUZje6Qepkhe7TzK2LWarQYAZ3gC9Xhmnz8ie1fdCo0GA==}
+  react-resizable-panels@2.1.7:
+    resolution: {integrity: sha512-JtT6gI+nURzhMYQYsx8DKkx6bSoOGFp7A3CwMrOb8y5jFHFyqwo9m68UhmXRw57fRVJksFn1TSlm3ywEQ9vMgA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
+      react: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
   react-stately@3.34.0:
     resolution: {integrity: sha512-0N9tZ8qQ/CxpJH7ao0O6gr+8955e7VrOskg9N+TIxkFknPetwOCtgppMYhnTfteBV8WfM/vv4OC1NbkgYTqXJA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  react-style-singleton@2.2.1:
-    resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
-  react@18.3.1:
-    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
+  react@19.0.0:
+    resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
     engines: {node: '>=0.10.0'}
 
   read-cache@1.0.0:
@@ -6035,22 +5190,28 @@ packages:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
     engines: {node: '>=8'}
 
-  reflect.getprototypeof@1.0.6:
-    resolution: {integrity: sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==}
+  reflect.getprototypeof@1.0.10:
+    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
 
   regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
 
-  regex@4.3.2:
-    resolution: {integrity: sha512-kK/AA3A9K6q2js89+VMymcboLOlF5lZRCYJv3gzszXFHBr6kO6qLGzbm+UIugBEV8SMMKCTR59txoY6ctRHYVw==}
+  regex-recursion@5.1.1:
+    resolution: {integrity: sha512-ae7SBCbzVNrIjgSbh7wMznPcQel1DNlDtzensnFxpiNpXt1U2ju/bHugH422r+4LAVS1FpW1YCwilmnNsjum9w==}
+
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
 
-  regexp.prototype.flags@1.5.2:
-    resolution: {integrity: sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==}
+  regex@5.1.1:
+    resolution: {integrity: sha512-dN5I359AVGPnwzJm2jN1k0W9LPZ+ePvoOeVMMfqIMFz53sSwXkxaJoxr50ptnsC771lK95BnTrVSZxq0b9yCGw==}
+
+  regexp.prototype.flags@1.5.4:
+    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
     engines: {node: '>= 0.4'}
 
-  registry-auth-token@5.0.2:
-    resolution: {integrity: sha512-o/3ikDxtXaA59BmZuZrJZDJv8NMDGSj+6j6XaeBmHw8eY1i1qd9+6H+LjVvQXx3HN6aRCGa1cUdJ9RaJZUugnQ==}
+  registry-auth-token@5.0.3:
+    resolution: {integrity: sha512-1bpc9IyC+e+CNFRaWyn77tk4xGG4PPUyfakSmA6F6cvUDjrm58dfyJ3II+9yb10EDkHoy1LaPSmHaWLOH3m6HA==}
     engines: {node: '>=14'}
 
   registry-url@6.0.1:
@@ -6063,21 +5224,12 @@ packages:
   remark-gfm@4.0.0:
     resolution: {integrity: sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==}
 
-  remark-mdx@2.3.0:
-    resolution: {integrity: sha512-g53hMkpM0I98MU266IzDFMrTD980gNF3BJnkyFcmN+dD873mQeD5rdMO3Y2X+x8umQfbSE0PcoEDl7ledSA+2g==}
-
-  remark-mdx@3.0.1:
-    resolution: {integrity: sha512-3Pz3yPQ5Rht2pM5R+0J2MrGoBSrzf+tJG94N+t/ilfdh8YLyyKYtidAYwTveB20BoHAcwIopOUqhcmh2F7hGYA==}
-
-  remark-parse@10.0.2:
-    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==}
+  remark-mdx@3.1.0:
+    resolution: {integrity: sha512-Ngl/H3YXyBV9RcRNdlYsZujAmhsxwzxpDzpDEhFBVAGthS4GDgnctpDjgFl/ULx5UEDzqtW1cyBSNKqYYrqLBA==}
 
   remark-parse@11.0.0:
     resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
 
-  remark-rehype@10.1.0:
-    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
-
   remark-rehype@11.1.1:
     resolution: {integrity: sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==}
 
@@ -6113,8 +5265,9 @@ packages:
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
-  resolve@1.22.8:
-    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+  resolve@1.22.10:
+    resolution: {integrity: sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==}
+    engines: {node: '>= 0.4'}
     hasBin: true
 
   resolve@2.0.0-next.5:
@@ -6159,26 +5312,26 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
-  sade@1.8.1:
-    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
-    engines: {node: '>=6'}
-
-  safe-array-concat@1.1.2:
-    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
+  safe-array-concat@1.1.3:
+    resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
     engines: {node: '>=0.4'}
 
   safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
-  safe-regex-test@1.0.3:
-    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
+  safe-push-apply@1.0.0:
+    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
+    engines: {node: '>= 0.4'}
+
+  safe-regex-test@1.1.0:
+    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  scheduler@0.23.2:
-    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
+  scheduler@0.25.0:
+    resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==}
 
   scroll-into-view-if-needed@3.1.0:
     resolution: {integrity: sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==}
@@ -6208,9 +5361,6 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  server-only@0.0.1:
-    resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}
-
   set-function-length@1.2.2:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
@@ -6219,6 +5369,10 @@ packages:
     resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
     engines: {node: '>= 0.4'}
 
+  set-proto@1.0.0:
+    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
+    engines: {node: '>= 0.4'}
+
   sharp@0.33.5:
     resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -6239,14 +5393,23 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
-  shiki@1.21.0:
-    resolution: {integrity: sha512-apCH5BoWTrmHDPGgg3RF8+HAAbEL/CdbYr8rMw7eIrdhCkZHdVGat5mMNlRtd1erNG01VPMIKHNQ0Pj2HMAiog==}
+  shiki@1.26.1:
+    resolution: {integrity: sha512-Gqg6DSTk3wYqaZ5OaYtzjcdxcBvX5kCy24yvRJEgjT5U+WHlmqCThLuBUx0juyxQBi+6ug53IGeuQS07DWwpcw==}
+
+  side-channel-list@1.0.0:
+    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
 
-  shiki@1.22.1:
-    resolution: {integrity: sha512-PbJ6XxrWLMwB2rm3qdjIHNm3zq4SfFnOx0B3rEoi4AN8AUngsdyZ1tRe5slMPtn6jQkbUURLNZPpLR7Do3k78g==}
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
 
-  side-channel@1.0.6:
-    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
   signal-exit@3.0.7:
@@ -6292,6 +5455,9 @@ packages:
   spawndamnit@2.0.0:
     resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
 
+  spawndamnit@3.0.1:
+    resolution: {integrity: sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg==}
+
   spdx-correct@3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
 
@@ -6310,14 +5476,13 @@ packages:
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
+  stable-hash@0.0.4:
+    resolution: {integrity: sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==}
+
   stdin-discarder@0.1.0:
     resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  stop-iteration-iterator@1.0.0:
-    resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
-    engines: {node: '>= 0.4'}
-
   streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
@@ -6330,22 +5495,24 @@ packages:
     resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
     engines: {node: '>=12'}
 
-  string.prototype.includes@2.0.0:
-    resolution: {integrity: sha512-E34CkBgyeqNDcrbU76cDjL5JLcVrtSdYq0MEh/B10r17pRP4ciHLwTgnuLV8Ay6cgEMLkcBkFCKyFZ43YldYzg==}
+  string.prototype.includes@2.0.1:
+    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
+    engines: {node: '>= 0.4'}
 
-  string.prototype.matchall@4.0.11:
-    resolution: {integrity: sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==}
+  string.prototype.matchall@4.0.12:
+    resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
 
   string.prototype.repeat@1.0.0:
     resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
 
-  string.prototype.trim@1.2.9:
-    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
+  string.prototype.trim@1.2.10:
+    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
     engines: {node: '>= 0.4'}
 
-  string.prototype.trimend@1.0.8:
-    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
+  string.prototype.trimend@1.0.9:
+    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
+    engines: {node: '>= 0.4'}
 
   string.prototype.trimstart@1.0.8:
     resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
@@ -6400,25 +5567,9 @@ packages:
   stubborn-fs@1.2.5:
     resolution: {integrity: sha512-H2N9c26eXjzL/S/K+i/RHHcFanE74dptvvjM8iwzwbVcWY/zjBbgRqF3K0DY4+OD+uTTASTBvDoxPDaPN02D7g==}
 
-  style-to-object@0.4.4:
-    resolution: {integrity: sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==}
-
   style-to-object@1.0.8:
     resolution: {integrity: sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==}
 
-  styled-jsx@5.1.1:
-    resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
-    engines: {node: '>= 12.0.0'}
-    peerDependencies:
-      '@babel/core': '*'
-      babel-plugin-macros: '*'
-      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0'
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      babel-plugin-macros:
-        optional: true
-
   styled-jsx@5.1.6:
     resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
     engines: {node: '>= 12.0.0'}
@@ -6449,11 +5600,8 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  tailwind-merge@2.5.2:
-    resolution: {integrity: sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg==}
-
-  tailwind-merge@2.5.4:
-    resolution: {integrity: sha512-0q8cfZHMu9nuYP/b5Shb7Y7Sh1B7Nnl5GqNr1U+n2p6+mybvRtayrQ+0042Z5byvTA8ihjlP8Odo8/VnHbZu4Q==}
+  tailwind-merge@2.6.0:
+    resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
 
   tailwind-variants@0.3.0:
     resolution: {integrity: sha512-ho2k5kn+LB1fT5XdNS3Clb96zieWxbStE9wNLK7D0AV64kdZMaYzAKo0fWl6fXLPY99ffF9oBJnIj5escEl/8A==}
@@ -6466,8 +5614,8 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
 
-  tailwindcss@3.4.13:
-    resolution: {integrity: sha512-KqjHOJKogOUt5Bs752ykCeiwvi0fKVkr5oqsFNt/8px/tA8scFPIlkygsf6jXrfCqGHz7VflA6+yytWuM+XhFw==}
+  tailwindcss@3.4.17:
+    resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
@@ -6545,11 +5693,11 @@ packages:
   trough@2.2.0:
     resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
 
-  ts-api-utils@1.3.0:
-    resolution: {integrity: sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==}
-    engines: {node: '>=16'}
+  ts-api-utils@2.0.0:
+    resolution: {integrity: sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ==}
+    engines: {node: '>=18.12'}
     peerDependencies:
-      typescript: '>=4.2.0'
+      typescript: '>=4.8.4'
 
   ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
@@ -6581,8 +5729,8 @@ packages:
     resolution: {integrity: sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==}
     engines: {node: '>=6'}
 
-  tslib@2.7.0:
-    resolution: {integrity: sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
   tsup@6.7.0:
     resolution: {integrity: sha512-L3o8hGkaHnu5TdJns+mCqFsDBo83bJ44rlK7e6VdanIvpea4ArPcU3swWGsLVbXak1PqQx/V+SSmFPujBK+zEQ==}
@@ -6600,43 +5748,43 @@ packages:
       typescript:
         optional: true
 
-  tsx@4.19.1:
-    resolution: {integrity: sha512-0flMz1lh74BR4wOvBjuh9olbnwqCPc35OOlfyzHba0Dc+QNUeWX/Gq2YTbnwcWPO3BMd8fkzRVrHcsR+a7z7rA==}
+  tsx@4.19.2:
+    resolution: {integrity: sha512-pOUl6Vo2LUq/bSa8S5q7b91cgNSjctn9ugq/+Mvow99qW6x/UZYwzxy/3NmqoT66eHYfCVvFvACC58UBPFf28g==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
-  turbo-darwin-64@2.1.3:
-    resolution: {integrity: sha512-ouJOm0g0YyoBuhmikEujVCBGo3Zr0lbSOWFIsQtWUTItC88F2w2byhjtsYGPXQwMlTbXwmoBU2lOCfWNkeEwHQ==}
+  turbo-darwin-64@2.3.3:
+    resolution: {integrity: sha512-bxX82xe6du/3rPmm4aCC5RdEilIN99VUld4HkFQuw+mvFg6darNBuQxyWSHZTtc25XgYjQrjsV05888w1grpaA==}
     cpu: [x64]
     os: [darwin]
 
-  turbo-darwin-arm64@2.1.3:
-    resolution: {integrity: sha512-j2FOJsK4LAOtHQlb3Oom0yWB/Vi0nF1ljInr311mVzHoFAJRZtfW2fRvdZRb/lBUwjSp8be58qWHzANIcrA0OA==}
+  turbo-darwin-arm64@2.3.3:
+    resolution: {integrity: sha512-DYbQwa3NsAuWkCUYVzfOUBbSUBVQzH5HWUFy2Kgi3fGjIWVZOFk86ss+xsWu//rlEAfYwEmopigsPYSmW4X15A==}
     cpu: [arm64]
     os: [darwin]
 
-  turbo-linux-64@2.1.3:
-    resolution: {integrity: sha512-ubRHkI1gSel7H7wsmxKK8C9UlLWqg/2dkCC88LFupaK6TKgvBKqDqA0Z1M9C/escK0Jsle2k0H8bybV9OYIl4Q==}
+  turbo-linux-64@2.3.3:
+    resolution: {integrity: sha512-eHj9OIB0dFaP6BxB88jSuaCLsOQSYWBgmhy2ErCu6D2GG6xW3b6e2UWHl/1Ho9FsTg4uVgo4DB9wGsKa5erjUA==}
     cpu: [x64]
     os: [linux]
 
-  turbo-linux-arm64@2.1.3:
-    resolution: {integrity: sha512-LffUL+e5wv7BtD6DgnM2kKOlDkMo2eRjhbAjVnrCD3wi2ug0tl6NDzajnHHjtaMyOnIf4AvzSKdLWsBxafGBQA==}
+  turbo-linux-arm64@2.3.3:
+    resolution: {integrity: sha512-NmDE/NjZoDj1UWBhMtOPmqFLEBKhzGS61KObfrDEbXvU3lekwHeoPvAMfcovzswzch+kN2DrtbNIlz+/rp8OCg==}
     cpu: [arm64]
     os: [linux]
 
-  turbo-windows-64@2.1.3:
-    resolution: {integrity: sha512-S9SvcZZoaq5jKr6kA6eF7/xgQhVn8Vh7PVy5lono9zybvhyL4eY++y2PaLToIgL8G9IcbLmgOC73ExNjFBg9XQ==}
+  turbo-windows-64@2.3.3:
+    resolution: {integrity: sha512-O2+BS4QqjK3dOERscXqv7N2GXNcqHr9hXumkMxDj/oGx9oCatIwnnwx34UmzodloSnJpgSqjl8iRWiY65SmYoQ==}
     cpu: [x64]
     os: [win32]
 
-  turbo-windows-arm64@2.1.3:
-    resolution: {integrity: sha512-twlEo8lRrGbrR6T/ZklUIquW3IlFCEtywklgVA81aIrSBm56+GEVpSrHhIlsx1hiYeSNrs+GpDwZGe+V7fvEVQ==}
+  turbo-windows-arm64@2.3.3:
+    resolution: {integrity: sha512-dW4ZK1r6XLPNYLIKjC4o87HxYidtRRcBeo/hZ9Wng2XM/MqqYkAyzJXJGgRMsc0MMEN9z4+ZIfnSNBrA0b08ag==}
     cpu: [arm64]
     os: [win32]
 
-  turbo@2.1.3:
-    resolution: {integrity: sha512-lY0yj2GH2a2a3NExZ3rGe+rHUVeFE2aXuRAue57n+08E7Z7N7YCmynju0kPC1grAQzERmoLpKrmzmWd+PNiADw==}
+  turbo@2.3.3:
+    resolution: {integrity: sha512-DUHWQAcC8BTiUZDRzAYGvpSpGLiaOQPfYXlCieQbwUvmml/LRGIe3raKdrOPOoiX0DYlzxs2nH6BoWJoZrj8hA==}
     hasBin: true
 
   type-check@0.4.0:
@@ -6663,28 +5811,28 @@ packages:
     resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
     engines: {node: '>=14.16'}
 
-  type-fest@4.26.1:
-    resolution: {integrity: sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==}
+  type-fest@4.32.0:
+    resolution: {integrity: sha512-rfgpoi08xagF3JSdtJlCwMq9DGNDE0IMh3Mkpc1wUypg9vPi786AiqeBBKcqvIkq42azsBM85N490fyZjeUftw==}
     engines: {node: '>=16'}
 
-  typed-array-buffer@1.0.2:
-    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
+  typed-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
 
-  typed-array-byte-length@1.0.1:
-    resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
+  typed-array-byte-length@1.0.3:
+    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
     engines: {node: '>= 0.4'}
 
-  typed-array-byte-offset@1.0.2:
-    resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
+  typed-array-byte-offset@1.0.4:
+    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
     engines: {node: '>= 0.4'}
 
-  typed-array-length@1.0.6:
-    resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
+  typed-array-length@1.0.7:
+    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
-  typescript@5.6.2:
-    resolution: {integrity: sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==}
+  typescript@5.7.3:
+    resolution: {integrity: sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -6692,8 +5840,9 @@ packages:
     resolution: {integrity: sha512-ZPtzy0hu4cZjv3z5NW9gfKnNLjoz4y6uv4HlelAjDK7sY/xOkKZv9xK/WQpcsBB3jEybChz9DPC2U/+cusjJVQ==}
     engines: {node: '>=18'}
 
-  unbox-primitive@1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+  unbox-primitive@1.1.0:
+    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
+    engines: {node: '>= 0.4'}
 
   undici-types@5.26.5:
     resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
@@ -6701,51 +5850,24 @@ packages:
   undici-types@6.19.8:
     resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
 
-  unified@10.1.2:
-    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
-
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
-  unist-util-generated@2.0.1:
-    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==}
-
-  unist-util-is@5.2.1:
-    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==}
-
   unist-util-is@6.0.0:
     resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
 
-  unist-util-position-from-estree@1.1.2:
-    resolution: {integrity: sha512-poZa0eXpS+/XpoQwGwl79UUdea4ol2ZuCYguVaJS4qzIOMDzbqz8a3erUCOmubSZkaOuGamb3tX790iwOIROww==}
-
   unist-util-position-from-estree@2.0.0:
     resolution: {integrity: sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ==}
 
-  unist-util-position@4.0.4:
-    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==}
-
   unist-util-position@5.0.0:
     resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
 
-  unist-util-remove-position@4.0.2:
-    resolution: {integrity: sha512-TkBb0HABNmxzAcfLf4qsIbFbaPDvMO6wa3b3j4VcEzFVaw1LBKwnW4/sRJ/atSLSzoIg41JWEdnE7N6DIhGDGQ==}
-
-  unist-util-stringify-position@3.0.3:
-    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
-
   unist-util-stringify-position@4.0.0:
     resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
 
-  unist-util-visit-parents@5.1.3:
-    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==}
-
   unist-util-visit-parents@6.0.1:
     resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
 
-  unist-util-visit@4.1.2:
-    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
-
   unist-util-visit@5.0.0:
     resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
 
@@ -6757,8 +5879,8 @@ packages:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
 
-  update-browserslist-db@1.1.1:
-    resolution: {integrity: sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==}
+  update-browserslist-db@1.1.2:
+    resolution: {integrity: sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
@@ -6766,39 +5888,34 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
-  use-callback-ref@1.3.2:
-    resolution: {integrity: sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==}
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
-  use-sidecar@1.1.2:
-    resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==}
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^16.9.0 || ^17.0.0 || ^18.0.0
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
-  use-sync-external-store@1.2.2:
-    resolution: {integrity: sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==}
+  use-sync-external-store@1.4.0:
+    resolution: {integrity: sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  uvu@0.5.6:
-    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
-    engines: {node: '>=8'}
-    hasBin: true
-
   v8-compile-cache-lib@3.0.1:
     resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
 
@@ -6808,18 +5925,9 @@ packages:
   validate-npm-package-name@3.0.0:
     resolution: {integrity: sha512-M6w37eVCMMouJ9V/sdPGnC5H4uDr73/+xdq0FBLO3TFFX1+7wiUY6Es328NN+y43tmY+doUdN9g9J21vqB7iLw==}
 
-  vfile-matter@3.0.1:
-    resolution: {integrity: sha512-CAAIDwnh6ZdtrqAuxdElUqQRQDQgbbIrYtDYI8gCjXS1qQ+1XdLoK8FIZWxJwn0/I+BkSSZpar3SOgjemQz4fg==}
-
-  vfile-message@3.1.4:
-    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==}
-
   vfile-message@4.0.2:
     resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==}
 
-  vfile@5.3.7:
-    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
-
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
@@ -6845,19 +5953,20 @@ packages:
   when-exit@2.1.3:
     resolution: {integrity: sha512-uVieSTccFIr/SFQdFWN/fFaQYmV37OKtuaGphMAzi4DmmUlrvRBJW5WSLkHyjNQY/ePJMz3LoiX9R3yy1Su6Hw==}
 
-  which-boxed-primitive@1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+  which-boxed-primitive@1.1.1:
+    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
+    engines: {node: '>= 0.4'}
 
-  which-builtin-type@1.1.4:
-    resolution: {integrity: sha512-bppkmBSsHFmIMSl8BO9TbsyzsvGjVoppt8xUiGzwiu/bhDCGxnpOKCxgqj6GuyHE0mINMDecBFPlOm2hzY084w==}
+  which-builtin-type@1.2.1:
+    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
     engines: {node: '>= 0.4'}
 
   which-collection@1.0.2:
     resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
     engines: {node: '>= 0.4'}
 
-  which-typed-array@1.1.15:
-    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
+  which-typed-array@1.1.18:
+    resolution: {integrity: sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==}
     engines: {node: '>= 0.4'}
 
   which@1.3.1:
@@ -6905,8 +6014,8 @@ packages:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
 
-  yaml@2.5.1:
-    resolution: {integrity: sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==}
+  yaml@2.7.0:
+    resolution: {integrity: sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==}
     engines: {node: '>= 14'}
     hasBin: true
 
@@ -6930,11 +6039,11 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  zod@3.23.8:
-    resolution: {integrity: sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==}
+  zod@3.24.1:
+    resolution: {integrity: sha512-muH7gBL9sI1nciMZV67X5fTKKBLtwpZ5VBp1vsOQzj1MhrBZ4wlVCm3gedKZWLp0Oyel8sIGfeiz54Su+OVT+A==}
 
-  zustand@4.5.5:
-    resolution: {integrity: sha512-+0PALYNJNgK6hldkgDq2vLrw5f6g/jCInz52n9RTpropGgeAf/ioFUCdtsjCqu4gNhW9D01rUQBROoRjdzyn2Q==}
+  zustand@4.5.6:
+    resolution: {integrity: sha512-ibr/n1hBzLLj5Y+yUcU7dYw8p6WnIVzdJbnX+1YpaScvZVF2ziugqHs+LAmHw4lWO9c/zRj+K1ncgWDQuthEdQ==}
     engines: {node: '>=12.7.0'}
     peerDependencies:
       '@types/react': '>=16.8'
@@ -6961,127 +6070,37 @@ snapshots:
       ciecam02: 0.4.6
       hsluv: 0.1.0
 
-  '@algolia/cache-browser-local-storage@4.24.0':
-    dependencies:
-      '@algolia/cache-common': 4.24.0
-    optional: true
-
-  '@algolia/cache-common@4.24.0':
-    optional: true
-
-  '@algolia/cache-in-memory@4.24.0':
-    dependencies:
-      '@algolia/cache-common': 4.24.0
-    optional: true
-
-  '@algolia/client-account@4.24.0':
-    dependencies:
-      '@algolia/client-common': 4.24.0
-      '@algolia/client-search': 4.24.0
-      '@algolia/transporter': 4.24.0
-    optional: true
-
-  '@algolia/client-analytics@4.24.0':
-    dependencies:
-      '@algolia/client-common': 4.24.0
-      '@algolia/client-search': 4.24.0
-      '@algolia/requester-common': 4.24.0
-      '@algolia/transporter': 4.24.0
-    optional: true
-
-  '@algolia/client-common@4.24.0':
-    dependencies:
-      '@algolia/requester-common': 4.24.0
-      '@algolia/transporter': 4.24.0
-    optional: true
-
-  '@algolia/client-personalization@4.24.0':
-    dependencies:
-      '@algolia/client-common': 4.24.0
-      '@algolia/requester-common': 4.24.0
-      '@algolia/transporter': 4.24.0
-    optional: true
-
-  '@algolia/client-search@4.24.0':
-    dependencies:
-      '@algolia/client-common': 4.24.0
-      '@algolia/requester-common': 4.24.0
-      '@algolia/transporter': 4.24.0
-    optional: true
-
-  '@algolia/logger-common@4.24.0':
-    optional: true
-
-  '@algolia/logger-console@4.24.0':
-    dependencies:
-      '@algolia/logger-common': 4.24.0
-    optional: true
-
-  '@algolia/recommend@4.24.0':
-    dependencies:
-      '@algolia/cache-browser-local-storage': 4.24.0
-      '@algolia/cache-common': 4.24.0
-      '@algolia/cache-in-memory': 4.24.0
-      '@algolia/client-common': 4.24.0
-      '@algolia/client-search': 4.24.0
-      '@algolia/logger-common': 4.24.0
-      '@algolia/logger-console': 4.24.0
-      '@algolia/requester-browser-xhr': 4.24.0
-      '@algolia/requester-common': 4.24.0
-      '@algolia/requester-node-http': 4.24.0
-      '@algolia/transporter': 4.24.0
-    optional: true
-
-  '@algolia/requester-browser-xhr@4.24.0':
-    dependencies:
-      '@algolia/requester-common': 4.24.0
-    optional: true
-
-  '@algolia/requester-common@4.24.0':
-    optional: true
-
-  '@algolia/requester-node-http@4.24.0':
-    dependencies:
-      '@algolia/requester-common': 4.24.0
-    optional: true
-
-  '@algolia/transporter@4.24.0':
-    dependencies:
-      '@algolia/cache-common': 4.24.0
-      '@algolia/logger-common': 4.24.0
-      '@algolia/requester-common': 4.24.0
-    optional: true
-
   '@alloc/quick-lru@5.2.0': {}
 
   '@ampproject/remapping@2.3.0':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
 
   '@antfu/ni@0.21.12': {}
 
-  '@babel/code-frame@7.24.7':
+  '@babel/code-frame@7.26.2':
     dependencies:
-      '@babel/highlight': 7.24.7
-      picocolors: 1.1.0
+      '@babel/helper-validator-identifier': 7.25.9
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
 
-  '@babel/compat-data@7.25.4': {}
+  '@babel/compat-data@7.26.3': {}
 
-  '@babel/core@7.25.2':
+  '@babel/core@7.26.0':
     dependencies:
       '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.25.6
-      '@babel/helper-compilation-targets': 7.25.2
-      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
-      '@babel/helpers': 7.25.6
-      '@babel/parser': 7.25.6
-      '@babel/template': 7.25.0
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/code-frame': 7.26.2
+      '@babel/generator': 7.26.3
+      '@babel/helper-compilation-targets': 7.25.9
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.0)
+      '@babel/helpers': 7.26.0
+      '@babel/parser': 7.26.3
+      '@babel/template': 7.25.9
+      '@babel/traverse': 7.26.4
+      '@babel/types': 7.26.3
       convert-source-map: 2.0.0
-      debug: 4.3.7
+      debug: 4.4.0
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -7090,203 +6109,188 @@ snapshots:
 
   '@babel/generator@7.17.7':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.3
       jsesc: 2.5.2
       source-map: 0.5.7
 
-  '@babel/generator@7.25.6':
+  '@babel/generator@7.26.3':
     dependencies:
-      '@babel/types': 7.25.6
-      '@jridgewell/gen-mapping': 0.3.5
+      '@babel/parser': 7.26.3
+      '@babel/types': 7.26.3
+      '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
-      jsesc: 2.5.2
+      jsesc: 3.1.0
 
-  '@babel/helper-annotate-as-pure@7.24.7':
+  '@babel/helper-annotate-as-pure@7.25.9':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.3
 
-  '@babel/helper-compilation-targets@7.25.2':
+  '@babel/helper-compilation-targets@7.25.9':
     dependencies:
-      '@babel/compat-data': 7.25.4
-      '@babel/helper-validator-option': 7.24.8
-      browserslist: 4.24.0
+      '@babel/compat-data': 7.26.3
+      '@babel/helper-validator-option': 7.25.9
+      browserslist: 4.24.4
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.25.4(@babel/core@7.25.2)':
+  '@babel/helper-create-class-features-plugin@7.25.9(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-member-expression-to-functions': 7.24.8
-      '@babel/helper-optimise-call-expression': 7.24.7
-      '@babel/helper-replace-supers': 7.25.0(@babel/core@7.25.2)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.26.0
+      '@babel/helper-annotate-as-pure': 7.25.9
+      '@babel/helper-member-expression-to-functions': 7.25.9
+      '@babel/helper-optimise-call-expression': 7.25.9
+      '@babel/helper-replace-supers': 7.25.9(@babel/core@7.26.0)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
+      '@babel/traverse': 7.26.4
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-environment-visitor@7.24.7':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.3
 
   '@babel/helper-function-name@7.24.7':
     dependencies:
-      '@babel/template': 7.25.0
-      '@babel/types': 7.25.6
+      '@babel/template': 7.25.9
+      '@babel/types': 7.26.3
 
   '@babel/helper-hoist-variables@7.24.7':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.3
 
-  '@babel/helper-member-expression-to-functions@7.24.8':
+  '@babel/helper-member-expression-to-functions@7.25.9':
     dependencies:
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/traverse': 7.26.4
+      '@babel/types': 7.26.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-imports@7.24.7':
+  '@babel/helper-module-imports@7.25.9':
     dependencies:
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/traverse': 7.26.4
+      '@babel/types': 7.26.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.25.2(@babel/core@7.25.2)':
+  '@babel/helper-module-transforms@7.26.0(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.24.7
-      '@babel/helper-simple-access': 7.24.7
-      '@babel/helper-validator-identifier': 7.24.7
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.26.0
+      '@babel/helper-module-imports': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
+      '@babel/traverse': 7.26.4
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-optimise-call-expression@7.24.7':
+  '@babel/helper-optimise-call-expression@7.25.9':
     dependencies:
-      '@babel/types': 7.25.6
-
-  '@babel/helper-plugin-utils@7.24.8': {}
+      '@babel/types': 7.26.3
 
-  '@babel/helper-replace-supers@7.25.0(@babel/core@7.25.2)':
-    dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-member-expression-to-functions': 7.24.8
-      '@babel/helper-optimise-call-expression': 7.24.7
-      '@babel/traverse': 7.25.6
-    transitivePeerDependencies:
-      - supports-color
+  '@babel/helper-plugin-utils@7.25.9': {}
 
-  '@babel/helper-simple-access@7.24.7':
+  '@babel/helper-replace-supers@7.25.9(@babel/core@7.26.0)':
     dependencies:
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/core': 7.26.0
+      '@babel/helper-member-expression-to-functions': 7.25.9
+      '@babel/helper-optimise-call-expression': 7.25.9
+      '@babel/traverse': 7.26.4
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-skip-transparent-expression-wrappers@7.24.7':
+  '@babel/helper-skip-transparent-expression-wrappers@7.25.9':
     dependencies:
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/traverse': 7.26.4
+      '@babel/types': 7.26.3
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-split-export-declaration@7.24.7':
     dependencies:
-      '@babel/types': 7.25.6
-
-  '@babel/helper-string-parser@7.24.8': {}
+      '@babel/types': 7.26.3
 
-  '@babel/helper-validator-identifier@7.24.7': {}
+  '@babel/helper-string-parser@7.25.9': {}
 
-  '@babel/helper-validator-option@7.24.8': {}
+  '@babel/helper-validator-identifier@7.25.9': {}
 
-  '@babel/helpers@7.25.6':
-    dependencies:
-      '@babel/template': 7.25.0
-      '@babel/types': 7.25.6
+  '@babel/helper-validator-option@7.25.9': {}
 
-  '@babel/highlight@7.24.7':
+  '@babel/helpers@7.26.0':
     dependencies:
-      '@babel/helper-validator-identifier': 7.24.7
-      chalk: 2.4.2
-      js-tokens: 4.0.0
-      picocolors: 1.1.0
+      '@babel/template': 7.25.9
+      '@babel/types': 7.26.3
 
-  '@babel/parser@7.25.6':
+  '@babel/parser@7.26.3':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.3
 
-  '@babel/plugin-syntax-typescript@7.25.4(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-typescript@7.25.9(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.26.0
+      '@babel/helper-plugin-utils': 7.25.9
 
-  '@babel/plugin-transform-typescript@7.25.2(@babel/core@7.25.2)':
+  '@babel/plugin-transform-typescript@7.26.3(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-create-class-features-plugin': 7.25.4(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
-      '@babel/plugin-syntax-typescript': 7.25.4(@babel/core@7.25.2)
+      '@babel/core': 7.26.0
+      '@babel/helper-annotate-as-pure': 7.25.9
+      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.0)
+      '@babel/helper-plugin-utils': 7.25.9
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
+      '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.26.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/runtime@7.25.6':
+  '@babel/runtime@7.26.0':
     dependencies:
       regenerator-runtime: 0.14.1
 
-  '@babel/template@7.25.0':
+  '@babel/template@7.25.9':
     dependencies:
-      '@babel/code-frame': 7.24.7
-      '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/code-frame': 7.26.2
+      '@babel/parser': 7.26.3
+      '@babel/types': 7.26.3
 
   '@babel/traverse@7.23.2':
     dependencies:
-      '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.25.6
+      '@babel/code-frame': 7.26.2
+      '@babel/generator': 7.26.3
       '@babel/helper-environment-visitor': 7.24.7
       '@babel/helper-function-name': 7.24.7
       '@babel/helper-hoist-variables': 7.24.7
       '@babel/helper-split-export-declaration': 7.24.7
-      '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
-      debug: 4.3.7
+      '@babel/parser': 7.26.3
+      '@babel/types': 7.26.3
+      debug: 4.4.0
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/traverse@7.25.6':
+  '@babel/traverse@7.26.4':
     dependencies:
-      '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.25.6
-      '@babel/parser': 7.25.6
-      '@babel/template': 7.25.0
-      '@babel/types': 7.25.6
-      debug: 4.3.7
+      '@babel/code-frame': 7.26.2
+      '@babel/generator': 7.26.3
+      '@babel/parser': 7.26.3
+      '@babel/template': 7.25.9
+      '@babel/types': 7.26.3
+      debug: 4.4.0
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
   '@babel/types@7.17.0':
     dependencies:
-      '@babel/helper-validator-identifier': 7.24.7
+      '@babel/helper-validator-identifier': 7.25.9
       to-fast-properties: 2.0.0
 
-  '@babel/types@7.25.6':
+  '@babel/types@7.26.3':
     dependencies:
-      '@babel/helper-string-parser': 7.24.8
-      '@babel/helper-validator-identifier': 7.24.7
-      to-fast-properties: 2.0.0
+      '@babel/helper-string-parser': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
 
-  '@changesets/apply-release-plan@7.0.5':
+  '@changesets/apply-release-plan@7.0.7':
     dependencies:
-      '@changesets/config': 3.0.3
+      '@changesets/config': 3.0.5
       '@changesets/get-version-range-type': 0.4.0
-      '@changesets/git': 3.0.1
+      '@changesets/git': 3.0.2
       '@changesets/should-skip-package': 0.1.1
       '@changesets/types': 6.0.0
       '@manypkg/get-packages': 1.1.3
@@ -7298,7 +6302,7 @@ snapshots:
       resolve-from: 5.0.0
       semver: 7.6.3
 
-  '@changesets/assemble-release-plan@6.0.4':
+  '@changesets/assemble-release-plan@6.0.5':
     dependencies:
       '@changesets/errors': 0.2.0
       '@changesets/get-dependents-graph': 2.1.2
@@ -7319,40 +6323,38 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@changesets/cli@2.27.8':
+  '@changesets/cli@2.27.11':
     dependencies:
-      '@changesets/apply-release-plan': 7.0.5
-      '@changesets/assemble-release-plan': 6.0.4
+      '@changesets/apply-release-plan': 7.0.7
+      '@changesets/assemble-release-plan': 6.0.5
       '@changesets/changelog-git': 0.2.0
-      '@changesets/config': 3.0.3
+      '@changesets/config': 3.0.5
       '@changesets/errors': 0.2.0
       '@changesets/get-dependents-graph': 2.1.2
-      '@changesets/get-release-plan': 4.0.4
-      '@changesets/git': 3.0.1
+      '@changesets/get-release-plan': 4.0.6
+      '@changesets/git': 3.0.2
       '@changesets/logger': 0.1.1
       '@changesets/pre': 2.0.1
-      '@changesets/read': 0.6.1
+      '@changesets/read': 0.6.2
       '@changesets/should-skip-package': 0.1.1
       '@changesets/types': 6.0.0
       '@changesets/write': 0.3.2
       '@manypkg/get-packages': 1.1.3
-      '@types/semver': 7.5.8
       ansi-colors: 4.1.3
       ci-info: 3.9.0
       enquirer: 2.4.1
       external-editor: 3.1.0
       fs-extra: 7.0.1
       mri: 1.2.0
-      outdent: 0.5.0
       p-limit: 2.3.0
-      package-manager-detector: 0.2.0
-      picocolors: 1.1.0
+      package-manager-detector: 0.2.8
+      picocolors: 1.1.1
       resolve-from: 5.0.0
       semver: 7.6.3
-      spawndamnit: 2.0.0
+      spawndamnit: 3.0.1
       term-size: 2.2.1
 
-  '@changesets/config@3.0.3':
+  '@changesets/config@3.0.5':
     dependencies:
       '@changesets/errors': 0.2.0
       '@changesets/get-dependents-graph': 2.1.2
@@ -7370,7 +6372,7 @@ snapshots:
     dependencies:
       '@changesets/types': 6.0.0
       '@manypkg/get-packages': 1.1.3
-      picocolors: 1.1.0
+      picocolors: 1.1.1
       semver: 7.6.3
 
   '@changesets/get-github-info@0.5.2':
@@ -7380,28 +6382,28 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@changesets/get-release-plan@4.0.4':
+  '@changesets/get-release-plan@4.0.6':
     dependencies:
-      '@changesets/assemble-release-plan': 6.0.4
-      '@changesets/config': 3.0.3
+      '@changesets/assemble-release-plan': 6.0.5
+      '@changesets/config': 3.0.5
       '@changesets/pre': 2.0.1
-      '@changesets/read': 0.6.1
+      '@changesets/read': 0.6.2
       '@changesets/types': 6.0.0
       '@manypkg/get-packages': 1.1.3
 
   '@changesets/get-version-range-type@0.4.0': {}
 
-  '@changesets/git@3.0.1':
+  '@changesets/git@3.0.2':
     dependencies:
       '@changesets/errors': 0.2.0
       '@manypkg/get-packages': 1.1.3
       is-subdir: 1.2.0
       micromatch: 4.0.8
-      spawndamnit: 2.0.0
+      spawndamnit: 3.0.1
 
   '@changesets/logger@0.1.1':
     dependencies:
-      picocolors: 1.1.0
+      picocolors: 1.1.1
 
   '@changesets/parse@0.4.0':
     dependencies:
@@ -7415,15 +6417,15 @@ snapshots:
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
 
-  '@changesets/read@0.6.1':
+  '@changesets/read@0.6.2':
     dependencies:
-      '@changesets/git': 3.0.1
+      '@changesets/git': 3.0.2
       '@changesets/logger': 0.1.1
       '@changesets/parse': 0.4.0
       '@changesets/types': 6.0.0
       fs-extra: 7.0.1
       p-filter: 2.1.0
-      picocolors: 1.1.0
+      picocolors: 1.1.1
 
   '@changesets/should-skip-package@0.1.1':
     dependencies:
@@ -7504,14 +6506,14 @@ snapshots:
       '@commitlint/types': 17.8.1
       '@types/node': 20.5.1
       chalk: 4.1.2
-      cosmiconfig: 8.3.6(typescript@5.6.2)
-      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.6.2))(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.6.2))(typescript@5.6.2)
+      cosmiconfig: 8.3.6(typescript@5.7.3)
+      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.7.3))(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.7.3))(typescript@5.7.3)
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       lodash.uniq: 4.5.0
       resolve-from: 5.0.0
-      ts-node: 10.9.2(@types/node@20.5.1)(typescript@5.6.2)
-      typescript: 5.6.2
+      ts-node: 10.9.2(@types/node@20.5.1)(typescript@5.7.3)
+      typescript: 5.7.3
     transitivePeerDependencies:
       - '@swc/core'
       - '@swc/wasm'
@@ -7563,15 +6565,15 @@ snapshots:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
 
-  '@emnapi/runtime@1.2.0':
+  '@emnapi/runtime@1.3.1':
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.1
     optional: true
 
   '@esbuild/aix-ppc64@0.23.1':
     optional: true
 
-  '@esbuild/aix-ppc64@0.24.0':
+  '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
   '@esbuild/android-arm64@0.17.19':
@@ -7580,7 +6582,7 @@ snapshots:
   '@esbuild/android-arm64@0.23.1':
     optional: true
 
-  '@esbuild/android-arm64@0.24.0':
+  '@esbuild/android-arm64@0.24.2':
     optional: true
 
   '@esbuild/android-arm@0.17.19':
@@ -7589,7 +6591,7 @@ snapshots:
   '@esbuild/android-arm@0.23.1':
     optional: true
 
-  '@esbuild/android-arm@0.24.0':
+  '@esbuild/android-arm@0.24.2':
     optional: true
 
   '@esbuild/android-x64@0.17.19':
@@ -7598,7 +6600,7 @@ snapshots:
   '@esbuild/android-x64@0.23.1':
     optional: true
 
-  '@esbuild/android-x64@0.24.0':
+  '@esbuild/android-x64@0.24.2':
     optional: true
 
   '@esbuild/darwin-arm64@0.17.19':
@@ -7607,7 +6609,7 @@ snapshots:
   '@esbuild/darwin-arm64@0.23.1':
     optional: true
 
-  '@esbuild/darwin-arm64@0.24.0':
+  '@esbuild/darwin-arm64@0.24.2':
     optional: true
 
   '@esbuild/darwin-x64@0.17.19':
@@ -7616,7 +6618,7 @@ snapshots:
   '@esbuild/darwin-x64@0.23.1':
     optional: true
 
-  '@esbuild/darwin-x64@0.24.0':
+  '@esbuild/darwin-x64@0.24.2':
     optional: true
 
   '@esbuild/freebsd-arm64@0.17.19':
@@ -7625,7 +6627,7 @@ snapshots:
   '@esbuild/freebsd-arm64@0.23.1':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.24.0':
+  '@esbuild/freebsd-arm64@0.24.2':
     optional: true
 
   '@esbuild/freebsd-x64@0.17.19':
@@ -7634,7 +6636,7 @@ snapshots:
   '@esbuild/freebsd-x64@0.23.1':
     optional: true
 
-  '@esbuild/freebsd-x64@0.24.0':
+  '@esbuild/freebsd-x64@0.24.2':
     optional: true
 
   '@esbuild/linux-arm64@0.17.19':
@@ -7643,7 +6645,7 @@ snapshots:
   '@esbuild/linux-arm64@0.23.1':
     optional: true
 
-  '@esbuild/linux-arm64@0.24.0':
+  '@esbuild/linux-arm64@0.24.2':
     optional: true
 
   '@esbuild/linux-arm@0.17.19':
@@ -7652,7 +6654,7 @@ snapshots:
   '@esbuild/linux-arm@0.23.1':
     optional: true
 
-  '@esbuild/linux-arm@0.24.0':
+  '@esbuild/linux-arm@0.24.2':
     optional: true
 
   '@esbuild/linux-ia32@0.17.19':
@@ -7661,7 +6663,7 @@ snapshots:
   '@esbuild/linux-ia32@0.23.1':
     optional: true
 
-  '@esbuild/linux-ia32@0.24.0':
+  '@esbuild/linux-ia32@0.24.2':
     optional: true
 
   '@esbuild/linux-loong64@0.17.19':
@@ -7670,7 +6672,7 @@ snapshots:
   '@esbuild/linux-loong64@0.23.1':
     optional: true
 
-  '@esbuild/linux-loong64@0.24.0':
+  '@esbuild/linux-loong64@0.24.2':
     optional: true
 
   '@esbuild/linux-mips64el@0.17.19':
@@ -7679,7 +6681,7 @@ snapshots:
   '@esbuild/linux-mips64el@0.23.1':
     optional: true
 
-  '@esbuild/linux-mips64el@0.24.0':
+  '@esbuild/linux-mips64el@0.24.2':
     optional: true
 
   '@esbuild/linux-ppc64@0.17.19':
@@ -7688,7 +6690,7 @@ snapshots:
   '@esbuild/linux-ppc64@0.23.1':
     optional: true
 
-  '@esbuild/linux-ppc64@0.24.0':
+  '@esbuild/linux-ppc64@0.24.2':
     optional: true
 
   '@esbuild/linux-riscv64@0.17.19':
@@ -7697,7 +6699,7 @@ snapshots:
   '@esbuild/linux-riscv64@0.23.1':
     optional: true
 
-  '@esbuild/linux-riscv64@0.24.0':
+  '@esbuild/linux-riscv64@0.24.2':
     optional: true
 
   '@esbuild/linux-s390x@0.17.19':
@@ -7706,7 +6708,7 @@ snapshots:
   '@esbuild/linux-s390x@0.23.1':
     optional: true
 
-  '@esbuild/linux-s390x@0.24.0':
+  '@esbuild/linux-s390x@0.24.2':
     optional: true
 
   '@esbuild/linux-x64@0.17.19':
@@ -7715,7 +6717,10 @@ snapshots:
   '@esbuild/linux-x64@0.23.1':
     optional: true
 
-  '@esbuild/linux-x64@0.24.0':
+  '@esbuild/linux-x64@0.24.2':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.24.2':
     optional: true
 
   '@esbuild/netbsd-x64@0.17.19':
@@ -7724,13 +6729,13 @@ snapshots:
   '@esbuild/netbsd-x64@0.23.1':
     optional: true
 
-  '@esbuild/netbsd-x64@0.24.0':
+  '@esbuild/netbsd-x64@0.24.2':
     optional: true
 
   '@esbuild/openbsd-arm64@0.23.1':
     optional: true
 
-  '@esbuild/openbsd-arm64@0.24.0':
+  '@esbuild/openbsd-arm64@0.24.2':
     optional: true
 
   '@esbuild/openbsd-x64@0.17.19':
@@ -7739,7 +6744,7 @@ snapshots:
   '@esbuild/openbsd-x64@0.23.1':
     optional: true
 
-  '@esbuild/openbsd-x64@0.24.0':
+  '@esbuild/openbsd-x64@0.24.2':
     optional: true
 
   '@esbuild/sunos-x64@0.17.19':
@@ -7748,7 +6753,7 @@ snapshots:
   '@esbuild/sunos-x64@0.23.1':
     optional: true
 
-  '@esbuild/sunos-x64@0.24.0':
+  '@esbuild/sunos-x64@0.24.2':
     optional: true
 
   '@esbuild/win32-arm64@0.17.19':
@@ -7757,7 +6762,7 @@ snapshots:
   '@esbuild/win32-arm64@0.23.1':
     optional: true
 
-  '@esbuild/win32-arm64@0.24.0':
+  '@esbuild/win32-arm64@0.24.2':
     optional: true
 
   '@esbuild/win32-ia32@0.17.19':
@@ -7766,7 +6771,7 @@ snapshots:
   '@esbuild/win32-ia32@0.23.1':
     optional: true
 
-  '@esbuild/win32-ia32@0.24.0':
+  '@esbuild/win32-ia32@0.24.2':
     optional: true
 
   '@esbuild/win32-x64@0.17.19':
@@ -7775,20 +6780,20 @@ snapshots:
   '@esbuild/win32-x64@0.23.1':
     optional: true
 
-  '@esbuild/win32-x64@0.24.0':
+  '@esbuild/win32-x64@0.24.2':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.1)':
+  '@eslint-community/eslint-utils@4.4.1(eslint@8.57.1)':
     dependencies:
       eslint: 8.57.1
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.11.1': {}
+  '@eslint-community/regexpp@4.12.1': {}
 
   '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.7
+      debug: 4.4.0
       espree: 9.6.1
       globals: 13.24.0
       ignore: 5.3.2
@@ -7801,38 +6806,36 @@ snapshots:
 
   '@eslint/js@8.57.1': {}
 
-  '@formatjs/ecma402-abstract@2.0.0':
-    dependencies:
-      '@formatjs/intl-localematcher': 0.5.4
-      tslib: 2.7.0
-
-  '@formatjs/fast-memoize@2.2.0':
+  '@formatjs/ecma402-abstract@2.3.2':
     dependencies:
-      tslib: 2.7.0
+      '@formatjs/fast-memoize': 2.2.6
+      '@formatjs/intl-localematcher': 0.5.10
+      decimal.js: 10.4.3
+      tslib: 2.8.1
 
-  '@formatjs/icu-messageformat-parser@2.7.8':
+  '@formatjs/fast-memoize@2.2.6':
     dependencies:
-      '@formatjs/ecma402-abstract': 2.0.0
-      '@formatjs/icu-skeleton-parser': 1.8.2
-      tslib: 2.7.0
+      tslib: 2.8.1
 
-  '@formatjs/icu-skeleton-parser@1.8.2':
+  '@formatjs/icu-messageformat-parser@2.9.8':
     dependencies:
-      '@formatjs/ecma402-abstract': 2.0.0
-      tslib: 2.7.0
+      '@formatjs/ecma402-abstract': 2.3.2
+      '@formatjs/icu-skeleton-parser': 1.8.12
+      tslib: 2.8.1
 
-  '@formatjs/intl-localematcher@0.5.4':
+  '@formatjs/icu-skeleton-parser@1.8.12':
     dependencies:
-      tslib: 2.7.0
+      '@formatjs/ecma402-abstract': 2.3.2
+      tslib: 2.8.1
 
-  '@formatjs/intl-localematcher@0.5.6':
+  '@formatjs/intl-localematcher@0.5.10':
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.1
 
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.3.7
+      debug: 4.4.0
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -7907,7 +6910,7 @@ snapshots:
 
   '@img/sharp-wasm32@0.33.5':
     dependencies:
-      '@emnapi/runtime': 1.2.0
+      '@emnapi/runtime': 1.3.1
     optional: true
 
   '@img/sharp-win32-ia32@0.33.5':
@@ -7916,39 +6919,22 @@ snapshots:
   '@img/sharp-win32-x64@0.33.5':
     optional: true
 
-  '@internationalized/date@3.5.6':
-    dependencies:
-      '@swc/helpers': 0.5.13
-
   '@internationalized/date@3.6.0':
     dependencies:
-      '@swc/helpers': 0.5.13
-
-  '@internationalized/message@3.1.5':
-    dependencies:
-      '@swc/helpers': 0.5.13
-      intl-messageformat: 10.5.14
+      '@swc/helpers': 0.5.15
 
   '@internationalized/message@3.1.6':
     dependencies:
-      '@swc/helpers': 0.5.13
-      intl-messageformat: 10.5.14
-
-  '@internationalized/number@3.5.4':
-    dependencies:
-      '@swc/helpers': 0.5.13
+      '@swc/helpers': 0.5.15
+      intl-messageformat: 10.7.11
 
   '@internationalized/number@3.6.0':
     dependencies:
-      '@swc/helpers': 0.5.13
-
-  '@internationalized/string@3.2.4':
-    dependencies:
-      '@swc/helpers': 0.5.13
+      '@swc/helpers': 0.5.15
 
   '@internationalized/string@3.2.5':
     dependencies:
-      '@swc/helpers': 0.5.13
+      '@swc/helpers': 0.5.15
 
   '@isaacs/cliui@8.0.2':
     dependencies:
@@ -7963,7 +6949,7 @@ snapshots:
     dependencies:
       minipass: 7.1.2
 
-  '@jridgewell/gen-mapping@0.3.5':
+  '@jridgewell/gen-mapping@0.3.8':
     dependencies:
       '@jridgewell/set-array': 1.2.1
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -8003,7 +6989,7 @@ snapshots:
 
   '@manypkg/find-root@1.1.0':
     dependencies:
-      '@babel/runtime': 7.25.6
+      '@babel/runtime': 7.26.0
       '@types/node': 12.20.55
       find-up: 4.1.0
       fs-extra: 8.1.0
@@ -8014,7 +7000,7 @@ snapshots:
 
   '@manypkg/get-packages@1.1.3':
     dependencies:
-      '@babel/runtime': 7.25.6
+      '@babel/runtime': 7.26.0
       '@changesets/types': 4.1.0
       '@manypkg/find-root': 1.1.0
       fs-extra: 8.1.0
@@ -8028,33 +7014,11 @@ snapshots:
 
   '@manypkg/tools@1.1.2':
     dependencies:
-      fast-glob: 3.3.2
+      fast-glob: 3.3.3
       jju: 1.4.0
       js-yaml: 4.1.0
 
-  '@mdx-js/mdx@2.3.0':
-    dependencies:
-      '@types/estree-jsx': 1.0.5
-      '@types/mdx': 2.0.13
-      estree-util-build-jsx: 2.2.2
-      estree-util-is-identifier-name: 2.1.0
-      estree-util-to-js: 1.2.0
-      estree-walker: 3.0.3
-      hast-util-to-estree: 2.3.3
-      markdown-extensions: 1.1.1
-      periscopic: 3.1.0
-      remark-mdx: 2.3.0
-      remark-parse: 10.0.2
-      remark-rehype: 10.1.0
-      unified: 10.1.2
-      unist-util-position-from-estree: 1.1.2
-      unist-util-stringify-position: 3.0.3
-      unist-util-visit: 4.1.2
-      vfile: 5.3.7
-    transitivePeerDependencies:
-      - supports-color
-
-  '@mdx-js/mdx@3.1.0(acorn@8.12.1)':
+  '@mdx-js/mdx@3.1.0(acorn@8.14.0)':
     dependencies:
       '@types/estree': 1.0.6
       '@types/estree-jsx': 1.0.5
@@ -8065,13 +7029,13 @@ snapshots:
       estree-util-is-identifier-name: 3.0.0
       estree-util-scope: 1.0.0
       estree-walker: 3.0.3
-      hast-util-to-jsx-runtime: 2.3.0
+      hast-util-to-jsx-runtime: 2.3.2
       markdown-extensions: 2.0.0
       recma-build-jsx: 1.0.0
-      recma-jsx: 1.0.0(acorn@8.12.1)
+      recma-jsx: 1.0.0(acorn@8.14.0)
       recma-stringify: 1.0.0
       rehype-recma: 1.0.0
-      remark-mdx: 3.0.1
+      remark-mdx: 3.1.0
       remark-parse: 11.0.0
       remark-rehype: 11.1.1
       source-map: 0.7.4
@@ -8084,70 +7048,34 @@ snapshots:
       - acorn
       - supports-color
 
-  '@mdx-js/react@2.3.0(react@18.3.1)':
-    dependencies:
-      '@types/mdx': 2.0.13
-      '@types/react': 18.3.10
-      react: 18.3.1
-
-  '@next/env@14.2.14': {}
-
-  '@next/env@15.0.0':
-    optional: true
-
-  '@next/eslint-plugin-next@14.2.13':
-    dependencies:
-      glob: 10.3.10
-
-  '@next/swc-darwin-arm64@14.2.14':
-    optional: true
-
-  '@next/swc-darwin-arm64@15.0.0':
-    optional: true
-
-  '@next/swc-darwin-x64@14.2.14':
-    optional: true
-
-  '@next/swc-darwin-x64@15.0.0':
-    optional: true
-
-  '@next/swc-linux-arm64-gnu@14.2.14':
-    optional: true
-
-  '@next/swc-linux-arm64-gnu@15.0.0':
-    optional: true
-
-  '@next/swc-linux-arm64-musl@14.2.14':
-    optional: true
-
-  '@next/swc-linux-arm64-musl@15.0.0':
-    optional: true
+  '@next/env@15.1.4': {}
 
-  '@next/swc-linux-x64-gnu@14.2.14':
-    optional: true
+  '@next/eslint-plugin-next@14.2.23':
+    dependencies:
+      glob: 10.3.10
 
-  '@next/swc-linux-x64-gnu@15.0.0':
+  '@next/swc-darwin-arm64@15.1.4':
     optional: true
 
-  '@next/swc-linux-x64-musl@14.2.14':
+  '@next/swc-darwin-x64@15.1.4':
     optional: true
 
-  '@next/swc-linux-x64-musl@15.0.0':
+  '@next/swc-linux-arm64-gnu@15.1.4':
     optional: true
 
-  '@next/swc-win32-arm64-msvc@14.2.14':
+  '@next/swc-linux-arm64-musl@15.1.4':
     optional: true
 
-  '@next/swc-win32-arm64-msvc@15.0.0':
+  '@next/swc-linux-x64-gnu@15.1.4':
     optional: true
 
-  '@next/swc-win32-ia32-msvc@14.2.14':
+  '@next/swc-linux-x64-musl@15.1.4':
     optional: true
 
-  '@next/swc-win32-x64-msvc@14.2.14':
+  '@next/swc-win32-arm64-msvc@15.1.4':
     optional: true
 
-  '@next/swc-win32-x64-msvc@15.0.0':
+  '@next/swc-win32-x64-msvc@15.1.4':
     optional: true
 
   '@nodelib/fs.scandir@2.1.5':
@@ -8160,11 +7088,35 @@ snapshots:
   '@nodelib/fs.walk@1.2.8':
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.17.1
+      fastq: 1.18.0
 
   '@nolyfill/is-core-module@1.0.39': {}
 
-  '@orama/orama@3.0.1': {}
+  '@orama/orama@2.1.1': {}
+
+  '@oxc-transform/binding-darwin-arm64@0.43.0':
+    optional: true
+
+  '@oxc-transform/binding-darwin-x64@0.43.0':
+    optional: true
+
+  '@oxc-transform/binding-linux-arm64-gnu@0.43.0':
+    optional: true
+
+  '@oxc-transform/binding-linux-arm64-musl@0.43.0':
+    optional: true
+
+  '@oxc-transform/binding-linux-x64-gnu@0.43.0':
+    optional: true
+
+  '@oxc-transform/binding-linux-x64-musl@0.43.0':
+    optional: true
+
+  '@oxc-transform/binding-win32-arm64-msvc@0.43.0':
+    optional: true
+
+  '@oxc-transform/binding-win32-x64-msvc@0.43.0':
+    optional: true
 
   '@pkgjs/parseargs@0.11.0':
     optional: true
@@ -8183,2218 +7135,1208 @@ snapshots:
 
   '@radix-ui/number@1.1.0': {}
 
-  '@radix-ui/primitive@1.0.1':
-    dependencies:
-      '@babel/runtime': 7.25.6
-
-  '@radix-ui/primitive@1.1.0': {}
-
-  '@radix-ui/react-aspect-ratio@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
-
-  '@radix-ui/react-collapsible@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
+  '@radix-ui/primitive@1.1.1': {}
 
-  '@radix-ui/react-compose-refs@1.0.1(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-aspect-ratio@1.1.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      react: 18.3.1
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
-
-  '@radix-ui/react-compose-refs@1.1.0(@types/react@18.3.10)(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
+      '@types/react': 19.0.4
+      '@types/react-dom': 19.0.2(@types/react@19.0.4)
+
+  '@radix-ui/react-collapsible@1.1.2(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-id': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.2(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
+      '@types/react-dom': 19.0.2(@types/react@19.0.4)
 
-  '@radix-ui/react-context@1.0.1(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-compose-refs@1.1.1(@types/react@19.0.4)(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      react: 18.3.1
+      react: 19.0.0
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  '@radix-ui/react-context@1.1.0(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-context@1.1.1(@types/react@19.0.4)(react@19.0.0)':
     dependencies:
-      react: 18.3.1
+      react: 19.0.0
     optionalDependencies:
-      '@types/react': 18.3.10
-
-  '@radix-ui/react-dialog@1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.25.6
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.10)(react@18.3.1)
+      '@types/react': 19.0.4
+
+  '@radix-ui/react-dialog@1.1.4(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.3(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-focus-guards': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-focus-scope': 1.1.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-id': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-portal': 1.1.3(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.2(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@19.0.4)(react@19.0.0)
       aria-hidden: 1.2.4
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.5(@types/react@18.3.10)(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
-
-  '@radix-ui/react-direction@1.1.0(@types/react@18.3.10)(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.10
-
-  '@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.25.6
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      react-remove-scroll: 2.6.2(@types/react@19.0.4)(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
+      '@types/react': 19.0.4
+      '@types/react-dom': 19.0.2(@types/react@19.0.4)
 
-  '@radix-ui/react-focus-guards@1.0.1(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-direction@1.1.0(@types/react@19.0.4)(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      react: 18.3.1
+      react: 19.0.0
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  '@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dismissable-layer@1.1.3(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-use-escape-keydown': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
+      '@types/react': 19.0.4
+      '@types/react-dom': 19.0.2(@types/react@19.0.4)
 
-  '@radix-ui/react-id@1.0.1(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-focus-guards@1.1.1(@types/react@19.0.4)(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
+      react: 19.0.0
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  '@radix-ui/react-id@1.1.0(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-focus-scope@1.1.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
+      '@types/react-dom': 19.0.2(@types/react@19.0.4)
 
-  '@radix-ui/react-portal@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-id@1.1.0(@types/react@19.0.4)(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
     optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
+      '@types/react': 19.0.4
 
-  '@radix-ui/react-presence@1.0.1(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-portal@1.1.3(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
+      '@types/react': 19.0.4
+      '@types/react-dom': 19.0.2(@types/react@19.0.4)
 
-  '@radix-ui/react-presence@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-presence@1.1.2(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
+      '@types/react': 19.0.4
+      '@types/react-dom': 19.0.2(@types/react@19.0.4)
 
-  '@radix-ui/react-primitive@1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-primitive@2.0.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
+      '@types/react': 19.0.4
+      '@types/react-dom': 19.0.2(@types/react@19.0.4)
 
-  '@radix-ui/react-primitive@2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
-
-  '@radix-ui/react-scroll-area@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-scroll-area@1.2.2(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@radix-ui/number': 1.1.0
-      '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.10
-      '@types/react-dom': 18.3.0
-
-  '@radix-ui/react-slot@1.0.2(@types/react@18.3.10)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.25.6
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.2(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
+      '@types/react-dom': 19.0.2(@types/react@19.0.4)
 
-  '@radix-ui/react-slot@1.1.0(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-slot@1.1.1(@types/react@19.0.4)(react@19.0.0)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  '@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-use-callback-ref@1.1.0(@types/react@19.0.4)(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      react: 18.3.1
+      react: 19.0.0
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  '@radix-ui/react-use-callback-ref@1.1.0(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-use-controllable-state@1.1.0(@types/react@19.0.4)(react@19.0.0)':
     dependencies:
-      react: 18.3.1
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  '@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-use-escape-keydown@1.1.0(@types/react@19.0.4)(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      react: 19.0.0
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  '@radix-ui/react-use-controllable-state@1.1.0(@types/react@18.3.10)(react@18.3.1)':
+  '@radix-ui/react-use-layout-effect@1.1.0(@types/react@19.0.4)(react@19.0.0)':
     dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
+      react: 19.0.0
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  '@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.3.10)(react@18.3.1)':
+  '@react-aria/breadcrumbs@3.5.19(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.10)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.10
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/link': 3.7.7(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/breadcrumbs': 3.7.9(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.3.10)(react@18.3.1)':
+  '@react-aria/button@3.11.0(react@19.0.0)':
     dependencies:
-      '@babel/runtime': 7.25.6
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.10
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/toolbar': 3.0.0-beta.11(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/toggle': 3.8.0(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@radix-ui/react-use-layout-effect@1.1.0(@types/react@18.3.10)(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.10
-
-  '@react-aria/breadcrumbs@3.5.17(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/link': 3.7.5(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/breadcrumbs': 3.7.8(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/breadcrumbs@3.5.19(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/link': 3.7.7(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/breadcrumbs': 3.7.9(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/button@3.10.0(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/toggle': 3.7.8(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/button@3.11.0(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/toolbar': 3.0.0-beta.11(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/toggle': 3.8.0(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/calendar@3.5.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@internationalized/date': 3.5.6
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/calendar': 3.5.5(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/calendar': 3.4.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/calendar@3.6.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@react-aria/calendar@3.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/calendar': 3.6.0(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/calendar': 3.5.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/checkbox@3.14.7(react@18.3.1)':
-    dependencies:
-      '@react-aria/form': 3.0.9(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/toggle': 3.10.8(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/checkbox': 3.6.9(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/toggle': 3.7.8(react@18.3.1)
-      '@react-types/checkbox': 3.8.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/checkbox@3.15.0(react@18.3.1)':
-    dependencies:
-      '@react-aria/form': 3.0.11(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/label': 3.7.13(react@18.3.1)
-      '@react-aria/toggle': 3.10.10(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/checkbox': 3.6.10(react@18.3.1)
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/toggle': 3.8.0(react@18.3.1)
-      '@react-types/checkbox': 3.9.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/collections@3.0.0-alpha.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/ssr': 3.9.7(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      use-sync-external-store: 1.2.2(react@18.3.1)
-
-  '@react-aria/color@3.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/numberfield': 3.11.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/slider': 3.7.12(react@18.3.1)
-      '@react-aria/spinbutton': 3.6.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.14.9(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.16(react@18.3.1)
-      '@react-stately/color': 3.8.0(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-types/color': 3.0.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/color@3.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/numberfield': 3.11.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/slider': 3.7.14(react@18.3.1)
-      '@react-aria/spinbutton': 3.6.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.15.0(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.18(react@18.3.1)
-      '@react-stately/color': 3.8.1(react@18.3.1)
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-types/color': 3.0.1(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/combobox@3.10.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/listbox': 3.13.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/menu': 3.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/overlays': 3.23.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.14.9(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/combobox': 3.10.0(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/combobox': 3.13.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/combobox@3.11.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/listbox': 3.13.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/calendar': 3.6.0(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/calendar': 3.5.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/checkbox@3.15.0(react@19.0.0)':
+    dependencies:
+      '@react-aria/form': 3.0.11(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/label': 3.7.13(react@19.0.0)
+      '@react-aria/toggle': 3.10.10(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/checkbox': 3.6.10(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/toggle': 3.8.0(react@19.0.0)
+      '@react-types/checkbox': 3.9.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/collections@3.0.0-alpha.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      use-sync-external-store: 1.4.0(react@19.0.0)
+
+  '@react-aria/color@3.0.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/numberfield': 3.11.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/slider': 3.7.14(react@19.0.0)
+      '@react-aria/spinbutton': 3.6.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.15.0(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.18(react@19.0.0)
+      '@react-stately/color': 3.8.1(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-types/color': 3.0.1(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/combobox@3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/listbox': 3.13.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/menu': 3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/overlays': 3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.15.0(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/combobox': 3.10.1(react@18.3.1)
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/combobox': 3.13.1(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/datepicker@3.11.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@internationalized/date': 3.5.6
-      '@internationalized/number': 3.5.4
-      '@internationalized/string': 3.2.4
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/form': 3.0.9(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/spinbutton': 3.6.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/datepicker': 3.10.3(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/calendar': 3.4.10(react@18.3.1)
-      '@react-types/datepicker': 3.8.3(react@18.3.1)
-      '@react-types/dialog': 3.5.13(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/datepicker@3.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+      '@react-aria/menu': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/overlays': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.15.0(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/combobox': 3.10.1(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/combobox': 3.13.1(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/datepicker@3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
       '@internationalized/number': 3.6.0
       '@internationalized/string': 3.2.5
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/form': 3.0.11(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/label': 3.7.13(react@18.3.1)
-      '@react-aria/spinbutton': 3.6.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/datepicker': 3.11.0(react@18.3.1)
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/calendar': 3.5.0(react@18.3.1)
-      '@react-types/datepicker': 3.9.0(react@18.3.1)
-      '@react-types/dialog': 3.5.14(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/dialog@3.5.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/overlays': 3.23.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/dialog': 3.5.13(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/dialog@3.5.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/overlays': 3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/dialog': 3.5.14(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/disclosure@3.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/ssr': 3.9.7(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/disclosure': 3.0.0(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/dnd@3.7.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@internationalized/string': 3.2.4
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/overlays': 3.23.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/dnd': 3.4.3(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/dnd@3.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/form': 3.0.11(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/label': 3.7.13(react@19.0.0)
+      '@react-aria/spinbutton': 3.6.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/datepicker': 3.11.0(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/calendar': 3.5.0(react@19.0.0)
+      '@react-types/datepicker': 3.9.0(react@19.0.0)
+      '@react-types/dialog': 3.5.14(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/dialog@3.5.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/overlays': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/dialog': 3.5.14(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/disclosure@3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/disclosure': 3.0.0(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/dnd@3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@internationalized/string': 3.2.5
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/overlays': 3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/dnd': 3.5.0(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/focus@3.18.3(react@18.3.1)':
-    dependencies:
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
+      '@react-aria/overlays': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/dnd': 3.5.0(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/focus@3.19.0(react@19.0.0)':
+    dependencies:
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
       clsx: 2.1.1
-      react: 18.3.1
+      react: 19.0.0
 
-  '@react-aria/focus@3.18.4(react@18.3.1)':
+  '@react-aria/form@3.0.11(react@19.0.0)':
     dependencies:
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      clsx: 2.1.1
-      react: 18.3.1
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-aria/focus@3.19.0(react@18.3.1)':
+  '@react-aria/grid@3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      clsx: 2.1.1
-      react: 18.3.1
-
-  '@react-aria/form@3.0.11(react@18.3.1)':
-    dependencies:
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/form@3.0.9(react@18.3.1)':
-    dependencies:
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/grid@3.10.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/selection': 3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/grid': 3.9.3(react@18.3.1)
-      '@react-stately/selection': 3.17.0(react@18.3.1)
-      '@react-types/checkbox': 3.8.4(react@18.3.1)
-      '@react-types/grid': 3.2.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/grid@3.11.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/grid': 3.10.0(react@18.3.1)
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-types/checkbox': 3.9.0(react@18.3.1)
-      '@react-types/grid': 3.2.10(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/gridlist@3.10.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/grid': 3.11.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/list': 3.11.1(react@18.3.1)
-      '@react-stately/tree': 3.8.6(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/gridlist@3.9.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/grid': 3.10.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/selection': 3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/list': 3.11.0(react@18.3.1)
-      '@react-stately/tree': 3.8.5(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/i18n@3.12.3(react@18.3.1)':
-    dependencies:
-      '@internationalized/date': 3.5.6
-      '@internationalized/message': 3.1.5
-      '@internationalized/number': 3.5.4
-      '@internationalized/string': 3.2.4
-      '@react-aria/ssr': 3.9.6(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/i18n@3.12.4(react@18.3.1)':
+      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/grid': 3.10.0(react@19.0.0)
+      '@react-stately/selection': 3.18.0(react@19.0.0)
+      '@react-types/checkbox': 3.9.0(react@19.0.0)
+      '@react-types/grid': 3.2.10(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/gridlist@3.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/grid': 3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/list': 3.11.1(react@19.0.0)
+      '@react-stately/tree': 3.8.6(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/i18n@3.12.4(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
       '@internationalized/message': 3.1.6
       '@internationalized/number': 3.6.0
       '@internationalized/string': 3.2.5
-      '@react-aria/ssr': 3.9.7(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/interactions@3.22.3(react@18.3.1)':
-    dependencies:
-      '@react-aria/ssr': 3.9.6(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/interactions@3.22.4(react@18.3.1)':
-    dependencies:
-      '@react-aria/ssr': 3.9.7(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/interactions@3.22.5(react@18.3.1)':
-    dependencies:
-      '@react-aria/ssr': 3.9.7(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/label@3.7.12(react@18.3.1)':
-    dependencies:
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/label@3.7.13(react@18.3.1)':
-    dependencies:
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/link@3.7.5(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/link': 3.5.8(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/link@3.7.7(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/link': 3.5.9(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/listbox@3.13.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/selection': 3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/list': 3.11.0(react@18.3.1)
-      '@react-types/listbox': 3.5.2(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/listbox@3.13.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/label': 3.7.13(react@18.3.1)
-      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/list': 3.11.1(react@18.3.1)
-      '@react-types/listbox': 3.5.3(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/live-announcer@3.4.0':
-    dependencies:
-      '@swc/helpers': 0.5.13
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/interactions@3.22.5(react@19.0.0)':
+    dependencies:
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/label@3.7.13(react@19.0.0)':
+    dependencies:
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/link@3.7.7(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/link': 3.5.9(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/listbox@3.13.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/label': 3.7.13(react@19.0.0)
+      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/list': 3.11.1(react@19.0.0)
+      '@react-types/listbox': 3.5.3(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
   '@react-aria/live-announcer@3.4.1':
     dependencies:
-      '@swc/helpers': 0.5.13
-
-  '@react-aria/menu@3.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/overlays': 3.23.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/menu': 3.8.3(react@18.3.1)
-      '@react-stately/tree': 3.8.5(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/menu': 3.9.12(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/menu@3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/overlays': 3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/menu': 3.9.0(react@18.3.1)
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-stately/tree': 3.8.6(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/menu': 3.9.13(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/meter@3.4.17(react@18.3.1)':
-    dependencies:
-      '@react-aria/progress': 3.4.17(react@18.3.1)
-      '@react-types/meter': 3.4.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/meter@3.4.18(react@18.3.1)':
-    dependencies:
-      '@react-aria/progress': 3.4.18(react@18.3.1)
-      '@react-types/meter': 3.4.5(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/numberfield@3.11.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/spinbutton': 3.6.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.14.9(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/numberfield': 3.9.7(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/numberfield': 3.8.6(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/numberfield@3.11.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/spinbutton': 3.6.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.15.0(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/numberfield': 3.9.8(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/numberfield': 3.8.7(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/overlays@3.23.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/ssr': 3.9.6(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.16(react@18.3.1)
-      '@react-stately/overlays': 3.6.11(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/overlays': 3.8.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/overlays@3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/ssr': 3.9.7(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.18(react@18.3.1)
-      '@react-stately/overlays': 3.6.12(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/overlays': 3.8.11(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/progress@3.4.17(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/progress': 3.5.7(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/progress@3.4.18(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/label': 3.7.13(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/progress': 3.5.8(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/radio@3.10.10(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/form': 3.0.11(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/label': 3.7.13(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/radio': 3.10.9(react@18.3.1)
-      '@react-types/radio': 3.8.5(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/radio@3.10.8(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/form': 3.0.9(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/radio': 3.10.8(react@18.3.1)
-      '@react-types/radio': 3.8.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/searchfield@3.7.11(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/textfield': 3.15.0(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/searchfield': 3.5.8(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/searchfield': 3.5.10(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/searchfield@3.7.9(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/textfield': 3.14.9(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/searchfield': 3.5.7(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/searchfield': 3.5.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/select@3.14.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/form': 3.0.9(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/listbox': 3.13.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/menu': 3.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.16(react@18.3.1)
-      '@react-stately/select': 3.6.8(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/select': 3.9.7(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/select@3.15.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/form': 3.0.11(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/label': 3.7.13(react@18.3.1)
-      '@react-aria/listbox': 3.13.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/menu': 3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.18(react@18.3.1)
-      '@react-stately/select': 3.6.9(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/select': 3.9.8(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/selection@3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/selection': 3.17.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/selection@3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/separator@3.4.3(react@18.3.1)':
-    dependencies:
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/separator@3.4.4(react@18.3.1)':
-    dependencies:
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/slider@3.7.12(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/slider': 3.5.8(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/slider': 3.7.6(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/slider@3.7.14(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/label': 3.7.13(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/slider': 3.6.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/slider': 3.7.7(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/spinbutton@3.6.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
+      '@swc/helpers': 0.5.15
+
+  '@react-aria/menu@3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/overlays': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/menu': 3.9.0(react@19.0.0)
+      '@react-stately/selection': 3.18.0(react@19.0.0)
+      '@react-stately/tree': 3.8.6(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/menu': 3.9.13(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/meter@3.4.18(react@19.0.0)':
+    dependencies:
+      '@react-aria/progress': 3.4.18(react@19.0.0)
+      '@react-types/meter': 3.4.5(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/numberfield@3.11.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/spinbutton': 3.6.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.15.0(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/numberfield': 3.9.8(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/numberfield': 3.8.7(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/overlays@3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.18(react@19.0.0)
+      '@react-stately/overlays': 3.6.12(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/overlays': 3.8.11(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/progress@3.4.18(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/label': 3.7.13(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/progress': 3.5.8(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/radio@3.10.10(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/form': 3.0.11(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/label': 3.7.13(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/radio': 3.10.9(react@19.0.0)
+      '@react-types/radio': 3.8.5(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/searchfield@3.7.11(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/textfield': 3.15.0(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/searchfield': 3.5.8(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/searchfield': 3.5.10(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/select@3.15.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/form': 3.0.11(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/label': 3.7.13(react@19.0.0)
+      '@react-aria/listbox': 3.13.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/menu': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.18(react@19.0.0)
+      '@react-stately/select': 3.6.9(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/select': 3.9.8(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/selection@3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/selection': 3.18.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/separator@3.4.4(react@19.0.0)':
+    dependencies:
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/slider@3.7.14(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/label': 3.7.13(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/slider': 3.6.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/slider': 3.7.7(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/spinbutton@3.6.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/spinbutton@3.6.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/ssr@3.9.6(react@18.3.1)':
-    dependencies:
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/ssr@3.9.7(react@18.3.1)':
-    dependencies:
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/switch@3.6.10(react@18.3.1)':
-    dependencies:
-      '@react-aria/toggle': 3.10.10(react@18.3.1)
-      '@react-stately/toggle': 3.8.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/switch': 3.5.7(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/switch@3.6.8(react@18.3.1)':
-    dependencies:
-      '@react-aria/toggle': 3.10.8(react@18.3.1)
-      '@react-stately/toggle': 3.7.8(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/switch': 3.5.6(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/table@3.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/grid': 3.10.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/live-announcer': 3.4.0
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.16(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/flags': 3.0.4
-      '@react-stately/table': 3.12.3(react@18.3.1)
-      '@react-types/checkbox': 3.8.4(react@18.3.1)
-      '@react-types/grid': 3.2.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/table': 3.10.2(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/table@3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/grid': 3.11.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/ssr@3.9.7(react@19.0.0)':
+    dependencies:
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/switch@3.6.10(react@19.0.0)':
+    dependencies:
+      '@react-aria/toggle': 3.10.10(react@19.0.0)
+      '@react-stately/toggle': 3.8.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/switch': 3.5.7(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/table@3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/grid': 3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.18(react@18.3.1)
-      '@react-stately/collections': 3.12.0(react@18.3.1)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.18(react@19.0.0)
+      '@react-stately/collections': 3.12.0(react@19.0.0)
       '@react-stately/flags': 3.0.5
-      '@react-stately/table': 3.13.0(react@18.3.1)
-      '@react-types/checkbox': 3.9.0(react@18.3.1)
-      '@react-types/grid': 3.2.10(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/table': 3.10.3(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/tabs@3.9.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/selection': 3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/tabs': 3.6.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/tabs': 3.3.10(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/tabs@3.9.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/tabs': 3.7.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/tabs': 3.3.11(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/tag@3.4.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/gridlist': 3.9.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/selection': 3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/list': 3.11.0(react@18.3.1)
-      '@react-types/button': 3.10.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/tag@3.4.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/gridlist': 3.10.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/label': 3.7.13(react@18.3.1)
-      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/list': 3.11.1(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/textfield@3.14.9(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/form': 3.0.9(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/textfield': 3.9.7(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/textfield@3.15.0(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/form': 3.0.11(react@18.3.1)
-      '@react-aria/label': 3.7.13(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/textfield': 3.10.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/toggle@3.10.10(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/toggle': 3.8.0(react@18.3.1)
-      '@react-types/checkbox': 3.9.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/toggle@3.10.8(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.4(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/toggle': 3.7.8(react@18.3.1)
-      '@react-types/checkbox': 3.8.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/toolbar@3.0.0-beta.11(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/toolbar@3.0.0-beta.4(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/tooltip@3.7.10(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/tooltip': 3.5.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/tooltip': 3.4.13(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/tooltip@3.7.8(react@18.3.1)':
-    dependencies:
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-stately/tooltip': 3.4.13(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/tooltip': 3.4.12(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-aria/tree@3.0.0-beta.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@react-aria/gridlist': 3.10.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/tree': 3.8.6(react@18.3.1)
-      '@react-types/button': 3.10.1(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@react-aria/utils@3.25.3(react@18.3.1)':
-    dependencies:
-      '@react-aria/ssr': 3.9.6(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
+      '@react-stately/table': 3.13.0(react@19.0.0)
+      '@react-types/checkbox': 3.9.0(react@19.0.0)
+      '@react-types/grid': 3.2.10(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/table': 3.10.3(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/tabs@3.9.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/tabs': 3.7.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/tabs': 3.3.11(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/tag@3.4.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/gridlist': 3.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/label': 3.7.13(react@19.0.0)
+      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/list': 3.11.1(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/textfield@3.15.0(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/form': 3.0.11(react@19.0.0)
+      '@react-aria/label': 3.7.13(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/textfield': 3.10.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/toggle@3.10.10(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/toggle': 3.8.0(react@19.0.0)
+      '@react-types/checkbox': 3.9.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/toolbar@3.0.0-beta.11(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/tooltip@3.7.10(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/tooltip': 3.5.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/tooltip': 3.4.13(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-aria/tree@3.0.0-beta.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/gridlist': 3.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/tree': 3.8.6(react@19.0.0)
+      '@react-types/button': 3.10.1(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/utils@3.26.0(react@19.0.0)':
+    dependencies:
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
       clsx: 2.1.1
-      react: 18.3.1
+      react: 19.0.0
 
-  '@react-aria/utils@3.26.0(react@18.3.1)':
+  '@react-aria/virtualizer@4.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/ssr': 3.9.7(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      clsx: 2.1.1
-      react: 18.3.1
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-stately/virtualizer': 4.2.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/virtualizer@4.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@react-aria/visually-hidden@3.8.18(react@19.0.0)':
     dependencies:
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-stately/virtualizer': 4.2.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-aria/visually-hidden@3.8.16(react@18.3.1)':
+  '@react-stately/calendar@3.6.0(react@19.0.0)':
     dependencies:
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@internationalized/date': 3.6.0
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/calendar': 3.5.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-aria/visually-hidden@3.8.18(react@18.3.1)':
+  '@react-stately/checkbox@3.6.10(react@19.0.0)':
     dependencies:
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/checkbox': 3.9.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/calendar@3.5.5(react@18.3.1)':
+  '@react-stately/collections@3.12.0(react@19.0.0)':
     dependencies:
-      '@internationalized/date': 3.5.6
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/calendar': 3.4.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/calendar@3.6.0(react@18.3.1)':
-    dependencies:
-      '@internationalized/date': 3.6.0
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/calendar': 3.5.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/checkbox@3.6.10(react@18.3.1)':
-    dependencies:
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/checkbox': 3.9.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/checkbox@3.6.9(react@18.3.1)':
-    dependencies:
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/checkbox': 3.8.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/collections@3.11.0(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/collections@3.12.0(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/color@3.8.0(react@18.3.1)':
-    dependencies:
-      '@internationalized/number': 3.5.4
-      '@internationalized/string': 3.2.4
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/numberfield': 3.9.7(react@18.3.1)
-      '@react-stately/slider': 3.5.8(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/color': 3.0.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/color@3.8.1(react@18.3.1)':
+  '@react-stately/color@3.8.1(react@19.0.0)':
     dependencies:
       '@internationalized/number': 3.6.0
       '@internationalized/string': 3.2.5
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/numberfield': 3.9.8(react@18.3.1)
-      '@react-stately/slider': 3.6.0(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/color': 3.0.1(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/combobox@3.10.0(react@18.3.1)':
-    dependencies:
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/list': 3.11.0(react@18.3.1)
-      '@react-stately/overlays': 3.6.11(react@18.3.1)
-      '@react-stately/select': 3.6.8(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/combobox': 3.13.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/combobox@3.10.1(react@18.3.1)':
-    dependencies:
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/list': 3.11.1(react@18.3.1)
-      '@react-stately/overlays': 3.6.12(react@18.3.1)
-      '@react-stately/select': 3.6.9(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/combobox': 3.13.1(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/data@3.11.7(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/data@3.12.0(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/datepicker@3.10.3(react@18.3.1)':
-    dependencies:
-      '@internationalized/date': 3.5.6
-      '@internationalized/string': 3.2.4
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/overlays': 3.6.11(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/datepicker': 3.8.3(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/datepicker@3.11.0(react@18.3.1)':
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/numberfield': 3.9.8(react@19.0.0)
+      '@react-stately/slider': 3.6.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/color': 3.0.1(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-stately/combobox@3.10.1(react@19.0.0)':
+    dependencies:
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/list': 3.11.1(react@19.0.0)
+      '@react-stately/overlays': 3.6.12(react@19.0.0)
+      '@react-stately/select': 3.6.9(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/combobox': 3.13.1(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-stately/data@3.12.0(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-stately/datepicker@3.11.0(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
       '@internationalized/string': 3.2.5
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/overlays': 3.6.12(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/datepicker': 3.9.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/disclosure@3.0.0(react@18.3.1)':
-    dependencies:
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/overlays': 3.6.12(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/datepicker': 3.9.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/dnd@3.4.3(react@18.3.1)':
+  '@react-stately/disclosure@3.0.0(react@19.0.0)':
     dependencies:
-      '@react-stately/selection': 3.17.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/dnd@3.5.0(react@18.3.1)':
+  '@react-stately/dnd@3.5.0(react@19.0.0)':
     dependencies:
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/flags@3.0.4':
-    dependencies:
-      '@swc/helpers': 0.5.13
+      '@react-stately/selection': 3.18.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
   '@react-stately/flags@3.0.5':
     dependencies:
-      '@swc/helpers': 0.5.13
-
-  '@react-stately/form@3.0.6(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/form@3.1.0(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/grid@3.10.0(react@18.3.1)':
-    dependencies:
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-types/grid': 3.2.10(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@swc/helpers': 0.5.15
 
-  '@react-stately/grid@3.9.3(react@18.3.1)':
+  '@react-stately/form@3.1.0(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-types/grid': 3.2.10(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/layout@4.1.0(react@18.3.1)':
+  '@react-stately/grid@3.10.0(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/table': 3.13.0(react@18.3.1)
-      '@react-stately/virtualizer': 4.2.0(react@18.3.1)
-      '@react-types/grid': 3.2.10(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/table': 3.10.3(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/selection': 3.18.0(react@19.0.0)
+      '@react-types/grid': 3.2.10(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/list@3.11.0(react@18.3.1)':
+  '@react-stately/layout@4.1.0(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/selection': 3.17.0(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/table': 3.13.0(react@19.0.0)
+      '@react-stately/virtualizer': 4.2.0(react@19.0.0)
+      '@react-types/grid': 3.2.10(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/table': 3.10.3(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/list@3.11.1(react@18.3.1)':
+  '@react-stately/list@3.11.1(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/selection': 3.18.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/menu@3.8.3(react@18.3.1)':
+  '@react-stately/menu@3.9.0(react@19.0.0)':
     dependencies:
-      '@react-stately/overlays': 3.6.11(react@18.3.1)
-      '@react-types/menu': 3.9.12(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/overlays': 3.6.12(react@19.0.0)
+      '@react-types/menu': 3.9.13(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/menu@3.9.0(react@18.3.1)':
-    dependencies:
-      '@react-stately/overlays': 3.6.12(react@18.3.1)
-      '@react-types/menu': 3.9.13(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/numberfield@3.9.7(react@18.3.1)':
-    dependencies:
-      '@internationalized/number': 3.5.4
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/numberfield': 3.8.6(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/numberfield@3.9.8(react@18.3.1)':
+  '@react-stately/numberfield@3.9.8(react@19.0.0)':
     dependencies:
       '@internationalized/number': 3.6.0
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/numberfield': 3.8.7(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/overlays@3.6.11(react@18.3.1)':
-    dependencies:
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/overlays': 3.8.10(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/overlays@3.6.12(react@18.3.1)':
-    dependencies:
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/overlays': 3.8.11(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/radio@3.10.8(react@18.3.1)':
-    dependencies:
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/radio': 3.8.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/radio@3.10.9(react@18.3.1)':
-    dependencies:
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/radio': 3.8.5(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/searchfield@3.5.7(react@18.3.1)':
-    dependencies:
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/searchfield': 3.5.9(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/searchfield@3.5.8(react@18.3.1)':
-    dependencies:
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/searchfield': 3.5.10(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/select@3.6.8(react@18.3.1)':
-    dependencies:
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/list': 3.11.0(react@18.3.1)
-      '@react-stately/overlays': 3.6.11(react@18.3.1)
-      '@react-types/select': 3.9.7(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/select@3.6.9(react@18.3.1)':
-    dependencies:
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/list': 3.11.1(react@18.3.1)
-      '@react-stately/overlays': 3.6.12(react@18.3.1)
-      '@react-types/select': 3.9.8(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/selection@3.17.0(react@18.3.1)':
-    dependencies:
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/selection@3.18.0(react@18.3.1)':
-    dependencies:
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/slider@3.5.8(react@18.3.1)':
-    dependencies:
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/slider': 3.7.6(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/slider@3.6.0(react@18.3.1)':
-    dependencies:
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/slider': 3.7.7(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/table@3.12.3(react@18.3.1)':
-    dependencies:
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/flags': 3.0.4
-      '@react-stately/grid': 3.9.3(react@18.3.1)
-      '@react-stately/selection': 3.17.0(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/grid': 3.2.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/table': 3.10.2(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/table@3.13.0(react@18.3.1)':
-    dependencies:
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/flags': 3.0.5
-      '@react-stately/grid': 3.10.0(react@18.3.1)
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/grid': 3.2.10(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/table': 3.10.3(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
-
-  '@react-stately/tabs@3.6.10(react@18.3.1)':
-    dependencies:
-      '@react-stately/list': 3.11.0(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/tabs': 3.3.10(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/numberfield': 3.8.7(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/tabs@3.7.0(react@18.3.1)':
+  '@react-stately/overlays@3.6.12(react@19.0.0)':
     dependencies:
-      '@react-stately/list': 3.11.1(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/tabs': 3.3.11(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/overlays': 3.8.11(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/toggle@3.7.8(react@18.3.1)':
+  '@react-stately/radio@3.10.9(react@19.0.0)':
     dependencies:
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/checkbox': 3.8.4(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/radio': 3.8.5(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/toggle@3.8.0(react@18.3.1)':
+  '@react-stately/searchfield@3.5.8(react@19.0.0)':
     dependencies:
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/checkbox': 3.9.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/searchfield': 3.5.10(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/tooltip@3.4.13(react@18.3.1)':
+  '@react-stately/select@3.6.9(react@19.0.0)':
     dependencies:
-      '@react-stately/overlays': 3.6.11(react@18.3.1)
-      '@react-types/tooltip': 3.4.12(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/list': 3.11.1(react@19.0.0)
+      '@react-stately/overlays': 3.6.12(react@19.0.0)
+      '@react-types/select': 3.9.8(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/tooltip@3.5.0(react@18.3.1)':
+  '@react-stately/selection@3.18.0(react@19.0.0)':
     dependencies:
-      '@react-stately/overlays': 3.6.12(react@18.3.1)
-      '@react-types/tooltip': 3.4.13(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/tree@3.8.5(react@18.3.1)':
+  '@react-stately/slider@3.6.0(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/selection': 3.17.0(react@18.3.1)
-      '@react-stately/utils': 3.10.4(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/slider': 3.7.7(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/tree@3.8.6(react@18.3.1)':
+  '@react-stately/table@3.13.0(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/flags': 3.0.5
+      '@react-stately/grid': 3.10.0(react@19.0.0)
+      '@react-stately/selection': 3.18.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/grid': 3.2.10(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/table': 3.10.3(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/utils@3.10.4(react@18.3.1)':
+  '@react-stately/tabs@3.7.0(react@19.0.0)':
     dependencies:
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/list': 3.11.1(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/tabs': 3.3.11(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/utils@3.10.5(react@18.3.1)':
+  '@react-stately/toggle@3.8.0(react@19.0.0)':
     dependencies:
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/checkbox': 3.9.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-stately/virtualizer@4.2.0(react@18.3.1)':
+  '@react-stately/tooltip@3.5.0(react@19.0.0)':
     dependencies:
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@swc/helpers': 0.5.13
-      react: 18.3.1
+      '@react-stately/overlays': 3.6.12(react@19.0.0)
+      '@react-types/tooltip': 3.4.13(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-types/breadcrumbs@3.7.8(react@18.3.1)':
+  '@react-stately/tree@3.8.6(react@19.0.0)':
     dependencies:
-      '@react-types/link': 3.5.8(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/selection': 3.18.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-types/breadcrumbs@3.7.9(react@18.3.1)':
+  '@react-stately/utils@3.10.5(react@19.0.0)':
     dependencies:
-      '@react-types/link': 3.5.9(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-types/button@3.10.0(react@18.3.1)':
+  '@react-stately/virtualizer@4.2.0(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
 
-  '@react-types/button@3.10.1(react@18.3.1)':
+  '@react-types/breadcrumbs@3.7.9(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/link': 3.5.9(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/calendar@3.4.10(react@18.3.1)':
+  '@react-types/button@3.10.1(react@19.0.0)':
     dependencies:
-      '@internationalized/date': 3.5.6
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/calendar@3.5.0(react@18.3.1)':
+  '@react-types/calendar@3.5.0(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/checkbox@3.8.4(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/checkbox@3.9.0(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/color@3.0.0(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      '@react-types/slider': 3.7.6(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/color@3.0.1(react@18.3.1)':
+  '@react-types/checkbox@3.9.0(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/slider': 3.7.7(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/combobox@3.13.0(react@18.3.1)':
+  '@react-types/color@3.0.1(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/slider': 3.7.7(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/combobox@3.13.1(react@18.3.1)':
+  '@react-types/combobox@3.13.1(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/datepicker@3.8.3(react@18.3.1)':
+  '@react-types/datepicker@3.9.0(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
-      '@react-types/calendar': 3.4.10(react@18.3.1)
-      '@react-types/overlays': 3.8.10(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/datepicker@3.9.0(react@18.3.1)':
-    dependencies:
-      '@internationalized/date': 3.6.0
-      '@react-types/calendar': 3.5.0(react@18.3.1)
-      '@react-types/overlays': 3.8.11(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/dialog@3.5.13(react@18.3.1)':
-    dependencies:
-      '@react-types/overlays': 3.8.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/dialog@3.5.14(react@18.3.1)':
-    dependencies:
-      '@react-types/overlays': 3.8.11(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/form@3.7.8(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/grid@3.2.10(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/grid@3.2.9(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/link@3.5.8(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/link@3.5.9(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/listbox@3.5.2(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/listbox@3.5.3(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/menu@3.9.12(react@18.3.1)':
-    dependencies:
-      '@react-types/overlays': 3.8.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/menu@3.9.13(react@18.3.1)':
-    dependencies:
-      '@react-types/overlays': 3.8.11(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/meter@3.4.4(react@18.3.1)':
-    dependencies:
-      '@react-types/progress': 3.5.7(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/meter@3.4.5(react@18.3.1)':
-    dependencies:
-      '@react-types/progress': 3.5.8(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/numberfield@3.8.6(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/numberfield@3.8.7(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/overlays@3.8.10(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/overlays@3.8.11(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/progress@3.5.7(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  '@react-types/progress@3.5.8(react@18.3.1)':
-    dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/calendar': 3.5.0(react@19.0.0)
+      '@react-types/overlays': 3.8.11(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/radio@3.8.4(react@18.3.1)':
+  '@react-types/dialog@3.5.14(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/overlays': 3.8.11(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/radio@3.8.5(react@18.3.1)':
+  '@react-types/form@3.7.8(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/searchfield@3.5.10(react@18.3.1)':
+  '@react-types/grid@3.2.10(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/textfield': 3.10.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/searchfield@3.5.9(react@18.3.1)':
+  '@react-types/link@3.5.9(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/textfield': 3.9.7(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/select@3.9.7(react@18.3.1)':
+  '@react-types/listbox@3.5.3(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/select@3.9.8(react@18.3.1)':
+  '@react-types/menu@3.9.13(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/overlays': 3.8.11(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/shared@3.25.0(react@18.3.1)':
+  '@react-types/meter@3.4.5(react@19.0.0)':
     dependencies:
-      react: 18.3.1
+      '@react-types/progress': 3.5.8(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/shared@3.26.0(react@18.3.1)':
+  '@react-types/numberfield@3.8.7(react@19.0.0)':
     dependencies:
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/slider@3.7.6(react@18.3.1)':
+  '@react-types/overlays@3.8.11(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/slider@3.7.7(react@18.3.1)':
+  '@react-types/progress@3.5.8(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/switch@3.5.6(react@18.3.1)':
+  '@react-types/radio@3.8.5(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/switch@3.5.7(react@18.3.1)':
+  '@react-types/searchfield@3.5.10(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/textfield': 3.10.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/table@3.10.2(react@18.3.1)':
+  '@react-types/select@3.9.8(react@19.0.0)':
     dependencies:
-      '@react-types/grid': 3.2.9(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/table@3.10.3(react@18.3.1)':
+  '@react-types/shared@3.26.0(react@19.0.0)':
     dependencies:
-      '@react-types/grid': 3.2.10(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      react: 19.0.0
 
-  '@react-types/tabs@3.3.10(react@18.3.1)':
+  '@react-types/slider@3.7.7(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/tabs@3.3.11(react@18.3.1)':
+  '@react-types/switch@3.5.7(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/textfield@3.10.0(react@18.3.1)':
+  '@react-types/table@3.10.3(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/grid': 3.2.10(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/textfield@3.9.7(react@18.3.1)':
+  '@react-types/tabs@3.3.11(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/tooltip@3.4.12(react@18.3.1)':
+  '@react-types/textfield@3.10.0(react@19.0.0)':
     dependencies:
-      '@react-types/overlays': 3.8.10(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@react-types/tooltip@3.4.13(react@18.3.1)':
+  '@react-types/tooltip@3.4.13(react@19.0.0)':
     dependencies:
-      '@react-types/overlays': 3.8.11(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
+      '@react-types/overlays': 3.8.11(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
 
-  '@remixicon/react@4.2.0(react@18.3.1)':
+  '@remixicon/react@4.6.0(react@19.0.0)':
     dependencies:
-      react: 18.3.1
+      react: 19.0.0
 
   '@rtsao/scc@1.1.0': {}
 
-  '@rushstack/eslint-patch@1.10.4': {}
-
-  '@shikijs/core@1.21.0':
-    dependencies:
-      '@shikijs/engine-javascript': 1.21.0
-      '@shikijs/engine-oniguruma': 1.21.0
-      '@shikijs/types': 1.21.0
-      '@shikijs/vscode-textmate': 9.2.2
-      '@types/hast': 3.0.4
-      hast-util-to-html: 9.0.3
+  '@rushstack/eslint-patch@1.10.5': {}
 
-  '@shikijs/core@1.22.1':
+  '@shikijs/core@1.26.1':
     dependencies:
-      '@shikijs/engine-javascript': 1.22.1
-      '@shikijs/engine-oniguruma': 1.22.1
-      '@shikijs/types': 1.22.1
-      '@shikijs/vscode-textmate': 9.3.0
+      '@shikijs/engine-javascript': 1.26.1
+      '@shikijs/engine-oniguruma': 1.26.1
+      '@shikijs/types': 1.26.1
+      '@shikijs/vscode-textmate': 10.0.1
       '@types/hast': 3.0.4
-      hast-util-to-html: 9.0.3
+      hast-util-to-html: 9.0.4
 
-  '@shikijs/engine-javascript@1.21.0':
+  '@shikijs/engine-javascript@1.26.1':
     dependencies:
-      '@shikijs/types': 1.21.0
-      '@shikijs/vscode-textmate': 9.2.2
-      oniguruma-to-js: 0.4.3
+      '@shikijs/types': 1.26.1
+      '@shikijs/vscode-textmate': 10.0.1
+      oniguruma-to-es: 0.10.0
 
-  '@shikijs/engine-javascript@1.22.1':
+  '@shikijs/engine-oniguruma@1.26.1':
     dependencies:
-      '@shikijs/types': 1.22.1
-      '@shikijs/vscode-textmate': 9.3.0
-      oniguruma-to-js: 0.4.3
+      '@shikijs/types': 1.26.1
+      '@shikijs/vscode-textmate': 10.0.1
 
-  '@shikijs/engine-oniguruma@1.21.0':
+  '@shikijs/langs@1.26.1':
     dependencies:
-      '@shikijs/types': 1.21.0
-      '@shikijs/vscode-textmate': 9.2.2
+      '@shikijs/types': 1.26.1
 
-  '@shikijs/engine-oniguruma@1.22.1':
+  '@shikijs/rehype@1.26.1':
     dependencies:
-      '@shikijs/types': 1.22.1
-      '@shikijs/vscode-textmate': 9.3.0
-
-  '@shikijs/rehype@1.22.1':
-    dependencies:
-      '@shikijs/types': 1.22.1
+      '@shikijs/types': 1.26.1
       '@types/hast': 3.0.4
       hast-util-to-string: 3.0.1
-      shiki: 1.22.1
+      shiki: 1.26.1
       unified: 11.0.5
       unist-util-visit: 5.0.0
 
-  '@shikijs/transformers@1.22.1':
-    dependencies:
-      shiki: 1.22.1
-
-  '@shikijs/types@1.21.0':
+  '@shikijs/themes@1.26.1':
     dependencies:
-      '@shikijs/vscode-textmate': 9.2.2
-      '@types/hast': 3.0.4
+      '@shikijs/types': 1.26.1
 
-  '@shikijs/types@1.22.1':
+  '@shikijs/types@1.26.1':
     dependencies:
-      '@shikijs/vscode-textmate': 9.3.0
+      '@shikijs/vscode-textmate': 10.0.1
       '@types/hast': 3.0.4
 
-  '@shikijs/vscode-textmate@9.2.2': {}
-
-  '@shikijs/vscode-textmate@9.3.0': {}
+  '@shikijs/vscode-textmate@10.0.1': {}
 
   '@sindresorhus/is@5.6.0': {}
 
   '@swc/counter@0.1.3': {}
 
-  '@swc/helpers@0.5.13':
-    dependencies:
-      tslib: 2.7.0
-
-  '@swc/helpers@0.5.5':
+  '@swc/helpers@0.5.15':
     dependencies:
-      '@swc/counter': 0.1.3
-      tslib: 2.7.0
+      tslib: 2.8.1
 
   '@szmarczak/http-timer@5.0.1':
     dependencies:
@@ -10402,8 +8344,8 @@ snapshots:
 
   '@tailwindcss/node@4.0.0-beta.8':
     dependencies:
-      enhanced-resolve: 5.17.1
-      jiti: 2.4.0
+      enhanced-resolve: 5.18.0
+      jiti: 2.4.2
       tailwindcss: 4.0.0-beta.8
 
   '@tailwindcss/oxide-android-arm64@4.0.0-beta.8':
@@ -10458,25 +8400,25 @@ snapshots:
       '@alloc/quick-lru': 5.2.0
       '@tailwindcss/node': 4.0.0-beta.8
       '@tailwindcss/oxide': 4.0.0-beta.8
-      lightningcss: 1.28.1
-      postcss: 8.4.47
+      lightningcss: 1.29.0
+      postcss: 8.4.49
       tailwindcss: 4.0.0-beta.8
 
-  '@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.3.3)':
+  '@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.4.2)':
     dependencies:
       '@babel/generator': 7.17.7
-      '@babel/parser': 7.25.6
+      '@babel/parser': 7.26.3
       '@babel/traverse': 7.23.2
       '@babel/types': 7.17.0
       javascript-natural-sort: 0.7.1
       lodash: 4.17.21
-      prettier: 3.3.3
+      prettier: 3.4.2
     transitivePeerDependencies:
       - supports-color
 
   '@ts-morph/common@0.19.0':
     dependencies:
-      fast-glob: 3.3.2
+      fast-glob: 3.3.3
       minimatch: 7.4.6
       mkdirp: 2.1.6
       path-browserify: 1.0.1
@@ -10499,36 +8441,36 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.6
 
-  '@types/async-retry@1.4.8':
+  '@types/async-retry@1.4.9':
     dependencies:
       '@types/retry': 0.12.5
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/parser': 7.26.3
+      '@babel/types': 7.26.3
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.6
 
   '@types/babel__generator@7.6.8':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.3
 
   '@types/babel__template@7.4.4':
     dependencies:
-      '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/parser': 7.26.3
+      '@babel/types': 7.26.3
 
   '@types/babel__traverse@7.20.6':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.3
 
   '@types/debug@4.1.12':
     dependencies:
       '@types/ms': 0.7.34
 
-  '@types/diff@5.2.2': {}
+  '@types/diff@5.2.3': {}
 
   '@types/estree-jsx@1.0.5':
     dependencies:
@@ -10539,11 +8481,7 @@ snapshots:
   '@types/fs-extra@11.0.4':
     dependencies:
       '@types/jsonfile': 6.1.4
-      '@types/node': 18.19.54
-
-  '@types/hast@2.3.10':
-    dependencies:
-      '@types/unist': 2.0.11
+      '@types/node': 18.19.70
 
   '@types/hast@3.0.4':
     dependencies:
@@ -10551,25 +8489,17 @@ snapshots:
 
   '@types/http-cache-semantics@4.0.4': {}
 
-  '@types/js-yaml@4.0.9': {}
-
-  '@types/json-schema@7.0.15': {}
-
   '@types/json5@0.0.29': {}
 
   '@types/jsonfile@6.1.4':
     dependencies:
-      '@types/node': 18.19.54
+      '@types/node': 18.19.70
 
   '@types/lodash.template@4.5.3':
     dependencies:
-      '@types/lodash': 4.17.9
+      '@types/lodash': 4.17.14
 
-  '@types/lodash@4.17.9': {}
-
-  '@types/mdast@3.0.15':
-    dependencies:
-      '@types/unist': 2.0.11
+  '@types/lodash@4.17.14': {}
 
   '@types/mdast@4.0.4':
     dependencies:
@@ -10583,13 +8513,13 @@ snapshots:
 
   '@types/node@12.20.55': {}
 
-  '@types/node@18.19.54':
+  '@types/node@18.19.70':
     dependencies:
       undici-types: 5.26.5
 
   '@types/node@20.5.1': {}
 
-  '@types/node@22.7.7':
+  '@types/node@22.8.1':
     dependencies:
       undici-types: 6.19.8
 
@@ -10597,26 +8527,21 @@ snapshots:
 
   '@types/prompts@2.4.9':
     dependencies:
-      '@types/node': 18.19.54
+      '@types/node': 18.19.70
       kleur: 3.0.3
 
-  '@types/prop-types@15.7.13': {}
-
-  '@types/react-dom@18.3.0':
+  '@types/react-dom@19.0.2(@types/react@19.0.4)':
     dependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  '@types/react@18.3.10':
+  '@types/react@19.0.4':
     dependencies:
-      '@types/prop-types': 15.7.13
       csstype: 3.1.3
 
   '@types/retry@0.12.5': {}
 
   '@types/semver@6.2.7': {}
 
-  '@types/semver@7.5.8': {}
-
   '@types/stringify-object@4.0.5': {}
 
   '@types/unist@2.0.11': {}
@@ -10625,121 +8550,106 @@ snapshots:
 
   '@types/validate-npm-package-name@4.0.2': {}
 
-  '@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint@8.57.1)(typescript@5.6.2)':
+  '@typescript-eslint/eslint-plugin@8.19.1(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint@8.57.1)(typescript@5.7.3)':
     dependencies:
-      '@eslint-community/regexpp': 4.11.1
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.6.2)
-      '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/type-utils': 6.21.0(eslint@8.57.1)(typescript@5.6.2)
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.1)(typescript@5.6.2)
-      '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.3.7
+      '@eslint-community/regexpp': 4.12.1
+      '@typescript-eslint/parser': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
+      '@typescript-eslint/scope-manager': 8.19.1
+      '@typescript-eslint/type-utils': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
+      '@typescript-eslint/visitor-keys': 8.19.1
       eslint: 8.57.1
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
-      semver: 7.6.3
-      ts-api-utils: 1.3.0(typescript@5.6.2)
-    optionalDependencies:
-      typescript: 5.6.2
+      ts-api-utils: 2.0.0(typescript@5.7.3)
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2)':
+  '@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.6.2)
-      '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.3.7
+      '@typescript-eslint/scope-manager': 8.19.1
+      '@typescript-eslint/types': 8.19.1
+      '@typescript-eslint/typescript-estree': 8.19.1(typescript@5.7.3)
+      '@typescript-eslint/visitor-keys': 8.19.1
+      debug: 4.4.0
       eslint: 8.57.1
-    optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@6.21.0':
+  '@typescript-eslint/scope-manager@8.19.1':
     dependencies:
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/visitor-keys': 6.21.0
+      '@typescript-eslint/types': 8.19.1
+      '@typescript-eslint/visitor-keys': 8.19.1
 
-  '@typescript-eslint/type-utils@6.21.0(eslint@8.57.1)(typescript@5.6.2)':
+  '@typescript-eslint/type-utils@8.19.1(eslint@8.57.1)(typescript@5.7.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.6.2)
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.1)(typescript@5.6.2)
-      debug: 4.3.7
+      '@typescript-eslint/typescript-estree': 8.19.1(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
+      debug: 4.4.0
       eslint: 8.57.1
-      ts-api-utils: 1.3.0(typescript@5.6.2)
-    optionalDependencies:
-      typescript: 5.6.2
+      ts-api-utils: 2.0.0(typescript@5.7.3)
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@6.21.0': {}
+  '@typescript-eslint/types@8.19.1': {}
 
-  '@typescript-eslint/typescript-estree@6.21.0(typescript@5.6.2)':
+  '@typescript-eslint/typescript-estree@8.19.1(typescript@5.7.3)':
     dependencies:
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.3.7
-      globby: 11.1.0
+      '@typescript-eslint/types': 8.19.1
+      '@typescript-eslint/visitor-keys': 8.19.1
+      debug: 4.4.0
+      fast-glob: 3.3.3
       is-glob: 4.0.3
-      minimatch: 9.0.3
+      minimatch: 9.0.5
       semver: 7.6.3
-      ts-api-utils: 1.3.0(typescript@5.6.2)
-    optionalDependencies:
-      typescript: 5.6.2
+      ts-api-utils: 2.0.0(typescript@5.7.3)
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@6.21.0(eslint@8.57.1)(typescript@5.6.2)':
+  '@typescript-eslint/utils@8.19.1(eslint@8.57.1)(typescript@5.7.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
-      '@types/json-schema': 7.0.15
-      '@types/semver': 7.5.8
-      '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.6.2)
+      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
+      '@typescript-eslint/scope-manager': 8.19.1
+      '@typescript-eslint/types': 8.19.1
+      '@typescript-eslint/typescript-estree': 8.19.1(typescript@5.7.3)
       eslint: 8.57.1
-      semver: 7.6.3
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
-      - typescript
 
-  '@typescript-eslint/visitor-keys@6.21.0':
+  '@typescript-eslint/visitor-keys@8.19.1':
     dependencies:
-      '@typescript-eslint/types': 6.21.0
-      eslint-visitor-keys: 3.4.3
+      '@typescript-eslint/types': 8.19.1
+      eslint-visitor-keys: 4.2.0
 
-  '@ungap/structured-clone@1.2.0': {}
+  '@ungap/structured-clone@1.2.1': {}
 
-  '@vercel/analytics@1.3.1(next@14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      server-only: 0.0.1
+  '@vercel/analytics@1.4.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
     optionalDependencies:
-      next: 14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
+      next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
 
   JSONStream@1.3.5:
     dependencies:
       jsonparse: 1.3.1
       through: 2.3.8
 
-  acorn-jsx@5.3.2(acorn@8.12.1):
+  acorn-jsx@5.3.2(acorn@8.14.0):
     dependencies:
-      acorn: 8.12.1
+      acorn: 8.14.0
 
   acorn-walk@8.3.4:
     dependencies:
-      acorn: 8.12.1
+      acorn: 8.14.0
 
-  acorn@8.12.1: {}
+  acorn@8.14.0: {}
 
-  agent-base@7.1.1:
-    dependencies:
-      debug: 4.3.7
-    transitivePeerDependencies:
-      - supports-color
+  agent-base@7.1.3: {}
 
   ajv-formats@3.0.1(ajv@8.17.1):
     optionalDependencies:
@@ -10755,29 +8665,10 @@ snapshots:
   ajv@8.17.1:
     dependencies:
       fast-deep-equal: 3.1.3
-      fast-uri: 3.0.2
+      fast-uri: 3.0.5
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
-  algoliasearch@4.24.0:
-    dependencies:
-      '@algolia/cache-browser-local-storage': 4.24.0
-      '@algolia/cache-common': 4.24.0
-      '@algolia/cache-in-memory': 4.24.0
-      '@algolia/client-account': 4.24.0
-      '@algolia/client-analytics': 4.24.0
-      '@algolia/client-common': 4.24.0
-      '@algolia/client-personalization': 4.24.0
-      '@algolia/client-search': 4.24.0
-      '@algolia/logger-common': 4.24.0
-      '@algolia/logger-console': 4.24.0
-      '@algolia/recommend': 4.24.0
-      '@algolia/requester-browser-xhr': 4.24.0
-      '@algolia/requester-common': 4.24.0
-      '@algolia/requester-node-http': 4.24.0
-      '@algolia/transporter': 4.24.0
-    optional: true
-
   ansi-colors@4.1.3: {}
 
   ansi-regex@5.0.1: {}
@@ -10817,80 +8708,77 @@ snapshots:
 
   aria-hidden@1.2.4:
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.1
 
-  aria-query@5.1.3:
-    dependencies:
-      deep-equal: 2.2.3
+  aria-query@5.3.2: {}
 
-  array-buffer-byte-length@1.0.1:
+  array-buffer-byte-length@1.0.2:
     dependencies:
-      call-bind: 1.0.7
-      is-array-buffer: 3.0.4
+      call-bound: 1.0.3
+      is-array-buffer: 3.0.5
 
   array-ify@1.0.0: {}
 
   array-includes@3.1.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-object-atoms: 1.0.0
-      get-intrinsic: 1.2.4
-      is-string: 1.0.7
+      get-intrinsic: 1.2.7
+      is-string: 1.1.1
 
   array-union@2.1.0: {}
 
   array.prototype.findlast@1.2.5:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
       es-object-atoms: 1.0.0
       es-shim-unscopables: 1.0.2
 
   array.prototype.findlastindex@1.2.5:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
       es-object-atoms: 1.0.0
       es-shim-unscopables: 1.0.2
 
-  array.prototype.flat@1.3.2:
+  array.prototype.flat@1.3.3:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-shim-unscopables: 1.0.2
 
-  array.prototype.flatmap@1.3.2:
+  array.prototype.flatmap@1.3.3:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-shim-unscopables: 1.0.2
 
   array.prototype.tosorted@1.1.4:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
       es-shim-unscopables: 1.0.2
 
-  arraybuffer.prototype.slice@1.0.3:
+  arraybuffer.prototype.slice@1.0.4:
     dependencies:
-      array-buffer-byte-length: 1.0.1
-      call-bind: 1.0.7
+      array-buffer-byte-length: 1.0.2
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
-      is-array-buffer: 3.0.4
-      is-shared-array-buffer: 1.0.3
+      get-intrinsic: 1.2.7
+      is-array-buffer: 3.0.5
 
   arrify@1.0.1: {}
 
@@ -10898,7 +8786,7 @@ snapshots:
 
   ast-types@0.16.1:
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.1
 
   astring@1.9.0: {}
 
@@ -10911,24 +8799,28 @@ snapshots:
       stubborn-fs: 1.2.5
       when-exit: 2.1.3
 
-  autoprefixer@10.4.20(postcss@8.4.47):
+  autoprefixer@10.4.20(postcss@8.4.49):
     dependencies:
-      browserslist: 4.24.0
-      caniuse-lite: 1.0.30001664
+      browserslist: 4.24.4
+      caniuse-lite: 1.0.30001692
       fraction.js: 4.3.7
       normalize-range: 0.1.2
-      picocolors: 1.1.0
-      postcss: 8.4.47
+      picocolors: 1.1.1
+      postcss: 8.4.49
       postcss-value-parser: 4.2.0
 
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.0.0
 
-  axe-core@4.10.0: {}
+  axe-core@4.10.2: {}
 
   axobject-query@4.1.0: {}
 
+  babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105:
+    dependencies:
+      '@babel/types': 7.26.3
+
   bail@2.0.2: {}
 
   balanced-match@1.0.2: {}
@@ -10960,12 +8852,12 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  browserslist@4.24.0:
+  browserslist@4.24.4:
     dependencies:
-      caniuse-lite: 1.0.30001664
-      electron-to-chromium: 1.5.30
-      node-releases: 2.0.18
-      update-browserslist-db: 1.1.1(browserslist@4.24.0)
+      caniuse-lite: 1.0.30001692
+      electron-to-chromium: 1.5.79
+      node-releases: 2.0.19
+      update-browserslist-db: 1.1.2(browserslist@4.24.4)
 
   buffer@6.0.3:
     dependencies:
@@ -10997,14 +8889,23 @@ snapshots:
       normalize-url: 8.0.1
       responselike: 3.0.0
 
-  call-bind@1.0.7:
+  call-bind-apply-helpers@1.0.1:
     dependencies:
-      es-define-property: 1.0.0
       es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.4
+
+  call-bind@1.0.8:
+    dependencies:
+      call-bind-apply-helpers: 1.0.1
+      es-define-property: 1.0.1
+      get-intrinsic: 1.2.7
       set-function-length: 1.2.2
 
+  call-bound@1.0.3:
+    dependencies:
+      call-bind-apply-helpers: 1.0.1
+      get-intrinsic: 1.2.7
+
   callsites@3.1.0: {}
 
   camelcase-css@2.0.1: {}
@@ -11017,7 +8918,7 @@ snapshots:
 
   camelcase@5.3.1: {}
 
-  caniuse-lite@1.0.30001664: {}
+  caniuse-lite@1.0.30001692: {}
 
   ccount@2.0.1: {}
 
@@ -11032,7 +8933,7 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  chalk@5.3.0: {}
+  chalk@5.4.1: {}
 
   character-entities-html4@2.1.0: {}
 
@@ -11056,7 +8957,7 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  chokidar@4.0.1:
+  chokidar@4.0.3:
     dependencies:
       readdirp: 4.0.2
 
@@ -11066,7 +8967,7 @@ snapshots:
 
   ci-info@3.9.0: {}
 
-  ci-info@4.0.0: {}
+  ci-info@4.1.0: {}
 
   ciebase@0.1.1:
     dependencies:
@@ -11095,12 +8996,14 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  cmdk@1.0.0(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  cmdk@1.0.4(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.10)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      '@radix-ui/react-dialog': 1.1.4(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-id': 1.1.0(@types/react@19.0.4)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      use-sync-external-store: 1.4.0(react@19.0.0)
     transitivePeerDependencies:
       - '@types/react'
       - '@types/react-dom'
@@ -11150,7 +9053,7 @@ snapshots:
 
   concat-map@0.0.1: {}
 
-  conf@13.0.1:
+  conf@13.1.0:
     dependencies:
       ajv: 8.17.1
       ajv-formats: 3.0.1(ajv@8.17.1)
@@ -11184,21 +9087,21 @@ snapshots:
 
   convert-source-map@2.0.0: {}
 
-  cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.6.2))(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.6.2))(typescript@5.6.2):
+  cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.7.3))(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.7.3))(typescript@5.7.3):
     dependencies:
       '@types/node': 20.5.1
-      cosmiconfig: 8.3.6(typescript@5.6.2)
-      ts-node: 10.9.2(@types/node@20.5.1)(typescript@5.6.2)
-      typescript: 5.6.2
+      cosmiconfig: 8.3.6(typescript@5.7.3)
+      ts-node: 10.9.2(@types/node@20.5.1)(typescript@5.7.3)
+      typescript: 5.7.3
 
-  cosmiconfig@8.3.6(typescript@5.6.2):
+  cosmiconfig@8.3.6(typescript@5.7.3):
     dependencies:
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       parse-json: 5.2.0
       path-type: 4.0.0
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.7.3
 
   create-require@1.1.1: {}
 
@@ -11208,7 +9111,7 @@ snapshots:
       shebang-command: 1.2.0
       which: 1.3.1
 
-  cross-spawn@7.0.3:
+  cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
       shebang-command: 2.0.0
@@ -11224,23 +9127,23 @@ snapshots:
 
   data-uri-to-buffer@4.0.1: {}
 
-  data-view-buffer@1.0.1:
+  data-view-buffer@1.0.2:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
       es-errors: 1.3.0
-      is-data-view: 1.0.1
+      is-data-view: 1.0.2
 
-  data-view-byte-length@1.0.1:
+  data-view-byte-length@1.0.2:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
       es-errors: 1.3.0
-      is-data-view: 1.0.1
+      is-data-view: 1.0.2
 
-  data-view-byte-offset@1.0.0:
+  data-view-byte-offset@1.0.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
       es-errors: 1.3.0
-      is-data-view: 1.0.1
+      is-data-view: 1.0.2
 
   dataloader@1.4.0: {}
 
@@ -11252,7 +9155,7 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  debug@4.3.7:
+  debug@4.4.0:
     dependencies:
       ms: 2.1.3
 
@@ -11263,6 +9166,8 @@ snapshots:
 
   decamelize@1.2.0: {}
 
+  decimal.js@10.4.3: {}
+
   decode-named-character-reference@1.0.2:
     dependencies:
       character-entities: 2.0.2
@@ -11271,27 +9176,6 @@ snapshots:
     dependencies:
       mimic-response: 3.1.0
 
-  deep-equal@2.2.3:
-    dependencies:
-      array-buffer-byte-length: 1.0.1
-      call-bind: 1.0.7
-      es-get-iterator: 1.1.3
-      get-intrinsic: 1.2.4
-      is-arguments: 1.1.1
-      is-array-buffer: 3.0.4
-      is-date-object: 1.0.5
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.3
-      isarray: 2.0.5
-      object-is: 1.1.6
-      object-keys: 1.1.1
-      object.assign: 4.1.5
-      regexp.prototype.flags: 1.5.2
-      side-channel: 1.0.6
-      which-boxed-primitive: 1.0.2
-      which-collection: 1.0.2
-      which-typed-array: 1.1.15
-
   deep-extend@0.6.0: {}
 
   deep-is@0.1.4: {}
@@ -11306,9 +9190,9 @@ snapshots:
 
   define-data-property@1.1.4:
     dependencies:
-      es-define-property: 1.0.0
+      es-define-property: 1.0.1
       es-errors: 1.3.0
-      gopd: 1.0.1
+      gopd: 1.2.0
 
   define-properties@1.2.1:
     dependencies:
@@ -11356,21 +9240,29 @@ snapshots:
 
   dot-prop@9.0.0:
     dependencies:
-      type-fest: 4.26.1
+      type-fest: 4.32.0
 
   dotenv@16.0.3: {}
 
   dotenv@8.6.0: {}
 
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.1
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
   eastasianwidth@0.2.0: {}
 
-  electron-to-chromium@1.5.30: {}
+  electron-to-chromium@1.5.79: {}
+
+  emoji-regex-xs@1.0.0: {}
 
   emoji-regex@8.0.0: {}
 
   emoji-regex@9.2.2: {}
 
-  enhanced-resolve@5.17.1:
+  enhanced-resolve@5.18.0:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.2.1
@@ -11386,97 +9278,91 @@ snapshots:
     dependencies:
       is-arrayish: 0.2.1
 
-  es-abstract@1.23.3:
+  es-abstract@1.23.9:
     dependencies:
-      array-buffer-byte-length: 1.0.1
-      arraybuffer.prototype.slice: 1.0.3
+      array-buffer-byte-length: 1.0.2
+      arraybuffer.prototype.slice: 1.0.4
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
-      data-view-buffer: 1.0.1
-      data-view-byte-length: 1.0.1
-      data-view-byte-offset: 1.0.0
-      es-define-property: 1.0.0
+      call-bind: 1.0.8
+      call-bound: 1.0.3
+      data-view-buffer: 1.0.2
+      data-view-byte-length: 1.0.2
+      data-view-byte-offset: 1.0.1
+      es-define-property: 1.0.1
       es-errors: 1.3.0
       es-object-atoms: 1.0.0
-      es-set-tostringtag: 2.0.3
-      es-to-primitive: 1.2.1
-      function.prototype.name: 1.1.6
-      get-intrinsic: 1.2.4
-      get-symbol-description: 1.0.2
+      es-set-tostringtag: 2.1.0
+      es-to-primitive: 1.3.0
+      function.prototype.name: 1.1.8
+      get-intrinsic: 1.2.7
+      get-proto: 1.0.1
+      get-symbol-description: 1.1.0
       globalthis: 1.0.4
-      gopd: 1.0.1
+      gopd: 1.2.0
       has-property-descriptors: 1.0.2
-      has-proto: 1.0.3
-      has-symbols: 1.0.3
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
       hasown: 2.0.2
-      internal-slot: 1.0.7
-      is-array-buffer: 3.0.4
+      internal-slot: 1.1.0
+      is-array-buffer: 3.0.5
       is-callable: 1.2.7
-      is-data-view: 1.0.1
-      is-negative-zero: 2.0.3
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.3
-      is-string: 1.0.7
-      is-typed-array: 1.1.13
-      is-weakref: 1.0.2
-      object-inspect: 1.13.2
+      is-data-view: 1.0.2
+      is-regex: 1.2.1
+      is-shared-array-buffer: 1.0.4
+      is-string: 1.1.1
+      is-typed-array: 1.1.15
+      is-weakref: 1.1.0
+      math-intrinsics: 1.1.0
+      object-inspect: 1.13.3
       object-keys: 1.1.1
-      object.assign: 4.1.5
-      regexp.prototype.flags: 1.5.2
-      safe-array-concat: 1.1.2
-      safe-regex-test: 1.0.3
-      string.prototype.trim: 1.2.9
-      string.prototype.trimend: 1.0.8
+      object.assign: 4.1.7
+      own-keys: 1.0.1
+      regexp.prototype.flags: 1.5.4
+      safe-array-concat: 1.1.3
+      safe-push-apply: 1.0.0
+      safe-regex-test: 1.1.0
+      set-proto: 1.0.0
+      string.prototype.trim: 1.2.10
+      string.prototype.trimend: 1.0.9
       string.prototype.trimstart: 1.0.8
-      typed-array-buffer: 1.0.2
-      typed-array-byte-length: 1.0.1
-      typed-array-byte-offset: 1.0.2
-      typed-array-length: 1.0.6
-      unbox-primitive: 1.0.2
-      which-typed-array: 1.1.15
+      typed-array-buffer: 1.0.3
+      typed-array-byte-length: 1.0.3
+      typed-array-byte-offset: 1.0.4
+      typed-array-length: 1.0.7
+      unbox-primitive: 1.1.0
+      which-typed-array: 1.1.18
 
-  es-define-property@1.0.0:
-    dependencies:
-      get-intrinsic: 1.2.4
+  es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
 
-  es-get-iterator@1.1.3:
+  es-iterator-helpers@1.2.1:
     dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
-      has-symbols: 1.0.3
-      is-arguments: 1.1.1
-      is-map: 2.0.3
-      is-set: 2.0.3
-      is-string: 1.0.7
-      isarray: 2.0.5
-      stop-iteration-iterator: 1.0.0
-
-  es-iterator-helpers@1.0.19:
-    dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.3
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
-      es-set-tostringtag: 2.0.3
+      es-set-tostringtag: 2.1.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.4
+      get-intrinsic: 1.2.7
       globalthis: 1.0.4
+      gopd: 1.2.0
       has-property-descriptors: 1.0.2
-      has-proto: 1.0.3
-      has-symbols: 1.0.3
-      internal-slot: 1.0.7
-      iterator.prototype: 1.1.2
-      safe-array-concat: 1.1.2
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
+      internal-slot: 1.1.0
+      iterator.prototype: 1.1.5
+      safe-array-concat: 1.1.3
 
   es-object-atoms@1.0.0:
     dependencies:
       es-errors: 1.3.0
 
-  es-set-tostringtag@2.0.3:
+  es-set-tostringtag@2.1.0:
     dependencies:
-      get-intrinsic: 1.2.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.7
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
@@ -11484,11 +9370,11 @@ snapshots:
     dependencies:
       hasown: 2.0.2
 
-  es-to-primitive@1.2.1:
+  es-to-primitive@1.3.0:
     dependencies:
       is-callable: 1.2.7
-      is-date-object: 1.0.5
-      is-symbol: 1.0.4
+      is-date-object: 1.1.0
+      is-symbol: 1.1.1
 
   esast-util-from-estree@2.0.0:
     dependencies:
@@ -11500,7 +9386,7 @@ snapshots:
   esast-util-from-js@2.0.1:
     dependencies:
       '@types/estree-jsx': 1.0.5
-      acorn: 8.12.1
+      acorn: 8.14.0
       esast-util-from-estree: 2.0.0
       vfile-message: 4.0.2
 
@@ -11556,32 +9442,33 @@ snapshots:
       '@esbuild/win32-ia32': 0.23.1
       '@esbuild/win32-x64': 0.23.1
 
-  esbuild@0.24.0:
+  esbuild@0.24.2:
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.24.0
-      '@esbuild/android-arm': 0.24.0
-      '@esbuild/android-arm64': 0.24.0
-      '@esbuild/android-x64': 0.24.0
-      '@esbuild/darwin-arm64': 0.24.0
-      '@esbuild/darwin-x64': 0.24.0
-      '@esbuild/freebsd-arm64': 0.24.0
-      '@esbuild/freebsd-x64': 0.24.0
-      '@esbuild/linux-arm': 0.24.0
-      '@esbuild/linux-arm64': 0.24.0
-      '@esbuild/linux-ia32': 0.24.0
-      '@esbuild/linux-loong64': 0.24.0
-      '@esbuild/linux-mips64el': 0.24.0
-      '@esbuild/linux-ppc64': 0.24.0
-      '@esbuild/linux-riscv64': 0.24.0
-      '@esbuild/linux-s390x': 0.24.0
-      '@esbuild/linux-x64': 0.24.0
-      '@esbuild/netbsd-x64': 0.24.0
-      '@esbuild/openbsd-arm64': 0.24.0
-      '@esbuild/openbsd-x64': 0.24.0
-      '@esbuild/sunos-x64': 0.24.0
-      '@esbuild/win32-arm64': 0.24.0
-      '@esbuild/win32-ia32': 0.24.0
-      '@esbuild/win32-x64': 0.24.0
+      '@esbuild/aix-ppc64': 0.24.2
+      '@esbuild/android-arm': 0.24.2
+      '@esbuild/android-arm64': 0.24.2
+      '@esbuild/android-x64': 0.24.2
+      '@esbuild/darwin-arm64': 0.24.2
+      '@esbuild/darwin-x64': 0.24.2
+      '@esbuild/freebsd-arm64': 0.24.2
+      '@esbuild/freebsd-x64': 0.24.2
+      '@esbuild/linux-arm': 0.24.2
+      '@esbuild/linux-arm64': 0.24.2
+      '@esbuild/linux-ia32': 0.24.2
+      '@esbuild/linux-loong64': 0.24.2
+      '@esbuild/linux-mips64el': 0.24.2
+      '@esbuild/linux-ppc64': 0.24.2
+      '@esbuild/linux-riscv64': 0.24.2
+      '@esbuild/linux-s390x': 0.24.2
+      '@esbuild/linux-x64': 0.24.2
+      '@esbuild/netbsd-arm64': 0.24.2
+      '@esbuild/netbsd-x64': 0.24.2
+      '@esbuild/openbsd-arm64': 0.24.2
+      '@esbuild/openbsd-x64': 0.24.2
+      '@esbuild/sunos-x64': 0.24.2
+      '@esbuild/win32-arm64': 0.24.2
+      '@esbuild/win32-ia32': 0.24.2
+      '@esbuild/win32-x64': 0.24.2
 
   escalade@3.2.0: {}
 
@@ -11591,21 +9478,21 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-config-next@14.2.13(eslint@8.57.1)(typescript@5.6.2):
+  eslint-config-next@14.2.23(eslint@8.57.1)(typescript@5.7.3):
     dependencies:
-      '@next/eslint-plugin-next': 14.2.13
-      '@rushstack/eslint-patch': 1.10.4
-      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint@8.57.1)(typescript@5.6.2)
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.6.2)
+      '@next/eslint-plugin-next': 14.2.23
+      '@rushstack/eslint-patch': 1.10.5
+      '@typescript-eslint/eslint-plugin': 8.19.1(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint@8.57.1)(typescript@5.7.3)
+      '@typescript-eslint/parser': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0)(eslint@8.57.1)
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
-      eslint-plugin-jsx-a11y: 6.10.0(eslint@8.57.1)
-      eslint-plugin-react: 7.37.1(eslint@8.57.1)
-      eslint-plugin-react-hooks: 4.6.2(eslint@8.57.1)
+      eslint-import-resolver-typescript: 3.7.0(eslint-plugin-import@2.31.0)(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@8.57.1)
+      eslint-plugin-react: 7.37.3(eslint@8.57.1)
+      eslint-plugin-react-hooks: 5.0.0-canary-7118f5dd7-20230705(eslint@8.57.1)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.7.3
     transitivePeerDependencies:
       - eslint-import-resolver-webpack
       - eslint-plugin-import-x
@@ -11615,109 +9502,106 @@ snapshots:
     dependencies:
       eslint: 8.57.1
 
-  eslint-config-turbo@2.1.3(eslint@8.57.1):
+  eslint-config-turbo@2.3.3(eslint@8.57.1):
     dependencies:
       eslint: 8.57.1
-      eslint-plugin-turbo: 2.1.3(eslint@8.57.1)
+      eslint-plugin-turbo: 2.3.3(eslint@8.57.1)
 
   eslint-import-resolver-node@0.3.9:
     dependencies:
       debug: 3.2.7
-      is-core-module: 2.15.1
-      resolve: 1.22.8
+      is-core-module: 2.16.1
+      resolve: 1.22.10
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0)(eslint@8.57.1):
+  eslint-import-resolver-typescript@3.7.0(eslint-plugin-import@2.31.0)(eslint@8.57.1):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
-      debug: 4.3.7
-      enhanced-resolve: 5.17.1
+      debug: 4.4.0
+      enhanced-resolve: 5.18.0
       eslint: 8.57.1
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
-      fast-glob: 3.3.2
+      fast-glob: 3.3.3
       get-tsconfig: 4.8.1
-      is-bun-module: 1.2.1
+      is-bun-module: 1.3.0
       is-glob: 4.0.3
+      stable-hash: 0.0.4
     optionalDependencies:
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
     transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.6.2)
+      '@typescript-eslint/parser': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0)(eslint@8.57.1)
+      eslint-import-resolver-typescript: 3.7.0(eslint-plugin-import@2.31.0)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.30.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1):
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
       array.prototype.findlastindex: 1.2.5
-      array.prototype.flat: 1.3.2
-      array.prototype.flatmap: 1.3.2
+      array.prototype.flat: 1.3.3
+      array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
       hasown: 2.0.2
-      is-core-module: 2.15.1
+      is-core-module: 2.16.1
       is-glob: 4.0.3
       minimatch: 3.1.2
       object.fromentries: 2.0.8
       object.groupby: 1.0.3
-      object.values: 1.2.0
+      object.values: 1.2.1
       semver: 6.3.1
+      string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.6.2)
+      '@typescript-eslint/parser': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-jsx-a11y@6.10.0(eslint@8.57.1):
+  eslint-plugin-jsx-a11y@6.10.2(eslint@8.57.1):
     dependencies:
-      aria-query: 5.1.3
+      aria-query: 5.3.2
       array-includes: 3.1.8
-      array.prototype.flatmap: 1.3.2
+      array.prototype.flatmap: 1.3.3
       ast-types-flow: 0.0.8
-      axe-core: 4.10.0
+      axe-core: 4.10.2
       axobject-query: 4.1.0
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
-      es-iterator-helpers: 1.0.19
       eslint: 8.57.1
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
       minimatch: 3.1.2
       object.fromentries: 2.0.8
-      safe-regex-test: 1.0.3
-      string.prototype.includes: 2.0.0
+      safe-regex-test: 1.1.0
+      string.prototype.includes: 2.0.1
 
-  eslint-plugin-react-hooks@4.6.2(eslint@8.57.1):
+  eslint-plugin-react-hooks@5.0.0-canary-7118f5dd7-20230705(eslint@8.57.1):
     dependencies:
       eslint: 8.57.1
 
-  eslint-plugin-react@7.37.1(eslint@8.57.1):
+  eslint-plugin-react@7.37.3(eslint@8.57.1):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlast: 1.2.5
-      array.prototype.flatmap: 1.3.2
+      array.prototype.flatmap: 1.3.3
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
-      es-iterator-helpers: 1.0.19
+      es-iterator-helpers: 1.2.1
       eslint: 8.57.1
       estraverse: 5.3.0
       hasown: 2.0.2
@@ -11725,14 +9609,14 @@ snapshots:
       minimatch: 3.1.2
       object.entries: 1.1.8
       object.fromentries: 2.0.8
-      object.values: 1.2.0
+      object.values: 1.2.1
       prop-types: 15.8.1
       resolve: 2.0.0-next.5
       semver: 6.3.1
-      string.prototype.matchall: 4.0.11
+      string.prototype.matchall: 4.0.12
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-turbo@2.1.3(eslint@8.57.1):
+  eslint-plugin-turbo@2.3.3(eslint@8.57.1):
     dependencies:
       dotenv: 16.0.3
       eslint: 8.57.1
@@ -11744,20 +9628,22 @@ snapshots:
 
   eslint-visitor-keys@3.4.3: {}
 
+  eslint-visitor-keys@4.2.0: {}
+
   eslint@8.57.1:
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
-      '@eslint-community/regexpp': 4.11.1
+      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
+      '@eslint-community/regexpp': 4.12.1
       '@eslint/eslintrc': 2.1.4
       '@eslint/js': 8.57.1
       '@humanwhocodes/config-array': 0.13.0
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
-      '@ungap/structured-clone': 1.2.0
+      '@ungap/structured-clone': 1.2.1
       ajv: 6.12.6
       chalk: 4.1.2
-      cross-spawn: 7.0.3
-      debug: 4.3.7
+      cross-spawn: 7.0.6
+      debug: 4.4.0
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -11789,8 +9675,8 @@ snapshots:
 
   espree@9.6.1:
     dependencies:
-      acorn: 8.12.1
-      acorn-jsx: 5.3.2(acorn@8.12.1)
+      acorn: 8.14.0
+      acorn-jsx: 5.3.2(acorn@8.14.0)
       eslint-visitor-keys: 3.4.3
 
   esprima@4.0.1: {}
@@ -11805,20 +9691,10 @@ snapshots:
 
   estraverse@5.3.0: {}
 
-  estree-util-attach-comments@2.1.1:
-    dependencies:
-      '@types/estree': 1.0.6
-
   estree-util-attach-comments@3.0.0:
     dependencies:
       '@types/estree': 1.0.6
 
-  estree-util-build-jsx@2.2.2:
-    dependencies:
-      '@types/estree-jsx': 1.0.5
-      estree-util-is-identifier-name: 2.1.0
-      estree-walker: 3.0.3
-
   estree-util-build-jsx@3.0.1:
     dependencies:
       '@types/estree-jsx': 1.0.5
@@ -11826,8 +9702,6 @@ snapshots:
       estree-util-is-identifier-name: 3.0.0
       estree-walker: 3.0.3
 
-  estree-util-is-identifier-name@2.1.0: {}
-
   estree-util-is-identifier-name@3.0.0: {}
 
   estree-util-scope@1.0.0:
@@ -11835,27 +9709,16 @@ snapshots:
       '@types/estree': 1.0.6
       devlop: 1.1.0
 
-  estree-util-to-js@1.2.0:
-    dependencies:
-      '@types/estree-jsx': 1.0.5
-      astring: 1.9.0
-      source-map: 0.7.4
-
   estree-util-to-js@2.0.0:
     dependencies:
       '@types/estree-jsx': 1.0.5
       astring: 1.9.0
       source-map: 0.7.4
 
-  estree-util-value-to-estree@3.1.2:
+  estree-util-value-to-estree@3.2.1:
     dependencies:
       '@types/estree': 1.0.6
 
-  estree-util-visit@1.2.1:
-    dependencies:
-      '@types/estree-jsx': 1.0.5
-      '@types/unist': 2.0.11
-
   estree-util-visit@2.0.0:
     dependencies:
       '@types/estree-jsx': 1.0.5
@@ -11869,7 +9732,7 @@ snapshots:
 
   execa@5.1.1:
     dependencies:
-      cross-spawn: 7.0.3
+      cross-spawn: 7.0.6
       get-stream: 6.0.1
       human-signals: 2.1.0
       is-stream: 2.0.1
@@ -11881,7 +9744,7 @@ snapshots:
 
   execa@7.2.0:
     dependencies:
-      cross-spawn: 7.0.3
+      cross-spawn: 7.0.6
       get-stream: 6.0.1
       human-signals: 4.3.1
       is-stream: 3.0.0
@@ -11907,7 +9770,7 @@ snapshots:
 
   fast-deep-equal@3.1.3: {}
 
-  fast-glob@3.3.2:
+  fast-glob@3.3.3:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       '@nodelib/fs.walk': 1.2.8
@@ -11919,9 +9782,9 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
-  fast-uri@3.0.2: {}
+  fast-uri@3.0.5: {}
 
-  fastq@1.17.1:
+  fastq@1.18.0:
     dependencies:
       reusify: 1.0.4
 
@@ -11954,11 +9817,11 @@ snapshots:
 
   flat-cache@3.2.0:
     dependencies:
-      flatted: 3.3.1
+      flatted: 3.3.2
       keyv: 4.5.4
       rimraf: 3.0.2
 
-  flatted@3.3.1: {}
+  flatted@3.3.2: {}
 
   for-each@0.3.3:
     dependencies:
@@ -11966,7 +9829,7 @@ snapshots:
 
   foreground-child@3.3.0:
     dependencies:
-      cross-spawn: 7.0.3
+      cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
   form-data-encoder@2.1.4: {}
@@ -11977,12 +9840,14 @@ snapshots:
 
   fraction.js@4.3.7: {}
 
-  framer-motion@11.11.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  framer-motion@11.16.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      tslib: 2.7.0
+      motion-dom: 11.16.4
+      motion-utils: 11.16.0
+      tslib: 2.8.1
     optionalDependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
   fs-extra@11.2.0:
     dependencies:
@@ -12007,119 +9872,125 @@ snapshots:
   fsevents@2.3.3:
     optional: true
 
-  fumadocs-core@14.0.2(@types/react@18.3.10):
+  fumadocs-core@14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      '@formatjs/intl-localematcher': 0.5.6
-      '@orama/orama': 3.0.1
-      '@shikijs/rehype': 1.22.1
-      '@shikijs/transformers': 1.22.1
+      '@formatjs/intl-localematcher': 0.5.10
+      '@orama/orama': 2.1.1
+      '@shikijs/rehype': 1.26.1
       github-slugger: 2.0.0
-      hast-util-to-estree: 3.1.0
-      image-size: 1.1.1
+      hast-util-to-estree: 3.1.1
+      hast-util-to-jsx-runtime: 2.3.2
+      image-size: 1.2.0
       negotiator: 1.0.0
-      react-remove-scroll: 2.6.0(@types/react@18.3.10)(react@18.3.1)
+      react-remove-scroll: 2.6.2(@types/react@19.0.4)(react@19.0.0)
       remark: 15.0.1
       remark-gfm: 4.0.0
       scroll-into-view-if-needed: 3.1.0
-      shiki: 1.22.1
+      shiki: 1.26.1
       unist-util-visit: 5.0.0
     optionalDependencies:
-      algoliasearch: 4.24.0
-      next: 15.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     transitivePeerDependencies:
-      - '@babel/core'
-      - '@opentelemetry/api'
-      - '@playwright/test'
       - '@types/react'
-      - babel-plugin-macros
-      - babel-plugin-react-compiler
-      - sass
       - supports-color
 
-  fumadocs-docgen@1.3.0(typescript@5.6.2):
+  fumadocs-docgen@1.3.4(typescript@5.7.3):
     dependencies:
-      estree-util-value-to-estree: 3.1.2
-      fumadocs-typescript: 3.0.0(typescript@5.6.2)
-      hast-util-to-estree: 3.1.0
-      npm-to-yarn: 3.0.0
-      ts-morph: 24.0.0
+      estree-util-value-to-estree: 3.2.1
+      fumadocs-typescript: 3.0.2(typescript@5.7.3)
+      hast-util-to-estree: 3.1.1
+      npm-to-yarn: 3.0.1
+      oxc-transform: 0.43.0
       unist-util-visit: 5.0.0
-      zod: 3.23.8
+      zod: 3.24.1
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  fumadocs-mdx@11.1.0(acorn@8.12.1)(fumadocs-core@14.0.2(@types/react@18.3.10))(next@14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
+  fumadocs-mdx@11.2.3(acorn@8.14.0)(fumadocs-core@14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)):
     dependencies:
-      '@mdx-js/mdx': 3.1.0(acorn@8.12.1)
-      chokidar: 4.0.1
-      cross-spawn: 7.0.3
-      esbuild: 0.24.0
-      estree-util-value-to-estree: 3.1.2
-      fast-glob: 3.3.2
-      fumadocs-core: 14.0.2(@types/react@18.3.10)
+      '@mdx-js/mdx': 3.1.0(acorn@8.14.0)
+      chokidar: 4.0.3
+      cross-spawn: 7.0.6
+      esbuild: 0.24.2
+      estree-util-value-to-estree: 3.2.1
+      fast-glob: 3.3.3
+      fumadocs-core: 14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       gray-matter: 4.0.3
       micromatch: 4.0.8
-      next: 14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      zod: 3.23.8
+      next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      unist-util-visit: 5.0.0
+      zod: 3.24.1
     transitivePeerDependencies:
       - acorn
       - supports-color
 
-  fumadocs-typescript@3.0.0(typescript@5.6.2):
+  fumadocs-typescript@3.0.2(typescript@5.7.3):
     dependencies:
-      '@types/node': 22.7.7
-      fast-glob: 3.3.2
+      '@types/node': 22.8.1
+      fast-glob: 3.3.3
       hast-util-to-jsx-runtime: 2.3.2
-      mdast-util-from-markdown: 2.0.1
+      mdast-util-from-markdown: 2.0.2
       mdast-util-gfm: 3.0.0
       mdast-util-to-hast: 13.2.0
-      shiki: 1.22.1
+      shiki: 1.26.1
       ts-morph: 24.0.0
-      typescript: 5.6.2
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
   function-bind@1.1.2: {}
 
-  function.prototype.name@1.1.6:
+  function.prototype.name@1.1.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.3
       define-properties: 1.2.1
-      es-abstract: 1.23.3
       functions-have-names: 1.2.3
+      hasown: 2.0.2
+      is-callable: 1.2.7
 
   functions-have-names@1.2.3: {}
 
-  geist@1.3.1(next@14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
+  geist@1.3.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)):
     dependencies:
-      next: 14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
 
   gensync@1.0.0-beta.2: {}
 
   get-caller-file@2.0.5: {}
 
-  get-intrinsic@1.2.4:
+  get-intrinsic@1.2.7:
     dependencies:
+      call-bind-apply-helpers: 1.0.1
+      es-define-property: 1.0.1
       es-errors: 1.3.0
+      es-object-atoms: 1.0.0
       function-bind: 1.1.2
-      has-proto: 1.0.3
-      has-symbols: 1.0.3
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
       hasown: 2.0.2
+      math-intrinsics: 1.1.0
 
   get-nonce@1.0.1: {}
 
   get-own-enumerable-keys@1.0.0: {}
 
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.0.0
+
   get-stream@6.0.1: {}
 
-  get-symbol-description@1.0.2:
+  get-symbol-description@1.1.0:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
+      get-intrinsic: 1.2.7
 
   get-tsconfig@4.8.1:
     dependencies:
@@ -12191,20 +10062,18 @@ snapshots:
   globalthis@1.0.4:
     dependencies:
       define-properties: 1.2.1
-      gopd: 1.0.1
+      gopd: 1.2.0
 
   globby@11.1.0:
     dependencies:
       array-union: 2.1.0
       dir-glob: 3.0.1
-      fast-glob: 3.3.2
+      fast-glob: 3.3.3
       ignore: 5.3.2
       merge2: 1.4.1
       slash: 3.0.0
 
-  gopd@1.0.1:
-    dependencies:
-      get-intrinsic: 1.2.4
+  gopd@1.2.0: {}
 
   got@12.6.1:
     dependencies:
@@ -12235,7 +10104,7 @@ snapshots:
 
   hard-rejection@2.1.0: {}
 
-  has-bigints@1.0.2: {}
+  has-bigints@1.1.0: {}
 
   has-flag@3.0.0: {}
 
@@ -12243,41 +10112,23 @@ snapshots:
 
   has-property-descriptors@1.0.2:
     dependencies:
-      es-define-property: 1.0.0
+      es-define-property: 1.0.1
 
-  has-proto@1.0.3: {}
+  has-proto@1.2.0:
+    dependencies:
+      dunder-proto: 1.0.1
 
-  has-symbols@1.0.3: {}
+  has-symbols@1.1.0: {}
 
   has-tostringtag@1.0.2:
     dependencies:
-      has-symbols: 1.0.3
+      has-symbols: 1.1.0
 
   hasown@2.0.2:
     dependencies:
       function-bind: 1.1.2
 
-  hast-util-to-estree@2.3.3:
-    dependencies:
-      '@types/estree': 1.0.6
-      '@types/estree-jsx': 1.0.5
-      '@types/hast': 2.3.10
-      '@types/unist': 2.0.11
-      comma-separated-tokens: 2.0.3
-      estree-util-attach-comments: 2.1.1
-      estree-util-is-identifier-name: 2.1.0
-      hast-util-whitespace: 2.0.1
-      mdast-util-mdx-expression: 1.3.2
-      mdast-util-mdxjs-esm: 1.3.1
-      property-information: 6.5.0
-      space-separated-tokens: 2.0.2
-      style-to-object: 0.4.4
-      unist-util-position: 4.0.4
-      zwitch: 2.0.4
-    transitivePeerDependencies:
-      - supports-color
-
-  hast-util-to-estree@3.1.0:
+  hast-util-to-estree@3.1.1:
     dependencies:
       '@types/estree': 1.0.6
       '@types/estree-jsx': 1.0.5
@@ -12292,13 +10143,13 @@ snapshots:
       mdast-util-mdxjs-esm: 2.0.1
       property-information: 6.5.0
       space-separated-tokens: 2.0.2
-      style-to-object: 0.4.4
+      style-to-object: 1.0.8
       unist-util-position: 5.0.0
       zwitch: 2.0.4
     transitivePeerDependencies:
       - supports-color
 
-  hast-util-to-html@9.0.3:
+  hast-util-to-html@9.0.4:
     dependencies:
       '@types/hast': 3.0.4
       '@types/unist': 3.0.3
@@ -12312,26 +10163,6 @@ snapshots:
       stringify-entities: 4.0.4
       zwitch: 2.0.4
 
-  hast-util-to-jsx-runtime@2.3.0:
-    dependencies:
-      '@types/estree': 1.0.6
-      '@types/hast': 3.0.4
-      '@types/unist': 3.0.3
-      comma-separated-tokens: 2.0.3
-      devlop: 1.1.0
-      estree-util-is-identifier-name: 3.0.0
-      hast-util-whitespace: 3.0.0
-      mdast-util-mdx-expression: 2.0.1
-      mdast-util-mdx-jsx: 3.1.3
-      mdast-util-mdxjs-esm: 2.0.1
-      property-information: 6.5.0
-      space-separated-tokens: 2.0.2
-      style-to-object: 1.0.8
-      unist-util-position: 5.0.0
-      vfile-message: 4.0.2
-    transitivePeerDependencies:
-      - supports-color
-
   hast-util-to-jsx-runtime@2.3.2:
     dependencies:
       '@types/estree': 1.0.6
@@ -12356,8 +10187,6 @@ snapshots:
     dependencies:
       '@types/hast': 3.0.4
 
-  hast-util-whitespace@2.0.1: {}
-
   hast-util-whitespace@3.0.0:
     dependencies:
       '@types/hast': 3.0.4
@@ -12381,8 +10210,8 @@ snapshots:
 
   https-proxy-agent@6.2.1:
     dependencies:
-      agent-base: 7.1.1
-      debug: 4.3.7
+      agent-base: 7.1.3
+      debug: 4.4.0
     transitivePeerDependencies:
       - supports-color
 
@@ -12400,7 +10229,7 @@ snapshots:
 
   ignore@5.3.2: {}
 
-  image-size@1.1.1:
+  image-size@1.2.0:
     dependencies:
       queue: 6.0.2
 
@@ -12424,26 +10253,20 @@ snapshots:
 
   ini@1.3.8: {}
 
-  inline-style-parser@0.1.1: {}
-
   inline-style-parser@0.2.4: {}
 
-  internal-slot@1.0.7:
+  internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
       hasown: 2.0.2
-      side-channel: 1.0.6
+      side-channel: 1.1.0
 
-  intl-messageformat@10.5.14:
+  intl-messageformat@10.7.11:
     dependencies:
-      '@formatjs/ecma402-abstract': 2.0.0
-      '@formatjs/fast-memoize': 2.2.0
-      '@formatjs/icu-messageformat-parser': 2.7.8
-      tslib: 2.7.0
-
-  invariant@2.2.4:
-    dependencies:
-      loose-envify: 1.4.0
+      '@formatjs/ecma402-abstract': 2.3.2
+      '@formatjs/fast-memoize': 2.2.6
+      '@formatjs/icu-messageformat-parser': 2.9.8
+      tslib: 2.8.1
 
   is-alphabetical@2.0.1: {}
 
@@ -12452,55 +10275,55 @@ snapshots:
       is-alphabetical: 2.0.1
       is-decimal: 2.0.1
 
-  is-arguments@1.1.1:
-    dependencies:
-      call-bind: 1.0.7
-      has-tostringtag: 1.0.2
-
-  is-array-buffer@3.0.4:
+  is-array-buffer@3.0.5:
     dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
+      call-bind: 1.0.8
+      call-bound: 1.0.3
+      get-intrinsic: 1.2.7
 
   is-arrayish@0.2.1: {}
 
   is-arrayish@0.3.2: {}
 
-  is-async-function@2.0.0:
+  is-async-function@2.1.0:
     dependencies:
+      call-bound: 1.0.3
+      get-proto: 1.0.1
       has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
 
-  is-bigint@1.0.4:
+  is-bigint@1.1.0:
     dependencies:
-      has-bigints: 1.0.2
+      has-bigints: 1.1.0
 
   is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.3.0
 
-  is-boolean-object@1.1.2:
+  is-boolean-object@1.2.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
       has-tostringtag: 1.0.2
 
-  is-buffer@2.0.5: {}
-
-  is-bun-module@1.2.1:
+  is-bun-module@1.3.0:
     dependencies:
       semver: 7.6.3
 
   is-callable@1.2.7: {}
 
-  is-core-module@2.15.1:
+  is-core-module@2.16.1:
     dependencies:
       hasown: 2.0.2
 
-  is-data-view@1.0.1:
+  is-data-view@1.0.2:
     dependencies:
-      is-typed-array: 1.1.13
+      call-bound: 1.0.3
+      get-intrinsic: 1.2.7
+      is-typed-array: 1.1.15
 
-  is-date-object@1.0.5:
+  is-date-object@1.1.0:
     dependencies:
+      call-bound: 1.0.3
       has-tostringtag: 1.0.2
 
   is-decimal@2.0.1: {}
@@ -12509,15 +10332,18 @@ snapshots:
 
   is-extglob@2.1.1: {}
 
-  is-finalizationregistry@1.0.2:
+  is-finalizationregistry@1.1.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
 
   is-fullwidth-code-point@3.0.0: {}
 
-  is-generator-function@1.0.10:
+  is-generator-function@1.1.0:
     dependencies:
+      call-bound: 1.0.3
+      get-proto: 1.0.1
       has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
 
   is-glob@4.0.3:
     dependencies:
@@ -12529,10 +10355,9 @@ snapshots:
 
   is-map@2.0.3: {}
 
-  is-negative-zero@2.0.3: {}
-
-  is-number-object@1.0.7:
+  is-number-object@1.1.1:
     dependencies:
+      call-bound: 1.0.3
       has-tostringtag: 1.0.2
 
   is-number@7.0.0: {}
@@ -12547,59 +10372,60 @@ snapshots:
 
   is-plain-obj@4.1.0: {}
 
-  is-reference@3.0.2:
+  is-regex@1.2.1:
     dependencies:
-      '@types/estree': 1.0.6
-
-  is-regex@1.1.4:
-    dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
+      gopd: 1.2.0
       has-tostringtag: 1.0.2
+      hasown: 2.0.2
 
   is-regexp@3.1.0: {}
 
   is-set@2.0.3: {}
 
-  is-shared-array-buffer@1.0.3:
+  is-shared-array-buffer@1.0.4:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
 
   is-stream@2.0.1: {}
 
   is-stream@3.0.0: {}
 
-  is-string@1.0.7:
+  is-string@1.1.1:
     dependencies:
+      call-bound: 1.0.3
       has-tostringtag: 1.0.2
 
   is-subdir@1.2.0:
     dependencies:
       better-path-resolve: 1.0.0
 
-  is-symbol@1.0.4:
+  is-symbol@1.1.1:
     dependencies:
-      has-symbols: 1.0.3
+      call-bound: 1.0.3
+      has-symbols: 1.1.0
+      safe-regex-test: 1.1.0
 
   is-text-path@1.0.1:
     dependencies:
       text-extensions: 1.9.0
 
-  is-typed-array@1.1.13:
+  is-typed-array@1.1.15:
     dependencies:
-      which-typed-array: 1.1.15
+      which-typed-array: 1.1.18
 
   is-unicode-supported@1.3.0: {}
 
   is-weakmap@2.0.2: {}
 
-  is-weakref@1.0.2:
+  is-weakref@1.1.0:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
 
-  is-weakset@2.0.3:
+  is-weakset@2.0.4:
     dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
+      call-bound: 1.0.3
+      get-intrinsic: 1.2.7
 
   is-windows@1.0.2: {}
 
@@ -12607,12 +10433,13 @@ snapshots:
 
   isexe@2.0.0: {}
 
-  iterator.prototype@1.1.2:
+  iterator.prototype@1.1.5:
     dependencies:
-      define-properties: 1.2.1
-      get-intrinsic: 1.2.4
-      has-symbols: 1.0.3
-      reflect.getprototypeof: 1.0.6
+      define-data-property: 1.1.4
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.7
+      get-proto: 1.0.1
+      has-symbols: 1.1.0
       set-function-name: 2.0.2
 
   jackspeak@2.3.6:
@@ -12633,21 +10460,21 @@ snapshots:
 
   javascript-natural-sort@0.7.1: {}
 
-  jiti@1.21.6: {}
+  jiti@1.21.7: {}
 
-  jiti@2.4.0: {}
+  jiti@2.4.2: {}
 
   jju@1.4.0: {}
 
-  jotai-immer@0.4.1(immer@10.1.1)(jotai@2.8.0(@types/react@18.3.10)(react@18.3.1)):
+  jotai-immer@0.4.1(immer@10.1.1)(jotai@2.8.0(@types/react@19.0.4)(react@19.0.0)):
     dependencies:
       immer: 10.1.1
-      jotai: 2.8.0(@types/react@18.3.10)(react@18.3.1)
+      jotai: 2.8.0(@types/react@19.0.4)(react@19.0.0)
 
-  jotai@2.8.0(@types/react@18.3.10)(react@18.3.1):
+  jotai@2.8.0(@types/react@19.0.4)(react@19.0.0):
     optionalDependencies:
-      '@types/react': 18.3.10
-      react: 18.3.1
+      '@types/react': 19.0.4
+      react: 19.0.0
 
   joycon@3.1.1: {}
 
@@ -12664,6 +10491,8 @@ snapshots:
 
   jsesc@2.5.2: {}
 
+  jsesc@3.1.0: {}
+
   json-buffer@3.0.1: {}
 
   json-parse-even-better-errors@2.3.1: {}
@@ -12697,9 +10526,9 @@ snapshots:
   jsx-ast-utils@3.3.5:
     dependencies:
       array-includes: 3.1.8
-      array.prototype.flat: 1.3.2
-      object.assign: 4.1.5
-      object.values: 1.2.0
+      array.prototype.flat: 1.3.3
+      object.assign: 4.1.7
+      object.values: 1.2.1
 
   keyv@4.5.4:
     dependencies:
@@ -12722,54 +10551,54 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
-  lightningcss-darwin-arm64@1.28.1:
+  lightningcss-darwin-arm64@1.29.0:
     optional: true
 
-  lightningcss-darwin-x64@1.28.1:
+  lightningcss-darwin-x64@1.29.0:
     optional: true
 
-  lightningcss-freebsd-x64@1.28.1:
+  lightningcss-freebsd-x64@1.29.0:
     optional: true
 
-  lightningcss-linux-arm-gnueabihf@1.28.1:
+  lightningcss-linux-arm-gnueabihf@1.29.0:
     optional: true
 
-  lightningcss-linux-arm64-gnu@1.28.1:
+  lightningcss-linux-arm64-gnu@1.29.0:
     optional: true
 
-  lightningcss-linux-arm64-musl@1.28.1:
+  lightningcss-linux-arm64-musl@1.29.0:
     optional: true
 
-  lightningcss-linux-x64-gnu@1.28.1:
+  lightningcss-linux-x64-gnu@1.29.0:
     optional: true
 
-  lightningcss-linux-x64-musl@1.28.1:
+  lightningcss-linux-x64-musl@1.29.0:
     optional: true
 
-  lightningcss-win32-arm64-msvc@1.28.1:
+  lightningcss-win32-arm64-msvc@1.29.0:
     optional: true
 
-  lightningcss-win32-x64-msvc@1.28.1:
+  lightningcss-win32-x64-msvc@1.29.0:
     optional: true
 
-  lightningcss@1.28.1:
+  lightningcss@1.29.0:
     dependencies:
       detect-libc: 1.0.3
     optionalDependencies:
-      lightningcss-darwin-arm64: 1.28.1
-      lightningcss-darwin-x64: 1.28.1
-      lightningcss-freebsd-x64: 1.28.1
-      lightningcss-linux-arm-gnueabihf: 1.28.1
-      lightningcss-linux-arm64-gnu: 1.28.1
-      lightningcss-linux-arm64-musl: 1.28.1
-      lightningcss-linux-x64-gnu: 1.28.1
-      lightningcss-linux-x64-musl: 1.28.1
-      lightningcss-win32-arm64-msvc: 1.28.1
-      lightningcss-win32-x64-msvc: 1.28.1
+      lightningcss-darwin-arm64: 1.29.0
+      lightningcss-darwin-x64: 1.29.0
+      lightningcss-freebsd-x64: 1.29.0
+      lightningcss-linux-arm-gnueabihf: 1.29.0
+      lightningcss-linux-arm64-gnu: 1.29.0
+      lightningcss-linux-arm64-musl: 1.29.0
+      lightningcss-linux-x64-gnu: 1.29.0
+      lightningcss-linux-x64-musl: 1.29.0
+      lightningcss-win32-arm64-msvc: 1.29.0
+      lightningcss-win32-x64-msvc: 1.29.0
 
   lilconfig@2.1.0: {}
 
-  lilconfig@3.1.2: {}
+  lilconfig@3.1.3: {}
 
   lines-and-columns@1.2.4: {}
 
@@ -12820,7 +10649,7 @@ snapshots:
 
   log-symbols@5.1.0:
     dependencies:
-      chalk: 5.3.0
+      chalk: 5.4.1
       is-unicode-supported: 1.3.0
 
   longest-streak@3.1.0: {}
@@ -12833,7 +10662,7 @@ snapshots:
 
   lru-cache@10.4.3: {}
 
-  lru-cache@11.0.1: {}
+  lru-cache@11.0.2: {}
 
   lru-cache@4.1.5:
     dependencies:
@@ -12848,9 +10677,9 @@ snapshots:
     dependencies:
       yallist: 4.0.0
 
-  lucide-react@0.311.0(react@18.3.1):
+  lucide-react@0.469.0(react@19.0.0):
     dependencies:
-      react: 18.3.1
+      react: 19.0.0
 
   make-error@1.3.6: {}
 
@@ -12858,55 +10687,32 @@ snapshots:
 
   map-obj@4.3.0: {}
 
-  markdown-extensions@1.1.1: {}
-
   markdown-extensions@2.0.0: {}
 
-  markdown-table@3.0.3: {}
+  markdown-table@3.0.4: {}
 
-  mdast-util-definitions@5.1.2:
-    dependencies:
-      '@types/mdast': 3.0.15
-      '@types/unist': 2.0.11
-      unist-util-visit: 4.1.2
+  math-intrinsics@1.1.0: {}
 
-  mdast-util-find-and-replace@3.0.1:
+  mdast-util-find-and-replace@3.0.2:
     dependencies:
       '@types/mdast': 4.0.4
       escape-string-regexp: 5.0.0
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
 
-  mdast-util-from-markdown@1.3.1:
-    dependencies:
-      '@types/mdast': 3.0.15
-      '@types/unist': 2.0.11
-      decode-named-character-reference: 1.0.2
-      mdast-util-to-string: 3.2.0
-      micromark: 3.2.0
-      micromark-util-decode-numeric-character-reference: 1.1.0
-      micromark-util-decode-string: 1.1.0
-      micromark-util-normalize-identifier: 1.1.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      unist-util-stringify-position: 3.0.3
-      uvu: 0.5.6
-    transitivePeerDependencies:
-      - supports-color
-
-  mdast-util-from-markdown@2.0.1:
+  mdast-util-from-markdown@2.0.2:
     dependencies:
       '@types/mdast': 4.0.4
       '@types/unist': 3.0.3
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
       mdast-util-to-string: 4.0.0
-      micromark: 4.0.0
-      micromark-util-decode-numeric-character-reference: 2.0.1
-      micromark-util-decode-string: 2.0.0
-      micromark-util-normalize-identifier: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark: 4.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
       unist-util-stringify-position: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -12916,24 +10722,24 @@ snapshots:
       '@types/mdast': 4.0.4
       ccount: 2.0.1
       devlop: 1.1.0
-      mdast-util-find-and-replace: 3.0.1
-      micromark-util-character: 2.1.0
+      mdast-util-find-and-replace: 3.0.2
+      micromark-util-character: 2.1.1
 
   mdast-util-gfm-footnote@2.0.0:
     dependencies:
       '@types/mdast': 4.0.4
       devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.1
-      mdast-util-to-markdown: 2.1.0
-      micromark-util-normalize-identifier: 2.0.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+      micromark-util-normalize-identifier: 2.0.1
     transitivePeerDependencies:
       - supports-color
 
   mdast-util-gfm-strikethrough@2.0.0:
     dependencies:
       '@types/mdast': 4.0.4
-      mdast-util-from-markdown: 2.0.1
-      mdast-util-to-markdown: 2.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
     transitivePeerDependencies:
       - supports-color
 
@@ -12941,9 +10747,9 @@ snapshots:
     dependencies:
       '@types/mdast': 4.0.4
       devlop: 1.1.0
-      markdown-table: 3.0.3
-      mdast-util-from-markdown: 2.0.1
-      mdast-util-to-markdown: 2.1.0
+      markdown-table: 3.0.4
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
     transitivePeerDependencies:
       - supports-color
 
@@ -12951,30 +10757,20 @@ snapshots:
     dependencies:
       '@types/mdast': 4.0.4
       devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.1
-      mdast-util-to-markdown: 2.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
     transitivePeerDependencies:
       - supports-color
 
   mdast-util-gfm@3.0.0:
     dependencies:
-      mdast-util-from-markdown: 2.0.1
+      mdast-util-from-markdown: 2.0.2
       mdast-util-gfm-autolink-literal: 2.0.1
       mdast-util-gfm-footnote: 2.0.0
       mdast-util-gfm-strikethrough: 2.0.0
       mdast-util-gfm-table: 2.0.0
       mdast-util-gfm-task-list-item: 2.0.0
-      mdast-util-to-markdown: 2.1.0
-    transitivePeerDependencies:
-      - supports-color
-
-  mdast-util-mdx-expression@1.3.2:
-    dependencies:
-      '@types/estree-jsx': 1.0.5
-      '@types/hast': 2.3.10
-      '@types/mdast': 3.0.15
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-to-markdown: 1.5.0
+      mdast-util-to-markdown: 2.1.2
     transitivePeerDependencies:
       - supports-color
 
@@ -12984,25 +10780,8 @@ snapshots:
       '@types/hast': 3.0.4
       '@types/mdast': 4.0.4
       devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.1
-      mdast-util-to-markdown: 2.1.0
-    transitivePeerDependencies:
-      - supports-color
-
-  mdast-util-mdx-jsx@2.1.4:
-    dependencies:
-      '@types/estree-jsx': 1.0.5
-      '@types/hast': 2.3.10
-      '@types/mdast': 3.0.15
-      '@types/unist': 2.0.11
-      ccount: 2.0.1
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-to-markdown: 1.5.0
-      parse-entities: 4.0.1
-      stringify-entities: 4.0.4
-      unist-util-remove-position: 4.0.2
-      unist-util-stringify-position: 3.0.3
-      vfile-message: 3.1.4
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
     transitivePeerDependencies:
       - supports-color
 
@@ -13014,42 +10793,22 @@ snapshots:
       '@types/unist': 3.0.3
       ccount: 2.0.1
       devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.1
-      mdast-util-to-markdown: 2.1.0
-      parse-entities: 4.0.1
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+      parse-entities: 4.0.2
       stringify-entities: 4.0.4
       unist-util-stringify-position: 4.0.0
       vfile-message: 4.0.2
     transitivePeerDependencies:
       - supports-color
 
-  mdast-util-mdx@2.0.1:
-    dependencies:
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-mdx-expression: 1.3.2
-      mdast-util-mdx-jsx: 2.1.4
-      mdast-util-mdxjs-esm: 1.3.1
-      mdast-util-to-markdown: 1.5.0
-    transitivePeerDependencies:
-      - supports-color
-
   mdast-util-mdx@3.0.0:
     dependencies:
-      mdast-util-from-markdown: 2.0.1
+      mdast-util-from-markdown: 2.0.2
       mdast-util-mdx-expression: 2.0.1
       mdast-util-mdx-jsx: 3.1.3
       mdast-util-mdxjs-esm: 2.0.1
-      mdast-util-to-markdown: 2.1.0
-    transitivePeerDependencies:
-      - supports-color
-
-  mdast-util-mdxjs-esm@1.3.1:
-    dependencies:
-      '@types/estree-jsx': 1.0.5
-      '@types/hast': 2.3.10
-      '@types/mdast': 3.0.15
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-to-markdown: 1.5.0
+      mdast-util-to-markdown: 2.1.2
     transitivePeerDependencies:
       - supports-color
 
@@ -13059,70 +10818,40 @@ snapshots:
       '@types/hast': 3.0.4
       '@types/mdast': 4.0.4
       devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.1
-      mdast-util-to-markdown: 2.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
     transitivePeerDependencies:
       - supports-color
 
-  mdast-util-phrasing@3.0.1:
-    dependencies:
-      '@types/mdast': 3.0.15
-      unist-util-is: 5.2.1
-
   mdast-util-phrasing@4.1.0:
     dependencies:
       '@types/mdast': 4.0.4
       unist-util-is: 6.0.0
 
-  mdast-util-to-hast@12.3.0:
-    dependencies:
-      '@types/hast': 2.3.10
-      '@types/mdast': 3.0.15
-      mdast-util-definitions: 5.1.2
-      micromark-util-sanitize-uri: 1.2.0
-      trim-lines: 3.0.1
-      unist-util-generated: 2.0.1
-      unist-util-position: 4.0.4
-      unist-util-visit: 4.1.2
-
   mdast-util-to-hast@13.2.0:
     dependencies:
       '@types/hast': 3.0.4
       '@types/mdast': 4.0.4
-      '@ungap/structured-clone': 1.2.0
+      '@ungap/structured-clone': 1.2.1
       devlop: 1.1.0
-      micromark-util-sanitize-uri: 2.0.0
+      micromark-util-sanitize-uri: 2.0.1
       trim-lines: 3.0.1
       unist-util-position: 5.0.0
       unist-util-visit: 5.0.0
       vfile: 6.0.3
 
-  mdast-util-to-markdown@1.5.0:
-    dependencies:
-      '@types/mdast': 3.0.15
-      '@types/unist': 2.0.11
-      longest-streak: 3.1.0
-      mdast-util-phrasing: 3.0.1
-      mdast-util-to-string: 3.2.0
-      micromark-util-decode-string: 1.1.0
-      unist-util-visit: 4.1.2
-      zwitch: 2.0.4
-
-  mdast-util-to-markdown@2.1.0:
+  mdast-util-to-markdown@2.1.2:
     dependencies:
       '@types/mdast': 4.0.4
       '@types/unist': 3.0.3
       longest-streak: 3.1.0
       mdast-util-phrasing: 4.1.0
       mdast-util-to-string: 4.0.0
-      micromark-util-decode-string: 2.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
       unist-util-visit: 5.0.0
       zwitch: 2.0.4
 
-  mdast-util-to-string@3.2.0:
-    dependencies:
-      '@types/mdast': 3.0.15
-
   mdast-util-to-string@4.0.0:
     dependencies:
       '@types/mdast': 4.0.4
@@ -13145,90 +10874,71 @@ snapshots:
 
   merge2@1.4.1: {}
 
-  micromark-core-commonmark@1.1.0:
-    dependencies:
-      decode-named-character-reference: 1.0.2
-      micromark-factory-destination: 1.1.0
-      micromark-factory-label: 1.1.0
-      micromark-factory-space: 1.1.0
-      micromark-factory-title: 1.1.0
-      micromark-factory-whitespace: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-chunked: 1.1.0
-      micromark-util-classify-character: 1.1.0
-      micromark-util-html-tag-name: 1.2.0
-      micromark-util-normalize-identifier: 1.1.0
-      micromark-util-resolve-all: 1.1.0
-      micromark-util-subtokenize: 1.1.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-
-  micromark-core-commonmark@2.0.1:
+  micromark-core-commonmark@2.0.2:
     dependencies:
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
-      micromark-factory-destination: 2.0.0
-      micromark-factory-label: 2.0.0
-      micromark-factory-space: 2.0.0
-      micromark-factory-title: 2.0.0
-      micromark-factory-whitespace: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-chunked: 2.0.0
-      micromark-util-classify-character: 2.0.0
-      micromark-util-html-tag-name: 2.0.0
-      micromark-util-normalize-identifier: 2.0.0
-      micromark-util-resolve-all: 2.0.0
-      micromark-util-subtokenize: 2.0.1
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
   micromark-extension-gfm-autolink-literal@2.1.0:
     dependencies:
-      micromark-util-character: 2.1.0
-      micromark-util-sanitize-uri: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-character: 2.1.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
   micromark-extension-gfm-footnote@2.1.0:
     dependencies:
       devlop: 1.1.0
-      micromark-core-commonmark: 2.0.1
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-normalize-identifier: 2.0.0
-      micromark-util-sanitize-uri: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-core-commonmark: 2.0.2
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
   micromark-extension-gfm-strikethrough@2.1.0:
     dependencies:
       devlop: 1.1.0
-      micromark-util-chunked: 2.0.0
-      micromark-util-classify-character: 2.0.0
-      micromark-util-resolve-all: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
   micromark-extension-gfm-table@2.1.0:
     dependencies:
       devlop: 1.1.0
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
   micromark-extension-gfm-tagfilter@2.0.0:
     dependencies:
-      micromark-util-types: 2.0.0
+      micromark-util-types: 2.0.1
 
   micromark-extension-gfm-task-list-item@2.1.0:
     dependencies:
       devlop: 1.1.0
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
   micromark-extension-gfm@3.0.0:
     dependencies:
@@ -13238,43 +10948,19 @@ snapshots:
       micromark-extension-gfm-table: 2.1.0
       micromark-extension-gfm-tagfilter: 2.0.0
       micromark-extension-gfm-task-list-item: 2.1.0
-      micromark-util-combine-extensions: 2.0.0
-      micromark-util-types: 2.0.0
-
-  micromark-extension-mdx-expression@1.0.8:
-    dependencies:
-      '@types/estree': 1.0.6
-      micromark-factory-mdx-expression: 1.0.9
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-events-to-acorn: 1.2.3
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.1
 
   micromark-extension-mdx-expression@3.0.0:
     dependencies:
       '@types/estree': 1.0.6
       devlop: 1.1.0
       micromark-factory-mdx-expression: 2.0.2
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
       micromark-util-events-to-acorn: 2.0.2
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
-
-  micromark-extension-mdx-jsx@1.0.5:
-    dependencies:
-      '@types/acorn': 4.0.6
-      '@types/estree': 1.0.6
-      estree-util-is-identifier-name: 2.1.0
-      micromark-factory-mdx-expression: 1.0.9
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-      vfile-message: 3.1.4
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
   micromark-extension-mdx-jsx@3.0.1:
     dependencies:
@@ -13283,230 +10969,116 @@ snapshots:
       devlop: 1.1.0
       estree-util-is-identifier-name: 3.0.0
       micromark-factory-mdx-expression: 2.0.2
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
       micromark-util-events-to-acorn: 2.0.2
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
       vfile-message: 4.0.2
 
-  micromark-extension-mdx-md@1.0.1:
-    dependencies:
-      micromark-util-types: 1.1.0
-
   micromark-extension-mdx-md@2.0.0:
     dependencies:
-      micromark-util-types: 2.0.0
-
-  micromark-extension-mdxjs-esm@1.0.5:
-    dependencies:
-      '@types/estree': 1.0.6
-      micromark-core-commonmark: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-events-to-acorn: 1.2.3
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      unist-util-position-from-estree: 1.1.2
-      uvu: 0.5.6
-      vfile-message: 3.1.4
+      micromark-util-types: 2.0.1
 
   micromark-extension-mdxjs-esm@3.0.0:
     dependencies:
       '@types/estree': 1.0.6
       devlop: 1.1.0
-      micromark-core-commonmark: 2.0.1
-      micromark-util-character: 2.1.0
+      micromark-core-commonmark: 2.0.2
+      micromark-util-character: 2.1.1
       micromark-util-events-to-acorn: 2.0.2
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
       unist-util-position-from-estree: 2.0.0
       vfile-message: 4.0.2
 
-  micromark-extension-mdxjs@1.0.1:
-    dependencies:
-      acorn: 8.12.1
-      acorn-jsx: 5.3.2(acorn@8.12.1)
-      micromark-extension-mdx-expression: 1.0.8
-      micromark-extension-mdx-jsx: 1.0.5
-      micromark-extension-mdx-md: 1.0.1
-      micromark-extension-mdxjs-esm: 1.0.5
-      micromark-util-combine-extensions: 1.1.0
-      micromark-util-types: 1.1.0
-
   micromark-extension-mdxjs@3.0.0:
     dependencies:
-      acorn: 8.12.1
-      acorn-jsx: 5.3.2(acorn@8.12.1)
+      acorn: 8.14.0
+      acorn-jsx: 5.3.2(acorn@8.14.0)
       micromark-extension-mdx-expression: 3.0.0
       micromark-extension-mdx-jsx: 3.0.1
       micromark-extension-mdx-md: 2.0.0
       micromark-extension-mdxjs-esm: 3.0.0
-      micromark-util-combine-extensions: 2.0.0
-      micromark-util-types: 2.0.0
-
-  micromark-factory-destination@1.1.0:
-    dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-
-  micromark-factory-destination@2.0.0:
-    dependencies:
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.1
 
-  micromark-factory-label@1.1.0:
+  micromark-factory-destination@2.0.1:
     dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
-  micromark-factory-label@2.0.0:
+  micromark-factory-label@2.0.1:
     dependencies:
       devlop: 1.1.0
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
-
-  micromark-factory-mdx-expression@1.0.9:
-    dependencies:
-      '@types/estree': 1.0.6
-      micromark-util-character: 1.2.0
-      micromark-util-events-to-acorn: 1.2.3
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      unist-util-position-from-estree: 1.1.2
-      uvu: 0.5.6
-      vfile-message: 3.1.4
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
   micromark-factory-mdx-expression@2.0.2:
     dependencies:
       '@types/estree': 1.0.6
       devlop: 1.1.0
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
       micromark-util-events-to-acorn: 2.0.2
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
       unist-util-position-from-estree: 2.0.0
       vfile-message: 4.0.2
 
-  micromark-factory-space@1.1.0:
-    dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-types: 1.1.0
-
-  micromark-factory-space@2.0.0:
-    dependencies:
-      micromark-util-character: 2.1.0
-      micromark-util-types: 2.0.0
-
-  micromark-factory-title@1.1.0:
-    dependencies:
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-
-  micromark-factory-title@2.0.0:
+  micromark-factory-space@2.0.1:
     dependencies:
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.1
 
-  micromark-factory-whitespace@1.1.0:
+  micromark-factory-title@2.0.1:
     dependencies:
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
-  micromark-factory-whitespace@2.0.0:
+  micromark-factory-whitespace@2.0.1:
     dependencies:
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
-  micromark-util-character@1.2.0:
+  micromark-util-character@2.1.1:
     dependencies:
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
-  micromark-util-character@2.1.0:
+  micromark-util-chunked@2.0.1:
     dependencies:
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-symbol: 2.0.1
 
-  micromark-util-chunked@1.1.0:
+  micromark-util-classify-character@2.0.1:
     dependencies:
-      micromark-util-symbol: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
-  micromark-util-chunked@2.0.0:
+  micromark-util-combine-extensions@2.0.1:
     dependencies:
-      micromark-util-symbol: 2.0.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.1
 
-  micromark-util-classify-character@1.1.0:
+  micromark-util-decode-numeric-character-reference@2.0.2:
     dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
+      micromark-util-symbol: 2.0.1
 
-  micromark-util-classify-character@2.0.0:
-    dependencies:
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
-
-  micromark-util-combine-extensions@1.1.0:
-    dependencies:
-      micromark-util-chunked: 1.1.0
-      micromark-util-types: 1.1.0
-
-  micromark-util-combine-extensions@2.0.0:
-    dependencies:
-      micromark-util-chunked: 2.0.0
-      micromark-util-types: 2.0.0
-
-  micromark-util-decode-numeric-character-reference@1.1.0:
-    dependencies:
-      micromark-util-symbol: 1.1.0
-
-  micromark-util-decode-numeric-character-reference@2.0.1:
-    dependencies:
-      micromark-util-symbol: 2.0.0
-
-  micromark-util-decode-string@1.1.0:
-    dependencies:
-      decode-named-character-reference: 1.0.2
-      micromark-util-character: 1.2.0
-      micromark-util-decode-numeric-character-reference: 1.1.0
-      micromark-util-symbol: 1.1.0
-
-  micromark-util-decode-string@2.0.0:
+  micromark-util-decode-string@2.0.1:
     dependencies:
       decode-named-character-reference: 1.0.2
-      micromark-util-character: 2.1.0
-      micromark-util-decode-numeric-character-reference: 2.0.1
-      micromark-util-symbol: 2.0.0
-
-  micromark-util-encode@1.1.0: {}
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
 
-  micromark-util-encode@2.0.0: {}
-
-  micromark-util-events-to-acorn@1.2.3:
-    dependencies:
-      '@types/acorn': 4.0.6
-      '@types/estree': 1.0.6
-      '@types/unist': 2.0.11
-      estree-util-visit: 1.2.1
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-      vfile-message: 3.1.4
+  micromark-util-encode@2.0.1: {}
 
   micromark-util-events-to-acorn@2.0.2:
     dependencies:
@@ -13515,105 +11087,56 @@ snapshots:
       '@types/unist': 3.0.3
       devlop: 1.1.0
       estree-util-visit: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
       vfile-message: 4.0.2
 
-  micromark-util-html-tag-name@1.2.0: {}
-
-  micromark-util-html-tag-name@2.0.0: {}
-
-  micromark-util-normalize-identifier@1.1.0:
-    dependencies:
-      micromark-util-symbol: 1.1.0
-
-  micromark-util-normalize-identifier@2.0.0:
-    dependencies:
-      micromark-util-symbol: 2.0.0
-
-  micromark-util-resolve-all@1.1.0:
-    dependencies:
-      micromark-util-types: 1.1.0
-
-  micromark-util-resolve-all@2.0.0:
-    dependencies:
-      micromark-util-types: 2.0.0
+  micromark-util-html-tag-name@2.0.1: {}
 
-  micromark-util-sanitize-uri@1.2.0:
+  micromark-util-normalize-identifier@2.0.1:
     dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-encode: 1.1.0
-      micromark-util-symbol: 1.1.0
+      micromark-util-symbol: 2.0.1
 
-  micromark-util-sanitize-uri@2.0.0:
+  micromark-util-resolve-all@2.0.1:
     dependencies:
-      micromark-util-character: 2.1.0
-      micromark-util-encode: 2.0.0
-      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.1
 
-  micromark-util-subtokenize@1.1.0:
+  micromark-util-sanitize-uri@2.0.1:
     dependencies:
-      micromark-util-chunked: 1.1.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
 
-  micromark-util-subtokenize@2.0.1:
+  micromark-util-subtokenize@2.0.3:
     dependencies:
       devlop: 1.1.0
-      micromark-util-chunked: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
 
-  micromark-util-symbol@1.1.0: {}
+  micromark-util-symbol@2.0.1: {}
 
-  micromark-util-symbol@2.0.0: {}
-
-  micromark-util-types@1.1.0: {}
-
-  micromark-util-types@2.0.0: {}
-
-  micromark@3.2.0:
-    dependencies:
-      '@types/debug': 4.1.12
-      debug: 4.3.7
-      decode-named-character-reference: 1.0.2
-      micromark-core-commonmark: 1.1.0
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-chunked: 1.1.0
-      micromark-util-combine-extensions: 1.1.0
-      micromark-util-decode-numeric-character-reference: 1.1.0
-      micromark-util-encode: 1.1.0
-      micromark-util-normalize-identifier: 1.1.0
-      micromark-util-resolve-all: 1.1.0
-      micromark-util-sanitize-uri: 1.2.0
-      micromark-util-subtokenize: 1.1.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    transitivePeerDependencies:
-      - supports-color
+  micromark-util-types@2.0.1: {}
 
-  micromark@4.0.0:
+  micromark@4.0.1:
     dependencies:
       '@types/debug': 4.1.12
-      debug: 4.3.7
+      debug: 4.4.0
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
-      micromark-core-commonmark: 2.0.1
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-chunked: 2.0.0
-      micromark-util-combine-extensions: 2.0.0
-      micromark-util-decode-numeric-character-reference: 2.0.1
-      micromark-util-encode: 2.0.0
-      micromark-util-normalize-identifier: 2.0.0
-      micromark-util-resolve-all: 2.0.0
-      micromark-util-sanitize-uri: 2.0.0
-      micromark-util-subtokenize: 2.0.1
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-core-commonmark: 2.0.2
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
     transitivePeerDependencies:
       - supports-color
 
@@ -13646,10 +11169,6 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
-  minimatch@9.0.3:
-    dependencies:
-      brace-expansion: 2.0.1
-
   minimatch@9.0.5:
     dependencies:
       brace-expansion: 2.0.1
@@ -13673,6 +11192,20 @@ snapshots:
 
   mkdirp@3.0.1: {}
 
+  motion-dom@11.16.4:
+    dependencies:
+      motion-utils: 11.16.0
+
+  motion-utils@11.16.0: {}
+
+  motion@11.16.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      framer-motion: 11.16.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   mout@0.11.1: {}
 
   mri@1.2.0: {}
@@ -13685,81 +11218,45 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
-  nanoid@3.3.7: {}
+  nanoid@3.3.8: {}
 
-  nanoid@5.0.7: {}
+  nanoid@5.0.9: {}
 
   natural-compare@1.4.0: {}
 
   negotiator@1.0.0: {}
 
-  next-mdx-remote@4.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@mdx-js/mdx': 2.3.0
-      '@mdx-js/react': 2.3.0(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      vfile: 5.3.7
-      vfile-matter: 3.0.1
-    transitivePeerDependencies:
-      - supports-color
-
-  next-themes@0.2.1(next@14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      next: 14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  next@14.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next-themes@0.2.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      '@next/env': 14.2.14
-      '@swc/helpers': 0.5.5
-      busboy: 1.6.0
-      caniuse-lite: 1.0.30001664
-      graceful-fs: 4.2.11
-      postcss: 8.4.31
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      styled-jsx: 5.1.1(react@18.3.1)
-    optionalDependencies:
-      '@next/swc-darwin-arm64': 14.2.14
-      '@next/swc-darwin-x64': 14.2.14
-      '@next/swc-linux-arm64-gnu': 14.2.14
-      '@next/swc-linux-arm64-musl': 14.2.14
-      '@next/swc-linux-x64-gnu': 14.2.14
-      '@next/swc-linux-x64-musl': 14.2.14
-      '@next/swc-win32-arm64-msvc': 14.2.14
-      '@next/swc-win32-ia32-msvc': 14.2.14
-      '@next/swc-win32-x64-msvc': 14.2.14
-    transitivePeerDependencies:
-      - '@babel/core'
-      - babel-plugin-macros
+      next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
-  next@15.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      '@next/env': 15.0.0
+      '@next/env': 15.1.4
       '@swc/counter': 0.1.3
-      '@swc/helpers': 0.5.13
+      '@swc/helpers': 0.5.15
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001664
+      caniuse-lite: 1.0.30001692
       postcss: 8.4.31
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      styled-jsx: 5.1.6(react@18.3.1)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      styled-jsx: 5.1.6(react@19.0.0)
     optionalDependencies:
-      '@next/swc-darwin-arm64': 15.0.0
-      '@next/swc-darwin-x64': 15.0.0
-      '@next/swc-linux-arm64-gnu': 15.0.0
-      '@next/swc-linux-arm64-musl': 15.0.0
-      '@next/swc-linux-x64-gnu': 15.0.0
-      '@next/swc-linux-x64-musl': 15.0.0
-      '@next/swc-win32-arm64-msvc': 15.0.0
-      '@next/swc-win32-x64-msvc': 15.0.0
+      '@next/swc-darwin-arm64': 15.1.4
+      '@next/swc-darwin-x64': 15.1.4
+      '@next/swc-linux-arm64-gnu': 15.1.4
+      '@next/swc-linux-arm64-musl': 15.1.4
+      '@next/swc-linux-x64-gnu': 15.1.4
+      '@next/swc-linux-x64-musl': 15.1.4
+      '@next/swc-win32-arm64-msvc': 15.1.4
+      '@next/swc-win32-x64-msvc': 15.1.4
+      babel-plugin-react-compiler: 19.0.0-beta-63e3235-20250105
       sharp: 0.33.5
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros
-    optional: true
 
   node-domexception@1.0.0: {}
 
@@ -13773,19 +11270,19 @@ snapshots:
       fetch-blob: 3.2.0
       formdata-polyfill: 4.0.10
 
-  node-releases@2.0.18: {}
+  node-releases@2.0.19: {}
 
   normalize-package-data@2.5.0:
     dependencies:
       hosted-git-info: 2.8.9
-      resolve: 1.22.8
+      resolve: 1.22.10
       semver: 5.7.2
       validate-npm-package-license: 3.0.4
 
   normalize-package-data@3.0.3:
     dependencies:
       hosted-git-info: 4.1.0
-      is-core-module: 2.15.1
+      is-core-module: 2.16.1
       semver: 7.6.3
       validate-npm-package-license: 3.0.4
 
@@ -13803,50 +11300,48 @@ snapshots:
     dependencies:
       path-key: 4.0.0
 
-  npm-to-yarn@3.0.0: {}
+  npm-to-yarn@3.0.1: {}
 
   object-assign@4.1.1: {}
 
   object-hash@3.0.0: {}
 
-  object-inspect@1.13.2: {}
-
-  object-is@1.1.6:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
+  object-inspect@1.13.3: {}
 
   object-keys@1.1.1: {}
 
-  object.assign@4.1.5:
+  object.assign@4.1.7:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.3
       define-properties: 1.2.1
-      has-symbols: 1.0.3
+      es-object-atoms: 1.0.0
+      has-symbols: 1.1.0
       object-keys: 1.1.1
 
   object.entries@1.1.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
       es-object-atoms: 1.0.0
 
   object.fromentries@2.0.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-object-atoms: 1.0.0
 
   object.groupby@1.0.3:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
 
-  object.values@1.2.0:
+  object.values@1.2.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.3
       define-properties: 1.2.1
       es-object-atoms: 1.0.0
 
@@ -13862,9 +11357,11 @@ snapshots:
     dependencies:
       mimic-fn: 4.0.0
 
-  oniguruma-to-js@0.4.3:
+  oniguruma-to-es@0.10.0:
     dependencies:
-      regex: 4.3.2
+      emoji-regex-xs: 1.0.0
+      regex: 5.1.1
+      regex-recursion: 5.1.1
 
   optionator@0.9.4:
     dependencies:
@@ -13877,7 +11374,7 @@ snapshots:
 
   ora@6.3.1:
     dependencies:
-      chalk: 5.3.0
+      chalk: 5.4.1
       cli-cursor: 4.0.0
       cli-spinners: 2.9.2
       is-interactive: 2.0.0
@@ -13891,6 +11388,23 @@ snapshots:
 
   outdent@0.5.0: {}
 
+  own-keys@1.0.1:
+    dependencies:
+      get-intrinsic: 1.2.7
+      object-keys: 1.1.1
+      safe-push-apply: 1.0.0
+
+  oxc-transform@0.43.0:
+    optionalDependencies:
+      '@oxc-transform/binding-darwin-arm64': 0.43.0
+      '@oxc-transform/binding-darwin-x64': 0.43.0
+      '@oxc-transform/binding-linux-arm64-gnu': 0.43.0
+      '@oxc-transform/binding-linux-arm64-musl': 0.43.0
+      '@oxc-transform/binding-linux-x64-gnu': 0.43.0
+      '@oxc-transform/binding-linux-x64-musl': 0.43.0
+      '@oxc-transform/binding-win32-arm64-msvc': 0.43.0
+      '@oxc-transform/binding-win32-x64-msvc': 0.43.0
+
   p-cancelable@3.0.0: {}
 
   p-filter@2.1.0:
@@ -13922,20 +11436,19 @@ snapshots:
   package-json@8.1.1:
     dependencies:
       got: 12.6.1
-      registry-auth-token: 5.0.2
+      registry-auth-token: 5.0.3
       registry-url: 6.0.1
       semver: 7.6.3
 
-  package-manager-detector@0.2.0: {}
+  package-manager-detector@0.2.8: {}
 
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
 
-  parse-entities@4.0.1:
+  parse-entities@4.0.2:
     dependencies:
       '@types/unist': 2.0.11
-      character-entities: 2.0.2
       character-entities-legacy: 3.0.0
       character-reference-invalid: 2.0.1
       decode-named-character-reference: 1.0.2
@@ -13947,7 +11460,7 @@ snapshots:
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.24.7
+      '@babel/code-frame': 7.26.2
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -13971,18 +11484,12 @@ snapshots:
 
   path-scurry@2.0.0:
     dependencies:
-      lru-cache: 11.0.1
+      lru-cache: 11.0.2
       minipass: 7.1.2
 
   path-type@4.0.0: {}
 
-  periscopic@3.1.0:
-    dependencies:
-      '@types/estree': 1.0.6
-      estree-walker: 3.0.3
-      is-reference: 3.0.2
-
-  picocolors@1.1.0: {}
+  picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
 
@@ -13996,37 +11503,37 @@ snapshots:
 
   possible-typed-array-names@1.0.0: {}
 
-  postcss-import@15.1.0(postcss@8.4.47):
+  postcss-import@15.1.0(postcss@8.4.49):
     dependencies:
-      postcss: 8.4.47
+      postcss: 8.4.49
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
-      resolve: 1.22.8
+      resolve: 1.22.10
 
-  postcss-js@4.0.1(postcss@8.4.47):
+  postcss-js@4.0.1(postcss@8.4.49):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.47
+      postcss: 8.4.49
 
-  postcss-load-config@3.1.4(postcss@8.4.47)(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2)):
+  postcss-load-config@3.1.4(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3)):
     dependencies:
       lilconfig: 2.1.0
       yaml: 1.10.2
     optionalDependencies:
-      postcss: 8.4.47
-      ts-node: 10.9.2(@types/node@22.7.7)(typescript@5.6.2)
+      postcss: 8.4.49
+      ts-node: 10.9.2(@types/node@22.8.1)(typescript@5.7.3)
 
-  postcss-load-config@4.0.2(postcss@8.4.47)(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2)):
+  postcss-load-config@4.0.2(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3)):
     dependencies:
-      lilconfig: 3.1.2
-      yaml: 2.5.1
+      lilconfig: 3.1.3
+      yaml: 2.7.0
     optionalDependencies:
-      postcss: 8.4.47
-      ts-node: 10.9.2(@types/node@22.7.7)(typescript@5.6.2)
+      postcss: 8.4.49
+      ts-node: 10.9.2(@types/node@22.8.1)(typescript@5.7.3)
 
-  postcss-nested@6.2.0(postcss@8.4.47):
+  postcss-nested@6.2.0(postcss@8.4.49):
     dependencies:
-      postcss: 8.4.47
+      postcss: 8.4.49
       postcss-selector-parser: 6.1.2
 
   postcss-selector-parser@6.1.2:
@@ -14038,27 +11545,27 @@ snapshots:
 
   postcss@8.4.31:
     dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.1.0
+      nanoid: 3.3.8
+      picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  postcss@8.4.47:
+  postcss@8.4.49:
     dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.1.0
+      nanoid: 3.3.8
+      picocolors: 1.1.1
       source-map-js: 1.2.1
 
   prelude-ls@1.2.1: {}
 
-  prettier-plugin-tailwindcss@0.6.8(@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.3.3))(prettier@3.3.3):
+  prettier-plugin-tailwindcss@0.6.9(@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.4.2))(prettier@3.4.2):
     dependencies:
-      prettier: 3.3.3
+      prettier: 3.4.2
     optionalDependencies:
-      '@trivago/prettier-plugin-sort-imports': 4.3.0(prettier@3.3.3)
+      '@trivago/prettier-plugin-sort-imports': 4.3.0(prettier@3.4.2)
 
   prettier@2.8.8: {}
 
-  prettier@3.3.3: {}
+  prettier@3.4.2: {}
 
   prompts@2.4.2:
     dependencies:
@@ -14096,242 +11603,156 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
-  react-aria-components@1.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  react-aria-components@1.5.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@internationalized/date': 3.6.0
       '@internationalized/string': 3.2.5
-      '@react-aria/collections': 3.0.0-alpha.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/color': 3.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/disclosure': 3.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/dnd': 3.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
+      '@react-aria/collections': 3.0.0-alpha.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/color': 3.0.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/disclosure': 3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/dnd': 3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/menu': 3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/toolbar': 3.0.0-beta.11(react@18.3.1)
-      '@react-aria/tree': 3.0.0-beta.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-aria/virtualizer': 4.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-stately/color': 3.8.1(react@18.3.1)
-      '@react-stately/disclosure': 3.0.0(react@18.3.1)
-      '@react-stately/layout': 4.1.0(react@18.3.1)
-      '@react-stately/menu': 3.9.0(react@18.3.1)
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-stately/table': 3.13.0(react@18.3.1)
-      '@react-stately/utils': 3.10.5(react@18.3.1)
-      '@react-stately/virtualizer': 4.2.0(react@18.3.1)
-      '@react-types/color': 3.0.1(react@18.3.1)
-      '@react-types/form': 3.7.8(react@18.3.1)
-      '@react-types/grid': 3.2.10(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      '@react-types/table': 3.10.3(react@18.3.1)
-      '@swc/helpers': 0.5.13
+      '@react-aria/menu': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/toolbar': 3.0.0-beta.11(react@19.0.0)
+      '@react-aria/tree': 3.0.0-beta.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-aria/virtualizer': 4.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/color': 3.8.1(react@19.0.0)
+      '@react-stately/disclosure': 3.0.0(react@19.0.0)
+      '@react-stately/layout': 4.1.0(react@19.0.0)
+      '@react-stately/menu': 3.9.0(react@19.0.0)
+      '@react-stately/selection': 3.18.0(react@19.0.0)
+      '@react-stately/table': 3.13.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-stately/virtualizer': 4.2.0(react@19.0.0)
+      '@react-types/color': 3.0.1(react@19.0.0)
+      '@react-types/form': 3.7.8(react@19.0.0)
+      '@react-types/grid': 3.2.10(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/table': 3.10.3(react@19.0.0)
+      '@swc/helpers': 0.5.15
       client-only: 0.0.1
-      react: 18.3.1
-      react-aria: 3.36.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react-dom: 18.3.1(react@18.3.1)
-      react-stately: 3.34.0(react@18.3.1)
-      use-sync-external-store: 1.2.2(react@18.3.1)
-
-  react-aria@3.35.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@internationalized/string': 3.2.4
-      '@react-aria/breadcrumbs': 3.5.17(react@18.3.1)
-      '@react-aria/button': 3.10.0(react@18.3.1)
-      '@react-aria/calendar': 3.5.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/checkbox': 3.14.7(react@18.3.1)
-      '@react-aria/color': 3.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/combobox': 3.10.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/datepicker': 3.11.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/dialog': 3.5.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/dnd': 3.7.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/focus': 3.18.3(react@18.3.1)
-      '@react-aria/gridlist': 3.9.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.3(react@18.3.1)
-      '@react-aria/interactions': 3.22.3(react@18.3.1)
-      '@react-aria/label': 3.7.12(react@18.3.1)
-      '@react-aria/link': 3.7.5(react@18.3.1)
-      '@react-aria/listbox': 3.13.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/menu': 3.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/meter': 3.4.17(react@18.3.1)
-      '@react-aria/numberfield': 3.11.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/overlays': 3.23.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/progress': 3.4.17(react@18.3.1)
-      '@react-aria/radio': 3.10.8(react@18.3.1)
-      '@react-aria/searchfield': 3.7.9(react@18.3.1)
-      '@react-aria/select': 3.14.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.20.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/separator': 3.4.3(react@18.3.1)
-      '@react-aria/slider': 3.7.12(react@18.3.1)
-      '@react-aria/ssr': 3.9.6(react@18.3.1)
-      '@react-aria/switch': 3.6.8(react@18.3.1)
-      '@react-aria/table': 3.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/tabs': 3.9.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/tag': 3.4.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.14.9(react@18.3.1)
-      '@react-aria/tooltip': 3.7.8(react@18.3.1)
-      '@react-aria/utils': 3.25.3(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.16(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  react-aria@3.36.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+      react: 19.0.0
+      react-aria: 3.36.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react-dom: 19.0.0(react@19.0.0)
+      react-stately: 3.34.0(react@19.0.0)
+      use-sync-external-store: 1.4.0(react@19.0.0)
+
+  react-aria@3.36.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@internationalized/string': 3.2.5
-      '@react-aria/breadcrumbs': 3.5.19(react@18.3.1)
-      '@react-aria/button': 3.11.0(react@18.3.1)
-      '@react-aria/calendar': 3.6.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/checkbox': 3.15.0(react@18.3.1)
-      '@react-aria/color': 3.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/combobox': 3.11.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/datepicker': 3.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/dialog': 3.5.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/disclosure': 3.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/dnd': 3.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/focus': 3.19.0(react@18.3.1)
-      '@react-aria/gridlist': 3.10.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/i18n': 3.12.4(react@18.3.1)
-      '@react-aria/interactions': 3.22.5(react@18.3.1)
-      '@react-aria/label': 3.7.13(react@18.3.1)
-      '@react-aria/link': 3.7.7(react@18.3.1)
-      '@react-aria/listbox': 3.13.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/menu': 3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/meter': 3.4.18(react@18.3.1)
-      '@react-aria/numberfield': 3.11.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/overlays': 3.24.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/progress': 3.4.18(react@18.3.1)
-      '@react-aria/radio': 3.10.10(react@18.3.1)
-      '@react-aria/searchfield': 3.7.11(react@18.3.1)
-      '@react-aria/select': 3.15.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/selection': 3.21.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/separator': 3.4.4(react@18.3.1)
-      '@react-aria/slider': 3.7.14(react@18.3.1)
-      '@react-aria/ssr': 3.9.7(react@18.3.1)
-      '@react-aria/switch': 3.6.10(react@18.3.1)
-      '@react-aria/table': 3.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/tabs': 3.9.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/tag': 3.4.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@react-aria/textfield': 3.15.0(react@18.3.1)
-      '@react-aria/tooltip': 3.7.10(react@18.3.1)
-      '@react-aria/utils': 3.26.0(react@18.3.1)
-      '@react-aria/visually-hidden': 3.8.18(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  react-dom@18.3.1(react@18.3.1):
-    dependencies:
-      loose-envify: 1.4.0
-      react: 18.3.1
-      scheduler: 0.23.2
+      '@react-aria/breadcrumbs': 3.5.19(react@19.0.0)
+      '@react-aria/button': 3.11.0(react@19.0.0)
+      '@react-aria/calendar': 3.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/checkbox': 3.15.0(react@19.0.0)
+      '@react-aria/color': 3.0.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/combobox': 3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/datepicker': 3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/dialog': 3.5.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/disclosure': 3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/dnd': 3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.19.0(react@19.0.0)
+      '@react-aria/gridlist': 3.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/label': 3.7.13(react@19.0.0)
+      '@react-aria/link': 3.7.7(react@19.0.0)
+      '@react-aria/listbox': 3.13.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/menu': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/meter': 3.4.18(react@19.0.0)
+      '@react-aria/numberfield': 3.11.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/overlays': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/progress': 3.4.18(react@19.0.0)
+      '@react-aria/radio': 3.10.10(react@19.0.0)
+      '@react-aria/searchfield': 3.7.11(react@19.0.0)
+      '@react-aria/select': 3.15.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/separator': 3.4.4(react@19.0.0)
+      '@react-aria/slider': 3.7.14(react@19.0.0)
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/switch': 3.6.10(react@19.0.0)
+      '@react-aria/table': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/tabs': 3.9.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/tag': 3.4.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.15.0(react@19.0.0)
+      '@react-aria/tooltip': 3.7.10(react@19.0.0)
+      '@react-aria/utils': 3.26.0(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.18(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  react-dom@19.0.0(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+      scheduler: 0.25.0
 
   react-is@16.13.1: {}
 
-  react-remove-scroll-bar@2.3.6(@types/react@18.3.10)(react@18.3.1):
+  react-remove-scroll-bar@2.3.8(@types/react@19.0.4)(react@19.0.0):
     dependencies:
-      react: 18.3.1
-      react-style-singleton: 2.2.1(@types/react@18.3.10)(react@18.3.1)
-      tslib: 2.7.0
+      react: 19.0.0
+      react-style-singleton: 2.2.3(@types/react@19.0.4)(react@19.0.0)
+      tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  react-remove-scroll@2.5.5(@types/react@18.3.10)(react@18.3.1):
+  react-remove-scroll@2.6.2(@types/react@19.0.4)(react@19.0.0):
     dependencies:
-      react: 18.3.1
-      react-remove-scroll-bar: 2.3.6(@types/react@18.3.10)(react@18.3.1)
-      react-style-singleton: 2.2.1(@types/react@18.3.10)(react@18.3.1)
-      tslib: 2.7.0
-      use-callback-ref: 1.3.2(@types/react@18.3.10)(react@18.3.1)
-      use-sidecar: 1.1.2(@types/react@18.3.10)(react@18.3.1)
+      react: 19.0.0
+      react-remove-scroll-bar: 2.3.8(@types/react@19.0.4)(react@19.0.0)
+      react-style-singleton: 2.2.3(@types/react@19.0.4)(react@19.0.0)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@19.0.4)(react@19.0.0)
+      use-sidecar: 1.1.3(@types/react@19.0.4)(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
-
-  react-remove-scroll@2.6.0(@types/react@18.3.10)(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-      react-remove-scroll-bar: 2.3.6(@types/react@18.3.10)(react@18.3.1)
-      react-style-singleton: 2.2.1(@types/react@18.3.10)(react@18.3.1)
-      tslib: 2.7.0
-      use-callback-ref: 1.3.2(@types/react@18.3.10)(react@18.3.1)
-      use-sidecar: 1.1.2(@types/react@18.3.10)(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.10
-
-  react-resizable-panels@2.1.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  react-stately@3.33.0(react@18.3.1):
-    dependencies:
-      '@react-stately/calendar': 3.5.5(react@18.3.1)
-      '@react-stately/checkbox': 3.6.9(react@18.3.1)
-      '@react-stately/collections': 3.11.0(react@18.3.1)
-      '@react-stately/color': 3.8.0(react@18.3.1)
-      '@react-stately/combobox': 3.10.0(react@18.3.1)
-      '@react-stately/data': 3.11.7(react@18.3.1)
-      '@react-stately/datepicker': 3.10.3(react@18.3.1)
-      '@react-stately/dnd': 3.4.3(react@18.3.1)
-      '@react-stately/form': 3.0.6(react@18.3.1)
-      '@react-stately/list': 3.11.0(react@18.3.1)
-      '@react-stately/menu': 3.8.3(react@18.3.1)
-      '@react-stately/numberfield': 3.9.7(react@18.3.1)
-      '@react-stately/overlays': 3.6.11(react@18.3.1)
-      '@react-stately/radio': 3.10.8(react@18.3.1)
-      '@react-stately/searchfield': 3.5.7(react@18.3.1)
-      '@react-stately/select': 3.6.8(react@18.3.1)
-      '@react-stately/selection': 3.17.0(react@18.3.1)
-      '@react-stately/slider': 3.5.8(react@18.3.1)
-      '@react-stately/table': 3.12.3(react@18.3.1)
-      '@react-stately/tabs': 3.6.10(react@18.3.1)
-      '@react-stately/toggle': 3.7.8(react@18.3.1)
-      '@react-stately/tooltip': 3.4.13(react@18.3.1)
-      '@react-stately/tree': 3.8.5(react@18.3.1)
-      '@react-types/shared': 3.25.0(react@18.3.1)
-      react: 18.3.1
-
-  react-stately@3.34.0(react@18.3.1):
-    dependencies:
-      '@react-stately/calendar': 3.6.0(react@18.3.1)
-      '@react-stately/checkbox': 3.6.10(react@18.3.1)
-      '@react-stately/collections': 3.12.0(react@18.3.1)
-      '@react-stately/color': 3.8.1(react@18.3.1)
-      '@react-stately/combobox': 3.10.1(react@18.3.1)
-      '@react-stately/data': 3.12.0(react@18.3.1)
-      '@react-stately/datepicker': 3.11.0(react@18.3.1)
-      '@react-stately/disclosure': 3.0.0(react@18.3.1)
-      '@react-stately/dnd': 3.5.0(react@18.3.1)
-      '@react-stately/form': 3.1.0(react@18.3.1)
-      '@react-stately/list': 3.11.1(react@18.3.1)
-      '@react-stately/menu': 3.9.0(react@18.3.1)
-      '@react-stately/numberfield': 3.9.8(react@18.3.1)
-      '@react-stately/overlays': 3.6.12(react@18.3.1)
-      '@react-stately/radio': 3.10.9(react@18.3.1)
-      '@react-stately/searchfield': 3.5.8(react@18.3.1)
-      '@react-stately/select': 3.6.9(react@18.3.1)
-      '@react-stately/selection': 3.18.0(react@18.3.1)
-      '@react-stately/slider': 3.6.0(react@18.3.1)
-      '@react-stately/table': 3.13.0(react@18.3.1)
-      '@react-stately/tabs': 3.7.0(react@18.3.1)
-      '@react-stately/toggle': 3.8.0(react@18.3.1)
-      '@react-stately/tooltip': 3.5.0(react@18.3.1)
-      '@react-stately/tree': 3.8.6(react@18.3.1)
-      '@react-types/shared': 3.26.0(react@18.3.1)
-      react: 18.3.1
-
-  react-style-singleton@2.2.1(@types/react@18.3.10)(react@18.3.1):
+      '@types/react': 19.0.4
+
+  react-resizable-panels@2.1.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  react-stately@3.34.0(react@19.0.0):
+    dependencies:
+      '@react-stately/calendar': 3.6.0(react@19.0.0)
+      '@react-stately/checkbox': 3.6.10(react@19.0.0)
+      '@react-stately/collections': 3.12.0(react@19.0.0)
+      '@react-stately/color': 3.8.1(react@19.0.0)
+      '@react-stately/combobox': 3.10.1(react@19.0.0)
+      '@react-stately/data': 3.12.0(react@19.0.0)
+      '@react-stately/datepicker': 3.11.0(react@19.0.0)
+      '@react-stately/disclosure': 3.0.0(react@19.0.0)
+      '@react-stately/dnd': 3.5.0(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/list': 3.11.1(react@19.0.0)
+      '@react-stately/menu': 3.9.0(react@19.0.0)
+      '@react-stately/numberfield': 3.9.8(react@19.0.0)
+      '@react-stately/overlays': 3.6.12(react@19.0.0)
+      '@react-stately/radio': 3.10.9(react@19.0.0)
+      '@react-stately/searchfield': 3.5.8(react@19.0.0)
+      '@react-stately/select': 3.6.9(react@19.0.0)
+      '@react-stately/selection': 3.18.0(react@19.0.0)
+      '@react-stately/slider': 3.6.0(react@19.0.0)
+      '@react-stately/table': 3.13.0(react@19.0.0)
+      '@react-stately/tabs': 3.7.0(react@19.0.0)
+      '@react-stately/toggle': 3.8.0(react@19.0.0)
+      '@react-stately/tooltip': 3.5.0(react@19.0.0)
+      '@react-stately/tree': 3.8.6(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
+      react: 19.0.0
+
+  react-style-singleton@2.2.3(@types/react@19.0.4)(react@19.0.0):
     dependencies:
       get-nonce: 1.0.1
-      invariant: 2.2.4
-      react: 18.3.1
-      tslib: 2.7.0
+      react: 19.0.0
+      tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  react@18.3.1:
-    dependencies:
-      loose-envify: 1.4.0
+  react@19.0.0: {}
 
   read-cache@1.0.0:
     dependencies:
@@ -14375,7 +11796,7 @@ snapshots:
       esprima: 4.0.1
       source-map: 0.6.1
       tiny-invariant: 1.3.3
-      tslib: 2.7.0
+      tslib: 2.8.1
 
   recma-build-jsx@1.0.0:
     dependencies:
@@ -14383,9 +11804,9 @@ snapshots:
       estree-util-build-jsx: 3.0.1
       vfile: 6.0.3
 
-  recma-jsx@1.0.0(acorn@8.12.1):
+  recma-jsx@1.0.0(acorn@8.14.0):
     dependencies:
-      acorn-jsx: 5.3.2(acorn@8.12.1)
+      acorn-jsx: 5.3.2(acorn@8.14.0)
       estree-util-to-js: 2.0.0
       recma-parse: 1.0.0
       recma-stringify: 1.0.0
@@ -14412,28 +11833,40 @@ snapshots:
       indent-string: 4.0.0
       strip-indent: 3.0.0
 
-  reflect.getprototypeof@1.0.6:
+  reflect.getprototypeof@1.0.10:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
-      globalthis: 1.0.4
-      which-builtin-type: 1.1.4
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.7
+      get-proto: 1.0.1
+      which-builtin-type: 1.2.1
 
   regenerator-runtime@0.14.1: {}
 
-  regex@4.3.2: {}
+  regex-recursion@5.1.1:
+    dependencies:
+      regex: 5.1.1
+      regex-utilities: 2.3.0
+
+  regex-utilities@2.3.0: {}
+
+  regex@5.1.1:
+    dependencies:
+      regex-utilities: 2.3.0
 
-  regexp.prototype.flags@1.5.2:
+  regexp.prototype.flags@1.5.4:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
       es-errors: 1.3.0
+      get-proto: 1.0.1
+      gopd: 1.2.0
       set-function-name: 2.0.2
 
-  registry-auth-token@5.0.2:
+  registry-auth-token@5.0.3:
     dependencies:
       '@pnpm/npm-conf': 2.3.1
 
@@ -14445,7 +11878,7 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.6
       '@types/hast': 3.0.4
-      hast-util-to-estree: 3.1.0
+      hast-util-to-estree: 3.1.1
     transitivePeerDependencies:
       - supports-color
 
@@ -14460,44 +11893,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  remark-mdx@2.3.0:
-    dependencies:
-      mdast-util-mdx: 2.0.1
-      micromark-extension-mdxjs: 1.0.1
-    transitivePeerDependencies:
-      - supports-color
-
-  remark-mdx@3.0.1:
+  remark-mdx@3.1.0:
     dependencies:
       mdast-util-mdx: 3.0.0
       micromark-extension-mdxjs: 3.0.0
     transitivePeerDependencies:
       - supports-color
 
-  remark-parse@10.0.2:
-    dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-from-markdown: 1.3.1
-      unified: 10.1.2
-    transitivePeerDependencies:
-      - supports-color
-
   remark-parse@11.0.0:
     dependencies:
       '@types/mdast': 4.0.4
-      mdast-util-from-markdown: 2.0.1
-      micromark-util-types: 2.0.0
+      mdast-util-from-markdown: 2.0.2
+      micromark-util-types: 2.0.1
       unified: 11.0.5
     transitivePeerDependencies:
       - supports-color
 
-  remark-rehype@10.1.0:
-    dependencies:
-      '@types/hast': 2.3.10
-      '@types/mdast': 3.0.15
-      mdast-util-to-hast: 12.3.0
-      unified: 10.1.2
-
   remark-rehype@11.1.1:
     dependencies:
       '@types/hast': 3.0.4
@@ -14509,7 +11920,7 @@ snapshots:
   remark-stringify@11.0.0:
     dependencies:
       '@types/mdast': 4.0.4
-      mdast-util-to-markdown: 2.1.0
+      mdast-util-to-markdown: 2.1.2
       unified: 11.0.5
 
   remark@15.0.1:
@@ -14537,15 +11948,15 @@ snapshots:
 
   resolve-pkg-maps@1.0.0: {}
 
-  resolve@1.22.8:
+  resolve@1.22.10:
     dependencies:
-      is-core-module: 2.15.1
+      is-core-module: 2.16.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
   resolve@2.0.0-next.5:
     dependencies:
-      is-core-module: 2.15.1
+      is-core-module: 2.16.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
@@ -14583,30 +11994,30 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
-  sade@1.8.1:
-    dependencies:
-      mri: 1.2.0
-
-  safe-array-concat@1.1.2:
+  safe-array-concat@1.1.3:
     dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
-      has-symbols: 1.0.3
+      call-bind: 1.0.8
+      call-bound: 1.0.3
+      get-intrinsic: 1.2.7
+      has-symbols: 1.1.0
       isarray: 2.0.5
 
   safe-buffer@5.2.1: {}
 
-  safe-regex-test@1.0.3:
+  safe-push-apply@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      isarray: 2.0.5
+
+  safe-regex-test@1.1.0:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
       es-errors: 1.3.0
-      is-regex: 1.1.4
+      is-regex: 1.2.1
 
   safer-buffer@2.1.2: {}
 
-  scheduler@0.23.2:
-    dependencies:
-      loose-envify: 1.4.0
+  scheduler@0.25.0: {}
 
   scroll-into-view-if-needed@3.1.0:
     dependencies:
@@ -14632,15 +12043,13 @@ snapshots:
 
   semver@7.6.3: {}
 
-  server-only@0.0.1: {}
-
   set-function-length@1.2.2:
     dependencies:
       define-data-property: 1.1.4
       es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.4
-      gopd: 1.0.1
+      get-intrinsic: 1.2.7
+      gopd: 1.2.0
       has-property-descriptors: 1.0.2
 
   set-function-name@2.0.2:
@@ -14650,6 +12059,12 @@ snapshots:
       functions-have-names: 1.2.3
       has-property-descriptors: 1.0.2
 
+  set-proto@1.0.0:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+
   sharp@0.33.5:
     dependencies:
       color: 4.2.3
@@ -14688,30 +12103,44 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
-  shiki@1.21.0:
+  shiki@1.26.1:
     dependencies:
-      '@shikijs/core': 1.21.0
-      '@shikijs/engine-javascript': 1.21.0
-      '@shikijs/engine-oniguruma': 1.21.0
-      '@shikijs/types': 1.21.0
-      '@shikijs/vscode-textmate': 9.2.2
+      '@shikijs/core': 1.26.1
+      '@shikijs/engine-javascript': 1.26.1
+      '@shikijs/engine-oniguruma': 1.26.1
+      '@shikijs/langs': 1.26.1
+      '@shikijs/themes': 1.26.1
+      '@shikijs/types': 1.26.1
+      '@shikijs/vscode-textmate': 10.0.1
       '@types/hast': 3.0.4
 
-  shiki@1.22.1:
+  side-channel-list@1.0.0:
     dependencies:
-      '@shikijs/core': 1.22.1
-      '@shikijs/engine-javascript': 1.22.1
-      '@shikijs/engine-oniguruma': 1.22.1
-      '@shikijs/types': 1.22.1
-      '@shikijs/vscode-textmate': 9.3.0
-      '@types/hast': 3.0.4
+      es-errors: 1.3.0
+      object-inspect: 1.13.3
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.3
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.7
+      object-inspect: 1.13.3
 
-  side-channel@1.0.6:
+  side-channel-weakmap@1.0.2:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
-      object-inspect: 1.13.2
+      get-intrinsic: 1.2.7
+      object-inspect: 1.13.3
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.3
+      side-channel-list: 1.0.0
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
 
   signal-exit@3.0.7: {}
 
@@ -14744,6 +12173,11 @@ snapshots:
       cross-spawn: 5.1.0
       signal-exit: 3.0.7
 
+  spawndamnit@3.0.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
   spdx-correct@3.2.0:
     dependencies:
       spdx-expression-parse: 3.0.1
@@ -14764,14 +12198,12 @@ snapshots:
 
   sprintf-js@1.0.3: {}
 
+  stable-hash@0.0.4: {}
+
   stdin-discarder@0.1.0:
     dependencies:
       bl: 5.1.0
 
-  stop-iteration-iterator@1.0.0:
-    dependencies:
-      internal-slot: 1.0.7
-
   streamsearch@1.1.0: {}
 
   string-width@4.2.3:
@@ -14786,47 +12218,53 @@ snapshots:
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
 
-  string.prototype.includes@2.0.0:
+  string.prototype.includes@2.0.1:
     dependencies:
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
 
-  string.prototype.matchall@4.0.11:
+  string.prototype.matchall@4.0.12:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.3
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
       es-object-atoms: 1.0.0
-      get-intrinsic: 1.2.4
-      gopd: 1.0.1
-      has-symbols: 1.0.3
-      internal-slot: 1.0.7
-      regexp.prototype.flags: 1.5.2
+      get-intrinsic: 1.2.7
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      internal-slot: 1.1.0
+      regexp.prototype.flags: 1.5.4
       set-function-name: 2.0.2
-      side-channel: 1.0.6
+      side-channel: 1.1.0
 
   string.prototype.repeat@1.0.0:
     dependencies:
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
 
-  string.prototype.trim@1.2.9:
+  string.prototype.trim@1.2.10:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.3
+      define-data-property: 1.1.4
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-object-atoms: 1.0.0
+      has-property-descriptors: 1.0.2
 
-  string.prototype.trimend@1.0.8:
+  string.prototype.trimend@1.0.9:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.3
       define-properties: 1.2.1
       es-object-atoms: 1.0.0
 
   string.prototype.trimstart@1.0.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
       es-object-atoms: 1.0.0
 
@@ -14871,28 +12309,18 @@ snapshots:
 
   stubborn-fs@1.2.5: {}
 
-  style-to-object@0.4.4:
-    dependencies:
-      inline-style-parser: 0.1.1
-
   style-to-object@1.0.8:
     dependencies:
       inline-style-parser: 0.2.4
 
-  styled-jsx@5.1.1(react@18.3.1):
-    dependencies:
-      client-only: 0.0.1
-      react: 18.3.1
-
-  styled-jsx@5.1.6(react@18.3.1):
+  styled-jsx@5.1.6(react@19.0.0):
     dependencies:
       client-only: 0.0.1
-      react: 18.3.1
-    optional: true
+      react: 19.0.0
 
   sucrase@3.35.0:
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/gen-mapping': 0.3.8
       commander: 4.1.1
       glob: 10.4.5
       lines-and-columns: 1.2.4
@@ -14910,42 +12338,40 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  tailwind-merge@2.5.2: {}
-
-  tailwind-merge@2.5.4: {}
+  tailwind-merge@2.6.0: {}
 
   tailwind-variants@0.3.0(tailwindcss@4.0.0-beta.8):
     dependencies:
-      tailwind-merge: 2.5.4
+      tailwind-merge: 2.6.0
       tailwindcss: 4.0.0-beta.8
 
   tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.8):
     dependencies:
       tailwindcss: 4.0.0-beta.8
 
-  tailwindcss@3.4.13(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2)):
+  tailwindcss@3.4.17(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3)):
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
       chokidar: 3.6.0
       didyoumean: 1.2.2
       dlv: 1.1.3
-      fast-glob: 3.3.2
+      fast-glob: 3.3.3
       glob-parent: 6.0.2
       is-glob: 4.0.3
-      jiti: 1.21.6
-      lilconfig: 2.1.0
+      jiti: 1.21.7
+      lilconfig: 3.1.3
       micromatch: 4.0.8
       normalize-path: 3.0.0
       object-hash: 3.0.0
-      picocolors: 1.1.0
-      postcss: 8.4.47
-      postcss-import: 15.1.0(postcss@8.4.47)
-      postcss-js: 4.0.1(postcss@8.4.47)
-      postcss-load-config: 4.0.2(postcss@8.4.47)(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2))
-      postcss-nested: 6.2.0(postcss@8.4.47)
+      picocolors: 1.1.1
+      postcss: 8.4.49
+      postcss-import: 15.1.0(postcss@8.4.49)
+      postcss-js: 4.0.1(postcss@8.4.49)
+      postcss-load-config: 4.0.2(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))
+      postcss-nested: 6.2.0(postcss@8.4.49)
       postcss-selector-parser: 6.1.2
-      resolve: 1.22.8
+      resolve: 1.22.10
       sucrase: 3.35.0
     transitivePeerDependencies:
       - ts-node
@@ -15014,9 +12440,9 @@ snapshots:
 
   trough@2.2.0: {}
 
-  ts-api-utils@1.3.0(typescript@5.6.2):
+  ts-api-utils@2.0.0(typescript@5.7.3):
     dependencies:
-      typescript: 5.6.2
+      typescript: 5.7.3
 
   ts-interface-checker@0.1.13: {}
 
@@ -15030,7 +12456,7 @@ snapshots:
       '@ts-morph/common': 0.25.0
       code-block-writer: 13.0.3
 
-  ts-node@10.9.2(@types/node@20.5.1)(typescript@5.6.2):
+  ts-node@10.9.2(@types/node@20.5.1)(typescript@5.7.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
@@ -15038,31 +12464,31 @@ snapshots:
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
       '@types/node': 20.5.1
-      acorn: 8.12.1
+      acorn: 8.14.0
       acorn-walk: 8.3.4
       arg: 4.1.3
       create-require: 1.1.1
       diff: 4.0.2
       make-error: 1.3.6
-      typescript: 5.6.2
+      typescript: 5.7.3
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
-  ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2):
+  ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 22.7.7
-      acorn: 8.12.1
+      '@types/node': 22.8.1
+      acorn: 8.14.0
       acorn-walk: 8.3.4
       arg: 4.1.3
       create-require: 1.1.1
       diff: 4.0.2
       make-error: 1.3.6
-      typescript: 5.6.2
+      typescript: 5.7.3
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     optional: true
@@ -15080,64 +12506,64 @@ snapshots:
       minimist: 1.2.8
       strip-bom: 3.0.0
 
-  tslib@2.7.0: {}
+  tslib@2.8.1: {}
 
-  tsup@6.7.0(postcss@8.4.47)(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2))(typescript@5.6.2):
+  tsup@6.7.0(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))(typescript@5.7.3):
     dependencies:
       bundle-require: 4.2.1(esbuild@0.17.19)
       cac: 6.7.14
       chokidar: 3.6.0
-      debug: 4.3.7
+      debug: 4.4.0
       esbuild: 0.17.19
       execa: 5.1.1
       globby: 11.1.0
       joycon: 3.1.1
-      postcss-load-config: 3.1.4(postcss@8.4.47)(ts-node@10.9.2(@types/node@22.7.7)(typescript@5.6.2))
+      postcss-load-config: 3.1.4(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))
       resolve-from: 5.0.0
       rollup: 3.29.5
       source-map: 0.8.0-beta.0
       sucrase: 3.35.0
       tree-kill: 1.2.2
     optionalDependencies:
-      postcss: 8.4.47
-      typescript: 5.6.2
+      postcss: 8.4.49
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
       - ts-node
 
-  tsx@4.19.1:
+  tsx@4.19.2:
     dependencies:
       esbuild: 0.23.1
       get-tsconfig: 4.8.1
     optionalDependencies:
       fsevents: 2.3.3
 
-  turbo-darwin-64@2.1.3:
+  turbo-darwin-64@2.3.3:
     optional: true
 
-  turbo-darwin-arm64@2.1.3:
+  turbo-darwin-arm64@2.3.3:
     optional: true
 
-  turbo-linux-64@2.1.3:
+  turbo-linux-64@2.3.3:
     optional: true
 
-  turbo-linux-arm64@2.1.3:
+  turbo-linux-arm64@2.3.3:
     optional: true
 
-  turbo-windows-64@2.1.3:
+  turbo-windows-64@2.3.3:
     optional: true
 
-  turbo-windows-arm64@2.1.3:
+  turbo-windows-arm64@2.3.3:
     optional: true
 
-  turbo@2.1.3:
+  turbo@2.3.3:
     optionalDependencies:
-      turbo-darwin-64: 2.1.3
-      turbo-darwin-arm64: 2.1.3
-      turbo-linux-64: 2.1.3
-      turbo-linux-arm64: 2.1.3
-      turbo-windows-64: 2.1.3
-      turbo-windows-arm64: 2.1.3
+      turbo-darwin-64: 2.3.3
+      turbo-darwin-arm64: 2.3.3
+      turbo-linux-64: 2.3.3
+      turbo-linux-arm64: 2.3.3
+      turbo-windows-64: 2.3.3
+      turbo-windows-arm64: 2.3.3
 
   type-check@0.4.0:
     dependencies:
@@ -15153,65 +12579,56 @@ snapshots:
 
   type-fest@3.13.1: {}
 
-  type-fest@4.26.1: {}
+  type-fest@4.32.0: {}
 
-  typed-array-buffer@1.0.2:
+  typed-array-buffer@1.0.3:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.3
       es-errors: 1.3.0
-      is-typed-array: 1.1.13
+      is-typed-array: 1.1.15
 
-  typed-array-byte-length@1.0.1:
+  typed-array-byte-length@1.0.3:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       for-each: 0.3.3
-      gopd: 1.0.1
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
 
-  typed-array-byte-offset@1.0.2:
+  typed-array-byte-offset@1.0.4:
     dependencies:
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       for-each: 0.3.3
-      gopd: 1.0.1
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+      reflect.getprototypeof: 1.0.10
 
-  typed-array-length@1.0.6:
+  typed-array-length@1.0.7:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       for-each: 0.3.3
-      gopd: 1.0.1
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
+      gopd: 1.2.0
+      is-typed-array: 1.1.15
       possible-typed-array-names: 1.0.0
+      reflect.getprototypeof: 1.0.10
 
-  typescript@5.6.2: {}
+  typescript@5.7.3: {}
 
   uint8array-extras@1.4.0: {}
 
-  unbox-primitive@1.0.2:
+  unbox-primitive@1.1.0:
     dependencies:
-      call-bind: 1.0.7
-      has-bigints: 1.0.2
-      has-symbols: 1.0.3
-      which-boxed-primitive: 1.0.2
+      call-bound: 1.0.3
+      has-bigints: 1.1.0
+      has-symbols: 1.1.0
+      which-boxed-primitive: 1.1.1
 
   undici-types@5.26.5: {}
 
   undici-types@6.19.8: {}
 
-  unified@10.1.2:
-    dependencies:
-      '@types/unist': 2.0.11
-      bail: 2.0.2
-      extend: 3.0.2
-      is-buffer: 2.0.5
-      is-plain-obj: 4.1.0
-      trough: 2.2.0
-      vfile: 5.3.7
-
   unified@11.0.5:
     dependencies:
       '@types/unist': 3.0.3
@@ -15222,61 +12639,27 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
-  unist-util-generated@2.0.1: {}
-
-  unist-util-is@5.2.1:
-    dependencies:
-      '@types/unist': 2.0.11
-
   unist-util-is@6.0.0:
     dependencies:
       '@types/unist': 3.0.3
 
-  unist-util-position-from-estree@1.1.2:
-    dependencies:
-      '@types/unist': 2.0.11
-
   unist-util-position-from-estree@2.0.0:
     dependencies:
       '@types/unist': 3.0.3
 
-  unist-util-position@4.0.4:
-    dependencies:
-      '@types/unist': 2.0.11
-
   unist-util-position@5.0.0:
     dependencies:
       '@types/unist': 3.0.3
 
-  unist-util-remove-position@4.0.2:
-    dependencies:
-      '@types/unist': 2.0.11
-      unist-util-visit: 4.1.2
-
-  unist-util-stringify-position@3.0.3:
-    dependencies:
-      '@types/unist': 2.0.11
-
   unist-util-stringify-position@4.0.0:
     dependencies:
       '@types/unist': 3.0.3
 
-  unist-util-visit-parents@5.1.3:
-    dependencies:
-      '@types/unist': 2.0.11
-      unist-util-is: 5.2.1
-
   unist-util-visit-parents@6.0.1:
     dependencies:
       '@types/unist': 3.0.3
       unist-util-is: 6.0.0
 
-  unist-util-visit@4.1.2:
-    dependencies:
-      '@types/unist': 2.0.11
-      unist-util-is: 5.2.1
-      unist-util-visit-parents: 5.1.3
-
   unist-util-visit@5.0.0:
     dependencies:
       '@types/unist': 3.0.3
@@ -15287,44 +12670,37 @@ snapshots:
 
   universalify@2.0.1: {}
 
-  update-browserslist-db@1.1.1(browserslist@4.24.0):
+  update-browserslist-db@1.1.2(browserslist@4.24.4):
     dependencies:
-      browserslist: 4.24.0
+      browserslist: 4.24.4
       escalade: 3.2.0
-      picocolors: 1.1.0
+      picocolors: 1.1.1
 
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
 
-  use-callback-ref@1.3.2(@types/react@18.3.10)(react@18.3.1):
+  use-callback-ref@1.3.3(@types/react@19.0.4)(react@19.0.0):
     dependencies:
-      react: 18.3.1
-      tslib: 2.7.0
+      react: 19.0.0
+      tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  use-sidecar@1.1.2(@types/react@18.3.10)(react@18.3.1):
+  use-sidecar@1.1.3(@types/react@19.0.4)(react@19.0.0):
     dependencies:
       detect-node-es: 1.1.0
-      react: 18.3.1
-      tslib: 2.7.0
+      react: 19.0.0
+      tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
 
-  use-sync-external-store@1.2.2(react@18.3.1):
+  use-sync-external-store@1.4.0(react@19.0.0):
     dependencies:
-      react: 18.3.1
+      react: 19.0.0
 
   util-deprecate@1.0.2: {}
 
-  uvu@0.5.6:
-    dependencies:
-      dequal: 2.0.3
-      diff: 5.2.0
-      kleur: 4.1.5
-      sade: 1.8.1
-
   v8-compile-cache-lib@3.0.1: {}
 
   validate-npm-package-license@3.0.4:
@@ -15336,29 +12712,11 @@ snapshots:
     dependencies:
       builtins: 1.0.3
 
-  vfile-matter@3.0.1:
-    dependencies:
-      '@types/js-yaml': 4.0.9
-      is-buffer: 2.0.5
-      js-yaml: 4.1.0
-
-  vfile-message@3.1.4:
-    dependencies:
-      '@types/unist': 2.0.11
-      unist-util-stringify-position: 3.0.3
-
   vfile-message@4.0.2:
     dependencies:
       '@types/unist': 3.0.3
       unist-util-stringify-position: 4.0.0
 
-  vfile@5.3.7:
-    dependencies:
-      '@types/unist': 2.0.11
-      is-buffer: 2.0.5
-      unist-util-stringify-position: 3.0.3
-      vfile-message: 3.1.4
-
   vfile@6.0.3:
     dependencies:
       '@types/unist': 3.0.3
@@ -15387,42 +12745,44 @@ snapshots:
 
   when-exit@2.1.3: {}
 
-  which-boxed-primitive@1.0.2:
+  which-boxed-primitive@1.1.1:
     dependencies:
-      is-bigint: 1.0.4
-      is-boolean-object: 1.1.2
-      is-number-object: 1.0.7
-      is-string: 1.0.7
-      is-symbol: 1.0.4
+      is-bigint: 1.1.0
+      is-boolean-object: 1.2.1
+      is-number-object: 1.1.1
+      is-string: 1.1.1
+      is-symbol: 1.1.1
 
-  which-builtin-type@1.1.4:
+  which-builtin-type@1.2.1:
     dependencies:
-      function.prototype.name: 1.1.6
+      call-bound: 1.0.3
+      function.prototype.name: 1.1.8
       has-tostringtag: 1.0.2
-      is-async-function: 2.0.0
-      is-date-object: 1.0.5
-      is-finalizationregistry: 1.0.2
-      is-generator-function: 1.0.10
-      is-regex: 1.1.4
-      is-weakref: 1.0.2
+      is-async-function: 2.1.0
+      is-date-object: 1.1.0
+      is-finalizationregistry: 1.1.1
+      is-generator-function: 1.1.0
+      is-regex: 1.2.1
+      is-weakref: 1.1.0
       isarray: 2.0.5
-      which-boxed-primitive: 1.0.2
+      which-boxed-primitive: 1.1.1
       which-collection: 1.0.2
-      which-typed-array: 1.1.15
+      which-typed-array: 1.1.18
 
   which-collection@1.0.2:
     dependencies:
       is-map: 2.0.3
       is-set: 2.0.3
       is-weakmap: 2.0.2
-      is-weakset: 2.0.3
+      is-weakset: 2.0.4
 
-  which-typed-array@1.1.15:
+  which-typed-array@1.1.18:
     dependencies:
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.3
       for-each: 0.3.3
-      gopd: 1.0.1
+      gopd: 1.2.0
       has-tostringtag: 1.0.2
 
   which@1.3.1:
@@ -15461,7 +12821,7 @@ snapshots:
 
   yaml@1.10.2: {}
 
-  yaml@2.5.1: {}
+  yaml@2.7.0: {}
 
   yargs-parser@20.2.9: {}
 
@@ -15481,14 +12841,14 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  zod@3.23.8: {}
+  zod@3.24.1: {}
 
-  zustand@4.5.5(@types/react@18.3.10)(immer@10.1.1)(react@18.3.1):
+  zustand@4.5.6(@types/react@19.0.4)(immer@10.1.1)(react@19.0.0):
     dependencies:
-      use-sync-external-store: 1.2.2(react@18.3.1)
+      use-sync-external-store: 1.4.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': 18.3.10
+      '@types/react': 19.0.4
       immer: 10.1.1
-      react: 18.3.1
+      react: 19.0.0
 
   zwitch@2.0.4: {}
diff --git a/www/next.config.mjs b/www/next.config.mjs
index f04b2d455..62a468bd2 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -14,7 +14,10 @@ const config = {
   },
   typescript: {
     ignoreBuildErrors: true
-  }
+  },
+  // experimental: {
+  //   reactCompiler: true,
+  // },
 };
 
 export default withMDX(config);
diff --git a/www/package.json b/www/package.json
index a4b52e107..ba09d55c2 100644
--- a/www/package.json
+++ b/www/package.json
@@ -8,7 +8,7 @@
     "build:internal-registry": "tsx ./scripts/build-internal-registry.ts && prettier --log-level silent --write \"src/__registry__/**/*.{ts,tsx,mdx}\" --cache",
     "build:demos": "tsx ./scripts/build-demos.ts && prettier --log-level silent --write \"src/__demos__/index.tsx\" --cache",
     "start": "next start",
-    "dev": "next dev",
+    "dev": "next dev --turbopack",
     "preview": "next build && next start",
     "format": "prettier --write \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
     "format:check": "prettier --check \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
@@ -23,16 +23,14 @@
     "@radix-ui/react-aspect-ratio": "^1.0.3",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-scroll-area": "^1.0.5",
-    "@radix-ui/react-use-controllable-state": "^1.0.1",
-    "@react-aria/toolbar": "3.0.0-beta.4",
     "@react-aria/utils": "^3.24.0",
     "@react-stately/utils": "^3.10.1",
     "@remixicon/react": "^4.2.0",
     "@types/mdx": "^2.0.13",
     "@vercel/analytics": "^1.1.1",
+    "babel-plugin-react-compiler": "19.0.0-beta-63e3235-20250105",
     "clsx": "^2.1.0",
     "cmdk": "^1.0.0",
-    "framer-motion": "^11.11.8",
     "fumadocs-core": "^14.0.2",
     "fumadocs-docgen": "^1.3.0",
     "fumadocs-mdx": "^11.1.0",
@@ -41,16 +39,16 @@
     "immer": "^10.1.1",
     "jotai": "2.8.0",
     "jotai-immer": "^0.4.1",
-    "lucide-react": "^0.311.0",
+    "lucide-react": "^0.469.0",
+    "motion": "^11.16.4",
     "nanoid": "^5.0.7",
-    "next": "14.2.14",
-    "next-mdx-remote": "^4.4.1",
+    "next": "15.1.4",
     "next-themes": "^0.2.1",
     "npm-to-yarn": "^3.0.0",
-    "react": "18.3.1",
+    "react": "19.0.0",
     "react-aria": "^3.33.0",
     "react-aria-components": "^1.5.0",
-    "react-dom": "18.3.1",
+    "react-dom": "19.0.0",
     "react-resizable-panels": "^2.0.19",
     "react-stately": "^3.31.0",
     "remark-gfm": "^4.0.0",
@@ -72,8 +70,8 @@
     "@types/estree": "^1.0.6",
     "@types/mdast": "^4.0.4",
     "@types/node": "^18.17.0",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
+    "@types/react": "19.0.4",
+    "@types/react-dom": "19.0.2",
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.31",
     "rimraf": "^6.0.1",
diff --git a/www/src/__registry__/core/loader-wave.tsx b/www/src/__registry__/core/loader-wave.tsx
index 3ac8eee3e..fa6076fe6 100644
--- a/www/src/__registry__/core/loader-wave.tsx
+++ b/www/src/__registry__/core/loader-wave.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { ProgressBar as AriaProgressBar } from "react-aria-components";
 import type { ProgressBarProps } from "react-aria-components";
 import { cn } from "@/registry/lib/cn";
diff --git a/www/src/__registry__/core/ripple.tsx b/www/src/__registry__/core/ripple.tsx
index 918a28a17..778a59ffb 100644
--- a/www/src/__registry__/core/ripple.tsx
+++ b/www/src/__registry__/core/ripple.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import type { FC } from "react";
-import type { HTMLMotionProps } from "framer-motion";
-import { AnimatePresence, motion } from "framer-motion";
+import type { HTMLMotionProps } from "motion/react";
+import { AnimatePresence, motion } from "motion/react";
 import type { RippleType } from "@/registry/hooks/use-ripple";
 
 function clamp(value: number, min: number, max: number) {
diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index b87765c42..1652e33ab 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -16,16 +16,14 @@ import { TableOfContents } from "@/components/toc";
 import { source } from "@/app/source";
 import { siteConfig } from "@/config";
 
-interface PageProps {
-  params: {
-    slug: string[];
-  };
-}
-
 const config = siteConfig.global;
 
-export default async function Page({ params }: PageProps) {
-  const page = source.getPage(params.slug);
+export default async function Page({
+  params,
+}: {
+  params: Promise<{ slug: string[] }>;
+}) {
+  const page = source.getPage((await params).slug);
   if (!page) notFound();
   const MDXContent = page.data.body;
 
@@ -82,8 +80,12 @@ const getIcon = (url: string) => {
   return null;
 };
 
-export function generateMetadata({ params }: PageProps): Metadata {
-  const page = source.getPage(params.slug);
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ slug: string[] }>;
+}): Promise<Metadata> {
+  const page = source.getPage((await params).slug);
   if (!page) notFound();
 
   return {
@@ -110,6 +112,6 @@ export function generateMetadata({ params }: PageProps): Metadata {
   };
 }
 
-export function generateStaticParams(): PageProps["params"][] {
+export function generateStaticParams() {
   return source.generateParams();
 }
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 372e0d1f5..3f1e076a5 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -11,7 +11,7 @@ export default function HomePage() {
       <Header />
       <div className="container">
         <section className="mx-auto max-w-3xl pt-28">
-          <h1 className="text-center text-3xl tracking-tight md:text-5xl lg:text-6xl">
+          <h1 className="text-center text-3xl tracking-tight md:text-5xl lg:text-5xl">
             Build your component library
             <br /> with a <span className="font-bold italic">unique</span>{" "}
             style.
@@ -25,7 +25,7 @@ export default function HomePage() {
               size="lg"
               variant="primary"
               href="/docs/getting-started/introduction"
-              className="h-12 px-8 text-base font-semibold"
+              className="h-11 px-8"
             >
               Get started
             </Button>
@@ -33,7 +33,7 @@ export default function HomePage() {
               href="/themes"
               size="lg"
               variant="outline"
-              className="bg-bg-inverse/5 h-12 px-8 text-base font-semibold"
+              className="bg-bg-inverse/5 h-11 px-8"
               // prefix={<PaletteIcon />}
             >
               Explore themes
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 8d8c617fe..0e3005125 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import type { PageTree } from "fumadocs-core/server";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import {
@@ -42,9 +42,9 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
   const [isCollapsed, setIsCollapsed] = React.useState(shouldInitialCollapse);
 
   const transition = {
-    type: "spring",
-    bounce: 0,
-    duration: 0.25,
+    // type: "tween",
+    // bounce: 0,
+    // duration: 0.25,
   };
 
   React.useEffect(() => {
diff --git a/www/src/registry/core/loader-wave.tsx b/www/src/registry/core/loader-wave.tsx
index 3ac8eee3e..fa6076fe6 100644
--- a/www/src/registry/core/loader-wave.tsx
+++ b/www/src/registry/core/loader-wave.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { ProgressBar as AriaProgressBar } from "react-aria-components";
 import type { ProgressBarProps } from "react-aria-components";
 import { cn } from "@/registry/lib/cn";
diff --git a/www/src/registry/core/ripple.tsx b/www/src/registry/core/ripple.tsx
index 918a28a17..778a59ffb 100644
--- a/www/src/registry/core/ripple.tsx
+++ b/www/src/registry/core/ripple.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import type { FC } from "react";
-import type { HTMLMotionProps } from "framer-motion";
-import { AnimatePresence, motion } from "framer-motion";
+import type { HTMLMotionProps } from "motion/react";
+import { AnimatePresence, motion } from "motion/react";
 import type { RippleType } from "@/registry/hooks/use-ripple";
 
 function clamp(value: number, min: number, max: number) {

From 0f9b51be801cab5720a8709004992a5ca3e28bb4 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 11 Jan 2025 00:54:23 +0100
Subject: [PATCH 034/165] refactor:rewrite  alert component

---
 .../docs/components/feedback/alert.mdx        |  39 ++----
 www/next.config.mjs                           |   6 +-
 www/src/app/providers.tsx                     |  27 ++--
 www/src/components/component-preview.tsx      |  49 ++++++-
 www/src/demos/alert/default.tsx               |   2 +-
 www/src/demos/alert/variants.tsx              |  35 +----
 www/src/lib/create-dynamic-component.tsx      |  23 +++-
 www/src/lib/helpers.tsx                       |  28 ++++
 www/src/registry/core/alert-01.tsx            |  93 +++++++++++++
 www/src/registry/core/alert.tsx               | 124 ++++++++----------
 www/src/registry/core/slider.tsx              |   2 +-
 11 files changed, 282 insertions(+), 146 deletions(-)
 create mode 100644 www/src/lib/helpers.tsx
 create mode 100644 www/src/registry/core/alert-01.tsx

diff --git a/www/content/docs/components/feedback/alert.mdx b/www/content/docs/components/feedback/alert.mdx
index e75c24c52..cf01547cf 100644
--- a/www/content/docs/components/feedback/alert.mdx
+++ b/www/content/docs/components/feedback/alert.mdx
@@ -1,8 +1,6 @@
 ---
 title: Alert
 description: Displays a callout for user attention.
-thumbnail:
-  image: /previews/components/core/alert.jpeg
 links:
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
@@ -12,41 +10,28 @@ links:
 
 <ComponentPreview
   name="core/alert-default"
-  preveiw={`<Alert>You can add components to your app using the cli.</Alert>`}
+  preview={`<Alert>You can add components to your app using the cli.</Alert>`}
 />
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add alert
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/alert" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Examples
 
 ### Variants
 
-Use the `variant` and `fill` props to change the visual style of the alert.
+Use the `variant` prop to change the visual style of the alert.
 
 <ComponentPreview
   name="core/alert-variants"
-  preview={`<Alert variant={variant} fill={fill}>
-    You can add components to your app using the cli.
-  </Alert>`}
+  preview={`<Alert variant="neutral" title="This is a neutral alert" />
+<Alert variant="info" title="This is a neutral alert" />
+<Alert variant="danger" title="This is a critical alert" />
+<Alert variant="warning" title="This is a warning alert" />
+<Alert variant="success" title="This is a success alert" />`}
 />
 
 ### Title
@@ -117,7 +102,7 @@ If you need to customize things further, you can drop down the composition patte
 
 Alert accepts all HTML `div` element props and the following:
 
-| Prop      | Type                                                       | Default     | Description                                |
-| --------- | ---------------------------------------------------------- | ----------- | ------------------------------------------ |
-| `variant` | `'default' \| 'success \| 'warning' \| 'danger \| 'info' ` | `'default'` | The visual style of the alert.             |
-| `fill`    | `boolean`                                                  | `false`     | Weather the visual style should be filled. |
+| Prop      | Type                                                         | Default     | Description                                |
+| --------- | ------------------------------------------------------------ | ----------- | ------------------------------------------ |
+| `variant` | `'default' \| 'success' \| 'warning' \| 'danger' \| 'info' ` | `'default'` | The visual style of the alert.             |
+| `fill`    | `boolean`                                                    | `false`     | Weather the visual style should be filled. |
diff --git a/www/next.config.mjs b/www/next.config.mjs
index 62a468bd2..418695f11 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -15,9 +15,9 @@ const config = {
   typescript: {
     ignoreBuildErrors: true
   },
-  // experimental: {
-  //   reactCompiler: true,
-  // },
+  experimental: {
+    reactCompiler: true,
+  },
 };
 
 export default withMDX(config);
diff --git a/www/src/app/providers.tsx b/www/src/app/providers.tsx
index b06ebb0fa..65c2abb91 100644
--- a/www/src/app/providers.tsx
+++ b/www/src/app/providers.tsx
@@ -4,6 +4,7 @@ import { useRouter } from "next/navigation";
 import { Provider as JotaiProvider } from "jotai";
 import { ThemeProvider } from "next-themes";
 import { RouterProvider } from "react-aria-components";
+import { VariantsProvider } from "@/lib/create-dynamic-component";
 
 declare module "react-aria-components" {
   interface RouterConfig {
@@ -17,18 +18,20 @@ export function Providers({ children }: { children: React.ReactNode }) {
   const router = useRouter();
   return (
     <JotaiProvider>
-      <RouterProvider navigate={router.push}>
-        <ThemeProvider
-          attribute="class"
-          defaultTheme="system"
-          enableSystem
-          disableTransitionOnChange
-        >
-          <div drawer-wrapper="" className="bg-bg">
-            {children}
-          </div>
-        </ThemeProvider>
-      </RouterProvider>
+      <VariantsProvider>
+        <RouterProvider navigate={router.push}>
+          <ThemeProvider
+            attribute="class"
+            defaultTheme="system"
+            enableSystem
+            disableTransitionOnChange
+          >
+            <div drawer-wrapper="" className="bg-bg">
+              {children}
+            </div>
+          </ThemeProvider>
+        </RouterProvider>
+      </VariantsProvider>
     </JotaiProvider>
   );
 }
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index ccce55061..9dfcab6b1 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -1,11 +1,16 @@
 import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
-import { PaintBucket } from "lucide-react";
+import { ChevronDownIcon, PaintBucket } from "lucide-react";
 import { cn } from "@/lib/cn";
 import { getFileSource } from "@/lib/get-file-source";
 import { CodeBlock } from "@/components/code-block";
 import { Button } from "@/components/core/button";
+import { ListBox, Item } from "@/components/core/list-box";
+import { Overlay } from "@/components/core/overlay";
+import { Select, SelectRoot, SelectValue } from "@/components/core/select";
 import { Tooltip } from "@/components/core/tooltip";
+import { core } from "@/registry/registry-core";
+import { RegistryItem } from "@/registry/types";
 import { Index } from "@/__registry__/demos";
 import { ComponentPreviewClient } from "./component-preview-client";
 import { ThemeCustomizerDialog } from "./theme-customizer";
@@ -28,6 +33,8 @@ export const ComponentPreview = async ({
 }: ComponentPreviewProps) => {
   const type = name.split("/")[0];
   const componentName = name.split("/")[1];
+  const compName = "button";
+  const variants = getAllComponentVariants(compName);
 
   const demoItem = Index[type][componentName];
 
@@ -56,6 +63,26 @@ export const ComponentPreview = async ({
     >
       <div className="relative">
         <ThemeOverride>
+          <SelectRoot defaultSelectedKey="alert-01">
+            <Button
+              variant="outline"
+              size="sm"
+              suffix={<ChevronDownIcon />}
+              className="border-border absolute left-2 top-2 z-50 text-xs font-normal"
+            >
+              <span className="font-bold">variant:</span> <SelectValue />
+            </Button>
+            <Overlay type="popover">
+              <ListBox>
+                {variants &&
+                  variants.map((item) => (
+                    <Item key={item.name} id={item.name} description={item.description}>
+                      {item.name} {false && "(current theme)"}
+                    </Item>
+                  ))}
+              </ListBox>
+            </Overlay>
+          </SelectRoot>
           <ThemeCustomizerDialog>
             <Tooltip
               content={
@@ -68,7 +95,7 @@ export const ComponentPreview = async ({
                 variant="outline"
                 shape="square"
                 size="sm"
-                className="absolute right-2 top-2 z-50 font-normal"
+                className="border-border absolute right-2 top-2 z-50 font-normal"
               >
                 <PaintBucket />
               </Button>
@@ -77,7 +104,7 @@ export const ComponentPreview = async ({
           <ScrollArea
             className={cn("flex items-center justify-center", "bg-bg text-fg")}
           >
-            <div className="flex min-h-40 items-center justify-center px-4 py-8">
+            <div className="flex min-h-52 items-center justify-center px-4 py-16">
               <div
                 className={cn(
                   "flex w-full items-center justify-center",
@@ -115,3 +142,19 @@ export const ComponentPreview = async ({
     </div>
   );
 };
+
+const getAllComponentVariants = (name: string) => {
+  const item = core.find((item) => item.name === name);
+
+  if (hasVariants(item)) {
+    return item.variants;
+  } else {
+    return false;
+  }
+};
+
+function hasVariants(
+  item?: RegistryItem
+): item is Extract<RegistryItem, { variants: unknown }> {
+  return item !== undefined && "variants" in item;
+}
diff --git a/www/src/demos/alert/default.tsx b/www/src/demos/alert/default.tsx
index 1752786ae..9c8f49146 100644
--- a/www/src/demos/alert/default.tsx
+++ b/www/src/demos/alert/default.tsx
@@ -1,5 +1,5 @@
 import { Alert } from "@/components/dynamic-core/alert";
 
 export default function AlertDemo() {
-  return <Alert>You can add components to your app using the cli.</Alert>;
+  return <Alert title="You can add components to your app using the cli."/>;
 }
diff --git a/www/src/demos/alert/variants.tsx b/www/src/demos/alert/variants.tsx
index 1b861e636..1c99c3e92 100644
--- a/www/src/demos/alert/variants.tsx
+++ b/www/src/demos/alert/variants.tsx
@@ -1,35 +1,14 @@
-"use client";
-
 import React from "react";
-import { Alert, type AlertProps } from "@/components/dynamic-core/alert";
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-import { Switch } from "@/components/dynamic-core/switch";
-
-type Variant = AlertProps["variant"];
+import { Alert } from "@/components/dynamic-core/alert";
 
 export default function Demo() {
-  const [variant, setVariant] = React.useState<Variant>("default");
-  const [fill, setFill] = React.useState(true);
-
   return (
-    <div className="flex items-center gap-8">
-      <Alert variant={variant} fill={fill}>
-        You can add components to your app using the cli.
-      </Alert>
-      <Switch isSelected={fill} onChange={setFill}>
-        Fill
-      </Switch>
-      <RadioGroup
-        label="Variant"
-        value={variant}
-        onChange={(newVal) => setVariant(newVal as Variant)}
-      >
-        <Radio value="default">Default</Radio>
-        <Radio value="success">Success</Radio>
-        <Radio value="danger">Danger</Radio>
-        <Radio value="warning">Warning</Radio>
-        <Radio value="info">Info</Radio>
-      </RadioGroup>
+    <div className="grid grid-cols-2 gap-2">
+      <Alert variant="neutral" title="This is a neutral alert" />
+      <Alert variant="info" title="This is a neutral alert" />
+      <Alert variant="danger" title="This is a critical alert" />
+      <Alert variant="warning" title="This is a warning alert" />
+      <Alert variant="success" title="This is a success alert" />
     </div>
   );
 }
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index 73bd9bb77..c8e255ee0 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -12,6 +12,8 @@ export const createDynamicComponent = <Props extends {}>(
     const { currentTheme } = useThemes();
 
     const variant = currentTheme.variants[registryItem];
+    const { variants } = useComponentsVariants();
+    const contextVariant = variants[componentName];
 
     if (!variant || !registry[variant]) {
       throw new Error(
@@ -19,7 +21,7 @@ export const createDynamicComponent = <Props extends {}>(
       );
     }
 
-    const LazyComponent = registry[variant];
+    const LazyComponent = registry[contextVariant ?? variant];
 
     return (
       <React.Suspense fallback={null}>
@@ -32,3 +34,22 @@ export const createDynamicComponent = <Props extends {}>(
 
   return Component;
 };
+
+const variantsContext = React.createContext<{
+  variants: Record<string, string>;
+  setVariants: (value: Record<string, string>) => void;
+}>({ variants: {}, setVariants: () => {} });
+
+export const VariantsProvider = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => {
+  const [variants, setVariants] = React.useState<Record<string, string>>({});
+  return (
+    <variantsContext.Provider value={{ variants, setVariants }}>
+      {children}
+    </variantsContext.Provider>
+  );
+};
+const useComponentsVariants = () => React.useContext(variantsContext);
diff --git a/www/src/lib/helpers.tsx b/www/src/lib/helpers.tsx
new file mode 100644
index 000000000..6d928cfb0
--- /dev/null
+++ b/www/src/lib/helpers.tsx
@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+export function createScopedContext<ContextValueType extends object | null>(
+  rootComponentName: string,
+  defaultContext?: ContextValueType
+) {
+  const Context = React.createContext<ContextValueType | undefined>(defaultContext);
+
+  const Provider: React.FC<ContextValueType & { children: React.ReactNode }> = (props) => {
+    const { children, ...context } = props;
+    // Only re-memoize when prop values change
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const value = React.useMemo(() => context, Object.values(context)) as ContextValueType;
+    return <Context.Provider value={value}>{children}</Context.Provider>;
+  };
+
+  Provider.displayName = rootComponentName + 'Provider';
+
+  function useContext(consumerName: string) {
+    const context = React.useContext(Context);
+    if (context) return context;
+    if (defaultContext !== undefined) return defaultContext;
+    // if a defaultContext wasn't specified, it's a required context.
+    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+  }
+
+  return [Provider, useContext] as const;
+}
\ No newline at end of file
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert-01.tsx
new file mode 100644
index 000000000..8f370354d
--- /dev/null
+++ b/www/src/registry/core/alert-01.tsx
@@ -0,0 +1,93 @@
+import * as React from "react";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "lucide-react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const alertStyles = tv({
+  slots: {
+    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      neutral: { root: "text-fg border" },
+      success: { root: "border-border-success text-fg-success border" },
+      warning: { root: "border-border-warning text-fg-warning border" },
+      danger: { root: "border-border-danger text-fg-danger border" },
+      info: { root: "border-border-accent text-fg-accent border" },
+    },
+  },
+  defaultVariants: {
+    variant: "neutral",
+  },
+});
+
+const { root, title, content } = alertStyles();
+
+const [AlertProvider, useAlertContext] =
+  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
+
+const icons = {
+  neutral: <InfoIcon />,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
+  info: <InfoIcon />,
+};
+
+interface AlertProps extends AlertRootProps {
+  title: string;
+  description?: string;
+}
+
+function Alert({
+  title,
+  description,
+  variant = "neutral",
+  ...props
+}: AlertProps) {
+  return (
+    <AlertRoot variant={variant} {...props}>
+      {icons[variant]}
+      <div>
+        <AlertTitle>{title}</AlertTitle>
+        {description && <AlertContent>{description}</AlertContent>}
+      </div>
+    </AlertRoot>
+  );
+}
+
+interface AlertRootProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof alertStyles> {}
+
+function AlertRoot({ className, variant, ...props }: AlertRootProps) {
+  return (
+    <AlertProvider variant={variant}>
+      <div role="alert" className={root({ variant, className })} {...props} />
+    </AlertProvider>
+  );
+}
+
+interface AlertTitleProps extends React.ComponentProps<"h5"> {}
+
+function AlertTitle({ className, ...props }: AlertTitleProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <h5 className={title({ variant, className })} {...props} />;
+}
+
+interface AlertContentProps extends React.ComponentProps<"p"> {}
+
+function AlertContent({ className, ...props }: AlertContentProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <p className={content({ variant, className })} {...props} />;
+}
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/registry/core/alert.tsx b/www/src/registry/core/alert.tsx
index 3959fe5ad..6f401b5c0 100644
--- a/www/src/registry/core/alert.tsx
+++ b/www/src/registry/core/alert.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 import {
   AlertCircleIcon,
@@ -6,6 +8,7 @@ import {
   InfoIcon,
 } from "lucide-react";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
 
 const alertStyles = tv({
   slots: {
@@ -15,100 +18,81 @@ const alertStyles = tv({
   },
   variants: {
     variant: {
-      default: { root: "text-fg border" },
+      neutral: { root: "text-fg border" },
       success: { root: "border-border-success text-fg-success border" },
       warning: { root: "border-border-warning text-fg-warning border" },
       danger: { root: "border-border-danger text-fg-danger border" },
       info: { root: "border-border-accent text-fg-accent border" },
     },
-    fill: {
-      true: "",
-    },
   },
-  compoundVariants: [
-    { variant: "default", fill: true, className: { root: "bg-bg-muted" } },
-    {
-      variant: "success",
-      fill: true,
-      className: { root: "bg-bg-success-muted" },
-    },
-    {
-      variant: "warning",
-      fill: true,
-      className: { root: "bg-bg-warning-muted" },
-    },
-    {
-      variant: "danger",
-      fill: true,
-      className: { root: "bg-bg-danger-muted" },
-    },
-    { variant: "info", fill: true, className: { root: "bg-bg-accent-muted" } },
-  ],
   defaultVariants: {
-    variant: "default",
-    fill: false,
+    variant: "neutral",
   },
 });
 
+const { root, title, content } = alertStyles();
+
+const [AlertProvider, useAlertContext] =
+  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
+
 const icons = {
-  default: <InfoIcon />,
+  neutral: <InfoIcon />,
   danger: <AlertCircleIcon />,
   success: <CheckCircle2Icon />,
   warning: <AlertTriangleIcon />,
   info: <InfoIcon />,
 };
+
 interface AlertProps extends AlertRootProps {
-  title?: React.ReactNode;
-  icon?: React.ReactNode | null;
+  title?: string;
+  description?: string;
   action?: React.ReactNode;
 }
-const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
-  ({ variant = "default", title, children, icon, action, ...props }, ref) => {
-    return (
-      <AlertRoot variant={variant} {...props} ref={ref}>
-        {icon || icons[variant]}
-        <div className="flex-1 space-y-0.5">
-          {title && <AlertTitle>{title}</AlertTitle>}
-          {children && <AlertContent>{children}</AlertContent>}
-        </div>
-        {action && <div className="shrink-0">{action}</div>}
-      </AlertRoot>
-    );
-  }
-);
-Alert.displayName = "Alert";
+
+function Alert({
+  variant = "neutral",
+  title,
+  description,
+  action,
+  ...props
+}: AlertProps) {
+  return (
+    <AlertRoot variant={variant} {...props}>
+      {icons[variant]}
+      <div className="flex-1 space-y-0.5">
+        <AlertTitle>{title}</AlertTitle>
+        {description && <AlertContent>{description}</AlertContent>}
+        {action}
+      </div>
+    </AlertRoot>
+  );
+}
 
 interface AlertRootProps
-  extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">,
+  extends React.ComponentProps<"div">,
     VariantProps<typeof alertStyles> {}
-const AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(
-  ({ className, variant, fill, ...props }, ref) => {
-    const { root } = alertStyles({ variant, fill });
-    return (
-      <div role="alert" className={root({ className })} {...props} ref={ref} />
-    );
-  }
-);
-AlertRoot.displayName = "AlertRoot";
 
-interface AlertTitleProps
-  extends React.HTMLAttributes<HTMLHeadingElement>,
-    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS
-const AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(
-  ({ className, ...props }, ref) => {
-    const { title } = alertStyles();
-    return <h3 className={title({ className })} {...props} ref={ref} />;
-  }
-);
-AlertTitle.displayName = "AlertTitle";
+function AlertRoot({ className, variant, ...props }: AlertRootProps) {
+  return (
+    <AlertProvider variant={variant}>
+      <div role="alert" className={root({ variant, className })} {...props} />
+    </AlertProvider>
+  );
+}
+
+interface AlertTitleProps extends React.ComponentProps<"h5"> {}
 
-interface AlertContentProps
-  extends React.HTMLAttributes<HTMLElement>,
-    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS
-const AlertContent = ({ className, ...props }: AlertContentProps) => {
-  const { content } = alertStyles();
-  return <section className={content({ className })} {...props} />;
-};
+function AlertTitle({ className, ...props }: AlertTitleProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <h5 className={title({ variant, className })} {...props} />;
+}
+
+interface AlertContentProps extends React.ComponentProps<"p"> {}
+
+function AlertContent({ className, ...props }: AlertContentProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <p className={content({ variant, className })} {...props} />;
+}
 
 export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
 export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/registry/core/slider.tsx b/www/src/registry/core/slider.tsx
index 20ead6aa5..a5aef5dc4 100644
--- a/www/src/registry/core/slider.tsx
+++ b/www/src/registry/core/slider.tsx
@@ -34,7 +34,7 @@ const sliderStyles = tv({
     thumb: [
       focusRing(),
       "rounded-full bg-white shadow-md transition-[width,height]",
-      "top-[50%]",
+      "top-[50%] left-[50%]",
       "disabled:bg-bg-disabled disabled:border-bg disabled:border",
     ],
     valueLabel: "text-fg-muted text-sm",

From 135a3f2a3ca29596d83f515aa2ff7d47d3a0c0ef Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 11 Jan 2025 20:20:58 +0100
Subject: [PATCH 035/165] docs: update ComponentPreview

---
 .../docs/components/buttons/button.mdx        |  19 +-
 .../docs/components/buttons/file-trigger.mdx  |  14 +-
 .../docs/components/buttons/toggle-button.mdx |  19 +-
 .../docs/components/colors/color-area.mdx     |  17 +-
 .../docs/components/colors/color-field.mdx    |  33 ++--
 .../docs/components/colors/color-picker.mdx   |  15 +-
 .../docs/components/colors/color-slider.mdx   |  21 +--
 .../docs/components/colors/color-swatch.mdx   |   6 +-
 .../docs/components/data-display/avatar.mdx   |  13 +-
 .../docs/components/data-display/badge.mdx    |  13 +-
 .../components/data-display/separator.mdx     |   8 +-
 .../components/date-and-time/calendar.mdx     |  29 ++-
 .../components/date-and-time/date-field.mdx   |  43 ++---
 .../components/date-and-time/date-picker.mdx  |  43 ++---
 .../date-and-time/date-range-picker.mdx       |  43 ++---
 .../date-and-time/range-calendar.mdx          |  31 ++-
 .../components/date-and-time/time-field.mdx   |  43 ++---
 .../components/drag-and-drop/drop-zone.mdx    |  13 +-
 .../docs/components/feedback/alert.mdx        |  14 +-
 .../docs/components/feedback/progress.mdx     |  31 ++-
 .../docs/components/feedback/skeleton.mdx     |  15 +-
 .../docs/components/inputs/checkbox-group.mdx |  29 ++-
 .../docs/components/inputs/checkbox.mdx       |  19 +-
 .../docs/components/inputs/number-field.mdx   |  31 ++-
 .../docs/components/inputs/radio-group.mdx    |  31 ++-
 .../docs/components/inputs/search-field.mdx   |  33 ++--
 www/content/docs/components/inputs/slider.mdx |  35 ++--
 www/content/docs/components/inputs/switch.mdx |  17 +-
 .../docs/components/inputs/text-area.mdx      |  31 ++-
 .../docs/components/inputs/text-field.mdx     |  33 ++--
 .../docs/components/layout/scroll-area.mdx    | 178 ------------------
 www/content/docs/components/layout/table.mdx  |   2 -
 .../menus-and-selection/combobox.mdx          |  30 +--
 .../menus-and-selection/list-box.mdx          |  38 ++--
 .../components/menus-and-selection/menu.mdx   |  36 ++--
 .../components/menus-and-selection/select.mdx |  32 ++--
 .../components/navigation/breadcrumbs.mdx     |  15 +-
 .../docs/components/navigation/link.mdx       |  13 +-
 .../docs/components/navigation/tabs.mdx       |  17 +-
 .../docs/components/overlay/dialog.mdx        |  33 ++--
 .../docs/components/overlay/tooltip.mdx       |  21 +--
 41 files changed, 439 insertions(+), 718 deletions(-)
 delete mode 100644 www/content/docs/components/layout/scroll-area.mdx

diff --git a/www/content/docs/components/buttons/button.mdx b/www/content/docs/components/buttons/button.mdx
index e08be887d..8344141cd 100644
--- a/www/content/docs/components/buttons/button.mdx
+++ b/www/content/docs/components/buttons/button.mdx
@@ -1,9 +1,6 @@
 ---
 title: Button
 description: A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
-thumbnail:
-  image: /previews/components/core/button.jpeg
-  video: /previews/components/core/button.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Button.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/button-default"
+  name="core/button/button-default"
   preview={`<Button>button</Button>`}
 />
 
@@ -39,7 +36,7 @@ Use the `variant` prop to control the visual style of the button.<br/>
 The default variant is `"default"`.
 
 <ComponentPreview
-  name="core/button-variants"
+  name="core/button/button-variants"
   preview={`<Button variant="default">default</Button>
 <Button variant="primary">primary</Button>
 <Button variant="outline">outline</Button>
@@ -56,7 +53,7 @@ Use the `size` prop to control the size of the button.<br/>
 The default size is `"md"`.
 
 <ComponentPreview
-  name="core/button-sizes"
+  name="core/button/button-sizes"
   preview={`<Button size="sm">Button</Button>
 <Button size="md">Button</Button>
 <Button size="lg">Button</Button>`}
@@ -68,7 +65,7 @@ Use the `shape` prop to control the shape of the button. The default variant is
 Icon-only buttons should include an `aria-label`.
 
 <ComponentPreview
-  name="core/button-shapes"
+  name="core/button/button-shapes"
   preview={`<Button shape="square"><UplaodIcon /></UplaodIcon>
 <Button shape="circular"><UplaodIcon /></Button>`}
 />
@@ -78,7 +75,7 @@ Icon-only buttons should include an `aria-label`.
 To add additional context for a button label, such as a search icon next to the label for a search field submit, use the `prefix` and `suffix` props. Leading visuals always appear locked to the button label, even if the button is full width.
 
 <ComponentPreview
-  name="core/button-prefix-and-suffix"
+  name="core/button/button-prefix-and-suffix"
   preview={`<Button prefix={<UplaodIcon />}>Upload</Button>
 <Button suffix={<UplaodIcon />}>Upload</Button>`}
 />
@@ -88,7 +85,7 @@ To add additional context for a button label, such as a search icon next to the
 Use the `isPending` prop to control the loading state of the button, if you need to wait for a button's action to be completed.
 
 <ComponentPreview
-  name="core/button-loading"
+  name="core/button/button-loading"
   preview={`<Button isPending>Button</Button>`}
 />
 
@@ -97,7 +94,7 @@ Use the `isPending` prop to control the loading state of the button, if you need
 Use the `isDisabled` prop to disable the button.
 
 <ComponentPreview
-  name="core/button-disabled"
+  name="core/button/button-disabled"
   preview={`<Button isDisabled>Button</Button>`}
 />
 
@@ -106,7 +103,7 @@ Use the `isDisabled` prop to disable the button.
 To use a button as a link, use the `href` prop the button will automatically render a link that visually looks like a button.
 
 <ComponentPreview
-  name="core/button-link-button"
+  name="core/button/button-link-button"
   preview={`<Button href="/login">Login</Button>`}
 />
 
diff --git a/www/content/docs/components/buttons/file-trigger.mdx b/www/content/docs/components/buttons/file-trigger.mdx
index 09a1bdb0d..14f49b660 100644
--- a/www/content/docs/components/buttons/file-trigger.mdx
+++ b/www/content/docs/components/buttons/file-trigger.mdx
@@ -1,8 +1,6 @@
 ---
 title: File Trigger
 description: Allows a user to access the file system with any pressable aria component.
-thumbnail:
-  image: /previews/components/core/file-trigger.jpeg
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/FileTrigger.html
@@ -15,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/file-trigger-default"
+  name="core/file-trigger/file-trigger-default"
   preview={`<FileTrigger>
     <Button prefix={<UploadIcon />}>Upload</Button>
 </FileTrigger>`}
@@ -41,7 +39,7 @@ npx dotui-cli@latest add file-trigger
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/file-trigger" />
+      <ComponentSource name="core/file-trigger/file-trigger" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -59,7 +57,7 @@ A `FileTrigger` wraps around a pressable child such as a button, and includes a
 By default, the file trigger will accept any file type. To support only certain file types, pass an array of the [mime type](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types) of files via the `acceptedFileTypes` prop.
 
 <ComponentPreview
-  name="core/file-trigger-file-types"
+  name="core/file-trigger/file-trigger-file-types"
   preview={`<FileTrigger acceptedFileTypes={["image/*"]}>
     <Button prefix={<UploadIcon />}>Upload</Button>
 </FileTrigger>`}
@@ -70,7 +68,7 @@ By default, the file trigger will accept any file type. To support only certain
 A file trigger can accept multiple files by passsing the `allowsMultiple` prop.
 
 <ComponentPreview
-  name="core/file-trigger-multiple-files"
+  name="core/file-trigger/file-trigger-multiple-files"
   preview={`<FileTrigger allowMultiple>
     <Button prefix={<UploadIcon />}>Upload</Button>
 </FileTrigger>`}
@@ -82,7 +80,7 @@ To enable selecting directories instead of files, use the `acceptDirectory` prop
 This reflects the [webkitdirectory](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory) HTML attribute and allows users to select directories and their contents. Please note that support for this feature varies from browser to browser.
 
 <ComponentPreview
-  name="core/file-trigger-directory-selection"
+  name="core/file-trigger/file-trigger-directory-selection"
   preview={`<FileTrigger acceptDirectory>
     <Button prefix={<UploadIcon />}>Upload</Button>
 </FileTrigger>`}
@@ -94,7 +92,7 @@ To specify the media capture mechanism to capture media on the spot, pass user f
 This behavior only works on mobile devices. On desktop devices, it will open the file system like normal. [Read more about capture](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture).
 
 <ComponentPreview
-  name="core/file-trigger-media-capture"
+  name="core/file-trigger/file-trigger-media-capture"
   preview={`<FileTrigger defaultCamera="environment">
     <Button prefix={<UploadIcon />}>Upload</Button>
 </FileTrigger>`}
diff --git a/www/content/docs/components/buttons/toggle-button.mdx b/www/content/docs/components/buttons/toggle-button.mdx
index 19993d8e5..216ea7e7c 100644
--- a/www/content/docs/components/buttons/toggle-button.mdx
+++ b/www/content/docs/components/buttons/toggle-button.mdx
@@ -1,9 +1,6 @@
 ---
 title: Toggle Button
 description: Toggle Buttons allow users to toggle a selection on or off.
-thumbnail:
-  image: /previews/components/core/toggle-button.jpeg
-  video: /previews/components/core/toggle-button.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ToggleButton.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/toggle-button-default"
+  name="core/toggle-button/toggle-button-default"
   preview={`<ToggleButton>
     <PinIcon />
   </ToggleButton>`}
@@ -42,7 +39,7 @@ npx dotui-cli@latest add toggle-button
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/toggle-button" />
+      <ComponentSource name="core/toggle-button/toggle-button" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -62,7 +59,7 @@ Use the `variant` prop to control the visual style of the toggle button.
 The default size is `"quiet"`.
 
 <ComponentPreview
-  name="core/toggle-button-variants"
+  name="core/toggle-button/toggle-button-variants"
   preview={`<ToggleButton variant="quiet"><PinIcon /></ToggleButton>
 <ToggleButton variant="outline"><PinIcon /></ToggleButton>
 <ToggleButton variant="accent"><PinIcon /></ToggleButton>`}
@@ -74,7 +71,7 @@ Use the `size` prop to control the size of the toggle button.<br/>
 The default size is `"md"`.
 
 <ComponentPreview
-  name="core/toggle-button-sizes"
+  name="core/toggle-button/toggle-button-sizes"
   preview={`<ToggleButton size="sm"><PinIcon /></ToggleButton>
 <ToggleButton size="md"><PinIcon /></ToggleButton>
 <ToggleButton size="lg"><PinIcon /></ToggleButton>`}
@@ -86,7 +83,7 @@ Use the `shape` prop to control the shape of the toggle button. The default shap
 Icon-only toggle buttons should include an `aria-label`.
 
 <ComponentPreview
-  name="core/toggle-button-shapes"
+  name="core/toggle-button/toggle-button-shapes"
   preview={`<ToggleButton shape="square"><PinIcon /></ToggleButton>
 <ToggleButton shape="circular"><PinIcon /></ToggleButton>
 <ToggleButton prefix={<PinIcon />} shape="rectangle">Pin</ToggleButton>`}
@@ -97,7 +94,7 @@ Icon-only toggle buttons should include an `aria-label`.
 Use the `isDisabled` prop to disable the toggle button.
 
 <ComponentPreview
-  name="core/toggle-button-disabled"
+  name="core/toggle-button/toggle-button-disabled"
   preview={`<ToggleButton isDisabled><PinIcon /></ToggleButton>`}
 />
 
@@ -106,7 +103,7 @@ Use the `isDisabled` prop to disable the toggle button.
 Use the `defaultSelected` to set the initial state of the toggle button.
 
 <ComponentPreview
-  name="core/toggle-button-uncontrolled"
+  name="core/toggle-button/toggle-button-uncontrolled"
   preview={`<ToggleButton defaultSelected><PinIcon /></ToggleButton>`}
 />
 
@@ -115,7 +112,7 @@ Use the `defaultSelected` to set the initial state of the toggle button.
 Use the `isSelected` and `onChange` props to control the state of the toggle button.
 
 <ComponentPreview
-  name="core/toggle-button-controlled"
+  name="core/toggle-button/toggle-button-controlled"
   preview={`const [isSelected, setSelected] = React.useState(true);
   return (
     <ToggleButton isSelected={isSelected} onChange={setSelected}>
diff --git a/www/content/docs/components/colors/color-area.mdx b/www/content/docs/components/colors/color-area.mdx
index 243e6463f..d60a2a9d1 100644
--- a/www/content/docs/components/colors/color-area.mdx
+++ b/www/content/docs/components/colors/color-area.mdx
@@ -1,9 +1,6 @@
 ---
 title: Color Area
 description: ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
-thumbnail:
-  image: /previews/components/core/color-area.jpeg
-  video: /previews/components/core/color-area.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ColorArea.html
@@ -15,7 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/colors/color-area.mdx?plain=1
 ---
 
-<ComponentPreview name="core/color-area-default" preview={`<ColorArea />`} />
+<ComponentPreview name="core/color-area/color-area-default" preview={`<ColorArea />`} />
 
 ## Installation
 
@@ -37,7 +34,7 @@ npx dotui-cli@latest add color-area
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/color-area"]} />
+      <ComponentSource name={["core/color-area/color-area"]} />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -55,7 +52,7 @@ Use `ColorArea` to allow users to adjust two channels of an RGB, HSL or HSB colo
 `xChannel` and `yChannel` props may be provided to specify which color channels the color area should display
 
 <ComponentPreview
-  name="core/color-area-channels"
+  name="core/color-area/color-area-channels"
   preview={`<ColorArea xChannel="red" yChannel="blue" />`}
 />
 
@@ -64,7 +61,7 @@ Use `ColorArea` to allow users to adjust two channels of an RGB, HSL or HSB colo
 Use the `isDisabled` prop to disable the color area.
 
 <ComponentPreview
-  name="core/color-area-disabled"
+  name="core/color-area/color-area-disabled"
   preview={`<ColorArea isDisabled />`}
 />
 
@@ -73,7 +70,7 @@ Use the `isDisabled` prop to disable the color area.
 An initial, uncontrolled value can be provided to the `ColorArea` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/color-area-uncontrolled"
+  name="core/color-area/color-area-uncontrolled"
   preview={`<ColorArea defaultValue="hsl(30, 100%, 50%)" />`}
 />
 
@@ -82,7 +79,7 @@ An initial, uncontrolled value can be provided to the `ColorArea` using the `def
 Use the `value` and `onChange` props to control the value of the slider.
 
 <ComponentPreview
-  name="core/color-area-controlled"
+  name="core/color-area/color-area-controlled"
   preview={`const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"))
 return <ColorArea value={value} onChange={setValue} xChannel="saturation" yChannel="lightness" />`}
 />
@@ -92,7 +89,7 @@ return <ColorArea value={value} onChange={setValue} xChannel="saturation" yChann
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/color-area-composition"
+  name="core/color-area/color-area-composition"
   preview={`<ColorAreaRoot>
     <ColorThumb />
   </ColorAreaRoot>`}
diff --git a/www/content/docs/components/colors/color-field.mdx b/www/content/docs/components/colors/color-field.mdx
index 073898202..f2f677637 100644
--- a/www/content/docs/components/colors/color-field.mdx
+++ b/www/content/docs/components/colors/color-field.mdx
@@ -1,9 +1,6 @@
 ---
 title: Color Field
 description: A color field allows users to edit a hex color or individual color channel value.
-thumbnail:
-  image: /previews/components/core/color-field.jpeg
-  video: /previews/components/core/color-field.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ColorField.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/color-field-default"
+  name="core/color-field/color-field-default"
   preview={`<ColorField label="Color" />`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add color-field
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/color-field"]} />
+      <ComponentSource name={["core/color-field/color-field"]} />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -58,7 +55,7 @@ Use a `ColorField` to allow users to edit a hex color or individual color channe
 A visual label can be provided for the `ColorField` using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/color-field-label"
+  name="core/color-field/color-field-label"
   preview={`<ColorField label="Background" placeholder="Visible label" />
 <ColorField aria-label="Background" placeholder="Hidden label" />`}
 />
@@ -69,7 +66,7 @@ Use the `size` prop to control the size of the `ColorField`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/color-field-sizes"
+  name="core/color-field/color-field-sizes"
   preview={`<ColorField label="small" size="sm" />
 <ColorField label="medium" size="md" />
 <ColorField label="large" size="lg" />`}
@@ -80,7 +77,7 @@ The default variant is `"md"`.
 To add additional context for the `ColorField`, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/color-field-prefix-and-suffix"
+  name="core/color-field/color-field-prefix-and-suffix"
   preview={`<ColorField prefix={<PaletteIcon />} />
 <ColorField suffix={<PaletteIcon />} />`}
 />
@@ -90,7 +87,7 @@ To add additional context for the `ColorField`, use the `prefix` and `suffix` pr
 A description can be supplied to `ColorField` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/color-field-description"
+  name="core/color-field/color-field-description"
   preview={`<ColorField label="Color" description="Enter a background color." />`}
 />
 
@@ -99,7 +96,7 @@ A description can be supplied to `ColorField` via the `description` prop. The de
 A ContextualHelp element may be placed next to the label to provide additional information or help about a ColorField.
 
 <ComponentPreview
-  name="core/color-field-contextual-help"
+  name="core/color-field/color-field-contextual-help"
   preview={`<ColorField label="Color" contextualHelp={<ContextualHelp />} />`}
 />
 
@@ -108,7 +105,7 @@ A ContextualHelp element may be placed next to the label to provide additional i
 An `errorMessage` can be supplied to `ColorField`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/color-field-error-message"
+  name="core/color-field/color-field-error-message"
   preview={`<ColorField label="Color" isInvalid errorMessage="Please fill out this field." />`}
 />
 
@@ -118,7 +115,7 @@ Use the `isLoading` prop to control the loading state of the ColorField.
 Use the `loaderPosition` prop to control the position of the loader.
 
 <ComponentPreview
-  name="core/color-field-loading"
+  name="core/color-field/color-field-loading"
   preview={`<ColorField isLoading loaderPosition="prefix" />
 <ColorField isLoading loaderPosition="suffix" />`}
 />
@@ -128,7 +125,7 @@ Use the `loaderPosition` prop to control the position of the loader.
 Use the `isDisabled` prop to disable the `ColorField`.
 
 <ComponentPreview
-  name="core/color-field-disabled"
+  name="core/color-field/color-field-disabled"
   preview={`<ColorField value={parseColor("rgb(222,70,58)")} isDisabled />`}
 />
 
@@ -137,7 +134,7 @@ Use the `isDisabled` prop to disable the `ColorField`.
 The `isReadOnly` boolean prop makes the `ColorField`'s text content immutable. Unlike `isDisabled`, the `ColorField` remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/color-field-read-only"
+  name="core/color-field/color-field-read-only"
   preview={`<ColorField label="Color" isReadOnly value="#121212" />`}
 />
 
@@ -147,7 +144,7 @@ Use the `isRequired` prop to mark the `ColorField` as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/color-field-required"
+  name="core/color-field/color-field-required"
   preview={`<ColorField label="Color" isRequired />
 <ColorField label="Color" isRequired necessityIndicator="icon" />
 <ColorField label="Color" isRequired necessityIndicator="label" />
@@ -159,7 +156,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/color-field-uncontrolled"
+  name="core/color-field/color-field-uncontrolled"
   preview={`<ColorField defaultValue="#7f007f" />`}
 />
 
@@ -168,7 +165,7 @@ Use the `value` and `onChange` props to control the value of the input.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/color-field-controlled"
+  name="core/color-field/color-field-controlled"
   preview={`const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
 return <ColorField value={color} onChange={setColor} />`}
 />
@@ -178,7 +175,7 @@ return <ColorField value={color} onChange={setColor} />`}
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/color-field-composition"
+  name="core/color-field/color-field-composition"
   preview={`<ColorFieldRoot>
     <Label>Background</Label>
     <InputRoot>
diff --git a/www/content/docs/components/colors/color-picker.mdx b/www/content/docs/components/colors/color-picker.mdx
index 7fe33ef50..f0f76eae6 100644
--- a/www/content/docs/components/colors/color-picker.mdx
+++ b/www/content/docs/components/colors/color-picker.mdx
@@ -1,9 +1,6 @@
 ---
 title: Color Picker
 description: A ColorPicker combines a swatch with a customizable popover for editing a color.
-thumbnail:
-  image: /previews/components/core/color-picker.jpeg
-  video: /previews/components/core/color-picker.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ColorPicker.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/color-picker-default"
+  name="core/color-picker/color-picker-default"
   preview={`<ColorPicker defaultValue="#5100FF" />`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add color-picker
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/color-picker"]} />
+      <ComponentSource name={["core/color-picker/color-picker"]} />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -56,7 +53,7 @@ Use a `ColorPicker` to allow users to select and edit a color in an overlay.
 `ColorPicker` accepts all [button options](/components/buttons/button#options).
 
 <ComponentPreview
-  name="core/color-picker-options"
+  name="core/color-picker/color-picker-options"
   preview={`<ColorPicker size="sm" shape="rectangle">
   Fill color
 </ColorPicker>`}
@@ -67,7 +64,7 @@ Use a `ColorPicker` to allow users to select and edit a color in an overlay.
 An initial, uncontrolled value can be provided to the `ColorPicker` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/color-picker-uncontrolled"
+  name="core/color-picker/color-picker-uncontrolled"
   preview={`<ColorPicker defaultValue="#5100FF" />`}
 />
 
@@ -76,7 +73,7 @@ An initial, uncontrolled value can be provided to the `ColorPicker` using the `d
 Use the `value` and `onChange` props to control the color picker.
 
 <ComponentPreview
-  name="core/color-picker-controlled"
+  name="core/color-picker/color-picker-controlled"
   preview={`const [value, setValue] = React.useState(parseColor("hsl(25, 100%, 50%)"));
 return <ColorPicker value={value as Color & string} onChange={setValue} />;`}
 />
@@ -86,7 +83,7 @@ return <ColorPicker value={value as Color & string} onChange={setValue} />;`}
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/color-picker-composition"
+  name="core/color-picker/color-picker-composition"
   preview={`<ColorPickerRoot defaultValue="#5100FF">
     <DialogRoot>
       <Button><ColorSwatch /></Button>
diff --git a/www/content/docs/components/colors/color-slider.mdx b/www/content/docs/components/colors/color-slider.mdx
index 43d3a531a..2f226372b 100644
--- a/www/content/docs/components/colors/color-slider.mdx
+++ b/www/content/docs/components/colors/color-slider.mdx
@@ -1,9 +1,6 @@
 ---
 title: Color Slider
 description: ColorSlider allow users to adjust an individual channel of a color value.
-thumbnail:
-  image: /previews/components/core/color-slider.jpeg
-  video: /previews/components/core/color-slider.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ColorSlider.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/color-slider-default"
+  name="core/color-slider/color-slider-default"
   preview={`<ColorSlider channel="hue" defaultValue="hsl(200, 100%, 50%)" />`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add color-slider
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/color-slider"]} />
+      <ComponentSource name={["core/color-slider/color-slider"]} />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -58,7 +55,7 @@ Use `ColorSlider` to allow users to adjust an individual channel of a color valu
 Use the `label` prop to provide a label for the color slider.
 
 <ComponentPreview
-  name="core/color-slider-label"
+  name="core/color-slider/color-slider-label"
   preview={`<ColorSlider label="Hue" channel="hue" defaultValue="hsl(200, 100%, 50%)" />`}
 />
 
@@ -67,7 +64,7 @@ Use the `label` prop to provide a label for the color slider.
 `orientation` prop may be provided to specify the orientation of the color slider.
 
 <ComponentPreview
-  name="core/color-slider-vertical"
+  name="core/color-slider/color-slider-vertical"
   preview={`<ColorSlider orientation="vertical" channel="hue" defaultValue="hsl(0, 100%, 50%)" />`}
 />
 
@@ -76,7 +73,7 @@ Use the `label` prop to provide a label for the color slider.
 `channel` prop may be provided to specify which color channel the color slider should display
 
 <ComponentPreview
-  name="core/color-slider-channel"
+  name="core/color-slider/color-slider-channel"
   preview={`<ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" />`}
 />
 
@@ -85,7 +82,7 @@ Use the `label` prop to provide a label for the color slider.
 Use the `isDisabled` prop to disable the color slider.
 
 <ComponentPreview
-  name="core/color-slider-disabled"
+  name="core/color-slider/color-slider-disabled"
   preview={`<ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" isDisabled />`}
 />
 
@@ -94,7 +91,7 @@ Use the `isDisabled` prop to disable the color slider.
 Use the `value` and `onChange` props to control the value of the slider.
 
 <ComponentPreview
-  name="core/color-slider-uncontrolled"
+  name="core/color-slider/color-slider-uncontrolled"
   preview={`<ColorSlider channel="hue" defaultValue="hsl(0, 100%, 50%)" />`}
 />
 
@@ -103,7 +100,7 @@ Use the `value` and `onChange` props to control the value of the slider.
 Use the `value` and `onChange` props to control the value of the slider.
 
 <ComponentPreview
-  name="core/color-slider-controlled"
+  name="core/color-slider/color-slider-controlled"
   preview={`const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
   return <ColorSlider value={value} onChange={setValue} channel="hue" />`}
 />
@@ -113,7 +110,7 @@ Use the `value` and `onChange` props to control the value of the slider.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/color-slider-composition"
+  name="core/color-slider/color-slider-composition"
   preview={`<ColorSliderRoot channel="hue" defaultValue="hsl(0, 100%, 50%)">
     <Label>Hue</Label>
     <ColorSliderOutput />
diff --git a/www/content/docs/components/colors/color-swatch.mdx b/www/content/docs/components/colors/color-swatch.mdx
index 03440bb03..de7b02b13 100644
--- a/www/content/docs/components/colors/color-swatch.mdx
+++ b/www/content/docs/components/colors/color-swatch.mdx
@@ -1,12 +1,10 @@
 ---
 title: Color Swatch
 description: A ColorSwatch displays a preview of a selected color.
-thumbnail:
-  image: /previews/components/core/color-swatch.jpeg
 ---
 
 <ComponentPreview
-  name="core/color-swatch-default"
+  name="core/color-swatch/color-swatch-default"
   preview={`<ColorSwatch color="#f00" />`}
 />
 
@@ -30,7 +28,7 @@ npx dotui-cli@latest add color-swatch
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/color-swatch"]} />
+      <ComponentSource name={["core/color-swatch/color-swatch"]} />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
diff --git a/www/content/docs/components/data-display/avatar.mdx b/www/content/docs/components/data-display/avatar.mdx
index ff120e10f..2d219fed1 100644
--- a/www/content/docs/components/data-display/avatar.mdx
+++ b/www/content/docs/components/data-display/avatar.mdx
@@ -1,9 +1,6 @@
 ---
 title: Avatar
 description: An image element with a fallback for representing the user.
-thumbnail:
-  image: /previews/components/core/avatar.jpeg
-  video: /previews/components/core/avatar.mp4
 links:
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
@@ -12,7 +9,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/avatar-default"
+  name="core/avatar/avatar-default"
   preview={`<Avatar src="https://github.com/mehdibha.png" alt="@mehdibha" fallback="M" />`}
 />
 
@@ -30,7 +27,7 @@ npx dotui-cli@latest add avatar
   
     <Steps>
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/avatar"]} />
+      <ComponentSource name={["core/avatar/avatar"]} />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -48,7 +45,7 @@ Use `Avatar` to represent a user or an organization.
 `Avatar` can be either a circle or a square using the `shape` prop.
 
 <ComponentPreview
-  name="core/avatar-shape"
+  name="core/avatar/avatar-shape"
   preview={`<Avatar shape="square" />
 <Avatar shape="circle" />`}
 />
@@ -58,7 +55,7 @@ Use `Avatar` to represent a user or an organization.
 Use the `size` prop to control the size of the `Avatar`. The default variant is `md`.
 
 <ComponentPreview
-  name="core/avatar-sizes"
+  name="core/avatar/avatar-sizes"
   preview={`<Avatar size="sm" />
   <Avatar size="md" />
   <Avatar size="lg" />`}
@@ -69,7 +66,7 @@ Use the `size` prop to control the size of the `Avatar`. The default variant is
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/avatar-composition"
+  name="core/avatar/avatar-composition"
   preview={`<AvatarRoot>
     <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
     <AvatarFallback>M</AvatarFallback>
diff --git a/www/content/docs/components/data-display/badge.mdx b/www/content/docs/components/data-display/badge.mdx
index 9437c6815..ffdae5f5d 100644
--- a/www/content/docs/components/data-display/badge.mdx
+++ b/www/content/docs/components/data-display/badge.mdx
@@ -1,9 +1,6 @@
 ---
 title: Badge
 description: Displays a badge or a component that looks like a badge.
-thumbnail:
-  image: /previews/components/core/badge.jpeg
-  video: /previews/components/core/badge.mp4
 links:
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
@@ -11,7 +8,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/data-display/badge.mdx?plain=1
 ---
 
-<ComponentPreview name="core/badge-default" preview={`<Badge>Badge</Badge>`} />
+<ComponentPreview name="core/badge/badge-default" preview={`<Badge>Badge</Badge>`} />
 
 ## Installation
 
@@ -27,7 +24,7 @@ npx dotui-cli@latest add badge
   
     <Steps>
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/badge" />
+      <ComponentSource name="core/badge/badge" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -41,7 +38,7 @@ npx dotui-cli@latest add badge
 Use the `variant` prop to control the visual style of the `Badge`. The default variant is `primary`.
 
 <ComponentPreview
-  name="core/badge-variants"
+  name="core/badge/badge-variants"
   preview={`<Flex>
     <Badge variant="neutral">Neutral</Badge>
     <Badge variant="outline">Outline</Badge>
@@ -74,7 +71,7 @@ Use the `variant` prop to control the visual style of the `Badge`. The default v
 Use the `size` prop to control the size of the `Badge`. The default variant is `sm`.
 
 <ComponentPreview
-  name="core/badge-sizes"
+  name="core/badge/badge-sizes"
   preview={`<Badge variant="primary" size="sm">
     Small
   </Badge>
@@ -91,7 +88,7 @@ Use the `size` prop to control the size of the `Badge`. The default variant is `
 To add additional context for the `Badge`, use the `icon` prop to add an icon.
 
 <ComponentPreview
-  name="core/badge-icon"
+  name="core/badge/badge-icon"
   preview={`<Badge icon={<ShieldIcon />} size="sm">
     Badge
   </Badge>
diff --git a/www/content/docs/components/data-display/separator.mdx b/www/content/docs/components/data-display/separator.mdx
index d9b9d6380..c3e29b5df 100644
--- a/www/content/docs/components/data-display/separator.mdx
+++ b/www/content/docs/components/data-display/separator.mdx
@@ -1,8 +1,6 @@
 ---
 title: Separator
 description: Visually or semantically separates content.
-thumbnail:
-  image: /previews/components/core/separator.jpeg
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Separator.html
@@ -15,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/separator-card"
+  name="core/separator/separator-card"
   preview={`<div className="space-y-2 rounded-md border p-4">
     <div>
       <h3 className="font-bold">dotUI</h3>
@@ -54,7 +52,7 @@ npx dotui-cli@latest add separator
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/separator" />
+      <ComponentSource name="core/separator/separator" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -68,7 +66,7 @@ npx dotui-cli@latest add separator
 Use the `orientation` prop to change the direction of the separator.
 
 <ComponentPreview
-  name="core/separator-orientation"
+  name="core/separator/separator-orientation"
   preview={`<div className="flex items-center gap-10">
     <div className="flex h-5 items-center gap-2 text-sm">
       <div>Components</div>
diff --git a/www/content/docs/components/date-and-time/calendar.mdx b/www/content/docs/components/date-and-time/calendar.mdx
index 29215ad75..409388462 100644
--- a/www/content/docs/components/date-and-time/calendar.mdx
+++ b/www/content/docs/components/date-and-time/calendar.mdx
@@ -1,9 +1,6 @@
 ---
 title: Calendar
 description: A component that allows users to select a single date.
-thumbnail:
-  image: /previews/components/core/calendar.jpeg
-  video: /previews/components/core/calendar.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Calendar.html
@@ -15,7 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/calendar.mdx?plain=1
 ---
 
-<ComponentPreview name="core/calendar-default" preview={`<Calendar />`} />
+<ComponentPreview name="core/calendar/calendar-default" preview={`<Calendar />`} />
 
 ## Installation
 
@@ -37,7 +34,7 @@ npx dotui-cli@latest add calendar
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/calendar" />
+      <ComponentSource name="core/calendar/calendar" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -55,7 +52,7 @@ Use `Calendar` to allow users to select a single date.
 An `aria-label` must be provided to the Calendar for accessibility. If it is labeled by a separate element, an `aria-labelledby` prop must be provided using the id of the labeling element instead.
 
 <ComponentPreview
-  name="core/calendar-label"
+  name="core/calendar/calendar-label"
   preview={`<Calendar aria-label="Event date" />`}
 />
 
@@ -64,7 +61,7 @@ An `aria-label` must be provided to the Calendar for accessibility. If it is lab
 `Calendar` tries to avoid allowing the user to select invalid dates in the first place (see [Min and max values](#min-and-max-values) and [Unavailable dates](#unavailable-dates)). However, if according to application logic a selected date is invalid, Use `isInvalid` and `errorMessage` props.
 
 <ComponentPreview
-  name="core/calendar-error-message"
+  name="core/calendar/calendar-error-message"
   preview={`const [date, setDate] = React.useState(today(getLocalTimeZone()));
   const { locale } = useLocale();
   const isInvalid = isWeekend(date, locale);
@@ -83,7 +80,7 @@ An `aria-label` must be provided to the Calendar for accessibility. If it is lab
 By default, `Calendar` allows selecting any date. The `minValue` and `maxValue` props can also be used to prevent the user from selecting dates outside a certain range.
 
 <ComponentPreview
-  name="core/calendar-validation"
+  name="core/calendar/calendar-validation"
   preview={`<Calendar minValue={today(getLocalTimeZone())} />`}
 />
 
@@ -94,7 +91,7 @@ By default, `Calendar` allows selecting any date. The `minValue` and `maxValue`
 {/* prettier-ignore-start */}
 
 <ComponentPreview 
-  name="core/calendar-unvailable-dates" 
+  name="core/calendar/calendar-unvailable-dates" 
   preview={`const now = today(getLocalTimeZone());
   const disabledRanges = [
     [now, now.add({ days: 5 })],
@@ -124,7 +121,7 @@ By default, `Calendar` allows selecting any date. The `minValue` and `maxValue`
 By default, `Calendar` displays a single month. The `visibleMonths` prop allows displaying up to 3 months at a time.
 
 <ComponentPreview
-  name="core/calendar-visible-months"
+  name="core/calendar/calendar-visible-months"
   preview={`<Calendar visibleMonths={2} />`}
 />
 
@@ -133,7 +130,7 @@ By default, `Calendar` displays a single month. The `visibleMonths` prop allows
 The `pageBehavior` prop allows you to control how the calendar navigates between months.
 
 <ComponentPreview
-  name="core/calendar-page-behaviour"
+  name="core/calendar/calendar-page-behaviour"
   preview={`<Calendar visibleMonths={2} pageBehavior="single" />`}
 />
 
@@ -142,7 +139,7 @@ The `pageBehavior` prop allows you to control how the calendar navigates between
 The `isDisabled` boolean prop makes the Calendar disabled. Cells cannot be focused or selected.
 
 <ComponentPreview
-  name="core/calendar-disabled"
+  name="core/calendar/calendar-disabled"
   preview={`<Calendar isDisabled />`}
 />
 
@@ -151,7 +148,7 @@ The `isDisabled` boolean prop makes the Calendar disabled. Cells cannot be focus
 The `isReadOnly` boolean prop makes the Calendar's value immutable. Unlike `isDisabled`, the Calendar remains focusable.
 
 <ComponentPreview
-  name="core/calendar-read-only"
+  name="core/calendar/calendar-read-only"
   preview={`<Calendar isReadOnly value={today(getLocalTimeZone())} />`}
 />
 
@@ -160,7 +157,7 @@ The `isReadOnly` boolean prop makes the Calendar's value immutable. Unlike `isDi
 An initial, uncontrolled value can be provided to the `Calendar` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/calendar-uncontrolled"
+  name="core/calendar/calendar-uncontrolled"
   preview={`<Calendar defaultValue={today(getLocalTimeZone())} />`}
 />
 
@@ -169,7 +166,7 @@ An initial, uncontrolled value can be provided to the `Calendar` using the `defa
 The `Calendar` component can be controlled by passing the `value` and `onChange` props.
 
 <ComponentPreview
-  name="core/calendar-controlled"
+  name="core/calendar/calendar-controlled"
   preview={`const [value, setValue] = React.useState(today(getLocalTimeZone()));
 return <Calendar aria-label="Date (controlled)" value={value} onChange={setValue} />`}
 />
@@ -178,7 +175,7 @@ return <Calendar aria-label="Date (controlled)" value={value} onChange={setValue
 
 If you need to customize things further, you can drop down to the composition level.
 
-<ComponentPreview name="core/calendar-composition" />
+<ComponentPreview name="core/calendar/calendar-composition" />
 
 ## API Reference
 
diff --git a/www/content/docs/components/date-and-time/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx
index bee6ccb53..30028801f 100644
--- a/www/content/docs/components/date-and-time/date-field.mdx
+++ b/www/content/docs/components/date-and-time/date-field.mdx
@@ -1,9 +1,6 @@
 ---
 title: Date Field
 description: A date field allows users to enter and edit date and time values using a keyboard.
-thumbnail:
-  image: /previews/components/core/date-field.jpeg
-  video: /previews/components/core/date-field.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/DateField.html
@@ -15,7 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/date-field.mdx?plain=1
 ---
 
-<ComponentPreview name="core/date-field-default" preview={`<DateField />`} />
+<ComponentPreview name="core/date-field/date-field-default" preview={`<DateField />`} />
 
 ## Installation
 
@@ -37,7 +34,7 @@ npx dotui-cli@latest add date-field
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/date-field" />
+      <ComponentSource name="core/date-field/date-field" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -55,7 +52,7 @@ Use a `DateField` to allow users to enter and edit time values using a keyboard.
 A visual label can be provided for the `DateField` using the `label` prop or a hidden label using `aria-label` prop.<br/>
 
 <ComponentPreview
-  name="core/date-field-label"
+  name="core/date-field/date-field-label"
   preview={`<DateField label="Meeting date" />
 <DateField aria-label="Meeting date" />`}
 />
@@ -66,7 +63,7 @@ Use the `size` prop to control the size of the `DateField`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/date-field-sizes"
+  name="core/date-field/date-field-sizes"
   preview={`<DateField size="sm" />
 <DateField size="md" />
 <DateField size="lg" />`}
@@ -77,7 +74,7 @@ The default variant is `"md"`.
 To add additional context for the `DateField`, such as an icon, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/date-field-prefix-and-suffix"
+  name="core/date-field/date-field-prefix-and-suffix"
   preview={`<DateField prefix={<CalendarIcon />} />
 <DateField suffix={<CalendarIcon />} />`}
 />
@@ -87,7 +84,7 @@ To add additional context for the `DateField`, such as an icon, use the `prefix`
 A description can be supplied to `DateField` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/date-field-description"
+  name="core/date-field/date-field-description"
   preview={`<DateField label="Appointment" description="Please select a date." />`}
 />
 
@@ -96,7 +93,7 @@ A description can be supplied to `DateField` via the `description` prop. The des
 A ContextualHelp element may be placed next to the label to provide additional information or help about a DateField.
 
 <ComponentPreview
-  name="core/date-field-contextual-help"
+  name="core/date-field/date-field-contextual-help"
   preview={`<DateField
     label="Appointment"
     contextualHelp={<ContextualHelp />}
@@ -108,7 +105,7 @@ A ContextualHelp element may be placed next to the label to provide additional i
 An `errorMessage` can be supplied to `DateField`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/date-field-error-message"
+  name="core/date-field/date-field-error-message"
   preview={`<DateField
     label="Meeting"
     isInvalid
@@ -121,7 +118,7 @@ An `errorMessage` can be supplied to `DateField`, which will be displayed when t
 `DateField` is time zone aware when a ZonedDateTime object is provided as the value.
 
 <ComponentPreview
-  name="core/date-field-time-zones"
+  name="core/date-field/date-field-time-zones"
   preview={`<DateField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />`}
 />
 
@@ -130,7 +127,7 @@ An `errorMessage` can be supplied to `DateField`, which will be displayed when t
 The `granularity` prop allows you to control the smallest unit that is displayed by DateField.
 
 <ComponentPreview
-  name="core/date-field-granularity"
+  name="core/date-field/date-field-granularity"
   preview={`<DateField
     label="Hour"
     granularity="hour"
@@ -153,7 +150,7 @@ The `granularity` prop allows you to control the smallest unit that is displayed
 Use the `placeholderValue` prop to control the default values of each segment. The default value is midnight.
 
 <ComponentPreview
-  name="core/date-field-placeholder"
+  name="core/date-field/date-field-placeholder"
   preview={`<DateField label="Meeting date" placeholderValue={new CalendarDate(1980, 1, 1)} />`}
 />
 
@@ -162,7 +159,7 @@ Use the `placeholderValue` prop to control the default values of each segment. T
 Use the `hideTimeZone` prop to hide the time zone abbreviation.
 
 <ComponentPreview
-  name="core/date-field-hide-time-zone"
+  name="core/date-field/date-field-hide-time-zone"
   preview={`<DateField
     label="Appointment time"
     granularity="minute"
@@ -176,7 +173,7 @@ Use the `hideTimeZone` prop to hide the time zone abbreviation.
 Use the `hourCycle` prop to control the hour cycle of the DateField.
 
 <ComponentPreview
-  name="core/date-field-hour-cycle"
+  name="core/date-field/date-field-hour-cycle"
   preview={`<DateField granularity="minute" hourCycle={24} />`}
 />
 
@@ -186,7 +183,7 @@ Use the `isLoading` prop to control the loading state of the DateField.
 Use the `loaderPosition` prop to control the position of the loader.
 
 <ComponentPreview
-  name="core/date-field-loading"
+  name="core/date-field/date-field-loading"
   preview={`<DateField aria-label="Meeting date" isLoading loaderPosition="prefix" />
 <DateField aria-label="Meeting date" isLoading loaderPosition="suffix" />`}
 />
@@ -196,7 +193,7 @@ Use the `loaderPosition` prop to control the position of the loader.
 Use the `isDisabled` prop to disable the DateField.
 
 <ComponentPreview
-  name="core/date-field-disabled"
+  name="core/date-field/date-field-disabled"
   preview={`<DateField label="Event date" isDisabled />`}
 />
 
@@ -205,7 +202,7 @@ Use the `isDisabled` prop to disable the DateField.
 The isReadOnly boolean prop makes the DateField's text content immutable. Unlike isDisabled, the DateField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/date-field-read-only"
+  name="core/date-field/date-field-read-only"
   preview={`<DateField label="Event date" value={new CalendarDate(1980, 1, 1)} isReadOnly />`}
 />
 
@@ -215,7 +212,7 @@ Use the `isRequired` prop to mark the DateField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/date-field-required"
+  name="core/date-field/date-field-required"
   preview={`<DateField label="Event date" isRequired />
 <DateField label="Event date" isRequired necessityIndicator="icon" />
 <DateField label="Event date" isRequired necessityIndicator="label" />
@@ -227,7 +224,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 An initial, uncontrolled value can be provided to the `DateField` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/date-field-uncontrolled"
+  name="core/date-field/date-field-uncontrolled"
   preview={`<DateField defaultValue={parseDate("2020-02-03")} />`}
 />
 
@@ -236,7 +233,7 @@ An initial, uncontrolled value can be provided to the `DateField` using the `def
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/date-field-controlled"
+  name="core/date-field/date-field-controlled"
   preview={`const [value, setValue] = React.useState(parseDate("2020-02-03"));
   return <DateField value={value} onChange={setValue} />`}
 />
@@ -246,7 +243,7 @@ Use the `value` and `onChange` props to control the value of the input.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/date-field-composition"
+  name="core/date-field/date-field-composition"
   preview={`<DateFieldRoot>
     <Label>Meeting time</Label>
     <InputRoot>
diff --git a/www/content/docs/components/date-and-time/date-picker.mdx b/www/content/docs/components/date-and-time/date-picker.mdx
index 6e54e6123..3f7912740 100644
--- a/www/content/docs/components/date-and-time/date-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-picker.mdx
@@ -1,9 +1,6 @@
 ---
 title: Date Picker
 description: DatePicker combine a DateField and a Calendar overlay to allow users to enter or select a date and time value.
-thumbnail:
-  image: /previews/components/core/date-picker.jpeg
-  video: /previews/components/core/date-picker.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/DatePicker.html
@@ -15,7 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/date-picker.mdx?plain=1
 ---
 
-<ComponentPreview name="core/date-picker-default" preview={`<DatePicker />`} />
+<ComponentPreview name="core/date-picker/date-picker-default" preview={`<DatePicker />`} />
 
 ## Installation
 
@@ -37,7 +34,7 @@ npx dotui-cli@latest add date-picker
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/date-picker" />
+      <ComponentSource name="core/date-picker/date-picker" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -55,7 +52,7 @@ Use a `DatePicker` to allow users to enter and edit time values.
 A visual label can be provided for the `DatePicker` using the label prop or a hidden `label` using `aria-label` prop.
 
 <ComponentPreview
-  name="core/date-picker-label"
+  name="core/date-picker/date-picker-label"
   preview={`<DatePicker label="Meeting date" />
 <DatePicker aria-label="Meeting date" />`}
 />
@@ -66,7 +63,7 @@ Use the `size` prop to control the size of the `DatePicker`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/date-picker-sizes"
+  name="core/date-picker/date-picker-sizes"
   preview={`<DatePicker size="sm" />
 <DatePicker size="md" />
 <DatePicker size="lg" />`}
@@ -77,7 +74,7 @@ The default variant is `"md"`.
 To add additional context for the `DatePicker`, use the `prefix` prop.
 
 <ComponentPreview
-  name="core/date-picker-prefix"
+  name="core/date-picker/date-picker-prefix"
   preview={`<DatePicker prefix={<UsersIcon />} />`}
 />
 
@@ -86,7 +83,7 @@ To add additional context for the `DatePicker`, use the `prefix` prop.
 A description can be supplied to `DatePicker` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/date-picker-description"
+  name="core/date-picker/date-picker-description"
   preview={`<DatePicker label="Appointment" description="Please select a date." />`}
 />
 
@@ -95,7 +92,7 @@ A description can be supplied to `DatePicker` via the `description` prop. The de
 A `ContextualHelp` element may be placed next to the label to provide additional information or help about a `DatePicker`.
 
 <ComponentPreview
-  name="core/date-picker-contextual-help"
+  name="core/date-picker/date-picker-contextual-help"
   preview={`<DatePicker label="Appointment" contextualHelp={<ContextualHelp />} />`}
 />
 
@@ -104,7 +101,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 An `errorMessage` can be supplied to a `DatePicker`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/date-picker-error-message"
+  name="core/date-picker/date-picker-error-message"
   preview={`<DatePicker
     label="Meeting"
     isInvalid
@@ -117,7 +114,7 @@ An `errorMessage` can be supplied to a `DatePicker`, which will be displayed whe
 `DatePicker` is time zone aware when a ZonedDateTime object is provided as the value.
 
 <ComponentPreview
-  name="core/date-picker-time-zones"
+  name="core/date-picker/date-picker-time-zones"
   preview={`<DatePicker defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />`}
 />
 
@@ -126,7 +123,7 @@ An `errorMessage` can be supplied to a `DatePicker`, which will be displayed whe
 The `granularity` prop allows you to control the smallest unit that is displayed by DatePicker.
 
 <ComponentPreview
-  name="core/date-picker-granularity"
+  name="core/date-picker/date-picker-granularity"
   preview={`<DatePicker
     label="Hour"
     granularity="hour"
@@ -149,7 +146,7 @@ The `granularity` prop allows you to control the smallest unit that is displayed
 Use the `placeholderValue` prop to control the default values of each segment. The default value is midnight.
 
 <ComponentPreview
-  name="core/date-picker-placeholder"
+  name="core/date-picker/date-picker-placeholder"
   preview={`<DatePicker label="Meeting date" placeholderValue={new CalendarDate(1980, 1, 1)} />`}
 />
 
@@ -158,7 +155,7 @@ Use the `placeholderValue` prop to control the default values of each segment. T
 Use the `hideTimeZone` prop to hide the time zone abbreviation.
 
 <ComponentPreview
-  name="core/date-picker-hide-time-zone"
+  name="core/date-picker/date-picker-hide-time-zone"
   preview={`<DatePicker
     label="Appointment time"
     granularity="minute"
@@ -172,7 +169,7 @@ Use the `hideTimeZone` prop to hide the time zone abbreviation.
 Use the `hourCycle` prop to control the hour cycle of the `DatePicker`.
 
 <ComponentPreview
-  name="core/date-picker-hour-cycle"
+  name="core/date-picker/date-picker-hour-cycle"
   preview={`<DatePicker aria-label="Appointment date" granularity="minute" hourCycle={24} />`}
 />
 
@@ -181,7 +178,7 @@ Use the `hourCycle` prop to control the hour cycle of the `DatePicker`.
 Use the `isLoading` prop to control the loading state of the `DatePicker`.
 
 <ComponentPreview
-  name="core/date-picker-loading"
+  name="core/date-picker/date-picker-loading"
   preview={`<DatePicker aria-label="Meeting date" isLoading />`}
 />
 
@@ -190,7 +187,7 @@ Use the `isLoading` prop to control the loading state of the `DatePicker`.
 Use the `isDisabled` prop to disable the `DatePicker`.
 
 <ComponentPreview
-  name="core/date-picker-disabled"
+  name="core/date-picker/date-picker-disabled"
   preview={`<DatePicker label="Event date" isDisabled />`}
 />
 
@@ -199,7 +196,7 @@ Use the `isDisabled` prop to disable the `DatePicker`.
 The isReadOnly boolean prop makes the `DatePicker`'s text content immutable. Unlike isDisabled, the `DatePicker` remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/date-picker-read-only"
+  name="core/date-picker/date-picker-read-only"
   preview={`<DatePicker label="Event date" value={new CalendarDate(1980, 1, 1)} isReadOnly />`}
 />
 
@@ -209,7 +206,7 @@ Use the `isRequired` prop to mark the `DatePicker` as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/date-picker-required"
+  name="core/date-picker/date-picker-required"
   preview={`<DatePicker label="Event date" isRequired />
 <DatePicker label="Event date" isRequired necessityIndicator="icon" />
 <DatePicker label="Event date" isRequired necessityIndicator="label" />
@@ -221,7 +218,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 An initial, uncontrolled value can be provided to the `DatePicker` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/date-picker-uncontrolled"
+  name="core/date-picker/date-picker-uncontrolled"
   preview={`<DatePicker defaultValue={parseDate("2020-02-03")} />`}
 />
 
@@ -230,7 +227,7 @@ An initial, uncontrolled value can be provided to the `DatePicker` using the `de
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/date-picker-controlled"
+  name="core/date-picker/date-picker-controlled"
   preview={`const [value, setValue] = React.useState(parseDate("2020-02-03"));
   return <DatePicker label="Controlled" value={value} onChange={setValue} />`}
 />
@@ -240,7 +237,7 @@ Use the `value` and `onChange` props to control the value of the input.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/date-picker-composition"
+  name="core/date-picker/date-picker-composition"
   preview={`<DatePickerRoot>
     <Label>Meeting date</Label>
     <InputRoot suffix={<Button><CalendarIcon /></Button>}>
diff --git a/www/content/docs/components/date-and-time/date-range-picker.mdx b/www/content/docs/components/date-and-time/date-range-picker.mdx
index 009c698d6..a42ffd565 100644
--- a/www/content/docs/components/date-and-time/date-range-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-range-picker.mdx
@@ -1,13 +1,10 @@
 ---
 title: Date Range Picker
 description: DateRangePicker combine a DateField and a RangeCalendar overlay to allow users to enter or select a date and time range.
-thumbnail:
-  image: /previews/components/core/date-range-picker.jpeg
-  video: /previews/components/core/date-range-picker.mp4
 ---
 
 <ComponentPreview
-  name="core/date-range-picker-default"
+  name="core/date-range-picker/date-range-picker-default"
   preview={`<DateRangePicker />`}
 />
 
@@ -31,7 +28,7 @@ npx dotui-cli@latest add date-range-picker
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/date-range-picker" />
+      <ComponentSource name="core/date-range-picker/date-range-picker" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -49,7 +46,7 @@ Use a `DateRangePicker` to allow users to enter and edit time values.
 A visual label can be provided for the `DateRangePicker` using the label prop or a hidden label using `aria-label` prop.<br/>
 
 <ComponentPreview
-  name="core/date-range-picker-label"
+  name="core/date-range-picker/date-range-picker-label"
   preview={`<DateRangePicker label="Trip" />
 <DateRangePicker aria-label="Trip" />`}
 />
@@ -60,7 +57,7 @@ Use the `size` prop to control the size of the `DateRangePicker`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/date-range-picker-sizes"
+  name="core/date-range-picker/date-range-picker-sizes"
   preview={`<DateRangePicker label="small" size="sm" />
 <DateRangePicker label="medium" size="md" />
 <DateRangePicker label="large" size="lg" />`}
@@ -71,7 +68,7 @@ The default variant is `"md"`.
 To add additional context for the `DateRangePicker`, use the `prefix` prop.
 
 <ComponentPreview
-  name="core/date-range-picker-prefix"
+  name="core/date-range-picker/date-range-picker-prefix"
   preview={`<DateRangePicker prefix={<PlaneIcon />} />`}
 />
 
@@ -80,7 +77,7 @@ To add additional context for the `DateRangePicker`, use the `prefix` prop.
 A description can be supplied to `DateRangePicker` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/date-range-picker-description"
+  name="core/date-range-picker/date-range-picker-description"
   preview={`<DateRangePicker label="Trip" description="Please select a date range." />`}
 />
 
@@ -89,7 +86,7 @@ A description can be supplied to `DateRangePicker` via the `description` prop. T
 A `ContextualHelp` element may be placed next to the label to provide additional information or help about a `DateRangePicker`.
 
 <ComponentPreview
-  name="core/date-range-picker-contextual-help"
+  name="core/date-range-picker/date-range-picker-contextual-help"
   preview={`<DateRangePicker label="Appointment" contextualHelp={<ContextualHelp />} />`}
 />
 
@@ -98,7 +95,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 An `errorMessage` can be supplied to a `DateRangePicker`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/date-range-picker-error-message"
+  name="core/date-range-picker/date-range-picker-error-message"
   preview={`<DateRangePicker
     label="Trip dates"
     isInvalid
@@ -111,7 +108,7 @@ An `errorMessage` can be supplied to a `DateRangePicker`, which will be displaye
 `DateRangePicker` is time zone aware when a ZonedDateTime object is provided as the value.
 
 <ComponentPreview
-  name="core/date-range-picker-time-zones"
+  name="core/date-range-picker/date-range-picker-time-zones"
   preview={`<DateRangePicker
     defaultValue={{
       start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
@@ -125,7 +122,7 @@ An `errorMessage` can be supplied to a `DateRangePicker`, which will be displaye
 The `granularity` prop allows you to control the smallest unit that is displayed by DateRangePicker.
 
 <ComponentPreview
-  name="core/date-range-picker-granularity"
+  name="core/date-range-picker/date-range-picker-granularity"
   preview={`<DateRangePicker label="Hour" granularity="hour" defaultValue={dates} />
 <DateRangePicker label="Minute" granularity="minute" defaultValue={dates} />
 <DateRangePicker label="Second" granularity="second" defaultValue={dates} />`}
@@ -136,7 +133,7 @@ The `granularity` prop allows you to control the smallest unit that is displayed
 Use the `placeholderValue` prop to control the default values of each segment. The default value is midnight.
 
 <ComponentPreview
-  name="core/date-range-picker-placeholder"
+  name="core/date-range-picker/date-range-picker-placeholder"
   preview={`<DateRangePicker label="Meeting date" placeholderValue={new CalendarDate(1980, 1, 1)} />`}
 />
 
@@ -145,7 +142,7 @@ Use the `placeholderValue` prop to control the default values of each segment. T
 Use the `hideTimeZone` prop to hide the time zone abbreviation.
 
 <ComponentPreview
-  name="core/date-range-picker-hide-time-zone"
+  name="core/date-range-picker/date-range-picker-hide-time-zone"
   preview={`<DateRangePicker
     label="Appointment time"
     granularity="minute"
@@ -162,7 +159,7 @@ Use the `hideTimeZone` prop to hide the time zone abbreviation.
 Use the `hourCycle` prop to control the hour cycle of the `DateRangePicker`.
 
 <ComponentPreview
-  name="core/date-range-picker-hour-cycle"
+  name="core/date-range-picker/date-range-picker-hour-cycle"
   preview={`<DateRangePicker granularity="minute" hourCycle={24} />`}
 />
 
@@ -171,7 +168,7 @@ Use the `hourCycle` prop to control the hour cycle of the `DateRangePicker`.
 Use the `isLoading` prop to control the loading state of the `DateRangePicker`.
 
 <ComponentPreview
-  name="core/date-range-picker-loading"
+  name="core/date-range-picker/date-range-picker-loading"
   preview={`<DateRangePicker isLoading />`}
 />
 
@@ -180,7 +177,7 @@ Use the `isLoading` prop to control the loading state of the `DateRangePicker`.
 Use the `isDisabled` prop to disable the `DateRangePicker`.
 
 <ComponentPreview
-  name="core/date-range-picker-disabled"
+  name="core/date-range-picker/date-range-picker-disabled"
   preview={`<DateRangePicker label="Trip dates" isDisabled />`}
 />
 
@@ -189,7 +186,7 @@ Use the `isDisabled` prop to disable the `DateRangePicker`.
 The `isReadOnly` boolean prop makes the `DateRangePicker`'s text content immutable. Unlike `isDisabled`, the `DateRangePicker` remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/date-range-picker-read-only"
+  name="core/date-range-picker/date-range-picker-read-only"
   preview={`<DateRangePicker
     label="Event date"
     value={{
@@ -206,7 +203,7 @@ Use the `isRequired` prop to mark the `DateRangePicker` as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/date-range-picker-required"
+  name="core/date-range-picker/date-range-picker-required"
   preview={`<DateRangePicker label="Event date" isRequired />
   <DateRangePicker label="Event date" isRequired necessityIndicator="icon" />
   <DateRangePicker label="Event date" isRequired necessityIndicator="label" />
@@ -218,7 +215,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 An initial, uncontrolled value can be provided to the `DateRangePicker` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/date-range-picker-uncontrolled"
+  name="core/date-range-picker/date-range-picker-uncontrolled"
   preview={`<DateRangePicker
   label="Controlled"
   defaultValue={{
@@ -233,7 +230,7 @@ An initial, uncontrolled value can be provided to the `DateRangePicker` using th
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/date-range-picker-controlled"
+  name="core/date-range-picker/date-range-picker-controlled"
   preview={`const [value, setValue] = React.useState({
   start: parseDate("2024-02-03"),
   end: parseDate("2024-02-08"),
@@ -246,7 +243,7 @@ return <DateRangePicker label="Controlled" value={value} onChange={setValue} />`
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/date-range-picker-composition"
+  name="core/date-range-picker/date-range-picker-composition"
   preview={`<DatePickerRoot>
   <Label>Meeting date</Label>
   <InputRoot suffix={<Button><CalendarIcon /></Button>}>
diff --git a/www/content/docs/components/date-and-time/range-calendar.mdx b/www/content/docs/components/date-and-time/range-calendar.mdx
index 7f0a202ad..bb6781e92 100644
--- a/www/content/docs/components/date-and-time/range-calendar.mdx
+++ b/www/content/docs/components/date-and-time/range-calendar.mdx
@@ -1,9 +1,6 @@
 ---
 title: Range Calendar
 description: A component that allows users to select a range of dates.
-thumbnail:
-  image: /previews/components/core/range-calendar.jpeg
-  video: /previews/components/core/range-calendar.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/RangeCalendar.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/range-calendar-default"
+  name="core/range-calendar/range-calendar-default"
   preview={`<RangeCalendar />`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add range-calendar
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/range-calendar" />
+      <ComponentSource name="core/range-calendar/range-calendar" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -58,7 +55,7 @@ Use `RangeCalendar` to allow users to select a contiguous or non-contiguous rang
 An `aria-label` must be provided to the `RangeCalendar` for accessibility. If it is labeled by a separate element, an `aria-labelledby` prop must be provided using the id of the labeling element instead.
 
 <ComponentPreview
-  name="core/range-calendar-label"
+  name="core/range-calendar/range-calendar-label"
   preview={`<RangeCalendar aria-label="Event date" />`}
 />
 
@@ -67,7 +64,7 @@ An `aria-label` must be provided to the `RangeCalendar` for accessibility. If it
 `RangeCalendar` tries to avoid allowing the user to select invalid dates in the first place (see [Min and max values](#min-and-max-values) and [Unavailable dates](#unavailable-dates)). However, if according to application logic a selected date is invalid, Use `isInvalid` and `errorMessage` props.
 
 <ComponentPreview
-  name="core/range-calendar-error-message"
+  name="core/range-calendar/range-calendar-error-message"
   preview={`const [range, setRange] = React.useState({
     start: today(getLocalTimeZone()),
     end: today(getLocalTimeZone()).add({ weeks: 1, days: 3 }),
@@ -88,7 +85,7 @@ An `aria-label` must be provided to the `RangeCalendar` for accessibility. If it
 By default, Calendar allows selecting any date. The minValue and maxValue props can also be used to prevent the user from selecting dates outside a certain range.
 
 <ComponentPreview
-  name="core/range-calendar-validation"
+  name="core/range-calendar/range-calendar-validation"
   preview={`<RangeCalendar minValue={today(getLocalTimeZone())} />`}
 />
 
@@ -99,7 +96,7 @@ Calendar supports marking certain dates as unavailable. These dates cannot be se
 {/* prettier-ignore-start */}
 
 <ComponentPreview
-  name="core/range-calendar-unvailable-dates"
+  name="core/range-calendar/range-calendar-unvailable-dates"
   preview={`const now = today(getLocalTimeZone());
   const disabledRanges = [
     [now, now.add({ days: 5 })],
@@ -127,7 +124,7 @@ Calendar supports marking certain dates as unavailable. These dates cannot be se
 The `allowsNonContiguousRanges` prop enables a range to be selected even if there are unavailable dates in the middle.
 
 <ComponentPreview
-  name="core/range-calendar-non-contiguous-ranges"
+  name="core/range-calendar/range-calendar-non-contiguous-ranges"
   preview={`const now = today(getLocalTimeZone());
   const disabledRanges = [
     [now, now.add({ days: 5 })],
@@ -152,7 +149,7 @@ The `allowsNonContiguousRanges` prop enables a range to be selected even if ther
 By default, the `RangeCalendar` displays a single month. The `visibleMonths` prop allows displaying up to 3 months at a time.
 
 <ComponentPreview
-  name="core/range-calendar-visible-months"
+  name="core/range-calendar/range-calendar-visible-months"
   preview={`<RangeCalendar visibleMonths={2} />`}
 />
 
@@ -161,7 +158,7 @@ By default, the `RangeCalendar` displays a single month. The `visibleMonths` pro
 The `pageBehavior` prop allows you to control how the range-calendar navigates between months.
 
 <ComponentPreview
-  name="core/range-calendar-page-behaviour"
+  name="core/range-calendar/range-calendar-page-behaviour"
   preview={`<RangeCalendar visibleMonths={2} pageBehavior="single" />`}
 />
 
@@ -170,7 +167,7 @@ The `pageBehavior` prop allows you to control how the range-calendar navigates b
 The `isDisabled` boolean prop makes the `RangeCalendar` disabled. cells cannot be focused or selected.
 
 <ComponentPreview
-  name="core/range-calendar-disabled"
+  name="core/range-calendar/range-calendar-disabled"
   preview={`<RangeCalendar isDisabled />`}
 />
 
@@ -179,7 +176,7 @@ The `isDisabled` boolean prop makes the `RangeCalendar` disabled. cells cannot b
 The `isReadOnly` boolean prop makes the `RangeCalendar`'s value immutable. Unlike `isDisabled`, the `RangeCalendar` remains focusable.
 
 <ComponentPreview
-  name="core/range-calendar-read-only"
+  name="core/range-calendar/range-calendar-read-only"
   preview={`<RangeCalendar
     isReadOnly
     value={{
@@ -194,7 +191,7 @@ The `isReadOnly` boolean prop makes the `RangeCalendar`'s value immutable. Unlik
 An initial, uncontrolled value can be provided to the `Calendar` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/range-calendar-uncontrolled"
+  name="core/range-calendar/range-calendar-uncontrolled"
   preview={`<Calendar defaultValue={today(getLocalTimeZone())} />`}
 />
 
@@ -203,7 +200,7 @@ An initial, uncontrolled value can be provided to the `Calendar` using the `defa
 The Range Calendar component can be controlled by passing the `value` and `onChange` props.
 
 <ComponentPreview
-  name="core/range-calendar-controlled"
+  name="core/range-calendar/range-calendar-controlled"
   preview={`const [range, setRange] = React.useState<DateRange>({
     start: today(getLocalTimeZone()),
     end: today(getLocalTimeZone()).add({ weeks: 1 }),
@@ -216,7 +213,7 @@ The Range Calendar component can be controlled by passing the `value` and `onCha
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/range-calendar-composition"
+  name="core/range-calendar/range-calendar-composition"
   preview={`<RangeCalendarRoot>
     <CalendarHeader>
       <Button slot="previous" variant="outline" shape="square" size="sm">
diff --git a/www/content/docs/components/date-and-time/time-field.mdx b/www/content/docs/components/date-and-time/time-field.mdx
index 1a3f2433a..9e5d53748 100644
--- a/www/content/docs/components/date-and-time/time-field.mdx
+++ b/www/content/docs/components/date-and-time/time-field.mdx
@@ -1,9 +1,6 @@
 ---
 title: Time Field
 description: TimeFields allow users to enter and edit time values using a keyboard.
-thumbnail:
-  image: /previews/components/core/time-field.jpeg
-  video: /previews/components/core/time-field.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/TimeField.html
@@ -15,7 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/time-field.mdx?plain=1
 ---
 
-<ComponentPreview name="core/time-field-default" preview={`<TimeField />`} />
+<ComponentPreview name="core/time-field/time-field-default" preview={`<TimeField />`} />
 
 ## Installation
 
@@ -37,7 +34,7 @@ npx dotui-cli@latest add time-field
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/time-field" />
+      <ComponentSource name="core/time-field/time-field" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -55,7 +52,7 @@ Use a `TimeField` to allow users to enter and edit time values using a keyboard.
 A visual label can be provided for the `TimeField` using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/time-field-label"
+  name="core/time-field/time-field-label"
   preview={`<TimeField label="Event time" />
 <TimeField aria-label="Event time" />`}
 />
@@ -66,7 +63,7 @@ Use the `size` prop to control the size of the `TimeField`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/time-field-sizes"
+  name="core/time-field/time-field-sizes"
   preview={`<TimeField size="sm" />
 <TimeField size="md" />
 <TimeField size="lg" />`}
@@ -77,7 +74,7 @@ The default variant is `"md"`.
 To add additional context for the `TimeField`, such as an icon, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/time-field-prefix-and-suffix"
+  name="core/time-field/time-field-prefix-and-suffix"
   preview={`<TimeField prefix={<TimerIcon />} />
 <TimeField suffix={<TimerIcon />} />`}
 />
@@ -87,7 +84,7 @@ To add additional context for the `TimeField`, such as an icon, use the `prefix`
 A description can be supplied to `TimeField` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/time-field-description"
+  name="core/time-field/time-field-description"
   preview={`<TimeField label="Appointment" description="Please select a time between 9 AM and 5 PM." />`}
 />
 
@@ -96,7 +93,7 @@ A description can be supplied to `TimeField` via the `description` prop. The des
 A `ContextualHelp` element may be placed next to the label to provide additional information or help about a TimeField.
 
 <ComponentPreview
-  name="core/time-field-contextual-help"
+  name="core/time-field/time-field-contextual-help"
   preview={`<TimeField
     label="Appointment"
     contextualHelp={<ContextualHelp />  }
@@ -108,7 +105,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 An `errorMessage` can be supplied to `TimeField` via the `errorMessage` prop, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/time-field-error-message"
+  name="core/time-field/time-field-error-message"
   preview={`<TimeField label="Meeting" isInvalid errorMessage="Meetings start every 15 minutes." />`}
 />
 
@@ -117,7 +114,7 @@ An `errorMessage` can be supplied to `TimeField` via the `errorMessage` prop, wh
 TimeField is time zone aware when a ZonedDateTime object is provided as the value.
 
 <ComponentPreview
-  name="core/time-field-time-zones"
+  name="core/time-field/time-field-time-zones"
   preview={`<TimeField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />`}
 />
 
@@ -126,7 +123,7 @@ TimeField is time zone aware when a ZonedDateTime object is provided as the valu
 The `granularity` prop allows you to control the smallest unit that is displayed by TimeField.
 
 <ComponentPreview
-  name="core/time-field-granularity"
+  name="core/time-field/time-field-granularity"
   preview={`<TimeField granularity="second" defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")} />`}
 />
 
@@ -135,7 +132,7 @@ The `granularity` prop allows you to control the smallest unit that is displayed
 Use the `placeholderValue` prop to control the default values of each segment. The default value is midnight.
 
 <ComponentPreview
-  name="core/time-field-placeholder"
+  name="core/time-field/time-field-placeholder"
   preview={`<TimeField placeholderValue={new Time(9)} />`}
 />
 
@@ -144,7 +141,7 @@ Use the `placeholderValue` prop to control the default values of each segment. T
 Use the `hideTimeZone` prop to hide the time zone abbreviation.
 
 <ComponentPreview
-  name="core/time-field-hide-time-zone"
+  name="core/time-field/time-field-hide-time-zone"
   preview={`<TimeField
     defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
     hideTimeZone
@@ -156,7 +153,7 @@ Use the `hideTimeZone` prop to hide the time zone abbreviation.
 Use the `hourCycle` prop to control the hour cycle of the TimeField.
 
 <ComponentPreview
-  name="core/time-field-hour-cycle"
+  name="core/time-field/time-field-hour-cycle"
   preview={`<TimeField hourCycle={24} />`}
 />
 
@@ -166,7 +163,7 @@ Use the `isLoading` prop to control the loading state of the TimeField.
 Use the `loaderPosition` prop to control the position of the loader.
 
 <ComponentPreview
-  name="core/time-field-loading"
+  name="core/time-field/time-field-loading"
   preview={`<TimeField isLoading loaderPosition="prefix" />
 <TimeField isLoading loaderPosition="suffix" />`}
 />
@@ -176,7 +173,7 @@ Use the `loaderPosition` prop to control the position of the loader.
 Use the `isDisabled` prop to disable the TimeField.
 
 <ComponentPreview
-  name="core/time-field-disabled"
+  name="core/time-field/time-field-disabled"
   preview={`<TimeField label="Event time" isDisabled />`}
 />
 
@@ -185,7 +182,7 @@ Use the `isDisabled` prop to disable the TimeField.
 The `isReadOnly` boolean prop makes the TimeField's text content immutable. Unlike isDisabled, the TimeField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/time-field-read-only"
+  name="core/time-field/time-field-read-only"
   preview={`<TimeField label="Event time" value={new Time(11)} isReadOnly />`}
 />
 
@@ -195,7 +192,7 @@ Use the `isRequired` prop to mark the TimeField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/time-field-required"
+  name="core/time-field/time-field-required"
   preview={`<TimeField label="Event time" isRequired />
 <TimeField label="Event time" isRequired necessityIndicator="icon" />
 <TimeField label="Event time" isRequired necessityIndicator="label" />
@@ -207,7 +204,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 An initial, uncontrolled value can be provided to the `TimeField` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/time-field-uncontrolled"
+  name="core/time-field/time-field-uncontrolled"
   preview={`<TimeField defaultValue={new Time(11, 45)} />`}
 />
 
@@ -216,7 +213,7 @@ An initial, uncontrolled value can be provided to the `TimeField` using the `def
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/time-field-controlled"
+  name="core/time-field/time-field-controlled"
   preview={`const [time, setTime] = React.useState(new Time(11, 45));
 return <TimeField value={time} onChange={setTime} />`}
 />
@@ -226,7 +223,7 @@ return <TimeField value={time} onChange={setTime} />`}
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/time-field-composition"
+  name="core/time-field/time-field-composition"
   preview={`<TimeFieldRoot>
     <Label>Meeting time</Label>
     <InputRoot>
diff --git a/www/content/docs/components/drag-and-drop/drop-zone.mdx b/www/content/docs/components/drag-and-drop/drop-zone.mdx
index d20de22d5..ad82c9258 100644
--- a/www/content/docs/components/drag-and-drop/drop-zone.mdx
+++ b/www/content/docs/components/drag-and-drop/drop-zone.mdx
@@ -1,9 +1,6 @@
 ---
 title: Dropzone
 description: A drop zone is an area into which one or multiple objects can be dragged and dropped.
-thumbnail:
-  image: /previews/components/core/drop-zone.jpeg
-  video: /previews/components/core/drop-zone.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/DropZone.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/drop-zone-default"
+  name="core/drop-zone/drop-zone-default"
   preview={`<DropZone><UploadIcon /></DropZone>`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add drop-zone
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/drop-zone" />
+      <ComponentSource name="core/drop-zone/drop-zone" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -54,7 +51,7 @@ npx dotui-cli@latest add drop-zone
 A visual label can be provided for the `DropZone` using the `<Text slot="label">` component, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/drop-zone-label"
+  name="core/drop-zone/drop-zone-label"
   preview={`<DropZone aria-label="drag and drop files here">
     <UploadIcon />
   </DropZone>
@@ -69,7 +66,7 @@ A visual label can be provided for the `DropZone` using the `<Text slot="label">
 Use the `isDisabled` prop to disable the drop zone.
 
 <ComponentPreview
-  name="core/drop-zone-disabled"
+  name="core/drop-zone/drop-zone-disabled"
   preview={`<DropZone isDisabled>
     <UploadIcon />
     <Text slot="label">Drag and drop files here</Text>
@@ -81,7 +78,7 @@ Use the `isDisabled` prop to disable the drop zone.
 ### File trigger
 
 <ComponentPreview
-  name="core/drop-zone-file-trigger"
+  name="core/drop-zone/drop-zone-file-trigger"
   preview={`<DropZone>
     <UploadIcon />
     <Text slot="label">Drag and drop files here</Text>
diff --git a/www/content/docs/components/feedback/alert.mdx b/www/content/docs/components/feedback/alert.mdx
index cf01547cf..2a649ebb7 100644
--- a/www/content/docs/components/feedback/alert.mdx
+++ b/www/content/docs/components/feedback/alert.mdx
@@ -9,7 +9,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/alert-default"
+  name="core/alert/alert-default"
   preview={`<Alert>You can add components to your app using the cli.</Alert>`}
 />
 
@@ -26,7 +26,7 @@ npx dotui-cli@latest add alert
 Use the `variant` prop to change the visual style of the alert.
 
 <ComponentPreview
-  name="core/alert-variants"
+  name="core/alert/alert-variants"
   preview={`<Alert variant="neutral" title="This is a neutral alert" />
 <Alert variant="info" title="This is a neutral alert" />
 <Alert variant="danger" title="This is a critical alert" />
@@ -39,7 +39,7 @@ Use the `variant` prop to change the visual style of the alert.
 Use the `title` prop to add a title to the alert.
 
 <ComponentPreview
-  name="core/alert-title"
+  name="core/alert/alert-title"
   preview={`<Alert variant="warning" fill title="Your account has been suspended." />`}
 />
 
@@ -48,7 +48,7 @@ Use the `title` prop to add a title to the alert.
 Pass children to the alert to add content.
 
 <ComponentPreview
-  name="core/alert-content"
+  name="core/alert/alert-content"
   preview={`<Alert title="Payment Information">
     Enter your payment method to complete your purchase.
   </Alert>`}
@@ -59,7 +59,7 @@ Pass children to the alert to add content.
 Use the `icon` prop to add a custom icon to the alert. An explicit `null` value can be used to remove the default icon.
 
 <ComponentPreview
-  name="core/alert-custom-icon"
+  name="core/alert/alert-custom-icon"
   preview={`<Alert icon={<GlobeIcon />}>Hello world!</Alert>`}
 />
 
@@ -68,7 +68,7 @@ Use the `icon` prop to add a custom icon to the alert. An explicit `null` value
 Use the `action` prop to add an action to the alert.
 
 <ComponentPreview
-  name="core/alert-action"
+  name="core/alert/alert-action"
   preview={`<Alert
     action={<Button>Upgrade</Button>}
   >
@@ -83,7 +83,7 @@ Use the `action` prop to add an action to the alert.
 If you need to customize things further, you can drop down the composition pattern.
 
 <ComponentPreview
-  name="core/alert-composition"
+  name="core/alert/alert-composition"
   preview={`<AlertRoot>
     <WalletIcon />
     <div className="flex-1">
diff --git a/www/content/docs/components/feedback/progress.mdx b/www/content/docs/components/feedback/progress.mdx
index 3a5971288..e3c03fcd7 100644
--- a/www/content/docs/components/feedback/progress.mdx
+++ b/www/content/docs/components/feedback/progress.mdx
@@ -1,9 +1,6 @@
 ---
 title: Progress
 description: Progress shows the completion progress of a task in shape of a bar, displayed as a progress bar..
-thumbnail:
-  image: /previews/components/core/progress.jpeg
-  video: /previews/components/core/progress.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ProgressBar.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/progress-default"
+  name="core/progress/progress-default"
   preview={`<Progress value={75} />`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add progress
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/progress" />
+      <ComponentSource name="core/progress/progress" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -64,7 +61,7 @@ A determinate progress indicator can help people decide whether to do something
 Use the `variant` prop to control the visual style of the `Progress`. The default variant is `"default"`.
 
 <ComponentPreview
-  name="core/progress-variants"
+  name="core/progress/progress-variants"
   preview={`<Progress variant="default" />
 <Progress variant="success" />
 <Progress variant="accent" />
@@ -77,7 +74,7 @@ Use the `variant` prop to control the visual style of the `Progress`. The defaul
 Use the `size` prop to control the size of the `Progress`. The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/progress-sizes"
+  name="core/progress/progress-sizes"
   preview={`<Progress size="sm" />
 <Progress size="md" />
 <Progress size="lg" />`}
@@ -88,7 +85,7 @@ Use the `size` prop to control the size of the `Progress`. The default variant i
 A visual label can be provided for the `Progress` using the label prop, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/progress-label"
+  name="core/progress/progress-label"
   preview={`<Progress aria-label="loading" />
 <Progress label="loading..." />`}
 />
@@ -98,7 +95,7 @@ A visual label can be provided for the `Progress` using the label prop, or a hid
 Set the `showValueLabel` prop to `true` to display the current value of the progress bar.
 
 <ComponentPreview
-  name="core/progress-value-label"
+  name="core/progress/progress-value-label"
   preview={`<Progress label="Loading" showValueLabel value={75} />`}
 />
 
@@ -107,7 +104,7 @@ Set the `showValueLabel` prop to `true` to display the current value of the prog
 Values are formatted as a percentage by default, but this can be modified by using the `formatOptions` prop to specify a different format.
 
 <ComponentPreview
-  name="core/progress-format-options"
+  name="core/progress/progress-format-options"
   preview={`<Progress
     label="Sending…"
     showValueLabel
@@ -121,7 +118,7 @@ Values are formatted as a percentage by default, but this can be modified by usi
 The `valueLabel` prop allows the formatted value to be replaced with a custom string.
 
 <ComponentPreview
-  name="core/progress-custom-value-label"
+  name="core/progress/progress-custom-value-label"
   preview={`<Progress
     label="Feeding…"
     showValueLabel
@@ -135,7 +132,7 @@ The `valueLabel` prop allows the formatted value to be replaced with a custom st
 The `isIndeterminate` prop can be used to represent an interdeterminate operation.
 
 <ComponentPreview
-  name="core/progress-indeterminate"
+  name="core/progress/progress-indeterminate"
   preview={`<Progress isIndeterminate aria-label="Loading" />`}
 />
 
@@ -144,7 +141,7 @@ The `isIndeterminate` prop can be used to represent an interdeterminate operatio
 Use the duration prop to indicate an approximate duration of an indeterminate task. Once the duration times out, the progress bar will start an indeterminate animation.
 
 <ComponentPreview
-  name="core/progress-duration"
+  name="core/progress/progress-duration"
   preview={`<Progress duration="30s" />`}
 />
 
@@ -153,7 +150,7 @@ Use the duration prop to indicate an approximate duration of an indeterminate ta
 A custom value scale can be used by setting the `minValue` and `maxValue` props.
 
 <ComponentPreview
-  name="core/progress-min-max-values"
+  name="core/progress/progress-min-max-values"
   preview={`<Progress
     aria-label="Min and max values"
     minValue={50}
@@ -169,7 +166,7 @@ A custom value scale can be used by setting the `minValue` and `maxValue` props.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/progress-composition"
+  name="core/progress/progress-composition"
   preview={`<ProgressRoot value={50} className="flex-row items-center gap-4">
     <Label>Progress</Label>
     <ProgressIndicator />
@@ -180,7 +177,7 @@ If you need to customize things further, you can drop down to the composition le
 ### Custom color
 
 <ComponentPreview
-  name="core/progress-custom-color"
+  name="core/progress/progress-custom-color"
   preview={`<Progress
     value={75}
     aria-label="Custom color"
@@ -193,7 +190,7 @@ If you need to customize things further, you can drop down to the composition le
 
 ### Toolbar
 
-<ComponentPreview name="core/progress-toolbar" preview={``} />
+<ComponentPreview name="core/progress/progress-toolbar" preview={``} />
 
 ## API Reference
 
diff --git a/www/content/docs/components/feedback/skeleton.mdx b/www/content/docs/components/feedback/skeleton.mdx
index f329e6a34..9eaf2242d 100644
--- a/www/content/docs/components/feedback/skeleton.mdx
+++ b/www/content/docs/components/feedback/skeleton.mdx
@@ -1,13 +1,10 @@
 ---
 title: Skeleton
 description: Use to show a placeholder while content is loading.
-thumbnail:
-  image: /previews/components/core/skeleton.jpeg
-  video: /previews/components/core/skeleton.mp4
 ---
 
 <ComponentPreview
-  name="core/skeleton-card"
+  name="core/skeleton/skeleton-card"
   preview={`<Skeleton className="h-44 w-64" />
   <div>
     <Skeleton className="size-10 rounded-full" />
@@ -32,7 +29,7 @@ npx dotui-cli@latest add skeleton
   
     <Steps>
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/skeleton" />
+      <ComponentSource name="core/skeleton/skeleton" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -50,7 +47,7 @@ Use the `Skeleton` component to show a placeholder while content is loading.
 If you do not pass a fixed size, skeleton will take the size of the children.
 
 <ComponentPreview
-  name="core/skeleton-children"
+  name="core/skeleton/skeleton-children"
   preview={`<Skeleton>
     <Button>Button</Button>
   </Skeleton>`}
@@ -61,7 +58,7 @@ If you do not pass a fixed size, skeleton will take the size of the children.
 Use the `show` prop to show/hide the skeleton.
 
 <ComponentPreview
-  name="core/skeleton-show"
+  name="core/skeleton/skeleton-show"
   preview={`<Skeleton>
     <Button>Button</Button>
   </Skeleton>
@@ -77,7 +74,7 @@ Use the `show` prop to show/hide the skeleton.
 {/* prettier-ignore-start */}
 
 <ComponentPreview
-  name="core/skeleton-api-simulation"
+  name="core/skeleton/skeleton-api-simulation"
   preview={`const [status, setStatus] = React.useState<"idle" | "loading" | "error" | "success">("idle");
   const apiCall = () => {
     {/* Simulate API call */}
@@ -102,7 +99,7 @@ Use the `show` prop to show/hide the skeleton.
 If you do not pass a fixed size, it will be calculated automatically.
 
 <ComponentPreview
-  name="core/skeleton-fixed-size-children"
+  name="core/skeleton/skeleton-fixed-size-children"
   preview={`<Skeleton className="size-20"><Button>Button</Button> </Skeleton>`}
 />
 
diff --git a/www/content/docs/components/inputs/checkbox-group.mdx b/www/content/docs/components/inputs/checkbox-group.mdx
index d1405e1a0..b3f53391b 100644
--- a/www/content/docs/components/inputs/checkbox-group.mdx
+++ b/www/content/docs/components/inputs/checkbox-group.mdx
@@ -1,9 +1,6 @@
 ---
 title: Checkbox Group
 description: A checkbox group allows a user to select multiple items from a list of options.
-thumbnail:
-  image: /previews/components/core/checkbox-group.jpeg
-  video: /previews/components/core/checkbox-group.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/CheckboxGroup.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/checkbox-group-default"
+  name="core/checkbox-group/checkbox-group-default"
   preview={`<CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -44,7 +41,7 @@ npx dotui-cli@latest add checkbox-group
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/checkbox-group" />
+      <ComponentSource name="core/checkbox-group/checkbox-group" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -67,7 +64,7 @@ Use `CheckboxGroup` to allow users to select multiple items from a list of indiv
 Use the `variant` prop to control the visual style of the `CheckBoxGroup`.
 
 <ComponentPreview
-  name="core/checkbox-group-cards"
+  name="core/checkbox-group/checkbox-group-cards"
   preview={`<CheckboxGroup label="React frameworks" defaultValue={["nextjs"]} variant="card">
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -80,7 +77,7 @@ Use the `variant` prop to control the visual style of the `CheckBoxGroup`.
 A visual label can be provided for the `CheckboxGroup` using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/checkbox-group-label"
+  name="core/checkbox-group/checkbox-group-label"
   preview={`<CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -96,7 +93,7 @@ A visual label can be provided for the `CheckboxGroup` using the `label` prop or
 A description can be supplied to a `CheckboxGroup` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/checkbox-group-description"
+  name="core/checkbox-group/checkbox-group-description"
   preview={`<CheckboxGroup
     label="React frameworks"
     defaultValue={["nextjs"]}
@@ -113,7 +110,7 @@ A description can be supplied to a `CheckboxGroup` via the `description` prop. T
 A `ContextualHelp` element may be placed next to the label to provide additional information or help about a CheckboxGroup.
 
 <ComponentPreview
-  name="core/checkbox-group-contextual-help"
+  name="core/checkbox-group/checkbox-group-contextual-help"
   preview={`<CheckboxGroup
     label="React frameworks"
     defaultValue={["nextjs"]}
@@ -130,7 +127,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 An error message can be supplied to a CheckboxGroup, which will be displayed when the `validationState` is `“invalid”`.
 
 <ComponentPreview
-  name="core/checkbox-group-error-message"
+  name="core/checkbox-group/checkbox-group-error-message"
   preview={`<CheckboxGroup label="React frameworks" isInvalid errorMessage="Please select a framework.">
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -143,7 +140,7 @@ An error message can be supplied to a CheckboxGroup, which will be displayed whe
 Use the `isDisabled` prop to disable the CheckboxGroup.
 
 <ComponentPreview
-  name="core/checkbox-group-disabled"
+  name="core/checkbox-group/checkbox-group-disabled"
   preview={`<CheckboxGroup label="React frameworks" isDisabled>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -156,7 +153,7 @@ Use the `isDisabled` prop to disable the CheckboxGroup.
 The `isReadOnly` boolean prop makes the CheckboxGroup's text content immutable. Unlike isDisabled, the CheckboxGroup remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/checkbox-group-read-only"
+  name="core/checkbox-group/checkbox-group-read-only"
   preview={`<CheckboxGroup label="React frameworks" isReadOnly>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -170,7 +167,7 @@ Use the `isRequired` prop to mark the CheckboxGroup as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/checkbox-group-required"
+  name="core/checkbox-group/checkbox-group-required"
   preview={`<CheckboxGroup label="React frameworks" isRequired>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -194,7 +191,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 The `defaultValue` prop can be used to set the default state.
 
 <ComponentPreview
-  name="core/checkbox-group-uncontrolled"
+  name="core/checkbox-group/checkbox-group-uncontrolled"
   preview={`<CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -207,7 +204,7 @@ The `defaultValue` prop can be used to set the default state.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/checkbox-group-controlled"
+  name="core/checkbox-group/checkbox-group-controlled"
   preview={`const [frameworks, setFrameworks] = React.useState(["nextjs"]);
   return (
     <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
@@ -223,7 +220,7 @@ Use the `value` and `onChange` props to control the value of the input.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/checkbox-group-composition"
+  name="core/checkbox-group/checkbox-group-composition"
   preview={`<CheckboxGroupRoot defaultValue={["nextjs"]}>
     <Label>React frameworks</Label>
     <Description>You can pick any frameworks.</Description>
diff --git a/www/content/docs/components/inputs/checkbox.mdx b/www/content/docs/components/inputs/checkbox.mdx
index 40b6765fd..be9d206bd 100644
--- a/www/content/docs/components/inputs/checkbox.mdx
+++ b/www/content/docs/components/inputs/checkbox.mdx
@@ -1,9 +1,6 @@
 ---
 title: Checkbox
 description: Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
-thumbnail:
-  image: /previews/components/core/checkbox.jpeg
-  video: /previews/components/core/checkbox.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Checkbox.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/checkbox-default"
+  name="core/checkbox/checkbox-default"
   preview={`<Checkbox>I accept the <Link href="/terms">terms and conditions</Link></Checkbox>`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add checkbox
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/checkbox" />
+      <ComponentSource name="core/checkbox/checkbox" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -58,7 +55,7 @@ Use `checkbox` to allow users to select multiple items from a list of individual
 Use the `variant` prop to control the visual style of the checkbox.
 
 <ComponentPreview
-  name="core/checkbox-card"
+  name="core/checkbox/checkbox-card"
   preview={`<Checkbox variant="card">I accept the terms and conditions</Checkbox>`}
 />
 
@@ -67,7 +64,7 @@ Use the `variant` prop to control the visual style of the checkbox.
 A checkbox can be in an indeterminate state, controlled using the `isIndeterminate` prop.
 
 <ComponentPreview
-  name="core/checkbox-indeterminate"
+  name="core/checkbox/checkbox-indeterminate"
   preview={`<Checkbox isIndeterminate>Select all</Checkbox>`}
 />
 
@@ -76,7 +73,7 @@ A checkbox can be in an indeterminate state, controlled using the `isIndetermina
 Use the `isDisabled` prop to disable the checkbox.
 
 <ComponentPreview
-  name="core/checkbox-disabled"
+  name="core/checkbox/checkbox-disabled"
   preview={`<Checkbox isDisabled>I accept the terms and conditions</Checkbox>`}
 />
 
@@ -85,7 +82,7 @@ Use the `isDisabled` prop to disable the checkbox.
 The `isReadOnly` prop makes the selection immutable. Unlike isDisabled, the Checkbox remains focusable.
 
 <ComponentPreview
-  name="core/checkbox-read-only"
+  name="core/checkbox/checkbox-read-only"
   preview={`<Checkbox isReadOnly>I accept the terms and conditions</Checkbox>`}
 />
 
@@ -94,7 +91,7 @@ The `isReadOnly` prop makes the selection immutable. Unlike isDisabled, the Chec
 The `defaultSelected` prop can be used to set the default state.
 
 <ComponentPreview
-  name="core/checkbox-uncontrolled"
+  name="core/checkbox/checkbox-uncontrolled"
   preview={`<Checkbox defaultSelected>I accept the terms and conditions</Checkbox>`}
 />
 
@@ -103,7 +100,7 @@ The `defaultSelected` prop can be used to set the default state.
 Use the `isSelected` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/checkbox-controlled"
+  name="core/checkbox/checkbox-controlled"
   preview={`const [checked, setChecked] = React.useState(false);
   return (
     <Checkbox isSelected={checked} onChange={setChecked}>
diff --git a/www/content/docs/components/inputs/number-field.mdx b/www/content/docs/components/inputs/number-field.mdx
index 451281f9c..f130cc74d 100644
--- a/www/content/docs/components/inputs/number-field.mdx
+++ b/www/content/docs/components/inputs/number-field.mdx
@@ -1,9 +1,6 @@
 ---
 title: NumberField
 description: NumberField allows a user to enter a number, and increment or decrement the value using stepper buttons.
-thumbnail:
-  image: /previews/components/core/number-field.jpeg
-  video: /previews/components/core/number-field.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/NumberField.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/number-field-default"
+  name="core/number-field/number-field-default"
   preview={`<NumberField label="Width" defaultValue={1024} />`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add number-field
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/number-field" />
+      <ComponentSource name="core/number-field/number-field" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -58,7 +55,7 @@ Use a `NumberField` to allow a user to enter a number.
 The NumberField value can be formatted by using the `formatOptions` prop. formatOptions is compatible with the option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat) and is applied based on the current locale.
 
 <ComponentPreview
-  name="core/number-field-format-options"
+  name="core/number-field/number-field-format-options"
   preview={`<NumberField
     label="Decimal"
     defaultValue={0}
@@ -101,7 +98,7 @@ The NumberField value can be formatted by using the `formatOptions` prop. format
 Use the `size` prop to control the size of the `NumberField`. The default size is `"md"`.
 
 <ComponentPreview
-  name="core/number-field-sizes"
+  name="core/number-field/number-field-sizes"
   preview={`<NumberField size="sm" />
 <NumberField size="md" />
 <NumberField size="lg" />`}
@@ -112,7 +109,7 @@ Use the `size` prop to control the size of the `NumberField`. The default size i
 A visual label can be provided for the `NumberField` using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/number-field-label"
+  name="core/number-field/number-field-label"
   preview={`<NumberField label="Width" />
 <NumberField aria-label="Width" />`}
 />
@@ -122,7 +119,7 @@ A visual label can be provided for the `NumberField` using the `label` prop or a
 A description can be supplied to a NumberField via the `description` prop. The description is always visible unless the `validationState` is `“invalid”` and an error message is provided.
 
 <ComponentPreview
-  name="core/number-field-description"
+  name="core/number-field/number-field-description"
   preview={`<NumberField label="Width" description="Enter the desired width." />`}
 />
 
@@ -131,7 +128,7 @@ A description can be supplied to a NumberField via the `description` prop. The d
 A `ContextualHelp` element may be placed next to the label to provide additional information or help about a `NumberField`.
 
 <ComponentPreview
-  name="core/number-field-contextual-help"
+  name="core/number-field/number-field-contextual-help"
   preview={`<NumberField label="Width" contextualHelp={<ContextualHelp />} />`}
 />
 
@@ -140,7 +137,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 An `errorMessage` can be supplied to a `NumberField`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/number-field-error-message"
+  name="core/number-field/number-field-error-message"
   preview={`<NumberField
     label="Width"
     isInvalid
@@ -153,7 +150,7 @@ An `errorMessage` can be supplied to a `NumberField`, which will be displayed wh
 Use the `isDisabled` prop to disable the NumberField.
 
 <ComponentPreview
-  name="core/number-field-disabled"
+  name="core/number-field/number-field-disabled"
   preview={`<NumberField isDisabled />`}
 />
 
@@ -162,7 +159,7 @@ Use the `isDisabled` prop to disable the NumberField.
 The `isReadOnly` boolean prop makes the NumberField's text content immutable. Unlike `isDisabled`, the NumberField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/number-field-read-only"
+  name="core/number-field/number-field-read-only"
   preview={`<NumberField isReadOnly />`}
 />
 
@@ -172,7 +169,7 @@ Use the `isRequired` prop to mark the NumberField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/number-field-required"
+  name="core/number-field/number-field-required"
   preview={`<NumberField label="Width" isRequired />
 <NumberField label="Width" isRequired necessityIndicator="icon" />
 <NumberField label="Width" isRequired necessityIndicator="label" />
@@ -184,7 +181,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use the `defaultValue` prop to set the default input value.
 
 <ComponentPreview
-  name="core/number-field-uncontrolled"
+  name="core/number-field/number-field-uncontrolled"
   preview={`<NumberField defaultValue={80} />`}
 />
 
@@ -193,7 +190,7 @@ Use the `defaultValue` prop to set the default input value.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/number-field-controlled"
+  name="core/number-field/number-field-controlled"
   preview={`const [value, setValue] = React.useState(69);
 return <NumberField value={value} onChange={setValue} />;`}
 />
@@ -203,7 +200,7 @@ return <NumberField value={value} onChange={setValue} />;`}
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/number-field-composition"
+  name="core/number-field/number-field-composition"
   preview={`<NumberFieldRoot>
     <Label>Quantity</Label>
     <Group className="flex items-center gap-2">
diff --git a/www/content/docs/components/inputs/radio-group.mdx b/www/content/docs/components/inputs/radio-group.mdx
index b1a824efa..313064760 100644
--- a/www/content/docs/components/inputs/radio-group.mdx
+++ b/www/content/docs/components/inputs/radio-group.mdx
@@ -1,9 +1,6 @@
 ---
 title: Radio Group
 description: A radio group allows a user to select a single item from a list of mutually exclusive options.
-thumbnail:
-  image: /previews/components/core/radio-group.jpeg
-  video: /previews/components/core/radio-group.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/RadioGroup.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/radio-group-default"
+  name="core/radio-group/radio-group-default"
   preview={`<RadioGroup defaultValue="sm" label="Size">
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -44,7 +41,7 @@ npx dotui-cli@latest add radio-group
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/radio-group" />
+      <ComponentSource name="core/radio-group/radio-group" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -62,7 +59,7 @@ Use radio group to allow users to select a single option from a short list of re
 RadioGroups are vertically oriented by default. The `orientation` prop can be used to change the orientation to `'horizontal'`.
 
 <ComponentPreview
-  name="core/radio-group-orientation"
+  name="core/radio-group/radio-group-orientation"
   preview={`<RadioGroup defaultValue="sm" label="Size" orientation="horizontal">
     <Radio value="sm" title="Small" description="Dimension: 128 x 128" />
     <Radio value="md" title="Medium" description="Dimension: 256 x 256" />
@@ -75,7 +72,7 @@ RadioGroups are vertically oriented by default. The `orientation` prop can be us
 Use the `variant` prop to control the visual style of the radio buttons.
 
 <ComponentPreview
-  name="core/radio-group-cards"
+  name="core/radio-group/radio-group-cards"
   preview={`<RadioGroup defaultValue="sm" label="Size" orientation="horizontal" variant="card">
     <Radio value="sm">
       <div className="flex flex-col gap-1">
@@ -103,7 +100,7 @@ Use the `variant` prop to control the visual style of the radio buttons.
 A visual label can be provided for the radio group using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/radio-group-label"
+  name="core/radio-group/radio-group-label"
   preview={`<RadioGroup defaultValue="sm" label="Size">
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -121,7 +118,7 @@ A visual label can be provided for the radio group using the `label` prop or a h
 A description can be supplied to a radio group via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/radio-group-description"
+  name="core/radio-group/radio-group-description"
   preview={`<RadioGroup defaultValue="sm" label="Size" description="Select a product size.">
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -134,7 +131,7 @@ A description can be supplied to a radio group via the `description` prop. The d
 A ContextualHelp element may be placed next to the label to provide additional information or help about a CheckboxGroup.
 
 <ComponentPreview
-  name="core/radio-group-contextual-help"
+  name="core/radio-group/radio-group-contextual-help"
   preview={`<RadioGroup
     defaultValue="sm" 
     label="Size" 
@@ -152,7 +149,7 @@ A ContextualHelp element may be placed next to the label to provide additional i
 An `errorMessage` can be supplied to a `RadioGroup`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/radio-group-error-message"
+  name="core/radio-group/radio-group-error-message"
   preview={`<RadioGroup
     defaultValue={null}
     label="Size"
@@ -170,7 +167,7 @@ An `errorMessage` can be supplied to a `RadioGroup`, which will be displayed whe
 Use the `isDisabled` prop to disable the `RadioGroup` or a single `Radio`.
 
 <ComponentPreview
-  name="core/radio-group-disabled"
+  name="core/radio-group/radio-group-disabled"
   preview={`<RadioGroup label="Size" defaultValue="sm" isDisabled>
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -188,7 +185,7 @@ Use the `isDisabled` prop to disable the `RadioGroup` or a single `Radio`.
 The `isReadOnly` prop makes the selection immutable. Unlike isDisabled, the RadioGroup remains focusable.
 
 <ComponentPreview
-  name="core/radio-group-read-only"
+  name="core/radio-group/radio-group-read-only"
   preview={`<RadioGroup defaultValue="sm" label="Size" isReadOnly>
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -202,7 +199,7 @@ Use the `isRequired` prop to mark the radio group as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/radio-group-required"
+  name="core/radio-group/radio-group-required"
   preview={`<RadioGroup defaultValue="sm" label="Size" isRequired>
     <Radio value="sm">Small</Radio>
     <Radio value="lg">Large</Radio>
@@ -226,7 +223,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 The `defaultValue` prop can be used to set the default state.
 
 <ComponentPreview
-  name="core/radio-group-uncontrolled"
+  name="core/radio-group/radio-group-uncontrolled"
   preview={`<RadioGroup defaultValue="sm" label="Size">
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -239,7 +236,7 @@ The `defaultValue` prop can be used to set the default state.
 Use the `value` and `onChange` props to control the value of the radio group.
 
 <ComponentPreview
-  name="core/radio-group-controlled"
+  name="core/radio-group/radio-group-controlled"
   preview={`const [size, setSize] = React.useState("sm");
   return (
     <RadioGroup label="Size" value={size} onChange={(value) => setSize(value)}>
@@ -255,7 +252,7 @@ Use the `value` and `onChange` props to control the value of the radio group.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/radio-group-composition"
+  name="core/radio-group/radio-group-composition"
   preview={`<RadioGroupRoot defaultValue="sm">
     <Label>Size</Label>
     <Description>Please select a size.</Description>
diff --git a/www/content/docs/components/inputs/search-field.mdx b/www/content/docs/components/inputs/search-field.mdx
index d417a3eea..44b78d0e7 100644
--- a/www/content/docs/components/inputs/search-field.mdx
+++ b/www/content/docs/components/inputs/search-field.mdx
@@ -1,9 +1,6 @@
 ---
 title: SearchField
 description: SearchField is a text field designed for searches.
-thumbnail:
-  image: /previews/components/core/search-field.jpeg
-  video: /previews/components/core/search-field.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/SearchField.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/search-field-default"
+  name="core/search-field/search-field-default"
   preview={`<SearchField aria-label="Search" />`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add search-field
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/search-field" />
+      <ComponentSource name="core/search-field/search-field" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -58,7 +55,7 @@ Use a `SearchField` to allow a user to enter and clear a search query.
 Use the `size` prop to control the size of the `SearchField`. The default size is `"md"`.
 
 <ComponentPreview
-  name="core/search-field-sizes"
+  name="core/search-field/search-field-sizes"
   preview={`<SearchField size="sm" />
 <SearchField size="md" />
 <SearchField size="lg" />`}
@@ -69,7 +66,7 @@ Use the `size` prop to control the size of the `SearchField`. The default size i
 By default, `prefix` contains a search icon and `suffix` contains a clear button. You can customize these by passing a custom element to the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/search-field-prefix-and-suffix"
+  name="core/search-field/search-field-prefix-and-suffix"
   preview={`<SearchField prefix="🔍" />
 <SearchField suffix={(props) => <ClearButton {...props} />} />`}
 />
@@ -79,7 +76,7 @@ By default, `prefix` contains a search icon and `suffix` contains a clear button
 A visual label can be provided for the `SearchField` using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/search-field-label"
+  name="core/search-field/search-field-label"
   preview={`<SearchField label="Search" />
 <SearchField aria-label="Search" />`}
 />
@@ -89,7 +86,7 @@ A visual label can be provided for the `SearchField` using the `label` prop or a
 A description can be supplied to a SearchField via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/search-field-description"
+  name="core/search-field/search-field-description"
   preview={`<SearchField label="Search" description="Enter your search query." />`}
 />
 
@@ -98,7 +95,7 @@ A description can be supplied to a SearchField via the `description` prop. The d
 A `ContextualHelp` element may be placed next to the label to provide additional information or help about a SearchField.
 
 <ComponentPreview
-  name="core/search-field-contextual-help"
+  name="core/search-field/search-field-contextual-help"
   preview={`<SearchField label="Search" contextualHelp={<ContextualHelp />} />`}
 />
 
@@ -107,7 +104,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 An `errorMessage` can be supplied to a SearchField, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/search-field-error-message"
+  name="core/search-field/search-field-error-message"
   preview={`<SearchField
     label="Search"
     isInvalid
@@ -120,7 +117,7 @@ Use the `isLoading` prop to control the loading state of the SearchField.
 Use the `loaderPosition` prop to control the position of the loader.
 
 <ComponentPreview
-  name="core/search-field-loading"
+  name="core/search-field/search-field-loading"
   preview={`<SearchField isLoading loaderPosition="prefix" />
 <SearchField isLoading loaderPosition="suffix" />`}
 />
@@ -130,7 +127,7 @@ Use the `loaderPosition` prop to control the position of the loader.
 Use the `isDisabled` prop to disable the SearchField.
 
 <ComponentPreview
-  name="core/search-field-disabled"
+  name="core/search-field/search-field-disabled"
   preview={`<SearchField isDisabled />`}
 />
 
@@ -139,7 +136,7 @@ Use the `isDisabled` prop to disable the SearchField.
 The `isReadOnly` boolean prop makes the SearchField's text content immutable. Unlike `isDisabled`, the SearchField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/search-field-read-only"
+  name="core/search-field/search-field-read-only"
   preview={`<SearchField isReadOnly />`}
 />
 
@@ -149,7 +146,7 @@ Use the `isRequired` prop to mark the SearchField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/search-field-required"
+  name="core/search-field/search-field-required"
   preview={`<SearchField label="Search" isRequired />
 <SearchField label="Search" isRequired necessityIndicator="icon" />
 <SearchField label="Search" isRequired necessityIndicator="label" />
@@ -161,7 +158,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use the `defaultValue` prop to set the default input value.
 
 <ComponentPreview
-  name="core/search-field-uncontrolled"
+  name="core/search-field/search-field-uncontrolled"
   preview={`<SearchField defaultValue="Marvel movies" />`}
 />
 
@@ -170,7 +167,7 @@ Use the `defaultValue` prop to set the default input value.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/search-field-controlled"
+  name="core/search-field/search-field-controlled"
   preview={`const [inputValue, setInputValue] = React.useState("Marvel movies");
 return <SearchField value={inputValue} onChange={setInputValue} />;`}
 />
@@ -180,7 +177,7 @@ return <SearchField value={inputValue} onChange={setInputValue} />;`}
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/search-field-composition"
+  name="core/search-field/search-field-composition"
   preview={`<SearchFieldRoot>
     <Label>Search</Label>
     <InputRoot prefix={<SearchIcon />}>
diff --git a/www/content/docs/components/inputs/slider.mdx b/www/content/docs/components/inputs/slider.mdx
index e34004817..4b6fae032 100644
--- a/www/content/docs/components/inputs/slider.mdx
+++ b/www/content/docs/components/inputs/slider.mdx
@@ -1,9 +1,6 @@
 ---
 title: Slider
 description: An input where the user selects a value from within a given range.
-thumbnail:
-  image: /previews/components/core/slider.jpeg
-  video: /previews/components/core/slider.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Slider.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/slider-default"
+  name="core/slider/slider-default"
   preview={`<Slider defaultValue={50} />`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add slider
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/slider" />
+      <ComponentSource name="core/slider/slider" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -54,7 +51,7 @@ npx dotui-cli@latest add slider
 Use the `size` prop to control the size of the slider. The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/slider-sizes"
+  name="core/slider/slider-sizes"
   preview={`<Slider size="sm" />
 <Slider size="md" />
 <Slider size="lg" />`}
@@ -65,7 +62,7 @@ Use the `size` prop to control the size of the slider. The default variant is `"
 Sliders are horizontally oriented by default. The `orientation` prop can be set to `"vertical"` to create a vertical slider.
 
 <ComponentPreview
-  name="core/slider-vertical"
+  name="core/slider/slider-vertical"
   preview={`<Slider orientation="vertical" />`}
 />
 
@@ -74,7 +71,7 @@ Sliders are horizontally oriented by default. The `orientation` prop can be set
 A visual label can be provided using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/slider-label"
+  name="core/slider/slider-label"
   preview={`<Slider label="Opacity" defaultValue={50} />
 <Slider aria-label="Opacity" defaultValue={50} />`}
 />
@@ -84,7 +81,7 @@ A visual label can be provided using the `label` prop or a hidden label using `a
 A description can be supplied to the slider using the `description` prop.
 
 <ComponentPreview
-  name="core/slider-description"
+  name="core/slider/slider-description"
   preview={`<Slider label="Opacity" description="Adjust the background opacity." />`}
 />
 
@@ -93,7 +90,7 @@ A description can be supplied to the slider using the `description` prop.
 The `valueLabel` boolean prop can be used to display the current value of the slider. The `valueLabel` prop can also be set to a function that returns a custom value label.
 
 <ComponentPreview
-  name="core/slider-value-label"
+  name="core/slider/slider-value-label"
   preview={`<Slider label="Donuts to buy" valueLabel />
   <Slider
     label="Donuts to buy"
@@ -106,7 +103,7 @@ The `valueLabel` boolean prop can be used to display the current value of the sl
 By default, slider values are precentages between 0 and 100. A different scale can be used by setting the `minValue` and `maxValue` props.
 
 <ComponentPreview
-  name="core/slider-value-scale"
+  name="core/slider/slider-value-scale"
   preview={`<Slider label="Cookies to buy" minValue={1} maxValue={50} />`}
 />
 
@@ -115,7 +112,7 @@ By default, slider values are precentages between 0 and 100. A different scale c
 The `step` prop can be used to snap the value to certain increments.
 
 <ComponentPreview
-  name="core/slider-step"
+  name="core/slider/slider-step"
   preview={`<Slider label="Opacity" step={5} />`}
 />
 
@@ -125,7 +122,7 @@ Values are formatted as a percentage by default, but this can be modified by usi
 `formatOptions` is compatible with the option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat) and is applied based on the current locale.
 
 <ComponentPreview
-  name="core/slider-format-options"
+  name="core/slider/slider-format-options"
   preview={`<Slider label="Price" formatOptions={{ style: "currency", currency: "JPY" }} />`}
 />
 
@@ -134,7 +131,7 @@ Values are formatted as a percentage by default, but this can be modified by usi
 Passing an array to the `defaultValue` or `value` props will create a range slider.
 
 <ComponentPreview
-  name="core/slider-range"
+  name="core/slider/slider-range"
   preview={`<Slider defaultValue={[200, 300]} />`}
 />
 
@@ -143,7 +140,7 @@ Passing an array to the `defaultValue` or `value` props will create a range slid
 Use the `isDisabled` prop to disable the slider.
 
 <ComponentPreview
-  name="core/slider-disabled"
+  name="core/slider/slider-disabled"
   preview={`<Slider isDisabled />`}
 />
 
@@ -152,7 +149,7 @@ Use the `isDisabled` prop to disable the slider.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/slider-composition"
+  name="core/slider/slider-composition"
   preview={`<SliderRoot>
     <div>
       <Label>Volume</Label>
@@ -163,7 +160,7 @@ If you need to customize things further, you can drop down to the composition le
 />
 
 <ComponentPreview
-  name="core/slider-advanced-composition"
+  name="core/slider/slider-advanced-composition"
   preview={`<SliderRoot>
     <Label>Volume</Label>
     <SliderValueLabel />
@@ -183,7 +180,7 @@ If you need to customize things further, you can drop down to the composition le
 The `defaultValue` prop can be used to set the default state.
 
 <ComponentPreview
-  name="core/slider-uncontrolled"
+  name="core/slider/slider-uncontrolled"
   preview={`<Slider defaultValue={20} />`}
 />
 
@@ -192,7 +189,7 @@ The `defaultValue` prop can be used to set the default state.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/slider-controlled"
+  name="core/slider/slider-controlled"
   preview={`const [value, setValue] = React.useState(50);
 return <Slider value={value} onChange={(value) => setValue(value as number)} />;`}
 />
diff --git a/www/content/docs/components/inputs/switch.mdx b/www/content/docs/components/inputs/switch.mdx
index f735e9dfb..691f420e0 100644
--- a/www/content/docs/components/inputs/switch.mdx
+++ b/www/content/docs/components/inputs/switch.mdx
@@ -1,9 +1,6 @@
 ---
 title: Switch
 description: Switches allow users to turn an individual option on or off.
-thumbnail:
-  image: /previews/components/core/switch.jpeg
-  video: /previews/components/core/switch.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Switch.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/switch-default"
+  name="core/switch/switch-default"
   preview={`<Switch>Focus mode</Switch>`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add switch
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/switch" />
+      <ComponentSource name="core/switch/switch" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -59,7 +56,7 @@ Switches, unlike checkboxes, can't have an error state.
 Use the `size` prop to control the size of the switch. The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/switch-sizes"
+  name="core/switch/switch-sizes"
   preview={`<Switch size="sm" />
 <Switch size="md" />
 <Switch size="lg" />`}
@@ -70,7 +67,7 @@ Use the `size` prop to control the size of the switch. The default variant is `"
 A visual label can be provided using the component children or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/switch-label"
+  name="core/switch/switch-label"
   preview={`<Switch>Focus mode</Switch>
 <Switch aria-label="Focus mode" />`}
 />
@@ -80,7 +77,7 @@ A visual label can be provided using the component children or a hidden label us
 Use the `isDisabled` prop to disable the switch.
 
 <ComponentPreview
-  name="core/switch-disabled"
+  name="core/switch/switch-disabled"
   preview={`<Switch isDisabled>Focus Mode</Switch>`}
 />
 
@@ -89,7 +86,7 @@ Use the `isDisabled` prop to disable the switch.
 The `defaultValue` prop can be used to set the default state.
 
 <ComponentPreview
-  name="core/switch-uncontrolled"
+  name="core/switch/switch-uncontrolled"
   preview={`<Switch defaultSelected>Airplane Mode</Switch>`}
 />
 
@@ -98,7 +95,7 @@ The `defaultValue` prop can be used to set the default state.
 Use the `isSelected` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/switch-controlled"
+  name="core/switch/switch-controlled"
   preview={`const [isSelected, setSelected] = React.useState(true);
   return (
     <Switch isSelected={isSelected} onChange={setSelected}>
diff --git a/www/content/docs/components/inputs/text-area.mdx b/www/content/docs/components/inputs/text-area.mdx
index 7eed562c1..5b76ccaeb 100644
--- a/www/content/docs/components/inputs/text-area.mdx
+++ b/www/content/docs/components/inputs/text-area.mdx
@@ -1,9 +1,6 @@
 ---
 title: TextArea
 description: TextArea is a multiline text input.
-thumbnail:
-  image: /previews/components/core/text-area.jpeg
-  video: /previews/components/core/text-area.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/TextArea.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/text-area-default"
+  name="core/text-area/text-area-default"
   preview={`<TextArea label="Description" placeholder="Type your message here" />`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add text-area
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/text-area" />
+      <ComponentSource name="core/text-area/text-area" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -58,7 +55,7 @@ Use a `TextArea` to allow users to input a long string of free-form text.
 To add additional context for the `TextArea`, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/text-area-prefix-and-suffix"
+  name="core/text-area/text-area-prefix-and-suffix"
   preview={`<TextArea
     label="Comment"
     placeholder="type something here"
@@ -72,7 +69,7 @@ To add additional context for the `TextArea`, use the `prefix` and `suffix` prop
 A visual label can be provided for the `TextArea` using the label prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/text-area-label"
+  name="core/text-area/text-area-label"
   preview={`<TextArea label="Description" />
   <TextArea aria-label="Description" />`}
 />
@@ -82,7 +79,7 @@ A visual label can be provided for the `TextArea` using the label prop or a hidd
 An `errorMessage` can be supplied to a TextField, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/text-area-description"
+  name="core/text-area/text-area-description"
   preview={`<TextArea label="Description" description="Type your description" />`}
 />
 
@@ -91,7 +88,7 @@ An `errorMessage` can be supplied to a TextField, which will be displayed when t
 A `ContextualHelp` element may be placed next to the label to provide additional information or help about a text area.
 
 <ComponentPreview
-  name="core/text-area-contextual-help"
+  name="core/text-area/text-area-contextual-help"
   preview={`<TextArea label="Bio" contextualHelp={<ContextualHelp />} />`}
 />
 
@@ -100,7 +97,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 An `errorMessage` can be supplied to a TextArea, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/text-area-error-message"
+  name="core/text-area/text-area-error-message"
   preview={`<TextArea 
     label="Comment"
     isInvalid
@@ -114,7 +111,7 @@ Use the `isLoading` prop to control the loading state of the TextArea.
 Use the `loaderPosition` prop to control the position of the loader.
 
 <ComponentPreview
-  name="core/text-area-loading"
+  name="core/text-area/text-area-loading"
   preview={`<TextArea isLoading loaderPosition="prefix" />
 <TextArea isLoading loaderPosition="suffix" />`}
 />
@@ -124,7 +121,7 @@ Use the `loaderPosition` prop to control the position of the loader.
 Use the `isDisabled` prop to disable the TextArea.
 
 <ComponentPreview
-  name="core/text-area-disabled"
+  name="core/text-area/text-area-disabled"
   preview={`<TextArea isDisabled />`}
 />
 
@@ -133,7 +130,7 @@ Use the `isDisabled` prop to disable the TextArea.
 The `isReadOnly` boolean prop makes the TextArea's text content immutable. Unlike `isDisabled`, the text area remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/text-area-read-only"
+  name="core/text-area/text-area-read-only"
   preview={`<TextArea isReadOnly />`}
 />
 
@@ -143,7 +140,7 @@ Use the `isRequired` prop to mark the TextArea as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/text-area-required"
+  name="core/text-area/text-area-required"
   preview={`<TextArea label="Description" isRequired necessityIndicator="icon" />`}
 />
 
@@ -152,7 +149,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use the `defaultValue` prop to set the default input value.
 
 <ComponentPreview
-  name="core/text-area-uncontrolled"
+  name="core/text-area/text-area-uncontrolled"
   preview={`<TextArea label="Essay" defaultValue="Roses are red, violets are blue." />`}
 />
 
@@ -161,7 +158,7 @@ Use the `defaultValue` prop to set the default input value.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/text-area-controlled"
+  name="core/text-area/text-area-controlled"
   preview={`const [inputValue, setInputValue] = React.useState("Roses are red, violets are blue.");
   return (
     <TextArea
@@ -179,7 +176,7 @@ Use the `value` and `onChange` props to control the value of the input.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/text-area-composition"
+  name="core/text-area/text-area-composition"
   preview={`<TextFieldRoot>
     <Label>Comment</Label>
     <InputRoot>
diff --git a/www/content/docs/components/inputs/text-field.mdx b/www/content/docs/components/inputs/text-field.mdx
index 57236c528..ae9d12013 100644
--- a/www/content/docs/components/inputs/text-field.mdx
+++ b/www/content/docs/components/inputs/text-field.mdx
@@ -1,9 +1,6 @@
 ---
 title: TextField
 description: TextField allows a user to enter a plain text value with a keyboard.
-thumbnail:
-  image: /previews/components/core/text-field.jpeg
-  video: /previews/components/core/text-field.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/TextField.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/text-field-default"
+  name="core/text-field/text-field-default"
   preview={`<TextField label="Email" placeholder="hello@mehdibha.com" />`}
 />
 
@@ -40,7 +37,7 @@ npx dotui-cli@latest add text-field
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/text-field" />
+      <ComponentSource name="core/text-field/text-field" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -58,7 +55,7 @@ Use a `TextField` to allow users to input custom text entries with a keyboard.
 Use the `size` prop to control the size of the `TextField`. The default size is `"md"`.
 
 <ComponentPreview
-  name="core/text-field-sizes"
+  name="core/text-field/text-field-sizes"
   preview={`<TextField size="sm" />
 <TextField size="md" />
 <TextField size="lg" />`}
@@ -69,7 +66,7 @@ Use the `size` prop to control the size of the `TextField`. The default size is
 To add additional context for the `TextField`, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/text-field-prefix-and-suffix"
+  name="core/text-field/text-field-prefix-and-suffix"
   preview={`<TextField prefix={<span>https://</span>} />
 <TextField suffix={<span>@dotui.org</span>} />
 <TextField suffix={<ClearButton />} />`}
@@ -80,7 +77,7 @@ To add additional context for the `TextField`, use the `prefix` and `suffix` pro
 A visual label can be provided for the `TextField` using the label prop, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/text-field-label"
+  name="core/text-field/text-field-label"
   preview={`<TextField label="Email" />
 <TextField aria-label="Email" />`}
 />
@@ -90,7 +87,7 @@ A visual label can be provided for the `TextField` using the label prop, or a hi
 A description can be supplied to `TextField` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/text-field-description"
+  name="core/text-field/text-field-description"
   preview={`<TextField label="Email" description="Enter your email." />`}
 />
 
@@ -99,7 +96,7 @@ A description can be supplied to `TextField` via the `description` prop. The des
 A `ContextualHelp` element may be placed next to the label to provide additional information or help about a TextField.
 
 <ComponentPreview
-  name="core/text-field-contextual-help"
+  name="core/text-field/text-field-contextual-help"
   preview={`<TextField label="Password" contextualHelp={<ContextualHelp />} />`}
 />
 
@@ -108,7 +105,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 An `errorMessage` can be supplied to `TextField`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/text-field-error-message"
+  name="core/text-field/text-field-error-message"
   preview={`<TextField
     label="Email"
     isInvalid
@@ -122,7 +119,7 @@ Use the `isLoading` prop to control the loading state of the TextField.
 Use the `loaderPosition` prop to control the position of the loader.
 
 <ComponentPreview
-  name="core/text-field-loading"
+  name="core/text-field/text-field-loading"
   preview={`<TextField isLoading loaderPosition="prefix" />
 <TextField isLoading loaderPosition="suffix" />`}
 />
@@ -132,7 +129,7 @@ Use the `loaderPosition` prop to control the position of the loader.
 Use the `isDisabled` prop to disable the TextField.
 
 <ComponentPreview
-  name="core/text-field-disabled"
+  name="core/text-field/text-field-disabled"
   preview={`<TextField isDisabled />`}
 />
 
@@ -141,7 +138,7 @@ Use the `isDisabled` prop to disable the TextField.
 The `isReadOnly` boolean prop makes the TextField's text content immutable. Unlike `isDisabled`, the TextField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/text-field-read-only"
+  name="core/text-field/text-field-read-only"
   preview={`<TextField isReadOnly />`}
 />
 
@@ -151,7 +148,7 @@ Use the `isRequired` prop to mark the TextField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/text-field-required"
+  name="core/text-field/text-field-required"
   preview={`<TextField label="Email" isRequired />
 <TextField label="Email" isRequired necessityIndicator="icon" />
 <TextField label="Email" isRequired necessityIndicator="label" />
@@ -163,7 +160,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use the `defaultValue` prop to set the default input value.
 
 <ComponentPreview
-  name="core/text-field-uncontrolled"
+  name="core/text-field/text-field-uncontrolled"
   preview={`<TextField label="Name" defaultValue="Mehdi" />`}
 />
 
@@ -172,7 +169,7 @@ Use the `defaultValue` prop to set the default input value.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/text-field-controlled"
+  name="core/text-field/text-field-controlled"
   preview={`const [inputValue, setInputValue] = React.useState("Hello world!");
   return (
     <TextField
@@ -189,7 +186,7 @@ Use the `value` and `onChange` props to control the value of the input.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/text-field-composition"
+  name="core/text-field/text-field-composition"
   preview={`<TextFieldRoot>
     <Label>Email</Label>
     <InputRoot>
diff --git a/www/content/docs/components/layout/scroll-area.mdx b/www/content/docs/components/layout/scroll-area.mdx
deleted file mode 100644
index 71673292d..000000000
--- a/www/content/docs/components/layout/scroll-area.mdx
+++ /dev/null
@@ -1,178 +0,0 @@
----
-title: Scroll area
-description: Augments native scroll functionality for custom, cross-browser styling.
-thumbnail:
-  image: /previews/components/core/scroll-area.jpeg
-  video: /previews/components/core/scroll-area.mp4
-links:
-  - label: Radix docs
-    href: https://react-spectrum.adobe.com/react-aria/TextField.html
-  - label: Report an issue
-    href: https://github.com/mehdibha/dotUI/issues/new/choose
-  - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/layout/scroll-area.mdx?plain=1
----
-
-<ComponentPreview
-  name="core/scroll-area-default"
-  preview={`<div className="rounded-md border p-6">
-    <ScrollArea className="h-72 w-full max-w-sm" type="always">
-      <div className="space-y-4 p-4 pr-8">
-        <h4 className="text-md font-bold">Principles of the typographic craft</h4>
-        <p>
-          Three fundamental aspects of typography are legibility, readability, and aesthetics.
-          Although in a non-technical sense “legible” and “readable” are often used synonymously,
-          typographically they are separate but related concepts.
-        </p>
-        <p>
-          Legibility describes how easily individual characters can be distinguished from one
-          another. It is described by Walter Tracy as “the quality of being decipherable and
-          recognisable”. For instance, if a “b” and an “h”, or a “3” and an “8”, are difficult to
-          distinguish at small sizes, this is a problem of legibility.
-        </p>
-        <p>
-          Typographers are concerned with legibility insofar as it is their job to select the
-          correct font to use. Brush Script is an example of a font containing many characters
-          that might be difficult to distinguish. The selection of cases influences the legibility
-          of typography because using only uppercase letters (all-caps) reduces legibility.
-        </p>
-      </div>
-    </ScrollArea>
-  </div>`}
-/>
-
-## Installation
-
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
-npx dotui-cli@latest add scroll-area
-```
-
-  </Tab>
-  <Tab value="manual">
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    @radix-ui/react-scroll-area
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/scroll-area" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
-## Usage
-
-Use `ScrollArea` to augment native scroll functionality for custom, cross-browser styling.
-
-## Options
-
-### Size
-
-Use the `size` prop to control the size of the scrollbar.
-
-<ComponentPreview
-  name="core/scroll-area-sizes"
-  preview={`<div className="rounded-md border p-3">
-    <ScrollArea size={size} className="h-72" type="always">
-      <div className="space-y-4 p-4 pr-8">
-        <h4 className="text-md font-bold">Principles of the typographic craft</h4>
-        <p>
-          Three fundamental aspects of typography are legibility, readability, and aesthetics.
-          Although in a non-technical sense “legible” and “readable” are often used
-          synonymously, typographically they are separate but related concepts.
-        </p>
-        <p>
-          Legibility describes how easily individual characters can be distinguished from one
-          another. It is described by Walter Tracy as “the quality of being decipherable and
-          recognisable”. For instance, if a “b” and an “h”, or a “3” and an “8”, are difficult
-          to distinguish at small sizes, this is a problem of legibility.
-        </p>
-        <p>
-          Typographers are concerned with legibility insofar as it is their job to select the
-          correct font to use. Brush Script is an example of a font containing many characters
-          that might be difficult to distinguish. The selection of cases influences the
-          legibility of typography because using only uppercase letters (all-caps) reduces
-          legibility.
-        </p>
-      </div>
-    </ScrollArea>
-  </div>`}
-/>
-
-### Scrollbars
-
-Control the scrollable axes using the `scrollbars` prop.
-
-<ComponentPreview
-  name="core/scroll-area-scrollbars"
-  preview={`<div className="rounded-md border p-6">
-    <ScrollArea
-      scrollbars={scrollbars as ScrollAreaProps["scrollbars"]}
-      className="h-44 w-full max-w-sm"
-      type="always"
-    >
-      <div className="flex w-[500px] items-start gap-4">
-        <div className="space-y-4 p-4 pr-8">
-          <h4 className="text-md font-bold">Principles of the typographic craft</h4>
-          <p>
-            Three fundamental aspects of typography are legibility, readability, and aesthetics.
-            Although in a non-technical sense “legible” and “readable” are often used
-            synonymously, typographically they are separate but related concepts.
-          </p>
-          <p>
-            Legibility describes how easily individual characters can be distinguished from one
-            another. It is described by Walter Tracy as “the quality of being decipherable and
-            recognisable”. For instance, if a “b” and an “h”, or a “3” and an “8”, are difficult
-            to distinguish at small sizes, this is a problem of legibility.
-          </p>
-          <p>
-            Typographers are concerned with legibility insofar as it is their job to select the
-            correct font to use. Brush Script is an example of a font containing many characters
-            that might be difficult to distinguish. The selection of cases influences the
-            legibility of typography because using only uppercase letters (all-caps) reduces
-            legibility.
-          </p>
-        </div>
-        <div className="space-y-4 p-4 pr-8">
-          <h4 className="text-md font-bold">Principles of the typographic craft</h4>
-          <p>
-            Three fundamental aspects of typography are legibility, readability, and aesthetics.
-            Although in a non-technical sense “legible” and “readable” are often used
-            synonymously, typographically they are separate but related concepts.
-          </p>
-          <p>
-            Legibility describes how easily individual characters can be distinguished from one
-            another. It is described by Walter Tracy as “the quality of being decipherable and
-            recognisable”. For instance, if a “b” and an “h”, or a “3” and an “8”, are difficult
-            to distinguish at small sizes, this is a problem of legibility.
-          </p>
-          <p>
-            Typographers are concerned with legibility insofar as it is their job to select the
-            correct font to use. Brush Script is an example of a font containing many characters
-            that might be difficult to distinguish. The selection of cases influences the
-            legibility of typography because using only uppercase letters (all-caps) reduces
-            legibility.
-          </p>
-        </div>
-      </div>
-      </ScrollArea>
-    </div>`}
-/>
-
-## API Reference
-
-`ScrollArea` accepts all HTML div element props and the following:
-
-| Prop              | Type                                        | Default      | Description                                                                                                                                                                                |
-| ----------------- | ------------------------------------------- | ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `type`            | `'auto' \| 'always' \| 'scroll' \| 'hover'` | `'hover'`    | Describes the nature of scrollbar visibility.                                                                                                                                              |
-| `scrollHideDelay` | `number`                                    | `600`        | If type is set to either 'scroll' or 'hover', this prop determines the length of time, in milliseconds, before the scrollbars are hidden after the user stops interacting with scrollbars. |
-| `dir`             | `'ltr' \| 'rtl'`                            | `600`        | The reading direction of the scroll area                                                                                                                                                   |
-| `scrollbars`      | `'vertical' \| 'horizontal' \| 'both'`      | `'vertical'` | Controls the scrollable axes.                                                                                                                                                              |
diff --git a/www/content/docs/components/layout/table.mdx b/www/content/docs/components/layout/table.mdx
index 64d207d12..f5927a0f7 100644
--- a/www/content/docs/components/layout/table.mdx
+++ b/www/content/docs/components/layout/table.mdx
@@ -1,8 +1,6 @@
 ---
 title: Table
 description: Displays content within a desired ratio.
-thumbnail:
-  image: /previews/components/core/aspect-ratio.jpeg
 links:
   - label: Radix docs
     href: https://www.radix-ui.com/primitives/docs/components/aspect-ratio
diff --git a/www/content/docs/components/menus-and-selection/combobox.mdx b/www/content/docs/components/menus-and-selection/combobox.mdx
index b1a49a3c9..0c686eb0d 100644
--- a/www/content/docs/components/menus-and-selection/combobox.mdx
+++ b/www/content/docs/components/menus-and-selection/combobox.mdx
@@ -16,7 +16,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/combobox-basic"
+  name="core/combobox/combobox-basic"
   preview={`<Combobox>
     <Item>Canada</Item>
     <Item>France</Item>
@@ -48,7 +48,7 @@ npx dotui-cli@latest add combobox
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/combobox" />
+      <ComponentSource name="core/combobox/combobox" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -66,7 +66,7 @@ Use `Combobox` to allow users to filter a list of options to items matching a qu
 A visual label can be provided for the combobox using the `label` prop, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/combobox-label"
+  name="core/combobox/combobox-label"
   preview={`<Combobox label="Country">
     <Item>Canada</Item>
     <Item>France</Item>
@@ -83,7 +83,7 @@ A visual label can be provided for the combobox using the `label` prop, or a hid
 A description can be supplied to the combobox via the `description` prop. The description is always visible unless the `validationState` is `“invalid”` and an error message is provided.
 
 <ComponentPreview
-  name="core/combobox-description"
+  name="core/combobox/combobox-description"
   preview={`<Combobox label="Country" description="Please select a country.">
     <Item>Canada</Item>
     <Item>France</Item>
@@ -100,7 +100,7 @@ A description can be supplied to the combobox via the `description` prop. The de
 A `ContextualHelp` element may be placed next to the label to provide additional information or help about the `Combobox`
 
 <ComponentPreview
-  name="core/combobox-contextual-help"
+  name="core/combobox/combobox-contextual-help"
   preview={`<Combobox
     label="Country"
     contextualHelp={<ContextualHelp />}
@@ -120,7 +120,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 An `errorMessage` can be supplied to a `Combobox`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/combobox-validation"
+  name="core/combobox/combobox-validation"
   preview={`<Combobox isInvalid errorMessage="Please select a country in the list.">
     <Item>Canada</Item>
     <Item>France</Item>
@@ -137,7 +137,7 @@ An `errorMessage` can be supplied to a `Combobox`, which will be displayed when
 By default, `Combobox` doesn't allow users to specify a value that doesn't exist in the list of options and will revert the input value to the current selected value on blur. By specifying `allowsCustomValue`, this behavior is suppressed.
 
 <ComponentPreview
-  name="core/combobox-custom-value"
+  name="core/combobox/combobox-custom-value"
   preview={`<Combobox allowsCustomValue>
     <Item>Canada</Item>
     <Item>France</Item>
@@ -154,7 +154,7 @@ By default, `Combobox` doesn't allow users to specify a value that doesn't exist
 The `isDisabled` prop can be used to disable the combobox.
 
 <ComponentPreview
-  name="core/combobox-disabled"
+  name="core/combobox/combobox-disabled"
   preview={`<Combobox label="Favorite animal" isDisabled>
     <Item>Red Panda</Item>
     <Item>Cat</Item>
@@ -170,7 +170,7 @@ The `isDisabled` prop can be used to disable the combobox.
 Use the `isLoading` prop to indicate that the list is loading.
 
 <ComponentPreview
-  name="core/combobox-loading"
+  name="core/combobox/combobox-loading"
   preview={`<Combobox label="Favorite Animal" isLoading>
     <Item>Red Panda</Item>
     <Item>Cat</Item>
@@ -187,7 +187,7 @@ Use the `isRequired` prop to mark the combobox as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/combobox-required"
+  name="core/combobox/combobox-required"
   preview={`<Combobox label="Country" isRequired necessityIndicator="icon">
     <Item>Canada</Item>
     <Item>France</Item>
@@ -205,7 +205,7 @@ Combobox supports sections in order to group options. Sections can be used by wr
 Sections without a `title` must provide an aria-label for accessibility.
 
 <ComponentPreview
-  name="core/combobox-sections"
+  name="core/combobox/combobox-sections"
   preview={`<Combobox>
     <Section title="Africa">
       <Item>Tunisia</Item>
@@ -239,7 +239,7 @@ See [Item options](/components/menus-and-selection/list-box#item-options) for mo
 Use `defaultSelectedKey` to provide a default set of selected item.
 
 <ComponentPreview
-  name="core/combobox-uncontrolled"
+  name="core/combobox/combobox-uncontrolled"
   preview={`<Combobox aria-label="country" defaultSelectedKey="tn">
     <Item id="ca">Canada</Item>
     <Item id="fr">France</Item>
@@ -256,7 +256,7 @@ Use `defaultSelectedKey` to provide a default set of selected item.
 Use `selectedKey` to control the selected item.
 
 <ComponentPreview
-  name="core/combobox-controlled"
+  name="core/combobox/combobox-controlled"
   preview={`const [country, setCountry] = React.useState<Key | null>("tn");
   return (
     <Combobox selectedKey={country} onSelectionChange={setCountry}>
@@ -276,7 +276,7 @@ Use `selectedKey` to control the selected item.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/combobox-composition"
+  name="core/combobox/combobox-composition"
   preview={`<ComboboxRoot>
     <Label>Framework</Label>
     <ComboboxTrigger />
@@ -300,7 +300,7 @@ If you need to customize things further, you can drop down to the composition le
 {/* prettier-ignore-start */}
 
 <ComponentPreview 
-  name="core/combobox-async-loading" 
+  name="core/combobox/combobox-async-loading" 
   preview={`const list = useAsyncList<Character>({
     async load({ signal }) {
       const res = await fetch(\`https://pokeapi.co/api/v2/pokemon\`, { signal });
diff --git a/www/content/docs/components/menus-and-selection/list-box.mdx b/www/content/docs/components/menus-and-selection/list-box.mdx
index c05607b17..ca850661a 100644
--- a/www/content/docs/components/menus-and-selection/list-box.mdx
+++ b/www/content/docs/components/menus-and-selection/list-box.mdx
@@ -16,7 +16,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/list-box-basic"
+  name="core/list-box/list-box-basic"
   preview={`<ListBox>
     <Item>Next.js</Item>
     <Item>Remix</Item>
@@ -45,7 +45,7 @@ npx dotui-cli@latest add list-box
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/list-box" />
+      <ComponentSource name="core/list-box/list-box" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -64,7 +64,7 @@ By default, `ListBox` expects items to be arranged in a vertical stack, and impl
 Use the `orientation` prop to change the layout to a horizontal stack.
 
 <ComponentPreview
-  name="core/list-box-horizontal"
+  name="core/list-box/list-box-horizontal"
   preview={`<ListBox orientation="horizontal" selectionMode="single">
     <Item textValue="Read" label="Read" description="Read Only" />
     <Item textValue="Write" label="Write" description="Read and Write Only" />
@@ -77,7 +77,7 @@ Use the `orientation` prop to change the layout to a horizontal stack.
 The `layout` prop can be set to `"grid"` to enable two-dimensional keyboard navigation.
 
 <ComponentPreview
-  name="core/list-box-grid"
+  name="core/list-box/list-box-grid"
   preview={`<ListBox layout="grid">
     <Item>Next.js</Item>
     <Item>Remix</Item>
@@ -91,7 +91,7 @@ The `layout` prop can be set to `"grid"` to enable two-dimensional keyboard navi
 ListBox supports multiple selection modes. By default, selection is disabled, however this can be changed using the `selectionMode` prop.
 
 <ComponentPreview
-  name="core/list-box-selection-mode"
+  name="core/list-box/list-box-selection-mode"
   preview={`<ListBox selectionMode="single">
     <Item>Next.js</Item>
     <Item>Remix</Item>
@@ -111,7 +111,7 @@ ListBox supports multiple selection modes. By default, selection is disabled, ho
 When `selectionBehavior` is set to `"replace"`, clicking a row with the mouse replaces the selection with only that row. Using the arrow keys moves both focus and selection. To select multiple rows, modifier keys such as `Ctrl`, `Cmd`, and `Shift` can be used. On touch screen devices, selection always behaves as toggle since modifier keys may not be available.
 
 <ComponentPreview
-  name="core/list-box-selection-behavior"
+  name="core/list-box/list-box-selection-behavior"
   preview={`<ListBox selectionMode="multiple" selectionBehavior="replace">
     <Item>Next.js</Item>
     <Item>Remix</Item>
@@ -125,7 +125,7 @@ When `selectionBehavior` is set to `"replace"`, clicking a row with the mouse re
 Use the `isLoading` prop to indicate that the list is loading.
 
 <ComponentPreview
-  name="core/list-box-loading"
+  name="core/list-box/list-box-loading"
   preview={`<ListBox isLoading>
     <Item>User 1</Item>
     <Item>User 2</Item>
@@ -138,7 +138,7 @@ Use the `isLoading` prop to indicate that the list is loading.
 Use the `renderEmptyState` prop to customize what the ListBox will display if there are no items.
 
 <ComponentPreview
-  name="core/list-box-empty-state"
+  name="core/list-box/list-box-empty-state"
   preview={`<ListBox renderEmptyState={() => "No results found."} />`}
 />
 
@@ -149,7 +149,7 @@ Use the `renderEmptyState` prop to customize what the ListBox will display if th
 Use the `variant` prop to set the visual style of the item.
 
 <ComponentPreview
-  name="core/list-box-item-variant"
+  name="core/list-box/list-box-item-variant"
   preview={`<ListBox>
     <Item>View logs</Item>
     <Item>Manage domains</Item>
@@ -163,7 +163,7 @@ Use the `variant` prop to set the visual style of the item.
 By default, items in a ListBox are labeled by their text contents for accessibility. Items also support the `"label"` and `"description"` props to separate primary and secondary content.
 
 <ComponentPreview
-  name="core/list-box-label-and-description"
+  name="core/list-box/list-box-label-and-description"
   preview={`<ListBox>
     <Item textValue="Read" label="Read" description="Read Only" />
     <Item textValue="Write" label="Write" description="Read and Write Only" />
@@ -176,7 +176,7 @@ By default, items in a ListBox are labeled by their text contents for accessibil
 To add additional context for the item, such as icons, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/list-box-prefix-and-suffix"
+  name="core/list-box/list-box-prefix-and-suffix"
   preview={`<ListBox>
     <Item label="New file" description="Create a new file" prefix={<PlusSquareIcon />} />
     <Item label="Copy link" description="Copy the file link" prefix={<CopyIcon />} />
@@ -189,7 +189,7 @@ To add additional context for the item, such as icons, use the `prefix` and `suf
 Items may be links to another page or website. This can be achieved by passing the `href` prop to the `Item` component.
 
 <ComponentPreview
-  name="core/list-box-links"
+  name="core/list-box/list-box-links"
   preview={`<ListBox>
     <Item href="https://github.com/mehdibha">GitHub</Item>
     <Item href="https://linkedin.com/in/mehdibha">LinkedIn</Item>
@@ -202,7 +202,7 @@ Items may be links to another page or website. This can be achieved by passing t
 An `Item` can be disabled with the `isDisabled` prop.
 
 <ComponentPreview
-  name="core/list-box-disabled-items"
+  name="core/list-box/list-box-disabled-items"
   preview={`<ListBox>
     <Item>Next.js</Item>
     <Item>Remix</Item>
@@ -217,7 +217,7 @@ An `Item` can be disabled with the `isDisabled` prop.
 Sections without a `title` must provide an `aria-label` for accessibility.
 
 <ComponentPreview
-  name="core/list-box-sections"
+  name="core/list-box/list-box-sections"
   preview={`<ListBox selectionMode="multiple">
     <Section title="Sauces">
       <Item id="signature-sauce">Signature sauce</Item>
@@ -243,7 +243,7 @@ Sections without a `title` must provide an `aria-label` for accessibility.
 Separators may be added between items or sections in order to create non-labeled groupings.
 
 <ComponentPreview
-  name="core/list-box-separator"
+  name="core/list-box/list-box-separator"
   preview={`<ListBox>
     <Item>New...</Item>
     <Item>Badges</Item>
@@ -262,7 +262,7 @@ Separators may be added between items or sections in order to create non-labeled
 Use `defaultSelectedKey` to set a default selected item.
 
 <ComponentPreview
-  name="core/list-box-uncontrolled"
+  name="core/list-box/list-box-uncontrolled"
   preview={`<ListBox
     selectionMode="multiple"
     defaultSelectedKeys={["nextjs", "remix", "astro"]}
@@ -279,7 +279,7 @@ Use `defaultSelectedKey` to set a default selected item.
 Use `selectedKey` and `onChange` props to control the selected item.
 
 <ComponentPreview
-  name="core/list-box-controlled"
+  name="core/list-box/list-box-controlled"
   preview={`const [selected, setSelected] = React.useState<Selection>(new Set(["nextjs", "remix", "astro"]));
   return (
     <ListBox
@@ -300,7 +300,7 @@ Use `selectedKey` and `onChange` props to control the selected item.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/list-box-composition"
+  name="core/list-box/list-box-composition"
   preview={`<ListBox selectionMode="multiple">
     <Item>
       <Text slot="label">Next.js</Text>
@@ -326,7 +326,7 @@ This example uses the `useAsyncList` hook to handle asynchronous loading of data
 {/* prettier-ignore-start */}
 
 <ComponentPreview 
-  name="core/list-box-async-loading"
+  name="core/list-box/list-box-async-loading"
   preview={`const list = useAsyncList<Character>({
     async load({ signal }) {
       const res = await fetch(\`https://pokeapi.co/api/v2/pokemon\`, { signal })
diff --git a/www/content/docs/components/menus-and-selection/menu.mdx b/www/content/docs/components/menus-and-selection/menu.mdx
index 2002fe959..1a896af6e 100644
--- a/www/content/docs/components/menus-and-selection/menu.mdx
+++ b/www/content/docs/components/menus-and-selection/menu.mdx
@@ -16,7 +16,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/menu-basic"
+  name="core/menu/menu-basic"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -48,7 +48,7 @@ npx dotui-cli@latest add menu
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/menu" />
+      <ComponentSource name="core/menu/menu" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -66,7 +66,7 @@ Use `Menu` to display a list of actions or options that a user can choose.
 Use the `type` prop to set the overlay type. The default is `"popover"`. You can also set the mobile type using the `mobileType` prop (`"drawer"` by default).
 
 <ComponentPreview
-  name="core/menu-overlay-type"
+  name="core/menu/menu-overlay-type"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu type={type} mobileType={mobileType}>
@@ -83,7 +83,7 @@ Use the `type` prop to set the overlay type. The default is `"popover"`. You can
 Use the `placement` prop to set the position of the menu relative to the trigger button.
 
 <ComponentPreview
-  name="core/menu-placement"
+  name="core/menu/menu-placement"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu placement={placement}>
@@ -101,7 +101,7 @@ Use the `placement` prop to set the position of the menu relative to the trigger
 Set the `selectionMode` prop to `single` for single selection.
 
 <ComponentPreview
-  name="core/menu-single-selection"
+  name="core/menu/menu-single-selection"
   preview={`const [selected, setSelected] = React.useState<Selection>(new Set(["center"]));
   return (
     <MenuRoot>
@@ -120,7 +120,7 @@ Set the `selectionMode` prop to `single` for single selection.
 Set the `selectionMode` prop to `multiple` for multiple selection.
 
 <ComponentPreview
-  name="core/menu-multiple-selection"
+  name="core/menu/menu-multiple-selection"
   preview={`<MenuRoot>
     <Button>Panels</Button>
     <Menu selectionMode="multiple" defaultSelectedKeys={["sidebar", "searchbar", "console"]}>
@@ -139,7 +139,7 @@ Set the `selectionMode` prop to `multiple` for multiple selection.
 Use the `variant` prop to set the visual style of the menu item.
 
 <ComponentPreview
-  name="core/menu-item-variant"
+  name="core/menu/menu-item-variant"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -156,7 +156,7 @@ Use the `variant` prop to set the visual style of the menu item.
 MenuItems also support the `"label"` and `"description"` slots to separate primary and secondary content. You can also use the `Text` component to do the same behaviour.
 
 <ComponentPreview
-  name="core/menu-label-and-description"
+  name="core/menu/menu-label-and-description"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -172,7 +172,7 @@ MenuItems also support the `"label"` and `"description"` slots to separate prima
 To add additional context for the menu item, such as icons, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/menu-prefix-and-suffix"
+  name="core/menu/menu-prefix-and-suffix"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -188,7 +188,7 @@ To add additional context for the menu item, such as icons, use the `prefix` and
 Use the `shortcut` prop to add a keyboard shortcut to a menu item, or use the `Keyboard` component.
 
 <ComponentPreview
-  name="core/menu-shortcut"
+  name="core/menu/menu-shortcut"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -204,7 +204,7 @@ Use the `shortcut` prop to add a keyboard shortcut to a menu item, or use the `K
 Alternatively, items may be links to another page or website. This can be achieved by passing the href prop to the `<MenuItem>` component. Link items in a menu are not selectable.
 
 <ComponentPreview
-  name="core/menu-link-items"
+  name="core/menu/menu-link-items"
   preview={`<MenuRoot>
     <Button>Social</Button>
     <Menu>
@@ -226,7 +226,7 @@ Alternatively, items may be links to another page or website. This can be achiev
 A MenuItem can be disabled with the `isDisabled` prop.
 
 <ComponentPreview
-  name="core/menu-disabled-items"
+  name="core/menu/menu-disabled-items"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -246,7 +246,7 @@ A MenuItem can be disabled with the `isDisabled` prop.
 By default, Menu opens by pressing the trigger element or activating it via the Space or Enter keys. This behavior can be changed by providing `"longPress"` to the `trigger` prop.
 
 <ComponentPreview
-  name="core/menu-long-press"
+  name="core/menu/menu-long-press"
   preview={`<MenuRoot trigger="longPress">
     <Button><MenuIcon /></Button>
     <Menu>
@@ -263,7 +263,7 @@ Menu supports sections with headings in order to group items. Sections can be us
 A `Header` element may also be included to label the section or using the `title` prop on the `Section` component.
 
 <ComponentPreview
-  name="core/menu-section"
+  name="core/menu/menu-section"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -285,7 +285,7 @@ A `Header` element may also be included to label the section or using the `title
 Separators may be added between menu items or sections in order to create non-labeled groupings.
 
 <ComponentPreview
-  name="core/menu-separator"
+  name="core/menu/menu-separator"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -307,7 +307,7 @@ Separators may be added between menu items or sections in order to create non-la
 Submenus can be created by wrapping a `MenuItem` and a `Menu` in a `MenuSub`.
 
 <ComponentPreview
-  name="core/menu-submenus"
+  name="core/menu/menu-submenus"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -335,7 +335,7 @@ Submenus can be created by wrapping a `MenuItem` and a `Menu` in a `MenuSub`.
 The open state can be controlled via `isOpen` and `onOpenChange` props.
 
 <ComponentPreview
-  name="core/menu-controlled"
+  name="core/menu/menu-controlled"
   preview={`const [isOpen, setOpen] = React.useState(false);
   return (
     <MenuRoot isOpen={isOpen} onOpenChange={setOpen}>
@@ -354,7 +354,7 @@ The open state can be controlled via `isOpen` and `onOpenChange` props.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/menu-composition"
+  name="core/menu/menu-composition"
   preview={`<MenuRoot>
     <Button>
       <MenuIcon />
diff --git a/www/content/docs/components/menus-and-selection/select.mdx b/www/content/docs/components/menus-and-selection/select.mdx
index bb6223a39..cd5cb1d2f 100644
--- a/www/content/docs/components/menus-and-selection/select.mdx
+++ b/www/content/docs/components/menus-and-selection/select.mdx
@@ -16,7 +16,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/select-basic"
+  name="core/select/select-basic"
   preview={`<Select>
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -45,7 +45,7 @@ npx dotui-cli@latest add select
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/select" />
+      <ComponentSource name="core/select/select" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -65,7 +65,7 @@ Use `Select` to allow users to choose a single option from a collapsible list of
 Use the `placeholder` prop to provide a temporary text that occupies the text input when it is empty.
 
 <ComponentPreview
-  name="core/select-placeholder"
+  name="core/select/select-placeholder"
   preview={`<Select placeholder="Select a provider">
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -79,7 +79,7 @@ Use the `placeholder` prop to provide a temporary text that occupies the text in
 A visual label can be provided for the `Select` using the `label` prop, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/select-label"
+  name="core/select/select-label"
   preview={`<Select label="Provider">
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -93,7 +93,7 @@ A visual label can be provided for the `Select` using the `label` prop, or a hid
 A description can be supplied to a Select via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/select-description"
+  name="core/select/select-description"
   preview={`<Select label="Provider" description="Please select a provider.">
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -107,7 +107,7 @@ A description can be supplied to a Select via the `description` prop. The descri
 A `ContextualHelp` element may be placed next to the label to provide additional information or help about a `Select`.
 
 <ComponentPreview
-  name="core/select-contextual-help"
+  name="core/select/select-contextual-help"
   preview={`<Select
     label="Provider"
     contextualHelp={<ContextualHelp />}
@@ -124,7 +124,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 An `errorMessage` can be supplied to `Select`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/select-validation"
+  name="core/select/select-validation"
   preview={`<Select label="Provider" isInvalid errorMessage="Please select an item in the list.">
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -139,7 +139,7 @@ Select supports sections in order to group options. Sections can be used by wrap
 Sections without a `title` must provide an `aria-label` for accessibility.
 
 <ComponentPreview
-  name="core/select-sections"
+  name="core/select/select-sections"
   preview={`<Select label="Model">
     <Section title="OpenAI">
       <Item>GPT-4o</Item>
@@ -170,7 +170,7 @@ Sections without a `title` must provide an `aria-label` for accessibility.
 Items may be links to another page or website. This can be achieved by passing the `href` prop to the `Item` component.
 
 <ComponentPreview
-  name="core/select-links"
+  name="core/select/select-links"
   preview={`<Select label="Project">
     <Item href="/create-project">Create new...</Item>
     <Item>DotUI</Item>
@@ -184,7 +184,7 @@ Items may be links to another page or website. This can be achieved by passing t
 The `isDisabled` prop can be used to disable the Select.
 
 <ComponentPreview
-  name="core/select-disabled"
+  name="core/select/select-disabled"
   preview={`<Select isDisabled>
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -198,7 +198,7 @@ The `isDisabled` prop can be used to disable the Select.
 Use the `isLoading` prop to indicate that the list is loading.
 
 <ComponentPreview
-  name="core/select-loading"
+  name="core/select/select-loading"
   preview={`<Select isLoading>
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -213,7 +213,7 @@ Use the `isRequired` prop to mark the TextField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/select-required"
+  name="core/select/select-required"
   preview={`<Select label="Provider" isRequired necessityIndicator="icon">
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -227,7 +227,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use `defaultSelectedKey` to provide a default set of selected item.
 
 <ComponentPreview
-  name="core/select-uncontrolled"
+  name="core/select/select-uncontrolled"
   preview={`<Select defaultSelectedKey="eleven-labs">
     <Item id="perplexity">Perplexity</Item>
     <Item id="replicate">Replicate</Item>
@@ -241,7 +241,7 @@ Use `defaultSelectedKey` to provide a default set of selected item.
 Use `selectedKey` to control the selected item.
 
 <ComponentPreview
-  name="core/select-controlled"
+  name="core/select/select-controlled"
   preview={`const [provider, setProvider] = React.useState<Key>("eleven-labs");
   return (
     <Select selectedKey={provider} onSelectionChange={setProvider}>
@@ -258,7 +258,7 @@ Use `selectedKey` to control the selected item.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/select-composition"
+  name="core/select/select-composition"
   preview={`<SelectRoot>
     <Button variant="outline" suffix={<ChevronsUpDownIcon className="text-fg-muted" />}>
       <SelectValue />
@@ -281,7 +281,7 @@ If you need to customize things further, you can drop down to the composition le
 {/* prettier-ignore-start */}
 
 <ComponentPreview 
-  name="core/select-async-loading" 
+  name="core/select/select-async-loading" 
   preview={`const list = useAsyncList<Character>({
     async load({ signal }) {
       const res = await fetch(\`https://pokeapi.co/api/v2/pokemon\`, { signal });
diff --git a/www/content/docs/components/navigation/breadcrumbs.mdx b/www/content/docs/components/navigation/breadcrumbs.mdx
index 5474962e0..efc26b124 100644
--- a/www/content/docs/components/navigation/breadcrumbs.mdx
+++ b/www/content/docs/components/navigation/breadcrumbs.mdx
@@ -1,9 +1,6 @@
 ---
 title: Breadcrumbs
 description: Breadcrumbs display a hierarchy of links to the current page or resource in an application.
-thumbnail:
-  image: /previews/components/core/breadcrumbs.jpeg
-  video: /previews/components/core/breadcrumbs.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Breadcrumbs.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/breadcrumbs-basic"
+  name="core/breadcrumbs/breadcrumbs-basic"
   preview={`<Breadcrumbs>
     <Breadcrumb href="#">Home</Breadcrumb>
     <Breadcrumb href="#">Components</Breadcrumb>
@@ -44,7 +41,7 @@ npx dotui-cli@latest add breadcrumbs
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/breadcrumbs" />
+      <ComponentSource name="core/breadcrumbs/breadcrumbs" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -62,7 +59,7 @@ Use `Breadcrumbs` to display a hierarchy of links to the current page or resourc
 Use the `isDisabled` prop to disable the breadcrumbs.
 
 <ComponentPreview
-  name="core/breadcrumbs-disabled"
+  name="core/breadcrumbs/breadcrumbs-disabled"
   preview={`<Breadcrumbs isDisabled>
     <Breadcrumb href="#">Home</Breadcrumb>
     <Breadcrumb href="#">Components</Breadcrumb>
@@ -75,7 +72,7 @@ Use the `isDisabled` prop to disable the breadcrumbs.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/breadcrumbs-composition"
+  name="core/breadcrumbs/breadcrumbs-composition"
   preview={`<Breadcrumbs>
     <BreadcrumbItem>
       <BreadcrumbLink href="#">Home</BreadcrumbLink>
@@ -97,7 +94,7 @@ If you need to customize things further, you can drop down to the composition le
 ### Icon
 
 <ComponentPreview
-  name="core/breadcrumbs-icon"
+  name="core/breadcrumbs/breadcrumbs-icon"
   preview={`<Breadcrumbs>
     <Breadcrumb href="#">
       <HomeIcon />
@@ -111,7 +108,7 @@ If you need to customize things further, you can drop down to the composition le
 ### Router integration
 
 <ComponentPreview
-  name="core/breadcrumbs-router-integration"
+  name="core/breadcrumbs/breadcrumbs-router-integration"
   preview={`const pathname = usePathname();
   const pathnames = pathname.split("/").filter((x) => x);
   return (
diff --git a/www/content/docs/components/navigation/link.mdx b/www/content/docs/components/navigation/link.mdx
index 7751f16b0..33c775079 100644
--- a/www/content/docs/components/navigation/link.mdx
+++ b/www/content/docs/components/navigation/link.mdx
@@ -1,9 +1,6 @@
 ---
 title: Link
 description: Link allows a user to navigate to another page or resource within a web page or application.
-thumbnail:
-  image: /previews/components/core/link.jpeg
-  video: /previews/components/core/link.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Link.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/link-default"
+  name="core/link/link-default"
   preview={`<Link href="https://x.com/mehdibha_" target="_blank">
     @mehdibha_
   </Link>`}
@@ -42,7 +39,7 @@ npx dotui-cli@latest add link
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/link" />
+      <ComponentSource name="core/link/link" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -56,7 +53,7 @@ npx dotui-cli@latest add link
 Use the `variant` prop to control the appearance of the link.
 
 <ComponentPreview
-  name="core/link-variants"
+  name="core/link/link-variants"
   preview={`<Link variant="accent" href="https://x.com/mehdibha_" target="_blank">
     @mehdibha_
   </Link>
@@ -70,7 +67,7 @@ Use the `variant` prop to control the appearance of the link.
 Use the `isDisabled` prop to disable the link.
 
 <ComponentPreview
-  name="core/link-disabled"
+  name="core/link/link-disabled"
   preview={`<Link href="https://x.com/mehdibha_" isDisabled>
     @mehdibha_
   </Link>`}
@@ -81,7 +78,7 @@ Use the `isDisabled` prop to disable the link.
 ### With icon
 
 <ComponentPreview
-  name="core/link-icon"
+  name="core/link/link-icon"
   preview={`<Link href="/docs" target="_blank">
     Docs{" "}
     <span>
diff --git a/www/content/docs/components/navigation/tabs.mdx b/www/content/docs/components/navigation/tabs.mdx
index bd95d1517..793b90a96 100644
--- a/www/content/docs/components/navigation/tabs.mdx
+++ b/www/content/docs/components/navigation/tabs.mdx
@@ -1,9 +1,6 @@
 ---
 title: Tabs
 description: Tabs organize content into multiple sections and allow users to navigate between them
-thumbnail:
-  image: /previews/components/core/tabs.jpeg
-  video: /previews/components/core/tabs.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Tabs.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/tabs-basic"
+  name="core/tabs/tabs-basic"
   preview={`<Tabs>
     <TabList>
       <Tab id="overview">Overview</Tab>
@@ -49,7 +46,7 @@ npx dotui-cli@latest add tabs
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/tabs" />
+      <ComponentSource name="core/tabs/tabs" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -69,7 +66,7 @@ Use `Tabs` to organize content into multiple sections and allow users to navigat
 Use the `orientation` prop to set the orientation of the tabs.
 
 <ComponentPreview
-  name="core/tabs-vertical"
+  name="core/tabs/tabs-vertical"
   preview={`<Tabs orientation="vertical">
     <TabList>
       <Tab id="overview">Overview</Tab>
@@ -87,7 +84,7 @@ Use the `orientation` prop to set the orientation of the tabs.
 Use the `isDisabled` prop to disable the tabs.
 
 <ComponentPreview
-  name="core/tabs-disabled"
+  name="core/tabs/tabs-disabled"
   preview={`<Tabs isDisabled>
     <TabList>
       <Tab id="overview">Overview</Tab>
@@ -103,7 +100,7 @@ Use the `isDisabled` prop to disable the tabs.
 An individual Tab can also be disabled with the `isDisabled` prop.
 
 <ComponentPreview
-  name="core/tabs-disabled-item"
+  name="core/tabs/tabs-disabled-item"
   preview={`<Tabs>
     <TabList>
       <Tab id="overview">Overview</Tab>
@@ -123,7 +120,7 @@ An individual Tab can also be disabled with the `isDisabled` prop.
 Prevent keyboard activation of tabs by setting `keyboardActivation` prop to `'manual'`.
 
 <ComponentPreview
-  name="core/tabs-keyboard-activation"
+  name="core/tabs/tabs-keyboard-activation"
   preview={`<Tabs keyboardActivation="manual">
     <TabList>
       <Tab id="overview">Overview</Tab>
@@ -141,7 +138,7 @@ Prevent keyboard activation of tabs by setting `keyboardActivation` prop to `'ma
 Use the `selectedKey` and `onSelectionChange` props to control the selected tab.
 
 <ComponentPreview
-  name="core/tabs-controlled"
+  name="core/tabs/tabs-controlled"
   preview={`const [selectedTab, setSelectedTab] = React.useState<Key>("overview");
   return (
     <Tabs selectedKey={selectedTab} onSelectionChange={setSelectedTab}>
diff --git a/www/content/docs/components/overlay/dialog.mdx b/www/content/docs/components/overlay/dialog.mdx
index 2226c40a2..74fab2703 100644
--- a/www/content/docs/components/overlay/dialog.mdx
+++ b/www/content/docs/components/overlay/dialog.mdx
@@ -1,9 +1,6 @@
 ---
 title: Dialog
 description: A dialog is an overlay shown above other content in an application.
-thumbnail:
-  image: /previews/components/core/dialog.jpeg
-  video: /previews/components/core/dialog.mp4
 links:
   - label: Aria dialog docs
     href: https://react-spectrum.adobe.com/react-aria/Dialog.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/dialog-basic"
+  name="core/dialog/dialog-basic"
   preview={`<DialogRoot>
     <Button variant="outline">Edit Profile</Button>
     <Dialog title="Edit profile" description="Make changes to your profile.">
@@ -60,7 +57,7 @@ npx dotui-cli@latest add dialog
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/dialog" />
+      <ComponentSource name="core/dialog/dialog" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -79,7 +76,7 @@ Dialog is labeled with a title to provide context to the user. Use the `title` p
 If a dialog does not have a visible heading element, an `aria-label` or `aria-labelledby` prop must be passed instead to identify the element to assistive technology.
 
 <ComponentPreview
-  name="core/dialog-title"
+  name="core/dialog/dialog-title"
   preview={`<DialogRoot>
     <Button variant="outline">Edit username</Button>
     <Dialog title="Edit username">
@@ -93,7 +90,7 @@ If a dialog does not have a visible heading element, an `aria-label` or `aria-la
 A description can be supplied to the dialog via the `description` prop.
 
 <ComponentPreview
-  name="core/dialog-description"
+  name="core/dialog/dialog-description"
   preview={`<DialogRoot>
     <Button variant="outline">Edit username</Button>
     <Dialog title="Edit username" description="Make changes to your username.">
@@ -108,7 +105,7 @@ Dialogs can be rendered as modals, popovers, or drawers using the `type` prop.
 By default, dialogs are displayed as drawers on mobile. You can override this behavior by setting the `mobileType` prop.
 
 <ComponentPreview
-  name="core/dialog-types"
+  name="core/dialog/dialog-types"
   preview={`<DialogRoot>
     <Button variant="outline">Edit username</Button>
     <Dialog title="Edit username">
@@ -137,7 +134,7 @@ By default, dialogs are displayed as drawers on mobile. You can override this be
 By default, dialogs are dismissable allowing users to click outside to close the dialog. You can disable this behavior by setting the `isDismissable` prop.
 
 <ComponentPreview
-  name="core/dialog-dismissable"
+  name="core/dialog/dialog-dismissable"
   preview={`<DialogRoot>
     <Button variant="outline">Edit Profile</Button>
     <Dialog
@@ -170,7 +167,7 @@ By default, dialogs are dismissable allowing users to click outside to close the
 By default, dialogs have a dismiss button when they're dismissable. You can disable this behavior by setting `showDismissButton` prop.
 
 <ComponentPreview
-  name="core/dialog-dismiss-button"
+  name="core/dialog/dialog-dismiss-button"
   preview={`<DialogRoot>
     <Button variant="outline">Edit Profile</Button>
     <Dialog
@@ -203,7 +200,7 @@ By default, dialogs have a dismiss button when they're dismissable. You can disa
 Use the `<DialogInset>` component to add inset content to the dialog.
 
 <ComponentPreview
-  name="core/dialog-inset-content"
+  name="core/dialog/dialog-inset-content"
   preview={`<DialogRoot>
     <Button variant="outline">Edit Profile</Button>
     <Dialog title="Edit profile" description="Make changes to your profile.">
@@ -232,44 +229,44 @@ Use the `<DialogInset>` component to add inset content to the dialog.
 
 Use the `type="popover"` prop on the `<Dialog>` element to make a popover dialog.
 
-<ComponentPreview name="core/dialog-popover" preview={``} />
+<ComponentPreview name="core/dialog/dialog-popover" preview={``} />
 
 ## Drawer
 
 Use the `type="drawer"` prop on the `<Dialog>` element to make a drawer dialog.
 
-<ComponentPreview name="core/dialog-drawer" preview={``} />
+<ComponentPreview name="core/dialog/dialog-drawer" preview={``} />
 
 ## Alert Dialog
 
 Use the `role="alertdialog"` prop on the `<Dialog>` element to make an alert dialog.
 If the `isDismissable` prop is not explicitly set, the dialog will be not dismissable.
 
-<ComponentPreview name="core/dialog-alert-dialog" preview={``} />
+<ComponentPreview name="core/dialog/dialog-alert-dialog" preview={``} />
 
 ## Controlled
 
 Use the `isOpen` and `onOpenChange` props to control the dialog's open state.
 
-<ComponentPreview name="core/dialog-controlled" preview={``} />
+<ComponentPreview name="core/dialog/dialog-controlled" preview={``} />
 
 ## Composition
 
 If you need to customize things further, you can drop down to the composition level.
 
-<ComponentPreview name="core/dialog-composition" preview={``} />
+<ComponentPreview name="core/dialog/dialog-composition" preview={``} />
 
 ## Examples
 
 ### Async form submission
 
-<ComponentPreview name="core/dialog-async-form-submission" preview={``} />
+<ComponentPreview name="core/dialog/dialog-async-form-submission" preview={``} />
 
 ### Nested dialog
 
 Dialogs support nesting, allowing you to open a dialog from within another dialog.
 
-<ComponentPreview name="core/dialog-nested" preview={``} />
+<ComponentPreview name="core/dialog/dialog-nested" preview={``} />
 
 ## API Reference
 
diff --git a/www/content/docs/components/overlay/tooltip.mdx b/www/content/docs/components/overlay/tooltip.mdx
index 6be4f5448..aa828d2b4 100644
--- a/www/content/docs/components/overlay/tooltip.mdx
+++ b/www/content/docs/components/overlay/tooltip.mdx
@@ -1,9 +1,6 @@
 ---
 title: Tooltip
 description: Tooltip displays a description of an element on hover or focus.
-thumbnail:
-  image: /previews/components/core/tooltip.jpeg
-  video: /previews/components/core/tooltip.mp4
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Tooltip.html
@@ -16,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/tooltip-default"
+  name="core/tooltip/tooltip-default"
   preview={`<Tooltip content="Add to library">
     <Button><PlusIcon /></Button>
   </Tooltip>`}
@@ -42,7 +39,7 @@ npx dotui-cli@latest add tooltip
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/tooltip" />
+      <ComponentSource name="core/tooltip/tooltip" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -65,7 +62,7 @@ Use `Tooltip` to display a description of an element on hover or focus.
 ### Arrow
 
 <ComponentPreview
-  name="core/tooltip-arrow"
+  name="core/tooltip/tooltip-arrow"
   preview={`<Tooltip content="Add to library" arrow>
     <Button><PlusIcon /></Button>
   </Tooltip>`}
@@ -76,7 +73,7 @@ Use `Tooltip` to display a description of an element on hover or focus.
 The Tooltip's placement with respect to its trigger element can be adjusted using the `placement` prop. See the props table for a full list of available placement combinations.
 
 <ComponentPreview
-  name="core/tooltip-placement"
+  name="core/tooltip/tooltip-placement"
   preview={`<Tooltip placement="top" content="Add to library"><Button /></Tooltip>
 <Tooltip placement="bottom" content="Add to library"><Button /></Tooltip>
 <Tooltip placement="left" content="Add to library"><Button /></Tooltip>
@@ -88,7 +85,7 @@ The Tooltip's placement with respect to its trigger element can be adjusted usin
 This option determines whether or not a tooltip should be able to switch sides when constrained by space.
 
 <ComponentPreview
-  name="core/tooltip-flip"
+  name="core/tooltip/tooltip-flip"
   preview={`<Tooltip shouldFlip={shouldFlip} content="Add to library">
     <Button><PlusIcon /></Button>
   </Tooltip>`}
@@ -99,7 +96,7 @@ This option determines whether or not a tooltip should be able to switch sides w
 The offset is the distance between the end of the tip and the target.
 
 <ComponentPreview
-  name="core/tooltip-offset"
+  name="core/tooltip/tooltip-offset"
   preview={`<Tooltip offset={offset} content="Add to library">
     <Button><PlusIcon /></Button>
   </Tooltip>`}
@@ -110,7 +107,7 @@ The offset is the distance between the end of the tip and the target.
 To make sure that the tooltip will stay within certain boundaries (e.g., a browser window) it's possible to define a container and a container padding value to respect. The default value for this is 12 px.
 
 <ComponentPreview
-  name="core/tooltip-container-padding"
+  name="core/tooltip/tooltip-container-padding"
   preview={`<Tooltip containerPadding={containerPadding} content="Add to library">
     <Button><PlusIcon /></Button>
   </Tooltip>`}
@@ -121,7 +118,7 @@ To make sure that the tooltip will stay within certain boundaries (e.g., a brows
 The delay duration (the time from when the mouse enters a tooltip trigger until the tooltip opens) and the close delay can be customised.
 
 <ComponentPreview
-  name="core/tooltip-delay"
+  name="core/tooltip/tooltip-delay"
   preview={`<Tooltip delay={delay} closeDelay={closeDelay} content="Add to library">
     <Button><PlusIcon /></Button>
   </Tooltip>`}
@@ -132,7 +129,7 @@ The delay duration (the time from when the mouse enters a tooltip trigger until
 For more flexibility, you can use the composition pattern to create a custom tooltip.
 
 <ComponentPreview
-  name="core/tooltip-composition"
+  name="core/tooltip/tooltip-composition"
   preview={`<TooltipRoot>
     <Button>Hover</Button>
     <TooltipContent>

From eca6ffb9734ae4beafe332816d27e04543d8d0db Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 11 Jan 2025 20:21:27 +0100
Subject: [PATCH 036/165] feat: style switcher

---
 .../core/alert-01.tsx}                        |   2 +-
 www/src/__registry__/core/alert.tsx           | 114 --------
 www/src/__registry__/core/button-04.tsx       |   2 +-
 www/src/__registry__/core/color-slider.tsx    |   2 +-
 www/src/__registry__/core/radio-group.tsx     |   2 +-
 www/src/__registry__/core/slider.tsx          |  15 +-
 www/src/__registry__/core/table.tsx           | 276 ++++++++++++++++++
 .../(app)/themes/components/theme-select.tsx  |  19 +-
 www/src/components/component-preview.tsx      |  47 +--
 www/src/components/core/alert.tsx             |   2 +-
 www/src/components/dynamic-core/alert.tsx     |  54 +++-
 www/src/components/sidebar.tsx                |   2 +-
 www/src/components/style-switcher.tsx         |  69 +++++
 www/src/demos/alert/action.tsx                |   5 +-
 www/src/demos/alert/content.tsx               |   7 +-
 www/src/demos/alert/custom-icon.tsx           |   2 +-
 www/src/demos/alert/title.tsx                 |   4 +-
 www/src/lib/create-dynamic-component.tsx      |   5 +-
 www/src/lib/themes.ts                         |   4 +
 www/src/registry/core/alert-01.tsx            |  11 +-
 www/src/registry/core/alert-02.tsx            |  98 +++++++
 www/src/registry/core/button-04.tsx           |   2 +-
 www/src/registry/registry-core.ts             |   6 +
 23 files changed, 557 insertions(+), 193 deletions(-)
 rename www/src/{registry/core/alert.tsx => __registry__/core/alert-01.tsx} (99%)
 delete mode 100644 www/src/__registry__/core/alert.tsx
 create mode 100644 www/src/__registry__/core/table.tsx
 create mode 100644 www/src/components/style-switcher.tsx
 create mode 100644 www/src/registry/core/alert-02.tsx

diff --git a/www/src/registry/core/alert.tsx b/www/src/__registry__/core/alert-01.tsx
similarity index 99%
rename from www/src/registry/core/alert.tsx
rename to www/src/__registry__/core/alert-01.tsx
index 6f401b5c0..c359c1641 100644
--- a/www/src/registry/core/alert.tsx
+++ b/www/src/__registry__/core/alert-01.tsx
@@ -62,8 +62,8 @@ function Alert({
       <div className="flex-1 space-y-0.5">
         <AlertTitle>{title}</AlertTitle>
         {description && <AlertContent>{description}</AlertContent>}
-        {action}
       </div>
+      {action}
     </AlertRoot>
   );
 }
diff --git a/www/src/__registry__/core/alert.tsx b/www/src/__registry__/core/alert.tsx
deleted file mode 100644
index 3959fe5ad..000000000
--- a/www/src/__registry__/core/alert.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import * as React from "react";
-import {
-  AlertCircleIcon,
-  AlertTriangleIcon,
-  CheckCircle2Icon,
-  InfoIcon,
-} from "lucide-react";
-import { tv, type VariantProps } from "tailwind-variants";
-
-const alertStyles = tv({
-  slots: {
-    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
-    title: "mr-1 font-medium leading-normal tracking-tight",
-    content: "text-sm",
-  },
-  variants: {
-    variant: {
-      default: { root: "text-fg border" },
-      success: { root: "border-border-success text-fg-success border" },
-      warning: { root: "border-border-warning text-fg-warning border" },
-      danger: { root: "border-border-danger text-fg-danger border" },
-      info: { root: "border-border-accent text-fg-accent border" },
-    },
-    fill: {
-      true: "",
-    },
-  },
-  compoundVariants: [
-    { variant: "default", fill: true, className: { root: "bg-bg-muted" } },
-    {
-      variant: "success",
-      fill: true,
-      className: { root: "bg-bg-success-muted" },
-    },
-    {
-      variant: "warning",
-      fill: true,
-      className: { root: "bg-bg-warning-muted" },
-    },
-    {
-      variant: "danger",
-      fill: true,
-      className: { root: "bg-bg-danger-muted" },
-    },
-    { variant: "info", fill: true, className: { root: "bg-bg-accent-muted" } },
-  ],
-  defaultVariants: {
-    variant: "default",
-    fill: false,
-  },
-});
-
-const icons = {
-  default: <InfoIcon />,
-  danger: <AlertCircleIcon />,
-  success: <CheckCircle2Icon />,
-  warning: <AlertTriangleIcon />,
-  info: <InfoIcon />,
-};
-interface AlertProps extends AlertRootProps {
-  title?: React.ReactNode;
-  icon?: React.ReactNode | null;
-  action?: React.ReactNode;
-}
-const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
-  ({ variant = "default", title, children, icon, action, ...props }, ref) => {
-    return (
-      <AlertRoot variant={variant} {...props} ref={ref}>
-        {icon || icons[variant]}
-        <div className="flex-1 space-y-0.5">
-          {title && <AlertTitle>{title}</AlertTitle>}
-          {children && <AlertContent>{children}</AlertContent>}
-        </div>
-        {action && <div className="shrink-0">{action}</div>}
-      </AlertRoot>
-    );
-  }
-);
-Alert.displayName = "Alert";
-
-interface AlertRootProps
-  extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">,
-    VariantProps<typeof alertStyles> {}
-const AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(
-  ({ className, variant, fill, ...props }, ref) => {
-    const { root } = alertStyles({ variant, fill });
-    return (
-      <div role="alert" className={root({ className })} {...props} ref={ref} />
-    );
-  }
-);
-AlertRoot.displayName = "AlertRoot";
-
-interface AlertTitleProps
-  extends React.HTMLAttributes<HTMLHeadingElement>,
-    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS
-const AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(
-  ({ className, ...props }, ref) => {
-    const { title } = alertStyles();
-    return <h3 className={title({ className })} {...props} ref={ref} />;
-  }
-);
-AlertTitle.displayName = "AlertTitle";
-
-interface AlertContentProps
-  extends React.HTMLAttributes<HTMLElement>,
-    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS
-const AlertContent = ({ className, ...props }: AlertContentProps) => {
-  const { content } = alertStyles();
-  return <section className={content({ className })} {...props} />;
-};
-
-export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
-export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/button-04.tsx b/www/src/__registry__/core/button-04.tsx
index 8f0a85677..c55f444de 100644
--- a/www/src/__registry__/core/button-04.tsx
+++ b/www/src/__registry__/core/button-04.tsx
@@ -19,7 +19,7 @@ import { focusRing } from "@/registry/lib/focus-styles";
 const buttonStyles = tv(
   {
     extend: focusRing,
-    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
     variants: {
       variant: {
         default: "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
diff --git a/www/src/__registry__/core/color-slider.tsx b/www/src/__registry__/core/color-slider.tsx
index 294d1700c..2270a459e 100644
--- a/www/src/__registry__/core/color-slider.tsx
+++ b/www/src/__registry__/core/color-slider.tsx
@@ -19,7 +19,7 @@ const colorSliderStyles = tv({
     root: "group/color-slider orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
     output: "text-fg-muted text-sm",
     track: [
-      "orientation-horizontal:w-48 orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-48 disabled:bg-bg-disabled! rounded-md",
+      "orientation-horizontal:w-full orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-full disabled:bg-bg-disabled! rounded-md",
       "relative before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
     ],
   },
diff --git a/www/src/__registry__/core/radio-group.tsx b/www/src/__registry__/core/radio-group.tsx
index 31f3e97f1..34ece4a69 100644
--- a/www/src/__registry__/core/radio-group.tsx
+++ b/www/src/__registry__/core/radio-group.tsx
@@ -124,7 +124,7 @@ const Radio = React.forwardRef<React.ElementRef<typeof AriaRadio>, RadioProps>(
         {composeRenderProps(props.children, (children) => (
           <>
             <div className={indicator({ className: "" })} />
-            <div>{children}</div>
+            {children}
           </>
         ))}
       </AriaRadio>
diff --git a/www/src/__registry__/core/slider.tsx b/www/src/__registry__/core/slider.tsx
index 76ab370ee..62018d61d 100644
--- a/www/src/__registry__/core/slider.tsx
+++ b/www/src/__registry__/core/slider.tsx
@@ -34,7 +34,7 @@ const sliderStyles = tv({
     thumb: [
       focusRing(),
       "rounded-full bg-white shadow-md transition-[width,height]",
-      "-translate-x-1/2! -translate-y-1/2! absolute left-[50%] top-[50%] block",
+      "left-[50%] top-[50%]",
       "disabled:bg-bg-disabled disabled:border-bg disabled:border",
     ],
     valueLabel: "text-fg-muted text-sm",
@@ -122,13 +122,16 @@ SliderRoot.displayName = "SliderRoot";
 
 type SliderControlsProps = SliderTrackProps & VariantProps<typeof sliderStyles>;
 const SliderControls = (props: SliderControlsProps) => {
-  const { values } = React.useContext(AriaSliderStateContext);
   return (
     <SliderTrack {...props}>
-      <SliderFiller />
-      {values.map((_, i) => (
-        <SliderThumb key={i} index={i} size={props.size} />
-      ))}
+      {({ state }) => (
+        <>
+          <SliderFiller />
+          {state.values.map((_, i) => (
+            <SliderThumb key={i} index={i} size={props.size} />
+          ))}
+        </>
+      )}
     </SliderTrack>
   );
 };
diff --git a/www/src/__registry__/core/table.tsx b/www/src/__registry__/core/table.tsx
new file mode 100644
index 000000000..9a78e7991
--- /dev/null
+++ b/www/src/__registry__/core/table.tsx
@@ -0,0 +1,276 @@
+"use client";
+
+import React from "react";
+// import { IconChevronLgDown, IconHamburger } from "lucide-react";
+import { MenuIcon, ChevronDownIcon } from "lucide-react";
+import type {
+  CellProps,
+  ColumnProps,
+  ColumnResizerProps,
+  TableHeaderProps as HeaderProps,
+  RowProps,
+  TableBodyProps,
+  TableProps as TablePrimitiveProps,
+} from "react-aria-components";
+import {
+  Button,
+  Cell,
+  Collection,
+  Column,
+  ColumnResizer as ColumnResizerPrimitive,
+  ResizableTableContainer,
+  Row,
+  TableBody,
+  TableHeader,
+  Table as TablePrimitive,
+  composeRenderProps,
+  useTableOptions,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Checkbox } from "@/registry/core/checkbox";
+import { cn } from "@/registry/lib/cn";
+
+const table = tv({
+  slots: {
+    root: "outline-hidden **:drop-target:border **:drop-target:border-primary table w-full min-w-full caption-bottom border-spacing-0 rounded-md border text-sm",
+    header: "x32 border-b",
+    row: "tr bg-bg text-fg/70 outline-hidden ring-primary group relative cursor-default border-b focus:ring-0 focus-visible:ring-1",
+    cellIcon:
+      "bg-bg-muted text-fg grid size-[1.15rem] flex-none shrink-0 place-content-center rounded *:data-[slot=icon]:size-3.5 *:data-[slot=icon]:shrink-0 *:data-[slot=icon]:transition-transform *:data-[slot=icon]:duration-200",
+    columnResizer: [
+      "[&[data-resizing]>div]:bg-primary absolute bottom-0 right-0 top-0 grid w-px touch-none place-content-center px-1",
+      "&[data-resizable-direction=left]:cursor-e-resize &[data-resizable-direction=right]:cursor-w-resize data-[resizable-direction=both]:cursor-ew-resize",
+    ],
+  },
+});
+
+const { root, header, row, cellIcon, columnResizer } = table();
+
+interface TableProps extends TablePrimitiveProps {
+  className?: string;
+  allowResize?: boolean;
+}
+
+const TableContext = React.createContext<TableProps>({
+  allowResize: false,
+});
+
+const useTableContext = () => React.useContext(TableContext);
+
+const Table = ({ children, className, ...props }: TableProps) => (
+  <TableContext.Provider value={props}>
+    <div className="relative w-full overflow-auto">
+      {props.allowResize ? (
+        <ResizableTableContainer className="overflow-auto">
+          <TablePrimitive {...props} className={root({ className })}>
+            {children}
+          </TablePrimitive>
+        </ResizableTableContainer>
+      ) : (
+        <TablePrimitive {...props} className={root({ className })}>
+          {children}
+        </TablePrimitive>
+      )}
+    </div>
+  </TableContext.Provider>
+);
+
+const ColumnResizer = ({ className, ...props }: ColumnResizerProps) => (
+  <ColumnResizerPrimitive
+    {...props}
+    className={composeRenderProps(className, (className, renderProps) =>
+      columnResizer({
+        ...renderProps,
+        className,
+      })
+    )}
+  >
+    <div className="bg-border h-full w-px py-3" />
+  </ColumnResizerPrimitive>
+);
+
+const Body = <T extends object>(props: TableBodyProps<T>) => (
+  <TableBody
+    data-slot="table-body"
+    {...props}
+    className={cn("[&_.tr:last-child]:border-0")}
+  />
+);
+
+interface TableCellProps extends CellProps {
+  className?: string;
+}
+
+const cellStyles = tv({
+  base: "outline-hidden group whitespace-nowrap px-3 py-3",
+  variants: {
+    allowResize: {
+      true: "overflow-hidden truncate",
+    },
+  },
+});
+const TableCell = ({ children, className, ...props }: TableCellProps) => {
+  const { allowResize } = useTableContext();
+  return (
+    <Cell
+      data-slot="table-cell"
+      {...props}
+      className={cellStyles({ allowResize, className })}
+    >
+      {children}
+    </Cell>
+  );
+};
+
+const columnStyles = tv({
+  base: "allows-sorting:cursor-pointer outline-hidden data-dragging:cursor-grabbing relative whitespace-nowrap px-3 py-3 text-left font-medium [&:has([slot=selection])]:pr-0",
+  variants: {
+    isResizable: {
+      true: "overflow-hidden truncate",
+    },
+  },
+});
+
+interface TableColumnProps extends ColumnProps {
+  className?: string;
+  isResizable?: boolean;
+}
+
+const TableColumn = ({
+  isResizable = false,
+  className,
+  ...props
+}: TableColumnProps) => {
+  return (
+    <Column
+      data-slot="table-column"
+      {...props}
+      className={columnStyles({
+        isResizable,
+        className,
+      })}
+    >
+      {({ allowsSorting, sortDirection, isHovered }) => (
+        <div className="**:data-[slot=icon]:shrink-0 flex items-center gap-2">
+          <>
+            {props.children as React.ReactNode}
+            {allowsSorting && (
+              <span
+                className={cellIcon({
+                  className: isHovered ? "bg-secondary-fg/10" : "",
+                })}
+              >
+                <ChevronDownIcon
+                  className={sortDirection === "ascending" ? "rotate-180" : ""}
+                />
+              </span>
+            )}
+            {isResizable && <ColumnResizer />}
+          </>
+        </div>
+      )}
+    </Column>
+  );
+};
+
+interface TableHeaderProps<T extends object> extends HeaderProps<T> {
+  className?: string;
+  ref?: React.Ref<HTMLTableSectionElement>;
+}
+
+const Header = <T extends object>({
+  children,
+  ref,
+  className,
+  columns,
+  ...props
+}: TableHeaderProps<T>) => {
+  const { selectionBehavior, selectionMode, allowsDragging } =
+    useTableOptions();
+  return (
+    <TableHeader
+      data-slot="table-header"
+      ref={ref}
+      className={header({ className })}
+      {...props}
+    >
+      {allowsDragging && <Column className="w-0" />}
+      {selectionBehavior === "toggle" && (
+        <Column className="w-0 pl-4">
+          {selectionMode === "multiple" && <Checkbox slot="selection" />}
+        </Column>
+      )}
+      <Collection items={columns}>{children}</Collection>
+    </TableHeader>
+  );
+};
+
+interface TableRowProps<T extends object> extends RowProps<T> {
+  className?: string;
+  ref?: React.Ref<HTMLTableRowElement>;
+}
+
+const TableRow = <T extends object>({
+  children,
+  className,
+  columns,
+  id,
+  ref,
+  ...props
+}: TableRowProps<T>) => {
+  const { selectionBehavior, allowsDragging } = useTableOptions();
+  return (
+    <Row
+      ref={ref}
+      data-slot="table-row"
+      id={id}
+      {...props}
+      className={row({
+        className:
+          "href" in props
+            ? cn(
+                "data-hovered:bg-secondary/50 data-hovered:text-secondary-fg cursor-pointer",
+                className
+              )
+            : "",
+      })}
+    >
+      {allowsDragging && (
+        <Cell className="ring-primary data-dragging:cursor-grabbing group cursor-grab pr-0">
+          <Button
+            className="text-muted-fg data-pressed:text-fg relative bg-transparent py-1.5 pl-3.5"
+            slot="drag"
+          >
+            <MenuIcon />
+          </Button>
+        </Cell>
+      )}
+      {selectionBehavior === "toggle" && (
+        <Cell className="pl-4">
+          <span
+            aria-hidden
+            className="bg-primary group-data-selected:block absolute inset-y-0 left-0 hidden h-full w-0.5"
+          />
+          <Checkbox slot="selection" />
+        </Cell>
+      )}
+      <Collection items={columns}>{children}</Collection>
+    </Row>
+  );
+};
+
+export type {
+  TableProps,
+  TableBodyProps,
+  TableCellProps,
+  TableColumnProps,
+  TableRowProps,
+};
+export {
+  Table,
+  Body as TableBody,
+  Header as TableHeader,
+  TableCell,
+  TableColumn,
+  TableRow,
+};
diff --git a/www/src/app/(app)/themes/components/theme-select.tsx b/www/src/app/(app)/themes/components/theme-select.tsx
index 53bded0b3..474cf8886 100644
--- a/www/src/app/(app)/themes/components/theme-select.tsx
+++ b/www/src/app/(app)/themes/components/theme-select.tsx
@@ -128,7 +128,6 @@ export function ThemeSelect({ className }: { className?: string }) {
       </div>
       {!isLoading && showKeyboardHint && (
         <Alert
-          fill
           action={
             <Button
               variant="quiet"
@@ -139,24 +138,24 @@ export function ThemeSelect({ className }: { className?: string }) {
               <XIcon />
             </Button>
           }
+          description={
+            <>
+              Use <Kbd>Ctrl</Kbd> + <Kbd>→</Kbd> or <Kbd>←</Kbd> to navigate
+              between themes
+            </>
+          }
           className="[&_kbd]:text-xs"
-        >
-          Use <Kbd>Ctrl</Kbd> + <Kbd>→</Kbd> or <Kbd>←</Kbd> to navigate between
-          themes
-        </Alert>
+        />
       )}
       {!isLoading && !isCurrentThemeEditable && (
         <Alert
-          fill
           action={
             <CloneThemeDialog>
               <Button prefix={<GitBranchIcon />}>Clone theme</Button>
             </CloneThemeDialog>
           }
-        >
-          To adjust, preview and generate color palette, fonts, radius and more,
-          you need to clone the theme.
-        </Alert>
+          description="To adjust, preview and generate color palette, fonts, radius and more, you need to clone the theme."
+        />
       )}
     </div>
   );
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index 9dfcab6b1..decc4573a 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -2,17 +2,20 @@ import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
 import { ChevronDownIcon, PaintBucket } from "lucide-react";
 import { cn } from "@/lib/cn";
+import { useComponentsVariants } from "@/lib/create-dynamic-component";
 import { getFileSource } from "@/lib/get-file-source";
+import { useThemes } from "@/hooks/use-themes";
 import { CodeBlock } from "@/components/code-block";
 import { Button } from "@/components/core/button";
 import { ListBox, Item } from "@/components/core/list-box";
 import { Overlay } from "@/components/core/overlay";
-import { Select, SelectRoot, SelectValue } from "@/components/core/select";
+import { SelectRoot, SelectValue } from "@/components/core/select";
 import { Tooltip } from "@/components/core/tooltip";
 import { core } from "@/registry/registry-core";
 import { RegistryItem } from "@/registry/types";
 import { Index } from "@/__registry__/demos";
 import { ComponentPreviewClient } from "./component-preview-client";
+import { StyleSwitcher } from "./style-switcher";
 import { ThemeCustomizerDialog } from "./theme-customizer";
 import { ThemeOverride } from "./theme-override";
 
@@ -33,10 +36,9 @@ export const ComponentPreview = async ({
 }: ComponentPreviewProps) => {
   const type = name.split("/")[0];
   const componentName = name.split("/")[1];
-  const compName = "button";
-  const variants = getAllComponentVariants(compName);
+  const demoName = name.split("/")[2];
 
-  const demoItem = Index[type][componentName];
+  const demoItem = Index[type][demoName];
 
   const demos: {
     component: React.ComponentType;
@@ -63,26 +65,7 @@ export const ComponentPreview = async ({
     >
       <div className="relative">
         <ThemeOverride>
-          <SelectRoot defaultSelectedKey="alert-01">
-            <Button
-              variant="outline"
-              size="sm"
-              suffix={<ChevronDownIcon />}
-              className="border-border absolute left-2 top-2 z-50 text-xs font-normal"
-            >
-              <span className="font-bold">variant:</span> <SelectValue />
-            </Button>
-            <Overlay type="popover">
-              <ListBox>
-                {variants &&
-                  variants.map((item) => (
-                    <Item key={item.name} id={item.name} description={item.description}>
-                      {item.name} {false && "(current theme)"}
-                    </Item>
-                  ))}
-              </ListBox>
-            </Overlay>
-          </SelectRoot>
+          <StyleSwitcher componentName={componentName} />
           <ThemeCustomizerDialog>
             <Tooltip
               content={
@@ -142,19 +125,3 @@ export const ComponentPreview = async ({
     </div>
   );
 };
-
-const getAllComponentVariants = (name: string) => {
-  const item = core.find((item) => item.name === name);
-
-  if (hasVariants(item)) {
-    return item.variants;
-  } else {
-    return false;
-  }
-};
-
-function hasVariants(
-  item?: RegistryItem
-): item is Extract<RegistryItem, { variants: unknown }> {
-  return item !== undefined && "variants" in item;
-}
diff --git a/www/src/components/core/alert.tsx b/www/src/components/core/alert.tsx
index 4cbbcd351..73e506589 100644
--- a/www/src/components/core/alert.tsx
+++ b/www/src/components/core/alert.tsx
@@ -1 +1 @@
-export * from "@/registry/core/alert";
+export * from "@/registry/core/alert-01";
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index 4cbbcd351..80ff553f7 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -1 +1,53 @@
-export * from "@/registry/core/alert";
+"use client";
+
+import React from "react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type {
+  AlertProps,
+  AlertRootProps,
+  AlertTitleProps,
+  AlertContentProps,
+} from "@/registry/core/alert-01";
+
+export const Alert = createDynamicComponent<AlertProps>("alert", "Alert", {
+  "alert-01": React.lazy(() =>
+    import("@/__registry__/core/alert-01").then((mod) => ({
+      default: mod.Alert,
+    }))
+  ),
+});
+
+export const AlertRoot = createDynamicComponent<AlertRootProps>(
+  "alert",
+  "AlertRoot",
+  {
+    "alert-01": React.lazy(() =>
+      import("@/__registry__/core/alert-01").then((mod) => ({
+        default: mod.Alert,
+      }))
+    ),
+  }
+);
+
+export const AlertTitle = createDynamicComponent<AlertTitleProps>(
+  "alert",
+  "AlertTitle",
+  {
+    "alert-01": React.lazy(() =>
+      import("@/__registry__/core/alert-01").then((mod) => ({
+        default: mod.Alert,
+      }))
+    ),
+  }
+);
+export const AlertContent = createDynamicComponent<AlertContentProps>(
+  "alert",
+  "AlertContent",
+  {
+    "alert-01": React.lazy(() =>
+      import("@/__registry__/core/alert-01").then((mod) => ({
+        default: mod.Alert,
+      }))
+    ),
+  }
+);
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 0e3005125..5591f7f8b 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -258,7 +258,7 @@ const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
         }
         isDisabled={!isCollapsed}
       >
-        <SidebarButton variant="outline">
+        <SidebarButton variant="outline" className="bg-bg-inverse/5">
           <SearchIcon />
           <div className="flex flex-1 flex-row items-center justify-between">
             <span>Search </span>
diff --git a/www/src/components/style-switcher.tsx b/www/src/components/style-switcher.tsx
new file mode 100644
index 000000000..1c6ea5d22
--- /dev/null
+++ b/www/src/components/style-switcher.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import React from "react";
+import { ChevronDownIcon } from "lucide-react";
+import { useComponentsVariants } from "@/lib/create-dynamic-component";
+import { useThemes } from "@/hooks/use-themes";
+import { Button } from "@/components/core/button";
+import { ListBox, Item } from "@/components/core/list-box";
+import { Overlay } from "@/components/core/overlay";
+import { SelectRoot, SelectValue } from "@/components/core/select";
+import { core } from "@/registry/registry-core";
+import { RegistryItem } from "@/registry/types";
+
+export function StyleSwitcher({ componentName }: { componentName: string }) {
+  const variants = getAllComponentVariants(componentName);
+  const { variants: contextVariants, setVariants } = useComponentsVariants();
+  const { currentTheme } = useThemes();
+  const currentThemeVariant = currentTheme.variants[componentName];
+  const currentVariant =
+    contextVariants[componentName] ?? currentTheme.variants[componentName];
+
+  return (
+    <SelectRoot
+      selectedKey={currentVariant}
+      onSelectionChange={(key) => {
+        setVariants((prevVariants) => ({ ...prevVariants , [componentName]: key }));
+      }}
+    >
+      <Button
+        variant="outline"
+        size="sm"
+        suffix={<ChevronDownIcon />}
+        className="border-border absolute left-2 top-2 z-50 text-xs font-normal"
+      >
+        <span className="font-bold">variant:</span> <SelectValue />
+      </Button>
+      <Overlay type="popover">
+        <ListBox>
+          {variants &&
+            variants.map((item) => (
+              <Item
+                key={item.name}
+                id={item.name}
+                description={item.description}
+              >
+                {item.name} {currentThemeVariant === item.name && "(current theme)"}
+              </Item>
+            ))}
+        </ListBox>
+      </Overlay>
+    </SelectRoot>
+  );
+}
+
+const getAllComponentVariants = (name: string) => {
+  const item = core.find((item) => item.name === name);
+
+  if (hasVariants(item)) {
+    return item.variants;
+  } else {
+    return false;
+  }
+};
+
+function hasVariants(
+  item?: RegistryItem
+): item is Extract<RegistryItem, { variants: unknown }> {
+  return item !== undefined && "variants" in item;
+}
diff --git a/www/src/demos/alert/action.tsx b/www/src/demos/alert/action.tsx
index 3a8691aa0..b76462a06 100644
--- a/www/src/demos/alert/action.tsx
+++ b/www/src/demos/alert/action.tsx
@@ -9,8 +9,7 @@ export default function AlertDemo() {
           Upgrade
         </Button>
       }
-    >
-      You are currently on the free plan. Upgrade to unlock more features.
-    </Alert>
+      description="You are currently on the free plan. Upgrade to unlock more features."
+     />
   );
 }
diff --git a/www/src/demos/alert/content.tsx b/www/src/demos/alert/content.tsx
index 278537e78..4410652a3 100644
--- a/www/src/demos/alert/content.tsx
+++ b/www/src/demos/alert/content.tsx
@@ -2,8 +2,9 @@ import { Alert } from "@/components/dynamic-core/alert";
 
 export default function AlertDemo() {
   return (
-    <Alert title="Payment Information">
-      Enter your payment method to complete your purchase.
-    </Alert>
+    <Alert
+      title="Payment Information"
+      description="Enter your payment method to complete your purchase."
+    />
   );
 }
diff --git a/www/src/demos/alert/custom-icon.tsx b/www/src/demos/alert/custom-icon.tsx
index 84d2c58da..92460ddca 100644
--- a/www/src/demos/alert/custom-icon.tsx
+++ b/www/src/demos/alert/custom-icon.tsx
@@ -2,5 +2,5 @@ import { GlobeIcon } from "lucide-react";
 import { Alert } from "@/components/dynamic-core/alert";
 
 export default function AlertDemo() {
-  return <Alert icon={<GlobeIcon />}>Hello world!</Alert>;
+  return <Alert icon={<GlobeIcon />} title="Hello world" />;
 }
diff --git a/www/src/demos/alert/title.tsx b/www/src/demos/alert/title.tsx
index 0c7edf155..ffa73de00 100644
--- a/www/src/demos/alert/title.tsx
+++ b/www/src/demos/alert/title.tsx
@@ -1,7 +1,5 @@
 import { Alert } from "@/components/dynamic-core/alert";
 
 export default function AlertDemo() {
-  return (
-    <Alert variant="warning" fill title="Your account has been suspended." />
-  );
+  return <Alert variant="warning" title="Your account has been suspended." />;
 }
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index c8e255ee0..934905046 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -13,7 +13,7 @@ export const createDynamicComponent = <Props extends {}>(
 
     const variant = currentTheme.variants[registryItem];
     const { variants } = useComponentsVariants();
-    const contextVariant = variants[componentName];
+    const contextVariant = variants[registryItem];
 
     if (!variant || !registry[variant]) {
       throw new Error(
@@ -52,4 +52,5 @@ export const VariantsProvider = ({
     </variantsContext.Provider>
   );
 };
-const useComponentsVariants = () => React.useContext(variantsContext);
+
+export const useComponentsVariants = () => React.useContext(variantsContext);
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index bd69f6171..b0a1c2d30 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -12,6 +12,7 @@ export const dotUIThemes: Theme[] = [
     radius: 0.5,
     iconLibrary: "lucide",
     variants: {
+      alert: "alert-01",
       loader: "loader-ring",
       button: "button-01",
       calendar: "calendar-01",
@@ -188,6 +189,7 @@ export const dotUIThemes: Theme[] = [
     radius: 0.5,
     iconLibrary: "lucide",
     variants: {
+      alert: "alert-01",
       loader: "loader-ring",
       button: "button-02",
       calendar: "calendar-02",
@@ -364,6 +366,8 @@ export const dotUIThemes: Theme[] = [
     radius: 0,
     iconLibrary: "lucide",
     variants: {
+      alert: "alert-01",
+      loader: "loader-ring",
       button: "button-02",
       calendar: "calendar-01",
     },
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert-01.tsx
index 8f370354d..c359c1641 100644
--- a/www/src/registry/core/alert-01.tsx
+++ b/www/src/registry/core/alert-01.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 import {
   AlertCircleIcon,
@@ -42,23 +44,26 @@ const icons = {
 };
 
 interface AlertProps extends AlertRootProps {
-  title: string;
+  title?: string;
   description?: string;
+  action?: React.ReactNode;
 }
 
 function Alert({
+  variant = "neutral",
   title,
   description,
-  variant = "neutral",
+  action,
   ...props
 }: AlertProps) {
   return (
     <AlertRoot variant={variant} {...props}>
       {icons[variant]}
-      <div>
+      <div className="flex-1 space-y-0.5">
         <AlertTitle>{title}</AlertTitle>
         {description && <AlertContent>{description}</AlertContent>}
       </div>
+      {action}
     </AlertRoot>
   );
 }
diff --git a/www/src/registry/core/alert-02.tsx b/www/src/registry/core/alert-02.tsx
new file mode 100644
index 000000000..c359c1641
--- /dev/null
+++ b/www/src/registry/core/alert-02.tsx
@@ -0,0 +1,98 @@
+"use client";
+
+import * as React from "react";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "lucide-react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const alertStyles = tv({
+  slots: {
+    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      neutral: { root: "text-fg border" },
+      success: { root: "border-border-success text-fg-success border" },
+      warning: { root: "border-border-warning text-fg-warning border" },
+      danger: { root: "border-border-danger text-fg-danger border" },
+      info: { root: "border-border-accent text-fg-accent border" },
+    },
+  },
+  defaultVariants: {
+    variant: "neutral",
+  },
+});
+
+const { root, title, content } = alertStyles();
+
+const [AlertProvider, useAlertContext] =
+  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
+
+const icons = {
+  neutral: <InfoIcon />,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
+  info: <InfoIcon />,
+};
+
+interface AlertProps extends AlertRootProps {
+  title?: string;
+  description?: string;
+  action?: React.ReactNode;
+}
+
+function Alert({
+  variant = "neutral",
+  title,
+  description,
+  action,
+  ...props
+}: AlertProps) {
+  return (
+    <AlertRoot variant={variant} {...props}>
+      {icons[variant]}
+      <div className="flex-1 space-y-0.5">
+        <AlertTitle>{title}</AlertTitle>
+        {description && <AlertContent>{description}</AlertContent>}
+      </div>
+      {action}
+    </AlertRoot>
+  );
+}
+
+interface AlertRootProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof alertStyles> {}
+
+function AlertRoot({ className, variant, ...props }: AlertRootProps) {
+  return (
+    <AlertProvider variant={variant}>
+      <div role="alert" className={root({ variant, className })} {...props} />
+    </AlertProvider>
+  );
+}
+
+interface AlertTitleProps extends React.ComponentProps<"h5"> {}
+
+function AlertTitle({ className, ...props }: AlertTitleProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <h5 className={title({ variant, className })} {...props} />;
+}
+
+interface AlertContentProps extends React.ComponentProps<"p"> {}
+
+function AlertContent({ className, ...props }: AlertContentProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <p className={content({ variant, className })} {...props} />;
+}
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/registry/core/button-04.tsx b/www/src/registry/core/button-04.tsx
index 8c5426617..cc2ad464e 100644
--- a/www/src/registry/core/button-04.tsx
+++ b/www/src/registry/core/button-04.tsx
@@ -19,7 +19,7 @@ import { focusRing } from "@/registry/lib/focus-styles";
 const buttonStyles = tv(
   {
     extend: focusRing,
-    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
     variants: {
       variant: {
         default: "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index de1b591c3..579872eb5 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -92,6 +92,12 @@ export const core: Registry = [
       {
         name: "button-02",
       },
+      {
+        name: "button-03",
+      },
+      {
+        name: "button-04",
+      },
     ],
   },
   {

From 3d318e97c07f744dbf9577fb142ac042eff7e133 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 11 Jan 2025 20:22:34 +0100
Subject: [PATCH 037/165] fix: format

---
 .../docs/components/colors/color-area.mdx     |  5 +++-
 .../docs/components/data-display/badge.mdx    |  5 +++-
 .../components/date-and-time/calendar.mdx     |  5 +++-
 .../components/date-and-time/date-field.mdx   |  5 +++-
 .../components/date-and-time/date-picker.mdx  |  5 +++-
 .../components/date-and-time/time-field.mdx   |  5 +++-
 .../docs/components/overlay/dialog.mdx        |  5 +++-
 www/src/app/(home)/components-overview.tsx    |  7 +++++-
 www/src/components/sidebar.tsx                |  2 +-
 www/src/components/style-switcher.tsx         |  8 +++++--
 www/src/demos/alert/action.tsx                |  2 +-
 www/src/demos/alert/default.tsx               |  2 +-
 www/src/lib/helpers.tsx                       | 23 +++++++++++++------
 www/src/registry/core/slider.tsx              |  2 +-
 14 files changed, 60 insertions(+), 21 deletions(-)

diff --git a/www/content/docs/components/colors/color-area.mdx b/www/content/docs/components/colors/color-area.mdx
index d60a2a9d1..0da97492e 100644
--- a/www/content/docs/components/colors/color-area.mdx
+++ b/www/content/docs/components/colors/color-area.mdx
@@ -12,7 +12,10 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/colors/color-area.mdx?plain=1
 ---
 
-<ComponentPreview name="core/color-area/color-area-default" preview={`<ColorArea />`} />
+<ComponentPreview
+  name="core/color-area/color-area-default"
+  preview={`<ColorArea />`}
+/>
 
 ## Installation
 
diff --git a/www/content/docs/components/data-display/badge.mdx b/www/content/docs/components/data-display/badge.mdx
index ffdae5f5d..0606961d6 100644
--- a/www/content/docs/components/data-display/badge.mdx
+++ b/www/content/docs/components/data-display/badge.mdx
@@ -8,7 +8,10 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/data-display/badge.mdx?plain=1
 ---
 
-<ComponentPreview name="core/badge/badge-default" preview={`<Badge>Badge</Badge>`} />
+<ComponentPreview
+  name="core/badge/badge-default"
+  preview={`<Badge>Badge</Badge>`}
+/>
 
 ## Installation
 
diff --git a/www/content/docs/components/date-and-time/calendar.mdx b/www/content/docs/components/date-and-time/calendar.mdx
index 409388462..3b2e3c522 100644
--- a/www/content/docs/components/date-and-time/calendar.mdx
+++ b/www/content/docs/components/date-and-time/calendar.mdx
@@ -12,7 +12,10 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/calendar.mdx?plain=1
 ---
 
-<ComponentPreview name="core/calendar/calendar-default" preview={`<Calendar />`} />
+<ComponentPreview
+  name="core/calendar/calendar-default"
+  preview={`<Calendar />`}
+/>
 
 ## Installation
 
diff --git a/www/content/docs/components/date-and-time/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx
index 30028801f..995fd9771 100644
--- a/www/content/docs/components/date-and-time/date-field.mdx
+++ b/www/content/docs/components/date-and-time/date-field.mdx
@@ -12,7 +12,10 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/date-field.mdx?plain=1
 ---
 
-<ComponentPreview name="core/date-field/date-field-default" preview={`<DateField />`} />
+<ComponentPreview
+  name="core/date-field/date-field-default"
+  preview={`<DateField />`}
+/>
 
 ## Installation
 
diff --git a/www/content/docs/components/date-and-time/date-picker.mdx b/www/content/docs/components/date-and-time/date-picker.mdx
index 3f7912740..925bca0f8 100644
--- a/www/content/docs/components/date-and-time/date-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-picker.mdx
@@ -12,7 +12,10 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/date-picker.mdx?plain=1
 ---
 
-<ComponentPreview name="core/date-picker/date-picker-default" preview={`<DatePicker />`} />
+<ComponentPreview
+  name="core/date-picker/date-picker-default"
+  preview={`<DatePicker />`}
+/>
 
 ## Installation
 
diff --git a/www/content/docs/components/date-and-time/time-field.mdx b/www/content/docs/components/date-and-time/time-field.mdx
index 9e5d53748..dbab2b39e 100644
--- a/www/content/docs/components/date-and-time/time-field.mdx
+++ b/www/content/docs/components/date-and-time/time-field.mdx
@@ -12,7 +12,10 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/time-field.mdx?plain=1
 ---
 
-<ComponentPreview name="core/time-field/time-field-default" preview={`<TimeField />`} />
+<ComponentPreview
+  name="core/time-field/time-field-default"
+  preview={`<TimeField />`}
+/>
 
 ## Installation
 
diff --git a/www/content/docs/components/overlay/dialog.mdx b/www/content/docs/components/overlay/dialog.mdx
index 74fab2703..742532291 100644
--- a/www/content/docs/components/overlay/dialog.mdx
+++ b/www/content/docs/components/overlay/dialog.mdx
@@ -260,7 +260,10 @@ If you need to customize things further, you can drop down to the composition le
 
 ### Async form submission
 
-<ComponentPreview name="core/dialog/dialog-async-form-submission" preview={``} />
+<ComponentPreview
+  name="core/dialog/dialog-async-form-submission"
+  preview={``}
+/>
 
 ### Nested dialog
 
diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx
index 263a663f4..de9732482 100644
--- a/www/src/app/(home)/components-overview.tsx
+++ b/www/src/app/(home)/components-overview.tsx
@@ -35,7 +35,12 @@ export function ComponentsOverview() {
   return (
     <div className="grid grid-cols-10 gap-8 p-8">
       <div className="col-span-8">
-        <Slider label="Progress" valueLabel defaultValue={50} className="!w-full" />
+        <Slider
+          label="Progress"
+          valueLabel
+          defaultValue={50}
+          className="!w-full"
+        />
       </div>
       <div className="col-span-2 row-span-2">
         <RadioGroup>
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 5591f7f8b..baf207e30 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -3,7 +3,6 @@
 import React from "react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { motion } from "motion/react";
 import type { PageTree } from "fumadocs-core/server";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import {
@@ -14,6 +13,7 @@ import {
   SearchIcon,
   SunIcon,
 } from "lucide-react";
+import { motion } from "motion/react";
 import { cn } from "@/lib/cn";
 import { hasActive, isActive } from "@/lib/docs/utils";
 import { useCommandMenuInputRef } from "@/hooks/use-focus-command-menu";
diff --git a/www/src/components/style-switcher.tsx b/www/src/components/style-switcher.tsx
index 1c6ea5d22..d83bc4150 100644
--- a/www/src/components/style-switcher.tsx
+++ b/www/src/components/style-switcher.tsx
@@ -23,7 +23,10 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
     <SelectRoot
       selectedKey={currentVariant}
       onSelectionChange={(key) => {
-        setVariants((prevVariants) => ({ ...prevVariants , [componentName]: key }));
+        setVariants((prevVariants) => ({
+          ...prevVariants,
+          [componentName]: key,
+        }));
       }}
     >
       <Button
@@ -43,7 +46,8 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
                 id={item.name}
                 description={item.description}
               >
-                {item.name} {currentThemeVariant === item.name && "(current theme)"}
+                {item.name}{" "}
+                {currentThemeVariant === item.name && "(current theme)"}
               </Item>
             ))}
         </ListBox>
diff --git a/www/src/demos/alert/action.tsx b/www/src/demos/alert/action.tsx
index b76462a06..d18df573e 100644
--- a/www/src/demos/alert/action.tsx
+++ b/www/src/demos/alert/action.tsx
@@ -10,6 +10,6 @@ export default function AlertDemo() {
         </Button>
       }
       description="You are currently on the free plan. Upgrade to unlock more features."
-     />
+    />
   );
 }
diff --git a/www/src/demos/alert/default.tsx b/www/src/demos/alert/default.tsx
index 9c8f49146..ecbd773c6 100644
--- a/www/src/demos/alert/default.tsx
+++ b/www/src/demos/alert/default.tsx
@@ -1,5 +1,5 @@
 import { Alert } from "@/components/dynamic-core/alert";
 
 export default function AlertDemo() {
-  return <Alert title="You can add components to your app using the cli."/>;
+  return <Alert title="You can add components to your app using the cli." />;
 }
diff --git a/www/src/lib/helpers.tsx b/www/src/lib/helpers.tsx
index 6d928cfb0..38b8577c0 100644
--- a/www/src/lib/helpers.tsx
+++ b/www/src/lib/helpers.tsx
@@ -1,28 +1,37 @@
-import * as React from 'react';
+import * as React from "react";
 
 export function createScopedContext<ContextValueType extends object | null>(
   rootComponentName: string,
   defaultContext?: ContextValueType
 ) {
-  const Context = React.createContext<ContextValueType | undefined>(defaultContext);
+  const Context = React.createContext<ContextValueType | undefined>(
+    defaultContext
+  );
 
-  const Provider: React.FC<ContextValueType & { children: React.ReactNode }> = (props) => {
+  const Provider: React.FC<ContextValueType & { children: React.ReactNode }> = (
+    props
+  ) => {
     const { children, ...context } = props;
     // Only re-memoize when prop values change
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const value = React.useMemo(() => context, Object.values(context)) as ContextValueType;
+    const value = React.useMemo(
+      () => context,
+      Object.values(context)
+    ) as ContextValueType;
     return <Context.Provider value={value}>{children}</Context.Provider>;
   };
 
-  Provider.displayName = rootComponentName + 'Provider';
+  Provider.displayName = rootComponentName + "Provider";
 
   function useContext(consumerName: string) {
     const context = React.useContext(Context);
     if (context) return context;
     if (defaultContext !== undefined) return defaultContext;
     // if a defaultContext wasn't specified, it's a required context.
-    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    throw new Error(
+      `\`${consumerName}\` must be used within \`${rootComponentName}\``
+    );
   }
 
   return [Provider, useContext] as const;
-}
\ No newline at end of file
+}
diff --git a/www/src/registry/core/slider.tsx b/www/src/registry/core/slider.tsx
index a5aef5dc4..62018d61d 100644
--- a/www/src/registry/core/slider.tsx
+++ b/www/src/registry/core/slider.tsx
@@ -34,7 +34,7 @@ const sliderStyles = tv({
     thumb: [
       focusRing(),
       "rounded-full bg-white shadow-md transition-[width,height]",
-      "top-[50%] left-[50%]",
+      "left-[50%] top-[50%]",
       "disabled:bg-bg-disabled disabled:border-bg disabled:border",
     ],
     valueLabel: "text-fg-muted text-sm",

From 47ad9ba0273ab064ef864a6948afdcf4a4b90021 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 12 Jan 2025 22:17:38 +0100
Subject: [PATCH 038/165] feat: new variants for alert

---
 .../docs/components/buttons/button-group.mdx  |  29 ++++
 www/content/docs/components/buttons/meta.json |   8 +-
 .../docs/components/data-display/avatar.mdx   |  45 ++----
 .../docs/components/data-display/meta.json    |   4 +-
 .../{layout => data-display}/table.mdx        |   0
 .../checkbox-group.mdx                        |   0
 .../{inputs => forms-and-inputs}/checkbox.mdx |   0
 .../{inputs => forms-and-inputs}/meta.json    |   0
 .../number-field.mdx                          |   0
 .../radio-group.mdx                           |   0
 .../search-field.mdx                          |   0
 .../{inputs => forms-and-inputs}/slider.mdx   |   0
 .../{inputs => forms-and-inputs}/switch.mdx   |   0
 .../text-area.mdx                             |   0
 .../text-field.mdx                            |   0
 www/content/docs/components/layout/meta.json  |   3 -
 .../menus-and-selection/tag-group.mdx         |  29 ++++
 www/content/docs/components/meta.json         |   2 +-
 .../navigation/disclosure-group.mdx           |  29 ++++
 .../docs/components/navigation/disclosure.mdx |  29 ++++
 .../docs/components/navigation/meta.json      |   4 +-
 www/src/components/dynamic-core/alert.tsx     |  94 +++++++++++-
 www/src/components/header.tsx                 |   1 +
 www/src/components/theme-override.tsx         |   5 +-
 www/src/demos/alert/variants.tsx              |   4 +-
 www/src/demos/badge/variants.tsx              |  42 +++---
 www/src/registry/core/alert-01.tsx            |  27 ++--
 www/src/registry/core/alert-02.tsx            |  29 ++--
 www/src/registry/core/alert-03.tsx            | 109 ++++++++++++++
 www/src/registry/core/alert-04.tsx            | 109 ++++++++++++++
 www/src/registry/core/alert-05.tsx            | 109 ++++++++++++++
 www/src/registry/core/avatar.tsx              | 134 +++++++-----------
 www/src/registry/registry-core.ts             |  12 ++
 www/src/styles/globals.css                    |  11 +-
 34 files changed, 693 insertions(+), 175 deletions(-)
 create mode 100644 www/content/docs/components/buttons/button-group.mdx
 rename www/content/docs/components/{layout => data-display}/table.mdx (100%)
 rename www/content/docs/components/{inputs => forms-and-inputs}/checkbox-group.mdx (100%)
 rename www/content/docs/components/{inputs => forms-and-inputs}/checkbox.mdx (100%)
 rename www/content/docs/components/{inputs => forms-and-inputs}/meta.json (100%)
 rename www/content/docs/components/{inputs => forms-and-inputs}/number-field.mdx (100%)
 rename www/content/docs/components/{inputs => forms-and-inputs}/radio-group.mdx (100%)
 rename www/content/docs/components/{inputs => forms-and-inputs}/search-field.mdx (100%)
 rename www/content/docs/components/{inputs => forms-and-inputs}/slider.mdx (100%)
 rename www/content/docs/components/{inputs => forms-and-inputs}/switch.mdx (100%)
 rename www/content/docs/components/{inputs => forms-and-inputs}/text-area.mdx (100%)
 rename www/content/docs/components/{inputs => forms-and-inputs}/text-field.mdx (100%)
 delete mode 100644 www/content/docs/components/layout/meta.json
 create mode 100644 www/content/docs/components/menus-and-selection/tag-group.mdx
 create mode 100644 www/content/docs/components/navigation/disclosure-group.mdx
 create mode 100644 www/content/docs/components/navigation/disclosure.mdx
 create mode 100644 www/src/registry/core/alert-03.tsx
 create mode 100644 www/src/registry/core/alert-04.tsx
 create mode 100644 www/src/registry/core/alert-05.tsx

diff --git a/www/content/docs/components/buttons/button-group.mdx b/www/content/docs/components/buttons/button-group.mdx
new file mode 100644
index 000000000..fbf3d6bf1
--- /dev/null
+++ b/www/content/docs/components/buttons/button-group.mdx
@@ -0,0 +1,29 @@
+---
+title: Button Group
+description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
+  - label: Aria API Reference
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
+---
+
+## Installation
+
+## Usage
+
+## Options
+
+## Uncontrolled
+
+## Controlled
+
+## API Reference
+
+## Accessibility
+
+### Keyboard interactions
diff --git a/www/content/docs/components/buttons/meta.json b/www/content/docs/components/buttons/meta.json
index 4f0efed15..6e1f709a0 100644
--- a/www/content/docs/components/buttons/meta.json
+++ b/www/content/docs/components/buttons/meta.json
@@ -1,3 +1,9 @@
 {
-  "pages": ["button", "toggle-button", "toggle-button-group", "file-trigger"]
+  "pages": [
+    "button",
+    "button-group",
+    "toggle-button",
+    "toggle-button-group",
+    "file-trigger"
+  ]
 }
diff --git a/www/content/docs/components/data-display/avatar.mdx b/www/content/docs/components/data-display/avatar.mdx
index 2d219fed1..2319d36a7 100644
--- a/www/content/docs/components/data-display/avatar.mdx
+++ b/www/content/docs/components/data-display/avatar.mdx
@@ -15,28 +15,24 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add avatar
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/avatar/avatar"]} />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
+## Composition
 
-## Usage
+If you need to customize things further, you can drop down to the composition level.
 
-Use `Avatar` to represent a user or an organization.
+<ComponentPreview
+  name="core/avatar/avatar-composition"
+  preview={`<AvatarRoot>
+    <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+    <AvatarFallback>M</AvatarFallback>
+    <AvatarPlaceholder>
+      <UserIcon className="size-5" />
+    </AvatarPlaceholder>
+  </AvatarRoot>`}
+/>
 
 ## Options
 
@@ -61,21 +57,6 @@ Use the `size` prop to control the size of the `Avatar`. The default variant is
   <Avatar size="lg" />`}
 />
 
-## Composition
-
-If you need to customize things further, you can drop down to the composition level.
-
-<ComponentPreview
-  name="core/avatar/avatar-composition"
-  preview={`<AvatarRoot>
-    <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
-    <AvatarFallback>M</AvatarFallback>
-    <AvatarPlaceholder>
-      <UserIcon className="size-5" />
-    </AvatarPlaceholder>
-  </AvatarRoot>`}
-/>
-
 ## API Reference
 
 `Avatar` accepts all image attributes.
diff --git a/www/content/docs/components/data-display/meta.json b/www/content/docs/components/data-display/meta.json
index 8907807c7..cedaeee37 100644
--- a/www/content/docs/components/data-display/meta.json
+++ b/www/content/docs/components/data-display/meta.json
@@ -1,3 +1,3 @@
 {
-  "pages": ["avatar", "badge", "separator"]
-}
\ No newline at end of file
+  "pages": ["avatar", "badge", "separator", "table"]
+}
diff --git a/www/content/docs/components/layout/table.mdx b/www/content/docs/components/data-display/table.mdx
similarity index 100%
rename from www/content/docs/components/layout/table.mdx
rename to www/content/docs/components/data-display/table.mdx
diff --git a/www/content/docs/components/inputs/checkbox-group.mdx b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
similarity index 100%
rename from www/content/docs/components/inputs/checkbox-group.mdx
rename to www/content/docs/components/forms-and-inputs/checkbox-group.mdx
diff --git a/www/content/docs/components/inputs/checkbox.mdx b/www/content/docs/components/forms-and-inputs/checkbox.mdx
similarity index 100%
rename from www/content/docs/components/inputs/checkbox.mdx
rename to www/content/docs/components/forms-and-inputs/checkbox.mdx
diff --git a/www/content/docs/components/inputs/meta.json b/www/content/docs/components/forms-and-inputs/meta.json
similarity index 100%
rename from www/content/docs/components/inputs/meta.json
rename to www/content/docs/components/forms-and-inputs/meta.json
diff --git a/www/content/docs/components/inputs/number-field.mdx b/www/content/docs/components/forms-and-inputs/number-field.mdx
similarity index 100%
rename from www/content/docs/components/inputs/number-field.mdx
rename to www/content/docs/components/forms-and-inputs/number-field.mdx
diff --git a/www/content/docs/components/inputs/radio-group.mdx b/www/content/docs/components/forms-and-inputs/radio-group.mdx
similarity index 100%
rename from www/content/docs/components/inputs/radio-group.mdx
rename to www/content/docs/components/forms-and-inputs/radio-group.mdx
diff --git a/www/content/docs/components/inputs/search-field.mdx b/www/content/docs/components/forms-and-inputs/search-field.mdx
similarity index 100%
rename from www/content/docs/components/inputs/search-field.mdx
rename to www/content/docs/components/forms-and-inputs/search-field.mdx
diff --git a/www/content/docs/components/inputs/slider.mdx b/www/content/docs/components/forms-and-inputs/slider.mdx
similarity index 100%
rename from www/content/docs/components/inputs/slider.mdx
rename to www/content/docs/components/forms-and-inputs/slider.mdx
diff --git a/www/content/docs/components/inputs/switch.mdx b/www/content/docs/components/forms-and-inputs/switch.mdx
similarity index 100%
rename from www/content/docs/components/inputs/switch.mdx
rename to www/content/docs/components/forms-and-inputs/switch.mdx
diff --git a/www/content/docs/components/inputs/text-area.mdx b/www/content/docs/components/forms-and-inputs/text-area.mdx
similarity index 100%
rename from www/content/docs/components/inputs/text-area.mdx
rename to www/content/docs/components/forms-and-inputs/text-area.mdx
diff --git a/www/content/docs/components/inputs/text-field.mdx b/www/content/docs/components/forms-and-inputs/text-field.mdx
similarity index 100%
rename from www/content/docs/components/inputs/text-field.mdx
rename to www/content/docs/components/forms-and-inputs/text-field.mdx
diff --git a/www/content/docs/components/layout/meta.json b/www/content/docs/components/layout/meta.json
deleted file mode 100644
index b79483462..000000000
--- a/www/content/docs/components/layout/meta.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "pages": ["aspect-ratio", "scroll-area", "table"]
-}
diff --git a/www/content/docs/components/menus-and-selection/tag-group.mdx b/www/content/docs/components/menus-and-selection/tag-group.mdx
new file mode 100644
index 000000000..59e28ef3d
--- /dev/null
+++ b/www/content/docs/components/menus-and-selection/tag-group.mdx
@@ -0,0 +1,29 @@
+---
+title: Toggle Button Group
+description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
+  - label: Aria API Reference
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
+---
+
+## Installation
+
+## Usage
+
+## Options
+
+## Uncontrolled
+
+## Controlled
+
+## API Reference
+
+## Accessibility
+
+### Keyboard interactions
diff --git a/www/content/docs/components/meta.json b/www/content/docs/components/meta.json
index 341ecd195..4306bfa4a 100644
--- a/www/content/docs/components/meta.json
+++ b/www/content/docs/components/meta.json
@@ -3,7 +3,7 @@
   "icon": "Box",
   "pages": [
     "buttons",
-    "inputs",
+    "forms-and-inputs",
     "menus-and-selection",
     "date-and-time",
     "colors",
diff --git a/www/content/docs/components/navigation/disclosure-group.mdx b/www/content/docs/components/navigation/disclosure-group.mdx
new file mode 100644
index 000000000..201127869
--- /dev/null
+++ b/www/content/docs/components/navigation/disclosure-group.mdx
@@ -0,0 +1,29 @@
+---
+title: Disclosure Group
+description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
+  - label: Aria API Reference
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
+---
+
+## Installation
+
+## Usage
+
+## Options
+
+## Uncontrolled
+
+## Controlled
+
+## API Reference
+
+## Accessibility
+
+### Keyboard interactions
diff --git a/www/content/docs/components/navigation/disclosure.mdx b/www/content/docs/components/navigation/disclosure.mdx
new file mode 100644
index 000000000..244dbf3c7
--- /dev/null
+++ b/www/content/docs/components/navigation/disclosure.mdx
@@ -0,0 +1,29 @@
+---
+title: Disclosure
+description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
+  - label: Aria API Reference
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
+---
+
+## Installation
+
+## Usage
+
+## Options
+
+## Uncontrolled
+
+## Controlled
+
+## API Reference
+
+## Accessibility
+
+### Keyboard interactions
diff --git a/www/content/docs/components/navigation/meta.json b/www/content/docs/components/navigation/meta.json
index 9a4c360e2..bdd2fd68b 100644
--- a/www/content/docs/components/navigation/meta.json
+++ b/www/content/docs/components/navigation/meta.json
@@ -1,3 +1,3 @@
 {
-  "pages": ["link", "tabs", "breadcrumbs"]
-}
\ No newline at end of file
+  "pages": ["link", "tabs", "disclosure", "disclosure-group", "breadcrumbs"]
+}
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index 80ff553f7..a9123213c 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -11,7 +11,27 @@ import type {
 
 export const Alert = createDynamicComponent<AlertProps>("alert", "Alert", {
   "alert-01": React.lazy(() =>
-    import("@/__registry__/core/alert-01").then((mod) => ({
+    import("@/registry/core/alert-01").then((mod) => ({
+      default: mod.Alert,
+    }))
+  ),
+  "alert-02": React.lazy(() =>
+    import("@/registry/core/alert-02").then((mod) => ({
+      default: mod.Alert,
+    }))
+  ),
+  "alert-03": React.lazy(() =>
+    import("@/registry/core/alert-03").then((mod) => ({
+      default: mod.Alert,
+    }))
+  ),
+  "alert-04": React.lazy(() =>
+    import("@/registry/core/alert-04").then((mod) => ({
+      default: mod.Alert,
+    }))
+  ),
+  "alert-05": React.lazy(() =>
+    import("@/registry/core/alert-05").then((mod) => ({
       default: mod.Alert,
     }))
   ),
@@ -22,8 +42,28 @@ export const AlertRoot = createDynamicComponent<AlertRootProps>(
   "AlertRoot",
   {
     "alert-01": React.lazy(() =>
-      import("@/__registry__/core/alert-01").then((mod) => ({
-        default: mod.Alert,
+      import("@/registry/core/alert-01").then((mod) => ({
+        default: mod.AlertRoot,
+      }))
+    ),
+    "alert-02": React.lazy(() =>
+      import("@/registry/core/alert-02").then((mod) => ({
+        default: mod.AlertRoot,
+      }))
+    ),
+    "alert-03": React.lazy(() =>
+      import("@/registry/core/alert-03").then((mod) => ({
+        default: mod.AlertRoot,
+      }))
+    ),
+    "alert-04": React.lazy(() =>
+      import("@/registry/core/alert-04").then((mod) => ({
+        default: mod.AlertRoot,
+      }))
+    ),
+    "alert-05": React.lazy(() =>
+      import("@/registry/core/alert-05").then((mod) => ({
+        default: mod.AlertRoot,
       }))
     ),
   }
@@ -34,8 +74,28 @@ export const AlertTitle = createDynamicComponent<AlertTitleProps>(
   "AlertTitle",
   {
     "alert-01": React.lazy(() =>
-      import("@/__registry__/core/alert-01").then((mod) => ({
-        default: mod.Alert,
+      import("@/registry/core/alert-01").then((mod) => ({
+        default: mod.AlertTitle,
+      }))
+    ),
+    "alert-02": React.lazy(() =>
+      import("@/registry/core/alert-02").then((mod) => ({
+        default: mod.AlertTitle,
+      }))
+    ),
+    "alert-03": React.lazy(() =>
+      import("@/registry/core/alert-03").then((mod) => ({
+        default: mod.AlertTitle,
+      }))
+    ),
+    "alert-04": React.lazy(() =>
+      import("@/registry/core/alert-04").then((mod) => ({
+        default: mod.AlertTitle,
+      }))
+    ),
+    "alert-05": React.lazy(() =>
+      import("@/registry/core/alert-05").then((mod) => ({
+        default: mod.AlertTitle,
       }))
     ),
   }
@@ -45,8 +105,28 @@ export const AlertContent = createDynamicComponent<AlertContentProps>(
   "AlertContent",
   {
     "alert-01": React.lazy(() =>
-      import("@/__registry__/core/alert-01").then((mod) => ({
-        default: mod.Alert,
+      import("@/registry/core/alert-01").then((mod) => ({
+        default: mod.AlertContent,
+      }))
+    ),
+    "alert-02": React.lazy(() =>
+      import("@/registry/core/alert-02").then((mod) => ({
+        default: mod.AlertContent,
+      }))
+    ),
+    "alert-03": React.lazy(() =>
+      import("@/registry/core/alert-03").then((mod) => ({
+        default: mod.AlertContent,
+      }))
+    ),
+    "alert-04": React.lazy(() =>
+      import("@/registry/core/alert-04").then((mod) => ({
+        default: mod.AlertContent,
+      }))
+    ),
+    "alert-05": React.lazy(() =>
+      import("@/registry/core/alert-05").then((mod) => ({
+        default: mod.AlertContent,
       }))
     ),
   }
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index daadd70d6..e1b5d94ac 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -8,6 +8,7 @@ import { Button } from "@/components/core/button";
 import { DialogRoot, Dialog } from "@/components/core/dialog";
 import { DismissButton } from "@/components/core/overlay";
 import { siteConfig } from "@/config";
+import { Badge } from "./core/badge";
 import { Kbd } from "./core/kbd";
 import { GitHubIcon, TwitterIcon } from "./icons";
 import { SearchCommand } from "./search-command";
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index bfe964962..091a1d674 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -154,9 +154,10 @@ const baseCssVars = {
 
   "--color-border-success": "var(--color-success-300)",
   "--color-border-danger": "var(--color-danger-300)",
-  "--color-border-warning": "var(--color-warning-200)",
+  "--color-border-warning": "var(--color-warning-300)",
+  "--color-border-info": "var(--color-warning-300)",
+  "--color-border-accent": "var(--color-accent-300)",
 
-  "--color-border-accent": "var(--color-accent-500)",
   "--color-border-secondary": "var(--color-neutral-200)",
   "--color-border-focus": "var(--color-accent-500)",
   "--color-border-inverse": "var(--color-neutral-500)",
diff --git a/www/src/demos/alert/variants.tsx b/www/src/demos/alert/variants.tsx
index 1c99c3e92..899756c7b 100644
--- a/www/src/demos/alert/variants.tsx
+++ b/www/src/demos/alert/variants.tsx
@@ -4,8 +4,8 @@ import { Alert } from "@/components/dynamic-core/alert";
 export default function Demo() {
   return (
     <div className="grid grid-cols-2 gap-2">
-      <Alert variant="neutral" title="This is a neutral alert" />
-      <Alert variant="info" title="This is a neutral alert" />
+      <Alert variant="neutral" title="This is a neutral alert" className="col-span-2" />
+      <Alert variant="info" title="This is an info alert" />
       <Alert variant="danger" title="This is a critical alert" />
       <Alert variant="warning" title="This is a warning alert" />
       <Alert variant="success" title="This is a success alert" />
diff --git a/www/src/demos/badge/variants.tsx b/www/src/demos/badge/variants.tsx
index af6d6725f..07800affd 100644
--- a/www/src/demos/badge/variants.tsx
+++ b/www/src/demos/badge/variants.tsx
@@ -2,32 +2,22 @@ import { Badge } from "@/registry/core/badge";
 
 export default function Demo() {
   return (
-    <div className="flex flex-col items-start gap-2">
-      <Flex>
-        <Badge variant="neutral">Neutral</Badge>
-        <Badge variant="outline">Outline</Badge>
-        <Badge variant="primary">Primary</Badge>
-      </Flex>
-      <Flex>
-        <Badge variant="success">Success</Badge>
-        <Badge variant="success-subtle">Success Subtle</Badge>
-        <Badge variant="success-outline">Success Outline</Badge>
-      </Flex>
-      <Flex>
-        <Badge variant="danger">Danger</Badge>
-        <Badge variant="danger-subtle">Danger Subtle</Badge>
-        <Badge variant="danger-outline">Danger Outline</Badge>
-      </Flex>
-      <Flex>
-        <Badge variant="warning">Warning</Badge>
-        <Badge variant="warning-subtle">Warning Subtle</Badge>
-        <Badge variant="warning-outline">Warning Outline</Badge>
-      </Flex>
-      <Flex>
-        <Badge variant="accent">Accent</Badge>
-        <Badge variant="accent-subtle">Accent Subtle</Badge>
-        <Badge variant="accent-outline">Accent Outline</Badge>
-      </Flex>
+    <div className="flex flex-wrap gap-2 justify-center">
+      <Badge variant="neutral">Neutral</Badge>
+      <Badge variant="outline">Outline</Badge>
+      <Badge variant="primary">Primary</Badge>
+      <Badge variant="success">Success</Badge>
+      <Badge variant="success-subtle">Success Subtle</Badge>
+      <Badge variant="success-outline">Success Outline</Badge>
+      <Badge variant="danger">Danger</Badge>
+      <Badge variant="danger-subtle">Danger Subtle</Badge>
+      <Badge variant="danger-outline">Danger Outline</Badge>
+      <Badge variant="warning">Warning</Badge>
+      <Badge variant="warning-subtle">Warning Subtle</Badge>
+      <Badge variant="warning-outline">Warning Outline</Badge>
+      <Badge variant="accent">Accent</Badge>
+      <Badge variant="accent-subtle">Accent Subtle</Badge>
+      <Badge variant="accent-outline">Accent Outline</Badge>
     </div>
   );
 }
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert-01.tsx
index c359c1641..717dbf9a8 100644
--- a/www/src/registry/core/alert-01.tsx
+++ b/www/src/registry/core/alert-01.tsx
@@ -18,11 +18,19 @@ const alertStyles = tv({
   },
   variants: {
     variant: {
-      neutral: { root: "text-fg border" },
-      success: { root: "border-border-success text-fg-success border" },
-      warning: { root: "border-border-warning text-fg-warning border" },
-      danger: { root: "border-border-danger text-fg-danger border" },
-      info: { root: "border-border-accent text-fg-accent border" },
+      neutral: { root: "bg-bg-muted text-fg border" },
+      success: {
+        root: "bg-bg-success-muted border-border-success text-fg-success border",
+      },
+      warning: {
+        root: "bg-bg-warning-muted border-border-warning text-fg-warning border",
+      },
+      danger: {
+        root: "bg-bg-danger-muted border-border-danger text-fg-danger border",
+      },
+      info: {
+        root: "bg-bg-info-muted border-border-info text-fg-info border",
+      },
     },
   },
   defaultVariants: {
@@ -35,8 +43,8 @@ const { root, title, content } = alertStyles();
 const [AlertProvider, useAlertContext] =
   createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
 
-const icons = {
-  neutral: <InfoIcon />,
+const defaultIcons = {
+  neutral: null,
   danger: <AlertCircleIcon />,
   success: <CheckCircle2Icon />,
   warning: <AlertTriangleIcon />,
@@ -47,6 +55,7 @@ interface AlertProps extends AlertRootProps {
   title?: string;
   description?: string;
   action?: React.ReactNode;
+  icon?: React.ReactNode | null;
 }
 
 function Alert({
@@ -54,11 +63,13 @@ function Alert({
   title,
   description,
   action,
+  icon,
   ...props
 }: AlertProps) {
+  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
   return (
     <AlertRoot variant={variant} {...props}>
-      {icons[variant]}
+      {resolvedIcon}
       <div className="flex-1 space-y-0.5">
         <AlertTitle>{title}</AlertTitle>
         {description && <AlertContent>{description}</AlertContent>}
diff --git a/www/src/registry/core/alert-02.tsx b/www/src/registry/core/alert-02.tsx
index c359c1641..419bfd71a 100644
--- a/www/src/registry/core/alert-02.tsx
+++ b/www/src/registry/core/alert-02.tsx
@@ -12,17 +12,25 @@ import { createScopedContext } from "@/lib/helpers";
 
 const alertStyles = tv({
   slots: {
-    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    root: "bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4",
     title: "mr-1 font-medium leading-normal tracking-tight",
     content: "text-sm",
   },
   variants: {
     variant: {
-      neutral: { root: "text-fg border" },
-      success: { root: "border-border-success text-fg-success border" },
-      warning: { root: "border-border-warning text-fg-warning border" },
-      danger: { root: "border-border-danger text-fg-danger border" },
-      info: { root: "border-border-accent text-fg-accent border" },
+      neutral: { root: "border-bg-primary" },
+      success: {
+        root: "border-bg-success",
+      },
+      warning: {
+        root: "border-bg-warning",
+      },
+      danger: {
+        root: "border-bg-danger",
+      },
+      info: {
+        root: "border-bg-info",
+      },
     },
   },
   defaultVariants: {
@@ -35,8 +43,8 @@ const { root, title, content } = alertStyles();
 const [AlertProvider, useAlertContext] =
   createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
 
-const icons = {
-  neutral: <InfoIcon />,
+const defaultIcons = {
+  neutral: null,
   danger: <AlertCircleIcon />,
   success: <CheckCircle2Icon />,
   warning: <AlertTriangleIcon />,
@@ -47,6 +55,7 @@ interface AlertProps extends AlertRootProps {
   title?: string;
   description?: string;
   action?: React.ReactNode;
+  icon?: React.ReactNode | null;
 }
 
 function Alert({
@@ -54,11 +63,13 @@ function Alert({
   title,
   description,
   action,
+  icon,
   ...props
 }: AlertProps) {
+  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
   return (
     <AlertRoot variant={variant} {...props}>
-      {icons[variant]}
+      {resolvedIcon}
       <div className="flex-1 space-y-0.5">
         <AlertTitle>{title}</AlertTitle>
         {description && <AlertContent>{description}</AlertContent>}
diff --git a/www/src/registry/core/alert-03.tsx b/www/src/registry/core/alert-03.tsx
new file mode 100644
index 000000000..b30e2689c
--- /dev/null
+++ b/www/src/registry/core/alert-03.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import * as React from "react";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "lucide-react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const alertStyles = tv({
+  slots: {
+    root: "text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      neutral: { root: "border-bg-primary bg-bg-muted" },
+      success: {
+        root: "bg-bg-success-muted border-bg-success text-fg-success",
+      },
+      warning: {
+        root: "bg-bg-warning-muted border-bg-warning text-fg-warning",
+      },
+      danger: {
+        root: "bg-bg-danger-muted border-bg-danger text-fg-danger",
+      },
+      info: {
+        root: "bg-bg-info-muted border-bg-info text-fg-info",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "neutral",
+  },
+});
+
+const { root, title, content } = alertStyles();
+
+const [AlertProvider, useAlertContext] =
+  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
+
+const defaultIcons = {
+  neutral: null,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
+  info: <InfoIcon />,
+};
+
+interface AlertProps extends AlertRootProps {
+  title?: string;
+  description?: string;
+  action?: React.ReactNode;
+  icon?: React.ReactNode | null;
+}
+
+function Alert({
+  variant = "neutral",
+  title,
+  description,
+  action,
+  icon,
+  ...props
+}: AlertProps) {
+  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
+  return (
+    <AlertRoot variant={variant} {...props}>
+      {resolvedIcon}
+      <div className="flex-1 space-y-0.5">
+        <AlertTitle>{title}</AlertTitle>
+        {description && <AlertContent>{description}</AlertContent>}
+      </div>
+      {action}
+    </AlertRoot>
+  );
+}
+
+interface AlertRootProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof alertStyles> {}
+
+function AlertRoot({ className, variant, ...props }: AlertRootProps) {
+  return (
+    <AlertProvider variant={variant}>
+      <div role="alert" className={root({ variant, className })} {...props} />
+    </AlertProvider>
+  );
+}
+
+interface AlertTitleProps extends React.ComponentProps<"h5"> {}
+
+function AlertTitle({ className, ...props }: AlertTitleProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <h5 className={title({ variant, className })} {...props} />;
+}
+
+interface AlertContentProps extends React.ComponentProps<"p"> {}
+
+function AlertContent({ className, ...props }: AlertContentProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <p className={content({ variant, className })} {...props} />;
+}
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/registry/core/alert-04.tsx b/www/src/registry/core/alert-04.tsx
new file mode 100644
index 000000000..647c6abb6
--- /dev/null
+++ b/www/src/registry/core/alert-04.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import * as React from "react";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "lucide-react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const alertStyles = tv({
+  slots: {
+    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      neutral: { root: "text-fg-muted" },
+      success: {
+        root: "border-border-success text-fg-success",
+      },
+      warning: {
+        root: "border-border-warning text-fg-warning",
+      },
+      danger: {
+        root: "border-border-danger text-fg-danger",
+      },
+      info: {
+        root: "border-border-info text-fg-info",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "neutral",
+  },
+});
+
+const { root, title, content } = alertStyles();
+
+const [AlertProvider, useAlertContext] =
+  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
+
+const defaultIcons = {
+  neutral: null,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
+  info: <InfoIcon />,
+};
+
+interface AlertProps extends AlertRootProps {
+  title?: string;
+  description?: string;
+  action?: React.ReactNode;
+  icon?: React.ReactNode | null;
+}
+
+function Alert({
+  variant = "neutral",
+  title,
+  description,
+  action,
+  icon,
+  ...props
+}: AlertProps) {
+  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
+  return (
+    <AlertRoot variant={variant} {...props}>
+      {resolvedIcon}
+      <div className="flex-1 space-y-0.5">
+        <AlertTitle>{title}</AlertTitle>
+        {description && <AlertContent>{description}</AlertContent>}
+      </div>
+      {action}
+    </AlertRoot>
+  );
+}
+
+interface AlertRootProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof alertStyles> {}
+
+function AlertRoot({ className, variant, ...props }: AlertRootProps) {
+  return (
+    <AlertProvider variant={variant}>
+      <div role="alert" className={root({ variant, className })} {...props} />
+    </AlertProvider>
+  );
+}
+
+interface AlertTitleProps extends React.ComponentProps<"h5"> {}
+
+function AlertTitle({ className, ...props }: AlertTitleProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <h5 className={title({ variant, className })} {...props} />;
+}
+
+interface AlertContentProps extends React.ComponentProps<"p"> {}
+
+function AlertContent({ className, ...props }: AlertContentProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <p className={content({ variant, className })} {...props} />;
+}
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/registry/core/alert-05.tsx b/www/src/registry/core/alert-05.tsx
new file mode 100644
index 000000000..ca37edc84
--- /dev/null
+++ b/www/src/registry/core/alert-05.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import * as React from "react";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "lucide-react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const alertStyles = tv({
+  slots: {
+    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      neutral: { root: "bg-bg-muted text-fg" },
+      success: {
+        root: "bg-bg-success text-fg-onSuccess",
+      },
+      warning: {
+        root: "bg-bg-warning text-fg-onWarning",
+      },
+      danger: {
+        root: "bg-bg-danger text-fg-onDanger",
+      },
+      info: {
+        root: "bg-bg-info text-fg-onInfo",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "neutral",
+  },
+});
+
+const { root, title, content } = alertStyles();
+
+const [AlertProvider, useAlertContext] =
+  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
+
+const defaultIcons = {
+  neutral: null,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
+  info: <InfoIcon />,
+};
+
+interface AlertProps extends AlertRootProps {
+  title?: string;
+  description?: string;
+  action?: React.ReactNode;
+  icon?: React.ReactNode | null;
+}
+
+function Alert({
+  variant = "neutral",
+  title,
+  description,
+  action,
+  icon,
+  ...props
+}: AlertProps) {
+  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
+  return (
+    <AlertRoot variant={variant} {...props}>
+      {resolvedIcon}
+      <div className="flex-1 space-y-0.5">
+        <AlertTitle>{title}</AlertTitle>
+        {description && <AlertContent>{description}</AlertContent>}
+      </div>
+      {action}
+    </AlertRoot>
+  );
+}
+
+interface AlertRootProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof alertStyles> {}
+
+function AlertRoot({ className, variant, ...props }: AlertRootProps) {
+  return (
+    <AlertProvider variant={variant}>
+      <div role="alert" className={root({ variant, className })} {...props} />
+    </AlertProvider>
+  );
+}
+
+interface AlertTitleProps extends React.ComponentProps<"h5"> {}
+
+function AlertTitle({ className, ...props }: AlertTitleProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <h5 className={title({ variant, className })} {...props} />;
+}
+
+interface AlertContentProps extends React.ComponentProps<"p"> {}
+
+function AlertContent({ className, ...props }: AlertContentProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <p className={content({ variant, className })} {...props} />;
+}
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/registry/core/avatar.tsx b/www/src/registry/core/avatar.tsx
index fe12de1b6..2d150c2cd 100644
--- a/www/src/registry/core/avatar.tsx
+++ b/www/src/registry/core/avatar.tsx
@@ -2,6 +2,7 @@
 
 import * as React from "react";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
 
 const avatarStyles = tv({
   slots: {
@@ -29,22 +30,24 @@ const avatarStyles = tv({
   },
 });
 
+const { root, image, fallback, placeholder } = avatarStyles();
+
+const [AvatarProvider, useAvatarContext] = createScopedContext<
+  VariantProps<typeof avatarStyles> & {
+    status: Status;
+    setStatus: (status: Status) => void;
+  }
+>("AlertRoot");
+
 interface AvatarProps
-  extends AvatarImageProps,
-    VariantProps<typeof avatarStyles> {
+  extends AvatarRootProps,
+    Pick<AvatarImageProps, "src" | "alt"> {
   fallback?: React.ReactNode;
 }
-const Avatar = ({
-  fallback,
-  className,
-  style,
-  size,
-  shape,
-  ...props
-}: AvatarProps) => {
+const Avatar = ({ src, alt, fallback, ...props }: AvatarProps) => {
   return (
-    <AvatarRoot className={className} style={style} shape={shape} size={size}>
-      <AvatarImage {...props} />
+    <AvatarRoot {...props}>
+      <AvatarImage src={src} alt={alt} />
       <AvatarFallback>{fallback}</AvatarFallback>
       <AvatarPlaceholder />
     </AvatarRoot>
@@ -52,86 +55,67 @@ const Avatar = ({
 };
 
 interface AvatarRootProps
-  extends React.HTMLAttributes<HTMLSpanElement>,
+  extends React.ComponentProps<"span">,
     VariantProps<typeof avatarStyles> {}
-const AvatarRoot = ({ className, shape, size, ...props }: AvatarRootProps) => {
-  const { root } = avatarStyles({ shape, size });
+
+function AvatarRoot({ className, shape, size, ...props }: AvatarRootProps) {
   const [status, setStatus] = React.useState<Status>("idle");
+
   return (
-    <AvatarContext.Provider value={{ status, onStatusChange: setStatus }}>
-      <span className={root({ className })} {...props} />
-    </AvatarContext.Provider>
+    <AvatarProvider
+      shape={shape}
+      size={size}
+      status={status}
+      setStatus={setStatus}
+    >
+      <span className={root({ className, shape, size })} {...props} />
+    </AvatarProvider>
   );
-};
-
-interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-  onStatusChange?: (status: Status) => void;
 }
-const AvatarImage = ({
-  src,
-  onStatusChange,
-  className,
-  ...props
-}: AvatarImageProps) => {
-  const { image } = avatarStyles();
-  const context = useAvatarContext();
+
+interface AvatarImageProps extends React.ComponentProps<"img"> {}
+function AvatarImage({ src, alt, className, ...props }: AvatarImageProps) {
   const status = useImageLoadingStatus(src);
-  // TODO use useCallBackRef here
-  const handleStatusChange = React.useCallback(
-    (status: Status) => {
-      onStatusChange?.(status);
-      context.onStatusChange(status);
-    },
-    [onStatusChange, context]
-  );
+  const { setStatus } = useAvatarContext("AvatarImage");
 
   React.useLayoutEffect(() => {
     if (status !== "idle") {
-      handleStatusChange(status);
+      setStatus(status);
     }
-  }, [status, handleStatusChange]);
+  }, [status, setStatus]);
 
-  return status === "success" ? (
-    // eslint-disable-next-line jsx-a11y/alt-text
-    <img src={src} className={image({ className })} {...props} />
-  ) : null;
-};
+  if (status === "success")
+    return (
+      <img className={image({ className })} src={src} alt={alt} {...props} />
+    );
+
+  return null;
+}
 
 type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
+
 const AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {
-  const { fallback } = avatarStyles();
-  const context = useAvatarContext();
+  const { status } = useAvatarContext("AvatarFallback");
 
-  return context.status === "error" ? (
-    <span className={fallback({ className })} {...props} />
-  ) : null;
+  if (status === "error")
+    return <span className={fallback({ className })} {...props} />;
+
+  return null;
 };
 
-type AvatarPlaceholderProps = React.HTMLAttributes<HTMLSpanElement>;
+interface AvatarPlaceholderProps extends React.ComponentProps<"span"> {}
+
 const AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {
-  const { placeholder } = avatarStyles();
-  const context = useAvatarContext();
+  const { status } = useAvatarContext("AvatarPlaceholder");
 
-  return ["idle", "loading"].includes(context.status) ? (
-    <span className={placeholder({ className })} {...props} />
-  ) : null;
-};
+  if (["idle", "loading"].includes(status))
+    return <span className={placeholder({ className })} {...props} />;
 
-type AvatarContextValue = {
-  status: Status;
-  onStatusChange: (status: Status) => void;
-};
-const AvatarContext = React.createContext<AvatarContextValue | null>(null);
-const useAvatarContext = () => {
-  const context = React.useContext(AvatarContext);
-  if (!context) {
-    throw new Error("Avatar components must be rendered within the AvatarRoot");
-  }
-  return context;
+  return null;
 };
 
 type Status = "idle" | "loading" | "success" | "error";
-const useImageLoadingStatus = (src?: string) => {
+function useImageLoadingStatus(src?: string) {
   const [status, setStatus] = React.useState<Status>("idle");
 
   React.useLayoutEffect(() => {
@@ -155,7 +139,7 @@ const useImageLoadingStatus = (src?: string) => {
   }, [src]);
 
   return status;
-};
+}
 
 export type {
   AvatarProps,
@@ -164,12 +148,4 @@ export type {
   AvatarFallbackProps,
   AvatarPlaceholderProps,
 };
-
-export {
-  Avatar,
-  AvatarRoot,
-  AvatarImage,
-  AvatarFallback,
-  AvatarPlaceholder,
-  avatarStyles,
-};
+export { Avatar, AvatarRoot, AvatarImage, AvatarFallback, AvatarPlaceholder };
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 579872eb5..ee7fc5216 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -8,6 +8,18 @@ export const core: Registry = [
       {
         name: "alert-01",
       },
+      {
+        name: "alert-02",
+      },
+      {
+        name: "alert-03",
+      },
+      {
+        name: "alert-04",
+      },
+      {
+        name: "alert-05",
+      },
     ],
   },
   {
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 9fc0a2557..8db286c4e 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -170,14 +170,22 @@
   --color-bg-success: var(--color-success-500);
   --color-bg-success-hover: var(--color-success-600);
   --color-bg-success-active: var(--color-success-700);
+  --color-bg-success-muted: var(--color-success-200);
 
   --color-bg-danger: var(--color-danger-500);
   --color-bg-danger-hover: var(--color-danger-600);
   --color-bg-danger-active: var(--color-danger-700);
+  --color-bg-danger-muted: var(--color-danger-200);
 
   --color-bg-warning: var(--color-warning-500);
   --color-bg-warning-hover: var(--color-warning-600);
   --color-bg-warning-active: var(--color-warning-700);
+  --color-bg-warning-muted: var(--color-warning-200);
+
+  --color-bg-info: var(--color-info-500);
+  --color-bg-info-hover: var(--color-info-600);
+  --color-bg-info-active: var(--color-info-700);
+  --color-bg-info-muted: var(--color-info-200);
 
   --color-bg-accent: var(--color-accent-500);
   --color-bg-accent-hover: var(--color-accent-600);
@@ -188,8 +196,9 @@
   --color-fg-inverse: var(--color-neutral-100);
   --color-fg-disabled: var(--color-neutral-500);
   --color-fg-danger: var(--color-danger-700);
-  --color-fg-warning: var(--color-warning-600);
+  --color-fg-warning: var(--color-warning-700);
   --color-fg-success: var(--color-success-700);
+  --color-fg-info: var(--color-info-700);
   --color-fg-accent: var(--color-accent-700);
 
   --color-fg-onNeutral: var(--color-neutral-1000);

From 246cf287ea3962415022f66a0879bd73b1c18896 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 12 Jan 2025 22:18:01 +0100
Subject: [PATCH 039/165] fix: format

---
 www/src/demos/alert/variants.tsx | 6 +++++-
 www/src/demos/badge/variants.tsx | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/www/src/demos/alert/variants.tsx b/www/src/demos/alert/variants.tsx
index 899756c7b..1430fff2b 100644
--- a/www/src/demos/alert/variants.tsx
+++ b/www/src/demos/alert/variants.tsx
@@ -4,7 +4,11 @@ import { Alert } from "@/components/dynamic-core/alert";
 export default function Demo() {
   return (
     <div className="grid grid-cols-2 gap-2">
-      <Alert variant="neutral" title="This is a neutral alert" className="col-span-2" />
+      <Alert
+        variant="neutral"
+        title="This is a neutral alert"
+        className="col-span-2"
+      />
       <Alert variant="info" title="This is an info alert" />
       <Alert variant="danger" title="This is a critical alert" />
       <Alert variant="warning" title="This is a warning alert" />
diff --git a/www/src/demos/badge/variants.tsx b/www/src/demos/badge/variants.tsx
index 07800affd..cb2d4084a 100644
--- a/www/src/demos/badge/variants.tsx
+++ b/www/src/demos/badge/variants.tsx
@@ -2,7 +2,7 @@ import { Badge } from "@/registry/core/badge";
 
 export default function Demo() {
   return (
-    <div className="flex flex-wrap gap-2 justify-center">
+    <div className="flex flex-wrap justify-center gap-2">
       <Badge variant="neutral">Neutral</Badge>
       <Badge variant="outline">Outline</Badge>
       <Badge variant="primary">Primary</Badge>

From 2094b29810f9e2370791e85eebdbd9f5642df818 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 14 Jan 2025 19:34:37 +0100
Subject: [PATCH 040/165] refactor: update registry

---
 pnpm-lock.yaml                                |  25 +
 .../docs/components/buttons/button-group.mdx  |  20 +-
 .../buttons/toggle-button-group.mdx           |  18 +-
 .../docs/components/data-display/avatar.mdx   |   2 +-
 .../docs/components/data-display/table.mdx    |   9 +-
 .../forms-and-inputs/checkbox-group.mdx       |   2 +-
 .../components/forms-and-inputs/checkbox.mdx  |  50 +-
 .../docs/components/forms-and-inputs/form.mdx | 100 +++
 .../components/forms-and-inputs/meta.json     |   3 +-
 .../forms-and-inputs/number-field.mdx         |   2 +-
 .../components/menus-and-selection/meta.json  |   2 +-
 .../menus-and-selection/tag-group.mdx         |  19 +-
 www/content/docs/components/meta.json         |   2 +-
 .../navigation/disclosure-group.mdx           |  17 +-
 .../docs/components/navigation/disclosure.mdx |  17 +-
 www/content/docs/components/overlay/meta.json |   3 -
 .../{overlay => overlays}/dialog.mdx          |  53 +-
 .../docs/components/overlays/drawer.mdx       |  29 +
 .../docs/components/overlays/meta.json        |   3 +
 .../docs/components/overlays/modal.mdx        |  56 ++
 .../docs/components/overlays/overlay.mdx      |  29 +
 .../docs/components/overlays/popover.mdx      |  32 +
 .../{overlay => overlays}/tooltip.mdx         |  51 +-
 www/next.config.mjs                           |   6 +-
 www/package.json                              |   2 +
 www/src/__registry__/core/alert-01.tsx        |  27 +-
 www/src/__registry__/core/alert-02.tsx        | 109 +++
 www/src/__registry__/core/alert-03.tsx        | 109 +++
 www/src/__registry__/core/alert-04.tsx        | 109 +++
 www/src/__registry__/core/alert-05.tsx        | 109 +++
 www/src/__registry__/core/avatar.tsx          | 134 ++--
 www/src/__registry__/core/button-01.tsx       | 120 ++-
 www/src/__registry__/core/button-02.tsx       |  12 +-
 www/src/__registry__/core/button-03.tsx       |  12 +-
 www/src/__registry__/core/button-04.tsx       | 105 ++-
 www/src/__registry__/core/button-group.tsx    |  43 ++
 www/src/__registry__/core/calendar.tsx        |  10 +-
 www/src/__registry__/core/checkbox-group.tsx  |   6 +-
 .../core/{checkbox.tsx => checkbox_basic.tsx} |  91 ++-
 www/src/__registry__/core/date-picker.tsx     |   5 +-
 www/src/__registry__/core/dialog.tsx          |  43 +-
 www/src/__registry__/core/drawer.tsx          |  44 ++
 www/src/__registry__/core/form.tsx            |   9 -
 www/src/__registry__/core/group.tsx           |   6 -
 www/src/__registry__/core/heading.tsx         |  19 -
 www/src/__registry__/core/input.tsx           | 212 ------
 www/src/__registry__/core/kbd.tsx             |  16 -
 www/src/__registry__/core/link.tsx            |  40 -
 www/src/__registry__/core/list-box.tsx        | 137 ----
 .../__registry__/core/loader-dot-spinner.tsx  |  48 --
 .../__registry__/core/loader-line-spinner.tsx |  41 --
 www/src/__registry__/core/loader-ring.tsx     |  33 -
 www/src/__registry__/core/loader-tailspin.tsx |  75 --
 www/src/__registry__/core/loader-wave.tsx     |  46 --
 www/src/__registry__/core/menu.tsx            | 144 ----
 www/src/__registry__/core/number-field.tsx    | 142 ----
 www/src/__registry__/core/overlay.tsx         | 321 --------
 www/src/__registry__/core/progress.tsx        | 232 ------
 www/src/__registry__/core/radio-group.tsx     | 143 ----
 www/src/__registry__/core/range-calendar.tsx  |  98 ---
 www/src/__registry__/core/ripple.tsx          |  70 --
 www/src/__registry__/core/scroll-area.tsx     | 144 ----
 www/src/__registry__/core/search-field.tsx    | 118 ---
 www/src/__registry__/core/section.tsx         |  45 --
 www/src/__registry__/core/select.tsx          | 106 ---
 www/src/__registry__/core/separator.tsx       |  33 -
 www/src/__registry__/core/skeleton.tsx        |  23 -
 www/src/__registry__/core/slider.tsx          | 231 ------
 www/src/__registry__/core/switch.tsx          |  75 --
 www/src/__registry__/core/table.tsx           | 276 -------
 www/src/__registry__/core/tabs.tsx            |  93 ---
 www/src/__registry__/core/tag-group.tsx       | 172 -----
 www/src/__registry__/core/text-area.tsx       |  71 --
 www/src/__registry__/core/text-field.tsx      |  90 ---
 www/src/__registry__/core/text.tsx            |  34 -
 www/src/__registry__/core/time-field.tsx      |  90 ---
 www/src/__registry__/core/toggle-button.tsx   | 111 ---
 www/src/__registry__/core/toggle-group.tsx    |  43 --
 www/src/__registry__/core/tooltip.tsx         | 102 ---
 .../__registry__/core/use-motion-drawer.tsx   | 688 ------------------
 www/src/__registry__/demos.tsx                | 245 +++----
 www/src/app/(app)/docs/[...slug]/page.tsx     |   4 +-
 www/src/app/(home)/themes-preview.tsx         |   2 +-
 www/src/app/layout.tsx                        |   1 +
 www/src/components/component-preview.tsx      |  13 +-
 www/src/components/core/checkbox.tsx          |   2 +-
 .../components/core/toggle-button-group.tsx   |   1 +
 www/src/components/core/toggle-group.tsx      |   1 -
 www/src/components/core/tooltip.tsx           |   2 +-
 .../components/dynamic-core/button-group.tsx  |   1 +
 www/src/components/dynamic-core/button.tsx    |  31 +-
 www/src/components/dynamic-core/checkbox.tsx  |   2 +-
 www/src/components/dynamic-core/drawer.tsx    |   1 +
 www/src/components/dynamic-core/modal.tsx     |   1 +
 www/src/components/dynamic-core/popover.tsx   |   1 +
 .../dynamic-core/toggle-button-group.tsx      |   1 +
 .../components/dynamic-core/toggle-group.tsx  |   1 -
 www/src/components/dynamic-core/tooltip.tsx   |  59 +-
 www/src/components/sidebar.tsx                | 108 +--
 www/src/components/style-switcher.tsx         |   2 +-
 www/src/components/theme-override.tsx         |   7 +-
 www/src/demos/button-group/default.tsx        |  14 +
 www/src/demos/checkbox/composition.tsx        |  13 +
 www/src/demos/dialog/basic.tsx                |  58 +-
 www/src/demos/dialog/composition.tsx          |  36 +-
 www/src/demos/disclosure-group/default.tsx    |   3 +
 www/src/demos/disclosure/default.tsx          |   3 +
 www/src/demos/drawer/basic.tsx                |  37 +
 www/src/demos/form/basic.tsx                  |  30 +
 www/src/demos/form/react-aria.tsx             |  98 +++
 www/src/demos/form/react-hook-form.tsx        | 148 ++++
 www/src/demos/modal/basic.tsx                 |  37 +
 www/src/demos/popover/basic.tsx               |  37 +
 www/src/demos/registry.ts                     |  11 +
 www/src/demos/table/default.tsx               |   3 +
 www/src/demos/tag-group/default.tsx           |   3 +
 www/src/demos/toggle-button-group/default.tsx |  12 +
 www/src/lib/helpers.tsx                       |  38 +-
 www/src/lib/themes.ts                         |  25 +-
 www/src/registry/core/button-01.tsx           | 120 ++-
 www/src/registry/core/button-02.tsx           |  12 +-
 www/src/registry/core/button-03.tsx           |  12 +-
 www/src/registry/core/button-04.tsx           | 105 ++-
 www/src/registry/core/button-group.tsx        |  43 ++
 www/src/registry/core/calendar.tsx            |  10 +-
 www/src/registry/core/checkbox-group.tsx      |   6 +-
 .../registry/core/checkbox-group_basic.tsx    |  31 +
 .../core/{checkbox.tsx => checkbox_basic.tsx} |  91 ++-
 www/src/registry/core/date-picker.tsx         |   5 +-
 www/src/registry/core/dialog.tsx              |  43 +-
 www/src/registry/core/drawer.tsx              |  44 ++
 .../registry/core/form_react-hook-form.tsx    |  46 ++
 www/src/registry/core/modal.tsx               |  43 ++
 www/src/registry/core/overlay-01.tsx          |  46 ++
 www/src/registry/core/overlay.tsx             | 339 +--------
 www/src/registry/core/popover.tsx             |  61 ++
 www/src/registry/core/select.tsx              |   2 +-
 www/src/registry/core/toggle-button-group.tsx |  53 ++
 www/src/registry/core/toggle-button.tsx       |  14 +-
 www/src/registry/core/toggle-group.tsx        |  43 --
 www/src/registry/core/tooltip-01.tsx          | 136 ++++
 www/src/registry/core/tooltip.tsx             | 102 ---
 www/src/registry/lib/context-helpers.tsx      |  70 ++
 www/src/registry/lib/focus-styles.ts          |   2 +-
 www/src/registry/registry-core.ts             |  41 +-
 www/src/registry/types.ts                     |   1 +
 www/src/styles/globals.css                    |  11 +-
 147 files changed, 2818 insertions(+), 5823 deletions(-)
 create mode 100644 www/content/docs/components/forms-and-inputs/form.mdx
 delete mode 100644 www/content/docs/components/overlay/meta.json
 rename www/content/docs/components/{overlay => overlays}/dialog.mdx (89%)
 create mode 100644 www/content/docs/components/overlays/drawer.mdx
 create mode 100644 www/content/docs/components/overlays/meta.json
 create mode 100644 www/content/docs/components/overlays/modal.mdx
 create mode 100644 www/content/docs/components/overlays/overlay.mdx
 create mode 100644 www/content/docs/components/overlays/popover.mdx
 rename www/content/docs/components/{overlay => overlays}/tooltip.mdx (95%)
 create mode 100644 www/src/__registry__/core/alert-02.tsx
 create mode 100644 www/src/__registry__/core/alert-03.tsx
 create mode 100644 www/src/__registry__/core/alert-04.tsx
 create mode 100644 www/src/__registry__/core/alert-05.tsx
 create mode 100644 www/src/__registry__/core/button-group.tsx
 rename www/src/__registry__/core/{checkbox.tsx => checkbox_basic.tsx} (50%)
 create mode 100644 www/src/__registry__/core/drawer.tsx
 delete mode 100644 www/src/__registry__/core/form.tsx
 delete mode 100644 www/src/__registry__/core/group.tsx
 delete mode 100644 www/src/__registry__/core/heading.tsx
 delete mode 100644 www/src/__registry__/core/input.tsx
 delete mode 100644 www/src/__registry__/core/kbd.tsx
 delete mode 100644 www/src/__registry__/core/link.tsx
 delete mode 100644 www/src/__registry__/core/list-box.tsx
 delete mode 100644 www/src/__registry__/core/loader-dot-spinner.tsx
 delete mode 100644 www/src/__registry__/core/loader-line-spinner.tsx
 delete mode 100644 www/src/__registry__/core/loader-ring.tsx
 delete mode 100644 www/src/__registry__/core/loader-tailspin.tsx
 delete mode 100644 www/src/__registry__/core/loader-wave.tsx
 delete mode 100644 www/src/__registry__/core/menu.tsx
 delete mode 100644 www/src/__registry__/core/number-field.tsx
 delete mode 100644 www/src/__registry__/core/overlay.tsx
 delete mode 100644 www/src/__registry__/core/progress.tsx
 delete mode 100644 www/src/__registry__/core/radio-group.tsx
 delete mode 100644 www/src/__registry__/core/range-calendar.tsx
 delete mode 100644 www/src/__registry__/core/ripple.tsx
 delete mode 100644 www/src/__registry__/core/scroll-area.tsx
 delete mode 100644 www/src/__registry__/core/search-field.tsx
 delete mode 100644 www/src/__registry__/core/section.tsx
 delete mode 100644 www/src/__registry__/core/select.tsx
 delete mode 100644 www/src/__registry__/core/separator.tsx
 delete mode 100644 www/src/__registry__/core/skeleton.tsx
 delete mode 100644 www/src/__registry__/core/slider.tsx
 delete mode 100644 www/src/__registry__/core/switch.tsx
 delete mode 100644 www/src/__registry__/core/table.tsx
 delete mode 100644 www/src/__registry__/core/tabs.tsx
 delete mode 100644 www/src/__registry__/core/tag-group.tsx
 delete mode 100644 www/src/__registry__/core/text-area.tsx
 delete mode 100644 www/src/__registry__/core/text-field.tsx
 delete mode 100644 www/src/__registry__/core/text.tsx
 delete mode 100644 www/src/__registry__/core/time-field.tsx
 delete mode 100644 www/src/__registry__/core/toggle-button.tsx
 delete mode 100644 www/src/__registry__/core/toggle-group.tsx
 delete mode 100644 www/src/__registry__/core/tooltip.tsx
 delete mode 100644 www/src/__registry__/core/use-motion-drawer.tsx
 create mode 100644 www/src/components/core/toggle-button-group.tsx
 delete mode 100644 www/src/components/core/toggle-group.tsx
 create mode 100644 www/src/components/dynamic-core/button-group.tsx
 create mode 100644 www/src/components/dynamic-core/drawer.tsx
 create mode 100644 www/src/components/dynamic-core/modal.tsx
 create mode 100644 www/src/components/dynamic-core/popover.tsx
 create mode 100644 www/src/components/dynamic-core/toggle-button-group.tsx
 delete mode 100644 www/src/components/dynamic-core/toggle-group.tsx
 create mode 100644 www/src/demos/button-group/default.tsx
 create mode 100644 www/src/demos/checkbox/composition.tsx
 create mode 100644 www/src/demos/disclosure-group/default.tsx
 create mode 100644 www/src/demos/disclosure/default.tsx
 create mode 100644 www/src/demos/drawer/basic.tsx
 create mode 100644 www/src/demos/form/basic.tsx
 create mode 100644 www/src/demos/form/react-aria.tsx
 create mode 100644 www/src/demos/form/react-hook-form.tsx
 create mode 100644 www/src/demos/modal/basic.tsx
 create mode 100644 www/src/demos/popover/basic.tsx
 create mode 100644 www/src/demos/table/default.tsx
 create mode 100644 www/src/demos/tag-group/default.tsx
 create mode 100644 www/src/demos/toggle-button-group/default.tsx
 create mode 100644 www/src/registry/core/button-group.tsx
 create mode 100644 www/src/registry/core/checkbox-group_basic.tsx
 rename www/src/registry/core/{checkbox.tsx => checkbox_basic.tsx} (50%)
 create mode 100644 www/src/registry/core/drawer.tsx
 create mode 100644 www/src/registry/core/form_react-hook-form.tsx
 create mode 100644 www/src/registry/core/modal.tsx
 create mode 100644 www/src/registry/core/overlay-01.tsx
 create mode 100644 www/src/registry/core/popover.tsx
 create mode 100644 www/src/registry/core/toggle-button-group.tsx
 delete mode 100644 www/src/registry/core/toggle-group.tsx
 create mode 100644 www/src/registry/core/tooltip-01.tsx
 delete mode 100644 www/src/registry/core/tooltip.tsx
 create mode 100644 www/src/registry/lib/context-helpers.tsx

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5ff280d2b..0eb62c663 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -212,6 +212,9 @@ importers:
       '@adobe/leonardo-contrast-colors':
         specifier: ^1.0.0
         version: 1.0.0
+      '@hookform/resolvers':
+        specifier: ^3.10.0
+        version: 3.10.0(react-hook-form@7.54.2(react@19.0.0))
       '@internationalized/date':
         specifier: ^3.5.4
         version: 3.6.0
@@ -302,6 +305,9 @@ importers:
       react-dom:
         specifier: 19.0.0
         version: 19.0.0(react@19.0.0)
+      react-hook-form:
+        specifier: ^7.54.2
+        version: 7.54.2(react@19.0.0)
       react-resizable-panels:
         specifier: ^2.0.19
         version: 2.1.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -1146,6 +1152,11 @@ packages:
   '@formatjs/intl-localematcher@0.5.10':
     resolution: {integrity: sha512-af3qATX+m4Rnd9+wHcjJ4w2ijq+rAVP3CCinJQvFv1kgSu1W6jypUmvleJxcewdxmutM8dmIRZFxO/IQBZmP2Q==}
 
+  '@hookform/resolvers@3.10.0':
+    resolution: {integrity: sha512-79Dv+3mDF7i+2ajj7SkypSKHhl1cbln1OGavqrsF7p6mbUv11xpqpacPsGDCTRvCSjEEIez2ef1NveSVL3b0Ag==}
+    peerDependencies:
+      react-hook-form: ^7.0.0
+
   '@humanwhocodes/config-array@0.13.0':
     resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
     engines: {node: '>=10.10.0'}
@@ -5095,6 +5106,12 @@ packages:
     peerDependencies:
       react: ^19.0.0
 
+  react-hook-form@7.54.2:
+    resolution: {integrity: sha512-eHpAUgUjWbZocoQYUHposymRb4ZP6d0uwUnooL2uOybA9/3tPUvoAKqEWK1WaSiTxxOfTpffNZP7QwlnM3/gEg==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18 || ^19
+
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -6832,6 +6849,10 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  '@hookform/resolvers@3.10.0(react-hook-form@7.54.2(react@19.0.0))':
+    dependencies:
+      react-hook-form: 7.54.2(react@19.0.0)
+
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
@@ -11689,6 +11710,10 @@ snapshots:
       react: 19.0.0
       scheduler: 0.25.0
 
+  react-hook-form@7.54.2(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+
   react-is@16.13.1: {}
 
   react-remove-scroll-bar@2.3.8(@types/react@19.0.4)(react@19.0.0):
diff --git a/www/content/docs/components/buttons/button-group.mdx b/www/content/docs/components/buttons/button-group.mdx
index fbf3d6bf1..2c3f8ff09 100644
--- a/www/content/docs/components/buttons/button-group.mdx
+++ b/www/content/docs/components/buttons/button-group.mdx
@@ -1,6 +1,6 @@
 ---
 title: Button Group
-description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
+description: A Button Group is a group of buttons that are visually grouped together.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
@@ -12,18 +12,10 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
 ---
 
-## Installation
-
-## Usage
-
-## Options
-
-## Uncontrolled
+<ComponentPreview name="core/button-group/button-group-default" />
 
-## Controlled
-
-## API Reference
-
-## Accessibility
+## Installation
 
-### Keyboard interactions
+```package-install
+npx dotui-cli@latest add button-group
+```
diff --git a/www/content/docs/components/buttons/toggle-button-group.mdx b/www/content/docs/components/buttons/toggle-button-group.mdx
index 59e28ef3d..0d9b8392f 100644
--- a/www/content/docs/components/buttons/toggle-button-group.mdx
+++ b/www/content/docs/components/buttons/toggle-button-group.mdx
@@ -12,18 +12,10 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
 ---
 
-## Installation
-
-## Usage
-
-## Options
-
-## Uncontrolled
+<ComponentPreview name="core/toggle-button-group/toggle-button-group-default" />
 
-## Controlled
-
-## API Reference
-
-## Accessibility
+## Installation
 
-### Keyboard interactions
+```package-install
+npx dotui-cli@latest add toggle-button-group
+```
diff --git a/www/content/docs/components/data-display/avatar.mdx b/www/content/docs/components/data-display/avatar.mdx
index 2319d36a7..68e5dc264 100644
--- a/www/content/docs/components/data-display/avatar.mdx
+++ b/www/content/docs/components/data-display/avatar.mdx
@@ -1,5 +1,5 @@
 ---
-title: Avatar
+title: Avatar (OK)
 description: An image element with a fallback for representing the user.
 links:
   - label: Report an issue
diff --git a/www/content/docs/components/data-display/table.mdx b/www/content/docs/components/data-display/table.mdx
index f5927a0f7..0697ac2ff 100644
--- a/www/content/docs/components/data-display/table.mdx
+++ b/www/content/docs/components/data-display/table.mdx
@@ -10,4 +10,11 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/layout/aspect-ratio.mdx?plain=1
 ---
 
-SALEM TAREK
+
+<ComponentPreview name="core/table/table-default" />
+
+## Installation
+
+```package-install
+npx dotui-cli@latest add table
+```
diff --git a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
index b3f53391b..f42629052 100644
--- a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
+++ b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
@@ -124,7 +124,7 @@ A `ContextualHelp` element may be placed next to the label to provide additional
 
 ### Error message
 
-An error message can be supplied to a CheckboxGroup, which will be displayed when the `validationState` is `“invalid”`.
+An error message can be supplied to a CheckboxGroup, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
   name="core/checkbox-group/checkbox-group-error-message"
diff --git a/www/content/docs/components/forms-and-inputs/checkbox.mdx b/www/content/docs/components/forms-and-inputs/checkbox.mdx
index be9d206bd..1568135ce 100644
--- a/www/content/docs/components/forms-and-inputs/checkbox.mdx
+++ b/www/content/docs/components/forms-and-inputs/checkbox.mdx
@@ -1,11 +1,9 @@
 ---
-title: Checkbox
+title: Checkbox (OK)
 description: Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Checkbox.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Checkbox.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -19,34 +17,28 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add checkbox
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Usage
 
-    ```package-install
-    react-aria-components
-    ```
+Use `Checkbox` to allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/checkbox/checkbox" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+```tsx
+import { Checkbox } from "@/components/core/checkbox";
 
-  </Tab>
-</Tabs>
+<Checkbox>I accept the terms and conditions</Checkbox>;
+```
 
-## Usage
+```tsx
+import { CheckboxRoot, CheckboxIndicator } from "@/components/core/checkbox";
 
-Use `checkbox` to allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
+<CheckboxRoot>
+  <span>I accept the terms and conditions</span>
+  <CheckboxIndicator />
+</CheckboxRoot>;
+```
 
 ## Options
 
@@ -86,6 +78,18 @@ The `isReadOnly` prop makes the selection immutable. Unlike isDisabled, the Chec
   preview={`<Checkbox isReadOnly>I accept the terms and conditions</Checkbox>`}
 />
 
+## Composition
+
+If you need to customize things further, you can drop down to the composition level.
+
+<ComponentPreview
+  name="core/checkbox/checkbox-composition"
+  preview={`<CheckboxRoot className="..">
+    <span>I agree to the terms and conditions</span>
+    <CheckboxIndicator className=".."/>
+  </CheckboxRoot>`}
+/>
+
 ## Uncontrolled
 
 The `defaultSelected` prop can be used to set the default state.
diff --git a/www/content/docs/components/forms-and-inputs/form.mdx b/www/content/docs/components/forms-and-inputs/form.mdx
new file mode 100644
index 000000000..190afef97
--- /dev/null
+++ b/www/content/docs/components/forms-and-inputs/form.mdx
@@ -0,0 +1,100 @@
+---
+title: Form (OK)
+description: Forms allow users to enter and submit data, and provide them with feedback along the way.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/Form.html
+  - label: React Hook Form docs
+    href: https://react-hook-form.com/
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
+---
+
+<ComponentPreview
+  name="core/form/form-basic"
+  preview={`const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    /* Handle form submission */
+  };
+  
+  return (
+    <Form onSubmit={handleSubmit}>
+      <TextField
+        name="name"
+        label="Name"
+        description="Please enter your full name."
+        minLength={2}
+        isRequired
+      />
+      <Button variant="primary" type="submit">
+        Submit
+      </Button>
+    </Form>
+  );`}
+/>
+
+## Installation
+
+```package-install
+npx dotui-cli@latest add form
+```
+
+## React Aria
+
+### Label & help text
+
+Accessible forms start with clear, descriptive labels for each field. All dotUI form components support labeling using the Label component or the `label` prop, which is automatically associated with the field via the id and for attributes on your behalf.
+
+In addition, the components support help text, which associates additional context with a field such as a description or error message. The label and help text are announced by assistive technology such as screen readers when the user focuses the field.
+
+```tsx
+import {TextField, Label, Input, Text} from 'react-aria-components';
+
+<TextField type="password">
+  <Label>Password</Label>
+  <Input />
+  <Text slot="description">Password must be at least 8 characters.</Text>
+</TextField>c
+```
+
+### Built-in validation
+
+All React Aria form components integrate with native HTML [constraint validation](https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation). This allows you to define constraints on each field such as required, minimum and maximum values, text formats such as email addresses, and even custom regular expression patterns. These constraints are checked by the browser when the user commits changes to the value (e.g. on blur) or submits the form.
+
+<ComponentPreview name="core/form/form-react-aria" />
+
+## React Hook Form
+
+In most cases, uncontrolled forms with the builtin validation features are enough. However, if you are building a truly complex form, a separate form library such as React Hook Form may be helpful.
+
+### Anatomy
+
+```tsx
+const formSchema = z.object({
+  // Define your form schema
+});
+
+const Demo = () => {
+  const { control, handleSubmit } = useForm();
+  const onSubmit = (values: z.infer<typeof formSchema>) => {
+    /* Handle form submission */
+  };
+
+  return (
+    <Form onSubmit={handleSubmit(onSubmit)}>
+      <FormControl
+        control={control}
+        name="..."
+        render={(props) => {
+          // Your form component
+        }}
+      />
+    </Form>
+  );
+};
+```
+
+### Example
+
+<ComponentPreview name="core/form/form-react-hook-form" />
diff --git a/www/content/docs/components/forms-and-inputs/meta.json b/www/content/docs/components/forms-and-inputs/meta.json
index 9ba545308..e3f56d43b 100644
--- a/www/content/docs/components/forms-and-inputs/meta.json
+++ b/www/content/docs/components/forms-and-inputs/meta.json
@@ -8,6 +8,7 @@
     "checkbox-group",
     "radio-group",
     "switch",
-    "slider"
+    "slider",
+    "form"
   ]
 }
\ No newline at end of file
diff --git a/www/content/docs/components/forms-and-inputs/number-field.mdx b/www/content/docs/components/forms-and-inputs/number-field.mdx
index f130cc74d..93682dab6 100644
--- a/www/content/docs/components/forms-and-inputs/number-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/number-field.mdx
@@ -116,7 +116,7 @@ A visual label can be provided for the `NumberField` using the `label` prop or a
 
 ### Description
 
-A description can be supplied to a NumberField via the `description` prop. The description is always visible unless the `validationState` is `“invalid”` and an error message is provided.
+A description can be supplied to a NumberField via the `description` prop. The description is always visible unless the `isInvalid` prop is set to `true` and an error message is provided.
 
 <ComponentPreview
   name="core/number-field/number-field-description"
diff --git a/www/content/docs/components/menus-and-selection/meta.json b/www/content/docs/components/menus-and-selection/meta.json
index 747e82fe1..62f79a45b 100644
--- a/www/content/docs/components/menus-and-selection/meta.json
+++ b/www/content/docs/components/menus-and-selection/meta.json
@@ -1,3 +1,3 @@
 {
-  "pages": ["menu", "list-box", "select", "combobox"]
+  "pages": ["menu", "list-box", "select", "combobox", "tag-group"]
 }
\ No newline at end of file
diff --git a/www/content/docs/components/menus-and-selection/tag-group.mdx b/www/content/docs/components/menus-and-selection/tag-group.mdx
index 59e28ef3d..22608acc9 100644
--- a/www/content/docs/components/menus-and-selection/tag-group.mdx
+++ b/www/content/docs/components/menus-and-selection/tag-group.mdx
@@ -1,5 +1,5 @@
 ---
-title: Toggle Button Group
+title: Tag group
 description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
 links:
   - label: Aria docs
@@ -12,18 +12,11 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
 ---
 
-## Installation
-
-## Usage
-
-## Options
+<ComponentPreview name="core/tag-group/tag-group-default" />
 
-## Uncontrolled
-
-## Controlled
-
-## API Reference
+## Installation
 
-## Accessibility
+```package-install
+npx dotui-cli@latest add tag-group
+```
 
-### Keyboard interactions
diff --git a/www/content/docs/components/meta.json b/www/content/docs/components/meta.json
index 4306bfa4a..4a2e1b754 100644
--- a/www/content/docs/components/meta.json
+++ b/www/content/docs/components/meta.json
@@ -12,6 +12,6 @@
     "layout",
     "data-display",
     "navigation",
-    "overlay"
+    "overlays"
   ]
 }
diff --git a/www/content/docs/components/navigation/disclosure-group.mdx b/www/content/docs/components/navigation/disclosure-group.mdx
index 201127869..f0b70a309 100644
--- a/www/content/docs/components/navigation/disclosure-group.mdx
+++ b/www/content/docs/components/navigation/disclosure-group.mdx
@@ -12,18 +12,11 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
 ---
 
-## Installation
-
-## Usage
-
-## Options
+<ComponentPreview name="core/disclosure-group/disclosure-group-default" />
 
-## Uncontrolled
-
-## Controlled
-
-## API Reference
+## Installation
 
-## Accessibility
+```package-install
+npx dotui-cli@latest add disclosure-group
+```
 
-### Keyboard interactions
diff --git a/www/content/docs/components/navigation/disclosure.mdx b/www/content/docs/components/navigation/disclosure.mdx
index 244dbf3c7..01ccd4ffa 100644
--- a/www/content/docs/components/navigation/disclosure.mdx
+++ b/www/content/docs/components/navigation/disclosure.mdx
@@ -12,18 +12,11 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
 ---
 
-## Installation
-
-## Usage
-
-## Options
+<ComponentPreview name="core/disclosure/disclosure-default" />
 
-## Uncontrolled
-
-## Controlled
-
-## API Reference
+## Installation
 
-## Accessibility
+```package-install
+npx dotui-cli@latest add disclosure
+```
 
-### Keyboard interactions
diff --git a/www/content/docs/components/overlay/meta.json b/www/content/docs/components/overlay/meta.json
deleted file mode 100644
index 2c5fd5af3..000000000
--- a/www/content/docs/components/overlay/meta.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "pages": ["dialog", "tooltip"]
-}
\ No newline at end of file
diff --git a/www/content/docs/components/overlay/dialog.mdx b/www/content/docs/components/overlays/dialog.mdx
similarity index 89%
rename from www/content/docs/components/overlay/dialog.mdx
rename to www/content/docs/components/overlays/dialog.mdx
index 742532291..1e21e94b6 100644
--- a/www/content/docs/components/overlay/dialog.mdx
+++ b/www/content/docs/components/overlays/dialog.mdx
@@ -17,56 +17,31 @@ links:
   preview={`<DialogRoot>
     <Button variant="outline">Edit Profile</Button>
     <Dialog title="Edit profile" description="Make changes to your profile.">
-      {({ close }) => (
-        <>
-          <div>
-            <TextField autoFocus label="Name" defaultValue="Mehdi" />
-            <TextField label="Username" defaultValue="@mehdibha_" />
-          </div>
-          <DialogFooter>
-            <Button variant="outline" size={{ initial: "lg", sm: "md" }} onPress={close}>
-              Cancel
-            </Button>
-            <Button variant="primary" size={{ initial: "lg", sm: "md" }} onPress={close}>
-              Save changes
-            </Button>
-          </DialogFooter>
-        </>
-      )}
+      <TextField autoFocus label="Name" defaultValue="Mehdi" />
+      <TextField label="Username" defaultValue="@mehdibha_" />
+      <DialogFooter>
+        <Button slot="close" variant="outline">
+          Cancel
+        </Button>
+        <Button slot="close" variant="primary">
+          Save changes
+        </Button>
+      </DialogFooter>
     </Dialog>
   </DialogRoot>`}
 />
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add dialog
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/dialog/dialog" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
+## Composition
 
-## Usage
+If you need to customize things further, you can drop down to the composition level.
 
-Use `Dialog` to display contextual information, tasks, or workflows that appear over the user interface. Depending on the kind of dialog, further interactions may be blocked until the dialog is acknowledged.
+<ComponentPreview name="core/dialog/dialog-composition" preview={``} />
 
 ## Options
 
diff --git a/www/content/docs/components/overlays/drawer.mdx b/www/content/docs/components/overlays/drawer.mdx
new file mode 100644
index 000000000..190b6b5cd
--- /dev/null
+++ b/www/content/docs/components/overlays/drawer.mdx
@@ -0,0 +1,29 @@
+---
+title: Drawer
+description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
+  - label: Aria API Reference
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
+---
+
+## Installation
+
+## Usage
+
+## Options
+
+## Uncontrolled
+
+## Controlled
+
+## API Reference
+
+## Accessibility
+
+### Keyboard interactions
diff --git a/www/content/docs/components/overlays/meta.json b/www/content/docs/components/overlays/meta.json
new file mode 100644
index 000000000..4655b548f
--- /dev/null
+++ b/www/content/docs/components/overlays/meta.json
@@ -0,0 +1,3 @@
+{
+  "pages": ["dialog", "modal", "popover", "drawer", "overlay", "tooltip"]
+}
diff --git a/www/content/docs/components/overlays/modal.mdx b/www/content/docs/components/overlays/modal.mdx
new file mode 100644
index 000000000..d0674d4e5
--- /dev/null
+++ b/www/content/docs/components/overlays/modal.mdx
@@ -0,0 +1,56 @@
+---
+title: Modal
+description: A modal is an overlay element which blocks interaction with elements outside it.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/Modal.html
+  - label: Aria API Reference
+    href: https://react-spectrum.adobe.com/react-aria/Modal.html#props
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/toggle-button-group.mdx?plain=1
+---
+
+<ComponentPreview
+  name="core/modal/modal-basic"
+  preview={`<DialogRoot>
+    <Button>Edit profile</Button>
+    <Modal>
+      <DialogContent className="space-y-4">
+        <Heading>Edit Profile</Heading>
+        <TextField
+          autoFocus
+          label="Name"
+          defaultValue="Mehdi"
+        />
+        <TextField
+          label="Username"
+          defaultValue="@mehdibha_"
+        />
+        <div className="flex items-center justify-end gap-2">
+          <Button slot="close" variant="outline">
+            Cancel
+          </Button>
+          <Button slot="close" variant="primary">
+            Save changes
+          </Button>
+        </div>
+      </DialogContent>
+    </Modal>
+  </DialogRoot>`}
+/>
+
+## Installation
+
+```package-install
+npx dotui-cli@latest add modal
+```
+
+## API Reference
+
+| Prop        | Type                                                                                                        | Default | Description                                                                                                  |
+| ----------- | ----------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------ |
+| `children`  | `ReactNode \| (opts: ModalRenderProps) => ReactNode`                                                        | -       | The children of the component. A function may be provided to alter the children based on component state.    |
+| `className` | `string \| (values: ModalRenderProps & {defaultClassName: string \| undefined}) => string`                  | -       | The CSS className for the element. A function may be provided to compute the class based on component state. |
+| `style`     | `CSSProperties \| (values: ModalRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -       | The inline style for the element. A function may be provided to compute the style based on component state.  |
diff --git a/www/content/docs/components/overlays/overlay.mdx b/www/content/docs/components/overlays/overlay.mdx
new file mode 100644
index 000000000..eae834667
--- /dev/null
+++ b/www/content/docs/components/overlays/overlay.mdx
@@ -0,0 +1,29 @@
+---
+title: Overlay
+description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
+  - label: Aria API Reference
+    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
+---
+
+## Installation
+
+## Usage
+
+## Options
+
+## Uncontrolled
+
+## Controlled
+
+## API Reference
+
+## Accessibility
+
+### Keyboard interactions
diff --git a/www/content/docs/components/overlays/popover.mdx b/www/content/docs/components/overlays/popover.mdx
new file mode 100644
index 000000000..b5417da66
--- /dev/null
+++ b/www/content/docs/components/overlays/popover.mdx
@@ -0,0 +1,32 @@
+---
+title: Popover
+description: A popover is an overlay element positioned relative to a trigger.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/Popover.html
+  - label: Aria API Reference
+    href: https://react-spectrum.adobe.com/react-aria/Popover.html#props
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/toggle-button-group.mdx?plain=1
+---
+
+<ComponentPreview
+  name="core/popover/popover-basic"
+  preview={``}
+/>
+
+## Installation
+
+```package-install
+npx dotui-cli@latest add popover
+```
+
+## API Reference
+
+| Prop        | Type                                                                                                        | Default | Description                                                                                                  |
+| ----------- | ----------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------ |
+| `children`  | `ReactNode \| (opts: PopoverRenderProps) => ReactNode`                                                        | -       | The children of the component. A function may be provided to alter the children based on component state.    |
+| `className` | `string \| (values: PopoverRenderProps & {defaultClassName: string \| undefined}) => string`                  | -       | The CSS className for the element. A function may be provided to compute the class based on component state. |
+| `style`     | `CSSProperties \| (values: PopoverRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -       | The inline style for the element. A function may be provided to compute the style based on component state.  |
diff --git a/www/content/docs/components/overlay/tooltip.mdx b/www/content/docs/components/overlays/tooltip.mdx
similarity index 95%
rename from www/content/docs/components/overlay/tooltip.mdx
rename to www/content/docs/components/overlays/tooltip.mdx
index aa828d2b4..469d93862 100644
--- a/www/content/docs/components/overlay/tooltip.mdx
+++ b/www/content/docs/components/overlays/tooltip.mdx
@@ -21,31 +21,10 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add tooltip
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/tooltip/tooltip" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use `Tooltip` to display a description of an element on hover or focus.
@@ -57,6 +36,20 @@ Use `Tooltip` to display a description of an element on hover or focus.
 - Never include tooltips on non-interactive components (div, span, p) because it will not be accessible for keyboard or screen reader users.
 - Don't place actions inside a tooltip
 
+## Composition
+
+For more flexibility, you can drop down to the composition level.
+
+<ComponentPreview
+  name="core/tooltip/tooltip-composition"
+  preview={`<TooltipRoot>
+    <Button>Hover</Button>
+    <TooltipContent>
+      <p>Add to library</p>
+    </TooltipContent>
+  </TooltipRoot>`}
+/>
+
 ## Options
 
 ### Arrow
@@ -124,20 +117,6 @@ The delay duration (the time from when the mouse enters a tooltip trigger until
   </Tooltip>`}
 />
 
-## Composition
-
-For more flexibility, you can use the composition pattern to create a custom tooltip.
-
-<ComponentPreview
-  name="core/tooltip/tooltip-composition"
-  preview={`<TooltipRoot>
-    <Button>Hover</Button>
-    <TooltipContent>
-      <p>Add to library</p>
-    </TooltipContent>
-  </TooltipRoot>`}
-/>
-
 ## API Reference
 
 ### Tooltip
diff --git a/www/next.config.mjs b/www/next.config.mjs
index 418695f11..62a468bd2 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -15,9 +15,9 @@ const config = {
   typescript: {
     ignoreBuildErrors: true
   },
-  experimental: {
-    reactCompiler: true,
-  },
+  // experimental: {
+  //   reactCompiler: true,
+  // },
 };
 
 export default withMDX(config);
diff --git a/www/package.json b/www/package.json
index ba09d55c2..12606cbd6 100644
--- a/www/package.json
+++ b/www/package.json
@@ -19,6 +19,7 @@
   },
   "dependencies": {
     "@adobe/leonardo-contrast-colors": "^1.0.0",
+    "@hookform/resolvers": "^3.10.0",
     "@internationalized/date": "^3.5.4",
     "@radix-ui/react-aspect-ratio": "^1.0.3",
     "@radix-ui/react-collapsible": "^1.0.3",
@@ -49,6 +50,7 @@
     "react-aria": "^3.33.0",
     "react-aria-components": "^1.5.0",
     "react-dom": "19.0.0",
+    "react-hook-form": "^7.54.2",
     "react-resizable-panels": "^2.0.19",
     "react-stately": "^3.31.0",
     "remark-gfm": "^4.0.0",
diff --git a/www/src/__registry__/core/alert-01.tsx b/www/src/__registry__/core/alert-01.tsx
index c359c1641..717dbf9a8 100644
--- a/www/src/__registry__/core/alert-01.tsx
+++ b/www/src/__registry__/core/alert-01.tsx
@@ -18,11 +18,19 @@ const alertStyles = tv({
   },
   variants: {
     variant: {
-      neutral: { root: "text-fg border" },
-      success: { root: "border-border-success text-fg-success border" },
-      warning: { root: "border-border-warning text-fg-warning border" },
-      danger: { root: "border-border-danger text-fg-danger border" },
-      info: { root: "border-border-accent text-fg-accent border" },
+      neutral: { root: "bg-bg-muted text-fg border" },
+      success: {
+        root: "bg-bg-success-muted border-border-success text-fg-success border",
+      },
+      warning: {
+        root: "bg-bg-warning-muted border-border-warning text-fg-warning border",
+      },
+      danger: {
+        root: "bg-bg-danger-muted border-border-danger text-fg-danger border",
+      },
+      info: {
+        root: "bg-bg-info-muted border-border-info text-fg-info border",
+      },
     },
   },
   defaultVariants: {
@@ -35,8 +43,8 @@ const { root, title, content } = alertStyles();
 const [AlertProvider, useAlertContext] =
   createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
 
-const icons = {
-  neutral: <InfoIcon />,
+const defaultIcons = {
+  neutral: null,
   danger: <AlertCircleIcon />,
   success: <CheckCircle2Icon />,
   warning: <AlertTriangleIcon />,
@@ -47,6 +55,7 @@ interface AlertProps extends AlertRootProps {
   title?: string;
   description?: string;
   action?: React.ReactNode;
+  icon?: React.ReactNode | null;
 }
 
 function Alert({
@@ -54,11 +63,13 @@ function Alert({
   title,
   description,
   action,
+  icon,
   ...props
 }: AlertProps) {
+  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
   return (
     <AlertRoot variant={variant} {...props}>
-      {icons[variant]}
+      {resolvedIcon}
       <div className="flex-1 space-y-0.5">
         <AlertTitle>{title}</AlertTitle>
         {description && <AlertContent>{description}</AlertContent>}
diff --git a/www/src/__registry__/core/alert-02.tsx b/www/src/__registry__/core/alert-02.tsx
new file mode 100644
index 000000000..419bfd71a
--- /dev/null
+++ b/www/src/__registry__/core/alert-02.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import * as React from "react";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "lucide-react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const alertStyles = tv({
+  slots: {
+    root: "bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      neutral: { root: "border-bg-primary" },
+      success: {
+        root: "border-bg-success",
+      },
+      warning: {
+        root: "border-bg-warning",
+      },
+      danger: {
+        root: "border-bg-danger",
+      },
+      info: {
+        root: "border-bg-info",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "neutral",
+  },
+});
+
+const { root, title, content } = alertStyles();
+
+const [AlertProvider, useAlertContext] =
+  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
+
+const defaultIcons = {
+  neutral: null,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
+  info: <InfoIcon />,
+};
+
+interface AlertProps extends AlertRootProps {
+  title?: string;
+  description?: string;
+  action?: React.ReactNode;
+  icon?: React.ReactNode | null;
+}
+
+function Alert({
+  variant = "neutral",
+  title,
+  description,
+  action,
+  icon,
+  ...props
+}: AlertProps) {
+  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
+  return (
+    <AlertRoot variant={variant} {...props}>
+      {resolvedIcon}
+      <div className="flex-1 space-y-0.5">
+        <AlertTitle>{title}</AlertTitle>
+        {description && <AlertContent>{description}</AlertContent>}
+      </div>
+      {action}
+    </AlertRoot>
+  );
+}
+
+interface AlertRootProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof alertStyles> {}
+
+function AlertRoot({ className, variant, ...props }: AlertRootProps) {
+  return (
+    <AlertProvider variant={variant}>
+      <div role="alert" className={root({ variant, className })} {...props} />
+    </AlertProvider>
+  );
+}
+
+interface AlertTitleProps extends React.ComponentProps<"h5"> {}
+
+function AlertTitle({ className, ...props }: AlertTitleProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <h5 className={title({ variant, className })} {...props} />;
+}
+
+interface AlertContentProps extends React.ComponentProps<"p"> {}
+
+function AlertContent({ className, ...props }: AlertContentProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <p className={content({ variant, className })} {...props} />;
+}
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/alert-03.tsx b/www/src/__registry__/core/alert-03.tsx
new file mode 100644
index 000000000..b30e2689c
--- /dev/null
+++ b/www/src/__registry__/core/alert-03.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import * as React from "react";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "lucide-react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const alertStyles = tv({
+  slots: {
+    root: "text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      neutral: { root: "border-bg-primary bg-bg-muted" },
+      success: {
+        root: "bg-bg-success-muted border-bg-success text-fg-success",
+      },
+      warning: {
+        root: "bg-bg-warning-muted border-bg-warning text-fg-warning",
+      },
+      danger: {
+        root: "bg-bg-danger-muted border-bg-danger text-fg-danger",
+      },
+      info: {
+        root: "bg-bg-info-muted border-bg-info text-fg-info",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "neutral",
+  },
+});
+
+const { root, title, content } = alertStyles();
+
+const [AlertProvider, useAlertContext] =
+  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
+
+const defaultIcons = {
+  neutral: null,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
+  info: <InfoIcon />,
+};
+
+interface AlertProps extends AlertRootProps {
+  title?: string;
+  description?: string;
+  action?: React.ReactNode;
+  icon?: React.ReactNode | null;
+}
+
+function Alert({
+  variant = "neutral",
+  title,
+  description,
+  action,
+  icon,
+  ...props
+}: AlertProps) {
+  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
+  return (
+    <AlertRoot variant={variant} {...props}>
+      {resolvedIcon}
+      <div className="flex-1 space-y-0.5">
+        <AlertTitle>{title}</AlertTitle>
+        {description && <AlertContent>{description}</AlertContent>}
+      </div>
+      {action}
+    </AlertRoot>
+  );
+}
+
+interface AlertRootProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof alertStyles> {}
+
+function AlertRoot({ className, variant, ...props }: AlertRootProps) {
+  return (
+    <AlertProvider variant={variant}>
+      <div role="alert" className={root({ variant, className })} {...props} />
+    </AlertProvider>
+  );
+}
+
+interface AlertTitleProps extends React.ComponentProps<"h5"> {}
+
+function AlertTitle({ className, ...props }: AlertTitleProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <h5 className={title({ variant, className })} {...props} />;
+}
+
+interface AlertContentProps extends React.ComponentProps<"p"> {}
+
+function AlertContent({ className, ...props }: AlertContentProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <p className={content({ variant, className })} {...props} />;
+}
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/alert-04.tsx b/www/src/__registry__/core/alert-04.tsx
new file mode 100644
index 000000000..647c6abb6
--- /dev/null
+++ b/www/src/__registry__/core/alert-04.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import * as React from "react";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "lucide-react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const alertStyles = tv({
+  slots: {
+    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      neutral: { root: "text-fg-muted" },
+      success: {
+        root: "border-border-success text-fg-success",
+      },
+      warning: {
+        root: "border-border-warning text-fg-warning",
+      },
+      danger: {
+        root: "border-border-danger text-fg-danger",
+      },
+      info: {
+        root: "border-border-info text-fg-info",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "neutral",
+  },
+});
+
+const { root, title, content } = alertStyles();
+
+const [AlertProvider, useAlertContext] =
+  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
+
+const defaultIcons = {
+  neutral: null,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
+  info: <InfoIcon />,
+};
+
+interface AlertProps extends AlertRootProps {
+  title?: string;
+  description?: string;
+  action?: React.ReactNode;
+  icon?: React.ReactNode | null;
+}
+
+function Alert({
+  variant = "neutral",
+  title,
+  description,
+  action,
+  icon,
+  ...props
+}: AlertProps) {
+  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
+  return (
+    <AlertRoot variant={variant} {...props}>
+      {resolvedIcon}
+      <div className="flex-1 space-y-0.5">
+        <AlertTitle>{title}</AlertTitle>
+        {description && <AlertContent>{description}</AlertContent>}
+      </div>
+      {action}
+    </AlertRoot>
+  );
+}
+
+interface AlertRootProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof alertStyles> {}
+
+function AlertRoot({ className, variant, ...props }: AlertRootProps) {
+  return (
+    <AlertProvider variant={variant}>
+      <div role="alert" className={root({ variant, className })} {...props} />
+    </AlertProvider>
+  );
+}
+
+interface AlertTitleProps extends React.ComponentProps<"h5"> {}
+
+function AlertTitle({ className, ...props }: AlertTitleProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <h5 className={title({ variant, className })} {...props} />;
+}
+
+interface AlertContentProps extends React.ComponentProps<"p"> {}
+
+function AlertContent({ className, ...props }: AlertContentProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <p className={content({ variant, className })} {...props} />;
+}
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/alert-05.tsx b/www/src/__registry__/core/alert-05.tsx
new file mode 100644
index 000000000..ca37edc84
--- /dev/null
+++ b/www/src/__registry__/core/alert-05.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import * as React from "react";
+import {
+  AlertCircleIcon,
+  AlertTriangleIcon,
+  CheckCircle2Icon,
+  InfoIcon,
+} from "lucide-react";
+import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const alertStyles = tv({
+  slots: {
+    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    title: "mr-1 font-medium leading-normal tracking-tight",
+    content: "text-sm",
+  },
+  variants: {
+    variant: {
+      neutral: { root: "bg-bg-muted text-fg" },
+      success: {
+        root: "bg-bg-success text-fg-onSuccess",
+      },
+      warning: {
+        root: "bg-bg-warning text-fg-onWarning",
+      },
+      danger: {
+        root: "bg-bg-danger text-fg-onDanger",
+      },
+      info: {
+        root: "bg-bg-info text-fg-onInfo",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "neutral",
+  },
+});
+
+const { root, title, content } = alertStyles();
+
+const [AlertProvider, useAlertContext] =
+  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
+
+const defaultIcons = {
+  neutral: null,
+  danger: <AlertCircleIcon />,
+  success: <CheckCircle2Icon />,
+  warning: <AlertTriangleIcon />,
+  info: <InfoIcon />,
+};
+
+interface AlertProps extends AlertRootProps {
+  title?: string;
+  description?: string;
+  action?: React.ReactNode;
+  icon?: React.ReactNode | null;
+}
+
+function Alert({
+  variant = "neutral",
+  title,
+  description,
+  action,
+  icon,
+  ...props
+}: AlertProps) {
+  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
+  return (
+    <AlertRoot variant={variant} {...props}>
+      {resolvedIcon}
+      <div className="flex-1 space-y-0.5">
+        <AlertTitle>{title}</AlertTitle>
+        {description && <AlertContent>{description}</AlertContent>}
+      </div>
+      {action}
+    </AlertRoot>
+  );
+}
+
+interface AlertRootProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof alertStyles> {}
+
+function AlertRoot({ className, variant, ...props }: AlertRootProps) {
+  return (
+    <AlertProvider variant={variant}>
+      <div role="alert" className={root({ variant, className })} {...props} />
+    </AlertProvider>
+  );
+}
+
+interface AlertTitleProps extends React.ComponentProps<"h5"> {}
+
+function AlertTitle({ className, ...props }: AlertTitleProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <h5 className={title({ variant, className })} {...props} />;
+}
+
+interface AlertContentProps extends React.ComponentProps<"p"> {}
+
+function AlertContent({ className, ...props }: AlertContentProps) {
+  const { variant } = useAlertContext("AlertTitle");
+  return <p className={content({ variant, className })} {...props} />;
+}
+
+export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
+export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/avatar.tsx b/www/src/__registry__/core/avatar.tsx
index fe12de1b6..2d150c2cd 100644
--- a/www/src/__registry__/core/avatar.tsx
+++ b/www/src/__registry__/core/avatar.tsx
@@ -2,6 +2,7 @@
 
 import * as React from "react";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
 
 const avatarStyles = tv({
   slots: {
@@ -29,22 +30,24 @@ const avatarStyles = tv({
   },
 });
 
+const { root, image, fallback, placeholder } = avatarStyles();
+
+const [AvatarProvider, useAvatarContext] = createScopedContext<
+  VariantProps<typeof avatarStyles> & {
+    status: Status;
+    setStatus: (status: Status) => void;
+  }
+>("AlertRoot");
+
 interface AvatarProps
-  extends AvatarImageProps,
-    VariantProps<typeof avatarStyles> {
+  extends AvatarRootProps,
+    Pick<AvatarImageProps, "src" | "alt"> {
   fallback?: React.ReactNode;
 }
-const Avatar = ({
-  fallback,
-  className,
-  style,
-  size,
-  shape,
-  ...props
-}: AvatarProps) => {
+const Avatar = ({ src, alt, fallback, ...props }: AvatarProps) => {
   return (
-    <AvatarRoot className={className} style={style} shape={shape} size={size}>
-      <AvatarImage {...props} />
+    <AvatarRoot {...props}>
+      <AvatarImage src={src} alt={alt} />
       <AvatarFallback>{fallback}</AvatarFallback>
       <AvatarPlaceholder />
     </AvatarRoot>
@@ -52,86 +55,67 @@ const Avatar = ({
 };
 
 interface AvatarRootProps
-  extends React.HTMLAttributes<HTMLSpanElement>,
+  extends React.ComponentProps<"span">,
     VariantProps<typeof avatarStyles> {}
-const AvatarRoot = ({ className, shape, size, ...props }: AvatarRootProps) => {
-  const { root } = avatarStyles({ shape, size });
+
+function AvatarRoot({ className, shape, size, ...props }: AvatarRootProps) {
   const [status, setStatus] = React.useState<Status>("idle");
+
   return (
-    <AvatarContext.Provider value={{ status, onStatusChange: setStatus }}>
-      <span className={root({ className })} {...props} />
-    </AvatarContext.Provider>
+    <AvatarProvider
+      shape={shape}
+      size={size}
+      status={status}
+      setStatus={setStatus}
+    >
+      <span className={root({ className, shape, size })} {...props} />
+    </AvatarProvider>
   );
-};
-
-interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-  onStatusChange?: (status: Status) => void;
 }
-const AvatarImage = ({
-  src,
-  onStatusChange,
-  className,
-  ...props
-}: AvatarImageProps) => {
-  const { image } = avatarStyles();
-  const context = useAvatarContext();
+
+interface AvatarImageProps extends React.ComponentProps<"img"> {}
+function AvatarImage({ src, alt, className, ...props }: AvatarImageProps) {
   const status = useImageLoadingStatus(src);
-  // TODO use useCallBackRef here
-  const handleStatusChange = React.useCallback(
-    (status: Status) => {
-      onStatusChange?.(status);
-      context.onStatusChange(status);
-    },
-    [onStatusChange, context]
-  );
+  const { setStatus } = useAvatarContext("AvatarImage");
 
   React.useLayoutEffect(() => {
     if (status !== "idle") {
-      handleStatusChange(status);
+      setStatus(status);
     }
-  }, [status, handleStatusChange]);
+  }, [status, setStatus]);
 
-  return status === "success" ? (
-    // eslint-disable-next-line jsx-a11y/alt-text
-    <img src={src} className={image({ className })} {...props} />
-  ) : null;
-};
+  if (status === "success")
+    return (
+      <img className={image({ className })} src={src} alt={alt} {...props} />
+    );
+
+  return null;
+}
 
 type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
+
 const AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {
-  const { fallback } = avatarStyles();
-  const context = useAvatarContext();
+  const { status } = useAvatarContext("AvatarFallback");
 
-  return context.status === "error" ? (
-    <span className={fallback({ className })} {...props} />
-  ) : null;
+  if (status === "error")
+    return <span className={fallback({ className })} {...props} />;
+
+  return null;
 };
 
-type AvatarPlaceholderProps = React.HTMLAttributes<HTMLSpanElement>;
+interface AvatarPlaceholderProps extends React.ComponentProps<"span"> {}
+
 const AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {
-  const { placeholder } = avatarStyles();
-  const context = useAvatarContext();
+  const { status } = useAvatarContext("AvatarPlaceholder");
 
-  return ["idle", "loading"].includes(context.status) ? (
-    <span className={placeholder({ className })} {...props} />
-  ) : null;
-};
+  if (["idle", "loading"].includes(status))
+    return <span className={placeholder({ className })} {...props} />;
 
-type AvatarContextValue = {
-  status: Status;
-  onStatusChange: (status: Status) => void;
-};
-const AvatarContext = React.createContext<AvatarContextValue | null>(null);
-const useAvatarContext = () => {
-  const context = React.useContext(AvatarContext);
-  if (!context) {
-    throw new Error("Avatar components must be rendered within the AvatarRoot");
-  }
-  return context;
+  return null;
 };
 
 type Status = "idle" | "loading" | "success" | "error";
-const useImageLoadingStatus = (src?: string) => {
+function useImageLoadingStatus(src?: string) {
   const [status, setStatus] = React.useState<Status>("idle");
 
   React.useLayoutEffect(() => {
@@ -155,7 +139,7 @@ const useImageLoadingStatus = (src?: string) => {
   }, [src]);
 
   return status;
-};
+}
 
 export type {
   AvatarProps,
@@ -164,12 +148,4 @@ export type {
   AvatarFallbackProps,
   AvatarPlaceholderProps,
 };
-
-export {
-  Avatar,
-  AvatarRoot,
-  AvatarImage,
-  AvatarFallback,
-  AvatarPlaceholder,
-  avatarStyles,
-};
+export { Avatar, AvatarRoot, AvatarImage, AvatarFallback, AvatarPlaceholder };
diff --git a/www/src/__registry__/core/button-01.tsx b/www/src/__registry__/core/button-01.tsx
index 2bf088e70..c1154510b 100644
--- a/www/src/__registry__/core/button-01.tsx
+++ b/www/src/__registry__/core/button-01.tsx
@@ -9,71 +9,69 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createOptionalScopedContext } from "@/lib/helpers";
 import { Loader } from "@/components/dynamic-core/loader";
-import { cn } from "@/registry/lib/cn";
 import { focusRing } from "@/registry/lib/focus-styles";
 
-const buttonStyles = tv(
-  {
-    extend: focusRing,
-    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
-    variants: {
-      variant: {
-        default:
-          "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
-        primary:
-          "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
-        quiet:
-          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
-        outline:
-          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-        accent:
-          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
-        success:
-          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
-        warning:
-          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
-        danger:
-          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
-      },
-      size: {
-        sm: "size-8 [&_svg]:size-4",
-        md: "size-9 [&_svg]:size-4",
-        lg: "size-10 [&_svg]:size-5",
-      },
-      shape: {
-        rectangle: "",
-        square: "",
-        circle: "rounded-full",
-      },
+const buttonStyles = tv({
+  extend: focusRing,
+  base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
+  variants: {
+    variant: {
+      default:
+        "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
+      primary:
+        "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
+      quiet:
+        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
+      outline:
+        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+      accent:
+        "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+      success:
+        "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+      warning:
+        "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+      danger:
+        "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
     },
-    compoundVariants: [
-      {
-        size: "sm",
-        shape: "rectangle",
-        className: "w-auto px-3",
-      },
-      {
-        size: "md",
-        shape: "rectangle",
-        className: "w-auto px-4",
-      },
-      {
-        size: "lg",
-        shape: "rectangle",
-        className: "w-auto px-5",
-      },
-    ],
-    defaultVariants: {
-      variant: "default",
+    size: {
+      sm: "size-8 [&_svg]:size-4",
+      md: "size-9 [&_svg]:size-4",
+      lg: "size-10 [&_svg]:size-5",
+    },
+    shape: {
+      rectangle: "",
+      square: "",
+      circle: "rounded-full",
+    },
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      shape: "rectangle",
+      className: "w-auto px-3",
+    },
+    {
       size: "md",
       shape: "rectangle",
+      className: "w-auto px-4",
     },
+    {
+      size: "lg",
+      shape: "rectangle",
+      className: "w-auto px-5",
+    },
+  ],
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    shape: "rectangle",
   },
-  {
-    responsiveVariants: ["sm", "lg"],
-  }
-);
+});
+
+const [ButtonProvider, useButtonContext] =
+  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
 
 interface ButtonProps
   extends Omit<AriaButtonProps, "className">,
@@ -124,11 +122,5 @@ const Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-type ButtonContextValue = VariantProps<typeof buttonStyles>;
-const ButtonContext = React.createContext<ButtonContextValue>({});
-const useButtonContext = () => {
-  return React.useContext(ButtonContext);
-};
-
 export type { ButtonProps };
-export { Button, buttonStyles, ButtonContext };
+export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/__registry__/core/button-02.tsx b/www/src/__registry__/core/button-02.tsx
index 14ffbb17f..04a677297 100644
--- a/www/src/__registry__/core/button-02.tsx
+++ b/www/src/__registry__/core/button-02.tsx
@@ -9,6 +9,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createOptionalScopedContext } from "@/lib/helpers";
 import { Loader } from "@/components/dynamic-core/loader";
 import { focusRing } from "@/registry/lib/focus-styles";
 
@@ -74,6 +75,9 @@ const buttonStyles = tv(
   }
 );
 
+const [ButtonProvider, useButtonContext] =
+  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
+
 interface ButtonProps
   extends Omit<AriaButtonProps, "className">,
     Omit<AriaLinkProps, "className" | "children" | "style">,
@@ -117,11 +121,5 @@ const Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-type ButtonContextValue = VariantProps<typeof buttonStyles>;
-const ButtonContext = React.createContext<ButtonContextValue>({});
-const useButtonContext = () => {
-  return React.useContext(ButtonContext);
-};
-
 export type { ButtonProps };
-export { Button, buttonStyles, ButtonContext };
+export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/__registry__/core/button-03.tsx b/www/src/__registry__/core/button-03.tsx
index bc2d3356f..47353fe6c 100644
--- a/www/src/__registry__/core/button-03.tsx
+++ b/www/src/__registry__/core/button-03.tsx
@@ -9,6 +9,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createOptionalScopedContext } from "@/lib/helpers";
 import { Loader } from "@/components/dynamic-core/loader";
 import { focusRing } from "@/registry/lib/focus-styles";
 
@@ -74,6 +75,9 @@ const buttonStyles = tv(
   }
 );
 
+const [ButtonProvider, useButtonContext] =
+  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
+
 interface ButtonProps
   extends Omit<AriaButtonProps, "className">,
     Omit<AriaLinkProps, "className" | "children" | "style">,
@@ -117,11 +121,5 @@ const Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-type ButtonContextValue = VariantProps<typeof buttonStyles>;
-const ButtonContext = React.createContext<ButtonContextValue>({});
-const useButtonContext = () => {
-  return React.useContext(ButtonContext);
-};
-
 export type { ButtonProps };
-export { Button, buttonStyles, ButtonContext };
+export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/__registry__/core/button-04.tsx b/www/src/__registry__/core/button-04.tsx
index c55f444de..7113f03cf 100644
--- a/www/src/__registry__/core/button-04.tsx
+++ b/www/src/__registry__/core/button-04.tsx
@@ -11,65 +11,64 @@ import {
   PressEvent,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createOptionalScopedContext } from "@/lib/helpers";
 import { Loader } from "@/components/dynamic-core/loader";
 import { Ripple } from "@/registry/core/ripple";
 import { useRipple } from "@/registry/hooks/use-ripple";
 import { focusRing } from "@/registry/lib/focus-styles";
 
-const buttonStyles = tv(
-  {
-    extend: focusRing,
-    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
-    variants: {
-      variant: {
-        default: "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
-        primary: "bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary",
-        quiet: "hover:bg-bg-inverse/10 text-fg bg-transparent",
-        outline:
-          "border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-        accent: "bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent",
-        success: "bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess",
-        warning: "bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning",
-        danger: "bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger",
-      },
-      size: {
-        sm: "size-8 [&_svg]:size-4",
-        md: "size-9 [&_svg]:size-4",
-        lg: "size-10 [&_svg]:size-5",
-      },
-      shape: {
-        rectangle: "",
-        square: "",
-        circle: "rounded-full",
-      },
+const buttonStyles = tv({
+  extend: focusRing,
+  base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+  variants: {
+    variant: {
+      default: "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
+      primary: "bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary",
+      quiet: "hover:bg-bg-inverse/10 text-fg bg-transparent",
+      outline:
+        "border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+      accent: "bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent",
+      success: "bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess",
+      warning: "bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning",
+      danger: "bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger",
     },
-    compoundVariants: [
-      {
-        size: "sm",
-        shape: "rectangle",
-        className: "w-auto px-3",
-      },
-      {
-        size: "md",
-        shape: "rectangle",
-        className: "w-auto px-4",
-      },
-      {
-        size: "lg",
-        shape: "rectangle",
-        className: "w-auto px-5",
-      },
-    ],
-    defaultVariants: {
-      variant: "default",
+    size: {
+      sm: "size-8 [&_svg]:size-4",
+      md: "size-9 [&_svg]:size-4",
+      lg: "size-10 [&_svg]:size-5",
+    },
+    shape: {
+      rectangle: "",
+      square: "",
+      circle: "rounded-full",
+    },
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      shape: "rectangle",
+      className: "w-auto px-3",
+    },
+    {
       size: "md",
       shape: "rectangle",
+      className: "w-auto px-4",
+    },
+    {
+      size: "lg",
+      shape: "rectangle",
+      className: "w-auto px-5",
     },
+  ],
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    shape: "rectangle",
   },
-  {
-    responsiveVariants: ["sm", "lg"],
-  }
-);
+});
+
+const [ButtonProvider, useButtonContext] =
+  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
 
 interface ButtonProps
   extends Omit<AriaButtonProps, "className">,
@@ -131,11 +130,5 @@ const Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-type ButtonContextValue = VariantProps<typeof buttonStyles>;
-const ButtonContext = React.createContext<ButtonContextValue>({});
-const useButtonContext = () => {
-  return React.useContext(ButtonContext);
-};
-
 export type { ButtonProps };
-export { Button, buttonStyles, ButtonContext };
+export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/__registry__/core/button-group.tsx b/www/src/__registry__/core/button-group.tsx
new file mode 100644
index 000000000..d3b384bfb
--- /dev/null
+++ b/www/src/__registry__/core/button-group.tsx
@@ -0,0 +1,43 @@
+"use client";
+
+import { ButtonContext as AriaButtonContext } from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { ButtonProvider } from "@/components/dynamic-core/button";
+import { buttonStyles } from "@/registry/core/button-01";
+
+const buttonGroupStyles = tv({
+  base: "inline-flex isolate items-center [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md [&_button]:rounded-none",
+  variants: {
+    orientation: {
+      horizontal: "flex-row",
+      vertical: "flex-col",
+    },
+  },
+});
+
+interface ButtonGroupProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof buttonGroupStyles>,
+    VariantProps<typeof buttonStyles> {
+  isDisabled?: boolean;
+}
+
+function ButtonGroup({
+  variant,
+  size,
+  shape,
+  isDisabled,
+  className,
+  ...props
+}: ButtonGroupProps) {
+  return (
+    <AriaButtonContext value={{ isDisabled }}>
+      <ButtonProvider variant={variant} size={size} shape={shape}>
+        <div className={buttonGroupStyles({ className })} {...props} />
+      </ButtonProvider>
+    </AriaButtonContext>
+  );
+}
+
+export type { ButtonGroupProps };
+export { ButtonGroup };
diff --git a/www/src/__registry__/core/calendar.tsx b/www/src/__registry__/core/calendar.tsx
index 30534559d..7a3499565 100644
--- a/www/src/__registry__/core/calendar.tsx
+++ b/www/src/__registry__/core/calendar.tsx
@@ -48,11 +48,11 @@ const calendarStyles = tv({
     range: {
       false: {
         cell: [
-          // buttonStyles({
-          //   variant: "quiet",
-          //   shape: "square",
-          //   size: "sm",
-          // }),
+          buttonStyles({
+            variant: "quiet",
+            shape: "square",
+            size: "sm",
+          }),
           "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
           "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
           "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
diff --git a/www/src/__registry__/core/checkbox-group.tsx b/www/src/__registry__/core/checkbox-group.tsx
index d42bd9924..fb66305c7 100644
--- a/www/src/__registry__/core/checkbox-group.tsx
+++ b/www/src/__registry__/core/checkbox-group.tsx
@@ -7,7 +7,7 @@ import {
   type CheckboxGroupProps as AriaCheckboxGroupProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxContext } from "@/registry/core/checkbox";
+import { CheckboxProvider } from "@/registry/core/checkbox_basic";
 import { Field, type FieldProps } from "@/registry/core/field";
 
 const checkboxGroupStyles = tv({
@@ -81,9 +81,9 @@ const CheckboxGroupRoot = React.forwardRef<
 >(({ className, variant, ...props }, ref) => {
   const { root } = checkboxGroupStyles({ variant });
   return (
-    <CheckboxContext.Provider value={{ variant }}>
+    <CheckboxProvider variant={variant}>
       <AriaCheckboxGroup ref={ref} className={root({ className })} {...props} />
-    </CheckboxContext.Provider>
+    </CheckboxProvider>
   );
 });
 CheckboxGroupRoot.displayName = "CheckboxGroupRoot";
diff --git a/www/src/__registry__/core/checkbox.tsx b/www/src/__registry__/core/checkbox_basic.tsx
similarity index 50%
rename from www/src/__registry__/core/checkbox.tsx
rename to www/src/__registry__/core/checkbox_basic.tsx
index b568521a3..7bdc81052 100644
--- a/www/src/__registry__/core/checkbox.tsx
+++ b/www/src/__registry__/core/checkbox_basic.tsx
@@ -5,9 +5,12 @@ import { CheckIcon, MinusIcon } from "lucide-react";
 import {
   Checkbox as AriaCheckbox,
   composeRenderProps,
-  type CheckboxProps as AriaCheckboxProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import {
+  createScopedContext,
+  createOptionalScopedContext,
+} from "@/lib/helpers";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
 
 const checkboxStyles = tv({
@@ -40,43 +43,69 @@ const checkboxStyles = tv({
   },
 });
 
-interface CheckboxProps
-  extends Omit<AriaCheckboxProps, "className">,
-    VariantProps<typeof checkboxStyles> {
-  className?: string;
-}
-const Checkbox = React.forwardRef<
-  React.ElementRef<typeof AriaCheckbox>,
-  CheckboxProps
->((localProps, ref) => {
-  const contextProps = useCheckboxContext();
-  const props = { ...contextProps, ...localProps };
-  const { className, variant, ...restProps } = props;
-  const { root, indicator } = checkboxStyles({ variant });
+const { root, indicator } = checkboxStyles();
+
+const [VariantsProvider, useVariantsContext] = createScopedContext<
+  VariantProps<typeof checkboxStyles> & { isIndeterminate: boolean }
+>("CheckboxRoot");
+
+const [CheckboxProvider, useCheckboxContext] =
+  createOptionalScopedContext<VariantProps<typeof checkboxStyles>>("Checkbox");
+
+interface CheckboxProps extends CheckboxRootProps {}
+const Checkbox = ({ children, ...props }: CheckboxProps) => {
   return (
-    <AriaCheckbox ref={ref} {...restProps} className={root({ className })}>
-      {composeRenderProps(props.children, (children, { isIndeterminate }) => (
+    <CheckboxRoot {...props}>
+      {composeRenderProps(children, (children) => (
         <>
-          <div className={indicator({ className: "" })}>
-            {isIndeterminate ? (
-              <MinusIcon className="size-2.5" />
-            ) : (
-              <CheckIcon className="size-3" />
-            )}
-          </div>
           <span>{children}</span>
+          <CheckboxIndicator />
         </>
       ))}
+    </CheckboxRoot>
+  );
+};
+
+interface CheckboxRootProps
+  extends React.ComponentProps<typeof AriaCheckbox>,
+    VariantProps<typeof checkboxStyles> {}
+
+const CheckboxRoot = (localProps: CheckboxRootProps) => {
+  const contextProps = useCheckboxContext();
+  const { variant, className, ...props } = { ...contextProps, ...localProps };
+  return (
+    <AriaCheckbox
+      className={composeRenderProps(className, (className) =>
+        root({ variant, className })
+      )}
+      {...props}
+    >
+      {composeRenderProps(props.children, (children, { isIndeterminate }) => (
+        <VariantsProvider variant={variant} isIndeterminate={isIndeterminate}>
+          {children}
+        </VariantsProvider>
+      ))}
     </AriaCheckbox>
   );
-});
-Checkbox.displayName = "Checkbox";
+};
+
+interface CheckboxIndicatorProps extends React.ComponentProps<"div"> {}
 
-type CheckboxContextValue = VariantProps<typeof checkboxStyles>;
-const CheckboxContext = React.createContext<CheckboxContextValue>({});
-const useCheckboxContext = () => {
-  return React.useContext(CheckboxContext);
+const CheckboxIndicator = ({ className, ...props }: CheckboxIndicatorProps) => {
+  const { variant, isIndeterminate } = useVariantsContext("CheckboxIndicator");
+  return (
+    <div className={indicator({ variant, className })} {...props}>
+      {isIndeterminate ? (
+        <MinusIcon className="size-2.5" />
+      ) : (
+        <CheckIcon className="size-3" />
+      )}
+    </div>
+  );
 };
 
-export type { CheckboxProps };
-export { Checkbox, CheckboxContext };
+export type { CheckboxProps, CheckboxRootProps, CheckboxIndicatorProps };
+export { Checkbox, CheckboxRoot, CheckboxIndicator };
+
+export { CheckboxProvider };
+export { checkboxStyles };
diff --git a/www/src/__registry__/core/date-picker.tsx b/www/src/__registry__/core/date-picker.tsx
index 229c2b11d..8130915c5 100644
--- a/www/src/__registry__/core/date-picker.tsx
+++ b/www/src/__registry__/core/date-picker.tsx
@@ -33,6 +33,7 @@ const DatePicker = <T extends DateValue>({
   isLoading,
   isRequired,
   isDisabled,
+  isInvalid,
   necessityIndicator,
   contextualHelp,
   ...props
@@ -42,6 +43,7 @@ const DatePicker = <T extends DateValue>({
       className={className}
       isRequired={isRequired}
       isDisabled={isLoading || isDisabled}
+      isInvalid={isInvalid}
       {...props}
     >
       <Field
@@ -56,10 +58,11 @@ const DatePicker = <T extends DateValue>({
           size={size}
           prefix={prefix}
           isLoading={isLoading}
+          isInvalid={isInvalid}
           loaderPosition="prefix"
           className="pr-1"
         >
-          <DateInput>
+          <DateInput className="flex-1">
             {(segment) => <DateSegment segment={segment} />}
           </DateInput>
           <Button
diff --git a/www/src/__registry__/core/dialog.tsx b/www/src/__registry__/core/dialog.tsx
index 3a9b29266..ff1b35613 100644
--- a/www/src/__registry__/core/dialog.tsx
+++ b/www/src/__registry__/core/dialog.tsx
@@ -1,17 +1,13 @@
 "use client";
 
 import * as React from "react";
-import { useSlotId } from "@react-aria/utils";
 import {
   composeRenderProps,
-  DialogContext as AriaDialogContext,
   DialogTrigger as AriaDialogTrigger,
   Dialog as AriaDialog,
   type DialogProps as AriaDialogProps,
   type DialogTriggerProps as AriaDialogTriggerProps,
-  TextContext,
 } from "react-aria-components";
-import { Provider } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { Heading } from "@/registry/core/heading";
 import { Overlay, type OverlayProps } from "@/registry/core/overlay";
@@ -33,29 +29,14 @@ const dialogStyles = tv({
 
 type DialogRootProps = AriaDialogTriggerProps;
 const DialogRoot = (props: DialogRootProps) => {
-  const descriptionId = useSlotId();
-  return (
-    <Provider
-      values={[
-        [AriaDialogContext, { "aria-describedby": descriptionId }],
-        [TextContext, { slots: { description: { id: descriptionId } } }],
-      ]}
-    >
-      <AriaDialogTrigger {...props} />
-    </Provider>
-  );
+  return <AriaDialogTrigger {...props} />;
 };
 
-interface DialogProps extends DialogContentProps {
+interface DialogProps
+  extends DialogContentProps,
+    Omit<OverlayProps, "children"> {
   title?: string;
   description?: string;
-  type?: OverlayProps["type"];
-  showDismissButton?: OverlayProps["showDismissButton"];
-  mobileType?: OverlayProps["mobileType"];
-  mediaQuery?: OverlayProps["mediaQuery"];
-  isDismissable?: boolean;
-  swipeIndicator?: boolean;
-  placement?: OverlayProps["placement"];
 }
 const Dialog = ({
   title,
@@ -63,23 +44,19 @@ const Dialog = ({
   type = "modal",
   mobileType = "drawer",
   mediaQuery,
-  isDismissable: isDismissableProp,
-  showDismissButton,
-  placement,
-  swipeIndicator,
+  modalProps,
+  popoverProps,
+  drawerProps,
   ...props
 }: DialogProps) => {
-  const isDismissable =
-    isDismissableProp ?? (props.role === "alertdialog" ? false : true);
   return (
     <Overlay
-      isDismissable={isDismissable}
-      showDismissButton={showDismissButton}
       type={type}
       mobileType={mobileType}
       mediaQuery={mediaQuery}
-      placement={placement}
-      swipeIndicator={swipeIndicator}
+      modalProps={modalProps}
+      popoverProps={popoverProps}
+      drawerProps={drawerProps}
     >
       <DialogContent {...props}>
         {composeRenderProps(props.children, (children) => (
diff --git a/www/src/__registry__/core/drawer.tsx b/www/src/__registry__/core/drawer.tsx
new file mode 100644
index 000000000..396100453
--- /dev/null
+++ b/www/src/__registry__/core/drawer.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import React from "react";
+import {
+  Modal as AriaModal,
+  ModalOverlay as AriaModalOverlay,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { cn } from "@/registry/lib/cn";
+
+const drawerVariants = tv({
+  slots: {
+    backdrop: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm",
+    drawer: ["bg-bg outline-hidden fixed inset-0 z-50 flex flex-col"],
+  },
+  variants: {
+    placement: {
+      top: "exiting:slide-out-to-top entering:slide-in-from-top inset-x-0 top-0 border-b",
+      bottom:
+        "exiting:slide-out-to-bottom entering:slide-in-from-bottom inset-x-0 bottom-0 border-t",
+      left: "exiting:slide-out-to-left entering:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+      right:
+        "exiting:slide-out-to-right entering:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+    },
+  },
+});
+
+const { drawer, backdrop } = drawerVariants();
+
+interface DrawerProps extends React.ComponentProps<typeof AriaModal> {
+  placement?: "top" | "bottom" | "left" | "right";
+}
+
+function Drawer({ className, ...props }: DrawerProps) {
+  return (
+    <AriaModalOverlay>
+      <div className={backdrop()} />
+      <AriaModal className={cn(drawer(), className)} {...props} />
+    </AriaModalOverlay>
+  );
+}
+
+export type { DrawerProps };
+export { Drawer };
diff --git a/www/src/__registry__/core/form.tsx b/www/src/__registry__/core/form.tsx
deleted file mode 100644
index 5f953f2ff..000000000
--- a/www/src/__registry__/core/form.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-"use client";
-
-import {
-  Form as AriaForm,
-  FormProps as AriaFormProps,
-} from "react-aria-components";
-
-export type FormProps = AriaFormProps;
-export { AriaForm as Form };
diff --git a/www/src/__registry__/core/group.tsx b/www/src/__registry__/core/group.tsx
deleted file mode 100644
index 4c29fbb67..000000000
--- a/www/src/__registry__/core/group.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-"use client";
-
-import { Group, type GroupProps } from "react-aria-components";
-
-export type { GroupProps };
-export { Group };
diff --git a/www/src/__registry__/core/heading.tsx b/www/src/__registry__/core/heading.tsx
deleted file mode 100644
index 7e00867c2..000000000
--- a/www/src/__registry__/core/heading.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import {
-  Heading as AriaHeading,
-  type HeadingProps as AriaHeadingProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const headingStyles = tv({
-  base: "text-lg font-medium",
-});
-
-type HeadingProps = AriaHeadingProps;
-const Heading = ({ className, ...props }: HeadingProps) => {
-  return <AriaHeading className={headingStyles({ className })} {...props} />;
-};
-
-export type { HeadingProps };
-export { Heading };
diff --git a/www/src/__registry__/core/input.tsx b/www/src/__registry__/core/input.tsx
deleted file mode 100644
index 1402c0de4..000000000
--- a/www/src/__registry__/core/input.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { mergeRefs, chain } from "@react-aria/utils";
-import { useControlledState } from "@react-stately/utils";
-import { Loader2Icon } from "lucide-react";
-import {
-  Provider,
-  composeRenderProps,
-  Input as AriaInput,
-  Group as AriaGroup,
-  TextArea as AriaTextArea,
-  InputContext as AriaInputContext,
-  TextAreaContext as AriaTextAreaContext,
-  type TextAreaProps as AriaTextAreaProps,
-  type GroupProps as AriaGroupProps,
-  type InputProps as AriaInputProps,
-  useSlottedContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusInput } from "@/registry/lib/focus-styles";
-
-const inputStyles = tv({
-  slots: {
-    root: [
-      focusInput(),
-      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
-      "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
-      "invalid:border-border-danger focus-within:invalid:border-border",
-    ],
-    input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
-    ],
-  },
-  variants: {
-    size: {
-      sm: { root: "h-8" },
-      md: { root: "h-9" },
-      lg: { root: "h-10" },
-    },
-    multiline: {
-      true: {
-        root: "h-auto flex-col items-stretch p-2",
-        input: "min-h-14 resize-none overflow-auto",
-      },
-      false: {
-        input: "flex-1",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-    multiline: false,
-  },
-});
-
-interface TextAreaInputProps extends Omit<AriaTextAreaProps, "className"> {
-  className?: string;
-}
-const TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(
-  ({ className, onChange, rows = 1, ...props }, forwardedRef) => {
-    const { input } = inputStyles({ multiline: true });
-    const [inputValue, setInputValue] = useControlledState(
-      props.value,
-      props.defaultValue ?? "",
-      () => {
-        // Do nothing
-      }
-    );
-    const inputRef = React.useRef<HTMLTextAreaElement>(null);
-
-    const onHeightChange = React.useCallback(() => {
-      if (inputRef.current) {
-        const input = inputRef.current;
-        const prevAlignment = input.style.alignSelf;
-        const prevOverflow = input.style.overflow;
-        const isFirefox = "MozAppearance" in input.style;
-        if (!isFirefox) {
-          input.style.overflow = "hidden";
-        }
-        input.style.alignSelf = "start";
-        input.style.height = "auto";
-        input.style.height = `${
-          input.scrollHeight + (input.offsetHeight - input.clientHeight)
-        }px`;
-        input.style.overflow = prevOverflow;
-        input.style.alignSelf = prevAlignment;
-      }
-    }, [inputRef]);
-
-    React.useLayoutEffect(() => {
-      if (inputRef.current) {
-        onHeightChange();
-      }
-    }, [onHeightChange, inputValue, inputRef]);
-
-    return (
-      <AriaTextArea
-        ref={mergeRefs(inputRef, forwardedRef)}
-        className={input({ className })}
-        onChange={chain(onChange, setInputValue)}
-        rows={rows}
-        {...props}
-      />
-    );
-  }
-);
-TextAreaInput.displayName = "TextAreaInput";
-
-interface InputProps
-  extends Omit<AriaInputProps, "className" | "size" | "prefix"> {
-  className?: string;
-}
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, ...props }, ref) => {
-    const { input } = inputStyles();
-    return <AriaInput ref={ref} className={input({ className })} {...props} />;
-  }
-);
-Input.displayName = "Input";
-
-interface InputRootProps
-  extends Omit<AriaGroupProps, "className" | "prefix">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-  className?: string;
-}
-const InputRoot = ({
-  className,
-  prefix,
-  suffix,
-  isLoading,
-  loaderPosition,
-  size,
-  multiline,
-  ...props
-}: InputRootProps) => {
-  const { root } = inputStyles({ size, multiline });
-  const inputContext = useSlottedContext(AriaInputContext);
-  const textAreaContext = useSlottedContext(AriaTextAreaContext);
-  const inputRef = React.useRef(null);
-  const isDisabled =
-    props.isDisabled || inputContext?.disabled || textAreaContext?.disabled;
-  const isInvalid =
-    props.isInvalid ||
-    (!!inputContext?.["aria-invalid"] &&
-      inputContext["aria-invalid"] !== "false") ||
-    (!!textAreaContext?.["aria-invalid"] &&
-      textAreaContext["aria-invalid"] !== "false");
-
-  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {
-    const target = event.target as HTMLElement;
-    if (target.closest("input, button, a")) return;
-    const input = (
-      inputRef as React.RefObject<HTMLInputElement | HTMLTextAreaElement>
-    ).current;
-    if (!input) return;
-    requestAnimationFrame(() => {
-      input.focus();
-    });
-  };
-
-  return (
-    <AriaGroup
-      role="presentation"
-      {...props}
-      onPointerDown={handlePointerDown}
-      isDisabled={isDisabled}
-      isInvalid={isInvalid}
-      className={root({ className })}
-    >
-      {composeRenderProps(props.children, (children) => (
-        <Provider
-          values={[
-            [
-              AriaInputContext,
-              {
-                ...inputContext,
-                ref: mergeRefs(inputRef, inputContext?.ref ?? null),
-              },
-            ],
-            [
-              AriaTextAreaContext,
-              {
-                ...textAreaContext,
-                ref: mergeRefs(inputRef, textAreaContext?.ref ?? null),
-              },
-            ],
-          ]}
-        >
-          {isLoading && loaderPosition === "prefix" ? (
-            <Loader2Icon className="animate-spin" />
-          ) : (
-            prefix
-          )}
-          {children}
-          {isLoading && loaderPosition === "suffix" ? (
-            <Loader2Icon className="animate-spin" />
-          ) : (
-            suffix
-          )}
-        </Provider>
-      ))}
-    </AriaGroup>
-  );
-};
-
-export type { InputProps, InputRootProps, TextAreaInputProps };
-export { Input, TextAreaInput, InputRoot, inputStyles };
diff --git a/www/src/__registry__/core/kbd.tsx b/www/src/__registry__/core/kbd.tsx
deleted file mode 100644
index 022dd994d..000000000
--- a/www/src/__registry__/core/kbd.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-"use client";
-
-import { Keyboard } from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const KbdStyles = tv({
-  base: "text-fg-muted bg-bg border-border-active rounded-md border px-1.5 py-0.5 font-sans text-sm tracking-widest",
-});
-
-type KbdProps = React.HTMLAttributes<HTMLElement>;
-const Kbd = ({ className, ...props }: KbdProps) => {
-  return <Keyboard className={KbdStyles({ className })} {...props} />;
-};
-
-export type { KbdProps };
-export { Kbd, KbdStyles };
diff --git a/www/src/__registry__/core/link.tsx b/www/src/__registry__/core/link.tsx
deleted file mode 100644
index fbcd482bc..000000000
--- a/www/src/__registry__/core/link.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Link as AriaLink,
-  composeRenderProps,
-  type LinkProps as AriaLinkProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const linkVariants = tv({
-  extend: focusRing,
-  base: "disabled:text-fg-disabled inline-flex items-center gap-1 transition-colors",
-  variants: {
-    variant: {
-      accent: "text-fg-accent hover:text-[#5e9fe0]",
-      quiet: "underline underline-offset-2",
-    },
-  },
-  defaultVariants: {
-    variant: "accent",
-  },
-});
-
-interface LinkProps extends AriaLinkProps, VariantProps<typeof linkVariants> {}
-
-const Link = ({ variant, ...props }: LinkProps) => {
-  return (
-    <AriaLink
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        linkVariants({ variant, className })
-      )}
-    />
-  );
-};
-
-export type { LinkProps };
-export { Link, linkVariants };
diff --git a/www/src/__registry__/core/list-box.tsx b/www/src/__registry__/core/list-box.tsx
deleted file mode 100644
index b14b55ff6..000000000
--- a/www/src/__registry__/core/list-box.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-"use client";
-
-import React from "react";
-import { CheckIcon, Loader2Icon } from "lucide-react";
-import {
-  composeRenderProps,
-  ListBox as AriaListBox,
-  ListBoxItem as AriaListBoxItem,
-  Collection as AriaCollection,
-  type ListBoxProps as AriaListBoxProps,
-  type ListBoxItemProps as AriaListBoxItemProps,
-  ListStateContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Text } from "@/registry/core/text";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const listBoxStyles = tv({
-  base: [
-    focusRing(),
-    "orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic",
-    "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
-  ],
-  variants: {
-    standalone: {
-      true: "bg-bg max-h-60 w-48 overflow-y-auto rounded-md border",
-      false: "max-h-[inherit] rounded-[inherit]",
-    },
-  },
-});
-
-const listBoxItemStyles = tv({
-  base: [
-    "disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default",
-    "selection-single:pl-0 selection-multiple:pl-0",
-    "[&_svg]:size-4",
-  ],
-  variants: {
-    variant: {
-      default: "text-fg",
-      success: "text-fg-success",
-      warning: "text-fg-warning",
-      accent: "text-fg-accent",
-      danger: "text-fg-danger",
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-interface ListBoxProps<T> extends AriaListBoxProps<T> {
-  isLoading?: boolean;
-}
-const ListBox = <T extends object>({
-  children,
-  isLoading,
-  ...props
-}: ListBoxProps<T>) => {
-  const state = React.useContext(ListStateContext);
-  const standalone = !state;
-  return (
-    <AriaListBox
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        listBoxStyles({ standalone, className })
-      )}
-    >
-      <AriaCollection items={props.items}>{children}</AriaCollection>
-      {isLoading && (
-        <AriaListBoxItem className="flex items-center justify-center py-1.5">
-          <Loader2Icon
-            aria-label="Loading more..."
-            className="text-fg-muted size-5 animate-spin"
-          />
-        </AriaListBoxItem>
-      )}
-    </AriaListBox>
-  );
-};
-
-interface ItemProps<T>
-  extends AriaListBoxItemProps<T>,
-    VariantProps<typeof listBoxItemStyles> {
-  label?: string;
-  description?: string;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-const Item = <T extends object>({
-  variant,
-  label,
-  description,
-  prefix,
-  suffix,
-  ...props
-}: ItemProps<T>) => {
-  const textValue =
-    props.textValue ||
-    (typeof props.children === "string" ? props.children : undefined);
-  return (
-    <AriaListBoxItem
-      {...props}
-      textValue={textValue}
-      className={composeRenderProps(props.className, (className) =>
-        listBoxItemStyles({ variant, className })
-      )}
-    >
-      {composeRenderProps(
-        props.children,
-        (children, { isSelected, selectionMode }) => (
-          <>
-            {selectionMode !== "none" && (
-              <span className="flex w-8 shrink-0 items-center justify-center">
-                {isSelected && (
-                  <CheckIcon aria-hidden className="text-fg-accent size-4" />
-                )}
-              </span>
-            )}
-            <span className="flex items-center gap-3">
-              {prefix}
-              <span className="flex flex-1 flex-col">
-                {label && <Text slot="label">{label}</Text>}
-                {description && <Text slot="description">{description}</Text>}
-                {children}
-              </span>
-              {suffix}
-            </span>
-          </>
-        )
-      )}
-    </AriaListBoxItem>
-  );
-};
-
-export type { ListBoxProps, ItemProps };
-export { ListBox, Item };
diff --git a/www/src/__registry__/core/loader-dot-spinner.tsx b/www/src/__registry__/core/loader-dot-spinner.tsx
deleted file mode 100644
index 72cbd6e44..000000000
--- a/www/src/__registry__/core/loader-dot-spinner.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-"use client";
-
-import React from "react";
-import { ProgressBar as AriaProgressBar } from "react-aria-components";
-import type { ProgressBarProps } from "react-aria-components";
-import { cn } from "@/registry/lib/cn";
-
-interface LoaderProps extends ProgressBarProps {
-  size?: number;
-}
-
-function Loader({ size = 20, className, ...props }: LoaderProps) {
-  return (
-    <AriaProgressBar
-      className={cn("relative items-center justify-center", className)}
-      {...props}
-      isIndeterminate
-      style={
-        {
-          "--size": `${size}px`,
-          width: "var(--size)",
-          height: "var(--size)",
-        } as React.CSSProperties
-      }
-    >
-      {[...Array(8)].map((_, index) => {
-        const angle = (index / 8) * (2 * Math.PI);
-        const x = Math.cos(angle);
-        const y = Math.sin(angle);
-
-        return (
-          <div
-            key={index}
-            className="animate-dot-spinner absolute size-[20%] -translate-x-1/2 -translate-y-1/2 rounded-full bg-current"
-            style={{
-              animationDelay: `${index * 0.1}s`,
-              top: `${50 + y * 40}%`,
-              left: `${50 + x * 40}%`,
-            }}
-          ></div>
-        );
-      })}
-    </AriaProgressBar>
-  );
-}
-
-export type { LoaderProps };
-export { Loader };
diff --git a/www/src/__registry__/core/loader-line-spinner.tsx b/www/src/__registry__/core/loader-line-spinner.tsx
deleted file mode 100644
index 12eea856f..000000000
--- a/www/src/__registry__/core/loader-line-spinner.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-"use client";
-
-import { ProgressBar as AriaProgressBar } from "react-aria-components";
-import type { ProgressBarProps } from "react-aria-components";
-
-interface LoaderProps extends ProgressBarProps {
-  size?: number;
-}
-
-function Loader({ size = 20, ...props }: LoaderProps) {
-  return (
-    <AriaProgressBar
-      {...props}
-      className="size-10"
-      isIndeterminate
-      style={
-        {
-          "--size": `${size}px`,
-          width: "var(--size)",
-          height: "var(--size)",
-        } as React.CSSProperties
-      }
-    >
-      <div className="relative left-1/2 top-1/2 h-full w-full">
-        {Array.from({ length: 12 }).map((_, i) => (
-          <span
-            key={i}
-            className="animate-line-spinner absolute left-[-10%] top-[-3.9%] h-[8%] w-[24%] rounded-sm bg-current"
-            style={{
-              transform: `rotate(${i * 30}deg) translate(146%)`,
-              animationDelay: `-${(12 - i) * 0.1}s`,
-            }}
-          ></span>
-        ))}
-      </div>
-    </AriaProgressBar>
-  );
-}
-
-export type { LoaderProps };
-export { Loader };
diff --git a/www/src/__registry__/core/loader-ring.tsx b/www/src/__registry__/core/loader-ring.tsx
deleted file mode 100644
index 90b6a9f4b..000000000
--- a/www/src/__registry__/core/loader-ring.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-import { ProgressBar as AriaProgressBar } from "react-aria-components";
-import type { ProgressBarProps } from "react-aria-components";
-
-interface LoaderProps extends ProgressBarProps {
-  size?: number;
-}
-
-function Loader({ size = 20, ...props }: LoaderProps) {
-  return (
-    <AriaProgressBar {...props} isIndeterminate>
-      <svg
-        width={size}
-        height={size}
-        viewBox="0 0 24 24"
-        className="block animate-spin"
-      >
-        <path
-          className="fill-current opacity-25"
-          d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
-        />
-        <path
-          className="fill-current"
-          d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
-        />
-      </svg>
-    </AriaProgressBar>
-  );
-}
-
-export type { LoaderProps };
-export { Loader };
diff --git a/www/src/__registry__/core/loader-tailspin.tsx b/www/src/__registry__/core/loader-tailspin.tsx
deleted file mode 100644
index b29a35b53..000000000
--- a/www/src/__registry__/core/loader-tailspin.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-
-import React from "react";
-import { ProgressBar as AriaProgressBar } from "react-aria-components";
-import type { ProgressBarProps } from "react-aria-components";
-
-interface LoaderProps extends ProgressBarProps {
-  size?: number;
-}
-
-function Loader({ size = 40, ...props }: LoaderProps) {
-  return (
-    <AriaProgressBar {...props} isIndeterminate>
-      <div
-        className="relative flex animate-spin items-center justify-start rounded-full"
-        style={
-          {
-            "--size": `${size}px`,
-            "--color": "currentColor",
-            "--stroke": `${size / 10}px`,
-            "--mask-size": "calc(var(--size) / 2 - var(--stroke))",
-            width: "var(--size)",
-            height: "var(--size)",
-            WebkitMask:
-              "radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)",
-            mask: "radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)",
-            backgroundImage: "conic-gradient(transparent 25%, var(--color))",
-          } as React.CSSProperties
-        }
-      ></div>
-    </AriaProgressBar>
-  );
-}
-
-export type { LoaderProps };
-export { Loader };
-
-{
-  /* <div class="container"></div>
-
-<style>
-  .container {
-    --uib-size: 40px;
-    --uib-color: black;
-    --uib-speed: .9s;
-    --uib-stroke: 5px;
-    --mask-size: calc(var(--uib-size) / 2 - var(--uib-stroke));
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    height: var(--uib-size);
-    width: var(--uib-size);
-    -webkit-mask: radial-gradient(
-      circle var(--mask-size),
-      transparent 99%,
-      #000 100%
-    );
-    mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);
-    background-image: conic-gradient(transparent 25%, var(--uib-color));
-    animation: spin calc(var(--uib-speed)) linear infinite;
-    border-radius: 50%;
-  }
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-</style>
- */
-}
diff --git a/www/src/__registry__/core/loader-wave.tsx b/www/src/__registry__/core/loader-wave.tsx
deleted file mode 100644
index fa6076fe6..000000000
--- a/www/src/__registry__/core/loader-wave.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-"use client";
-
-import { motion } from "motion/react";
-import { ProgressBar as AriaProgressBar } from "react-aria-components";
-import type { ProgressBarProps } from "react-aria-components";
-import { cn } from "@/registry/lib/cn";
-
-interface LoaderProps extends ProgressBarProps {
-  size?: number;
-}
-
-function Loader({ size = 20, className, ...props }: LoaderProps) {
-  return (
-    <AriaProgressBar
-      className={cn("flex items-center justify-between")}
-      {...props}
-      isIndeterminate
-      style={
-        {
-          "--size": `${size}px`,
-          width: `var(--size)`,
-          height: `calc(var(--size) * 0.9)`,
-        } as React.CSSProperties
-      }
-    >
-      {[...Array(4)].map((_, index) => (
-        <motion.div
-          key={index}
-          className="h-full w-[2px] rounded-full bg-current"
-          animate={{
-            scaleY: [0.3, 1, 0.3],
-          }}
-          transition={{
-            duration: 1,
-            repeat: Infinity,
-            ease: "easeInOut",
-            delay: index * 0.1,
-          }}
-        />
-      ))}
-    </AriaProgressBar>
-  );
-}
-
-export type { LoaderProps };
-export { Loader };
diff --git a/www/src/__registry__/core/menu.tsx b/www/src/__registry__/core/menu.tsx
deleted file mode 100644
index 637eba17a..000000000
--- a/www/src/__registry__/core/menu.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { CheckIcon, ChevronRightIcon } from "lucide-react";
-import {
-  composeRenderProps,
-  Menu as AriaMenu,
-  MenuTrigger as AriaMenuTrigger,
-  MenuItem as AriaMenuItem,
-  SubmenuTrigger as AriaSubmenuTrigger,
-  type MenuItemProps as AriaMenuItemProps,
-  type MenuProps as AriaMenuProps,
-  type MenuTriggerProps as AriaMenuTriggerProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Kbd } from "@/registry/core/kbd";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay";
-import { Text } from "@/registry/core/text";
-
-const menuStyles = tv({
-  base: [
-    "max-h[inherit] outline-hidden rounded-[inherit] p-1",
-    "group-data-[type=drawer]/overlay:p-2",
-    "[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto",
-  ],
-});
-
-const menuItemStyles = tv({
-  base: [
-    "focus:bg-bg-inverse/10 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm transition-colors disabled:pointer-events-none",
-    "selection-single:pl-0 selection-multiple:pl-0",
-    "group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3",
-    "group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2",
-    "[&_svg]:size-4",
-  ],
-  variants: {
-    variant: {
-      default: "text-fg",
-      success: "text-fg-success",
-      warning: "text-fg-warning",
-      accent: "text-fg-accent",
-      danger: "text-fg-danger",
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-type MenuRootProps = AriaMenuTriggerProps;
-const MenuRoot = (props: MenuRootProps) => {
-  return <AriaMenuTrigger {...props} />;
-};
-
-type MenuProps<T> = MenuContentProps<T> & {
-  type?: OverlayProps["type"];
-  mobileType?: OverlayProps["mobileType"];
-  mediaQuery?: OverlayProps["mediaQuery"];
-  placement?: OverlayProps["placement"];
-};
-const Menu = <T extends object>({
-  placement,
-  type = "popover",
-  mobileType = "drawer",
-  mediaQuery,
-  ...props
-}: MenuProps<T>) => {
-  return (
-    <Overlay
-      type={type}
-      mobileType={mobileType}
-      mediaQuery={mediaQuery}
-      placement={placement}
-    >
-      <MenuContent {...props} />
-    </Overlay>
-  );
-};
-
-type MenuContentProps<T> = AriaMenuProps<T>;
-const MenuContent = <T extends object>({
-  className,
-  ...props
-}: MenuContentProps<T>) => {
-  return <AriaMenu className={menuStyles({ className })} {...props} />;
-};
-
-const MenuSub = AriaSubmenuTrigger;
-
-interface MenuItemProps<T>
-  extends Omit<AriaMenuItemProps<T>, "className">,
-    VariantProps<typeof menuItemStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  label?: string;
-  description?: string;
-  shortcut?: string;
-  className?: string;
-}
-const MenuItem = <T extends object>({
-  className,
-  label,
-  description,
-  prefix,
-  suffix,
-  shortcut,
-  variant,
-  ...props
-}: MenuItemProps<T>) => {
-  return (
-    <AriaMenuItem className={menuItemStyles({ className, variant })} {...props}>
-      {composeRenderProps(
-        props.children,
-        (children, { selectionMode, isSelected, hasSubmenu }) => (
-          <>
-            {selectionMode !== "none" && (
-              <span className="flex w-8 items-center justify-center">
-                {isSelected && (
-                  <CheckIcon aria-hidden className="text-fg-accent size-4" />
-                )}
-              </span>
-            )}
-            {prefix}
-            <span className="flex items-center gap-2">
-              <span className="flex flex-1 flex-col">
-                {label && <Text slot="label">{label}</Text>}
-                {description && <Text slot="description">{description}</Text>}
-                {children}
-              </span>
-              {suffix}
-              {shortcut && <Kbd>{shortcut}</Kbd>}
-              {hasSubmenu && (
-                <ChevronRightIcon aria-hidden className="size-4" />
-              )}
-            </span>
-          </>
-        )
-      )}
-    </AriaMenuItem>
-  );
-};
-
-export type { MenuRootProps, MenuProps };
-export { MenuRoot, Menu, MenuItem, MenuContent, MenuSub };
diff --git a/www/src/__registry__/core/number-field.tsx b/www/src/__registry__/core/number-field.tsx
deleted file mode 100644
index a7231b84d..000000000
--- a/www/src/__registry__/core/number-field.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-  MinusIcon,
-  PlusIcon,
-} from "lucide-react";
-import {
-  NumberField as AriaNumberField,
-  type NumberFieldProps as AriaNumberFieldProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
-
-const numberFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
-});
-
-type NumberFieldProps = NumberFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    placeholder?: string;
-  };
-const NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    const isMobile = useMediaQuery("(max-width: 768px)");
-    const prefix = isMobile ? (
-      <NumberFieldButton
-        slot="decrement"
-        className="h-full rounded-none rounded-l-md border-r"
-      />
-    ) : null;
-    const suffix = isMobile ? (
-      <NumberFieldButton
-        slot="increment"
-        className="h-full rounded-none rounded-r-md border-l"
-      />
-    ) : (
-      <div className="flex h-full flex-col rounded-r-md">
-        <NumberFieldButton
-          slot="increment"
-          iconType="chevron"
-          className="h-auto flex-1 shrink rounded-none rounded-tr-md border-b border-l"
-        />
-        <NumberFieldButton
-          slot="decrement"
-          iconType="chevron"
-          className="h-auto flex-1 shrink rounded-none rounded-br-md border-l"
-        />
-      </div>
-    );
-    return (
-      <NumberFieldRoot className={className} {...props}>
-        <Field
-          label={label}
-          description={description}
-          errorMessage={errorMessage}
-          isRequired={isRequired}
-          necessityIndicator={necessityIndicator}
-          contextualHelp={contextualHelp}
-        >
-          <InputRoot
-            size={size}
-            className="invalid:[&_button]:border-border-danger invalid:focus-within:[&_button]:border-border px-0"
-          >
-            {prefix}
-            <Input ref={ref} placeholder={placeholder} className="px-2" />
-            {suffix}
-          </InputRoot>
-        </Field>
-      </NumberFieldRoot>
-    );
-  }
-);
-NumberField.displayName = "NumberField";
-
-type NumberFieldRootProps = Omit<AriaNumberFieldProps, "className"> & {
-  className?: string;
-};
-const NumberFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaNumberField>,
-  NumberFieldRootProps
->(({ className, ...props }, ref) => {
-  return (
-    <AriaNumberField
-      ref={ref}
-      className={numberFieldStyles({ className })}
-      {...props}
-    />
-  );
-});
-NumberFieldRoot.displayName = "NumberFieldRoot";
-
-interface NumberFieldButtonProps extends ButtonProps {
-  slot: "increment" | "decrement";
-  iconType?: "chevron" | "default";
-}
-const NumberFieldButton = ({
-  slot,
-  iconType = "default",
-  ...props
-}: NumberFieldButtonProps) => {
-  const icon =
-    iconType === "chevron" ? (
-      slot === "increment" ? (
-        <ChevronUpIcon />
-      ) : (
-        <ChevronDownIcon />
-      )
-    ) : slot === "increment" ? (
-      <PlusIcon />
-    ) : (
-      <MinusIcon />
-    );
-  return (
-    <Button slot={slot} size="sm" variant="quiet" shape="square" {...props}>
-      {icon}
-    </Button>
-  );
-};
-
-export type { NumberFieldProps, NumberFieldRootProps };
-export { NumberField, NumberFieldRoot, NumberFieldButton };
diff --git a/www/src/__registry__/core/overlay.tsx b/www/src/__registry__/core/overlay.tsx
deleted file mode 100644
index e22ed2f53..000000000
--- a/www/src/__registry__/core/overlay.tsx
+++ /dev/null
@@ -1,321 +0,0 @@
-"use client";
-
-import React from "react";
-import { XIcon } from "lucide-react";
-import {
-  composeRenderProps,
-  Popover as AriaPopover,
-  OverlayArrow as AriaOverlayArrow,
-  Modal as AriaModal,
-  ModalOverlay as AriaModalOverlay,
-  type PopoverProps as AriaPopoverProps,
-  type ModalOverlayProps as AriaModalOverlayProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
-import { cn } from "@/registry/lib/cn";
-import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
-
-type OverlayType = "modal" | "drawer" | "popover";
-
-type OverlayProps = {
-  type?: OverlayType;
-  mobileType?: OverlayProps["type"];
-  showDismissButton?: boolean;
-  swipeIndicator?: boolean;
-  mediaQuery?: string;
-  children: React.ReactNode;
-  classNames?: ModalOverlayClassNames &
-    DrawerOverlayClassNames &
-    PopoverOverlayClassNames;
-} & Omit<AriaModalOverlayProps, "children"> &
-  Omit<AriaPopoverProps, "children">;
-
-const Overlay = React.forwardRef<HTMLElement | HTMLDivElement, OverlayProps>(
-  (
-    {
-      type: typeProp = "modal",
-      mobileType,
-      mediaQuery = "(max-width: 640px)",
-      isDismissable = true,
-      swipeIndicator,
-      ...props
-    },
-    ref
-  ) => {
-    const isMobile = useMediaQuery(mediaQuery);
-    const type = mobileType ? (isMobile ? mobileType : typeProp) : typeProp;
-    switch (type) {
-      case "modal":
-        return (
-          <ModalOverlay
-            ref={ref as React.ForwardedRef<HTMLDivElement>}
-            isDismissable={isDismissable}
-            {...props}
-          />
-        );
-      case "drawer":
-        return (
-          // @ts-expect-error TODO FIX THIS SAME ORIENTATION PROP AS POPOVER :'(
-          <DrawerOverlay
-            ref={ref as React.ForwardedRef<HTMLDivElement>}
-            swipeIndicator={swipeIndicator}
-            isDismissable={isDismissable}
-            {...props}
-          />
-        );
-      case "popover":
-        return (
-          <PopoverOverlay
-            ref={ref as React.ForwardedRef<HTMLElement>}
-            {...props}
-          />
-        );
-    }
-  }
-);
-Overlay.displayName = "Overlay";
-
-const modalVariants = tv({
-  slots: {
-    backdrop: [
-      "h-(--visual-viewport-height) fixed left-0 top-0 z-50 flex w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
-      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
-    ],
-    overlay: [
-      "group/overlay relative z-50 w-full max-w-lg",
-      "bg-bg border shadow-lg sm:rounded-lg md:w-full",
-      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
-    ],
-  },
-});
-
-type ModalOverlaySlots = keyof ReturnType<typeof modalVariants>;
-type ModalOverlayClassNames = {
-  [key in ModalOverlaySlots]?: string;
-};
-
-interface ModalOverlayProps extends AriaModalOverlayProps {
-  showDismissButton?: boolean;
-  classNames?: ModalOverlayClassNames;
-}
-
-const ModalOverlay = React.forwardRef<
-  React.ElementRef<typeof AriaModalOverlay>,
-  ModalOverlayProps
->(
-  (
-    { classNames, className, isDismissable, showDismissButton, ...props },
-    ref
-  ) => {
-    const { overlay, backdrop } = modalVariants({});
-    return (
-      <AriaModalOverlay
-        {...props}
-        ref={ref}
-        isDismissable={isDismissable}
-        className={backdrop({ className: classNames?.backdrop })}
-      >
-        <AriaModal
-          {...props}
-          data-type="modal"
-          className={cn(overlay(), classNames?.overlay, className)}
-        >
-          {composeRenderProps(props.children, (children) => (
-            <>
-              {(showDismissButton ?? isDismissable) && <DismissButton />}
-              {children}
-            </>
-          ))}
-        </AriaModal>
-      </AriaModalOverlay>
-    );
-  }
-);
-ModalOverlay.displayName = "ModalOverlay";
-
-const popoverOverlayVariants = tv({
-  slots: {
-    overlay:
-      "group/overlay bg-bg text-fg data-[trigger=ComboBox]:min-w-(--trigger-width) data-[trigger=Select]:min-w-(--trigger-width) z-50 rounded-md border shadow-md",
-    arrow: [
-      "fill-bg stroke-border block stroke-1",
-      "group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180",
-    ],
-  },
-});
-
-type PopoverOverlaySlots = keyof ReturnType<typeof popoverOverlayVariants>;
-type PopoverOverlayClassNames = {
-  [key in PopoverOverlaySlots]?: string;
-};
-
-interface PopoverOverlayProps extends AriaPopoverProps {
-  arrow?: boolean;
-  classNames?: PopoverOverlayClassNames;
-  showDismissButton?: boolean;
-}
-
-const PopoverOverlay = React.forwardRef<
-  React.ElementRef<typeof AriaPopover>,
-  PopoverOverlayProps
->(
-  (
-    { arrow = false, className, showDismissButton, classNames, ...props },
-    ref
-  ) => {
-    const { overlay, arrow: arrowStyle } = popoverOverlayVariants({});
-    return (
-      <AriaPopover
-        data-type="popover"
-        ref={ref}
-        {...props}
-        className={cn(overlay(), classNames?.overlay, className)}
-      >
-        {composeRenderProps(props.children, (children, {}) => (
-          <>
-            {showDismissButton && <DismissButton />}
-            {arrow && (
-              <AriaOverlayArrow className="group">
-                <svg
-                  width={12}
-                  height={12}
-                  viewBox="0 0 12 12"
-                  className={arrowStyle({ className: classNames?.arrow })}
-                >
-                  <path d="M0 0 L6 6 L12 0" />
-                </svg>
-              </AriaOverlayArrow>
-            )}
-            {children}
-          </>
-        ))}
-      </AriaPopover>
-    );
-  }
-);
-PopoverOverlay.displayName = "PopoverOverlay";
-
-const drawerVariants = tv({
-  slots: {
-    backdrop: ["fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", "opacity-0"],
-    overlay: [
-      "group/overlay bg-bg outline-hidden fixed z-50 flex flex-col",
-      "inset-0",
-      "placement-bottom:top-auto placement-top:bottom-auto placement-left:right-auto placement-right:left-auto",
-      "placement-bottom:mt-24 placement-bottom:rounded-t-[10px] placement-bottom:border-t",
-      "placement-top:mb-24 placement-top:rounded-b-[10px] placement-top:border-b",
-      "placement-right:ml-24 placement-right:rounded-l-[10px] placement-right:border-l",
-      "placement-left:mr-24 placement-left:rounded-r-[10px] placement-left:border-r",
-      "touch-none will-change-transform",
-      "placement-bottom:translate-y-full placement-top:-translate-y-full placement-left:-translate-x-full placement-right:translate-x-full", // required
-      "placement-bottom:max-h-[90%] placement-top:max-h-[90%]",
-    ],
-  },
-});
-
-type DrawerOverlaySlots = keyof ReturnType<typeof drawerVariants>;
-type DrawerOverlayClassNames = {
-  [key in DrawerOverlaySlots]?: string;
-};
-
-interface DrawerOverlayProps extends Omit<AriaModalOverlayProps, "children"> {
-  placement?: "top" | "bottom" | "left" | "right";
-  showDismissButton?: boolean;
-  swipeIndicator?: boolean;
-  children?: React.ReactNode;
-  classNames?: DrawerOverlayClassNames;
-}
-
-const DrawerOverlay = React.forwardRef<
-  React.ElementRef<typeof AriaModalOverlay>,
-  DrawerOverlayProps
->(
-  (
-    {
-      children,
-      classNames,
-      className,
-      isDismissable,
-      showDismissButton = false,
-      swipeIndicator = true,
-      placement = "bottom",
-      ...props
-    },
-    ref
-  ) => {
-    const { rootProps, modalProps, backdropProps, drawerProps } =
-      useMotionDrawer({
-        isDismissable,
-        placement,
-        scaleBackground: false,
-      });
-    const { overlay, backdrop } = drawerVariants();
-
-    return (
-      <MotionDrawerRoot {...rootProps}>
-        <AriaModalOverlay
-          ref={ref}
-          isDismissable={isDismissable}
-          {...props}
-          {...modalProps}
-        >
-          <div
-            {...backdropProps}
-            className={backdrop({ className: classNames?.backdrop })}
-          />
-          <AriaModal>
-            <div
-              {...drawerProps}
-              data-type="drawer"
-              className={cn(overlay(), classNames?.overlay, className)}
-            >
-              {showDismissButton && (
-                <DismissButton shape="rectangle">Done</DismissButton>
-              )}
-              {swipeIndicator && (
-                <div className="bg-bg-muted mx-auto my-4 h-2 w-[100px] rounded-full" />
-              )}
-              {children}
-            </div>
-          </AriaModal>
-        </AriaModalOverlay>
-      </MotionDrawerRoot>
-    );
-  }
-);
-DrawerOverlay.displayName = "DrawerOverlay";
-
-const DismissButton = (props: ButtonProps) => {
-  return (
-    <Button
-      shape="square"
-      slot="close"
-      variant="quiet"
-      size="sm"
-      aria-label="Close"
-      {...props}
-      className={cn("absolute right-2 top-2 z-20", props.className)}
-    >
-      {props.children ?? <XIcon />}
-    </Button>
-  );
-};
-
-export type {
-  OverlayProps,
-  ModalOverlayProps,
-  DrawerOverlayProps,
-  PopoverOverlayProps,
-};
-export {
-  Overlay,
-  PopoverOverlay,
-  DrawerOverlay,
-  ModalOverlay,
-  DismissButton,
-  drawerVariants,
-  modalVariants,
-  popoverOverlayVariants,
-};
diff --git a/www/src/__registry__/core/progress.tsx b/www/src/__registry__/core/progress.tsx
deleted file mode 100644
index a506e1b55..000000000
--- a/www/src/__registry__/core/progress.tsx
+++ /dev/null
@@ -1,232 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  ProgressBar as AriaProgress,
-  composeRenderProps,
-  type ProgressBarProps as AriaProgressProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Label } from "@/registry/core/field";
-import { cn } from "@/registry/lib/cn";
-
-const progressStyles = tv({
-  slots: {
-    root: "flex w-60 flex-col gap-2",
-    indicator: "relative h-2.5 w-full overflow-hidden rounded-full",
-    filler:
-      "animate-progress-grow bg-fg h-full w-full min-w-14 flex-1 origin-left transition-transform",
-    valueLabel: "text-sm",
-  },
-  variants: {
-    variant: {
-      default: {
-        indicator: "bg-bg-muted",
-        filler: "bg-bg-primary",
-      },
-      accent: {
-        indicator: "bg-bg-accent-muted",
-        filler: "bg-bg-accent",
-      },
-      warning: {
-        indicator: "bg-bg-warning-muted",
-        filler: "bg-bg-warning",
-      },
-      danger: {
-        indicator: "bg-bg-danger-muted",
-        filler: "bg-bg-danger",
-      },
-      success: {
-        indicator: "bg-bg-success-muted",
-        filler: "bg-bg-success",
-      },
-    },
-    size: {
-      sm: {
-        indicator: "h-1",
-      },
-      md: {
-        indicator: "h-2.5",
-      },
-      lg: {
-        indicator: "h-4",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-    shape: "bar",
-    size: "md",
-  },
-});
-
-type ProgressSlots = keyof ReturnType<typeof progressStyles>;
-type ProgressClassNames = {
-  [key in ProgressSlots]?: string;
-};
-
-interface ProgressProps
-  extends ProgressRootProps,
-    VariantProps<typeof progressStyles> {
-  label?: string;
-  showValueLabel?: boolean;
-  duration?: string;
-  classNames?: ProgressClassNames;
-}
-const Progress = ({
-  label,
-  showValueLabel = false,
-  variant,
-  size,
-  duration,
-  className,
-  classNames,
-  ...props
-}: ProgressProps) => {
-  return (
-    <ProgressRoot
-      duration={duration}
-      className={cn(className, classNames?.root)}
-      {...props}
-    >
-      {(label || showValueLabel) && (
-        <div
-          className={cn(
-            "flex items-center justify-between gap-2",
-            !label && "justify-end"
-          )}
-        >
-          {label && <Label>{label}</Label>}
-          {showValueLabel && <ProgressValueLabel />}
-        </div>
-      )}
-      <ProgressIndicator
-        variant={variant}
-        size={size}
-        duration={duration}
-        classNames={{
-          indicator: classNames?.indicator,
-          filler: classNames?.filler,
-        }}
-      />
-    </ProgressRoot>
-  );
-};
-
-interface ProgressRootProps extends Omit<AriaProgressProps, "className"> {
-  duration?: string;
-  className?: string;
-}
-const ProgressRoot = ({
-  className,
-  isIndeterminate,
-  duration,
-  ...props
-}: ProgressRootProps) => {
-  const { root } = progressStyles();
-  return (
-    <AriaProgress
-      className={root({ className })}
-      isIndeterminate={isIndeterminate || !!duration}
-      {...props}
-    >
-      {composeRenderProps(
-        props.children,
-        (children, { percentage, isIndeterminate, valueText }) => (
-          <ProgressContext.Provider
-            value={{ percentage, isIndeterminate, valueText }}
-          >
-            {children}
-          </ProgressContext.Provider>
-        )
-      )}
-    </AriaProgress>
-  );
-};
-
-interface ProgressIndicatorProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof progressStyles> {
-  duration?: string;
-  classNames?: {
-    indicator?: string;
-    filler?: string;
-  };
-}
-const ProgressIndicator = ({
-  duration,
-  className,
-  variant,
-  size,
-  classNames,
-  ...props
-}: ProgressIndicatorProps) => {
-  const { indicator, filler } = progressStyles({ variant, size });
-  const { isIndeterminate, percentage } = useProgressContext();
-  return (
-    <div
-      className={cn(indicator(), classNames?.indicator, className)}
-      {...props}
-    >
-      <div
-        className={cn(
-          filler(),
-          isIndeterminate && "animate-progress-indeterminate",
-          classNames?.filler
-        )}
-        style={
-          {
-            "--progress-duration": duration ?? "0s",
-            ...(percentage ? { transform: `scaleX(${percentage / 100})` } : {}),
-            ...(isIndeterminate
-              ? {
-                  maskImage:
-                    "linear-gradient(75deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.65) 80%)",
-                  maskSize: "200%",
-                }
-              : {}),
-          } as React.CSSProperties
-        }
-      />
-    </div>
-  );
-};
-
-type ProgressValueLabelProps = React.HTMLAttributes<HTMLSpanElement>;
-const ProgressValueLabel = ({
-  children,
-  className,
-  ...props
-}: ProgressValueLabelProps) => {
-  const { valueLabel } = progressStyles();
-  const { valueText } = useProgressContext();
-  return (
-    <span className={valueLabel({ className })} {...props}>
-      {children ?? valueText}
-    </span>
-  );
-};
-
-type ProgressContextValue = {
-  percentage?: number;
-  isIndeterminate: boolean;
-  valueText?: string;
-};
-const ProgressContext = React.createContext<ProgressContextValue | null>(null);
-const useProgressContext = () => {
-  const context = React.useContext(ProgressContext);
-  if (!context) {
-    throw new Error(
-      "useProgressContext must be used within a ProgressProvider"
-    );
-  }
-  return context;
-};
-
-export type {
-  ProgressProps,
-  ProgressRootProps,
-  ProgressIndicatorProps,
-  ProgressValueLabelProps,
-};
-export { Progress, ProgressRoot, ProgressIndicator, ProgressValueLabel };
diff --git a/www/src/__registry__/core/radio-group.tsx b/www/src/__registry__/core/radio-group.tsx
deleted file mode 100644
index 34ece4a69..000000000
--- a/www/src/__registry__/core/radio-group.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Radio as AriaRadio,
-  RadioGroup as AriaRadioGroup,
-  type RadioGroupProps as AriaRadioGroupProps,
-  type RadioProps as AriaRadioProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
-
-const radioGroupStyles = tv({
-  slots: {
-    root: "group/radio-group flex flex-col gap-2",
-    wrapper:
-      "group-orientation-horizontal/radio-group:flex-row group-orientation-horizontal/radio-group:gap-3 flex flex-col gap-1",
-  },
-});
-
-const radioStyles = tv({
-  slots: {
-    root: "disabled:text-fg-disabled invalid:text-fg-danger group flex cursor-pointer flex-row items-center justify-between gap-2 disabled:cursor-default",
-    indicator: [
-      focusRing(),
-      "border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100",
-      "group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled",
-      "group-invalid:border-border-danger group-invalid:selected:border-bg-danger",
-    ],
-  },
-  variants: {
-    variant: {
-      default: {
-        indicator: focusRingGroup(),
-      },
-      card: {
-        root: [
-          focusRing(),
-          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
-        ],
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-interface RadioGroupProps
-  extends RadioGroupRootProps,
-    VariantProps<typeof radioGroupStyles>,
-    Omit<FieldProps, "children"> {
-  className?: string;
-}
-const RadioGroup = React.forwardRef<
-  React.ElementRef<typeof AriaRadioGroup>,
-  RadioGroupProps
->(
-  (
-    {
-      label,
-      description,
-      errorMessage,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    const { wrapper } = radioGroupStyles();
-    return (
-      <RadioGroupRoot ref={ref} {...props}>
-        {composeRenderProps(props.children, (children, { isRequired }) => (
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <div className={wrapper()}>{children}</div>
-          </Field>
-        ))}
-      </RadioGroupRoot>
-    );
-  }
-);
-RadioGroup.displayName = "RadioGroup";
-
-interface RadioGroupRootProps
-  extends Omit<AriaRadioGroupProps, "className">,
-    VariantProps<typeof radioStyles> {
-  className?: string;
-}
-const RadioGroupRoot = React.forwardRef<
-  React.ElementRef<typeof AriaRadioGroup>,
-  RadioGroupRootProps
->(({ className, variant, ...props }, ref) => {
-  const { root } = radioGroupStyles();
-  return (
-    <RadioContext.Provider value={{ variant }}>
-      <AriaRadioGroup ref={ref} className={root({ className })} {...props} />
-    </RadioContext.Provider>
-  );
-});
-RadioGroupRoot.displayName = "RadioGroupRoot";
-
-interface RadioProps
-  extends Omit<AriaRadioProps, "className">,
-    VariantProps<typeof radioStyles> {
-  className?: string;
-}
-const Radio = React.forwardRef<React.ElementRef<typeof AriaRadio>, RadioProps>(
-  (localProps, ref) => {
-    const contextProps = useRadioContext();
-    const props = { ...contextProps, ...localProps };
-    const { className, variant, ...restProps } = props;
-    const { root, indicator } = radioStyles({ variant });
-    return (
-      <AriaRadio ref={ref} {...restProps} className={root({ className })}>
-        {composeRenderProps(props.children, (children) => (
-          <>
-            <div className={indicator({ className: "" })} />
-            {children}
-          </>
-        ))}
-      </AriaRadio>
-    );
-  }
-);
-Radio.displayName = "Radio";
-
-type RadioContextValue = VariantProps<typeof radioStyles>;
-const RadioContext = React.createContext<RadioContextValue>({});
-const useRadioContext = () => {
-  return React.useContext(RadioContext);
-};
-
-export type { RadioGroupRootProps, RadioGroupProps, RadioProps };
-export { RadioGroupRoot, RadioGroup, Radio };
diff --git a/www/src/__registry__/core/range-calendar.tsx b/www/src/__registry__/core/range-calendar.tsx
deleted file mode 100644
index a73a0cb26..000000000
--- a/www/src/__registry__/core/range-calendar.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import {
-  composeRenderProps,
-  RangeCalendar as AriaRangeCalendar,
-  type RangeCalendarProps as AriaRangeCalendarProps,
-  type DateValue,
-  RangeCalendarContext as AriaRangeCalendarContext,
-  useSlottedContext,
-} from "react-aria-components";
-import { Button } from "@/registry/core/button-01";
-import {
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-  calendarStyles,
-} from "@/registry/core/calendar";
-import { Heading } from "@/registry/core/heading";
-import { Text } from "@/registry/core/text";
-
-interface RangeCalendarProps<T extends DateValue>
-  extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
-  visibleMonths?: number;
-  errorMessage?: string;
-}
-const RangeCalendar = <T extends DateValue>({
-  visibleMonths = 1,
-  errorMessage,
-  ...props
-}: RangeCalendarProps<T>) => {
-  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
-  return (
-    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
-      {({ isInvalid }) => (
-        <>
-          <CalendarHeader>
-            <Button slot="previous" variant="outline" shape="square" size="sm">
-              <ChevronLeftIcon />
-            </Button>
-            <Heading className="text-sm" />
-            <Button slot="next" variant="outline" shape="square" size="sm">
-              <ChevronRightIcon />
-            </Button>
-          </CalendarHeader>
-          <div className="flex items-start gap-4">
-            {Array.from({ length: visibleMonths }).map((_, index) => (
-              <CalendarGrid
-                key={index}
-                offset={index === 0 ? undefined : { months: index }}
-              >
-                <CalendarGridHeader>
-                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-                </CalendarGridHeader>
-                <CalendarGridBody>
-                  {(date) => (
-                    <CalendarCell date={date} range>
-                      {({ formattedDate }) => (
-                        <span className="z-20">{formattedDate}</span>
-                      )}
-                    </CalendarCell>
-                  )}
-                </CalendarGridBody>
-              </CalendarGrid>
-            ))}
-          </div>
-          {isInvalid && errorMessage && (
-            <Text slot="errorMessage">{errorMessage}</Text>
-          )}
-        </>
-      )}
-    </RangeCalendarRoot>
-  );
-};
-
-type RangeCalendarRootProps<T extends DateValue> = AriaRangeCalendarProps<T>;
-const RangeCalendarRoot = <T extends DateValue>(
-  props: RangeCalendarRootProps<T>
-) => {
-  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);
-  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
-  const { root } = calendarStyles({ standalone });
-  return (
-    <AriaRangeCalendar
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-export type { RangeCalendarProps, RangeCalendarRootProps };
-export { RangeCalendar, RangeCalendarRoot };
diff --git a/www/src/__registry__/core/ripple.tsx b/www/src/__registry__/core/ripple.tsx
deleted file mode 100644
index 778a59ffb..000000000
--- a/www/src/__registry__/core/ripple.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-"use client";
-
-import type { FC } from "react";
-import type { HTMLMotionProps } from "motion/react";
-import { AnimatePresence, motion } from "motion/react";
-import type { RippleType } from "@/registry/hooks/use-ripple";
-
-function clamp(value: number, min: number, max: number) {
-  return Math.min(Math.max(value, min), max);
-}
-
-export interface RippleProps extends React.HTMLAttributes<"span"> {
-  ripples: RippleType[];
-  color?: string;
-  motionProps?: HTMLMotionProps<"span">;
-  style?: React.CSSProperties;
-  onClear: (key: React.Key) => void;
-}
-
-export const Ripple: FC<RippleProps> = (props) => {
-  const {
-    ripples = [],
-    motionProps,
-    color = "currentColor",
-    style,
-    onClear,
-  } = props;
-
-  return (
-    <AnimatePresence mode="popLayout">
-      {ripples.map((ripple) => {
-        const duration = clamp(
-          0.01 * ripple.size,
-          0.2,
-          ripple.size > 100 ? 0.75 : 0.5
-        );
-
-        return (
-          <motion.span
-            key={ripple.key}
-            initial={{ scale: 0, opacity: 0.35 }}
-            animate={{ scale: 2, opacity: 0 }}
-            exit={{ opacity: 0 }}
-            style={{
-              position: "absolute",
-              backgroundColor: color,
-              borderRadius: "100%",
-              transformOrigin: "center",
-              pointerEvents: "none",
-              overflow: "hidden",
-              inset: 0,
-              zIndex: 0,
-              top: ripple.y,
-              left: ripple.x,
-              width: `${ripple.size}px`,
-              height: `${ripple.size}px`,
-              ...style,
-            }}
-            transition={{ duration }}
-            onAnimationComplete={() => {
-              onClear(ripple.key);
-            }}
-            {...motionProps}
-          />
-        );
-      })}
-    </AnimatePresence>
-  );
-};
-Ripple.displayName = "NextUI.Ripple";
diff --git a/www/src/__registry__/core/scroll-area.tsx b/www/src/__registry__/core/scroll-area.tsx
deleted file mode 100644
index d4038fa3b..000000000
--- a/www/src/__registry__/core/scroll-area.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { type VariantProps, tv } from "tailwind-variants";
-
-const scrollAreaStyles = tv({
-  slots: {
-    root: "flex h-full w-full flex-col overflow-hidden",
-    viewport: "*:block! flex h-full w-full flex-col *:w-fit *:grow",
-    scrollbar:
-      "my-0 flex touch-none select-none flex-col rounded-full bg-gray-800 data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col", // TODO: remove my-0, it was my-1
-    thumb:
-      "before:-translate-y-1/2] relative h-full w-full rounded-[inherit] bg-gray-500 transition-colors before:absolute before:left-1/2 before:top-1/2 before:min-h-4 before:min-w-4 before:-translate-x-1/2 before:content-[''] hover:bg-gray-400",
-  },
-  variants: {
-    size: {
-      sm: {
-        scrollbar:
-          "data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1",
-      },
-      md: {
-        scrollbar:
-          "data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2",
-      },
-      lg: {
-        scrollbar:
-          "data-[orientation=horizontal]:h-3 data-[orientation=vertical]:w-3",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-interface ScrollAreaProps
-  extends ScrollAreaRootProps,
-    Omit<ScrollAreaViewPortProps, "dir">,
-    VariantProps<typeof scrollAreaStyles> {
-  scrollbars?: "vertical" | "horizontal" | "both";
-}
-
-const ScrollArea = React.forwardRef<
-  HTMLDivElement,
-  ScrollAreaProps & { containerClassName?: string }
->(
-  (
-    {
-      children,
-      scrollbars = "vertical",
-      size,
-      asChild,
-      type,
-      scrollHideDelay = 0,
-      dir,
-      containerClassName,
-      ...viewportProps
-    },
-    ref
-  ) => {
-    return (
-      <ScrollAreaRoot
-        asChild={asChild}
-        scrollHideDelay={scrollHideDelay}
-        dir={dir}
-        type={type}
-        className={containerClassName}
-      >
-        <ScrollAreaViewPort ref={ref} {...viewportProps}>
-          {children}
-        </ScrollAreaViewPort>
-        {scrollbars !== "vertical" && (
-          <ScrollAreaScrollbar orientation="horizontal" size={size} />
-        )}
-        {scrollbars !== "horizontal" && (
-          <ScrollAreaScrollbar orientation="vertical" size={size} />
-        )}
-        {scrollbars === "both" && <ScrollAreaCorner />}
-      </ScrollAreaRoot>
-    );
-  }
-);
-
-ScrollArea.displayName = "ScrollArea";
-
-type ScrollAreaRootProps = ScrollAreaPrimitive.ScrollAreaProps;
-const ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {
-  const { root } = scrollAreaStyles();
-  return (
-    <ScrollAreaPrimitive.Root className={root({ className })} {...props} />
-  );
-};
-
-type ScrollAreaViewPortProps = ScrollAreaPrimitive.ScrollAreaViewportProps;
-const ScrollAreaViewPort = React.forwardRef<
-  HTMLDivElement,
-  ScrollAreaViewPortProps
->(({ className, ...props }, ref) => {
-  const { viewport } = scrollAreaStyles();
-  return (
-    <ScrollAreaPrimitive.Viewport
-      ref={ref}
-      className={viewport({ className })}
-      {...props}
-    />
-  );
-});
-ScrollAreaViewPort.displayName = "ScrollAreaViewPort";
-
-interface ScrollAreaScrollbarProps
-  extends ScrollAreaPrimitive.ScrollAreaScrollbarProps,
-    VariantProps<typeof scrollAreaStyles> {}
-const ScrollAreaScrollbar = ({
-  className,
-  size,
-  ...props
-}: ScrollAreaScrollbarProps) => {
-  const { scrollbar, thumb } = scrollAreaStyles({ size });
-  return (
-    <ScrollAreaPrimitive.Scrollbar
-      className={scrollbar({ className })}
-      {...props}
-    >
-      <ScrollAreaPrimitive.Thumb className={thumb()} />
-    </ScrollAreaPrimitive.Scrollbar>
-  );
-};
-
-const ScrollAreaCorner = ScrollAreaPrimitive.Corner;
-
-export type {
-  ScrollAreaProps,
-  ScrollAreaRootProps,
-  ScrollAreaViewPortProps,
-  ScrollAreaScrollbarProps,
-};
-export {
-  ScrollArea,
-  ScrollAreaRoot,
-  ScrollAreaViewPort,
-  ScrollAreaScrollbar,
-  ScrollAreaCorner,
-};
diff --git a/www/src/__registry__/core/search-field.tsx b/www/src/__registry__/core/search-field.tsx
deleted file mode 100644
index 973e85d35..000000000
--- a/www/src/__registry__/core/search-field.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { SearchIcon, XIcon } from "lucide-react";
-import {
-  SearchField as AriaSearchField,
-  type SearchFieldProps as AriaSearchFieldProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
-
-const searchFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
-});
-
-type SearchFieldProps = SearchFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    prefix?: React.ReactNode;
-    suffix?:
-      | React.ReactNode
-      | (({
-          isEmpty,
-          isDisabled,
-        }: {
-          isEmpty?: boolean;
-          isDisabled?: boolean;
-        }) => React.ReactNode);
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const SearchField = React.forwardRef<HTMLInputElement, SearchFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix = <SearchIcon />,
-      suffix = ({ isEmpty, isDisabled }) => {
-        if (isEmpty || isDisabled) return null;
-        return (
-          <Button variant="quiet" shape="circle" size="sm" className="size-6">
-            <XIcon />
-          </Button>
-        );
-      },
-      isLoading,
-      loaderPosition = "prefix",
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <SearchFieldRoot className={className} {...props}>
-        {({ isEmpty, isDisabled }) => (
-          <>
-            <Field
-              label={label}
-              description={description}
-              errorMessage={errorMessage}
-              isRequired={isRequired}
-              necessityIndicator={necessityIndicator}
-              contextualHelp={contextualHelp}
-            >
-              <InputRoot
-                size={size}
-                prefix={prefix}
-                suffix={
-                  typeof suffix === "function"
-                    ? suffix({ isEmpty, isDisabled })
-                    : suffix
-                }
-                isLoading={isLoading}
-                loaderPosition={loaderPosition}
-              >
-                <Input
-                  ref={ref}
-                  placeholder={placeholder}
-                  className="[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none"
-                />
-              </InputRoot>
-            </Field>
-          </>
-        )}
-      </SearchFieldRoot>
-    );
-  }
-);
-SearchField.displayName = "SearchField";
-
-type SearchFieldRootProps = Omit<AriaSearchFieldProps, "className"> & {
-  className?: string;
-};
-const SearchFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaSearchField>,
-  SearchFieldRootProps
->(({ className, ...props }, ref) => {
-  return (
-    <AriaSearchField
-      ref={ref}
-      className={searchFieldStyles({ className })}
-      {...props}
-    />
-  );
-});
-SearchFieldRoot.displayName = "SearchFieldRoot";
-
-export type { SearchFieldProps, SearchFieldRootProps };
-export { SearchField, SearchFieldRoot };
diff --git a/www/src/__registry__/core/section.tsx b/www/src/__registry__/core/section.tsx
deleted file mode 100644
index e11a6dce2..000000000
--- a/www/src/__registry__/core/section.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-"use client";
-
-import {
-  Section as AriaSection,
-  Header as AriaHeader,
-  type SectionProps as AriaSectionProps,
-  Collection as AriaCollection,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const SectionStyles = tv({
-  slots: {
-    root: "mt-2 space-y-px first:mt-1",
-    title: "mb-1 pl-3 text-sm font-bold",
-  },
-});
-
-interface SectionProps<T> extends AriaSectionProps<T> {
-  title?: string;
-}
-const Section = <T extends object>({ title, ...props }: SectionProps<T>) => {
-  return (
-    <SectionRoot {...props}>
-      {title && <SectionTitle>{title}</SectionTitle>}
-      <AriaCollection items={props.items}>{props.children}</AriaCollection>
-    </SectionRoot>
-  );
-};
-
-type SectionRootProps<T> = AriaSectionProps<T>;
-const SectionRoot = <T extends object>({
-  className,
-  ...props
-}: SectionRootProps<T>) => {
-  const { root } = SectionStyles();
-  return <AriaSection className={root({ className })} {...props} />;
-};
-
-type SectionTitleProps = React.HTMLAttributes<HTMLElement>;
-const SectionTitle = ({ className, ...props }: SectionTitleProps) => {
-  const { title } = SectionStyles();
-  return <AriaHeader className={title({ className })} {...props} />;
-};
-
-export { Section, SectionTitle };
diff --git a/www/src/__registry__/core/select.tsx b/www/src/__registry__/core/select.tsx
deleted file mode 100644
index dc53f27e6..000000000
--- a/www/src/__registry__/core/select.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ChevronDownIcon } from "lucide-react";
-import {
-  composeRenderProps,
-  Select as AriaSelect,
-  SelectValue as AriaSelectValue,
-  type SelectProps as AriaSelectProps,
-  type SelectValueProps as AriaSelectValueProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { ListBox, type ListBoxProps } from "@/registry/core/list-box";
-import { Overlay } from "@/registry/core/overlay";
-
-const selectStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-    selectValue: "flex-1 text-left",
-  },
-});
-
-interface SelectProps<T extends object>
-  extends Omit<SelectRootProps<T>, "children">,
-    Omit<FieldProps, "children"> {
-  children?: ListBoxProps<T>["children"];
-  dependencies?: ListBoxProps<T>["dependencies"];
-  items?: ListBoxProps<T>["items"];
-  isLoading?: ListBoxProps<T>["isLoading"];
-  variant?: ButtonProps["variant"];
-  size?: ButtonProps["size"];
-}
-const Select = <T extends object>({
-  variant,
-  size,
-  label,
-  description,
-  errorMessage,
-  necessityIndicator,
-  contextualHelp,
-  children,
-  dependencies,
-  items,
-  isLoading,
-  ...props
-}: SelectProps<T>) => {
-  return (
-    <SelectRoot {...props}>
-      {({ isRequired }) => (
-        <>
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <Button variant={variant} size={size} suffix={<ChevronDownIcon />}>
-              <SelectValue />
-            </Button>
-          </Field>
-          <Overlay type="popover">
-            <ListBox
-              isLoading={isLoading}
-              items={items}
-              dependencies={dependencies}
-            >
-              {children}
-            </ListBox>
-          </Overlay>
-        </>
-      )}
-    </SelectRoot>
-  );
-};
-
-type SelectValueProps<T extends object> = AriaSelectValueProps<T>;
-const SelectValue = <T extends object>(props: SelectValueProps<T>) => {
-  const { selectValue } = selectStyles();
-  return (
-    <AriaSelectValue
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        selectValue({ className })
-      )}
-    />
-  );
-};
-
-interface SelectRootProps<T extends object>
-  extends Omit<AriaSelectProps<T>, "className"> {
-  className?: string;
-}
-const SelectRoot = <T extends object>({
-  className,
-  ...props
-}: SelectRootProps<T>) => {
-  const { root } = selectStyles();
-  return <AriaSelect className={root({ className })} {...props} />;
-};
-
-export type { SelectProps, SelectRootProps, SelectValueProps };
-export { Select, SelectRoot, SelectValue };
diff --git a/www/src/__registry__/core/separator.tsx b/www/src/__registry__/core/separator.tsx
deleted file mode 100644
index 1846c0ce4..000000000
--- a/www/src/__registry__/core/separator.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Separator as AriaSeparator,
-  type SeparatorProps as AriaSeparatorProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const separatorStyles = tv({
-  base: "bg-border separator shrink-0 border-0",
-  variants: {
-    orientation: {
-      horizontal: "h-[1px] w-full",
-      vertical: "h-full w-[1px]",
-    },
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-  },
-});
-
-type SeparatorProps = AriaSeparatorProps;
-const Separator = ({ orientation, className, ...props }: SeparatorProps) => {
-  return (
-    <AriaSeparator
-      {...props}
-      className={separatorStyles({ orientation, className })}
-    />
-  );
-};
-
-export { Separator };
diff --git a/www/src/__registry__/core/skeleton.tsx b/www/src/__registry__/core/skeleton.tsx
deleted file mode 100644
index cf2ecc968..000000000
--- a/www/src/__registry__/core/skeleton.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { cn } from "@/registry/lib/cn";
-
-function Skeleton({
-  className,
-  show = true,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement> & {
-  show?: boolean;
-}) {
-  if (!show) return props.children;
-  return (
-    <span
-      className={cn(
-        "bg-bg-muted relative block h-6 animate-pulse rounded-md",
-        props.children && "h-auto *:invisible",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Skeleton };
diff --git a/www/src/__registry__/core/slider.tsx b/www/src/__registry__/core/slider.tsx
deleted file mode 100644
index 62018d61d..000000000
--- a/www/src/__registry__/core/slider.tsx
+++ /dev/null
@@ -1,231 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { useSlotId } from "@react-aria/utils";
-import {
-  composeRenderProps,
-  Slider as AriaSlider,
-  SliderOutput as AriaSliderOutput,
-  SliderThumb as AriaSliderThumb,
-  SliderTrack as AriaSliderTrack,
-  type SliderThumbProps as AriaSliderThumbProps,
-  type SliderOutputProps as AriaSliderOutputProps,
-  type SliderTrackProps as AriaSliderTrackProps,
-  type SliderProps as AriaSliderProps,
-  SliderStateContext as AriaSliderStateContext,
-  TextContext as AriaTextContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Description, Label, type FieldProps } from "@/registry/core/field";
-import { cn } from "@/registry/lib/cn";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const sliderStyles = tv({
-  slots: {
-    root: "orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
-    track: [
-      "group/track bg-bg-neutral disabled:bg-bg-disabled relative cursor-pointer rounded-full disabled:cursor-default",
-      "orientation-vertical:flex-1 orientation-vertical:w-2 orientation-horizontal:w-full orientation-horizontal:h-2 grow",
-    ],
-    filler: [
-      "bg-border-focus group-disabled/track:bg-bg-disabled rounded-full",
-      "group-orientation-horizontal/top-0 group-orientation-vertical/track:w-full group-orientation-vertical/track:bottom-0 group-orientation-horizontal/track:h-full pointer-events-none absolute",
-    ],
-    thumb: [
-      focusRing(),
-      "rounded-full bg-white shadow-md transition-[width,height]",
-      "left-[50%] top-[50%]",
-      "disabled:bg-bg-disabled disabled:border-bg disabled:border",
-    ],
-    valueLabel: "text-fg-muted text-sm",
-  },
-  variants: {
-    size: {
-      sm: {
-        thumb: "dragging:size-4 size-3",
-        track: "orientation-vertical:w-1 orientation-horizontal:h-1",
-      },
-      md: {
-        thumb: "dragging:size-5 size-4",
-        track: "orientation-vertical:w-2 orientation-horizontal:h-2",
-      },
-      lg: {
-        thumb: "dragging:size-6 size-5",
-        track: "orientation-vertical:w-3 orientation-horizontal:h-3",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-interface SliderProps
-  extends SliderRootProps,
-    VariantProps<typeof sliderStyles> {
-  label?: FieldProps["label"];
-  description?: FieldProps["description"];
-  valueLabel?: boolean | ((value: number[]) => string);
-}
-const Slider = React.forwardRef<
-  React.ElementRef<typeof AriaSlider>,
-  SliderProps
->(({ label, description, valueLabel = false, size, ...props }, ref) => (
-  <SliderRoot ref={ref} {...props}>
-    {(label || !!valueLabel) && (
-      <div
-        className={cn(
-          "flex items-center justify-between gap-2",
-          !label && "justify-end"
-        )}
-      >
-        {label && <Label>{label}</Label>}
-        {!!valueLabel && (
-          <SliderValueLabel>
-            {({ state }) =>
-              typeof valueLabel === "function"
-                ? valueLabel(state.values)
-                : undefined
-            }
-          </SliderValueLabel>
-        )}
-      </div>
-    )}
-    <SliderControls size={size} />
-    {description && <Description>{description}</Description>}
-  </SliderRoot>
-));
-Slider.displayName = "Slider";
-
-type SliderRootProps = AriaSliderProps;
-const SliderRoot = React.forwardRef(
-  (props: SliderRootProps, ref: React.Ref<HTMLDivElement>) => {
-    const { root } = sliderStyles();
-    const descriptionId = useSlotId();
-    return (
-      <AriaTextContext.Provider
-        value={{ slots: { description: { id: descriptionId } } }}
-      >
-        <AriaSlider
-          ref={ref}
-          aria-describedby={descriptionId}
-          {...props}
-          className={composeRenderProps(props.className, (className) =>
-            root({ className })
-          )}
-        />
-      </AriaTextContext.Provider>
-    );
-  }
-);
-SliderRoot.displayName = "SliderRoot";
-
-type SliderControlsProps = SliderTrackProps & VariantProps<typeof sliderStyles>;
-const SliderControls = (props: SliderControlsProps) => {
-  return (
-    <SliderTrack {...props}>
-      {({ state }) => (
-        <>
-          <SliderFiller />
-          {state.values.map((_, i) => (
-            <SliderThumb key={i} index={i} size={props.size} />
-          ))}
-        </>
-      )}
-    </SliderTrack>
-  );
-};
-
-type SliderTrackProps = AriaSliderTrackProps &
-  VariantProps<typeof sliderStyles>;
-const SliderTrack = ({ size, ...props }: SliderTrackProps) => {
-  const { track } = sliderStyles({ size });
-  return (
-    <AriaSliderTrack
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        track({ className })
-      )}
-    />
-  );
-};
-
-type SliderFillerProps = React.HTMLAttributes<HTMLDivElement>;
-const SliderFiller = (props: SliderFillerProps) => {
-  const { filler } = sliderStyles();
-  const { orientation, getThumbPercent, values } = React.useContext(
-    AriaSliderStateContext
-  );
-
-  return (
-    <div
-      {...props}
-      style={
-        values.length === 1
-          ? orientation === "horizontal"
-            ? {
-                width: `${getThumbPercent(0) * 100}%`,
-              }
-            : { height: `${getThumbPercent(0) * 100}%` }
-          : orientation === "horizontal"
-            ? {
-                left: `${getThumbPercent(0) * 100}%`,
-                width: `${
-                  Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100
-                }%`,
-              }
-            : {
-                bottom: `${getThumbPercent(0) * 100}%`,
-                height: `${
-                  Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100
-                }%`,
-              }
-      }
-      className={filler({ className: props.className })}
-    />
-  );
-};
-
-type SliderThumbProps = AriaSliderThumbProps &
-  VariantProps<typeof sliderStyles>;
-const SliderThumb = ({ size, ...props }: SliderThumbProps) => {
-  const { thumb } = sliderStyles({ size });
-  return (
-    <AriaSliderThumb
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        thumb({ className })
-      )}
-    />
-  );
-};
-
-type SliderValueLabelProps = AriaSliderOutputProps;
-const SliderValueLabel = (props: SliderValueLabelProps) => {
-  const { valueLabel } = sliderStyles();
-  return (
-    <AriaSliderOutput
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        valueLabel({ className })
-      )}
-    >
-      {composeRenderProps(
-        props.children,
-        (children, { state }) =>
-          children ??
-          state.values.map((_, i) => state.getThumbValueLabel(i)).join(" - ")
-      )}
-    </AriaSliderOutput>
-  );
-};
-
-export {
-  Slider,
-  SliderRoot,
-  SliderControls,
-  SliderTrack,
-  SliderFiller,
-  SliderThumb,
-  SliderValueLabel,
-};
diff --git a/www/src/__registry__/core/switch.tsx b/www/src/__registry__/core/switch.tsx
deleted file mode 100644
index eb75019f4..000000000
--- a/www/src/__registry__/core/switch.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Switch as AriaSwitch,
-  composeRenderProps,
-  type SwitchProps as AriaSwitchProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusRingGroup } from "@/registry/lib/focus-styles";
-
-const switchStyles = tv({
-  slots: {
-    root: "disabled:text-fg-disabled group flex items-center justify-start gap-3",
-    wrapper: [
-      focusRingGroup(),
-      "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
-      "group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent",
-    ],
-    indicator:
-      "group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200",
-    label: "",
-  },
-  variants: {
-    size: {
-      sm: {
-        wrapper: "h-5 w-9",
-        indicator:
-          "group-pressed:w-5 group-selected:ml-4 group-selected:group-pressed:ml-3 size-4",
-      },
-      md: {
-        wrapper: "h-6 w-11",
-        indicator:
-          "group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5",
-      },
-      lg: {
-        wrapper: "h-7 w-12",
-        indicator:
-          "group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-interface SwitchProps
-  extends Omit<AriaSwitchProps, "className">,
-    VariantProps<typeof switchStyles> {
-  className?: string;
-}
-
-const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(
-  ({ className, size, ...props }, ref) => {
-    const { root, wrapper, indicator, label } = switchStyles({ size });
-
-    return (
-      <AriaSwitch className={root({ className })} {...props} ref={ref}>
-        {composeRenderProps(props.children, (children) => (
-          <>
-            <span className={wrapper({})}>
-              <span className={indicator({})} style={{ contain: "layout" }} />
-            </span>
-            {children && <span className={label({})}>{children}</span>}
-          </>
-        ))}
-      </AriaSwitch>
-    );
-  }
-);
-
-Switch.displayName = "Switch";
-
-export { Switch };
diff --git a/www/src/__registry__/core/table.tsx b/www/src/__registry__/core/table.tsx
deleted file mode 100644
index 9a78e7991..000000000
--- a/www/src/__registry__/core/table.tsx
+++ /dev/null
@@ -1,276 +0,0 @@
-"use client";
-
-import React from "react";
-// import { IconChevronLgDown, IconHamburger } from "lucide-react";
-import { MenuIcon, ChevronDownIcon } from "lucide-react";
-import type {
-  CellProps,
-  ColumnProps,
-  ColumnResizerProps,
-  TableHeaderProps as HeaderProps,
-  RowProps,
-  TableBodyProps,
-  TableProps as TablePrimitiveProps,
-} from "react-aria-components";
-import {
-  Button,
-  Cell,
-  Collection,
-  Column,
-  ColumnResizer as ColumnResizerPrimitive,
-  ResizableTableContainer,
-  Row,
-  TableBody,
-  TableHeader,
-  Table as TablePrimitive,
-  composeRenderProps,
-  useTableOptions,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Checkbox } from "@/registry/core/checkbox";
-import { cn } from "@/registry/lib/cn";
-
-const table = tv({
-  slots: {
-    root: "outline-hidden **:drop-target:border **:drop-target:border-primary table w-full min-w-full caption-bottom border-spacing-0 rounded-md border text-sm",
-    header: "x32 border-b",
-    row: "tr bg-bg text-fg/70 outline-hidden ring-primary group relative cursor-default border-b focus:ring-0 focus-visible:ring-1",
-    cellIcon:
-      "bg-bg-muted text-fg grid size-[1.15rem] flex-none shrink-0 place-content-center rounded *:data-[slot=icon]:size-3.5 *:data-[slot=icon]:shrink-0 *:data-[slot=icon]:transition-transform *:data-[slot=icon]:duration-200",
-    columnResizer: [
-      "[&[data-resizing]>div]:bg-primary absolute bottom-0 right-0 top-0 grid w-px touch-none place-content-center px-1",
-      "&[data-resizable-direction=left]:cursor-e-resize &[data-resizable-direction=right]:cursor-w-resize data-[resizable-direction=both]:cursor-ew-resize",
-    ],
-  },
-});
-
-const { root, header, row, cellIcon, columnResizer } = table();
-
-interface TableProps extends TablePrimitiveProps {
-  className?: string;
-  allowResize?: boolean;
-}
-
-const TableContext = React.createContext<TableProps>({
-  allowResize: false,
-});
-
-const useTableContext = () => React.useContext(TableContext);
-
-const Table = ({ children, className, ...props }: TableProps) => (
-  <TableContext.Provider value={props}>
-    <div className="relative w-full overflow-auto">
-      {props.allowResize ? (
-        <ResizableTableContainer className="overflow-auto">
-          <TablePrimitive {...props} className={root({ className })}>
-            {children}
-          </TablePrimitive>
-        </ResizableTableContainer>
-      ) : (
-        <TablePrimitive {...props} className={root({ className })}>
-          {children}
-        </TablePrimitive>
-      )}
-    </div>
-  </TableContext.Provider>
-);
-
-const ColumnResizer = ({ className, ...props }: ColumnResizerProps) => (
-  <ColumnResizerPrimitive
-    {...props}
-    className={composeRenderProps(className, (className, renderProps) =>
-      columnResizer({
-        ...renderProps,
-        className,
-      })
-    )}
-  >
-    <div className="bg-border h-full w-px py-3" />
-  </ColumnResizerPrimitive>
-);
-
-const Body = <T extends object>(props: TableBodyProps<T>) => (
-  <TableBody
-    data-slot="table-body"
-    {...props}
-    className={cn("[&_.tr:last-child]:border-0")}
-  />
-);
-
-interface TableCellProps extends CellProps {
-  className?: string;
-}
-
-const cellStyles = tv({
-  base: "outline-hidden group whitespace-nowrap px-3 py-3",
-  variants: {
-    allowResize: {
-      true: "overflow-hidden truncate",
-    },
-  },
-});
-const TableCell = ({ children, className, ...props }: TableCellProps) => {
-  const { allowResize } = useTableContext();
-  return (
-    <Cell
-      data-slot="table-cell"
-      {...props}
-      className={cellStyles({ allowResize, className })}
-    >
-      {children}
-    </Cell>
-  );
-};
-
-const columnStyles = tv({
-  base: "allows-sorting:cursor-pointer outline-hidden data-dragging:cursor-grabbing relative whitespace-nowrap px-3 py-3 text-left font-medium [&:has([slot=selection])]:pr-0",
-  variants: {
-    isResizable: {
-      true: "overflow-hidden truncate",
-    },
-  },
-});
-
-interface TableColumnProps extends ColumnProps {
-  className?: string;
-  isResizable?: boolean;
-}
-
-const TableColumn = ({
-  isResizable = false,
-  className,
-  ...props
-}: TableColumnProps) => {
-  return (
-    <Column
-      data-slot="table-column"
-      {...props}
-      className={columnStyles({
-        isResizable,
-        className,
-      })}
-    >
-      {({ allowsSorting, sortDirection, isHovered }) => (
-        <div className="**:data-[slot=icon]:shrink-0 flex items-center gap-2">
-          <>
-            {props.children as React.ReactNode}
-            {allowsSorting && (
-              <span
-                className={cellIcon({
-                  className: isHovered ? "bg-secondary-fg/10" : "",
-                })}
-              >
-                <ChevronDownIcon
-                  className={sortDirection === "ascending" ? "rotate-180" : ""}
-                />
-              </span>
-            )}
-            {isResizable && <ColumnResizer />}
-          </>
-        </div>
-      )}
-    </Column>
-  );
-};
-
-interface TableHeaderProps<T extends object> extends HeaderProps<T> {
-  className?: string;
-  ref?: React.Ref<HTMLTableSectionElement>;
-}
-
-const Header = <T extends object>({
-  children,
-  ref,
-  className,
-  columns,
-  ...props
-}: TableHeaderProps<T>) => {
-  const { selectionBehavior, selectionMode, allowsDragging } =
-    useTableOptions();
-  return (
-    <TableHeader
-      data-slot="table-header"
-      ref={ref}
-      className={header({ className })}
-      {...props}
-    >
-      {allowsDragging && <Column className="w-0" />}
-      {selectionBehavior === "toggle" && (
-        <Column className="w-0 pl-4">
-          {selectionMode === "multiple" && <Checkbox slot="selection" />}
-        </Column>
-      )}
-      <Collection items={columns}>{children}</Collection>
-    </TableHeader>
-  );
-};
-
-interface TableRowProps<T extends object> extends RowProps<T> {
-  className?: string;
-  ref?: React.Ref<HTMLTableRowElement>;
-}
-
-const TableRow = <T extends object>({
-  children,
-  className,
-  columns,
-  id,
-  ref,
-  ...props
-}: TableRowProps<T>) => {
-  const { selectionBehavior, allowsDragging } = useTableOptions();
-  return (
-    <Row
-      ref={ref}
-      data-slot="table-row"
-      id={id}
-      {...props}
-      className={row({
-        className:
-          "href" in props
-            ? cn(
-                "data-hovered:bg-secondary/50 data-hovered:text-secondary-fg cursor-pointer",
-                className
-              )
-            : "",
-      })}
-    >
-      {allowsDragging && (
-        <Cell className="ring-primary data-dragging:cursor-grabbing group cursor-grab pr-0">
-          <Button
-            className="text-muted-fg data-pressed:text-fg relative bg-transparent py-1.5 pl-3.5"
-            slot="drag"
-          >
-            <MenuIcon />
-          </Button>
-        </Cell>
-      )}
-      {selectionBehavior === "toggle" && (
-        <Cell className="pl-4">
-          <span
-            aria-hidden
-            className="bg-primary group-data-selected:block absolute inset-y-0 left-0 hidden h-full w-0.5"
-          />
-          <Checkbox slot="selection" />
-        </Cell>
-      )}
-      <Collection items={columns}>{children}</Collection>
-    </Row>
-  );
-};
-
-export type {
-  TableProps,
-  TableBodyProps,
-  TableCellProps,
-  TableColumnProps,
-  TableRowProps,
-};
-export {
-  Table,
-  Body as TableBody,
-  Header as TableHeader,
-  TableCell,
-  TableColumn,
-  TableRow,
-};
diff --git a/www/src/__registry__/core/tabs.tsx b/www/src/__registry__/core/tabs.tsx
deleted file mode 100644
index a4740d123..000000000
--- a/www/src/__registry__/core/tabs.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Tabs as AriaTabs,
-  TabList as AriaTabList,
-  Tab as AriaTab,
-  TabPanel as AriaTabPanel,
-  type TabsProps as AriaTabsProps,
-  type TabListProps as AriaTabListProps,
-  type TabProps as AriaTabProps,
-  type TabPanelProps as AriaTabPanelProps,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const tabsStyles = tv({
-  slots: {
-    root: "orientation-vertical:flex-row flex flex-col",
-    list: "orientation-horizontal:overflow-x-auto orientation-horizontal:whitespace-nowrap orientation-horizontal:items-center orientation-horizontal:border-b orientation-vertical:flex-col orientation-vertical:border-r orientation-horizontal:[&_[role=tab]]:border-b-[3px] orientation-vertical:[&_[role=tab]]:border-r-[3px] flex",
-    tab: [
-      "text-fg-muted selected:border-border-focus selected:text-fg disabled:text-fg-disabled disabled:selected:border-border-disabled outline-hidden -mb-px cursor-pointer border-transparent px-2 py-2 text-center text-sm font-medium transition-colors disabled:cursor-default",
-      "focus-visible:[&>span]:border-border-focus [&>span]:rounded-md [&>span]:border-2 [&>span]:border-transparent [&>span]:px-1.5 [&>span]:py-1",
-    ],
-    panel: [focusRing(), "rounded"],
-  },
-});
-
-interface TabsProps extends Omit<AriaTabsProps, "className"> {
-  className?: string;
-}
-const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(
-  ({ className, ...props }, ref) => {
-    const { root } = tabsStyles();
-    return <AriaTabs ref={ref} className={root({ className })} {...props} />;
-  }
-);
-Tabs.displayName = "Tabs";
-
-interface TabListProps<T> extends Omit<AriaTabListProps<T>, "className"> {
-  className?: string;
-}
-const TabList = React.forwardRef<HTMLDivElement, TabListProps<any>>(
-  <T extends object>(
-    { className, ...props }: TabListProps<T>,
-    ref: React.Ref<HTMLDivElement>
-  ) => {
-    const { list } = tabsStyles();
-    return (
-      <AriaTabList
-        ref={ref}
-        {...props}
-        className={list({ className })}
-        style={{ scrollbarWidth: "none" }}
-      />
-    );
-  }
-);
-TabList.displayName = "TabList";
-
-interface TabProps extends Omit<AriaTabProps, "className"> {
-  className?: string;
-}
-const Tab = React.forwardRef<HTMLDivElement, TabProps>(
-  ({ className, ...props }, ref) => {
-    const { tab } = tabsStyles();
-    return (
-      <AriaTab ref={ref} className={tab({ className })} {...props}>
-        {composeRenderProps(props.children, (children) => (
-          <span>{children}</span>
-        ))}
-      </AriaTab>
-    );
-  }
-);
-Tab.displayName = "Tab";
-
-interface TabPanelProps extends Omit<AriaTabPanelProps, "className"> {
-  className?: string;
-}
-const TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(
-  ({ className, ...props }, ref) => {
-    const { panel } = tabsStyles();
-    return (
-      <AriaTabPanel ref={ref} className={panel({ className })} {...props} />
-    );
-  }
-);
-TabPanel.displayName = "TabPanel";
-
-export type { TabsProps, TabListProps, TabProps, TabPanelProps };
-export { Tabs, TabList, Tab, TabPanel };
diff --git a/www/src/__registry__/core/tag-group.tsx b/www/src/__registry__/core/tag-group.tsx
deleted file mode 100644
index ae4cb5ce7..000000000
--- a/www/src/__registry__/core/tag-group.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  composeRenderProps,
-  TagGroup as AriaTagGroup,
-  TagList as AriaTagList,
-  Tag as AriaTag,
-  type TagGroupProps as AriaTagGroupProps,
-  type TagListProps as AriaTagListProps,
-  type TagProps as AriaTagProps,
-} from "react-aria-components";
-import { tv, VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
-import { Field } from "@/registry/core/field";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const tagGroupStyles = tv({
-  slots: {
-    root: "flex w-48 flex-col items-start gap-2",
-    list: "flex w-full flex-wrap gap-1",
-  },
-});
-
-const { root, list } = tagGroupStyles();
-
-const tagStyles = tv({
-  extend: focusRing,
-  base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
-  variants: {
-    variant: {
-      default:
-        "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral selected:bg-bg-primary selected:text-fg-onPrimary",
-      quiet:
-        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary bg-transparent",
-      outline:
-        "border-border-field bg-bg-inverse/5 hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary border",
-      accent:
-        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent",
-    },
-    size: {
-      sm: "size-8 [&_svg]:size-4",
-      md: "size-9 [&_svg]:size-4",
-      lg: "size-10 [&_svg]:size-5",
-    },
-    shape: {
-      rectangle: "",
-      square: "",
-      circle: "rounded-full",
-    },
-  },
-  compoundVariants: [
-    {
-      size: "sm",
-      shape: "rectangle",
-      className: "w-auto px-3",
-    },
-    {
-      size: "md",
-      shape: "rectangle",
-      className: "w-auto px-4",
-    },
-    {
-      size: "lg",
-      shape: "rectangle",
-      className: "w-auto px-5",
-    },
-  ],
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    shape: "rectangle",
-  },
-});
-
-interface TagGroupProps<T>
-  extends Omit<TagGroupRootProps, "children">,
-    Pick<AriaTagListProps<T>, "items" | "children" | "renderEmptyState"> {
-  label?: string;
-  description?: string;
-  errorMessage?: string;
-  contextualHelp?: React.ReactNode;
-}
-
-function TagGroup<T extends object>({
-  label,
-  description,
-  errorMessage,
-  items,
-  children,
-  renderEmptyState,
-  contextualHelp,
-  ...props
-}: TagGroupProps<T>) {
-  return (
-    <TagGroupRoot {...props}>
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        contextualHelp={contextualHelp}
-      >
-        <TagList items={items} renderEmptyState={renderEmptyState}>
-          {children}
-        </TagList>
-      </Field>
-    </TagGroupRoot>
-  );
-}
-
-interface TagGroupRootProps
-  extends AriaTagGroupProps,
-    VariantProps<typeof tagStyles> {}
-function TagGroupRoot({
-  className,
-  variant,
-  size,
-  shape,
-  ...props
-}: TagGroupRootProps) {
-  return (
-    <TagGroupContext.Provider value={{ variant, size, shape }}>
-      <AriaTagGroup {...props} className={root({ className })} />
-    </TagGroupContext.Provider>
-  );
-}
-
-interface TagListProps<T> extends AriaTagListProps<T> {}
-function TagList<T extends object>(props: TagListProps<T>) {
-  return (
-    <AriaTagList
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        list({ className })
-      )}
-    />
-  );
-}
-
-interface TagProps extends AriaTagProps, VariantProps<typeof tagStyles> {}
-function Tag(localProps: TagProps) {
-  const contextProps = useTagGroupContext();
-  const props = { ...contextProps, ...localProps };
-  const { variant, size, shape, className, ...restProps } = props;
-  const textValue =
-    typeof props.children === "string" ? props.children : undefined;
-  return (
-    <AriaTag
-      textValue={textValue}
-      className={composeRenderProps(className, (className) =>
-        tagStyles({ variant, size, shape, className })
-      )}
-      {...restProps}
-    >
-      {({ allowsRemoving }) => (
-        <>
-          {props.children}
-          {allowsRemoving && <Button slot="remove">ⓧ</Button>}
-        </>
-      )}
-    </AriaTag>
-  );
-}
-
-type TagGroupContextValue = VariantProps<typeof tagGroupStyles>;
-const TagGroupContext = React.createContext<TagGroupContextValue>({});
-const useTagGroupContext = () => {
-  return React.useContext(TagGroupContext);
-};
-
-export { TagGroup, Tag };
-export type { TagGroupProps, TagProps };
diff --git a/www/src/__registry__/core/text-area.tsx b/www/src/__registry__/core/text-area.tsx
deleted file mode 100644
index ab53b7a01..000000000
--- a/www/src/__registry__/core/text-area.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
-import {
-  InputRoot,
-  TextAreaInput,
-  type inputStyles,
-} from "@/registry/core/input";
-import {
-  TextFieldRoot,
-  type TextFieldRootProps,
-} from "@/registry/core/text-field";
-
-type TextAreaProps = TextFieldRootProps &
-  Omit<FieldProps, "children"> &
-  Omit<VariantProps<typeof inputStyles>, "size"> & {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
-  (
-    {
-      className,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix,
-      suffix,
-      isLoading,
-      loaderPosition = "suffix",
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <TextFieldRoot className={className} {...props}>
-        <Field
-          label={label}
-          description={description}
-          errorMessage={errorMessage}
-          isRequired={isRequired}
-          necessityIndicator={necessityIndicator}
-          contextualHelp={contextualHelp}
-        >
-          <InputRoot
-            prefix={prefix}
-            suffix={suffix}
-            isLoading={isLoading}
-            loaderPosition={loaderPosition}
-            multiline
-          >
-            <TextAreaInput ref={ref} placeholder={placeholder} />
-          </InputRoot>
-        </Field>
-      </TextFieldRoot>
-    );
-  }
-);
-TextArea.displayName = "TextArea";
-
-export type { TextAreaProps };
-export { TextArea };
diff --git a/www/src/__registry__/core/text-field.tsx b/www/src/__registry__/core/text-field.tsx
deleted file mode 100644
index 7ba74ecbb..000000000
--- a/www/src/__registry__/core/text-field.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  TextField as AriaTextField,
-  type TextFieldProps as AriaTextFieldProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
-
-const textFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
-});
-
-type TextFieldProps = TextFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix,
-      suffix,
-      isLoading,
-      loaderPosition = "suffix",
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <TextFieldRoot className={className} {...props}>
-        {({ isRequired }) => (
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <InputRoot
-              size={size}
-              prefix={prefix}
-              suffix={suffix}
-              isLoading={isLoading}
-              loaderPosition={loaderPosition}
-            >
-              <Input ref={ref} placeholder={placeholder} />
-            </InputRoot>
-          </Field>
-        )}
-      </TextFieldRoot>
-    );
-  }
-);
-TextField.displayName = "TextField";
-
-type TextFieldRootProps = Omit<AriaTextFieldProps, "className"> & {
-  className?: string;
-};
-const TextFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaTextField>,
-  TextFieldRootProps
->(({ className, ...props }, ref) => {
-  return (
-    <AriaTextField
-      ref={ref}
-      className={textFieldStyles({ className })}
-      {...props}
-    />
-  );
-});
-TextFieldRoot.displayName = "TextFieldRoot";
-
-export type { TextFieldProps, TextFieldRootProps };
-export { TextField, TextFieldRoot };
diff --git a/www/src/__registry__/core/text.tsx b/www/src/__registry__/core/text.tsx
deleted file mode 100644
index fb8e75df8..000000000
--- a/www/src/__registry__/core/text.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-"use client";
-
-import {
-  Text as AriaText,
-  type TextProps as AriaTextProps,
-} from "react-aria-components";
-import { type VariantProps, tv } from "tailwind-variants";
-
-const textStyles = tv({
-  base: "text-sm",
-  variants: {
-    slot: {
-      label: "font-bold",
-      description: "text-fg-muted",
-      errorMessage: "text-fg-danger",
-    },
-  },
-});
-
-interface TextProps
-  extends Omit<AriaTextProps, "slot">,
-    VariantProps<typeof textStyles> {}
-const Text = ({ slot, className, ...props }: TextProps) => {
-  return (
-    <AriaText
-      slot={slot}
-      className={textStyles({ slot, className })}
-      {...props}
-    />
-  );
-};
-
-export type { textStyles };
-export { Text };
diff --git a/www/src/__registry__/core/time-field.tsx b/www/src/__registry__/core/time-field.tsx
deleted file mode 100644
index e483f0f5d..000000000
--- a/www/src/__registry__/core/time-field.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  TimeField as AriaTimeField,
-  type TimeFieldProps as AriaTimeFieldProps,
-  type TimeValue,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, type inputStyles } from "@/registry/core/input";
-
-const timeFieldStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-  },
-});
-
-interface TimeFieldProps<T extends TimeValue>
-  extends TimeFieldRootProps<T>,
-    Omit<FieldProps, "children">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-}
-
-const TimeField = <T extends TimeValue>({
-  className,
-  size,
-  label,
-  description,
-  errorMessage,
-  prefix,
-  suffix,
-  isLoading,
-  loaderPosition = "suffix",
-  isRequired,
-  isDisabled,
-  necessityIndicator,
-  contextualHelp,
-  ...props
-}: TimeFieldProps<T>) => {
-  return (
-    <TimeFieldRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <InputRoot
-          size={size}
-          prefix={prefix}
-          suffix={suffix}
-          isLoading={isLoading}
-          loaderPosition={loaderPosition}
-        >
-          <DateInput>
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-        </InputRoot>
-      </Field>
-    </TimeFieldRoot>
-  );
-};
-
-interface TimeFieldRootProps<T extends TimeValue>
-  extends Omit<AriaTimeFieldProps<T>, "className"> {
-  className?: string;
-}
-const TimeFieldRoot = <T extends TimeValue>({
-  className,
-  ...props
-}: TimeFieldRootProps<T>) => {
-  const { root } = timeFieldStyles();
-  return <AriaTimeField className={root({ className })} {...props} />;
-};
-
-export type { TimeFieldProps, TimeFieldRootProps };
-export { TimeField, TimeFieldRoot };
diff --git a/www/src/__registry__/core/toggle-button.tsx b/www/src/__registry__/core/toggle-button.tsx
deleted file mode 100644
index 450dcca05..000000000
--- a/www/src/__registry__/core/toggle-button.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  ToggleButton as AriaToggleButton,
-  type ToggleButtonProps as AriaToggleButtonProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const toggleButtonStyles = tv({
-  extend: focusRing,
-  base: "disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
-  variants: {
-    variant: {
-      quiet:
-        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active bg-transparent",
-      outline:
-        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active border bg-transparent",
-      accent:
-        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent",
-    },
-    size: {
-      sm: "size-8 [&_svg]:size-4",
-      md: "size-9 [&_svg]:size-4",
-      lg: "size-10 [&_svg]:size-5",
-    },
-    shape: {
-      rectangle: "",
-      square: "",
-      circle: "rounded-full",
-    },
-  },
-  compoundVariants: [
-    {
-      size: "sm",
-      shape: "rectangle",
-      className: "w-auto px-3",
-    },
-    {
-      size: "md",
-      shape: "rectangle",
-      className: "w-auto px-4",
-    },
-    {
-      size: "lg",
-      shape: "rectangle",
-      className: "w-auto px-5",
-    },
-  ],
-  defaultVariants: {
-    variant: "quiet",
-    size: "md",
-    shape: "square",
-  },
-});
-
-interface ToggleButtonProps
-  extends Omit<AriaToggleButtonProps, "className">,
-    VariantProps<typeof toggleButtonStyles> {
-  className?: string;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-
-const ToggleButton = React.forwardRef(
-  (
-    localProps: ToggleButtonProps,
-    ref: React.ForwardedRef<HTMLButtonElement>
-  ) => {
-    const contextProps = useToggleButtonContext();
-    const props = { ...contextProps, ...localProps };
-    const { className, variant, size, shape, prefix, suffix, ...restProps } =
-      props;
-    return (
-      <AriaToggleButton
-        ref={ref}
-        {...restProps}
-        className={toggleButtonStyles({
-          variant,
-          size,
-          shape,
-          className,
-        })}
-      >
-        {composeRenderProps(props.children, (children) => (
-          <>
-            {prefix}
-            {typeof children === "string" ? (
-              <span className="truncate">{children}</span>
-            ) : (
-              children
-            )}
-            {suffix}
-          </>
-        ))}
-      </AriaToggleButton>
-    );
-  }
-);
-ToggleButton.displayName = "ToggleButton";
-
-type ToggleButtonContextValue = VariantProps<typeof toggleButtonStyles>;
-const ToggleButtonContext = React.createContext<ToggleButtonContextValue>({});
-const useToggleButtonContext = () => {
-  return React.useContext(ToggleButtonContext);
-};
-
-export type { ToggleButtonProps };
-export { ToggleButton, toggleButtonStyles, ToggleButtonContext };
diff --git a/www/src/__registry__/core/toggle-group.tsx b/www/src/__registry__/core/toggle-group.tsx
deleted file mode 100644
index 6681c30d1..000000000
--- a/www/src/__registry__/core/toggle-group.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-"use client";
-
-import type { ToggleButtonGroupProps } from "react-aria-components";
-import { ToggleButtonGroup, composeRenderProps } from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const toggleGroupStyles = tv({
-  base: "flex gap-1",
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col items-start",
-    },
-  },
-});
-
-interface ToggleGroupProps extends ToggleButtonGroupProps {
-  ref?: React.RefObject<HTMLDivElement>;
-}
-const ToggleGroup = ({
-  className,
-  orientation = "horizontal",
-  ref,
-  ...props
-}: ToggleGroupProps) => {
-  return (
-    <ToggleButtonGroup
-      ref={ref}
-      orientation={orientation}
-      className={composeRenderProps(className, (className, renderProps) =>
-        toggleGroupStyles({
-          ...renderProps,
-          orientation,
-          className,
-        })
-      )}
-      {...props}
-    />
-  );
-};
-
-export type { ToggleGroupProps };
-export { ToggleGroup };
diff --git a/www/src/__registry__/core/tooltip.tsx b/www/src/__registry__/core/tooltip.tsx
deleted file mode 100644
index 7c5c00edc..000000000
--- a/www/src/__registry__/core/tooltip.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Tooltip as AriaTooltip,
-  TooltipTrigger as AriaTooltipTrigger,
-  OverlayArrow as AriaOverlayArrow,
-  type TooltipProps as AriaTooltipProps,
-  type TooltipTriggerComponentProps as AriaTooltipTriggerProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-
-const tooltipVariants = tv({
-  base: "group/tooltip bg-bg-muted text-fg entering:animate-in entering:fade-in entering:ease-out entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:ease-in exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 z-50 overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md will-change-transform",
-});
-
-interface TooltipProps
-  extends TooltipRootProps,
-    Omit<TooltipContentProps, "children">,
-    VariantProps<typeof tooltipVariants> {
-  content?: React.ReactNode;
-  arrow?: boolean;
-}
-const Tooltip = ({
-  delay,
-  closeDelay,
-  trigger,
-  defaultOpen,
-  isOpen,
-  onOpenChange,
-  isDisabled,
-  content,
-  arrow = true,
-  children,
-  ...props
-}: TooltipProps) => {
-  return (
-    <TooltipRoot
-      delay={delay}
-      closeDelay={closeDelay}
-      trigger={trigger}
-      defaultOpen={defaultOpen}
-      onOpenChange={onOpenChange}
-      isOpen={isOpen}
-      isDisabled={isDisabled}
-    >
-      {children}
-      <TooltipContent {...props}>
-        {arrow && <OverlayArrow />}
-        {content}
-      </TooltipContent>
-    </TooltipRoot>
-  );
-};
-
-type TooltipRootProps = AriaTooltipTriggerProps;
-const TooltipRoot = ({
-  delay = 700,
-  closeDelay = 0,
-  ...props
-}: TooltipRootProps) => (
-  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />
-);
-
-interface TooltipContentProps
-  extends Omit<AriaTooltipProps, "className">,
-    VariantProps<typeof tooltipVariants> {
-  className?: string;
-}
-const TooltipContent = ({
-  className,
-  offset = 10,
-  ...props
-}: TooltipContentProps) => {
-  return (
-    <AriaTooltip
-      offset={offset}
-      className={tooltipVariants({ className })}
-      {...props}
-    />
-  );
-};
-
-type OverlayArrowProps = Partial<React.SVGProps<SVGSVGElement>>;
-const OverlayArrow = (props: OverlayArrowProps) => {
-  return (
-    <AriaOverlayArrow>
-      <svg
-        width={8}
-        height={8}
-        viewBox="0 0 8 8"
-        className="fill-bg-tooltip stroke-border group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180 z-50"
-        {...props}
-      >
-        <path d="M0 0 L6 6 L12 0" />
-      </svg>
-    </AriaOverlayArrow>
-  );
-};
-
-export { Tooltip, TooltipRoot, TooltipContent, OverlayArrow };
-export type { TooltipProps, TooltipRootProps, TooltipContentProps };
diff --git a/www/src/__registry__/core/use-motion-drawer.tsx b/www/src/__registry__/core/use-motion-drawer.tsx
deleted file mode 100644
index 41b284783..000000000
--- a/www/src/__registry__/core/use-motion-drawer.tsx
+++ /dev/null
@@ -1,688 +0,0 @@
-/* eslint-disable */
-
-/* This hook is in progress */
-import React from "react";
-import { OverlayTriggerStateContext } from "react-aria-components";
-
-interface useMotionDrawerProps {
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  scaleBackground?: boolean;
-  closeThreshold?: number;
-  scrollLockTimeout?: number;
-  isDismissable?: boolean;
-  placement?: "top" | "bottom" | "left" | "right";
-}
-
-type AnimationState = "unmounted" | "hidden" | "visible";
-
-export const useMotionDrawer = (props: useMotionDrawerProps) => {
-  const {
-    scaleBackground = true,
-    closeThreshold = CLOSE_THRESHOLD,
-    scrollLockTimeout = SCROLL_LOCK_TIMEOUT,
-    isDismissable = true,
-    placement = "bottom",
-  } = props;
-  const contextState = React.useContext(OverlayTriggerStateContext);
-  const context = React.useContext(DrawerInternalContext);
-  const state = contextState;
-  const [animation, setAnimation] = React.useState<AnimationState>("unmounted");
-  const isEntering = animation === "visible";
-  const isExiting = animation === "hidden";
-  const nested = !!context;
-
-  const drawerRef = React.useRef<HTMLDivElement>(null);
-  const backdropRef = React.useRef<HTMLDivElement>(null);
-  const dragStartTime = React.useRef<Date | null>(null);
-  const dragEndTime = React.useRef<Date | null>(null);
-
-  const [isDragging, setDragging] = React.useState(false);
-  const drawerHeightRef = React.useRef(
-    drawerRef.current?.getBoundingClientRect().height || 0
-  );
-  const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);
-  const pointerStart = React.useRef(0);
-  const keyboardIsOpen = React.useRef(false);
-  const initialDrawerHeight = React.useRef(0);
-  const previousDiffFromInitial = React.useRef(0);
-
-  function shouldDrag(el: EventTarget) {
-    // TODO: add more conditions (scrollLockTimeout / when animating / placement right and left / swipe amout? / scrollable element / ...)
-    const selectedText = window.getSelection()?.toString();
-    if (selectedText && selectedText.length > 0) return false;
-    if (!isVertical(placement)) return true;
-    // TODO: Disallow drag when entering or exiting
-    const swipeAmount = drawerRef.current
-      ? getTranslate(drawerRef.current, placement)
-      : null;
-    if (
-      swipeAmount !== null &&
-      (placement === "bottom" ? swipeAmount > 0 : swipeAmount < 0)
-    )
-      return true;
-    // TODO: SCROLLLOCKTIMEOUT
-    // TODO: DRAG IN placement
-    let element = el as HTMLElement;
-    while (element) {
-      if (element.scrollHeight > element.clientHeight) {
-        if (element.scrollTop !== 0) {
-          return false;
-        }
-        if (element.getAttribute("role") === "dialog") {
-          return true;
-        }
-      }
-      element = element.parentNode as HTMLElement;
-    }
-    return true;
-  }
-
-  function resetDrawer() {
-    if (!drawerRef.current) return;
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    const currentSwipeAmount = getTranslate(drawerRef.current, placement);
-    set(drawerRef.current, {
-      transform: "translate3d(0, 0, 0)",
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-    set(backdropRef.current, {
-      transition: `opacity ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-      opacity: "1",
-    });
-    // TODO: put this in a function (resetBody)
-    if (
-      scaleBackground &&
-      currentSwipeAmount &&
-      currentSwipeAmount > 0 &&
-      state.isOpen &&
-      !nested
-    ) {
-      set(
-        wrapper,
-        {
-          borderRadius: `${BORDER_RADIUS}px`,
-          ...(isVertical(placement)
-            ? {
-                transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
-                transformOrigin: "top",
-              }
-            : {
-                transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
-                transformOrigin: "left",
-              }),
-          transitionProperty: "transform, border-radius",
-          transitionDuration: `${TRANSITIONS.DURATION}s`,
-          transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(
-            ","
-          )})`,
-        },
-        true
-      );
-    }
-  }
-
-  function onPress(event: React.PointerEvent<HTMLDivElement>) {
-    if (drawerRef.current && !drawerRef.current.contains(event.target as Node))
-      return;
-    drawerHeightRef.current =
-      drawerRef.current?.getBoundingClientRect().height || 0;
-    setDragging(true);
-    dragStartTime.current = new Date();
-    // if (isIOS()) {
-    //   window.addEventListener('touchend', () => (isAllowedToDrag.current = false), { once: true });
-    // }
-    (event.target as HTMLElement).setPointerCapture(event.pointerId);
-    pointerStart.current = isVertical(placement)
-      ? event.clientY
-      : event.clientX;
-  }
-
-  function onDrag(event: React.PointerEvent<HTMLDivElement>) {
-    if (!drawerRef.current || !isDragging || !shouldDrag(event.target)) return;
-    const placementMultiplier =
-      placement === "bottom" || placement === "right" ? 1 : -1;
-    const draggedDistance =
-      (pointerStart.current -
-        (isVertical(placement) ? event.clientY : event.clientX)) *
-      placementMultiplier;
-    const isDraggingInDirection = draggedDistance > 0;
-    const absDraggedDistance = Math.abs(draggedDistance);
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    const percentageDragged = absDraggedDistance / drawerHeightRef.current;
-    if (nested) context.onNestedDrag(percentageDragged);
-    set(drawerRef.current, { transition: "none" }); // WHY?
-    set(backdropRef.current, { transition: "none" }); // WHY?
-    if (isDraggingInDirection) {
-      const dampenedDraggedDistance = dampenValue(draggedDistance);
-      const translateValue =
-        Math.min(dampenedDraggedDistance * -1, 0) * placementMultiplier;
-      set(drawerRef.current, {
-        transform: isVertical(placement)
-          ? `translate3d(0, ${translateValue}px, 0)`
-          : `translate3d(${translateValue}px, 0, 0)`,
-      });
-      return;
-    }
-    const opacityValue = 1 - percentageDragged;
-    set(
-      backdropRef.current,
-      { opacity: `${opacityValue}`, transition: "none" },
-      true
-    );
-    if (wrapper && backdropRef.current && scaleBackground && !nested) {
-      // Calculate percentageDragged as a fraction (0 to 1)
-      const scaleValue = Math.min(
-        getScale() + percentageDragged * (1 - getScale()),
-        1
-      );
-      const borderRadiusValue = 8 - percentageDragged * 8;
-      const translateValue = Math.max(0, 14 - percentageDragged * 14);
-      set(
-        wrapper,
-        {
-          borderRadius: `${borderRadiusValue}px`,
-          transform: isVertical(placement)
-            ? `scale(${scaleValue}) translate3d(0, ${translateValue}px, 0)`
-            : `scale(${scaleValue}) translate3d(${translateValue}px, 0, 0)`,
-          transition: "none",
-        },
-        true
-      );
-    }
-    const translateValue = absDraggedDistance * placementMultiplier;
-    set(drawerRef.current, {
-      transform: isVertical(placement)
-        ? `translate3d(0, ${translateValue}px, 0)`
-        : `translate3d(${translateValue}px, 0, 0)`,
-    });
-
-    // TODO: transform body
-  }
-
-  function onRelease(event: React.PointerEvent<HTMLDivElement>) {
-    if (!isDragging || !drawerRef.current) return;
-    if (nested) context.onNestedRelease(true);
-    setDragging(false);
-    dragEndTime.current = new Date();
-    const swipeAmount = getTranslate(drawerRef.current, placement);
-    if (!shouldDrag(event.target) || !swipeAmount || isNaN(swipeAmount)) return;
-    if (dragStartTime.current === null) return;
-    // TODO: check for justReleased (to not focus on an element on drag end)
-    const timeTaken =
-      dragEndTime.current.getTime() - dragStartTime.current.getTime();
-    const distMoved =
-      pointerStart.current -
-      (isVertical(placement) ? event.clientY : event.clientX);
-    const velocity = Math.abs(distMoved) / timeTaken;
-    if (
-      placement === "bottom" || placement === "right"
-        ? distMoved > 0
-        : distMoved < 0
-    ) {
-      resetDrawer();
-      return;
-    }
-    if (velocity > VELOCITY_THRESHOLD) {
-      closeDrawer();
-      return;
-    }
-    const visibleDrawerHeight = Math.min(
-      drawerRef.current.getBoundingClientRect().height ?? 0,
-      window.innerHeight
-    );
-    if (swipeAmount >= visibleDrawerHeight * closeThreshold) {
-      closeDrawer();
-      return;
-    }
-    resetDrawer();
-  }
-
-  function onPointerDown(event: React.PointerEvent<HTMLDivElement>) {
-    pointerStartRef.current = { x: event.clientX, y: event.clientY };
-    onPress(event);
-  }
-
-  function onPointerMove(event: React.PointerEvent<HTMLDivElement>) {
-    if (!pointerStartRef.current) return;
-    // TODO: Is allowed to swipe check?
-    onDrag(event);
-  }
-
-  function onPointerUp(event: React.PointerEvent<HTMLDivElement>) {
-    pointerStartRef.current = null;
-    onRelease(event);
-  }
-
-  function getScale() {
-    return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
-  }
-
-  function animateBody() {
-    if (nested) return;
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    if (!wrapper || !scaleBackground) return;
-    set(document.body, {
-      background:
-        document.body.style.backgroundColor || document.body.style.background,
-    });
-    set(document.body, { background: "black" }, true);
-    set(wrapper, {
-      borderRadius: `${BORDER_RADIUS}px`,
-      ...(isVertical(placement)
-        ? {
-            transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
-            transformOrigin: "top",
-          }
-        : {
-            transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
-            transformOrigin: "left",
-          }),
-      transitionProperty: "transform, border-radius",
-      transitionDuration: `${TRANSITIONS.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function resetBody() {
-    if (nested) return;
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    if (!wrapper || !scaleBackground) return;
-    reset(wrapper, "overflow");
-    reset(wrapper, "transform");
-    reset(wrapper, "borderRadius");
-    set(wrapper, {
-      transitionProperty: "transform, border-radius",
-      transitionDuration: `${TRANSITIONS.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function openDrawer() {
-    if (!drawerRef.current) return;
-    if (nested) context.onNestedOpenChange(true);
-    setAnimation("visible");
-    animateBody();
-    set(drawerRef.current, {
-      transform: `translate3d(0, 0, 0)`,
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-    set(backdropRef.current, {
-      opacity: "1",
-      transition: `opacity ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function closeDrawer() {
-    if (!drawerRef.current) return;
-    if (nested) context.onNestedOpenChange(false);
-    setAnimation("hidden");
-    resetBody();
-    set(drawerRef.current, {
-      transform: isVertical(placement)
-        ? `translate3d(0, ${placement === "bottom" ? "100%" : "-100%"}, 0)`
-        : `translate3d(${placement === "right" ? "100%" : "-100%"}, 0, 0)`,
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-    set(backdropRef.current, {
-      opacity: "0",
-      transition: `opacity ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function handleTransitionEnd() {
-    if (isExiting) {
-      setAnimation("unmounted");
-      reset(document.body);
-      state.close();
-    }
-  }
-
-  function handleOpenChange(isOpen: boolean) {
-    if (!isOpen) {
-      closeDrawer();
-    }
-  }
-
-  function handleNestedOpenChange(isOpen: boolean) {
-    const scale = isOpen
-      ? (window.innerWidth - NESTED_DISPLACEMENT) / window.innerWidth
-      : 1;
-    const y = isOpen ? -NESTED_DISPLACEMENT : 0;
-    set(drawerRef.current, {
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-      transform: `scale(${scale}) translate3d(0, ${y}px, 0)`,
-    });
-  }
-
-  function handleNestedDrag(percentageDragged: number) {
-    if (percentageDragged < 0) return;
-    const initialDim = isVertical(placement)
-      ? window.innerHeight
-      : window.innerWidth;
-    const initialScale = (initialDim - NESTED_DISPLACEMENT) / initialDim;
-    const newScale = initialScale + percentageDragged * (1 - initialScale);
-    const newTranslate =
-      -NESTED_DISPLACEMENT + percentageDragged * NESTED_DISPLACEMENT;
-    set(drawerRef.current, {
-      transform: isVertical(placement)
-        ? `scale(${newScale}) translate3d(0, ${newTranslate}px, 0)`
-        : `scale(${newScale}) translate3d(${newTranslate}px, 0, 0)`,
-      transition: "none",
-    });
-  }
-
-  function handleNestedRelease(isOpen: boolean) {
-    const dim = isVertical(placement) ? window.innerHeight : window.innerWidth;
-    const scale = isOpen ? (dim - NESTED_DISPLACEMENT) / dim : 1;
-    const translate = isOpen ? -NESTED_DISPLACEMENT : 0;
-    if (isOpen) {
-      set(drawerRef.current, {
-        transition: `transform ${
-          TRANSITIONS.DURATION
-        }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-        transform: isVertical(placement)
-          ? `scale(${scale}) translate3d(0, ${translate}px, 0)`
-          : `scale(${scale}) translate3d(${translate}px, 0, 0)`,
-      });
-    }
-  }
-
-  // TODO: ADD LOGIC FOR INPUT KEYBOARD OPEN ON MOBILE
-
-  React.useEffect(() => {
-    function onVisualViewportChange() {
-      if (!drawerRef.current) return;
-      const focusedElement = document.activeElement as HTMLElement;
-      if (isInput(focusedElement) || keyboardIsOpen.current) {
-        const visualViewportHeight = window.visualViewport?.height || 0;
-        const diffFromInitial = window.innerHeight - visualViewportHeight;
-        const drawerHeight =
-          drawerRef.current.getBoundingClientRect().height || 0;
-        if (!initialDrawerHeight.current) {
-          initialDrawerHeight.current = drawerHeight;
-        }
-        const offsetFromTop = drawerRef.current.getBoundingClientRect().top;
-        if (Math.abs(previousDiffFromInitial.current - diffFromInitial) > 60) {
-          keyboardIsOpen.current = !keyboardIsOpen.current;
-        }
-        previousDiffFromInitial.current = diffFromInitial;
-        if (drawerHeight > visualViewportHeight || keyboardIsOpen.current) {
-          const height = drawerRef.current.getBoundingClientRect().height;
-          let newDrawerHeight = height;
-          if (height > visualViewportHeight) {
-            newDrawerHeight = visualViewportHeight - WINDOW_TOP_OFFSET;
-          }
-          drawerRef.current.style.height = `${Math.max(
-            newDrawerHeight,
-            visualViewportHeight - offsetFromTop
-          )}px`;
-        } else {
-          drawerRef.current.style.height = `${initialDrawerHeight.current}px`;
-        }
-        drawerRef.current.style.bottom = `${Math.max(diffFromInitial, 0)}px`;
-      }
-    }
-    window.visualViewport?.addEventListener("resize", onVisualViewportChange);
-    return () =>
-      window.visualViewport?.removeEventListener(
-        "resize",
-        onVisualViewportChange
-      );
-  }, []);
-
-  React.useEffect(() => {
-    if (state.isOpen) {
-      openDrawer();
-    } else {
-      if (!nested) {
-        resetBody(); // to ensure that always the body is reset.
-      }
-    }
-    return () => {
-      resetBody();
-    };
-  }, [state.isOpen]);
-
-  const rootProps = {
-    value: {
-      onNestedOpenChange: handleNestedOpenChange,
-      onNestedDrag: handleNestedDrag,
-      onNestedRelease: handleNestedRelease,
-    },
-  };
-
-  const drawerProps = {
-    ref: drawerRef,
-    "data-rac": "",
-    "data-drawer": "",
-    "data-placement": placement,
-    "data-open": state.isOpen || undefined,
-    onTransitionEnd: handleTransitionEnd,
-    onPointerUp,
-    onPointerDown,
-    onPointerMove,
-  };
-
-  const modalProps = {
-    isOpen: state.isOpen,
-    onOpenChange: handleOpenChange,
-    isExiting,
-  };
-
-  const backdropProps = { ref: backdropRef };
-
-  return {
-    rootProps,
-    modalProps,
-    drawerProps,
-    backdropProps,
-  };
-};
-
-export const MotionDrawerRoot = ({
-  children,
-  value,
-}: {
-  children: React.ReactNode;
-  value: DrawerInternalContextValue;
-}) => {
-  return (
-    <DrawerInternalContext.Provider value={value}>
-      {children}
-    </DrawerInternalContext.Provider>
-  );
-};
-
-interface DrawerInternalContextValue {
-  onNestedOpenChange: (isOpen: boolean) => void;
-  onNestedDrag: (percentageDragged: number) => void;
-  onNestedRelease: (isOpen: boolean) => void;
-}
-
-export const DrawerInternalContext =
-  React.createContext<DrawerInternalContextValue | null>(null);
-
-export const useDrawerInternalContext = () => {
-  const context = React.useContext(DrawerInternalContext);
-  return context;
-};
-
-// Constants
-
-const CLOSE_THRESHOLD = 0.25;
-const SCROLL_LOCK_TIMEOUT = 100;
-const BORDER_RADIUS = 8;
-const WINDOW_TOP_OFFSET = 26;
-const TRANSITIONS = {
-  DURATION: 0.5,
-  EASE: [0.32, 0.72, 0, 1],
-};
-const VELOCITY_THRESHOLD = 0.4;
-const NESTED_DISPLACEMENT = 16;
-
-// Types
-
-type DrawerPlacement = "top" | "bottom" | "left" | "right";
-
-// Helpers
-
-type Style = Record<string, string>;
-
-const cache = new WeakMap();
-
-export function isInView(el: HTMLElement): boolean {
-  const rect = el.getBoundingClientRect();
-
-  if (!window.visualViewport) return false;
-
-  return (
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    // Need + 40 for safari detection
-    rect.bottom <= window.visualViewport.height - 40 &&
-    rect.right <= window.visualViewport.width
-  );
-}
-
-export function set(
-  el: Element | HTMLElement | null | undefined,
-  styles: Style,
-  ignoreCache = false
-) {
-  if (!el || !(el instanceof HTMLElement)) return;
-  const originalStyles: Style = {};
-
-  Object.entries(styles).forEach(([key, value]: [string, string]) => {
-    if (key.startsWith("--")) {
-      el.style.setProperty(key, value);
-      return;
-    }
-
-    originalStyles[key] = (el.style as any)[key];
-    (el.style as any)[key] = value;
-  });
-
-  if (ignoreCache) return;
-
-  cache.set(el, originalStyles);
-}
-
-export function reset(el: Element | HTMLElement | null, prop?: string) {
-  if (!el || !(el instanceof HTMLElement)) return;
-  const originalStyles = cache.get(el);
-
-  if (!originalStyles) {
-    return;
-  }
-
-  if (prop) {
-    (el.style as any)[prop] = originalStyles[prop];
-  } else {
-    Object.entries(originalStyles).forEach(([key, value]) => {
-      (el.style as any)[key] = value;
-    });
-  }
-}
-
-export const isVertical = (placement: DrawerPlacement) => {
-  switch (placement) {
-    case "top":
-    case "bottom":
-      return true;
-    case "left":
-    case "right":
-      return false;
-    default:
-      return placement satisfies never;
-  }
-};
-
-export function getTranslate(
-  element: HTMLElement,
-  placement: DrawerPlacement
-): number | null {
-  if (!element) {
-    return null;
-  }
-  const style = window.getComputedStyle(element);
-  const transform =
-    // @ts-ignore
-    style.transform || style.webkitTransform || style.mozTransform;
-  let mat = transform.match(/^matrix3d\((.+)\)$/);
-  if (mat) {
-    // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix3d
-    return parseFloat(mat[1].split(", ")[isVertical(placement) ? 13 : 12]);
-  }
-  // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix
-  mat = transform.match(/^matrix\((.+)\)$/);
-  return mat
-    ? parseFloat(mat[1].split(", ")[isVertical(placement) ? 5 : 4])
-    : null;
-}
-
-export function dampenValue(v: number) {
-  return 8 * (Math.log(v + 1) - 2);
-}
-
-// Additional helpers
-
-function testPlatform(re: RegExp): boolean | undefined {
-  return window?.navigator != null
-    ? re.test(window.navigator.platform)
-    : undefined;
-}
-
-function isMac(): boolean | undefined {
-  return testPlatform(/^Mac/);
-}
-
-function isIPhone(): boolean | undefined {
-  return testPlatform(/^iPhone/);
-}
-
-function isIPad(): boolean | undefined {
-  return (
-    testPlatform(/^iPad/) ||
-    // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-    (isMac() && navigator.maxTouchPoints > 1)
-  );
-}
-
-function isIOS(): boolean | undefined {
-  return isIPhone() || isIPad();
-}
-
-const nonTextInputTypes = new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset",
-]);
-function isInput(target: Element) {
-  return (
-    (target instanceof HTMLInputElement &&
-      !nonTextInputTypes.has(target.type)) ||
-    target instanceof HTMLTextAreaElement ||
-    (target instanceof HTMLElement && target.isContentEditable)
-  );
-}
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index e0450b39e..677c22c98 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -1,9 +1,9 @@
 // This file is autogenerated by scripts/build-internal-registry.ts
-// Do not edit this file directly.
-import * as React from "react";
-
-export const Index: Record<string, any> = {
-  core: {
+  // Do not edit this file directly.
+  import * as React from "react"
+  
+  export const Index: Record<string, any> = {
+    core: {
     "alert-action": {
       name: "alert-action",
       files: ["demos/alert/action.tsx"],
@@ -102,9 +102,7 @@ export const Index: Record<string, any> = {
     "breadcrumbs-router-integration": {
       name: "breadcrumbs-router-integration",
       files: ["demos/breadcrumbs/router-integration.tsx"],
-      component: React.lazy(
-        () => import("@/demos/breadcrumbs/router-integration")
-      ),
+      component: React.lazy(() => import("@/demos/breadcrumbs/router-integration")),
     },
     "button-default": {
       name: "button-default",
@@ -219,9 +217,7 @@ export const Index: Record<string, any> = {
     "checkbox-group-contextual-help": {
       name: "checkbox-group-contextual-help",
       files: ["demos/checkbox-group/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/checkbox-group/contextual-help")
-      ),
+      component: React.lazy(() => import("@/demos/checkbox-group/contextual-help")),
     },
     "checkbox-group-controlled": {
       name: "checkbox-group-controlled",
@@ -246,9 +242,7 @@ export const Index: Record<string, any> = {
     "checkbox-group-error-message": {
       name: "checkbox-group-error-message",
       files: ["demos/checkbox-group/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/demos/checkbox-group/error-message")
-      ),
+      component: React.lazy(() => import("@/demos/checkbox-group/error-message")),
     },
     "checkbox-group-label": {
       name: "checkbox-group-label",
@@ -268,9 +262,7 @@ export const Index: Record<string, any> = {
     "checkbox-group-uncontrolled": {
       name: "checkbox-group-uncontrolled",
       files: ["demos/checkbox-group/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/demos/checkbox-group/uncontrolled")
-      ),
+      component: React.lazy(() => import("@/demos/checkbox-group/uncontrolled")),
     },
     "checkbox-card": {
       name: "checkbox-card",
@@ -307,6 +299,11 @@ export const Index: Record<string, any> = {
       files: ["demos/checkbox/uncontrolled.tsx"],
       component: React.lazy(() => import("@/demos/checkbox/uncontrolled")),
     },
+    "checkbox-composition": {
+      name: "checkbox-composition",
+      files: ["demos/checkbox/composition.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox/composition")),
+    },
     "color-area-channels": {
       name: "color-area-channels",
       files: ["demos/color-area/channels.tsx"],
@@ -345,9 +342,7 @@ export const Index: Record<string, any> = {
     "color-field-contextual-help": {
       name: "color-field-contextual-help",
       files: ["demos/color-field/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/color-field/contextual-help")
-      ),
+      component: React.lazy(() => import("@/demos/color-field/contextual-help")),
     },
     "color-field-controlled": {
       name: "color-field-controlled",
@@ -392,9 +387,7 @@ export const Index: Record<string, any> = {
     "color-field-prefix-and-suffix": {
       name: "color-field-prefix-and-suffix",
       files: ["demos/color-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/color-field/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/color-field/prefix-and-suffix")),
     },
     "color-field-read-only": {
       name: "color-field-read-only",
@@ -624,9 +617,7 @@ export const Index: Record<string, any> = {
     "date-field-prefix-and-suffix": {
       name: "date-field-prefix-and-suffix",
       files: ["demos/date-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-field/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/date-field/prefix-and-suffix")),
     },
     "date-field-read-only": {
       name: "date-field-read-only",
@@ -661,9 +652,7 @@ export const Index: Record<string, any> = {
     "date-picker-contextual-help": {
       name: "date-picker-contextual-help",
       files: ["demos/date-picker/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-picker/contextual-help")
-      ),
+      component: React.lazy(() => import("@/demos/date-picker/contextual-help")),
     },
     "date-picker-controlled": {
       name: "date-picker-controlled",
@@ -753,23 +742,17 @@ export const Index: Record<string, any> = {
     "date-range-picker-composition": {
       name: "date-range-picker-composition",
       files: ["demos/date-range-picker/composition.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/composition")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/composition")),
     },
     "date-range-picker-contextual-help": {
       name: "date-range-picker-contextual-help",
       files: ["demos/date-range-picker/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/contextual-help")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/contextual-help")),
     },
     "date-range-picker-controlled": {
       name: "date-range-picker-controlled",
       files: ["demos/date-range-picker/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/controlled")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/controlled")),
     },
     "date-range-picker-default": {
       name: "date-range-picker-default",
@@ -779,9 +762,7 @@ export const Index: Record<string, any> = {
     "date-range-picker-description": {
       name: "date-range-picker-description",
       files: ["demos/date-range-picker/description.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/description")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/description")),
     },
     "date-range-picker-disabled": {
       name: "date-range-picker-disabled",
@@ -791,30 +772,22 @@ export const Index: Record<string, any> = {
     "date-range-picker-error-message": {
       name: "date-range-picker-error-message",
       files: ["demos/date-range-picker/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/error-message")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/error-message")),
     },
     "date-range-picker-granularity": {
       name: "date-range-picker-granularity",
       files: ["demos/date-range-picker/granularity.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/granularity")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/granularity")),
     },
     "date-range-picker-hide-time-zone": {
       name: "date-range-picker-hide-time-zone",
       files: ["demos/date-range-picker/hide-time-zone.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/hide-time-zone")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/hide-time-zone")),
     },
     "date-range-picker-hour-cycle": {
       name: "date-range-picker-hour-cycle",
       files: ["demos/date-range-picker/hour-cycle.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/hour-cycle")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/hour-cycle")),
     },
     "date-range-picker-label": {
       name: "date-range-picker-label",
@@ -829,9 +802,7 @@ export const Index: Record<string, any> = {
     "date-range-picker-placeholder": {
       name: "date-range-picker-placeholder",
       files: ["demos/date-range-picker/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/placeholder")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/placeholder")),
     },
     "date-range-picker-prefix": {
       name: "date-range-picker-prefix",
@@ -841,9 +812,7 @@ export const Index: Record<string, any> = {
     "date-range-picker-read-only": {
       name: "date-range-picker-read-only",
       files: ["demos/date-range-picker/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/read-only")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/read-only")),
     },
     "date-range-picker-required": {
       name: "date-range-picker-required",
@@ -858,16 +827,12 @@ export const Index: Record<string, any> = {
     "date-range-picker-time-zones": {
       name: "date-range-picker-time-zones",
       files: ["demos/date-range-picker/time-zones.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/time-zones")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/time-zones")),
     },
     "date-range-picker-uncontrolled": {
       name: "date-range-picker-uncontrolled",
       files: ["demos/date-range-picker/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/uncontrolled")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/uncontrolled")),
     },
     "dialog-alert-dialog": {
       name: "dialog-alert-dialog",
@@ -877,9 +842,7 @@ export const Index: Record<string, any> = {
     "dialog-async-form-submission": {
       name: "dialog-async-form-submission",
       files: ["demos/dialog/async-form-submission.tsx"],
-      component: React.lazy(
-        () => import("@/demos/dialog/async-form-submission")
-      ),
+      component: React.lazy(() => import("@/demos/dialog/async-form-submission")),
     },
     "dialog-basic": {
       name: "dialog-basic",
@@ -941,6 +904,11 @@ export const Index: Record<string, any> = {
       files: ["demos/dialog/types.tsx"],
       component: React.lazy(() => import("@/demos/dialog/types")),
     },
+    "drawer-basic": {
+      name: "drawer-basic",
+      files: ["demos/drawer/basic.tsx"],
+      component: React.lazy(() => import("@/demos/drawer/basic")),
+    },
     "drop-zone-default": {
       name: "drop-zone-default",
       files: ["demos/drop-zone/default.tsx"],
@@ -969,9 +937,7 @@ export const Index: Record<string, any> = {
     "file-trigger-directory-selection": {
       name: "file-trigger-directory-selection",
       files: ["demos/file-trigger/directory-selection.tsx"],
-      component: React.lazy(
-        () => import("@/demos/file-trigger/directory-selection")
-      ),
+      component: React.lazy(() => import("@/demos/file-trigger/directory-selection")),
     },
     "file-trigger-file-types": {
       name: "file-trigger-file-types",
@@ -986,9 +952,7 @@ export const Index: Record<string, any> = {
     "file-trigger-multiple-files": {
       name: "file-trigger-multiple-files",
       files: ["demos/file-trigger/multiple-files.tsx"],
-      component: React.lazy(
-        () => import("@/demos/file-trigger/multiple-files")
-      ),
+      component: React.lazy(() => import("@/demos/file-trigger/multiple-files")),
     },
     "link-default": {
       name: "link-default",
@@ -1068,9 +1032,7 @@ export const Index: Record<string, any> = {
     "list-box-label-and-description": {
       name: "list-box-label-and-description",
       files: ["demos/list-box/label-and-description.tsx"],
-      component: React.lazy(
-        () => import("@/demos/list-box/label-and-description")
-      ),
+      component: React.lazy(() => import("@/demos/list-box/label-and-description")),
     },
     "list-box-links": {
       name: "list-box-links",
@@ -1095,9 +1057,7 @@ export const Index: Record<string, any> = {
     "list-box-selection-behavior": {
       name: "list-box-selection-behavior",
       files: ["demos/list-box/selection-behavior.tsx"],
-      component: React.lazy(
-        () => import("@/demos/list-box/selection-behavior")
-      ),
+      component: React.lazy(() => import("@/demos/list-box/selection-behavior")),
     },
     "list-box-selection-mode": {
       name: "list-box-selection-mode",
@@ -1199,6 +1159,11 @@ export const Index: Record<string, any> = {
       files: ["demos/menu/submenus.tsx"],
       component: React.lazy(() => import("@/demos/menu/submenus")),
     },
+    "modal-basic": {
+      name: "modal-basic",
+      files: ["demos/modal/basic.tsx"],
+      component: React.lazy(() => import("@/demos/modal/basic")),
+    },
     "number-field-composition": {
       name: "number-field-composition",
       files: ["demos/number-field/composition.tsx"],
@@ -1207,9 +1172,7 @@ export const Index: Record<string, any> = {
     "number-field-contextual-help": {
       name: "number-field-contextual-help",
       files: ["demos/number-field/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/number-field/contextual-help")
-      ),
+      component: React.lazy(() => import("@/demos/number-field/contextual-help")),
     },
     "number-field-controlled": {
       name: "number-field-controlled",
@@ -1239,9 +1202,7 @@ export const Index: Record<string, any> = {
     "number-field-format-options": {
       name: "number-field-format-options",
       files: ["demos/number-field/format-options.tsx"],
-      component: React.lazy(
-        () => import("@/demos/number-field/format-options")
-      ),
+      component: React.lazy(() => import("@/demos/number-field/format-options")),
     },
     "number-field-label": {
       name: "number-field-label",
@@ -1268,6 +1229,11 @@ export const Index: Record<string, any> = {
       files: ["demos/number-field/uncontrolled.tsx"],
       component: React.lazy(() => import("@/demos/number-field/uncontrolled")),
     },
+    "popover-basic": {
+      name: "popover-basic",
+      files: ["demos/popover/basic.tsx"],
+      component: React.lazy(() => import("@/demos/popover/basic")),
+    },
     "progress-composition": {
       name: "progress-composition",
       files: ["demos/progress/composition.tsx"],
@@ -1281,9 +1247,7 @@ export const Index: Record<string, any> = {
     "progress-custom-value-label": {
       name: "progress-custom-value-label",
       files: ["demos/progress/custom-value-label.tsx"],
-      component: React.lazy(
-        () => import("@/demos/progress/custom-value-label")
-      ),
+      component: React.lazy(() => import("@/demos/progress/custom-value-label")),
     },
     "progress-default": {
       name: "progress-default",
@@ -1353,9 +1317,7 @@ export const Index: Record<string, any> = {
     "radio-group-contextual-help": {
       name: "radio-group-contextual-help",
       files: ["demos/radio-group/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/radio-group/contextual-help")
-      ),
+      component: React.lazy(() => import("@/demos/radio-group/contextual-help")),
     },
     "radio-group-controlled": {
       name: "radio-group-controlled",
@@ -1430,9 +1392,7 @@ export const Index: Record<string, any> = {
     "range-calendar-error-message": {
       name: "range-calendar-error-message",
       files: ["demos/range-calendar/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/error-message")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/error-message")),
     },
     "range-calendar-label": {
       name: "range-calendar-label",
@@ -1442,16 +1402,12 @@ export const Index: Record<string, any> = {
     "range-calendar-non-contiguous-ranges": {
       name: "range-calendar-non-contiguous-ranges",
       files: ["demos/range-calendar/non-contiguous-ranges.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/non-contiguous-ranges")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/non-contiguous-ranges")),
     },
     "range-calendar-page-behaviour": {
       name: "range-calendar-page-behaviour",
       files: ["demos/range-calendar/page-behaviour.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/page-behaviour")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/page-behaviour")),
     },
     "range-calendar-read-only": {
       name: "range-calendar-read-only",
@@ -1461,16 +1417,12 @@ export const Index: Record<string, any> = {
     "range-calendar-uncontrolled": {
       name: "range-calendar-uncontrolled",
       files: ["demos/range-calendar/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/uncontrolled")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/uncontrolled")),
     },
     "range-calendar-unvailable-dates": {
       name: "range-calendar-unvailable-dates",
       files: ["demos/range-calendar/unvailable-dates.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/unvailable-dates")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/unvailable-dates")),
     },
     "range-calendar-validation": {
       name: "range-calendar-validation",
@@ -1480,9 +1432,7 @@ export const Index: Record<string, any> = {
     "range-calendar-visible-months": {
       name: "range-calendar-visible-months",
       files: ["demos/range-calendar/visible-months.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/visible-months")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/visible-months")),
     },
     "search-field-composition": {
       name: "search-field-composition",
@@ -1492,9 +1442,7 @@ export const Index: Record<string, any> = {
     "search-field-contextual-help": {
       name: "search-field-contextual-help",
       files: ["demos/search-field/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/search-field/contextual-help")
-      ),
+      component: React.lazy(() => import("@/demos/search-field/contextual-help")),
     },
     "search-field-controlled": {
       name: "search-field-controlled",
@@ -1539,9 +1487,7 @@ export const Index: Record<string, any> = {
     "search-field-prefix-and-suffix": {
       name: "search-field-prefix-and-suffix",
       files: ["demos/search-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/search-field/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/search-field/prefix-and-suffix")),
     },
     "search-field-read-only": {
       name: "search-field-read-only",
@@ -1666,9 +1612,7 @@ export const Index: Record<string, any> = {
     "skeleton-fixed-size-children": {
       name: "skeleton-fixed-size-children",
       files: ["demos/skeleton/fixed-size-children.tsx"],
-      component: React.lazy(
-        () => import("@/demos/skeleton/fixed-size-children")
-      ),
+      component: React.lazy(() => import("@/demos/skeleton/fixed-size-children")),
     },
     "skeleton-show": {
       name: "skeleton-show",
@@ -1678,9 +1622,7 @@ export const Index: Record<string, any> = {
     "slider-advanced-composition": {
       name: "slider-advanced-composition",
       files: ["demos/slider/advanced-composition.tsx"],
-      component: React.lazy(
-        () => import("@/demos/slider/advanced-composition")
-      ),
+      component: React.lazy(() => import("@/demos/slider/advanced-composition")),
     },
     "slider-composition": {
       name: "slider-composition",
@@ -1865,9 +1807,7 @@ export const Index: Record<string, any> = {
     "text-area-prefix-and-suffix": {
       name: "text-area-prefix-and-suffix",
       files: ["demos/text-area/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/text-area/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/text-area/prefix-and-suffix")),
     },
     "text-area-read-only": {
       name: "text-area-read-only",
@@ -1932,9 +1872,7 @@ export const Index: Record<string, any> = {
     "text-field-prefix-and-suffix": {
       name: "text-field-prefix-and-suffix",
       files: ["demos/text-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/text-field/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/text-field/prefix-and-suffix")),
     },
     "text-field-read-only": {
       name: "text-field-read-only",
@@ -2024,9 +1962,7 @@ export const Index: Record<string, any> = {
     "time-field-prefix-and-suffix": {
       name: "time-field-prefix-and-suffix",
       files: ["demos/time-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/time-field/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/time-field/prefix-and-suffix")),
     },
     "time-field-read-only": {
       name: "time-field-read-only",
@@ -2133,5 +2069,50 @@ export const Index: Record<string, any> = {
       files: ["demos/tooltip/with-arrow.tsx"],
       component: React.lazy(() => import("@/demos/tooltip/with-arrow")),
     },
+    "toggle-button-group-default": {
+      name: "toggle-button-group-default",
+      files: ["demos/toggle-button-group/default.tsx"],
+      component: React.lazy(() => import("@/demos/toggle-button-group/default")),
+    },
+    "button-group-default": {
+      name: "button-group-default",
+      files: ["demos/button-group/default.tsx"],
+      component: React.lazy(() => import("@/demos/button-group/default")),
+    },
+    "tag-group-default": {
+      name: "tag-group-default",
+      files: ["demos/tag-group/default.tsx"],
+      component: React.lazy(() => import("@/demos/tag-group/default")),
+    },
+    "table-default": {
+      name: "table-default",
+      files: ["demos/table/default.tsx"],
+      component: React.lazy(() => import("@/demos/table/default")),
+    },
+    "disclosure-default": {
+      name: "disclosure-default",
+      files: ["demos/disclosure/default.tsx"],
+      component: React.lazy(() => import("@/demos/disclosure/default")),
+    },
+    "disclosure-group-default": {
+      name: "disclosure-group-default",
+      files: ["demos/disclosure-group/default.tsx"],
+      component: React.lazy(() => import("@/demos/disclosure-group/default")),
+    },
+    "form-basic": {
+      name: "form-basic",
+      files: ["demos/form/basic.tsx"],
+      component: React.lazy(() => import("@/demos/form/basic")),
+    },
+    "form-react-aria": {
+      name: "form-react-aria",
+      files: ["demos/form/react-aria.tsx"],
+      component: React.lazy(() => import("@/demos/form/react-aria")),
+    },
+    "form-react-hook-form": {
+      name: "form-react-hook-form",
+      files: ["demos/form/react-hook-form.tsx"],
+      component: React.lazy(() => import("@/demos/form/react-hook-form")),
+    },
   },
-};
+}
diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index 1652e33ab..56693f58a 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -29,12 +29,12 @@ export default async function Page({
 
   return (
     <div
-      className={cn("pb-20 pt-8 sm:pt-20", {
+      className={cn("pt-8 sm:pt-20", {
         "xl:grid xl:grid-cols-[1fr_250px] xl:gap-10":
           page.data.toc && page.data.toc.length > 0,
       })}
     >
-      <div className="max-w-(--breakpoint-md) container">
+      <div className="max-w-(--breakpoint-md) container pb-20">
         <Breadcrumbs tree={source.pageTree} className="mb-2" />
         <h1 className="text-4xl font-bold">{page.data.title}</h1>
         <p className="text-fg-muted mt-2">{page.data.description}</p>
diff --git a/www/src/app/(home)/themes-preview.tsx b/www/src/app/(home)/themes-preview.tsx
index 5b7fcd0d8..cf84061fa 100644
--- a/www/src/app/(home)/themes-preview.tsx
+++ b/www/src/app/(home)/themes-preview.tsx
@@ -4,7 +4,7 @@ import React from "react";
 import { dotUIThemes } from "@/lib/themes";
 import { useThemes } from "@/hooks/use-themes";
 import { ToggleButton } from "@/components/core/toggle-button";
-import { ToggleGroup } from "@/components/core/toggle-group";
+import { ToggleGroup } from "@/components/core/toggle-button-group";
 import { ThemeOverride } from "@/components/theme-override";
 import { ComponentsOverview } from "./components-overview";
 
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index 6b13101bb..2a26b6e26 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { fontMono, fontSans, josefinSans } from "@/styles/fonts";
 import "@/styles/globals.css";
 import { siteConfig } from "@/config";
 import { Providers } from "./providers";
+import { ThemeOverride } from "@/components/theme-override";
 
 const config = siteConfig.global;
 
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index decc4573a..24b2a3b3e 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -1,18 +1,11 @@
 import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
-import { ChevronDownIcon, PaintBucket } from "lucide-react";
+import { PaintBucket } from "lucide-react";
 import { cn } from "@/lib/cn";
-import { useComponentsVariants } from "@/lib/create-dynamic-component";
 import { getFileSource } from "@/lib/get-file-source";
-import { useThemes } from "@/hooks/use-themes";
 import { CodeBlock } from "@/components/code-block";
 import { Button } from "@/components/core/button";
-import { ListBox, Item } from "@/components/core/list-box";
-import { Overlay } from "@/components/core/overlay";
-import { SelectRoot, SelectValue } from "@/components/core/select";
 import { Tooltip } from "@/components/core/tooltip";
-import { core } from "@/registry/registry-core";
-import { RegistryItem } from "@/registry/types";
 import { Index } from "@/__registry__/demos";
 import { ComponentPreviewClient } from "./component-preview-client";
 import { StyleSwitcher } from "./style-switcher";
@@ -32,7 +25,7 @@ export const ComponentPreview = async ({
   containerClassName,
   className,
   preview,
-  expandable,
+  expandable = true,
 }: ComponentPreviewProps) => {
   const type = name.split("/")[0];
   const componentName = name.split("/")[1];
@@ -87,7 +80,7 @@ export const ComponentPreview = async ({
           <ScrollArea
             className={cn("flex items-center justify-center", "bg-bg text-fg")}
           >
-            <div className="flex min-h-52 items-center justify-center px-4 py-16">
+            <div className="flex min-h-52 items-center justify-center px-4 py-20">
               <div
                 className={cn(
                   "flex w-full items-center justify-center",
diff --git a/www/src/components/core/checkbox.tsx b/www/src/components/core/checkbox.tsx
index 3e6a8618a..d11598e46 100644
--- a/www/src/components/core/checkbox.tsx
+++ b/www/src/components/core/checkbox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox";
+export * from "@/registry/core/checkbox_basic";
diff --git a/www/src/components/core/toggle-button-group.tsx b/www/src/components/core/toggle-button-group.tsx
new file mode 100644
index 000000000..8a349ac38
--- /dev/null
+++ b/www/src/components/core/toggle-button-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/toggle-button-group";
diff --git a/www/src/components/core/toggle-group.tsx b/www/src/components/core/toggle-group.tsx
deleted file mode 100644
index 8d972a69b..000000000
--- a/www/src/components/core/toggle-group.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/toggle-group";
diff --git a/www/src/components/core/tooltip.tsx b/www/src/components/core/tooltip.tsx
index 00d3935e7..b2852e2ad 100644
--- a/www/src/components/core/tooltip.tsx
+++ b/www/src/components/core/tooltip.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tooltip";
+export * from "@/registry/core/tooltip-01";
diff --git a/www/src/components/dynamic-core/button-group.tsx b/www/src/components/dynamic-core/button-group.tsx
new file mode 100644
index 000000000..bbafe8f9a
--- /dev/null
+++ b/www/src/components/dynamic-core/button-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/button-group"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index 5f1f64dcb..a54ac8b34 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -6,23 +6,46 @@ import { ButtonProps } from "@/registry/core/button-01";
 
 export const Button = createDynamicComponent<ButtonProps>("button", "Button", {
   "button-01": React.lazy(() =>
-    import("@/__registry__/core/button-01").then((mod) => ({
+    import("@/registry/core/button-01").then((mod) => ({
       default: mod.Button,
     }))
   ),
   "button-02": React.lazy(() =>
-    import("@/__registry__/core/button-02").then((mod) => ({
+    import("@/registry/core/button-02").then((mod) => ({
       default: mod.Button,
     }))
   ),
   "button-03": React.lazy(() =>
-    import("@/__registry__/core/button-03").then((mod) => ({
+    import("@/registry/core/button-03").then((mod) => ({
       default: mod.Button,
     }))
   ),
   "button-04": React.lazy(() =>
-    import("@/__registry__/core/button-04").then((mod) => ({
+    import("@/registry/core/button-04").then((mod) => ({
       default: mod.Button,
     }))
   ),
 });
+
+export const ButtonProvider = createDynamicComponent("button", "ButtonProvider", {
+  "button-01": React.lazy(() =>
+    import("@/registry/core/button-01").then((mod) => ({
+      default: mod.ButtonProvider,
+    }))
+  ),
+  "button-02": React.lazy(() =>
+    import("@/registry/core/button-02").then((mod) => ({
+      default: mod.ButtonProvider,
+    }))
+  ),
+  "button-03": React.lazy(() =>
+    import("@/registry/core/button-03").then((mod) => ({
+      default: mod.ButtonProvider,
+    }))
+  ),
+  "button-04": React.lazy(() =>
+    import("@/registry/core/button-04").then((mod) => ({
+      default: mod.ButtonProvider,
+    }))
+  ),
+});
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/checkbox.tsx b/www/src/components/dynamic-core/checkbox.tsx
index d61077459..a530b0440 100644
--- a/www/src/components/dynamic-core/checkbox.tsx
+++ b/www/src/components/dynamic-core/checkbox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox";
+export * from "@/registry/core/checkbox_basic";
diff --git a/www/src/components/dynamic-core/drawer.tsx b/www/src/components/dynamic-core/drawer.tsx
new file mode 100644
index 000000000..c9d7e73d0
--- /dev/null
+++ b/www/src/components/dynamic-core/drawer.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/drawer"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/modal.tsx b/www/src/components/dynamic-core/modal.tsx
new file mode 100644
index 000000000..b4d045afc
--- /dev/null
+++ b/www/src/components/dynamic-core/modal.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/modal"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/popover.tsx b/www/src/components/dynamic-core/popover.tsx
new file mode 100644
index 000000000..1ca22ae39
--- /dev/null
+++ b/www/src/components/dynamic-core/popover.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/popover"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/toggle-button-group.tsx b/www/src/components/dynamic-core/toggle-button-group.tsx
new file mode 100644
index 000000000..ebf800c10
--- /dev/null
+++ b/www/src/components/dynamic-core/toggle-button-group.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/toggle-button-group";
diff --git a/www/src/components/dynamic-core/toggle-group.tsx b/www/src/components/dynamic-core/toggle-group.tsx
deleted file mode 100644
index cd720a8fc..000000000
--- a/www/src/components/dynamic-core/toggle-group.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/toggle-group";
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index 8aa34f5cb..caad7b204 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -1 +1,58 @@
-export * from "@/registry/core/tooltip";
+"use client";
+
+import React from "react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import {
+  TooltipProps,
+  TooltipRootProps,
+  TooltipContentProps,
+  TooltipArrowProps,
+} from "@/registry/core/tooltip-01";
+
+export const Tooltip = createDynamicComponent<TooltipProps>(
+  "tooltip",
+  "Tooltip",
+  {
+    "tooltip-01": React.lazy(() =>
+      import("@/registry/core/tooltip-01").then((mod) => ({
+        default: mod.Tooltip,
+      }))
+    ),
+  }
+);
+
+export const TooltipRoot = createDynamicComponent<TooltipRootProps>(
+  "tooltip",
+  "TooltipRoot",
+  {
+    "tooltip-01": React.lazy(() =>
+      import("@/registry/core/tooltip-01").then((mod) => ({
+        default: mod.TooltipRoot,
+      }))
+    ),
+  }
+);
+
+export const TooltipContent = createDynamicComponent<TooltipContentProps>(
+  "tooltip",
+  "TooltipContent",
+  {
+    "tooltip-01": React.lazy(() =>
+      import("@/registry/core/tooltip-01").then((mod) => ({
+        default: mod.TooltipContent,
+      }))
+    ),
+  }
+);
+
+export const TooltipArrow = createDynamicComponent<TooltipArrowProps>(
+  "tooltip",
+  "TooltipArrow",
+  {
+    "tooltip-01": React.lazy(() =>
+      import("@/registry/core/tooltip-01").then((mod) => ({
+        default: mod.TooltipArrow,
+      }))
+    ),
+  }
+);
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index baf207e30..f9bbadbc7 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -13,7 +13,7 @@ import {
   SearchIcon,
   SunIcon,
 } from "lucide-react";
-import { motion } from "motion/react";
+import { motion, Transition } from "motion/react";
 import { cn } from "@/lib/cn";
 import { hasActive, isActive } from "@/lib/docs/utils";
 import { useCommandMenuInputRef } from "@/hooks/use-focus-command-menu";
@@ -26,7 +26,7 @@ import {
 } from "@/components/core/collapsible";
 import { Dialog, DialogRoot } from "@/components/core/dialog";
 import { Kbd } from "@/components/core/kbd";
-import { DismissButton } from "@/components/core/overlay";
+// import { DismissButton } from "@/components/core/overlay";
 import { ScrollArea } from "@/components/core/scroll-area";
 import { Tooltip, TooltipProps } from "@/components/core/tooltip";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
@@ -41,10 +41,10 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
   const shouldInitialCollapse = !!(pathname === "/" || pathname === "/themes");
   const [isCollapsed, setIsCollapsed] = React.useState(shouldInitialCollapse);
 
-  const transition = {
-    // type: "tween",
-    // bounce: 0,
-    // duration: 0.25,
+  const transition: Transition = {
+    type: "spring",
+    duration: 0.2,
+    bounce: 0,
   };
 
   React.useEffect(() => {
@@ -86,44 +86,44 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
       </ScrollArea>
       <SidebarFooter>
         <div className="group-data-collapsed/sidebar:flex-col flex items-center gap-1">
-          <MotionButton
-            href={siteConfig.links.github}
-            target="_blank"
-            size="sm"
-            shape="square"
-            variant="quiet"
-            aria-label="github"
-            layout
-            transition={transition}
-          >
-            <GitHubIcon />
-          </MotionButton>
-          <MotionButton
-            href={siteConfig.links.twitter}
-            target="_blank"
-            size="sm"
-            shape="square"
-            variant="quiet"
-            aria-label="twitter"
-            layout
-            transition={transition}
-          >
-            <TwitterIcon />
-          </MotionButton>
-        </div>
-        <div className="group-data-collapsed/sidebar:flex-col flex items-center gap-1">
-          <ThemeSwitcher>
-            <MotionButton
+          <motion.div layout transition={transition}>
+            <Button
+              href={siteConfig.links.github}
+              target="_blank"
               size="sm"
+              shape="square"
               variant="quiet"
+              aria-label="github"
+            >
+              <GitHubIcon />
+            </Button>
+          </motion.div>
+          <motion.div layout transition={transition}>
+            <Button
+              href={siteConfig.links.twitter}
+              target="_blank"
+              size="sm"
               shape="square"
-              className="[&_svg]:size-[18px]"
-              layout
-              transition={transition}
+              variant="quiet"
+              aria-label="twitter"
             >
-              <SunIcon className="block dark:hidden" />
-              <MoonIcon className="hidden dark:block" />
-            </MotionButton>
+              <TwitterIcon />
+            </Button>
+          </motion.div>
+        </div>
+        <div className="group-data-collapsed/sidebar:flex-col flex items-center gap-1">
+          <ThemeSwitcher>
+            <motion.div layout transition={transition}>
+              <Button
+                size="sm"
+                variant="quiet"
+                shape="square"
+                className="[&_svg]:size-[18px]"
+              >
+                <SunIcon className="block dark:hidden" />
+                <MoonIcon className="hidden dark:block" />
+              </Button>
+            </motion.div>
           </ThemeSwitcher>
           <StyledTooltip
             content={
@@ -138,16 +138,16 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
             placement="right"
             arrow
           >
-            <MotionButton
-              layout
-              transition={transition}
-              shape="square"
-              size="sm"
-              variant="default"
-              onPress={() => setIsCollapsed(!isCollapsed)}
-            >
-              {isCollapsed ? <PanelLeftOpenIcon /> : <PanelLeftCloseIcon />}
-            </MotionButton>
+            <motion.div layout transition={transition}>
+              <Button
+                shape="square"
+                size="sm"
+                variant="default"
+                onPress={() => setIsCollapsed(!isCollapsed)}
+              >
+                {isCollapsed ? <PanelLeftOpenIcon /> : <PanelLeftCloseIcon />}
+              </Button>
+            </motion.div>
           </StyledTooltip>
         </div>
       </SidebarFooter>
@@ -269,19 +269,19 @@ const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
           </div>
         </SidebarButton>
       </StyledTooltip>
-      <Dialog className="p-0!" showDismissButton={false}>
+      <Dialog className="p-0!">
         <SearchCommand
           onRunCommand={() => setIsOpen(false)}
           className="h-72 max-h-full rounded-lg"
         />
-        <DismissButton
+        {/* <DismissButton
           variant="outline"
           shape="rectangle"
           size="sm"
           className="h-7 px-2 text-xs font-normal"
         >
           Esc
-        </DismissButton>
+        </DismissButton> */}
       </Dialog>
     </DialogRoot>
   );
@@ -332,7 +332,7 @@ export function NodeList({
 }
 
 function PageNode({
-  item: { icon, external = false, url, name },
+  item: { icon, url, name },
   level,
   onSelect,
 }: {
diff --git a/www/src/components/style-switcher.tsx b/www/src/components/style-switcher.tsx
index d83bc4150..2dfc0b896 100644
--- a/www/src/components/style-switcher.tsx
+++ b/www/src/components/style-switcher.tsx
@@ -46,7 +46,7 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
                 id={item.name}
                 description={item.description}
               >
-                {item.name}{" "}
+                {item.label ?? item.name}{" "}
                 {currentThemeVariant === item.name && "(current theme)"}
               </Item>
             ))}
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index 091a1d674..53332b752 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -9,7 +9,7 @@ import { useThemes } from "@/hooks/use-themes";
 import { Skeleton } from "@/components/core/skeleton";
 
 interface ThemeOverrideProps extends React.ComponentProps<"div"> {
-  children: React.ReactNode;
+  children?: React.ReactNode;
   fallback?: ReactNode;
 }
 
@@ -54,10 +54,13 @@ export const ThemeOverride = React.forwardRef<
     )
   );
 
+  return children
+
   return (
     <div
       ref={ref}
       {...props}
+      data-theme={currentTheme.id}
       style={
         {
           ...(debouncedIsMounted ? styles : {}),
@@ -155,7 +158,7 @@ const baseCssVars = {
   "--color-border-success": "var(--color-success-300)",
   "--color-border-danger": "var(--color-danger-300)",
   "--color-border-warning": "var(--color-warning-300)",
-  "--color-border-info": "var(--color-warning-300)",
+  "--color-border-info": "var(--color-info-300)",
   "--color-border-accent": "var(--color-accent-300)",
 
   "--color-border-secondary": "var(--color-neutral-200)",
diff --git a/www/src/demos/button-group/default.tsx b/www/src/demos/button-group/default.tsx
new file mode 100644
index 000000000..c8b7d6272
--- /dev/null
+++ b/www/src/demos/button-group/default.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import { Button } from "@/components/dynamic-core/button";
+import { ButtonGroup } from "@/components/dynamic-core/button-group";
+
+export default function Demo() {
+  return (
+    <ButtonGroup variant="outline" size="sm">
+      <Button>Button 1</Button>
+      <Button>Button 2</Button>
+      <Button>Button 3</Button>
+    </ButtonGroup>
+  );
+}
diff --git a/www/src/demos/checkbox/composition.tsx b/www/src/demos/checkbox/composition.tsx
new file mode 100644
index 000000000..d294f3bce
--- /dev/null
+++ b/www/src/demos/checkbox/composition.tsx
@@ -0,0 +1,13 @@
+import {
+  CheckboxRoot,
+  CheckboxIndicator,
+} from "@/components/dynamic-core/checkbox";
+
+export default function Demo() {
+  return (
+    <CheckboxRoot className="selected:border-border-accent selected:bg-bg-accent-muted selected:text-fg-accent rounded-md border p-4 transition-colors">
+      <span>I agree to the terms and conditions</span>
+      <CheckboxIndicator className="group-selected:bg-bg-accent group-selected:text-fg-onAccent" />
+    </CheckboxRoot>
+  );
+}
diff --git a/www/src/demos/dialog/basic.tsx b/www/src/demos/dialog/basic.tsx
index 7b100d04d..7b4eb08cc 100644
--- a/www/src/demos/dialog/basic.tsx
+++ b/www/src/demos/dialog/basic.tsx
@@ -13,40 +13,30 @@ export default function Demo() {
   return (
     <DialogRoot>
       <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
+      <Dialog
+        title="Edit profile"
+        description="Make changes to your profile."
+        className="space-y-4"
+      >
+        <TextField
+          autoFocus
+          label="Name"
+          defaultValue="Mehdi"
+          className="w-full"
+        />
+        <TextField
+          label="Username"
+          defaultValue="@mehdibha_"
+          className="w-full"
+        />
+        <DialogFooter>
+          <Button slot="close" variant="outline">
+            Cancel
+          </Button>
+          <Button slot="close" variant="primary">
+            Save changes
+          </Button>
+        </DialogFooter>
       </Dialog>
     </DialogRoot>
   );
diff --git a/www/src/demos/dialog/composition.tsx b/www/src/demos/dialog/composition.tsx
index 3ea41daf1..2de0c442a 100644
--- a/www/src/demos/dialog/composition.tsx
+++ b/www/src/demos/dialog/composition.tsx
@@ -1,15 +1,43 @@
 import React from "react";
 import { Button } from "@/components/dynamic-core/button";
-import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
+import {
+  DialogRoot,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+} from "@/components/dynamic-core/dialog";
 import { TextField } from "@/components/dynamic-core/text-field";
+import { Overlay } from "@/registry/core/overlay";
 
 export default function Demo() {
   return (
     <DialogRoot>
       <Button variant="outline">Edit username</Button>
-      <Dialog title="Edit username">
-        <TextField label="Username" defaultValue="@mehdibha_" />
-      </Dialog>
+      <Overlay type="modal">
+        <DialogContent className="space-y-4">
+          <DialogHeader>
+            
+          </DialogHeader>
+          <TextField
+            label="Username"
+            defaultValue="@mehdibha_"
+            className="w-full"
+          />
+          <TextField
+            label="Username"
+            defaultValue="@mehdibha_"
+            className="w-full"
+          />
+          <DialogFooter>
+            <Button slot="close" variant="outline">
+              Cancel
+            </Button>
+            <Button slot="close" variant="primary">
+              Save changes
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Overlay>
     </DialogRoot>
   );
 }
diff --git a/www/src/demos/disclosure-group/default.tsx b/www/src/demos/disclosure-group/default.tsx
new file mode 100644
index 000000000..ebecc22de
--- /dev/null
+++ b/www/src/demos/disclosure-group/default.tsx
@@ -0,0 +1,3 @@
+export default function Demo() {
+  return <div>demo</div>;
+}
diff --git a/www/src/demos/disclosure/default.tsx b/www/src/demos/disclosure/default.tsx
new file mode 100644
index 000000000..ebecc22de
--- /dev/null
+++ b/www/src/demos/disclosure/default.tsx
@@ -0,0 +1,3 @@
+export default function Demo() {
+  return <div>demo</div>;
+}
diff --git a/www/src/demos/drawer/basic.tsx b/www/src/demos/drawer/basic.tsx
new file mode 100644
index 000000000..968bc7e8c
--- /dev/null
+++ b/www/src/demos/drawer/basic.tsx
@@ -0,0 +1,37 @@
+import { Button } from "@/components/dynamic-core/button";
+import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
+import { Drawer } from "@/components/dynamic-core/drawer";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { Heading } from "@/registry/core/heading";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button>Edit profile</Button>
+      <Drawer>
+        <DialogContent className="space-y-4">
+          <Heading>Edit Profile</Heading>
+          <TextField
+            autoFocus
+            label="Name"
+            defaultValue="Mehdi"
+            className="w-full"
+          />
+          <TextField
+            label="Username"
+            defaultValue="@mehdibha_"
+            className="w-full"
+          />
+          <div className="flex items-center justify-end gap-2">
+            <Button slot="close" variant="outline">
+              Cancel
+            </Button>
+            <Button slot="close" variant="primary">
+              Save changes
+            </Button>
+          </div>
+        </DialogContent>
+      </Drawer>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/form/basic.tsx b/www/src/demos/form/basic.tsx
new file mode 100644
index 000000000..254541d80
--- /dev/null
+++ b/www/src/demos/form/basic.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { Form } from "@/registry/core/form";
+
+export default function Demo() {
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const data = Object.fromEntries(new FormData(e.currentTarget));
+    alert(JSON.stringify(data, null, 2));
+  };
+
+  return (
+    <Form onSubmit={handleSubmit} className="w-xs space-y-4">
+      <TextField
+        name="name"
+        label="Name"
+        description="Please enter your full name."
+        minLength={2}
+        isRequired
+        className="w-full"
+      />
+      <Button variant="primary" type="submit">
+        Submit
+      </Button>
+    </Form>
+  );
+}
diff --git a/www/src/demos/form/react-aria.tsx b/www/src/demos/form/react-aria.tsx
new file mode 100644
index 000000000..b3d2e4551
--- /dev/null
+++ b/www/src/demos/form/react-aria.tsx
@@ -0,0 +1,98 @@
+"use client";
+
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+import { Item } from "@/components/dynamic-core/list-box";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+import { Select } from "@/components/dynamic-core/select";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { Form } from "@/registry/core/form";
+
+export default function Demo() {
+  return (
+    <div className="w-sm bg-bg-muted space-y-4 rounded-lg border p-8">
+      <h1 className="text-xl font-bold">Register</h1>
+      <Form
+        onSubmit={(e) => {
+          e.preventDefault();
+          const data = Object.fromEntries(new FormData(e.currentTarget));
+          alert(JSON.stringify(data, null, 2));
+        }}
+        className="space-y-4"
+      >
+        <TextField
+          name="name"
+          label="Name"
+          minLength={2}
+          isRequired
+          className="w-full"
+        />
+        <TextField
+          name="email"
+          label="Email"
+          type="email"
+          isRequired
+          className="w-full"
+        />
+        <RadioGroup
+          name="gender"
+          label="Gender"
+          isRequired
+          orientation="horizontal"
+        >
+          <Radio value="male">Male</Radio>
+          <Radio value="female">female</Radio>
+          <Radio value="other">Other</Radio>
+        </RadioGroup>
+        <DatePicker
+          label="Birth Date"
+          name="birth-date"
+          isRequired
+          className="w-full"
+        />
+        <Combobox
+          name="language"
+          label="Preferred language"
+          items={languages}
+          isRequired
+          className="w-full"
+        >
+          {(item) => (
+            <Item key={item.value} id={item.value}>
+              {item.label}
+            </Item>
+          )}
+        </Combobox>
+        <Select
+          name="referral"
+          label="How did you hear about us?"
+          isRequired
+          variant="outline"
+          className="w-full"
+        >
+          <Item id="linkedin">LinkedIn</Item>
+          <Item id="x">X</Item>
+        </Select>
+        <Checkbox isRequired>I agree to the terms and conditions</Checkbox>
+        <div className="flex justify-end">
+          <Button type="submit">Register</Button>
+        </div>
+      </Form>
+    </div>
+  );
+}
+
+const languages = [
+  { label: "English", value: "en" },
+  { label: "French", value: "fr" },
+  { label: "German", value: "de" },
+  { label: "Spanish", value: "es" },
+  { label: "Portuguese", value: "pt" },
+  { label: "Russian", value: "ru" },
+  { label: "Japanese", value: "ja" },
+  { label: "Korean", value: "ko" },
+  { label: "Chinese", value: "zh" },
+] as const;
diff --git a/www/src/demos/form/react-hook-form.tsx b/www/src/demos/form/react-hook-form.tsx
new file mode 100644
index 000000000..422388e05
--- /dev/null
+++ b/www/src/demos/form/react-hook-form.tsx
@@ -0,0 +1,148 @@
+"use client";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+import { parseDate } from "@internationalized/date";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { Button } from "@/components/dynamic-core/button";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { Combobox } from "@/components/dynamic-core/combobox";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+import { Item } from "@/components/dynamic-core/list-box";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+import { Select } from "@/components/dynamic-core/select";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { Form, FormControl } from "@/registry/core/form_react-hook-form";
+
+const FormSchema = z.object({
+  name: z.string().min(2),
+  email: z.string().email(),
+  gender: z.enum(["male", "female", "other"]),
+  "birth-date": z.string(),
+  referral: z.string({
+    required_error: "Please select a method.",
+  }),
+  language: z.string({
+    required_error: "Please select a language.",
+  }),
+  terms: z.boolean().refine((val) => val === true, {
+    message: "You must accept the terms and conditions",
+  }),
+});
+
+export default function Demo() {
+  const { handleSubmit, control } = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+  });
+
+  return (
+    <div className="w-sm bg-bg-muted space-y-4 rounded-lg border p-8">
+      <h1 className="text-xl font-bold">Register</h1>
+      <Form
+        onSubmit={handleSubmit((data) => {
+          alert(JSON.stringify(data, null, 2));
+        })}
+        className="space-y-4"
+      >
+        <FormControl
+          name="name"
+          control={control}
+          render={(props) => (
+            <TextField label="Name" className="w-full" {...props} />
+          )}
+        />
+        <FormControl
+          name="email"
+          control={control}
+          render={(props) => (
+            <TextField label="Email" className="w-full" {...props} />
+          )}
+        />
+        <FormControl
+          name="gender"
+          control={control}
+          render={(props) => (
+            <RadioGroup label="Gender" orientation="horizontal" {...props}>
+              <Radio value="male">Male</Radio>
+              <Radio value="female">female</Radio>
+              <Radio value="other">Other</Radio>
+            </RadioGroup>
+          )}
+        />
+        <FormControl
+          name="birth-date"
+          control={control}
+          render={({ value, onChange, ...props }) => (
+            <DatePicker
+              label="Birth Date"
+              value={value ? parseDate(value) : undefined}
+              onChange={(val) => onChange(val?.toString())}
+              className="w-full"
+              {...props}
+            />
+          )}
+        />
+        <FormControl
+          name="language"
+          control={control}
+          render={({ value, onChange, ...props }) => (
+            <Combobox
+              label="Preferred language"
+              items={languages}
+              inputValue={value}
+              onSelectionChange={onChange}
+              className="w-full"
+              {...props}
+            >
+              {(item) => (
+                <Item key={item.value} id={item.value}>
+                  {item.label}
+                </Item>
+              )}
+            </Combobox>
+          )}
+        />
+        <FormControl
+          name="referral"
+          control={control}
+          render={({ value, ...props }) => (
+            <Select
+              label="How did you hear about us?"
+              selectedKey={value}
+              variant="outline"
+              className="w-full"
+              {...props}
+            >
+              <Item id="linkedin">LinkedIn</Item>
+              <Item id="x">X</Item>
+            </Select>
+          )}
+        />
+        <FormControl
+          name="terms"
+          control={control}
+          render={({ value, ...props }) => (
+            <Checkbox isSelected={value} {...props}>
+              I agree to the terms and conditions
+            </Checkbox>
+          )}
+        />
+        <div className="flex justify-end">
+          <Button type="submit">Register</Button>
+        </div>
+      </Form>   
+    </div>
+  );
+}
+
+const languages = [
+  { label: "English", value: "en" },
+  { label: "French", value: "fr" },
+  { label: "German", value: "de" },
+  { label: "Spanish", value: "es" },
+  { label: "Portuguese", value: "pt" },
+  { label: "Russian", value: "ru" },
+  { label: "Japanese", value: "ja" },
+  { label: "Korean", value: "ko" },
+  { label: "Chinese", value: "zh" },
+] as const;
diff --git a/www/src/demos/modal/basic.tsx b/www/src/demos/modal/basic.tsx
new file mode 100644
index 000000000..132e08ff8
--- /dev/null
+++ b/www/src/demos/modal/basic.tsx
@@ -0,0 +1,37 @@
+import { Button } from "@/components/dynamic-core/button";
+import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
+import { Modal } from "@/components/dynamic-core/modal";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { Heading } from "@/registry/core/heading";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button>Edit profile</Button>
+      <Modal>
+        <DialogContent className="space-y-4">
+          <Heading>Edit Profile</Heading>
+          <TextField
+            autoFocus
+            label="Name"
+            defaultValue="Mehdi"
+            className="w-full"
+          />
+          <TextField
+            label="Username"
+            defaultValue="@mehdibha_"
+            className="w-full"
+          />
+          <div className="flex items-center justify-end gap-2">
+            <Button slot="close" variant="outline">
+              Cancel
+            </Button>
+            <Button slot="close" variant="primary">
+              Save changes
+            </Button>
+          </div>
+        </DialogContent>
+      </Modal>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/popover/basic.tsx b/www/src/demos/popover/basic.tsx
new file mode 100644
index 000000000..e2fa3c8da
--- /dev/null
+++ b/www/src/demos/popover/basic.tsx
@@ -0,0 +1,37 @@
+import { Button } from "@/components/dynamic-core/button";
+import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
+import { Popover } from "@/components/dynamic-core/popover";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { Heading } from "@/registry/core/heading";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button>Edit profile</Button>
+      <Popover arrow>
+        <DialogContent className="space-y-4">
+          <Heading>Edit Profile</Heading>
+          <TextField
+            autoFocus
+            label="Name"
+            defaultValue="Mehdi"
+            className="w-full"
+          />
+          <TextField
+            label="Username"
+            defaultValue="@mehdibha_"
+            className="w-full"
+          />
+          <div className="flex items-center justify-end gap-2">
+            <Button slot="close" variant="outline">
+              Cancel
+            </Button>
+            <Button slot="close" variant="primary">
+              Save changes
+            </Button>
+          </div>
+        </DialogContent>
+      </Popover>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index 76cdb6d1b..ba3d4d5ad 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -79,6 +79,7 @@ export const demos: RegistryDemos = [
     "indeterminate",
     "read-only",
     "uncontrolled",
+    "composition",
   ]),
   ...buildDemos("color-area", [
     "channels",
@@ -219,6 +220,7 @@ export const demos: RegistryDemos = [
     "title",
     "types",
   ]),
+  ...buildDemos("drawer", ["basic"]),
   ...buildDemos("drop-zone", ["default", "disabled", "file-trigger", "label"]),
   ...buildDemos("file-trigger", [
     "default",
@@ -269,6 +271,7 @@ export const demos: RegistryDemos = [
     "single-selection",
     "submenus",
   ]),
+  ...buildDemos("modal", ["basic"]),
   ...buildDemos("number-field", [
     "composition",
     "contextual-help",
@@ -284,6 +287,7 @@ export const demos: RegistryDemos = [
     "sizes",
     "uncontrolled",
   ]),
+  ...buildDemos("popover", ["basic"]),
   ...buildDemos("progress", [
     "composition",
     "custom-color",
@@ -478,4 +482,11 @@ export const demos: RegistryDemos = [
     "placement",
     "with-arrow",
   ]),
+  ...buildDemos("toggle-button-group", ["default"]),
+  ...buildDemos("button-group", ["default"]),
+  ...buildDemos("tag-group", ["default"]),
+  ...buildDemos("table", ["default"]),
+  ...buildDemos("disclosure", ["default"]),
+  ...buildDemos("disclosure-group", ["default"]),
+  ...buildDemos("form", ["basic", "react-aria", "react-hook-form"]),
 ];
diff --git a/www/src/demos/table/default.tsx b/www/src/demos/table/default.tsx
new file mode 100644
index 000000000..ebecc22de
--- /dev/null
+++ b/www/src/demos/table/default.tsx
@@ -0,0 +1,3 @@
+export default function Demo() {
+  return <div>demo</div>;
+}
diff --git a/www/src/demos/tag-group/default.tsx b/www/src/demos/tag-group/default.tsx
new file mode 100644
index 000000000..ebecc22de
--- /dev/null
+++ b/www/src/demos/tag-group/default.tsx
@@ -0,0 +1,3 @@
+export default function Demo() {
+  return <div>demo</div>;
+}
diff --git a/www/src/demos/toggle-button-group/default.tsx b/www/src/demos/toggle-button-group/default.tsx
new file mode 100644
index 000000000..bce85e289
--- /dev/null
+++ b/www/src/demos/toggle-button-group/default.tsx
@@ -0,0 +1,12 @@
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
+import { ToggleButtonGroup } from "@/components/dynamic-core/toggle-button-group";
+
+export default function Demo() {
+  return (
+    <ToggleButtonGroup variant="accent">
+      <ToggleButton>A</ToggleButton>
+      <ToggleButton>B</ToggleButton>
+      <ToggleButton>C</ToggleButton>
+    </ToggleButtonGroup>
+  );
+}
diff --git a/www/src/lib/helpers.tsx b/www/src/lib/helpers.tsx
index 38b8577c0..a9ab82267 100644
--- a/www/src/lib/helpers.tsx
+++ b/www/src/lib/helpers.tsx
@@ -1,37 +1 @@
-import * as React from "react";
-
-export function createScopedContext<ContextValueType extends object | null>(
-  rootComponentName: string,
-  defaultContext?: ContextValueType
-) {
-  const Context = React.createContext<ContextValueType | undefined>(
-    defaultContext
-  );
-
-  const Provider: React.FC<ContextValueType & { children: React.ReactNode }> = (
-    props
-  ) => {
-    const { children, ...context } = props;
-    // Only re-memoize when prop values change
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const value = React.useMemo(
-      () => context,
-      Object.values(context)
-    ) as ContextValueType;
-    return <Context.Provider value={value}>{children}</Context.Provider>;
-  };
-
-  Provider.displayName = rootComponentName + "Provider";
-
-  function useContext(consumerName: string) {
-    const context = React.useContext(Context);
-    if (context) return context;
-    if (defaultContext !== undefined) return defaultContext;
-    // if a defaultContext wasn't specified, it's a required context.
-    throw new Error(
-      `\`${consumerName}\` must be used within \`${rootComponentName}\``
-    );
-  }
-
-  return [Provider, useContext] as const;
-}
+export * from "@/registry/lib/context-helpers";
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index b0a1c2d30..fa342ae5e 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -1,5 +1,15 @@
 import { Theme } from "@/types/theme";
 
+const defaultVariants = {
+  alert: "alert-01",
+  loader: "loader-ring",
+  button: "button-01",
+  calendar: "calendar-01",
+  tooltip: "tooltip-01",
+  form: "react-hook-form",
+  checkbox: "checkbox_basic",
+};
+
 export const dotUIThemes: Theme[] = [
   {
     id: "default",
@@ -12,10 +22,7 @@ export const dotUIThemes: Theme[] = [
     radius: 0.5,
     iconLibrary: "lucide",
     variants: {
-      alert: "alert-01",
-      loader: "loader-ring",
-      button: "button-01",
-      calendar: "calendar-01",
+      ...defaultVariants,
     },
     colors: {
       light: {
@@ -189,10 +196,7 @@ export const dotUIThemes: Theme[] = [
     radius: 0.5,
     iconLibrary: "lucide",
     variants: {
-      alert: "alert-01",
-      loader: "loader-ring",
-      button: "button-02",
-      calendar: "calendar-02",
+      ...defaultVariants,
     },
     colors: {
       light: {
@@ -366,10 +370,7 @@ export const dotUIThemes: Theme[] = [
     radius: 0,
     iconLibrary: "lucide",
     variants: {
-      alert: "alert-01",
-      loader: "loader-ring",
-      button: "button-02",
-      calendar: "calendar-01",
+      ...defaultVariants,
     },
     colors: {
       light: {
diff --git a/www/src/registry/core/button-01.tsx b/www/src/registry/core/button-01.tsx
index 1baac2578..bbe99ee93 100644
--- a/www/src/registry/core/button-01.tsx
+++ b/www/src/registry/core/button-01.tsx
@@ -9,71 +9,69 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createOptionalScopedContext } from "@/lib/helpers";
 import { Loader } from "@/registry/core/loader-ring";
-import { cn } from "@/registry/lib/cn";
 import { focusRing } from "@/registry/lib/focus-styles";
 
-const buttonStyles = tv(
-  {
-    extend: focusRing,
-    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
-    variants: {
-      variant: {
-        default:
-          "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
-        primary:
-          "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
-        quiet:
-          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
-        outline:
-          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-        accent:
-          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
-        success:
-          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
-        warning:
-          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
-        danger:
-          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
-      },
-      size: {
-        sm: "size-8 [&_svg]:size-4",
-        md: "size-9 [&_svg]:size-4",
-        lg: "size-10 [&_svg]:size-5",
-      },
-      shape: {
-        rectangle: "",
-        square: "",
-        circle: "rounded-full",
-      },
+const buttonStyles = tv({
+  extend: focusRing,
+  base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
+  variants: {
+    variant: {
+      default:
+        "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
+      primary:
+        "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
+      quiet:
+        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
+      outline:
+        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+      accent:
+        "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+      success:
+        "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+      warning:
+        "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+      danger:
+        "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
     },
-    compoundVariants: [
-      {
-        size: "sm",
-        shape: "rectangle",
-        className: "w-auto px-3",
-      },
-      {
-        size: "md",
-        shape: "rectangle",
-        className: "w-auto px-4",
-      },
-      {
-        size: "lg",
-        shape: "rectangle",
-        className: "w-auto px-5",
-      },
-    ],
-    defaultVariants: {
-      variant: "default",
+    size: {
+      sm: "size-8 [&_svg]:size-4",
+      md: "size-9 [&_svg]:size-4",
+      lg: "size-10 [&_svg]:size-5",
+    },
+    shape: {
+      rectangle: "",
+      square: "",
+      circle: "rounded-full",
+    },
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      shape: "rectangle",
+      className: "w-auto px-3",
+    },
+    {
       size: "md",
       shape: "rectangle",
+      className: "w-auto px-4",
     },
+    {
+      size: "lg",
+      shape: "rectangle",
+      className: "w-auto px-5",
+    },
+  ],
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    shape: "rectangle",
   },
-  {
-    responsiveVariants: ["sm", "lg"],
-  }
-);
+});
+
+const [ButtonProvider, useButtonContext] =
+  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
 
 interface ButtonProps
   extends Omit<AriaButtonProps, "className">,
@@ -124,11 +122,5 @@ const Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-type ButtonContextValue = VariantProps<typeof buttonStyles>;
-const ButtonContext = React.createContext<ButtonContextValue>({});
-const useButtonContext = () => {
-  return React.useContext(ButtonContext);
-};
-
 export type { ButtonProps };
-export { Button, buttonStyles, ButtonContext };
+export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/registry/core/button-02.tsx b/www/src/registry/core/button-02.tsx
index 9b8d39690..1d32947fe 100644
--- a/www/src/registry/core/button-02.tsx
+++ b/www/src/registry/core/button-02.tsx
@@ -9,6 +9,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createOptionalScopedContext } from "@/lib/helpers";
 import { Loader } from "@/registry/core/loader-ring";
 import { focusRing } from "@/registry/lib/focus-styles";
 
@@ -74,6 +75,9 @@ const buttonStyles = tv(
   }
 );
 
+const [ButtonProvider, useButtonContext] =
+  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
+
 interface ButtonProps
   extends Omit<AriaButtonProps, "className">,
     Omit<AriaLinkProps, "className" | "children" | "style">,
@@ -117,11 +121,5 @@ const Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-type ButtonContextValue = VariantProps<typeof buttonStyles>;
-const ButtonContext = React.createContext<ButtonContextValue>({});
-const useButtonContext = () => {
-  return React.useContext(ButtonContext);
-};
-
 export type { ButtonProps };
-export { Button, buttonStyles, ButtonContext };
+export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/registry/core/button-03.tsx b/www/src/registry/core/button-03.tsx
index d7eac32e6..b667a0b89 100644
--- a/www/src/registry/core/button-03.tsx
+++ b/www/src/registry/core/button-03.tsx
@@ -9,6 +9,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createOptionalScopedContext } from "@/lib/helpers";
 import { Loader } from "@/registry/core/loader-ring";
 import { focusRing } from "@/registry/lib/focus-styles";
 
@@ -74,6 +75,9 @@ const buttonStyles = tv(
   }
 );
 
+const [ButtonProvider, useButtonContext] =
+  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
+
 interface ButtonProps
   extends Omit<AriaButtonProps, "className">,
     Omit<AriaLinkProps, "className" | "children" | "style">,
@@ -117,11 +121,5 @@ const Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-type ButtonContextValue = VariantProps<typeof buttonStyles>;
-const ButtonContext = React.createContext<ButtonContextValue>({});
-const useButtonContext = () => {
-  return React.useContext(ButtonContext);
-};
-
 export type { ButtonProps };
-export { Button, buttonStyles, ButtonContext };
+export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/registry/core/button-04.tsx b/www/src/registry/core/button-04.tsx
index cc2ad464e..74ef25d84 100644
--- a/www/src/registry/core/button-04.tsx
+++ b/www/src/registry/core/button-04.tsx
@@ -11,65 +11,64 @@ import {
   PressEvent,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createOptionalScopedContext } from "@/lib/helpers";
 import { Loader } from "@/registry/core/loader-ring";
 import { Ripple } from "@/registry/core/ripple";
 import { useRipple } from "@/registry/hooks/use-ripple";
 import { focusRing } from "@/registry/lib/focus-styles";
 
-const buttonStyles = tv(
-  {
-    extend: focusRing,
-    base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
-    variants: {
-      variant: {
-        default: "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
-        primary: "bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary",
-        quiet: "hover:bg-bg-inverse/10 text-fg bg-transparent",
-        outline:
-          "border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-        accent: "bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent",
-        success: "bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess",
-        warning: "bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning",
-        danger: "bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger",
-      },
-      size: {
-        sm: "size-8 [&_svg]:size-4",
-        md: "size-9 [&_svg]:size-4",
-        lg: "size-10 [&_svg]:size-5",
-      },
-      shape: {
-        rectangle: "",
-        square: "",
-        circle: "rounded-full",
-      },
+const buttonStyles = tv({
+  extend: focusRing,
+  base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+  variants: {
+    variant: {
+      default: "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
+      primary: "bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary",
+      quiet: "hover:bg-bg-inverse/10 text-fg bg-transparent",
+      outline:
+        "border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+      accent: "bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent",
+      success: "bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess",
+      warning: "bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning",
+      danger: "bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger",
     },
-    compoundVariants: [
-      {
-        size: "sm",
-        shape: "rectangle",
-        className: "w-auto px-3",
-      },
-      {
-        size: "md",
-        shape: "rectangle",
-        className: "w-auto px-4",
-      },
-      {
-        size: "lg",
-        shape: "rectangle",
-        className: "w-auto px-5",
-      },
-    ],
-    defaultVariants: {
-      variant: "default",
+    size: {
+      sm: "size-8 [&_svg]:size-4",
+      md: "size-9 [&_svg]:size-4",
+      lg: "size-10 [&_svg]:size-5",
+    },
+    shape: {
+      rectangle: "",
+      square: "",
+      circle: "rounded-full",
+    },
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      shape: "rectangle",
+      className: "w-auto px-3",
+    },
+    {
       size: "md",
       shape: "rectangle",
+      className: "w-auto px-4",
+    },
+    {
+      size: "lg",
+      shape: "rectangle",
+      className: "w-auto px-5",
     },
+  ],
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    shape: "rectangle",
   },
-  {
-    responsiveVariants: ["sm", "lg"],
-  }
-);
+});
+
+const [ButtonProvider, useButtonContext] =
+  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
 
 interface ButtonProps
   extends Omit<AriaButtonProps, "className">,
@@ -131,11 +130,5 @@ const Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-type ButtonContextValue = VariantProps<typeof buttonStyles>;
-const ButtonContext = React.createContext<ButtonContextValue>({});
-const useButtonContext = () => {
-  return React.useContext(ButtonContext);
-};
-
 export type { ButtonProps };
-export { Button, buttonStyles, ButtonContext };
+export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/registry/core/button-group.tsx b/www/src/registry/core/button-group.tsx
new file mode 100644
index 000000000..d3b384bfb
--- /dev/null
+++ b/www/src/registry/core/button-group.tsx
@@ -0,0 +1,43 @@
+"use client";
+
+import { ButtonContext as AriaButtonContext } from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { ButtonProvider } from "@/components/dynamic-core/button";
+import { buttonStyles } from "@/registry/core/button-01";
+
+const buttonGroupStyles = tv({
+  base: "inline-flex isolate items-center [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md [&_button]:rounded-none",
+  variants: {
+    orientation: {
+      horizontal: "flex-row",
+      vertical: "flex-col",
+    },
+  },
+});
+
+interface ButtonGroupProps
+  extends React.ComponentProps<"div">,
+    VariantProps<typeof buttonGroupStyles>,
+    VariantProps<typeof buttonStyles> {
+  isDisabled?: boolean;
+}
+
+function ButtonGroup({
+  variant,
+  size,
+  shape,
+  isDisabled,
+  className,
+  ...props
+}: ButtonGroupProps) {
+  return (
+    <AriaButtonContext value={{ isDisabled }}>
+      <ButtonProvider variant={variant} size={size} shape={shape}>
+        <div className={buttonGroupStyles({ className })} {...props} />
+      </ButtonProvider>
+    </AriaButtonContext>
+  );
+}
+
+export type { ButtonGroupProps };
+export { ButtonGroup };
diff --git a/www/src/registry/core/calendar.tsx b/www/src/registry/core/calendar.tsx
index 30534559d..7a3499565 100644
--- a/www/src/registry/core/calendar.tsx
+++ b/www/src/registry/core/calendar.tsx
@@ -48,11 +48,11 @@ const calendarStyles = tv({
     range: {
       false: {
         cell: [
-          // buttonStyles({
-          //   variant: "quiet",
-          //   shape: "square",
-          //   size: "sm",
-          // }),
+          buttonStyles({
+            variant: "quiet",
+            shape: "square",
+            size: "sm",
+          }),
           "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
           "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
           "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
diff --git a/www/src/registry/core/checkbox-group.tsx b/www/src/registry/core/checkbox-group.tsx
index d42bd9924..fb66305c7 100644
--- a/www/src/registry/core/checkbox-group.tsx
+++ b/www/src/registry/core/checkbox-group.tsx
@@ -7,7 +7,7 @@ import {
   type CheckboxGroupProps as AriaCheckboxGroupProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxContext } from "@/registry/core/checkbox";
+import { CheckboxProvider } from "@/registry/core/checkbox_basic";
 import { Field, type FieldProps } from "@/registry/core/field";
 
 const checkboxGroupStyles = tv({
@@ -81,9 +81,9 @@ const CheckboxGroupRoot = React.forwardRef<
 >(({ className, variant, ...props }, ref) => {
   const { root } = checkboxGroupStyles({ variant });
   return (
-    <CheckboxContext.Provider value={{ variant }}>
+    <CheckboxProvider variant={variant}>
       <AriaCheckboxGroup ref={ref} className={root({ className })} {...props} />
-    </CheckboxContext.Provider>
+    </CheckboxProvider>
   );
 });
 CheckboxGroupRoot.displayName = "CheckboxGroupRoot";
diff --git a/www/src/registry/core/checkbox-group_basic.tsx b/www/src/registry/core/checkbox-group_basic.tsx
new file mode 100644
index 000000000..42fcc9f9a
--- /dev/null
+++ b/www/src/registry/core/checkbox-group_basic.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import {
+  CheckboxGroup as AriaCheckboxGroup,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const checkboxGroupStyles = tv({
+  slots: {
+    root: "flex flex-col items-start gap-2",
+    wrapper: "flex",
+  },
+  variants: {
+    variant: {
+      default: {
+        wrapper: "flex-col gap-0.5",
+      },
+      card: {
+        wrapper: "flex gap-2",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+interface CheckboxGroupRootProps
+  extends React.ComponentProps<typeof AriaCheckboxGroup> {}
+
diff --git a/www/src/registry/core/checkbox.tsx b/www/src/registry/core/checkbox_basic.tsx
similarity index 50%
rename from www/src/registry/core/checkbox.tsx
rename to www/src/registry/core/checkbox_basic.tsx
index b568521a3..1a579d72f 100644
--- a/www/src/registry/core/checkbox.tsx
+++ b/www/src/registry/core/checkbox_basic.tsx
@@ -5,9 +5,12 @@ import { CheckIcon, MinusIcon } from "lucide-react";
 import {
   Checkbox as AriaCheckbox,
   composeRenderProps,
-  type CheckboxProps as AriaCheckboxProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import {
+  createScopedContext,
+  createOptionalScopedContext,
+} from "@/lib/helpers";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
 
 const checkboxStyles = tv({
@@ -40,43 +43,69 @@ const checkboxStyles = tv({
   },
 });
 
-interface CheckboxProps
-  extends Omit<AriaCheckboxProps, "className">,
-    VariantProps<typeof checkboxStyles> {
-  className?: string;
-}
-const Checkbox = React.forwardRef<
-  React.ElementRef<typeof AriaCheckbox>,
-  CheckboxProps
->((localProps, ref) => {
-  const contextProps = useCheckboxContext();
-  const props = { ...contextProps, ...localProps };
-  const { className, variant, ...restProps } = props;
-  const { root, indicator } = checkboxStyles({ variant });
+const { root, indicator } = checkboxStyles();
+
+const [VariantsProvider, useVariantsContext] = createScopedContext<
+  VariantProps<typeof checkboxStyles> & { isIndeterminate: boolean }
+>("CheckboxRoot");
+
+const [CheckboxProvider, useCheckboxContext] =
+  createOptionalScopedContext<VariantProps<typeof checkboxStyles>>("Checkbox");
+
+interface CheckboxProps extends CheckboxRootProps {}
+const Checkbox = ({ children, ...props }: CheckboxProps) => {
   return (
-    <AriaCheckbox ref={ref} {...restProps} className={root({ className })}>
-      {composeRenderProps(props.children, (children, { isIndeterminate }) => (
+    <CheckboxRoot {...props}>
+      {composeRenderProps(children, (children) => (
         <>
-          <div className={indicator({ className: "" })}>
-            {isIndeterminate ? (
-              <MinusIcon className="size-2.5" />
-            ) : (
-              <CheckIcon className="size-3" />
-            )}
-          </div>
+          <CheckboxIndicator />
           <span>{children}</span>
         </>
       ))}
+    </CheckboxRoot>
+  );
+};
+
+interface CheckboxRootProps
+  extends React.ComponentProps<typeof AriaCheckbox>,
+    VariantProps<typeof checkboxStyles> {}
+
+const CheckboxRoot = (localProps: CheckboxRootProps) => {
+  const contextProps = useCheckboxContext();
+  const { variant, className, ...props } = { ...contextProps, ...localProps };
+  return (
+    <AriaCheckbox
+      className={composeRenderProps(className, (className) =>
+        root({ variant, className })
+      )}
+      {...props}
+    >
+      {composeRenderProps(props.children, (children, { isIndeterminate }) => (
+        <VariantsProvider variant={variant} isIndeterminate={isIndeterminate}>
+          {children}
+        </VariantsProvider>
+      ))}
     </AriaCheckbox>
   );
-});
-Checkbox.displayName = "Checkbox";
+};
+
+interface CheckboxIndicatorProps extends React.ComponentProps<"div"> {}
 
-type CheckboxContextValue = VariantProps<typeof checkboxStyles>;
-const CheckboxContext = React.createContext<CheckboxContextValue>({});
-const useCheckboxContext = () => {
-  return React.useContext(CheckboxContext);
+const CheckboxIndicator = ({ className, ...props }: CheckboxIndicatorProps) => {
+  const { variant, isIndeterminate } = useVariantsContext("CheckboxIndicator");
+  return (
+    <div className={indicator({ variant, className })} {...props}>
+      {isIndeterminate ? (
+        <MinusIcon className="size-2.5" />
+      ) : (
+        <CheckIcon className="size-3" />
+      )}
+    </div>
+  );
 };
 
-export type { CheckboxProps };
-export { Checkbox, CheckboxContext };
+export type { CheckboxProps, CheckboxRootProps, CheckboxIndicatorProps };
+export { Checkbox, CheckboxRoot, CheckboxIndicator };
+
+export { CheckboxProvider };
+export { checkboxStyles };
diff --git a/www/src/registry/core/date-picker.tsx b/www/src/registry/core/date-picker.tsx
index 229c2b11d..8130915c5 100644
--- a/www/src/registry/core/date-picker.tsx
+++ b/www/src/registry/core/date-picker.tsx
@@ -33,6 +33,7 @@ const DatePicker = <T extends DateValue>({
   isLoading,
   isRequired,
   isDisabled,
+  isInvalid,
   necessityIndicator,
   contextualHelp,
   ...props
@@ -42,6 +43,7 @@ const DatePicker = <T extends DateValue>({
       className={className}
       isRequired={isRequired}
       isDisabled={isLoading || isDisabled}
+      isInvalid={isInvalid}
       {...props}
     >
       <Field
@@ -56,10 +58,11 @@ const DatePicker = <T extends DateValue>({
           size={size}
           prefix={prefix}
           isLoading={isLoading}
+          isInvalid={isInvalid}
           loaderPosition="prefix"
           className="pr-1"
         >
-          <DateInput>
+          <DateInput className="flex-1">
             {(segment) => <DateSegment segment={segment} />}
           </DateInput>
           <Button
diff --git a/www/src/registry/core/dialog.tsx b/www/src/registry/core/dialog.tsx
index 3a9b29266..ff1b35613 100644
--- a/www/src/registry/core/dialog.tsx
+++ b/www/src/registry/core/dialog.tsx
@@ -1,17 +1,13 @@
 "use client";
 
 import * as React from "react";
-import { useSlotId } from "@react-aria/utils";
 import {
   composeRenderProps,
-  DialogContext as AriaDialogContext,
   DialogTrigger as AriaDialogTrigger,
   Dialog as AriaDialog,
   type DialogProps as AriaDialogProps,
   type DialogTriggerProps as AriaDialogTriggerProps,
-  TextContext,
 } from "react-aria-components";
-import { Provider } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { Heading } from "@/registry/core/heading";
 import { Overlay, type OverlayProps } from "@/registry/core/overlay";
@@ -33,29 +29,14 @@ const dialogStyles = tv({
 
 type DialogRootProps = AriaDialogTriggerProps;
 const DialogRoot = (props: DialogRootProps) => {
-  const descriptionId = useSlotId();
-  return (
-    <Provider
-      values={[
-        [AriaDialogContext, { "aria-describedby": descriptionId }],
-        [TextContext, { slots: { description: { id: descriptionId } } }],
-      ]}
-    >
-      <AriaDialogTrigger {...props} />
-    </Provider>
-  );
+  return <AriaDialogTrigger {...props} />;
 };
 
-interface DialogProps extends DialogContentProps {
+interface DialogProps
+  extends DialogContentProps,
+    Omit<OverlayProps, "children"> {
   title?: string;
   description?: string;
-  type?: OverlayProps["type"];
-  showDismissButton?: OverlayProps["showDismissButton"];
-  mobileType?: OverlayProps["mobileType"];
-  mediaQuery?: OverlayProps["mediaQuery"];
-  isDismissable?: boolean;
-  swipeIndicator?: boolean;
-  placement?: OverlayProps["placement"];
 }
 const Dialog = ({
   title,
@@ -63,23 +44,19 @@ const Dialog = ({
   type = "modal",
   mobileType = "drawer",
   mediaQuery,
-  isDismissable: isDismissableProp,
-  showDismissButton,
-  placement,
-  swipeIndicator,
+  modalProps,
+  popoverProps,
+  drawerProps,
   ...props
 }: DialogProps) => {
-  const isDismissable =
-    isDismissableProp ?? (props.role === "alertdialog" ? false : true);
   return (
     <Overlay
-      isDismissable={isDismissable}
-      showDismissButton={showDismissButton}
       type={type}
       mobileType={mobileType}
       mediaQuery={mediaQuery}
-      placement={placement}
-      swipeIndicator={swipeIndicator}
+      modalProps={modalProps}
+      popoverProps={popoverProps}
+      drawerProps={drawerProps}
     >
       <DialogContent {...props}>
         {composeRenderProps(props.children, (children) => (
diff --git a/www/src/registry/core/drawer.tsx b/www/src/registry/core/drawer.tsx
new file mode 100644
index 000000000..396100453
--- /dev/null
+++ b/www/src/registry/core/drawer.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import React from "react";
+import {
+  Modal as AriaModal,
+  ModalOverlay as AriaModalOverlay,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { cn } from "@/registry/lib/cn";
+
+const drawerVariants = tv({
+  slots: {
+    backdrop: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm",
+    drawer: ["bg-bg outline-hidden fixed inset-0 z-50 flex flex-col"],
+  },
+  variants: {
+    placement: {
+      top: "exiting:slide-out-to-top entering:slide-in-from-top inset-x-0 top-0 border-b",
+      bottom:
+        "exiting:slide-out-to-bottom entering:slide-in-from-bottom inset-x-0 bottom-0 border-t",
+      left: "exiting:slide-out-to-left entering:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+      right:
+        "exiting:slide-out-to-right entering:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+    },
+  },
+});
+
+const { drawer, backdrop } = drawerVariants();
+
+interface DrawerProps extends React.ComponentProps<typeof AriaModal> {
+  placement?: "top" | "bottom" | "left" | "right";
+}
+
+function Drawer({ className, ...props }: DrawerProps) {
+  return (
+    <AriaModalOverlay>
+      <div className={backdrop()} />
+      <AriaModal className={cn(drawer(), className)} {...props} />
+    </AriaModalOverlay>
+  );
+}
+
+export type { DrawerProps };
+export { Drawer };
diff --git a/www/src/registry/core/form_react-hook-form.tsx b/www/src/registry/core/form_react-hook-form.tsx
new file mode 100644
index 000000000..e4d689c72
--- /dev/null
+++ b/www/src/registry/core/form_react-hook-form.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import { Form } from "react-aria-components";
+import { Controller, FieldValues } from "react-hook-form";
+import type {
+  FieldPath,
+  UseControllerProps,
+  ControllerRenderProps,
+  ControllerFieldState,
+} from "react-hook-form";
+
+type FormControlProps<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = Omit<UseControllerProps<TFieldValues, TName>, "render"> & {
+  render: (
+    props: Omit<ControllerRenderProps<TFieldValues, TName>, "disabled"> &
+      Omit<ControllerFieldState, "invalid" | "error"> & {
+        isInvalid: boolean;
+        isDisabled?: boolean;
+        errorMessage?: string;
+      }
+  ) => React.ReactElement;
+};
+
+function FormControl<
+  TFieldValues extends FieldValues,
+  TName extends FieldPath<TFieldValues>,
+>({ render, ...rest }: FormControlProps<TFieldValues, TName>) {
+  return (
+    <Controller
+      {...rest}
+      render={({ field: { disabled, ...field}, fieldState: { invalid, error, ...fieldState } }) =>
+        render({
+          ...field,
+          ...fieldState,
+          isDisabled: disabled,
+          isInvalid: invalid,
+          errorMessage: error?.message,
+        })
+      }
+    />
+  );
+}
+
+export { Form, FormControl };
diff --git a/www/src/registry/core/modal.tsx b/www/src/registry/core/modal.tsx
new file mode 100644
index 000000000..4975cf57f
--- /dev/null
+++ b/www/src/registry/core/modal.tsx
@@ -0,0 +1,43 @@
+"use client";
+
+import React from "react";
+import {
+  composeRenderProps,
+  Modal as AriaModal,
+  ModalOverlay as AriaModalOverlay,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const modalStyles = tv({
+  slots: {
+    backdrop: [
+      "h-(--visual-viewport-height) fixed left-0 top-0 z-50 flex w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
+      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
+    ],
+    overlay: [
+      "group/overlay relative z-50 w-full max-w-lg",
+      "bg-bg border shadow-lg sm:rounded-lg md:w-full",
+      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
+    ],
+  },
+});
+
+const { backdrop, overlay } = modalStyles();
+
+interface ModalProps extends React.ComponentProps<typeof AriaModalOverlay> {}
+function Modal({ isDismissable = true, className, ...props }: ModalProps) {
+  return (
+    <AriaModalOverlay
+      isDismissable={isDismissable}
+      className={composeRenderProps(className, (className) =>
+        backdrop({ className })
+      )}
+      {...props}
+    >
+      <AriaModal className={overlay()}>{props.children}</AriaModal>
+    </AriaModalOverlay>
+  );
+}
+
+export type { ModalProps };
+export { Modal };
diff --git a/www/src/registry/core/overlay-01.tsx b/www/src/registry/core/overlay-01.tsx
new file mode 100644
index 000000000..bdd4d047f
--- /dev/null
+++ b/www/src/registry/core/overlay-01.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import { Drawer, DrawerProps } from "@/registry/core/drawer";
+import { Modal, ModalProps } from "@/registry/core/modal";
+import { Popover, PopoverProps } from "@/registry/core/popover";
+import { useMediaQuery } from "@/registry/hooks/use-media-query";
+
+type Type = "modal" | "popover" | "drawer";
+
+interface OverlayProps {
+  children?: React.ReactNode;
+  type?: Type;
+  mobileType?: Type;
+  mediaQuery?: string;
+  popoverProps?: PopoverProps;
+  modalProps?: ModalProps;
+  drawerProps?: DrawerProps;
+}
+
+function Overlay({
+  type = "modal",
+  mobileType,
+  mediaQuery = "(max-width: 640px)",
+  children,
+  modalProps,
+  popoverProps,
+  drawerProps,
+}: OverlayProps) {
+  const isMobile = useMediaQuery(mediaQuery);
+  const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;
+
+  if (resolvedType === "modal") {
+    return <Modal {...modalProps}>{children}</Modal>;
+  }
+
+  if (resolvedType === "popover") {
+    return <Popover {...popoverProps}>{children}</Popover>;
+  }
+
+  if (resolvedType === "drawer") {
+    return <Drawer {...drawerProps}>{children}</Drawer>;
+  }
+}
+
+export type { OverlayProps };
+export { Overlay };
diff --git a/www/src/registry/core/overlay.tsx b/www/src/registry/core/overlay.tsx
index e22ed2f53..bdd4d047f 100644
--- a/www/src/registry/core/overlay.tsx
+++ b/www/src/registry/core/overlay.tsx
@@ -1,321 +1,46 @@
 "use client";
 
-import React from "react";
-import { XIcon } from "lucide-react";
-import {
-  composeRenderProps,
-  Popover as AriaPopover,
-  OverlayArrow as AriaOverlayArrow,
-  Modal as AriaModal,
-  ModalOverlay as AriaModalOverlay,
-  type PopoverProps as AriaPopoverProps,
-  type ModalOverlayProps as AriaModalOverlayProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
+import { Drawer, DrawerProps } from "@/registry/core/drawer";
+import { Modal, ModalProps } from "@/registry/core/modal";
+import { Popover, PopoverProps } from "@/registry/core/popover";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
-import { cn } from "@/registry/lib/cn";
-import { MotionDrawerRoot, useMotionDrawer } from "./use-motion-drawer";
 
-type OverlayType = "modal" | "drawer" | "popover";
+type Type = "modal" | "popover" | "drawer";
 
-type OverlayProps = {
-  type?: OverlayType;
-  mobileType?: OverlayProps["type"];
-  showDismissButton?: boolean;
-  swipeIndicator?: boolean;
+interface OverlayProps {
+  children?: React.ReactNode;
+  type?: Type;
+  mobileType?: Type;
   mediaQuery?: string;
-  children: React.ReactNode;
-  classNames?: ModalOverlayClassNames &
-    DrawerOverlayClassNames &
-    PopoverOverlayClassNames;
-} & Omit<AriaModalOverlayProps, "children"> &
-  Omit<AriaPopoverProps, "children">;
-
-const Overlay = React.forwardRef<HTMLElement | HTMLDivElement, OverlayProps>(
-  (
-    {
-      type: typeProp = "modal",
-      mobileType,
-      mediaQuery = "(max-width: 640px)",
-      isDismissable = true,
-      swipeIndicator,
-      ...props
-    },
-    ref
-  ) => {
-    const isMobile = useMediaQuery(mediaQuery);
-    const type = mobileType ? (isMobile ? mobileType : typeProp) : typeProp;
-    switch (type) {
-      case "modal":
-        return (
-          <ModalOverlay
-            ref={ref as React.ForwardedRef<HTMLDivElement>}
-            isDismissable={isDismissable}
-            {...props}
-          />
-        );
-      case "drawer":
-        return (
-          // @ts-expect-error TODO FIX THIS SAME ORIENTATION PROP AS POPOVER :'(
-          <DrawerOverlay
-            ref={ref as React.ForwardedRef<HTMLDivElement>}
-            swipeIndicator={swipeIndicator}
-            isDismissable={isDismissable}
-            {...props}
-          />
-        );
-      case "popover":
-        return (
-          <PopoverOverlay
-            ref={ref as React.ForwardedRef<HTMLElement>}
-            {...props}
-          />
-        );
-    }
-  }
-);
-Overlay.displayName = "Overlay";
-
-const modalVariants = tv({
-  slots: {
-    backdrop: [
-      "h-(--visual-viewport-height) fixed left-0 top-0 z-50 flex w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
-      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
-    ],
-    overlay: [
-      "group/overlay relative z-50 w-full max-w-lg",
-      "bg-bg border shadow-lg sm:rounded-lg md:w-full",
-      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
-    ],
-  },
-});
-
-type ModalOverlaySlots = keyof ReturnType<typeof modalVariants>;
-type ModalOverlayClassNames = {
-  [key in ModalOverlaySlots]?: string;
-};
-
-interface ModalOverlayProps extends AriaModalOverlayProps {
-  showDismissButton?: boolean;
-  classNames?: ModalOverlayClassNames;
+  popoverProps?: PopoverProps;
+  modalProps?: ModalProps;
+  drawerProps?: DrawerProps;
 }
 
-const ModalOverlay = React.forwardRef<
-  React.ElementRef<typeof AriaModalOverlay>,
-  ModalOverlayProps
->(
-  (
-    { classNames, className, isDismissable, showDismissButton, ...props },
-    ref
-  ) => {
-    const { overlay, backdrop } = modalVariants({});
-    return (
-      <AriaModalOverlay
-        {...props}
-        ref={ref}
-        isDismissable={isDismissable}
-        className={backdrop({ className: classNames?.backdrop })}
-      >
-        <AriaModal
-          {...props}
-          data-type="modal"
-          className={cn(overlay(), classNames?.overlay, className)}
-        >
-          {composeRenderProps(props.children, (children) => (
-            <>
-              {(showDismissButton ?? isDismissable) && <DismissButton />}
-              {children}
-            </>
-          ))}
-        </AriaModal>
-      </AriaModalOverlay>
-    );
+function Overlay({
+  type = "modal",
+  mobileType,
+  mediaQuery = "(max-width: 640px)",
+  children,
+  modalProps,
+  popoverProps,
+  drawerProps,
+}: OverlayProps) {
+  const isMobile = useMediaQuery(mediaQuery);
+  const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;
+
+  if (resolvedType === "modal") {
+    return <Modal {...modalProps}>{children}</Modal>;
   }
-);
-ModalOverlay.displayName = "ModalOverlay";
-
-const popoverOverlayVariants = tv({
-  slots: {
-    overlay:
-      "group/overlay bg-bg text-fg data-[trigger=ComboBox]:min-w-(--trigger-width) data-[trigger=Select]:min-w-(--trigger-width) z-50 rounded-md border shadow-md",
-    arrow: [
-      "fill-bg stroke-border block stroke-1",
-      "group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180",
-    ],
-  },
-});
-
-type PopoverOverlaySlots = keyof ReturnType<typeof popoverOverlayVariants>;
-type PopoverOverlayClassNames = {
-  [key in PopoverOverlaySlots]?: string;
-};
-
-interface PopoverOverlayProps extends AriaPopoverProps {
-  arrow?: boolean;
-  classNames?: PopoverOverlayClassNames;
-  showDismissButton?: boolean;
-}
 
-const PopoverOverlay = React.forwardRef<
-  React.ElementRef<typeof AriaPopover>,
-  PopoverOverlayProps
->(
-  (
-    { arrow = false, className, showDismissButton, classNames, ...props },
-    ref
-  ) => {
-    const { overlay, arrow: arrowStyle } = popoverOverlayVariants({});
-    return (
-      <AriaPopover
-        data-type="popover"
-        ref={ref}
-        {...props}
-        className={cn(overlay(), classNames?.overlay, className)}
-      >
-        {composeRenderProps(props.children, (children, {}) => (
-          <>
-            {showDismissButton && <DismissButton />}
-            {arrow && (
-              <AriaOverlayArrow className="group">
-                <svg
-                  width={12}
-                  height={12}
-                  viewBox="0 0 12 12"
-                  className={arrowStyle({ className: classNames?.arrow })}
-                >
-                  <path d="M0 0 L6 6 L12 0" />
-                </svg>
-              </AriaOverlayArrow>
-            )}
-            {children}
-          </>
-        ))}
-      </AriaPopover>
-    );
+  if (resolvedType === "popover") {
+    return <Popover {...popoverProps}>{children}</Popover>;
   }
-);
-PopoverOverlay.displayName = "PopoverOverlay";
-
-const drawerVariants = tv({
-  slots: {
-    backdrop: ["fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", "opacity-0"],
-    overlay: [
-      "group/overlay bg-bg outline-hidden fixed z-50 flex flex-col",
-      "inset-0",
-      "placement-bottom:top-auto placement-top:bottom-auto placement-left:right-auto placement-right:left-auto",
-      "placement-bottom:mt-24 placement-bottom:rounded-t-[10px] placement-bottom:border-t",
-      "placement-top:mb-24 placement-top:rounded-b-[10px] placement-top:border-b",
-      "placement-right:ml-24 placement-right:rounded-l-[10px] placement-right:border-l",
-      "placement-left:mr-24 placement-left:rounded-r-[10px] placement-left:border-r",
-      "touch-none will-change-transform",
-      "placement-bottom:translate-y-full placement-top:-translate-y-full placement-left:-translate-x-full placement-right:translate-x-full", // required
-      "placement-bottom:max-h-[90%] placement-top:max-h-[90%]",
-    ],
-  },
-});
-
-type DrawerOverlaySlots = keyof ReturnType<typeof drawerVariants>;
-type DrawerOverlayClassNames = {
-  [key in DrawerOverlaySlots]?: string;
-};
 
-interface DrawerOverlayProps extends Omit<AriaModalOverlayProps, "children"> {
-  placement?: "top" | "bottom" | "left" | "right";
-  showDismissButton?: boolean;
-  swipeIndicator?: boolean;
-  children?: React.ReactNode;
-  classNames?: DrawerOverlayClassNames;
-}
-
-const DrawerOverlay = React.forwardRef<
-  React.ElementRef<typeof AriaModalOverlay>,
-  DrawerOverlayProps
->(
-  (
-    {
-      children,
-      classNames,
-      className,
-      isDismissable,
-      showDismissButton = false,
-      swipeIndicator = true,
-      placement = "bottom",
-      ...props
-    },
-    ref
-  ) => {
-    const { rootProps, modalProps, backdropProps, drawerProps } =
-      useMotionDrawer({
-        isDismissable,
-        placement,
-        scaleBackground: false,
-      });
-    const { overlay, backdrop } = drawerVariants();
-
-    return (
-      <MotionDrawerRoot {...rootProps}>
-        <AriaModalOverlay
-          ref={ref}
-          isDismissable={isDismissable}
-          {...props}
-          {...modalProps}
-        >
-          <div
-            {...backdropProps}
-            className={backdrop({ className: classNames?.backdrop })}
-          />
-          <AriaModal>
-            <div
-              {...drawerProps}
-              data-type="drawer"
-              className={cn(overlay(), classNames?.overlay, className)}
-            >
-              {showDismissButton && (
-                <DismissButton shape="rectangle">Done</DismissButton>
-              )}
-              {swipeIndicator && (
-                <div className="bg-bg-muted mx-auto my-4 h-2 w-[100px] rounded-full" />
-              )}
-              {children}
-            </div>
-          </AriaModal>
-        </AriaModalOverlay>
-      </MotionDrawerRoot>
-    );
+  if (resolvedType === "drawer") {
+    return <Drawer {...drawerProps}>{children}</Drawer>;
   }
-);
-DrawerOverlay.displayName = "DrawerOverlay";
-
-const DismissButton = (props: ButtonProps) => {
-  return (
-    <Button
-      shape="square"
-      slot="close"
-      variant="quiet"
-      size="sm"
-      aria-label="Close"
-      {...props}
-      className={cn("absolute right-2 top-2 z-20", props.className)}
-    >
-      {props.children ?? <XIcon />}
-    </Button>
-  );
-};
+}
 
-export type {
-  OverlayProps,
-  ModalOverlayProps,
-  DrawerOverlayProps,
-  PopoverOverlayProps,
-};
-export {
-  Overlay,
-  PopoverOverlay,
-  DrawerOverlay,
-  ModalOverlay,
-  DismissButton,
-  drawerVariants,
-  modalVariants,
-  popoverOverlayVariants,
-};
+export type { OverlayProps };
+export { Overlay };
diff --git a/www/src/registry/core/popover.tsx b/www/src/registry/core/popover.tsx
new file mode 100644
index 000000000..b349fb0d7
--- /dev/null
+++ b/www/src/registry/core/popover.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import React from "react";
+import {
+  composeRenderProps,
+  Popover as AriaPopover,
+  OverlayArrow as AriaOverlayArrow,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const popoverStyles = tv({
+  slots: {
+    overlay:
+      "group/popover bg-bg text-fg data-[trigger=ComboBox]:min-w-(--trigger-width) data-[trigger=Select]:min-w-(--trigger-width) entering:animate-in entering:fade-in entering:ease-out entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:ease-in exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 z-50 rounded-md border px-3 py-1.5 text-sm shadow-md",
+    arrow:
+      "stroke-border fill-bg group-placement-left/popover:-rotate-90 group-placement-right/popover:rotate-90 group-placement-bottom/popover:rotate-180 stroke-1",
+  },
+});
+
+const { overlay, arrow } = popoverStyles();
+
+interface PopoverProps extends React.ComponentProps<typeof AriaPopover> {
+  arrow?: boolean;
+}
+function Popover({ className, arrow, ...props }: PopoverProps) {
+  return (
+    <AriaPopover
+      className={composeRenderProps(className, (className) =>
+        overlay({ className })
+      )}
+      {...props}
+    >
+      {composeRenderProps(props.children, (children) => (
+        <>
+          {children}
+          {arrow && <PopoverArrow />}
+        </>
+      ))}
+    </AriaPopover>
+  );
+}
+
+interface PopoverArrowProps extends React.ComponentProps<"svg"> {}
+function PopoverArrow({ className, ...props }: PopoverArrowProps) {
+  return (
+    <AriaOverlayArrow>
+      <svg
+        width={8}
+        height={8}
+        viewBox="0 0 8 8"
+        className={arrow({ className })}
+        {...props}
+      >
+        <path d="M0 0 L4 4 L8 0" />
+      </svg>
+    </AriaOverlayArrow>
+  );
+}
+
+export type { PopoverProps };
+export { Popover };
diff --git a/www/src/registry/core/select.tsx b/www/src/registry/core/select.tsx
index dc53f27e6..1d469b387 100644
--- a/www/src/registry/core/select.tsx
+++ b/www/src/registry/core/select.tsx
@@ -58,7 +58,7 @@ const Select = <T extends object>({
             necessityIndicator={necessityIndicator}
             contextualHelp={contextualHelp}
           >
-            <Button variant={variant} size={size} suffix={<ChevronDownIcon />}>
+            <Button variant={variant} size={size} suffix={<ChevronDownIcon />} className=" w-full">
               <SelectValue />
             </Button>
           </Field>
diff --git a/www/src/registry/core/toggle-button-group.tsx b/www/src/registry/core/toggle-button-group.tsx
new file mode 100644
index 000000000..cfa524eb2
--- /dev/null
+++ b/www/src/registry/core/toggle-button-group.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import {
+  ToggleButtonGroup as AriaToggleButtonGroup,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import {
+  ToggleButtonProvider,
+  toggleButtonStyles,
+} from "@/registry/core/toggle-button";
+
+const toggleGroupStyles = tv({
+  base: "isolate inline-flex items-center [&_button]:rounded-none [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md",
+  variants: {
+    orientation: {
+      horizontal: "flex-row",
+      vertical: "flex-col",
+    },
+  },
+});
+
+interface ToggleButtonGroupProps
+  extends React.ComponentProps<typeof AriaToggleButtonGroup>,
+    VariantProps<typeof toggleButtonStyles> {}
+
+const ToggleButtonGroup = ({
+  variant,
+  size,
+  shape,
+  orientation = "horizontal",
+  className,
+  ...props
+}: ToggleButtonGroupProps) => {
+  return (
+    <ToggleButtonProvider variant={variant} size={size} shape={shape}>
+      <AriaToggleButtonGroup
+        orientation={orientation}
+        className={composeRenderProps(className, (className, renderProps) =>
+          toggleGroupStyles({
+            ...renderProps,
+            orientation,
+            className,
+          })
+        )}
+        {...props}
+      />
+    </ToggleButtonProvider>
+  );
+};
+
+export type { ToggleButtonGroupProps };
+export { ToggleButtonGroup };
diff --git a/www/src/registry/core/toggle-button.tsx b/www/src/registry/core/toggle-button.tsx
index 450dcca05..abfeb3f0b 100644
--- a/www/src/registry/core/toggle-button.tsx
+++ b/www/src/registry/core/toggle-button.tsx
@@ -7,6 +7,7 @@ import {
   type ToggleButtonProps as AriaToggleButtonProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { createOptionalScopedContext } from "@/lib/helpers";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const toggleButtonStyles = tv({
@@ -56,6 +57,11 @@ const toggleButtonStyles = tv({
   },
 });
 
+const [ToggleButtonProvider, useToggleButtonContext] =
+  createOptionalScopedContext<VariantProps<typeof toggleButtonStyles>>(
+    "Button"
+  );
+
 interface ToggleButtonProps
   extends Omit<AriaToggleButtonProps, "className">,
     VariantProps<typeof toggleButtonStyles> {
@@ -101,11 +107,5 @@ const ToggleButton = React.forwardRef(
 );
 ToggleButton.displayName = "ToggleButton";
 
-type ToggleButtonContextValue = VariantProps<typeof toggleButtonStyles>;
-const ToggleButtonContext = React.createContext<ToggleButtonContextValue>({});
-const useToggleButtonContext = () => {
-  return React.useContext(ToggleButtonContext);
-};
-
 export type { ToggleButtonProps };
-export { ToggleButton, toggleButtonStyles, ToggleButtonContext };
+export { ToggleButton, toggleButtonStyles, ToggleButtonProvider };
diff --git a/www/src/registry/core/toggle-group.tsx b/www/src/registry/core/toggle-group.tsx
deleted file mode 100644
index 6681c30d1..000000000
--- a/www/src/registry/core/toggle-group.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-"use client";
-
-import type { ToggleButtonGroupProps } from "react-aria-components";
-import { ToggleButtonGroup, composeRenderProps } from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const toggleGroupStyles = tv({
-  base: "flex gap-1",
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col items-start",
-    },
-  },
-});
-
-interface ToggleGroupProps extends ToggleButtonGroupProps {
-  ref?: React.RefObject<HTMLDivElement>;
-}
-const ToggleGroup = ({
-  className,
-  orientation = "horizontal",
-  ref,
-  ...props
-}: ToggleGroupProps) => {
-  return (
-    <ToggleButtonGroup
-      ref={ref}
-      orientation={orientation}
-      className={composeRenderProps(className, (className, renderProps) =>
-        toggleGroupStyles({
-          ...renderProps,
-          orientation,
-          className,
-        })
-      )}
-      {...props}
-    />
-  );
-};
-
-export type { ToggleGroupProps };
-export { ToggleGroup };
diff --git a/www/src/registry/core/tooltip-01.tsx b/www/src/registry/core/tooltip-01.tsx
new file mode 100644
index 000000000..48586749d
--- /dev/null
+++ b/www/src/registry/core/tooltip-01.tsx
@@ -0,0 +1,136 @@
+"use client";
+
+import * as React from "react";
+import {
+  Tooltip as AriaTooltip,
+  TooltipTrigger as AriaTooltipTrigger,
+  OverlayArrow as AriaOverlayArrow,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv, VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const tooltipStyles = tv({
+  slots: {
+    content:
+      "group/tooltip text-fg entering:animate-in entering:fade-in entering:ease-out entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:ease-in exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 z-50 rounded-md px-3 py-1.5 text-sm shadow-md",
+    arrow:
+      "group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180",
+  },
+  variants: {
+    variant: {
+      default: {
+        content: "bg-bg-muted",
+        arrow: "fill-bg-muted",
+      },
+      inverse: {
+        content: "bg-bg-inverse text-fg-inverse",
+        arrow: "fill-bg-inverse",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+const { content, arrow } = tooltipStyles();
+
+const [TooltipProvider, useTooltipContext] =
+  createScopedContext<VariantProps<typeof tooltipStyles>>("TooltipRoot");
+
+interface TooltipProps
+  extends TooltipRootProps,
+    Omit<TooltipContentProps, "children"> {
+  content?: React.ReactNode;
+  arrow?: boolean;
+}
+const Tooltip = ({
+  delay,
+  closeDelay,
+  trigger,
+  defaultOpen,
+  isOpen,
+  onOpenChange,
+  isDisabled,
+  content,
+  arrow = false,
+  children,
+  ...props
+}: TooltipProps) => {
+  return (
+    <TooltipRoot
+      delay={delay}
+      closeDelay={closeDelay}
+      trigger={trigger}
+      defaultOpen={defaultOpen}
+      onOpenChange={onOpenChange}
+      isOpen={isOpen}
+      isDisabled={isDisabled}
+    >
+      {children}
+      <TooltipContent {...props}>
+        {arrow && <TooltipArrow />}
+        {content}
+      </TooltipContent>
+    </TooltipRoot>
+  );
+};
+
+interface TooltipRootProps
+  extends React.ComponentProps<typeof AriaTooltipTrigger> {}
+const TooltipRoot = ({
+  delay = 700,
+  closeDelay = 0,
+  ...props
+}: TooltipRootProps) => (
+  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />
+);
+
+interface TooltipContentProps
+  extends React.ComponentProps<typeof AriaTooltip>,
+    VariantProps<typeof tooltipStyles> {}
+function TooltipContent({
+  variant,
+  offset = 10,
+  className,
+  ...props
+}: TooltipContentProps) {
+  return (
+    <TooltipProvider variant={variant}>
+      <AriaTooltip
+        offset={offset}
+        className={composeRenderProps(className, (className) =>
+          content({ variant, className })
+        )}
+        {...props}
+      />
+    </TooltipProvider>
+  );
+}
+
+interface TooltipArrowProps extends React.ComponentProps<"svg"> {}
+function TooltipArrow({ className, ...props }: TooltipArrowProps) {
+  const { variant } = useTooltipContext("TooltipArrow");
+  return (
+    <AriaOverlayArrow>
+      <svg
+        width={8}
+        height={8}
+        viewBox="0 0 8 8"
+        className={arrow({ variant, className })}
+        {...props}
+      >
+        <path d="M0 0 L4 4 L8 0" />
+      </svg>
+    </AriaOverlayArrow>
+  );
+}
+
+export { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };
+export type {
+  TooltipProps,
+  TooltipRootProps,
+  TooltipContentProps,
+  TooltipArrowProps,
+};
diff --git a/www/src/registry/core/tooltip.tsx b/www/src/registry/core/tooltip.tsx
deleted file mode 100644
index 7c5c00edc..000000000
--- a/www/src/registry/core/tooltip.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Tooltip as AriaTooltip,
-  TooltipTrigger as AriaTooltipTrigger,
-  OverlayArrow as AriaOverlayArrow,
-  type TooltipProps as AriaTooltipProps,
-  type TooltipTriggerComponentProps as AriaTooltipTriggerProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-
-const tooltipVariants = tv({
-  base: "group/tooltip bg-bg-muted text-fg entering:animate-in entering:fade-in entering:ease-out entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:ease-in exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 z-50 overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md will-change-transform",
-});
-
-interface TooltipProps
-  extends TooltipRootProps,
-    Omit<TooltipContentProps, "children">,
-    VariantProps<typeof tooltipVariants> {
-  content?: React.ReactNode;
-  arrow?: boolean;
-}
-const Tooltip = ({
-  delay,
-  closeDelay,
-  trigger,
-  defaultOpen,
-  isOpen,
-  onOpenChange,
-  isDisabled,
-  content,
-  arrow = true,
-  children,
-  ...props
-}: TooltipProps) => {
-  return (
-    <TooltipRoot
-      delay={delay}
-      closeDelay={closeDelay}
-      trigger={trigger}
-      defaultOpen={defaultOpen}
-      onOpenChange={onOpenChange}
-      isOpen={isOpen}
-      isDisabled={isDisabled}
-    >
-      {children}
-      <TooltipContent {...props}>
-        {arrow && <OverlayArrow />}
-        {content}
-      </TooltipContent>
-    </TooltipRoot>
-  );
-};
-
-type TooltipRootProps = AriaTooltipTriggerProps;
-const TooltipRoot = ({
-  delay = 700,
-  closeDelay = 0,
-  ...props
-}: TooltipRootProps) => (
-  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />
-);
-
-interface TooltipContentProps
-  extends Omit<AriaTooltipProps, "className">,
-    VariantProps<typeof tooltipVariants> {
-  className?: string;
-}
-const TooltipContent = ({
-  className,
-  offset = 10,
-  ...props
-}: TooltipContentProps) => {
-  return (
-    <AriaTooltip
-      offset={offset}
-      className={tooltipVariants({ className })}
-      {...props}
-    />
-  );
-};
-
-type OverlayArrowProps = Partial<React.SVGProps<SVGSVGElement>>;
-const OverlayArrow = (props: OverlayArrowProps) => {
-  return (
-    <AriaOverlayArrow>
-      <svg
-        width={8}
-        height={8}
-        viewBox="0 0 8 8"
-        className="fill-bg-tooltip stroke-border group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180 z-50"
-        {...props}
-      >
-        <path d="M0 0 L6 6 L12 0" />
-      </svg>
-    </AriaOverlayArrow>
-  );
-};
-
-export { Tooltip, TooltipRoot, TooltipContent, OverlayArrow };
-export type { TooltipProps, TooltipRootProps, TooltipContentProps };
diff --git a/www/src/registry/lib/context-helpers.tsx b/www/src/registry/lib/context-helpers.tsx
new file mode 100644
index 000000000..56645db06
--- /dev/null
+++ b/www/src/registry/lib/context-helpers.tsx
@@ -0,0 +1,70 @@
+import * as React from "react";
+
+export function createScopedContext<ContextValueType extends object | null>(
+  rootComponentName: string,
+  defaultContext?: ContextValueType
+) {
+  const Context = React.createContext<ContextValueType | undefined>(
+    defaultContext
+  );
+
+  const Provider: React.FC<ContextValueType & { children: React.ReactNode }> = (
+    props
+  ) => {
+    const { children, ...context } = props;
+    // Only re-memoize when prop values change
+    const value = React.useMemo(
+      () => context,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      Object.values(context)
+    ) as ContextValueType;
+    return <Context.Provider value={value}>{children}</Context.Provider>;
+  };
+
+  Provider.displayName = rootComponentName + "Provider";
+
+  function useContext(consumerName: string) {
+    const context = React.useContext(Context);
+    if (context) return context;
+    if (defaultContext !== undefined) return defaultContext;
+    // if a defaultContext wasn't specified, it's a required context.
+    throw new Error(
+      `\`${consumerName}\` must be used within \`${rootComponentName}\``
+    );
+  }
+
+  return [Provider, useContext] as const;
+}
+
+export function createOptionalScopedContext<
+  ContextValueType extends object | null,
+>(rootComponentName: string, defaultContext?: ContextValueType) {
+  const Context = React.createContext<ContextValueType | undefined>(
+    defaultContext
+  );
+
+  const Provider: React.FC<ContextValueType & { children: React.ReactNode }> = (
+    props
+  ) => {
+    const { children, ...context } = props;
+    // Only re-memoize when prop values change
+    const value = React.useMemo(
+      () => context,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      Object.values(context)
+    ) as ContextValueType;
+    return <Context.Provider value={value}>{children}</Context.Provider>;
+  };
+
+  Provider.displayName = rootComponentName + "Provider";
+
+  function useContext() {
+    const context = React.useContext(Context);
+    if (context) return context;
+    if (defaultContext !== undefined) return defaultContext;
+    // if a defaultContext wasn't specified, it's a required context.
+    return {};
+  }
+
+  return [Provider, useContext] as const;
+}
diff --git a/www/src/registry/lib/focus-styles.ts b/www/src/registry/lib/focus-styles.ts
index 8ba9ffff7..a639a42e0 100644
--- a/www/src/registry/lib/focus-styles.ts
+++ b/www/src/registry/lib/focus-styles.ts
@@ -1,7 +1,7 @@
 import { tv } from "tailwind-variants";
 
 export const focusRing = tv({
-  base: "focus-visible:ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 transition-[box-shadow] focus-visible:ring-2 focus-visible:ring-offset-2",
+  base: "ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 transition-[box-shadow] focus-visible:ring-2 focus-visible:ring-offset-2",
 });
 
 export const focusRingGroup = tv({
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index ee7fc5216..27c7917da 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -166,17 +166,18 @@ export const core: Registry = [
     type: "registry:core",
     variants: [
       {
-        name: "checkbox-01",
+        name: "checkbox_basic",
+        label: "Basic",
       },
     ],
   },
   {
-    name: "checkbox-01",
+    name: "checkbox_basic",
     type: "registry:core",
     dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/checkbox-01.tsx",
+        path: "core/checkbox_basic.tsx",
         type: "registry:core",
         target: "core/checkbox.tsx",
       },
@@ -434,6 +435,28 @@ export const core: Registry = [
       },
     ],
   },
+  {
+    name: "form",
+    type: "registry:core",
+    variants: [
+      {
+        name: "react-hook-form",
+        label: "React Hook Form",
+      },
+    ],
+  },
+  {
+    name: "react-hook-form",
+    type: "registry:core",
+    dependencies: ["react-hook-form", "@hookform/resolvers", "zod"],
+    files: [
+      {
+        path: "core/form_react-hook-form.tsx",
+        type: "registry:core",
+        target: "core/form.tsx",
+      },
+    ],
+  },
   {
     name: "group",
     type: "registry:core",
@@ -772,11 +795,19 @@ export const core: Registry = [
   {
     name: "tooltip",
     type: "registry:core",
+    variants: [
+      {
+        name: "tooltip-01",
+      },
+    ],
+  },
+  {
+    name: "tooltip-01",
+    type: "registry:core",
     dependencies: ["react-aria-components"],
-    registryDependencies: ["overlay", "text"],
     files: [
       {
-        path: "core/tooltip/tooltip.tsx",
+        path: "core/tooltip-01.tsx",
         type: "registry:core",
         target: "core/tooltip.tsx",
       },
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
index d6fcfcc41..8d8787780 100644
--- a/www/src/registry/types.ts
+++ b/www/src/registry/types.ts
@@ -18,6 +18,7 @@ export type RegistryItem = Prettify<
     | {
         variants: {
           name: string;
+          label?: string;
           description?: string;
         }[];
       }
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 8db286c4e..cf29a2b1c 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -170,26 +170,27 @@
   --color-bg-success: var(--color-success-500);
   --color-bg-success-hover: var(--color-success-600);
   --color-bg-success-active: var(--color-success-700);
-  --color-bg-success-muted: var(--color-success-200);
+  --color-bg-success-muted: var(--color-success-100);
 
   --color-bg-danger: var(--color-danger-500);
   --color-bg-danger-hover: var(--color-danger-600);
   --color-bg-danger-active: var(--color-danger-700);
-  --color-bg-danger-muted: var(--color-danger-200);
+  --color-bg-danger-muted: var(--color-danger-100);
 
   --color-bg-warning: var(--color-warning-500);
   --color-bg-warning-hover: var(--color-warning-600);
   --color-bg-warning-active: var(--color-warning-700);
-  --color-bg-warning-muted: var(--color-warning-200);
+  --color-bg-warning-muted: var(--color-warning-100);
 
   --color-bg-info: var(--color-info-500);
   --color-bg-info-hover: var(--color-info-600);
   --color-bg-info-active: var(--color-info-700);
-  --color-bg-info-muted: var(--color-info-200);
-
+  --color-bg-info-muted: var(--color-info-100);
+  
   --color-bg-accent: var(--color-accent-500);
   --color-bg-accent-hover: var(--color-accent-600);
   --color-bg-accent-active: var(--color-accent-700);
+  --color-bg-accent-muted: var(--color-accent-100);
 
   --color-fg: var(--color-neutral-1000);
   --color-fg-muted: var(--color-neutral-800);

From 7e51ac84760865780d9ef68174bcae23dcc92af4 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 14 Jan 2025 20:00:06 +0100
Subject: [PATCH 041/165] fix: update imports

---
 www/src/app/(home)/themes-preview.tsx | 6 +++---
 www/src/components/header.tsx         | 9 ++++-----
 www/src/registry/core/table.tsx       | 2 +-
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/www/src/app/(home)/themes-preview.tsx b/www/src/app/(home)/themes-preview.tsx
index cf84061fa..c7c521472 100644
--- a/www/src/app/(home)/themes-preview.tsx
+++ b/www/src/app/(home)/themes-preview.tsx
@@ -4,7 +4,7 @@ import React from "react";
 import { dotUIThemes } from "@/lib/themes";
 import { useThemes } from "@/hooks/use-themes";
 import { ToggleButton } from "@/components/core/toggle-button";
-import { ToggleGroup } from "@/components/core/toggle-button-group";
+import { ToggleButtonGroup } from "@/components/core/toggle-button-group";
 import { ThemeOverride } from "@/components/theme-override";
 import { ComponentsOverview } from "./components-overview";
 
@@ -13,7 +13,7 @@ export function ThemesPreview() {
 
   return (
     <div>
-      <ToggleGroup
+      <ToggleButtonGroup
         className="justify-center"
         defaultSelectedKeys={[currentThemeId]}
         onSelectionChange={(keys) => setCurrentThemeId([...keys][0] as string)}
@@ -30,7 +30,7 @@ export function ThemesPreview() {
             {theme.name}
           </ToggleButton>
         ))}
-      </ToggleGroup>
+      </ToggleButtonGroup>
       <ThemeOverride className="mt-6 rounded-xl border shadow-lg">
         <ComponentsOverview />
       </ThemeOverride>
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index e1b5d94ac..5ec838b8b 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -6,9 +6,7 @@ import { SearchIcon } from "lucide-react";
 import { Avatar } from "@/components/core/avatar";
 import { Button } from "@/components/core/button";
 import { DialogRoot, Dialog } from "@/components/core/dialog";
-import { DismissButton } from "@/components/core/overlay";
 import { siteConfig } from "@/config";
-import { Badge } from "./core/badge";
 import { Kbd } from "./core/kbd";
 import { GitHubIcon, TwitterIcon } from "./icons";
 import { SearchCommand } from "./search-command";
@@ -122,19 +120,20 @@ const SearchDocs = ({ children }: { children: React.ReactNode }) => {
   return (
     <DialogRoot isOpen={isOpen} onOpenChange={setIsOpen}>
       {children}
-      <Dialog className="p-0!" showDismissButton={false}>
+      <Dialog className="p-0!">
         <SearchCommand
           onRunCommand={() => setIsOpen(false)}
           className="h-72 max-h-full rounded-lg"
         />
-        <DismissButton
+        <Button
+          slot="close"
           variant="outline"
           shape="rectangle"
           size="sm"
           className="h-7 px-2 text-xs font-normal"
         >
           Esc
-        </DismissButton>
+        </Button>
       </Dialog>
     </DialogRoot>
   );
diff --git a/www/src/registry/core/table.tsx b/www/src/registry/core/table.tsx
index 9a78e7991..f4b83d8b7 100644
--- a/www/src/registry/core/table.tsx
+++ b/www/src/registry/core/table.tsx
@@ -27,7 +27,7 @@ import {
   useTableOptions,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Checkbox } from "@/registry/core/checkbox";
+import { Checkbox } from "@/registry/core/checkbox_basic";
 import { cn } from "@/registry/lib/cn";
 
 const table = tv({

From a03fcfddbc9557081fd446a557851275891250fc Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 14 Jan 2025 20:00:54 +0100
Subject: [PATCH 042/165] fix: format

---
 .../docs/components/data-display/table.mdx    |   1 -
 .../menus-and-selection/tag-group.mdx         |   1 -
 .../navigation/disclosure-group.mdx           |   1 -
 .../docs/components/navigation/disclosure.mdx |   1 -
 .../docs/components/overlays/popover.mdx      |   9 +-
 www/src/__registry__/core/button-group.tsx    |   2 +-
 www/src/__registry__/demos.tsx                | 184 +++++++++++++-----
 www/src/app/layout.tsx                        |   2 +-
 .../components/dynamic-core/button-group.tsx  |   2 +-
 www/src/components/dynamic-core/button.tsx    |  48 ++---
 www/src/components/dynamic-core/drawer.tsx    |   2 +-
 www/src/components/dynamic-core/modal.tsx     |   2 +-
 www/src/components/dynamic-core/popover.tsx   |   2 +-
 www/src/components/theme-override.tsx         |   2 +-
 www/src/demos/dialog/composition.tsx          |   4 +-
 www/src/demos/form/react-hook-form.tsx        |   2 +-
 www/src/registry/core/button-group.tsx        |   2 +-
 .../registry/core/checkbox-group_basic.tsx    |   1 -
 .../registry/core/form_react-hook-form.tsx    |   5 +-
 www/src/registry/core/select.tsx              |   7 +-
 20 files changed, 184 insertions(+), 96 deletions(-)

diff --git a/www/content/docs/components/data-display/table.mdx b/www/content/docs/components/data-display/table.mdx
index 0697ac2ff..b4a7dba0c 100644
--- a/www/content/docs/components/data-display/table.mdx
+++ b/www/content/docs/components/data-display/table.mdx
@@ -10,7 +10,6 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/layout/aspect-ratio.mdx?plain=1
 ---
 
-
 <ComponentPreview name="core/table/table-default" />
 
 ## Installation
diff --git a/www/content/docs/components/menus-and-selection/tag-group.mdx b/www/content/docs/components/menus-and-selection/tag-group.mdx
index 22608acc9..3957f7e4c 100644
--- a/www/content/docs/components/menus-and-selection/tag-group.mdx
+++ b/www/content/docs/components/menus-and-selection/tag-group.mdx
@@ -19,4 +19,3 @@ links:
 ```package-install
 npx dotui-cli@latest add tag-group
 ```
-
diff --git a/www/content/docs/components/navigation/disclosure-group.mdx b/www/content/docs/components/navigation/disclosure-group.mdx
index f0b70a309..56d8d2f47 100644
--- a/www/content/docs/components/navigation/disclosure-group.mdx
+++ b/www/content/docs/components/navigation/disclosure-group.mdx
@@ -19,4 +19,3 @@ links:
 ```package-install
 npx dotui-cli@latest add disclosure-group
 ```
-
diff --git a/www/content/docs/components/navigation/disclosure.mdx b/www/content/docs/components/navigation/disclosure.mdx
index 01ccd4ffa..ffedc8d5a 100644
--- a/www/content/docs/components/navigation/disclosure.mdx
+++ b/www/content/docs/components/navigation/disclosure.mdx
@@ -19,4 +19,3 @@ links:
 ```package-install
 npx dotui-cli@latest add disclosure
 ```
-
diff --git a/www/content/docs/components/overlays/popover.mdx b/www/content/docs/components/overlays/popover.mdx
index b5417da66..4bba218ac 100644
--- a/www/content/docs/components/overlays/popover.mdx
+++ b/www/content/docs/components/overlays/popover.mdx
@@ -12,10 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/toggle-button-group.mdx?plain=1
 ---
 
-<ComponentPreview
-  name="core/popover/popover-basic"
-  preview={``}
-/>
+<ComponentPreview name="core/popover/popover-basic" preview={``} />
 
 ## Installation
 
@@ -25,8 +22,8 @@ npx dotui-cli@latest add popover
 
 ## API Reference
 
-| Prop        | Type                                                                                                        | Default | Description                                                                                                  |
-| ----------- | ----------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------ |
+| Prop        | Type                                                                                                          | Default | Description                                                                                                  |
+| ----------- | ------------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------ |
 | `children`  | `ReactNode \| (opts: PopoverRenderProps) => ReactNode`                                                        | -       | The children of the component. A function may be provided to alter the children based on component state.    |
 | `className` | `string \| (values: PopoverRenderProps & {defaultClassName: string \| undefined}) => string`                  | -       | The CSS className for the element. A function may be provided to compute the class based on component state. |
 | `style`     | `CSSProperties \| (values: PopoverRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -       | The inline style for the element. A function may be provided to compute the style based on component state.  |
diff --git a/www/src/__registry__/core/button-group.tsx b/www/src/__registry__/core/button-group.tsx
index d3b384bfb..7cbafefe4 100644
--- a/www/src/__registry__/core/button-group.tsx
+++ b/www/src/__registry__/core/button-group.tsx
@@ -6,7 +6,7 @@ import { ButtonProvider } from "@/components/dynamic-core/button";
 import { buttonStyles } from "@/registry/core/button-01";
 
 const buttonGroupStyles = tv({
-  base: "inline-flex isolate items-center [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md [&_button]:rounded-none",
+  base: "isolate inline-flex items-center [&_button]:rounded-none [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md",
   variants: {
     orientation: {
       horizontal: "flex-row",
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 677c22c98..d80ebc531 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -1,9 +1,9 @@
 // This file is autogenerated by scripts/build-internal-registry.ts
-  // Do not edit this file directly.
-  import * as React from "react"
-  
-  export const Index: Record<string, any> = {
-    core: {
+// Do not edit this file directly.
+import * as React from "react";
+
+export const Index: Record<string, any> = {
+  core: {
     "alert-action": {
       name: "alert-action",
       files: ["demos/alert/action.tsx"],
@@ -102,7 +102,9 @@
     "breadcrumbs-router-integration": {
       name: "breadcrumbs-router-integration",
       files: ["demos/breadcrumbs/router-integration.tsx"],
-      component: React.lazy(() => import("@/demos/breadcrumbs/router-integration")),
+      component: React.lazy(
+        () => import("@/demos/breadcrumbs/router-integration")
+      ),
     },
     "button-default": {
       name: "button-default",
@@ -217,7 +219,9 @@
     "checkbox-group-contextual-help": {
       name: "checkbox-group-contextual-help",
       files: ["demos/checkbox-group/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/contextual-help")),
+      component: React.lazy(
+        () => import("@/demos/checkbox-group/contextual-help")
+      ),
     },
     "checkbox-group-controlled": {
       name: "checkbox-group-controlled",
@@ -242,7 +246,9 @@
     "checkbox-group-error-message": {
       name: "checkbox-group-error-message",
       files: ["demos/checkbox-group/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/error-message")),
+      component: React.lazy(
+        () => import("@/demos/checkbox-group/error-message")
+      ),
     },
     "checkbox-group-label": {
       name: "checkbox-group-label",
@@ -262,7 +268,9 @@
     "checkbox-group-uncontrolled": {
       name: "checkbox-group-uncontrolled",
       files: ["demos/checkbox-group/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/uncontrolled")),
+      component: React.lazy(
+        () => import("@/demos/checkbox-group/uncontrolled")
+      ),
     },
     "checkbox-card": {
       name: "checkbox-card",
@@ -342,7 +350,9 @@
     "color-field-contextual-help": {
       name: "color-field-contextual-help",
       files: ["demos/color-field/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/contextual-help")),
+      component: React.lazy(
+        () => import("@/demos/color-field/contextual-help")
+      ),
     },
     "color-field-controlled": {
       name: "color-field-controlled",
@@ -387,7 +397,9 @@
     "color-field-prefix-and-suffix": {
       name: "color-field-prefix-and-suffix",
       files: ["demos/color-field/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/color-field/prefix-and-suffix")
+      ),
     },
     "color-field-read-only": {
       name: "color-field-read-only",
@@ -617,7 +629,9 @@
     "date-field-prefix-and-suffix": {
       name: "date-field-prefix-and-suffix",
       files: ["demos/date-field/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/date-field/prefix-and-suffix")
+      ),
     },
     "date-field-read-only": {
       name: "date-field-read-only",
@@ -652,7 +666,9 @@
     "date-picker-contextual-help": {
       name: "date-picker-contextual-help",
       files: ["demos/date-picker/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/contextual-help")),
+      component: React.lazy(
+        () => import("@/demos/date-picker/contextual-help")
+      ),
     },
     "date-picker-controlled": {
       name: "date-picker-controlled",
@@ -742,17 +758,23 @@
     "date-range-picker-composition": {
       name: "date-range-picker-composition",
       files: ["demos/date-range-picker/composition.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/composition")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/composition")
+      ),
     },
     "date-range-picker-contextual-help": {
       name: "date-range-picker-contextual-help",
       files: ["demos/date-range-picker/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/contextual-help")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/contextual-help")
+      ),
     },
     "date-range-picker-controlled": {
       name: "date-range-picker-controlled",
       files: ["demos/date-range-picker/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/controlled")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/controlled")
+      ),
     },
     "date-range-picker-default": {
       name: "date-range-picker-default",
@@ -762,7 +784,9 @@
     "date-range-picker-description": {
       name: "date-range-picker-description",
       files: ["demos/date-range-picker/description.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/description")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/description")
+      ),
     },
     "date-range-picker-disabled": {
       name: "date-range-picker-disabled",
@@ -772,22 +796,30 @@
     "date-range-picker-error-message": {
       name: "date-range-picker-error-message",
       files: ["demos/date-range-picker/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/error-message")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/error-message")
+      ),
     },
     "date-range-picker-granularity": {
       name: "date-range-picker-granularity",
       files: ["demos/date-range-picker/granularity.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/granularity")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/granularity")
+      ),
     },
     "date-range-picker-hide-time-zone": {
       name: "date-range-picker-hide-time-zone",
       files: ["demos/date-range-picker/hide-time-zone.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/hide-time-zone")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/hide-time-zone")
+      ),
     },
     "date-range-picker-hour-cycle": {
       name: "date-range-picker-hour-cycle",
       files: ["demos/date-range-picker/hour-cycle.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/hour-cycle")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/hour-cycle")
+      ),
     },
     "date-range-picker-label": {
       name: "date-range-picker-label",
@@ -802,7 +834,9 @@
     "date-range-picker-placeholder": {
       name: "date-range-picker-placeholder",
       files: ["demos/date-range-picker/placeholder.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/placeholder")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/placeholder")
+      ),
     },
     "date-range-picker-prefix": {
       name: "date-range-picker-prefix",
@@ -812,7 +846,9 @@
     "date-range-picker-read-only": {
       name: "date-range-picker-read-only",
       files: ["demos/date-range-picker/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/read-only")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/read-only")
+      ),
     },
     "date-range-picker-required": {
       name: "date-range-picker-required",
@@ -827,12 +863,16 @@
     "date-range-picker-time-zones": {
       name: "date-range-picker-time-zones",
       files: ["demos/date-range-picker/time-zones.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/time-zones")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/time-zones")
+      ),
     },
     "date-range-picker-uncontrolled": {
       name: "date-range-picker-uncontrolled",
       files: ["demos/date-range-picker/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/uncontrolled")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/uncontrolled")
+      ),
     },
     "dialog-alert-dialog": {
       name: "dialog-alert-dialog",
@@ -842,7 +882,9 @@
     "dialog-async-form-submission": {
       name: "dialog-async-form-submission",
       files: ["demos/dialog/async-form-submission.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/async-form-submission")),
+      component: React.lazy(
+        () => import("@/demos/dialog/async-form-submission")
+      ),
     },
     "dialog-basic": {
       name: "dialog-basic",
@@ -937,7 +979,9 @@
     "file-trigger-directory-selection": {
       name: "file-trigger-directory-selection",
       files: ["demos/file-trigger/directory-selection.tsx"],
-      component: React.lazy(() => import("@/demos/file-trigger/directory-selection")),
+      component: React.lazy(
+        () => import("@/demos/file-trigger/directory-selection")
+      ),
     },
     "file-trigger-file-types": {
       name: "file-trigger-file-types",
@@ -952,7 +996,9 @@
     "file-trigger-multiple-files": {
       name: "file-trigger-multiple-files",
       files: ["demos/file-trigger/multiple-files.tsx"],
-      component: React.lazy(() => import("@/demos/file-trigger/multiple-files")),
+      component: React.lazy(
+        () => import("@/demos/file-trigger/multiple-files")
+      ),
     },
     "link-default": {
       name: "link-default",
@@ -1032,7 +1078,9 @@
     "list-box-label-and-description": {
       name: "list-box-label-and-description",
       files: ["demos/list-box/label-and-description.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/label-and-description")),
+      component: React.lazy(
+        () => import("@/demos/list-box/label-and-description")
+      ),
     },
     "list-box-links": {
       name: "list-box-links",
@@ -1057,7 +1105,9 @@
     "list-box-selection-behavior": {
       name: "list-box-selection-behavior",
       files: ["demos/list-box/selection-behavior.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/selection-behavior")),
+      component: React.lazy(
+        () => import("@/demos/list-box/selection-behavior")
+      ),
     },
     "list-box-selection-mode": {
       name: "list-box-selection-mode",
@@ -1172,7 +1222,9 @@
     "number-field-contextual-help": {
       name: "number-field-contextual-help",
       files: ["demos/number-field/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/contextual-help")),
+      component: React.lazy(
+        () => import("@/demos/number-field/contextual-help")
+      ),
     },
     "number-field-controlled": {
       name: "number-field-controlled",
@@ -1202,7 +1254,9 @@
     "number-field-format-options": {
       name: "number-field-format-options",
       files: ["demos/number-field/format-options.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/format-options")),
+      component: React.lazy(
+        () => import("@/demos/number-field/format-options")
+      ),
     },
     "number-field-label": {
       name: "number-field-label",
@@ -1247,7 +1301,9 @@
     "progress-custom-value-label": {
       name: "progress-custom-value-label",
       files: ["demos/progress/custom-value-label.tsx"],
-      component: React.lazy(() => import("@/demos/progress/custom-value-label")),
+      component: React.lazy(
+        () => import("@/demos/progress/custom-value-label")
+      ),
     },
     "progress-default": {
       name: "progress-default",
@@ -1317,7 +1373,9 @@
     "radio-group-contextual-help": {
       name: "radio-group-contextual-help",
       files: ["demos/radio-group/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/contextual-help")),
+      component: React.lazy(
+        () => import("@/demos/radio-group/contextual-help")
+      ),
     },
     "radio-group-controlled": {
       name: "radio-group-controlled",
@@ -1392,7 +1450,9 @@
     "range-calendar-error-message": {
       name: "range-calendar-error-message",
       files: ["demos/range-calendar/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/error-message")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/error-message")
+      ),
     },
     "range-calendar-label": {
       name: "range-calendar-label",
@@ -1402,12 +1462,16 @@
     "range-calendar-non-contiguous-ranges": {
       name: "range-calendar-non-contiguous-ranges",
       files: ["demos/range-calendar/non-contiguous-ranges.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/non-contiguous-ranges")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/non-contiguous-ranges")
+      ),
     },
     "range-calendar-page-behaviour": {
       name: "range-calendar-page-behaviour",
       files: ["demos/range-calendar/page-behaviour.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/page-behaviour")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/page-behaviour")
+      ),
     },
     "range-calendar-read-only": {
       name: "range-calendar-read-only",
@@ -1417,12 +1481,16 @@
     "range-calendar-uncontrolled": {
       name: "range-calendar-uncontrolled",
       files: ["demos/range-calendar/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/uncontrolled")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/uncontrolled")
+      ),
     },
     "range-calendar-unvailable-dates": {
       name: "range-calendar-unvailable-dates",
       files: ["demos/range-calendar/unvailable-dates.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/unvailable-dates")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/unvailable-dates")
+      ),
     },
     "range-calendar-validation": {
       name: "range-calendar-validation",
@@ -1432,7 +1500,9 @@
     "range-calendar-visible-months": {
       name: "range-calendar-visible-months",
       files: ["demos/range-calendar/visible-months.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/visible-months")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/visible-months")
+      ),
     },
     "search-field-composition": {
       name: "search-field-composition",
@@ -1442,7 +1512,9 @@
     "search-field-contextual-help": {
       name: "search-field-contextual-help",
       files: ["demos/search-field/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/contextual-help")),
+      component: React.lazy(
+        () => import("@/demos/search-field/contextual-help")
+      ),
     },
     "search-field-controlled": {
       name: "search-field-controlled",
@@ -1487,7 +1559,9 @@
     "search-field-prefix-and-suffix": {
       name: "search-field-prefix-and-suffix",
       files: ["demos/search-field/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/search-field/prefix-and-suffix")
+      ),
     },
     "search-field-read-only": {
       name: "search-field-read-only",
@@ -1612,7 +1686,9 @@
     "skeleton-fixed-size-children": {
       name: "skeleton-fixed-size-children",
       files: ["demos/skeleton/fixed-size-children.tsx"],
-      component: React.lazy(() => import("@/demos/skeleton/fixed-size-children")),
+      component: React.lazy(
+        () => import("@/demos/skeleton/fixed-size-children")
+      ),
     },
     "skeleton-show": {
       name: "skeleton-show",
@@ -1622,7 +1698,9 @@
     "slider-advanced-composition": {
       name: "slider-advanced-composition",
       files: ["demos/slider/advanced-composition.tsx"],
-      component: React.lazy(() => import("@/demos/slider/advanced-composition")),
+      component: React.lazy(
+        () => import("@/demos/slider/advanced-composition")
+      ),
     },
     "slider-composition": {
       name: "slider-composition",
@@ -1807,7 +1885,9 @@
     "text-area-prefix-and-suffix": {
       name: "text-area-prefix-and-suffix",
       files: ["demos/text-area/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/text-area/prefix-and-suffix")
+      ),
     },
     "text-area-read-only": {
       name: "text-area-read-only",
@@ -1872,7 +1952,9 @@
     "text-field-prefix-and-suffix": {
       name: "text-field-prefix-and-suffix",
       files: ["demos/text-field/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/text-field/prefix-and-suffix")
+      ),
     },
     "text-field-read-only": {
       name: "text-field-read-only",
@@ -1962,7 +2044,9 @@
     "time-field-prefix-and-suffix": {
       name: "time-field-prefix-and-suffix",
       files: ["demos/time-field/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/time-field/prefix-and-suffix")
+      ),
     },
     "time-field-read-only": {
       name: "time-field-read-only",
@@ -2072,7 +2156,9 @@
     "toggle-button-group-default": {
       name: "toggle-button-group-default",
       files: ["demos/toggle-button-group/default.tsx"],
-      component: React.lazy(() => import("@/demos/toggle-button-group/default")),
+      component: React.lazy(
+        () => import("@/demos/toggle-button-group/default")
+      ),
     },
     "button-group-default": {
       name: "button-group-default",
@@ -2115,4 +2201,4 @@
       component: React.lazy(() => import("@/demos/form/react-hook-form")),
     },
   },
-}
+};
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index 2a26b6e26..dbc7a41c0 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -3,11 +3,11 @@ import type { Metadata, Viewport } from "next";
 import { Analytics } from "@vercel/analytics/react";
 import { cn } from "@/lib/cn";
 import { truncateOnWord } from "@/lib/string";
+import { ThemeOverride } from "@/components/theme-override";
 import { fontMono, fontSans, josefinSans } from "@/styles/fonts";
 import "@/styles/globals.css";
 import { siteConfig } from "@/config";
 import { Providers } from "./providers";
-import { ThemeOverride } from "@/components/theme-override";
 
 const config = siteConfig.global;
 
diff --git a/www/src/components/dynamic-core/button-group.tsx b/www/src/components/dynamic-core/button-group.tsx
index bbafe8f9a..10f56dee6 100644
--- a/www/src/components/dynamic-core/button-group.tsx
+++ b/www/src/components/dynamic-core/button-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/button-group"
\ No newline at end of file
+export * from "@/registry/core/button-group";
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index a54ac8b34..fbe4ab2c4 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -27,25 +27,29 @@ export const Button = createDynamicComponent<ButtonProps>("button", "Button", {
   ),
 });
 
-export const ButtonProvider = createDynamicComponent("button", "ButtonProvider", {
-  "button-01": React.lazy(() =>
-    import("@/registry/core/button-01").then((mod) => ({
-      default: mod.ButtonProvider,
-    }))
-  ),
-  "button-02": React.lazy(() =>
-    import("@/registry/core/button-02").then((mod) => ({
-      default: mod.ButtonProvider,
-    }))
-  ),
-  "button-03": React.lazy(() =>
-    import("@/registry/core/button-03").then((mod) => ({
-      default: mod.ButtonProvider,
-    }))
-  ),
-  "button-04": React.lazy(() =>
-    import("@/registry/core/button-04").then((mod) => ({
-      default: mod.ButtonProvider,
-    }))
-  ),
-});
\ No newline at end of file
+export const ButtonProvider = createDynamicComponent(
+  "button",
+  "ButtonProvider",
+  {
+    "button-01": React.lazy(() =>
+      import("@/registry/core/button-01").then((mod) => ({
+        default: mod.ButtonProvider,
+      }))
+    ),
+    "button-02": React.lazy(() =>
+      import("@/registry/core/button-02").then((mod) => ({
+        default: mod.ButtonProvider,
+      }))
+    ),
+    "button-03": React.lazy(() =>
+      import("@/registry/core/button-03").then((mod) => ({
+        default: mod.ButtonProvider,
+      }))
+    ),
+    "button-04": React.lazy(() =>
+      import("@/registry/core/button-04").then((mod) => ({
+        default: mod.ButtonProvider,
+      }))
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/drawer.tsx b/www/src/components/dynamic-core/drawer.tsx
index c9d7e73d0..d46e70194 100644
--- a/www/src/components/dynamic-core/drawer.tsx
+++ b/www/src/components/dynamic-core/drawer.tsx
@@ -1 +1 @@
-export * from "@/registry/core/drawer"
\ No newline at end of file
+export * from "@/registry/core/drawer";
diff --git a/www/src/components/dynamic-core/modal.tsx b/www/src/components/dynamic-core/modal.tsx
index b4d045afc..66d1d46eb 100644
--- a/www/src/components/dynamic-core/modal.tsx
+++ b/www/src/components/dynamic-core/modal.tsx
@@ -1 +1 @@
-export * from "@/registry/core/modal"
\ No newline at end of file
+export * from "@/registry/core/modal";
diff --git a/www/src/components/dynamic-core/popover.tsx b/www/src/components/dynamic-core/popover.tsx
index 1ca22ae39..21ead5bc1 100644
--- a/www/src/components/dynamic-core/popover.tsx
+++ b/www/src/components/dynamic-core/popover.tsx
@@ -1 +1 @@
-export * from "@/registry/core/popover"
\ No newline at end of file
+export * from "@/registry/core/popover";
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index 53332b752..155a70e7a 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -54,7 +54,7 @@ export const ThemeOverride = React.forwardRef<
     )
   );
 
-  return children
+  return children;
 
   return (
     <div
diff --git a/www/src/demos/dialog/composition.tsx b/www/src/demos/dialog/composition.tsx
index 2de0c442a..bf36e3e09 100644
--- a/www/src/demos/dialog/composition.tsx
+++ b/www/src/demos/dialog/composition.tsx
@@ -15,9 +15,7 @@ export default function Demo() {
       <Button variant="outline">Edit username</Button>
       <Overlay type="modal">
         <DialogContent className="space-y-4">
-          <DialogHeader>
-            
-          </DialogHeader>
+          <DialogHeader></DialogHeader>
           <TextField
             label="Username"
             defaultValue="@mehdibha_"
diff --git a/www/src/demos/form/react-hook-form.tsx b/www/src/demos/form/react-hook-form.tsx
index 422388e05..8356ca57f 100644
--- a/www/src/demos/form/react-hook-form.tsx
+++ b/www/src/demos/form/react-hook-form.tsx
@@ -130,7 +130,7 @@ export default function Demo() {
         <div className="flex justify-end">
           <Button type="submit">Register</Button>
         </div>
-      </Form>   
+      </Form>
     </div>
   );
 }
diff --git a/www/src/registry/core/button-group.tsx b/www/src/registry/core/button-group.tsx
index d3b384bfb..7cbafefe4 100644
--- a/www/src/registry/core/button-group.tsx
+++ b/www/src/registry/core/button-group.tsx
@@ -6,7 +6,7 @@ import { ButtonProvider } from "@/components/dynamic-core/button";
 import { buttonStyles } from "@/registry/core/button-01";
 
 const buttonGroupStyles = tv({
-  base: "inline-flex isolate items-center [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md [&_button]:rounded-none",
+  base: "isolate inline-flex items-center [&_button]:rounded-none [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md",
   variants: {
     orientation: {
       horizontal: "flex-row",
diff --git a/www/src/registry/core/checkbox-group_basic.tsx b/www/src/registry/core/checkbox-group_basic.tsx
index 42fcc9f9a..1e02838d7 100644
--- a/www/src/registry/core/checkbox-group_basic.tsx
+++ b/www/src/registry/core/checkbox-group_basic.tsx
@@ -28,4 +28,3 @@ const checkboxGroupStyles = tv({
 
 interface CheckboxGroupRootProps
   extends React.ComponentProps<typeof AriaCheckboxGroup> {}
-
diff --git a/www/src/registry/core/form_react-hook-form.tsx b/www/src/registry/core/form_react-hook-form.tsx
index e4d689c72..239172a3f 100644
--- a/www/src/registry/core/form_react-hook-form.tsx
+++ b/www/src/registry/core/form_react-hook-form.tsx
@@ -30,7 +30,10 @@ function FormControl<
   return (
     <Controller
       {...rest}
-      render={({ field: { disabled, ...field}, fieldState: { invalid, error, ...fieldState } }) =>
+      render={({
+        field: { disabled, ...field },
+        fieldState: { invalid, error, ...fieldState },
+      }) =>
         render({
           ...field,
           ...fieldState,
diff --git a/www/src/registry/core/select.tsx b/www/src/registry/core/select.tsx
index 1d469b387..cf7ac9b69 100644
--- a/www/src/registry/core/select.tsx
+++ b/www/src/registry/core/select.tsx
@@ -58,7 +58,12 @@ const Select = <T extends object>({
             necessityIndicator={necessityIndicator}
             contextualHelp={contextualHelp}
           >
-            <Button variant={variant} size={size} suffix={<ChevronDownIcon />} className=" w-full">
+            <Button
+              variant={variant}
+              size={size}
+              suffix={<ChevronDownIcon />}
+              className="w-full"
+            >
               <SelectValue />
             </Button>
           </Field>

From 0169680cb97afd4194afe24a9d347e9cf176170f Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 15 Jan 2025 12:16:53 +0100
Subject: [PATCH 043/165] chore: clean up

---
 .../docs/components/colors/color-field.mdx    |   9 -
 .../components/date-and-time/date-field.mdx   |  12 -
 .../components/date-and-time/date-picker.mdx  |   9 -
 .../date-and-time/date-range-picker.mdx       |   9 -
 .../components/date-and-time/time-field.mdx   |  12 -
 .../forms-and-inputs/checkbox-group.mdx       |  63 ++----
 .../forms-and-inputs/number-field.mdx         |   9 -
 .../forms-and-inputs/radio-group.mdx          |  18 --
 .../forms-and-inputs/search-field.mdx         |   9 -
 .../components/forms-and-inputs/text-area.mdx |   9 -
 .../forms-and-inputs/text-field.mdx           |   9 -
 .../menus-and-selection/combobox.mdx          |  20 --
 .../components/menus-and-selection/select.mdx |  17 --
 www/public/registry/hooks/index.json          |   6 -
 .../registry/hooks/use-media-query.json       |  12 -
 www/public/registry/icons/index.json          |  14 --
 www/public/registry/icons/lucide.json         |  50 ----
 www/public/registry/icons/remix.json          |  50 ----
 www/public/registry/index.json                | 214 ------------------
 www/public/registry/styles/default/alert.json |  12 -
 .../registry/styles/default/avatar.json       |  12 -
 www/public/registry/styles/default/badge.json |  12 -
 .../registry/styles/default/breadcrumbs.json  |  15 --
 .../registry/styles/default/button.json       |  13 --
 .../registry/styles/default/calendar.json     |  20 --
 .../styles/default/checkbox-group.json        |  18 --
 .../registry/styles/default/checkbox.json     |  13 --
 www/public/registry/styles/default/cn.json    |  15 --
 .../registry/styles/default/color-area.json   |  18 --
 .../registry/styles/default/color-field.json  |  19 --
 .../registry/styles/default/color-picker.json |  25 --
 .../registry/styles/default/color-slider.json |  19 --
 .../registry/styles/default/color-swatch.json |  15 --
 .../registry/styles/default/color-thumb.json  |  13 --
 .../registry/styles/default/combobox.json     |  22 --
 .../registry/styles/default/date-field.json   |  20 --
 .../registry/styles/default/date-input.json   |  15 --
 .../registry/styles/default/date-picker.json  |  23 --
 .../styles/default/date-range-picker.json     |  23 --
 .../registry/styles/default/dialog.json       |  20 --
 .../registry/styles/default/drop-zone.json    |  15 --
 www/public/registry/styles/default/field.json |  15 --
 .../registry/styles/default/file-trigger.json |  15 --
 .../registry/styles/default/focus-styles.json |  14 --
 www/public/registry/styles/default/group.json |  15 --
 .../registry/styles/default/heading.json      |  15 --
 www/public/registry/styles/default/index.json |  21 --
 www/public/registry/styles/default/input.json |  17 --
 www/public/registry/styles/default/kbd.json   |  15 --
 www/public/registry/styles/default/link.json  |  13 --
 .../registry/styles/default/list-box.json     |  14 --
 www/public/registry/styles/default/menu.json  |  20 --
 .../registry/styles/default/number-field.json |  20 --
 .../registry/styles/default/overlay.json      |  24 --
 .../registry/styles/default/progress.json     |  18 --
 .../registry/styles/default/radio-group.json  |  14 --
 .../styles/default/range-calendar.json        |  21 --
 .../registry/styles/default/scroll-area.json  |  15 --
 .../registry/styles/default/search-field.json |  20 --
 .../registry/styles/default/section.json      |  15 --
 .../registry/styles/default/select.json       |  21 --
 .../registry/styles/default/separator.json    |  15 --
 .../registry/styles/default/skeleton.json     |  12 -
 .../registry/styles/default/slider.json       |  14 --
 .../registry/styles/default/switch.json       |  13 --
 www/public/registry/styles/default/tabs.json  |  13 --
 .../registry/styles/default/text-area.json    |  20 --
 .../registry/styles/default/text-field.json   |  19 --
 www/public/registry/styles/default/text.json  |  15 --
 .../registry/styles/default/time-field.json   |  20 --
 .../styles/default/toggle-button.json         |  13 --
 .../registry/styles/default/tooltip.json      |  19 --
 www/public/registry/styles/index.json         |   7 -
 www/public/registry/templates/index.json      |   6 -
 www/public/registry/templates/v1.json         |   7 -
 www/public/registry/themes/index.json         |   6 -
 www/public/registry/themes/theme-default.json | 144 ------------
 www/src/__registry__/core/checkbox-group.tsx  |   2 -
 www/src/components/core/contextual-help.tsx   |   1 -
 .../dynamic-core/contextual-help.tsx          |  39 ----
 www/src/components/theme-override.tsx         |   2 +-
 .../demos/checkbox-group/contextual-help.tsx  |  22 --
 .../demos/checkbox-group/error-message.tsx    |   1 +
 www/src/demos/color-field/contextual-help.tsx |  18 --
 www/src/demos/combobox/contextual-help.tsx    |  26 ---
 www/src/demos/date-field/contextual-help.tsx  |  20 --
 www/src/demos/date-picker/contextual-help.tsx |  20 --
 .../date-range-picker/contextual-help.tsx     |  20 --
 .../demos/number-field/contextual-help.tsx    |  18 --
 www/src/demos/radio-group/contextual-help.tsx |  21 --
 www/src/demos/registry.ts                     |  13 --
 .../demos/search-field/contextual-help.tsx    |  17 --
 www/src/demos/select/contextual-help.tsx      |  23 --
 www/src/demos/text-area/contextual-help.tsx   |  17 --
 www/src/demos/text-field/contextual-help.tsx  |  20 --
 www/src/demos/time-field/contextual-help.tsx  |  20 --
 www/src/lib/themes.ts                         |   1 +
 www/src/registry/core/checkbox-group.tsx      | 117 ++++------
 .../registry/core/checkbox-group_basic.tsx    |  30 ---
 www/src/registry/core/field-01.tsx            |  70 ++++++
 www/src/registry/registry-core.ts             |   7 +-
 101 files changed, 148 insertions(+), 2010 deletions(-)
 delete mode 100644 www/public/registry/hooks/index.json
 delete mode 100644 www/public/registry/hooks/use-media-query.json
 delete mode 100644 www/public/registry/icons/index.json
 delete mode 100644 www/public/registry/icons/lucide.json
 delete mode 100644 www/public/registry/icons/remix.json
 delete mode 100644 www/public/registry/index.json
 delete mode 100644 www/public/registry/styles/default/alert.json
 delete mode 100644 www/public/registry/styles/default/avatar.json
 delete mode 100644 www/public/registry/styles/default/badge.json
 delete mode 100644 www/public/registry/styles/default/breadcrumbs.json
 delete mode 100644 www/public/registry/styles/default/button.json
 delete mode 100644 www/public/registry/styles/default/calendar.json
 delete mode 100644 www/public/registry/styles/default/checkbox-group.json
 delete mode 100644 www/public/registry/styles/default/checkbox.json
 delete mode 100644 www/public/registry/styles/default/cn.json
 delete mode 100644 www/public/registry/styles/default/color-area.json
 delete mode 100644 www/public/registry/styles/default/color-field.json
 delete mode 100644 www/public/registry/styles/default/color-picker.json
 delete mode 100644 www/public/registry/styles/default/color-slider.json
 delete mode 100644 www/public/registry/styles/default/color-swatch.json
 delete mode 100644 www/public/registry/styles/default/color-thumb.json
 delete mode 100644 www/public/registry/styles/default/combobox.json
 delete mode 100644 www/public/registry/styles/default/date-field.json
 delete mode 100644 www/public/registry/styles/default/date-input.json
 delete mode 100644 www/public/registry/styles/default/date-picker.json
 delete mode 100644 www/public/registry/styles/default/date-range-picker.json
 delete mode 100644 www/public/registry/styles/default/dialog.json
 delete mode 100644 www/public/registry/styles/default/drop-zone.json
 delete mode 100644 www/public/registry/styles/default/field.json
 delete mode 100644 www/public/registry/styles/default/file-trigger.json
 delete mode 100644 www/public/registry/styles/default/focus-styles.json
 delete mode 100644 www/public/registry/styles/default/group.json
 delete mode 100644 www/public/registry/styles/default/heading.json
 delete mode 100644 www/public/registry/styles/default/index.json
 delete mode 100644 www/public/registry/styles/default/input.json
 delete mode 100644 www/public/registry/styles/default/kbd.json
 delete mode 100644 www/public/registry/styles/default/link.json
 delete mode 100644 www/public/registry/styles/default/list-box.json
 delete mode 100644 www/public/registry/styles/default/menu.json
 delete mode 100644 www/public/registry/styles/default/number-field.json
 delete mode 100644 www/public/registry/styles/default/overlay.json
 delete mode 100644 www/public/registry/styles/default/progress.json
 delete mode 100644 www/public/registry/styles/default/radio-group.json
 delete mode 100644 www/public/registry/styles/default/range-calendar.json
 delete mode 100644 www/public/registry/styles/default/scroll-area.json
 delete mode 100644 www/public/registry/styles/default/search-field.json
 delete mode 100644 www/public/registry/styles/default/section.json
 delete mode 100644 www/public/registry/styles/default/select.json
 delete mode 100644 www/public/registry/styles/default/separator.json
 delete mode 100644 www/public/registry/styles/default/skeleton.json
 delete mode 100644 www/public/registry/styles/default/slider.json
 delete mode 100644 www/public/registry/styles/default/switch.json
 delete mode 100644 www/public/registry/styles/default/tabs.json
 delete mode 100644 www/public/registry/styles/default/text-area.json
 delete mode 100644 www/public/registry/styles/default/text-field.json
 delete mode 100644 www/public/registry/styles/default/text.json
 delete mode 100644 www/public/registry/styles/default/time-field.json
 delete mode 100644 www/public/registry/styles/default/toggle-button.json
 delete mode 100644 www/public/registry/styles/default/tooltip.json
 delete mode 100644 www/public/registry/styles/index.json
 delete mode 100644 www/public/registry/templates/index.json
 delete mode 100644 www/public/registry/templates/v1.json
 delete mode 100644 www/public/registry/themes/index.json
 delete mode 100644 www/public/registry/themes/theme-default.json
 delete mode 100644 www/src/components/core/contextual-help.tsx
 delete mode 100644 www/src/components/dynamic-core/contextual-help.tsx
 delete mode 100644 www/src/demos/checkbox-group/contextual-help.tsx
 delete mode 100644 www/src/demos/color-field/contextual-help.tsx
 delete mode 100644 www/src/demos/combobox/contextual-help.tsx
 delete mode 100644 www/src/demos/date-field/contextual-help.tsx
 delete mode 100644 www/src/demos/date-picker/contextual-help.tsx
 delete mode 100644 www/src/demos/date-range-picker/contextual-help.tsx
 delete mode 100644 www/src/demos/number-field/contextual-help.tsx
 delete mode 100644 www/src/demos/radio-group/contextual-help.tsx
 delete mode 100644 www/src/demos/search-field/contextual-help.tsx
 delete mode 100644 www/src/demos/select/contextual-help.tsx
 delete mode 100644 www/src/demos/text-area/contextual-help.tsx
 delete mode 100644 www/src/demos/text-field/contextual-help.tsx
 delete mode 100644 www/src/demos/time-field/contextual-help.tsx
 delete mode 100644 www/src/registry/core/checkbox-group_basic.tsx
 create mode 100644 www/src/registry/core/field-01.tsx

diff --git a/www/content/docs/components/colors/color-field.mdx b/www/content/docs/components/colors/color-field.mdx
index f2f677637..49b2427ac 100644
--- a/www/content/docs/components/colors/color-field.mdx
+++ b/www/content/docs/components/colors/color-field.mdx
@@ -91,15 +91,6 @@ A description can be supplied to `ColorField` via the `description` prop. The de
   preview={`<ColorField label="Color" description="Enter a background color." />`}
 />
 
-### Contextual help
-
-A ContextualHelp element may be placed next to the label to provide additional information or help about a ColorField.
-
-<ComponentPreview
-  name="core/color-field/color-field-contextual-help"
-  preview={`<ColorField label="Color" contextualHelp={<ContextualHelp />} />`}
-/>
-
 ### Error message
 
 An `errorMessage` can be supplied to `ColorField`, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/date-and-time/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx
index 995fd9771..bf5bcff06 100644
--- a/www/content/docs/components/date-and-time/date-field.mdx
+++ b/www/content/docs/components/date-and-time/date-field.mdx
@@ -91,18 +91,6 @@ A description can be supplied to `DateField` via the `description` prop. The des
   preview={`<DateField label="Appointment" description="Please select a date." />`}
 />
 
-### Contextual help
-
-A ContextualHelp element may be placed next to the label to provide additional information or help about a DateField.
-
-<ComponentPreview
-  name="core/date-field/date-field-contextual-help"
-  preview={`<DateField
-    label="Appointment"
-    contextualHelp={<ContextualHelp />}
-  />`}
-/>
-
 ### Error message
 
 An `errorMessage` can be supplied to `DateField`, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/date-and-time/date-picker.mdx b/www/content/docs/components/date-and-time/date-picker.mdx
index 925bca0f8..730cf325f 100644
--- a/www/content/docs/components/date-and-time/date-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-picker.mdx
@@ -90,15 +90,6 @@ A description can be supplied to `DatePicker` via the `description` prop. The de
   preview={`<DatePicker label="Appointment" description="Please select a date." />`}
 />
 
-### Contextual help
-
-A `ContextualHelp` element may be placed next to the label to provide additional information or help about a `DatePicker`.
-
-<ComponentPreview
-  name="core/date-picker/date-picker-contextual-help"
-  preview={`<DatePicker label="Appointment" contextualHelp={<ContextualHelp />} />`}
-/>
-
 ### Error message
 
 An `errorMessage` can be supplied to a `DatePicker`, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/date-and-time/date-range-picker.mdx b/www/content/docs/components/date-and-time/date-range-picker.mdx
index a42ffd565..3a9f67085 100644
--- a/www/content/docs/components/date-and-time/date-range-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-range-picker.mdx
@@ -81,15 +81,6 @@ A description can be supplied to `DateRangePicker` via the `description` prop. T
   preview={`<DateRangePicker label="Trip" description="Please select a date range." />`}
 />
 
-### Contextual help
-
-A `ContextualHelp` element may be placed next to the label to provide additional information or help about a `DateRangePicker`.
-
-<ComponentPreview
-  name="core/date-range-picker/date-range-picker-contextual-help"
-  preview={`<DateRangePicker label="Appointment" contextualHelp={<ContextualHelp />} />`}
-/>
-
 ### Error message
 
 An `errorMessage` can be supplied to a `DateRangePicker`, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/date-and-time/time-field.mdx b/www/content/docs/components/date-and-time/time-field.mdx
index dbab2b39e..d2cd0d753 100644
--- a/www/content/docs/components/date-and-time/time-field.mdx
+++ b/www/content/docs/components/date-and-time/time-field.mdx
@@ -91,18 +91,6 @@ A description can be supplied to `TimeField` via the `description` prop. The des
   preview={`<TimeField label="Appointment" description="Please select a time between 9 AM and 5 PM." />`}
 />
 
-### Contextual help
-
-A `ContextualHelp` element may be placed next to the label to provide additional information or help about a TimeField.
-
-<ComponentPreview
-  name="core/time-field/time-field-contextual-help"
-  preview={`<TimeField
-    label="Appointment"
-    contextualHelp={<ContextualHelp />  }
-  />`}
-/>
-
 ### Error message
 
 An `errorMessage` can be supplied to `TimeField` via the `errorMessage` prop, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
index f42629052..aa05c0f33 100644
--- a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
+++ b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
@@ -4,8 +4,6 @@ description: A checkbox group allows a user to select multiple items from a list
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/CheckboxGroup.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/CheckboxGroup.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -23,34 +21,38 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add checkbox-group
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Usage
 
-    ```package-install
-    react-aria-components
-    ```
+Use `CheckboxGroup` to allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/checkbox-group/checkbox-group" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+```tsx
+import { Checkbox } from "@/components/core/checkbox";
+import { CheckboxGroup } from "@/components/core/checkbox-group";
 
-  </Tab>
-</Tabs>
+<CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
+  <Checkbox value="nextjs">Next.js</Checkbox>
+  <Checkbox value="remix">Remix</Checkbox>
+  <Checkbox value="gatsby">Gatsby</Checkbox>
+</CheckboxGroup>;
+```
 
-## Usage
+```tsx
+import { Checkbox } from "@/components/core/checkbox";
+import { CheckboxGroup } from "@/components/core/checkbox-group";
+import { Label } from "@/components/core/field";
 
-Use `CheckboxGroup` to allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
+<CheckboxGroupRoot defaultValue={["nextjs"]}>
+  <Label>React frameworks</Label>
+  <Checkbox value="nextjs">Next.js</Checkbox>
+  <Checkbox value="remix">Remix</Checkbox>
+  <Checkbox value="gatsby">Gatsby</Checkbox>
+  
+</CheckboxGroupRoot>;
+```
 
 ### Best practices
 
@@ -105,23 +107,6 @@ A description can be supplied to a `CheckboxGroup` via the `description` prop. T
   </CheckboxGroup>`}
 />
 
-### Contextual help
-
-A `ContextualHelp` element may be placed next to the label to provide additional information or help about a CheckboxGroup.
-
-<ComponentPreview
-  name="core/checkbox-group/checkbox-group-contextual-help"
-  preview={`<CheckboxGroup
-    label="React frameworks"
-    defaultValue={["nextjs"]}
-    contextualHelp={<ContextualHelp />}
-  >
-    <Checkbox value="nextjs">Next.js</Checkbox>
-    <Checkbox value="remix">Remix</Checkbox>
-    <Checkbox value="gatsby">Gatsby</Checkbox>
-  </CheckboxGroup>`}
-/>
-
 ### Error message
 
 An error message can be supplied to a CheckboxGroup, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/forms-and-inputs/number-field.mdx b/www/content/docs/components/forms-and-inputs/number-field.mdx
index 93682dab6..750789fab 100644
--- a/www/content/docs/components/forms-and-inputs/number-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/number-field.mdx
@@ -123,15 +123,6 @@ A description can be supplied to a NumberField via the `description` prop. The d
   preview={`<NumberField label="Width" description="Enter the desired width." />`}
 />
 
-### Contextual help
-
-A `ContextualHelp` element may be placed next to the label to provide additional information or help about a `NumberField`.
-
-<ComponentPreview
-  name="core/number-field/number-field-contextual-help"
-  preview={`<NumberField label="Width" contextualHelp={<ContextualHelp />} />`}
-/>
-
 ### Error message
 
 An `errorMessage` can be supplied to a `NumberField`, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/forms-and-inputs/radio-group.mdx b/www/content/docs/components/forms-and-inputs/radio-group.mdx
index 313064760..b8740b117 100644
--- a/www/content/docs/components/forms-and-inputs/radio-group.mdx
+++ b/www/content/docs/components/forms-and-inputs/radio-group.mdx
@@ -126,24 +126,6 @@ A description can be supplied to a radio group via the `description` prop. The d
   </RadioGroup>`}
 />
 
-### Contextual help
-
-A ContextualHelp element may be placed next to the label to provide additional information or help about a CheckboxGroup.
-
-<ComponentPreview
-  name="core/radio-group/radio-group-contextual-help"
-  preview={`<RadioGroup
-    defaultValue="sm" 
-    label="Size" 
-    description="Select a product size."
-    contextualHelp={<ContextualHelp />}
-  >
-    <Radio value="sm">Small</Radio>
-    <Radio value="md">Medium</Radio>
-    <Radio value="lg">Large</Radio>
-  </RadioGroup>`}
-/>
-
 ### Error message
 
 An `errorMessage` can be supplied to a `RadioGroup`, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/forms-and-inputs/search-field.mdx b/www/content/docs/components/forms-and-inputs/search-field.mdx
index 44b78d0e7..455cf98ce 100644
--- a/www/content/docs/components/forms-and-inputs/search-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/search-field.mdx
@@ -90,15 +90,6 @@ A description can be supplied to a SearchField via the `description` prop. The d
   preview={`<SearchField label="Search" description="Enter your search query." />`}
 />
 
-### Contextual help
-
-A `ContextualHelp` element may be placed next to the label to provide additional information or help about a SearchField.
-
-<ComponentPreview
-  name="core/search-field/search-field-contextual-help"
-  preview={`<SearchField label="Search" contextualHelp={<ContextualHelp />} />`}
-/>
-
 ### Error message
 
 An `errorMessage` can be supplied to a SearchField, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/forms-and-inputs/text-area.mdx b/www/content/docs/components/forms-and-inputs/text-area.mdx
index 5b76ccaeb..d38e12bd1 100644
--- a/www/content/docs/components/forms-and-inputs/text-area.mdx
+++ b/www/content/docs/components/forms-and-inputs/text-area.mdx
@@ -83,15 +83,6 @@ An `errorMessage` can be supplied to a TextField, which will be displayed when t
   preview={`<TextArea label="Description" description="Type your description" />`}
 />
 
-### Contextual help
-
-A `ContextualHelp` element may be placed next to the label to provide additional information or help about a text area.
-
-<ComponentPreview
-  name="core/text-area/text-area-contextual-help"
-  preview={`<TextArea label="Bio" contextualHelp={<ContextualHelp />} />`}
-/>
-
 ### Error message
 
 An `errorMessage` can be supplied to a TextArea, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/forms-and-inputs/text-field.mdx b/www/content/docs/components/forms-and-inputs/text-field.mdx
index ae9d12013..bcf595855 100644
--- a/www/content/docs/components/forms-and-inputs/text-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/text-field.mdx
@@ -91,15 +91,6 @@ A description can be supplied to `TextField` via the `description` prop. The des
   preview={`<TextField label="Email" description="Enter your email." />`}
 />
 
-### Contextual help
-
-A `ContextualHelp` element may be placed next to the label to provide additional information or help about a TextField.
-
-<ComponentPreview
-  name="core/text-field/text-field-contextual-help"
-  preview={`<TextField label="Password" contextualHelp={<ContextualHelp />} />`}
-/>
-
 ### Error message
 
 An `errorMessage` can be supplied to `TextField`, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/menus-and-selection/combobox.mdx b/www/content/docs/components/menus-and-selection/combobox.mdx
index 0c686eb0d..4349bde24 100644
--- a/www/content/docs/components/menus-and-selection/combobox.mdx
+++ b/www/content/docs/components/menus-and-selection/combobox.mdx
@@ -95,26 +95,6 @@ A description can be supplied to the combobox via the `description` prop. The de
   </Combobox>`}
 />
 
-### Contextual help
-
-A `ContextualHelp` element may be placed next to the label to provide additional information or help about the `Combobox`
-
-<ComponentPreview
-  name="core/combobox/combobox-contextual-help"
-  preview={`<Combobox
-    label="Country"
-    contextualHelp={<ContextualHelp />}
-  >
-    <Item>Canada</Item>
-    <Item>France</Item>
-    <Item>Germany</Item>
-    <Item>Spain</Item>
-    <Item>Tunisia</Item>
-    <Item>United states</Item>
-    <Item>United Kingdom</Item>
-  </Combobox>`}
-/>
-
 ### Validation
 
 An `errorMessage` can be supplied to a `Combobox`, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/content/docs/components/menus-and-selection/select.mdx b/www/content/docs/components/menus-and-selection/select.mdx
index cd5cb1d2f..c72fb4f0f 100644
--- a/www/content/docs/components/menus-and-selection/select.mdx
+++ b/www/content/docs/components/menus-and-selection/select.mdx
@@ -102,23 +102,6 @@ A description can be supplied to a Select via the `description` prop. The descri
   </Select>`}
 />
 
-### Contextual help
-
-A `ContextualHelp` element may be placed next to the label to provide additional information or help about a `Select`.
-
-<ComponentPreview
-  name="core/select/select-contextual-help"
-  preview={`<Select
-    label="Provider"
-    contextualHelp={<ContextualHelp />}
-  >
-    <Item>Perplexity</Item>
-    <Item>Replicate</Item>
-    <Item>Together AI</Item>
-    <Item>ElevenLabs</Item>
-  </Select>`}
-/>
-
 ### Validation
 
 An `errorMessage` can be supplied to `Select`, which will be displayed when the `isInvalid` prop is set to `true`.
diff --git a/www/public/registry/hooks/index.json b/www/public/registry/hooks/index.json
deleted file mode 100644
index 422a26b96..000000000
--- a/www/public/registry/hooks/index.json
+++ /dev/null
@@ -1,6 +0,0 @@
-[
-  {
-    "name": "use-media-query",
-    "label": "use-media-query"
-  }
-]
\ No newline at end of file
diff --git a/www/public/registry/hooks/use-media-query.json b/www/public/registry/hooks/use-media-query.json
deleted file mode 100644
index f2e84a431..000000000
--- a/www/public/registry/hooks/use-media-query.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "use-media-query",
-  "type": "registry:hook",
-  "files": [
-    {
-      "path": "hooks/use-media-query.ts",
-      "content": "import * as React from \"react\";\n\nexport function useMediaQuery(query: string) {\n  const [value, setValue] = React.useState(false);\n\n  React.useEffect(() => {\n    function onChange(event: MediaQueryListEvent) {\n      setValue(event.matches);\n    }\n\n    const result = matchMedia(query);\n    result.addEventListener(\"change\", onChange);\n    setValue(result.matches);\n\n    return () => result.removeEventListener(\"change\", onChange);\n  }, [query]);\n\n  return value;\n}\n// import React from \"react\";\n\n// export function useMediaQuery(query: string): boolean {\n//   const subscribe = React.useCallback(\n//     (callback: (ev: MediaQueryListEvent) => void) => {\n//       const matchMedia = window.matchMedia(query);\n//       matchMedia.addEventListener(\"change\", callback);\n//       return () => {\n//         matchMedia.removeEventListener(\"change\", callback);\n//       };\n//     },\n//     [query]\n//   );\n\n//   const getSnapshot = () => {\n//     return window.matchMedia(query).matches;\n//   };\n\n//   const getServerSnapshot = () => {\n//     throw Error(\"useMediaQuery is a client-only hook\");\n//   };\n\n//   return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n// }\n",
-      "type": "registry:hook",
-      "target": ""
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/icons/index.json b/www/public/registry/icons/index.json
deleted file mode 100644
index 850fabb3d..000000000
--- a/www/public/registry/icons/index.json
+++ /dev/null
@@ -1,14 +0,0 @@
-[
-  {
-    "name": "lucide",
-    "label": "Lucide icons",
-    "dependency": "lucide-react",
-    "import": "lucide-react"
-  },
-  {
-    "name": "remix",
-    "label": "Remix icons",
-    "dependency": "@remixicon/react",
-    "import": "@remixicon/react"
-  }
-]
\ No newline at end of file
diff --git a/www/public/registry/icons/lucide.json b/www/public/registry/icons/lucide.json
deleted file mode 100644
index ed86206fe..000000000
--- a/www/public/registry/icons/lucide.json
+++ /dev/null
@@ -1,50 +0,0 @@
-{
-  "name": "lucide",
-  "dependency": "lucide-react",
-  "icons": {
-    "LoaderIcon": "Loader2Icon",
-    "DangerIcon": "AlertCircleIcon",
-    "WarningIcon": "AlertTriangleIcon",
-    "SuccessIcon": "CheckCircle2Icon",
-    "InfoIcon": "InfoIcon",
-    "ChevronRightIcon": "ChevronRightIcon",
-    "ChevronLeftIcon": "ChevronLeftIcon",
-    "ChevronDownIcon": "ChevronDownIcon",
-    "ChevronUpIcon": "ChevronUpIcon",
-    "SearchIcon": "SearchIcon",
-    "HelpIcon": "HelpCircleIcon",
-    "CalendarIcon": "CalendarIcon",
-    "XIcon": "XIcon",
-    "AsteriskIcon": "AsteriskIcon",
-    "CheckIcon": "CheckIcon",
-    "MinusIcon": "MinusIcon",
-    "PlusIcon": "PlusIcon",
-    "WalletIcon": "WalletIcon",
-    "GlobeIcon": "GlobeIcon",
-    "UserIcon": "User2Icon",
-    "ShieldIcon": "ShieldIcon",
-    "ChevronRightCircleIcon": "ArrowRightCircleIcon",
-    "HomeIcon": "HomeIcon",
-    "LogInIcon": "LogInIcon",
-    "UploadIcon": "UploadIcon",
-    "PaletteIcon": "PaletteIcon",
-    "UsersIcon": "UsersIcon",
-    "PlaneIcon": "PlaneIcon",
-    "CameraIcon": "CameraIcon",
-    "ExternalLinkIcon": "ExternalLinkIcon",
-    "MenuIcon": "MenuIcon",
-    "CopyIcon": "CopyIcon",
-    "PlusSquareIcon": "PlusSquareIcon",
-    "SquarePenIcon": "SquarePenIcon",
-    "RotateCwIcon": "RotateCwIcon",
-    "XCircleIcon": "XCircleIcon",
-    "BoldIcon": "BoldIcon",
-    "ItalicIcon": "ItalicIcon",
-    "TimerIcon": "TimerIcon",
-    "PinIcon": "PinIcon",
-    "ALargeSmallIcon": "ALargeSmallIcon",
-    "Volume1Icon": "Volume1Icon",
-    "Volume2Icon": "Volume2Icon",
-    "ChevronsUpDownIcon": "ChevronsUpDownIcon"
-  }
-}
\ No newline at end of file
diff --git a/www/public/registry/icons/remix.json b/www/public/registry/icons/remix.json
deleted file mode 100644
index 8848da122..000000000
--- a/www/public/registry/icons/remix.json
+++ /dev/null
@@ -1,50 +0,0 @@
-{
-  "name": "remix",
-  "dependency": "@remixicon/react",
-  "icons": {
-    "LoaderIcon": "RiLoader4Line",
-    "DangerIcon": "RiErrorWarningFill",
-    "WarningIcon": "RiAlertLine",
-    "SuccessIcon": "RiCheckboxCircleLine",
-    "InfoIcon": "RiInformationLine",
-    "ChevronRightIcon": "RiArrowRightSLine",
-    "ChevronLeftIcon": "RiArrowLeftSLine",
-    "ChevronDownIcon": "RiArrowDownSLine",
-    "ChevronUpIcon": "RiArrowUpSLine",
-    "SearchIcon": "RiSearchLine",
-    "HelpIcon": "RiQuestionLine",
-    "CalendarIcon": "RiCalendarLine",
-    "XIcon": "RiCloseLine",
-    "AsteriskIcon": "RiAsterisk",
-    "CheckIcon": "RiCheckLine",
-    "MinusIcon": "RiSubtractLine",
-    "PlusIcon": "RiAddLine",
-    "WalletIcon": "RiWalletLine",
-    "GlobeIcon": "RiGlobalLine",
-    "UserIcon": "RiUserLine",
-    "ShieldIcon": "RiShieldLine",
-    "ChevronRightCircleIcon": "RiArrowRightCircleLine",
-    "HomeIcon": "RiHomeLine",
-    "LogInIcon": "RiLoginBoxLine",
-    "UploadIcon": "RiUpload2Line",
-    "PaletteIcon": "RiPaletteLine",
-    "UsersIcon": "RiGroupLine",
-    "PlaneIcon": "RiPlaneLine",
-    "CameraIcon": "RiCameraLine",
-    "ExternalLinkIcon": "RiExternalLinkLine",
-    "MenuIcon": "RiMenuLine",
-    "CopyIcon": "RiFileCopyLine",
-    "PlusSquareIcon": "RiAddBoxLine",
-    "SquarePenIcon": "RiEditLine",
-    "RotateCwIcon": "RiRestartLine",
-    "XCircleIcon": "RiCloseCircleLine",
-    "BoldIcon": "RiBold",
-    "ItalicIcon": "RiItalic",
-    "TimerIcon": "RiTimerLine",
-    "PinIcon": "RiPushpinLine",
-    "ALargeSmallIcon": "RiFontSize",
-    "Volume1Icon": "RiVolumeDownLine",
-    "Volume2Icon": "RiVolumeUpLine",
-    "ChevronsUpDownIcon": "RiExpandUpDownLine"
-  }
-}
\ No newline at end of file
diff --git a/www/public/registry/index.json b/www/public/registry/index.json
deleted file mode 100644
index 26b894c1c..000000000
--- a/www/public/registry/index.json
+++ /dev/null
@@ -1,214 +0,0 @@
-[
-  {
-    "name": "alert",
-    "type": "registry:core"
-  },
-  {
-    "name": "aspect-ratio",
-    "type": "registry:core"
-  },
-  {
-    "name": "avatar",
-    "type": "registry:core"
-  },
-  {
-    "name": "badge",
-    "type": "registry:core"
-  },
-  {
-    "name": "breadcrumbs",
-    "type": "registry:core"
-  },
-  {
-    "name": "button",
-    "type": "registry:core"
-  },
-  {
-    "name": "calendar",
-    "type": "registry:core"
-  },
-  {
-    "name": "checkbox",
-    "type": "registry:core"
-  },
-  {
-    "name": "checkbox-group",
-    "type": "registry:core"
-  },
-  {
-    "name": "color-area",
-    "type": "registry:core"
-  },
-  {
-    "name": "color-field",
-    "type": "registry:core"
-  },
-  {
-    "name": "color-picker",
-    "type": "registry:core"
-  },
-  {
-    "name": "color-slider",
-    "type": "registry:core"
-  },
-  {
-    "name": "color-swatch",
-    "type": "registry:core"
-  },
-  {
-    "name": "color-thumb",
-    "type": "registry:core"
-  },
-  {
-    "name": "combobox",
-    "type": "registry:core"
-  },
-  {
-    "name": "date-field",
-    "type": "registry:core"
-  },
-  {
-    "name": "date-input",
-    "type": "registry:core"
-  },
-  {
-    "name": "date-picker",
-    "type": "registry:core"
-  },
-  {
-    "name": "date-range-picker",
-    "type": "registry:core"
-  },
-  {
-    "name": "dialog",
-    "type": "registry:core"
-  },
-  {
-    "name": "drop-zone",
-    "type": "registry:core"
-  },
-  {
-    "name": "field",
-    "type": "registry:core"
-  },
-  {
-    "name": "file-trigger",
-    "type": "registry:core"
-  },
-  {
-    "name": "group",
-    "type": "registry:core"
-  },
-  {
-    "name": "heading",
-    "type": "registry:core"
-  },
-  {
-    "name": "input",
-    "type": "registry:core"
-  },
-  {
-    "name": "kbd",
-    "type": "registry:core"
-  },
-  {
-    "name": "link",
-    "type": "registry:core"
-  },
-  {
-    "name": "list-box",
-    "type": "registry:core"
-  },
-  {
-    "name": "menu",
-    "type": "registry:core"
-  },
-  {
-    "name": "number-field",
-    "type": "registry:core"
-  },
-  {
-    "name": "overlay",
-    "type": "registry:core"
-  },
-  {
-    "name": "progress",
-    "type": "registry:core"
-  },
-  {
-    "name": "radio-group",
-    "type": "registry:core"
-  },
-  {
-    "name": "range-calendar",
-    "type": "registry:core"
-  },
-  {
-    "name": "scroll-area",
-    "type": "registry:core"
-  },
-  {
-    "name": "search-field",
-    "type": "registry:core"
-  },
-  {
-    "name": "section",
-    "type": "registry:core"
-  },
-  {
-    "name": "select",
-    "type": "registry:core"
-  },
-  {
-    "name": "separator",
-    "type": "registry:core"
-  },
-  {
-    "name": "skeleton",
-    "type": "registry:core"
-  },
-  {
-    "name": "slider",
-    "type": "registry:core"
-  },
-  {
-    "name": "switch",
-    "type": "registry:core"
-  },
-  {
-    "name": "tabs",
-    "type": "registry:core"
-  },
-  {
-    "name": "text",
-    "type": "registry:core"
-  },
-  {
-    "name": "text-area",
-    "type": "registry:core"
-  },
-  {
-    "name": "text-field",
-    "type": "registry:core"
-  },
-  {
-    "name": "time-field",
-    "type": "registry:core"
-  },
-  {
-    "name": "toggle-button",
-    "type": "registry:core"
-  },
-  {
-    "name": "tooltip",
-    "type": "registry:core"
-  },
-  {
-    "name": "use-media-query",
-    "type": "registry:hook"
-  },
-  {
-    "name": "theme-default",
-    "type": "registry:theme"
-  }
-]
\ No newline at end of file
diff --git a/www/public/registry/styles/default/alert.json b/www/public/registry/styles/default/alert.json
deleted file mode 100644
index 3494ee210..000000000
--- a/www/public/registry/styles/default/alert.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "alert",
-  "type": "registry:core",
-  "files": [
-    {
-      "path": "core/alert/alert.tsx",
-      "content": "import * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { DangerIcon, InfoIcon, SuccessIcon, WarningIcon } from \"@/__icons__\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"rounded-lg border p-4 flex items-center gap-4 [&_svg]:size-4\",\n    title: \"font-medium leading-normal tracking-tight mr-1\",\n    content: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      default: { root: \"border text-fg\" },\n      success: { root: \"border border-border-success text-fg-success\" },\n      warning: { root: \"border border-border-warning text-fg-warning\" },\n      danger: { root: \"border border-border-danger text-fg-danger\" },\n      info: { root: \"border border-border-accent text-fg-accent\" },\n    },\n    fill: {\n      true: \"\",\n    },\n  },\n  compoundVariants: [\n    { variant: \"default\", fill: true, className: { root: \"bg-bg-muted\" } },\n    {\n      variant: \"success\",\n      fill: true,\n      className: { root: \"bg-bg-success-muted\" },\n    },\n    {\n      variant: \"warning\",\n      fill: true,\n      className: { root: \"bg-bg-warning-muted\" },\n    },\n    {\n      variant: \"danger\",\n      fill: true,\n      className: { root: \"bg-bg-danger-muted\" },\n    },\n    { variant: \"info\", fill: true, className: { root: \"bg-bg-accent-muted\" } },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    fill: false,\n  },\n});\n\nconst icons = {\n  default: <InfoIcon />,\n  success: <SuccessIcon />,\n  warning: <WarningIcon />,\n  danger: <DangerIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: React.ReactNode;\n  icon?: React.ReactNode | null;\n  action?: React.ReactNode;\n}\nconst Alert = ({\n  variant = \"default\",\n  title,\n  children,\n  icon,\n  action,\n  ...props\n}: AlertProps) => {\n  return (\n    <AlertRoot variant={variant} {...props}>\n      {icon || icons[variant]}\n      <div className=\"flex-1 space-y-0.5\">\n        {title && <AlertTitle>{title}</AlertTitle>}\n        {children && <AlertContent>{children}</AlertContent>}\n      </div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n    </AlertRoot>\n  );\n};\n\ninterface AlertRootProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">,\n    VariantProps<typeof alertStyles> {}\nconst AlertRoot = ({ className, variant, fill, ...props }: AlertRootProps) => {\n  const { root } = alertStyles({ variant, fill });\n  return <div role=\"alert\" className={root({ className })} {...props} />;\n};\n\ninterface AlertTitleProps\n  extends React.HTMLAttributes<HTMLHeadingElement>,\n    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS\nconst AlertTitle = ({ className, ...props }: AlertTitleProps) => {\n  const { title } = alertStyles();\n  return <h3 className={title({ className })} {...props} />;\n};\n\ninterface AlertContentProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof alertStyles> {} // TODO VERIFY THIS\nconst AlertContent = ({ className, ...props }: AlertContentProps) => {\n  const { content } = alertStyles();\n  return <section className={content({ className })} {...props} />;\n};\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
-      "type": "registry:core",
-      "target": "core/alert.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/avatar.json b/www/public/registry/styles/default/avatar.json
deleted file mode 100644
index c9ed9093e..000000000
--- a/www/public/registry/styles/default/avatar.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "avatar",
-  "type": "registry:core",
-  "files": [
-    {
-      "path": "core/avatar/avatar.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nconst avatarStyles = tv({\n  slots: {\n    root: \"relative inline-flex align-middle shrink-0 overflow-hidden bg-bg\",\n    image: \"aspect-square size-full\",\n    fallback:\n      \"flex size-full select-none items-center justify-center bg-bg-muted\",\n    placeholder:\n      \"h-full size-full animate-pulse bg-bg-muted flex items-center justify-center\",\n  },\n  variants: {\n    size: {\n      sm: { root: \"size-8\" },\n      md: { root: \"size-10\" },\n      lg: { root: \"size-12\" },\n    },\n    shape: {\n      circle: { root: \"rounded-full\" },\n      square: { root: \"rounded-sm\" },\n    },\n  },\n  defaultVariants: {\n    shape: \"circle\",\n    size: \"md\",\n  },\n});\n\ninterface AvatarProps\n  extends AvatarImageProps,\n    VariantProps<typeof avatarStyles> {\n  fallback?: React.ReactNode;\n}\nconst Avatar = ({\n  fallback,\n  className,\n  style,\n  size,\n  shape,\n  ...props\n}: AvatarProps) => {\n  return (\n    <AvatarRoot className={className} style={style} shape={shape} size={size}>\n      <AvatarImage {...props} />\n      <AvatarFallback>{fallback}</AvatarFallback>\n      <AvatarPlaceholder />\n    </AvatarRoot>\n  );\n};\n\ninterface AvatarRootProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof avatarStyles> {}\nconst AvatarRoot = ({ className, shape, size, ...props }: AvatarRootProps) => {\n  const { root } = avatarStyles({ shape, size });\n  const [status, setStatus] = React.useState<Status>(\"idle\");\n  return (\n    <AvatarContext.Provider value={{ status, onStatusChange: setStatus }}>\n      <span className={root({ className })} {...props} />\n    </AvatarContext.Provider>\n  );\n};\n\ninterface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  onStatusChange?: (status: Status) => void;\n}\nconst AvatarImage = ({\n  src,\n  onStatusChange,\n  className,\n  ...props\n}: AvatarImageProps) => {\n  const { image } = avatarStyles();\n  const context = useAvatarContext();\n  const status = useImageLoadingStatus(src);\n  // TODO use useCallBackRef here\n  const handleStatusChange = React.useCallback(\n    (status: Status) => {\n      onStatusChange?.(status);\n      context.onStatusChange(status);\n    },\n    [onStatusChange, context]\n  );\n\n  React.useLayoutEffect(() => {\n    if (status !== \"idle\") {\n      handleStatusChange(status);\n    }\n  }, [status, handleStatusChange]);\n\n  return status === \"success\" ? (\n    // eslint-disable-next-line jsx-a11y/alt-text\n    <img src={src} className={image({ className })} {...props} />\n  ) : null;\n};\n\ntype AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;\nconst AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {\n  const { fallback } = avatarStyles();\n  const context = useAvatarContext();\n\n  return context.status === \"error\" ? (\n    <span className={fallback({ className })} {...props} />\n  ) : null;\n};\n\ntype AvatarPlaceholderProps = React.HTMLAttributes<HTMLSpanElement>;\nconst AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {\n  const { placeholder } = avatarStyles();\n  const context = useAvatarContext();\n\n  return [\"idle\", \"loading\"].includes(context.status) ? (\n    <span className={placeholder({ className })} {...props} />\n  ) : null;\n};\n\ntype AvatarContextValue = {\n  status: Status;\n  onStatusChange: (status: Status) => void;\n};\nconst AvatarContext = React.createContext<AvatarContextValue | null>(null);\nconst useAvatarContext = () => {\n  const context = React.useContext(AvatarContext);\n  if (!context) {\n    throw new Error(\"Avatar components must be rendered within the AvatarRoot\");\n  }\n  return context;\n};\n\ntype Status = \"idle\" | \"loading\" | \"success\" | \"error\";\nconst useImageLoadingStatus = (src?: string) => {\n  const [status, setStatus] = React.useState<Status>(\"idle\");\n\n  React.useLayoutEffect(() => {\n    if (!src) {\n      setStatus(\"error\");\n      return;\n    }\n    let isMounted = true;\n    const image = new window.Image();\n    const updateStatus = (status: Status) => () => {\n      if (!isMounted) return;\n      setStatus(status);\n    };\n    setStatus(\"loading\");\n    image.onload = updateStatus(\"success\");\n    image.onerror = updateStatus(\"error\");\n    image.src = src;\n    return () => {\n      isMounted = false;\n    };\n  }, [src]);\n\n  return status;\n};\n\nexport type {\n  AvatarProps,\n  AvatarRootProps,\n  AvatarImageProps,\n  AvatarFallbackProps,\n};\nexport {\n  Avatar,\n  AvatarRoot,\n  AvatarImage,\n  AvatarFallback,\n  AvatarPlaceholder,\n  avatarStyles,\n};\n",
-      "type": "registry:core",
-      "target": "core/avatar.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/badge.json b/www/public/registry/styles/default/badge.json
deleted file mode 100644
index ca23e000f..000000000
--- a/www/public/registry/styles/default/badge.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "badge",
-  "type": "registry:core",
-  "files": [
-    {
-      "path": "core/badge/badge.tsx",
-      "content": "import * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"@/registry/ui/default/lib/cn\";\n\nconst badgeVariants = tv({\n  base: \"inline-flex items-center gap-1 rounded-md text-xs font-semibold transition-colors shrink-0 whitespace-nowrap\",\n  variants: {\n    variant: {\n      neutral: \"bg-bg-muted text-fg\",\n      outline: \"border text-fg\",\n      primary: \"bg-bg-primary text-fg-onPrimary\",\n      success: \"bg-bg-success text-fg-onSuccess\",\n      \"success-subtle\": \"bg-bg-success-muted text-fg-success\",\n      \"success-outline\": \"border border-border-success text-fg-success\",\n      danger: \"bg-bg-danger text-fg-onDanger\",\n      \"danger-subtle\": \"bg-bg-danger-muted text-fg-danger\",\n      \"danger-outline\": \"border border-border-danger text-fg-danger\",\n      warning: \"bg-bg-warning text-fg-onWarning\",\n      \"warning-subtle\": \"bg-bg-warning-muted text-fg-warning\",\n      \"warning-outline\": \"border border-border-warning text-fg-warning\",\n      accent: \"bg-bg-accent text-fg-onAccent\",\n      \"accent-subtle\": \"bg-bg-accent-muted text-fg-accent\",\n      \"accent-outline\": \"border border-border-accent text-fg-accent\",\n    },\n    size: {\n      sm: \"h-5 px-2.5 [&_svg]:size-3\",\n      md: \"h-6 px-3 [&_svg]:size-3.5\",\n      lg: \"h-7 px-4 text-sm [&_svg]:size-4\",\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    size: \"sm\",\n  },\n});\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {\n  icon?: React.ReactNode;\n}\n\nfunction Badge({\n  children,\n  className,\n  variant,\n  size,\n  icon,\n  ...props\n}: BadgeProps) {\n  return (\n    <span\n      role=\"presentation\"\n      className={cn(badgeVariants({ variant, size }), className)}\n      {...props}\n    >\n      {icon && <span>{icon}</span>}\n      <span>{children}</span>\n    </span>\n  );\n}\n\nexport { Badge, badgeVariants };\n",
-      "type": "registry:core",
-      "target": "core/badge.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/breadcrumbs.json b/www/public/registry/styles/default/breadcrumbs.json
deleted file mode 100644
index b0808ea8c..000000000
--- a/www/public/registry/styles/default/breadcrumbs.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "breadcrumbs",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/breadcrumbs/breadcrumbs.tsx",
-      "content": "\"use client\";\n\nimport {\n  Link as AriaLink,\n  Breadcrumbs as AriaBreadcrumbs,\n  Breadcrumb as AriaBreadcrumb,\n  type BreadcrumbsProps as AriaBreadcrumbsProps,\n  type BreadcrumbProps as AriaBreadcrumbProps,\n  type LinkProps as AriaLinkProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ChevronRightIcon } from \"@/__icons__\";\nimport { cn } from \"@/registry/ui/default/lib/cn\";\n\nconst breadcrumbsStyles = tv({\n  slots: {\n    root: \"flex flex-wrap items-center gap-1.5 break-words text-sm text-fg-muted [&_svg]:size-4\",\n    item: \"inline-flex items-center gap-1.5 [&_svg]:last:hidden\",\n    link: \"inline-flex items-center gap-1.5 hover:text-fg transition-colors current:text-fg disabled:[&:not([data-current])]:text-fg-disabled disabled:cursor-default\",\n  },\n});\n\ntype BreadcrumbsProps<T extends object> = AriaBreadcrumbsProps<T>;\n\nconst Breadcrumbs = <T extends object>({\n  className,\n  ...props\n}: BreadcrumbsProps<T>) => {\n  const { root } = breadcrumbsStyles();\n  return <AriaBreadcrumbs {...props} className={root({ className })} />;\n};\n\ntype BreadcrumbProps = Omit<AriaBreadcrumbProps, \"children\"> &\n  Omit<AriaLinkProps, \"className\" | \"style\"> & { icon?: React.ReactNode };\nconst Breadcrumb = ({\n  children,\n  className,\n  style,\n  icon = null,\n  ...props\n}: BreadcrumbProps) => {\n  return (\n    <BreadcrumbItem className={className} style={style} {...props}>\n      {icon}\n      <BreadcrumbLink {...props}>{children}</BreadcrumbLink>\n      <ChevronRightIcon />\n    </BreadcrumbItem>\n  );\n};\n\ntype BreadcrumbItemProps = AriaBreadcrumbProps;\nconst BreadcrumbItem = ({ className, ...props }: BreadcrumbItemProps) => {\n  const { item } = breadcrumbsStyles();\n  return <AriaBreadcrumb {...props} className={cn(item({ className }))} />;\n};\n\ninterface BreadcrumbLinkProps extends Omit<AriaLinkProps, \"className\"> {\n  className?: string;\n}\nconst BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => {\n  const { link } = breadcrumbsStyles();\n  return <AriaLink {...props} className={link({ className })} />;\n};\n\nexport type {\n  BreadcrumbsProps,\n  BreadcrumbProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n};\nexport { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };\n",
-      "type": "registry:core",
-      "target": "core/breadcrumbs.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/button.json b/www/public/registry/styles/default/button.json
deleted file mode 100644
index 5caeeda22..000000000
--- a/www/public/registry/styles/default/button.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "name": "button",
-  "type": "registry:core",
-  "dependencies": ["react-aria-components"],
-  "files": [
-    {
-      "path": "core/button/button.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type LinkProps as AriaLinkProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { LoaderIcon } from \"@/__icons__\";\nimport { focusRing } from \"@/registry/ui/default/lib/focus-styles\";\n\nconst buttonStyles = tv(\n  {\n    extend: focusRing,\n    base: \"inline-flex gap-2 cursor-pointer items-center justify-center whitespace-nowrap rounded-md leading-normal text-sm shrink-0 font-medium ring-offset-background transition-colors disabled:cursor-default disabled:bg-bg-disabled disabled:text-fg-disabled\",\n    variants: {\n      variant: {\n        default:\n          \"bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral\",\n        primary:\n          \"bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary\",\n        quiet:\n          \"bg-transparent hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg\",\n        outline:\n          \"border border-border-field bg-transparent hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg disabled:border-border-disabled disabled:bg-transparent\",\n        accent:\n          \"bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent\",\n        success:\n          \"bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess\",\n        warning:\n          \"bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning\",\n        danger:\n          \"bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger\",\n      },\n      size: {\n        sm: \"h-8 px-3 [&_svg]:size-4\",\n        md: \"h-9 px-4 [&_svg]:size-4\",\n        lg: \"h-10 px-5 [&_svg]:size-5\",\n      },\n      shape: {\n        rectangle: \"\",\n        square: \"\",\n        circle: \"rounded-full\",\n      },\n    },\n    compoundVariants: [\n      {\n        size: \"sm\",\n        shape: [\"square\", \"circle\"],\n        className: \"w-8 px-0\",\n      },\n      {\n        size: \"md\",\n        shape: [\"square\", \"circle\"],\n        className: \"w-9 px-0\",\n      },\n      {\n        size: \"lg\",\n        shape: [\"square\", \"circle\"],\n        className: \"w-10 px-0\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n      shape: \"rectangle\",\n    },\n  },\n  {\n    responsiveVariants: [\"sm\", \"lg\"],\n  }\n);\n\ninterface ButtonProps\n  extends Omit<AriaButtonProps, \"className\">,\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\n    VariantProps<typeof buttonStyles> {\n  className?: string;\n  isLoading?: boolean;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n    const contextProps = useButtonContext();\n    const props = { ...contextProps, ...localProps };\n    const {\n      className,\n      variant,\n      size,\n      shape,\n      isDisabled,\n      isLoading,\n      prefix,\n      suffix,\n      ...restProps\n    } = props;\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\n    return (\n      <Element\n        ref={ref}\n        {...restProps}\n        isDisabled={isDisabled || isLoading}\n        className={buttonStyles({ variant, size, shape, className })}\n      >\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {isLoading ? (\n              <LoaderIcon aria-label=\"loading\" className=\"animate-spin\" />\n            ) : (\n              prefix\n            )}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </Element>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\ntype ButtonContextValue = VariantProps<typeof buttonStyles>;\nconst ButtonContext = React.createContext<ButtonContextValue>({});\nconst useButtonContext = () => {\n  return React.useContext(ButtonContext);\n};\n\nexport type { ButtonProps };\nexport { Button, buttonStyles, ButtonContext };\n",
-      "type": "registry:core",
-      "target": "core/button.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/calendar.json b/www/public/registry/styles/default/calendar.json
deleted file mode 100644
index 59b3feb4e..000000000
--- a/www/public/registry/styles/default/calendar.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "calendar",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "button",
-    "heading",
-    "text"
-  ],
-  "files": [
-    {
-      "path": "core/calendar/calendar.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  Calendar as AriaCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarGridBody as AriaCalendarGridBody,\n  type CalendarProps as AriaCalendarProps,\n  type CalendarGridProps as AriaCalendarGridProps,\n  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,\n  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,\n  type CalendarGridBodyProps as AriaCalendarGridBodyProps,\n  type CalendarCellProps as AriaCalendarCellProps,\n  type DateValue,\n  CalendarContext as AriaCalendarContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@/__icons__\";\nimport { Button, buttonStyles } from \"@/registry/ui/default/core/button\";\nimport { Heading } from \"@/registry/ui/default/core/heading\";\nimport { Text } from \"@/registry/ui/default/core/text\";\n\nconst calendarStyles = tv({\n  slots: {\n    root: \"\",\n    header: \"mb-4 flex items-center justify-between gap-2\",\n    grid: \"w-full border-collapse\",\n    gridHeader: \"mb-4\",\n    gridHeaderCell: \"text-xs font-normal text-fg-muted\",\n    gridBody: \"[&>tr>td]:p-0\",\n    cell: \"\",\n  },\n  variants: {\n    standalone: {\n      true: {\n        root: \"border bg-bg rounded-md p-3\",\n      },\n      false: {\n        root: \"rounded-[inherit]\",\n      },\n    },\n    range: {\n      false: {\n        cell: [\n          buttonStyles({\n            variant: \"quiet\",\n            shape: \"square\",\n            size: \"sm\",\n          }),\n          \"my-1 selected:bg-bg-primary selected:text-fg-onPrimary disabled:cursor-default disabled:bg-transparent\",\n          \"selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger\",\n          \"unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted\",\n          \"outside-month:hidden\",\n        ],\n      },\n      true: {\n        cell: [\n          \"relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent disabled:text-fg-disabled\",\n          \"after:absolute after:inset-0 after:transition-colors after:content-[''] selected:after:bg-bg-primary/10\",\n          \"before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-[''] hover:before:bg-bg-inverse/10\",\n          \"outline-none before:border before:border-transparent before:ring-0 before:ring-border-focus focus-visible:z-50 focus-visible:before:border-border focus-visible:before:ring-2 focus-visible:before:ring-offset-2 focus-visible:before:ring-offset-bg\",\n          \"selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]\",\n          \"selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary\",\n          \"selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary\",\n          \"selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger\",\n          \"unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted\",\n          \"outside-month:hidden\",\n        ],\n      },\n    },\n  },\n  defaultVariants: {\n    range: false,\n  },\n});\n\ninterface CalendarProps<T extends DateValue>\n  extends Omit<AriaCalendarProps<T>, \"visibleDuration\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst Calendar = <T extends DateValue>({\n  errorMessage,\n  visibleMonths = 1,\n  ...props\n}: CalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n\n  return (\n    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <Heading className=\"text-sm\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </CalendarRoot>\n  );\n};\n\ntype CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;\nconst CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  const { root } = calendarStyles({ standalone });\n  return (\n    <AriaCalendar\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        root({ className })\n      )}\n    />\n  );\n};\n\ntype CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;\nconst CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {\n  const { header } = calendarStyles();\n  return <header className={header({ className })} {...props} />;\n};\n\ntype CalendarGridProps = AriaCalendarGridProps;\nconst CalendarGrid = ({ className, ...props }: CalendarGridProps) => {\n  const { grid } = calendarStyles();\n  return <AriaCalendarGrid className={grid({ className })} {...props} />;\n};\n\ntype CalendarGridHeaderProps = AriaCalendarGridHeaderProps;\nconst CalendarGridHeader = ({\n  className,\n  ...props\n}: CalendarGridHeaderProps) => {\n  const { gridHeader } = calendarStyles();\n  return (\n    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />\n  );\n};\n\ntype CalendarHeaderCellProps = AriaCalendarHeaderCellProps;\nconst CalendarHeaderCell = ({\n  className,\n  ...props\n}: CalendarHeaderCellProps) => {\n  const { gridHeaderCell } = calendarStyles();\n  return (\n    <AriaCalendarHeaderCell\n      className={gridHeaderCell({ className })}\n      {...props}\n    />\n  );\n};\n\ntype CalendarGridBodyProps = AriaCalendarGridBodyProps;\nconst CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {\n  const { gridBody } = calendarStyles();\n  return (\n    <AriaCalendarGridBody className={gridBody({ className })} {...props} />\n  );\n};\n\ntype CalendarCellProps = AriaCalendarCellProps & { range?: boolean };\nconst CalendarCell = ({ range, ...props }: CalendarCellProps) => {\n  const { cell } = calendarStyles({ range });\n  return (\n    <AriaCalendarCell\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        cell({ className })\n      )}\n    />\n  );\n};\n\nexport type {\n  CalendarProps,\n  CalendarRootProps,\n  CalendarGridProps,\n  CalendarGridHeaderProps,\n  CalendarHeaderCellProps,\n  CalendarGridBodyProps,\n  CalendarCellProps,\n};\nexport {\n  Calendar,\n  CalendarRoot,\n  CalendarHeader,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  CalendarGridBody,\n  CalendarCell,\n  calendarStyles,\n};\n",
-      "type": "registry:core",
-      "target": "core/calendar.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/checkbox-group.json b/www/public/registry/styles/default/checkbox-group.json
deleted file mode 100644
index d6ab481a9..000000000
--- a/www/public/registry/styles/default/checkbox-group.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "name": "checkbox-group",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "checkbox"
-  ],
-  "files": [
-    {
-      "path": "core/checkbox-group/checkbox-group.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  composeRenderProps,\n  type CheckboxGroupProps as AriaCheckboxGroupProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { CheckboxContext } from \"@/registry/ui/default/core/checkbox\";\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\n\nconst checkboxGroupStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2 items-start\",\n    wrapper: \"flex\",\n  },\n  variants: {\n    variant: {\n      default: {\n        wrapper: \"flex-col gap-0.5\",\n      },\n      card: {\n        wrapper: \"flex gap-2\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface CheckboxGroupProps\n  extends CheckboxGroupRootProps,\n    Omit<FieldProps, \"children\"> {}\nconst CheckboxGroup = React.forwardRef<\n  React.ElementRef<typeof AriaCheckboxGroup>,\n  CheckboxGroupProps\n>(\n  (\n    {\n      label,\n      description,\n      errorMessage,\n      necessityIndicator,\n      contextualHelp,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    const { wrapper } = checkboxGroupStyles({ variant });\n    return (\n      <CheckboxGroupRoot ref={ref} variant={variant} {...props}>\n        {composeRenderProps(props.children, (children, { isRequired }) => (\n          <Field\n            label={label}\n            description={description}\n            errorMessage={errorMessage}\n            isRequired={isRequired}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={contextualHelp}\n          >\n            <div className={wrapper()}>{children}</div>\n          </Field>\n        ))}\n      </CheckboxGroupRoot>\n    );\n  }\n);\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\ninterface CheckboxGroupRootProps\n  extends Omit<AriaCheckboxGroupProps, \"className\">,\n    VariantProps<typeof checkboxGroupStyles> {\n  className?: string;\n}\nconst CheckboxGroupRoot = React.forwardRef<\n  React.ElementRef<typeof AriaCheckboxGroup>,\n  CheckboxGroupRootProps\n>(({ className, variant, ...props }, ref) => {\n  const { root } = checkboxGroupStyles({ variant });\n  return (\n    <CheckboxContext.Provider value={{ variant }}>\n      <AriaCheckboxGroup ref={ref} className={root({ className })} {...props} />\n    </CheckboxContext.Provider>\n  );\n});\nCheckboxGroupRoot.displayName = \"CheckboxGroupRoot\";\n\nexport type { CheckboxGroupProps, CheckboxGroupRootProps };\nexport { CheckboxGroup, CheckboxGroupRoot };\n",
-      "type": "registry:core",
-      "target": "core/checkbox-group.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/checkbox.json b/www/public/registry/styles/default/checkbox.json
deleted file mode 100644
index 015ffae8c..000000000
--- a/www/public/registry/styles/default/checkbox.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "name": "checkbox",
-  "type": "registry:core",
-  "dependencies": ["react-aria-components"],
-  "files": [
-    {
-      "path": "core/checkbox/checkbox.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Checkbox as AriaCheckbox,\n  composeRenderProps,\n  type CheckboxProps as AriaCheckboxProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { CheckIcon, MinusIcon } from \"@/__icons__\";\nimport { focusRing, focusRingGroup } from \"@/registry/ui/default/lib/focus-styles\";\n\nconst checkboxStyles = tv({\n  slots: {\n    root: \"group flex flex-row items-center gap-2 cursor-pointer invalid:text-fg-danger disabled:text-fg-disabled disabled:cursor-default\",\n    indicator: [\n      \"flex items-center justify-center size-4 shrink-0 rounded-sm border border-border-control cursor-pointer\",\n      \"bg-transparent text-transparent group-selected:bg-bg-primary group-selected:text-fg-onPrimary transition-colors duration-75 group-selected:border-transparent\",\n      \"group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary\",\n      \"group-read-only:cursor-default\",\n      \"group-disabled:cursor-not-allowed group-disabled:border-border-disabled group-disabled:group-selected:text-fg-disabled group-disabled:group-selected:bg-bg-disabled group-disabled:group-indeterminate:bg-bg-disabled\",\n      \"group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger\",\n    ],\n  },\n  variants: {\n    variant: {\n      default: {\n        indicator: focusRingGroup(),\n      },\n      card: {\n        root: [\n          focusRing(),\n          \"border p-4 rounded-md flex-row-reverse gap-4 selected:bg-bg-muted disabled:selected:bg-bg-disabled transition-colors disabled:border-border-disabled\",\n        ],\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface CheckboxProps\n  extends Omit<AriaCheckboxProps, \"className\">,\n    VariantProps<typeof checkboxStyles> {\n  className?: string;\n}\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof AriaCheckbox>,\n  CheckboxProps\n>((localProps, ref) => {\n  const contextProps = useCheckboxContext();\n  const props = { ...contextProps, ...localProps };\n  const { className, variant, ...restProps } = props;\n  const { root, indicator } = checkboxStyles({ variant });\n  return (\n    <AriaCheckbox ref={ref} {...restProps} className={root({ className })}>\n      {composeRenderProps(props.children, (children, { isIndeterminate }) => (\n        <>\n          <div className={indicator({ className: \"\" })}>\n            {isIndeterminate ? (\n              <MinusIcon className=\"size-2.5\" />\n            ) : (\n              <CheckIcon className=\"size-3\" />\n            )}\n          </div>\n          <span>{children}</span>\n        </>\n      ))}\n    </AriaCheckbox>\n  );\n});\nCheckbox.displayName = \"Checkbox\";\n\ntype CheckboxContextValue = VariantProps<typeof checkboxStyles>;\nconst CheckboxContext = React.createContext<CheckboxContextValue>({});\nconst useCheckboxContext = () => {\n  return React.useContext(CheckboxContext);\n};\n\nexport type { CheckboxProps };\nexport { Checkbox, CheckboxContext };\n",
-      "type": "registry:core",
-      "target": "core/checkbox.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/cn.json b/www/public/registry/styles/default/cn.json
deleted file mode 100644
index a642ebe7b..000000000
--- a/www/public/registry/styles/default/cn.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "cn",
-  "type": "registry:lib",
-  "dependencies": [
-    "clsx",
-    "tailwind-merge"
-  ],
-  "files": [
-    {
-      "path": "lib/cn.ts",
-      "content": "import { type ClassValue, clsx } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n",
-      "type": "registry:lib"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/color-area.json b/www/public/registry/styles/default/color-area.json
deleted file mode 100644
index 13c9a9c07..000000000
--- a/www/public/registry/styles/default/color-area.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "name": "color-area",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "color-thumb"
-  ],
-  "files": [
-    {
-      "path": "core/color-area/color-area.tsx",
-      "content": "\"use client\";\r\n\r\nimport {\r\n  ColorArea as AriaColorArea,\r\n  composeRenderProps,\r\n  type ColorAreaProps as AriaColorAreaProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ColorThumb } from \"@/registry/ui/default/core/color-thumb\";\r\n\r\nconst colorAreaStyles = tv({\r\n  base: \"inline-block size-48 min-w-20 rounded-md disabled:!bg-bg-disabled\",\r\n});\r\n\r\ntype ColorAreaProps = Omit<ColorAreaRootProps, \"children\">;\r\nconst ColorArea = (props: ColorAreaProps) => {\r\n  return (\r\n    <ColorAreaRoot {...props}>\r\n      <ColorThumb />\r\n    </ColorAreaRoot>\r\n  );\r\n};\r\n\r\ninterface ColorAreaRootProps extends Omit<AriaColorAreaProps, \"className\"> {\r\n  className?: string;\r\n}\r\nconst ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {\r\n  return (\r\n    <AriaColorArea\r\n      {...props}\r\n      className={colorAreaStyles({ className })}\r\n      style={composeRenderProps(props.style, (style, { isDisabled }) => ({\r\n        ...style,\r\n        ...(isDisabled ? { background: \"none\" } : {}),\r\n      }))}\r\n    />\r\n  );\r\n};\r\n\r\nexport { ColorArea, ColorAreaRoot };\r\n",
-      "type": "registry:core",
-      "target": "core/color-area.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/color-field.json b/www/public/registry/styles/default/color-field.json
deleted file mode 100644
index c6f8973b3..000000000
--- a/www/public/registry/styles/default/color-field.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "name": "color-field",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "field",
-    "input"
-  ],
-  "files": [
-    {
-      "path": "core/color-field/color-field.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  ColorField as AriaColorField,\r\n  type ColorFieldProps as AriaColorFieldProps,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\r\nimport {\r\n  InputRoot,\r\n  Input,\r\n  type inputStyles,\r\n} from \"@/registry/ui/default/core/input\";\r\n\r\nconst colorFieldStyles = tv({\r\n  base: \"flex flex-col gap-2 items-start w-48\",\r\n});\r\n\r\ntype ColorFieldProps = ColorFieldRootProps &\r\n  Omit<FieldProps, \"children\"> &\r\n  VariantProps<typeof inputStyles> & {\r\n    prefix?: React.ReactNode;\r\n    suffix?: React.ReactNode;\r\n    isLoading?: boolean;\r\n    loaderPosition?: \"prefix\" | \"suffix\";\r\n    placeholder?: string;\r\n  };\r\nconst ColorField = React.forwardRef<HTMLInputElement, ColorFieldProps>(\r\n  (\r\n    {\r\n      className,\r\n      size,\r\n      placeholder,\r\n      label,\r\n      description,\r\n      errorMessage,\r\n      prefix,\r\n      suffix,\r\n      isLoading,\r\n      loaderPosition = \"suffix\",\r\n      isRequired,\r\n      necessityIndicator,\r\n      contextualHelp,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    return (\r\n      <ColorFieldRoot className={className} isRequired={isRequired} {...props}>\r\n        <Field\r\n          label={label}\r\n          description={description}\r\n          errorMessage={errorMessage}\r\n          isRequired={isRequired}\r\n          necessityIndicator={necessityIndicator}\r\n          contextualHelp={contextualHelp}\r\n        >\r\n          <InputRoot\r\n            size={size}\r\n            prefix={prefix}\r\n            suffix={suffix}\r\n            isLoading={isLoading}\r\n            loaderPosition={loaderPosition}\r\n          >\r\n            <Input ref={ref} placeholder={placeholder} />\r\n          </InputRoot>\r\n        </Field>\r\n      </ColorFieldRoot>\r\n    );\r\n  }\r\n);\r\nColorField.displayName = \"ColorField\";\r\n\r\ntype ColorFieldRootProps = Omit<AriaColorFieldProps, \"className\"> & {\r\n  className?: string;\r\n};\r\nconst ColorFieldRoot = React.forwardRef<\r\n  React.ElementRef<typeof AriaColorField>,\r\n  ColorFieldRootProps\r\n>(({ className, ...props }, ref) => {\r\n  return (\r\n    <AriaColorField\r\n      ref={ref}\r\n      className={colorFieldStyles({ className })}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nColorFieldRoot.displayName = \"ColorFieldRoot\";\r\n\r\nexport type { ColorFieldProps, ColorFieldRootProps };\r\nexport { ColorField, ColorFieldRoot };\r\n",
-      "type": "registry:core",
-      "target": "core/color-field.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/color-picker.json b/www/public/registry/styles/default/color-picker.json
deleted file mode 100644
index 3c65642b7..000000000
--- a/www/public/registry/styles/default/color-picker.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "name": "color-picker",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "button",
-    "color-area",
-    "color-field",
-    "color-slider",
-    "color-swatch",
-    "dialog",
-    "list-box",
-    "select"
-  ],
-  "files": [
-    {
-      "path": "core/color-picker/color-picker.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  getColorChannels,\r\n  ColorPicker as AriaColorPicker,\r\n  type ColorPickerProps as AriaColorPickerProps,\r\n  type ColorSpace,\r\n  composeRenderProps,\r\n} from \"react-aria-components\";\r\nimport { Button, type ButtonProps } from \"@/registry/ui/default/core/button\";\r\nimport { ColorArea } from \"@/registry/ui/default/core/color-area\";\r\nimport { ColorField } from \"@/registry/ui/default/core/color-field\";\r\nimport { ColorSlider } from \"@/registry/ui/default/core/color-slider\";\r\nimport { ColorSwatch } from \"@/registry/ui/default/core/color-swatch\";\r\nimport { Dialog, DialogRoot } from \"@/registry/ui/default/core/dialog\";\r\nimport { Item } from \"@/registry/ui/default/core/list-box\";\r\nimport { Select } from \"@/registry/ui/default/core/select\";\r\nimport { cn } from \"@/registry/ui/default/lib/cn\";\r\n\r\ntype ColorPickerProps = ColorPickerRootProps & Omit<ButtonProps, \"children\">;\r\nconst ColorPicker = ({\r\n  slot,\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  shape = \"square\",\r\n  ...props\r\n}: ColorPickerProps) => {\r\n  return (\r\n    <ColorPickerRoot\r\n      slot={slot}\r\n      value={value}\r\n      defaultValue={defaultValue}\r\n      onChange={onChange}\r\n    >\r\n      {composeRenderProps(props.children, (children) => (\r\n        <DialogRoot>\r\n          <Button shape={shape} {...props}>\r\n            <ColorSwatch />\r\n            {children}\r\n          </Button>\r\n          <Dialog type=\"popover\" mobileType=\"drawer\">\r\n            <ColorEditor className=\"mx-auto\" />\r\n          </Dialog>\r\n        </DialogRoot>\r\n      ))}\r\n    </ColorPickerRoot>\r\n  );\r\n};\r\n\r\ntype ColorPickerRootProps = AriaColorPickerProps;\r\nconst ColorPickerRoot = (props: ColorPickerRootProps) => {\r\n  return <AriaColorPicker {...props} />;\r\n};\r\n\r\ntype ColorEditorProps = React.HTMLAttributes<HTMLDivElement>;\r\nconst ColorEditor = ({ className, ...props }: ColorEditorProps) => {\r\n  const [space, setSpace] = React.useState<ColorSpace | \"hex\">(\"hex\");\r\n  return (\r\n    <div className={cn(\"mx-auto flex flex-col gap-2\", className)} {...props}>\r\n      <div className=\"flex gap-2\">\r\n        <ColorArea\r\n          colorSpace=\"hsb\"\r\n          xChannel=\"saturation\"\r\n          yChannel=\"brightness\"\r\n        />\r\n        <ColorSlider\r\n          orientation=\"vertical\"\r\n          colorSpace=\"hsb\"\r\n          channel=\"hue\"\r\n          showValueLabel={false}\r\n        />\r\n        <ColorSlider\r\n          orientation=\"vertical\"\r\n          colorSpace=\"hsb\"\r\n          channel=\"alpha\"\r\n          showValueLabel={false}\r\n        />\r\n      </div>\r\n      <div className=\"flex items-center gap-2\">\r\n        <Select\r\n          selectedKey={space}\r\n          onSelectionChange={(s) => setSpace(s as ColorSpace)}\r\n          size=\"sm\"\r\n        >\r\n          <Item id=\"hex\">Hex</Item>\r\n          <Item id=\"rgb\">RGB</Item>\r\n          <Item id=\"hsl\">HSL</Item>\r\n          <Item id=\"hsb\">HSB</Item>\r\n        </Select>\r\n        {space === \"hex\" ? (\r\n          <ColorField\r\n            aria-label=\"Hex\"\r\n            className=\"shrink-1 w-[40px] flex-1 basis-0\"\r\n            size=\"sm\"\r\n          />\r\n        ) : (\r\n          getColorChannels(space).map((channel) => (\r\n            <ColorField\r\n              key={channel}\r\n              colorSpace={space}\r\n              channel={channel}\r\n              className=\"shrink-1 w-[40px] flex-1 basis-0\"\r\n              size=\"sm\"\r\n            />\r\n          ))\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport type { ColorPickerProps, ColorPickerRootProps };\r\nexport { ColorPicker, ColorPickerRoot, ColorEditor };\r\n",
-      "type": "registry:core",
-      "target": "core/color-picker.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/color-slider.json b/www/public/registry/styles/default/color-slider.json
deleted file mode 100644
index 838050871..000000000
--- a/www/public/registry/styles/default/color-slider.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "name": "color-slider",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "color-thumb",
-    "field"
-  ],
-  "files": [
-    {
-      "path": "core/color-slider/color-slider.tsx",
-      "content": "\"use client\";\r\n\r\nimport {\r\n  composeRenderProps,\r\n  ColorSlider as AriaColorSlider,\r\n  SliderOutput as AriaSliderOutput,\r\n  SliderTrack as AriaSliderTrack,\r\n  type ColorSliderProps as AriaColorSliderProps,\r\n  type SliderOutputProps as AriaSliderOutputProps,\r\n  type SliderTrackProps as AriaSliderTrackProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ColorThumb } from \"@/registry/ui/default/core/color-thumb\";\r\nimport { Label } from \"@/registry/ui/default/core/field\";\r\nimport { cn } from \"@/registry/ui/default/lib/cn\";\r\n\r\nconst colorSliderStyles = tv({\r\n  slots: {\r\n    root: \"group/color-slider flex flex-col gap-2 orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center\",\r\n    output: \"text-fg-muted text-sm\",\r\n    track: [\r\n      \"orientation-horizontal:w-48 rounded-md orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-48 disabled:!bg-bg-disabled\",\r\n      \"relative before:absolute before:inset-0 before:z-[-1] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-[''] before:rounded-[inherit]\",\r\n    ],\r\n  },\r\n});\r\n\r\ninterface ColorSliderProps extends ColorSliderRootProps {\r\n  showValueLabel?: boolean;\r\n  label?: string;\r\n}\r\nconst ColorSlider = ({\r\n  label,\r\n  channel,\r\n  showValueLabel = true,\r\n  ...props\r\n}: ColorSliderProps) => {\r\n  return (\r\n    <ColorSliderRoot channel={channel} {...props}>\r\n      {(label || showValueLabel) && (\r\n        <div\r\n          className={cn(\r\n            \"flex items-center justify-between gap-2\",\r\n            !label && \"justify-end\"\r\n          )}\r\n        >\r\n          {label && <Label>{label}</Label>}\r\n          {showValueLabel && <ColorSliderOutput />}\r\n        </div>\r\n      )}\r\n      <ColorSliderTrack>\r\n        <ColorThumb />\r\n      </ColorSliderTrack>\r\n    </ColorSliderRoot>\r\n  );\r\n};\r\n\r\ntype ColorSliderRootProps = AriaColorSliderProps;\r\nconst ColorSliderRoot = (props: ColorSliderRootProps) => {\r\n  const { root } = colorSliderStyles();\r\n  return (\r\n    <AriaColorSlider\r\n      {...props}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        root({ className })\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\ntype ColorSliderTrackProps = AriaSliderTrackProps;\r\nconst ColorSliderTrack = (props: ColorSliderTrackProps) => {\r\n  const { track } = colorSliderStyles();\r\n  return (\r\n    <AriaSliderTrack\r\n      {...props}\r\n      style={composeRenderProps(props.style, (style, { isDisabled }) => ({\r\n        ...style,\r\n        ...(isDisabled ? { background: \"none\" } : {}),\r\n      }))}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        track({ className })\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\ntype ColorSliderOutputProps = AriaSliderOutputProps;\r\nconst ColorSliderOutput = (props: ColorSliderOutputProps) => {\r\n  const { output } = colorSliderStyles();\r\n  return (\r\n    <AriaSliderOutput\r\n      {...props}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        output({ className })\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nexport type {\r\n  ColorSliderProps,\r\n  ColorSliderRootProps,\r\n  ColorSliderTrackProps,\r\n  ColorSliderOutputProps,\r\n};\r\nexport {\r\n  ColorSlider,\r\n  ColorSliderRoot,\r\n  ColorSliderOutput,\r\n  ColorSliderTrack,\r\n  colorSliderStyles,\r\n};\r\n",
-      "type": "registry:core",
-      "target": "core/color-slider.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/color-swatch.json b/www/public/registry/styles/default/color-swatch.json
deleted file mode 100644
index 5348f9b95..000000000
--- a/www/public/registry/styles/default/color-swatch.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "color-swatch",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/color-swatch/color-swatch.tsx",
-      "content": "\"use client\";\r\n\r\nimport {\r\n  ColorSwatch as AriaColorSwatch,\r\n  type ColorSwatchProps as AriaColorSwatchProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst colorSwatchStyles = tv({\r\n  base: \"size-5 rounded-sm border\",\r\n});\r\n\r\ninterface ColorSwatchProps extends Omit<AriaColorSwatchProps, \"className\"> {\r\n  className?: string;\r\n}\r\nconst ColorSwatch = ({ className, ...props }: ColorSwatchProps) => {\r\n  return (\r\n    <AriaColorSwatch className={colorSwatchStyles({ className })} {...props} />\r\n  );\r\n};\r\n\r\nexport type { ColorSwatchProps };\r\nexport { ColorSwatch };\r\n",
-      "type": "registry:core",
-      "target": "core/color-swatch.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/color-thumb.json b/www/public/registry/styles/default/color-thumb.json
deleted file mode 100644
index e04e3f93d..000000000
--- a/www/public/registry/styles/default/color-thumb.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "name": "color-thumb",
-  "type": "registry:core",
-  "dependencies": ["react-aria-components"],
-  "files": [
-    {
-      "path": "core/color-thumb/color-thumb.tsx",
-      "content": "\"use client\";\r\n\r\nimport {\r\n  ColorThumb as AriaColorThumb,\r\n  type ColorThumbProps as AriaColorThumbProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { focusRing } from \"@/registry/ui/default/lib/focus-styles\";\r\n\r\nconst colorThumbStyles = tv({\r\n  extend: focusRing,\r\n  base: [\r\n    \"size-6 z-30 rounded-full border-2 border-white ring-1 ring-black/40 disabled:!bg-bg-disabled disabled:border-border-disabled\",\r\n    \"group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2\",\r\n  ],\r\n});\r\n\r\ninterface ColorThumbProps extends Omit<AriaColorThumbProps, \"className\"> {\r\n  className?: string;\r\n}\r\nconst ColorThumb = ({ className, ...props }: ColorThumbProps) => {\r\n  return (\r\n    <AriaColorThumb className={colorThumbStyles({ className })} {...props} />\r\n  );\r\n};\r\n\r\nexport type { ColorThumbProps };\r\nexport { ColorThumb };\r\n",
-      "type": "registry:core",
-      "target": "core/color-thumb.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/combobox.json b/www/public/registry/styles/default/combobox.json
deleted file mode 100644
index 0d6708ffa..000000000
--- a/www/public/registry/styles/default/combobox.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "combobox",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "button",
-    "field",
-    "input",
-    "list-box",
-    "overlay"
-  ],
-  "files": [
-    {
-      "path": "core/combobox/combobox.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  ComboBox as AriaCombobox,\r\n  type ComboBoxProps as AriaComboboxProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ChevronDownIcon } from \"@/__icons__\";\r\nimport { Button } from \"@/registry/ui/default/core/button\";\r\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\r\nimport { Input, InputRoot } from \"@/registry/ui/default/core/input\";\r\nimport { ListBox } from \"@/registry/ui/default/core/list-box\";\r\nimport { Overlay } from \"@/registry/ui/default/core/overlay\";\r\n\r\nconst comboboxStyles = tv({\r\n  slots: {\r\n    root: \"flex flex-col items-start gap-2 w-48\",\r\n  },\r\n});\r\n\r\ninterface ComboboxProps<T extends object>\r\n  extends Omit<ComboboxRootProps<T>, \"children\">,\r\n    Omit<FieldProps, \"children\"> {\r\n  isLoading?: boolean;\r\n  children: React.ReactNode | ((item: T) => React.ReactNode);\r\n  items?: Iterable<T>;\r\n}\r\nconst Combobox = <T extends object>({\r\n  label,\r\n  description,\r\n  errorMessage,\r\n  necessityIndicator,\r\n  contextualHelp,\r\n  children,\r\n  items,\r\n  isLoading,\r\n  ...props\r\n}: ComboboxProps<T>) => {\r\n  return (\r\n    <ComboboxRoot {...props}>\r\n      {({ isRequired }) => (\r\n        <>\r\n          <Field\r\n            label={label}\r\n            description={description}\r\n            errorMessage={errorMessage}\r\n            isRequired={isRequired}\r\n            necessityIndicator={necessityIndicator}\r\n            contextualHelp={contextualHelp}\r\n          >\r\n            <ComboboxTrigger />\r\n          </Field>\r\n          <Overlay type=\"popover\">\r\n            <ListBox items={items} isLoading={isLoading}>\r\n              {children}\r\n            </ListBox>\r\n          </Overlay>\r\n        </>\r\n      )}\r\n    </ComboboxRoot>\r\n  );\r\n};\r\n\r\nconst ComboboxTrigger = () => {\r\n  return (\r\n    <InputRoot className=\"px-0\">\r\n      <Input className=\"pl-2\" />\r\n      <Button variant=\"default\" shape=\"square\" className=\"size-7 my-1 mr-1\">\r\n        <ChevronDownIcon />\r\n      </Button>\r\n    </InputRoot>\r\n  );\r\n};\r\n\r\ninterface ComboboxRootProps<T extends object>\r\n  extends Omit<AriaComboboxProps<T>, \"className\"> {\r\n  className?: string;\r\n}\r\nconst ComboboxRoot = <T extends object>({\r\n  className,\r\n  ...props\r\n}: ComboboxRootProps<T>) => {\r\n  const { root } = comboboxStyles();\r\n  return <AriaCombobox className={root({ className })} {...props} />;\r\n};\r\n\r\nexport type { ComboboxProps, ComboboxRootProps };\r\nexport { Combobox, ComboboxRoot, ComboboxTrigger };\r\n",
-      "type": "registry:core",
-      "target": "core/combobox.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/date-field.json b/www/public/registry/styles/default/date-field.json
deleted file mode 100644
index 56a0b2d32..000000000
--- a/www/public/registry/styles/default/date-field.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "date-field",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "date-input",
-    "field",
-    "input"
-  ],
-  "files": [
-    {
-      "path": "core/date-field/date-field.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  DateField as AriaDateField,\r\n  type DateFieldProps as AriaDateFieldProps,\r\n  type DateValue,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { DateInput, DateSegment } from \"@/registry/ui/default/core/date-input\";\r\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\r\nimport {\r\n  InputRoot,\r\n  type InputRootProps,\r\n  type inputStyles,\r\n} from \"@/registry/ui/default/core/input\";\r\n\r\nconst dateFieldStyles = tv({\r\n  slots: {\r\n    root: \"flex flex-col items-start gap-2\",\r\n  },\r\n});\r\n\r\ninterface DateFieldProps<T extends DateValue>\r\n  extends DateFieldRootProps<T>,\r\n    Omit<FieldProps, \"children\">,\r\n    VariantProps<typeof inputStyles> {\r\n  prefix?: React.ReactNode;\r\n  suffix?: React.ReactNode;\r\n  isLoading?: boolean;\r\n  loaderPosition?: \"prefix\" | \"suffix\";\r\n}\r\n\r\nconst DateField = <T extends DateValue>({\r\n  className,\r\n  size,\r\n  label,\r\n  description,\r\n  errorMessage,\r\n  prefix,\r\n  suffix,\r\n  isLoading,\r\n  loaderPosition = \"suffix\",\r\n  isRequired,\r\n  isDisabled,\r\n  necessityIndicator,\r\n  contextualHelp,\r\n  ...props\r\n}: DateFieldProps<T>) => {\r\n  return (\r\n    <DateFieldRoot\r\n      className={className}\r\n      isRequired={isRequired}\r\n      isDisabled={isLoading || isDisabled}\r\n      {...props}\r\n    >\r\n      <Field\r\n        label={label}\r\n        description={description}\r\n        errorMessage={errorMessage}\r\n        isRequired={isRequired}\r\n        necessityIndicator={necessityIndicator}\r\n        contextualHelp={contextualHelp}\r\n      >\r\n        <DateFieldInput\r\n          size={size}\r\n          prefix={prefix}\r\n          suffix={suffix}\r\n          isLoading={isLoading}\r\n          loaderPosition={loaderPosition}\r\n        />\r\n      </Field>\r\n    </DateFieldRoot>\r\n  );\r\n};\r\n\r\ninterface DateFieldRootProps<T extends DateValue>\r\n  extends Omit<AriaDateFieldProps<T>, \"className\"> {\r\n  className?: string;\r\n}\r\nconst DateFieldRoot = <T extends DateValue>({\r\n  className,\r\n  ...props\r\n}: DateFieldRootProps<T>) => {\r\n  const { root } = dateFieldStyles();\r\n  return <AriaDateField className={root({ className })} {...props} />;\r\n};\r\n\r\nconst DateFieldInput = (props: InputRootProps) => (\r\n  <InputRoot {...props}>\r\n    <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\r\n  </InputRoot>\r\n);\r\n\r\nexport type { DateFieldProps, DateFieldRootProps };\r\nexport { DateField, DateFieldRoot };\r\n",
-      "type": "registry:core",
-      "target": "core/date-field.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/date-input.json b/www/public/registry/styles/default/date-input.json
deleted file mode 100644
index 9d2aa6d20..000000000
--- a/www/public/registry/styles/default/date-input.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "date-input",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/date-input/date-input.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  DateInput as AriaDateInput,\r\n  DateSegment as AriaDateSegment,\r\n  type DateSegmentProps as AriaDateSegmentProps,\r\n  type DateInputProps as AriaDateInputProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst dateInputStyles = tv({\r\n  slots: {\r\n    input: [\r\n      \"flex justify-start items-center text-fg placeholder:text-fg-muted disabled:text-fg-disabled disabled:cursor-default\",\r\n    ],\r\n    segment:\r\n      \"rounded px-0.5 outline-none focus:bg-bg-accent focus:text-fg-onAccent focus:caret-transparent select-none type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled\",\r\n  },\r\n});\r\n\r\ninterface DateInputProps extends Omit<AriaDateInputProps, \"className\"> {\r\n  className?: string;\r\n}\r\nconst DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(\r\n  ({ className, ...props }, ref) => {\r\n    const { input } = dateInputStyles();\r\n    return (\r\n      <AriaDateInput ref={ref} className={input({ className })} {...props} />\r\n    );\r\n  }\r\n);\r\nDateInput.displayName = \"Input\";\r\n\r\ninterface DateSegmentProps extends Omit<AriaDateSegmentProps, \"className\"> {\r\n  className?: string;\r\n}\r\nconst DateSegment = React.forwardRef<HTMLInputElement, DateSegmentProps>(\r\n  ({ className, ...props }, ref) => {\r\n    const { segment } = dateInputStyles();\r\n    return (\r\n      <AriaDateSegment\r\n        ref={ref}\r\n        className={segment({ className })}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\nDateSegment.displayName = \"Segment\";\r\n\r\nexport type { DateInputProps, DateSegmentProps };\r\nexport { DateInput, DateSegment };\r\n",
-      "type": "registry:core",
-      "target": "core/date-input.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/date-picker.json b/www/public/registry/styles/default/date-picker.json
deleted file mode 100644
index 3992a0f09..000000000
--- a/www/public/registry/styles/default/date-picker.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "name": "date-picker",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "button",
-    "calendar",
-    "dialog",
-    "date-input",
-    "field",
-    "input"
-  ],
-  "files": [
-    {
-      "path": "core/date-picker/date-picker.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  DatePicker as AriaDatePicker,\r\n  type DatePickerProps as AriaDatePickerProps,\r\n  type DateValue,\r\n} from \"react-aria-components\";\r\nimport { type VariantProps } from \"tailwind-variants\";\r\nimport { CalendarIcon } from \"@/__icons__\";\r\nimport { Button } from \"@/registry/ui/default/core/button\";\r\nimport { Calendar } from \"@/registry/ui/default/core/calendar\";\r\nimport { DateInput, DateSegment } from \"@/registry/ui/default/core/date-input\";\r\nimport { Dialog } from \"@/registry/ui/default/core/dialog\";\r\nimport {\r\n  Field,\r\n  fieldStyles,\r\n  type FieldProps,\r\n} from \"@/registry/ui/default/core/field\";\r\nimport { InputRoot, type inputStyles } from \"@/registry/ui/default/core/input\";\r\n\r\ninterface DatePickerProps<T extends DateValue>\r\n  extends DatePickerRootProps<T>,\r\n    Omit<FieldProps, \"children\">,\r\n    VariantProps<typeof inputStyles> {\r\n  prefix?: React.ReactNode;\r\n  isLoading?: boolean;\r\n}\r\n\r\nconst DatePicker = <T extends DateValue>({\r\n  className,\r\n  size,\r\n  label,\r\n  description,\r\n  errorMessage,\r\n  prefix,\r\n  isLoading,\r\n  isRequired,\r\n  isDisabled,\r\n  necessityIndicator,\r\n  contextualHelp,\r\n  ...props\r\n}: DatePickerProps<T>) => {\r\n  return (\r\n    <DatePickerRoot\r\n      className={className}\r\n      isRequired={isRequired}\r\n      isDisabled={isLoading || isDisabled}\r\n      {...props}\r\n    >\r\n      <Field\r\n        label={label}\r\n        description={description}\r\n        errorMessage={errorMessage}\r\n        isRequired={isRequired}\r\n        necessityIndicator={necessityIndicator}\r\n        contextualHelp={contextualHelp}\r\n      >\r\n        <InputRoot\r\n          size={size}\r\n          prefix={prefix}\r\n          isLoading={isLoading}\r\n          loaderPosition=\"prefix\"\r\n          className=\"pr-1\"\r\n        >\r\n          <DateInput>\r\n            {(segment) => <DateSegment segment={segment} />}\r\n          </DateInput>\r\n          <Button\r\n            variant=\"default\"\r\n            size=\"sm\"\r\n            shape=\"square\"\r\n            className=\"size-7 my-1 rounded-sm\"\r\n          >\r\n            <CalendarIcon />\r\n          </Button>\r\n        </InputRoot>\r\n      </Field>\r\n      <Dialog type=\"popover\" mobileType=\"drawer\" className=\"flex\">\r\n        <Calendar className=\"mx-auto\" />\r\n      </Dialog>\r\n    </DatePickerRoot>\r\n  );\r\n};\r\n\r\ninterface DatePickerRootProps<T extends DateValue>\r\n  extends Omit<AriaDatePickerProps<T>, \"className\"> {\r\n  className?: string;\r\n}\r\nconst DatePickerRoot = <T extends DateValue>({\r\n  className,\r\n  ...props\r\n}: DatePickerRootProps<T>) => {\r\n  const { root } = fieldStyles();\r\n  return <AriaDatePicker className={root({ className })} {...props} />;\r\n};\r\n\r\nexport type { DatePickerProps, DatePickerRootProps };\r\nexport { DatePicker, DatePickerRoot };\r\n",
-      "type": "registry:core",
-      "target": "core/date-picker.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/date-range-picker.json b/www/public/registry/styles/default/date-range-picker.json
deleted file mode 100644
index 5270ad0c4..000000000
--- a/www/public/registry/styles/default/date-range-picker.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "name": "date-range-picker",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "button",
-    "range-calendar",
-    "dialog",
-    "date-input",
-    "field",
-    "input"
-  ],
-  "files": [
-    {
-      "path": "core/date-range-picker/date-range-picker.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  DateRangePicker as AriaDateRangePicker,\r\n  type DateRangePickerProps as AriaDateRangePickerProps,\r\n  type DateValue,\r\n} from \"react-aria-components\";\r\nimport { type VariantProps } from \"tailwind-variants\";\r\nimport { CalendarIcon } from \"@/__icons__\";\r\nimport { Button } from \"@/registry/ui/default/core/button\";\r\nimport { DateInput, DateSegment } from \"@/registry/ui/default/core/date-input\";\r\nimport { Dialog } from \"@/registry/ui/default/core/dialog\";\r\nimport {\r\n  Field,\r\n  type FieldProps,\r\n  fieldStyles,\r\n} from \"@/registry/ui/default/core/field\";\r\nimport { InputRoot, type inputStyles } from \"@/registry/ui/default/core/input\";\r\nimport { RangeCalendar } from \"@/registry/ui/default/core/range-calendar\";\r\n\r\ninterface DateRangePickerProps<T extends DateValue>\r\n  extends DateRangePickerRootProps<T>,\r\n    Omit<FieldProps, \"children\">,\r\n    VariantProps<typeof inputStyles> {\r\n  prefix?: React.ReactNode;\r\n  isLoading?: boolean;\r\n}\r\n\r\nconst DateRangePicker = <T extends DateValue>({\r\n  className,\r\n  size,\r\n  label,\r\n  description,\r\n  errorMessage,\r\n  prefix,\r\n  isLoading,\r\n  isRequired,\r\n  isDisabled,\r\n  necessityIndicator,\r\n  contextualHelp,\r\n  ...props\r\n}: DateRangePickerProps<T>) => {\r\n  return (\r\n    <DateRangePickerRoot\r\n      className={className}\r\n      isRequired={isRequired}\r\n      isDisabled={isLoading || isDisabled}\r\n      {...props}\r\n    >\r\n      <Field\r\n        label={label}\r\n        description={description}\r\n        errorMessage={errorMessage}\r\n        isRequired={isRequired}\r\n        necessityIndicator={necessityIndicator}\r\n        contextualHelp={contextualHelp}\r\n      >\r\n        <InputRoot\r\n          size={size}\r\n          prefix={prefix}\r\n          isLoading={isLoading}\r\n          loaderPosition=\"prefix\"\r\n          className=\"pr-1\"\r\n        >\r\n          <DateInput slot=\"start\">\r\n            {(segment) => <DateSegment segment={segment} />}\r\n          </DateInput>\r\n          <span aria-hidden=\"true\">–</span>\r\n          <DateInput slot=\"end\" className=\"flex-1\">\r\n            {(segment) => <DateSegment segment={segment} />}\r\n          </DateInput>\r\n          <Button\r\n            variant=\"default\"\r\n            size=\"sm\"\r\n            shape=\"square\"\r\n            className=\"size-7 my-1 rounded-sm\"\r\n          >\r\n            <CalendarIcon />\r\n          </Button>\r\n        </InputRoot>\r\n      </Field>\r\n      <Dialog type=\"popover\" mobileType=\"drawer\" className=\"flex\">\r\n        <RangeCalendar className=\"mx-auto\" />\r\n      </Dialog>\r\n    </DateRangePickerRoot>\r\n  );\r\n};\r\n\r\ninterface DateRangePickerRootProps<T extends DateValue>\r\n  extends Omit<AriaDateRangePickerProps<T>, \"className\"> {\r\n  className?: string;\r\n}\r\nconst DateRangePickerRoot = <T extends DateValue>({\r\n  className,\r\n  ...props\r\n}: DateRangePickerRootProps<T>) => {\r\n  const { root } = fieldStyles();\r\n  return <AriaDateRangePicker className={root({ className })} {...props} />;\r\n};\r\n\r\nexport type { DateRangePickerProps, DateRangePickerRootProps };\r\nexport { DateRangePicker, DateRangePickerRoot };\r\n",
-      "type": "registry:core",
-      "target": "core/date-range-picker.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/dialog.json b/www/public/registry/styles/default/dialog.json
deleted file mode 100644
index 6f94c7741..000000000
--- a/www/public/registry/styles/default/dialog.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "dialog",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "overlay",
-    "heading",
-    "text"
-  ],
-  "files": [
-    {
-      "path": "core/dialog/dialog.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { useSlotId } from \"@react-aria/utils\";\nimport {\n  composeRenderProps,\n  DialogContext as AriaDialogContext,\n  DialogTrigger as AriaDialogTrigger,\n  Dialog as AriaDialog,\n  type DialogProps as AriaDialogProps,\n  type DialogTriggerProps as AriaDialogTriggerProps,\n  TextContext,\n} from \"react-aria-components\";\nimport { Provider } from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Heading } from \"@/registry/ui/default/core/heading\";\nimport { Overlay, type OverlayProps } from \"@/registry/ui/default/core/overlay\";\nimport { Text } from \"@/registry/ui/default/core/text\";\n\nconst dialogStyles = tv({\n  slots: {\n    content: [\n      \"relative outline-none rounded-[inherit] p-4 flex flex-col max-w-full\",\n      \"group-data-[type=modal]/overlay:p-6\",\n      \"group-data-[type=drawer]/overlay:pt-0\",\n    ],\n    header: \"mb-4\",\n    footer: \"flex flex-col-reverse sm:flex-row sm:justify-end gap-2 pt-4\",\n    inset:\n      \"-mx-4 group-data-[type=modal]/overlay:-mx-6 px-4 group-data-[type=modal]/overlay:px-6 py-4\",\n  },\n});\n\ntype DialogRootProps = AriaDialogTriggerProps;\nconst DialogRoot = (props: DialogRootProps) => {\n  const descriptionId = useSlotId();\n  return (\n    <Provider\n      values={[\n        [AriaDialogContext, { \"aria-describedby\": descriptionId }],\n        [TextContext, { slots: { description: { id: descriptionId } } }],\n      ]}\n    >\n      <AriaDialogTrigger {...props} />\n    </Provider>\n  );\n};\n\ninterface DialogProps extends DialogContentProps {\n  title?: string;\n  description?: string;\n  type?: OverlayProps[\"type\"];\n  showDismissButton?: OverlayProps[\"showDismissButton\"];\n  mobileType?: OverlayProps[\"mobileType\"];\n  mediaQuery?: OverlayProps[\"mediaQuery\"];\n  isDismissable?: boolean;\n}\nconst Dialog = ({\n  title,\n  description,\n  type = \"modal\",\n  mobileType = \"drawer\",\n  mediaQuery,\n  isDismissable: isDismissableProp,\n  showDismissButton,\n  ...props\n}: DialogProps) => {\n  const isDismissable =\n    isDismissableProp ?? (props.role === \"alertdialog\" ? false : true);\n  return (\n    <Overlay\n      isDismissable={isDismissable}\n      showDismissButton={showDismissButton}\n      type={type}\n      mobileType={mobileType}\n      mediaQuery={mediaQuery}\n    >\n      <DialogContent {...props}>\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {(title || description) && (\n              <DialogHeader>\n                {title && <Heading>{title}</Heading>}\n                {description && <Text slot=\"description\">{description}</Text>}\n              </DialogHeader>\n            )}\n            {children}\n          </>\n        ))}\n      </DialogContent>\n    </Overlay>\n  );\n};\n\ntype DialogContentProps = AriaDialogProps;\nconst DialogContent = ({\n  children,\n  className,\n  ...props\n}: DialogContentProps) => {\n  const { content } = dialogStyles();\n  return (\n    <AriaDialog className={content({ className })} {...props}>\n      {children}\n    </AriaDialog>\n  );\n};\n\ntype DialogHeaderProps = React.ComponentProps<\"header\">;\nconst DialogHeader = ({ children, className, ...props }: DialogHeaderProps) => {\n  const { header } = dialogStyles();\n  return (\n    <header className={header({ className })} {...props}>\n      {children}\n    </header>\n  );\n};\n\ntype DialogFooterProps = React.ComponentProps<\"footer\">;\nconst DialogFooter = ({ className, ...props }: DialogFooterProps) => {\n  const { footer } = dialogStyles();\n  return <footer className={footer({ className })} {...props} />;\n};\n\ntype DialogInsetProps = React.ComponentProps<\"div\">;\nconst DialogInset = ({ className, ...props }: DialogInsetProps) => {\n  const { inset } = dialogStyles();\n  return <div className={inset({ className })} {...props} />;\n};\n\nexport type {\n  DialogRootProps,\n  DialogProps,\n  DialogContentProps,\n  DialogHeaderProps,\n  DialogFooterProps,\n  DialogInsetProps,\n};\nexport {\n  DialogRoot,\n  DialogContent,\n  Dialog,\n  DialogHeader,\n  DialogFooter,\n  DialogInset,\n};\n",
-      "type": "registry:core",
-      "target": "core/dialog.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/drop-zone.json b/www/public/registry/styles/default/drop-zone.json
deleted file mode 100644
index 3a58ec96a..000000000
--- a/www/public/registry/styles/default/drop-zone.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "drop-zone",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/drop-zone/drop-zone.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  DropZone as AriaDropZone,\r\n  type DropZoneProps as AriaDropZoneProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst dropZoneStyles = tv({\r\n  slots: {\r\n    root: \"flex flex-col p-6 w-60 items-center justify-center gap-2 rounded-md border-2 border-dashed text-sm drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled\",\r\n    label: \"font-semibold text-md\",\r\n  },\r\n});\r\n\r\ntype DropZoneProps = AriaDropZoneProps;\r\nconst DropZone = (props: DropZoneProps) => {\r\n  const { root } = dropZoneStyles();\r\n  return (\r\n    <AriaDropZone\r\n      {...props}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        root({ className })\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nexport type { DropZoneProps };\r\nexport { DropZone };\r\n",
-      "type": "registry:core",
-      "target": "core/drop-zone.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/field.json b/www/public/registry/styles/default/field.json
deleted file mode 100644
index dbca892cc..000000000
--- a/www/public/registry/styles/default/field.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "field",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/field/field.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Label as AriaLabel,\n  Text as AriaText,\n  FieldError as AriaFieldError,\n  FieldErrorContext as AriaFieldErrorContext,\n  type TextProps as AriaTextProps,\n  type LabelProps as AriaLabelProps,\n  type FieldErrorProps as AriaFieldErrorProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { AsteriskIcon } from \"@/__icons__\";\n\nconst fieldStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2 items-start\",\n    label:\n      \"text-sm inline-flex items-center gap-px font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:text-fg-disabled [&_svg]:size-3\",\n    description: \"text-xs text-fg-muted\",\n    fieldError: \"text-xs text-fg-danger\",\n  },\n});\n\ntype LabelProps = AriaLabelProps & {\n  isRequired?: boolean;\n  necessityIndicator?: \"label\" | \"icon\";\n};\nconst Label = ({\n  className,\n  children,\n  isRequired,\n  necessityIndicator,\n  ...props\n}: LabelProps) => {\n  const { label } = fieldStyles();\n  const necessityLabel = isRequired ? \"(required)\" : \"(optional)\";\n  return (\n    <AriaLabel className={label({ className })} {...props}>\n      {children}\n      {isRequired && (\n        <span aria-hidden>{necessityIndicator === \"icon\" ? <></> : <></>}</span>\n      )}\n      {(necessityIndicator === \"label\" ||\n        (necessityIndicator === \"icon\" && isRequired)) &&\n        \" \\u200b\"}\n      {necessityIndicator === \"label\" && (\n        <span aria-hidden>{necessityLabel}</span>\n      )}\n      {necessityIndicator === \"icon\" && isRequired && <AsteriskIcon />}\n    </AriaLabel>\n  );\n};\n\ntype DescriptionProps = AriaTextProps;\nconst Description = ({ className, ...props }: DescriptionProps) => {\n  const { description } = fieldStyles();\n  return (\n    <AriaText\n      {...props}\n      slot=\"description\"\n      className={description({ className })}\n    />\n  );\n};\n\ntype FieldErrorProps = Omit<AriaFieldErrorProps, \"className\"> & {\n  className?: string;\n};\nconst FieldError = ({ className, ...props }: FieldErrorProps) => {\n  const { fieldError } = fieldStyles();\n  return <AriaFieldError {...props} className={fieldError({ className })} />;\n};\n\ninterface HelpTextProps {\n  errorMessage?: FieldErrorProps[\"children\"];\n  description?: DescriptionProps[\"children\"];\n}\nconst HelpText = (props: HelpTextProps) => {\n  const { errorMessage, description } = props;\n  const validation = React.useContext(AriaFieldErrorContext);\n  const isErrorMessage =\n    validation?.isInvalid &&\n    (!!errorMessage || validation.validationErrors.length > 0);\n  const hasHelpText = !!description || isErrorMessage;\n\n  if (!hasHelpText) return null;\n\n  return isErrorMessage ? (\n    <FieldError>{errorMessage}</FieldError>\n  ) : (\n    <Description>{description}</Description>\n  );\n};\n\ninterface FieldProps extends HelpTextProps {\n  label?: LabelProps[\"children\"];\n  isRequired?: LabelProps[\"isRequired\"];\n  necessityIndicator?: LabelProps[\"necessityIndicator\"];\n  contextualHelp?: React.ReactNode;\n  children?: React.ReactNode;\n}\nconst Field = (props: FieldProps) => {\n  const {\n    children,\n    label,\n    isRequired,\n    necessityIndicator,\n    contextualHelp,\n    ...helpTextProps\n  } = props;\n  return (\n    <>\n      {label && contextualHelp && (\n        <span className=\"flex items-center gap-2\">\n          <Label\n            isRequired={isRequired}\n            necessityIndicator={necessityIndicator}\n          >\n            {label}\n          </Label>\n          {contextualHelp}\n        </span>\n      )}\n      {label && !contextualHelp && (\n        <Label isRequired={isRequired} necessityIndicator={necessityIndicator}>\n          {label}\n        </Label>\n      )}\n      {children}\n      <HelpText {...helpTextProps} />\n    </>\n  );\n};\nField.displayName = \"Field\";\n\nexport type {\n  LabelProps,\n  DescriptionProps,\n  FieldErrorProps,\n  HelpTextProps,\n  FieldProps,\n};\nexport { Label, Description, FieldError, HelpText, Field, fieldStyles };\n",
-      "type": "registry:core",
-      "target": "core/field.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/file-trigger.json b/www/public/registry/styles/default/file-trigger.json
deleted file mode 100644
index 244f0420c..000000000
--- a/www/public/registry/styles/default/file-trigger.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "file-trigger",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/file-trigger/file-trigger.tsx",
-      "content": "\"use client\";\r\n\r\nimport { FileTrigger, type FileTriggerProps } from \"react-aria-components\";\r\n\r\nexport type { FileTriggerProps };\r\nexport { FileTrigger };\r\n",
-      "type": "registry:core",
-      "target": "core/file-trigger.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/focus-styles.json b/www/public/registry/styles/default/focus-styles.json
deleted file mode 100644
index 51e502618..000000000
--- a/www/public/registry/styles/default/focus-styles.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "name": "focus-styles",
-  "type": "registry:lib",
-  "dependencies": [
-    "tailwind-variants"
-  ],
-  "files": [
-    {
-      "path": "lib/focus-styles.ts",
-      "content": "import { tv } from \"tailwind-variants\";\r\n\r\nexport const focusRing = tv({\r\n  base: \"outline-none ring-0 ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg focus-visible:ring-2\",\r\n});\r\n\r\nexport const focusRingGroup = tv({\r\n  base: \"outline-none ring-0 ring-border-focus group-focus-visible:ring-offset-2 group-focus-visible:ring-offset-bg group-focus-visible:ring-2\",\r\n});\r\n\r\nexport const focusInput = tv({\r\n  base: \"ring-0 focus-within:ring-border-focus focus-within:ring-2\",\r\n});\r\n",
-      "type": "registry:lib"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/group.json b/www/public/registry/styles/default/group.json
deleted file mode 100644
index b45a14af5..000000000
--- a/www/public/registry/styles/default/group.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "group",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/group/group.tsx",
-      "content": "\"use client\";\r\n\r\nimport { Group, type GroupProps } from \"react-aria-components\";\r\n\r\nexport type { GroupProps };\r\nexport { Group };\r\n",
-      "type": "registry:core",
-      "target": "core/group.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/heading.json b/www/public/registry/styles/default/heading.json
deleted file mode 100644
index fc9f3f581..000000000
--- a/www/public/registry/styles/default/heading.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "heading",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/heading/heading.tsx",
-      "content": "\"use client\";\r\n\r\nimport {\r\n  Heading as AriaHeading,\r\n  type HeadingProps as AriaHeadingProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst headingStyles = tv({\r\n  base: \"text-lg font-medium\",\r\n});\r\n\r\ntype HeadingProps = AriaHeadingProps;\r\nconst Heading = ({ className, ...props }: HeadingProps) => {\r\n  return <AriaHeading className={headingStyles({ className })} {...props} />;\r\n};\r\n\r\nexport type { HeadingProps };\r\nexport { Heading };\r\n",
-      "type": "registry:core",
-      "target": "core/heading.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/index.json b/www/public/registry/styles/default/index.json
deleted file mode 100644
index e60dd07ce..000000000
--- a/www/public/registry/styles/default/index.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "name": "default",
-  "type": "registry:style",
-  "label": "Default",
-  "dependencies": [
-    "tailwindcss-animate"
-  ],
-  "registryDependencies": [
-    "cn",
-    "focus-styles"
-  ],
-  "tailwind": {
-    "config": {
-      "plugins": [
-        "require(\"tailwindcss-animate\")"
-      ]
-    }
-  },
-  "cssVars": {},
-  "files": []
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/input.json b/www/public/registry/styles/default/input.json
deleted file mode 100644
index c7b986c85..000000000
--- a/www/public/registry/styles/default/input.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "name": "input",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components",
-    "@react-aria/utils",
-    "@react-stately/utils"
-  ],
-  "files": [
-    {
-      "path": "core/input/input.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { mergeRefs, chain } from \"@react-aria/utils\";\r\nimport { useControlledState } from \"@react-stately/utils\";\r\nimport {\r\n  Provider,\r\n  composeRenderProps,\r\n  Input as AriaInput,\r\n  Group as AriaGroup,\r\n  TextArea as AriaTextArea,\r\n  InputContext as AriaInputContext,\r\n  TextAreaContext as AriaTextAreaContext,\r\n  type TextAreaProps as AriaTextAreaProps,\r\n  type GroupProps as AriaGroupProps,\r\n  type InputProps as AriaInputProps,\r\n  useSlottedContext,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { LoaderIcon } from \"@/__icons__\";\r\nimport { focusInput } from \"@/registry/ui/default/lib/focus-styles\";\r\n\r\nconst inputStyles = tv({\r\n  slots: {\r\n    root: [\r\n      focusInput(),\r\n      \"inline-flex justify-start items-center gap-2 px-2 transition-colors w-full rounded-md border border-border-field bg-bg shadow-sm cursor-text text-fg-muted text-base sm:text-sm [&_svg]:size-4\",\r\n      \"disabled:cursor-default disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled\",\r\n      \"invalid:border-border-danger focus-within:invalid:border-border\",\r\n    ],\r\n    input: [\r\n      \"bg-transparent outline-none w-full h-full text-fg placeholder:text-fg-muted disabled:text-fg-disabled disabled:cursor-default\",\r\n    ],\r\n  },\r\n  variants: {\r\n    size: {\r\n      sm: { root: \"h-8\" },\r\n      md: { root: \"h-9\" },\r\n      lg: { root: \"h-10\" },\r\n    },\r\n    multiline: {\r\n      true: {\r\n        root: \"h-auto flex-col items-stretch p-2\",\r\n        input: \"min-h-14 resize-none overflow-auto\",\r\n      },\r\n      false: {\r\n        input: \"flex-1\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n    multiline: false,\r\n  },\r\n});\r\n\r\ninterface TextAreaInputProps extends Omit<AriaTextAreaProps, \"className\"> {\r\n  className?: string;\r\n}\r\nconst TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(\r\n  ({ className, onChange, rows = 1, ...props }, forwardedRef) => {\r\n    const { input } = inputStyles({ multiline: true });\r\n    const [inputValue, setInputValue] = useControlledState(\r\n      props.value,\r\n      props.defaultValue ?? \"\",\r\n      () => {\r\n        // Do nothing\r\n      }\r\n    );\r\n    const inputRef = React.useRef<HTMLTextAreaElement>(null);\r\n\r\n    const onHeightChange = React.useCallback(() => {\r\n      if (inputRef.current) {\r\n        const input = inputRef.current;\r\n        const prevAlignment = input.style.alignSelf;\r\n        const prevOverflow = input.style.overflow;\r\n        const isFirefox = \"MozAppearance\" in input.style;\r\n        if (!isFirefox) {\r\n          input.style.overflow = \"hidden\";\r\n        }\r\n        input.style.alignSelf = \"start\";\r\n        input.style.height = \"auto\";\r\n        input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\r\n        input.style.overflow = prevOverflow;\r\n        input.style.alignSelf = prevAlignment;\r\n      }\r\n    }, [inputRef]);\r\n\r\n    React.useLayoutEffect(() => {\r\n      if (inputRef.current) {\r\n        onHeightChange();\r\n      }\r\n    }, [onHeightChange, inputValue, inputRef]);\r\n\r\n    return (\r\n      <AriaTextArea\r\n        ref={mergeRefs(inputRef, forwardedRef)}\r\n        className={input({ className })}\r\n        onChange={chain(onChange, setInputValue)}\r\n        rows={rows}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\nTextAreaInput.displayName = \"TextAreaInput\";\r\n\r\ninterface InputProps\r\n  extends Omit<AriaInputProps, \"className\" | \"size\" | \"prefix\"> {\r\n  className?: string;\r\n}\r\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n  ({ className, ...props }, ref) => {\r\n    const { input } = inputStyles();\r\n    return <AriaInput ref={ref} className={input({ className })} {...props} />;\r\n  }\r\n);\r\nInput.displayName = \"Input\";\r\n\r\ninterface InputRootProps\r\n  extends Omit<AriaGroupProps, \"className\" | \"prefix\">,\r\n    VariantProps<typeof inputStyles> {\r\n  prefix?: React.ReactNode;\r\n  suffix?: React.ReactNode;\r\n  isLoading?: boolean;\r\n  loaderPosition?: \"prefix\" | \"suffix\";\r\n  className?: string;\r\n}\r\nconst InputRoot = ({\r\n  className,\r\n  prefix,\r\n  suffix,\r\n  isLoading,\r\n  loaderPosition,\r\n  size,\r\n  multiline,\r\n  ...props\r\n}: InputRootProps) => {\r\n  const { root } = inputStyles({ size, multiline });\r\n  const inputContext = useSlottedContext(AriaInputContext);\r\n  const textAreaContext = useSlottedContext(AriaTextAreaContext);\r\n  const inputRef = React.useRef(null);\r\n  const isDisabled =\r\n    props.isDisabled || inputContext?.disabled || textAreaContext?.disabled;\r\n  const isInvalid =\r\n    props.isInvalid ||\r\n    (!!inputContext?.[\"aria-invalid\"] &&\r\n      inputContext[\"aria-invalid\"] !== \"false\") ||\r\n    (!!textAreaContext?.[\"aria-invalid\"] &&\r\n      textAreaContext[\"aria-invalid\"] !== \"false\");\r\n\r\n  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {\r\n    const target = event.target as HTMLElement;\r\n    if (target.closest(\"input, button, a\")) return;\r\n    const input = (\r\n      inputRef as React.RefObject<HTMLInputElement | HTMLTextAreaElement>\r\n    ).current;\r\n    if (!input) return;\r\n    requestAnimationFrame(() => {\r\n      input.focus();\r\n    });\r\n  };\r\n\r\n  return (\r\n    <AriaGroup\r\n      role=\"presentation\"\r\n      {...props}\r\n      onPointerDown={handlePointerDown}\r\n      isDisabled={isDisabled}\r\n      isInvalid={isInvalid}\r\n      className={root({ className })}\r\n    >\r\n      {composeRenderProps(props.children, (children) => (\r\n        <Provider\r\n          values={[\r\n            [\r\n              AriaInputContext,\r\n              {\r\n                ...inputContext,\r\n                ref: mergeRefs(inputRef, inputContext?.ref ?? null),\r\n              },\r\n            ],\r\n            [\r\n              AriaTextAreaContext,\r\n              {\r\n                ...textAreaContext,\r\n                ref: mergeRefs(inputRef, textAreaContext?.ref ?? null),\r\n              },\r\n            ],\r\n          ]}\r\n        >\r\n          {isLoading && loaderPosition === \"prefix\" ? (\r\n            <LoaderIcon className=\"animate-spin\" />\r\n          ) : (\r\n            prefix\r\n          )}\r\n          {children}\r\n          {isLoading && loaderPosition === \"suffix\" ? (\r\n            <LoaderIcon className=\"animate-spin\" />\r\n          ) : (\r\n            suffix\r\n          )}\r\n        </Provider>\r\n      ))}\r\n    </AriaGroup>\r\n  );\r\n};\r\n\r\nexport type { InputProps, InputRootProps, TextAreaInputProps };\r\nexport { Input, TextAreaInput, InputRoot, inputStyles };\r\n",
-      "type": "registry:core",
-      "target": "core/input.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/kbd.json b/www/public/registry/styles/default/kbd.json
deleted file mode 100644
index b149a7c8e..000000000
--- a/www/public/registry/styles/default/kbd.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "kbd",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/kbd/kbd.tsx",
-      "content": "\"use client\";\r\n\r\nimport { Keyboard } from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst KbdStyles = tv({\r\n  base: \"text-fg-muted text-xs tracking-widest\",\r\n  variants: {\r\n    variant: {\r\n      default: \"\",\r\n      outline: \"px-2 py-1 border rounded-md\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n  },\r\n});\r\n\r\ntype KbdProps = React.HTMLAttributes<HTMLElement>;\r\nconst Kbd = ({ className, ...props }: KbdProps) => {\r\n  return <Keyboard className={KbdStyles({ className })} {...props} />;\r\n};\r\n\r\nexport type { KbdProps };\r\nexport { Kbd, KbdStyles };\r\n",
-      "type": "registry:core",
-      "target": "core/kbd.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/link.json b/www/public/registry/styles/default/link.json
deleted file mode 100644
index 2443127fa..000000000
--- a/www/public/registry/styles/default/link.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "name": "link",
-  "type": "registry:core",
-  "dependencies": ["react-aria-components"],
-  "files": [
-    {
-      "path": "core/link/link.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  Link as AriaLink,\r\n  composeRenderProps,\r\n  type LinkProps as AriaLinkProps,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { focusRing } from \"@/registry/ui/default/lib/focus-styles\";\r\n\r\nconst linkVariants = tv({\r\n  extend: focusRing,\r\n  base: \"inline-flex items-center transition-colors gap-1 disabled:text-fg-disabled\",\r\n  variants: {\r\n    variant: {\r\n      accent: \"text-fg-accent hover:text-[#5e9fe0]\",\r\n      quiet: \"underline underline-offset-2\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"accent\",\r\n  },\r\n});\r\n\r\ninterface LinkProps extends AriaLinkProps, VariantProps<typeof linkVariants> {}\r\n\r\nconst Link = ({ variant, ...props }: LinkProps) => {\r\n  return (\r\n    <AriaLink\r\n      {...props}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        linkVariants({ variant, className })\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nexport type { LinkProps };\r\nexport { Link, linkVariants };\r\n",
-      "type": "registry:core",
-      "target": "core/link.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/list-box.json b/www/public/registry/styles/default/list-box.json
deleted file mode 100644
index e9f560cef..000000000
--- a/www/public/registry/styles/default/list-box.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "name": "list-box",
-  "type": "registry:core",
-  "dependencies": ["react-aria-components"],
-  "registryDependencies": ["text"],
-  "files": [
-    {
-      "path": "core/list-box/list-box.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  ListBox as AriaListBox,\r\n  ListBoxItem as AriaListBoxItem,\r\n  Collection as AriaCollection,\r\n  type ListBoxProps as AriaListBoxProps,\r\n  type ListBoxItemProps as AriaListBoxItemProps,\r\n  ListStateContext,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { CheckIcon, LoaderIcon } from \"@/__icons__\";\r\nimport { Text } from \"@/registry/ui/default/core/text\";\r\nimport { focusRing } from \"@/registry/ui/default/lib/focus-styles\";\r\n\r\nconst listBoxStyles = tv({\r\n  base: [\r\n    focusRing(),\r\n    \"flex flex-col p-1 overflow-auto outline-none orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:justify-center empty:items-center empty:italic empty:min-h-24 empty:text-fg-muted empty:text-sm\",\r\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\r\n  ],\r\n  variants: {\r\n    standalone: {\r\n      true: \"border bg-bg w-48 rounded-md max-h-60 overflow-y-auto\",\r\n      false: \"rounded-[inherit] max-h-[inherit]\",\r\n    },\r\n  },\r\n});\r\n\r\nconst listBoxItemStyles = tv({\r\n  base: [\r\n    \"flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm outline-none transition-colors disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled disabled:cursor-default\",\r\n    \"selection-single:pl-0 selection-multiple:pl-0\",\r\n    \"[&_svg]:size-4\",\r\n  ],\r\n  variants: {\r\n    variant: {\r\n      default: \"text-fg\",\r\n      success: \"text-fg-success\",\r\n      warning: \"text-fg-warning\",\r\n      accent: \"text-fg-accent\",\r\n      danger: \"text-fg-danger\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n  },\r\n});\r\n\r\ninterface ListBoxProps<T> extends AriaListBoxProps<T> {\r\n  isLoading?: boolean;\r\n}\r\nconst ListBox = <T extends object>({\r\n  children,\r\n  isLoading,\r\n  ...props\r\n}: ListBoxProps<T>) => {\r\n  const state = React.useContext(ListStateContext);\r\n  const standalone = !state;\r\n  return (\r\n    <AriaListBox\r\n      {...props}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        listBoxStyles({ standalone, className })\r\n      )}\r\n    >\r\n      <AriaCollection items={props.items}>{children}</AriaCollection>\r\n      {isLoading && (\r\n        <AriaListBoxItem className=\"flex items-center justify-center py-1.5\">\r\n          <LoaderIcon\r\n            aria-label=\"Loading more...\"\r\n            className=\"size-5 animate-spin text-fg-muted\"\r\n          />\r\n        </AriaListBoxItem>\r\n      )}\r\n    </AriaListBox>\r\n  );\r\n};\r\n\r\ninterface ItemProps<T>\r\n  extends AriaListBoxItemProps<T>,\r\n    VariantProps<typeof listBoxItemStyles> {\r\n  label?: string;\r\n  description?: string;\r\n  prefix?: React.ReactNode;\r\n  suffix?: React.ReactNode;\r\n}\r\nconst Item = <T extends object>({\r\n  variant,\r\n  label,\r\n  description,\r\n  prefix,\r\n  suffix,\r\n  ...props\r\n}: ItemProps<T>) => {\r\n  const textValue =\r\n    props.textValue ||\r\n    (typeof props.children === \"string\" ? props.children : undefined);\r\n  return (\r\n    <AriaListBoxItem\r\n      {...props}\r\n      textValue={textValue}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        listBoxItemStyles({ variant, className })\r\n      )}\r\n    >\r\n      {composeRenderProps(\r\n        props.children,\r\n        (children, { isSelected, selectionMode }) => (\r\n          <>\r\n            {selectionMode !== \"none\" && (\r\n              <span className=\"flex w-8 shrink-0 items-center justify-center\">\r\n                {isSelected && (\r\n                  <CheckIcon aria-hidden className=\"size-4 text-fg-accent\" />\r\n                )}\r\n              </span>\r\n            )}\r\n            <span className=\"flex items-center gap-3\">\r\n              {prefix}\r\n              <span className=\"flex flex-1 flex-col\">\r\n                {label && <Text slot=\"label\">{label}</Text>}\r\n                {description && <Text slot=\"description\">{description}</Text>}\r\n                {children}\r\n              </span>\r\n              {suffix}\r\n            </span>\r\n          </>\r\n        )\r\n      )}\r\n    </AriaListBoxItem>\r\n  );\r\n};\r\n\r\nexport type { ListBoxProps, ItemProps };\r\nexport { ListBox, Item };\r\n",
-      "type": "registry:core",
-      "target": "core/list-box.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/menu.json b/www/public/registry/styles/default/menu.json
deleted file mode 100644
index bdd689d60..000000000
--- a/www/public/registry/styles/default/menu.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "menu",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "overlay",
-    "kbd",
-    "text"
-  ],
-  "files": [
-    {
-      "path": "core/menu/menu.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  Menu as AriaMenu,\n  MenuTrigger as AriaMenuTrigger,\n  MenuItem as AriaMenuItem,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  type MenuItemProps as AriaMenuItemProps,\n  type MenuProps as AriaMenuProps,\n  type MenuTriggerProps as AriaMenuTriggerProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { CheckIcon, ChevronRightIcon } from \"@/__icons__\";\nimport { Kbd } from \"@/registry/ui/default/core/kbd\";\nimport { Overlay, type OverlayProps } from \"@/registry/ui/default/core/overlay\";\nimport { Text } from \"@/registry/ui/default/core/text\";\n\nconst menuStyles = tv({\n  base: [\n    \"outline-none rounded-[inherit] max-h[inherit] p-1\",\n    \"group-data-[type=drawer]/overlay:p-2\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n});\n\nconst menuItemStyles = tv({\n  base: [\n    \"flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm outline-none transition-colors disabled:pointer-events-none focus:bg-bg-inverse/10 disabled:text-fg-disabled\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3\",\n    \"group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ntype MenuRootProps = AriaMenuTriggerProps;\nconst MenuRoot = (props: MenuRootProps) => {\n  return <AriaMenuTrigger {...props} />;\n};\n\ntype MenuProps<T> = MenuContentProps<T> & {\n  type?: OverlayProps[\"type\"];\n  mobileType?: OverlayProps[\"mobileType\"];\n  mediaQuery?: OverlayProps[\"mediaQuery\"];\n  placement?: OverlayProps[\"placement\"];\n};\nconst Menu = <T extends object>({\n  placement,\n  type = \"popover\",\n  mobileType = \"drawer\",\n  mediaQuery,\n  ...props\n}: MenuProps<T>) => {\n  return (\n    <Overlay\n      type={type}\n      mobileType={mobileType}\n      mediaQuery={mediaQuery}\n      placement={placement}\n    >\n      <MenuContent {...props} />\n    </Overlay>\n  );\n};\n\ntype MenuContentProps<T> = AriaMenuProps<T>;\nconst MenuContent = <T extends object>({\n  className,\n  ...props\n}: MenuContentProps<T>) => {\n  return <AriaMenu className={menuStyles({ className })} {...props} />;\n};\n\nconst MenuSub = AriaSubmenuTrigger;\n\ninterface MenuItemProps<T>\n  extends Omit<AriaMenuItemProps<T>, \"className\">,\n    VariantProps<typeof menuItemStyles> {\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n  label?: string;\n  description?: string;\n  shortcut?: string;\n  className?: string;\n}\nconst MenuItem = <T extends object>({\n  className,\n  label,\n  description,\n  prefix,\n  suffix,\n  shortcut,\n  variant,\n  ...props\n}: MenuItemProps<T>) => {\n  return (\n    <AriaMenuItem className={menuItemStyles({ className, variant })} {...props}>\n      {composeRenderProps(\n        props.children,\n        (children, { selectionMode, isSelected, hasSubmenu }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"size-4 text-fg-accent\" />\n                )}\n              </span>\n            )}\n            {prefix}\n            <span className=\"flex items-center gap-2\">\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n              {shortcut && <Kbd>{shortcut}</Kbd>}\n              {hasSubmenu && (\n                <ChevronRightIcon aria-hidden className=\"size-4\" />\n              )}\n            </span>\n          </>\n        )\n      )}\n    </AriaMenuItem>\n  );\n};\n\nexport type { MenuRootProps, MenuProps };\nexport { MenuRoot, Menu, MenuItem, MenuContent, MenuSub };\n",
-      "type": "registry:core",
-      "target": "core/menu.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/number-field.json b/www/public/registry/styles/default/number-field.json
deleted file mode 100644
index e965ab8aa..000000000
--- a/www/public/registry/styles/default/number-field.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "number-field",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "input",
-    "field",
-    "button"
-  ],
-  "files": [
-    {
-      "path": "core/number-field/number-field.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  NumberField as AriaNumberField,\r\n  type NumberFieldProps as AriaNumberFieldProps,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport {\r\n  ChevronDownIcon,\r\n  ChevronUpIcon,\r\n  MinusIcon,\r\n  PlusIcon,\r\n} from \"@/__icons__\";\r\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\r\nimport { Button, type ButtonProps } from \"@/registry/ui/default/core/button\";\r\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\r\nimport {\r\n  InputRoot,\r\n  Input,\r\n  type inputStyles,\r\n} from \"@/registry/ui/default/core/input\";\r\n\r\nconst numberFieldStyles = tv({\r\n  base: \"flex flex-col gap-2 items-start w-48\",\r\n});\r\n\r\ntype NumberFieldProps = NumberFieldRootProps &\r\n  Omit<FieldProps, \"children\"> &\r\n  VariantProps<typeof inputStyles> & {\r\n    placeholder?: string;\r\n  };\r\nconst NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>(\r\n  (\r\n    {\r\n      className,\r\n      size,\r\n      placeholder,\r\n      label,\r\n      description,\r\n      errorMessage,\r\n      isRequired,\r\n      necessityIndicator,\r\n      contextualHelp,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const isMobile = useMediaQuery(\"(max-width: 768px)\");\r\n    const prefix = isMobile ? (\r\n      <NumberFieldButton\r\n        slot=\"decrement\"\r\n        className=\"h-full rounded-none rounded-l-md border-r\"\r\n      />\r\n    ) : null;\r\n    const suffix = isMobile ? (\r\n      <NumberFieldButton\r\n        slot=\"increment\"\r\n        className=\"h-full rounded-none rounded-r-md border-l\"\r\n      />\r\n    ) : (\r\n      <div className=\"flex h-full flex-col rounded-r-md\">\r\n        <NumberFieldButton\r\n          slot=\"increment\"\r\n          iconType=\"chevron\"\r\n          className=\"h-auto flex-1 shrink rounded-none rounded-tr-md border-b border-l\"\r\n        />\r\n        <NumberFieldButton\r\n          slot=\"decrement\"\r\n          iconType=\"chevron\"\r\n          className=\"h-auto flex-1 shrink rounded-none rounded-br-md border-l\"\r\n        />\r\n      </div>\r\n    );\r\n    return (\r\n      <NumberFieldRoot className={className} {...props}>\r\n        <Field\r\n          label={label}\r\n          description={description}\r\n          errorMessage={errorMessage}\r\n          isRequired={isRequired}\r\n          necessityIndicator={necessityIndicator}\r\n          contextualHelp={contextualHelp}\r\n        >\r\n          <InputRoot\r\n            size={size}\r\n            className=\"px-0 [&_button]:invalid:border-border-danger [&_button]:focus-within:invalid:border-border\"\r\n          >\r\n            {prefix}\r\n            <Input ref={ref} placeholder={placeholder} className=\"px-2\" />\r\n            {suffix}\r\n          </InputRoot>\r\n        </Field>\r\n      </NumberFieldRoot>\r\n    );\r\n  }\r\n);\r\nNumberField.displayName = \"NumberField\";\r\n\r\ntype NumberFieldRootProps = Omit<AriaNumberFieldProps, \"className\"> & {\r\n  className?: string;\r\n};\r\nconst NumberFieldRoot = React.forwardRef<\r\n  React.ElementRef<typeof AriaNumberField>,\r\n  NumberFieldRootProps\r\n>(({ className, ...props }, ref) => {\r\n  return (\r\n    <AriaNumberField\r\n      ref={ref}\r\n      className={numberFieldStyles({ className })}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nNumberFieldRoot.displayName = \"NumberFieldRoot\";\r\n\r\ninterface NumberFieldButtonProps extends ButtonProps {\r\n  slot: \"increment\" | \"decrement\";\r\n  iconType?: \"chevron\" | \"default\";\r\n}\r\nconst NumberFieldButton = ({\r\n  slot,\r\n  iconType = \"default\",\r\n  ...props\r\n}: NumberFieldButtonProps) => {\r\n  const icon =\r\n    iconType === \"chevron\" ? (\r\n      slot === \"increment\" ? (\r\n        <ChevronUpIcon />\r\n      ) : (\r\n        <ChevronDownIcon />\r\n      )\r\n    ) : slot === \"increment\" ? (\r\n      <PlusIcon />\r\n    ) : (\r\n      <MinusIcon />\r\n    );\r\n  return (\r\n    <Button slot={slot} size=\"sm\" variant=\"quiet\" shape=\"square\" {...props}>\r\n      {icon}\r\n    </Button>\r\n  );\r\n};\r\n\r\nexport type { NumberFieldProps, NumberFieldRootProps };\r\nexport { NumberField, NumberFieldRoot, NumberFieldButton };\r\n",
-      "type": "registry:core",
-      "target": "core/number-field.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/overlay.json b/www/public/registry/styles/default/overlay.json
deleted file mode 100644
index d05cd6db1..000000000
--- a/www/public/registry/styles/default/overlay.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "name": "overlay",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "button"
-  ],
-  "files": [
-    {
-      "path": "core/overlay/overlay.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Popover as AriaPopover,\r\n  OverlayArrow as AriaOverlayArrow,\r\n  Modal as AriaModal,\r\n  ModalOverlay as AriaModalOverlay,\r\n  OverlayTriggerStateContext as AriaOverlayTriggerStateContext,\r\n  type PopoverProps as AriaPopoverProps,\r\n  type ModalOverlayProps as AriaModalOverlayProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { XIcon } from \"@/__icons__\";\r\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\r\nimport { Button, type ButtonProps } from \"@/registry/ui/default/core/button\";\r\nimport { cn } from \"@/registry/ui/default/lib/cn\";\r\nimport { MotionDrawerRoot, useMotionDrawer } from \"./use-motion-drawer\";\r\n\r\ntype OverlayType = \"modal\" | \"drawer\" | \"popover\";\r\n\r\ntype OverlayProps = {\r\n  type?: OverlayType;\r\n  mobileType?: OverlayProps[\"type\"];\r\n  showDismissButton?: boolean;\r\n  mediaQuery?: string;\r\n  children: React.ReactNode;\r\n  classNames?: ModalOverlayClassNames &\r\n    DrawerOverlayClassNames &\r\n    PopoverOverlayClassNames;\r\n} & Omit<AriaModalOverlayProps, \"children\"> &\r\n  Omit<AriaPopoverProps, \"children\">;\r\n\r\nconst Overlay = React.forwardRef<HTMLElement | HTMLDivElement, OverlayProps>(\r\n  (\r\n    {\r\n      type: typeProp = \"modal\",\r\n      mobileType,\r\n      mediaQuery = \"(max-width: 640px)\",\r\n      isDismissable = true,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const isMobile = useMediaQuery(mediaQuery);\r\n    const type = mobileType ? (isMobile ? mobileType : typeProp) : typeProp;\r\n    switch (type) {\r\n      case \"modal\":\r\n        return (\r\n          <ModalOverlay\r\n            ref={ref as React.ForwardedRef<HTMLDivElement>}\r\n            isDismissable={isDismissable}\r\n            {...props}\r\n          />\r\n        );\r\n      case \"drawer\":\r\n        return (\r\n          // @ts-expect-error TODO FIX THIS SAME ORIENTATION PROP AS POPOVER :'(\r\n          <DrawerOverlay\r\n            ref={ref as React.ForwardedRef<HTMLDivElement>}\r\n            isDismissable={isDismissable}\r\n            {...props}\r\n          />\r\n        );\r\n      case \"popover\":\r\n        return (\r\n          <PopoverOverlay\r\n            ref={ref as React.ForwardedRef<HTMLElement>}\r\n            {...props}\r\n          />\r\n        );\r\n    }\r\n  }\r\n);\r\nOverlay.displayName = \"Overlay\";\r\n\r\nconst modalVariants = tv({\r\n  slots: {\r\n    backdrop: [\r\n      \"fixed inset-0 z-50 bg-black/80\",\r\n      \"data-[exiting]:duration-300 data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0\",\r\n    ],\r\n    overlay: [\r\n      \"group/overlay fixed left-[50%] top-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%]\",\r\n      \"border bg-bg shadow-lg sm:rounded-lg md:w-full\",\r\n      \"duration-200 data-[exiting]:duration-300 data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 data-[entering]:slide-in-from-left-1/2 data-[entering]:slide-in-from-top-[48%] data-[exiting]:slide-out-to-left-1/2 data-[exiting]:slide-out-to-top-[48%]\",\r\n    ],\r\n  },\r\n});\r\n\r\ntype ModalOverlaySlots = keyof ReturnType<typeof modalVariants>;\r\ntype ModalOverlayClassNames = {\r\n  [key in ModalOverlaySlots]?: string;\r\n};\r\n\r\ninterface ModalOverlayProps extends AriaModalOverlayProps {\r\n  showDismissButton?: boolean;\r\n  classNames?: ModalOverlayClassNames;\r\n}\r\n\r\nconst ModalOverlay = React.forwardRef<\r\n  React.ElementRef<typeof AriaModalOverlay>,\r\n  ModalOverlayProps\r\n>(\r\n  (\r\n    { classNames, className, isDismissable, showDismissButton, ...props },\r\n    ref\r\n  ) => {\r\n    const { overlay, backdrop } = modalVariants({});\r\n    return (\r\n      <AriaModalOverlay\r\n        {...props}\r\n        ref={ref}\r\n        isDismissable={isDismissable}\r\n        className={backdrop({ className: classNames?.backdrop })}\r\n      >\r\n        <AriaModal\r\n          {...props}\r\n          data-type=\"modal\"\r\n          className={cn(overlay(), classNames?.overlay, className)}\r\n        >\r\n          {composeRenderProps(props.children, (children) => (\r\n            <>\r\n              {(showDismissButton ?? isDismissable) && <DismissButton />}\r\n              {children}\r\n            </>\r\n          ))}\r\n        </AriaModal>\r\n      </AriaModalOverlay>\r\n    );\r\n  }\r\n);\r\nModalOverlay.displayName = \"ModalOverlay\";\r\n\r\nconst popoverOverlayVariants = tv({\r\n  slots: {\r\n    overlay:\r\n      \"group/overlay z-50 rounded-md border bg-bg text-fg shadow-md data-[trigger=Select]:min-w-[--trigger-width] data-[trigger=ComboBox]:min-w-[--trigger-width]\",\r\n    arrow: [\r\n      \"block fill-bg stroke-1 stroke-border\",\r\n      \"group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180\",\r\n    ],\r\n  },\r\n});\r\n\r\ntype PopoverOverlaySlots = keyof ReturnType<typeof popoverOverlayVariants>;\r\ntype PopoverOverlayClassNames = {\r\n  [key in PopoverOverlaySlots]?: string;\r\n};\r\n\r\ninterface PopoverOverlayProps extends AriaPopoverProps {\r\n  arrow?: boolean;\r\n  classNames?: PopoverOverlayClassNames;\r\n  showDismissButton?: boolean;\r\n}\r\n\r\nconst PopoverOverlay = React.forwardRef<\r\n  React.ElementRef<typeof AriaPopover>,\r\n  PopoverOverlayProps\r\n>(\r\n  (\r\n    { arrow = false, className, showDismissButton, classNames, ...props },\r\n    ref\r\n  ) => {\r\n    const { overlay, arrow: arrowStyle } = popoverOverlayVariants({});\r\n    return (\r\n      <AriaPopover\r\n        data-type=\"popover\"\r\n        ref={ref}\r\n        {...props}\r\n        className={cn(overlay(), classNames?.overlay, className)}\r\n      >\r\n        {composeRenderProps(props.children, (children, {}) => (\r\n          <>\r\n            {showDismissButton && <DismissButton />}\r\n            {arrow && (\r\n              <AriaOverlayArrow className=\"group\">\r\n                <svg\r\n                  width={12}\r\n                  height={12}\r\n                  viewBox=\"0 0 12 12\"\r\n                  className={arrowStyle({ className: classNames?.arrow })}\r\n                >\r\n                  <path d=\"M0 0 L6 6 L12 0\" />\r\n                </svg>\r\n              </AriaOverlayArrow>\r\n            )}\r\n            {children}\r\n          </>\r\n        ))}\r\n      </AriaPopover>\r\n    );\r\n  }\r\n);\r\nPopoverOverlay.displayName = \"PopoverOverlay\";\r\n\r\nconst drawerVariants = tv({\r\n  slots: {\r\n    backdrop: [\"fixed inset-0 bg-black/60 z-50\", \"opacity-0\"],\r\n    overlay: [\r\n      \"group/overlay bg-bg flex flex-col fixed z-50 outline-none\",\r\n      \"inset-0\",\r\n      \"placement-bottom:top-auto placement-top:bottom-auto placement-left:right-auto placement-right:left-auto\",\r\n      \"placement-bottom:mt-24 placement-bottom:rounded-t-[10px] placement-bottom:border-t\",\r\n      \"placement-top:mb-24 placement-top:rounded-b-[10px] placement-top:border-b\",\r\n      \"placement-right:ml-24 placement-right:rounded-l-[10px] placement-right:border-l\",\r\n      \"placement-left:mr-24 placement-left:rounded-r-[10px] placement-left:border-r\",\r\n      \"touch-none will-change-transform\",\r\n      \"placement-bottom:translate-y-full placement-top:-translate-y-full placement-left:-translate-x-full placement-right:translate-x-full\", // required\r\n      \"max-h-[90%]\",\r\n    ],\r\n  },\r\n});\r\n\r\ntype DrawerOverlaySlots = keyof ReturnType<typeof drawerVariants>;\r\ntype DrawerOverlayClassNames = {\r\n  [key in DrawerOverlaySlots]?: string;\r\n};\r\n\r\ninterface DrawerOverlayProps extends Omit<AriaModalOverlayProps, \"children\"> {\r\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n  showDismissButton?: boolean;\r\n  children?: React.ReactNode;\r\n  classNames?: DrawerOverlayClassNames;\r\n}\r\n\r\nconst DrawerOverlay = React.forwardRef<\r\n  React.ElementRef<typeof AriaModalOverlay>,\r\n  DrawerOverlayProps\r\n>(\r\n  (\r\n    {\r\n      children,\r\n      classNames,\r\n      className,\r\n      isDismissable,\r\n      showDismissButton = false,\r\n      placement = \"bottom\",\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const { rootProps, modalProps, backdropProps, drawerProps } =\r\n      useMotionDrawer({\r\n        isDismissable,\r\n        placement,\r\n      });\r\n    const { overlay, backdrop } = drawerVariants();\r\n\r\n    return (\r\n      <MotionDrawerRoot {...rootProps}>\r\n        <AriaModalOverlay\r\n          ref={ref}\r\n          isDismissable={isDismissable}\r\n          {...props}\r\n          {...modalProps}\r\n        >\r\n          <div\r\n            {...backdropProps}\r\n            className={backdrop({ className: classNames?.backdrop })}\r\n          />\r\n          <AriaModal>\r\n            <div\r\n              {...drawerProps}\r\n              data-type=\"drawer\"\r\n              className={cn(overlay(), classNames?.overlay, className)}\r\n            >\r\n              {showDismissButton && (\r\n                <DismissButton shape=\"rectangle\">Done</DismissButton>\r\n              )}\r\n              <div className=\"mx-auto my-4 h-2 w-[100px] rounded-full bg-bg-muted\" />\r\n              {children}\r\n            </div>\r\n          </AriaModal>\r\n        </AriaModalOverlay>\r\n      </MotionDrawerRoot>\r\n    );\r\n  }\r\n);\r\nDrawerOverlay.displayName = \"DrawerOverlay\";\r\n\r\nconst DismissButton = (props: ButtonProps) => {\r\n  const state = React.useContext(AriaOverlayTriggerStateContext);\r\n  return (\r\n    <Button\r\n      shape=\"square\"\r\n      variant=\"quiet\"\r\n      size=\"sm\"\r\n      aria-label=\"Close\"\r\n      {...props}\r\n      className={cn(\"absolute right-2 top-2 z-20\", props.className)}\r\n      onPress={() => state.close()}\r\n    >\r\n      {props.children ?? <XIcon />}\r\n    </Button>\r\n  );\r\n};\r\n\r\nexport type {\r\n  OverlayProps,\r\n  ModalOverlayProps,\r\n  DrawerOverlayProps,\r\n  PopoverOverlayProps,\r\n};\r\nexport {\r\n  Overlay,\r\n  PopoverOverlay,\r\n  DrawerOverlay,\r\n  ModalOverlay,\r\n  drawerVariants,\r\n  modalVariants,\r\n  popoverOverlayVariants,\r\n};\r\n",
-      "type": "registry:core",
-      "target": "core/overlay.tsx"
-    },
-    {
-      "path": "core/overlay/use-motion-drawer.tsx",
-      "content": "/* eslint-disable */\r\n\r\n/* This hook is in progress */\r\nimport React from \"react\";\r\nimport { OverlayTriggerStateContext } from \"react-aria-components\";\r\n\r\ninterface useMotionDrawerProps {\r\n  open?: boolean;\r\n  onOpenChange?: (open: boolean) => void;\r\n  scaleBackground?: boolean;\r\n  closeThreshold?: number;\r\n  scrollLockTimeout?: number;\r\n  isDismissable?: boolean;\r\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n}\r\n\r\ntype AnimationState = \"unmounted\" | \"hidden\" | \"visible\";\r\n\r\nexport const useMotionDrawer = (props: useMotionDrawerProps) => {\r\n  const {\r\n    scaleBackground = true,\r\n    closeThreshold = CLOSE_THRESHOLD,\r\n    scrollLockTimeout = SCROLL_LOCK_TIMEOUT,\r\n    isDismissable = true,\r\n    placement = \"bottom\",\r\n  } = props;\r\n  const contextState = React.useContext(OverlayTriggerStateContext);\r\n  const context = React.useContext(DrawerInternalContext);\r\n  const state = contextState;\r\n  const [animation, setAnimation] = React.useState<AnimationState>(\"unmounted\");\r\n  const isEntering = animation === \"visible\";\r\n  const isExiting = animation === \"hidden\";\r\n  const nested = !!context;\r\n\r\n  const drawerRef = React.useRef<HTMLDivElement>(null);\r\n  const backdropRef = React.useRef<HTMLDivElement>(null);\r\n  const dragStartTime = React.useRef<Date | null>(null);\r\n  const dragEndTime = React.useRef<Date | null>(null);\r\n\r\n  const [isDragging, setDragging] = React.useState(false);\r\n  const drawerHeightRef = React.useRef(\r\n    drawerRef.current?.getBoundingClientRect().height || 0\r\n  );\r\n  const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);\r\n  const pointerStart = React.useRef(0);\r\n  const keyboardIsOpen = React.useRef(false);\r\n  const initialDrawerHeight = React.useRef(0);\r\n  const previousDiffFromInitial = React.useRef(0);\r\n\r\n  function shouldDrag(el: EventTarget) {\r\n    // TODO: add more conditions (scrollLockTimeout / when animating / placement right and left / swipe amout? / scrollable element / ...)\r\n    const selectedText = window.getSelection()?.toString();\r\n    if (selectedText && selectedText.length > 0) return false;\r\n    if (!isVertical(placement)) return true;\r\n    // TODO: Disallow drag when entering or exiting\r\n    const swipeAmount = drawerRef.current\r\n      ? getTranslate(drawerRef.current, placement)\r\n      : null;\r\n    if (\r\n      swipeAmount !== null &&\r\n      (placement === \"bottom\" ? swipeAmount > 0 : swipeAmount < 0)\r\n    )\r\n      return true;\r\n    // TODO: SCROLLLOCKTIMEOUT\r\n    // TODO: DRAG IN placement\r\n    let element = el as HTMLElement;\r\n    while (element) {\r\n      if (element.scrollHeight > element.clientHeight) {\r\n        if (element.scrollTop !== 0) {\r\n          return false;\r\n        }\r\n        if (element.getAttribute(\"role\") === \"dialog\") {\r\n          return true;\r\n        }\r\n      }\r\n      element = element.parentNode as HTMLElement;\r\n    }\r\n    return true;\r\n  }\r\n\r\n  function resetDrawer() {\r\n    if (!drawerRef.current) return;\r\n    const wrapper = document.querySelector(\"[drawer-wrapper]\");\r\n    const currentSwipeAmount = getTranslate(drawerRef.current, placement);\r\n    set(drawerRef.current, {\r\n      transform: \"translate3d(0, 0, 0)\",\r\n      transition: `transform ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n    });\r\n    set(backdropRef.current, {\r\n      transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n      opacity: \"1\",\r\n    });\r\n    // TODO: put this in a function (resetBody)\r\n    if (\r\n      scaleBackground &&\r\n      currentSwipeAmount &&\r\n      currentSwipeAmount > 0 &&\r\n      state.isOpen &&\r\n      !nested\r\n    ) {\r\n      set(\r\n        wrapper,\r\n        {\r\n          borderRadius: `${BORDER_RADIUS}px`,\r\n          ...(isVertical(placement)\r\n            ? {\r\n                transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,\r\n                transformOrigin: \"top\",\r\n              }\r\n            : {\r\n                transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,\r\n                transformOrigin: \"left\",\r\n              }),\r\n          transitionProperty: \"transform, border-radius\",\r\n          transitionDuration: `${TRANSITIONS.DURATION}s`,\r\n          transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n        },\r\n        true\r\n      );\r\n    }\r\n  }\r\n\r\n  function onPress(event: React.PointerEvent<HTMLDivElement>) {\r\n    if (drawerRef.current && !drawerRef.current.contains(event.target as Node))\r\n      return;\r\n    drawerHeightRef.current =\r\n      drawerRef.current?.getBoundingClientRect().height || 0;\r\n    setDragging(true);\r\n    dragStartTime.current = new Date();\r\n    // if (isIOS()) {\r\n    //   window.addEventListener('touchend', () => (isAllowedToDrag.current = false), { once: true });\r\n    // }\r\n    (event.target as HTMLElement).setPointerCapture(event.pointerId);\r\n    pointerStart.current = isVertical(placement)\r\n      ? event.clientY\r\n      : event.clientX;\r\n  }\r\n\r\n  function onDrag(event: React.PointerEvent<HTMLDivElement>) {\r\n    if (!drawerRef.current || !isDragging || !shouldDrag(event.target)) return;\r\n    const placementMultiplier =\r\n      placement === \"bottom\" || placement === \"right\" ? 1 : -1;\r\n    const draggedDistance =\r\n      (pointerStart.current -\r\n        (isVertical(placement) ? event.clientY : event.clientX)) *\r\n      placementMultiplier;\r\n    const isDraggingInDirection = draggedDistance > 0;\r\n    const absDraggedDistance = Math.abs(draggedDistance);\r\n    const wrapper = document.querySelector(\"[drawer-wrapper]\");\r\n    const percentageDragged = absDraggedDistance / drawerHeightRef.current;\r\n    if (nested) context.onNestedDrag(percentageDragged);\r\n    set(drawerRef.current, { transition: \"none\" }); // WHY?\r\n    set(backdropRef.current, { transition: \"none\" }); // WHY?\r\n    if (isDraggingInDirection) {\r\n      const dampenedDraggedDistance = dampenValue(draggedDistance);\r\n      const translateValue =\r\n        Math.min(dampenedDraggedDistance * -1, 0) * placementMultiplier;\r\n      set(drawerRef.current, {\r\n        transform: isVertical(placement)\r\n          ? `translate3d(0, ${translateValue}px, 0)`\r\n          : `translate3d(${translateValue}px, 0, 0)`,\r\n      });\r\n      return;\r\n    }\r\n    const opacityValue = 1 - percentageDragged;\r\n    set(\r\n      backdropRef.current,\r\n      { opacity: `${opacityValue}`, transition: \"none\" },\r\n      true\r\n    );\r\n    if (wrapper && backdropRef.current && scaleBackground && !nested) {\r\n      // Calculate percentageDragged as a fraction (0 to 1)\r\n      const scaleValue = Math.min(\r\n        getScale() + percentageDragged * (1 - getScale()),\r\n        1\r\n      );\r\n      const borderRadiusValue = 8 - percentageDragged * 8;\r\n      const translateValue = Math.max(0, 14 - percentageDragged * 14);\r\n      set(\r\n        wrapper,\r\n        {\r\n          borderRadius: `${borderRadiusValue}px`,\r\n          transform: isVertical(placement)\r\n            ? `scale(${scaleValue}) translate3d(0, ${translateValue}px, 0)`\r\n            : `scale(${scaleValue}) translate3d(${translateValue}px, 0, 0)`,\r\n          transition: \"none\",\r\n        },\r\n        true\r\n      );\r\n    }\r\n    const translateValue = absDraggedDistance * placementMultiplier;\r\n    set(drawerRef.current, {\r\n      transform: isVertical(placement)\r\n        ? `translate3d(0, ${translateValue}px, 0)`\r\n        : `translate3d(${translateValue}px, 0, 0)`,\r\n    });\r\n\r\n    // TODO: transform body\r\n  }\r\n\r\n  function onRelease(event: React.PointerEvent<HTMLDivElement>) {\r\n    if (!isDragging || !drawerRef.current) return;\r\n    if (nested) context.onNestedRelease(true);\r\n    setDragging(false);\r\n    dragEndTime.current = new Date();\r\n    const swipeAmount = getTranslate(drawerRef.current, placement);\r\n    if (!shouldDrag(event.target) || !swipeAmount || isNaN(swipeAmount)) return;\r\n    if (dragStartTime.current === null) return;\r\n    // TODO: check for justReleased (to not focus on an element on drag end)\r\n    const timeTaken =\r\n      dragEndTime.current.getTime() - dragStartTime.current.getTime();\r\n    const distMoved =\r\n      pointerStart.current -\r\n      (isVertical(placement) ? event.clientY : event.clientX);\r\n    const velocity = Math.abs(distMoved) / timeTaken;\r\n    if (\r\n      placement === \"bottom\" || placement === \"right\"\r\n        ? distMoved > 0\r\n        : distMoved < 0\r\n    ) {\r\n      resetDrawer();\r\n      return;\r\n    }\r\n    if (velocity > VELOCITY_THRESHOLD) {\r\n      closeDrawer();\r\n      return;\r\n    }\r\n    const visibleDrawerHeight = Math.min(\r\n      drawerRef.current.getBoundingClientRect().height ?? 0,\r\n      window.innerHeight\r\n    );\r\n    if (swipeAmount >= visibleDrawerHeight * closeThreshold) {\r\n      closeDrawer();\r\n      return;\r\n    }\r\n    resetDrawer();\r\n  }\r\n\r\n  function onPointerDown(event: React.PointerEvent<HTMLDivElement>) {\r\n    pointerStartRef.current = { x: event.clientX, y: event.clientY };\r\n    onPress(event);\r\n  }\r\n\r\n  function onPointerMove(event: React.PointerEvent<HTMLDivElement>) {\r\n    if (!pointerStartRef.current) return;\r\n    // TODO: Is allowed to swipe check?\r\n    onDrag(event);\r\n  }\r\n\r\n  function onPointerUp(event: React.PointerEvent<HTMLDivElement>) {\r\n    pointerStartRef.current = null;\r\n    onRelease(event);\r\n  }\r\n\r\n  function getScale() {\r\n    return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;\r\n  }\r\n\r\n  function animateBody() {\r\n    if (nested) return;\r\n    const wrapper = document.querySelector(\"[drawer-wrapper]\");\r\n    if (!wrapper || !scaleBackground) return;\r\n    set(document.body, {\r\n      background:\r\n        document.body.style.backgroundColor || document.body.style.background,\r\n    });\r\n    set(document.body, { background: \"black\" }, true);\r\n    set(wrapper, {\r\n      borderRadius: `${BORDER_RADIUS}px`,\r\n      ...(isVertical(placement)\r\n        ? {\r\n            transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,\r\n            transformOrigin: \"top\",\r\n          }\r\n        : {\r\n            transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,\r\n            transformOrigin: \"left\",\r\n          }),\r\n      transitionProperty: \"transform, border-radius\",\r\n      transitionDuration: `${TRANSITIONS.DURATION}s`,\r\n      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n    });\r\n  }\r\n\r\n  function resetBody() {\r\n    if (nested) return;\r\n    const wrapper = document.querySelector(\"[drawer-wrapper]\");\r\n    if (!wrapper || !scaleBackground) return;\r\n    reset(wrapper, \"overflow\");\r\n    reset(wrapper, \"transform\");\r\n    reset(wrapper, \"borderRadius\");\r\n    set(wrapper, {\r\n      transitionProperty: \"transform, border-radius\",\r\n      transitionDuration: `${TRANSITIONS.DURATION}s`,\r\n      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n    });\r\n  }\r\n\r\n  function openDrawer() {\r\n    if (!drawerRef.current) return;\r\n    if (nested) context.onNestedOpenChange(true);\r\n    setAnimation(\"visible\");\r\n    animateBody();\r\n    set(drawerRef.current, {\r\n      transform: `translate3d(0, 0, 0)`,\r\n      transition: `transform ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n    });\r\n    set(backdropRef.current, {\r\n      opacity: \"1\",\r\n      transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n    });\r\n  }\r\n\r\n  function closeDrawer() {\r\n    if (!drawerRef.current) return;\r\n    if (nested) context.onNestedOpenChange(false);\r\n    setAnimation(\"hidden\");\r\n    resetBody();\r\n    set(drawerRef.current, {\r\n      transform: isVertical(placement)\r\n        ? `translate3d(0, ${placement === \"bottom\" ? \"100%\" : \"-100%\"}, 0)`\r\n        : `translate3d(${placement === \"right\" ? \"100%\" : \"-100%\"}, 0, 0)`,\r\n      transition: `transform ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n    });\r\n    set(backdropRef.current, {\r\n      opacity: \"0\",\r\n      transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n    });\r\n  }\r\n\r\n  function handleTransitionEnd() {\r\n    if (isExiting) {\r\n      setAnimation(\"unmounted\");\r\n      reset(document.body);\r\n      state.close();\r\n    }\r\n  }\r\n\r\n  function handleOpenChange(isOpen: boolean) {\r\n    if (!isOpen) {\r\n      closeDrawer();\r\n    }\r\n  }\r\n\r\n  function handleNestedOpenChange(isOpen: boolean) {\r\n    const scale = isOpen\r\n      ? (window.innerWidth - NESTED_DISPLACEMENT) / window.innerWidth\r\n      : 1;\r\n    const y = isOpen ? -NESTED_DISPLACEMENT : 0;\r\n    set(drawerRef.current, {\r\n      transition: `transform ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n      transform: `scale(${scale}) translate3d(0, ${y}px, 0)`,\r\n    });\r\n  }\r\n\r\n  function handleNestedDrag(percentageDragged: number) {\r\n    if (percentageDragged < 0) return;\r\n    const initialDim = isVertical(placement)\r\n      ? window.innerHeight\r\n      : window.innerWidth;\r\n    const initialScale = (initialDim - NESTED_DISPLACEMENT) / initialDim;\r\n    const newScale = initialScale + percentageDragged * (1 - initialScale);\r\n    const newTranslate =\r\n      -NESTED_DISPLACEMENT + percentageDragged * NESTED_DISPLACEMENT;\r\n    set(drawerRef.current, {\r\n      transform: isVertical(placement)\r\n        ? `scale(${newScale}) translate3d(0, ${newTranslate}px, 0)`\r\n        : `scale(${newScale}) translate3d(${newTranslate}px, 0, 0)`,\r\n      transition: \"none\",\r\n    });\r\n  }\r\n\r\n  function handleNestedRelease(isOpen: boolean) {\r\n    const dim = isVertical(placement) ? window.innerHeight : window.innerWidth;\r\n    const scale = isOpen ? (dim - NESTED_DISPLACEMENT) / dim : 1;\r\n    const translate = isOpen ? -NESTED_DISPLACEMENT : 0;\r\n    if (isOpen) {\r\n      set(drawerRef.current, {\r\n        transition: `transform ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\r\n        transform: isVertical(placement)\r\n          ? `scale(${scale}) translate3d(0, ${translate}px, 0)`\r\n          : `scale(${scale}) translate3d(${translate}px, 0, 0)`,\r\n      });\r\n    }\r\n  }\r\n\r\n  // TODO: ADD LOGIC FOR INPUT KEYBOARD OPEN ON MOBILE\r\n\r\n  React.useEffect(() => {\r\n    function onVisualViewportChange() {\r\n      if (!drawerRef.current) return;\r\n      const focusedElement = document.activeElement as HTMLElement;\r\n      if (isInput(focusedElement) || keyboardIsOpen.current) {\r\n        const visualViewportHeight = window.visualViewport?.height || 0;\r\n        const diffFromInitial = window.innerHeight - visualViewportHeight;\r\n        const drawerHeight =\r\n          drawerRef.current.getBoundingClientRect().height || 0;\r\n        if (!initialDrawerHeight.current) {\r\n          initialDrawerHeight.current = drawerHeight;\r\n        }\r\n        const offsetFromTop = drawerRef.current.getBoundingClientRect().top;\r\n        if (Math.abs(previousDiffFromInitial.current - diffFromInitial) > 60) {\r\n          keyboardIsOpen.current = !keyboardIsOpen.current;\r\n        }\r\n        previousDiffFromInitial.current = diffFromInitial;\r\n        if (drawerHeight > visualViewportHeight || keyboardIsOpen.current) {\r\n          const height = drawerRef.current.getBoundingClientRect().height;\r\n          let newDrawerHeight = height;\r\n          if (height > visualViewportHeight) {\r\n            newDrawerHeight = visualViewportHeight - WINDOW_TOP_OFFSET;\r\n          }\r\n          drawerRef.current.style.height = `${Math.max(newDrawerHeight, visualViewportHeight - offsetFromTop)}px`;\r\n        } else {\r\n          drawerRef.current.style.height = `${initialDrawerHeight.current}px`;\r\n        }\r\n        drawerRef.current.style.bottom = `${Math.max(diffFromInitial, 0)}px`;\r\n      }\r\n    }\r\n    window.visualViewport?.addEventListener(\"resize\", onVisualViewportChange);\r\n    return () =>\r\n      window.visualViewport?.removeEventListener(\r\n        \"resize\",\r\n        onVisualViewportChange\r\n      );\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (state.isOpen) {\r\n      openDrawer();\r\n    } else {\r\n      if (!nested) {\r\n        resetBody(); // to ensure that always the body is reset.\r\n      }\r\n    }\r\n    return () => {\r\n      resetBody();\r\n    };\r\n  }, [state.isOpen]);\r\n\r\n  const rootProps = {\r\n    value: {\r\n      onNestedOpenChange: handleNestedOpenChange,\r\n      onNestedDrag: handleNestedDrag,\r\n      onNestedRelease: handleNestedRelease,\r\n    },\r\n  };\r\n\r\n  const drawerProps = {\r\n    ref: drawerRef,\r\n    \"data-rac\": \"\",\r\n    \"data-drawer\": \"\",\r\n    \"data-placement\": placement,\r\n    \"data-open\": state.isOpen || undefined,\r\n    onTransitionEnd: handleTransitionEnd,\r\n    onPointerUp,\r\n    onPointerDown,\r\n    onPointerMove,\r\n  };\r\n\r\n  const modalProps = {\r\n    isOpen: state.isOpen,\r\n    onOpenChange: handleOpenChange,\r\n    isExiting,\r\n  };\r\n\r\n  const backdropProps = { ref: backdropRef };\r\n\r\n  return {\r\n    rootProps,\r\n    modalProps,\r\n    drawerProps,\r\n    backdropProps,\r\n  };\r\n};\r\n\r\nexport const MotionDrawerRoot = ({\r\n  children,\r\n  value,\r\n}: {\r\n  children: React.ReactNode;\r\n  value: DrawerInternalContextValue;\r\n}) => {\r\n  return (\r\n    <DrawerInternalContext.Provider value={value}>\r\n      {children}\r\n    </DrawerInternalContext.Provider>\r\n  );\r\n};\r\n\r\ninterface DrawerInternalContextValue {\r\n  onNestedOpenChange: (isOpen: boolean) => void;\r\n  onNestedDrag: (percentageDragged: number) => void;\r\n  onNestedRelease: (isOpen: boolean) => void;\r\n}\r\n\r\nexport const DrawerInternalContext =\r\n  React.createContext<DrawerInternalContextValue | null>(null);\r\n\r\nexport const useDrawerInternalContext = () => {\r\n  const context = React.useContext(DrawerInternalContext);\r\n  return context;\r\n};\r\n\r\n// Constants\r\n\r\nconst CLOSE_THRESHOLD = 0.25;\r\nconst SCROLL_LOCK_TIMEOUT = 100;\r\nconst BORDER_RADIUS = 8;\r\nconst WINDOW_TOP_OFFSET = 26;\r\nconst TRANSITIONS = {\r\n  DURATION: 0.5,\r\n  EASE: [0.32, 0.72, 0, 1],\r\n};\r\nconst VELOCITY_THRESHOLD = 0.4;\r\nconst NESTED_DISPLACEMENT = 16;\r\n\r\n// Types\r\n\r\ntype DrawerPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\r\n\r\n// Helpers\r\n\r\ntype Style = Record<string, string>;\r\n\r\nconst cache = new WeakMap();\r\n\r\nexport function isInView(el: HTMLElement): boolean {\r\n  const rect = el.getBoundingClientRect();\r\n\r\n  if (!window.visualViewport) return false;\r\n\r\n  return (\r\n    rect.top >= 0 &&\r\n    rect.left >= 0 &&\r\n    // Need + 40 for safari detection\r\n    rect.bottom <= window.visualViewport.height - 40 &&\r\n    rect.right <= window.visualViewport.width\r\n  );\r\n}\r\n\r\nexport function set(\r\n  el: Element | HTMLElement | null | undefined,\r\n  styles: Style,\r\n  ignoreCache = false\r\n) {\r\n  if (!el || !(el instanceof HTMLElement)) return;\r\n  const originalStyles: Style = {};\r\n\r\n  Object.entries(styles).forEach(([key, value]: [string, string]) => {\r\n    if (key.startsWith(\"--\")) {\r\n      el.style.setProperty(key, value);\r\n      return;\r\n    }\r\n\r\n    originalStyles[key] = (el.style as any)[key];\r\n    (el.style as any)[key] = value;\r\n  });\r\n\r\n  if (ignoreCache) return;\r\n\r\n  cache.set(el, originalStyles);\r\n}\r\n\r\nexport function reset(el: Element | HTMLElement | null, prop?: string) {\r\n  if (!el || !(el instanceof HTMLElement)) return;\r\n  const originalStyles = cache.get(el);\r\n\r\n  if (!originalStyles) {\r\n    return;\r\n  }\r\n\r\n  if (prop) {\r\n    (el.style as any)[prop] = originalStyles[prop];\r\n  } else {\r\n    Object.entries(originalStyles).forEach(([key, value]) => {\r\n      (el.style as any)[key] = value;\r\n    });\r\n  }\r\n}\r\n\r\nexport const isVertical = (placement: DrawerPlacement) => {\r\n  switch (placement) {\r\n    case \"top\":\r\n    case \"bottom\":\r\n      return true;\r\n    case \"left\":\r\n    case \"right\":\r\n      return false;\r\n    default:\r\n      return placement satisfies never;\r\n  }\r\n};\r\n\r\nexport function getTranslate(\r\n  element: HTMLElement,\r\n  placement: DrawerPlacement\r\n): number | null {\r\n  if (!element) {\r\n    return null;\r\n  }\r\n  const style = window.getComputedStyle(element);\r\n  const transform =\r\n    // @ts-ignore\r\n    style.transform || style.webkitTransform || style.mozTransform;\r\n  let mat = transform.match(/^matrix3d\\((.+)\\)$/);\r\n  if (mat) {\r\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix3d\r\n    return parseFloat(mat[1].split(\", \")[isVertical(placement) ? 13 : 12]);\r\n  }\r\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix\r\n  mat = transform.match(/^matrix\\((.+)\\)$/);\r\n  return mat\r\n    ? parseFloat(mat[1].split(\", \")[isVertical(placement) ? 5 : 4])\r\n    : null;\r\n}\r\n\r\nexport function dampenValue(v: number) {\r\n  return 8 * (Math.log(v + 1) - 2);\r\n}\r\n\r\n// Additional helpers\r\n\r\nfunction testPlatform(re: RegExp): boolean | undefined {\r\n  return window?.navigator != null\r\n    ? re.test(window.navigator.platform)\r\n    : undefined;\r\n}\r\n\r\nfunction isMac(): boolean | undefined {\r\n  return testPlatform(/^Mac/);\r\n}\r\n\r\nfunction isIPhone(): boolean | undefined {\r\n  return testPlatform(/^iPhone/);\r\n}\r\n\r\nfunction isIPad(): boolean | undefined {\r\n  return (\r\n    testPlatform(/^iPad/) ||\r\n    // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.\r\n    (isMac() && navigator.maxTouchPoints > 1)\r\n  );\r\n}\r\n\r\nfunction isIOS(): boolean | undefined {\r\n  return isIPhone() || isIPad();\r\n}\r\n\r\nconst nonTextInputTypes = new Set([\r\n  \"checkbox\",\r\n  \"radio\",\r\n  \"range\",\r\n  \"color\",\r\n  \"file\",\r\n  \"image\",\r\n  \"button\",\r\n  \"submit\",\r\n  \"reset\",\r\n]);\r\nfunction isInput(target: Element) {\r\n  return (\r\n    (target instanceof HTMLInputElement &&\r\n      !nonTextInputTypes.has(target.type)) ||\r\n    target instanceof HTMLTextAreaElement ||\r\n    (target instanceof HTMLElement && target.isContentEditable)\r\n  );\r\n}\r\n",
-      "type": "registry:core",
-      "target": "core/overlay.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/progress.json b/www/public/registry/styles/default/progress.json
deleted file mode 100644
index 1cd493c31..000000000
--- a/www/public/registry/styles/default/progress.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "name": "progress",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "field"
-  ],
-  "files": [
-    {
-      "path": "core/progress/progress.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ProgressBar as AriaProgress,\n  composeRenderProps,\n  type ProgressBarProps as AriaProgressProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Label } from \"@/registry/ui/default/core/field\";\nimport { cn } from \"@/registry/ui/default/lib/cn\";\n\nconst progressStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2 w-60\",\n    indicator: \"relative h-2.5 w-full overflow-hidden rounded-full\",\n    filler:\n      \"h-full animate-progress-grow w-full flex-1 bg-fg transition-transform origin-left min-w-14\",\n    valueLabel: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      default: {\n        indicator: \"bg-bg-muted\",\n        filler: \"bg-bg-primary\",\n      },\n      accent: {\n        indicator: \"bg-bg-accent-muted\",\n        filler: \"bg-bg-accent\",\n      },\n      warning: {\n        indicator: \"bg-bg-warning-muted\",\n        filler: \"bg-bg-warning\",\n      },\n      danger: {\n        indicator: \"bg-bg-danger-muted\",\n        filler: \"bg-bg-danger\",\n      },\n      success: {\n        indicator: \"bg-bg-success-muted\",\n        filler: \"bg-bg-success\",\n      },\n    },\n    size: {\n      sm: {\n        indicator: \"h-1\",\n      },\n      md: {\n        indicator: \"h-2.5\",\n      },\n      lg: {\n        indicator: \"h-4\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    shape: \"bar\",\n    size: \"md\",\n  },\n});\n\ntype ProgressSlots = keyof ReturnType<typeof progressStyles>;\ntype ProgressClassNames = {\n  [key in ProgressSlots]?: string;\n};\n\ninterface ProgressProps\n  extends ProgressRootProps,\n    VariantProps<typeof progressStyles> {\n  label?: string;\n  showValueLabel?: boolean;\n  duration?: string;\n  classNames?: ProgressClassNames;\n}\nconst Progress = ({\n  label,\n  showValueLabel = false,\n  variant,\n  size,\n  duration,\n  className,\n  classNames,\n  ...props\n}: ProgressProps) => {\n  return (\n    <ProgressRoot\n      duration={duration}\n      className={cn(className, classNames?.root)}\n      {...props}\n    >\n      {(label || showValueLabel) && (\n        <div\n          className={cn(\n            \"flex items-center justify-between gap-2\",\n            !label && \"justify-end\"\n          )}\n        >\n          {label && <Label>{label}</Label>}\n          {showValueLabel && <ProgressValueLabel />}\n        </div>\n      )}\n      <ProgressIndicator\n        variant={variant}\n        size={size}\n        duration={duration}\n        classNames={{\n          indicator: classNames?.indicator,\n          filler: classNames?.filler,\n        }}\n      />\n    </ProgressRoot>\n  );\n};\n\ninterface ProgressRootProps extends Omit<AriaProgressProps, \"className\"> {\n  duration?: string;\n  className?: string;\n}\nconst ProgressRoot = ({\n  className,\n  isIndeterminate,\n  duration,\n  ...props\n}: ProgressRootProps) => {\n  const { root } = progressStyles();\n  return (\n    <AriaProgress\n      className={root({ className })}\n      isIndeterminate={isIndeterminate || !!duration}\n      {...props}\n    >\n      {composeRenderProps(\n        props.children,\n        (children, { percentage, isIndeterminate, valueText }) => (\n          <ProgressContext.Provider\n            value={{ percentage, isIndeterminate, valueText }}\n          >\n            {children}\n          </ProgressContext.Provider>\n        )\n      )}\n    </AriaProgress>\n  );\n};\n\ninterface ProgressIndicatorProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof progressStyles> {\n  duration?: string;\n  classNames?: {\n    indicator?: string;\n    filler?: string;\n  };\n}\nconst ProgressIndicator = ({\n  duration,\n  className,\n  variant,\n  size,\n  classNames,\n  ...props\n}: ProgressIndicatorProps) => {\n  const { indicator, filler } = progressStyles({ variant, size });\n  const { isIndeterminate, percentage } = useProgressContext();\n  return (\n    <div\n      className={cn(indicator(), classNames?.indicator, className)}\n      {...props}\n    >\n      <div\n        className={cn(\n          filler(),\n          isIndeterminate && \"animate-progress-indeterminate\",\n          classNames?.filler\n        )}\n        style={\n          {\n            \"--progress-duration\": duration ?? \"0s\",\n            ...(percentage ? { transform: `scaleX(${percentage / 100})` } : {}),\n            ...(isIndeterminate\n              ? {\n                  maskImage:\n                    \"linear-gradient(75deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.65) 80%)\",\n                  maskSize: \"200%\",\n                }\n              : {}),\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n};\n\ntype ProgressValueLabelProps = React.HTMLAttributes<HTMLSpanElement>;\nconst ProgressValueLabel = ({\n  children,\n  className,\n  ...props\n}: ProgressValueLabelProps) => {\n  const { valueLabel } = progressStyles();\n  const { valueText } = useProgressContext();\n  return (\n    <span className={valueLabel({ className })} {...props}>\n      {children ?? valueText}\n    </span>\n  );\n};\n\ntype ProgressContextValue = {\n  percentage?: number;\n  isIndeterminate: boolean;\n  valueText?: string;\n};\nconst ProgressContext = React.createContext<ProgressContextValue | null>(null);\nconst useProgressContext = () => {\n  const context = React.useContext(ProgressContext);\n  if (!context) {\n    throw new Error(\n      \"useProgressContext must be used within a ProgressProvider\"\n    );\n  }\n  return context;\n};\n\nexport type {\n  ProgressProps,\n  ProgressRootProps,\n  ProgressIndicatorProps,\n  ProgressValueLabelProps,\n};\nexport { Progress, ProgressRoot, ProgressIndicator, ProgressValueLabel };\n",
-      "type": "registry:core",
-      "target": "core/progress.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/radio-group.json b/www/public/registry/styles/default/radio-group.json
deleted file mode 100644
index ac946aeaa..000000000
--- a/www/public/registry/styles/default/radio-group.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "name": "radio-group",
-  "type": "registry:core",
-  "dependencies": ["react-aria-components"],
-  "registryDependencies": ["field"],
-  "files": [
-    {
-      "path": "core/radio-group/radio-group.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  type RadioGroupProps as AriaRadioGroupProps,\n  type RadioProps as AriaRadioProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\nimport { focusRing, focusRingGroup } from \"@/registry/ui/default/lib/focus-styles\";\n\nconst radioGroupStyles = tv({\n  slots: {\n    root: \"group/radio-group flex flex-col gap-2\",\n    wrapper:\n      \"flex flex-col gap-1 group-orientation-horizontal/radio-group:flex-row group-orientation-horizontal/radio-group:gap-3\",\n  },\n});\n\nconst radioStyles = tv({\n  slots: {\n    root: \"group flex flex-row items-center gap-2 disabled:text-fg-disabled invalid:text-fg-danger cursor-pointer disabled:cursor-default\",\n    indicator: [\n      focusRing(),\n      \"relative size-4 shrink-0 rounded-full border border-border-control group-selected:border-bg-primary group-selected:border-4 transition-all duration-100\",\n      \"group-disabled:border-border-disabled group-disabled:selected:bg-bg-disabled group-disabled:indeterminate:bg-bg-disabled\",\n      \"group-invalid:border-border-danger group-invalid:selected:border-bg-danger\",\n    ],\n  },\n  variants: {\n    variant: {\n      default: {\n        indicator: focusRingGroup(),\n      },\n      card: {\n        root: [\n          focusRing(),\n          \"border p-4 rounded-md flex-row-reverse gap-4 selected:bg-bg-muted disabled:selected:bg-bg-disabled transition-colors disabled:border-border-disabled\",\n        ],\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface RadioGroupProps\n  extends RadioGroupRootProps,\n    VariantProps<typeof radioGroupStyles>,\n    Omit<FieldProps, \"children\"> {\n  className?: string;\n}\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof AriaRadioGroup>,\n  RadioGroupProps\n>(\n  (\n    {\n      label,\n      description,\n      errorMessage,\n      necessityIndicator,\n      contextualHelp,\n      ...props\n    },\n    ref\n  ) => {\n    const { wrapper } = radioGroupStyles();\n    return (\n      <RadioGroupRoot ref={ref} {...props}>\n        {composeRenderProps(props.children, (children, { isRequired }) => (\n          <Field\n            label={label}\n            description={description}\n            errorMessage={errorMessage}\n            isRequired={isRequired}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={contextualHelp}\n          >\n            <div className={wrapper()}>{children}</div>\n          </Field>\n        ))}\n      </RadioGroupRoot>\n    );\n  }\n);\nRadioGroup.displayName = \"RadioGroup\";\n\ninterface RadioGroupRootProps\n  extends Omit<AriaRadioGroupProps, \"className\">,\n    VariantProps<typeof radioStyles> {\n  className?: string;\n}\nconst RadioGroupRoot = React.forwardRef<\n  React.ElementRef<typeof AriaRadioGroup>,\n  RadioGroupRootProps\n>(({ className, variant, ...props }, ref) => {\n  const { root } = radioGroupStyles();\n  return (\n    <RadioContext.Provider value={{ variant }}>\n      <AriaRadioGroup ref={ref} className={root({ className })} {...props} />\n    </RadioContext.Provider>\n  );\n});\nRadioGroupRoot.displayName = \"RadioGroupRoot\";\n\ninterface RadioProps\n  extends Omit<AriaRadioProps, \"className\">,\n    VariantProps<typeof radioStyles> {\n  className?: string;\n}\nconst Radio = React.forwardRef<React.ElementRef<typeof AriaRadio>, RadioProps>(\n  (localProps, ref) => {\n    const contextProps = useRadioContext();\n    const props = { ...contextProps, ...localProps };\n    const { className, variant, ...restProps } = props;\n    const { root, indicator } = radioStyles({ variant });\n    return (\n      <AriaRadio ref={ref} {...restProps} className={root({ className })}>\n        {composeRenderProps(props.children, (children) => (\n          <>\n            <div className={indicator({ className: \"\" })} />\n            <span>{children}</span>\n          </>\n        ))}\n      </AriaRadio>\n    );\n  }\n);\nRadio.displayName = \"Radio\";\n\ntype RadioContextValue = VariantProps<typeof radioStyles>;\nconst RadioContext = React.createContext<RadioContextValue>({});\nconst useRadioContext = () => {\n  return React.useContext(RadioContext);\n};\n\nexport type { RadioGroupRootProps, RadioGroupProps, RadioProps };\nexport { RadioGroupRoot, RadioGroup, Radio };\n",
-      "type": "registry:core",
-      "target": "core/radio-group.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/range-calendar.json b/www/public/registry/styles/default/range-calendar.json
deleted file mode 100644
index a61ddd406..000000000
--- a/www/public/registry/styles/default/range-calendar.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "name": "range-calendar",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "button",
-    "calendar",
-    "heading",
-    "text"
-  ],
-  "files": [
-    {
-      "path": "core/range-calendar/range-calendar.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  RangeCalendar as AriaRangeCalendar,\r\n  type RangeCalendarProps as AriaRangeCalendarProps,\r\n  type DateValue,\r\n  RangeCalendarContext as AriaRangeCalendarContext,\r\n  useSlottedContext,\r\n} from \"react-aria-components\";\r\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@/__icons__\";\r\nimport { Button } from \"@/registry/ui/default/core/button\";\r\nimport {\r\n  CalendarHeader,\r\n  CalendarGrid,\r\n  CalendarGridHeader,\r\n  CalendarHeaderCell,\r\n  CalendarGridBody,\r\n  CalendarCell,\r\n  calendarStyles,\r\n} from \"@/registry/ui/default/core/calendar\";\r\nimport { Heading } from \"@/registry/ui/default/core/heading\";\r\nimport { Text } from \"@/registry/ui/default/core/text\";\r\n\r\ninterface RangeCalendarProps<T extends DateValue>\r\n  extends Omit<AriaRangeCalendarProps<T>, \"visibleDuration\"> {\r\n  visibleMonths?: number;\r\n  errorMessage?: string;\r\n}\r\nconst RangeCalendar = <T extends DateValue>({\r\n  visibleMonths = 1,\r\n  errorMessage,\r\n  ...props\r\n}: RangeCalendarProps<T>) => {\r\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\r\n  return (\r\n    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\r\n      {({ isInvalid }) => (\r\n        <>\r\n          <CalendarHeader>\r\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\r\n              <ChevronLeftIcon />\r\n            </Button>\r\n            <Heading className=\"text-sm\" />\r\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\r\n              <ChevronRightIcon />\r\n            </Button>\r\n          </CalendarHeader>\r\n          <div className=\"flex items-start gap-4\">\r\n            {Array.from({ length: visibleMonths }).map((_, index) => (\r\n              <CalendarGrid\r\n                key={index}\r\n                offset={index === 0 ? undefined : { months: index }}\r\n              >\r\n                <CalendarGridHeader>\r\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\r\n                </CalendarGridHeader>\r\n                <CalendarGridBody>\r\n                  {(date) => (\r\n                    <CalendarCell date={date} range>\r\n                      {({ formattedDate }) => (\r\n                        <span className=\"z-20\">{formattedDate}</span>\r\n                      )}\r\n                    </CalendarCell>\r\n                  )}\r\n                </CalendarGridBody>\r\n              </CalendarGrid>\r\n            ))}\r\n          </div>\r\n          {isInvalid && errorMessage && (\r\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\r\n          )}\r\n        </>\r\n      )}\r\n    </RangeCalendarRoot>\r\n  );\r\n};\r\n\r\ntype RangeCalendarRootProps<T extends DateValue> = AriaRangeCalendarProps<T>;\r\nconst RangeCalendarRoot = <T extends DateValue>(\r\n  props: RangeCalendarRootProps<T>\r\n) => {\r\n  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);\r\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\r\n  const { root } = calendarStyles({ standalone });\r\n  return (\r\n    <AriaRangeCalendar\r\n      className={composeRenderProps(props.className, (className) =>\r\n        root({ className })\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport type { RangeCalendarProps, RangeCalendarRootProps };\r\nexport { RangeCalendar, RangeCalendarRoot };\r\n",
-      "type": "registry:core",
-      "target": "core/range-calendar.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/scroll-area.json b/www/public/registry/styles/default/scroll-area.json
deleted file mode 100644
index f3605679b..000000000
--- a/www/public/registry/styles/default/scroll-area.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "scroll-area",
-  "type": "registry:core",
-  "dependencies": [
-    "@radix-ui/react-scroll-area"
-  ],
-  "files": [
-    {
-      "path": "core/scroll-area/scroll-area.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { type VariantProps, tv } from \"tailwind-variants\";\n\nconst scrollAreaStyles = tv({\n  slots: {\n    root: \"flex flex-col h-full w-full overflow-hidden\",\n    viewport: \"h-full w-full flex flex-col [&>*]:!block [&>*]:w-fit [&>*]:grow\",\n    scrollbar:\n      \"flex touch-none select-none flex-col data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col bg-gray-800 rounded-full m-1\",\n    thumb:\n      \"relative before:absolute before:content-[''] before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2] w-full h-full before:min-w-4 before:min-h-4 bg-gray-500 hover:bg-gray-400 transition-colors rounded-[inherit]\",\n  },\n  variants: {\n    size: {\n      sm: {\n        scrollbar:\n          \"data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1\",\n      },\n      md: {\n        scrollbar:\n          \"data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2\",\n      },\n      lg: {\n        scrollbar:\n          \"data-[orientation=horizontal]:h-3 data-[orientation=vertical]:w-3\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ninterface ScrollAreaProps\n  extends ScrollAreaRootProps,\n    Omit<ScrollAreaViewPortProps, \"dir\">,\n    VariantProps<typeof scrollAreaStyles> {\n  scrollbars?: \"vertical\" | \"horizontal\" | \"both\";\n}\nconst ScrollArea = ({\n  children,\n  scrollbars = \"vertical\",\n  size,\n  asChild,\n  type,\n  scrollHideDelay,\n  dir,\n  ...viewportProps\n}: ScrollAreaProps) => {\n  return (\n    <ScrollAreaRoot\n      asChild={asChild}\n      scrollHideDelay={scrollHideDelay}\n      dir={dir}\n      type={type}\n    >\n      <ScrollAreaViewPort {...viewportProps}>{children}</ScrollAreaViewPort>\n      {scrollbars !== \"vertical\" && (\n        <ScrollAreaScrollbar orientation=\"horizontal\" size={size} />\n      )}\n      {scrollbars !== \"horizontal\" && (\n        <ScrollAreaScrollbar orientation=\"vertical\" size={size} />\n      )}\n      {scrollbars === \"both\" && <ScrollAreaCorner />}\n    </ScrollAreaRoot>\n  );\n};\n\ntype ScrollAreaRootProps = ScrollAreaPrimitive.ScrollAreaProps;\nconst ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {\n  const { root } = scrollAreaStyles();\n  return (\n    <ScrollAreaPrimitive.Root className={root({ className })} {...props} />\n  );\n};\n\ntype ScrollAreaViewPortProps = ScrollAreaPrimitive.ScrollAreaViewportProps;\nconst ScrollAreaViewPort = ({\n  className,\n  ...props\n}: ScrollAreaViewPortProps) => {\n  const { viewport } = scrollAreaStyles();\n  return (\n    <ScrollAreaPrimitive.Viewport\n      className={viewport({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface ScrollAreaScrollbarProps\n  extends ScrollAreaPrimitive.ScrollAreaScrollbarProps,\n    VariantProps<typeof scrollAreaStyles> {}\nconst ScrollAreaScrollbar = ({\n  className,\n  size,\n  ...props\n}: ScrollAreaScrollbarProps) => {\n  const { scrollbar, thumb } = scrollAreaStyles({ size });\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      className={scrollbar({ className })}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className={thumb()} />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n};\n\nconst ScrollAreaCorner = ScrollAreaPrimitive.Corner;\n\nexport type {\n  ScrollAreaProps,\n  ScrollAreaRootProps,\n  ScrollAreaViewPortProps,\n  ScrollAreaScrollbarProps,\n};\nexport {\n  ScrollArea,\n  ScrollAreaRoot,\n  ScrollAreaViewPort,\n  ScrollAreaScrollbar,\n  ScrollAreaCorner,\n};\n",
-      "type": "registry:core",
-      "target": "core/scroll-area.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/search-field.json b/www/public/registry/styles/default/search-field.json
deleted file mode 100644
index 1f1a09391..000000000
--- a/www/public/registry/styles/default/search-field.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "search-field",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "button",
-    "field",
-    "input"
-  ],
-  "files": [
-    {
-      "path": "core/search-field/search-field.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  SearchField as AriaSearchField,\n  type SearchFieldProps as AriaSearchFieldProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { SearchIcon, XIcon } from \"@/__icons__\";\nimport { Button } from \"@/registry/ui/default/core/button\";\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\nimport {\n  InputRoot,\n  Input,\n  type inputStyles,\n} from \"@/registry/ui/default/core/input\";\n\nconst searchFieldStyles = tv({\n  base: \"flex flex-col gap-2 items-start w-48\",\n});\n\ntype SearchFieldProps = SearchFieldRootProps &\n  Omit<FieldProps, \"children\"> &\n  VariantProps<typeof inputStyles> & {\n    prefix?: React.ReactNode;\n    suffix?:\n      | React.ReactNode\n      | (({\n          isEmpty,\n          isDisabled,\n        }: {\n          isEmpty?: boolean;\n          isDisabled?: boolean;\n        }) => React.ReactNode);\n    isLoading?: boolean;\n    loaderPosition?: \"prefix\" | \"suffix\";\n    placeholder?: string;\n  };\nconst SearchField = React.forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      className,\n      size,\n      placeholder,\n      label,\n      description,\n      errorMessage,\n      prefix = <SearchIcon />,\n      suffix = ({ isEmpty, isDisabled }) => {\n        if (isEmpty || isDisabled) return null;\n        return (\n          <Button variant=\"quiet\" shape=\"circle\" size=\"sm\" className=\"size-6\">\n            <XIcon />\n          </Button>\n        );\n      },\n      isLoading,\n      loaderPosition = \"prefix\",\n      isRequired,\n      necessityIndicator,\n      contextualHelp,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <SearchFieldRoot className={className} {...props}>\n        {({ isEmpty, isDisabled }) => (\n          <>\n            <Field\n              label={label}\n              description={description}\n              errorMessage={errorMessage}\n              isRequired={isRequired}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}\n            >\n              <InputRoot\n                size={size}\n                prefix={prefix}\n                suffix={\n                  typeof suffix === \"function\"\n                    ? suffix({ isEmpty, isDisabled })\n                    : suffix\n                }\n                isLoading={isLoading}\n                loaderPosition={loaderPosition}\n              >\n                <Input\n                  ref={ref}\n                  placeholder={placeholder}\n                  className=\"[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none\"\n                />\n              </InputRoot>\n            </Field>\n          </>\n        )}\n      </SearchFieldRoot>\n    );\n  }\n);\nSearchField.displayName = \"SearchField\";\n\ntype SearchFieldRootProps = Omit<AriaSearchFieldProps, \"className\"> & {\n  className?: string;\n};\nconst SearchFieldRoot = React.forwardRef<\n  React.ElementRef<typeof AriaSearchField>,\n  SearchFieldRootProps\n>(({ className, ...props }, ref) => {\n  return (\n    <AriaSearchField\n      ref={ref}\n      className={searchFieldStyles({ className })}\n      {...props}\n    />\n  );\n});\nSearchFieldRoot.displayName = \"SearchFieldRoot\";\n\nexport type { SearchFieldProps, SearchFieldRootProps };\nexport { SearchField, SearchFieldRoot };\n",
-      "type": "registry:core",
-      "target": "core/search-field.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/section.json b/www/public/registry/styles/default/section.json
deleted file mode 100644
index 44d4925d2..000000000
--- a/www/public/registry/styles/default/section.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "section",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/section/section.tsx",
-      "content": "\"use client\";\r\n\r\nimport {\r\n  Section as AriaSection,\r\n  Header as AriaHeader,\r\n  type SectionProps as AriaSectionProps,\r\n  Collection as AriaCollection,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst SectionStyles = tv({\r\n  slots: {\r\n    root: \"first:mt-1 mt-2 space-y-px\",\r\n    title: \"text-sm font-bold pl-3 mb-1\",\r\n  },\r\n});\r\n\r\ninterface SectionProps<T> extends AriaSectionProps<T> {\r\n  title?: string;\r\n}\r\nconst Section = <T extends object>({ title, ...props }: SectionProps<T>) => {\r\n  return (\r\n    <SectionRoot {...props}>\r\n      {title && <SectionTitle>{title}</SectionTitle>}\r\n      <AriaCollection items={props.items}>{props.children}</AriaCollection>\r\n    </SectionRoot>\r\n  );\r\n};\r\n\r\ntype SectionRootProps<T> = AriaSectionProps<T>;\r\nconst SectionRoot = <T extends object>({\r\n  className,\r\n  ...props\r\n}: SectionRootProps<T>) => {\r\n  const { root } = SectionStyles();\r\n  return <AriaSection className={root({ className })} {...props} />;\r\n};\r\n\r\ntype SectionTitleProps = React.HTMLAttributes<HTMLElement>;\r\nconst SectionTitle = ({ className, ...props }: SectionTitleProps) => {\r\n  const { title } = SectionStyles();\r\n  return <AriaHeader className={title({ className })} {...props} />;\r\n};\r\n\r\nexport { Section, SectionTitle };\r\n",
-      "type": "registry:core",
-      "target": "core/section.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/select.json b/www/public/registry/styles/default/select.json
deleted file mode 100644
index a4484a581..000000000
--- a/www/public/registry/styles/default/select.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "name": "select",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "button",
-    "field",
-    "list-box",
-    "overlay"
-  ],
-  "files": [
-    {
-      "path": "core/select/select.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  type SelectProps as AriaSelectProps,\n  type SelectValueProps as AriaSelectValueProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ChevronDownIcon } from \"@/__icons__\";\nimport { Button, type ButtonProps } from \"@/registry/ui/default/core/button\";\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\nimport {\n  ListBox,\n  type ListBoxProps,\n} from \"@/registry/ui/default/core/list-box\";\nimport { Overlay } from \"@/registry/ui/default/core/overlay\";\n\nconst selectStyles = tv({\n  slots: {\n    root: \"flex flex-col items-start gap-2\",\n    selectValue: \"flex-1 text-left\",\n  },\n});\n\ninterface SelectProps<T extends object>\n  extends Omit<SelectRootProps<T>, \"children\">,\n    Omit<FieldProps, \"children\"> {\n  children?: ListBoxProps<T>[\"children\"];\n  dependencies?: ListBoxProps<T>[\"dependencies\"];\n  items?: ListBoxProps<T>[\"items\"];\n  isLoading?: ListBoxProps<T>[\"isLoading\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n}\nconst Select = <T extends object>({\n  variant = \"outline\",\n  size,\n  label,\n  description,\n  errorMessage,\n  necessityIndicator,\n  contextualHelp,\n  children,\n  dependencies,\n  items,\n  isLoading,\n  ...props\n}: SelectProps<T>) => {\n  return (\n    <SelectRoot {...props}>\n      {({ isRequired }) => (\n        <>\n          <Field\n            label={label}\n            description={description}\n            errorMessage={errorMessage}\n            isRequired={isRequired}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={contextualHelp}\n          >\n            <Button variant={variant} size={size} suffix={<ChevronDownIcon />}>\n              <SelectValue />\n            </Button>\n          </Field>\n          <Overlay type=\"popover\">\n            <ListBox\n              isLoading={isLoading}\n              items={items}\n              dependencies={dependencies}\n            >\n              {children}\n            </ListBox>\n          </Overlay>\n        </>\n      )}\n    </SelectRoot>\n  );\n};\n\ntype SelectValueProps<T extends object> = AriaSelectValueProps<T>;\nconst SelectValue = <T extends object>(props: SelectValueProps<T>) => {\n  const { selectValue } = selectStyles();\n  return (\n    <AriaSelectValue\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        selectValue({ className })\n      )}\n    />\n  );\n};\n\ninterface SelectRootProps<T extends object>\n  extends Omit<AriaSelectProps<T>, \"className\"> {\n  className?: string;\n}\nconst SelectRoot = <T extends object>({\n  className,\n  ...props\n}: SelectRootProps<T>) => {\n  const { root } = selectStyles();\n  return <AriaSelect className={root({ className })} {...props} />;\n};\n\nexport type { SelectProps, SelectRootProps, SelectValueProps };\nexport { Select, SelectRoot, SelectValue };\n",
-      "type": "registry:core",
-      "target": "core/select.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/separator.json b/www/public/registry/styles/default/separator.json
deleted file mode 100644
index 15713491c..000000000
--- a/www/public/registry/styles/default/separator.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "separator",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/separator/separator.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Separator as AriaSeparator,\n  type SeparatorProps as AriaSeparatorProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst separatorStyles = tv({\n  base: \"shrink-0 bg-border separator\",\n  variants: {\n    orientation: {\n      horizontal: \"h-[1px] w-full\",\n      vertical: \"h-full w-[1px]\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\ntype SeparatorProps = AriaSeparatorProps;\nconst Separator = ({ orientation, className, ...props }: SeparatorProps) => {\n  return (\n    <AriaSeparator\n      {...props}\n      className={separatorStyles({ orientation, className })}\n    />\n  );\n};\n\nexport { Separator };\n",
-      "type": "registry:core",
-      "target": "core/separator.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/skeleton.json b/www/public/registry/styles/default/skeleton.json
deleted file mode 100644
index 5e0db708b..000000000
--- a/www/public/registry/styles/default/skeleton.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "skeleton",
-  "type": "registry:core",
-  "files": [
-    {
-      "path": "core/separator/separator.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Separator as AriaSeparator,\n  type SeparatorProps as AriaSeparatorProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst separatorStyles = tv({\n  base: \"shrink-0 bg-border separator\",\n  variants: {\n    orientation: {\n      horizontal: \"h-[1px] w-full\",\n      vertical: \"h-full w-[1px]\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\ntype SeparatorProps = AriaSeparatorProps;\nconst Separator = ({ orientation, className, ...props }: SeparatorProps) => {\n  return (\n    <AriaSeparator\n      {...props}\n      className={separatorStyles({ orientation, className })}\n    />\n  );\n};\n\nexport { Separator };\n",
-      "type": "registry:core",
-      "target": "core/separator.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/slider.json b/www/public/registry/styles/default/slider.json
deleted file mode 100644
index 1c85ae2f0..000000000
--- a/www/public/registry/styles/default/slider.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "name": "slider",
-  "type": "registry:core",
-  "dependencies": ["react-aria-components"],
-  "registryDependencies": ["field"],
-  "files": [
-    {
-      "path": "core/slider/slider.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { useSlotId } from \"@react-aria/utils\";\nimport {\n  composeRenderProps,\n  Slider as AriaSlider,\n  SliderOutput as AriaSliderOutput,\n  SliderThumb as AriaSliderThumb,\n  SliderTrack as AriaSliderTrack,\n  type SliderThumbProps as AriaSliderThumbProps,\n  type SliderOutputProps as AriaSliderOutputProps,\n  type SliderTrackProps as AriaSliderTrackProps,\n  type SliderProps as AriaSliderProps,\n  SliderStateContext as AriaSliderStateContext,\n  TextContext as AriaTextContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport {\n  Description,\n  Label,\n  type FieldProps,\n} from \"@/registry/ui/default/core/field\";\nimport { cn } from \"@/registry/ui/default/lib/cn\";\nimport { focusRing } from \"@/registry/ui/default/lib/focus-styles\";\n\nconst sliderStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2 orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center\",\n    track: [\n      \"relative group/track rounded-full bg-bg-neutral cursor-pointer disabled:cursor-default disabled:bg-bg-disabled\",\n      \"grow orientation-vertical:flex-1 orientation-vertical:w-2 orientation-horizontal:w-full orientation-horizontal:h-2\",\n    ],\n    filler: [\n      \"rounded-full bg-border-focus group-disabled/track:bg-bg-disabled\",\n      \"pointer-events-none absolute group-orientation-horizontal/top-0 group-orientation-vertical/track:w-full group-orientation-vertical/track:bottom-0 group-orientation-horizontal/track:h-full\",\n    ],\n    thumb: [\n      focusRing(),\n      \"rounded-full bg-white shadow-md transition-[width,height]\",\n      \"absolute left-[50%] top-[50%] block !-translate-x-1/2 !-translate-y-1/2\",\n      \"disabled:bg-bg-disabled disabled:border disabled:border-bg\",\n    ],\n    valueLabel: \"text-fg-muted text-sm\",\n  },\n  variants: {\n    size: {\n      sm: {\n        thumb: \"size-3 dragging:size-4\",\n        track: \"orientation-vertical:w-1 orientation-horizontal:h-1\",\n      },\n      md: {\n        thumb: \"size-4 dragging:size-5\",\n        track: \"orientation-vertical:w-2 orientation-horizontal:h-2\",\n      },\n      lg: {\n        thumb: \"size-5 dragging:size-6\",\n        track: \"orientation-vertical:w-3 orientation-horizontal:h-3\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ninterface SliderProps\n  extends SliderRootProps,\n    VariantProps<typeof sliderStyles> {\n  label?: FieldProps[\"label\"];\n  description?: FieldProps[\"description\"];\n  valueLabel?: boolean | ((value: number[]) => string);\n}\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof AriaSlider>,\n  SliderProps\n>(({ label, description, valueLabel = false, size, ...props }, ref) => (\n  <SliderRoot ref={ref} {...props}>\n    {(label || !!valueLabel) && (\n      <div\n        className={cn(\n          \"flex items-center justify-between gap-2\",\n          !label && \"justify-end\"\n        )}\n      >\n        {label && <Label>{label}</Label>}\n        {!!valueLabel && (\n          <SliderValueLabel>\n            {({ state }) =>\n              typeof valueLabel === \"function\"\n                ? valueLabel(state.values)\n                : undefined\n            }\n          </SliderValueLabel>\n        )}\n      </div>\n    )}\n    <SliderControls size={size} />\n    {description && <Description>{description}</Description>}\n  </SliderRoot>\n));\nSlider.displayName = \"Slider\";\n\ntype SliderRootProps = AriaSliderProps;\nconst SliderRoot = React.forwardRef(\n  (props: SliderRootProps, ref: React.Ref<HTMLDivElement>) => {\n    const { root } = sliderStyles();\n    const descriptionId = useSlotId();\n    return (\n      <AriaTextContext.Provider\n        value={{ slots: { description: { id: descriptionId } } }}\n      >\n        <AriaSlider\n          ref={ref}\n          aria-describedby={descriptionId}\n          {...props}\n          className={composeRenderProps(props.className, (className) =>\n            root({ className })\n          )}\n        />\n      </AriaTextContext.Provider>\n    );\n  }\n);\nSliderRoot.displayName = \"SliderRoot\";\n\ntype SliderControlsProps = SliderTrackProps & VariantProps<typeof sliderStyles>;\nconst SliderControls = (props: SliderControlsProps) => {\n  const { values } = React.useContext(AriaSliderStateContext);\n  return (\n    <SliderTrack {...props}>\n      <SliderFiller />\n      {values.map((_, i) => (\n        <SliderThumb key={i} index={i} size={props.size} />\n      ))}\n    </SliderTrack>\n  );\n};\n\ntype SliderTrackProps = AriaSliderTrackProps &\n  VariantProps<typeof sliderStyles>;\nconst SliderTrack = ({ size, ...props }: SliderTrackProps) => {\n  const { track } = sliderStyles({ size });\n  return (\n    <AriaSliderTrack\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        track({ className })\n      )}\n    />\n  );\n};\n\ntype SliderFillerProps = React.HTMLAttributes<HTMLDivElement>;\nconst SliderFiller = (props: SliderFillerProps) => {\n  const { filler } = sliderStyles();\n  const { orientation, getThumbPercent, values } = React.useContext(\n    AriaSliderStateContext\n  );\n  return (\n    <div\n      {...props}\n      style={\n        values.length === 1\n          ? orientation === \"horizontal\"\n            ? {\n                width: `${getThumbPercent(0) * 100}%`,\n              }\n            : { height: `${getThumbPercent(0) * 100}%` }\n          : orientation === \"horizontal\"\n            ? {\n                left: `${getThumbPercent(0) * 100}%`,\n                width: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,\n              }\n            : {\n                bottom: `${getThumbPercent(0) * 100}%`,\n                height: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,\n              }\n      }\n      className={filler({ className: props.className })}\n    />\n  );\n};\n\ntype SliderThumbProps = AriaSliderThumbProps &\n  VariantProps<typeof sliderStyles>;\nconst SliderThumb = ({ size, ...props }: SliderThumbProps) => {\n  const { thumb } = sliderStyles({ size });\n  return (\n    <AriaSliderThumb\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        thumb({ className })\n      )}\n    />\n  );\n};\n\ntype SliderValueLabelProps = AriaSliderOutputProps;\nconst SliderValueLabel = (props: SliderValueLabelProps) => {\n  const { valueLabel } = sliderStyles();\n  return (\n    <AriaSliderOutput\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        valueLabel({ className })\n      )}\n    >\n      {composeRenderProps(\n        props.children,\n        (children, { state }) =>\n          children ??\n          state.values.map((_, i) => state.getThumbValueLabel(i)).join(\" - \")\n      )}\n    </AriaSliderOutput>\n  );\n};\n\nexport {\n  Slider,\n  SliderRoot,\n  SliderControls,\n  SliderTrack,\n  SliderFiller,\n  SliderThumb,\n  SliderValueLabel,\n};\n",
-      "type": "registry:core",
-      "target": "core/slider.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/switch.json b/www/public/registry/styles/default/switch.json
deleted file mode 100644
index 68842e74d..000000000
--- a/www/public/registry/styles/default/switch.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "name": "switch",
-  "type": "registry:core",
-  "dependencies": ["react-aria-components"],
-  "files": [
-    {
-      "path": "core/switch/switch.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Switch as AriaSwitch,\n  composeRenderProps,\n  type SwitchProps as AriaSwitchProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/ui/default/lib/focus-styles\";\n\nconst switchStyles = tv({\n  slots: {\n    root: \"group/switch flex items-center gap-3 disabled:text-fg-disabled\",\n    wrapper: [\n      focusRing(),\n      \"inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors\",\n      \"group-disabled/switch:cursor-not-allowed group-disabled/switch:bg-transparent group-disabled/switch:border group-disabled/switch:border-border-disabled group-disabled/switch:group-selected/switch:border-none group-disabled/switch:group-selected/switch:bg-bg-disabled group-selected/switch:bg-border-focus bg-bg-neutral\",\n    ],\n    indicator:\n      \"pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-all duration-200 origin-right group-disabled/switch:bg-fg-disabled\",\n    label: \"\",\n  },\n  variants: {\n    size: {\n      sm: {\n        wrapper: \"h-5 w-9\",\n        indicator:\n          \"size-4 group-pressed/switch:w-5 group-selected/switch:ml-4 group-selected/switch:group-pressed/switch:ml-3\",\n      },\n      md: {\n        wrapper: \"h-6 w-11\",\n        indicator:\n          \"size-5 group-pressed/switch:w-6 group-selected/switch:ml-5 group-selected/switch:group-pressed/switch:ml-4\",\n      },\n      lg: {\n        wrapper: \"h-7 w-12\",\n        indicator:\n          \"size-6 group-pressed/switch:w-7 group-selected/switch:ml-6 group-selected/switch:group-pressed/switch:ml-5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ninterface SwitchProps\n  extends Omit<AriaSwitchProps, \"className\">,\n    VariantProps<typeof switchStyles> {\n  className?: string;\n}\nconst Switch = ({ className, size, ...props }: SwitchProps) => {\n  const { root, wrapper, indicator, label } = switchStyles({ size });\n\n  return (\n    <AriaSwitch className={root({ className })} {...props}>\n      {composeRenderProps(props.children, (children) => (\n        <>\n          <span className={wrapper({ className })}>\n            <span className={indicator({})} style={{ contain: \"layout\" }} />\n          </span>\n          {children && <span className={label({})}>{children}</span>}\n        </>\n      ))}\n    </AriaSwitch>\n  );\n};\n\nexport { Switch };\n",
-      "type": "registry:core",
-      "target": "core/switch.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/tabs.json b/www/public/registry/styles/default/tabs.json
deleted file mode 100644
index e436420ec..000000000
--- a/www/public/registry/styles/default/tabs.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "name": "tabs",
-  "type": "registry:core",
-  "dependencies": ["react-aria-components"],
-  "files": [
-    {
-      "path": "core/tabs/tabs.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  type TabsProps as AriaTabsProps,\n  type TabListProps as AriaTabListProps,\n  type TabProps as AriaTabProps,\n  type TabPanelProps as AriaTabPanelProps,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/ui/default/lib/focus-styles\";\n\nconst tabsStyles = tv({\n  slots: {\n    root: \"flex flex-col orientation-vertical:flex-row [&_[role=tabpanel]]:orientation-horizontal:mt-2 [&_[role=tabpanel]]:orientation-vertical:ml-2\",\n    list: \"flex orientation-horizontal:overflow-x-auto orientation-horizontal:whitespace-nowrap orientation-horizontal:items-center orientation-horizontal:border-b orientation-vertical:flex-col orientation-vertical:border-r [&_[role=tab]]:orientation-horizontal:border-b-[3px] [&_[role=tab]]:orientation-vertical:border-r-[3px]\",\n    tab: [\n      \"cursor-pointer text-center text-fg-muted border-transparent selected:border-border-focus selected:text-fg -mb-px px-2 py-2 text-sm font-medium outline-none transition-colors disabled:text-fg-disabled disabled:cursor-default disabled:selected:border-border-disabled\",\n      \"[&>span]:py-1 [&>span]:px-1.5 [&>span]:rounded-md [&>span]:border-2 [&>span]:border-transparent [&>span]:focus-visible:border-border-focus\",\n    ],\n    panel: [focusRing(), \"rounded\"],\n  },\n});\n\ninterface TabsProps extends Omit<AriaTabsProps, \"className\"> {\n  className?: string;\n}\nconst Tabs = ({ className, ...props }: TabsProps) => {\n  const { root } = tabsStyles();\n  return <AriaTabs className={root({ className })} {...props} />;\n};\n\ninterface TabListProps<T> extends Omit<AriaTabListProps<T>, \"className\"> {\n  className?: string;\n}\nconst TabList = <T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) => {\n  const { list } = tabsStyles();\n  return (\n    <AriaTabList\n      {...props}\n      className={list({ className })}\n      style={{ scrollbarWidth: \"none\" }}\n    />\n  );\n};\n\ninterface TabProps extends Omit<AriaTabProps, \"className\"> {\n  className?: string;\n}\nconst Tab = ({ className, ...props }: TabProps) => {\n  const { tab } = tabsStyles();\n  return (\n    <AriaTab className={tab({ className })} {...props}>\n      {composeRenderProps(props.children, (children) => (\n        <span>{children}</span>\n      ))}\n    </AriaTab>\n  );\n};\n\ninterface TabPanelProps extends Omit<AriaTabPanelProps, \"className\"> {\n  className?: string;\n}\nconst TabPanel = ({ className, ...props }: TabPanelProps) => {\n  const { panel } = tabsStyles();\n  return <AriaTabPanel className={panel({ className })} {...props} />;\n};\n\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\nexport { Tabs, TabList, Tab, TabPanel };\n",
-      "type": "registry:core",
-      "target": "core/tabs.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/text-area.json b/www/public/registry/styles/default/text-area.json
deleted file mode 100644
index be1279a43..000000000
--- a/www/public/registry/styles/default/text-area.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "text-area",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "field",
-    "input",
-    "text-field"
-  ],
-  "files": [
-    {
-      "path": "core/text-area/text-area.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { type VariantProps } from \"tailwind-variants\";\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\nimport {\n  InputRoot,\n  TextAreaInput,\n  type inputStyles,\n} from \"@/registry/ui/default/core/input\";\nimport {\n  TextFieldRoot,\n  type TextFieldRootProps,\n} from \"@/registry/ui/default/core/text-field\";\n\ntype TextAreaProps = TextFieldRootProps &\n  Omit<FieldProps, \"children\"> &\n  Omit<VariantProps<typeof inputStyles>, \"size\"> & {\n    prefix?: React.ReactNode;\n    suffix?: React.ReactNode;\n    isLoading?: boolean;\n    loaderPosition?: \"prefix\" | \"suffix\";\n    placeholder?: string;\n  };\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      className,\n      placeholder,\n      label,\n      description,\n      errorMessage,\n      prefix,\n      suffix,\n      isLoading,\n      loaderPosition = \"suffix\",\n      isRequired,\n      necessityIndicator,\n      contextualHelp,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <TextFieldRoot className={className} {...props}>\n        <Field\n          label={label}\n          description={description}\n          errorMessage={errorMessage}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}\n          contextualHelp={contextualHelp}\n        >\n          <InputRoot\n            prefix={prefix}\n            suffix={suffix}\n            isLoading={isLoading}\n            loaderPosition={loaderPosition}\n            multiline\n          >\n            <TextAreaInput ref={ref} placeholder={placeholder} />\n          </InputRoot>\n        </Field>\n      </TextFieldRoot>\n    );\n  }\n);\nTextArea.displayName = \"TextArea\";\n\nexport type { TextAreaProps };\nexport { TextArea };\n",
-      "type": "registry:core",
-      "target": "core/text-area.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/text-field.json b/www/public/registry/styles/default/text-field.json
deleted file mode 100644
index 05e0c2cfc..000000000
--- a/www/public/registry/styles/default/text-field.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "name": "text-field",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "field",
-    "input"
-  ],
-  "files": [
-    {
-      "path": "core/text-field/text-field.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TextField as AriaTextField,\n  type TextFieldProps as AriaTextFieldProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\nimport {\n  InputRoot,\n  Input,\n  type inputStyles,\n} from \"@/registry/ui/default/core/input\";\n\nconst textFieldStyles = tv({\n  base: \"flex flex-col gap-2 items-start w-48\",\n});\n\ntype TextFieldProps = TextFieldRootProps &\n  Omit<FieldProps, \"children\"> &\n  VariantProps<typeof inputStyles> & {\n    prefix?: React.ReactNode;\n    suffix?: React.ReactNode;\n    isLoading?: boolean;\n    loaderPosition?: \"prefix\" | \"suffix\";\n    placeholder?: string;\n  };\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      size,\n      placeholder,\n      label,\n      description,\n      errorMessage,\n      prefix,\n      suffix,\n      isLoading,\n      loaderPosition = \"suffix\",\n      necessityIndicator,\n      contextualHelp,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <TextFieldRoot className={className} {...props}>\n        {({ isRequired }) => (\n          <Field\n            label={label}\n            description={description}\n            errorMessage={errorMessage}\n            isRequired={isRequired}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={contextualHelp}\n          >\n            <InputRoot\n              size={size}\n              prefix={prefix}\n              suffix={suffix}\n              isLoading={isLoading}\n              loaderPosition={loaderPosition}\n            >\n              <Input ref={ref} placeholder={placeholder} />\n            </InputRoot>\n          </Field>\n        )}\n      </TextFieldRoot>\n    );\n  }\n);\nTextField.displayName = \"TextField\";\n\ntype TextFieldRootProps = Omit<AriaTextFieldProps, \"className\"> & {\n  className?: string;\n};\nconst TextFieldRoot = React.forwardRef<\n  React.ElementRef<typeof AriaTextField>,\n  TextFieldRootProps\n>(({ className, ...props }, ref) => {\n  return (\n    <AriaTextField\n      ref={ref}\n      className={textFieldStyles({ className })}\n      {...props}\n    />\n  );\n});\nTextFieldRoot.displayName = \"TextFieldRoot\";\n\nexport type { TextFieldProps, TextFieldRootProps };\nexport { TextField, TextFieldRoot };\n",
-      "type": "registry:core",
-      "target": "core/text-field.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/text.json b/www/public/registry/styles/default/text.json
deleted file mode 100644
index dcf3fd336..000000000
--- a/www/public/registry/styles/default/text.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "name": "text",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "files": [
-    {
-      "path": "core/text/text.tsx",
-      "content": "\"use client\";\r\n\r\nimport {\r\n  Text as AriaText,\r\n  type TextProps as AriaTextProps,\r\n} from \"react-aria-components\";\r\nimport { type VariantProps, tv } from \"tailwind-variants\";\r\n\r\nconst textStyles = tv({\r\n  base: \"text-sm\",\r\n  variants: {\r\n    slot: {\r\n      label: \"font-bold\",\r\n      description: \"text-fg-muted\",\r\n      errorMessage: \"text-fg-danger\",\r\n    },\r\n  },\r\n});\r\n\r\ninterface TextProps\r\n  extends Omit<AriaTextProps, \"slot\">,\r\n    VariantProps<typeof textStyles> {}\r\nconst Text = ({ slot, className, ...props }: TextProps) => {\r\n  return (\r\n    <AriaText\r\n      slot={slot}\r\n      className={textStyles({ slot, className })}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport type { textStyles };\r\nexport { Text };\r\n",
-      "type": "registry:core",
-      "target": "core/text.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/time-field.json b/www/public/registry/styles/default/time-field.json
deleted file mode 100644
index 2cd821ae6..000000000
--- a/www/public/registry/styles/default/time-field.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "time-field",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "field",
-    "input",
-    "date-input"
-  ],
-  "files": [
-    {
-      "path": "core/time-field/time-field.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  TimeField as AriaTimeField,\r\n  type TimeFieldProps as AriaTimeFieldProps,\r\n  type TimeValue,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { DateInput, DateSegment } from \"@/registry/ui/default/core/date-input\";\r\nimport { Field, type FieldProps } from \"@/registry/ui/default/core/field\";\r\nimport { InputRoot, type inputStyles } from \"@/registry/ui/default/core/input\";\r\n\r\nconst timeFieldStyles = tv({\r\n  slots: {\r\n    root: \"flex flex-col items-start gap-2\",\r\n  },\r\n});\r\n\r\ninterface TimeFieldProps<T extends TimeValue>\r\n  extends TimeFieldRootProps<T>,\r\n    Omit<FieldProps, \"children\">,\r\n    VariantProps<typeof inputStyles> {\r\n  prefix?: React.ReactNode;\r\n  suffix?: React.ReactNode;\r\n  isLoading?: boolean;\r\n  loaderPosition?: \"prefix\" | \"suffix\";\r\n}\r\n\r\nconst TimeField = <T extends TimeValue>({\r\n  className,\r\n  size,\r\n  label,\r\n  description,\r\n  errorMessage,\r\n  prefix,\r\n  suffix,\r\n  isLoading,\r\n  loaderPosition = \"suffix\",\r\n  isRequired,\r\n  isDisabled,\r\n  necessityIndicator,\r\n  contextualHelp,\r\n  ...props\r\n}: TimeFieldProps<T>) => {\r\n  return (\r\n    <TimeFieldRoot\r\n      className={className}\r\n      isRequired={isRequired}\r\n      isDisabled={isLoading || isDisabled}\r\n      {...props}\r\n    >\r\n      <Field\r\n        label={label}\r\n        description={description}\r\n        errorMessage={errorMessage}\r\n        isRequired={isRequired}\r\n        necessityIndicator={necessityIndicator}\r\n        contextualHelp={contextualHelp}\r\n      >\r\n        <InputRoot\r\n          size={size}\r\n          prefix={prefix}\r\n          suffix={suffix}\r\n          isLoading={isLoading}\r\n          loaderPosition={loaderPosition}\r\n        >\r\n          <DateInput>\r\n            {(segment) => <DateSegment segment={segment} />}\r\n          </DateInput>\r\n        </InputRoot>\r\n      </Field>\r\n    </TimeFieldRoot>\r\n  );\r\n};\r\n\r\ninterface TimeFieldRootProps<T extends TimeValue>\r\n  extends Omit<AriaTimeFieldProps<T>, \"className\"> {\r\n  className?: string;\r\n}\r\nconst TimeFieldRoot = <T extends TimeValue>({\r\n  className,\r\n  ...props\r\n}: TimeFieldRootProps<T>) => {\r\n  const { root } = timeFieldStyles();\r\n  return <AriaTimeField className={root({ className })} {...props} />;\r\n};\r\n\r\nexport type { TimeFieldProps, TimeFieldRootProps };\r\nexport { TimeField, TimeFieldRoot };\r\n",
-      "type": "registry:core",
-      "target": "core/time-field.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/default/toggle-button.json b/www/public/registry/styles/default/toggle-button.json
deleted file mode 100644
index 96307622b..000000000
--- a/www/public/registry/styles/default/toggle-button.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "name": "toggle-button",
-  "type": "registry:core",
-  "dependencies": ["react-aria-components"],
-  "files": [
-    {
-      "path": "core/toggle-button/toggle-button.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  ToggleButton as AriaToggleButton,\n  type ToggleButtonProps as AriaToggleButtonProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/ui/default/lib/focus-styles\";\n\nconst toggleButtonStyles = tv({\n  extend: focusRing,\n  base: \"inline-flex items-center justify-center gap-2 rounded-md leading-normal text-sm font-medium ring-offset-background transition-colors disabled:cursor-default disabled:bg-bg-disabled disabled:text-fg-disabled\",\n  variants: {\n    variant: {\n      quiet:\n        \"bg-transparent hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active\",\n      outline:\n        \"border border-border-field bg-transparent hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active\",\n      accent:\n        \"border border-border-field bg-transparent hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"px-3 w-auto\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"px-4 w-auto\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"px-5 w-auto\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"quiet\",\n    size: \"md\",\n    shape: \"square\",\n  },\n});\n\ninterface ToggleButtonProps\n  extends Omit<AriaToggleButtonProps, \"className\">,\n    VariantProps<typeof toggleButtonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst ToggleButton = React.forwardRef(\n  (\n    localProps: ToggleButtonProps,\n    ref: React.ForwardedRef<HTMLButtonElement>\n  ) => {\n    const contextProps = useToggleButtonContext();\n    const props = { ...contextProps, ...localProps };\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n    return (\n      <AriaToggleButton\n        ref={ref}\n        {...restProps}\n        className={toggleButtonStyles({\n          variant,\n          size,\n          shape,\n          className,\n        })}\n      >\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </AriaToggleButton>\n    );\n  }\n);\nToggleButton.displayName = \"ToggleButton\";\n\ntype ToggleButtonContextValue = VariantProps<typeof toggleButtonStyles>;\nconst ToggleButtonContext = React.createContext<ToggleButtonContextValue>({});\nconst useToggleButtonContext = () => {\n  return React.useContext(ToggleButtonContext);\n};\n\nexport type { ToggleButtonProps };\nexport { ToggleButton, toggleButtonStyles, ToggleButtonContext };\n",
-      "type": "registry:core",
-      "target": "core/toggle-button.tsx"
-    }
-  ]
-}
diff --git a/www/public/registry/styles/default/tooltip.json b/www/public/registry/styles/default/tooltip.json
deleted file mode 100644
index 5a0e6527b..000000000
--- a/www/public/registry/styles/default/tooltip.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "name": "tooltip",
-  "type": "registry:core",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "overlay",
-    "text"
-  ],
-  "files": [
-    {
-      "path": "core/tooltip/tooltip.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  type TooltipProps as AriaTooltipProps,\n  type TooltipTriggerComponentProps as AriaTooltipTriggerProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nconst tooltipVariants = tv({\n  base: \"group/tooltip z-50 bg-bg-tooltip text-fg overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md will-change-transform entering:animate-in entering:fade-in entering:ease-out entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:ease-in exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5\",\n});\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\">,\n    VariantProps<typeof tooltipVariants> {\n  content?: React.ReactNode;\n  arrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  arrow = true,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {arrow && <OverlayArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ntype TooltipRootProps = AriaTooltipTriggerProps;\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\ninterface TooltipContentProps\n  extends Omit<AriaTooltipProps, \"className\">,\n    VariantProps<typeof tooltipVariants> {\n  className?: string;\n}\nconst TooltipContent = ({\n  className,\n  offset = 10,\n  ...props\n}: TooltipContentProps) => {\n  return (\n    <AriaTooltip\n      offset={offset}\n      className={tooltipVariants({ className })}\n      {...props}\n    />\n  );\n};\n\ntype OverlayArrowProps = Partial<React.SVGProps<SVGSVGElement>>;\nconst OverlayArrow = (props: OverlayArrowProps) => {\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className=\"z-50 fill-bg-tooltip stroke-border group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\"\n        {...props}\n      >\n        <path d=\"M0 0 L6 6 L12 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n};\n\nexport { Tooltip, TooltipRoot, TooltipContent, OverlayArrow };\nexport type { TooltipProps, TooltipRootProps, TooltipContentProps };\n",
-      "type": "registry:core",
-      "target": "core/tooltip.tsx"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/www/public/registry/styles/index.json b/www/public/registry/styles/index.json
deleted file mode 100644
index 791471e12..000000000
--- a/www/public/registry/styles/index.json
+++ /dev/null
@@ -1,7 +0,0 @@
-[
-  {
-    "name": "default",
-    "label": "Default",
-    "type": "registry:style"
-  }
-]
diff --git a/www/public/registry/templates/index.json b/www/public/registry/templates/index.json
deleted file mode 100644
index 84eb91b75..000000000
--- a/www/public/registry/templates/index.json
+++ /dev/null
@@ -1,6 +0,0 @@
-[
-  {
-    "name": "v1",
-    "label": "v1"
-  }
-]
\ No newline at end of file
diff --git a/www/public/registry/templates/v1.json b/www/public/registry/templates/v1.json
deleted file mode 100644
index 781b29447..000000000
--- a/www/public/registry/templates/v1.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "name": "v1",
-  "type": "registry:template",
-  "label": "v1",
-  "description": "",
-  "templateUrl": "https://github.com/midday-ai/v1"
-}
\ No newline at end of file
diff --git a/www/public/registry/themes/index.json b/www/public/registry/themes/index.json
deleted file mode 100644
index 207d066f8..000000000
--- a/www/public/registry/themes/index.json
+++ /dev/null
@@ -1,6 +0,0 @@
-[
-  {
-    "name": "theme-default",
-    "label": "Default theme"
-  }
-]
\ No newline at end of file
diff --git a/www/public/registry/themes/theme-default.json b/www/public/registry/themes/theme-default.json
deleted file mode 100644
index 9b56187ad..000000000
--- a/www/public/registry/themes/theme-default.json
+++ /dev/null
@@ -1,144 +0,0 @@
-{
-  "name": "theme-default",
-  "label": "Default theme",
-  "type": "registry:theme",
-  "tailwind": {
-    "config": {
-      "theme": {
-        "extend": {
-          "borderRadius": {
-            "lg": "var(--radius)",
-            "md": "calc(var(--radius) - 2px)",
-            "sm": "calc(var(--radius) - 4px)"
-          },
-          "colors": {}
-        }
-      }
-    }
-  },
-  "cssVars": {
-    "light": {
-      "neutral-100": "hsl(0 0% 96%)",
-      "neutral-200": "hsl(0 0% 79%)",      "neutral-300": "hsl(0 0% 73%)",
-      "neutral-400": "hsl(0 0% 65%)",
-      "neutral-500": "hsl(0 0% 54%)",
-      "neutral-600": "hsl(0 0% 42%)",
-      "neutral-700": "hsl(0 0% 35%)",
-      "neutral-800": "hsl(0 0% 28%)",
-      "neutral-900": "hsl(0 0% 16%)",
-      "neutral-1000": "hsl(0 0% 12%)",
-      "accent-100": "hsl(206 100% 87%)",
-      "accent-200": "hsl(206 100% 79%)",
-      "accent-300": "hsl(206 100% 72%)",
-      "accent-400": "hsl(206 100% 63%)",
-      "accent-500": "hsl(206 100% 48%)",
-      "accent-600": "hsl(206 100% 38%)",
-      "accent-700": "hsl(206 100% 32%)",
-      "accent-800": "hsl(206 100% 26%)",
-      "accent-900": "hsl(206 100% 15%)",
-      "accent-1000": "hsl(206 100% 11%)",
-      "primary-100": "hsl(0 0% 87%)",
-      "primary-200": "hsl(0 0% 79%)",
-      "primary-300": "hsl(0 0% 73%)",
-      "primary-400": "hsl(0 0% 65%)",
-      "primary-500": "hsl(0 0% 54%)",
-      "primary-600": "hsl(0 0% 42%)",
-      "primary-700": "hsl(0 0% 35%)",
-      "primary-800": "hsl(0 0% 28%)",
-      "primary-900": "hsl(0 0% 16%)",
-      "primary-1000": "hsl(0 0% 12%)",
-      "success-100": "hsl(135 36% 83%)",
-      "success-200": "hsl(135 36% 74%)",
-      "success-300": "hsl(135 36% 66%)",
-      "success-400": "hsl(135 36% 56%)",
-      "success-500": "hsl(135 53% 40%)",
-      "success-600": "hsl(135 70% 29%)",
-      "success-700": "hsl(135 70% 24%)",
-      "success-800": "hsl(135 70% 19%)",
-      "success-900": "hsl(134 69% 11%)",
-      "success-1000": "hsl(136 71% 8%)",
-      "warning-100": "hsl(39 82% 80%)",
-      "warning-200": "hsl(39 81% 69%)",
-      "warning-300": "hsl(39 81% 58%)",
-      "warning-400": "hsl(39 85% 47%)",
-      "warning-500": "hsl(39 85% 39%)",
-      "warning-600": "hsl(39 85% 31%)",
-      "warning-700": "hsl(39 85% 26%)",
-      "warning-800": "hsl(39 85% 21%)",
-      "warning-900": "hsl(38 84% 12%)",
-      "warning-1000": "hsl(38 87% 9%)",
-      "danger-100": "hsl(358 69% 90%)",
-      "danger-200": "hsl(358 69% 85%)",
-      "danger-300": "hsl(358 70% 79%)",
-      "danger-400": "hsl(358 69% 73%)",
-      "danger-500": "hsl(358 69% 63%)",
-      "danger-600": "hsl(358 64% 49%)",
-      "danger-700": "hsl(358 63% 41%)",
-      "danger-800": "hsl(358 64% 33%)",
-      "danger-900": "hsl(357 64% 20%)",
-      "danger-1000": "hsl(358 65% 15%)"
-    },
-    "dark": {
-      "neutral-100": "hsl(0 0% 12%)",
-      "neutral-200": "hsl(0 0% 17%)",
-      "neutral-300": "hsl(0 0% 22%)",
-      "neutral-400": "hsl(0 0% 27%)",
-      "neutral-500": "hsl(0 0% 36%)",
-      "neutral-600": "hsl(0 0% 47%)",
-      "neutral-700": "hsl(0 0% 55%)",
-      "neutral-800": "hsl(0 0% 64%)",
-      "neutral-900": "hsl(0 0% 80%)",
-      "neutral-1000": "hsl(0 0% 86%)",
-      "accent-100": "hsl(206 100% 11%)",
-      "accent-200": "hsl(206 100% 16%)",
-      "accent-300": "hsl(206 100% 20%)",
-      "accent-400": "hsl(206 100% 25%)",
-      "accent-500": "hsl(206 100% 33%)",
-      "accent-600": "hsl(206 100% 42%)",
-      "accent-700": "hsl(206 100% 49%)",
-      "accent-800": "hsl(206 100% 61%)",
-      "accent-900": "hsl(206 100% 80%)",
-      "accent-1000": "hsl(205 100% 86%)",
-      "primary-100": "hsl(0 0% 12%)",
-      "primary-200": "hsl(0 0% 17%)",
-      "primary-300": "hsl(0 0% 22%)",
-      "primary-400": "hsl(0 0% 27%)",
-      "primary-500": "hsl(0 0% 36%)",
-      "primary-600": "hsl(0 0% 47%)",
-      "primary-700": "hsl(0 0% 55%)",
-      "primary-800": "hsl(0 0% 64%)",
-      "primary-900": "hsl(0 0% 80%)",
-      "primary-1000": "hsl(0 0% 86%)",
-      "success-100": "hsl(134 71% 8%)",
-      "success-200": "hsl(136 70% 12%)",
-      "success-300": "hsl(134 69% 15%)",
-      "success-400": "hsl(135 71% 19%)",
-      "success-500": "hsl(135 70% 25%)",
-      "success-600": "hsl(135 70% 32%)",
-      "success-700": "hsl(135 49% 42%)",
-      "success-800": "hsl(135 36% 54%)",
-      "success-900": "hsl(135 35% 76%)",
-      "success-1000": "hsl(135 36% 83%)",
-      "warning-100": "hsl(39 86% 8%)",
-      "warning-200": "hsl(39 85% 13%)",
-      "warning-300": "hsl(39 86% 16%)",
-      "warning-400": "hsl(39 84% 20%)",
-      "warning-500": "hsl(39 85% 26%)",
-      "warning-600": "hsl(39 85% 35%)",
-      "warning-700": "hsl(39 85% 41%)",
-      "warning-800": "hsl(39 85% 46%)",
-      "warning-900": "hsl(39 81% 71%)",
-      "warning-1000": "hsl(40 81% 79%)",
-      "danger-100": "hsl(357 64% 14%)",
-      "danger-200": "hsl(358 64% 21%)",
-      "danger-300": "hsl(358 64% 26%)",
-      "danger-400": "hsl(358 64% 32%)",
-      "danger-500": "hsl(358 64% 42%)",
-      "danger-600": "hsl(358 69% 55%)",
-      "danger-700": "hsl(358 69% 65%)",
-      "danger-800": "hsl(358 69% 72%)",
-      "danger-900": "hsl(359 70% 86%)",
-      "danger-1000": "hsl(358 69% 90%)"
-    }
-  }
-}
\ No newline at end of file
diff --git a/www/src/__registry__/core/checkbox-group.tsx b/www/src/__registry__/core/checkbox-group.tsx
index fb66305c7..d1eff85f7 100644
--- a/www/src/__registry__/core/checkbox-group.tsx
+++ b/www/src/__registry__/core/checkbox-group.tsx
@@ -43,7 +43,6 @@ const CheckboxGroup = React.forwardRef<
       description,
       errorMessage,
       necessityIndicator,
-      contextualHelp,
       variant,
       ...props
     },
@@ -59,7 +58,6 @@ const CheckboxGroup = React.forwardRef<
             errorMessage={errorMessage}
             isRequired={isRequired}
             necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
           >
             <div className={wrapper()}>{children}</div>
           </Field>
diff --git a/www/src/components/core/contextual-help.tsx b/www/src/components/core/contextual-help.tsx
deleted file mode 100644
index 972620010..000000000
--- a/www/src/components/core/contextual-help.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/contextual-help-01";
diff --git a/www/src/components/dynamic-core/contextual-help.tsx b/www/src/components/dynamic-core/contextual-help.tsx
deleted file mode 100644
index 967548664..000000000
--- a/www/src/components/dynamic-core/contextual-help.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { InfoIcon, HelpCircleIcon } from "lucide-react";
-import { Button } from "@/components/dynamic-core/button";
-import { DialogRoot, Dialog } from "@/registry/core/dialog";
-
-interface ContextualHelpProps {
-  title?: string;
-  description?: string;
-  variant?: "info" | "help";
-}
-
-const ContextualHelp = ({
-  title,
-  description,
-  variant,
-}: ContextualHelpProps) => {
-  const icon = variant === "info" ? <InfoIcon /> : <HelpCircleIcon />;
-  return (
-    <DialogRoot>
-      <Button
-        slot={null}
-        aria-label={variant}
-        variant="quiet"
-        size="sm"
-        shape="square"
-        className="size-6"
-      >
-        {icon}
-      </Button>
-      <Dialog
-        type="popover"
-        mobileType="modal"
-        title={title}
-        description={description}
-      />
-    </DialogRoot>
-  );
-};
-
-export { ContextualHelp };
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index 155a70e7a..ac8dae94c 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -54,7 +54,7 @@ export const ThemeOverride = React.forwardRef<
     )
   );
 
-  return children;
+  return <div className={cn("bg-bg text-fg", props.className)}>{children}</div>;
 
   return (
     <div
diff --git a/www/src/demos/checkbox-group/contextual-help.tsx b/www/src/demos/checkbox-group/contextual-help.tsx
deleted file mode 100644
index 0db65d2c9..000000000
--- a/www/src/demos/checkbox-group/contextual-help.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-
-export default function Demo() {
-  return (
-    <CheckboxGroup
-      label="React frameworks"
-      defaultValue={["nextjs"]}
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    >
-      <Checkbox value="nextjs">Next.js</Checkbox>
-      <Checkbox value="remix">Remix</Checkbox>
-      <Checkbox value="gatsby">Gatsby</Checkbox>
-    </CheckboxGroup>
-  );
-}
diff --git a/www/src/demos/checkbox-group/error-message.tsx b/www/src/demos/checkbox-group/error-message.tsx
index 5c6f3d4e0..39e77a833 100644
--- a/www/src/demos/checkbox-group/error-message.tsx
+++ b/www/src/demos/checkbox-group/error-message.tsx
@@ -7,6 +7,7 @@ export default function Demo() {
       label="React frameworks"
       isInvalid
       errorMessage="Please select a framework."
+      description="hello world"
     >
       <Checkbox value="nextjs">Next.js</Checkbox>
       <Checkbox value="remix">Remix</Checkbox>
diff --git a/www/src/demos/color-field/contextual-help.tsx b/www/src/demos/color-field/contextual-help.tsx
deleted file mode 100644
index 721f677ca..000000000
--- a/www/src/demos/color-field/contextual-help.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-
-export default function Demo() {
-  return (
-    <ColorField
-      label="Color"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/combobox/contextual-help.tsx b/www/src/demos/combobox/contextual-help.tsx
deleted file mode 100644
index bb116583e..000000000
--- a/www/src/demos/combobox/contextual-help.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { Item } from "@/components/dynamic-core/list-box";
-
-export default function Demo() {
-  return (
-    <Combobox
-      label="Country"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, get assisted by our AI."
-        />
-      }
-    >
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
-    </Combobox>
-  );
-}
diff --git a/www/src/demos/date-field/contextual-help.tsx b/www/src/demos/date-field/contextual-help.tsx
deleted file mode 100644
index 7fae45c51..000000000
--- a/www/src/demos/date-field/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <DateField
-      label="Appointment"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/date-picker/contextual-help.tsx b/www/src/demos/date-picker/contextual-help.tsx
deleted file mode 100644
index 4911e504f..000000000
--- a/www/src/demos/date-picker/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return (
-    <DatePicker
-      label="Appointment"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/date-range-picker/contextual-help.tsx b/www/src/demos/date-range-picker/contextual-help.tsx
deleted file mode 100644
index 5b3ec69b7..000000000
--- a/www/src/demos/date-range-picker/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-
-export default function Demo() {
-  return (
-    <DateRangePicker
-      label="Trip"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/number-field/contextual-help.tsx b/www/src/demos/number-field/contextual-help.tsx
deleted file mode 100644
index 4b055eef3..000000000
--- a/www/src/demos/number-field/contextual-help.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { NumberField } from "@/components/dynamic-core/number-field";
-
-export default function Demo() {
-  return (
-    <NumberField
-      label="Width"
-      defaultValue={1024}
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/radio-group/contextual-help.tsx b/www/src/demos/radio-group/contextual-help.tsx
deleted file mode 100644
index 6f0646b0a..000000000
--- a/www/src/demos/radio-group/contextual-help.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-
-export default function Demo() {
-  return (
-    <RadioGroup
-      defaultValue="sm"
-      label="Size"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    >
-      <Radio value="sm">Small</Radio>
-      <Radio value="md">Medium</Radio>
-      <Radio value="lg">Large</Radio>
-    </RadioGroup>
-  );
-}
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index ba3d4d5ad..b15ed329a 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -60,7 +60,6 @@ export const demos: RegistryDemos = [
   ...buildDemos("checkbox-group", [
     "cards",
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
@@ -91,7 +90,6 @@ export const demos: RegistryDemos = [
   ]),
   ...buildDemos("color-field", [
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
@@ -129,7 +127,6 @@ export const demos: RegistryDemos = [
     "async-loading",
     "basic",
     "composition",
-    "contextual-help",
     "controlled",
     "custom-value",
     "description",
@@ -143,7 +140,6 @@ export const demos: RegistryDemos = [
   ]),
   ...buildDemos("date-field", [
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
@@ -164,7 +160,6 @@ export const demos: RegistryDemos = [
   ]),
   ...buildDemos("date-picker", [
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
@@ -185,7 +180,6 @@ export const demos: RegistryDemos = [
   ]),
   ...buildDemos("date-range-picker", [
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
@@ -274,7 +268,6 @@ export const demos: RegistryDemos = [
   ...buildDemos("modal", ["basic"]),
   ...buildDemos("number-field", [
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
@@ -307,7 +300,6 @@ export const demos: RegistryDemos = [
   ...buildDemos("radio-group", [
     "cards",
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
@@ -336,7 +328,6 @@ export const demos: RegistryDemos = [
   ]),
   ...buildDemos("search-field", [
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
@@ -355,7 +346,6 @@ export const demos: RegistryDemos = [
     "async-loading",
     "basic",
     "composition",
-    "contextual-help",
     "controlled",
     "description",
     "disabled",
@@ -411,7 +401,6 @@ export const demos: RegistryDemos = [
   ]),
   ...buildDemos("text-area", [
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
@@ -427,7 +416,6 @@ export const demos: RegistryDemos = [
   ]),
   ...buildDemos("text-field", [
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
@@ -443,7 +431,6 @@ export const demos: RegistryDemos = [
   ]),
   ...buildDemos("time-field", [
     "composition",
-    "contextual-help",
     "controlled",
     "default",
     "description",
diff --git a/www/src/demos/search-field/contextual-help.tsx b/www/src/demos/search-field/contextual-help.tsx
deleted file mode 100644
index b19d18ee2..000000000
--- a/www/src/demos/search-field/contextual-help.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return (
-    <SearchField
-      label="Search"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you need help, please contact support."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/select/contextual-help.tsx b/www/src/demos/select/contextual-help.tsx
deleted file mode 100644
index 386136864..000000000
--- a/www/src/demos/select/contextual-help.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
-
-export default function SelectDemo() {
-  return (
-    <Select
-      label="Provider"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble, get assisted by our AI."
-        />
-      }
-    >
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
-    </Select>
-  );
-}
diff --git a/www/src/demos/text-area/contextual-help.tsx b/www/src/demos/text-area/contextual-help.tsx
deleted file mode 100644
index 4265b982e..000000000
--- a/www/src/demos/text-area/contextual-help.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return (
-    <TextArea
-      label="Bio"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble writing your bio, get assisted by our AI."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/text-field/contextual-help.tsx b/www/src/demos/text-field/contextual-help.tsx
deleted file mode 100644
index bb733442d..000000000
--- a/www/src/demos/text-field/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <TextField
-      label="Password"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble accessing your account, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/demos/time-field/contextual-help.tsx b/www/src/demos/time-field/contextual-help.tsx
deleted file mode 100644
index 9d06a084a..000000000
--- a/www/src/demos/time-field/contextual-help.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ContextualHelp } from "@/components/dynamic-core/contextual-help";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <TimeField
-      label="Appointment"
-      contextualHelp={
-        <ContextualHelp
-          title="Need help?"
-          description="If you're having trouble accessing your account, contact our customer
-      support team for help."
-        />
-      }
-    />
-  );
-}
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index fa342ae5e..5506efb30 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -8,6 +8,7 @@ const defaultVariants = {
   tooltip: "tooltip-01",
   form: "react-hook-form",
   checkbox: "checkbox_basic",
+  "checkbox-group": "checkbox-group_basic",
 };
 
 export const dotUIThemes: Theme[] = [
diff --git a/www/src/registry/core/checkbox-group.tsx b/www/src/registry/core/checkbox-group.tsx
index fb66305c7..5564f38ff 100644
--- a/www/src/registry/core/checkbox-group.tsx
+++ b/www/src/registry/core/checkbox-group.tsx
@@ -1,92 +1,69 @@
 "use client";
 
-import * as React from "react";
 import {
   CheckboxGroup as AriaCheckboxGroup,
   composeRenderProps,
-  type CheckboxGroupProps as AriaCheckboxGroupProps,
+  type ValidationResult,
 } from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxProvider } from "@/registry/core/checkbox_basic";
-import { Field, type FieldProps } from "@/registry/core/field";
+import { tv, VariantProps } from "tailwind-variants";
+import { Label, Description, FieldError, HelpText } from "./field-01";
 
 const checkboxGroupStyles = tv({
   slots: {
-    root: "flex flex-col items-start gap-2",
-    wrapper: "flex",
-  },
-  variants: {
-    variant: {
-      default: {
-        wrapper: "flex-col gap-0.5",
-      },
-      card: {
-        wrapper: "flex gap-2",
-      },
-    },
+    root: "grid gap-2",
+    wrapper: "grid gap-0.5",
   },
   defaultVariants: {
     variant: "default",
   },
 });
 
-interface CheckboxGroupProps
-  extends CheckboxGroupRootProps,
-    Omit<FieldProps, "children"> {}
-const CheckboxGroup = React.forwardRef<
-  React.ElementRef<typeof AriaCheckboxGroup>,
-  CheckboxGroupProps
->(
-  (
-    {
-      label,
-      description,
-      errorMessage,
-      necessityIndicator,
-      contextualHelp,
-      variant,
-      ...props
-    },
-    ref
-  ) => {
-    const { wrapper } = checkboxGroupStyles({ variant });
-    return (
-      <CheckboxGroupRoot ref={ref} variant={variant} {...props}>
-        {composeRenderProps(props.children, (children, { isRequired }) => (
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <div className={wrapper()}>{children}</div>
-          </Field>
-        ))}
-      </CheckboxGroupRoot>
-    );
-  }
-);
-CheckboxGroup.displayName = "CheckboxGroup";
+const { root, wrapper } = checkboxGroupStyles();
 
-interface CheckboxGroupRootProps
-  extends Omit<AriaCheckboxGroupProps, "className">,
-    VariantProps<typeof checkboxGroupStyles> {
-  className?: string;
+interface CheckboxGroupProps extends CheckboxGroupRootProps {
+  label?: string;
+  description?: string;
+  errorMessage?: string | ((validation: ValidationResult) => string);
 }
-const CheckboxGroupRoot = React.forwardRef<
-  React.ElementRef<typeof AriaCheckboxGroup>,
-  CheckboxGroupRootProps
->(({ className, variant, ...props }, ref) => {
-  const { root } = checkboxGroupStyles({ variant });
+
+const CheckboxGroup = ({
+  label,
+  description,
+  errorMessage,
+  children,
+  ...props
+}: CheckboxGroupProps) => {
   return (
-    <CheckboxProvider variant={variant}>
-      <AriaCheckboxGroup ref={ref} className={root({ className })} {...props} />
-    </CheckboxProvider>
+    <CheckboxGroupRoot {...props}>
+      {composeRenderProps(children, (children) => (
+        <>
+          {label && <Label>{label}</Label>}
+          <div className={wrapper()}>{children}</div>
+          <HelpText description={description} errorMessage={errorMessage} />
+        </>
+      ))}
+    </CheckboxGroupRoot>
   );
-});
-CheckboxGroupRoot.displayName = "CheckboxGroupRoot";
+};
+
+interface CheckboxGroupRootProps
+  extends React.ComponentProps<typeof AriaCheckboxGroup>,
+    VariantProps<typeof checkboxGroupStyles> {}
+
+const CheckboxGroupRoot = ({
+  // variant,
+  className,
+  ...props
+}: CheckboxGroupRootProps) => {
+  return (
+    <AriaCheckboxGroup
+      className={composeRenderProps(className, (className) =>
+        root({ className })
+      )}
+      {...props}
+    />
+  );
+};
 
 export type { CheckboxGroupProps, CheckboxGroupRootProps };
 export { CheckboxGroup, CheckboxGroupRoot };
diff --git a/www/src/registry/core/checkbox-group_basic.tsx b/www/src/registry/core/checkbox-group_basic.tsx
deleted file mode 100644
index 1e02838d7..000000000
--- a/www/src/registry/core/checkbox-group_basic.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-"use client";
-
-import {
-  CheckboxGroup as AriaCheckboxGroup,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const checkboxGroupStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-    wrapper: "flex",
-  },
-  variants: {
-    variant: {
-      default: {
-        wrapper: "flex-col gap-0.5",
-      },
-      card: {
-        wrapper: "flex gap-2",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-interface CheckboxGroupRootProps
-  extends React.ComponentProps<typeof AriaCheckboxGroup> {}
diff --git a/www/src/registry/core/field-01.tsx b/www/src/registry/core/field-01.tsx
new file mode 100644
index 000000000..499c06da2
--- /dev/null
+++ b/www/src/registry/core/field-01.tsx
@@ -0,0 +1,70 @@
+import React from "react";
+import {
+  Label as AriaLabel,
+  Text as AriaText,
+  FieldError as AriaFieldError,
+  FieldErrorContext,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const labelStyles = tv({
+  base: "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
+});
+
+interface LabelProps extends React.ComponentProps<typeof AriaLabel> {}
+const Label = ({ className, ...props }: LabelProps) => {
+  return <AriaLabel className={labelStyles({ className })} {...props} />;
+};
+
+const descriptionStyles = tv({
+  base: "text-fg-muted text-xs",
+});
+
+interface DescriptionProps
+  extends Omit<React.ComponentProps<typeof AriaText>, "slot"> {}
+const Description = ({ className, ...props }: DescriptionProps) => {
+  return (
+    <AriaText
+      slot="description"
+      className={descriptionStyles({ className })}
+      {...props}
+    />
+  );
+};
+
+const fieldErrorStyles = tv({
+  base: "text-fg-danger text-xs",
+});
+
+interface FieldErrorProps extends React.ComponentProps<typeof AriaFieldError> {}
+const FieldError = ({ className, ...props }: FieldErrorProps) => {
+  return (
+    <AriaFieldError
+      className={composeRenderProps(className, (className) =>
+        fieldErrorStyles({ className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface HelpTextProps {
+  description?: DescriptionProps["children"];
+  errorMessage?: FieldErrorProps["children"];
+}
+const HelpText = ({ description, errorMessage, ...props }: HelpTextProps) => {
+  const validation = React.use(FieldErrorContext);
+  const isError =
+    validation?.isInvalid &&
+    (!!errorMessage || validation.validationErrors.length > 0);
+
+  if (isError) return <FieldError>{errorMessage}</FieldError>;
+
+  if (description) return <Description>{description}</Description>;
+
+  return null;
+};
+
+export type { LabelProps, DescriptionProps, FieldErrorProps, HelpTextProps };
+export { Label, Description, FieldError, HelpText };
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 27c7917da..1f10eb96f 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -188,18 +188,19 @@ export const core: Registry = [
     type: "registry:core",
     variants: [
       {
-        name: "checkbox-group-01",
+        name: "checkbox-group_basic",
+        label: "Basic",
       },
     ],
   },
   {
-    name: "checkbox-group-01",
+    name: "checkbox-group_basic",
     type: "registry:core",
     dependencies: ["react-aria-components"],
     registryDependencies: ["checkbox"],
     files: [
       {
-        path: "core/checkbox-group-01.tsx",
+        path: "core/checkbox-group-_basic.tsx",
         type: "registry:core",
         target: "core/checkbox-group.tsx",
       },

From 9d3aaa99d853cee966899ba34e5d2a65fedafa1e Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 17 Jan 2025 14:02:47 +0100
Subject: [PATCH 044/165] refactor: update components

---
 pnpm-lock.yaml                                | 1711 ++++++++++++++++-
 www/.gitignore                                |    3 +-
 .../docs/components/colors/color-field.mdx    |   11 -
 .../forms-and-inputs/checkbox-group.mdx       |    3 +-
 .../components/forms-and-inputs/checkbox.mdx  |    2 +-
 .../docs/components/forms-and-inputs/form.mdx |    2 +-
 .../forms-and-inputs/radio-group.mdx          |   61 +-
 .../forms-and-inputs/search-field.mdx         |  137 +-
 .../components/forms-and-inputs/slider.mdx    |   65 +-
 .../components/forms-and-inputs/switch.mdx    |   69 +-
 .../components/forms-and-inputs/text-area.mdx |   82 +-
 .../forms-and-inputs/text-field.mdx           |   96 +-
 .../menus-and-selection/command.mdx           |   23 +
 .../components/menus-and-selection/meta.json  |    2 +-
 .../docs/getting-started/guides/testing.mdx   |    7 +
 www/content/docs/getting-started/meta.json    |   10 +-
 www/next.config.mjs                           |    2 +-
 www/package.json                              |    3 +-
 www/src/__registry__/core/checkbox-group.tsx  |   90 -
 www/src/__registry__/core/checkbox_basic.tsx  |    4 +-
 www/src/__registry__/demos.tsx                |  146 +-
 .../(app)/themes/components/focus-style.tsx   |    2 +-
 .../(app)/themes/components/loader-style.tsx  |    2 +-
 www/src/app/layout.tsx                        |    1 -
 www/src/components/core/checkbox-group.tsx    |    2 +-
 www/src/components/core/radio-group.tsx       |    2 +-
 www/src/components/core/slider.tsx            |    2 +-
 www/src/components/core/switch.tsx            |    2 +-
 .../dynamic-core/checkbox-group.tsx           |    2 +-
 www/src/components/dynamic-core/command.tsx   |    1 +
 .../components/dynamic-core/radio-group.tsx   |    2 +-
 www/src/components/dynamic-core/slider.tsx    |    2 +-
 www/src/components/dynamic-core/switch.tsx    |    2 +-
 www/src/components/search-command-client.tsx  |   97 +
 www/src/components/search-command.tsx         |  207 +-
 www/src/components/sidebar.tsx                |   10 +-
 www/src/demos/checkbox-group/cards.tsx        |    1 +
 www/src/demos/command/basic.tsx               |   25 +
 www/src/demos/command/dialog.tsx              |   41 +
 www/src/demos/registry.ts                     |   12 +-
 www/src/demos/slider/advanced-composition.tsx |   29 -
 www/src/demos/slider/composition.tsx          |   16 +-
 www/src/demos/slider/sizes.tsx                |    6 +-
 www/src/demos/slider/value-scale.tsx          |    3 +-
 www/src/demos/switch/card.tsx                 |    6 +
 www/src/demos/switch/composition.tsx          |   17 +
 www/src/demos/text-area/composition.tsx       |    6 +-
 www/src/demos/text-field/loading.tsx          |   13 -
 www/src/registry/core/calendar copy 2.tsx     |  225 +++
 www/src/registry/core/calendar copy.tsx       |    2 +
 ...box-group.tsx => checkbox-group_basic.tsx} |   37 +-
 www/src/registry/core/checkbox_basic.tsx      |    4 +-
 www/src/registry/core/color-area.tsx          |    2 +
 www/src/registry/core/command.tsx             |   59 +
 www/src/registry/core/field-01.tsx            |   12 +-
 www/src/registry/core/input_new.tsx           |  180 ++
 www/src/registry/core/kbd.tsx                 |    2 +-
 www/src/registry/core/number-field copy 2.tsx |  142 ++
 www/src/registry/core/number-field copy.tsx   |   92 +
 www/src/registry/core/number-field.tsx        |  173 +-
 www/src/registry/core/radio-group.tsx         |  143 --
 www/src/registry/core/radio-group_basic.tsx   |  165 ++
 www/src/registry/core/search-field.tsx        |  150 +-
 www/src/registry/core/section.tsx             |    4 +-
 www/src/registry/core/slider.tsx              |  231 ---
 www/src/registry/core/slider_basic.tsx        |  250 +++
 www/src/registry/core/switch.tsx              |   75 -
 www/src/registry/core/switch_basic.tsx        |  117 ++
 www/src/registry/core/text-area.tsx           |  113 +-
 www/src/registry/core/text-field.tsx          |  109 +-
 www/src/registry/registry-core.ts             |   27 +
 www/src/styles/fonts.ts                       |   15 +-
 www/src/styles/globals.css                    |    2 +-
 73 files changed, 3701 insertions(+), 1670 deletions(-)
 create mode 100644 www/content/docs/components/menus-and-selection/command.mdx
 create mode 100644 www/content/docs/getting-started/guides/testing.mdx
 delete mode 100644 www/src/__registry__/core/checkbox-group.tsx
 create mode 100644 www/src/components/dynamic-core/command.tsx
 create mode 100644 www/src/components/search-command-client.tsx
 create mode 100644 www/src/demos/command/basic.tsx
 create mode 100644 www/src/demos/command/dialog.tsx
 delete mode 100644 www/src/demos/slider/advanced-composition.tsx
 create mode 100644 www/src/demos/switch/card.tsx
 create mode 100644 www/src/demos/switch/composition.tsx
 delete mode 100644 www/src/demos/text-field/loading.tsx
 create mode 100644 www/src/registry/core/calendar copy 2.tsx
 create mode 100644 www/src/registry/core/calendar copy.tsx
 rename www/src/registry/core/{checkbox-group.tsx => checkbox-group_basic.tsx} (67%)
 create mode 100644 www/src/registry/core/command.tsx
 create mode 100644 www/src/registry/core/input_new.tsx
 create mode 100644 www/src/registry/core/number-field copy 2.tsx
 create mode 100644 www/src/registry/core/number-field copy.tsx
 delete mode 100644 www/src/registry/core/radio-group.tsx
 create mode 100644 www/src/registry/core/radio-group_basic.tsx
 delete mode 100644 www/src/registry/core/slider.tsx
 create mode 100644 www/src/registry/core/slider_basic.tsx
 delete mode 100644 www/src/registry/core/switch.tsx
 create mode 100644 www/src/registry/core/switch_basic.tsx

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0eb62c663..0565e05b7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -260,9 +260,6 @@ importers:
       fumadocs-mdx:
         specifier: ^11.1.0
         version: 11.2.3(acorn@8.14.0)(fumadocs-core@14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
-      geist:
-        specifier: ^1.2.2
-        version: 1.3.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
       hast-util-to-string:
         specifier: ^3.0.1
         version: 3.0.1
@@ -300,8 +297,8 @@ importers:
         specifier: ^3.33.0
         version: 3.36.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-aria-components:
-        specifier: ^1.5.0
-        version: 1.5.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^1.6.0
+        version: 1.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-dom:
         specifier: 19.0.0
         version: 19.0.0(react@19.0.0)
@@ -1278,6 +1275,9 @@ packages:
   '@internationalized/date@3.6.0':
     resolution: {integrity: sha512-+z6ti+CcJnRlLHok/emGEsWQhe7kfSmEW+/6qCzvKY67YPh7YOBfvc7+/+NXq+zJlbArg30tYpqLjNgcAYv2YQ==}
 
+  '@internationalized/date@3.7.0':
+    resolution: {integrity: sha512-VJ5WS3fcVx0bejE/YHfbDKR/yawZgKqn/if+oEeLqNwBtPzVB06olkfcnojTmEMX+gTpH+FlQ69SHNitJ8/erQ==}
+
   '@internationalized/message@3.1.6':
     resolution: {integrity: sha512-JxbK3iAcTIeNr1p0WIFg/wQJjIzJt9l/2KNY/48vXV7GRGZSv3zMxJsce008fZclk2cDC8y0Ig3odceHO7EfNQ==}
 
@@ -1685,29 +1685,59 @@ packages:
       '@types/react':
         optional: true
 
+  '@react-aria/autocomplete@3.0.0-alpha.37':
+    resolution: {integrity: sha512-a7awFG3hshJ/kX7Qti/cJAKOG0XU5F/XW6fQffKGfEge7PmiWIvaLTrT5her79/v8v/bRBykIkpEgDCFE7WGzg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/breadcrumbs@3.5.19':
     resolution: {integrity: sha512-mVngOPFYVVhec89rf/CiYQGTfaLRfHFtX+JQwY7sNYNqSA+gO8p4lNARe3Be6bJPgH+LUQuruIY9/ZDL6LT3HA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/breadcrumbs@3.5.20':
+    resolution: {integrity: sha512-xqVSSDPpQuUFpJyIXMQv8L7zumk5CeGX7qTzo4XRvqm5T9qnNAX4XpYEMdktnLrQRY/OemCBScbx7SEwr0B3Kg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/button@3.11.0':
     resolution: {integrity: sha512-b37eIV6IW11KmNIAm65F3SEl2/mgj5BrHIysW6smZX3KoKWTGYsYfcQkmtNgY0GOSFfDxMCoolsZ6mxC00nSDA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/button@3.11.1':
+    resolution: {integrity: sha512-NSs2HxHSSPSuYy5bN+PMJzsCNDVsbm1fZ/nrWM2WWWHTBrx9OqyrEXZVV9ebzQCN9q0nzhwpf6D42zHIivWtJA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/calendar@3.6.0':
     resolution: {integrity: sha512-tZ3nd5DP8uxckbj83Pt+4RqgcTWDlGi7njzc7QqFOG2ApfnYDUXbIpb/Q4KY6JNlJskG8q33wo0XfOwNy8J+eg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/calendar@3.7.0':
+    resolution: {integrity: sha512-9YUbgcox7cQgvZfQtL2BLLRsIuX4mJeclk9HkFoOsAu3RGO5HNsteah8FV54W8BMjm/bNRXIPUxtjTTP+1L6jg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/checkbox@3.15.0':
     resolution: {integrity: sha512-z/8xd4em7o0MroBXwkkwv7QRwiJaA1FwqMhRUb7iqtBGP2oSytBEDf0N7L09oci32a1P4ZPz2rMK5GlLh/PD6g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/collections@3.0.0-alpha.6':
-    resolution: {integrity: sha512-A+7Eap/zvsghMb5/C3EAPn41axSzRhtX2glQRXSBj1mK31CTPCZ9BhrMIMC5DL7ZnfA7C+Ysilo9nI2YQh5PMg==}
+  '@react-aria/checkbox@3.15.1':
+    resolution: {integrity: sha512-ETgsMDZ0IZzRXy/OVlGkazm8T+PcMHoTvsxp0c+U82c8iqdITA+VJ615eBPOQh6OkkYIIn4cRn/e+69RmGzXng==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/collections@3.0.0-alpha.7':
+    resolution: {integrity: sha512-JR2Ro33Chlf26NM12zJsK+MOs5/k+PQallT5+4YawndYmbxqlDLADcoFdcORJqh0pKf9OnluWtANobCkQGd0aQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1718,84 +1748,174 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/color@3.0.3':
+    resolution: {integrity: sha512-DDVma2107VHBfSuEnnmy+KJvXvxEXWSAooii2vlHHmQNb5x4rv4YTk+dP5GZl/7MgT8OgPTB9UHoC83bXFMDRA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/combobox@3.11.0':
     resolution: {integrity: sha512-s88YMmPkMO1WSoiH1KIyZDLJqUwvM2wHXXakj3cYw1tBHGo4rOUFq+JWQIbM5EDO4HOR4AUUqzIUd0NO7t3zyg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/combobox@3.11.1':
+    resolution: {integrity: sha512-TTNbGhUuqxzPcJzd6hufOxuHzX0UARkw+0bl+TuCwNPQnqrcPf20EoOZvd3MHZwGq6GCP4QV+qo0uGx83RpUvA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/datepicker@3.12.0':
     resolution: {integrity: sha512-VYNXioLfddIHpwQx211+rTYuunDmI7VHWBRetCpH3loIsVFuhFSRchTQpclAzxolO3g0vO7pMVj9VYt7Swp6kg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/datepicker@3.13.0':
+    resolution: {integrity: sha512-TmJan65P3Vk7VDBNW5rH9Z25cAn0vk8TEtaP3boCs8wJFE+HbEuB8EqLxBFu47khtuKTEqDP3dTlUh2Vt/f7Xw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/dialog@3.5.20':
     resolution: {integrity: sha512-l0GZVLgeOd3kL3Yj8xQW7wN3gn9WW3RLd/SGI9t7ciTq+I/FhftjXCWzXLlOCCTLMf+gv7eazecECtmoWUaZWQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/dialog@3.5.21':
+    resolution: {integrity: sha512-tBsn9swBhcptJ9QIm0+ur0PVR799N6qmGguva3rUdd+gfitknFScyT08d7AoMr9AbXYdJ+2R9XNSZ3H3uIWQMw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/disclosure@3.0.0':
     resolution: {integrity: sha512-xO9QTQSvymujTjCs1iCQ4+dKZvtF/rVVaFZBKlUtqIqwTHMdqeZu4fh5miLEnTyVLNHMGzLrFggsd8Q+niC9Og==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/disclosure@3.0.1':
+    resolution: {integrity: sha512-rNH8RFcePoAQizcqB7KuHbBOr7sPsysFKCUwbVSOXLPgvCfXKafIhjgFJVqekfsbn5zWvkcTupnzGVJj/F9p+g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/dnd@3.8.0':
     resolution: {integrity: sha512-JiqHY3E9fDU5Kb4gN22cuK6QNlpMCGe6ngR/BV+Q8mLEsdoWcoUAYOtYXVNNTRvCdVbEWI87FUU+ThyPpoDhNQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/dnd@3.8.1':
+    resolution: {integrity: sha512-FoXYQ4z33E9YBzIGRJM1B1oZep6CvEWgXvjCZGURatjr3qG7vf95mOqA5kVd9bjLL7QK4w0ujJWEBfog3WmufA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/focus@3.19.0':
     resolution: {integrity: sha512-hPF9EXoUQeQl1Y21/rbV2H4FdUR2v+4/I0/vB+8U3bT1CJ+1AFj1hc/rqx2DqEwDlEwOHN+E4+mRahQmlybq0A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/focus@3.19.1':
+    resolution: {integrity: sha512-bix9Bu1Ue7RPcYmjwcjhB14BMu2qzfJ3tMQLqDc9pweJA66nOw8DThy3IfVr8Z7j2PHktOLf9kcbiZpydKHqzg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/form@3.0.11':
     resolution: {integrity: sha512-oXzjTiwVuuWjZ8muU0hp3BrDH5qjVctLOF50mjPvqUbvXQTHhoDxWweyIXPQjGshaqBd2w4pWaE4A2rG2O/apw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/form@3.0.12':
+    resolution: {integrity: sha512-8uvPYEd3GDyGt5NRJIzdWW1Ry5HLZq37vzRZKUW8alZ2upFMH3KJJG55L9GP59KiF6zBrYBebvI/YK1Ye1PE1g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/grid@3.11.0':
     resolution: {integrity: sha512-lN5FpQgu2Rq0CzTPWmzRpq6QHcMmzsXYeClsgO3108uVp1/genBNAObYVTxGOKe/jb9q99trz8EtIn05O6KN1g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/grid@3.11.1':
+    resolution: {integrity: sha512-Wg8m68RtNWfkhP3Qjrrsl1q1et8QCjXPMRsYgKBahYRS0kq2MDcQ+UBdG1fiCQn/MfNImhTUGVeQX276dy1lww==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/gridlist@3.10.0':
     resolution: {integrity: sha512-UcblfSZ7kJBrjg9mQ5VbnRevN81UiYB4NuL5PwIpBpridO7tnl4ew6+96PYU7Wj1chHhPS3x0b0zmuSVN7A0LA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/gridlist@3.10.1':
+    resolution: {integrity: sha512-11FlupBg5C9ehs7R6OjqMPWEOLK/4IuSrq7D1xU+Hnm7ZYI/KKcCXvNMjMmnOz/gGzOmfgVwz5PIKaY9aZarEg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/i18n@3.12.4':
     resolution: {integrity: sha512-j9+UL3q0Ls8MhXV9gtnKlyozq4aM95YywXqnmJtzT1rYeBx7w28hooqrWkCYLfqr4OIryv1KUnPiCSLwC2OC7w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/i18n@3.12.5':
+    resolution: {integrity: sha512-ooeop2pTG94PuaHoN2OTk2hpkqVuoqgEYxRvnc1t7DVAtsskfhS/gVOTqyWGsxvwAvRi7m/CnDu6FYdeQ/bK5w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/interactions@3.22.5':
     resolution: {integrity: sha512-kMwiAD9E0TQp+XNnOs13yVJghiy8ET8L0cbkeuTgNI96sOAp/63EJ1FSrDf17iD8sdjt41LafwX/dKXW9nCcLQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/interactions@3.23.0':
+    resolution: {integrity: sha512-0qR1atBIWrb7FzQ+Tmr3s8uH5mQdyRH78n0krYaG8tng9+u1JlSi8DGRSaC9ezKyNB84m7vHT207xnHXGeJ3Fg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/label@3.7.13':
     resolution: {integrity: sha512-brSAXZVTey5RG/Ex6mTrV/9IhGSQFU4Al34qmjEDho+Z2qT4oPwf8k7TRXWWqzOU0ugYxekYbsLd2zlN3XvWcg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/label@3.7.14':
+    resolution: {integrity: sha512-EN1Md2YvcC4sMqBoggsGYUEGlTNqUfJZWzduSt29fbQp1rKU2KlybTe+TWxKq/r2fFd+4JsRXxMeJiwB3w2AQA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/link@3.7.7':
     resolution: {integrity: sha512-eVBRcHKhNSsATYWv5wRnZXRqPVcKAWWakyvfrYePIKpC3s4BaHZyTGYdefk8ZwZdEOuQZBqLMnjW80q1uhtkuA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/link@3.7.8':
+    resolution: {integrity: sha512-oiXUPQLZmf9Q9Xehb/sG1QRxfo28NFKdh9w+unD12sHI6NdLMETl5MA4CYyTgI0dfMtTjtfrF68GCnWfc7JvXQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/listbox@3.13.6':
     resolution: {integrity: sha512-6hEXEXIZVau9lgBZ4VVjFR3JnGU+fJaPmV3HP0UZ2ucUptfG0MZo24cn+ZQJsWiuaCfNFv5b8qribiv+BcO+Kg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/listbox@3.14.0':
+    resolution: {integrity: sha512-pyVbKavh8N8iyiwOx6I3JIcICvAzFXkKSFni1yarfgngJsJV3KSyOkzLomOfN9UhbjcV4sX61/fccwJuvlurlA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/live-announcer@3.4.1':
     resolution: {integrity: sha512-4X2mcxgqLvvkqxv2l1n00jTzUxxe0kkLiapBGH1LHX/CxA1oQcHDqv8etJ2ZOwmS/MSBBiWnv3DwYHDOF6ubig==}
 
@@ -1805,11 +1925,28 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/menu@3.17.0':
+    resolution: {integrity: sha512-aiFvSv3G1YvPC0klJQ/9quB05xIDZzJ5Lt6/CykP0UwGK5i8GCqm6/cyFLwEXsS5ooUPxS3bqmdOsgdADSSgqg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/meter@3.4.18':
     resolution: {integrity: sha512-tTX3LLlmDIHqrC42dkdf+upb1c4UbhlpZ52gqB64lZD4OD4HE+vMTwNSe+7MRKMLvcdKPWCRC35PnxIHZ15kfQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/meter@3.4.19':
+    resolution: {integrity: sha512-IIA+gTHrNVbMuBgcqdGLEKd/ZiKM2hOUqS6uztbT15dwPJTmtfJiTWA2872PiY52p+gqPSanZuTc2TXYJa+rew==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/numberfield@3.11.10':
+    resolution: {integrity: sha512-bYbTfO9NbAKMFOfEGGs+lvlxk0I9L0lU3WD2PFQZWdaoBz9TCkL+vK0fJk1zsuKaVjeGsmHP9VesBPRmaP0MiA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/numberfield@3.11.9':
     resolution: {integrity: sha512-3tiGPx2y4zyOV7PmdBASes99ZZsFTZAJTnU45Z+p1CW4131lw7y2ZhbojBl7U6DaXAJvi1z6zY6cq2UE9w5a0Q==}
     peerDependencies:
@@ -1822,49 +1959,103 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/overlays@3.25.0':
+    resolution: {integrity: sha512-UEqJJ4duowrD1JvwXpPZreBuK79pbyNjNxFUVpFSskpGEJe3oCWwsSDKz7P1O7xbx5OYp+rDiY8fk/sE5rkaKw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/progress@3.4.18':
     resolution: {integrity: sha512-FOLgJ9t9i1u3oAAimybJG6r7/soNPBnJfWo4Yr6MmaUv90qVGa1h6kiuM5m9H/bm5JobAebhdfHit9lFlgsCmg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/progress@3.4.19':
+    resolution: {integrity: sha512-5HHnBJHqEUuY+dYsjIZDYsENeKr49VCuxeaDZ0OSahbOlloIOB1baCo/6jLBv1O1rwrAzZ2gCCPcVGed/cjrcw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/radio@3.10.10':
     resolution: {integrity: sha512-NVdeOVrsrHgSfwL2jWCCXFsWZb+RMRZErj5vthHQW4nkHECGOzeX56VaLWTSvdoCPqi9wdIX8A6K9peeAIgxzA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/radio@3.10.11':
+    resolution: {integrity: sha512-R150HsBFPr1jLMShI4aBM8heCa1k6h0KEvnFRfTAOBu+B9hMSZOPB+d6GQOwGPysNlbset90Kej8G15FGHjqiA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/searchfield@3.7.11':
     resolution: {integrity: sha512-wFf6QxtBFfoxy0ANxI0+ftFEBGynVCY0+ce4H4Y9LpUTQsIKMp3sdc7LoUFORWw5Yee6Eid5cFPQX0Ymnk+ZJg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/searchfield@3.8.0':
+    resolution: {integrity: sha512-AaZuH9YIWlMyE1m7cSjHCfOuQmlWN+w8HVW32TxeGGGL1kJsYAlSYWYHUyYFIKh245kq/m5zUxAxmw5Ygmnx5w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/select@3.15.0':
     resolution: {integrity: sha512-zgBOUNy81aJplfc3NKDJMv8HkXjBGzaFF3XDzNfW8vJ7nD9rcTRUN5SQ1XCEnKMv12B/Euk9zt6kd+tX0wk1vQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/select@3.15.1':
+    resolution: {integrity: sha512-FOtY1tuHt0YTHwOEy/sf7LEIL+Nnkho3wJmfpWQuTxsvMCF7UJdQPYPd6/jGCcCdiqW7H4iqyjUkSp6nk/XRWQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/selection@3.21.0':
     resolution: {integrity: sha512-52JJ6hlPcM+gt0VV3DBmz6Kj1YAJr13TfutrKfGWcK36LvNCBm1j0N+TDqbdnlp8Nue6w0+5FIwZq44XPYiBGg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/selection@3.22.0':
+    resolution: {integrity: sha512-XFOrK525HX2eeWeLZcZscUAs5qsuC1ZxsInDXMjvLeAaUPtQNEhUKHj3psDAl6XDU4VV1IJo0qCmFTVqTTMZSg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/separator@3.4.4':
     resolution: {integrity: sha512-dH+qt0Mdh0nhKXCHW6AR4DF8DKLUBP26QYWaoThPdBwIpypH/JVKowpPtWms1P4b36U6XzHXHnTTEn/ZVoCqNA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/separator@3.4.5':
+    resolution: {integrity: sha512-RQA9sKZdAEjP1Yrv0GpDdXgmXd56kXDE8atPDHEC0/A4lpYh/YFLfXcv1JW0Hlg4kBocdX2pB2INyDGhiD+yfw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/slider@3.7.14':
     resolution: {integrity: sha512-7rOiKjLkEZ0j7mPMlwrqivc+K4OSfL14slaQp06GHRiJkhiWXh2/drPe15hgNq55HmBQBpA0umKMkJcqVgmXPA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/slider@3.7.15':
+    resolution: {integrity: sha512-v9tujsuvJYRX0vE/vMYBzTT9FXbzrLsjkOrouNq+UdBIr7wRjIWTHHM0j+khb2swyCWNTbdv6Ce316Zqx2qWFg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/spinbutton@3.6.10':
     resolution: {integrity: sha512-nhYEYk7xUNOZDaqiQ5w/nHH9ouqjJbabTWXH+KK7UR1oVGfo4z1wG94l8KWF3Z6SGGnBxzLJyTBguZ4g9aYTSg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/spinbutton@3.6.11':
+    resolution: {integrity: sha512-RM+gYS9tf9Wb+GegV18n4ArK3NBKgcsak7Nx1CkEgX9BjJ0yayWUHdfEjRRvxGXl+1z1n84cJVkZ6FUlWOWEZA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/ssr@3.9.7':
     resolution: {integrity: sha512-GQygZaGlmYjmYM+tiNBA5C6acmiDWF52Nqd40bBp0Znk4M4hP+LTmI0lpI1BuKMw45T8RIhrAsICIfKwZvi2Gg==}
     engines: {node: '>= 12'}
@@ -1876,46 +2067,93 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/switch@3.6.11':
+    resolution: {integrity: sha512-paYCpH+oeL+8rgQK+cBJ+IaZ1sXSh3+50WPlg2LvLBta0QVfQhPR4juPvfXRpfHHhCjFBgF4/RGbV8q5zpl3vA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/table@3.16.0':
     resolution: {integrity: sha512-9xF9S3CJ7XRiiK92hsIKxPedD0kgcQWwqTMtj3IBynpQ4vsnRiW3YNIzrn9C3apjknRZDTSta8O2QPYCUMmw2A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/table@3.16.1':
+    resolution: {integrity: sha512-T28TIGnKnPBunyErDBmm5jUX7AyzT7NVWBo9pDSt9wUuEnz0rVNd7p9sjmP2+u7I645feGG9klcdpCvFeqrk8A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/tabs@3.9.8':
     resolution: {integrity: sha512-Nur/qRFBe+Zrt4xcCJV/ULXCS3Mlae+B89bp1Gl20vSDqk6uaPtGk+cS5k03eugOvas7AQapqNJsJgKd66TChw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/tabs@3.9.9':
+    resolution: {integrity: sha512-oXPtANs16xu6MdMGLHjGV/2Zupvyp9CJEt7ORPLv5xAzSY5hSjuQHJLZ0te3Lh/KSG5/0o3RW/W5yEqo7pBQQQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/tag@3.4.8':
     resolution: {integrity: sha512-exWl52bsFtJuzaqMYvSnLteUoPqb3Wf+uICru/yRtREJsWVqjJF38NCVlU73Yqd9qMPTctDrboSZFAWAWKDxoA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/tag@3.4.9':
+    resolution: {integrity: sha512-Vnps+zk8vYyjevv2Bc6vc9kSp9HFLKrKUDmrWMc0DfseypwJMc3Ya6F965ZVTjF9nuWrojNmvgusNu7qyXFShQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/textfield@3.15.0':
     resolution: {integrity: sha512-V5mg7y1OR6WXYHdhhm4FC7QyGc9TideVRDFij1SdOJrIo5IFB7lvwpOS0GmgwkVbtr71PTRMjZnNbrJUFU6VNA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/textfield@3.16.0':
+    resolution: {integrity: sha512-53RVpMeMDN/QoabqnYZ1lxTh1xTQ3IBYQARuayq5EGGMafyxoFHzttxUdSqkZGK/+zdSF2GfmjOYJVm2nDKuDQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/toggle@3.10.10':
     resolution: {integrity: sha512-QwMT/vTNrbrILxWVHfd9zVQ3mV2NdBwyRu+DphVQiFAXcmc808LEaIX2n0lI6FCsUDC9ZejCyvzd91/YemdZ1Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/toggle@3.10.11':
+    resolution: {integrity: sha512-J3jO3KJiUbaYVDEpeXSBwqcyKxpi9OreiHRGiaxb6VwB+FWCj7Gb2WKajByXNyfs8jc6kX9VUFaXa7jze60oEQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/toolbar@3.0.0-beta.11':
     resolution: {integrity: sha512-LM3jTRFNDgoEpoL568WaiuqiVM7eynSQLJis1hV0vlVnhTd7M7kzt7zoOjzxVb5Uapz02uCp1Fsm4wQMz09qwQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/toolbar@3.0.0-beta.12':
+    resolution: {integrity: sha512-a+Be27BtM2lzEdTzm19FikPbitfW65g/JZln3kyAvgpswhU6Ljl8lztaVw4ixjG4H0nqnKvVggMy4AlWwDUaVQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-aria/tooltip@3.7.10':
     resolution: {integrity: sha512-Udi3XOnrF/SYIz72jw9bgB74MG/yCOzF5pozHj2FH2HiJlchYv/b6rHByV/77IZemdlkmL/uugrv/7raPLSlnw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tree@3.0.0-beta.2':
-    resolution: {integrity: sha512-lH3hVl2VgG3YLN+ee1zQzm+2F+BGLd/HBhfMYPuI3IjHvDb+m+jCJXHdBOGrfG2Qydk2LYheqX8QXCluulu0qQ==}
+  '@react-aria/tooltip@3.7.11':
+    resolution: {integrity: sha512-mhZgAWUj7bUWipDeJXaVPZdqnzoBCd/uaEbdafnvgETmov1udVqPTh9w4ZKX2Oh1wa2+OdLFrBOk+8vC6QbWag==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/tree@3.0.0-beta.3':
+    resolution: {integrity: sha512-eQnCtvDgpunCHInIT+Da3qdgzDzKEFW9REX2j1vMqWTsbM1YikVlBzB9AJOd9KIAWyn+p4TYdL8zzPWxvuSdfA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1925,8 +2163,14 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/virtualizer@4.1.0':
-    resolution: {integrity: sha512-ziSq3Y7iuaAMJWGZU1RRs/TykuPapQfx8dyH2eyKPLgEjBUoXRGWE7n6jklBwal14b0lPK0wkCzRoQbkUvX3cg==}
+  '@react-aria/utils@3.27.0':
+    resolution: {integrity: sha512-p681OtApnKOdbeN8ITfnnYqfdHS0z7GE+4l8EXlfLnr70Rp/9xicBO6d2rU+V/B3JujDw2gPWxYKEnEeh0CGCw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/virtualizer@4.1.1':
+    resolution: {integrity: sha512-AYQmC/S9HhxGOj8HkQdxDW8/+sUEmmfcGpjkInzXB8UZCB1FQLC0LpvA8fOP7AfzLaAL+HVcYF5BvnGMPijHTQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1936,51 +2180,107 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-aria/visually-hidden@3.8.19':
+    resolution: {integrity: sha512-MZgCCyQ3sdG94J5iJz7I7Ai3IxoN0U5d/+EaUnA1mfK7jf2fSYQBqi6Eyp8sWUYzBTLw4giXB5h0RGAnWzk9hA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/autocomplete@3.0.0-alpha.0':
+    resolution: {integrity: sha512-as4si0pBcnGnggwpvemMwCLTeV0h9GS9e5eHSR3RFg14eqUHZBEzYJ0kh9oTugpsGuf1TSM/HDizo8GQk3EtPA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/calendar@3.6.0':
     resolution: {integrity: sha512-GqUtOtGnwWjtNrJud8nY/ywI4VBP5byToNVRTnxbMl+gYO1Qe/uc5NG7zjwMxhb2kqSBHZFdkF0DXVqG2Ul+BA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/calendar@3.7.0':
+    resolution: {integrity: sha512-N15zKubP2S7eWfPSJjKVlmJA7YpWzrIGx52BFhwLSQAZcV+OPcMgvOs71WtB7PLwl6DUYQGsgc0B3tcHzzvdvQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/checkbox@3.6.10':
     resolution: {integrity: sha512-LHm7i4YI8A/RdgWAuADrnSAYIaYYpQeZqsp1a03Og0pJHAlZL0ymN3y2IFwbZueY0rnfM+yF+kWNXjJqbKrFEQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/checkbox@3.6.11':
+    resolution: {integrity: sha512-jApdBis+Q1sXLivg+f7krcVaP/AMMMiQcVqcz5gwxlweQN+dRZ/NpL0BYaDOuGc26Mp0lcuVaET3jIZeHwtyxA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/collections@3.12.0':
     resolution: {integrity: sha512-MfR9hwCxe5oXv4qrLUnjidwM50U35EFmInUeFf8i9mskYwWlRYS0O1/9PZ0oF1M0cKambaRHKEy98jczgb9ycA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/collections@3.12.1':
+    resolution: {integrity: sha512-8QmFBL7f+P64dEP4o35pYH61/lP0T/ziSdZAvNMrCqaM+fXcMfUp2yu1E63kADVX7WRDsFJWE3CVMeqirPH6Xg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/color@3.8.1':
     resolution: {integrity: sha512-7eN7K+KJRu+rxK351eGrzoq2cG+yipr90i5b1cUu4lioYmcH4WdsfjmM5Ku6gypbafH+kTDfflvO6hiY1NZH+A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/color@3.8.2':
+    resolution: {integrity: sha512-GXwLmv1Eos2OwOiRsGFrXBKx8+uZh2q0qzLZEVYrWsedNhIdTm7nnpwO68nCYZPHkqhv6rhhVSlOOFmDLY++ow==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/combobox@3.10.1':
     resolution: {integrity: sha512-Rso+H+ZEDGFAhpKWbnRxRR/r7YNmYVtt+Rn0eNDNIUp3bYaxIBCdCySyAtALs4I8RZXZQ9zoUznP7YeVwG3cLg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/combobox@3.10.2':
+    resolution: {integrity: sha512-uT642Dool4tQBh+8UQjlJnTisrJVtg3LqmiP/HqLQ4O3pW0O+ImbG+2r6c9dUzlAnH4kEfmEwCp9dxkBkmFWsg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/data@3.12.0':
     resolution: {integrity: sha512-6PiW2oA56lcH1CVjDcajutzsv91w/PER8K61/OGxtNFFUWaIZH80RWmK4kjU/Lf0vygzXCxout3kEb388lUk0w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/data@3.12.1':
+    resolution: {integrity: sha512-/Nc8X1FmrJ53QU4rN/1i1JtNir4iqo+39Xn5ZOJ74Nng7T+xVVuEuWSo+OEGaycCJf2eZRsomauPxUnnZgCM1A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/datepicker@3.11.0':
     resolution: {integrity: sha512-d9MJF34A0VrhL5y5S8mAISA8uwfNCQKmR2k4KoQJm3De1J8SQeNzSjLviAwh1faDow6FXGlA6tVbTrHyDcBgBg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/datepicker@3.12.0':
+    resolution: {integrity: sha512-AfJEP36d+QgQ30GfacXtYdGsJvqY2yuCJ+JrjHct+m1nYuTkMvMMnhwNBFasgDJPLCDyHzyANlWkl2kQGfsBFw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/disclosure@3.0.0':
     resolution: {integrity: sha512-Z9+fi0/41ZXHjGopORQza7mk4lFEFslKhy65ehEo6O6j2GuIV0659ExIVDsmJoJSFjXCfGh0sX8oTSOlXi9gqg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/disclosure@3.0.1':
+    resolution: {integrity: sha512-afpNy5b0UcqRGjU/W5OD0xkx4PbymvhMrgQZ4o4OdtDVMMvr9T5UqMF8/j3J591DxgQfXM872tJu0kotqT0L6Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/dnd@3.5.0':
     resolution: {integrity: sha512-ZcWFw1npEDnATiy3TEdzA1skQ3UEIyfbNA6VhPNO8yiSVLxoxBOaEaq8VVS72fRGAtxud6dgOy8BnsP9JwDClQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/dnd@3.5.1':
+    resolution: {integrity: sha512-N18wt6fka9ngJJqxfAzmdtyrk9whAnqWUxZn22CatjNQsqukI4a6KRYwZTXM9x/wm7KamhVOp+GBl85zM8GLdA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/flags@3.0.5':
     resolution: {integrity: sha512-6wks4csxUwPCp23LgJSnkBRhrWpd9jGd64DjcCTNB2AHIFu7Ab1W59pJpUL6TW7uAxVxdNKjgn6D1hlBy8qWsA==}
 
@@ -1989,13 +2289,23 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/form@3.1.1':
+    resolution: {integrity: sha512-qavrz5X5Mdf/Q1v/QJRxc0F8UTNEyRCNSM1we/nnF7GV64+aYSDLOtaRGmzq+09RSwo1c8ZYnIkK5CnwsPhTsQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/grid@3.10.0':
     resolution: {integrity: sha512-ii+DdsOBvCnHMgL0JvUfFwO1kiAPP19Bpdpl6zn/oOltk6F5TmnoyNrzyz+2///1hCiySI3FE1O7ujsAQs7a6Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/layout@4.1.0':
-    resolution: {integrity: sha512-pSBqn+4EeOaf2QMK+w2SHgsWKYHdgMZWY3qgJijdzWGZ4JpYmHuiD0yOq80qFdUwxcexPW3vFg3hqIQlMpXeCw==}
+  '@react-stately/grid@3.10.1':
+    resolution: {integrity: sha512-MOIy//AdxZxIXIzvWSKpvMvaPEMZGQNj+/cOsElHepv/Veh0psNURZMh2TP6Mr0+MnDTZbX+5XIeinGkWYO3JQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/layout@4.1.1':
+    resolution: {integrity: sha512-kXeo7HKYTOcqMKru1sKFoMoZA+YywSUqHeIA90MptzRugbFhQGq4nUbIYM2p3FeHAX9HU1JAXThuLcwDOHhB8Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2004,21 +2314,46 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/list@3.11.2':
+    resolution: {integrity: sha512-eU2tY3aWj0SEeC7lH9AQoeAB4LL9mwS54FvTgHHoOgc1ZIwRJUaZoiuETyWQe98AL8KMgR1nrnDJ1I+CcT1Y7g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/menu@3.9.0':
     resolution: {integrity: sha512-++sm0fzZeUs9GvtRbj5RwrP+KL9KPANp9f4SvtI3s+MP+Y/X3X7LNNePeeccGeyikB5fzMsuyvd82bRRW9IhDQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/menu@3.9.1':
+    resolution: {integrity: sha512-WRjGGImhQlQaer/hhahGytwd1BDq3fjpTkY/04wv3cQJPJR6lkVI5nSvGFMHfCaErsA1bNyB8/T9Y5F5u4u9ng==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/numberfield@3.9.8':
     resolution: {integrity: sha512-J6qGILxDNEtu7yvd3/y+FpbrxEaAeIODwlrFo6z1kvuDlLAm/KszXAc75yoDi0OtakFTCMP6/HR5VnHaQdMJ3w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/numberfield@3.9.9':
+    resolution: {integrity: sha512-hZsLiGGHTHmffjFymbH1qVmA633rU2GNjMFQTuSsN4lqqaP8fgxngd5pPCoTCUFEkUgWjdHenw+ZFByw8lIE+g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/overlays@3.6.12':
     resolution: {integrity: sha512-QinvZhwZgj8obUyPIcyURSCjTZlqZYRRCS60TF8jH8ZpT0tEAuDb3wvhhSXuYA3Xo9EHLwvLjEf3tQKKdAQArw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/overlays@3.6.13':
+    resolution: {integrity: sha512-WsU85Gf/b+HbWsnnYw7P/Ila3wD+C37Uk/WbU4/fHgJ26IEOWsPE6wlul8j54NZ1PnLNhV9Fn+Kffi+PaJMQXQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/radio@3.10.10':
+    resolution: {integrity: sha512-9x3bpq87uV8iYA4NaioTTWjriQSlSdp+Huqlxll0T3W3okpyraTTejE91PbIoRTUmL5qByIh2WzxYmr4QdBgAA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/radio@3.10.9':
     resolution: {integrity: sha512-kUQ7VdqFke8SDRCatw2jW3rgzMWbvw+n2imN2THETynI47NmNLzNP11dlGO2OllRtTrsLhmBNlYHa3W62pFpAw==}
     peerDependencies:
@@ -2029,6 +2364,16 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/searchfield@3.5.9':
+    resolution: {integrity: sha512-7/aO/oLJ4czKEji0taI/lbHKqPJRag9p3YmRaZ4yqjIMpKxzmJCWQcov5lzWeFhG/1hINKndYlxFnVIKV/urpg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/select@3.6.10':
+    resolution: {integrity: sha512-V7V0FCL9T+GzLjyfnJB6PUaKldFyT/8Rj6M+R9ura1A0O+s/FEOesy0pdMXFoL1l5zeUpGlCnhJrsI5HFWHfDw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/select@3.6.9':
     resolution: {integrity: sha512-vASUDv7FhEYQURzM+JIwcusPv7/x/l3zHc/oKJPvoCl3aa9pwS8hZwS82SC00o2iFnrDscfDJju4IE/cd4hucg==}
     peerDependencies:
@@ -2039,43 +2384,89 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/selection@3.19.0':
+    resolution: {integrity: sha512-AvbUqnWjqVQC48RD39S9BpMKMLl55Zo5l/yx5JQFPl55cFwe9Tpku1KY0wzt3fXXiXWaqjDn/7Gkg1VJYy8esQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/slider@3.6.0':
     resolution: {integrity: sha512-w5vJxVh267pmD1X+Ppd9S3ZzV1hcg0cV8q5P4Egr160b9WMcWlUspZPtsthwUlN7qQe/C8y5IAhtde4s29eNag==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/slider@3.6.1':
+    resolution: {integrity: sha512-8kij5O82Xe233vZZ6qNGqPXidnlNQiSnyF1q613c7ktFmzAyGjkIWVUapHi23T1fqm7H2Rs3RWlmwE9bo2KecA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/table@3.13.0':
     resolution: {integrity: sha512-mRbNYrwQIE7xzVs09Lk3kPteEVFVyOc20vA8ph6EP54PiUf/RllJpxZe/WUYLf4eom9lUkRYej5sffuUBpxjCA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/table@3.13.1':
+    resolution: {integrity: sha512-Im8W+F8o9EhglY5kqRa3xcMGXl8zBi6W5phGpAjXb+UGDL1tBIlAcYj733bw8g/ITCnaSz9ubsmON0HekPd6Jg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/tabs@3.7.0':
     resolution: {integrity: sha512-ox4hTkfZCoR4Oyr3Op3rBlWNq2Wxie04vhEYpTZQ2hobR3l4fYaOkd7CPClILktJ3TC104j8wcb0knWxIBRx9w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/tabs@3.7.1':
+    resolution: {integrity: sha512-gr9ACyuWrYuc727h7WaHdmNw8yxVlUyQlguziR94MdeRtFGQnf3V6fNQG3kxyB77Ljko69tgDF7Nf6kfPUPAQQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/toggle@3.8.0':
     resolution: {integrity: sha512-pyt/k/J8BwE/2g6LL6Z6sMSWRx9HEJB83Sm/MtovXnI66sxJ2EfQ1OaXB7Su5PEL9OMdoQF6Mb+N1RcW3zAoPw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/toggle@3.8.1':
+    resolution: {integrity: sha512-MVpe79ghVQiwLmVzIPhF/O/UJAUc9B+ZSylVTyJiEPi0cwhbkKGQv9thOF0ebkkRkace5lojASqUAYtSTZHQJA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/tooltip@3.5.0':
     resolution: {integrity: sha512-+xzPNztJDd2XJD0X3DgWKlrgOhMqZpSzsIssXeJgO7uCnP8/Z513ESaipJhJCFC8fxj5caO/DK4Uu8hEtlB8cQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/tooltip@3.5.1':
+    resolution: {integrity: sha512-0aI3U5kB7Cop9OCW9/Bag04zkivFSdUcQgy/TWL4JtpXidVWmOha8txI1WySawFSjZhH83KIyPc+wKm1msfLMQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/tree@3.8.6':
     resolution: {integrity: sha512-lblUaxf1uAuIz5jm6PYtcJ+rXNNVkqyFWTIMx6g6gW/mYvm8GNx1G/0MLZE7E6CuDGaO9dkLSY2bB1uqyKHidA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-stately/tree@3.8.7':
+    resolution: {integrity: sha512-hpc3pyuXWeQV5ufQ02AeNQg/MYhnzZ4NOznlY5OOUoPzpLYiI3ZJubiY3Dot4jw5N/LR7CqvDLHmrHaJPmZlHg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-stately/utils@3.10.5':
     resolution: {integrity: sha512-iMQSGcpaecghDIh3mZEpZfoFH3ExBwTtuBEcvZ2XnGzCgQjeYXcMdIUwAfVQLXFTdHUHGF6Gu6/dFrYsCzySBQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/virtualizer@4.2.0':
-    resolution: {integrity: sha512-aTMpa9AQoz/xLqn8AI1BR/caUUY7/OUo9GbuF434w2u5eGCL7+SAn3Fmq7WSCwqYyDsO+jEIERek4JTX7pEW0A==}
+  '@react-stately/virtualizer@4.2.1':
+    resolution: {integrity: sha512-GHGEXV0ZRhq34U/P3LzkByCBfy2IDynYlV1SE4njkUWWGE/0AH56UegM6w2l3GeiNpXsXCgXl7jpAKeIGMEnrQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/autocomplete@3.0.0-alpha.28':
+    resolution: {integrity: sha512-meHxBVS5H2L7lVOX99jiAfhcvtG0s7EE7iF7X20/yqEnkwWSpyeMKcDKFpvx/bLGUSmRTVFCBLgvPpwUyhcFkg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/breadcrumbs@3.7.10':
+    resolution: {integrity: sha512-5HhRxkKHfAQBoyOYzyf4HT+24HgPE/C/QerxJLNNId303LXO03yeYrbvRqhYZSlD1ACLJW9OmpPpREcw5iSqgw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2089,26 +2480,56 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/button@3.10.2':
+    resolution: {integrity: sha512-h8SB/BLoCgoBulCpyzaoZ+miKXrolK9XC48+n1dKJXT8g4gImrficurDW6+PRTQWaRai0Q0A6bu8UibZOU4syg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/calendar@3.5.0':
     resolution: {integrity: sha512-O3IRE7AGwAWYnvJIJ80cOy7WwoJ0m8GtX/qSmvXQAjC4qx00n+b5aFNBYAQtcyc3RM5QpW6obs9BfwGetFiI8w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/calendar@3.6.0':
+    resolution: {integrity: sha512-BtFh4BFwvsYlsaSqUOVxlqXZSlJ6u4aozgO3PwHykhpemwidlzNwm9qDZhcMWPioNF/w2cU/6EqhvEKUHDnFZg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/checkbox@3.9.0':
     resolution: {integrity: sha512-9hbHx0Oo2Hp5a8nV8Q75LQR0DHtvOIJbFaeqESSopqmV9EZoYjtY/h0NS7cZetgahQgnqYWQi44XGooMDCsmxA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/checkbox@3.9.1':
+    resolution: {integrity: sha512-0x/KQcipfNM9Nvy6UMwYG25roRLvsiqf0J3woTYylNNWzF+72XT0iI5FdJkE3w2wfa0obmSoeq4WcbFREQrH/A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/color@3.0.1':
     resolution: {integrity: sha512-KemFziO3GbmT3HEKrgOGdqNA6Gsmy9xrwFO3f8qXSG7gVz6M27Ic4R9HVQv4iAjap5uti6W13/pk2bc/jLVcEA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/color@3.0.2':
+    resolution: {integrity: sha512-4k9c0l5SACwTtkHV0dQ0GrF0Kktk/NChkxtyu58BamyUQOsCe8sqny+uul2nPrqQvuVof/dkRjKhv/DVyyx2mw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/combobox@3.13.1':
     resolution: {integrity: sha512-7xr+HknfhReN4QPqKff5tbKTe2kGZvH+DGzPYskAtb51FAAiZsKo+WvnNAvLwg3kRoC9Rkn4TAiVBp/HgymRDw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/combobox@3.13.2':
+    resolution: {integrity: sha512-yl2yMcM5/v3lJiNZWjpAhQ9vRW6dD55CD4rYmO2K7XvzYJaFVT4WYI/AymPYD8RqomMp7coBmBHfHW0oupk8gg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/datepicker@3.10.0':
+    resolution: {integrity: sha512-Att7y4NedNH1CogMDIX9URXgMLxGbZgnFCZ8oxgFAVndWzbh3TBcc4s7uoJDPvgRMAalq+z+SrlFFeoBeJmvvg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/datepicker@3.9.0':
     resolution: {integrity: sha512-dbKL5Qsm2MQwOTtVQdOcKrrphcXAqDD80WLlSQrBLg+waDuuQ7H+TrvOT0thLKloNBlFUGnZZfXGRHINpih/0g==}
     peerDependencies:
@@ -2119,8 +2540,13 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/form@3.7.8':
-    resolution: {integrity: sha512-0wOS97/X0ijTVuIqik1lHYTZnk13QkvMTKvIEhM7c6YMU3vPiirBwLbT2kJiAdwLiymwcCkrBdDF1NTRG6kPFA==}
+  '@react-types/dialog@3.5.15':
+    resolution: {integrity: sha512-BX1+mV35Oa0aIlhu98OzJaSB7uiCWDPQbr0AkpFBajSSlESUoAjntN+4N+QJmj24z2v6UE9zxGQ85/U/0Le+bw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/form@3.7.9':
+    resolution: {integrity: sha512-+qGDrQFdIh8umU82zmnYJ0V2rLoGSQ3yApFT02URz//NWeTA7qo0Oab2veKvXUkcBb47oSvytZYmkExPikxIEg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2129,6 +2555,16 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/grid@3.2.11':
+    resolution: {integrity: sha512-Mww9nrasppvPbsBi+uUqFnf7ya8fXN0cTVzDNG+SveD8mhW+sbtuy+gPtEpnFD2Oyi8qLuObefzt4gdekJX2Yw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/link@3.5.10':
+    resolution: {integrity: sha512-IM2mbSpB0qP44Jh1Iqpevo7bQdZAr0iDyDi13OhsiUYJeWgPMHzGEnQqdBMkrfQeOTXLtZtUyOYLXE2v39bhzQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/link@3.5.9':
     resolution: {integrity: sha512-JcKDiDMqrq/5Vpn+BdWQEuXit4KN4HR/EgIi3yKnNbYkLzxBoeQZpQgvTaC7NEQeZnSqkyXQo3/vMUeX/ZNIKw==}
     peerDependencies:
@@ -2139,53 +2575,108 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/listbox@3.5.4':
+    resolution: {integrity: sha512-5otTes0zOwRZwNtqysPD/aW4qFJSxd5znjwoWTLnzDXXOBHXPyR83IJf8ITgvIE5C0y+EFadsWR/BBO3k9Pj7g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/menu@3.9.13':
     resolution: {integrity: sha512-7SuX6E2tDsqQ+HQdSvIda1ji/+ujmR86dtS9CUu5yWX91P25ufRjZ72EvLRqClWNQsj1Xl4+2zBDLWlceznAjw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/menu@3.9.14':
+    resolution: {integrity: sha512-RJW/S8IPwbRuohJ/A9HJ7W8QaAY816tm7Nv6+H/TLXG76zu2AS5vEgq+0TcCAWvJJwUdLDpJWJMlo0iIoIBtcg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/meter@3.4.5':
     resolution: {integrity: sha512-04w1lEtvP/c3Ep8ND8hhH2rwjz2MtQ8o8SNLhahen3u0rX3jKOgD4BvHujsyvXXTMjj1Djp74sGzNawb4Ppi9w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/meter@3.4.6':
+    resolution: {integrity: sha512-YczAht1VXy3s4fR6Dq0ibGsjulGHzS/A/K4tOruSNTL6EkYH9ktHX62Xk/OhCiKHxV315EbZ136WJaCeO4BgHw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/numberfield@3.8.7':
     resolution: {integrity: sha512-KccMPi39cLoVkB2T0V7HW6nsxQVAwt89WWCltPZJVGzsebv/k0xTQlPVAgrUake4kDLoE687e3Fr/Oe3+1bDhw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/numberfield@3.8.8':
+    resolution: {integrity: sha512-825JPppxDaWh0Zxb0Q+wSslgRQYOtQPCAuhszPuWEy6d2F/M+hLR+qQqvQm9+LfMbdwiTg6QK5wxdWFCp2t7jw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/overlays@3.8.11':
     resolution: {integrity: sha512-aw7T0rwVI3EuyG5AOaEIk8j7dZJQ9m34XAztXJVZ/W2+4pDDkLDbJ/EAPnuo2xGYRGhowuNDn4tDju01eHYi+w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/overlays@3.8.12':
+    resolution: {integrity: sha512-ZvR1t0YV7/6j+6OD8VozKYjvsXT92+C/2LOIKozy7YUNS5KI4MkXbRZzJvkuRECVZOmx8JXKTUzhghWJM/3QuQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/progress@3.5.8':
     resolution: {integrity: sha512-PR0rN5mWevfblR/zs30NdZr+82Gka/ba7UHmYOW9/lkKlWeD7PHgl1iacpd/3zl/jUF22evAQbBHmk1mS6Mpqw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/progress@3.5.9':
+    resolution: {integrity: sha512-zFxOzx3G8XUmHgpm037Hcayls5bqzXVa182E3iM7YWTmrjxJPKZ58XL0WWBgpTd+mJD7fTpnFdAZqSmFbtDOdA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/radio@3.8.5':
     resolution: {integrity: sha512-gSImTPid6rsbJmwCkTliBIU/npYgJHOFaI3PNJo7Y0QTAnFelCtYeFtBiWrFodSArSv7ASqpLLUEj9hZu/rxIg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/radio@3.8.6':
+    resolution: {integrity: sha512-woTQYdRFjPzuml4qcIf+2zmycRuM5w3fDS5vk6CQmComVUjOFPtD28zX3Z9kc9lSNzaBQz9ONZfFqkZ1gqfICA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/searchfield@3.5.10':
     resolution: {integrity: sha512-7wW4pJzbReawoGPu8a4l+CODTCDN088EN/ysUzl622ewim57PjArjix+lpO4+aEtJqS9HKpq8UEbjwo9axpcUA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/searchfield@3.5.11':
+    resolution: {integrity: sha512-MX8d9pgvxZxmgDwI0tiDaf6ijOY8XcRj0HM8Ocfttlk7PEFJK44p51WsUC+fPX1GmZni2JpFkx/haPOSLUECdw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/select@3.9.8':
     resolution: {integrity: sha512-RGsYj2oFjXpLnfcvWMBQnkcDuKkwT43xwYWZGI214/gp/B64tJiIUgTM5wFTRAeGDX23EePkhCQF+9ctnqFd6g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/select@3.9.9':
+    resolution: {integrity: sha512-/hCd0o+ztn29FKCmVec+v7t4JpOzz56o+KrG7NDq2pcRWqUR9kNwCjrPhSbJIIEDm4ubtrfPu41ysIuDvRd2Bg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/shared@3.26.0':
     resolution: {integrity: sha512-6FuPqvhmjjlpEDLTiYx29IJCbCNWPlsyO+ZUmCUXzhUv2ttShOXfw8CmeHWHftT/b2KweAWuzqSlfeXPR76jpw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/slider@3.7.7':
-    resolution: {integrity: sha512-lYTR9zXQV2fSEm/G3gwDENWiki1IXd/oorsgf0zu1DBi2SQDbOsLsGUXiwvD24Xy6OkUuhAqjLPPexezo7+u9g==}
+  '@react-types/shared@3.27.0':
+    resolution: {integrity: sha512-gvznmLhi6JPEf0bsq7SwRYTHAKKq/wcmKqFez9sRdbED+SPMUmK5omfZ6w3EwUFQHbYUa4zPBYedQ7Knv70RMw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/slider@3.7.7':
+    resolution: {integrity: sha512-lYTR9zXQV2fSEm/G3gwDENWiki1IXd/oorsgf0zu1DBi2SQDbOsLsGUXiwvD24Xy6OkUuhAqjLPPexezo7+u9g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-types/slider@3.7.8':
+    resolution: {integrity: sha512-utW1o9KT70hqFwu1zqMtyEWmP0kSATk4yx+Fm/peSR4iZa+BasRqH83yzir5GKc8OfqfE1kmEsSlO98/k986+w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2194,26 +2685,51 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/switch@3.5.8':
+    resolution: {integrity: sha512-sL7jmh8llF8BxzY4HXkSU4bwU8YU6gx45P85D0AdYXgRHxU9Cp7BQPOMF4pJoQ8TTej05MymY5q7xvJVmxUTAQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/table@3.10.3':
     resolution: {integrity: sha512-Ac+W+m/zgRzlTU8Z2GEg26HkuJFswF9S6w26r+R3MHwr8z2duGPvv37XRtE1yf3dbpRBgHEAO141xqS2TqGwNg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/table@3.10.4':
+    resolution: {integrity: sha512-d0tLz/whxVteqr1rophtuuxqyknHHfTKeXrCgDjt8pAyd9U8GPDbfcFSfYPUhWdELRt7aLVyQw6VblZHioVEgQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/tabs@3.3.11':
     resolution: {integrity: sha512-BjF2TqBhZaIcC4lc82R5pDJd1F7kstj1K0Nokhz99AGYn8C0ITdp6lR+DPVY9JZRxKgP9R2EKfWGI90Lo7NQdA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/tabs@3.3.12':
+    resolution: {integrity: sha512-E9O9G+wf9kaQ8UbDEDliW/oxYlJnh7oDCW1zaMOySwnG4yeCh7Wu02EOCvlQW4xvgn/i+lbEWgirf7L+yj5nRg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/textfield@3.10.0':
     resolution: {integrity: sha512-ShU3d6kLJGQjPXccVFjM3KOXdj3uyhYROqH9YgSIEVxgA9W6LRflvk/IVBamD9pJYTPbwmVzuP0wQkTDupfZ1w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/textfield@3.11.0':
+    resolution: {integrity: sha512-YORBgr6wlu2xfvr4MqjKFHGpj+z8LBzk14FbWDbYnnhGnv0I10pj+m2KeOHgDNFHrfkDdDOQmMIKn1UCqeUuEg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@react-types/tooltip@3.4.13':
     resolution: {integrity: sha512-KPekFC17RTT8kZlk7ZYubueZnfsGTDOpLw7itzolKOXGddTXsrJGBzSB4Bb060PBVllaDO0MOrhPap8OmrIl1Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-types/tooltip@3.4.14':
+    resolution: {integrity: sha512-J7CeYL2yPeKIasx1rPaEefyCHGEx2DOCx+7bM3XcKGmCxvNdVQLjimNJOt8IHlUA0nFJQOjmSW/mz9P0f2/kUw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   '@remixicon/react@4.6.0':
     resolution: {integrity: sha512-bY56maEgT5IYUSRotqy9h03IAKJC85vlKtWFg2FKzfs8JPrkdBAYSa9dxoUSKFwGzup8Ux6vjShs9Aec3jvr2w==}
     peerDependencies:
@@ -3605,11 +4121,6 @@ packages:
   functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
 
-  geist@1.3.1:
-    resolution: {integrity: sha512-Q4gC1pBVPN+D579pBaz0TRRnGA4p9UK6elDY/xizXdFk/g4EKR5g0I+4p/Kj6gM0SajDBZ/0FvDV9ey9ud7BWw==}
-    peerDependencies:
-      next: '>=13.2.0'
-
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -5089,8 +5600,8 @@ packages:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
 
-  react-aria-components@1.5.0:
-    resolution: {integrity: sha512-wzf0g6cvWrqAJd4FkisAfFnslx6AJREgOd/NEmVE/RGuDxGTzss4awcwbo98rIVmqbTTFApiygy0SyWGrRZfDA==}
+  react-aria-components@1.6.0:
+    resolution: {integrity: sha512-YfG9PUE7XrXtDDAqT4pLTGyYQaiHHTBFdAK/wNgGsypVnQSdzmyYlV3Ty8aHlZJI6hP9RWkbywvosXkU7KcPHg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -5101,6 +5612,12 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  react-aria@3.37.0:
+    resolution: {integrity: sha512-u3WUEMTcbQFaoHauHO3KhPaBYzEv1o42EdPcLAs05GBw9Q6Axlqwo73UFgMrsc2ElwLAZ4EKpSdWHLo1R5gfiw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   react-dom@19.0.0:
     resolution: {integrity: sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==}
     peerDependencies:
@@ -5146,6 +5663,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  react-stately@3.35.0:
+    resolution: {integrity: sha512-1BH21J/TOHpyZe7c+f1BU2bnRWaBDTjLH0WdBuzNfPOXu7RBG3ebPIRvqd7UkPaVfIcol2QJnxe8S0a314JWKA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
   react-style-singleton@2.2.3:
     resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
     engines: {node: '>=10'}
@@ -6944,6 +7466,10 @@ snapshots:
     dependencies:
       '@swc/helpers': 0.5.15
 
+  '@internationalized/date@3.7.0':
+    dependencies:
+      '@swc/helpers': 0.5.15
+
   '@internationalized/message@3.1.6':
     dependencies:
       '@swc/helpers': 0.5.15
@@ -7339,6 +7865,24 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.4
 
+  '@react-aria/autocomplete@3.0.0-alpha.37(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/combobox': 3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/listbox': 3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/searchfield': 3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/autocomplete': 3.0.0-alpha.0(react@19.0.0)
+      '@react-stately/combobox': 3.10.2(react@19.0.0)
+      '@react-types/autocomplete': 3.0.0-alpha.28(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/breadcrumbs@3.5.19(react@19.0.0)':
     dependencies:
       '@react-aria/i18n': 3.12.4(react@19.0.0)
@@ -7349,6 +7893,17 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/breadcrumbs@3.5.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/link': 3.7.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/breadcrumbs': 3.7.10(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/button@3.11.0(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7361,6 +7916,19 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/button@3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/toolbar': 3.0.0-beta.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/toggle': 3.8.1(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/calendar@3.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
@@ -7376,6 +7944,21 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/calendar@3.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@internationalized/date': 3.7.0
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/calendar': 3.7.0(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/calendar': 3.6.0(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/checkbox@3.15.0(react@19.0.0)':
     dependencies:
       '@react-aria/form': 3.0.11(react@19.0.0)
@@ -7391,11 +7974,27 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/collections@3.0.0-alpha.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/checkbox@3.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/form': 3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/toggle': 3.10.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/checkbox': 3.6.11(react@19.0.0)
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/toggle': 3.8.1(react@19.0.0)
+      '@react-types/checkbox': 3.9.1(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/collections@3.0.0-alpha.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/ssr': 3.9.7(react@19.0.0)
-      '@react-aria/utils': 3.26.0(react@19.0.0)
-      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7419,6 +8018,24 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/color@3.0.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/numberfield': 3.11.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/slider': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/spinbutton': 3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/color': 3.8.2(react@19.0.0)
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-types/color': 3.0.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/combobox@3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/i18n': 3.12.4(react@19.0.0)
@@ -7439,6 +8056,26 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/combobox@3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/listbox': 3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/menu': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/overlays': 3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/combobox': 3.10.2(react@19.0.0)
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/combobox': 3.13.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/datepicker@3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
@@ -7462,6 +8099,29 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/datepicker@3.13.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@internationalized/date': 3.7.0
+      '@internationalized/number': 3.6.0
+      '@internationalized/string': 3.2.5
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/form': 3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/spinbutton': 3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/datepicker': 3.12.0(react@19.0.0)
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/calendar': 3.6.0(react@19.0.0)
+      '@react-types/datepicker': 3.10.0(react@19.0.0)
+      '@react-types/dialog': 3.5.15(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/dialog@3.5.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7473,6 +8133,17 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/dialog@3.5.21(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/overlays': 3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/dialog': 3.5.15(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/disclosure@3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/ssr': 3.9.7(react@19.0.0)
@@ -7483,6 +8154,16 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/disclosure@3.0.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/disclosure': 3.0.1(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/dnd@3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@internationalized/string': 3.2.5
@@ -7498,6 +8179,21 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/dnd@3.8.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@internationalized/string': 3.2.5
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/overlays': 3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/dnd': 3.5.1(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/focus@3.19.0(react@19.0.0)':
     dependencies:
       '@react-aria/interactions': 3.22.5(react@19.0.0)
@@ -7507,6 +8203,16 @@ snapshots:
       clsx: 2.1.1
       react: 19.0.0
 
+  '@react-aria/focus@3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      clsx: 2.1.1
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/form@3.0.11(react@19.0.0)':
     dependencies:
       '@react-aria/interactions': 3.22.5(react@19.0.0)
@@ -7516,6 +8222,16 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/form@3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/grid@3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7534,6 +8250,24 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/grid@3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/grid': 3.10.1(react@19.0.0)
+      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-types/checkbox': 3.9.1(react@19.0.0)
+      '@react-types/grid': 3.2.11(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/gridlist@3.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7550,6 +8284,22 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/gridlist@3.10.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/grid': 3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/list': 3.11.2(react@19.0.0)
+      '@react-stately/tree': 3.8.7(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/i18n@3.12.4(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
@@ -7562,6 +8312,19 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/i18n@3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@internationalized/date': 3.7.0
+      '@internationalized/message': 3.1.6
+      '@internationalized/number': 3.6.0
+      '@internationalized/string': 3.2.5
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/interactions@3.22.5(react@19.0.0)':
     dependencies:
       '@react-aria/ssr': 3.9.7(react@19.0.0)
@@ -7570,6 +8333,15 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/interactions@3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/label@3.7.13(react@19.0.0)':
     dependencies:
       '@react-aria/utils': 3.26.0(react@19.0.0)
@@ -7577,6 +8349,14 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/label@3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/link@3.7.7(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7587,6 +8367,17 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/link@3.7.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/link': 3.5.10(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/listbox@3.13.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/interactions': 3.22.5(react@19.0.0)
@@ -7601,6 +8392,20 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/listbox@3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/list': 3.11.2(react@19.0.0)
+      '@react-types/listbox': 3.5.4(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/live-announcer@3.4.1':
     dependencies:
       '@swc/helpers': 0.5.15
@@ -7624,6 +8429,25 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/menu@3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/overlays': 3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/menu': 3.9.1(react@19.0.0)
+      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-stately/tree': 3.8.7(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/menu': 3.9.14(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/meter@3.4.18(react@19.0.0)':
     dependencies:
       '@react-aria/progress': 3.4.18(react@19.0.0)
@@ -7632,6 +8456,32 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/meter@3.4.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/progress': 3.4.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/meter': 3.4.6(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+    transitivePeerDependencies:
+      - react-dom
+
+  '@react-aria/numberfield@3.11.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/spinbutton': 3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/numberfield': 3.9.9(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/numberfield': 3.8.8(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/numberfield@3.11.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/i18n': 3.12.4(react@19.0.0)
@@ -7664,6 +8514,22 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/overlays@3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/overlays': 3.6.13(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/overlays': 3.8.12(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/progress@3.4.18(react@19.0.0)':
     dependencies:
       '@react-aria/i18n': 3.12.4(react@19.0.0)
@@ -7674,6 +8540,17 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/progress@3.4.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/progress': 3.5.9(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/radio@3.10.10(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7688,6 +8565,21 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/radio@3.10.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/form': 3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/radio': 3.10.10(react@19.0.0)
+      '@react-types/radio': 3.8.6(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/searchfield@3.7.11(react@19.0.0)':
     dependencies:
       '@react-aria/i18n': 3.12.4(react@19.0.0)
@@ -7700,6 +8592,19 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/searchfield@3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/searchfield': 3.5.9(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/searchfield': 3.5.11(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/select@3.15.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/form': 3.0.11(react@19.0.0)
@@ -7719,6 +8624,25 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/select@3.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/form': 3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/listbox': 3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/menu': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/select': 3.6.10(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/select': 3.9.9(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/selection@3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7731,6 +8655,18 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/selection@3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/separator@3.4.4(react@19.0.0)':
     dependencies:
       '@react-aria/utils': 3.26.0(react@19.0.0)
@@ -7738,6 +8674,14 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/separator@3.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/slider@3.7.14(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7751,6 +8695,20 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/slider@3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/slider': 3.6.1(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/slider': 3.7.8(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/spinbutton@3.6.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/i18n': 3.12.4(react@19.0.0)
@@ -7762,6 +8720,17 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/spinbutton@3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/ssr@3.9.7(react@19.0.0)':
     dependencies:
       '@swc/helpers': 0.5.15
@@ -7776,6 +8745,17 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/switch@3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/toggle': 3.10.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/toggle': 3.8.1(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/switch': 3.5.8(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+    transitivePeerDependencies:
+      - react-dom
+
   '@react-aria/table@3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7796,6 +8776,26 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/table@3.16.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/grid': 3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/live-announcer': 3.4.1
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/flags': 3.0.5
+      '@react-stately/table': 3.13.1(react@19.0.0)
+      '@react-types/checkbox': 3.9.1(react@19.0.0)
+      '@react-types/grid': 3.2.11(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/table': 3.10.4(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/tabs@3.9.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7809,6 +8809,19 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/tabs@3.9.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/tabs': 3.7.1(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/tabs': 3.3.12(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/tag@3.4.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/gridlist': 3.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -7824,6 +8837,21 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  '@react-aria/tag@3.4.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/gridlist': 3.10.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/list': 3.11.2(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/textfield@3.15.0(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7837,6 +8865,20 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/textfield@3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/form': 3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/textfield': 3.11.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/toggle@3.10.10(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7848,6 +8890,18 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/toggle@3.10.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/toggle': 3.8.1(react@19.0.0)
+      '@react-types/checkbox': 3.9.1(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/toolbar@3.0.0-beta.11(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7857,6 +8911,16 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/toolbar@3.0.0-beta.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@react-aria/tooltip@3.7.10(react@19.0.0)':
     dependencies:
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -7868,15 +8932,27 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/tree@3.0.0-beta.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/tooltip@3.7.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/gridlist': 3.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.4(react@19.0.0)
-      '@react-aria/selection': 3.21.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.26.0(react@19.0.0)
-      '@react-stately/tree': 3.8.6(react@19.0.0)
-      '@react-types/button': 3.10.1(react@19.0.0)
-      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/tooltip': 3.5.1(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/tooltip': 3.4.14(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/tree@3.0.0-beta.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/gridlist': 3.10.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/tree': 3.8.7(react@19.0.0)
+      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7890,13 +8966,23 @@ snapshots:
       clsx: 2.1.1
       react: 19.0.0
 
-  '@react-aria/virtualizer@4.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/utils@3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      clsx: 2.1.1
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/virtualizer@4.1.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/i18n': 3.12.4(react@19.0.0)
-      '@react-aria/interactions': 3.22.5(react@19.0.0)
-      '@react-aria/utils': 3.26.0(react@19.0.0)
-      '@react-stately/virtualizer': 4.2.0(react@19.0.0)
-      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/virtualizer': 4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7909,6 +8995,21 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-aria/visually-hidden@3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-stately/autocomplete@3.0.0-alpha.0(react@19.0.0)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/calendar@3.6.0(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
@@ -7918,6 +9019,15 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/calendar@3.7.0(react@19.0.0)':
+    dependencies:
+      '@internationalized/date': 3.7.0
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/calendar': 3.6.0(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/checkbox@3.6.10(react@19.0.0)':
     dependencies:
       '@react-stately/form': 3.1.0(react@19.0.0)
@@ -7927,12 +9037,27 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/checkbox@3.6.11(react@19.0.0)':
+    dependencies:
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/checkbox': 3.9.1(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/collections@3.12.0(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/collections@3.12.1(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/color@3.8.1(react@19.0.0)':
     dependencies:
       '@internationalized/number': 3.6.0
@@ -7947,6 +9072,19 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/color@3.8.2(react@19.0.0)':
+    dependencies:
+      '@internationalized/number': 3.6.0
+      '@internationalized/string': 3.2.5
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/numberfield': 3.9.9(react@19.0.0)
+      '@react-stately/slider': 3.6.1(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/color': 3.0.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/combobox@3.10.1(react@19.0.0)':
     dependencies:
       '@react-stately/collections': 3.12.0(react@19.0.0)
@@ -7960,12 +9098,31 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/combobox@3.10.2(react@19.0.0)':
+    dependencies:
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/list': 3.11.2(react@19.0.0)
+      '@react-stately/overlays': 3.6.13(react@19.0.0)
+      '@react-stately/select': 3.6.10(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/combobox': 3.13.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/data@3.12.0(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/data@3.12.1(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/datepicker@3.11.0(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
@@ -7978,6 +9135,18 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/datepicker@3.12.0(react@19.0.0)':
+    dependencies:
+      '@internationalized/date': 3.7.0
+      '@internationalized/string': 3.2.5
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/overlays': 3.6.13(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/datepicker': 3.10.0(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/disclosure@3.0.0(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
@@ -7985,6 +9154,13 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/disclosure@3.0.1(react@19.0.0)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/dnd@3.5.0(react@19.0.0)':
     dependencies:
       '@react-stately/selection': 3.18.0(react@19.0.0)
@@ -7992,6 +9168,13 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/dnd@3.5.1(react@19.0.0)':
+    dependencies:
+      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/flags@3.0.5':
     dependencies:
       '@swc/helpers': 0.5.15
@@ -8002,6 +9185,12 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/form@3.1.1(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/grid@3.10.0(react@19.0.0)':
     dependencies:
       '@react-stately/collections': 3.12.0(react@19.0.0)
@@ -8011,16 +9200,27 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/layout@4.1.0(react@19.0.0)':
+  '@react-stately/grid@3.10.1(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.0(react@19.0.0)
-      '@react-stately/table': 3.13.0(react@19.0.0)
-      '@react-stately/virtualizer': 4.2.0(react@19.0.0)
-      '@react-types/grid': 3.2.10(react@19.0.0)
-      '@react-types/shared': 3.26.0(react@19.0.0)
-      '@react-types/table': 3.10.3(react@19.0.0)
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-types/grid': 3.2.11(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-stately/layout@4.1.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/table': 3.13.1(react@19.0.0)
+      '@react-stately/virtualizer': 4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/grid': 3.2.11(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/table': 3.10.4(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
+    transitivePeerDependencies:
+      - react-dom
 
   '@react-stately/list@3.11.1(react@19.0.0)':
     dependencies:
@@ -8031,6 +9231,15 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/list@3.11.2(react@19.0.0)':
+    dependencies:
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/menu@3.9.0(react@19.0.0)':
     dependencies:
       '@react-stately/overlays': 3.6.12(react@19.0.0)
@@ -8039,6 +9248,14 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/menu@3.9.1(react@19.0.0)':
+    dependencies:
+      '@react-stately/overlays': 3.6.13(react@19.0.0)
+      '@react-types/menu': 3.9.14(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/numberfield@3.9.8(react@19.0.0)':
     dependencies:
       '@internationalized/number': 3.6.0
@@ -8048,6 +9265,15 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/numberfield@3.9.9(react@19.0.0)':
+    dependencies:
+      '@internationalized/number': 3.6.0
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/numberfield': 3.8.8(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/overlays@3.6.12(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
@@ -8055,6 +9281,22 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/overlays@3.6.13(react@19.0.0)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/overlays': 3.8.12(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-stately/radio@3.10.10(react@19.0.0)':
+    dependencies:
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/radio': 3.8.6(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/radio@3.10.9(react@19.0.0)':
     dependencies:
       '@react-stately/form': 3.1.0(react@19.0.0)
@@ -8071,6 +9313,23 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/searchfield@3.5.9(react@19.0.0)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/searchfield': 3.5.11(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
+  '@react-stately/select@3.6.10(react@19.0.0)':
+    dependencies:
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/list': 3.11.2(react@19.0.0)
+      '@react-stately/overlays': 3.6.13(react@19.0.0)
+      '@react-types/select': 3.9.9(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/select@3.6.9(react@19.0.0)':
     dependencies:
       '@react-stately/form': 3.1.0(react@19.0.0)
@@ -8089,6 +9348,14 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/selection@3.19.0(react@19.0.0)':
+    dependencies:
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/slider@3.6.0(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
@@ -8097,6 +9364,14 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/slider@3.6.1(react@19.0.0)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/slider': 3.7.8(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/table@3.13.0(react@19.0.0)':
     dependencies:
       '@react-stately/collections': 3.12.0(react@19.0.0)
@@ -8110,6 +9385,19 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/table@3.13.1(react@19.0.0)':
+    dependencies:
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/flags': 3.0.5
+      '@react-stately/grid': 3.10.1(react@19.0.0)
+      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/grid': 3.2.11(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/table': 3.10.4(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/tabs@3.7.0(react@19.0.0)':
     dependencies:
       '@react-stately/list': 3.11.1(react@19.0.0)
@@ -8118,6 +9406,14 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/tabs@3.7.1(react@19.0.0)':
+    dependencies:
+      '@react-stately/list': 3.11.2(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/tabs': 3.3.12(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/toggle@3.8.0(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
@@ -8126,6 +9422,14 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/toggle@3.8.1(react@19.0.0)':
+    dependencies:
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/checkbox': 3.9.1(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/tooltip@3.5.0(react@19.0.0)':
     dependencies:
       '@react-stately/overlays': 3.6.12(react@19.0.0)
@@ -8133,6 +9437,13 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/tooltip@3.5.1(react@19.0.0)':
+    dependencies:
+      '@react-stately/overlays': 3.6.13(react@19.0.0)
+      '@react-types/tooltip': 3.4.14(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/tree@3.8.6(react@19.0.0)':
     dependencies:
       '@react-stately/collections': 3.12.0(react@19.0.0)
@@ -8142,17 +9453,40 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/tree@3.8.7(react@19.0.0)':
+    dependencies:
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-stately/utils': 3.10.5(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+
   '@react-stately/utils@3.10.5(react@19.0.0)':
     dependencies:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/virtualizer@4.2.0(react@19.0.0)':
+  '@react-stately/virtualizer@4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/utils': 3.26.0(react@19.0.0)
-      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-types/autocomplete@3.0.0-alpha.28(react@19.0.0)':
+    dependencies:
+      '@react-types/combobox': 3.13.2(react@19.0.0)
+      '@react-types/searchfield': 3.5.11(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
+  '@react-types/breadcrumbs@3.7.10(react@19.0.0)':
+    dependencies:
+      '@react-types/link': 3.5.10(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
 
   '@react-types/breadcrumbs@3.7.9(react@19.0.0)':
     dependencies:
@@ -8165,28 +9499,63 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/button@3.10.2(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/calendar@3.5.0(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/calendar@3.6.0(react@19.0.0)':
+    dependencies:
+      '@internationalized/date': 3.7.0
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/checkbox@3.9.0(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/checkbox@3.9.1(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/color@3.0.1(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       '@react-types/slider': 3.7.7(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/color@3.0.2(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/slider': 3.7.8(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/combobox@3.13.1(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/combobox@3.13.2(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
+  '@react-types/datepicker@3.10.0(react@19.0.0)':
+    dependencies:
+      '@internationalized/date': 3.7.0
+      '@react-types/calendar': 3.6.0(react@19.0.0)
+      '@react-types/overlays': 3.8.12(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/datepicker@3.9.0(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.6.0
@@ -8201,9 +9570,15 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/form@3.7.8(react@19.0.0)':
+  '@react-types/dialog@3.5.15(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/overlays': 3.8.12(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
+  '@react-types/form@3.7.9(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/grid@3.2.10(react@19.0.0)':
@@ -8211,6 +9586,16 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/grid@3.2.11(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
+  '@react-types/link@3.5.10(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/link@3.5.9(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
@@ -8221,84 +9606,167 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/listbox@3.5.4(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/menu@3.9.13(react@19.0.0)':
     dependencies:
       '@react-types/overlays': 3.8.11(react@19.0.0)
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/menu@3.9.14(react@19.0.0)':
+    dependencies:
+      '@react-types/overlays': 3.8.12(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/meter@3.4.5(react@19.0.0)':
     dependencies:
       '@react-types/progress': 3.5.8(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/meter@3.4.6(react@19.0.0)':
+    dependencies:
+      '@react-types/progress': 3.5.9(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/numberfield@3.8.7(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/numberfield@3.8.8(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/overlays@3.8.11(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/overlays@3.8.12(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/progress@3.5.8(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/progress@3.5.9(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/radio@3.8.5(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/radio@3.8.6(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/searchfield@3.5.10(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       '@react-types/textfield': 3.10.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/searchfield@3.5.11(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/textfield': 3.11.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/select@3.9.8(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/select@3.9.9(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/shared@3.26.0(react@19.0.0)':
     dependencies:
       react: 19.0.0
 
+  '@react-types/shared@3.27.0(react@19.0.0)':
+    dependencies:
+      react: 19.0.0
+
   '@react-types/slider@3.7.7(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/slider@3.7.8(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/switch@3.5.7(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/switch@3.5.8(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/table@3.10.3(react@19.0.0)':
     dependencies:
       '@react-types/grid': 3.2.10(react@19.0.0)
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/table@3.10.4(react@19.0.0)':
+    dependencies:
+      '@react-types/grid': 3.2.11(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/tabs@3.3.11(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/tabs@3.3.12(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/textfield@3.10.0(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/textfield@3.11.0(react@19.0.0)':
+    dependencies:
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@react-types/tooltip@3.4.13(react@19.0.0)':
     dependencies:
       '@react-types/overlays': 3.8.11(react@19.0.0)
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  '@react-types/tooltip@3.4.14(react@19.0.0)':
+    dependencies:
+      '@react-types/overlays': 3.8.12(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   '@remixicon/react@4.6.0(react@19.0.0)':
     dependencies:
       react: 19.0.0
@@ -9975,10 +11443,6 @@ snapshots:
 
   functions-have-names@1.2.3: {}
 
-  geist@1.3.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)):
-    dependencies:
-      next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-
   gensync@1.0.0-beta.2: {}
 
   get-caller-file@2.0.5: {}
@@ -11624,41 +13088,43 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
-  react-aria-components@1.5.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-aria-components@1.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      '@internationalized/date': 3.6.0
+      '@internationalized/date': 3.7.0
       '@internationalized/string': 3.2.5
-      '@react-aria/collections': 3.0.0-alpha.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/color': 3.0.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/disclosure': 3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/dnd': 3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/focus': 3.19.0(react@19.0.0)
-      '@react-aria/interactions': 3.22.5(react@19.0.0)
+      '@react-aria/autocomplete': 3.0.0-alpha.37(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/collections': 3.0.0-alpha.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/color': 3.0.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/disclosure': 3.0.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/dnd': 3.8.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/menu': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/toolbar': 3.0.0-beta.11(react@19.0.0)
-      '@react-aria/tree': 3.0.0-beta.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.26.0(react@19.0.0)
-      '@react-aria/virtualizer': 4.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/color': 3.8.1(react@19.0.0)
-      '@react-stately/disclosure': 3.0.0(react@19.0.0)
-      '@react-stately/layout': 4.1.0(react@19.0.0)
-      '@react-stately/menu': 3.9.0(react@19.0.0)
-      '@react-stately/selection': 3.18.0(react@19.0.0)
-      '@react-stately/table': 3.13.0(react@19.0.0)
+      '@react-aria/menu': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/toolbar': 3.0.0-beta.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/tree': 3.0.0-beta.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/virtualizer': 4.1.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/autocomplete': 3.0.0-alpha.0(react@19.0.0)
+      '@react-stately/color': 3.8.2(react@19.0.0)
+      '@react-stately/disclosure': 3.0.1(react@19.0.0)
+      '@react-stately/layout': 4.1.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/menu': 3.9.1(react@19.0.0)
+      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-stately/table': 3.13.1(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-stately/virtualizer': 4.2.0(react@19.0.0)
-      '@react-types/color': 3.0.1(react@19.0.0)
-      '@react-types/form': 3.7.8(react@19.0.0)
-      '@react-types/grid': 3.2.10(react@19.0.0)
-      '@react-types/shared': 3.26.0(react@19.0.0)
-      '@react-types/table': 3.10.3(react@19.0.0)
+      '@react-stately/virtualizer': 4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/color': 3.0.2(react@19.0.0)
+      '@react-types/form': 3.7.9(react@19.0.0)
+      '@react-types/grid': 3.2.11(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/table': 3.10.4(react@19.0.0)
       '@swc/helpers': 0.5.15
       client-only: 0.0.1
       react: 19.0.0
-      react-aria: 3.36.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react-aria: 3.37.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-dom: 19.0.0(react@19.0.0)
-      react-stately: 3.34.0(react@19.0.0)
+      react-stately: 3.35.0(react@19.0.0)
       use-sync-external-store: 1.4.0(react@19.0.0)
 
   react-aria@3.36.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
@@ -11705,6 +13171,50 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  react-aria@3.37.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      '@internationalized/string': 3.2.5
+      '@react-aria/breadcrumbs': 3.5.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/button': 3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/calendar': 3.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/checkbox': 3.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/color': 3.0.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/combobox': 3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/datepicker': 3.13.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/dialog': 3.5.21(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/disclosure': 3.0.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/dnd': 3.8.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/gridlist': 3.10.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/link': 3.7.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/listbox': 3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/menu': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/meter': 3.4.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/numberfield': 3.11.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/overlays': 3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/progress': 3.4.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/radio': 3.10.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/searchfield': 3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/select': 3.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/separator': 3.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/slider': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-aria/switch': 3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/table': 3.16.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/tabs': 3.9.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/tag': 3.4.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/tooltip': 3.7.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   react-dom@19.0.0(react@19.0.0):
     dependencies:
       react: 19.0.0
@@ -11769,6 +13279,35 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
+  react-stately@3.35.0(react@19.0.0):
+    dependencies:
+      '@react-stately/calendar': 3.7.0(react@19.0.0)
+      '@react-stately/checkbox': 3.6.11(react@19.0.0)
+      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/color': 3.8.2(react@19.0.0)
+      '@react-stately/combobox': 3.10.2(react@19.0.0)
+      '@react-stately/data': 3.12.1(react@19.0.0)
+      '@react-stately/datepicker': 3.12.0(react@19.0.0)
+      '@react-stately/disclosure': 3.0.1(react@19.0.0)
+      '@react-stately/dnd': 3.5.1(react@19.0.0)
+      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/list': 3.11.2(react@19.0.0)
+      '@react-stately/menu': 3.9.1(react@19.0.0)
+      '@react-stately/numberfield': 3.9.9(react@19.0.0)
+      '@react-stately/overlays': 3.6.13(react@19.0.0)
+      '@react-stately/radio': 3.10.10(react@19.0.0)
+      '@react-stately/searchfield': 3.5.9(react@19.0.0)
+      '@react-stately/select': 3.6.10(react@19.0.0)
+      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-stately/slider': 3.6.1(react@19.0.0)
+      '@react-stately/table': 3.13.1(react@19.0.0)
+      '@react-stately/tabs': 3.7.1(react@19.0.0)
+      '@react-stately/toggle': 3.8.1(react@19.0.0)
+      '@react-stately/tooltip': 3.5.1(react@19.0.0)
+      '@react-stately/tree': 3.8.7(react@19.0.0)
+      '@react-types/shared': 3.27.0(react@19.0.0)
+      react: 19.0.0
+
   react-style-singleton@2.2.3(@types/react@19.0.4)(react@19.0.0):
     dependencies:
       get-nonce: 1.0.1
diff --git a/www/.gitignore b/www/.gitignore
index 7b4aff7a0..ca3179404 100644
--- a/www/.gitignore
+++ b/www/.gitignore
@@ -1 +1,2 @@
-.source
\ No newline at end of file
+.source
+src/__registry__
\ No newline at end of file
diff --git a/www/content/docs/components/colors/color-field.mdx b/www/content/docs/components/colors/color-field.mdx
index 49b2427ac..c7d78ae5f 100644
--- a/www/content/docs/components/colors/color-field.mdx
+++ b/www/content/docs/components/colors/color-field.mdx
@@ -100,17 +100,6 @@ An `errorMessage` can be supplied to `ColorField`, which will be displayed when
   preview={`<ColorField label="Color" isInvalid errorMessage="Please fill out this field." />`}
 />
 
-### Loading
-
-Use the `isLoading` prop to control the loading state of the ColorField.
-Use the `loaderPosition` prop to control the position of the loader.
-
-<ComponentPreview
-  name="core/color-field/color-field-loading"
-  preview={`<ColorField isLoading loaderPosition="prefix" />
-<ColorField isLoading loaderPosition="suffix" />`}
-/>
-
 ### Disabled
 
 Use the `isDisabled` prop to disable the `ColorField`.
diff --git a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
index aa05c0f33..eb92c910e 100644
--- a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
+++ b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
@@ -1,5 +1,5 @@
 ---
-title: Checkbox Group
+title: Checkbox Group ☑️
 description: A checkbox group allows a user to select multiple items from a list of options.
 links:
   - label: Aria docs
@@ -50,7 +50,6 @@ import { Label } from "@/components/core/field";
   <Checkbox value="nextjs">Next.js</Checkbox>
   <Checkbox value="remix">Remix</Checkbox>
   <Checkbox value="gatsby">Gatsby</Checkbox>
-  
 </CheckboxGroupRoot>;
 ```
 
diff --git a/www/content/docs/components/forms-and-inputs/checkbox.mdx b/www/content/docs/components/forms-and-inputs/checkbox.mdx
index 1568135ce..6dca550da 100644
--- a/www/content/docs/components/forms-and-inputs/checkbox.mdx
+++ b/www/content/docs/components/forms-and-inputs/checkbox.mdx
@@ -1,5 +1,5 @@
 ---
-title: Checkbox (OK)
+title: Checkbox ☑️
 description: Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/form.mdx b/www/content/docs/components/forms-and-inputs/form.mdx
index 190afef97..846f49110 100644
--- a/www/content/docs/components/forms-and-inputs/form.mdx
+++ b/www/content/docs/components/forms-and-inputs/form.mdx
@@ -1,5 +1,5 @@
 ---
-title: Form (OK)
+title: Form ☑️
 description: Forms allow users to enter and submit data, and provide them with feedback along the way.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/radio-group.mdx b/www/content/docs/components/forms-and-inputs/radio-group.mdx
index b8740b117..519f32a1d 100644
--- a/www/content/docs/components/forms-and-inputs/radio-group.mdx
+++ b/www/content/docs/components/forms-and-inputs/radio-group.mdx
@@ -1,11 +1,9 @@
 ---
-title: Radio Group
+title: Radio Group ☑️
 description: A radio group allows a user to select a single item from a list of mutually exclusive options.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/RadioGroup.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/RadioGroup.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -23,34 +21,49 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add radio-group
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
+## Usage
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/radio-group/radio-group" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+Use radio group to allow users to select a single option from a short list of related options.
 
-  </Tab>
-</Tabs>
+```tsx
+import { RadioGroup, Radio } from "@/components/core/radio-group";
 
-## Usage
+<RadioGroup defaultValue="sm" label="Size" description="Select a product size.">
+  <Radio value="sm">Small</Radio>
+  <Radio value="md">Medium</Radio>
+  <Radio value="lg">Large</Radio>
+</RadioGroup>;
+```
 
-Use radio group to allow users to select a single option from a short list of related options.
+```tsx
+import { Label, Description } from "@/components/core/field";
+import {
+  RadioGroupRoot,
+  RadioRoot,
+  RadioIndicator,
+} from "@/components/core/radio-group";
+
+<RadioGroupRoot defaultValue="sm">
+  <Label>Size</Label>
+  <RadioRoot value="sm">
+    <span>Next.js</span>
+    <RadioIndicator />
+  </RadioRoot>
+  <RadioRoot value="md">
+    <span>Next.js</span>
+    <RadioIndicator />
+  </RadioRoot>
+  <RadioRoot value="lg">
+    <span>..</span>
+    <RadioIndicator />
+  </RadioRoot>
+  <Description>Select a product size.</Description>
+</RadioGroupRoot>;
+```
 
 ## Options
 
diff --git a/www/content/docs/components/forms-and-inputs/search-field.mdx b/www/content/docs/components/forms-and-inputs/search-field.mdx
index 455cf98ce..8f313ae3d 100644
--- a/www/content/docs/components/forms-and-inputs/search-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/search-field.mdx
@@ -1,11 +1,9 @@
 ---
-title: SearchField
+title: SearchField ☑️
 description: SearchField is a text field designed for searches.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/SearchField.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/SearchField.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -19,57 +17,41 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add search-field
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/search-field/search-field" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use a `SearchField` to allow a user to enter and clear a search query.
 
-## Options
-
-### Size
-
-Use the `size` prop to control the size of the `SearchField`. The default size is `"md"`.
-
-<ComponentPreview
-  name="core/search-field/search-field-sizes"
-  preview={`<SearchField size="sm" />
-<SearchField size="md" />
-<SearchField size="lg" />`}
-/>
+```tsx
+import { SearchField } from "@/components/core/search-field";
 
-### Prefix and suffix
+<SearchField label="Search" description="Enter your search query." />;
+```
 
-By default, `prefix` contains a search icon and `suffix` contains a clear button. You can customize these by passing a custom element to the `prefix` and `suffix` props.
+```tsx
+import { SearchIcon, XIcon } from "lucide-react";
+import { Button } from "@/components/core/button";
+import { Label, Description } from "@/components/core/field";
+import { InputRoot, Input } from "@/components/core/input";
+import { SearchFieldRoot } from "@/components/core/search-field";
+
+<SearchFieldRoot>
+  <Label>Email</Label>
+  <InputRoot>
+    <SearchIcon />
+    <Input />
+    <Button slot="clear">
+      <XIcon />
+    </Button>
+  </InputRoot>
+  <Description>Enter your search query.</Description>
+</SearchFieldRoot>;
+```
 
-<ComponentPreview
-  name="core/search-field/search-field-prefix-and-suffix"
-  preview={`<SearchField prefix="🔍" />
-<SearchField suffix={(props) => <ClearButton {...props} />} />`}
-/>
+## Options
 
 ### Label
 
@@ -102,15 +84,16 @@ An `errorMessage` can be supplied to a SearchField, which will be displayed when
     errorMessage="Please fill out this field."
   />`}
 />
-### Loading
 
-Use the `isLoading` prop to control the loading state of the SearchField.
-Use the `loaderPosition` prop to control the position of the loader.
+### Size
+
+Use the `size` prop to control the size of the `SearchField`. The default size is `"md"`.
 
 <ComponentPreview
-  name="core/search-field/search-field-loading"
-  preview={`<SearchField isLoading loaderPosition="prefix" />
-<SearchField isLoading loaderPosition="suffix" />`}
+  name="core/search-field/search-field-sizes"
+  preview={`<SearchField size="sm" />
+<SearchField size="md" />
+<SearchField size="lg" />`}
 />
 
 ### Disabled
@@ -180,35 +163,31 @@ If you need to customize things further, you can drop down to the composition le
 
 ## API Reference
 
-| Prop                 | Type                                                                                                             | Default                               | Description                                                                                                                                                                                                                           |
-| -------------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `size`               | `"sm" \| "md" \| "lg"`                                                                                           | `"md"`                                | The size of the input.                                                                                                                                                                                                                |
-| `prefix`             | `React.ReactNode`                                                                                                | `<SearchIcon />`                      | A visual to display before the input.                                                                                                                                                                                                 |
-| `suffix`             | `React.ReactNode \| (({ isEmpty, isDisabled }: { isEmpty?: boolean; isDisabled?: boolean }) => React.ReactNode)` | `props => <ClearButton {...props} />` | A visual to display after the input.                                                                                                                                                                                                  |
-| `label`              | `ReactNode`                                                                                                      | -                                     | The content to display as the label.                                                                                                                                                                                                  |
-| `description`        | `ReactNode`                                                                                                      | -                                     | A description for the field. Provides a hint such as specific requirements for what to choose.                                                                                                                                        |
-| `errorMessage`       | `ReactNode \| (v: ValidationResult) => ReactNode`                                                                | -                                     | An error message for the field.                                                                                                                                                                                                       |
-| `loaderPosition`     | `"prefix" \| "suffix"`                                                                                           | `"prefix"`                            | The loader position                                                                                                                                                                                                                   |
-| `isLoading`          | `boolean`                                                                                                        | -                                     | Whether the TextField is in a pending state.                                                                                                                                                                                          |
-| `isInvalid`          | `boolean`                                                                                                        | -                                     | Whether the value is invalid.                                                                                                                                                                                                         |
-| `isDisabled`         | `boolean`                                                                                                        | -                                     | Whether the input is disabled.                                                                                                                                                                                                        |
-| `isReadOnly`         | `boolean`                                                                                                        | -                                     | Whether the input can be selected but not changed by the user.                                                                                                                                                                        |
-| `isRequired`         | `boolean`                                                                                                        | -                                     | Whether user input is required on the input before form submission.                                                                                                                                                                   |
-| `validate`           | `(value: string) => ValidationError \| true \| null \| undefined`                                                | -                                     | A function that returns an error message if a given value is invalid. Validation errors are displayed to the user when the form is submitted if validationBehavior="native". For realtime validation, use the isInvalid prop instead. |
-| `autoFocus`          | `boolean`                                                                                                        | -                                     | Whether the element should receive focus on render.                                                                                                                                                                                   |
-| `value`              | `string`                                                                                                         | -                                     | The current value (controlled).                                                                                                                                                                                                       |
-| `defaultValue`       | `string`                                                                                                         | -                                     | The default value (uncontrolled).                                                                                                                                                                                                     |
-| `autoComplete`       | `string`                                                                                                         | -                                     | Describes the type of autocomplete functionality the input should provide if any.                                                                                                                                                     |
-| `maxLength`          | `number`                                                                                                         | -                                     | The maximum number of characters supported by the input.                                                                                                                                                                              |
-| `minLength`          | `number`                                                                                                         | -                                     | The minimum number of characters required by the input.                                                                                                                                                                               |
-| `pattern`            | `string`                                                                                                         | -                                     | Regex pattern that the value of the input must match to be valid.                                                                                                                                                                     |
-| `type`               | `'text' \| 'search' \| 'url' \| 'tel' \| 'email' \| 'password' \| string & {}`                                   | -                                     | The type of input to render.                                                                                                                                                                                                          |
-| `inputMode`          | `'none' \| 'text' \| 'tel' \| 'url' \| 'email' \| 'numeric' \| 'decimal' \| 'search'`                            | -                                     | Hints at the type of data that might be entered by the user while editing the element or its contents.                                                                                                                                |
-| `name`               | `string`                                                                                                         | -                                     | The name of the input element, used when submitting an HTML form.                                                                                                                                                                     |
-| `validationBehavior` | `'native' \| 'aria'`                                                                                             | 'native'                              | Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.                                                                        |
-| `children`           | `ReactNode \| (values: SearchFieldRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode`         | -                                     | The children of the component. A function may be provided to alter the children based on component state.                                                                                                                             |
-| `className`          | `string`                                                                                                         | -                                     | The CSS className for the element.                                                                                                                                                                                                    |
-| `style`              | `CSSProperties \| (values: SearchFieldRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`             | -                                     | The inline style for the element. A function may be provided to compute the style based on component state.                                                                                                                           |
+| Prop                 | Type                                                                                                     | Default  | Description                                                                                                                                                                                                                           |
+| -------------------- | -------------------------------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `label`              | `ReactNode`                                                                                              | -        | The content to display as the label.                                                                                                                                                                                                  |
+| `description`        | `ReactNode`                                                                                              | -        | A description for the field. Provides a hint such as specific requirements for what to choose.                                                                                                                                        |
+| `errorMessage`       | `ReactNode \| (v: ValidationResult) => ReactNode`                                                        | -        | An error message for the field.                                                                                                                                                                                                       |
+| `size`               | `"sm" \| "md" \| "lg"`                                                                                   | `"md"`   | The size of the input.                                                                                                                                                                                                                |
+| `isInvalid`          | `boolean`                                                                                                | -        | Whether the value is invalid.                                                                                                                                                                                                         |
+| `isDisabled`         | `boolean`                                                                                                | -        | Whether the input is disabled.                                                                                                                                                                                                        |
+| `isReadOnly`         | `boolean`                                                                                                | -        | Whether the input can be selected but not changed by the user.                                                                                                                                                                        |
+| `isRequired`         | `boolean`                                                                                                | -        | Whether user input is required on the input before form submission.                                                                                                                                                                   |
+| `validate`           | `(value: string) => ValidationError \| true \| null \| undefined`                                        | -        | A function that returns an error message if a given value is invalid. Validation errors are displayed to the user when the form is submitted if validationBehavior="native". For realtime validation, use the isInvalid prop instead. |
+| `autoFocus`          | `boolean`                                                                                                | -        | Whether the element should receive focus on render.                                                                                                                                                                                   |
+| `value`              | `string`                                                                                                 | -        | The current value (controlled).                                                                                                                                                                                                       |
+| `defaultValue`       | `string`                                                                                                 | -        | The default value (uncontrolled).                                                                                                                                                                                                     |
+| `autoComplete`       | `string`                                                                                                 | -        | Describes the type of autocomplete functionality the input should provide if any.                                                                                                                                                     |
+| `maxLength`          | `number`                                                                                                 | -        | The maximum number of characters supported by the input.                                                                                                                                                                              |
+| `minLength`          | `number`                                                                                                 | -        | The minimum number of characters required by the input.                                                                                                                                                                               |
+| `pattern`            | `string`                                                                                                 | -        | Regex pattern that the value of the input must match to be valid.                                                                                                                                                                     |
+| `type`               | `'text' \| 'search' \| 'url' \| 'tel' \| 'email' \| 'password' \| string & {}`                           | -        | The type of input to render.                                                                                                                                                                                                          |
+| `inputMode`          | `'none' \| 'text' \| 'tel' \| 'url' \| 'email' \| 'numeric' \| 'decimal' \| 'search'`                    | -        | Hints at the type of data that might be entered by the user while editing the element or its contents.                                                                                                                                |
+| `name`               | `string`                                                                                                 | -        | The name of the input element, used when submitting an HTML form.                                                                                                                                                                     |
+| `validationBehavior` | `'native' \| 'aria'`                                                                                     | 'native' | Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.                                                                        |
+| `children`           | `ReactNode \| (values: SearchFieldRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -        | The children of the component. A function may be provided to alter the children based on component state.                                                                                                                             |
+| `className`          | `string`                                                                                                 | -        | The CSS className for the element.                                                                                                                                                                                                    |
+| `style`              | `CSSProperties \| (values: SearchFieldRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`     | -        | The inline style for the element. A function may be provided to compute the style based on component state.                                                                                                                           |
 
 | Event                 | Type                                        | Description                                                                                                      |
 | --------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
diff --git a/www/content/docs/components/forms-and-inputs/slider.mdx b/www/content/docs/components/forms-and-inputs/slider.mdx
index 4b6fae032..eba1d56c0 100644
--- a/www/content/docs/components/forms-and-inputs/slider.mdx
+++ b/www/content/docs/components/forms-and-inputs/slider.mdx
@@ -1,11 +1,9 @@
 ---
-title: Slider
+title: Slider ☑️
 description: An input where the user selects a value from within a given range.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Slider.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Slider.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -19,30 +17,44 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add slider
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Usage
 
-    ```package-install
-    react-aria-components @react-aria/utils
-    ```
+Use slider to allow users to select a value from within a given range.
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/slider/slider" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+```tsx
+import { Slider } from "@/components/core/slider";
 
-  </Tab>
-</Tabs>
+<Slider
+  defaultValue={50}
+  label="Opacity"
+  description="Adjust the background opacity."
+/>;
+```
+
+```tsx
+import {
+  SliderRoot,
+  SliderTrack
+  SliderFiller,
+  SliderThumb,
+  SliderValueLabel
+} from "@/components/core/switch";
+import { Label, Description } from "@/components/core/field";
+
+<SliderRoot defaultValue={50}>
+  <Label>Opacity</Label>
+  <ValueLabel />
+  <SliderTrack>
+    <SliderFiller />
+    <SliderThumb />
+  </SliderTrack>
+  <Description>Adjust the background opacity.</Description>
+</SliderRoot>;
+```
 
 ## Options
 
@@ -150,17 +162,6 @@ If you need to customize things further, you can drop down to the composition le
 
 <ComponentPreview
   name="core/slider/slider-composition"
-  preview={`<SliderRoot>
-    <div>
-      <Label>Volume</Label>
-      <SliderValueLabel />
-    </div>
-    <SliderControls />
-  </SliderRoot>`}
-/>
-
-<ComponentPreview
-  name="core/slider/slider-advanced-composition"
   preview={`<SliderRoot>
     <Label>Volume</Label>
     <SliderValueLabel />
diff --git a/www/content/docs/components/forms-and-inputs/switch.mdx b/www/content/docs/components/forms-and-inputs/switch.mdx
index 691f420e0..a9fffc3a6 100644
--- a/www/content/docs/components/forms-and-inputs/switch.mdx
+++ b/www/content/docs/components/forms-and-inputs/switch.mdx
@@ -1,11 +1,9 @@
 ---
-title: Switch
+title: Switch ☑️
 description: Switches allow users to turn an individual option on or off.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Switch.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Switch.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -19,38 +17,44 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add switch
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/switch/switch" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use switch for communicating activation (e.g. on/off states), while checkboxes are best used for communicating selection (e.g. multiple table rows).
 Switches, unlike checkboxes, can't have an error state.
 
+```tsx
+import { Switch } from "@/components/core/switch";
+
+<Switch>Focus mode</Switch>;
+```
+
+```tsx
+import {
+  SwitchRoot,
+  SwitchIndicator,
+  SwitchThumb,
+} from "@/components/core/switch";
+
+<SwitchRoot>
+  <SwitchIndicator>
+    <SwitchThumb />
+  </SwitchIndicator>
+  <span>Focus mode</span>
+</SwitchRoot>;
+```
+
 ## Options
 
+### Variant
+
+Use the `variant` prop to control the visual style of the switch.
+
+<ComponentPreview name="core/switch/switch-card" />
+
 ### Size
 
 Use the `size` prop to control the size of the switch. The default variant is `"md"`.
@@ -83,7 +87,7 @@ Use the `isDisabled` prop to disable the switch.
 
 ## Uncontrolled
 
-The `defaultValue` prop can be used to set the default state.
+The `defaultSelected` prop can be used to set the default state.
 
 <ComponentPreview
   name="core/switch/switch-uncontrolled"
@@ -104,6 +108,19 @@ Use the `isSelected` and `onChange` props to control the value of the input.
   )`}
 />
 
+## Composition
+
+If you need to customize things further, you can drop down to the composition level.
+
+<ComponentPreview
+  name="core/switch/switch-composition"
+  preview={`<SwitchRoot>
+    <SwitchIndicator>
+      <SwitchThumb />
+    </SwitchIndicator>
+  </SwitchRoot>`}
+/>
+
 ## API Reference
 
 | Prop              | Type                                                                                                  | Default | Description                                                                                               |
diff --git a/www/content/docs/components/forms-and-inputs/text-area.mdx b/www/content/docs/components/forms-and-inputs/text-area.mdx
index d38e12bd1..c578dce5e 100644
--- a/www/content/docs/components/forms-and-inputs/text-area.mdx
+++ b/www/content/docs/components/forms-and-inputs/text-area.mdx
@@ -1,11 +1,9 @@
 ---
-title: TextArea
+title: TextArea ☑️
 description: TextArea is a multiline text input.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/TextArea.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/TextArea.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -19,50 +17,35 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add text-area
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/text-area/text-area" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use a `TextArea` to allow users to input a long string of free-form text.
 
-## Options
+```tsx
+import { TextArea } from "@/components/core/text-area";
 
-### Prefix and suffix
+<TextArea label="Description" description="Enter your description." />;
+```
 
-To add additional context for the `TextArea`, use the `prefix` and `suffix` props.
+```tsx
+import { Label, Description } from "@/components/core/field";
+import { InputRoot, TextAreaInput } from "@/components/core/input";
+import { TextAreaRoot } from "@/components/core/text-field";
+
+<TextAreaRoot>
+  <Label>Email</Label>
+  <InputRoot multiline>
+    <TextAreaInput />
+  </InputRoot>
+  <Description>Enter your email.</Description>
+</TextAreaRoot>;
+```
 
-<ComponentPreview
-  name="core/text-area/text-area-prefix-and-suffix"
-  preview={`<TextArea
-    label="Comment"
-    placeholder="type something here"
-    prefix={<Emojis />}
-    suffix={<Toolbar />}
-  />`}
-/>
+## Options
 
 ### Label
 
@@ -96,15 +79,18 @@ An `errorMessage` can be supplied to a TextArea, which will be displayed when th
   />`}
 />
 
-### Loading
+### Prefix and suffix
 
-Use the `isLoading` prop to control the loading state of the TextArea.
-Use the `loaderPosition` prop to control the position of the loader.
+To add additional context for the `TextArea`, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/text-area/text-area-loading"
-  preview={`<TextArea isLoading loaderPosition="prefix" />
-<TextArea isLoading loaderPosition="suffix" />`}
+  name="core/text-area/text-area-prefix-and-suffix"
+  preview={`<TextArea
+    label="Comment"
+    placeholder="type something here"
+    prefix={<Emojis />}
+    suffix={<Toolbar />}
+  />`}
 />
 
 ### Disabled
@@ -168,26 +154,24 @@ If you need to customize things further, you can drop down to the composition le
 
 <ComponentPreview
   name="core/text-area/text-area-composition"
-  preview={`<TextFieldRoot>
+  preview={`<TextAreaRoot>
     <Label>Comment</Label>
     <InputRoot>
       <TextAreaInput />
     </InputRoot>
     <Description>Enter your comment.</Description>
-  </TextFieldRoot>`}
+  </TextAreaRoot>`}
 />
 
 ## API Reference
 
 | Prop                 | Type                                                                                                   | Default    | Description                                                                                                                                                                                                                           |
 | -------------------- | ------------------------------------------------------------------------------------------------------ | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `prefix`             | `ReactNode`                                                                                            | -          | A visual to display before the input.                                                                                                                                                                                                 |
-| `suffix`             | `ReactNode`                                                                                            | -          | A visual to display after the input.                                                                                                                                                                                                  |
-| `loaderPosition`     | `"prefix" \| "suffix"`                                                                                 | `"suffix"` | The loader position                                                                                                                                                                                                                   |
 | `label`              | `ReactNode`                                                                                            |            | The content to display as the label.                                                                                                                                                                                                  |
 | `description`        | `ReactNode`                                                                                            |            | A description for the field. Provides a hint such as specific requirements for what to choose.                                                                                                                                        |
 | `errorMessage`       | `ReactNode \| (v: ValidationResult) => ReactNode`                                                      |            | An error message for the field.                                                                                                                                                                                                       |
-| `isLoading`          | `boolean`                                                                                              | -          | Whether the TextField is in a pending state.                                                                                                                                                                                          |
+| `prefix`             | `ReactNode`                                                                                            | -          | A visual to display before the input.                                                                                                                                                                                                 |
+| `suffix`             | `ReactNode`                                                                                            | -          | A visual to display after the input.                                                                                                                                                                                                  |
 | `isInvalid`          | `boolean`                                                                                              | -          | Whether the value is invalid.                                                                                                                                                                                                         |
 | `isDisabled`         | `boolean`                                                                                              | -          | Whether the input is disabled.                                                                                                                                                                                                        |
 | `isReadOnly`         | `boolean`                                                                                              | -          | Whether the input can be selected but not changed by the user.                                                                                                                                                                        |
diff --git a/www/content/docs/components/forms-and-inputs/text-field.mdx b/www/content/docs/components/forms-and-inputs/text-field.mdx
index bcf595855..dfb7a1600 100644
--- a/www/content/docs/components/forms-and-inputs/text-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/text-field.mdx
@@ -1,11 +1,9 @@
 ---
-title: TextField
+title: TextField ☑️
 description: TextField allows a user to enter a plain text value with a keyboard.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/TextField.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/TextField.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -19,58 +17,35 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add text-field
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/text-field/text-field" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use a `TextField` to allow users to input custom text entries with a keyboard.
 
-## Options
-
-### Size
+```tsx
+import { TextField } from "@/components/core/text-field";
 
-Use the `size` prop to control the size of the `TextField`. The default size is `"md"`.
-
-<ComponentPreview
-  name="core/text-field/text-field-sizes"
-  preview={`<TextField size="sm" />
-<TextField size="md" />
-<TextField size="lg" />`}
-/>
-
-### Prefix and suffix
+<TextField label="Email" description="Enter your email." />;
+```
 
-To add additional context for the `TextField`, use the `prefix` and `suffix` props.
+```tsx
+import { Label, Description } from "@/components/core/field";
+import { InputRoot, Input } from "@/components/core/input";
+import { TextFieldRoot } from "@/components/core/text-field";
+
+<TextFieldRoot>
+  <Label>Email</Label>
+  <InputRoot>
+    <Input />
+  </InputRoot>
+  <Description>Enter your email.</Description>
+</TextFieldRoot>;
+```
 
-<ComponentPreview
-  name="core/text-field/text-field-prefix-and-suffix"
-  preview={`<TextField prefix={<span>https://</span>} />
-<TextField suffix={<span>@dotui.org</span>} />
-<TextField suffix={<ClearButton />} />`}
-/>
+## Options
 
 ### Label
 
@@ -104,15 +79,26 @@ An `errorMessage` can be supplied to `TextField`, which will be displayed when t
   />`}
 />
 
-### Loading
+### Size
 
-Use the `isLoading` prop to control the loading state of the TextField.
-Use the `loaderPosition` prop to control the position of the loader.
+Use the `size` prop to control the size of the `TextField`. The default size is `"md"`.
 
 <ComponentPreview
-  name="core/text-field/text-field-loading"
-  preview={`<TextField isLoading loaderPosition="prefix" />
-<TextField isLoading loaderPosition="suffix" />`}
+  name="core/text-field/text-field-sizes"
+  preview={`<TextField size="sm" />
+<TextField size="md" />
+<TextField size="lg" />`}
+/>
+
+### Prefix and suffix
+
+To add additional context for the `TextField`, use the `prefix` and `suffix` props.
+
+<ComponentPreview
+  name="core/text-field/text-field-prefix-and-suffix"
+  preview={`<TextField prefix={<span>https://</span>} />
+<TextField suffix={<span>@dotui.org</span>} />
+<TextField suffix={<ClearButton />} />`}
 />
 
 ### Disabled
@@ -191,14 +177,12 @@ If you need to customize things further, you can drop down to the composition le
 
 | Prop                 | Type                                                                                                   | Default    | Description                                                                                                                                                                                                                           |
 | -------------------- | ------------------------------------------------------------------------------------------------------ | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `size`               | `"sm" \| "md" \| "lg"`                                                                                 | `"md"`     | The size of the input.                                                                                                                                                                                                                |
-| `prefix`             | `ReactNode`                                                                                            | -          | A visual to display before the input.                                                                                                                                                                                                 |
-| `suffix`             | `ReactNode`                                                                                            | -          | A visual to display after the input.                                                                                                                                                                                                  |
 | `label`              | `ReactNode`                                                                                            |            | The content to display as the label.                                                                                                                                                                                                  |
 | `description`        | `ReactNode`                                                                                            |            | A description for the field. Provides a hint such as specific requirements for what to choose.                                                                                                                                        |
 | `errorMessage`       | `ReactNode \| (v: ValidationResult) => ReactNode`                                                      |            | An error message for the field.                                                                                                                                                                                                       |
-| `loaderPosition`     | `"prefix" \| "suffix"`                                                                                 | `"suffix"` | The loader position                                                                                                                                                                                                                   |
-| `isLoading`          | `boolean`                                                                                              | -          | Whether the TextField is in a pending state.                                                                                                                                                                                          |
+| `prefix`             | `ReactNode`                                                                                            | -          | A visual to display before the input.                                                                                                                                                                                                 |
+| `suffix`             | `ReactNode`                                                                                            | -          | A visual to display after the input.                                                                                                                                                                                                  |
+| `size`               | `"sm" \| "md" \| "lg"`                                                                                 | `"md"`     | The size of the input.                                                                                                                                                                                                                |
 | `isInvalid`          | `boolean`                                                                                              | -          | Whether the value is invalid.                                                                                                                                                                                                         |
 | `isDisabled`         | `boolean`                                                                                              | -          | Whether the input is disabled.                                                                                                                                                                                                        |
 | `isReadOnly`         | `boolean`                                                                                              | -          | Whether the input can be selected but not changed by the user.                                                                                                                                                                        |
diff --git a/www/content/docs/components/menus-and-selection/command.mdx b/www/content/docs/components/menus-and-selection/command.mdx
new file mode 100644
index 000000000..c74af347b
--- /dev/null
+++ b/www/content/docs/components/menus-and-selection/command.mdx
@@ -0,0 +1,23 @@
+---
+title: Command 
+description: A command combines a text input with a menu, allowing users to filter a list of options to items matching a query.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/Autocomplete.html
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/menus-and-selection/command.mdx?plain=1
+---
+
+<ComponentPreview name="core/command/command-basic" />
+
+## Installation
+
+```package-install
+npx dotui-cli@latest add command
+```
+
+## Dialog
+
+<ComponentPreview name="core/command/command-dialog" />
\ No newline at end of file
diff --git a/www/content/docs/components/menus-and-selection/meta.json b/www/content/docs/components/menus-and-selection/meta.json
index 62f79a45b..a530eb570 100644
--- a/www/content/docs/components/menus-and-selection/meta.json
+++ b/www/content/docs/components/menus-and-selection/meta.json
@@ -1,3 +1,3 @@
 {
-  "pages": ["menu", "list-box", "select", "combobox", "tag-group"]
+  "pages": ["menu", "list-box", "select", "combobox", "tag-group", "command"]
 }
\ No newline at end of file
diff --git a/www/content/docs/getting-started/guides/testing.mdx b/www/content/docs/getting-started/guides/testing.mdx
new file mode 100644
index 000000000..9ed6eecdf
--- /dev/null
+++ b/www/content/docs/getting-started/guides/testing.mdx
@@ -0,0 +1,7 @@
+---
+title: Testing
+description: This page describes the recommanded way test an application built with dotUI. 
+---
+
+
+<Alert variant="warning" title="Under construction" />
\ No newline at end of file
diff --git a/www/content/docs/getting-started/meta.json b/www/content/docs/getting-started/meta.json
index 868728032..1c96251bf 100644
--- a/www/content/docs/getting-started/meta.json
+++ b/www/content/docs/getting-started/meta.json
@@ -1,5 +1,13 @@
 {
   "title": "Getting started",
   "icon": "Book",
-  "pages": ["introduction", "installation", "guides","design", "api-reference",  "community", "changelog"]
+  "pages": [
+    "introduction",
+    "installation",
+    "guides",
+    "design",
+    "api-reference",
+    "community",
+    "changelog"
+  ]
 }
diff --git a/www/next.config.mjs b/www/next.config.mjs
index 62a468bd2..b17a6b624 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -13,7 +13,7 @@ const config = {
     ],
   },
   typescript: {
-    ignoreBuildErrors: true
+    ignoreBuildErrors: true,
   },
   // experimental: {
   //   reactCompiler: true,
diff --git a/www/package.json b/www/package.json
index 12606cbd6..956e20728 100644
--- a/www/package.json
+++ b/www/package.json
@@ -35,7 +35,6 @@
     "fumadocs-core": "^14.0.2",
     "fumadocs-docgen": "^1.3.0",
     "fumadocs-mdx": "^11.1.0",
-    "geist": "^1.2.2",
     "hast-util-to-string": "^3.0.1",
     "immer": "^10.1.1",
     "jotai": "2.8.0",
@@ -48,7 +47,7 @@
     "npm-to-yarn": "^3.0.0",
     "react": "19.0.0",
     "react-aria": "^3.33.0",
-    "react-aria-components": "^1.5.0",
+    "react-aria-components": "^1.6.0",
     "react-dom": "19.0.0",
     "react-hook-form": "^7.54.2",
     "react-resizable-panels": "^2.0.19",
diff --git a/www/src/__registry__/core/checkbox-group.tsx b/www/src/__registry__/core/checkbox-group.tsx
deleted file mode 100644
index d1eff85f7..000000000
--- a/www/src/__registry__/core/checkbox-group.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  CheckboxGroup as AriaCheckboxGroup,
-  composeRenderProps,
-  type CheckboxGroupProps as AriaCheckboxGroupProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { CheckboxProvider } from "@/registry/core/checkbox_basic";
-import { Field, type FieldProps } from "@/registry/core/field";
-
-const checkboxGroupStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-    wrapper: "flex",
-  },
-  variants: {
-    variant: {
-      default: {
-        wrapper: "flex-col gap-0.5",
-      },
-      card: {
-        wrapper: "flex gap-2",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-interface CheckboxGroupProps
-  extends CheckboxGroupRootProps,
-    Omit<FieldProps, "children"> {}
-const CheckboxGroup = React.forwardRef<
-  React.ElementRef<typeof AriaCheckboxGroup>,
-  CheckboxGroupProps
->(
-  (
-    {
-      label,
-      description,
-      errorMessage,
-      necessityIndicator,
-      variant,
-      ...props
-    },
-    ref
-  ) => {
-    const { wrapper } = checkboxGroupStyles({ variant });
-    return (
-      <CheckboxGroupRoot ref={ref} variant={variant} {...props}>
-        {composeRenderProps(props.children, (children, { isRequired }) => (
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-          >
-            <div className={wrapper()}>{children}</div>
-          </Field>
-        ))}
-      </CheckboxGroupRoot>
-    );
-  }
-);
-CheckboxGroup.displayName = "CheckboxGroup";
-
-interface CheckboxGroupRootProps
-  extends Omit<AriaCheckboxGroupProps, "className">,
-    VariantProps<typeof checkboxGroupStyles> {
-  className?: string;
-}
-const CheckboxGroupRoot = React.forwardRef<
-  React.ElementRef<typeof AriaCheckboxGroup>,
-  CheckboxGroupRootProps
->(({ className, variant, ...props }, ref) => {
-  const { root } = checkboxGroupStyles({ variant });
-  return (
-    <CheckboxProvider variant={variant}>
-      <AriaCheckboxGroup ref={ref} className={root({ className })} {...props} />
-    </CheckboxProvider>
-  );
-});
-CheckboxGroupRoot.displayName = "CheckboxGroupRoot";
-
-export type { CheckboxGroupProps, CheckboxGroupRootProps };
-export { CheckboxGroup, CheckboxGroupRoot };
diff --git a/www/src/__registry__/core/checkbox_basic.tsx b/www/src/__registry__/core/checkbox_basic.tsx
index 7bdc81052..b679146d1 100644
--- a/www/src/__registry__/core/checkbox_basic.tsx
+++ b/www/src/__registry__/core/checkbox_basic.tsx
@@ -33,7 +33,7 @@ const checkboxStyles = tv({
       card: {
         root: [
           focusRing(),
-          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
+          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors",
         ],
       },
     },
@@ -58,8 +58,8 @@ const Checkbox = ({ children, ...props }: CheckboxProps) => {
     <CheckboxRoot {...props}>
       {composeRenderProps(children, (children) => (
         <>
-          <span>{children}</span>
           <CheckboxIndicator />
+          {children}
         </>
       ))}
     </CheckboxRoot>
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index d80ebc531..59bfa48a1 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -216,13 +216,6 @@ export const Index: Record<string, any> = {
       files: ["demos/checkbox-group/composition.tsx"],
       component: React.lazy(() => import("@/demos/checkbox-group/composition")),
     },
-    "checkbox-group-contextual-help": {
-      name: "checkbox-group-contextual-help",
-      files: ["demos/checkbox-group/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/checkbox-group/contextual-help")
-      ),
-    },
     "checkbox-group-controlled": {
       name: "checkbox-group-controlled",
       files: ["demos/checkbox-group/controlled.tsx"],
@@ -347,13 +340,6 @@ export const Index: Record<string, any> = {
       files: ["demos/color-field/composition.tsx"],
       component: React.lazy(() => import("@/demos/color-field/composition")),
     },
-    "color-field-contextual-help": {
-      name: "color-field-contextual-help",
-      files: ["demos/color-field/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/color-field/contextual-help")
-      ),
-    },
     "color-field-controlled": {
       name: "color-field-controlled",
       files: ["demos/color-field/controlled.tsx"],
@@ -389,11 +375,6 @@ export const Index: Record<string, any> = {
       files: ["demos/color-field/label.tsx"],
       component: React.lazy(() => import("@/demos/color-field/label")),
     },
-    "color-field-loading": {
-      name: "color-field-loading",
-      files: ["demos/color-field/loading.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/loading")),
-    },
     "color-field-prefix-and-suffix": {
       name: "color-field-prefix-and-suffix",
       files: ["demos/color-field/prefix-and-suffix.tsx"],
@@ -506,11 +487,6 @@ export const Index: Record<string, any> = {
       files: ["demos/combobox/composition.tsx"],
       component: React.lazy(() => import("@/demos/combobox/composition")),
     },
-    "combobox-contextual-help": {
-      name: "combobox-contextual-help",
-      files: ["demos/combobox/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/contextual-help")),
-    },
     "combobox-controlled": {
       name: "combobox-controlled",
       files: ["demos/combobox/controlled.tsx"],
@@ -566,11 +542,6 @@ export const Index: Record<string, any> = {
       files: ["demos/date-field/composition.tsx"],
       component: React.lazy(() => import("@/demos/date-field/composition")),
     },
-    "date-field-contextual-help": {
-      name: "date-field-contextual-help",
-      files: ["demos/date-field/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/contextual-help")),
-    },
     "date-field-controlled": {
       name: "date-field-controlled",
       files: ["demos/date-field/controlled.tsx"],
@@ -616,11 +587,6 @@ export const Index: Record<string, any> = {
       files: ["demos/date-field/label.tsx"],
       component: React.lazy(() => import("@/demos/date-field/label")),
     },
-    "date-field-loading": {
-      name: "date-field-loading",
-      files: ["demos/date-field/loading.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/loading")),
-    },
     "date-field-placeholder": {
       name: "date-field-placeholder",
       files: ["demos/date-field/placeholder.tsx"],
@@ -663,13 +629,6 @@ export const Index: Record<string, any> = {
       files: ["demos/date-picker/composition.tsx"],
       component: React.lazy(() => import("@/demos/date-picker/composition")),
     },
-    "date-picker-contextual-help": {
-      name: "date-picker-contextual-help",
-      files: ["demos/date-picker/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-picker/contextual-help")
-      ),
-    },
     "date-picker-controlled": {
       name: "date-picker-controlled",
       files: ["demos/date-picker/controlled.tsx"],
@@ -715,11 +674,6 @@ export const Index: Record<string, any> = {
       files: ["demos/date-picker/label.tsx"],
       component: React.lazy(() => import("@/demos/date-picker/label")),
     },
-    "date-picker-loading": {
-      name: "date-picker-loading",
-      files: ["demos/date-picker/loading.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/loading")),
-    },
     "date-picker-placeholder": {
       name: "date-picker-placeholder",
       files: ["demos/date-picker/placeholder.tsx"],
@@ -762,13 +716,6 @@ export const Index: Record<string, any> = {
         () => import("@/demos/date-range-picker/composition")
       ),
     },
-    "date-range-picker-contextual-help": {
-      name: "date-range-picker-contextual-help",
-      files: ["demos/date-range-picker/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/contextual-help")
-      ),
-    },
     "date-range-picker-controlled": {
       name: "date-range-picker-controlled",
       files: ["demos/date-range-picker/controlled.tsx"],
@@ -826,11 +773,6 @@ export const Index: Record<string, any> = {
       files: ["demos/date-range-picker/label.tsx"],
       component: React.lazy(() => import("@/demos/date-range-picker/label")),
     },
-    "date-range-picker-loading": {
-      name: "date-range-picker-loading",
-      files: ["demos/date-range-picker/loading.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/loading")),
-    },
     "date-range-picker-placeholder": {
       name: "date-range-picker-placeholder",
       files: ["demos/date-range-picker/placeholder.tsx"],
@@ -1219,13 +1161,6 @@ export const Index: Record<string, any> = {
       files: ["demos/number-field/composition.tsx"],
       component: React.lazy(() => import("@/demos/number-field/composition")),
     },
-    "number-field-contextual-help": {
-      name: "number-field-contextual-help",
-      files: ["demos/number-field/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/number-field/contextual-help")
-      ),
-    },
     "number-field-controlled": {
       name: "number-field-controlled",
       files: ["demos/number-field/controlled.tsx"],
@@ -1370,13 +1305,6 @@ export const Index: Record<string, any> = {
       files: ["demos/radio-group/composition.tsx"],
       component: React.lazy(() => import("@/demos/radio-group/composition")),
     },
-    "radio-group-contextual-help": {
-      name: "radio-group-contextual-help",
-      files: ["demos/radio-group/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/radio-group/contextual-help")
-      ),
-    },
     "radio-group-controlled": {
       name: "radio-group-controlled",
       files: ["demos/radio-group/controlled.tsx"],
@@ -1509,13 +1437,6 @@ export const Index: Record<string, any> = {
       files: ["demos/search-field/composition.tsx"],
       component: React.lazy(() => import("@/demos/search-field/composition")),
     },
-    "search-field-contextual-help": {
-      name: "search-field-contextual-help",
-      files: ["demos/search-field/contextual-help.tsx"],
-      component: React.lazy(
-        () => import("@/demos/search-field/contextual-help")
-      ),
-    },
     "search-field-controlled": {
       name: "search-field-controlled",
       files: ["demos/search-field/controlled.tsx"],
@@ -1551,11 +1472,6 @@ export const Index: Record<string, any> = {
       files: ["demos/search-field/label.tsx"],
       component: React.lazy(() => import("@/demos/search-field/label")),
     },
-    "search-field-loading": {
-      name: "search-field-loading",
-      files: ["demos/search-field/loading.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/loading")),
-    },
     "search-field-prefix-and-suffix": {
       name: "search-field-prefix-and-suffix",
       files: ["demos/search-field/prefix-and-suffix.tsx"],
@@ -1598,11 +1514,6 @@ export const Index: Record<string, any> = {
       files: ["demos/select/composition.tsx"],
       component: React.lazy(() => import("@/demos/select/composition")),
     },
-    "select-contextual-help": {
-      name: "select-contextual-help",
-      files: ["demos/select/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/select/contextual-help")),
-    },
     "select-controlled": {
       name: "select-controlled",
       files: ["demos/select/controlled.tsx"],
@@ -1695,13 +1606,6 @@ export const Index: Record<string, any> = {
       files: ["demos/skeleton/show.tsx"],
       component: React.lazy(() => import("@/demos/skeleton/show")),
     },
-    "slider-advanced-composition": {
-      name: "slider-advanced-composition",
-      files: ["demos/slider/advanced-composition.tsx"],
-      component: React.lazy(
-        () => import("@/demos/slider/advanced-composition")
-      ),
-    },
     "slider-composition": {
       name: "slider-composition",
       files: ["demos/slider/composition.tsx"],
@@ -1802,6 +1706,16 @@ export const Index: Record<string, any> = {
       files: ["demos/switch/uncontrolled.tsx"],
       component: React.lazy(() => import("@/demos/switch/uncontrolled")),
     },
+    "switch-card": {
+      name: "switch-card",
+      files: ["demos/switch/card.tsx"],
+      component: React.lazy(() => import("@/demos/switch/card")),
+    },
+    "switch-composition": {
+      name: "switch-composition",
+      files: ["demos/switch/composition.tsx"],
+      component: React.lazy(() => import("@/demos/switch/composition")),
+    },
     "tabs-basic": {
       name: "tabs-basic",
       files: ["demos/tabs/basic.tsx"],
@@ -1837,11 +1751,6 @@ export const Index: Record<string, any> = {
       files: ["demos/text-area/composition.tsx"],
       component: React.lazy(() => import("@/demos/text-area/composition")),
     },
-    "text-area-contextual-help": {
-      name: "text-area-contextual-help",
-      files: ["demos/text-area/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/contextual-help")),
-    },
     "text-area-controlled": {
       name: "text-area-controlled",
       files: ["demos/text-area/controlled.tsx"],
@@ -1877,11 +1786,6 @@ export const Index: Record<string, any> = {
       files: ["demos/text-area/label.tsx"],
       component: React.lazy(() => import("@/demos/text-area/label")),
     },
-    "text-area-loading": {
-      name: "text-area-loading",
-      files: ["demos/text-area/loading.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/loading")),
-    },
     "text-area-prefix-and-suffix": {
       name: "text-area-prefix-and-suffix",
       files: ["demos/text-area/prefix-and-suffix.tsx"],
@@ -1909,11 +1813,6 @@ export const Index: Record<string, any> = {
       files: ["demos/text-field/composition.tsx"],
       component: React.lazy(() => import("@/demos/text-field/composition")),
     },
-    "text-field-contextual-help": {
-      name: "text-field-contextual-help",
-      files: ["demos/text-field/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/contextual-help")),
-    },
     "text-field-controlled": {
       name: "text-field-controlled",
       files: ["demos/text-field/controlled.tsx"],
@@ -1944,11 +1843,6 @@ export const Index: Record<string, any> = {
       files: ["demos/text-field/label.tsx"],
       component: React.lazy(() => import("@/demos/text-field/label")),
     },
-    "text-field-loading": {
-      name: "text-field-loading",
-      files: ["demos/text-field/loading.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/loading")),
-    },
     "text-field-prefix-and-suffix": {
       name: "text-field-prefix-and-suffix",
       files: ["demos/text-field/prefix-and-suffix.tsx"],
@@ -1981,11 +1875,6 @@ export const Index: Record<string, any> = {
       files: ["demos/time-field/composition.tsx"],
       component: React.lazy(() => import("@/demos/time-field/composition")),
     },
-    "time-field-contextual-help": {
-      name: "time-field-contextual-help",
-      files: ["demos/time-field/contextual-help.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/contextual-help")),
-    },
     "time-field-controlled": {
       name: "time-field-controlled",
       files: ["demos/time-field/controlled.tsx"],
@@ -2031,11 +1920,6 @@ export const Index: Record<string, any> = {
       files: ["demos/time-field/label.tsx"],
       component: React.lazy(() => import("@/demos/time-field/label")),
     },
-    "time-field-loading": {
-      name: "time-field-loading",
-      files: ["demos/time-field/loading.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/loading")),
-    },
     "time-field-placeholder": {
       name: "time-field-placeholder",
       files: ["demos/time-field/placeholder.tsx"],
@@ -2200,5 +2084,15 @@ export const Index: Record<string, any> = {
       files: ["demos/form/react-hook-form.tsx"],
       component: React.lazy(() => import("@/demos/form/react-hook-form")),
     },
+    "command-basic": {
+      name: "command-basic",
+      files: ["demos/command/basic.tsx"],
+      component: React.lazy(() => import("@/demos/command/basic")),
+    },
+    "command-dialog": {
+      name: "command-dialog",
+      files: ["demos/command/dialog.tsx"],
+      component: React.lazy(() => import("@/demos/command/dialog")),
+    },
   },
 };
diff --git a/www/src/app/(app)/themes/components/focus-style.tsx b/www/src/app/(app)/themes/components/focus-style.tsx
index bdc81cc88..e1b3b51fb 100644
--- a/www/src/app/(app)/themes/components/focus-style.tsx
+++ b/www/src/app/(app)/themes/components/focus-style.tsx
@@ -6,7 +6,7 @@ import { useThemes } from "@/hooks/use-themes";
 import { Button } from "@/components/dynamic-core/button";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { ThemeOverride } from "@/components/theme-override";
-import { Radio, RadioGroup } from "@/registry/core/radio-group";
+import { Radio, RadioGroup } from "@/registry/core/radio-group_basic";
 
 const variants = [
   {
diff --git a/www/src/app/(app)/themes/components/loader-style.tsx b/www/src/app/(app)/themes/components/loader-style.tsx
index 52362daab..1431b75dc 100644
--- a/www/src/app/(app)/themes/components/loader-style.tsx
+++ b/www/src/app/(app)/themes/components/loader-style.tsx
@@ -10,7 +10,7 @@ import { Loader as LineSpinner } from "@/registry/core/loader-line-spinner";
 import { Loader as Ring } from "@/registry/core/loader-ring";
 import { Loader as Tailspin } from "@/registry/core/loader-tailspin";
 import { Loader as Wave } from "@/registry/core/loader-wave";
-import { Radio, RadioGroup } from "@/registry/core/radio-group";
+import { Radio, RadioGroup } from "@/registry/core/radio-group_basic";
 
 const variants = [
   {
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index dbc7a41c0..6b13101bb 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -3,7 +3,6 @@ import type { Metadata, Viewport } from "next";
 import { Analytics } from "@vercel/analytics/react";
 import { cn } from "@/lib/cn";
 import { truncateOnWord } from "@/lib/string";
-import { ThemeOverride } from "@/components/theme-override";
 import { fontMono, fontSans, josefinSans } from "@/styles/fonts";
 import "@/styles/globals.css";
 import { siteConfig } from "@/config";
diff --git a/www/src/components/core/checkbox-group.tsx b/www/src/components/core/checkbox-group.tsx
index baff293c5..8bf721881 100644
--- a/www/src/components/core/checkbox-group.tsx
+++ b/www/src/components/core/checkbox-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox-group";
+export * from "@/registry/core/checkbox-group_basic";
diff --git a/www/src/components/core/radio-group.tsx b/www/src/components/core/radio-group.tsx
index 72819ea6c..f1ab0475c 100644
--- a/www/src/components/core/radio-group.tsx
+++ b/www/src/components/core/radio-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/radio-group";
+export * from "@/registry/core/radio-group_basic";
diff --git a/www/src/components/core/slider.tsx b/www/src/components/core/slider.tsx
index 9c2b03a26..389c1b517 100644
--- a/www/src/components/core/slider.tsx
+++ b/www/src/components/core/slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/slider";
+export * from "@/registry/core/slider_basic";
diff --git a/www/src/components/core/switch.tsx b/www/src/components/core/switch.tsx
index ec98f7aca..e69f607e5 100644
--- a/www/src/components/core/switch.tsx
+++ b/www/src/components/core/switch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/switch";
+export * from "@/registry/core/switch_basic";
diff --git a/www/src/components/dynamic-core/checkbox-group.tsx b/www/src/components/dynamic-core/checkbox-group.tsx
index ae8e630aa..cb96f7c64 100644
--- a/www/src/components/dynamic-core/checkbox-group.tsx
+++ b/www/src/components/dynamic-core/checkbox-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/checkbox-group";
+export * from "@/registry/core/checkbox-group_basic";
diff --git a/www/src/components/dynamic-core/command.tsx b/www/src/components/dynamic-core/command.tsx
new file mode 100644
index 000000000..ba7232c5b
--- /dev/null
+++ b/www/src/components/dynamic-core/command.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/command"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/radio-group.tsx b/www/src/components/dynamic-core/radio-group.tsx
index 335b40c43..5f77728d5 100644
--- a/www/src/components/dynamic-core/radio-group.tsx
+++ b/www/src/components/dynamic-core/radio-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/radio-group";
+export * from "@/registry/core/radio-group_basic";
diff --git a/www/src/components/dynamic-core/slider.tsx b/www/src/components/dynamic-core/slider.tsx
index 6af6879f5..88868dece 100644
--- a/www/src/components/dynamic-core/slider.tsx
+++ b/www/src/components/dynamic-core/slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/slider";
+export * from "@/registry/core/slider_basic";
diff --git a/www/src/components/dynamic-core/switch.tsx b/www/src/components/dynamic-core/switch.tsx
index e5acd1c5a..47eab229f 100644
--- a/www/src/components/dynamic-core/switch.tsx
+++ b/www/src/components/dynamic-core/switch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/switch";
+export * from "@/registry/core/switch_basic";
diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
new file mode 100644
index 000000000..a2797df8a
--- /dev/null
+++ b/www/src/components/search-command-client.tsx
@@ -0,0 +1,97 @@
+"use client";
+
+import React from "react";
+import {
+  ChevronsUpDownIcon,
+  CornerDownLeftIcon,
+  FileTextIcon,
+  HashIcon,
+  SearchIcon,
+  XIcon,
+} from "lucide-react";
+import { useFilter } from "react-aria-components";
+import { Button } from "@/components/core/button";
+import { MenuContent, MenuItem } from "@/components/core/menu";
+import { SearchField, SearchFieldRoot } from "@/components/core/search-field";
+import { Section } from "@/components/core/section";
+import { Command } from "@/registry/core/command";
+import { Input, InputRoot } from "@/registry/core/input_new";
+
+interface Heading {
+  id: string;
+  content: string;
+}
+
+interface Page {
+  id: string;
+  title: string;
+  headings: Heading[];
+  url: string;
+}
+
+interface SearchCommandClientProps {
+  items: {
+    title: string;
+    items: Page[];
+  }[];
+}
+
+export function SearchCommandClient({ items }: SearchCommandClientProps) {
+  const { contains } = useFilter({ sensitivity: "base" });
+  const [inputValue, setInputValue] = React.useState("");
+  return (
+    <Command
+      filter={contains}
+      inputValue={inputValue}
+      onInputChange={setInputValue}
+      className="h-72"
+    >
+      <div className="p-1 pb-0">
+        <SearchFieldRoot placeholder="Search" autoFocus className="w-full">
+          <InputRoot className="focus-within:ring-1">
+            <SearchIcon />
+            <Input />
+          </InputRoot>
+        </SearchFieldRoot>
+      </div>
+      <MenuContent items={items} className="h-full overflow-y-scroll">
+        {items.map((category, categoryIndex) => (
+          <Section key={categoryIndex} title={category.title}>
+            {category.items.map((page) => (
+              <React.Fragment key={page.id}>
+                <MenuItem href={page.url} textValue={page.title} prefix={<FileTextIcon />} className="py-2">
+                  {page.title}
+                </MenuItem>
+                {/* {inputValue !== "" && (
+                  <React.Fragment>
+                    {page.headings.map((heading) => (
+                      <MenuItem
+                        key={heading.id}
+                        href={`${page.url}#${heading.id}`}
+                        textValue={heading.content}
+                        prefix={<HashIcon />}
+                        className="pl-6"
+                      >
+                        {heading.content}
+                      </MenuItem>
+                    ))}
+                  </React.Fragment>
+                )} */}
+              </React.Fragment>
+            ))}
+          </Section>
+        ))}
+      </MenuContent>
+      <div className="text-fg-muted flex items-center justify-end gap-4 rounded-b-[inherit] border-t p-3 text-xs [&_svg]:size-4">
+        <div className="flex items-center gap-1">
+          <ChevronsUpDownIcon />
+          <span>Navigate</span>
+        </div>
+        <div className="flex items-center gap-1">
+          <CornerDownLeftIcon />
+          <span>Go</span>
+        </div>
+      </div>
+    </Command>
+  );
+}
diff --git a/www/src/components/search-command.tsx b/www/src/components/search-command.tsx
index 5fd8349f5..80970eab7 100644
--- a/www/src/components/search-command.tsx
+++ b/www/src/components/search-command.tsx
@@ -1,185 +1,36 @@
-"use client";
-
-import React from "react";
-import { useRouter } from "next/navigation";
-import { useDocsSearch } from "fumadocs-core/search/client";
 import { SortedResult } from "fumadocs-core/server";
-import {
-  ChevronsUpDownIcon,
-  CornerDownLeftIcon,
-  FileTextIcon,
-  HashIcon,
-  Loader2Icon,
-  SearchIcon,
-  TextIcon,
-} from "lucide-react";
-import { cn } from "@/lib/cn";
 import { kekabCaseToTitle } from "@/lib/string";
-import { useCommandMenuInputRef } from "@/hooks/use-focus-command-menu";
-import {
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  CommandRoot,
-  CommandSeparator,
-  type CommandRootProps,
-} from "@/components/core/command";
-import { searchConfig } from "@/config";
-
-export const SearchCommand = ({
-  className,
-  animated,
-  onRunCommand,
-  context,
-  ...props
-}: CommandRootProps & {
-  animated?: boolean;
-  context?: boolean;
-  onRunCommand?: () => void;
-}) => {
-  const { search, setSearch, query } = useDocsSearch({ type: "fetch" });
-  const router = useRouter();
-
-  const results =
-    search === "" || query.data === "empty"
-      ? [
-          {
-            id: "suggestions",
-            name: "Suggestions",
-            results: searchConfig.defaultResults.map((elem) => ({
-              id: elem.href,
-              content: elem.name,
-              url: elem.href,
-              type: "page",
-            })),
-          },
-        ]
-      : groupByCategory(query.data);
-
-  const runCommand = React.useCallback(
-    (command: () => unknown) => {
-      onRunCommand?.();
-      command();
-    },
-    [onRunCommand]
-  );
+import { source } from "@/app/source";
+import { SearchCommandClient } from "./search-command-client";
+
+const additionalPages = [
+  {
+    id: "themes",
+    title: "Themes",
+    headings: [],
+    url: "/themes",
+  },
+];
+
+export function SearchCommand() {
+  const pages = [
+    ...source.getPages().map((page) => ({
+      id: page.url,
+      title: page.data.title,
+      headings: page.data.structuredData.headings,
+      url: page.url,
+    })),
+    ...additionalPages,
+  ];
 
-  const inputRef = React.useRef<HTMLInputElement>(null);
-  const { setInputRef } = useCommandMenuInputRef();
-
-  React.useEffect(() => {
-    if (context && inputRef.current) setInputRef(inputRef);
-  }, [context, setInputRef]);
-
-  return (
-    <CommandRoot
-      shouldFilter={false}
-      loop
-      className={cn(
-        animated && [
-          "relative overflow-visible rounded-lg shadow-md",
-          "after:animate-shine relative after:absolute after:-inset-px after:z-[-1] after:rounded-[inherit] after:bg-[linear-gradient(to_right,#343434_20%,#343434_40%,#707070_50%,#707070_55%,#343434_70%,#343434_100%)] after:bg-[250%_auto] after:content-['']",
-          // we fake border
-          "before:bg-border before:absolute before:-inset-px before:z-[-1] before:rounded-[inherit] before:content-['']",
-        ],
-        className
-      )}
-      {...props}
-    >
-      <CommandInput
-        ref={context ? inputRef : undefined}
-        value={search}
-        onValueChange={setSearch}
-        autoFocus
-        placeholder="Search a component, a block, a hook..."
-        icon={
-          query.isLoading ? (
-            <Loader2Icon className="animate-spin" />
-          ) : (
-            <SearchIcon />
-          )
-        }
-        wrapperClassName={cn(
-          "[&_svg]:text-fg-muted [&_svg]:size-4",
-          animated && "border-b-0"
-        )}
-      />
-      {animated && (
-        <CommandSeparator className="before:opacity-1 before:animate-loading before:delay-900 relative h-[2px] overflow-hidden before:absolute before:left-0 before:top-0 before:h-full before:w-1/2 before:bg-[linear-gradient(90deg,rgba(0,0,0,0)_0,#707070_50%,rgba(0,0,0,0)_100%)] before:opacity-0 before:content-['']" />
-      )}
-      <CommandList>
-        {query.data !== "empty" && (
-          <CommandEmpty>No results found</CommandEmpty>
-        )}
-        {results.map((group) => (
-          <CommandGroup key={group.id} heading={group.name}>
-            {group.results.map((item) => (
-              <CommandItem
-                key={item.id}
-                value={item.id}
-                onSelect={() => {
-                  runCommand(() => router.push(item.url));
-                }}
-                className="text-fg"
-              >
-                <div
-                  className={cn(
-                    "flex min-h-10 w-full flex-row items-center gap-3",
-                    item.type !== "page" && "ms-2 gap-2 border-s ps-4"
-                  )}
-                >
-                  <div className="text-fg-muted [&_svg]:size-4">
-                    {icons[item.type as keyof typeof icons]}
-                  </div>
-                  <p className="w-0 flex-1 truncate">{item.content}</p>
-                </div>
-              </CommandItem>
-            ))}
-          </CommandGroup>
-        ))}
-      </CommandList>
-      {!animated && (
-        <div className="text-fg-muted flex items-center justify-end gap-4 rounded-b-[inherit] border-t p-3 text-xs [&_svg]:size-4">
-          <div className="flex items-center gap-1">
-            <ChevronsUpDownIcon />
-            <span>Navigate</span>
-          </div>
-          <div className="flex items-center gap-1">
-            <CornerDownLeftIcon />
-            <span>Go</span>
-          </div>
-        </div>
-      )}
-    </CommandRoot>
-  );
-};
-
-type GroupedResults = {
-  id: string;
-  name: string;
-  results: SortedResult[];
-}[];
-const groupByCategory = (results?: SortedResult[]): GroupedResults => {
-  // We will get the category from the url and group the results by category
-  // eg url: /docs/components/buttons/button -> category: components
-  if (!results) return [];
   const uniqueCategories = Array.from(
-    new Set(results.map((result) => result.url.split("/")[2]))
-  );
+    new Set(pages.map((item) => item.url.split("/")[2]))
+  ).filter(Boolean)
 
-  const groupedResults: GroupedResults = uniqueCategories.map((category) => ({
-    id: category,
-    name: kekabCaseToTitle(category),
-    results: results.filter((result) => result.url.split("/")[2] === category),
+  const items = uniqueCategories.map((category) => ({
+    title: kekabCaseToTitle(category),
+    items: pages.filter((item) => item.url.split("/")[2] === category),
   }));
 
-  return groupedResults;
-};
-
-const icons = {
-  text: <TextIcon />,
-  heading: <HashIcon />,
-  page: <FileTextIcon />,
-};
+  return <SearchCommandClient items={items} />;
+}
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index f9bbadbc7..53d4c05dd 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -16,7 +16,6 @@ import {
 import { motion, Transition } from "motion/react";
 import { cn } from "@/lib/cn";
 import { hasActive, isActive } from "@/lib/docs/utils";
-import { useCommandMenuInputRef } from "@/hooks/use-focus-command-menu";
 import { Avatar } from "@/components/core/avatar";
 import { Button, ButtonProps } from "@/components/core/button";
 import {
@@ -26,7 +25,6 @@ import {
 } from "@/components/core/collapsible";
 import { Dialog, DialogRoot } from "@/components/core/dialog";
 import { Kbd } from "@/components/core/kbd";
-// import { DismissButton } from "@/components/core/overlay";
 import { ScrollArea } from "@/components/core/scroll-area";
 import { Tooltip, TooltipProps } from "@/components/core/tooltip";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
@@ -34,8 +32,6 @@ import { siteConfig } from "@/config";
 import { SearchCommand } from "./search-command";
 import { ThemeSwitcher } from "./theme-switcher";
 
-const MotionButton = motion.create(Button);
-
 export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
   const pathname = usePathname();
   const shouldInitialCollapse = !!(pathname === "/" || pathname === "/themes");
@@ -274,14 +270,14 @@ const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
           onRunCommand={() => setIsOpen(false)}
           className="h-72 max-h-full rounded-lg"
         />
-        {/* <DismissButton
+        <Button
           variant="outline"
           shape="rectangle"
           size="sm"
-          className="h-7 px-2 text-xs font-normal"
+          className="h-7 px-2 text-xs font-normal absolute top-[13px] right-3"
         >
           Esc
-        </DismissButton> */}
+        </Button>
       </Dialog>
     </DialogRoot>
   );
diff --git a/www/src/demos/checkbox-group/cards.tsx b/www/src/demos/checkbox-group/cards.tsx
index aaaeaab97..e04c8f802 100644
--- a/www/src/demos/checkbox-group/cards.tsx
+++ b/www/src/demos/checkbox-group/cards.tsx
@@ -7,6 +7,7 @@ export default function Demo() {
       label="React frameworks"
       defaultValue={["nextjs"]}
       variant="card"
+      className="w-52"
     >
       <Checkbox value="nextjs">Next.js</Checkbox>
       <Checkbox value="remix">Remix</Checkbox>
diff --git a/www/src/demos/command/basic.tsx b/www/src/demos/command/basic.tsx
new file mode 100644
index 000000000..b438af24d
--- /dev/null
+++ b/www/src/demos/command/basic.tsx
@@ -0,0 +1,25 @@
+"use client";
+
+import { useFilter } from "react-aria-components";
+import { Command } from "@/components/dynamic-core/command";
+import { MenuContent, MenuItem } from "@/components/dynamic-core/menu";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export default function Demo() {
+  const { contains } = useFilter({ sensitivity: "base" });
+  return (
+    <Command filter={contains}>
+      <SearchField placeholder="Search commands..." />
+      <MenuContent className="min-h-48">
+        <MenuItem textValue="Create new file">Create new file...</MenuItem>
+        <MenuItem textValue="Create new folder">Create new folder...</MenuItem>
+        <MenuItem textValue="Assign to">Assign to...</MenuItem>
+        <MenuItem textValue="Assign to me">Assign to me</MenuItem>
+        <MenuItem textValue="Change status">Change status...</MenuItem>
+        <MenuItem textValue="Change priority">Change priority...</MenuItem>
+        <MenuItem textValue="Add label">Add label...</MenuItem>
+        <MenuItem textValue="Remove label">Remove label...</MenuItem>
+      </MenuContent>
+    </Command>
+  );
+}
diff --git a/www/src/demos/command/dialog.tsx b/www/src/demos/command/dialog.tsx
new file mode 100644
index 000000000..397ba5509
--- /dev/null
+++ b/www/src/demos/command/dialog.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { useFilter } from "react-aria-components";
+import { Command } from "@/components/dynamic-core/command";
+import { MenuContent, MenuItem } from "@/components/dynamic-core/menu";
+import { SearchField } from "@/components/dynamic-core/search-field";
+import { Button } from "@/registry/core/button-01";
+import { Dialog, DialogRoot } from "@/registry/core/dialog";
+
+export default function Demo() {
+  const { contains } = useFilter({ sensitivity: "base" });
+  return (
+    <DialogRoot>
+      <Button>Open Dialog</Button>
+      <Dialog className="p-0">
+        <Command filter={contains} className="h-72 w-full">
+          <div className="p-2">
+            <SearchField
+              placeholder="Search commands..."
+              size="lg"
+              autoFocus
+              className="w-full"
+            />
+          </div>
+          <MenuContent className="overflow-y-scroll">
+            <MenuItem textValue="Create new file">Create new file...</MenuItem>
+            <MenuItem textValue="Create new folder">
+              Create new folder...
+            </MenuItem>
+            <MenuItem textValue="Assign to">Assign to...</MenuItem>
+            <MenuItem textValue="Assign to me">Assign to me</MenuItem>
+            <MenuItem textValue="Change status">Change status...</MenuItem>
+            <MenuItem textValue="Change priority">Change priority...</MenuItem>
+            <MenuItem textValue="Add label">Add label...</MenuItem>
+            <MenuItem textValue="Remove label">Remove label...</MenuItem>
+          </MenuContent>
+        </Command>
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index b15ed329a..56765dfa6 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -97,7 +97,6 @@ export const demos: RegistryDemos = [
     "error-message",
     "form",
     "label",
-    "loading",
     "prefix-and-suffix",
     "read-only",
     "required",
@@ -149,7 +148,6 @@ export const demos: RegistryDemos = [
     "hide-time-zone",
     "hour-cycle",
     "label",
-    "loading",
     "placeholder",
     "prefix-and-suffix",
     "read-only",
@@ -169,7 +167,6 @@ export const demos: RegistryDemos = [
     "hide-time-zone",
     "hour-cycle",
     "label",
-    "loading",
     "placeholder",
     "prefix",
     "read-only",
@@ -189,7 +186,6 @@ export const demos: RegistryDemos = [
     "hide-time-zone",
     "hour-cycle",
     "label",
-    "loading",
     "placeholder",
     "prefix",
     "read-only",
@@ -335,7 +331,6 @@ export const demos: RegistryDemos = [
     "error-message",
     "form",
     "label",
-    "loading",
     "prefix-and-suffix",
     "read-only",
     "required",
@@ -367,7 +362,6 @@ export const demos: RegistryDemos = [
     "show",
   ]),
   ...buildDemos("slider", [
-    "advanced-composition",
     "composition",
     "controlled",
     "default",
@@ -390,6 +384,8 @@ export const demos: RegistryDemos = [
     "label",
     "sizes",
     "uncontrolled",
+    "card",
+    "composition",
   ]),
   ...buildDemos("tabs", [
     "basic",
@@ -408,7 +404,6 @@ export const demos: RegistryDemos = [
     "error-message",
     "form",
     "label",
-    "loading",
     "prefix-and-suffix",
     "read-only",
     "required",
@@ -422,7 +417,6 @@ export const demos: RegistryDemos = [
     "disabled",
     "error-message",
     "label",
-    "loading",
     "prefix-and-suffix",
     "read-only",
     "required",
@@ -440,7 +434,6 @@ export const demos: RegistryDemos = [
     "hide-time-zone",
     "hour-cycle",
     "label",
-    "loading",
     "placeholder",
     "prefix-and-suffix",
     "read-only",
@@ -476,4 +469,5 @@ export const demos: RegistryDemos = [
   ...buildDemos("disclosure", ["default"]),
   ...buildDemos("disclosure-group", ["default"]),
   ...buildDemos("form", ["basic", "react-aria", "react-hook-form"]),
+  ...buildDemos("command", ["basic", "dialog"]),
 ];
diff --git a/www/src/demos/slider/advanced-composition.tsx b/www/src/demos/slider/advanced-composition.tsx
deleted file mode 100644
index 6b4cdb097..000000000
--- a/www/src/demos/slider/advanced-composition.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Volume1Icon, Volume2Icon } from "lucide-react";
-import { Label, Description } from "@/components/dynamic-core/field";
-import {
-  SliderFiller,
-  SliderRoot,
-  SliderThumb,
-  SliderTrack,
-  SliderValueLabel,
-} from "@/components/dynamic-core/slider";
-
-export default function Demo() {
-  return (
-    <SliderRoot defaultValue={50}>
-      <div className="flex items-center justify-between">
-        <Label>Volume</Label>
-        <SliderValueLabel />
-      </div>
-      <div className="flex items-center gap-2">
-        <Volume1Icon />
-        <SliderTrack>
-          <SliderFiller />
-          <SliderThumb />
-        </SliderTrack>
-        <Volume2Icon />
-      </div>
-      <Description>Adjust the volume.</Description>
-    </SliderRoot>
-  );
-}
diff --git a/www/src/demos/slider/composition.tsx b/www/src/demos/slider/composition.tsx
index f4b27f782..6b4cdb097 100644
--- a/www/src/demos/slider/composition.tsx
+++ b/www/src/demos/slider/composition.tsx
@@ -1,7 +1,10 @@
-import { Description, Label } from "@/components/dynamic-core/field";
+import { Volume1Icon, Volume2Icon } from "lucide-react";
+import { Label, Description } from "@/components/dynamic-core/field";
 import {
-  SliderControls,
+  SliderFiller,
   SliderRoot,
+  SliderThumb,
+  SliderTrack,
   SliderValueLabel,
 } from "@/components/dynamic-core/slider";
 
@@ -12,7 +15,14 @@ export default function Demo() {
         <Label>Volume</Label>
         <SliderValueLabel />
       </div>
-      <SliderControls />
+      <div className="flex items-center gap-2">
+        <Volume1Icon />
+        <SliderTrack>
+          <SliderFiller />
+          <SliderThumb />
+        </SliderTrack>
+        <Volume2Icon />
+      </div>
       <Description>Adjust the volume.</Description>
     </SliderRoot>
   );
diff --git a/www/src/demos/slider/sizes.tsx b/www/src/demos/slider/sizes.tsx
index c3a740287..cb313a956 100644
--- a/www/src/demos/slider/sizes.tsx
+++ b/www/src/demos/slider/sizes.tsx
@@ -3,9 +3,9 @@ import { Slider } from "@/components/dynamic-core/slider";
 export default function Demo() {
   return (
     <div className="space-y-4">
-      <Slider aria-label="Opacity" defaultValue={50} size="sm" />
-      <Slider aria-label="Opacity" defaultValue={50} size="md" />
-      <Slider aria-label="Opacity" defaultValue={50} size="lg" />
+      <Slider label="sm" defaultValue={50} size="sm" />
+      <Slider label="md" defaultValue={50} size="md" />
+      <Slider label="lg" defaultValue={50} size="lg" />
     </div>
   );
 }
diff --git a/www/src/demos/slider/value-scale.tsx b/www/src/demos/slider/value-scale.tsx
index 267ea9b49..f691a7b6f 100644
--- a/www/src/demos/slider/value-scale.tsx
+++ b/www/src/demos/slider/value-scale.tsx
@@ -3,11 +3,10 @@ import { Slider } from "@/components/dynamic-core/slider";
 export default function Demo() {
   return (
     <Slider
-      label="Cookies to buy"
+      label="Cookies to"
       minValue={1}
       maxValue={50}
       defaultValue={25}
-      valueLabel
     />
   );
 }
diff --git a/www/src/demos/switch/card.tsx b/www/src/demos/switch/card.tsx
new file mode 100644
index 000000000..c890a40b8
--- /dev/null
+++ b/www/src/demos/switch/card.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+import { Switch } from "@/components/dynamic-core/switch";
+
+export default function Demo() {
+  return <Switch variant="card">Focus mode</Switch>;
+}
diff --git a/www/src/demos/switch/composition.tsx b/www/src/demos/switch/composition.tsx
new file mode 100644
index 000000000..06453f5d2
--- /dev/null
+++ b/www/src/demos/switch/composition.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import {
+  SwitchIndicator,
+  SwitchRoot,
+  SwitchThumb,
+} from "@/components/dynamic-core/switch";
+
+export default function Demo() {
+  return (
+    <SwitchRoot>
+      <SwitchIndicator>
+        <SwitchThumb />
+      </SwitchIndicator>
+      <span>Focus mode</span>
+    </SwitchRoot>
+  );
+}
diff --git a/www/src/demos/text-area/composition.tsx b/www/src/demos/text-area/composition.tsx
index f1dc7ab62..355622837 100644
--- a/www/src/demos/text-area/composition.tsx
+++ b/www/src/demos/text-area/composition.tsx
@@ -1,16 +1,16 @@
 import React from "react";
 import { Description, Label } from "@/components/dynamic-core/field";
 import { TextAreaInput, InputRoot } from "@/components/dynamic-core/input";
-import { TextFieldRoot } from "@/components/dynamic-core/text-field";
+import { TextAreaRoot } from "@/components/dynamic-core/text-area";
 
 export default function Demo() {
   return (
-    <TextFieldRoot>
+    <TextAreaRoot>
       <Label>Comment</Label>
       <InputRoot multiline>
         <TextAreaInput />
       </InputRoot>
       <Description>Enter your comment.</Description>
-    </TextFieldRoot>
+    </TextAreaRoot>
   );
 }
diff --git a/www/src/demos/text-field/loading.tsx b/www/src/demos/text-field/loading.tsx
deleted file mode 100644
index 48fc5d47c..000000000
--- a/www/src/demos/text-field/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-2">
-      <TextField isLoading loaderPosition="prefix" />
-      <TextField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/registry/core/calendar copy 2.tsx b/www/src/registry/core/calendar copy 2.tsx
new file mode 100644
index 000000000..7a3499565
--- /dev/null
+++ b/www/src/registry/core/calendar copy 2.tsx	
@@ -0,0 +1,225 @@
+"use client";
+
+import * as React from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import {
+  composeRenderProps,
+  Calendar as AriaCalendar,
+  CalendarCell as AriaCalendarCell,
+  CalendarGrid as AriaCalendarGrid,
+  CalendarGridHeader as AriaCalendarGridHeader,
+  CalendarHeaderCell as AriaCalendarHeaderCell,
+  CalendarGridBody as AriaCalendarGridBody,
+  type CalendarProps as AriaCalendarProps,
+  type CalendarGridProps as AriaCalendarGridProps,
+  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
+  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
+  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
+  type CalendarCellProps as AriaCalendarCellProps,
+  type DateValue,
+  CalendarContext as AriaCalendarContext,
+  useSlottedContext,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Button } from "@/components/dynamic-core/button";
+import { buttonStyles } from "@/registry/core/button-01";
+import { Heading } from "@/registry/core/heading";
+import { Text } from "@/registry/core/text";
+
+const calendarStyles = tv({
+  slots: {
+    root: "",
+    header: "mb-4 flex items-center justify-between gap-2",
+    grid: "w-full border-collapse",
+    gridHeader: "mb-4",
+    gridHeaderCell: "text-fg-muted text-xs font-normal",
+    gridBody: "[&>tr>td]:p-0",
+    cell: "",
+  },
+  variants: {
+    standalone: {
+      true: {
+        root: "bg-bg rounded-md border p-3",
+      },
+      false: {
+        root: "rounded-[inherit]",
+      },
+    },
+    range: {
+      false: {
+        cell: [
+          buttonStyles({
+            variant: "quiet",
+            shape: "square",
+            size: "sm",
+          }),
+          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
+          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
+          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
+          "outside-month:hidden",
+        ],
+      },
+      true: {
+        cell: [
+          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
+          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
+          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
+          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
+          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
+          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
+          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
+          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
+          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
+          "outside-month:hidden",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    range: false,
+  },
+});
+
+interface CalendarProps<T extends DateValue>
+  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
+  visibleMonths?: number;
+  errorMessage?: string;
+}
+const Calendar = <T extends DateValue>({
+  errorMessage,
+  visibleMonths = 1,
+  ...props
+}: CalendarProps<T>) => {
+  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
+
+  return (
+    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+      {({ isInvalid }) => (
+        <>
+          <CalendarHeader>
+            <Button slot="previous" variant="outline" shape="square" size="sm">
+              <ChevronLeftIcon />
+            </Button>
+            <Heading className="text-sm" />
+            <Button slot="next" variant="outline" shape="square" size="sm">
+              <ChevronRightIcon />
+            </Button>
+          </CalendarHeader>
+          <div className="flex items-start gap-4">
+            {Array.from({ length: visibleMonths }).map((_, index) => (
+              <CalendarGrid
+                key={index}
+                offset={index === 0 ? undefined : { months: index }}
+              >
+                <CalendarGridHeader>
+                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+                </CalendarGridHeader>
+                <CalendarGridBody>
+                  {(date) => <CalendarCell date={date} />}
+                </CalendarGridBody>
+              </CalendarGrid>
+            ))}
+          </div>
+          {isInvalid && errorMessage && (
+            <Text slot="errorMessage">{errorMessage}</Text>
+          )}
+        </>
+      )}
+    </CalendarRoot>
+  );
+};
+
+type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
+const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
+  const CalendarContext = useSlottedContext(AriaCalendarContext);
+  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
+  const { root } = calendarStyles({ standalone });
+  return (
+    <AriaCalendar
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+    />
+  );
+};
+
+type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
+const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
+  const { header } = calendarStyles();
+  return <header className={header({ className })} {...props} />;
+};
+
+type CalendarGridProps = AriaCalendarGridProps;
+const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
+  const { grid } = calendarStyles();
+  return <AriaCalendarGrid className={grid({ className })} {...props} />;
+};
+
+type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
+const CalendarGridHeader = ({
+  className,
+  ...props
+}: CalendarGridHeaderProps) => {
+  const { gridHeader } = calendarStyles();
+  return (
+    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
+  );
+};
+
+type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
+const CalendarHeaderCell = ({
+  className,
+  ...props
+}: CalendarHeaderCellProps) => {
+  const { gridHeaderCell } = calendarStyles();
+  return (
+    <AriaCalendarHeaderCell
+      className={gridHeaderCell({ className })}
+      {...props}
+    />
+  );
+};
+
+type CalendarGridBodyProps = AriaCalendarGridBodyProps;
+const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
+  const { gridBody } = calendarStyles();
+  return (
+    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
+  );
+};
+
+type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
+const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
+  const { cell } = calendarStyles({ range });
+  return (
+    <AriaCalendarCell
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        cell({ className })
+      )}
+    />
+  );
+};
+
+export type {
+  CalendarProps,
+  CalendarRootProps,
+  CalendarGridProps,
+  CalendarGridHeaderProps,
+  CalendarHeaderCellProps,
+  CalendarGridBodyProps,
+  CalendarCellProps,
+};
+
+export {
+  Calendar,
+  CalendarRoot,
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+  calendarStyles,
+};
diff --git a/www/src/registry/core/calendar copy.tsx b/www/src/registry/core/calendar copy.tsx
new file mode 100644
index 000000000..b8f2270bf
--- /dev/null
+++ b/www/src/registry/core/calendar copy.tsx	
@@ -0,0 +1,2 @@
+"use client"
+
diff --git a/www/src/registry/core/checkbox-group.tsx b/www/src/registry/core/checkbox-group_basic.tsx
similarity index 67%
rename from www/src/registry/core/checkbox-group.tsx
rename to www/src/registry/core/checkbox-group_basic.tsx
index 5564f38ff..f7256d86c 100644
--- a/www/src/registry/core/checkbox-group.tsx
+++ b/www/src/registry/core/checkbox-group_basic.tsx
@@ -6,20 +6,16 @@ import {
   type ValidationResult,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { Label, Description, FieldError, HelpText } from "./field-01";
+import {
+  CheckboxProvider,
+  checkboxStyles,
+} from "@/registry/core/checkbox_basic";
+import { Label, HelpText } from "@/registry/core/field-01";
 
 const checkboxGroupStyles = tv({
-  slots: {
-    root: "grid gap-2",
-    wrapper: "grid gap-0.5",
-  },
-  defaultVariants: {
-    variant: "default",
-  },
+  base: "flex flex-col gap-2",
 });
 
-const { root, wrapper } = checkboxGroupStyles();
-
 interface CheckboxGroupProps extends CheckboxGroupRootProps {
   label?: string;
   description?: string;
@@ -38,7 +34,7 @@ const CheckboxGroup = ({
       {composeRenderProps(children, (children) => (
         <>
           {label && <Label>{label}</Label>}
-          <div className={wrapper()}>{children}</div>
+          {children}
           <HelpText description={description} errorMessage={errorMessage} />
         </>
       ))}
@@ -48,20 +44,23 @@ const CheckboxGroup = ({
 
 interface CheckboxGroupRootProps
   extends React.ComponentProps<typeof AriaCheckboxGroup>,
-    VariantProps<typeof checkboxGroupStyles> {}
+    VariantProps<typeof checkboxGroupStyles>,
+    VariantProps<typeof checkboxStyles> {}
 
 const CheckboxGroupRoot = ({
-  // variant,
+  variant,
   className,
   ...props
 }: CheckboxGroupRootProps) => {
   return (
-    <AriaCheckboxGroup
-      className={composeRenderProps(className, (className) =>
-        root({ className })
-      )}
-      {...props}
-    />
+    <CheckboxProvider variant={variant}>
+      <AriaCheckboxGroup
+        className={composeRenderProps(className, (className) =>
+          checkboxGroupStyles({ className })
+        )}
+        {...props}
+      />
+    </CheckboxProvider>
   );
 };
 
diff --git a/www/src/registry/core/checkbox_basic.tsx b/www/src/registry/core/checkbox_basic.tsx
index 1a579d72f..b679146d1 100644
--- a/www/src/registry/core/checkbox_basic.tsx
+++ b/www/src/registry/core/checkbox_basic.tsx
@@ -33,7 +33,7 @@ const checkboxStyles = tv({
       card: {
         root: [
           focusRing(),
-          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
+          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors",
         ],
       },
     },
@@ -59,7 +59,7 @@ const Checkbox = ({ children, ...props }: CheckboxProps) => {
       {composeRenderProps(children, (children) => (
         <>
           <CheckboxIndicator />
-          <span>{children}</span>
+          {children}
         </>
       ))}
     </CheckboxRoot>
diff --git a/www/src/registry/core/color-area.tsx b/www/src/registry/core/color-area.tsx
index e520b64ac..b50f85bb6 100644
--- a/www/src/registry/core/color-area.tsx
+++ b/www/src/registry/core/color-area.tsx
@@ -24,6 +24,8 @@ const ColorArea = (props: ColorAreaProps) => {
 interface ColorAreaRootProps extends Omit<AriaColorAreaProps, "className"> {
   className?: string;
 }
+interface ColorAreaRootProps
+  extends React.ComponentProps<typeof AriaColorArea> {}
 const ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {
   return (
     <AriaColorArea
diff --git a/www/src/registry/core/command.tsx b/www/src/registry/core/command.tsx
new file mode 100644
index 000000000..02eb91a8e
--- /dev/null
+++ b/www/src/registry/core/command.tsx
@@ -0,0 +1,59 @@
+"use client";
+
+import React from "react";
+import {
+  AutocompleteProps,
+  UNSTABLE_Autocomplete as AriaAutocomplete,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const commandStyles = tv({
+  slots: {
+    root: "flex flex-col",
+  },
+  variants: {
+    standalone: {
+      true: {
+        root: "",
+      },
+    },
+  },
+  defaultVariants: {
+    standalone: true,
+  },
+});
+
+const { root } = commandStyles();
+
+interface CommandProps extends CommandRootProps {}
+const Command = (props: CommandProps) => {
+  return <CommandRoot {...props} />;
+};
+
+interface CommandRootProps
+  extends React.ComponentProps<typeof AriaAutocomplete>,
+    Omit<React.ComponentProps<"div">, "children" | "slot"> {}
+const CommandRoot = ({
+  filter,
+  defaultInputValue,
+  inputValue,
+  onInputChange,
+  slot,
+  className,
+  ...props
+}: CommandProps) => {
+  return (
+    <AriaAutocomplete
+      filter={filter}
+      defaultInputValue={defaultInputValue}
+      inputValue={inputValue}
+      onInputChange={onInputChange}
+      slot={slot}
+    >
+      <div className={root({ className })} {...props} />
+    </AriaAutocomplete>
+  );
+};
+
+export { Command };
diff --git a/www/src/registry/core/field-01.tsx b/www/src/registry/core/field-01.tsx
index 499c06da2..a16d4bcd8 100644
--- a/www/src/registry/core/field-01.tsx
+++ b/www/src/registry/core/field-01.tsx
@@ -66,5 +66,15 @@ const HelpText = ({ description, errorMessage, ...props }: HelpTextProps) => {
   return null;
 };
 
-export type { LabelProps, DescriptionProps, FieldErrorProps, HelpTextProps };
+interface FieldProps extends HelpTextProps {
+  label?: LabelProps["children"];
+}
+
+export type {
+  LabelProps,
+  DescriptionProps,
+  FieldErrorProps,
+  HelpTextProps,
+  FieldProps,
+};
 export { Label, Description, FieldError, HelpText };
diff --git a/www/src/registry/core/input_new.tsx b/www/src/registry/core/input_new.tsx
new file mode 100644
index 000000000..7dce2fcbc
--- /dev/null
+++ b/www/src/registry/core/input_new.tsx
@@ -0,0 +1,180 @@
+"use client";
+
+import * as React from "react";
+import { mergeRefs, chain, mergeProps } from "@react-aria/utils";
+import { useControlledState } from "@react-stately/utils";
+import {
+  Provider,
+  composeRenderProps,
+  Input as AriaInput,
+  Group as AriaGroup,
+  TextArea as AriaTextArea,
+  InputContext as AriaInputContext,
+  TextAreaContext as AriaTextAreaContext,
+  useContextProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusInput } from "@/registry/lib/focus-styles";
+
+const inputStyles = tv({
+  slots: {
+    root: [
+      focusInput(),
+      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
+      "has-[input[data-disabled]]:border-border-disabled has-[input[data-disabled]]:bg-bg-disabled has-[input[data-disabled]]:text-fg-disabled has-[input[data-disabled]]:cursor-default",
+      "has-[input[data-invalid]]:border-border-danger focus-within:has-[input[data-invalid]]:border-border",
+    ],
+    input: [
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
+    ],
+  },
+  variants: {
+    size: {
+      sm: { root: "h-8" },
+      md: { root: "h-9" },
+      lg: { root: "h-10" },
+    },
+    multiline: {
+      true: {
+        root: "h-auto flex-col items-stretch p-2",
+        input: "min-h-14 resize-none overflow-auto",
+      },
+      false: {
+        input: "flex-1",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+    multiline: false,
+  },
+});
+
+const { root, input } = inputStyles();
+
+interface InputProps extends React.ComponentProps<typeof AriaInput> {}
+const Input = (props: InputProps) => {
+  return (
+    <AriaInput
+      className={composeRenderProps(props.className, (className) =>
+        input({ className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface TextAreaInputProps
+  extends React.ComponentProps<typeof AriaTextArea> {}
+const TextAreaInput = ({
+  ref,
+  className,
+  onChange,
+  ...props
+}: TextAreaInputProps) => {
+  const [inputValue, setInputValue] = useControlledState(
+    props.value,
+    props.defaultValue ?? "",
+    () => {}
+  );
+  const inputRef = React.useRef<HTMLTextAreaElement>(null);
+
+  const onHeightChange = React.useCallback(() => {
+    if (!inputRef.current) return;
+    const input = inputRef.current;
+    const prevAlignment = input.style.alignSelf;
+    const prevOverflow = input.style.overflow;
+    const isFirefox = "MozAppearance" in input.style;
+    if (!isFirefox) {
+      input.style.overflow = "hidden";
+    }
+    input.style.alignSelf = "start";
+    input.style.height = "auto";
+    input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;
+    input.style.overflow = prevOverflow;
+    input.style.alignSelf = prevAlignment;
+  }, [inputRef]);
+
+  React.useLayoutEffect(() => {
+    if (inputRef.current) {
+      onHeightChange();
+    }
+  }, [onHeightChange, inputValue, inputRef]);
+
+  return (
+    <AriaTextArea
+      ref={mergeRefs(inputRef, ref)}
+      className={composeRenderProps(className, (className) =>
+        input({ multiline: true, className })
+      )}
+      onChange={chain(onChange, setInputValue)}
+      {...props}
+    />
+  );
+};
+
+interface InputRootProps
+  extends Omit<React.ComponentProps<typeof AriaGroup>, "prefix">,
+    VariantProps<typeof inputStyles> {
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+}
+const InputRoot = ({
+  children,
+  className,
+  prefix,
+  suffix,
+  size,
+  multiline,
+  ...props
+}: InputRootProps) => {
+  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);
+  const [inputContextProps, mergedInputRef] = useContextProps(
+    {},
+    inputRef as React.RefObject<HTMLInputElement>,
+    AriaInputContext
+  );
+  const [textAreaContextProps, mergedTextAreaRef] = useContextProps(
+    {},
+    inputRef as React.RefObject<HTMLTextAreaElement>,
+    AriaTextAreaContext
+  );
+  const inputProps = { ...inputContextProps, ref: mergedInputRef };
+  const textAreaProps = { ...textAreaContextProps, ref: mergedTextAreaRef };
+
+  const onPointerDown = (event: React.PointerEvent<HTMLElement>) => {
+    const target = event.target as HTMLElement;
+    if (target.closest("input, button, a")) return;
+    const input = inputRef.current;
+    if (!input) return;
+    requestAnimationFrame(() => {
+      input.focus();
+    });
+  };
+
+  return (
+    <AriaGroup
+      role="presentation"
+      className={composeRenderProps(className, (className) =>
+        root({ size, multiline, className })
+      )}
+      {...mergeProps(props, { onPointerDown })}
+    >
+      {composeRenderProps(children, (children) => (
+        <Provider
+          values={[
+            [AriaInputContext, inputProps],
+            [AriaTextAreaContext, textAreaProps],
+          ]}
+        >
+          {prefix}
+          {children}
+          {suffix}
+        </Provider>
+      ))}
+    </AriaGroup>
+  );
+};
+
+export type { InputProps, TextAreaInputProps, InputRootProps };
+export { Input, TextAreaInput, InputRoot, inputStyles };
diff --git a/www/src/registry/core/kbd.tsx b/www/src/registry/core/kbd.tsx
index 022dd994d..32b6cd747 100644
--- a/www/src/registry/core/kbd.tsx
+++ b/www/src/registry/core/kbd.tsx
@@ -4,7 +4,7 @@ import { Keyboard } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const KbdStyles = tv({
-  base: "text-fg-muted bg-bg border-border-active rounded-md border px-1.5 py-0.5 font-sans text-sm tracking-widest",
+  base: "text-fg-muted bg-bg rounded-md border p-1 text-xs leading-none",
 });
 
 type KbdProps = React.HTMLAttributes<HTMLElement>;
diff --git a/www/src/registry/core/number-field copy 2.tsx b/www/src/registry/core/number-field copy 2.tsx
new file mode 100644
index 000000000..a7231b84d
--- /dev/null
+++ b/www/src/registry/core/number-field copy 2.tsx	
@@ -0,0 +1,142 @@
+"use client";
+
+import * as React from "react";
+import {
+  ChevronDownIcon,
+  ChevronUpIcon,
+  MinusIcon,
+  PlusIcon,
+} from "lucide-react";
+import {
+  NumberField as AriaNumberField,
+  type NumberFieldProps as AriaNumberFieldProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
+import { Field, type FieldProps } from "@/registry/core/field";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { useMediaQuery } from "@/registry/hooks/use-media-query";
+
+const numberFieldStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
+type NumberFieldProps = NumberFieldRootProps &
+  Omit<FieldProps, "children"> &
+  VariantProps<typeof inputStyles> & {
+    placeholder?: string;
+  };
+const NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>(
+  (
+    {
+      className,
+      size,
+      placeholder,
+      label,
+      description,
+      errorMessage,
+      isRequired,
+      necessityIndicator,
+      contextualHelp,
+      ...props
+    },
+    ref
+  ) => {
+    const isMobile = useMediaQuery("(max-width: 768px)");
+    const prefix = isMobile ? (
+      <NumberFieldButton
+        slot="decrement"
+        className="h-full rounded-none rounded-l-md border-r"
+      />
+    ) : null;
+    const suffix = isMobile ? (
+      <NumberFieldButton
+        slot="increment"
+        className="h-full rounded-none rounded-r-md border-l"
+      />
+    ) : (
+      <div className="flex h-full flex-col rounded-r-md">
+        <NumberFieldButton
+          slot="increment"
+          iconType="chevron"
+          className="h-auto flex-1 shrink rounded-none rounded-tr-md border-b border-l"
+        />
+        <NumberFieldButton
+          slot="decrement"
+          iconType="chevron"
+          className="h-auto flex-1 shrink rounded-none rounded-br-md border-l"
+        />
+      </div>
+    );
+    return (
+      <NumberFieldRoot className={className} {...props}>
+        <Field
+          label={label}
+          description={description}
+          errorMessage={errorMessage}
+          isRequired={isRequired}
+          necessityIndicator={necessityIndicator}
+          contextualHelp={contextualHelp}
+        >
+          <InputRoot
+            size={size}
+            className="invalid:[&_button]:border-border-danger invalid:focus-within:[&_button]:border-border px-0"
+          >
+            {prefix}
+            <Input ref={ref} placeholder={placeholder} className="px-2" />
+            {suffix}
+          </InputRoot>
+        </Field>
+      </NumberFieldRoot>
+    );
+  }
+);
+NumberField.displayName = "NumberField";
+
+type NumberFieldRootProps = Omit<AriaNumberFieldProps, "className"> & {
+  className?: string;
+};
+const NumberFieldRoot = React.forwardRef<
+  React.ElementRef<typeof AriaNumberField>,
+  NumberFieldRootProps
+>(({ className, ...props }, ref) => {
+  return (
+    <AriaNumberField
+      ref={ref}
+      className={numberFieldStyles({ className })}
+      {...props}
+    />
+  );
+});
+NumberFieldRoot.displayName = "NumberFieldRoot";
+
+interface NumberFieldButtonProps extends ButtonProps {
+  slot: "increment" | "decrement";
+  iconType?: "chevron" | "default";
+}
+const NumberFieldButton = ({
+  slot,
+  iconType = "default",
+  ...props
+}: NumberFieldButtonProps) => {
+  const icon =
+    iconType === "chevron" ? (
+      slot === "increment" ? (
+        <ChevronUpIcon />
+      ) : (
+        <ChevronDownIcon />
+      )
+    ) : slot === "increment" ? (
+      <PlusIcon />
+    ) : (
+      <MinusIcon />
+    );
+  return (
+    <Button slot={slot} size="sm" variant="quiet" shape="square" {...props}>
+      {icon}
+    </Button>
+  );
+};
+
+export type { NumberFieldProps, NumberFieldRootProps };
+export { NumberField, NumberFieldRoot, NumberFieldButton };
diff --git a/www/src/registry/core/number-field copy.tsx b/www/src/registry/core/number-field copy.tsx
new file mode 100644
index 000000000..b2b055b30
--- /dev/null
+++ b/www/src/registry/core/number-field copy.tsx	
@@ -0,0 +1,92 @@
+"use client";
+
+import * as React from "react";
+import {
+  ChevronDownIcon,
+  ChevronUpIcon,
+  MinusIcon,
+  PlusIcon,
+} from "lucide-react";
+import {
+  NumberField as AriaNumberField,
+  composeRenderProps,
+  type NumberFieldProps as AriaNumberFieldProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field-01";
+import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { useMediaQuery } from "@/registry/hooks/use-media-query";
+import { InputRootProps } from "./input_new";
+
+const numberFieldStyles = tv({
+  slots: {
+    root: "flex w-48 flex-col items-start gap-2",
+    inputRoot: "px-0 grid",
+    input: "[grid-area:field]",
+    increment: "[grid-area:increment]",
+    decrement: "[grid-area:decrement]",
+  },
+  variants: {
+    isMobile: {
+      true: {
+        increment: "",
+        decrement: "",
+      },
+      false: {
+        inputRoot: "[grid-template-areas:'field_increment''field_decrement'] grid-cols-[1fr_auto]",
+        increment: "",
+        decrement: "",
+      },
+    },
+  },
+});
+
+const { root, inputRoot, input, increment, decrement } = numberFieldStyles();
+
+interface NumberFieldProps
+  extends NumberFieldRootProps,
+    Pick<InputRootProps, "size">,
+    FieldProps {}
+
+const NumberField = ({
+  label,
+  description,
+  errorMessage,
+  size,
+  ...props
+}: NumberFieldProps) => {
+  const isMobile = useMediaQuery("(max-width: 768px)");
+
+  return (
+    <NumberFieldRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <InputRoot size={size} className={inputRoot({ isMobile })}>
+        <Button slot="decrement" className={decrement({ isMobile })}>
+          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}
+        </Button>
+        <Input className={input()} />
+        <Button slot="increment" className={increment({ isMobile })}>
+          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}
+        </Button>
+      </InputRoot>
+      <HelpText description={description} errorMessage={errorMessage} />
+    </NumberFieldRoot>
+  );
+};
+
+interface NumberFieldRootProps
+  extends React.ComponentProps<typeof AriaNumberField> {}
+const NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {
+  return (
+    <AriaNumberField
+      className={composeRenderProps(className, (className) =>
+        root({ className })
+      )}
+      {...props}
+    />
+  );
+};
+
+export type { NumberFieldProps, NumberFieldRootProps };
+export { NumberField, NumberFieldRoot };
diff --git a/www/src/registry/core/number-field.tsx b/www/src/registry/core/number-field.tsx
index a7231b84d..c5fbda223 100644
--- a/www/src/registry/core/number-field.tsx
+++ b/www/src/registry/core/number-field.tsx
@@ -9,134 +9,85 @@ import {
 } from "lucide-react";
 import {
   NumberField as AriaNumberField,
+  composeRenderProps,
   type NumberFieldProps as AriaNumberFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field-01";
 import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
+import { InputRootProps } from "./input_new";
 
 const numberFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
+  slots: {
+    root: "flex w-48 flex-col items-start gap-2",
+    inputRoot: "px-0 grid gap-0",
+    input: "[grid-area:field] px-2",
+    increment: "[grid-area:increment] w-8 p-0",
+    decrement: "[grid-area:decrement] w-8 p-0",
+  },
+  variants: {
+    isMobile: {
+      true: {
+        inputRoot: "[grid-template-areas:'decrement_field_increment'] grid-cols-[auto_1fr_auto]",
+        increment: "h-full rounded-none rounded-r-md border-l",
+        decrement: "h-full rounded-none rounded-l-md border-r",
+      },
+      false: {
+        inputRoot: "[grid-template-areas:'field_increment''field_decrement'] grid-cols-[1fr_auto]",
+        increment: "h-auto shrink rounded-none rounded-tr-md border-b border-l",
+        decrement: "h-auto shrink rounded-none rounded-br-md border-l",
+      },
+    },
+  },
 });
 
-type NumberFieldProps = NumberFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    placeholder?: string;
-  };
-const NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    const isMobile = useMediaQuery("(max-width: 768px)");
-    const prefix = isMobile ? (
-      <NumberFieldButton
-        slot="decrement"
-        className="h-full rounded-none rounded-l-md border-r"
-      />
-    ) : null;
-    const suffix = isMobile ? (
-      <NumberFieldButton
-        slot="increment"
-        className="h-full rounded-none rounded-r-md border-l"
-      />
-    ) : (
-      <div className="flex h-full flex-col rounded-r-md">
-        <NumberFieldButton
-          slot="increment"
-          iconType="chevron"
-          className="h-auto flex-1 shrink rounded-none rounded-tr-md border-b border-l"
-        />
-        <NumberFieldButton
-          slot="decrement"
-          iconType="chevron"
-          className="h-auto flex-1 shrink rounded-none rounded-br-md border-l"
-        />
-      </div>
-    );
-    return (
-      <NumberFieldRoot className={className} {...props}>
-        <Field
-          label={label}
-          description={description}
-          errorMessage={errorMessage}
-          isRequired={isRequired}
-          necessityIndicator={necessityIndicator}
-          contextualHelp={contextualHelp}
-        >
-          <InputRoot
-            size={size}
-            className="invalid:[&_button]:border-border-danger invalid:focus-within:[&_button]:border-border px-0"
-          >
-            {prefix}
-            <Input ref={ref} placeholder={placeholder} className="px-2" />
-            {suffix}
-          </InputRoot>
-        </Field>
-      </NumberFieldRoot>
-    );
-  }
-);
-NumberField.displayName = "NumberField";
+const { root, inputRoot, input, increment, decrement } = numberFieldStyles();
 
-type NumberFieldRootProps = Omit<AriaNumberFieldProps, "className"> & {
-  className?: string;
+interface NumberFieldProps
+  extends NumberFieldRootProps,
+    Pick<InputRootProps, "size">,
+    FieldProps {}
+
+const NumberField = ({
+  label,
+  description,
+  errorMessage,
+  size,
+  ...props
+}: NumberFieldProps) => {
+  const isMobile = useMediaQuery("(max-width: 768px)");
+
+  return (
+    <NumberFieldRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <InputRoot size={size} className={inputRoot({ isMobile })}>
+        <Button slot="decrement" className={decrement({ isMobile })}>
+          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}
+        </Button>
+        <Input className={input()} />
+        <Button slot="increment" className={increment({ isMobile })}>
+          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}
+        </Button>
+      </InputRoot>
+      <HelpText description={description} errorMessage={errorMessage} />
+    </NumberFieldRoot>
+  );
 };
-const NumberFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaNumberField>,
-  NumberFieldRootProps
->(({ className, ...props }, ref) => {
+
+interface NumberFieldRootProps
+  extends React.ComponentProps<typeof AriaNumberField> {}
+const NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {
   return (
     <AriaNumberField
-      ref={ref}
-      className={numberFieldStyles({ className })}
+      className={composeRenderProps(className, (className) =>
+        root({ className })
+      )}
       {...props}
     />
   );
-});
-NumberFieldRoot.displayName = "NumberFieldRoot";
-
-interface NumberFieldButtonProps extends ButtonProps {
-  slot: "increment" | "decrement";
-  iconType?: "chevron" | "default";
-}
-const NumberFieldButton = ({
-  slot,
-  iconType = "default",
-  ...props
-}: NumberFieldButtonProps) => {
-  const icon =
-    iconType === "chevron" ? (
-      slot === "increment" ? (
-        <ChevronUpIcon />
-      ) : (
-        <ChevronDownIcon />
-      )
-    ) : slot === "increment" ? (
-      <PlusIcon />
-    ) : (
-      <MinusIcon />
-    );
-  return (
-    <Button slot={slot} size="sm" variant="quiet" shape="square" {...props}>
-      {icon}
-    </Button>
-  );
 };
 
 export type { NumberFieldProps, NumberFieldRootProps };
-export { NumberField, NumberFieldRoot, NumberFieldButton };
+export { NumberField, NumberFieldRoot };
diff --git a/www/src/registry/core/radio-group.tsx b/www/src/registry/core/radio-group.tsx
deleted file mode 100644
index 34ece4a69..000000000
--- a/www/src/registry/core/radio-group.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Radio as AriaRadio,
-  RadioGroup as AriaRadioGroup,
-  type RadioGroupProps as AriaRadioGroupProps,
-  type RadioProps as AriaRadioProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
-
-const radioGroupStyles = tv({
-  slots: {
-    root: "group/radio-group flex flex-col gap-2",
-    wrapper:
-      "group-orientation-horizontal/radio-group:flex-row group-orientation-horizontal/radio-group:gap-3 flex flex-col gap-1",
-  },
-});
-
-const radioStyles = tv({
-  slots: {
-    root: "disabled:text-fg-disabled invalid:text-fg-danger group flex cursor-pointer flex-row items-center justify-between gap-2 disabled:cursor-default",
-    indicator: [
-      focusRing(),
-      "border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100",
-      "group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled",
-      "group-invalid:border-border-danger group-invalid:selected:border-bg-danger",
-    ],
-  },
-  variants: {
-    variant: {
-      default: {
-        indicator: focusRingGroup(),
-      },
-      card: {
-        root: [
-          focusRing(),
-          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
-        ],
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-interface RadioGroupProps
-  extends RadioGroupRootProps,
-    VariantProps<typeof radioGroupStyles>,
-    Omit<FieldProps, "children"> {
-  className?: string;
-}
-const RadioGroup = React.forwardRef<
-  React.ElementRef<typeof AriaRadioGroup>,
-  RadioGroupProps
->(
-  (
-    {
-      label,
-      description,
-      errorMessage,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    const { wrapper } = radioGroupStyles();
-    return (
-      <RadioGroupRoot ref={ref} {...props}>
-        {composeRenderProps(props.children, (children, { isRequired }) => (
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <div className={wrapper()}>{children}</div>
-          </Field>
-        ))}
-      </RadioGroupRoot>
-    );
-  }
-);
-RadioGroup.displayName = "RadioGroup";
-
-interface RadioGroupRootProps
-  extends Omit<AriaRadioGroupProps, "className">,
-    VariantProps<typeof radioStyles> {
-  className?: string;
-}
-const RadioGroupRoot = React.forwardRef<
-  React.ElementRef<typeof AriaRadioGroup>,
-  RadioGroupRootProps
->(({ className, variant, ...props }, ref) => {
-  const { root } = radioGroupStyles();
-  return (
-    <RadioContext.Provider value={{ variant }}>
-      <AriaRadioGroup ref={ref} className={root({ className })} {...props} />
-    </RadioContext.Provider>
-  );
-});
-RadioGroupRoot.displayName = "RadioGroupRoot";
-
-interface RadioProps
-  extends Omit<AriaRadioProps, "className">,
-    VariantProps<typeof radioStyles> {
-  className?: string;
-}
-const Radio = React.forwardRef<React.ElementRef<typeof AriaRadio>, RadioProps>(
-  (localProps, ref) => {
-    const contextProps = useRadioContext();
-    const props = { ...contextProps, ...localProps };
-    const { className, variant, ...restProps } = props;
-    const { root, indicator } = radioStyles({ variant });
-    return (
-      <AriaRadio ref={ref} {...restProps} className={root({ className })}>
-        {composeRenderProps(props.children, (children) => (
-          <>
-            <div className={indicator({ className: "" })} />
-            {children}
-          </>
-        ))}
-      </AriaRadio>
-    );
-  }
-);
-Radio.displayName = "Radio";
-
-type RadioContextValue = VariantProps<typeof radioStyles>;
-const RadioContext = React.createContext<RadioContextValue>({});
-const useRadioContext = () => {
-  return React.useContext(RadioContext);
-};
-
-export type { RadioGroupRootProps, RadioGroupProps, RadioProps };
-export { RadioGroupRoot, RadioGroup, Radio };
diff --git a/www/src/registry/core/radio-group_basic.tsx b/www/src/registry/core/radio-group_basic.tsx
new file mode 100644
index 000000000..ff5962f0e
--- /dev/null
+++ b/www/src/registry/core/radio-group_basic.tsx
@@ -0,0 +1,165 @@
+"use client";
+
+import * as React from "react";
+import {
+  Radio as AriaRadio,
+  RadioGroup as AriaRadioGroup,
+  composeRenderProps,
+  type ValidationResult,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
+import {
+  createOptionalScopedContext,
+  createScopedContext,
+} from "@/registry/lib/context-helpers";
+import { HelpText, Label } from "@/registry/core/field-01";
+
+const radioStyles = tv({
+  slots: {
+    root: "disabled:text-fg-disabled invalid:text-fg-danger group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default",
+    indicator: [
+      focusRing(),
+      "border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100",
+      "group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled",
+      "group-invalid:border-border-danger group-invalid:selected:border-bg-danger",
+    ],
+  },
+  variants: {
+    variant: {
+      default: {
+        indicator: focusRingGroup(),
+      },
+      card: {
+        root: [
+          focusRing(),
+          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+const { root, indicator } = radioStyles();
+
+const [VariantsProvider, useVariantsContext] =
+  createScopedContext<VariantProps<typeof radioStyles>>("RadioRoot");
+  
+const [RadioProvider, useRadioContext] =
+  createOptionalScopedContext<VariantProps<typeof radioStyles>>("Radio");
+
+interface RadioProps extends RadioRootProps {}
+const Radio = ({ children, ...props }: RadioProps) => {
+  return (
+    <RadioRoot {...props}>
+      {composeRenderProps(children, (children) => (
+        <>
+          <RadioIndicator />
+          {children}
+        </>
+      ))}
+    </RadioRoot>
+  );
+};
+
+interface RadioRootProps
+  extends React.ComponentProps<typeof AriaRadio>,
+    VariantProps<typeof radioStyles> {}
+
+const RadioRoot = (localProps: RadioRootProps) => {
+  const contextProps = useRadioContext();
+  const { variant, className, ...props } = { ...contextProps, ...localProps };
+  return (
+    <VariantsProvider variant={variant}>
+      <AriaRadio
+        className={composeRenderProps(className, (className) =>
+          root({ variant, className })
+        )}
+        {...props}
+      />
+    </VariantsProvider>
+  );
+};
+
+interface RadioIndicatorProps extends React.ComponentProps<"div"> {}
+
+const RadioIndicator = ({ className, ...props }: RadioIndicatorProps) => {
+  const { variant } = useVariantsContext("RadioIndicator");
+  return <div className={indicator({ variant, className })} {...props} />;
+};
+
+const radioGroupStyles = tv({
+  slots: {
+    root: "flex flex-col gap-2",
+    wrapper: "flex gap-1",
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        wrapper: "flex-row gap-2",
+      },
+      vertical: {
+        wrapper: "flex-col",
+      },
+    },
+  },
+});
+
+const { root: radioGroupRoot, wrapper } = radioGroupStyles();
+
+interface RadioGroupProps extends RadioGroupRootProps {
+  label?: string;
+  description?: string;
+  errorMessage?: string | ((validation: ValidationResult) => string);
+}
+
+const RadioGroup = ({
+  label,
+  description,
+  errorMessage,
+  children,
+  ...props
+}: RadioGroupProps) => {
+  return (
+    <RadioGroupRoot {...props}>
+      {composeRenderProps(children, (children, { orientation }) => (
+        <>
+          {label && <Label>{label}</Label>}
+          <div className={wrapper({ orientation })}>{children}</div>
+          <HelpText description={description} errorMessage={errorMessage} />
+        </>
+      ))}
+    </RadioGroupRoot>
+  );
+};
+
+interface RadioGroupRootProps
+  extends React.ComponentProps<typeof AriaRadioGroup>,
+    VariantProps<typeof radioGroupStyles>,
+    VariantProps<typeof radioStyles> {}
+
+const RadioGroupRoot = ({
+  variant,
+  className,
+  ...props
+}: RadioGroupRootProps) => {
+  return (
+    <RadioProvider variant={variant}>
+      <AriaRadioGroup
+        className={composeRenderProps(className, (className) =>
+          radioGroupRoot({ className })
+        )}
+        {...props}
+      />
+    </RadioProvider>
+  );
+};
+
+export type { RadioProps, RadioRootProps, RadioIndicatorProps };
+export { Radio, RadioRoot, RadioIndicator };
+
+export type { RadioGroupProps, RadioGroupRootProps };
+export { RadioGroup, RadioGroupRoot };
diff --git a/www/src/registry/core/search-field.tsx b/www/src/registry/core/search-field.tsx
index 973e85d35..bc0ac86ea 100644
--- a/www/src/registry/core/search-field.tsx
+++ b/www/src/registry/core/search-field.tsx
@@ -4,115 +4,69 @@ import * as React from "react";
 import { SearchIcon, XIcon } from "lucide-react";
 import {
   SearchField as AriaSearchField,
-  type SearchFieldProps as AriaSearchFieldProps,
+  Button as AriaButton,
+  composeRenderProps,
 } from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { tv } from "tailwind-variants";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field-01";
+import {
+  InputRoot,
+  Input,
+  type InputRootProps,
+} from "@/registry/core/input_new";
+import { Button } from "./button-01";
 
-const searchFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
+const searchFieldtyles = tv({
+  base: "group flex w-48 flex-col items-start gap-2 empty:[&_button[slot='clear']]:hidden [&_input]:[&::-webkit-search-cancel-button]:appearance-none [&_input]:[&::-webkit-search-decoration]:appearance-none",
 });
 
-type SearchFieldProps = SearchFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    prefix?: React.ReactNode;
-    suffix?:
-      | React.ReactNode
-      | (({
-          isEmpty,
-          isDisabled,
-        }: {
-          isEmpty?: boolean;
-          isDisabled?: boolean;
-        }) => React.ReactNode);
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const SearchField = React.forwardRef<HTMLInputElement, SearchFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix = <SearchIcon />,
-      suffix = ({ isEmpty, isDisabled }) => {
-        if (isEmpty || isDisabled) return null;
-        return (
-          <Button variant="quiet" shape="circle" size="sm" className="size-6">
-            <XIcon />
-          </Button>
-        );
-      },
-      isLoading,
-      loaderPosition = "prefix",
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <SearchFieldRoot className={className} {...props}>
-        {({ isEmpty, isDisabled }) => (
-          <>
-            <Field
-              label={label}
-              description={description}
-              errorMessage={errorMessage}
-              isRequired={isRequired}
-              necessityIndicator={necessityIndicator}
-              contextualHelp={contextualHelp}
-            >
-              <InputRoot
-                size={size}
-                prefix={prefix}
-                suffix={
-                  typeof suffix === "function"
-                    ? suffix({ isEmpty, isDisabled })
-                    : suffix
-                }
-                isLoading={isLoading}
-                loaderPosition={loaderPosition}
-              >
-                <Input
-                  ref={ref}
-                  placeholder={placeholder}
-                  className="[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none"
-                />
-              </InputRoot>
-            </Field>
-          </>
-        )}
-      </SearchFieldRoot>
-    );
-  }
-);
-SearchField.displayName = "SearchField";
+interface SearchFieldProps
+  extends SearchFieldRootProps,
+    Pick<InputRootProps, "size">,
+    FieldProps {}
 
-type SearchFieldRootProps = Omit<AriaSearchFieldProps, "className"> & {
-  className?: string;
+const SearchField = ({
+  label,
+  description,
+  errorMessage,
+  size,
+  ...props
+}: SearchFieldProps) => {
+  return (
+    <SearchFieldRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <InputRoot size={size}>
+        <SearchIcon />
+        <Input />
+        <Button
+          slot="clear"
+          variant="quiet"
+          size="sm"
+          shape="circle"
+          className="size-6"
+        >
+          <XIcon />
+        </Button>
+      </InputRoot>
+      <HelpText description={description} errorMessage={errorMessage} />
+    </SearchFieldRoot>
+  );
 };
-const SearchFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaSearchField>,
-  SearchFieldRootProps
->(({ className, ...props }, ref) => {
+
+interface SearchFieldRootProps
+  extends React.ComponentProps<typeof AriaSearchField> {
+  placeholder?: string;
+}
+const SearchFieldRoot = ({ className, ...props }: SearchFieldRootProps) => {
   return (
     <AriaSearchField
-      ref={ref}
-      className={searchFieldStyles({ className })}
+      className={composeRenderProps(className, (className) =>
+        searchFieldtyles({ className })
+      )}
       {...props}
     />
   );
-});
-SearchFieldRoot.displayName = "SearchFieldRoot";
+};
 
 export type { SearchFieldProps, SearchFieldRootProps };
 export { SearchField, SearchFieldRoot };
diff --git a/www/src/registry/core/section.tsx b/www/src/registry/core/section.tsx
index e11a6dce2..de2962608 100644
--- a/www/src/registry/core/section.tsx
+++ b/www/src/registry/core/section.tsx
@@ -10,8 +10,8 @@ import { tv } from "tailwind-variants";
 
 const SectionStyles = tv({
   slots: {
-    root: "mt-2 space-y-px first:mt-1",
-    title: "mb-1 pl-3 text-sm font-bold",
+    root: "pt-2 space-y-px",
+    title: "mb-1 pl-3 text-xs text-fg-muted",
   },
 });
 
diff --git a/www/src/registry/core/slider.tsx b/www/src/registry/core/slider.tsx
deleted file mode 100644
index 62018d61d..000000000
--- a/www/src/registry/core/slider.tsx
+++ /dev/null
@@ -1,231 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { useSlotId } from "@react-aria/utils";
-import {
-  composeRenderProps,
-  Slider as AriaSlider,
-  SliderOutput as AriaSliderOutput,
-  SliderThumb as AriaSliderThumb,
-  SliderTrack as AriaSliderTrack,
-  type SliderThumbProps as AriaSliderThumbProps,
-  type SliderOutputProps as AriaSliderOutputProps,
-  type SliderTrackProps as AriaSliderTrackProps,
-  type SliderProps as AriaSliderProps,
-  SliderStateContext as AriaSliderStateContext,
-  TextContext as AriaTextContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Description, Label, type FieldProps } from "@/registry/core/field";
-import { cn } from "@/registry/lib/cn";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const sliderStyles = tv({
-  slots: {
-    root: "orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
-    track: [
-      "group/track bg-bg-neutral disabled:bg-bg-disabled relative cursor-pointer rounded-full disabled:cursor-default",
-      "orientation-vertical:flex-1 orientation-vertical:w-2 orientation-horizontal:w-full orientation-horizontal:h-2 grow",
-    ],
-    filler: [
-      "bg-border-focus group-disabled/track:bg-bg-disabled rounded-full",
-      "group-orientation-horizontal/top-0 group-orientation-vertical/track:w-full group-orientation-vertical/track:bottom-0 group-orientation-horizontal/track:h-full pointer-events-none absolute",
-    ],
-    thumb: [
-      focusRing(),
-      "rounded-full bg-white shadow-md transition-[width,height]",
-      "left-[50%] top-[50%]",
-      "disabled:bg-bg-disabled disabled:border-bg disabled:border",
-    ],
-    valueLabel: "text-fg-muted text-sm",
-  },
-  variants: {
-    size: {
-      sm: {
-        thumb: "dragging:size-4 size-3",
-        track: "orientation-vertical:w-1 orientation-horizontal:h-1",
-      },
-      md: {
-        thumb: "dragging:size-5 size-4",
-        track: "orientation-vertical:w-2 orientation-horizontal:h-2",
-      },
-      lg: {
-        thumb: "dragging:size-6 size-5",
-        track: "orientation-vertical:w-3 orientation-horizontal:h-3",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-interface SliderProps
-  extends SliderRootProps,
-    VariantProps<typeof sliderStyles> {
-  label?: FieldProps["label"];
-  description?: FieldProps["description"];
-  valueLabel?: boolean | ((value: number[]) => string);
-}
-const Slider = React.forwardRef<
-  React.ElementRef<typeof AriaSlider>,
-  SliderProps
->(({ label, description, valueLabel = false, size, ...props }, ref) => (
-  <SliderRoot ref={ref} {...props}>
-    {(label || !!valueLabel) && (
-      <div
-        className={cn(
-          "flex items-center justify-between gap-2",
-          !label && "justify-end"
-        )}
-      >
-        {label && <Label>{label}</Label>}
-        {!!valueLabel && (
-          <SliderValueLabel>
-            {({ state }) =>
-              typeof valueLabel === "function"
-                ? valueLabel(state.values)
-                : undefined
-            }
-          </SliderValueLabel>
-        )}
-      </div>
-    )}
-    <SliderControls size={size} />
-    {description && <Description>{description}</Description>}
-  </SliderRoot>
-));
-Slider.displayName = "Slider";
-
-type SliderRootProps = AriaSliderProps;
-const SliderRoot = React.forwardRef(
-  (props: SliderRootProps, ref: React.Ref<HTMLDivElement>) => {
-    const { root } = sliderStyles();
-    const descriptionId = useSlotId();
-    return (
-      <AriaTextContext.Provider
-        value={{ slots: { description: { id: descriptionId } } }}
-      >
-        <AriaSlider
-          ref={ref}
-          aria-describedby={descriptionId}
-          {...props}
-          className={composeRenderProps(props.className, (className) =>
-            root({ className })
-          )}
-        />
-      </AriaTextContext.Provider>
-    );
-  }
-);
-SliderRoot.displayName = "SliderRoot";
-
-type SliderControlsProps = SliderTrackProps & VariantProps<typeof sliderStyles>;
-const SliderControls = (props: SliderControlsProps) => {
-  return (
-    <SliderTrack {...props}>
-      {({ state }) => (
-        <>
-          <SliderFiller />
-          {state.values.map((_, i) => (
-            <SliderThumb key={i} index={i} size={props.size} />
-          ))}
-        </>
-      )}
-    </SliderTrack>
-  );
-};
-
-type SliderTrackProps = AriaSliderTrackProps &
-  VariantProps<typeof sliderStyles>;
-const SliderTrack = ({ size, ...props }: SliderTrackProps) => {
-  const { track } = sliderStyles({ size });
-  return (
-    <AriaSliderTrack
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        track({ className })
-      )}
-    />
-  );
-};
-
-type SliderFillerProps = React.HTMLAttributes<HTMLDivElement>;
-const SliderFiller = (props: SliderFillerProps) => {
-  const { filler } = sliderStyles();
-  const { orientation, getThumbPercent, values } = React.useContext(
-    AriaSliderStateContext
-  );
-
-  return (
-    <div
-      {...props}
-      style={
-        values.length === 1
-          ? orientation === "horizontal"
-            ? {
-                width: `${getThumbPercent(0) * 100}%`,
-              }
-            : { height: `${getThumbPercent(0) * 100}%` }
-          : orientation === "horizontal"
-            ? {
-                left: `${getThumbPercent(0) * 100}%`,
-                width: `${
-                  Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100
-                }%`,
-              }
-            : {
-                bottom: `${getThumbPercent(0) * 100}%`,
-                height: `${
-                  Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100
-                }%`,
-              }
-      }
-      className={filler({ className: props.className })}
-    />
-  );
-};
-
-type SliderThumbProps = AriaSliderThumbProps &
-  VariantProps<typeof sliderStyles>;
-const SliderThumb = ({ size, ...props }: SliderThumbProps) => {
-  const { thumb } = sliderStyles({ size });
-  return (
-    <AriaSliderThumb
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        thumb({ className })
-      )}
-    />
-  );
-};
-
-type SliderValueLabelProps = AriaSliderOutputProps;
-const SliderValueLabel = (props: SliderValueLabelProps) => {
-  const { valueLabel } = sliderStyles();
-  return (
-    <AriaSliderOutput
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        valueLabel({ className })
-      )}
-    >
-      {composeRenderProps(
-        props.children,
-        (children, { state }) =>
-          children ??
-          state.values.map((_, i) => state.getThumbValueLabel(i)).join(" - ")
-      )}
-    </AriaSliderOutput>
-  );
-};
-
-export {
-  Slider,
-  SliderRoot,
-  SliderControls,
-  SliderTrack,
-  SliderFiller,
-  SliderThumb,
-  SliderValueLabel,
-};
diff --git a/www/src/registry/core/slider_basic.tsx b/www/src/registry/core/slider_basic.tsx
new file mode 100644
index 000000000..1d123c3c1
--- /dev/null
+++ b/www/src/registry/core/slider_basic.tsx
@@ -0,0 +1,250 @@
+"use client";
+
+import * as React from "react";
+import { useSlotId } from "@react-aria/utils";
+import {
+  composeRenderProps,
+  Slider as AriaSlider,
+  SliderOutput as AriaSliderOutput,
+  SliderThumb as AriaSliderThumb,
+  SliderTrack as AriaSliderTrack,
+  TextContext,
+  SliderStateContext,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Description, Label } from "@/registry/core/field";
+import { createScopedContext } from "@/registry/lib/context-helpers";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const sliderStyles = tv({
+  slots: {
+    root: "group flex flex-col gap-2",
+    track:
+      "bg-bg-neutral disabled:bg-bg-disabled relative grow cursor-pointer rounded-full disabled:cursor-default",
+    filler:
+      "bg-border-focus group-disabled:bg-bg-disabled pointer-events-none absolute rounded-full",
+    thumb: [
+      focusRing(),
+      "disabled:bg-bg-disabled disabled:border-bg left-[50%] top-[50%] rounded-full bg-white shadow-md transition-[width,height] disabled:border",
+    ],
+    valueLabel: "text-fg-muted text-sm",
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: "w-48",
+        track: "h-2 w-full",
+        filler: "top-0 h-full",
+      },
+      vertical: {
+        root: "h-48 items-center",
+        track: "w-2 flex-1",
+        filler: "bottom-0 w-full",
+      },
+    },
+    size: {
+      sm: {
+        thumb: "dragging:size-4 size-3",
+        track: "orientation-vertical:w-1 orientation-horizontal:h-1",
+      },
+      md: {
+        thumb: "dragging:size-5 size-4",
+        track: "orientation-vertical:w-2 orientation-horizontal:h-2",
+      },
+      lg: {
+        thumb: "dragging:size-6 size-5",
+        track: "orientation-vertical:w-3 orientation-horizontal:h-3",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+  },
+});
+
+const { root, track, filler, thumb, valueLabel } = sliderStyles();
+
+const [SliderProvider, useSliderContext] =
+  createScopedContext<VariantProps<typeof sliderStyles>>("SliderRoot");
+
+interface SliderProps extends Omit<SliderRootProps, "children"> {
+  label?: React.ReactNode;
+  description?: React.ReactNode;
+  showValueLabel?: boolean;
+  getValueLabel?: (value: number[]) => string;
+}
+const Slider = ({
+  label,
+  description,
+  showValueLabel = true,
+  getValueLabel,
+  ...props
+}: SliderProps) => {
+  return (
+    <SliderRoot {...props}>
+      <div className="grid [grid-template-areas:'label_value'] grid-cols-[1fr_auto]">
+        {label && <Label className="[grid-area:label]">{label}</Label>}
+        {showValueLabel && (
+          <SliderValueLabel className="[grid-area:value]">
+            {({ state }) =>
+              getValueLabel ? getValueLabel(state.values) : null
+            }
+          </SliderValueLabel>
+        )}
+      </div>
+      <SliderTrack>
+        {({ state }) => (
+          <>
+            <SliderFiller />
+            {state.values.map((_, i) => (
+              <SliderThumb key={i} index={i} />
+            ))}
+          </>
+        )}
+      </SliderTrack>
+      {description && <Description>{description}</Description>}
+    </SliderRoot>
+  );
+};
+
+interface SliderRootProps
+  extends React.ComponentProps<typeof AriaSlider>,
+    VariantProps<typeof sliderStyles> {}
+const SliderRoot = ({
+  children,
+  className,
+  size,
+  ...props
+}: SliderRootProps) => {
+  const descriptionId = useSlotId();
+  return (
+    <AriaSlider
+      aria-describedby={descriptionId}
+      className={composeRenderProps(className, (className, { orientation }) =>
+        root({ orientation, size, className })
+      )}
+      {...props}
+    >
+      {composeRenderProps(children, (children, { orientation }) => (
+        <>
+          <TextContext
+            value={{ slots: { description: { id: descriptionId } } }}
+          >
+            <SliderProvider orientation={orientation} size={size}>
+              {children}
+            </SliderProvider>
+          </TextContext>
+        </>
+      ))}
+    </AriaSlider>
+  );
+};
+
+interface SliderTrackProps
+  extends React.ComponentProps<typeof AriaSliderTrack> {}
+const SliderTrack = ({ ...props }: SliderTrackProps) => {
+  const { orientation, size } = useSliderContext("SliderTrack");
+  return (
+    <AriaSliderTrack
+      className={composeRenderProps(props.className, (className) =>
+        track({ orientation, size, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface SliderFillerProps extends React.ComponentProps<"div"> {}
+const SliderFiller = ({ className, style, ...props }: SliderFillerProps) => {
+  const { size } = useSliderContext("SliderTrack");
+  const SliderState = React.useContext(SliderStateContext);
+  if (!SliderState)
+    throw new Error("SliderFiller must be used within SliderRoot");
+  const { orientation, getThumbPercent, values } = SliderState;
+  const dimensionStyles = getFillerDimensions(
+    values,
+    orientation,
+    getThumbPercent
+  );
+
+  return (
+    <div
+      className={filler({ orientation, size, className })}
+      style={{ ...style, ...dimensionStyles }}
+      {...props}
+    />
+  );
+};
+
+interface SliderThumbProps
+  extends React.ComponentProps<typeof AriaSliderThumb> {}
+const SliderThumb = ({ className, ...props }: SliderThumbProps) => {
+  const { orientation, size } = useSliderContext("SliderThumb");
+  return (
+    <AriaSliderThumb
+      className={composeRenderProps(className, (className) =>
+        thumb({ orientation, size, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface SliderValueLabelProps
+  extends React.ComponentProps<typeof AriaSliderOutput> {}
+const SliderValueLabel = ({
+  children,
+  className,
+  ...props
+}: SliderValueLabelProps) => {
+  return (
+    <AriaSliderOutput
+      className={composeRenderProps(className, (className) =>
+        valueLabel({ className })
+      )}
+      {...props}
+    >
+      {composeRenderProps(
+        children,
+        (children, { state }) =>
+          children ??
+          state.values.map((_, i) => state.getThumbValueLabel(i)).join(" - ")
+      )}
+    </AriaSliderOutput>
+  );
+};
+
+const getFillerDimensions = (
+  values: number[],
+  orientation: "horizontal" | "vertical",
+  getThumbPercent: (index: number) => number
+): React.CSSProperties => {
+  if (values.length === 1 && orientation === "horizontal")
+    return { width: `${getThumbPercent(0) * 100}%` };
+
+  if (values.length === 1 && orientation === "vertical")
+    return { height: `${getThumbPercent(0) * 100}%` };
+
+  if (orientation === "horizontal")
+    return {
+      width: `${getThumbPercent(0) * 100}%`,
+      left: `${getThumbPercent(1) * 100}%`,
+    };
+
+  if (orientation === "vertical")
+    return {
+      height: `${getThumbPercent(0) * 100}%`,
+      top: `${getThumbPercent(1) * 100}%`,
+    };
+
+  return {};
+};
+
+export {
+  Slider,
+  SliderRoot,
+  SliderTrack,
+  SliderFiller,
+  SliderThumb,
+  SliderValueLabel,
+};
diff --git a/www/src/registry/core/switch.tsx b/www/src/registry/core/switch.tsx
deleted file mode 100644
index eb75019f4..000000000
--- a/www/src/registry/core/switch.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Switch as AriaSwitch,
-  composeRenderProps,
-  type SwitchProps as AriaSwitchProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusRingGroup } from "@/registry/lib/focus-styles";
-
-const switchStyles = tv({
-  slots: {
-    root: "disabled:text-fg-disabled group flex items-center justify-start gap-3",
-    wrapper: [
-      focusRingGroup(),
-      "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
-      "group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent",
-    ],
-    indicator:
-      "group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200",
-    label: "",
-  },
-  variants: {
-    size: {
-      sm: {
-        wrapper: "h-5 w-9",
-        indicator:
-          "group-pressed:w-5 group-selected:ml-4 group-selected:group-pressed:ml-3 size-4",
-      },
-      md: {
-        wrapper: "h-6 w-11",
-        indicator:
-          "group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5",
-      },
-      lg: {
-        wrapper: "h-7 w-12",
-        indicator:
-          "group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-interface SwitchProps
-  extends Omit<AriaSwitchProps, "className">,
-    VariantProps<typeof switchStyles> {
-  className?: string;
-}
-
-const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(
-  ({ className, size, ...props }, ref) => {
-    const { root, wrapper, indicator, label } = switchStyles({ size });
-
-    return (
-      <AriaSwitch className={root({ className })} {...props} ref={ref}>
-        {composeRenderProps(props.children, (children) => (
-          <>
-            <span className={wrapper({})}>
-              <span className={indicator({})} style={{ contain: "layout" }} />
-            </span>
-            {children && <span className={label({})}>{children}</span>}
-          </>
-        ))}
-      </AriaSwitch>
-    );
-  }
-);
-
-Switch.displayName = "Switch";
-
-export { Switch };
diff --git a/www/src/registry/core/switch_basic.tsx b/www/src/registry/core/switch_basic.tsx
new file mode 100644
index 000000000..64d14b4d6
--- /dev/null
+++ b/www/src/registry/core/switch_basic.tsx
@@ -0,0 +1,117 @@
+"use client";
+
+import * as React from "react";
+import {
+  Switch as AriaSwitch,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/registry/lib/context-helpers";
+import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
+
+const switchStyles = tv({
+  slots: {
+    root: "disabled:text-fg-disabled group flex items-center justify-start gap-3",
+    indicator: [
+      "group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent",
+    ],
+    thumb:
+      "group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200",
+  },
+  variants: {
+    variant: {
+      default: { indicator: focusRingGroup() },
+      card: {
+        root: [
+          focusRing(),
+          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled cursor-pointer flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors",
+        ],
+      },
+    },
+    size: {
+      sm: {
+        indicator: "h-5 w-9",
+        thumb:
+          "group-pressed:w-5 group-selected:ml-4 group-selected:group-pressed:ml-3 size-4",
+      },
+      md: {
+        indicator: "h-6 w-11",
+        thumb:
+          "group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5",
+      },
+      lg: {
+        indicator: "h-7 w-13",
+        thumb:
+          "group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+  },
+});
+
+const { root, indicator, thumb } = switchStyles();
+
+const [SwitchProvider, useSwitchContext] =
+  createScopedContext<VariantProps<typeof switchStyles>>("SwitchRoot");
+
+interface SwitchProps extends SwitchRootProps {}
+const Switch = ({ children, ...props }: SwitchProps) => {
+  return (
+    <SwitchRoot {...props}>
+      {composeRenderProps(children, (children) => (
+        <>
+          <SwitchIndicator>
+            <SwitchThumb />
+          </SwitchIndicator>
+          {children}
+        </>
+      ))}
+    </SwitchRoot>
+  );
+};
+
+interface SwitchRootProps
+  extends React.ComponentProps<typeof AriaSwitch>,
+    VariantProps<typeof switchStyles> {}
+const SwitchRoot = ({
+  variant,
+  size,
+  className,
+  ...props
+}: SwitchRootProps) => {
+  return (
+    <SwitchProvider variant={variant} size={size}>
+      <AriaSwitch
+        className={composeRenderProps(className, (className) =>
+          root({ variant, size, className })
+        )}
+        {...props}
+      />
+    </SwitchProvider>
+  );
+};
+
+interface SwitchIndicatorProps extends React.ComponentProps<"span"> {}
+const SwitchIndicator = ({ className, ...props }: SwitchIndicatorProps) => {
+  const { variant, size } = useSwitchContext("SwitchIndicator");
+  return (
+    <span className={indicator({ variant, size, className })} {...props} />
+  );
+};
+
+interface SwitchThumbProps extends React.ComponentProps<"span"> {}
+const SwitchThumb = ({ className, ...props }: SwitchThumbProps) => {
+  const { variant, size } = useSwitchContext("SwitchThumb");
+  return <span className={thumb({ variant, size, className })} {...props} />;
+};
+
+export type {
+  SwitchProps,
+  SwitchRootProps,
+  SwitchIndicatorProps,
+  SwitchThumbProps,
+};
+export { Switch, SwitchRoot, SwitchIndicator, SwitchThumb };
diff --git a/www/src/registry/core/text-area.tsx b/www/src/registry/core/text-area.tsx
index ab53b7a01..f5b54f66b 100644
--- a/www/src/registry/core/text-area.tsx
+++ b/www/src/registry/core/text-area.tsx
@@ -1,71 +1,58 @@
 "use client";
 
 import * as React from "react";
-import { type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
+import {
+  TextField as AriaTextField,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field-01";
 import {
   InputRoot,
   TextAreaInput,
-  type inputStyles,
-} from "@/registry/core/input";
-import {
-  TextFieldRoot,
-  type TextFieldRootProps,
-} from "@/registry/core/text-field";
+  type InputRootProps,
+} from "@/registry/core/input_new";
+
+const textAreaStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
+interface TextAreaProps
+  extends TextAreaRootProps,
+    Pick<InputRootProps, "prefix" | "suffix">,
+    FieldProps {}
+
+const TextArea = ({
+  label,
+  description,
+  errorMessage,
+  prefix,
+  suffix,
+  ...props
+}: TextAreaProps) => {
+  return (
+    <TextAreaRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <InputRoot prefix={prefix} suffix={suffix} multiline>
+        <TextAreaInput />
+      </InputRoot>
+      <HelpText description={description} errorMessage={errorMessage} />
+    </TextAreaRoot>
+  );
+};
 
-type TextAreaProps = TextFieldRootProps &
-  Omit<FieldProps, "children"> &
-  Omit<VariantProps<typeof inputStyles>, "size"> & {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
-  (
-    {
-      className,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix,
-      suffix,
-      isLoading,
-      loaderPosition = "suffix",
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <TextFieldRoot className={className} {...props}>
-        <Field
-          label={label}
-          description={description}
-          errorMessage={errorMessage}
-          isRequired={isRequired}
-          necessityIndicator={necessityIndicator}
-          contextualHelp={contextualHelp}
-        >
-          <InputRoot
-            prefix={prefix}
-            suffix={suffix}
-            isLoading={isLoading}
-            loaderPosition={loaderPosition}
-            multiline
-          >
-            <TextAreaInput ref={ref} placeholder={placeholder} />
-          </InputRoot>
-        </Field>
-      </TextFieldRoot>
-    );
-  }
-);
-TextArea.displayName = "TextArea";
+interface TextAreaRootProps
+  extends React.ComponentProps<typeof AriaTextField> {}
+const TextAreaRoot = ({ className, ...props }: TextAreaRootProps) => {
+  return (
+    <AriaTextField
+      className={composeRenderProps(className, (className) =>
+        textAreaStyles({ className })
+      )}
+      {...props}
+    />
+  );
+};
 
-export type { TextAreaProps };
-export { TextArea };
+export type { TextAreaProps, TextAreaRootProps };
+export { TextArea, TextAreaRoot };
diff --git a/www/src/registry/core/text-field.tsx b/www/src/registry/core/text-field.tsx
index 7ba74ecbb..9c3d5bee7 100644
--- a/www/src/registry/core/text-field.tsx
+++ b/www/src/registry/core/text-field.tsx
@@ -3,88 +3,59 @@
 import * as React from "react";
 import {
   TextField as AriaTextField,
-  type TextFieldProps as AriaTextFieldProps,
+  composeRenderProps,
 } from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { tv } from "tailwind-variants";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field-01";
+import {
+  InputRoot,
+  Input,
+  type InputRootProps,
+} from "@/registry/core/input_new";
 
 const textFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
 });
 
-type TextFieldProps = TextFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix,
-      suffix,
-      isLoading,
-      loaderPosition = "suffix",
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <TextFieldRoot className={className} {...props}>
-        {({ isRequired }) => (
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <InputRoot
-              size={size}
-              prefix={prefix}
-              suffix={suffix}
-              isLoading={isLoading}
-              loaderPosition={loaderPosition}
-            >
-              <Input ref={ref} placeholder={placeholder} />
-            </InputRoot>
-          </Field>
-        )}
-      </TextFieldRoot>
-    );
-  }
-);
-TextField.displayName = "TextField";
+interface TextFieldProps
+  extends TextFieldRootProps,
+    Pick<InputRootProps, "size" | "prefix" | "suffix">,
+    FieldProps {}
 
-type TextFieldRootProps = Omit<AriaTextFieldProps, "className"> & {
-  className?: string;
+const TextField = ({
+  label,
+  description,
+  errorMessage,
+  prefix,
+  suffix,
+  size,
+  ...props
+}: TextFieldProps) => {
+  return (
+    <TextFieldRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <InputRoot size={size} prefix={prefix} suffix={suffix}>
+        <Input />
+      </InputRoot>
+      <HelpText description={description} errorMessage={errorMessage} />
+    </TextFieldRoot>
+  );
 };
-const TextFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaTextField>,
-  TextFieldRootProps
->(({ className, ...props }, ref) => {
+
+interface TextFieldRootProps
+  extends React.ComponentProps<typeof AriaTextField> {
+  placeholder?: string;
+}
+const TextFieldRoot = ({ className, ...props }: TextFieldRootProps) => {
   return (
     <AriaTextField
-      ref={ref}
-      className={textFieldStyles({ className })}
+      className={composeRenderProps(className, (className) =>
+        textFieldStyles({ className })
+      )}
       {...props}
     />
   );
-});
-TextFieldRoot.displayName = "TextFieldRoot";
+};
 
 export type { TextFieldProps, TextFieldRootProps };
 export { TextField, TextFieldRoot };
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 1f10eb96f..2560bf57e 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -594,6 +594,33 @@ export const core: Registry = [
       },
     ],
   },
+  {
+    name: "radio-group",
+    type: "registry:core",
+    variants: [
+      {
+        name: "radio-group_basic",
+        label: "Basic",
+      },
+    ],
+  },
+  {
+    name: "radio-group_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["field"],
+    files: [
+      {
+        path: "core/radio-group-_basic.tsx",
+        type: "registry:core",
+        target: "core/radio-group.tsx",
+      },
+    ],
+  },
+
+
+
+
   {
     name: "radio-group",
     type: "registry:core",
diff --git a/www/src/styles/fonts.ts b/www/src/styles/fonts.ts
index 5ea41f3c1..00dc47179 100644
--- a/www/src/styles/fonts.ts
+++ b/www/src/styles/fonts.ts
@@ -1,11 +1,16 @@
-import { Josefin_Sans } from "next/font/google";
-import { GeistMono } from "geist/font/mono";
-import { GeistSans } from "geist/font/sans";
+import { Josefin_Sans, Geist_Mono, Geist } from "next/font/google";
 
 export const josefinSans = Josefin_Sans({
   subsets: ["latin"],
   variable: "--font-josefin",
 });
 
-export const fontSans = GeistSans;
-export const fontMono = GeistMono;
+export const fontSans = Geist({
+  subsets: ["latin"],
+  variable: "--font-sans",
+});
+
+export const fontMono = Geist_Mono({
+  subsets: ["latin"],
+  variable: "--font-mono",
+});
\ No newline at end of file
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index cf29a2b1c..73342800b 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -148,7 +148,7 @@
 
 @theme {
   /* fonts */
-  --font-*: initial;
+  /* --font-*: initial; */
   --font-josefin: var(--font-josefin);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);

From ca57db64890721c05415e33892c5ccbd18177e70 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 17 Jan 2025 16:19:05 +0100
Subject: [PATCH 045/165] refactor: group calendar and range-calendar in same
 file

---
 .../components/date-and-time/date-field.mdx   |  11 -
 .../components/date-and-time/date-picker.mdx  |   9 -
 .../date-and-time/date-range-picker.mdx       |   9 -
 .../components/date-and-time/time-field.mdx   |  11 -
 www/src/app/(home)/components-overview.tsx    |   4 +-
 www/src/components/core/range-calendar.tsx    |   1 -
 .../dynamic-core/range-calendar.tsx           |   1 -
 .../demos/date-range-picker/composition.tsx   |   2 +-
 www/src/demos/range-calendar/composition.tsx  |   2 +-
 www/src/demos/range-calendar/controlled.tsx   |   2 +-
 www/src/demos/range-calendar/default.tsx      |   2 +-
 www/src/demos/range-calendar/disabled.tsx     |   2 +-
 .../demos/range-calendar/error-message.tsx    |   2 +-
 www/src/demos/range-calendar/label.tsx        |   2 +-
 .../range-calendar/non-contiguous-ranges.tsx  |   2 +-
 .../demos/range-calendar/page-behaviour.tsx   |   2 +-
 www/src/demos/range-calendar/read-only.tsx    |   2 +-
 www/src/demos/range-calendar/uncontrolled.tsx |   2 +-
 .../demos/range-calendar/unvailable-dates.tsx |   2 +-
 www/src/demos/range-calendar/validation.tsx   |   2 +-
 .../demos/range-calendar/visible-months.tsx   |   2 +-
 www/src/registry/core/calendar copy.tsx       |   2 -
 www/src/registry/core/calendar.tsx            | 194 +++++++++++-------
 www/src/registry/core/date-range-picker.tsx   |   2 +-
 www/src/registry/core/range-calendar.tsx      |  98 ---------
 www/src/registry/registry-core.ts             |  15 +-
 26 files changed, 141 insertions(+), 244 deletions(-)
 delete mode 100644 www/src/components/core/range-calendar.tsx
 delete mode 100644 www/src/components/dynamic-core/range-calendar.tsx
 delete mode 100644 www/src/registry/core/calendar copy.tsx
 delete mode 100644 www/src/registry/core/range-calendar.tsx

diff --git a/www/content/docs/components/date-and-time/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx
index bf5bcff06..031ce02de 100644
--- a/www/content/docs/components/date-and-time/date-field.mdx
+++ b/www/content/docs/components/date-and-time/date-field.mdx
@@ -168,17 +168,6 @@ Use the `hourCycle` prop to control the hour cycle of the DateField.
   preview={`<DateField granularity="minute" hourCycle={24} />`}
 />
 
-### Loading
-
-Use the `isLoading` prop to control the loading state of the DateField.
-Use the `loaderPosition` prop to control the position of the loader.
-
-<ComponentPreview
-  name="core/date-field/date-field-loading"
-  preview={`<DateField aria-label="Meeting date" isLoading loaderPosition="prefix" />
-<DateField aria-label="Meeting date" isLoading loaderPosition="suffix" />`}
-/>
-
 ### Disabled
 
 Use the `isDisabled` prop to disable the DateField.
diff --git a/www/content/docs/components/date-and-time/date-picker.mdx b/www/content/docs/components/date-and-time/date-picker.mdx
index 730cf325f..45f6445c0 100644
--- a/www/content/docs/components/date-and-time/date-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-picker.mdx
@@ -167,15 +167,6 @@ Use the `hourCycle` prop to control the hour cycle of the `DatePicker`.
   preview={`<DatePicker aria-label="Appointment date" granularity="minute" hourCycle={24} />`}
 />
 
-### Loading
-
-Use the `isLoading` prop to control the loading state of the `DatePicker`.
-
-<ComponentPreview
-  name="core/date-picker/date-picker-loading"
-  preview={`<DatePicker aria-label="Meeting date" isLoading />`}
-/>
-
 ### Disabled
 
 Use the `isDisabled` prop to disable the `DatePicker`.
diff --git a/www/content/docs/components/date-and-time/date-range-picker.mdx b/www/content/docs/components/date-and-time/date-range-picker.mdx
index 3a9f67085..8105307f2 100644
--- a/www/content/docs/components/date-and-time/date-range-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-range-picker.mdx
@@ -154,15 +154,6 @@ Use the `hourCycle` prop to control the hour cycle of the `DateRangePicker`.
   preview={`<DateRangePicker granularity="minute" hourCycle={24} />`}
 />
 
-### Loading
-
-Use the `isLoading` prop to control the loading state of the `DateRangePicker`.
-
-<ComponentPreview
-  name="core/date-range-picker/date-range-picker-loading"
-  preview={`<DateRangePicker isLoading />`}
-/>
-
 ### Disabled
 
 Use the `isDisabled` prop to disable the `DateRangePicker`.
diff --git a/www/content/docs/components/date-and-time/time-field.mdx b/www/content/docs/components/date-and-time/time-field.mdx
index d2cd0d753..ddab0b802 100644
--- a/www/content/docs/components/date-and-time/time-field.mdx
+++ b/www/content/docs/components/date-and-time/time-field.mdx
@@ -148,17 +148,6 @@ Use the `hourCycle` prop to control the hour cycle of the TimeField.
   preview={`<TimeField hourCycle={24} />`}
 />
 
-### Loading
-
-Use the `isLoading` prop to control the loading state of the TimeField.
-Use the `loaderPosition` prop to control the position of the loader.
-
-<ComponentPreview
-  name="core/time-field/time-field-loading"
-  preview={`<TimeField isLoading loaderPosition="prefix" />
-<TimeField isLoading loaderPosition="suffix" />`}
-/>
-
 ### Disabled
 
 Use the `isDisabled` prop to disable the TimeField.
diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx
index de9732482..1bfc32676 100644
--- a/www/src/app/(home)/components-overview.tsx
+++ b/www/src/app/(home)/components-overview.tsx
@@ -12,7 +12,7 @@ import { Link } from "@/components/dynamic-core/link";
 import { Item, ListBox } from "@/components/dynamic-core/list-box";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { Progress } from "@/components/dynamic-core/progress";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 import { SearchField } from "@/components/dynamic-core/search-field";
 import { Select } from "@/components/dynamic-core/select";
 import { Separator } from "@/components/dynamic-core/separator";
@@ -37,7 +37,7 @@ export function ComponentsOverview() {
       <div className="col-span-8">
         <Slider
           label="Progress"
-          valueLabel
+          showValueLabel
           defaultValue={50}
           className="!w-full"
         />
diff --git a/www/src/components/core/range-calendar.tsx b/www/src/components/core/range-calendar.tsx
deleted file mode 100644
index 63283ced5..000000000
--- a/www/src/components/core/range-calendar.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/range-calendar";
diff --git a/www/src/components/dynamic-core/range-calendar.tsx b/www/src/components/dynamic-core/range-calendar.tsx
deleted file mode 100644
index 984b401f3..000000000
--- a/www/src/components/dynamic-core/range-calendar.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/range-calendar";
diff --git a/www/src/demos/date-range-picker/composition.tsx b/www/src/demos/date-range-picker/composition.tsx
index f430c5922..1379cd823 100644
--- a/www/src/demos/date-range-picker/composition.tsx
+++ b/www/src/demos/date-range-picker/composition.tsx
@@ -13,7 +13,7 @@ import {
 } from "@/components/dynamic-core/field";
 import { InputRoot } from "@/components/dynamic-core/input";
 import { Overlay } from "@/components/dynamic-core/overlay";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/range-calendar/composition.tsx b/www/src/demos/range-calendar/composition.tsx
index 9038eab92..92765580d 100644
--- a/www/src/demos/range-calendar/composition.tsx
+++ b/www/src/demos/range-calendar/composition.tsx
@@ -11,7 +11,7 @@ import {
   CalendarCell,
 } from "@/components/dynamic-core/calendar";
 import { Heading } from "@/components/dynamic-core/heading";
-import { RangeCalendarRoot } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendarRoot } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/range-calendar/controlled.tsx b/www/src/demos/range-calendar/controlled.tsx
index 1df331adc..e43f1dc57 100644
--- a/www/src/demos/range-calendar/controlled.tsx
+++ b/www/src/demos/range-calendar/controlled.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import { getLocalTimeZone, today } from "@internationalized/date";
 import { type DateRange } from "react-aria-components";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   const [range, setRange] = React.useState<DateRange | null>({
diff --git a/www/src/demos/range-calendar/default.tsx b/www/src/demos/range-calendar/default.tsx
index ca8f1242d..bec190ad5 100644
--- a/www/src/demos/range-calendar/default.tsx
+++ b/www/src/demos/range-calendar/default.tsx
@@ -1,4 +1,4 @@
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return <RangeCalendar />;
diff --git a/www/src/demos/range-calendar/disabled.tsx b/www/src/demos/range-calendar/disabled.tsx
index 6a7005ce4..2697627f8 100644
--- a/www/src/demos/range-calendar/disabled.tsx
+++ b/www/src/demos/range-calendar/disabled.tsx
@@ -1,4 +1,4 @@
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return <RangeCalendar aria-label="Appointment date" isDisabled />;
diff --git a/www/src/demos/range-calendar/error-message.tsx b/www/src/demos/range-calendar/error-message.tsx
index 913d58d35..421dc97dd 100644
--- a/www/src/demos/range-calendar/error-message.tsx
+++ b/www/src/demos/range-calendar/error-message.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import { today, getLocalTimeZone } from "@internationalized/date";
 import { type DateRange } from "react-aria-components";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   const [range, setRange] = React.useState<DateRange | null>({
diff --git a/www/src/demos/range-calendar/label.tsx b/www/src/demos/range-calendar/label.tsx
index f157db6e7..fd18b6836 100644
--- a/www/src/demos/range-calendar/label.tsx
+++ b/www/src/demos/range-calendar/label.tsx
@@ -1,4 +1,4 @@
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return <RangeCalendar aria-label="Event date" />;
diff --git a/www/src/demos/range-calendar/non-contiguous-ranges.tsx b/www/src/demos/range-calendar/non-contiguous-ranges.tsx
index 03683672e..ba5939c46 100644
--- a/www/src/demos/range-calendar/non-contiguous-ranges.tsx
+++ b/www/src/demos/range-calendar/non-contiguous-ranges.tsx
@@ -5,7 +5,7 @@ import {
   getLocalTimeZone,
   today,
 } from "@internationalized/date";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   const now = today(getLocalTimeZone());
diff --git a/www/src/demos/range-calendar/page-behaviour.tsx b/www/src/demos/range-calendar/page-behaviour.tsx
index a921693e9..b25d188e8 100644
--- a/www/src/demos/range-calendar/page-behaviour.tsx
+++ b/www/src/demos/range-calendar/page-behaviour.tsx
@@ -1,4 +1,4 @@
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return <RangeCalendar visibleMonths={2} pageBehavior="single" />;
diff --git a/www/src/demos/range-calendar/read-only.tsx b/www/src/demos/range-calendar/read-only.tsx
index 2f527f553..70a490447 100644
--- a/www/src/demos/range-calendar/read-only.tsx
+++ b/www/src/demos/range-calendar/read-only.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/range-calendar/uncontrolled.tsx b/www/src/demos/range-calendar/uncontrolled.tsx
index 3ca6c132c..ad8e58dcd 100644
--- a/www/src/demos/range-calendar/uncontrolled.tsx
+++ b/www/src/demos/range-calendar/uncontrolled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/range-calendar/unvailable-dates.tsx b/www/src/demos/range-calendar/unvailable-dates.tsx
index c1839cc08..12312857a 100644
--- a/www/src/demos/range-calendar/unvailable-dates.tsx
+++ b/www/src/demos/range-calendar/unvailable-dates.tsx
@@ -5,7 +5,7 @@ import {
   getLocalTimeZone,
   today,
 } from "@internationalized/date";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   const now = today(getLocalTimeZone());
diff --git a/www/src/demos/range-calendar/validation.tsx b/www/src/demos/range-calendar/validation.tsx
index e5ed2466e..752d62e9b 100644
--- a/www/src/demos/range-calendar/validation.tsx
+++ b/www/src/demos/range-calendar/validation.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { getLocalTimeZone, today } from "@internationalized/date";
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/range-calendar/visible-months.tsx b/www/src/demos/range-calendar/visible-months.tsx
index af7c945cc..111bbe11e 100644
--- a/www/src/demos/range-calendar/visible-months.tsx
+++ b/www/src/demos/range-calendar/visible-months.tsx
@@ -1,4 +1,4 @@
-import { RangeCalendar } from "@/components/dynamic-core/range-calendar";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return <RangeCalendar visibleMonths={2} />;
diff --git a/www/src/registry/core/calendar copy.tsx b/www/src/registry/core/calendar copy.tsx
deleted file mode 100644
index b8f2270bf..000000000
--- a/www/src/registry/core/calendar copy.tsx	
+++ /dev/null
@@ -1,2 +0,0 @@
-"use client"
-
diff --git a/www/src/registry/core/calendar.tsx b/www/src/registry/core/calendar.tsx
index 7a3499565..a278d2abf 100644
--- a/www/src/registry/core/calendar.tsx
+++ b/www/src/registry/core/calendar.tsx
@@ -1,99 +1,72 @@
 "use client";
 
-import * as React from "react";
+import React from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import {
-  composeRenderProps,
   Calendar as AriaCalendar,
+  RangeCalendar as AriaRangeCalendar,
   CalendarCell as AriaCalendarCell,
   CalendarGrid as AriaCalendarGrid,
   CalendarGridHeader as AriaCalendarGridHeader,
   CalendarHeaderCell as AriaCalendarHeaderCell,
   CalendarGridBody as AriaCalendarGridBody,
-  type CalendarProps as AriaCalendarProps,
-  type CalendarGridProps as AriaCalendarGridProps,
-  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
-  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
-  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
-  type CalendarCellProps as AriaCalendarCellProps,
-  type DateValue,
   CalendarContext as AriaCalendarContext,
+  RangeCalendarContext as AriaRangeCalendarContext,
+  composeRenderProps,
   useSlottedContext,
 } from "react-aria-components";
+import type {
+  DateValue,
+  CalendarProps as AriaCalendarProps,
+  RangeCalendarProps as AriaRangeCalendarProps,
+} from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button } from "@/components/dynamic-core/button";
-import { buttonStyles } from "@/registry/core/button-01";
+import { Button } from "@/registry/core/button-01";
 import { Heading } from "@/registry/core/heading";
 import { Text } from "@/registry/core/text";
 
 const calendarStyles = tv({
   slots: {
     root: "",
-    header: "mb-4 flex items-center justify-between gap-2",
-    grid: "w-full border-collapse",
-    gridHeader: "mb-4",
-    gridHeaderCell: "text-fg-muted text-xs font-normal",
-    gridBody: "[&>tr>td]:p-0",
+    header: "",
+    grid: "",
+    gridHeader: "",
+    gridHeaderCell: "",
+    gridBody: "",
     cell: "",
   },
   variants: {
+    variant: {
+      default: "",
+      accent: "",
+    },
     standalone: {
       true: {
         root: "bg-bg rounded-md border p-3",
       },
-      false: {
-        root: "rounded-[inherit]",
-      },
     },
     range: {
-      false: {
-        cell: [
-          buttonStyles({
-            variant: "quiet",
-            shape: "square",
-            size: "sm",
-          }),
-          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
-          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-      true: {
-        cell: [
-          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
-          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
-          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
-          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
-          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
-          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
-          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
-          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
+      true: {},
     },
   },
-  defaultVariants: {
-    range: false,
-  },
 });
 
+const { root, header, grid, gridHeader, gridHeaderCell, gridBody, cell } =
+  calendarStyles();
+
 interface CalendarProps<T extends DateValue>
-  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
+  extends Omit<CalendarRootProps<T>, "visibleDuration"> {
   visibleMonths?: number;
   errorMessage?: string;
 }
 const Calendar = <T extends DateValue>({
-  errorMessage,
   visibleMonths = 1,
+  errorMessage,
   ...props
 }: CalendarProps<T>) => {
   visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
-
   return (
-    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+    <CalendarRoot {...props}>
       {({ isInvalid }) => (
         <>
           <CalendarHeader>
@@ -129,50 +102,123 @@ const Calendar = <T extends DateValue>({
   );
 };
 
-type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
-const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
+interface RangeCalendarProps<T extends DateValue>
+  extends Omit<RangeCalendarRootProps<T>, "visibleDuration"> {
+  visibleMonths?: number;
+  errorMessage?: string;
+}
+const RangeCalendar = <T extends DateValue>({
+  visibleMonths = 1,
+  errorMessage,
+  ...props
+}: RangeCalendarProps<T>) => {
+  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
+  return (
+    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+      {({ isInvalid }) => (
+        <>
+          <CalendarHeader>
+            <Button slot="previous" variant="outline" shape="square" size="sm">
+              <ChevronLeftIcon />
+            </Button>
+            <Heading className="text-sm" />
+            <Button slot="next" variant="outline" shape="square" size="sm">
+              <ChevronRightIcon />
+            </Button>
+          </CalendarHeader>
+          <div className="flex items-start gap-4">
+            {Array.from({ length: visibleMonths }).map((_, index) => (
+              <CalendarGrid
+                key={index}
+                offset={index === 0 ? undefined : { months: index }}
+              >
+                <CalendarGridHeader>
+                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+                </CalendarGridHeader>
+                <CalendarGridBody>
+                  {(date) => (
+                    <CalendarCell date={date} range>
+                      {({ formattedDate }) => (
+                        <span className="z-20">{formattedDate}</span>
+                      )}
+                    </CalendarCell>
+                  )}
+                </CalendarGridBody>
+              </CalendarGrid>
+            ))}
+          </div>
+          {isInvalid && errorMessage && (
+            <Text slot="errorMessage">{errorMessage}</Text>
+          )}
+        </>
+      )}
+    </RangeCalendarRoot>
+  );
+};
+
+interface CalendarRootProps<T extends DateValue> extends AriaCalendarProps<T> {}
+const CalendarRoot = <T extends DateValue>({
+  className,
+  ...props
+}: CalendarRootProps<T>) => {
   const CalendarContext = useSlottedContext(AriaCalendarContext);
   const standalone = Object.keys(CalendarContext ?? {}).length === 0;
-  const { root } = calendarStyles({ standalone });
   return (
     <AriaCalendar
+      className={composeRenderProps(className, (className) =>
+        root({ standalone, className })
+      )}
       {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
+    />
+  );
+};
+
+interface RangeCalendarRootProps<T extends DateValue>
+  extends AriaRangeCalendarProps<T> {}
+const RangeCalendarRoot = <T extends DateValue>({
+  className,
+  ...props
+}: RangeCalendarRootProps<T>) => {
+  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);
+  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
+  return (
+    <AriaRangeCalendar
+      className={composeRenderProps(className, (className) =>
+        root({ range: true, standalone, className })
       )}
+      {...props}
     />
   );
 };
 
-type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
+interface CalendarHeaderProps extends React.ComponentProps<"header"> {}
 const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
-  const { header } = calendarStyles();
   return <header className={header({ className })} {...props} />;
 };
 
-type CalendarGridProps = AriaCalendarGridProps;
+interface CalendarGridProps
+  extends React.ComponentProps<typeof AriaCalendarGrid> {}
 const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
-  const { grid } = calendarStyles();
   return <AriaCalendarGrid className={grid({ className })} {...props} />;
 };
 
-type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
+interface CalendarGridHeaderProps
+  extends React.ComponentProps<typeof AriaCalendarGridHeader> {}
 const CalendarGridHeader = ({
   className,
   ...props
 }: CalendarGridHeaderProps) => {
-  const { gridHeader } = calendarStyles();
   return (
     <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
   );
 };
 
-type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
+interface CalendarHeaderCellProps
+  extends React.ComponentProps<typeof AriaCalendarHeaderCell> {}
 const CalendarHeaderCell = ({
   className,
   ...props
 }: CalendarHeaderCellProps) => {
-  const { gridHeaderCell } = calendarStyles();
   return (
     <AriaCalendarHeaderCell
       className={gridHeaderCell({ className })}
@@ -181,17 +227,19 @@ const CalendarHeaderCell = ({
   );
 };
 
-type CalendarGridBodyProps = AriaCalendarGridBodyProps;
+interface CalendarGridBodyProps
+  extends React.ComponentProps<typeof AriaCalendarGridBody> {}
 const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
-  const { gridBody } = calendarStyles();
   return (
     <AriaCalendarGridBody className={gridBody({ className })} {...props} />
   );
 };
 
-type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
-const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
-  const { cell } = calendarStyles({ range });
+interface CalendarCellProps
+  extends React.ComponentProps<typeof AriaCalendarCell> {
+  range?: boolean;
+}
+const CalendarCell = ({ range = false, ...props }: CalendarCellProps) => {
   return (
     <AriaCalendarCell
       {...props}
@@ -205,6 +253,8 @@ const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
 export type {
   CalendarProps,
   CalendarRootProps,
+  RangeCalendarProps,
+  RangeCalendarRootProps,
   CalendarGridProps,
   CalendarGridHeaderProps,
   CalendarHeaderCellProps,
@@ -215,6 +265,8 @@ export type {
 export {
   Calendar,
   CalendarRoot,
+  RangeCalendar,
+  RangeCalendarRoot,
   CalendarHeader,
   CalendarGrid,
   CalendarGridHeader,
diff --git a/www/src/registry/core/date-range-picker.tsx b/www/src/registry/core/date-range-picker.tsx
index b5ac76946..8d07409ad 100644
--- a/www/src/registry/core/date-range-picker.tsx
+++ b/www/src/registry/core/date-range-picker.tsx
@@ -13,7 +13,7 @@ import { DateInput, DateSegment } from "@/registry/core/date-input";
 import { Dialog } from "@/registry/core/dialog";
 import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
 import { InputRoot, type inputStyles } from "@/registry/core/input";
-import { RangeCalendar } from "@/registry/core/range-calendar";
+import { RangeCalendar } from "@/registry/core/calendar";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
diff --git a/www/src/registry/core/range-calendar.tsx b/www/src/registry/core/range-calendar.tsx
deleted file mode 100644
index a73a0cb26..000000000
--- a/www/src/registry/core/range-calendar.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import {
-  composeRenderProps,
-  RangeCalendar as AriaRangeCalendar,
-  type RangeCalendarProps as AriaRangeCalendarProps,
-  type DateValue,
-  RangeCalendarContext as AriaRangeCalendarContext,
-  useSlottedContext,
-} from "react-aria-components";
-import { Button } from "@/registry/core/button-01";
-import {
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-  calendarStyles,
-} from "@/registry/core/calendar";
-import { Heading } from "@/registry/core/heading";
-import { Text } from "@/registry/core/text";
-
-interface RangeCalendarProps<T extends DateValue>
-  extends Omit<AriaRangeCalendarProps<T>, "visibleDuration"> {
-  visibleMonths?: number;
-  errorMessage?: string;
-}
-const RangeCalendar = <T extends DateValue>({
-  visibleMonths = 1,
-  errorMessage,
-  ...props
-}: RangeCalendarProps<T>) => {
-  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
-  return (
-    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
-      {({ isInvalid }) => (
-        <>
-          <CalendarHeader>
-            <Button slot="previous" variant="outline" shape="square" size="sm">
-              <ChevronLeftIcon />
-            </Button>
-            <Heading className="text-sm" />
-            <Button slot="next" variant="outline" shape="square" size="sm">
-              <ChevronRightIcon />
-            </Button>
-          </CalendarHeader>
-          <div className="flex items-start gap-4">
-            {Array.from({ length: visibleMonths }).map((_, index) => (
-              <CalendarGrid
-                key={index}
-                offset={index === 0 ? undefined : { months: index }}
-              >
-                <CalendarGridHeader>
-                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-                </CalendarGridHeader>
-                <CalendarGridBody>
-                  {(date) => (
-                    <CalendarCell date={date} range>
-                      {({ formattedDate }) => (
-                        <span className="z-20">{formattedDate}</span>
-                      )}
-                    </CalendarCell>
-                  )}
-                </CalendarGridBody>
-              </CalendarGrid>
-            ))}
-          </div>
-          {isInvalid && errorMessage && (
-            <Text slot="errorMessage">{errorMessage}</Text>
-          )}
-        </>
-      )}
-    </RangeCalendarRoot>
-  );
-};
-
-type RangeCalendarRootProps<T extends DateValue> = AriaRangeCalendarProps<T>;
-const RangeCalendarRoot = <T extends DateValue>(
-  props: RangeCalendarRootProps<T>
-) => {
-  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);
-  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
-  const { root } = calendarStyles({ standalone });
-  return (
-    <AriaRangeCalendar
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-export type { RangeCalendarProps, RangeCalendarRootProps };
-export { RangeCalendar, RangeCalendarRoot };
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 2560bf57e..94482993f 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -373,7 +373,7 @@ export const core: Registry = [
     dependencies: ["react-aria-components"],
     registryDependencies: [
       "button",
-      "range-calendar",
+      "calendar",
       "dialog",
       "date-input",
       "field",
@@ -634,19 +634,6 @@ export const core: Registry = [
       },
     ],
   },
-  {
-    name: "range-calendar",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "calendar", "heading", "text"],
-    files: [
-      {
-        path: "core/range-calendar/range-calendar.tsx",
-        type: "registry:core",
-        target: "core/range-calendar.tsx",
-      },
-    ],
-  },
   {
     name: "scroll-area",
     type: "registry:core",

From 8008e96218da5d3fba7c2cc3c7cdd02e2056ce42 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 19 Jan 2025 15:59:21 +0100
Subject: [PATCH 046/165] refactor: update components

---
 pnpm-lock.yaml                                |  25 +-
 .../docs/components/colors/color-area.mdx     |  74 ++--
 .../docs/components/colors/color-field.mdx    |  93 +++--
 .../docs/components/colors/color-swatch.mdx   |   2 +-
 .../components/date-and-time/calendar.mdx     | 205 ++++++----
 .../components/date-and-time/date-field.mdx   | 157 ++++---
 .../date-and-time/range-calendar.mdx          | 211 ++++++----
 .../components/date-and-time/time-field.mdx   | 186 +++++----
 .../components/drag-and-drop/drop-zone.mdx    |  81 ++--
 .../components/forms-and-inputs/slider.mdx    |   2 +-
 .../forms-and-inputs/text-field.mdx           |  65 ++-
 www/next.config.mjs                           |   6 +-
 www/package.json                              |   2 +-
 www/src/__registry__/core/calendar.tsx        | 225 ----------
 www/src/__registry__/core/color-area.tsx      |  16 +-
 www/src/__registry__/core/color-field.tsx     | 131 +++---
 www/src/__registry__/core/color-swatch.tsx    |  14 +-
 www/src/__registry__/core/date-field.tsx      |  92 ++---
 www/src/__registry__/core/date-input.tsx      |  58 ++-
 www/src/__registry__/core/date-picker.tsx     |   2 +-
 .../__registry__/core/date-range-picker.tsx   |   2 +-
 www/src/__registry__/core/drop-zone.tsx       |  19 +-
 www/src/__registry__/core/field.tsx           |   3 +-
 www/src/__registry__/demos.tsx                | 195 ++++-----
 www/src/components/component-preview.tsx      |  30 +-
 www/src/components/core/calendar.tsx          |   2 +-
 www/src/components/dynamic-core/calendar.tsx  | 186 ++++++++-
 www/src/components/search-command.tsx         |   9 +-
 www/src/components/theme-override.tsx         |   4 +-
 www/src/components/theme-provider.tsx         |  12 +
 www/src/demos/calendar/composition.tsx        |   8 +-
 www/src/demos/calendar/controlled.tsx         |  15 +-
 www/src/demos/calendar/default.tsx            |   2 +-
 www/src/demos/calendar/error-message.tsx      |   4 +-
 www/src/demos/calendar/label.tsx              |   5 -
 www/src/demos/calendar/page-behaviour.tsx     |   8 +-
 www/src/demos/calendar/uncontrolled.tsx       |   4 +-
 www/src/demos/calendar/variant.tsx            |  14 +
 www/src/demos/calendar/visible-months.tsx     |   2 +-
 www/src/demos/color-field/color-channel.tsx   |  34 ++
 www/src/demos/color-field/controlled.tsx      |   2 +-
 www/src/demos/color-field/uncontrolled.tsx    |   2 +-
 www/src/demos/date-field/composition.tsx      |  13 +-
 www/src/demos/date-field/controlled.tsx       |   9 +-
 www/src/demos/date-field/description.tsx      |   2 +-
 www/src/demos/date-field/granularity.tsx      |   4 +-
 www/src/demos/date-field/hide-time-zone.tsx   |   1 +
 www/src/demos/date-field/hour-cycle.tsx       |   1 +
 www/src/demos/date-field/loading.tsx          |  13 -
 www/src/demos/date-field/required.tsx         |   9 +-
 www/src/demos/date-field/time-zones.tsx       |   6 +-
 .../drop-zone/{default.tsx => basic.tsx}      |   0
 www/src/demos/drop-zone/events.tsx            |  59 +++
 www/src/demos/drop-zone/visual-feedback.tsx   |  16 +
 www/src/demos/range-calendar/composition.tsx  |  16 +-
 www/src/demos/range-calendar/controlled.tsx   |  20 +-
 www/src/demos/range-calendar/default.tsx      |   2 +-
 www/src/demos/range-calendar/disabled.tsx     |   2 +-
 .../demos/range-calendar/page-behaviour.tsx   |   2 +-
 www/src/demos/range-calendar/read-only.tsx    |   8 +-
 www/src/demos/range-calendar/uncontrolled.tsx |   8 +-
 www/src/demos/range-calendar/validation.tsx   |   2 +-
 .../range-calendar/{label.tsx => variant.tsx} |   2 +-
 .../demos/range-calendar/visible-months.tsx   |   2 +-
 www/src/demos/registry.ts                     |  14 +-
 www/src/demos/slider/composition.tsx          |   4 +-
 www/src/demos/slider/vertical.tsx             |   2 +-
 www/src/demos/text-field/composition.tsx      |   7 +-
 www/src/demos/time-field/composition.tsx      |  18 +-
 www/src/demos/time-field/controlled.tsx       |   7 +-
 www/src/demos/time-field/default.tsx          |   2 +-
 www/src/demos/time-field/granularity.tsx      |   2 +
 www/src/demos/time-field/hide-time-zone.tsx   |   1 +
 www/src/demos/time-field/placeholder.tsx      |   2 +-
 .../demos/time-field/prefix-and-suffix.tsx    |   4 +-
 www/src/demos/time-field/time-zones.tsx       |   5 +-
 www/src/demos/time-field/uncontrolled.tsx     |   2 +-
 www/src/lib/create-dynamic-component.tsx      |  27 +-
 www/src/lib/themes.ts                         |   4 +-
 .../core/{calendar.tsx => calendar_basic.tsx} | 172 ++++++--
 www/src/registry/core/calendar_cal.tsx        | 384 ++++++++++++++++++
 .../registry/core/checkbox-group_basic.tsx    |   2 +-
 www/src/registry/core/color-area.tsx          |  14 +-
 www/src/registry/core/color-field.tsx         | 131 +++---
 www/src/registry/core/color-slider copy.tsx   | 113 ++++++
 www/src/registry/core/color-slider_new.tsx    | 257 ++++++++++++
 www/src/registry/core/color-swatch.tsx        |  14 +-
 www/src/registry/core/date-field copy.tsx     |  63 +++
 www/src/registry/core/date-field.tsx          |  92 ++---
 www/src/registry/core/date-input.tsx          |  58 ++-
 www/src/registry/core/date-picker.tsx         |   2 +-
 www/src/registry/core/date-range-picker.tsx   |   2 +-
 www/src/registry/core/drop-zone.tsx           |  19 +-
 www/src/registry/core/field.tsx               |   3 +-
 .../core/{field-01.tsx => field_new.tsx}      |   2 +
 www/src/registry/core/input_new.tsx           |   2 +-
 www/src/registry/core/number-field copy.tsx   |   7 +-
 www/src/registry/core/number-field.tsx        |  16 +-
 www/src/registry/core/radio-group_basic.tsx   |   6 +-
 www/src/registry/core/search-field.tsx        |   2 +-
 www/src/registry/core/slider_basic.tsx        |  10 +-
 www/src/registry/core/text-area.tsx           |   2 +-
 www/src/registry/core/text-field.tsx          |  31 +-
 www/src/registry/core/time-field.tsx          |  90 ++--
 www/src/registry/registry-core.ts             |  21 +-
 105 files changed, 2519 insertions(+), 1503 deletions(-)
 delete mode 100644 www/src/__registry__/core/calendar.tsx
 create mode 100644 www/src/components/theme-provider.tsx
 delete mode 100644 www/src/demos/calendar/label.tsx
 create mode 100644 www/src/demos/calendar/variant.tsx
 create mode 100644 www/src/demos/color-field/color-channel.tsx
 delete mode 100644 www/src/demos/date-field/loading.tsx
 rename www/src/demos/drop-zone/{default.tsx => basic.tsx} (100%)
 create mode 100644 www/src/demos/drop-zone/events.tsx
 create mode 100644 www/src/demos/drop-zone/visual-feedback.tsx
 rename www/src/demos/range-calendar/{label.tsx => variant.tsx} (59%)
 rename www/src/registry/core/{calendar.tsx => calendar_basic.tsx} (59%)
 create mode 100644 www/src/registry/core/calendar_cal.tsx
 create mode 100644 www/src/registry/core/color-slider copy.tsx
 create mode 100644 www/src/registry/core/color-slider_new.tsx
 create mode 100644 www/src/registry/core/date-field copy.tsx
 rename www/src/registry/core/{field-01.tsx => field_new.tsx} (99%)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0565e05b7..caeb8c3d9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -216,8 +216,8 @@ importers:
         specifier: ^3.10.0
         version: 3.10.0(react-hook-form@7.54.2(react@19.0.0))
       '@internationalized/date':
-        specifier: ^3.5.4
-        version: 3.6.0
+        specifier: ^3.7.0
+        version: 3.7.0
       '@radix-ui/react-aspect-ratio':
         specifier: ^1.0.3
         version: 1.1.1(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -1272,9 +1272,6 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@internationalized/date@3.6.0':
-    resolution: {integrity: sha512-+z6ti+CcJnRlLHok/emGEsWQhe7kfSmEW+/6qCzvKY67YPh7YOBfvc7+/+NXq+zJlbArg30tYpqLjNgcAYv2YQ==}
-
   '@internationalized/date@3.7.0':
     resolution: {integrity: sha512-VJ5WS3fcVx0bejE/YHfbDKR/yawZgKqn/if+oEeLqNwBtPzVB06olkfcnojTmEMX+gTpH+FlQ69SHNitJ8/erQ==}
 
@@ -7462,10 +7459,6 @@ snapshots:
   '@img/sharp-win32-x64@0.33.5':
     optional: true
 
-  '@internationalized/date@3.6.0':
-    dependencies:
-      '@swc/helpers': 0.5.15
-
   '@internationalized/date@3.7.0':
     dependencies:
       '@swc/helpers': 0.5.15
@@ -7931,7 +7924,7 @@ snapshots:
 
   '@react-aria/calendar@3.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@internationalized/date': 3.6.0
+      '@internationalized/date': 3.7.0
       '@react-aria/i18n': 3.12.4(react@19.0.0)
       '@react-aria/interactions': 3.22.5(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
@@ -8078,7 +8071,7 @@ snapshots:
 
   '@react-aria/datepicker@3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@internationalized/date': 3.6.0
+      '@internationalized/date': 3.7.0
       '@internationalized/number': 3.6.0
       '@internationalized/string': 3.2.5
       '@react-aria/focus': 3.19.0(react@19.0.0)
@@ -8302,7 +8295,7 @@ snapshots:
 
   '@react-aria/i18n@3.12.4(react@19.0.0)':
     dependencies:
-      '@internationalized/date': 3.6.0
+      '@internationalized/date': 3.7.0
       '@internationalized/message': 3.1.6
       '@internationalized/number': 3.6.0
       '@internationalized/string': 3.2.5
@@ -9012,7 +9005,7 @@ snapshots:
 
   '@react-stately/calendar@3.6.0(react@19.0.0)':
     dependencies:
-      '@internationalized/date': 3.6.0
+      '@internationalized/date': 3.7.0
       '@react-stately/utils': 3.10.5(react@19.0.0)
       '@react-types/calendar': 3.5.0(react@19.0.0)
       '@react-types/shared': 3.26.0(react@19.0.0)
@@ -9125,7 +9118,7 @@ snapshots:
 
   '@react-stately/datepicker@3.11.0(react@19.0.0)':
     dependencies:
-      '@internationalized/date': 3.6.0
+      '@internationalized/date': 3.7.0
       '@internationalized/string': 3.2.5
       '@react-stately/form': 3.1.0(react@19.0.0)
       '@react-stately/overlays': 3.6.12(react@19.0.0)
@@ -9506,7 +9499,7 @@ snapshots:
 
   '@react-types/calendar@3.5.0(react@19.0.0)':
     dependencies:
-      '@internationalized/date': 3.6.0
+      '@internationalized/date': 3.7.0
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
@@ -9558,7 +9551,7 @@ snapshots:
 
   '@react-types/datepicker@3.9.0(react@19.0.0)':
     dependencies:
-      '@internationalized/date': 3.6.0
+      '@internationalized/date': 3.7.0
       '@react-types/calendar': 3.5.0(react@19.0.0)
       '@react-types/overlays': 3.8.11(react@19.0.0)
       '@react-types/shared': 3.26.0(react@19.0.0)
diff --git a/www/content/docs/components/colors/color-area.mdx b/www/content/docs/components/colors/color-area.mdx
index 0da97492e..e5d23c0eb 100644
--- a/www/content/docs/components/colors/color-area.mdx
+++ b/www/content/docs/components/colors/color-area.mdx
@@ -1,11 +1,9 @@
 ---
-title: Color Area
+title: Color Area ☑️
 description: ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ColorArea.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ColorArea.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -19,54 +17,28 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add color-area
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/color-area/color-area"]} />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use `ColorArea` to allow users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
 
-## Options
+```tsx
+import { ColorArea } from "@/components/core/color-area";
 
-### Channels
-
-`xChannel` and `yChannel` props may be provided to specify which color channels the color area should display
-
-<ComponentPreview
-  name="core/color-area/color-area-channels"
-  preview={`<ColorArea xChannel="red" yChannel="blue" />`}
-/>
-
-### Disabled
+<ColorArea />;
+```
 
-Use the `isDisabled` prop to disable the color area.
+```tsx
+import { ColorAreaRoot } from "@/components/core/color-area";
+import { ColorThumb } from "@/components/core/color-thumb";
 
-<ComponentPreview
-  name="core/color-area/color-area-disabled"
-  preview={`<ColorArea isDisabled />`}
-/>
+<ColorAreaRoot>
+  <ColorThumb />
+</ColorAreaRoot>;
+```
 
 ## Unontrolled
 
@@ -87,6 +59,26 @@ Use the `value` and `onChange` props to control the value of the slider.
 return <ColorArea value={value} onChange={setValue} xChannel="saturation" yChannel="lightness" />`}
 />
 
+## Options
+
+### Channels
+
+`xChannel` and `yChannel` props may be provided to specify which color channels the color area should display
+
+<ComponentPreview
+  name="core/color-area/color-area-channels"
+  preview={`<ColorArea xChannel="red" yChannel="blue" />`}
+/>
+
+### Disabled
+
+Use the `isDisabled` prop to disable the color area.
+
+<ComponentPreview
+  name="core/color-area/color-area-disabled"
+  preview={`<ColorArea isDisabled />`}
+/>
+
 ## Composition
 
 If you need to customize things further, you can drop down to the composition level.
diff --git a/www/content/docs/components/colors/color-field.mdx b/www/content/docs/components/colors/color-field.mdx
index c7d78ae5f..5dce02965 100644
--- a/www/content/docs/components/colors/color-field.mdx
+++ b/www/content/docs/components/colors/color-field.mdx
@@ -1,11 +1,9 @@
 ---
-title: Color Field
+title: Color Field ☑️
 description: A color field allows users to edit a hex color or individual color channel value.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ColorField.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ColorField.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -19,35 +17,61 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add color-field
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Usage
 
-    ```package-install
-    react-aria-components
-    ```
+Use a `ColorField` to allow users to edit a hex color or individual color channel value.
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/color-field/color-field"]} />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+```tsx
+import { ColorField } from "@/components/core/color-field";
 
-  </Tab>
-</Tabs>
+<ColorField label="Background" description="Enter a background color." />;
+```
 
-## Usage
+```tsx
+import { ColorFieldRoot, ColorFiedInput } from "@/components/core/color-field";
+import { Label, Description, FieldError } from "@/components/core/field";
 
-Use a `ColorField` to allow users to edit a hex color or individual color channel value.
+<ColorFieldRoot>
+  <Label>Background</Label>
+  <ColorFieldInput />
+  <Description>Enter a background color.</Description>
+  <FieldError />
+</ColorFieldRoot>;
+```
+
+## Uncontrolled
+
+Use the `value` and `onChange` props to control the value of the input.
+
+<ComponentPreview
+  name="core/color-field/color-field-uncontrolled"
+  preview={`<ColorField defaultValue="#7f007f" />`}
+/>
+
+## Controlled
+
+Use the `value` and `onChange` props to control the value of the input.
+
+<ComponentPreview
+  name="core/color-field/color-field-controlled"
+  preview={`const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
+return <ColorField value={color} onChange={setColor} />`}
+/>
+
+## Color channel
+
+By default, ColorField allows the user to edit the color as a hex value. When the colorSpace and channel props are provided, ColorField displays the value for that channel formatted as a number instead.Rendering multiple ColorFields together can allow a user to edit a color.
 
+<ComponentPreview
+  name="core/color-field/color-field-color-channel"
+  preview={`<ColorField label="Hue" colorSpace="hsl" channel="hue" />
+  <ColorField label="Saturation" colorSpace="hsl" channel="saturation" />
+  <ColorField label="Lightness" colorSpace="hsl" channel="lightness" />`}
+/>
 ## Options
 
 ### Label
@@ -131,25 +155,6 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 <ColorField label="Color" necessityIndicator="label" />`}
 />
 
-## Uncontrolled
-
-Use the `value` and `onChange` props to control the value of the input.
-
-<ComponentPreview
-  name="core/color-field/color-field-uncontrolled"
-  preview={`<ColorField defaultValue="#7f007f" />`}
-/>
-
-## Controlled
-
-Use the `value` and `onChange` props to control the value of the input.
-
-<ComponentPreview
-  name="core/color-field/color-field-controlled"
-  preview={`const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
-return <ColorField value={color} onChange={setColor} />`}
-/>
-
 ## Composition
 
 If you need to customize things further, you can drop down to the composition level.
@@ -158,9 +163,7 @@ If you need to customize things further, you can drop down to the composition le
   name="core/color-field/color-field-composition"
   preview={`<ColorFieldRoot>
     <Label>Background</Label>
-    <InputRoot>
-      <Input />
-    </InputRoot>
+    <ColorFieldInput />
     <Description>Enter a background color.</Description>
     <FieldError />
   </ColorFieldRoot>`}
diff --git a/www/content/docs/components/colors/color-swatch.mdx b/www/content/docs/components/colors/color-swatch.mdx
index de7b02b13..b7e1f3f52 100644
--- a/www/content/docs/components/colors/color-swatch.mdx
+++ b/www/content/docs/components/colors/color-swatch.mdx
@@ -1,5 +1,5 @@
 ---
-title: Color Swatch
+title: Color Swatch ☑️
 description: A ColorSwatch displays a preview of a selected color.
 ---
 
diff --git a/www/content/docs/components/date-and-time/calendar.mdx b/www/content/docs/components/date-and-time/calendar.mdx
index 3b2e3c522..f3469af43 100644
--- a/www/content/docs/components/date-and-time/calendar.mdx
+++ b/www/content/docs/components/date-and-time/calendar.mdx
@@ -1,96 +1,123 @@
 ---
-title: Calendar
+title: Calendar ☑️
 description: A component that allows users to select a single date.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Calendar.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Calendar.html#props
+  - label: "@internationalized/date"
+    href: https://react-spectrum.adobe.com/internationalized/date/index.html
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/calendar.mdx?plain=1
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/date-and-time/calendar.mdx?plain=1
 ---
 
 <ComponentPreview
   name="core/calendar/calendar-default"
-  preview={`<Calendar />`}
+  preview={`<Calendar aria-label="Appointment date" />`}
 />
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add calendar
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Usage
 
-    ```package-install
-    react-aria-components
-    ```
+Use `Calendar` to allow users to select a single date.
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/calendar/calendar" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+```tsx
+import { parseDate } from "@internationalized/date";
+import { Calendar } from "@/components/core/calendar";
 
-  </Tab>
-</Tabs>
+<Calendar
+  aria-label="Appointment date"
+  defaultValue={parseDate("2025-01-01")}
+/>;
+```
 
-## Usage
+```tsx
+import { parseDate } from "@internationalized/date";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { Button } from "@/components/core/button";
+import {
+  CalendarRoot,
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+} from "@/components/core/calendar";
+import { Heading } from "@/registry/ui/default/core/heading";
+
+<CalendarRoot
+  aria-label="Appointment date"
+  defaultValue={parseDate("2025-01-01")}
+>
+  <CalendarHeader>
+    <Button slot="previous">
+      <ChevronLeftIcon />
+    </Button>
+    <Heading />
+    <Button slot="next">
+      <ChevronRightIcon />
+    </Button>
+  </CalendarHeader>
+  <CalendarGrid>
+    <CalendarGridHeader>
+      {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+    </CalendarGridHeader>
+    <CalendarGridBody>
+      {(date) => <CalendarCell date={date} />}
+    </CalendarGridBody>
+  </CalendarGrid>
+</CalendarRoot>;
+```
 
-Use `Calendar` to allow users to select a single date.
+### Best practices
 
-## Options
+- An `aria-label` must be provided to the `Calendar` for accessibility. If it is labeled by a separate element, an `aria-labelledby` prop must be provided using the id of the labeling element instead.
 
-### Label
+## Uncontrolled
 
-An `aria-label` must be provided to the Calendar for accessibility. If it is labeled by a separate element, an `aria-labelledby` prop must be provided using the id of the labeling element instead.
+An initial, uncontrolled value can be provided to the `Calendar` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/calendar/calendar-label"
-  preview={`<Calendar aria-label="Event date" />`}
+  name="core/calendar/calendar-uncontrolled"
+  preview={`<Calendar aria-label="Appointment date" defaultValue={parseDate("2025-01-01")} />`}
 />
 
-### Error message
+## Controlled
 
-`Calendar` tries to avoid allowing the user to select invalid dates in the first place (see [Min and max values](#min-and-max-values) and [Unavailable dates](#unavailable-dates)). However, if according to application logic a selected date is invalid, Use `isInvalid` and `errorMessage` props.
+The `Calendar` component can be controlled by passing the `value` and `onChange` props.
 
 <ComponentPreview
-  name="core/calendar/calendar-error-message"
-  preview={`const [date, setDate] = React.useState(today(getLocalTimeZone()));
-  const { locale } = useLocale();
-  const isInvalid = isWeekend(date, locale);
-  return (
-    <Calendar
-      value={date}
-      onChange={setDate}
-      isInvalid={isInvalid}
-      errorMessage={"We are closed on weekends"}
-    />
-  );`}
+  name="core/calendar/calendar-controlled"
+  preview={`const [value, setValue] = React.useState<DateValue>(parseDate('2025-01-01'))
+return <Calendar aria-label="Event date" value={value} onChange={setValue} />`}
 />
 
+## Validation
+
 ### Min and max values
 
 By default, `Calendar` allows selecting any date. The `minValue` and `maxValue` props can also be used to prevent the user from selecting dates outside a certain range.
 
+This example only accepts dates after today.
+
 <ComponentPreview
   name="core/calendar/calendar-validation"
-  preview={`<Calendar minValue={today(getLocalTimeZone())} />`}
+  preview={`<Calendar aria-label="Appointment date" minValue={today(getLocalTimeZone())} />`}
 />
 
 ### Unavailable dates
 
 `Calendar` supports marking certain dates as unavailable. These dates cannot be selected by the user and are displayed with a crossed out appearance. The `isDateUnavailable` prop accepts a callback that is called to evaluate whether each visible date is unavailable.
 
+This example includes multiple unavailable date ranges, e.g. dates when no appointments are available. In addition, all weekends are unavailable. The minValue prop is also used to prevent selecting dates before today.
+
 {/* prettier-ignore-start */}
 
 <ComponentPreview 
@@ -119,13 +146,51 @@ By default, `Calendar` allows selecting any date. The `minValue` and `maxValue`
 
 {/* prettier-ignore-end */}
 
+### Error message
+
+`Calendar` tries to avoid allowing the user to select invalid dates in the first place (see [Min and max values](/docs/components/date-and-time/calendar#min-and-max-values) and [Unavailable dates](/docs/components/date-and-time/calendar#unavailable-dates). However, if according to application logic a selected date is invalid, Use `isInvalid` and `errorMessage` props.
+
+This example validates that the selected date is a weekday and not a weekend according to the current locale.
+
+<ComponentPreview
+  name="core/calendar/calendar-error-message"
+  preview={`const [date, setDate] = React.useState(today(getLocalTimeZone()));
+  const { locale } = useLocale();
+  const isInvalid = isWeekend(date, locale);
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      value={date}
+      onChange={setDate}
+      isInvalid={isInvalid}
+      errorMessage={"We are closed on weekends"}
+    />
+
+);`}
+/>
+
+## Options
+
+### Variant
+
+The `variant` prop can be used to change the appearance of the `Calendar`.
+
+<ComponentPreview
+  name="core/calendar/calendar-variant"
+  preview={`<Calendar
+    aria-label="Appointment date"
+    variant="primary"
+    defaultValue={parseDate("2025-01-01")}
+  />`}
+/>
+
 ### Visible months
 
 By default, `Calendar` displays a single month. The `visibleMonths` prop allows displaying up to 3 months at a time.
 
 <ComponentPreview
   name="core/calendar/calendar-visible-months"
-  preview={`<Calendar visibleMonths={2} />`}
+  preview={`<Calendar aria-label="Appointment date" visibleMonths={2} />`}
 />
 
 ### Page behaviour
@@ -134,7 +199,7 @@ The `pageBehavior` prop allows you to control how the calendar navigates between
 
 <ComponentPreview
   name="core/calendar/calendar-page-behaviour"
-  preview={`<Calendar visibleMonths={2} pageBehavior="single" />`}
+  preview={`<Calendar aria-label="Appointment date" visibleMonths={2} pageBehavior="single" />`}
 />
 
 ### Disabled
@@ -143,7 +208,7 @@ The `isDisabled` boolean prop makes the Calendar disabled. Cells cannot be focus
 
 <ComponentPreview
   name="core/calendar/calendar-disabled"
-  preview={`<Calendar isDisabled />`}
+  preview={`<Calendar aria-label="Appointment date" isDisabled />`}
 />
 
 ### Read only
@@ -152,33 +217,35 @@ The `isReadOnly` boolean prop makes the Calendar's value immutable. Unlike `isDi
 
 <ComponentPreview
   name="core/calendar/calendar-read-only"
-  preview={`<Calendar isReadOnly value={today(getLocalTimeZone())} />`}
-/>
-
-## Uncontrolled
-
-An initial, uncontrolled value can be provided to the `Calendar` using the `defaultValue` prop.
-
-<ComponentPreview
-  name="core/calendar/calendar-uncontrolled"
-  preview={`<Calendar defaultValue={today(getLocalTimeZone())} />`}
-/>
-
-## Controlled
-
-The `Calendar` component can be controlled by passing the `value` and `onChange` props.
-
-<ComponentPreview
-  name="core/calendar/calendar-controlled"
-  preview={`const [value, setValue] = React.useState(today(getLocalTimeZone()));
-return <Calendar aria-label="Date (controlled)" value={value} onChange={setValue} />`}
+  preview={`<Calendar aria-label="Appointment date" isReadOnly value={today(getLocalTimeZone())} />`}
 />
 
 ## Composition
 
 If you need to customize things further, you can drop down to the composition level.
 
-<ComponentPreview name="core/calendar/calendar-composition" />
+<ComponentPreview
+  name="core/calendar/calendar-composition"
+  preview={`<CalendarRoot aria-label="Event date">
+    <CalendarHeader>
+      <Button slot="previous">
+        <ChevronLeftIcon />
+      </Button>
+      <Heading />
+      <Button slot="next">
+        <ChevronRightIcon />
+      </Button>
+    </CalendarHeader>
+    <CalendarGrid>
+      <CalendarGridHeader>
+        {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+      </CalendarGridHeader>
+      <CalendarGridBody>
+        {(date) => <CalendarCell date={date} />}
+      </CalendarGridBody>
+    </CalendarGrid>
+  </CalendarRoot>`}
+/>
 
 ## API Reference
 
diff --git a/www/content/docs/components/date-and-time/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx
index 031ce02de..1e048b27d 100644
--- a/www/content/docs/components/date-and-time/date-field.mdx
+++ b/www/content/docs/components/date-and-time/date-field.mdx
@@ -1,11 +1,9 @@
 ---
-title: Date Field
+title: Date Field ☑️
 description: A date field allows users to enter and edit date and time values using a keyboard.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/DateField.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/DateField.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -14,39 +12,55 @@ links:
 
 <ComponentPreview
   name="core/date-field/date-field-default"
-  preview={`<DateField />`}
+  preview={`<DateField aria-label="Meeting date" />`}
 />
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add date-field
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Usage
 
-    ```package-install
-    react-aria-components
-    ```
+Use a `DateField` to allow users to enter and edit time values using a keyboard.
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/date-field/date-field" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+```tsx
+import { DateField } from "@/components/core/date-field";
 
-  </Tab>
-</Tabs>
+<DateField label="Event date" description="Please select your event date." />;
+```
 
-## Usage
+```tsx
+import { DateFieldRoot, DateFieldInput } from "@/components/core/date-field";
+import { Label, Description, FieldError } from "@/components/core/field";
 
-Use a `DateField` to allow users to enter and edit time values using a keyboard.
+<DateFieldRoot>
+  <Label>Event date</Label>
+  <DateFieldInput />
+  <Description>Please select your event date.</Description>
+  <FieldError />
+</DateFieldRoot>
+```
+
+## Uncontrolled
+
+An initial, uncontrolled value can be provided to the `DateField` using the `defaultValue` prop.
+
+<ComponentPreview
+  name="core/date-field/date-field-uncontrolled"
+  preview={`<DateField defaultValue={parseDate("2020-02-03")} />`}
+/>
+
+## Controlled
+
+Use the `value` and `onChange` props to control the value of the input.
+
+<ComponentPreview
+  name="core/date-field/date-field-controlled"
+  preview={`const [value, setValue] = React.useState(parseDate("2020-02-03"));
+  return <DateField value={value} onChange={setValue} />`}
+/>
 
 ## Options
 
@@ -60,7 +74,7 @@ A visual label can be provided for the `DateField` using the `label` prop or a h
 <DateField aria-label="Meeting date" />`}
 />
 
-### Sizes
+### Size
 
 Use the `size` prop to control the size of the `DateField`.<br/>
 The default variant is `"md"`.
@@ -104,13 +118,46 @@ An `errorMessage` can be supplied to `DateField`, which will be displayed when t
   />`}
 />
 
+### Disabled
+
+Use the `isDisabled` prop to disable the DateField.
+
+<ComponentPreview
+  name="core/date-field/date-field-disabled"
+  preview={`<DateField label="Event date" isDisabled />`}
+/>
+
+### ReadOnly
+
+The `isReadOnly` boolean prop makes the DateField's text content immutable. Unlike isDisabled, the DateField remains focusable and the contents can still be copied.
+
+<ComponentPreview
+  name="core/date-field/date-field-read-only"
+  preview={`<DateField label="Event date" value={new CalendarDate(1980, 1, 1)} isReadOnly />`}
+/>
+
+### Required
+
+Use the `isRequired` prop to mark the DateField as required.
+Use the `necessityIndicator` prop to control the visual style of the required state.
+
+<ComponentPreview
+  name="core/date-field/date-field-required"
+  preview={`<DateField label="Event date" isRequired />`}
+/>
+
+## Value options
+
 ### Time zones
 
 `DateField` is time zone aware when a ZonedDateTime object is provided as the value.
 
 <ComponentPreview
   name="core/date-field/date-field-time-zones"
-  preview={`<DateField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />`}
+  preview={`<DateField
+    aria-label="Meeting time"
+    defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")}
+  />`}
 />
 
 ### Granularity
@@ -136,6 +183,8 @@ The `granularity` prop allows you to control the smallest unit that is displayed
   />`}
 />
 
+## Format Options
+
 ### Placeholder value
 
 Use the `placeholderValue` prop to control the default values of each segment. The default value is midnight.
@@ -165,57 +214,7 @@ Use the `hourCycle` prop to control the hour cycle of the DateField.
 
 <ComponentPreview
   name="core/date-field/date-field-hour-cycle"
-  preview={`<DateField granularity="minute" hourCycle={24} />`}
-/>
-
-### Disabled
-
-Use the `isDisabled` prop to disable the DateField.
-
-<ComponentPreview
-  name="core/date-field/date-field-disabled"
-  preview={`<DateField label="Event date" isDisabled />`}
-/>
-
-### ReadOnly
-
-The isReadOnly boolean prop makes the DateField's text content immutable. Unlike isDisabled, the DateField remains focusable and the contents can still be copied.
-
-<ComponentPreview
-  name="core/date-field/date-field-read-only"
-  preview={`<DateField label="Event date" value={new CalendarDate(1980, 1, 1)} isReadOnly />`}
-/>
-
-### Required
-
-Use the `isRequired` prop to mark the DateField as required.
-Use the `necessityIndicator` prop to control the visual style of the required state.
-
-<ComponentPreview
-  name="core/date-field/date-field-required"
-  preview={`<DateField label="Event date" isRequired />
-<DateField label="Event date" isRequired necessityIndicator="icon" />
-<DateField label="Event date" isRequired necessityIndicator="label" />
-<DateField label="Event date" necessityIndicator="label" />`}
-/>
-
-## Uncontrolled
-
-An initial, uncontrolled value can be provided to the `DateField` using the `defaultValue` prop.
-
-<ComponentPreview
-  name="core/date-field/date-field-uncontrolled"
-  preview={`<DateField defaultValue={parseDate("2020-02-03")} />`}
-/>
-
-## Controlled
-
-Use the `value` and `onChange` props to control the value of the input.
-
-<ComponentPreview
-  name="core/date-field/date-field-controlled"
-  preview={`const [value, setValue] = React.useState(parseDate("2020-02-03"));
-  return <DateField value={value} onChange={setValue} />`}
+  preview={`<DateField aria-label="Meeting time" granularity="minute" hourCycle={24} />`}
 />
 
 ## Composition
@@ -226,9 +225,7 @@ If you need to customize things further, you can drop down to the composition le
   name="core/date-field/date-field-composition"
   preview={`<DateFieldRoot>
     <Label>Meeting time</Label>
-    <InputRoot>
-      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-    </InputRoot>
+    <DateFieldInput />
     <Description>Please select a time between 9 AM and 5 PM.</Description>
   </DateFieldRoot>`}
 />
diff --git a/www/content/docs/components/date-and-time/range-calendar.mdx b/www/content/docs/components/date-and-time/range-calendar.mdx
index bb6781e92..2067a48b7 100644
--- a/www/content/docs/components/date-and-time/range-calendar.mdx
+++ b/www/content/docs/components/date-and-time/range-calendar.mdx
@@ -1,11 +1,11 @@
 ---
-title: Range Calendar
+title: Range Calendar ☑️
 description: A component that allows users to select a range of dates.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/RangeCalendar.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/RangeCalendar.html#props
+  - label: "@internationalized/date"
+    href: https://react-spectrum.adobe.com/internationalized/date/index.html
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -14,85 +14,125 @@ links:
 
 <ComponentPreview
   name="core/range-calendar/range-calendar-default"
-  preview={`<RangeCalendar />`}
+  preview={`<RangeCalendar aria-label="Trip dates" />`}
 />
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
-npx dotui-cli@latest add range-calendar
+```package-install
+npx dotui-cli@latest add calendar
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
+## Usage
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/range-calendar/range-calendar" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+Use `RangeCalendar` to allow users to select a contiguous or non-contiguous range of dates.
 
-  </Tab>
-</Tabs>
+```tsx
+import { parseDate } from "@internationalized/date";
+import { RangeCalendar } from "@/components/core/calendar";
+
+<RangeCalendar
+  aria-label="Trip dates"
+  defaultValue={{
+    start: parseDate("2020-02-03"),
+    end: parseDate("2020-02-12"),
+  }}
+/>;
+```
 
-## Usage
+```tsx
+import { parseDate } from "@internationalized/date";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { Button } from "@/components/core/button";
+import {
+  RangeCalendarRoot,
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+} from "@/components/core/calendar";
+import { Heading } from "@/registry/ui/default/core/heading";
+
+<RangeCalendarRoot
+  aria-label="Trip dates"
+  defaultValue={{
+    start: parseDate("2020-02-03"),
+    end: parseDate("2020-02-12"),
+  }}
+>
+  <CalendarHeader>
+    <Button slot="previous">
+      <ChevronLeftIcon />
+    </Button>
+    <Heading />
+    <Button slot="next">
+      <ChevronRightIcon />
+    </Button>
+  </CalendarHeader>
+  <CalendarGrid>
+    <CalendarGridHeader>
+      {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+    </CalendarGridHeader>
+    <CalendarGridBody>
+      {(date) => <CalendarCell date={date} />}
+    </CalendarGridBody>
+  </CalendarGrid>
+</RangeCalendarRoot>;
+```
 
-Use `RangeCalendar` to allow users to select a contiguous or non-contiguous range of dates.
+### Best practices
 
-## Options
+- An `aria-label` must be provided to the `RangeCalendar` for accessibility. If it is labeled by a separate element, an `aria-labelledby` prop must be provided using the id of the labeling element instead.
 
-### Label
+## Uncontrolled
 
-An `aria-label` must be provided to the `RangeCalendar` for accessibility. If it is labeled by a separate element, an `aria-labelledby` prop must be provided using the id of the labeling element instead.
+An initial, uncontrolled value can be provided to the `RangeCalendar` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-label"
-  preview={`<RangeCalendar aria-label="Event date" />`}
+  name="core/range-calendar/range-calendar-uncontrolled"
+  preview={`<RangeCalendar
+    aria-label="Trip dates"
+    defaultValue={{
+      start: parseDate("2020-02-03"),
+      end: parseDate("2020-02-12"),
+    }}
+  />`}
 />
 
-### Error message
+## Controlled
 
-`RangeCalendar` tries to avoid allowing the user to select invalid dates in the first place (see [Min and max values](#min-and-max-values) and [Unavailable dates](#unavailable-dates)). However, if according to application logic a selected date is invalid, Use `isInvalid` and `errorMessage` props.
+The Range Calendar component can be controlled by passing the `value` and `onChange` props.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-error-message"
-  preview={`const [range, setRange] = React.useState({
-    start: today(getLocalTimeZone()),
-    end: today(getLocalTimeZone()).add({ weeks: 1, days: 3 }),
+  name="core/range-calendar/range-calendar-controlled"
+  preview={`const [value, setValue] = React.useState<DateRange>({
+    start: parseDate("2020-02-03"),
+    end: parseDate("2020-02-12"),
   });
-  const isInvalid = range.end.compare(range.start) > 7;
-  return (
-    <RangeCalendar
-      value={range}
-      onChange={setRange}
-      isInvalid={isInvalid}
-      errorMessage={isInvalid ? "Maximum stay duration is 1 week" : undefined}
-    />
-  );`}
+  return <RangeCalendar aria-label="Trip dates" value={value} onChange={setValue} />`}
 />
 
+## Validation
+
 ### Min and max values
 
 By default, Calendar allows selecting any date. The minValue and maxValue props can also be used to prevent the user from selecting dates outside a certain range.
 
+This example only accepts dates after today.
+
 <ComponentPreview
   name="core/range-calendar/range-calendar-validation"
-  preview={`<RangeCalendar minValue={today(getLocalTimeZone())} />`}
+  preview={`<RangeCalendar aria-label="Trip dates" minValue={today(getLocalTimeZone())} />`}
 />
 
 ### Unavailable dates
 
 Calendar supports marking certain dates as unavailable. These dates cannot be selected by the user and are displayed with a crossed out appearance. The `isDateUnavailable` prop accepts a callback that is called to evaluate whether each visible date is unavailable.
 
+This example includes multiple unavailable date ranges, e.g. dates when a rental house is not available. The `minValue` prop is also used to prevent selecting dates before today.
+
 {/* prettier-ignore-start */}
 
 <ComponentPreview
@@ -111,6 +151,7 @@ Calendar supports marking certain dates as unavailable. These dates cannot be se
 
   return (
     <RangeCalendar
+      aria-label="Trip dates"
       minValue={today(getLocalTimeZone())}
       isDateUnavailable={isDateUnavailable}
     />
@@ -123,6 +164,8 @@ Calendar supports marking certain dates as unavailable. These dates cannot be se
 
 The `allowsNonContiguousRanges` prop enables a range to be selected even if there are unavailable dates in the middle.
 
+This example prevents selecting weekends, but allows selecting ranges that span multiple weeks.
+
 <ComponentPreview
   name="core/range-calendar/range-calendar-non-contiguous-ranges"
   preview={`const now = today(getLocalTimeZone());
@@ -137,6 +180,7 @@ The `allowsNonContiguousRanges` prop enables a range to be selected even if ther
     );
   return (
     <RangeCalendar
+      aria-label="Trip dates"
       minValue={today(getLocalTimeZone())}
       isDateUnavailable={isDateUnavailable}
       allowsNonContiguousRanges
@@ -144,13 +188,39 @@ The `allowsNonContiguousRanges` prop enables a range to be selected even if ther
   );`}
 />
 
+### Error message
+
+`RangeCalendar` tries to avoid allowing the user to select invalid dates in the first place (see [Min and max values](/docs/components/date-and-time/calendar#min-and-max-values) and [Unavailable dates](/docs/components/date-and-time/calendar#unavailable-dates)). However, if according to application logic a selected date is invalid, Use `isInvalid` and `errorMessage` props.
+
+This example validates that the selected date range is a maximum of 1 week in duration.
+
+<ComponentPreview
+  name="core/range-calendar/range-calendar-error-message"
+  preview={`const [range, setRange] = React.useState({
+    start: today(getLocalTimeZone()),
+    end: today(getLocalTimeZone()).add({ weeks: 1, days: 3 }),
+  });
+  const isInvalid = range.end.compare(range.start) > 7;
+  return (
+    <RangeCalendar
+      aria-label="Trip dates"
+      value={range}
+      onChange={setRange}
+      isInvalid={isInvalid}
+      errorMessage={isInvalid ? "Maximum stay duration is 1 week" : undefined}
+    />
+  );`}
+/>
+
+## Options
+
 ### Visible months
 
 By default, the `RangeCalendar` displays a single month. The `visibleMonths` prop allows displaying up to 3 months at a time.
 
 <ComponentPreview
   name="core/range-calendar/range-calendar-visible-months"
-  preview={`<RangeCalendar visibleMonths={2} />`}
+  preview={`<RangeCalendar aria-label="Trip dates" visibleMonths={2} />`}
 />
 
 ### Page behaviour
@@ -159,7 +229,7 @@ The `pageBehavior` prop allows you to control how the range-calendar navigates b
 
 <ComponentPreview
   name="core/range-calendar/range-calendar-page-behaviour"
-  preview={`<RangeCalendar visibleMonths={2} pageBehavior="single" />`}
+  preview={`<RangeCalendar aria-label="Trip dates" visibleMonths={2} pageBehavior="single" />`}
 />
 
 ### Disabled
@@ -168,7 +238,7 @@ The `isDisabled` boolean prop makes the `RangeCalendar` disabled. cells cannot b
 
 <ComponentPreview
   name="core/range-calendar/range-calendar-disabled"
-  preview={`<RangeCalendar isDisabled />`}
+  preview={`<RangeCalendar aria-label="Trip dates" isDisabled />`}
 />
 
 ### Read only
@@ -178,49 +248,28 @@ The `isReadOnly` boolean prop makes the `RangeCalendar`'s value immutable. Unlik
 <ComponentPreview
   name="core/range-calendar/range-calendar-read-only"
   preview={`<RangeCalendar
+    aria-label="Trip dates"
     isReadOnly
     value={{
-      start: today(getLocalTimeZone()),
-      end: today(getLocalTimeZone()).add({ weeks: 1 }),
+      start: parseDate("2020-02-03"),
+      end: parseDate("2020-02-12"),
     }}
   />`}
 />
 
-## Uncontrolled
-
-An initial, uncontrolled value can be provided to the `Calendar` using the `defaultValue` prop.
-
-<ComponentPreview
-  name="core/range-calendar/range-calendar-uncontrolled"
-  preview={`<Calendar defaultValue={today(getLocalTimeZone())} />`}
-/>
-
-## Controlled
-
-The Range Calendar component can be controlled by passing the `value` and `onChange` props.
-
-<ComponentPreview
-  name="core/range-calendar/range-calendar-controlled"
-  preview={`const [range, setRange] = React.useState<DateRange>({
-    start: today(getLocalTimeZone()),
-    end: today(getLocalTimeZone()).add({ weeks: 1 }),
-  });
-  return <RangeCalendar value={range} onChange={setRange} />`}
-/>
-
 ## Composition
 
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
   name="core/range-calendar/range-calendar-composition"
-  preview={`<RangeCalendarRoot>
+  preview={`<RangeCalendarRoot aria-label="Trip dates">
     <CalendarHeader>
-      <Button slot="previous" variant="outline" shape="square" size="sm">
+      <Button slot="previous">
         <ChevronLeftIcon />
       </Button>
-      <Heading className="text-sm" />
-      <Button slot="next" variant="outline" shape="square" size="sm">
+      <Heading />
+      <Button slot="next">
         <ChevronRightIcon />
       </Button>
     </CalendarHeader>
@@ -229,11 +278,7 @@ If you need to customize things further, you can drop down to the composition le
         {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
       </CalendarGridHeader>
       <CalendarGridBody>
-        {(date) => (
-          <CalendarCell date={date} range>
-            {({ formattedDate }) => <span className="z-20">{formattedDate}</span>}
-          </CalendarCell>
-        )}
+        {(date) => <CalendarCell date={date} />}
       </CalendarGridBody>
     </CalendarGrid>
   </RangeCalendarRoot>`}
diff --git a/www/content/docs/components/date-and-time/time-field.mdx b/www/content/docs/components/date-and-time/time-field.mdx
index ddab0b802..9c486f2ca 100644
--- a/www/content/docs/components/date-and-time/time-field.mdx
+++ b/www/content/docs/components/date-and-time/time-field.mdx
@@ -1,11 +1,9 @@
 ---
-title: Time Field
+title: Time Field ☑️
 description: TimeFields allow users to enter and edit time values using a keyboard.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/TimeField.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/TimeField.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -14,39 +12,58 @@ links:
 
 <ComponentPreview
   name="core/time-field/time-field-default"
-  preview={`<TimeField />`}
+  preview={`<TimeField aria-label="Event time" />`}
 />
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add time-field
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Usage
 
-    ```package-install
-    react-aria-components
-    ```
+Use a `TimeField` to allow users to enter and edit time values using a keyboard.
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/time-field/time-field" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+```tsx
+import { TimeField } from "@/components/core/time-field";
 
-  </Tab>
-</Tabs>
+<TimeField label="Event time" description="Please select your event time." />;
+```
 
-## Usage
+```tsx
+import { Label, Description } from "@/components/dynamic-core/field";
+import {
+  TimeFieldRoot,
+  TimeFieldInput,
+} from "@/components/dynamic-core/time-field";
+
+<TimeFieldRoot>
+  <Label>Meeting time</Label>
+  <TimeFieldInput />
+  <Description>Please select a time between 9 AM and 5 PM.</Description>
+  <FieldError />
+</TimeFieldRoot>;
+```
 
-Use a `TimeField` to allow users to enter and edit time values using a keyboard.
+## Uncontrolled
+
+An initial, uncontrolled value can be provided to the `TimeField` using the `defaultValue` prop.
+
+<ComponentPreview
+  name="core/time-field/time-field-uncontrolled"
+  preview={`<TimeField aria-label="Event time" defaultValue={new Time(11, 45)} />`}
+/>
+
+## Controlled
+
+Use the `value` and `onChange` props to control the value of the input.
+
+<ComponentPreview
+  name="core/time-field/time-field-controlled"
+  preview={`const [time, setTime] = React.useState(new Time(11, 45));
+return <TimeField aria-label="Event time" value={time} onChange={setTime} />`}
+/>
 
 ## Options
 
@@ -60,16 +77,16 @@ A visual label can be provided for the `TimeField` using the `label` prop or a h
 <TimeField aria-label="Event time" />`}
 />
 
-### Sizes
+### Size
 
 Use the `size` prop to control the size of the `TimeField`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
   name="core/time-field/time-field-sizes"
-  preview={`<TimeField size="sm" />
-<TimeField size="md" />
-<TimeField size="lg" />`}
+  preview={`<TimeField label="small (sm)" size="sm" />
+  <TimeField label="medium (md)" size="md" />
+  <TimeField label="large (lg)" size="lg" />`}
 />
 
 ### Prefix and suffix
@@ -78,8 +95,8 @@ To add additional context for the `TimeField`, such as an icon, use the `prefix`
 
 <ComponentPreview
   name="core/time-field/time-field-prefix-and-suffix"
-  preview={`<TimeField prefix={<TimerIcon />} />
-<TimeField suffix={<TimerIcon />} />`}
+  preview={`<TimeField aria-label="Event time" prefix={<TimerIcon />} />
+  <TimeField aria-label="Event time" suffix={<TimerIcon />} />`}
 />
 
 ### Description
@@ -100,102 +117,96 @@ An `errorMessage` can be supplied to `TimeField` via the `errorMessage` prop, wh
   preview={`<TimeField label="Meeting" isInvalid errorMessage="Meetings start every 15 minutes." />`}
 />
 
-### Time zones
+### Disabled
 
-TimeField is time zone aware when a ZonedDateTime object is provided as the value.
+Use the `isDisabled` prop to disable the TimeField.
 
 <ComponentPreview
-  name="core/time-field/time-field-time-zones"
-  preview={`<TimeField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />`}
+  name="core/time-field/time-field-disabled"
+  preview={`<TimeField label="Event time" isDisabled />`}
 />
 
-### Granularity
+### ReadOnly
 
-The `granularity` prop allows you to control the smallest unit that is displayed by TimeField.
+The `isReadOnly` boolean prop makes the TimeField's text content immutable. Unlike isDisabled, the TimeField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/time-field/time-field-granularity"
-  preview={`<TimeField granularity="second" defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")} />`}
+  name="core/time-field/time-field-read-only"
+  preview={`<TimeField label="Event time" value={new Time(11)} isReadOnly />`}
 />
 
-### Placeholder value
+### Required
 
-Use the `placeholderValue` prop to control the default values of each segment. The default value is midnight.
+Use the `isRequired` prop to mark the TimeField as required.
+Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/time-field/time-field-placeholder"
-  preview={`<TimeField placeholderValue={new Time(9)} />`}
+  name="core/time-field/time-field-required"
+  preview={`<TimeField label="Event time" isRequired />
+<TimeField label="Event time" isRequired necessityIndicator="icon" />
+<TimeField label="Event time" isRequired necessityIndicator="label" />
+<TimeField label="Event time" necessityIndicator="label" />`}
 />
 
-### Hide time zone
+## Value options
 
-Use the `hideTimeZone` prop to hide the time zone abbreviation.
+### Time zones
+
+TimeField is time zone aware when a `ZonedDateTime` object is provided as the value.
 
 <ComponentPreview
-  name="core/time-field/time-field-hide-time-zone"
+  name="core/time-field/time-field-time-zones"
   preview={`<TimeField
-    defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
-    hideTimeZone
+    aria-label="Event time"
+    defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")}
   />`}
 />
 
-### Hour cycle
-
-Use the `hourCycle` prop to control the hour cycle of the TimeField.
-
-<ComponentPreview
-  name="core/time-field/time-field-hour-cycle"
-  preview={`<TimeField hourCycle={24} />`}
-/>
-
-### Disabled
+### Granularity
 
-Use the `isDisabled` prop to disable the TimeField.
+The `granularity` prop allows you to control the smallest unit that is displayed by TimeField.
 
 <ComponentPreview
-  name="core/time-field/time-field-disabled"
-  preview={`<TimeField label="Event time" isDisabled />`}
+  name="core/time-field/time-field-granularity"
+  preview={`<TimeField
+    aria-label="Event time"
+    granularity="second"
+    defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+  />`}
 />
 
-### ReadOnly
-
-The `isReadOnly` boolean prop makes the TimeField's text content immutable. Unlike isDisabled, the TimeField remains focusable and the contents can still be copied.
+## Format Options
 
-<ComponentPreview
-  name="core/time-field/time-field-read-only"
-  preview={`<TimeField label="Event time" value={new Time(11)} isReadOnly />`}
-/>
-
-### Required
+### Placeholder value
 
-Use the `isRequired` prop to mark the TimeField as required.
-Use the `necessityIndicator` prop to control the visual style of the required state.
+`placeholderValue` controls the default values of each segment when the user first interacts with them, e.g. using the up and down arrow keys.
+The default value is midnight.
 
 <ComponentPreview
-  name="core/time-field/time-field-required"
-  preview={`<TimeField label="Event time" isRequired />
-<TimeField label="Event time" isRequired necessityIndicator="icon" />
-<TimeField label="Event time" isRequired necessityIndicator="label" />
-<TimeField label="Event time" necessityIndicator="label" />`}
+  name="core/time-field/time-field-placeholder"
+  preview={`<TimeField aria-label="Event time" placeholderValue={new Time(9)} />`}
 />
 
-## Uncontrolled
+### Hide time zone
 
-An initial, uncontrolled value can be provided to the `TimeField` using the `defaultValue` prop.
+Use the `hideTimeZone` prop to hide the time zone abbreviation.
 
 <ComponentPreview
-  name="core/time-field/time-field-uncontrolled"
-  preview={`<TimeField defaultValue={new Time(11, 45)} />`}
+  name="core/time-field/time-field-hide-time-zone"
+  preview={`<TimeField
+    aria-label="Appointment time"
+    defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
+    hideTimeZone
+  />`}
 />
 
-## Controlled
+### Hour cycle
 
-Use the `value` and `onChange` props to control the value of the input.
+Use the `hourCycle` prop to control the hour cycle of the TimeField.
 
 <ComponentPreview
-  name="core/time-field/time-field-controlled"
-  preview={`const [time, setTime] = React.useState(new Time(11, 45));
-return <TimeField value={time} onChange={setTime} />`}
+  name="core/time-field/time-field-hour-cycle"
+  preview={`<TimeField aria-label="Appointment time" hourCycle={24} />`}
 />
 
 ## Composition
@@ -206,10 +217,9 @@ If you need to customize things further, you can drop down to the composition le
   name="core/time-field/time-field-composition"
   preview={`<TimeFieldRoot>
     <Label>Meeting time</Label>
-    <InputRoot>
-      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-    </InputRoot>
+    <TimeFieldInput />
     <Description>Please select a time between 9 AM and 5 PM.</Description>
+    <FieldError />
   </TimeFieldRoot>`}
 />
 
diff --git a/www/content/docs/components/drag-and-drop/drop-zone.mdx b/www/content/docs/components/drag-and-drop/drop-zone.mdx
index ad82c9258..84e5756ce 100644
--- a/www/content/docs/components/drag-and-drop/drop-zone.mdx
+++ b/www/content/docs/components/drag-and-drop/drop-zone.mdx
@@ -1,11 +1,9 @@
 ---
-title: Dropzone
+title: Dropzone ☑️
 description: A drop zone is an area into which one or multiple objects can be dragged and dropped.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/DropZone.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/DropZone.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -13,40 +11,17 @@ links:
 ---
 
 <ComponentPreview
-  name="core/drop-zone/drop-zone-default"
+  name="core/drop-zone/drop-zone-basic"
   preview={`<DropZone><UploadIcon /></DropZone>`}
 />
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add drop-zone
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/drop-zone/drop-zone" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
-## Options
-
-### Label
+## Label
 
 A visual label can be provided for the `DropZone` using the `<Text slot="label">` component, or a hidden label using `aria-label` prop.
 
@@ -61,21 +36,26 @@ A visual label can be provided for the `DropZone` using the `<Text slot="label">
   </DropZone>`}
 />
 
-### Disabled
+## Events
 
-Use the `isDisabled` prop to disable the drop zone.
+DropZone supports user interactions via mouse, keyboard, and touch. You can handle all of these via the `onDrop` prop. In addition, the `onDropEnter`, `onDropMove`, and `onDropExit` events are fired as the user interacts with the dropzone.
 
 <ComponentPreview
-  name="core/drop-zone/drop-zone-disabled"
-  preview={`<DropZone isDisabled>
-    <UploadIcon />
-    <Text slot="label">Drag and drop files here</Text>
+  name="core/drop-zone/drop-zone-events"
+  preview={`<Draggable text="Component A" />
+  <Draggable text="Component B" />
+  <DropZone
+    onDrop={async (e) => {
+      {/* handle drop event */}
+    }}
+  >
+    <Text slot="label">Droppable</Text>
   </DropZone>`}
 />
 
-## Examples
+## File trigger
 
-### File trigger
+To allow the selection of files from the user's device, pass FileTrigger as a child of DropZone.
 
 <ComponentPreview
   name="core/drop-zone/drop-zone-file-trigger"
@@ -88,6 +68,33 @@ Use the `isDisabled` prop to disable the drop zone.
   </DropZone>`}
 />
 
+## Visual feedback
+
+A dropzone displays visual feedback to the user when a drag hovers over the drop target by passing the `getDropOperation` function. If a drop target only supports data of specific types (e.g. images, videos, text, etc.), then it should implement the `getDropOperation` prop and return `"cancel"` for types that aren't supported. This will prevent visual feedback indicating that the drop target accepts the dragged data when this is not true.
+
+<ComponentPreview
+  name="core/drop-zone/drop-zone-visual-feedback"
+  preview={`<DropZone
+    getDropOperation={(types) => (types.has("image/png") ? "copy" : "cancel")}
+  >
+    {dropped ? "Successful drop!" : "Drop files here"}
+  </DropZone>`}
+/>
+
+## Options
+
+### Disabled
+
+Use the `isDisabled` prop to disable the drop zone.
+
+<ComponentPreview
+  name="core/drop-zone/drop-zone-disabled"
+  preview={`<DropZone isDisabled>
+    <UploadIcon />
+    <Text slot="label">Drag and drop files here</Text>
+  </DropZone>`}
+/>
+
 ## API Reference
 
 | Prop               | Type                                                                                                  | Default | Description                                                                                                                 |
diff --git a/www/content/docs/components/forms-and-inputs/slider.mdx b/www/content/docs/components/forms-and-inputs/slider.mdx
index eba1d56c0..aaab5c58a 100644
--- a/www/content/docs/components/forms-and-inputs/slider.mdx
+++ b/www/content/docs/components/forms-and-inputs/slider.mdx
@@ -1,5 +1,5 @@
 ---
-title: Slider ☑️
+title: Slider 🚧
 description: An input where the user selects a value from within a given range.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/text-field.mdx b/www/content/docs/components/forms-and-inputs/text-field.mdx
index dfb7a1600..60f96837d 100644
--- a/www/content/docs/components/forms-and-inputs/text-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/text-field.mdx
@@ -33,14 +33,11 @@ import { TextField } from "@/components/core/text-field";
 
 ```tsx
 import { Label, Description } from "@/components/core/field";
-import { InputRoot, Input } from "@/components/core/input";
-import { TextFieldRoot } from "@/components/core/text-field";
+import { TextFieldRoot, TextFieldInput } from "@/components/core/text-field";
 
 <TextFieldRoot>
   <Label>Email</Label>
-  <InputRoot>
-    <Input />
-  </InputRoot>
+  <TextFieldInput />
   <Description>Enter your email.</Description>
 </TextFieldRoot>;
 ```
@@ -166,42 +163,40 @@ If you need to customize things further, you can drop down to the composition le
   name="core/text-field/text-field-composition"
   preview={`<TextFieldRoot>
     <Label>Email</Label>
-    <InputRoot>
-      <Input />
-    </InputRoot>
+    <TextFieldInput />
     <Description>Enter your email.</Description>
   </TextFieldRoot>`}
 />
 
 ## API Reference
 
-| Prop                 | Type                                                                                                   | Default    | Description                                                                                                                                                                                                                           |
-| -------------------- | ------------------------------------------------------------------------------------------------------ | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `label`              | `ReactNode`                                                                                            |            | The content to display as the label.                                                                                                                                                                                                  |
-| `description`        | `ReactNode`                                                                                            |            | A description for the field. Provides a hint such as specific requirements for what to choose.                                                                                                                                        |
-| `errorMessage`       | `ReactNode \| (v: ValidationResult) => ReactNode`                                                      |            | An error message for the field.                                                                                                                                                                                                       |
-| `prefix`             | `ReactNode`                                                                                            | -          | A visual to display before the input.                                                                                                                                                                                                 |
-| `suffix`             | `ReactNode`                                                                                            | -          | A visual to display after the input.                                                                                                                                                                                                  |
-| `size`               | `"sm" \| "md" \| "lg"`                                                                                 | `"md"`     | The size of the input.                                                                                                                                                                                                                |
-| `isInvalid`          | `boolean`                                                                                              | -          | Whether the value is invalid.                                                                                                                                                                                                         |
-| `isDisabled`         | `boolean`                                                                                              | -          | Whether the input is disabled.                                                                                                                                                                                                        |
-| `isReadOnly`         | `boolean`                                                                                              | -          | Whether the input can be selected but not changed by the user.                                                                                                                                                                        |
-| `isRequired`         | `boolean`                                                                                              | -          | Whether user input is required on the input before form submission.                                                                                                                                                                   |
-| `validate`           | `(value: string) => ValidationError \| true \| null \| undefined`                                      | -          | A function that returns an error message if a given value is invalid. Validation errors are displayed to the user when the form is submitted if validationBehavior="native". For realtime validation, use the isInvalid prop instead. |
-| `autoFocus`          | `boolean`                                                                                              | -          | Whether the element should receive focus on render.                                                                                                                                                                                   |
-| `value`              | `string`                                                                                               | -          | The current value (controlled).                                                                                                                                                                                                       |
-| `defaultValue`       | `string`                                                                                               | -          | The default value (uncontrolled).                                                                                                                                                                                                     |
-| `autoComplete`       | `string`                                                                                               | -          | Describes the type of autocomplete functionality the input should provide if any.                                                                                                                                                     |
-| `maxLength`          | `number`                                                                                               | -          | The maximum number of characters supported by the input.                                                                                                                                                                              |
-| `minLength`          | `number`                                                                                               | -          | The minimum number of characters required by the input.                                                                                                                                                                               |
-| `pattern`            | `string`                                                                                               | -          | Regex pattern that the value of the input must match to be valid.                                                                                                                                                                     |
-| `type`               | `'text' \| 'search' \| 'url' \| 'tel' \| 'email' \| 'password' \| string & {}`                         | -          | The type of input to render.                                                                                                                                                                                                          |
-| `inputMode`          | `'none' \| 'text' \| 'tel' \| 'url' \| 'email' \| 'numeric' \| 'decimal' \| 'search'`                  | -          | Hints at the type of data that might be entered by the user while editing the element or its contents.                                                                                                                                |
-| `name`               | `string`                                                                                               | -          | The name of the input element, used when submitting an HTML form.                                                                                                                                                                     |
-| `validationBehavior` | `'native' \| 'aria'`                                                                                   | 'native'   | Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.                                                                        |
-| `children`           | `ReactNode \| (values: TextFieldRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -          | The children of the component. A function may be provided to alter the children based on component state.                                                                                                                             |
-| `className`          | `string`                                                                                               | -          | The CSS className for the element.                                                                                                                                                                                                    |
-| `style`              | `CSSProperties \| (values: TextFieldRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`     | -          | The inline style for the element. A function may be provided to compute the style based on component state.                                                                                                                           |
+| Prop                 | Type                                                                                                   | Default  | Description                                                                                                                                                                                                                           |
+| -------------------- | ------------------------------------------------------------------------------------------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `label`              | `ReactNode`                                                                                            |          | The content to display as the label.                                                                                                                                                                                                  |
+| `description`        | `ReactNode`                                                                                            |          | A description for the field. Provides a hint such as specific requirements for what to choose.                                                                                                                                        |
+| `errorMessage`       | `ReactNode \| (v: ValidationResult) => ReactNode`                                                      |          | An error message for the field.                                                                                                                                                                                                       |
+| `prefix`             | `ReactNode`                                                                                            | -        | A visual to display before the input.                                                                                                                                                                                                 |
+| `suffix`             | `ReactNode`                                                                                            | -        | A visual to display after the input.                                                                                                                                                                                                  |
+| `size`               | `"sm" \| "md" \| "lg"`                                                                                 | `"md"`   | The size of the input.                                                                                                                                                                                                                |
+| `isInvalid`          | `boolean`                                                                                              | -        | Whether the value is invalid.                                                                                                                                                                                                         |
+| `isDisabled`         | `boolean`                                                                                              | -        | Whether the input is disabled.                                                                                                                                                                                                        |
+| `isReadOnly`         | `boolean`                                                                                              | -        | Whether the input can be selected but not changed by the user.                                                                                                                                                                        |
+| `isRequired`         | `boolean`                                                                                              | -        | Whether user input is required on the input before form submission.                                                                                                                                                                   |
+| `validate`           | `(value: string) => ValidationError \| true \| null \| undefined`                                      | -        | A function that returns an error message if a given value is invalid. Validation errors are displayed to the user when the form is submitted if validationBehavior="native". For realtime validation, use the isInvalid prop instead. |
+| `autoFocus`          | `boolean`                                                                                              | -        | Whether the element should receive focus on render.                                                                                                                                                                                   |
+| `value`              | `string`                                                                                               | -        | The current value (controlled).                                                                                                                                                                                                       |
+| `defaultValue`       | `string`                                                                                               | -        | The default value (uncontrolled).                                                                                                                                                                                                     |
+| `autoComplete`       | `string`                                                                                               | -        | Describes the type of autocomplete functionality the input should provide if any.                                                                                                                                                     |
+| `maxLength`          | `number`                                                                                               | -        | The maximum number of characters supported by the input.                                                                                                                                                                              |
+| `minLength`          | `number`                                                                                               | -        | The minimum number of characters required by the input.                                                                                                                                                                               |
+| `pattern`            | `string`                                                                                               | -        | Regex pattern that the value of the input must match to be valid.                                                                                                                                                                     |
+| `type`               | `'text' \| 'search' \| 'url' \| 'tel' \| 'email' \| 'password' \| string & {}`                         | -        | The type of input to render.                                                                                                                                                                                                          |
+| `inputMode`          | `'none' \| 'text' \| 'tel' \| 'url' \| 'email' \| 'numeric' \| 'decimal' \| 'search'`                  | -        | Hints at the type of data that might be entered by the user while editing the element or its contents.                                                                                                                                |
+| `name`               | `string`                                                                                               | -        | The name of the input element, used when submitting an HTML form.                                                                                                                                                                     |
+| `validationBehavior` | `'native' \| 'aria'`                                                                                   | 'native' | Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.                                                                        |
+| `children`           | `ReactNode \| (values: TextFieldRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -        | The children of the component. A function may be provided to alter the children based on component state.                                                                                                                             |
+| `className`          | `string`                                                                                               | -        | The CSS className for the element.                                                                                                                                                                                                    |
+| `style`              | `CSSProperties \| (values: TextFieldRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`     | -        | The inline style for the element. A function may be provided to compute the style based on component state.                                                                                                                           |
 
 | Event                 | Type                                        | Description                                                                                                      |
 | --------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
diff --git a/www/next.config.mjs b/www/next.config.mjs
index b17a6b624..74e883982 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -15,9 +15,9 @@ const config = {
   typescript: {
     ignoreBuildErrors: true,
   },
-  // experimental: {
-  //   reactCompiler: true,
-  // },
+  experimental: {
+    reactCompiler: true,
+  },
 };
 
 export default withMDX(config);
diff --git a/www/package.json b/www/package.json
index 956e20728..e297158f2 100644
--- a/www/package.json
+++ b/www/package.json
@@ -20,7 +20,7 @@
   "dependencies": {
     "@adobe/leonardo-contrast-colors": "^1.0.0",
     "@hookform/resolvers": "^3.10.0",
-    "@internationalized/date": "^3.5.4",
+    "@internationalized/date": "^3.7.0",
     "@radix-ui/react-aspect-ratio": "^1.0.3",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-scroll-area": "^1.0.5",
diff --git a/www/src/__registry__/core/calendar.tsx b/www/src/__registry__/core/calendar.tsx
deleted file mode 100644
index 7a3499565..000000000
--- a/www/src/__registry__/core/calendar.tsx
+++ /dev/null
@@ -1,225 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import {
-  composeRenderProps,
-  Calendar as AriaCalendar,
-  CalendarCell as AriaCalendarCell,
-  CalendarGrid as AriaCalendarGrid,
-  CalendarGridHeader as AriaCalendarGridHeader,
-  CalendarHeaderCell as AriaCalendarHeaderCell,
-  CalendarGridBody as AriaCalendarGridBody,
-  type CalendarProps as AriaCalendarProps,
-  type CalendarGridProps as AriaCalendarGridProps,
-  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
-  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
-  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
-  type CalendarCellProps as AriaCalendarCellProps,
-  type DateValue,
-  CalendarContext as AriaCalendarContext,
-  useSlottedContext,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button } from "@/components/dynamic-core/button";
-import { buttonStyles } from "@/registry/core/button-01";
-import { Heading } from "@/registry/core/heading";
-import { Text } from "@/registry/core/text";
-
-const calendarStyles = tv({
-  slots: {
-    root: "",
-    header: "mb-4 flex items-center justify-between gap-2",
-    grid: "w-full border-collapse",
-    gridHeader: "mb-4",
-    gridHeaderCell: "text-fg-muted text-xs font-normal",
-    gridBody: "[&>tr>td]:p-0",
-    cell: "",
-  },
-  variants: {
-    standalone: {
-      true: {
-        root: "bg-bg rounded-md border p-3",
-      },
-      false: {
-        root: "rounded-[inherit]",
-      },
-    },
-    range: {
-      false: {
-        cell: [
-          buttonStyles({
-            variant: "quiet",
-            shape: "square",
-            size: "sm",
-          }),
-          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
-          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-      true: {
-        cell: [
-          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
-          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
-          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
-          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
-          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
-          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
-          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
-          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-    },
-  },
-  defaultVariants: {
-    range: false,
-  },
-});
-
-interface CalendarProps<T extends DateValue>
-  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
-  visibleMonths?: number;
-  errorMessage?: string;
-}
-const Calendar = <T extends DateValue>({
-  errorMessage,
-  visibleMonths = 1,
-  ...props
-}: CalendarProps<T>) => {
-  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
-
-  return (
-    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
-      {({ isInvalid }) => (
-        <>
-          <CalendarHeader>
-            <Button slot="previous" variant="outline" shape="square" size="sm">
-              <ChevronLeftIcon />
-            </Button>
-            <Heading className="text-sm" />
-            <Button slot="next" variant="outline" shape="square" size="sm">
-              <ChevronRightIcon />
-            </Button>
-          </CalendarHeader>
-          <div className="flex items-start gap-4">
-            {Array.from({ length: visibleMonths }).map((_, index) => (
-              <CalendarGrid
-                key={index}
-                offset={index === 0 ? undefined : { months: index }}
-              >
-                <CalendarGridHeader>
-                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-                </CalendarGridHeader>
-                <CalendarGridBody>
-                  {(date) => <CalendarCell date={date} />}
-                </CalendarGridBody>
-              </CalendarGrid>
-            ))}
-          </div>
-          {isInvalid && errorMessage && (
-            <Text slot="errorMessage">{errorMessage}</Text>
-          )}
-        </>
-      )}
-    </CalendarRoot>
-  );
-};
-
-type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
-const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
-  const CalendarContext = useSlottedContext(AriaCalendarContext);
-  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
-  const { root } = calendarStyles({ standalone });
-  return (
-    <AriaCalendar
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-    />
-  );
-};
-
-type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
-const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
-  const { header } = calendarStyles();
-  return <header className={header({ className })} {...props} />;
-};
-
-type CalendarGridProps = AriaCalendarGridProps;
-const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
-  const { grid } = calendarStyles();
-  return <AriaCalendarGrid className={grid({ className })} {...props} />;
-};
-
-type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
-const CalendarGridHeader = ({
-  className,
-  ...props
-}: CalendarGridHeaderProps) => {
-  const { gridHeader } = calendarStyles();
-  return (
-    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
-  );
-};
-
-type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
-const CalendarHeaderCell = ({
-  className,
-  ...props
-}: CalendarHeaderCellProps) => {
-  const { gridHeaderCell } = calendarStyles();
-  return (
-    <AriaCalendarHeaderCell
-      className={gridHeaderCell({ className })}
-      {...props}
-    />
-  );
-};
-
-type CalendarGridBodyProps = AriaCalendarGridBodyProps;
-const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
-  const { gridBody } = calendarStyles();
-  return (
-    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
-  );
-};
-
-type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
-const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
-  const { cell } = calendarStyles({ range });
-  return (
-    <AriaCalendarCell
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        cell({ className })
-      )}
-    />
-  );
-};
-
-export type {
-  CalendarProps,
-  CalendarRootProps,
-  CalendarGridProps,
-  CalendarGridHeaderProps,
-  CalendarHeaderCellProps,
-  CalendarGridBodyProps,
-  CalendarCellProps,
-};
-
-export {
-  Calendar,
-  CalendarRoot,
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-  calendarStyles,
-};
diff --git a/www/src/__registry__/core/color-area.tsx b/www/src/__registry__/core/color-area.tsx
index e520b64ac..125b3c0d3 100644
--- a/www/src/__registry__/core/color-area.tsx
+++ b/www/src/__registry__/core/color-area.tsx
@@ -3,13 +3,12 @@
 import {
   ColorArea as AriaColorArea,
   composeRenderProps,
-  type ColorAreaProps as AriaColorAreaProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { ColorThumb } from "@/registry/core/color-thumb";
 
 const colorAreaStyles = tv({
-  base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
+  base: "block size-48 min-w-20 rounded-md disabled:[background:var(--color-bg-disabled)]!",
 });
 
 type ColorAreaProps = Omit<ColorAreaRootProps, "children">;
@@ -21,18 +20,15 @@ const ColorArea = (props: ColorAreaProps) => {
   );
 };
 
-interface ColorAreaRootProps extends Omit<AriaColorAreaProps, "className"> {
-  className?: string;
-}
+interface ColorAreaRootProps
+  extends React.ComponentProps<typeof AriaColorArea> {}
 const ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {
   return (
     <AriaColorArea
+      className={composeRenderProps(className, (className) =>
+        colorAreaStyles({ className })
+      )}
       {...props}
-      className={colorAreaStyles({ className })}
-      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
-        ...style,
-        ...(isDisabled ? { background: "none" } : {}),
-      }))}
     />
   );
 };
diff --git a/www/src/__registry__/core/color-field.tsx b/www/src/__registry__/core/color-field.tsx
index 0714ca7b6..df3b5462c 100644
--- a/www/src/__registry__/core/color-field.tsx
+++ b/www/src/__registry__/core/color-field.tsx
@@ -3,87 +3,76 @@
 import * as React from "react";
 import {
   ColorField as AriaColorField,
-  type ColorFieldProps as AriaColorFieldProps,
+  composeRenderProps,
 } from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { tv } from "tailwind-variants";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
+import {
+  InputRoot,
+  Input,
+  type InputRootProps,
+} from "@/registry/core/input_new";
 
-const colorFieldStyles = tv({
+const textFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
 });
 
-type ColorFieldProps = ColorFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const ColorField = React.forwardRef<HTMLInputElement, ColorFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix,
-      suffix,
-      isLoading,
-      loaderPosition = "suffix",
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <ColorFieldRoot className={className} isRequired={isRequired} {...props}>
-        <Field
-          label={label}
-          description={description}
-          errorMessage={errorMessage}
-          isRequired={isRequired}
-          necessityIndicator={necessityIndicator}
-          contextualHelp={contextualHelp}
-        >
-          <InputRoot
-            size={size}
-            prefix={prefix}
-            suffix={suffix}
-            isLoading={isLoading}
-            loaderPosition={loaderPosition}
-          >
-            <Input ref={ref} placeholder={placeholder} />
-          </InputRoot>
-        </Field>
-      </ColorFieldRoot>
-    );
-  }
-);
-ColorField.displayName = "ColorField";
+interface ColorFieldProps
+  extends ColorFieldRootProps,
+    Pick<InputRootProps, "size" | "prefix" | "suffix">,
+    FieldProps {
+  inputRef?: React.Ref<HTMLInputElement>;
+}
 
-type ColorFieldRootProps = Omit<AriaColorFieldProps, "className"> & {
-  className?: string;
+const ColorField = ({
+  label,
+  description,
+  errorMessage,
+  prefix,
+  suffix,
+  size,
+  inputRef,
+  ...props
+}: ColorFieldProps) => {
+  return (
+    <ColorFieldRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <ColorFieldInput
+        inputRef={inputRef}
+        size={size}
+        prefix={prefix}
+        suffix={suffix}
+      />
+      <HelpText description={description} errorMessage={errorMessage} />
+    </ColorFieldRoot>
+  );
 };
-const ColorFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaColorField>,
-  ColorFieldRootProps
->(({ className, ...props }, ref) => {
+
+interface ColorFieldRootProps
+  extends React.ComponentProps<typeof AriaColorField> {
+  placeholder?: string;
+}
+const ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {
   return (
     <AriaColorField
-      ref={ref}
-      className={colorFieldStyles({ className })}
+      className={composeRenderProps(className, (className) =>
+        textFieldStyles({ className })
+      )}
       {...props}
     />
   );
-});
-ColorFieldRoot.displayName = "ColorFieldRoot";
+};
+
+interface ColorFieldInputProps extends InputRootProps {
+  inputRef?: React.Ref<HTMLInputElement>;
+}
+const ColorFieldInput = ({ inputRef, ...props }: ColorFieldInputProps) => {
+  return (
+    <InputRoot {...props}>
+      <Input ref={inputRef} />
+    </InputRoot>
+  );
+};
 
-export type { ColorFieldProps, ColorFieldRootProps };
-export { ColorField, ColorFieldRoot };
+export type { ColorFieldProps, ColorFieldRootProps, ColorFieldInputProps };
+export { ColorField, ColorFieldRoot, ColorFieldInput };
diff --git a/www/src/__registry__/core/color-swatch.tsx b/www/src/__registry__/core/color-swatch.tsx
index 9183a75e2..8bd8a4861 100644
--- a/www/src/__registry__/core/color-swatch.tsx
+++ b/www/src/__registry__/core/color-swatch.tsx
@@ -2,7 +2,7 @@
 
 import {
   ColorSwatch as AriaColorSwatch,
-  type ColorSwatchProps as AriaColorSwatchProps,
+  composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
@@ -10,12 +10,16 @@ const colorSwatchStyles = tv({
   base: "size-5 rounded-sm border",
 });
 
-interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "className"> {
-  className?: string;
-}
+interface ColorSwatchProps
+  extends React.ComponentProps<typeof AriaColorSwatch> {}
 const ColorSwatch = ({ className, ...props }: ColorSwatchProps) => {
   return (
-    <AriaColorSwatch className={colorSwatchStyles({ className })} {...props} />
+    <AriaColorSwatch
+      className={composeRenderProps(className, (className) =>
+        colorSwatchStyles({ className })
+      )}
+      {...props}
+    />
   );
 };
 
diff --git a/www/src/__registry__/core/date-field.tsx b/www/src/__registry__/core/date-field.tsx
index b46bb08a0..aa12ff4a9 100644
--- a/www/src/__registry__/core/date-field.tsx
+++ b/www/src/__registry__/core/date-field.tsx
@@ -3,94 +3,68 @@
 import * as React from "react";
 import {
   DateField as AriaDateField,
-  type DateFieldProps as AriaDateFieldProps,
+  composeRenderProps,
   type DateValue,
+  type DateFieldProps as AriaDateFieldProps,
 } from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
+import { tv } from "tailwind-variants";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Field, type FieldProps } from "@/registry/core/field";
-import {
-  InputRoot,
-  type InputRootProps,
-  type inputStyles,
-} from "@/registry/core/input";
+import { HelpText, Label, type FieldProps } from "./field_new";
+import { InputRoot, type InputRootProps } from "./input_new";
 
 const dateFieldStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-  },
+  base: "flex w-32 flex-col items-start gap-2",
 });
 
 interface DateFieldProps<T extends DateValue>
   extends DateFieldRootProps<T>,
-    Omit<FieldProps, "children">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-}
+    Pick<InputRootProps, "size" | "prefix" | "suffix">,
+    FieldProps {}
 
 const DateField = <T extends DateValue>({
-  className,
-  size,
   label,
   description,
   errorMessage,
   prefix,
   suffix,
-  isLoading,
-  loaderPosition = "suffix",
-  isRequired,
-  isDisabled,
-  necessityIndicator,
-  contextualHelp,
+  size,
   ...props
 }: DateFieldProps<T>) => {
   return (
-    <DateFieldRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <DateFieldInput
-          size={size}
-          prefix={prefix}
-          suffix={suffix}
-          isLoading={isLoading}
-          loaderPosition={loaderPosition}
-        />
-      </Field>
+    <DateFieldRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <DateFieldInput />
+      <HelpText description={description} errorMessage={errorMessage} />
     </DateFieldRoot>
   );
 };
 
 interface DateFieldRootProps<T extends DateValue>
-  extends Omit<AriaDateFieldProps<T>, "className"> {
-  className?: string;
+  extends AriaDateFieldProps<T> {
+  ref?: React.Ref<HTMLDivElement>;
 }
 const DateFieldRoot = <T extends DateValue>({
   className,
   ...props
 }: DateFieldRootProps<T>) => {
-  const { root } = dateFieldStyles();
-  return <AriaDateField className={root({ className })} {...props} />;
+  return (
+    <AriaDateField
+      className={composeRenderProps(className, (className) =>
+        dateFieldStyles({ className })
+      )}
+      {...props}
+    />
+  );
 };
 
-const DateFieldInput = (props: InputRootProps) => (
-  <InputRoot {...props}>
-    <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-  </InputRoot>
-);
+interface DateFieldInputProps extends InputRootProps {}
+const DateFieldInput = (props: DateFieldInputProps) => {
+  return (
+    <InputRoot {...props}>
+      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+    </InputRoot>
+  );
+};
 
-export type { DateFieldProps, DateFieldRootProps };
-export { DateField, DateFieldRoot };
+export type { DateFieldProps, DateFieldRootProps, DateFieldInputProps };
+export { DateField, DateFieldRoot, DateFieldInput };
diff --git a/www/src/__registry__/core/date-input.tsx b/www/src/__registry__/core/date-input.tsx
index 606a962ef..cf538c553 100644
--- a/www/src/__registry__/core/date-input.tsx
+++ b/www/src/__registry__/core/date-input.tsx
@@ -4,50 +4,46 @@ import React from "react";
 import {
   DateInput as AriaDateInput,
   DateSegment as AriaDateSegment,
-  type DateSegmentProps as AriaDateSegmentProps,
-  type DateInputProps as AriaDateInputProps,
+  composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const dateInputStyles = tv({
   slots: {
     input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex items-center justify-start disabled:cursor-default",
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex flex-1 items-center justify-start disabled:cursor-default",
     ],
     segment:
       "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
   },
 });
 
-interface DateInputProps extends Omit<AriaDateInputProps, "className"> {
-  className?: string;
-}
-const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(
-  ({ className, ...props }, ref) => {
-    const { input } = dateInputStyles();
-    return (
-      <AriaDateInput ref={ref} className={input({ className })} {...props} />
-    );
-  }
-);
-DateInput.displayName = "Input";
+const { input, segment } = dateInputStyles();
 
-interface DateSegmentProps extends Omit<AriaDateSegmentProps, "className"> {
-  className?: string;
-}
-const DateSegment = React.forwardRef<HTMLInputElement, DateSegmentProps>(
-  ({ className, ...props }, ref) => {
-    const { segment } = dateInputStyles();
-    return (
-      <AriaDateSegment
-        ref={ref}
-        className={segment({ className })}
-        {...props}
-      />
-    );
-  }
-);
-DateSegment.displayName = "Segment";
+interface DateInputProps extends React.ComponentProps<typeof AriaDateInput> {}
+const DateInput = ({ className, ...props }: DateInputProps) => {
+  return (
+    <AriaDateInput
+      className={composeRenderProps(className, (className) =>
+        input({ className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface DateSegmentProps
+  extends React.ComponentProps<typeof AriaDateSegment> {}
+const DateSegment = ({ className, ...props }: DateSegmentProps) => {
+  return (
+    <AriaDateSegment
+      className={composeRenderProps(className, (className) =>
+        segment({ className })
+      )}
+      {...props}
+    />
+  );
+};
 
 export type { DateInputProps, DateSegmentProps };
 export { DateInput, DateSegment };
diff --git a/www/src/__registry__/core/date-picker.tsx b/www/src/__registry__/core/date-picker.tsx
index 8130915c5..10a2ab4d3 100644
--- a/www/src/__registry__/core/date-picker.tsx
+++ b/www/src/__registry__/core/date-picker.tsx
@@ -9,7 +9,7 @@ import {
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { Calendar } from "@/registry/core/calendar";
+import { Calendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
 import { Dialog } from "@/registry/core/dialog";
 import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
diff --git a/www/src/__registry__/core/date-range-picker.tsx b/www/src/__registry__/core/date-range-picker.tsx
index b5ac76946..54ac277b7 100644
--- a/www/src/__registry__/core/date-range-picker.tsx
+++ b/www/src/__registry__/core/date-range-picker.tsx
@@ -9,11 +9,11 @@ import {
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
+import { RangeCalendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
 import { Dialog } from "@/registry/core/dialog";
 import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
 import { InputRoot, type inputStyles } from "@/registry/core/input";
-import { RangeCalendar } from "@/registry/core/range-calendar";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
diff --git a/www/src/__registry__/core/drop-zone.tsx b/www/src/__registry__/core/drop-zone.tsx
index ed977a034..3ca568804 100644
--- a/www/src/__registry__/core/drop-zone.tsx
+++ b/www/src/__registry__/core/drop-zone.tsx
@@ -2,28 +2,23 @@
 
 import * as React from "react";
 import {
-  composeRenderProps,
   DropZone as AriaDropZone,
-  type DropZoneProps as AriaDropZoneProps,
+  composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const dropZoneStyles = tv({
-  slots: {
-    root: "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
-    label: "text-md font-semibold",
-  },
+  base: "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
 });
 
-type DropZoneProps = AriaDropZoneProps;
-const DropZone = (props: DropZoneProps) => {
-  const { root } = dropZoneStyles();
+interface DropZoneProps extends React.ComponentProps<typeof AriaDropZone> {}
+const DropZone = ({ className, ...props }: DropZoneProps) => {
   return (
     <AriaDropZone
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
+      className={composeRenderProps(className, (className) =>
+        dropZoneStyles({ className })
       )}
+      {...props}
     />
   );
 };
diff --git a/www/src/__registry__/core/field.tsx b/www/src/__registry__/core/field.tsx
index b8c102eb4..71aab0f72 100644
--- a/www/src/__registry__/core/field.tsx
+++ b/www/src/__registry__/core/field.tsx
@@ -16,8 +16,9 @@ import { tv } from "tailwind-variants";
 const fieldStyles = tv({
   slots: {
     root: "flex flex-col items-start gap-2",
+    // TODO: check peer-disabled
     label:
-      "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
+      "[grid-area:label] peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
     description: "text-fg-muted text-xs",
     fieldError: "text-fg-danger text-xs",
   },
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 59bfa48a1..403ec8079 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -1,9 +1,9 @@
 // This file is autogenerated by scripts/build-internal-registry.ts
-// Do not edit this file directly.
-import * as React from "react";
-
-export const Index: Record<string, any> = {
-  core: {
+  // Do not edit this file directly.
+  import * as React from "react"
+  
+  export const Index: Record<string, any> = {
+    core: {
     "alert-action": {
       name: "alert-action",
       files: ["demos/alert/action.tsx"],
@@ -102,9 +102,7 @@ export const Index: Record<string, any> = {
     "breadcrumbs-router-integration": {
       name: "breadcrumbs-router-integration",
       files: ["demos/breadcrumbs/router-integration.tsx"],
-      component: React.lazy(
-        () => import("@/demos/breadcrumbs/router-integration")
-      ),
+      component: React.lazy(() => import("@/demos/breadcrumbs/router-integration")),
     },
     "button-default": {
       name: "button-default",
@@ -171,11 +169,6 @@ export const Index: Record<string, any> = {
       files: ["demos/calendar/error-message.tsx"],
       component: React.lazy(() => import("@/demos/calendar/error-message")),
     },
-    "calendar-label": {
-      name: "calendar-label",
-      files: ["demos/calendar/label.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/label")),
-    },
     "calendar-page-behaviour": {
       name: "calendar-page-behaviour",
       files: ["demos/calendar/page-behaviour.tsx"],
@@ -206,6 +199,11 @@ export const Index: Record<string, any> = {
       files: ["demos/calendar/visible-months.tsx"],
       component: React.lazy(() => import("@/demos/calendar/visible-months")),
     },
+    "calendar-variant": {
+      name: "calendar-variant",
+      files: ["demos/calendar/variant.tsx"],
+      component: React.lazy(() => import("@/demos/calendar/variant")),
+    },
     "checkbox-group-cards": {
       name: "checkbox-group-cards",
       files: ["demos/checkbox-group/cards.tsx"],
@@ -239,9 +237,7 @@ export const Index: Record<string, any> = {
     "checkbox-group-error-message": {
       name: "checkbox-group-error-message",
       files: ["demos/checkbox-group/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/demos/checkbox-group/error-message")
-      ),
+      component: React.lazy(() => import("@/demos/checkbox-group/error-message")),
     },
     "checkbox-group-label": {
       name: "checkbox-group-label",
@@ -261,9 +257,7 @@ export const Index: Record<string, any> = {
     "checkbox-group-uncontrolled": {
       name: "checkbox-group-uncontrolled",
       files: ["demos/checkbox-group/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/demos/checkbox-group/uncontrolled")
-      ),
+      component: React.lazy(() => import("@/demos/checkbox-group/uncontrolled")),
     },
     "checkbox-card": {
       name: "checkbox-card",
@@ -335,6 +329,11 @@ export const Index: Record<string, any> = {
       files: ["demos/color-area/uncontrolled.tsx"],
       component: React.lazy(() => import("@/demos/color-area/uncontrolled")),
     },
+    "color-field-color-channel": {
+      name: "color-field-color-channel",
+      files: ["demos/color-field/color-channel.tsx"],
+      component: React.lazy(() => import("@/demos/color-field/color-channel")),
+    },
     "color-field-composition": {
       name: "color-field-composition",
       files: ["demos/color-field/composition.tsx"],
@@ -378,9 +377,7 @@ export const Index: Record<string, any> = {
     "color-field-prefix-and-suffix": {
       name: "color-field-prefix-and-suffix",
       files: ["demos/color-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/color-field/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/color-field/prefix-and-suffix")),
     },
     "color-field-read-only": {
       name: "color-field-read-only",
@@ -595,9 +592,7 @@ export const Index: Record<string, any> = {
     "date-field-prefix-and-suffix": {
       name: "date-field-prefix-and-suffix",
       files: ["demos/date-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-field/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/date-field/prefix-and-suffix")),
     },
     "date-field-read-only": {
       name: "date-field-read-only",
@@ -712,16 +707,12 @@ export const Index: Record<string, any> = {
     "date-range-picker-composition": {
       name: "date-range-picker-composition",
       files: ["demos/date-range-picker/composition.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/composition")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/composition")),
     },
     "date-range-picker-controlled": {
       name: "date-range-picker-controlled",
       files: ["demos/date-range-picker/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/controlled")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/controlled")),
     },
     "date-range-picker-default": {
       name: "date-range-picker-default",
@@ -731,9 +722,7 @@ export const Index: Record<string, any> = {
     "date-range-picker-description": {
       name: "date-range-picker-description",
       files: ["demos/date-range-picker/description.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/description")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/description")),
     },
     "date-range-picker-disabled": {
       name: "date-range-picker-disabled",
@@ -743,30 +732,22 @@ export const Index: Record<string, any> = {
     "date-range-picker-error-message": {
       name: "date-range-picker-error-message",
       files: ["demos/date-range-picker/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/error-message")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/error-message")),
     },
     "date-range-picker-granularity": {
       name: "date-range-picker-granularity",
       files: ["demos/date-range-picker/granularity.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/granularity")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/granularity")),
     },
     "date-range-picker-hide-time-zone": {
       name: "date-range-picker-hide-time-zone",
       files: ["demos/date-range-picker/hide-time-zone.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/hide-time-zone")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/hide-time-zone")),
     },
     "date-range-picker-hour-cycle": {
       name: "date-range-picker-hour-cycle",
       files: ["demos/date-range-picker/hour-cycle.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/hour-cycle")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/hour-cycle")),
     },
     "date-range-picker-label": {
       name: "date-range-picker-label",
@@ -776,9 +757,7 @@ export const Index: Record<string, any> = {
     "date-range-picker-placeholder": {
       name: "date-range-picker-placeholder",
       files: ["demos/date-range-picker/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/placeholder")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/placeholder")),
     },
     "date-range-picker-prefix": {
       name: "date-range-picker-prefix",
@@ -788,9 +767,7 @@ export const Index: Record<string, any> = {
     "date-range-picker-read-only": {
       name: "date-range-picker-read-only",
       files: ["demos/date-range-picker/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/read-only")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/read-only")),
     },
     "date-range-picker-required": {
       name: "date-range-picker-required",
@@ -805,16 +782,12 @@ export const Index: Record<string, any> = {
     "date-range-picker-time-zones": {
       name: "date-range-picker-time-zones",
       files: ["demos/date-range-picker/time-zones.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/time-zones")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/time-zones")),
     },
     "date-range-picker-uncontrolled": {
       name: "date-range-picker-uncontrolled",
       files: ["demos/date-range-picker/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/demos/date-range-picker/uncontrolled")
-      ),
+      component: React.lazy(() => import("@/demos/date-range-picker/uncontrolled")),
     },
     "dialog-alert-dialog": {
       name: "dialog-alert-dialog",
@@ -824,9 +797,7 @@ export const Index: Record<string, any> = {
     "dialog-async-form-submission": {
       name: "dialog-async-form-submission",
       files: ["demos/dialog/async-form-submission.tsx"],
-      component: React.lazy(
-        () => import("@/demos/dialog/async-form-submission")
-      ),
+      component: React.lazy(() => import("@/demos/dialog/async-form-submission")),
     },
     "dialog-basic": {
       name: "dialog-basic",
@@ -893,10 +864,10 @@ export const Index: Record<string, any> = {
       files: ["demos/drawer/basic.tsx"],
       component: React.lazy(() => import("@/demos/drawer/basic")),
     },
-    "drop-zone-default": {
-      name: "drop-zone-default",
-      files: ["demos/drop-zone/default.tsx"],
-      component: React.lazy(() => import("@/demos/drop-zone/default")),
+    "drop-zone-basic": {
+      name: "drop-zone-basic",
+      files: ["demos/drop-zone/basic.tsx"],
+      component: React.lazy(() => import("@/demos/drop-zone/basic")),
     },
     "drop-zone-disabled": {
       name: "drop-zone-disabled",
@@ -913,6 +884,16 @@ export const Index: Record<string, any> = {
       files: ["demos/drop-zone/label.tsx"],
       component: React.lazy(() => import("@/demos/drop-zone/label")),
     },
+    "drop-zone-visual-feedback": {
+      name: "drop-zone-visual-feedback",
+      files: ["demos/drop-zone/visual-feedback.tsx"],
+      component: React.lazy(() => import("@/demos/drop-zone/visual-feedback")),
+    },
+    "drop-zone-events": {
+      name: "drop-zone-events",
+      files: ["demos/drop-zone/events.tsx"],
+      component: React.lazy(() => import("@/demos/drop-zone/events")),
+    },
     "file-trigger-default": {
       name: "file-trigger-default",
       files: ["demos/file-trigger/default.tsx"],
@@ -921,9 +902,7 @@ export const Index: Record<string, any> = {
     "file-trigger-directory-selection": {
       name: "file-trigger-directory-selection",
       files: ["demos/file-trigger/directory-selection.tsx"],
-      component: React.lazy(
-        () => import("@/demos/file-trigger/directory-selection")
-      ),
+      component: React.lazy(() => import("@/demos/file-trigger/directory-selection")),
     },
     "file-trigger-file-types": {
       name: "file-trigger-file-types",
@@ -938,9 +917,7 @@ export const Index: Record<string, any> = {
     "file-trigger-multiple-files": {
       name: "file-trigger-multiple-files",
       files: ["demos/file-trigger/multiple-files.tsx"],
-      component: React.lazy(
-        () => import("@/demos/file-trigger/multiple-files")
-      ),
+      component: React.lazy(() => import("@/demos/file-trigger/multiple-files")),
     },
     "link-default": {
       name: "link-default",
@@ -1020,9 +997,7 @@ export const Index: Record<string, any> = {
     "list-box-label-and-description": {
       name: "list-box-label-and-description",
       files: ["demos/list-box/label-and-description.tsx"],
-      component: React.lazy(
-        () => import("@/demos/list-box/label-and-description")
-      ),
+      component: React.lazy(() => import("@/demos/list-box/label-and-description")),
     },
     "list-box-links": {
       name: "list-box-links",
@@ -1047,9 +1022,7 @@ export const Index: Record<string, any> = {
     "list-box-selection-behavior": {
       name: "list-box-selection-behavior",
       files: ["demos/list-box/selection-behavior.tsx"],
-      component: React.lazy(
-        () => import("@/demos/list-box/selection-behavior")
-      ),
+      component: React.lazy(() => import("@/demos/list-box/selection-behavior")),
     },
     "list-box-selection-mode": {
       name: "list-box-selection-mode",
@@ -1189,9 +1162,7 @@ export const Index: Record<string, any> = {
     "number-field-format-options": {
       name: "number-field-format-options",
       files: ["demos/number-field/format-options.tsx"],
-      component: React.lazy(
-        () => import("@/demos/number-field/format-options")
-      ),
+      component: React.lazy(() => import("@/demos/number-field/format-options")),
     },
     "number-field-label": {
       name: "number-field-label",
@@ -1236,9 +1207,7 @@ export const Index: Record<string, any> = {
     "progress-custom-value-label": {
       name: "progress-custom-value-label",
       files: ["demos/progress/custom-value-label.tsx"],
-      component: React.lazy(
-        () => import("@/demos/progress/custom-value-label")
-      ),
+      component: React.lazy(() => import("@/demos/progress/custom-value-label")),
     },
     "progress-default": {
       name: "progress-default",
@@ -1378,28 +1347,17 @@ export const Index: Record<string, any> = {
     "range-calendar-error-message": {
       name: "range-calendar-error-message",
       files: ["demos/range-calendar/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/error-message")
-      ),
-    },
-    "range-calendar-label": {
-      name: "range-calendar-label",
-      files: ["demos/range-calendar/label.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/label")),
+      component: React.lazy(() => import("@/demos/range-calendar/error-message")),
     },
     "range-calendar-non-contiguous-ranges": {
       name: "range-calendar-non-contiguous-ranges",
       files: ["demos/range-calendar/non-contiguous-ranges.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/non-contiguous-ranges")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/non-contiguous-ranges")),
     },
     "range-calendar-page-behaviour": {
       name: "range-calendar-page-behaviour",
       files: ["demos/range-calendar/page-behaviour.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/page-behaviour")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/page-behaviour")),
     },
     "range-calendar-read-only": {
       name: "range-calendar-read-only",
@@ -1409,16 +1367,12 @@ export const Index: Record<string, any> = {
     "range-calendar-uncontrolled": {
       name: "range-calendar-uncontrolled",
       files: ["demos/range-calendar/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/uncontrolled")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/uncontrolled")),
     },
     "range-calendar-unvailable-dates": {
       name: "range-calendar-unvailable-dates",
       files: ["demos/range-calendar/unvailable-dates.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/unvailable-dates")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/unvailable-dates")),
     },
     "range-calendar-validation": {
       name: "range-calendar-validation",
@@ -1428,9 +1382,12 @@ export const Index: Record<string, any> = {
     "range-calendar-visible-months": {
       name: "range-calendar-visible-months",
       files: ["demos/range-calendar/visible-months.tsx"],
-      component: React.lazy(
-        () => import("@/demos/range-calendar/visible-months")
-      ),
+      component: React.lazy(() => import("@/demos/range-calendar/visible-months")),
+    },
+    "range-calendar-variant": {
+      name: "range-calendar-variant",
+      files: ["demos/range-calendar/variant.tsx"],
+      component: React.lazy(() => import("@/demos/range-calendar/variant")),
     },
     "search-field-composition": {
       name: "search-field-composition",
@@ -1475,9 +1432,7 @@ export const Index: Record<string, any> = {
     "search-field-prefix-and-suffix": {
       name: "search-field-prefix-and-suffix",
       files: ["demos/search-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/search-field/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/search-field/prefix-and-suffix")),
     },
     "search-field-read-only": {
       name: "search-field-read-only",
@@ -1597,9 +1552,7 @@ export const Index: Record<string, any> = {
     "skeleton-fixed-size-children": {
       name: "skeleton-fixed-size-children",
       files: ["demos/skeleton/fixed-size-children.tsx"],
-      component: React.lazy(
-        () => import("@/demos/skeleton/fixed-size-children")
-      ),
+      component: React.lazy(() => import("@/demos/skeleton/fixed-size-children")),
     },
     "skeleton-show": {
       name: "skeleton-show",
@@ -1789,9 +1742,7 @@ export const Index: Record<string, any> = {
     "text-area-prefix-and-suffix": {
       name: "text-area-prefix-and-suffix",
       files: ["demos/text-area/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/text-area/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/text-area/prefix-and-suffix")),
     },
     "text-area-read-only": {
       name: "text-area-read-only",
@@ -1846,9 +1797,7 @@ export const Index: Record<string, any> = {
     "text-field-prefix-and-suffix": {
       name: "text-field-prefix-and-suffix",
       files: ["demos/text-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/text-field/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/text-field/prefix-and-suffix")),
     },
     "text-field-read-only": {
       name: "text-field-read-only",
@@ -1928,9 +1877,7 @@ export const Index: Record<string, any> = {
     "time-field-prefix-and-suffix": {
       name: "time-field-prefix-and-suffix",
       files: ["demos/time-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/time-field/prefix-and-suffix")
-      ),
+      component: React.lazy(() => import("@/demos/time-field/prefix-and-suffix")),
     },
     "time-field-read-only": {
       name: "time-field-read-only",
@@ -2040,9 +1987,7 @@ export const Index: Record<string, any> = {
     "toggle-button-group-default": {
       name: "toggle-button-group-default",
       files: ["demos/toggle-button-group/default.tsx"],
-      component: React.lazy(
-        () => import("@/demos/toggle-button-group/default")
-      ),
+      component: React.lazy(() => import("@/demos/toggle-button-group/default")),
     },
     "button-group-default": {
       name: "button-group-default",
@@ -2095,4 +2040,4 @@ export const Index: Record<string, any> = {
       component: React.lazy(() => import("@/demos/command/dialog")),
     },
   },
-};
+}
diff --git a/www/src/components/component-preview.tsx b/www/src/components/component-preview.tsx
index 24b2a3b3e..ffe13cbd8 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/component-preview.tsx
@@ -80,21 +80,23 @@ export const ComponentPreview = async ({
           <ScrollArea
             className={cn("flex items-center justify-center", "bg-bg text-fg")}
           >
-            <div className="flex min-h-52 items-center justify-center px-4 py-20">
-              <div
-                className={cn(
-                  "flex w-full items-center justify-center",
-                  className
-                )}
-              >
-                <ComponentPreviewClient
-                  demos={demos.map((elem, index) => {
-                    const Comp = elem.component;
-                    return <Comp key={index} />;
-                  })}
-                />
+            <React.Suspense fallback={<div>loading...</div>}>
+              <div className="flex min-h-52 items-center justify-center px-4 py-20">
+                <div
+                  className={cn(
+                    "flex w-full items-center justify-center",
+                    className
+                  )}
+                >
+                  <ComponentPreviewClient
+                    demos={demos.map((elem, index) => {
+                      const Comp = elem.component;
+                      return <Comp key={index} />;
+                    })}
+                  />
+                </div>
               </div>
-            </div>
+            </React.Suspense>
           </ScrollArea>
         </ThemeOverride>
       </div>
diff --git a/www/src/components/core/calendar.tsx b/www/src/components/core/calendar.tsx
index 7d86ebdc8..f98983328 100644
--- a/www/src/components/core/calendar.tsx
+++ b/www/src/components/core/calendar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/calendar";
+export * from "@/registry/core/calendar_basic";
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index 6c724d736..67e6f1ea0 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -1 +1,185 @@
-export * from "@/registry/core/calendar";
+"use client";
+
+import React from "react";
+import { type DateValue } from "react-aria-components";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import type {
+  CalendarProps,
+  CalendarRootProps,
+  RangeCalendarProps,
+  RangeCalendarRootProps,
+  CalendarHeaderProps,
+  CalendarGridProps,
+  CalendarGridHeaderProps,
+  CalendarHeaderCellProps,
+  CalendarGridBodyProps,
+  CalendarCellProps,
+} from "@/registry/core/calendar_basic";
+
+export const Calendar = createDynamicComponent<CalendarProps<DateValue>>(
+  "calendar",
+  "Calendar",
+  {
+    calendar_basic: React.lazy(() =>
+      import("@/registry/core/calendar_basic").then((mod) => ({
+        default: mod.Calendar,
+      }))
+    ),
+    calendar_cal: React.lazy(() =>
+      import("@/registry/core/calendar_cal").then((mod) => ({
+        default: mod.Calendar,
+      }))
+    ),
+  }
+);
+
+export const RangeCalendar = createDynamicComponent<
+  RangeCalendarProps<DateValue>
+>("calendar", "RangeCalendar", {
+  calendar_basic: React.lazy(() =>
+    import("@/registry/core/calendar_basic").then((mod) => ({
+      default: mod.RangeCalendar,
+    }))
+  ),
+  calendar_cal: React.lazy(() =>
+    import("@/registry/core/calendar_cal").then((mod) => ({
+      default: mod.RangeCalendar,
+    }))
+  ),
+});
+
+export const CalendarRoot = createDynamicComponent<
+  CalendarRootProps<DateValue>
+>("calendar", "CalendarRoot", {
+  calendar_basic: React.lazy(() =>
+    import("@/registry/core/calendar_basic").then((mod) => ({
+      default: mod.CalendarRoot,
+    }))
+  ),
+  // @ts-ignore
+  calendar_cal: React.lazy(() =>
+    import("@/registry/core/calendar_cal").then((mod) => ({
+      default: mod.CalendarRoot,
+    }))
+  ),
+});
+
+export const RangeCalendarRoot = createDynamicComponent<
+  RangeCalendarRootProps<DateValue>
+>("calendar", "RangeCalendarRoot", {
+  calendar_basic: React.lazy(() =>
+    import("@/registry/core/calendar_basic").then((mod) => ({
+      default: mod.RangeCalendarRoot,
+    }))
+  ),
+  // @ts-ignore
+  calendar_cal: React.lazy(() =>
+    import("@/registry/core/calendar_cal").then((mod) => ({
+      default: mod.RangeCalendarRoot,
+    }))
+  ),
+});
+
+export const CalendarHeader = createDynamicComponent<CalendarHeaderProps>(
+  "calendar",
+  "CalendarHeader",
+  {
+    calendar_basic: React.lazy(() =>
+      import("@/registry/core/calendar_basic").then((mod) => ({
+        default: mod.CalendarHeader,
+      }))
+    ),
+    calendar_cal: React.lazy(() =>
+      import("@/registry/core/calendar_cal").then((mod) => ({
+        default: mod.CalendarHeader,
+      }))
+    ),
+  }
+);
+
+export const CalendarGrid = createDynamicComponent<CalendarGridProps>(
+  "calendar",
+  "CalendarGrid",
+  {
+    calendar_basic: React.lazy(() =>
+      import("@/registry/core/calendar_basic").then((mod) => ({
+        default: mod.CalendarGrid,
+      }))
+    ),
+    calendar_cal: React.lazy(() =>
+      import("@/registry/core/calendar_cal").then((mod) => ({
+        default: mod.CalendarGrid,
+      }))
+    ),
+  }
+);
+
+export const CalendarGridHeader =
+  createDynamicComponent<CalendarGridHeaderProps>(
+    "calendar",
+    "CalendarGridHeader",
+    {
+      calendar_basic: React.lazy(() =>
+        import("@/registry/core/calendar_basic").then((mod) => ({
+          default: mod.CalendarGridHeader,
+        }))
+      ),
+      calendar_cal: React.lazy(() =>
+        import("@/registry/core/calendar_cal").then((mod) => ({
+          default: mod.CalendarGridHeader,
+        }))
+      ),
+    }
+  );
+
+export const CalendarHeaderCell =
+  createDynamicComponent<CalendarHeaderCellProps>(
+    "calendar",
+    "CalendarHeaderCell",
+    {
+      calendar_basic: React.lazy(() =>
+        import("@/registry/core/calendar_basic").then((mod) => ({
+          default: mod.CalendarHeaderCell,
+        }))
+      ),
+      calendar_cal: React.lazy(() =>
+        import("@/registry/core/calendar_cal").then((mod) => ({
+          default: mod.CalendarHeaderCell,
+        }))
+      ),
+    }
+  );
+
+export const CalendarGridBody = createDynamicComponent<CalendarGridBodyProps>(
+  "calendar",
+  "CalendarGridBody",
+  {
+    calendar_basic: React.lazy(() =>
+      import("@/registry/core/calendar_basic").then((mod) => ({
+        default: mod.CalendarGridBody,
+      }))
+    ),
+    calendar_cal: React.lazy(() =>
+      import("@/registry/core/calendar_cal").then((mod) => ({
+        default: mod.CalendarGridBody,
+      }))
+    ),
+  }
+);
+
+export const CalendarCell = createDynamicComponent<CalendarCellProps>(
+  "calendar",
+  "CalendarCell",
+  {
+    calendar_basic: React.lazy(() =>
+      import("@/registry/core/calendar_basic").then((mod) => ({
+        default: mod.CalendarCell,
+      }))
+    ),
+    calendar_cal: React.lazy(() =>
+      import("@/registry/core/calendar_cal").then((mod) => ({
+        default: mod.CalendarCell,
+      }))
+    ),
+  }
+);
diff --git a/www/src/components/search-command.tsx b/www/src/components/search-command.tsx
index 80970eab7..c4739d189 100644
--- a/www/src/components/search-command.tsx
+++ b/www/src/components/search-command.tsx
@@ -1,4 +1,4 @@
-import { SortedResult } from "fumadocs-core/server";
+import { type PageTree } from "fumadocs-core/server";
 import { kekabCaseToTitle } from "@/lib/string";
 import { source } from "@/app/source";
 import { SearchCommandClient } from "./search-command-client";
@@ -25,12 +25,17 @@ export function SearchCommand() {
 
   const uniqueCategories = Array.from(
     new Set(pages.map((item) => item.url.split("/")[2]))
-  ).filter(Boolean)
+  ).filter(Boolean);
 
   const items = uniqueCategories.map((category) => ({
     title: kekabCaseToTitle(category),
     items: pages.filter((item) => item.url.split("/")[2] === category),
   }));
 
+  console.log(typeof source.pageTree.children);
+  const newItems: PageTree.Node[] = source.pageTree.children;
+  newItems.forEach((item) => {
+    console.log(item);
+  });
   return <SearchCommandClient items={items} />;
 }
diff --git a/www/src/components/theme-override.tsx b/www/src/components/theme-override.tsx
index ac8dae94c..9628f0569 100644
--- a/www/src/components/theme-override.tsx
+++ b/www/src/components/theme-override.tsx
@@ -54,8 +54,6 @@ export const ThemeOverride = React.forwardRef<
     )
   );
 
-  return <div className={cn("bg-bg text-fg", props.className)}>{children}</div>;
-
   return (
     <div
       ref={ref}
@@ -70,7 +68,7 @@ export const ThemeOverride = React.forwardRef<
       }
       className={cn("bg-bg text-fg", props.className)}
     >
-      <Skeleton show={!debouncedIsMounted}>{children}</Skeleton>
+      {children}
     </div>
   );
 });
diff --git a/www/src/components/theme-provider.tsx b/www/src/components/theme-provider.tsx
new file mode 100644
index 000000000..0a50fb9e1
--- /dev/null
+++ b/www/src/components/theme-provider.tsx
@@ -0,0 +1,12 @@
+interface ThemeProviderProps extends React.ComponentProps<"div"> {
+  name?: string;
+}
+const ThemeProvider = (props: ThemeProviderProps) => {
+  return <div></div>;
+};
+
+
+
+const useThemeCSSVars = (name?: string) => {
+  
+}
\ No newline at end of file
diff --git a/www/src/demos/calendar/composition.tsx b/www/src/demos/calendar/composition.tsx
index 29947e47b..be617492d 100644
--- a/www/src/demos/calendar/composition.tsx
+++ b/www/src/demos/calendar/composition.tsx
@@ -15,13 +15,13 @@ import { Heading } from "@/components/dynamic-core/heading";
 
 export default function Demo() {
   return (
-    <CalendarRoot>
+    <CalendarRoot aria-label="Event date">
       <CalendarHeader>
-        <Button slot="previous" variant="outline" shape="square" size="sm">
+        <Button slot="previous" variant="outline" shape="circle" size="sm">
           <ChevronLeftIcon />
         </Button>
-        <Heading className="text-sm" />
-        <Button slot="next" variant="outline" shape="square" size="sm">
+        <Heading className="text-fg-muted text-sm" />
+        <Button slot="next" variant="outline" shape="circle" size="sm">
           <ChevronRightIcon />
         </Button>
       </CalendarHeader>
diff --git a/www/src/demos/calendar/controlled.tsx b/www/src/demos/calendar/controlled.tsx
index 149e82599..fdb55fd65 100644
--- a/www/src/demos/calendar/controlled.tsx
+++ b/www/src/demos/calendar/controlled.tsx
@@ -1,22 +1,17 @@
 "use client";
 
 import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { useDateFormatter } from "react-aria";
+import { parseDate } from "@internationalized/date";
+import { DateValue } from "react-aria-components";
 import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  const [value, setValue] = React.useState(today(getLocalTimeZone()));
-  const formatter = useDateFormatter({ dateStyle: "full" });
+  const [value, setValue] = React.useState<DateValue>(parseDate("2025-01-01"));
   return (
     <div className="flex flex-col items-center gap-6">
-      <Calendar
-        aria-label="Date (controlled)"
-        value={value}
-        onChange={setValue}
-      />
+      <Calendar aria-label="Event date" value={value} onChange={setValue} />
       <p className="text-fg-muted text-sm">
-        Selected date: {formatter.format(value.toDate(getLocalTimeZone()))}
+        Selected date: {value?.toString()}
       </p>
     </div>
   );
diff --git a/www/src/demos/calendar/default.tsx b/www/src/demos/calendar/default.tsx
index dc6749341..bbbcb6827 100644
--- a/www/src/demos/calendar/default.tsx
+++ b/www/src/demos/calendar/default.tsx
@@ -1,5 +1,5 @@
 import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  return <Calendar />;
+  return <Calendar aria-label="Appointment date" />;
 }
diff --git a/www/src/demos/calendar/error-message.tsx b/www/src/demos/calendar/error-message.tsx
index 5d65f0818..74c4d859d 100644
--- a/www/src/demos/calendar/error-message.tsx
+++ b/www/src/demos/calendar/error-message.tsx
@@ -3,14 +3,16 @@
 import React from "react";
 import { today, isWeekend, getLocalTimeZone } from "@internationalized/date";
 import { useLocale } from "react-aria";
+import { type DateValue } from "react-aria-components";
 import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  const [date, setDate] = React.useState(today(getLocalTimeZone()));
+  const [date, setDate] = React.useState<DateValue>(today(getLocalTimeZone()));
   const { locale } = useLocale();
   const isInvalid = isWeekend(date, locale);
   return (
     <Calendar
+      aria-label="Appointment date"
       value={date}
       onChange={setDate}
       isInvalid={isInvalid}
diff --git a/www/src/demos/calendar/label.tsx b/www/src/demos/calendar/label.tsx
deleted file mode 100644
index bf53c605c..000000000
--- a/www/src/demos/calendar/label.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Calendar } from "@/components/dynamic-core/calendar";
-
-export default function Demo() {
-  return <Calendar aria-label="Event date" />;
-}
diff --git a/www/src/demos/calendar/page-behaviour.tsx b/www/src/demos/calendar/page-behaviour.tsx
index 70e383c08..55ddf2b8d 100644
--- a/www/src/demos/calendar/page-behaviour.tsx
+++ b/www/src/demos/calendar/page-behaviour.tsx
@@ -1,5 +1,11 @@
 import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  return <Calendar visibleMonths={2} pageBehavior="single" />;
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      visibleMonths={2}
+      pageBehavior="single"
+    />
+  );
 }
diff --git a/www/src/demos/calendar/uncontrolled.tsx b/www/src/demos/calendar/uncontrolled.tsx
index 82a52b9d4..1df7f6dd9 100644
--- a/www/src/demos/calendar/uncontrolled.tsx
+++ b/www/src/demos/calendar/uncontrolled.tsx
@@ -1,14 +1,14 @@
 "use client";
 
 import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
+import { parseDate } from "@internationalized/date";
 import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
     <Calendar
       aria-label="Appointment date"
-      defaultValue={today(getLocalTimeZone())}
+      defaultValue={parseDate("2020-02-03")}
     />
   );
 }
diff --git a/www/src/demos/calendar/variant.tsx b/www/src/demos/calendar/variant.tsx
new file mode 100644
index 000000000..f316aeba5
--- /dev/null
+++ b/www/src/demos/calendar/variant.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import { parseDate } from "@internationalized/date";
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export default function Demo() {
+  return (
+    <Calendar
+      aria-label="Appointment date"
+      variant="primary"
+      defaultValue={parseDate("2025-01-01")}
+    />
+  );
+}
diff --git a/www/src/demos/calendar/visible-months.tsx b/www/src/demos/calendar/visible-months.tsx
index 53431b519..b05033096 100644
--- a/www/src/demos/calendar/visible-months.tsx
+++ b/www/src/demos/calendar/visible-months.tsx
@@ -1,5 +1,5 @@
 import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  return <Calendar visibleMonths={2} />;
+  return <Calendar aria-label="Appointment date" visibleMonths={2} />;
 }
diff --git a/www/src/demos/color-field/color-channel.tsx b/www/src/demos/color-field/color-channel.tsx
new file mode 100644
index 000000000..ff116f0bc
--- /dev/null
+++ b/www/src/demos/color-field/color-channel.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+import React from "react";
+import { parseColor, type Color } from "react-aria-components";
+import { ColorField } from "@/components/dynamic-core/color-field";
+
+export default function Demo() {
+  const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
+  return (
+    <div className="grid grid-cols-3 gap-2 *:w-24">
+      <ColorField
+        label="Hue"
+        colorSpace="hsl"
+        channel="hue"
+        value={color}
+        onChange={setColor}
+      />
+      <ColorField
+        label="Saturation"
+        colorSpace="hsl"
+        channel="saturation"
+        value={color}
+        onChange={setColor}
+      />
+      <ColorField
+        label="Lightness"
+        colorSpace="hsl"
+        channel="lightness"
+        value={color}
+        onChange={setColor}
+      />
+    </div>
+  );
+}
diff --git a/www/src/demos/color-field/controlled.tsx b/www/src/demos/color-field/controlled.tsx
index 70363d33a..a819b4da9 100644
--- a/www/src/demos/color-field/controlled.tsx
+++ b/www/src/demos/color-field/controlled.tsx
@@ -8,7 +8,7 @@ export default function Demo() {
   const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
   return (
     <div className="flex flex-col items-center gap-4">
-      <ColorField value={color} onChange={setColor} />
+      <ColorField label="Color" value={color} onChange={setColor} />
       <p className="text-fg-muted text-sm">
         Current color value: {color?.toString("hex")}
       </p>
diff --git a/www/src/demos/color-field/uncontrolled.tsx b/www/src/demos/color-field/uncontrolled.tsx
index e2e085f9d..a99f15961 100644
--- a/www/src/demos/color-field/uncontrolled.tsx
+++ b/www/src/demos/color-field/uncontrolled.tsx
@@ -2,5 +2,5 @@ import React from "react";
 import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
-  return <ColorField defaultValue="#7f007f" />;
+  return <ColorField label="Color" defaultValue="#7f007f" />;
 }
diff --git a/www/src/demos/date-field/composition.tsx b/www/src/demos/date-field/composition.tsx
index 7a57fe511..716130acc 100644
--- a/www/src/demos/date-field/composition.tsx
+++ b/www/src/demos/date-field/composition.tsx
@@ -1,18 +1,17 @@
 "use client";
 
 import React from "react";
-import { DateFieldRoot } from "@/components/dynamic-core/date-field";
-import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
+import {
+  DateFieldInput,
+  DateFieldRoot,
+} from "@/components/dynamic-core/date-field";
 import { Description, Label } from "@/components/dynamic-core/field";
-import { InputRoot } from "@/components/dynamic-core/input";
 
 export default function Demo() {
   return (
-    <DateFieldRoot>
+    <DateFieldRoot className="w-auto">
       <Label>Meeting time</Label>
-      <InputRoot>
-        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-      </InputRoot>
+      <DateFieldInput />
       <Description>Please select a time between 9 AM and 5 PM.</Description>
     </DateFieldRoot>
   );
diff --git a/www/src/demos/date-field/controlled.tsx b/www/src/demos/date-field/controlled.tsx
index 39bac6110..ba986051b 100644
--- a/www/src/demos/date-field/controlled.tsx
+++ b/www/src/demos/date-field/controlled.tsx
@@ -2,14 +2,19 @@
 
 import React from "react";
 import { parseDate } from "@internationalized/date";
+import type { DateValue } from "react-aria-components";
 import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
-  const [value, setValue] = React.useState(parseDate("2020-02-03"));
+  const [value, setValue] = React.useState<DateValue | null>(
+    parseDate("2020-02-03")
+  );
   return (
     <div className="flex flex-col items-center gap-4">
       <DateField aria-label="Event date" value={value} onChange={setValue} />
-      <p className="text-fg-muted text-sm">selected date: {value.toString()}</p>
+      <p className="text-fg-muted text-sm">
+        selected date: {value ? value.toString() : "none"}
+      </p>
     </div>
   );
 }
diff --git a/www/src/demos/date-field/description.tsx b/www/src/demos/date-field/description.tsx
index 263b31f1f..6f7575501 100644
--- a/www/src/demos/date-field/description.tsx
+++ b/www/src/demos/date-field/description.tsx
@@ -4,5 +4,5 @@ import React from "react";
 import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
-  return <DateField label="Appointment" description="Please select a date." />;
+  return <DateField label="Appointment date" description="Please select a date." />;
 }
diff --git a/www/src/demos/date-field/granularity.tsx b/www/src/demos/date-field/granularity.tsx
index 37e7fc4b6..57b7db2d0 100644
--- a/www/src/demos/date-field/granularity.tsx
+++ b/www/src/demos/date-field/granularity.tsx
@@ -10,12 +10,12 @@ export default function Demo() {
         label="Hour"
         granularity="hour"
         defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
+        />
       <DateField
         label="Minute"
         granularity="minute"
         defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-      />
+        />
       <DateField
         label="Second"
         granularity="second"
diff --git a/www/src/demos/date-field/hide-time-zone.tsx b/www/src/demos/date-field/hide-time-zone.tsx
index 96a5b49c7..7109923b8 100644
--- a/www/src/demos/date-field/hide-time-zone.tsx
+++ b/www/src/demos/date-field/hide-time-zone.tsx
@@ -10,6 +10,7 @@ export default function Demo() {
       granularity="minute"
       defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
       hideTimeZone
+      className="w-auto"
     />
   );
 }
diff --git a/www/src/demos/date-field/hour-cycle.tsx b/www/src/demos/date-field/hour-cycle.tsx
index 8d4a482d2..b8264b79f 100644
--- a/www/src/demos/date-field/hour-cycle.tsx
+++ b/www/src/demos/date-field/hour-cycle.tsx
@@ -8,6 +8,7 @@ export default function Demo() {
       aria-label="Appointment date"
       granularity="minute"
       hourCycle={24}
+      className="w-auto"
     />
   );
 }
diff --git a/www/src/demos/date-field/loading.tsx b/www/src/demos/date-field/loading.tsx
deleted file mode 100644
index 0b7975e99..000000000
--- a/www/src/demos/date-field/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { DateField } from "@/components/dynamic-core/date-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-2">
-      <DateField aria-label="Meeting date" isLoading loaderPosition="prefix" />
-      <DateField aria-label="Meeting date" isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/date-field/required.tsx b/www/src/demos/date-field/required.tsx
index ce126f000..f68108d6b 100644
--- a/www/src/demos/date-field/required.tsx
+++ b/www/src/demos/date-field/required.tsx
@@ -4,12 +4,5 @@ import React from "react";
 import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <DateField label="Event date" isRequired />
-      <DateField label="Event date" isRequired necessityIndicator="icon" />
-      <DateField label="Event date" isRequired necessityIndicator="label" />
-      <DateField label="Event date" necessityIndicator="label" />
-    </div>
-  );
+  return <DateField label="Event date" isRequired />;
 }
diff --git a/www/src/demos/date-field/time-zones.tsx b/www/src/demos/date-field/time-zones.tsx
index 06e391cec..21fd6f1f5 100644
--- a/www/src/demos/date-field/time-zones.tsx
+++ b/www/src/demos/date-field/time-zones.tsx
@@ -5,6 +5,10 @@ import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
   return (
-    <DateField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
+    <DateField
+      aria-label="Meeting time"
+      defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")}
+      className="w-auto"
+    />
   );
 }
diff --git a/www/src/demos/drop-zone/default.tsx b/www/src/demos/drop-zone/basic.tsx
similarity index 100%
rename from www/src/demos/drop-zone/default.tsx
rename to www/src/demos/drop-zone/basic.tsx
diff --git a/www/src/demos/drop-zone/events.tsx b/www/src/demos/drop-zone/events.tsx
new file mode 100644
index 000000000..bc82c6001
--- /dev/null
+++ b/www/src/demos/drop-zone/events.tsx
@@ -0,0 +1,59 @@
+"use client";
+
+import React from "react";
+import { useDrag } from "react-aria";
+import { TextDropItem } from "react-aria-components";
+import { DropZone } from "@/components/dynamic-core/drop-zone";
+import { Text } from "@/registry/core/text";
+
+export default function Demo() {
+  return (
+    <div className="flex items-center gap-8">
+      <div className="flex flex-col gap-4">
+        <Draggable text="Component A" />
+        <Draggable text="Component B" />
+      </div>
+      <DropZone
+        onDrop={async (e) => {
+          const items = await Promise.all(
+            e.items
+              .filter(
+                (item) => item.kind === "text" && item.types.has("text/plain")
+              )
+              .map((item) => (item as TextDropItem).getText("text/plain"))
+          );
+          alert(`You dropped ${items.join("\n")}`);
+        }}
+      >
+        <Text slot="label">Droppable</Text>
+      </DropZone>
+    </div>
+  );
+}
+
+const Draggable = ({ text }: { text: string }) => {
+  let { dragProps, isDragging } = useDrag({
+    getItems() {
+      return [
+        {
+          "text/plain": text,
+        },
+      ];
+    },
+  });
+
+  return (
+    <div className="flex flex-col items-center gap-1">
+      <div
+        {...dragProps}
+        role="button"
+        data-dragging={isDragging || undefined}
+        tabIndex={0}
+        className="bg-bg-muted data-dragging:opacity-50 rounded-sm border p-2 transition-all hover:scale-105"
+      >
+        {text}
+      </div>
+      <span className="text-fg-muted text-xs">Drag me</span>
+    </div>
+  );
+};
diff --git a/www/src/demos/drop-zone/visual-feedback.tsx b/www/src/demos/drop-zone/visual-feedback.tsx
new file mode 100644
index 000000000..629c427ae
--- /dev/null
+++ b/www/src/demos/drop-zone/visual-feedback.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import React from "react";
+import { DropZone } from "@/components/dynamic-core/drop-zone";
+
+export default function Demo() {
+  const [dropped, setDropped] = React.useState(false);
+  return (
+    <DropZone
+      getDropOperation={(types) => (types.has("image/png") ? "copy" : "cancel")}
+      onDrop={() => setDropped(true)}
+    >
+      {dropped ? "Successful drop!" : "Drop files here"}
+    </DropZone>
+  );
+}
diff --git a/www/src/demos/range-calendar/composition.tsx b/www/src/demos/range-calendar/composition.tsx
index 92765580d..505ec49e1 100644
--- a/www/src/demos/range-calendar/composition.tsx
+++ b/www/src/demos/range-calendar/composition.tsx
@@ -10,18 +10,18 @@ import {
   CalendarGridBody,
   CalendarCell,
 } from "@/components/dynamic-core/calendar";
-import { Heading } from "@/components/dynamic-core/heading";
 import { RangeCalendarRoot } from "@/components/dynamic-core/calendar";
+import { Heading } from "@/components/dynamic-core/heading";
 
 export default function Demo() {
   return (
-    <RangeCalendarRoot>
+    <RangeCalendarRoot aria-label="Trip dates">
       <CalendarHeader>
-        <Button slot="previous" variant="outline" shape="square" size="sm">
+        <Button slot="previous" variant="outline" shape="circle" size="sm">
           <ChevronLeftIcon />
         </Button>
         <Heading className="text-sm" />
-        <Button slot="next" variant="outline" shape="square" size="sm">
+        <Button slot="next" variant="outline" shape="circle" size="sm">
           <ChevronRightIcon />
         </Button>
       </CalendarHeader>
@@ -30,13 +30,7 @@ export default function Demo() {
           {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
         </CalendarGridHeader>
         <CalendarGridBody>
-          {(date) => (
-            <CalendarCell date={date} range>
-              {({ formattedDate }) => (
-                <span className="z-20">{formattedDate}</span>
-              )}
-            </CalendarCell>
-          )}
+          {(date) => <CalendarCell date={date} />}
         </CalendarGridBody>
       </CalendarGrid>
     </RangeCalendarRoot>
diff --git a/www/src/demos/range-calendar/controlled.tsx b/www/src/demos/range-calendar/controlled.tsx
index e43f1dc57..d3dea1b14 100644
--- a/www/src/demos/range-calendar/controlled.tsx
+++ b/www/src/demos/range-calendar/controlled.tsx
@@ -1,26 +1,26 @@
 "use client";
 
 import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
-import { type DateRange } from "react-aria-components";
+import { parseDate } from "@internationalized/date";
+import type { DateRange } from "react-aria-components";
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  const [range, setRange] = React.useState<DateRange | null>({
-    start: today(getLocalTimeZone()),
-    end: today(getLocalTimeZone()).add({ weeks: 1 }),
+  const [value, setValue] = React.useState<DateRange>({
+    start: parseDate("2020-02-03"),
+    end: parseDate("2020-02-12"),
   });
   return (
     <div className="flex flex-col items-center gap-6">
       <RangeCalendar
-        aria-label="Date (controlled)"
-        value={range}
-        onChange={setRange}
+        aria-label="Trip dates"
+        value={value}
+        onChange={setValue}
       />
       <p className="text-fg-muted text-sm">
-        Start date: {range?.start.toString()}
+        Start date: {value.start.toString()}
         <br />
-        End date: {range?.end.toString()}
+        End date: {value.end.toString()}
       </p>
     </div>
   );
diff --git a/www/src/demos/range-calendar/default.tsx b/www/src/demos/range-calendar/default.tsx
index bec190ad5..fe3aa0d2c 100644
--- a/www/src/demos/range-calendar/default.tsx
+++ b/www/src/demos/range-calendar/default.tsx
@@ -1,5 +1,5 @@
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  return <RangeCalendar />;
+  return <RangeCalendar aria-label="Trip dates" />;
 }
diff --git a/www/src/demos/range-calendar/disabled.tsx b/www/src/demos/range-calendar/disabled.tsx
index 2697627f8..fd4f07e5d 100644
--- a/www/src/demos/range-calendar/disabled.tsx
+++ b/www/src/demos/range-calendar/disabled.tsx
@@ -1,5 +1,5 @@
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  return <RangeCalendar aria-label="Appointment date" isDisabled />;
+  return <RangeCalendar aria-label="Trip dates" isDisabled />;
 }
diff --git a/www/src/demos/range-calendar/page-behaviour.tsx b/www/src/demos/range-calendar/page-behaviour.tsx
index b25d188e8..3a2dcdc01 100644
--- a/www/src/demos/range-calendar/page-behaviour.tsx
+++ b/www/src/demos/range-calendar/page-behaviour.tsx
@@ -1,5 +1,5 @@
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  return <RangeCalendar visibleMonths={2} pageBehavior="single" />;
+  return <RangeCalendar aria-label="Trip dates" visibleMonths={2} pageBehavior="single" />;
 }
diff --git a/www/src/demos/range-calendar/read-only.tsx b/www/src/demos/range-calendar/read-only.tsx
index 70a490447..403d3d39f 100644
--- a/www/src/demos/range-calendar/read-only.tsx
+++ b/www/src/demos/range-calendar/read-only.tsx
@@ -1,16 +1,16 @@
 "use client";
 
-import { getLocalTimeZone, today } from "@internationalized/date";
+import { parseDate } from "@internationalized/date";
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
     <RangeCalendar
-      aria-label="Appointment date"
+      aria-label="Trip dates"
       isReadOnly
       value={{
-        start: today(getLocalTimeZone()),
-        end: today(getLocalTimeZone()).add({ weeks: 1 }),
+        start: parseDate("2020-02-03"),
+        end: parseDate("2020-02-12"),
       }}
     />
   );
diff --git a/www/src/demos/range-calendar/uncontrolled.tsx b/www/src/demos/range-calendar/uncontrolled.tsx
index ad8e58dcd..b44d50d7b 100644
--- a/www/src/demos/range-calendar/uncontrolled.tsx
+++ b/www/src/demos/range-calendar/uncontrolled.tsx
@@ -1,16 +1,16 @@
 "use client";
 
 import React from "react";
-import { getLocalTimeZone, today } from "@internationalized/date";
+import { parseDate } from "@internationalized/date";
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
     <RangeCalendar
-      aria-label="Date (controlled)"
+      aria-label="Trip dates"
       defaultValue={{
-        start: today(getLocalTimeZone()),
-        end: today(getLocalTimeZone()).add({ weeks: 1 }),
+        start: parseDate("2020-02-03"),
+        end: parseDate("2020-02-12"),
       }}
     />
   );
diff --git a/www/src/demos/range-calendar/validation.tsx b/www/src/demos/range-calendar/validation.tsx
index 752d62e9b..52f296a95 100644
--- a/www/src/demos/range-calendar/validation.tsx
+++ b/www/src/demos/range-calendar/validation.tsx
@@ -6,7 +6,7 @@ import { RangeCalendar } from "@/components/dynamic-core/calendar";
 export default function Demo() {
   return (
     <RangeCalendar
-      aria-label="Appointment date"
+      aria-label="Trip dates"
       minValue={today(getLocalTimeZone())}
     />
   );
diff --git a/www/src/demos/range-calendar/label.tsx b/www/src/demos/range-calendar/variant.tsx
similarity index 59%
rename from www/src/demos/range-calendar/label.tsx
rename to www/src/demos/range-calendar/variant.tsx
index fd18b6836..a48f609a7 100644
--- a/www/src/demos/range-calendar/label.tsx
+++ b/www/src/demos/range-calendar/variant.tsx
@@ -1,5 +1,5 @@
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  return <RangeCalendar aria-label="Event date" />;
+  return <RangeCalendar aria-label="Trip dates" variant="primary" />;
 }
diff --git a/www/src/demos/range-calendar/visible-months.tsx b/www/src/demos/range-calendar/visible-months.tsx
index 111bbe11e..949a986c9 100644
--- a/www/src/demos/range-calendar/visible-months.tsx
+++ b/www/src/demos/range-calendar/visible-months.tsx
@@ -1,5 +1,5 @@
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  return <RangeCalendar visibleMonths={2} />;
+  return <RangeCalendar aria-label="Trip dates" visibleMonths={2} />;
 }
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index 56765dfa6..4ef015a32 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -49,13 +49,13 @@ export const demos: RegistryDemos = [
     "default",
     "disabled",
     "error-message",
-    "label",
     "page-behaviour",
     "read-only",
     "uncontrolled",
     "unvailable-dates",
     "validation",
     "visible-months",
+    "variant",
   ]),
   ...buildDemos("checkbox-group", [
     "cards",
@@ -89,6 +89,7 @@ export const demos: RegistryDemos = [
     "uncontrolled",
   ]),
   ...buildDemos("color-field", [
+    "color-channel",
     "composition",
     "controlled",
     "default",
@@ -211,7 +212,14 @@ export const demos: RegistryDemos = [
     "types",
   ]),
   ...buildDemos("drawer", ["basic"]),
-  ...buildDemos("drop-zone", ["default", "disabled", "file-trigger", "label"]),
+  ...buildDemos("drop-zone", [
+    "basic",
+    "disabled",
+    "file-trigger",
+    "label",
+    "visual-feedback",
+    "events",
+  ]),
   ...buildDemos("file-trigger", [
     "default",
     "directory-selection",
@@ -313,7 +321,6 @@ export const demos: RegistryDemos = [
     "default",
     "disabled",
     "error-message",
-    "label",
     "non-contiguous-ranges",
     "page-behaviour",
     "read-only",
@@ -321,6 +328,7 @@ export const demos: RegistryDemos = [
     "unvailable-dates",
     "validation",
     "visible-months",
+    "variant",
   ]),
   ...buildDemos("search-field", [
     "composition",
diff --git a/www/src/demos/slider/composition.tsx b/www/src/demos/slider/composition.tsx
index 6b4cdb097..4aaa378fa 100644
--- a/www/src/demos/slider/composition.tsx
+++ b/www/src/demos/slider/composition.tsx
@@ -10,8 +10,8 @@ import {
 
 export default function Demo() {
   return (
-    <SliderRoot defaultValue={50}>
-      <div className="flex items-center justify-between">
+    <SliderRoot defaultValue={50} className="flex flex-col gap-2">
+      <div className="flex items-center justify-between gap-2">
         <Label>Volume</Label>
         <SliderValueLabel />
       </div>
diff --git a/www/src/demos/slider/vertical.tsx b/www/src/demos/slider/vertical.tsx
index 7d56617ae..775a9c43b 100644
--- a/www/src/demos/slider/vertical.tsx
+++ b/www/src/demos/slider/vertical.tsx
@@ -2,6 +2,6 @@ import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
-    <Slider defaultValue={50} aria-label="Opacity" orientation="vertical" />
+    <Slider defaultValue={50} aria-label="Opacity" orientation="vertical" className="w-8" />
   );
 }
diff --git a/www/src/demos/text-field/composition.tsx b/www/src/demos/text-field/composition.tsx
index dbabb21a9..01e47d249 100644
--- a/www/src/demos/text-field/composition.tsx
+++ b/www/src/demos/text-field/composition.tsx
@@ -1,15 +1,12 @@
 import React from "react";
 import { Description, Label } from "@/components/dynamic-core/field";
-import { Input, InputRoot } from "@/components/dynamic-core/input";
-import { TextFieldRoot } from "@/components/dynamic-core/text-field";
+import { TextFieldInput, TextFieldRoot } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
     <TextFieldRoot>
       <Label>Email</Label>
-      <InputRoot>
-        <Input />
-      </InputRoot>
+      <TextFieldInput />
       <Description>Enter your email.</Description>
     </TextFieldRoot>
   );
diff --git a/www/src/demos/time-field/composition.tsx b/www/src/demos/time-field/composition.tsx
index e12ef6ad0..770e68088 100644
--- a/www/src/demos/time-field/composition.tsx
+++ b/www/src/demos/time-field/composition.tsx
@@ -1,19 +1,17 @@
-"use client";
-
-import React from "react";
-import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
-import { Description, Label } from "@/components/dynamic-core/field";
-import { InputRoot } from "@/components/dynamic-core/input";
-import { TimeFieldRoot } from "@/components/dynamic-core/time-field";
+import { Label, Description } from "@/components/dynamic-core/field";
+import {
+  TimeFieldRoot,
+  TimeFieldInput,
+} from "@/components/dynamic-core/time-field";
+import { FieldError } from "@/registry/core/field_new";
 
 export default function Demo() {
   return (
     <TimeFieldRoot>
       <Label>Meeting time</Label>
-      <InputRoot>
-        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-      </InputRoot>
+      <TimeFieldInput />
       <Description>Please select a time between 9 AM and 5 PM.</Description>
+      <FieldError />
     </TimeFieldRoot>
   );
 }
diff --git a/www/src/demos/time-field/controlled.tsx b/www/src/demos/time-field/controlled.tsx
index 694e48bb5..7412e526c 100644
--- a/www/src/demos/time-field/controlled.tsx
+++ b/www/src/demos/time-field/controlled.tsx
@@ -2,14 +2,15 @@
 
 import React from "react";
 import { Time } from "@internationalized/date";
+import type { TimeValue } from "react-aria-components";
 import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
-  const [time, setTime] = React.useState(new Time(11, 45));
+  const [time, setTime] = React.useState<TimeValue | null>(new Time(11, 45));
   return (
     <div className="flex flex-col items-center gap-4">
-      <TimeField value={time} onChange={setTime} />
-      <p className="text-fg-muted text-sm">selected time: {time.toString()}</p>
+      <TimeField aria-label="Event time" value={time} onChange={setTime} />
+      <p className="text-fg-muted text-sm">selected time: {time?.toString()}</p>
     </div>
   );
 }
diff --git a/www/src/demos/time-field/default.tsx b/www/src/demos/time-field/default.tsx
index d2b955c5e..7b0d4e41f 100644
--- a/www/src/demos/time-field/default.tsx
+++ b/www/src/demos/time-field/default.tsx
@@ -1,5 +1,5 @@
 import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
-  return <TimeField />;
+  return <TimeField aria-label="Event time" />;
 }
diff --git a/www/src/demos/time-field/granularity.tsx b/www/src/demos/time-field/granularity.tsx
index 23033125d..dd1ab0b29 100644
--- a/www/src/demos/time-field/granularity.tsx
+++ b/www/src/demos/time-field/granularity.tsx
@@ -6,8 +6,10 @@ import { TimeField } from "@/components/dynamic-core/time-field";
 export default function Demo() {
   return (
     <TimeField
+      aria-label="Event time"
       granularity="second"
       defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
+      className="w-40"
     />
   );
 }
diff --git a/www/src/demos/time-field/hide-time-zone.tsx b/www/src/demos/time-field/hide-time-zone.tsx
index 21bd0240d..f0de215fc 100644
--- a/www/src/demos/time-field/hide-time-zone.tsx
+++ b/www/src/demos/time-field/hide-time-zone.tsx
@@ -6,6 +6,7 @@ import { TimeField } from "@/components/dynamic-core/time-field";
 export default function Demo() {
   return (
     <TimeField
+      aria-label="Appointment time"
       defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
       hideTimeZone
     />
diff --git a/www/src/demos/time-field/placeholder.tsx b/www/src/demos/time-field/placeholder.tsx
index 36121a866..d4ed812d5 100644
--- a/www/src/demos/time-field/placeholder.tsx
+++ b/www/src/demos/time-field/placeholder.tsx
@@ -4,5 +4,5 @@ import { Time } from "@internationalized/date";
 import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
-  return <TimeField placeholderValue={new Time(9)} />;
+  return <TimeField aria-label="Event time" placeholderValue={new Time(9)} />;
 }
diff --git a/www/src/demos/time-field/prefix-and-suffix.tsx b/www/src/demos/time-field/prefix-and-suffix.tsx
index f5b587d1a..1ea9ac1f4 100644
--- a/www/src/demos/time-field/prefix-and-suffix.tsx
+++ b/www/src/demos/time-field/prefix-and-suffix.tsx
@@ -4,8 +4,8 @@ import { TimeField } from "@/components/dynamic-core/time-field";
 export default function Demo() {
   return (
     <div className="space-y-2">
-      <TimeField prefix={<TimerIcon />} />
-      <TimeField suffix={<TimerIcon />} />
+      <TimeField aria-label="Event time" prefix={<TimerIcon />} />
+      <TimeField aria-label="Event time" suffix={<TimerIcon />} />
     </div>
   );
 }
diff --git a/www/src/demos/time-field/time-zones.tsx b/www/src/demos/time-field/time-zones.tsx
index f112b013a..db7ca0b41 100644
--- a/www/src/demos/time-field/time-zones.tsx
+++ b/www/src/demos/time-field/time-zones.tsx
@@ -5,6 +5,9 @@ import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
   return (
-    <TimeField defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />
+    <TimeField
+      aria-label="Event time"
+      defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")}
+    />
   );
 }
diff --git a/www/src/demos/time-field/uncontrolled.tsx b/www/src/demos/time-field/uncontrolled.tsx
index e4df5c189..34e45d7f6 100644
--- a/www/src/demos/time-field/uncontrolled.tsx
+++ b/www/src/demos/time-field/uncontrolled.tsx
@@ -4,5 +4,5 @@ import { Time } from "@internationalized/date";
 import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
-  return <TimeField defaultValue={new Time(11, 45)} />;
+  return <TimeField aria-label="Event time" defaultValue={new Time(11, 45)} />;
 }
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index 934905046..fcdc7fac5 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -23,11 +23,12 @@ export const createDynamicComponent = <Props extends {}>(
 
     const LazyComponent = registry[contextVariant ?? variant];
 
-    return (
-      <React.Suspense fallback={null}>
-        <LazyComponent {...props} />
-      </React.Suspense>
-    );
+    return <LazyComponent {...props} />;
+    // return (
+    //   <React.Suspense fallback={null}>
+    //     <LazyComponent {...props} />
+    //   </React.Suspense>
+    // );
   };
 
   Component.displayName = componentName;
@@ -54,3 +55,19 @@ export const VariantsProvider = ({
 };
 
 export const useComponentsVariants = () => React.useContext(variantsContext);
+
+// const LazyLoaderContext = React.createContext<{
+//   isLoading: boolean;
+//   setLoading: (value: boolean) => void;
+// }>({
+//   isLoading: true,
+//   setLoading: () => {},
+// });
+// const LazyLoader = ({ children }: { children: React.ReactNode }) => {
+//   const [isLoading, setLoading] = React.useState(true);
+//   return (
+//     <LazyLoaderContext value={{ isLoading, setLoading }}>
+//       <React.Suspense fallback={children}>{children}</React.Suspense>
+//     </LazyLoaderContext>
+//   );
+// };
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index 5506efb30..6337bc727 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -4,7 +4,7 @@ const defaultVariants = {
   alert: "alert-01",
   loader: "loader-ring",
   button: "button-01",
-  calendar: "calendar-01",
+  calendar: "calendar_basic",
   tooltip: "tooltip-01",
   form: "react-hook-form",
   checkbox: "checkbox_basic",
@@ -198,6 +198,7 @@ export const dotUIThemes: Theme[] = [
     iconLibrary: "lucide",
     variants: {
       ...defaultVariants,
+      button: "button-02",
     },
     colors: {
       light: {
@@ -372,6 +373,7 @@ export const dotUIThemes: Theme[] = [
     iconLibrary: "lucide",
     variants: {
       ...defaultVariants,
+      button: "button-03",
     },
     colors: {
       light: {
diff --git a/www/src/registry/core/calendar.tsx b/www/src/registry/core/calendar_basic.tsx
similarity index 59%
rename from www/src/registry/core/calendar.tsx
rename to www/src/registry/core/calendar_basic.tsx
index a278d2abf..3a95a57f2 100644
--- a/www/src/registry/core/calendar.tsx
+++ b/www/src/registry/core/calendar_basic.tsx
@@ -12,6 +12,7 @@ import {
   CalendarGridBody as AriaCalendarGridBody,
   CalendarContext as AriaCalendarContext,
   RangeCalendarContext as AriaRangeCalendarContext,
+  RangeCalendarStateContext as AriaRangeCalendarStateContext,
   composeRenderProps,
   useSlottedContext,
 } from "react-aria-components";
@@ -20,53 +21,110 @@ import type {
   CalendarProps as AriaCalendarProps,
   RangeCalendarProps as AriaRangeCalendarProps,
 } from "react-aria-components";
-import { tv } from "tailwind-variants";
+import { tv, VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
 import { Heading } from "@/registry/core/heading";
 import { Text } from "@/registry/core/text";
+import { focusRing } from "@/registry/lib/focus-styles";
 
 const calendarStyles = tv({
   slots: {
-    root: "",
-    header: "",
-    grid: "",
+    root: "flex flex-col gap-4",
+    header: "flex items-center justify-between gap-2",
+    grid: "w-full border-collapse",
     gridHeader: "",
-    gridHeaderCell: "",
+    gridHeaderCell: "text-fg-muted text-xs font-normal",
     gridBody: "",
-    cell: "",
   },
   variants: {
-    variant: {
-      default: "",
-      accent: "",
-    },
     standalone: {
       true: {
         root: "bg-bg rounded-md border p-3",
       },
     },
+  },
+});
+
+const calendarCellStyles = tv({
+  slots: {
+    cellRoot:
+      "outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none",
+    cell: [
+      focusRing(),
+      "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent",
+    ],
+  },
+  variants: {
+    variant: {
+      primary: {},
+      accent: {},
+    },
     range: {
-      true: {},
+      true: {
+        cellRoot:
+          "selected:bg-bg-inverse/10 selected:invalid:bg-bg-danger-muted selected: selected:invalid:text-fg-danger",
+        cell: "selection-start:invalid:bg-bg-danger selection-start:invalid:text-fg-onDanger selection-end:invalid:bg-bg-danger selection-end:invalid:text-fg-onDanger",
+      },
+      false: {
+        cell: "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
+      },
     },
   },
+  compoundVariants: [
+    {
+      variant: "primary",
+      range: false,
+      className: {
+        cell: "selected:bg-bg-primary selected:text-fg-onPrimary",
+      },
+    },
+    {
+      variant: "accent",
+      range: false,
+      className: {
+        cell: "selected:bg-bg-accent selected:text-fg-onAccent",
+      },
+    },
+    {
+      variant: "primary",
+      range: true,
+      className: {
+        cell: "selection-start:bg-bg-primary selection-start:text-fg-onPrimary selection-end:bg-bg-primary selection-end:text-fg-onPrimary",
+      },
+    },
+    {
+      variant: "accent",
+      range: true,
+      className: {
+        cell: "selection-start:bg-bg-accent selection-start:text-fg-onAccent selection-end:bg-bg-accent selection-end:text-fg-onAccent",
+      },
+    },
+  ],
+  defaultVariants: {
+    variant: "accent",
+  },
 });
 
-const { root, header, grid, gridHeader, gridHeaderCell, gridBody, cell } =
+const { root, header, grid, gridHeader, gridHeaderCell, gridBody } =
   calendarStyles();
 
+const { cellRoot, cell } = calendarCellStyles();
+
 interface CalendarProps<T extends DateValue>
-  extends Omit<CalendarRootProps<T>, "visibleDuration"> {
+  extends Omit<CalendarRootProps<T>, "visibleDuration">,
+    Omit<VariantProps<typeof calendarCellStyles>, "range"> {
   visibleMonths?: number;
   errorMessage?: string;
 }
 const Calendar = <T extends DateValue>({
+  variant,
   visibleMonths = 1,
   errorMessage,
   ...props
 }: CalendarProps<T>) => {
   visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
   return (
-    <CalendarRoot {...props}>
+    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
       {({ isInvalid }) => (
         <>
           <CalendarHeader>
@@ -88,7 +146,7 @@ const Calendar = <T extends DateValue>({
                   {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
                 </CalendarGridHeader>
                 <CalendarGridBody>
-                  {(date) => <CalendarCell date={date} />}
+                  {(date) => <CalendarCell variant={variant} date={date} />}
                 </CalendarGridBody>
               </CalendarGrid>
             ))}
@@ -103,11 +161,13 @@ const Calendar = <T extends DateValue>({
 };
 
 interface RangeCalendarProps<T extends DateValue>
-  extends Omit<RangeCalendarRootProps<T>, "visibleDuration"> {
+  extends Omit<RangeCalendarRootProps<T>, "visibleDuration">,
+    Omit<VariantProps<typeof calendarCellStyles>, "range"> {
   visibleMonths?: number;
   errorMessage?: string;
 }
 const RangeCalendar = <T extends DateValue>({
+  variant,
   visibleMonths = 1,
   errorMessage,
   ...props
@@ -136,13 +196,7 @@ const RangeCalendar = <T extends DateValue>({
                   {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
                 </CalendarGridHeader>
                 <CalendarGridBody>
-                  {(date) => (
-                    <CalendarCell date={date} range>
-                      {({ formattedDate }) => (
-                        <span className="z-20">{formattedDate}</span>
-                      )}
-                    </CalendarCell>
-                  )}
+                  {(date) => <CalendarCell variant={variant} date={date} />}
                 </CalendarGridBody>
               </CalendarGrid>
             ))}
@@ -184,7 +238,7 @@ const RangeCalendarRoot = <T extends DateValue>({
   return (
     <AriaRangeCalendar
       className={composeRenderProps(className, (className) =>
-        root({ range: true, standalone, className })
+        root({ standalone, className })
       )}
       {...props}
     />
@@ -236,17 +290,72 @@ const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
 };
 
 interface CalendarCellProps
-  extends React.ComponentProps<typeof AriaCalendarCell> {
-  range?: boolean;
-}
-const CalendarCell = ({ range = false, ...props }: CalendarCellProps) => {
+  extends React.ComponentProps<typeof AriaCalendarCell>,
+    Omit<VariantProps<typeof calendarCellStyles>, "range"> {}
+const CalendarCell = ({
+  variant = "accent",
+  children,
+  className,
+  ...props
+}: CalendarCellProps) => {
+  const rangeCalendarState = React.use(AriaRangeCalendarStateContext);
+  const range = !!rangeCalendarState;
+
   return (
     <AriaCalendarCell
       {...props}
-      className={composeRenderProps(props.className, (className) =>
-        cell({ className })
+      className={composeRenderProps(className, (className) =>
+        cellRoot({
+          range,
+          variant,
+          className,
+        })
       )}
-    />
+    >
+      {composeRenderProps(
+        children,
+        (
+          _,
+          {
+            isSelected,
+            isFocused,
+            isHovered,
+            isPressed,
+            isUnavailable,
+            isDisabled,
+            isFocusVisible,
+            isInvalid,
+            isOutsideMonth,
+            isOutsideVisibleRange,
+            isSelectionEnd,
+            isSelectionStart,
+            formattedDate,
+          }
+        ) => (
+          <span
+            data-rac=""
+            data-focused={isFocused || undefined}
+            data-selected={isSelected || undefined}
+            data-hovered={isHovered || undefined}
+            data-pressed={isPressed || undefined}
+            data-unavailable={isUnavailable || undefined}
+            data-disabled={isDisabled || undefined}
+            data-focus-visible={isFocusVisible || undefined}
+            data-invalid={isInvalid || undefined}
+            data-outside-month={isOutsideMonth || undefined}
+            data-outside-visible-range={isOutsideVisibleRange || undefined}
+            data-selection-end={isSelectionEnd || undefined}
+            data-selection-start={isSelectionStart || undefined}
+            className={cell({
+              range,
+              variant,
+            })}
+          >
+            {formattedDate}
+          </span>
+        )
+      )}
+    </AriaCalendarCell>
   );
 };
 
@@ -255,6 +364,7 @@ export type {
   CalendarRootProps,
   RangeCalendarProps,
   RangeCalendarRootProps,
+  CalendarHeaderProps,
   CalendarGridProps,
   CalendarGridHeaderProps,
   CalendarHeaderCellProps,
diff --git a/www/src/registry/core/calendar_cal.tsx b/www/src/registry/core/calendar_cal.tsx
new file mode 100644
index 000000000..5e82e7f3e
--- /dev/null
+++ b/www/src/registry/core/calendar_cal.tsx
@@ -0,0 +1,384 @@
+"use client";
+
+import React from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import {
+  Calendar as AriaCalendar,
+  RangeCalendar as AriaRangeCalendar,
+  CalendarCell as AriaCalendarCell,
+  CalendarGrid as AriaCalendarGrid,
+  CalendarGridHeader as AriaCalendarGridHeader,
+  CalendarHeaderCell as AriaCalendarHeaderCell,
+  CalendarGridBody as AriaCalendarGridBody,
+  CalendarContext as AriaCalendarContext,
+  RangeCalendarContext as AriaRangeCalendarContext,
+  RangeCalendarStateContext as AriaRangeCalendarStateContext,
+  composeRenderProps,
+  useSlottedContext,
+} from "react-aria-components";
+import type {
+  DateValue,
+  CalendarProps as AriaCalendarProps,
+  RangeCalendarProps as AriaRangeCalendarProps,
+} from "react-aria-components";
+import { tv, VariantProps } from "tailwind-variants";
+import { Button } from "@/registry/core/button-01";
+import { Heading } from "@/registry/core/heading";
+import { Text } from "@/registry/core/text";
+import { focusRing } from "@/registry/lib/focus-styles";
+import { ButtonGroup } from "./button-group";
+
+const calendarStyles = tv({
+  slots: {
+    root: "flex flex-col gap-4",
+    header: "text-fg-muted flex items-center justify-between gap-2 pl-2.5",
+    grid: "w-full border-collapse",
+    gridHeader: "",
+    gridHeaderCell: "text-fg-muted text-xs font-normal",
+    gridBody: "",
+  },
+  variants: {
+    standalone: {
+      true: {
+        root: "bg-bg rounded-md border p-3",
+      },
+    },
+  },
+});
+
+const calendarCellStyles = tv({
+  slots: {
+    cellRoot:
+      "outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none",
+    cell: [
+      focusRing(),
+      "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent",
+    ],
+  },
+  variants: {
+    variant: {
+      primary: {},
+      accent: {},
+    },
+    range: {
+      true: {
+        cellRoot:
+          "selected:bg-bg-inverse/10 selected:invalid:bg-bg-danger-muted selected: selected:invalid:text-fg-danger",
+        cell: "selection-start:invalid:bg-bg-danger selection-start:invalid:text-fg-onDanger selection-end:invalid:bg-bg-danger selection-end:invalid:text-fg-onDanger",
+      },
+      false: {
+        cell: "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
+      },
+    },
+  },
+  compoundVariants: [
+    {
+      variant: "primary",
+      range: false,
+      className: {
+        cell: "selected:bg-bg-primary selected:text-fg-onPrimary",
+      },
+    },
+    {
+      variant: "accent",
+      range: false,
+      className: {
+        cell: "selected:bg-bg-accent selected:text-fg-onAccent",
+      },
+    },
+    {
+      variant: "primary",
+      range: true,
+      className: {
+        cell: "selection-start:bg-bg-primary selection-start:text-fg-onPrimary selection-end:bg-bg-primary selection-end:text-fg-onPrimary",
+      },
+    },
+    {
+      variant: "accent",
+      range: true,
+      className: {
+        cell: "selection-start:bg-bg-accent selection-start:text-fg-onAccent selection-end:bg-bg-accent selection-end:text-fg-onAccent",
+      },
+    },
+  ],
+  defaultVariants: {
+    variant: "accent",
+  },
+});
+
+const { root, header, grid, gridHeader, gridHeaderCell, gridBody } =
+  calendarStyles();
+
+const { cellRoot, cell } = calendarCellStyles();
+
+interface CalendarProps<T extends DateValue>
+  extends Omit<CalendarRootProps<T>, "visibleDuration">,
+    Omit<VariantProps<typeof calendarCellStyles>, "range"> {
+  visibleMonths?: number;
+  errorMessage?: string;
+}
+const Calendar = <T extends DateValue>({
+  variant,
+  visibleMonths = 1,
+  errorMessage,
+  ...props
+}: CalendarProps<T>) => {
+  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
+  return (
+    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+      {({ isInvalid }) => (
+        <>
+          <CalendarHeader>
+            <Heading className="text-sm" />
+            <ButtonGroup variant="quiet" shape="square" size="sm">
+              <Button slot="previous">
+                <ChevronLeftIcon />
+              </Button>
+              <Button slot="next">
+                <ChevronRightIcon />
+              </Button>
+            </ButtonGroup>
+          </CalendarHeader>
+          <div className="flex items-start gap-4">
+            {Array.from({ length: visibleMonths }).map((_, index) => (
+              <CalendarGrid
+                key={index}
+                offset={index === 0 ? undefined : { months: index }}
+              >
+                <CalendarGridHeader>
+                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+                </CalendarGridHeader>
+                <CalendarGridBody>
+                  {(date) => <CalendarCell variant={variant} date={date} />}
+                </CalendarGridBody>
+              </CalendarGrid>
+            ))}
+          </div>
+          {isInvalid && errorMessage && (
+            <Text slot="errorMessage">{errorMessage}</Text>
+          )}
+        </>
+      )}
+    </CalendarRoot>
+  );
+};
+
+interface RangeCalendarProps<T extends DateValue>
+  extends Omit<RangeCalendarRootProps<T>, "visibleDuration">,
+    Omit<VariantProps<typeof calendarCellStyles>, "range"> {
+  visibleMonths?: number;
+  errorMessage?: string;
+}
+const RangeCalendar = <T extends DateValue>({
+  variant,
+  visibleMonths = 1,
+  errorMessage,
+  ...props
+}: RangeCalendarProps<T>) => {
+  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
+  return (
+    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
+      {({ isInvalid }) => (
+        <>
+          <CalendarHeader>
+            <Button slot="previous" variant="outline" shape="square" size="sm">
+              <ChevronLeftIcon />
+            </Button>
+            <Heading />
+            <Button slot="next" variant="outline" shape="square" size="sm">
+              <ChevronRightIcon />
+            </Button>
+          </CalendarHeader>
+          <div className="flex items-start gap-4">
+            {Array.from({ length: visibleMonths }).map((_, index) => (
+              <CalendarGrid
+                key={index}
+                offset={index === 0 ? undefined : { months: index }}
+              >
+                <CalendarGridHeader>
+                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
+                </CalendarGridHeader>
+                <CalendarGridBody>
+                  {(date) => <CalendarCell variant={variant} date={date} />}
+                </CalendarGridBody>
+              </CalendarGrid>
+            ))}
+          </div>
+          {isInvalid && errorMessage && (
+            <Text slot="errorMessage">{errorMessage}</Text>
+          )}
+        </>
+      )}
+    </RangeCalendarRoot>
+  );
+};
+
+interface CalendarRootProps<T extends DateValue> extends AriaCalendarProps<T> {}
+const CalendarRoot = <T extends DateValue>({
+  className,
+  ...props
+}: CalendarRootProps<T>) => {
+  const CalendarContext = useSlottedContext(AriaCalendarContext);
+  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
+  return (
+    <AriaCalendar
+      className={composeRenderProps(className, (className) =>
+        root({ standalone, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface RangeCalendarRootProps<T extends DateValue>
+  extends AriaRangeCalendarProps<T> {}
+const RangeCalendarRoot = <T extends DateValue>({
+  className,
+  ...props
+}: RangeCalendarRootProps<T>) => {
+  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);
+  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
+  return (
+    <AriaRangeCalendar
+      className={composeRenderProps(className, (className) =>
+        root({ standalone, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface CalendarHeaderProps extends React.ComponentProps<"header"> {}
+const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
+  return <header className={header({ className })} {...props} />;
+};
+
+interface CalendarGridProps
+  extends React.ComponentProps<typeof AriaCalendarGrid> {}
+const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
+  return <AriaCalendarGrid className={grid({ className })} {...props} />;
+};
+
+interface CalendarGridHeaderProps
+  extends React.ComponentProps<typeof AriaCalendarGridHeader> {}
+const CalendarGridHeader = ({
+  className,
+  ...props
+}: CalendarGridHeaderProps) => {
+  return (
+    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
+  );
+};
+
+interface CalendarHeaderCellProps
+  extends React.ComponentProps<typeof AriaCalendarHeaderCell> {}
+const CalendarHeaderCell = ({
+  className,
+  ...props
+}: CalendarHeaderCellProps) => {
+  return (
+    <AriaCalendarHeaderCell
+      className={gridHeaderCell({ className })}
+      {...props}
+    />
+  );
+};
+
+interface CalendarGridBodyProps
+  extends React.ComponentProps<typeof AriaCalendarGridBody> {}
+const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
+  return (
+    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
+  );
+};
+
+interface CalendarCellProps
+  extends React.ComponentProps<typeof AriaCalendarCell>,
+    Omit<VariantProps<typeof calendarCellStyles>, "range"> {}
+const CalendarCell = ({
+  variant,
+  children,
+  className,
+  ...props
+}: CalendarCellProps) => {
+  const rangeCalendarState = React.use(AriaRangeCalendarStateContext);
+  const range = !!rangeCalendarState;
+  return (
+    <AriaCalendarCell
+      {...props}
+      className={composeRenderProps(className, (className) =>
+        cellRoot({ variant, range, className })
+      )}
+    >
+      {composeRenderProps(
+        children,
+        (
+          _,
+          {
+            isSelected,
+            isFocused,
+            isHovered,
+            isPressed,
+            isUnavailable,
+            isDisabled,
+            isFocusVisible,
+            isInvalid,
+            isOutsideMonth,
+            isOutsideVisibleRange,
+            isSelectionEnd,
+            isSelectionStart,
+            formattedDate,
+          }
+        ) => (
+          <span
+            data-rac=""
+            data-focused={isFocused || undefined}
+            data-selected={isSelected || undefined}
+            data-hovered={isHovered || undefined}
+            data-pressed={isPressed || undefined}
+            data-unavailable={isUnavailable || undefined}
+            data-disabled={isDisabled || undefined}
+            data-focus-visible={isFocusVisible || undefined}
+            data-invalid={isInvalid || undefined}
+            data-outside-month={isOutsideMonth || undefined}
+            data-outside-visible-range={isOutsideVisibleRange || undefined}
+            data-selection-end={isSelectionEnd || undefined}
+            data-selection-start={isSelectionStart || undefined}
+            className={cell({
+              variant,
+              range,
+            })}
+          >
+            {formattedDate}
+          </span>
+        )
+      )}
+    </AriaCalendarCell>
+  );
+};
+
+export type {
+  CalendarProps,
+  CalendarRootProps,
+  RangeCalendarProps,
+  RangeCalendarRootProps,
+  CalendarGridProps,
+  CalendarGridHeaderProps,
+  CalendarHeaderCellProps,
+  CalendarGridBodyProps,
+  CalendarCellProps,
+};
+
+export {
+  Calendar,
+  CalendarRoot,
+  RangeCalendar,
+  RangeCalendarRoot,
+  CalendarHeader,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarHeaderCell,
+  CalendarGridBody,
+  CalendarCell,
+  calendarStyles,
+};
diff --git a/www/src/registry/core/checkbox-group_basic.tsx b/www/src/registry/core/checkbox-group_basic.tsx
index f7256d86c..1e657271e 100644
--- a/www/src/registry/core/checkbox-group_basic.tsx
+++ b/www/src/registry/core/checkbox-group_basic.tsx
@@ -10,7 +10,7 @@ import {
   CheckboxProvider,
   checkboxStyles,
 } from "@/registry/core/checkbox_basic";
-import { Label, HelpText } from "@/registry/core/field-01";
+import { Label, HelpText } from "@/registry/core/field_new";
 
 const checkboxGroupStyles = tv({
   base: "flex flex-col gap-2",
diff --git a/www/src/registry/core/color-area.tsx b/www/src/registry/core/color-area.tsx
index b50f85bb6..125b3c0d3 100644
--- a/www/src/registry/core/color-area.tsx
+++ b/www/src/registry/core/color-area.tsx
@@ -3,13 +3,12 @@
 import {
   ColorArea as AriaColorArea,
   composeRenderProps,
-  type ColorAreaProps as AriaColorAreaProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { ColorThumb } from "@/registry/core/color-thumb";
 
 const colorAreaStyles = tv({
-  base: "disabled:bg-bg-disabled! inline-block size-48 min-w-20 rounded-md",
+  base: "block size-48 min-w-20 rounded-md disabled:[background:var(--color-bg-disabled)]!",
 });
 
 type ColorAreaProps = Omit<ColorAreaRootProps, "children">;
@@ -21,20 +20,15 @@ const ColorArea = (props: ColorAreaProps) => {
   );
 };
 
-interface ColorAreaRootProps extends Omit<AriaColorAreaProps, "className"> {
-  className?: string;
-}
 interface ColorAreaRootProps
   extends React.ComponentProps<typeof AriaColorArea> {}
 const ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {
   return (
     <AriaColorArea
+      className={composeRenderProps(className, (className) =>
+        colorAreaStyles({ className })
+      )}
       {...props}
-      className={colorAreaStyles({ className })}
-      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
-        ...style,
-        ...(isDisabled ? { background: "none" } : {}),
-      }))}
     />
   );
 };
diff --git a/www/src/registry/core/color-field.tsx b/www/src/registry/core/color-field.tsx
index 0714ca7b6..df3b5462c 100644
--- a/www/src/registry/core/color-field.tsx
+++ b/www/src/registry/core/color-field.tsx
@@ -3,87 +3,76 @@
 import * as React from "react";
 import {
   ColorField as AriaColorField,
-  type ColorFieldProps as AriaColorFieldProps,
+  composeRenderProps,
 } from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import { tv } from "tailwind-variants";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
+import {
+  InputRoot,
+  Input,
+  type InputRootProps,
+} from "@/registry/core/input_new";
 
-const colorFieldStyles = tv({
+const textFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
 });
 
-type ColorFieldProps = ColorFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    isLoading?: boolean;
-    loaderPosition?: "prefix" | "suffix";
-    placeholder?: string;
-  };
-const ColorField = React.forwardRef<HTMLInputElement, ColorFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      prefix,
-      suffix,
-      isLoading,
-      loaderPosition = "suffix",
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <ColorFieldRoot className={className} isRequired={isRequired} {...props}>
-        <Field
-          label={label}
-          description={description}
-          errorMessage={errorMessage}
-          isRequired={isRequired}
-          necessityIndicator={necessityIndicator}
-          contextualHelp={contextualHelp}
-        >
-          <InputRoot
-            size={size}
-            prefix={prefix}
-            suffix={suffix}
-            isLoading={isLoading}
-            loaderPosition={loaderPosition}
-          >
-            <Input ref={ref} placeholder={placeholder} />
-          </InputRoot>
-        </Field>
-      </ColorFieldRoot>
-    );
-  }
-);
-ColorField.displayName = "ColorField";
+interface ColorFieldProps
+  extends ColorFieldRootProps,
+    Pick<InputRootProps, "size" | "prefix" | "suffix">,
+    FieldProps {
+  inputRef?: React.Ref<HTMLInputElement>;
+}
 
-type ColorFieldRootProps = Omit<AriaColorFieldProps, "className"> & {
-  className?: string;
+const ColorField = ({
+  label,
+  description,
+  errorMessage,
+  prefix,
+  suffix,
+  size,
+  inputRef,
+  ...props
+}: ColorFieldProps) => {
+  return (
+    <ColorFieldRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <ColorFieldInput
+        inputRef={inputRef}
+        size={size}
+        prefix={prefix}
+        suffix={suffix}
+      />
+      <HelpText description={description} errorMessage={errorMessage} />
+    </ColorFieldRoot>
+  );
 };
-const ColorFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaColorField>,
-  ColorFieldRootProps
->(({ className, ...props }, ref) => {
+
+interface ColorFieldRootProps
+  extends React.ComponentProps<typeof AriaColorField> {
+  placeholder?: string;
+}
+const ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {
   return (
     <AriaColorField
-      ref={ref}
-      className={colorFieldStyles({ className })}
+      className={composeRenderProps(className, (className) =>
+        textFieldStyles({ className })
+      )}
       {...props}
     />
   );
-});
-ColorFieldRoot.displayName = "ColorFieldRoot";
+};
+
+interface ColorFieldInputProps extends InputRootProps {
+  inputRef?: React.Ref<HTMLInputElement>;
+}
+const ColorFieldInput = ({ inputRef, ...props }: ColorFieldInputProps) => {
+  return (
+    <InputRoot {...props}>
+      <Input ref={inputRef} />
+    </InputRoot>
+  );
+};
 
-export type { ColorFieldProps, ColorFieldRootProps };
-export { ColorField, ColorFieldRoot };
+export type { ColorFieldProps, ColorFieldRootProps, ColorFieldInputProps };
+export { ColorField, ColorFieldRoot, ColorFieldInput };
diff --git a/www/src/registry/core/color-slider copy.tsx b/www/src/registry/core/color-slider copy.tsx
new file mode 100644
index 000000000..2270a459e
--- /dev/null
+++ b/www/src/registry/core/color-slider copy.tsx	
@@ -0,0 +1,113 @@
+"use client";
+
+import {
+  composeRenderProps,
+  ColorSlider as AriaColorSlider,
+  SliderOutput as AriaSliderOutput,
+  SliderTrack as AriaSliderTrack,
+  type ColorSliderProps as AriaColorSliderProps,
+  type SliderOutputProps as AriaSliderOutputProps,
+  type SliderTrackProps as AriaSliderTrackProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { ColorThumb } from "@/registry/core/color-thumb";
+import { Label } from "@/registry/core/field";
+import { cn } from "@/registry/lib/cn";
+
+const colorSliderStyles = tv({
+  slots: {
+    root: "group/color-slider orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
+    output: "text-fg-muted text-sm",
+    track: [
+      "orientation-horizontal:w-full orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-full disabled:bg-bg-disabled! rounded-md",
+      "relative before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
+    ],
+  },
+});
+
+interface ColorSliderProps extends ColorSliderRootProps {
+  showValueLabel?: boolean;
+  label?: string;
+}
+const ColorSlider = ({
+  label,
+  channel,
+  showValueLabel = true,
+  ...props
+}: ColorSliderProps) => {
+  return (
+    <ColorSliderRoot channel={channel} {...props}>
+      {(label || showValueLabel) && (
+        <div
+          className={cn(
+            "flex items-center justify-between gap-2",
+            !label && "justify-end"
+          )}
+        >
+          {label && <Label>{label}</Label>}
+          {showValueLabel && <ColorSliderOutput />}
+        </div>
+      )}
+      <ColorSliderTrack>
+        <ColorThumb />
+      </ColorSliderTrack>
+    </ColorSliderRoot>
+  );
+};
+
+type ColorSliderRootProps = AriaColorSliderProps;
+const ColorSliderRoot = (props: ColorSliderRootProps) => {
+  const { root } = colorSliderStyles();
+  return (
+    <AriaColorSlider
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        root({ className })
+      )}
+    />
+  );
+};
+
+type ColorSliderTrackProps = AriaSliderTrackProps;
+const ColorSliderTrack = (props: ColorSliderTrackProps) => {
+  const { track } = colorSliderStyles();
+  return (
+    <AriaSliderTrack
+      {...props}
+      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
+        ...style,
+        ...(isDisabled ? { background: "none" } : {}),
+      }))}
+      className={composeRenderProps(props.className, (className) =>
+        track({ className })
+      )}
+    />
+  );
+};
+
+type ColorSliderOutputProps = AriaSliderOutputProps;
+const ColorSliderOutput = (props: ColorSliderOutputProps) => {
+  const { output } = colorSliderStyles();
+  return (
+    <AriaSliderOutput
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        output({ className })
+      )}
+    />
+  );
+};
+
+export type {
+  ColorSliderProps,
+  ColorSliderRootProps,
+  ColorSliderTrackProps,
+  ColorSliderOutputProps,
+};
+export {
+  ColorSlider,
+  ColorSliderRoot,
+  ColorSliderOutput,
+  ColorSliderTrack,
+  colorSliderStyles,
+};
diff --git a/www/src/registry/core/color-slider_new.tsx b/www/src/registry/core/color-slider_new.tsx
new file mode 100644
index 000000000..c009b1835
--- /dev/null
+++ b/www/src/registry/core/color-slider_new.tsx
@@ -0,0 +1,257 @@
+"use client";
+
+import * as React from "react";
+import { useSlotId } from "@react-aria/utils";
+import {
+  composeRenderProps,
+  Slider as AriaSlider,
+  SliderOutput as AriaSliderOutput,
+  SliderThumb as AriaSliderThumb,
+  SliderTrack as AriaSliderTrack,
+  TextContext,
+  SliderStateContext,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Description, Label } from "@/registry/core/field";
+import { createScopedContext } from "@/registry/lib/context-helpers";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const sliderStyles = tv({
+  slots: {
+    root: "group grid grid-cols-[1fr_auto] [grid-template-areas:'label_valueLabel'_'field_field']",
+    track:
+      "[grid-area:field] bg-bg-neutral disabled:bg-bg-disabled relative grow cursor-pointer rounded-full disabled:cursor-default",
+    filler:
+      "bg-border-focus group-disabled:bg-bg-disabled pointer-events-none absolute rounded-full",
+    thumb: [
+      focusRing(),
+      "disabled:bg-bg-disabled disabled:border-bg left-[50%] top-[50%] rounded-full bg-white shadow-md transition-[width,height] disabled:border",
+    ],
+    valueLabel: "[grid-area:valueLabel] text-fg-muted text-sm",
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: "w-48",
+        track: "h-2 w-full",
+        filler: "top-0 h-full",
+      },
+      vertical: {
+        root: "h-48 items-center",
+        track: "w-2 flex-1",
+        filler: "bottom-0 w-full",
+      },
+    },
+    size: {
+      sm: {
+        thumb: "dragging:size-4 size-3",
+        track: "orientation-vertical:w-1 orientation-horizontal:h-1",
+      },
+      md: {
+        thumb: "dragging:size-5 size-4",
+        track: "orientation-vertical:w-2 orientation-horizontal:h-2",
+      },
+      lg: {
+        thumb: "dragging:size-6 size-5",
+        track: "orientation-vertical:w-3 orientation-horizontal:h-3",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+  },
+});
+
+const { root, track, filler, thumb, valueLabel } = sliderStyles();
+
+const [SliderProvider, useSliderContext] =
+  createScopedContext<VariantProps<typeof sliderStyles>>("SliderRoot");
+
+interface SliderProps extends Omit<SliderRootProps, "children"> {
+  label?: React.ReactNode;
+  description?: React.ReactNode;
+  showValueLabel?: boolean;
+  getValueLabel?: (value: number[]) => string;
+}
+const Slider = ({
+  label,
+  description,
+  showValueLabel = true,
+  getValueLabel,
+  ...props
+}: SliderProps) => {
+  return (
+    <SliderRoot {...props}>
+        {label && <Label>{label}</Label>}
+        {showValueLabel && (
+          <SliderValueLabel>
+            {({ state }) =>
+              getValueLabel ? getValueLabel(state.values) : null
+            }
+          </SliderValueLabel>
+        )}
+      {/* <div className="grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']">
+      </div> */}
+      <SliderTrack />
+      {description && <Description>{description}</Description>}
+    </SliderRoot>
+  );
+};
+
+interface SliderRootProps
+  extends React.ComponentProps<typeof AriaSlider>,
+    VariantProps<typeof sliderStyles> {}
+const SliderRoot = ({
+  children,
+  className,
+  size,
+  ...props
+}: SliderRootProps) => {
+  const descriptionId = useSlotId();
+  return (
+    <AriaSlider
+      aria-describedby={descriptionId}
+      className={composeRenderProps(className, (className, { orientation }) =>
+        root({ orientation, size, className })
+      )}
+      {...props}
+    >
+      {composeRenderProps(children, (children, { orientation }) => (
+        <>
+          <TextContext
+            value={{ slots: { description: { id: descriptionId } } }}
+          >
+            <SliderProvider orientation={orientation} size={size}>
+              {children}
+            </SliderProvider>
+          </TextContext>
+        </>
+      ))}
+    </AriaSlider>
+  );
+};
+
+interface SliderTrackProps extends SliderTrackRootProps {}
+const SliderTrack = ({ ...props }: SliderTrackProps) => {
+  return (
+    <SliderTrackRoot {...props}>
+      {({ state }) => (
+        <>
+          <SliderFiller />
+          {state.values.map((_, i) => (
+            <SliderThumb key={i} index={i} />
+          ))}
+        </>
+      )}
+    </SliderTrackRoot>
+  );
+};
+
+interface SliderTrackRootProps
+  extends React.ComponentProps<typeof AriaSliderTrack> {}
+const SliderTrackRoot = (props: SliderTrackRootProps) => {
+  const { orientation, size } = useSliderContext("SliderTrackRoot");
+  return (
+    <AriaSliderTrack
+      className={composeRenderProps(props.className, (className) =>
+        track({ orientation, size, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface SliderFillerProps extends React.ComponentProps<"div"> {}
+const SliderFiller = ({ className, style, ...props }: SliderFillerProps) => {
+  const { size } = useSliderContext("SliderTrack");
+  const SliderState = React.useContext(SliderStateContext);
+  if (!SliderState)
+    throw new Error("SliderFiller must be used within SliderRoot");
+  const { orientation, getThumbPercent, values } = SliderState;
+  const dimensionStyles = getFillerDimensions(
+    values,
+    orientation,
+    getThumbPercent
+  );
+
+  return (
+    <div
+      className={filler({ orientation, size, className })}
+      style={{ ...style, ...dimensionStyles }}
+      {...props}
+    />
+  );
+};
+
+interface SliderThumbProps
+  extends React.ComponentProps<typeof AriaSliderThumb> {}
+const SliderThumb = ({ className, ...props }: SliderThumbProps) => {
+  const { orientation, size } = useSliderContext("SliderThumb");
+  return (
+    <AriaSliderThumb
+      className={composeRenderProps(className, (className) =>
+        thumb({ orientation, size, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface SliderValueLabelProps
+  extends React.ComponentProps<typeof AriaSliderOutput> {}
+const SliderValueLabel = ({
+  children,
+  className,
+  ...props
+}: SliderValueLabelProps) => {
+  return (
+    <AriaSliderOutput
+      className={composeRenderProps(className, (className) =>
+        valueLabel({ className })
+      )}
+      {...props}
+    >
+      {composeRenderProps(
+        children,
+        (children, { state }) =>
+          children ??
+          state.values.map((_, i) => state.getThumbValueLabel(i)).join(" - ")
+      )}
+    </AriaSliderOutput>
+  );
+};
+
+const getFillerDimensions = (
+  values: number[],
+  orientation: "horizontal" | "vertical",
+  getThumbPercent: (index: number) => number
+): React.CSSProperties => {
+  if (values.length === 1 && orientation === "horizontal")
+    return { width: `${getThumbPercent(0) * 100}%` };
+
+  if (values.length === 1 && orientation === "vertical")
+    return { height: `${getThumbPercent(0) * 100}%` };
+
+  if (orientation === "horizontal")
+    return {
+      width: `${getThumbPercent(0) * 100}%`,
+      left: `${getThumbPercent(1) * 100}%`,
+    };
+
+  if (orientation === "vertical")
+    return {
+      height: `${getThumbPercent(0) * 100}%`,
+      top: `${getThumbPercent(1) * 100}%`,
+    };
+
+  return {};
+};
+
+export {
+  Slider,
+  SliderRoot,
+  SliderTrack,
+  SliderFiller,
+  SliderThumb,
+  SliderValueLabel,
+};
diff --git a/www/src/registry/core/color-swatch.tsx b/www/src/registry/core/color-swatch.tsx
index 9183a75e2..8bd8a4861 100644
--- a/www/src/registry/core/color-swatch.tsx
+++ b/www/src/registry/core/color-swatch.tsx
@@ -2,7 +2,7 @@
 
 import {
   ColorSwatch as AriaColorSwatch,
-  type ColorSwatchProps as AriaColorSwatchProps,
+  composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
@@ -10,12 +10,16 @@ const colorSwatchStyles = tv({
   base: "size-5 rounded-sm border",
 });
 
-interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "className"> {
-  className?: string;
-}
+interface ColorSwatchProps
+  extends React.ComponentProps<typeof AriaColorSwatch> {}
 const ColorSwatch = ({ className, ...props }: ColorSwatchProps) => {
   return (
-    <AriaColorSwatch className={colorSwatchStyles({ className })} {...props} />
+    <AriaColorSwatch
+      className={composeRenderProps(className, (className) =>
+        colorSwatchStyles({ className })
+      )}
+      {...props}
+    />
   );
 };
 
diff --git a/www/src/registry/core/date-field copy.tsx b/www/src/registry/core/date-field copy.tsx
new file mode 100644
index 000000000..a241f1003
--- /dev/null
+++ b/www/src/registry/core/date-field copy.tsx	
@@ -0,0 +1,63 @@
+"use client";
+
+import * as React from "react";
+import {
+  DateField as AriaDateField,
+  composeRenderProps,
+  type DateValue,
+  type DateFieldProps as AriaDateFieldProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { HelpText, Label, type FieldProps } from "./field_new";
+import { InputRoot, type InputRootProps } from "./input_new";
+
+const dateFieldStyles = tv({
+  base: "flex w-32 flex-col items-start gap-2",
+});
+
+interface DateFieldProps<T extends DateValue>
+  extends DateFieldRootProps<T>,
+    Pick<InputRootProps, "size" | "prefix" | "suffix">,
+    FieldProps {}
+
+const DateField = <T extends DateValue>({
+  label,
+  description,
+  errorMessage,
+  prefix,
+  suffix,
+  size,
+  ...props
+}: DateFieldProps<T>) => {
+  return (
+    <DateFieldRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <InputRoot size={size} prefix={prefix} suffix={suffix}>
+        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+      </InputRoot>
+      <HelpText description={description} errorMessage={errorMessage} />
+    </DateFieldRoot>
+  );
+};
+
+interface DateFieldRootProps<T extends DateValue>
+  extends AriaDateFieldProps<T> {
+  ref?: React.Ref<HTMLDivElement>;
+}
+const DateFieldRoot = <T extends DateValue>({
+  className,
+  ...props
+}: DateFieldRootProps<T>) => {
+  return (
+    <AriaDateField
+      className={composeRenderProps(className, (className) =>
+        dateFieldStyles({ className })
+      )}
+      {...props}
+    />
+  );
+};
+
+export type { DateFieldProps, DateFieldRootProps };
+export { DateField, DateFieldRoot };
diff --git a/www/src/registry/core/date-field.tsx b/www/src/registry/core/date-field.tsx
index b46bb08a0..aa12ff4a9 100644
--- a/www/src/registry/core/date-field.tsx
+++ b/www/src/registry/core/date-field.tsx
@@ -3,94 +3,68 @@
 import * as React from "react";
 import {
   DateField as AriaDateField,
-  type DateFieldProps as AriaDateFieldProps,
+  composeRenderProps,
   type DateValue,
+  type DateFieldProps as AriaDateFieldProps,
 } from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
+import { tv } from "tailwind-variants";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Field, type FieldProps } from "@/registry/core/field";
-import {
-  InputRoot,
-  type InputRootProps,
-  type inputStyles,
-} from "@/registry/core/input";
+import { HelpText, Label, type FieldProps } from "./field_new";
+import { InputRoot, type InputRootProps } from "./input_new";
 
 const dateFieldStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-  },
+  base: "flex w-32 flex-col items-start gap-2",
 });
 
 interface DateFieldProps<T extends DateValue>
   extends DateFieldRootProps<T>,
-    Omit<FieldProps, "children">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-}
+    Pick<InputRootProps, "size" | "prefix" | "suffix">,
+    FieldProps {}
 
 const DateField = <T extends DateValue>({
-  className,
-  size,
   label,
   description,
   errorMessage,
   prefix,
   suffix,
-  isLoading,
-  loaderPosition = "suffix",
-  isRequired,
-  isDisabled,
-  necessityIndicator,
-  contextualHelp,
+  size,
   ...props
 }: DateFieldProps<T>) => {
   return (
-    <DateFieldRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <DateFieldInput
-          size={size}
-          prefix={prefix}
-          suffix={suffix}
-          isLoading={isLoading}
-          loaderPosition={loaderPosition}
-        />
-      </Field>
+    <DateFieldRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <DateFieldInput />
+      <HelpText description={description} errorMessage={errorMessage} />
     </DateFieldRoot>
   );
 };
 
 interface DateFieldRootProps<T extends DateValue>
-  extends Omit<AriaDateFieldProps<T>, "className"> {
-  className?: string;
+  extends AriaDateFieldProps<T> {
+  ref?: React.Ref<HTMLDivElement>;
 }
 const DateFieldRoot = <T extends DateValue>({
   className,
   ...props
 }: DateFieldRootProps<T>) => {
-  const { root } = dateFieldStyles();
-  return <AriaDateField className={root({ className })} {...props} />;
+  return (
+    <AriaDateField
+      className={composeRenderProps(className, (className) =>
+        dateFieldStyles({ className })
+      )}
+      {...props}
+    />
+  );
 };
 
-const DateFieldInput = (props: InputRootProps) => (
-  <InputRoot {...props}>
-    <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-  </InputRoot>
-);
+interface DateFieldInputProps extends InputRootProps {}
+const DateFieldInput = (props: DateFieldInputProps) => {
+  return (
+    <InputRoot {...props}>
+      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+    </InputRoot>
+  );
+};
 
-export type { DateFieldProps, DateFieldRootProps };
-export { DateField, DateFieldRoot };
+export type { DateFieldProps, DateFieldRootProps, DateFieldInputProps };
+export { DateField, DateFieldRoot, DateFieldInput };
diff --git a/www/src/registry/core/date-input.tsx b/www/src/registry/core/date-input.tsx
index 606a962ef..cf538c553 100644
--- a/www/src/registry/core/date-input.tsx
+++ b/www/src/registry/core/date-input.tsx
@@ -4,50 +4,46 @@ import React from "react";
 import {
   DateInput as AriaDateInput,
   DateSegment as AriaDateSegment,
-  type DateSegmentProps as AriaDateSegmentProps,
-  type DateInputProps as AriaDateInputProps,
+  composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const dateInputStyles = tv({
   slots: {
     input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex items-center justify-start disabled:cursor-default",
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex flex-1 items-center justify-start disabled:cursor-default",
     ],
     segment:
       "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
   },
 });
 
-interface DateInputProps extends Omit<AriaDateInputProps, "className"> {
-  className?: string;
-}
-const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(
-  ({ className, ...props }, ref) => {
-    const { input } = dateInputStyles();
-    return (
-      <AriaDateInput ref={ref} className={input({ className })} {...props} />
-    );
-  }
-);
-DateInput.displayName = "Input";
+const { input, segment } = dateInputStyles();
 
-interface DateSegmentProps extends Omit<AriaDateSegmentProps, "className"> {
-  className?: string;
-}
-const DateSegment = React.forwardRef<HTMLInputElement, DateSegmentProps>(
-  ({ className, ...props }, ref) => {
-    const { segment } = dateInputStyles();
-    return (
-      <AriaDateSegment
-        ref={ref}
-        className={segment({ className })}
-        {...props}
-      />
-    );
-  }
-);
-DateSegment.displayName = "Segment";
+interface DateInputProps extends React.ComponentProps<typeof AriaDateInput> {}
+const DateInput = ({ className, ...props }: DateInputProps) => {
+  return (
+    <AriaDateInput
+      className={composeRenderProps(className, (className) =>
+        input({ className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface DateSegmentProps
+  extends React.ComponentProps<typeof AriaDateSegment> {}
+const DateSegment = ({ className, ...props }: DateSegmentProps) => {
+  return (
+    <AriaDateSegment
+      className={composeRenderProps(className, (className) =>
+        segment({ className })
+      )}
+      {...props}
+    />
+  );
+};
 
 export type { DateInputProps, DateSegmentProps };
 export { DateInput, DateSegment };
diff --git a/www/src/registry/core/date-picker.tsx b/www/src/registry/core/date-picker.tsx
index 8130915c5..10a2ab4d3 100644
--- a/www/src/registry/core/date-picker.tsx
+++ b/www/src/registry/core/date-picker.tsx
@@ -9,7 +9,7 @@ import {
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
-import { Calendar } from "@/registry/core/calendar";
+import { Calendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
 import { Dialog } from "@/registry/core/dialog";
 import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
diff --git a/www/src/registry/core/date-range-picker.tsx b/www/src/registry/core/date-range-picker.tsx
index 8d07409ad..54ac277b7 100644
--- a/www/src/registry/core/date-range-picker.tsx
+++ b/www/src/registry/core/date-range-picker.tsx
@@ -9,11 +9,11 @@ import {
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
+import { RangeCalendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
 import { Dialog } from "@/registry/core/dialog";
 import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
 import { InputRoot, type inputStyles } from "@/registry/core/input";
-import { RangeCalendar } from "@/registry/core/calendar";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
diff --git a/www/src/registry/core/drop-zone.tsx b/www/src/registry/core/drop-zone.tsx
index ed977a034..3ca568804 100644
--- a/www/src/registry/core/drop-zone.tsx
+++ b/www/src/registry/core/drop-zone.tsx
@@ -2,28 +2,23 @@
 
 import * as React from "react";
 import {
-  composeRenderProps,
   DropZone as AriaDropZone,
-  type DropZoneProps as AriaDropZoneProps,
+  composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const dropZoneStyles = tv({
-  slots: {
-    root: "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
-    label: "text-md font-semibold",
-  },
+  base: "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
 });
 
-type DropZoneProps = AriaDropZoneProps;
-const DropZone = (props: DropZoneProps) => {
-  const { root } = dropZoneStyles();
+interface DropZoneProps extends React.ComponentProps<typeof AriaDropZone> {}
+const DropZone = ({ className, ...props }: DropZoneProps) => {
   return (
     <AriaDropZone
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
+      className={composeRenderProps(className, (className) =>
+        dropZoneStyles({ className })
       )}
+      {...props}
     />
   );
 };
diff --git a/www/src/registry/core/field.tsx b/www/src/registry/core/field.tsx
index b8c102eb4..71aab0f72 100644
--- a/www/src/registry/core/field.tsx
+++ b/www/src/registry/core/field.tsx
@@ -16,8 +16,9 @@ import { tv } from "tailwind-variants";
 const fieldStyles = tv({
   slots: {
     root: "flex flex-col items-start gap-2",
+    // TODO: check peer-disabled
     label:
-      "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
+      "[grid-area:label] peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
     description: "text-fg-muted text-xs",
     fieldError: "text-fg-danger text-xs",
   },
diff --git a/www/src/registry/core/field-01.tsx b/www/src/registry/core/field_new.tsx
similarity index 99%
rename from www/src/registry/core/field-01.tsx
rename to www/src/registry/core/field_new.tsx
index a16d4bcd8..7688f09c8 100644
--- a/www/src/registry/core/field-01.tsx
+++ b/www/src/registry/core/field_new.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import {
   Label as AriaLabel,
diff --git a/www/src/registry/core/input_new.tsx b/www/src/registry/core/input_new.tsx
index 7dce2fcbc..b94831cdb 100644
--- a/www/src/registry/core/input_new.tsx
+++ b/www/src/registry/core/input_new.tsx
@@ -20,7 +20,7 @@ const inputStyles = tv({
   slots: {
     root: [
       focusInput(),
-      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
+      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full min-w-fit cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
       "has-[input[data-disabled]]:border-border-disabled has-[input[data-disabled]]:bg-bg-disabled has-[input[data-disabled]]:text-fg-disabled has-[input[data-disabled]]:cursor-default",
       "has-[input[data-invalid]]:border-border-danger focus-within:has-[input[data-invalid]]:border-border",
     ],
diff --git a/www/src/registry/core/number-field copy.tsx b/www/src/registry/core/number-field copy.tsx
index b2b055b30..f101c4235 100644
--- a/www/src/registry/core/number-field copy.tsx	
+++ b/www/src/registry/core/number-field copy.tsx	
@@ -14,7 +14,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field-01";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
 import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import { InputRootProps } from "./input_new";
@@ -22,7 +22,7 @@ import { InputRootProps } from "./input_new";
 const numberFieldStyles = tv({
   slots: {
     root: "flex w-48 flex-col items-start gap-2",
-    inputRoot: "px-0 grid",
+    inputRoot: "grid px-0",
     input: "[grid-area:field]",
     increment: "[grid-area:increment]",
     decrement: "[grid-area:decrement]",
@@ -34,7 +34,8 @@ const numberFieldStyles = tv({
         decrement: "",
       },
       false: {
-        inputRoot: "[grid-template-areas:'field_increment''field_decrement'] grid-cols-[1fr_auto]",
+        inputRoot:
+          "grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']",
         increment: "",
         decrement: "",
       },
diff --git a/www/src/registry/core/number-field.tsx b/www/src/registry/core/number-field.tsx
index c5fbda223..46fd0c86b 100644
--- a/www/src/registry/core/number-field.tsx
+++ b/www/src/registry/core/number-field.tsx
@@ -14,7 +14,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field-01";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
 import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 import { InputRootProps } from "./input_new";
@@ -22,20 +22,22 @@ import { InputRootProps } from "./input_new";
 const numberFieldStyles = tv({
   slots: {
     root: "flex w-48 flex-col items-start gap-2",
-    inputRoot: "px-0 grid gap-0",
-    input: "[grid-area:field] px-2",
-    increment: "[grid-area:increment] w-8 p-0",
-    decrement: "[grid-area:decrement] w-8 p-0",
+    inputRoot: "grid gap-0 px-0",
+    input: "px-2 [grid-area:field]",
+    increment: "w-8 p-0 [grid-area:increment]",
+    decrement: "w-8 p-0 [grid-area:decrement]",
   },
   variants: {
     isMobile: {
       true: {
-        inputRoot: "[grid-template-areas:'decrement_field_increment'] grid-cols-[auto_1fr_auto]",
+        inputRoot:
+          "grid-cols-[auto_1fr_auto] [grid-template-areas:'decrement_field_increment']",
         increment: "h-full rounded-none rounded-r-md border-l",
         decrement: "h-full rounded-none rounded-l-md border-r",
       },
       false: {
-        inputRoot: "[grid-template-areas:'field_increment''field_decrement'] grid-cols-[1fr_auto]",
+        inputRoot:
+          "grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']",
         increment: "h-auto shrink rounded-none rounded-tr-md border-b border-l",
         decrement: "h-auto shrink rounded-none rounded-br-md border-l",
       },
diff --git a/www/src/registry/core/radio-group_basic.tsx b/www/src/registry/core/radio-group_basic.tsx
index ff5962f0e..28afe2548 100644
--- a/www/src/registry/core/radio-group_basic.tsx
+++ b/www/src/registry/core/radio-group_basic.tsx
@@ -8,12 +8,12 @@ import {
   type ValidationResult,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
+import { HelpText, Label } from "@/registry/core/field_new";
 import {
   createOptionalScopedContext,
   createScopedContext,
 } from "@/registry/lib/context-helpers";
-import { HelpText, Label } from "@/registry/core/field-01";
+import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
 
 const radioStyles = tv({
   slots: {
@@ -47,7 +47,7 @@ const { root, indicator } = radioStyles();
 
 const [VariantsProvider, useVariantsContext] =
   createScopedContext<VariantProps<typeof radioStyles>>("RadioRoot");
-  
+
 const [RadioProvider, useRadioContext] =
   createOptionalScopedContext<VariantProps<typeof radioStyles>>("Radio");
 
diff --git a/www/src/registry/core/search-field.tsx b/www/src/registry/core/search-field.tsx
index bc0ac86ea..1176ee513 100644
--- a/www/src/registry/core/search-field.tsx
+++ b/www/src/registry/core/search-field.tsx
@@ -8,7 +8,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field-01";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
 import {
   InputRoot,
   Input,
diff --git a/www/src/registry/core/slider_basic.tsx b/www/src/registry/core/slider_basic.tsx
index 1d123c3c1..0b995da8f 100644
--- a/www/src/registry/core/slider_basic.tsx
+++ b/www/src/registry/core/slider_basic.tsx
@@ -82,7 +82,7 @@ const Slider = ({
 }: SliderProps) => {
   return (
     <SliderRoot {...props}>
-      <div className="grid [grid-template-areas:'label_value'] grid-cols-[1fr_auto]">
+      <div className="grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']">
         {label && <Label className="[grid-area:label]">{label}</Label>}
         {showValueLabel && (
           <SliderValueLabel className="[grid-area:value]">
@@ -227,14 +227,14 @@ const getFillerDimensions = (
 
   if (orientation === "horizontal")
     return {
-      width: `${getThumbPercent(0) * 100}%`,
-      left: `${getThumbPercent(1) * 100}%`,
+      left: `${getThumbPercent(0) * 100}%`,
+      width: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,
     };
 
   if (orientation === "vertical")
     return {
-      height: `${getThumbPercent(0) * 100}%`,
-      top: `${getThumbPercent(1) * 100}%`,
+      bottom: `${getThumbPercent(0) * 100}%`,
+      height: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,
     };
 
   return {};
diff --git a/www/src/registry/core/text-area.tsx b/www/src/registry/core/text-area.tsx
index f5b54f66b..b96c7a262 100644
--- a/www/src/registry/core/text-area.tsx
+++ b/www/src/registry/core/text-area.tsx
@@ -6,7 +6,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field-01";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
 import {
   InputRoot,
   TextAreaInput,
diff --git a/www/src/registry/core/text-field.tsx b/www/src/registry/core/text-field.tsx
index 9c3d5bee7..a0cebdff7 100644
--- a/www/src/registry/core/text-field.tsx
+++ b/www/src/registry/core/text-field.tsx
@@ -6,7 +6,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field-01";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
 import {
   InputRoot,
   Input,
@@ -20,7 +20,9 @@ const textFieldStyles = tv({
 interface TextFieldProps
   extends TextFieldRootProps,
     Pick<InputRootProps, "size" | "prefix" | "suffix">,
-    FieldProps {}
+    FieldProps {
+  inputRef?: React.Ref<HTMLInputElement>;
+}
 
 const TextField = ({
   label,
@@ -29,14 +31,18 @@ const TextField = ({
   prefix,
   suffix,
   size,
+  inputRef,
   ...props
 }: TextFieldProps) => {
   return (
     <TextFieldRoot {...props}>
       {label && <Label>{label}</Label>}
-      <InputRoot size={size} prefix={prefix} suffix={suffix}>
-        <Input />
-      </InputRoot>
+      <TextFieldInput
+        inputRef={inputRef}
+        size={size}
+        prefix={prefix}
+        suffix={suffix}
+      />
       <HelpText description={description} errorMessage={errorMessage} />
     </TextFieldRoot>
   );
@@ -57,5 +63,16 @@ const TextFieldRoot = ({ className, ...props }: TextFieldRootProps) => {
   );
 };
 
-export type { TextFieldProps, TextFieldRootProps };
-export { TextField, TextFieldRoot };
+interface TextFieldInputProps extends InputRootProps {
+  inputRef?: React.Ref<HTMLInputElement>;
+}
+const TextFieldInput = ({ inputRef, ...props }: TextFieldInputProps) => {
+  return (
+    <InputRoot {...props}>
+      <Input ref={inputRef} />
+    </InputRoot>
+  );
+};
+
+export type { TextFieldProps, TextFieldRootProps, TextFieldInputProps };
+export { TextField, TextFieldRoot, TextFieldInput };
diff --git a/www/src/registry/core/time-field.tsx b/www/src/registry/core/time-field.tsx
index e483f0f5d..a9620b4f5 100644
--- a/www/src/registry/core/time-field.tsx
+++ b/www/src/registry/core/time-field.tsx
@@ -3,88 +3,70 @@
 import * as React from "react";
 import {
   TimeField as AriaTimeField,
-  type TimeFieldProps as AriaTimeFieldProps,
+  composeRenderProps,
   type TimeValue,
+  type TimeFieldProps as AriaTimeFieldProps,
 } from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
+import { tv } from "tailwind-variants";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, type inputStyles } from "@/registry/core/input";
+import { HelpText, Label, type FieldProps } from "./field_new";
+import { InputRoot, type InputRootProps } from "./input_new";
 
 const timeFieldStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-  },
+  base: "flex w-32 flex-col items-start gap-2",
 });
 
 interface TimeFieldProps<T extends TimeValue>
   extends TimeFieldRootProps<T>,
-    Omit<FieldProps, "children">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-}
+    Pick<InputRootProps, "size" | "prefix" | "suffix">,
+    FieldProps {}
 
 const TimeField = <T extends TimeValue>({
-  className,
-  size,
   label,
   description,
   errorMessage,
   prefix,
   suffix,
-  isLoading,
-  loaderPosition = "suffix",
-  isRequired,
-  isDisabled,
-  necessityIndicator,
-  contextualHelp,
+  size,
   ...props
 }: TimeFieldProps<T>) => {
   return (
-    <TimeFieldRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <InputRoot
-          size={size}
-          prefix={prefix}
-          suffix={suffix}
-          isLoading={isLoading}
-          loaderPosition={loaderPosition}
-        >
-          <DateInput>
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-        </InputRoot>
-      </Field>
+    <TimeFieldRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <InputRoot size={size} prefix={prefix} suffix={suffix}>
+        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+      </InputRoot>
+      <HelpText description={description} errorMessage={errorMessage} />
     </TimeFieldRoot>
   );
 };
 
 interface TimeFieldRootProps<T extends TimeValue>
-  extends Omit<AriaTimeFieldProps<T>, "className"> {
-  className?: string;
+  extends AriaTimeFieldProps<T> {
+  ref?: React.Ref<HTMLDivElement>;
 }
 const TimeFieldRoot = <T extends TimeValue>({
   className,
   ...props
 }: TimeFieldRootProps<T>) => {
-  const { root } = timeFieldStyles();
-  return <AriaTimeField className={root({ className })} {...props} />;
+  return (
+    <AriaTimeField
+      className={composeRenderProps(className, (className) =>
+        timeFieldStyles({ className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface TimeFieldInputProps extends InputRootProps {}
+const TimeFieldInput = (props: TimeFieldInputProps) => {
+  return (
+    <InputRoot {...props}>
+      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
+    </InputRoot>
+  );
 };
 
-export type { TimeFieldProps, TimeFieldRootProps };
-export { TimeField, TimeFieldRoot };
+export type { TimeFieldProps, TimeFieldRootProps, TimeFieldInputProps };
+export { TimeField, TimeFieldRoot, TimeFieldInput };
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 94482993f..5b7bc9fe0 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -141,21 +141,34 @@ export const core: Registry = [
     type: "registry:core",
     variants: [
       {
-        name: "calendar-01",
+        name: "calendar_basic",
       },
       {
-        name: "calendar-02",
+        name: "calendar_cal",
       },
     ],
   },
   {
-    name: "calendar-01",
+    name: "calendar_basic",
     type: "registry:core",
     dependencies: ["react-aria-components"],
     registryDependencies: ["button", "heading", "text"],
     files: [
       {
-        path: "core/calendar-01.tsx",
+        path: "core/calendar_basic.tsx",
+        type: "registry:core",
+        target: "core/calendar.tsx",
+      },
+    ],
+  },
+  {
+    name: "calendar_cal",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["button", "heading", "text"],
+    files: [
+      {
+        path: "core/calendar_cal.tsx",
         type: "registry:core",
         target: "core/calendar.tsx",
       },

From ee5846541113606a66547432e2e4afacf2c6febd Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 19 Jan 2025 18:14:13 +0100
Subject: [PATCH 047/165] chore: remove disclosure for now

---
 .../docs/components/buttons/file-trigger.mdx  | 46 ++++++-------------
 .../docs/components/navigation/disclosure.mdx | 21 ---------
 www/src/__registry__/demos.tsx                | 10 ----
 www/src/demos/disclosure-group/default.tsx    |  3 --
 www/src/demos/disclosure/default.tsx          |  3 --
 www/src/demos/registry.ts                     |  2 -
 6 files changed, 15 insertions(+), 70 deletions(-)
 delete mode 100644 www/content/docs/components/navigation/disclosure.mdx
 delete mode 100644 www/src/demos/disclosure-group/default.tsx
 delete mode 100644 www/src/demos/disclosure/default.tsx

diff --git a/www/content/docs/components/buttons/file-trigger.mdx b/www/content/docs/components/buttons/file-trigger.mdx
index 14f49b660..cad64374a 100644
--- a/www/content/docs/components/buttons/file-trigger.mdx
+++ b/www/content/docs/components/buttons/file-trigger.mdx
@@ -1,11 +1,9 @@
 ---
-title: File Trigger
+title: File Trigger ☑️
 description: Allows a user to access the file system with any pressable aria component.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/FileTrigger.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/FileTrigger.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -21,38 +19,24 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add file-trigger
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/file-trigger/file-trigger" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
-## Usage
+## Anatomy
 
 A `FileTrigger` wraps around a pressable child such as a button, and includes a visually hidden input element that allows the user to select files from their device.
 
-## Options
+```tsx
+import { Button } from "@/components/core/button";
+import { FileTrigger } from "@/components/core/file-trigger";
+
+<FileTrigger>
+  <Button>Upload</Button>
+</FileTrigger>;
+```
 
-### Accepted file types
+## Accepted file types
 
 By default, the file trigger will accept any file type. To support only certain file types, pass an array of the [mime type](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types) of files via the `acceptedFileTypes` prop.
 
@@ -63,7 +47,7 @@ By default, the file trigger will accept any file type. To support only certain
 </FileTrigger>`}
 />
 
-### Multiple files
+## Multiple files
 
 A file trigger can accept multiple files by passsing the `allowsMultiple` prop.
 
@@ -74,7 +58,7 @@ A file trigger can accept multiple files by passsing the `allowsMultiple` prop.
 </FileTrigger>`}
 />
 
-### Directory selection
+## Directory selection
 
 To enable selecting directories instead of files, use the `acceptDirectory` property.<br/>
 This reflects the [webkitdirectory](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory) HTML attribute and allows users to select directories and their contents. Please note that support for this feature varies from browser to browser.
@@ -86,7 +70,7 @@ This reflects the [webkitdirectory](https://developer.mozilla.org/en-US/docs/Web
 </FileTrigger>`}
 />
 
-### Media capture
+## Media capture
 
 To specify the media capture mechanism to capture media on the spot, pass user for the user-facing camera or environment for the outward-facing camera via the defaultCamera prop.<br/>
 This behavior only works on mobile devices. On desktop devices, it will open the file system like normal. [Read more about capture](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture).
diff --git a/www/content/docs/components/navigation/disclosure.mdx b/www/content/docs/components/navigation/disclosure.mdx
deleted file mode 100644
index ffedc8d5a..000000000
--- a/www/content/docs/components/navigation/disclosure.mdx
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Disclosure
-description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
-links:
-  - label: Aria docs
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
-  - label: Report an issue
-    href: https://github.com/mehdibha/dotUI/issues/new/choose
-  - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
----
-
-<ComponentPreview name="core/disclosure/disclosure-default" />
-
-## Installation
-
-```package-install
-npx dotui-cli@latest add disclosure
-```
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 403ec8079..cec9c5338 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -2004,16 +2004,6 @@
       files: ["demos/table/default.tsx"],
       component: React.lazy(() => import("@/demos/table/default")),
     },
-    "disclosure-default": {
-      name: "disclosure-default",
-      files: ["demos/disclosure/default.tsx"],
-      component: React.lazy(() => import("@/demos/disclosure/default")),
-    },
-    "disclosure-group-default": {
-      name: "disclosure-group-default",
-      files: ["demos/disclosure-group/default.tsx"],
-      component: React.lazy(() => import("@/demos/disclosure-group/default")),
-    },
     "form-basic": {
       name: "form-basic",
       files: ["demos/form/basic.tsx"],
diff --git a/www/src/demos/disclosure-group/default.tsx b/www/src/demos/disclosure-group/default.tsx
deleted file mode 100644
index ebecc22de..000000000
--- a/www/src/demos/disclosure-group/default.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function Demo() {
-  return <div>demo</div>;
-}
diff --git a/www/src/demos/disclosure/default.tsx b/www/src/demos/disclosure/default.tsx
deleted file mode 100644
index ebecc22de..000000000
--- a/www/src/demos/disclosure/default.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function Demo() {
-  return <div>demo</div>;
-}
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index 4ef015a32..4af3a7b8c 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -474,8 +474,6 @@ export const demos: RegistryDemos = [
   ...buildDemos("button-group", ["default"]),
   ...buildDemos("tag-group", ["default"]),
   ...buildDemos("table", ["default"]),
-  ...buildDemos("disclosure", ["default"]),
-  ...buildDemos("disclosure-group", ["default"]),
   ...buildDemos("form", ["basic", "react-aria", "react-hook-form"]),
   ...buildDemos("command", ["basic", "dialog"]),
 ];

From 5c058b2eb1cf46447e9e505767e079935b6fddd0 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 19 Jan 2025 19:53:33 +0100
Subject: [PATCH 048/165] refactor: better folder structure

---
 .../navigation/disclosure-group.mdx           | 21 ------
 www/src/app/(app)/docs/[...slug]/page.tsx     | 10 +--
 .../(app)/themes/components/button-style.tsx  |  2 +-
 .../(app)/themes/components/focus-style.tsx   |  2 +-
 .../(app)/themes/components/input-style.tsx   |  2 +-
 .../(app)/themes/components/listbox-style.tsx |  2 +-
 .../(app)/themes/components/loader-style.tsx  |  2 +-
 .../(app)/themes/components/overlay-style.tsx |  2 +-
 .../(app)/themes/components/picker-style.tsx  |  2 +-
 .../(app)/themes/components/tabs-style.tsx    |  2 +-
 www/src/app/(home)/themes-preview.tsx         |  2 +-
 www/src/app/(preview)/preview/layout.tsx      |  2 +-
 www/src/components/core/aspect-ratio.tsx      |  1 -
 .../components/{ => docs}/badge-palette.tsx   |  0
 www/src/components/{ => docs}/breadcrumbs.tsx |  0
 www/src/components/{ => docs}/choices.tsx     |  0
 .../{ => docs}/code-block-client.tsx          |  0
 .../components/{ => docs}/code-block-mdx.tsx  |  0
 www/src/components/{ => docs}/code-block.tsx  |  0
 www/src/components/{ => docs}/code-client.tsx |  0
 www/src/components/{ => docs}/code.tsx        |  0
 .../{ => docs}/component-preview-client.tsx   |  0
 .../{ => docs}/component-preview.tsx          |  4 +-
 .../{ => docs}/component-source.tsx           |  2 +-
 www/src/components/{ => docs}/docs-pager.tsx  |  0
 www/src/components/{ => docs}/font-loader.tsx |  0
 .../components/{ => docs}/install-tabs.tsx    |  0
 www/src/components/{ => docs}/last-update.tsx |  0
 .../components/{ => docs}/mdx-components.tsx  |  0
 www/src/components/{ => docs}/palette.tsx     |  2 +-
 .../components/{ => docs}/style-switcher.tsx  |  0
 www/src/components/{ => docs}/tabs.tsx        |  0
 .../{ => docs}/theme-customizer.tsx           |  0
 .../components/{ => docs}/theme-override.tsx  |  0
 www/src/components/{ => docs}/toc.tsx         |  0
 www/src/components/dynamic-core/alert.tsx     | 68 +++++++++++--------
 www/src/components/dynamic-core/button.tsx    | 56 ++++++++-------
 www/src/components/dynamic-core/calendar.tsx  | 27 ++++++--
 www/src/components/dynamic-core/loader.tsx    | 60 ++++++++--------
 www/src/components/dynamic-core/tooltip.tsx   | 10 +++
 www/src/components/theme-provider.tsx         | 11 ++-
 www/src/lib/create-dynamic-component.tsx      | 38 ++++-------
 42 files changed, 180 insertions(+), 150 deletions(-)
 delete mode 100644 www/content/docs/components/navigation/disclosure-group.mdx
 delete mode 100644 www/src/components/core/aspect-ratio.tsx
 rename www/src/components/{ => docs}/badge-palette.tsx (100%)
 rename www/src/components/{ => docs}/breadcrumbs.tsx (100%)
 rename www/src/components/{ => docs}/choices.tsx (100%)
 rename www/src/components/{ => docs}/code-block-client.tsx (100%)
 rename www/src/components/{ => docs}/code-block-mdx.tsx (100%)
 rename www/src/components/{ => docs}/code-block.tsx (100%)
 rename www/src/components/{ => docs}/code-client.tsx (100%)
 rename www/src/components/{ => docs}/code.tsx (100%)
 rename www/src/components/{ => docs}/component-preview-client.tsx (100%)
 rename www/src/components/{ => docs}/component-preview.tsx (98%)
 rename www/src/components/{ => docs}/component-source.tsx (93%)
 rename www/src/components/{ => docs}/docs-pager.tsx (100%)
 rename www/src/components/{ => docs}/font-loader.tsx (100%)
 rename www/src/components/{ => docs}/install-tabs.tsx (100%)
 rename www/src/components/{ => docs}/last-update.tsx (100%)
 rename www/src/components/{ => docs}/mdx-components.tsx (100%)
 rename www/src/components/{ => docs}/palette.tsx (88%)
 rename www/src/components/{ => docs}/style-switcher.tsx (100%)
 rename www/src/components/{ => docs}/tabs.tsx (100%)
 rename www/src/components/{ => docs}/theme-customizer.tsx (100%)
 rename www/src/components/{ => docs}/theme-override.tsx (100%)
 rename www/src/components/{ => docs}/toc.tsx (100%)

diff --git a/www/content/docs/components/navigation/disclosure-group.mdx b/www/content/docs/components/navigation/disclosure-group.mdx
deleted file mode 100644
index 56d8d2f47..000000000
--- a/www/content/docs/components/navigation/disclosure-group.mdx
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Disclosure Group
-description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
-links:
-  - label: Aria docs
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
-  - label: Report an issue
-    href: https://github.com/mehdibha/dotUI/issues/new/choose
-  - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
----
-
-<ComponentPreview name="core/disclosure-group/disclosure-group-default" />
-
-## Installation
-
-```package-install
-npx dotui-cli@latest add disclosure-group
-```
diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index 56693f58a..e1e2efe92 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -5,14 +5,14 @@ import { type TableOfContents as TocType } from "fumadocs-core/server";
 import { ExternalLinkIcon } from "lucide-react";
 import { cn } from "@/lib/cn";
 import { truncateOnWord } from "@/lib/string";
-import { Breadcrumbs } from "@/components/breadcrumbs";
 import { Button } from "@/components/core/button";
-import { DocsPager } from "@/components/docs-pager";
+import { Breadcrumbs } from "@/components/docs/breadcrumbs";
+import { DocsPager } from "@/components/docs/docs-pager";
+import { PageLastUpdate } from "@/components/docs/last-update";
+import { mdxComponents } from "@/components/docs/mdx-components";
 import { GitHubIcon } from "@/components/icons";
 import { AdobeIcon } from "@/components/icons/adobe-icon";
-import { PageLastUpdate } from "@/components/last-update";
-import { mdxComponents } from "@/components/mdx-components";
-import { TableOfContents } from "@/components/toc";
+import { TableOfContents } from "@/components/docs/toc";
 import { source } from "@/app/source";
 import { siteConfig } from "@/config";
 
diff --git a/www/src/app/(app)/themes/components/button-style.tsx b/www/src/app/(app)/themes/components/button-style.tsx
index ca2516635..db1d238b8 100644
--- a/www/src/app/(app)/themes/components/button-style.tsx
+++ b/www/src/app/(app)/themes/components/button-style.tsx
@@ -2,7 +2,7 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
-import { ThemeOverride } from "@/components/theme-override";
+import { ThemeOverride } from "@/components/docs/theme-override";
 import ButtonVariants from "@/demos/button/variants";
 import ToggleButtonVariants from "@/demos/toggle-button/variants";
 
diff --git a/www/src/app/(app)/themes/components/focus-style.tsx b/www/src/app/(app)/themes/components/focus-style.tsx
index e1b3b51fb..5543dd17d 100644
--- a/www/src/app/(app)/themes/components/focus-style.tsx
+++ b/www/src/app/(app)/themes/components/focus-style.tsx
@@ -3,9 +3,9 @@
 import React from "react";
 import { type PressEvent } from "react-aria-components";
 import { useThemes } from "@/hooks/use-themes";
+import { ThemeOverride } from "@/components/docs/theme-override";
 import { Button } from "@/components/dynamic-core/button";
 import { TextField } from "@/components/dynamic-core/text-field";
-import { ThemeOverride } from "@/components/theme-override";
 import { Radio, RadioGroup } from "@/registry/core/radio-group_basic";
 
 const variants = [
diff --git a/www/src/app/(app)/themes/components/input-style.tsx b/www/src/app/(app)/themes/components/input-style.tsx
index 8256af2df..5931b697c 100644
--- a/www/src/app/(app)/themes/components/input-style.tsx
+++ b/www/src/app/(app)/themes/components/input-style.tsx
@@ -2,7 +2,7 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
-import { ThemeOverride } from "@/components/theme-override";
+import { ThemeOverride } from "@/components/docs/theme-override";
 import Inputs from "@/demos/text-field/prefix-and-suffix";
 
 const variants = [
diff --git a/www/src/app/(app)/themes/components/listbox-style.tsx b/www/src/app/(app)/themes/components/listbox-style.tsx
index 2eeed000c..e66eaa2ab 100644
--- a/www/src/app/(app)/themes/components/listbox-style.tsx
+++ b/www/src/app/(app)/themes/components/listbox-style.tsx
@@ -2,7 +2,7 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
-import { ThemeOverride } from "@/components/theme-override";
+import { ThemeOverride } from "@/components/docs/theme-override";
 import ComboboxDemo from "@/demos/combobox/basic";
 import ListBoxDemo from "@/demos/list-box/basic";
 import SelectDemo from "@/demos/select/basic";
diff --git a/www/src/app/(app)/themes/components/loader-style.tsx b/www/src/app/(app)/themes/components/loader-style.tsx
index 1431b75dc..93b501462 100644
--- a/www/src/app/(app)/themes/components/loader-style.tsx
+++ b/www/src/app/(app)/themes/components/loader-style.tsx
@@ -3,8 +3,8 @@
 import React from "react";
 import { type PressEvent } from "react-aria-components";
 import { useThemes } from "@/hooks/use-themes";
+import { ThemeOverride } from "@/components/docs/theme-override";
 import { Button } from "@/components/dynamic-core/button";
-import { ThemeOverride } from "@/components/theme-override";
 import { Loader as DotSpinner } from "@/registry/core/loader-dot-spinner";
 import { Loader as LineSpinner } from "@/registry/core/loader-line-spinner";
 import { Loader as Ring } from "@/registry/core/loader-ring";
diff --git a/www/src/app/(app)/themes/components/overlay-style.tsx b/www/src/app/(app)/themes/components/overlay-style.tsx
index edcc466cd..10d39430c 100644
--- a/www/src/app/(app)/themes/components/overlay-style.tsx
+++ b/www/src/app/(app)/themes/components/overlay-style.tsx
@@ -2,7 +2,7 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
-import { ThemeOverride } from "@/components/theme-override";
+import { ThemeOverride } from "@/components/docs/theme-override";
 import DialogDemo from "@/demos/dialog/basic";
 
 const variants = [
diff --git a/www/src/app/(app)/themes/components/picker-style.tsx b/www/src/app/(app)/themes/components/picker-style.tsx
index f76c6248a..6c561181a 100644
--- a/www/src/app/(app)/themes/components/picker-style.tsx
+++ b/www/src/app/(app)/themes/components/picker-style.tsx
@@ -2,7 +2,7 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
-import { ThemeOverride } from "@/components/theme-override";
+import { ThemeOverride } from "@/components/docs/theme-override";
 import ColorPickerDemo from "@/demos/color-picker/default";
 import ComboboxDemo from "@/demos/combobox/basic";
 import DatePickerDemo from "@/demos/date-picker/default";
diff --git a/www/src/app/(app)/themes/components/tabs-style.tsx b/www/src/app/(app)/themes/components/tabs-style.tsx
index b66b2926b..33b8c6c7f 100644
--- a/www/src/app/(app)/themes/components/tabs-style.tsx
+++ b/www/src/app/(app)/themes/components/tabs-style.tsx
@@ -2,7 +2,7 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
-import { ThemeOverride } from "@/components/theme-override";
+import { ThemeOverride } from "@/components/docs/theme-override";
 import TabsDemo from "@/demos/tabs/basic";
 
 const variants = [
diff --git a/www/src/app/(home)/themes-preview.tsx b/www/src/app/(home)/themes-preview.tsx
index c7c521472..c110f437d 100644
--- a/www/src/app/(home)/themes-preview.tsx
+++ b/www/src/app/(home)/themes-preview.tsx
@@ -5,7 +5,7 @@ import { dotUIThemes } from "@/lib/themes";
 import { useThemes } from "@/hooks/use-themes";
 import { ToggleButton } from "@/components/core/toggle-button";
 import { ToggleButtonGroup } from "@/components/core/toggle-button-group";
-import { ThemeOverride } from "@/components/theme-override";
+import { ThemeOverride } from "@/components/docs/theme-override";
 import { ComponentsOverview } from "./components-overview";
 
 export function ThemesPreview() {
diff --git a/www/src/app/(preview)/preview/layout.tsx b/www/src/app/(preview)/preview/layout.tsx
index fa2a5a837..309d3ec78 100644
--- a/www/src/app/(preview)/preview/layout.tsx
+++ b/www/src/app/(preview)/preview/layout.tsx
@@ -1,5 +1,5 @@
 import { Loader2Icon } from "lucide-react";
-import { ThemeOverride } from "@/components/theme-override";
+import { ThemeOverride } from "@/components/docs/theme-override";
 
 export default function PreviewLayout({
   children,
diff --git a/www/src/components/core/aspect-ratio.tsx b/www/src/components/core/aspect-ratio.tsx
deleted file mode 100644
index 0a40c1d44..000000000
--- a/www/src/components/core/aspect-ratio.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/aspect-ratio-01";
diff --git a/www/src/components/badge-palette.tsx b/www/src/components/docs/badge-palette.tsx
similarity index 100%
rename from www/src/components/badge-palette.tsx
rename to www/src/components/docs/badge-palette.tsx
diff --git a/www/src/components/breadcrumbs.tsx b/www/src/components/docs/breadcrumbs.tsx
similarity index 100%
rename from www/src/components/breadcrumbs.tsx
rename to www/src/components/docs/breadcrumbs.tsx
diff --git a/www/src/components/choices.tsx b/www/src/components/docs/choices.tsx
similarity index 100%
rename from www/src/components/choices.tsx
rename to www/src/components/docs/choices.tsx
diff --git a/www/src/components/code-block-client.tsx b/www/src/components/docs/code-block-client.tsx
similarity index 100%
rename from www/src/components/code-block-client.tsx
rename to www/src/components/docs/code-block-client.tsx
diff --git a/www/src/components/code-block-mdx.tsx b/www/src/components/docs/code-block-mdx.tsx
similarity index 100%
rename from www/src/components/code-block-mdx.tsx
rename to www/src/components/docs/code-block-mdx.tsx
diff --git a/www/src/components/code-block.tsx b/www/src/components/docs/code-block.tsx
similarity index 100%
rename from www/src/components/code-block.tsx
rename to www/src/components/docs/code-block.tsx
diff --git a/www/src/components/code-client.tsx b/www/src/components/docs/code-client.tsx
similarity index 100%
rename from www/src/components/code-client.tsx
rename to www/src/components/docs/code-client.tsx
diff --git a/www/src/components/code.tsx b/www/src/components/docs/code.tsx
similarity index 100%
rename from www/src/components/code.tsx
rename to www/src/components/docs/code.tsx
diff --git a/www/src/components/component-preview-client.tsx b/www/src/components/docs/component-preview-client.tsx
similarity index 100%
rename from www/src/components/component-preview-client.tsx
rename to www/src/components/docs/component-preview-client.tsx
diff --git a/www/src/components/component-preview.tsx b/www/src/components/docs/component-preview.tsx
similarity index 98%
rename from www/src/components/component-preview.tsx
rename to www/src/components/docs/component-preview.tsx
index ffe13cbd8..12f8445f3 100644
--- a/www/src/components/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -3,14 +3,14 @@ import { ScrollArea } from "@radix-ui/react-scroll-area";
 import { PaintBucket } from "lucide-react";
 import { cn } from "@/lib/cn";
 import { getFileSource } from "@/lib/get-file-source";
-import { CodeBlock } from "@/components/code-block";
 import { Button } from "@/components/core/button";
 import { Tooltip } from "@/components/core/tooltip";
+import { CodeBlock } from "@/components/docs/code-block";
 import { Index } from "@/__registry__/demos";
-import { ComponentPreviewClient } from "./component-preview-client";
 import { StyleSwitcher } from "./style-switcher";
 import { ThemeCustomizerDialog } from "./theme-customizer";
 import { ThemeOverride } from "./theme-override";
+import { ComponentPreviewClient } from "./component-preview-client";
 
 export interface ComponentPreviewProps {
   name: string;
diff --git a/www/src/components/component-source.tsx b/www/src/components/docs/component-source.tsx
similarity index 93%
rename from www/src/components/component-source.tsx
rename to www/src/components/docs/component-source.tsx
index a8130c2a9..844d7044e 100644
--- a/www/src/components/component-source.tsx
+++ b/www/src/components/docs/component-source.tsx
@@ -1,5 +1,5 @@
 import { getFilesSource } from "@/lib/get-files-source";
-import { CodeBlock } from "@/components/code-block";
+import { CodeBlock } from "@/components/docs/code-block";
 
 export const ComponentSource = async ({
   name,
diff --git a/www/src/components/docs-pager.tsx b/www/src/components/docs/docs-pager.tsx
similarity index 100%
rename from www/src/components/docs-pager.tsx
rename to www/src/components/docs/docs-pager.tsx
diff --git a/www/src/components/font-loader.tsx b/www/src/components/docs/font-loader.tsx
similarity index 100%
rename from www/src/components/font-loader.tsx
rename to www/src/components/docs/font-loader.tsx
diff --git a/www/src/components/install-tabs.tsx b/www/src/components/docs/install-tabs.tsx
similarity index 100%
rename from www/src/components/install-tabs.tsx
rename to www/src/components/docs/install-tabs.tsx
diff --git a/www/src/components/last-update.tsx b/www/src/components/docs/last-update.tsx
similarity index 100%
rename from www/src/components/last-update.tsx
rename to www/src/components/docs/last-update.tsx
diff --git a/www/src/components/mdx-components.tsx b/www/src/components/docs/mdx-components.tsx
similarity index 100%
rename from www/src/components/mdx-components.tsx
rename to www/src/components/docs/mdx-components.tsx
diff --git a/www/src/components/palette.tsx b/www/src/components/docs/palette.tsx
similarity index 88%
rename from www/src/components/palette.tsx
rename to www/src/components/docs/palette.tsx
index 958071108..c107dd886 100644
--- a/www/src/components/palette.tsx
+++ b/www/src/components/docs/palette.tsx
@@ -1,5 +1,5 @@
 import { cn } from "@/lib/cn";
-import { ThemeOverride } from "@/components/theme-override";
+import { ThemeOverride } from "@/components/docs/theme-override";
 
 export interface PaletteProps extends React.ComponentProps<"div"> {
   baseColor:
diff --git a/www/src/components/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
similarity index 100%
rename from www/src/components/style-switcher.tsx
rename to www/src/components/docs/style-switcher.tsx
diff --git a/www/src/components/tabs.tsx b/www/src/components/docs/tabs.tsx
similarity index 100%
rename from www/src/components/tabs.tsx
rename to www/src/components/docs/tabs.tsx
diff --git a/www/src/components/theme-customizer.tsx b/www/src/components/docs/theme-customizer.tsx
similarity index 100%
rename from www/src/components/theme-customizer.tsx
rename to www/src/components/docs/theme-customizer.tsx
diff --git a/www/src/components/theme-override.tsx b/www/src/components/docs/theme-override.tsx
similarity index 100%
rename from www/src/components/theme-override.tsx
rename to www/src/components/docs/theme-override.tsx
diff --git a/www/src/components/toc.tsx b/www/src/components/docs/toc.tsx
similarity index 100%
rename from www/src/components/toc.tsx
rename to www/src/components/docs/toc.tsx
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index a9123213c..059ec0c2d 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -2,6 +2,12 @@
 
 import React from "react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import {
+  Alert as _Alert,
+  AlertRoot as _AlertRoot,
+  AlertTitle as _AlertTitle,
+  AlertContent as _AlertContent,
+} from "@/registry/core/alert-01";
 import type {
   AlertProps,
   AlertRootProps,
@@ -9,37 +15,43 @@ import type {
   AlertContentProps,
 } from "@/registry/core/alert-01";
 
-export const Alert = createDynamicComponent<AlertProps>("alert", "Alert", {
-  "alert-01": React.lazy(() =>
-    import("@/registry/core/alert-01").then((mod) => ({
-      default: mod.Alert,
-    }))
-  ),
-  "alert-02": React.lazy(() =>
-    import("@/registry/core/alert-02").then((mod) => ({
-      default: mod.Alert,
-    }))
-  ),
-  "alert-03": React.lazy(() =>
-    import("@/registry/core/alert-03").then((mod) => ({
-      default: mod.Alert,
-    }))
-  ),
-  "alert-04": React.lazy(() =>
-    import("@/registry/core/alert-04").then((mod) => ({
-      default: mod.Alert,
-    }))
-  ),
-  "alert-05": React.lazy(() =>
-    import("@/registry/core/alert-05").then((mod) => ({
-      default: mod.Alert,
-    }))
-  ),
-});
+export const Alert = createDynamicComponent<AlertProps>(
+  "alert",
+  "Alert",
+  _Alert,
+  {
+    "alert-01": React.lazy(() =>
+      import("@/registry/core/alert-01").then((mod) => ({
+        default: mod.Alert,
+      }))
+    ),
+    "alert-02": React.lazy(() =>
+      import("@/registry/core/alert-02").then((mod) => ({
+        default: mod.Alert,
+      }))
+    ),
+    "alert-03": React.lazy(() =>
+      import("@/registry/core/alert-03").then((mod) => ({
+        default: mod.Alert,
+      }))
+    ),
+    "alert-04": React.lazy(() =>
+      import("@/registry/core/alert-04").then((mod) => ({
+        default: mod.Alert,
+      }))
+    ),
+    "alert-05": React.lazy(() =>
+      import("@/registry/core/alert-05").then((mod) => ({
+        default: mod.Alert,
+      }))
+    ),
+  }
+);
 
 export const AlertRoot = createDynamicComponent<AlertRootProps>(
   "alert",
   "AlertRoot",
+  _AlertRoot,
   {
     "alert-01": React.lazy(() =>
       import("@/registry/core/alert-01").then((mod) => ({
@@ -72,6 +84,7 @@ export const AlertRoot = createDynamicComponent<AlertRootProps>(
 export const AlertTitle = createDynamicComponent<AlertTitleProps>(
   "alert",
   "AlertTitle",
+  _AlertTitle,
   {
     "alert-01": React.lazy(() =>
       import("@/registry/core/alert-01").then((mod) => ({
@@ -103,6 +116,7 @@ export const AlertTitle = createDynamicComponent<AlertTitleProps>(
 export const AlertContent = createDynamicComponent<AlertContentProps>(
   "alert",
   "AlertContent",
+  _AlertContent,
   {
     "alert-01": React.lazy(() =>
       import("@/registry/core/alert-01").then((mod) => ({
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index fbe4ab2c4..c1509abb5 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -2,34 +2,44 @@
 
 import React from "react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import { ButtonProps } from "@/registry/core/button-01";
+import {
+  Button as _Button,
+  ButtonProvider as _ButtonProvider,
+  ButtonProps,
+} from "@/registry/core/button-01";
 
-export const Button = createDynamicComponent<ButtonProps>("button", "Button", {
-  "button-01": React.lazy(() =>
-    import("@/registry/core/button-01").then((mod) => ({
-      default: mod.Button,
-    }))
-  ),
-  "button-02": React.lazy(() =>
-    import("@/registry/core/button-02").then((mod) => ({
-      default: mod.Button,
-    }))
-  ),
-  "button-03": React.lazy(() =>
-    import("@/registry/core/button-03").then((mod) => ({
-      default: mod.Button,
-    }))
-  ),
-  "button-04": React.lazy(() =>
-    import("@/registry/core/button-04").then((mod) => ({
-      default: mod.Button,
-    }))
-  ),
-});
+export const Button = createDynamicComponent<ButtonProps>(
+  "button",
+  "Button",
+  _Button,
+  {
+    "button-01": React.lazy(() =>
+      import("@/registry/core/button-01").then((mod) => ({
+        default: mod.Button,
+      }))
+    ),
+    "button-02": React.lazy(() =>
+      import("@/registry/core/button-02").then((mod) => ({
+        default: mod.Button,
+      }))
+    ),
+    "button-03": React.lazy(() =>
+      import("@/registry/core/button-03").then((mod) => ({
+        default: mod.Button,
+      }))
+    ),
+    "button-04": React.lazy(() =>
+      import("@/registry/core/button-04").then((mod) => ({
+        default: mod.Button,
+      }))
+    ),
+  }
+);
 
 export const ButtonProvider = createDynamicComponent(
   "button",
   "ButtonProvider",
+  _ButtonProvider,
   {
     "button-01": React.lazy(() =>
       import("@/registry/core/button-01").then((mod) => ({
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index 67e6f1ea0..ea622d433 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -3,6 +3,18 @@
 import React from "react";
 import { type DateValue } from "react-aria-components";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import {
+  Calendar as _Calendar,
+  CalendarRoot as _CalendarRoot,
+  RangeCalendar as _RangeCalendar,
+  RangeCalendarRoot as _RangeCalendarRoot,
+  CalendarHeader as _CalendarHeader,
+  CalendarGrid as _CalendarGrid,
+  CalendarGridHeader as _CalendarGridHeader,
+  CalendarHeaderCell as _CalendarHeaderCell,
+  CalendarGridBody as _CalendarGridBody,
+  CalendarCell as _CalendarCell,
+} from "@/registry/core/calendar_basic";
 import type {
   CalendarProps,
   CalendarRootProps,
@@ -19,6 +31,7 @@ import type {
 export const Calendar = createDynamicComponent<CalendarProps<DateValue>>(
   "calendar",
   "Calendar",
+  _Calendar,
   {
     calendar_basic: React.lazy(() =>
       import("@/registry/core/calendar_basic").then((mod) => ({
@@ -35,7 +48,7 @@ export const Calendar = createDynamicComponent<CalendarProps<DateValue>>(
 
 export const RangeCalendar = createDynamicComponent<
   RangeCalendarProps<DateValue>
->("calendar", "RangeCalendar", {
+>("calendar", "RangeCalendar", _RangeCalendar, {
   calendar_basic: React.lazy(() =>
     import("@/registry/core/calendar_basic").then((mod) => ({
       default: mod.RangeCalendar,
@@ -50,13 +63,12 @@ export const RangeCalendar = createDynamicComponent<
 
 export const CalendarRoot = createDynamicComponent<
   CalendarRootProps<DateValue>
->("calendar", "CalendarRoot", {
+>("calendar", "CalendarRoot", _CalendarRoot, {
   calendar_basic: React.lazy(() =>
     import("@/registry/core/calendar_basic").then((mod) => ({
       default: mod.CalendarRoot,
     }))
   ),
-  // @ts-ignore
   calendar_cal: React.lazy(() =>
     import("@/registry/core/calendar_cal").then((mod) => ({
       default: mod.CalendarRoot,
@@ -66,13 +78,12 @@ export const CalendarRoot = createDynamicComponent<
 
 export const RangeCalendarRoot = createDynamicComponent<
   RangeCalendarRootProps<DateValue>
->("calendar", "RangeCalendarRoot", {
+>("calendar", "RangeCalendarRoot", _RangeCalendarRoot, {
   calendar_basic: React.lazy(() =>
     import("@/registry/core/calendar_basic").then((mod) => ({
       default: mod.RangeCalendarRoot,
     }))
   ),
-  // @ts-ignore
   calendar_cal: React.lazy(() =>
     import("@/registry/core/calendar_cal").then((mod) => ({
       default: mod.RangeCalendarRoot,
@@ -83,6 +94,7 @@ export const RangeCalendarRoot = createDynamicComponent<
 export const CalendarHeader = createDynamicComponent<CalendarHeaderProps>(
   "calendar",
   "CalendarHeader",
+  _CalendarHeader,
   {
     calendar_basic: React.lazy(() =>
       import("@/registry/core/calendar_basic").then((mod) => ({
@@ -100,6 +112,7 @@ export const CalendarHeader = createDynamicComponent<CalendarHeaderProps>(
 export const CalendarGrid = createDynamicComponent<CalendarGridProps>(
   "calendar",
   "CalendarGrid",
+  _CalendarGrid,
   {
     calendar_basic: React.lazy(() =>
       import("@/registry/core/calendar_basic").then((mod) => ({
@@ -118,6 +131,7 @@ export const CalendarGridHeader =
   createDynamicComponent<CalendarGridHeaderProps>(
     "calendar",
     "CalendarGridHeader",
+    _CalendarGridHeader,
     {
       calendar_basic: React.lazy(() =>
         import("@/registry/core/calendar_basic").then((mod) => ({
@@ -136,6 +150,7 @@ export const CalendarHeaderCell =
   createDynamicComponent<CalendarHeaderCellProps>(
     "calendar",
     "CalendarHeaderCell",
+    _CalendarHeaderCell,
     {
       calendar_basic: React.lazy(() =>
         import("@/registry/core/calendar_basic").then((mod) => ({
@@ -153,6 +168,7 @@ export const CalendarHeaderCell =
 export const CalendarGridBody = createDynamicComponent<CalendarGridBodyProps>(
   "calendar",
   "CalendarGridBody",
+  _CalendarGridBody,
   {
     calendar_basic: React.lazy(() =>
       import("@/registry/core/calendar_basic").then((mod) => ({
@@ -170,6 +186,7 @@ export const CalendarGridBody = createDynamicComponent<CalendarGridBodyProps>(
 export const CalendarCell = createDynamicComponent<CalendarCellProps>(
   "calendar",
   "CalendarCell",
+  _CalendarCell,
   {
     calendar_basic: React.lazy(() =>
       import("@/registry/core/calendar_basic").then((mod) => ({
diff --git a/www/src/components/dynamic-core/loader.tsx b/www/src/components/dynamic-core/loader.tsx
index bcbba8cac..aada63dc6 100644
--- a/www/src/components/dynamic-core/loader.tsx
+++ b/www/src/components/dynamic-core/loader.tsx
@@ -3,31 +3,37 @@
 import React from "react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import { LoaderProps } from "@/registry/core/loader-ring";
+import { Loader as _Loader } from "@/registry/core/loader-ring";
 
-export const Loader = createDynamicComponent<LoaderProps>("loader", "Loader", {
-  "loader-dot-spinner": React.lazy(() =>
-    import("@/registry/core/loader-dot-spinner").then((mod) => ({
-      default: mod.Loader,
-    }))
-  ),
-  "loader-line-spinner": React.lazy(() =>
-    import("@/registry/core/loader-line-spinner").then((mod) => ({
-      default: mod.Loader,
-    }))
-  ),
-  "loader-ring": React.lazy(() =>
-    import("@/registry/core/loader-ring").then((mod) => ({
-      default: mod.Loader,
-    }))
-  ),
-  "loader-tailspin": React.lazy(() =>
-    import("@/registry/core/loader-tailspin").then((mod) => ({
-      default: mod.Loader,
-    }))
-  ),
-  "loader-wave": React.lazy(() =>
-    import("@/registry/core/loader-wave").then((mod) => ({
-      default: mod.Loader,
-    }))
-  ),
-});
+export const Loader = createDynamicComponent<LoaderProps>(
+  "loader",
+  "Loader",
+  _Loader,
+  {
+    "loader-dot-spinner": React.lazy(() =>
+      import("@/registry/core/loader-dot-spinner").then((mod) => ({
+        default: mod.Loader,
+      }))
+    ),
+    "loader-line-spinner": React.lazy(() =>
+      import("@/registry/core/loader-line-spinner").then((mod) => ({
+        default: mod.Loader,
+      }))
+    ),
+    "loader-ring": React.lazy(() =>
+      import("@/registry/core/loader-ring").then((mod) => ({
+        default: mod.Loader,
+      }))
+    ),
+    "loader-tailspin": React.lazy(() =>
+      import("@/registry/core/loader-tailspin").then((mod) => ({
+        default: mod.Loader,
+      }))
+    ),
+    "loader-wave": React.lazy(() =>
+      import("@/registry/core/loader-wave").then((mod) => ({
+        default: mod.Loader,
+      }))
+    ),
+  }
+);
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index caad7b204..4585cc42f 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -3,6 +3,12 @@
 import React from "react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import {
+  Tooltip as _Tooltip,
+  TooltipRoot as _TooltipRoot,
+  TooltipContent as _TooltipContent,
+  TooltipArrow as _TooltipArrow,
+} from "@/registry/core/tooltip-01";
+import type {
   TooltipProps,
   TooltipRootProps,
   TooltipContentProps,
@@ -12,6 +18,7 @@ import {
 export const Tooltip = createDynamicComponent<TooltipProps>(
   "tooltip",
   "Tooltip",
+  _Tooltip,
   {
     "tooltip-01": React.lazy(() =>
       import("@/registry/core/tooltip-01").then((mod) => ({
@@ -24,6 +31,7 @@ export const Tooltip = createDynamicComponent<TooltipProps>(
 export const TooltipRoot = createDynamicComponent<TooltipRootProps>(
   "tooltip",
   "TooltipRoot",
+  _TooltipRoot,
   {
     "tooltip-01": React.lazy(() =>
       import("@/registry/core/tooltip-01").then((mod) => ({
@@ -36,6 +44,7 @@ export const TooltipRoot = createDynamicComponent<TooltipRootProps>(
 export const TooltipContent = createDynamicComponent<TooltipContentProps>(
   "tooltip",
   "TooltipContent",
+  _TooltipContent,
   {
     "tooltip-01": React.lazy(() =>
       import("@/registry/core/tooltip-01").then((mod) => ({
@@ -48,6 +57,7 @@ export const TooltipContent = createDynamicComponent<TooltipContentProps>(
 export const TooltipArrow = createDynamicComponent<TooltipArrowProps>(
   "tooltip",
   "TooltipArrow",
+  _TooltipArrow,
   {
     "tooltip-01": React.lazy(() =>
       import("@/registry/core/tooltip-01").then((mod) => ({
diff --git a/www/src/components/theme-provider.tsx b/www/src/components/theme-provider.tsx
index 0a50fb9e1..8780d685c 100644
--- a/www/src/components/theme-provider.tsx
+++ b/www/src/components/theme-provider.tsx
@@ -1,3 +1,9 @@
+//    This component will provide:
+// - CSS variables for the theme
+// - Import required fonts
+// - Provide the variants for components
+import { useThemes } from "@/hooks/use-themes";
+
 interface ThemeProviderProps extends React.ComponentProps<"div"> {
   name?: string;
 }
@@ -6,7 +12,6 @@ const ThemeProvider = (props: ThemeProviderProps) => {
 };
 
 
-
 const useThemeCSSVars = (name?: string) => {
-  
-}
\ No newline at end of file
+  const { themes } = useThemes();
+};
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index fcdc7fac5..cc66da9e4 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -1,11 +1,13 @@
 import React from "react";
 import { useThemes } from "@/hooks/use-themes";
+import { Skeleton } from "@/registry/core/skeleton";
 
 type Registry<T> = Record<string, React.ComponentType<T>>;
 
 export const createDynamicComponent = <Props extends {}>(
   registryItem: string,
   componentName: string,
+  DefaultComp: React.ComponentType<Props>,
   registry: Registry<Props>
 ): React.FC<Props> => {
   const Component: React.FC<Props> = (props) => {
@@ -16,19 +18,22 @@ export const createDynamicComponent = <Props extends {}>(
     const contextVariant = variants[registryItem];
 
     if (!variant || !registry[variant]) {
-      throw new Error(
-        `Variant "${variant}" for component "${componentName}" not found in the registry.`
-      );
+      return <DefaultComp {...props} />;
     }
 
     const LazyComponent = registry[contextVariant ?? variant];
 
-    return <LazyComponent {...props} />;
-    // return (
-    //   <React.Suspense fallback={null}>
-    //     <LazyComponent {...props} />
-    //   </React.Suspense>
-    // );
+    return (
+      <React.Suspense
+        fallback={
+          <Skeleton>
+            <DefaultComp {...props} />
+          </Skeleton>
+        }
+      >
+        <LazyComponent {...props} />
+      </React.Suspense>
+    );
   };
 
   Component.displayName = componentName;
@@ -56,18 +61,3 @@ export const VariantsProvider = ({
 
 export const useComponentsVariants = () => React.useContext(variantsContext);
 
-// const LazyLoaderContext = React.createContext<{
-//   isLoading: boolean;
-//   setLoading: (value: boolean) => void;
-// }>({
-//   isLoading: true,
-//   setLoading: () => {},
-// });
-// const LazyLoader = ({ children }: { children: React.ReactNode }) => {
-//   const [isLoading, setLoading] = React.useState(true);
-//   return (
-//     <LazyLoaderContext value={{ isLoading, setLoading }}>
-//       <React.Suspense fallback={children}>{children}</React.Suspense>
-//     </LazyLoaderContext>
-//   );
-// };

From b12dc7a7fa490fc0e60d0aa3d0e31a3dccb57c12 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 21 Jan 2025 14:41:25 +0100
Subject: [PATCH 049/165] refactor: update components

---
 pnpm-lock.yaml                                | 142 +++++++++---------
 .../docs/components/overlays/drawer.mdx       |  48 ++++--
 .../docs/components/overlays/meta.json        |   2 +-
 .../docs/components/overlays/modal.mdx        |  61 ++++----
 .../docs/components/overlays/overlay.mdx      |  41 +++--
 .../docs/components/overlays/popover.mdx      |  28 +++-
 www/next.config.mjs                           |   3 +
 www/package.json                              |   4 +-
 www/src/__registry__/core/alert-01.tsx        |   7 +-
 www/src/__registry__/core/drawer.tsx          |  59 ++++++--
 www/src/__registry__/demos.tsx                |   5 +
 www/src/components/core/popover.tsx           |   1 +
 www/src/components/docs/toc.tsx               |   2 +-
 www/src/components/mobile-nav.tsx             |  11 +-
 www/src/components/sidebar.tsx                |  19 ++-
 www/src/components/theme-switcher.tsx         |   6 +-
 www/src/demos/drawer/basic.tsx                |  67 +++++----
 www/src/demos/overlay/type.tsx                |  66 ++++++++
 www/src/demos/popover/basic.tsx               |  38 ++---
 www/src/demos/registry.ts                     |   1 +
 www/src/registry/core/alert-01.tsx            |   7 +-
 www/src/registry/core/avatar.tsx              |   2 +-
 www/src/registry/core/drawer.tsx              |  58 +++++--
 www/src/registry/core/modal.tsx               |  39 +++--
 www/src/registry/core/overlay.tsx             |   4 +-
 www/src/registry/core/popover.tsx             |  20 +--
 26 files changed, 471 insertions(+), 270 deletions(-)
 create mode 100644 www/src/components/core/popover.tsx
 create mode 100644 www/src/demos/overlay/type.tsx

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index caeb8c3d9..d66438302 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -325,7 +325,7 @@ importers:
         version: 2.6.0
       tailwind-variants:
         specifier: ^0.3.0
-        version: 0.3.0(tailwindcss@4.0.0-beta.8)
+        version: 0.3.0(tailwindcss@4.0.0-beta.9)
       tsx:
         specifier: ^4.7.1
         version: 4.19.2
@@ -352,8 +352,8 @@ importers:
         specifier: workspace:*
         version: link:../packages/config/tsconfig
       '@tailwindcss/postcss':
-        specifier: 4.0.0-beta.8
-        version: 4.0.0-beta.8
+        specifier: 4.0.0-beta.9
+        version: 4.0.0-beta.9
       '@types/estree':
         specifier: ^1.0.6
         version: 1.0.6
@@ -379,11 +379,11 @@ importers:
         specifier: ^6.0.1
         version: 6.0.1
       tailwindcss:
-        specifier: 4.0.0-beta.8
-        version: 4.0.0-beta.8
+        specifier: 4.0.0-beta.9
+        version: 4.0.0-beta.9
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@4.0.0-beta.8)
+        version: 1.0.7(tailwindcss@4.0.0-beta.9)
       tailwindcss-rac:
         specifier: workspace:*
         version: link:../packages/tailwindcss-rac
@@ -2776,81 +2776,81 @@ packages:
     resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==}
     engines: {node: '>=14.16'}
 
-  '@tailwindcss/node@4.0.0-beta.8':
-    resolution: {integrity: sha512-ZbicJgFxo83IIH5eBm7CU3K1olsfud7/zg3+yG7P6+fZiufhh8FllM5QOJVxUEJ5zeB1V94Y+hTq5UOfu8ZloA==}
+  '@tailwindcss/node@4.0.0-beta.9':
+    resolution: {integrity: sha512-KuKNhNVU5hd2L5BkXE/twBKkMnHG4wQiHes6axhDbdcRew0/YZtvlWvMIy7QmtBWnR1lM8scPhp0RXmxK/hZdw==}
 
-  '@tailwindcss/oxide-android-arm64@4.0.0-beta.8':
-    resolution: {integrity: sha512-YY4g6INIl8VfDMig12pleAVRf1JPvYCNgIXfcvm9g9lxIGq2zkGPsp81BpMSTS+pGJmTGhOZq8ab/TOprtNkAQ==}
+  '@tailwindcss/oxide-android-arm64@4.0.0-beta.9':
+    resolution: {integrity: sha512-MiDpTfYvRozM+40mV2wh7GCxyEj7zIOtX3bRNaJgu0adxzZaKkylks46kBY8X91NV3ch6CQSf9Zlr0vi4U5qdw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.8':
-    resolution: {integrity: sha512-XUCjDaecPOt+mL7EngO6Yhj/ybNgxg9wi2oFuBECz3fj/VV9WQ8MwMDIdjEwrIm43BtwTvEugLIRO9I4KBbuuA==}
+  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.9':
+    resolution: {integrity: sha512-SjdLul42NElqSHO5uINXylMNDx4KjtN3iB2o5nv0dFJV119DB0rxSCswgSEfigqyMXLyOAw3dwdoJIUFiw5Sdg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.8':
-    resolution: {integrity: sha512-iMBDpcRBJPt30iohlqJ+slpV+YoR7vL609Zsvzl432lEt6UWEwtKpvPXNuMUEVi7jjLLyyQ/tgM62alVzG1Hug==}
+  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.9':
+    resolution: {integrity: sha512-pmAs3H+pYUxAYbz2y7Q2tIfcNVlnPiikZN0SejF7JaDROg4PhQsWWpvlzHZZvD6CuyFCRXayudG8PwpJSk29dg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.8':
-    resolution: {integrity: sha512-iZY+svFyJHllFSaBOfASzOaSU6TLEx8sX+pZwpDExsDHG61o1xh69QJRAL4TJVW288y9kfNsrvcv4yRyn5fwfw==}
+  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.9':
+    resolution: {integrity: sha512-l39LttvdeeueMxuVNn1Z/cNK1YMWNzoIUgTsHCgF2vhY9tl4R+QcSwlviAkvw4AkiAC4El84pGBBVGswyWa8Rw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.8':
-    resolution: {integrity: sha512-IqEJggh5x+WgJYz2pG5r5+sOTU1D7Tb/92bQdQGYU618b9hgLhigLIBlbLEuZIC89aTK+aDYvgeqTbKX8X2iuA==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.9':
+    resolution: {integrity: sha512-sISzLGpVXNqOYJTo7KcdtUWQulZnW7cqFanBNbe8tCkS1KvlIuckC3MWAihLxpLrmobKh/Wv+wB1aE08VEfCww==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.8':
-    resolution: {integrity: sha512-WieWtmho/wdI3gowTyJWtvqn921BtVDwzaKKFjPACZmX4a7UM0T4t4xDINc8M84lSzCzFBpk2wVykSIyqCXJZA==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.9':
+    resolution: {integrity: sha512-8nmeXyBchcqzQtyqjnmMxlLyxBPd+bwlnr5tDr3w6yol0z7Yrfz3T6L4QoZ4TbfhE26t6qWsUa+WQlzMJKsazg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.8':
-    resolution: {integrity: sha512-P+apWSDGGgCGbTHfyNxUe4+n3lIH6kV+7Y4QGCkBUx5o3L2RzZ2I2/kQNA5z60Moac0tUqX9mKF8AyCmGpBFCg==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.9':
+    resolution: {integrity: sha512-x+Vr4SnZayMj5PEFHL7MczrvjK7fYuv2LvakPfXoDYnAOmjhrjX5go3I0Q65uUPWiZxGcS/y0JgAtQqgHSKU8A==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.8':
-    resolution: {integrity: sha512-6Xj+lHcW0WrsrtRtiHbBFFoJYfHDhscNKumYFyv6THFP9AMwrB/9jp3xPfx9q7Pp3OJf3l0VP8KhdI5MPEMBpw==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.9':
+    resolution: {integrity: sha512-4HpvDn3k5P623exDRbo9rjEXcIuHBj3ZV9YcnWJNE9QZ2vzKXGXxCxPuShTAg25JmH8z+b2whmFsnbxDqtgKhA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.8':
-    resolution: {integrity: sha512-RWeMlHrcS0Rj3tFhbwxkhnsLmsw8E6g0nHjDawNY0lTYi6PP5RZF7ghgzUbzMkjw6QcBJthycpXYXUCKPIZlpA==}
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.9':
+    resolution: {integrity: sha512-RgJrSk7uAt5QC7ez0p0uNcd/Z0yoXuBL9VvMnZVdEMDA7dcf1/zMCcFt3p2nGsGY7q2qp0hULdBEhsRP2Gq0cw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.8':
-    resolution: {integrity: sha512-+FQFS2XjsHGlh+U/paIcUULLfkSmcBp9QzXkTu8UsEH6Ygp7L8RmMZshAr5dQDjXFKBvKHKJX4oIg/SP+VThgA==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.9':
+    resolution: {integrity: sha512-FCpprAxJqDT27C2OaJTAR06+BsmHS2gW7Wu0lC9E6DwiizYP0YjSVFeYvnkluE5O2J4uVR3X2GAaqxbtG4z9Ug==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.8':
-    resolution: {integrity: sha512-5cuAwlDMlnUgzGdZjr+U3ILGbRh9JGmlALgSKo/92qm02NAjNjSSQ4vvh/hMv+mRk5RQDE5lXwDK5/+fGejOBg==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.9':
+    resolution: {integrity: sha512-KOf2YKFwrvFVX+RNJsYVC6tsWBxDMTX7/u4SpUepqkwVgq2yCObx/Sqt820lXuKgGJ9dKsTYF2wvMUGom7B71A==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.0.0-beta.8':
-    resolution: {integrity: sha512-fpZkAwKDFuRNbxQZrXViij2D38R6qqgAnctBR9NPyHxZqYDjn3uyk75alrDnSGj4wUCTAhOCEX4HCI9xCgKGdA==}
+  '@tailwindcss/oxide@4.0.0-beta.9':
+    resolution: {integrity: sha512-1bpui84CDnrjB6TI3AGR9jYUA28+VIfkrM4BH3+VXA9B80+cARtd3ON06ouA5/r/2xs4qe+T85Z1c0k5X6vLeA==}
     engines: {node: '>= 10'}
 
-  '@tailwindcss/postcss@4.0.0-beta.8':
-    resolution: {integrity: sha512-fdxUB9iRm4QocxXiAX/6NlU/VQG/IU1NlDMSGcwvR91/lZNVmWElialB4AVzdsZXIpv5xgrbmz9bb4nvPrT2Ug==}
+  '@tailwindcss/postcss@4.0.0-beta.9':
+    resolution: {integrity: sha512-xXqMnXtg8K2FgrIlqSf3PPHgyAuSiGe7BJ6+6wma96s7VXArsN5UtTwDuksAedJtCymk1liTvLa2eRNrumlavA==}
 
   '@trivago/prettier-plugin-sort-imports@4.3.0':
     resolution: {integrity: sha512-r3n0onD3BTOVUNPhR4lhVK4/pABGpbA7bW3eumZnYdKaHkf1qEC+Mag6DPbGNuuh0eG8AaYj+YqmVHSiGslaTQ==}
@@ -6155,8 +6155,8 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  tailwindcss@4.0.0-beta.8:
-    resolution: {integrity: sha512-21HmdRq9tHDLJZavb2cRBGJxBvRODpwb0/t3tRbMOl65hJE6zG6K6lD6lLS3IOC35u4SOjKjdZiJJi9AuWCf+Q==}
+  tailwindcss@4.0.0-beta.9:
+    resolution: {integrity: sha512-96KpsfQi+/sFIOfyFnGzyy5pobuzf1iMBD9NVtelerPM/lPI2XUS4Kikw9yuKRniXXw77ov1sl7gCSKLsn6CJA==}
 
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
@@ -9824,67 +9824,67 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
-  '@tailwindcss/node@4.0.0-beta.8':
+  '@tailwindcss/node@4.0.0-beta.9':
     dependencies:
       enhanced-resolve: 5.18.0
       jiti: 2.4.2
-      tailwindcss: 4.0.0-beta.8
+      tailwindcss: 4.0.0-beta.9
 
-  '@tailwindcss/oxide-android-arm64@4.0.0-beta.8':
+  '@tailwindcss/oxide-android-arm64@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.8':
+  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.8':
+  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.8':
+  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.8':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.8':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.8':
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.8':
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.8':
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.8':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.8':
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.9':
     optional: true
 
-  '@tailwindcss/oxide@4.0.0-beta.8':
+  '@tailwindcss/oxide@4.0.0-beta.9':
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.0.0-beta.8
-      '@tailwindcss/oxide-darwin-arm64': 4.0.0-beta.8
-      '@tailwindcss/oxide-darwin-x64': 4.0.0-beta.8
-      '@tailwindcss/oxide-freebsd-x64': 4.0.0-beta.8
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0-beta.8
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0-beta.8
-      '@tailwindcss/oxide-linux-arm64-musl': 4.0.0-beta.8
-      '@tailwindcss/oxide-linux-x64-gnu': 4.0.0-beta.8
-      '@tailwindcss/oxide-linux-x64-musl': 4.0.0-beta.8
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0-beta.8
-      '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-beta.8
-
-  '@tailwindcss/postcss@4.0.0-beta.8':
+      '@tailwindcss/oxide-android-arm64': 4.0.0-beta.9
+      '@tailwindcss/oxide-darwin-arm64': 4.0.0-beta.9
+      '@tailwindcss/oxide-darwin-x64': 4.0.0-beta.9
+      '@tailwindcss/oxide-freebsd-x64': 4.0.0-beta.9
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0-beta.9
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0-beta.9
+      '@tailwindcss/oxide-linux-arm64-musl': 4.0.0-beta.9
+      '@tailwindcss/oxide-linux-x64-gnu': 4.0.0-beta.9
+      '@tailwindcss/oxide-linux-x64-musl': 4.0.0-beta.9
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0-beta.9
+      '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-beta.9
+
+  '@tailwindcss/postcss@4.0.0-beta.9':
     dependencies:
       '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.0.0-beta.8
-      '@tailwindcss/oxide': 4.0.0-beta.8
+      '@tailwindcss/node': 4.0.0-beta.9
+      '@tailwindcss/oxide': 4.0.0-beta.9
       lightningcss: 1.29.0
       postcss: 8.4.49
-      tailwindcss: 4.0.0-beta.8
+      tailwindcss: 4.0.0-beta.9
 
   '@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.4.2)':
     dependencies:
@@ -13897,14 +13897,14 @@ snapshots:
 
   tailwind-merge@2.6.0: {}
 
-  tailwind-variants@0.3.0(tailwindcss@4.0.0-beta.8):
+  tailwind-variants@0.3.0(tailwindcss@4.0.0-beta.9):
     dependencies:
       tailwind-merge: 2.6.0
-      tailwindcss: 4.0.0-beta.8
+      tailwindcss: 4.0.0-beta.9
 
-  tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.8):
+  tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.9):
     dependencies:
-      tailwindcss: 4.0.0-beta.8
+      tailwindcss: 4.0.0-beta.9
 
   tailwindcss@3.4.17(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3)):
     dependencies:
@@ -13933,7 +13933,7 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
-  tailwindcss@4.0.0-beta.8: {}
+  tailwindcss@4.0.0-beta.9: {}
 
   tapable@2.2.1: {}
 
diff --git a/www/content/docs/components/overlays/drawer.mdx b/www/content/docs/components/overlays/drawer.mdx
index 190b6b5cd..cdba8efa5 100644
--- a/www/content/docs/components/overlays/drawer.mdx
+++ b/www/content/docs/components/overlays/drawer.mdx
@@ -1,29 +1,51 @@
 ---
-title: Drawer
-description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
+title: Drawer ☑️
+description: A drawer is an overlay element which blocks interaction with elements outside it.
 links:
   - label: Aria docs
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
+    href: https://react-spectrum.adobe.com/react-aria/Modal.html
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/drawer.mdx?plain=1
 ---
 
+<Alert>
+  <span className="font-bold">Note:</span>{" "}
+  {
+    "Drawer only provides the overlay itself. It should be combined with Dialog to create fully accessible drawer dialogs. Other overlays such as menus may also be placed in a drawer overlay."
+  }
+</Alert>
+
+<ComponentPreview name="core/drawer/drawer-basic" />
+
 ## Installation
 
-## Usage
+```package-install
+npx dotui-cli@latest add drawer
+```
 
-## Options
+## Anatomy
 
-## Uncontrolled
+A drawer consists of an overlay container element, and an underlay. The overlay may contain a Dialog, or another element such as a Menu or ListBox when used within a component such as a Select or Combobox.
 
-## Controlled
+```tsx
+import { Button } from "@/components/core/button";
+import { DialogRoot, DialogContent } from "@/components/core/dialog";
+import { Drawer } from "@/components/core/drawer";
 
-## API Reference
+<DialogRoot>
+  <Button>Open drawer</Button>
+  <Drawer>
+    <DialogContent>{/* Content */}</DialogContent>
+  </Drawer>
+</DialogRoot>;
+```
 
-## Accessibility
+## API Reference
 
-### Keyboard interactions
+| Prop        | Type                                                                                                        | Default | Description                                                                                                  |
+| ----------- | ----------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------ |
+| `children`  | `ReactNode \| (opts: ModalRenderProps) => ReactNode`                                                        | -       | The children of the component. A function may be provided to alter the children based on component state.    |
+| `className` | `string \| (values: ModalRenderProps & {defaultClassName: string \| undefined}) => string`                  | -       | The CSS className for the element. A function may be provided to compute the class based on component state. |
+| `style`     | `CSSProperties \| (values: ModalRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -       | The inline style for the element. A function may be provided to compute the style based on component state.  |
diff --git a/www/content/docs/components/overlays/meta.json b/www/content/docs/components/overlays/meta.json
index 4655b548f..83e7f92f3 100644
--- a/www/content/docs/components/overlays/meta.json
+++ b/www/content/docs/components/overlays/meta.json
@@ -1,3 +1,3 @@
 {
-  "pages": ["dialog", "modal", "popover", "drawer", "overlay", "tooltip"]
+  "pages": ["modal", "popover", "drawer", "overlay", "dialog", "tooltip"]
 }
diff --git a/www/content/docs/components/overlays/modal.mdx b/www/content/docs/components/overlays/modal.mdx
index d0674d4e5..033454407 100644
--- a/www/content/docs/components/overlays/modal.mdx
+++ b/www/content/docs/components/overlays/modal.mdx
@@ -1,45 +1,23 @@
 ---
-title: Modal
+title: Modal ☑️
 description: A modal is an overlay element which blocks interaction with elements outside it.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Modal.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Modal.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/toggle-button-group.mdx?plain=1
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/modal.mdx?plain=1
 ---
 
-<ComponentPreview
-  name="core/modal/modal-basic"
-  preview={`<DialogRoot>
-    <Button>Edit profile</Button>
-    <Modal>
-      <DialogContent className="space-y-4">
-        <Heading>Edit Profile</Heading>
-        <TextField
-          autoFocus
-          label="Name"
-          defaultValue="Mehdi"
-        />
-        <TextField
-          label="Username"
-          defaultValue="@mehdibha_"
-        />
-        <div className="flex items-center justify-end gap-2">
-          <Button slot="close" variant="outline">
-            Cancel
-          </Button>
-          <Button slot="close" variant="primary">
-            Save changes
-          </Button>
-        </div>
-      </DialogContent>
-    </Modal>
-  </DialogRoot>`}
-/>
+<Alert>
+  <span className="font-bold">Note:</span>{" "}
+  {
+    "Modal only provides the overlay itself. It should be combined with Dialog to create fully accessible modal dialogs. Other overlays such as menus may also be placed in a modal overlay."
+  }
+</Alert>
+
+<ComponentPreview name="core/modal/modal-basic" />
 
 ## Installation
 
@@ -47,6 +25,25 @@ links:
 npx dotui-cli@latest add modal
 ```
 
+## Anatomy
+
+A modal consists of an overlay container element, and an underlay. The overlay may contain a Dialog, or another element such as a Menu or ListBox when used within a component such as a Select or Combobox.
+
+```tsx
+import { Button } from "@/components/core/button";
+import { DialogRoot, DialogContent } from "@/components/core/dialog";
+import { ModalUnderlay, ModalOverlay } from "@/components/core/modal";
+
+<DialogRoot>
+  <Button>Open Modal</Button>
+  <ModalUnderlay>
+    <ModalOverlay>
+      <DialogContent>{/* Content */}</DialogContent>
+    </ModalOverlay>
+  </ModalUnderlay>
+</DialogRoot>;
+```
+
 ## API Reference
 
 | Prop        | Type                                                                                                        | Default | Description                                                                                                  |
diff --git a/www/content/docs/components/overlays/overlay.mdx b/www/content/docs/components/overlays/overlay.mdx
index eae834667..c7388caeb 100644
--- a/www/content/docs/components/overlays/overlay.mdx
+++ b/www/content/docs/components/overlays/overlay.mdx
@@ -1,29 +1,42 @@
 ---
-title: Overlay
-description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
+title: Overlay ☑️
+description: An overlay is an element which blocks interaction with elements outside it. it could be a modal, a drawer or a popover
 links:
-  - label: Aria docs
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/overlay.mdx?plain=1
 ---
 
+<ComponentPreview name="core/drawer/overlay-type" />
+
 ## Installation
 
-## Usage
+```package-install
+npx dotui-cli@latest add overlay
+```
 
-## Options
+## Anatomy
 
-## Uncontrolled
+An overlay consists of an overlay container element, and an underlay. The overlay may contain a Dialog, or another element such as a Menu or ListBox when used within a component such as a Select or Combobox.
 
-## Controlled
+```tsx
+import { Button } from "@/components/core/button";
+import { DialogRoot, DialogContent } from "@/components/core/dialog";
+import { Overlay } from "@/components/core/drawer";
 
-## API Reference
+<DialogRoot>
+  <Button>Open Overlay</Button>
+  <Overlay type="modal" mobileType="drawer">
+    <DialogContent>{/* Content */}</DialogContent>
+  </Overlay>
+</DialogRoot>;
+```
 
-## Accessibility
+## API Reference
 
-### Keyboard interactions
+| Prop        | Type                                                                                                        | Default | Description                                                                                                  |
+| ----------- | ----------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------ |
+| `children`  | `ReactNode \| (opts: ModalRenderProps) => ReactNode`                                                        | -       | The children of the component. A function may be provided to alter the children based on component state.    |
+| `className` | `string \| (values: ModalRenderProps & {defaultClassName: string \| undefined}) => string`                  | -       | The CSS className for the element. A function may be provided to compute the class based on component state. |
+| `style`     | `CSSProperties \| (values: ModalRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -       | The inline style for the element. A function may be provided to compute the style based on component state.  |
diff --git a/www/content/docs/components/overlays/popover.mdx b/www/content/docs/components/overlays/popover.mdx
index 4bba218ac..c73c84ee6 100644
--- a/www/content/docs/components/overlays/popover.mdx
+++ b/www/content/docs/components/overlays/popover.mdx
@@ -1,17 +1,22 @@
 ---
-title: Popover
+title: Popover ☑️
 description: A popover is an overlay element positioned relative to a trigger.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Popover.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Popover.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/toggle-button-group.mdx?plain=1
 ---
 
+<Alert variant="warning">
+  <span className="font-bold">Note:</span>{" "}
+  {
+    "Popover only provides the overlay itself. It should be combined with Dialog to create fully accessible popovers. Other overlays such as menus may also be placed in a popover."
+  }
+</Alert>
+
 <ComponentPreview name="core/popover/popover-basic" preview={``} />
 
 ## Installation
@@ -20,6 +25,23 @@ links:
 npx dotui-cli@latest add popover
 ```
 
+## Anatomy
+
+A popover consists of a trigger element (e.g. button) and an overlay, which is positioned relative to the trigger. The overlay may contain a Dialog, or another element such as a Menu or ListBox when used within a component such as a Select or ComboBox.
+
+```tsx
+import { Button } from "@/components/core/button";
+import { DialogRoot, DialogContent } from "@/components/core/dialog";
+import { Popover } from "@/components/core/popover";
+
+<DialogRoot>
+  <Button>Open Popover</Button>
+  <Popover>
+    <DialogContent>{/* Content */}</DialogContent>
+  </Popover>
+</DialogRoot>;
+```
+
 ## API Reference
 
 | Prop        | Type                                                                                                          | Default | Description                                                                                                  |
diff --git a/www/next.config.mjs b/www/next.config.mjs
index 74e883982..8b7267348 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -12,6 +12,9 @@ const config = {
       },
     ],
   },
+  devIndicators: {
+    appIsrStatus: false,
+  },
   typescript: {
     ignoreBuildErrors: true,
   },
diff --git a/www/package.json b/www/package.json
index e297158f2..0ca88b2b0 100644
--- a/www/package.json
+++ b/www/package.json
@@ -67,7 +67,7 @@
     "@dotui/eslint-config": "workspace:*",
     "@dotui/registry": "workspace:*",
     "@dotui/ts-config": "workspace:*",
-    "@tailwindcss/postcss": "4.0.0-beta.8",
+    "@tailwindcss/postcss": "4.0.0-beta.9",
     "@types/estree": "^1.0.6",
     "@types/mdast": "^4.0.4",
     "@types/node": "^18.17.0",
@@ -76,7 +76,7 @@
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.31",
     "rimraf": "^6.0.1",
-    "tailwindcss": "4.0.0-beta.8",
+    "tailwindcss": "4.0.0-beta.9",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-rac": "workspace:*",
     "typescript": "^5",
diff --git a/www/src/__registry__/core/alert-01.tsx b/www/src/__registry__/core/alert-01.tsx
index 717dbf9a8..6c964b8c5 100644
--- a/www/src/__registry__/core/alert-01.tsx
+++ b/www/src/__registry__/core/alert-01.tsx
@@ -44,7 +44,7 @@ const [AlertProvider, useAlertContext] =
   createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
 
 const defaultIcons = {
-  neutral: null,
+  neutral: <InfoIcon />,
   danger: <AlertCircleIcon />,
   success: <CheckCircle2Icon />,
   warning: <AlertTriangleIcon />,
@@ -53,7 +53,6 @@ const defaultIcons = {
 
 interface AlertProps extends AlertRootProps {
   title?: string;
-  description?: string;
   action?: React.ReactNode;
   icon?: React.ReactNode | null;
 }
@@ -61,9 +60,9 @@ interface AlertProps extends AlertRootProps {
 function Alert({
   variant = "neutral",
   title,
-  description,
   action,
   icon,
+  children,
   ...props
 }: AlertProps) {
   const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
@@ -72,7 +71,7 @@ function Alert({
       {resolvedIcon}
       <div className="flex-1 space-y-0.5">
         <AlertTitle>{title}</AlertTitle>
-        {description && <AlertContent>{description}</AlertContent>}
+        {children && <AlertContent>{children}</AlertContent>}
       </div>
       {action}
     </AlertRoot>
diff --git a/www/src/__registry__/core/drawer.tsx b/www/src/__registry__/core/drawer.tsx
index 396100453..9b8162de1 100644
--- a/www/src/__registry__/core/drawer.tsx
+++ b/www/src/__registry__/core/drawer.tsx
@@ -4,38 +4,67 @@ import React from "react";
 import {
   Modal as AriaModal,
   ModalOverlay as AriaModalOverlay,
+  composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { cn } from "@/registry/lib/cn";
 
 const drawerVariants = tv({
   slots: {
-    backdrop: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm",
-    drawer: ["bg-bg outline-hidden fixed inset-0 z-50 flex flex-col"],
+    underlay:
+      "before:ease-drawer before:animate-in before:fade-in exiting:before:animate-out exiting:before:fade-out exiting:before:duration-300 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:duration-300 before:content-['']",
+    overlay:
+      "outline-hidden entering:animate-in exiting:animate-out entering:duration-300 exiting:duration-300 bg-bg ease-drawer fixed z-50 flex flex-col",
   },
   variants: {
     placement: {
-      top: "exiting:slide-out-to-top entering:slide-in-from-top inset-x-0 top-0 border-b",
-      bottom:
-        "exiting:slide-out-to-bottom entering:slide-in-from-bottom inset-x-0 bottom-0 border-t",
-      left: "exiting:slide-out-to-left entering:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-      right:
-        "exiting:slide-out-to-right entering:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+      top: {
+        overlay:
+          "exiting:slide-out-to-top entering:slide-in-from-top inset-x-0 top-0 border-b",
+      },
+      bottom: {
+        overlay:
+          "exiting:slide-out-to-bottom entering:slide-in-from-bottom inset-x-0 bottom-0 border-t",
+      },
+      left: {
+        overlay:
+          "exiting:slide-out-to-left entering:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+      },
+      right: {
+        overlay:
+          "exiting:slide-out-to-right entering:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+      },
     },
   },
+  defaultVariants: {
+    placement: "bottom",
+  },
 });
 
-const { drawer, backdrop } = drawerVariants();
+const { overlay, underlay } = drawerVariants();
 
 interface DrawerProps extends React.ComponentProps<typeof AriaModal> {
-  placement?: "top" | "bottom" | "left" | "right";
+  side?: "top" | "bottom" | "left" | "right";
 }
 
-function Drawer({ className, ...props }: DrawerProps) {
+function Drawer({
+  isDismissable = true,
+  className,
+  style,
+  ...props
+}: DrawerProps) {
   return (
-    <AriaModalOverlay>
-      <div className={backdrop()} />
-      <AriaModal className={cn(drawer(), className)} {...props} />
+    <AriaModalOverlay
+      className={underlay()}
+      isDismissable={isDismissable}
+      {...props}
+    >
+      <AriaModal
+        className={composeRenderProps(className, (className) =>
+          overlay({ className })
+        )}
+        style={style}
+        {...props}
+      />
     </AriaModalOverlay>
   );
 }
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index cec9c5338..2a53a0e1f 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -2029,5 +2029,10 @@
       files: ["demos/command/dialog.tsx"],
       component: React.lazy(() => import("@/demos/command/dialog")),
     },
+    "overlay-type": {
+      name: "overlay-type",
+      files: ["demos/overlay/type.tsx"],
+      component: React.lazy(() => import("@/demos/overlay/type")),
+    },
   },
 }
diff --git a/www/src/components/core/popover.tsx b/www/src/components/core/popover.tsx
new file mode 100644
index 000000000..1ca22ae39
--- /dev/null
+++ b/www/src/components/core/popover.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/popover"
\ No newline at end of file
diff --git a/www/src/components/docs/toc.tsx b/www/src/components/docs/toc.tsx
index 3dd2a66eb..1ee48dbac 100644
--- a/www/src/components/docs/toc.tsx
+++ b/www/src/components/docs/toc.tsx
@@ -17,7 +17,7 @@ export const TableOfContents = ({ toc }: { toc: TocType }) => {
     <TocPrimitive.AnchorProvider toc={toc}>
       <ScrollArea
         containerClassName="flex flex-col"
-        className="relative min-h-0 text-sm"
+        className="relative min-h-0 text-sm pb-4"
       >
         <TocItems toc={toc} />
       </ScrollArea>
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index de6356759..224f2433a 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -22,16 +22,17 @@ export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
           </Button>
           <Dialog
             type="drawer"
-            placement="left"
-            swipeIndicator={false}
+            drawerProps={{
+              placement: "left",
+            }}
             className="p-0! w-60"
           >
             {({ close }) => (
-              <div className="flex h-screen flex-col">
+              <div className="z-50 flex h-screen flex-col">
                 <div className="flex items-center justify-between p-2">
                   <Link
                     href="/"
-                    className="flex items-center space-x-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
+                    className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
                   >
                     <Avatar
                       src={siteConfig.global.logo}
@@ -41,7 +42,7 @@ export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
                       loading="lazy"
                       className="m-1 size-6 rounded-sm"
                     />
-                    <div className="font-josephin mt-[5px] font-bold leading-normal tracking-tighter">
+                    <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
                       {siteConfig.global.name}
                     </div>
                   </Link>
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 53d4c05dd..ccc30a937 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -274,7 +274,7 @@ const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
           variant="outline"
           shape="rectangle"
           size="sm"
-          className="h-7 px-2 text-xs font-normal absolute top-[13px] right-3"
+          className="absolute right-3 top-[13px] h-7 px-2 text-xs font-normal"
         >
           Esc
         </Button>
@@ -396,10 +396,21 @@ function FolderNode({
 
   if (level === 1) {
     return (
-      <CollapsibleRoot open={isCollapsed ? false : open} onOpenChange={setOpen}>
+      <CollapsibleRoot open={isCollapsed ? false : open}>
         <StyledTooltip content={item.name} isDisabled={!isCollapsed}>
-          <CollapsibleTrigger asChild onClick={() => onCollapseChange(false)}>
-            <SidebarButton shape="square" variant="quiet" size="sm">
+          <CollapsibleTrigger asChild>
+            <SidebarButton
+              shape="square"
+              variant="quiet"
+              size="sm"
+              onPress={() => {
+                if (!isCollapsed) {
+                  setOpen(!open);
+                  return;
+                }
+                onCollapseChange(false);
+              }}
+            >
               {item.icon}
               <span className="flex flex-1 flex-row items-center justify-between">
                 <span>{item.name}</span>
diff --git a/www/src/components/theme-switcher.tsx b/www/src/components/theme-switcher.tsx
index 65fb424ba..439d5ab46 100644
--- a/www/src/components/theme-switcher.tsx
+++ b/www/src/components/theme-switcher.tsx
@@ -5,7 +5,7 @@ import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Button } from "@/components/core/button";
 import { Item, ListBox } from "@/components/core/list-box";
-import { Overlay } from "@/components/core/overlay";
+import { Popover } from "@/components/core/popover";
 import { SelectRoot } from "@/components/core/select";
 
 export const ThemeSwitcher = ({ children }: { children?: React.ReactNode }) => {
@@ -28,7 +28,7 @@ export const ThemeSwitcher = ({ children }: { children?: React.ReactNode }) => {
           <MoonIcon className="hidden dark:block" />
         </Button>
       )}
-      <Overlay placement="bottom right" type="popover">
+      <Popover placement="bottom right">
         <ListBox>
           <Item id="system" prefix={<MonitorIcon />}>
             System
@@ -40,7 +40,7 @@ export const ThemeSwitcher = ({ children }: { children?: React.ReactNode }) => {
             Dark
           </Item>
         </ListBox>
-      </Overlay>
+      </Popover>
     </SelectRoot>
   );
 };
diff --git a/www/src/demos/drawer/basic.tsx b/www/src/demos/drawer/basic.tsx
index 968bc7e8c..338fd5d34 100644
--- a/www/src/demos/drawer/basic.tsx
+++ b/www/src/demos/drawer/basic.tsx
@@ -1,3 +1,7 @@
+"use client";
+
+import React from "react";
+import { RadioGroup, Radio } from "@/components/core/radio-group";
 import { Button } from "@/components/dynamic-core/button";
 import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
 import { Drawer } from "@/components/dynamic-core/drawer";
@@ -5,33 +9,42 @@ import { TextField } from "@/components/dynamic-core/text-field";
 import { Heading } from "@/registry/core/heading";
 
 export default function Demo() {
+  const [placement, setPlacement] = React.useState("bottom");
   return (
-    <DialogRoot>
-      <Button>Edit profile</Button>
-      <Drawer>
-        <DialogContent className="space-y-4">
-          <Heading>Edit Profile</Heading>
-          <TextField
-            autoFocus
-            label="Name"
-            defaultValue="Mehdi"
-            className="w-full"
-          />
-          <TextField
-            label="Username"
-            defaultValue="@mehdibha_"
-            className="w-full"
-          />
-          <div className="flex items-center justify-end gap-2">
-            <Button slot="close" variant="outline">
-              Cancel
-            </Button>
-            <Button slot="close" variant="primary">
-              Save changes
-            </Button>
-          </div>
-        </DialogContent>
-      </Drawer>
-    </DialogRoot>
+    <div>
+      <DialogRoot>
+        <Button>Edit profile</Button>
+        <Drawer placement={placement as "top" | "bottom" | "left" | "right"}>
+          <DialogContent className="space-y-4">
+            <Heading>Edit Profile</Heading>
+            <TextField
+              autoFocus
+              label="Name"
+              defaultValue="Mehdi"
+              className="w-full"
+            />
+            <TextField
+              label="Username"
+              defaultValue="@mehdibha_"
+              className="w-full"
+            />
+            <div className="flex items-center justify-end gap-2">
+              <Button slot="close" variant="outline">
+                Cancel
+              </Button>
+              <Button slot="close" variant="primary">
+                Save changes
+              </Button>
+            </div>
+          </DialogContent>
+        </Drawer>
+      </DialogRoot>
+      <RadioGroup value={placement} onChange={setPlacement}>
+        <Radio value="top">Top</Radio>
+        <Radio value="left">Left</Radio>
+        <Radio value="bottom">Bottom</Radio>
+        <Radio value="right">Right</Radio>
+      </RadioGroup>
+    </div>
   );
 }
diff --git a/www/src/demos/overlay/type.tsx b/www/src/demos/overlay/type.tsx
new file mode 100644
index 000000000..59a31a22a
--- /dev/null
+++ b/www/src/demos/overlay/type.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import React from "react";
+import { RadioGroup, Radio } from "@/components/core/radio-group";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { Heading } from "@/registry/core/heading";
+import { Overlay, OverlayProps } from "@/registry/core/overlay";
+
+type OverlayType = OverlayProps["type"];
+
+export default function Demo() {
+  const [type, setType] = React.useState<OverlayType>("modal");
+  const [mobileType, setMobileType] = React.useState<OverlayType>("drawer");
+
+  return (
+    <div className="flex gap-8">
+      <DialogRoot>
+        <Button>Open overlay</Button>
+        <Overlay type={type} mobileType={mobileType}>
+          <DialogContent className="space-y-4">
+            <Heading>Edit Profile</Heading>
+            <TextField
+              autoFocus
+              label="Name"
+              defaultValue="Mehdi"
+              className="w-full"
+            />
+            <TextField
+              label="Username"
+              defaultValue="@mehdibha_"
+              className="w-full"
+            />
+            <div className="flex items-center justify-end gap-2">
+              <Button slot="close" variant="outline">
+                Cancel
+              </Button>
+              <Button slot="close" variant="primary">
+                Save changes
+              </Button>
+            </div>
+          </DialogContent>
+        </Overlay>
+      </DialogRoot>
+      <RadioGroup
+        label="Type"
+        value={type}
+        onChange={(val) => setType(val as OverlayType)}
+      >
+        <Radio value="modal">Modal</Radio>
+        <Radio value="drawer">Drawer</Radio>
+        <Radio value="popover">Popover</Radio>
+      </RadioGroup>
+      <RadioGroup
+        label="Mobile Type"
+        value={mobileType}
+        onChange={(val) => setMobileType(val as OverlayType)}
+      >
+        <Radio value="modal">Modal</Radio>
+        <Radio value="drawer">Drawer</Radio>
+        <Radio value="popover">Popover</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/demos/popover/basic.tsx b/www/src/demos/popover/basic.tsx
index e2fa3c8da..f380238c4 100644
--- a/www/src/demos/popover/basic.tsx
+++ b/www/src/demos/popover/basic.tsx
@@ -1,35 +1,25 @@
+"use client";
+
+import React from "react";
+import { InfoIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
 import { Popover } from "@/components/dynamic-core/popover";
-import { TextField } from "@/components/dynamic-core/text-field";
 import { Heading } from "@/registry/core/heading";
 
 export default function Demo() {
   return (
     <DialogRoot>
-      <Button>Edit profile</Button>
-      <Popover arrow>
-        <DialogContent className="space-y-4">
-          <Heading>Edit Profile</Heading>
-          <TextField
-            autoFocus
-            label="Name"
-            defaultValue="Mehdi"
-            className="w-full"
-          />
-          <TextField
-            label="Username"
-            defaultValue="@mehdibha_"
-            className="w-full"
-          />
-          <div className="flex items-center justify-end gap-2">
-            <Button slot="close" variant="outline">
-              Cancel
-            </Button>
-            <Button slot="close" variant="primary">
-              Save changes
-            </Button>
-          </div>
+      <Button variant="outline" shape="square">
+        <InfoIcon />
+      </Button>
+      <Popover>
+        <DialogContent className="w-56 space-y-4">
+          <Heading>Need help?</Heading>
+          <p>
+            If you&apos;re having issues accessing your account, contact our
+            customer support team for help.
+          </p>
         </DialogContent>
       </Popover>
     </DialogRoot>
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index 4af3a7b8c..5b2cbbcef 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -476,4 +476,5 @@ export const demos: RegistryDemos = [
   ...buildDemos("table", ["default"]),
   ...buildDemos("form", ["basic", "react-aria", "react-hook-form"]),
   ...buildDemos("command", ["basic", "dialog"]),
+  ...buildDemos("overlay", ["type"]),
 ];
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert-01.tsx
index 717dbf9a8..6c964b8c5 100644
--- a/www/src/registry/core/alert-01.tsx
+++ b/www/src/registry/core/alert-01.tsx
@@ -44,7 +44,7 @@ const [AlertProvider, useAlertContext] =
   createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
 
 const defaultIcons = {
-  neutral: null,
+  neutral: <InfoIcon />,
   danger: <AlertCircleIcon />,
   success: <CheckCircle2Icon />,
   warning: <AlertTriangleIcon />,
@@ -53,7 +53,6 @@ const defaultIcons = {
 
 interface AlertProps extends AlertRootProps {
   title?: string;
-  description?: string;
   action?: React.ReactNode;
   icon?: React.ReactNode | null;
 }
@@ -61,9 +60,9 @@ interface AlertProps extends AlertRootProps {
 function Alert({
   variant = "neutral",
   title,
-  description,
   action,
   icon,
+  children,
   ...props
 }: AlertProps) {
   const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
@@ -72,7 +71,7 @@ function Alert({
       {resolvedIcon}
       <div className="flex-1 space-y-0.5">
         <AlertTitle>{title}</AlertTitle>
-        {description && <AlertContent>{description}</AlertContent>}
+        {children && <AlertContent>{children}</AlertContent>}
       </div>
       {action}
     </AlertRoot>
diff --git a/www/src/registry/core/avatar.tsx b/www/src/registry/core/avatar.tsx
index 2d150c2cd..68712d845 100644
--- a/www/src/registry/core/avatar.tsx
+++ b/www/src/registry/core/avatar.tsx
@@ -40,7 +40,7 @@ const [AvatarProvider, useAvatarContext] = createScopedContext<
 >("AlertRoot");
 
 interface AvatarProps
-  extends AvatarRootProps,
+  extends AvatarRootProps,AvatarImageProps,
     Pick<AvatarImageProps, "src" | "alt"> {
   fallback?: React.ReactNode;
 }
diff --git a/www/src/registry/core/drawer.tsx b/www/src/registry/core/drawer.tsx
index 396100453..9d7d69bd3 100644
--- a/www/src/registry/core/drawer.tsx
+++ b/www/src/registry/core/drawer.tsx
@@ -4,38 +4,68 @@ import React from "react";
 import {
   Modal as AriaModal,
   ModalOverlay as AriaModalOverlay,
+  composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { cn } from "@/registry/lib/cn";
 
 const drawerVariants = tv({
   slots: {
-    backdrop: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm",
-    drawer: ["bg-bg outline-hidden fixed inset-0 z-50 flex flex-col"],
+    underlay:
+      "before:ease-drawer before:animate-in before:fade-in exiting:before:animate-out exiting:before:fade-out exiting:before:duration-300 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:duration-300 before:content-['']",
+    overlay:
+      "outline-hidden entering:animate-in exiting:animate-out entering:duration-300 exiting:duration-300 bg-bg ease-drawer fixed z-50 flex flex-col",
   },
   variants: {
     placement: {
-      top: "exiting:slide-out-to-top entering:slide-in-from-top inset-x-0 top-0 border-b",
-      bottom:
-        "exiting:slide-out-to-bottom entering:slide-in-from-bottom inset-x-0 bottom-0 border-t",
-      left: "exiting:slide-out-to-left entering:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-      right:
-        "exiting:slide-out-to-right entering:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+      top: {
+        overlay:
+          "exiting:slide-out-to-top entering:slide-in-from-top inset-x-0 top-0 border-b",
+      },
+      bottom: {
+        overlay:
+          "exiting:slide-out-to-bottom entering:slide-in-from-bottom inset-x-0 bottom-0 border-t",
+      },
+      left: {
+        overlay:
+          "exiting:slide-out-to-left entering:slide-in-from-left top-0 left-0 h-(--visual-viewport-height) border-r",
+      },
+      right: {
+        overlay:
+          "exiting:slide-out-to-right entering:slide-in-from-right top-0 right-0 h-(--visual-viewport-height) border-l",
+      },
     },
   },
+  defaultVariants: {
+    placement: "bottom",
+  },
 });
 
-const { drawer, backdrop } = drawerVariants();
+const { overlay, underlay } = drawerVariants();
 
 interface DrawerProps extends React.ComponentProps<typeof AriaModal> {
   placement?: "top" | "bottom" | "left" | "right";
 }
 
-function Drawer({ className, ...props }: DrawerProps) {
+function Drawer({
+  isDismissable = true,
+  className,
+  style,
+  placement,
+  ...props
+}: DrawerProps) {
   return (
-    <AriaModalOverlay>
-      <div className={backdrop()} />
-      <AriaModal className={cn(drawer(), className)} {...props} />
+    <AriaModalOverlay
+      className={underlay()}
+      isDismissable={isDismissable}
+      {...props}
+    >
+      <AriaModal
+        className={composeRenderProps(className, (className) =>
+          overlay({ placement, className })
+        )}
+        style={style}
+        {...props}
+      />
     </AriaModalOverlay>
   );
 }
diff --git a/www/src/registry/core/modal.tsx b/www/src/registry/core/modal.tsx
index 4975cf57f..749278501 100644
--- a/www/src/registry/core/modal.tsx
+++ b/www/src/registry/core/modal.tsx
@@ -10,34 +10,33 @@ import { tv } from "tailwind-variants";
 
 const modalStyles = tv({
   slots: {
-    backdrop: [
-      "h-(--visual-viewport-height) fixed left-0 top-0 z-50 flex w-[100vw] items-center justify-center bg-black/40 backdrop-blur-sm",
-      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
-    ],
-    overlay: [
-      "group/overlay relative z-50 w-full max-w-lg",
-      "bg-bg border shadow-lg sm:rounded-lg md:w-full",
-      "entering:animate-in entering:fade-in-0 entering:zoom-in-95 exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95 entering:duration-200 exiting:duration-150",
-    ],
+    underlay:
+      "h-(--visual-viewport-height) entering:animate-in entering:fade-in exiting:animate-out exiting:fade-out-0 entering:duration-200 exiting:duration-150 bg-bg-inverse dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-[100vw] items-center justify-center ease-[cubic-bezier(0.165,0.84,0.44,1)]",
+    overlay:
+      "bg-bg entering:animate-in entering:zoom-in-95 exiting:animate-out exiting:zoom-out-95 entering:duration-200 exiting:duration-150 relative z-50 w-full max-w-lg border shadow-lg ease-[cubic-bezier(0.165,0.84,0.44,1)] sm:rounded-lg md:w-full",
   },
 });
 
-const { backdrop, overlay } = modalStyles();
+const { underlay, overlay } = modalStyles();
 
-interface ModalProps extends React.ComponentProps<typeof AriaModalOverlay> {}
-function Modal({ isDismissable = true, className, ...props }: ModalProps) {
-  return (
-    <AriaModalOverlay
+interface ModalProps extends React.ComponentProps<typeof AriaModal> {}
+const Modal = ({ className, isDismissable = true, ...props }: ModalProps) => (
+  <AriaModalOverlay
+    isDismissable={isDismissable}
+    className={composeRenderProps(className, (className) =>
+      underlay({ className })
+    )}
+    {...props}
+  >
+    <AriaModal
       isDismissable={isDismissable}
       className={composeRenderProps(className, (className) =>
-        backdrop({ className })
+        overlay({ className })
       )}
       {...props}
-    >
-      <AriaModal className={overlay()}>{props.children}</AriaModal>
-    </AriaModalOverlay>
-  );
-}
+    />
+  </AriaModalOverlay>
+);
 
 export type { ModalProps };
 export { Modal };
diff --git a/www/src/registry/core/overlay.tsx b/www/src/registry/core/overlay.tsx
index bdd4d047f..353c049b4 100644
--- a/www/src/registry/core/overlay.tsx
+++ b/www/src/registry/core/overlay.tsx
@@ -10,7 +10,7 @@ type Type = "modal" | "popover" | "drawer";
 interface OverlayProps {
   children?: React.ReactNode;
   type?: Type;
-  mobileType?: Type;
+  mobileType?: Type | null;
   mediaQuery?: string;
   popoverProps?: PopoverProps;
   modalProps?: ModalProps;
@@ -19,7 +19,7 @@ interface OverlayProps {
 
 function Overlay({
   type = "modal",
-  mobileType,
+  mobileType = "drawer",
   mediaQuery = "(max-width: 640px)",
   children,
   modalProps,
diff --git a/www/src/registry/core/popover.tsx b/www/src/registry/core/popover.tsx
index b349fb0d7..e67082503 100644
--- a/www/src/registry/core/popover.tsx
+++ b/www/src/registry/core/popover.tsx
@@ -10,30 +10,30 @@ import { tv } from "tailwind-variants";
 
 const popoverStyles = tv({
   slots: {
-    overlay:
-      "group/popover bg-bg text-fg data-[trigger=ComboBox]:min-w-(--trigger-width) data-[trigger=Select]:min-w-(--trigger-width) entering:animate-in entering:fade-in entering:ease-out entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:ease-in exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 z-50 rounded-md border px-3 py-1.5 text-sm shadow-md",
+    popover:
+      "bg-bg min-w-(--trigger-width) entering:animate-in entering:fade-in entering:zoom-in-95 entering:duration-150 exiting:duration-100 entering:placement-bottom:slide-in-from-top-2 entering:placement-top:slide-in-from-bottom-2 entering:placement-left:slide-in-from-right-2 entering:placement-right:slide-in-from-left-2 exiting:animate-out exiting:fade-out exiting:zoom-out-95 exiting:placement-bottom:slide-out-to-top-2 exiting:placement-top:slide-out-to-bottom-2 exiting:placement-left:slide-out-to-right-2 exiting:placement-right:slide-out-to-left-2 placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left group rounded-md border shadow-md ease-[cubic-bezier(0.165,0.84,0.44,1)]",
     arrow:
-      "stroke-border fill-bg group-placement-left/popover:-rotate-90 group-placement-right/popover:rotate-90 group-placement-bottom/popover:rotate-180 stroke-1",
+      "stroke-border fill-bg group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180 stroke-1",
   },
 });
 
-const { overlay, arrow } = popoverStyles();
+const { popover, arrow } = popoverStyles();
 
 interface PopoverProps extends React.ComponentProps<typeof AriaPopover> {
-  arrow?: boolean;
+  showArrow?: boolean;
 }
-function Popover({ className, arrow, ...props }: PopoverProps) {
+function Popover({ className, showArrow = false, ...props }: PopoverProps) {
   return (
     <AriaPopover
       className={composeRenderProps(className, (className) =>
-        overlay({ className })
+        popover({ className })
       )}
       {...props}
     >
       {composeRenderProps(props.children, (children) => (
         <>
           {children}
-          {arrow && <PopoverArrow />}
+          {showArrow && <PopoverArrow />}
         </>
       ))}
     </AriaPopover>
@@ -45,8 +45,8 @@ function PopoverArrow({ className, ...props }: PopoverArrowProps) {
   return (
     <AriaOverlayArrow>
       <svg
-        width={8}
-        height={8}
+        width={12}
+        height={12}
         viewBox="0 0 8 8"
         className={arrow({ className })}
         {...props}

From 8bfe23304a6ff3e3d26c186639bfd364ce99465b Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 22 Jan 2025 22:00:07 +0100
Subject: [PATCH 050/165] refactor: update overlay components

---
 pnpm-lock.yaml                                | 230 +++---
 .../docs/components/overlays/dialog.mdx       | 304 ++++----
 .../docs/components/overlays/drawer.mdx       |  64 +-
 .../docs/components/overlays/modal.mdx        |  60 +-
 .../docs/components/overlays/overlay.mdx      |  65 +-
 .../docs/components/overlays/popover.mdx      |  42 +-
 .../docs/components/overlays/tooltip.mdx      | 128 +++-
 www/next.config.mjs                           |   6 +-
 www/package.json                              |   4 +-
 www/src/__registry__/core/alert-01.tsx        |   2 +-
 www/src/__registry__/core/avatar.tsx          |   2 +-
 www/src/__registry__/core/color-picker.tsx    |   6 +-
 www/src/__registry__/core/date-picker.tsx     |   2 +-
 .../__registry__/core/date-range-picker.tsx   |   2 +-
 www/src/__registry__/core/dialog.tsx          | 129 ----
 www/src/__registry__/core/drawer.tsx          |   9 +-
 www/src/__registry__/demos.tsx                |  20 +-
 www/src/app/(app)/docs/[...slug]/page.tsx     |   2 +-
 www/src/components/core/dialog.tsx            |   2 +-
 www/src/components/core/tooltip.tsx           |   2 +-
 www/src/components/docs/mdx-components.tsx    |   3 +-
 www/src/components/dynamic-core/dialog.tsx    |   2 +-
 www/src/components/dynamic-core/tooltip.tsx   |  22 +-
 www/src/demos/command/dialog.tsx              |   2 +-
 www/src/demos/dialog/alert-dialog.tsx         |  31 +-
 .../demos/dialog/async-form-submission.tsx    |  46 +-
 www/src/demos/dialog/basic.tsx                |  40 +-
 www/src/demos/dialog/composition.tsx          |  47 +-
 www/src/demos/dialog/controlled.tsx           |  39 +-
 www/src/demos/dialog/dismiss-button.tsx       |  57 --
 www/src/demos/dialog/dismissable.tsx          |  81 +--
 www/src/demos/dialog/inset-content.tsx        |  60 +-
 www/src/demos/dialog/nested.tsx               |  46 +-
 www/src/demos/dialog/types.tsx                | 110 ++-
 www/src/demos/drawer/basic.tsx                |  49 +-
 www/src/demos/drawer/placement.tsx            |  27 +
 www/src/demos/modal/basic.tsx                 |  27 +-
 www/src/demos/overlay/basic.tsx               |  15 +
 www/src/demos/overlay/type.tsx                |  48 +-
 www/src/demos/registry.ts                     |   6 +-
 www/src/demos/tooltip/arrow.tsx               |   6 +-
 www/src/demos/tooltip/composition.tsx         |  10 +-
 www/src/demos/tooltip/container-padding.tsx   |   6 +-
 www/src/demos/tooltip/default.tsx             |  13 +-
 www/src/demos/tooltip/delay.tsx               |   8 +-
 www/src/demos/tooltip/flip.tsx                |   6 +-
 www/src/demos/tooltip/offset.tsx              |   6 +-
 www/src/demos/tooltip/placement.tsx           |  25 +-
 www/src/demos/tooltip/variant.tsx             |  13 +
 www/src/lib/create-dynamic-component.tsx      |  10 +-
 www/src/lib/themes.ts                         |   2 +-
 www/src/registry/core/alert-01.tsx            |   2 +-
 www/src/registry/core/color-picker.tsx        |   6 +-
 www/src/registry/core/date-picker.tsx         |   2 +-
 www/src/registry/core/date-range-picker.tsx   |   2 +-
 www/src/registry/core/dialog.tsx              | 129 ----
 www/src/registry/core/dialog_basic.tsx        | 157 ++++
 www/src/registry/core/drawer.tsx              |  17 +-
 www/src/registry/core/kbd.tsx                 |   2 +-
 www/src/registry/core/modal.tsx               |   2 +-
 www/src/registry/core/overlay.tsx             |  29 +-
 www/src/registry/core/popover.tsx             |   2 +-
 www/src/registry/core/text-area.tsx           |   5 +-
 .../{tooltip-01.tsx => tooltip_basic.tsx}     |  14 +-
 www/src/registry/core/tooltip_framer.tsx      | 174 +++++
 www/src/registry/core/use-motion-drawer.tsx   | 688 ------------------
 www/src/registry/registry-core.ts             |  21 +-
 www/src/styles/docs.css                       |  10 +-
 68 files changed, 1286 insertions(+), 1920 deletions(-)
 delete mode 100644 www/src/__registry__/core/dialog.tsx
 delete mode 100644 www/src/demos/dialog/dismiss-button.tsx
 create mode 100644 www/src/demos/drawer/placement.tsx
 create mode 100644 www/src/demos/overlay/basic.tsx
 create mode 100644 www/src/demos/tooltip/variant.tsx
 delete mode 100644 www/src/registry/core/dialog.tsx
 create mode 100644 www/src/registry/core/dialog_basic.tsx
 rename www/src/registry/core/{tooltip-01.tsx => tooltip_basic.tsx} (80%)
 create mode 100644 www/src/registry/core/tooltip_framer.tsx
 delete mode 100644 www/src/registry/core/use-motion-drawer.tsx

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d66438302..65bf0b947 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -325,7 +325,7 @@ importers:
         version: 2.6.0
       tailwind-variants:
         specifier: ^0.3.0
-        version: 0.3.0(tailwindcss@4.0.0-beta.9)
+        version: 0.3.0(tailwindcss@4.0.0)
       tsx:
         specifier: ^4.7.1
         version: 4.19.2
@@ -352,8 +352,8 @@ importers:
         specifier: workspace:*
         version: link:../packages/config/tsconfig
       '@tailwindcss/postcss':
-        specifier: 4.0.0-beta.9
-        version: 4.0.0-beta.9
+        specifier: 4.0.0
+        version: 4.0.0
       '@types/estree':
         specifier: ^1.0.6
         version: 1.0.6
@@ -379,11 +379,11 @@ importers:
         specifier: ^6.0.1
         version: 6.0.1
       tailwindcss:
-        specifier: 4.0.0-beta.9
-        version: 4.0.0-beta.9
+        specifier: 4.0.0
+        version: 4.0.0
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@4.0.0-beta.9)
+        version: 1.0.7(tailwindcss@4.0.0)
       tailwindcss-rac:
         specifier: workspace:*
         version: link:../packages/tailwindcss-rac
@@ -2776,81 +2776,81 @@ packages:
     resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==}
     engines: {node: '>=14.16'}
 
-  '@tailwindcss/node@4.0.0-beta.9':
-    resolution: {integrity: sha512-KuKNhNVU5hd2L5BkXE/twBKkMnHG4wQiHes6axhDbdcRew0/YZtvlWvMIy7QmtBWnR1lM8scPhp0RXmxK/hZdw==}
+  '@tailwindcss/node@4.0.0':
+    resolution: {integrity: sha512-tfG2uBvo6j6kDIPmntxwXggCOZAt7SkpAXJ6pTIYirNdk5FBqh/CZZ9BZPpgcl/tNFLs6zc4yghM76sqiELG9g==}
 
-  '@tailwindcss/oxide-android-arm64@4.0.0-beta.9':
-    resolution: {integrity: sha512-MiDpTfYvRozM+40mV2wh7GCxyEj7zIOtX3bRNaJgu0adxzZaKkylks46kBY8X91NV3ch6CQSf9Zlr0vi4U5qdw==}
+  '@tailwindcss/oxide-android-arm64@4.0.0':
+    resolution: {integrity: sha512-EAhjU0+FIdyGPR+7MbBWubLLPtmOu+p7c2egTTFBRk/n//zYjNvVK0WhcBK5Y7oUB5mo4EjA2mCbY7dcEMWSRw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.9':
-    resolution: {integrity: sha512-SjdLul42NElqSHO5uINXylMNDx4KjtN3iB2o5nv0dFJV119DB0rxSCswgSEfigqyMXLyOAw3dwdoJIUFiw5Sdg==}
+  '@tailwindcss/oxide-darwin-arm64@4.0.0':
+    resolution: {integrity: sha512-hdz4xnSWS11cIp+7ye+3dGHqs0X33z+BXXTtgPOguDWVa+TdXUzwxonklSzf5wlJFuot3dv5eWzhlNai0oYYQg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.9':
-    resolution: {integrity: sha512-pmAs3H+pYUxAYbz2y7Q2tIfcNVlnPiikZN0SejF7JaDROg4PhQsWWpvlzHZZvD6CuyFCRXayudG8PwpJSk29dg==}
+  '@tailwindcss/oxide-darwin-x64@4.0.0':
+    resolution: {integrity: sha512-+dOUUaXTkPKKhtUI9QtVaYg+MpmLh2CN0dHohiYXaBirEyPMkjaT0zbRgzQlNnQWjCVVXPQluIEb0OMEjSTH+Q==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.9':
-    resolution: {integrity: sha512-l39LttvdeeueMxuVNn1Z/cNK1YMWNzoIUgTsHCgF2vhY9tl4R+QcSwlviAkvw4AkiAC4El84pGBBVGswyWa8Rw==}
+  '@tailwindcss/oxide-freebsd-x64@4.0.0':
+    resolution: {integrity: sha512-CJhGDhxnrmu4SwyC62fA+wP24MhA/TZlIhRHqg1kRuIHoGoVR2uSSm1qxTxU37tSSZj8Up0q6jsBJCAP4k7rgQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.9':
-    resolution: {integrity: sha512-sISzLGpVXNqOYJTo7KcdtUWQulZnW7cqFanBNbe8tCkS1KvlIuckC3MWAihLxpLrmobKh/Wv+wB1aE08VEfCww==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0':
+    resolution: {integrity: sha512-Wy7Av0xzXfY2ujZBcYy4+7GQm25/J1iHvlQU2CfwdDCuPWfIjYzR6kggz+uVdSJyKV2s64znchBxRE8kV4uXSA==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.9':
-    resolution: {integrity: sha512-8nmeXyBchcqzQtyqjnmMxlLyxBPd+bwlnr5tDr3w6yol0z7Yrfz3T6L4QoZ4TbfhE26t6qWsUa+WQlzMJKsazg==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0':
+    resolution: {integrity: sha512-srwBo2l6pvM0swBntc1ucuhGsfFOLkqPRFQ3dWARRTfSkL1U9nAsob2MKc/n47Eva/W9pZZgMOuf7rDw8pK1Ew==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.9':
-    resolution: {integrity: sha512-x+Vr4SnZayMj5PEFHL7MczrvjK7fYuv2LvakPfXoDYnAOmjhrjX5go3I0Q65uUPWiZxGcS/y0JgAtQqgHSKU8A==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0':
+    resolution: {integrity: sha512-abhusswkduYWuezkBmgo0K0/erGq3M4Se5xP0fhc/0dKs0X/rJUYYCFWntHb3IGh3aVzdQ0SXJs93P76DbUqtw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.9':
-    resolution: {integrity: sha512-4HpvDn3k5P623exDRbo9rjEXcIuHBj3ZV9YcnWJNE9QZ2vzKXGXxCxPuShTAg25JmH8z+b2whmFsnbxDqtgKhA==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0':
+    resolution: {integrity: sha512-hGtRYIUEx377/HlU49+jvVKKwU1MDSKYSMMs0JFO2Wp7LGxk5+0j5+RBk9NFnmp/lbp32yPTgIOO5m1BmDq36A==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.9':
-    resolution: {integrity: sha512-RgJrSk7uAt5QC7ez0p0uNcd/Z0yoXuBL9VvMnZVdEMDA7dcf1/zMCcFt3p2nGsGY7q2qp0hULdBEhsRP2Gq0cw==}
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0':
+    resolution: {integrity: sha512-7xgQgSAThs0I14VAgmxpJnK6XFSZBxHMGoDXkLyYkEnu+8WRQMbCP93dkCUn2PIv+Q+JulRgc00PJ09uORSLXQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.9':
-    resolution: {integrity: sha512-FCpprAxJqDT27C2OaJTAR06+BsmHS2gW7Wu0lC9E6DwiizYP0YjSVFeYvnkluE5O2J4uVR3X2GAaqxbtG4z9Ug==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0':
+    resolution: {integrity: sha512-qEcgTIPcWY5ZE7f6VxQ/JPrSFMcehzVIlZj7sGE3mVd5YWreAT+Fl1vSP8q2pjnWXn0avZG3Iw7a2hJQAm+fTQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.9':
-    resolution: {integrity: sha512-KOf2YKFwrvFVX+RNJsYVC6tsWBxDMTX7/u4SpUepqkwVgq2yCObx/Sqt820lXuKgGJ9dKsTYF2wvMUGom7B71A==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0':
+    resolution: {integrity: sha512-bqT0AY8RXb8GMDy28JtngvqaOSB2YixbLPLvUo6I6lkvvUwA6Eqh2Tj60e2Lh7O/k083f8tYiB0WEK4wmTI7Jg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.0.0-beta.9':
-    resolution: {integrity: sha512-1bpui84CDnrjB6TI3AGR9jYUA28+VIfkrM4BH3+VXA9B80+cARtd3ON06ouA5/r/2xs4qe+T85Z1c0k5X6vLeA==}
+  '@tailwindcss/oxide@4.0.0':
+    resolution: {integrity: sha512-W3FjpJgy4VV1JiL7iBYDf2n/WkeDg1Il+0Q7eWnqPyvkPPCo/Mbwc5BiaT7dfBNV6tQKAhVE34rU5xl8pSl50w==}
     engines: {node: '>= 10'}
 
-  '@tailwindcss/postcss@4.0.0-beta.9':
-    resolution: {integrity: sha512-xXqMnXtg8K2FgrIlqSf3PPHgyAuSiGe7BJ6+6wma96s7VXArsN5UtTwDuksAedJtCymk1liTvLa2eRNrumlavA==}
+  '@tailwindcss/postcss@4.0.0':
+    resolution: {integrity: sha512-lI2bPk4TvwavHdehjr5WiC6HnZ59hacM6ySEo4RM/H7tsjWd8JpqiNW9ThH7rO/yKtrn4mGBoXshpvn8clXjPg==}
 
   '@trivago/prettier-plugin-sort-imports@4.3.0':
     resolution: {integrity: sha512-r3n0onD3BTOVUNPhR4lhVK4/pABGpbA7bW3eumZnYdKaHkf1qEC+Mag6DPbGNuuh0eG8AaYj+YqmVHSiGslaTQ==}
@@ -4690,68 +4690,68 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
-  lightningcss-darwin-arm64@1.29.0:
-    resolution: {integrity: sha512-oxLEuI5qICT1FanwPm1U3CTKl4WljMOPuSJiibE6i4GYQgzH3BNFYF/xBhuLDvbJER+wwtuhWD2ir695HUssRg==}
+  lightningcss-darwin-arm64@1.29.1:
+    resolution: {integrity: sha512-HtR5XJ5A0lvCqYAoSv2QdZZyoHNttBpa5EP9aNuzBQeKGfbyH5+UipLWvVzpP4Uml5ej4BYs5I9Lco9u1fECqw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  lightningcss-darwin-x64@1.29.0:
-    resolution: {integrity: sha512-HrD1nEhQLE7GPzlw+DlbnLBGOae+42kct1kr7BRsWpFtVRMcgAMg316ruQvM6MEbZ22og01s2GJtp4uCBu7jrw==}
+  lightningcss-darwin-x64@1.29.1:
+    resolution: {integrity: sha512-k33G9IzKUpHy/J/3+9MCO4e+PzaFblsgBjSGlpAaFikeBFm8B/CkO3cKU9oI4g+fjS2KlkLM/Bza9K/aw8wsNA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  lightningcss-freebsd-x64@1.29.0:
-    resolution: {integrity: sha512-6LSOV2BsWh9bug15Ttb40vs9QAxSM6kof10K61nRp29sGuJDDH74g9FN6UGwAKu3/9OHlARn7vTdxi6Wubrm+Q==}
+  lightningcss-freebsd-x64@1.29.1:
+    resolution: {integrity: sha512-0SUW22fv/8kln2LnIdOCmSuXnxgxVC276W5KLTwoehiO0hxkacBxjHOL5EtHD8BAXg2BvuhsJPmVMasvby3LiQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
 
-  lightningcss-linux-arm-gnueabihf@1.29.0:
-    resolution: {integrity: sha512-KvIyB4ucvLI4169RScKD/e50y6dQE2wxsaNZOW9ONHkaf1BxJ805cye/N5SBQmnKkQHNjAt2dkTvZzjWD6Xq+w==}
+  lightningcss-linux-arm-gnueabihf@1.29.1:
+    resolution: {integrity: sha512-sD32pFvlR0kDlqsOZmYqH/68SqUMPNj+0pucGxToXZi4XZgZmqeX/NkxNKCPsswAXU3UeYgDSpGhu05eAufjDg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
 
-  lightningcss-linux-arm64-gnu@1.29.0:
-    resolution: {integrity: sha512-/Ca6ZeKybaQlhseizRXumJc6cufKoLllkaF5JJW0NS+VHfFB8AoTQlDSJNiVgqmpTxJ2Rlsgkcb+G0ovsN4tHQ==}
+  lightningcss-linux-arm64-gnu@1.29.1:
+    resolution: {integrity: sha512-0+vClRIZ6mmJl/dxGuRsE197o1HDEeeRk6nzycSy2GofC2JsY4ifCRnvUWf/CUBQmlrvMzt6SMQNMSEu22csWQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-arm64-musl@1.29.0:
-    resolution: {integrity: sha512-87G89xyMaf+J2mKFjGvMcd8/pHXloN0bLIBcenPXyvFJWgZsDhNtn7eyCGZN9783DjUTdnNw5x7LE2JHIVEnrQ==}
+  lightningcss-linux-arm64-musl@1.29.1:
+    resolution: {integrity: sha512-UKMFrG4rL/uHNgelBsDwJcBqVpzNJbzsKkbI3Ja5fg00sgQnHw/VrzUTEc4jhZ+AN2BvQYz/tkHu4vt1kLuJyw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-x64-gnu@1.29.0:
-    resolution: {integrity: sha512-zy6c5unfJgBjhT7JFrY3zmtrSjKBNtKJYYfRZtgGVxZHmoWvVIkQi0Gy7AS46eURgM6cwjaSLuF5KqBGg+aV9g==}
+  lightningcss-linux-x64-gnu@1.29.1:
+    resolution: {integrity: sha512-u1S+xdODy/eEtjADqirA774y3jLcm8RPtYztwReEXoZKdzgsHYPl0s5V52Tst+GKzqjebkULT86XMSxejzfISw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-linux-x64-musl@1.29.0:
-    resolution: {integrity: sha512-1TLtr1/3Xqf/ZjWmYilSQSUOOO1gSOZmMTYHMalX0O6dLY5v0kO1muFWrueC1QEb46/7tiI2ko59a9m1S2pXqQ==}
+  lightningcss-linux-x64-musl@1.29.1:
+    resolution: {integrity: sha512-L0Tx0DtaNUTzXv0lbGCLB/c/qEADanHbu4QdcNOXLIe1i8i22rZRpbT3gpWYsCh9aSL9zFujY/WmEXIatWvXbw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-win32-arm64-msvc@1.29.0:
-    resolution: {integrity: sha512-wgdBdIl+CN7xvHbmYT7FyBfzGPY5evtD0T1LMqfBs6Zp7AhD6vv/QC5Q72Mc/0kAk+Nvta88wMVLszN3CuJ/Dw==}
+  lightningcss-win32-arm64-msvc@1.29.1:
+    resolution: {integrity: sha512-QoOVnkIEFfbW4xPi+dpdft/zAKmgLgsRHfJalEPYuJDOWf7cLQzYg0DEh8/sn737FaeMJxHZRc1oBreiwZCjog==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  lightningcss-win32-x64-msvc@1.29.0:
-    resolution: {integrity: sha512-IOZBTx84bFf/V9QmHYIyUfnonmi1NxCbhUbgQW2U7cZYijwGVpDEaX8QRPmqUMt93a2yh4IQ5SMzbZ4/gPtqkA==}
+  lightningcss-win32-x64-msvc@1.29.1:
+    resolution: {integrity: sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
 
-  lightningcss@1.29.0:
-    resolution: {integrity: sha512-4BkG0a3g6ZJ5F5iQ22lZsod0KJrIzYdbiBCMo9FgpDrxCx+uUapwkZmUVgisiZvHUj53BJGQiWWT+YXr1ZcZQQ==}
+  lightningcss@1.29.1:
+    resolution: {integrity: sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==}
     engines: {node: '>= 12.0.0'}
 
   lilconfig@2.1.0:
@@ -6155,8 +6155,8 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  tailwindcss@4.0.0-beta.9:
-    resolution: {integrity: sha512-96KpsfQi+/sFIOfyFnGzyy5pobuzf1iMBD9NVtelerPM/lPI2XUS4Kikw9yuKRniXXw77ov1sl7gCSKLsn6CJA==}
+  tailwindcss@4.0.0:
+    resolution: {integrity: sha512-ULRPI3A+e39T7pSaf1xoi58AqqJxVCLg8F/uM5A3FadUbnyDTgltVnXJvdkTjwCOGA6NazqHVcwPJC5h2vRYVQ==}
 
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
@@ -9824,67 +9824,67 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
-  '@tailwindcss/node@4.0.0-beta.9':
+  '@tailwindcss/node@4.0.0':
     dependencies:
       enhanced-resolve: 5.18.0
       jiti: 2.4.2
-      tailwindcss: 4.0.0-beta.9
+      tailwindcss: 4.0.0
 
-  '@tailwindcss/oxide-android-arm64@4.0.0-beta.9':
+  '@tailwindcss/oxide-android-arm64@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.0-beta.9':
+  '@tailwindcss/oxide-darwin-arm64@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.0.0-beta.9':
+  '@tailwindcss/oxide-darwin-x64@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.0-beta.9':
+  '@tailwindcss/oxide-freebsd-x64@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-beta.9':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-beta.9':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-beta.9':
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-beta.9':
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.0-beta.9':
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0-beta.9':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-beta.9':
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0':
     optional: true
 
-  '@tailwindcss/oxide@4.0.0-beta.9':
+  '@tailwindcss/oxide@4.0.0':
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.0.0-beta.9
-      '@tailwindcss/oxide-darwin-arm64': 4.0.0-beta.9
-      '@tailwindcss/oxide-darwin-x64': 4.0.0-beta.9
-      '@tailwindcss/oxide-freebsd-x64': 4.0.0-beta.9
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0-beta.9
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0-beta.9
-      '@tailwindcss/oxide-linux-arm64-musl': 4.0.0-beta.9
-      '@tailwindcss/oxide-linux-x64-gnu': 4.0.0-beta.9
-      '@tailwindcss/oxide-linux-x64-musl': 4.0.0-beta.9
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0-beta.9
-      '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-beta.9
-
-  '@tailwindcss/postcss@4.0.0-beta.9':
+      '@tailwindcss/oxide-android-arm64': 4.0.0
+      '@tailwindcss/oxide-darwin-arm64': 4.0.0
+      '@tailwindcss/oxide-darwin-x64': 4.0.0
+      '@tailwindcss/oxide-freebsd-x64': 4.0.0
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0
+      '@tailwindcss/oxide-linux-arm64-musl': 4.0.0
+      '@tailwindcss/oxide-linux-x64-gnu': 4.0.0
+      '@tailwindcss/oxide-linux-x64-musl': 4.0.0
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.0
+      '@tailwindcss/oxide-win32-x64-msvc': 4.0.0
+
+  '@tailwindcss/postcss@4.0.0':
     dependencies:
       '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.0.0-beta.9
-      '@tailwindcss/oxide': 4.0.0-beta.9
-      lightningcss: 1.29.0
+      '@tailwindcss/node': 4.0.0
+      '@tailwindcss/oxide': 4.0.0
+      lightningcss: 1.29.1
       postcss: 8.4.49
-      tailwindcss: 4.0.0-beta.9
+      tailwindcss: 4.0.0
 
   '@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.4.2)':
     dependencies:
@@ -12029,50 +12029,50 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
-  lightningcss-darwin-arm64@1.29.0:
+  lightningcss-darwin-arm64@1.29.1:
     optional: true
 
-  lightningcss-darwin-x64@1.29.0:
+  lightningcss-darwin-x64@1.29.1:
     optional: true
 
-  lightningcss-freebsd-x64@1.29.0:
+  lightningcss-freebsd-x64@1.29.1:
     optional: true
 
-  lightningcss-linux-arm-gnueabihf@1.29.0:
+  lightningcss-linux-arm-gnueabihf@1.29.1:
     optional: true
 
-  lightningcss-linux-arm64-gnu@1.29.0:
+  lightningcss-linux-arm64-gnu@1.29.1:
     optional: true
 
-  lightningcss-linux-arm64-musl@1.29.0:
+  lightningcss-linux-arm64-musl@1.29.1:
     optional: true
 
-  lightningcss-linux-x64-gnu@1.29.0:
+  lightningcss-linux-x64-gnu@1.29.1:
     optional: true
 
-  lightningcss-linux-x64-musl@1.29.0:
+  lightningcss-linux-x64-musl@1.29.1:
     optional: true
 
-  lightningcss-win32-arm64-msvc@1.29.0:
+  lightningcss-win32-arm64-msvc@1.29.1:
     optional: true
 
-  lightningcss-win32-x64-msvc@1.29.0:
+  lightningcss-win32-x64-msvc@1.29.1:
     optional: true
 
-  lightningcss@1.29.0:
+  lightningcss@1.29.1:
     dependencies:
       detect-libc: 1.0.3
     optionalDependencies:
-      lightningcss-darwin-arm64: 1.29.0
-      lightningcss-darwin-x64: 1.29.0
-      lightningcss-freebsd-x64: 1.29.0
-      lightningcss-linux-arm-gnueabihf: 1.29.0
-      lightningcss-linux-arm64-gnu: 1.29.0
-      lightningcss-linux-arm64-musl: 1.29.0
-      lightningcss-linux-x64-gnu: 1.29.0
-      lightningcss-linux-x64-musl: 1.29.0
-      lightningcss-win32-arm64-msvc: 1.29.0
-      lightningcss-win32-x64-msvc: 1.29.0
+      lightningcss-darwin-arm64: 1.29.1
+      lightningcss-darwin-x64: 1.29.1
+      lightningcss-freebsd-x64: 1.29.1
+      lightningcss-linux-arm-gnueabihf: 1.29.1
+      lightningcss-linux-arm64-gnu: 1.29.1
+      lightningcss-linux-arm64-musl: 1.29.1
+      lightningcss-linux-x64-gnu: 1.29.1
+      lightningcss-linux-x64-musl: 1.29.1
+      lightningcss-win32-arm64-msvc: 1.29.1
+      lightningcss-win32-x64-msvc: 1.29.1
 
   lilconfig@2.1.0: {}
 
@@ -13897,14 +13897,14 @@ snapshots:
 
   tailwind-merge@2.6.0: {}
 
-  tailwind-variants@0.3.0(tailwindcss@4.0.0-beta.9):
+  tailwind-variants@0.3.0(tailwindcss@4.0.0):
     dependencies:
       tailwind-merge: 2.6.0
-      tailwindcss: 4.0.0-beta.9
+      tailwindcss: 4.0.0
 
-  tailwindcss-animate@1.0.7(tailwindcss@4.0.0-beta.9):
+  tailwindcss-animate@1.0.7(tailwindcss@4.0.0):
     dependencies:
-      tailwindcss: 4.0.0-beta.9
+      tailwindcss: 4.0.0
 
   tailwindcss@3.4.17(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3)):
     dependencies:
@@ -13933,7 +13933,7 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
-  tailwindcss@4.0.0-beta.9: {}
+  tailwindcss@4.0.0: {}
 
   tapable@2.2.1: {}
 
diff --git a/www/content/docs/components/overlays/dialog.mdx b/www/content/docs/components/overlays/dialog.mdx
index 1e21e94b6..7796a90c6 100644
--- a/www/content/docs/components/overlays/dialog.mdx
+++ b/www/content/docs/components/overlays/dialog.mdx
@@ -1,5 +1,5 @@
 ---
-title: Dialog
+title: Dialog ☑️
 description: A dialog is an overlay shown above other content in an application.
 links:
   - label: Aria dialog docs
@@ -15,17 +15,18 @@ links:
 <ComponentPreview
   name="core/dialog/dialog-basic"
   preview={`<DialogRoot>
-    <Button variant="outline">Edit Profile</Button>
-    <Dialog title="Edit profile" description="Make changes to your profile.">
-      <TextField autoFocus label="Name" defaultValue="Mehdi" />
-      <TextField label="Username" defaultValue="@mehdibha_" />
+    <Button prefix={<PenSquareIcon />}>Create issue</Button>
+    <Dialog
+      title="Create a new issue"
+      description="Report an issue or create a feature request."
+    >
+      <DialogBody>
+        <TextField aria-label="Title" placeholder="Title" autoFocus />
+        <TextArea aria-label="Description" placeholder="description" />
+      </DialogBody>
       <DialogFooter>
-        <Button slot="close" variant="outline">
-          Cancel
-        </Button>
-        <Button slot="close" variant="primary">
-          Save changes
-        </Button>
+        <Button slot="close">Cancel</Button>
+        <Button slot="close">Save changes</Button>
       </DialogFooter>
     </Dialog>
   </DialogRoot>`}
@@ -37,44 +38,63 @@ links:
 npx dotui-cli@latest add dialog
 ```
 
-## Composition
+## Anatomy
 
-If you need to customize things further, you can drop down to the composition level.
+A dialog consists of a container element and an optional title, description and close button. It can be placed within a Modal, Popover, Drawer or an Overlay to create modal dialogs, popovers, and other types of overlays. A DialogRoot can be used to open a dialog overlay in response to a user action, e.g. clicking a button.
 
-<ComponentPreview name="core/dialog/dialog-composition" preview={``} />
+```tsx
+import { Button } from "@/components/core/button";
+import { DialogRoot, Dialog } from "@/components/core/dialog";
 
-## Options
-
-### Title
+<DialogRoot>
+  <Button>Open dialog</Button>
+  <Dialog heading=".." description="..">
+    {/* Dialog content */}
+  </Dialog>
+</DialogRoot>;
+```
 
-Dialog is labeled with a title to provide context to the user. Use the `title` prop to provide a title for the dialog.<br />
-If a dialog does not have a visible heading element, an `aria-label` or `aria-labelledby` prop must be passed instead to identify the element to assistive technology.
+```tsx
+import { Button } from "@/components/core/button";
+import {
+  DialogRoot,
+  DialogHeader
+  DialogHeading,
+  DialogDescription
+  DialogContent,
+  DialogFooter
+} from "@/components/core/dialog";
+import { Overlay } from "@/components/core/overlay";
+
+<DialogRoot>
+  <Button>Open dialog</Button>
+  <Overlay type="modal">
+    <DialogContent>
+      <DialogHeader>
+        <DialogHeading>{/* Dialog title */}</DialogHeading>
+        <DialogDescription>{/* Dialog description */}</DialogDescription>
+      </DialogHeader>
+      <DialogBody>
+      {/* Dialog content */}
+      </DialogBody>
+      <DialogFooter>
+        <Button slot="close">Cancel</Button>
+        <Button>Save changes</Button>
+      </DialogFooter>
+    </DialogContent>
+  </Overlay>
+</DialogRoot>;
+```
 
-<ComponentPreview
-  name="core/dialog/dialog-title"
-  preview={`<DialogRoot>
-    <Button variant="outline">Edit username</Button>
-    <Dialog title="Edit username">
-      <TextField label="Username" defaultValue="@mehdibha_" className="w-full" />
-    </Dialog>
-  </DialogRoot>`}
-/>
+## Usage
 
-### Description
+Use dialog to grab the user's attention for critical tasks, like confirming actions, providing additional details, or capturing input, without navigating away from the current view.
 
-A description can be supplied to the dialog via the `description` prop.
+### Best practices
 
-<ComponentPreview
-  name="core/dialog/dialog-description"
-  preview={`<DialogRoot>
-    <Button variant="outline">Edit username</Button>
-    <Dialog title="Edit username" description="Make changes to your username.">
-      <TextField label="Username" defaultValue="@mehdibha_" className="w-full" />
-    </Dialog>
-  </DialogRoot>`}
-/>
+- If a dialog does not have a visible heading element, an `aria-label` or `aria-labelledby` prop must be passed instead to identify the element to assistive technology.
 
-### Type
+## Type
 
 Dialogs can be rendered as modals, popovers, or drawers using the `type` prop.
 By default, dialogs are displayed as drawers on mobile. You can override this behavior by setting the `mobileType` prop.
@@ -82,154 +102,107 @@ By default, dialogs are displayed as drawers on mobile. You can override this be
 <ComponentPreview
   name="core/dialog/dialog-types"
   preview={`<DialogRoot>
-    <Button variant="outline">Edit username</Button>
-    <Dialog title="Edit username">
-      {({ close }) => (
-        <>
-          <div className="space-y-4">
-            <TextField autoFocus label="Name" defaultValue="Mehdi" className="w-full" />
-            <TextField label="Username" defaultValue="@mehdibha_" className="w-full" />
-          </div>
-          <DialogFooter>
-            <Button variant="outline" size={{ initial: "lg", sm: "md" }} onPress={close}>
-              Cancel
-            </Button>
-            <Button variant="primary" size={{ initial: "lg", sm: "md" }} onPress={close}>
-              Save changes
-            </Button>
-          </DialogFooter>
-        </>
-      )}
+    <Button>Create issue</Button>
+    <Dialog type={type} mobileType={mobileType}>  {/* "modal", "popover", "drawer" */}
+      {/* Dialog content */}
     </Dialog>
   </DialogRoot>`}
 />
 
-### Dismissable
+## Alert Dialog
 
-By default, dialogs are dismissable allowing users to click outside to close the dialog. You can disable this behavior by setting the `isDismissable` prop.
+Use the `role="alertdialog"` prop on the `<Dialog>` element to make an alert dialog.
+If the `isDismissable` prop is not explicitly set, the dialog will be not dismissable.
 
 <ComponentPreview
-  name="core/dialog/dialog-dismissable"
+  name="core/dialog/dialog-alert-dialog"
   preview={`<DialogRoot>
-    <Button variant="outline">Edit Profile</Button>
-    <Dialog
-      title="Edit profile"
-      description="Make changes to your profile."
-      isDismissable={false}
-    >
-      {({ close }) => (
-        <>
-          <div className="space-y-4">
-            <TextField autoFocus label="Name" defaultValue="Mehdi" className="w-full" />
-            <TextField label="Username" defaultValue="@mehdibha_" className="w-full" />
-          </div>
-          <DialogFooter>
-            <Button variant="outline" size={{ initial: "lg", sm: "md" }} onPress={close}>
-              Cancel
-            </Button>
-            <Button variant="primary" size={{ initial: "lg", sm: "md" }} onPress={close}>
-              Save changes
-            </Button>
-          </DialogFooter>
-        </>
-      )}
+    <Button>Delete project</Button>
+    <Dialog role="alertdialog">
+      {/* Dialog content */}
     </Dialog>
   </DialogRoot>`}
 />
 
-### Dismiss button
+## Dismissable
 
-By default, dialogs have a dismiss button when they're dismissable. You can disable this behavior by setting `showDismissButton` prop.
+Dialogs are dismissable by default (except alert dialogs) allowing users to click outside to close the dialog.
 
 <ComponentPreview
-  name="core/dialog/dialog-dismiss-button"
+  name="core/dialog/dialog-dismissable"
   preview={`<DialogRoot>
-    <Button variant="outline">Edit Profile</Button>
-    <Dialog
-      title="Edit profile"
-      description="Make changes to your profile."
-      showDismissButton={false}
-    >
-      {({ close }) => (
-        <>
-          <div className="space-y-4">
-            <TextField autoFocus label="Name" defaultValue="Mehdi" className="w-full" />
-            <TextField label="Username" defaultValue="@mehdibha_" className="w-full" />
-          </div>
-          <DialogFooter>
-            <Button variant="outline" size={{ initial: "lg", sm: "md" }} onPress={close}>
-              Cancel
-            </Button>
-            <Button variant="primary" size={{ initial: "lg", sm: "md" }} onPress={close}>
-              Save changes
-            </Button>
-          </DialogFooter>
-        </>
-      )}
+    <Button>Create issue</Button>
+    <Dialog isDismissable={isDismissable}>
+      {/* Dialog content */}
     </Dialog>
   </DialogRoot>`}
 />
 
-### Inset content
+## Inset content
 
-Use the `<DialogInset>` component to add inset content to the dialog.
+Use the `DialogInset` component to add inset content to the dialog.
 
 <ComponentPreview
   name="core/dialog/dialog-inset-content"
   preview={`<DialogRoot>
-    <Button variant="outline">Edit Profile</Button>
-    <Dialog title="Edit profile" description="Make changes to your profile.">
-      {({ close }) => (
-        <>
-          <DialogInset className="mb-4 bg-bg-muted border-y">Content within the inset.</DialogInset>
-          <div className="space-y-4">
-            <TextField autoFocus label="Name" defaultValue="Mehdi" className="w-full" />
-            <TextField label="Username" defaultValue="@mehdibha_" className="w-full" />
-          </div>
-          <DialogFooter>
-            <Button variant="outline" size={{ initial: "lg", sm: "md" }} onPress={close}>
-              Cancel
-            </Button>
-            <Button variant="primary" size={{ initial: "lg", sm: "md" }} onPress={close}>
-              Save changes
-            </Button>
-          </DialogFooter>
-        </>
-      )}
+    <Button>Create issue</Button>
+    <Dialog title=".." description="..">
+      <DialogBody>
+        <DialogInset>
+          Content within the inset.
+        </DialogInset>
+        <p className="mt-4">Content outside the inset.</p>
+      </DialogBody>
+      {/* Dialog footer */}
     </Dialog>
   </DialogRoot>`}
 />
 
-## Popover
-
-Use the `type="popover"` prop on the `<Dialog>` element to make a popover dialog.
-
-<ComponentPreview name="core/dialog/dialog-popover" preview={``} />
-
-## Drawer
-
-Use the `type="drawer"` prop on the `<Dialog>` element to make a drawer dialog.
-
-<ComponentPreview name="core/dialog/dialog-drawer" preview={``} />
-
-## Alert Dialog
-
-Use the `role="alertdialog"` prop on the `<Dialog>` element to make an alert dialog.
-If the `isDismissable` prop is not explicitly set, the dialog will be not dismissable.
-
-<ComponentPreview name="core/dialog/dialog-alert-dialog" preview={``} />
-
 ## Controlled
 
 Use the `isOpen` and `onOpenChange` props to control the dialog's open state.
 
-<ComponentPreview name="core/dialog/dialog-controlled" preview={``} />
+<ComponentPreview
+  name="core/dialog/dialog-controlled"
+  preview={`const [isOpen, setOpen] = React.useState(false);
+  return (
+    <DialogRoot isOpen={isOpen} onOpenChange={setOpen}>
+      <Button>Open dialog</Button>
+      <Dialog title="This is a heading" description="this is a description">
+        content here
+      </Dialog>
+    </DialogRoot>
+  );`}
+/>
 
 ## Composition
 
 If you need to customize things further, you can drop down to the composition level.
 
-<ComponentPreview name="core/dialog/dialog-composition" preview={``} />
+<ComponentPreview
+  name="core/dialog/dialog-composition"
+  preview={`<DialogRoot>
+    <Button>Create issue</Button>
+    <Overlay>
+      <DialogContent>
+        <DialogHeader>
+          <DialogHeading>Create a new issue</DialogHeading>
+          <DialogDescription>
+            Report an issue or create a feature request.
+          </DialogDescription>
+        </DialogHeader>
+        <DialogBody>
+          <TextField aria-label="Title" placeholder="Title" autoFocus />
+          <TextArea aria-label="Description" placeholder="description" />
+        </DialogBody>
+        <DialogFooter>
+          <Button>Cancel</Button>
+          <Button>Save changes</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Overlay>
+  </DialogRoot>`}
+/>
 
 ## Examples
 
@@ -256,17 +229,34 @@ Dialogs support nesting, allowing you to open a dialog from within another dialo
 | `isOpen`      | `boolean`   | -       | Whether the overlay is open by default (controlled).   |
 | `defaultOpen` | `boolean`   | -       | Whether the overlay is open by default (uncontrolled). |
 
+### Dialog
+
+| Prop                           | Type                                | Default    | Description                                                                                                                                                                                                                                                                                                     |
+| ------------------------------ | ----------------------------------- | ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `type`                         | `'modal' \|'drawer' \|'popover' \|` | `'modal'`  | The type of the overlay.                                                                                                                                                                                                                                                                                        |
+| `mobileType`                   | `'modal' \|'drawer' \|'popover' \|` | `'drawer'` | The mobile type of the overlay.                                                                                                                                                                                                                                                                                 |
+| `isKeyboardDismissDisabled`    | `boolean`                           | `false`    | Whether pressing the escape key to close the dialog should be disabled.                                                                                                                                                                                                                                         |
+| `shouldCloseOnInteractOutside` | `(element: Element) => boolean`     | -          | When user interacts with the argument element outside of the overlay ref, return `true` if `onClose` should be called. This gives you a chance to filter out interaction with elements that should not dismiss the overlay. By default, `onClose` will always be called on interaction outside the overlay ref. |
+| `isOpen`                       | `boolean`                           | -          | Whether the overlay is open by default (controlled).                                                                                                                                                                                                                                                            |
+| `defaultOpen`                  | `boolean`                           | -          | Whether the overlay is open by default (uncontrolled).                                                                                                                                                                                                                                                          |
+| `modalProps`                   | `ModalProps`                        | -          | Props applied to the Modal element. [See ModalProps](/docs/components/overlays/modal#api-reference)                                                                                                                                                                                                                 |
+| `drawerProps`                  | `DrawerProps`                       | -          | Props applied to the Drawer element. [See DrawerProps](/docs/components/overlays/drawer#api-reference)                                                                                                                                                                                                                |
+| `popoverProps`                 | `PopoverProps`                      | -          | Props applied to the Popover element. [See PopoverProps](/docs/components/overlays/popover#api-reference)                                                                                                                                                                                                                |
+| `className`                    | `string`                            | -          | The CSS className for the element.                                                                                                                                                                                                                                                                              |
+| `style`                        | `CSSProperties`                     | -          | The inline style for the element.                                                                                                                                                                                                                                                                               |
+
 | Event          | Type                        | Description                                                   |
 | -------------- | --------------------------- | ------------------------------------------------------------- |
 | `onOpenChange` | `(isOpen: boolean) => void` | Handler that is called when the overlay's open state changes. |
 
-### Dialog
-
-| Prop        | Type                                                  | Default | Description                                                                                  |
-| ----------- | ----------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------- |
-| `children`  | `ReactNode \| (opts: DialogRenderProps) => ReactNode` | -       | Children of the dialog. A function may be provided to access a function to close the dialog. |
-| `className` | `string`                                              | -       | The CSS className for the element.                                                           |
-| `style`     | `CSSProperties`                                       | -       | The inline style for the element.                                                            |
+| Prop               | Type                        | Default    | Description                                                                                                         |
+| ------------------ | --------------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------- |
+| `role`             | `'dialog' \| 'alertdialog'` | `'dialog'` | The accessibility role for the dialog.                                                                              |
+| `id`               | `string`                    | -          | The element's unique identifier. [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). |
+| `aria-label`       | `string`                    | -          | Defines a string value that labels the current element.                                                             |
+| `aria-labelledby`  | `string`                    | -          | Identifies the element (or elements) that labels the current element.                                               |
+| `aria-describedby` | `string`                    | -          | Identifies the element (or elements) that describes the object.                                                     |
+| `aria-details`     | `string`                    | -          | Identifies the element (or elements) that provide a detailed, extended description for the object.                  |
 
 ## Accessibility
 
diff --git a/www/content/docs/components/overlays/drawer.mdx b/www/content/docs/components/overlays/drawer.mdx
index cdba8efa5..415e76072 100644
--- a/www/content/docs/components/overlays/drawer.mdx
+++ b/www/content/docs/components/overlays/drawer.mdx
@@ -10,14 +10,21 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/drawer.mdx?plain=1
 ---
 
-<Alert>
-  <span className="font-bold">Note:</span>{" "}
-  {
-    "Drawer only provides the overlay itself. It should be combined with Dialog to create fully accessible drawer dialogs. Other overlays such as menus may also be placed in a drawer overlay."
-  }
-</Alert>
+{/* prettier-ignore-start */}
 
-<ComponentPreview name="core/drawer/drawer-basic" />
+<Alert><span className="font-bold">Note:</span> Drawer only provides the overlay itself. It should be combined with Dialog to create fully accessible drawer dialogs. <Link href="/docs/components/overlays/dialog">See dialog</Link> component instead.</Alert>
+
+{/* prettier-ignore-end */}
+
+<ComponentPreview
+  name="core/drawer/drawer-basic"
+  preview={`<DialogRoot>
+    <Button>Open drawer</Button>
+    <Drawer>
+      <DialogContent>Drawer content</DialogContent>
+    </Drawer>
+  </DialogRoot>`}
+/>
 
 ## Installation
 
@@ -25,27 +32,32 @@ links:
 npx dotui-cli@latest add drawer
 ```
 
-## Anatomy
+## Placement
 
-A drawer consists of an overlay container element, and an underlay. The overlay may contain a Dialog, or another element such as a Menu or ListBox when used within a component such as a Select or Combobox.
+The drawer can be placed on any edge of the screen using the `placement` prop: `'bottom'`, `'top'`, `'right'`, or `'left'`.
 
-```tsx
-import { Button } from "@/components/core/button";
-import { DialogRoot, DialogContent } from "@/components/core/dialog";
-import { Drawer } from "@/components/core/drawer";
-
-<DialogRoot>
-  <Button>Open drawer</Button>
-  <Drawer>
-    <DialogContent>{/* Content */}</DialogContent>
-  </Drawer>
-</DialogRoot>;
-```
+<ComponentPreview
+  name="core/drawer/drawer-placement"
+  preview={`<DialogRoot>
+    <Button>Open drawer</Button>
+    <Drawer placement={placement}>
+      <DialogContent>Drawer content</DialogContent>
+    </Drawer>
+  </DialogRoot>`}
+/>
 
 ## API Reference
 
-| Prop        | Type                                                                                                        | Default | Description                                                                                                  |
-| ----------- | ----------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------ |
-| `children`  | `ReactNode \| (opts: ModalRenderProps) => ReactNode`                                                        | -       | The children of the component. A function may be provided to alter the children based on component state.    |
-| `className` | `string \| (values: ModalRenderProps & {defaultClassName: string \| undefined}) => string`                  | -       | The CSS className for the element. A function may be provided to compute the class based on component state. |
-| `style`     | `CSSProperties \| (values: ModalRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -       | The inline style for the element. A function may be provided to compute the style based on component state.  |
+| Prop                           | Type                                           | Default         | Description                                                                                                                                                                                                                                                                                                     |
+| ------------------------------ | ---------------------------------------------- | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `placement`                    | `'bottom'` \| `'top'` \| `'right'` \| `'left'` | -               | The drawer placement                                                                                                                                                                                                                                                                                            |
+| `isOpen`                       | `boolean`                                      | -               | Whether the overlay is open by default (controlled).                                                                                                                                                                                                                                                            |
+| `defaultOpen`                  | `boolean`                                      | -               | Whether the overlay is open by default (uncontrolled).                                                                                                                                                                                                                                                          |
+| `isDismissable`                | `boolean`                                      | `false`         | Whether to close the modal when the user interacts outside it.                                                                                                                                                                                                                                                  |
+| `UNSTABLE_portalContainer`     | `Element`                                      | `document.body` | The container element in which the overlay portal will be placed. This may have unknown behavior depending on where it is portalled to.                                                                                                                                                                         |
+| `isKeyboardDismissDisabled`    | `boolean`                                      | `false`         | Whether pressing the escape key to close the dialog should be disabled.                                                                                                                                                                                                                                         |
+| `shouldCloseOnInteractOutside` | `(element: Element) => boolean`                | -               | When user interacts with the argument element outside of the overlay ref, return `true` if `onClose` should be called. This gives you a chance to filter out interaction with elements that should not dismiss the overlay. By default, `onClose` will always be called on interaction outside the overlay ref. |
+
+| Event          | Type                        | Description                                                   |
+| -------------- | --------------------------- | ------------------------------------------------------------- |
+| `onOpenChange` | `(isOpen: boolean) => void` | Handler that is called when the overlay's open state changes. |
diff --git a/www/content/docs/components/overlays/modal.mdx b/www/content/docs/components/overlays/modal.mdx
index 033454407..7e3ac61d7 100644
--- a/www/content/docs/components/overlays/modal.mdx
+++ b/www/content/docs/components/overlays/modal.mdx
@@ -10,14 +10,21 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/modal.mdx?plain=1
 ---
 
-<Alert>
-  <span className="font-bold">Note:</span>{" "}
-  {
-    "Modal only provides the overlay itself. It should be combined with Dialog to create fully accessible modal dialogs. Other overlays such as menus may also be placed in a modal overlay."
-  }
-</Alert>
+{/* prettier-ignore-start */}
 
-<ComponentPreview name="core/modal/modal-basic" />
+<Alert><span className="font-bold">Note:</span> Modal only provides the overlay itself. It should be combined with Dialog to create fully accessible modal dialogs. <Link href="/docs/components/overlays/dialog">See dialog</Link> component instead.</Alert>
+
+{/* prettier-ignore-end */}
+
+<ComponentPreview
+  name="core/modal/modal-basic"
+  preview={`<DialogRoot>
+    <Button>Open modal</Button>
+    <Modal>
+      <DialogContent>modal content</DialogContent>
+    </Modal>
+  </DialogRoot>`}
+/>
 
 ## Installation
 
@@ -25,29 +32,20 @@ links:
 npx dotui-cli@latest add modal
 ```
 
-## Anatomy
-
-A modal consists of an overlay container element, and an underlay. The overlay may contain a Dialog, or another element such as a Menu or ListBox when used within a component such as a Select or Combobox.
-
-```tsx
-import { Button } from "@/components/core/button";
-import { DialogRoot, DialogContent } from "@/components/core/dialog";
-import { ModalUnderlay, ModalOverlay } from "@/components/core/modal";
-
-<DialogRoot>
-  <Button>Open Modal</Button>
-  <ModalUnderlay>
-    <ModalOverlay>
-      <DialogContent>{/* Content */}</DialogContent>
-    </ModalOverlay>
-  </ModalUnderlay>
-</DialogRoot>;
-```
-
 ## API Reference
 
-| Prop        | Type                                                                                                        | Default | Description                                                                                                  |
-| ----------- | ----------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------ |
-| `children`  | `ReactNode \| (opts: ModalRenderProps) => ReactNode`                                                        | -       | The children of the component. A function may be provided to alter the children based on component state.    |
-| `className` | `string \| (values: ModalRenderProps & {defaultClassName: string \| undefined}) => string`                  | -       | The CSS className for the element. A function may be provided to compute the class based on component state. |
-| `style`     | `CSSProperties \| (values: ModalRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -       | The inline style for the element. A function may be provided to compute the style based on component state.  |
+| Prop                           | Type                                                                                                        | Default         | Description                                                                                                                                                                                                                                                                                                     |
+| ------------------------------ | ----------------------------------------------------------------------------------------------------------- | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `isOpen`                       | `boolean`                                                                                                   | -               | Whether the overlay is open by default (controlled).                                                                                                                                                                                                                                                            |
+| `defaultOpen`                  | `boolean`                                                                                                   | -               | Whether the overlay is open by default (uncontrolled).                                                                                                                                                                                                                                                          |
+| `isDismissable`                | `boolean`                                                                                                   | `false`         | Whether to close the modal when the user interacts outside it.                                                                                                                                                                                                                                                  |
+| `UNSTABLE_portalContainer`     | `Element`                                                                                                   | `document.body` | The container element in which the overlay portal will be placed. This may have unknown behavior depending on where it is portalled to.                                                                                                                                                                         |
+| `isKeyboardDismissDisabled`    | `boolean`                                                                                                   | `false`         | Whether pressing the escape key to close the dialog should be disabled.                                                                                                                                                                                                                                         |
+| `shouldCloseOnInteractOutside` | `(element: Element) => boolean`                                                                             | -               | When user interacts with the argument element outside of the overlay ref, return `true` if `onClose` should be called. This gives you a chance to filter out interaction with elements that should not dismiss the overlay. By default, `onClose` will always be called on interaction outside the overlay ref. |
+| `children`                     | `ReactNode \| (opts: ModalRenderProps) => ReactNode`                                                        | -               | The children of the component. A function may be provided to alter the children based on component state.                                                                                                                                                                                                       |
+| `className`                    | `string \| (values: ModalRenderProps & {defaultClassName: string \| undefined}) => string`                  | -               | The CSS className for the element. A function may be provided to compute the class based on component state.                                                                                                                                                                                                    |
+| `style`                        | `CSSProperties \| (values: ModalRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -               | The inline style for the element. A function may be provided to compute the style based on component state.                                                                                                                                                                                                     |
+
+| Event          | Type                        | Description                                                   |
+| -------------- | --------------------------- | ------------------------------------------------------------- |
+| `onOpenChange` | `(isOpen: boolean) => void` | Handler that is called when the overlay's open state changes. |
diff --git a/www/content/docs/components/overlays/overlay.mdx b/www/content/docs/components/overlays/overlay.mdx
index c7388caeb..921496d9a 100644
--- a/www/content/docs/components/overlays/overlay.mdx
+++ b/www/content/docs/components/overlays/overlay.mdx
@@ -8,7 +8,21 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/overlay.mdx?plain=1
 ---
 
-<ComponentPreview name="core/drawer/overlay-type" />
+{/* prettier-ignore-start */}
+
+<Alert><span className="font-bold">Note:</span> Overlay only provides the overlay itself. It should be combined with Dialog to create fully accessible dialogs. <Link href="/docs/components/overlays/dialog">See dialog</Link> component instead.</Alert>
+
+{/* prettier-ignore-end */}
+
+<ComponentPreview
+  name="core/drawer/overlay-basic"
+  preview={`<DialogRoot>
+    <Button>Open overlay</Button>
+    <Overlay>
+      <DialogContent>some content</DialogContent>
+    </Overlay>
+  </DialogRoot>`}
+/>
 
 ## Installation
 
@@ -16,27 +30,38 @@ links:
 npx dotui-cli@latest add overlay
 ```
 
-## Anatomy
+## Overlay type
 
-An overlay consists of an overlay container element, and an underlay. The overlay may contain a Dialog, or another element such as a Menu or ListBox when used within a component such as a Select or Combobox.
+Overlay can be rendered as modal, popover, or drawer using the `type` prop. You can set a different type for mobile view with the `mobileType` prop.
 
-```tsx
-import { Button } from "@/components/core/button";
-import { DialogRoot, DialogContent } from "@/components/core/dialog";
-import { Overlay } from "@/components/core/drawer";
-
-<DialogRoot>
-  <Button>Open Overlay</Button>
-  <Overlay type="modal" mobileType="drawer">
-    <DialogContent>{/* Content */}</DialogContent>
-  </Overlay>
-</DialogRoot>;
-```
+<ComponentPreview
+  name="core/drawer/overlay-type"
+  preview={`<DialogRoot>
+    <Button>Create issue</Button>
+    <Overlay type={type} mobileType={mobileType}>
+      <DialogContent>
+        {/* Dialog content */}
+      </DialogContent>
+    </Overlay>
+  </DialogRoot>`}
+/>
 
 ## API Reference
 
-| Prop        | Type                                                                                                        | Default | Description                                                                                                  |
-| ----------- | ----------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------ |
-| `children`  | `ReactNode \| (opts: ModalRenderProps) => ReactNode`                                                        | -       | The children of the component. A function may be provided to alter the children based on component state.    |
-| `className` | `string \| (values: ModalRenderProps & {defaultClassName: string \| undefined}) => string`                  | -       | The CSS className for the element. A function may be provided to compute the class based on component state. |
-| `style`     | `CSSProperties \| (values: ModalRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -       | The inline style for the element. A function may be provided to compute the style based on component state.  |
+| Prop                           | Type                                | Default         | Description                                                                                                                                                                                                                                                                                                     |
+| ------------------------------ | ----------------------------------- | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `type`                         | `'modal' \|'drawer' \|'popover' \|` | `'modal'`       | The type of the overlay.                                                                                                                                                                                                                                                                                        |
+| `mobileType`                   | `'modal' \|'drawer' \|'popover' \|` | `'drawer'`      | The mobile type of the overlay.                                                                                                                                                                                                                                                                                 |
+| `isOpen`                       | `boolean`                           | -               | Whether the overlay is open by default (controlled).                                                                                                                                                                                                                                                            |
+| `defaultOpen`                  | `boolean`                           | -               | Whether the overlay is open by default (uncontrolled).                                                                                                                                                                                                                                                          |
+| `isDismissable`                | `boolean`                           | `false`         | Whether to close the modal when the user interacts outside it.                                                                                                                                                                                                                                                  |
+| `UNSTABLE_portalContainer`     | `Element`                           | `document.body` | The container element in which the overlay portal will be placed. This may have unknown behavior depending on where it is portalled to.                                                                                                                                                                         |
+| `isKeyboardDismissDisabled`    | `boolean`                           | `false`         | Whether pressing the escape key to close the dialog should be disabled.                                                                                                                                                                                                                                         |
+| `shouldCloseOnInteractOutside` | `(element: Element) => boolean`     | -               | When user interacts with the argument element outside of the overlay ref, return `true` if `onClose` should be called. This gives you a chance to filter out interaction with elements that should not dismiss the overlay. By default, `onClose` will always be called on interaction outside the overlay ref. |
+| `modalProps`                   | `ModalProps`                        | -               | Props applied to the Modal element. [See ModalProps](/docs/components/overlays/modal#api-reference)                                                                                                                                                                                                             |
+| `drawerProps`                  | `DrawerProps`                       | -               | Props applied to the Drawer element. [See DrawerProps](/docs/components/overlays/drawer#api-reference)                                                                                                                                                                                                          |
+| `popoverProps`                 | `PopoverProps`                      | -               | Props applied to the Popover element. [See PopoverProps](/docs/components/overlays/popover#api-reference)                                                                                                                                                                                                       |
+
+| Event          | Type                        | Description                                                   |
+| -------------- | --------------------------- | ------------------------------------------------------------- |
+| `onOpenChange` | `(isOpen: boolean) => void` | Handler that is called when the overlay's open state changes. |
diff --git a/www/content/docs/components/overlays/popover.mdx b/www/content/docs/components/overlays/popover.mdx
index c73c84ee6..606c8bb6a 100644
--- a/www/content/docs/components/overlays/popover.mdx
+++ b/www/content/docs/components/overlays/popover.mdx
@@ -25,27 +25,25 @@ links:
 npx dotui-cli@latest add popover
 ```
 
-## Anatomy
-
-A popover consists of a trigger element (e.g. button) and an overlay, which is positioned relative to the trigger. The overlay may contain a Dialog, or another element such as a Menu or ListBox when used within a component such as a Select or ComboBox.
-
-```tsx
-import { Button } from "@/components/core/button";
-import { DialogRoot, DialogContent } from "@/components/core/dialog";
-import { Popover } from "@/components/core/popover";
-
-<DialogRoot>
-  <Button>Open Popover</Button>
-  <Popover>
-    <DialogContent>{/* Content */}</DialogContent>
-  </Popover>
-</DialogRoot>;
-```
-
 ## API Reference
 
-| Prop        | Type                                                                                                          | Default | Description                                                                                                  |
-| ----------- | ------------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------ |
-| `children`  | `ReactNode \| (opts: PopoverRenderProps) => ReactNode`                                                        | -       | The children of the component. A function may be provided to alter the children based on component state.    |
-| `className` | `string \| (values: PopoverRenderProps & {defaultClassName: string \| undefined}) => string`                  | -       | The CSS className for the element. A function may be provided to compute the class based on component state. |
-| `style`     | `CSSProperties \| (values: PopoverRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -       | The inline style for the element. A function may be provided to compute the style based on component state.  |
+| Prop                           | Type                                                                                                                                                                                                                                                                                                                     | Default         | Description                                                                                                                                                                                                                                                                                                     |
+| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `placement`                    | `'bottom' \| 'bottom left' \| 'bottom right' \| 'bottom start' \| 'bottom end' \| 'top' \| 'top left' \| 'top right' \| 'top start' \| 'top end' \| 'left' \| 'left top' \| 'left bottom' \| 'start' \| 'start top' \| 'start bottom' \| 'right' \| 'right top' \| 'right bottom' \| 'end' \| 'end top' \| 'end bottom'` | `'bottom'`      | The placement of the element with respect to its anchor element.                                                                                                                                                                                                                                                |
+| `offset`                       | `number`                                                                                                                                                                                                                                                                                                                 | `8`             | The additional offset applied along the main axis between the element and its anchor element.                                                                                                                                                                                                                   |
+| `crossOffset`                  | `number`                                                                                                                                                                                                                                                                                                                 | `0`             | The additional offset applied along the cross axis between the element and its anchor element.                                                                                                                                                                                                                  |
+| `containerPadding`             | `number`                                                                                                                                                                                                                                                                                                                 | `12`            | The placement padding that should be applied between the element and its surrounding container.                                                                                                                                                                                                                 |
+| `shouldFlip`                   | `boolean`                                                                                                                                                                                                                                                                                                                | `true`          | Whether the element should flip its orientation (e.g. top to bottom or left to right) when there is insufficient room for it to render completely.                                                                                                                                                              |
+| `isOpen`                       | `boolean`                                                                                                                                                                                                                                                                                                                | -               | Whether the overlay is open by default (controlled).                                                                                                                                                                                                                                                            |
+| `defaultOpen`                  | `boolean`                                                                                                                                                                                                                                                                                                                | -               | Whether the overlay is open by default (uncontrolled).                                                                                                                                                                                                                                                          |
+| `isDismissable`                | `boolean`                                                                                                                                                                                                                                                                                                                | `false`         | Whether to close the modal when the user interacts outside it.                                                                                                                                                                                                                                                  |
+| `UNSTABLE_portalContainer`     | `Element`                                                                                                                                                                                                                                                                                                                | `document.body` | The container element in which the overlay portal will be placed. This may have unknown behavior depending on where it is portalled to.                                                                                                                                                                         |
+| `isKeyboardDismissDisabled`    | `boolean`                                                                                                                                                                                                                                                                                                                | `false`         | Whether pressing the escape key to close the dialog should be disabled.                                                                                                                                                                                                                                         |
+| `shouldCloseOnInteractOutside` | `(element: Element) => boolean`                                                                                                                                                                                                                                                                                          | -               | When user interacts with the argument element outside of the overlay ref, return `true` if `onClose` should be called. This gives you a chance to filter out interaction with elements that should not dismiss the overlay. By default, `onClose` will always be called on interaction outside the overlay ref. |
+| `children`                     | `ReactNode \| (opts: PopoverRenderProps) => ReactNode`                                                                                                                                                                                                                                                                   | -               | The children of the component. A function may be provided to alter the children based on component state.                                                                                                                                                                                                       |
+| `className`                    | `string \| (values: PopoverRenderProps & {defaultClassName: string \| undefined}) => string`                                                                                                                                                                                                                             | -               | The CSS className for the element. A function may be provided to compute the class based on component state.                                                                                                                                                                                                    |
+| `style`                        | `CSSProperties \| (values: PopoverRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined`                                                                                                                                                                                                            | -               | The inline style for the element. A function may be provided to compute the style based on component state.                                                                                                                                                                                                     |
+
+| Event          | Type                        | Description                                                   |
+| -------------- | --------------------------- | ------------------------------------------------------------- |
+| `onOpenChange` | `(isOpen: boolean) => void` | Handler that is called when the overlay's open state changes. |
diff --git a/www/content/docs/components/overlays/tooltip.mdx b/www/content/docs/components/overlays/tooltip.mdx
index 469d93862..5c030a732 100644
--- a/www/content/docs/components/overlays/tooltip.mdx
+++ b/www/content/docs/components/overlays/tooltip.mdx
@@ -1,11 +1,9 @@
 ---
-title: Tooltip
+title: Tooltip ☑️
 description: Tooltip displays a description of an element on hover or focus.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Tooltip.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Tooltip.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -14,8 +12,10 @@ links:
 
 <ComponentPreview
   name="core/tooltip/tooltip-default"
-  preview={`<Tooltip content="Add to library">
-    <Button><PlusIcon /></Button>
+  preview={`<Tooltip content={<span>Create new issue <Kbd>C</Kbd></span>}>
+    <Button shape="square">
+      <SquarePenIcon />
+    </Button>
   </Tooltip>`}
 />
 
@@ -25,6 +25,31 @@ links:
 npx dotui-cli@latest add tooltip
 ```
 
+## Anatomy
+
+```tsx
+import { Tooltip } from "@/components/core/tooltip";
+
+<Tooltip content="Edit">
+  <Button>
+    <EditIcon />
+  </Button>
+</Tooltip>;
+```
+
+```tsx
+import { TooltipRoot, TooltipContent } from "@/components/core/tooltip";
+
+<TooltipRoot>
+  <Button>
+    <EditIcon />
+  </Button>
+  <TooltipContent>
+    <p>Edit</p>
+  </TooltipContent>
+</TooltipRoot>;
+```
+
 ## Usage
 
 Use `Tooltip` to display a description of an element on hover or focus.
@@ -34,43 +59,59 @@ Use `Tooltip` to display a description of an element on hover or focus.
 - Use tooltips to describe icons (e.g., icon buttons).
 - Keep the tooltip text minimal.
 - Never include tooltips on non-interactive components (div, span, p) because it will not be accessible for keyboard or screen reader users.
-- Don't place actions inside a tooltip
+- Don't place actions inside a tooltip (use Popover instead)
 
-## Composition
+## Options
 
-For more flexibility, you can drop down to the composition level.
+### Variant
+
+Use the `variant` prop to change the appearance of the tooltip.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-composition"
-  preview={`<TooltipRoot>
-    <Button>Hover</Button>
-    <TooltipContent>
-      <p>Add to library</p>
-    </TooltipContent>
-  </TooltipRoot>`}
+  name="core/tooltip/tooltip-variant"
+  preview={`<Tooltip variant="inverse" content="Create new issue">
+    <Button shape="square">
+      <SquarePenIcon />
+    </Button>
+  </Tooltip>`}
 />
 
-## Options
+### Placement
 
-### Arrow
+The Tooltip's placement with respect to its trigger element can be adjusted using the `placement` prop. See the props table for a full list of available placement combinations.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-arrow"
-  preview={`<Tooltip content="Add to library" arrow>
-    <Button><PlusIcon /></Button>
+  name="core/tooltip/tooltip-placement"
+  preview={`<Tooltip placement="top" content="Create new issue"><Button /></Tooltip>
+<Tooltip placement="bottom" content="Create new issue"><Button /></Tooltip>
+<Tooltip placement="left" content="Create new issue"><Button /></Tooltip>
+<Tooltip placement="right" content="Create new issue"><Button /></Tooltip>`}
+/>
+
+### Delay
+
+The delay duration (the time from when the mouse enters a tooltip trigger until the tooltip opens) and the close delay can be customised.
+
+<ComponentPreview
+  name="core/tooltip/tooltip-delay"
+  preview={`<Tooltip delay={delay} closeDelay={closeDelay} content="Create new issue">
+    <Button>
+      <PenIcon />
+    </Button>
   </Tooltip>`}
 />
 
-### Placement
+### Arrow
 
-The Tooltip's placement with respect to its trigger element can be adjusted using the `placement` prop. See the props table for a full list of available placement combinations.
+Use the `showArrow` prop to add an arrow to the tooltip.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-placement"
-  preview={`<Tooltip placement="top" content="Add to library"><Button /></Tooltip>
-<Tooltip placement="bottom" content="Add to library"><Button /></Tooltip>
-<Tooltip placement="left" content="Add to library"><Button /></Tooltip>
-<Tooltip placement="right" content="Add to library"><Button /></Tooltip>`}
+  name="core/tooltip/tooltip-arrow"
+  preview={`<Tooltip content="Create new issue" arrow>
+    <Button>
+      <PenIcon />
+    </Button>
+  </Tooltip>`}
 />
 
 ### Should flip
@@ -79,8 +120,10 @@ This option determines whether or not a tooltip should be able to switch sides w
 
 <ComponentPreview
   name="core/tooltip/tooltip-flip"
-  preview={`<Tooltip shouldFlip={shouldFlip} content="Add to library">
-    <Button><PlusIcon /></Button>
+  preview={`<Tooltip shouldFlip={shouldFlip} content="Create new issue">
+    <Button>
+      <PenIcon />
+    </Button>
   </Tooltip>`}
 />
 
@@ -90,8 +133,10 @@ The offset is the distance between the end of the tip and the target.
 
 <ComponentPreview
   name="core/tooltip/tooltip-offset"
-  preview={`<Tooltip offset={offset} content="Add to library">
-    <Button><PlusIcon /></Button>
+  preview={`<Tooltip offset={offset} content="Create new issue">
+    <Button>
+      <PenIcon />
+    </Button>
   </Tooltip>`}
 />
 
@@ -101,20 +146,25 @@ To make sure that the tooltip will stay within certain boundaries (e.g., a brows
 
 <ComponentPreview
   name="core/tooltip/tooltip-container-padding"
-  preview={`<Tooltip containerPadding={containerPadding} content="Add to library">
-    <Button><PlusIcon /></Button>
+  preview={`<Tooltip containerPadding={containerPadding} content="Create new issue">
+    <Button>
+      <PenIcon />
+    </Button>
   </Tooltip>`}
 />
 
-### Delay
+## Composition
 
-The delay duration (the time from when the mouse enters a tooltip trigger until the tooltip opens) and the close delay can be customised.
+For more flexibility, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-delay"
-  preview={`<Tooltip delay={delay} closeDelay={closeDelay} content="Add to library">
-    <Button><PlusIcon /></Button>
-  </Tooltip>`}
+  name="core/tooltip/tooltip-composition"
+  preview={`<TooltipRoot>
+    <Button>Hover</Button>
+    <TooltipContent>
+      <p>Create new issue</p>
+    </TooltipContent>
+  </TooltipRoot>`}
 />
 
 ## API Reference
diff --git a/www/next.config.mjs b/www/next.config.mjs
index 8b7267348..d51c45ed3 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -18,9 +18,9 @@ const config = {
   typescript: {
     ignoreBuildErrors: true,
   },
-  experimental: {
-    reactCompiler: true,
-  },
+  // experimental: {
+  //   reactCompiler: true,
+  // },
 };
 
 export default withMDX(config);
diff --git a/www/package.json b/www/package.json
index 0ca88b2b0..1eb17c2c2 100644
--- a/www/package.json
+++ b/www/package.json
@@ -67,7 +67,7 @@
     "@dotui/eslint-config": "workspace:*",
     "@dotui/registry": "workspace:*",
     "@dotui/ts-config": "workspace:*",
-    "@tailwindcss/postcss": "4.0.0-beta.9",
+    "@tailwindcss/postcss": "4.0.0",
     "@types/estree": "^1.0.6",
     "@types/mdast": "^4.0.4",
     "@types/node": "^18.17.0",
@@ -76,7 +76,7 @@
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.31",
     "rimraf": "^6.0.1",
-    "tailwindcss": "4.0.0-beta.9",
+    "tailwindcss": "4.0.0",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-rac": "workspace:*",
     "typescript": "^5",
diff --git a/www/src/__registry__/core/alert-01.tsx b/www/src/__registry__/core/alert-01.tsx
index 6c964b8c5..3b0dceb22 100644
--- a/www/src/__registry__/core/alert-01.tsx
+++ b/www/src/__registry__/core/alert-01.tsx
@@ -101,7 +101,7 @@ interface AlertContentProps extends React.ComponentProps<"p"> {}
 
 function AlertContent({ className, ...props }: AlertContentProps) {
   const { variant } = useAlertContext("AlertTitle");
-  return <p className={content({ variant, className })} {...props} />;
+  return <div className={content({ variant, className })} {...props} />;
 }
 
 export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
diff --git a/www/src/__registry__/core/avatar.tsx b/www/src/__registry__/core/avatar.tsx
index 2d150c2cd..68712d845 100644
--- a/www/src/__registry__/core/avatar.tsx
+++ b/www/src/__registry__/core/avatar.tsx
@@ -40,7 +40,7 @@ const [AvatarProvider, useAvatarContext] = createScopedContext<
 >("AlertRoot");
 
 interface AvatarProps
-  extends AvatarRootProps,
+  extends AvatarRootProps,AvatarImageProps,
     Pick<AvatarImageProps, "src" | "alt"> {
   fallback?: React.ReactNode;
 }
diff --git a/www/src/__registry__/core/color-picker.tsx b/www/src/__registry__/core/color-picker.tsx
index f888508cb..82e63687c 100644
--- a/www/src/__registry__/core/color-picker.tsx
+++ b/www/src/__registry__/core/color-picker.tsx
@@ -13,7 +13,11 @@ import { ColorArea } from "@/registry/core/color-area";
 import { ColorField } from "@/registry/core/color-field";
 import { ColorSlider } from "@/registry/core/color-slider";
 import { ColorSwatch } from "@/registry/core/color-swatch";
-import { Dialog, DialogRoot, DialogRootProps } from "@/registry/core/dialog";
+import {
+  Dialog,
+  DialogRoot,
+  DialogRootProps,
+} from "@/registry/core/dialog_basic";
 import { Item } from "@/registry/core/list-box";
 import { Select } from "@/registry/core/select";
 import { cn } from "@/registry/lib/cn";
diff --git a/www/src/__registry__/core/date-picker.tsx b/www/src/__registry__/core/date-picker.tsx
index 10a2ab4d3..dc0449d1b 100644
--- a/www/src/__registry__/core/date-picker.tsx
+++ b/www/src/__registry__/core/date-picker.tsx
@@ -11,7 +11,7 @@ import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
 import { Calendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Dialog } from "@/registry/core/dialog";
+import { Dialog } from "@/registry/core/dialog_basic";
 import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
 import { InputRoot, type inputStyles } from "@/registry/core/input";
 
diff --git a/www/src/__registry__/core/date-range-picker.tsx b/www/src/__registry__/core/date-range-picker.tsx
index 54ac277b7..351d771bf 100644
--- a/www/src/__registry__/core/date-range-picker.tsx
+++ b/www/src/__registry__/core/date-range-picker.tsx
@@ -11,7 +11,7 @@ import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
 import { RangeCalendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Dialog } from "@/registry/core/dialog";
+import { Dialog } from "@/registry/core/dialog_basic";
 import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
 import { InputRoot, type inputStyles } from "@/registry/core/input";
 
diff --git a/www/src/__registry__/core/dialog.tsx b/www/src/__registry__/core/dialog.tsx
deleted file mode 100644
index ff1b35613..000000000
--- a/www/src/__registry__/core/dialog.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  DialogTrigger as AriaDialogTrigger,
-  Dialog as AriaDialog,
-  type DialogProps as AriaDialogProps,
-  type DialogTriggerProps as AriaDialogTriggerProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Heading } from "@/registry/core/heading";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay";
-import { Text } from "@/registry/core/text";
-
-const dialogStyles = tv({
-  slots: {
-    content: [
-      "outline-hidden relative flex max-w-full flex-col rounded-[inherit] p-4",
-      "group-data-[type=modal]/overlay:p-6",
-      "group-data-[type=drawer]/overlay:pt-0",
-    ],
-    header: "mb-4",
-    footer: "flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end",
-    inset:
-      "-mx-4 px-4 py-4 group-data-[type=modal]/overlay:-mx-6 group-data-[type=modal]/overlay:px-6",
-  },
-});
-
-type DialogRootProps = AriaDialogTriggerProps;
-const DialogRoot = (props: DialogRootProps) => {
-  return <AriaDialogTrigger {...props} />;
-};
-
-interface DialogProps
-  extends DialogContentProps,
-    Omit<OverlayProps, "children"> {
-  title?: string;
-  description?: string;
-}
-const Dialog = ({
-  title,
-  description,
-  type = "modal",
-  mobileType = "drawer",
-  mediaQuery,
-  modalProps,
-  popoverProps,
-  drawerProps,
-  ...props
-}: DialogProps) => {
-  return (
-    <Overlay
-      type={type}
-      mobileType={mobileType}
-      mediaQuery={mediaQuery}
-      modalProps={modalProps}
-      popoverProps={popoverProps}
-      drawerProps={drawerProps}
-    >
-      <DialogContent {...props}>
-        {composeRenderProps(props.children, (children) => (
-          <>
-            {(title || description) && (
-              <DialogHeader>
-                {title && <Heading>{title}</Heading>}
-                {description && <Text slot="description">{description}</Text>}
-              </DialogHeader>
-            )}
-            {children}
-          </>
-        ))}
-      </DialogContent>
-    </Overlay>
-  );
-};
-
-type DialogContentProps = AriaDialogProps;
-const DialogContent = ({
-  children,
-  className,
-  ...props
-}: DialogContentProps) => {
-  const { content } = dialogStyles();
-  return (
-    <AriaDialog className={content({ className })} {...props}>
-      {children}
-    </AriaDialog>
-  );
-};
-
-type DialogHeaderProps = React.ComponentProps<"header">;
-const DialogHeader = ({ children, className, ...props }: DialogHeaderProps) => {
-  const { header } = dialogStyles();
-  return (
-    <header className={header({ className })} {...props}>
-      {children}
-    </header>
-  );
-};
-
-type DialogFooterProps = React.ComponentProps<"footer">;
-const DialogFooter = ({ className, ...props }: DialogFooterProps) => {
-  const { footer } = dialogStyles();
-  return <footer className={footer({ className })} {...props} />;
-};
-
-type DialogInsetProps = React.ComponentProps<"div">;
-const DialogInset = ({ className, ...props }: DialogInsetProps) => {
-  const { inset } = dialogStyles();
-  return <div className={inset({ className })} {...props} />;
-};
-
-export type {
-  DialogRootProps,
-  DialogProps,
-  DialogContentProps,
-  DialogHeaderProps,
-  DialogFooterProps,
-  DialogInsetProps,
-};
-export {
-  DialogRoot,
-  DialogContent,
-  Dialog,
-  DialogHeader,
-  DialogFooter,
-  DialogInset,
-};
diff --git a/www/src/__registry__/core/drawer.tsx b/www/src/__registry__/core/drawer.tsx
index 9b8162de1..9d7d69bd3 100644
--- a/www/src/__registry__/core/drawer.tsx
+++ b/www/src/__registry__/core/drawer.tsx
@@ -27,11 +27,11 @@ const drawerVariants = tv({
       },
       left: {
         overlay:
-          "exiting:slide-out-to-left entering:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          "exiting:slide-out-to-left entering:slide-in-from-left top-0 left-0 h-(--visual-viewport-height) border-r",
       },
       right: {
         overlay:
-          "exiting:slide-out-to-right entering:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          "exiting:slide-out-to-right entering:slide-in-from-right top-0 right-0 h-(--visual-viewport-height) border-l",
       },
     },
   },
@@ -43,13 +43,14 @@ const drawerVariants = tv({
 const { overlay, underlay } = drawerVariants();
 
 interface DrawerProps extends React.ComponentProps<typeof AriaModal> {
-  side?: "top" | "bottom" | "left" | "right";
+  placement?: "top" | "bottom" | "left" | "right";
 }
 
 function Drawer({
   isDismissable = true,
   className,
   style,
+  placement,
   ...props
 }: DrawerProps) {
   return (
@@ -60,7 +61,7 @@ function Drawer({
     >
       <AriaModal
         className={composeRenderProps(className, (className) =>
-          overlay({ className })
+          overlay({ placement, className })
         )}
         style={style}
         {...props}
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 2a53a0e1f..1c0b87bc8 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -819,11 +819,6 @@
       files: ["demos/dialog/description.tsx"],
       component: React.lazy(() => import("@/demos/dialog/description")),
     },
-    "dialog-dismiss-button": {
-      name: "dialog-dismiss-button",
-      files: ["demos/dialog/dismiss-button.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/dismiss-button")),
-    },
     "dialog-dismissable": {
       name: "dialog-dismissable",
       files: ["demos/dialog/dismissable.tsx"],
@@ -864,6 +859,11 @@
       files: ["demos/drawer/basic.tsx"],
       component: React.lazy(() => import("@/demos/drawer/basic")),
     },
+    "drawer-placement": {
+      name: "drawer-placement",
+      files: ["demos/drawer/placement.tsx"],
+      component: React.lazy(() => import("@/demos/drawer/placement")),
+    },
     "drop-zone-basic": {
       name: "drop-zone-basic",
       files: ["demos/drop-zone/basic.tsx"],
@@ -1939,6 +1939,11 @@
       files: ["demos/toggle-button/variants.tsx"],
       component: React.lazy(() => import("@/demos/toggle-button/variants")),
     },
+    "tooltip-variant": {
+      name: "tooltip-variant",
+      files: ["demos/tooltip/variant.tsx"],
+      component: React.lazy(() => import("@/demos/tooltip/variant")),
+    },
     "tooltip-arrow": {
       name: "tooltip-arrow",
       files: ["demos/tooltip/arrow.tsx"],
@@ -2029,6 +2034,11 @@
       files: ["demos/command/dialog.tsx"],
       component: React.lazy(() => import("@/demos/command/dialog")),
     },
+    "overlay-basic": {
+      name: "overlay-basic",
+      files: ["demos/overlay/basic.tsx"],
+      component: React.lazy(() => import("@/demos/overlay/basic")),
+    },
     "overlay-type": {
       name: "overlay-type",
       files: ["demos/overlay/type.tsx"],
diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index e1e2efe92..daa095f31 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -34,7 +34,7 @@ export default async function Page({
           page.data.toc && page.data.toc.length > 0,
       })}
     >
-      <div className="max-w-(--breakpoint-md) container pb-20">
+      <div className="container max-w-3xl pb-20">
         <Breadcrumbs tree={source.pageTree} className="mb-2" />
         <h1 className="text-4xl font-bold">{page.data.title}</h1>
         <p className="text-fg-muted mt-2">{page.data.description}</p>
diff --git a/www/src/components/core/dialog.tsx b/www/src/components/core/dialog.tsx
index a1cc743c2..a967cebc6 100644
--- a/www/src/components/core/dialog.tsx
+++ b/www/src/components/core/dialog.tsx
@@ -1 +1 @@
-export * from "@/registry/core/dialog";
+export * from "@/registry/core/dialog_basic";
diff --git a/www/src/components/core/tooltip.tsx b/www/src/components/core/tooltip.tsx
index b2852e2ad..322da5a8c 100644
--- a/www/src/components/core/tooltip.tsx
+++ b/www/src/components/core/tooltip.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tooltip-01";
+export * from "@/registry/core/tooltip_basic";
diff --git a/www/src/components/docs/mdx-components.tsx b/www/src/components/docs/mdx-components.tsx
index 37c946dac..35b902b04 100644
--- a/www/src/components/docs/mdx-components.tsx
+++ b/www/src/components/docs/mdx-components.tsx
@@ -96,7 +96,7 @@ export const mdxComponents: MDXComponents = {
       )}
       {...props}
     >
-      <div className="flex flex-wrap items-center gap-2">{children}</div>
+      {children}
     </td>
   ),
   // add mt-4 to all pre except when it has a parent with class install-tabs
@@ -161,6 +161,7 @@ export const mdxComponents: MDXComponents = {
     <Badge variant="neutral" size="sm" className={cn()} {...props} />
   ),
   BadgePalette: BadgePalette,
+  Link,
 };
 
 function createHeading(level: number, className?: string) {
diff --git a/www/src/components/dynamic-core/dialog.tsx b/www/src/components/dynamic-core/dialog.tsx
index 63cc062fb..933c7af25 100644
--- a/www/src/components/dynamic-core/dialog.tsx
+++ b/www/src/components/dynamic-core/dialog.tsx
@@ -1 +1 @@
-export * from "@/registry/core/dialog";
+export * from "@/registry/core/dialog_basic";
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index 4585cc42f..983e313df 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -7,21 +7,22 @@ import {
   TooltipRoot as _TooltipRoot,
   TooltipContent as _TooltipContent,
   TooltipArrow as _TooltipArrow,
-} from "@/registry/core/tooltip-01";
+} from "@/registry/core/tooltip_basic";
 import type {
   TooltipProps,
   TooltipRootProps,
   TooltipContentProps,
   TooltipArrowProps,
-} from "@/registry/core/tooltip-01";
+} from "@/registry/core/tooltip_basic";
 
 export const Tooltip = createDynamicComponent<TooltipProps>(
   "tooltip",
   "Tooltip",
   _Tooltip,
   {
-    "tooltip-01": React.lazy(() =>
-      import("@/registry/core/tooltip-01").then((mod) => ({
+    // @ts-ignore
+    tooltip_framer: React.lazy(() =>
+      import("@/registry/core/tooltip_framer").then((mod) => ({
         default: mod.Tooltip,
       }))
     ),
@@ -33,8 +34,8 @@ export const TooltipRoot = createDynamicComponent<TooltipRootProps>(
   "TooltipRoot",
   _TooltipRoot,
   {
-    "tooltip-01": React.lazy(() =>
-      import("@/registry/core/tooltip-01").then((mod) => ({
+    tooltip_framer: React.lazy(() =>
+      import("@/registry/core/tooltip_framer").then((mod) => ({
         default: mod.TooltipRoot,
       }))
     ),
@@ -46,8 +47,9 @@ export const TooltipContent = createDynamicComponent<TooltipContentProps>(
   "TooltipContent",
   _TooltipContent,
   {
-    "tooltip-01": React.lazy(() =>
-      import("@/registry/core/tooltip-01").then((mod) => ({
+    // @ts-ignore
+    tooltip_framer: React.lazy(() =>
+      import("@/registry/core/tooltip_framer").then((mod) => ({
         default: mod.TooltipContent,
       }))
     ),
@@ -59,8 +61,8 @@ export const TooltipArrow = createDynamicComponent<TooltipArrowProps>(
   "TooltipArrow",
   _TooltipArrow,
   {
-    "tooltip-01": React.lazy(() =>
-      import("@/registry/core/tooltip-01").then((mod) => ({
+    tooltip_framer: React.lazy(() =>
+      import("@/registry/core/tooltip_framer").then((mod) => ({
         default: mod.TooltipArrow,
       }))
     ),
diff --git a/www/src/demos/command/dialog.tsx b/www/src/demos/command/dialog.tsx
index 397ba5509..797bef214 100644
--- a/www/src/demos/command/dialog.tsx
+++ b/www/src/demos/command/dialog.tsx
@@ -5,7 +5,7 @@ import { Command } from "@/components/dynamic-core/command";
 import { MenuContent, MenuItem } from "@/components/dynamic-core/menu";
 import { SearchField } from "@/components/dynamic-core/search-field";
 import { Button } from "@/registry/core/button-01";
-import { Dialog, DialogRoot } from "@/registry/core/dialog";
+import { Dialog, DialogRoot } from "@/registry/core/dialog_basic";
 
 export default function Demo() {
   const { contains } = useFilter({ sensitivity: "base" });
diff --git a/www/src/demos/dialog/alert-dialog.tsx b/www/src/demos/dialog/alert-dialog.tsx
index 7fac72505..a1fed004f 100644
--- a/www/src/demos/dialog/alert-dialog.tsx
+++ b/www/src/demos/dialog/alert-dialog.tsx
@@ -13,31 +13,18 @@ export default function Demo() {
     <DialogRoot>
       <Button variant="danger">Delete project</Button>
       <Dialog
+        role="alertdialog"
         title="Delete project"
         description="Are you sure you want to delete this project? This action is permanent and cannot be undone."
-        role="alertdialog"
-        // isDissmissible={false}
       >
-        {({ close }) => (
-          <>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="danger"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Delete project
-              </Button>
-            </DialogFooter>
-          </>
-        )}
+        <DialogFooter>
+          <Button slot="close" variant="outline">
+            Cancel
+          </Button>
+          <Button slot="close" variant="danger">
+            Delete project
+          </Button>
+        </DialogFooter>
       </Dialog>
     </DialogRoot>
   );
diff --git a/www/src/demos/dialog/async-form-submission.tsx b/www/src/demos/dialog/async-form-submission.tsx
index a2634c3bd..ae6bd8f58 100644
--- a/www/src/demos/dialog/async-form-submission.tsx
+++ b/www/src/demos/dialog/async-form-submission.tsx
@@ -1,57 +1,55 @@
 "use client";
 
 import React from "react";
+import { Form } from "react-aria-components";
 import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
   DialogFooter,
+  DialogBody,
 } from "@/components/dynamic-core/dialog";
 import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function DialogDemo() {
   const [isPending, setIsPending] = React.useState(false);
-  const handleSubmit = async () => {
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
     setIsPending(true);
     await new Promise((resolve) => setTimeout(resolve, 1000));
     setIsPending(false);
   };
+
   return (
     <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
+      <Button>Edit username</Button>
+      <Dialog title="Edit username" description="Make changes to your profile.">
         {({ close }) => (
-          <>
-            <div className="space-y-4">
+          <Form
+            onSubmit={(e) => {
+              handleSubmit(e);
+              close();
+            }}
+          >
+            <DialogBody>
               <TextField
                 autoFocus
-                label="Name"
-                defaultValue="Mehdi"
+                label="Username"
+                defaultValue="@mehdibha_"
+                isRequired
                 className="w-full"
               />
-              <TextField label="Username" defaultValue="@mehdibha_" />
-            </div>
+            </DialogBody>
             <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
+              <Button variant="outline" slot="close">
                 Cancel
               </Button>
-              <Button
-                isPending={isPending}
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={async () => {
-                  await handleSubmit();
-                  close();
-                }}
-              >
+              <Button type="submit" isPending={isPending} variant="primary">
                 Save changes
               </Button>
             </DialogFooter>
-          </>
+          </Form>
         )}
       </Dialog>
     </DialogRoot>
diff --git a/www/src/demos/dialog/basic.tsx b/www/src/demos/dialog/basic.tsx
index 7b4eb08cc..e7bc2e78f 100644
--- a/www/src/demos/dialog/basic.tsx
+++ b/www/src/demos/dialog/basic.tsx
@@ -1,38 +1,38 @@
-"use client";
-
 import React from "react";
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
+  DialogBody,
   DialogFooter,
 } from "@/components/dynamic-core/dialog";
+import { TextArea } from "@/components/dynamic-core/text-area";
 import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
     <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
+      <Button prefix={<PenSquareIcon />}>Create issue</Button>
       <Dialog
-        title="Edit profile"
-        description="Make changes to your profile."
-        className="space-y-4"
+        title="Create a new issue"
+        description="Report an issue or create a feature request."
       >
-        <TextField
-          autoFocus
-          label="Name"
-          defaultValue="Mehdi"
-          className="w-full"
-        />
-        <TextField
-          label="Username"
-          defaultValue="@mehdibha_"
-          className="w-full"
-        />
+        <DialogBody>
+          <TextField
+            aria-label="Title"
+            placeholder="Title"
+            autoFocus
+            className="w-full"
+          />
+          <TextArea
+            aria-label="Description"
+            placeholder="description"
+            className="w-full"
+          />
+        </DialogBody>
         <DialogFooter>
-          <Button slot="close" variant="outline">
-            Cancel
-          </Button>
+          <Button slot="close">Cancel</Button>
           <Button slot="close" variant="primary">
             Save changes
           </Button>
diff --git a/www/src/demos/dialog/composition.tsx b/www/src/demos/dialog/composition.tsx
index bf36e3e09..bf33b79be 100644
--- a/www/src/demos/dialog/composition.tsx
+++ b/www/src/demos/dialog/composition.tsx
@@ -1,35 +1,46 @@
 import React from "react";
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   DialogContent,
-  DialogHeader,
+  DialogBody,
   DialogFooter,
+  DialogHeader,
+  DialogHeading,
+  DialogDescription,
 } from "@/components/dynamic-core/dialog";
+import { TextArea } from "@/components/dynamic-core/text-area";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { Overlay } from "@/registry/core/overlay";
 
 export default function Demo() {
   return (
     <DialogRoot>
-      <Button variant="outline">Edit username</Button>
-      <Overlay type="modal">
-        <DialogContent className="space-y-4">
-          <DialogHeader></DialogHeader>
-          <TextField
-            label="Username"
-            defaultValue="@mehdibha_"
-            className="w-full"
-          />
-          <TextField
-            label="Username"
-            defaultValue="@mehdibha_"
-            className="w-full"
-          />
+      <Button prefix={<PenSquareIcon />}>Create issue</Button>
+      <Overlay>
+        <DialogContent>
+          <DialogHeader>
+            <DialogHeading>Create a new issue</DialogHeading>
+            <DialogDescription>
+              Report an issue or create a feature request.
+            </DialogDescription>
+          </DialogHeader>
+          <DialogBody>
+            <TextField
+              aria-label="Title"
+              placeholder="Title"
+              autoFocus
+              className="w-full"
+            />
+            <TextArea
+              aria-label="Description"
+              placeholder="description"
+              className="w-full"
+            />
+          </DialogBody>
           <DialogFooter>
-            <Button slot="close" variant="outline">
-              Cancel
-            </Button>
+            <Button slot="close">Cancel</Button>
             <Button slot="close" variant="primary">
               Save changes
             </Button>
diff --git a/www/src/demos/dialog/controlled.tsx b/www/src/demos/dialog/controlled.tsx
index 4b38462d1..95470eaf3 100644
--- a/www/src/demos/dialog/controlled.tsx
+++ b/www/src/demos/dialog/controlled.tsx
@@ -2,42 +2,15 @@
 
 import React from "react";
 import { Button } from "@/components/dynamic-core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
+import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
 
 export default function Demo() {
+  const [isOpen, setOpen] = React.useState(false);
   return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField autoFocus label="Name" defaultValue="Mehdi" />
-              <TextField label="Username" defaultValue="@mehdibha_" />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
+    <DialogRoot isOpen={isOpen} onOpenChange={setOpen}>
+      <Button>Open dialog</Button>
+      <Dialog title="This is a heading" description="this is a description">
+        content here
       </Dialog>
     </DialogRoot>
   );
diff --git a/www/src/demos/dialog/dismiss-button.tsx b/www/src/demos/dialog/dismiss-button.tsx
deleted file mode 100644
index b7ffbc984..000000000
--- a/www/src/demos/dialog/dismiss-button.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button } from "@/components/dynamic-core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-} from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog
-        title="Edit profile"
-        description="Make changes to your profile."
-        showDismissButton={false}
-      >
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-}
diff --git a/www/src/demos/dialog/dismissable.tsx b/www/src/demos/dialog/dismissable.tsx
index 8319a77f9..c5005dff9 100644
--- a/www/src/demos/dialog/dismissable.tsx
+++ b/www/src/demos/dialog/dismissable.tsx
@@ -1,57 +1,56 @@
 "use client";
 
 import React from "react";
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
+  DialogBody,
   DialogFooter,
 } from "@/components/dynamic-core/dialog";
+import { Switch } from "@/components/dynamic-core/switch";
+import { TextArea } from "@/components/dynamic-core/text-area";
 import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
+  const [isDismissable, setDismissable] = React.useState(false);
   return (
-    <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog
-        title="Edit profile"
-        description="Make changes to your profile."
-        isDismissable={false}
+    <div className="flex items-center gap-8">
+      <DialogRoot>
+        <Button prefix={<PenSquareIcon />}>Create issue</Button>
+        <Dialog
+          isDismissable={isDismissable}
+          title="Create a new issue"
+          description="Report an issue or create a feature request."
+        >
+          <DialogBody>
+            <TextField
+              aria-label="Title"
+              placeholder="Title"
+              autoFocus
+              className="w-full"
+            />
+            <TextArea
+              aria-label="Description"
+              placeholder="description"
+              className="w-full"
+            />
+          </DialogBody>
+          <DialogFooter>
+            <Button slot="close">Cancel</Button>
+            <Button slot="close" variant="primary">
+              Save changes
+            </Button>
+          </DialogFooter>
+        </Dialog>
+      </DialogRoot>
+      <Switch
+        isSelected={!isDismissable}
+        onChange={(isSelected) => setDismissable(!isSelected)}
       >
-        {({ close }) => (
-          <>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
+        Dissmissable
+      </Switch>
+    </div>
   );
 }
diff --git a/www/src/demos/dialog/inset-content.tsx b/www/src/demos/dialog/inset-content.tsx
index 00e0a4e1e..88e430f76 100644
--- a/www/src/demos/dialog/inset-content.tsx
+++ b/www/src/demos/dialog/inset-content.tsx
@@ -1,56 +1,36 @@
-"use client";
-
 import React from "react";
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
+  DialogBody,
   DialogFooter,
   DialogInset,
 } from "@/components/dynamic-core/dialog";
+import { TextArea } from "@/components/dynamic-core/text-area";
 import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
     <DialogRoot>
-      <Button variant="outline">Edit Profile</Button>
-      <Dialog title="Edit profile" description="Make changes to your profile.">
-        {({ close }) => (
-          <>
-            <DialogInset className="bg-bg-muted mb-4 border-y">
-              Content within the inset.
-            </DialogInset>
-            <div className="space-y-4">
-              <TextField
-                autoFocus
-                label="Name"
-                defaultValue="Mehdi"
-                className="w-full"
-              />
-              <TextField
-                label="Username"
-                defaultValue="@mehdibha_"
-                className="w-full"
-              />
-            </div>
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Cancel
-              </Button>
-              <Button
-                variant="primary"
-                size={{ initial: "lg", sm: "md" }}
-                onPress={close}
-              >
-                Save changes
-              </Button>
-            </DialogFooter>
-          </>
-        )}
+      <Button prefix={<PenSquareIcon />}>Create issue</Button>
+      <Dialog
+        title="Create a new issue"
+        description="Report an issue or create a feature request."
+      >
+        <DialogBody>
+          <DialogInset className="bg-bg-muted !my-4">
+            Content within the inset.
+          </DialogInset>
+          <p className="mt-4">Content outside the inset.</p>
+        </DialogBody>
+        <DialogFooter>
+          <Button slot="close">Cancel</Button>
+          <Button slot="close" variant="primary">
+            Save changes
+          </Button>
+        </DialogFooter>
       </Dialog>
     </DialogRoot>
   );
diff --git a/www/src/demos/dialog/nested.tsx b/www/src/demos/dialog/nested.tsx
index fb376e904..069e54386 100644
--- a/www/src/demos/dialog/nested.tsx
+++ b/www/src/demos/dialog/nested.tsx
@@ -10,29 +10,29 @@ type Type = "modal" | "drawer" | "popover";
 export default function Demo() {
   const [type, setType] = React.useState<Type>("modal");
   return (
-    <div className="flex w-full items-center">
-      <div className="flex flex-1 items-center justify-center">
-        <DialogRoot>
-          <Button variant="outline">Dialog</Button>
-          <Dialog title="Dialog" type={type}>
-            <DialogRoot>
-              <Button variant="outline">Nested dialog</Button>
-              <Dialog title="Nested dialog" type={type}></Dialog>
-            </DialogRoot>
-          </Dialog>
-        </DialogRoot>
-      </div>
-      <div className="space-y-4 rounded-md border px-10 py-6">
-        <RadioGroup
-          label="Type"
-          value={type}
-          onChange={(value) => setType(value as Type)}
-        >
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-          <Radio value="popover">Popover</Radio>
-        </RadioGroup>
-      </div>
+    <div className="flex w-full items-center gap-8">
+      <DialogRoot>
+        <Button variant="outline">Dialog</Button>
+        <Dialog title="Dialog" type={type} mobileType={null}>
+          <DialogRoot>
+            <Button variant="outline">Nested dialog</Button>
+            <Dialog
+              title="Nested dialog"
+              type={type}
+              mobileType={null}
+            ></Dialog>
+          </DialogRoot>
+        </Dialog>
+      </DialogRoot>
+      <RadioGroup
+        label="Type"
+        value={type}
+        onChange={(value) => setType(value as Type)}
+      >
+        <Radio value="modal">Modal</Radio>
+        <Radio value="drawer">Drawer</Radio>
+        <Radio value="popover">Popover</Radio>
+      </RadioGroup>
     </div>
   );
 }
diff --git a/www/src/demos/dialog/types.tsx b/www/src/demos/dialog/types.tsx
index fbf0c7f4b..6387fcd6a 100644
--- a/www/src/demos/dialog/types.tsx
+++ b/www/src/demos/dialog/types.tsx
@@ -1,13 +1,16 @@
 "use client";
 
 import React from "react";
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import {
   DialogRoot,
   Dialog,
+  DialogBody,
   DialogFooter,
 } from "@/components/dynamic-core/dialog";
 import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
+import { TextArea } from "@/components/dynamic-core/text-area";
 import { TextField } from "@/components/dynamic-core/text-field";
 
 type Type = "modal" | "drawer" | "popover";
@@ -16,67 +19,54 @@ export default function Demo() {
   const [type, setType] = React.useState<Type>("modal");
   const [mobileType, setMobileType] = React.useState<Type>("drawer");
   return (
-    <div className="flex w-full items-center gap-4">
-      <div className="flex flex-1 items-center justify-center">
-        <DialogRoot>
-          <Button variant="outline">Edit username</Button>
-          <Dialog title="Edit username">
-            {({ close }) => (
-              <>
-                <div className="space-y-4">
-                  <TextField
-                    autoFocus
-                    label="Name"
-                    defaultValue="Mehdi"
-                    className="w-full"
-                  />
-                  <TextField
-                    label="Username"
-                    defaultValue="@mehdibha_"
-                    className="w-full"
-                  />
-                </div>
-                <DialogFooter>
-                  <Button
-                    variant="outline"
-                    size={{ initial: "lg", sm: "md" }}
-                    onPress={close}
-                  >
-                    Cancel
-                  </Button>
-                  <Button
-                    variant="primary"
-                    size={{ initial: "lg", sm: "md" }}
-                    onPress={close}
-                  >
-                    Save changes
-                  </Button>
-                </DialogFooter>
-              </>
-            )}
-          </Dialog>
-        </DialogRoot>
-      </div>
-      <div className="flex items-start gap-6 rounded-md border px-10 py-6">
-        <RadioGroup
-          label="Type"
-          value={type}
-          onChange={(value) => setType(value as Type)}
+    <div className="flex w-full items-center gap-8">
+      <DialogRoot>
+        <Button prefix={<PenSquareIcon />}>Create issue</Button>
+        <Dialog
+          title="Create a new issue"
+          description="Report an issue or create a feature request."
+          type={type}
+          mobileType={mobileType}
         >
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-          <Radio value="popover">Popover</Radio>
-        </RadioGroup>
-        <RadioGroup
-          label="Mobile type"
-          value={mobileType}
-          onChange={(value) => setMobileType(value as Type)}
-        >
-          <Radio value="modal">Modal</Radio>
-          <Radio value="drawer">Drawer</Radio>
-          <Radio value="popover">Popover</Radio>
-        </RadioGroup>
-      </div>
+          <DialogBody>
+            <TextField
+              aria-label="Title"
+              placeholder="Title"
+              autoFocus
+              className="w-full"
+            />
+            <TextArea
+              aria-label="Description"
+              placeholder="description"
+              className="w-full"
+            />
+          </DialogBody>
+          <DialogFooter>
+            <Button slot="close">Cancel</Button>
+            <Button slot="close" variant="primary">
+              Save changes
+            </Button>
+          </DialogFooter>
+        </Dialog>
+      </DialogRoot>
+      <RadioGroup
+        label="Type"
+        value={type}
+        onChange={(value) => setType(value as Type)}
+      >
+        <Radio value="modal">Modal</Radio>
+        <Radio value="drawer">Drawer</Radio>
+        <Radio value="popover">Popover</Radio>
+      </RadioGroup>
+      <RadioGroup
+        label="Mobile type"
+        value={mobileType}
+        onChange={(value) => setMobileType(value as Type)}
+      >
+        <Radio value="modal">Modal</Radio>
+        <Radio value="drawer">Drawer</Radio>
+        <Radio value="popover">Popover</Radio>
+      </RadioGroup>
     </div>
   );
 }
diff --git a/www/src/demos/drawer/basic.tsx b/www/src/demos/drawer/basic.tsx
index 338fd5d34..8284bf670 100644
--- a/www/src/demos/drawer/basic.tsx
+++ b/www/src/demos/drawer/basic.tsx
@@ -1,50 +1,15 @@
-"use client";
-
 import React from "react";
-import { RadioGroup, Radio } from "@/components/core/radio-group";
 import { Button } from "@/components/dynamic-core/button";
-import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
+import { DialogRoot, DialogContent } from "@/components/dynamic-core/dialog";
 import { Drawer } from "@/components/dynamic-core/drawer";
-import { TextField } from "@/components/dynamic-core/text-field";
-import { Heading } from "@/registry/core/heading";
 
 export default function Demo() {
-  const [placement, setPlacement] = React.useState("bottom");
   return (
-    <div>
-      <DialogRoot>
-        <Button>Edit profile</Button>
-        <Drawer placement={placement as "top" | "bottom" | "left" | "right"}>
-          <DialogContent className="space-y-4">
-            <Heading>Edit Profile</Heading>
-            <TextField
-              autoFocus
-              label="Name"
-              defaultValue="Mehdi"
-              className="w-full"
-            />
-            <TextField
-              label="Username"
-              defaultValue="@mehdibha_"
-              className="w-full"
-            />
-            <div className="flex items-center justify-end gap-2">
-              <Button slot="close" variant="outline">
-                Cancel
-              </Button>
-              <Button slot="close" variant="primary">
-                Save changes
-              </Button>
-            </div>
-          </DialogContent>
-        </Drawer>
-      </DialogRoot>
-      <RadioGroup value={placement} onChange={setPlacement}>
-        <Radio value="top">Top</Radio>
-        <Radio value="left">Left</Radio>
-        <Radio value="bottom">Bottom</Radio>
-        <Radio value="right">Right</Radio>
-      </RadioGroup>
-    </div>
+    <DialogRoot>
+      <Button>Open drawer</Button>
+      <Drawer>
+        <DialogContent>Drawer content</DialogContent>
+      </Drawer>
+    </DialogRoot>
   );
 }
diff --git a/www/src/demos/drawer/placement.tsx b/www/src/demos/drawer/placement.tsx
new file mode 100644
index 000000000..57dd0d1a0
--- /dev/null
+++ b/www/src/demos/drawer/placement.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+import { RadioGroup, Radio } from "@/components/core/radio-group";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogRoot, DialogContent } from "@/components/dynamic-core/dialog";
+import { Drawer } from "@/components/dynamic-core/drawer";
+
+export default function Demo() {
+  const [placement, setPlacement] = React.useState("bottom");
+  return (
+    <div className="flex items-center gap-12">
+      <DialogRoot>
+        <Button>Open drawer</Button>
+        <Drawer placement={placement as "top" | "bottom" | "left" | "right"}>
+          <DialogContent>Drawer content</DialogContent>
+        </Drawer>
+      </DialogRoot>
+      <RadioGroup label="Placement" value={placement} onChange={setPlacement}>
+        <Radio value="top">Top</Radio>
+        <Radio value="left">Left</Radio>
+        <Radio value="bottom">Bottom</Radio>
+        <Radio value="right">Right</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/demos/modal/basic.tsx b/www/src/demos/modal/basic.tsx
index 132e08ff8..a5cfa92c9 100644
--- a/www/src/demos/modal/basic.tsx
+++ b/www/src/demos/modal/basic.tsx
@@ -1,36 +1,13 @@
 import { Button } from "@/components/dynamic-core/button";
 import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
 import { Modal } from "@/components/dynamic-core/modal";
-import { TextField } from "@/components/dynamic-core/text-field";
-import { Heading } from "@/registry/core/heading";
 
 export default function Demo() {
   return (
     <DialogRoot>
-      <Button>Edit profile</Button>
+      <Button>Open modal</Button>
       <Modal>
-        <DialogContent className="space-y-4">
-          <Heading>Edit Profile</Heading>
-          <TextField
-            autoFocus
-            label="Name"
-            defaultValue="Mehdi"
-            className="w-full"
-          />
-          <TextField
-            label="Username"
-            defaultValue="@mehdibha_"
-            className="w-full"
-          />
-          <div className="flex items-center justify-end gap-2">
-            <Button slot="close" variant="outline">
-              Cancel
-            </Button>
-            <Button slot="close" variant="primary">
-              Save changes
-            </Button>
-          </div>
-        </DialogContent>
+        <DialogContent>modal content</DialogContent>
       </Modal>
     </DialogRoot>
   );
diff --git a/www/src/demos/overlay/basic.tsx b/www/src/demos/overlay/basic.tsx
new file mode 100644
index 000000000..097591a25
--- /dev/null
+++ b/www/src/demos/overlay/basic.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+import { Button } from "@/components/dynamic-core/button";
+import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
+import { Overlay } from "@/registry/core/overlay";
+
+export default function Demo() {
+  return (
+    <DialogRoot>
+      <Button>Open overlay</Button>
+      <Overlay>
+        <DialogContent>some content</DialogContent>
+      </Overlay>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/demos/overlay/type.tsx b/www/src/demos/overlay/type.tsx
index 59a31a22a..5b8808793 100644
--- a/www/src/demos/overlay/type.tsx
+++ b/www/src/demos/overlay/type.tsx
@@ -1,61 +1,37 @@
 "use client";
 
 import React from "react";
-import { RadioGroup, Radio } from "@/components/core/radio-group";
 import { Button } from "@/components/dynamic-core/button";
-import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
-import { TextField } from "@/components/dynamic-core/text-field";
-import { Heading } from "@/registry/core/heading";
-import { Overlay, OverlayProps } from "@/registry/core/overlay";
+import { DialogRoot, DialogContent } from "@/components/dynamic-core/dialog";
+import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
+import { Overlay } from "@/registry/core/overlay";
 
-type OverlayType = OverlayProps["type"];
+type Type = "modal" | "drawer" | "popover";
 
 export default function Demo() {
-  const [type, setType] = React.useState<OverlayType>("modal");
-  const [mobileType, setMobileType] = React.useState<OverlayType>("drawer");
-
+  const [type, setType] = React.useState<Type>("modal");
+  const [mobileType, setMobileType] = React.useState<Type>("drawer");
   return (
-    <div className="flex gap-8">
+    <div className="flex w-full items-center gap-8">
       <DialogRoot>
-        <Button>Open overlay</Button>
+        <Button>Open</Button>
         <Overlay type={type} mobileType={mobileType}>
-          <DialogContent className="space-y-4">
-            <Heading>Edit Profile</Heading>
-            <TextField
-              autoFocus
-              label="Name"
-              defaultValue="Mehdi"
-              className="w-full"
-            />
-            <TextField
-              label="Username"
-              defaultValue="@mehdibha_"
-              className="w-full"
-            />
-            <div className="flex items-center justify-end gap-2">
-              <Button slot="close" variant="outline">
-                Cancel
-              </Button>
-              <Button slot="close" variant="primary">
-                Save changes
-              </Button>
-            </div>
-          </DialogContent>
+          <DialogContent>some content</DialogContent>
         </Overlay>
       </DialogRoot>
       <RadioGroup
         label="Type"
         value={type}
-        onChange={(val) => setType(val as OverlayType)}
+        onChange={(value) => setType(value as Type)}
       >
         <Radio value="modal">Modal</Radio>
         <Radio value="drawer">Drawer</Radio>
         <Radio value="popover">Popover</Radio>
       </RadioGroup>
       <RadioGroup
-        label="Mobile Type"
+        label="Mobile type"
         value={mobileType}
-        onChange={(val) => setMobileType(val as OverlayType)}
+        onChange={(value) => setMobileType(value as Type)}
       >
         <Radio value="modal">Modal</Radio>
         <Radio value="drawer">Drawer</Radio>
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index 5b2cbbcef..c4ebdf37b 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -202,7 +202,6 @@ export const demos: RegistryDemos = [
     "composition",
     "controlled",
     "description",
-    "dismiss-button",
     "dismissable",
     "drawer",
     "inset-content",
@@ -211,7 +210,7 @@ export const demos: RegistryDemos = [
     "title",
     "types",
   ]),
-  ...buildDemos("drawer", ["basic"]),
+  ...buildDemos("drawer", ["basic", "placement"]),
   ...buildDemos("drop-zone", [
     "basic",
     "disabled",
@@ -460,6 +459,7 @@ export const demos: RegistryDemos = [
     "variants",
   ]),
   ...buildDemos("tooltip", [
+    "variant",
     "arrow",
     "composition",
     "container-padding",
@@ -476,5 +476,5 @@ export const demos: RegistryDemos = [
   ...buildDemos("table", ["default"]),
   ...buildDemos("form", ["basic", "react-aria", "react-hook-form"]),
   ...buildDemos("command", ["basic", "dialog"]),
-  ...buildDemos("overlay", ["type"]),
+  ...buildDemos("overlay", ["basic", "type"]),
 ];
diff --git a/www/src/demos/tooltip/arrow.tsx b/www/src/demos/tooltip/arrow.tsx
index 3454137f9..36ac0a432 100644
--- a/www/src/demos/tooltip/arrow.tsx
+++ b/www/src/demos/tooltip/arrow.tsx
@@ -1,12 +1,12 @@
-import { PlusIcon } from "lucide-react";
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
 
 export default function Demo() {
   return (
-    <Tooltip content="Add to library" arrow>
+    <Tooltip content="Create new issue" showArrow>
       <Button shape="square">
-        <PlusIcon />
+        <PenSquareIcon />
       </Button>
     </Tooltip>
   );
diff --git a/www/src/demos/tooltip/composition.tsx b/www/src/demos/tooltip/composition.tsx
index 5eccbc641..08235ca97 100644
--- a/www/src/demos/tooltip/composition.tsx
+++ b/www/src/demos/tooltip/composition.tsx
@@ -1,12 +1,18 @@
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
+import { Kbd } from "@/components/dynamic-core/kbd";
 import { TooltipRoot, TooltipContent } from "@/components/dynamic-core/tooltip";
 
 export default function Demo() {
   return (
     <TooltipRoot>
-      <Button>Hover</Button>
+      <Button shape="square" variant="quiet">
+        <PenSquareIcon />
+      </Button>
       <TooltipContent>
-        <p>Add to library</p>
+        <p className="flex items-center gap-2">
+          Create new issue <Kbd>C</Kbd>
+        </p>
       </TooltipContent>
     </TooltipRoot>
   );
diff --git a/www/src/demos/tooltip/container-padding.tsx b/www/src/demos/tooltip/container-padding.tsx
index 5dad024bc..f66ec7aed 100644
--- a/www/src/demos/tooltip/container-padding.tsx
+++ b/www/src/demos/tooltip/container-padding.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { PlusIcon } from "lucide-react";
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
@@ -10,9 +10,9 @@ export default function Demo() {
   const [containerPadding, setContainerPadding] = React.useState(12);
   return (
     <div className="flex flex-col items-center gap-10">
-      <Tooltip containerPadding={containerPadding} content="Add to library">
+      <Tooltip containerPadding={containerPadding} content="Create new issue">
         <Button shape="square">
-          <PlusIcon />
+          <PenSquareIcon />
         </Button>
       </Tooltip>
       <NumberField
diff --git a/www/src/demos/tooltip/default.tsx b/www/src/demos/tooltip/default.tsx
index 55c5f048e..ddedb699e 100644
--- a/www/src/demos/tooltip/default.tsx
+++ b/www/src/demos/tooltip/default.tsx
@@ -1,12 +1,19 @@
-import { PlusIcon } from "lucide-react";
+import { SquarePenIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
+import { Kbd } from "@/components/dynamic-core/kbd";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
 
 export default function Demo() {
   return (
-    <Tooltip content="Add to library">
+    <Tooltip
+      content={
+        <span>
+          Create new issue <Kbd>C</Kbd>
+        </span>
+      }
+    >
       <Button shape="square">
-        <PlusIcon />
+        <SquarePenIcon />
       </Button>
     </Tooltip>
   );
diff --git a/www/src/demos/tooltip/delay.tsx b/www/src/demos/tooltip/delay.tsx
index d4a243e4d..30183ac97 100644
--- a/www/src/demos/tooltip/delay.tsx
+++ b/www/src/demos/tooltip/delay.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { PlusIcon } from "lucide-react";
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
@@ -10,10 +10,10 @@ export default function Demo() {
   const [delay, setDelay] = React.useState(700);
   const [closeDelay, setCloseDelay] = React.useState(0);
   return (
-    <div className="flex flex-col items-center gap-10">
-      <Tooltip delay={delay} closeDelay={closeDelay} content="Add to library">
+    <div className="flex items-center gap-12">
+      <Tooltip delay={delay} closeDelay={closeDelay} content="Create new issue">
         <Button shape="square">
-          <PlusIcon />
+          <PenSquareIcon />
         </Button>
       </Tooltip>
       <div className="max-w-[150px] space-y-4">
diff --git a/www/src/demos/tooltip/flip.tsx b/www/src/demos/tooltip/flip.tsx
index 842314354..85b53a395 100644
--- a/www/src/demos/tooltip/flip.tsx
+++ b/www/src/demos/tooltip/flip.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { PlusIcon } from "lucide-react";
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Switch } from "@/components/dynamic-core/switch";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
@@ -10,9 +10,9 @@ export default function Demo() {
   const [shouldFlip, setShouldFlip] = React.useState(false);
   return (
     <div className="flex flex-col items-center gap-10">
-      <Tooltip shouldFlip={shouldFlip} content="Add to library">
+      <Tooltip shouldFlip={shouldFlip} content="Create new issue">
         <Button shape="square">
-          <PlusIcon />
+          <PenSquareIcon />
         </Button>
       </Tooltip>
       <Switch
diff --git a/www/src/demos/tooltip/offset.tsx b/www/src/demos/tooltip/offset.tsx
index a27d12797..68c6806de 100644
--- a/www/src/demos/tooltip/offset.tsx
+++ b/www/src/demos/tooltip/offset.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { PlusIcon } from "lucide-react";
+import { PenSquareIcon, PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
@@ -10,9 +10,9 @@ export default function Demo() {
   const [offset, setOffset] = React.useState(10);
   return (
     <div className="flex flex-col items-center gap-10">
-      <Tooltip offset={offset} content="Add to library">
+      <Tooltip offset={offset} content="Create new issue">
         <Button shape="square">
-          <PlusIcon />
+          <PenSquareIcon />
         </Button>
       </Tooltip>
       <NumberField
diff --git a/www/src/demos/tooltip/placement.tsx b/www/src/demos/tooltip/placement.tsx
index d09c212d9..425e3de78 100644
--- a/www/src/demos/tooltip/placement.tsx
+++ b/www/src/demos/tooltip/placement.tsx
@@ -1,30 +1,21 @@
 import React from "react";
-import { PlusIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
 
 export default function Demo() {
   return (
     <div className="flex items-center gap-4">
-      <Tooltip placement="top" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
+      <Tooltip placement="top" content="Create new issue">
+        <Button>Top</Button>
       </Tooltip>
-      <Tooltip placement="bottom" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
+      <Tooltip placement="bottom" content="Create new issue">
+        <Button>Bottom</Button>
       </Tooltip>
-      <Tooltip placement="left" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
+      <Tooltip placement="left" content="Create new issue">
+        <Button>Left</Button>
       </Tooltip>
-      <Tooltip placement="right" content="Add to library">
-        <Button shape="square">
-          <PlusIcon />
-        </Button>
+      <Tooltip placement="right" content="Create new issue">
+        <Button>Right</Button>
       </Tooltip>
     </div>
   );
diff --git a/www/src/demos/tooltip/variant.tsx b/www/src/demos/tooltip/variant.tsx
new file mode 100644
index 000000000..c2f992733
--- /dev/null
+++ b/www/src/demos/tooltip/variant.tsx
@@ -0,0 +1,13 @@
+import { SquarePenIcon } from "lucide-react";
+import { Button } from "@/components/dynamic-core/button";
+import { Tooltip } from "@/components/dynamic-core/tooltip";
+
+export default function Demo() {
+  return (
+    <Tooltip content="Create new issue" variant="inverse">
+      <Button shape="square">
+        <SquarePenIcon />
+      </Button>
+    </Tooltip>
+  );
+}
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index cc66da9e4..aaf64fce7 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -13,15 +13,18 @@ export const createDynamicComponent = <Props extends {}>(
   const Component: React.FC<Props> = (props) => {
     const { currentTheme } = useThemes();
 
-    const variant = currentTheme.variants[registryItem];
+    const currentThemeVariant = currentTheme.variants[registryItem];
     const { variants } = useComponentsVariants();
     const contextVariant = variants[registryItem];
 
-    if (!variant || !registry[variant]) {
+    if (
+      (!currentThemeVariant || !registry[currentThemeVariant]) &&
+      (!contextVariant || !registry[contextVariant])
+    ) {
       return <DefaultComp {...props} />;
     }
 
-    const LazyComponent = registry[contextVariant ?? variant];
+    const LazyComponent = registry[contextVariant ?? currentThemeVariant];
 
     return (
       <React.Suspense
@@ -60,4 +63,3 @@ export const VariantsProvider = ({
 };
 
 export const useComponentsVariants = () => React.useContext(variantsContext);
-
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index 6337bc727..b9595c3b3 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -5,10 +5,10 @@ const defaultVariants = {
   loader: "loader-ring",
   button: "button-01",
   calendar: "calendar_basic",
-  tooltip: "tooltip-01",
   form: "react-hook-form",
   checkbox: "checkbox_basic",
   "checkbox-group": "checkbox-group_basic",
+  tooltip: "tooltip_basic",
 };
 
 export const dotUIThemes: Theme[] = [
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert-01.tsx
index 6c964b8c5..3b0dceb22 100644
--- a/www/src/registry/core/alert-01.tsx
+++ b/www/src/registry/core/alert-01.tsx
@@ -101,7 +101,7 @@ interface AlertContentProps extends React.ComponentProps<"p"> {}
 
 function AlertContent({ className, ...props }: AlertContentProps) {
   const { variant } = useAlertContext("AlertTitle");
-  return <p className={content({ variant, className })} {...props} />;
+  return <div className={content({ variant, className })} {...props} />;
 }
 
 export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
diff --git a/www/src/registry/core/color-picker.tsx b/www/src/registry/core/color-picker.tsx
index f888508cb..82e63687c 100644
--- a/www/src/registry/core/color-picker.tsx
+++ b/www/src/registry/core/color-picker.tsx
@@ -13,7 +13,11 @@ import { ColorArea } from "@/registry/core/color-area";
 import { ColorField } from "@/registry/core/color-field";
 import { ColorSlider } from "@/registry/core/color-slider";
 import { ColorSwatch } from "@/registry/core/color-swatch";
-import { Dialog, DialogRoot, DialogRootProps } from "@/registry/core/dialog";
+import {
+  Dialog,
+  DialogRoot,
+  DialogRootProps,
+} from "@/registry/core/dialog_basic";
 import { Item } from "@/registry/core/list-box";
 import { Select } from "@/registry/core/select";
 import { cn } from "@/registry/lib/cn";
diff --git a/www/src/registry/core/date-picker.tsx b/www/src/registry/core/date-picker.tsx
index 10a2ab4d3..dc0449d1b 100644
--- a/www/src/registry/core/date-picker.tsx
+++ b/www/src/registry/core/date-picker.tsx
@@ -11,7 +11,7 @@ import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
 import { Calendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Dialog } from "@/registry/core/dialog";
+import { Dialog } from "@/registry/core/dialog_basic";
 import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
 import { InputRoot, type inputStyles } from "@/registry/core/input";
 
diff --git a/www/src/registry/core/date-range-picker.tsx b/www/src/registry/core/date-range-picker.tsx
index 54ac277b7..351d771bf 100644
--- a/www/src/registry/core/date-range-picker.tsx
+++ b/www/src/registry/core/date-range-picker.tsx
@@ -11,7 +11,7 @@ import { type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
 import { RangeCalendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Dialog } from "@/registry/core/dialog";
+import { Dialog } from "@/registry/core/dialog_basic";
 import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
 import { InputRoot, type inputStyles } from "@/registry/core/input";
 
diff --git a/www/src/registry/core/dialog.tsx b/www/src/registry/core/dialog.tsx
deleted file mode 100644
index ff1b35613..000000000
--- a/www/src/registry/core/dialog.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  DialogTrigger as AriaDialogTrigger,
-  Dialog as AriaDialog,
-  type DialogProps as AriaDialogProps,
-  type DialogTriggerProps as AriaDialogTriggerProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Heading } from "@/registry/core/heading";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay";
-import { Text } from "@/registry/core/text";
-
-const dialogStyles = tv({
-  slots: {
-    content: [
-      "outline-hidden relative flex max-w-full flex-col rounded-[inherit] p-4",
-      "group-data-[type=modal]/overlay:p-6",
-      "group-data-[type=drawer]/overlay:pt-0",
-    ],
-    header: "mb-4",
-    footer: "flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end",
-    inset:
-      "-mx-4 px-4 py-4 group-data-[type=modal]/overlay:-mx-6 group-data-[type=modal]/overlay:px-6",
-  },
-});
-
-type DialogRootProps = AriaDialogTriggerProps;
-const DialogRoot = (props: DialogRootProps) => {
-  return <AriaDialogTrigger {...props} />;
-};
-
-interface DialogProps
-  extends DialogContentProps,
-    Omit<OverlayProps, "children"> {
-  title?: string;
-  description?: string;
-}
-const Dialog = ({
-  title,
-  description,
-  type = "modal",
-  mobileType = "drawer",
-  mediaQuery,
-  modalProps,
-  popoverProps,
-  drawerProps,
-  ...props
-}: DialogProps) => {
-  return (
-    <Overlay
-      type={type}
-      mobileType={mobileType}
-      mediaQuery={mediaQuery}
-      modalProps={modalProps}
-      popoverProps={popoverProps}
-      drawerProps={drawerProps}
-    >
-      <DialogContent {...props}>
-        {composeRenderProps(props.children, (children) => (
-          <>
-            {(title || description) && (
-              <DialogHeader>
-                {title && <Heading>{title}</Heading>}
-                {description && <Text slot="description">{description}</Text>}
-              </DialogHeader>
-            )}
-            {children}
-          </>
-        ))}
-      </DialogContent>
-    </Overlay>
-  );
-};
-
-type DialogContentProps = AriaDialogProps;
-const DialogContent = ({
-  children,
-  className,
-  ...props
-}: DialogContentProps) => {
-  const { content } = dialogStyles();
-  return (
-    <AriaDialog className={content({ className })} {...props}>
-      {children}
-    </AriaDialog>
-  );
-};
-
-type DialogHeaderProps = React.ComponentProps<"header">;
-const DialogHeader = ({ children, className, ...props }: DialogHeaderProps) => {
-  const { header } = dialogStyles();
-  return (
-    <header className={header({ className })} {...props}>
-      {children}
-    </header>
-  );
-};
-
-type DialogFooterProps = React.ComponentProps<"footer">;
-const DialogFooter = ({ className, ...props }: DialogFooterProps) => {
-  const { footer } = dialogStyles();
-  return <footer className={footer({ className })} {...props} />;
-};
-
-type DialogInsetProps = React.ComponentProps<"div">;
-const DialogInset = ({ className, ...props }: DialogInsetProps) => {
-  const { inset } = dialogStyles();
-  return <div className={inset({ className })} {...props} />;
-};
-
-export type {
-  DialogRootProps,
-  DialogProps,
-  DialogContentProps,
-  DialogHeaderProps,
-  DialogFooterProps,
-  DialogInsetProps,
-};
-export {
-  DialogRoot,
-  DialogContent,
-  Dialog,
-  DialogHeader,
-  DialogFooter,
-  DialogInset,
-};
diff --git a/www/src/registry/core/dialog_basic.tsx b/www/src/registry/core/dialog_basic.tsx
new file mode 100644
index 000000000..f51967b0a
--- /dev/null
+++ b/www/src/registry/core/dialog_basic.tsx
@@ -0,0 +1,157 @@
+"use client";
+
+import * as React from "react";
+import {
+  composeRenderProps,
+  DialogTrigger as AriaDialogTrigger,
+  Dialog as AriaDialog,
+  Heading as AriaHeading,
+  Text as AriaText,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay";
+
+const dialogStyles = tv({
+  slots: {
+    content: [
+      "outline-hidden relative flex h-[inherit] max-h-[inherit] flex-col rounded-[inherit] p-4",
+    ],
+    header: "mb-4",
+    heading: "text-lg font-medium",
+    description: "text-fg-muted text-sm",
+    body: "-mx-4 flex-1 space-y-2 overflow-y-auto px-4",
+    inset: "bg-bg-muted -mx-4 border px-4 py-4",
+    footer: "flex flex-col-reverse gap-2 pt-8 sm:flex-row sm:justify-end",
+  },
+});
+
+const { content, header, heading, description, body, footer, inset } =
+  dialogStyles();
+
+interface DialogRootProps
+  extends React.ComponentProps<typeof AriaDialogTrigger> {}
+const DialogRoot = (props: DialogRootProps) => {
+  return <AriaDialogTrigger {...props} />;
+};
+
+interface DialogProps
+  extends DialogContentProps,
+    Omit<OverlayProps, "children"> {
+  title?: string;
+  description?: string;
+}
+const Dialog = ({
+  title,
+  description,
+  type = "modal",
+  mobileType = "drawer",
+  // modalProps,
+  // popoverProps,
+  // drawerProps,
+  isDismissable: isDismissableProp,
+  role,
+  // isOpen,
+  // defaultOpen,
+  // onOpenChange,
+  // isKeyboardDismissDisabled,
+  // shouldCloseOnInteractOutside,
+  ...props
+}: DialogProps) => {
+  const isDismissable = isDismissableProp ?? role !== "alertdialog";
+  return (
+    <Overlay
+      type={type}
+      mobileType={mobileType}
+      // isOpen={isOpen}
+      // defaultOpen={defaultOpen}
+      // onOpenChange={onOpenChange}
+      isDismissable={isDismissable}
+      // isKeyboardDismissDisabled={isKeyboardDismissDisabled}
+      // shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}
+      // modalProps={modalProps}
+      // popoverProps={popoverProps}
+      // drawerProps={drawerProps}
+      {...props}
+    >
+      <DialogContent role={role} {...props}>
+        {composeRenderProps(props.children, (children) => (
+          <>
+            {(title || description) && (
+              <DialogHeader>
+                {title && <DialogHeading>{title}</DialogHeading>}
+                {description && (
+                  <DialogDescription>{description}</DialogDescription>
+                )}
+              </DialogHeader>
+            )}
+            {children}
+          </>
+        ))}
+      </DialogContent>
+    </Overlay>
+  );
+};
+
+interface DialogContentProps extends React.ComponentProps<typeof AriaDialog> {}
+const DialogContent = ({ className, ...props }: DialogContentProps) => {
+  return <AriaDialog className={content({ className })} {...props} />;
+};
+
+interface DialogHeaderProps extends React.ComponentProps<"header"> {}
+const DialogHeader = ({ className, ...props }: DialogHeaderProps) => {
+  return <header className={header({ className })} {...props} />;
+};
+
+interface DialogHeadingProps extends React.ComponentProps<typeof AriaHeading> {}
+const DialogHeading = ({ className, ...props }: DialogHeadingProps) => {
+  return <AriaHeading className={heading({ className })} {...props} />;
+};
+
+interface DialogDescriptionProps
+  extends Omit<React.ComponentProps<typeof AriaText>, "slot"> {}
+const DialogDescription = ({ className, ...props }: DialogDescriptionProps) => {
+  return (
+    <AriaText
+      slot="description"
+      className={description({ className })}
+      {...props}
+    />
+  );
+};
+
+interface DialogBodyProps extends React.ComponentProps<"div"> {}
+const DialogBody = ({ className, ...props }: DialogBodyProps) => {
+  return <div className={body({ className })} {...props} />;
+};
+
+type DialogFooterProps = React.ComponentProps<"footer">;
+const DialogFooter = ({ className, ...props }: DialogFooterProps) => {
+  return <footer className={footer({ className })} {...props} />;
+};
+
+type DialogInsetProps = React.ComponentProps<"div">;
+const DialogInset = ({ className, ...props }: DialogInsetProps) => {
+  return <div className={inset({ className })} {...props} />;
+};
+
+export type {
+  DialogRootProps,
+  DialogProps,
+  DialogHeaderProps,
+  DialogHeadingProps,
+  DialogDescriptionProps,
+  DialogContentProps,
+  DialogFooterProps,
+  DialogInsetProps,
+};
+export {
+  DialogRoot,
+  Dialog,
+  DialogHeader,
+  DialogHeading,
+  DialogDescription,
+  DialogContent,
+  DialogBody,
+  DialogFooter,
+  DialogInset,
+};
diff --git a/www/src/registry/core/drawer.tsx b/www/src/registry/core/drawer.tsx
index 9d7d69bd3..7454dc702 100644
--- a/www/src/registry/core/drawer.tsx
+++ b/www/src/registry/core/drawer.tsx
@@ -11,27 +11,27 @@ import { tv } from "tailwind-variants";
 const drawerVariants = tv({
   slots: {
     underlay:
-      "before:ease-drawer before:animate-in before:fade-in exiting:before:animate-out exiting:before:fade-out exiting:before:duration-300 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:duration-300 before:content-['']",
+      "before:ease-drawer before:animate-in before:fade-in exiting:before:animate-out exiting:before:fade-out exiting:before:duration-500 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:duration-500 before:content-['']",
     overlay:
-      "outline-hidden entering:animate-in exiting:animate-out entering:duration-300 exiting:duration-300 bg-bg ease-drawer fixed z-50 flex flex-col",
+      "bg-bg ease-drawer fixed z-50 flex flex-col border duration-500 will-change-transform",
   },
   variants: {
     placement: {
       top: {
         overlay:
-          "exiting:slide-out-to-top entering:slide-in-from-top inset-x-0 top-0 border-b",
+          "entering:-translate-y-full exiting:-translate-y-full top-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen translate-y-0 rounded-b-xl border-t-0",
       },
       bottom: {
         overlay:
-          "exiting:slide-out-to-bottom entering:slide-in-from-bottom inset-x-0 bottom-0 border-t",
+          "top-(--visual-viewport-height) exiting:translate-y-0 entering:translate-y-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen -translate-y-full rounded-t-xl border-b-0 *:last:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]",
       },
       left: {
         overlay:
-          "exiting:slide-out-to-left entering:slide-in-from-left top-0 left-0 h-(--visual-viewport-height) border-r",
+          "entering:-translate-x-full exiting:-translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) left-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-r-xl border-l-0 *:last:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]",
       },
       right: {
         overlay:
-          "exiting:slide-out-to-right entering:slide-in-from-right top-0 right-0 h-(--visual-viewport-height) border-l",
+          "entering:translate-x-full exiting:translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) right-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-l-xl border-r-0 *:last:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]",
       },
     },
   },
@@ -63,7 +63,10 @@ function Drawer({
         className={composeRenderProps(className, (className) =>
           overlay({ placement, className })
         )}
-        style={style}
+        style={composeRenderProps(style, (style) => ({
+          "--drawer-margin": "calc(var(--spacing)*24)",
+          ...style,
+        }))}
         {...props}
       />
     </AriaModalOverlay>
diff --git a/www/src/registry/core/kbd.tsx b/www/src/registry/core/kbd.tsx
index 32b6cd747..84bd24aa3 100644
--- a/www/src/registry/core/kbd.tsx
+++ b/www/src/registry/core/kbd.tsx
@@ -4,7 +4,7 @@ import { Keyboard } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const KbdStyles = tv({
-  base: "text-fg-muted bg-bg rounded-md border p-1 text-xs leading-none",
+  base: "text-fg-muted bg-bg rounded-md border p-1 text-xs leading-none min-w-5 items-center justify-center inline-flex",
 });
 
 type KbdProps = React.HTMLAttributes<HTMLElement>;
diff --git a/www/src/registry/core/modal.tsx b/www/src/registry/core/modal.tsx
index 749278501..4b8970310 100644
--- a/www/src/registry/core/modal.tsx
+++ b/www/src/registry/core/modal.tsx
@@ -11,7 +11,7 @@ import { tv } from "tailwind-variants";
 const modalStyles = tv({
   slots: {
     underlay:
-      "h-(--visual-viewport-height) entering:animate-in entering:fade-in exiting:animate-out exiting:fade-out-0 entering:duration-200 exiting:duration-150 bg-bg-inverse dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-[100vw] items-center justify-center ease-[cubic-bezier(0.165,0.84,0.44,1)]",
+      "h-(--visual-viewport-height) entering:animate-in entering:fade-in exiting:animate-out exiting:fade-out-0 entering:duration-200 exiting:duration-150 bg-bg-inverse dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-screen items-center justify-center ease-[cubic-bezier(0.165,0.84,0.44,1)]",
     overlay:
       "bg-bg entering:animate-in entering:zoom-in-95 exiting:animate-out exiting:zoom-out-95 entering:duration-200 exiting:duration-150 relative z-50 w-full max-w-lg border shadow-lg ease-[cubic-bezier(0.165,0.84,0.44,1)] sm:rounded-lg md:w-full",
   },
diff --git a/www/src/registry/core/overlay.tsx b/www/src/registry/core/overlay.tsx
index 353c049b4..e76b411a6 100644
--- a/www/src/registry/core/overlay.tsx
+++ b/www/src/registry/core/overlay.tsx
@@ -7,38 +7,45 @@ import { useMediaQuery } from "@/registry/hooks/use-media-query";
 
 type Type = "modal" | "popover" | "drawer";
 
-interface OverlayProps {
+type CommonProps =
+  | "UNSTABLE_portalContainer"
+  | "isDismissable"
+  | "isOpen"
+  | "defaultOpen"
+  | "onOpenChange"
+  | "isKeyboardDismissDisabled"
+  | "shouldCloseOnInteractOutside";
+
+interface OverlayProps extends Pick<ModalProps, CommonProps> {
   children?: React.ReactNode;
   type?: Type;
   mobileType?: Type | null;
-  mediaQuery?: string;
-  popoverProps?: PopoverProps;
-  modalProps?: ModalProps;
-  drawerProps?: DrawerProps;
+  popoverProps?: Omit<PopoverProps, "children" | CommonProps>;
+  modalProps?: Omit<ModalProps, "children" | CommonProps>;
+  drawerProps?: Omit<DrawerProps, "children" | CommonProps>;
 }
 
 function Overlay({
   type = "modal",
   mobileType = "drawer",
-  mediaQuery = "(max-width: 640px)",
-  children,
   modalProps,
   popoverProps,
   drawerProps,
+  ...props
 }: OverlayProps) {
-  const isMobile = useMediaQuery(mediaQuery);
+  const isMobile = useMediaQuery("(max-width: 640px)");
   const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;
 
   if (resolvedType === "modal") {
-    return <Modal {...modalProps}>{children}</Modal>;
+    return <Modal {...modalProps} {...props} />;
   }
 
   if (resolvedType === "popover") {
-    return <Popover {...popoverProps}>{children}</Popover>;
+    return <Popover {...popoverProps} {...props} />;
   }
 
   if (resolvedType === "drawer") {
-    return <Drawer {...drawerProps}>{children}</Drawer>;
+    return <Drawer {...drawerProps} {...props} />;
   }
 }
 
diff --git a/www/src/registry/core/popover.tsx b/www/src/registry/core/popover.tsx
index e67082503..f2e452a34 100644
--- a/www/src/registry/core/popover.tsx
+++ b/www/src/registry/core/popover.tsx
@@ -11,7 +11,7 @@ import { tv } from "tailwind-variants";
 const popoverStyles = tv({
   slots: {
     popover:
-      "bg-bg min-w-(--trigger-width) entering:animate-in entering:fade-in entering:zoom-in-95 entering:duration-150 exiting:duration-100 entering:placement-bottom:slide-in-from-top-2 entering:placement-top:slide-in-from-bottom-2 entering:placement-left:slide-in-from-right-2 entering:placement-right:slide-in-from-left-2 exiting:animate-out exiting:fade-out exiting:zoom-out-95 exiting:placement-bottom:slide-out-to-top-2 exiting:placement-top:slide-out-to-bottom-2 exiting:placement-left:slide-out-to-right-2 exiting:placement-right:slide-out-to-left-2 placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left group rounded-md border shadow-md ease-[cubic-bezier(0.165,0.84,0.44,1)]",
+      "bg-bg min-w-(--trigger-width) entering:animate-in entering:fade-in entering:zoom-in-95 entering:duration-150 exiting:duration-150 entering:placement-bottom:slide-in-from-top-2 entering:placement-top:slide-in-from-bottom-2 entering:placement-left:slide-in-from-right-2 entering:placement-right:slide-in-from-left-2 exiting:animate-out exiting:fade-out exiting:zoom-out-95 exiting:placement-bottom:slide-out-to-top-2 exiting:placement-top:slide-out-to-bottom-2 exiting:placement-left:slide-out-to-right-2 exiting:placement-right:slide-out-to-left-2 placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left group rounded-md border shadow-md ease-[cubic-bezier(0.165,0.84,0.44,1)]",
     arrow:
       "stroke-border fill-bg group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180 stroke-1",
   },
diff --git a/www/src/registry/core/text-area.tsx b/www/src/registry/core/text-area.tsx
index b96c7a262..96ca1a9ab 100644
--- a/www/src/registry/core/text-area.tsx
+++ b/www/src/registry/core/text-area.tsx
@@ -41,8 +41,9 @@ const TextArea = ({
   );
 };
 
-interface TextAreaRootProps
-  extends React.ComponentProps<typeof AriaTextField> {}
+interface TextAreaRootProps extends React.ComponentProps<typeof AriaTextField> {
+  placeholder?: string;
+}
 const TextAreaRoot = ({ className, ...props }: TextAreaRootProps) => {
   return (
     <AriaTextField
diff --git a/www/src/registry/core/tooltip-01.tsx b/www/src/registry/core/tooltip_basic.tsx
similarity index 80%
rename from www/src/registry/core/tooltip-01.tsx
rename to www/src/registry/core/tooltip_basic.tsx
index 48586749d..ab8e9f78a 100644
--- a/www/src/registry/core/tooltip-01.tsx
+++ b/www/src/registry/core/tooltip_basic.tsx
@@ -13,15 +13,15 @@ import { createScopedContext } from "@/lib/helpers";
 const tooltipStyles = tv({
   slots: {
     content:
-      "group/tooltip text-fg entering:animate-in entering:fade-in entering:ease-out entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:ease-in exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 z-50 rounded-md px-3 py-1.5 text-sm shadow-md",
+      "group/tooltip text-fg entering:animate-in entering:fade-in entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 entering:ease-out exiting:ease-out entering:duration-150 exiting:duration-100 z-50 rounded-md px-3 py-1.5 text-sm shadow-md",
     arrow:
       "group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180",
   },
   variants: {
     variant: {
       default: {
-        content: "bg-bg-muted",
-        arrow: "fill-bg-muted",
+        content: "bg-bg-muted border",
+        arrow: "fill-bg-muted stroke-border",
       },
       inverse: {
         content: "bg-bg-inverse text-fg-inverse",
@@ -43,7 +43,7 @@ interface TooltipProps
   extends TooltipRootProps,
     Omit<TooltipContentProps, "children"> {
   content?: React.ReactNode;
-  arrow?: boolean;
+  showArrow?: boolean;
 }
 const Tooltip = ({
   delay,
@@ -54,7 +54,7 @@ const Tooltip = ({
   onOpenChange,
   isDisabled,
   content,
-  arrow = false,
+  showArrow = false,
   children,
   ...props
 }: TooltipProps) => {
@@ -70,7 +70,7 @@ const Tooltip = ({
     >
       {children}
       <TooltipContent {...props}>
-        {arrow && <TooltipArrow />}
+        {showArrow && <TooltipArrow />}
         {content}
       </TooltipContent>
     </TooltipRoot>
@@ -127,10 +127,10 @@ function TooltipArrow({ className, ...props }: TooltipArrowProps) {
   );
 }
 
-export { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };
 export type {
   TooltipProps,
   TooltipRootProps,
   TooltipContentProps,
   TooltipArrowProps,
 };
+export { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };
diff --git a/www/src/registry/core/tooltip_framer.tsx b/www/src/registry/core/tooltip_framer.tsx
new file mode 100644
index 000000000..89ad4f666
--- /dev/null
+++ b/www/src/registry/core/tooltip_framer.tsx
@@ -0,0 +1,174 @@
+"use client";
+
+import * as React from "react";
+import { AnimatePresence, motion, type Variants } from "motion/react";
+import {
+  Tooltip as AriaTooltip,
+  TooltipTrigger as AriaTooltipTrigger,
+  OverlayArrow as AriaOverlayArrow,
+  composeRenderProps,
+  TooltipTriggerStateContext,
+} from "react-aria-components";
+import { tv, VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/lib/helpers";
+
+const tooltipStyles = tv({
+  slots: {
+    content:
+      "group/tooltip text-fg placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left z-50 rounded-md px-3 py-1.5 text-sm shadow-md",
+    arrow:
+      "group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180",
+  },
+  variants: {
+    variant: {
+      default: {
+        content: "bg-bg-muted border",
+        arrow: "fill-bg-muted stroke-border",
+      },
+      inverse: {
+        content: "bg-bg-inverse text-fg-inverse",
+        arrow: "fill-bg-inverse",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+const { content, arrow } = tooltipStyles();
+
+const motionVariants: Variants = {
+  enter: {
+    transform: "scale(1)",
+    opacity: 1,
+    transition: {
+      type: "spring",
+      bounce: 0,
+      duration: 0.2,
+    },
+  },
+  exit: {
+    transform: "scale(0.85)",
+    opacity: 0,
+    transition: {
+      type: "easeOut",
+      duration: 0.15,
+    },
+  },
+};
+
+const [TooltipProvider, useTooltipContext] =
+  createScopedContext<VariantProps<typeof tooltipStyles>>("TooltipRoot");
+
+interface TooltipProps
+  extends TooltipRootProps,
+    Omit<TooltipContentProps, "children"> {
+  content?: React.ReactNode;
+  showArrow?: boolean;
+}
+const Tooltip = ({
+  delay,
+  closeDelay,
+  trigger,
+  defaultOpen,
+  isOpen,
+  onOpenChange,
+  isDisabled,
+  content,
+  showArrow = false,
+  children,
+  ...props
+}: TooltipProps) => {
+  return (
+    <TooltipRoot
+      delay={delay}
+      closeDelay={closeDelay}
+      trigger={trigger}
+      defaultOpen={defaultOpen}
+      onOpenChange={onOpenChange}
+      isOpen={isOpen}
+      isDisabled={isDisabled}
+    >
+      {children}
+      <TooltipContent {...props}>
+        {showArrow && <TooltipArrow />}
+        {content}
+      </TooltipContent>
+    </TooltipRoot>
+  );
+};
+
+interface TooltipRootProps
+  extends React.ComponentProps<typeof AriaTooltipTrigger> {}
+const TooltipRoot = ({
+  delay = 700,
+  closeDelay = 0,
+  ...props
+}: TooltipRootProps) => (
+  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />
+);
+
+const MotionTooltip = motion.create(AriaTooltip);
+
+interface TooltipContentProps
+  extends Omit<React.ComponentProps<typeof AriaTooltip>, "children" | "style">,
+    VariantProps<typeof tooltipStyles> {
+  children?: React.ReactNode;
+  style?: React.CSSProperties;
+}
+function TooltipContent({
+  variant,
+  offset = 10,
+  className,
+  ...props
+}: TooltipContentProps) {
+  const state = React.use(TooltipTriggerStateContext)!;
+  const isOpen = state.isOpen;
+  return (
+    <TooltipProvider variant={variant}>
+      <AnimatePresence>
+        {isOpen && (
+          <MotionTooltip
+            isOpen
+            initial="exit"
+            animate="enter"
+            exit="exit"
+            offset={offset}
+            variants={motionVariants}
+            className={composeRenderProps(className, (className) =>
+              content({ variant, className })
+            )}
+            {...props}
+          />
+        )}
+      </AnimatePresence>
+    </TooltipProvider>
+  );
+}
+
+interface TooltipArrowProps extends React.ComponentProps<"svg"> {}
+function TooltipArrow({ className, ...props }: TooltipArrowProps) {
+  const { variant } = useTooltipContext("TooltipArrow");
+  return (
+    <AriaOverlayArrow>
+      <svg
+        width={8}
+        height={8}
+        viewBox="0 0 8 8"
+        className={arrow({ variant, className })}
+        {...props}
+      >
+        <path d="M0 0 L4 4 L8 0" />
+      </svg>
+    </AriaOverlayArrow>
+  );
+}
+
+export type {
+  TooltipProps,
+  TooltipRootProps,
+  TooltipContentProps,
+  TooltipArrowProps,
+};
+export { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };
diff --git a/www/src/registry/core/use-motion-drawer.tsx b/www/src/registry/core/use-motion-drawer.tsx
deleted file mode 100644
index 41b284783..000000000
--- a/www/src/registry/core/use-motion-drawer.tsx
+++ /dev/null
@@ -1,688 +0,0 @@
-/* eslint-disable */
-
-/* This hook is in progress */
-import React from "react";
-import { OverlayTriggerStateContext } from "react-aria-components";
-
-interface useMotionDrawerProps {
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  scaleBackground?: boolean;
-  closeThreshold?: number;
-  scrollLockTimeout?: number;
-  isDismissable?: boolean;
-  placement?: "top" | "bottom" | "left" | "right";
-}
-
-type AnimationState = "unmounted" | "hidden" | "visible";
-
-export const useMotionDrawer = (props: useMotionDrawerProps) => {
-  const {
-    scaleBackground = true,
-    closeThreshold = CLOSE_THRESHOLD,
-    scrollLockTimeout = SCROLL_LOCK_TIMEOUT,
-    isDismissable = true,
-    placement = "bottom",
-  } = props;
-  const contextState = React.useContext(OverlayTriggerStateContext);
-  const context = React.useContext(DrawerInternalContext);
-  const state = contextState;
-  const [animation, setAnimation] = React.useState<AnimationState>("unmounted");
-  const isEntering = animation === "visible";
-  const isExiting = animation === "hidden";
-  const nested = !!context;
-
-  const drawerRef = React.useRef<HTMLDivElement>(null);
-  const backdropRef = React.useRef<HTMLDivElement>(null);
-  const dragStartTime = React.useRef<Date | null>(null);
-  const dragEndTime = React.useRef<Date | null>(null);
-
-  const [isDragging, setDragging] = React.useState(false);
-  const drawerHeightRef = React.useRef(
-    drawerRef.current?.getBoundingClientRect().height || 0
-  );
-  const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);
-  const pointerStart = React.useRef(0);
-  const keyboardIsOpen = React.useRef(false);
-  const initialDrawerHeight = React.useRef(0);
-  const previousDiffFromInitial = React.useRef(0);
-
-  function shouldDrag(el: EventTarget) {
-    // TODO: add more conditions (scrollLockTimeout / when animating / placement right and left / swipe amout? / scrollable element / ...)
-    const selectedText = window.getSelection()?.toString();
-    if (selectedText && selectedText.length > 0) return false;
-    if (!isVertical(placement)) return true;
-    // TODO: Disallow drag when entering or exiting
-    const swipeAmount = drawerRef.current
-      ? getTranslate(drawerRef.current, placement)
-      : null;
-    if (
-      swipeAmount !== null &&
-      (placement === "bottom" ? swipeAmount > 0 : swipeAmount < 0)
-    )
-      return true;
-    // TODO: SCROLLLOCKTIMEOUT
-    // TODO: DRAG IN placement
-    let element = el as HTMLElement;
-    while (element) {
-      if (element.scrollHeight > element.clientHeight) {
-        if (element.scrollTop !== 0) {
-          return false;
-        }
-        if (element.getAttribute("role") === "dialog") {
-          return true;
-        }
-      }
-      element = element.parentNode as HTMLElement;
-    }
-    return true;
-  }
-
-  function resetDrawer() {
-    if (!drawerRef.current) return;
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    const currentSwipeAmount = getTranslate(drawerRef.current, placement);
-    set(drawerRef.current, {
-      transform: "translate3d(0, 0, 0)",
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-    set(backdropRef.current, {
-      transition: `opacity ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-      opacity: "1",
-    });
-    // TODO: put this in a function (resetBody)
-    if (
-      scaleBackground &&
-      currentSwipeAmount &&
-      currentSwipeAmount > 0 &&
-      state.isOpen &&
-      !nested
-    ) {
-      set(
-        wrapper,
-        {
-          borderRadius: `${BORDER_RADIUS}px`,
-          ...(isVertical(placement)
-            ? {
-                transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
-                transformOrigin: "top",
-              }
-            : {
-                transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
-                transformOrigin: "left",
-              }),
-          transitionProperty: "transform, border-radius",
-          transitionDuration: `${TRANSITIONS.DURATION}s`,
-          transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(
-            ","
-          )})`,
-        },
-        true
-      );
-    }
-  }
-
-  function onPress(event: React.PointerEvent<HTMLDivElement>) {
-    if (drawerRef.current && !drawerRef.current.contains(event.target as Node))
-      return;
-    drawerHeightRef.current =
-      drawerRef.current?.getBoundingClientRect().height || 0;
-    setDragging(true);
-    dragStartTime.current = new Date();
-    // if (isIOS()) {
-    //   window.addEventListener('touchend', () => (isAllowedToDrag.current = false), { once: true });
-    // }
-    (event.target as HTMLElement).setPointerCapture(event.pointerId);
-    pointerStart.current = isVertical(placement)
-      ? event.clientY
-      : event.clientX;
-  }
-
-  function onDrag(event: React.PointerEvent<HTMLDivElement>) {
-    if (!drawerRef.current || !isDragging || !shouldDrag(event.target)) return;
-    const placementMultiplier =
-      placement === "bottom" || placement === "right" ? 1 : -1;
-    const draggedDistance =
-      (pointerStart.current -
-        (isVertical(placement) ? event.clientY : event.clientX)) *
-      placementMultiplier;
-    const isDraggingInDirection = draggedDistance > 0;
-    const absDraggedDistance = Math.abs(draggedDistance);
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    const percentageDragged = absDraggedDistance / drawerHeightRef.current;
-    if (nested) context.onNestedDrag(percentageDragged);
-    set(drawerRef.current, { transition: "none" }); // WHY?
-    set(backdropRef.current, { transition: "none" }); // WHY?
-    if (isDraggingInDirection) {
-      const dampenedDraggedDistance = dampenValue(draggedDistance);
-      const translateValue =
-        Math.min(dampenedDraggedDistance * -1, 0) * placementMultiplier;
-      set(drawerRef.current, {
-        transform: isVertical(placement)
-          ? `translate3d(0, ${translateValue}px, 0)`
-          : `translate3d(${translateValue}px, 0, 0)`,
-      });
-      return;
-    }
-    const opacityValue = 1 - percentageDragged;
-    set(
-      backdropRef.current,
-      { opacity: `${opacityValue}`, transition: "none" },
-      true
-    );
-    if (wrapper && backdropRef.current && scaleBackground && !nested) {
-      // Calculate percentageDragged as a fraction (0 to 1)
-      const scaleValue = Math.min(
-        getScale() + percentageDragged * (1 - getScale()),
-        1
-      );
-      const borderRadiusValue = 8 - percentageDragged * 8;
-      const translateValue = Math.max(0, 14 - percentageDragged * 14);
-      set(
-        wrapper,
-        {
-          borderRadius: `${borderRadiusValue}px`,
-          transform: isVertical(placement)
-            ? `scale(${scaleValue}) translate3d(0, ${translateValue}px, 0)`
-            : `scale(${scaleValue}) translate3d(${translateValue}px, 0, 0)`,
-          transition: "none",
-        },
-        true
-      );
-    }
-    const translateValue = absDraggedDistance * placementMultiplier;
-    set(drawerRef.current, {
-      transform: isVertical(placement)
-        ? `translate3d(0, ${translateValue}px, 0)`
-        : `translate3d(${translateValue}px, 0, 0)`,
-    });
-
-    // TODO: transform body
-  }
-
-  function onRelease(event: React.PointerEvent<HTMLDivElement>) {
-    if (!isDragging || !drawerRef.current) return;
-    if (nested) context.onNestedRelease(true);
-    setDragging(false);
-    dragEndTime.current = new Date();
-    const swipeAmount = getTranslate(drawerRef.current, placement);
-    if (!shouldDrag(event.target) || !swipeAmount || isNaN(swipeAmount)) return;
-    if (dragStartTime.current === null) return;
-    // TODO: check for justReleased (to not focus on an element on drag end)
-    const timeTaken =
-      dragEndTime.current.getTime() - dragStartTime.current.getTime();
-    const distMoved =
-      pointerStart.current -
-      (isVertical(placement) ? event.clientY : event.clientX);
-    const velocity = Math.abs(distMoved) / timeTaken;
-    if (
-      placement === "bottom" || placement === "right"
-        ? distMoved > 0
-        : distMoved < 0
-    ) {
-      resetDrawer();
-      return;
-    }
-    if (velocity > VELOCITY_THRESHOLD) {
-      closeDrawer();
-      return;
-    }
-    const visibleDrawerHeight = Math.min(
-      drawerRef.current.getBoundingClientRect().height ?? 0,
-      window.innerHeight
-    );
-    if (swipeAmount >= visibleDrawerHeight * closeThreshold) {
-      closeDrawer();
-      return;
-    }
-    resetDrawer();
-  }
-
-  function onPointerDown(event: React.PointerEvent<HTMLDivElement>) {
-    pointerStartRef.current = { x: event.clientX, y: event.clientY };
-    onPress(event);
-  }
-
-  function onPointerMove(event: React.PointerEvent<HTMLDivElement>) {
-    if (!pointerStartRef.current) return;
-    // TODO: Is allowed to swipe check?
-    onDrag(event);
-  }
-
-  function onPointerUp(event: React.PointerEvent<HTMLDivElement>) {
-    pointerStartRef.current = null;
-    onRelease(event);
-  }
-
-  function getScale() {
-    return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
-  }
-
-  function animateBody() {
-    if (nested) return;
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    if (!wrapper || !scaleBackground) return;
-    set(document.body, {
-      background:
-        document.body.style.backgroundColor || document.body.style.background,
-    });
-    set(document.body, { background: "black" }, true);
-    set(wrapper, {
-      borderRadius: `${BORDER_RADIUS}px`,
-      ...(isVertical(placement)
-        ? {
-            transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
-            transformOrigin: "top",
-          }
-        : {
-            transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
-            transformOrigin: "left",
-          }),
-      transitionProperty: "transform, border-radius",
-      transitionDuration: `${TRANSITIONS.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function resetBody() {
-    if (nested) return;
-    const wrapper = document.querySelector("[drawer-wrapper]");
-    if (!wrapper || !scaleBackground) return;
-    reset(wrapper, "overflow");
-    reset(wrapper, "transform");
-    reset(wrapper, "borderRadius");
-    set(wrapper, {
-      transitionProperty: "transform, border-radius",
-      transitionDuration: `${TRANSITIONS.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function openDrawer() {
-    if (!drawerRef.current) return;
-    if (nested) context.onNestedOpenChange(true);
-    setAnimation("visible");
-    animateBody();
-    set(drawerRef.current, {
-      transform: `translate3d(0, 0, 0)`,
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-    set(backdropRef.current, {
-      opacity: "1",
-      transition: `opacity ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function closeDrawer() {
-    if (!drawerRef.current) return;
-    if (nested) context.onNestedOpenChange(false);
-    setAnimation("hidden");
-    resetBody();
-    set(drawerRef.current, {
-      transform: isVertical(placement)
-        ? `translate3d(0, ${placement === "bottom" ? "100%" : "-100%"}, 0)`
-        : `translate3d(${placement === "right" ? "100%" : "-100%"}, 0, 0)`,
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-    set(backdropRef.current, {
-      opacity: "0",
-      transition: `opacity ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-    });
-  }
-
-  function handleTransitionEnd() {
-    if (isExiting) {
-      setAnimation("unmounted");
-      reset(document.body);
-      state.close();
-    }
-  }
-
-  function handleOpenChange(isOpen: boolean) {
-    if (!isOpen) {
-      closeDrawer();
-    }
-  }
-
-  function handleNestedOpenChange(isOpen: boolean) {
-    const scale = isOpen
-      ? (window.innerWidth - NESTED_DISPLACEMENT) / window.innerWidth
-      : 1;
-    const y = isOpen ? -NESTED_DISPLACEMENT : 0;
-    set(drawerRef.current, {
-      transition: `transform ${
-        TRANSITIONS.DURATION
-      }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-      transform: `scale(${scale}) translate3d(0, ${y}px, 0)`,
-    });
-  }
-
-  function handleNestedDrag(percentageDragged: number) {
-    if (percentageDragged < 0) return;
-    const initialDim = isVertical(placement)
-      ? window.innerHeight
-      : window.innerWidth;
-    const initialScale = (initialDim - NESTED_DISPLACEMENT) / initialDim;
-    const newScale = initialScale + percentageDragged * (1 - initialScale);
-    const newTranslate =
-      -NESTED_DISPLACEMENT + percentageDragged * NESTED_DISPLACEMENT;
-    set(drawerRef.current, {
-      transform: isVertical(placement)
-        ? `scale(${newScale}) translate3d(0, ${newTranslate}px, 0)`
-        : `scale(${newScale}) translate3d(${newTranslate}px, 0, 0)`,
-      transition: "none",
-    });
-  }
-
-  function handleNestedRelease(isOpen: boolean) {
-    const dim = isVertical(placement) ? window.innerHeight : window.innerWidth;
-    const scale = isOpen ? (dim - NESTED_DISPLACEMENT) / dim : 1;
-    const translate = isOpen ? -NESTED_DISPLACEMENT : 0;
-    if (isOpen) {
-      set(drawerRef.current, {
-        transition: `transform ${
-          TRANSITIONS.DURATION
-        }s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
-        transform: isVertical(placement)
-          ? `scale(${scale}) translate3d(0, ${translate}px, 0)`
-          : `scale(${scale}) translate3d(${translate}px, 0, 0)`,
-      });
-    }
-  }
-
-  // TODO: ADD LOGIC FOR INPUT KEYBOARD OPEN ON MOBILE
-
-  React.useEffect(() => {
-    function onVisualViewportChange() {
-      if (!drawerRef.current) return;
-      const focusedElement = document.activeElement as HTMLElement;
-      if (isInput(focusedElement) || keyboardIsOpen.current) {
-        const visualViewportHeight = window.visualViewport?.height || 0;
-        const diffFromInitial = window.innerHeight - visualViewportHeight;
-        const drawerHeight =
-          drawerRef.current.getBoundingClientRect().height || 0;
-        if (!initialDrawerHeight.current) {
-          initialDrawerHeight.current = drawerHeight;
-        }
-        const offsetFromTop = drawerRef.current.getBoundingClientRect().top;
-        if (Math.abs(previousDiffFromInitial.current - diffFromInitial) > 60) {
-          keyboardIsOpen.current = !keyboardIsOpen.current;
-        }
-        previousDiffFromInitial.current = diffFromInitial;
-        if (drawerHeight > visualViewportHeight || keyboardIsOpen.current) {
-          const height = drawerRef.current.getBoundingClientRect().height;
-          let newDrawerHeight = height;
-          if (height > visualViewportHeight) {
-            newDrawerHeight = visualViewportHeight - WINDOW_TOP_OFFSET;
-          }
-          drawerRef.current.style.height = `${Math.max(
-            newDrawerHeight,
-            visualViewportHeight - offsetFromTop
-          )}px`;
-        } else {
-          drawerRef.current.style.height = `${initialDrawerHeight.current}px`;
-        }
-        drawerRef.current.style.bottom = `${Math.max(diffFromInitial, 0)}px`;
-      }
-    }
-    window.visualViewport?.addEventListener("resize", onVisualViewportChange);
-    return () =>
-      window.visualViewport?.removeEventListener(
-        "resize",
-        onVisualViewportChange
-      );
-  }, []);
-
-  React.useEffect(() => {
-    if (state.isOpen) {
-      openDrawer();
-    } else {
-      if (!nested) {
-        resetBody(); // to ensure that always the body is reset.
-      }
-    }
-    return () => {
-      resetBody();
-    };
-  }, [state.isOpen]);
-
-  const rootProps = {
-    value: {
-      onNestedOpenChange: handleNestedOpenChange,
-      onNestedDrag: handleNestedDrag,
-      onNestedRelease: handleNestedRelease,
-    },
-  };
-
-  const drawerProps = {
-    ref: drawerRef,
-    "data-rac": "",
-    "data-drawer": "",
-    "data-placement": placement,
-    "data-open": state.isOpen || undefined,
-    onTransitionEnd: handleTransitionEnd,
-    onPointerUp,
-    onPointerDown,
-    onPointerMove,
-  };
-
-  const modalProps = {
-    isOpen: state.isOpen,
-    onOpenChange: handleOpenChange,
-    isExiting,
-  };
-
-  const backdropProps = { ref: backdropRef };
-
-  return {
-    rootProps,
-    modalProps,
-    drawerProps,
-    backdropProps,
-  };
-};
-
-export const MotionDrawerRoot = ({
-  children,
-  value,
-}: {
-  children: React.ReactNode;
-  value: DrawerInternalContextValue;
-}) => {
-  return (
-    <DrawerInternalContext.Provider value={value}>
-      {children}
-    </DrawerInternalContext.Provider>
-  );
-};
-
-interface DrawerInternalContextValue {
-  onNestedOpenChange: (isOpen: boolean) => void;
-  onNestedDrag: (percentageDragged: number) => void;
-  onNestedRelease: (isOpen: boolean) => void;
-}
-
-export const DrawerInternalContext =
-  React.createContext<DrawerInternalContextValue | null>(null);
-
-export const useDrawerInternalContext = () => {
-  const context = React.useContext(DrawerInternalContext);
-  return context;
-};
-
-// Constants
-
-const CLOSE_THRESHOLD = 0.25;
-const SCROLL_LOCK_TIMEOUT = 100;
-const BORDER_RADIUS = 8;
-const WINDOW_TOP_OFFSET = 26;
-const TRANSITIONS = {
-  DURATION: 0.5,
-  EASE: [0.32, 0.72, 0, 1],
-};
-const VELOCITY_THRESHOLD = 0.4;
-const NESTED_DISPLACEMENT = 16;
-
-// Types
-
-type DrawerPlacement = "top" | "bottom" | "left" | "right";
-
-// Helpers
-
-type Style = Record<string, string>;
-
-const cache = new WeakMap();
-
-export function isInView(el: HTMLElement): boolean {
-  const rect = el.getBoundingClientRect();
-
-  if (!window.visualViewport) return false;
-
-  return (
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    // Need + 40 for safari detection
-    rect.bottom <= window.visualViewport.height - 40 &&
-    rect.right <= window.visualViewport.width
-  );
-}
-
-export function set(
-  el: Element | HTMLElement | null | undefined,
-  styles: Style,
-  ignoreCache = false
-) {
-  if (!el || !(el instanceof HTMLElement)) return;
-  const originalStyles: Style = {};
-
-  Object.entries(styles).forEach(([key, value]: [string, string]) => {
-    if (key.startsWith("--")) {
-      el.style.setProperty(key, value);
-      return;
-    }
-
-    originalStyles[key] = (el.style as any)[key];
-    (el.style as any)[key] = value;
-  });
-
-  if (ignoreCache) return;
-
-  cache.set(el, originalStyles);
-}
-
-export function reset(el: Element | HTMLElement | null, prop?: string) {
-  if (!el || !(el instanceof HTMLElement)) return;
-  const originalStyles = cache.get(el);
-
-  if (!originalStyles) {
-    return;
-  }
-
-  if (prop) {
-    (el.style as any)[prop] = originalStyles[prop];
-  } else {
-    Object.entries(originalStyles).forEach(([key, value]) => {
-      (el.style as any)[key] = value;
-    });
-  }
-}
-
-export const isVertical = (placement: DrawerPlacement) => {
-  switch (placement) {
-    case "top":
-    case "bottom":
-      return true;
-    case "left":
-    case "right":
-      return false;
-    default:
-      return placement satisfies never;
-  }
-};
-
-export function getTranslate(
-  element: HTMLElement,
-  placement: DrawerPlacement
-): number | null {
-  if (!element) {
-    return null;
-  }
-  const style = window.getComputedStyle(element);
-  const transform =
-    // @ts-ignore
-    style.transform || style.webkitTransform || style.mozTransform;
-  let mat = transform.match(/^matrix3d\((.+)\)$/);
-  if (mat) {
-    // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix3d
-    return parseFloat(mat[1].split(", ")[isVertical(placement) ? 13 : 12]);
-  }
-  // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix
-  mat = transform.match(/^matrix\((.+)\)$/);
-  return mat
-    ? parseFloat(mat[1].split(", ")[isVertical(placement) ? 5 : 4])
-    : null;
-}
-
-export function dampenValue(v: number) {
-  return 8 * (Math.log(v + 1) - 2);
-}
-
-// Additional helpers
-
-function testPlatform(re: RegExp): boolean | undefined {
-  return window?.navigator != null
-    ? re.test(window.navigator.platform)
-    : undefined;
-}
-
-function isMac(): boolean | undefined {
-  return testPlatform(/^Mac/);
-}
-
-function isIPhone(): boolean | undefined {
-  return testPlatform(/^iPhone/);
-}
-
-function isIPad(): boolean | undefined {
-  return (
-    testPlatform(/^iPad/) ||
-    // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-    (isMac() && navigator.maxTouchPoints > 1)
-  );
-}
-
-function isIOS(): boolean | undefined {
-  return isIPhone() || isIPad();
-}
-
-const nonTextInputTypes = new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset",
-]);
-function isInput(target: Element) {
-  return (
-    (target instanceof HTMLInputElement &&
-      !nonTextInputTypes.has(target.type)) ||
-    target instanceof HTMLTextAreaElement ||
-    (target instanceof HTMLElement && target.isContentEditable)
-  );
-}
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 5b7bc9fe0..35688f199 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -825,17 +825,32 @@ export const core: Registry = [
     type: "registry:core",
     variants: [
       {
-        name: "tooltip-01",
+        name: "tooltip_basic",
+      },
+      {
+        name: "tooltip_framer",
+      },
+    ],
+  },
+  {
+    name: "tooltip_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/tooltip_basic.tsx",
+        type: "registry:core",
+        target: "core/tooltip.tsx",
       },
     ],
   },
   {
-    name: "tooltip-01",
+    name: "tooltip_framer",
     type: "registry:core",
     dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/tooltip-01.tsx",
+        path: "core/tooltip_framer.tsx",
         type: "registry:core",
         target: "core/tooltip.tsx",
       },
diff --git a/www/src/styles/docs.css b/www/src/styles/docs.css
index 3c5baf0ba..43e9d1a8d 100644
--- a/www/src/styles/docs.css
+++ b/www/src/styles/docs.css
@@ -1,11 +1,11 @@
 @utility container {
   margin-left: auto;
   margin-right: auto;
-  padding-left: 2rem;
-  padding-right: 2rem;
-  
-  @media (width >= 1400px) {
-    max-width: 1400px;
+  padding-inline: 1rem;
+
+  @media (width >= --theme(--breakpoint-sm)) {
+    max-width: var(--container-7xl);
+    padding-inline: 2rem;
   }
 }
 

From 73d188302c3579a1e5da94d12c29b7f7ec4a154c Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 22 Jan 2025 23:16:04 +0100
Subject: [PATCH 051/165] docs: update overlay components

---
 .../docs/components/overlays/dialog.mdx       |  4 +-
 .../docs/components/overlays/popover.mdx      | 13 ++--
 .../docs/components/overlays/tooltip.mdx      |  2 +-
 www/src/components/core/popover.tsx           |  2 +-
 www/src/components/dynamic-core/drawer.tsx    |  2 +-
 www/src/components/dynamic-core/modal.tsx     | 13 +++-
 www/src/components/dynamic-core/popover.tsx   |  2 +-
 www/src/lib/themes.ts                         |  3 +
 www/src/registry/core/dialog_basic.tsx        |  2 +-
 .../core/{drawer.tsx => drawer_basic.tsx}     |  2 +-
 .../core/{modal.tsx => modal_basic.tsx}       |  4 +-
 www/src/registry/core/overlay-01.tsx          | 46 -------------
 www/src/registry/core/overlay.tsx             |  6 +-
 .../core/{popover.tsx => popover_basic.tsx}   |  0
 www/src/registry/registry-core.ts             | 66 ++++++++++++++++++-
 15 files changed, 96 insertions(+), 71 deletions(-)
 rename www/src/registry/core/{drawer.tsx => drawer_basic.tsx} (88%)
 rename www/src/registry/core/{modal.tsx => modal_basic.tsx} (60%)
 delete mode 100644 www/src/registry/core/overlay-01.tsx
 rename www/src/registry/core/{popover.tsx => popover_basic.tsx} (100%)

diff --git a/www/content/docs/components/overlays/dialog.mdx b/www/content/docs/components/overlays/dialog.mdx
index 7796a90c6..1f9294da0 100644
--- a/www/content/docs/components/overlays/dialog.mdx
+++ b/www/content/docs/components/overlays/dialog.mdx
@@ -2,14 +2,12 @@
 title: Dialog ☑️
 description: A dialog is an overlay shown above other content in an application.
 links:
-  - label: Aria dialog docs
-    href: https://react-spectrum.adobe.com/react-aria/Dialog.html
   - label: Aria dialog docs
     href: https://react-spectrum.adobe.com/react-aria/Dialog.html
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlay/dialog.mdx?plain=1
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/dialog.mdx?plain=1
 ---
 
 <ComponentPreview
diff --git a/www/content/docs/components/overlays/popover.mdx b/www/content/docs/components/overlays/popover.mdx
index 606c8bb6a..e0b46427c 100644
--- a/www/content/docs/components/overlays/popover.mdx
+++ b/www/content/docs/components/overlays/popover.mdx
@@ -7,15 +7,14 @@ links:
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/toggle-button-group.mdx?plain=1
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/popover.mdx?plain=1
 ---
 
-<Alert variant="warning">
-  <span className="font-bold">Note:</span>{" "}
-  {
-    "Popover only provides the overlay itself. It should be combined with Dialog to create fully accessible popovers. Other overlays such as menus may also be placed in a popover."
-  }
-</Alert>
+{/* prettier-ignore-start */}
+
+<Alert><span className="font-bold">Note:</span> Popover only provides the overlay itself. It should be combined with Dialog to create fully accessible modal dialogs. <Link href="/docs/components/overlays/dialog">See dialog</Link> component instead.</Alert>
+
+{/* prettier-ignore-end */}
 
 <ComponentPreview name="core/popover/popover-basic" preview={``} />
 
diff --git a/www/content/docs/components/overlays/tooltip.mdx b/www/content/docs/components/overlays/tooltip.mdx
index 5c030a732..bc45c0752 100644
--- a/www/content/docs/components/overlays/tooltip.mdx
+++ b/www/content/docs/components/overlays/tooltip.mdx
@@ -7,7 +7,7 @@ links:
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlay/tooltip.mdx?plain=1
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/overlays/tooltip.mdx?plain=1
 ---
 
 <ComponentPreview
diff --git a/www/src/components/core/popover.tsx b/www/src/components/core/popover.tsx
index 1ca22ae39..da2c40702 100644
--- a/www/src/components/core/popover.tsx
+++ b/www/src/components/core/popover.tsx
@@ -1 +1 @@
-export * from "@/registry/core/popover"
\ No newline at end of file
+export * from "@/registry/core/popover_basic";
diff --git a/www/src/components/dynamic-core/drawer.tsx b/www/src/components/dynamic-core/drawer.tsx
index d46e70194..615df820d 100644
--- a/www/src/components/dynamic-core/drawer.tsx
+++ b/www/src/components/dynamic-core/drawer.tsx
@@ -1 +1 @@
-export * from "@/registry/core/drawer";
+export * from "@/registry/core/drawer_basic";
diff --git a/www/src/components/dynamic-core/modal.tsx b/www/src/components/dynamic-core/modal.tsx
index 66d1d46eb..b4136e39b 100644
--- a/www/src/components/dynamic-core/modal.tsx
+++ b/www/src/components/dynamic-core/modal.tsx
@@ -1 +1,12 @@
-export * from "@/registry/core/modal";
+"use client";
+
+import React from "react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import { Modal as _Modal, ModalProps } from "@/registry/core/modal_basic";
+
+export const Modal = createDynamicComponent<ModalProps>(
+  "modal",
+  "Modal",
+  _Modal,
+  {}
+);
diff --git a/www/src/components/dynamic-core/popover.tsx b/www/src/components/dynamic-core/popover.tsx
index 21ead5bc1..41503f361 100644
--- a/www/src/components/dynamic-core/popover.tsx
+++ b/www/src/components/dynamic-core/popover.tsx
@@ -1 +1 @@
-export * from "@/registry/core/popover";
+export * from "@/registry/core/popover_basic";
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index b9595c3b3..88d7f65f5 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -9,6 +9,9 @@ const defaultVariants = {
   checkbox: "checkbox_basic",
   "checkbox-group": "checkbox-group_basic",
   tooltip: "tooltip_basic",
+  modal: "modal_basic",
+  popover: "popover_basic",
+  drawer: "drawer_basic",
 };
 
 export const dotUIThemes: Theme[] = [
diff --git a/www/src/registry/core/dialog_basic.tsx b/www/src/registry/core/dialog_basic.tsx
index f51967b0a..99f77e69e 100644
--- a/www/src/registry/core/dialog_basic.tsx
+++ b/www/src/registry/core/dialog_basic.tsx
@@ -19,7 +19,7 @@ const dialogStyles = tv({
     header: "mb-4",
     heading: "text-lg font-medium",
     description: "text-fg-muted text-sm",
-    body: "-mx-4 flex-1 space-y-2 overflow-y-auto px-4",
+    body: "-mx-4 flex-1 space-y-2 overflow-y-auto px-4 py-2",
     inset: "bg-bg-muted -mx-4 border px-4 py-4",
     footer: "flex flex-col-reverse gap-2 pt-8 sm:flex-row sm:justify-end",
   },
diff --git a/www/src/registry/core/drawer.tsx b/www/src/registry/core/drawer_basic.tsx
similarity index 88%
rename from www/src/registry/core/drawer.tsx
rename to www/src/registry/core/drawer_basic.tsx
index 7454dc702..3984ad76a 100644
--- a/www/src/registry/core/drawer.tsx
+++ b/www/src/registry/core/drawer_basic.tsx
@@ -11,7 +11,7 @@ import { tv } from "tailwind-variants";
 const drawerVariants = tv({
   slots: {
     underlay:
-      "before:ease-drawer before:animate-in before:fade-in exiting:before:animate-out exiting:before:fade-out exiting:before:duration-500 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:duration-500 before:content-['']",
+      "before:ease-drawer entering:before:opacity-0 exiting:before:opacity-0 before:opacity-100 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:duration-500 before:content-['']",
     overlay:
       "bg-bg ease-drawer fixed z-50 flex flex-col border duration-500 will-change-transform",
   },
diff --git a/www/src/registry/core/modal.tsx b/www/src/registry/core/modal_basic.tsx
similarity index 60%
rename from www/src/registry/core/modal.tsx
rename to www/src/registry/core/modal_basic.tsx
index 4b8970310..d86aea4e4 100644
--- a/www/src/registry/core/modal.tsx
+++ b/www/src/registry/core/modal_basic.tsx
@@ -11,9 +11,9 @@ import { tv } from "tailwind-variants";
 const modalStyles = tv({
   slots: {
     underlay:
-      "h-(--visual-viewport-height) entering:animate-in entering:fade-in exiting:animate-out exiting:fade-out-0 entering:duration-200 exiting:duration-150 bg-bg-inverse dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-screen items-center justify-center ease-[cubic-bezier(0.165,0.84,0.44,1)]",
+      "h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]",
     overlay:
-      "bg-bg entering:animate-in entering:zoom-in-95 exiting:animate-out exiting:zoom-out-95 entering:duration-200 exiting:duration-150 relative z-50 w-full max-w-lg border shadow-lg ease-[cubic-bezier(0.165,0.84,0.44,1)] sm:rounded-lg md:w-full",
+      "bg-bg entering:scale-95 scale-100 exiting:scale-95 relative z-50 w-full max-w-lg border shadow-lg duration-200 will-change-transform ease-[cubic-bezier(0.165,0.84,0.44,1)] sm:rounded-lg md:w-full",
   },
 });
 
diff --git a/www/src/registry/core/overlay-01.tsx b/www/src/registry/core/overlay-01.tsx
deleted file mode 100644
index bdd4d047f..000000000
--- a/www/src/registry/core/overlay-01.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-"use client";
-
-import { Drawer, DrawerProps } from "@/registry/core/drawer";
-import { Modal, ModalProps } from "@/registry/core/modal";
-import { Popover, PopoverProps } from "@/registry/core/popover";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
-
-type Type = "modal" | "popover" | "drawer";
-
-interface OverlayProps {
-  children?: React.ReactNode;
-  type?: Type;
-  mobileType?: Type;
-  mediaQuery?: string;
-  popoverProps?: PopoverProps;
-  modalProps?: ModalProps;
-  drawerProps?: DrawerProps;
-}
-
-function Overlay({
-  type = "modal",
-  mobileType,
-  mediaQuery = "(max-width: 640px)",
-  children,
-  modalProps,
-  popoverProps,
-  drawerProps,
-}: OverlayProps) {
-  const isMobile = useMediaQuery(mediaQuery);
-  const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;
-
-  if (resolvedType === "modal") {
-    return <Modal {...modalProps}>{children}</Modal>;
-  }
-
-  if (resolvedType === "popover") {
-    return <Popover {...popoverProps}>{children}</Popover>;
-  }
-
-  if (resolvedType === "drawer") {
-    return <Drawer {...drawerProps}>{children}</Drawer>;
-  }
-}
-
-export type { OverlayProps };
-export { Overlay };
diff --git a/www/src/registry/core/overlay.tsx b/www/src/registry/core/overlay.tsx
index e76b411a6..fca318d94 100644
--- a/www/src/registry/core/overlay.tsx
+++ b/www/src/registry/core/overlay.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import { Drawer, DrawerProps } from "@/registry/core/drawer";
-import { Modal, ModalProps } from "@/registry/core/modal";
-import { Popover, PopoverProps } from "@/registry/core/popover";
+import { Drawer, DrawerProps } from "@/registry/core/drawer_basic";
+import { Modal, ModalProps } from "@/registry/core/modal_basic";
+import { Popover, PopoverProps } from "@/registry/core/popover_basic";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
 
 type Type = "modal" | "popover" | "drawer";
diff --git a/www/src/registry/core/popover.tsx b/www/src/registry/core/popover_basic.tsx
similarity index 100%
rename from www/src/registry/core/popover.tsx
rename to www/src/registry/core/popover_basic.tsx
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 35688f199..7ff8f9a54 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -631,9 +631,6 @@ export const core: Registry = [
     ],
   },
 
-
-
-
   {
     name: "radio-group",
     type: "registry:core",
@@ -856,4 +853,67 @@ export const core: Registry = [
       },
     ],
   },
+  {
+    name: "modal",
+    type: "registry:core",
+    variants: [
+      {
+        name: "modal_basic",
+      },
+    ],
+  },
+  {
+    name: "modal_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/modal_basic.tsx",
+        type: "registry:core",
+        target: "core/modal.tsx",
+      },
+    ],
+  },
+  {
+    name: "popover",
+    type: "registry:core",
+    variants: [
+      {
+        name: "popover_basic",
+      },
+    ],
+  },
+  {
+    name: "popover_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/popover_basic.tsx",
+        type: "registry:core",
+        target: "core/popover.tsx",
+      },
+    ],
+  },
+  {
+    name: "drawer",
+    type: "registry:core",
+    variants: [
+      {
+        name: "drawer_basic",
+      },
+    ],
+  },
+  {
+    name: "drawer_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/drawer_basic.tsx",
+        type: "registry:core",
+        target: "core/drawer.tsx",
+      },
+    ],
+  },
 ];

From afc6f437a4e1abdcb47179a97a3ffd3ccf057ec3 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 25 Jan 2025 02:14:59 +0100
Subject: [PATCH 052/165] refactor: update components

---
 packages/tailwindcss-rac/index.js             | 195 ++++-----
 pnpm-lock.yaml                                |  17 +-
 .../docs/components/data-display/table.mdx    | 186 ++++++++-
 .../components/forms-and-inputs/checkbox.mdx  |  11 +-
 .../components/navigation/breadcrumbs.mdx     | 121 +++---
 .../docs/components/navigation/link.mdx       | 132 ------
 .../docs/components/navigation/tabs.mdx       | 155 ++++---
 www/package.json                              |   2 +-
 www/src/__registry__/core/breadcrumbs.tsx     |  79 ----
 www/src/__registry__/core/checkbox_basic.tsx  |  15 +-
 www/src/__registry__/core/color-field.tsx     |   4 +-
 www/src/__registry__/core/date-field.tsx      |   2 +-
 www/src/__registry__/core/drawer.tsx          |  74 ----
 www/src/__registry__/demos.tsx                | 118 ++++--
 .../themes/components/explore-themes.tsx      |   1 -
 .../(app)/themes/components/theme-select.tsx  |  20 +-
 www/src/app/(home)/components-overview.tsx    |  16 +-
 www/src/app/internal/page.tsx                 |  66 ++-
 www/src/components/core/breadcrumbs.tsx       |   2 +-
 www/src/components/core/tabs.tsx              |   2 +-
 www/src/components/docs/install-tabs.tsx      |   2 +-
 .../components/dynamic-core/breadcrumbs.tsx   |  44 +-
 www/src/components/dynamic-core/drawer.tsx    |  15 +-
 www/src/components/dynamic-core/modal.tsx     |   1 -
 www/src/components/dynamic-core/popover.tsx   |  15 +-
 www/src/components/dynamic-core/tabs.tsx      |  59 ++-
 www/src/demos/breadcrumbs/composition.tsx     |   1 -
 www/src/demos/checkbox/card.tsx               |   2 +-
 www/src/demos/checkbox/default.tsx            |  12 +-
 www/src/demos/checkbox/variants.tsx           |  14 +
 www/src/demos/link/default.tsx                |   9 -
 www/src/demos/link/disabled.tsx               |   9 -
 www/src/demos/link/icon.tsx                   |  13 -
 www/src/demos/link/variants.tsx               |  21 -
 www/src/demos/registry.ts                     |  23 +-
 www/src/demos/table/basic.tsx                 |  39 ++
 www/src/demos/table/column-resizing.tsx       |  57 +++
 www/src/demos/table/controlled.tsx            |  57 +++
 www/src/demos/table/default.tsx               |   3 -
 www/src/demos/table/disabled-rows.tsx         |  57 +++
 .../demos/table/disallow-empty-selection.tsx  |  57 +++
 www/src/demos/table/dynamic-collection.tsx    |  57 +++
 www/src/demos/table/empty-state.tsx           |  57 +++
 www/src/demos/table/links.tsx                 |  57 +++
 www/src/demos/table/reordable.tsx             |  57 +++
 www/src/demos/table/row-action.tsx            |  57 +++
 www/src/demos/table/selection-behavior.tsx    |  57 +++
 www/src/demos/table/selection-mode.tsx        |  75 ++++
 www/src/demos/table/selection.tsx             |  57 +++
 www/src/demos/table/sorting.tsx               |  57 +++
 www/src/demos/table/static-row-action.tsx     |  57 +++
 www/src/demos/table/uncontrolled.tsx          |  57 +++
 www/src/demos/table/variants.tsx              |  74 ++++
 www/src/demos/tabs/basic.tsx                  |   6 +-
 www/src/demos/tabs/controlled.tsx             |   9 +-
 www/src/demos/tabs/disabled-item.tsx          |  18 -
 www/src/demos/tabs/disabled.tsx               |  32 +-
 www/src/demos/tabs/keyboard-activation.tsx    |   6 +-
 www/src/demos/tabs/variant.tsx                |  16 +
 www/src/demos/tabs/vertical.tsx               |   8 +-
 www/src/lib/themes.ts                         |   1 +
 www/src/registry/core/breadcrumbs.tsx         |  79 ----
 www/src/registry/core/breadcrumbs_basic.tsx   |  81 ++++
 www/src/registry/core/checkbox_basic.tsx      |  54 ++-
 www/src/registry/core/color-field.tsx         |   4 +-
 www/src/registry/core/date-field copy.tsx     |   2 +-
 www/src/registry/core/date-field.tsx          |   2 +-
 www/src/registry/core/dialog_basic.tsx        |  33 +-
 www/src/registry/core/table copy.tsx          | 136 +++++++
 www/src/registry/core/table.tsx               | 384 ++++++++----------
 www/src/registry/core/tabs.tsx                |  93 -----
 www/src/registry/core/tabs_basic.tsx          | 140 +++++++
 www/src/registry/core/tabs_motion.tsx         | 163 ++++++++
 www/src/registry/core/text-field.tsx          |   4 +-
 www/src/registry/core/time-field.tsx          |   2 +-
 www/src/registry/core/tooltip_framer.tsx      |   4 +-
 www/src/registry/registry-core.ts             |  26 +-
 77 files changed, 2589 insertions(+), 1161 deletions(-)
 delete mode 100644 www/content/docs/components/navigation/link.mdx
 delete mode 100644 www/src/__registry__/core/breadcrumbs.tsx
 delete mode 100644 www/src/__registry__/core/drawer.tsx
 create mode 100644 www/src/demos/checkbox/variants.tsx
 delete mode 100644 www/src/demos/link/default.tsx
 delete mode 100644 www/src/demos/link/disabled.tsx
 delete mode 100644 www/src/demos/link/icon.tsx
 delete mode 100644 www/src/demos/link/variants.tsx
 create mode 100644 www/src/demos/table/basic.tsx
 create mode 100644 www/src/demos/table/column-resizing.tsx
 create mode 100644 www/src/demos/table/controlled.tsx
 delete mode 100644 www/src/demos/table/default.tsx
 create mode 100644 www/src/demos/table/disabled-rows.tsx
 create mode 100644 www/src/demos/table/disallow-empty-selection.tsx
 create mode 100644 www/src/demos/table/dynamic-collection.tsx
 create mode 100644 www/src/demos/table/empty-state.tsx
 create mode 100644 www/src/demos/table/links.tsx
 create mode 100644 www/src/demos/table/reordable.tsx
 create mode 100644 www/src/demos/table/row-action.tsx
 create mode 100644 www/src/demos/table/selection-behavior.tsx
 create mode 100644 www/src/demos/table/selection-mode.tsx
 create mode 100644 www/src/demos/table/selection.tsx
 create mode 100644 www/src/demos/table/sorting.tsx
 create mode 100644 www/src/demos/table/static-row-action.tsx
 create mode 100644 www/src/demos/table/uncontrolled.tsx
 create mode 100644 www/src/demos/table/variants.tsx
 delete mode 100644 www/src/demos/tabs/disabled-item.tsx
 create mode 100644 www/src/demos/tabs/variant.tsx
 delete mode 100644 www/src/registry/core/breadcrumbs.tsx
 create mode 100644 www/src/registry/core/breadcrumbs_basic.tsx
 create mode 100644 www/src/registry/core/table copy.tsx
 delete mode 100644 www/src/registry/core/tabs.tsx
 create mode 100644 www/src/registry/core/tabs_basic.tsx
 create mode 100644 www/src/registry/core/tabs_motion.tsx

diff --git a/packages/tailwindcss-rac/index.js b/packages/tailwindcss-rac/index.js
index 5805f13f8..c8b4388a4 100644
--- a/packages/tailwindcss-rac/index.js
+++ b/packages/tailwindcss-rac/index.js
@@ -1,4 +1,4 @@
-const plugin = require("tailwindcss/plugin");
+const plugin = require('tailwindcss/plugin');
 
 // Order of these is important because it determines which states win in a conflict.
 // We mostly follow Tailwind's defaults, adding our additional states following the categories they define.
@@ -6,104 +6,90 @@ const plugin = require("tailwindcss/plugin");
 const attributes = {
   boolean: [
     // Conditions
-    "allows-removing",
-    "allows-sorting",
-    "allows-dragging",
-    "has-submenu",
+    'allows-removing',
+    'allows-sorting',
+    'allows-dragging',
+    'has-submenu',
 
     // States
-    "open",
-    "expanded",
-    "entering",
-    "exiting",
-    "indeterminate",
-    ["placeholder-shown", "placeholder"],
-    "current",
-    "required",
-    "unavailable",
-    "invalid",
-    ["read-only", "readonly"],
-    "outside-month",
-    "outside-visible-range",
-    "pending",
+    'open',
+    'expanded',
+    'entering',
+    'exiting',
+    'indeterminate',
+    ['placeholder-shown', 'placeholder'],
+    'current',
+    'required',
+    'unavailable',
+    'invalid',
+    ['read-only', 'readonly'],
+    'outside-month',
+    'outside-visible-range',
+    'pending',
 
     // Content
-    "empty",
+    'empty',
 
     // Interactive states
-    "focus-within",
-    ["hover", "hovered"],
-    ["focus", "focused"],
-    "focus-visible",
-    "pressed",
-    "selected",
-    "selection-start",
-    "selection-end",
-    "dragging",
-    "drop-target",
-    "resizing",
-    "disabled",
+    'focus-within',
+    ['hover', 'hovered'],
+    ['focus', 'focused'],
+    'focus-visible',
+    'pressed',
+    'selected',
+    'selection-start',
+    'selection-end',
+    'dragging',
+    'drop-target',
+    'resizing',
+    'disabled'
   ],
   enum: {
-    placement: ["left", "right", "top", "bottom"],
-    type: ["literal", "year", "month", "day"],
-    layout: ["grid", "stack"],
-    orientation: ["horizontal", "vertical"],
-    "selection-mode": ["single", "multiple"],
-    "resizable-direction": ["right", "left", "both"],
-    "sort-direction": ["ascending", "descending"],
-  },
+    placement: ['left', 'right', 'top', 'bottom'],
+    type: ['literal', 'year', 'month', 'day'],
+    layout: ['grid', 'stack'],
+    orientation: ['horizontal', 'vertical'],
+    'selection-mode': ['single', 'multiple'],
+    'resizable-direction': ['right', 'left', 'both'],
+    'sort-direction': ['ascending', 'descending']
+  }
 };
 
 const shortNames = {
-  "selection-mode": "selection",
-  "resizable-direction": "resizable",
-  "sort-direction": "sort",
+  'selection-mode': 'selection',
+  'resizable-direction': 'resizable',
+  'sort-direction': 'sort'
 };
 
 // Variants we use that are already defined by Tailwind:
 // https://github.com/tailwindlabs/tailwindcss/blob/a2fa6932767ab328515f743d6188c2164ad2a5de/src/corePlugins.js#L84
-const nativeVariants = [
-  "indeterminate",
-  "required",
-  "invalid",
-  "empty",
-  "focus-visible",
-  "focus-within",
-  "disabled",
-];
+const nativeVariants = ['indeterminate', 'required', 'invalid', 'empty', 'focus-visible', 'focus-within', 'disabled'];
 const nativeVariantSelectors = new Map([
   ...nativeVariants.map((variant) => [variant, `:${variant}`]),
-  ["hovered", ":hover"],
-  ["focused", ":focus"],
-  ["readonly", ":read-only"],
-  ["open", "[open]"],
-  ["expanded", "[expanded]"],
+  ['hovered', ':hover'],
+  ['focused', ':focus'],
+  ['readonly', ':read-only'],
+  ['open', '[open]'],
+  ['expanded', '[expanded]']
 ]);
 
 // Variants where both native and RAC attributes should apply. We don't override these.
-const nativeMergeSelectors = new Map([["placeholder", ":placeholder-shown"]]);
+const nativeMergeSelectors = new Map([
+  ['placeholder', ':placeholder-shown']
+]);
 
 // If no prefix is specified, we want to avoid overriding native variants on non-RAC components, so we only target elements with the data-rac attribute for those variants.
-let getSelector = (
-  prefix,
-  attributeName,
-  attributeValue,
-  hoverOnlyWhenSupported
-) => {
-  let baseSelector = attributeValue
-    ? `[data-${attributeName}="${attributeValue}"]`
-    : `[data-${attributeName}]`;
+let getSelector = (prefix, attributeName, attributeValue) => {
+  let baseSelector = attributeValue ? `[data-${attributeName}="${attributeValue}"]` : `[data-${attributeName}]`;
   let nativeSelector = nativeVariantSelectors.get(attributeName);
-  if (prefix === "" && nativeSelector) {
+  if (prefix === '' && nativeSelector) {
     let wrappedNativeSelector = `&:where(:not([data-rac]))${nativeSelector}`;
     let nativeSelectorGenerator = wrappedNativeSelector;
-    if (nativeSelector === ":hover" && hoverOnlyWhenSupported) {
-      nativeSelectorGenerator = (wrap) =>
-        `@media (hover: hover) and (pointer: fine) { ${wrap(wrappedNativeSelector)} }`;
+    if (nativeSelector === ':hover') {
+      nativeSelectorGenerator = wrap => `@media (hover: hover) { ${wrap(wrappedNativeSelector)} }`;
     }
     return [`&:where([data-rac])${baseSelector}`, nativeSelectorGenerator];
-  } else if (prefix === "" && nativeMergeSelectors.has(attributeName)) {
+  } else if (prefix === '' && nativeMergeSelectors.has(attributeName)) {
     return [`&${baseSelector}`, `&${nativeMergeSelectors.get(attributeName)}`];
   } else {
     return `&${baseSelector}`;
@@ -119,54 +105,37 @@ let mapSelector = (selector, fn) => {
 };
 
 let wrapSelector = (selector, wrap) => {
-  if (typeof selector === "function") {
+  if (typeof selector === 'function') {
     return selector(wrap);
   } else {
     return wrap(selector);
   }
 };
 
-let addVariants = (variantName, selectors, addVariant, matchVariant) => {
-  addVariant(
-    variantName,
-    mapSelector(selectors, (selector) => wrapSelector(selector, (s) => s))
-  );
+let addVariants = (variantName, selectors, addVariant) => {
+  addVariant(variantName, mapSelector(selectors, selector => wrapSelector(selector, s => s)));
 };
 
-module.exports = plugin.withOptions(
-  (options) =>
-    ({ addVariant, matchVariant, config }) => {
-      let prefix = options?.prefix ? `${options.prefix}-` : "";
-      let future = config().future;
-      let hoverOnlyWhenSupported =
-        future === "all" || future?.hoverOnlyWhenSupported;
+module.exports = plugin.withOptions((options) => (({addVariant}) => {
+  let prefix = options?.prefix ? `${options.prefix}-` : '';
 
-      // Enum attributes go first because currently they are all non-interactive states.
-      Object.keys(attributes.enum).forEach((attributeName) => {
-        attributes.enum[attributeName].forEach((attributeValue) => {
-          let name = shortNames[attributeName] || attributeName;
-          let variantName = `${prefix}${name}-${attributeValue}`;
-          let selectors = getSelector(
-            prefix,
-            attributeName,
-            attributeValue,
-            hoverOnlyWhenSupported
-          );
-          addVariants(variantName, selectors, addVariant, matchVariant);
-        });
-      });
+  // Enum attributes go first because currently they are all non-interactive states.
+  Object.keys(attributes.enum).forEach((attributeName) => {
+    attributes.enum[attributeName].forEach(
+      (attributeValue, i) => {
+        let name = shortNames[attributeName] || attributeName;
+        let variantName = `${prefix}${name}-${attributeValue}`;
+        let selectors = getSelector(prefix, attributeName, attributeValue);
+        addVariants(variantName, selectors, addVariant, i);
+      }
+    );
+  });
 
-      attributes.boolean.forEach((attribute) => {
-        let variantName = Array.isArray(attribute) ? attribute[0] : attribute;
-        variantName = `${prefix}${variantName}`;
-        let attributeName = Array.isArray(attribute) ? attribute[1] : attribute;
-        let selectors = getSelector(
-          prefix,
-          attributeName,
-          null,
-          hoverOnlyWhenSupported
-        );
-        addVariants(variantName, selectors, addVariant, matchVariant);
-      });
-    }
-);
+  attributes.boolean.forEach((attribute, i) => {
+    let variantName = Array.isArray(attribute) ? attribute[0] : attribute;
+    variantName = `${prefix}${variantName}`;
+    let attributeName = Array.isArray(attribute) ? attribute[1] : attribute;
+    let selectors = getSelector(prefix, attributeName, null);
+    addVariants(variantName, selectors, addVariant, i);
+  });
+}));
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 65bf0b947..8545fc28c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -324,8 +324,8 @@ importers:
         specifier: ^2.2.0
         version: 2.6.0
       tailwind-variants:
-        specifier: ^0.3.0
-        version: 0.3.0(tailwindcss@4.0.0)
+        specifier: ^0.3.1
+        version: 0.3.1(tailwindcss@4.0.0)
       tsx:
         specifier: ^4.7.1
         version: 4.19.2
@@ -6136,11 +6136,14 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  tailwind-merge@2.5.4:
+    resolution: {integrity: sha512-0q8cfZHMu9nuYP/b5Shb7Y7Sh1B7Nnl5GqNr1U+n2p6+mybvRtayrQ+0042Z5byvTA8ihjlP8Odo8/VnHbZu4Q==}
+
   tailwind-merge@2.6.0:
     resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
 
-  tailwind-variants@0.3.0:
-    resolution: {integrity: sha512-ho2k5kn+LB1fT5XdNS3Clb96zieWxbStE9wNLK7D0AV64kdZMaYzAKo0fWl6fXLPY99ffF9oBJnIj5escEl/8A==}
+  tailwind-variants@0.3.1:
+    resolution: {integrity: sha512-krn67M3FpPwElg4FsZrOQd0U26o7UDH/QOkK8RNaiCCrr052f6YJPBUfNKnPo/s/xRzNPtv1Mldlxsg8Tb46BQ==}
     engines: {node: '>=16.x', pnpm: '>=7.x'}
     peerDependencies:
       tailwindcss: '*'
@@ -13895,11 +13898,13 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  tailwind-merge@2.5.4: {}
+
   tailwind-merge@2.6.0: {}
 
-  tailwind-variants@0.3.0(tailwindcss@4.0.0):
+  tailwind-variants@0.3.1(tailwindcss@4.0.0):
     dependencies:
-      tailwind-merge: 2.6.0
+      tailwind-merge: 2.5.4
       tailwindcss: 4.0.0
 
   tailwindcss-animate@1.0.7(tailwindcss@4.0.0):
diff --git a/www/content/docs/components/data-display/table.mdx b/www/content/docs/components/data-display/table.mdx
index b4a7dba0c..214a16b9c 100644
--- a/www/content/docs/components/data-display/table.mdx
+++ b/www/content/docs/components/data-display/table.mdx
@@ -10,10 +10,194 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/layout/aspect-ratio.mdx?plain=1
 ---
 
-<ComponentPreview name="core/table/table-default" />
+<ComponentPreview name="core/table/table-basic" />
 
 ## Installation
 
 ```package-install
 npx dotui-cli@latest add table
 ```
+
+## Anatomy
+
+A table consists of a container element, with columns and rows of cells containing data inside. The cells within a table may contain focusable elements or plain text content.
+
+```tsx
+import {
+  TableRoot,
+  TableHeader,
+  TableColumn,
+  TableBody,
+  TableRow,
+  TableCell,
+} from "@/components/core/table";
+
+<TableRoot>
+  <TableHeader>
+    <TableColumn>#</TableColumn>
+    <TableColumn>Name</TableColumn>
+    <TableColumn>Email</TableColumn>
+  </TableHeader>
+  <TableBody>
+    <TableRow>
+      <TableCell>1</TableCell>
+      <TableCell>Mehdi BHA</TableCell>
+      <TableCell>hello@mehdibha.com</TableCell>
+    </TableRow>
+    <TableRow>
+      <TableCell>2</TableCell>
+      <TableCell>Devon Govett</TableCell>
+      <TableCell>devon@govett.com</TableCell>
+    </TableRow>
+    <TableRow>
+      <TableCell>3</TableCell>
+      <TableCell>Theo Browne</TableCell>
+      <TableCell>theo@ping.gg</TableCell>
+    </TableRow>
+  </TableBody>
+</TableRoot>;
+```
+
+## Variants
+
+Use the `variant` prop to change the appearance of the Table. 
+
+<ComponentPreview name="core/table/table-variants" />
+
+## Dynamic collections
+
+The first example have shown static collections, where the data is hard coded. Dynamic collections, as shown below, can be used when the table data comes from an external data source such as an API, or updates over time. In the example below, both the columns and the rows are provided to the table via a render function. You can also make the columns static and only the rows dynamic.
+
+<ComponentPreview name="core/table/table-dynamic-collection" />
+
+## Selection
+
+### Selection mode
+
+By default, Table doesn't allow row selection but this can be enabled using the `selectionMode` prop.
+
+<ComponentPreview name="core/table/table-selection-mode" />
+
+### Controlled and uncontrolled selection
+
+Use `defaultSelectedKeys` to provide a default set of selected rows. Note that the value of the selected keys must match the `id` prop of the row.
+
+<ComponentPreview name="core/table/table-uncontrolled" />
+
+To programmatically control row selection, use the `selectedKeys` prop paired with the onSelectionChange callback. The `id` prop from the selected rows will be passed into the callback when the row is pressed, allowing you to update state accordingly.
+
+<ComponentPreview name="core/table/table-controlled" />
+
+### Disallow empty selection
+
+Table also supports a `disallowEmptySelection` prop which forces the user to have at least one row in the Table selected at all times. In this mode, if a single row is selected and the user presses it, it will not be deselected.
+
+<ComponentPreview name="core/table/table-disallow-empty-selection" />
+
+### Selection Behavior
+
+By default, Table uses the `"toggle"` selection behavior. TODO TODO TODO TODO
+
+<ComponentPreview name="core/table/table-selection-behavior" />
+
+## Row options
+
+### Action
+
+Table supports row actions via the `onRowAction` prop
+
+<ComponentPreview name="core/table/table-row-action" />
+
+Rows may also have a row action specified by directly applying `onAction` on the Row itself. This may be especially convenient in static collections.
+
+<ComponentPreview name="core/table/table-static-row-action" />
+
+### Link
+
+Table rows may also be links to another page or website. This can be achieved by passing the href prop to the `<TableRow>` component.
+
+<ComponentPreview name="core/table/table-links" />
+
+### Disabled
+
+A Row can be disabled with the `isDisabled` prop.
+
+```tsx
+<TableRow isDisabled>
+  <TableCell>1</TableCell>
+  <TableCell>Mehdi BHA</TableCell>
+  <TableCell>
+</TableRow>
+```
+
+In dynamic collections, it may be more convenient to use the `disabledKeys` prop at the Table level instead of `isDisabled` on individual rows.
+
+<ComponentPreview name="core/table/table-disabled-rows" />
+
+## Sorting
+
+Table supports sorting its data when a column header is pressed. To designate that a Column should support sorting, provide it with the `allowsSorting` prop.
+The Table accepts a `sortDescriptor` prop that defines the current column key to sort by and the sort direction (ascending/descending). When the user presses a sortable column header, the column's key and sort direction is passed into the `onSortChange` callback, allowing you to update the `sortDescriptor` appropriately.
+
+<ComponentPreview name="core/table/table-sorting" />
+
+## Empty state
+
+Use the `renderEmptyState` prop to customize what the `TableBody` will display if there are no items.
+
+## Column resizing
+
+TODO TODO TODO
+
+## Drag and drop
+
+### Reordable
+
+<ComponentPreview name="core/table/table-reordable" />
+
+## API Reference
+
+### TableRoot
+
+| Prop   | Type   | Default     | Description |
+| ------ | ------ | ----------- | ----------- |
+| `todo` | `todo` | `'default'` | toodo       |
+
+### TableHeader
+
+| Prop   | Type   | Default     | Description |
+| ------ | ------ | ----------- | ----------- |
+| `todo` | `todo` | `'default'` | toodo       |
+
+### TableColumn
+
+| Prop   | Type   | Default     | Description |
+| ------ | ------ | ----------- | ----------- |
+| `todo` | `todo` | `'default'` | toodo       |
+
+### TableBody
+
+| Prop   | Type   | Default     | Description |
+| ------ | ------ | ----------- | ----------- |
+| `todo` | `todo` | `'default'` | toodo       |
+
+### TableRow
+
+| Prop   | Type   | Default     | Description |
+| ------ | ------ | ----------- | ----------- |
+| `todo` | `todo` | `'default'` | toodo       |
+
+### TableCell
+
+| Prop   | Type   | Default     | Description |
+| ------ | ------ | ----------- | ----------- |
+| `todo` | `todo` | `'default'` | toodo       |
+
+## Accessibility
+
+### Keyboard interactions
+
+| Key    | Description           |
+| ------ | --------------------- |
+| `TODO` | TODO                  |
+| `Tab`  | Activates the button. |
diff --git a/www/content/docs/components/forms-and-inputs/checkbox.mdx b/www/content/docs/components/forms-and-inputs/checkbox.mdx
index 6dca550da..13097e799 100644
--- a/www/content/docs/components/forms-and-inputs/checkbox.mdx
+++ b/www/content/docs/components/forms-and-inputs/checkbox.mdx
@@ -42,10 +42,19 @@ import { CheckboxRoot, CheckboxIndicator } from "@/components/core/checkbox";
 
 ## Options
 
-### Variant
+### Variants
 
 Use the `variant` prop to control the visual style of the checkbox.
 
+<ComponentPreview
+  name="core/checkbox/checkbox-variants"
+  preview={`<Checkbox variant="card">I accept the terms and conditions</Checkbox>`}
+/>
+
+### Appearance
+
+You can make the checkbox appear as a card using the `appearance` prop.
+
 <ComponentPreview
   name="core/checkbox/checkbox-card"
   preview={`<Checkbox variant="card">I accept the terms and conditions</Checkbox>`}
diff --git a/www/content/docs/components/navigation/breadcrumbs.mdx b/www/content/docs/components/navigation/breadcrumbs.mdx
index efc26b124..2fb8d46eb 100644
--- a/www/content/docs/components/navigation/breadcrumbs.mdx
+++ b/www/content/docs/components/navigation/breadcrumbs.mdx
@@ -1,11 +1,9 @@
 ---
-title: Breadcrumbs
+title: Breadcrumbs ☑️
 description: Breadcrumbs display a hierarchy of links to the current page or resource in an application.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Breadcrumbs.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Breadcrumbs.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -23,34 +21,46 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add breadcrumbs
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Anatomy
 
-    ```package-install
-    react-aria-components
-    ```
+Breadcrumbs consist of a list of links, typically with a visual separator icon between each item. The last link represents the current page in the hierarchy, with the previous links representing the parent pages of the current page.
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/breadcrumbs/breadcrumbs" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+```tsx
+import { Breadcrumbs, Breadcrumb } from "@/components/core/breadcrumbs";
 
-  </Tab>
-</Tabs>
-
-## Usage
+<Breadcrumbs>
+  <Breadcrumb href="#">Home</Breadcrumb>
+  <Breadcrumb href="#">Components</Breadcrumb>
+  <Breadcrumb>Breadcrumbs</Breadcrumb>
+</Breadcrumbs>;
+```
 
-Use `Breadcrumbs` to display a hierarchy of links to the current page or resource in an application.
+```tsx
+import { ChevronRightIcon } from "your-icon-library";
+import {
+  Breadcrumbs,
+  BreadcrumbItem,
+  BreadcrumbLink,
+} from "@/components/core/breadcrumbs";
+
+<Breadcrumbs>
+  <BreadcrumbItem>
+    <BreadcrumbLink href="#">Home</BreadcrumbLink>
+    <ChevronRightIcon />
+  </BreadcrumbItem>
+  <BreadcrumbItem>
+    <BreadcrumbLink href="#">Components</BreadcrumbLink>
+    <ChevronRightIcon />
+  </BreadcrumbItem>
+  <BreadcrumbItem>
+    <BreadcrumbLink>Breadcrumbs</BreadcrumbLink>
+  </BreadcrumbItem>
+</Breadcrumbs>;
+```
 
 ## Options
 
@@ -144,29 +154,40 @@ If you need to customize things further, you can drop down to the composition le
 
 ### Breadcrumb
 
-| Prop             | Type                                                                                              | Default | Description                                                                                               |
-| ---------------- | ------------------------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- |
-| `id`             | `boolean`                                                                                         | -       | A unique id for the breadcrumb, which will be passed to onAction when the breadcrumb is pressed.          |
-| `isDisabled`     | `boolean`                                                                                         | -       | Whether the link is disabled.                                                                             |
-| `autoFocus`      | `boolean`                                                                                         | -       | Whether the element should receive focus on render.                                                       |
-| `href`           | `Href`                                                                                            | -       | A URL to link to.                                                                                         |
-| `hrefLang`       | `string`                                                                                          | -       | Hints at the human language of the linked URL.                                                            |
-| `target`         | `HTMLAttributeAnchorTarget`                                                                       | -       | The target window for the link.                                                                           |
-| `rel`            | `string`                                                                                          | -       | The relationship between the linked resource and the current page.                                        |
-| `download`       | `boolean \| string`                                                                               | -       | Causes the browser to download the linked URL. A string may be provided to suggest a file name.           |
-| `ping`           | `string`                                                                                          | -       | A space-separated list of URLs to ping when the link is followed.                                         |
-| `referrerPolicy` | `HTMLAttributeReferrerPolicy`                                                                     | -       | How much of the referrer to send when following the link.                                                 |
-| `routerOptions`  | `RouterOptions`                                                                                   | -       | Options for the configured client side router.                                                            |
-| `children`       | `ReactNode \| (values: LinkRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -       | The children of the component. A function may be provided to alter the children based on component state. |
-| `className`      | `string`                                                                                          | -       | The CSS className for the element.                                                                        |
-| `style`          | `CSSProperties`                                                                                   | -       | The inline style for the element.                                                                         |
-
-| Event      | Type                 | Description                                          |
-| ---------- | -------------------- | ---------------------------------------------------- |
-| `onAction` | `(key: Key) => void` | Handler that is called when a breadcrumb is clicked. |
-
-| Data attribute                                     | Description                                                                  |
-| -------------------------------------------------- | ---------------------------------------------------------------------------- |
-| `[data-disabled]`                                  | Whether the color field is disabled.                                         |
-| `[data-invalid]`                                   | Whether the color field is invalid.                                          |
-| `[data-channel="hex \| hue \| saturation \| ..."]` | The color channel that this field edits, or "hex" if no channel prop is set. |
+| Prop             | Type                                                                                                    | Default | Description                                                                                               |
+| ---------------- | ------------------------------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- |
+| `id`             | `boolean`                                                                                               | -       | A unique id for the breadcrumb, which will be passed to onAction when the breadcrumb is pressed.          |
+| `isDisabled`     | `boolean`                                                                                               | -       | Whether the link is disabled.                                                                             |
+| `autoFocus`      | `boolean`                                                                                               | -       | Whether the element should receive focus on render.                                                       |
+| `href`           | `Href`                                                                                                  | -       | A URL to link to.                                                                                         |
+| `hrefLang`       | `string`                                                                                                | -       | Hints at the human language of the linked URL.                                                            |
+| `target`         | `HTMLAttributeAnchorTarget`                                                                             | -       | The target window for the link.                                                                           |
+| `rel`            | `string`                                                                                                | -       | The relationship between the linked resource and the current page.                                        |
+| `download`       | `boolean \| string`                                                                                     | -       | Causes the browser to download the linked URL. A string may be provided to suggest a file name.           |
+| `ping`           | `string`                                                                                                | -       | A space-separated list of URLs to ping when the link is followed.                                         |
+| `referrerPolicy` | `HTMLAttributeReferrerPolicy`                                                                           | -       | How much of the referrer to send when following the link.                                                 |
+| `routerOptions`  | `RouterOptions`                                                                                         | -       | Options for the configured client side router.                                                            |
+| `children`       | `ReactNode \| (values: BreadcrumbRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -       | The children of the component. A function may be provided to alter the children based on component state. |
+| `className`      | `string`                                                                                                | -       | The CSS className for the element.                                                                        |
+| `style`          | `CSSProperties`                                                                                         | -       | The inline style for the element.                                                                         |
+
+| Event           | Type                              | Description                                                                                                             |
+| --------------- | --------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
+| `onPress`       | `(e: PressEvent) => void`         | Handler that is called when the press is released over the target.                                                      |
+| `onPressStart`  | `(e: PressEvent) => void`         | Handler that is called when a press interaction starts.                                                                 |
+| `onPressEnd`    | `(e: PressEvent) => void`         | Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target.     |
+| `onPressChange` | `(isPressed: boolean) => void`    | Handler that is called when the press state changes.                                                                    |
+| `onPressUp`     | `(e: PressEvent) => void`         | Handler that is called when a press is released over the target, regardless of whether it started on the target or not. |
+| `onFocus`       | `(e: FocusEvent<Target>) => void` | Handler that is called when the element receives focus.                                                                 |
+| `onBlur`        | `(e: FocusEvent<Target>) => void` | Handler that is called when the element loses focus.                                                                    |
+| `onFocusChange` | `(isFocused: boolean) => void`    | Handler that is called when the element's focus status changes.                                                         |
+| `onKeyDown`     | `(e: KeyboardEvent) => void`      | Handler that is called when a key is pressed.                                                                           |
+| `onKeyUp`       | `(e: KeyboardEvent) => void`      | Handler that is called when a key is released.                                                                          |
+| `onHoverStart`  | `(e: HoverEvent) => void`         | Handler that is called when a hover interaction starts.                                                                 |
+| `onHoverEnd`    | `(e: HoverEvent) => void`         | Handler that is called when a hover interaction ends.                                                                   |
+| `onHoverChange` | `(isHovering: boolean) => void`   | Handler that is called when the hover state changes.                                                                    |
+
+| Data attribute    | Description                                     |
+| ----------------- | ----------------------------------------------- |
+| `[data-disabled]` | Whether the breadcrumb is disabled.             |
+| `[data-current]`  | Whether the breadcrumb is for the current page. |
diff --git a/www/content/docs/components/navigation/link.mdx b/www/content/docs/components/navigation/link.mdx
deleted file mode 100644
index 33c775079..000000000
--- a/www/content/docs/components/navigation/link.mdx
+++ /dev/null
@@ -1,132 +0,0 @@
----
-title: Link
-description: Link allows a user to navigate to another page or resource within a web page or application.
-links:
-  - label: Aria docs
-    href: https://react-spectrum.adobe.com/react-aria/Link.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Link.html#props
-  - label: Report an issue
-    href: https://github.com/mehdibha/dotUI/issues/new/choose
-  - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/navigation/link.mdx?plain=1
----
-
-<ComponentPreview
-  name="core/link/link-default"
-  preview={`<Link href="https://x.com/mehdibha_" target="_blank">
-    @mehdibha_
-  </Link>`}
-/>
-
-## Installation
-
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
-npx dotui-cli@latest add link
-```
-
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/link/link" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
-## Options
-
-### Variant
-
-Use the `variant` prop to control the appearance of the link.
-
-<ComponentPreview
-  name="core/link/link-variants"
-  preview={`<Link variant="accent" href="https://x.com/mehdibha_" target="_blank">
-    @mehdibha_
-  </Link>
-  <Link variant="quiet" href="https://x.com/mehdibha_" target="_blank">
-    @mehdibha_
-  </Link>`}
-/>
-
-### Disabled
-
-Use the `isDisabled` prop to disable the link.
-
-<ComponentPreview
-  name="core/link/link-disabled"
-  preview={`<Link href="https://x.com/mehdibha_" isDisabled>
-    @mehdibha_
-  </Link>`}
-/>
-
-## Examples
-
-### With icon
-
-<ComponentPreview
-  name="core/link/link-icon"
-  preview={`<Link href="/docs" target="_blank">
-    Docs{" "}
-    <span>
-      <ExternalLinkIcon className="size-4" />
-    </span>
-  </Link>`}
-/>
-
-## API Reference
-
-| Prop             | Type                                                                                              | Default    | Description                                                                                                 |
-| ---------------- | ------------------------------------------------------------------------------------------------- | ---------- | ----------------------------------------------------------------------------------------------------------- |
-| `variant`        | `'accent' \| 'quiet'`                                                                             | `'accent'` | The visual style of the Link.                                                                               |
-| `isDisabled`     | `boolean`                                                                                         | -          | Whether the link is disabled.                                                                               |
-| `autoFocus`      | `boolean`                                                                                         | -          | Whether the element should receive focus on render.                                                         |
-| `href`           | `Href`                                                                                            | -          | A URL to link to.                                                                                           |
-| `hrefLang`       | `string`                                                                                          | -          | Hints at the human language of the linked URL.                                                              |
-| `target`         | `HTMLAttributeAnchorTarget`                                                                       | -          | The target window for the link.                                                                             |
-| `rel`            | `string`                                                                                          | -          | The relationship between the linked resource and the current page.                                          |
-| `download`       | `boolean \| string`                                                                               | -          | Causes the browser to download the linked URL. A string may be provided to suggest a file name.             |
-| `ping`           | `string`                                                                                          | -          | A space-separated list of URLs to ping when the link is followed.                                           |
-| `referrerPolicy` | `HTMLAttributeReferrerPolicy`                                                                     | -          | How much of the referrer to send when following the link.                                                   |
-| `routerOptions`  | `RouterOptions`                                                                                   | -          | Options for the configured client side router.                                                              |
-| `children`       | `ReactNode \| (values: LinkRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -          | The children of the component. A function may be provided to alter the children based on component state.   |
-| `className`      | `string`                                                                                          | -          | The CSS className for the element.                                                                          |
-| `style`          | `CSSProperties \| (values: LinkRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`     | -          | The inline style for the element. A function may be provided to compute the style based on component state. |
-
-| Event           | Type                              | Description                                                                                                             |
-| --------------- | --------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
-| `onPress`       | `(e: PressEvent) => void`         | Handler that is called when the press is released over the target.                                                      |
-| `onPressStart`  | `(e: PressEvent) => void`         | Handler that is called when a press interaction starts.                                                                 |
-| `onPressEnd`    | `(e: PressEvent) => void`         | Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target.     |
-| `onPressChange` | `(isPressed: boolean) => void`    | Handler that is called when the press state changes.                                                                    |
-| `onPressUp`     | `(e: PressEvent) => void`         | Handler that is called when a press is released over the target, regardless of whether it started on the target or not. |
-| `onFocus`       | `(e: FocusEvent<Target>) => void` | Handler that is called when the element receives focus.                                                                 |
-| `onBlur`        | `(e: FocusEvent<Target>) => void` | Handler that is called when the element loses focus.                                                                    |
-| `onFocusChange` | `(isFocused: boolean) => void`    | Handler that is called when the element's focus status changes.                                                         |
-| `onKeyDown`     | `(e: KeyboardEvent) => void`      | Handler that is called when a key is pressed.                                                                           |
-| `onKeyUp`       | `(e: KeyboardEvent) => void`      | Handler that is called when a key is released.                                                                          |
-| `onHoverStart`  | `(e: HoverEvent) => void`         | Handler that is called when a hover interaction starts.                                                                 |
-| `onHoverEnd`    | `(e: HoverEvent) => void`         | Handler that is called when a hover interaction ends.                                                                   |
-| `onHoverChange` | `(isHovering: boolean) => void`   | Handler that is called when the hover state changes.                                                                    |
-
-| Data attribute         | Description                                                  |
-| ---------------------- | ------------------------------------------------------------ |
-| `[data-current]`       | Whether the link is the current item within a list.          |
-| `[data-hovered]`       | Whether the link is currently hovered with a mouse.          |
-| `[data-pressed]`       | Whether the link is currently in a pressed state.            |
-| `[data-focused]`       | Whether the link is focused, either via a mouse or keyboard. |
-| `[data-focus-visible]` | Whether the link is keyboard focused.                        |
-| `[data-disabled]`      | Whether the link is disabled.                                |
diff --git a/www/content/docs/components/navigation/tabs.mdx b/www/content/docs/components/navigation/tabs.mdx
index 793b90a96..a3f640285 100644
--- a/www/content/docs/components/navigation/tabs.mdx
+++ b/www/content/docs/components/navigation/tabs.mdx
@@ -1,11 +1,9 @@
 ---
-title: Tabs
+title: Tabs ☑️
 description: Tabs organize content into multiple sections and allow users to navigate between them
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Tabs.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Tabs.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -20,46 +18,58 @@ links:
       <Tab id="usage">Usage</Tab>
       <Tab id="settings">Settings</Tab>
     </TabList>
-    <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-    <TabPanel id="usage"> You can view your usage here. </TabPanel>
-    <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    <TabPanel id="overview">Overview content</TabPanel>
+    <TabPanel id="usage">Usage content</TabPanel>
+    <TabPanel id="settings">Settings content</TabPanel>
   </Tabs>`}
 />
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add tabs
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
+## Controlled
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/tabs/tabs" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+Use the `selectedKey` and `onSelectionChange` props to control the selected tab.
 
-  </Tab>
-</Tabs>
+<ComponentPreview
+  name="core/tabs/tabs-controlled"
+  preview={`const [selectedTab, setSelectedTab] = React.useState<Key>("overview");
+  return (
+    <Tabs selectedKey={selectedTab} onSelectionChange={setSelectedTab}>
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings">Settings</Tab>
+      </TabList>
+      <TabPanel id="overview">Overview content</TabPanel>
+      <TabPanel id="usage">Usage content</TabPanel>
+      <TabPanel id="settings">Settings content</TabPanel>
+    </Tabs>
+  )`}
+/>
 
-## Usage
+## Options
 
-Use `Tabs` to organize content into multiple sections and allow users to navigate between them.
+### Variant
 
-- The content under the set of tabs should be related and form a coherent unit.
+Use the `variant` prop to set the visual style of the tabs.
 
-## Options
+<ComponentPreview
+  name="core/tabs/tabs-variant"
+  preview={`<Tabs variant="solid">
+    <TabList>
+      <Tab id="overview">Overview</Tab>
+      <Tab id="usage">Usage</Tab>
+      <Tab id="settings">Settings</Tab>
+    </TabList>
+    <TabPanel id="overview">Overview content</TabPanel>
+    <TabPanel id="usage">Usage content</TabPanel>
+    <TabPanel id="settings">Settings content</TabPanel>
+  </Tabs>`}
+/>
 
 ### Orientation
 
@@ -73,45 +83,38 @@ Use the `orientation` prop to set the orientation of the tabs.
       <Tab id="usage">Usage</Tab>
       <Tab id="settings">Settings</Tab>
     </TabList>
-    <TabPanel id="overview">You can view all your projects here. </TabPanel>
-    <TabPanel id="usage"> You can view your usage here. </TabPanel>
-    <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    <TabPanel id="overview">Overview content</TabPanel>
+    <TabPanel id="usage">Usage content</TabPanel>
+    <TabPanel id="settings">Settings content</TabPanel>
   </Tabs>`}
 />
 
 ### Disabled
 
-Use the `isDisabled` prop to disable the tabs.
+Use the `isDisabled` prop on `Tabs` or `Tab` to disable the entire tab list or individual tabs.
 
 <ComponentPreview
   name="core/tabs/tabs-disabled"
-  preview={`<Tabs isDisabled>
+  preview={`<Tabs isDisabled> {/* All tabs disabled */}
     <TabList>
       <Tab id="overview">Overview</Tab>
       <Tab id="usage">Usage</Tab>
       <Tab id="settings">Settings</Tab>
     </TabList>
-    <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-    <TabPanel id="usage"> You can view your usage here. </TabPanel>
-    <TabPanel id="settings"> You can view your settings here. </TabPanel>
-  </Tabs>`}
-/>
-
-An individual Tab can also be disabled with the `isDisabled` prop.
-
-<ComponentPreview
-  name="core/tabs/tabs-disabled-item"
-  preview={`<Tabs>
+    <TabPanel id="overview">Overview content</TabPanel>
+    <TabPanel id="usage">Usage content</TabPanel>
+    <TabPanel id="settings">Settings content</TabPanel>
+  </Tabs>
+  
+  <Tabs>
     <TabList>
       <Tab id="overview">Overview</Tab>
       <Tab id="usage">Usage</Tab>
-      <Tab id="settings" isDisabled>
-        Settings
-      </Tab>
+      <Tab id="settings" isDisabled>Settings</Tab> {/* Individual tab disabled */}
     </TabList>
-    <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-    <TabPanel id="usage"> You can view your usage here. </TabPanel>
-    <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    <TabPanel id="overview">Overview content</TabPanel>
+    <TabPanel id="usage">Usage content</TabPanel>
+    <TabPanel id="settings">Settings content</TabPanel>
   </Tabs>`}
 />
 
@@ -127,48 +130,28 @@ Prevent keyboard activation of tabs by setting `keyboardActivation` prop to `'ma
       <Tab id="usage">Usage</Tab>
       <Tab id="settings">Settings</Tab>
     </TabList>
-    <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-    <TabPanel id="usage"> You can view your usage here. </TabPanel>
-    <TabPanel id="settings"> You can view your settings here. </TabPanel>
+    <TabPanel id="overview">Overview content</TabPanel>
+    <TabPanel id="usage">Usage content</TabPanel>
+    <TabPanel id="settings">Settings content</TabPanel>
   </Tabs>`}
 />
 
-## Controlled
-
-Use the `selectedKey` and `onSelectionChange` props to control the selected tab.
-
-<ComponentPreview
-  name="core/tabs/tabs-controlled"
-  preview={`const [selectedTab, setSelectedTab] = React.useState<Key>("overview");
-  return (
-    <Tabs selectedKey={selectedTab} onSelectionChange={setSelectedTab}>
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings">Settings</Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  )`}
-/>
-
 ## API Reference
 
 ### Tabs
 
-| Prop                 | Type                                                                                              | Default       | Description                                                                                                 |
-| -------------------- | ------------------------------------------------------------------------------------------------- | ------------- | ----------------------------------------------------------------------------------------------------------- |
-| `isDisabled`         | `boolean`                                                                                         | -             | Whether the TabList is disabled. Shows that a selection exists, but is not available in that circumstance.  |
-| `disabledKeys`       | `Iterable<Key>`                                                                                   | -             | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.     |
-| `selectedKey`        | `Key \| null`                                                                                     | -             | The currently selected key in the collection (controlled).                                                  |
-| `defaultSelectedKey` | `Key`                                                                                             | -             | The initial selected key in the collection (uncontrolled).                                                  |
-| `keyboardActivation` | `'automatic' \| 'manual'`                                                                         | `'automatic`  | Whether tabs are activated automatically on focus or manually.                                              |
-| `orientation`        | `'horizontal' \| 'vertical'`                                                                      | `'horizontal` | The orientation of the tabs.                                                                                |
-| `children`           | `ReactNode \| (values: TabsRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -             | The children of the component. A function may be provided to alter the children based on component state.   |
-| `className`          | `string`                                                                                          | -             | The CSS className for the element.                                                                          |
-| `style`              | `CSSProperties \| (values: TabsRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`     | -             | The inline style for the element. A function may be provided to compute the style based on component state. |
+| Prop                 | Type                                                                                              | Default       | Description                                                                                                  |
+| -------------------- | ------------------------------------------------------------------------------------------------- | ------------- | ------------------------------------------------------------------------------------------------------------ |
+| `variant`            | `'solid' \| 'underline'`                                                                          | `'underline'` | The visual style of the tabs.                                                                                |
+| `isDisabled`         | `boolean`                                                                                         | -             | Whether the TabList is disabled. Shows that a selection exists, but is not available in that circumstance.   |
+| `disabledKeys`       | `Iterable<Key>`                                                                                   | -             | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.      |
+| `selectedKey`        | `Key \| null`                                                                                     | -             | The currently selected key in the collection (controlled).                                                   |
+| `defaultSelectedKey` | `Key`                                                                                             | -             | The initial selected key in the collection (uncontrolled).                                                   |
+| `keyboardActivation` | `'automatic' \| 'manual'`                                                                         | `'automatic`  | Whether tabs are activated automatically on focus or manually.                                               |
+| `orientation`        | `'horizontal' \| 'vertical'`                                                                      | `'horizontal` | The orientation of the tabs.                                                                                 |
+| `children`           | `ReactNode \| (values: TabsRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -             | The children of the component. A function may be provided to alter the children based on component state.    |
+| `className`          | `string \| (values: TabsRenderProps & {defaultClassName: string \| undefined}) => string`         | -             | The CSS className for the element. A function may be provided to compute the style based on component state. |
+| `style`              | `CSSProperties \| (values: TabsRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`     | -             | The inline style for the element. A function may be provided to compute the style based on component state.  |
 
 | Event               | Type                 | Description                                        |
 | ------------------- | -------------------- | -------------------------------------------------- |
diff --git a/www/package.json b/www/package.json
index 1eb17c2c2..a50c17466 100644
--- a/www/package.json
+++ b/www/package.json
@@ -56,7 +56,7 @@
     "sharp": "^0.33.2",
     "shiki": "^1.6.2",
     "tailwind-merge": "^2.2.0",
-    "tailwind-variants": "^0.3.0",
+    "tailwind-variants": "^0.3.1",
     "tsx": "^4.7.1",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
diff --git a/www/src/__registry__/core/breadcrumbs.tsx b/www/src/__registry__/core/breadcrumbs.tsx
deleted file mode 100644
index cad163b8a..000000000
--- a/www/src/__registry__/core/breadcrumbs.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-"use client";
-
-import { ChevronRightIcon } from "lucide-react";
-import {
-  Link as AriaLink,
-  Breadcrumbs as AriaBreadcrumbs,
-  Breadcrumb as AriaBreadcrumb,
-  type BreadcrumbsProps as AriaBreadcrumbsProps,
-  type BreadcrumbProps as AriaBreadcrumbProps,
-  type LinkProps as AriaLinkProps,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const breadcrumbsStyles = tv({
-  slots: {
-    root: "text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4",
-    item: "inline-flex items-center gap-1.5 last:[&_svg]:hidden",
-    link: "hover:text-fg current:text-fg disabled:[&:not([data-current])]:text-fg-disabled inline-flex items-center gap-1.5 transition-colors disabled:cursor-default",
-  },
-});
-
-type BreadcrumbsProps<T extends object> = AriaBreadcrumbsProps<T>;
-
-const Breadcrumbs = <T extends object>({
-  className,
-  ...props
-}: BreadcrumbsProps<T>) => {
-  const { root } = breadcrumbsStyles();
-  return <AriaBreadcrumbs {...props} className={root({ className })} />;
-};
-
-type BreadcrumbProps = Omit<AriaBreadcrumbProps, "children"> &
-  Omit<AriaLinkProps, "className" | "style"> & { icon?: React.ReactNode };
-const Breadcrumb = ({
-  children,
-  className,
-  style,
-  icon = null,
-  ...props
-}: BreadcrumbProps) => {
-  return (
-    <BreadcrumbItem className={className} style={style} {...props}>
-      {icon}
-      <BreadcrumbLink {...props}>{children}</BreadcrumbLink>
-      <ChevronRightIcon />
-    </BreadcrumbItem>
-  );
-};
-
-type BreadcrumbItemProps = AriaBreadcrumbProps;
-const BreadcrumbItem = (props: BreadcrumbItemProps) => {
-  const { item } = breadcrumbsStyles();
-  return (
-    <AriaBreadcrumb
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        item({ className })
-      )}
-    />
-  );
-};
-
-interface BreadcrumbLinkProps extends Omit<AriaLinkProps, "className"> {
-  className?: string;
-}
-const BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => {
-  const { link } = breadcrumbsStyles();
-  return <AriaLink {...props} className={link({ className })} />;
-};
-
-export type {
-  BreadcrumbsProps,
-  BreadcrumbProps,
-  BreadcrumbItemProps,
-  BreadcrumbLinkProps,
-};
-
-export { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };
diff --git a/www/src/__registry__/core/checkbox_basic.tsx b/www/src/__registry__/core/checkbox_basic.tsx
index b679146d1..e256183aa 100644
--- a/www/src/__registry__/core/checkbox_basic.tsx
+++ b/www/src/__registry__/core/checkbox_basic.tsx
@@ -27,6 +27,17 @@ const checkboxStyles = tv({
   },
   variants: {
     variant: {
+      primary: {
+        indicator:
+          "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary",
+      },
+      accent: {
+        indicator:
+          "group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent",
+      },
+    },
+
+    appearance: {
       default: {
         indicator: focusRingGroup(),
       },
@@ -36,10 +47,12 @@ const checkboxStyles = tv({
           "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors",
         ],
       },
+      emphasized: {},
     },
   },
   defaultVariants: {
-    variant: "default",
+    variant: "accent",
+    appearance: "default",
   },
 });
 
diff --git a/www/src/__registry__/core/color-field.tsx b/www/src/__registry__/core/color-field.tsx
index df3b5462c..4dc57f472 100644
--- a/www/src/__registry__/core/color-field.tsx
+++ b/www/src/__registry__/core/color-field.tsx
@@ -21,7 +21,7 @@ interface ColorFieldProps
   extends ColorFieldRootProps,
     Pick<InputRootProps, "size" | "prefix" | "suffix">,
     FieldProps {
-  inputRef?: React.Ref<HTMLInputElement>;
+  inputRef?: React.RefObject<HTMLInputElement>;
 }
 
 const ColorField = ({
@@ -64,7 +64,7 @@ const ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {
 };
 
 interface ColorFieldInputProps extends InputRootProps {
-  inputRef?: React.Ref<HTMLInputElement>;
+  inputRef?: React.RefObject<HTMLInputElement>;
 }
 const ColorFieldInput = ({ inputRef, ...props }: ColorFieldInputProps) => {
   return (
diff --git a/www/src/__registry__/core/date-field.tsx b/www/src/__registry__/core/date-field.tsx
index aa12ff4a9..b9b91199a 100644
--- a/www/src/__registry__/core/date-field.tsx
+++ b/www/src/__registry__/core/date-field.tsx
@@ -41,7 +41,7 @@ const DateField = <T extends DateValue>({
 
 interface DateFieldRootProps<T extends DateValue>
   extends AriaDateFieldProps<T> {
-  ref?: React.Ref<HTMLDivElement>;
+  ref?: React.RefObject<HTMLDivElement>;
 }
 const DateFieldRoot = <T extends DateValue>({
   className,
diff --git a/www/src/__registry__/core/drawer.tsx b/www/src/__registry__/core/drawer.tsx
deleted file mode 100644
index 9d7d69bd3..000000000
--- a/www/src/__registry__/core/drawer.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  Modal as AriaModal,
-  ModalOverlay as AriaModalOverlay,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const drawerVariants = tv({
-  slots: {
-    underlay:
-      "before:ease-drawer before:animate-in before:fade-in exiting:before:animate-out exiting:before:fade-out exiting:before:duration-300 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:duration-300 before:content-['']",
-    overlay:
-      "outline-hidden entering:animate-in exiting:animate-out entering:duration-300 exiting:duration-300 bg-bg ease-drawer fixed z-50 flex flex-col",
-  },
-  variants: {
-    placement: {
-      top: {
-        overlay:
-          "exiting:slide-out-to-top entering:slide-in-from-top inset-x-0 top-0 border-b",
-      },
-      bottom: {
-        overlay:
-          "exiting:slide-out-to-bottom entering:slide-in-from-bottom inset-x-0 bottom-0 border-t",
-      },
-      left: {
-        overlay:
-          "exiting:slide-out-to-left entering:slide-in-from-left top-0 left-0 h-(--visual-viewport-height) border-r",
-      },
-      right: {
-        overlay:
-          "exiting:slide-out-to-right entering:slide-in-from-right top-0 right-0 h-(--visual-viewport-height) border-l",
-      },
-    },
-  },
-  defaultVariants: {
-    placement: "bottom",
-  },
-});
-
-const { overlay, underlay } = drawerVariants();
-
-interface DrawerProps extends React.ComponentProps<typeof AriaModal> {
-  placement?: "top" | "bottom" | "left" | "right";
-}
-
-function Drawer({
-  isDismissable = true,
-  className,
-  style,
-  placement,
-  ...props
-}: DrawerProps) {
-  return (
-    <AriaModalOverlay
-      className={underlay()}
-      isDismissable={isDismissable}
-      {...props}
-    >
-      <AriaModal
-        className={composeRenderProps(className, (className) =>
-          overlay({ placement, className })
-        )}
-        style={style}
-        {...props}
-      />
-    </AriaModalOverlay>
-  );
-}
-
-export type { DrawerProps };
-export { Drawer };
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 1c0b87bc8..9bbb9fb3f 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -259,6 +259,11 @@
       files: ["demos/checkbox-group/uncontrolled.tsx"],
       component: React.lazy(() => import("@/demos/checkbox-group/uncontrolled")),
     },
+    "checkbox-variants": {
+      name: "checkbox-variants",
+      files: ["demos/checkbox/variants.tsx"],
+      component: React.lazy(() => import("@/demos/checkbox/variants")),
+    },
     "checkbox-card": {
       name: "checkbox-card",
       files: ["demos/checkbox/card.tsx"],
@@ -919,26 +924,6 @@
       files: ["demos/file-trigger/multiple-files.tsx"],
       component: React.lazy(() => import("@/demos/file-trigger/multiple-files")),
     },
-    "link-default": {
-      name: "link-default",
-      files: ["demos/link/default.tsx"],
-      component: React.lazy(() => import("@/demos/link/default")),
-    },
-    "link-disabled": {
-      name: "link-disabled",
-      files: ["demos/link/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/link/disabled")),
-    },
-    "link-icon": {
-      name: "link-icon",
-      files: ["demos/link/icon.tsx"],
-      component: React.lazy(() => import("@/demos/link/icon")),
-    },
-    "link-variants": {
-      name: "link-variants",
-      files: ["demos/link/variants.tsx"],
-      component: React.lazy(() => import("@/demos/link/variants")),
-    },
     "list-box-async-loading": {
       name: "list-box-async-loading",
       files: ["demos/list-box/async-loading.tsx"],
@@ -1679,11 +1664,6 @@
       files: ["demos/tabs/controlled.tsx"],
       component: React.lazy(() => import("@/demos/tabs/controlled")),
     },
-    "tabs-disabled-item": {
-      name: "tabs-disabled-item",
-      files: ["demos/tabs/disabled-item.tsx"],
-      component: React.lazy(() => import("@/demos/tabs/disabled-item")),
-    },
     "tabs-disabled": {
       name: "tabs-disabled",
       files: ["demos/tabs/disabled.tsx"],
@@ -1699,6 +1679,11 @@
       files: ["demos/tabs/vertical.tsx"],
       component: React.lazy(() => import("@/demos/tabs/vertical")),
     },
+    "tabs-variant": {
+      name: "tabs-variant",
+      files: ["demos/tabs/variant.tsx"],
+      component: React.lazy(() => import("@/demos/tabs/variant")),
+    },
     "text-area-composition": {
       name: "text-area-composition",
       files: ["demos/text-area/composition.tsx"],
@@ -2004,10 +1989,85 @@
       files: ["demos/tag-group/default.tsx"],
       component: React.lazy(() => import("@/demos/tag-group/default")),
     },
-    "table-default": {
-      name: "table-default",
-      files: ["demos/table/default.tsx"],
-      component: React.lazy(() => import("@/demos/table/default")),
+    "table-dynamic-collection": {
+      name: "table-dynamic-collection",
+      files: ["demos/table/dynamic-collection.tsx"],
+      component: React.lazy(() => import("@/demos/table/dynamic-collection")),
+    },
+    "table-basic": {
+      name: "table-basic",
+      files: ["demos/table/basic.tsx"],
+      component: React.lazy(() => import("@/demos/table/basic")),
+    },
+    "table-disallow-empty-selection": {
+      name: "table-disallow-empty-selection",
+      files: ["demos/table/disallow-empty-selection.tsx"],
+      component: React.lazy(() => import("@/demos/table/disallow-empty-selection")),
+    },
+    "table-empty-state": {
+      name: "table-empty-state",
+      files: ["demos/table/empty-state.tsx"],
+      component: React.lazy(() => import("@/demos/table/empty-state")),
+    },
+    "table-links": {
+      name: "table-links",
+      files: ["demos/table/links.tsx"],
+      component: React.lazy(() => import("@/demos/table/links")),
+    },
+    "table-sorting": {
+      name: "table-sorting",
+      files: ["demos/table/sorting.tsx"],
+      component: React.lazy(() => import("@/demos/table/sorting")),
+    },
+    "table-disabled-rows": {
+      name: "table-disabled-rows",
+      files: ["demos/table/disabled-rows.tsx"],
+      component: React.lazy(() => import("@/demos/table/disabled-rows")),
+    },
+    "table-static-row-action": {
+      name: "table-static-row-action",
+      files: ["demos/table/static-row-action.tsx"],
+      component: React.lazy(() => import("@/demos/table/static-row-action")),
+    },
+    "table-row-action": {
+      name: "table-row-action",
+      files: ["demos/table/row-action.tsx"],
+      component: React.lazy(() => import("@/demos/table/row-action")),
+    },
+    "table-selection-mode": {
+      name: "table-selection-mode",
+      files: ["demos/table/selection-mode.tsx"],
+      component: React.lazy(() => import("@/demos/table/selection-mode")),
+    },
+    "table-selection-behavior": {
+      name: "table-selection-behavior",
+      files: ["demos/table/selection-behavior.tsx"],
+      component: React.lazy(() => import("@/demos/table/selection-behavior")),
+    },
+    "table-variants": {
+      name: "table-variants",
+      files: ["demos/table/variants.tsx"],
+      component: React.lazy(() => import("@/demos/table/variants")),
+    },
+    "table-column-resizing": {
+      name: "table-column-resizing",
+      files: ["demos/table/column-resizing.tsx"],
+      component: React.lazy(() => import("@/demos/table/column-resizing")),
+    },
+    "table-controlled": {
+      name: "table-controlled",
+      files: ["demos/table/controlled.tsx"],
+      component: React.lazy(() => import("@/demos/table/controlled")),
+    },
+    "table-uncontrolled": {
+      name: "table-uncontrolled",
+      files: ["demos/table/uncontrolled.tsx"],
+      component: React.lazy(() => import("@/demos/table/uncontrolled")),
+    },
+    "table-reordable": {
+      name: "table-reordable",
+      files: ["demos/table/reordable.tsx"],
+      component: React.lazy(() => import("@/demos/table/reordable")),
     },
     "form-basic": {
       name: "form-basic",
diff --git a/www/src/app/(app)/themes/components/explore-themes.tsx b/www/src/app/(app)/themes/components/explore-themes.tsx
index eb2dccae7..4844a9a9f 100644
--- a/www/src/app/(app)/themes/components/explore-themes.tsx
+++ b/www/src/app/(app)/themes/components/explore-themes.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import { BackgroundColor } from "@adobe/leonardo-contrast-colors";
 import { dotUIThemes } from "@/lib/themes";
 import { useThemes } from "@/hooks/use-themes";
 import { Alert } from "@/components/core/alert";
diff --git a/www/src/app/(app)/themes/components/theme-select.tsx b/www/src/app/(app)/themes/components/theme-select.tsx
index 474cf8886..5d9064781 100644
--- a/www/src/app/(app)/themes/components/theme-select.tsx
+++ b/www/src/app/(app)/themes/components/theme-select.tsx
@@ -138,14 +138,11 @@ export function ThemeSelect({ className }: { className?: string }) {
               <XIcon />
             </Button>
           }
-          description={
-            <>
-              Use <Kbd>Ctrl</Kbd> + <Kbd>→</Kbd> or <Kbd>←</Kbd> to navigate
-              between themes
-            </>
-          }
-          className="[&_kbd]:text-xs"
-        />
+          className="[&_kbd]:text-xs bg-bg-muted/50"
+        >
+          Use <Kbd>Ctrl</Kbd> + <Kbd>→</Kbd> or <Kbd>←</Kbd> to navigate between
+          themes
+        </Alert>
       )}
       {!isLoading && !isCurrentThemeEditable && (
         <Alert
@@ -154,8 +151,11 @@ export function ThemeSelect({ className }: { className?: string }) {
               <Button prefix={<GitBranchIcon />}>Clone theme</Button>
             </CloneThemeDialog>
           }
-          description="To adjust, preview and generate color palette, fonts, radius and more, you need to clone the theme."
-        />
+          className="bg-bg-muted/50"
+        >
+          To adjust, preview and generate color palette, fonts, radius and more,
+          you need to clone the theme.
+        </Alert>
       )}
     </div>
   );
diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx
index 1bfc32676..3329f0849 100644
--- a/www/src/app/(home)/components-overview.tsx
+++ b/www/src/app/(home)/components-overview.tsx
@@ -4,6 +4,7 @@ import { RadioGroup, Radio } from "@/components/core/radio-group";
 import { Alert } from "@/components/dynamic-core/alert";
 import { Avatar } from "@/components/dynamic-core/avatar";
 import { Button } from "@/components/dynamic-core/button";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 import { Checkbox } from "@/components/dynamic-core/checkbox";
 import { ColorSlider } from "@/components/dynamic-core/color-slider";
 import { Combobox } from "@/components/dynamic-core/combobox";
@@ -12,14 +13,13 @@ import { Link } from "@/components/dynamic-core/link";
 import { Item, ListBox } from "@/components/dynamic-core/list-box";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { Progress } from "@/components/dynamic-core/progress";
-import { RangeCalendar } from "@/components/dynamic-core/calendar";
 import { SearchField } from "@/components/dynamic-core/search-field";
 import { Select } from "@/components/dynamic-core/select";
 import { Separator } from "@/components/dynamic-core/separator";
 import { Slider } from "@/components/dynamic-core/slider";
 import { Switch } from "@/components/dynamic-core/switch";
 import {
-  Table,
+  TableRoot,
   TableBody,
   TableColumn,
   TableCell,
@@ -128,16 +128,14 @@ export function ComponentsOverview() {
         <NumberField label="Width" defaultValue={1024} className="w-full" />
       </div>
       <div className="col-span-7 row-span-6">
-        <Table allowResize aria-label="Vocalists" selectionMode="multiple">
+        <TableRoot aria-label="Vocalists" selectionMode="multiple">
           <TableHeader>
             <TableColumn className="max-w-0">ID</TableColumn>
-            <TableColumn isRowHeader isResizable>
-              Name
-            </TableColumn>
-            <TableColumn isResizable>Email</TableColumn>
+            <TableColumn isRowHeader>Name</TableColumn>
+            <TableColumn>Email</TableColumn>
             <TableColumn>Age</TableColumn>
             <TableColumn>Role</TableColumn>
-            <TableColumn isResizable>Band</TableColumn>
+            <TableColumn>Band</TableColumn>
             <TableColumn>Status</TableColumn>
           </TableHeader>
           <TableBody items={items}>
@@ -153,7 +151,7 @@ export function ComponentsOverview() {
               </TableRow>
             )}
           </TableBody>
-        </Table>
+        </TableRoot>
       </div>
     </div>
   );
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index 566a063e8..faf3a74d2 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,17 +1,59 @@
-import { Loader as Loader4 } from "@/registry/core/loader-dot-spinner";
-import { Loader as Loader3 } from "@/registry/core/loader-line-spinner";
-import { Loader } from "@/registry/core/loader-ring";
-import { Loader as Loader2 } from "@/registry/core/loader-tailspin";
-import { Loader as Loader5 } from "@/registry/core/loader-wave";
+"use client";
+
+import React from "react";
+import { motion } from "motion/react";
+import { Tabs, TabList, Tab, TabPanel } from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+export default function Demo() {
+  const [selectedTab, setSelectedTab] = React.useState("tomato");
 
-export default function Page() {
   return (
-    <div>
-      <Loader />
-      <Loader2 />
-      <Loader3 />
-      <Loader4 />
-      <Loader5 />
+    <div className="space-y-4">
+      <div className="h-screen bg-white text-black">
+        <ul className="flex w-[200px]">
+          {["tomato", "lettuce", "hello"].map((item, index) => (
+            <li
+              key={index}
+              style={{ width: "100%" }}
+              className="relative p-[5px_15px] w-full"
+              // style={{ position: "relative", padding: "8px", minWidth: 0 , display: "flex"}}
+              // className="relative min-w-0 p-2"
+              // className="relative p-2"
+              // style={{ width: "100%" }}
+              onClick={() => setSelectedTab(item)}
+            >
+              {item}
+              {item === selectedTab && (
+                <motion.div
+                  className="bg-bg-accent absolute inset-x-0 bottom-0 h-[2px]"
+                  layoutId="underline"
+                />
+              )}
+            </li>
+          ))}
+        </ul>
+      </div>
     </div>
   );
 }
+
+const tab: React.CSSProperties = {
+  position: "relative",
+  width: "100%",
+  // borderRadius: 5,
+  // borderBottomLeftRadius: 0,
+  // borderBottomRightRadius: 0,
+  // padding: "10px 15px",
+
+  // background: "white",
+  // cursor: "pointer",
+  // height: 24,
+  // display: "flex",
+  // justifyContent: "space-between",
+  // alignItems: "center",
+  // flex: 1,
+  // minWidth: 0,
+  // userSelect: "none",
+};
diff --git a/www/src/components/core/breadcrumbs.tsx b/www/src/components/core/breadcrumbs.tsx
index 6ab3e247c..da6c8f2b9 100644
--- a/www/src/components/core/breadcrumbs.tsx
+++ b/www/src/components/core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/breadcrumbs";
+export * from "@/registry/core/breadcrumbs_basic";
diff --git a/www/src/components/core/tabs.tsx b/www/src/components/core/tabs.tsx
index 15f792b58..807ee82f3 100644
--- a/www/src/components/core/tabs.tsx
+++ b/www/src/components/core/tabs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tabs";
+export * from "@/registry/core/tabs_basic";
diff --git a/www/src/components/docs/install-tabs.tsx b/www/src/components/docs/install-tabs.tsx
index 8aa60c2d5..095a0c903 100644
--- a/www/src/components/docs/install-tabs.tsx
+++ b/www/src/components/docs/install-tabs.tsx
@@ -112,7 +112,7 @@ export function InstallTab({
     <TabsPrimitive.TabPanel
       id={toValue(value)}
       className={cn(
-        "text-xs [&>figure:only-child]:m-0 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none",
+        "text-xs mt-0 [&>figure:only-child]:m-0 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none",
         className
       )}
       {...props}
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
index f291898b3..d58365fb8 100644
--- a/www/src/components/dynamic-core/breadcrumbs.tsx
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -1 +1,43 @@
-export * from "@/registry/core/breadcrumbs";
+"use client";
+
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import {
+  Breadcrumbs as _Breadcrumbs,
+  Breadcrumb as _Breadcrumb,
+  BreadcrumbItem as _BreadcrumbItem,
+  BreadcrumbLink as _BreadcrumbLink,
+} from "@/registry/core/breadcrumbs_basic";
+import type {
+  BreadcrumbsProps,
+  BreadcrumbProps,
+  BreadcrumbItemProps,
+  BreadcrumbLinkProps,
+} from "@/registry/core/breadcrumbs_basic";
+
+export const Breadcrumbs = createDynamicComponent<BreadcrumbsProps<object>>(
+  "breadcrumbs",
+  "Breadcrumbs",
+  _Breadcrumbs,
+  {}
+);
+
+export const Breadcrumb = createDynamicComponent<BreadcrumbProps>(
+  "breadcrumbs",
+  "Breadcrumb",
+  _Breadcrumb,
+  {}
+);
+
+export const BreacrumbItem = createDynamicComponent<BreadcrumbItemProps>(
+  "breadcrumbs",
+  "BreadcrumbItem",
+  _BreadcrumbItem,
+  {}
+);
+
+export const BreadcrumbLink = createDynamicComponent<BreadcrumbLinkProps>(
+  "breadcrumbs",
+  "BreadcrumbLink",
+  _BreadcrumbLink,
+  {}
+);
diff --git a/www/src/components/dynamic-core/drawer.tsx b/www/src/components/dynamic-core/drawer.tsx
index 615df820d..bced0b128 100644
--- a/www/src/components/dynamic-core/drawer.tsx
+++ b/www/src/components/dynamic-core/drawer.tsx
@@ -1 +1,14 @@
-export * from "@/registry/core/drawer_basic";
+"use client";
+
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import {
+  Drawer as _Drawer,
+  DrawerProps,
+} from "@/registry/core/drawer_basic";
+
+export const Drawer = createDynamicComponent<DrawerProps>(
+  "drawer",
+  "Drawer",
+  _Drawer,
+  {}
+);
diff --git a/www/src/components/dynamic-core/modal.tsx b/www/src/components/dynamic-core/modal.tsx
index b4136e39b..af8580c4e 100644
--- a/www/src/components/dynamic-core/modal.tsx
+++ b/www/src/components/dynamic-core/modal.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import { Modal as _Modal, ModalProps } from "@/registry/core/modal_basic";
 
diff --git a/www/src/components/dynamic-core/popover.tsx b/www/src/components/dynamic-core/popover.tsx
index 41503f361..fd1e170cb 100644
--- a/www/src/components/dynamic-core/popover.tsx
+++ b/www/src/components/dynamic-core/popover.tsx
@@ -1 +1,14 @@
-export * from "@/registry/core/popover_basic";
+"use client";
+
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import {
+  Popover as _Popover,
+  PopoverProps,
+} from "@/registry/core/popover_basic";
+
+export const Popover = createDynamicComponent<PopoverProps>(
+  "popover",
+  "Popover",
+  _Popover,
+  {}
+);
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
index e188e5d84..ab062a2b0 100644
--- a/www/src/components/dynamic-core/tabs.tsx
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -1 +1,58 @@
-export * from "@/registry/core/tabs";
+"use client";
+
+import React from "react";
+import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import {
+  Tabs as _Tabs,
+  TabList as _TabList,
+  Tab as _Tab,
+  TabPanel as _TabPanel,
+} from "@/registry/core/tabs_basic";
+import type {
+  TabsProps,
+  TabListProps,
+  TabProps,
+  TabPanelProps,
+} from "@/registry/core/tabs_basic";
+
+export const Tabs = createDynamicComponent<TabsProps>("tabs", "Tabs", _Tabs, {
+  tabs_motion: React.lazy(() =>
+    import("@/registry/core/tabs_motion").then((mod) => ({
+      default: mod.Tabs,
+    }))
+  ),
+});
+
+export const TabList = createDynamicComponent<TabListProps<object>>(
+  "tabs",
+  "TabList",
+  _TabList,
+  {
+    tabs_motion: React.lazy(() =>
+      import("@/registry/core/tabs_motion").then((mod) => ({
+        default: mod.TabList,
+      }))
+    ),
+  }
+);
+
+export const Tab = createDynamicComponent<TabProps>("tabs", "Tab", _Tab, {
+  tabs_motion: React.lazy(() =>
+    import("@/registry/core/tabs_motion").then((mod) => ({
+      default: mod.Tab,
+    }))
+  ),
+});
+
+export const TabPanel = createDynamicComponent<TabPanelProps>(
+  "tabs",
+  "TabPanel",
+  _TabPanel,
+  {
+    tabs_motion: React.lazy(() =>
+      import("@/registry/core/tabs_motion").then((mod) => ({
+        default: mod.TabPanel,
+      }))
+    ),
+  }
+);
diff --git a/www/src/demos/breadcrumbs/composition.tsx b/www/src/demos/breadcrumbs/composition.tsx
index 16979e456..9d135f8ca 100644
--- a/www/src/demos/breadcrumbs/composition.tsx
+++ b/www/src/demos/breadcrumbs/composition.tsx
@@ -18,7 +18,6 @@ export default function Demo() {
       </BreadcrumbItem>
       <BreadcrumbItem>
         <BreadcrumbLink>Breadcrumbs</BreadcrumbLink>
-        <ArrowRightCircleIcon />
       </BreadcrumbItem>
     </Breadcrumbs>
   );
diff --git a/www/src/demos/checkbox/card.tsx b/www/src/demos/checkbox/card.tsx
index ab8e78e53..86349f404 100644
--- a/www/src/demos/checkbox/card.tsx
+++ b/www/src/demos/checkbox/card.tsx
@@ -2,6 +2,6 @@ import { Checkbox } from "@/components/dynamic-core/checkbox";
 
 export default function Demo() {
   return (
-    <Checkbox variant="card">I agree to the terms and conditions</Checkbox>
+    <Checkbox appearance="card">I agree to the terms and conditions</Checkbox>
   );
 }
diff --git a/www/src/demos/checkbox/default.tsx b/www/src/demos/checkbox/default.tsx
index 949034071..94d8752a7 100644
--- a/www/src/demos/checkbox/default.tsx
+++ b/www/src/demos/checkbox/default.tsx
@@ -1,15 +1,5 @@
-"use client";
-
 import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { Link } from "@/components/dynamic-core/link";
 
 export default function Demo() {
-  return (
-    <Checkbox>
-      I accept the{" "}
-      <Link variant="accent" href="#">
-        terms and conditions
-      </Link>
-    </Checkbox>
-  );
+  return <Checkbox>I accept the terms and conditions</Checkbox>;
 }
diff --git a/www/src/demos/checkbox/variants.tsx b/www/src/demos/checkbox/variants.tsx
new file mode 100644
index 000000000..2afa0359a
--- /dev/null
+++ b/www/src/demos/checkbox/variants.tsx
@@ -0,0 +1,14 @@
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <Checkbox variant="primary" defaultSelected>
+        I agree to the terms and conditions
+      </Checkbox>
+      <Checkbox variant="accent" defaultSelected>
+        I agree to the terms and conditions
+      </Checkbox>
+    </div>
+  );
+}
diff --git a/www/src/demos/link/default.tsx b/www/src/demos/link/default.tsx
deleted file mode 100644
index 40871b117..000000000
--- a/www/src/demos/link/default.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Link } from "@/components/dynamic-core/link";
-
-export default function Demo() {
-  return (
-    <Link href="https://x.com/mehdibha_" target="_blank">
-      @mehdibha_
-    </Link>
-  );
-}
diff --git a/www/src/demos/link/disabled.tsx b/www/src/demos/link/disabled.tsx
deleted file mode 100644
index 70bbc4483..000000000
--- a/www/src/demos/link/disabled.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Link } from "@/components/dynamic-core/link";
-
-export default function Demo() {
-  return (
-    <Link href="https://x.com/mehdibha_" isDisabled>
-      @mehdibha_
-    </Link>
-  );
-}
diff --git a/www/src/demos/link/icon.tsx b/www/src/demos/link/icon.tsx
deleted file mode 100644
index a9fff25c1..000000000
--- a/www/src/demos/link/icon.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { ExternalLinkIcon } from "lucide-react";
-import { Link } from "@/components/dynamic-core/link";
-
-export default function Demo() {
-  return (
-    <Link href="/docs" target="_blank">
-      Docs{" "}
-      <span>
-        <ExternalLinkIcon className="size-4" />
-      </span>
-    </Link>
-  );
-}
diff --git a/www/src/demos/link/variants.tsx b/www/src/demos/link/variants.tsx
deleted file mode 100644
index 55f36afb2..000000000
--- a/www/src/demos/link/variants.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Link } from "@/components/dynamic-core/link";
-
-export default function Demo() {
-  return (
-    <div className="space-y-2">
-      {(["accent", "quiet"] as const).map((variant, index) => (
-        <p key={index}>
-          Follow{" "}
-          <Link
-            variant={variant}
-            href="https://x.com/mehdibha_"
-            target="_blank"
-          >
-            @mehdibha_
-          </Link>{" "}
-          to stay updated on dotUI latest releases.
-        </p>
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index c4ebdf37b..6fe3dc8dc 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -71,6 +71,7 @@ export const demos: RegistryDemos = [
     "uncontrolled",
   ]),
   ...buildDemos("checkbox", [
+    "variants",
     "card",
     "controlled",
     "default",
@@ -226,7 +227,6 @@ export const demos: RegistryDemos = [
     "media-capture",
     "multiple-files",
   ]),
-  ...buildDemos("link", ["default", "disabled", "icon", "variants"]),
   ...buildDemos("list-box", [
     "async-loading",
     "basic",
@@ -397,10 +397,10 @@ export const demos: RegistryDemos = [
   ...buildDemos("tabs", [
     "basic",
     "controlled",
-    "disabled-item",
     "disabled",
     "keyboard-activation",
     "vertical",
+    "variant",
   ]),
   ...buildDemos("text-area", [
     "composition",
@@ -473,7 +473,24 @@ export const demos: RegistryDemos = [
   ...buildDemos("toggle-button-group", ["default"]),
   ...buildDemos("button-group", ["default"]),
   ...buildDemos("tag-group", ["default"]),
-  ...buildDemos("table", ["default"]),
+  ...buildDemos("table", [
+    "dynamic-collection",
+    "basic",
+    "disallow-empty-selection",
+    "empty-state",
+    "links",
+    "sorting",
+    "disabled-rows",
+    "static-row-action",
+    "row-action",
+    "selection-mode",
+    "selection-behavior",
+    "variants",
+    "column-resizing",
+    "controlled",
+    "uncontrolled",
+    "reordable",
+  ]),
   ...buildDemos("form", ["basic", "react-aria", "react-hook-form"]),
   ...buildDemos("command", ["basic", "dialog"]),
   ...buildDemos("overlay", ["basic", "type"]),
diff --git a/www/src/demos/table/basic.tsx b/www/src/demos/table/basic.tsx
new file mode 100644
index 000000000..aec73f171
--- /dev/null
+++ b/www/src/demos/table/basic.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader>
+        <TableColumn isRowHeader>Name</TableColumn>
+        <TableColumn>Type</TableColumn>
+        <TableColumn>Date Modified</TableColumn>
+      </TableHeader>
+      <TableBody>
+        <TableRow>
+          <TableCell>Games</TableCell>
+          <TableCell>File folder</TableCell>
+          <TableCell>6/7/2020</TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>Program Files</TableCell>
+          <TableCell>File folder</TableCell>
+          <TableCell>4/7/2021</TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>bootmgr</TableCell>
+          <TableCell>System file</TableCell>
+          <TableCell>11/20/2010</TableCell>
+        </TableRow>
+      </TableBody>
+    </TableRoot>
+  );
+}
diff --git a/www/src/demos/table/column-resizing.tsx b/www/src/demos/table/column-resizing.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/column-resizing.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/controlled.tsx b/www/src/demos/table/controlled.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/controlled.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/default.tsx b/www/src/demos/table/default.tsx
deleted file mode 100644
index ebecc22de..000000000
--- a/www/src/demos/table/default.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function Demo() {
-  return <div>demo</div>;
-}
diff --git a/www/src/demos/table/disabled-rows.tsx b/www/src/demos/table/disabled-rows.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/disabled-rows.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/disallow-empty-selection.tsx b/www/src/demos/table/disallow-empty-selection.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/disallow-empty-selection.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/dynamic-collection.tsx b/www/src/demos/table/dynamic-collection.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/dynamic-collection.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/empty-state.tsx b/www/src/demos/table/empty-state.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/empty-state.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/links.tsx b/www/src/demos/table/links.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/links.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/reordable.tsx b/www/src/demos/table/reordable.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/reordable.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/row-action.tsx b/www/src/demos/table/row-action.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/row-action.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/selection-behavior.tsx b/www/src/demos/table/selection-behavior.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/selection-behavior.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/selection-mode.tsx b/www/src/demos/table/selection-mode.tsx
new file mode 100644
index 000000000..81a240200
--- /dev/null
+++ b/www/src/demos/table/selection-mode.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <div className="space-y-8">
+      <TableRoot aria-label="Files" selectionMode="single">
+        <TableHeader columns={columns}>
+          {(column) => (
+            <TableColumn isRowHeader={column.isRowHeader}>
+              {column.name}
+            </TableColumn>
+          )}
+        </TableHeader>
+        <TableBody items={data}>
+          {(item) => (
+            <TableRow columns={columns}>
+              {(column) => <TableCell>{item[column.id]}</TableCell>}
+            </TableRow>
+          )}
+        </TableBody>
+      </TableRoot>
+      <TableRoot aria-label="Files">
+        <TableHeader columns={columns}>
+          {(column) => (
+            <TableColumn isRowHeader={column.isRowHeader}>
+              {column.name}
+            </TableColumn>
+          )}
+        </TableHeader>
+        <TableBody items={data}>
+          {(item) => (
+            <TableRow columns={columns}>
+              {(column) => <TableCell>{item[column.id]}</TableCell>}
+            </TableRow>
+          )}
+        </TableBody>
+      </TableRoot>
+    </div>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/selection.tsx b/www/src/demos/table/selection.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/selection.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/sorting.tsx b/www/src/demos/table/sorting.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/sorting.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/static-row-action.tsx b/www/src/demos/table/static-row-action.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/static-row-action.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/uncontrolled.tsx b/www/src/demos/table/uncontrolled.tsx
new file mode 100644
index 000000000..a4bd64469
--- /dev/null
+++ b/www/src/demos/table/uncontrolled.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/registry/core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+export default function Demo() {
+  return (
+    <TableRoot aria-label="Files">
+      <TableHeader columns={columns}>
+        {(column) => (
+          <TableColumn isRowHeader={column.isRowHeader}>
+            {column.name}
+          </TableColumn>
+        )}
+      </TableHeader>
+      <TableBody items={data}>
+        {(item) => (
+          <TableRow columns={columns}>
+            {(column) => <TableCell>{item[column.id]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </TableRoot>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/variants.tsx b/www/src/demos/table/variants.tsx
new file mode 100644
index 000000000..8e3f25062
--- /dev/null
+++ b/www/src/demos/table/variants.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+import React from "react";
+import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/components/dynamic-core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+type Variant = "solid" | "line" | "bordered" | "quiet";
+
+export default function Demo() {
+  const [variant, setVariant] = React.useState<Variant>("solid");
+  return (
+    <div className="flex gap-14">
+      <TableRoot variant={variant} aria-label="Files">
+        <TableHeader columns={columns}>
+          {(column) => (
+            <TableColumn isRowHeader={column.isRowHeader}>
+              {column.name}
+            </TableColumn>
+          )}
+        </TableHeader>
+        <TableBody items={data}>
+          {(item) => (
+            <TableRow columns={columns}>
+              {(column) => <TableCell>{item[column.id]}</TableCell>}
+            </TableRow>
+          )}
+        </TableBody>
+      </TableRoot>
+      <RadioGroup
+        label="Variant"
+        value={variant}
+        onChange={(value) => setVariant(value as Variant)}
+      >
+        <Radio value="solid">Solid</Radio>
+        <Radio value="bordered">Bordered</Radio>
+        <Radio value="line">Line</Radio>
+        <Radio value="quiet">quiet</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/tabs/basic.tsx b/www/src/demos/tabs/basic.tsx
index af43c702f..4ae128a5a 100644
--- a/www/src/demos/tabs/basic.tsx
+++ b/www/src/demos/tabs/basic.tsx
@@ -8,9 +8,9 @@ export default function Demo() {
         <Tab id="usage">Usage</Tab>
         <Tab id="settings">Settings</Tab>
       </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+      <TabPanel id="overview">Overview content</TabPanel>
+      <TabPanel id="usage">Usage content</TabPanel>
+      <TabPanel id="settings">Settings content</TabPanel>
     </Tabs>
   );
 }
diff --git a/www/src/demos/tabs/controlled.tsx b/www/src/demos/tabs/controlled.tsx
index 5b39ec476..8ac59fbe0 100644
--- a/www/src/demos/tabs/controlled.tsx
+++ b/www/src/demos/tabs/controlled.tsx
@@ -14,12 +14,9 @@ export default function Demo() {
           <Tab id="usage">Usage</Tab>
           <Tab id="settings">Settings</Tab>
         </TabList>
-        <TabPanel id="overview">
-          {" "}
-          You can view all your projects here.{" "}
-        </TabPanel>
-        <TabPanel id="usage"> You can view your usage here. </TabPanel>
-        <TabPanel id="settings"> You can view your settings here. </TabPanel>
+        <TabPanel id="overview">Overview content</TabPanel>
+        <TabPanel id="usage">Usage content</TabPanel>
+        <TabPanel id="settings">Settings content</TabPanel>
       </Tabs>
       <p className="text-fg-muted text-sm">
         Selected tab: <span className="text-fg font-bold">{selectedTab}</span>
diff --git a/www/src/demos/tabs/disabled-item.tsx b/www/src/demos/tabs/disabled-item.tsx
deleted file mode 100644
index d830e93ad..000000000
--- a/www/src/demos/tabs/disabled-item.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
-
-export default function Demo() {
-  return (
-    <Tabs>
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings" isDisabled>
-          Settings
-        </Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
-  );
-}
diff --git a/www/src/demos/tabs/disabled.tsx b/www/src/demos/tabs/disabled.tsx
index cab9d6288..f323357af 100644
--- a/www/src/demos/tabs/disabled.tsx
+++ b/www/src/demos/tabs/disabled.tsx
@@ -2,15 +2,27 @@ import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
 
 export default function Demo() {
   return (
-    <Tabs isDisabled>
-      <TabList>
-        <Tab id="overview">Overview</Tab>
-        <Tab id="usage">Usage</Tab>
-        <Tab id="settings">Settings</Tab>
-      </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
-    </Tabs>
+    <div className="space-y-8">
+      <Tabs isDisabled>
+        <TabList>
+          <Tab id="overview">Overview</Tab>
+          <Tab id="usage">Usage</Tab>
+          <Tab id="settings">Settings</Tab>
+        </TabList>
+        <TabPanel id="overview">Overview content</TabPanel>
+        <TabPanel id="usage">Usage content</TabPanel>
+        <TabPanel id="settings">Settings content</TabPanel>
+      </Tabs>
+      <Tabs>
+        <TabList>
+          <Tab id="overview">Overview</Tab>
+          <Tab id="usage">Usage</Tab>
+          <Tab id="settings" isDisabled>Settings</Tab>
+        </TabList>
+        <TabPanel id="overview">Overview content</TabPanel>
+        <TabPanel id="usage">Usage content</TabPanel>
+        <TabPanel id="settings">Settings content</TabPanel>
+      </Tabs>
+    </div>
   );
 }
diff --git a/www/src/demos/tabs/keyboard-activation.tsx b/www/src/demos/tabs/keyboard-activation.tsx
index 75af8ce8c..7c67387f3 100644
--- a/www/src/demos/tabs/keyboard-activation.tsx
+++ b/www/src/demos/tabs/keyboard-activation.tsx
@@ -8,9 +8,9 @@ export default function Demo() {
         <Tab id="usage">Usage</Tab>
         <Tab id="settings">Settings</Tab>
       </TabList>
-      <TabPanel id="overview"> You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+      <TabPanel id="overview">Overview content</TabPanel>
+      <TabPanel id="usage">Usage content</TabPanel>
+      <TabPanel id="settings">Settings content</TabPanel>
     </Tabs>
   );
 }
diff --git a/www/src/demos/tabs/variant.tsx b/www/src/demos/tabs/variant.tsx
new file mode 100644
index 000000000..e47b913a5
--- /dev/null
+++ b/www/src/demos/tabs/variant.tsx
@@ -0,0 +1,16 @@
+import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
+
+export default function Demo() {
+  return (
+    <Tabs variant="solid">
+      <TabList>
+        <Tab id="overview">Overview</Tab>
+        <Tab id="usage">Usage</Tab>
+        <Tab id="settings">Settings</Tab>
+      </TabList>
+      <TabPanel id="overview">Overview content</TabPanel>
+      <TabPanel id="usage">Usage content</TabPanel>
+      <TabPanel id="settings">Settings content</TabPanel>
+    </Tabs>
+  );
+}
diff --git a/www/src/demos/tabs/vertical.tsx b/www/src/demos/tabs/vertical.tsx
index a9afb247c..8178a1246 100644
--- a/www/src/demos/tabs/vertical.tsx
+++ b/www/src/demos/tabs/vertical.tsx
@@ -2,15 +2,15 @@ import { Tabs, TabList, TabPanel, Tab } from "@/components/dynamic-core/tabs";
 
 export default function Demo() {
   return (
-    <Tabs orientation="vertical">
+    <Tabs orientation="vertical" className="[&_[role=tabpanel]]:w-36">
       <TabList>
         <Tab id="overview">Overview</Tab>
         <Tab id="usage">Usage</Tab>
         <Tab id="settings">Settings</Tab>
       </TabList>
-      <TabPanel id="overview">You can view all your projects here. </TabPanel>
-      <TabPanel id="usage"> You can view your usage here. </TabPanel>
-      <TabPanel id="settings"> You can view your settings here. </TabPanel>
+      <TabPanel id="overview">Overview content</TabPanel>
+      <TabPanel id="usage">Usage content</TabPanel>
+      <TabPanel id="settings">Settings content</TabPanel>
     </Tabs>
   );
 }
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index 88d7f65f5..54f1bb0ae 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -12,6 +12,7 @@ const defaultVariants = {
   modal: "modal_basic",
   popover: "popover_basic",
   drawer: "drawer_basic",
+  tabs: "tabs_basic",
 };
 
 export const dotUIThemes: Theme[] = [
diff --git a/www/src/registry/core/breadcrumbs.tsx b/www/src/registry/core/breadcrumbs.tsx
deleted file mode 100644
index cad163b8a..000000000
--- a/www/src/registry/core/breadcrumbs.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-"use client";
-
-import { ChevronRightIcon } from "lucide-react";
-import {
-  Link as AriaLink,
-  Breadcrumbs as AriaBreadcrumbs,
-  Breadcrumb as AriaBreadcrumb,
-  type BreadcrumbsProps as AriaBreadcrumbsProps,
-  type BreadcrumbProps as AriaBreadcrumbProps,
-  type LinkProps as AriaLinkProps,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const breadcrumbsStyles = tv({
-  slots: {
-    root: "text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4",
-    item: "inline-flex items-center gap-1.5 last:[&_svg]:hidden",
-    link: "hover:text-fg current:text-fg disabled:[&:not([data-current])]:text-fg-disabled inline-flex items-center gap-1.5 transition-colors disabled:cursor-default",
-  },
-});
-
-type BreadcrumbsProps<T extends object> = AriaBreadcrumbsProps<T>;
-
-const Breadcrumbs = <T extends object>({
-  className,
-  ...props
-}: BreadcrumbsProps<T>) => {
-  const { root } = breadcrumbsStyles();
-  return <AriaBreadcrumbs {...props} className={root({ className })} />;
-};
-
-type BreadcrumbProps = Omit<AriaBreadcrumbProps, "children"> &
-  Omit<AriaLinkProps, "className" | "style"> & { icon?: React.ReactNode };
-const Breadcrumb = ({
-  children,
-  className,
-  style,
-  icon = null,
-  ...props
-}: BreadcrumbProps) => {
-  return (
-    <BreadcrumbItem className={className} style={style} {...props}>
-      {icon}
-      <BreadcrumbLink {...props}>{children}</BreadcrumbLink>
-      <ChevronRightIcon />
-    </BreadcrumbItem>
-  );
-};
-
-type BreadcrumbItemProps = AriaBreadcrumbProps;
-const BreadcrumbItem = (props: BreadcrumbItemProps) => {
-  const { item } = breadcrumbsStyles();
-  return (
-    <AriaBreadcrumb
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        item({ className })
-      )}
-    />
-  );
-};
-
-interface BreadcrumbLinkProps extends Omit<AriaLinkProps, "className"> {
-  className?: string;
-}
-const BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => {
-  const { link } = breadcrumbsStyles();
-  return <AriaLink {...props} className={link({ className })} />;
-};
-
-export type {
-  BreadcrumbsProps,
-  BreadcrumbProps,
-  BreadcrumbItemProps,
-  BreadcrumbLinkProps,
-};
-
-export { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };
diff --git a/www/src/registry/core/breadcrumbs_basic.tsx b/www/src/registry/core/breadcrumbs_basic.tsx
new file mode 100644
index 000000000..7053e2608
--- /dev/null
+++ b/www/src/registry/core/breadcrumbs_basic.tsx
@@ -0,0 +1,81 @@
+"use client";
+
+import { ChevronRightIcon } from "lucide-react";
+import {
+  Breadcrumbs as AriaBreadcrumbs,
+  Breadcrumb as AriaBreadcrumb,
+  Link as AriaLink,
+  composeRenderProps,
+  type BreadcrumbsProps as AriaBreadcrumbsProps,
+  type LinkProps as AriaLinkProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const breadcrumbsStyles = tv({
+  slots: {
+    root: "text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4",
+    item: "inline-flex items-center gap-1",
+    link: [
+      focusRing(),
+      "hover:text-fg current:text-fg disabled:not-current:text-fg-disabled inline-flex items-center gap-1 rounded px-0.5 leading-none transition-colors disabled:cursor-default",
+    ],
+  },
+});
+const { root, item, link } = breadcrumbsStyles();
+
+interface BreadcrumbsProps<T extends object> extends AriaBreadcrumbsProps<T> {
+  ref?: React.RefObject<HTMLOListElement>;
+}
+const Breadcrumbs = <T extends object>({
+  className,
+  ...props
+}: BreadcrumbsProps<T>) => {
+  return <AriaBreadcrumbs className={root({ className })} {...props} />;
+};
+
+interface BreadcrumbProps
+  extends React.ComponentProps<typeof BreadcrumbItem>,
+    Omit<AriaLinkProps, "children" | "className" | "style"> {}
+const Breadcrumb = ({ ref, children, ...props }: BreadcrumbProps) => {
+  return (
+    <BreadcrumbItem ref={ref} {...props}>
+      {composeRenderProps(children, (children, { isCurrent }) => (
+        <>
+          <BreadcrumbLink {...props}>{children}</BreadcrumbLink>
+          {!isCurrent && <ChevronRightIcon />}
+        </>
+      ))}
+    </BreadcrumbItem>
+  );
+};
+
+interface BreadcrumbItemProps
+  extends React.ComponentProps<typeof AriaBreadcrumb> {}
+const BreadcrumbItem = ({ className, ...props }: BreadcrumbItemProps) => (
+  <AriaBreadcrumb
+    className={composeRenderProps(className, (className) =>
+      item({ className })
+    )}
+    {...props}
+  />
+);
+
+interface BreadcrumbLinkProps extends React.ComponentProps<typeof AriaLink> {}
+const BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => (
+  <AriaLink
+    className={composeRenderProps(className, (className) =>
+      link({ className })
+    )}
+    {...props}
+  />
+);
+
+export type {
+  BreadcrumbsProps,
+  BreadcrumbProps,
+  BreadcrumbItemProps,
+  BreadcrumbLinkProps,
+};
+
+export { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };
diff --git a/www/src/registry/core/checkbox_basic.tsx b/www/src/registry/core/checkbox_basic.tsx
index b679146d1..199b53806 100644
--- a/www/src/registry/core/checkbox_basic.tsx
+++ b/www/src/registry/core/checkbox_basic.tsx
@@ -27,19 +27,46 @@ const checkboxStyles = tv({
   },
   variants: {
     variant: {
+      primary: {
+        indicator:
+          "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary",
+      },
+      accent: {
+        indicator:
+          "group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent",
+      },
+    },
+    appearance: {
       default: {
         indicator: focusRingGroup(),
       },
       card: {
         root: [
           focusRing(),
-          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors",
+          "disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors",
         ],
       },
     },
   },
+  compoundVariants: [
+    {
+      appearance: "card",
+      variant: "primary",
+      className: {
+        root: "selected:bg-bg-muted",
+      },
+    },
+    {
+      appearance: "card",
+      variant: "accent",
+      className: {
+        root: "selected:bg-bg-accent-muted",
+      },
+    },
+  ],
   defaultVariants: {
-    variant: "default",
+    variant: "accent",
+    appearance: "default",
   },
 });
 
@@ -72,16 +99,28 @@ interface CheckboxRootProps
 
 const CheckboxRoot = (localProps: CheckboxRootProps) => {
   const contextProps = useCheckboxContext();
-  const { variant, className, ...props } = { ...contextProps, ...localProps };
+  const {
+    variant,
+    appearance,
+    className,
+    ...props
+  } = {
+    ...contextProps,
+    ...localProps,
+  };
   return (
     <AriaCheckbox
       className={composeRenderProps(className, (className) =>
-        root({ variant, className })
+        root({ variant, appearance, className })
       )}
       {...props}
     >
       {composeRenderProps(props.children, (children, { isIndeterminate }) => (
-        <VariantsProvider variant={variant} isIndeterminate={isIndeterminate}>
+        <VariantsProvider
+          variant={variant}
+          appearance={appearance}
+          isIndeterminate={isIndeterminate}
+        >
           {children}
         </VariantsProvider>
       ))}
@@ -92,9 +131,10 @@ const CheckboxRoot = (localProps: CheckboxRootProps) => {
 interface CheckboxIndicatorProps extends React.ComponentProps<"div"> {}
 
 const CheckboxIndicator = ({ className, ...props }: CheckboxIndicatorProps) => {
-  const { variant, isIndeterminate } = useVariantsContext("CheckboxIndicator");
+  const { variant, appearance, isIndeterminate } =
+    useVariantsContext("CheckboxIndicator");
   return (
-    <div className={indicator({ variant, className })} {...props}>
+    <div className={indicator({ variant, appearance, className })} {...props}>
       {isIndeterminate ? (
         <MinusIcon className="size-2.5" />
       ) : (
diff --git a/www/src/registry/core/color-field.tsx b/www/src/registry/core/color-field.tsx
index df3b5462c..4dc57f472 100644
--- a/www/src/registry/core/color-field.tsx
+++ b/www/src/registry/core/color-field.tsx
@@ -21,7 +21,7 @@ interface ColorFieldProps
   extends ColorFieldRootProps,
     Pick<InputRootProps, "size" | "prefix" | "suffix">,
     FieldProps {
-  inputRef?: React.Ref<HTMLInputElement>;
+  inputRef?: React.RefObject<HTMLInputElement>;
 }
 
 const ColorField = ({
@@ -64,7 +64,7 @@ const ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {
 };
 
 interface ColorFieldInputProps extends InputRootProps {
-  inputRef?: React.Ref<HTMLInputElement>;
+  inputRef?: React.RefObject<HTMLInputElement>;
 }
 const ColorFieldInput = ({ inputRef, ...props }: ColorFieldInputProps) => {
   return (
diff --git a/www/src/registry/core/date-field copy.tsx b/www/src/registry/core/date-field copy.tsx
index a241f1003..73aeed9a4 100644
--- a/www/src/registry/core/date-field copy.tsx	
+++ b/www/src/registry/core/date-field copy.tsx	
@@ -43,7 +43,7 @@ const DateField = <T extends DateValue>({
 
 interface DateFieldRootProps<T extends DateValue>
   extends AriaDateFieldProps<T> {
-  ref?: React.Ref<HTMLDivElement>;
+  ref?: React.RefObject<HTMLDivElement>;
 }
 const DateFieldRoot = <T extends DateValue>({
   className,
diff --git a/www/src/registry/core/date-field.tsx b/www/src/registry/core/date-field.tsx
index aa12ff4a9..b9b91199a 100644
--- a/www/src/registry/core/date-field.tsx
+++ b/www/src/registry/core/date-field.tsx
@@ -41,7 +41,7 @@ const DateField = <T extends DateValue>({
 
 interface DateFieldRootProps<T extends DateValue>
   extends AriaDateFieldProps<T> {
-  ref?: React.Ref<HTMLDivElement>;
+  ref?: React.RefObject<HTMLDivElement>;
 }
 const DateFieldRoot = <T extends DateValue>({
   className,
diff --git a/www/src/registry/core/dialog_basic.tsx b/www/src/registry/core/dialog_basic.tsx
index 99f77e69e..6b11c40b2 100644
--- a/www/src/registry/core/dialog_basic.tsx
+++ b/www/src/registry/core/dialog_basic.tsx
@@ -45,16 +45,16 @@ const Dialog = ({
   description,
   type = "modal",
   mobileType = "drawer",
-  // modalProps,
-  // popoverProps,
-  // drawerProps,
+  modalProps,
+  popoverProps,
+  drawerProps,
   isDismissable: isDismissableProp,
   role,
-  // isOpen,
-  // defaultOpen,
-  // onOpenChange,
-  // isKeyboardDismissDisabled,
-  // shouldCloseOnInteractOutside,
+  isOpen,
+  defaultOpen,
+  onOpenChange,
+  isKeyboardDismissDisabled,
+  shouldCloseOnInteractOutside,
   ...props
 }: DialogProps) => {
   const isDismissable = isDismissableProp ?? role !== "alertdialog";
@@ -62,16 +62,15 @@ const Dialog = ({
     <Overlay
       type={type}
       mobileType={mobileType}
-      // isOpen={isOpen}
-      // defaultOpen={defaultOpen}
-      // onOpenChange={onOpenChange}
+      isOpen={isOpen}
+      defaultOpen={defaultOpen}
+      onOpenChange={onOpenChange}
       isDismissable={isDismissable}
-      // isKeyboardDismissDisabled={isKeyboardDismissDisabled}
-      // shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}
-      // modalProps={modalProps}
-      // popoverProps={popoverProps}
-      // drawerProps={drawerProps}
-      {...props}
+      isKeyboardDismissDisabled={isKeyboardDismissDisabled}
+      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}
+      modalProps={modalProps}
+      popoverProps={popoverProps}
+      drawerProps={drawerProps}
     >
       <DialogContent role={role} {...props}>
         {composeRenderProps(props.children, (children) => (
diff --git a/www/src/registry/core/table copy.tsx b/www/src/registry/core/table copy.tsx
new file mode 100644
index 000000000..0b3202b42
--- /dev/null
+++ b/www/src/registry/core/table copy.tsx	
@@ -0,0 +1,136 @@
+import { ArrowUpIcon } from "lucide-react";
+import {
+  ResizableTableContainer,
+  Table as AriaTable,
+  TableHeader as AriaTableHeader,
+  Column as AriaColumn,
+  Collection as AriaCollection,
+  Group as AriaGroup,
+  ColumnResizer as AriaColumnResizer,
+  Row as AriaRow,
+  Cell as AriaCell,
+  useTableOptions,
+  composeRenderProps,
+  type RowProps as AriaRowProps,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+import { Checkbox } from "@/registry/core/checkbox_basic";
+import { focusRing } from "@/registry/lib/focus-styles";
+import { Button } from "./button-01";
+
+const tableStyles = tv({
+  slots: {
+    root: "relative max-h-[280px] w-[550px] scroll-pt-[2.281rem] overflow-auto rounded-lg border dark:border-zinc-600",
+    table: "border-separate border-spacing-0",
+    header:
+      "sticky top-0 z-10 rounded-t-lg border-b bg-gray-100/60 backdrop-blur-md supports-[-moz-appearance:none]:bg-gray-100 dark:border-b-zinc-700 dark:bg-zinc-700/60 dark:supports-[-moz-appearance:none]:bg-zinc-700 forced-colors:bg-[Canvas]",
+    columnRoot:
+      "cursor-default text-start text-sm font-semibold text-gray-700 dark:text-zinc-300 [&:focus-within]:z-20 [&:hover]:z-20",
+    column: "flex h-5 flex-1 items-center gap-1 overflow-hidden px-2",
+    resize:
+      "resizing:bg-blue-600 forced-colors:resizing:bg-[Highlight] resizing:w-[2px] resizing:pl-[7px] box-content h-5 w-px translate-x-[8px] cursor-col-resize rounded bg-gray-400 bg-clip-content px-[8px] py-1 -outline-offset-2 dark:bg-zinc-500 forced-colors:bg-[ButtonBorder]",
+    row: [
+      focusRing(),
+      "group/row selected:bg-blue-100 selected:hover:bg-blue-200 dark:selected:bg-blue-700/30 dark:selected:hover:bg-blue-700/40 relative cursor-default select-none text-sm text-gray-900 -outline-offset-2 hover:bg-gray-100 disabled:text-gray-300 dark:text-zinc-200 dark:hover:bg-zinc-700/60 dark:disabled:text-zinc-600",
+    ],
+    cell: [
+      focusRing(),
+      "group-selected/row:border-[--selected-border] truncate border-b p-2 -outline-offset-2 [--selected-border:theme(colors.blue.200)] group-last/row:border-b-0 dark:border-b-zinc-700 dark:[--selected-border:theme(colors.blue.900)] [:has(+[data-selected])_&]:border-[--selected-border]",
+    ],
+  },
+});
+
+const { root, table, header, columnRoot, column, resize, row, cell } =
+  tableStyles();
+
+interface TableProps extends React.ComponentProps<typeof AriaTable> {}
+const Table = (props: TableProps) => {
+  return (
+    <ResizableTableContainer className={root({})}>
+      <AriaTable className={table({})} {...props} />
+    </ResizableTableContainer>
+  );
+};
+
+interface TableHeaderProps
+  extends React.ComponentProps<typeof AriaTableHeader> {}
+const TableHeader = (props: TableHeaderProps) => {
+  const { selectionBehavior, selectionMode, allowsDragging } =
+    useTableOptions();
+  return (
+    <AriaTableHeader className={header({})} {...props}>
+      {allowsDragging && <AriaColumn />}
+      {selectionBehavior === "toggle" && (
+        <AriaColumn
+          width={36}
+          minWidth={36}
+          className="cursor-default p-2 text-start text-sm font-semibold"
+        >
+          {selectionMode === "multiple" && <Checkbox slot="selection" />}
+        </AriaColumn>
+      )}
+      <AriaCollection items={props.columns}>{props.children}</AriaCollection>
+    </AriaTableHeader>
+  );
+};
+
+interface ColumnProps extends React.ComponentProps<typeof AriaColumn> {}
+function Column({ children, ...props }: ColumnProps) {
+  return (
+    <AriaColumn className={columnRoot({})} {...props}>
+      {composeRenderProps(
+        children,
+        (children, { allowsSorting, sortDirection }) => (
+          <div className="flex items-center">
+            <AriaGroup role="presentation" tabIndex={-1} className={column({})}>
+              <span className="truncate">{children}</span>
+              {allowsSorting && (
+                <span
+                  className={`flex h-4 w-4 items-center justify-center transition ${
+                    sortDirection === "descending" ? "rotate-180" : ""
+                  }`}
+                >
+                  {sortDirection && (
+                    <ArrowUpIcon aria-hidden className="size-4 text-gray-500" />
+                  )}
+                </span>
+              )}
+            </AriaGroup>
+            {!props.width && <AriaColumnResizer className={resize({})} />}
+          </div>
+        )
+      )}
+    </AriaColumn>
+  );
+}
+
+interface RowProps<T extends object> extends AriaRowProps<T> {}
+function Row<T extends object>({
+  id,
+  columns,
+  children,
+  ...otherProps
+}: RowProps<T>) {
+  const { selectionBehavior, allowsDragging } = useTableOptions();
+
+  return (
+    <AriaRow id={id} {...otherProps} className={row({})}>
+      {allowsDragging && (
+        <Cell>
+          <Button slot="drag">≡</Button>
+        </Cell>
+      )}
+      {selectionBehavior === "toggle" && (
+        <Cell>
+          <Checkbox slot="selection" />
+        </Cell>
+      )}
+      <AriaCollection items={columns}>{children}</AriaCollection>
+    </AriaRow>
+  );
+}
+
+interface CellProps extends React.ComponentProps<typeof AriaCell> {}
+export function Cell(props: CellProps) {
+  return <AriaCell {...props} className={cell()} />;
+}
diff --git a/www/src/registry/core/table.tsx b/www/src/registry/core/table.tsx
index f4b83d8b7..805dd2a05 100644
--- a/www/src/registry/core/table.tsx
+++ b/www/src/registry/core/table.tsx
@@ -1,276 +1,212 @@
 "use client";
 
-import React from "react";
-// import { IconChevronLgDown, IconHamburger } from "lucide-react";
-import { MenuIcon, ChevronDownIcon } from "lucide-react";
-import type {
-  CellProps,
-  ColumnProps,
-  ColumnResizerProps,
-  TableHeaderProps as HeaderProps,
-  RowProps,
-  TableBodyProps,
-  TableProps as TablePrimitiveProps,
-} from "react-aria-components";
+import { ArrowUpDownIcon } from "lucide-react";
 import {
-  Button,
-  Cell,
-  Collection,
-  Column,
-  ColumnResizer as ColumnResizerPrimitive,
   ResizableTableContainer,
-  Row,
-  TableBody,
-  TableHeader,
-  Table as TablePrimitive,
-  composeRenderProps,
+  Table as AriaTable,
+  TableHeader as AriaTableHeader,
+  TableBody as AriaTableBody,
+  Column as AriaColumn,
+  Collection as AriaCollection,
+  ColumnResizer as AriaColumnResizer,
+  Row as AriaRow,
+  Cell as AriaCell,
+  Button as AriaButton,
   useTableOptions,
+  composeRenderProps,
+  type RowProps as AriaRowProps,
+  type TableBodyProps as AriaTableBodyProps,
+  type TableHeaderProps as AriaTableHeaderProps,
 } from "react-aria-components";
-import { tv } from "tailwind-variants";
+import { tv, VariantProps } from "tailwind-variants";
 import { Checkbox } from "@/registry/core/checkbox_basic";
-import { cn } from "@/registry/lib/cn";
+import { createScopedContext } from "@/registry/lib/context-helpers";
+import { focusRing } from "@/registry/lib/focus-styles";
 
-const table = tv({
+const tableStyles = tv({
   slots: {
-    root: "outline-hidden **:drop-target:border **:drop-target:border-primary table w-full min-w-full caption-bottom border-spacing-0 rounded-md border text-sm",
-    header: "x32 border-b",
-    row: "tr bg-bg text-fg/70 outline-hidden ring-primary group relative cursor-default border-b focus:ring-0 focus-visible:ring-1",
-    cellIcon:
-      "bg-bg-muted text-fg grid size-[1.15rem] flex-none shrink-0 place-content-center rounded *:data-[slot=icon]:size-3.5 *:data-[slot=icon]:shrink-0 *:data-[slot=icon]:transition-transform *:data-[slot=icon]:duration-200",
-    columnResizer: [
-      "[&[data-resizing]>div]:bg-primary absolute bottom-0 right-0 top-0 grid w-px touch-none place-content-center px-1",
-      "&[data-resizable-direction=left]:cursor-e-resize &[data-resizable-direction=right]:cursor-w-resize data-[resizable-direction=both]:cursor-ew-resize",
-    ],
+    root: "relative w-full border-separate border-spacing-0 text-sm",
+    header: "sticky top-0 z-10",
+    column: [focusRing(), "px-3 py-2 text-left font-medium"],
+    resizer:
+      "resizing:bg-bg-accent resizing:w-[2px] h-5 w-px cursor-col-resize rounded-full",
+    body: "text-fg-muted",
+    row: [focusRing(), " relative select-none"],
+    cell: [focusRing(), "px-3 py-2"],
   },
-});
-
-const { root, header, row, cellIcon, columnResizer } = table();
-
-interface TableProps extends TablePrimitiveProps {
-  className?: string;
-  allowResize?: boolean;
-}
-
-const TableContext = React.createContext<TableProps>({
-  allowResize: false,
-});
-
-const useTableContext = () => React.useContext(TableContext);
-
-const Table = ({ children, className, ...props }: TableProps) => (
-  <TableContext.Provider value={props}>
-    <div className="relative w-full overflow-auto">
-      {props.allowResize ? (
-        <ResizableTableContainer className="overflow-auto">
-          <TablePrimitive {...props} className={root({ className })}>
-            {children}
-          </TablePrimitive>
-        </ResizableTableContainer>
-      ) : (
-        <TablePrimitive {...props} className={root({ className })}>
-          {children}
-        </TablePrimitive>
-      )}
-    </div>
-  </TableContext.Provider>
-);
-
-const ColumnResizer = ({ className, ...props }: ColumnResizerProps) => (
-  <ColumnResizerPrimitive
-    {...props}
-    className={composeRenderProps(className, (className, renderProps) =>
-      columnResizer({
-        ...renderProps,
-        className,
-      })
-    )}
-  >
-    <div className="bg-border h-full w-px py-3" />
-  </ColumnResizerPrimitive>
-);
-
-const Body = <T extends object>(props: TableBodyProps<T>) => (
-  <TableBody
-    data-slot="table-body"
-    {...props}
-    className={cn("[&_.tr:last-child]:border-0")}
-  />
-);
-
-interface TableCellProps extends CellProps {
-  className?: string;
-}
-
-const cellStyles = tv({
-  base: "outline-hidden group whitespace-nowrap px-3 py-3",
   variants: {
-    allowResize: {
-      true: "overflow-hidden truncate",
+    variant: {
+      bordered: {
+        root: "rounded-md border",
+        column: "border-b",
+        row: "group/row",
+        cell: "border-b group-last/row:border-b-0",
+      },
+      solid: {
+        root: "bg-bg-inverse/5 rounded-lg p-2",
+        header: "text-fg-muted border-y",
+        body: "text-fg",
+        column: "bg-bg-inverse/5 first:rounded-l-sm last:rounded-r-sm",
+      },
+      line: {
+        column: "border-b",
+        row: "group/row",
+        cell: "border-b group-last/row:border-b-0",
+      },
+      quiet: {},
     },
-  },
-});
-const TableCell = ({ children, className, ...props }: TableCellProps) => {
-  const { allowResize } = useTableContext();
-  return (
-    <Cell
-      data-slot="table-cell"
-      {...props}
-      className={cellStyles({ allowResize, className })}
-    >
-      {children}
-    </Cell>
-  );
-};
+    selectionVariant: {
+      primary: {
 
-const columnStyles = tv({
-  base: "allows-sorting:cursor-pointer outline-hidden data-dragging:cursor-grabbing relative whitespace-nowrap px-3 py-3 text-left font-medium [&:has([slot=selection])]:pr-0",
-  variants: {
-    isResizable: {
-      true: "overflow-hidden truncate",
+      },
+      accent: "",
     },
   },
 });
 
-interface TableColumnProps extends ColumnProps {
-  className?: string;
-  isResizable?: boolean;
-}
+const { root, header, column, resizer, body, row, cell } = tableStyles();
 
-const TableColumn = ({
-  isResizable = false,
-  className,
+const [TableProvider, useTableContext] = createScopedContext<
+  VariantProps<typeof tableStyles> & {
+    allowsResizing?: boolean;
+  }
+>("TableRoot");
+
+interface TableRootProps
+  extends React.ComponentProps<typeof AriaTable>,
+    VariantProps<typeof tableStyles> {
+  allowsResizing?: boolean;
+}
+const TableRoot = ({
+  variant = "bordered",
+  selectionVariant = "accent",
+  allowsResizing,
   ...props
-}: TableColumnProps) => {
+}: TableRootProps) => {
+  if (allowsResizing) {
+    return (
+      <TableProvider
+        allowsResizing
+        variant={variant}
+        selectionVariant={selectionVariant}
+      >
+        <ResizableTableContainer className="overflow-auto">
+          <AriaTable className={root({ variant })} {...props} />
+        </ResizableTableContainer>
+      </TableProvider>
+    );
+  }
   return (
-    <Column
-      data-slot="table-column"
-      {...props}
-      className={columnStyles({
-        isResizable,
-        className,
-      })}
-    >
-      {({ allowsSorting, sortDirection, isHovered }) => (
-        <div className="**:data-[slot=icon]:shrink-0 flex items-center gap-2">
-          <>
-            {props.children as React.ReactNode}
-            {allowsSorting && (
-              <span
-                className={cellIcon({
-                  className: isHovered ? "bg-secondary-fg/10" : "",
-                })}
-              >
-                <ChevronDownIcon
-                  className={sortDirection === "ascending" ? "rotate-180" : ""}
-                />
-              </span>
-            )}
-            {isResizable && <ColumnResizer />}
-          </>
-        </div>
-      )}
-    </Column>
+    <TableProvider allowsResizing={false} variant={variant}>
+      <AriaTable className={root({ variant })} {...props} />
+    </TableProvider>
   );
 };
 
-interface TableHeaderProps<T extends object> extends HeaderProps<T> {
-  className?: string;
-  ref?: React.Ref<HTMLTableSectionElement>;
-}
-
-const Header = <T extends object>({
-  children,
-  ref,
-  className,
+interface TableHeaderProps<T extends object> extends AriaTableHeaderProps<T> {}
+const TableHeader = <T extends object>({
   columns,
+  children,
   ...props
 }: TableHeaderProps<T>) => {
+  const { variant, selectionVariant } = useTableContext("TableHeader");
   const { selectionBehavior, selectionMode, allowsDragging } =
     useTableOptions();
   return (
-    <TableHeader
-      data-slot="table-header"
-      ref={ref}
-      className={header({ className })}
-      {...props}
-    >
-      {allowsDragging && <Column className="w-0" />}
+    <AriaTableHeader className={header({ variant })} {...props}>
+      {allowsDragging && <AriaColumn />}
       {selectionBehavior === "toggle" && (
-        <Column className="w-0 pl-4">
-          {selectionMode === "multiple" && <Checkbox slot="selection" />}
-        </Column>
+        <AriaColumn>
+          {selectionMode === "multiple" && (
+            <Checkbox slot="selection" variant={selectionVariant} />
+          )}
+        </AriaColumn>
       )}
-      <Collection items={columns}>{children}</Collection>
-    </TableHeader>
+      <AriaCollection items={columns}>{children}</AriaCollection>
+    </AriaTableHeader>
   );
 };
 
-interface TableRowProps<T extends object> extends RowProps<T> {
-  className?: string;
-  ref?: React.Ref<HTMLTableRowElement>;
+interface TableColumnProps extends React.ComponentProps<typeof AriaColumn> {}
+function TableColumn({ children, className, ...props }: TableColumnProps) {
+  const { allowsResizing } = useTableContext("TableColumn");
+  const { variant } = useTableContext("TableColumn");
+  return (
+    <AriaColumn
+      className={composeRenderProps(className, (className) =>
+        column({ variant, className })
+      )}
+      {...props}
+    >
+      {composeRenderProps(children, (children, { allowsSorting }) => (
+        <div className="flex items-center gap-2">
+          <span className="flex-1">{children}</span>
+          {allowsSorting && <ArrowUpDownIcon aria-hidden className="size-5" />}
+          {allowsResizing && !props.width && (
+            <AriaColumnResizer className={resizer()} />
+          )}
+        </div>
+      ))}
+    </AriaColumn>
+  );
 }
-
-const TableRow = <T extends object>({
-  children,
+interface TableBodyProps<T extends object> extends AriaTableBodyProps<T> {
+  ref?: React.RefObject<HTMLTableSectionElement>;
+}
+const TableBody = <T extends object>({
   className,
-  columns,
-  id,
-  ref,
   ...props
-}: TableRowProps<T>) => {
-  const { selectionBehavior, allowsDragging } = useTableOptions();
+}: TableBodyProps<T>) => {
+  const { variant } = useTableContext("TableBody");
   return (
-    <Row
-      ref={ref}
-      data-slot="table-row"
-      id={id}
+    <AriaTableBody
+      className={composeRenderProps(className, (className) =>
+        body({ variant, className })
+      )}
       {...props}
-      className={row({
-        className:
-          "href" in props
-            ? cn(
-                "data-hovered:bg-secondary/50 data-hovered:text-secondary-fg cursor-pointer",
-                className
-              )
-            : "",
-      })}
-    >
+    />
+  );
+};
+
+interface TableRowProps<T extends object> extends AriaRowProps<T> {}
+function TableRow<T extends object>({
+  id,
+  columns,
+  children,
+  ...otherProps
+}: TableRowProps<T>) {
+  const { selectionBehavior, allowsDragging } = useTableOptions();
+  const { variant } = useTableContext("TableRow");
+
+  return (
+    <AriaRow id={id} {...otherProps} className={row({ variant })}>
       {allowsDragging && (
-        <Cell className="ring-primary data-dragging:cursor-grabbing group cursor-grab pr-0">
-          <Button
-            className="text-muted-fg data-pressed:text-fg relative bg-transparent py-1.5 pl-3.5"
-            slot="drag"
-          >
-            <MenuIcon />
-          </Button>
-        </Cell>
+        <TableCell>
+          <AriaButton slot="drag">≡</AriaButton>
+        </TableCell>
       )}
       {selectionBehavior === "toggle" && (
-        <Cell className="pl-4">
-          <span
-            aria-hidden
-            className="bg-primary group-data-selected:block absolute inset-y-0 left-0 hidden h-full w-0.5"
-          />
+        <TableCell>
           <Checkbox slot="selection" />
-        </Cell>
+        </TableCell>
       )}
-      <Collection items={columns}>{children}</Collection>
-    </Row>
+      <AriaCollection items={columns}>{children}</AriaCollection>
+    </AriaRow>
   );
+}
+
+interface TableCellProps extends React.ComponentProps<typeof AriaCell> {}
+const TableCell = (props: TableCellProps) => {
+  const { variant } = useTableContext("TableCell");
+  return <AriaCell {...props} className={cell({ variant })} />;
 };
 
 export type {
-  TableProps,
+  TableRootProps,
+  TableHeaderProps,
   TableBodyProps,
-  TableCellProps,
   TableColumnProps,
   TableRowProps,
+  TableCellProps,
 };
-export {
-  Table,
-  Body as TableBody,
-  Header as TableHeader,
-  TableCell,
-  TableColumn,
-  TableRow,
-};
+export { TableRoot, TableHeader, TableBody, TableColumn, TableRow, TableCell };
diff --git a/www/src/registry/core/tabs.tsx b/www/src/registry/core/tabs.tsx
deleted file mode 100644
index a4740d123..000000000
--- a/www/src/registry/core/tabs.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Tabs as AriaTabs,
-  TabList as AriaTabList,
-  Tab as AriaTab,
-  TabPanel as AriaTabPanel,
-  type TabsProps as AriaTabsProps,
-  type TabListProps as AriaTabListProps,
-  type TabProps as AriaTabProps,
-  type TabPanelProps as AriaTabPanelProps,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const tabsStyles = tv({
-  slots: {
-    root: "orientation-vertical:flex-row flex flex-col",
-    list: "orientation-horizontal:overflow-x-auto orientation-horizontal:whitespace-nowrap orientation-horizontal:items-center orientation-horizontal:border-b orientation-vertical:flex-col orientation-vertical:border-r orientation-horizontal:[&_[role=tab]]:border-b-[3px] orientation-vertical:[&_[role=tab]]:border-r-[3px] flex",
-    tab: [
-      "text-fg-muted selected:border-border-focus selected:text-fg disabled:text-fg-disabled disabled:selected:border-border-disabled outline-hidden -mb-px cursor-pointer border-transparent px-2 py-2 text-center text-sm font-medium transition-colors disabled:cursor-default",
-      "focus-visible:[&>span]:border-border-focus [&>span]:rounded-md [&>span]:border-2 [&>span]:border-transparent [&>span]:px-1.5 [&>span]:py-1",
-    ],
-    panel: [focusRing(), "rounded"],
-  },
-});
-
-interface TabsProps extends Omit<AriaTabsProps, "className"> {
-  className?: string;
-}
-const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(
-  ({ className, ...props }, ref) => {
-    const { root } = tabsStyles();
-    return <AriaTabs ref={ref} className={root({ className })} {...props} />;
-  }
-);
-Tabs.displayName = "Tabs";
-
-interface TabListProps<T> extends Omit<AriaTabListProps<T>, "className"> {
-  className?: string;
-}
-const TabList = React.forwardRef<HTMLDivElement, TabListProps<any>>(
-  <T extends object>(
-    { className, ...props }: TabListProps<T>,
-    ref: React.Ref<HTMLDivElement>
-  ) => {
-    const { list } = tabsStyles();
-    return (
-      <AriaTabList
-        ref={ref}
-        {...props}
-        className={list({ className })}
-        style={{ scrollbarWidth: "none" }}
-      />
-    );
-  }
-);
-TabList.displayName = "TabList";
-
-interface TabProps extends Omit<AriaTabProps, "className"> {
-  className?: string;
-}
-const Tab = React.forwardRef<HTMLDivElement, TabProps>(
-  ({ className, ...props }, ref) => {
-    const { tab } = tabsStyles();
-    return (
-      <AriaTab ref={ref} className={tab({ className })} {...props}>
-        {composeRenderProps(props.children, (children) => (
-          <span>{children}</span>
-        ))}
-      </AriaTab>
-    );
-  }
-);
-Tab.displayName = "Tab";
-
-interface TabPanelProps extends Omit<AriaTabPanelProps, "className"> {
-  className?: string;
-}
-const TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(
-  ({ className, ...props }, ref) => {
-    const { panel } = tabsStyles();
-    return (
-      <AriaTabPanel ref={ref} className={panel({ className })} {...props} />
-    );
-  }
-);
-TabPanel.displayName = "TabPanel";
-
-export type { TabsProps, TabListProps, TabProps, TabPanelProps };
-export { Tabs, TabList, Tab, TabPanel };
diff --git a/www/src/registry/core/tabs_basic.tsx b/www/src/registry/core/tabs_basic.tsx
new file mode 100644
index 000000000..5d560144d
--- /dev/null
+++ b/www/src/registry/core/tabs_basic.tsx
@@ -0,0 +1,140 @@
+"use client";
+
+import * as React from "react";
+import {
+  Tabs as AriaTabs,
+  TabList as AriaTabList,
+  Tab as AriaTab,
+  TabPanel as AriaTabPanel,
+  composeRenderProps,
+  type TabListProps as AriaTabListProps,
+} from "react-aria-components";
+import { tv, VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/registry/lib/context-helpers";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const tabsStyles = tv({
+  slots: {
+    root: "flex",
+    list: "flex",
+    tab: [
+      focusRing(),
+      "text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default",
+    ],
+    panel: focusRing(),
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: "flex-col",
+        list: "",
+        panel: "mt-2",
+      },
+      vertical: {
+        root: "flex-row",
+        list: "flex-col",
+        panel: "ml-2",
+      },
+    },
+    variant: {
+      solid: {
+        list: "bg-bg-muted gap-1 rounded-lg p-1",
+        tab: "selected:bg-bg-inverse/10 disabled:bg-bg-disabled selected:shadow-sm rounded-sm px-3 py-1.5 font-medium",
+      },
+      underline: {
+        tab: "selected:border-bg-accent border-transparent p-2.5",
+      },
+    },
+  },
+  compoundVariants: [
+    {
+      orientation: "horizontal",
+      variant: "underline",
+      className: {
+        list: "border-b",
+        tab: "border-b-3 -mb-px",
+      },
+    },
+    {
+      orientation: "vertical",
+      variant: "underline",
+      className: {
+        list: "border-r",
+        tab: "border-r-3 -mr-px",
+      },
+    },
+  ],
+});
+
+const { root, list, tab, panel } = tabsStyles();
+
+const [TabsProvider, useTabsContext] =
+  createScopedContext<VariantProps<typeof tabsStyles>>("Tabs");
+
+interface TabsProps
+  extends React.ComponentProps<typeof AriaTabs>,
+    VariantProps<typeof tabsStyles> {}
+const Tabs = ({
+  variant = "underline",
+  className,
+  children,
+  ...props
+}: TabsProps) => (
+  <AriaTabs
+    className={composeRenderProps(className, (className, { orientation }) =>
+      root({ orientation, className })
+    )}
+    {...props}
+  >
+    {composeRenderProps(children, (children, { orientation }) => (
+      <TabsProvider orientation={orientation} variant={variant}>
+        {children}
+      </TabsProvider>
+    ))}
+  </AriaTabs>
+);
+
+interface TabListProps<T extends object> extends AriaTabListProps<T> {}
+const TabList = <T extends object>({
+  className,
+  ...props
+}: TabListProps<T>) => {
+  const { orientation, variant } = useTabsContext("TabList");
+  return (
+    <AriaTabList
+      className={composeRenderProps(className, (className) =>
+        list({ variant, orientation, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface TabProps extends React.ComponentProps<typeof AriaTab> {}
+const Tab = ({ className, ...props }: TabProps) => {
+  const { orientation, variant } = useTabsContext("Tab");
+  return (
+    <AriaTab
+      className={composeRenderProps(className, (className) =>
+        tab({ orientation, variant, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface TabPanelProps extends React.ComponentProps<typeof AriaTabPanel> {}
+const TabPanel = ({ className, ...props }: TabPanelProps) => {
+  const { orientation, variant } = useTabsContext("TabList");
+  return (
+    <AriaTabPanel
+      className={composeRenderProps(className, (className) =>
+        panel({ orientation, variant, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+export type { TabsProps, TabListProps, TabProps, TabPanelProps };
+export { Tabs, TabList, Tab, TabPanel };
diff --git a/www/src/registry/core/tabs_motion.tsx b/www/src/registry/core/tabs_motion.tsx
new file mode 100644
index 000000000..8811539f7
--- /dev/null
+++ b/www/src/registry/core/tabs_motion.tsx
@@ -0,0 +1,163 @@
+"use client";
+
+import * as React from "react";
+import { motion, LayoutGroup, Transition } from "motion/react";
+import {
+  Tabs as AriaTabs,
+  TabList as AriaTabList,
+  Tab as AriaTab,
+  TabPanel as AriaTabPanel,
+  composeRenderProps,
+  type TabListProps as AriaTabListProps,
+} from "react-aria-components";
+import { tv, VariantProps } from "tailwind-variants";
+import { createScopedContext } from "@/registry/lib/context-helpers";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const tabsStyles = tv({
+  slots: {
+    root: "group flex",
+    list: "flex",
+    tab: [
+      focusRing(),
+      "text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled relative flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default",
+    ],
+    cursor: "bg-bg-accent absolute",
+    panel: focusRing(),
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: "flex-col",
+        list: "",
+        panel: "mt-2",
+      },
+      vertical: {
+        root: "flex-row",
+        list: "flex-col",
+        panel: "ml-2",
+      },
+    },
+    variant: {
+      solid: {
+        list: "bg-bg-muted gap-1 rounded-lg p-1",
+        tab: "rounded-sm px-3 py-1.5 font-medium",
+        cursor: "bg-bg-inverse/10 inset-0 z-0 rounded-[inherit] shadow-sm",
+      },
+      underline: {
+        tab: "selected:border-bg-accent border-transparent px-3 py-[7px] ",
+        cursor: "",
+      },
+    },
+  },
+  compoundVariants: [
+    {
+      orientation: "horizontal",
+      variant: "underline",
+      className: {
+        list: "border-b",
+        cursor: "inset-x-0 bottom-0 h-[2px] transform-none origin-[50%_50%_0]"
+      },
+    },
+    {
+      orientation: "vertical",
+      variant: "underline",
+      className: {
+        list: "border-r",
+        cursor: "inset-y-0 right-0 w-[2px]",
+      },
+    },
+  ],
+});
+
+const { root, list, tab, panel, cursor } = tabsStyles();
+
+const TRANSITION: Transition = { type: "spring", bounce: 0.05, duration: 0.3 };
+
+const [TabsProvider, useTabsContext] =
+  createScopedContext<VariantProps<typeof tabsStyles>>("Tabs");
+
+interface TabsProps
+  extends React.ComponentProps<typeof AriaTabs>,
+    VariantProps<typeof tabsStyles> {}
+const Tabs = ({
+  variant = "underline",
+  className,
+  children,
+  ...props
+}: TabsProps) => (
+  <AriaTabs
+    className={composeRenderProps(className, (className, { orientation }) =>
+      root({ orientation, className })
+    )}
+    {...props}
+  >
+    {composeRenderProps(children, (children, { orientation }) => (
+      <TabsProvider orientation={orientation} variant={variant}>
+        {children}
+      </TabsProvider>
+    ))}
+  </AriaTabs>
+);
+
+interface TabListProps<T extends object> extends AriaTabListProps<T> {}
+const TabList = <T extends object>({
+  className,
+  ...props
+}: TabListProps<T>) => {
+  const { orientation, variant } = useTabsContext("TabList");
+  const layoutId = React.useId();
+  return (
+    <LayoutGroup id={layoutId}>
+      <AriaTabList
+        className={composeRenderProps(className, (className) =>
+          list({ variant, orientation, className })
+        )}
+        {...props}
+      />
+    </LayoutGroup>
+  );
+};
+
+interface TabProps extends React.ComponentProps<typeof AriaTab> {}
+const Tab = ({ children, className, ...props }: TabProps) => {
+  const { orientation, variant } = useTabsContext("Tab");
+  return (
+    <AriaTab
+      className={composeRenderProps(className, (className) =>
+        tab({ orientation, variant, className })
+      )}
+      {...props}
+    >
+      {composeRenderProps(children, (children, { isSelected }) => (
+        <>
+          {isSelected && (
+            <motion.span
+              layoutDependency={false}
+              layoutId="cursor"
+              transition={TRANSITION}
+              className={cursor({ orientation, variant })}
+            />
+          )}
+          {children}
+        </>
+      ))}
+    </AriaTab>
+  );
+};
+
+interface TabPanelProps extends React.ComponentProps<typeof AriaTabPanel> {}
+const TabPanel = ({ className, ...props }: TabPanelProps) => {
+  const { orientation, variant } = useTabsContext("TabList");
+  return (
+    <AriaTabPanel
+      className={composeRenderProps(className, (className) =>
+        panel({ orientation, variant, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+export type { TabsProps, TabListProps, TabProps, TabPanelProps };
+export { Tabs, TabList, Tab, TabPanel };
diff --git a/www/src/registry/core/text-field.tsx b/www/src/registry/core/text-field.tsx
index a0cebdff7..7fb215462 100644
--- a/www/src/registry/core/text-field.tsx
+++ b/www/src/registry/core/text-field.tsx
@@ -21,7 +21,7 @@ interface TextFieldProps
   extends TextFieldRootProps,
     Pick<InputRootProps, "size" | "prefix" | "suffix">,
     FieldProps {
-  inputRef?: React.Ref<HTMLInputElement>;
+  inputRef?: React.RefObject<HTMLInputElement>;
 }
 
 const TextField = ({
@@ -64,7 +64,7 @@ const TextFieldRoot = ({ className, ...props }: TextFieldRootProps) => {
 };
 
 interface TextFieldInputProps extends InputRootProps {
-  inputRef?: React.Ref<HTMLInputElement>;
+  inputRef?: React.RefObject<HTMLInputElement>;
 }
 const TextFieldInput = ({ inputRef, ...props }: TextFieldInputProps) => {
   return (
diff --git a/www/src/registry/core/time-field.tsx b/www/src/registry/core/time-field.tsx
index a9620b4f5..0348693a9 100644
--- a/www/src/registry/core/time-field.tsx
+++ b/www/src/registry/core/time-field.tsx
@@ -43,7 +43,7 @@ const TimeField = <T extends TimeValue>({
 
 interface TimeFieldRootProps<T extends TimeValue>
   extends AriaTimeFieldProps<T> {
-  ref?: React.Ref<HTMLDivElement>;
+  ref?: React.RefObject<HTMLDivElement>;
 }
 const TimeFieldRoot = <T extends TimeValue>({
   className,
diff --git a/www/src/registry/core/tooltip_framer.tsx b/www/src/registry/core/tooltip_framer.tsx
index 89ad4f666..2ad48bfe5 100644
--- a/www/src/registry/core/tooltip_framer.tsx
+++ b/www/src/registry/core/tooltip_framer.tsx
@@ -38,7 +38,7 @@ const tooltipStyles = tv({
 
 const { content, arrow } = tooltipStyles();
 
-const motionVariants: Variants = {
+const MOTION_VARIANTS: Variants = {
   enter: {
     transform: "scale(1)",
     opacity: 1,
@@ -135,7 +135,7 @@ function TooltipContent({
             animate="enter"
             exit="exit"
             offset={offset}
-            variants={motionVariants}
+            variants={MOTION_VARIANTS}
             className={composeRenderProps(className, (className) =>
               content({ variant, className })
             )}
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 7ff8f9a54..d9a856ed8 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -745,10 +745,34 @@ export const core: Registry = [
   {
     name: "tabs",
     type: "registry:core",
+    variants: [
+      {
+        name: "tabs_basic",
+      },
+      {
+        name: "tabs_motion",
+      },
+    ],
+  },
+  {
+    name: "tabs_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/tabs_basic.tsx",
+        type: "registry:core",
+        target: "core/tabs.tsx",
+      },
+    ],
+  },
+  {
+    name: "tabs_motion",
+    type: "registry:core",
     dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/tabs/tabs.tsx",
+        path: "core/tabs_motion.tsx",
         type: "registry:core",
         target: "core/tabs.tsx",
       },

From 89dc3d51a53172924cd876f12f88a152c3831385 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 25 Jan 2025 02:25:49 +0100
Subject: [PATCH 053/165] fix: fix component preview

---
 .../docs/component-preview-client.tsx         |  18 +--
 www/src/components/docs/component-preview.tsx | 117 ++++++++----------
 2 files changed, 60 insertions(+), 75 deletions(-)

diff --git a/www/src/components/docs/component-preview-client.tsx b/www/src/components/docs/component-preview-client.tsx
index dd9daf804..1e3b4b323 100644
--- a/www/src/components/docs/component-preview-client.tsx
+++ b/www/src/components/docs/component-preview-client.tsx
@@ -1,11 +1,13 @@
 "use client";
 
-export const ComponentPreviewClient = ({
-  demos,
-}: {
-  demos: React.ReactNode[];
-}) => {
-  // TODO: get style from config
-  const currentStyleIndex = 0;
-  return demos[currentStyleIndex];
+import React from "react";
+import { Skeleton } from "@/components/core/skeleton";
+
+export const Loader = ({ children }: { children: React.ReactNode }) => {
+  const [isMounted, setIsMounted] = React.useState(false);
+  React.useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  return <Skeleton show={!isMounted}>{children}</Skeleton>;
 };
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index 12f8445f3..bc346287f 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -7,10 +7,10 @@ import { Button } from "@/components/core/button";
 import { Tooltip } from "@/components/core/tooltip";
 import { CodeBlock } from "@/components/docs/code-block";
 import { Index } from "@/__registry__/demos";
+import { Loader } from "./component-preview-client";
 import { StyleSwitcher } from "./style-switcher";
 import { ThemeCustomizerDialog } from "./theme-customizer";
 import { ThemeOverride } from "./theme-override";
-import { ComponentPreviewClient } from "./component-preview-client";
 
 export interface ComponentPreviewProps {
   name: string;
@@ -33,54 +33,49 @@ export const ComponentPreview = async ({
 
   const demoItem = Index[type][demoName];
 
-  const demos: {
-    component: React.ComponentType;
-    code: Array<{
-      fileName: string;
-      code: string;
-    }>;
-  }[] = [
-    {
-      component: demoItem.component,
-      code: demoItem.files.map((file: string) => {
-        const { fileName, content } = getFileSource(file);
-        return {
-          fileName,
-          code: content,
-        };
-      }),
-    },
-  ];
+  const Component = demoItem.component;
+  const code: { fileName: string; code: string }[] = demoItem.files.map(
+    (file: string) => {
+      const { fileName, content } = getFileSource(file);
+      return {
+        fileName,
+        code: content,
+      };
+    }
+  );
 
   return (
     <div
       className={cn("overflow-hidden rounded-md border", containerClassName)}
     >
       <div className="relative">
-        <ThemeOverride>
-          <StyleSwitcher componentName={componentName} />
-          <ThemeCustomizerDialog>
-            <Tooltip
-              content={
-                <span>
-                  <span className="text-fg-muted">Theme:</span> dotUI
-                </span>
-              }
-            >
-              <Button
-                variant="outline"
-                shape="square"
-                size="sm"
-                className="border-border absolute right-2 top-2 z-50 font-normal"
-              >
-                <PaintBucket />
-              </Button>
-            </Tooltip>
-          </ThemeCustomizerDialog>
-          <ScrollArea
-            className={cn("flex items-center justify-center", "bg-bg text-fg")}
+        <StyleSwitcher componentName={componentName} />
+        <ThemeCustomizerDialog>
+          <Tooltip
+            content={
+              <span>
+                <span className="text-fg-muted">Theme:</span> dotUI
+              </span>
+            }
           >
-            <React.Suspense fallback={<div>loading...</div>}>
+            <Button
+              variant="outline"
+              shape="square"
+              size="sm"
+              className="border-border absolute right-2 top-2 z-50 font-normal"
+            >
+              <PaintBucket />
+            </Button>
+          </Tooltip>
+        </ThemeCustomizerDialog>
+        <Loader>
+          <ThemeOverride>
+            <ScrollArea
+              className={cn(
+                "flex items-center justify-center",
+                "bg-bg text-fg"
+              )}
+            >
               <div className="flex min-h-52 items-center justify-center px-4 py-20">
                 <div
                   className={cn(
@@ -88,34 +83,22 @@ export const ComponentPreview = async ({
                     className
                   )}
                 >
-                  <ComponentPreviewClient
-                    demos={demos.map((elem, index) => {
-                      const Comp = elem.component;
-                      return <Comp key={index} />;
-                    })}
-                  />
+                  {<Component />}
                 </div>
               </div>
-            </React.Suspense>
-          </ScrollArea>
-        </ThemeOverride>
+            </ScrollArea>
+          </ThemeOverride>
+        </Loader>
       </div>
-      <ComponentPreviewClient
-        demos={demos.map((elem, index) => {
-          return (
-            <CodeBlock
-              key={index}
-              files={elem.code.map((file) => ({
-                fileName: file.fileName,
-                code: file.code,
-                lang: "tsx",
-              }))}
-              preview={preview}
-              className={"w-full rounded-t-none border-x-0 border-b-0"}
-              expandable={expandable}
-            />
-          );
-        })}
+      <CodeBlock
+        files={code.map((file) => ({
+          fileName: file.fileName,
+          code: file.code,
+          lang: "tsx",
+        }))}
+        preview={preview}
+        className={"w-full rounded-t-none border-x-0 border-b-0"}
+        expandable={expandable}
       />
     </div>
   );

From 65aed0ba21ade1e883564d9df17e552290648b56 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 25 Jan 2025 02:57:59 +0100
Subject: [PATCH 054/165] fix: update import

---
 www/content/docs/components/navigation/breadcrumbs.mdx | 4 ++--
 www/src/components/dynamic-core/breadcrumbs.tsx        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/www/content/docs/components/navigation/breadcrumbs.mdx b/www/content/docs/components/navigation/breadcrumbs.mdx
index 2fb8d46eb..2a00abdce 100644
--- a/www/content/docs/components/navigation/breadcrumbs.mdx
+++ b/www/content/docs/components/navigation/breadcrumbs.mdx
@@ -62,7 +62,7 @@ import {
 </Breadcrumbs>;
 ```
 
-## Options
+{/* ## Options
 
 ### Disabled
 
@@ -133,7 +133,7 @@ If you need to customize things further, you can drop down to the composition le
       })}
     </Breadcrumbs>
   );`}
-/>
+/> */}
 
 ## API Reference
 
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
index d58365fb8..d17c61a53 100644
--- a/www/src/components/dynamic-core/breadcrumbs.tsx
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -28,7 +28,7 @@ export const Breadcrumb = createDynamicComponent<BreadcrumbProps>(
   {}
 );
 
-export const BreacrumbItem = createDynamicComponent<BreadcrumbItemProps>(
+export const BreadcrumbItem = createDynamicComponent<BreadcrumbItemProps>(
   "breadcrumbs",
   "BreadcrumbItem",
   _BreadcrumbItem,

From e42392fcd37e19aef7eae172c69fd50b72928973 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 26 Jan 2025 23:48:22 +0100
Subject: [PATCH 055/165] feat: table component

---
 .../docs/components/data-display/table.mdx    |  88 ++++----
 www/src/__registry__/core/checkbox_basic.tsx  |  43 +++-
 www/src/__registry__/demos.tsx                |   5 +
 www/src/app/(home)/page.tsx                   |   2 +-
 www/src/components/docs/theme-override.tsx    |   1 +
 www/src/components/docs/toc.tsx               |   4 +-
 www/src/demos/registry.ts                     |   1 +
 www/src/demos/table/column-resizing.tsx       |  38 ++--
 www/src/demos/table/controlled.tsx            |  12 +-
 www/src/demos/table/disabled-rows.tsx         |   2 +-
 .../demos/table/disallow-empty-selection.tsx  |   7 +-
 www/src/demos/table/empty-state.tsx           |  50 ++---
 www/src/demos/table/links.tsx                 |  28 ++-
 www/src/demos/table/reordable.tsx             |  36 +++-
 www/src/demos/table/row-action.tsx            |   5 +-
 www/src/demos/table/selection-behavior.tsx    |  56 +++--
 www/src/demos/table/selection-mode.tsx        |   2 +-
 www/src/demos/table/selection-variant.tsx     |  77 +++++++
 www/src/demos/table/sorting.tsx               |  41 +++-
 www/src/demos/table/static-row-action.tsx     |  58 ++----
 www/src/demos/table/uncontrolled.tsx          |   6 +-
 www/src/registry/core/table.tsx               | 191 ++++++++++++------
 www/src/registry/core/tabs_basic.tsx          |   2 +-
 www/src/registry/core/tabs_motion.tsx         |   2 +-
 www/src/registry/lib/focus-styles.ts          |   2 +-
 www/src/styles/docs.css                       |   2 +-
 www/src/styles/globals.css                    |   2 +-
 27 files changed, 507 insertions(+), 256 deletions(-)
 create mode 100644 www/src/demos/table/selection-variant.tsx

diff --git a/www/content/docs/components/data-display/table.mdx b/www/content/docs/components/data-display/table.mdx
index 214a16b9c..8a9d5f316 100644
--- a/www/content/docs/components/data-display/table.mdx
+++ b/www/content/docs/components/data-display/table.mdx
@@ -1,6 +1,6 @@
 ---
-title: Table
-description: Displays content within a desired ratio.
+title: Table ☑️
+description: A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys, and optionally supports row selection and sorting.
 links:
   - label: Radix docs
     href: https://www.radix-ui.com/primitives/docs/components/aspect-ratio
@@ -60,7 +60,7 @@ import {
 
 ## Variants
 
-Use the `variant` prop to change the appearance of the Table. 
+Use the `variant` prop to change the appearance of the Table.
 
 <ComponentPreview name="core/table/table-variants" />
 
@@ -78,16 +78,24 @@ By default, Table doesn't allow row selection but this can be enabled using the
 
 <ComponentPreview name="core/table/table-selection-mode" />
 
-### Controlled and uncontrolled selection
+### Uncontrolled selection
 
 Use `defaultSelectedKeys` to provide a default set of selected rows. Note that the value of the selected keys must match the `id` prop of the row.
 
 <ComponentPreview name="core/table/table-uncontrolled" />
 
+### Controlled selection
+
 To programmatically control row selection, use the `selectedKeys` prop paired with the onSelectionChange callback. The `id` prop from the selected rows will be passed into the callback when the row is pressed, allowing you to update state accordingly.
 
 <ComponentPreview name="core/table/table-controlled" />
 
+### Selection variant
+
+Use the `selectionVariant` prop to change the appearance of the selected rows.
+
+<ComponentPreview name="core/table/table-selection-variant" />
+
 ### Disallow empty selection
 
 Table also supports a `disallowEmptySelection` prop which forces the user to have at least one row in the Table selected at all times. In this mode, if a single row is selected and the user presses it, it will not be deselected.
@@ -96,7 +104,7 @@ Table also supports a `disallowEmptySelection` prop which forces the user to hav
 
 ### Selection Behavior
 
-By default, Table uses the `"toggle"` selection behavior. TODO TODO TODO TODO
+You can control how multiple selection should behave in the collection using the `selectionBehavior` prop.
 
 <ComponentPreview name="core/table/table-selection-behavior" />
 
@@ -126,7 +134,7 @@ A Row can be disabled with the `isDisabled` prop.
 <TableRow isDisabled>
   <TableCell>1</TableCell>
   <TableCell>Mehdi BHA</TableCell>
-  <TableCell>
+  <TableCell>hello@mehdibha.com</TableCell>
 </TableRow>
 ```
 
@@ -144,10 +152,13 @@ The Table accepts a `sortDescriptor` prop that defines the current column key to
 ## Empty state
 
 Use the `renderEmptyState` prop to customize what the `TableBody` will display if there are no items.
+By default the `TableBody` will display a message saying `"No results found."`.
+
+<ComponentPreview name="core/table/table-empty-state" />
 
 ## Column resizing
 
-TODO TODO TODO
+<ComponentPreview name="core/table/table-column-resizing" />
 
 ## Drag and drop
 
@@ -159,45 +170,24 @@ TODO TODO TODO
 
 ### TableRoot
 
-| Prop   | Type   | Default     | Description |
-| ------ | ------ | ----------- | ----------- |
-| `todo` | `todo` | `'default'` | toodo       |
-
-### TableHeader
-
-| Prop   | Type   | Default     | Description |
-| ------ | ------ | ----------- | ----------- |
-| `todo` | `todo` | `'default'` | toodo       |
-
-### TableColumn
-
-| Prop   | Type   | Default     | Description |
-| ------ | ------ | ----------- | ----------- |
-| `todo` | `todo` | `'default'` | toodo       |
-
-### TableBody
-
-| Prop   | Type   | Default     | Description |
-| ------ | ------ | ----------- | ----------- |
-| `todo` | `todo` | `'default'` | toodo       |
-
-### TableRow
-
-| Prop   | Type   | Default     | Description |
-| ------ | ------ | ----------- | ----------- |
-| `todo` | `todo` | `'default'` | toodo       |
-
-### TableCell
-
-| Prop   | Type   | Default     | Description |
-| ------ | ------ | ----------- | ----------- |
-| `todo` | `todo` | `'default'` | toodo       |
-
-## Accessibility
-
-### Keyboard interactions
-
-| Key    | Description           |
-| ------ | --------------------- |
-| `TODO` | TODO                  |
-| `Tab`  | Activates the button. |
+| Prop                     | Type                                                                                           | Default      | Description                                                                                                  |
+| ------------------------ | ---------------------------------------------------------------------------------------------- | ------------ | ------------------------------------------------------------------------------------------------------------ |
+| `children`               | `ReactNode`                                                                                    | -            | The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows.                 |
+| `selectionBehavior`      | `'toggle' \| 'replace'`                                                                        | `'toggle'`   | How multiple selection should behave in the collection.                                                      |
+| `disabledBehavior`       | `'selection' \| 'all'`                                                                         | `'selection` | Whether disabledKeys applies to all interactions, or only selection.                                         |
+| `dragAndDropHooks`       | `DragAndDropHooks`                                                                             | -            | The drag and drop hooks returned by useDragAndDrop used to enable drag and drop behavior for the Table.      |
+| `disabledKeys`           | `Iterable<Key>`                                                                                | -            | A list of row keys to disable.                                                                               |
+| `selectionMode`          | `'none'\| 'single'\| 'multiple'`                                                               | -            | The type of selection that is allowed in the collection.                                                     |
+| `disallowEmptySelection` | `boolean`                                                                                      | -            | Whether the collection allows empty selection.                                                               |
+| `selectedKeys`           | `'all' \| Iterable<Key>`                                                                       | -            | The currently selected keys in the collection (controlled).                                                  |
+| `defaultSelectedKeys`    | `'all' \| Iterable<Key>`                                                                       | -            | The initial selected keys in the collection (uncontrolled).                                                  |
+| `sortDescriptor`         | `SortDescriptor`                                                                               | -            | The current sorted column and direction.                                                                     |
+| `className`              | `string \| (values: TableRenderProps & {defaultClassName: string \| undefined}) => string`     | -            | The CSS className for the element. A function may be provided to compute the class based on component state. |
+| `style`                  | `CSSProperties \| (values: TableRenderProps & {defaultStyle: CSSProperties}) => CSSProperties` | -            | The inline style for the element. A function may be provided to compute the style based on component state.  |
+
+| Event               | Type                                  | Description                                                                                                                   |
+| ------------------- | ------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- |
+| `onRowAction`       | `(key: Key) => void`                  | Handler that is called when a user performs an action on the row.                                                             |
+| `onSelectionChange` | `(key: Selection) => void`            | Handler that is called when the selection changes.                                                                            |
+| `onSortChange`      | `(descriptor: SortDescriptor) => any` | Handler that is called when the sorted column or direction changes.                                                           |
+| `onScroll`          | `(e: UIEvent<Element>) => void`       | Handler that is called when a user scrolls. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll_event). |
diff --git a/www/src/__registry__/core/checkbox_basic.tsx b/www/src/__registry__/core/checkbox_basic.tsx
index e256183aa..199b53806 100644
--- a/www/src/__registry__/core/checkbox_basic.tsx
+++ b/www/src/__registry__/core/checkbox_basic.tsx
@@ -36,7 +36,6 @@ const checkboxStyles = tv({
           "group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent",
       },
     },
-
     appearance: {
       default: {
         indicator: focusRingGroup(),
@@ -44,12 +43,27 @@ const checkboxStyles = tv({
       card: {
         root: [
           focusRing(),
-          "selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors",
+          "disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors",
         ],
       },
-      emphasized: {},
     },
   },
+  compoundVariants: [
+    {
+      appearance: "card",
+      variant: "primary",
+      className: {
+        root: "selected:bg-bg-muted",
+      },
+    },
+    {
+      appearance: "card",
+      variant: "accent",
+      className: {
+        root: "selected:bg-bg-accent-muted",
+      },
+    },
+  ],
   defaultVariants: {
     variant: "accent",
     appearance: "default",
@@ -85,16 +99,28 @@ interface CheckboxRootProps
 
 const CheckboxRoot = (localProps: CheckboxRootProps) => {
   const contextProps = useCheckboxContext();
-  const { variant, className, ...props } = { ...contextProps, ...localProps };
+  const {
+    variant,
+    appearance,
+    className,
+    ...props
+  } = {
+    ...contextProps,
+    ...localProps,
+  };
   return (
     <AriaCheckbox
       className={composeRenderProps(className, (className) =>
-        root({ variant, className })
+        root({ variant, appearance, className })
       )}
       {...props}
     >
       {composeRenderProps(props.children, (children, { isIndeterminate }) => (
-        <VariantsProvider variant={variant} isIndeterminate={isIndeterminate}>
+        <VariantsProvider
+          variant={variant}
+          appearance={appearance}
+          isIndeterminate={isIndeterminate}
+        >
           {children}
         </VariantsProvider>
       ))}
@@ -105,9 +131,10 @@ const CheckboxRoot = (localProps: CheckboxRootProps) => {
 interface CheckboxIndicatorProps extends React.ComponentProps<"div"> {}
 
 const CheckboxIndicator = ({ className, ...props }: CheckboxIndicatorProps) => {
-  const { variant, isIndeterminate } = useVariantsContext("CheckboxIndicator");
+  const { variant, appearance, isIndeterminate } =
+    useVariantsContext("CheckboxIndicator");
   return (
-    <div className={indicator({ variant, className })} {...props}>
+    <div className={indicator({ variant, appearance, className })} {...props}>
       {isIndeterminate ? (
         <MinusIcon className="size-2.5" />
       ) : (
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 9bbb9fb3f..72dd47b15 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -2069,6 +2069,11 @@
       files: ["demos/table/reordable.tsx"],
       component: React.lazy(() => import("@/demos/table/reordable")),
     },
+    "table-selection-variant": {
+      name: "table-selection-variant",
+      files: ["demos/table/selection-variant.tsx"],
+      component: React.lazy(() => import("@/demos/table/selection-variant")),
+    },
     "form-basic": {
       name: "form-basic",
       files: ["demos/form/basic.tsx"],
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 3f1e076a5..d0bb448ee 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -40,7 +40,7 @@ export default function HomePage() {
             </Button>
           </div>
         </section>
-        <section className="relative mt-32">
+        <section className="relative mt-35">
           <div className="animate-in fade-in-50 zoom-in-75 slide-in-from-bottom-10 duration-2000 absolute -top-5 left-1/2 z-0 h-[450px] w-[900px] max-w-[80%] -translate-x-1/2 rounded-full bg-[radial-gradient(at_0%_0%,#0894ff_0,rgba(0,0,0,0)_40%),radial-gradient(at_50%_30%,#ff2e54_0,rgba(0,0,0,0)_60%),radial-gradient(at_100%_0%,#ff9004_0,rgba(0,0,0,0)_40%)] blur-[70px] ease-in-out dark:blur-[100px]" />
           <div className="z-2 relative">
             <ThemesPreview />
diff --git a/www/src/components/docs/theme-override.tsx b/www/src/components/docs/theme-override.tsx
index 9628f0569..345a3eab2 100644
--- a/www/src/components/docs/theme-override.tsx
+++ b/www/src/components/docs/theme-override.tsx
@@ -53,6 +53,7 @@ export const ThemeOverride = React.forwardRef<
       }
     )
   );
+  return children;
 
   return (
     <div
diff --git a/www/src/components/docs/toc.tsx b/www/src/components/docs/toc.tsx
index 1ee48dbac..2892e2e0a 100644
--- a/www/src/components/docs/toc.tsx
+++ b/www/src/components/docs/toc.tsx
@@ -17,7 +17,7 @@ export const TableOfContents = ({ toc }: { toc: TocType }) => {
     <TocPrimitive.AnchorProvider toc={toc}>
       <ScrollArea
         containerClassName="flex flex-col"
-        className="relative min-h-0 text-sm pb-4"
+        className="relative min-h-0 pb-4 text-sm"
       >
         <TocItems toc={toc} />
       </ScrollArea>
@@ -35,7 +35,7 @@ const TocItems = ({ toc }: { toc: TocType }) => {
       <div ref={viewportRef}>
         <div
           role="none"
-          className="bg-fg absolute start-0 w-[1px] transition-all"
+          className="bg-fg absolute start-0 w-px transition-all"
           style={{
             top: pos[0],
             height: pos[1],
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index 6fe3dc8dc..19ed0986e 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -490,6 +490,7 @@ export const demos: RegistryDemos = [
     "controlled",
     "uncontrolled",
     "reordable",
+    "selection-variant"
   ]),
   ...buildDemos("form", ["basic", "react-aria", "react-hook-form"]),
   ...buildDemos("command", ["basic", "dialog"]),
diff --git a/www/src/demos/table/column-resizing.tsx b/www/src/demos/table/column-resizing.tsx
index a4bd64469..0d4098a34 100644
--- a/www/src/demos/table/column-resizing.tsx
+++ b/www/src/demos/table/column-resizing.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import React from "react";
 import {
   TableRoot,
   TableHeader,
@@ -7,6 +8,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
+  TableResizableContainer,
 } from "@/registry/core/table";
 
 const columns: Column[] = [
@@ -15,7 +17,7 @@ const columns: Column[] = [
   { name: "Date Modified", id: "date" },
 ];
 
-const data: Item[] = [
+const items: Item[] = [
   { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
   { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
   { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
@@ -24,22 +26,26 @@ const data: Item[] = [
 
 export default function Demo() {
   return (
-    <TableRoot aria-label="Files">
-      <TableHeader columns={columns}>
-        {(column) => (
-          <TableColumn isRowHeader={column.isRowHeader}>
-            {column.name}
+    <TableResizableContainer>
+      <TableRoot aria-label="Files">
+        <TableHeader columns={columns}>
+          <TableColumn id="name" isRowHeader allowsResizing>
+            Name
           </TableColumn>
-        )}
-      </TableHeader>
-      <TableBody items={data}>
-        {(item) => (
-          <TableRow columns={columns}>
-            {(column) => <TableCell>{item[column.id]}</TableCell>}
-          </TableRow>
-        )}
-      </TableBody>
-    </TableRoot>
+          <TableColumn id="type" allowsResizing>
+            Type
+          </TableColumn>
+          <TableColumn id="date">Date Modified</TableColumn>
+        </TableHeader>
+        <TableBody items={items}>
+          {(item) => (
+            <TableRow columns={columns}>
+              {(column) => <TableCell>{item[column.id]}</TableCell>}
+            </TableRow>
+          )}
+        </TableBody>
+      </TableRoot>
+    </TableResizableContainer>
   );
 }
 
diff --git a/www/src/demos/table/controlled.tsx b/www/src/demos/table/controlled.tsx
index a4bd64469..b5f656f75 100644
--- a/www/src/demos/table/controlled.tsx
+++ b/www/src/demos/table/controlled.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import React from "react";
+import { type Selection } from "react-aria-components";
 import {
   TableRoot,
   TableHeader,
@@ -23,8 +25,16 @@ const data: Item[] = [
 ];
 
 export default function Demo() {
+  const [selectedKeys, setSelectedKeys] = React.useState<Selection>(
+    new Set([2, 3])
+  );
   return (
-    <TableRoot aria-label="Files">
+    <TableRoot
+      aria-label="Files"
+      selectionMode="multiple"
+      selectedKeys={selectedKeys}
+      onSelectionChange={setSelectedKeys}
+    >
       <TableHeader columns={columns}>
         {(column) => (
           <TableColumn isRowHeader={column.isRowHeader}>
diff --git a/www/src/demos/table/disabled-rows.tsx b/www/src/demos/table/disabled-rows.tsx
index a4bd64469..8218ace43 100644
--- a/www/src/demos/table/disabled-rows.tsx
+++ b/www/src/demos/table/disabled-rows.tsx
@@ -24,7 +24,7 @@ const data: Item[] = [
 
 export default function Demo() {
   return (
-    <TableRoot aria-label="Files">
+    <TableRoot aria-label="Files" disabledKeys={[3,4]}>
       <TableHeader columns={columns}>
         {(column) => (
           <TableColumn isRowHeader={column.isRowHeader}>
diff --git a/www/src/demos/table/disallow-empty-selection.tsx b/www/src/demos/table/disallow-empty-selection.tsx
index a4bd64469..695301e46 100644
--- a/www/src/demos/table/disallow-empty-selection.tsx
+++ b/www/src/demos/table/disallow-empty-selection.tsx
@@ -24,7 +24,12 @@ const data: Item[] = [
 
 export default function Demo() {
   return (
-    <TableRoot aria-label="Files">
+    <TableRoot
+      aria-label="Files"
+      selectionMode="single"
+      defaultSelectedKeys={[2]}
+      disallowEmptySelection
+    >
       <TableHeader columns={columns}>
         {(column) => (
           <TableColumn isRowHeader={column.isRowHeader}>
diff --git a/www/src/demos/table/empty-state.tsx b/www/src/demos/table/empty-state.tsx
index a4bd64469..95c628194 100644
--- a/www/src/demos/table/empty-state.tsx
+++ b/www/src/demos/table/empty-state.tsx
@@ -9,37 +9,31 @@ import {
   TableCell,
 } from "@/registry/core/table";
 
-const columns: Column[] = [
-  { name: "Name", id: "name", isRowHeader: true },
-  { name: "Type", id: "type" },
-  { name: "Date Modified", id: "date" },
-];
-
-const data: Item[] = [
-  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
-  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
-  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
-  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
-];
-
 export default function Demo() {
   return (
-    <TableRoot aria-label="Files">
-      <TableHeader columns={columns}>
-        {(column) => (
-          <TableColumn isRowHeader={column.isRowHeader}>
-            {column.name}
+    <div className="flex gap-8">
+      <TableRoot aria-label="Files">
+        <TableHeader>
+          <TableColumn id="name" isRowHeader>
+            Name
+          </TableColumn>
+          <TableColumn id="type">Type</TableColumn>
+          <TableColumn id="date">Date Modified</TableColumn>
+        </TableHeader>
+        <TableBody>{[]}</TableBody>
+      </TableRoot>
+      
+      <TableRoot aria-label="Files">
+        <TableHeader>
+          <TableColumn id="name" isRowHeader>
+            Name
           </TableColumn>
-        )}
-      </TableHeader>
-      <TableBody items={data}>
-        {(item) => (
-          <TableRow columns={columns}>
-            {(column) => <TableCell>{item[column.id]}</TableCell>}
-          </TableRow>
-        )}
-      </TableBody>
-    </TableRoot>
+          <TableColumn id="type">Type</TableColumn>
+          <TableColumn id="date">Date Modified</TableColumn>
+        </TableHeader>
+        <TableBody renderEmptyState={()=> "Nothing here."}>{[]}</TableBody>
+      </TableRoot>
+    </div>
   );
 }
 
diff --git a/www/src/demos/table/links.tsx b/www/src/demos/table/links.tsx
index a4bd64469..be71bca3c 100644
--- a/www/src/demos/table/links.tsx
+++ b/www/src/demos/table/links.tsx
@@ -26,18 +26,26 @@ export default function Demo() {
   return (
     <TableRoot aria-label="Files">
       <TableHeader columns={columns}>
-        {(column) => (
-          <TableColumn isRowHeader={column.isRowHeader}>
-            {column.name}
-          </TableColumn>
-        )}
+        <TableColumn isRowHeader>Name</TableColumn>
+        <TableColumn>URL</TableColumn>
+        <TableColumn>Date added</TableColumn>
       </TableHeader>
       <TableBody items={data}>
-        {(item) => (
-          <TableRow columns={columns}>
-            {(column) => <TableCell>{item[column.id]}</TableCell>}
-          </TableRow>
-        )}
+        <TableRow href="https://adobe.com/" target="_blank">
+          <TableCell>Adobe</TableCell>
+          <TableCell>https://adobe.com/</TableCell>
+          <TableCell>January 28, 2023</TableCell>
+        </TableRow>
+        <TableRow href="https://google.com/" target="_blank">
+          <TableCell>Google</TableCell>
+          <TableCell>https://google.com/</TableCell>
+          <TableCell>April 5, 2023</TableCell>
+        </TableRow>
+        <TableRow href="https://nytimes.com/" target="_blank">
+          <TableCell>New York Times</TableCell>
+          <TableCell>https://nytimes.com/</TableCell>
+          <TableCell>July 12, 2023</TableCell>
+        </TableRow>
       </TableBody>
     </TableRoot>
   );
diff --git a/www/src/demos/table/reordable.tsx b/www/src/demos/table/reordable.tsx
index a4bd64469..c26645ab8 100644
--- a/www/src/demos/table/reordable.tsx
+++ b/www/src/demos/table/reordable.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import { useDragAndDrop } from "react-aria-components";
+import { useListData } from "react-stately";
 import {
   TableRoot,
   TableHeader,
@@ -15,16 +17,32 @@ const columns: Column[] = [
   { name: "Date Modified", id: "date" },
 ];
 
-const data: Item[] = [
-  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
-  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
-  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
-  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
-];
-
 export default function Demo() {
+  const list = useListData<Item>({
+    initialItems: [
+      { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+      { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+      { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+      { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+    ],
+  });
+
+  const { dragAndDropHooks } = useDragAndDrop({
+    getItems: (keys) =>
+      [...keys].map((key) => ({
+        "text/plain": list.getItem(key).name,
+      })),
+    onReorder(e) {
+      if (e.target.dropPosition === "before") {
+        list.moveBefore(e.target.key, e.keys);
+      } else if (e.target.dropPosition === "after") {
+        list.moveAfter(e.target.key, e.keys);
+      }
+    },
+  });
+
   return (
-    <TableRoot aria-label="Files">
+    <TableRoot aria-label="Files" dragAndDropHooks={dragAndDropHooks}>
       <TableHeader columns={columns}>
         {(column) => (
           <TableColumn isRowHeader={column.isRowHeader}>
@@ -32,7 +50,7 @@ export default function Demo() {
           </TableColumn>
         )}
       </TableHeader>
-      <TableBody items={data}>
+      <TableBody items={list.items}>
         {(item) => (
           <TableRow columns={columns}>
             {(column) => <TableCell>{item[column.id]}</TableCell>}
diff --git a/www/src/demos/table/row-action.tsx b/www/src/demos/table/row-action.tsx
index a4bd64469..50d41831f 100644
--- a/www/src/demos/table/row-action.tsx
+++ b/www/src/demos/table/row-action.tsx
@@ -24,7 +24,10 @@ const data: Item[] = [
 
 export default function Demo() {
   return (
-    <TableRoot aria-label="Files">
+    <TableRoot
+      aria-label="Files"
+      onRowAction={(key) => alert(`Opening item ${key}...`)}
+    >
       <TableHeader columns={columns}>
         {(column) => (
           <TableColumn isRowHeader={column.isRowHeader}>
diff --git a/www/src/demos/table/selection-behavior.tsx b/www/src/demos/table/selection-behavior.tsx
index a4bd64469..a772e338d 100644
--- a/www/src/demos/table/selection-behavior.tsx
+++ b/www/src/demos/table/selection-behavior.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import React from "react";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 import {
   TableRoot,
   TableHeader,
@@ -7,7 +9,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/components/dynamic-core/table";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
@@ -22,24 +24,44 @@ const data: Item[] = [
   { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
 ];
 
+type SelectionBehavior = "toggle" | "replace";
+
 export default function Demo() {
+  const [selectionBehavior, setSelectionBehavior] =
+    React.useState<SelectionBehavior>("toggle");
   return (
-    <TableRoot aria-label="Files">
-      <TableHeader columns={columns}>
-        {(column) => (
-          <TableColumn isRowHeader={column.isRowHeader}>
-            {column.name}
-          </TableColumn>
-        )}
-      </TableHeader>
-      <TableBody items={data}>
-        {(item) => (
-          <TableRow columns={columns}>
-            {(column) => <TableCell>{item[column.id]}</TableCell>}
-          </TableRow>
-        )}
-      </TableBody>
-    </TableRoot>
+    <div className="flex gap-12">
+      <TableRoot
+        aria-label="Files"
+        selectionMode="multiple"
+        selectionBehavior={selectionBehavior}
+        defaultSelectedKeys={[2, 3]}
+      >
+        <TableHeader columns={columns}>
+          {(column) => (
+            <TableColumn isRowHeader={column.isRowHeader}>
+              {column.name}
+            </TableColumn>
+          )}
+        </TableHeader>
+        <TableBody items={data}>
+          {(item) => (
+            <TableRow columns={columns}>
+              {(column) => <TableCell>{item[column.id]}</TableCell>}
+            </TableRow>
+          )}
+        </TableBody>
+      </TableRoot>
+      <RadioGroup
+        label="Behavior"
+        value={selectionBehavior}
+        onChange={(value) => setSelectionBehavior(value as SelectionBehavior)}
+        className="text-sm"
+      >
+        <Radio value="toggle">Toggle</Radio>
+        <Radio value="accent">Replace</Radio>
+      </RadioGroup>
+    </div>
   );
 }
 
diff --git a/www/src/demos/table/selection-mode.tsx b/www/src/demos/table/selection-mode.tsx
index 81a240200..2252e1855 100644
--- a/www/src/demos/table/selection-mode.tsx
+++ b/www/src/demos/table/selection-mode.tsx
@@ -41,7 +41,7 @@ export default function Demo() {
           )}
         </TableBody>
       </TableRoot>
-      <TableRoot aria-label="Files">
+      <TableRoot aria-label="Files" selectionMode="multiple">
         <TableHeader columns={columns}>
           {(column) => (
             <TableColumn isRowHeader={column.isRowHeader}>
diff --git a/www/src/demos/table/selection-variant.tsx b/www/src/demos/table/selection-variant.tsx
new file mode 100644
index 000000000..010a39515
--- /dev/null
+++ b/www/src/demos/table/selection-variant.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import React from "react";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+import {
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableRow,
+  TableColumn,
+  TableCell,
+} from "@/components/dynamic-core/table";
+
+const columns: Column[] = [
+  { name: "Name", id: "name", isRowHeader: true },
+  { name: "Type", id: "type" },
+  { name: "Date Modified", id: "date" },
+];
+
+const data: Item[] = [
+  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
+  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
+  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
+  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
+];
+
+type Variant = "primary" | "accent";
+
+export default function Demo() {
+  const [variant, setVariant] = React.useState<Variant>("primary");
+  return (
+    <div className="flex gap-12">
+      <TableRoot
+        aria-label="Files"
+        selectionMode="single"
+        selectionVariant={variant}
+        defaultSelectedKeys={[2]}
+      >
+        <TableHeader columns={columns}>
+          {(column) => (
+            <TableColumn isRowHeader={column.isRowHeader}>
+              {column.name}
+            </TableColumn>
+          )}
+        </TableHeader>
+        <TableBody items={data}>
+          {(item) => (
+            <TableRow columns={columns}>
+              {(column) => <TableCell>{item[column.id]}</TableCell>}
+            </TableRow>
+          )}
+        </TableBody>
+      </TableRoot>
+      <RadioGroup
+        label="Variant"
+        value={variant}
+        onChange={(value) => setVariant(value as Variant)}
+      >
+        <Radio value="primary">Primary</Radio>
+        <Radio value="accent">Accent</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
+
+type Item = {
+  id: number;
+  name: string;
+  date: string;
+  type: string;
+};
+
+interface Column {
+  id: keyof Omit<Item, "id">;
+  name: string;
+  isRowHeader?: boolean;
+}
diff --git a/www/src/demos/table/sorting.tsx b/www/src/demos/table/sorting.tsx
index a4bd64469..de048d34d 100644
--- a/www/src/demos/table/sorting.tsx
+++ b/www/src/demos/table/sorting.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import React from "react";
+import type { SortDescriptor } from "react-aria-components";
 import {
   TableRoot,
   TableHeader,
@@ -15,7 +17,7 @@ const columns: Column[] = [
   { name: "Date Modified", id: "date" },
 ];
 
-const data: Item[] = [
+const items: Item[] = [
   { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
   { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
   { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
@@ -23,16 +25,39 @@ const data: Item[] = [
 ];
 
 export default function Demo() {
+  const [sortDescriptor, setSortDescriptor] = React.useState<SortDescriptor>({
+    column: "name",
+    direction: "ascending",
+  });
+
+  const sortedItems = React.useMemo(() => {
+    return items.sort((a, b) => {
+      const first = a[sortDescriptor.column as keyof Item] as string;
+      const second = b[sortDescriptor.column as keyof Item] as string;
+      let cmp = first.localeCompare(second);
+      if (sortDescriptor.direction === "descending") {
+        cmp *= -1;
+      }
+      return cmp;
+    });
+  }, [sortDescriptor]);
+
   return (
-    <TableRoot aria-label="Files">
+    <TableRoot
+      aria-label="Files"
+      sortDescriptor={sortDescriptor}
+      onSortChange={setSortDescriptor}
+    >
       <TableHeader columns={columns}>
-        {(column) => (
-          <TableColumn isRowHeader={column.isRowHeader}>
-            {column.name}
-          </TableColumn>
-        )}
+        <TableColumn id="name" isRowHeader allowsSorting>
+          Name
+        </TableColumn>
+        <TableColumn id="type" allowsSorting>
+          Type
+        </TableColumn>
+        <TableColumn id="date">Date Modified</TableColumn>
       </TableHeader>
-      <TableBody items={data}>
+      <TableBody items={sortedItems}>
         {(item) => (
           <TableRow columns={columns}>
             {(column) => <TableCell>{item[column.id]}</TableCell>}
diff --git a/www/src/demos/table/static-row-action.tsx b/www/src/demos/table/static-row-action.tsx
index a4bd64469..0a7914d9b 100644
--- a/www/src/demos/table/static-row-action.tsx
+++ b/www/src/demos/table/static-row-action.tsx
@@ -9,49 +9,31 @@ import {
   TableCell,
 } from "@/registry/core/table";
 
-const columns: Column[] = [
-  { name: "Name", id: "name", isRowHeader: true },
-  { name: "Type", id: "type" },
-  { name: "Date Modified", id: "date" },
-];
-
-const data: Item[] = [
-  { id: 1, name: "Games", date: "6/7/2020", type: "File folder" },
-  { id: 2, name: "Program Files", date: "4/7/2021", type: "File folder" },
-  { id: 3, name: "bootmgr", date: "11/20/2010", type: "System file" },
-  { id: 4, name: "log.txt", date: "1/18/2016", type: "Text Document" },
-];
-
 export default function Demo() {
   return (
     <TableRoot aria-label="Files">
-      <TableHeader columns={columns}>
-        {(column) => (
-          <TableColumn isRowHeader={column.isRowHeader}>
-            {column.name}
-          </TableColumn>
-        )}
+      <TableHeader>
+        <TableColumn isRowHeader>Name</TableColumn>
+        <TableColumn>Type</TableColumn>
+        <TableColumn>Date Modified</TableColumn>
       </TableHeader>
-      <TableBody items={data}>
-        {(item) => (
-          <TableRow columns={columns}>
-            {(column) => <TableCell>{item[column.id]}</TableCell>}
-          </TableRow>
-        )}
+      <TableBody>
+        <TableRow onAction={() => alert("Opening games")}>
+          <TableCell>Games</TableCell>
+          <TableCell>File folder</TableCell>
+          <TableCell>6/7/2020</TableCell>
+        </TableRow>
+        <TableRow onAction={() => alert("Opening program files")}>
+          <TableCell>Program Files</TableCell>
+          <TableCell>File folder</TableCell>
+          <TableCell>4/7/2021</TableCell>
+        </TableRow>
+        <TableRow onAction={() => alert("Opening bootmgr")}>
+          <TableCell>bootmgr</TableCell>
+          <TableCell>System file</TableCell>
+          <TableCell>11/20/2010</TableCell>
+        </TableRow>
       </TableBody>
     </TableRoot>
   );
 }
-
-type Item = {
-  id: number;
-  name: string;
-  date: string;
-  type: string;
-};
-
-interface Column {
-  id: keyof Omit<Item, "id">;
-  name: string;
-  isRowHeader?: boolean;
-}
diff --git a/www/src/demos/table/uncontrolled.tsx b/www/src/demos/table/uncontrolled.tsx
index a4bd64469..f371fce7d 100644
--- a/www/src/demos/table/uncontrolled.tsx
+++ b/www/src/demos/table/uncontrolled.tsx
@@ -24,7 +24,11 @@ const data: Item[] = [
 
 export default function Demo() {
   return (
-    <TableRoot aria-label="Files">
+    <TableRoot
+      aria-label="Files"
+      selectionMode="single"
+      defaultSelectedKeys={[2]}
+    >
       <TableHeader columns={columns}>
         {(column) => (
           <TableColumn isRowHeader={column.isRowHeader}>
diff --git a/www/src/registry/core/table.tsx b/www/src/registry/core/table.tsx
index 805dd2a05..fd1130424 100644
--- a/www/src/registry/core/table.tsx
+++ b/www/src/registry/core/table.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import { ArrowUpDownIcon } from "lucide-react";
+import { ChevronDownIcon, ChevronUpIcon, GripVerticalIcon } from "lucide-react";
 import {
-  ResizableTableContainer,
+  ResizableTableContainer as AriaResizableTableContainer,
   Table as AriaTable,
   TableHeader as AriaTableHeader,
   TableBody as AriaTableBody,
@@ -20,19 +20,32 @@ import {
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
 import { Checkbox } from "@/registry/core/checkbox_basic";
+import { cn } from "@/registry/lib/cn";
 import { createScopedContext } from "@/registry/lib/context-helpers";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const tableStyles = tv({
   slots: {
-    root: "relative w-full border-separate border-spacing-0 text-sm",
+    resizableContainer: "w-[500px] overflow-auto",
+    root: [
+      "relative min-h-24 w-full border-separate border-spacing-0 cursor-default text-sm",
+      "[&_.react-aria-DropIndicator]:outline-bg-accent [&_.react-aria-DropIndicator]:translate-z-0 [&_.react-aria-DropIndicator]:outline",
+    ],
     header: "sticky top-0 z-10",
-    column: [focusRing(), "px-3 py-2 text-left font-medium"],
-    resizer:
-      "resizing:bg-bg-accent resizing:w-[2px] h-5 w-px cursor-col-resize rounded-full",
-    body: "text-fg-muted",
-    row: [focusRing(), " relative select-none"],
-    cell: [focusRing(), "px-3 py-2"],
+    column: [
+      focusRing(),
+      "relative allows-sorting:cursor-pointer whitespace-nowrap px-3 py-2 text-left font-medium text-fg-muted",
+    ],
+    resizer: [
+      focusRing(),
+      "resizing:before:bg-bg-accent absolute right-0 before:bg-border-field box-content h-5 w-px resizing:before:w-0.5 cursor-col-resize px-2 before:content-['']  before:block before:w-px before:h-5 before:transition-colors",
+    ],
+    body: "empty:text-center empty:italic",
+    row: [
+      focusRing(),
+      "data-href:cursor-pointer data-href:hover:bg-bg-muted data-action:cursor-pointer data-action:hover:bg-bg-muted disabled:text-fg-disabled data-[selection-mode=single]:hover:not-selected:bg-bg-muted data-[selection-mode=multiple]:hover:not-selected:bg-bg-muted selected:text-fg dragging:bg-bg relative transition-colors data-[selection-mode=multiple]:cursor-pointer data-[selection-mode=single]:cursor-pointer",
+    ],
+    cell: [focusRing(), "truncate px-3 py-2"],
   },
   variants: {
     variant: {
@@ -57,48 +70,48 @@ const tableStyles = tv({
     },
     selectionVariant: {
       primary: {
-
+        row: "selected:bg-bg-primary-muted",
+      },
+      accent: {
+        row: "selected:bg-bg-accent-muted",
       },
-      accent: "",
     },
   },
+  defaultVariants: {
+    variant: "line",
+    selectionVariant: "accent",
+  },
 });
 
-const { root, header, column, resizer, body, row, cell } = tableStyles();
+const { resizableContainer, root, header, column, resizer, body, row, cell } =
+  tableStyles();
 
 const [TableProvider, useTableContext] = createScopedContext<
   VariantProps<typeof tableStyles> & {
-    allowsResizing?: boolean;
+    globalAction?: boolean;
   }
 >("TableRoot");
 
 interface TableRootProps
   extends React.ComponentProps<typeof AriaTable>,
-    VariantProps<typeof tableStyles> {
-  allowsResizing?: boolean;
-}
+    VariantProps<typeof tableStyles> {}
 const TableRoot = ({
-  variant = "bordered",
-  selectionVariant = "accent",
-  allowsResizing,
+  variant,
+  selectionVariant,
+  onRowAction,
   ...props
 }: TableRootProps) => {
-  if (allowsResizing) {
-    return (
-      <TableProvider
-        allowsResizing
-        variant={variant}
-        selectionVariant={selectionVariant}
-      >
-        <ResizableTableContainer className="overflow-auto">
-          <AriaTable className={root({ variant })} {...props} />
-        </ResizableTableContainer>
-      </TableProvider>
-    );
-  }
   return (
-    <TableProvider allowsResizing={false} variant={variant}>
-      <AriaTable className={root({ variant })} {...props} />
+    <TableProvider
+      variant={variant}
+      selectionVariant={selectionVariant}
+      globalAction={!!onRowAction}
+    >
+      <AriaTable
+        className={root({ variant })}
+        onRowAction={onRowAction}
+        {...props}
+      />
     </TableProvider>
   );
 };
@@ -114,22 +127,28 @@ const TableHeader = <T extends object>({
     useTableOptions();
   return (
     <AriaTableHeader className={header({ variant })} {...props}>
-      {allowsDragging && <AriaColumn />}
+      {allowsDragging && <TableColumn />}
       {selectionBehavior === "toggle" && (
-        <AriaColumn>
+        <TableColumn>
           {selectionMode === "multiple" && (
             <Checkbox slot="selection" variant={selectionVariant} />
           )}
-        </AriaColumn>
+        </TableColumn>
       )}
       <AriaCollection items={columns}>{children}</AriaCollection>
     </AriaTableHeader>
   );
 };
 
-interface TableColumnProps extends React.ComponentProps<typeof AriaColumn> {}
-function TableColumn({ children, className, ...props }: TableColumnProps) {
-  const { allowsResizing } = useTableContext("TableColumn");
+interface TableColumnProps extends React.ComponentProps<typeof AriaColumn> {
+  allowsResizing?: boolean;
+}
+function TableColumn({
+  allowsResizing,
+  children,
+  className,
+  ...props
+}: TableColumnProps) {
   const { variant } = useTableContext("TableColumn");
   return (
     <AriaColumn
@@ -138,15 +157,23 @@ function TableColumn({ children, className, ...props }: TableColumnProps) {
       )}
       {...props}
     >
-      {composeRenderProps(children, (children, { allowsSorting }) => (
-        <div className="flex items-center gap-2">
-          <span className="flex-1">{children}</span>
-          {allowsSorting && <ArrowUpDownIcon aria-hidden className="size-5" />}
-          {allowsResizing && !props.width && (
-            <AriaColumnResizer className={resizer()} />
-          )}
-        </div>
-      ))}
+      {composeRenderProps(
+        children,
+        (children, { allowsSorting, sortDirection }) => (
+          <div className="flex items-center gap-2">
+            <span className="flex-1 truncate">{children}</span>
+            {allowsSorting &&
+              (sortDirection === "ascending" ? (
+                <ChevronUpIcon aria-hidden className="text-fg-muted size-3" />
+              ) : (
+                <ChevronDownIcon aria-hidden className="text-fg-muted size-3" />
+              ))}
+            {allowsResizing && !props.width && (
+              <AriaColumnResizer className={resizer()} />
+            )}
+          </div>
+        )
+      )}
     </AriaColumn>
   );
 }
@@ -154,12 +181,14 @@ interface TableBodyProps<T extends object> extends AriaTableBodyProps<T> {
   ref?: React.RefObject<HTMLTableSectionElement>;
 }
 const TableBody = <T extends object>({
+  renderEmptyState = () => "No results found.",
   className,
   ...props
 }: TableBodyProps<T>) => {
   const { variant } = useTableContext("TableBody");
   return (
     <AriaTableBody
+      renderEmptyState={renderEmptyState}
       className={composeRenderProps(className, (className) =>
         body({ variant, className })
       )}
@@ -170,24 +199,38 @@ const TableBody = <T extends object>({
 
 interface TableRowProps<T extends object> extends AriaRowProps<T> {}
 function TableRow<T extends object>({
-  id,
   columns,
   children,
-  ...otherProps
+  onAction,
+  ...props
 }: TableRowProps<T>) {
   const { selectionBehavior, allowsDragging } = useTableOptions();
-  const { variant } = useTableContext("TableRow");
+  const { variant, selectionVariant, globalAction } =
+    useTableContext("TableRow");
 
   return (
-    <AriaRow id={id} {...otherProps} className={row({ variant })}>
+    <AriaRow
+      data-action={globalAction || !!onAction || undefined}
+      className={row({ variant, selectionVariant })}
+      onAction={onAction}
+      {...props}
+    >
       {allowsDragging && (
-        <TableCell>
-          <AriaButton slot="drag">≡</AriaButton>
+        <TableCell className="cursor-grab">
+          <AriaButton
+            slot="drag"
+            className={cn(
+              focusRing(),
+              "rounded-xs inline-flex items-center justify-center [&_svg]:size-4 text-fg-muted"
+            )}
+          >
+            <GripVerticalIcon />
+          </AriaButton>
         </TableCell>
       )}
       {selectionBehavior === "toggle" && (
         <TableCell>
-          <Checkbox slot="selection" />
+          <Checkbox slot="selection" variant={selectionVariant} />
         </TableCell>
       )}
       <AriaCollection items={columns}>{children}</AriaCollection>
@@ -196,12 +239,34 @@ function TableRow<T extends object>({
 }
 
 interface TableCellProps extends React.ComponentProps<typeof AriaCell> {}
-const TableCell = (props: TableCellProps) => {
+const TableCell = ({ className, ...props }: TableCellProps) => {
   const { variant } = useTableContext("TableCell");
-  return <AriaCell {...props} className={cell({ variant })} />;
+  return (
+    <AriaCell
+      className={composeRenderProps(className, (className) =>
+        cell({ variant, className })
+      )}
+      {...props}
+    />
+  );
+};
+
+interface TableResizableContainerProps
+  extends React.ComponentProps<typeof AriaResizableTableContainer> {}
+const TableResizableContainer = ({
+  className,
+  ...props
+}: TableResizableContainerProps) => {
+  return (
+    <AriaResizableTableContainer
+      className={resizableContainer({ className })}
+      {...props}
+    />
+  );
 };
 
 export type {
+  TableResizableContainerProps,
   TableRootProps,
   TableHeaderProps,
   TableBodyProps,
@@ -209,4 +274,12 @@ export type {
   TableRowProps,
   TableCellProps,
 };
-export { TableRoot, TableHeader, TableBody, TableColumn, TableRow, TableCell };
+export {
+  TableResizableContainer,
+  TableRoot,
+  TableHeader,
+  TableBody,
+  TableColumn,
+  TableRow,
+  TableCell,
+};
diff --git a/www/src/registry/core/tabs_basic.tsx b/www/src/registry/core/tabs_basic.tsx
index 5d560144d..08cbf7ead 100644
--- a/www/src/registry/core/tabs_basic.tsx
+++ b/www/src/registry/core/tabs_basic.tsx
@@ -19,7 +19,7 @@ const tabsStyles = tv({
     list: "flex",
     tab: [
       focusRing(),
-      "text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default",
+      "text-fg-muted hover:text-fg selected:not-disabled:text-fg disabled:text-fg-disabled flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default",
     ],
     panel: focusRing(),
   },
diff --git a/www/src/registry/core/tabs_motion.tsx b/www/src/registry/core/tabs_motion.tsx
index 8811539f7..aa436ac00 100644
--- a/www/src/registry/core/tabs_motion.tsx
+++ b/www/src/registry/core/tabs_motion.tsx
@@ -20,7 +20,7 @@ const tabsStyles = tv({
     list: "flex",
     tab: [
       focusRing(),
-      "text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled relative flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default",
+      "text-fg-muted hover:text-fg selected:not-disabled:text-fg disabled:text-fg-disabled relative flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default",
     ],
     cursor: "bg-bg-accent absolute",
     panel: focusRing(),
diff --git a/www/src/registry/lib/focus-styles.ts b/www/src/registry/lib/focus-styles.ts
index a639a42e0..928f5dfcf 100644
--- a/www/src/registry/lib/focus-styles.ts
+++ b/www/src/registry/lib/focus-styles.ts
@@ -1,7 +1,7 @@
 import { tv } from "tailwind-variants";
 
 export const focusRing = tv({
-  base: "ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 transition-[box-shadow] focus-visible:ring-2 focus-visible:ring-offset-2",
+  base: "ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 focus-visible:ring-2 focus-visible:ring-offset-2",
 });
 
 export const focusRingGroup = tv({
diff --git a/www/src/styles/docs.css b/www/src/styles/docs.css
index 43e9d1a8d..1af3ecc89 100644
--- a/www/src/styles/docs.css
+++ b/www/src/styles/docs.css
@@ -47,7 +47,7 @@
   }
 
   &:after {
-    @apply bg-border absolute left-0 top-3 h-3 w-[1px] content-[''];
+    @apply bg-border absolute left-0 top-3 h-3 w-px content-[''];
   }
 }
 
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 73342800b..19d66b3f1 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -148,7 +148,6 @@
 
 @theme {
   /* fonts */
-  /* --font-*: initial; */
   --font-josefin: var(--font-josefin);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
@@ -166,6 +165,7 @@
   --color-bg-primary: var(--color-neutral-1000);
   --color-bg-primary-hover: var(--color-neutral-900);
   --color-bg-primary-active: var(--color-neutral-800);
+  --color-bg-primary-muted: var(--color-neutral-200);
 
   --color-bg-success: var(--color-success-500);
   --color-bg-success-hover: var(--color-success-600);

From e299b94ae1fc330e65e82256184b1a48102bf931 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 26 Jan 2025 23:48:39 +0100
Subject: [PATCH 056/165] chore: update separator

---
 .../docs/components/data-display/separator.mdx    |  4 +---
 www/src/registry/core/separator.tsx               | 15 ++++++---------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/www/content/docs/components/data-display/separator.mdx b/www/content/docs/components/data-display/separator.mdx
index c3e29b5df..216d2cc7c 100644
--- a/www/content/docs/components/data-display/separator.mdx
+++ b/www/content/docs/components/data-display/separator.mdx
@@ -1,11 +1,9 @@
 ---
-title: Separator
+title: Separator ☑️
 description: Visually or semantically separates content.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/Separator.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/Separator.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
diff --git a/www/src/registry/core/separator.tsx b/www/src/registry/core/separator.tsx
index 1846c0ce4..c5a6f944f 100644
--- a/www/src/registry/core/separator.tsx
+++ b/www/src/registry/core/separator.tsx
@@ -1,18 +1,15 @@
 "use client";
 
-import * as React from "react";
-import {
-  Separator as AriaSeparator,
-  type SeparatorProps as AriaSeparatorProps,
-} from "react-aria-components";
+import React from "react";
+import { Separator as AriaSeparator } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const separatorStyles = tv({
   base: "bg-border separator shrink-0 border-0",
   variants: {
     orientation: {
-      horizontal: "h-[1px] w-full",
-      vertical: "h-full w-[1px]",
+      horizontal: "h-px w-full",
+      vertical: "h-full w-px",
     },
   },
   defaultVariants: {
@@ -20,12 +17,12 @@ const separatorStyles = tv({
   },
 });
 
-type SeparatorProps = AriaSeparatorProps;
+interface SeparatorProps extends React.ComponentProps<typeof AriaSeparator> {}
 const Separator = ({ orientation, className, ...props }: SeparatorProps) => {
   return (
     <AriaSeparator
-      {...props}
       className={separatorStyles({ orientation, className })}
+      {...props}
     />
   );
 };

From 7d57db3eeea7899de2823765f81860ce1debf396 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 27 Jan 2025 00:06:46 +0100
Subject: [PATCH 057/165] fix: format

---
 www/content/docs/components/date-and-time/date-field.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/content/docs/components/date-and-time/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx
index 1e048b27d..7cd88b994 100644
--- a/www/content/docs/components/date-and-time/date-field.mdx
+++ b/www/content/docs/components/date-and-time/date-field.mdx
@@ -40,7 +40,7 @@ import { Label, Description, FieldError } from "@/components/core/field";
   <DateFieldInput />
   <Description>Please select your event date.</Description>
   <FieldError />
-</DateFieldRoot>
+</DateFieldRoot>;
 ```
 
 ## Uncontrolled

From 7fc34e2f56ead1fd459f66cd32f597a536bb82ae Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 27 Jan 2025 00:07:30 +0100
Subject: [PATCH 058/165] fix: format

---
 .../components/forms-and-inputs/text-area.mdx | 52 +++++++++----------
 .../menus-and-selection/command.mdx           |  4 +-
 .../components/navigation/breadcrumbs.mdx     |  2 +-
 .../docs/components/overlays/dialog.mdx       |  6 +--
 .../docs/getting-started/guides/testing.mdx   |  5 +-
 www/src/app/(app)/docs/[...slug]/page.tsx     |  2 +-
 .../(app)/themes/components/theme-select.tsx  |  2 +-
 www/src/app/(home)/page.tsx                   |  2 +-
 www/src/app/internal/page.tsx                 |  2 +-
 www/src/components/docs/install-tabs.tsx      |  2 +-
 www/src/components/dynamic-core/command.tsx   |  2 +-
 www/src/components/dynamic-core/drawer.tsx    |  5 +-
 www/src/components/search-command-client.tsx  |  7 ++-
 www/src/components/theme-provider.tsx         |  1 -
 www/src/demos/date-field/description.tsx      |  4 +-
 www/src/demos/date-field/granularity.tsx      |  4 +-
 .../demos/date-range-picker/composition.tsx   |  2 +-
 .../demos/range-calendar/page-behaviour.tsx   |  8 ++-
 www/src/demos/registry.ts                     |  2 +-
 www/src/demos/slider/value-scale.tsx          |  7 +--
 www/src/demos/slider/vertical.tsx             |  7 ++-
 www/src/demos/table/disabled-rows.tsx         |  2 +-
 www/src/demos/table/empty-state.tsx           |  4 +-
 www/src/demos/tabs/disabled.tsx               |  4 +-
 www/src/demos/text-field/composition.tsx      |  5 +-
 www/src/registry/core/avatar.tsx              |  3 +-
 www/src/registry/core/checkbox_basic.tsx      |  7 +--
 www/src/registry/core/color-area.tsx          |  2 +-
 www/src/registry/core/color-slider_new.tsx    | 18 +++----
 www/src/registry/core/drawer_basic.tsx        |  2 +-
 www/src/registry/core/field.tsx               |  2 +-
 www/src/registry/core/kbd.tsx                 |  2 +-
 www/src/registry/core/modal_basic.tsx         |  2 +-
 www/src/registry/core/section.tsx             |  4 +-
 www/src/registry/core/switch_basic.tsx        |  2 +-
 www/src/registry/core/table.tsx               |  6 +--
 www/src/registry/core/tabs_motion.tsx         |  4 +-
 www/src/styles/fonts.ts                       |  2 +-
 38 files changed, 103 insertions(+), 96 deletions(-)

diff --git a/www/content/docs/components/forms-and-inputs/text-area.mdx b/www/content/docs/components/forms-and-inputs/text-area.mdx
index c578dce5e..aec0fe87b 100644
--- a/www/content/docs/components/forms-and-inputs/text-area.mdx
+++ b/www/content/docs/components/forms-and-inputs/text-area.mdx
@@ -165,32 +165,32 @@ If you need to customize things further, you can drop down to the composition le
 
 ## API Reference
 
-| Prop                 | Type                                                                                                   | Default    | Description                                                                                                                                                                                                                           |
-| -------------------- | ------------------------------------------------------------------------------------------------------ | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `label`              | `ReactNode`                                                                                            |            | The content to display as the label.                                                                                                                                                                                                  |
-| `description`        | `ReactNode`                                                                                            |            | A description for the field. Provides a hint such as specific requirements for what to choose.                                                                                                                                        |
-| `errorMessage`       | `ReactNode \| (v: ValidationResult) => ReactNode`                                                      |            | An error message for the field.                                                                                                                                                                                                       |
-| `prefix`             | `ReactNode`                                                                                            | -          | A visual to display before the input.                                                                                                                                                                                                 |
-| `suffix`             | `ReactNode`                                                                                            | -          | A visual to display after the input.                                                                                                                                                                                                  |
-| `isInvalid`          | `boolean`                                                                                              | -          | Whether the value is invalid.                                                                                                                                                                                                         |
-| `isDisabled`         | `boolean`                                                                                              | -          | Whether the input is disabled.                                                                                                                                                                                                        |
-| `isReadOnly`         | `boolean`                                                                                              | -          | Whether the input can be selected but not changed by the user.                                                                                                                                                                        |
-| `isRequired`         | `boolean`                                                                                              | -          | Whether user input is required on the input before form submission.                                                                                                                                                                   |
-| `validate`           | `(value: string) => ValidationError \| true \| null \| undefined`                                      | -          | A function that returns an error message if a given value is invalid. Validation errors are displayed to the user when the form is submitted if validationBehavior="native". For realtime validation, use the isInvalid prop instead. |
-| `autoFocus`          | `boolean`                                                                                              | -          | Whether the element should receive focus on render.                                                                                                                                                                                   |
-| `value`              | `string`                                                                                               | -          | The current value (controlled).                                                                                                                                                                                                       |
-| `defaultValue`       | `string`                                                                                               | -          | The default value (uncontrolled).                                                                                                                                                                                                     |
-| `autoComplete`       | `string`                                                                                               | -          | Describes the type of autocomplete functionality the input should provide if any.                                                                                                                                                     |
-| `maxLength`          | `number`                                                                                               | -          | The maximum number of characters supported by the input.                                                                                                                                                                              |
-| `minLength`          | `number`                                                                                               | -          | The minimum number of characters required by the input.                                                                                                                                                                               |
-| `pattern`            | `string`                                                                                               | -          | Regex pattern that the value of the input must match to be valid.                                                                                                                                                                     |
-| `type`               | `'text' \| 'search' \| 'url' \| 'tel' \| 'email' \| 'password' \| string & {}`                         | -          | The type of input to render.                                                                                                                                                                                                          |
-| `inputMode`          | `'none' \| 'text' \| 'tel' \| 'url' \| 'email' \| 'numeric' \| 'decimal' \| 'search'`                  | -          | Hints at the type of data that might be entered by the user while editing the element or its contents.                                                                                                                                |
-| `name`               | `string`                                                                                               | -          | The name of the input element, used when submitting an HTML form.                                                                                                                                                                     |
-| `validationBehavior` | `'native' \| 'aria'`                                                                                   | 'native'   | Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.                                                                        |
-| `children`           | `ReactNode \| (values: TextFieldRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -          | The children of the component. A function may be provided to alter the children based on component state.                                                                                                                             |
-| `className`          | `string`                                                                                               | -          | The CSS className for the element.                                                                                                                                                                                                    |
-| `style`              | `CSSProperties \| (values: TextFieldRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`     | -          | The inline style for the element. A function may be provided to compute the style based on component state.                                                                                                                           |
+| Prop                 | Type                                                                                                   | Default  | Description                                                                                                                                                                                                                           |
+| -------------------- | ------------------------------------------------------------------------------------------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `label`              | `ReactNode`                                                                                            |          | The content to display as the label.                                                                                                                                                                                                  |
+| `description`        | `ReactNode`                                                                                            |          | A description for the field. Provides a hint such as specific requirements for what to choose.                                                                                                                                        |
+| `errorMessage`       | `ReactNode \| (v: ValidationResult) => ReactNode`                                                      |          | An error message for the field.                                                                                                                                                                                                       |
+| `prefix`             | `ReactNode`                                                                                            | -        | A visual to display before the input.                                                                                                                                                                                                 |
+| `suffix`             | `ReactNode`                                                                                            | -        | A visual to display after the input.                                                                                                                                                                                                  |
+| `isInvalid`          | `boolean`                                                                                              | -        | Whether the value is invalid.                                                                                                                                                                                                         |
+| `isDisabled`         | `boolean`                                                                                              | -        | Whether the input is disabled.                                                                                                                                                                                                        |
+| `isReadOnly`         | `boolean`                                                                                              | -        | Whether the input can be selected but not changed by the user.                                                                                                                                                                        |
+| `isRequired`         | `boolean`                                                                                              | -        | Whether user input is required on the input before form submission.                                                                                                                                                                   |
+| `validate`           | `(value: string) => ValidationError \| true \| null \| undefined`                                      | -        | A function that returns an error message if a given value is invalid. Validation errors are displayed to the user when the form is submitted if validationBehavior="native". For realtime validation, use the isInvalid prop instead. |
+| `autoFocus`          | `boolean`                                                                                              | -        | Whether the element should receive focus on render.                                                                                                                                                                                   |
+| `value`              | `string`                                                                                               | -        | The current value (controlled).                                                                                                                                                                                                       |
+| `defaultValue`       | `string`                                                                                               | -        | The default value (uncontrolled).                                                                                                                                                                                                     |
+| `autoComplete`       | `string`                                                                                               | -        | Describes the type of autocomplete functionality the input should provide if any.                                                                                                                                                     |
+| `maxLength`          | `number`                                                                                               | -        | The maximum number of characters supported by the input.                                                                                                                                                                              |
+| `minLength`          | `number`                                                                                               | -        | The minimum number of characters required by the input.                                                                                                                                                                               |
+| `pattern`            | `string`                                                                                               | -        | Regex pattern that the value of the input must match to be valid.                                                                                                                                                                     |
+| `type`               | `'text' \| 'search' \| 'url' \| 'tel' \| 'email' \| 'password' \| string & {}`                         | -        | The type of input to render.                                                                                                                                                                                                          |
+| `inputMode`          | `'none' \| 'text' \| 'tel' \| 'url' \| 'email' \| 'numeric' \| 'decimal' \| 'search'`                  | -        | Hints at the type of data that might be entered by the user while editing the element or its contents.                                                                                                                                |
+| `name`               | `string`                                                                                               | -        | The name of the input element, used when submitting an HTML form.                                                                                                                                                                     |
+| `validationBehavior` | `'native' \| 'aria'`                                                                                   | 'native' | Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.                                                                        |
+| `children`           | `ReactNode \| (values: TextFieldRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -        | The children of the component. A function may be provided to alter the children based on component state.                                                                                                                             |
+| `className`          | `string`                                                                                               | -        | The CSS className for the element.                                                                                                                                                                                                    |
+| `style`              | `CSSProperties \| (values: TextFieldRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`     | -        | The inline style for the element. A function may be provided to compute the style based on component state.                                                                                                                           |
 
 | Event                 | Type                                        | Description                                                                                                      |
 | --------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
diff --git a/www/content/docs/components/menus-and-selection/command.mdx b/www/content/docs/components/menus-and-selection/command.mdx
index c74af347b..528463c53 100644
--- a/www/content/docs/components/menus-and-selection/command.mdx
+++ b/www/content/docs/components/menus-and-selection/command.mdx
@@ -1,5 +1,5 @@
 ---
-title: Command 
+title: Command
 description: A command combines a text input with a menu, allowing users to filter a list of options to items matching a query.
 links:
   - label: Aria docs
@@ -20,4 +20,4 @@ npx dotui-cli@latest add command
 
 ## Dialog
 
-<ComponentPreview name="core/command/command-dialog" />
\ No newline at end of file
+<ComponentPreview name="core/command/command-dialog" />
diff --git a/www/content/docs/components/navigation/breadcrumbs.mdx b/www/content/docs/components/navigation/breadcrumbs.mdx
index 2a00abdce..5f47f7d93 100644
--- a/www/content/docs/components/navigation/breadcrumbs.mdx
+++ b/www/content/docs/components/navigation/breadcrumbs.mdx
@@ -62,7 +62,7 @@ import {
 </Breadcrumbs>;
 ```
 
-{/* ## Options
+{/\* ## Options
 
 ### Disabled
 
diff --git a/www/content/docs/components/overlays/dialog.mdx b/www/content/docs/components/overlays/dialog.mdx
index 1f9294da0..401627845 100644
--- a/www/content/docs/components/overlays/dialog.mdx
+++ b/www/content/docs/components/overlays/dialog.mdx
@@ -237,9 +237,9 @@ Dialogs support nesting, allowing you to open a dialog from within another dialo
 | `shouldCloseOnInteractOutside` | `(element: Element) => boolean`     | -          | When user interacts with the argument element outside of the overlay ref, return `true` if `onClose` should be called. This gives you a chance to filter out interaction with elements that should not dismiss the overlay. By default, `onClose` will always be called on interaction outside the overlay ref. |
 | `isOpen`                       | `boolean`                           | -          | Whether the overlay is open by default (controlled).                                                                                                                                                                                                                                                            |
 | `defaultOpen`                  | `boolean`                           | -          | Whether the overlay is open by default (uncontrolled).                                                                                                                                                                                                                                                          |
-| `modalProps`                   | `ModalProps`                        | -          | Props applied to the Modal element. [See ModalProps](/docs/components/overlays/modal#api-reference)                                                                                                                                                                                                                 |
-| `drawerProps`                  | `DrawerProps`                       | -          | Props applied to the Drawer element. [See DrawerProps](/docs/components/overlays/drawer#api-reference)                                                                                                                                                                                                                |
-| `popoverProps`                 | `PopoverProps`                      | -          | Props applied to the Popover element. [See PopoverProps](/docs/components/overlays/popover#api-reference)                                                                                                                                                                                                                |
+| `modalProps`                   | `ModalProps`                        | -          | Props applied to the Modal element. [See ModalProps](/docs/components/overlays/modal#api-reference)                                                                                                                                                                                                             |
+| `drawerProps`                  | `DrawerProps`                       | -          | Props applied to the Drawer element. [See DrawerProps](/docs/components/overlays/drawer#api-reference)                                                                                                                                                                                                          |
+| `popoverProps`                 | `PopoverProps`                      | -          | Props applied to the Popover element. [See PopoverProps](/docs/components/overlays/popover#api-reference)                                                                                                                                                                                                       |
 | `className`                    | `string`                            | -          | The CSS className for the element.                                                                                                                                                                                                                                                                              |
 | `style`                        | `CSSProperties`                     | -          | The inline style for the element.                                                                                                                                                                                                                                                                               |
 
diff --git a/www/content/docs/getting-started/guides/testing.mdx b/www/content/docs/getting-started/guides/testing.mdx
index 9ed6eecdf..12b3a4a30 100644
--- a/www/content/docs/getting-started/guides/testing.mdx
+++ b/www/content/docs/getting-started/guides/testing.mdx
@@ -1,7 +1,6 @@
 ---
 title: Testing
-description: This page describes the recommanded way test an application built with dotUI. 
+description: This page describes the recommanded way test an application built with dotUI.
 ---
 
-
-<Alert variant="warning" title="Under construction" />
\ No newline at end of file
+<Alert variant="warning" title="Under construction" />
diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index daa095f31..9f6b3fb63 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -10,9 +10,9 @@ import { Breadcrumbs } from "@/components/docs/breadcrumbs";
 import { DocsPager } from "@/components/docs/docs-pager";
 import { PageLastUpdate } from "@/components/docs/last-update";
 import { mdxComponents } from "@/components/docs/mdx-components";
+import { TableOfContents } from "@/components/docs/toc";
 import { GitHubIcon } from "@/components/icons";
 import { AdobeIcon } from "@/components/icons/adobe-icon";
-import { TableOfContents } from "@/components/docs/toc";
 import { source } from "@/app/source";
 import { siteConfig } from "@/config";
 
diff --git a/www/src/app/(app)/themes/components/theme-select.tsx b/www/src/app/(app)/themes/components/theme-select.tsx
index 5d9064781..b04b5d3ae 100644
--- a/www/src/app/(app)/themes/components/theme-select.tsx
+++ b/www/src/app/(app)/themes/components/theme-select.tsx
@@ -138,7 +138,7 @@ export function ThemeSelect({ className }: { className?: string }) {
               <XIcon />
             </Button>
           }
-          className="[&_kbd]:text-xs bg-bg-muted/50"
+          className="bg-bg-muted/50 [&_kbd]:text-xs"
         >
           Use <Kbd>Ctrl</Kbd> + <Kbd>→</Kbd> or <Kbd>←</Kbd> to navigate between
           themes
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index d0bb448ee..d5a2b0595 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -40,7 +40,7 @@ export default function HomePage() {
             </Button>
           </div>
         </section>
-        <section className="relative mt-35">
+        <section className="mt-35 relative">
           <div className="animate-in fade-in-50 zoom-in-75 slide-in-from-bottom-10 duration-2000 absolute -top-5 left-1/2 z-0 h-[450px] w-[900px] max-w-[80%] -translate-x-1/2 rounded-full bg-[radial-gradient(at_0%_0%,#0894ff_0,rgba(0,0,0,0)_40%),radial-gradient(at_50%_30%,#ff2e54_0,rgba(0,0,0,0)_60%),radial-gradient(at_100%_0%,#ff9004_0,rgba(0,0,0,0)_40%)] blur-[70px] ease-in-out dark:blur-[100px]" />
           <div className="z-2 relative">
             <ThemesPreview />
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index faf3a74d2..723876add 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -17,7 +17,7 @@ export default function Demo() {
             <li
               key={index}
               style={{ width: "100%" }}
-              className="relative p-[5px_15px] w-full"
+              className="relative w-full p-[5px_15px]"
               // style={{ position: "relative", padding: "8px", minWidth: 0 , display: "flex"}}
               // className="relative min-w-0 p-2"
               // className="relative p-2"
diff --git a/www/src/components/docs/install-tabs.tsx b/www/src/components/docs/install-tabs.tsx
index 095a0c903..46b936ff8 100644
--- a/www/src/components/docs/install-tabs.tsx
+++ b/www/src/components/docs/install-tabs.tsx
@@ -112,7 +112,7 @@ export function InstallTab({
     <TabsPrimitive.TabPanel
       id={toValue(value)}
       className={cn(
-        "text-xs mt-0 [&>figure:only-child]:m-0 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none",
+        "mt-0 text-xs [&>figure:only-child]:m-0 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none",
         className
       )}
       {...props}
diff --git a/www/src/components/dynamic-core/command.tsx b/www/src/components/dynamic-core/command.tsx
index ba7232c5b..5d9b82a41 100644
--- a/www/src/components/dynamic-core/command.tsx
+++ b/www/src/components/dynamic-core/command.tsx
@@ -1 +1 @@
-export * from "@/registry/core/command"
\ No newline at end of file
+export * from "@/registry/core/command";
diff --git a/www/src/components/dynamic-core/drawer.tsx b/www/src/components/dynamic-core/drawer.tsx
index bced0b128..ad9525e54 100644
--- a/www/src/components/dynamic-core/drawer.tsx
+++ b/www/src/components/dynamic-core/drawer.tsx
@@ -1,10 +1,7 @@
 "use client";
 
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import {
-  Drawer as _Drawer,
-  DrawerProps,
-} from "@/registry/core/drawer_basic";
+import { Drawer as _Drawer, DrawerProps } from "@/registry/core/drawer_basic";
 
 export const Drawer = createDynamicComponent<DrawerProps>(
   "drawer",
diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
index a2797df8a..ad3af9680 100644
--- a/www/src/components/search-command-client.tsx
+++ b/www/src/components/search-command-client.tsx
@@ -59,7 +59,12 @@ export function SearchCommandClient({ items }: SearchCommandClientProps) {
           <Section key={categoryIndex} title={category.title}>
             {category.items.map((page) => (
               <React.Fragment key={page.id}>
-                <MenuItem href={page.url} textValue={page.title} prefix={<FileTextIcon />} className="py-2">
+                <MenuItem
+                  href={page.url}
+                  textValue={page.title}
+                  prefix={<FileTextIcon />}
+                  className="py-2"
+                >
                   {page.title}
                 </MenuItem>
                 {/* {inputValue !== "" && (
diff --git a/www/src/components/theme-provider.tsx b/www/src/components/theme-provider.tsx
index 8780d685c..db84b9047 100644
--- a/www/src/components/theme-provider.tsx
+++ b/www/src/components/theme-provider.tsx
@@ -11,7 +11,6 @@ const ThemeProvider = (props: ThemeProviderProps) => {
   return <div></div>;
 };
 
-
 const useThemeCSSVars = (name?: string) => {
   const { themes } = useThemes();
 };
diff --git a/www/src/demos/date-field/description.tsx b/www/src/demos/date-field/description.tsx
index 6f7575501..03b9a8de9 100644
--- a/www/src/demos/date-field/description.tsx
+++ b/www/src/demos/date-field/description.tsx
@@ -4,5 +4,7 @@ import React from "react";
 import { DateField } from "@/components/dynamic-core/date-field";
 
 export default function Demo() {
-  return <DateField label="Appointment date" description="Please select a date." />;
+  return (
+    <DateField label="Appointment date" description="Please select a date." />
+  );
 }
diff --git a/www/src/demos/date-field/granularity.tsx b/www/src/demos/date-field/granularity.tsx
index 57b7db2d0..37e7fc4b6 100644
--- a/www/src/demos/date-field/granularity.tsx
+++ b/www/src/demos/date-field/granularity.tsx
@@ -10,12 +10,12 @@ export default function Demo() {
         label="Hour"
         granularity="hour"
         defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-        />
+      />
       <DateField
         label="Minute"
         granularity="minute"
         defaultValue={parseAbsoluteToLocal("2021-04-07T18:45:22Z")}
-        />
+      />
       <DateField
         label="Second"
         granularity="second"
diff --git a/www/src/demos/date-range-picker/composition.tsx b/www/src/demos/date-range-picker/composition.tsx
index 1379cd823..cce84d9fe 100644
--- a/www/src/demos/date-range-picker/composition.tsx
+++ b/www/src/demos/date-range-picker/composition.tsx
@@ -3,6 +3,7 @@
 import React from "react";
 import { CalendarIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
 import { DateInput, DateSegment } from "@/components/dynamic-core/date-input";
 import { DatePickerRoot } from "@/components/dynamic-core/date-picker";
 import { DialogContent } from "@/components/dynamic-core/dialog";
@@ -13,7 +14,6 @@ import {
 } from "@/components/dynamic-core/field";
 import { InputRoot } from "@/components/dynamic-core/input";
 import { Overlay } from "@/components/dynamic-core/overlay";
-import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/range-calendar/page-behaviour.tsx b/www/src/demos/range-calendar/page-behaviour.tsx
index 3a2dcdc01..f970d683d 100644
--- a/www/src/demos/range-calendar/page-behaviour.tsx
+++ b/www/src/demos/range-calendar/page-behaviour.tsx
@@ -1,5 +1,11 @@
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
-  return <RangeCalendar aria-label="Trip dates" visibleMonths={2} pageBehavior="single" />;
+  return (
+    <RangeCalendar
+      aria-label="Trip dates"
+      visibleMonths={2}
+      pageBehavior="single"
+    />
+  );
 }
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index 19ed0986e..abc299e08 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -490,7 +490,7 @@ export const demos: RegistryDemos = [
     "controlled",
     "uncontrolled",
     "reordable",
-    "selection-variant"
+    "selection-variant",
   ]),
   ...buildDemos("form", ["basic", "react-aria", "react-hook-form"]),
   ...buildDemos("command", ["basic", "dialog"]),
diff --git a/www/src/demos/slider/value-scale.tsx b/www/src/demos/slider/value-scale.tsx
index f691a7b6f..4cfd53d9e 100644
--- a/www/src/demos/slider/value-scale.tsx
+++ b/www/src/demos/slider/value-scale.tsx
@@ -2,11 +2,6 @@ import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
-    <Slider
-      label="Cookies to"
-      minValue={1}
-      maxValue={50}
-      defaultValue={25}
-    />
+    <Slider label="Cookies to" minValue={1} maxValue={50} defaultValue={25} />
   );
 }
diff --git a/www/src/demos/slider/vertical.tsx b/www/src/demos/slider/vertical.tsx
index 775a9c43b..aea94d87c 100644
--- a/www/src/demos/slider/vertical.tsx
+++ b/www/src/demos/slider/vertical.tsx
@@ -2,6 +2,11 @@ import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
-    <Slider defaultValue={50} aria-label="Opacity" orientation="vertical" className="w-8" />
+    <Slider
+      defaultValue={50}
+      aria-label="Opacity"
+      orientation="vertical"
+      className="w-8"
+    />
   );
 }
diff --git a/www/src/demos/table/disabled-rows.tsx b/www/src/demos/table/disabled-rows.tsx
index 8218ace43..952e4ce80 100644
--- a/www/src/demos/table/disabled-rows.tsx
+++ b/www/src/demos/table/disabled-rows.tsx
@@ -24,7 +24,7 @@ const data: Item[] = [
 
 export default function Demo() {
   return (
-    <TableRoot aria-label="Files" disabledKeys={[3,4]}>
+    <TableRoot aria-label="Files" disabledKeys={[3, 4]}>
       <TableHeader columns={columns}>
         {(column) => (
           <TableColumn isRowHeader={column.isRowHeader}>
diff --git a/www/src/demos/table/empty-state.tsx b/www/src/demos/table/empty-state.tsx
index 95c628194..f92bc5f49 100644
--- a/www/src/demos/table/empty-state.tsx
+++ b/www/src/demos/table/empty-state.tsx
@@ -22,7 +22,7 @@ export default function Demo() {
         </TableHeader>
         <TableBody>{[]}</TableBody>
       </TableRoot>
-      
+
       <TableRoot aria-label="Files">
         <TableHeader>
           <TableColumn id="name" isRowHeader>
@@ -31,7 +31,7 @@ export default function Demo() {
           <TableColumn id="type">Type</TableColumn>
           <TableColumn id="date">Date Modified</TableColumn>
         </TableHeader>
-        <TableBody renderEmptyState={()=> "Nothing here."}>{[]}</TableBody>
+        <TableBody renderEmptyState={() => "Nothing here."}>{[]}</TableBody>
       </TableRoot>
     </div>
   );
diff --git a/www/src/demos/tabs/disabled.tsx b/www/src/demos/tabs/disabled.tsx
index f323357af..3543b3947 100644
--- a/www/src/demos/tabs/disabled.tsx
+++ b/www/src/demos/tabs/disabled.tsx
@@ -17,7 +17,9 @@ export default function Demo() {
         <TabList>
           <Tab id="overview">Overview</Tab>
           <Tab id="usage">Usage</Tab>
-          <Tab id="settings" isDisabled>Settings</Tab>
+          <Tab id="settings" isDisabled>
+            Settings
+          </Tab>
         </TabList>
         <TabPanel id="overview">Overview content</TabPanel>
         <TabPanel id="usage">Usage content</TabPanel>
diff --git a/www/src/demos/text-field/composition.tsx b/www/src/demos/text-field/composition.tsx
index 01e47d249..aaad76e09 100644
--- a/www/src/demos/text-field/composition.tsx
+++ b/www/src/demos/text-field/composition.tsx
@@ -1,6 +1,9 @@
 import React from "react";
 import { Description, Label } from "@/components/dynamic-core/field";
-import { TextFieldInput, TextFieldRoot } from "@/components/dynamic-core/text-field";
+import {
+  TextFieldInput,
+  TextFieldRoot,
+} from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
   return (
diff --git a/www/src/registry/core/avatar.tsx b/www/src/registry/core/avatar.tsx
index 68712d845..4b0af10f7 100644
--- a/www/src/registry/core/avatar.tsx
+++ b/www/src/registry/core/avatar.tsx
@@ -40,7 +40,8 @@ const [AvatarProvider, useAvatarContext] = createScopedContext<
 >("AlertRoot");
 
 interface AvatarProps
-  extends AvatarRootProps,AvatarImageProps,
+  extends AvatarRootProps,
+    AvatarImageProps,
     Pick<AvatarImageProps, "src" | "alt"> {
   fallback?: React.ReactNode;
 }
diff --git a/www/src/registry/core/checkbox_basic.tsx b/www/src/registry/core/checkbox_basic.tsx
index 199b53806..abb490e03 100644
--- a/www/src/registry/core/checkbox_basic.tsx
+++ b/www/src/registry/core/checkbox_basic.tsx
@@ -99,12 +99,7 @@ interface CheckboxRootProps
 
 const CheckboxRoot = (localProps: CheckboxRootProps) => {
   const contextProps = useCheckboxContext();
-  const {
-    variant,
-    appearance,
-    className,
-    ...props
-  } = {
+  const { variant, appearance, className, ...props } = {
     ...contextProps,
     ...localProps,
   };
diff --git a/www/src/registry/core/color-area.tsx b/www/src/registry/core/color-area.tsx
index 125b3c0d3..22a0e8928 100644
--- a/www/src/registry/core/color-area.tsx
+++ b/www/src/registry/core/color-area.tsx
@@ -8,7 +8,7 @@ import { tv } from "tailwind-variants";
 import { ColorThumb } from "@/registry/core/color-thumb";
 
 const colorAreaStyles = tv({
-  base: "block size-48 min-w-20 rounded-md disabled:[background:var(--color-bg-disabled)]!",
+  base: "disabled:[background:var(--color-bg-disabled)]! block size-48 min-w-20 rounded-md",
 });
 
 type ColorAreaProps = Omit<ColorAreaRootProps, "children">;
diff --git a/www/src/registry/core/color-slider_new.tsx b/www/src/registry/core/color-slider_new.tsx
index c009b1835..4c5bdfc93 100644
--- a/www/src/registry/core/color-slider_new.tsx
+++ b/www/src/registry/core/color-slider_new.tsx
@@ -20,14 +20,14 @@ const sliderStyles = tv({
   slots: {
     root: "group grid grid-cols-[1fr_auto] [grid-template-areas:'label_valueLabel'_'field_field']",
     track:
-      "[grid-area:field] bg-bg-neutral disabled:bg-bg-disabled relative grow cursor-pointer rounded-full disabled:cursor-default",
+      "bg-bg-neutral disabled:bg-bg-disabled relative grow cursor-pointer rounded-full [grid-area:field] disabled:cursor-default",
     filler:
       "bg-border-focus group-disabled:bg-bg-disabled pointer-events-none absolute rounded-full",
     thumb: [
       focusRing(),
       "disabled:bg-bg-disabled disabled:border-bg left-[50%] top-[50%] rounded-full bg-white shadow-md transition-[width,height] disabled:border",
     ],
-    valueLabel: "[grid-area:valueLabel] text-fg-muted text-sm",
+    valueLabel: "text-fg-muted text-sm [grid-area:valueLabel]",
   },
   variants: {
     orientation: {
@@ -82,14 +82,12 @@ const Slider = ({
 }: SliderProps) => {
   return (
     <SliderRoot {...props}>
-        {label && <Label>{label}</Label>}
-        {showValueLabel && (
-          <SliderValueLabel>
-            {({ state }) =>
-              getValueLabel ? getValueLabel(state.values) : null
-            }
-          </SliderValueLabel>
-        )}
+      {label && <Label>{label}</Label>}
+      {showValueLabel && (
+        <SliderValueLabel>
+          {({ state }) => (getValueLabel ? getValueLabel(state.values) : null)}
+        </SliderValueLabel>
+      )}
       {/* <div className="grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']">
       </div> */}
       <SliderTrack />
diff --git a/www/src/registry/core/drawer_basic.tsx b/www/src/registry/core/drawer_basic.tsx
index 3984ad76a..5c20e70b7 100644
--- a/www/src/registry/core/drawer_basic.tsx
+++ b/www/src/registry/core/drawer_basic.tsx
@@ -11,7 +11,7 @@ import { tv } from "tailwind-variants";
 const drawerVariants = tv({
   slots: {
     underlay:
-      "before:ease-drawer entering:before:opacity-0 exiting:before:opacity-0 before:opacity-100 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:duration-500 before:content-['']",
+      "before:ease-drawer entering:before:opacity-0 exiting:before:opacity-0 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:opacity-100 before:duration-500 before:content-['']",
     overlay:
       "bg-bg ease-drawer fixed z-50 flex flex-col border duration-500 will-change-transform",
   },
diff --git a/www/src/registry/core/field.tsx b/www/src/registry/core/field.tsx
index 71aab0f72..0e2204d64 100644
--- a/www/src/registry/core/field.tsx
+++ b/www/src/registry/core/field.tsx
@@ -18,7 +18,7 @@ const fieldStyles = tv({
     root: "flex flex-col items-start gap-2",
     // TODO: check peer-disabled
     label:
-      "[grid-area:label] peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
+      "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none [grid-area:label] peer-disabled:cursor-not-allowed [&_svg]:size-3",
     description: "text-fg-muted text-xs",
     fieldError: "text-fg-danger text-xs",
   },
diff --git a/www/src/registry/core/kbd.tsx b/www/src/registry/core/kbd.tsx
index 84bd24aa3..783bae15c 100644
--- a/www/src/registry/core/kbd.tsx
+++ b/www/src/registry/core/kbd.tsx
@@ -4,7 +4,7 @@ import { Keyboard } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const KbdStyles = tv({
-  base: "text-fg-muted bg-bg rounded-md border p-1 text-xs leading-none min-w-5 items-center justify-center inline-flex",
+  base: "text-fg-muted bg-bg inline-flex min-w-5 items-center justify-center rounded-md border p-1 text-xs leading-none",
 });
 
 type KbdProps = React.HTMLAttributes<HTMLElement>;
diff --git a/www/src/registry/core/modal_basic.tsx b/www/src/registry/core/modal_basic.tsx
index d86aea4e4..adf04c8eb 100644
--- a/www/src/registry/core/modal_basic.tsx
+++ b/www/src/registry/core/modal_basic.tsx
@@ -13,7 +13,7 @@ const modalStyles = tv({
     underlay:
       "h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]",
     overlay:
-      "bg-bg entering:scale-95 scale-100 exiting:scale-95 relative z-50 w-full max-w-lg border shadow-lg duration-200 will-change-transform ease-[cubic-bezier(0.165,0.84,0.44,1)] sm:rounded-lg md:w-full",
+      "bg-bg entering:scale-95 exiting:scale-95 relative z-50 w-full max-w-lg scale-100 border shadow-lg duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-transform sm:rounded-lg md:w-full",
   },
 });
 
diff --git a/www/src/registry/core/section.tsx b/www/src/registry/core/section.tsx
index de2962608..10470b46f 100644
--- a/www/src/registry/core/section.tsx
+++ b/www/src/registry/core/section.tsx
@@ -10,8 +10,8 @@ import { tv } from "tailwind-variants";
 
 const SectionStyles = tv({
   slots: {
-    root: "pt-2 space-y-px",
-    title: "mb-1 pl-3 text-xs text-fg-muted",
+    root: "space-y-px pt-2",
+    title: "text-fg-muted mb-1 pl-3 text-xs",
   },
 });
 
diff --git a/www/src/registry/core/switch_basic.tsx b/www/src/registry/core/switch_basic.tsx
index 64d14b4d6..58ec4b7f9 100644
--- a/www/src/registry/core/switch_basic.tsx
+++ b/www/src/registry/core/switch_basic.tsx
@@ -40,7 +40,7 @@ const switchStyles = tv({
           "group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5",
       },
       lg: {
-        indicator: "h-7 w-13",
+        indicator: "w-13 h-7",
         thumb:
           "group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6",
       },
diff --git a/www/src/registry/core/table.tsx b/www/src/registry/core/table.tsx
index fd1130424..ce5a628ef 100644
--- a/www/src/registry/core/table.tsx
+++ b/www/src/registry/core/table.tsx
@@ -34,11 +34,11 @@ const tableStyles = tv({
     header: "sticky top-0 z-10",
     column: [
       focusRing(),
-      "relative allows-sorting:cursor-pointer whitespace-nowrap px-3 py-2 text-left font-medium text-fg-muted",
+      "allows-sorting:cursor-pointer text-fg-muted relative whitespace-nowrap px-3 py-2 text-left font-medium",
     ],
     resizer: [
       focusRing(),
-      "resizing:before:bg-bg-accent absolute right-0 before:bg-border-field box-content h-5 w-px resizing:before:w-0.5 cursor-col-resize px-2 before:content-['']  before:block before:w-px before:h-5 before:transition-colors",
+      "resizing:before:bg-bg-accent before:bg-border-field resizing:before:w-0.5 absolute right-0 box-content h-5 w-px cursor-col-resize px-2 before:block before:h-5 before:w-px before:transition-colors before:content-['']",
     ],
     body: "empty:text-center empty:italic",
     row: [
@@ -221,7 +221,7 @@ function TableRow<T extends object>({
             slot="drag"
             className={cn(
               focusRing(),
-              "rounded-xs inline-flex items-center justify-center [&_svg]:size-4 text-fg-muted"
+              "rounded-xs text-fg-muted inline-flex items-center justify-center [&_svg]:size-4"
             )}
           >
             <GripVerticalIcon />
diff --git a/www/src/registry/core/tabs_motion.tsx b/www/src/registry/core/tabs_motion.tsx
index aa436ac00..54852493f 100644
--- a/www/src/registry/core/tabs_motion.tsx
+++ b/www/src/registry/core/tabs_motion.tsx
@@ -45,7 +45,7 @@ const tabsStyles = tv({
         cursor: "bg-bg-inverse/10 inset-0 z-0 rounded-[inherit] shadow-sm",
       },
       underline: {
-        tab: "selected:border-bg-accent border-transparent px-3 py-[7px] ",
+        tab: "selected:border-bg-accent border-transparent px-3 py-[7px]",
         cursor: "",
       },
     },
@@ -56,7 +56,7 @@ const tabsStyles = tv({
       variant: "underline",
       className: {
         list: "border-b",
-        cursor: "inset-x-0 bottom-0 h-[2px] transform-none origin-[50%_50%_0]"
+        cursor: "inset-x-0 bottom-0 h-[2px] origin-[50%_50%_0] transform-none",
       },
     },
     {
diff --git a/www/src/styles/fonts.ts b/www/src/styles/fonts.ts
index 00dc47179..e6a01bcbf 100644
--- a/www/src/styles/fonts.ts
+++ b/www/src/styles/fonts.ts
@@ -13,4 +13,4 @@ export const fontSans = Geist({
 export const fontMono = Geist_Mono({
   subsets: ["latin"],
   variable: "--font-mono",
-});
\ No newline at end of file
+});

From 2ce79e788b56bae3e80fd04c754e407383109111 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 27 Jan 2025 17:43:13 +0100
Subject: [PATCH 059/165] feat: update progress component

---
 www/.gitignore                                |   2 +-
 .../docs/components/data-display/avatar.mdx   |  64 +++--
 .../docs/components/data-display/badge.mdx    |  91 ++-----
 .../components/data-display/separator.mdx     |  25 +-
 .../docs/components/feedback/alert.mdx        |   6 +-
 .../docs/components/feedback/meta.json        |   2 +-
 .../{progress.mdx => progress-bar.mdx}        | 170 ++++++-------
 .../docs/components/feedback/skeleton.mdx     |   2 +
 .../components/navigation/breadcrumbs.mdx     |   4 +-
 www/src/__registry__/core/avatar.tsx          |  11 +-
 www/src/__registry__/core/badge.tsx           |  56 ++---
 www/src/__registry__/core/checkbox_basic.tsx  |   7 +-
 www/src/__registry__/core/color-area.tsx      |   2 +-
 www/src/__registry__/core/field.tsx           |   2 +-
 www/src/__registry__/demos.tsx                | 128 +++++-----
 www/src/app/(home)/components-overview.tsx    |   4 +-
 www/src/components/core/progress-bar.tsx      |   1 +
 www/src/components/core/progress.tsx          |   1 -
 .../docs/component-preview-client.tsx         |  29 +++
 www/src/components/docs/component-preview.tsx |  48 ++--
 .../components/dynamic-core/progress-bar.tsx  |   1 +
 www/src/components/dynamic-core/progress.tsx  |   1 -
 www/src/demos/alert/default.tsx               |  14 +-
 www/src/demos/avatar/default.tsx              |  17 +-
 www/src/demos/badge/icon.tsx                  |   9 +-
 www/src/demos/badge/sizes.tsx                 |  12 +-
 www/src/demos/badge/variants.tsx              |  25 +-
 www/src/demos/progress-bar/composition.tsx    |  19 ++
 .../custom-value-label.tsx                    |   4 +-
 www/src/demos/progress-bar/default.tsx        |  15 ++
 .../{progress => progress-bar}/duration.tsx   |   4 +-
 .../format-options.tsx                        |   4 +-
 www/src/demos/progress-bar/indeterminate.tsx  |   8 +
 www/src/demos/progress-bar/label.tsx          |  13 +
 .../min-max-values.tsx                        |   4 +-
 www/src/demos/progress-bar/shape.tsx          |   8 +
 .../{progress => progress-bar}/sizes.tsx      |   4 +-
 www/src/demos/progress-bar/value-label.tsx    |   8 +
 www/src/demos/progress-bar/variants.tsx       |  19 ++
 www/src/demos/progress/composition.tsx        |  19 --
 www/src/demos/progress/custom-color.tsx       |  17 --
 www/src/demos/progress/default.tsx            |   8 -
 www/src/demos/progress/indeterminate.tsx      |   8 -
 www/src/demos/progress/label.tsx              |  13 -
 www/src/demos/progress/shape.tsx              |   8 -
 www/src/demos/progress/toolbar.tsx            |  47 ----
 www/src/demos/progress/value-label.tsx        |   8 -
 www/src/demos/progress/variants.tsx           |  14 --
 www/src/demos/registry.ts                     |   4 +-
 www/src/hooks/use-horizontal-resize.ts        |  67 +++++
 www/src/registry/core/alert-01.tsx            |  24 +-
 www/src/registry/core/avatar.tsx              |  12 +-
 www/src/registry/core/badge.tsx               |  56 ++---
 www/src/registry/core/calendar_basic.tsx      |   2 +-
 www/src/registry/core/calendar_cal.tsx        |   2 +-
 www/src/registry/core/progress-bar_basic.tsx  | 191 ++++++++++++++
 www/src/registry/core/progress.tsx            | 232 ------------------
 www/src/registry/core/skeleton.tsx            |   3 +
 www/src/registry/core/tabs_basic.tsx          |   2 +-
 www/src/registry/core/tabs_motion.tsx         |   2 +-
 www/src/styles/globals.css                    |  24 +-
 61 files changed, 750 insertions(+), 857 deletions(-)
 rename www/content/docs/components/feedback/{progress.mdx => progress-bar.mdx} (61%)
 create mode 100644 www/src/components/core/progress-bar.tsx
 delete mode 100644 www/src/components/core/progress.tsx
 create mode 100644 www/src/components/dynamic-core/progress-bar.tsx
 delete mode 100644 www/src/components/dynamic-core/progress.tsx
 create mode 100644 www/src/demos/progress-bar/composition.tsx
 rename www/src/demos/{progress => progress-bar}/custom-value-label.tsx (70%)
 create mode 100644 www/src/demos/progress-bar/default.tsx
 rename www/src/demos/{progress => progress-bar}/duration.tsx (77%)
 rename www/src/demos/{progress => progress-bar}/format-options.tsx (72%)
 create mode 100644 www/src/demos/progress-bar/indeterminate.tsx
 create mode 100644 www/src/demos/progress-bar/label.tsx
 rename www/src/demos/{progress => progress-bar}/min-max-values.tsx (70%)
 create mode 100644 www/src/demos/progress-bar/shape.tsx
 rename www/src/demos/{progress => progress-bar}/sizes.tsx (80%)
 create mode 100644 www/src/demos/progress-bar/value-label.tsx
 create mode 100644 www/src/demos/progress-bar/variants.tsx
 delete mode 100644 www/src/demos/progress/composition.tsx
 delete mode 100644 www/src/demos/progress/custom-color.tsx
 delete mode 100644 www/src/demos/progress/default.tsx
 delete mode 100644 www/src/demos/progress/indeterminate.tsx
 delete mode 100644 www/src/demos/progress/label.tsx
 delete mode 100644 www/src/demos/progress/shape.tsx
 delete mode 100644 www/src/demos/progress/toolbar.tsx
 delete mode 100644 www/src/demos/progress/value-label.tsx
 delete mode 100644 www/src/demos/progress/variants.tsx
 create mode 100644 www/src/hooks/use-horizontal-resize.ts
 create mode 100644 www/src/registry/core/progress-bar_basic.tsx
 delete mode 100644 www/src/registry/core/progress.tsx

diff --git a/www/.gitignore b/www/.gitignore
index ca3179404..9255db910 100644
--- a/www/.gitignore
+++ b/www/.gitignore
@@ -1,2 +1,2 @@
 .source
-src/__registry__
\ No newline at end of file
+src/__registry__/core
\ No newline at end of file
diff --git a/www/content/docs/components/data-display/avatar.mdx b/www/content/docs/components/data-display/avatar.mdx
index 68e5dc264..f18362b09 100644
--- a/www/content/docs/components/data-display/avatar.mdx
+++ b/www/content/docs/components/data-display/avatar.mdx
@@ -1,5 +1,5 @@
 ---
-title: Avatar (OK)
+title: Avatar ☑️
 description: An image element with a fallback for representing the user.
 links:
   - label: Report an issue
@@ -10,7 +10,8 @@ links:
 
 <ComponentPreview
   name="core/avatar/avatar-default"
-  preview={`<Avatar src="https://github.com/mehdibha.png" alt="@mehdibha" fallback="M" />`}
+  preview={`<Avatar src="https://github.com/mehdibha.png" alt="@mehdibha" fallback="M" />
+  <Avatar src="https://githubbb.com/mehdibha.png" alt="@mehdibha" fallback="M" /> // invalid URL`}
 />
 
 ## Installation
@@ -19,20 +20,28 @@ links:
 npx dotui-cli@latest add avatar
 ```
 
-## Composition
+## Anatomy
 
-If you need to customize things further, you can drop down to the composition level.
+```tsx
+import { Avatar } from "@/components/core/avatar";
 
-<ComponentPreview
-  name="core/avatar/avatar-composition"
-  preview={`<AvatarRoot>
-    <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
-    <AvatarFallback>M</AvatarFallback>
-    <AvatarPlaceholder>
-      <UserIcon className="size-5" />
-    </AvatarPlaceholder>
-  </AvatarRoot>`}
-/>
+<Avatar src=".." alt=".." />;
+```
+
+```tsx
+import {
+  AvatarRoot,
+  AvatarImage,
+  AvatarFallback,
+  AvatarPlaceholder,
+} from "@/components/core/avatar";
+
+<AvatarRoot>
+  <AvatarImage src=".." alt=".." />
+  <AvatarFallback>..</AvatarFallback>
+  <AvatarPlaceholder />
+</AvatarRoot>;
+```
 
 ## Options
 
@@ -57,14 +66,27 @@ Use the `size` prop to control the size of the `Avatar`. The default variant is
   <Avatar size="lg" />`}
 />
 
+## Composition
+
+If you need to customize things further, you can drop down to the composition level.
+
+<ComponentPreview
+  name="core/avatar/avatar-composition"
+  preview={`<AvatarRoot>
+    <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+    <AvatarFallback>M</AvatarFallback>
+    <AvatarPlaceholder>
+      <UserIcon className="size-5" />
+    </AvatarPlaceholder>
+  </AvatarRoot>`}
+/>
+
 ## API Reference
 
 `Avatar` accepts all image attributes.
 
-| Prop       | Type                   | Default    | Description                                                                                 |
-| ---------- | ---------------------- | ---------- | ------------------------------------------------------------------------------------------- |
-| `src*`     | `string`               | -          | Specifies the path to the image                                                             |
-| `alt`      | `string`               | -          | Specifies an alternate text for the image, if the image for some reason cannot be displayed |
-| `shape`    | `'circle' \| 'square'` | `'circle'` | The shape of the avatar.                                                                    |
-| `size`     | `'sm' \| 'md' \| 'lg'` | `'md'`     | The size of the avatar.                                                                     |
-| `fallback` | `ReactNode`            | -          | The fallback element to render when an image is not available.                              |
+| Prop       | Type                   | Default    | Description                                                    |
+| ---------- | ---------------------- | ---------- | -------------------------------------------------------------- |
+| `shape`    | `'circle' \| 'square'` | `'circle'` | The shape of the avatar.                                       |
+| `size`     | `'sm' \| 'md' \| 'lg'` | `'md'`     | The size of the avatar.                                        |
+| `fallback` | `ReactNode`            | -          | The fallback element to render when an image is not available. |
diff --git a/www/content/docs/components/data-display/badge.mdx b/www/content/docs/components/data-display/badge.mdx
index 0606961d6..ead75b86d 100644
--- a/www/content/docs/components/data-display/badge.mdx
+++ b/www/content/docs/components/data-display/badge.mdx
@@ -1,5 +1,5 @@
 ---
-title: Badge
+title: Badge ☑️
 description: Displays a badge or a component that looks like a badge.
 links:
   - label: Report an issue
@@ -15,24 +15,17 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add badge
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/badge/badge" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
+## Anatomy
 
-  </Tab>
-</Tabs>
+```tsx
+import { Badge } from '@/components/core/badge';
+
+<Badge>Badge</Badge>
+```
 
 ## Options
 
@@ -42,31 +35,12 @@ Use the `variant` prop to control the visual style of the `Badge`. The default v
 
 <ComponentPreview
   name="core/badge/badge-variants"
-  preview={`<Flex>
-    <Badge variant="neutral">Neutral</Badge>
-    <Badge variant="outline">Outline</Badge>
-    <Badge variant="primary">Primary</Badge>
-  </Flex>
-  <Flex>
-    <Badge variant="success">Success</Badge>
-    <Badge variant="success-subtle">Success Subtle</Badge>
-    <Badge variant="success-outline">Success Outline</Badge>
-  </Flex>
-  <Flex>
-    <Badge variant="danger">Danger</Badge>
-    <Badge variant="danger-subtle">Danger Subtle</Badge>
-    <Badge variant="danger-outline">Danger Outline</Badge>
-  </Flex>
-  <Flex>
-    <Badge variant="warning">Warning</Badge>
-    <Badge variant="warning-subtle">Warning Subtle</Badge>
-    <Badge variant="warning-outline">Warning Outline</Badge>
-  </Flex>
-  <Flex>
-    <Badge variant="accent">Accent</Badge>
-    <Badge variant="accent-subtle">Accent Subtle</Badge>
-    <Badge variant="accent-outline">Accent Outline</Badge>
-  </Flex>`}
+  preview={`<Badge variant="neutral">neutral</Badge>
+  <Badge variant="accent">accent</Badge>
+  <Badge variant="success">success</Badge>
+  <Badge variant="danger">danger</Badge>
+  <Badge variant="warning">warning</Badge>
+  <Badge variant="info">info</Badge>`}
 />
 
 ### Size
@@ -75,40 +49,27 @@ Use the `size` prop to control the size of the `Badge`. The default variant is `
 
 <ComponentPreview
   name="core/badge/badge-sizes"
-  preview={`<Badge variant="primary" size="sm">
-    Small
-  </Badge>
-  <Badge variant="primary" size="md">
-    Medium
-  </Badge>
-  <Badge variant="primary" size="lg">
-    Large
-  </Badge>`}
+  preview={`<Badge size="sm">Small</Badge>
+  <Badge size="md">Medium</Badge>
+  <Badge size="lg">Large</Badge>`}
 />
 
-### Icon
+## Examples
 
-To add additional context for the `Badge`, use the `icon` prop to add an icon.
+### With icon
 
 <ComponentPreview
   name="core/badge/badge-icon"
-  preview={`<Badge icon={<ShieldIcon />} size="sm">
-    Badge
-  </Badge>
-  <Badge icon={<ShieldIcon />} size="md">
-    Badge
-  </Badge>
-  <Badge icon={<ShieldIcon />} size="lg">
-    Badge
-  </Badge>`}
+  preview={`<Badge size="sm"><ShieldIcon />Badge</Badge>
+  <Badge size="md"><ShieldIcon />Badge</Badge>
+  <Badge size="lg"><ShieldIcon />Badge</Badge>`}
 />
 
 ## API Reference
 
 Badge accepts all HTML `span` element props and the following:
 
-| Prop      | Type                                                                                                                                                                                                                                       | Default     | Description                               |
-| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- | ----------------------------------------- |
-| `neutral` | `"outline" \| "primary" \| "success" \| "success-subtle" \| "success-outline" \| "danger" \| "danger-subtle" \| "danger-outline" \| "warning" \| "warning-subtle" \| "warning-outline" \| "accent" \| "accent-subtle" \| "accent-outline"` | `"primary"` | The visual style of the badge.            |
-| `size`    | `"sm" \| "md" \| "lg"`                                                                                                                                                                                                                     | `"sm"`      | The size of the badge.                    |
-| `icon`    | `React.ReactNode`                                                                                                                                                                                                                          | -           | An icon to display before the badge text. |
+| Prop      | Type                                                                    | Default                        | Description            |
+| --------- | ----------------------------------------------------------------------- | ------------------------------ | ---------------------- |
+| `neutral` | `'neutral' \| 'accent' \| 'success' \| 'warning' \| 'info' \| 'danger'` | The visual style of the badge. |
+| `size`    | `'sm' \| 'md' \| 'lg'`                                                  | `"sm"`                         | The size of the badge. |
diff --git a/www/content/docs/components/data-display/separator.mdx b/www/content/docs/components/data-display/separator.mdx
index 216d2cc7c..013631d36 100644
--- a/www/content/docs/components/data-display/separator.mdx
+++ b/www/content/docs/components/data-display/separator.mdx
@@ -32,30 +32,17 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add separator
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Anatomy
 
-    ```package-install
-    react-aria-components
-    ```
+```tsx
+import { Separator } from '@/components/core/separator';
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/separator/separator" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
+<Separator />;
+```
 
 ## Options
 
diff --git a/www/content/docs/components/feedback/alert.mdx b/www/content/docs/components/feedback/alert.mdx
index 2a649ebb7..8d6f1f5ec 100644
--- a/www/content/docs/components/feedback/alert.mdx
+++ b/www/content/docs/components/feedback/alert.mdx
@@ -11,9 +11,11 @@ links:
 <ComponentPreview
   name="core/alert/alert-default"
   preview={`<Alert>You can add components to your app using the cli.</Alert>`}
+  fullWidth
+  resizable
 />
 
-## Installation
+{/* ## Installation
 
 ```package-install
 npx dotui-cli@latest add alert
@@ -105,4 +107,4 @@ Alert accepts all HTML `div` element props and the following:
 | Prop      | Type                                                         | Default     | Description                                |
 | --------- | ------------------------------------------------------------ | ----------- | ------------------------------------------ |
 | `variant` | `'default' \| 'success' \| 'warning' \| 'danger' \| 'info' ` | `'default'` | The visual style of the alert.             |
-| `fill`    | `boolean`                                                    | `false`     | Weather the visual style should be filled. |
+| `fill`    | `boolean`                                                    | `false`     | Weather the visual style should be filled. | */}
diff --git a/www/content/docs/components/feedback/meta.json b/www/content/docs/components/feedback/meta.json
index 2460acc19..df8dbe296 100644
--- a/www/content/docs/components/feedback/meta.json
+++ b/www/content/docs/components/feedback/meta.json
@@ -1,3 +1,3 @@
 {
-  "pages": ["alert", "progress", "skeleton"]
+  "pages": ["alert", "progress-bar"]
 }
\ No newline at end of file
diff --git a/www/content/docs/components/feedback/progress.mdx b/www/content/docs/components/feedback/progress-bar.mdx
similarity index 61%
rename from www/content/docs/components/feedback/progress.mdx
rename to www/content/docs/components/feedback/progress-bar.mdx
index e3c03fcd7..371afcdab 100644
--- a/www/content/docs/components/feedback/progress.mdx
+++ b/www/content/docs/components/feedback/progress-bar.mdx
@@ -1,11 +1,9 @@
 ---
-title: Progress
-description: Progress shows the completion progress of a task in shape of a bar, displayed as a progress bar..
+title: Progress Bar ☑️
+description: Progress bar show either determinate or indeterminate progress of an operation over time.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ProgressBar.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ProgressBar.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -13,60 +11,54 @@ links:
 ---
 
 <ComponentPreview
-  name="core/progress/progress-default"
-  preview={`<Progress value={75} />`}
+  name="core/progress-bar/progress-bar-default"
+  preview={`<ProgressBar value={75} />`}
 />
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add progress
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Anatomy
 
-    ```package-install
-    react-aria-components
-    ```
+```tsx
+import { ProgressBar } from "@/components/core/progress-bar";
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/progress/progress" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
-## Usage
-
-Use `Progress` to show the completion progress of a task. It can represent either determinate or indeterminate progress.
+<ProgressBar value={30} />;
+```
 
-### Best pratices
+```tsx
+import { Label } from "@/components/core/field";
+import {
+  ProgressBarRoot,
+  ProgressBarValueLabel,
+  ProgressBarIndicator,
+} from "@/components/core/progress-bar";
 
-When possible, use a determinate progress indicator.<br/>
-An indeterminate progress indicator shows that a process is occurring, but it doesn't help people estimate how long a task will take.<br/>
-A determinate progress indicator can help people decide whether to do something else while waiting for the task to complete, restart the task at a different time, or abandon the task.
+<ProgressBarRoot value={30}>
+  <div className="flex items-center justify-between gap-2">
+    <Label>Progress</Label>
+    <ProgressBarValueLabel />
+  </div>
+  <ProgressBarIndicator />
+</ProgressBarRoot>;
+```
 
-## Options
+## Visual options
 
 ### Variant
 
 Use the `variant` prop to control the visual style of the `Progress`. The default variant is `"default"`.
 
 <ComponentPreview
-  name="core/progress/progress-variants"
-  preview={`<Progress variant="default" />
-<Progress variant="success" />
-<Progress variant="accent" />
-<Progress variant="danger" />
-<Progress variant="warning" />`}
+  name="core/progress-bar/progress-bar-variants"
+  preview={`<ProgressBar variant="primary" />
+<ProgressBar variant="success" />
+<ProgressBar variant="accent" />
+<ProgressBar variant="danger" />
+<ProgressBar variant="warning" />`}
 />
 
 ### Size
@@ -74,20 +66,22 @@ Use the `variant` prop to control the visual style of the `Progress`. The defaul
 Use the `size` prop to control the size of the `Progress`. The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/progress/progress-sizes"
-  preview={`<Progress size="sm" />
-<Progress size="md" />
-<Progress size="lg" />`}
+  name="core/progress-bar/progress-bar-sizes"
+  preview={`<ProgressBar size="sm" />
+<ProgressBar size="md" />
+<ProgressBar size="lg" />`}
 />
 
+## Labelling
+
 ### Label
 
-A visual label can be provided for the `Progress` using the label prop, or a hidden label using `aria-label` prop.
+A visual label can be provided using the `label` prop, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/progress/progress-label"
-  preview={`<Progress aria-label="loading" />
-<Progress label="loading..." />`}
+  name="core/progress-bar/progress-bar-label"
+  preview={`<ProgressBar aria-label="loading" />
+<ProgressBar label="loading..." />`}
 />
 
 ### Value label
@@ -95,8 +89,8 @@ A visual label can be provided for the `Progress` using the label prop, or a hid
 Set the `showValueLabel` prop to `true` to display the current value of the progress bar.
 
 <ComponentPreview
-  name="core/progress/progress-value-label"
-  preview={`<Progress label="Loading" showValueLabel value={75} />`}
+  name="core/progress-bar/progress-bar-value-label"
+  preview={`<ProgressBar label="Loading" showValueLabel value={75} />`}
 />
 
 ### Format options
@@ -104,7 +98,7 @@ Set the `showValueLabel` prop to `true` to display the current value of the prog
 Values are formatted as a percentage by default, but this can be modified by using the `formatOptions` prop to specify a different format.
 
 <ComponentPreview
-  name="core/progress/progress-format-options"
+  name="core/progress-bar/progress-bar-format-options"
   preview={`<Progress
     label="Sending…"
     showValueLabel
@@ -118,7 +112,7 @@ Values are formatted as a percentage by default, but this can be modified by usi
 The `valueLabel` prop allows the formatted value to be replaced with a custom string.
 
 <ComponentPreview
-  name="core/progress/progress-custom-value-label"
+  name="core/progress-bar/progress-bar-custom-value-label"
   preview={`<Progress
     label="Feeding…"
     showValueLabel
@@ -127,30 +121,14 @@ The `valueLabel` prop allows the formatted value to be replaced with a custom st
   />`}
 />
 
-### Indeterminate
-
-The `isIndeterminate` prop can be used to represent an interdeterminate operation.
-
-<ComponentPreview
-  name="core/progress/progress-indeterminate"
-  preview={`<Progress isIndeterminate aria-label="Loading" />`}
-/>
-
-### Duration
-
-Use the duration prop to indicate an approximate duration of an indeterminate task. Once the duration times out, the progress bar will start an indeterminate animation.
-
-<ComponentPreview
-  name="core/progress/progress-duration"
-  preview={`<Progress duration="30s" />`}
-/>
+## Value
 
-### Min and max values
+### Value scale
 
 A custom value scale can be used by setting the `minValue` and `maxValue` props.
 
 <ComponentPreview
-  name="core/progress/progress-min-max-values"
+  name="core/progress-bar/progress-bar-min-max-values"
   preview={`<Progress
     aria-label="Min and max values"
     minValue={50}
@@ -159,46 +137,45 @@ A custom value scale can be used by setting the `minValue` and `maxValue` props.
   />`}
 />
 
-## Examples
-
-### Composition
+### Indeterminate
 
-If you need to customize things further, you can drop down to the composition level.
+The `isIndeterminate` prop can be used to represent an interdeterminate operation.
 
 <ComponentPreview
-  name="core/progress/progress-composition"
-  preview={`<ProgressRoot value={50} className="flex-row items-center gap-4">
-    <Label>Progress</Label>
-    <ProgressIndicator />
-    <ProgressValueLabel />
-  </ProgressRoot>`}
+  name="core/progress-bar/progress-bar-indeterminate"
+  preview={`<ProgressBar isIndeterminate aria-label="Loading" />`}
 />
 
-### Custom color
+### Duration
+
+Use the `duration` prop to indicate an approximate duration of an indeterminate task. Once the duration times out, the progress bar will start an indeterminate animation.
 
 <ComponentPreview
-  name="core/progress/progress-custom-color"
-  preview={`<Progress
-    value={75}
-    aria-label="Custom color"
-    classNames={{
-      indicator: "bg-slate-300 dark:bg-slate-800",
-      filler: "bg-slate-800 dark:bg-slate-300",
-    }}
-  />`}
+  name="core/progress-bar/progress-bar-duration"
+  preview={`<ProgressBar duration="30s" />`}
 />
 
-### Toolbar
+## Composition
+
+If you need to customize things further, you can drop down to the composition level.
 
-<ComponentPreview name="core/progress/progress-toolbar" preview={``} />
+<ComponentPreview
+  name="core/progress-bar/progress-bar-composition"
+  preview={`<ProgressBarRoot value={50} className="flex-row items-center gap-4">
+    <Label>Progress</Label>
+    <ProgressBarIndicator />
+    <ProgressBarValueLabel />
+  </ProgressBarRoot>`}
+/>
 
 ## API Reference
 
 | Prop              | Type                                                                                                     | Default              | Description                                                                                                 |
 | ----------------- | -------------------------------------------------------------------------------------------------------- | -------------------- | ----------------------------------------------------------------------------------------------------------- |
-| `variant`         | `"default" \| "primary" \| "danger" \| "success" \| "warning"`                                           | `"default"`          | The visual style of the progress indicator.                                                                 |
+| `variant`         | `"primary" \| "primary" \| "danger" \| "success" \| "warning"`                                           | `"default"`          | The visual style of the progress indicator.                                                                 |
 | `size`            | `"sm" \| "md" \| "lg"`                                                                                   | `"md"`               | The size of the progress indicator                                                                          |
 | `isIndeterminate` | `boolean`                                                                                                | -                    | Whether presentation is indeterminate when progress isn't known.                                            |
+| `duration`        | `` `${number}s` \| `${number}ms` ``                                                                      | `'0s'`               | The estimated duration of an indeterminate progress.                                                        |
 | `formatOptions`   | `Intl.NumberFormatOptions`                                                                               | `{style: 'percent'}` | The display format of the value label.                                                                      |
 | `valueLabel`      | `ReactNode`                                                                                              | -                    | The content to display as the value's label (e.g. 1 of 4).                                                  |
 | `showValueLabel`  | `boolean`                                                                                                | `false`              | Whether the value's label is displayed.                                                                     |
@@ -208,8 +185,3 @@ If you need to customize things further, you can drop down to the composition le
 | `children`        | `ReactNode \| (values: ProgressBarRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -                    | The children of the component. A function may be provided to alter the children based on component state.   |
 | `className`       | `string`                                                                                                 | -                    | The CSS className for the element.                                                                          |
 | `style`           | `CSSProperties \| (values: ProgressBarRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`     | -                    | The inline style for the element. A function may be provided to compute the style based on component state. |
-
-| CSS Selector            | Description                                |
-| ----------------------- | ------------------------------------------ |
-| `[aria-valuetext]`      | A formatted version of the value.          |
-| `:not([aria-valuenow])` | Whether the progress bar is indeterminate. |
diff --git a/www/content/docs/components/feedback/skeleton.mdx b/www/content/docs/components/feedback/skeleton.mdx
index 9eaf2242d..301f5467b 100644
--- a/www/content/docs/components/feedback/skeleton.mdx
+++ b/www/content/docs/components/feedback/skeleton.mdx
@@ -3,6 +3,8 @@ title: Skeleton
 description: Use to show a placeholder while content is loading.
 ---
 
+{/* Work in progress */}
+
 <ComponentPreview
   name="core/skeleton/skeleton-card"
   preview={`<Skeleton className="h-44 w-64" />
diff --git a/www/content/docs/components/navigation/breadcrumbs.mdx b/www/content/docs/components/navigation/breadcrumbs.mdx
index 5f47f7d93..2fb8d46eb 100644
--- a/www/content/docs/components/navigation/breadcrumbs.mdx
+++ b/www/content/docs/components/navigation/breadcrumbs.mdx
@@ -62,7 +62,7 @@ import {
 </Breadcrumbs>;
 ```
 
-{/\* ## Options
+## Options
 
 ### Disabled
 
@@ -133,7 +133,7 @@ If you need to customize things further, you can drop down to the composition le
       })}
     </Breadcrumbs>
   );`}
-/> */}
+/>
 
 ## API Reference
 
diff --git a/www/src/__registry__/core/avatar.tsx b/www/src/__registry__/core/avatar.tsx
index 68712d845..9a0bad399 100644
--- a/www/src/__registry__/core/avatar.tsx
+++ b/www/src/__registry__/core/avatar.tsx
@@ -39,15 +39,13 @@ const [AvatarProvider, useAvatarContext] = createScopedContext<
   }
 >("AlertRoot");
 
-interface AvatarProps
-  extends AvatarRootProps,AvatarImageProps,
-    Pick<AvatarImageProps, "src" | "alt"> {
+interface AvatarProps extends AvatarImageProps {
   fallback?: React.ReactNode;
 }
-const Avatar = ({ src, alt, fallback, ...props }: AvatarProps) => {
+const Avatar = ({ className, style, fallback, ...props }: AvatarProps) => {
   return (
-    <AvatarRoot {...props}>
-      <AvatarImage src={src} alt={alt} />
+    <AvatarRoot className={className} style={style}>
+      <AvatarImage {...props} />
       <AvatarFallback>{fallback}</AvatarFallback>
       <AvatarPlaceholder />
     </AvatarRoot>
@@ -57,7 +55,6 @@ const Avatar = ({ src, alt, fallback, ...props }: AvatarProps) => {
 interface AvatarRootProps
   extends React.ComponentProps<"span">,
     VariantProps<typeof avatarStyles> {}
-
 function AvatarRoot({ className, shape, size, ...props }: AvatarRootProps) {
   const [status, setStatus] = React.useState<Status>("idle");
 
diff --git a/www/src/__registry__/core/badge.tsx b/www/src/__registry__/core/badge.tsx
index 944a403fd..fa8326805 100644
--- a/www/src/__registry__/core/badge.tsx
+++ b/www/src/__registry__/core/badge.tsx
@@ -1,26 +1,16 @@
 import * as React from "react";
 import { tv, type VariantProps } from "tailwind-variants";
-import { cn } from "@/registry/lib/cn";
 
-const badgeVariants = tv({
+const badgeStyles = tv({
   base: "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors",
   variants: {
     variant: {
       neutral: "bg-bg-muted text-fg",
-      outline: "text-fg border",
-      primary: "bg-bg-primary text-fg-onPrimary",
-      success: "bg-bg-success text-fg-onSuccess",
-      "success-subtle": "bg-bg-success-muted text-fg-success",
-      "success-outline": "border-border-success text-fg-success border",
-      danger: "bg-bg-danger text-fg-onDanger",
-      "danger-subtle": "bg-bg-danger-muted text-fg-danger",
-      "danger-outline": "border-border-danger text-fg-danger border",
-      warning: "bg-bg-warning text-fg-onWarning",
-      "warning-subtle": "bg-bg-warning-muted text-fg-warning",
-      "warning-outline": "border-border-warning text-fg-warning border",
-      accent: "bg-bg-accent text-fg-onAccent",
-      "accent-subtle": "bg-bg-accent-muted text-fg-accent",
-      "accent-outline": "border-border-accent text-fg-accent border",
+      accent: "bg-bg-accent-muted text-fg-accent",
+      success: "bg-bg-success-muted text-fg-success",
+      danger: "bg-bg-danger-muted text-fg-danger",
+      warning: "bg-bg-warning-muted text-fg-warning",
+      info: "bg-bg-info-muted text-fg-info",
     },
     size: {
       sm: "h-5 px-2.5 [&_svg]:size-3",
@@ -29,37 +19,23 @@ const badgeVariants = tv({
     },
   },
   defaultVariants: {
-    variant: "primary",
+    variant: "neutral",
     size: "md",
   },
 });
 
-// TODO: change icon to prefix/suffix
-
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {
-  icon?: React.ReactNode;
-}
-
-function Badge({
-  children,
-  className,
-  variant,
-  size,
-  icon,
-  ...props
-}: BadgeProps) {
+interface BadgeProps
+  extends React.ComponentProps<"span">,
+    VariantProps<typeof badgeStyles> {}
+const Badge = ({ className, variant, size, ...props }: BadgeProps) => {
   return (
     <span
       role="presentation"
-      className={cn(badgeVariants({ variant, size }), className)}
+      className={badgeStyles({ variant, size, className })}
       {...props}
-    >
-      {icon && <span>{icon}</span>}
-      {children}
-    </span>
+    />
   );
-}
+};
 
-export { Badge, badgeVariants };
+export type { BadgeProps };
+export { Badge };
diff --git a/www/src/__registry__/core/checkbox_basic.tsx b/www/src/__registry__/core/checkbox_basic.tsx
index 199b53806..abb490e03 100644
--- a/www/src/__registry__/core/checkbox_basic.tsx
+++ b/www/src/__registry__/core/checkbox_basic.tsx
@@ -99,12 +99,7 @@ interface CheckboxRootProps
 
 const CheckboxRoot = (localProps: CheckboxRootProps) => {
   const contextProps = useCheckboxContext();
-  const {
-    variant,
-    appearance,
-    className,
-    ...props
-  } = {
+  const { variant, appearance, className, ...props } = {
     ...contextProps,
     ...localProps,
   };
diff --git a/www/src/__registry__/core/color-area.tsx b/www/src/__registry__/core/color-area.tsx
index 125b3c0d3..22a0e8928 100644
--- a/www/src/__registry__/core/color-area.tsx
+++ b/www/src/__registry__/core/color-area.tsx
@@ -8,7 +8,7 @@ import { tv } from "tailwind-variants";
 import { ColorThumb } from "@/registry/core/color-thumb";
 
 const colorAreaStyles = tv({
-  base: "block size-48 min-w-20 rounded-md disabled:[background:var(--color-bg-disabled)]!",
+  base: "disabled:[background:var(--color-bg-disabled)]! block size-48 min-w-20 rounded-md",
 });
 
 type ColorAreaProps = Omit<ColorAreaRootProps, "children">;
diff --git a/www/src/__registry__/core/field.tsx b/www/src/__registry__/core/field.tsx
index 71aab0f72..0e2204d64 100644
--- a/www/src/__registry__/core/field.tsx
+++ b/www/src/__registry__/core/field.tsx
@@ -18,7 +18,7 @@ const fieldStyles = tv({
     root: "flex flex-col items-start gap-2",
     // TODO: check peer-disabled
     label:
-      "[grid-area:label] peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
+      "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none [grid-area:label] peer-disabled:cursor-not-allowed [&_svg]:size-3",
     description: "text-fg-muted text-xs",
     fieldError: "text-fg-danger text-xs",
   },
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 72dd47b15..86c80eede 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -1179,75 +1179,65 @@
       files: ["demos/popover/basic.tsx"],
       component: React.lazy(() => import("@/demos/popover/basic")),
     },
-    "progress-composition": {
-      name: "progress-composition",
-      files: ["demos/progress/composition.tsx"],
-      component: React.lazy(() => import("@/demos/progress/composition")),
-    },
-    "progress-custom-color": {
-      name: "progress-custom-color",
-      files: ["demos/progress/custom-color.tsx"],
-      component: React.lazy(() => import("@/demos/progress/custom-color")),
-    },
-    "progress-custom-value-label": {
-      name: "progress-custom-value-label",
-      files: ["demos/progress/custom-value-label.tsx"],
-      component: React.lazy(() => import("@/demos/progress/custom-value-label")),
-    },
-    "progress-default": {
-      name: "progress-default",
-      files: ["demos/progress/default.tsx"],
-      component: React.lazy(() => import("@/demos/progress/default")),
-    },
-    "progress-duration": {
-      name: "progress-duration",
-      files: ["demos/progress/duration.tsx"],
-      component: React.lazy(() => import("@/demos/progress/duration")),
-    },
-    "progress-format-options": {
-      name: "progress-format-options",
-      files: ["demos/progress/format-options.tsx"],
-      component: React.lazy(() => import("@/demos/progress/format-options")),
-    },
-    "progress-indeterminate": {
-      name: "progress-indeterminate",
-      files: ["demos/progress/indeterminate.tsx"],
-      component: React.lazy(() => import("@/demos/progress/indeterminate")),
-    },
-    "progress-label": {
-      name: "progress-label",
-      files: ["demos/progress/label.tsx"],
-      component: React.lazy(() => import("@/demos/progress/label")),
-    },
-    "progress-min-max-values": {
-      name: "progress-min-max-values",
-      files: ["demos/progress/min-max-values.tsx"],
-      component: React.lazy(() => import("@/demos/progress/min-max-values")),
-    },
-    "progress-shape": {
-      name: "progress-shape",
-      files: ["demos/progress/shape.tsx"],
-      component: React.lazy(() => import("@/demos/progress/shape")),
-    },
-    "progress-sizes": {
-      name: "progress-sizes",
-      files: ["demos/progress/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/progress/sizes")),
-    },
-    "progress-toolbar": {
-      name: "progress-toolbar",
-      files: ["demos/progress/toolbar.tsx"],
-      component: React.lazy(() => import("@/demos/progress/toolbar")),
-    },
-    "progress-value-label": {
-      name: "progress-value-label",
-      files: ["demos/progress/value-label.tsx"],
-      component: React.lazy(() => import("@/demos/progress/value-label")),
-    },
-    "progress-variants": {
-      name: "progress-variants",
-      files: ["demos/progress/variants.tsx"],
-      component: React.lazy(() => import("@/demos/progress/variants")),
+    "progress-bar-composition": {
+      name: "progress-bar-composition",
+      files: ["demos/progress-bar/composition.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/composition")),
+    },
+    "progress-bar-custom-value-label": {
+      name: "progress-bar-custom-value-label",
+      files: ["demos/progress-bar/custom-value-label.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/custom-value-label")),
+    },
+    "progress-bar-default": {
+      name: "progress-bar-default",
+      files: ["demos/progress-bar/default.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/default")),
+    },
+    "progress-bar-duration": {
+      name: "progress-bar-duration",
+      files: ["demos/progress-bar/duration.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/duration")),
+    },
+    "progress-bar-format-options": {
+      name: "progress-bar-format-options",
+      files: ["demos/progress-bar/format-options.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/format-options")),
+    },
+    "progress-bar-indeterminate": {
+      name: "progress-bar-indeterminate",
+      files: ["demos/progress-bar/indeterminate.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/indeterminate")),
+    },
+    "progress-bar-label": {
+      name: "progress-bar-label",
+      files: ["demos/progress-bar/label.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/label")),
+    },
+    "progress-bar-min-max-values": {
+      name: "progress-bar-min-max-values",
+      files: ["demos/progress-bar/min-max-values.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/min-max-values")),
+    },
+    "progress-bar-shape": {
+      name: "progress-bar-shape",
+      files: ["demos/progress-bar/shape.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/shape")),
+    },
+    "progress-bar-sizes": {
+      name: "progress-bar-sizes",
+      files: ["demos/progress-bar/sizes.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/sizes")),
+    },
+    "progress-bar-value-label": {
+      name: "progress-bar-value-label",
+      files: ["demos/progress-bar/value-label.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/value-label")),
+    },
+    "progress-bar-variants": {
+      name: "progress-bar-variants",
+      files: ["demos/progress-bar/variants.tsx"],
+      component: React.lazy(() => import("@/demos/progress-bar/variants")),
     },
     "radio-group-cards": {
       name: "radio-group-cards",
diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx
index 3329f0849..9232954aa 100644
--- a/www/src/app/(home)/components-overview.tsx
+++ b/www/src/app/(home)/components-overview.tsx
@@ -12,7 +12,7 @@ import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 import { Link } from "@/components/dynamic-core/link";
 import { Item, ListBox } from "@/components/dynamic-core/list-box";
 import { NumberField } from "@/components/dynamic-core/number-field";
-import { Progress } from "@/components/dynamic-core/progress";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
 import { SearchField } from "@/components/dynamic-core/search-field";
 import { Select } from "@/components/dynamic-core/select";
 import { Separator } from "@/components/dynamic-core/separator";
@@ -93,7 +93,7 @@ export function ComponentsOverview() {
           channel="alpha"
           className="!w-full"
         />
-        <Progress label="Loading..." value={75} className="w-full" />
+        <ProgressBar label="Loading..." value={75} className="w-full" />
       </div>
       <div className="col-span-5 row-span-2 flex justify-between gap-6">
         <ListBox className="h-full max-h-none w-full">
diff --git a/www/src/components/core/progress-bar.tsx b/www/src/components/core/progress-bar.tsx
new file mode 100644
index 000000000..d1de321f2
--- /dev/null
+++ b/www/src/components/core/progress-bar.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/progress-bar_basic";
diff --git a/www/src/components/core/progress.tsx b/www/src/components/core/progress.tsx
deleted file mode 100644
index d8983169e..000000000
--- a/www/src/components/core/progress.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/progress";
diff --git a/www/src/components/docs/component-preview-client.tsx b/www/src/components/docs/component-preview-client.tsx
index 1e3b4b323..e3c214de3 100644
--- a/www/src/components/docs/component-preview-client.tsx
+++ b/www/src/components/docs/component-preview-client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { useHorizontalResize } from "@/hooks/use-horizontal-resize";
 import { Skeleton } from "@/components/core/skeleton";
 
 export const Loader = ({ children }: { children: React.ReactNode }) => {
@@ -11,3 +12,31 @@ export const Loader = ({ children }: { children: React.ReactNode }) => {
 
   return <Skeleton show={!isMounted}>{children}</Skeleton>;
 };
+
+export const ResizableContainer = ({
+  children,
+  resizable,
+}: {
+  children: React.ReactNode;
+  resizable?: boolean;
+}) => {
+  const { containerRef, width, handleMouseDown } = useHorizontalResize({
+    // minWidth: 100, // Optional custom minimum width
+  });
+
+  if (!resizable) return children;
+
+  return (
+    <div
+      className="relative"
+      ref={containerRef}
+      style={{ width: width !== null ? `${width}px` : undefined }}
+    >
+      <div
+        onMouseDown={handleMouseDown}
+        className="h-15 bg-bg-neutral hover:bg-bg-neutral-hover active:bg-bg-neutral-active absolute right-2 top-1/2 z-20 w-2 -translate-y-1/2 cursor-col-resize rounded-full shadow-sm"
+      />
+      {children}
+    </div>
+  );
+};
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index bc346287f..3aba5a692 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -7,7 +7,7 @@ import { Button } from "@/components/core/button";
 import { Tooltip } from "@/components/core/tooltip";
 import { CodeBlock } from "@/components/docs/code-block";
 import { Index } from "@/__registry__/demos";
-import { Loader } from "./component-preview-client";
+import { Loader, ResizableContainer } from "./component-preview-client";
 import { StyleSwitcher } from "./style-switcher";
 import { ThemeCustomizerDialog } from "./theme-customizer";
 import { ThemeOverride } from "./theme-override";
@@ -18,14 +18,17 @@ export interface ComponentPreviewProps {
   className?: string;
   preview?: string;
   expandable?: boolean;
+  fullWidth?: boolean;
+  resizable?: boolean;
 }
 
 export const ComponentPreview = async ({
   name,
   containerClassName,
-  className,
   preview,
   expandable = true,
+  fullWidth = false,
+  resizable = false,
 }: ComponentPreviewProps) => {
   const type = name.split("/")[0];
   const componentName = name.split("/")[1];
@@ -45,10 +48,8 @@ export const ComponentPreview = async ({
   );
 
   return (
-    <div
-      className={cn("overflow-hidden rounded-md border", containerClassName)}
-    >
-      <div className="relative">
+    <div className={cn("rounded-md border overflow-hidden", containerClassName)}>
+      <div className="relative bg-bg-muted">
         <StyleSwitcher componentName={componentName} />
         <ThemeCustomizerDialog>
           <Tooltip
@@ -68,27 +69,30 @@ export const ComponentPreview = async ({
             </Button>
           </Tooltip>
         </ThemeCustomizerDialog>
-        <Loader>
-          <ThemeOverride>
-            <ScrollArea
-              className={cn(
-                "flex items-center justify-center",
-                "bg-bg text-fg"
-              )}
-            >
-              <div className="flex min-h-52 items-center justify-center px-4 py-20">
+        <ResizableContainer resizable={resizable}>
+          <Loader>
+            <ThemeOverride>
+              <ScrollArea className="bg-bg text-fg">
                 <div
                   className={cn(
-                    "flex w-full items-center justify-center",
-                    className
+                    "flex min-h-52 py-20",
+                    fullWidth
+                      ? "px-8 lg:px-12"
+                      : "flex items-center justify-center px-4"
                   )}
                 >
-                  {<Component />}
+                  <div
+                    className={cn(
+                      fullWidth ? "w-full" : "flex items-center justify-center"
+                    )}
+                  >
+                    <Component />
+                  </div>
                 </div>
-              </div>
-            </ScrollArea>
-          </ThemeOverride>
-        </Loader>
+              </ScrollArea>
+            </ThemeOverride>
+          </Loader>
+        </ResizableContainer>
       </div>
       <CodeBlock
         files={code.map((file) => ({
diff --git a/www/src/components/dynamic-core/progress-bar.tsx b/www/src/components/dynamic-core/progress-bar.tsx
new file mode 100644
index 000000000..98022b5ab
--- /dev/null
+++ b/www/src/components/dynamic-core/progress-bar.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/progress-bar_basic";
diff --git a/www/src/components/dynamic-core/progress.tsx b/www/src/components/dynamic-core/progress.tsx
deleted file mode 100644
index b1ff26e04..000000000
--- a/www/src/components/dynamic-core/progress.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/progress";
diff --git a/www/src/demos/alert/default.tsx b/www/src/demos/alert/default.tsx
index ecbd773c6..d888aa8e5 100644
--- a/www/src/demos/alert/default.tsx
+++ b/www/src/demos/alert/default.tsx
@@ -1,5 +1,17 @@
 import { Alert } from "@/components/dynamic-core/alert";
+import { Button } from "@/components/dynamic-core/button";
 
 export default function AlertDemo() {
-  return <Alert title="You can add components to your app using the cli." />;
+  return (
+    <Alert
+      title="Payment information"
+      action={
+        <Button variant="primary" size="sm">
+          Upgrade
+        </Button>
+      }
+    >
+      You are currently on the free plan. Upgrade to unlock more features.
+    </Alert>
+  );
 }
diff --git a/www/src/demos/avatar/default.tsx b/www/src/demos/avatar/default.tsx
index e94f54b2d..6947b2154 100644
--- a/www/src/demos/avatar/default.tsx
+++ b/www/src/demos/avatar/default.tsx
@@ -2,10 +2,17 @@ import { Avatar } from "@/components/dynamic-core/avatar";
 
 export default function Demo() {
   return (
-    <Avatar
-      src="https://github.com/mehdibha.png"
-      alt="@mehdibha"
-      fallback="M"
-    />
+    <div className="flex items-center gap-4">
+      <Avatar
+        src="https://github.com/mehdibha.png"
+        alt="@mehdibha"
+        fallback="M"
+      />
+      <Avatar
+        src="https://githubbb.com/mehdibha.png" // invalid URL to trigger fallback
+        alt="@mehdibha"
+        fallback="M"
+      />
+    </div>
   );
 }
diff --git a/www/src/demos/badge/icon.tsx b/www/src/demos/badge/icon.tsx
index 4bb15003a..74b7aa1cc 100644
--- a/www/src/demos/badge/icon.tsx
+++ b/www/src/demos/badge/icon.tsx
@@ -4,13 +4,16 @@ import { Badge } from "@/registry/core/badge";
 export default function Demo() {
   return (
     <div className="flex items-center gap-2">
-      <Badge icon={<ShieldIcon />} size="sm">
+      <Badge size="sm">
+        <ShieldIcon />
         Badge
       </Badge>
-      <Badge icon={<ShieldIcon />} size="md">
+      <Badge size="md">
+        <ShieldIcon />
         Badge
       </Badge>
-      <Badge icon={<ShieldIcon />} size="lg">
+      <Badge size="lg">
+        <ShieldIcon />
         Badge
       </Badge>
     </div>
diff --git a/www/src/demos/badge/sizes.tsx b/www/src/demos/badge/sizes.tsx
index 757250d24..9ed11097d 100644
--- a/www/src/demos/badge/sizes.tsx
+++ b/www/src/demos/badge/sizes.tsx
@@ -3,15 +3,9 @@ import { Badge } from "@/registry/core/badge";
 export default function Demo() {
   return (
     <div className="flex items-center gap-2">
-      <Badge variant="primary" size="sm">
-        Small
-      </Badge>
-      <Badge variant="primary" size="md">
-        Medium
-      </Badge>
-      <Badge variant="primary" size="lg">
-        Large
-      </Badge>
+      <Badge size="sm">Small</Badge>
+      <Badge size="md">Medium</Badge>
+      <Badge size="lg">Large</Badge>
     </div>
   );
 }
diff --git a/www/src/demos/badge/variants.tsx b/www/src/demos/badge/variants.tsx
index cb2d4084a..0652b2245 100644
--- a/www/src/demos/badge/variants.tsx
+++ b/www/src/demos/badge/variants.tsx
@@ -3,25 +3,12 @@ import { Badge } from "@/registry/core/badge";
 export default function Demo() {
   return (
     <div className="flex flex-wrap justify-center gap-2">
-      <Badge variant="neutral">Neutral</Badge>
-      <Badge variant="outline">Outline</Badge>
-      <Badge variant="primary">Primary</Badge>
-      <Badge variant="success">Success</Badge>
-      <Badge variant="success-subtle">Success Subtle</Badge>
-      <Badge variant="success-outline">Success Outline</Badge>
-      <Badge variant="danger">Danger</Badge>
-      <Badge variant="danger-subtle">Danger Subtle</Badge>
-      <Badge variant="danger-outline">Danger Outline</Badge>
-      <Badge variant="warning">Warning</Badge>
-      <Badge variant="warning-subtle">Warning Subtle</Badge>
-      <Badge variant="warning-outline">Warning Outline</Badge>
-      <Badge variant="accent">Accent</Badge>
-      <Badge variant="accent-subtle">Accent Subtle</Badge>
-      <Badge variant="accent-outline">Accent Outline</Badge>
+      <Badge variant="neutral">neutral</Badge>
+      <Badge variant="accent">accent</Badge>
+      <Badge variant="success">success</Badge>
+      <Badge variant="danger">danger</Badge>
+      <Badge variant="warning">warning</Badge>
+      <Badge variant="info">info</Badge>
     </div>
   );
 }
-
-const Flex = (props: React.HTMLAttributes<HTMLDivElement>) => (
-  <div {...props} className="flex items-center gap-2" />
-);
diff --git a/www/src/demos/progress-bar/composition.tsx b/www/src/demos/progress-bar/composition.tsx
new file mode 100644
index 000000000..3fe029b4f
--- /dev/null
+++ b/www/src/demos/progress-bar/composition.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import * as React from "react";
+import { Label } from "react-aria-components";
+import {
+  ProgressBarIndicator,
+  ProgressBarRoot,
+  ProgressBarValueLabel,
+} from "@/components/dynamic-core/progress-bar";
+
+export default function Demo() {
+  return (
+    <ProgressBarRoot value={50} className="flex-row items-center gap-4">
+      <Label>Progress</Label>
+      <ProgressBarIndicator />
+      <ProgressBarValueLabel />
+    </ProgressBarRoot>
+  );
+}
diff --git a/www/src/demos/progress/custom-value-label.tsx b/www/src/demos/progress-bar/custom-value-label.tsx
similarity index 70%
rename from www/src/demos/progress/custom-value-label.tsx
rename to www/src/demos/progress-bar/custom-value-label.tsx
index 32ae8342c..4ae84f2f6 100644
--- a/www/src/demos/progress/custom-value-label.tsx
+++ b/www/src/demos/progress-bar/custom-value-label.tsx
@@ -1,11 +1,11 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
 
 export default function Demo() {
   return (
-    <Progress
+    <ProgressBar
       label="Feeding…"
       showValueLabel
       valueLabel="30 of 100 dogs"
diff --git a/www/src/demos/progress-bar/default.tsx b/www/src/demos/progress-bar/default.tsx
new file mode 100644
index 000000000..cd97f1460
--- /dev/null
+++ b/www/src/demos/progress-bar/default.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import * as React from "react";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
+
+export default function Demo() {
+  const [progress, setProgress] = React.useState(13);
+
+  React.useEffect(() => {
+    const timer = setTimeout(() => setProgress(66), 500);
+    return () => clearTimeout(timer);
+  }, []);
+
+  return <ProgressBar aria-label="loading" value={progress} />;
+}
diff --git a/www/src/demos/progress/duration.tsx b/www/src/demos/progress-bar/duration.tsx
similarity index 77%
rename from www/src/demos/progress/duration.tsx
rename to www/src/demos/progress-bar/duration.tsx
index ee015ddd7..171f2b3df 100644
--- a/www/src/demos/progress/duration.tsx
+++ b/www/src/demos/progress-bar/duration.tsx
@@ -3,7 +3,7 @@
 import * as React from "react";
 import { RotateCwIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
-import { Progress } from "@/components/dynamic-core/progress";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
 
 export default function Demo() {
   const [key, setKey] = React.useState(0);
@@ -13,7 +13,7 @@ export default function Demo() {
       <Button prefix={<RotateCwIcon />} onPress={restart}>
         Restart animation
       </Button>
-      <Progress key={key} duration="30s" aria-label="Loading" />
+      <ProgressBar key={key} duration="30s" aria-label="Loading" />
     </div>
   );
 }
diff --git a/www/src/demos/progress/format-options.tsx b/www/src/demos/progress-bar/format-options.tsx
similarity index 72%
rename from www/src/demos/progress/format-options.tsx
rename to www/src/demos/progress-bar/format-options.tsx
index e811fc11e..5550a1a94 100644
--- a/www/src/demos/progress/format-options.tsx
+++ b/www/src/demos/progress-bar/format-options.tsx
@@ -1,11 +1,11 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
 
 export default function Demo() {
   return (
-    <Progress
+    <ProgressBar
       label="Sending…"
       showValueLabel
       formatOptions={{ style: "currency", currency: "JPY" }}
diff --git a/www/src/demos/progress-bar/indeterminate.tsx b/www/src/demos/progress-bar/indeterminate.tsx
new file mode 100644
index 000000000..288d6f05d
--- /dev/null
+++ b/www/src/demos/progress-bar/indeterminate.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
+
+export default function Demo() {
+  return <ProgressBar isIndeterminate aria-label="Loading" />;
+}
diff --git a/www/src/demos/progress-bar/label.tsx b/www/src/demos/progress-bar/label.tsx
new file mode 100644
index 000000000..0e14c5420
--- /dev/null
+++ b/www/src/demos/progress-bar/label.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import * as React from "react";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      <ProgressBar aria-label="Loading" value={75} />
+      <ProgressBar label="Loading..." value={75} />
+    </div>
+  );
+}
diff --git a/www/src/demos/progress/min-max-values.tsx b/www/src/demos/progress-bar/min-max-values.tsx
similarity index 70%
rename from www/src/demos/progress/min-max-values.tsx
rename to www/src/demos/progress-bar/min-max-values.tsx
index 4a5e03251..35518fbf9 100644
--- a/www/src/demos/progress/min-max-values.tsx
+++ b/www/src/demos/progress-bar/min-max-values.tsx
@@ -1,11 +1,11 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
 
 export default function Demo() {
   return (
-    <Progress
+    <ProgressBar
       aria-label="Min and max values"
       minValue={50}
       maxValue={150}
diff --git a/www/src/demos/progress-bar/shape.tsx b/www/src/demos/progress-bar/shape.tsx
new file mode 100644
index 000000000..37a16892d
--- /dev/null
+++ b/www/src/demos/progress-bar/shape.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
+
+export default function Demo() {
+  return <ProgressBar aria-label="Progress shape" value={75} />;
+}
diff --git a/www/src/demos/progress/sizes.tsx b/www/src/demos/progress-bar/sizes.tsx
similarity index 80%
rename from www/src/demos/progress/sizes.tsx
rename to www/src/demos/progress-bar/sizes.tsx
index 69310b608..4cbf27094 100644
--- a/www/src/demos/progress/sizes.tsx
+++ b/www/src/demos/progress-bar/sizes.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
 
 const sizes = ["sm", "md", "lg"] as const;
 
@@ -9,7 +9,7 @@ export default function Demo() {
   return (
     <div className="space-y-4">
       {sizes.map((size) => (
-        <Progress
+        <ProgressBar
           key={size}
           aria-label={`Progress size: ${size}`}
           value={75}
diff --git a/www/src/demos/progress-bar/value-label.tsx b/www/src/demos/progress-bar/value-label.tsx
new file mode 100644
index 000000000..53f0f8cf3
--- /dev/null
+++ b/www/src/demos/progress-bar/value-label.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import * as React from "react";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
+
+export default function Demo() {
+  return <ProgressBar label="Loading" showValueLabel value={75} />;
+}
diff --git a/www/src/demos/progress-bar/variants.tsx b/www/src/demos/progress-bar/variants.tsx
new file mode 100644
index 000000000..5d1997c2f
--- /dev/null
+++ b/www/src/demos/progress-bar/variants.tsx
@@ -0,0 +1,19 @@
+import * as React from "react";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
+
+const variants = ["primary", "success", "accent", "danger", "warning"] as const;
+
+export default function Demo() {
+  return (
+    <div className="space-y-4">
+      {variants.map((variant) => (
+        <ProgressBar
+          key={variant}
+          value={75}
+          label={variant}
+          variant={variant}
+        />
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/demos/progress/composition.tsx b/www/src/demos/progress/composition.tsx
deleted file mode 100644
index 5460bb629..000000000
--- a/www/src/demos/progress/composition.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Label } from "react-aria-components";
-import {
-  ProgressIndicator,
-  ProgressRoot,
-  ProgressValueLabel,
-} from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return (
-    <ProgressRoot value={50} className="flex-row items-center gap-4">
-      <Label>Progress</Label>
-      <ProgressIndicator />
-      <ProgressValueLabel />
-    </ProgressRoot>
-  );
-}
diff --git a/www/src/demos/progress/custom-color.tsx b/www/src/demos/progress/custom-color.tsx
deleted file mode 100644
index 80fe2a67f..000000000
--- a/www/src/demos/progress/custom-color.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return (
-    <Progress
-      value={75}
-      aria-label="Custom color"
-      classNames={{
-        indicator: "bg-slate-300 dark:bg-slate-800",
-        filler: "bg-slate-800 dark:bg-slate-300",
-      }}
-    />
-  );
-}
diff --git a/www/src/demos/progress/default.tsx b/www/src/demos/progress/default.tsx
deleted file mode 100644
index 0807d258d..000000000
--- a/www/src/demos/progress/default.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return <Progress aria-label="loading" value={75} />;
-}
diff --git a/www/src/demos/progress/indeterminate.tsx b/www/src/demos/progress/indeterminate.tsx
deleted file mode 100644
index 3dde7e46a..000000000
--- a/www/src/demos/progress/indeterminate.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return <Progress isIndeterminate aria-label="Loading" />;
-}
diff --git a/www/src/demos/progress/label.tsx b/www/src/demos/progress/label.tsx
deleted file mode 100644
index 9e1ea9ab5..000000000
--- a/www/src/demos/progress/label.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      <Progress aria-label="Loading" value={75} />
-      <Progress label="Loading..." value={75} />
-    </div>
-  );
-}
diff --git a/www/src/demos/progress/shape.tsx b/www/src/demos/progress/shape.tsx
deleted file mode 100644
index e8d52c198..000000000
--- a/www/src/demos/progress/shape.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return <Progress aria-label="Progress shape" value={75} />;
-}
diff --git a/www/src/demos/progress/toolbar.tsx b/www/src/demos/progress/toolbar.tsx
deleted file mode 100644
index 5ad8bd04d..000000000
--- a/www/src/demos/progress/toolbar.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ALargeSmallIcon, RotateCwIcon } from "lucide-react";
-import { Button } from "@/components/dynamic-core/button";
-import { Input, InputRoot } from "@/components/dynamic-core/input";
-import { Progress } from "@/components/dynamic-core/progress";
-import { TextFieldRoot } from "@/components/dynamic-core/text-field";
-
-export default function Demo() {
-  const [key, setKey] = React.useState(0);
-  const refresh = () => setKey((key) => key + 1);
-  return (
-    <TextFieldRoot key={key} defaultValue="https://dotui.org" aria-label="URL">
-      <InputRoot className="relative h-10 overflow-hidden px-1 pb-0.5">
-        <Button
-          size="sm"
-          variant="quiet"
-          shape="square"
-          aria-label="translate"
-          className="size-7"
-        >
-          <ALargeSmallIcon />
-        </Button>
-        <Input className="text-center" />
-        <Button
-          onPress={refresh}
-          size="sm"
-          variant="quiet"
-          shape="square"
-          className="size-7"
-          aria-label="Refresh"
-        >
-          <RotateCwIcon />
-        </Button>
-        <Progress
-          value={50}
-          size="sm"
-          variant="accent"
-          duration="5s"
-          aria-label="loading indicator"
-          className="absolute bottom-0 left-0 right-0"
-        />
-      </InputRoot>
-    </TextFieldRoot>
-  );
-}
diff --git a/www/src/demos/progress/value-label.tsx b/www/src/demos/progress/value-label.tsx
deleted file mode 100644
index ac33be225..000000000
--- a/www/src/demos/progress/value-label.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-export default function Demo() {
-  return <Progress label="Loading" showValueLabel value={75} />;
-}
diff --git a/www/src/demos/progress/variants.tsx b/www/src/demos/progress/variants.tsx
deleted file mode 100644
index 2ba2882be..000000000
--- a/www/src/demos/progress/variants.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import * as React from "react";
-import { Progress } from "@/components/dynamic-core/progress";
-
-const variants = ["default", "success", "accent", "danger", "warning"] as const;
-
-export default function Demo() {
-  return (
-    <div className="space-y-4">
-      {variants.map((variant) => (
-        <Progress key={variant} value={75} label={variant} variant={variant} />
-      ))}
-    </div>
-  );
-}
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index abc299e08..33257c56f 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -284,9 +284,8 @@ export const demos: RegistryDemos = [
     "uncontrolled",
   ]),
   ...buildDemos("popover", ["basic"]),
-  ...buildDemos("progress", [
+  ...buildDemos("progress-bar", [
     "composition",
-    "custom-color",
     "custom-value-label",
     "default",
     "duration",
@@ -296,7 +295,6 @@ export const demos: RegistryDemos = [
     "min-max-values",
     "shape",
     "sizes",
-    "toolbar",
     "value-label",
     "variants",
   ]),
diff --git a/www/src/hooks/use-horizontal-resize.ts b/www/src/hooks/use-horizontal-resize.ts
new file mode 100644
index 000000000..93addb50e
--- /dev/null
+++ b/www/src/hooks/use-horizontal-resize.ts
@@ -0,0 +1,67 @@
+import React from "react";
+
+type ResizeOptions = {
+  minWidth?: number;
+};
+
+export const useHorizontalResize = (options?: ResizeOptions) => {
+  const { minWidth: minWidthProp = 300 } = options || {};
+  const [width, setWidth] = React.useState<number | null>(null);
+  const containerRef = React.useRef<HTMLDivElement>(null);
+  const isDragging = React.useRef(false);
+  const startX = React.useRef(0);
+  const startWidth = React.useRef(0);
+
+  const maxWidth = React.useRef(0);
+  const minWidth = React.useRef(0);
+
+  // Initialize width and maxWidth on mount
+  React.useEffect(() => {
+    if (containerRef.current) {
+      const containerWidth = containerRef.current.offsetWidth;
+      setWidth(containerWidth);
+      maxWidth.current = containerWidth;
+      minWidth.current = Math.min(minWidthProp, containerWidth);
+    }
+  }, [minWidthProp]);
+
+  const handleMouseDown = React.useCallback(
+    (e: React.MouseEvent) => {
+      e.preventDefault();
+      isDragging.current = true;
+      startX.current = e.clientX;
+      startWidth.current = containerRef.current?.offsetWidth || 0;
+
+      document.body.style.cursor = "col-resize";
+      document.body.style.userSelect = "none";
+
+      const handleMouseMove = (e: MouseEvent) => {
+        if (!isDragging.current) return;
+        const delta = e.clientX - startX.current;
+        const newWidth = Math.min(
+          Math.max(minWidth.current, startWidth.current + delta),
+          maxWidth.current
+        );
+        setWidth(newWidth);
+      };
+
+      const handleMouseUp = () => {
+        isDragging.current = false;
+        document.body.style.cursor = "";
+        document.body.style.userSelect = "";
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleMouseUp);
+      };
+
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+    },
+    [minWidth]
+  );
+
+  return {
+    containerRef,
+    width,
+    handleMouseDown,
+  };
+};
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert-01.tsx
index 3b0dceb22..edf5d6dbc 100644
--- a/www/src/registry/core/alert-01.tsx
+++ b/www/src/registry/core/alert-01.tsx
@@ -12,9 +12,9 @@ import { createScopedContext } from "@/lib/helpers";
 
 const alertStyles = tv({
   slots: {
-    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
-    title: "mr-1 font-medium leading-normal tracking-tight",
-    content: "text-sm",
+    root: "flex w-full items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    title: "font-medium leading-normal tracking-tight",
+    content: "",
   },
   variants: {
     variant: {
@@ -67,13 +67,19 @@ function Alert({
 }: AlertProps) {
   const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
   return (
-    <AlertRoot variant={variant} {...props}>
-      {resolvedIcon}
-      <div className="flex-1 space-y-0.5">
-        <AlertTitle>{title}</AlertTitle>
-        {children && <AlertContent>{children}</AlertContent>}
+    <AlertRoot
+      variant={variant}
+      {...props}
+      className="@container items-start"
+    >
+      <div className="pt-2">{resolvedIcon}</div>
+      <div className="@sm:items-center @sm:flex-row flex flex-1 flex-col items-start gap-4">
+        <div className="flex-1 space-y-0.5">
+          {title && <AlertTitle>{title}</AlertTitle>}
+          {children && <AlertContent>{children}</AlertContent>}
+        </div>
+        {action}
       </div>
-      {action}
     </AlertRoot>
   );
 }
diff --git a/www/src/registry/core/avatar.tsx b/www/src/registry/core/avatar.tsx
index 4b0af10f7..9a0bad399 100644
--- a/www/src/registry/core/avatar.tsx
+++ b/www/src/registry/core/avatar.tsx
@@ -39,16 +39,13 @@ const [AvatarProvider, useAvatarContext] = createScopedContext<
   }
 >("AlertRoot");
 
-interface AvatarProps
-  extends AvatarRootProps,
-    AvatarImageProps,
-    Pick<AvatarImageProps, "src" | "alt"> {
+interface AvatarProps extends AvatarImageProps {
   fallback?: React.ReactNode;
 }
-const Avatar = ({ src, alt, fallback, ...props }: AvatarProps) => {
+const Avatar = ({ className, style, fallback, ...props }: AvatarProps) => {
   return (
-    <AvatarRoot {...props}>
-      <AvatarImage src={src} alt={alt} />
+    <AvatarRoot className={className} style={style}>
+      <AvatarImage {...props} />
       <AvatarFallback>{fallback}</AvatarFallback>
       <AvatarPlaceholder />
     </AvatarRoot>
@@ -58,7 +55,6 @@ const Avatar = ({ src, alt, fallback, ...props }: AvatarProps) => {
 interface AvatarRootProps
   extends React.ComponentProps<"span">,
     VariantProps<typeof avatarStyles> {}
-
 function AvatarRoot({ className, shape, size, ...props }: AvatarRootProps) {
   const [status, setStatus] = React.useState<Status>("idle");
 
diff --git a/www/src/registry/core/badge.tsx b/www/src/registry/core/badge.tsx
index 944a403fd..fa8326805 100644
--- a/www/src/registry/core/badge.tsx
+++ b/www/src/registry/core/badge.tsx
@@ -1,26 +1,16 @@
 import * as React from "react";
 import { tv, type VariantProps } from "tailwind-variants";
-import { cn } from "@/registry/lib/cn";
 
-const badgeVariants = tv({
+const badgeStyles = tv({
   base: "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors",
   variants: {
     variant: {
       neutral: "bg-bg-muted text-fg",
-      outline: "text-fg border",
-      primary: "bg-bg-primary text-fg-onPrimary",
-      success: "bg-bg-success text-fg-onSuccess",
-      "success-subtle": "bg-bg-success-muted text-fg-success",
-      "success-outline": "border-border-success text-fg-success border",
-      danger: "bg-bg-danger text-fg-onDanger",
-      "danger-subtle": "bg-bg-danger-muted text-fg-danger",
-      "danger-outline": "border-border-danger text-fg-danger border",
-      warning: "bg-bg-warning text-fg-onWarning",
-      "warning-subtle": "bg-bg-warning-muted text-fg-warning",
-      "warning-outline": "border-border-warning text-fg-warning border",
-      accent: "bg-bg-accent text-fg-onAccent",
-      "accent-subtle": "bg-bg-accent-muted text-fg-accent",
-      "accent-outline": "border-border-accent text-fg-accent border",
+      accent: "bg-bg-accent-muted text-fg-accent",
+      success: "bg-bg-success-muted text-fg-success",
+      danger: "bg-bg-danger-muted text-fg-danger",
+      warning: "bg-bg-warning-muted text-fg-warning",
+      info: "bg-bg-info-muted text-fg-info",
     },
     size: {
       sm: "h-5 px-2.5 [&_svg]:size-3",
@@ -29,37 +19,23 @@ const badgeVariants = tv({
     },
   },
   defaultVariants: {
-    variant: "primary",
+    variant: "neutral",
     size: "md",
   },
 });
 
-// TODO: change icon to prefix/suffix
-
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {
-  icon?: React.ReactNode;
-}
-
-function Badge({
-  children,
-  className,
-  variant,
-  size,
-  icon,
-  ...props
-}: BadgeProps) {
+interface BadgeProps
+  extends React.ComponentProps<"span">,
+    VariantProps<typeof badgeStyles> {}
+const Badge = ({ className, variant, size, ...props }: BadgeProps) => {
   return (
     <span
       role="presentation"
-      className={cn(badgeVariants({ variant, size }), className)}
+      className={badgeStyles({ variant, size, className })}
       {...props}
-    >
-      {icon && <span>{icon}</span>}
-      {children}
-    </span>
+    />
   );
-}
+};
 
-export { Badge, badgeVariants };
+export type { BadgeProps };
+export { Badge };
diff --git a/www/src/registry/core/calendar_basic.tsx b/www/src/registry/core/calendar_basic.tsx
index 3a95a57f2..acd4e8553 100644
--- a/www/src/registry/core/calendar_basic.tsx
+++ b/www/src/registry/core/calendar_basic.tsx
@@ -51,7 +51,7 @@ const calendarCellStyles = tv({
       "outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none",
     cell: [
       focusRing(),
-      "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent",
+      "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:[&:not([data-disabled])]:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent",
     ],
   },
   variants: {
diff --git a/www/src/registry/core/calendar_cal.tsx b/www/src/registry/core/calendar_cal.tsx
index 5e82e7f3e..77bd581fe 100644
--- a/www/src/registry/core/calendar_cal.tsx
+++ b/www/src/registry/core/calendar_cal.tsx
@@ -52,7 +52,7 @@ const calendarCellStyles = tv({
       "outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none",
     cell: [
       focusRing(),
-      "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent",
+      "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:[&:not([data-disabled])]:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent",
     ],
   },
   variants: {
diff --git a/www/src/registry/core/progress-bar_basic.tsx b/www/src/registry/core/progress-bar_basic.tsx
new file mode 100644
index 000000000..6358d661b
--- /dev/null
+++ b/www/src/registry/core/progress-bar_basic.tsx
@@ -0,0 +1,191 @@
+"use client";
+
+import * as React from "react";
+import {
+  ProgressBar as AriaProgress,
+  composeRenderProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { Label } from "@/registry/core/field";
+import { createScopedContext } from "@/registry/lib/context-helpers";
+
+const progressStyles = tv({
+  slots: {
+    root: "flex w-60 flex-col gap-2",
+    indicator: "relative h-2.5 w-full overflow-hidden rounded-full",
+    filler: [
+      "bg-fg h-full w-full min-w-14 flex-1 origin-left transition-transform",
+      "indeterminate:animate-progress-indeterminate indeterminate:[-webkit-mask-image:linear-gradient(75deg,rgb(0,0,0)_30%,rgba(0,0,0,0.65)_80%)] indeterminate:[-webkit-mask-size:200%] indeterminate:[mask-image:linear-gradient(75deg,rgb(0,0,0)_30%,rgba(0,0,0,0.65)_80%)] indeterminate:[mask-size:200%]",
+    ],
+    valueLabel: "text-sm",
+  },
+  variants: {
+    variant: {
+      primary: {
+        indicator: "bg-bg-muted",
+        filler: "bg-bg-primary",
+      },
+      accent: {
+        indicator: "bg-bg-accent-muted",
+        filler: "bg-bg-accent",
+      },
+      warning: {
+        indicator: "bg-bg-warning-muted",
+        filler: "bg-bg-warning",
+      },
+      danger: {
+        indicator: "bg-bg-danger-muted",
+        filler: "bg-bg-danger",
+      },
+      success: {
+        indicator: "bg-bg-success-muted",
+        filler: "bg-bg-success",
+      },
+    },
+    size: {
+      sm: {
+        indicator: "h-1",
+      },
+      md: {
+        indicator: "h-2.5",
+      },
+      lg: {
+        indicator: "h-4",
+      },
+    },
+  },
+  defaultVariants: {
+    variant: "accent",
+    size: "md",
+  },
+});
+
+const { root, indicator, filler, valueLabel } = progressStyles();
+
+const [ProgressBarProvider, useProgressBarContext] = createScopedContext<
+  VariantProps<typeof progressStyles> & {
+    isIndeterminate: boolean;
+    duration: `${number}s` | `${number}ms`;
+    valueText?: string;
+    percentage?: number;
+  }
+>("ProgressRoot");
+
+interface ProgressBarProps extends ProgressBarRootProps {
+  label?: React.ReactNode;
+  description?: React.ReactNode;
+  showValueLabel?: boolean;
+}
+const ProgressBar = ({
+  label,
+  description,
+  showValueLabel = false,
+  ...props
+}: ProgressBarProps) => {
+  return (
+    <ProgressBarRoot {...props}>
+      <div className="grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']">
+        {label && <Label className="[grid-area:label]">{label}</Label>}
+        {showValueLabel && (
+          <ProgressBarValueLabel className="[grid-area:value]" />
+        )}
+      </div>
+      <ProgressBarIndicator />
+    </ProgressBarRoot>
+  );
+};
+
+interface ProgressBarRootProps
+  extends React.ComponentProps<typeof AriaProgress>,
+    VariantProps<typeof progressStyles> {
+  duration?: `${number}s` | `${number}ms`;
+}
+const ProgressBarRoot = ({
+  variant,
+  size,
+  duration = "0s",
+  isIndeterminate,
+  children,
+  className,
+  ...props
+}: ProgressBarRootProps) => {
+  return (
+    <AriaProgress
+      className={composeRenderProps(className, (className) =>
+        root({ variant, className })
+      )}
+      isIndeterminate={
+        isIndeterminate || (duration !== "0s" && duration !== "0ms")
+      }
+      {...props}
+    >
+      {composeRenderProps(
+        children,
+        (children, { isIndeterminate, valueText, percentage }) => (
+          <ProgressBarProvider
+            duration={duration}
+            variant={variant}
+            size={size}
+            isIndeterminate={isIndeterminate}
+            valueText={valueText}
+            percentage={percentage}
+          >
+            {children}
+          </ProgressBarProvider>
+        )
+      )}
+    </AriaProgress>
+  );
+};
+
+interface ProgressBarIndicatorProps extends React.ComponentProps<"div"> {}
+const ProgressBarIndicator = ({
+  className,
+  ...props
+}: ProgressBarIndicatorProps) => {
+  const { variant, size, isIndeterminate, percentage, duration } =
+    useProgressBarContext("ProgressBarIndicator");
+  return (
+    <div className={indicator({ variant, size, className })} {...props}>
+      <div
+        data-rac=""
+        data-indeterminate={isIndeterminate || undefined}
+        className={filler({ variant, size })}
+        style={
+          {
+            "--progress-duration": duration,
+            transform: percentage ? `scaleX(${percentage / 100})` : undefined,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  );
+};
+
+interface ProgressBarValueLabelProps extends React.ComponentProps<"span"> {}
+const ProgressBarValueLabel = ({
+  className,
+  ...props
+}: ProgressBarValueLabelProps) => {
+  const { valueText } = useProgressBarContext("ProgressBarValueLabel");
+
+  return (
+    <span className={valueLabel({ className })} {...props}>
+      {valueText}
+    </span>
+  );
+};
+
+export type {
+  ProgressBarProps,
+  ProgressBarRootProps,
+  ProgressBarIndicatorProps,
+  ProgressBarValueLabelProps,
+};
+
+export {
+  ProgressBar,
+  ProgressBarRoot,
+  ProgressBarIndicator,
+  ProgressBarValueLabel,
+};
diff --git a/www/src/registry/core/progress.tsx b/www/src/registry/core/progress.tsx
deleted file mode 100644
index a506e1b55..000000000
--- a/www/src/registry/core/progress.tsx
+++ /dev/null
@@ -1,232 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  ProgressBar as AriaProgress,
-  composeRenderProps,
-  type ProgressBarProps as AriaProgressProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Label } from "@/registry/core/field";
-import { cn } from "@/registry/lib/cn";
-
-const progressStyles = tv({
-  slots: {
-    root: "flex w-60 flex-col gap-2",
-    indicator: "relative h-2.5 w-full overflow-hidden rounded-full",
-    filler:
-      "animate-progress-grow bg-fg h-full w-full min-w-14 flex-1 origin-left transition-transform",
-    valueLabel: "text-sm",
-  },
-  variants: {
-    variant: {
-      default: {
-        indicator: "bg-bg-muted",
-        filler: "bg-bg-primary",
-      },
-      accent: {
-        indicator: "bg-bg-accent-muted",
-        filler: "bg-bg-accent",
-      },
-      warning: {
-        indicator: "bg-bg-warning-muted",
-        filler: "bg-bg-warning",
-      },
-      danger: {
-        indicator: "bg-bg-danger-muted",
-        filler: "bg-bg-danger",
-      },
-      success: {
-        indicator: "bg-bg-success-muted",
-        filler: "bg-bg-success",
-      },
-    },
-    size: {
-      sm: {
-        indicator: "h-1",
-      },
-      md: {
-        indicator: "h-2.5",
-      },
-      lg: {
-        indicator: "h-4",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-    shape: "bar",
-    size: "md",
-  },
-});
-
-type ProgressSlots = keyof ReturnType<typeof progressStyles>;
-type ProgressClassNames = {
-  [key in ProgressSlots]?: string;
-};
-
-interface ProgressProps
-  extends ProgressRootProps,
-    VariantProps<typeof progressStyles> {
-  label?: string;
-  showValueLabel?: boolean;
-  duration?: string;
-  classNames?: ProgressClassNames;
-}
-const Progress = ({
-  label,
-  showValueLabel = false,
-  variant,
-  size,
-  duration,
-  className,
-  classNames,
-  ...props
-}: ProgressProps) => {
-  return (
-    <ProgressRoot
-      duration={duration}
-      className={cn(className, classNames?.root)}
-      {...props}
-    >
-      {(label || showValueLabel) && (
-        <div
-          className={cn(
-            "flex items-center justify-between gap-2",
-            !label && "justify-end"
-          )}
-        >
-          {label && <Label>{label}</Label>}
-          {showValueLabel && <ProgressValueLabel />}
-        </div>
-      )}
-      <ProgressIndicator
-        variant={variant}
-        size={size}
-        duration={duration}
-        classNames={{
-          indicator: classNames?.indicator,
-          filler: classNames?.filler,
-        }}
-      />
-    </ProgressRoot>
-  );
-};
-
-interface ProgressRootProps extends Omit<AriaProgressProps, "className"> {
-  duration?: string;
-  className?: string;
-}
-const ProgressRoot = ({
-  className,
-  isIndeterminate,
-  duration,
-  ...props
-}: ProgressRootProps) => {
-  const { root } = progressStyles();
-  return (
-    <AriaProgress
-      className={root({ className })}
-      isIndeterminate={isIndeterminate || !!duration}
-      {...props}
-    >
-      {composeRenderProps(
-        props.children,
-        (children, { percentage, isIndeterminate, valueText }) => (
-          <ProgressContext.Provider
-            value={{ percentage, isIndeterminate, valueText }}
-          >
-            {children}
-          </ProgressContext.Provider>
-        )
-      )}
-    </AriaProgress>
-  );
-};
-
-interface ProgressIndicatorProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof progressStyles> {
-  duration?: string;
-  classNames?: {
-    indicator?: string;
-    filler?: string;
-  };
-}
-const ProgressIndicator = ({
-  duration,
-  className,
-  variant,
-  size,
-  classNames,
-  ...props
-}: ProgressIndicatorProps) => {
-  const { indicator, filler } = progressStyles({ variant, size });
-  const { isIndeterminate, percentage } = useProgressContext();
-  return (
-    <div
-      className={cn(indicator(), classNames?.indicator, className)}
-      {...props}
-    >
-      <div
-        className={cn(
-          filler(),
-          isIndeterminate && "animate-progress-indeterminate",
-          classNames?.filler
-        )}
-        style={
-          {
-            "--progress-duration": duration ?? "0s",
-            ...(percentage ? { transform: `scaleX(${percentage / 100})` } : {}),
-            ...(isIndeterminate
-              ? {
-                  maskImage:
-                    "linear-gradient(75deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.65) 80%)",
-                  maskSize: "200%",
-                }
-              : {}),
-          } as React.CSSProperties
-        }
-      />
-    </div>
-  );
-};
-
-type ProgressValueLabelProps = React.HTMLAttributes<HTMLSpanElement>;
-const ProgressValueLabel = ({
-  children,
-  className,
-  ...props
-}: ProgressValueLabelProps) => {
-  const { valueLabel } = progressStyles();
-  const { valueText } = useProgressContext();
-  return (
-    <span className={valueLabel({ className })} {...props}>
-      {children ?? valueText}
-    </span>
-  );
-};
-
-type ProgressContextValue = {
-  percentage?: number;
-  isIndeterminate: boolean;
-  valueText?: string;
-};
-const ProgressContext = React.createContext<ProgressContextValue | null>(null);
-const useProgressContext = () => {
-  const context = React.useContext(ProgressContext);
-  if (!context) {
-    throw new Error(
-      "useProgressContext must be used within a ProgressProvider"
-    );
-  }
-  return context;
-};
-
-export type {
-  ProgressProps,
-  ProgressRootProps,
-  ProgressIndicatorProps,
-  ProgressValueLabelProps,
-};
-export { Progress, ProgressRoot, ProgressIndicator, ProgressValueLabel };
diff --git a/www/src/registry/core/skeleton.tsx b/www/src/registry/core/skeleton.tsx
index cf2ecc968..13349af67 100644
--- a/www/src/registry/core/skeleton.tsx
+++ b/www/src/registry/core/skeleton.tsx
@@ -1,3 +1,6 @@
+// work in progress
+// Auto layout skeleton inspiration: https://x.com/devongovett/status/1838980741197447529
+
 import { cn } from "@/registry/lib/cn";
 
 function Skeleton({
diff --git a/www/src/registry/core/tabs_basic.tsx b/www/src/registry/core/tabs_basic.tsx
index 08cbf7ead..5d560144d 100644
--- a/www/src/registry/core/tabs_basic.tsx
+++ b/www/src/registry/core/tabs_basic.tsx
@@ -19,7 +19,7 @@ const tabsStyles = tv({
     list: "flex",
     tab: [
       focusRing(),
-      "text-fg-muted hover:text-fg selected:not-disabled:text-fg disabled:text-fg-disabled flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default",
+      "text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default",
     ],
     panel: focusRing(),
   },
diff --git a/www/src/registry/core/tabs_motion.tsx b/www/src/registry/core/tabs_motion.tsx
index 54852493f..7ddb9b233 100644
--- a/www/src/registry/core/tabs_motion.tsx
+++ b/www/src/registry/core/tabs_motion.tsx
@@ -20,7 +20,7 @@ const tabsStyles = tv({
     list: "flex",
     tab: [
       focusRing(),
-      "text-fg-muted hover:text-fg selected:not-disabled:text-fg disabled:text-fg-disabled relative flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default",
+      "text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled relative flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default",
     ],
     cursor: "bg-bg-accent absolute",
     panel: focusRing(),
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 19d66b3f1..70a6f71cc 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -100,7 +100,7 @@
     --color-accent-900: hsl(210, 100%, 82%);
     --color-accent-1000: hsl(210, 100%, 87%);
 
-    --color-success-100: hsl(132, 42%, 9%);
+    --color-success-100: hsl(131, 44%, 8%);
     --color-success-200: hsl(130, 41%, 14%);
     --color-success-300: hsl(131, 41%, 18%);
     --color-success-400: hsl(132, 41%, 22%);
@@ -111,9 +111,9 @@
     --color-success-900: hsl(131, 34%, 76%);
     --color-success-1000: hsl(130, 35%, 83%);
 
-    --color-warning-100: hsl(34, 100%, 14%);
+    --color-warning-100: hsl(35, 100%, 7%);
     --color-warning-200: hsl(34, 100%, 21%);
-    --color-warning-300: hsl(35, 100%, 26%);
+    --color-warning-300: hsl(35, 96%, 19%);
     --color-warning-400: hsl(35, 100%, 48%);
     --color-warning-500: hsl(35, 100%, 50%);
     --color-warning-600: hsl(35, 100%, 58%);
@@ -146,7 +146,7 @@
   }
 }
 
-@theme {
+@theme inline {
   /* fonts */
   --font-josefin: var(--font-josefin);
   --font-sans: var(--font-geist-sans);
@@ -186,7 +186,7 @@
   --color-bg-info-hover: var(--color-info-600);
   --color-bg-info-active: var(--color-info-700);
   --color-bg-info-muted: var(--color-info-100);
-  
+
   --color-bg-accent: var(--color-accent-500);
   --color-bg-accent-hover: var(--color-accent-600);
   --color-bg-accent-active: var(--color-accent-700);
@@ -230,11 +230,11 @@
   --animate-accordion-up: accordion-up 0.15s ease-out;
   --animate-collapsible-down: collapsible-down 0.15s ease-out;
   --animate-collapsible-up: collapsible-up 0.15s ease-out;
+  --animate-line-spinner: line-spinner 1.2s linear infinite;
+  --animate-dot-spinner: dot-spinner 0.8s linear infinite;
   --animate-progress-indeterminate: progress-grow var(--progress-duration) 1
       both normal,
     progress-pulse 1s ease var(--progress-duration) infinite normal none running;
-  --animate-line-spinner: line-spinner 1.2s linear infinite;
-  --animate-dot-spinner: dot-spinner 0.8s linear infinite;
 }
 
 /* for specific styles */
@@ -299,20 +299,20 @@
 
 @keyframes progress-grow {
   0% {
-    transform: "scaleX(0.01)";
+    transform: scaleX(0.01);
   }
   20% {
-    transform: "scaleX(0.1)";
+    transform: scaleX(0.1);
   }
   30% {
-    transform: "scaleX(0.6)";
+    transform: scaleX(0.6);
   }
   40%,
   50% {
-    transform: "scaleX(0.9)";
+    transform: scaleX(0.9);
   }
   100% {
-    transform: "scaleX(1)";
+    transform: scaleX(1);
   }
 }
 

From 863e824b50607bbf30be6fe0498a951d92d3cb90 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 28 Jan 2025 15:53:10 +0100
Subject: [PATCH 060/165] feat: update colorpicker component

---
 packages/tailwindcss-rac/index.js             | 150 ++++++++++--------
 .../docs/components/colors/color-picker.mdx   |  49 +++---
 .../components/drag-and-drop/drop-zone.mdx    |  10 +-
 www/src/app/internal/page.tsx                 |  76 +++------
 www/src/components/docs/style-switcher.tsx    |   5 +-
 www/src/components/mobile-nav.tsx             |   4 +-
 www/src/components/sidebar.tsx                |  29 ++--
 www/src/demos/color-picker/default.tsx        |  19 ++-
 www/src/demos/drop-zone/basic.tsx             |   2 +-
 www/src/demos/drop-zone/disabled.tsx          |   7 +-
 www/src/demos/drop-zone/events.tsx            |   5 +-
 www/src/demos/drop-zone/file-trigger.tsx      |   7 +-
 www/src/demos/drop-zone/label.tsx             |  11 +-
 www/src/registry/core/alert-01.tsx            |   2 +-
 www/src/registry/core/color-field.tsx         |   4 +-
 www/src/registry/core/color-picker_new.tsx    | 143 +++++++++++++++++
 www/src/registry/core/color-slider.tsx        |   2 +-
 www/src/registry/core/drawer_basic.tsx        |   6 +-
 www/src/registry/core/drop-zone.tsx           |  21 ++-
 www/src/registry/core/modal_basic.tsx         |   2 +-
 www/src/registry/core/select.tsx              |   8 +-
 21 files changed, 356 insertions(+), 206 deletions(-)
 create mode 100644 www/src/registry/core/color-picker_new.tsx

diff --git a/packages/tailwindcss-rac/index.js b/packages/tailwindcss-rac/index.js
index c8b4388a4..5e364b49f 100644
--- a/packages/tailwindcss-rac/index.js
+++ b/packages/tailwindcss-rac/index.js
@@ -1,4 +1,4 @@
-const plugin = require('tailwindcss/plugin');
+const plugin = require("tailwindcss/plugin");
 
 // Order of these is important because it determines which states win in a conflict.
 // We mostly follow Tailwind's defaults, adding our additional states following the categories they define.
@@ -6,90 +6,99 @@ const plugin = require('tailwindcss/plugin');
 const attributes = {
   boolean: [
     // Conditions
-    'allows-removing',
-    'allows-sorting',
-    'allows-dragging',
-    'has-submenu',
+    "allows-removing",
+    "allows-sorting",
+    "allows-dragging",
+    "has-submenu",
 
     // States
-    'open',
-    'expanded',
-    'entering',
-    'exiting',
-    'indeterminate',
-    ['placeholder-shown', 'placeholder'],
-    'current',
-    'required',
-    'unavailable',
-    'invalid',
-    ['read-only', 'readonly'],
-    'outside-month',
-    'outside-visible-range',
-    'pending',
+    "open",
+    "expanded",
+    "entering",
+    "exiting",
+    "indeterminate",
+    ["placeholder-shown", "placeholder"],
+    "current",
+    "required",
+    "unavailable",
+    "invalid",
+    ["read-only", "readonly"],
+    "outside-month",
+    "outside-visible-range",
+    "pending",
 
     // Content
-    'empty',
+    "empty",
 
     // Interactive states
-    'focus-within',
-    ['hover', 'hovered'],
-    ['focus', 'focused'],
-    'focus-visible',
-    'pressed',
-    'selected',
-    'selection-start',
-    'selection-end',
-    'dragging',
-    'drop-target',
-    'resizing',
-    'disabled'
+    "focus-within",
+    ["hover", "hovered"],
+    ["focus", "focused"],
+    "focus-visible",
+    "pressed",
+    "selected",
+    "selection-start",
+    "selection-end",
+    "dragging",
+    "drop-target",
+    "resizing",
+    "disabled",
   ],
   enum: {
-    placement: ['left', 'right', 'top', 'bottom'],
-    type: ['literal', 'year', 'month', 'day'],
-    layout: ['grid', 'stack'],
-    orientation: ['horizontal', 'vertical'],
-    'selection-mode': ['single', 'multiple'],
-    'resizable-direction': ['right', 'left', 'both'],
-    'sort-direction': ['ascending', 'descending']
-  }
+    placement: ["left", "right", "top", "bottom"],
+    type: ["literal", "year", "month", "day"],
+    layout: ["grid", "stack"],
+    orientation: ["horizontal", "vertical"],
+    "selection-mode": ["single", "multiple"],
+    "resizable-direction": ["right", "left", "both"],
+    "sort-direction": ["ascending", "descending"],
+  },
 };
 
 const shortNames = {
-  'selection-mode': 'selection',
-  'resizable-direction': 'resizable',
-  'sort-direction': 'sort'
+  "selection-mode": "selection",
+  "resizable-direction": "resizable",
+  "sort-direction": "sort",
 };
 
 // Variants we use that are already defined by Tailwind:
 // https://github.com/tailwindlabs/tailwindcss/blob/a2fa6932767ab328515f743d6188c2164ad2a5de/src/corePlugins.js#L84
-const nativeVariants = ['indeterminate', 'required', 'invalid', 'empty', 'focus-visible', 'focus-within', 'disabled'];
+const nativeVariants = [
+  "indeterminate",
+  "required",
+  "invalid",
+  "empty",
+  "focus-visible",
+  "focus-within",
+  "disabled",
+];
 const nativeVariantSelectors = new Map([
   ...nativeVariants.map((variant) => [variant, `:${variant}`]),
-  ['hovered', ':hover'],
-  ['focused', ':focus'],
-  ['readonly', ':read-only'],
-  ['open', '[open]'],
-  ['expanded', '[expanded]']
+  ["hovered", ":hover"],
+  ["focused", ":focus"],
+  ["readonly", ":read-only"],
+  ["open", "[open]"],
+  ["expanded", "[expanded]"],
 ]);
 
 // Variants where both native and RAC attributes should apply. We don't override these.
-const nativeMergeSelectors = new Map([
-  ['placeholder', ':placeholder-shown']
-]);
+const nativeMergeSelectors = new Map([["placeholder", ":placeholder-shown"]]);
 
 // If no prefix is specified, we want to avoid overriding native variants on non-RAC components, so we only target elements with the data-rac attribute for those variants.
 let getSelector = (prefix, attributeName, attributeValue) => {
-  let baseSelector = attributeValue ? `[data-${attributeName}="${attributeValue}"]` : `[data-${attributeName}]`;
+  let baseSelector = attributeValue
+    ? `[data-${attributeName}="${attributeValue}"]`
+    : `[data-${attributeName}]`;
   let nativeSelector = nativeVariantSelectors.get(attributeName);
-  if (prefix === '' && nativeSelector) {
+  if (prefix === "" && nativeSelector) {
     let wrappedNativeSelector = `&:where(:not([data-rac]))${nativeSelector}`;
     let nativeSelectorGenerator = wrappedNativeSelector;
-    if (nativeSelector === ':hover') {
-      nativeSelectorGenerator = wrap => `@media (hover: hover) { ${wrap(wrappedNativeSelector)} }`;
+    if (nativeSelector === ":hover") {
+      nativeSelectorGenerator = (wrap) =>
+        `@media (hover: hover) { ${wrap(wrappedNativeSelector)} }`;
     }
     return [`&:where([data-rac])${baseSelector}`, nativeSelectorGenerator];
-  } else if (prefix === '' && nativeMergeSelectors.has(attributeName)) {
+  } else if (prefix === "" && nativeMergeSelectors.has(attributeName)) {
     return [`&${baseSelector}`, `&${nativeMergeSelectors.get(attributeName)}`];
   } else {
     return `&${baseSelector}`;
@@ -105,7 +114,7 @@ let mapSelector = (selector, fn) => {
 };
 
 let wrapSelector = (selector, wrap) => {
-  if (typeof selector === 'function') {
+  if (typeof selector === "function") {
     return selector(wrap);
   } else {
     return wrap(selector);
@@ -113,22 +122,23 @@ let wrapSelector = (selector, wrap) => {
 };
 
 let addVariants = (variantName, selectors, addVariant) => {
-  addVariant(variantName, mapSelector(selectors, selector => wrapSelector(selector, s => s)));
+  addVariant(
+    variantName,
+    mapSelector(selectors, (selector) => wrapSelector(selector, (s) => s))
+  );
 };
 
-module.exports = plugin.withOptions((options) => (({addVariant}) => {
-  let prefix = options?.prefix ? `${options.prefix}-` : '';
+module.exports = plugin.withOptions((options) => ({ addVariant }) => {
+  let prefix = options?.prefix ? `${options.prefix}-` : "";
 
   // Enum attributes go first because currently they are all non-interactive states.
   Object.keys(attributes.enum).forEach((attributeName) => {
-    attributes.enum[attributeName].forEach(
-      (attributeValue, i) => {
-        let name = shortNames[attributeName] || attributeName;
-        let variantName = `${prefix}${name}-${attributeValue}`;
-        let selectors = getSelector(prefix, attributeName, attributeValue);
-        addVariants(variantName, selectors, addVariant, i);
-      }
-    );
+    attributes.enum[attributeName].forEach((attributeValue, i) => {
+      let name = shortNames[attributeName] || attributeName;
+      let variantName = `${prefix}${name}-${attributeValue}`;
+      let selectors = getSelector(prefix, attributeName, attributeValue);
+      addVariants(variantName, selectors, addVariant, i);
+    });
   });
 
   attributes.boolean.forEach((attribute, i) => {
@@ -138,4 +148,4 @@ module.exports = plugin.withOptions((options) => (({addVariant}) => {
     let selectors = getSelector(prefix, attributeName, null);
     addVariants(variantName, selectors, addVariant, i);
   });
-}));
\ No newline at end of file
+});
diff --git a/www/content/docs/components/colors/color-picker.mdx b/www/content/docs/components/colors/color-picker.mdx
index f0f76eae6..0b3631662 100644
--- a/www/content/docs/components/colors/color-picker.mdx
+++ b/www/content/docs/components/colors/color-picker.mdx
@@ -1,6 +1,6 @@
 ---
 title: Color Picker
-description: A ColorPicker combines a swatch with a customizable popover for editing a color.
+description: A ColorPicker allow users to select and edit a color in an overlay.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ColorPicker.html
@@ -19,38 +19,39 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add color-picker
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Anatomy
 
-    ```package-install
-    react-aria-components
-    ```
+```tsx
+import { ColorPicker } from "@/components/core/color-picker";
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/color-picker/color-picker"]} />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
-## Usage
+<ColorPicker defaultValue="#5100FF" />;
+```
 
-Use a `ColorPicker` to allow users to select and edit a color in an overlay.
+```tsx
+import {
+  ColorPickerRoot,
+  ColorPickerButton,
+  ColorPickerEditor,
+} from "@/components/core/color-picker";
+import { DialogRoot, Dialog } from "@/components/core/dialog";
+
+<ColorPickerRoot defaultValue="#5100FF">
+  <DialogRoot>
+    <ColorPickerButton />
+    <Dialog>
+      <ColorPickerEditor />
+    </Dialog>
+  </DialogRoot>
+</ColorPickerRoot>;
+```
 
 ## Options
 
-`ColorPicker` accepts all [button options](/components/buttons/button#options).
+`ColorPicker` accepts all [button options](/docs/components/buttons/button#options).
 
 <ComponentPreview
   name="core/color-picker/color-picker-options"
diff --git a/www/content/docs/components/drag-and-drop/drop-zone.mdx b/www/content/docs/components/drag-and-drop/drop-zone.mdx
index 84e5756ce..7fb04b1b5 100644
--- a/www/content/docs/components/drag-and-drop/drop-zone.mdx
+++ b/www/content/docs/components/drag-and-drop/drop-zone.mdx
@@ -23,7 +23,7 @@ npx dotui-cli@latest add drop-zone
 
 ## Label
 
-A visual label can be provided for the `DropZone` using the `<Text slot="label">` component, or a hidden label using `aria-label` prop.
+A visual label can be provided for the `DropZone` using the `<DropZoneLabel>` component, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
   name="core/drop-zone/drop-zone-label"
@@ -49,7 +49,7 @@ DropZone supports user interactions via mouse, keyboard, and touch. You can hand
       {/* handle drop event */}
     }}
   >
-    <Text slot="label">Droppable</Text>
+    <DropZoneLabel>Droppable</DropZoneLabel>
   </DropZone>`}
 />
 
@@ -61,7 +61,7 @@ To allow the selection of files from the user's device, pass FileTrigger as a ch
   name="core/drop-zone/drop-zone-file-trigger"
   preview={`<DropZone>
     <UploadIcon />
-    <Text slot="label">Drag and drop files here</Text>
+    <DropZoneLabel>Drag and drop files here</DropZoneLabel>
     <FileTrigger>
       <Button>Select files</Button>
     </FileTrigger>
@@ -91,12 +91,14 @@ Use the `isDisabled` prop to disable the drop zone.
   name="core/drop-zone/drop-zone-disabled"
   preview={`<DropZone isDisabled>
     <UploadIcon />
-    <Text slot="label">Drag and drop files here</Text>
+    <DropZoneLabel>Drag and drop files here</DropZoneLabel>
   </DropZone>`}
 />
 
 ## API Reference
 
+### DropZone
+
 | Prop               | Type                                                                                                  | Default | Description                                                                                                                 |
 | ------------------ | ----------------------------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------------------------- |
 | `getDropOperation` | `(types: DragTypes, allowedOperations: DropOperation[]) => DropOperation`                             | -       | A function returning the drop operation to be performed when items matching the given types are dropped on the drop target. |
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index 723876add..f64a38dd1 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,59 +1,31 @@
 "use client";
 
-import React from "react";
-import { motion } from "motion/react";
-import { Tabs, TabList, Tab, TabPanel } from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { focusRing } from "@/registry/lib/focus-styles";
+import { Button } from "@/components/dynamic-core/button";
+import {
+  ColorEditor,
+  ColorPickerRoot,
+} from "@/components/dynamic-core/color-picker";
+import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
+import {
+  DialogContent,
+  DialogRoot,
+} from "@/components/dynamic-core/dialog";
+import { Drawer } from "@/registry/core/drawer_basic";
+import { Modal } from "@/registry/core/modal_basic";
 
 export default function Demo() {
-  const [selectedTab, setSelectedTab] = React.useState("tomato");
-
   return (
-    <div className="space-y-4">
-      <div className="h-screen bg-white text-black">
-        <ul className="flex w-[200px]">
-          {["tomato", "lettuce", "hello"].map((item, index) => (
-            <li
-              key={index}
-              style={{ width: "100%" }}
-              className="relative w-full p-[5px_15px]"
-              // style={{ position: "relative", padding: "8px", minWidth: 0 , display: "flex"}}
-              // className="relative min-w-0 p-2"
-              // className="relative p-2"
-              // style={{ width: "100%" }}
-              onClick={() => setSelectedTab(item)}
-            >
-              {item}
-              {item === selectedTab && (
-                <motion.div
-                  className="bg-bg-accent absolute inset-x-0 bottom-0 h-[2px]"
-                  layoutId="underline"
-                />
-              )}
-            </li>
-          ))}
-        </ul>
-      </div>
-    </div>
+    <ColorPickerRoot defaultValue="#5100FF">
+      <DialogRoot>
+        <Button shape="square">
+          <ColorSwatch />
+        </Button>
+        <Modal>
+          <DialogContent>
+            <ColorEditor />
+          </DialogContent>
+        </Modal>
+      </DialogRoot>
+    </ColorPickerRoot>
   );
 }
-
-const tab: React.CSSProperties = {
-  position: "relative",
-  width: "100%",
-  // borderRadius: 5,
-  // borderBottomLeftRadius: 0,
-  // borderBottomRightRadius: 0,
-  // padding: "10px 15px",
-
-  // background: "white",
-  // cursor: "pointer",
-  // height: 24,
-  // display: "flex",
-  // justifyContent: "space-between",
-  // alignItems: "center",
-  // flex: 1,
-  // minWidth: 0,
-  // userSelect: "none",
-};
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
index 2dfc0b896..6dcb0ca3a 100644
--- a/www/src/components/docs/style-switcher.tsx
+++ b/www/src/components/docs/style-switcher.tsx
@@ -7,6 +7,7 @@ import { useThemes } from "@/hooks/use-themes";
 import { Button } from "@/components/core/button";
 import { ListBox, Item } from "@/components/core/list-box";
 import { Overlay } from "@/components/core/overlay";
+import { Popover } from "@/components/core/popover";
 import { SelectRoot, SelectValue } from "@/components/core/select";
 import { core } from "@/registry/registry-core";
 import { RegistryItem } from "@/registry/types";
@@ -37,7 +38,7 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
       >
         <span className="font-bold">variant:</span> <SelectValue />
       </Button>
-      <Overlay type="popover">
+      <Popover>
         <ListBox>
           {variants &&
             variants.map((item) => (
@@ -51,7 +52,7 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
               </Item>
             ))}
         </ListBox>
-      </Overlay>
+      </Popover>
     </SelectRoot>
   );
 }
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index 224f2433a..16719ff5c 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -25,10 +25,10 @@ export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
             drawerProps={{
               placement: "left",
             }}
-            className="p-0! w-60"
+            className="p-0 w-60 flex flex-col"
           >
             {({ close }) => (
-              <div className="z-50 flex h-screen flex-col">
+              <div className="z-50 flex h-full flex-col">
                 <div className="flex items-center justify-between p-2">
                   <Link
                     href="/"
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index ccc30a937..9fbb0a4ce 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -108,19 +108,6 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
           </motion.div>
         </div>
         <div className="group-data-collapsed/sidebar:flex-col flex items-center gap-1">
-          <ThemeSwitcher>
-            <motion.div layout transition={transition}>
-              <Button
-                size="sm"
-                variant="quiet"
-                shape="square"
-                className="[&_svg]:size-[18px]"
-              >
-                <SunIcon className="block dark:hidden" />
-                <MoonIcon className="hidden dark:block" />
-              </Button>
-            </motion.div>
-          </ThemeSwitcher>
           <StyledTooltip
             content={
               <div className="flex items-center gap-2">
@@ -132,7 +119,6 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
               </div>
             }
             placement="right"
-            arrow
           >
             <motion.div layout transition={transition}>
               <Button
@@ -145,6 +131,19 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
               </Button>
             </motion.div>
           </StyledTooltip>
+          <ThemeSwitcher>
+            <motion.div layout transition={transition}>
+              <Button
+                size="sm"
+                variant="quiet"
+                shape="square"
+                className="[&_svg]:size-[18px]"
+              >
+                <SunIcon className="block dark:hidden" />
+                <MoonIcon className="hidden dark:block" />
+              </Button>
+            </motion.div>
+          </ThemeSwitcher>
         </div>
       </SidebarFooter>
     </SidebarRoot>
@@ -470,7 +469,7 @@ const StyledTooltip = (props: TooltipProps) => {
       delay={0}
       className="px-4 py-1"
       placement="right"
-      arrow
+      showArrow
       {...props}
     />
   );
diff --git a/www/src/demos/color-picker/default.tsx b/www/src/demos/color-picker/default.tsx
index 281d2c2bd..cbc9992a5 100644
--- a/www/src/demos/color-picker/default.tsx
+++ b/www/src/demos/color-picker/default.tsx
@@ -1,5 +1,20 @@
-import { ColorPicker } from "@/components/dynamic-core/color-picker";
+import {
+  ColorPicker,
+  ColorPickerRoot,
+  ColorPickerButton,
+  ColorPickerEditor,
+} from "@/registry/core/color-picker_new";
+import { Dialog, DialogRoot } from "@/registry/core/dialog_basic";
 
 export default function Demo() {
-  return <ColorPicker defaultValue="#5100FF" />;
+  return (
+    <div className="flex gap-10">
+      <ColorPicker />
+      {/* <div className="bg-bg-muted w-120 isolate flex rounded-sm border p-2">
+        <ColorPickerRoot defaultValue="#292222">
+          <ColorPickerEditor showAlphaChannel />
+        </ColorPickerRoot>
+      </div> */}
+    </div>
+  );
 }
diff --git a/www/src/demos/drop-zone/basic.tsx b/www/src/demos/drop-zone/basic.tsx
index 2192cbd29..038b81c3d 100644
--- a/www/src/demos/drop-zone/basic.tsx
+++ b/www/src/demos/drop-zone/basic.tsx
@@ -5,7 +5,7 @@ import { DropZone } from "@/components/dynamic-core/drop-zone";
 export default function Demo() {
   return (
     <DropZone>
-      <UploadIcon />
+      <UploadIcon className="size-5 text-fg-muted" />
     </DropZone>
   );
 }
diff --git a/www/src/demos/drop-zone/disabled.tsx b/www/src/demos/drop-zone/disabled.tsx
index 47b370053..9bff11ada 100644
--- a/www/src/demos/drop-zone/disabled.tsx
+++ b/www/src/demos/drop-zone/disabled.tsx
@@ -1,13 +1,12 @@
 import React from "react";
 import { UploadIcon } from "lucide-react";
-import { DropZone } from "@/components/dynamic-core/drop-zone";
-import { Text } from "@/components/dynamic-core/text";
+import { DropZone, DropZoneLabel } from "@/components/dynamic-core/drop-zone";
 
 export default function Demo() {
   return (
     <DropZone isDisabled>
-      <UploadIcon />
-      <Text slot="label">Drag and drop files here</Text>
+      <UploadIcon className="size-5" />
+      <DropZoneLabel>Drag and drop files here</DropZoneLabel>
     </DropZone>
   );
 }
diff --git a/www/src/demos/drop-zone/events.tsx b/www/src/demos/drop-zone/events.tsx
index bc82c6001..bc14b46e8 100644
--- a/www/src/demos/drop-zone/events.tsx
+++ b/www/src/demos/drop-zone/events.tsx
@@ -3,8 +3,7 @@
 import React from "react";
 import { useDrag } from "react-aria";
 import { TextDropItem } from "react-aria-components";
-import { DropZone } from "@/components/dynamic-core/drop-zone";
-import { Text } from "@/registry/core/text";
+import { DropZone, DropZoneLabel } from "@/components/dynamic-core/drop-zone";
 
 export default function Demo() {
   return (
@@ -25,7 +24,7 @@ export default function Demo() {
           alert(`You dropped ${items.join("\n")}`);
         }}
       >
-        <Text slot="label">Droppable</Text>
+        <DropZoneLabel>Droppable</DropZoneLabel>
       </DropZone>
     </div>
   );
diff --git a/www/src/demos/drop-zone/file-trigger.tsx b/www/src/demos/drop-zone/file-trigger.tsx
index e100d991a..c91a1ef1a 100644
--- a/www/src/demos/drop-zone/file-trigger.tsx
+++ b/www/src/demos/drop-zone/file-trigger.tsx
@@ -1,15 +1,14 @@
 import React from "react";
 import { UploadIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
-import { DropZone } from "@/components/dynamic-core/drop-zone";
+import { DropZone, DropZoneLabel } from "@/components/dynamic-core/drop-zone";
 import { FileTrigger } from "@/components/dynamic-core/file-trigger";
-import { Text } from "@/components/dynamic-core/text";
 
 export default function Demo() {
   return (
     <DropZone className="space-y-1">
-      <UploadIcon />
-      <Text slot="label">Drag and drop files here</Text>
+      <UploadIcon className="text-fg-muted size-5" />
+      <DropZoneLabel>Drag and drop files here</DropZoneLabel>
       <FileTrigger>
         <Button>Select files</Button>
       </FileTrigger>
diff --git a/www/src/demos/drop-zone/label.tsx b/www/src/demos/drop-zone/label.tsx
index 59b7fb838..486956872 100644
--- a/www/src/demos/drop-zone/label.tsx
+++ b/www/src/demos/drop-zone/label.tsx
@@ -1,19 +1,16 @@
-"use client";
-
 import React from "react";
 import { UploadIcon } from "lucide-react";
-import { DropZone } from "@/components/dynamic-core/drop-zone";
-import { Text } from "@/components/dynamic-core/text";
+import { DropZone, DropZoneLabel } from "@/components/dynamic-core/drop-zone";
 
 export default function Demo() {
   return (
     <div className="flex flex-col gap-4">
       <DropZone aria-label="drag and drop files here">
-        <UploadIcon />
+        <UploadIcon className="text-fg-muted size-5" />
       </DropZone>
       <DropZone>
-        <UploadIcon />
-        <Text slot="label">Drag and drop files here</Text>
+        <UploadIcon className="text-fg-muted size-5" />
+        <DropZoneLabel>Drag and drop files here</DropZoneLabel>
       </DropZone>
     </div>
   );
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert-01.tsx
index edf5d6dbc..da5c89131 100644
--- a/www/src/registry/core/alert-01.tsx
+++ b/www/src/registry/core/alert-01.tsx
@@ -12,7 +12,7 @@ import { createScopedContext } from "@/lib/helpers";
 
 const alertStyles = tv({
   slots: {
-    root: "flex w-full items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
+    root: "flex w-full items-center gap-4 rounded-lg border p-4 [&_svg]:size-4 text-sm",
     title: "font-medium leading-normal tracking-tight",
     content: "",
   },
diff --git a/www/src/registry/core/color-field.tsx b/www/src/registry/core/color-field.tsx
index 4dc57f472..e6f5bb8fa 100644
--- a/www/src/registry/core/color-field.tsx
+++ b/www/src/registry/core/color-field.tsx
@@ -13,7 +13,7 @@ import {
   type InputRootProps,
 } from "@/registry/core/input_new";
 
-const textFieldStyles = tv({
+const colorFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
 });
 
@@ -56,7 +56,7 @@ const ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {
   return (
     <AriaColorField
       className={composeRenderProps(className, (className) =>
-        textFieldStyles({ className })
+        colorFieldStyles({ className })
       )}
       {...props}
     />
diff --git a/www/src/registry/core/color-picker_new.tsx b/www/src/registry/core/color-picker_new.tsx
new file mode 100644
index 000000000..e63a47c9b
--- /dev/null
+++ b/www/src/registry/core/color-picker_new.tsx
@@ -0,0 +1,143 @@
+"use client";
+
+import React from "react";
+import {
+  getColorChannels,
+  ColorPicker as AriaColorPicker,
+  type ColorPickerProps as AriaColorPickerProps,
+  type ColorSpace,
+  composeRenderProps,
+  ColorPickerStateContext,
+  Color,
+  ColorFormat,
+} from "react-aria-components";
+import { Button, type ButtonProps } from "@/registry/core/button-01";
+import { ColorArea } from "@/registry/core/color-area";
+import { ColorField } from "@/registry/core/color-field";
+import { ColorSlider } from "@/registry/core/color-slider";
+import { ColorSwatch } from "@/registry/core/color-swatch";
+import {
+  Dialog,
+  DialogRoot,
+  DialogRootProps,
+} from "@/registry/core/dialog_basic";
+import { Item } from "@/registry/core/list-box";
+import { Select } from "@/registry/core/select";
+import { cn } from "@/registry/lib/cn";
+
+interface ColorPickerProps extends ColorPickerButtonProps {}
+const ColorPicker = ({ ...props }: ColorPickerProps) => {
+  return (
+    <ColorPickerRoot>
+      <DialogRoot>
+        <ColorPickerButton {...props} />
+        <Dialog type="popover" mobileType="drawer">
+          <ColorPickerEditor />
+        </Dialog>
+      </DialogRoot>
+    </ColorPickerRoot>
+  );
+};
+
+interface ColorPickerRootProps
+  extends React.ComponentProps<typeof AriaColorPicker> {}
+const ColorPickerRoot = (props: ColorPickerRootProps) => {
+  return <AriaColorPicker {...props} />;
+};
+
+interface ColorPickerButtonProps extends Omit<ButtonProps, "children"> {
+  children?: React.ReactNode | ((color: Color) => React.ReactNode);
+  format?: ColorFormat | "css";
+  showValue?: boolean;
+}
+const ColorPickerButton = ({
+  children,
+  format = "hex",
+  showValue = true,
+  ...props
+}: ColorPickerButtonProps) => {
+  const state = React.use(ColorPickerStateContext)!;
+  return (
+    <Button {...props}>
+      {(typeof children === "function" ? children(state.color) : children) || (
+        <>
+          <ColorSwatch />
+          {showValue && (
+            <span className="w-14 truncate text-left">
+              {state.color.toString(format)}
+            </span>
+          )}
+        </>
+      )}
+    </Button>
+  );
+};
+
+type PickerColorFormat = "hex" | "rgb" | "hsl" | "hsb";
+interface ColorPickerEditorProps extends React.ComponentProps<"div"> {
+  showAlphaChannel?: boolean;
+  colorFormat?: PickerColorFormat;
+}
+const ColorPickerEditor = ({
+  showAlphaChannel = false,
+  colorFormat: ColorFormatProp = "hex",
+  className,
+  ...props
+}: ColorPickerEditorProps) => {
+  const [colorFormat, setColorFormat] =
+    React.useState<PickerColorFormat>(ColorFormatProp);
+  return (
+    <div className={cn("mx-auto flex flex-col gap-2", className)} {...props}>
+      <div className="flex gap-2">
+        <ColorArea
+          colorSpace="hsb"
+          xChannel="saturation"
+          yChannel="brightness"
+        />
+        <ColorSlider orientation="vertical" colorSpace="hsb" channel="hue" />
+        {showAlphaChannel && (
+          <ColorSlider
+            orientation="vertical"
+            colorSpace="hsb"
+            channel="alpha"
+          />
+        )}
+      </div>
+      <Select
+        aria-label="Color format"
+        selectedKey={colorFormat}
+        onSelectionChange={(key) => setColorFormat(key as PickerColorFormat)}
+        size="sm"
+        className="w-auto"
+      >
+        <Item id="hex">Hex</Item>
+        <Item id="rgb">RGB</Item>
+        <Item id="hsl">HSL</Item>
+        <Item id="hsb">HSB</Item>
+      </Select>
+      <div className="flex items-center gap-2">
+        {colorFormat === "hex" ? (
+          <ColorField aria-label="Hex" className="w-auto flex-1" size="sm" />
+        ) : (
+          getColorChannels(colorFormat).map((channel) => (
+            <ColorField
+              key={channel}
+              colorSpace={colorFormat}
+              channel={channel}
+              className="w-10 flex-1"
+              size="sm"
+            />
+          ))
+        )}
+      </div>
+    </div>
+  );
+};
+
+export type {
+  ColorPickerProps,
+  ColorPickerRootProps,
+  ColorPickerButtonProps,
+  ColorPickerEditorProps,
+};
+export { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };
diff --git a/www/src/registry/core/color-slider.tsx b/www/src/registry/core/color-slider.tsx
index 2270a459e..57cac0297 100644
--- a/www/src/registry/core/color-slider.tsx
+++ b/www/src/registry/core/color-slider.tsx
@@ -32,7 +32,7 @@ interface ColorSliderProps extends ColorSliderRootProps {
 const ColorSlider = ({
   label,
   channel,
-  showValueLabel = true,
+  showValueLabel = false,
   ...props
 }: ColorSliderProps) => {
   return (
diff --git a/www/src/registry/core/drawer_basic.tsx b/www/src/registry/core/drawer_basic.tsx
index 5c20e70b7..0396df745 100644
--- a/www/src/registry/core/drawer_basic.tsx
+++ b/www/src/registry/core/drawer_basic.tsx
@@ -23,15 +23,15 @@ const drawerVariants = tv({
       },
       bottom: {
         overlay:
-          "top-(--visual-viewport-height) exiting:translate-y-0 entering:translate-y-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen -translate-y-full rounded-t-xl border-b-0 *:last:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]",
+          "top-(--visual-viewport-height) exiting:translate-y-0 entering:translate-y-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen -translate-y-full rounded-t-xl border-b-0", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]
       },
       left: {
         overlay:
-          "entering:-translate-x-full exiting:-translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) left-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-r-xl border-l-0 *:last:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]",
+          "entering:-translate-x-full exiting:-translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) left-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-r-xl border-l-0", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]
       },
       right: {
         overlay:
-          "entering:translate-x-full exiting:translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) right-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-l-xl border-r-0 *:last:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]",
+          "entering:translate-x-full exiting:translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) right-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-l-xl border-r-0", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]
       },
     },
   },
diff --git a/www/src/registry/core/drop-zone.tsx b/www/src/registry/core/drop-zone.tsx
index 3ca568804..bd004226f 100644
--- a/www/src/registry/core/drop-zone.tsx
+++ b/www/src/registry/core/drop-zone.tsx
@@ -3,25 +3,38 @@
 import * as React from "react";
 import {
   DropZone as AriaDropZone,
+  Text as AriaText,
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const dropZoneStyles = tv({
-  base: "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
+  slots: {
+    dropzone:
+      "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
+    label: "text-base",
+  },
 });
 
+const { dropzone, label } = dropZoneStyles();
+
 interface DropZoneProps extends React.ComponentProps<typeof AriaDropZone> {}
 const DropZone = ({ className, ...props }: DropZoneProps) => {
   return (
     <AriaDropZone
       className={composeRenderProps(className, (className) =>
-        dropZoneStyles({ className })
+        dropzone({ className })
       )}
       {...props}
     />
   );
 };
 
-export type { DropZoneProps };
-export { DropZone };
+interface DropZoneLabelProps
+  extends Omit<React.ComponentProps<typeof AriaText>, "slot"> {}
+const DropZoneLabel = ({ className, ...props }: DropZoneLabelProps) => {
+  return <AriaText slot="label" className={label({ className })} {...props} />;
+};
+
+export type { DropZoneProps, DropZoneLabelProps };
+export { DropZone, DropZoneLabel };
diff --git a/www/src/registry/core/modal_basic.tsx b/www/src/registry/core/modal_basic.tsx
index adf04c8eb..cf375d461 100644
--- a/www/src/registry/core/modal_basic.tsx
+++ b/www/src/registry/core/modal_basic.tsx
@@ -11,7 +11,7 @@ import { tv } from "tailwind-variants";
 const modalStyles = tv({
   slots: {
     underlay:
-      "h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]",
+      "h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse/40 dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]",
     overlay:
       "bg-bg entering:scale-95 exiting:scale-95 relative z-50 w-full max-w-lg scale-100 border shadow-lg duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-transform sm:rounded-lg md:w-full",
   },
diff --git a/www/src/registry/core/select.tsx b/www/src/registry/core/select.tsx
index cf7ac9b69..084e0ac95 100644
--- a/www/src/registry/core/select.tsx
+++ b/www/src/registry/core/select.tsx
@@ -13,11 +13,11 @@ import { tv } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { Field, type FieldProps } from "@/registry/core/field";
 import { ListBox, type ListBoxProps } from "@/registry/core/list-box";
-import { Overlay } from "@/registry/core/overlay";
+import { Popover } from "./popover_basic";
 
 const selectStyles = tv({
   slots: {
-    root: "flex flex-col items-start gap-2",
+    root: "flex flex-col items-start gap-2 w-48",
     selectValue: "flex-1 text-left",
   },
 });
@@ -67,7 +67,7 @@ const Select = <T extends object>({
               <SelectValue />
             </Button>
           </Field>
-          <Overlay type="popover">
+          <Popover>
             <ListBox
               isLoading={isLoading}
               items={items}
@@ -75,7 +75,7 @@ const Select = <T extends object>({
             >
               {children}
             </ListBox>
-          </Overlay>
+          </Popover>
         </>
       )}
     </SelectRoot>

From aeb0da6b41b6c48cacd8d58cb62da67ffd3bbf99 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 28 Jan 2025 17:19:17 +0100
Subject: [PATCH 061/165] fix: format

---
 package.json                                  |   7 +-
 patches/tailwind-variants.patch               |  19 ++
 pnpm-lock.yaml                                |   9 +-
 .../docs/components/data-display/badge.mdx    |   4 +-
 .../components/data-display/separator.mdx     |   2 +-
 .../docs/components/feedback/alert.mdx        |   6 +-
 www/src/__registry__/demos.tsx                | 164 +++++++++++++-----
 www/src/app/internal/page.tsx                 |  20 +--
 www/src/components/docs/component-preview.tsx |   6 +-
 www/src/components/mobile-nav.tsx             |   2 +-
 www/src/demos/drop-zone/basic.tsx             |   2 +-
 www/src/registry/core/alert-01.tsx            |   8 +-
 www/src/registry/core/calendar copy 2.tsx     |   2 +-
 www/src/registry/core/calendar_basic.tsx      |   2 +-
 www/src/registry/core/calendar_cal.tsx        |   2 +-
 www/src/registry/core/checkbox_basic.tsx      |  11 +-
 www/src/registry/core/date-input.tsx          |   2 +-
 www/src/registry/core/select.tsx              |   2 +-
 www/src/registry/core/skeleton.tsx            |   1 -
 19 files changed, 180 insertions(+), 91 deletions(-)
 create mode 100644 patches/tailwind-variants.patch

diff --git a/package.json b/package.json
index a2f538206..979c59053 100644
--- a/package.json
+++ b/package.json
@@ -52,5 +52,10 @@
     "prettier-plugin-tailwindcss": "^0.6.8",
     "turbo": "^2.0.12"
   },
-  "packageManager": "pnpm@9.5.0"
+  "packageManager": "pnpm@9.5.0",
+  "pnpm": {
+    "patchedDependencies": {
+      "tailwind-variants": "patches/tailwind-variants.patch"
+    }
+  }
 }
diff --git a/patches/tailwind-variants.patch b/patches/tailwind-variants.patch
new file mode 100644
index 000000000..64920e2d3
--- /dev/null
+++ b/patches/tailwind-variants.patch
@@ -0,0 +1,19 @@
+diff --git a/dist/transformer.d.ts b/dist/transformer.d.ts
+index 508be4d8176486bfbbccd0b8cf297465c8efd15a..998c990a7c895c36ebc7e043cc5e324190670145 100644
+--- a/dist/transformer.d.ts
++++ b/dist/transformer.d.ts
+@@ -1,10 +1,10 @@
+-import type {Config} from "tailwindcss/types/config";
+-import type {DefaultTheme} from "tailwindcss/types/generated/default-theme";
++// import type {Config} from "tailwindcss/types/config";
++// import type {DefaultTheme} from "tailwindcss/types/generated/default-theme";
+ 
+-export type DefaultScreens = keyof DefaultTheme["screens"];
++export type DefaultScreens = any
+ 
+ export type WithTV = {
+-  <C extends Config>(tvConfig: C, config?: TVTransformerConfig): C;
++  <C>(tvConfig: C, config?: TVTransformerConfig): C;
+ };
+ 
+ export declare const withTV: WithTV;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8545fc28c..4167338ad 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,6 +4,11 @@ settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
+patchedDependencies:
+  tailwind-variants:
+    hash: 3gftwx6tedpz3ddwa7homjsoma
+    path: patches/tailwind-variants.patch
+
 importers:
 
   .:
@@ -325,7 +330,7 @@ importers:
         version: 2.6.0
       tailwind-variants:
         specifier: ^0.3.1
-        version: 0.3.1(tailwindcss@4.0.0)
+        version: 0.3.1(patch_hash=3gftwx6tedpz3ddwa7homjsoma)(tailwindcss@4.0.0)
       tsx:
         specifier: ^4.7.1
         version: 4.19.2
@@ -13902,7 +13907,7 @@ snapshots:
 
   tailwind-merge@2.6.0: {}
 
-  tailwind-variants@0.3.1(tailwindcss@4.0.0):
+  tailwind-variants@0.3.1(patch_hash=3gftwx6tedpz3ddwa7homjsoma)(tailwindcss@4.0.0):
     dependencies:
       tailwind-merge: 2.5.4
       tailwindcss: 4.0.0
diff --git a/www/content/docs/components/data-display/badge.mdx b/www/content/docs/components/data-display/badge.mdx
index ead75b86d..0056ccd82 100644
--- a/www/content/docs/components/data-display/badge.mdx
+++ b/www/content/docs/components/data-display/badge.mdx
@@ -22,9 +22,9 @@ npx dotui-cli@latest add badge
 ## Anatomy
 
 ```tsx
-import { Badge } from '@/components/core/badge';
+import { Badge } from "@/components/core/badge";
 
-<Badge>Badge</Badge>
+<Badge>Badge</Badge>;
 ```
 
 ## Options
diff --git a/www/content/docs/components/data-display/separator.mdx b/www/content/docs/components/data-display/separator.mdx
index 013631d36..e5e75cff5 100644
--- a/www/content/docs/components/data-display/separator.mdx
+++ b/www/content/docs/components/data-display/separator.mdx
@@ -39,7 +39,7 @@ npx dotui-cli@latest add separator
 ## Anatomy
 
 ```tsx
-import { Separator } from '@/components/core/separator';
+import { Separator } from "@/components/core/separator";
 
 <Separator />;
 ```
diff --git a/www/content/docs/components/feedback/alert.mdx b/www/content/docs/components/feedback/alert.mdx
index 8d6f1f5ec..84ecbaebe 100644
--- a/www/content/docs/components/feedback/alert.mdx
+++ b/www/content/docs/components/feedback/alert.mdx
@@ -15,7 +15,7 @@ links:
   resizable
 />
 
-{/* ## Installation
+{/\* ## Installation
 
 ```package-install
 npx dotui-cli@latest add alert
@@ -105,6 +105,6 @@ If you need to customize things further, you can drop down the composition patte
 Alert accepts all HTML `div` element props and the following:
 
 | Prop      | Type                                                         | Default     | Description                                |
-| --------- | ------------------------------------------------------------ | ----------- | ------------------------------------------ |
+| --------- | ------------------------------------------------------------ | ----------- | ------------------------------------------ | ---- |
 | `variant` | `'default' \| 'success' \| 'warning' \| 'danger' \| 'info' ` | `'default'` | The visual style of the alert.             |
-| `fill`    | `boolean`                                                    | `false`     | Weather the visual style should be filled. | */}
+| `fill`    | `boolean`                                                    | `false`     | Weather the visual style should be filled. | \*/} |
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 86c80eede..ec251e629 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -1,9 +1,9 @@
 // This file is autogenerated by scripts/build-internal-registry.ts
-  // Do not edit this file directly.
-  import * as React from "react"
-  
-  export const Index: Record<string, any> = {
-    core: {
+// Do not edit this file directly.
+import * as React from "react";
+
+export const Index: Record<string, any> = {
+  core: {
     "alert-action": {
       name: "alert-action",
       files: ["demos/alert/action.tsx"],
@@ -102,7 +102,9 @@
     "breadcrumbs-router-integration": {
       name: "breadcrumbs-router-integration",
       files: ["demos/breadcrumbs/router-integration.tsx"],
-      component: React.lazy(() => import("@/demos/breadcrumbs/router-integration")),
+      component: React.lazy(
+        () => import("@/demos/breadcrumbs/router-integration")
+      ),
     },
     "button-default": {
       name: "button-default",
@@ -237,7 +239,9 @@
     "checkbox-group-error-message": {
       name: "checkbox-group-error-message",
       files: ["demos/checkbox-group/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/error-message")),
+      component: React.lazy(
+        () => import("@/demos/checkbox-group/error-message")
+      ),
     },
     "checkbox-group-label": {
       name: "checkbox-group-label",
@@ -257,7 +261,9 @@
     "checkbox-group-uncontrolled": {
       name: "checkbox-group-uncontrolled",
       files: ["demos/checkbox-group/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/uncontrolled")),
+      component: React.lazy(
+        () => import("@/demos/checkbox-group/uncontrolled")
+      ),
     },
     "checkbox-variants": {
       name: "checkbox-variants",
@@ -382,7 +388,9 @@
     "color-field-prefix-and-suffix": {
       name: "color-field-prefix-and-suffix",
       files: ["demos/color-field/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/color-field/prefix-and-suffix")
+      ),
     },
     "color-field-read-only": {
       name: "color-field-read-only",
@@ -597,7 +605,9 @@
     "date-field-prefix-and-suffix": {
       name: "date-field-prefix-and-suffix",
       files: ["demos/date-field/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/date-field/prefix-and-suffix")
+      ),
     },
     "date-field-read-only": {
       name: "date-field-read-only",
@@ -712,12 +722,16 @@
     "date-range-picker-composition": {
       name: "date-range-picker-composition",
       files: ["demos/date-range-picker/composition.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/composition")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/composition")
+      ),
     },
     "date-range-picker-controlled": {
       name: "date-range-picker-controlled",
       files: ["demos/date-range-picker/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/controlled")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/controlled")
+      ),
     },
     "date-range-picker-default": {
       name: "date-range-picker-default",
@@ -727,7 +741,9 @@
     "date-range-picker-description": {
       name: "date-range-picker-description",
       files: ["demos/date-range-picker/description.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/description")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/description")
+      ),
     },
     "date-range-picker-disabled": {
       name: "date-range-picker-disabled",
@@ -737,22 +753,30 @@
     "date-range-picker-error-message": {
       name: "date-range-picker-error-message",
       files: ["demos/date-range-picker/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/error-message")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/error-message")
+      ),
     },
     "date-range-picker-granularity": {
       name: "date-range-picker-granularity",
       files: ["demos/date-range-picker/granularity.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/granularity")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/granularity")
+      ),
     },
     "date-range-picker-hide-time-zone": {
       name: "date-range-picker-hide-time-zone",
       files: ["demos/date-range-picker/hide-time-zone.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/hide-time-zone")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/hide-time-zone")
+      ),
     },
     "date-range-picker-hour-cycle": {
       name: "date-range-picker-hour-cycle",
       files: ["demos/date-range-picker/hour-cycle.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/hour-cycle")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/hour-cycle")
+      ),
     },
     "date-range-picker-label": {
       name: "date-range-picker-label",
@@ -762,7 +786,9 @@
     "date-range-picker-placeholder": {
       name: "date-range-picker-placeholder",
       files: ["demos/date-range-picker/placeholder.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/placeholder")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/placeholder")
+      ),
     },
     "date-range-picker-prefix": {
       name: "date-range-picker-prefix",
@@ -772,7 +798,9 @@
     "date-range-picker-read-only": {
       name: "date-range-picker-read-only",
       files: ["demos/date-range-picker/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/read-only")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/read-only")
+      ),
     },
     "date-range-picker-required": {
       name: "date-range-picker-required",
@@ -787,12 +815,16 @@
     "date-range-picker-time-zones": {
       name: "date-range-picker-time-zones",
       files: ["demos/date-range-picker/time-zones.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/time-zones")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/time-zones")
+      ),
     },
     "date-range-picker-uncontrolled": {
       name: "date-range-picker-uncontrolled",
       files: ["demos/date-range-picker/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/uncontrolled")),
+      component: React.lazy(
+        () => import("@/demos/date-range-picker/uncontrolled")
+      ),
     },
     "dialog-alert-dialog": {
       name: "dialog-alert-dialog",
@@ -802,7 +834,9 @@
     "dialog-async-form-submission": {
       name: "dialog-async-form-submission",
       files: ["demos/dialog/async-form-submission.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/async-form-submission")),
+      component: React.lazy(
+        () => import("@/demos/dialog/async-form-submission")
+      ),
     },
     "dialog-basic": {
       name: "dialog-basic",
@@ -907,7 +941,9 @@
     "file-trigger-directory-selection": {
       name: "file-trigger-directory-selection",
       files: ["demos/file-trigger/directory-selection.tsx"],
-      component: React.lazy(() => import("@/demos/file-trigger/directory-selection")),
+      component: React.lazy(
+        () => import("@/demos/file-trigger/directory-selection")
+      ),
     },
     "file-trigger-file-types": {
       name: "file-trigger-file-types",
@@ -922,7 +958,9 @@
     "file-trigger-multiple-files": {
       name: "file-trigger-multiple-files",
       files: ["demos/file-trigger/multiple-files.tsx"],
-      component: React.lazy(() => import("@/demos/file-trigger/multiple-files")),
+      component: React.lazy(
+        () => import("@/demos/file-trigger/multiple-files")
+      ),
     },
     "list-box-async-loading": {
       name: "list-box-async-loading",
@@ -982,7 +1020,9 @@
     "list-box-label-and-description": {
       name: "list-box-label-and-description",
       files: ["demos/list-box/label-and-description.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/label-and-description")),
+      component: React.lazy(
+        () => import("@/demos/list-box/label-and-description")
+      ),
     },
     "list-box-links": {
       name: "list-box-links",
@@ -1007,7 +1047,9 @@
     "list-box-selection-behavior": {
       name: "list-box-selection-behavior",
       files: ["demos/list-box/selection-behavior.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/selection-behavior")),
+      component: React.lazy(
+        () => import("@/demos/list-box/selection-behavior")
+      ),
     },
     "list-box-selection-mode": {
       name: "list-box-selection-mode",
@@ -1147,7 +1189,9 @@
     "number-field-format-options": {
       name: "number-field-format-options",
       files: ["demos/number-field/format-options.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/format-options")),
+      component: React.lazy(
+        () => import("@/demos/number-field/format-options")
+      ),
     },
     "number-field-label": {
       name: "number-field-label",
@@ -1187,7 +1231,9 @@
     "progress-bar-custom-value-label": {
       name: "progress-bar-custom-value-label",
       files: ["demos/progress-bar/custom-value-label.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/custom-value-label")),
+      component: React.lazy(
+        () => import("@/demos/progress-bar/custom-value-label")
+      ),
     },
     "progress-bar-default": {
       name: "progress-bar-default",
@@ -1202,7 +1248,9 @@
     "progress-bar-format-options": {
       name: "progress-bar-format-options",
       files: ["demos/progress-bar/format-options.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/format-options")),
+      component: React.lazy(
+        () => import("@/demos/progress-bar/format-options")
+      ),
     },
     "progress-bar-indeterminate": {
       name: "progress-bar-indeterminate",
@@ -1217,7 +1265,9 @@
     "progress-bar-min-max-values": {
       name: "progress-bar-min-max-values",
       files: ["demos/progress-bar/min-max-values.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/min-max-values")),
+      component: React.lazy(
+        () => import("@/demos/progress-bar/min-max-values")
+      ),
     },
     "progress-bar-shape": {
       name: "progress-bar-shape",
@@ -1322,17 +1372,23 @@
     "range-calendar-error-message": {
       name: "range-calendar-error-message",
       files: ["demos/range-calendar/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/error-message")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/error-message")
+      ),
     },
     "range-calendar-non-contiguous-ranges": {
       name: "range-calendar-non-contiguous-ranges",
       files: ["demos/range-calendar/non-contiguous-ranges.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/non-contiguous-ranges")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/non-contiguous-ranges")
+      ),
     },
     "range-calendar-page-behaviour": {
       name: "range-calendar-page-behaviour",
       files: ["demos/range-calendar/page-behaviour.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/page-behaviour")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/page-behaviour")
+      ),
     },
     "range-calendar-read-only": {
       name: "range-calendar-read-only",
@@ -1342,12 +1398,16 @@
     "range-calendar-uncontrolled": {
       name: "range-calendar-uncontrolled",
       files: ["demos/range-calendar/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/uncontrolled")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/uncontrolled")
+      ),
     },
     "range-calendar-unvailable-dates": {
       name: "range-calendar-unvailable-dates",
       files: ["demos/range-calendar/unvailable-dates.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/unvailable-dates")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/unvailable-dates")
+      ),
     },
     "range-calendar-validation": {
       name: "range-calendar-validation",
@@ -1357,7 +1417,9 @@
     "range-calendar-visible-months": {
       name: "range-calendar-visible-months",
       files: ["demos/range-calendar/visible-months.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/visible-months")),
+      component: React.lazy(
+        () => import("@/demos/range-calendar/visible-months")
+      ),
     },
     "range-calendar-variant": {
       name: "range-calendar-variant",
@@ -1407,7 +1469,9 @@
     "search-field-prefix-and-suffix": {
       name: "search-field-prefix-and-suffix",
       files: ["demos/search-field/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/search-field/prefix-and-suffix")
+      ),
     },
     "search-field-read-only": {
       name: "search-field-read-only",
@@ -1527,7 +1591,9 @@
     "skeleton-fixed-size-children": {
       name: "skeleton-fixed-size-children",
       files: ["demos/skeleton/fixed-size-children.tsx"],
-      component: React.lazy(() => import("@/demos/skeleton/fixed-size-children")),
+      component: React.lazy(
+        () => import("@/demos/skeleton/fixed-size-children")
+      ),
     },
     "skeleton-show": {
       name: "skeleton-show",
@@ -1717,7 +1783,9 @@
     "text-area-prefix-and-suffix": {
       name: "text-area-prefix-and-suffix",
       files: ["demos/text-area/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/text-area/prefix-and-suffix")
+      ),
     },
     "text-area-read-only": {
       name: "text-area-read-only",
@@ -1772,7 +1840,9 @@
     "text-field-prefix-and-suffix": {
       name: "text-field-prefix-and-suffix",
       files: ["demos/text-field/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/text-field/prefix-and-suffix")
+      ),
     },
     "text-field-read-only": {
       name: "text-field-read-only",
@@ -1852,7 +1922,9 @@
     "time-field-prefix-and-suffix": {
       name: "time-field-prefix-and-suffix",
       files: ["demos/time-field/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/demos/time-field/prefix-and-suffix")
+      ),
     },
     "time-field-read-only": {
       name: "time-field-read-only",
@@ -1967,7 +2039,9 @@
     "toggle-button-group-default": {
       name: "toggle-button-group-default",
       files: ["demos/toggle-button-group/default.tsx"],
-      component: React.lazy(() => import("@/demos/toggle-button-group/default")),
+      component: React.lazy(
+        () => import("@/demos/toggle-button-group/default")
+      ),
     },
     "button-group-default": {
       name: "button-group-default",
@@ -1992,7 +2066,9 @@
     "table-disallow-empty-selection": {
       name: "table-disallow-empty-selection",
       files: ["demos/table/disallow-empty-selection.tsx"],
-      component: React.lazy(() => import("@/demos/table/disallow-empty-selection")),
+      component: React.lazy(
+        () => import("@/demos/table/disallow-empty-selection")
+      ),
     },
     "table-empty-state": {
       name: "table-empty-state",
@@ -2100,4 +2176,4 @@
       component: React.lazy(() => import("@/demos/overlay/type")),
     },
   },
-}
+};
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index f64a38dd1..ced85ab36 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -6,26 +6,14 @@ import {
   ColorPickerRoot,
 } from "@/components/dynamic-core/color-picker";
 import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
-import {
-  DialogContent,
-  DialogRoot,
-} from "@/components/dynamic-core/dialog";
+import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
 import { Drawer } from "@/registry/core/drawer_basic";
 import { Modal } from "@/registry/core/modal_basic";
 
 export default function Demo() {
   return (
-    <ColorPickerRoot defaultValue="#5100FF">
-      <DialogRoot>
-        <Button shape="square">
-          <ColorSwatch />
-        </Button>
-        <Modal>
-          <DialogContent>
-            <ColorEditor />
-          </DialogContent>
-        </Modal>
-      </DialogRoot>
-    </ColorPickerRoot>
+    <div>
+      <div data-rac="" className="not-disabled:bg-red-500 size-20"></div>
+    </div>
   );
 }
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index 3aba5a692..fc5313d71 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -48,8 +48,10 @@ export const ComponentPreview = async ({
   );
 
   return (
-    <div className={cn("rounded-md border overflow-hidden", containerClassName)}>
-      <div className="relative bg-bg-muted">
+    <div
+      className={cn("overflow-hidden rounded-md border", containerClassName)}
+    >
+      <div className="bg-bg-muted relative">
         <StyleSwitcher componentName={componentName} />
         <ThemeCustomizerDialog>
           <Tooltip
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index 16719ff5c..70d44fde8 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -25,7 +25,7 @@ export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
             drawerProps={{
               placement: "left",
             }}
-            className="p-0 w-60 flex flex-col"
+            className="flex w-60 flex-col p-0"
           >
             {({ close }) => (
               <div className="z-50 flex h-full flex-col">
diff --git a/www/src/demos/drop-zone/basic.tsx b/www/src/demos/drop-zone/basic.tsx
index 038b81c3d..77081ba08 100644
--- a/www/src/demos/drop-zone/basic.tsx
+++ b/www/src/demos/drop-zone/basic.tsx
@@ -5,7 +5,7 @@ import { DropZone } from "@/components/dynamic-core/drop-zone";
 export default function Demo() {
   return (
     <DropZone>
-      <UploadIcon className="size-5 text-fg-muted" />
+      <UploadIcon className="text-fg-muted size-5" />
     </DropZone>
   );
 }
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert-01.tsx
index da5c89131..4aa9aba2c 100644
--- a/www/src/registry/core/alert-01.tsx
+++ b/www/src/registry/core/alert-01.tsx
@@ -12,7 +12,7 @@ import { createScopedContext } from "@/lib/helpers";
 
 const alertStyles = tv({
   slots: {
-    root: "flex w-full items-center gap-4 rounded-lg border p-4 [&_svg]:size-4 text-sm",
+    root: "flex w-full items-center gap-4 rounded-lg border p-4 text-sm [&_svg]:size-4",
     title: "font-medium leading-normal tracking-tight",
     content: "",
   },
@@ -67,11 +67,7 @@ function Alert({
 }: AlertProps) {
   const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
   return (
-    <AlertRoot
-      variant={variant}
-      {...props}
-      className="@container items-start"
-    >
+    <AlertRoot variant={variant} {...props} className="@container items-start">
       <div className="pt-2">{resolvedIcon}</div>
       <div className="@sm:items-center @sm:flex-row flex flex-1 flex-col items-start gap-4">
         <div className="flex-1 space-y-0.5">
diff --git a/www/src/registry/core/calendar copy 2.tsx b/www/src/registry/core/calendar copy 2.tsx
index 7a3499565..45195e542 100644
--- a/www/src/registry/core/calendar copy 2.tsx	
+++ b/www/src/registry/core/calendar copy 2.tsx	
@@ -68,7 +68,7 @@ const calendarStyles = tv({
           "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
           "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
           "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
-          "selected:invalid:after:bg-bg-danger selected:invalid:[&:not([data-selection-start])]:[&:not([data-selection-end])]:text-fg-onDanger",
+          "selected:invalid:after:bg-bg-danger selected:invalid:not-selection-start:not-selection-end:text-fg-onDanger",
           "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
           "outside-month:hidden",
         ],
diff --git a/www/src/registry/core/calendar_basic.tsx b/www/src/registry/core/calendar_basic.tsx
index acd4e8553..664553d55 100644
--- a/www/src/registry/core/calendar_basic.tsx
+++ b/www/src/registry/core/calendar_basic.tsx
@@ -51,7 +51,7 @@ const calendarCellStyles = tv({
       "outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none",
     cell: [
       focusRing(),
-      "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:[&:not([data-disabled])]:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent",
+      "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-data-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent",
     ],
   },
   variants: {
diff --git a/www/src/registry/core/calendar_cal.tsx b/www/src/registry/core/calendar_cal.tsx
index 77bd581fe..c75c46388 100644
--- a/www/src/registry/core/calendar_cal.tsx
+++ b/www/src/registry/core/calendar_cal.tsx
@@ -52,7 +52,7 @@ const calendarCellStyles = tv({
       "outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none",
     cell: [
       focusRing(),
-      "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:[&:not([data-disabled])]:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent",
+      "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-data-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent",
     ],
   },
   variants: {
diff --git a/www/src/registry/core/checkbox_basic.tsx b/www/src/registry/core/checkbox_basic.tsx
index abb490e03..33facab9c 100644
--- a/www/src/registry/core/checkbox_basic.tsx
+++ b/www/src/registry/core/checkbox_basic.tsx
@@ -18,10 +18,9 @@ const checkboxStyles = tv({
     root: "invalid:text-fg-danger disabled:text-fg-disabled group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default",
     indicator: [
       "border-border-control flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border",
-      "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75",
-      "group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary",
+      "group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75 group-indeterminate:border-transparent",
       "group-read-only:cursor-default",
-      "group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-not-allowed",
+      "group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-default",
       "group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger",
     ],
   },
@@ -29,11 +28,11 @@ const checkboxStyles = tv({
     variant: {
       primary: {
         indicator:
-          "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary",
+          "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary",
       },
       accent: {
         indicator:
-          "group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent",
+          "group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent group-indeterminate:text-fg-onAccent",
       },
     },
     appearance: {
@@ -65,7 +64,7 @@ const checkboxStyles = tv({
     },
   ],
   defaultVariants: {
-    variant: "accent",
+    variant: "primary",
     appearance: "default",
   },
 });
diff --git a/www/src/registry/core/date-input.tsx b/www/src/registry/core/date-input.tsx
index cf538c553..a586fc9f8 100644
--- a/www/src/registry/core/date-input.tsx
+++ b/www/src/registry/core/date-input.tsx
@@ -14,7 +14,7 @@ const dateInputStyles = tv({
       "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex flex-1 items-center justify-start disabled:cursor-default",
     ],
     segment:
-      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
+      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:not-data-disabled:not-data-focused:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
   },
 });
 
diff --git a/www/src/registry/core/select.tsx b/www/src/registry/core/select.tsx
index 084e0ac95..8eabca99d 100644
--- a/www/src/registry/core/select.tsx
+++ b/www/src/registry/core/select.tsx
@@ -17,7 +17,7 @@ import { Popover } from "./popover_basic";
 
 const selectStyles = tv({
   slots: {
-    root: "flex flex-col items-start gap-2 w-48",
+    root: "flex w-48 flex-col items-start gap-2",
     selectValue: "flex-1 text-left",
   },
 });
diff --git a/www/src/registry/core/skeleton.tsx b/www/src/registry/core/skeleton.tsx
index 13349af67..3a5d652f8 100644
--- a/www/src/registry/core/skeleton.tsx
+++ b/www/src/registry/core/skeleton.tsx
@@ -1,6 +1,5 @@
 // work in progress
 // Auto layout skeleton inspiration: https://x.com/devongovett/status/1838980741197447529
-
 import { cn } from "@/registry/lib/cn";
 
 function Skeleton({

From d1603fbfd619b91d9e70020463c6a7cfa7105526 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 28 Jan 2025 17:22:48 +0100
Subject: [PATCH 062/165] fix: fix build errors

---
 www/content/docs/components/feedback/alert.mdx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/www/content/docs/components/feedback/alert.mdx b/www/content/docs/components/feedback/alert.mdx
index 84ecbaebe..9cb37fcc0 100644
--- a/www/content/docs/components/feedback/alert.mdx
+++ b/www/content/docs/components/feedback/alert.mdx
@@ -15,7 +15,7 @@ links:
   resizable
 />
 
-{/\* ## Installation
+## Installation
 
 ```package-install
 npx dotui-cli@latest add alert
@@ -105,6 +105,6 @@ If you need to customize things further, you can drop down the composition patte
 Alert accepts all HTML `div` element props and the following:
 
 | Prop      | Type                                                         | Default     | Description                                |
-| --------- | ------------------------------------------------------------ | ----------- | ------------------------------------------ | ---- |
+| --------- | ------------------------------------------------------------ | ----------- | ------------------------------------------ |
 | `variant` | `'default' \| 'success' \| 'warning' \| 'danger' \| 'info' ` | `'default'` | The visual style of the alert.             |
-| `fill`    | `boolean`                                                    | `false`     | Weather the visual style should be filled. | \*/} |
+| `fill`    | `boolean`                                                    | `false`     | Weather the visual style should be filled. |

From ab651129b12dc3415ecc8f4d70990caa02f4169a Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 29 Jan 2025 21:06:21 +0100
Subject: [PATCH 063/165] feat: color components

---
 .../docs/components/colors/color-area.mdx     |  10 +-
 .../docs/components/colors/color-field.mdx    |  54 ++--
 .../docs/components/colors/color-picker.mdx   |  67 +++--
 .../docs/components/colors/color-slider.mdx   | 103 ++++---
 .../components/colors/color-swatch-picker.mdx |  73 +++++
 .../docs/components/colors/color-swatch.mdx   |  27 +-
 www/content/docs/components/colors/meta.json  |   1 +
 .../components/date-and-time/calendar.mdx     |   1 +
 .../date-and-time/range-calendar.mdx          |   1 +
 www/src/__registry__/core/alert-01.tsx        |  20 +-
 www/src/__registry__/core/checkbox_basic.tsx  |  11 +-
 www/src/__registry__/core/color-field.tsx     |   4 +-
 www/src/__registry__/core/color-picker.tsx    | 197 +++++++++-----
 www/src/__registry__/core/color-slider.tsx    | 104 +++----
 www/src/__registry__/core/color-swatch.tsx    |   9 +-
 www/src/__registry__/core/color-thumb.tsx     |   2 +-
 www/src/__registry__/core/date-input.tsx      |   2 +-
 www/src/__registry__/core/drop-zone.tsx       |  21 +-
 www/src/__registry__/demos.tsx                |  41 ++-
 .../app/(app)/themes/components/colors.tsx    |   8 +-
 .../docs/component-preview-client.tsx         |  15 ++
 www/src/components/docs/component-preview.tsx |  18 +-
 www/src/components/dynamic-core/calendar.tsx  |  50 ----
 .../dynamic-core/color-swatch-picker.tsx      |   1 +
 .../demos/color-picker/channel-sliders.tsx    |  44 +++
 www/src/demos/color-picker/composition.tsx    |   4 +-
 www/src/demos/color-picker/controlled.tsx     |   8 +-
 www/src/demos/color-picker/default.tsx        |  19 +-
 www/src/demos/color-picker/options.tsx        |   4 +-
 www/src/demos/color-picker/swatches.tsx       |  34 +++
 www/src/demos/color-slider/composition.tsx    |   9 +-
 www/src/demos/color-swatch-picker/basic.tsx   |  18 ++
 .../demos/color-swatch-picker/controlled.tsx  |  23 ++
 .../demos/color-swatch-picker/disabled.tsx    |  18 ++
 www/src/demos/registry.ts                     |   5 +-
 www/src/lib/create-dynamic-component.tsx      |  43 +--
 www/src/registry/core/calendar copy 2.tsx     | 225 ----------------
 www/src/registry/core/color-picker.tsx        | 197 +++++++++-----
 www/src/registry/core/color-picker_new.tsx    | 143 ----------
 www/src/registry/core/color-slider copy.tsx   | 113 --------
 www/src/registry/core/color-slider.tsx        | 102 +++----
 www/src/registry/core/color-slider_new.tsx    | 255 ------------------
 www/src/registry/core/color-swatch-picker.tsx |  52 ++++
 www/src/registry/core/color-swatch.tsx        |   9 +-
 www/src/registry/core/skeleton.tsx            |   2 +-
 45 files changed, 913 insertions(+), 1254 deletions(-)
 create mode 100644 www/content/docs/components/colors/color-swatch-picker.mdx
 create mode 100644 www/src/components/dynamic-core/color-swatch-picker.tsx
 create mode 100644 www/src/demos/color-picker/channel-sliders.tsx
 create mode 100644 www/src/demos/color-picker/swatches.tsx
 create mode 100644 www/src/demos/color-swatch-picker/basic.tsx
 create mode 100644 www/src/demos/color-swatch-picker/controlled.tsx
 create mode 100644 www/src/demos/color-swatch-picker/disabled.tsx
 delete mode 100644 www/src/registry/core/calendar copy 2.tsx
 delete mode 100644 www/src/registry/core/color-picker_new.tsx
 delete mode 100644 www/src/registry/core/color-slider copy.tsx
 delete mode 100644 www/src/registry/core/color-slider_new.tsx
 create mode 100644 www/src/registry/core/color-swatch-picker.tsx

diff --git a/www/content/docs/components/colors/color-area.mdx b/www/content/docs/components/colors/color-area.mdx
index e5d23c0eb..9ece591a6 100644
--- a/www/content/docs/components/colors/color-area.mdx
+++ b/www/content/docs/components/colors/color-area.mdx
@@ -21,9 +21,7 @@ links:
 npx dotui-cli@latest add color-area
 ```
 
-## Usage
-
-Use `ColorArea` to allow users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
+## Anatomy
 
 ```tsx
 import { ColorArea } from "@/components/core/color-area";
@@ -59,9 +57,7 @@ Use the `value` and `onChange` props to control the value of the slider.
 return <ColorArea value={value} onChange={setValue} xChannel="saturation" yChannel="lightness" />`}
 />
 
-## Options
-
-### Channels
+## Channels
 
 `xChannel` and `yChannel` props may be provided to specify which color channels the color area should display
 
@@ -70,6 +66,8 @@ return <ColorArea value={value} onChange={setValue} xChannel="saturation" yChann
   preview={`<ColorArea xChannel="red" yChannel="blue" />`}
 />
 
+## Options
+
 ### Disabled
 
 Use the `isDisabled` prop to disable the color area.
diff --git a/www/content/docs/components/colors/color-field.mdx b/www/content/docs/components/colors/color-field.mdx
index 5dce02965..55f7b1821 100644
--- a/www/content/docs/components/colors/color-field.mdx
+++ b/www/content/docs/components/colors/color-field.mdx
@@ -21,9 +21,7 @@ links:
 npx dotui-cli@latest add color-field
 ```
 
-## Usage
-
-Use a `ColorField` to allow users to edit a hex color or individual color channel value.
+## Anatomy
 
 ```tsx
 import { ColorField } from "@/components/core/color-field";
@@ -43,15 +41,6 @@ import { Label, Description, FieldError } from "@/components/core/field";
 </ColorFieldRoot>;
 ```
 
-## Uncontrolled
-
-Use the `value` and `onChange` props to control the value of the input.
-
-<ComponentPreview
-  name="core/color-field/color-field-uncontrolled"
-  preview={`<ColorField defaultValue="#7f007f" />`}
-/>
-
 ## Controlled
 
 Use the `value` and `onChange` props to control the value of the input.
@@ -72,9 +61,8 @@ By default, ColorField allows the user to edit the color as a hex value. When th
   <ColorField label="Saturation" colorSpace="hsl" channel="saturation" />
   <ColorField label="Lightness" colorSpace="hsl" channel="lightness" />`}
 />
-## Options
 
-### Label
+## Label
 
 A visual label can be provided for the `ColorField` using the `label` prop or a hidden label using `aria-label` prop.
 
@@ -84,6 +72,26 @@ A visual label can be provided for the `ColorField` using the `label` prop or a
 <ColorField aria-label="Background" placeholder="Hidden label" />`}
 />
 
+## Description
+
+A description can be supplied to `ColorField` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
+
+<ComponentPreview
+  name="core/color-field/color-field-description"
+  preview={`<ColorField label="Color" description="Enter a background color." />`}
+/>
+
+## Validation
+
+By default, `ColorField` displays default validation messages provided by the browser. You can customize this using the `errorMessage` prop, which will be displayed when the `isInvalid` prop is set to `true`.
+
+<ComponentPreview
+  name="core/color-field/color-field-error-message"
+  preview={`<ColorField label="Color" isInvalid errorMessage="Please fill out this field." />`}
+/>
+
+## Options
+
 ### Size
 
 Use the `size` prop to control the size of the `ColorField`.<br/>
@@ -106,24 +114,6 @@ To add additional context for the `ColorField`, use the `prefix` and `suffix` pr
 <ColorField suffix={<PaletteIcon />} />`}
 />
 
-### Description
-
-A description can be supplied to `ColorField` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
-
-<ComponentPreview
-  name="core/color-field/color-field-description"
-  preview={`<ColorField label="Color" description="Enter a background color." />`}
-/>
-
-### Error message
-
-An `errorMessage` can be supplied to `ColorField`, which will be displayed when the `isInvalid` prop is set to `true`.
-
-<ComponentPreview
-  name="core/color-field/color-field-error-message"
-  preview={`<ColorField label="Color" isInvalid errorMessage="Please fill out this field." />`}
-/>
-
 ### Disabled
 
 Use the `isDisabled` prop to disable the `ColorField`.
diff --git a/www/content/docs/components/colors/color-picker.mdx b/www/content/docs/components/colors/color-picker.mdx
index 0b3631662..8387ecd9e 100644
--- a/www/content/docs/components/colors/color-picker.mdx
+++ b/www/content/docs/components/colors/color-picker.mdx
@@ -1,11 +1,9 @@
 ---
-title: Color Picker
+title: Color Picker ☑️
 description: A ColorPicker allow users to select and edit a color in an overlay.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ColorPicker.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ColorPicker.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -49,17 +47,6 @@ import { DialogRoot, Dialog } from "@/components/core/dialog";
 </ColorPickerRoot>;
 ```
 
-## Options
-
-`ColorPicker` accepts all [button options](/docs/components/buttons/button#options).
-
-<ComponentPreview
-  name="core/color-picker/color-picker-options"
-  preview={`<ColorPicker size="sm" shape="rectangle">
-  Fill color
-</ColorPicker>`}
-/>
-
 ## Unontrolled
 
 An initial, uncontrolled value can be provided to the `ColorPicker` using the `defaultValue` prop.
@@ -71,12 +58,23 @@ An initial, uncontrolled value can be provided to the `ColorPicker` using the `d
 
 ## Controlled
 
-Use the `value` and `onChange` props to control the color picker.
+Use the `value` and `onChange` props to control the color picker value.
 
 <ComponentPreview
   name="core/color-picker/color-picker-controlled"
   preview={`const [value, setValue] = React.useState(parseColor("hsl(25, 100%, 50%)"));
-return <ColorPicker value={value as Color & string} onChange={setValue} />;`}
+ <ColorPicker value={value} onChange={setValue} />;`}
+/>
+
+## Button options
+
+`ColorPicker` accepts all [button options](/docs/components/buttons/button#options).
+
+<ComponentPreview
+  name="core/color-picker/color-picker-options"
+  preview={`<ColorPicker size="sm" shape="rectangle">
+    Fill color
+  </ColorPicker>`}
 />
 
 ## Composition
@@ -87,23 +85,42 @@ If you need to customize things further, you can drop down to the composition le
   name="core/color-picker/color-picker-composition"
   preview={`<ColorPickerRoot defaultValue="#5100FF">
     <DialogRoot>
-      <Button><ColorSwatch /></Button>
-      <Dialog>
-        <ColorEditor />
+      <ColorPickerButton />
+      <Dialog type="popover" mobileType="drawer">
+        <ColorPickerEditor />
       </Dialog>
     </DialogRoot>
   </ColorPickerRoot>`}
 />
 
+## Examples
+
+### Channel sliders
+
+This example uses [ColorSlider](/docs/components/colors/color-slider) to allow a user to adjust each channel of a color value, with a [Select](/docs/components/menus-and-selection/select) to switch between color spaces.
+
+<ComponentPreview name="core/color-picker/color-picker-channel-sliders" />
+
+### Swatches
+
+This example uses a [ColorSwatchPicker](/docs/components/colors/color-swatch-picker) to provide color presets for a color picker.
+
+<ComponentPreview name="core/color-picker/color-picker-swatches" />
+
 ## API Reference
 
-`ColorPicker` extends and merges the props of the [Button](/components/buttons/button#api-reference) component.
+### ColorPicker
+
+`ColorPicker` props extends and [Button](/components/buttons/button#api-reference)'s props and the following
 
-| Prop           | Type                                                                                | Default | Description                                                                                               |
-| -------------- | ----------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- |
-| `value`        | `string \| Color \| null`                                                           | -       | The current value (controlled).                                                                           |
-| `defaultValue` | `string \| Color \| null`                                                           | -       | The default value (uncontrolled).                                                                         |
-| `children`     | `ReactNode \| (values: T & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -       | The children of the component. A function may be provided to alter the children based on component state. |
+| Prop                 | Type                                                                                | Default | Description                                                                                               |
+| -------------------- | ----------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- |
+| `value`              | `string \| Color`                                                                   | -       | The current value (controlled).                                                                           |
+| `defaultValue`       | `string \| Color`                                                                   | -       | The default value (uncontrolled).                                                                         |
+| `showAlphaChannel`   | `boolean`                                                                           | `false` | Whether to show the alpha channel slider.                                                                 |
+| `colorFormat`        | `'hex' \| 'rgb' \| 'hsl' \| 'hsb'`                                                  | `'hex'` | The color format to display.                                                                              |
+| `showFormatSelector` | `boolean`                                                                           | `false` | Whether to show the format selector.                                                                      |
+| `children`           | `ReactNode \| (values: T & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -       | The children of the component. A function may be provided to alter the children based on component state. |
 
 | Event      | Type                     | Description                                    |
 | ---------- | ------------------------ | ---------------------------------------------- |
diff --git a/www/content/docs/components/colors/color-slider.mdx b/www/content/docs/components/colors/color-slider.mdx
index 2f226372b..2f05913b7 100644
--- a/www/content/docs/components/colors/color-slider.mdx
+++ b/www/content/docs/components/colors/color-slider.mdx
@@ -1,11 +1,9 @@
 ---
-title: Color Slider
+title: Color Slider ☑️
 description: ColorSlider allow users to adjust an individual channel of a color value.
 links:
   - label: Aria docs
     href: https://react-spectrum.adobe.com/react-aria/ColorSlider.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ColorSlider.html#props
   - label: Report an issue
     href: https://github.com/mehdibha/dotUI/issues/new/choose
   - label: Edit this page
@@ -19,56 +17,55 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add color-slider
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Anatomy
 
-    ```package-install
-    react-aria-components
-    ```
+```tsx
+import { ColorSlider } from "@/components/core/color-slider";
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/color-slider/color-slider"]} />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
-## Usage
+<ColorSlider label="Hue" channel="hue" defaultValue="#fff" />;
+```
 
-Use `ColorSlider` to allow users to adjust an individual channel of a color value.
+```tsx
+import {
+  ColorSliderRoot,
+  ColorSliderControl,
+  ColorSliderOutput,
+} from "@/components/dynamic-core/color-slider";
+import { Label } from "@/components/dynamic-core/field";
 
-## Options
+<ColorSliderRoot defaultValue="#fff">
+  <div className="flex items-center justify-between">
+    <Label>Hue</Label>
+    <ColorSliderOutput />
+  </div>
+  <ColorSliderControl />
+</ColorSliderRoot>;
+```
 
-### Label
+## Controlled
 
-Use the `label` prop to provide a label for the color slider.
+Use the `value` and `onChange` props to control the value of the slider.
 
 <ComponentPreview
-  name="core/color-slider/color-slider-label"
-  preview={`<ColorSlider label="Hue" channel="hue" defaultValue="hsl(200, 100%, 50%)" />`}
+  name="core/color-slider/color-slider-controlled"
+  preview={`const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
+  return <ColorSlider value={value} onChange={setValue} channel="hue" />`}
 />
 
-### Orientation
+## Label
 
-`orientation` prop may be provided to specify the orientation of the color slider.
+Use the `label` prop to provide a label for the color slider.
 
 <ComponentPreview
-  name="core/color-slider/color-slider-vertical"
-  preview={`<ColorSlider orientation="vertical" channel="hue" defaultValue="hsl(0, 100%, 50%)" />`}
+  name="core/color-slider/color-slider-label"
+  preview={`<ColorSlider label="Hue" channel="hue" defaultValue="hsl(200, 100%, 50%)" />`}
 />
 
-### Channel
+## Channel
 
 `channel` prop may be provided to specify which color channel the color slider should display
 
@@ -77,32 +74,24 @@ Use the `label` prop to provide a label for the color slider.
   preview={`<ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" />`}
 />
 
-### Disabled
-
-Use the `isDisabled` prop to disable the color slider.
-
-<ComponentPreview
-  name="core/color-slider/color-slider-disabled"
-  preview={`<ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" isDisabled />`}
-/>
+## Options
 
-## Unontrolled
+### Orientation
 
-Use the `value` and `onChange` props to control the value of the slider.
+`orientation` prop may be provided to specify the orientation of the color slider.
 
 <ComponentPreview
-  name="core/color-slider/color-slider-uncontrolled"
-  preview={`<ColorSlider channel="hue" defaultValue="hsl(0, 100%, 50%)" />`}
+  name="core/color-slider/color-slider-vertical"
+  preview={`<ColorSlider orientation="vertical" channel="hue" defaultValue="hsl(0, 100%, 50%)" />`}
 />
 
-## Controlled
+### Disabled
 
-Use the `value` and `onChange` props to control the value of the slider.
+Use the `isDisabled` prop to disable the color slider.
 
 <ComponentPreview
-  name="core/color-slider/color-slider-controlled"
-  preview={`const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
-  return <ColorSlider value={value} onChange={setValue} channel="hue" />`}
+  name="core/color-slider/color-slider-disabled"
+  preview={`<ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" isDisabled />`}
 />
 
 ## Composition
@@ -112,11 +101,11 @@ If you need to customize things further, you can drop down to the composition le
 <ComponentPreview
   name="core/color-slider/color-slider-composition"
   preview={`<ColorSliderRoot channel="hue" defaultValue="hsl(0, 100%, 50%)">
-    <Label>Hue</Label>
-    <ColorSliderOutput />
-    <ColorSliderTrack>
-      <ColorThumb />
-    </ColorSliderTrack>
+    <div className="flex items-center justify-between">
+      <Label>Hue</Label>
+      <ColorSliderOutput />
+    </div>
+    <ColorSliderControl />
   </ColorSliderRoot>`}
 />
 
diff --git a/www/content/docs/components/colors/color-swatch-picker.mdx b/www/content/docs/components/colors/color-swatch-picker.mdx
new file mode 100644
index 000000000..14a9840ac
--- /dev/null
+++ b/www/content/docs/components/colors/color-swatch-picker.mdx
@@ -0,0 +1,73 @@
+---
+title: Color Swatch Picker ☑️
+description: A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.
+links:
+  - label: Aria docs
+    href: https://react-spectrum.adobe.com/react-aria/ColorSwatchPicker.html
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/colors/color-swatch-picker.mdx?plain=1
+---
+
+<ComponentPreview
+  name="core/color-swatch-picker/color-swatch-picker-basic"
+  preview={`<ColorSwatchPicker defaultValue="#fff">
+    <ColorSwatchPickerItem color="#fff" />
+    <ColorSwatchPickerItem color="#A00" />
+    <ColorSwatchPickerItem color="#f80" />
+    <ColorSwatchPickerItem color="#080" />
+    <ColorSwatchPickerItem color="#08f" />
+    <ColorSwatchPickerItem color="#088" />
+    <ColorSwatchPickerItem color="#008" />
+  </ColorSwatchPicker>`}
+/>
+
+## Installation
+
+```package-install
+npx dotui-cli@latest add color-swatch-picker
+```
+
+## Anatomy
+
+```tsx
+import {
+  ColorSwatchPicker,
+  ColorSwatchPickerItem,
+} from "@/components/core/color-swatch-picker";
+
+<ColorSwatchPicker>
+  <ColorSwatchPickerItem color="#A00" />
+  <ColorSwatchPickerItem color="#f80" />
+</ColorSwatchPicker>;
+```
+
+## Controlled
+
+<ComponentPreview name="core/color-swatch-picker/color-swatch-picker-controlled" />
+
+## Label
+
+By default, `ColorSwatchPicker` has an `aria-label` with the localized string "Color swatches". This can be overridden with a more specific accessibility label using the `aria-label` or `aria-labelledb`y props. All labels should be localized.
+
+## Options
+
+### Disabled
+
+<ComponentPreview name="core/color-swatch-picker/color-swatch-picker-disabled" />
+
+## API Reference
+
+| Prop           | Type                                                                                                                    | Default  | Description                                                                                                  |
+| -------------- | ----------------------------------------------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------ |
+| `children`     | `ReactNode`                                                                                                             | -        | The children of the component.                                                                               |
+| `layout`       | `'grid' \| 'stack'`                                                                                                     | `'grid'` | Whether the items are arranged in a stack or grid.                                                           |
+| `value`        | `string \| Color`                                                                                                       | -        | The current value (controlled).                                                                              |
+| `defaultValue` | `string \| Color`                                                                                                       | -        | The default value (uncontrolled).                                                                            |
+| `className`    | `string \| (values: ColorSwatchPickerRenderProps & {defaultClassName: string \| undefined}) => string`                  | -        | The CSS className for the element. A function may be provided to compute the class based on component state. |
+| `style`        | `CSSProperties \| (values: ColorSwatchPickerRenderProps & {defaultStyle: CSSProperties}) => CSSProperties \| undefined` | -        | The inline style for the element. A function may be provided to compute the style based on component state.  |
+
+| Event      | Type                     | Description                                    |
+| ---------- | ------------------------ | ---------------------------------------------- |
+| `onChange` | `(value: Color) => void` | Handler that is called when the value changes. |
diff --git a/www/content/docs/components/colors/color-swatch.mdx b/www/content/docs/components/colors/color-swatch.mdx
index b7e1f3f52..043931833 100644
--- a/www/content/docs/components/colors/color-swatch.mdx
+++ b/www/content/docs/components/colors/color-swatch.mdx
@@ -10,30 +10,17 @@ description: A ColorSwatch displays a preview of a selected color.
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add color-swatch
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
+## Anatomy
 
-    ```package-install
-    react-aria-components
-    ```
+```tsx
+import { ColorSwatch } from "@/components/core/color-swatch";
 
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name={["core/color-swatch/color-swatch"]} />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
+<ColorSwatch color="#f00" />;
+```
 
 ## Usage
 
@@ -43,7 +30,7 @@ Use a `ColorSwatch` to display a preview of a selected color.
 
 | Prop        | Type                                                                                                     | Default | Description                                                                                                 |
 | ----------- | -------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------------------- |
-| `color*`    | `string \| Color \| null`                                                                                | -       | The color value to display in the swatch.                                                                   |
+| `color*`    | `string \| Color`                                                                                        | -       | The color value to display in the swatch.                                                                   |
 | `children`  | `ReactNode \| (values: ColorSwatchRenderProps & {defaultChildren: ReactNode \| undefined}) => ReactNode` | -       | The children of the component. A function may be provided to alter the children based on component state.   |
 | `className` | `string`                                                                                                 | -       | The CSS className for the element.                                                                          |
 | `style`     | `CSSProperties \| (values: ColorSwatchRenderProps & {defaultStyle: CSSProperties}) => CSSProperties`     | -       | The inline style for the element. A function may be provided to compute the style based on component state. |
diff --git a/www/content/docs/components/colors/meta.json b/www/content/docs/components/colors/meta.json
index 2b76fec7e..26950b3a3 100644
--- a/www/content/docs/components/colors/meta.json
+++ b/www/content/docs/components/colors/meta.json
@@ -4,6 +4,7 @@
     "color-field",
     "color-slider",
     "color-swatch",
+    "color-swatch-picker",
     "color-picker"
   ]
 }
diff --git a/www/content/docs/components/date-and-time/calendar.mdx b/www/content/docs/components/date-and-time/calendar.mdx
index f3469af43..9ce841cfa 100644
--- a/www/content/docs/components/date-and-time/calendar.mdx
+++ b/www/content/docs/components/date-and-time/calendar.mdx
@@ -225,6 +225,7 @@ The `isReadOnly` boolean prop makes the Calendar's value immutable. Unlike `isDi
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
+  suspense
   name="core/calendar/calendar-composition"
   preview={`<CalendarRoot aria-label="Event date">
     <CalendarHeader>
diff --git a/www/content/docs/components/date-and-time/range-calendar.mdx b/www/content/docs/components/date-and-time/range-calendar.mdx
index 2067a48b7..cef16d2b4 100644
--- a/www/content/docs/components/date-and-time/range-calendar.mdx
+++ b/www/content/docs/components/date-and-time/range-calendar.mdx
@@ -262,6 +262,7 @@ The `isReadOnly` boolean prop makes the `RangeCalendar`'s value immutable. Unlik
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
+  suspense
   name="core/range-calendar/range-calendar-composition"
   preview={`<RangeCalendarRoot aria-label="Trip dates">
     <CalendarHeader>
diff --git a/www/src/__registry__/core/alert-01.tsx b/www/src/__registry__/core/alert-01.tsx
index 3b0dceb22..4aa9aba2c 100644
--- a/www/src/__registry__/core/alert-01.tsx
+++ b/www/src/__registry__/core/alert-01.tsx
@@ -12,9 +12,9 @@ import { createScopedContext } from "@/lib/helpers";
 
 const alertStyles = tv({
   slots: {
-    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
-    title: "mr-1 font-medium leading-normal tracking-tight",
-    content: "text-sm",
+    root: "flex w-full items-center gap-4 rounded-lg border p-4 text-sm [&_svg]:size-4",
+    title: "font-medium leading-normal tracking-tight",
+    content: "",
   },
   variants: {
     variant: {
@@ -67,13 +67,15 @@ function Alert({
 }: AlertProps) {
   const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
   return (
-    <AlertRoot variant={variant} {...props}>
-      {resolvedIcon}
-      <div className="flex-1 space-y-0.5">
-        <AlertTitle>{title}</AlertTitle>
-        {children && <AlertContent>{children}</AlertContent>}
+    <AlertRoot variant={variant} {...props} className="@container items-start">
+      <div className="pt-2">{resolvedIcon}</div>
+      <div className="@sm:items-center @sm:flex-row flex flex-1 flex-col items-start gap-4">
+        <div className="flex-1 space-y-0.5">
+          {title && <AlertTitle>{title}</AlertTitle>}
+          {children && <AlertContent>{children}</AlertContent>}
+        </div>
+        {action}
       </div>
-      {action}
     </AlertRoot>
   );
 }
diff --git a/www/src/__registry__/core/checkbox_basic.tsx b/www/src/__registry__/core/checkbox_basic.tsx
index abb490e03..33facab9c 100644
--- a/www/src/__registry__/core/checkbox_basic.tsx
+++ b/www/src/__registry__/core/checkbox_basic.tsx
@@ -18,10 +18,9 @@ const checkboxStyles = tv({
     root: "invalid:text-fg-danger disabled:text-fg-disabled group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default",
     indicator: [
       "border-border-control flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border",
-      "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75",
-      "group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary",
+      "group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75 group-indeterminate:border-transparent",
       "group-read-only:cursor-default",
-      "group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-not-allowed",
+      "group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-default",
       "group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger",
     ],
   },
@@ -29,11 +28,11 @@ const checkboxStyles = tv({
     variant: {
       primary: {
         indicator:
-          "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary",
+          "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary",
       },
       accent: {
         indicator:
-          "group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent",
+          "group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent group-indeterminate:text-fg-onAccent",
       },
     },
     appearance: {
@@ -65,7 +64,7 @@ const checkboxStyles = tv({
     },
   ],
   defaultVariants: {
-    variant: "accent",
+    variant: "primary",
     appearance: "default",
   },
 });
diff --git a/www/src/__registry__/core/color-field.tsx b/www/src/__registry__/core/color-field.tsx
index 4dc57f472..e6f5bb8fa 100644
--- a/www/src/__registry__/core/color-field.tsx
+++ b/www/src/__registry__/core/color-field.tsx
@@ -13,7 +13,7 @@ import {
   type InputRootProps,
 } from "@/registry/core/input_new";
 
-const textFieldStyles = tv({
+const colorFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
 });
 
@@ -56,7 +56,7 @@ const ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {
   return (
     <AriaColorField
       className={composeRenderProps(className, (className) =>
-        textFieldStyles({ className })
+        colorFieldStyles({ className })
       )}
       {...props}
     />
diff --git a/www/src/__registry__/core/color-picker.tsx b/www/src/__registry__/core/color-picker.tsx
index 82e63687c..c3b38466c 100644
--- a/www/src/__registry__/core/color-picker.tsx
+++ b/www/src/__registry__/core/color-picker.tsx
@@ -2,68 +2,117 @@
 
 import React from "react";
 import {
-  getColorChannels,
   ColorPicker as AriaColorPicker,
-  type ColorPickerProps as AriaColorPickerProps,
-  type ColorSpace,
+  ColorPickerStateContext,
+  getColorChannels,
   composeRenderProps,
+  type ColorFormat,
 } from "react-aria-components";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { ColorArea } from "@/registry/core/color-area";
 import { ColorField } from "@/registry/core/color-field";
 import { ColorSlider } from "@/registry/core/color-slider";
 import { ColorSwatch } from "@/registry/core/color-swatch";
-import {
-  Dialog,
-  DialogRoot,
-  DialogRootProps,
-} from "@/registry/core/dialog_basic";
+import { Dialog, DialogProps, DialogRoot } from "@/registry/core/dialog_basic";
 import { Item } from "@/registry/core/list-box";
 import { Select } from "@/registry/core/select";
 import { cn } from "@/registry/lib/cn";
 
-type ColorPickerProps = ColorPickerRootProps &
-  Omit<ButtonProps, "children"> &
-  Pick<DialogRootProps, "onOpenChange">;
+interface ColorPickerProps
+  extends ColorPickerRootProps,
+    Omit<ColorPickerButtonProps, "children" | "value">,
+    Pick<
+      ColorPickerEditorProps,
+      "showAlphaChannel" | "colorFormat" | "showFormatSelector"
+    >,
+    Pick<DialogProps, "isOpen" | "onOpenChange"> {}
 const ColorPicker = ({
-  slot,
   value,
   defaultValue,
   onChange,
-  shape = "square",
+  children,
+  showAlphaChannel,
+  colorFormat,
+  showFormatSelector,
+  isOpen,
   onOpenChange,
   ...props
 }: ColorPickerProps) => {
   return (
     <ColorPickerRoot
-      slot={slot}
       value={value}
       defaultValue={defaultValue}
       onChange={onChange}
+      {...props}
     >
-      {composeRenderProps(props.children, (children) => (
-        <DialogRoot onOpenChange={onOpenChange}>
-          <Button shape={shape} {...props}>
-            <ColorSwatch />
-            {children}
-          </Button>
-          <Dialog type="popover" mobileType="drawer">
-            <ColorEditor className="mx-auto" />
-          </Dialog>
-        </DialogRoot>
+      {composeRenderProps(children, (children) => (
+        <>
+          <DialogRoot isOpen={isOpen} onOpenChange={onOpenChange}>
+            <ColorPickerButton {...props}>{children}</ColorPickerButton>
+            <Dialog type="popover" mobileType="drawer">
+              <ColorPickerEditor
+                showAlphaChannel={showAlphaChannel}
+                colorFormat={colorFormat}
+                showFormatSelector={showFormatSelector}
+              />
+            </Dialog>
+          </DialogRoot>
+        </>
       ))}
     </ColorPickerRoot>
   );
 };
 
-type ColorPickerRootProps = AriaColorPickerProps;
+interface ColorPickerRootProps
+  extends React.ComponentProps<typeof AriaColorPicker> {}
 const ColorPickerRoot = (props: ColorPickerRootProps) => {
-  return <AriaColorPicker {...props} />;
+  return <AriaColorPicker value="" onChange={() => {}} {...props} />;
 };
 
-type ColorEditorProps = React.HTMLAttributes<HTMLDivElement>;
-const ColorEditor = ({ className, ...props }: ColorEditorProps) => {
-  const [space, setSpace] = React.useState<ColorSpace | "hex">("hsl");
+interface ColorPickerButtonProps extends Omit<ButtonProps, "children"> {
+  children?: React.ReactNode;
+  format?: ColorFormat | "css";
+  showValue?: boolean;
+}
+const ColorPickerButton = ({
+  children,
+  format = "hex",
+  showValue = true,
+  ...props
+}: ColorPickerButtonProps) => {
+  const state = React.use(ColorPickerStateContext)!;
+  return (
+    <Button {...props}>
+      {children || (
+        <>
+          <ColorSwatch />
+          {showValue && (
+            <span className="w-14 truncate text-left">
+              {state.color.toString(format)}
+            </span>
+          )}
+        </>
+      )}
+    </Button>
+  );
+};
+
+type PickerColorFormat = "hex" | "rgb" | "hsl" | "hsb";
+interface ColorPickerEditorProps extends React.ComponentProps<"div"> {
+  showAlphaChannel?: boolean;
+  colorFormat?: PickerColorFormat;
+  showFormatSelector?: boolean;
+}
+const ColorPickerEditor = ({
+  showAlphaChannel = false,
+  colorFormat: ColorFormatProp = "hex",
+  showFormatSelector = true,
+  className,
+  ...props
+}: ColorPickerEditorProps) => {
+  const [colorFormat, setColorFormat] =
+    React.useState<PickerColorFormat>(ColorFormatProp);
+
   return (
     <div className={cn("mx-auto flex flex-col gap-2", className)} {...props}>
       <div className="flex gap-2">
@@ -72,51 +121,61 @@ const ColorEditor = ({ className, ...props }: ColorEditorProps) => {
           xChannel="saturation"
           yChannel="brightness"
         />
-        <ColorSlider
-          orientation="vertical"
-          colorSpace="hsb"
-          channel="hue"
-          showValueLabel={false}
-        />
-        {/* <ColorSlider
-          orientation="vertical"
-          colorSpace="hsb"
-          channel="alpha"
-          showValueLabel={false}
-        /> */}
+        <ColorSlider orientation="vertical" colorSpace="hsb" channel="hue" />
+        {showAlphaChannel && (
+          <ColorSlider
+            orientation="vertical"
+            colorSpace="hsb"
+            channel="alpha"
+          />
+        )}
       </div>
-      <div className="flex items-center gap-2">
-        <Select
-          selectedKey={space}
-          onSelectionChange={(s) => setSpace(s as ColorSpace)}
-          size="sm"
-        >
-          <Item id="hex">Hex</Item>
-          <Item id="rgb">RGB</Item>
-          <Item id="hsl">HSL</Item>
-          <Item id="hsb">HSB</Item>
-        </Select>
-        {space === "hex" ? (
-          <ColorField
-            aria-label="Hex"
-            className="shrink-1 w-[40px] flex-1 basis-0"
+      <div
+        className={cn(
+          "flex flex-col gap-2",
+          colorFormat === "hex" && "flex-row"
+        )}
+      >
+        {showFormatSelector && (
+          <Select
+            aria-label="Color format"
+            selectedKey={colorFormat}
+            onSelectionChange={(key) =>
+              setColorFormat(key as PickerColorFormat)
+            }
             size="sm"
-          />
-        ) : (
-          getColorChannels(space).map((channel) => (
-            <ColorField
-              key={channel}
-              colorSpace={space}
-              channel={channel}
-              className="shrink-1 w-[40px] flex-1 basis-0"
-              size="sm"
-            />
-          ))
+            className="w-auto"
+          >
+            <Item id="hex">Hex</Item>
+            <Item id="rgb">RGB</Item>
+            <Item id="hsl">HSL</Item>
+            <Item id="hsb">HSB</Item>
+          </Select>
         )}
+        <div className="flex flex-1 items-center gap-2">
+          {colorFormat === "hex" ? (
+            <ColorField aria-label="Hex" className="w-10 flex-1" size="sm" />
+          ) : (
+            getColorChannels(colorFormat).map((channel) => (
+              <ColorField
+                key={channel}
+                colorSpace={colorFormat}
+                channel={channel}
+                className="w-10 flex-1"
+                size="sm"
+              />
+            ))
+          )}
+        </div>
       </div>
     </div>
   );
 };
 
-export type { ColorPickerProps, ColorPickerRootProps, ColorEditorProps };
-export { ColorPicker, ColorPickerRoot, ColorEditor };
+export type {
+  ColorPickerProps,
+  ColorPickerRootProps,
+  ColorPickerButtonProps,
+  ColorPickerEditorProps,
+};
+export { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };
diff --git a/www/src/__registry__/core/color-slider.tsx b/www/src/__registry__/core/color-slider.tsx
index 2270a459e..b8fe337f3 100644
--- a/www/src/__registry__/core/color-slider.tsx
+++ b/www/src/__registry__/core/color-slider.tsx
@@ -5,26 +5,40 @@ import {
   ColorSlider as AriaColorSlider,
   SliderOutput as AriaSliderOutput,
   SliderTrack as AriaSliderTrack,
-  type ColorSliderProps as AriaColorSliderProps,
-  type SliderOutputProps as AriaSliderOutputProps,
-  type SliderTrackProps as AriaSliderTrackProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { ColorThumb } from "@/registry/core/color-thumb";
 import { Label } from "@/registry/core/field";
-import { cn } from "@/registry/lib/cn";
 
 const colorSliderStyles = tv({
   slots: {
-    root: "group/color-slider orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
+    root: "group flex flex-col gap-2",
     output: "text-fg-muted text-sm",
-    track: [
-      "orientation-horizontal:w-full orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-full disabled:bg-bg-disabled! rounded-md",
-      "relative before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
-    ],
+    track:
+      "cursor-pointer disabled:[background:var(--color-bg-disabled)]! relative rounded-md before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
+    thumb: "",
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: "w-48",
+        track: "h-6 w-full",
+        thumb: "top-1/2",
+      },
+      vertical: {
+        root: "h-48 items-center",
+        track: "w-6 flex-1",
+        thumb: "left-1/2",
+      },
+    },
+  },
+  defaultVariants: {
+    orientation: "horizontal",
   },
 });
 
+const { root, track, thumb, output } = colorSliderStyles();
+
 interface ColorSliderProps extends ColorSliderRootProps {
   showValueLabel?: boolean;
   label?: string;
@@ -32,68 +46,64 @@ interface ColorSliderProps extends ColorSliderRootProps {
 const ColorSlider = ({
   label,
   channel,
-  showValueLabel = true,
+  showValueLabel = false,
   ...props
 }: ColorSliderProps) => {
   return (
     <ColorSliderRoot channel={channel} {...props}>
       {(label || showValueLabel) && (
-        <div
-          className={cn(
-            "flex items-center justify-between gap-2",
-            !label && "justify-end"
+        <div className="grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']">
+          {label && <Label className="[grid-area:label]">{label}</Label>}
+          {showValueLabel && (
+            <ColorSliderOutput className="[grid-area:value]" />
           )}
-        >
-          {label && <Label>{label}</Label>}
-          {showValueLabel && <ColorSliderOutput />}
         </div>
       )}
-      <ColorSliderTrack>
-        <ColorThumb />
-      </ColorSliderTrack>
+      <ColorSliderControl />
     </ColorSliderRoot>
   );
 };
 
-type ColorSliderRootProps = AriaColorSliderProps;
-const ColorSliderRoot = (props: ColorSliderRootProps) => {
-  const { root } = colorSliderStyles();
+interface ColorSliderRootProps
+  extends React.ComponentProps<typeof AriaColorSlider> {}
+const ColorSliderRoot = ({ className, ...props }: ColorSliderRootProps) => {
   return (
     <AriaColorSlider
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
+      className={composeRenderProps(className, (className, { orientation }) =>
+        root({ orientation, className })
       )}
+      {...props}
     />
   );
 };
 
-type ColorSliderTrackProps = AriaSliderTrackProps;
-const ColorSliderTrack = (props: ColorSliderTrackProps) => {
-  const { track } = colorSliderStyles();
+interface ColorSliderControlProps
+  extends React.ComponentProps<typeof AriaSliderTrack> {}
+const ColorSliderControl = ({
+  className,
+  ...props
+}: ColorSliderControlProps) => {
   return (
     <AriaSliderTrack
-      {...props}
-      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
-        ...style,
-        ...(isDisabled ? { background: "none" } : {}),
-      }))}
-      className={composeRenderProps(props.className, (className) =>
-        track({ className })
+      className={composeRenderProps(className, (className, { orientation }) =>
+        track({ orientation, className })
       )}
-    />
+      {...props}
+    >
+      {({ orientation }) => <ColorThumb className={thumb({ orientation })} />}
+    </AriaSliderTrack>
   );
 };
 
-type ColorSliderOutputProps = AriaSliderOutputProps;
-const ColorSliderOutput = (props: ColorSliderOutputProps) => {
-  const { output } = colorSliderStyles();
+interface ColorSliderOutputProps
+  extends React.ComponentProps<typeof AriaSliderOutput> {}
+const ColorSliderOutput = ({ className, ...props }: ColorSliderOutputProps) => {
   return (
     <AriaSliderOutput
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
+      className={composeRenderProps(className, (className) =>
         output({ className })
       )}
+      {...props}
     />
   );
 };
@@ -101,13 +111,7 @@ const ColorSliderOutput = (props: ColorSliderOutputProps) => {
 export type {
   ColorSliderProps,
   ColorSliderRootProps,
-  ColorSliderTrackProps,
+  ColorSliderControlProps,
   ColorSliderOutputProps,
 };
-export {
-  ColorSlider,
-  ColorSliderRoot,
-  ColorSliderOutput,
-  ColorSliderTrack,
-  colorSliderStyles,
-};
+export { ColorSlider, ColorSliderRoot, ColorSliderOutput, ColorSliderControl };
diff --git a/www/src/__registry__/core/color-swatch.tsx b/www/src/__registry__/core/color-swatch.tsx
index 8bd8a4861..e2a7dc103 100644
--- a/www/src/__registry__/core/color-swatch.tsx
+++ b/www/src/__registry__/core/color-swatch.tsx
@@ -7,17 +7,22 @@ import {
 import { tv } from "tailwind-variants";
 
 const colorSwatchStyles = tv({
-  base: "size-5 rounded-sm border",
+  base: "relative size-5 rounded-sm border",
 });
 
 interface ColorSwatchProps
   extends React.ComponentProps<typeof AriaColorSwatch> {}
-const ColorSwatch = ({ className, ...props }: ColorSwatchProps) => {
+const ColorSwatch = ({ className, style, ...props }: ColorSwatchProps) => {
   return (
     <AriaColorSwatch
       className={composeRenderProps(className, (className) =>
         colorSwatchStyles({ className })
       )}
+      style={composeRenderProps(style, (style, { color }) => ({
+        ...style,
+        background: `linear-gradient(${color}, ${color}),
+        repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`,
+      }))}
       {...props}
     />
   );
diff --git a/www/src/__registry__/core/color-thumb.tsx b/www/src/__registry__/core/color-thumb.tsx
index 0841061a0..a0f6fd058 100644
--- a/www/src/__registry__/core/color-thumb.tsx
+++ b/www/src/__registry__/core/color-thumb.tsx
@@ -10,7 +10,7 @@ import { focusRing } from "@/registry/lib/focus-styles";
 const colorThumbStyles = tv({
   extend: focusRing,
   base: [
-    "disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40",
+    "cursor-pointer disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40",
     "group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2",
   ],
 });
diff --git a/www/src/__registry__/core/date-input.tsx b/www/src/__registry__/core/date-input.tsx
index cf538c553..a586fc9f8 100644
--- a/www/src/__registry__/core/date-input.tsx
+++ b/www/src/__registry__/core/date-input.tsx
@@ -14,7 +14,7 @@ const dateInputStyles = tv({
       "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex flex-1 items-center justify-start disabled:cursor-default",
     ],
     segment:
-      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:[&:not([data-disabled])]:[&:not([data-focused])]:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
+      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:not-data-disabled:not-data-focused:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
   },
 });
 
diff --git a/www/src/__registry__/core/drop-zone.tsx b/www/src/__registry__/core/drop-zone.tsx
index 3ca568804..bd004226f 100644
--- a/www/src/__registry__/core/drop-zone.tsx
+++ b/www/src/__registry__/core/drop-zone.tsx
@@ -3,25 +3,38 @@
 import * as React from "react";
 import {
   DropZone as AriaDropZone,
+  Text as AriaText,
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const dropZoneStyles = tv({
-  base: "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
+  slots: {
+    dropzone:
+      "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
+    label: "text-base",
+  },
 });
 
+const { dropzone, label } = dropZoneStyles();
+
 interface DropZoneProps extends React.ComponentProps<typeof AriaDropZone> {}
 const DropZone = ({ className, ...props }: DropZoneProps) => {
   return (
     <AriaDropZone
       className={composeRenderProps(className, (className) =>
-        dropZoneStyles({ className })
+        dropzone({ className })
       )}
       {...props}
     />
   );
 };
 
-export type { DropZoneProps };
-export { DropZone };
+interface DropZoneLabelProps
+  extends Omit<React.ComponentProps<typeof AriaText>, "slot"> {}
+const DropZoneLabel = ({ className, ...props }: DropZoneLabelProps) => {
+  return <AriaText slot="label" className={label({ className })} {...props} />;
+};
+
+export type { DropZoneProps, DropZoneLabelProps };
+export { DropZone, DropZoneLabel };
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index ec251e629..1e03a5b61 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -407,11 +407,6 @@ export const Index: Record<string, any> = {
       files: ["demos/color-field/sizes.tsx"],
       component: React.lazy(() => import("@/demos/color-field/sizes")),
     },
-    "color-field-uncontrolled": {
-      name: "color-field-uncontrolled",
-      files: ["demos/color-field/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/uncontrolled")),
-    },
     "color-picker-composition": {
       name: "color-picker-composition",
       files: ["demos/color-picker/composition.tsx"],
@@ -437,6 +432,18 @@ export const Index: Record<string, any> = {
       files: ["demos/color-picker/uncontrolled.tsx"],
       component: React.lazy(() => import("@/demos/color-picker/uncontrolled")),
     },
+    "color-picker-channel-sliders": {
+      name: "color-picker-channel-sliders",
+      files: ["demos/color-picker/channel-sliders.tsx"],
+      component: React.lazy(
+        () => import("@/demos/color-picker/channel-sliders")
+      ),
+    },
+    "color-picker-swatches": {
+      name: "color-picker-swatches",
+      files: ["demos/color-picker/swatches.tsx"],
+      component: React.lazy(() => import("@/demos/color-picker/swatches")),
+    },
     "color-slider-channel": {
       name: "color-slider-channel",
       files: ["demos/color-slider/channel.tsx"],
@@ -467,11 +474,6 @@ export const Index: Record<string, any> = {
       files: ["demos/color-slider/label.tsx"],
       component: React.lazy(() => import("@/demos/color-slider/label")),
     },
-    "color-slider-uncontrolled": {
-      name: "color-slider-uncontrolled",
-      files: ["demos/color-slider/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/color-slider/uncontrolled")),
-    },
     "color-slider-vertical": {
       name: "color-slider-vertical",
       files: ["demos/color-slider/vertical.tsx"],
@@ -482,6 +484,25 @@ export const Index: Record<string, any> = {
       files: ["demos/color-swatch/default.tsx"],
       component: React.lazy(() => import("@/demos/color-swatch/default")),
     },
+    "color-swatch-picker-basic": {
+      name: "color-swatch-picker-basic",
+      files: ["demos/color-swatch-picker/basic.tsx"],
+      component: React.lazy(() => import("@/demos/color-swatch-picker/basic")),
+    },
+    "color-swatch-picker-controlled": {
+      name: "color-swatch-picker-controlled",
+      files: ["demos/color-swatch-picker/controlled.tsx"],
+      component: React.lazy(
+        () => import("@/demos/color-swatch-picker/controlled")
+      ),
+    },
+    "color-swatch-picker-disabled": {
+      name: "color-swatch-picker-disabled",
+      files: ["demos/color-swatch-picker/disabled.tsx"],
+      component: React.lazy(
+        () => import("@/demos/color-swatch-picker/disabled")
+      ),
+    },
     "combobox-async-loading": {
       name: "combobox-async-loading",
       files: ["demos/combobox/async-loading.tsx"],
diff --git a/www/src/app/(app)/themes/components/colors.tsx b/www/src/app/(app)/themes/components/colors.tsx
index 1e9961ec4..cb358f9c1 100644
--- a/www/src/app/(app)/themes/components/colors.tsx
+++ b/www/src/app/(app)/themes/components/colors.tsx
@@ -6,7 +6,7 @@ import { cn } from "@/lib/cn";
 import { focusRing } from "@/lib/focus-styles";
 import { useThemes } from "@/hooks/use-themes";
 import {
-  ColorEditor,
+  ColorPickerEditor,
   ColorPicker,
   ColorPickerRoot,
 } from "@/components/core/color-picker";
@@ -110,7 +110,7 @@ export const Colors = (props: React.HTMLAttributes<HTMLDivElement>) => {
         <Skeleton show={isLoading}>
           <Slider
             label="Lightness"
-            valueLabel={(value) => `${value[0]}%`}
+            getValueLabel={(value) => `${value[0]}%`}
             value={currentTheme.colors[mode].lightness}
             onChange={(value) =>
               handleColorConfigChange("lightness", value as number)
@@ -124,7 +124,7 @@ export const Colors = (props: React.HTMLAttributes<HTMLDivElement>) => {
           <Slider
             label="Saturation"
             size="sm"
-            valueLabel={(value) => `${value[0]}%`}
+            getValueLabel={(value) => `${value[0]}%`}
             value={currentTheme.colors[mode].saturation}
             onChange={(value) =>
               handleColorConfigChange("saturation", value as number)
@@ -176,7 +176,7 @@ const ColorScale = ({ label, value }: { label: string; value: BaseColor }) => {
                       <ColorSwatch className="size-full rounded-[inherit]" />
                     </AriaButton>
                     <Dialog type="popover" mobileType="drawer">
-                      <ColorEditor className="mx-auto" />
+                      <ColorPickerEditor />
                     </Dialog>
                   </DialogRoot>
                 </ColorPickerRoot>
diff --git a/www/src/components/docs/component-preview-client.tsx b/www/src/components/docs/component-preview-client.tsx
index e3c214de3..d57a6b3a9 100644
--- a/www/src/components/docs/component-preview-client.tsx
+++ b/www/src/components/docs/component-preview-client.tsx
@@ -13,6 +13,21 @@ export const Loader = ({ children }: { children: React.ReactNode }) => {
   return <Skeleton show={!isMounted}>{children}</Skeleton>;
 };
 
+export const ComponentWrapper = ({
+  suspense,
+  fallback = <Skeleton className="h-40" />,
+  children,
+}: {
+  suspense?: boolean;
+  fallback?: React.ReactNode;
+  children: React.ReactNode;
+}) => {
+  if (suspense) {
+    return <React.Suspense fallback={fallback}>{children}</React.Suspense>;
+  }
+  return children;
+};
+
 export const ResizableContainer = ({
   children,
   resizable,
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index fc5313d71..783889829 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -7,7 +7,11 @@ import { Button } from "@/components/core/button";
 import { Tooltip } from "@/components/core/tooltip";
 import { CodeBlock } from "@/components/docs/code-block";
 import { Index } from "@/__registry__/demos";
-import { Loader, ResizableContainer } from "./component-preview-client";
+import {
+  ComponentWrapper,
+  Loader,
+  ResizableContainer,
+} from "./component-preview-client";
 import { StyleSwitcher } from "./style-switcher";
 import { ThemeCustomizerDialog } from "./theme-customizer";
 import { ThemeOverride } from "./theme-override";
@@ -20,6 +24,7 @@ export interface ComponentPreviewProps {
   expandable?: boolean;
   fullWidth?: boolean;
   resizable?: boolean;
+  suspense?: boolean;
 }
 
 export const ComponentPreview = async ({
@@ -29,6 +34,7 @@ export const ComponentPreview = async ({
   expandable = true,
   fullWidth = false,
   resizable = false,
+  suspense = false,
 }: ComponentPreviewProps) => {
   const type = name.split("/")[0];
   const componentName = name.split("/")[1];
@@ -52,7 +58,11 @@ export const ComponentPreview = async ({
       className={cn("overflow-hidden rounded-md border", containerClassName)}
     >
       <div className="bg-bg-muted relative">
-        <StyleSwitcher componentName={componentName} />
+        <StyleSwitcher
+          componentName={
+            componentName === "range-calendar" ? "calendar" : componentName
+          }
+        />
         <ThemeCustomizerDialog>
           <Tooltip
             content={
@@ -88,7 +98,9 @@ export const ComponentPreview = async ({
                       fullWidth ? "w-full" : "flex items-center justify-center"
                     )}
                   >
-                    <Component />
+                    <ComponentWrapper suspense={suspense}>
+                      <Component />
+                    </ComponentWrapper>
                   </div>
                 </div>
               </ScrollArea>
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index ea622d433..fc3d92500 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -33,11 +33,6 @@ export const Calendar = createDynamicComponent<CalendarProps<DateValue>>(
   "Calendar",
   _Calendar,
   {
-    calendar_basic: React.lazy(() =>
-      import("@/registry/core/calendar_basic").then((mod) => ({
-        default: mod.Calendar,
-      }))
-    ),
     calendar_cal: React.lazy(() =>
       import("@/registry/core/calendar_cal").then((mod) => ({
         default: mod.Calendar,
@@ -49,11 +44,6 @@ export const Calendar = createDynamicComponent<CalendarProps<DateValue>>(
 export const RangeCalendar = createDynamicComponent<
   RangeCalendarProps<DateValue>
 >("calendar", "RangeCalendar", _RangeCalendar, {
-  calendar_basic: React.lazy(() =>
-    import("@/registry/core/calendar_basic").then((mod) => ({
-      default: mod.RangeCalendar,
-    }))
-  ),
   calendar_cal: React.lazy(() =>
     import("@/registry/core/calendar_cal").then((mod) => ({
       default: mod.RangeCalendar,
@@ -64,11 +54,6 @@ export const RangeCalendar = createDynamicComponent<
 export const CalendarRoot = createDynamicComponent<
   CalendarRootProps<DateValue>
 >("calendar", "CalendarRoot", _CalendarRoot, {
-  calendar_basic: React.lazy(() =>
-    import("@/registry/core/calendar_basic").then((mod) => ({
-      default: mod.CalendarRoot,
-    }))
-  ),
   calendar_cal: React.lazy(() =>
     import("@/registry/core/calendar_cal").then((mod) => ({
       default: mod.CalendarRoot,
@@ -79,11 +64,6 @@ export const CalendarRoot = createDynamicComponent<
 export const RangeCalendarRoot = createDynamicComponent<
   RangeCalendarRootProps<DateValue>
 >("calendar", "RangeCalendarRoot", _RangeCalendarRoot, {
-  calendar_basic: React.lazy(() =>
-    import("@/registry/core/calendar_basic").then((mod) => ({
-      default: mod.RangeCalendarRoot,
-    }))
-  ),
   calendar_cal: React.lazy(() =>
     import("@/registry/core/calendar_cal").then((mod) => ({
       default: mod.RangeCalendarRoot,
@@ -96,11 +76,6 @@ export const CalendarHeader = createDynamicComponent<CalendarHeaderProps>(
   "CalendarHeader",
   _CalendarHeader,
   {
-    calendar_basic: React.lazy(() =>
-      import("@/registry/core/calendar_basic").then((mod) => ({
-        default: mod.CalendarHeader,
-      }))
-    ),
     calendar_cal: React.lazy(() =>
       import("@/registry/core/calendar_cal").then((mod) => ({
         default: mod.CalendarHeader,
@@ -114,11 +89,6 @@ export const CalendarGrid = createDynamicComponent<CalendarGridProps>(
   "CalendarGrid",
   _CalendarGrid,
   {
-    calendar_basic: React.lazy(() =>
-      import("@/registry/core/calendar_basic").then((mod) => ({
-        default: mod.CalendarGrid,
-      }))
-    ),
     calendar_cal: React.lazy(() =>
       import("@/registry/core/calendar_cal").then((mod) => ({
         default: mod.CalendarGrid,
@@ -133,11 +103,6 @@ export const CalendarGridHeader =
     "CalendarGridHeader",
     _CalendarGridHeader,
     {
-      calendar_basic: React.lazy(() =>
-        import("@/registry/core/calendar_basic").then((mod) => ({
-          default: mod.CalendarGridHeader,
-        }))
-      ),
       calendar_cal: React.lazy(() =>
         import("@/registry/core/calendar_cal").then((mod) => ({
           default: mod.CalendarGridHeader,
@@ -152,11 +117,6 @@ export const CalendarHeaderCell =
     "CalendarHeaderCell",
     _CalendarHeaderCell,
     {
-      calendar_basic: React.lazy(() =>
-        import("@/registry/core/calendar_basic").then((mod) => ({
-          default: mod.CalendarHeaderCell,
-        }))
-      ),
       calendar_cal: React.lazy(() =>
         import("@/registry/core/calendar_cal").then((mod) => ({
           default: mod.CalendarHeaderCell,
@@ -170,11 +130,6 @@ export const CalendarGridBody = createDynamicComponent<CalendarGridBodyProps>(
   "CalendarGridBody",
   _CalendarGridBody,
   {
-    calendar_basic: React.lazy(() =>
-      import("@/registry/core/calendar_basic").then((mod) => ({
-        default: mod.CalendarGridBody,
-      }))
-    ),
     calendar_cal: React.lazy(() =>
       import("@/registry/core/calendar_cal").then((mod) => ({
         default: mod.CalendarGridBody,
@@ -188,11 +143,6 @@ export const CalendarCell = createDynamicComponent<CalendarCellProps>(
   "CalendarCell",
   _CalendarCell,
   {
-    calendar_basic: React.lazy(() =>
-      import("@/registry/core/calendar_basic").then((mod) => ({
-        default: mod.CalendarCell,
-      }))
-    ),
     calendar_cal: React.lazy(() =>
       import("@/registry/core/calendar_cal").then((mod) => ({
         default: mod.CalendarCell,
diff --git a/www/src/components/dynamic-core/color-swatch-picker.tsx b/www/src/components/dynamic-core/color-swatch-picker.tsx
new file mode 100644
index 000000000..6e90867fa
--- /dev/null
+++ b/www/src/components/dynamic-core/color-swatch-picker.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/color-swatch-picker";
diff --git a/www/src/demos/color-picker/channel-sliders.tsx b/www/src/demos/color-picker/channel-sliders.tsx
new file mode 100644
index 000000000..72a3e6976
--- /dev/null
+++ b/www/src/demos/color-picker/channel-sliders.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import React from "react";
+import { getColorChannels, type ColorSpace } from "react-aria-components";
+import {
+  ColorPickerRoot,
+  ColorPickerButton,
+} from "@/components/dynamic-core/color-picker";
+import { Dialog, DialogRoot } from "@/components/dynamic-core/dialog";
+import { ColorSlider } from "@/registry/core/color-slider";
+import { Item } from "@/registry/core/list-box";
+import { Select } from "@/registry/core/select";
+
+export default function Demo() {
+  const [space, setSpace] = React.useState<ColorSpace>("rgb");
+  return (
+    <ColorPickerRoot defaultValue="#5100FF">
+      <DialogRoot>
+        <ColorPickerButton />
+        <Dialog type="popover" mobileType="drawer" className="space-y-2">
+          <Select
+            aria-label="Color format"
+            selectedKey={space}
+            onSelectionChange={(key) => setSpace(key as ColorSpace)}
+            size="sm"
+          >
+            <Item id="rgb">RGB</Item>
+            <Item id="hsl">HSL</Item>
+            <Item id="hsb">HSB</Item>
+          </Select>
+          {getColorChannels(space).map((channel) => (
+            <ColorSlider
+              key={channel}
+              colorSpace={space}
+              channel={channel}
+              label={channel}
+            />
+          ))}
+          <ColorSlider channel="alpha" label="alpha" />
+        </Dialog>
+      </DialogRoot>
+    </ColorPickerRoot>
+  );
+}
diff --git a/www/src/demos/color-picker/composition.tsx b/www/src/demos/color-picker/composition.tsx
index 7f2df9402..bf26e5105 100644
--- a/www/src/demos/color-picker/composition.tsx
+++ b/www/src/demos/color-picker/composition.tsx
@@ -1,6 +1,6 @@
 import { Button } from "@/components/dynamic-core/button";
 import {
-  ColorEditor,
+  ColorPickerEditor,
   ColorPickerRoot,
 } from "@/components/dynamic-core/color-picker";
 import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
@@ -14,7 +14,7 @@ export default function Demo() {
           <ColorSwatch />
         </Button>
         <Dialog type="popover" mobileType="drawer">
-          <ColorEditor />
+          <ColorPickerEditor />
         </Dialog>
       </DialogRoot>
     </ColorPickerRoot>
diff --git a/www/src/demos/color-picker/controlled.tsx b/www/src/demos/color-picker/controlled.tsx
index 9afe2aaad..f46bb4f43 100644
--- a/www/src/demos/color-picker/controlled.tsx
+++ b/www/src/demos/color-picker/controlled.tsx
@@ -5,7 +5,9 @@ import { type Color, parseColor } from "react-aria-components";
 import { ColorPicker } from "@/components/dynamic-core/color-picker";
 
 export default function Demo() {
-  const [value, setValue] = React.useState(parseColor("hsl(26, 33%, 78%)"));
-  // React aria components should fix this type issue (normally its Color not Color & string)
-  return <ColorPicker value={value as Color & string} onChange={setValue} />;
+  const [value, setValue] = React.useState<Color>(
+    parseColor("hsl(26, 33%, 78%)")
+  );
+
+  return <ColorPicker value={value} onChange={setValue} />;
 }
diff --git a/www/src/demos/color-picker/default.tsx b/www/src/demos/color-picker/default.tsx
index cbc9992a5..7b38b9ee3 100644
--- a/www/src/demos/color-picker/default.tsx
+++ b/www/src/demos/color-picker/default.tsx
@@ -1,20 +1,5 @@
-import {
-  ColorPicker,
-  ColorPickerRoot,
-  ColorPickerButton,
-  ColorPickerEditor,
-} from "@/registry/core/color-picker_new";
-import { Dialog, DialogRoot } from "@/registry/core/dialog_basic";
+import { ColorPicker } from "@/registry/core/color-picker";
 
 export default function Demo() {
-  return (
-    <div className="flex gap-10">
-      <ColorPicker />
-      {/* <div className="bg-bg-muted w-120 isolate flex rounded-sm border p-2">
-        <ColorPickerRoot defaultValue="#292222">
-          <ColorPickerEditor showAlphaChannel />
-        </ColorPickerRoot>
-      </div> */}
-    </div>
-  );
+  return <ColorPicker />;
 }
diff --git a/www/src/demos/color-picker/options.tsx b/www/src/demos/color-picker/options.tsx
index 462025341..f91c5d95d 100644
--- a/www/src/demos/color-picker/options.tsx
+++ b/www/src/demos/color-picker/options.tsx
@@ -1,8 +1,10 @@
 import { ColorPicker } from "@/components/dynamic-core/color-picker";
+import { ColorSwatch } from "@/registry/core/color-swatch";
 
 export default function Demo() {
   return (
-    <ColorPicker size="sm" shape="rectangle" defaultValue="#107030">
+    <ColorPicker variant="primary" size="sm" defaultValue="#107030">
+      <ColorSwatch />
       Fill color
     </ColorPicker>
   );
diff --git a/www/src/demos/color-picker/swatches.tsx b/www/src/demos/color-picker/swatches.tsx
new file mode 100644
index 000000000..5ef7211e2
--- /dev/null
+++ b/www/src/demos/color-picker/swatches.tsx
@@ -0,0 +1,34 @@
+import { Button } from "@/components/dynamic-core/button";
+import {
+  ColorPickerEditor,
+  ColorPickerRoot,
+} from "@/components/dynamic-core/color-picker";
+import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
+import { Dialog, DialogRoot } from "@/components/dynamic-core/dialog";
+import {
+  ColorSwatchPicker,
+  ColorSwatchPickerItem,
+} from "@/registry/core/color-swatch-picker";
+
+export default function Demo() {
+  return (
+    <ColorPickerRoot defaultValue="#5100FF">
+      <DialogRoot>
+        <Button shape="square">
+          <ColorSwatch />
+        </Button>
+        <Dialog type="popover" mobileType="drawer">
+          <ColorPickerEditor />
+          <ColorSwatchPicker className="mt-2 justify-between">
+            <ColorSwatchPickerItem color="#A00" />
+            <ColorSwatchPickerItem color="#f80" />
+            <ColorSwatchPickerItem color="#080" />
+            <ColorSwatchPickerItem color="#08f" />
+            <ColorSwatchPickerItem color="#008" />
+            <ColorSwatchPickerItem color="#fff" />
+          </ColorSwatchPicker>
+        </Dialog>
+      </DialogRoot>
+    </ColorPickerRoot>
+  );
+}
diff --git a/www/src/demos/color-slider/composition.tsx b/www/src/demos/color-slider/composition.tsx
index 0624df838..ae2465ba3 100644
--- a/www/src/demos/color-slider/composition.tsx
+++ b/www/src/demos/color-slider/composition.tsx
@@ -1,9 +1,8 @@
 import {
-  ColorSliderOutput,
   ColorSliderRoot,
-  ColorSliderTrack,
+  ColorSliderControl,
+  ColorSliderOutput,
 } from "@/components/dynamic-core/color-slider";
-import { ColorThumb } from "@/components/dynamic-core/color-thumb";
 import { Label } from "@/components/dynamic-core/field";
 
 export default function Demo() {
@@ -13,9 +12,7 @@ export default function Demo() {
         <Label>Hue</Label>
         <ColorSliderOutput />
       </div>
-      <ColorSliderTrack>
-        <ColorThumb />
-      </ColorSliderTrack>
+      <ColorSliderControl />
     </ColorSliderRoot>
   );
 }
diff --git a/www/src/demos/color-swatch-picker/basic.tsx b/www/src/demos/color-swatch-picker/basic.tsx
new file mode 100644
index 000000000..6d7a89a74
--- /dev/null
+++ b/www/src/demos/color-swatch-picker/basic.tsx
@@ -0,0 +1,18 @@
+import {
+  ColorSwatchPicker,
+  ColorSwatchPickerItem,
+} from "@/components/dynamic-core/color-swatch-picker";
+
+export default function Demo() {
+  return (
+    <ColorSwatchPicker defaultValue="#fff">
+      <ColorSwatchPickerItem color="#fff" />
+      <ColorSwatchPickerItem color="#A00" />
+      <ColorSwatchPickerItem color="#f80" />
+      <ColorSwatchPickerItem color="#080" />
+      <ColorSwatchPickerItem color="#08f" />
+      <ColorSwatchPickerItem color="#088" />
+      <ColorSwatchPickerItem color="#008" />
+    </ColorSwatchPicker>
+  );
+}
diff --git a/www/src/demos/color-swatch-picker/controlled.tsx b/www/src/demos/color-swatch-picker/controlled.tsx
new file mode 100644
index 000000000..704c059b7
--- /dev/null
+++ b/www/src/demos/color-swatch-picker/controlled.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { parseColor, type Color } from "react-aria-components";
+import {
+  ColorSwatchPicker,
+  ColorSwatchPickerItem,
+} from "@/components/dynamic-core/color-swatch-picker";
+
+export default function Demo() {
+  const [value, setValue] = React.useState<Color>(parseColor("#f80"));
+  return (
+    <ColorSwatchPicker defaultValue="#fff" value={value} onChange={setValue}>
+      <ColorSwatchPickerItem color="#fff" />
+      <ColorSwatchPickerItem color="#A00" />
+      <ColorSwatchPickerItem color="#f80" />
+      <ColorSwatchPickerItem color="#080" />
+      <ColorSwatchPickerItem color="#08f" />
+      <ColorSwatchPickerItem color="#088" />
+      <ColorSwatchPickerItem color="#008" />
+    </ColorSwatchPicker>
+  );
+}
diff --git a/www/src/demos/color-swatch-picker/disabled.tsx b/www/src/demos/color-swatch-picker/disabled.tsx
new file mode 100644
index 000000000..4bb0c5b27
--- /dev/null
+++ b/www/src/demos/color-swatch-picker/disabled.tsx
@@ -0,0 +1,18 @@
+import {
+  ColorSwatchPicker,
+  ColorSwatchPickerItem,
+} from "@/components/dynamic-core/color-swatch-picker";
+
+export default function Demo() {
+  return (
+    <ColorSwatchPicker>
+      <ColorSwatchPickerItem color="#fff" isDisabled />
+      <ColorSwatchPickerItem color="#A00" />
+      <ColorSwatchPickerItem color="#f80" isDisabled />
+      <ColorSwatchPickerItem color="#080" />
+      <ColorSwatchPickerItem color="#08f" isDisabled />
+      <ColorSwatchPickerItem color="#088" />
+      <ColorSwatchPickerItem color="#008" />
+    </ColorSwatchPicker>
+  );
+}
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index 33257c56f..7361ba61b 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -103,7 +103,6 @@ export const demos: RegistryDemos = [
     "read-only",
     "required",
     "sizes",
-    "uncontrolled",
   ]),
   ...buildDemos("color-picker", [
     "composition",
@@ -111,6 +110,8 @@ export const demos: RegistryDemos = [
     "default",
     "options",
     "uncontrolled",
+    "channel-sliders",
+    "swatches",
   ]),
   ...buildDemos("color-slider", [
     "channel",
@@ -119,10 +120,10 @@ export const demos: RegistryDemos = [
     "default",
     "disabled",
     "label",
-    "uncontrolled",
     "vertical",
   ]),
   ...buildDemos("color-swatch", ["default"]),
+  ...buildDemos("color-swatch-picker", ["basic", "controlled", "disabled"]),
   ...buildDemos("color-thumb", []),
   ...buildDemos("combobox", [
     "async-loading",
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index aaf64fce7..961f0c057 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -12,6 +12,8 @@ export const createDynamicComponent = <Props extends {}>(
 ): React.FC<Props> => {
   const Component: React.FC<Props> = (props) => {
     const { currentTheme } = useThemes();
+    const demosContext = useDemosContext();
+    const shouldWrapWithSuspense = !!demosContext;
 
     const currentThemeVariant = currentTheme.variants[registryItem];
     const { variants } = useComponentsVariants();
@@ -26,17 +28,20 @@ export const createDynamicComponent = <Props extends {}>(
 
     const LazyComponent = registry[contextVariant ?? currentThemeVariant];
 
-    return (
-      <React.Suspense
-        fallback={
-          <Skeleton>
-            <DefaultComp {...props} />
-          </Skeleton>
-        }
-      >
-        <LazyComponent {...props} />
-      </React.Suspense>
-    );
+    if (shouldWrapWithSuspense) {
+      return (
+        <React.Suspense
+          fallback={
+            <Skeleton>
+              <DefaultComp {...props} />
+            </Skeleton>
+          }
+        >
+          <LazyComponent {...props} />
+        </React.Suspense>
+      );
+    }
+    return <LazyComponent {...props} />;
   };
 
   Component.displayName = componentName;
@@ -44,7 +49,7 @@ export const createDynamicComponent = <Props extends {}>(
   return Component;
 };
 
-const variantsContext = React.createContext<{
+const VariantsContext = React.createContext<{
   variants: Record<string, string>;
   setVariants: (value: Record<string, string>) => void;
 }>({ variants: {}, setVariants: () => {} });
@@ -56,10 +61,18 @@ export const VariantsProvider = ({
 }) => {
   const [variants, setVariants] = React.useState<Record<string, string>>({});
   return (
-    <variantsContext.Provider value={{ variants, setVariants }}>
+    <VariantsContext value={{ variants, setVariants }}>
       {children}
-    </variantsContext.Provider>
+    </VariantsContext>
   );
 };
 
-export const useComponentsVariants = () => React.useContext(variantsContext);
+export const useComponentsVariants = () => React.useContext(VariantsContext);
+
+const DemosContext = React.createContext<true | null>(null);
+
+export const DemosProvider = ({ children }: { children: React.ReactNode }) => {
+  return <DemosContext value>{children}</DemosContext>;
+};
+
+export const useDemosContext = () => React.useContext(DemosContext);
diff --git a/www/src/registry/core/calendar copy 2.tsx b/www/src/registry/core/calendar copy 2.tsx
deleted file mode 100644
index 45195e542..000000000
--- a/www/src/registry/core/calendar copy 2.tsx	
+++ /dev/null
@@ -1,225 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import {
-  composeRenderProps,
-  Calendar as AriaCalendar,
-  CalendarCell as AriaCalendarCell,
-  CalendarGrid as AriaCalendarGrid,
-  CalendarGridHeader as AriaCalendarGridHeader,
-  CalendarHeaderCell as AriaCalendarHeaderCell,
-  CalendarGridBody as AriaCalendarGridBody,
-  type CalendarProps as AriaCalendarProps,
-  type CalendarGridProps as AriaCalendarGridProps,
-  type CalendarGridHeaderProps as AriaCalendarGridHeaderProps,
-  type CalendarHeaderCellProps as AriaCalendarHeaderCellProps,
-  type CalendarGridBodyProps as AriaCalendarGridBodyProps,
-  type CalendarCellProps as AriaCalendarCellProps,
-  type DateValue,
-  CalendarContext as AriaCalendarContext,
-  useSlottedContext,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button } from "@/components/dynamic-core/button";
-import { buttonStyles } from "@/registry/core/button-01";
-import { Heading } from "@/registry/core/heading";
-import { Text } from "@/registry/core/text";
-
-const calendarStyles = tv({
-  slots: {
-    root: "",
-    header: "mb-4 flex items-center justify-between gap-2",
-    grid: "w-full border-collapse",
-    gridHeader: "mb-4",
-    gridHeaderCell: "text-fg-muted text-xs font-normal",
-    gridBody: "[&>tr>td]:p-0",
-    cell: "",
-  },
-  variants: {
-    standalone: {
-      true: {
-        root: "bg-bg rounded-md border p-3",
-      },
-      false: {
-        root: "rounded-[inherit]",
-      },
-    },
-    range: {
-      false: {
-        cell: [
-          buttonStyles({
-            variant: "quiet",
-            shape: "square",
-            size: "sm",
-          }),
-          "selected:bg-bg-primary selected:text-fg-onPrimary my-1 disabled:cursor-default disabled:bg-transparent",
-          "selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-      true: {
-        cell: [
-          "disabled:text-fg-disabled relative my-1 flex size-8 items-center justify-center rounded-md text-sm font-normal leading-normal disabled:cursor-default disabled:bg-transparent",
-          "selected:after:bg-bg-primary/10 after:absolute after:inset-0 after:transition-colors after:content-['']",
-          "hover:before:bg-bg-inverse/10 before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:transition-colors before:content-['']",
-          "before:ring-border-focus focus-visible:before:border-border focus-visible:before:ring-offset-bg outline-hidden before:border before:border-transparent before:ring-0 focus-visible:z-50 focus-visible:before:ring-2 focus-visible:before:ring-offset-2",
-          "selection-start:after:rounded-l-[inherit] selection-end:after:rounded-r-[inherit]",
-          "selection-start:pressed:before:bg-primary/90 selection-start:text-fg-onPrimary selection-start:before:bg-bg-primary",
-          "selection-end:pressed:before:bg-primary/90 selection-end:text-fg-onPrimary selection-end:before:bg-bg-primary",
-          "selected:invalid:after:bg-bg-danger selected:invalid:not-selection-start:not-selection-end:text-fg-onDanger",
-          "unavailable:line-through unavailable:hover:before:bg-transparent unavailable:cursor-default unavailable:text-fg-muted",
-          "outside-month:hidden",
-        ],
-      },
-    },
-  },
-  defaultVariants: {
-    range: false,
-  },
-});
-
-interface CalendarProps<T extends DateValue>
-  extends Omit<AriaCalendarProps<T>, "visibleDuration"> {
-  visibleMonths?: number;
-  errorMessage?: string;
-}
-const Calendar = <T extends DateValue>({
-  errorMessage,
-  visibleMonths = 1,
-  ...props
-}: CalendarProps<T>) => {
-  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);
-
-  return (
-    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>
-      {({ isInvalid }) => (
-        <>
-          <CalendarHeader>
-            <Button slot="previous" variant="outline" shape="square" size="sm">
-              <ChevronLeftIcon />
-            </Button>
-            <Heading className="text-sm" />
-            <Button slot="next" variant="outline" shape="square" size="sm">
-              <ChevronRightIcon />
-            </Button>
-          </CalendarHeader>
-          <div className="flex items-start gap-4">
-            {Array.from({ length: visibleMonths }).map((_, index) => (
-              <CalendarGrid
-                key={index}
-                offset={index === 0 ? undefined : { months: index }}
-              >
-                <CalendarGridHeader>
-                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-                </CalendarGridHeader>
-                <CalendarGridBody>
-                  {(date) => <CalendarCell date={date} />}
-                </CalendarGridBody>
-              </CalendarGrid>
-            ))}
-          </div>
-          {isInvalid && errorMessage && (
-            <Text slot="errorMessage">{errorMessage}</Text>
-          )}
-        </>
-      )}
-    </CalendarRoot>
-  );
-};
-
-type CalendarRootProps<T extends DateValue> = AriaCalendarProps<T>;
-const CalendarRoot = <T extends DateValue>(props: CalendarRootProps<T>) => {
-  const CalendarContext = useSlottedContext(AriaCalendarContext);
-  const standalone = Object.keys(CalendarContext ?? {}).length === 0;
-  const { root } = calendarStyles({ standalone });
-  return (
-    <AriaCalendar
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-    />
-  );
-};
-
-type CalendarHeaderProps = React.HTMLAttributes<HTMLElement>;
-const CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {
-  const { header } = calendarStyles();
-  return <header className={header({ className })} {...props} />;
-};
-
-type CalendarGridProps = AriaCalendarGridProps;
-const CalendarGrid = ({ className, ...props }: CalendarGridProps) => {
-  const { grid } = calendarStyles();
-  return <AriaCalendarGrid className={grid({ className })} {...props} />;
-};
-
-type CalendarGridHeaderProps = AriaCalendarGridHeaderProps;
-const CalendarGridHeader = ({
-  className,
-  ...props
-}: CalendarGridHeaderProps) => {
-  const { gridHeader } = calendarStyles();
-  return (
-    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />
-  );
-};
-
-type CalendarHeaderCellProps = AriaCalendarHeaderCellProps;
-const CalendarHeaderCell = ({
-  className,
-  ...props
-}: CalendarHeaderCellProps) => {
-  const { gridHeaderCell } = calendarStyles();
-  return (
-    <AriaCalendarHeaderCell
-      className={gridHeaderCell({ className })}
-      {...props}
-    />
-  );
-};
-
-type CalendarGridBodyProps = AriaCalendarGridBodyProps;
-const CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {
-  const { gridBody } = calendarStyles();
-  return (
-    <AriaCalendarGridBody className={gridBody({ className })} {...props} />
-  );
-};
-
-type CalendarCellProps = AriaCalendarCellProps & { range?: boolean };
-const CalendarCell = ({ range, ...props }: CalendarCellProps) => {
-  const { cell } = calendarStyles({ range });
-  return (
-    <AriaCalendarCell
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        cell({ className })
-      )}
-    />
-  );
-};
-
-export type {
-  CalendarProps,
-  CalendarRootProps,
-  CalendarGridProps,
-  CalendarGridHeaderProps,
-  CalendarHeaderCellProps,
-  CalendarGridBodyProps,
-  CalendarCellProps,
-};
-
-export {
-  Calendar,
-  CalendarRoot,
-  CalendarHeader,
-  CalendarGrid,
-  CalendarGridHeader,
-  CalendarHeaderCell,
-  CalendarGridBody,
-  CalendarCell,
-  calendarStyles,
-};
diff --git a/www/src/registry/core/color-picker.tsx b/www/src/registry/core/color-picker.tsx
index 82e63687c..c3b38466c 100644
--- a/www/src/registry/core/color-picker.tsx
+++ b/www/src/registry/core/color-picker.tsx
@@ -2,68 +2,117 @@
 
 import React from "react";
 import {
-  getColorChannels,
   ColorPicker as AriaColorPicker,
-  type ColorPickerProps as AriaColorPickerProps,
-  type ColorSpace,
+  ColorPickerStateContext,
+  getColorChannels,
   composeRenderProps,
+  type ColorFormat,
 } from "react-aria-components";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { ColorArea } from "@/registry/core/color-area";
 import { ColorField } from "@/registry/core/color-field";
 import { ColorSlider } from "@/registry/core/color-slider";
 import { ColorSwatch } from "@/registry/core/color-swatch";
-import {
-  Dialog,
-  DialogRoot,
-  DialogRootProps,
-} from "@/registry/core/dialog_basic";
+import { Dialog, DialogProps, DialogRoot } from "@/registry/core/dialog_basic";
 import { Item } from "@/registry/core/list-box";
 import { Select } from "@/registry/core/select";
 import { cn } from "@/registry/lib/cn";
 
-type ColorPickerProps = ColorPickerRootProps &
-  Omit<ButtonProps, "children"> &
-  Pick<DialogRootProps, "onOpenChange">;
+interface ColorPickerProps
+  extends ColorPickerRootProps,
+    Omit<ColorPickerButtonProps, "children" | "value">,
+    Pick<
+      ColorPickerEditorProps,
+      "showAlphaChannel" | "colorFormat" | "showFormatSelector"
+    >,
+    Pick<DialogProps, "isOpen" | "onOpenChange"> {}
 const ColorPicker = ({
-  slot,
   value,
   defaultValue,
   onChange,
-  shape = "square",
+  children,
+  showAlphaChannel,
+  colorFormat,
+  showFormatSelector,
+  isOpen,
   onOpenChange,
   ...props
 }: ColorPickerProps) => {
   return (
     <ColorPickerRoot
-      slot={slot}
       value={value}
       defaultValue={defaultValue}
       onChange={onChange}
+      {...props}
     >
-      {composeRenderProps(props.children, (children) => (
-        <DialogRoot onOpenChange={onOpenChange}>
-          <Button shape={shape} {...props}>
-            <ColorSwatch />
-            {children}
-          </Button>
-          <Dialog type="popover" mobileType="drawer">
-            <ColorEditor className="mx-auto" />
-          </Dialog>
-        </DialogRoot>
+      {composeRenderProps(children, (children) => (
+        <>
+          <DialogRoot isOpen={isOpen} onOpenChange={onOpenChange}>
+            <ColorPickerButton {...props}>{children}</ColorPickerButton>
+            <Dialog type="popover" mobileType="drawer">
+              <ColorPickerEditor
+                showAlphaChannel={showAlphaChannel}
+                colorFormat={colorFormat}
+                showFormatSelector={showFormatSelector}
+              />
+            </Dialog>
+          </DialogRoot>
+        </>
       ))}
     </ColorPickerRoot>
   );
 };
 
-type ColorPickerRootProps = AriaColorPickerProps;
+interface ColorPickerRootProps
+  extends React.ComponentProps<typeof AriaColorPicker> {}
 const ColorPickerRoot = (props: ColorPickerRootProps) => {
-  return <AriaColorPicker {...props} />;
+  return <AriaColorPicker value="" onChange={() => {}} {...props} />;
 };
 
-type ColorEditorProps = React.HTMLAttributes<HTMLDivElement>;
-const ColorEditor = ({ className, ...props }: ColorEditorProps) => {
-  const [space, setSpace] = React.useState<ColorSpace | "hex">("hsl");
+interface ColorPickerButtonProps extends Omit<ButtonProps, "children"> {
+  children?: React.ReactNode;
+  format?: ColorFormat | "css";
+  showValue?: boolean;
+}
+const ColorPickerButton = ({
+  children,
+  format = "hex",
+  showValue = true,
+  ...props
+}: ColorPickerButtonProps) => {
+  const state = React.use(ColorPickerStateContext)!;
+  return (
+    <Button {...props}>
+      {children || (
+        <>
+          <ColorSwatch />
+          {showValue && (
+            <span className="w-14 truncate text-left">
+              {state.color.toString(format)}
+            </span>
+          )}
+        </>
+      )}
+    </Button>
+  );
+};
+
+type PickerColorFormat = "hex" | "rgb" | "hsl" | "hsb";
+interface ColorPickerEditorProps extends React.ComponentProps<"div"> {
+  showAlphaChannel?: boolean;
+  colorFormat?: PickerColorFormat;
+  showFormatSelector?: boolean;
+}
+const ColorPickerEditor = ({
+  showAlphaChannel = false,
+  colorFormat: ColorFormatProp = "hex",
+  showFormatSelector = true,
+  className,
+  ...props
+}: ColorPickerEditorProps) => {
+  const [colorFormat, setColorFormat] =
+    React.useState<PickerColorFormat>(ColorFormatProp);
+
   return (
     <div className={cn("mx-auto flex flex-col gap-2", className)} {...props}>
       <div className="flex gap-2">
@@ -72,51 +121,61 @@ const ColorEditor = ({ className, ...props }: ColorEditorProps) => {
           xChannel="saturation"
           yChannel="brightness"
         />
-        <ColorSlider
-          orientation="vertical"
-          colorSpace="hsb"
-          channel="hue"
-          showValueLabel={false}
-        />
-        {/* <ColorSlider
-          orientation="vertical"
-          colorSpace="hsb"
-          channel="alpha"
-          showValueLabel={false}
-        /> */}
+        <ColorSlider orientation="vertical" colorSpace="hsb" channel="hue" />
+        {showAlphaChannel && (
+          <ColorSlider
+            orientation="vertical"
+            colorSpace="hsb"
+            channel="alpha"
+          />
+        )}
       </div>
-      <div className="flex items-center gap-2">
-        <Select
-          selectedKey={space}
-          onSelectionChange={(s) => setSpace(s as ColorSpace)}
-          size="sm"
-        >
-          <Item id="hex">Hex</Item>
-          <Item id="rgb">RGB</Item>
-          <Item id="hsl">HSL</Item>
-          <Item id="hsb">HSB</Item>
-        </Select>
-        {space === "hex" ? (
-          <ColorField
-            aria-label="Hex"
-            className="shrink-1 w-[40px] flex-1 basis-0"
+      <div
+        className={cn(
+          "flex flex-col gap-2",
+          colorFormat === "hex" && "flex-row"
+        )}
+      >
+        {showFormatSelector && (
+          <Select
+            aria-label="Color format"
+            selectedKey={colorFormat}
+            onSelectionChange={(key) =>
+              setColorFormat(key as PickerColorFormat)
+            }
             size="sm"
-          />
-        ) : (
-          getColorChannels(space).map((channel) => (
-            <ColorField
-              key={channel}
-              colorSpace={space}
-              channel={channel}
-              className="shrink-1 w-[40px] flex-1 basis-0"
-              size="sm"
-            />
-          ))
+            className="w-auto"
+          >
+            <Item id="hex">Hex</Item>
+            <Item id="rgb">RGB</Item>
+            <Item id="hsl">HSL</Item>
+            <Item id="hsb">HSB</Item>
+          </Select>
         )}
+        <div className="flex flex-1 items-center gap-2">
+          {colorFormat === "hex" ? (
+            <ColorField aria-label="Hex" className="w-10 flex-1" size="sm" />
+          ) : (
+            getColorChannels(colorFormat).map((channel) => (
+              <ColorField
+                key={channel}
+                colorSpace={colorFormat}
+                channel={channel}
+                className="w-10 flex-1"
+                size="sm"
+              />
+            ))
+          )}
+        </div>
       </div>
     </div>
   );
 };
 
-export type { ColorPickerProps, ColorPickerRootProps, ColorEditorProps };
-export { ColorPicker, ColorPickerRoot, ColorEditor };
+export type {
+  ColorPickerProps,
+  ColorPickerRootProps,
+  ColorPickerButtonProps,
+  ColorPickerEditorProps,
+};
+export { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };
diff --git a/www/src/registry/core/color-picker_new.tsx b/www/src/registry/core/color-picker_new.tsx
deleted file mode 100644
index e63a47c9b..000000000
--- a/www/src/registry/core/color-picker_new.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  getColorChannels,
-  ColorPicker as AriaColorPicker,
-  type ColorPickerProps as AriaColorPickerProps,
-  type ColorSpace,
-  composeRenderProps,
-  ColorPickerStateContext,
-  Color,
-  ColorFormat,
-} from "react-aria-components";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { ColorArea } from "@/registry/core/color-area";
-import { ColorField } from "@/registry/core/color-field";
-import { ColorSlider } from "@/registry/core/color-slider";
-import { ColorSwatch } from "@/registry/core/color-swatch";
-import {
-  Dialog,
-  DialogRoot,
-  DialogRootProps,
-} from "@/registry/core/dialog_basic";
-import { Item } from "@/registry/core/list-box";
-import { Select } from "@/registry/core/select";
-import { cn } from "@/registry/lib/cn";
-
-interface ColorPickerProps extends ColorPickerButtonProps {}
-const ColorPicker = ({ ...props }: ColorPickerProps) => {
-  return (
-    <ColorPickerRoot>
-      <DialogRoot>
-        <ColorPickerButton {...props} />
-        <Dialog type="popover" mobileType="drawer">
-          <ColorPickerEditor />
-        </Dialog>
-      </DialogRoot>
-    </ColorPickerRoot>
-  );
-};
-
-interface ColorPickerRootProps
-  extends React.ComponentProps<typeof AriaColorPicker> {}
-const ColorPickerRoot = (props: ColorPickerRootProps) => {
-  return <AriaColorPicker {...props} />;
-};
-
-interface ColorPickerButtonProps extends Omit<ButtonProps, "children"> {
-  children?: React.ReactNode | ((color: Color) => React.ReactNode);
-  format?: ColorFormat | "css";
-  showValue?: boolean;
-}
-const ColorPickerButton = ({
-  children,
-  format = "hex",
-  showValue = true,
-  ...props
-}: ColorPickerButtonProps) => {
-  const state = React.use(ColorPickerStateContext)!;
-  return (
-    <Button {...props}>
-      {(typeof children === "function" ? children(state.color) : children) || (
-        <>
-          <ColorSwatch />
-          {showValue && (
-            <span className="w-14 truncate text-left">
-              {state.color.toString(format)}
-            </span>
-          )}
-        </>
-      )}
-    </Button>
-  );
-};
-
-type PickerColorFormat = "hex" | "rgb" | "hsl" | "hsb";
-interface ColorPickerEditorProps extends React.ComponentProps<"div"> {
-  showAlphaChannel?: boolean;
-  colorFormat?: PickerColorFormat;
-}
-const ColorPickerEditor = ({
-  showAlphaChannel = false,
-  colorFormat: ColorFormatProp = "hex",
-  className,
-  ...props
-}: ColorPickerEditorProps) => {
-  const [colorFormat, setColorFormat] =
-    React.useState<PickerColorFormat>(ColorFormatProp);
-  return (
-    <div className={cn("mx-auto flex flex-col gap-2", className)} {...props}>
-      <div className="flex gap-2">
-        <ColorArea
-          colorSpace="hsb"
-          xChannel="saturation"
-          yChannel="brightness"
-        />
-        <ColorSlider orientation="vertical" colorSpace="hsb" channel="hue" />
-        {showAlphaChannel && (
-          <ColorSlider
-            orientation="vertical"
-            colorSpace="hsb"
-            channel="alpha"
-          />
-        )}
-      </div>
-      <Select
-        aria-label="Color format"
-        selectedKey={colorFormat}
-        onSelectionChange={(key) => setColorFormat(key as PickerColorFormat)}
-        size="sm"
-        className="w-auto"
-      >
-        <Item id="hex">Hex</Item>
-        <Item id="rgb">RGB</Item>
-        <Item id="hsl">HSL</Item>
-        <Item id="hsb">HSB</Item>
-      </Select>
-      <div className="flex items-center gap-2">
-        {colorFormat === "hex" ? (
-          <ColorField aria-label="Hex" className="w-auto flex-1" size="sm" />
-        ) : (
-          getColorChannels(colorFormat).map((channel) => (
-            <ColorField
-              key={channel}
-              colorSpace={colorFormat}
-              channel={channel}
-              className="w-10 flex-1"
-              size="sm"
-            />
-          ))
-        )}
-      </div>
-    </div>
-  );
-};
-
-export type {
-  ColorPickerProps,
-  ColorPickerRootProps,
-  ColorPickerButtonProps,
-  ColorPickerEditorProps,
-};
-export { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };
diff --git a/www/src/registry/core/color-slider copy.tsx b/www/src/registry/core/color-slider copy.tsx
deleted file mode 100644
index 2270a459e..000000000
--- a/www/src/registry/core/color-slider copy.tsx	
+++ /dev/null
@@ -1,113 +0,0 @@
-"use client";
-
-import {
-  composeRenderProps,
-  ColorSlider as AriaColorSlider,
-  SliderOutput as AriaSliderOutput,
-  SliderTrack as AriaSliderTrack,
-  type ColorSliderProps as AriaColorSliderProps,
-  type SliderOutputProps as AriaSliderOutputProps,
-  type SliderTrackProps as AriaSliderTrackProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb";
-import { Label } from "@/registry/core/field";
-import { cn } from "@/registry/lib/cn";
-
-const colorSliderStyles = tv({
-  slots: {
-    root: "group/color-slider orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
-    output: "text-fg-muted text-sm",
-    track: [
-      "orientation-horizontal:w-full orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-full disabled:bg-bg-disabled! rounded-md",
-      "relative before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
-    ],
-  },
-});
-
-interface ColorSliderProps extends ColorSliderRootProps {
-  showValueLabel?: boolean;
-  label?: string;
-}
-const ColorSlider = ({
-  label,
-  channel,
-  showValueLabel = true,
-  ...props
-}: ColorSliderProps) => {
-  return (
-    <ColorSliderRoot channel={channel} {...props}>
-      {(label || showValueLabel) && (
-        <div
-          className={cn(
-            "flex items-center justify-between gap-2",
-            !label && "justify-end"
-          )}
-        >
-          {label && <Label>{label}</Label>}
-          {showValueLabel && <ColorSliderOutput />}
-        </div>
-      )}
-      <ColorSliderTrack>
-        <ColorThumb />
-      </ColorSliderTrack>
-    </ColorSliderRoot>
-  );
-};
-
-type ColorSliderRootProps = AriaColorSliderProps;
-const ColorSliderRoot = (props: ColorSliderRootProps) => {
-  const { root } = colorSliderStyles();
-  return (
-    <AriaColorSlider
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
-      )}
-    />
-  );
-};
-
-type ColorSliderTrackProps = AriaSliderTrackProps;
-const ColorSliderTrack = (props: ColorSliderTrackProps) => {
-  const { track } = colorSliderStyles();
-  return (
-    <AriaSliderTrack
-      {...props}
-      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
-        ...style,
-        ...(isDisabled ? { background: "none" } : {}),
-      }))}
-      className={composeRenderProps(props.className, (className) =>
-        track({ className })
-      )}
-    />
-  );
-};
-
-type ColorSliderOutputProps = AriaSliderOutputProps;
-const ColorSliderOutput = (props: ColorSliderOutputProps) => {
-  const { output } = colorSliderStyles();
-  return (
-    <AriaSliderOutput
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        output({ className })
-      )}
-    />
-  );
-};
-
-export type {
-  ColorSliderProps,
-  ColorSliderRootProps,
-  ColorSliderTrackProps,
-  ColorSliderOutputProps,
-};
-export {
-  ColorSlider,
-  ColorSliderRoot,
-  ColorSliderOutput,
-  ColorSliderTrack,
-  colorSliderStyles,
-};
diff --git a/www/src/registry/core/color-slider.tsx b/www/src/registry/core/color-slider.tsx
index 57cac0297..39e0f2fd1 100644
--- a/www/src/registry/core/color-slider.tsx
+++ b/www/src/registry/core/color-slider.tsx
@@ -5,26 +5,40 @@ import {
   ColorSlider as AriaColorSlider,
   SliderOutput as AriaSliderOutput,
   SliderTrack as AriaSliderTrack,
-  type ColorSliderProps as AriaColorSliderProps,
-  type SliderOutputProps as AriaSliderOutputProps,
-  type SliderTrackProps as AriaSliderTrackProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { ColorThumb } from "@/registry/core/color-thumb";
 import { Label } from "@/registry/core/field";
-import { cn } from "@/registry/lib/cn";
 
 const colorSliderStyles = tv({
   slots: {
-    root: "group/color-slider orientation-horizontal:w-48 orientation-vertical:h-48 orientation-vertical:items-center flex flex-col gap-2",
+    root: "group flex flex-col gap-2",
     output: "text-fg-muted text-sm",
-    track: [
-      "orientation-horizontal:w-full orientation-horizontal:h-6 orientation-vertical:w-6 orientation-vertical:h-full disabled:bg-bg-disabled! rounded-md",
-      "relative before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
-    ],
+    track:
+      "disabled:[background:var(--color-bg-disabled)]! relative rounded-md before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
+    thumb: "",
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: "w-48",
+        track: "h-6 w-full",
+        thumb: "top-1/2",
+      },
+      vertical: {
+        root: "h-48 items-center",
+        track: "w-6 flex-1",
+        thumb: "left-1/2",
+      },
+    },
+  },
+  defaultVariants: {
+    orientation: "horizontal",
   },
 });
 
+const { root, track, thumb, output } = colorSliderStyles();
+
 interface ColorSliderProps extends ColorSliderRootProps {
   showValueLabel?: boolean;
   label?: string;
@@ -38,62 +52,58 @@ const ColorSlider = ({
   return (
     <ColorSliderRoot channel={channel} {...props}>
       {(label || showValueLabel) && (
-        <div
-          className={cn(
-            "flex items-center justify-between gap-2",
-            !label && "justify-end"
+        <div className="grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']">
+          {label && <Label className="[grid-area:label]">{label}</Label>}
+          {showValueLabel && (
+            <ColorSliderOutput className="[grid-area:value]" />
           )}
-        >
-          {label && <Label>{label}</Label>}
-          {showValueLabel && <ColorSliderOutput />}
         </div>
       )}
-      <ColorSliderTrack>
-        <ColorThumb />
-      </ColorSliderTrack>
+      <ColorSliderControl />
     </ColorSliderRoot>
   );
 };
 
-type ColorSliderRootProps = AriaColorSliderProps;
-const ColorSliderRoot = (props: ColorSliderRootProps) => {
-  const { root } = colorSliderStyles();
+interface ColorSliderRootProps
+  extends React.ComponentProps<typeof AriaColorSlider> {}
+const ColorSliderRoot = ({ className, ...props }: ColorSliderRootProps) => {
   return (
     <AriaColorSlider
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        root({ className })
+      className={composeRenderProps(className, (className, { orientation }) =>
+        root({ orientation, className })
       )}
+      {...props}
     />
   );
 };
 
-type ColorSliderTrackProps = AriaSliderTrackProps;
-const ColorSliderTrack = (props: ColorSliderTrackProps) => {
-  const { track } = colorSliderStyles();
+interface ColorSliderControlProps
+  extends React.ComponentProps<typeof AriaSliderTrack> {}
+const ColorSliderControl = ({
+  className,
+  ...props
+}: ColorSliderControlProps) => {
   return (
     <AriaSliderTrack
-      {...props}
-      style={composeRenderProps(props.style, (style, { isDisabled }) => ({
-        ...style,
-        ...(isDisabled ? { background: "none" } : {}),
-      }))}
-      className={composeRenderProps(props.className, (className) =>
-        track({ className })
+      className={composeRenderProps(className, (className, { orientation }) =>
+        track({ orientation, className })
       )}
-    />
+      {...props}
+    >
+      {({ orientation }) => <ColorThumb className={thumb({ orientation })} />}
+    </AriaSliderTrack>
   );
 };
 
-type ColorSliderOutputProps = AriaSliderOutputProps;
-const ColorSliderOutput = (props: ColorSliderOutputProps) => {
-  const { output } = colorSliderStyles();
+interface ColorSliderOutputProps
+  extends React.ComponentProps<typeof AriaSliderOutput> {}
+const ColorSliderOutput = ({ className, ...props }: ColorSliderOutputProps) => {
   return (
     <AriaSliderOutput
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
+      className={composeRenderProps(className, (className) =>
         output({ className })
       )}
+      {...props}
     />
   );
 };
@@ -101,13 +111,7 @@ const ColorSliderOutput = (props: ColorSliderOutputProps) => {
 export type {
   ColorSliderProps,
   ColorSliderRootProps,
-  ColorSliderTrackProps,
+  ColorSliderControlProps,
   ColorSliderOutputProps,
 };
-export {
-  ColorSlider,
-  ColorSliderRoot,
-  ColorSliderOutput,
-  ColorSliderTrack,
-  colorSliderStyles,
-};
+export { ColorSlider, ColorSliderRoot, ColorSliderOutput, ColorSliderControl };
diff --git a/www/src/registry/core/color-slider_new.tsx b/www/src/registry/core/color-slider_new.tsx
deleted file mode 100644
index 4c5bdfc93..000000000
--- a/www/src/registry/core/color-slider_new.tsx
+++ /dev/null
@@ -1,255 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { useSlotId } from "@react-aria/utils";
-import {
-  composeRenderProps,
-  Slider as AriaSlider,
-  SliderOutput as AriaSliderOutput,
-  SliderThumb as AriaSliderThumb,
-  SliderTrack as AriaSliderTrack,
-  TextContext,
-  SliderStateContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Description, Label } from "@/registry/core/field";
-import { createScopedContext } from "@/registry/lib/context-helpers";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const sliderStyles = tv({
-  slots: {
-    root: "group grid grid-cols-[1fr_auto] [grid-template-areas:'label_valueLabel'_'field_field']",
-    track:
-      "bg-bg-neutral disabled:bg-bg-disabled relative grow cursor-pointer rounded-full [grid-area:field] disabled:cursor-default",
-    filler:
-      "bg-border-focus group-disabled:bg-bg-disabled pointer-events-none absolute rounded-full",
-    thumb: [
-      focusRing(),
-      "disabled:bg-bg-disabled disabled:border-bg left-[50%] top-[50%] rounded-full bg-white shadow-md transition-[width,height] disabled:border",
-    ],
-    valueLabel: "text-fg-muted text-sm [grid-area:valueLabel]",
-  },
-  variants: {
-    orientation: {
-      horizontal: {
-        root: "w-48",
-        track: "h-2 w-full",
-        filler: "top-0 h-full",
-      },
-      vertical: {
-        root: "h-48 items-center",
-        track: "w-2 flex-1",
-        filler: "bottom-0 w-full",
-      },
-    },
-    size: {
-      sm: {
-        thumb: "dragging:size-4 size-3",
-        track: "orientation-vertical:w-1 orientation-horizontal:h-1",
-      },
-      md: {
-        thumb: "dragging:size-5 size-4",
-        track: "orientation-vertical:w-2 orientation-horizontal:h-2",
-      },
-      lg: {
-        thumb: "dragging:size-6 size-5",
-        track: "orientation-vertical:w-3 orientation-horizontal:h-3",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-const { root, track, filler, thumb, valueLabel } = sliderStyles();
-
-const [SliderProvider, useSliderContext] =
-  createScopedContext<VariantProps<typeof sliderStyles>>("SliderRoot");
-
-interface SliderProps extends Omit<SliderRootProps, "children"> {
-  label?: React.ReactNode;
-  description?: React.ReactNode;
-  showValueLabel?: boolean;
-  getValueLabel?: (value: number[]) => string;
-}
-const Slider = ({
-  label,
-  description,
-  showValueLabel = true,
-  getValueLabel,
-  ...props
-}: SliderProps) => {
-  return (
-    <SliderRoot {...props}>
-      {label && <Label>{label}</Label>}
-      {showValueLabel && (
-        <SliderValueLabel>
-          {({ state }) => (getValueLabel ? getValueLabel(state.values) : null)}
-        </SliderValueLabel>
-      )}
-      {/* <div className="grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']">
-      </div> */}
-      <SliderTrack />
-      {description && <Description>{description}</Description>}
-    </SliderRoot>
-  );
-};
-
-interface SliderRootProps
-  extends React.ComponentProps<typeof AriaSlider>,
-    VariantProps<typeof sliderStyles> {}
-const SliderRoot = ({
-  children,
-  className,
-  size,
-  ...props
-}: SliderRootProps) => {
-  const descriptionId = useSlotId();
-  return (
-    <AriaSlider
-      aria-describedby={descriptionId}
-      className={composeRenderProps(className, (className, { orientation }) =>
-        root({ orientation, size, className })
-      )}
-      {...props}
-    >
-      {composeRenderProps(children, (children, { orientation }) => (
-        <>
-          <TextContext
-            value={{ slots: { description: { id: descriptionId } } }}
-          >
-            <SliderProvider orientation={orientation} size={size}>
-              {children}
-            </SliderProvider>
-          </TextContext>
-        </>
-      ))}
-    </AriaSlider>
-  );
-};
-
-interface SliderTrackProps extends SliderTrackRootProps {}
-const SliderTrack = ({ ...props }: SliderTrackProps) => {
-  return (
-    <SliderTrackRoot {...props}>
-      {({ state }) => (
-        <>
-          <SliderFiller />
-          {state.values.map((_, i) => (
-            <SliderThumb key={i} index={i} />
-          ))}
-        </>
-      )}
-    </SliderTrackRoot>
-  );
-};
-
-interface SliderTrackRootProps
-  extends React.ComponentProps<typeof AriaSliderTrack> {}
-const SliderTrackRoot = (props: SliderTrackRootProps) => {
-  const { orientation, size } = useSliderContext("SliderTrackRoot");
-  return (
-    <AriaSliderTrack
-      className={composeRenderProps(props.className, (className) =>
-        track({ orientation, size, className })
-      )}
-      {...props}
-    />
-  );
-};
-
-interface SliderFillerProps extends React.ComponentProps<"div"> {}
-const SliderFiller = ({ className, style, ...props }: SliderFillerProps) => {
-  const { size } = useSliderContext("SliderTrack");
-  const SliderState = React.useContext(SliderStateContext);
-  if (!SliderState)
-    throw new Error("SliderFiller must be used within SliderRoot");
-  const { orientation, getThumbPercent, values } = SliderState;
-  const dimensionStyles = getFillerDimensions(
-    values,
-    orientation,
-    getThumbPercent
-  );
-
-  return (
-    <div
-      className={filler({ orientation, size, className })}
-      style={{ ...style, ...dimensionStyles }}
-      {...props}
-    />
-  );
-};
-
-interface SliderThumbProps
-  extends React.ComponentProps<typeof AriaSliderThumb> {}
-const SliderThumb = ({ className, ...props }: SliderThumbProps) => {
-  const { orientation, size } = useSliderContext("SliderThumb");
-  return (
-    <AriaSliderThumb
-      className={composeRenderProps(className, (className) =>
-        thumb({ orientation, size, className })
-      )}
-      {...props}
-    />
-  );
-};
-
-interface SliderValueLabelProps
-  extends React.ComponentProps<typeof AriaSliderOutput> {}
-const SliderValueLabel = ({
-  children,
-  className,
-  ...props
-}: SliderValueLabelProps) => {
-  return (
-    <AriaSliderOutput
-      className={composeRenderProps(className, (className) =>
-        valueLabel({ className })
-      )}
-      {...props}
-    >
-      {composeRenderProps(
-        children,
-        (children, { state }) =>
-          children ??
-          state.values.map((_, i) => state.getThumbValueLabel(i)).join(" - ")
-      )}
-    </AriaSliderOutput>
-  );
-};
-
-const getFillerDimensions = (
-  values: number[],
-  orientation: "horizontal" | "vertical",
-  getThumbPercent: (index: number) => number
-): React.CSSProperties => {
-  if (values.length === 1 && orientation === "horizontal")
-    return { width: `${getThumbPercent(0) * 100}%` };
-
-  if (values.length === 1 && orientation === "vertical")
-    return { height: `${getThumbPercent(0) * 100}%` };
-
-  if (orientation === "horizontal")
-    return {
-      width: `${getThumbPercent(0) * 100}%`,
-      left: `${getThumbPercent(1) * 100}%`,
-    };
-
-  if (orientation === "vertical")
-    return {
-      height: `${getThumbPercent(0) * 100}%`,
-      top: `${getThumbPercent(1) * 100}%`,
-    };
-
-  return {};
-};
-
-export {
-  Slider,
-  SliderRoot,
-  SliderTrack,
-  SliderFiller,
-  SliderThumb,
-  SliderValueLabel,
-};
diff --git a/www/src/registry/core/color-swatch-picker.tsx b/www/src/registry/core/color-swatch-picker.tsx
new file mode 100644
index 000000000..e895fede4
--- /dev/null
+++ b/www/src/registry/core/color-swatch-picker.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import React from "react";
+import {
+  ColorSwatchPicker as AriaColorSwatchPicker,
+  ColorSwatchPickerItem as AriaColorSwatchPickerItem,
+  type Color,
+} from "react-aria-components";
+import { focusRing } from "@/lib/focus-styles";
+import { ColorSwatch } from "@/registry/core/color-swatch";
+import { cn } from "@/registry/lib/cn";
+
+interface ColorSwatchPickerProps
+  extends React.ComponentProps<typeof AriaColorSwatchPicker> {}
+const ColorSwatchPicker = ({ className, ...props }: ColorSwatchPickerProps) => {
+  return (
+    <AriaColorSwatchPicker className={cn("flex gap-1", className)} {...props} />
+  );
+};
+
+interface ColorSwatchPickerItemProps
+  extends React.ComponentProps<typeof AriaColorSwatchPickerItem> {}
+const ColorSwatchPickerItem = ({
+  className,
+  ...props
+}: ColorSwatchPickerItemProps) => {
+  return (
+    <AriaColorSwatchPickerItem
+      className={cn(
+        focusRing(),
+        "relative size-8 cursor-pointer rounded-md transition-shadow focus:z-10 disabled:cursor-not-allowed",
+        className
+      )}
+      {...props}
+    >
+      {({ isSelected, isDisabled }) => (
+        <>
+          <ColorSwatch className={cn("size-full rounded-[inherit]")} />
+          {isSelected && (
+            <div className="border-bg outline-bg-inverse z-1 absolute inset-0 rounded-[inherit] border-2 outline-2" />
+          )}
+          {isDisabled && (
+            <div className="z-1 bg-bg/90 absolute inset-0 rounded-[inherit]" />
+          )}
+        </>
+      )}
+    </AriaColorSwatchPickerItem>
+  );
+};
+
+export type { ColorSwatchPickerProps, ColorSwatchPickerItemProps };
+export { ColorSwatchPicker, ColorSwatchPickerItem };
diff --git a/www/src/registry/core/color-swatch.tsx b/www/src/registry/core/color-swatch.tsx
index 8bd8a4861..e2a7dc103 100644
--- a/www/src/registry/core/color-swatch.tsx
+++ b/www/src/registry/core/color-swatch.tsx
@@ -7,17 +7,22 @@ import {
 import { tv } from "tailwind-variants";
 
 const colorSwatchStyles = tv({
-  base: "size-5 rounded-sm border",
+  base: "relative size-5 rounded-sm border",
 });
 
 interface ColorSwatchProps
   extends React.ComponentProps<typeof AriaColorSwatch> {}
-const ColorSwatch = ({ className, ...props }: ColorSwatchProps) => {
+const ColorSwatch = ({ className, style, ...props }: ColorSwatchProps) => {
   return (
     <AriaColorSwatch
       className={composeRenderProps(className, (className) =>
         colorSwatchStyles({ className })
       )}
+      style={composeRenderProps(style, (style, { color }) => ({
+        ...style,
+        background: `linear-gradient(${color}, ${color}),
+        repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`,
+      }))}
       {...props}
     />
   );
diff --git a/www/src/registry/core/skeleton.tsx b/www/src/registry/core/skeleton.tsx
index 3a5d652f8..258913cb2 100644
--- a/www/src/registry/core/skeleton.tsx
+++ b/www/src/registry/core/skeleton.tsx
@@ -11,7 +11,7 @@ function Skeleton({
 }) {
   if (!show) return props.children;
   return (
-    <span
+    <div
       className={cn(
         "bg-bg-muted relative block h-6 animate-pulse rounded-md",
         props.children && "h-auto *:invisible",

From 318abe4992dba28c476d1e6a49ba2ff41ab7d2ac Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 31 Jan 2025 14:57:48 +0100
Subject: [PATCH 064/165] feat(cli): cli structure

---
 packages/cli/package.json                     |   47 +-
 packages/cli/src/commands/add.ts              |  248 +--
 packages/cli/src/commands/init.ts             |  443 ++---
 packages/cli/src/constants/config.ts          |    3 -
 packages/cli/src/constants/default-config.ts  |   15 -
 packages/cli/src/constants/frameworks.ts      |   68 -
 packages/cli/src/helpers/add-components.ts    |   36 -
 packages/cli/src/helpers/add-primitives.ts    |   52 +
 packages/cli/src/helpers/get-config-paths.ts  |   12 +
 packages/cli/src/helpers/get-config.ts        |  131 --
 packages/cli/src/helpers/get-package-info.ts  |   14 +
 packages/cli/src/helpers/get-pkg-manager.ts   |   47 -
 packages/cli/src/helpers/get-project-info.ts  |  342 ++--
 packages/cli/src/helpers/handle-error.ts      |   48 +-
 packages/cli/src/helpers/init-checks.ts       |  111 ++
 packages/cli/src/helpers/install-deps.ts      |   25 -
 packages/cli/src/helpers/is-empty-project.ts  |    8 -
 packages/cli/src/helpers/is-folder-empty.ts   |    6 -
 packages/cli/src/helpers/is-url.ts            |    8 -
 packages/cli/src/helpers/is-writable.ts       |   11 -
 packages/cli/src/helpers/on-prompt-state.ts   |   15 -
 packages/cli/src/helpers/registry-api.ts      |   24 +
 packages/cli/src/helpers/registry/index.ts    |  242 ---
 packages/cli/src/helpers/registry/utils.ts    |   55 -
 .../cli/src/helpers/transformers/index.ts     |   61 -
 .../transformers/transform-css-vars.ts        |  186 --
 .../helpers/transformers/transform-import.ts  |   81 -
 .../src/helpers/transformers/transform-jsx.ts |   95 -
 .../src/helpers/transformers/transform-rsc.ts |   16 -
 .../transformers/transform-tw-prefix.ts       |  200 ---
 .../src/helpers/updaters/update-css-vars.ts   |  240 ---
 .../helpers/updaters/update-dependencies.ts   |   26 -
 .../cli/src/helpers/updaters/update-files.ts  |  141 --
 .../updaters/update-tailwind-config.ts        |  418 -----
 .../cli/src/helpers/validate-project-name.ts  |  136 --
 packages/cli/src/index.ts                     |   15 +-
 packages/cli/src/types.ts                     |    7 +
 packages/cli/src/utils/highlight.ts           |    8 -
 packages/cli/src/utils/index.ts               |    6 +-
 packages/cli/src/utils/logger.ts              |   51 +-
 packages/cli/src/utils/resolve-import.ts      |   16 -
 packages/cli/src/utils/spinner.ts             |   18 +-
 packages/cli/tsup.config.ts                   |    4 +-
 packages/registry/schema.ts                   |   19 +
 packages/registry/types.ts                    |    5 +-
 pnpm-lock.yaml                                | 1553 +++--------------
 turbo.json                                    |    2 +-
 www/scripts/build-demos.ts                    |   43 -
 48 files changed, 959 insertions(+), 4399 deletions(-)
 delete mode 100644 packages/cli/src/constants/config.ts
 delete mode 100644 packages/cli/src/constants/default-config.ts
 delete mode 100644 packages/cli/src/constants/frameworks.ts
 delete mode 100644 packages/cli/src/helpers/add-components.ts
 create mode 100644 packages/cli/src/helpers/add-primitives.ts
 create mode 100644 packages/cli/src/helpers/get-config-paths.ts
 delete mode 100644 packages/cli/src/helpers/get-config.ts
 create mode 100644 packages/cli/src/helpers/get-package-info.ts
 delete mode 100644 packages/cli/src/helpers/get-pkg-manager.ts
 create mode 100644 packages/cli/src/helpers/init-checks.ts
 delete mode 100644 packages/cli/src/helpers/install-deps.ts
 delete mode 100644 packages/cli/src/helpers/is-empty-project.ts
 delete mode 100644 packages/cli/src/helpers/is-folder-empty.ts
 delete mode 100644 packages/cli/src/helpers/is-url.ts
 delete mode 100644 packages/cli/src/helpers/is-writable.ts
 delete mode 100644 packages/cli/src/helpers/on-prompt-state.ts
 create mode 100644 packages/cli/src/helpers/registry-api.ts
 delete mode 100644 packages/cli/src/helpers/registry/index.ts
 delete mode 100644 packages/cli/src/helpers/registry/utils.ts
 delete mode 100644 packages/cli/src/helpers/transformers/index.ts
 delete mode 100644 packages/cli/src/helpers/transformers/transform-css-vars.ts
 delete mode 100644 packages/cli/src/helpers/transformers/transform-import.ts
 delete mode 100644 packages/cli/src/helpers/transformers/transform-jsx.ts
 delete mode 100644 packages/cli/src/helpers/transformers/transform-rsc.ts
 delete mode 100644 packages/cli/src/helpers/transformers/transform-tw-prefix.ts
 delete mode 100644 packages/cli/src/helpers/updaters/update-css-vars.ts
 delete mode 100644 packages/cli/src/helpers/updaters/update-dependencies.ts
 delete mode 100644 packages/cli/src/helpers/updaters/update-files.ts
 delete mode 100644 packages/cli/src/helpers/updaters/update-tailwind-config.ts
 delete mode 100644 packages/cli/src/helpers/validate-project-name.ts
 create mode 100644 packages/cli/src/types.ts
 delete mode 100644 packages/cli/src/utils/highlight.ts
 delete mode 100644 packages/cli/src/utils/resolve-import.ts
 delete mode 100644 www/scripts/build-demos.ts

diff --git a/packages/cli/package.json b/packages/cli/package.json
index 64b49c24c..46bc56cf9 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -8,7 +8,7 @@
   "license": "MIT",
   "author": {
     "name": "mehdibha",
-    "url": "https://twitter.com/mehdibha_"
+    "url": "https://x.com/mehdibha_"
   },
   "repository": {
     "type": "git",
@@ -44,50 +44,19 @@
     "test:dev": "REGISTRY_URL=http://localhost:3000/registry vitest run"
   },
   "dependencies": {
-    "@antfu/ni": "^0.21.4",
-    "@babel/core": "^7.22.1",
-    "@babel/parser": "^7.22.6",
-    "@babel/plugin-transform-typescript": "^7.22.5",
-    "async-retry": "^1.3.3",
-    "ci-info": "^4.0.0",
+    "@clack/prompts": "^0.9.1",
+    "@types/fs-extra": "^11.0.4",
     "commander": "^10.0.0",
-    "conf": "^13.0.1",
-    "cosmiconfig": "^8.1.3",
-    "cross-spawn": "^7.0.3",
-    "deepmerge": "^4.3.1",
-    "diff": "^5.1.0",
-    "execa": "^7.0.0",
-    "fast-glob": "^3.3.2",
-    "fs-extra": "^11.1.0",
-    "https-proxy-agent": "^6.2.0",
-    "kleur": "^4.1.5",
-    "lodash.template": "^4.5.0",
-    "node-fetch": "^3.3.0",
-    "ora": "^6.1.2",
+    "fast-glob": "^3.3.3",
+    "fs-extra": "^11.3.0",
     "picocolors": "^1.1.0",
-    "postcss": "^8.4.31",
-    "prompts": "^2.4.2",
-    "recast": "^0.23.2",
-    "stringify-object": "^5.0.0",
-    "tar": "^7.4.3",
-    "ts-morph": "^18.0.0",
     "tsconfig-paths": "^4.2.0",
-    "zod": "^3.22.4"
+    "type-fest": "^4.33.0"
   },
   "devDependencies": {
     "@dotui/registry": "workspace:*",
-    "@types/async-retry": "^1.4.8",
-    "@types/babel__core": "^7.20.1",
-    "@types/diff": "^5.0.3",
-    "@types/fs-extra": "^11.0.1",
-    "@types/lodash.template": "^4.5.1",
-    "@types/prompts": "^2.4.2",
-    "@types/stringify-object": "^4.0.5",
-    "@types/validate-npm-package-name": "^4.0.2",
-    "rimraf": "^6.0.1",
-    "tailwindcss": "^3.4.3",
-    "tsup": "^6.6.3",
-    "type-fest": "^3.8.0",
+    "@types/node": "^18.17.0",
+    "tsup": "^8.3.6",
     "typescript": "^5"
   }
 }
diff --git a/packages/cli/src/commands/add.ts b/packages/cli/src/commands/add.ts
index 18edf0795..86f8ff69c 100644
--- a/packages/cli/src/commands/add.ts
+++ b/packages/cli/src/commands/add.ts
@@ -1,204 +1,44 @@
-import { Command } from "commander";
-import path from "path";
-import prompts from "prompts";
-import { z } from "zod";
-import { addComponents } from "@/helpers/add-components";
-import { getConfig } from "@/helpers/get-config";
-import { handleError } from "@/helpers/handle-error";
-import { getRegistryIndex } from "@/helpers/registry";
-import { highlight, logger } from "@/utils";
-
-export const addOptionsSchema = z.object({
-  components: z.array(z.string()).optional(),
-  yes: z.boolean(),
-  overwrite: z.boolean(),
-  cwd: z.string(),
-  all: z.boolean(),
-  path: z.string().optional(),
-  silent: z.boolean(),
-  srcDir: z.boolean().optional(),
-});
-
-export const addCommand = new Command()
-  .name("add")
-  .description("add a component to your project")
-  .argument(
-    "[components...]",
-    "the components to add or a url to the component."
-  )
-  .option("-y, --yes", "skip confirmation prompt.", false)
-  .option("-o, --overwrite", "overwrite existing files.", false)
-  .option(
-    "-c, --cwd <cwd>",
-    "the working directory. defaults to the current directory.",
-    process.cwd()
-  )
-  .option("-a, --all", "add all available components", false)
-  .option("-p, --path <path>", "the path to add the component to.")
-  .option("-s, --silent", "mute output.", false)
-  .option(
-    "--src-dir",
-    "use the src directory when creating a new project.",
-    false
-  )
-  .action(async (components, opts) => {
-    try {
-      logger.log(`${highlight.warn("⚠️ dotui-cli is under development.")}`);
-      logger.log(`You can follow the progress on https://x.com/mehdibha_.`);
-      logger.break();
-      return;
-      const options = addOptionsSchema.parse({
-        components,
-        cwd: path.resolve(opts.cwd),
-        ...opts,
-      });
-
-      // Confirm if user is installing themes.
-      // For now, we assume a theme is prefixed with "theme-".
-      const isTheme = options.components?.some((component) =>
-        component.includes("theme-")
-      );
-      if (!options.yes && isTheme) {
-        logger.break();
-        const { confirm } = await prompts({
-          type: "confirm",
-          name: "confirm",
-          message: highlight.warn(
-            "You are about to install a new theme. \nExisting CSS variables will be overwritten. Continue?"
-          ),
-        });
-        if (!confirm) {
-          logger.break();
-          logger.log("Theme installation cancelled.");
-          logger.break();
-          process.exit(1);
-        }
-      }
-
-      if (!options.components?.length) {
-        options.components = await promptForRegistryComponents(options);
-      }
-
-      // let { errors, config } = await preFlightAdd(options)
-
-      // // No component.json file. Prompt the user to run init.
-      // if (errors[ERRORS.MISSING_CONFIG]) {
-      //   const { proceed } = await prompts({
-      //     type: "confirm",
-      //     name: "proceed",
-      //     message: `You need to create a ${highlight.info(
-      //       "component.json"
-      //     )} file to add components. Proceed?`,
-      //     initial: true,
-      //   })
-
-      //   if (!proceed) {
-      //     logger.break()
-      //     process.exit(1)
-      //   }
-
-      //   config = await runInit({
-      //     cwd: options.cwd,
-      //     yes: true,
-      //     force: true,
-      //     defaults: false,
-      //     skipPreflight: false,
-      //     silent: true,
-      //     isNewProject: false,
-      //     srcDir: options.srcDir,
-      //   })
-      // }
-
-      // if (errors[ERRORS.MISSING_DIR_OR_EMPTY_PROJECT]) {
-      //   const { projectPath } = await createProject({
-      //     cwd: options.cwd,
-      //     force: options.overwrite,
-      //     srcDir: options.srcDir,
-      //   });
-      //   if (!projectPath) {
-      //     logger.break();
-      //     process.exit(1);
-      //   }
-      //   options.cwd = projectPath;
-
-      //   config = await runInit({
-      //     cwd: options.cwd,
-      //     yes: true,
-      //     force: true,
-      //     defaults: false,
-      //     skipPreflight: true,
-      //     silent: true,
-      //     isNewProject: true,
-      //     srcDir: options.srcDir,
-      //   });
-
-      //   shouldUpdateAppIndex =
-      //     options.components?.length === 1 &&
-      //     !!options.components[0].match(/\/chat\/b\//);
-      // }
-
-      // if (!config) {
-      //   throw new Error(
-      //     `Failed to read config at ${highlight.info(options.cwd)}.`
-      //   );
-      // }
-      const config = await getConfig(options.cwd);
-      if (!config) {
-        throw new Error(
-          `Failed to read config at ${highlight.info(options.cwd)}.`
-        );
-      }
-      await addComponents(options.components, config, options);
-    } catch (error) {
-      logger.break();
-      handleError(error);
-    }
-  });
-
-async function promptForRegistryComponents(
-  options: z.infer<typeof addOptionsSchema>
-) {
-  const registryIndex = await getRegistryIndex();
-  if (!registryIndex) {
-    logger.break();
-    handleError(new Error("Failed to fetch registry index."));
-    return [];
-  }
-
-  if (options.all) {
-    return registryIndex.map((entry) => entry.name);
-  }
-
-  if (options.components?.length) {
-    return options.components;
-  }
-
-  const { components } = await prompts({
-    type: "multiselect",
-    name: "components",
-    message: "Which components would you like to add?",
-    hint: "Space to select. A to toggle all. Enter to submit.",
-    instructions: false,
-    choices: registryIndex
-      .filter((entry) => entry.type === "registry:core")
-      .map((entry) => ({
-        title: entry.name,
-        value: entry.name,
-        selected: options.all ? true : options.components?.includes(entry.name),
-      })),
-  });
-
-  if (!components?.length) {
-    logger.warn("No components selected. Exiting.");
-    logger.info("");
-    process.exit(1);
-  }
-
-  const result = z.array(z.string()).safeParse(components);
-  if (!result.success) {
-    logger.error("");
-    handleError(new Error("Something went wrong. Please try again."));
-    return [];
-  }
-  return result.data;
-}
+import * as p from "@clack/prompts";
+import { Command } from "commander";
+import { addPrimitives } from "@/helpers/add-primitives";
+import { handleError } from "@/helpers/handle-error";
+import { c } from "@/utils";
+
+export const addCommand = new Command()
+  .name("add")
+  .description(
+    "add primitives to your project and install required dependencies"
+  )
+  .argument(
+    "[primitives...]",
+    "the primitives to add wheather components, hoooks, themes."
+  )
+  .helpOption("-h, --help", "show all available options")
+  .option("-o, --overwrite", "overwrite existing files.", false)
+  .option("-a, --all", "add all available core components.", false)
+  .option(
+    "-d --dir",
+    "the working directory. defaults to the current directory.",
+    process.cwd()
+  )
+  .action(
+    async (
+      components: string[],
+      options: { overwrite: boolean; all: boolean; dir: string }
+    ) => {
+      try {
+        p.intro("Adding primitives.");
+        await addPrimitives(components, {}, { overwrite: options.overwrite, message: "Updating your project" });
+        p.outro(
+          `Successfully added ${c.info("button, text-field, and 21 other components.")}`
+        );
+      } catch (error) {
+        p.outro(
+          c.error(
+            "Someting went wrong. If the problem persists, please open an issue on GitHub."
+          )
+        );
+        handleError(error);
+      }
+    }
+  );
diff --git a/packages/cli/src/commands/init.ts b/packages/cli/src/commands/init.ts
index c76a5fe8c..24b5bdaa6 100644
--- a/packages/cli/src/commands/init.ts
+++ b/packages/cli/src/commands/init.ts
@@ -1,277 +1,166 @@
-import { Command } from "commander";
-import fs from "fs-extra";
-import path from "path";
-import prompts from "prompts";
-import { z } from "zod";
-import { BASE_URL } from "@/constants/config";
-import {
-  DEFAULT_COMPONENTS_ALIAS,
-  DEFAULT_CORE_ALIAS,
-  DEFAULT_HOOKS_ALIAS,
-  DEFAULT_UTILS_ALIAS,
-} from "@/constants/default-config";
-import { addComponents } from "@/helpers/add-components";
-import {
-  Config,
-  rawConfigSchema,
-  resolveConfigPaths,
-} from "@/helpers/get-config";
-import { getProjectInfo } from "@/helpers/get-project-info";
-import { handleError } from "@/helpers/handle-error";
-import { isEmptyProject } from "@/helpers/is-empty-project";
-import { onPromptState } from "@/helpers/on-prompt-state";
-import {
-  getRegistryColorSystems,
-  getRegistryIconLibrairies,
-  getRegistryStyles,
-  getRegistryThemes,
-} from "@/helpers/registry";
-import { logger, highlight, spinner } from "@/utils";
-
-const initOptionsSchema = z.object({
-  projectDir: z.string().optional(),
-  yes: z.boolean(),
-  skipInstall: z.boolean(),
-});
-
-export const init = new Command()
-  .name("init")
-  .description("initialize your project and install required dependencies")
-  .argument("[projectDir]")
-  .usage("[projectDir] [options]")
-  .helpOption("-h, --help", "Display this help message.")
-  .option("-y --yes", "use default options", false)
-  .option("--skip-install", "skip install", false)
-  .action(async (projectDir, opts) => {
-    try {
-      logger.log(
-        `${highlight.warn("⚠️  dotui-cli is still under development.")}`
-      );
-      logger.log(`You can follow the progress on https://x.com/mehdibha_.`);
-      logger.break();
-      return;
-      const options = initOptionsSchema.parse({ projectDir, ...opts });
-      await runInit(options);
-      logger.log(
-        `${highlight.success("Success!")} Project initialization completed.`
-      );
-      logger.break();
-      logger.log(
-        `You may now add components, hooks, and more using the \`add\` command.`
-      );
-      logger.break();
-      logger.log(`We suggest that you begin by typing:`);
-      logger.break();
-      logger.success("  npx dotui-cli@latest add button");
-    } catch (error) {
-      logger.break();
-      handleError(error);
-    }
-  });
-
-export async function runInit(options: z.infer<typeof initOptionsSchema>) {
-  let projectDir = options.projectDir ?? process.cwd();
-  const emptyProject = isEmptyProject(projectDir);
-  if (emptyProject) {
-    logger.log(
-      `We could not find a project at ${highlight.error(projectDir)}.`
-    );
-    logger.break();
-    process.exit(1);
-  }
-
-  // We check if a config file already exists
-  const configPath = path.resolve(projectDir, "dotui.config.json");
-  const checkConfigSpinner = spinner(`Verifying your project config.`).start();
-  if (fs.existsSync(configPath) && !options.yes) {
-    {
-      checkConfigSpinner?.fail();
-      const { proceed } = await prompts({
-        onState: onPromptState,
-        type: "confirm",
-        name: "proceed",
-        message: `A ${highlight.info(
-          "dotui.config.json"
-        )} file already exists.\nDo you want to overwrite it?`,
-        initial: false,
-      });
-      if (!proceed) {
-        process.exit(1);
-      }
-      fs.removeSync(configPath);
-    }
-  }
-  checkConfigSpinner?.succeed();
-
-  // We check the framework
-  const frameworkSpinner = spinner(`Verifying framework.`).start();
-  const projectInfo = await getProjectInfo(projectDir);
-  if (!projectInfo || projectInfo?.framework.name === "manual") {
-    frameworkSpinner?.fail();
-    logger.break();
-    logger.error(
-      `We could not detect a supported framework at ${highlight.info(
-        projectDir
-      )}.`
-    );
-    logger.break();
-    process.exit(1);
-  }
-  frameworkSpinner?.succeed(
-    `Verifying framework. Found ${highlight.info(projectInfo.framework.label)}.`
-  );
-
-  // We check the tailwind configuration
-  const tailwindSpinner = spinner(`Validating Tailwind CSS.`).start();
-  if (!projectInfo?.tailwindConfigFile || !projectInfo?.tailwindCssFile) {
-    tailwindSpinner?.fail();
-    logger.break();
-    logger.error(
-      `No Tailwind CSS configuration found at ${highlight.info(projectDir)}.`
-    );
-    logger.error(
-      `It is likely you do not have Tailwind CSS installed or have an invalid configuration.`
-    );
-    logger.error(`Install Tailwind CSS then try again.`);
-    logger.break();
-    process.exit(1);
-  } else {
-    tailwindSpinner?.succeed();
-  }
-
-  // We check the import alias
-  const tsConfigSpinner = spinner(`Validating import alias.`).start();
-  if (!projectInfo?.aliasPrefix) {
-    tsConfigSpinner?.fail();
-    logger.break();
-    logger.error(`No import alias found in your tsconfig.json file.`);
-    logger.break();
-    process.exit(1);
-  } else {
-    tsConfigSpinner?.succeed();
-  }
-
-  logger.break();
-
-  // const { config, theme } = await promptForConfig({
-  //   projectDir,
-  //   yes: options.yes,
-  //   skipInstall: options.skipInstall,
-  // });
-
-  // // Write dotui.config.json.
-  // const configSpinner = spinner(`Writing dotui.config.json.`).start();
-  // const targetPath = path.resolve(projectDir, "dotui.config.json");
-  // await fs.writeFile(targetPath, JSON.stringify(config, null, 2), "utf8");
-  // configSpinner.succeed();
-
-  // const fullConfig = await resolveConfigPaths(projectDir, config);
-  // await addComponents(["index", theme.name], fullConfig, {});
-}
-
-const promptForConfig = async (opts: {
-  projectDir: string;
-  yes: boolean;
-  skipInstall: boolean;
-}) => {
-  const [
-    styles,
-    //  iconLibraries,
-    //  themes,
-    // colorSystems
-  ] = await Promise.all([
-    getRegistryStyles(),
-    getRegistryIconLibrairies(),
-    // getRegistryThemes(),
-    // getRegistryColorSystems(),
-  ]);
-
-  // const projectInfo = await getProjectInfo(opts.projectDir);
-
-  // const options = await prompts([
-  //   {
-  //     type: "select",
-  //     name: "style",
-  //     message: `Which ${highlight.info("style")} would you like to use?`,
-  //     choices: styles.map((style) => ({
-  //       title: style.label ?? style.name,
-  //       value: style.name,
-  //     })),
-  //     onState: onPromptState,
-  //   },
-  //   {
-  //     type: "select",
-  //     name: "theme",
-  //     message: `Which ${highlight.info("theme")} whould you like to install?`,
-  //     choices: themes.map((theme) => ({
-  //       title: theme.name,
-  //       value: theme.label,
-  //     })),
-  //     onState: onPromptState,
-  //   },
-  //   {
-  //     type: "select",
-  //     name: "iconLibrary",
-  //     message: `Which ${highlight.info(
-  //       "icon library"
-  //     )} whould you like to use?`,
-  //     choices: iconLibraries.map((iconLibrary) => ({
-  //       title: iconLibrary.name,
-  //       value: iconLibrary.label,
-  //     })),
-  //     onState: onPromptState,
-  //   },
-  //   {
-  //     type: "select",
-  //     name: "colorSystem",
-  //     message: `Which ${highlight.info(
-  //       "color system"
-  //     )} would you like to use for theming?`,
-  //     choices: colorSystems.map((style) => ({
-  //       title: style.label,
-  //       value: style.name,
-  //     })),
-  //     onState: onPromptState,
-  //   },
-  // ]);
-
-  // logger.info("");
-
-  // const config : Config = {
-  //   $schema: `${BASE_URL}/schema.json`,
-  //   style: options.style,
-  //   iconLibrary: options.iconLibrary,
-  //   colorSystem: options.colorSystem,
-  //   rsc: projectInfo?.isRSC,
-  //   tsx: projectInfo?.isTsx ?? true,
-  //   tailwind: {
-  //     config: projectInfo?.tailwindConfigFile,
-  //     css: projectInfo?.tailwindCssFile,
-  //     prefix: "",
-  //   },
-  //   aliases: {
-  //     core: projectInfo?.aliasPrefix
-  //       ? `${projectInfo.aliasPrefix}/components/core`
-  //       : DEFAULT_CORE_ALIAS,
-  //     components: projectInfo?.aliasPrefix
-  //       ? `${projectInfo.aliasPrefix}/components`
-  //       : DEFAULT_COMPONENTS_ALIAS,
-  //     utils: projectInfo?.aliasPrefix
-  //       ? `${projectInfo.aliasPrefix}/utils`
-  //       : DEFAULT_UTILS_ALIAS,
-  //     lib: projectInfo?.aliasPrefix
-  //       ? `${projectInfo.aliasPrefix}/lib`
-  //       : DEFAULT_COMPONENTS_ALIAS,
-  //     hooks: projectInfo?.aliasPrefix
-  //       ? `${projectInfo.aliasPrefix}/hooks`
-  //       : DEFAULT_HOOKS_ALIAS,
-  //   },
-  // }
-
-  // console.log(config)
-
-  // return {
-  //   config: rawConfigSchema.parse(config),
-  //   theme: options.theme,
-  // };
-};
+import * as p from "@clack/prompts";
+import type { RegistryTheme } from "@dotui/registry";
+import { Command } from "commander";
+import fs from "fs-extra";
+import path from "path";
+import { addPrimitives } from "@/helpers/add-primitives";
+import { handleError } from "@/helpers/handle-error";
+import { initChecks } from "@/helpers/init-checks";
+import { getRegistryTheme, getRegistryThemes } from "@/helpers/registry-api";
+import { Aliases } from "@/types";
+import { c } from "@/utils";
+
+export const initCommand = new Command()
+  .name("init")
+  .description("initialize your project and install required dependencies")
+  .argument("[themeId]")
+  .usage("[themeId] [options]")
+  .helpOption("-h, --help", "show all available options")
+  .option("-y --yes", "use default options", false)
+  .option(
+    "-d --dir",
+    "the working directory. defaults to the current directory.",
+    process.cwd()
+  )
+  .action(
+    async (
+      themeId: string | undefined,
+      options: { yes: boolean; dir: string }
+    ) => {
+      try {
+        p.intro("Initializing dotUI in your project.");
+        await initChecks(options);
+        const aliases = await getOrPromptForAlias();
+        themeId = await getOrPromptForThemeId(themeId);
+        const theme = await getRegistryTheme(themeId);
+        await createConfigFile(options.dir, aliases, theme);
+        await addPrimitives(
+          ["index"],
+          {},
+          { overwrite: true, message: "Adding required primitives." }
+        );
+        p.outro(
+          `${c.success("Project initialized successfully.")}\n\nYou may know add components: ${c.info("npx dotui-cli add button")}`
+        );
+      } catch (error) {
+        p.outro(
+          c.error(
+            "Someting went wrong. If the problem persists, please open an issue on GitHub."
+          )
+        );
+        handleError(error);
+      }
+    }
+  );
+
+const getOrPromptForAlias = async () => {
+  const customizeAlias = await p.confirm({
+    message: "Would you like to customize the import alias?",
+    initialValue: false,
+  });
+
+  if (p.isCancel(customizeAlias)) {
+    p.cancel("Project init cancelled.");
+    process.exit(0);
+  }
+
+  let alias = {
+    core: "@/components/core",
+    components: "@/components",
+    hooks: "@/hooks",
+    lib: "@/lib",
+    utils: "@/lib/utils",
+  };
+
+  if (customizeAlias) {
+    alias = await p.group(
+      {
+        core: () =>
+          p.text({
+            message: `Configure the import alias for ${c.info("core components")}:`,
+            placeholder: "@/components/core",
+          }),
+        components: () =>
+          p.text({
+            message: `Configure the import alias for ${c.info("components")}:`,
+            placeholder: "@/components",
+          }),
+        hooks: () =>
+          p.text({
+            message: `Configure the import alias for ${c.info("hooks")}:`,
+            placeholder: "@/hooks",
+          }),
+        lib: () =>
+          p.text({
+            message: `Configure the import alias for ${c.info("lib")}:`,
+            placeholder: "@/lib",
+          }),
+        utils: () =>
+          p.text({
+            message: `Configure the import alias for ${c.info("utils")}:`,
+            placeholder: "@/lib/utils",
+          }),
+      },
+      {
+        onCancel: () => {
+          p.cancel("Project init cancelled.");
+          process.exit(0);
+        },
+      }
+    );
+  }
+
+  return alias;
+};
+
+async function getOrPromptForThemeId(argumentThemeId: string | undefined) {
+  if (argumentThemeId) return argumentThemeId;
+
+  const themes = await getRegistryThemes();
+
+  const themeId = await p.select({
+    message: "Select a theme:",
+    options: themes.map((theme) => ({
+      value: theme.id,
+      label: theme.label,
+    })),
+  });
+
+  if (p.isCancel(themeId)) {
+    p.cancel("Project init cancelled.");
+    process.exit(1);
+  }
+
+  return themeId;
+}
+
+async function createConfigFile(
+  cwd: string,
+  aliases: Aliases,
+  theme: RegistryTheme
+) {
+  const proceed = await p.confirm({
+    message: `Write configuration to ${c.info("dotui.json")}. Proceed?`,
+  });
+
+  if (p.isCancel(proceed)) {
+    p.cancel("Project init cancelled.");
+    process.exit(0);
+  }
+
+  // Write config file
+  const createConfigSpinner = p.spinner();
+  createConfigSpinner.start("Creating configuration file");
+  const targetPath = path.resolve(cwd, "dotui.json");
+  const config = {
+    iconLibrary: theme.iconLibrary,
+    aliases: aliases,
+    styles: theme.styles,
+  };
+  if (fs.existsSync(targetPath)) {
+    await fs.remove(targetPath);
+  }
+  await fs.writeFile(targetPath, JSON.stringify(config, null, 2), "utf8");
+
+  createConfigSpinner.stop("Created configuration file");
+}
diff --git a/packages/cli/src/constants/config.ts b/packages/cli/src/constants/config.ts
deleted file mode 100644
index afc9a720d..000000000
--- a/packages/cli/src/constants/config.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const BASE_URL = true ? "http://localhost:3000" : "https://dotui.org";
-
-export const REGISTRY_URL = "http://localhost:3000/registry";
diff --git a/packages/cli/src/constants/default-config.ts b/packages/cli/src/constants/default-config.ts
deleted file mode 100644
index a29ce275d..000000000
--- a/packages/cli/src/constants/default-config.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export const DEFAULT_STYLE = "default";
-export const DEFAULT_COLOR_SYSTEM = "default";
-
-export const DEFAULT_COMPONENTS_ALIAS = "@/components";
-export const DEFAULT_CORE_ALIAS = "@/components/core";
-export const DEFAULT_UTILS_ALIAS = "@/lib/utils";
-export const DEFAULT_LIB_ALIAS = "@/lib";
-export const DEFAULT_HOOKS_ALIAS = "@/hooks";
-
-export const DEFAULT_TAILWIND_CSS = "app/globals.css";
-export const DEFAULT_TAILWIND_CONFIG = "tailwind.config.js";
-export const DEFAULT_TAILWIND_BASE_COLOR = "slate";
-export const DEFAULT_TAILWIND_PREFIX = "";
-
-export const DEFAULT_RSC = true;
diff --git a/packages/cli/src/constants/frameworks.ts b/packages/cli/src/constants/frameworks.ts
deleted file mode 100644
index 98dbbadd5..000000000
--- a/packages/cli/src/constants/frameworks.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-export const FRAMEWORKS = {
-  "next-app": {
-    name: "next-app",
-    label: "Next.js",
-    links: {
-      installation: "https://dotui.org/docs/installation/next",
-      tailwind: "https://tailwindcss.com/docs/guides/nextjs",
-    },
-  },
-  "next-pages": {
-    name: "next-pages",
-    label: "Next.js",
-    links: {
-      installation: "https://dotui.org/docs/installation/next",
-      tailwind: "https://tailwindcss.com/docs/guides/nextjs",
-    },
-  },
-  remix: {
-    name: "remix",
-    label: "Remix",
-    links: {
-      installation: "https://dotui.org/docs/installation/remix",
-      tailwind: "https://tailwindcss.com/docs/guides/remix",
-    },
-  },
-  vite: {
-    name: "vite",
-    label: "Vite",
-    links: {
-      installation: "https://dotui.org/docs/installation/vite",
-      tailwind: "https://tailwindcss.com/docs/guides/vite",
-    },
-  },
-  astro: {
-    name: "astro",
-    label: "Astro",
-    links: {
-      installation: "https://dotui.org/docs/installation/astro",
-      tailwind: "https://tailwindcss.com/docs/guides/astro",
-    },
-  },
-  laravel: {
-    name: "laravel",
-    label: "Laravel",
-    links: {
-      installation: "https://dotui.org/docs/installation/laravel",
-      tailwind: "https://tailwindcss.com/docs/guides/laravel",
-    },
-  },
-  gatsby: {
-    name: "gatsby",
-    label: "Gatsby",
-    links: {
-      installation: "https://dotui.org/docs/installation/gatsby",
-      tailwind: "https://tailwindcss.com/docs/guides/gatsby",
-    },
-  },
-  manual: {
-    name: "manual",
-    label: "Manual",
-    links: {
-      installation: "https://dotui.org/docs/installation/manual",
-      tailwind: "https://tailwindcss.com/docs/installation",
-    },
-  },
-} as const;
-
-export type Framework = (typeof FRAMEWORKS)[keyof typeof FRAMEWORKS];
diff --git a/packages/cli/src/helpers/add-components.ts b/packages/cli/src/helpers/add-components.ts
deleted file mode 100644
index de0aebb4b..000000000
--- a/packages/cli/src/helpers/add-components.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { type Config } from "@/helpers/get-config";
-import { handleError } from "@/helpers/handle-error";
-import { registryResolveItemsTree } from "@/helpers/registry";
-import { updateCssVars } from "@/helpers/updaters/update-css-vars";
-import { updateDependencies } from "@/helpers/updaters/update-dependencies";
-import { updateFiles } from "@/helpers/updaters/update-files";
-import { updateTailwindConfig } from "@/helpers/updaters/update-tailwind-config";
-import { spinner } from "@/utils/spinner";
-
-export async function addComponents(
-  components: string[],
-  config: Config,
-  options: {
-    overwrite?: boolean;
-  }
-) {
-  options = {
-    overwrite: false,
-    ...options,
-  };
-
-  const registrySpinner = spinner(`Checking registry.`)?.start();
-  const tree = await registryResolveItemsTree(components, config);
-  if (!tree) {
-    registrySpinner?.fail();
-    return handleError(new Error("Failed to fetch components from registry."));
-  }
-  registrySpinner?.succeed();
-
-  await updateTailwindConfig(tree.tailwind?.config, config);
-  await updateCssVars(tree.cssVars, config);
-  await updateDependencies(tree.dependencies, config);
-  await updateFiles(tree.files, config, {
-    overwrite: options.overwrite,
-  });
-}
diff --git a/packages/cli/src/helpers/add-primitives.ts b/packages/cli/src/helpers/add-primitives.ts
new file mode 100644
index 000000000..10fa70625
--- /dev/null
+++ b/packages/cli/src/helpers/add-primitives.ts
@@ -0,0 +1,52 @@
+import { spinner } from "@clack/prompts";
+
+interface Config {}
+
+export async function addPrimitives(
+  primitives: string[],
+  config: Config,
+  options?: {
+    overwrite?: boolean;
+    message?: string;
+  }
+) {
+  options = {
+    overwrite: false,
+    message: "Adding primitives.",
+    ...options,
+  };
+
+  const addPrimitivesSpinner = spinner();
+
+  addPrimitivesSpinner.start(options.message);
+  await new Promise((resolve) => setTimeout(resolve, 3000));
+  // const tree = await registryResolveItemsTree(primitives, config)
+  // if (!tree) {
+  //   registrySpinner?.fail()
+  //   return handleError(new Error("Failed to fetch primitives from registry."))
+  // }
+
+  addPrimitivesSpinner.message("Updating your CSS.");
+  await new Promise((resolve) => setTimeout(resolve, 3000));
+  // await updateCss(tree.cssVars, config, {
+  //   cleanupDefaultNextStyles: options.isNewProject,
+  //   silent: options.silent,
+  // })
+
+  addPrimitivesSpinner.message("Updating dependencies.");
+  await new Promise((resolve) => setTimeout(resolve, 3000));
+  // await updateDependencies(tree.dependencies, config, {
+  //   silent: options.silent,
+  // })
+  // await updateFiles(tree.files, config, {
+  //   overwrite: options.overwrite,
+  // })
+
+  addPrimitivesSpinner.message("Updating files.");
+  await new Promise((resolve) => setTimeout(resolve, 3000));
+  // await updateFiles(tree.files, config, {
+  //   overwrite: options.overwrite,
+  // })
+  
+  addPrimitivesSpinner.stop(options.message);
+}
diff --git a/packages/cli/src/helpers/get-config-paths.ts b/packages/cli/src/helpers/get-config-paths.ts
new file mode 100644
index 000000000..04d505928
--- /dev/null
+++ b/packages/cli/src/helpers/get-config-paths.ts
@@ -0,0 +1,12 @@
+// import { z } from "zod";
+
+// export const configSchema = z.object({
+//   cwd: z.string(),
+//   tailwindConfig: z.string(),
+//   tailwindCss: z.string(),
+//   utils: z.string(),
+//   components: z.string(),
+//   lib: z.string(),
+//   hooks: z.string(),
+//   core: z.string(),
+// });
diff --git a/packages/cli/src/helpers/get-config.ts b/packages/cli/src/helpers/get-config.ts
deleted file mode 100644
index 780401dc5..000000000
--- a/packages/cli/src/helpers/get-config.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { cosmiconfig } from "cosmiconfig";
-import path from "path";
-import { loadConfig } from "tsconfig-paths";
-import { z } from "zod";
-import { resolveImport, highlight } from "@/utils";
-
-export const DEFAULT_STYLE = "default";
-export const DEFAULT_COMPONENTS = "@/components";
-export const DEFAULT_UTILS = "@/lib/utils";
-export const DEFAULT_TAILWIND_CSS = "app/globals.css";
-export const DEFAULT_TAILWIND_CONFIG = "tailwind.config.js";
-export const DEFAULT_TAILWIND_BASE_COLOR = "slate";
-
-// TODO: Figure out if we want to support all cosmiconfig formats.
-// A simple components.json file would be nice.
-const explorer = cosmiconfig("dotui.config", {
-  searchPlaces: ["dotui.config.json"],
-});
-
-export const rawConfigSchema = z
-  .object({
-    $schema: z.string().optional(),
-    style: z.string(),
-    iconLibrary: z.string(),
-    colorSystem: z.string(),
-    rsc: z.coerce.boolean().default(false),
-    tsx: z.coerce.boolean().default(true),
-    tailwind: z.object({
-      config: z.string(),
-      css: z.string(),
-      prefix: z.string().default("").optional(),
-    }),
-    aliases: z.object({
-      components: z.string(),
-      utils: z.string(),
-      core: z.string().optional(),
-      lib: z.string().optional(),
-      hooks: z.string().optional(),
-    }),
-  })
-  .strict();
-
-export type RawConfig = z.infer<typeof rawConfigSchema>;
-
-export const configSchema = rawConfigSchema.extend({
-  resolvedPaths: z.object({
-    cwd: z.string(),
-    tailwindConfig: z.string(),
-    tailwindCss: z.string(),
-    utils: z.string(),
-    components: z.string(),
-    lib: z.string(),
-    hooks: z.string(),
-    core: z.string(),
-  }),
-});
-
-export type Config = z.infer<typeof configSchema>;
-
-export async function getConfig(cwd: string) {
-  const config = await getRawConfig(cwd);
-
-  if (!config) {
-    return null;
-  }
-
-  return await resolveConfigPaths(cwd, config);
-}
-
-export async function resolveConfigPaths(cwd: string, config: RawConfig) {
-  // Read tsconfig.json.
-  const tsConfig = await loadConfig(cwd);
-
-  if (tsConfig.resultType === "failed") {
-    throw new Error(
-      `Failed to load ${config.tsx ? "tsconfig" : "jsconfig"}.json. ${
-        tsConfig.message ?? ""
-      }`.trim()
-    );
-  }
-
-  return configSchema.parse({
-    ...config,
-    resolvedPaths: {
-      cwd,
-      tailwindConfig: path.resolve(cwd, config.tailwind.config),
-      tailwindCss: path.resolve(cwd, config.tailwind.css),
-      utils: await resolveImport(config.aliases["utils"], tsConfig),
-      components: await resolveImport(config.aliases["components"], tsConfig),
-      core: config.aliases["core"]
-        ? await resolveImport(config.aliases["core"], tsConfig)
-        : path.resolve(
-            (await resolveImport(config.aliases["components"], tsConfig)) ??
-              cwd,
-            "core"
-          ),
-      // TODO: Make this configurable.
-      // For now, we assume the lib and hooks directories are one level up from the components directory.
-      lib: config.aliases["lib"]
-        ? await resolveImport(config.aliases["lib"], tsConfig)
-        : path.resolve(
-            (await resolveImport(config.aliases["utils"], tsConfig)) ?? cwd,
-            ".."
-          ),
-      hooks: config.aliases["hooks"]
-        ? await resolveImport(config.aliases["hooks"], tsConfig)
-        : path.resolve(
-            (await resolveImport(config.aliases["components"], tsConfig)) ??
-              cwd,
-            "..",
-            "hooks"
-          ),
-    },
-  });
-}
-
-export async function getRawConfig(cwd: string): Promise<RawConfig | null> {
-  try {
-    const configResult = await explorer.search(cwd);
-    if (!configResult) {
-      return null;
-    }
-
-    return rawConfigSchema.parse(configResult.config);
-  } catch (error) {
-    const componentPath = `${cwd}/component.json`;
-    throw new Error(
-      `Invalid configuration found in ${highlight.info(componentPath)}.`
-    );
-  }
-}
diff --git a/packages/cli/src/helpers/get-package-info.ts b/packages/cli/src/helpers/get-package-info.ts
new file mode 100644
index 000000000..059c3bc79
--- /dev/null
+++ b/packages/cli/src/helpers/get-package-info.ts
@@ -0,0 +1,14 @@
+import fs from "fs-extra";
+import path from "path";
+import { type PackageJson } from "type-fest";
+
+export function getPackageJson(
+  cwd: string = "",
+  shouldThrow: boolean = true
+): PackageJson | null {
+  const packageJsonPath = path.join(cwd, "package.json");
+
+  return fs.readJSONSync(packageJsonPath, {
+    throws: shouldThrow,
+  }) as PackageJson;
+}
diff --git a/packages/cli/src/helpers/get-pkg-manager.ts b/packages/cli/src/helpers/get-pkg-manager.ts
deleted file mode 100644
index 00936e332..000000000
--- a/packages/cli/src/helpers/get-pkg-manager.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { detect } from "@antfu/ni";
-
-export type PackageManager = "yarn" | "pnpm" | "bun" | "npm";
-
-export async function getPackageManager(
-  targetDir: string,
-  { withFallback }: { withFallback?: boolean } = {
-    withFallback: false,
-  }
-): Promise<"yarn" | "pnpm" | "bun" | "npm"> {
-  const packageManager = await detect({ programmatic: true, cwd: targetDir });
-
-  if (packageManager === "yarn@berry") return "yarn";
-  if (packageManager === "pnpm@6") return "pnpm";
-  if (packageManager === "bun") return "bun";
-
-  if (!withFallback) {
-    return packageManager ?? "npm";
-  }
-
-  // Fallback to user agent if not detected.
-  const userAgent = process.env.npm_config_user_agent || "";
-
-  if (userAgent.startsWith("yarn")) {
-    return "yarn";
-  }
-
-  if (userAgent.startsWith("pnpm")) {
-    return "pnpm";
-  }
-
-  if (userAgent.startsWith("bun")) {
-    return "bun";
-  }
-
-  return "npm";
-}
-
-export async function getPackageRunner(cwd: string) {
-  const packageManager = await getPackageManager(cwd);
-
-  if (packageManager === "pnpm") return "pnpm dlx";
-
-  if (packageManager === "bun") return "bunx";
-
-  return "npx";
-}
diff --git a/packages/cli/src/helpers/get-project-info.ts b/packages/cli/src/helpers/get-project-info.ts
index bf4cf781d..73b5bd641 100644
--- a/packages/cli/src/helpers/get-project-info.ts
+++ b/packages/cli/src/helpers/get-project-info.ts
@@ -1,185 +1,157 @@
-import fg from "fast-glob";
-import fs from "fs-extra";
-import path from "path";
-import { loadConfig } from "tsconfig-paths";
-import { FRAMEWORKS, Framework } from "@/constants/frameworks";
-
-type ProjectInfo = {
-  framework: Framework;
-  isSrcDir: boolean;
-  isRSC: boolean;
-  isTsx: boolean;
-  tailwindConfigFile: string | null;
-  tailwindCssFile: string | null;
-  aliasPrefix: string | null;
-};
-
-const PROJECT_SHARED_IGNORE = [
-  "**/node_modules/**",
-  ".next",
-  "public",
-  "dist",
-  "build",
-];
-
-export async function getProjectInfo(cwd: string): Promise<ProjectInfo | null> {
-  const [
-    configFiles,
-    isSrcDir,
-    isTsx,
-    tailwindConfigFile,
-    tailwindCssFile,
-    aliasPrefix,
-  ] = await Promise.all([
-    fg.glob("**/{next,vite,astro}.config.*|gatsby-config.*|composer.json", {
-      cwd,
-      deep: 3,
-      ignore: PROJECT_SHARED_IGNORE,
-    }),
-    fs.pathExists(path.resolve(cwd, "src")),
-    isTypeScriptProject(cwd),
-    getTailwindConfigFile(cwd),
-    getTailwindCssFile(cwd),
-    getTsConfigAliasPrefix(cwd),
-  ]);
-
-  const isUsingAppDir = await fs.pathExists(
-    path.resolve(cwd, `${isSrcDir ? "src/" : ""}app`)
-  );
-
-  const type: ProjectInfo = {
-    framework: FRAMEWORKS["manual"],
-    isSrcDir,
-    isRSC: false,
-    isTsx,
-    tailwindConfigFile,
-    tailwindCssFile,
-    aliasPrefix,
-  };
-
-  if (!configFiles.length) {
-    return type;
-  }
-
-  // Next.js.
-  if (configFiles.find((file) => file.startsWith("next.config."))?.length) {
-    type.framework = isUsingAppDir
-      ? FRAMEWORKS["next-app"]
-      : FRAMEWORKS["next-pages"];
-    type.isRSC = isUsingAppDir;
-    return type;
-  }
-
-  // Astro.
-  if (configFiles.find((file) => file.startsWith("astro.config."))?.length) {
-    type.framework = FRAMEWORKS["astro"];
-    return type;
-  }
-
-  // Gatsby.
-  if (configFiles.find((file) => file.startsWith("gatsby-config."))?.length) {
-    type.framework = FRAMEWORKS["gatsby"];
-    return type;
-  }
-
-  // Laravel.
-  if (configFiles.find((file) => file.startsWith("composer.json"))?.length) {
-    type.framework = FRAMEWORKS["laravel"];
-    return type;
-  }
-
-  // Vite and Remix.
-  // They both have a vite.config.* file.
-  if (configFiles.find((file) => file.startsWith("vite.config."))?.length) {
-    // We'll assume that if the project has an app dir, it's a Remix project.
-    // Otherwise, it's a Vite project.
-    // TODO: Maybe check for `@remix-run/react` in package.json?
-    type.framework = isUsingAppDir ? FRAMEWORKS["remix"] : FRAMEWORKS["vite"];
-    return type;
-  }
-
-  return type;
-}
-
-export async function getTailwindCssFile(cwd: string) {
-  const files = await fg.glob("**/*.css", {
-    cwd,
-    deep: 5,
-    ignore: PROJECT_SHARED_IGNORE,
-  });
-
-  if (!files.length) {
-    return null;
-  }
-
-  for (const file of files) {
-    const contents = await fs.readFile(path.resolve(cwd, file), "utf8");
-    // Assume that if the file contains `@tailwind base` it's the main css file.
-    if (contents.includes("@tailwind base")) {
-      return file;
-    }
-  }
-
-  return null;
-}
-
-export async function getTailwindConfigFile(cwd: string) {
-  const files = await fg.glob("tailwind.config.*", {
-    cwd,
-    deep: 3,
-    ignore: PROJECT_SHARED_IGNORE,
-  });
-
-  if (!files.length) {
-    return null;
-  }
-
-  return files[0];
-}
-
-export async function getTsConfigAliasPrefix(cwd: string) {
-  const tsConfig = await loadConfig(cwd);
-
-  if (tsConfig?.resultType === "failed" || !tsConfig?.paths) {
-    return null;
-  }
-
-  // This assume that the first alias is the prefix.
-  for (const [alias, paths] of Object.entries(tsConfig.paths)) {
-    if (
-      paths.includes("./*") ||
-      paths.includes("./src/*") ||
-      paths.includes("./app/*") ||
-      paths.includes("./resources/js/*") // Laravel.
-    ) {
-      return alias.at(0) ?? null;
-    }
-  }
-
-  return null;
-}
-
-export async function isTypeScriptProject(cwd: string) {
-  const files = await fg.glob("tsconfig.*", {
-    cwd,
-    deep: 1,
-    ignore: PROJECT_SHARED_IGNORE,
-  });
-
-  return files.length > 0;
-}
-
-export async function getTsConfig() {
-  try {
-    const tsconfigPath = path.join("tsconfig.json");
-    const tsconfig = await fs.readJSON(tsconfigPath);
-
-    if (!tsconfig) {
-      throw new Error("tsconfig.json is missing");
-    }
-
-    return tsconfig;
-  } catch (error) {
-    return null;
-  }
-}
+import fg from "fast-glob";
+import fs from "fs-extra";
+import path from "path";
+import { loadConfig as loadTsConfig } from "tsconfig-paths";
+import { getPackageJson } from "./get-package-info";
+
+const PROJECT_SHARED_IGNORE = [
+  "**/node_modules/**",
+  ".next",
+  "public",
+  "dist",
+  "build",
+];
+
+export async function getTailwindVersion(
+  cwd: string
+): Promise<"v3" | "v4" | null> {
+  const packageInfo = getPackageJson(cwd);
+
+  const twVersion = packageInfo?.dependencies?.tailwindcss;
+  const twDevVersion = packageInfo?.devDependencies?.tailwindcss;
+
+  if (!twVersion && !twDevVersion) {
+    return null;
+  }
+
+  if (/^(?:\^|~)?3(?:\.\d+)*(?:-.*)?$/.test(twVersion || twDevVersion || "")) {
+    return "v3";
+  }
+
+  if (/^(?:\^|~)?4(?:\.\d+)*(?:-.*)?$/.test(twVersion || twDevVersion || "")) {
+    return "v4";
+  }
+
+  return null;
+}
+
+export async function isTypescriptProject(cwd: string) {
+  const files = await fg.glob("tsconfig.*", {
+    cwd,
+    deep: 1,
+    ignore: PROJECT_SHARED_IGNORE,
+  });
+
+  return files.length > 0;
+}
+
+export async function getReactVersion(
+  cwd: string
+): Promise<"v19" | "older" | null> {
+  const packageInfo = getPackageJson(cwd);
+
+  const reactVersion = packageInfo?.dependencies?.react;
+
+  if (!reactVersion) {
+    return null;
+  }
+
+  if (/^(?:\^|~)?19(?:\.\d+)*(?:-.*)?$/.test(reactVersion || "")) {
+    return "v19";
+  }
+
+  return "older";
+}
+
+export async function getTailwindCssFile(cwd: string) {
+  const files = await fg.glob(["**/*.css", "**/*.scss"], {
+    cwd,
+    deep: 5,
+    ignore: PROJECT_SHARED_IGNORE,
+  });
+
+  if (!files.length) {
+    return null;
+  }
+
+  for (const file of files) {
+    const content = await fs.readFile(path.resolve(cwd, file), "utf8");
+    if (
+      content.includes(`@import "tailwindcss"`) ||
+      content.includes(`@import 'tailwindcss'`)
+    ) {
+      return file;
+    }
+  }
+
+  return null;
+}
+
+export function getTsConfigAliasPrefix(cwd: string) {
+  const tsConfig = loadTsConfig(cwd);
+
+  if (
+    tsConfig?.resultType === "failed" ||
+    !Object.entries(tsConfig?.paths).length
+  ) {
+    return null;
+  }
+
+  // This assume that the first alias is the prefix.
+  for (const [alias, paths] of Object.entries(tsConfig.paths)) {
+    if (
+      paths.includes("./*") ||
+      paths.includes("./src/*") ||
+      paths.includes("./app/*") ||
+      paths.includes("./resources/js/*") // Laravel.
+    ) {
+      return alias.replace(/\/\*$/, "") ?? null;
+    }
+  }
+
+  // Use the first alias as the prefix.
+  return Object.keys(tsConfig?.paths)?.[0].replace(/\/\*$/, "") ?? null;
+}
+
+export async function getProjectFramework(cwd: string) {
+  const configFiles = await fg.glob(
+    "**/{next,vite,astro}.config.*|gatsby-config.*|composer.json",
+    {
+      cwd,
+      deep: 3,
+      ignore: PROJECT_SHARED_IGNORE,
+    }
+  );
+
+  if (configFiles.find((file) => file.startsWith("next.config."))?.length) {
+    return "next.js";
+  }
+
+  if (configFiles.find((file) => file.startsWith("astro.config."))?.length) {
+    return "astro";
+  }
+
+  if (configFiles.find((file) => file.startsWith("gatsby-config."))?.length) {
+    return "gatsby";
+  }
+
+  if (configFiles.find((file) => file.startsWith("composer.json"))?.length) {
+    return "laravel";
+  }
+
+  const packageJson = getPackageJson(cwd, false);
+
+  if (
+    Object.keys(packageJson?.dependencies ?? {}).find((dep) =>
+      dep.startsWith("@remix-run/")
+    )
+  ) {
+    return "remix";
+  }
+
+  if (configFiles.find((file) => file.startsWith("vite.config."))?.length) {
+    return "vite";
+  }
+
+  return null;
+}
diff --git a/packages/cli/src/helpers/handle-error.ts b/packages/cli/src/helpers/handle-error.ts
index bb8abd48a..2fd3b2b89 100644
--- a/packages/cli/src/helpers/handle-error.ts
+++ b/packages/cli/src/helpers/handle-error.ts
@@ -1,33 +1,15 @@
-import { z } from "zod";
-import { logger, highlight } from "@/utils";
-
-export function handleError(error: unknown) {
-  logger.error(
-    `Something went wrong. Please check the error below for more details.`
-  );
-  logger.error(`If the problem persists, please open an issue on GitHub.`);
-  logger.error("");
-  if (typeof error === "string") {
-    logger.error(error);
-    logger.break();
-    process.exit(1);
-  }
-
-  if (error instanceof z.ZodError) {
-    logger.error("Validation failed:");
-    for (const [key, value] of Object.entries(error.flatten().fieldErrors)) {
-      logger.error(`- ${highlight.info(key)}: ${value}`);
-    }
-    logger.break();
-    process.exit(1);
-  }
-
-  if (error instanceof Error) {
-    logger.error(error.message);
-    logger.break();
-    process.exit(1);
-  }
-
-  logger.break();
-  process.exit(1);
-}
+import { logger } from "@/utils";
+
+export function handleError(error: unknown) {
+  if (typeof error === "string") {
+    logger.error(`Error: ${error}`);
+    process.exit(1);
+  }
+
+  if (error instanceof Error) {
+    logger.error(`Error: {error.message}`);
+    process.exit(1);
+  }
+
+  process.exit(1);
+}
diff --git a/packages/cli/src/helpers/init-checks.ts b/packages/cli/src/helpers/init-checks.ts
new file mode 100644
index 000000000..309232543
--- /dev/null
+++ b/packages/cli/src/helpers/init-checks.ts
@@ -0,0 +1,111 @@
+import { spinner, confirm, isCancel, outro } from "@clack/prompts";
+import fs from "fs-extra";
+import path from "node:path";
+import { c } from "@/utils";
+import {
+  getProjectFramework,
+  getReactVersion,
+  getTailwindCssFile,
+  getTailwindVersion,
+  getTsConfigAliasPrefix,
+  isTypescriptProject,
+} from "./get-project-info";
+
+interface Options {
+  dir: string;
+}
+
+export async function initChecks(options: Options) {
+  const checkSpinner = spinner();
+  checkSpinner.start("Verifying project config");
+
+  const exit = (message: string, error: boolean = true) => {
+    checkSpinner.stop("Verifying project config");
+    if (error) {
+      outro(c.error(message));
+      process.exit(1);
+    }
+    outro(message);
+    process.exit(1);
+  };
+
+  if (
+    !fs.existsSync(options.dir) ||
+    !fs.existsSync(path.resolve(options.dir, "package.json"))
+  ) {
+    exit(`❌ ${options.dir} does not contain a package.json file.`);
+  }
+
+  checkSpinner.message("Verifying framework");
+  const framework = getProjectFramework(options.dir);
+  if (!framework) {
+    exit(
+      `❌ Could not determine the framework of your project. Please make sure it is a React project.`
+    );
+  }
+
+  checkSpinner.message("Verifying React version.");
+  const reactVersion = await getReactVersion(options.dir);
+  if (!reactVersion) {
+    exit(
+      `❌ Could not determine the version of React. Please make sure it is installed in ${options.dir}.`
+    );
+  }
+  if (reactVersion === "older") {
+    exit(
+      `❌ You are using an older version of React. Please upgrade to React 19.`
+    );
+  }
+
+  checkSpinner.message("Verifying Tailwind config.");
+  const tailwindVersion = await getTailwindVersion(options.dir);
+  if (!tailwindVersion) {
+    exit(
+      `${c.error(`❌ Could not determine the version of Tailwind CSS. Please make sure it is installed in ${options.dir}.`)} See ${c.info("https://tailwindcss.com/docs/installation")}`,
+      false
+    );
+  }
+  if (tailwindVersion === "v3") {
+    exit(
+      `${c.error("❌ You are using Tailwind CSS v3. Please upgrade to v4.")} See ${c.info("https://tailwindcss.com/docs/installation")}`,
+      false
+    );
+  }
+  const tailwindCssFile = await getTailwindCssFile(options.dir);
+  if (!tailwindCssFile) {
+    exit(
+      `❌ It is likely you didn't configure Tailwind CSS correctly. Please make sure you have a css file that imports Tailwind CSS in your project.`
+    );
+  }
+
+  checkSpinner.message("Verifying typescript config");
+  const isTypescript = await isTypescriptProject(options.dir);
+  if (!isTypescript) {
+    exit(
+      `❌ ${options.dir} is not a TypeScript project. Please make sure it has a tsconfig.json file.`
+    );
+  }
+
+  checkSpinner.message("Verifying import alias");
+  const aliasPrefix = getTsConfigAliasPrefix(options.dir);
+  if (!aliasPrefix) {
+    exit(
+      `❌ Could not determine the alias prefix in your tsconfig.json file. Please make sure it is set correctly.`
+    );
+  }
+
+  checkSpinner.message("Verifying configuration file");
+  if (fs.existsSync(path.resolve(options.dir, "dotui.json"))) {
+    checkSpinner.stop("Verifying project config.");
+
+    const override = await confirm({
+      message: `${c.warn("A dotui.json file already exists. Do you want to override it?")}`,
+    });
+
+    if (isCancel(override)) {
+      exit("Project init cancelled.");
+    }
+  } else {
+    checkSpinner.stop("Verifying project config.");
+  }
+}
diff --git a/packages/cli/src/helpers/install-deps.ts b/packages/cli/src/helpers/install-deps.ts
deleted file mode 100644
index ffb46d7c3..000000000
--- a/packages/cli/src/helpers/install-deps.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { execa } from "execa";
-import type { PackageManager } from "./get-pkg-manager";
-
-export async function installDeps(
-  /** Indicate which package manager to use. */
-  packageManager: PackageManager
-): Promise<void> {
-  const args: string[] = ["install"];
-
-  try {
-    await execa(packageManager, args, {
-      stdio: "inherit",
-      env: {
-        ...process.env,
-        ADBLOCK: "1",
-        // we set NODE_ENV to development as pnpm skips dev
-        // dependencies when production
-        NODE_ENV: "development",
-        DISABLE_OPENCOLLECTIVE: "1",
-      },
-    });
-  } catch (error) {
-    throw new Error(`Failed to run ${packageManager} ${args.join(" ")}`);
-  }
-}
diff --git a/packages/cli/src/helpers/is-empty-project.ts b/packages/cli/src/helpers/is-empty-project.ts
deleted file mode 100644
index 3aabee21a..000000000
--- a/packages/cli/src/helpers/is-empty-project.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import fs from "fs-extra";
-import path from "path";
-
-export const isEmptyProject = (cwd: string) => {
-  return (
-    !fs.existsSync(cwd) || !fs.existsSync(path.resolve(cwd, "package.json"))
-  );
-};
diff --git a/packages/cli/src/helpers/is-folder-empty.ts b/packages/cli/src/helpers/is-folder-empty.ts
deleted file mode 100644
index 6aa96f34f..000000000
--- a/packages/cli/src/helpers/is-folder-empty.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { readdirSync } from "node:fs";
-
-export const isFolderEmpty = (folderPath: string): boolean => {
-  const files = readdirSync(folderPath);
-  return files.length === 0;
-};
diff --git a/packages/cli/src/helpers/is-url.ts b/packages/cli/src/helpers/is-url.ts
deleted file mode 100644
index 06880abe3..000000000
--- a/packages/cli/src/helpers/is-url.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export function isUrl(path: string) {
-  try {
-    new URL(path);
-    return true;
-  } catch (error) {
-    return false;
-  }
-}
diff --git a/packages/cli/src/helpers/is-writable.ts b/packages/cli/src/helpers/is-writable.ts
deleted file mode 100644
index e51cb4315..000000000
--- a/packages/cli/src/helpers/is-writable.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { W_OK } from "constants";
-import { access } from "fs/promises";
-
-export async function isWriteable(directory: string): Promise<boolean> {
-  try {
-    await access(directory, W_OK);
-    return true;
-  } catch (err) {
-    return false;
-  }
-}
diff --git a/packages/cli/src/helpers/on-prompt-state.ts b/packages/cli/src/helpers/on-prompt-state.ts
deleted file mode 100644
index bbe90ec95..000000000
--- a/packages/cli/src/helpers/on-prompt-state.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { InitialReturnValue } from "prompts";
-
-export const onPromptState = (state: {
-  value: InitialReturnValue;
-  aborted: boolean;
-  exited: boolean;
-}) => {
-  if (state.aborted) {
-    // If we don't re-enable the terminal cursor before exiting
-    // the program, the cursor will remain hidden
-    process.stdout.write("\x1B[?25h");
-    process.stdout.write("\n");
-    process.exit(1);
-  }
-};
diff --git a/packages/cli/src/helpers/registry-api.ts b/packages/cli/src/helpers/registry-api.ts
new file mode 100644
index 000000000..ee4c9bcec
--- /dev/null
+++ b/packages/cli/src/helpers/registry-api.ts
@@ -0,0 +1,24 @@
+import type { RegistryTheme } from "@dotui/registry";
+
+export const getRegistryThemes = async () => {
+  return [
+    { id: "darky", label: "Darky" },
+    { id: "versel", label: "Versel" },
+    { id: "githoub", label: "Githoub" },
+  ];
+};
+
+// eslint-disable-next-line no-unused-vars
+export const getRegistryTheme = async (themeId: string):Promise<RegistryTheme> => {
+  return {
+    id: "darky",
+    label: "Darky",
+    iconLibrary: "lucide-icons",
+    styles: {
+      button: "basic",
+      "toggle-button": "basic",
+      input: "basic",
+      modal: "basic",
+    },
+  };
+};
diff --git a/packages/cli/src/helpers/registry/index.ts b/packages/cli/src/helpers/registry/index.ts
deleted file mode 100644
index cd738d0eb..000000000
--- a/packages/cli/src/helpers/registry/index.ts
+++ /dev/null
@@ -1,242 +0,0 @@
-import {
-  registryItemSchema,
-  registrySchema,
-  registryTemplatesSchema,
-  registryIconLibrariesSchema,
-  registryResolvedItemsTreeSchema,
-} from "@dotui/registry/schema";
-import { RegistryItemFile, RegistryItemType } from "@dotui/registry/types";
-import deepmerge from "deepmerge";
-import { z } from "zod";
-import { Config } from "@/helpers/get-config";
-import { handleError } from "@/helpers/handle-error";
-import { isUrl } from "@/helpers/is-url";
-import { logger } from "@/utils";
-import { fetchRegistry } from "./utils";
-
-export async function getRegistryIndex() {
-  try {
-    const [result] = await fetchRegistry(["index.json"]);
-    return registrySchema.parse(result);
-  } catch (error) {
-    logger.error("\n");
-    handleError(error);
-  }
-}
-
-export async function getRegistryStyles() {
-  try {
-    const [result] = await fetchRegistry(["styles/index.json"]);
-    console.log(result);
-    return registrySchema.parse(result);
-  } catch (error) {
-    logger.error("\n");
-    handleError(error);
-    return [];
-  }
-}
-
-export async function getRegistryColorSystems() {
-  return [
-    {
-      name: "default",
-      label: "Default",
-    },
-    {
-      name: "color-scales",
-      label: "With color scales (recommended)",
-    },
-    {
-      name: "minimal",
-      label: "Minimal (shadcn color system)",
-    },
-  ];
-}
-
-export async function getRegistryIconLibrairies() {
-  try {
-    const [result] = await fetchRegistry(["icons/index.json"]);
-    return registryIconLibrariesSchema.parse(result);
-  } catch (error) {
-    logger.error("\n");
-    handleError(error);
-    return [];
-  }
-}
-
-export async function getRegistryThemes() {
-  try {
-    const [result] = await fetchRegistry(["themes/index.json"]);
-    return registrySchema.parse(result);
-  } catch (error) {
-    logger.error("\n");
-    handleError(error);
-    return [];
-  }
-}
-
-export async function getRegistryTemplate(name: string) {
-  try {
-    const [result] = await fetchRegistry([`templates/${name}.json`]);
-    return registryTemplatesSchema.parse(result);
-  } catch (error) {
-    logger.error("\n");
-    handleError(error);
-  }
-}
-
-export async function getRegistryItem(path: string) {
-  try {
-    const [result] = await fetchRegistry([path]);
-    return registryItemSchema.parse(result);
-  } catch (error) {
-    logger.break();
-    handleError(error);
-    return null;
-  }
-}
-
-const getRegistryItemPath = (
-  name: string,
-  type: RegistryItemType,
-  style: string
-) => {
-  if (isUrl(name)) {
-    return name;
-  }
-  switch (type) {
-    case "registry:style":
-      return `styles/${style}/index.json`;
-    case "registry:core":
-      return `styles/${style}/${name}.json`;
-    case "registry:hook":
-      return `hooks/${name}.json`;
-    case "registry:theme":
-      return `themes/${name}.json`;
-    default:
-      return `styles/${style}/${name}.json`;
-  }
-};
-
-export async function registryResolveItemsTree(
-  names: z.infer<typeof registryItemSchema>["name"][],
-  config: Config
-) {
-  try {
-    const index = await getRegistryIndex();
-    if (!index) {
-      return null;
-    }
-
-    let items = (
-      await Promise.all(
-        names
-          .map(async (name) => {
-            const indexedItem = index.find((elem) => elem.name === name);
-            if (!indexedItem) return null;
-            const path = getRegistryItemPath(
-              name,
-              indexedItem.type,
-              config.style
-            );
-            const item = await getRegistryItem(path);
-            return item;
-          })
-          .filter((item): item is NonNullable<typeof item> => item !== null)
-      )
-    ).filter((item): item is NonNullable<typeof item> => item !== null);
-
-    if (!items.length) {
-      return null;
-    }
-
-    const registryDependencies: string[] = items
-      .map((item) => item.registryDependencies ?? [])
-      .flat();
-
-    const uniqueDependencies = Array.from(new Set(registryDependencies));
-    const urls = Array.from([...names, ...uniqueDependencies])
-      .map((name) => {
-        const indexedItem = index.find((elem) => elem.name === name);
-        if (!indexedItem) return null;
-        return getRegistryItemPath(name, indexedItem.type, config.style);
-      })
-      .filter((item): item is NonNullable<typeof item> => item !== null);
-
-    let result = await fetchRegistry(urls);
-    const payload = z.array(registryItemSchema).parse(result);
-
-    if (!payload) {
-      return null;
-    }
-
-    // If we're resolving the index, we want it to go first.
-    if (names.includes("index")) {
-      const indexStylePath = getRegistryItemPath(
-        "index",
-        "registry:style",
-        config.style
-      );
-      const indexStyle = await getRegistryItem(indexStylePath);
-      if (indexStyle) {
-        payload.unshift(indexStyle);
-      }
-    }
-
-    let tailwind = {};
-    payload.forEach((item) => {
-      tailwind = deepmerge(tailwind, item.tailwind ?? {});
-    });
-
-    let cssVars = {};
-    payload.forEach((item) => {
-      cssVars = deepmerge(cssVars, item.cssVars ?? {});
-    });
-
-    let docs = "";
-    payload.forEach((item) => {
-      if (item.docs) {
-        docs += `${item.docs}\n`;
-      }
-    });
-
-    return registryResolvedItemsTreeSchema.parse({
-      dependencies: deepmerge.all(
-        payload.map((item) => item.dependencies ?? [])
-      ),
-      devDependencies: deepmerge.all(
-        payload.map((item) => item.devDependencies ?? [])
-      ),
-      files: deepmerge.all(payload.map((item) => item.files ?? [])),
-      tailwind,
-      cssVars,
-      docs,
-    });
-  } catch (error) {
-    handleError(error);
-    return null;
-  }
-}
-
-export function getRegistryItemFileTargetPath(
-  file: RegistryItemFile,
-  config: Config,
-  override?: string
-) {
-  if (override) {
-    return override;
-  }
-
-  switch (file.type) {
-    case "registry:core":
-      return config.resolvedPaths.core;
-    case "registry:lib":
-      return config.resolvedPaths.lib;
-    case "registry:component":
-      return config.resolvedPaths.components;
-    case "registry:hook":
-      return config.resolvedPaths.hooks;
-    default:
-      return config.resolvedPaths.components;
-  }
-}
diff --git a/packages/cli/src/helpers/registry/utils.ts b/packages/cli/src/helpers/registry/utils.ts
deleted file mode 100644
index 2d0283d3b..000000000
--- a/packages/cli/src/helpers/registry/utils.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { HttpsProxyAgent } from "https-proxy-agent";
-import fetch from "node-fetch";
-import { REGISTRY_URL } from "@/constants/config";
-import { handleError } from "@/helpers/handle-error";
-import { isUrl } from "@/helpers/is-url";
-import { logger, highlight } from "@/utils";
-
-const agent = process.env.https_proxy
-  ? new HttpsProxyAgent(process.env.https_proxy)
-  : undefined;
-
-export async function fetchRegistry(paths: string[]) {
-  try {
-    const results = await Promise.all(
-      paths.map(async (path) => {
-        const url = getRegistryUrl(path);
-        const response = await fetch(url, { agent });
-
-        if (!response.ok) {
-          const errorMessages: { [key: number]: string } = {
-            400: "Bad request",
-            401: "Unauthorized",
-            403: "Forbidden",
-            404: "Not found",
-            500: "Internal server error",
-          };
-          const result = await response.json();
-          const message =
-            result && typeof result === "object" && "error" in result
-              ? result.error
-              : response.statusText || errorMessages[response.status];
-          throw new Error(
-            `Failed to fetch from ${highlight.info(url)}.\n${message}`
-          );
-        }
-
-        return response.json();
-      })
-    );
-
-    return results;
-  } catch (error) {
-    logger.error("\n");
-    handleError(error);
-    return [];
-  }
-}
-
-function getRegistryUrl(path: string) {
-  if (isUrl(path)) {
-    const url = new URL(path);
-    return url.toString();
-  }
-  return `${REGISTRY_URL}/${path}`;
-}
diff --git a/packages/cli/src/helpers/transformers/index.ts b/packages/cli/src/helpers/transformers/index.ts
deleted file mode 100644
index fb716a8c3..000000000
--- a/packages/cli/src/helpers/transformers/index.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { promises as fs } from "node:fs";
-import { tmpdir } from "os";
-import path from "path";
-import { Project, ScriptKind, type SourceFile } from "ts-morph";
-import { z } from "zod";
-import { Config } from "@/helpers/get-config";
-import { transformCssVars } from "@/helpers/transformers/transform-css-vars";
-import { transformImport } from "@/helpers/transformers/transform-import";
-import { transformJsx } from "@/helpers/transformers/transform-jsx";
-import { transformRsc } from "@/helpers/transformers/transform-rsc";
-import { transformTwPrefixes } from "./transform-tw-prefix";
-
-export type TransformOpts = {
-  filename: string;
-  raw: string;
-  config: Config;
-  transformJsx?: boolean;
-};
-
-export type Transformer<Output = SourceFile> = (
-  opts: TransformOpts & {
-    sourceFile: SourceFile;
-  }
-) => Promise<Output>;
-
-const project = new Project({
-  compilerOptions: {},
-});
-
-async function createTempSourceFile(filename: string) {
-  const dir = await fs.mkdtemp(path.join(tmpdir(), "shadcn-"));
-  return path.join(dir, filename);
-}
-
-export async function transform(
-  opts: TransformOpts,
-  transformers: Transformer[] = [
-    transformImport,
-    transformRsc,
-    transformCssVars,
-    transformTwPrefixes,
-  ]
-) {
-  const tempFile = await createTempSourceFile(opts.filename);
-  const sourceFile = project.createSourceFile(tempFile, opts.raw, {
-    scriptKind: ScriptKind.TSX,
-  });
-
-  for (const transformer of transformers) {
-    transformer({ sourceFile, ...opts });
-  }
-
-  if (opts.transformJsx) {
-    return await transformJsx({
-      sourceFile,
-      ...opts,
-    });
-  }
-
-  return sourceFile.getText();
-}
diff --git a/packages/cli/src/helpers/transformers/transform-css-vars.ts b/packages/cli/src/helpers/transformers/transform-css-vars.ts
deleted file mode 100644
index 2e14b893b..000000000
--- a/packages/cli/src/helpers/transformers/transform-css-vars.ts
+++ /dev/null
@@ -1,186 +0,0 @@
-import { ScriptKind, SyntaxKind } from "ts-morph";
-import { z } from "zod";
-import { registryBaseColorSchema } from "@/helpers/registry/schema";
-import { Transformer } from "@/helpers/transformers";
-
-export const transformCssVars: Transformer = async ({
-  sourceFile,
-  config,
-  baseColor,
-}) => {
-  // No transform if using css variables.
-  // if (config.tailwind?.cssVariables || !baseColor?.inlineColors) {
-  //   return sourceFile
-  // }
-  return sourceFile;
-
-  // Find jsx attributes with the name className.
-  // const openingElements = sourceFile.getDescendantsOfKind(SyntaxKind.JsxElement)
-  // console.log(openingElements)
-  // const jsxAttributes = sourceFile
-  //   .getDescendantsOfKind(SyntaxKind.JsxAttribute)
-  //   .filter((node) => node.getName() === "className")
-
-  // for (const jsxAttribute of jsxAttributes) {
-  //   const value = jsxAttribute.getInitializer()?.getText()
-  //   if (value) {
-  //     const valueWithColorMapping = applyColorMapping(
-  //       value.replace(/"/g, ""),
-  //       baseColor.inlineColors
-  //     )
-  //     jsxAttribute.setInitializer(`"${valueWithColorMapping}"`)
-  //   }
-  // }
-
-  // TODO: old
-  // sourceFile.getDescendantsOfKind(SyntaxKind.StringLiteral).forEach((node) => {
-  //   const value = node.getText();
-  //   if (value) {
-  //     const valueWithColorMapping = applyColorMapping(
-  //       value.replace(/"/g, ""),
-  //       baseColor.inlineColors
-  //     );
-  //     node.replaceWithText(`"${valueWithColorMapping.trim()}"`);
-  //   }
-  // });
-
-  // return sourceFile;
-};
-
-// export default function transformer(file: FileInfo, api: API) {
-//   const j = api.jscodeshift.withParser("tsx")
-
-//   // Replace bg-background with "bg-white dark:bg-slate-950"
-//   const $j = j(file.source)
-//   return $j
-//     .find(j.JSXAttribute, {
-//       name: {
-//         name: "className",
-//       },
-//     })
-//     .forEach((path) => {
-//       const { node } = path
-//       if (node?.value?.type) {
-//         if (node.value.type === "StringLiteral") {
-//           node.value.value = applyColorMapping(node.value.value)
-//           console.log(node.value.value)
-//         }
-
-//         if (
-//           node.value.type === "JSXExpressionContainer" &&
-//           node.value.expression.type === "CallExpression"
-//         ) {
-//           const callee = node.value.expression.callee
-//           if (callee.type === "Identifier" && callee.name === "cn") {
-//             node.value.expression.arguments.forEach((arg) => {
-//               if (arg.type === "StringLiteral") {
-//                 arg.value = applyColorMapping(arg.value)
-//               }
-
-//               if (
-//                 arg.type === "LogicalExpression" &&
-//                 arg.right.type === "StringLiteral"
-//               ) {
-//                 arg.right.value = applyColorMapping(arg.right.value)
-//               }
-//             })
-//           }
-//         }
-//       }
-//     })
-//     .toSource()
-// }
-
-// // export function splitClassName(input: string): (string | null)[] {
-// //   const parts = input.split(":")
-// //   const classNames = parts.map((part) => {
-// //     const match = part.match(/^\[?(.+)\]$/)
-// //     if (match) {
-// //       return match[1]
-// //     } else {
-// //       return null
-// //     }
-// //   })
-
-// //   return classNames
-// // }
-
-// Splits a className into variant-name-alpha.
-// eg. hover:bg-primary-100 -> [hover, bg-primary, 100]
-export function splitClassName(className: string): (string | null)[] {
-  if (!className.includes("/") && !className.includes(":")) {
-    return [null, className, null];
-  }
-
-  const parts: (string | null)[] = [];
-  // First we split to find the alpha.
-  let [rest, alpha] = className.split("/");
-
-  // Check if rest has a colon.
-  if (!rest.includes(":")) {
-    return [null, rest, alpha];
-  }
-
-  // Next we split the rest by the colon.
-  const split = rest.split(":");
-
-  // We take the last item from the split as the name.
-  const name = split.pop();
-
-  // We glue back the rest of the split.
-  const variant = split.join(":");
-
-  // Finally we push the variant, name and alpha.
-  parts.push(variant ?? null, name ?? null, alpha ?? null);
-
-  return parts;
-}
-
-const PREFIXES = ["bg-", "text-", "border-", "ring-offset-", "ring-"];
-
-export function applyColorMapping(
-  input: string,
-  mapping: z.infer<typeof registryBaseColorSchema>["inlineColors"]
-) {
-  // Handle border classes.
-  if (input.includes(" border ")) {
-    input = input.replace(" border ", " border border-border ");
-  }
-
-  // Build color mappings.
-  const classNames = input.split(" ");
-  const lightMode = new Set<string>();
-  const darkMode = new Set<string>();
-  for (let className of classNames) {
-    const [variant, value, modifier] = splitClassName(className);
-    const prefix = PREFIXES.find((prefix) => value?.startsWith(prefix));
-    if (!prefix) {
-      if (!lightMode.has(className)) {
-        lightMode.add(className);
-      }
-      continue;
-    }
-
-    const needle = value?.replace(prefix, "");
-    if (needle && needle in mapping.light) {
-      lightMode.add(
-        [variant, `${prefix}${mapping.light[needle]}`]
-          .filter(Boolean)
-          .join(":") + (modifier ? `/${modifier}` : "")
-      );
-
-      darkMode.add(
-        ["dark", variant, `${prefix}${mapping.dark[needle]}`]
-          .filter(Boolean)
-          .join(":") + (modifier ? `/${modifier}` : "")
-      );
-      continue;
-    }
-
-    if (!lightMode.has(className)) {
-      lightMode.add(className);
-    }
-  }
-
-  return [...Array.from(lightMode), ...Array.from(darkMode)].join(" ").trim();
-}
diff --git a/packages/cli/src/helpers/transformers/transform-import.ts b/packages/cli/src/helpers/transformers/transform-import.ts
deleted file mode 100644
index f41965da0..000000000
--- a/packages/cli/src/helpers/transformers/transform-import.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Config } from "@/helpers/get-config";
-import { Transformer } from "@/helpers/transformers";
-
-export const transformImport: Transformer = async ({ sourceFile, config }) => {
-  const importDeclarations = sourceFile.getImportDeclarations();
-
-  for (const importDeclaration of importDeclarations) {
-    const moduleSpecifier = updateImportAliases(
-      importDeclaration.getModuleSpecifierValue(),
-      config
-    );
-
-    importDeclaration.setModuleSpecifier(moduleSpecifier);
-
-    // Replace `import { cn } from "@/lib/utils"`
-    if (moduleSpecifier == "@/lib/utils") {
-      const namedImports = importDeclaration.getNamedImports();
-      const cnImport = namedImports.find((i) => i.getName() === "cn");
-      if (cnImport) {
-        importDeclaration.setModuleSpecifier(
-          moduleSpecifier.replace(/^@\/lib\/utils/, config.aliases.utils)
-        );
-      }
-    }
-  }
-
-  return sourceFile;
-};
-
-function updateImportAliases(moduleSpecifier: string, config: Config) {
-  // Not a local import.
-  if (!moduleSpecifier.startsWith("@/")) {
-    return moduleSpecifier;
-  }
-
-  // Not a registry import.
-  if (!moduleSpecifier.startsWith("@/registry/")) {
-    // We fix the alias an return.
-    const alias = config.aliases.components.charAt(0);
-    return moduleSpecifier.replace(/^@\//, `${alias}/`);
-  }
-
-  if (moduleSpecifier.match(/^@\/registry\/(.+)\/core/)) {
-    return moduleSpecifier.replace(
-      /^@\/registry\/(.+)\/core/,
-      config.aliases.core ?? `${config.aliases.components}/core`
-    );
-  }
-
-  if (
-    config.aliases.components &&
-    moduleSpecifier.match(/^@\/registry\/(.+)\/components/)
-  ) {
-    return moduleSpecifier.replace(
-      /^@\/registry\/(.+)\/components/,
-      config.aliases.components
-    );
-  }
-
-  if (config.aliases.lib && moduleSpecifier.match(/^@\/registry\/(.+)\/lib/)) {
-    return moduleSpecifier.replace(
-      /^@\/registry\/(.+)\/lib/,
-      config.aliases.lib
-    );
-  }
-
-  if (
-    config.aliases.hooks &&
-    moduleSpecifier.match(/^@\/registry\/(.+)\/hooks/)
-  ) {
-    return moduleSpecifier.replace(
-      /^@\/registry\/(.+)\/hooks/,
-      config.aliases.hooks
-    );
-  }
-
-  return moduleSpecifier.replace(
-    /^@\/registry\/[^/]+/,
-    config.aliases.components
-  );
-}
diff --git a/packages/cli/src/helpers/transformers/transform-jsx.ts b/packages/cli/src/helpers/transformers/transform-jsx.ts
deleted file mode 100644
index 71fdf9ff2..000000000
--- a/packages/cli/src/helpers/transformers/transform-jsx.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { transformFromAstSync } from "@babel/core";
-import { ParserOptions, parse } from "@babel/parser";
-// @ts-ignore
-import transformTypescript from "@babel/plugin-transform-typescript";
-import * as recast from "recast";
-import { type Transformer } from "@/helpers/transformers";
-
-// TODO.
-// I'm using recast for the AST here.
-// Figure out if ts-morph AST is compatible with Babel.
-
-// This is a copy of the babel options from recast/parser.
-// The goal here is to tolerate as much syntax as possible.
-// We want to be able to parse any valid tsx code.
-// See https://github.com/benjamn/recast/blob/master/parsers/_babel_options.ts.
-const PARSE_OPTIONS: ParserOptions = {
-  sourceType: "module",
-  allowImportExportEverywhere: true,
-  allowReturnOutsideFunction: true,
-  startLine: 1,
-  tokens: true,
-  plugins: [
-    "asyncGenerators",
-    "bigInt",
-    "classPrivateMethods",
-    "classPrivateProperties",
-    "classProperties",
-    "classStaticBlock",
-    "decimal",
-    "decorators-legacy",
-    "doExpressions",
-    "dynamicImport",
-    "exportDefaultFrom",
-    "exportNamespaceFrom",
-    "functionBind",
-    "functionSent",
-    "importAssertions",
-    "importMeta",
-    "nullishCoalescingOperator",
-    "numericSeparator",
-    "objectRestSpread",
-    "optionalCatchBinding",
-    "optionalChaining",
-    [
-      "pipelineOperator",
-      {
-        proposal: "minimal",
-      },
-    ],
-    [
-      "recordAndTuple",
-      {
-        syntaxType: "hash",
-      },
-    ],
-    "throwExpressions",
-    "topLevelAwait",
-    "v8intrinsic",
-    "typescript",
-    "jsx",
-  ],
-};
-
-export const transformJsx: Transformer<string> = async ({
-  sourceFile,
-  config,
-}) => {
-  const output = sourceFile.getFullText();
-
-  if (config.tsx) {
-    return output;
-  }
-
-  const ast = recast.parse(output, {
-    parser: {
-      parse: (code: string) => {
-        return parse(code, PARSE_OPTIONS);
-      },
-    },
-  });
-
-  const result = transformFromAstSync(ast, output, {
-    cloneInputAst: false,
-    code: false,
-    ast: true,
-    plugins: [transformTypescript],
-    configFile: false,
-  });
-
-  if (!result || !result.ast) {
-    throw new Error("Failed to transform JSX");
-  }
-
-  return recast.print(result.ast).code;
-};
diff --git a/packages/cli/src/helpers/transformers/transform-rsc.ts b/packages/cli/src/helpers/transformers/transform-rsc.ts
deleted file mode 100644
index 778189667..000000000
--- a/packages/cli/src/helpers/transformers/transform-rsc.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { SyntaxKind } from "ts-morph";
-import { Transformer } from "@/helpers/transformers";
-
-export const transformRsc: Transformer = async ({ sourceFile, config }) => {
-  if (config.rsc) {
-    return sourceFile;
-  }
-
-  // Remove "use client" from the top of the file.
-  const first = sourceFile.getFirstChildByKind(SyntaxKind.ExpressionStatement);
-  if (first?.getText() === `"use client"`) {
-    first.remove();
-  }
-
-  return sourceFile;
-};
diff --git a/packages/cli/src/helpers/transformers/transform-tw-prefix.ts b/packages/cli/src/helpers/transformers/transform-tw-prefix.ts
deleted file mode 100644
index adf460c8f..000000000
--- a/packages/cli/src/helpers/transformers/transform-tw-prefix.ts
+++ /dev/null
@@ -1,200 +0,0 @@
-import { SyntaxKind } from "ts-morph";
-import { Transformer } from "@/helpers/transformers";
-import { splitClassName } from "./transform-css-vars";
-
-export const transformTwPrefixes: Transformer = async ({
-  sourceFile,
-  config,
-}) => {
-  if (!config.tailwind?.prefix) {
-    return sourceFile;
-  }
-
-  // Find the cva function calls.
-  sourceFile
-    .getDescendantsOfKind(SyntaxKind.CallExpression)
-    .filter((node) => node.getExpression().getText() === "cva")
-    .forEach((node) => {
-      // cva(base, ...)
-      if (node.getArguments()[0]?.isKind(SyntaxKind.StringLiteral)) {
-        const defaultClassNames = node.getArguments()[0];
-        if (defaultClassNames) {
-          defaultClassNames.replaceWithText(
-            `"${applyPrefix(
-              defaultClassNames.getText()?.replace(/"/g, ""),
-              config.tailwind.prefix
-            )}"`
-          );
-        }
-      }
-
-      // cva(..., { variants: { ... } })
-      if (node.getArguments()[1]?.isKind(SyntaxKind.ObjectLiteralExpression)) {
-        node
-          .getArguments()[1]
-          ?.getDescendantsOfKind(SyntaxKind.PropertyAssignment)
-          .find((node) => node.getName() === "variants")
-          ?.getDescendantsOfKind(SyntaxKind.PropertyAssignment)
-          .forEach((node) => {
-            node
-              .getDescendantsOfKind(SyntaxKind.PropertyAssignment)
-              .forEach((node) => {
-                const classNames = node.getInitializerIfKind(
-                  SyntaxKind.StringLiteral
-                );
-                if (classNames) {
-                  classNames?.replaceWithText(
-                    `"${applyPrefix(
-                      classNames.getText()?.replace(/"/g, ""),
-                      config.tailwind.prefix
-                    )}"`
-                  );
-                }
-              });
-          });
-      }
-    });
-
-  // Find all jsx attributes with the name className.
-  sourceFile.getDescendantsOfKind(SyntaxKind.JsxAttribute).forEach((node) => {
-    if (node.getName() === "className") {
-      // className="..."
-      if (node.getInitializer()?.isKind(SyntaxKind.StringLiteral)) {
-        const value = node.getInitializer();
-        if (value) {
-          value.replaceWithText(
-            `"${applyPrefix(
-              value.getText()?.replace(/"/g, ""),
-              config.tailwind.prefix
-            )}"`
-          );
-        }
-      }
-
-      // className={...}
-      if (node.getInitializer()?.isKind(SyntaxKind.JsxExpression)) {
-        // Check if it's a call to cn().
-        const callExpression = node
-          .getInitializer()
-          ?.getDescendantsOfKind(SyntaxKind.CallExpression)
-          .find((node) => node.getExpression().getText() === "cn");
-        if (callExpression) {
-          // Loop through the arguments.
-          callExpression.getArguments().forEach((node) => {
-            if (
-              node.isKind(SyntaxKind.ConditionalExpression) ||
-              node.isKind(SyntaxKind.BinaryExpression)
-            ) {
-              node
-                .getChildrenOfKind(SyntaxKind.StringLiteral)
-                .forEach((node) => {
-                  node.replaceWithText(
-                    `"${applyPrefix(
-                      node.getText()?.replace(/"/g, ""),
-                      config.tailwind.prefix
-                    )}"`
-                  );
-                });
-            }
-
-            if (node.isKind(SyntaxKind.StringLiteral)) {
-              node.replaceWithText(
-                `"${applyPrefix(
-                  node.getText()?.replace(/"/g, ""),
-                  config.tailwind.prefix
-                )}"`
-              );
-            }
-          });
-        }
-      }
-    }
-
-    // classNames={...}
-    if (node.getName() === "classNames") {
-      if (node.getInitializer()?.isKind(SyntaxKind.JsxExpression)) {
-        node
-          .getDescendantsOfKind(SyntaxKind.PropertyAssignment)
-          .forEach((node) => {
-            if (node.getInitializer()?.isKind(SyntaxKind.CallExpression)) {
-              const callExpression = node.getInitializerIfKind(
-                SyntaxKind.CallExpression
-              );
-              if (callExpression) {
-                // Loop through the arguments.
-                callExpression.getArguments().forEach((arg) => {
-                  if (arg.isKind(SyntaxKind.ConditionalExpression)) {
-                    arg
-                      .getChildrenOfKind(SyntaxKind.StringLiteral)
-                      .forEach((node) => {
-                        node.replaceWithText(
-                          `"${applyPrefix(
-                            node.getText()?.replace(/"/g, ""),
-                            config.tailwind.prefix
-                          )}"`
-                        );
-                      });
-                  }
-
-                  if (arg.isKind(SyntaxKind.StringLiteral)) {
-                    arg.replaceWithText(
-                      `"${applyPrefix(
-                        arg.getText()?.replace(/"/g, ""),
-                        config.tailwind.prefix
-                      )}"`
-                    );
-                  }
-                });
-              }
-            }
-
-            if (node.getInitializer()?.isKind(SyntaxKind.StringLiteral)) {
-              if (node.getName() !== "variant") {
-                const classNames = node.getInitializer();
-                if (classNames) {
-                  classNames.replaceWithText(
-                    `"${applyPrefix(
-                      classNames.getText()?.replace(/"/g, ""),
-                      config.tailwind.prefix
-                    )}"`
-                  );
-                }
-              }
-            }
-          });
-      }
-    }
-  });
-
-  return sourceFile;
-};
-
-export function applyPrefix(input: string, prefix: string = "") {
-  const classNames = input.split(" ");
-  const prefixed: string[] = [];
-  for (let className of classNames) {
-    const [variant, value, modifier] = splitClassName(className);
-    if (variant) {
-      modifier
-        ? prefixed.push(`${variant}:${prefix}${value}/${modifier}`)
-        : prefixed.push(`${variant}:${prefix}${value}`);
-    } else {
-      modifier
-        ? prefixed.push(`${prefix}${value}/${modifier}`)
-        : prefixed.push(`${prefix}${value}`);
-    }
-  }
-  return prefixed.join(" ");
-}
-
-export function applyPrefixesCss(css: string, prefix: string) {
-  const lines = css.split("\n");
-  for (let line of lines) {
-    if (line.includes("@apply")) {
-      const originalTWCls = line.replace("@apply", "").trim();
-      const prefixedTwCls = applyPrefix(originalTWCls, prefix);
-      css = css.replace(originalTWCls, prefixedTwCls);
-    }
-  }
-  return css;
-}
diff --git a/packages/cli/src/helpers/updaters/update-css-vars.ts b/packages/cli/src/helpers/updaters/update-css-vars.ts
deleted file mode 100644
index 507507b66..000000000
--- a/packages/cli/src/helpers/updaters/update-css-vars.ts
+++ /dev/null
@@ -1,240 +0,0 @@
-import { registryItemCssVarsSchema } from "@dotui/registry/schema";
-import { promises as fs } from "node:fs";
-import path from "path";
-import postcss from "postcss";
-import AtRule from "postcss/lib/at-rule";
-import Root from "postcss/lib/root";
-import Rule from "postcss/lib/rule";
-import { z } from "zod";
-import { Config } from "@/helpers/get-config";
-import { spinner, highlight } from "@/utils";
-
-export async function updateCssVars(
-  cssVars: z.infer<typeof registryItemCssVarsSchema> | undefined,
-  config: Config
-) {
-  if (
-    !cssVars ||
-    !Object.keys(cssVars).length ||
-    !config.resolvedPaths.tailwindCss
-  ) {
-    return;
-  }
-
-  const cssFilepath = config.resolvedPaths.tailwindCss;
-  const cssFilepathRelative = path.relative(
-    config.resolvedPaths.cwd,
-    cssFilepath
-  );
-  const cssVarsSpinner = spinner(
-    `Updating ${highlight.info(cssFilepathRelative)}`
-  ).start();
-  const raw = await fs.readFile(cssFilepath, "utf8");
-  let output = await transformCssVars(raw, cssVars, config);
-  await fs.writeFile(cssFilepath, output, "utf8");
-  cssVarsSpinner.succeed();
-}
-
-export async function transformCssVars(
-  input: string,
-  cssVars: z.infer<typeof registryItemCssVarsSchema>,
-  config: Config
-) {
-  const plugins = [updateCssVarsPlugin(cssVars)];
-  // const cleanupDefaultNextStyles = false
-  // if (options.cleanupDefaultNextStyles) {
-  //   plugins.push(cleanupDefaultNextStylesPlugin());
-  // }
-
-  // TODO
-  // Only add the base layer plugin if we're using css variables.
-  // if (config.tailwind.cssVariables) {
-  plugins.push(updateBaseLayerPlugin());
-  // }
-
-  const result = await postcss(plugins).process(input, {
-    from: undefined,
-  });
-
-  return result.css;
-}
-
-function updateBaseLayerPlugin() {
-  return {
-    postcssPlugin: "update-base-layer",
-    Once(root: Root) {
-      const requiredRules = [
-        { selector: "*", apply: "border-border" },
-        { selector: "body", apply: "bg-background text-foreground" },
-      ];
-
-      let baseLayer = root.nodes.find(
-        (node): node is AtRule =>
-          node.type === "atrule" &&
-          node.name === "layer" &&
-          node.params === "base" &&
-          requiredRules.every(({ selector, apply }) =>
-            node.nodes?.some(
-              (rule): rule is Rule =>
-                rule.type === "rule" &&
-                rule.selector === selector &&
-                rule.nodes.some(
-                  (applyRule): applyRule is AtRule =>
-                    applyRule.type === "atrule" &&
-                    applyRule.name === "apply" &&
-                    applyRule.params === apply
-                )
-            )
-          )
-      ) as AtRule | undefined;
-
-      if (!baseLayer) {
-        baseLayer = postcss.atRule({
-          name: "layer",
-          params: "base",
-          raws: { semicolon: true, between: " ", before: "\n" },
-        });
-        root.append(baseLayer);
-      }
-
-      requiredRules.forEach(({ selector, apply }) => {
-        const existingRule = baseLayer?.nodes?.find(
-          (node): node is Rule =>
-            node.type === "rule" && node.selector === selector
-        );
-
-        if (!existingRule) {
-          baseLayer?.append(
-            postcss.rule({
-              selector,
-              nodes: [
-                postcss.atRule({
-                  name: "apply",
-                  params: apply,
-                  raws: { semicolon: true, before: "\n    " },
-                }),
-              ],
-              raws: { semicolon: true, between: " ", before: "\n  " },
-            })
-          );
-        }
-      });
-    },
-  };
-}
-
-function updateCssVarsPlugin(
-  cssVars: z.infer<typeof registryItemCssVarsSchema>
-) {
-  return {
-    postcssPlugin: "update-css-vars",
-    Once(root: Root) {
-      let baseLayer = root.nodes.find(
-        (node) =>
-          node.type === "atrule" &&
-          node.name === "layer" &&
-          node.params === "base"
-      ) as AtRule | undefined;
-
-      if (!(baseLayer instanceof AtRule)) {
-        baseLayer = postcss.atRule({
-          name: "layer",
-          params: "base",
-          nodes: [],
-          raws: {
-            semicolon: true,
-            before: "\n",
-            between: " ",
-          },
-        });
-        root.append(baseLayer);
-      }
-
-      if (baseLayer !== undefined) {
-        // Add variables for each key in cssVars
-        Object.entries(cssVars).forEach(([key, vars]) => {
-          const selector = key === "light" ? ":root" : `.${key}`;
-          // TODO: Fix typecheck.
-          addOrUpdateVars(baseLayer as AtRule, selector, vars);
-        });
-      }
-    },
-  };
-}
-
-function cleanupDefaultNextStylesPlugin() {
-  return {
-    postcssPlugin: "cleanup-default-next-styles",
-    Once(root: Root) {
-      const bodyRule = root.nodes.find(
-        (node): node is Rule => node.type === "rule" && node.selector === "body"
-      );
-      if (bodyRule) {
-        // Remove color from the body node.
-        bodyRule.nodes
-          .find(
-            (node): node is postcss.Declaration =>
-              node.type === "decl" &&
-              node.prop === "color" &&
-              node.value === "rgb(var(--foreground-rgb))"
-          )
-          ?.remove();
-
-        // Remove background: linear-gradient.
-        bodyRule.nodes
-          .find((node): node is postcss.Declaration => {
-            return (
-              node.type === "decl" &&
-              node.prop === "background" &&
-              // This is only going to run on create project, so all good.
-              node.value.startsWith("linear-gradient")
-            );
-          })
-          ?.remove();
-
-        // If the body rule is empty, remove it.
-        if (bodyRule.nodes.length === 0) {
-          bodyRule.remove();
-        }
-      }
-    },
-  };
-}
-
-function addOrUpdateVars(
-  baseLayer: AtRule,
-  selector: string,
-  vars: Record<string, string>
-) {
-  let ruleNode = baseLayer.nodes?.find(
-    (node): node is Rule => node.type === "rule" && node.selector === selector
-  );
-
-  if (!ruleNode) {
-    if (Object.keys(vars).length > 0) {
-      ruleNode = postcss.rule({
-        selector,
-        raws: { between: " ", before: "\n  " },
-      });
-      baseLayer.append(ruleNode);
-    }
-  }
-
-  Object.entries(vars).forEach(([key, value]) => {
-    const prop = `--${key.replace(/^--/, "")}`;
-    const newDecl = postcss.decl({
-      prop,
-      value,
-      raws: { semicolon: true },
-    });
-
-    const existingDecl = ruleNode?.nodes.find(
-      (node): node is postcss.Declaration =>
-        node.type === "decl" && node.prop === prop
-    );
-
-    existingDecl
-      ? existingDecl.replaceWith(newDecl)
-      : ruleNode?.append(newDecl);
-  });
-}
diff --git a/packages/cli/src/helpers/updaters/update-dependencies.ts b/packages/cli/src/helpers/updaters/update-dependencies.ts
deleted file mode 100644
index cf6c75446..000000000
--- a/packages/cli/src/helpers/updaters/update-dependencies.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { RegistryItem } from "@dotui/registry/types";
-import { execa } from "execa";
-import { Config } from "@/helpers/get-config";
-import { getPackageManager } from "@/helpers/get-pkg-manager";
-import { spinner } from "@/utils";
-
-export async function updateDependencies(
-  dependencies: RegistryItem["dependencies"],
-  config: Config
-) {
-  dependencies = Array.from(new Set(dependencies));
-  if (!dependencies?.length) {
-    return;
-  }
-
-  const dependenciesSpinner = spinner(`Installing dependencies.`)?.start();
-  const packageManager = await getPackageManager(config.resolvedPaths.cwd);
-  await execa(
-    packageManager,
-    [packageManager === "npm" ? "install" : "add", ...dependencies],
-    {
-      cwd: config.resolvedPaths.cwd,
-    }
-  );
-  dependenciesSpinner?.succeed();
-}
diff --git a/packages/cli/src/helpers/updaters/update-files.ts b/packages/cli/src/helpers/updaters/update-files.ts
deleted file mode 100644
index 0f13302df..000000000
--- a/packages/cli/src/helpers/updaters/update-files.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import type { RegistryItem } from "@dotui/registry/types";
-import { existsSync, promises as fs } from "node:fs";
-import path, { basename } from "path";
-import prompts from "prompts";
-import { Config } from "@/helpers/get-config";
-import { getProjectInfo } from "@/helpers/get-project-info";
-import { getRegistryItemFileTargetPath } from "@/helpers/registry";
-import { transform } from "@/helpers/transformers";
-import { transformCssVars } from "@/helpers/transformers/transform-css-vars";
-import { transformImport } from "@/helpers/transformers/transform-import";
-import { transformRsc } from "@/helpers/transformers/transform-rsc";
-import { transformTwPrefixes } from "@/helpers/transformers/transform-tw-prefix";
-import { logger, highlight, spinner } from "@/utils";
-
-export async function updateFiles(
-  files: RegistryItem["files"],
-  config: Config,
-  options: {
-    overwrite?: boolean;
-  }
-) {
-  if (!files?.length) {
-    return;
-  }
-  options = {
-    overwrite: false,
-    ...options,
-  };
-  const filesCreatedSpinner = spinner(`Updating files.`)?.start();
-
-  const projectInfo = await getProjectInfo(config.resolvedPaths.cwd);
-
-  const filesCreated = [];
-  const filesUpdated = [];
-  const filesSkipped = [];
-
-  for (const file of files) {
-    if (!file.content) {
-      continue;
-    }
-
-    let targetDir = getRegistryItemFileTargetPath(file, config);
-    const fileName = basename(file.path);
-    let filePath = path.join(targetDir, fileName);
-
-    if (file.target) {
-      filePath = projectInfo?.isSrcDir
-        ? path.join(config.resolvedPaths.cwd, "src", file.target)
-        : path.join(config.resolvedPaths.cwd, file.target);
-      targetDir = path.dirname(filePath);
-    }
-
-    if (!config.tsx) {
-      filePath = filePath.replace(/\.tsx?$/, (match) =>
-        match === ".tsx" ? ".jsx" : ".js"
-      );
-    }
-
-    const existingFile = existsSync(filePath);
-    if (existingFile && !options.overwrite) {
-      filesCreatedSpinner.stop();
-      const { overwrite } = await prompts({
-        type: "confirm",
-        name: "overwrite",
-        message: `The file ${highlight.info(
-          fileName
-        )} already exists. Would you like to overwrite?`,
-        initial: false,
-      });
-
-      if (!overwrite) {
-        filesSkipped.push(path.relative(config.resolvedPaths.cwd, filePath));
-        continue;
-      }
-      filesCreatedSpinner?.start();
-    }
-
-    // Create the target directory if it doesn't exist.
-    if (!existsSync(targetDir)) {
-      await fs.mkdir(targetDir, { recursive: true });
-    }
-
-    // Run our transformers.
-    const content = await transform(
-      {
-        filename: file.path,
-        raw: file.content,
-        config,
-        transformJsx: !config.tsx,
-      },
-      [transformImport, transformRsc, transformCssVars, transformTwPrefixes]
-    );
-
-    await fs.writeFile(filePath, content, "utf-8");
-    existingFile
-      ? filesUpdated.push(path.relative(config.resolvedPaths.cwd, filePath))
-      : filesCreated.push(path.relative(config.resolvedPaths.cwd, filePath));
-  }
-
-  const hasUpdatedFiles = filesCreated.length || filesUpdated.length;
-  if (!hasUpdatedFiles && !filesSkipped.length) {
-    filesCreatedSpinner?.info("No files updated.");
-  }
-
-  if (filesCreated.length) {
-    filesCreatedSpinner?.succeed(
-      `Created ${filesCreated.length} ${
-        filesCreated.length === 1 ? "file" : "files"
-      }:`
-    );
-    for (const file of filesCreated) {
-      logger.log(`  - ${file}`);
-    }
-  } else {
-    filesCreatedSpinner?.stop();
-  }
-
-  if (filesUpdated.length) {
-    spinner(
-      `Updated ${filesUpdated.length} ${
-        filesUpdated.length === 1 ? "file" : "files"
-      }:`
-    )?.info();
-    for (const file of filesUpdated) {
-      logger.log(`  - ${file}`);
-    }
-  }
-
-  if (filesSkipped.length) {
-    spinner(
-      `Skipped ${filesSkipped.length} ${
-        filesUpdated.length === 1 ? "file" : "files"
-      }:`
-    )?.info();
-    for (const file of filesSkipped) {
-      logger.log(`  - ${file}`);
-    }
-  }
-
-  logger.break();
-}
diff --git a/packages/cli/src/helpers/updaters/update-tailwind-config.ts b/packages/cli/src/helpers/updaters/update-tailwind-config.ts
deleted file mode 100644
index ce11b7006..000000000
--- a/packages/cli/src/helpers/updaters/update-tailwind-config.ts
+++ /dev/null
@@ -1,418 +0,0 @@
-import { registryItemTailwindSchema } from "@dotui/registry/schema";
-import deepmerge from "deepmerge";
-import { promises as fs } from "node:fs";
-import { tmpdir } from "os";
-import path from "path";
-import objectToString from "stringify-object";
-import { type Config as TailwindConfig } from "tailwindcss";
-import {
-  ObjectLiteralExpression,
-  Project,
-  PropertyAssignment,
-  QuoteKind,
-  ScriptKind,
-  SyntaxKind,
-  VariableStatement,
-} from "ts-morph";
-import { z } from "zod";
-import { Config } from "@/helpers/get-config";
-import { highlight } from "@/utils";
-import { spinner } from "@/utils/spinner";
-
-export type UpdaterTailwindConfig = Omit<TailwindConfig, "plugins"> & {
-  // We only want string plugins for now.
-  plugins?: string[];
-};
-
-export async function updateTailwindConfig(
-  tailwindConfig:
-    | z.infer<typeof registryItemTailwindSchema>["config"]
-    | undefined,
-  config: Config
-) {
-  if (!tailwindConfig) {
-    return;
-  }
-
-  const tailwindFileRelativePath = path.relative(
-    config.resolvedPaths.cwd,
-    config.resolvedPaths.tailwindConfig
-  );
-  const tailwindSpinner = spinner(
-    `Updating ${highlight.info(tailwindFileRelativePath)}`
-  ).start();
-  const raw = await fs.readFile(config.resolvedPaths.tailwindConfig, "utf8");
-  const output = await transformTailwindConfig(raw, tailwindConfig, config);
-  await fs.writeFile(config.resolvedPaths.tailwindConfig, output, "utf8");
-  tailwindSpinner?.succeed();
-}
-
-export async function transformTailwindConfig(
-  input: string,
-  tailwindConfig: UpdaterTailwindConfig,
-  config: Config
-) {
-  const sourceFile = await _createSourceFile(input, config);
-  // Find the object with content property.
-  // This is faster than traversing the default export.
-  // TODO: maybe we do need to traverse the default export?
-  const configObject = sourceFile
-    .getDescendantsOfKind(SyntaxKind.ObjectLiteralExpression)
-    .find((node) =>
-      node
-        .getProperties()
-        .some(
-          (property) =>
-            property.isKind(SyntaxKind.PropertyAssignment) &&
-            property.getName() === "content"
-        )
-    );
-
-  // We couldn't find the config object, so we return the input as is.
-  if (!configObject) {
-    return input;
-  }
-
-  const quoteChar = _getQuoteChar(configObject);
-
-  // Add darkMode.
-  addTailwindConfigProperty(
-    configObject,
-    {
-      name: "darkMode",
-      value: "class",
-    },
-    { quoteChar }
-  );
-
-  // Add Tailwind config plugins.
-  tailwindConfig.plugins?.forEach((plugin) => {
-    addTailwindConfigPlugin(configObject, plugin);
-  });
-
-  // Add Tailwind config theme.
-  if (tailwindConfig.theme) {
-    await addTailwindConfigTheme(configObject, tailwindConfig.theme);
-  }
-
-  return sourceFile.getFullText();
-}
-
-function addTailwindConfigProperty(
-  configObject: ObjectLiteralExpression,
-  property: {
-    name: string;
-    value: string;
-  },
-  {
-    quoteChar,
-  }: {
-    quoteChar: string;
-  }
-) {
-  const existingProperty = configObject.getProperty("darkMode");
-
-  if (!existingProperty) {
-    const newProperty = {
-      name: property.name,
-      initializer: `[${quoteChar}${property.value}${quoteChar}]`,
-    };
-
-    // We need to add darkMode as the first property.
-    if (property.name === "darkMode") {
-      configObject.insertPropertyAssignment(0, newProperty);
-      return configObject;
-    }
-
-    configObject.addPropertyAssignment(newProperty);
-
-    return configObject;
-  }
-
-  if (existingProperty.isKind(SyntaxKind.PropertyAssignment)) {
-    const initializer = existingProperty.getInitializer();
-    const newValue = `${quoteChar}${property.value}${quoteChar}`;
-
-    // If property is a string, change it to an array and append.
-    if (initializer?.isKind(SyntaxKind.StringLiteral)) {
-      const initializerText = initializer.getText();
-      initializer.replaceWithText(`[${initializerText}, ${newValue}]`);
-      return configObject;
-    }
-
-    // If property is an array, append.
-    if (initializer?.isKind(SyntaxKind.ArrayLiteralExpression)) {
-      // Check if the array already contains the value.
-      if (
-        initializer
-          .getElements()
-          .map((element) => element.getText())
-          .includes(newValue)
-      ) {
-        return configObject;
-      }
-      initializer.addElement(newValue);
-    }
-
-    return configObject;
-  }
-
-  return configObject;
-}
-
-async function addTailwindConfigTheme(
-  configObject: ObjectLiteralExpression,
-  theme: UpdaterTailwindConfig["theme"]
-) {
-  // Ensure there is a theme property.
-  if (!configObject.getProperty("theme")) {
-    configObject.addPropertyAssignment({
-      name: "theme",
-      initializer: "{}",
-    });
-  }
-
-  // Nest all spread properties.
-  nestSpreadProperties(configObject);
-
-  const themeProperty = configObject
-    .getPropertyOrThrow("theme")
-    ?.asKindOrThrow(SyntaxKind.PropertyAssignment);
-
-  const themeInitializer = themeProperty.getInitializer();
-  if (themeInitializer?.isKind(SyntaxKind.ObjectLiteralExpression)) {
-    const themeObjectString = themeInitializer.getText();
-    const themeObject = await parseObjectLiteral(themeObjectString);
-    const result = deepmerge(themeObject, theme);
-    const resultString = objectToString(result)
-      .replace(/\'\"/g, "'") // Replace `\" with "
-      .replace(/\"\'/g, "'") // Replace `\" with "
-      .replace(/\'\[/g, "[") // Replace `[ with [
-      .replace(/\]\'/g, "]") // Replace `] with ]
-      .replace(/\'\\\'/g, "'") // Replace `\' with '
-      .replace(/\\\'/g, "'") // Replace \' with '
-      .replace(/\\\'\'/g, "'")
-      .replace(/\'\'/g, "'");
-    themeInitializer.replaceWithText(resultString);
-  }
-
-  // Unnest all spread properties.
-  unnestSpreadProperties(configObject);
-}
-
-function addTailwindConfigPlugin(
-  configObject: ObjectLiteralExpression,
-  plugin: string
-) {
-  const existingPlugins = configObject.getProperty("plugins");
-
-  if (!existingPlugins) {
-    configObject.addPropertyAssignment({
-      name: "plugins",
-      initializer: `[${plugin}]`,
-    });
-
-    return configObject;
-  }
-
-  if (existingPlugins.isKind(SyntaxKind.PropertyAssignment)) {
-    const initializer = existingPlugins.getInitializer();
-
-    if (initializer?.isKind(SyntaxKind.ArrayLiteralExpression)) {
-      if (
-        initializer
-          .getElements()
-          .map((element) => {
-            return element.getText().replace(/["']/g, "");
-          })
-          .includes(plugin.replace(/["']/g, ""))
-      ) {
-        return configObject;
-      }
-      initializer.addElement(plugin);
-    }
-
-    return configObject;
-  }
-
-  return configObject;
-}
-
-async function _createSourceFile(input: string, config: Config | null) {
-  const dir = await fs.mkdtemp(path.join(tmpdir(), "shadcn-"));
-  const resolvedPath =
-    config?.resolvedPaths?.tailwindConfig || "tailwind.config.ts";
-  const tempFile = path.join(dir, `shadcn-${path.basename(resolvedPath)}`);
-
-  const project = new Project({
-    compilerOptions: {},
-  });
-  const sourceFile = project.createSourceFile(tempFile, input, {
-    // Note: .js and .mjs can still be valid for TS projects.
-    // We can't infer TypeScript from config.tsx.
-    scriptKind:
-      path.extname(resolvedPath) === ".ts" ? ScriptKind.TS : ScriptKind.JS,
-  });
-
-  return sourceFile;
-}
-
-function _getQuoteChar(configObject: ObjectLiteralExpression) {
-  return configObject
-    .getFirstDescendantByKind(SyntaxKind.StringLiteral)
-    ?.getQuoteKind() === QuoteKind.Single
-    ? "'"
-    : '"';
-}
-
-export function nestSpreadProperties(obj: ObjectLiteralExpression) {
-  const properties = obj.getProperties();
-
-  for (let i = 0; i < properties.length; i++) {
-    const prop = properties[i];
-    if (prop.isKind(SyntaxKind.SpreadAssignment)) {
-      const spreadAssignment = prop.asKindOrThrow(SyntaxKind.SpreadAssignment);
-      const spreadText = spreadAssignment.getExpression().getText();
-
-      // Replace spread with a property assignment
-      obj.insertPropertyAssignment(i, {
-        name: `___${spreadText.replace(/^\.\.\./, "")}`,
-        initializer: `"...${spreadText.replace(/^\.\.\./, "")}"`,
-      });
-
-      // Remove the original spread assignment
-      spreadAssignment.remove();
-    } else if (prop.isKind(SyntaxKind.PropertyAssignment)) {
-      const propAssignment = prop.asKindOrThrow(SyntaxKind.PropertyAssignment);
-      const initializer = propAssignment.getInitializer();
-
-      if (
-        initializer &&
-        initializer.isKind(SyntaxKind.ObjectLiteralExpression)
-      ) {
-        // Recursively process nested object literals
-        nestSpreadProperties(
-          initializer.asKindOrThrow(SyntaxKind.ObjectLiteralExpression)
-        );
-      }
-    }
-  }
-}
-
-export function unnestSpreadProperties(obj: ObjectLiteralExpression) {
-  const properties = obj.getProperties();
-
-  for (let i = 0; i < properties.length; i++) {
-    const prop = properties[i];
-    if (prop.isKind(SyntaxKind.PropertyAssignment)) {
-      const propAssignment = prop as PropertyAssignment;
-      const initializer = propAssignment.getInitializer();
-
-      if (initializer?.isKind(SyntaxKind.StringLiteral)) {
-        const value = initializer.getLiteralValue();
-        if (value.startsWith("...")) {
-          obj.insertSpreadAssignment(i, { expression: value.slice(3) });
-          propAssignment.remove();
-        }
-      } else if (initializer?.isKind(SyntaxKind.ObjectLiteralExpression)) {
-        unnestSpreadProperties(initializer as ObjectLiteralExpression);
-      }
-    }
-  }
-}
-
-async function parseObjectLiteral(objectLiteralString: string): Promise<any> {
-  const sourceFile = await _createSourceFile(
-    `const theme = ${objectLiteralString}`,
-    null
-  );
-
-  const statement = sourceFile.getStatements()[0];
-  if (statement?.getKind() === SyntaxKind.VariableStatement) {
-    const declaration = (statement as VariableStatement)
-      .getDeclarationList()
-      ?.getDeclarations()[0];
-    const initializer = declaration.getInitializer();
-    if (initializer?.isKind(SyntaxKind.ObjectLiteralExpression)) {
-      return await parseObjectLiteralExpression(initializer);
-    }
-  }
-
-  throw new Error("Invalid input: not an object literal");
-}
-
-function parseObjectLiteralExpression(node: ObjectLiteralExpression): any {
-  const result: any = {};
-  for (const property of node.getProperties()) {
-    if (property.isKind(SyntaxKind.PropertyAssignment)) {
-      const name = property.getName().replace(/\'/g, "");
-      if (
-        property.getInitializer()?.isKind(SyntaxKind.ObjectLiteralExpression)
-      ) {
-        result[name] = parseObjectLiteralExpression(
-          property.getInitializer() as ObjectLiteralExpression
-        );
-      } else {
-        result[name] = parseValue(property.getInitializer());
-      }
-    }
-  }
-  return result;
-}
-
-function parseValue(node: any): any {
-  switch (node.kind) {
-    case SyntaxKind.StringLiteral:
-      return node.text;
-    case SyntaxKind.NumericLiteral:
-      return Number(node.text);
-    case SyntaxKind.TrueKeyword:
-      return true;
-    case SyntaxKind.FalseKeyword:
-      return false;
-    case SyntaxKind.NullKeyword:
-      return null;
-    case SyntaxKind.ArrayLiteralExpression:
-      return node.elements.map(parseValue);
-    default:
-      return node.getText();
-  }
-}
-
-export function buildTailwindThemeColorsFromCssVars(
-  cssVars: Record<string, string>
-) {
-  const result: Record<string, any> = {};
-
-  for (const key of Object.keys(cssVars)) {
-    const parts = key.split("-");
-    const colorName = parts[0];
-    const subType = parts.slice(1).join("-");
-
-    if (subType === "") {
-      if (typeof result[colorName] === "object") {
-        result[colorName].DEFAULT = `hsl(var(--${key}))`;
-      } else {
-        result[colorName] = `hsl(var(--${key}))`;
-      }
-    } else {
-      if (typeof result[colorName] !== "object") {
-        result[colorName] = { DEFAULT: `hsl(var(--${colorName}))` };
-      }
-      result[colorName][subType] = `hsl(var(--${key}))`;
-    }
-  }
-
-  // Remove DEFAULT if it's not in the original cssVars
-  for (const [colorName, value] of Object.entries(result)) {
-    if (
-      typeof value === "object" &&
-      value.DEFAULT === `hsl(var(--${colorName}))` &&
-      !(colorName in cssVars)
-    ) {
-      delete value.DEFAULT;
-    }
-  }
-
-  return result;
-}
diff --git a/packages/cli/src/helpers/validate-project-name.ts b/packages/cli/src/helpers/validate-project-name.ts
deleted file mode 100644
index 303e1ede6..000000000
--- a/packages/cli/src/helpers/validate-project-name.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-// source: https://github.com/npm/validate-npm-package-name/blob/main/index.js
-import { builtinModules as builtins } from "module";
-
-const scopedPackagePattern: RegExp = new RegExp("^(?:@([^/]+?)[/])?([^/]+?)$");
-const blacklist: readonly string[] = ["node_modules", "favicon.ico"] as const;
-
-interface NpmValidationResult {
-  validForNewPackages: boolean;
-  validForOldPackages: boolean;
-  warnings?: string[];
-  errors?: string[];
-}
-
-const validateNpmName = (name: unknown): NpmValidationResult => {
-  const warnings: string[] = [];
-  const errors: string[] = [];
-
-  if (name === null) {
-    errors.push("name cannot be null");
-    return done(warnings, errors);
-  }
-
-  if (name === undefined) {
-    errors.push("name cannot be undefined");
-    return done(warnings, errors);
-  }
-
-  if (typeof name !== "string") {
-    errors.push("name must be a string");
-    return done(warnings, errors);
-  }
-
-  if (!name.length) {
-    errors.push("name length must be greater than zero");
-  }
-
-  if (name.match(/^\./)) {
-    errors.push("name cannot start with a period");
-  }
-
-  if (name.match(/^_/)) {
-    errors.push("name cannot start with an underscore");
-  }
-
-  if (name.trim() !== name) {
-    errors.push("name cannot contain leading or trailing spaces");
-  }
-
-  // No funny business
-  blacklist.forEach((blacklistedName) => {
-    if (name.toLowerCase() === blacklistedName) {
-      errors.push(`${blacklistedName} is a blacklisted name`);
-    }
-  });
-
-  // Generate warnings for stuff that used to be allowed
-  // core module names like http, events, util, etc
-  if (builtins.includes(name.toLowerCase())) {
-    warnings.push(`${name} is a core module name`);
-  }
-
-  if (name.length > 214) {
-    warnings.push("name can no longer contain more than 214 characters");
-  }
-
-  // mIxeD CaSe nAMEs
-  if (name.toLowerCase() !== name) {
-    warnings.push("name can no longer contain capital letters");
-  }
-
-  if (/[~'!()*]/.test(name.split("/").slice(-1)[0])) {
-    warnings.push('name can no longer contain special characters ("~\'!()*")');
-  }
-
-  if (encodeURIComponent(name) !== name) {
-    // Maybe it's a scoped package name, like @user/package
-    const nameMatch = name.match(scopedPackagePattern);
-    if (nameMatch) {
-      const [, user, pkg] = nameMatch;
-      if (
-        user &&
-        pkg &&
-        encodeURIComponent(user) === user &&
-        encodeURIComponent(pkg) === pkg
-      ) {
-        return done(warnings, errors);
-      }
-    }
-    errors.push("name can only contain URL-friendly characters");
-  }
-
-  return done(warnings, errors);
-};
-
-const done = (warnings: string[], errors: string[]): NpmValidationResult => {
-  const result: NpmValidationResult = {
-    validForNewPackages: errors.length === 0 && warnings.length === 0,
-    validForOldPackages: errors.length === 0,
-    warnings,
-    errors,
-  };
-
-  if (!result.warnings?.length) {
-    delete result.warnings;
-  }
-
-  if (!result.errors?.length) {
-    delete result.errors;
-  }
-
-  return result;
-};
-
-type ValidationResult =
-  | {
-      valid: true;
-    }
-  | {
-      valid: false;
-      errors: string[];
-    };
-
-export const validateProjectName = (name: unknown): ValidationResult => {
-  const nameValidation = validateNpmName(name);
-  if (nameValidation.validForNewPackages) {
-    return { valid: true };
-  }
-
-  return {
-    valid: false,
-    errors: [
-      ...(nameValidation.errors || []),
-      ...(nameValidation.warnings || []),
-    ],
-  };
-};
diff --git a/packages/cli/src/index.ts b/packages/cli/src/index.ts
index 6e4c2ded2..f47847218 100644
--- a/packages/cli/src/index.ts
+++ b/packages/cli/src/index.ts
@@ -1,25 +1,22 @@
 #!/usr/bin/env node
-// Inspired by: https://github.com/shadcn-ui/ui/blob/main/packages/shadcn
 import { Command } from "commander";
-import { addCommand } from "@/commands/add";
-import { init } from "@/commands/init";
 import packageJson from "~/package.json";
-
-process.on("SIGINT", () => process.exit(0));
-process.on("SIGTERM", () => process.exit(0));
+import { addCommand } from "./commands/add";
+import { initCommand } from "./commands/init";
 
 async function main() {
-  const program = new Command()
+  let program = new Command()
     .name("dotui")
+    .description("CLI to setup dotUI.")
     .helpOption("-h, --help", "Display this help message.")
     .usage("[command] [options]")
     .version(
       packageJson.version,
       "-v, --version",
-      "Output the current version of dotUI."
+      "Output the current version of dotui-cli."
     );
 
-  program.addCommand(init).addCommand(addCommand);
+  program.addCommand(initCommand).addCommand(addCommand);
 
   program.parse();
 }
diff --git a/packages/cli/src/types.ts b/packages/cli/src/types.ts
new file mode 100644
index 000000000..60ad0278e
--- /dev/null
+++ b/packages/cli/src/types.ts
@@ -0,0 +1,7 @@
+export type Aliases = {
+  core: string;
+  components: string;
+  hooks: string;
+  lib: string;
+  utils: string;
+}
\ No newline at end of file
diff --git a/packages/cli/src/utils/highlight.ts b/packages/cli/src/utils/highlight.ts
deleted file mode 100644
index 400e63a08..000000000
--- a/packages/cli/src/utils/highlight.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { blue, green, red, yellow } from "kleur/colors";
-
-export const highlight = {
-  error: red,
-  warn: yellow,
-  info: blue,
-  success: green,
-};
diff --git a/packages/cli/src/utils/index.ts b/packages/cli/src/utils/index.ts
index 577788660..d082212d1 100644
--- a/packages/cli/src/utils/index.ts
+++ b/packages/cli/src/utils/index.ts
@@ -1,4 +1,2 @@
-export * from "./highlight";
-export * from "./logger";
-export * from "./spinner";
-export * from "./resolve-import";
+export * from "./spinner"
+export * from "./logger"
\ No newline at end of file
diff --git a/packages/cli/src/utils/logger.ts b/packages/cli/src/utils/logger.ts
index c80fe7392..d4218ef39 100644
--- a/packages/cli/src/utils/logger.ts
+++ b/packages/cli/src/utils/logger.ts
@@ -1,22 +1,29 @@
-import { highlight } from "@/utils/highlight";
-
-export const logger = {
-  error(...args: unknown[]) {
-    console.log(highlight.error(args.join(" ")));
-  },
-  warn(...args: unknown[]) {
-    console.log(highlight.warn(args.join(" ")));
-  },
-  info(...args: unknown[]) {
-    console.log(highlight.info(args.join(" ")));
-  },
-  success(...args: unknown[]) {
-    console.log(highlight.success(args.join(" ")));
-  },
-  log(...args: unknown[]) {
-    console.log(args.join(" "));
-  },
-  break() {
-    console.log("");
-  },
-};
+import pc from "picocolors";
+
+export const c = {
+  error: pc.red,
+  warn: pc.yellow,
+  info: pc.blue,
+  success: pc.green,
+};
+
+export const logger = {
+  error(...args: unknown[]) {
+    console.log(c.error(args.join(" ")));
+  },
+  warn(...args: unknown[]) {
+    console.log(c.warn(args.join(" ")));
+  },
+  info(...args: unknown[]) {
+    console.log(c.info(args.join(" ")));
+  },
+  success(...args: unknown[]) {
+    console.log(c.success(args.join(" ")));
+  },
+  log(...args: unknown[]) {
+    console.log(args.join(" "));
+  },
+  break() {
+    console.log("");
+  },
+};
diff --git a/packages/cli/src/utils/resolve-import.ts b/packages/cli/src/utils/resolve-import.ts
deleted file mode 100644
index d1916d910..000000000
--- a/packages/cli/src/utils/resolve-import.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import {
-  createMatchPath,
-  type ConfigLoaderSuccessResult,
-} from "tsconfig-paths";
-
-export async function resolveImport(
-  importPath: string,
-  config: Pick<ConfigLoaderSuccessResult, "absoluteBaseUrl" | "paths">
-) {
-  return createMatchPath(config.absoluteBaseUrl, config.paths)(
-    importPath,
-    undefined,
-    () => true,
-    [".ts", ".tsx"]
-  );
-}
diff --git a/packages/cli/src/utils/spinner.ts b/packages/cli/src/utils/spinner.ts
index faeaed2ef..4808b6c3c 100644
--- a/packages/cli/src/utils/spinner.ts
+++ b/packages/cli/src/utils/spinner.ts
@@ -1,13 +1,5 @@
-import ora, { type Options } from "ora";
-
-export function spinner(
-  text: Options["text"],
-  options?: {
-    silent?: boolean;
-  }
-) {
-  return ora({
-    text,
-    isSilent: options?.silent,
-  });
-}
+import { spinner as spinner_ } from "@clack/prompts";
+
+export function spinner () {
+  return spinner_()
+}
diff --git a/packages/cli/tsup.config.ts b/packages/cli/tsup.config.ts
index 30e7a114c..545ff67f1 100644
--- a/packages/cli/tsup.config.ts
+++ b/packages/cli/tsup.config.ts
@@ -1,12 +1,14 @@
 import { defineConfig } from "tsup";
 
+const isDev = process.env.npm_lifecycle_event === "dev";
+
 export default defineConfig({
   clean: true,
   dts: true,
   entry: ["src/index.ts"],
   format: ["esm"],
   sourcemap: true,
-  minify: true,
+  minify: false,
   target: "esnext",
   outDir: "dist",
 });
diff --git a/packages/registry/schema.ts b/packages/registry/schema.ts
index 66538e52a..03e6cc68d 100644
--- a/packages/registry/schema.ts
+++ b/packages/registry/schema.ts
@@ -1,5 +1,24 @@
 import { z } from "zod";
 
+export const iconLibrarySchema = z.enum(["lucide-icons", "remix-icons"]);
+
+export const stylesSchema = z.object({
+  button: z.enum(["basic"]),
+  "toggle-button": z.enum(["basic"]),
+  input: z.enum(["basic"]),
+  modal: z.enum(["basic"]),
+  popover: z.enum(["basic"]),
+  tooltip: z.enum(["basic"]),
+  calendar: z.enum(["basic", "cal"]),
+});
+
+export const registryThemeSchema = z.object({
+  id: z.string(),
+  label: z.string(),
+  iconLibrary: iconLibrarySchema,
+  styles: z.record(z.string(), z.string()),
+});
+
 export const registryItemTypeSchema = z.enum([
   "registry:style",
   "registry:core",
diff --git a/packages/registry/types.ts b/packages/registry/types.ts
index a081d7e89..05d7e5c97 100644
--- a/packages/registry/types.ts
+++ b/packages/registry/types.ts
@@ -1,9 +1,10 @@
 import { z } from "zod";
 import {
+  registrySchema,
+  registryThemeSchema,
   registryItemFileSchema,
   registryItemSchema,
   registryItemTypeSchema,
-  registrySchema,
 } from "./schema";
 
 export type Registry = z.infer<typeof registrySchema>;
@@ -13,3 +14,5 @@ export type RegistryItem = z.infer<typeof registryItemSchema>;
 export type RegistryItemType = z.infer<typeof registryItemTypeSchema>;
 
 export type RegistryItemFile = z.infer<typeof registryItemFileSchema>;
+
+export type RegistryTheme = z.infer<typeof registryThemeSchema>;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4167338ad..a31e49c10 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -55,133 +55,40 @@ importers:
 
   packages/cli:
     dependencies:
-      '@antfu/ni':
-        specifier: ^0.21.4
-        version: 0.21.12
-      '@babel/core':
-        specifier: ^7.22.1
-        version: 7.26.0
-      '@babel/parser':
-        specifier: ^7.22.6
-        version: 7.26.3
-      '@babel/plugin-transform-typescript':
-        specifier: ^7.22.5
-        version: 7.26.3(@babel/core@7.26.0)
-      async-retry:
-        specifier: ^1.3.3
-        version: 1.3.3
-      ci-info:
-        specifier: ^4.0.0
-        version: 4.1.0
+      '@clack/prompts':
+        specifier: ^0.9.1
+        version: 0.9.1
+      '@types/fs-extra':
+        specifier: ^11.0.4
+        version: 11.0.4
       commander:
         specifier: ^10.0.0
         version: 10.0.1
-      conf:
-        specifier: ^13.0.1
-        version: 13.1.0
-      cosmiconfig:
-        specifier: ^8.1.3
-        version: 8.3.6(typescript@5.7.3)
-      cross-spawn:
-        specifier: ^7.0.3
-        version: 7.0.6
-      deepmerge:
-        specifier: ^4.3.1
-        version: 4.3.1
-      diff:
-        specifier: ^5.1.0
-        version: 5.2.0
-      execa:
-        specifier: ^7.0.0
-        version: 7.2.0
       fast-glob:
-        specifier: ^3.3.2
+        specifier: ^3.3.3
         version: 3.3.3
       fs-extra:
-        specifier: ^11.1.0
-        version: 11.2.0
-      https-proxy-agent:
-        specifier: ^6.2.0
-        version: 6.2.1
-      kleur:
-        specifier: ^4.1.5
-        version: 4.1.5
-      lodash.template:
-        specifier: ^4.5.0
-        version: 4.5.0
-      node-fetch:
-        specifier: ^3.3.0
-        version: 3.3.2
-      ora:
-        specifier: ^6.1.2
-        version: 6.3.1
+        specifier: ^11.3.0
+        version: 11.3.0
       picocolors:
         specifier: ^1.1.0
         version: 1.1.1
-      postcss:
-        specifier: ^8.4.31
-        version: 8.4.49
-      prompts:
-        specifier: ^2.4.2
-        version: 2.4.2
-      recast:
-        specifier: ^0.23.2
-        version: 0.23.9
-      stringify-object:
-        specifier: ^5.0.0
-        version: 5.0.0
-      tar:
-        specifier: ^7.4.3
-        version: 7.4.3
-      ts-morph:
-        specifier: ^18.0.0
-        version: 18.0.0
       tsconfig-paths:
         specifier: ^4.2.0
         version: 4.2.0
-      zod:
-        specifier: ^3.22.4
-        version: 3.24.1
+      type-fest:
+        specifier: ^4.33.0
+        version: 4.33.0
     devDependencies:
       '@dotui/registry':
         specifier: workspace:*
         version: link:../registry
-      '@types/async-retry':
-        specifier: ^1.4.8
-        version: 1.4.9
-      '@types/babel__core':
-        specifier: ^7.20.1
-        version: 7.20.5
-      '@types/diff':
-        specifier: ^5.0.3
-        version: 5.2.3
-      '@types/fs-extra':
-        specifier: ^11.0.1
-        version: 11.0.4
-      '@types/lodash.template':
-        specifier: ^4.5.1
-        version: 4.5.3
-      '@types/prompts':
-        specifier: ^2.4.2
-        version: 2.4.9
-      '@types/stringify-object':
-        specifier: ^4.0.5
-        version: 4.0.5
-      '@types/validate-npm-package-name':
-        specifier: ^4.0.2
-        version: 4.0.2
-      rimraf:
-        specifier: ^6.0.1
-        version: 6.0.1
-      tailwindcss:
-        specifier: ^3.4.3
-        version: 3.4.17(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))
+      '@types/node':
+        specifier: ^18.17.0
+        version: 18.19.70
       tsup:
-        specifier: ^6.6.3
-        version: 6.7.0(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))(typescript@5.7.3)
-      type-fest:
-        specifier: ^3.8.0
-        version: 3.13.1
+        specifier: ^8.3.6
+        version: 8.3.6(jiti@2.4.2)(postcss@8.4.49)(tsx@4.19.2)(typescript@5.7.3)(yaml@2.7.0)
       typescript:
         specifier: ^5
         version: 5.7.3
@@ -408,26 +315,10 @@ packages:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
-  '@ampproject/remapping@2.3.0':
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
-
-  '@antfu/ni@0.21.12':
-    resolution: {integrity: sha512-2aDL3WUv8hMJb2L3r/PIQWsTLyq7RQr3v9xD16fiz6O8ys1xEyLhhTOv8gxtZvJiTzjTF5pHoArvRdesGL1DMQ==}
-    hasBin: true
-
   '@babel/code-frame@7.26.2':
     resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.26.3':
-    resolution: {integrity: sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/core@7.26.0':
-    resolution: {integrity: sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/generator@7.17.7':
     resolution: {integrity: sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==}
     engines: {node: '>=6.9.0'}
@@ -436,20 +327,6 @@ packages:
     resolution: {integrity: sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-annotate-as-pure@7.25.9':
-    resolution: {integrity: sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-compilation-targets@7.25.9':
-    resolution: {integrity: sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-create-class-features-plugin@7.25.9':
-    resolution: {integrity: sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
   '@babel/helper-environment-visitor@7.24.7':
     resolution: {integrity: sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==}
     engines: {node: '>=6.9.0'}
@@ -462,38 +339,6 @@ packages:
     resolution: {integrity: sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-member-expression-to-functions@7.25.9':
-    resolution: {integrity: sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-imports@7.25.9':
-    resolution: {integrity: sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-transforms@7.26.0':
-    resolution: {integrity: sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-optimise-call-expression@7.25.9':
-    resolution: {integrity: sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-plugin-utils@7.25.9':
-    resolution: {integrity: sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-replace-supers@7.25.9':
-    resolution: {integrity: sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-skip-transparent-expression-wrappers@7.25.9':
-    resolution: {integrity: sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-split-export-declaration@7.24.7':
     resolution: {integrity: sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==}
     engines: {node: '>=6.9.0'}
@@ -506,31 +351,11 @@ packages:
     resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.25.9':
-    resolution: {integrity: sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helpers@7.26.0':
-    resolution: {integrity: sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/parser@7.26.3':
     resolution: {integrity: sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/plugin-syntax-typescript@7.25.9':
-    resolution: {integrity: sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-typescript@7.26.3':
-    resolution: {integrity: sha512-6+5hpdr6mETwSKjmJUdYw0EIkATiQhnELWlE3kJFBwSg/BGIVwVaVbX+gOXBCdc7Ln1RXZxyWGecIXhUfnl7oA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
   '@babel/runtime@7.26.0':
     resolution: {integrity: sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==}
     engines: {node: '>=6.9.0'}
@@ -543,10 +368,6 @@ packages:
     resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.26.4':
-    resolution: {integrity: sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/types@7.17.0':
     resolution: {integrity: sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==}
     engines: {node: '>=6.9.0'}
@@ -619,6 +440,12 @@ packages:
   '@changesets/write@0.3.2':
     resolution: {integrity: sha512-kDxDrPNpUgsjDbWBvUo27PzKX4gqeKOlhibaOXDJA6kuBisGqNHv/HwGJrAu8U/dSf8ZEFIeHIPtvSlZI1kULw==}
 
+  '@clack/core@0.4.1':
+    resolution: {integrity: sha512-Pxhij4UXg8KSr7rPek6Zowm+5M22rbd2g1nfojHJkxp5YkFqiZ2+YLEM/XGVIzvGOcM0nqjIFxrpDwWRZYWYjA==}
+
+  '@clack/prompts@0.9.1':
+    resolution: {integrity: sha512-JIpyaboYZeWYlyP0H+OoPPxd6nqueG/CmN6ixBiNFsIDHREevjIf0n0Ohh5gr5C8pEDknzgvz+pIJ8dMhzWIeg==}
+
   '@commitlint/cli@17.8.1':
     resolution: {integrity: sha512-ay+WbzQesE0Rv4EQKfNbSMiJJ12KdKTDzIt0tcK4k11FdsWmtwP0Kp1NWMOUswfIWo6Eb7p7Ln721Nx9FLNBjg==}
     engines: {node: '>=v14'}
@@ -707,12 +534,6 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/android-arm64@0.17.19':
-    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-
   '@esbuild/android-arm64@0.23.1':
     resolution: {integrity: sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==}
     engines: {node: '>=18'}
@@ -725,12 +546,6 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm@0.17.19':
-    resolution: {integrity: sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-
   '@esbuild/android-arm@0.23.1':
     resolution: {integrity: sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==}
     engines: {node: '>=18'}
@@ -743,12 +558,6 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-x64@0.17.19':
-    resolution: {integrity: sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-
   '@esbuild/android-x64@0.23.1':
     resolution: {integrity: sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==}
     engines: {node: '>=18'}
@@ -761,12 +570,6 @@ packages:
     cpu: [x64]
     os: [android]
 
-  '@esbuild/darwin-arm64@0.17.19':
-    resolution: {integrity: sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-
   '@esbuild/darwin-arm64@0.23.1':
     resolution: {integrity: sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==}
     engines: {node: '>=18'}
@@ -779,12 +582,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.17.19':
-    resolution: {integrity: sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-
   '@esbuild/darwin-x64@0.23.1':
     resolution: {integrity: sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==}
     engines: {node: '>=18'}
@@ -797,12 +594,6 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.17.19':
-    resolution: {integrity: sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-
   '@esbuild/freebsd-arm64@0.23.1':
     resolution: {integrity: sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==}
     engines: {node: '>=18'}
@@ -815,12 +606,6 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.17.19':
-    resolution: {integrity: sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-
   '@esbuild/freebsd-x64@0.23.1':
     resolution: {integrity: sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==}
     engines: {node: '>=18'}
@@ -833,12 +618,6 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.17.19':
-    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-
   '@esbuild/linux-arm64@0.23.1':
     resolution: {integrity: sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==}
     engines: {node: '>=18'}
@@ -851,12 +630,6 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm@0.17.19':
-    resolution: {integrity: sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-
   '@esbuild/linux-arm@0.23.1':
     resolution: {integrity: sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==}
     engines: {node: '>=18'}
@@ -869,12 +642,6 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.17.19':
-    resolution: {integrity: sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-
   '@esbuild/linux-ia32@0.23.1':
     resolution: {integrity: sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==}
     engines: {node: '>=18'}
@@ -887,12 +654,6 @@ packages:
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.17.19':
-    resolution: {integrity: sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-
   '@esbuild/linux-loong64@0.23.1':
     resolution: {integrity: sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==}
     engines: {node: '>=18'}
@@ -905,12 +666,6 @@ packages:
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.17.19':
-    resolution: {integrity: sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-
   '@esbuild/linux-mips64el@0.23.1':
     resolution: {integrity: sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==}
     engines: {node: '>=18'}
@@ -923,12 +678,6 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.17.19':
-    resolution: {integrity: sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-
   '@esbuild/linux-ppc64@0.23.1':
     resolution: {integrity: sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==}
     engines: {node: '>=18'}
@@ -941,12 +690,6 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.17.19':
-    resolution: {integrity: sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-
   '@esbuild/linux-riscv64@0.23.1':
     resolution: {integrity: sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==}
     engines: {node: '>=18'}
@@ -959,12 +702,6 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.17.19':
-    resolution: {integrity: sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-
   '@esbuild/linux-s390x@0.23.1':
     resolution: {integrity: sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==}
     engines: {node: '>=18'}
@@ -977,12 +714,6 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-x64@0.17.19':
-    resolution: {integrity: sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-
   '@esbuild/linux-x64@0.23.1':
     resolution: {integrity: sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==}
     engines: {node: '>=18'}
@@ -1001,12 +732,6 @@ packages:
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.17.19':
-    resolution: {integrity: sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-
   '@esbuild/netbsd-x64@0.23.1':
     resolution: {integrity: sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==}
     engines: {node: '>=18'}
@@ -1031,12 +756,6 @@ packages:
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.17.19':
-    resolution: {integrity: sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-
   '@esbuild/openbsd-x64@0.23.1':
     resolution: {integrity: sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==}
     engines: {node: '>=18'}
@@ -1049,12 +768,6 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/sunos-x64@0.17.19':
-    resolution: {integrity: sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-
   '@esbuild/sunos-x64@0.23.1':
     resolution: {integrity: sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==}
     engines: {node: '>=18'}
@@ -1067,12 +780,6 @@ packages:
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.17.19':
-    resolution: {integrity: sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-
   '@esbuild/win32-arm64@0.23.1':
     resolution: {integrity: sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==}
     engines: {node: '>=18'}
@@ -1085,12 +792,6 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.17.19':
-    resolution: {integrity: sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-
   '@esbuild/win32-ia32@0.23.1':
     resolution: {integrity: sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==}
     engines: {node: '>=18'}
@@ -1103,12 +804,6 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.17.19':
-    resolution: {integrity: sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-
   '@esbuild/win32-x64@0.23.1':
     resolution: {integrity: sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==}
     engines: {node: '>=18'}
@@ -1293,10 +988,6 @@ packages:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
 
-  '@isaacs/fs-minipass@4.0.1':
-    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
-    engines: {node: '>=18.0.0'}
-
   '@jridgewell/gen-mapping@0.3.8':
     resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
     engines: {node: '>=6.0.0'}
@@ -2737,6 +2428,101 @@ packages:
     peerDependencies:
       react: '>=18.2.0'
 
+  '@rollup/rollup-android-arm-eabi@4.32.1':
+    resolution: {integrity: sha512-/pqA4DmqyCm8u5YIDzIdlLcEmuvxb0v8fZdFhVMszSpDTgbQKdw3/mB3eMUHIbubtJ6F9j+LtmyCnHTEqIHyzA==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.32.1':
+    resolution: {integrity: sha512-If3PDskT77q7zgqVqYuj7WG3WC08G1kwXGVFi9Jr8nY6eHucREHkfpX79c0ACAjLj3QIWKPJR7w4i+f5EdLH5Q==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.32.1':
+    resolution: {integrity: sha512-zCpKHioQ9KgZToFp5Wvz6zaWbMzYQ2LJHQ+QixDKq52KKrF65ueu6Af4hLlLWHjX1Wf/0G5kSJM9PySW9IrvHA==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.32.1':
+    resolution: {integrity: sha512-sFvF+t2+TyUo/ZQqUcifrJIgznx58oFZbdHS9TvHq3xhPVL9nOp+yZ6LKrO9GWTP+6DbFtoyLDbjTpR62Mbr3Q==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.32.1':
+    resolution: {integrity: sha512-NbOa+7InvMWRcY9RG+B6kKIMD/FsnQPH0MWUvDlQB1iXnF/UcKSudCXZtv4lW+C276g3w5AxPbfry5rSYvyeYA==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.32.1':
+    resolution: {integrity: sha512-JRBRmwvHPXR881j2xjry8HZ86wIPK2CcDw0EXchE1UgU0ubWp9nvlT7cZYKc6bkypBt745b4bglf3+xJ7hXWWw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.32.1':
+    resolution: {integrity: sha512-PKvszb+9o/vVdUzCCjL0sKHukEQV39tD3fepXxYrHE3sTKrRdCydI7uldRLbjLmDA3TFDmh418XH19NOsDRH8g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.32.1':
+    resolution: {integrity: sha512-9WHEMV6Y89eL606ReYowXuGF1Yb2vwfKWKdD1A5h+OYnPZSJvxbEjxTRKPgi7tkP2DSnW0YLab1ooy+i/FQp/Q==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.32.1':
+    resolution: {integrity: sha512-tZWc9iEt5fGJ1CL2LRPw8OttkCBDs+D8D3oEM8mH8S1ICZCtFJhD7DZ3XMGM8kpqHvhGUTvNUYVDnmkj4BDXnw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.32.1':
+    resolution: {integrity: sha512-FTYc2YoTWUsBz5GTTgGkRYYJ5NGJIi/rCY4oK/I8aKowx1ToXeoVVbIE4LGAjsauvlhjfl0MYacxClLld1VrOw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loongarch64-gnu@4.32.1':
+    resolution: {integrity: sha512-F51qLdOtpS6P1zJVRzYM0v6MrBNypyPEN1GfMiz0gPu9jN8ScGaEFIZQwteSsGKg799oR5EaP7+B2jHgL+d+Kw==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-powerpc64le-gnu@4.32.1':
+    resolution: {integrity: sha512-wO0WkfSppfX4YFm5KhdCCpnpGbtgQNj/tgvYzrVYFKDpven8w2N6Gg5nB6w+wAMO3AIfSTWeTjfVe+uZ23zAlg==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.32.1':
+    resolution: {integrity: sha512-iWswS9cIXfJO1MFYtI/4jjlrGb/V58oMu4dYJIKnR5UIwbkzR0PJ09O0PDZT0oJ3LYWXBSWahNf/Mjo6i1E5/g==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.32.1':
+    resolution: {integrity: sha512-RKt8NI9tebzmEthMnfVgG3i/XeECkMPS+ibVZjZ6mNekpbbUmkNWuIN2yHsb/mBPyZke4nlI4YqIdFPgKuoyQQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.32.1':
+    resolution: {integrity: sha512-WQFLZ9c42ECqEjwg/GHHsouij3pzLXkFdz0UxHa/0OM12LzvX7DzedlY0SIEly2v18YZLRhCRoHZDxbBSWoGYg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.32.1':
+    resolution: {integrity: sha512-BLoiyHDOWoS3uccNSADMza6V6vCNiphi94tQlVIL5de+r6r/CCQuNnerf+1g2mnk2b6edp5dk0nhdZ7aEjOBsA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-win32-arm64-msvc@4.32.1':
+    resolution: {integrity: sha512-w2l3UnlgYTNNU+Z6wOR8YdaioqfEnwPjIsJ66KxKAf0p+AuL2FHeTX6qvM+p/Ue3XPBVNyVSfCrfZiQh7vZHLQ==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.32.1':
+    resolution: {integrity: sha512-Am9H+TGLomPGkBnaPWie4F3x+yQ2rr4Bk2jpwy+iV+Gel9jLAu/KqT8k3X4jxFPW6Zf8OMnehyutsd+eHoq1WQ==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.32.1':
+    resolution: {integrity: sha512-ar80GhdZb4DgmW3myIS9nRFYcpJRSME8iqWgzH2i44u+IdrzmiXVxeFnExQ5v4JYUSpg94bWjevMG8JHf1Da5Q==}
+    cpu: [x64]
+    os: [win32]
+
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
@@ -2866,9 +2652,6 @@ packages:
       '@vue/compiler-sfc':
         optional: true
 
-  '@ts-morph/common@0.19.0':
-    resolution: {integrity: sha512-Unz/WHmd4pGax91rdIKWi51wnVUW11QttMEPpBiBgIewnc9UQIX7UDLxr5vRlqeByXCwhkF6VabSsI0raWcyAQ==}
-
   '@ts-morph/common@0.25.0':
     resolution: {integrity: sha512-kMnZz+vGGHi4GoHnLmMhGNjm44kGtKUXGnOvrKmMwAuvNjM/PgKVGfUnL7IDvK7Jb2QQ82jq3Zmp04Gy+r3Dkg==}
 
@@ -2887,27 +2670,9 @@ packages:
   '@types/acorn@4.0.6':
     resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==}
 
-  '@types/async-retry@1.4.9':
-    resolution: {integrity: sha512-s1ciZQJzRh3708X/m3vPExr5KJlzlZJvXsKpbtE2luqNcbROr64qU+3KpJsYHqWMeaxI839OvXf9PrUSw1Xtyg==}
-
-  '@types/babel__core@7.20.5':
-    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
-
-  '@types/babel__generator@7.6.8':
-    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
-
-  '@types/babel__template@7.4.4':
-    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
-
-  '@types/babel__traverse@7.20.6':
-    resolution: {integrity: sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==}
-
   '@types/debug@4.1.12':
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
 
-  '@types/diff@5.2.3':
-    resolution: {integrity: sha512-K0Oqlrq3kQMaO2RhfrNQX5trmt+XLyom88zS0u84nnIcLvFnRUMRRHmrGny5GSM+kNO9IZLARsdQHDzkhAgmrQ==}
-
   '@types/estree-jsx@1.0.5':
     resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
 
@@ -2929,12 +2694,6 @@ packages:
   '@types/jsonfile@6.1.4':
     resolution: {integrity: sha512-D5qGUYwjvnNNextdU59/+fI+spnwtTFmyQP0h+PfIOSkNfpU6AOICUOkm4i0OnSk+NyjdPJrxCDro0sJsWlRpQ==}
 
-  '@types/lodash.template@4.5.3':
-    resolution: {integrity: sha512-Mo0UYKLu1oXgkV9TVoXZLlXXjyIXlW7ZQRxi/4gQJmzJr63dmicE8gG0OkPjYTKBrBic852q0JzqrtNUWLBIyA==}
-
-  '@types/lodash@4.17.14':
-    resolution: {integrity: sha512-jsxagdikDiDBeIRaPYtArcT8my4tN1og7MtMRquFT3XNA6axxyHDRUemqDz/taRDdOUn0GnGHRCuff4q48sW9A==}
-
   '@types/mdast@4.0.4':
     resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
 
@@ -2962,9 +2721,6 @@ packages:
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
 
-  '@types/prompts@2.4.9':
-    resolution: {integrity: sha512-qTxFi6Buiu8+50/+3DGIWLHM6QuWsEKugJnnP6iv2Mc4ncxE4A/OJkjuVOA+5X0X1S/nq5VJRa8Lu+nwcvbrKA==}
-
   '@types/react-dom@19.0.2':
     resolution: {integrity: sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==}
     peerDependencies:
@@ -2973,24 +2729,15 @@ packages:
   '@types/react@19.0.4':
     resolution: {integrity: sha512-3O4QisJDYr1uTUMZHA2YswiQZRq+Pd8D+GdVFYikTutYsTz+QZgWkAPnP7rx9txoI6EXKcPiluMqWPFV3tT9Wg==}
 
-  '@types/retry@0.12.5':
-    resolution: {integrity: sha512-3xSjTp3v03X/lSQLkczaN9UIEwJMoMCA1+Nb5HfbJEQWogdeQIyVtTvxPXDQjZ5zws8rFQfVfRdz03ARihPJgw==}
-
   '@types/semver@6.2.7':
     resolution: {integrity: sha512-blctEWbzUFzQx799RZjzzIdBJOXmE37YYEyDtKkx5Dg+V7o/zyyAxLPiI98A2jdTtDgxZleMdfV+7p8WbRJ1OQ==}
 
-  '@types/stringify-object@4.0.5':
-    resolution: {integrity: sha512-TzX5V+njkbJ8iJ0mrj+Vqveep/1JBH4SSA3J2wYrE1eUrOhdsjTBCb0kao4EquSQ8KgPpqY4zSVP2vCPWKBElg==}
-
   '@types/unist@2.0.11':
     resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
 
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
-  '@types/validate-npm-package-name@4.0.2':
-    resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
-
   '@typescript-eslint/eslint-plugin@8.19.1':
     resolution: {integrity: sha512-tJzcVyvvb9h/PB96g30MpxACd9IrunT7GF9wfA9/0TJ1LxGOJx1TdPzSbBBnNED7K9Ka8ybJsnEpiXPktolTLg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3085,18 +2832,6 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  agent-base@7.1.3:
-    resolution: {integrity: sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==}
-    engines: {node: '>= 14'}
-
-  ajv-formats@3.0.1:
-    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
-    peerDependencies:
-      ajv: ^8.0.0
-    peerDependenciesMeta:
-      ajv:
-        optional: true
-
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
@@ -3203,20 +2938,10 @@ packages:
   ast-types-flow@0.0.8:
     resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
 
-  ast-types@0.16.1:
-    resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
-    engines: {node: '>=4'}
-
   astring@1.9.0:
     resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
     hasBin: true
 
-  async-retry@1.3.3:
-    resolution: {integrity: sha512-wfr/jstw9xNi/0teMHrRW7dsz3Lt5ARhYNZ2ewpadnhaIp5mbALhOAP+EAdsC7t4Z6wqsDVv9+W6gm1Dk9mEyw==}
-
-  atomically@2.0.3:
-    resolution: {integrity: sha512-kU6FmrwZ3Lx7/7y3hPS5QnbJfaohcIul5fGqf7ok+4KklIEk9tJ0C2IQPdacSbVUWv6zVHXEBWoWd6NrVMT7Cw==}
-
   autoprefixer@10.4.20:
     resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
     engines: {node: ^10 || ^12 || >=14}
@@ -3245,9 +2970,6 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
-  base64-js@1.5.1:
-    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
-
   better-path-resolve@1.0.0:
     resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
     engines: {node: '>=4'}
@@ -3256,9 +2978,6 @@ packages:
     resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
     engines: {node: '>=8'}
 
-  bl@5.1.0:
-    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==}
-
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
 
@@ -3274,17 +2993,14 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
-  buffer@6.0.3:
-    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
-
   builtins@1.0.3:
     resolution: {integrity: sha512-uYBjakWipfaO/bXI7E8rq6kpwHRZK5cNYrUv2OzZSI/FvmdMyXJ2tG9dKcjEC5YHmHpUAwsargWIZNWdxb/bnQ==}
 
-  bundle-require@4.2.1:
-    resolution: {integrity: sha512-7Q/6vkyYAwOmQNRw75x+4yRtZCZJXUDmHHlFdkiV0wgv/reNjtJwpu1jPJ0w2kbEpIM0uoKI3S4/f39dU7AjSA==}
+  bundle-require@5.1.0:
+    resolution: {integrity: sha512-3WrrOuZiyaaZPWiEt4G3+IffISVC9HYlWueJEBWED4ZH4aIAC2PnkdnuRrR94M+w6yGWn4AglWtJtBI8YqvgoA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     peerDependencies:
-      esbuild: '>=0.17'
+      esbuild: '>=0.18'
 
   busboy@1.6.0:
     resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
@@ -3344,10 +3060,6 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
-  chalk@5.4.1:
-    resolution: {integrity: sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==}
-    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
-
   character-entities-html4@2.1.0:
     resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
 
@@ -3371,10 +3083,6 @@ packages:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
 
-  chownr@3.0.0:
-    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
-    engines: {node: '>=18'}
-
   chroma-js@2.6.0:
     resolution: {integrity: sha512-BLHvCB9s8Z1EV4ethr6xnkl/P2YRFOGqfgvuMG/MyCbZPrTA+NeiByY6XvgF0zP4/2deU2CXnWyMa3zu1LqQ3A==}
 
@@ -3382,24 +3090,12 @@ packages:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
 
-  ci-info@4.1.0:
-    resolution: {integrity: sha512-HutrvTNsF48wnxkzERIXOe5/mlcfFcbfCmwcg6CJnizbSue78AbDt+1cgl26zwn61WFxhcPykPfZrbqjGmBb4A==}
-    engines: {node: '>=8'}
-
   ciebase@0.1.1:
     resolution: {integrity: sha512-KEnf/WVT5E+Gn+LsfMHGJFATltSOeW0qm7dpzQYL/Qe5PEpyTM+UI5bMoBo16FE81zMpu+U6032USTP6Cz1XNA==}
 
   ciecam02@0.4.6:
     resolution: {integrity: sha512-nh/Kl8s5lgtyEl7lA381JFinLhgUwDhJaAVgbVx2BaiiJIzJLumQvuFXwdS76tSch7jDjWejP+MtKYCCEk/brg==}
 
-  cli-cursor@4.0.0:
-    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  cli-spinners@2.9.2:
-    resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
-    engines: {node: '>=6'}
-
   client-only@0.0.1:
     resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
 
@@ -3407,10 +3103,6 @@ packages:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
 
-  clone@1.0.4:
-    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
-    engines: {node: '>=0.8'}
-
   clsx@2.1.1:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
@@ -3421,9 +3113,6 @@ packages:
       react: ^18 || ^19 || ^19.0.0-rc
       react-dom: ^18 || ^19 || ^19.0.0-rc
 
-  code-block-writer@12.0.0:
-    resolution: {integrity: sha512-q4dMFMlXtKR3XNBHyMHt/3pwYNA69EDk00lloMOaaUMKPUXBw6lpXtbu3MMVG6/uOihGnRDOlkyqsONEUj60+w==}
-
   code-block-writer@13.0.3:
     resolution: {integrity: sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==}
 
@@ -3473,13 +3162,13 @@ packages:
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
-  conf@13.1.0:
-    resolution: {integrity: sha512-Bi6v586cy1CoTFViVO4lGTtx780lfF96fUmS1lSX6wpZf6330NvHUu6fReVuDP1de8Mg0nkZb01c8tAQdz1o3w==}
-    engines: {node: '>=18'}
-
   config-chain@1.1.13:
     resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
 
+  consola@3.4.0:
+    resolution: {integrity: sha512-EiPU8G6dQG0GFHNR8ljnZFki/8a+cQwEQ+7wpxdChl02Q8HXlwEZWD5lqAF8vC2sEC3Tehr8hy7vErz88LHyUA==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
   conventional-changelog-angular@6.0.0:
     resolution: {integrity: sha512-6qLgrBF4gueoC7AFVHu51nHL9pF9FRjXrH+ceVf7WmAfH3gs+gEYOkvxhjMPjZu57I4AGUGoNTY8V7Hrgf1uqg==}
     engines: {node: '>=14'}
@@ -3493,9 +3182,6 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
-  convert-source-map@2.0.0:
-    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
-
   cosmiconfig-typescript-loader@4.4.0:
     resolution: {integrity: sha512-BabizFdC3wBHhbI4kJh0VkQP9GkBfoHPydD0COMce1nJ1kJAB3F2TmJ/I7diULBKtmEWSwEbuN/KDtgnmUUVmw==}
     engines: {node: '>=v14.21.3'}
@@ -3539,10 +3225,6 @@ packages:
     resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
     engines: {node: '>=8'}
 
-  data-uri-to-buffer@4.0.1:
-    resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
-    engines: {node: '>= 12'}
-
   data-view-buffer@1.0.2:
     resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
@@ -3558,10 +3240,6 @@ packages:
   dataloader@1.4.0:
     resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
 
-  debounce-fn@6.0.0:
-    resolution: {integrity: sha512-rBMW+F2TXryBwB54Q0d8drNEI+TfoS9JpNTAoVpukbWEhjXQq4rySFYLaqXMFXwdv61Zb2OHtj5bviSoimqxRQ==}
-    engines: {node: '>=18'}
-
   debug@3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
     peerDependencies:
@@ -3604,13 +3282,6 @@ packages:
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
-  deepmerge@4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
-    engines: {node: '>=0.10.0'}
-
-  defaults@1.0.4:
-    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
-
   defer-to-connect@2.0.1:
     resolution: {integrity: sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==}
     engines: {node: '>=10'}
@@ -3653,10 +3324,6 @@ packages:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
     engines: {node: '>=0.3.1'}
 
-  diff@5.2.0:
-    resolution: {integrity: sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==}
-    engines: {node: '>=0.3.1'}
-
   dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
@@ -3676,10 +3343,6 @@ packages:
     resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
     engines: {node: '>=8'}
 
-  dot-prop@9.0.0:
-    resolution: {integrity: sha512-1gxPBJpI/pcjQhKgIU91II6Wkay+dLcN3M6rf2uwP8hRur3HtQXjVrdAK3sjC0piaEuxzMwjXChcETiJl47lAQ==}
-    engines: {node: '>=18'}
-
   dotenv@16.0.3:
     resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
     engines: {node: '>=12'}
@@ -3715,10 +3378,6 @@ packages:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
     engines: {node: '>=8.6'}
 
-  env-paths@3.0.0:
-    resolution: {integrity: sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
 
@@ -3759,11 +3418,6 @@ packages:
   esast-util-from-js@2.0.1:
     resolution: {integrity: sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw==}
 
-  esbuild@0.17.19:
-    resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==}
-    engines: {node: '>=12'}
-    hasBin: true
-
   esbuild@0.23.1:
     resolution: {integrity: sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==}
     engines: {node: '>=18'}
@@ -3951,10 +3605,6 @@ packages:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
     engines: {node: '>=10'}
 
-  execa@7.2.0:
-    resolution: {integrity: sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==}
-    engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}
-
   extend-shallow@2.0.1:
     resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
     engines: {node: '>=0.10.0'}
@@ -3996,10 +3646,6 @@ packages:
       picomatch:
         optional: true
 
-  fetch-blob@3.2.0:
-    resolution: {integrity: sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==}
-    engines: {node: ^12.20 || >= 14.13}
-
   file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -4034,10 +3680,6 @@ packages:
     resolution: {integrity: sha512-yDYSgNMraqvnxiEXO4hi88+YZxaHC6QKzb5N84iRCTDeRO7ZALpir/lVmf/uXUhnwUr2O4HU8s/n6x+yNjQkHw==}
     engines: {node: '>= 14.17'}
 
-  formdata-polyfill@4.0.10:
-    resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
-    engines: {node: '>=12.20.0'}
-
   fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
 
@@ -4059,6 +3701,10 @@ packages:
     resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
     engines: {node: '>=14.14'}
 
+  fs-extra@11.3.0:
+    resolution: {integrity: sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==}
+    engines: {node: '>=14.14'}
+
   fs-extra@7.0.1:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
     engines: {node: '>=6 <7 || >=8'}
@@ -4123,10 +3769,6 @@ packages:
   functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
 
-  gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
-    engines: {node: '>=6.9.0'}
-
   get-caller-file@2.0.5:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
@@ -4139,10 +3781,6 @@ packages:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
     engines: {node: '>=6'}
 
-  get-own-enumerable-keys@1.0.0:
-    resolution: {integrity: sha512-PKsK2FSrQCyxcGHsGrLDcK0lx+0Ke+6e8KFFozA9/fIQLhQzPaRvJFdcz7+Axg3jUH/Mq+NI4xa5u/UT2tQskA==}
-    engines: {node: '>=14.16'}
-
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
@@ -4303,10 +3941,6 @@ packages:
     resolution: {integrity: sha512-V5nVw1PAOgfI3Lmeaj2Exmeg7fenjhRUgz1lPSezy1CuhPYbgQtbQj4jZfEAEMlaL+vupsvhjqCyjzob0yxsmQ==}
     engines: {node: '>=10.19.0'}
 
-  https-proxy-agent@6.2.1:
-    resolution: {integrity: sha512-ONsE3+yfZF2caH5+bJlcddtWqNI3Gvs5A38+ngvljxaBiRXRswym2c7yf8UAeFpRFKjFNHIFEHqR/OLAWJzyiA==}
-    engines: {node: '>= 14'}
-
   human-id@1.0.2:
     resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==}
 
@@ -4314,17 +3948,10 @@ packages:
     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
     engines: {node: '>=10.17.0'}
 
-  human-signals@4.3.1:
-    resolution: {integrity: sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==}
-    engines: {node: '>=14.18.0'}
-
   iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
 
-  ieee754@1.2.1:
-    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
-
   ignore@5.3.2:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
@@ -4450,10 +4077,6 @@ packages:
   is-hexadecimal@2.0.1:
     resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
 
-  is-interactive@2.0.0:
-    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
-    engines: {node: '>=12'}
-
   is-map@2.0.3:
     resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
     engines: {node: '>= 0.4'}
@@ -4470,10 +4093,6 @@ packages:
     resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
     engines: {node: '>=8'}
 
-  is-obj@3.0.0:
-    resolution: {integrity: sha512-IlsXEHOjtKhpN8r/tRFj2nDyTmHvcfNeu/nrRIcXE17ROeatXchkojffa1SpdqW4cr/Fj6QkEf/Gn4zf6KKvEQ==}
-    engines: {node: '>=12'}
-
   is-path-inside@3.0.3:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
@@ -4490,10 +4109,6 @@ packages:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
 
-  is-regexp@3.1.0:
-    resolution: {integrity: sha512-rbku49cWloU5bSMI+zaRaXdQHXnthP6DZ/vLnfdSKyL4zUzuWnomtOEiZZOd+ioQ+avFo/qau3KPTc7Fjy1uPA==}
-    engines: {node: '>=12'}
-
   is-set@2.0.3:
     resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
     engines: {node: '>= 0.4'}
@@ -4506,10 +4121,6 @@ packages:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
 
-  is-stream@3.0.0:
-    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   is-string@1.1.1:
     resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
     engines: {node: '>= 0.4'}
@@ -4530,10 +4141,6 @@ packages:
     resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
     engines: {node: '>= 0.4'}
 
-  is-unicode-supported@1.3.0:
-    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
-    engines: {node: '>=12'}
-
   is-weakmap@2.0.2:
     resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
     engines: {node: '>= 0.4'}
@@ -4640,9 +4247,6 @@ packages:
   json-schema-traverse@1.0.0:
     resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
 
-  json-schema-typed@8.0.1:
-    resolution: {integrity: sha512-XQmWYj2Sm4kn4WeTYvmpKEbyPsL7nBsb647c7pMe6l02/yx2+Jfc4dT6UZkEXnIUb5LhD55r2HPsJ1milQ4rDg==}
-
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
@@ -4676,14 +4280,6 @@ packages:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
 
-  kleur@3.0.3:
-    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
-    engines: {node: '>=6'}
-
-  kleur@4.1.5:
-    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
-    engines: {node: '>=6'}
-
   language-subtag-registry@0.3.23:
     resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
 
@@ -4759,10 +4355,6 @@ packages:
     resolution: {integrity: sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==}
     engines: {node: '>= 12.0.0'}
 
-  lilconfig@2.1.0:
-    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
-    engines: {node: '>=10'}
-
   lilconfig@3.1.3:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
@@ -4782,9 +4374,6 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
-  lodash._reinterpolate@3.0.0:
-    resolution: {integrity: sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==}
-
   lodash.camelcase@4.3.0:
     resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
 
@@ -4812,12 +4401,6 @@ packages:
   lodash.startcase@4.4.0:
     resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
 
-  lodash.template@4.5.0:
-    resolution: {integrity: sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==}
-
-  lodash.templatesettings@4.2.0:
-    resolution: {integrity: sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==}
-
   lodash.uniq@4.5.0:
     resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
 
@@ -4827,10 +4410,6 @@ packages:
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
-  log-symbols@5.1.0:
-    resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==}
-    engines: {node: '>=12'}
-
   longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
 
@@ -4852,9 +4431,6 @@ packages:
   lru-cache@4.1.5:
     resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
 
-  lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
-
   lru-cache@6.0.0:
     resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
     engines: {node: '>=10'}
@@ -5058,14 +4634,6 @@ packages:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
     engines: {node: '>=6'}
 
-  mimic-fn@4.0.0:
-    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
-    engines: {node: '>=12'}
-
-  mimic-function@5.0.1:
-    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
-    engines: {node: '>=18'}
-
   mimic-response@3.1.0:
     resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
     engines: {node: '>=10'}
@@ -5085,10 +4653,6 @@ packages:
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
-  minimatch@7.4.6:
-    resolution: {integrity: sha512-sBz8G/YjVniEz6lKPNpKxXwazJe4c19fEfV2GDMX6AjFz+MX9uDWIZW8XreVhkFW3fkIdTv/gxWr/Kks5FFAVw==}
-    engines: {node: '>=10'}
-
   minimatch@9.0.5:
     resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -5104,20 +4668,6 @@ packages:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  minizlib@3.0.1:
-    resolution: {integrity: sha512-umcy022ILvb5/3Djuu8LWeqUa8D68JaBzlttKeMWen48SjabqS3iY5w/vzeMzMUNhLDifyhbOwKDSznB1vvrwg==}
-    engines: {node: '>= 18'}
-
-  mkdirp@2.1.6:
-    resolution: {integrity: sha512-+hEnITedc8LAtIP9u3HJDFIdcLV2vXP33sqLLIzkv1Db1zO/1OxbvYf0Y1OC/S/Qo5dxHXepofhmxL02PsKe+A==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  mkdirp@3.0.1:
-    resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
-    engines: {node: '>=10'}
-    hasBin: true
-
   motion-dom@11.16.4:
     resolution: {integrity: sha512-2wuCie206pCiP2K23uvwJeci4pMFfyQKpWI0Vy6HrCTDzDCer4TsYtT7IVnuGbDeoIV37UuZiUr6SZMHEc1Vww==}
 
@@ -5196,10 +4746,6 @@ packages:
       sass:
         optional: true
 
-  node-domexception@1.0.0:
-    resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
-    engines: {node: '>=10.5.0'}
-
   node-fetch@2.7.0:
     resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
     engines: {node: 4.x || >=6.0.0}
@@ -5209,10 +4755,6 @@ packages:
       encoding:
         optional: true
 
-  node-fetch@3.3.2:
-    resolution: {integrity: sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   node-releases@2.0.19:
     resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
 
@@ -5239,10 +4781,6 @@ packages:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
     engines: {node: '>=8'}
 
-  npm-run-path@5.3.0:
-    resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   npm-to-yarn@3.0.1:
     resolution: {integrity: sha512-tt6PvKu4WyzPwWUzy/hvPFqn+uwXO0K1ZHka8az3NnrhWJDmSqI8ncWq0fkL0k/lmmi5tAC11FXwXuh0rFbt1A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -5290,10 +4828,6 @@ packages:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
 
-  onetime@6.0.0:
-    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
-    engines: {node: '>=12'}
-
   oniguruma-to-es@0.10.0:
     resolution: {integrity: sha512-zapyOUOCJxt+xhiNRPPMtfJkHGsZ98HHB9qJEkdT8BGytO/+kpe4m1Ngf0MzbzTmhacn11w9yGeDP6tzDhnCdg==}
 
@@ -5301,10 +4835,6 @@ packages:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
 
-  ora@6.3.1:
-    resolution: {integrity: sha512-ERAyNnZOfqM+Ao3RAvIXkYh5joP220yf59gVe2X/cI6SiCxIdi4c9HZKZD8R6q/RDXEje1THBju6iExiSsgJaQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   os-tmpdir@1.0.2:
     resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
     engines: {node: '>=0.10.0'}
@@ -5392,10 +4922,6 @@ packages:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
 
-  path-key@4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
-    engines: {node: '>=12'}
-
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
@@ -5450,9 +4976,9 @@ packages:
     peerDependencies:
       postcss: ^8.4.21
 
-  postcss-load-config@3.1.4:
-    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
-    engines: {node: '>= 10'}
+  postcss-load-config@4.0.2:
+    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
+    engines: {node: '>= 14'}
     peerDependencies:
       postcss: '>=8.0.9'
       ts-node: '>=9.0.0'
@@ -5462,16 +4988,22 @@ packages:
       ts-node:
         optional: true
 
-  postcss-load-config@4.0.2:
-    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
-    engines: {node: '>= 14'}
+  postcss-load-config@6.0.1:
+    resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
+    engines: {node: '>= 18'}
     peerDependencies:
+      jiti: '>=1.21.0'
       postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
+      tsx: ^4.8.1
+      yaml: ^2.4.2
     peerDependenciesMeta:
+      jiti:
+        optional: true
       postcss:
         optional: true
-      ts-node:
+      tsx:
+        optional: true
+      yaml:
         optional: true
 
   postcss-nested@6.2.0:
@@ -5564,10 +5096,6 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
-  prompts@2.4.2:
-    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
-    engines: {node: '>= 6'}
-
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
@@ -5711,10 +5239,6 @@ packages:
     resolution: {integrity: sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==}
     engines: {node: '>= 14.16.0'}
 
-  recast@0.23.9:
-    resolution: {integrity: sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q==}
-    engines: {node: '>= 4'}
-
   recma-build-jsx@1.0.0:
     resolution: {integrity: sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==}
 
@@ -5819,14 +5343,6 @@ packages:
     resolution: {integrity: sha512-40yHxbNcl2+rzXvZuVkrYohathsSJlMTXKryG5y8uciHv1+xDLHQpgjG64JUO9nrEq2jGLH6IZ8BcZyw3wrweg==}
     engines: {node: '>=14.16'}
 
-  restore-cursor@4.0.0:
-    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  retry@0.13.1:
-    resolution: {integrity: sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==}
-    engines: {node: '>= 4'}
-
   reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -5836,18 +5352,14 @@ packages:
     deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
-  rimraf@5.0.10:
-    resolution: {integrity: sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==}
-    hasBin: true
-
   rimraf@6.0.1:
     resolution: {integrity: sha512-9dkvaxAsk/xNXSJzMgFqqMCuFgt2+KsOFek3TMLfo8NCPfWpBmqwyNn5Y+NX56QUYfCtsyhF3ayiboEoUmJk/A==}
     engines: {node: 20 || >=22}
     hasBin: true
 
-  rollup@3.29.5:
-    resolution: {integrity: sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+  rollup@4.32.1:
+    resolution: {integrity: sha512-z+aeEsOeEa3mEbS1Tjl6sAZ8NE3+AalQz1RJGj81M+fizusbdDMoEJwdJNHfaB40Scr4qNu+welOfes7maKonA==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
   run-parallel@1.2.0:
@@ -5978,10 +5490,6 @@ packages:
     resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
     engines: {node: '>=0.10.0'}
 
-  source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-
   source-map@0.7.4:
     resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
     engines: {node: '>= 8'}
@@ -6020,10 +5528,6 @@ packages:
   stable-hash@0.0.4:
     resolution: {integrity: sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==}
 
-  stdin-discarder@0.1.0:
-    resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
@@ -6065,10 +5569,6 @@ packages:
   stringify-entities@4.0.4:
     resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
 
-  stringify-object@5.0.0:
-    resolution: {integrity: sha512-zaJYxz2FtcMb4f+g60KsRNFOpVMUyuJgA51Zi5Z1DOTC3S59+OQiVOzE9GZt0x72uBGWKsQIuBKeF9iusmKFsg==}
-    engines: {node: '>=14.16'}
-
   strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -6089,10 +5589,6 @@ packages:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
     engines: {node: '>=6'}
 
-  strip-final-newline@3.0.0:
-    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
-    engines: {node: '>=12'}
-
   strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
@@ -6105,9 +5601,6 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
-  stubborn-fs@1.2.5:
-    resolution: {integrity: sha512-H2N9c26eXjzL/S/K+i/RHHcFanE74dptvvjM8iwzwbVcWY/zjBbgRqF3K0DY4+OD+uTTASTBvDoxPDaPN02D7g==}
-
   style-to-object@1.0.8:
     resolution: {integrity: sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==}
 
@@ -6170,10 +5663,6 @@ packages:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
 
-  tar@7.4.3:
-    resolution: {integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==}
-    engines: {node: '>=18'}
-
   term-size@2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
     engines: {node: '>=8'}
@@ -6198,8 +5687,8 @@ packages:
   through@2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
 
-  tiny-invariant@1.3.3:
-    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+  tinyexec@0.3.2:
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
 
   tinyglobby@0.2.10:
     resolution: {integrity: sha512-Zc+8eJlFMvgatPZTl6A9L/yht8QqdmUNtURHaKZLmKBE12hNPSrqNkUp2cs3M/UKmNVVAMFQYSjYIVHDjW5zew==}
@@ -6246,9 +5735,6 @@ packages:
   ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
-  ts-morph@18.0.0:
-    resolution: {integrity: sha512-Kg5u0mk19PIIe4islUI/HWRvm9bC1lHejK4S0oh1zaZ77TMZAEmQC0sHQYiu2RgCQFZKXz1fMVi/7nOOeirznA==}
-
   ts-morph@24.0.0:
     resolution: {integrity: sha512-2OAOg/Ob5yx9Et7ZX4CvTCc0UFoZHwLEJ+dpDPSUi5TgwwlTlX47w+iFRrEwzUZwYACjq83cgjS/Da50Ga37uw==}
 
@@ -6276,15 +5762,18 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  tsup@6.7.0:
-    resolution: {integrity: sha512-L3o8hGkaHnu5TdJns+mCqFsDBo83bJ44rlK7e6VdanIvpea4ArPcU3swWGsLVbXak1PqQx/V+SSmFPujBK+zEQ==}
-    engines: {node: '>=14.18'}
+  tsup@8.3.6:
+    resolution: {integrity: sha512-XkVtlDV/58S9Ye0JxUUTcrQk4S+EqlOHKzg6Roa62rdjL1nGWNUstG0xgI4vanHdfIpjP448J8vlN0oK6XOJ5g==}
+    engines: {node: '>=18'}
     hasBin: true
     peerDependencies:
+      '@microsoft/api-extractor': ^7.36.0
       '@swc/core': ^1
       postcss: ^8.4.12
-      typescript: '>=4.1.0'
+      typescript: '>=4.5.0'
     peerDependenciesMeta:
+      '@microsoft/api-extractor':
+        optional: true
       '@swc/core':
         optional: true
       postcss:
@@ -6351,12 +5840,8 @@ packages:
     resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
     engines: {node: '>=8'}
 
-  type-fest@3.13.1:
-    resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
-    engines: {node: '>=14.16'}
-
-  type-fest@4.32.0:
-    resolution: {integrity: sha512-rfgpoi08xagF3JSdtJlCwMq9DGNDE0IMh3Mkpc1wUypg9vPi786AiqeBBKcqvIkq42azsBM85N490fyZjeUftw==}
+  type-fest@4.33.0:
+    resolution: {integrity: sha512-s6zVrxuyKbbAsSAD5ZPTB77q4YIdRctkTbJ2/Dqlinwz+8ooH2gd+YA7VA6Pa93KML9GockVvoxjZ2vHP+mu8g==}
     engines: {node: '>=16'}
 
   typed-array-buffer@1.0.3:
@@ -6380,10 +5865,6 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  uint8array-extras@1.4.0:
-    resolution: {integrity: sha512-ZPtzy0hu4cZjv3z5NW9gfKnNLjoz4y6uv4HlelAjDK7sY/xOkKZv9xK/WQpcsBB3jEybChz9DPC2U/+cusjJVQ==}
-    engines: {node: '>=18'}
-
   unbox-primitive@1.1.0:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
@@ -6475,13 +5956,6 @@ packages:
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
-  wcwidth@1.0.1:
-    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
-
-  web-streams-polyfill@3.3.3:
-    resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
-    engines: {node: '>= 8'}
-
   webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
 
@@ -6494,9 +5968,6 @@ packages:
   whatwg-url@7.1.0:
     resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
 
-  when-exit@2.1.3:
-    resolution: {integrity: sha512-uVieSTccFIr/SFQdFWN/fFaQYmV37OKtuaGphMAzi4DmmUlrvRBJW5WSLkHyjNQY/ePJMz3LoiX9R3yy1Su6Hw==}
-
   which-boxed-primitive@1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -6544,20 +6015,9 @@ packages:
   yallist@2.1.2:
     resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
 
-  yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
-
   yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
-  yallist@5.0.0:
-    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
-    engines: {node: '>=18'}
-
-  yaml@1.10.2:
-    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
-    engines: {node: '>= 6'}
-
   yaml@2.7.0:
     resolution: {integrity: sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==}
     engines: {node: '>= 14'}
@@ -6616,41 +6076,12 @@ snapshots:
 
   '@alloc/quick-lru@5.2.0': {}
 
-  '@ampproject/remapping@2.3.0':
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
-      '@jridgewell/trace-mapping': 0.3.25
-
-  '@antfu/ni@0.21.12': {}
-
   '@babel/code-frame@7.26.2':
     dependencies:
       '@babel/helper-validator-identifier': 7.25.9
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.26.3': {}
-
-  '@babel/core@7.26.0':
-    dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.26.2
-      '@babel/generator': 7.26.3
-      '@babel/helper-compilation-targets': 7.25.9
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.0)
-      '@babel/helpers': 7.26.0
-      '@babel/parser': 7.26.3
-      '@babel/template': 7.25.9
-      '@babel/traverse': 7.26.4
-      '@babel/types': 7.26.3
-      convert-source-map: 2.0.0
-      debug: 4.4.0
-      gensync: 1.0.0-beta.2
-      json5: 2.2.3
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/generator@7.17.7':
     dependencies:
       '@babel/types': 7.26.3
@@ -6665,31 +6096,6 @@ snapshots:
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 3.1.0
 
-  '@babel/helper-annotate-as-pure@7.25.9':
-    dependencies:
-      '@babel/types': 7.26.3
-
-  '@babel/helper-compilation-targets@7.25.9':
-    dependencies:
-      '@babel/compat-data': 7.26.3
-      '@babel/helper-validator-option': 7.25.9
-      browserslist: 4.24.4
-      lru-cache: 5.1.1
-      semver: 6.3.1
-
-  '@babel/helper-create-class-features-plugin@7.25.9(@babel/core@7.26.0)':
-    dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-member-expression-to-functions': 7.25.9
-      '@babel/helper-optimise-call-expression': 7.25.9
-      '@babel/helper-replace-supers': 7.25.9(@babel/core@7.26.0)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/traverse': 7.26.4
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/helper-environment-visitor@7.24.7':
     dependencies:
       '@babel/types': 7.26.3
@@ -6703,51 +6109,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.26.3
 
-  '@babel/helper-member-expression-to-functions@7.25.9':
-    dependencies:
-      '@babel/traverse': 7.26.4
-      '@babel/types': 7.26.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-module-imports@7.25.9':
-    dependencies:
-      '@babel/traverse': 7.26.4
-      '@babel/types': 7.26.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-module-transforms@7.26.0(@babel/core@7.26.0)':
-    dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-module-imports': 7.25.9
-      '@babel/helper-validator-identifier': 7.25.9
-      '@babel/traverse': 7.26.4
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-optimise-call-expression@7.25.9':
-    dependencies:
-      '@babel/types': 7.26.3
-
-  '@babel/helper-plugin-utils@7.25.9': {}
-
-  '@babel/helper-replace-supers@7.25.9(@babel/core@7.26.0)':
-    dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-member-expression-to-functions': 7.25.9
-      '@babel/helper-optimise-call-expression': 7.25.9
-      '@babel/traverse': 7.26.4
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-skip-transparent-expression-wrappers@7.25.9':
-    dependencies:
-      '@babel/traverse': 7.26.4
-      '@babel/types': 7.26.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/helper-split-export-declaration@7.24.7':
     dependencies:
       '@babel/types': 7.26.3
@@ -6756,33 +6117,10 @@ snapshots:
 
   '@babel/helper-validator-identifier@7.25.9': {}
 
-  '@babel/helper-validator-option@7.25.9': {}
-
-  '@babel/helpers@7.26.0':
-    dependencies:
-      '@babel/template': 7.25.9
-      '@babel/types': 7.26.3
-
   '@babel/parser@7.26.3':
     dependencies:
       '@babel/types': 7.26.3
 
-  '@babel/plugin-syntax-typescript@7.25.9(@babel/core@7.26.0)':
-    dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-plugin-utils': 7.25.9
-
-  '@babel/plugin-transform-typescript@7.26.3(@babel/core@7.26.0)':
-    dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.0)
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.26.0)
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/runtime@7.26.0':
     dependencies:
       regenerator-runtime: 0.14.1
@@ -6808,18 +6146,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/traverse@7.26.4':
-    dependencies:
-      '@babel/code-frame': 7.26.2
-      '@babel/generator': 7.26.3
-      '@babel/parser': 7.26.3
-      '@babel/template': 7.25.9
-      '@babel/types': 7.26.3
-      debug: 4.4.0
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/types@7.17.0':
     dependencies:
       '@babel/helper-validator-identifier': 7.25.9
@@ -6989,6 +6315,17 @@ snapshots:
       human-id: 1.0.2
       prettier: 2.8.8
 
+  '@clack/core@0.4.1':
+    dependencies:
+      picocolors: 1.1.1
+      sisteransi: 1.0.5
+
+  '@clack/prompts@0.9.1':
+    dependencies:
+      '@clack/core': 0.4.1
+      picocolors: 1.1.1
+      sisteransi: 1.0.5
+
   '@commitlint/cli@17.8.1':
     dependencies:
       '@commitlint/format': 17.8.1
@@ -7120,97 +6457,64 @@ snapshots:
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
-  '@esbuild/android-arm64@0.17.19':
-    optional: true
-
   '@esbuild/android-arm64@0.23.1':
     optional: true
 
   '@esbuild/android-arm64@0.24.2':
     optional: true
 
-  '@esbuild/android-arm@0.17.19':
-    optional: true
-
   '@esbuild/android-arm@0.23.1':
     optional: true
 
   '@esbuild/android-arm@0.24.2':
     optional: true
 
-  '@esbuild/android-x64@0.17.19':
-    optional: true
-
   '@esbuild/android-x64@0.23.1':
     optional: true
 
   '@esbuild/android-x64@0.24.2':
     optional: true
 
-  '@esbuild/darwin-arm64@0.17.19':
-    optional: true
-
   '@esbuild/darwin-arm64@0.23.1':
     optional: true
 
   '@esbuild/darwin-arm64@0.24.2':
     optional: true
 
-  '@esbuild/darwin-x64@0.17.19':
-    optional: true
-
   '@esbuild/darwin-x64@0.23.1':
     optional: true
 
   '@esbuild/darwin-x64@0.24.2':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.17.19':
-    optional: true
-
   '@esbuild/freebsd-arm64@0.23.1':
     optional: true
 
   '@esbuild/freebsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/freebsd-x64@0.17.19':
-    optional: true
-
   '@esbuild/freebsd-x64@0.23.1':
     optional: true
 
   '@esbuild/freebsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/linux-arm64@0.17.19':
-    optional: true
-
   '@esbuild/linux-arm64@0.23.1':
     optional: true
 
   '@esbuild/linux-arm64@0.24.2':
     optional: true
 
-  '@esbuild/linux-arm@0.17.19':
-    optional: true
-
   '@esbuild/linux-arm@0.23.1':
     optional: true
 
   '@esbuild/linux-arm@0.24.2':
     optional: true
 
-  '@esbuild/linux-ia32@0.17.19':
-    optional: true
-
   '@esbuild/linux-ia32@0.23.1':
     optional: true
 
-  '@esbuild/linux-ia32@0.24.2':
-    optional: true
-
-  '@esbuild/linux-loong64@0.17.19':
+  '@esbuild/linux-ia32@0.24.2':
     optional: true
 
   '@esbuild/linux-loong64@0.23.1':
@@ -7219,45 +6523,30 @@ snapshots:
   '@esbuild/linux-loong64@0.24.2':
     optional: true
 
-  '@esbuild/linux-mips64el@0.17.19':
-    optional: true
-
   '@esbuild/linux-mips64el@0.23.1':
     optional: true
 
   '@esbuild/linux-mips64el@0.24.2':
     optional: true
 
-  '@esbuild/linux-ppc64@0.17.19':
-    optional: true
-
   '@esbuild/linux-ppc64@0.23.1':
     optional: true
 
   '@esbuild/linux-ppc64@0.24.2':
     optional: true
 
-  '@esbuild/linux-riscv64@0.17.19':
-    optional: true
-
   '@esbuild/linux-riscv64@0.23.1':
     optional: true
 
   '@esbuild/linux-riscv64@0.24.2':
     optional: true
 
-  '@esbuild/linux-s390x@0.17.19':
-    optional: true
-
   '@esbuild/linux-s390x@0.23.1':
     optional: true
 
   '@esbuild/linux-s390x@0.24.2':
     optional: true
 
-  '@esbuild/linux-x64@0.17.19':
-    optional: true
-
   '@esbuild/linux-x64@0.23.1':
     optional: true
 
@@ -7267,9 +6556,6 @@ snapshots:
   '@esbuild/netbsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/netbsd-x64@0.17.19':
-    optional: true
-
   '@esbuild/netbsd-x64@0.23.1':
     optional: true
 
@@ -7282,45 +6568,30 @@ snapshots:
   '@esbuild/openbsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/openbsd-x64@0.17.19':
-    optional: true
-
   '@esbuild/openbsd-x64@0.23.1':
     optional: true
 
   '@esbuild/openbsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/sunos-x64@0.17.19':
-    optional: true
-
   '@esbuild/sunos-x64@0.23.1':
     optional: true
 
   '@esbuild/sunos-x64@0.24.2':
     optional: true
 
-  '@esbuild/win32-arm64@0.17.19':
-    optional: true
-
   '@esbuild/win32-arm64@0.23.1':
     optional: true
 
   '@esbuild/win32-arm64@0.24.2':
     optional: true
 
-  '@esbuild/win32-ia32@0.17.19':
-    optional: true
-
   '@esbuild/win32-ia32@0.23.1':
     optional: true
 
   '@esbuild/win32-ia32@0.24.2':
     optional: true
 
-  '@esbuild/win32-x64@0.17.19':
-    optional: true
-
   '@esbuild/win32-x64@0.23.1':
     optional: true
 
@@ -7493,10 +6764,6 @@ snapshots:
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
-  '@isaacs/fs-minipass@4.0.1':
-    dependencies:
-      minipass: 7.1.2
-
   '@jridgewell/gen-mapping@0.3.8':
     dependencies:
       '@jridgewell/set-array': 1.2.1
@@ -9772,6 +9039,63 @@ snapshots:
     dependencies:
       react: 19.0.0
 
+  '@rollup/rollup-android-arm-eabi@4.32.1':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.32.1':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.32.1':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.32.1':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.32.1':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.32.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.32.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.32.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.32.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.32.1':
+    optional: true
+
+  '@rollup/rollup-linux-loongarch64-gnu@4.32.1':
+    optional: true
+
+  '@rollup/rollup-linux-powerpc64le-gnu@4.32.1':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.32.1':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.32.1':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.32.1':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.32.1':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.32.1':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.32.1':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.32.1':
+    optional: true
+
   '@rtsao/scc@1.1.0': {}
 
   '@rushstack/eslint-patch@1.10.5': {}
@@ -9906,13 +9230,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@ts-morph/common@0.19.0':
-    dependencies:
-      fast-glob: 3.3.3
-      minimatch: 7.4.6
-      mkdirp: 2.1.6
-      path-browserify: 1.0.1
-
   '@ts-morph/common@0.25.0':
     dependencies:
       minimatch: 9.0.5
@@ -9931,37 +9248,10 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.6
 
-  '@types/async-retry@1.4.9':
-    dependencies:
-      '@types/retry': 0.12.5
-
-  '@types/babel__core@7.20.5':
-    dependencies:
-      '@babel/parser': 7.26.3
-      '@babel/types': 7.26.3
-      '@types/babel__generator': 7.6.8
-      '@types/babel__template': 7.4.4
-      '@types/babel__traverse': 7.20.6
-
-  '@types/babel__generator@7.6.8':
-    dependencies:
-      '@babel/types': 7.26.3
-
-  '@types/babel__template@7.4.4':
-    dependencies:
-      '@babel/parser': 7.26.3
-      '@babel/types': 7.26.3
-
-  '@types/babel__traverse@7.20.6':
-    dependencies:
-      '@babel/types': 7.26.3
-
   '@types/debug@4.1.12':
     dependencies:
       '@types/ms': 0.7.34
 
-  '@types/diff@5.2.3': {}
-
   '@types/estree-jsx@1.0.5':
     dependencies:
       '@types/estree': 1.0.6
@@ -9985,12 +9275,6 @@ snapshots:
     dependencies:
       '@types/node': 18.19.70
 
-  '@types/lodash.template@4.5.3':
-    dependencies:
-      '@types/lodash': 4.17.14
-
-  '@types/lodash@4.17.14': {}
-
   '@types/mdast@4.0.4':
     dependencies:
       '@types/unist': 3.0.3
@@ -10015,11 +9299,6 @@ snapshots:
 
   '@types/normalize-package-data@2.4.4': {}
 
-  '@types/prompts@2.4.9':
-    dependencies:
-      '@types/node': 18.19.70
-      kleur: 3.0.3
-
   '@types/react-dom@19.0.2(@types/react@19.0.4)':
     dependencies:
       '@types/react': 19.0.4
@@ -10028,18 +9307,12 @@ snapshots:
     dependencies:
       csstype: 3.1.3
 
-  '@types/retry@0.12.5': {}
-
   '@types/semver@6.2.7': {}
 
-  '@types/stringify-object@4.0.5': {}
-
   '@types/unist@2.0.11': {}
 
   '@types/unist@3.0.3': {}
 
-  '@types/validate-npm-package-name@4.0.2': {}
-
   '@typescript-eslint/eslint-plugin@8.19.1(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint@8.57.1)(typescript@5.7.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
@@ -10139,12 +9412,6 @@ snapshots:
 
   acorn@8.14.0: {}
 
-  agent-base@7.1.3: {}
-
-  ajv-formats@3.0.1(ajv@8.17.1):
-    optionalDependencies:
-      ajv: 8.17.1
-
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -10274,21 +9541,8 @@ snapshots:
 
   ast-types-flow@0.0.8: {}
 
-  ast-types@0.16.1:
-    dependencies:
-      tslib: 2.8.1
-
   astring@1.9.0: {}
 
-  async-retry@1.3.3:
-    dependencies:
-      retry: 0.13.1
-
-  atomically@2.0.3:
-    dependencies:
-      stubborn-fs: 1.2.5
-      when-exit: 2.1.3
-
   autoprefixer@10.4.20(postcss@8.4.49):
     dependencies:
       browserslist: 4.24.4
@@ -10315,20 +9569,12 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
-  base64-js@1.5.1: {}
-
   better-path-resolve@1.0.0:
     dependencies:
       is-windows: 1.0.2
 
   binary-extensions@2.3.0: {}
 
-  bl@5.1.0:
-    dependencies:
-      buffer: 6.0.3
-      inherits: 2.0.4
-      readable-stream: 3.6.2
-
   brace-expansion@1.1.11:
     dependencies:
       balanced-match: 1.0.2
@@ -10349,16 +9595,11 @@ snapshots:
       node-releases: 2.0.19
       update-browserslist-db: 1.1.2(browserslist@4.24.4)
 
-  buffer@6.0.3:
-    dependencies:
-      base64-js: 1.5.1
-      ieee754: 1.2.1
-
   builtins@1.0.3: {}
 
-  bundle-require@4.2.1(esbuild@0.17.19):
+  bundle-require@5.1.0(esbuild@0.24.2):
     dependencies:
-      esbuild: 0.17.19
+      esbuild: 0.24.2
       load-tsconfig: 0.2.5
 
   busboy@1.6.0:
@@ -10423,8 +9664,6 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  chalk@5.4.1: {}
-
   character-entities-html4@2.1.0: {}
 
   character-entities-legacy@3.0.0: {}
@@ -10451,14 +9690,10 @@ snapshots:
     dependencies:
       readdirp: 4.0.2
 
-  chownr@3.0.0: {}
-
   chroma-js@2.6.0: {}
 
   ci-info@3.9.0: {}
 
-  ci-info@4.1.0: {}
-
   ciebase@0.1.1:
     dependencies:
       mout: 0.11.1
@@ -10468,12 +9703,6 @@ snapshots:
       ciebase: 0.1.1
       mout: 0.11.1
 
-  cli-cursor@4.0.0:
-    dependencies:
-      restore-cursor: 4.0.0
-
-  cli-spinners@2.9.2: {}
-
   client-only@0.0.1: {}
 
   cliui@8.0.1:
@@ -10482,8 +9711,6 @@ snapshots:
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
 
-  clone@1.0.4: {}
-
   clsx@2.1.1: {}
 
   cmdk@1.0.4(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
@@ -10498,8 +9725,6 @@ snapshots:
       - '@types/react'
       - '@types/react-dom'
 
-  code-block-writer@12.0.0: {}
-
   code-block-writer@13.0.3: {}
 
   collapse-white-space@2.1.0: {}
@@ -10543,23 +9768,13 @@ snapshots:
 
   concat-map@0.0.1: {}
 
-  conf@13.1.0:
-    dependencies:
-      ajv: 8.17.1
-      ajv-formats: 3.0.1(ajv@8.17.1)
-      atomically: 2.0.3
-      debounce-fn: 6.0.0
-      dot-prop: 9.0.0
-      env-paths: 3.0.0
-      json-schema-typed: 8.0.1
-      semver: 7.6.3
-      uint8array-extras: 1.4.0
-
   config-chain@1.1.13:
     dependencies:
       ini: 1.3.8
       proto-list: 1.2.4
 
+  consola@3.4.0: {}
+
   conventional-changelog-angular@6.0.0:
     dependencies:
       compare-func: 2.0.0
@@ -10575,8 +9790,6 @@ snapshots:
       meow: 8.1.2
       split2: 3.2.2
 
-  convert-source-map@2.0.0: {}
-
   cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.7.3))(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.7.3))(typescript@5.7.3):
     dependencies:
       '@types/node': 20.5.1
@@ -10615,8 +9828,6 @@ snapshots:
 
   dargs@7.0.0: {}
 
-  data-uri-to-buffer@4.0.1: {}
-
   data-view-buffer@1.0.2:
     dependencies:
       call-bound: 1.0.3
@@ -10637,10 +9848,6 @@ snapshots:
 
   dataloader@1.4.0: {}
 
-  debounce-fn@6.0.0:
-    dependencies:
-      mimic-function: 5.0.1
-
   debug@3.2.7:
     dependencies:
       ms: 2.1.3
@@ -10670,12 +9877,6 @@ snapshots:
 
   deep-is@0.1.4: {}
 
-  deepmerge@4.3.1: {}
-
-  defaults@1.0.4:
-    dependencies:
-      clone: 1.0.4
-
   defer-to-connect@2.0.1: {}
 
   define-data-property@1.1.4:
@@ -10708,8 +9909,6 @@ snapshots:
 
   diff@4.0.2: {}
 
-  diff@5.2.0: {}
-
   dir-glob@3.0.1:
     dependencies:
       path-type: 4.0.0
@@ -10728,10 +9927,6 @@ snapshots:
     dependencies:
       is-obj: 2.0.0
 
-  dot-prop@9.0.0:
-    dependencies:
-      type-fest: 4.32.0
-
   dotenv@16.0.3: {}
 
   dotenv@8.6.0: {}
@@ -10762,8 +9957,6 @@ snapshots:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
 
-  env-paths@3.0.0: {}
-
   error-ex@1.3.2:
     dependencies:
       is-arrayish: 0.2.1
@@ -10880,31 +10073,6 @@ snapshots:
       esast-util-from-estree: 2.0.0
       vfile-message: 4.0.2
 
-  esbuild@0.17.19:
-    optionalDependencies:
-      '@esbuild/android-arm': 0.17.19
-      '@esbuild/android-arm64': 0.17.19
-      '@esbuild/android-x64': 0.17.19
-      '@esbuild/darwin-arm64': 0.17.19
-      '@esbuild/darwin-x64': 0.17.19
-      '@esbuild/freebsd-arm64': 0.17.19
-      '@esbuild/freebsd-x64': 0.17.19
-      '@esbuild/linux-arm': 0.17.19
-      '@esbuild/linux-arm64': 0.17.19
-      '@esbuild/linux-ia32': 0.17.19
-      '@esbuild/linux-loong64': 0.17.19
-      '@esbuild/linux-mips64el': 0.17.19
-      '@esbuild/linux-ppc64': 0.17.19
-      '@esbuild/linux-riscv64': 0.17.19
-      '@esbuild/linux-s390x': 0.17.19
-      '@esbuild/linux-x64': 0.17.19
-      '@esbuild/netbsd-x64': 0.17.19
-      '@esbuild/openbsd-x64': 0.17.19
-      '@esbuild/sunos-x64': 0.17.19
-      '@esbuild/win32-arm64': 0.17.19
-      '@esbuild/win32-ia32': 0.17.19
-      '@esbuild/win32-x64': 0.17.19
-
   esbuild@0.23.1:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.23.1
@@ -11232,18 +10400,6 @@ snapshots:
       signal-exit: 3.0.7
       strip-final-newline: 2.0.0
 
-  execa@7.2.0:
-    dependencies:
-      cross-spawn: 7.0.6
-      get-stream: 6.0.1
-      human-signals: 4.3.1
-      is-stream: 3.0.0
-      merge-stream: 2.0.0
-      npm-run-path: 5.3.0
-      onetime: 6.0.0
-      signal-exit: 3.0.7
-      strip-final-newline: 3.0.0
-
   extend-shallow@2.0.1:
     dependencies:
       is-extendable: 0.1.1
@@ -11282,11 +10438,6 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.2
 
-  fetch-blob@3.2.0:
-    dependencies:
-      node-domexception: 1.0.0
-      web-streams-polyfill: 3.3.3
-
   file-entry-cache@6.0.1:
     dependencies:
       flat-cache: 3.2.0
@@ -11324,10 +10475,6 @@ snapshots:
 
   form-data-encoder@2.1.4: {}
 
-  formdata-polyfill@4.0.10:
-    dependencies:
-      fetch-blob: 3.2.0
-
   fraction.js@4.3.7: {}
 
   framer-motion@11.16.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
@@ -11345,6 +10492,12 @@ snapshots:
       jsonfile: 6.1.0
       universalify: 2.0.1
 
+  fs-extra@11.3.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
+
   fs-extra@7.0.1:
     dependencies:
       graceful-fs: 4.2.11
@@ -11444,8 +10597,6 @@ snapshots:
 
   functions-have-names@1.2.3: {}
 
-  gensync@1.0.0-beta.2: {}
-
   get-caller-file@2.0.5: {}
 
   get-intrinsic@1.2.7:
@@ -11463,8 +10614,6 @@ snapshots:
 
   get-nonce@1.0.1: {}
 
-  get-own-enumerable-keys@1.0.0: {}
-
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
@@ -11694,25 +10843,14 @@ snapshots:
       quick-lru: 5.1.1
       resolve-alpn: 1.2.1
 
-  https-proxy-agent@6.2.1:
-    dependencies:
-      agent-base: 7.1.3
-      debug: 4.4.0
-    transitivePeerDependencies:
-      - supports-color
-
   human-id@1.0.2: {}
 
   human-signals@2.1.0: {}
 
-  human-signals@4.3.1: {}
-
   iconv-lite@0.4.24:
     dependencies:
       safer-buffer: 2.1.2
 
-  ieee754@1.2.1: {}
-
   ignore@5.3.2: {}
 
   image-size@1.2.0:
@@ -11837,8 +10975,6 @@ snapshots:
 
   is-hexadecimal@2.0.1: {}
 
-  is-interactive@2.0.0: {}
-
   is-map@2.0.3: {}
 
   is-number-object@1.1.1:
@@ -11850,8 +10986,6 @@ snapshots:
 
   is-obj@2.0.0: {}
 
-  is-obj@3.0.0: {}
-
   is-path-inside@3.0.3: {}
 
   is-plain-obj@1.1.0: {}
@@ -11865,8 +10999,6 @@ snapshots:
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
-  is-regexp@3.1.0: {}
-
   is-set@2.0.3: {}
 
   is-shared-array-buffer@1.0.4:
@@ -11875,8 +11007,6 @@ snapshots:
 
   is-stream@2.0.1: {}
 
-  is-stream@3.0.0: {}
-
   is-string@1.1.1:
     dependencies:
       call-bound: 1.0.3
@@ -11900,8 +11030,6 @@ snapshots:
     dependencies:
       which-typed-array: 1.1.18
 
-  is-unicode-supported@1.3.0: {}
-
   is-weakmap@2.0.2: {}
 
   is-weakref@1.1.0:
@@ -11987,8 +11115,6 @@ snapshots:
 
   json-schema-traverse@1.0.0: {}
 
-  json-schema-typed@8.0.1: {}
-
   json-stable-stringify-without-jsonify@1.0.1: {}
 
   json5@1.0.2:
@@ -12022,10 +11148,6 @@ snapshots:
 
   kind-of@6.0.3: {}
 
-  kleur@3.0.3: {}
-
-  kleur@4.1.5: {}
-
   language-subtag-registry@0.3.23: {}
 
   language-tags@1.0.9:
@@ -12082,8 +11204,6 @@ snapshots:
       lightningcss-win32-arm64-msvc: 1.29.1
       lightningcss-win32-x64-msvc: 1.29.1
 
-  lilconfig@2.1.0: {}
-
   lilconfig@3.1.3: {}
 
   lines-and-columns@1.2.4: {}
@@ -12098,8 +11218,6 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
-  lodash._reinterpolate@3.0.0: {}
-
   lodash.camelcase@4.3.0: {}
 
   lodash.isfunction@3.0.9: {}
@@ -12118,26 +11236,12 @@ snapshots:
 
   lodash.startcase@4.4.0: {}
 
-  lodash.template@4.5.0:
-    dependencies:
-      lodash._reinterpolate: 3.0.0
-      lodash.templatesettings: 4.2.0
-
-  lodash.templatesettings@4.2.0:
-    dependencies:
-      lodash._reinterpolate: 3.0.0
-
   lodash.uniq@4.5.0: {}
 
   lodash.upperfirst@4.3.1: {}
 
   lodash@4.17.21: {}
 
-  log-symbols@5.1.0:
-    dependencies:
-      chalk: 5.4.1
-      is-unicode-supported: 1.3.0
-
   longest-streak@3.1.0: {}
 
   loose-envify@1.4.0:
@@ -12155,10 +11259,6 @@ snapshots:
       pseudomap: 1.0.2
       yallist: 2.1.2
 
-  lru-cache@5.1.1:
-    dependencies:
-      yallist: 3.1.1
-
   lru-cache@6.0.0:
     dependencies:
       yallist: 4.0.0
@@ -12633,10 +11733,6 @@ snapshots:
 
   mimic-fn@2.1.0: {}
 
-  mimic-fn@4.0.0: {}
-
-  mimic-function@5.0.1: {}
-
   mimic-response@3.1.0: {}
 
   mimic-response@4.0.0: {}
@@ -12651,10 +11747,6 @@ snapshots:
     dependencies:
       brace-expansion: 1.1.11
 
-  minimatch@7.4.6:
-    dependencies:
-      brace-expansion: 2.0.1
-
   minimatch@9.0.5:
     dependencies:
       brace-expansion: 2.0.1
@@ -12669,15 +11761,6 @@ snapshots:
 
   minipass@7.1.2: {}
 
-  minizlib@3.0.1:
-    dependencies:
-      minipass: 7.1.2
-      rimraf: 5.0.10
-
-  mkdirp@2.1.6: {}
-
-  mkdirp@3.0.1: {}
-
   motion-dom@11.16.4:
     dependencies:
       motion-utils: 11.16.0
@@ -12744,18 +11827,10 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
-  node-domexception@1.0.0: {}
-
   node-fetch@2.7.0:
     dependencies:
       whatwg-url: 5.0.0
 
-  node-fetch@3.3.2:
-    dependencies:
-      data-uri-to-buffer: 4.0.1
-      fetch-blob: 3.2.0
-      formdata-polyfill: 4.0.10
-
   node-releases@2.0.19: {}
 
   normalize-package-data@2.5.0:
@@ -12782,10 +11857,6 @@ snapshots:
     dependencies:
       path-key: 3.1.1
 
-  npm-run-path@5.3.0:
-    dependencies:
-      path-key: 4.0.0
-
   npm-to-yarn@3.0.1: {}
 
   object-assign@4.1.1: {}
@@ -12839,10 +11910,6 @@ snapshots:
     dependencies:
       mimic-fn: 2.1.0
 
-  onetime@6.0.0:
-    dependencies:
-      mimic-fn: 4.0.0
-
   oniguruma-to-es@0.10.0:
     dependencies:
       emoji-regex-xs: 1.0.0
@@ -12858,18 +11925,6 @@ snapshots:
       type-check: 0.4.0
       word-wrap: 1.2.5
 
-  ora@6.3.1:
-    dependencies:
-      chalk: 5.4.1
-      cli-cursor: 4.0.0
-      cli-spinners: 2.9.2
-      is-interactive: 2.0.0
-      is-unicode-supported: 1.3.0
-      log-symbols: 5.1.0
-      stdin-discarder: 0.1.0
-      strip-ansi: 7.1.0
-      wcwidth: 1.0.1
-
   os-tmpdir@1.0.2: {}
 
   outdent@0.5.0: {}
@@ -12959,8 +12014,6 @@ snapshots:
 
   path-key@3.1.1: {}
 
-  path-key@4.0.0: {}
-
   path-parse@1.0.7: {}
 
   path-scurry@1.11.1:
@@ -13001,21 +12054,22 @@ snapshots:
       camelcase-css: 2.0.1
       postcss: 8.4.49
 
-  postcss-load-config@3.1.4(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3)):
+  postcss-load-config@4.0.2(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3)):
     dependencies:
-      lilconfig: 2.1.0
-      yaml: 1.10.2
+      lilconfig: 3.1.3
+      yaml: 2.7.0
     optionalDependencies:
       postcss: 8.4.49
       ts-node: 10.9.2(@types/node@22.8.1)(typescript@5.7.3)
 
-  postcss-load-config@4.0.2(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3)):
+  postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(tsx@4.19.2)(yaml@2.7.0):
     dependencies:
       lilconfig: 3.1.3
-      yaml: 2.7.0
     optionalDependencies:
+      jiti: 2.4.2
       postcss: 8.4.49
-      ts-node: 10.9.2(@types/node@22.8.1)(typescript@5.7.3)
+      tsx: 4.19.2
+      yaml: 2.7.0
 
   postcss-nested@6.2.0(postcss@8.4.49):
     dependencies:
@@ -13053,11 +12107,6 @@ snapshots:
 
   prettier@3.4.2: {}
 
-  prompts@2.4.2:
-    dependencies:
-      kleur: 3.0.3
-      sisteransi: 1.0.5
-
   prop-types@15.8.1:
     dependencies:
       loose-envify: 1.4.0
@@ -13355,14 +12404,6 @@ snapshots:
 
   readdirp@4.0.2: {}
 
-  recast@0.23.9:
-    dependencies:
-      ast-types: 0.16.1
-      esprima: 4.0.1
-      source-map: 0.6.1
-      tiny-invariant: 1.3.3
-      tslib: 2.8.1
-
   recma-build-jsx@1.0.0:
     dependencies:
       '@types/estree': 1.0.6
@@ -13529,30 +12570,40 @@ snapshots:
     dependencies:
       lowercase-keys: 3.0.0
 
-  restore-cursor@4.0.0:
-    dependencies:
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-
-  retry@0.13.1: {}
-
   reusify@1.0.4: {}
 
   rimraf@3.0.2:
     dependencies:
       glob: 7.2.3
 
-  rimraf@5.0.10:
-    dependencies:
-      glob: 10.4.5
-
   rimraf@6.0.1:
     dependencies:
       glob: 11.0.0
       package-json-from-dist: 1.0.1
 
-  rollup@3.29.5:
+  rollup@4.32.1:
+    dependencies:
+      '@types/estree': 1.0.6
     optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.32.1
+      '@rollup/rollup-android-arm64': 4.32.1
+      '@rollup/rollup-darwin-arm64': 4.32.1
+      '@rollup/rollup-darwin-x64': 4.32.1
+      '@rollup/rollup-freebsd-arm64': 4.32.1
+      '@rollup/rollup-freebsd-x64': 4.32.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.32.1
+      '@rollup/rollup-linux-arm-musleabihf': 4.32.1
+      '@rollup/rollup-linux-arm64-gnu': 4.32.1
+      '@rollup/rollup-linux-arm64-musl': 4.32.1
+      '@rollup/rollup-linux-loongarch64-gnu': 4.32.1
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.32.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.32.1
+      '@rollup/rollup-linux-s390x-gnu': 4.32.1
+      '@rollup/rollup-linux-x64-gnu': 4.32.1
+      '@rollup/rollup-linux-x64-musl': 4.32.1
+      '@rollup/rollup-win32-arm64-msvc': 4.32.1
+      '@rollup/rollup-win32-ia32-msvc': 4.32.1
+      '@rollup/rollup-win32-x64-msvc': 4.32.1
       fsevents: 2.3.3
 
   run-parallel@1.2.0:
@@ -13723,8 +12774,6 @@ snapshots:
 
   source-map@0.5.7: {}
 
-  source-map@0.6.1: {}
-
   source-map@0.7.4: {}
 
   source-map@0.8.0-beta.0:
@@ -13765,10 +12814,6 @@ snapshots:
 
   stable-hash@0.0.4: {}
 
-  stdin-discarder@0.1.0:
-    dependencies:
-      bl: 5.1.0
-
   streamsearch@1.1.0: {}
 
   string-width@4.2.3:
@@ -13842,12 +12887,6 @@ snapshots:
       character-entities-html4: 2.1.0
       character-entities-legacy: 3.0.0
 
-  stringify-object@5.0.0:
-    dependencies:
-      get-own-enumerable-keys: 1.0.0
-      is-obj: 3.0.0
-      is-regexp: 3.1.0
-
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
@@ -13862,8 +12901,6 @@ snapshots:
 
   strip-final-newline@2.0.0: {}
 
-  strip-final-newline@3.0.0: {}
-
   strip-indent@3.0.0:
     dependencies:
       min-indent: 1.0.1
@@ -13872,8 +12909,6 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  stubborn-fs@1.2.5: {}
-
   style-to-object@1.0.8:
     dependencies:
       inline-style-parser: 0.2.4
@@ -13947,15 +12982,6 @@ snapshots:
 
   tapable@2.2.1: {}
 
-  tar@7.4.3:
-    dependencies:
-      '@isaacs/fs-minipass': 4.0.1
-      chownr: 3.0.0
-      minipass: 7.1.2
-      minizlib: 3.0.1
-      mkdirp: 3.0.1
-      yallist: 5.0.0
-
   term-size@2.2.1: {}
 
   text-extensions@1.9.0: {}
@@ -13976,7 +13002,7 @@ snapshots:
 
   through@2.3.8: {}
 
-  tiny-invariant@1.3.3: {}
+  tinyexec@0.3.2: {}
 
   tinyglobby@0.2.10:
     dependencies:
@@ -14013,11 +13039,6 @@ snapshots:
 
   ts-interface-checker@0.1.13: {}
 
-  ts-morph@18.0.0:
-    dependencies:
-      '@ts-morph/common': 0.19.0
-      code-block-writer: 12.0.0
-
   ts-morph@24.0.0:
     dependencies:
       '@ts-morph/common': 0.25.0
@@ -14075,28 +13096,32 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  tsup@6.7.0(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))(typescript@5.7.3):
+  tsup@8.3.6(jiti@2.4.2)(postcss@8.4.49)(tsx@4.19.2)(typescript@5.7.3)(yaml@2.7.0):
     dependencies:
-      bundle-require: 4.2.1(esbuild@0.17.19)
+      bundle-require: 5.1.0(esbuild@0.24.2)
       cac: 6.7.14
-      chokidar: 3.6.0
+      chokidar: 4.0.3
+      consola: 3.4.0
       debug: 4.4.0
-      esbuild: 0.17.19
-      execa: 5.1.1
-      globby: 11.1.0
+      esbuild: 0.24.2
       joycon: 3.1.1
-      postcss-load-config: 3.1.4(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))
+      picocolors: 1.1.1
+      postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.4.49)(tsx@4.19.2)(yaml@2.7.0)
       resolve-from: 5.0.0
-      rollup: 3.29.5
+      rollup: 4.32.1
       source-map: 0.8.0-beta.0
       sucrase: 3.35.0
+      tinyexec: 0.3.2
+      tinyglobby: 0.2.10
       tree-kill: 1.2.2
     optionalDependencies:
       postcss: 8.4.49
       typescript: 5.7.3
     transitivePeerDependencies:
+      - jiti
       - supports-color
-      - ts-node
+      - tsx
+      - yaml
 
   tsx@4.19.2:
     dependencies:
@@ -14144,9 +13169,7 @@ snapshots:
 
   type-fest@0.8.1: {}
 
-  type-fest@3.13.1: {}
-
-  type-fest@4.32.0: {}
+  type-fest@4.33.0: {}
 
   typed-array-buffer@1.0.3:
     dependencies:
@@ -14183,8 +13206,6 @@ snapshots:
 
   typescript@5.7.3: {}
 
-  uint8array-extras@1.4.0: {}
-
   unbox-primitive@1.1.0:
     dependencies:
       call-bound: 1.0.3
@@ -14289,12 +13310,6 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  wcwidth@1.0.1:
-    dependencies:
-      defaults: 1.0.4
-
-  web-streams-polyfill@3.3.3: {}
-
   webidl-conversions@3.0.1: {}
 
   webidl-conversions@4.0.2: {}
@@ -14310,8 +13325,6 @@ snapshots:
       tr46: 1.0.1
       webidl-conversions: 4.0.2
 
-  when-exit@2.1.3: {}
-
   which-boxed-primitive@1.1.1:
     dependencies:
       is-bigint: 1.1.0
@@ -14380,14 +13393,8 @@ snapshots:
 
   yallist@2.1.2: {}
 
-  yallist@3.1.1: {}
-
   yallist@4.0.0: {}
 
-  yallist@5.0.0: {}
-
-  yaml@1.10.2: {}
-
   yaml@2.7.0: {}
 
   yargs-parser@20.2.9: {}
diff --git a/turbo.json b/turbo.json
index bc01ef591..b4e0f8089 100644
--- a/turbo.json
+++ b/turbo.json
@@ -3,7 +3,7 @@
   "tasks": {
     "build": {
       "dependsOn": ["^build"],
-      "outputs": [".next/**", "!.next/cache/**"]
+      "outputs": ["dist/**", ".next/**"]
     },
     "preview": {
       "env": ["NEXT_PUBLIC_APP_URL"],
diff --git a/www/scripts/build-demos.ts b/www/scripts/build-demos.ts
deleted file mode 100644
index 72292893a..000000000
--- a/www/scripts/build-demos.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { existsSync, promises as fs } from "node:fs";
-import path from "path";
-import { rimraf } from "rimraf";
-import { demos } from "@/registry/registry-hooks";
-
-async function buildDemos() {
-  let index = `// This file is autogenerated by scripts/build-registry.ts
-  // Do not edit this file directly.
-  import * as React from "react"
-  
-  export const Index: Record<string, any> = {
-  `;
-
-  // core demos
-  index += `  core: {`;
-
-  for (const item of demos) {
-    const demoPath = item.files[0];
-
-    index += `
-    "${item.name}": {
-      name: "${item.name}",
-      files: ["${demoPath}"],
-      component: React.lazy(() => import("@/${demoPath.replace(".tsx", "")}")),
-    },`;
-  }
-
-  index += `
-  },`;
-
-  index += `
-}
-`;
-
-  const targetPath = path.join(process.cwd(), "src", "__demos__");
-  if (!existsSync(targetPath)) {
-    await fs.mkdir(targetPath, { recursive: true });
-  }
-  rimraf.sync(path.join(targetPath, "index.tsx"));
-  await fs.writeFile(path.join(targetPath, "index.tsx"), index, "utf8");
-}
-
-buildDemos();

From 3472df49ab93c83eb688d182053e6ff14d2e0854 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 31 Jan 2025 15:51:35 +0100
Subject: [PATCH 065/165] fix: fix type errors

---
 packages/cli/package.json                     |   3 +-
 packages/cli/src/commands/add.ts              |   6 +-
 packages/cli/src/helpers/add-primitives.ts    |   3 +-
 packages/cli/src/helpers/registry-api.ts      |   4 +-
 packages/cli/src/types.ts                     |   2 +-
 packages/cli/src/utils/index.ts               |   4 +-
 packages/cli/src/utils/spinner.ts             |   4 +-
 pnpm-lock.yaml                                |   6 +-
 www/.gitignore                                |   3 +-
 www/scripts/build-internal-registry.ts        |   2 +-
 www/src/__registry__/core/alert-01.tsx        | 110 ---------
 www/src/__registry__/core/alert-02.tsx        | 109 ---------
 www/src/__registry__/core/alert-03.tsx        | 109 ---------
 www/src/__registry__/core/alert-04.tsx        | 109 ---------
 www/src/__registry__/core/alert-05.tsx        | 109 ---------
 www/src/__registry__/core/avatar.tsx          | 148 ------------
 www/src/__registry__/core/badge.tsx           |  41 ----
 www/src/__registry__/core/button-01.tsx       | 126 -----------
 www/src/__registry__/core/button-02.tsx       | 125 -----------
 www/src/__registry__/core/button-03.tsx       | 125 -----------
 www/src/__registry__/core/button-04.tsx       | 134 -----------
 www/src/__registry__/core/button-group.tsx    |  43 ----
 www/src/__registry__/core/checkbox_basic.tsx  | 145 ------------
 www/src/__registry__/core/color-area.tsx      |  37 ---
 www/src/__registry__/core/color-field.tsx     |  78 -------
 www/src/__registry__/core/color-picker.tsx    | 181 ---------------
 www/src/__registry__/core/color-slider.tsx    | 117 ----------
 www/src/__registry__/core/color-swatch.tsx    |  32 ---
 www/src/__registry__/core/color-thumb.tsx     |  28 ---
 www/src/__registry__/core/combobox.tsx        |  89 --------
 www/src/__registry__/core/date-field.tsx      |  70 ------
 www/src/__registry__/core/date-input.tsx      |  49 ----
 www/src/__registry__/core/date-picker.tsx     |  98 --------
 .../__registry__/core/date-range-picker.tsx   |  99 --------
 www/src/__registry__/core/drop-zone.tsx       |  40 ----
 www/src/__registry__/core/field.tsx           | 146 ------------
 www/src/__registry__/core/file-trigger.tsx    |   6 -
 www/src/__registry__/demos.tsx                |   7 -
 .../(app)/themes/components/theme-select.tsx  |   4 +-
 www/src/app/internal/page.tsx                 |  18 +-
 www/src/components/core/input.tsx             |   2 +-
 www/src/components/docs/code-block-client.tsx |   6 +-
 www/src/components/docs/style-switcher.tsx    |   2 +-
 www/src/components/docs/theme-customizer.tsx  |   4 +-
 www/src/components/docs/theme-override.tsx    |  97 +-------
 www/src/components/docs/toc.tsx               |   2 +-
 www/src/components/dynamic-core/input.tsx     |   2 +-
 www/src/components/header.tsx                 |   5 +-
 www/src/components/search-command-client.tsx  |   2 +-
 www/src/components/sidebar.tsx                |   5 +-
 www/src/demos/alert/action.tsx                |   5 +-
 www/src/demos/alert/content.tsx               |   7 +-
 www/src/demos/checkbox-group/cards.tsx        |   2 +-
 www/src/demos/checkbox-group/required.tsx     |  30 +--
 www/src/demos/color-field/loading.tsx         |  11 -
 www/src/demos/color-field/required.tsx        |  11 +-
 www/src/demos/date-picker/controlled.tsx      |   9 +-
 .../demos/date-range-picker/controlled.tsx    |   3 +-
 www/src/demos/menu/placement.tsx              |   9 +-
 www/src/demos/number-field/required.tsx       |   9 +-
 www/src/demos/radio-group/required.tsx        |  32 +--
 www/src/demos/registry.ts                     |   1 -
 www/src/demos/search-field/loading.tsx        |  11 -
 .../demos/search-field/prefix-and-suffix.tsx  |  25 ---
 www/src/demos/search-field/required.tsx       |   9 +-
 www/src/demos/slider/format-options.tsx       |   2 +-
 www/src/demos/slider/range.tsx                |   2 +-
 www/src/demos/slider/step.tsx                 |   8 +-
 www/src/demos/slider/value-label.tsx          |   5 +-
 www/src/demos/table/reordable.tsx             |   1 +
 www/src/demos/text-area/loading.tsx           |  11 -
 www/src/demos/text-area/required.tsx          |   3 -
 www/src/demos/text-field/required.tsx         |  11 +-
 www/src/demos/time-field/loading.tsx          |  13 --
 www/src/demos/time-field/required.tsx         |  11 +-
 www/src/demos/tooltip/with-arrow.tsx          |   2 +-
 www/src/lib/create-icon.tsx                   |  17 +-
 www/src/registry/core/avatar.tsx              |  15 +-
 www/src/registry/core/color-field.tsx         |   2 +-
 www/src/registry/core/combobox.tsx            |   2 +-
 www/src/registry/core/command.tsx             |   6 +-
 www/src/registry/core/date-field copy.tsx     |   2 +-
 www/src/registry/core/date-field.tsx          |   2 +-
 www/src/registry/core/date-picker.tsx         |   4 +-
 www/src/registry/core/date-range-picker.tsx   |  10 +-
 www/src/registry/core/input.tsx               | 212 ------------------
 .../core/{input_new.tsx => input_basic.tsx}   |   0
 www/src/registry/core/menu.tsx                |  11 +-
 www/src/registry/core/number-field copy 2.tsx | 142 ------------
 www/src/registry/core/number-field copy.tsx   |  93 --------
 www/src/registry/core/number-field.tsx        |  12 +-
 www/src/registry/core/search-field.tsx        |   2 +-
 www/src/registry/core/tag-group.tsx           |   8 +-
 www/src/registry/core/text-area.tsx           |   2 +-
 www/src/registry/core/text-field.tsx          |   2 +-
 www/src/registry/core/time-field.tsx          |   2 +-
 96 files changed, 130 insertions(+), 3355 deletions(-)
 delete mode 100644 www/src/__registry__/core/alert-01.tsx
 delete mode 100644 www/src/__registry__/core/alert-02.tsx
 delete mode 100644 www/src/__registry__/core/alert-03.tsx
 delete mode 100644 www/src/__registry__/core/alert-04.tsx
 delete mode 100644 www/src/__registry__/core/alert-05.tsx
 delete mode 100644 www/src/__registry__/core/avatar.tsx
 delete mode 100644 www/src/__registry__/core/badge.tsx
 delete mode 100644 www/src/__registry__/core/button-01.tsx
 delete mode 100644 www/src/__registry__/core/button-02.tsx
 delete mode 100644 www/src/__registry__/core/button-03.tsx
 delete mode 100644 www/src/__registry__/core/button-04.tsx
 delete mode 100644 www/src/__registry__/core/button-group.tsx
 delete mode 100644 www/src/__registry__/core/checkbox_basic.tsx
 delete mode 100644 www/src/__registry__/core/color-area.tsx
 delete mode 100644 www/src/__registry__/core/color-field.tsx
 delete mode 100644 www/src/__registry__/core/color-picker.tsx
 delete mode 100644 www/src/__registry__/core/color-slider.tsx
 delete mode 100644 www/src/__registry__/core/color-swatch.tsx
 delete mode 100644 www/src/__registry__/core/color-thumb.tsx
 delete mode 100644 www/src/__registry__/core/combobox.tsx
 delete mode 100644 www/src/__registry__/core/date-field.tsx
 delete mode 100644 www/src/__registry__/core/date-input.tsx
 delete mode 100644 www/src/__registry__/core/date-picker.tsx
 delete mode 100644 www/src/__registry__/core/date-range-picker.tsx
 delete mode 100644 www/src/__registry__/core/drop-zone.tsx
 delete mode 100644 www/src/__registry__/core/field.tsx
 delete mode 100644 www/src/__registry__/core/file-trigger.tsx
 delete mode 100644 www/src/demos/color-field/loading.tsx
 delete mode 100644 www/src/demos/search-field/loading.tsx
 delete mode 100644 www/src/demos/search-field/prefix-and-suffix.tsx
 delete mode 100644 www/src/demos/text-area/loading.tsx
 delete mode 100644 www/src/demos/time-field/loading.tsx
 delete mode 100644 www/src/registry/core/input.tsx
 rename www/src/registry/core/{input_new.tsx => input_basic.tsx} (100%)
 delete mode 100644 www/src/registry/core/number-field copy 2.tsx
 delete mode 100644 www/src/registry/core/number-field copy.tsx

diff --git a/packages/cli/package.json b/packages/cli/package.json
index 46bc56cf9..e2d6bc67d 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -36,6 +36,7 @@
     "start": "node dist/index.js",
     "format": "prettier --write \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
     "format:check": "prettier --check \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
+    "typecheck": "tsc --noEmit",
     "release": "changeset version",
     "pub:beta": "pnpm build && pnpm publish --no-git-checks --access public --tag beta",
     "pub:next": "pnpm build && pnpm publish --no-git-checks --access public --tag next",
@@ -44,6 +45,7 @@
     "test:dev": "REGISTRY_URL=http://localhost:3000/registry vitest run"
   },
   "dependencies": {
+    "@dotui/registry": "workspace:*",
     "@clack/prompts": "^0.9.1",
     "@types/fs-extra": "^11.0.4",
     "commander": "^10.0.0",
@@ -54,7 +56,6 @@
     "type-fest": "^4.33.0"
   },
   "devDependencies": {
-    "@dotui/registry": "workspace:*",
     "@types/node": "^18.17.0",
     "tsup": "^8.3.6",
     "typescript": "^5"
diff --git a/packages/cli/src/commands/add.ts b/packages/cli/src/commands/add.ts
index 86f8ff69c..8010f7aa2 100644
--- a/packages/cli/src/commands/add.ts
+++ b/packages/cli/src/commands/add.ts
@@ -28,7 +28,11 @@ export const addCommand = new Command()
     ) => {
       try {
         p.intro("Adding primitives.");
-        await addPrimitives(components, {}, { overwrite: options.overwrite, message: "Updating your project" });
+        await addPrimitives(
+          components,
+          {},
+          { overwrite: options.overwrite, message: "Updating your project" }
+        );
         p.outro(
           `Successfully added ${c.info("button, text-field, and 21 other components.")}`
         );
diff --git a/packages/cli/src/helpers/add-primitives.ts b/packages/cli/src/helpers/add-primitives.ts
index 10fa70625..013bc36d7 100644
--- a/packages/cli/src/helpers/add-primitives.ts
+++ b/packages/cli/src/helpers/add-primitives.ts
@@ -19,6 +19,7 @@ export async function addPrimitives(
   const addPrimitivesSpinner = spinner();
 
   addPrimitivesSpinner.start(options.message);
+  addPrimitivesSpinner.message("Cheking registry");
   await new Promise((resolve) => setTimeout(resolve, 3000));
   // const tree = await registryResolveItemsTree(primitives, config)
   // if (!tree) {
@@ -47,6 +48,6 @@ export async function addPrimitives(
   // await updateFiles(tree.files, config, {
   //   overwrite: options.overwrite,
   // })
-  
+
   addPrimitivesSpinner.stop(options.message);
 }
diff --git a/packages/cli/src/helpers/registry-api.ts b/packages/cli/src/helpers/registry-api.ts
index ee4c9bcec..365d0307f 100644
--- a/packages/cli/src/helpers/registry-api.ts
+++ b/packages/cli/src/helpers/registry-api.ts
@@ -9,7 +9,9 @@ export const getRegistryThemes = async () => {
 };
 
 // eslint-disable-next-line no-unused-vars
-export const getRegistryTheme = async (themeId: string):Promise<RegistryTheme> => {
+export const getRegistryTheme = async (
+  themeId: string
+): Promise<RegistryTheme> => {
   return {
     id: "darky",
     label: "Darky",
diff --git a/packages/cli/src/types.ts b/packages/cli/src/types.ts
index 60ad0278e..4d4213909 100644
--- a/packages/cli/src/types.ts
+++ b/packages/cli/src/types.ts
@@ -4,4 +4,4 @@ export type Aliases = {
   hooks: string;
   lib: string;
   utils: string;
-}
\ No newline at end of file
+};
diff --git a/packages/cli/src/utils/index.ts b/packages/cli/src/utils/index.ts
index d082212d1..29965e5aa 100644
--- a/packages/cli/src/utils/index.ts
+++ b/packages/cli/src/utils/index.ts
@@ -1,2 +1,2 @@
-export * from "./spinner"
-export * from "./logger"
\ No newline at end of file
+export * from "./spinner";
+export * from "./logger";
diff --git a/packages/cli/src/utils/spinner.ts b/packages/cli/src/utils/spinner.ts
index 4808b6c3c..78b4554c0 100644
--- a/packages/cli/src/utils/spinner.ts
+++ b/packages/cli/src/utils/spinner.ts
@@ -1,5 +1,5 @@
 import { spinner as spinner_ } from "@clack/prompts";
 
-export function spinner () {
-  return spinner_()
+export function spinner() {
+  return spinner_();
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a31e49c10..64b99cf04 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -58,6 +58,9 @@ importers:
       '@clack/prompts':
         specifier: ^0.9.1
         version: 0.9.1
+      '@dotui/registry':
+        specifier: workspace:*
+        version: link:../registry
       '@types/fs-extra':
         specifier: ^11.0.4
         version: 11.0.4
@@ -80,9 +83,6 @@ importers:
         specifier: ^4.33.0
         version: 4.33.0
     devDependencies:
-      '@dotui/registry':
-        specifier: workspace:*
-        version: link:../registry
       '@types/node':
         specifier: ^18.17.0
         version: 18.19.70
diff --git a/www/.gitignore b/www/.gitignore
index 9255db910..7b4aff7a0 100644
--- a/www/.gitignore
+++ b/www/.gitignore
@@ -1,2 +1 @@
-.source
-src/__registry__/core
\ No newline at end of file
+.source
\ No newline at end of file
diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
index ce88c2dbe..f5e1f0d2d 100644
--- a/www/scripts/build-internal-registry.ts
+++ b/www/scripts/build-internal-registry.ts
@@ -178,7 +178,7 @@ async function run() {
   try {
     await setup();
     await buildDemos();
-    await buildCoreComponents();
+    // await buildCoreComponents();
     // await buildIcons();
     console.log("✅ Done!");
   } catch (error) {
diff --git a/www/src/__registry__/core/alert-01.tsx b/www/src/__registry__/core/alert-01.tsx
deleted file mode 100644
index 4aa9aba2c..000000000
--- a/www/src/__registry__/core/alert-01.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  AlertCircleIcon,
-  AlertTriangleIcon,
-  CheckCircle2Icon,
-  InfoIcon,
-} from "lucide-react";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
-
-const alertStyles = tv({
-  slots: {
-    root: "flex w-full items-center gap-4 rounded-lg border p-4 text-sm [&_svg]:size-4",
-    title: "font-medium leading-normal tracking-tight",
-    content: "",
-  },
-  variants: {
-    variant: {
-      neutral: { root: "bg-bg-muted text-fg border" },
-      success: {
-        root: "bg-bg-success-muted border-border-success text-fg-success border",
-      },
-      warning: {
-        root: "bg-bg-warning-muted border-border-warning text-fg-warning border",
-      },
-      danger: {
-        root: "bg-bg-danger-muted border-border-danger text-fg-danger border",
-      },
-      info: {
-        root: "bg-bg-info-muted border-border-info text-fg-info border",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "neutral",
-  },
-});
-
-const { root, title, content } = alertStyles();
-
-const [AlertProvider, useAlertContext] =
-  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
-
-const defaultIcons = {
-  neutral: <InfoIcon />,
-  danger: <AlertCircleIcon />,
-  success: <CheckCircle2Icon />,
-  warning: <AlertTriangleIcon />,
-  info: <InfoIcon />,
-};
-
-interface AlertProps extends AlertRootProps {
-  title?: string;
-  action?: React.ReactNode;
-  icon?: React.ReactNode | null;
-}
-
-function Alert({
-  variant = "neutral",
-  title,
-  action,
-  icon,
-  children,
-  ...props
-}: AlertProps) {
-  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
-  return (
-    <AlertRoot variant={variant} {...props} className="@container items-start">
-      <div className="pt-2">{resolvedIcon}</div>
-      <div className="@sm:items-center @sm:flex-row flex flex-1 flex-col items-start gap-4">
-        <div className="flex-1 space-y-0.5">
-          {title && <AlertTitle>{title}</AlertTitle>}
-          {children && <AlertContent>{children}</AlertContent>}
-        </div>
-        {action}
-      </div>
-    </AlertRoot>
-  );
-}
-
-interface AlertRootProps
-  extends React.ComponentProps<"div">,
-    VariantProps<typeof alertStyles> {}
-
-function AlertRoot({ className, variant, ...props }: AlertRootProps) {
-  return (
-    <AlertProvider variant={variant}>
-      <div role="alert" className={root({ variant, className })} {...props} />
-    </AlertProvider>
-  );
-}
-
-interface AlertTitleProps extends React.ComponentProps<"h5"> {}
-
-function AlertTitle({ className, ...props }: AlertTitleProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <h5 className={title({ variant, className })} {...props} />;
-}
-
-interface AlertContentProps extends React.ComponentProps<"p"> {}
-
-function AlertContent({ className, ...props }: AlertContentProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <div className={content({ variant, className })} {...props} />;
-}
-
-export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
-export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/alert-02.tsx b/www/src/__registry__/core/alert-02.tsx
deleted file mode 100644
index 419bfd71a..000000000
--- a/www/src/__registry__/core/alert-02.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  AlertCircleIcon,
-  AlertTriangleIcon,
-  CheckCircle2Icon,
-  InfoIcon,
-} from "lucide-react";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
-
-const alertStyles = tv({
-  slots: {
-    root: "bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4",
-    title: "mr-1 font-medium leading-normal tracking-tight",
-    content: "text-sm",
-  },
-  variants: {
-    variant: {
-      neutral: { root: "border-bg-primary" },
-      success: {
-        root: "border-bg-success",
-      },
-      warning: {
-        root: "border-bg-warning",
-      },
-      danger: {
-        root: "border-bg-danger",
-      },
-      info: {
-        root: "border-bg-info",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "neutral",
-  },
-});
-
-const { root, title, content } = alertStyles();
-
-const [AlertProvider, useAlertContext] =
-  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
-
-const defaultIcons = {
-  neutral: null,
-  danger: <AlertCircleIcon />,
-  success: <CheckCircle2Icon />,
-  warning: <AlertTriangleIcon />,
-  info: <InfoIcon />,
-};
-
-interface AlertProps extends AlertRootProps {
-  title?: string;
-  description?: string;
-  action?: React.ReactNode;
-  icon?: React.ReactNode | null;
-}
-
-function Alert({
-  variant = "neutral",
-  title,
-  description,
-  action,
-  icon,
-  ...props
-}: AlertProps) {
-  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
-  return (
-    <AlertRoot variant={variant} {...props}>
-      {resolvedIcon}
-      <div className="flex-1 space-y-0.5">
-        <AlertTitle>{title}</AlertTitle>
-        {description && <AlertContent>{description}</AlertContent>}
-      </div>
-      {action}
-    </AlertRoot>
-  );
-}
-
-interface AlertRootProps
-  extends React.ComponentProps<"div">,
-    VariantProps<typeof alertStyles> {}
-
-function AlertRoot({ className, variant, ...props }: AlertRootProps) {
-  return (
-    <AlertProvider variant={variant}>
-      <div role="alert" className={root({ variant, className })} {...props} />
-    </AlertProvider>
-  );
-}
-
-interface AlertTitleProps extends React.ComponentProps<"h5"> {}
-
-function AlertTitle({ className, ...props }: AlertTitleProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <h5 className={title({ variant, className })} {...props} />;
-}
-
-interface AlertContentProps extends React.ComponentProps<"p"> {}
-
-function AlertContent({ className, ...props }: AlertContentProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <p className={content({ variant, className })} {...props} />;
-}
-
-export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
-export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/alert-03.tsx b/www/src/__registry__/core/alert-03.tsx
deleted file mode 100644
index b30e2689c..000000000
--- a/www/src/__registry__/core/alert-03.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  AlertCircleIcon,
-  AlertTriangleIcon,
-  CheckCircle2Icon,
-  InfoIcon,
-} from "lucide-react";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
-
-const alertStyles = tv({
-  slots: {
-    root: "text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4",
-    title: "mr-1 font-medium leading-normal tracking-tight",
-    content: "text-sm",
-  },
-  variants: {
-    variant: {
-      neutral: { root: "border-bg-primary bg-bg-muted" },
-      success: {
-        root: "bg-bg-success-muted border-bg-success text-fg-success",
-      },
-      warning: {
-        root: "bg-bg-warning-muted border-bg-warning text-fg-warning",
-      },
-      danger: {
-        root: "bg-bg-danger-muted border-bg-danger text-fg-danger",
-      },
-      info: {
-        root: "bg-bg-info-muted border-bg-info text-fg-info",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "neutral",
-  },
-});
-
-const { root, title, content } = alertStyles();
-
-const [AlertProvider, useAlertContext] =
-  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
-
-const defaultIcons = {
-  neutral: null,
-  danger: <AlertCircleIcon />,
-  success: <CheckCircle2Icon />,
-  warning: <AlertTriangleIcon />,
-  info: <InfoIcon />,
-};
-
-interface AlertProps extends AlertRootProps {
-  title?: string;
-  description?: string;
-  action?: React.ReactNode;
-  icon?: React.ReactNode | null;
-}
-
-function Alert({
-  variant = "neutral",
-  title,
-  description,
-  action,
-  icon,
-  ...props
-}: AlertProps) {
-  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
-  return (
-    <AlertRoot variant={variant} {...props}>
-      {resolvedIcon}
-      <div className="flex-1 space-y-0.5">
-        <AlertTitle>{title}</AlertTitle>
-        {description && <AlertContent>{description}</AlertContent>}
-      </div>
-      {action}
-    </AlertRoot>
-  );
-}
-
-interface AlertRootProps
-  extends React.ComponentProps<"div">,
-    VariantProps<typeof alertStyles> {}
-
-function AlertRoot({ className, variant, ...props }: AlertRootProps) {
-  return (
-    <AlertProvider variant={variant}>
-      <div role="alert" className={root({ variant, className })} {...props} />
-    </AlertProvider>
-  );
-}
-
-interface AlertTitleProps extends React.ComponentProps<"h5"> {}
-
-function AlertTitle({ className, ...props }: AlertTitleProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <h5 className={title({ variant, className })} {...props} />;
-}
-
-interface AlertContentProps extends React.ComponentProps<"p"> {}
-
-function AlertContent({ className, ...props }: AlertContentProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <p className={content({ variant, className })} {...props} />;
-}
-
-export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
-export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/alert-04.tsx b/www/src/__registry__/core/alert-04.tsx
deleted file mode 100644
index 647c6abb6..000000000
--- a/www/src/__registry__/core/alert-04.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  AlertCircleIcon,
-  AlertTriangleIcon,
-  CheckCircle2Icon,
-  InfoIcon,
-} from "lucide-react";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
-
-const alertStyles = tv({
-  slots: {
-    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
-    title: "mr-1 font-medium leading-normal tracking-tight",
-    content: "text-sm",
-  },
-  variants: {
-    variant: {
-      neutral: { root: "text-fg-muted" },
-      success: {
-        root: "border-border-success text-fg-success",
-      },
-      warning: {
-        root: "border-border-warning text-fg-warning",
-      },
-      danger: {
-        root: "border-border-danger text-fg-danger",
-      },
-      info: {
-        root: "border-border-info text-fg-info",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "neutral",
-  },
-});
-
-const { root, title, content } = alertStyles();
-
-const [AlertProvider, useAlertContext] =
-  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
-
-const defaultIcons = {
-  neutral: null,
-  danger: <AlertCircleIcon />,
-  success: <CheckCircle2Icon />,
-  warning: <AlertTriangleIcon />,
-  info: <InfoIcon />,
-};
-
-interface AlertProps extends AlertRootProps {
-  title?: string;
-  description?: string;
-  action?: React.ReactNode;
-  icon?: React.ReactNode | null;
-}
-
-function Alert({
-  variant = "neutral",
-  title,
-  description,
-  action,
-  icon,
-  ...props
-}: AlertProps) {
-  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
-  return (
-    <AlertRoot variant={variant} {...props}>
-      {resolvedIcon}
-      <div className="flex-1 space-y-0.5">
-        <AlertTitle>{title}</AlertTitle>
-        {description && <AlertContent>{description}</AlertContent>}
-      </div>
-      {action}
-    </AlertRoot>
-  );
-}
-
-interface AlertRootProps
-  extends React.ComponentProps<"div">,
-    VariantProps<typeof alertStyles> {}
-
-function AlertRoot({ className, variant, ...props }: AlertRootProps) {
-  return (
-    <AlertProvider variant={variant}>
-      <div role="alert" className={root({ variant, className })} {...props} />
-    </AlertProvider>
-  );
-}
-
-interface AlertTitleProps extends React.ComponentProps<"h5"> {}
-
-function AlertTitle({ className, ...props }: AlertTitleProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <h5 className={title({ variant, className })} {...props} />;
-}
-
-interface AlertContentProps extends React.ComponentProps<"p"> {}
-
-function AlertContent({ className, ...props }: AlertContentProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <p className={content({ variant, className })} {...props} />;
-}
-
-export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
-export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/alert-05.tsx b/www/src/__registry__/core/alert-05.tsx
deleted file mode 100644
index ca37edc84..000000000
--- a/www/src/__registry__/core/alert-05.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  AlertCircleIcon,
-  AlertTriangleIcon,
-  CheckCircle2Icon,
-  InfoIcon,
-} from "lucide-react";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
-
-const alertStyles = tv({
-  slots: {
-    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
-    title: "mr-1 font-medium leading-normal tracking-tight",
-    content: "text-sm",
-  },
-  variants: {
-    variant: {
-      neutral: { root: "bg-bg-muted text-fg" },
-      success: {
-        root: "bg-bg-success text-fg-onSuccess",
-      },
-      warning: {
-        root: "bg-bg-warning text-fg-onWarning",
-      },
-      danger: {
-        root: "bg-bg-danger text-fg-onDanger",
-      },
-      info: {
-        root: "bg-bg-info text-fg-onInfo",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "neutral",
-  },
-});
-
-const { root, title, content } = alertStyles();
-
-const [AlertProvider, useAlertContext] =
-  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
-
-const defaultIcons = {
-  neutral: null,
-  danger: <AlertCircleIcon />,
-  success: <CheckCircle2Icon />,
-  warning: <AlertTriangleIcon />,
-  info: <InfoIcon />,
-};
-
-interface AlertProps extends AlertRootProps {
-  title?: string;
-  description?: string;
-  action?: React.ReactNode;
-  icon?: React.ReactNode | null;
-}
-
-function Alert({
-  variant = "neutral",
-  title,
-  description,
-  action,
-  icon,
-  ...props
-}: AlertProps) {
-  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
-  return (
-    <AlertRoot variant={variant} {...props}>
-      {resolvedIcon}
-      <div className="flex-1 space-y-0.5">
-        <AlertTitle>{title}</AlertTitle>
-        {description && <AlertContent>{description}</AlertContent>}
-      </div>
-      {action}
-    </AlertRoot>
-  );
-}
-
-interface AlertRootProps
-  extends React.ComponentProps<"div">,
-    VariantProps<typeof alertStyles> {}
-
-function AlertRoot({ className, variant, ...props }: AlertRootProps) {
-  return (
-    <AlertProvider variant={variant}>
-      <div role="alert" className={root({ variant, className })} {...props} />
-    </AlertProvider>
-  );
-}
-
-interface AlertTitleProps extends React.ComponentProps<"h5"> {}
-
-function AlertTitle({ className, ...props }: AlertTitleProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <h5 className={title({ variant, className })} {...props} />;
-}
-
-interface AlertContentProps extends React.ComponentProps<"p"> {}
-
-function AlertContent({ className, ...props }: AlertContentProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <p className={content({ variant, className })} {...props} />;
-}
-
-export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
-export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/__registry__/core/avatar.tsx b/www/src/__registry__/core/avatar.tsx
deleted file mode 100644
index 9a0bad399..000000000
--- a/www/src/__registry__/core/avatar.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
-
-const avatarStyles = tv({
-  slots: {
-    root: "bg-bg relative inline-flex shrink-0 overflow-hidden align-middle",
-    image: "aspect-square size-full",
-    fallback:
-      "bg-bg-muted flex size-full select-none items-center justify-center",
-    placeholder:
-      "bg-bg-muted flex size-full h-full animate-pulse items-center justify-center",
-  },
-  variants: {
-    size: {
-      sm: { root: "size-8" },
-      md: { root: "size-10" },
-      lg: { root: "size-12" },
-    },
-    shape: {
-      circle: { root: "rounded-full" },
-      square: { root: "rounded-sm" },
-    },
-  },
-  defaultVariants: {
-    shape: "circle",
-    size: "md",
-  },
-});
-
-const { root, image, fallback, placeholder } = avatarStyles();
-
-const [AvatarProvider, useAvatarContext] = createScopedContext<
-  VariantProps<typeof avatarStyles> & {
-    status: Status;
-    setStatus: (status: Status) => void;
-  }
->("AlertRoot");
-
-interface AvatarProps extends AvatarImageProps {
-  fallback?: React.ReactNode;
-}
-const Avatar = ({ className, style, fallback, ...props }: AvatarProps) => {
-  return (
-    <AvatarRoot className={className} style={style}>
-      <AvatarImage {...props} />
-      <AvatarFallback>{fallback}</AvatarFallback>
-      <AvatarPlaceholder />
-    </AvatarRoot>
-  );
-};
-
-interface AvatarRootProps
-  extends React.ComponentProps<"span">,
-    VariantProps<typeof avatarStyles> {}
-function AvatarRoot({ className, shape, size, ...props }: AvatarRootProps) {
-  const [status, setStatus] = React.useState<Status>("idle");
-
-  return (
-    <AvatarProvider
-      shape={shape}
-      size={size}
-      status={status}
-      setStatus={setStatus}
-    >
-      <span className={root({ className, shape, size })} {...props} />
-    </AvatarProvider>
-  );
-}
-
-interface AvatarImageProps extends React.ComponentProps<"img"> {}
-function AvatarImage({ src, alt, className, ...props }: AvatarImageProps) {
-  const status = useImageLoadingStatus(src);
-  const { setStatus } = useAvatarContext("AvatarImage");
-
-  React.useLayoutEffect(() => {
-    if (status !== "idle") {
-      setStatus(status);
-    }
-  }, [status, setStatus]);
-
-  if (status === "success")
-    return (
-      <img className={image({ className })} src={src} alt={alt} {...props} />
-    );
-
-  return null;
-}
-
-type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
-
-const AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {
-  const { status } = useAvatarContext("AvatarFallback");
-
-  if (status === "error")
-    return <span className={fallback({ className })} {...props} />;
-
-  return null;
-};
-
-interface AvatarPlaceholderProps extends React.ComponentProps<"span"> {}
-
-const AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {
-  const { status } = useAvatarContext("AvatarPlaceholder");
-
-  if (["idle", "loading"].includes(status))
-    return <span className={placeholder({ className })} {...props} />;
-
-  return null;
-};
-
-type Status = "idle" | "loading" | "success" | "error";
-function useImageLoadingStatus(src?: string) {
-  const [status, setStatus] = React.useState<Status>("idle");
-
-  React.useLayoutEffect(() => {
-    if (!src) {
-      setStatus("error");
-      return;
-    }
-    let isMounted = true;
-    const image = new window.Image();
-    const updateStatus = (status: Status) => () => {
-      if (!isMounted) return;
-      setStatus(status);
-    };
-    setStatus("loading");
-    image.onload = updateStatus("success");
-    image.onerror = updateStatus("error");
-    image.src = src;
-    return () => {
-      isMounted = false;
-    };
-  }, [src]);
-
-  return status;
-}
-
-export type {
-  AvatarProps,
-  AvatarRootProps,
-  AvatarImageProps,
-  AvatarFallbackProps,
-  AvatarPlaceholderProps,
-};
-export { Avatar, AvatarRoot, AvatarImage, AvatarFallback, AvatarPlaceholder };
diff --git a/www/src/__registry__/core/badge.tsx b/www/src/__registry__/core/badge.tsx
deleted file mode 100644
index fa8326805..000000000
--- a/www/src/__registry__/core/badge.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import * as React from "react";
-import { tv, type VariantProps } from "tailwind-variants";
-
-const badgeStyles = tv({
-  base: "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors",
-  variants: {
-    variant: {
-      neutral: "bg-bg-muted text-fg",
-      accent: "bg-bg-accent-muted text-fg-accent",
-      success: "bg-bg-success-muted text-fg-success",
-      danger: "bg-bg-danger-muted text-fg-danger",
-      warning: "bg-bg-warning-muted text-fg-warning",
-      info: "bg-bg-info-muted text-fg-info",
-    },
-    size: {
-      sm: "h-5 px-2.5 [&_svg]:size-3",
-      md: "h-6 px-3 [&_svg]:size-3.5",
-      lg: "h-7 px-4 text-sm [&_svg]:size-4",
-    },
-  },
-  defaultVariants: {
-    variant: "neutral",
-    size: "md",
-  },
-});
-
-interface BadgeProps
-  extends React.ComponentProps<"span">,
-    VariantProps<typeof badgeStyles> {}
-const Badge = ({ className, variant, size, ...props }: BadgeProps) => {
-  return (
-    <span
-      role="presentation"
-      className={badgeStyles({ variant, size, className })}
-      {...props}
-    />
-  );
-};
-
-export type { BadgeProps };
-export { Badge };
diff --git a/www/src/__registry__/core/button-01.tsx b/www/src/__registry__/core/button-01.tsx
deleted file mode 100644
index c1154510b..000000000
--- a/www/src/__registry__/core/button-01.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Button as AriaButton,
-  Link as AriaLink,
-  type ButtonProps as AriaButtonProps,
-  type LinkProps as AriaLinkProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createOptionalScopedContext } from "@/lib/helpers";
-import { Loader } from "@/components/dynamic-core/loader";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const buttonStyles = tv({
-  extend: focusRing,
-  base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
-  variants: {
-    variant: {
-      default:
-        "bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral",
-      primary:
-        "bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary",
-      quiet:
-        "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent",
-      outline:
-        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-      accent:
-        "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
-      success:
-        "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
-      warning:
-        "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
-      danger:
-        "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
-    },
-    size: {
-      sm: "size-8 [&_svg]:size-4",
-      md: "size-9 [&_svg]:size-4",
-      lg: "size-10 [&_svg]:size-5",
-    },
-    shape: {
-      rectangle: "",
-      square: "",
-      circle: "rounded-full",
-    },
-  },
-  compoundVariants: [
-    {
-      size: "sm",
-      shape: "rectangle",
-      className: "w-auto px-3",
-    },
-    {
-      size: "md",
-      shape: "rectangle",
-      className: "w-auto px-4",
-    },
-    {
-      size: "lg",
-      shape: "rectangle",
-      className: "w-auto px-5",
-    },
-  ],
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    shape: "rectangle",
-  },
-});
-
-const [ButtonProvider, useButtonContext] =
-  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
-
-interface ButtonProps
-  extends Omit<AriaButtonProps, "className">,
-    Omit<AriaLinkProps, "className" | "children" | "style">,
-    VariantProps<typeof buttonStyles> {
-  className?: string;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-
-const Button = React.forwardRef(
-  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
-    const contextProps = useButtonContext();
-    const props = { ...contextProps, ...localProps };
-
-    const { className, variant, size, shape, prefix, suffix, ...restProps } =
-      props;
-
-    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
-
-    return (
-      <Element
-        ref={ref}
-        {...restProps}
-        className={buttonStyles({ variant, size, shape, className })}
-      >
-        {composeRenderProps(props.children, (children, { isPending }) => (
-          <>
-            {isPending && (
-              <Loader
-                aria-label="loading"
-                className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"
-                size={16}
-              />
-            )}
-            {prefix}
-            {typeof children === "string" ? (
-              <span className="truncate">{children}</span>
-            ) : (
-              children
-            )}
-            {suffix}
-          </>
-        ))}
-      </Element>
-    );
-  }
-);
-Button.displayName = "Button";
-
-export type { ButtonProps };
-export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/__registry__/core/button-02.tsx b/www/src/__registry__/core/button-02.tsx
deleted file mode 100644
index 04a677297..000000000
--- a/www/src/__registry__/core/button-02.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Button as AriaButton,
-  Link as AriaLink,
-  type ButtonProps as AriaButtonProps,
-  type LinkProps as AriaLinkProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createOptionalScopedContext } from "@/lib/helpers";
-import { Loader } from "@/components/dynamic-core/loader";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const buttonStyles = tv(
-  {
-    extend: focusRing,
-    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal ring-0 ring-transparent transition-[background,box-shadow] hover:ring-4 disabled:cursor-default",
-    variants: {
-      variant: {
-        default:
-          "bg-bg-neutral hover:bg-bg-neutral-hover hover:ring-bg-neutral/50 pressed:bg-bg-neutral-active text-fg-onNeutral",
-        primary:
-          "bg-bg-primary hover:bg-bg-primary-hover hover:ring-bg-primary/50 pressed:bg-bg-primary-active text-fg-onPrimary",
-        quiet:
-          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg hover:ring-bg-neutral/50 bg-transparent",
-        outline:
-          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 hover:ring-bg-neutral/50 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-        accent:
-          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent hover:ring-bg-accent/40",
-        success:
-          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess hover:ring-bg-success/40",
-        warning:
-          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning hover:ring-bg-warning/40",
-        danger:
-          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger hover:ring-bg-danger/40",
-      },
-      size: {
-        sm: "size-8 [&_svg]:size-4",
-        md: "size-9 [&_svg]:size-4",
-        lg: "size-10 [&_svg]:size-5",
-      },
-      shape: {
-        rectangle: "",
-        square: "",
-        circle: "rounded-full",
-      },
-    },
-    compoundVariants: [
-      {
-        size: "sm",
-        shape: "rectangle",
-        className: "w-auto px-3",
-      },
-      {
-        size: "md",
-        shape: "rectangle",
-        className: "w-auto px-4",
-      },
-      {
-        size: "lg",
-        shape: "rectangle",
-        className: "w-auto px-5",
-      },
-    ],
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-      shape: "rectangle",
-    },
-  },
-  {
-    responsiveVariants: ["sm", "lg"],
-  }
-);
-
-const [ButtonProvider, useButtonContext] =
-  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
-
-interface ButtonProps
-  extends Omit<AriaButtonProps, "className">,
-    Omit<AriaLinkProps, "className" | "children" | "style">,
-    VariantProps<typeof buttonStyles> {
-  className?: string;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-
-const Button = React.forwardRef(
-  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
-    const contextProps = useButtonContext();
-    const props = { ...contextProps, ...localProps };
-
-    const { className, variant, size, shape, prefix, suffix, ...restProps } =
-      props;
-
-    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
-
-    return (
-      <Element
-        ref={ref}
-        {...restProps}
-        className={buttonStyles({ variant, size, shape, className })}
-      >
-        {composeRenderProps(props.children, (children, { isPending }) => (
-          <>
-            {isPending && <Loader aria-label="loading" size={16} />}
-            {prefix}
-            {typeof children === "string" ? (
-              <span className="truncate">{children}</span>
-            ) : (
-              children
-            )}
-            {suffix}
-          </>
-        ))}
-      </Element>
-    );
-  }
-);
-Button.displayName = "Button";
-
-export type { ButtonProps };
-export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/__registry__/core/button-03.tsx b/www/src/__registry__/core/button-03.tsx
deleted file mode 100644
index 47353fe6c..000000000
--- a/www/src/__registry__/core/button-03.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Button as AriaButton,
-  Link as AriaLink,
-  type ButtonProps as AriaButtonProps,
-  type LinkProps as AriaLinkProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createOptionalScopedContext } from "@/lib/helpers";
-import { Loader } from "@/components/dynamic-core/loader";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const buttonStyles = tv(
-  {
-    extend: focusRing,
-    base: [
-      "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
-      "shadow-brutalism hover:translate-x-(--box-shadow-x) hover:translate-y-(--box-shadow-y) hover:shadow-none",
-    ],
-    variants: {
-      variant: {
-        default: "bg-bg-neutral text-fg-onNeutral",
-        primary: "bg-bg-primary text-fg-onPrimary",
-        quiet: "text-fg bg-transparent",
-        outline:
-          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-        accent:
-          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
-        success:
-          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
-        warning:
-          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
-        danger:
-          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
-      },
-      size: {
-        sm: "size-8 [&_svg]:size-4",
-        md: "size-9 [&_svg]:size-4",
-        lg: "size-10 [&_svg]:size-5",
-      },
-      shape: {
-        rectangle: "",
-        square: "",
-        circle: "rounded-full",
-      },
-    },
-    compoundVariants: [
-      {
-        size: "sm",
-        shape: "rectangle",
-        className: "w-auto px-3",
-      },
-      {
-        size: "md",
-        shape: "rectangle",
-        className: "w-auto px-4",
-      },
-      {
-        size: "lg",
-        shape: "rectangle",
-        className: "w-auto px-5",
-      },
-    ],
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-      shape: "rectangle",
-    },
-  },
-  {
-    responsiveVariants: ["sm", "lg"],
-  }
-);
-
-const [ButtonProvider, useButtonContext] =
-  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
-
-interface ButtonProps
-  extends Omit<AriaButtonProps, "className">,
-    Omit<AriaLinkProps, "className" | "children" | "style">,
-    VariantProps<typeof buttonStyles> {
-  className?: string;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-
-const Button = React.forwardRef(
-  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
-    const contextProps = useButtonContext();
-    const props = { ...contextProps, ...localProps };
-
-    const { className, variant, size, shape, prefix, suffix, ...restProps } =
-      props;
-
-    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
-
-    return (
-      <Element
-        ref={ref}
-        {...restProps}
-        className={buttonStyles({ variant, size, shape, className })}
-      >
-        {composeRenderProps(props.children, (children, { isPending }) => (
-          <>
-            {isPending && <Loader aria-label="loading" size={16} />}
-            {prefix}
-            {typeof children === "string" ? (
-              <span className="truncate">{children}</span>
-            ) : (
-              children
-            )}
-            {suffix}
-          </>
-        ))}
-      </Element>
-    );
-  }
-);
-Button.displayName = "Button";
-
-export type { ButtonProps };
-export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/__registry__/core/button-04.tsx b/www/src/__registry__/core/button-04.tsx
deleted file mode 100644
index 7113f03cf..000000000
--- a/www/src/__registry__/core/button-04.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { chain } from "react-aria";
-import {
-  composeRenderProps,
-  Button as AriaButton,
-  Link as AriaLink,
-  type ButtonProps as AriaButtonProps,
-  type LinkProps as AriaLinkProps,
-  PressEvent,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createOptionalScopedContext } from "@/lib/helpers";
-import { Loader } from "@/components/dynamic-core/loader";
-import { Ripple } from "@/registry/core/ripple";
-import { useRipple } from "@/registry/hooks/use-ripple";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const buttonStyles = tv({
-  extend: focusRing,
-  base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
-  variants: {
-    variant: {
-      default: "bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral",
-      primary: "bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary",
-      quiet: "hover:bg-bg-inverse/10 text-fg bg-transparent",
-      outline:
-        "border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-      accent: "bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent",
-      success: "bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess",
-      warning: "bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning",
-      danger: "bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger",
-    },
-    size: {
-      sm: "size-8 [&_svg]:size-4",
-      md: "size-9 [&_svg]:size-4",
-      lg: "size-10 [&_svg]:size-5",
-    },
-    shape: {
-      rectangle: "",
-      square: "",
-      circle: "rounded-full",
-    },
-  },
-  compoundVariants: [
-    {
-      size: "sm",
-      shape: "rectangle",
-      className: "w-auto px-3",
-    },
-    {
-      size: "md",
-      shape: "rectangle",
-      className: "w-auto px-4",
-    },
-    {
-      size: "lg",
-      shape: "rectangle",
-      className: "w-auto px-5",
-    },
-  ],
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    shape: "rectangle",
-  },
-});
-
-const [ButtonProvider, useButtonContext] =
-  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
-
-interface ButtonProps
-  extends Omit<AriaButtonProps, "className">,
-    Omit<AriaLinkProps, "className" | "children" | "style">,
-    VariantProps<typeof buttonStyles> {
-  className?: string;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-
-const Button = React.forwardRef(
-  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
-    const contextProps = useButtonContext();
-    const props = { ...contextProps, ...localProps };
-
-    const { className, variant, size, shape, prefix, suffix, ...restProps } =
-      props;
-
-    const {
-      onPress: onRipplePressHandler,
-      onClear: onClearRipple,
-      ripples,
-    } = useRipple();
-
-    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
-
-    const handlePress = React.useCallback(
-      (e: PressEvent) => {
-        // if (disableRipple || isDisabled || disableAnimation) return;
-        onRipplePressHandler(e);
-        // domRef.current && onRipplePressHandler(e);
-      },
-      [onRipplePressHandler]
-    );
-
-    return (
-      <Element
-        ref={ref}
-        {...restProps}
-        className={buttonStyles({ variant, size, shape, className })}
-        onPress={chain(props.onPress, handlePress)}
-      >
-        {composeRenderProps(props.children, (children, { isPending }) => (
-          <>
-            <Ripple ripples={ripples} onClear={onClearRipple} />
-            {isPending && <Loader aria-label="loading" size={16} />}
-            {prefix}
-            {typeof children === "string" ? (
-              <span className="truncate">{children}</span>
-            ) : (
-              children
-            )}
-            {suffix}
-          </>
-        ))}
-      </Element>
-    );
-  }
-);
-Button.displayName = "Button";
-
-export type { ButtonProps };
-export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/__registry__/core/button-group.tsx b/www/src/__registry__/core/button-group.tsx
deleted file mode 100644
index 7cbafefe4..000000000
--- a/www/src/__registry__/core/button-group.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-"use client";
-
-import { ButtonContext as AriaButtonContext } from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { ButtonProvider } from "@/components/dynamic-core/button";
-import { buttonStyles } from "@/registry/core/button-01";
-
-const buttonGroupStyles = tv({
-  base: "isolate inline-flex items-center [&_button]:rounded-none [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md",
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col",
-    },
-  },
-});
-
-interface ButtonGroupProps
-  extends React.ComponentProps<"div">,
-    VariantProps<typeof buttonGroupStyles>,
-    VariantProps<typeof buttonStyles> {
-  isDisabled?: boolean;
-}
-
-function ButtonGroup({
-  variant,
-  size,
-  shape,
-  isDisabled,
-  className,
-  ...props
-}: ButtonGroupProps) {
-  return (
-    <AriaButtonContext value={{ isDisabled }}>
-      <ButtonProvider variant={variant} size={size} shape={shape}>
-        <div className={buttonGroupStyles({ className })} {...props} />
-      </ButtonProvider>
-    </AriaButtonContext>
-  );
-}
-
-export type { ButtonGroupProps };
-export { ButtonGroup };
diff --git a/www/src/__registry__/core/checkbox_basic.tsx b/www/src/__registry__/core/checkbox_basic.tsx
deleted file mode 100644
index 33facab9c..000000000
--- a/www/src/__registry__/core/checkbox_basic.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { CheckIcon, MinusIcon } from "lucide-react";
-import {
-  Checkbox as AriaCheckbox,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import {
-  createScopedContext,
-  createOptionalScopedContext,
-} from "@/lib/helpers";
-import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
-
-const checkboxStyles = tv({
-  slots: {
-    root: "invalid:text-fg-danger disabled:text-fg-disabled group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default",
-    indicator: [
-      "border-border-control flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border",
-      "group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75 group-indeterminate:border-transparent",
-      "group-read-only:cursor-default",
-      "group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-default",
-      "group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger",
-    ],
-  },
-  variants: {
-    variant: {
-      primary: {
-        indicator:
-          "group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary",
-      },
-      accent: {
-        indicator:
-          "group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent group-indeterminate:text-fg-onAccent",
-      },
-    },
-    appearance: {
-      default: {
-        indicator: focusRingGroup(),
-      },
-      card: {
-        root: [
-          focusRing(),
-          "disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors",
-        ],
-      },
-    },
-  },
-  compoundVariants: [
-    {
-      appearance: "card",
-      variant: "primary",
-      className: {
-        root: "selected:bg-bg-muted",
-      },
-    },
-    {
-      appearance: "card",
-      variant: "accent",
-      className: {
-        root: "selected:bg-bg-accent-muted",
-      },
-    },
-  ],
-  defaultVariants: {
-    variant: "primary",
-    appearance: "default",
-  },
-});
-
-const { root, indicator } = checkboxStyles();
-
-const [VariantsProvider, useVariantsContext] = createScopedContext<
-  VariantProps<typeof checkboxStyles> & { isIndeterminate: boolean }
->("CheckboxRoot");
-
-const [CheckboxProvider, useCheckboxContext] =
-  createOptionalScopedContext<VariantProps<typeof checkboxStyles>>("Checkbox");
-
-interface CheckboxProps extends CheckboxRootProps {}
-const Checkbox = ({ children, ...props }: CheckboxProps) => {
-  return (
-    <CheckboxRoot {...props}>
-      {composeRenderProps(children, (children) => (
-        <>
-          <CheckboxIndicator />
-          {children}
-        </>
-      ))}
-    </CheckboxRoot>
-  );
-};
-
-interface CheckboxRootProps
-  extends React.ComponentProps<typeof AriaCheckbox>,
-    VariantProps<typeof checkboxStyles> {}
-
-const CheckboxRoot = (localProps: CheckboxRootProps) => {
-  const contextProps = useCheckboxContext();
-  const { variant, appearance, className, ...props } = {
-    ...contextProps,
-    ...localProps,
-  };
-  return (
-    <AriaCheckbox
-      className={composeRenderProps(className, (className) =>
-        root({ variant, appearance, className })
-      )}
-      {...props}
-    >
-      {composeRenderProps(props.children, (children, { isIndeterminate }) => (
-        <VariantsProvider
-          variant={variant}
-          appearance={appearance}
-          isIndeterminate={isIndeterminate}
-        >
-          {children}
-        </VariantsProvider>
-      ))}
-    </AriaCheckbox>
-  );
-};
-
-interface CheckboxIndicatorProps extends React.ComponentProps<"div"> {}
-
-const CheckboxIndicator = ({ className, ...props }: CheckboxIndicatorProps) => {
-  const { variant, appearance, isIndeterminate } =
-    useVariantsContext("CheckboxIndicator");
-  return (
-    <div className={indicator({ variant, appearance, className })} {...props}>
-      {isIndeterminate ? (
-        <MinusIcon className="size-2.5" />
-      ) : (
-        <CheckIcon className="size-3" />
-      )}
-    </div>
-  );
-};
-
-export type { CheckboxProps, CheckboxRootProps, CheckboxIndicatorProps };
-export { Checkbox, CheckboxRoot, CheckboxIndicator };
-
-export { CheckboxProvider };
-export { checkboxStyles };
diff --git a/www/src/__registry__/core/color-area.tsx b/www/src/__registry__/core/color-area.tsx
deleted file mode 100644
index 22a0e8928..000000000
--- a/www/src/__registry__/core/color-area.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-"use client";
-
-import {
-  ColorArea as AriaColorArea,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb";
-
-const colorAreaStyles = tv({
-  base: "disabled:[background:var(--color-bg-disabled)]! block size-48 min-w-20 rounded-md",
-});
-
-type ColorAreaProps = Omit<ColorAreaRootProps, "children">;
-const ColorArea = (props: ColorAreaProps) => {
-  return (
-    <ColorAreaRoot {...props}>
-      <ColorThumb />
-    </ColorAreaRoot>
-  );
-};
-
-interface ColorAreaRootProps
-  extends React.ComponentProps<typeof AriaColorArea> {}
-const ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {
-  return (
-    <AriaColorArea
-      className={composeRenderProps(className, (className) =>
-        colorAreaStyles({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-export type { ColorAreaProps, ColorAreaRootProps };
-export { ColorArea, ColorAreaRoot };
diff --git a/www/src/__registry__/core/color-field.tsx b/www/src/__registry__/core/color-field.tsx
deleted file mode 100644
index e6f5bb8fa..000000000
--- a/www/src/__registry__/core/color-field.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  ColorField as AriaColorField,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
-import {
-  InputRoot,
-  Input,
-  type InputRootProps,
-} from "@/registry/core/input_new";
-
-const colorFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
-});
-
-interface ColorFieldProps
-  extends ColorFieldRootProps,
-    Pick<InputRootProps, "size" | "prefix" | "suffix">,
-    FieldProps {
-  inputRef?: React.RefObject<HTMLInputElement>;
-}
-
-const ColorField = ({
-  label,
-  description,
-  errorMessage,
-  prefix,
-  suffix,
-  size,
-  inputRef,
-  ...props
-}: ColorFieldProps) => {
-  return (
-    <ColorFieldRoot {...props}>
-      {label && <Label>{label}</Label>}
-      <ColorFieldInput
-        inputRef={inputRef}
-        size={size}
-        prefix={prefix}
-        suffix={suffix}
-      />
-      <HelpText description={description} errorMessage={errorMessage} />
-    </ColorFieldRoot>
-  );
-};
-
-interface ColorFieldRootProps
-  extends React.ComponentProps<typeof AriaColorField> {
-  placeholder?: string;
-}
-const ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {
-  return (
-    <AriaColorField
-      className={composeRenderProps(className, (className) =>
-        colorFieldStyles({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-interface ColorFieldInputProps extends InputRootProps {
-  inputRef?: React.RefObject<HTMLInputElement>;
-}
-const ColorFieldInput = ({ inputRef, ...props }: ColorFieldInputProps) => {
-  return (
-    <InputRoot {...props}>
-      <Input ref={inputRef} />
-    </InputRoot>
-  );
-};
-
-export type { ColorFieldProps, ColorFieldRootProps, ColorFieldInputProps };
-export { ColorField, ColorFieldRoot, ColorFieldInput };
diff --git a/www/src/__registry__/core/color-picker.tsx b/www/src/__registry__/core/color-picker.tsx
deleted file mode 100644
index c3b38466c..000000000
--- a/www/src/__registry__/core/color-picker.tsx
+++ /dev/null
@@ -1,181 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  ColorPicker as AriaColorPicker,
-  ColorPickerStateContext,
-  getColorChannels,
-  composeRenderProps,
-  type ColorFormat,
-} from "react-aria-components";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { ColorArea } from "@/registry/core/color-area";
-import { ColorField } from "@/registry/core/color-field";
-import { ColorSlider } from "@/registry/core/color-slider";
-import { ColorSwatch } from "@/registry/core/color-swatch";
-import { Dialog, DialogProps, DialogRoot } from "@/registry/core/dialog_basic";
-import { Item } from "@/registry/core/list-box";
-import { Select } from "@/registry/core/select";
-import { cn } from "@/registry/lib/cn";
-
-interface ColorPickerProps
-  extends ColorPickerRootProps,
-    Omit<ColorPickerButtonProps, "children" | "value">,
-    Pick<
-      ColorPickerEditorProps,
-      "showAlphaChannel" | "colorFormat" | "showFormatSelector"
-    >,
-    Pick<DialogProps, "isOpen" | "onOpenChange"> {}
-const ColorPicker = ({
-  value,
-  defaultValue,
-  onChange,
-  children,
-  showAlphaChannel,
-  colorFormat,
-  showFormatSelector,
-  isOpen,
-  onOpenChange,
-  ...props
-}: ColorPickerProps) => {
-  return (
-    <ColorPickerRoot
-      value={value}
-      defaultValue={defaultValue}
-      onChange={onChange}
-      {...props}
-    >
-      {composeRenderProps(children, (children) => (
-        <>
-          <DialogRoot isOpen={isOpen} onOpenChange={onOpenChange}>
-            <ColorPickerButton {...props}>{children}</ColorPickerButton>
-            <Dialog type="popover" mobileType="drawer">
-              <ColorPickerEditor
-                showAlphaChannel={showAlphaChannel}
-                colorFormat={colorFormat}
-                showFormatSelector={showFormatSelector}
-              />
-            </Dialog>
-          </DialogRoot>
-        </>
-      ))}
-    </ColorPickerRoot>
-  );
-};
-
-interface ColorPickerRootProps
-  extends React.ComponentProps<typeof AriaColorPicker> {}
-const ColorPickerRoot = (props: ColorPickerRootProps) => {
-  return <AriaColorPicker value="" onChange={() => {}} {...props} />;
-};
-
-interface ColorPickerButtonProps extends Omit<ButtonProps, "children"> {
-  children?: React.ReactNode;
-  format?: ColorFormat | "css";
-  showValue?: boolean;
-}
-const ColorPickerButton = ({
-  children,
-  format = "hex",
-  showValue = true,
-  ...props
-}: ColorPickerButtonProps) => {
-  const state = React.use(ColorPickerStateContext)!;
-  return (
-    <Button {...props}>
-      {children || (
-        <>
-          <ColorSwatch />
-          {showValue && (
-            <span className="w-14 truncate text-left">
-              {state.color.toString(format)}
-            </span>
-          )}
-        </>
-      )}
-    </Button>
-  );
-};
-
-type PickerColorFormat = "hex" | "rgb" | "hsl" | "hsb";
-interface ColorPickerEditorProps extends React.ComponentProps<"div"> {
-  showAlphaChannel?: boolean;
-  colorFormat?: PickerColorFormat;
-  showFormatSelector?: boolean;
-}
-const ColorPickerEditor = ({
-  showAlphaChannel = false,
-  colorFormat: ColorFormatProp = "hex",
-  showFormatSelector = true,
-  className,
-  ...props
-}: ColorPickerEditorProps) => {
-  const [colorFormat, setColorFormat] =
-    React.useState<PickerColorFormat>(ColorFormatProp);
-
-  return (
-    <div className={cn("mx-auto flex flex-col gap-2", className)} {...props}>
-      <div className="flex gap-2">
-        <ColorArea
-          colorSpace="hsb"
-          xChannel="saturation"
-          yChannel="brightness"
-        />
-        <ColorSlider orientation="vertical" colorSpace="hsb" channel="hue" />
-        {showAlphaChannel && (
-          <ColorSlider
-            orientation="vertical"
-            colorSpace="hsb"
-            channel="alpha"
-          />
-        )}
-      </div>
-      <div
-        className={cn(
-          "flex flex-col gap-2",
-          colorFormat === "hex" && "flex-row"
-        )}
-      >
-        {showFormatSelector && (
-          <Select
-            aria-label="Color format"
-            selectedKey={colorFormat}
-            onSelectionChange={(key) =>
-              setColorFormat(key as PickerColorFormat)
-            }
-            size="sm"
-            className="w-auto"
-          >
-            <Item id="hex">Hex</Item>
-            <Item id="rgb">RGB</Item>
-            <Item id="hsl">HSL</Item>
-            <Item id="hsb">HSB</Item>
-          </Select>
-        )}
-        <div className="flex flex-1 items-center gap-2">
-          {colorFormat === "hex" ? (
-            <ColorField aria-label="Hex" className="w-10 flex-1" size="sm" />
-          ) : (
-            getColorChannels(colorFormat).map((channel) => (
-              <ColorField
-                key={channel}
-                colorSpace={colorFormat}
-                channel={channel}
-                className="w-10 flex-1"
-                size="sm"
-              />
-            ))
-          )}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export type {
-  ColorPickerProps,
-  ColorPickerRootProps,
-  ColorPickerButtonProps,
-  ColorPickerEditorProps,
-};
-export { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };
diff --git a/www/src/__registry__/core/color-slider.tsx b/www/src/__registry__/core/color-slider.tsx
deleted file mode 100644
index b8fe337f3..000000000
--- a/www/src/__registry__/core/color-slider.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-"use client";
-
-import {
-  composeRenderProps,
-  ColorSlider as AriaColorSlider,
-  SliderOutput as AriaSliderOutput,
-  SliderTrack as AriaSliderTrack,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb";
-import { Label } from "@/registry/core/field";
-
-const colorSliderStyles = tv({
-  slots: {
-    root: "group flex flex-col gap-2",
-    output: "text-fg-muted text-sm",
-    track:
-      "cursor-pointer disabled:[background:var(--color-bg-disabled)]! relative rounded-md before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']",
-    thumb: "",
-  },
-  variants: {
-    orientation: {
-      horizontal: {
-        root: "w-48",
-        track: "h-6 w-full",
-        thumb: "top-1/2",
-      },
-      vertical: {
-        root: "h-48 items-center",
-        track: "w-6 flex-1",
-        thumb: "left-1/2",
-      },
-    },
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-  },
-});
-
-const { root, track, thumb, output } = colorSliderStyles();
-
-interface ColorSliderProps extends ColorSliderRootProps {
-  showValueLabel?: boolean;
-  label?: string;
-}
-const ColorSlider = ({
-  label,
-  channel,
-  showValueLabel = false,
-  ...props
-}: ColorSliderProps) => {
-  return (
-    <ColorSliderRoot channel={channel} {...props}>
-      {(label || showValueLabel) && (
-        <div className="grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']">
-          {label && <Label className="[grid-area:label]">{label}</Label>}
-          {showValueLabel && (
-            <ColorSliderOutput className="[grid-area:value]" />
-          )}
-        </div>
-      )}
-      <ColorSliderControl />
-    </ColorSliderRoot>
-  );
-};
-
-interface ColorSliderRootProps
-  extends React.ComponentProps<typeof AriaColorSlider> {}
-const ColorSliderRoot = ({ className, ...props }: ColorSliderRootProps) => {
-  return (
-    <AriaColorSlider
-      className={composeRenderProps(className, (className, { orientation }) =>
-        root({ orientation, className })
-      )}
-      {...props}
-    />
-  );
-};
-
-interface ColorSliderControlProps
-  extends React.ComponentProps<typeof AriaSliderTrack> {}
-const ColorSliderControl = ({
-  className,
-  ...props
-}: ColorSliderControlProps) => {
-  return (
-    <AriaSliderTrack
-      className={composeRenderProps(className, (className, { orientation }) =>
-        track({ orientation, className })
-      )}
-      {...props}
-    >
-      {({ orientation }) => <ColorThumb className={thumb({ orientation })} />}
-    </AriaSliderTrack>
-  );
-};
-
-interface ColorSliderOutputProps
-  extends React.ComponentProps<typeof AriaSliderOutput> {}
-const ColorSliderOutput = ({ className, ...props }: ColorSliderOutputProps) => {
-  return (
-    <AriaSliderOutput
-      className={composeRenderProps(className, (className) =>
-        output({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-export type {
-  ColorSliderProps,
-  ColorSliderRootProps,
-  ColorSliderControlProps,
-  ColorSliderOutputProps,
-};
-export { ColorSlider, ColorSliderRoot, ColorSliderOutput, ColorSliderControl };
diff --git a/www/src/__registry__/core/color-swatch.tsx b/www/src/__registry__/core/color-swatch.tsx
deleted file mode 100644
index e2a7dc103..000000000
--- a/www/src/__registry__/core/color-swatch.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-import {
-  ColorSwatch as AriaColorSwatch,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const colorSwatchStyles = tv({
-  base: "relative size-5 rounded-sm border",
-});
-
-interface ColorSwatchProps
-  extends React.ComponentProps<typeof AriaColorSwatch> {}
-const ColorSwatch = ({ className, style, ...props }: ColorSwatchProps) => {
-  return (
-    <AriaColorSwatch
-      className={composeRenderProps(className, (className) =>
-        colorSwatchStyles({ className })
-      )}
-      style={composeRenderProps(style, (style, { color }) => ({
-        ...style,
-        background: `linear-gradient(${color}, ${color}),
-        repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`,
-      }))}
-      {...props}
-    />
-  );
-};
-
-export type { ColorSwatchProps };
-export { ColorSwatch };
diff --git a/www/src/__registry__/core/color-thumb.tsx b/www/src/__registry__/core/color-thumb.tsx
deleted file mode 100644
index a0f6fd058..000000000
--- a/www/src/__registry__/core/color-thumb.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client";
-
-import {
-  ColorThumb as AriaColorThumb,
-  type ColorThumbProps as AriaColorThumbProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const colorThumbStyles = tv({
-  extend: focusRing,
-  base: [
-    "cursor-pointer disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40",
-    "group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2",
-  ],
-});
-
-interface ColorThumbProps extends Omit<AriaColorThumbProps, "className"> {
-  className?: string;
-}
-const ColorThumb = ({ className, ...props }: ColorThumbProps) => {
-  return (
-    <AriaColorThumb className={colorThumbStyles({ className })} {...props} />
-  );
-};
-
-export type { ColorThumbProps };
-export { ColorThumb };
diff --git a/www/src/__registry__/core/combobox.tsx b/www/src/__registry__/core/combobox.tsx
deleted file mode 100644
index ab8a6d315..000000000
--- a/www/src/__registry__/core/combobox.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ChevronDownIcon } from "lucide-react";
-import {
-  ComboBox as AriaCombobox,
-  type ComboBoxProps as AriaComboboxProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { Input, InputRoot } from "@/registry/core/input";
-import { ListBox } from "@/registry/core/list-box";
-import { Overlay } from "@/registry/core/overlay";
-
-const comboboxStyles = tv({
-  slots: {
-    root: "flex w-48 flex-col items-start gap-2",
-  },
-});
-
-interface ComboboxProps<T extends object>
-  extends Omit<ComboboxRootProps<T>, "children">,
-    Omit<FieldProps, "children"> {
-  isLoading?: boolean;
-  children: React.ReactNode | ((item: T) => React.ReactNode);
-  items?: Iterable<T>;
-}
-const Combobox = <T extends object>({
-  label,
-  description,
-  errorMessage,
-  necessityIndicator,
-  contextualHelp,
-  children,
-  items,
-  isLoading,
-  ...props
-}: ComboboxProps<T>) => {
-  return (
-    <ComboboxRoot {...props}>
-      {({ isRequired }) => (
-        <>
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <ComboboxTrigger />
-          </Field>
-          <Overlay type="popover">
-            <ListBox items={items} isLoading={isLoading}>
-              {children}
-            </ListBox>
-          </Overlay>
-        </>
-      )}
-    </ComboboxRoot>
-  );
-};
-
-const ComboboxTrigger = () => {
-  return (
-    <InputRoot className="px-0">
-      <Input className="pl-2" />
-      <Button variant="default" shape="square" className="my-1 mr-1 size-7">
-        <ChevronDownIcon />
-      </Button>
-    </InputRoot>
-  );
-};
-
-interface ComboboxRootProps<T extends object>
-  extends Omit<AriaComboboxProps<T>, "className"> {
-  className?: string;
-}
-const ComboboxRoot = <T extends object>({
-  className,
-  ...props
-}: ComboboxRootProps<T>) => {
-  const { root } = comboboxStyles();
-  return <AriaCombobox className={root({ className })} {...props} />;
-};
-
-export type { ComboboxProps, ComboboxRootProps };
-export { Combobox, ComboboxRoot, ComboboxTrigger };
diff --git a/www/src/__registry__/core/date-field.tsx b/www/src/__registry__/core/date-field.tsx
deleted file mode 100644
index b9b91199a..000000000
--- a/www/src/__registry__/core/date-field.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  DateField as AriaDateField,
-  composeRenderProps,
-  type DateValue,
-  type DateFieldProps as AriaDateFieldProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { HelpText, Label, type FieldProps } from "./field_new";
-import { InputRoot, type InputRootProps } from "./input_new";
-
-const dateFieldStyles = tv({
-  base: "flex w-32 flex-col items-start gap-2",
-});
-
-interface DateFieldProps<T extends DateValue>
-  extends DateFieldRootProps<T>,
-    Pick<InputRootProps, "size" | "prefix" | "suffix">,
-    FieldProps {}
-
-const DateField = <T extends DateValue>({
-  label,
-  description,
-  errorMessage,
-  prefix,
-  suffix,
-  size,
-  ...props
-}: DateFieldProps<T>) => {
-  return (
-    <DateFieldRoot {...props}>
-      {label && <Label>{label}</Label>}
-      <DateFieldInput />
-      <HelpText description={description} errorMessage={errorMessage} />
-    </DateFieldRoot>
-  );
-};
-
-interface DateFieldRootProps<T extends DateValue>
-  extends AriaDateFieldProps<T> {
-  ref?: React.RefObject<HTMLDivElement>;
-}
-const DateFieldRoot = <T extends DateValue>({
-  className,
-  ...props
-}: DateFieldRootProps<T>) => {
-  return (
-    <AriaDateField
-      className={composeRenderProps(className, (className) =>
-        dateFieldStyles({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-interface DateFieldInputProps extends InputRootProps {}
-const DateFieldInput = (props: DateFieldInputProps) => {
-  return (
-    <InputRoot {...props}>
-      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-    </InputRoot>
-  );
-};
-
-export type { DateFieldProps, DateFieldRootProps, DateFieldInputProps };
-export { DateField, DateFieldRoot, DateFieldInput };
diff --git a/www/src/__registry__/core/date-input.tsx b/www/src/__registry__/core/date-input.tsx
deleted file mode 100644
index a586fc9f8..000000000
--- a/www/src/__registry__/core/date-input.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  DateInput as AriaDateInput,
-  DateSegment as AriaDateSegment,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const dateInputStyles = tv({
-  slots: {
-    input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex flex-1 items-center justify-start disabled:cursor-default",
-    ],
-    segment:
-      "focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:not-data-disabled:not-data-focused:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent",
-  },
-});
-
-const { input, segment } = dateInputStyles();
-
-interface DateInputProps extends React.ComponentProps<typeof AriaDateInput> {}
-const DateInput = ({ className, ...props }: DateInputProps) => {
-  return (
-    <AriaDateInput
-      className={composeRenderProps(className, (className) =>
-        input({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-interface DateSegmentProps
-  extends React.ComponentProps<typeof AriaDateSegment> {}
-const DateSegment = ({ className, ...props }: DateSegmentProps) => {
-  return (
-    <AriaDateSegment
-      className={composeRenderProps(className, (className) =>
-        segment({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-export type { DateInputProps, DateSegmentProps };
-export { DateInput, DateSegment };
diff --git a/www/src/__registry__/core/date-picker.tsx b/www/src/__registry__/core/date-picker.tsx
deleted file mode 100644
index dc0449d1b..000000000
--- a/www/src/__registry__/core/date-picker.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { CalendarIcon } from "lucide-react";
-import {
-  DatePicker as AriaDatePicker,
-  type DatePickerProps as AriaDatePickerProps,
-  type DateValue,
-} from "react-aria-components";
-import { type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
-import { Calendar } from "@/registry/core/calendar_basic";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Dialog } from "@/registry/core/dialog_basic";
-import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
-import { InputRoot, type inputStyles } from "@/registry/core/input";
-
-interface DatePickerProps<T extends DateValue>
-  extends DatePickerRootProps<T>,
-    Omit<FieldProps, "children">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  isLoading?: boolean;
-}
-
-const DatePicker = <T extends DateValue>({
-  className,
-  size,
-  label,
-  description,
-  errorMessage,
-  prefix,
-  isLoading,
-  isRequired,
-  isDisabled,
-  isInvalid,
-  necessityIndicator,
-  contextualHelp,
-  ...props
-}: DatePickerProps<T>) => {
-  return (
-    <DatePickerRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      isInvalid={isInvalid}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <InputRoot
-          size={size}
-          prefix={prefix}
-          isLoading={isLoading}
-          isInvalid={isInvalid}
-          loaderPosition="prefix"
-          className="pr-1"
-        >
-          <DateInput className="flex-1">
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-          <Button
-            variant="default"
-            size="sm"
-            shape="square"
-            className="my-1 size-7 rounded-sm"
-          >
-            <CalendarIcon />
-          </Button>
-        </InputRoot>
-      </Field>
-      <Dialog type="popover" mobileType="drawer" className="flex">
-        <Calendar className="mx-auto" />
-      </Dialog>
-    </DatePickerRoot>
-  );
-};
-
-interface DatePickerRootProps<T extends DateValue>
-  extends Omit<AriaDatePickerProps<T>, "className"> {
-  className?: string;
-}
-const DatePickerRoot = <T extends DateValue>({
-  className,
-  ...props
-}: DatePickerRootProps<T>) => {
-  const { root } = fieldStyles();
-  return <AriaDatePicker className={root({ className })} {...props} />;
-};
-
-export type { DatePickerProps, DatePickerRootProps };
-export { DatePicker, DatePickerRoot };
diff --git a/www/src/__registry__/core/date-range-picker.tsx b/www/src/__registry__/core/date-range-picker.tsx
deleted file mode 100644
index 351d771bf..000000000
--- a/www/src/__registry__/core/date-range-picker.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { CalendarIcon } from "lucide-react";
-import {
-  DateRangePicker as AriaDateRangePicker,
-  type DateRangePickerProps as AriaDateRangePickerProps,
-  type DateValue,
-} from "react-aria-components";
-import { type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
-import { RangeCalendar } from "@/registry/core/calendar_basic";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { Dialog } from "@/registry/core/dialog_basic";
-import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
-import { InputRoot, type inputStyles } from "@/registry/core/input";
-
-interface DateRangePickerProps<T extends DateValue>
-  extends DateRangePickerRootProps<T>,
-    Omit<FieldProps, "children">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  isLoading?: boolean;
-}
-
-const DateRangePicker = <T extends DateValue>({
-  className,
-  size,
-  label,
-  description,
-  errorMessage,
-  prefix,
-  isLoading,
-  isRequired,
-  isDisabled,
-  necessityIndicator,
-  contextualHelp,
-  ...props
-}: DateRangePickerProps<T>) => {
-  return (
-    <DateRangePickerRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <InputRoot
-          size={size}
-          prefix={prefix}
-          isLoading={isLoading}
-          loaderPosition="prefix"
-          className="pr-1"
-        >
-          <DateInput slot="start">
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-          <span aria-hidden="true">–</span>
-          <DateInput slot="end" className="flex-1">
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-          <Button
-            variant="default"
-            size="sm"
-            shape="square"
-            className="my-1 size-7 rounded-sm"
-          >
-            <CalendarIcon />
-          </Button>
-        </InputRoot>
-      </Field>
-      <Dialog type="popover" mobileType="drawer" className="flex">
-        <RangeCalendar className="mx-auto" />
-      </Dialog>
-    </DateRangePickerRoot>
-  );
-};
-
-interface DateRangePickerRootProps<T extends DateValue>
-  extends Omit<AriaDateRangePickerProps<T>, "className"> {
-  className?: string;
-}
-const DateRangePickerRoot = <T extends DateValue>({
-  className,
-  ...props
-}: DateRangePickerRootProps<T>) => {
-  const { root } = fieldStyles();
-  return <AriaDateRangePicker className={root({ className })} {...props} />;
-};
-
-export type { DateRangePickerProps, DateRangePickerRootProps };
-export { DateRangePicker, DateRangePickerRoot };
diff --git a/www/src/__registry__/core/drop-zone.tsx b/www/src/__registry__/core/drop-zone.tsx
deleted file mode 100644
index bd004226f..000000000
--- a/www/src/__registry__/core/drop-zone.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  DropZone as AriaDropZone,
-  Text as AriaText,
-  composeRenderProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const dropZoneStyles = tv({
-  slots: {
-    dropzone:
-      "drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm",
-    label: "text-base",
-  },
-});
-
-const { dropzone, label } = dropZoneStyles();
-
-interface DropZoneProps extends React.ComponentProps<typeof AriaDropZone> {}
-const DropZone = ({ className, ...props }: DropZoneProps) => {
-  return (
-    <AriaDropZone
-      className={composeRenderProps(className, (className) =>
-        dropzone({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-interface DropZoneLabelProps
-  extends Omit<React.ComponentProps<typeof AriaText>, "slot"> {}
-const DropZoneLabel = ({ className, ...props }: DropZoneLabelProps) => {
-  return <AriaText slot="label" className={label({ className })} {...props} />;
-};
-
-export type { DropZoneProps, DropZoneLabelProps };
-export { DropZone, DropZoneLabel };
diff --git a/www/src/__registry__/core/field.tsx b/www/src/__registry__/core/field.tsx
deleted file mode 100644
index 0e2204d64..000000000
--- a/www/src/__registry__/core/field.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { AsteriskIcon } from "lucide-react";
-import {
-  Label as AriaLabel,
-  Text as AriaText,
-  FieldError as AriaFieldError,
-  FieldErrorContext as AriaFieldErrorContext,
-  type TextProps as AriaTextProps,
-  type LabelProps as AriaLabelProps,
-  type FieldErrorProps as AriaFieldErrorProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const fieldStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-    // TODO: check peer-disabled
-    label:
-      "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none [grid-area:label] peer-disabled:cursor-not-allowed [&_svg]:size-3",
-    description: "text-fg-muted text-xs",
-    fieldError: "text-fg-danger text-xs",
-  },
-});
-
-type LabelProps = AriaLabelProps & {
-  isRequired?: boolean;
-  necessityIndicator?: "label" | "icon";
-};
-const Label = ({
-  className,
-  children,
-  isRequired,
-  necessityIndicator,
-  ...props
-}: LabelProps) => {
-  const { label } = fieldStyles();
-  const necessityLabel = isRequired ? "(required)" : "(optional)";
-  return (
-    <AriaLabel className={label({ className })} {...props}>
-      {children}
-      {isRequired && (
-        <span aria-hidden>{necessityIndicator === "icon" ? <></> : <></>}</span>
-      )}
-      {(necessityIndicator === "label" ||
-        (necessityIndicator === "icon" && isRequired)) &&
-        " \u200b"}
-      {necessityIndicator === "label" && (
-        <span aria-hidden>{necessityLabel}</span>
-      )}
-      {necessityIndicator === "icon" && isRequired && <AsteriskIcon />}
-    </AriaLabel>
-  );
-};
-
-type DescriptionProps = AriaTextProps;
-const Description = ({ className, ...props }: DescriptionProps) => {
-  const { description } = fieldStyles();
-  return (
-    <AriaText
-      {...props}
-      slot="description"
-      className={description({ className })}
-    />
-  );
-};
-
-type FieldErrorProps = Omit<AriaFieldErrorProps, "className"> & {
-  className?: string;
-};
-const FieldError = ({ className, ...props }: FieldErrorProps) => {
-  const { fieldError } = fieldStyles();
-  return <AriaFieldError {...props} className={fieldError({ className })} />;
-};
-
-interface HelpTextProps {
-  errorMessage?: FieldErrorProps["children"];
-  description?: DescriptionProps["children"];
-}
-const HelpText = (props: HelpTextProps) => {
-  const { errorMessage, description } = props;
-  const validation = React.useContext(AriaFieldErrorContext);
-  const isErrorMessage =
-    validation?.isInvalid &&
-    (!!errorMessage || validation.validationErrors.length > 0);
-  const hasHelpText = !!description || isErrorMessage;
-
-  if (!hasHelpText) return null;
-
-  return isErrorMessage ? (
-    <FieldError>{errorMessage}</FieldError>
-  ) : (
-    <Description>{description}</Description>
-  );
-};
-
-interface FieldProps extends HelpTextProps {
-  label?: LabelProps["children"];
-  isRequired?: LabelProps["isRequired"];
-  necessityIndicator?: LabelProps["necessityIndicator"];
-  contextualHelp?: React.ReactNode;
-  children?: React.ReactNode;
-}
-const Field = (props: FieldProps) => {
-  const {
-    children,
-    label,
-    isRequired,
-    necessityIndicator,
-    contextualHelp,
-    ...helpTextProps
-  } = props;
-  return (
-    <>
-      {label && contextualHelp && (
-        <span className="flex items-center gap-2">
-          <Label
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-          >
-            {label}
-          </Label>
-          {contextualHelp}
-        </span>
-      )}
-      {label && !contextualHelp && (
-        <Label isRequired={isRequired} necessityIndicator={necessityIndicator}>
-          {label}
-        </Label>
-      )}
-      {children}
-      <HelpText {...helpTextProps} />
-    </>
-  );
-};
-Field.displayName = "Field";
-
-export type {
-  LabelProps,
-  DescriptionProps,
-  FieldErrorProps,
-  HelpTextProps,
-  FieldProps,
-};
-export { Label, Description, FieldError, HelpText, Field, fieldStyles };
diff --git a/www/src/__registry__/core/file-trigger.tsx b/www/src/__registry__/core/file-trigger.tsx
deleted file mode 100644
index 829a08f3c..000000000
--- a/www/src/__registry__/core/file-trigger.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-"use client";
-
-import { FileTrigger, type FileTriggerProps } from "react-aria-components";
-
-export type { FileTriggerProps };
-export { FileTrigger };
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 1e03a5b61..c63a19969 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -1487,13 +1487,6 @@ export const Index: Record<string, any> = {
       files: ["demos/search-field/label.tsx"],
       component: React.lazy(() => import("@/demos/search-field/label")),
     },
-    "search-field-prefix-and-suffix": {
-      name: "search-field-prefix-and-suffix",
-      files: ["demos/search-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/demos/search-field/prefix-and-suffix")
-      ),
-    },
     "search-field-read-only": {
       name: "search-field-read-only",
       files: ["demos/search-field/read-only.tsx"],
diff --git a/www/src/app/(app)/themes/components/theme-select.tsx b/www/src/app/(app)/themes/components/theme-select.tsx
index b04b5d3ae..585f5bbf8 100644
--- a/www/src/app/(app)/themes/components/theme-select.tsx
+++ b/www/src/app/(app)/themes/components/theme-select.tsx
@@ -94,7 +94,9 @@ export function ThemeSelect({ className }: { className?: string }) {
             <Button shape="square">
               <MoreHorizontalIcon />
             </Button>
-            <Menu placement="bottom end">
+            <Menu
+            // TODO: placement="bottom end"
+            >
               <MenuItem
                 prefix={<GitBranchIcon />}
                 onAction={() => {
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index ced85ab36..f582245df 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,19 +1,3 @@
-"use client";
-
-import { Button } from "@/components/dynamic-core/button";
-import {
-  ColorEditor,
-  ColorPickerRoot,
-} from "@/components/dynamic-core/color-picker";
-import { ColorSwatch } from "@/components/dynamic-core/color-swatch";
-import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
-import { Drawer } from "@/registry/core/drawer_basic";
-import { Modal } from "@/registry/core/modal_basic";
-
 export default function Demo() {
-  return (
-    <div>
-      <div data-rac="" className="not-disabled:bg-red-500 size-20"></div>
-    </div>
-  );
+  return <div>internal page</div>;
 }
diff --git a/www/src/components/core/input.tsx b/www/src/components/core/input.tsx
index 530457376..3465aba6b 100644
--- a/www/src/components/core/input.tsx
+++ b/www/src/components/core/input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/input";
+export * from "@/registry/core/input_basic";
diff --git a/www/src/components/docs/code-block-client.tsx b/www/src/components/docs/code-block-client.tsx
index e9480945d..bb3813ef5 100644
--- a/www/src/components/docs/code-block-client.tsx
+++ b/www/src/components/docs/code-block-client.tsx
@@ -31,11 +31,11 @@ const codeBlockStyles = tv({
 interface CodeBlockClientProps {
   files: {
     fileName: string;
-    code: JSX.Element;
+    code: React.ReactNode;
     codeStr: string;
     lang: string;
   }[];
-  preview?: JSX.Element;
+  preview?: React.ReactNode;
   previewStr?: string;
   expandable?: boolean;
 }
@@ -115,7 +115,7 @@ const CodeBlockClient = ({
   );
 };
 
-type CodeBlockRootProps = TabsProps;
+type CodeBlockRootProps = Omit<TabsProps, "className"> & { className?: string };
 const CodeBlockRoot = ({ className, ...props }: CodeBlockRootProps) => {
   const { root } = codeBlockStyles();
   return <Tabs className={root({ className })} {...props} />;
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
index 6dcb0ca3a..cd85ce5c9 100644
--- a/www/src/components/docs/style-switcher.tsx
+++ b/www/src/components/docs/style-switcher.tsx
@@ -6,7 +6,6 @@ import { useComponentsVariants } from "@/lib/create-dynamic-component";
 import { useThemes } from "@/hooks/use-themes";
 import { Button } from "@/components/core/button";
 import { ListBox, Item } from "@/components/core/list-box";
-import { Overlay } from "@/components/core/overlay";
 import { Popover } from "@/components/core/popover";
 import { SelectRoot, SelectValue } from "@/components/core/select";
 import { core } from "@/registry/registry-core";
@@ -24,6 +23,7 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
     <SelectRoot
       selectedKey={currentVariant}
       onSelectionChange={(key) => {
+        // @ts-ignore
         setVariants((prevVariants) => ({
           ...prevVariants,
           [componentName]: key,
diff --git a/www/src/components/docs/theme-customizer.tsx b/www/src/components/docs/theme-customizer.tsx
index 8eb26eb4c..5579c0d19 100644
--- a/www/src/components/docs/theme-customizer.tsx
+++ b/www/src/components/docs/theme-customizer.tsx
@@ -37,7 +37,7 @@ export const ThemeCustomizerDialog = ({
         title="Customize theme"
         description="Pick a style and color for your components."
         type="popover"
-        placement="bottom start"
+        // TODO TODO placement="bottom start"
         className="space-y-4"
       >
         <div className="grid grid-cols-2 gap-4">
@@ -179,7 +179,7 @@ export const ThemeCustomizerDialog = ({
           <Skeleton show={isLoading}>
             <Slider
               label="Radius (rem)"
-              valueLabel
+              showValueLabel
               minValue={0}
               maxValue={1.2}
               step={0.1}
diff --git a/www/src/components/docs/theme-override.tsx b/www/src/components/docs/theme-override.tsx
index 345a3eab2..9f9177021 100644
--- a/www/src/components/docs/theme-override.tsx
+++ b/www/src/components/docs/theme-override.tsx
@@ -3,10 +3,8 @@
 import React, { ReactNode } from "react";
 import { cn } from "@/lib/cn";
 import { googleFonts } from "@/lib/fonts";
-import { useDebounce } from "@/hooks/use-debounce";
 import { useMounted } from "@/hooks/use-mounted";
 import { useThemes } from "@/hooks/use-themes";
-import { Skeleton } from "@/components/core/skeleton";
 
 interface ThemeOverrideProps extends React.ComponentProps<"div"> {
   children?: React.ReactNode;
@@ -21,7 +19,6 @@ export const ThemeOverride = React.forwardRef<
   const headingFont = googleFonts.find((f) => f.id === fonts.heading);
   const bodyFont = googleFonts.find((f) => f.id === fonts.body);
   const isMounted = useMounted();
-  const debouncedIsMounted = useDebounce(isMounted, 500);
 
   // fonts
   React.useEffect(() => {
@@ -53,7 +50,6 @@ export const ThemeOverride = React.forwardRef<
       }
     )
   );
-  return children;
 
   return (
     <div
@@ -62,9 +58,7 @@ export const ThemeOverride = React.forwardRef<
       data-theme={currentTheme.id}
       style={
         {
-          ...(debouncedIsMounted ? styles : {}),
-          ...baseCssVars,
-          "--radius": `${currentTheme.radius}rem`,
+          ...styles,
         } as React.CSSProperties
       }
       className={cn("bg-bg text-fg", props.className)}
@@ -75,92 +69,3 @@ export const ThemeOverride = React.forwardRef<
 });
 
 ThemeOverride.displayName = "ThemeOverride";
-
-const baseCssVars = {
-  "--color-bg": "var(--color-neutral-100)",
-  "--color-bg-muted": "var(--color-neutral-200)",
-  "--color-bg-inverse": "var(--color-neutral-1000)",
-  "--color-bg-disabled": "var(--color-neutral-200)",
-  "--color-bg-tooltip": "var(--color-neutral-300)",
-  "--color-bg-overlay": "var(--color-neutral-200)",
-
-  "--color-bg-neutral": "var(--color-neutral-300)",
-  "--color-bg-neutral-hover": "var(--color-neutral-400)",
-  "--color-bg-neutral-active": "var(--color-neutral-500)",
-
-  "--color-bg-primary": "var(--color-neutral-1000)",
-  "--color-bg-primary-hover": "var(--color-neutral-900)",
-  "--color-bg-primary-active": "var(--color-neutral-800)",
-
-  "--color-bg-success": "var(--color-success-500)",
-  "--color-bg-success-hover": "var(--color-success-600)",
-  "--color-bg-success-active": "var(--color-success-700)",
-  "--color-bg-success-muted": "var(--color-success-200)",
-  "--color-bg-success-muted-hover": "var(--color-success-300)",
-  "--color-bg-success-muted-active": "var(--color-success-300)",
-
-  "--color-bg-danger": "var(--color-danger-500)",
-  "--color-bg-danger-hover": "var(--color-danger-600)",
-  "--color-bg-danger-active": "var(--color-danger-700)",
-  "--color-bg-danger-muted": "var(--color-danger-100)",
-  "--color-bg-danger-muted-hover": "var(--color-danger-300)",
-  "--color-bg-danger-muted-active": "var(--color-danger-300)",
-
-  "--color-bg-warning": "var(--color-warning-500)",
-  "--color-bg-warning-hover": "var(--color-warning-600)",
-  "--color-bg-warning-active": "var(--color-warning-700)",
-  "--color-bg-warning-muted": "var(--color-warning-100)",
-  "--color-bg-warning-muted-hover": "var(--color-warning-300)",
-  "--color-bg-warning-muted-active": "var(--color-warning-300)",
-
-  "--color-bg-accent": "var(--color-accent-500)",
-  "--color-bg-accent-hover": "var(--color-accent-600)",
-  "--color-bg-accent-active": "var(--color-accent-700)",
-  "--color-bg-accent-muted": "var(--color-accent-200)",
-  "--color-bg-accent-muted-hover": "var(--color-accent-300)",
-  "--color-bg-accent-muted-active": "var(--color-accent-300)",
-
-  "--color-fg": "var(--color-neutral-1000)",
-  "--color-fg-muted": "var(--color-neutral-800)",
-  "--color-fg-inverse": "var(--color-neutral-100)",
-  "--color-fg-disabled": "var(--color-neutral-500)",
-
-  "--color-fg-danger": "var(--color-danger-700)",
-  "--color-fg-warning": "var(--color-warning-600)",
-  "--color-fg-success": "var(--color-success-700)",
-  "--color-fg-accent": "var(--color-accent-700)",
-
-  "--color-fg-link": "var(--color-neutral-1000)",
-  "--color-fg-link-hover": "var(--color-neutral-1000)",
-  "--color-fg-link-active": "var(--color-neutral-1000)",
-  "--color-fg-link-visited": "var(--color-neutral-1000)",
-
-  "--color-fg-onAccent": "var(--color-neutral-1000)",
-  "--color-fg-onNeutral": "var(--color-neutral-1000)",
-  "--color-fg-onPrimary": "var(--color-neutral-100)",
-  "--color-fg-onSuccess": "var(--color-neutral-1000)",
-  "--color-fg-onMutedSuccess": "var(--color-neutral-1000)",
-  "--color-fg-onDanger": "var(--color-neutral-1000)",
-  "--color-fg-onMutedDanger": "var(--color-neutral-1000)",
-  "--color-fg-onWarning": "var(--color-neutral-1000)",
-  "--color-fg-onMutedWarning": "var(--color-neutral-1000)",
-
-  "--color-fg-onTooltip": "var(--color-neutral-1000)",
-
-  "--color-border": "var(--color-neutral-300)",
-  "--color-border-field": "var(--color-neutral-400)",
-  "--color-border-control": "var(--color-neutral-700)",
-  "--color-border-hover": "var(--color-neutral-1000)",
-  "--color-border-active": "var(--color-neutral-500)",
-  "--color-border-disabled": "var(--color-neutral-300)",
-
-  "--color-border-success": "var(--color-success-300)",
-  "--color-border-danger": "var(--color-danger-300)",
-  "--color-border-warning": "var(--color-warning-300)",
-  "--color-border-info": "var(--color-info-300)",
-  "--color-border-accent": "var(--color-accent-300)",
-
-  "--color-border-secondary": "var(--color-neutral-200)",
-  "--color-border-focus": "var(--color-accent-500)",
-  "--color-border-inverse": "var(--color-neutral-500)",
-};
diff --git a/www/src/components/docs/toc.tsx b/www/src/components/docs/toc.tsx
index 2892e2e0a..133d9d7df 100644
--- a/www/src/components/docs/toc.tsx
+++ b/www/src/components/docs/toc.tsx
@@ -28,7 +28,7 @@ export const TableOfContents = ({ toc }: { toc: TocType }) => {
 const TocItems = ({ toc }: { toc: TocType }) => {
   const containerRef = React.useRef<HTMLDivElement>(null);
   const viewportRef = React.useRef<HTMLDivElement>(null);
-  const pos = useTocThumb(containerRef);
+  const pos = useTocThumb(containerRef as React.RefObject<HTMLElement>);
 
   return (
     <TocPrimitive.ScrollProvider containerRef={viewportRef}>
diff --git a/www/src/components/dynamic-core/input.tsx b/www/src/components/dynamic-core/input.tsx
index 0f4983fc3..a7c026a8e 100644
--- a/www/src/components/dynamic-core/input.tsx
+++ b/www/src/components/dynamic-core/input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/input";
+export * from "@/registry/core/input_basic";
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index 5ec838b8b..cc689e4ff 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -122,8 +122,9 @@ const SearchDocs = ({ children }: { children: React.ReactNode }) => {
       {children}
       <Dialog className="p-0!">
         <SearchCommand
-          onRunCommand={() => setIsOpen(false)}
-          className="h-72 max-h-full rounded-lg"
+        // TODO CHECK THIS
+        // onRunCommand={() => setIsOpen(false)}
+        // className="h-72 max-h-full rounded-lg"
         />
         <Button
           slot="close"
diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
index ad3af9680..81b2dea61 100644
--- a/www/src/components/search-command-client.tsx
+++ b/www/src/components/search-command-client.tsx
@@ -15,7 +15,7 @@ import { MenuContent, MenuItem } from "@/components/core/menu";
 import { SearchField, SearchFieldRoot } from "@/components/core/search-field";
 import { Section } from "@/components/core/section";
 import { Command } from "@/registry/core/command";
-import { Input, InputRoot } from "@/registry/core/input_new";
+import { Input, InputRoot } from "@/registry/core/input_basic";
 
 interface Heading {
   id: string;
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 9fbb0a4ce..2d34bdb08 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -266,8 +266,9 @@ const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
       </StyledTooltip>
       <Dialog className="p-0!">
         <SearchCommand
-          onRunCommand={() => setIsOpen(false)}
-          className="h-72 max-h-full rounded-lg"
+        // TODO CHECK THIS
+        // onRunCommand={() => setIsOpen(false)}
+        // className="h-72 max-h-full rounded-lg"
         />
         <Button
           variant="outline"
diff --git a/www/src/demos/alert/action.tsx b/www/src/demos/alert/action.tsx
index d18df573e..3a8691aa0 100644
--- a/www/src/demos/alert/action.tsx
+++ b/www/src/demos/alert/action.tsx
@@ -9,7 +9,8 @@ export default function AlertDemo() {
           Upgrade
         </Button>
       }
-      description="You are currently on the free plan. Upgrade to unlock more features."
-    />
+    >
+      You are currently on the free plan. Upgrade to unlock more features.
+    </Alert>
   );
 }
diff --git a/www/src/demos/alert/content.tsx b/www/src/demos/alert/content.tsx
index 4410652a3..278537e78 100644
--- a/www/src/demos/alert/content.tsx
+++ b/www/src/demos/alert/content.tsx
@@ -2,9 +2,8 @@ import { Alert } from "@/components/dynamic-core/alert";
 
 export default function AlertDemo() {
   return (
-    <Alert
-      title="Payment Information"
-      description="Enter your payment method to complete your purchase."
-    />
+    <Alert title="Payment Information">
+      Enter your payment method to complete your purchase.
+    </Alert>
   );
 }
diff --git a/www/src/demos/checkbox-group/cards.tsx b/www/src/demos/checkbox-group/cards.tsx
index e04c8f802..66575723a 100644
--- a/www/src/demos/checkbox-group/cards.tsx
+++ b/www/src/demos/checkbox-group/cards.tsx
@@ -6,7 +6,7 @@ export default function Demo() {
     <CheckboxGroup
       label="React frameworks"
       defaultValue={["nextjs"]}
-      variant="card"
+      appearance="card"
       className="w-52"
     >
       <Checkbox value="nextjs">Next.js</Checkbox>
diff --git a/www/src/demos/checkbox-group/required.tsx b/www/src/demos/checkbox-group/required.tsx
index 366c226c6..c5390d1af 100644
--- a/www/src/demos/checkbox-group/required.tsx
+++ b/www/src/demos/checkbox-group/required.tsx
@@ -4,31 +4,9 @@ import { CheckboxGroup } from "@/components/dynamic-core/checkbox-group";
 
 export default function Demo() {
   return (
-    <div className="grid grid-cols-2 gap-4">
-      <CheckboxGroup label="React frameworks" isRequired>
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup
-        label="React frameworks"
-        isRequired
-        necessityIndicator="icon"
-      >
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup
-        label="React frameworks"
-        isRequired
-        necessityIndicator="label"
-      >
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-      <CheckboxGroup label="React frameworks" necessityIndicator="label">
-        <Checkbox value="nextjs">Next.js</Checkbox>
-        <Checkbox value="remix">Remix</Checkbox>
-      </CheckboxGroup>
-    </div>
+    <CheckboxGroup label="React frameworks" isRequired>
+      <Checkbox value="nextjs">Next.js</Checkbox>
+      <Checkbox value="remix">Remix</Checkbox>
+    </CheckboxGroup>
   );
 }
diff --git a/www/src/demos/color-field/loading.tsx b/www/src/demos/color-field/loading.tsx
deleted file mode 100644
index fc97c3961..000000000
--- a/www/src/demos/color-field/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { ColorField } from "@/components/dynamic-core/color-field";
-
-export default function Demo() {
-  return (
-    <div className="flex flex-col items-center gap-4">
-      <ColorField isLoading loaderPosition="prefix" />
-      <ColorField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/color-field/required.tsx b/www/src/demos/color-field/required.tsx
index 4652486b6..708624728 100644
--- a/www/src/demos/color-field/required.tsx
+++ b/www/src/demos/color-field/required.tsx
@@ -1,15 +1,6 @@
-"use client";
-
 import React from "react";
 import { ColorField } from "@/components/dynamic-core/color-field";
 
 export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <ColorField label="Color" isRequired />
-      <ColorField label="Color" isRequired necessityIndicator="icon" />
-      <ColorField label="Color" isRequired necessityIndicator="label" />
-      <ColorField label="Color" necessityIndicator="label" />
-    </div>
-  );
+  return <ColorField label="Color" isRequired />;
 }
diff --git a/www/src/demos/date-picker/controlled.tsx b/www/src/demos/date-picker/controlled.tsx
index 43e9f957c..8157493a6 100644
--- a/www/src/demos/date-picker/controlled.tsx
+++ b/www/src/demos/date-picker/controlled.tsx
@@ -2,14 +2,19 @@
 
 import React from "react";
 import { parseDate } from "@internationalized/date";
+import type { DateValue } from "react-aria-components";
 import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
-  const [value, setValue] = React.useState(parseDate("2020-02-03"));
+  const [value, setValue] = React.useState<DateValue | null>(
+    parseDate("2020-02-03")
+  );
   return (
     <div className="flex flex-col items-center gap-4">
       <DatePicker label="Meeting date" value={value} onChange={setValue} />
-      <p className="text-fg-muted text-sm">selected date: {value.toString()}</p>
+      <p className="text-fg-muted text-sm">
+        selected date: {value?.toString()}
+      </p>
     </div>
   );
 }
diff --git a/www/src/demos/date-range-picker/controlled.tsx b/www/src/demos/date-range-picker/controlled.tsx
index d4ed6d123..ac742404f 100644
--- a/www/src/demos/date-range-picker/controlled.tsx
+++ b/www/src/demos/date-range-picker/controlled.tsx
@@ -3,10 +3,11 @@
 import React from "react";
 import { getLocalTimeZone, parseDate } from "@internationalized/date";
 import { useDateFormatter } from "react-aria";
+import { type DateRange } from "react-aria-components";
 import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
-  const [value, setValue] = React.useState({
+  const [value, setValue] = React.useState<DateRange | null>({
     start: parseDate("2024-02-03"),
     end: parseDate("2024-02-08"),
   });
diff --git a/www/src/demos/menu/placement.tsx b/www/src/demos/menu/placement.tsx
index f9f3e1360..f8ae77d76 100644
--- a/www/src/demos/menu/placement.tsx
+++ b/www/src/demos/menu/placement.tsx
@@ -12,17 +12,18 @@ import {
 } from "@/components/dynamic-core/menu";
 import { Select } from "@/components/dynamic-core/select";
 
-type Placement = MenuProps<object>["placement"];
+// TODO
+// type Placement = MenuProps<object>["placement"]
 
 export default function Demo() {
-  const [placement, setPlacement] = React.useState<Placement>("top");
+  const [placement, setPlacement] = React.useState("top");
   return (
     <div className="flex items-center gap-10">
       <MenuRoot>
         <Button variant="outline" shape="square" size="sm">
           <MenuIcon />
         </Button>
-        <Menu placement={placement}>
+        <Menu>
           <MenuItem>Account settings</MenuItem>
           <MenuItem>Create team</MenuItem>
           <MenuItem>Log out</MenuItem>
@@ -31,7 +32,7 @@ export default function Demo() {
       <Select
         label="Placement"
         selectedKey={placement}
-        onSelectionChange={(key) => setPlacement(key as Placement)}
+        onSelectionChange={(key) => setPlacement(key as string)}
       >
         {[
           "bottom",
diff --git a/www/src/demos/number-field/required.tsx b/www/src/demos/number-field/required.tsx
index 42487cb39..6f8b9e2ca 100644
--- a/www/src/demos/number-field/required.tsx
+++ b/www/src/demos/number-field/required.tsx
@@ -2,12 +2,5 @@ import React from "react";
 import { NumberField } from "@/components/dynamic-core/number-field";
 
 export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <NumberField label="Width" isRequired />
-      <NumberField label="Width" isRequired necessityIndicator="icon" />
-      <NumberField label="Width" isRequired necessityIndicator="label" />
-      <NumberField label="Width" necessityIndicator="label" />
-    </div>
-  );
+  return <NumberField label="Width" isRequired />;
 }
diff --git a/www/src/demos/radio-group/required.tsx b/www/src/demos/radio-group/required.tsx
index b993b1450..9e5b200a0 100644
--- a/www/src/demos/radio-group/required.tsx
+++ b/www/src/demos/radio-group/required.tsx
@@ -3,33 +3,9 @@ import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 
 export default function Demo() {
   return (
-    <div className="grid grid-cols-2 gap-4">
-      <RadioGroup defaultValue="sm" label="Size" isRequired>
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup
-        defaultValue="sm"
-        label="Size"
-        isRequired
-        necessityIndicator="icon"
-      >
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup
-        defaultValue="sm"
-        label="Size"
-        isRequired
-        necessityIndicator="label"
-      >
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-      <RadioGroup defaultValue="sm" label="Size" necessityIndicator="label">
-        <Radio value="sm">Small</Radio>
-        <Radio value="lg">Large</Radio>
-      </RadioGroup>
-    </div>
+    <RadioGroup defaultValue="sm" label="Size" isRequired>
+      <Radio value="sm">Small</Radio>
+      <Radio value="lg">Large</Radio>
+    </RadioGroup>
   );
 }
diff --git a/www/src/demos/registry.ts b/www/src/demos/registry.ts
index 7361ba61b..49309068e 100644
--- a/www/src/demos/registry.ts
+++ b/www/src/demos/registry.ts
@@ -337,7 +337,6 @@ export const demos: RegistryDemos = [
     "error-message",
     "form",
     "label",
-    "prefix-and-suffix",
     "read-only",
     "required",
     "sizes",
diff --git a/www/src/demos/search-field/loading.tsx b/www/src/demos/search-field/loading.tsx
deleted file mode 100644
index 2b021e2c9..000000000
--- a/www/src/demos/search-field/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { SearchField } from "@/components/dynamic-core/search-field";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <SearchField isLoading loaderPosition="prefix" />
-      <SearchField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/search-field/prefix-and-suffix.tsx b/www/src/demos/search-field/prefix-and-suffix.tsx
deleted file mode 100644
index 0294bfb5b..000000000
--- a/www/src/demos/search-field/prefix-and-suffix.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-"use client";
-
-import { XCircleIcon } from "lucide-react";
-import { Button } from "@/components/dynamic-core/button";
-import { SearchField } from "@/components/dynamic-core/search-field";
-import { Tooltip } from "@/components/dynamic-core/tooltip";
-
-export default function Demo() {
-  return (
-    <SearchField
-      defaultValue="Hello world!"
-      prefix="🔍"
-      suffix={({ isEmpty, isDisabled }) => {
-        if (isEmpty || isDisabled) return null;
-        return (
-          <Tooltip content="Clear input" className="text-xs">
-            <Button variant="quiet" shape="square" size="sm" className="size-6">
-              <XCircleIcon />
-            </Button>
-          </Tooltip>
-        );
-      }}
-    />
-  );
-}
diff --git a/www/src/demos/search-field/required.tsx b/www/src/demos/search-field/required.tsx
index bd3657437..2c3918d24 100644
--- a/www/src/demos/search-field/required.tsx
+++ b/www/src/demos/search-field/required.tsx
@@ -2,12 +2,5 @@ import React from "react";
 import { SearchField } from "@/components/dynamic-core/search-field";
 
 export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <SearchField label="Search" isRequired />
-      <SearchField label="Search" isRequired necessityIndicator="icon" />
-      <SearchField label="Search" isRequired necessityIndicator="label" />
-      <SearchField label="Search" necessityIndicator="label" />
-    </div>
-  );
+  return <SearchField label="Search" isRequired />;
 }
diff --git a/www/src/demos/slider/format-options.tsx b/www/src/demos/slider/format-options.tsx
index 12ecff055..27c1092df 100644
--- a/www/src/demos/slider/format-options.tsx
+++ b/www/src/demos/slider/format-options.tsx
@@ -6,7 +6,7 @@ export default function Demo() {
       label="Price"
       formatOptions={{ style: "currency", currency: "JPY" }}
       defaultValue={60}
-      valueLabel
+      showValueLabel
     />
   );
 }
diff --git a/www/src/demos/slider/range.tsx b/www/src/demos/slider/range.tsx
index f35dabc4e..e8d37d931 100644
--- a/www/src/demos/slider/range.tsx
+++ b/www/src/demos/slider/range.tsx
@@ -4,7 +4,7 @@ export default function Demo() {
   return (
     <Slider
       label="Price Range"
-      valueLabel
+      showValueLabel
       defaultValue={[200, 300]}
       minValue={100}
       maxValue={500}
diff --git a/www/src/demos/slider/step.tsx b/www/src/demos/slider/step.tsx
index a830c1f2a..98e700925 100644
--- a/www/src/demos/slider/step.tsx
+++ b/www/src/demos/slider/step.tsx
@@ -2,6 +2,12 @@ import { Slider } from "@/components/dynamic-core/slider";
 
 export default function Demo() {
   return (
-    <Slider label="Opacity" valueLabel minValue={0} maxValue={100} step={5} />
+    <Slider
+      label="Opacity"
+      showValueLabel
+      minValue={0}
+      maxValue={100}
+      step={5}
+    />
   );
 }
diff --git a/www/src/demos/slider/value-label.tsx b/www/src/demos/slider/value-label.tsx
index 07621d0d0..d21fa07e9 100644
--- a/www/src/demos/slider/value-label.tsx
+++ b/www/src/demos/slider/value-label.tsx
@@ -8,13 +8,14 @@ export default function Demo() {
       <Slider
         defaultValue={50}
         label="Donuts to buy"
-        valueLabel
+        showValueLabel
         className="w-60!"
       />
       <Slider
         defaultValue={50}
         label="Donuts to buy"
-        valueLabel={(donuts) => `${donuts[0]} of 100 Donuts`}
+        showValueLabel
+        getValueLabel={(donuts) => `${donuts[0]} of 100 Donuts`}
         className="w-60!"
       />
     </div>
diff --git a/www/src/demos/table/reordable.tsx b/www/src/demos/table/reordable.tsx
index c26645ab8..ad0f5e2f7 100644
--- a/www/src/demos/table/reordable.tsx
+++ b/www/src/demos/table/reordable.tsx
@@ -30,6 +30,7 @@ export default function Demo() {
   const { dragAndDropHooks } = useDragAndDrop({
     getItems: (keys) =>
       [...keys].map((key) => ({
+        // @ts-ignore
         "text/plain": list.getItem(key).name,
       })),
     onReorder(e) {
diff --git a/www/src/demos/text-area/loading.tsx b/www/src/demos/text-area/loading.tsx
deleted file mode 100644
index 2ee9de19f..000000000
--- a/www/src/demos/text-area/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import { TextArea } from "@/components/dynamic-core/text-area";
-
-export default function Demo() {
-  return (
-    <div className="flex items-center gap-4">
-      <TextArea isLoading loaderPosition="prefix" />
-      <TextArea isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/text-area/required.tsx b/www/src/demos/text-area/required.tsx
index eea11ccec..a705263d0 100644
--- a/www/src/demos/text-area/required.tsx
+++ b/www/src/demos/text-area/required.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 import React from "react";
 import { TextArea } from "@/components/dynamic-core/text-area";
 
@@ -7,7 +5,6 @@ export default function Demo() {
   return (
     <TextArea
       isRequired
-      necessityIndicator="icon"
       label="Description"
       placeholder="Type your message here"
     />
diff --git a/www/src/demos/text-field/required.tsx b/www/src/demos/text-field/required.tsx
index befe51762..0c757695d 100644
--- a/www/src/demos/text-field/required.tsx
+++ b/www/src/demos/text-field/required.tsx
@@ -1,15 +1,6 @@
-"use client";
-
 import React from "react";
 import { TextField } from "@/components/dynamic-core/text-field";
 
 export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <TextField label="Email" isRequired />
-      <TextField label="Email" isRequired necessityIndicator="icon" />
-      <TextField label="Email" isRequired necessityIndicator="label" />
-      <TextField label="Email" necessityIndicator="label" />
-    </div>
-  );
+  return <TextField label="Email" isRequired />;
 }
diff --git a/www/src/demos/time-field/loading.tsx b/www/src/demos/time-field/loading.tsx
deleted file mode 100644
index 9f92b780e..000000000
--- a/www/src/demos/time-field/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import React from "react";
-import { TimeField } from "@/components/dynamic-core/time-field";
-
-export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-2">
-      <TimeField isLoading loaderPosition="prefix" />
-      <TimeField isLoading loaderPosition="suffix" />
-    </div>
-  );
-}
diff --git a/www/src/demos/time-field/required.tsx b/www/src/demos/time-field/required.tsx
index 100901174..a5892c15a 100644
--- a/www/src/demos/time-field/required.tsx
+++ b/www/src/demos/time-field/required.tsx
@@ -1,15 +1,6 @@
-"use client";
-
 import React from "react";
 import { TimeField } from "@/components/dynamic-core/time-field";
 
 export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <TimeField label="Event time" isRequired />
-      <TimeField label="Event time" isRequired necessityIndicator="icon" />
-      <TimeField label="Event time" isRequired necessityIndicator="label" />
-      <TimeField label="Event time" necessityIndicator="label" />
-    </div>
-  );
+  return <TimeField label="Event time" isRequired />;
 }
diff --git a/www/src/demos/tooltip/with-arrow.tsx b/www/src/demos/tooltip/with-arrow.tsx
index 5025cb731..d28a281e4 100644
--- a/www/src/demos/tooltip/with-arrow.tsx
+++ b/www/src/demos/tooltip/with-arrow.tsx
@@ -4,7 +4,7 @@ import { Tooltip } from "@/components/dynamic-core/tooltip";
 
 export default function TooltipDemo() {
   return (
-    <Tooltip content="Add to library" arrow>
+    <Tooltip content="Add to library" showArrow>
       <Button shape="square">
         <PlusIcon />
       </Button>
diff --git a/www/src/lib/create-icon.tsx b/www/src/lib/create-icon.tsx
index ed8845579..f7ccf9c11 100644
--- a/www/src/lib/create-icon.tsx
+++ b/www/src/lib/create-icon.tsx
@@ -1,23 +1,8 @@
 import React, { SVGProps } from "react";
 import { useThemes } from "@/hooks/use-themes";
-import { Icons } from "@/__registry__/icons/registry";
 
 type IconProps = SVGProps<SVGSVGElement>;
 
 export const createIcon = (name: string) => {
-  const icon = Icons[name as keyof typeof Icons];
-  if (!icon) {
-    return null;
-  }
-
-  const Icon: React.FC<IconProps> = (props: IconProps) => {
-    const { currentIconLibrary } = useThemes();
-
-    if (!currentIconLibrary || !icon || !icon[currentIconLibrary]) return null;
-
-    const IconComponent = icon[currentIconLibrary] as React.FC<IconProps>;
-
-    return <IconComponent {...props} />;
-  };
-  return Icon;
+  return null;
 };
diff --git a/www/src/registry/core/avatar.tsx b/www/src/registry/core/avatar.tsx
index 9a0bad399..6fb64fa31 100644
--- a/www/src/registry/core/avatar.tsx
+++ b/www/src/registry/core/avatar.tsx
@@ -39,12 +39,21 @@ const [AvatarProvider, useAvatarContext] = createScopedContext<
   }
 >("AlertRoot");
 
-interface AvatarProps extends AvatarImageProps {
+interface AvatarProps
+  extends AvatarImageProps,
+    VariantProps<typeof avatarStyles> {
   fallback?: React.ReactNode;
 }
-const Avatar = ({ className, style, fallback, ...props }: AvatarProps) => {
+const Avatar = ({
+  className,
+  style,
+  fallback,
+  size,
+  shape,
+  ...props
+}: AvatarProps) => {
   return (
-    <AvatarRoot className={className} style={style}>
+    <AvatarRoot className={className} style={style} size={size} shape={shape}>
       <AvatarImage {...props} />
       <AvatarFallback>{fallback}</AvatarFallback>
       <AvatarPlaceholder />
diff --git a/www/src/registry/core/color-field.tsx b/www/src/registry/core/color-field.tsx
index e6f5bb8fa..bc70865dc 100644
--- a/www/src/registry/core/color-field.tsx
+++ b/www/src/registry/core/color-field.tsx
@@ -11,7 +11,7 @@ import {
   InputRoot,
   Input,
   type InputRootProps,
-} from "@/registry/core/input_new";
+} from "@/registry/core/input_basic";
 
 const colorFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/core/combobox.tsx b/www/src/registry/core/combobox.tsx
index ab8a6d315..765918173 100644
--- a/www/src/registry/core/combobox.tsx
+++ b/www/src/registry/core/combobox.tsx
@@ -9,7 +9,7 @@ import {
 import { tv } from "tailwind-variants";
 import { Button } from "@/registry/core/button-01";
 import { Field, type FieldProps } from "@/registry/core/field";
-import { Input, InputRoot } from "@/registry/core/input";
+import { Input, InputRoot } from "@/registry/core/input_basic";
 import { ListBox } from "@/registry/core/list-box";
 import { Overlay } from "@/registry/core/overlay";
 
diff --git a/www/src/registry/core/command.tsx b/www/src/registry/core/command.tsx
index 02eb91a8e..32a260529 100644
--- a/www/src/registry/core/command.tsx
+++ b/www/src/registry/core/command.tsx
@@ -1,11 +1,7 @@
 "use client";
 
 import React from "react";
-import {
-  AutocompleteProps,
-  UNSTABLE_Autocomplete as AriaAutocomplete,
-  composeRenderProps,
-} from "react-aria-components";
+import { UNSTABLE_Autocomplete as AriaAutocomplete } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const commandStyles = tv({
diff --git a/www/src/registry/core/date-field copy.tsx b/www/src/registry/core/date-field copy.tsx
index 73aeed9a4..c8a54023e 100644
--- a/www/src/registry/core/date-field copy.tsx	
+++ b/www/src/registry/core/date-field copy.tsx	
@@ -10,7 +10,7 @@ import {
 import { tv } from "tailwind-variants";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
 import { HelpText, Label, type FieldProps } from "./field_new";
-import { InputRoot, type InputRootProps } from "./input_new";
+import { InputRoot, type InputRootProps } from "./input_basic";
 
 const dateFieldStyles = tv({
   base: "flex w-32 flex-col items-start gap-2",
diff --git a/www/src/registry/core/date-field.tsx b/www/src/registry/core/date-field.tsx
index b9b91199a..146946000 100644
--- a/www/src/registry/core/date-field.tsx
+++ b/www/src/registry/core/date-field.tsx
@@ -10,7 +10,7 @@ import {
 import { tv } from "tailwind-variants";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
 import { HelpText, Label, type FieldProps } from "./field_new";
-import { InputRoot, type InputRootProps } from "./input_new";
+import { InputRoot, type InputRootProps } from "./input_basic";
 
 const dateFieldStyles = tv({
   base: "flex w-32 flex-col items-start gap-2",
diff --git a/www/src/registry/core/date-picker.tsx b/www/src/registry/core/date-picker.tsx
index dc0449d1b..49bc7768c 100644
--- a/www/src/registry/core/date-picker.tsx
+++ b/www/src/registry/core/date-picker.tsx
@@ -13,7 +13,7 @@ import { Calendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
 import { Dialog } from "@/registry/core/dialog_basic";
 import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
-import { InputRoot, type inputStyles } from "@/registry/core/input";
+import { InputRoot, type inputStyles } from "@/registry/core/input_basic";
 
 interface DatePickerProps<T extends DateValue>
   extends DatePickerRootProps<T>,
@@ -57,9 +57,7 @@ const DatePicker = <T extends DateValue>({
         <InputRoot
           size={size}
           prefix={prefix}
-          isLoading={isLoading}
           isInvalid={isInvalid}
-          loaderPosition="prefix"
           className="pr-1"
         >
           <DateInput className="flex-1">
diff --git a/www/src/registry/core/date-range-picker.tsx b/www/src/registry/core/date-range-picker.tsx
index 351d771bf..ac4dce464 100644
--- a/www/src/registry/core/date-range-picker.tsx
+++ b/www/src/registry/core/date-range-picker.tsx
@@ -13,7 +13,7 @@ import { RangeCalendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
 import { Dialog } from "@/registry/core/dialog_basic";
 import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
-import { InputRoot, type inputStyles } from "@/registry/core/input";
+import { InputRoot, type inputStyles } from "@/registry/core/input_basic";
 
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
@@ -52,13 +52,7 @@ const DateRangePicker = <T extends DateValue>({
         necessityIndicator={necessityIndicator}
         contextualHelp={contextualHelp}
       >
-        <InputRoot
-          size={size}
-          prefix={prefix}
-          isLoading={isLoading}
-          loaderPosition="prefix"
-          className="pr-1"
-        >
+        <InputRoot size={size} prefix={prefix} className="pr-1">
           <DateInput slot="start">
             {(segment) => <DateSegment segment={segment} />}
           </DateInput>
diff --git a/www/src/registry/core/input.tsx b/www/src/registry/core/input.tsx
deleted file mode 100644
index 1402c0de4..000000000
--- a/www/src/registry/core/input.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { mergeRefs, chain } from "@react-aria/utils";
-import { useControlledState } from "@react-stately/utils";
-import { Loader2Icon } from "lucide-react";
-import {
-  Provider,
-  composeRenderProps,
-  Input as AriaInput,
-  Group as AriaGroup,
-  TextArea as AriaTextArea,
-  InputContext as AriaInputContext,
-  TextAreaContext as AriaTextAreaContext,
-  type TextAreaProps as AriaTextAreaProps,
-  type GroupProps as AriaGroupProps,
-  type InputProps as AriaInputProps,
-  useSlottedContext,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusInput } from "@/registry/lib/focus-styles";
-
-const inputStyles = tv({
-  slots: {
-    root: [
-      focusInput(),
-      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
-      "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-default",
-      "invalid:border-border-danger focus-within:invalid:border-border",
-    ],
-    input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
-    ],
-  },
-  variants: {
-    size: {
-      sm: { root: "h-8" },
-      md: { root: "h-9" },
-      lg: { root: "h-10" },
-    },
-    multiline: {
-      true: {
-        root: "h-auto flex-col items-stretch p-2",
-        input: "min-h-14 resize-none overflow-auto",
-      },
-      false: {
-        input: "flex-1",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-    multiline: false,
-  },
-});
-
-interface TextAreaInputProps extends Omit<AriaTextAreaProps, "className"> {
-  className?: string;
-}
-const TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(
-  ({ className, onChange, rows = 1, ...props }, forwardedRef) => {
-    const { input } = inputStyles({ multiline: true });
-    const [inputValue, setInputValue] = useControlledState(
-      props.value,
-      props.defaultValue ?? "",
-      () => {
-        // Do nothing
-      }
-    );
-    const inputRef = React.useRef<HTMLTextAreaElement>(null);
-
-    const onHeightChange = React.useCallback(() => {
-      if (inputRef.current) {
-        const input = inputRef.current;
-        const prevAlignment = input.style.alignSelf;
-        const prevOverflow = input.style.overflow;
-        const isFirefox = "MozAppearance" in input.style;
-        if (!isFirefox) {
-          input.style.overflow = "hidden";
-        }
-        input.style.alignSelf = "start";
-        input.style.height = "auto";
-        input.style.height = `${
-          input.scrollHeight + (input.offsetHeight - input.clientHeight)
-        }px`;
-        input.style.overflow = prevOverflow;
-        input.style.alignSelf = prevAlignment;
-      }
-    }, [inputRef]);
-
-    React.useLayoutEffect(() => {
-      if (inputRef.current) {
-        onHeightChange();
-      }
-    }, [onHeightChange, inputValue, inputRef]);
-
-    return (
-      <AriaTextArea
-        ref={mergeRefs(inputRef, forwardedRef)}
-        className={input({ className })}
-        onChange={chain(onChange, setInputValue)}
-        rows={rows}
-        {...props}
-      />
-    );
-  }
-);
-TextAreaInput.displayName = "TextAreaInput";
-
-interface InputProps
-  extends Omit<AriaInputProps, "className" | "size" | "prefix"> {
-  className?: string;
-}
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, ...props }, ref) => {
-    const { input } = inputStyles();
-    return <AriaInput ref={ref} className={input({ className })} {...props} />;
-  }
-);
-Input.displayName = "Input";
-
-interface InputRootProps
-  extends Omit<AriaGroupProps, "className" | "prefix">,
-    VariantProps<typeof inputStyles> {
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-  isLoading?: boolean;
-  loaderPosition?: "prefix" | "suffix";
-  className?: string;
-}
-const InputRoot = ({
-  className,
-  prefix,
-  suffix,
-  isLoading,
-  loaderPosition,
-  size,
-  multiline,
-  ...props
-}: InputRootProps) => {
-  const { root } = inputStyles({ size, multiline });
-  const inputContext = useSlottedContext(AriaInputContext);
-  const textAreaContext = useSlottedContext(AriaTextAreaContext);
-  const inputRef = React.useRef(null);
-  const isDisabled =
-    props.isDisabled || inputContext?.disabled || textAreaContext?.disabled;
-  const isInvalid =
-    props.isInvalid ||
-    (!!inputContext?.["aria-invalid"] &&
-      inputContext["aria-invalid"] !== "false") ||
-    (!!textAreaContext?.["aria-invalid"] &&
-      textAreaContext["aria-invalid"] !== "false");
-
-  const handlePointerDown = (event: React.PointerEvent<HTMLElement>) => {
-    const target = event.target as HTMLElement;
-    if (target.closest("input, button, a")) return;
-    const input = (
-      inputRef as React.RefObject<HTMLInputElement | HTMLTextAreaElement>
-    ).current;
-    if (!input) return;
-    requestAnimationFrame(() => {
-      input.focus();
-    });
-  };
-
-  return (
-    <AriaGroup
-      role="presentation"
-      {...props}
-      onPointerDown={handlePointerDown}
-      isDisabled={isDisabled}
-      isInvalid={isInvalid}
-      className={root({ className })}
-    >
-      {composeRenderProps(props.children, (children) => (
-        <Provider
-          values={[
-            [
-              AriaInputContext,
-              {
-                ...inputContext,
-                ref: mergeRefs(inputRef, inputContext?.ref ?? null),
-              },
-            ],
-            [
-              AriaTextAreaContext,
-              {
-                ...textAreaContext,
-                ref: mergeRefs(inputRef, textAreaContext?.ref ?? null),
-              },
-            ],
-          ]}
-        >
-          {isLoading && loaderPosition === "prefix" ? (
-            <Loader2Icon className="animate-spin" />
-          ) : (
-            prefix
-          )}
-          {children}
-          {isLoading && loaderPosition === "suffix" ? (
-            <Loader2Icon className="animate-spin" />
-          ) : (
-            suffix
-          )}
-        </Provider>
-      ))}
-    </AriaGroup>
-  );
-};
-
-export type { InputProps, InputRootProps, TextAreaInputProps };
-export { Input, TextAreaInput, InputRoot, inputStyles };
diff --git a/www/src/registry/core/input_new.tsx b/www/src/registry/core/input_basic.tsx
similarity index 100%
rename from www/src/registry/core/input_new.tsx
rename to www/src/registry/core/input_basic.tsx
diff --git a/www/src/registry/core/menu.tsx b/www/src/registry/core/menu.tsx
index 637eba17a..2afb40c24 100644
--- a/www/src/registry/core/menu.tsx
+++ b/www/src/registry/core/menu.tsx
@@ -55,23 +55,14 @@ const MenuRoot = (props: MenuRootProps) => {
 type MenuProps<T> = MenuContentProps<T> & {
   type?: OverlayProps["type"];
   mobileType?: OverlayProps["mobileType"];
-  mediaQuery?: OverlayProps["mediaQuery"];
-  placement?: OverlayProps["placement"];
 };
 const Menu = <T extends object>({
-  placement,
   type = "popover",
   mobileType = "drawer",
-  mediaQuery,
   ...props
 }: MenuProps<T>) => {
   return (
-    <Overlay
-      type={type}
-      mobileType={mobileType}
-      mediaQuery={mediaQuery}
-      placement={placement}
-    >
+    <Overlay type={type} mobileType={mobileType}>
       <MenuContent {...props} />
     </Overlay>
   );
diff --git a/www/src/registry/core/number-field copy 2.tsx b/www/src/registry/core/number-field copy 2.tsx
deleted file mode 100644
index a7231b84d..000000000
--- a/www/src/registry/core/number-field copy 2.tsx	
+++ /dev/null
@@ -1,142 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-  MinusIcon,
-  PlusIcon,
-} from "lucide-react";
-import {
-  NumberField as AriaNumberField,
-  type NumberFieldProps as AriaNumberFieldProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
-
-const numberFieldStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
-});
-
-type NumberFieldProps = NumberFieldRootProps &
-  Omit<FieldProps, "children"> &
-  VariantProps<typeof inputStyles> & {
-    placeholder?: string;
-  };
-const NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>(
-  (
-    {
-      className,
-      size,
-      placeholder,
-      label,
-      description,
-      errorMessage,
-      isRequired,
-      necessityIndicator,
-      contextualHelp,
-      ...props
-    },
-    ref
-  ) => {
-    const isMobile = useMediaQuery("(max-width: 768px)");
-    const prefix = isMobile ? (
-      <NumberFieldButton
-        slot="decrement"
-        className="h-full rounded-none rounded-l-md border-r"
-      />
-    ) : null;
-    const suffix = isMobile ? (
-      <NumberFieldButton
-        slot="increment"
-        className="h-full rounded-none rounded-r-md border-l"
-      />
-    ) : (
-      <div className="flex h-full flex-col rounded-r-md">
-        <NumberFieldButton
-          slot="increment"
-          iconType="chevron"
-          className="h-auto flex-1 shrink rounded-none rounded-tr-md border-b border-l"
-        />
-        <NumberFieldButton
-          slot="decrement"
-          iconType="chevron"
-          className="h-auto flex-1 shrink rounded-none rounded-br-md border-l"
-        />
-      </div>
-    );
-    return (
-      <NumberFieldRoot className={className} {...props}>
-        <Field
-          label={label}
-          description={description}
-          errorMessage={errorMessage}
-          isRequired={isRequired}
-          necessityIndicator={necessityIndicator}
-          contextualHelp={contextualHelp}
-        >
-          <InputRoot
-            size={size}
-            className="invalid:[&_button]:border-border-danger invalid:focus-within:[&_button]:border-border px-0"
-          >
-            {prefix}
-            <Input ref={ref} placeholder={placeholder} className="px-2" />
-            {suffix}
-          </InputRoot>
-        </Field>
-      </NumberFieldRoot>
-    );
-  }
-);
-NumberField.displayName = "NumberField";
-
-type NumberFieldRootProps = Omit<AriaNumberFieldProps, "className"> & {
-  className?: string;
-};
-const NumberFieldRoot = React.forwardRef<
-  React.ElementRef<typeof AriaNumberField>,
-  NumberFieldRootProps
->(({ className, ...props }, ref) => {
-  return (
-    <AriaNumberField
-      ref={ref}
-      className={numberFieldStyles({ className })}
-      {...props}
-    />
-  );
-});
-NumberFieldRoot.displayName = "NumberFieldRoot";
-
-interface NumberFieldButtonProps extends ButtonProps {
-  slot: "increment" | "decrement";
-  iconType?: "chevron" | "default";
-}
-const NumberFieldButton = ({
-  slot,
-  iconType = "default",
-  ...props
-}: NumberFieldButtonProps) => {
-  const icon =
-    iconType === "chevron" ? (
-      slot === "increment" ? (
-        <ChevronUpIcon />
-      ) : (
-        <ChevronDownIcon />
-      )
-    ) : slot === "increment" ? (
-      <PlusIcon />
-    ) : (
-      <MinusIcon />
-    );
-  return (
-    <Button slot={slot} size="sm" variant="quiet" shape="square" {...props}>
-      {icon}
-    </Button>
-  );
-};
-
-export type { NumberFieldProps, NumberFieldRootProps };
-export { NumberField, NumberFieldRoot, NumberFieldButton };
diff --git a/www/src/registry/core/number-field copy.tsx b/www/src/registry/core/number-field copy.tsx
deleted file mode 100644
index f101c4235..000000000
--- a/www/src/registry/core/number-field copy.tsx	
+++ /dev/null
@@ -1,93 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-  MinusIcon,
-  PlusIcon,
-} from "lucide-react";
-import {
-  NumberField as AriaNumberField,
-  composeRenderProps,
-  type NumberFieldProps as AriaNumberFieldProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
-import { InputRootProps } from "./input_new";
-
-const numberFieldStyles = tv({
-  slots: {
-    root: "flex w-48 flex-col items-start gap-2",
-    inputRoot: "grid px-0",
-    input: "[grid-area:field]",
-    increment: "[grid-area:increment]",
-    decrement: "[grid-area:decrement]",
-  },
-  variants: {
-    isMobile: {
-      true: {
-        increment: "",
-        decrement: "",
-      },
-      false: {
-        inputRoot:
-          "grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']",
-        increment: "",
-        decrement: "",
-      },
-    },
-  },
-});
-
-const { root, inputRoot, input, increment, decrement } = numberFieldStyles();
-
-interface NumberFieldProps
-  extends NumberFieldRootProps,
-    Pick<InputRootProps, "size">,
-    FieldProps {}
-
-const NumberField = ({
-  label,
-  description,
-  errorMessage,
-  size,
-  ...props
-}: NumberFieldProps) => {
-  const isMobile = useMediaQuery("(max-width: 768px)");
-
-  return (
-    <NumberFieldRoot {...props}>
-      {label && <Label>{label}</Label>}
-      <InputRoot size={size} className={inputRoot({ isMobile })}>
-        <Button slot="decrement" className={decrement({ isMobile })}>
-          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}
-        </Button>
-        <Input className={input()} />
-        <Button slot="increment" className={increment({ isMobile })}>
-          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}
-        </Button>
-      </InputRoot>
-      <HelpText description={description} errorMessage={errorMessage} />
-    </NumberFieldRoot>
-  );
-};
-
-interface NumberFieldRootProps
-  extends React.ComponentProps<typeof AriaNumberField> {}
-const NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {
-  return (
-    <AriaNumberField
-      className={composeRenderProps(className, (className) =>
-        root({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-export type { NumberFieldProps, NumberFieldRootProps };
-export { NumberField, NumberFieldRoot };
diff --git a/www/src/registry/core/number-field.tsx b/www/src/registry/core/number-field.tsx
index 46fd0c86b..72cd251b2 100644
--- a/www/src/registry/core/number-field.tsx
+++ b/www/src/registry/core/number-field.tsx
@@ -15,9 +15,13 @@ import {
 import { tv, type VariantProps } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button-01";
 import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
-import { InputRoot, Input, type inputStyles } from "@/registry/core/input";
+import {
+  InputRoot,
+  Input,
+  type inputStyles,
+} from "@/registry/core/input_basic";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
-import { InputRootProps } from "./input_new";
+import { InputRootProps } from "./input_basic";
 
 const numberFieldStyles = tv({
   slots: {
@@ -79,7 +83,9 @@ const NumberField = ({
 };
 
 interface NumberFieldRootProps
-  extends React.ComponentProps<typeof AriaNumberField> {}
+  extends React.ComponentProps<typeof AriaNumberField> {
+  placeholder?: string;
+}
 const NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {
   return (
     <AriaNumberField
diff --git a/www/src/registry/core/search-field.tsx b/www/src/registry/core/search-field.tsx
index 1176ee513..85e487302 100644
--- a/www/src/registry/core/search-field.tsx
+++ b/www/src/registry/core/search-field.tsx
@@ -13,7 +13,7 @@ import {
   InputRoot,
   Input,
   type InputRootProps,
-} from "@/registry/core/input_new";
+} from "@/registry/core/input_basic";
 import { Button } from "./button-01";
 
 const searchFieldtyles = tv({
diff --git a/www/src/registry/core/tag-group.tsx b/www/src/registry/core/tag-group.tsx
index ae4cb5ce7..d547429ed 100644
--- a/www/src/registry/core/tag-group.tsx
+++ b/www/src/registry/core/tag-group.tsx
@@ -141,7 +141,7 @@ interface TagProps extends AriaTagProps, VariantProps<typeof tagStyles> {}
 function Tag(localProps: TagProps) {
   const contextProps = useTagGroupContext();
   const props = { ...contextProps, ...localProps };
-  const { variant, size, shape, className, ...restProps } = props;
+  const { children, variant, size, shape, className, ...restProps } = props;
   const textValue =
     typeof props.children === "string" ? props.children : undefined;
   return (
@@ -152,12 +152,12 @@ function Tag(localProps: TagProps) {
       )}
       {...restProps}
     >
-      {({ allowsRemoving }) => (
+      {composeRenderProps(children, (children, { allowsRemoving }) => (
         <>
-          {props.children}
+          {children}
           {allowsRemoving && <Button slot="remove">ⓧ</Button>}
         </>
-      )}
+      ))}
     </AriaTag>
   );
 }
diff --git a/www/src/registry/core/text-area.tsx b/www/src/registry/core/text-area.tsx
index 96ca1a9ab..f9e400345 100644
--- a/www/src/registry/core/text-area.tsx
+++ b/www/src/registry/core/text-area.tsx
@@ -11,7 +11,7 @@ import {
   InputRoot,
   TextAreaInput,
   type InputRootProps,
-} from "@/registry/core/input_new";
+} from "@/registry/core/input_basic";
 
 const textAreaStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/core/text-field.tsx b/www/src/registry/core/text-field.tsx
index 7fb215462..f02586d26 100644
--- a/www/src/registry/core/text-field.tsx
+++ b/www/src/registry/core/text-field.tsx
@@ -11,7 +11,7 @@ import {
   InputRoot,
   Input,
   type InputRootProps,
-} from "@/registry/core/input_new";
+} from "@/registry/core/input_basic";
 
 const textFieldStyles = tv({
   base: "flex w-48 flex-col items-start gap-2",
diff --git a/www/src/registry/core/time-field.tsx b/www/src/registry/core/time-field.tsx
index 0348693a9..7d8fa8ef3 100644
--- a/www/src/registry/core/time-field.tsx
+++ b/www/src/registry/core/time-field.tsx
@@ -10,7 +10,7 @@ import {
 import { tv } from "tailwind-variants";
 import { DateInput, DateSegment } from "@/registry/core/date-input";
 import { HelpText, Label, type FieldProps } from "./field_new";
-import { InputRoot, type InputRootProps } from "./input_new";
+import { InputRoot, type InputRootProps } from "./input_basic";
 
 const timeFieldStyles = tv({
   base: "flex w-32 flex-col items-start gap-2",

From 0e0684b581a113126179f2a64f080eaa11ad9ace Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 31 Jan 2025 15:52:02 +0100
Subject: [PATCH 066/165] chore: update next config

---
 www/next.config.mjs | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/www/next.config.mjs b/www/next.config.mjs
index cbae1dfd6..4b8b3102e 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -15,9 +15,6 @@ const config = {
   devIndicators: {
     appIsrStatus: false,
   },
-  typescript: {
-    ignoreBuildErrors: true,
-  },
 };
 
 export default withMDX(config);

From f60cb17eb5c33452d10e5a4a5cd9023f5d97e11f Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 31 Jan 2025 16:23:14 +0100
Subject: [PATCH 067/165] feat: add custom portal container for demos

---
 www/src/app/layout.tsx                        | 6 +++++-
 www/src/components/docs/component-preview.tsx | 1 -
 www/src/components/docs/style-switcher.tsx    | 1 -
 www/src/demos/popover/basic.tsx               | 8 ++++++--
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index 6b13101bb..e89c4939f 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -3,6 +3,7 @@ import type { Metadata, Viewport } from "next";
 import { Analytics } from "@vercel/analytics/react";
 import { cn } from "@/lib/cn";
 import { truncateOnWord } from "@/lib/string";
+import { ThemeOverride } from "@/components/docs/theme-override";
 import { fontMono, fontSans, josefinSans } from "@/styles/fonts";
 import "@/styles/globals.css";
 import { siteConfig } from "@/config";
@@ -59,7 +60,10 @@ export default function RootLayout({
         suppressHydrationWarning
       >
         <Analytics />
-        <Providers>{children}</Providers>
+        <Providers>
+          <ThemeOverride id="custom-theme-portal" className="bg-transparent" />
+          {children}
+        </Providers>
       </body>
     </html>
   );
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index 783889829..55bca910a 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -72,7 +72,6 @@ export const ComponentPreview = async ({
             }
           >
             <Button
-              variant="outline"
               shape="square"
               size="sm"
               className="border-border absolute right-2 top-2 z-50 font-normal"
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
index cd85ce5c9..633a10ee7 100644
--- a/www/src/components/docs/style-switcher.tsx
+++ b/www/src/components/docs/style-switcher.tsx
@@ -31,7 +31,6 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
       }}
     >
       <Button
-        variant="outline"
         size="sm"
         suffix={<ChevronDownIcon />}
         className="border-border absolute left-2 top-2 z-50 text-xs font-normal"
diff --git a/www/src/demos/popover/basic.tsx b/www/src/demos/popover/basic.tsx
index f380238c4..8edd7f7ab 100644
--- a/www/src/demos/popover/basic.tsx
+++ b/www/src/demos/popover/basic.tsx
@@ -10,10 +10,14 @@ import { Heading } from "@/registry/core/heading";
 export default function Demo() {
   return (
     <DialogRoot>
-      <Button variant="outline" shape="square">
+      <Button shape="square">
         <InfoIcon />
       </Button>
-      <Popover>
+      <Popover
+        UNSTABLE_portalContainer={
+          document.getElementById("custom-theme-portal")!
+        }
+      >
         <DialogContent className="w-56 space-y-4">
           <Heading>Need help?</Heading>
           <p>

From 0e92e33d79370a70f565a7988cfa308ddb2e424c Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 31 Jan 2025 16:23:27 +0100
Subject: [PATCH 068/165] chore: update docs

---
 www/content/docs/components/buttons/file-trigger.mdx          | 2 +-
 www/content/docs/components/colors/color-area.mdx             | 2 +-
 www/content/docs/components/colors/color-field.mdx            | 2 +-
 www/content/docs/components/colors/color-picker.mdx           | 2 +-
 www/content/docs/components/colors/color-slider.mdx           | 2 +-
 www/content/docs/components/colors/color-swatch-picker.mdx    | 2 +-
 www/content/docs/components/colors/color-swatch.mdx           | 2 +-
 www/content/docs/components/data-display/avatar.mdx           | 2 +-
 www/content/docs/components/data-display/badge.mdx            | 2 +-
 www/content/docs/components/data-display/separator.mdx        | 2 +-
 www/content/docs/components/data-display/table.mdx            | 2 +-
 www/content/docs/components/date-and-time/calendar.mdx        | 2 +-
 www/content/docs/components/date-and-time/date-field.mdx      | 2 +-
 www/content/docs/components/date-and-time/range-calendar.mdx  | 2 +-
 www/content/docs/components/date-and-time/time-field.mdx      | 2 +-
 www/content/docs/components/drag-and-drop/drop-zone.mdx       | 2 +-
 www/content/docs/components/feedback/progress-bar.mdx         | 2 +-
 .../docs/components/forms-and-inputs/checkbox-group.mdx       | 2 +-
 www/content/docs/components/forms-and-inputs/checkbox.mdx     | 2 +-
 www/content/docs/components/forms-and-inputs/form.mdx         | 2 +-
 www/content/docs/components/forms-and-inputs/radio-group.mdx  | 2 +-
 www/content/docs/components/forms-and-inputs/search-field.mdx | 2 +-
 www/content/docs/components/forms-and-inputs/slider.mdx       | 2 +-
 www/content/docs/components/forms-and-inputs/switch.mdx       | 2 +-
 www/content/docs/components/forms-and-inputs/text-area.mdx    | 2 +-
 www/content/docs/components/forms-and-inputs/text-field.mdx   | 2 +-
 www/content/docs/components/navigation/breadcrumbs.mdx        | 2 +-
 www/content/docs/components/navigation/tabs.mdx               | 2 +-
 www/content/docs/components/overlays/dialog.mdx               | 2 +-
 www/content/docs/components/overlays/drawer.mdx               | 2 +-
 www/content/docs/components/overlays/modal.mdx                | 2 +-
 www/content/docs/components/overlays/overlay.mdx              | 2 +-
 www/content/docs/components/overlays/popover.mdx              | 4 ++--
 www/content/docs/components/overlays/tooltip.mdx              | 2 +-
 34 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/www/content/docs/components/buttons/file-trigger.mdx b/www/content/docs/components/buttons/file-trigger.mdx
index cad64374a..5ea05aa93 100644
--- a/www/content/docs/components/buttons/file-trigger.mdx
+++ b/www/content/docs/components/buttons/file-trigger.mdx
@@ -1,5 +1,5 @@
 ---
-title: File Trigger ☑️
+title: File Trigger
 description: Allows a user to access the file system with any pressable aria component.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/colors/color-area.mdx b/www/content/docs/components/colors/color-area.mdx
index 9ece591a6..48cea0082 100644
--- a/www/content/docs/components/colors/color-area.mdx
+++ b/www/content/docs/components/colors/color-area.mdx
@@ -1,5 +1,5 @@
 ---
-title: Color Area ☑️
+title: Color Area
 description: ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/colors/color-field.mdx b/www/content/docs/components/colors/color-field.mdx
index 55f7b1821..14c532f64 100644
--- a/www/content/docs/components/colors/color-field.mdx
+++ b/www/content/docs/components/colors/color-field.mdx
@@ -1,5 +1,5 @@
 ---
-title: Color Field ☑️
+title: Color Field
 description: A color field allows users to edit a hex color or individual color channel value.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/colors/color-picker.mdx b/www/content/docs/components/colors/color-picker.mdx
index 8387ecd9e..741fd15ec 100644
--- a/www/content/docs/components/colors/color-picker.mdx
+++ b/www/content/docs/components/colors/color-picker.mdx
@@ -1,5 +1,5 @@
 ---
-title: Color Picker ☑️
+title: Color Picker
 description: A ColorPicker allow users to select and edit a color in an overlay.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/colors/color-slider.mdx b/www/content/docs/components/colors/color-slider.mdx
index 2f05913b7..11867e2e4 100644
--- a/www/content/docs/components/colors/color-slider.mdx
+++ b/www/content/docs/components/colors/color-slider.mdx
@@ -1,5 +1,5 @@
 ---
-title: Color Slider ☑️
+title: Color Slider
 description: ColorSlider allow users to adjust an individual channel of a color value.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/colors/color-swatch-picker.mdx b/www/content/docs/components/colors/color-swatch-picker.mdx
index 14a9840ac..f0c7a5032 100644
--- a/www/content/docs/components/colors/color-swatch-picker.mdx
+++ b/www/content/docs/components/colors/color-swatch-picker.mdx
@@ -1,5 +1,5 @@
 ---
-title: Color Swatch Picker ☑️
+title: Color Swatch Picker
 description: A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/colors/color-swatch.mdx b/www/content/docs/components/colors/color-swatch.mdx
index 043931833..88f2bd396 100644
--- a/www/content/docs/components/colors/color-swatch.mdx
+++ b/www/content/docs/components/colors/color-swatch.mdx
@@ -1,5 +1,5 @@
 ---
-title: Color Swatch ☑️
+title: Color Swatch
 description: A ColorSwatch displays a preview of a selected color.
 ---
 
diff --git a/www/content/docs/components/data-display/avatar.mdx b/www/content/docs/components/data-display/avatar.mdx
index f18362b09..6355240c0 100644
--- a/www/content/docs/components/data-display/avatar.mdx
+++ b/www/content/docs/components/data-display/avatar.mdx
@@ -1,5 +1,5 @@
 ---
-title: Avatar ☑️
+title: Avatar
 description: An image element with a fallback for representing the user.
 links:
   - label: Report an issue
diff --git a/www/content/docs/components/data-display/badge.mdx b/www/content/docs/components/data-display/badge.mdx
index 0056ccd82..d25d9b6d1 100644
--- a/www/content/docs/components/data-display/badge.mdx
+++ b/www/content/docs/components/data-display/badge.mdx
@@ -1,5 +1,5 @@
 ---
-title: Badge ☑️
+title: Badge
 description: Displays a badge or a component that looks like a badge.
 links:
   - label: Report an issue
diff --git a/www/content/docs/components/data-display/separator.mdx b/www/content/docs/components/data-display/separator.mdx
index e5e75cff5..f1634e1ea 100644
--- a/www/content/docs/components/data-display/separator.mdx
+++ b/www/content/docs/components/data-display/separator.mdx
@@ -1,5 +1,5 @@
 ---
-title: Separator ☑️
+title: Separator
 description: Visually or semantically separates content.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/data-display/table.mdx b/www/content/docs/components/data-display/table.mdx
index 8a9d5f316..36e83e4f4 100644
--- a/www/content/docs/components/data-display/table.mdx
+++ b/www/content/docs/components/data-display/table.mdx
@@ -1,5 +1,5 @@
 ---
-title: Table ☑️
+title: Table
 description: A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys, and optionally supports row selection and sorting.
 links:
   - label: Radix docs
diff --git a/www/content/docs/components/date-and-time/calendar.mdx b/www/content/docs/components/date-and-time/calendar.mdx
index 9ce841cfa..1745da5c7 100644
--- a/www/content/docs/components/date-and-time/calendar.mdx
+++ b/www/content/docs/components/date-and-time/calendar.mdx
@@ -1,5 +1,5 @@
 ---
-title: Calendar ☑️
+title: Calendar
 description: A component that allows users to select a single date.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/date-and-time/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx
index 7cd88b994..deb995f69 100644
--- a/www/content/docs/components/date-and-time/date-field.mdx
+++ b/www/content/docs/components/date-and-time/date-field.mdx
@@ -1,5 +1,5 @@
 ---
-title: Date Field ☑️
+title: Date Field
 description: A date field allows users to enter and edit date and time values using a keyboard.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/date-and-time/range-calendar.mdx b/www/content/docs/components/date-and-time/range-calendar.mdx
index cef16d2b4..f1a04f5d7 100644
--- a/www/content/docs/components/date-and-time/range-calendar.mdx
+++ b/www/content/docs/components/date-and-time/range-calendar.mdx
@@ -1,5 +1,5 @@
 ---
-title: Range Calendar ☑️
+title: Range Calendar
 description: A component that allows users to select a range of dates.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/date-and-time/time-field.mdx b/www/content/docs/components/date-and-time/time-field.mdx
index 9c486f2ca..257d678b0 100644
--- a/www/content/docs/components/date-and-time/time-field.mdx
+++ b/www/content/docs/components/date-and-time/time-field.mdx
@@ -1,5 +1,5 @@
 ---
-title: Time Field ☑️
+title: Time Field
 description: TimeFields allow users to enter and edit time values using a keyboard.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/drag-and-drop/drop-zone.mdx b/www/content/docs/components/drag-and-drop/drop-zone.mdx
index 7fb04b1b5..6e4841930 100644
--- a/www/content/docs/components/drag-and-drop/drop-zone.mdx
+++ b/www/content/docs/components/drag-and-drop/drop-zone.mdx
@@ -1,5 +1,5 @@
 ---
-title: Dropzone ☑️
+title: Dropzone
 description: A drop zone is an area into which one or multiple objects can be dragged and dropped.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/feedback/progress-bar.mdx b/www/content/docs/components/feedback/progress-bar.mdx
index 371afcdab..64251332d 100644
--- a/www/content/docs/components/feedback/progress-bar.mdx
+++ b/www/content/docs/components/feedback/progress-bar.mdx
@@ -1,5 +1,5 @@
 ---
-title: Progress Bar ☑️
+title: Progress Bar
 description: Progress bar show either determinate or indeterminate progress of an operation over time.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
index eb92c910e..12e3ceba2 100644
--- a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
+++ b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
@@ -1,5 +1,5 @@
 ---
-title: Checkbox Group ☑️
+title: Checkbox Group
 description: A checkbox group allows a user to select multiple items from a list of options.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/checkbox.mdx b/www/content/docs/components/forms-and-inputs/checkbox.mdx
index 13097e799..187ac53e7 100644
--- a/www/content/docs/components/forms-and-inputs/checkbox.mdx
+++ b/www/content/docs/components/forms-and-inputs/checkbox.mdx
@@ -1,5 +1,5 @@
 ---
-title: Checkbox ☑️
+title: Checkbox
 description: Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/form.mdx b/www/content/docs/components/forms-and-inputs/form.mdx
index 846f49110..2be54c1d1 100644
--- a/www/content/docs/components/forms-and-inputs/form.mdx
+++ b/www/content/docs/components/forms-and-inputs/form.mdx
@@ -1,5 +1,5 @@
 ---
-title: Form ☑️
+title: Form
 description: Forms allow users to enter and submit data, and provide them with feedback along the way.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/radio-group.mdx b/www/content/docs/components/forms-and-inputs/radio-group.mdx
index 519f32a1d..48f13b907 100644
--- a/www/content/docs/components/forms-and-inputs/radio-group.mdx
+++ b/www/content/docs/components/forms-and-inputs/radio-group.mdx
@@ -1,5 +1,5 @@
 ---
-title: Radio Group ☑️
+title: Radio Group
 description: A radio group allows a user to select a single item from a list of mutually exclusive options.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/search-field.mdx b/www/content/docs/components/forms-and-inputs/search-field.mdx
index 8f313ae3d..5a09c41ad 100644
--- a/www/content/docs/components/forms-and-inputs/search-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/search-field.mdx
@@ -1,5 +1,5 @@
 ---
-title: SearchField ☑️
+title: SearchField
 description: SearchField is a text field designed for searches.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/slider.mdx b/www/content/docs/components/forms-and-inputs/slider.mdx
index aaab5c58a..df2b5e633 100644
--- a/www/content/docs/components/forms-and-inputs/slider.mdx
+++ b/www/content/docs/components/forms-and-inputs/slider.mdx
@@ -1,5 +1,5 @@
 ---
-title: Slider 🚧
+title: Slider
 description: An input where the user selects a value from within a given range.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/switch.mdx b/www/content/docs/components/forms-and-inputs/switch.mdx
index a9fffc3a6..693104a37 100644
--- a/www/content/docs/components/forms-and-inputs/switch.mdx
+++ b/www/content/docs/components/forms-and-inputs/switch.mdx
@@ -1,5 +1,5 @@
 ---
-title: Switch ☑️
+title: Switch
 description: Switches allow users to turn an individual option on or off.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/text-area.mdx b/www/content/docs/components/forms-and-inputs/text-area.mdx
index aec0fe87b..fa3283e79 100644
--- a/www/content/docs/components/forms-and-inputs/text-area.mdx
+++ b/www/content/docs/components/forms-and-inputs/text-area.mdx
@@ -1,5 +1,5 @@
 ---
-title: TextArea ☑️
+title: TextArea
 description: TextArea is a multiline text input.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/forms-and-inputs/text-field.mdx b/www/content/docs/components/forms-and-inputs/text-field.mdx
index 60f96837d..02886f976 100644
--- a/www/content/docs/components/forms-and-inputs/text-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/text-field.mdx
@@ -1,5 +1,5 @@
 ---
-title: TextField ☑️
+title: TextField
 description: TextField allows a user to enter a plain text value with a keyboard.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/navigation/breadcrumbs.mdx b/www/content/docs/components/navigation/breadcrumbs.mdx
index 2fb8d46eb..daa40be89 100644
--- a/www/content/docs/components/navigation/breadcrumbs.mdx
+++ b/www/content/docs/components/navigation/breadcrumbs.mdx
@@ -1,5 +1,5 @@
 ---
-title: Breadcrumbs ☑️
+title: Breadcrumbs
 description: Breadcrumbs display a hierarchy of links to the current page or resource in an application.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/navigation/tabs.mdx b/www/content/docs/components/navigation/tabs.mdx
index a3f640285..00f67ee70 100644
--- a/www/content/docs/components/navigation/tabs.mdx
+++ b/www/content/docs/components/navigation/tabs.mdx
@@ -1,5 +1,5 @@
 ---
-title: Tabs ☑️
+title: Tabs
 description: Tabs organize content into multiple sections and allow users to navigate between them
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/overlays/dialog.mdx b/www/content/docs/components/overlays/dialog.mdx
index 401627845..5ec24a350 100644
--- a/www/content/docs/components/overlays/dialog.mdx
+++ b/www/content/docs/components/overlays/dialog.mdx
@@ -1,5 +1,5 @@
 ---
-title: Dialog ☑️
+title: Dialog
 description: A dialog is an overlay shown above other content in an application.
 links:
   - label: Aria dialog docs
diff --git a/www/content/docs/components/overlays/drawer.mdx b/www/content/docs/components/overlays/drawer.mdx
index 415e76072..be2f70331 100644
--- a/www/content/docs/components/overlays/drawer.mdx
+++ b/www/content/docs/components/overlays/drawer.mdx
@@ -1,5 +1,5 @@
 ---
-title: Drawer ☑️
+title: Drawer
 description: A drawer is an overlay element which blocks interaction with elements outside it.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/overlays/modal.mdx b/www/content/docs/components/overlays/modal.mdx
index 7e3ac61d7..f82ca8a24 100644
--- a/www/content/docs/components/overlays/modal.mdx
+++ b/www/content/docs/components/overlays/modal.mdx
@@ -1,5 +1,5 @@
 ---
-title: Modal ☑️
+title: Modal
 description: A modal is an overlay element which blocks interaction with elements outside it.
 links:
   - label: Aria docs
diff --git a/www/content/docs/components/overlays/overlay.mdx b/www/content/docs/components/overlays/overlay.mdx
index 921496d9a..c3be5fee0 100644
--- a/www/content/docs/components/overlays/overlay.mdx
+++ b/www/content/docs/components/overlays/overlay.mdx
@@ -1,5 +1,5 @@
 ---
-title: Overlay ☑️
+title: Overlay
 description: An overlay is an element which blocks interaction with elements outside it. it could be a modal, a drawer or a popover
 links:
   - label: Report an issue
diff --git a/www/content/docs/components/overlays/popover.mdx b/www/content/docs/components/overlays/popover.mdx
index e0b46427c..aaefd65e7 100644
--- a/www/content/docs/components/overlays/popover.mdx
+++ b/www/content/docs/components/overlays/popover.mdx
@@ -1,5 +1,5 @@
 ---
-title: Popover ☑️
+title: Popover
 description: A popover is an overlay element positioned relative to a trigger.
 links:
   - label: Aria docs
@@ -12,7 +12,7 @@ links:
 
 {/* prettier-ignore-start */}
 
-<Alert><span className="font-bold">Note:</span> Popover only provides the overlay itself. It should be combined with Dialog to create fully accessible modal dialogs. <Link href="/docs/components/overlays/dialog">See dialog</Link> component instead.</Alert>
+<Alert><span className="font-bold">Note:</span> Popover only provides the overlay itself. It should be combined with Dialog to create fully accessible popover dialogs. <Link href="/docs/components/overlays/dialog">See dialog</Link> component instead.</Alert>
 
 {/* prettier-ignore-end */}
 
diff --git a/www/content/docs/components/overlays/tooltip.mdx b/www/content/docs/components/overlays/tooltip.mdx
index bc45c0752..1ade402be 100644
--- a/www/content/docs/components/overlays/tooltip.mdx
+++ b/www/content/docs/components/overlays/tooltip.mdx
@@ -1,5 +1,5 @@
 ---
-title: Tooltip ☑️
+title: Tooltip
 description: Tooltip displays a description of an element on hover or focus.
 links:
   - label: Aria docs

From 5e198695796873ba20545d8c37e45c18a4db749d Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 31 Jan 2025 17:11:55 +0100
Subject: [PATCH 069/165] chore: update component preview

---
 www/src/components/docs/component-preview.tsx | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index 55bca910a..39e8712b3 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -57,32 +57,34 @@ export const ComponentPreview = async ({
     <div
       className={cn("overflow-hidden rounded-md border", containerClassName)}
     >
-      <div className="bg-bg-muted relative">
-        <StyleSwitcher
-          componentName={
-            componentName === "range-calendar" ? "calendar" : componentName
-          }
-        />
-        <ThemeCustomizerDialog>
-          <Tooltip
-            content={
-              <span>
-                <span className="text-fg-muted">Theme:</span> dotUI
-              </span>
-            }
-          >
-            <Button
-              shape="square"
-              size="sm"
-              className="border-border absolute right-2 top-2 z-50 font-normal"
-            >
-              <PaintBucket />
-            </Button>
-          </Tooltip>
-        </ThemeCustomizerDialog>
+      <div className="bg-bg-muted">
         <ResizableContainer resizable={resizable}>
           <Loader>
-            <ThemeOverride>
+            <ThemeOverride className="relative">
+              <StyleSwitcher
+                componentName={
+                  componentName === "range-calendar"
+                    ? "calendar"
+                    : componentName
+                }
+              />
+              <ThemeCustomizerDialog>
+                <Tooltip
+                  content={
+                    <span>
+                      <span className="text-fg-muted">Theme:</span> dotUI
+                    </span>
+                  }
+                >
+                  <Button
+                    shape="square"
+                    size="sm"
+                    className="border-border absolute right-2 top-2 z-50 font-normal"
+                  >
+                    <PaintBucket />
+                  </Button>
+                </Tooltip>
+              </ThemeCustomizerDialog>
               <ScrollArea className="bg-bg text-fg">
                 <div
                   className={cn(

From 21ac8961762d8d031d2ded908dbfbbe7222ab1c7 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 31 Jan 2025 17:18:05 +0100
Subject: [PATCH 070/165] fix: fix build error

---
 www/src/demos/popover/basic.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/www/src/demos/popover/basic.tsx b/www/src/demos/popover/basic.tsx
index 8edd7f7ab..a9cf3a3fd 100644
--- a/www/src/demos/popover/basic.tsx
+++ b/www/src/demos/popover/basic.tsx
@@ -13,11 +13,7 @@ export default function Demo() {
       <Button shape="square">
         <InfoIcon />
       </Button>
-      <Popover
-        UNSTABLE_portalContainer={
-          document.getElementById("custom-theme-portal")!
-        }
-      >
+      <Popover>
         <DialogContent className="w-56 space-y-4">
           <Heading>Need help?</Heading>
           <p>

From ce9c30230cf7c74efdc48e7caec3170840af0d19 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 31 Jan 2025 18:44:15 +0100
Subject: [PATCH 071/165] fix: fix theme switcher overflow

---
 www/src/components/core/alert.tsx             |   2 +-
 www/src/components/docs/style-switcher.tsx    |   1 +
 www/src/components/dynamic-core/alert.tsx     |  52 +--------
 www/src/components/sidebar.tsx                |  26 ++---
 www/src/components/theme-switcher.tsx         |   1 +
 www/src/registry/core/alert-04.tsx            | 109 ------------------
 www/src/registry/core/alert-05.tsx            | 109 ------------------
 .../core/{alert-01.tsx => alert_basic.tsx}    |   0
 www/src/registry/registry-core.ts             |   8 +-
 9 files changed, 23 insertions(+), 285 deletions(-)
 delete mode 100644 www/src/registry/core/alert-04.tsx
 delete mode 100644 www/src/registry/core/alert-05.tsx
 rename www/src/registry/core/{alert-01.tsx => alert_basic.tsx} (100%)

diff --git a/www/src/components/core/alert.tsx b/www/src/components/core/alert.tsx
index 73e506589..7ff04418b 100644
--- a/www/src/components/core/alert.tsx
+++ b/www/src/components/core/alert.tsx
@@ -1 +1 @@
-export * from "@/registry/core/alert-01";
+export * from "@/registry/core/alert_basic";
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
index 633a10ee7..2a0cf99d6 100644
--- a/www/src/components/docs/style-switcher.tsx
+++ b/www/src/components/docs/style-switcher.tsx
@@ -29,6 +29,7 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
           [componentName]: key,
         }));
       }}
+      className="w-auto"
     >
       <Button
         size="sm"
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index 059ec0c2d..c898dd60f 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -7,13 +7,13 @@ import {
   AlertRoot as _AlertRoot,
   AlertTitle as _AlertTitle,
   AlertContent as _AlertContent,
-} from "@/registry/core/alert-01";
+} from "@/registry/core/alert_basic";
 import type {
   AlertProps,
   AlertRootProps,
   AlertTitleProps,
   AlertContentProps,
-} from "@/registry/core/alert-01";
+} from "@/registry/core/alert_basic";
 
 export const Alert = createDynamicComponent<AlertProps>(
   "alert",
@@ -21,7 +21,7 @@ export const Alert = createDynamicComponent<AlertProps>(
   _Alert,
   {
     "alert-01": React.lazy(() =>
-      import("@/registry/core/alert-01").then((mod) => ({
+      import("@/registry/core/alert_basic").then((mod) => ({
         default: mod.Alert,
       }))
     ),
@@ -35,16 +35,6 @@ export const Alert = createDynamicComponent<AlertProps>(
         default: mod.Alert,
       }))
     ),
-    "alert-04": React.lazy(() =>
-      import("@/registry/core/alert-04").then((mod) => ({
-        default: mod.Alert,
-      }))
-    ),
-    "alert-05": React.lazy(() =>
-      import("@/registry/core/alert-05").then((mod) => ({
-        default: mod.Alert,
-      }))
-    ),
   }
 );
 
@@ -54,7 +44,7 @@ export const AlertRoot = createDynamicComponent<AlertRootProps>(
   _AlertRoot,
   {
     "alert-01": React.lazy(() =>
-      import("@/registry/core/alert-01").then((mod) => ({
+      import("@/registry/core/alert_basic").then((mod) => ({
         default: mod.AlertRoot,
       }))
     ),
@@ -68,16 +58,6 @@ export const AlertRoot = createDynamicComponent<AlertRootProps>(
         default: mod.AlertRoot,
       }))
     ),
-    "alert-04": React.lazy(() =>
-      import("@/registry/core/alert-04").then((mod) => ({
-        default: mod.AlertRoot,
-      }))
-    ),
-    "alert-05": React.lazy(() =>
-      import("@/registry/core/alert-05").then((mod) => ({
-        default: mod.AlertRoot,
-      }))
-    ),
   }
 );
 
@@ -87,7 +67,7 @@ export const AlertTitle = createDynamicComponent<AlertTitleProps>(
   _AlertTitle,
   {
     "alert-01": React.lazy(() =>
-      import("@/registry/core/alert-01").then((mod) => ({
+      import("@/registry/core/alert_basic").then((mod) => ({
         default: mod.AlertTitle,
       }))
     ),
@@ -101,16 +81,6 @@ export const AlertTitle = createDynamicComponent<AlertTitleProps>(
         default: mod.AlertTitle,
       }))
     ),
-    "alert-04": React.lazy(() =>
-      import("@/registry/core/alert-04").then((mod) => ({
-        default: mod.AlertTitle,
-      }))
-    ),
-    "alert-05": React.lazy(() =>
-      import("@/registry/core/alert-05").then((mod) => ({
-        default: mod.AlertTitle,
-      }))
-    ),
   }
 );
 export const AlertContent = createDynamicComponent<AlertContentProps>(
@@ -119,7 +89,7 @@ export const AlertContent = createDynamicComponent<AlertContentProps>(
   _AlertContent,
   {
     "alert-01": React.lazy(() =>
-      import("@/registry/core/alert-01").then((mod) => ({
+      import("@/registry/core/alert_basic").then((mod) => ({
         default: mod.AlertContent,
       }))
     ),
@@ -133,15 +103,5 @@ export const AlertContent = createDynamicComponent<AlertContentProps>(
         default: mod.AlertContent,
       }))
     ),
-    "alert-04": React.lazy(() =>
-      import("@/registry/core/alert-04").then((mod) => ({
-        default: mod.AlertContent,
-      }))
-    ),
-    "alert-05": React.lazy(() =>
-      import("@/registry/core/alert-05").then((mod) => ({
-        default: mod.AlertContent,
-      }))
-    ),
   }
 );
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 2d34bdb08..c9b359edd 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -108,6 +108,19 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
           </motion.div>
         </div>
         <div className="group-data-collapsed/sidebar:flex-col flex items-center gap-1">
+          <ThemeSwitcher>
+            <motion.div layout transition={transition}>
+              <Button
+                size="sm"
+                variant="quiet"
+                shape="square"
+                className="[&_svg]:size-[18px]"
+              >
+                <SunIcon className="block dark:hidden" />
+                <MoonIcon className="hidden dark:block" />
+              </Button>
+            </motion.div>
+          </ThemeSwitcher>
           <StyledTooltip
             content={
               <div className="flex items-center gap-2">
@@ -131,19 +144,6 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
               </Button>
             </motion.div>
           </StyledTooltip>
-          <ThemeSwitcher>
-            <motion.div layout transition={transition}>
-              <Button
-                size="sm"
-                variant="quiet"
-                shape="square"
-                className="[&_svg]:size-[18px]"
-              >
-                <SunIcon className="block dark:hidden" />
-                <MoonIcon className="hidden dark:block" />
-              </Button>
-            </motion.div>
-          </ThemeSwitcher>
         </div>
       </SidebarFooter>
     </SidebarRoot>
diff --git a/www/src/components/theme-switcher.tsx b/www/src/components/theme-switcher.tsx
index 439d5ab46..f680379f7 100644
--- a/www/src/components/theme-switcher.tsx
+++ b/www/src/components/theme-switcher.tsx
@@ -16,6 +16,7 @@ export const ThemeSwitcher = ({ children }: { children?: React.ReactNode }) => {
       selectedKey={theme}
       onSelectionChange={(key) => setTheme(key as string)}
       aria-label="Change Theme"
+      className="w-auto"
     >
       {children ?? (
         <Button
diff --git a/www/src/registry/core/alert-04.tsx b/www/src/registry/core/alert-04.tsx
deleted file mode 100644
index 647c6abb6..000000000
--- a/www/src/registry/core/alert-04.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  AlertCircleIcon,
-  AlertTriangleIcon,
-  CheckCircle2Icon,
-  InfoIcon,
-} from "lucide-react";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
-
-const alertStyles = tv({
-  slots: {
-    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
-    title: "mr-1 font-medium leading-normal tracking-tight",
-    content: "text-sm",
-  },
-  variants: {
-    variant: {
-      neutral: { root: "text-fg-muted" },
-      success: {
-        root: "border-border-success text-fg-success",
-      },
-      warning: {
-        root: "border-border-warning text-fg-warning",
-      },
-      danger: {
-        root: "border-border-danger text-fg-danger",
-      },
-      info: {
-        root: "border-border-info text-fg-info",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "neutral",
-  },
-});
-
-const { root, title, content } = alertStyles();
-
-const [AlertProvider, useAlertContext] =
-  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
-
-const defaultIcons = {
-  neutral: null,
-  danger: <AlertCircleIcon />,
-  success: <CheckCircle2Icon />,
-  warning: <AlertTriangleIcon />,
-  info: <InfoIcon />,
-};
-
-interface AlertProps extends AlertRootProps {
-  title?: string;
-  description?: string;
-  action?: React.ReactNode;
-  icon?: React.ReactNode | null;
-}
-
-function Alert({
-  variant = "neutral",
-  title,
-  description,
-  action,
-  icon,
-  ...props
-}: AlertProps) {
-  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
-  return (
-    <AlertRoot variant={variant} {...props}>
-      {resolvedIcon}
-      <div className="flex-1 space-y-0.5">
-        <AlertTitle>{title}</AlertTitle>
-        {description && <AlertContent>{description}</AlertContent>}
-      </div>
-      {action}
-    </AlertRoot>
-  );
-}
-
-interface AlertRootProps
-  extends React.ComponentProps<"div">,
-    VariantProps<typeof alertStyles> {}
-
-function AlertRoot({ className, variant, ...props }: AlertRootProps) {
-  return (
-    <AlertProvider variant={variant}>
-      <div role="alert" className={root({ variant, className })} {...props} />
-    </AlertProvider>
-  );
-}
-
-interface AlertTitleProps extends React.ComponentProps<"h5"> {}
-
-function AlertTitle({ className, ...props }: AlertTitleProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <h5 className={title({ variant, className })} {...props} />;
-}
-
-interface AlertContentProps extends React.ComponentProps<"p"> {}
-
-function AlertContent({ className, ...props }: AlertContentProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <p className={content({ variant, className })} {...props} />;
-}
-
-export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
-export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/registry/core/alert-05.tsx b/www/src/registry/core/alert-05.tsx
deleted file mode 100644
index ca37edc84..000000000
--- a/www/src/registry/core/alert-05.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  AlertCircleIcon,
-  AlertTriangleIcon,
-  CheckCircle2Icon,
-  InfoIcon,
-} from "lucide-react";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
-
-const alertStyles = tv({
-  slots: {
-    root: "flex items-center gap-4 rounded-lg border p-4 [&_svg]:size-4",
-    title: "mr-1 font-medium leading-normal tracking-tight",
-    content: "text-sm",
-  },
-  variants: {
-    variant: {
-      neutral: { root: "bg-bg-muted text-fg" },
-      success: {
-        root: "bg-bg-success text-fg-onSuccess",
-      },
-      warning: {
-        root: "bg-bg-warning text-fg-onWarning",
-      },
-      danger: {
-        root: "bg-bg-danger text-fg-onDanger",
-      },
-      info: {
-        root: "bg-bg-info text-fg-onInfo",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "neutral",
-  },
-});
-
-const { root, title, content } = alertStyles();
-
-const [AlertProvider, useAlertContext] =
-  createScopedContext<VariantProps<typeof alertStyles>>("AlertRoot");
-
-const defaultIcons = {
-  neutral: null,
-  danger: <AlertCircleIcon />,
-  success: <CheckCircle2Icon />,
-  warning: <AlertTriangleIcon />,
-  info: <InfoIcon />,
-};
-
-interface AlertProps extends AlertRootProps {
-  title?: string;
-  description?: string;
-  action?: React.ReactNode;
-  icon?: React.ReactNode | null;
-}
-
-function Alert({
-  variant = "neutral",
-  title,
-  description,
-  action,
-  icon,
-  ...props
-}: AlertProps) {
-  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
-  return (
-    <AlertRoot variant={variant} {...props}>
-      {resolvedIcon}
-      <div className="flex-1 space-y-0.5">
-        <AlertTitle>{title}</AlertTitle>
-        {description && <AlertContent>{description}</AlertContent>}
-      </div>
-      {action}
-    </AlertRoot>
-  );
-}
-
-interface AlertRootProps
-  extends React.ComponentProps<"div">,
-    VariantProps<typeof alertStyles> {}
-
-function AlertRoot({ className, variant, ...props }: AlertRootProps) {
-  return (
-    <AlertProvider variant={variant}>
-      <div role="alert" className={root({ variant, className })} {...props} />
-    </AlertProvider>
-  );
-}
-
-interface AlertTitleProps extends React.ComponentProps<"h5"> {}
-
-function AlertTitle({ className, ...props }: AlertTitleProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <h5 className={title({ variant, className })} {...props} />;
-}
-
-interface AlertContentProps extends React.ComponentProps<"p"> {}
-
-function AlertContent({ className, ...props }: AlertContentProps) {
-  const { variant } = useAlertContext("AlertTitle");
-  return <p className={content({ variant, className })} {...props} />;
-}
-
-export type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };
-export { Alert, AlertRoot, AlertTitle, AlertContent };
diff --git a/www/src/registry/core/alert-01.tsx b/www/src/registry/core/alert_basic.tsx
similarity index 100%
rename from www/src/registry/core/alert-01.tsx
rename to www/src/registry/core/alert_basic.tsx
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index d9a856ed8..29b7900e7 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -6,7 +6,7 @@ export const core: Registry = [
     type: "registry:core",
     variants: [
       {
-        name: "alert-01",
+        name: "alert_basic",
       },
       {
         name: "alert-02",
@@ -14,12 +14,6 @@ export const core: Registry = [
       {
         name: "alert-03",
       },
-      {
-        name: "alert-04",
-      },
-      {
-        name: "alert-05",
-      },
     ],
   },
   {

From 0193af1a0a4381cfe6536cdef1794c91f4bc0ce0 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 31 Jan 2025 18:52:44 +0100
Subject: [PATCH 072/165] chore: update docs

---
 .../buttons/button-group.mdx                  |   0
 .../buttons/button.mdx                        |   0
 .../buttons/file-trigger.mdx                  |   0
 .../buttons/meta.json                         |   0
 .../buttons/toggle-button-group.mdx           |   0
 .../buttons/toggle-button.mdx                 |   0
 .../colors/color-area.mdx                     |   0
 .../colors/color-field.mdx                    |   0
 .../colors/color-picker.mdx                   |   0
 .../colors/color-slider.mdx                   |   0
 .../colors/color-swatch-picker.mdx            |   0
 .../colors/color-swatch.mdx                   |   0
 .../colors/meta.json                          |   0
 .../data-display/avatar.mdx                   |   0
 .../data-display/badge.mdx                    |   0
 .../data-display/meta.json                    |   0
 .../data-display/separator.mdx                |   0
 .../data-display/table.mdx                    |   0
 .../date-and-time/calendar.mdx                |   0
 .../date-and-time/date-field.mdx              |   0
 .../date-and-time/date-picker.mdx             |   0
 .../date-and-time/date-range-picker.mdx       |   0
 .../date-and-time/meta.json                   |   0
 .../date-and-time/range-calendar.mdx          |   0
 .../date-and-time/time-field.mdx              |   0
 .../drag-and-drop/drop-zone.mdx               |   0
 .../drag-and-drop/meta.json                   |   0
 .../feedback/alert.mdx                        |   0
 .../feedback/meta.json                        |   0
 .../feedback/progress-bar.mdx                 |   0
 .../feedback/skeleton.mdx                     |   0
 .../forms-and-inputs/checkbox-group.mdx       |   0
 .../forms-and-inputs/checkbox.mdx             |   0
 .../forms-and-inputs/form.mdx                 |   0
 .../forms-and-inputs/meta.json                |   0
 .../forms-and-inputs/number-field.mdx         |   0
 .../forms-and-inputs/radio-group.mdx          |   0
 .../forms-and-inputs/search-field.mdx         |   0
 .../forms-and-inputs/slider.mdx               |   0
 .../forms-and-inputs/switch.mdx               |   0
 .../forms-and-inputs/text-area.mdx            |   0
 .../forms-and-inputs/text-field.mdx           |   0
 .../menus-and-selection/combobox.mdx          |   0
 .../menus-and-selection/command.mdx           |   0
 .../menus-and-selection/list-box.mdx          |   0
 .../menus-and-selection/menu.mdx              |   0
 .../menus-and-selection/meta.json             |   0
 .../menus-and-selection/select.mdx            |   0
 .../menus-and-selection/tag-group.mdx         |   0
 .../{components => core-components}/meta.json |   2 +-
 .../navigation/breadcrumbs.mdx                |   0
 .../navigation/meta.json                      |   0
 .../navigation/tabs.mdx                       |   0
 .../overlays/dialog.mdx                       |   0
 .../overlays/drawer.mdx                       |   0
 .../overlays/meta.json                        |   0
 .../overlays/modal.mdx                        |   0
 .../overlays/overlay.mdx                      |   0
 .../overlays/popover.mdx                      |   0
 .../overlays/tooltip.mdx                      |   0
 www/content/docs/meta.json                    |   2 +-
 www/src/registry/registry-core_new.ts         | 937 ++++++++++++++++++
 62 files changed, 939 insertions(+), 2 deletions(-)
 rename www/content/docs/{components => core-components}/buttons/button-group.mdx (100%)
 rename www/content/docs/{components => core-components}/buttons/button.mdx (100%)
 rename www/content/docs/{components => core-components}/buttons/file-trigger.mdx (100%)
 rename www/content/docs/{components => core-components}/buttons/meta.json (100%)
 rename www/content/docs/{components => core-components}/buttons/toggle-button-group.mdx (100%)
 rename www/content/docs/{components => core-components}/buttons/toggle-button.mdx (100%)
 rename www/content/docs/{components => core-components}/colors/color-area.mdx (100%)
 rename www/content/docs/{components => core-components}/colors/color-field.mdx (100%)
 rename www/content/docs/{components => core-components}/colors/color-picker.mdx (100%)
 rename www/content/docs/{components => core-components}/colors/color-slider.mdx (100%)
 rename www/content/docs/{components => core-components}/colors/color-swatch-picker.mdx (100%)
 rename www/content/docs/{components => core-components}/colors/color-swatch.mdx (100%)
 rename www/content/docs/{components => core-components}/colors/meta.json (100%)
 rename www/content/docs/{components => core-components}/data-display/avatar.mdx (100%)
 rename www/content/docs/{components => core-components}/data-display/badge.mdx (100%)
 rename www/content/docs/{components => core-components}/data-display/meta.json (100%)
 rename www/content/docs/{components => core-components}/data-display/separator.mdx (100%)
 rename www/content/docs/{components => core-components}/data-display/table.mdx (100%)
 rename www/content/docs/{components => core-components}/date-and-time/calendar.mdx (100%)
 rename www/content/docs/{components => core-components}/date-and-time/date-field.mdx (100%)
 rename www/content/docs/{components => core-components}/date-and-time/date-picker.mdx (100%)
 rename www/content/docs/{components => core-components}/date-and-time/date-range-picker.mdx (100%)
 rename www/content/docs/{components => core-components}/date-and-time/meta.json (100%)
 rename www/content/docs/{components => core-components}/date-and-time/range-calendar.mdx (100%)
 rename www/content/docs/{components => core-components}/date-and-time/time-field.mdx (100%)
 rename www/content/docs/{components => core-components}/drag-and-drop/drop-zone.mdx (100%)
 rename www/content/docs/{components => core-components}/drag-and-drop/meta.json (100%)
 rename www/content/docs/{components => core-components}/feedback/alert.mdx (100%)
 rename www/content/docs/{components => core-components}/feedback/meta.json (100%)
 rename www/content/docs/{components => core-components}/feedback/progress-bar.mdx (100%)
 rename www/content/docs/{components => core-components}/feedback/skeleton.mdx (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/checkbox-group.mdx (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/checkbox.mdx (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/form.mdx (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/meta.json (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/number-field.mdx (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/radio-group.mdx (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/search-field.mdx (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/slider.mdx (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/switch.mdx (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/text-area.mdx (100%)
 rename www/content/docs/{components => core-components}/forms-and-inputs/text-field.mdx (100%)
 rename www/content/docs/{components => core-components}/menus-and-selection/combobox.mdx (100%)
 rename www/content/docs/{components => core-components}/menus-and-selection/command.mdx (100%)
 rename www/content/docs/{components => core-components}/menus-and-selection/list-box.mdx (100%)
 rename www/content/docs/{components => core-components}/menus-and-selection/menu.mdx (100%)
 rename www/content/docs/{components => core-components}/menus-and-selection/meta.json (100%)
 rename www/content/docs/{components => core-components}/menus-and-selection/select.mdx (100%)
 rename www/content/docs/{components => core-components}/menus-and-selection/tag-group.mdx (100%)
 rename www/content/docs/{components => core-components}/meta.json (83%)
 rename www/content/docs/{components => core-components}/navigation/breadcrumbs.mdx (100%)
 rename www/content/docs/{components => core-components}/navigation/meta.json (100%)
 rename www/content/docs/{components => core-components}/navigation/tabs.mdx (100%)
 rename www/content/docs/{components => core-components}/overlays/dialog.mdx (100%)
 rename www/content/docs/{components => core-components}/overlays/drawer.mdx (100%)
 rename www/content/docs/{components => core-components}/overlays/meta.json (100%)
 rename www/content/docs/{components => core-components}/overlays/modal.mdx (100%)
 rename www/content/docs/{components => core-components}/overlays/overlay.mdx (100%)
 rename www/content/docs/{components => core-components}/overlays/popover.mdx (100%)
 rename www/content/docs/{components => core-components}/overlays/tooltip.mdx (100%)
 create mode 100644 www/src/registry/registry-core_new.ts

diff --git a/www/content/docs/components/buttons/button-group.mdx b/www/content/docs/core-components/buttons/button-group.mdx
similarity index 100%
rename from www/content/docs/components/buttons/button-group.mdx
rename to www/content/docs/core-components/buttons/button-group.mdx
diff --git a/www/content/docs/components/buttons/button.mdx b/www/content/docs/core-components/buttons/button.mdx
similarity index 100%
rename from www/content/docs/components/buttons/button.mdx
rename to www/content/docs/core-components/buttons/button.mdx
diff --git a/www/content/docs/components/buttons/file-trigger.mdx b/www/content/docs/core-components/buttons/file-trigger.mdx
similarity index 100%
rename from www/content/docs/components/buttons/file-trigger.mdx
rename to www/content/docs/core-components/buttons/file-trigger.mdx
diff --git a/www/content/docs/components/buttons/meta.json b/www/content/docs/core-components/buttons/meta.json
similarity index 100%
rename from www/content/docs/components/buttons/meta.json
rename to www/content/docs/core-components/buttons/meta.json
diff --git a/www/content/docs/components/buttons/toggle-button-group.mdx b/www/content/docs/core-components/buttons/toggle-button-group.mdx
similarity index 100%
rename from www/content/docs/components/buttons/toggle-button-group.mdx
rename to www/content/docs/core-components/buttons/toggle-button-group.mdx
diff --git a/www/content/docs/components/buttons/toggle-button.mdx b/www/content/docs/core-components/buttons/toggle-button.mdx
similarity index 100%
rename from www/content/docs/components/buttons/toggle-button.mdx
rename to www/content/docs/core-components/buttons/toggle-button.mdx
diff --git a/www/content/docs/components/colors/color-area.mdx b/www/content/docs/core-components/colors/color-area.mdx
similarity index 100%
rename from www/content/docs/components/colors/color-area.mdx
rename to www/content/docs/core-components/colors/color-area.mdx
diff --git a/www/content/docs/components/colors/color-field.mdx b/www/content/docs/core-components/colors/color-field.mdx
similarity index 100%
rename from www/content/docs/components/colors/color-field.mdx
rename to www/content/docs/core-components/colors/color-field.mdx
diff --git a/www/content/docs/components/colors/color-picker.mdx b/www/content/docs/core-components/colors/color-picker.mdx
similarity index 100%
rename from www/content/docs/components/colors/color-picker.mdx
rename to www/content/docs/core-components/colors/color-picker.mdx
diff --git a/www/content/docs/components/colors/color-slider.mdx b/www/content/docs/core-components/colors/color-slider.mdx
similarity index 100%
rename from www/content/docs/components/colors/color-slider.mdx
rename to www/content/docs/core-components/colors/color-slider.mdx
diff --git a/www/content/docs/components/colors/color-swatch-picker.mdx b/www/content/docs/core-components/colors/color-swatch-picker.mdx
similarity index 100%
rename from www/content/docs/components/colors/color-swatch-picker.mdx
rename to www/content/docs/core-components/colors/color-swatch-picker.mdx
diff --git a/www/content/docs/components/colors/color-swatch.mdx b/www/content/docs/core-components/colors/color-swatch.mdx
similarity index 100%
rename from www/content/docs/components/colors/color-swatch.mdx
rename to www/content/docs/core-components/colors/color-swatch.mdx
diff --git a/www/content/docs/components/colors/meta.json b/www/content/docs/core-components/colors/meta.json
similarity index 100%
rename from www/content/docs/components/colors/meta.json
rename to www/content/docs/core-components/colors/meta.json
diff --git a/www/content/docs/components/data-display/avatar.mdx b/www/content/docs/core-components/data-display/avatar.mdx
similarity index 100%
rename from www/content/docs/components/data-display/avatar.mdx
rename to www/content/docs/core-components/data-display/avatar.mdx
diff --git a/www/content/docs/components/data-display/badge.mdx b/www/content/docs/core-components/data-display/badge.mdx
similarity index 100%
rename from www/content/docs/components/data-display/badge.mdx
rename to www/content/docs/core-components/data-display/badge.mdx
diff --git a/www/content/docs/components/data-display/meta.json b/www/content/docs/core-components/data-display/meta.json
similarity index 100%
rename from www/content/docs/components/data-display/meta.json
rename to www/content/docs/core-components/data-display/meta.json
diff --git a/www/content/docs/components/data-display/separator.mdx b/www/content/docs/core-components/data-display/separator.mdx
similarity index 100%
rename from www/content/docs/components/data-display/separator.mdx
rename to www/content/docs/core-components/data-display/separator.mdx
diff --git a/www/content/docs/components/data-display/table.mdx b/www/content/docs/core-components/data-display/table.mdx
similarity index 100%
rename from www/content/docs/components/data-display/table.mdx
rename to www/content/docs/core-components/data-display/table.mdx
diff --git a/www/content/docs/components/date-and-time/calendar.mdx b/www/content/docs/core-components/date-and-time/calendar.mdx
similarity index 100%
rename from www/content/docs/components/date-and-time/calendar.mdx
rename to www/content/docs/core-components/date-and-time/calendar.mdx
diff --git a/www/content/docs/components/date-and-time/date-field.mdx b/www/content/docs/core-components/date-and-time/date-field.mdx
similarity index 100%
rename from www/content/docs/components/date-and-time/date-field.mdx
rename to www/content/docs/core-components/date-and-time/date-field.mdx
diff --git a/www/content/docs/components/date-and-time/date-picker.mdx b/www/content/docs/core-components/date-and-time/date-picker.mdx
similarity index 100%
rename from www/content/docs/components/date-and-time/date-picker.mdx
rename to www/content/docs/core-components/date-and-time/date-picker.mdx
diff --git a/www/content/docs/components/date-and-time/date-range-picker.mdx b/www/content/docs/core-components/date-and-time/date-range-picker.mdx
similarity index 100%
rename from www/content/docs/components/date-and-time/date-range-picker.mdx
rename to www/content/docs/core-components/date-and-time/date-range-picker.mdx
diff --git a/www/content/docs/components/date-and-time/meta.json b/www/content/docs/core-components/date-and-time/meta.json
similarity index 100%
rename from www/content/docs/components/date-and-time/meta.json
rename to www/content/docs/core-components/date-and-time/meta.json
diff --git a/www/content/docs/components/date-and-time/range-calendar.mdx b/www/content/docs/core-components/date-and-time/range-calendar.mdx
similarity index 100%
rename from www/content/docs/components/date-and-time/range-calendar.mdx
rename to www/content/docs/core-components/date-and-time/range-calendar.mdx
diff --git a/www/content/docs/components/date-and-time/time-field.mdx b/www/content/docs/core-components/date-and-time/time-field.mdx
similarity index 100%
rename from www/content/docs/components/date-and-time/time-field.mdx
rename to www/content/docs/core-components/date-and-time/time-field.mdx
diff --git a/www/content/docs/components/drag-and-drop/drop-zone.mdx b/www/content/docs/core-components/drag-and-drop/drop-zone.mdx
similarity index 100%
rename from www/content/docs/components/drag-and-drop/drop-zone.mdx
rename to www/content/docs/core-components/drag-and-drop/drop-zone.mdx
diff --git a/www/content/docs/components/drag-and-drop/meta.json b/www/content/docs/core-components/drag-and-drop/meta.json
similarity index 100%
rename from www/content/docs/components/drag-and-drop/meta.json
rename to www/content/docs/core-components/drag-and-drop/meta.json
diff --git a/www/content/docs/components/feedback/alert.mdx b/www/content/docs/core-components/feedback/alert.mdx
similarity index 100%
rename from www/content/docs/components/feedback/alert.mdx
rename to www/content/docs/core-components/feedback/alert.mdx
diff --git a/www/content/docs/components/feedback/meta.json b/www/content/docs/core-components/feedback/meta.json
similarity index 100%
rename from www/content/docs/components/feedback/meta.json
rename to www/content/docs/core-components/feedback/meta.json
diff --git a/www/content/docs/components/feedback/progress-bar.mdx b/www/content/docs/core-components/feedback/progress-bar.mdx
similarity index 100%
rename from www/content/docs/components/feedback/progress-bar.mdx
rename to www/content/docs/core-components/feedback/progress-bar.mdx
diff --git a/www/content/docs/components/feedback/skeleton.mdx b/www/content/docs/core-components/feedback/skeleton.mdx
similarity index 100%
rename from www/content/docs/components/feedback/skeleton.mdx
rename to www/content/docs/core-components/feedback/skeleton.mdx
diff --git a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx b/www/content/docs/core-components/forms-and-inputs/checkbox-group.mdx
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/checkbox-group.mdx
rename to www/content/docs/core-components/forms-and-inputs/checkbox-group.mdx
diff --git a/www/content/docs/components/forms-and-inputs/checkbox.mdx b/www/content/docs/core-components/forms-and-inputs/checkbox.mdx
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/checkbox.mdx
rename to www/content/docs/core-components/forms-and-inputs/checkbox.mdx
diff --git a/www/content/docs/components/forms-and-inputs/form.mdx b/www/content/docs/core-components/forms-and-inputs/form.mdx
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/form.mdx
rename to www/content/docs/core-components/forms-and-inputs/form.mdx
diff --git a/www/content/docs/components/forms-and-inputs/meta.json b/www/content/docs/core-components/forms-and-inputs/meta.json
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/meta.json
rename to www/content/docs/core-components/forms-and-inputs/meta.json
diff --git a/www/content/docs/components/forms-and-inputs/number-field.mdx b/www/content/docs/core-components/forms-and-inputs/number-field.mdx
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/number-field.mdx
rename to www/content/docs/core-components/forms-and-inputs/number-field.mdx
diff --git a/www/content/docs/components/forms-and-inputs/radio-group.mdx b/www/content/docs/core-components/forms-and-inputs/radio-group.mdx
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/radio-group.mdx
rename to www/content/docs/core-components/forms-and-inputs/radio-group.mdx
diff --git a/www/content/docs/components/forms-and-inputs/search-field.mdx b/www/content/docs/core-components/forms-and-inputs/search-field.mdx
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/search-field.mdx
rename to www/content/docs/core-components/forms-and-inputs/search-field.mdx
diff --git a/www/content/docs/components/forms-and-inputs/slider.mdx b/www/content/docs/core-components/forms-and-inputs/slider.mdx
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/slider.mdx
rename to www/content/docs/core-components/forms-and-inputs/slider.mdx
diff --git a/www/content/docs/components/forms-and-inputs/switch.mdx b/www/content/docs/core-components/forms-and-inputs/switch.mdx
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/switch.mdx
rename to www/content/docs/core-components/forms-and-inputs/switch.mdx
diff --git a/www/content/docs/components/forms-and-inputs/text-area.mdx b/www/content/docs/core-components/forms-and-inputs/text-area.mdx
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/text-area.mdx
rename to www/content/docs/core-components/forms-and-inputs/text-area.mdx
diff --git a/www/content/docs/components/forms-and-inputs/text-field.mdx b/www/content/docs/core-components/forms-and-inputs/text-field.mdx
similarity index 100%
rename from www/content/docs/components/forms-and-inputs/text-field.mdx
rename to www/content/docs/core-components/forms-and-inputs/text-field.mdx
diff --git a/www/content/docs/components/menus-and-selection/combobox.mdx b/www/content/docs/core-components/menus-and-selection/combobox.mdx
similarity index 100%
rename from www/content/docs/components/menus-and-selection/combobox.mdx
rename to www/content/docs/core-components/menus-and-selection/combobox.mdx
diff --git a/www/content/docs/components/menus-and-selection/command.mdx b/www/content/docs/core-components/menus-and-selection/command.mdx
similarity index 100%
rename from www/content/docs/components/menus-and-selection/command.mdx
rename to www/content/docs/core-components/menus-and-selection/command.mdx
diff --git a/www/content/docs/components/menus-and-selection/list-box.mdx b/www/content/docs/core-components/menus-and-selection/list-box.mdx
similarity index 100%
rename from www/content/docs/components/menus-and-selection/list-box.mdx
rename to www/content/docs/core-components/menus-and-selection/list-box.mdx
diff --git a/www/content/docs/components/menus-and-selection/menu.mdx b/www/content/docs/core-components/menus-and-selection/menu.mdx
similarity index 100%
rename from www/content/docs/components/menus-and-selection/menu.mdx
rename to www/content/docs/core-components/menus-and-selection/menu.mdx
diff --git a/www/content/docs/components/menus-and-selection/meta.json b/www/content/docs/core-components/menus-and-selection/meta.json
similarity index 100%
rename from www/content/docs/components/menus-and-selection/meta.json
rename to www/content/docs/core-components/menus-and-selection/meta.json
diff --git a/www/content/docs/components/menus-and-selection/select.mdx b/www/content/docs/core-components/menus-and-selection/select.mdx
similarity index 100%
rename from www/content/docs/components/menus-and-selection/select.mdx
rename to www/content/docs/core-components/menus-and-selection/select.mdx
diff --git a/www/content/docs/components/menus-and-selection/tag-group.mdx b/www/content/docs/core-components/menus-and-selection/tag-group.mdx
similarity index 100%
rename from www/content/docs/components/menus-and-selection/tag-group.mdx
rename to www/content/docs/core-components/menus-and-selection/tag-group.mdx
diff --git a/www/content/docs/components/meta.json b/www/content/docs/core-components/meta.json
similarity index 83%
rename from www/content/docs/components/meta.json
rename to www/content/docs/core-components/meta.json
index 4a2e1b754..e10b874b5 100644
--- a/www/content/docs/components/meta.json
+++ b/www/content/docs/core-components/meta.json
@@ -1,5 +1,5 @@
 {
-  "title": "Components",
+  "title": "Core components",
   "icon": "Box",
   "pages": [
     "buttons",
diff --git a/www/content/docs/components/navigation/breadcrumbs.mdx b/www/content/docs/core-components/navigation/breadcrumbs.mdx
similarity index 100%
rename from www/content/docs/components/navigation/breadcrumbs.mdx
rename to www/content/docs/core-components/navigation/breadcrumbs.mdx
diff --git a/www/content/docs/components/navigation/meta.json b/www/content/docs/core-components/navigation/meta.json
similarity index 100%
rename from www/content/docs/components/navigation/meta.json
rename to www/content/docs/core-components/navigation/meta.json
diff --git a/www/content/docs/components/navigation/tabs.mdx b/www/content/docs/core-components/navigation/tabs.mdx
similarity index 100%
rename from www/content/docs/components/navigation/tabs.mdx
rename to www/content/docs/core-components/navigation/tabs.mdx
diff --git a/www/content/docs/components/overlays/dialog.mdx b/www/content/docs/core-components/overlays/dialog.mdx
similarity index 100%
rename from www/content/docs/components/overlays/dialog.mdx
rename to www/content/docs/core-components/overlays/dialog.mdx
diff --git a/www/content/docs/components/overlays/drawer.mdx b/www/content/docs/core-components/overlays/drawer.mdx
similarity index 100%
rename from www/content/docs/components/overlays/drawer.mdx
rename to www/content/docs/core-components/overlays/drawer.mdx
diff --git a/www/content/docs/components/overlays/meta.json b/www/content/docs/core-components/overlays/meta.json
similarity index 100%
rename from www/content/docs/components/overlays/meta.json
rename to www/content/docs/core-components/overlays/meta.json
diff --git a/www/content/docs/components/overlays/modal.mdx b/www/content/docs/core-components/overlays/modal.mdx
similarity index 100%
rename from www/content/docs/components/overlays/modal.mdx
rename to www/content/docs/core-components/overlays/modal.mdx
diff --git a/www/content/docs/components/overlays/overlay.mdx b/www/content/docs/core-components/overlays/overlay.mdx
similarity index 100%
rename from www/content/docs/components/overlays/overlay.mdx
rename to www/content/docs/core-components/overlays/overlay.mdx
diff --git a/www/content/docs/components/overlays/popover.mdx b/www/content/docs/core-components/overlays/popover.mdx
similarity index 100%
rename from www/content/docs/components/overlays/popover.mdx
rename to www/content/docs/core-components/overlays/popover.mdx
diff --git a/www/content/docs/components/overlays/tooltip.mdx b/www/content/docs/core-components/overlays/tooltip.mdx
similarity index 100%
rename from www/content/docs/components/overlays/tooltip.mdx
rename to www/content/docs/core-components/overlays/tooltip.mdx
diff --git a/www/content/docs/meta.json b/www/content/docs/meta.json
index 5ad3d053c..db2faf2ca 100644
--- a/www/content/docs/meta.json
+++ b/www/content/docs/meta.json
@@ -1,4 +1,4 @@
 {
   "title": "Docs",
-  "pages": ["getting-started", "components", "[Palette][Themes](/themes)"]
+  "pages": ["getting-started", "core-components", "[Palette][Themes](/themes)"]
 }
diff --git a/www/src/registry/registry-core_new.ts b/www/src/registry/registry-core_new.ts
new file mode 100644
index 000000000..29b7900e7
--- /dev/null
+++ b/www/src/registry/registry-core_new.ts
@@ -0,0 +1,937 @@
+import type { Registry } from "@/registry/types";
+
+export const core: Registry = [
+  {
+    name: "alert",
+    type: "registry:core",
+    variants: [
+      {
+        name: "alert_basic",
+      },
+      {
+        name: "alert-02",
+      },
+      {
+        name: "alert-03",
+      },
+    ],
+  },
+  {
+    name: "alert-01",
+    type: "registry:core",
+    files: [
+      {
+        path: "core/alert-01.tsx",
+        type: "registry:core",
+        target: "core/alert.tsx",
+      },
+    ],
+  },
+  {
+    name: "avatar",
+    type: "registry:core",
+    variants: [
+      {
+        name: "avatar-01",
+      },
+    ],
+  },
+  {
+    name: "avatar-01",
+    type: "registry:core",
+    files: [
+      {
+        path: "core/avatar-01.tsx",
+        type: "registry:core",
+        target: "core/avatar.tsx",
+      },
+    ],
+  },
+  {
+    name: "badge",
+    type: "registry:core",
+    variants: [
+      {
+        name: "badge-01",
+      },
+    ],
+  },
+  {
+    name: "badge-01",
+    type: "registry:core",
+    files: [
+      {
+        path: "core/badge-01.tsx",
+        type: "registry:core",
+        target: "core/badge.tsx",
+      },
+    ],
+  },
+  {
+    name: "breadcrumbs",
+    type: "registry:core",
+    variants: [
+      {
+        name: "breadcrumbs-01",
+      },
+    ],
+  },
+  {
+    name: "breadcrumbs-01",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/breadcrumbs-01.tsx",
+        type: "registry:core",
+        target: "core/breadcrumbs.tsx",
+      },
+    ],
+  },
+  {
+    name: "button",
+    type: "registry:core",
+    variants: [
+      {
+        name: "button-01",
+      },
+      {
+        name: "button-02",
+      },
+      {
+        name: "button-03",
+      },
+      {
+        name: "button-04",
+      },
+    ],
+  },
+  {
+    name: "button-01",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/button-01.tsx",
+        type: "registry:core",
+        target: "core/button.tsx",
+      },
+    ],
+  },
+  {
+    name: "button-02",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/button-02.tsx",
+        type: "registry:core",
+        target: "core/button.tsx",
+      },
+    ],
+  },
+  {
+    name: "calendar",
+    type: "registry:core",
+    variants: [
+      {
+        name: "calendar_basic",
+      },
+      {
+        name: "calendar_cal",
+      },
+    ],
+  },
+  {
+    name: "calendar_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["button", "heading", "text"],
+    files: [
+      {
+        path: "core/calendar_basic.tsx",
+        type: "registry:core",
+        target: "core/calendar.tsx",
+      },
+    ],
+  },
+  {
+    name: "calendar_cal",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["button", "heading", "text"],
+    files: [
+      {
+        path: "core/calendar_cal.tsx",
+        type: "registry:core",
+        target: "core/calendar.tsx",
+      },
+    ],
+  },
+  {
+    name: "checkbox",
+    type: "registry:core",
+    variants: [
+      {
+        name: "checkbox_basic",
+        label: "Basic",
+      },
+    ],
+  },
+  {
+    name: "checkbox_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/checkbox_basic.tsx",
+        type: "registry:core",
+        target: "core/checkbox.tsx",
+      },
+    ],
+  },
+  {
+    name: "checkbox-group",
+    type: "registry:core",
+    variants: [
+      {
+        name: "checkbox-group_basic",
+        label: "Basic",
+      },
+    ],
+  },
+  {
+    name: "checkbox-group_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["checkbox"],
+    files: [
+      {
+        path: "core/checkbox-group-_basic.tsx",
+        type: "registry:core",
+        target: "core/checkbox-group.tsx",
+      },
+    ],
+  },
+  {
+    name: "color-area",
+    type: "registry:core",
+    variants: [
+      {
+        name: "color-area-01",
+      },
+    ],
+  },
+  {
+    name: "color-area-01",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["color-thumb"],
+    files: [
+      {
+        path: "core/color-area-01.tsx",
+        type: "registry:core",
+        target: "core/color-area.tsx",
+      },
+    ],
+  },
+  {
+    name: "color-field",
+    type: "registry:core",
+    variants: [
+      {
+        name: "color-field-01",
+      },
+    ],
+  },
+  {
+    name: "color-field-01",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["field", "input"],
+    files: [
+      {
+        path: "core/color-field/color-field-01.tsx",
+        type: "registry:core",
+        target: "core/color-field.tsx",
+      },
+    ],
+  },
+  {
+    name: "color-picker",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: [
+      "button",
+      "color-area",
+      "color-field",
+      "color-slider",
+      "color-swatch",
+      "dialog",
+      "list-box",
+      "select",
+    ],
+    files: [
+      {
+        path: "core/color-picker/color-picker.tsx",
+        type: "registry:core",
+        target: "core/color-picker.tsx",
+      },
+    ],
+  },
+  {
+    name: "color-slider",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["color-thumb", "field"],
+    files: [
+      {
+        path: "core/color-slider/color-slider.tsx",
+        type: "registry:core",
+        target: "core/color-slider.tsx",
+      },
+    ],
+  },
+  {
+    name: "color-swatch",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/color-swatch/color-swatch.tsx",
+        type: "registry:core",
+        target: "core/color-swatch.tsx",
+      },
+    ],
+  },
+  {
+    name: "color-thumb",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/color-thumb/color-thumb.tsx",
+        type: "registry:core",
+        target: "core/color-thumb.tsx",
+      },
+    ],
+  },
+  {
+    name: "combobox",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["button", "field", "input", "list-box", "overlay"],
+    files: [
+      {
+        path: "core/combobox/combobox.tsx",
+        type: "registry:core",
+        target: "core/combobox.tsx",
+      },
+    ],
+  },
+  {
+    name: "date-field",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["date-input", "field", "input"],
+    files: [
+      {
+        path: "core/date-field/date-field.tsx",
+        type: "registry:core",
+        target: "core/date-field.tsx",
+      },
+    ],
+  },
+  {
+    name: "date-input",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/date-input/date-input.tsx",
+        type: "registry:core",
+        target: "core/date-input.tsx",
+      },
+    ],
+  },
+  {
+    name: "date-picker",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: [
+      "button",
+      "calendar",
+      "dialog",
+      "date-input",
+      "field",
+      "input",
+    ],
+    files: [
+      {
+        path: "core/date-picker/date-picker.tsx",
+        type: "registry:core",
+        target: "core/date-picker.tsx",
+      },
+    ],
+  },
+  {
+    name: "date-range-picker",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: [
+      "button",
+      "calendar",
+      "dialog",
+      "date-input",
+      "field",
+      "input",
+    ],
+    files: [
+      {
+        path: "core/date-range-picker/date-range-picker.tsx",
+        type: "registry:core",
+        target: "core/date-range-picker.tsx",
+      },
+    ],
+  },
+  {
+    name: "dialog",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["overlay", "heading", "text"],
+    files: [
+      {
+        path: "core/dialog/dialog.tsx",
+        type: "registry:core",
+        target: "core/dialog.tsx",
+      },
+    ],
+  },
+  {
+    name: "drop-zone",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/drop-zone/drop-zone.tsx",
+        type: "registry:core",
+        target: "core/drop-zone.tsx",
+      },
+    ],
+  },
+  {
+    name: "field",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/field/field.tsx",
+        type: "registry:core",
+        target: "core/field.tsx",
+      },
+    ],
+  },
+  {
+    name: "file-trigger",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/file-trigger/file-trigger.tsx",
+        type: "registry:core",
+        target: "core/file-trigger.tsx",
+      },
+    ],
+  },
+  {
+    name: "form",
+    type: "registry:core",
+    variants: [
+      {
+        name: "react-hook-form",
+        label: "React Hook Form",
+      },
+    ],
+  },
+  {
+    name: "react-hook-form",
+    type: "registry:core",
+    dependencies: ["react-hook-form", "@hookform/resolvers", "zod"],
+    files: [
+      {
+        path: "core/form_react-hook-form.tsx",
+        type: "registry:core",
+        target: "core/form.tsx",
+      },
+    ],
+  },
+  {
+    name: "group",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/group/group.tsx",
+        type: "registry:core",
+        target: "core/group.tsx",
+      },
+    ],
+  },
+  {
+    name: "heading",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/heading/heading.tsx",
+        type: "registry:core",
+        target: "core/heading.tsx",
+      },
+    ],
+  },
+  {
+    name: "input",
+    type: "registry:core",
+    dependencies: [
+      "react-aria-components",
+      "@react-aria/utils",
+      "@react-stately/utils",
+    ],
+    files: [
+      {
+        path: "core/input/input.tsx",
+        type: "registry:core",
+        target: "core/input.tsx",
+      },
+    ],
+  },
+  {
+    name: "kbd",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/kbd/kbd.tsx",
+        type: "registry:core",
+        target: "core/kbd.tsx",
+      },
+    ],
+  },
+  {
+    name: "link",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/link/link.tsx",
+        type: "registry:core",
+        target: "core/link.tsx",
+      },
+    ],
+  },
+  {
+    name: "list-box",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["text"],
+    files: [
+      {
+        path: "core/list-box/list-box.tsx",
+        type: "registry:core",
+        target: "core/list-box.tsx",
+      },
+    ],
+  },
+  {
+    name: "menu",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["overlay", "kbd", "text"],
+    files: [
+      {
+        path: "core/menu/menu.tsx",
+        type: "registry:core",
+        target: "core/menu.tsx",
+      },
+    ],
+  },
+  // TODO: add useMediaQuery
+  {
+    name: "number-field",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["input", "field", "button"],
+    files: [
+      {
+        path: "core/number-field/number-field.tsx",
+        type: "registry:core",
+        target: "core/number-field.tsx",
+      },
+    ],
+  },
+  // TODO: add useMediaQuery
+  {
+    name: "overlay",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["button"],
+    files: [
+      {
+        path: "core/overlay/overlay.tsx",
+        type: "registry:core",
+        target: "core/overlay.tsx",
+      },
+      {
+        path: "core/overlay/use-motion-drawer.tsx",
+        type: "registry:core",
+        target: "core/overlay.tsx",
+      },
+    ],
+  },
+  {
+    name: "progress",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["field"],
+    files: [
+      {
+        path: "core/progress/progress.tsx",
+        type: "registry:core",
+        target: "core/progress.tsx",
+      },
+    ],
+  },
+  {
+    name: "radio-group",
+    type: "registry:core",
+    variants: [
+      {
+        name: "radio-group_basic",
+        label: "Basic",
+      },
+    ],
+  },
+  {
+    name: "radio-group_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["field"],
+    files: [
+      {
+        path: "core/radio-group-_basic.tsx",
+        type: "registry:core",
+        target: "core/radio-group.tsx",
+      },
+    ],
+  },
+
+  {
+    name: "radio-group",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["field"],
+    files: [
+      {
+        path: "core/radio-group/radio-group.tsx",
+        type: "registry:core",
+        target: "core/radio-group.tsx",
+      },
+    ],
+  },
+  {
+    name: "scroll-area",
+    type: "registry:core",
+    dependencies: ["@radix-ui/react-scroll-area"],
+    files: [
+      {
+        path: "core/scroll-area/scroll-area.tsx",
+        type: "registry:core",
+        target: "core/scroll-area.tsx",
+      },
+    ],
+  },
+  {
+    name: "search-field",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["button", "field", "input"],
+    files: [
+      {
+        path: "core/search-field/search-field.tsx",
+        type: "registry:core",
+        target: "core/search-field.tsx",
+      },
+    ],
+  },
+  {
+    name: "section",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/section/section.tsx",
+        type: "registry:core",
+        target: "core/section.tsx",
+      },
+    ],
+  },
+  {
+    name: "select",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["button", "field", "list-box", "overlay"],
+    files: [
+      {
+        path: "core/select/select.tsx",
+        type: "registry:core",
+        target: "core/select.tsx",
+      },
+    ],
+  },
+  {
+    name: "separator",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/separator/separator.tsx",
+        type: "registry:core",
+        target: "core/separator.tsx",
+      },
+    ],
+  },
+  {
+    name: "skeleton",
+    type: "registry:core",
+    files: [
+      {
+        path: "core/separator/separator.tsx",
+        type: "registry:core",
+        target: "core/separator.tsx",
+      },
+    ],
+  },
+  {
+    name: "slider",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["field"],
+    files: [
+      {
+        path: "core/slider/slider.tsx",
+        type: "registry:core",
+        target: "core/slider.tsx",
+      },
+    ],
+  },
+  {
+    name: "switch",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/switch/switch.tsx",
+        type: "registry:core",
+        target: "core/switch.tsx",
+      },
+    ],
+  },
+  {
+    name: "tabs",
+    type: "registry:core",
+    variants: [
+      {
+        name: "tabs_basic",
+      },
+      {
+        name: "tabs_motion",
+      },
+    ],
+  },
+  {
+    name: "tabs_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/tabs_basic.tsx",
+        type: "registry:core",
+        target: "core/tabs.tsx",
+      },
+    ],
+  },
+  {
+    name: "tabs_motion",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/tabs_motion.tsx",
+        type: "registry:core",
+        target: "core/tabs.tsx",
+      },
+    ],
+  },
+  {
+    name: "text",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/text/text.tsx",
+        type: "registry:core",
+        target: "core/text.tsx",
+      },
+    ],
+  },
+  {
+    name: "text-area",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["field", "input", "text-field"],
+    files: [
+      {
+        path: "core/text-area/text-area.tsx",
+        type: "registry:core",
+        target: "core/text-area.tsx",
+      },
+    ],
+  },
+  {
+    name: "text-field",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["field", "input"],
+    files: [
+      {
+        path: "core/text-field/text-field.tsx",
+        type: "registry:core",
+        target: "core/text-field.tsx",
+      },
+    ],
+  },
+  {
+    name: "time-field",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    registryDependencies: ["field", "input", "date-input"],
+    files: [
+      {
+        path: "core/time-field/time-field.tsx",
+        type: "registry:core",
+        target: "core/time-field.tsx",
+      },
+    ],
+  },
+  {
+    name: "toggle-button",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/toggle-button/toggle-button.tsx",
+        type: "registry:core",
+        target: "core/toggle-button.tsx",
+      },
+    ],
+  },
+  {
+    name: "tooltip",
+    type: "registry:core",
+    variants: [
+      {
+        name: "tooltip_basic",
+      },
+      {
+        name: "tooltip_framer",
+      },
+    ],
+  },
+  {
+    name: "tooltip_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/tooltip_basic.tsx",
+        type: "registry:core",
+        target: "core/tooltip.tsx",
+      },
+    ],
+  },
+  {
+    name: "tooltip_framer",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/tooltip_framer.tsx",
+        type: "registry:core",
+        target: "core/tooltip.tsx",
+      },
+    ],
+  },
+  {
+    name: "modal",
+    type: "registry:core",
+    variants: [
+      {
+        name: "modal_basic",
+      },
+    ],
+  },
+  {
+    name: "modal_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/modal_basic.tsx",
+        type: "registry:core",
+        target: "core/modal.tsx",
+      },
+    ],
+  },
+  {
+    name: "popover",
+    type: "registry:core",
+    variants: [
+      {
+        name: "popover_basic",
+      },
+    ],
+  },
+  {
+    name: "popover_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/popover_basic.tsx",
+        type: "registry:core",
+        target: "core/popover.tsx",
+      },
+    ],
+  },
+  {
+    name: "drawer",
+    type: "registry:core",
+    variants: [
+      {
+        name: "drawer_basic",
+      },
+    ],
+  },
+  {
+    name: "drawer_basic",
+    type: "registry:core",
+    dependencies: ["react-aria-components"],
+    files: [
+      {
+        path: "core/drawer_basic.tsx",
+        type: "registry:core",
+        target: "core/drawer.tsx",
+      },
+    ],
+  },
+];

From 82e902261e02ef02685b22665df29544b6f8e00b Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 00:24:07 +0100
Subject: [PATCH 073/165] chore(docs): update components

---
 .../docs/{core-components => core}/buttons/button-group.mdx     | 0
 www/content/docs/{core-components => core}/buttons/button.mdx   | 0
 .../docs/{core-components => core}/buttons/file-trigger.mdx     | 0
 www/content/docs/{core-components => core}/buttons/meta.json    | 0
 .../{core-components => core}/buttons/toggle-button-group.mdx   | 0
 .../docs/{core-components => core}/buttons/toggle-button.mdx    | 0
 .../docs/{core-components => core}/colors/color-area.mdx        | 0
 .../docs/{core-components => core}/colors/color-field.mdx       | 0
 .../docs/{core-components => core}/colors/color-picker.mdx      | 0
 .../docs/{core-components => core}/colors/color-slider.mdx      | 0
 .../{core-components => core}/colors/color-swatch-picker.mdx    | 0
 .../docs/{core-components => core}/colors/color-swatch.mdx      | 0
 www/content/docs/{core-components => core}/colors/meta.json     | 0
 .../docs/{core-components => core}/data-display/avatar.mdx      | 0
 .../docs/{core-components => core}/data-display/badge.mdx       | 0
 .../docs/{core-components => core}/data-display/meta.json       | 0
 .../docs/{core-components => core}/data-display/separator.mdx   | 0
 .../docs/{core-components => core}/data-display/table.mdx       | 0
 .../docs/{core-components => core}/date-and-time/calendar.mdx   | 0
 .../docs/{core-components => core}/date-and-time/date-field.mdx | 0
 .../{core-components => core}/date-and-time/date-picker.mdx     | 0
 .../date-and-time/date-range-picker.mdx                         | 0
 .../docs/{core-components => core}/date-and-time/meta.json      | 0
 .../{core-components => core}/date-and-time/range-calendar.mdx  | 0
 .../docs/{core-components => core}/date-and-time/time-field.mdx | 0
 .../docs/{core-components => core}/drag-and-drop/drop-zone.mdx  | 0
 .../docs/{core-components => core}/drag-and-drop/meta.json      | 0
 www/content/docs/{core-components => core}/feedback/alert.mdx   | 0
 www/content/docs/{core-components => core}/feedback/meta.json   | 0
 .../docs/{core-components => core}/feedback/progress-bar.mdx    | 0
 .../docs/{core-components => core}/feedback/skeleton.mdx        | 0
 .../forms-and-inputs/checkbox-group.mdx                         | 0
 .../{core-components => core}/forms-and-inputs/checkbox.mdx     | 0
 .../docs/{core-components => core}/forms-and-inputs/form.mdx    | 0
 .../docs/{core-components => core}/forms-and-inputs/meta.json   | 0
 .../{core-components => core}/forms-and-inputs/number-field.mdx | 0
 .../{core-components => core}/forms-and-inputs/radio-group.mdx  | 0
 .../{core-components => core}/forms-and-inputs/search-field.mdx | 0
 .../docs/{core-components => core}/forms-and-inputs/slider.mdx  | 0
 .../docs/{core-components => core}/forms-and-inputs/switch.mdx  | 0
 .../{core-components => core}/forms-and-inputs/text-area.mdx    | 0
 .../{core-components => core}/forms-and-inputs/text-field.mdx   | 0
 .../{core-components => core}/menus-and-selection/combobox.mdx  | 0
 .../{core-components => core}/menus-and-selection/command.mdx   | 0
 .../{core-components => core}/menus-and-selection/list-box.mdx  | 0
 .../docs/{core-components => core}/menus-and-selection/menu.mdx | 0
 .../{core-components => core}/menus-and-selection/meta.json     | 0
 .../{core-components => core}/menus-and-selection/select.mdx    | 0
 .../{core-components => core}/menus-and-selection/tag-group.mdx | 0
 www/content/docs/{core-components => core}/meta.json            | 2 +-
 .../docs/{core-components => core}/navigation/breadcrumbs.mdx   | 0
 www/content/docs/{core-components => core}/navigation/meta.json | 0
 www/content/docs/{core-components => core}/navigation/tabs.mdx  | 0
 www/content/docs/{core-components => core}/overlays/dialog.mdx  | 0
 www/content/docs/{core-components => core}/overlays/drawer.mdx  | 0
 www/content/docs/{core-components => core}/overlays/meta.json   | 0
 www/content/docs/{core-components => core}/overlays/modal.mdx   | 0
 www/content/docs/{core-components => core}/overlays/overlay.mdx | 0
 www/content/docs/{core-components => core}/overlays/popover.mdx | 0
 www/content/docs/{core-components => core}/overlays/tooltip.mdx | 0
 60 files changed, 1 insertion(+), 1 deletion(-)
 rename www/content/docs/{core-components => core}/buttons/button-group.mdx (100%)
 rename www/content/docs/{core-components => core}/buttons/button.mdx (100%)
 rename www/content/docs/{core-components => core}/buttons/file-trigger.mdx (100%)
 rename www/content/docs/{core-components => core}/buttons/meta.json (100%)
 rename www/content/docs/{core-components => core}/buttons/toggle-button-group.mdx (100%)
 rename www/content/docs/{core-components => core}/buttons/toggle-button.mdx (100%)
 rename www/content/docs/{core-components => core}/colors/color-area.mdx (100%)
 rename www/content/docs/{core-components => core}/colors/color-field.mdx (100%)
 rename www/content/docs/{core-components => core}/colors/color-picker.mdx (100%)
 rename www/content/docs/{core-components => core}/colors/color-slider.mdx (100%)
 rename www/content/docs/{core-components => core}/colors/color-swatch-picker.mdx (100%)
 rename www/content/docs/{core-components => core}/colors/color-swatch.mdx (100%)
 rename www/content/docs/{core-components => core}/colors/meta.json (100%)
 rename www/content/docs/{core-components => core}/data-display/avatar.mdx (100%)
 rename www/content/docs/{core-components => core}/data-display/badge.mdx (100%)
 rename www/content/docs/{core-components => core}/data-display/meta.json (100%)
 rename www/content/docs/{core-components => core}/data-display/separator.mdx (100%)
 rename www/content/docs/{core-components => core}/data-display/table.mdx (100%)
 rename www/content/docs/{core-components => core}/date-and-time/calendar.mdx (100%)
 rename www/content/docs/{core-components => core}/date-and-time/date-field.mdx (100%)
 rename www/content/docs/{core-components => core}/date-and-time/date-picker.mdx (100%)
 rename www/content/docs/{core-components => core}/date-and-time/date-range-picker.mdx (100%)
 rename www/content/docs/{core-components => core}/date-and-time/meta.json (100%)
 rename www/content/docs/{core-components => core}/date-and-time/range-calendar.mdx (100%)
 rename www/content/docs/{core-components => core}/date-and-time/time-field.mdx (100%)
 rename www/content/docs/{core-components => core}/drag-and-drop/drop-zone.mdx (100%)
 rename www/content/docs/{core-components => core}/drag-and-drop/meta.json (100%)
 rename www/content/docs/{core-components => core}/feedback/alert.mdx (100%)
 rename www/content/docs/{core-components => core}/feedback/meta.json (100%)
 rename www/content/docs/{core-components => core}/feedback/progress-bar.mdx (100%)
 rename www/content/docs/{core-components => core}/feedback/skeleton.mdx (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/checkbox-group.mdx (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/checkbox.mdx (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/form.mdx (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/meta.json (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/number-field.mdx (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/radio-group.mdx (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/search-field.mdx (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/slider.mdx (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/switch.mdx (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/text-area.mdx (100%)
 rename www/content/docs/{core-components => core}/forms-and-inputs/text-field.mdx (100%)
 rename www/content/docs/{core-components => core}/menus-and-selection/combobox.mdx (100%)
 rename www/content/docs/{core-components => core}/menus-and-selection/command.mdx (100%)
 rename www/content/docs/{core-components => core}/menus-and-selection/list-box.mdx (100%)
 rename www/content/docs/{core-components => core}/menus-and-selection/menu.mdx (100%)
 rename www/content/docs/{core-components => core}/menus-and-selection/meta.json (100%)
 rename www/content/docs/{core-components => core}/menus-and-selection/select.mdx (100%)
 rename www/content/docs/{core-components => core}/menus-and-selection/tag-group.mdx (100%)
 rename www/content/docs/{core-components => core}/meta.json (83%)
 rename www/content/docs/{core-components => core}/navigation/breadcrumbs.mdx (100%)
 rename www/content/docs/{core-components => core}/navigation/meta.json (100%)
 rename www/content/docs/{core-components => core}/navigation/tabs.mdx (100%)
 rename www/content/docs/{core-components => core}/overlays/dialog.mdx (100%)
 rename www/content/docs/{core-components => core}/overlays/drawer.mdx (100%)
 rename www/content/docs/{core-components => core}/overlays/meta.json (100%)
 rename www/content/docs/{core-components => core}/overlays/modal.mdx (100%)
 rename www/content/docs/{core-components => core}/overlays/overlay.mdx (100%)
 rename www/content/docs/{core-components => core}/overlays/popover.mdx (100%)
 rename www/content/docs/{core-components => core}/overlays/tooltip.mdx (100%)

diff --git a/www/content/docs/core-components/buttons/button-group.mdx b/www/content/docs/core/buttons/button-group.mdx
similarity index 100%
rename from www/content/docs/core-components/buttons/button-group.mdx
rename to www/content/docs/core/buttons/button-group.mdx
diff --git a/www/content/docs/core-components/buttons/button.mdx b/www/content/docs/core/buttons/button.mdx
similarity index 100%
rename from www/content/docs/core-components/buttons/button.mdx
rename to www/content/docs/core/buttons/button.mdx
diff --git a/www/content/docs/core-components/buttons/file-trigger.mdx b/www/content/docs/core/buttons/file-trigger.mdx
similarity index 100%
rename from www/content/docs/core-components/buttons/file-trigger.mdx
rename to www/content/docs/core/buttons/file-trigger.mdx
diff --git a/www/content/docs/core-components/buttons/meta.json b/www/content/docs/core/buttons/meta.json
similarity index 100%
rename from www/content/docs/core-components/buttons/meta.json
rename to www/content/docs/core/buttons/meta.json
diff --git a/www/content/docs/core-components/buttons/toggle-button-group.mdx b/www/content/docs/core/buttons/toggle-button-group.mdx
similarity index 100%
rename from www/content/docs/core-components/buttons/toggle-button-group.mdx
rename to www/content/docs/core/buttons/toggle-button-group.mdx
diff --git a/www/content/docs/core-components/buttons/toggle-button.mdx b/www/content/docs/core/buttons/toggle-button.mdx
similarity index 100%
rename from www/content/docs/core-components/buttons/toggle-button.mdx
rename to www/content/docs/core/buttons/toggle-button.mdx
diff --git a/www/content/docs/core-components/colors/color-area.mdx b/www/content/docs/core/colors/color-area.mdx
similarity index 100%
rename from www/content/docs/core-components/colors/color-area.mdx
rename to www/content/docs/core/colors/color-area.mdx
diff --git a/www/content/docs/core-components/colors/color-field.mdx b/www/content/docs/core/colors/color-field.mdx
similarity index 100%
rename from www/content/docs/core-components/colors/color-field.mdx
rename to www/content/docs/core/colors/color-field.mdx
diff --git a/www/content/docs/core-components/colors/color-picker.mdx b/www/content/docs/core/colors/color-picker.mdx
similarity index 100%
rename from www/content/docs/core-components/colors/color-picker.mdx
rename to www/content/docs/core/colors/color-picker.mdx
diff --git a/www/content/docs/core-components/colors/color-slider.mdx b/www/content/docs/core/colors/color-slider.mdx
similarity index 100%
rename from www/content/docs/core-components/colors/color-slider.mdx
rename to www/content/docs/core/colors/color-slider.mdx
diff --git a/www/content/docs/core-components/colors/color-swatch-picker.mdx b/www/content/docs/core/colors/color-swatch-picker.mdx
similarity index 100%
rename from www/content/docs/core-components/colors/color-swatch-picker.mdx
rename to www/content/docs/core/colors/color-swatch-picker.mdx
diff --git a/www/content/docs/core-components/colors/color-swatch.mdx b/www/content/docs/core/colors/color-swatch.mdx
similarity index 100%
rename from www/content/docs/core-components/colors/color-swatch.mdx
rename to www/content/docs/core/colors/color-swatch.mdx
diff --git a/www/content/docs/core-components/colors/meta.json b/www/content/docs/core/colors/meta.json
similarity index 100%
rename from www/content/docs/core-components/colors/meta.json
rename to www/content/docs/core/colors/meta.json
diff --git a/www/content/docs/core-components/data-display/avatar.mdx b/www/content/docs/core/data-display/avatar.mdx
similarity index 100%
rename from www/content/docs/core-components/data-display/avatar.mdx
rename to www/content/docs/core/data-display/avatar.mdx
diff --git a/www/content/docs/core-components/data-display/badge.mdx b/www/content/docs/core/data-display/badge.mdx
similarity index 100%
rename from www/content/docs/core-components/data-display/badge.mdx
rename to www/content/docs/core/data-display/badge.mdx
diff --git a/www/content/docs/core-components/data-display/meta.json b/www/content/docs/core/data-display/meta.json
similarity index 100%
rename from www/content/docs/core-components/data-display/meta.json
rename to www/content/docs/core/data-display/meta.json
diff --git a/www/content/docs/core-components/data-display/separator.mdx b/www/content/docs/core/data-display/separator.mdx
similarity index 100%
rename from www/content/docs/core-components/data-display/separator.mdx
rename to www/content/docs/core/data-display/separator.mdx
diff --git a/www/content/docs/core-components/data-display/table.mdx b/www/content/docs/core/data-display/table.mdx
similarity index 100%
rename from www/content/docs/core-components/data-display/table.mdx
rename to www/content/docs/core/data-display/table.mdx
diff --git a/www/content/docs/core-components/date-and-time/calendar.mdx b/www/content/docs/core/date-and-time/calendar.mdx
similarity index 100%
rename from www/content/docs/core-components/date-and-time/calendar.mdx
rename to www/content/docs/core/date-and-time/calendar.mdx
diff --git a/www/content/docs/core-components/date-and-time/date-field.mdx b/www/content/docs/core/date-and-time/date-field.mdx
similarity index 100%
rename from www/content/docs/core-components/date-and-time/date-field.mdx
rename to www/content/docs/core/date-and-time/date-field.mdx
diff --git a/www/content/docs/core-components/date-and-time/date-picker.mdx b/www/content/docs/core/date-and-time/date-picker.mdx
similarity index 100%
rename from www/content/docs/core-components/date-and-time/date-picker.mdx
rename to www/content/docs/core/date-and-time/date-picker.mdx
diff --git a/www/content/docs/core-components/date-and-time/date-range-picker.mdx b/www/content/docs/core/date-and-time/date-range-picker.mdx
similarity index 100%
rename from www/content/docs/core-components/date-and-time/date-range-picker.mdx
rename to www/content/docs/core/date-and-time/date-range-picker.mdx
diff --git a/www/content/docs/core-components/date-and-time/meta.json b/www/content/docs/core/date-and-time/meta.json
similarity index 100%
rename from www/content/docs/core-components/date-and-time/meta.json
rename to www/content/docs/core/date-and-time/meta.json
diff --git a/www/content/docs/core-components/date-and-time/range-calendar.mdx b/www/content/docs/core/date-and-time/range-calendar.mdx
similarity index 100%
rename from www/content/docs/core-components/date-and-time/range-calendar.mdx
rename to www/content/docs/core/date-and-time/range-calendar.mdx
diff --git a/www/content/docs/core-components/date-and-time/time-field.mdx b/www/content/docs/core/date-and-time/time-field.mdx
similarity index 100%
rename from www/content/docs/core-components/date-and-time/time-field.mdx
rename to www/content/docs/core/date-and-time/time-field.mdx
diff --git a/www/content/docs/core-components/drag-and-drop/drop-zone.mdx b/www/content/docs/core/drag-and-drop/drop-zone.mdx
similarity index 100%
rename from www/content/docs/core-components/drag-and-drop/drop-zone.mdx
rename to www/content/docs/core/drag-and-drop/drop-zone.mdx
diff --git a/www/content/docs/core-components/drag-and-drop/meta.json b/www/content/docs/core/drag-and-drop/meta.json
similarity index 100%
rename from www/content/docs/core-components/drag-and-drop/meta.json
rename to www/content/docs/core/drag-and-drop/meta.json
diff --git a/www/content/docs/core-components/feedback/alert.mdx b/www/content/docs/core/feedback/alert.mdx
similarity index 100%
rename from www/content/docs/core-components/feedback/alert.mdx
rename to www/content/docs/core/feedback/alert.mdx
diff --git a/www/content/docs/core-components/feedback/meta.json b/www/content/docs/core/feedback/meta.json
similarity index 100%
rename from www/content/docs/core-components/feedback/meta.json
rename to www/content/docs/core/feedback/meta.json
diff --git a/www/content/docs/core-components/feedback/progress-bar.mdx b/www/content/docs/core/feedback/progress-bar.mdx
similarity index 100%
rename from www/content/docs/core-components/feedback/progress-bar.mdx
rename to www/content/docs/core/feedback/progress-bar.mdx
diff --git a/www/content/docs/core-components/feedback/skeleton.mdx b/www/content/docs/core/feedback/skeleton.mdx
similarity index 100%
rename from www/content/docs/core-components/feedback/skeleton.mdx
rename to www/content/docs/core/feedback/skeleton.mdx
diff --git a/www/content/docs/core-components/forms-and-inputs/checkbox-group.mdx b/www/content/docs/core/forms-and-inputs/checkbox-group.mdx
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/checkbox-group.mdx
rename to www/content/docs/core/forms-and-inputs/checkbox-group.mdx
diff --git a/www/content/docs/core-components/forms-and-inputs/checkbox.mdx b/www/content/docs/core/forms-and-inputs/checkbox.mdx
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/checkbox.mdx
rename to www/content/docs/core/forms-and-inputs/checkbox.mdx
diff --git a/www/content/docs/core-components/forms-and-inputs/form.mdx b/www/content/docs/core/forms-and-inputs/form.mdx
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/form.mdx
rename to www/content/docs/core/forms-and-inputs/form.mdx
diff --git a/www/content/docs/core-components/forms-and-inputs/meta.json b/www/content/docs/core/forms-and-inputs/meta.json
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/meta.json
rename to www/content/docs/core/forms-and-inputs/meta.json
diff --git a/www/content/docs/core-components/forms-and-inputs/number-field.mdx b/www/content/docs/core/forms-and-inputs/number-field.mdx
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/number-field.mdx
rename to www/content/docs/core/forms-and-inputs/number-field.mdx
diff --git a/www/content/docs/core-components/forms-and-inputs/radio-group.mdx b/www/content/docs/core/forms-and-inputs/radio-group.mdx
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/radio-group.mdx
rename to www/content/docs/core/forms-and-inputs/radio-group.mdx
diff --git a/www/content/docs/core-components/forms-and-inputs/search-field.mdx b/www/content/docs/core/forms-and-inputs/search-field.mdx
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/search-field.mdx
rename to www/content/docs/core/forms-and-inputs/search-field.mdx
diff --git a/www/content/docs/core-components/forms-and-inputs/slider.mdx b/www/content/docs/core/forms-and-inputs/slider.mdx
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/slider.mdx
rename to www/content/docs/core/forms-and-inputs/slider.mdx
diff --git a/www/content/docs/core-components/forms-and-inputs/switch.mdx b/www/content/docs/core/forms-and-inputs/switch.mdx
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/switch.mdx
rename to www/content/docs/core/forms-and-inputs/switch.mdx
diff --git a/www/content/docs/core-components/forms-and-inputs/text-area.mdx b/www/content/docs/core/forms-and-inputs/text-area.mdx
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/text-area.mdx
rename to www/content/docs/core/forms-and-inputs/text-area.mdx
diff --git a/www/content/docs/core-components/forms-and-inputs/text-field.mdx b/www/content/docs/core/forms-and-inputs/text-field.mdx
similarity index 100%
rename from www/content/docs/core-components/forms-and-inputs/text-field.mdx
rename to www/content/docs/core/forms-and-inputs/text-field.mdx
diff --git a/www/content/docs/core-components/menus-and-selection/combobox.mdx b/www/content/docs/core/menus-and-selection/combobox.mdx
similarity index 100%
rename from www/content/docs/core-components/menus-and-selection/combobox.mdx
rename to www/content/docs/core/menus-and-selection/combobox.mdx
diff --git a/www/content/docs/core-components/menus-and-selection/command.mdx b/www/content/docs/core/menus-and-selection/command.mdx
similarity index 100%
rename from www/content/docs/core-components/menus-and-selection/command.mdx
rename to www/content/docs/core/menus-and-selection/command.mdx
diff --git a/www/content/docs/core-components/menus-and-selection/list-box.mdx b/www/content/docs/core/menus-and-selection/list-box.mdx
similarity index 100%
rename from www/content/docs/core-components/menus-and-selection/list-box.mdx
rename to www/content/docs/core/menus-and-selection/list-box.mdx
diff --git a/www/content/docs/core-components/menus-and-selection/menu.mdx b/www/content/docs/core/menus-and-selection/menu.mdx
similarity index 100%
rename from www/content/docs/core-components/menus-and-selection/menu.mdx
rename to www/content/docs/core/menus-and-selection/menu.mdx
diff --git a/www/content/docs/core-components/menus-and-selection/meta.json b/www/content/docs/core/menus-and-selection/meta.json
similarity index 100%
rename from www/content/docs/core-components/menus-and-selection/meta.json
rename to www/content/docs/core/menus-and-selection/meta.json
diff --git a/www/content/docs/core-components/menus-and-selection/select.mdx b/www/content/docs/core/menus-and-selection/select.mdx
similarity index 100%
rename from www/content/docs/core-components/menus-and-selection/select.mdx
rename to www/content/docs/core/menus-and-selection/select.mdx
diff --git a/www/content/docs/core-components/menus-and-selection/tag-group.mdx b/www/content/docs/core/menus-and-selection/tag-group.mdx
similarity index 100%
rename from www/content/docs/core-components/menus-and-selection/tag-group.mdx
rename to www/content/docs/core/menus-and-selection/tag-group.mdx
diff --git a/www/content/docs/core-components/meta.json b/www/content/docs/core/meta.json
similarity index 83%
rename from www/content/docs/core-components/meta.json
rename to www/content/docs/core/meta.json
index e10b874b5..4a2e1b754 100644
--- a/www/content/docs/core-components/meta.json
+++ b/www/content/docs/core/meta.json
@@ -1,5 +1,5 @@
 {
-  "title": "Core components",
+  "title": "Components",
   "icon": "Box",
   "pages": [
     "buttons",
diff --git a/www/content/docs/core-components/navigation/breadcrumbs.mdx b/www/content/docs/core/navigation/breadcrumbs.mdx
similarity index 100%
rename from www/content/docs/core-components/navigation/breadcrumbs.mdx
rename to www/content/docs/core/navigation/breadcrumbs.mdx
diff --git a/www/content/docs/core-components/navigation/meta.json b/www/content/docs/core/navigation/meta.json
similarity index 100%
rename from www/content/docs/core-components/navigation/meta.json
rename to www/content/docs/core/navigation/meta.json
diff --git a/www/content/docs/core-components/navigation/tabs.mdx b/www/content/docs/core/navigation/tabs.mdx
similarity index 100%
rename from www/content/docs/core-components/navigation/tabs.mdx
rename to www/content/docs/core/navigation/tabs.mdx
diff --git a/www/content/docs/core-components/overlays/dialog.mdx b/www/content/docs/core/overlays/dialog.mdx
similarity index 100%
rename from www/content/docs/core-components/overlays/dialog.mdx
rename to www/content/docs/core/overlays/dialog.mdx
diff --git a/www/content/docs/core-components/overlays/drawer.mdx b/www/content/docs/core/overlays/drawer.mdx
similarity index 100%
rename from www/content/docs/core-components/overlays/drawer.mdx
rename to www/content/docs/core/overlays/drawer.mdx
diff --git a/www/content/docs/core-components/overlays/meta.json b/www/content/docs/core/overlays/meta.json
similarity index 100%
rename from www/content/docs/core-components/overlays/meta.json
rename to www/content/docs/core/overlays/meta.json
diff --git a/www/content/docs/core-components/overlays/modal.mdx b/www/content/docs/core/overlays/modal.mdx
similarity index 100%
rename from www/content/docs/core-components/overlays/modal.mdx
rename to www/content/docs/core/overlays/modal.mdx
diff --git a/www/content/docs/core-components/overlays/overlay.mdx b/www/content/docs/core/overlays/overlay.mdx
similarity index 100%
rename from www/content/docs/core-components/overlays/overlay.mdx
rename to www/content/docs/core/overlays/overlay.mdx
diff --git a/www/content/docs/core-components/overlays/popover.mdx b/www/content/docs/core/overlays/popover.mdx
similarity index 100%
rename from www/content/docs/core-components/overlays/popover.mdx
rename to www/content/docs/core/overlays/popover.mdx
diff --git a/www/content/docs/core-components/overlays/tooltip.mdx b/www/content/docs/core/overlays/tooltip.mdx
similarity index 100%
rename from www/content/docs/core-components/overlays/tooltip.mdx
rename to www/content/docs/core/overlays/tooltip.mdx

From c99846f4fbc58fae03e2514cbcd832f4818d93d8 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 00:30:46 +0100
Subject: [PATCH 074/165] chore(docs): update components

---
 www/content/docs/{core => components}/buttons/button-group.mdx  | 0
 www/content/docs/{core => components}/buttons/button.mdx        | 0
 www/content/docs/{core => components}/buttons/file-trigger.mdx  | 0
 www/content/docs/{core => components}/buttons/meta.json         | 0
 .../docs/{core => components}/buttons/toggle-button-group.mdx   | 0
 www/content/docs/{core => components}/buttons/toggle-button.mdx | 0
 www/content/docs/{core => components}/colors/color-area.mdx     | 0
 www/content/docs/{core => components}/colors/color-field.mdx    | 0
 www/content/docs/{core => components}/colors/color-picker.mdx   | 0
 www/content/docs/{core => components}/colors/color-slider.mdx   | 0
 .../docs/{core => components}/colors/color-swatch-picker.mdx    | 0
 www/content/docs/{core => components}/colors/color-swatch.mdx   | 0
 www/content/docs/{core => components}/colors/meta.json          | 0
 www/content/docs/{core => components}/data-display/avatar.mdx   | 0
 www/content/docs/{core => components}/data-display/badge.mdx    | 0
 www/content/docs/{core => components}/data-display/meta.json    | 0
 .../docs/{core => components}/data-display/separator.mdx        | 0
 www/content/docs/{core => components}/data-display/table.mdx    | 0
 .../docs/{core => components}/date-and-time/calendar.mdx        | 0
 .../docs/{core => components}/date-and-time/date-field.mdx      | 0
 .../docs/{core => components}/date-and-time/date-picker.mdx     | 0
 .../{core => components}/date-and-time/date-range-picker.mdx    | 0
 www/content/docs/{core => components}/date-and-time/meta.json   | 0
 .../docs/{core => components}/date-and-time/range-calendar.mdx  | 0
 .../docs/{core => components}/date-and-time/time-field.mdx      | 0
 .../docs/{core => components}/drag-and-drop/drop-zone.mdx       | 0
 www/content/docs/{core => components}/drag-and-drop/meta.json   | 0
 www/content/docs/{core => components}/feedback/alert.mdx        | 0
 www/content/docs/{core => components}/feedback/meta.json        | 0
 www/content/docs/{core => components}/feedback/progress-bar.mdx | 0
 www/content/docs/{core => components}/feedback/skeleton.mdx     | 0
 .../{core => components}/forms-and-inputs/checkbox-group.mdx    | 0
 .../docs/{core => components}/forms-and-inputs/checkbox.mdx     | 0
 www/content/docs/{core => components}/forms-and-inputs/form.mdx | 0
 .../docs/{core => components}/forms-and-inputs/meta.json        | 0
 .../docs/{core => components}/forms-and-inputs/number-field.mdx | 0
 .../docs/{core => components}/forms-and-inputs/radio-group.mdx  | 0
 .../docs/{core => components}/forms-and-inputs/search-field.mdx | 0
 .../docs/{core => components}/forms-and-inputs/slider.mdx       | 0
 .../docs/{core => components}/forms-and-inputs/switch.mdx       | 0
 .../docs/{core => components}/forms-and-inputs/text-area.mdx    | 0
 .../docs/{core => components}/forms-and-inputs/text-field.mdx   | 0
 .../docs/{core => components}/menus-and-selection/combobox.mdx  | 0
 .../docs/{core => components}/menus-and-selection/command.mdx   | 0
 .../docs/{core => components}/menus-and-selection/list-box.mdx  | 0
 .../docs/{core => components}/menus-and-selection/menu.mdx      | 0
 .../docs/{core => components}/menus-and-selection/meta.json     | 0
 .../docs/{core => components}/menus-and-selection/select.mdx    | 0
 .../docs/{core => components}/menus-and-selection/tag-group.mdx | 0
 www/content/docs/{core => components}/meta.json                 | 0
 .../docs/{core => components}/navigation/breadcrumbs.mdx        | 0
 www/content/docs/{core => components}/navigation/meta.json      | 0
 www/content/docs/{core => components}/navigation/tabs.mdx       | 0
 www/content/docs/{core => components}/overlays/dialog.mdx       | 0
 www/content/docs/{core => components}/overlays/drawer.mdx       | 0
 www/content/docs/{core => components}/overlays/meta.json        | 0
 www/content/docs/{core => components}/overlays/modal.mdx        | 0
 www/content/docs/{core => components}/overlays/overlay.mdx      | 0
 www/content/docs/{core => components}/overlays/popover.mdx      | 0
 www/content/docs/{core => components}/overlays/tooltip.mdx      | 0
 www/content/docs/meta.json                                      | 2 +-
 www/src/components/search-command-client.tsx                    | 2 +-
 62 files changed, 2 insertions(+), 2 deletions(-)
 rename www/content/docs/{core => components}/buttons/button-group.mdx (100%)
 rename www/content/docs/{core => components}/buttons/button.mdx (100%)
 rename www/content/docs/{core => components}/buttons/file-trigger.mdx (100%)
 rename www/content/docs/{core => components}/buttons/meta.json (100%)
 rename www/content/docs/{core => components}/buttons/toggle-button-group.mdx (100%)
 rename www/content/docs/{core => components}/buttons/toggle-button.mdx (100%)
 rename www/content/docs/{core => components}/colors/color-area.mdx (100%)
 rename www/content/docs/{core => components}/colors/color-field.mdx (100%)
 rename www/content/docs/{core => components}/colors/color-picker.mdx (100%)
 rename www/content/docs/{core => components}/colors/color-slider.mdx (100%)
 rename www/content/docs/{core => components}/colors/color-swatch-picker.mdx (100%)
 rename www/content/docs/{core => components}/colors/color-swatch.mdx (100%)
 rename www/content/docs/{core => components}/colors/meta.json (100%)
 rename www/content/docs/{core => components}/data-display/avatar.mdx (100%)
 rename www/content/docs/{core => components}/data-display/badge.mdx (100%)
 rename www/content/docs/{core => components}/data-display/meta.json (100%)
 rename www/content/docs/{core => components}/data-display/separator.mdx (100%)
 rename www/content/docs/{core => components}/data-display/table.mdx (100%)
 rename www/content/docs/{core => components}/date-and-time/calendar.mdx (100%)
 rename www/content/docs/{core => components}/date-and-time/date-field.mdx (100%)
 rename www/content/docs/{core => components}/date-and-time/date-picker.mdx (100%)
 rename www/content/docs/{core => components}/date-and-time/date-range-picker.mdx (100%)
 rename www/content/docs/{core => components}/date-and-time/meta.json (100%)
 rename www/content/docs/{core => components}/date-and-time/range-calendar.mdx (100%)
 rename www/content/docs/{core => components}/date-and-time/time-field.mdx (100%)
 rename www/content/docs/{core => components}/drag-and-drop/drop-zone.mdx (100%)
 rename www/content/docs/{core => components}/drag-and-drop/meta.json (100%)
 rename www/content/docs/{core => components}/feedback/alert.mdx (100%)
 rename www/content/docs/{core => components}/feedback/meta.json (100%)
 rename www/content/docs/{core => components}/feedback/progress-bar.mdx (100%)
 rename www/content/docs/{core => components}/feedback/skeleton.mdx (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/checkbox-group.mdx (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/checkbox.mdx (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/form.mdx (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/meta.json (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/number-field.mdx (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/radio-group.mdx (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/search-field.mdx (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/slider.mdx (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/switch.mdx (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/text-area.mdx (100%)
 rename www/content/docs/{core => components}/forms-and-inputs/text-field.mdx (100%)
 rename www/content/docs/{core => components}/menus-and-selection/combobox.mdx (100%)
 rename www/content/docs/{core => components}/menus-and-selection/command.mdx (100%)
 rename www/content/docs/{core => components}/menus-and-selection/list-box.mdx (100%)
 rename www/content/docs/{core => components}/menus-and-selection/menu.mdx (100%)
 rename www/content/docs/{core => components}/menus-and-selection/meta.json (100%)
 rename www/content/docs/{core => components}/menus-and-selection/select.mdx (100%)
 rename www/content/docs/{core => components}/menus-and-selection/tag-group.mdx (100%)
 rename www/content/docs/{core => components}/meta.json (100%)
 rename www/content/docs/{core => components}/navigation/breadcrumbs.mdx (100%)
 rename www/content/docs/{core => components}/navigation/meta.json (100%)
 rename www/content/docs/{core => components}/navigation/tabs.mdx (100%)
 rename www/content/docs/{core => components}/overlays/dialog.mdx (100%)
 rename www/content/docs/{core => components}/overlays/drawer.mdx (100%)
 rename www/content/docs/{core => components}/overlays/meta.json (100%)
 rename www/content/docs/{core => components}/overlays/modal.mdx (100%)
 rename www/content/docs/{core => components}/overlays/overlay.mdx (100%)
 rename www/content/docs/{core => components}/overlays/popover.mdx (100%)
 rename www/content/docs/{core => components}/overlays/tooltip.mdx (100%)

diff --git a/www/content/docs/core/buttons/button-group.mdx b/www/content/docs/components/buttons/button-group.mdx
similarity index 100%
rename from www/content/docs/core/buttons/button-group.mdx
rename to www/content/docs/components/buttons/button-group.mdx
diff --git a/www/content/docs/core/buttons/button.mdx b/www/content/docs/components/buttons/button.mdx
similarity index 100%
rename from www/content/docs/core/buttons/button.mdx
rename to www/content/docs/components/buttons/button.mdx
diff --git a/www/content/docs/core/buttons/file-trigger.mdx b/www/content/docs/components/buttons/file-trigger.mdx
similarity index 100%
rename from www/content/docs/core/buttons/file-trigger.mdx
rename to www/content/docs/components/buttons/file-trigger.mdx
diff --git a/www/content/docs/core/buttons/meta.json b/www/content/docs/components/buttons/meta.json
similarity index 100%
rename from www/content/docs/core/buttons/meta.json
rename to www/content/docs/components/buttons/meta.json
diff --git a/www/content/docs/core/buttons/toggle-button-group.mdx b/www/content/docs/components/buttons/toggle-button-group.mdx
similarity index 100%
rename from www/content/docs/core/buttons/toggle-button-group.mdx
rename to www/content/docs/components/buttons/toggle-button-group.mdx
diff --git a/www/content/docs/core/buttons/toggle-button.mdx b/www/content/docs/components/buttons/toggle-button.mdx
similarity index 100%
rename from www/content/docs/core/buttons/toggle-button.mdx
rename to www/content/docs/components/buttons/toggle-button.mdx
diff --git a/www/content/docs/core/colors/color-area.mdx b/www/content/docs/components/colors/color-area.mdx
similarity index 100%
rename from www/content/docs/core/colors/color-area.mdx
rename to www/content/docs/components/colors/color-area.mdx
diff --git a/www/content/docs/core/colors/color-field.mdx b/www/content/docs/components/colors/color-field.mdx
similarity index 100%
rename from www/content/docs/core/colors/color-field.mdx
rename to www/content/docs/components/colors/color-field.mdx
diff --git a/www/content/docs/core/colors/color-picker.mdx b/www/content/docs/components/colors/color-picker.mdx
similarity index 100%
rename from www/content/docs/core/colors/color-picker.mdx
rename to www/content/docs/components/colors/color-picker.mdx
diff --git a/www/content/docs/core/colors/color-slider.mdx b/www/content/docs/components/colors/color-slider.mdx
similarity index 100%
rename from www/content/docs/core/colors/color-slider.mdx
rename to www/content/docs/components/colors/color-slider.mdx
diff --git a/www/content/docs/core/colors/color-swatch-picker.mdx b/www/content/docs/components/colors/color-swatch-picker.mdx
similarity index 100%
rename from www/content/docs/core/colors/color-swatch-picker.mdx
rename to www/content/docs/components/colors/color-swatch-picker.mdx
diff --git a/www/content/docs/core/colors/color-swatch.mdx b/www/content/docs/components/colors/color-swatch.mdx
similarity index 100%
rename from www/content/docs/core/colors/color-swatch.mdx
rename to www/content/docs/components/colors/color-swatch.mdx
diff --git a/www/content/docs/core/colors/meta.json b/www/content/docs/components/colors/meta.json
similarity index 100%
rename from www/content/docs/core/colors/meta.json
rename to www/content/docs/components/colors/meta.json
diff --git a/www/content/docs/core/data-display/avatar.mdx b/www/content/docs/components/data-display/avatar.mdx
similarity index 100%
rename from www/content/docs/core/data-display/avatar.mdx
rename to www/content/docs/components/data-display/avatar.mdx
diff --git a/www/content/docs/core/data-display/badge.mdx b/www/content/docs/components/data-display/badge.mdx
similarity index 100%
rename from www/content/docs/core/data-display/badge.mdx
rename to www/content/docs/components/data-display/badge.mdx
diff --git a/www/content/docs/core/data-display/meta.json b/www/content/docs/components/data-display/meta.json
similarity index 100%
rename from www/content/docs/core/data-display/meta.json
rename to www/content/docs/components/data-display/meta.json
diff --git a/www/content/docs/core/data-display/separator.mdx b/www/content/docs/components/data-display/separator.mdx
similarity index 100%
rename from www/content/docs/core/data-display/separator.mdx
rename to www/content/docs/components/data-display/separator.mdx
diff --git a/www/content/docs/core/data-display/table.mdx b/www/content/docs/components/data-display/table.mdx
similarity index 100%
rename from www/content/docs/core/data-display/table.mdx
rename to www/content/docs/components/data-display/table.mdx
diff --git a/www/content/docs/core/date-and-time/calendar.mdx b/www/content/docs/components/date-and-time/calendar.mdx
similarity index 100%
rename from www/content/docs/core/date-and-time/calendar.mdx
rename to www/content/docs/components/date-and-time/calendar.mdx
diff --git a/www/content/docs/core/date-and-time/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx
similarity index 100%
rename from www/content/docs/core/date-and-time/date-field.mdx
rename to www/content/docs/components/date-and-time/date-field.mdx
diff --git a/www/content/docs/core/date-and-time/date-picker.mdx b/www/content/docs/components/date-and-time/date-picker.mdx
similarity index 100%
rename from www/content/docs/core/date-and-time/date-picker.mdx
rename to www/content/docs/components/date-and-time/date-picker.mdx
diff --git a/www/content/docs/core/date-and-time/date-range-picker.mdx b/www/content/docs/components/date-and-time/date-range-picker.mdx
similarity index 100%
rename from www/content/docs/core/date-and-time/date-range-picker.mdx
rename to www/content/docs/components/date-and-time/date-range-picker.mdx
diff --git a/www/content/docs/core/date-and-time/meta.json b/www/content/docs/components/date-and-time/meta.json
similarity index 100%
rename from www/content/docs/core/date-and-time/meta.json
rename to www/content/docs/components/date-and-time/meta.json
diff --git a/www/content/docs/core/date-and-time/range-calendar.mdx b/www/content/docs/components/date-and-time/range-calendar.mdx
similarity index 100%
rename from www/content/docs/core/date-and-time/range-calendar.mdx
rename to www/content/docs/components/date-and-time/range-calendar.mdx
diff --git a/www/content/docs/core/date-and-time/time-field.mdx b/www/content/docs/components/date-and-time/time-field.mdx
similarity index 100%
rename from www/content/docs/core/date-and-time/time-field.mdx
rename to www/content/docs/components/date-and-time/time-field.mdx
diff --git a/www/content/docs/core/drag-and-drop/drop-zone.mdx b/www/content/docs/components/drag-and-drop/drop-zone.mdx
similarity index 100%
rename from www/content/docs/core/drag-and-drop/drop-zone.mdx
rename to www/content/docs/components/drag-and-drop/drop-zone.mdx
diff --git a/www/content/docs/core/drag-and-drop/meta.json b/www/content/docs/components/drag-and-drop/meta.json
similarity index 100%
rename from www/content/docs/core/drag-and-drop/meta.json
rename to www/content/docs/components/drag-and-drop/meta.json
diff --git a/www/content/docs/core/feedback/alert.mdx b/www/content/docs/components/feedback/alert.mdx
similarity index 100%
rename from www/content/docs/core/feedback/alert.mdx
rename to www/content/docs/components/feedback/alert.mdx
diff --git a/www/content/docs/core/feedback/meta.json b/www/content/docs/components/feedback/meta.json
similarity index 100%
rename from www/content/docs/core/feedback/meta.json
rename to www/content/docs/components/feedback/meta.json
diff --git a/www/content/docs/core/feedback/progress-bar.mdx b/www/content/docs/components/feedback/progress-bar.mdx
similarity index 100%
rename from www/content/docs/core/feedback/progress-bar.mdx
rename to www/content/docs/components/feedback/progress-bar.mdx
diff --git a/www/content/docs/core/feedback/skeleton.mdx b/www/content/docs/components/feedback/skeleton.mdx
similarity index 100%
rename from www/content/docs/core/feedback/skeleton.mdx
rename to www/content/docs/components/feedback/skeleton.mdx
diff --git a/www/content/docs/core/forms-and-inputs/checkbox-group.mdx b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/checkbox-group.mdx
rename to www/content/docs/components/forms-and-inputs/checkbox-group.mdx
diff --git a/www/content/docs/core/forms-and-inputs/checkbox.mdx b/www/content/docs/components/forms-and-inputs/checkbox.mdx
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/checkbox.mdx
rename to www/content/docs/components/forms-and-inputs/checkbox.mdx
diff --git a/www/content/docs/core/forms-and-inputs/form.mdx b/www/content/docs/components/forms-and-inputs/form.mdx
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/form.mdx
rename to www/content/docs/components/forms-and-inputs/form.mdx
diff --git a/www/content/docs/core/forms-and-inputs/meta.json b/www/content/docs/components/forms-and-inputs/meta.json
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/meta.json
rename to www/content/docs/components/forms-and-inputs/meta.json
diff --git a/www/content/docs/core/forms-and-inputs/number-field.mdx b/www/content/docs/components/forms-and-inputs/number-field.mdx
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/number-field.mdx
rename to www/content/docs/components/forms-and-inputs/number-field.mdx
diff --git a/www/content/docs/core/forms-and-inputs/radio-group.mdx b/www/content/docs/components/forms-and-inputs/radio-group.mdx
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/radio-group.mdx
rename to www/content/docs/components/forms-and-inputs/radio-group.mdx
diff --git a/www/content/docs/core/forms-and-inputs/search-field.mdx b/www/content/docs/components/forms-and-inputs/search-field.mdx
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/search-field.mdx
rename to www/content/docs/components/forms-and-inputs/search-field.mdx
diff --git a/www/content/docs/core/forms-and-inputs/slider.mdx b/www/content/docs/components/forms-and-inputs/slider.mdx
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/slider.mdx
rename to www/content/docs/components/forms-and-inputs/slider.mdx
diff --git a/www/content/docs/core/forms-and-inputs/switch.mdx b/www/content/docs/components/forms-and-inputs/switch.mdx
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/switch.mdx
rename to www/content/docs/components/forms-and-inputs/switch.mdx
diff --git a/www/content/docs/core/forms-and-inputs/text-area.mdx b/www/content/docs/components/forms-and-inputs/text-area.mdx
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/text-area.mdx
rename to www/content/docs/components/forms-and-inputs/text-area.mdx
diff --git a/www/content/docs/core/forms-and-inputs/text-field.mdx b/www/content/docs/components/forms-and-inputs/text-field.mdx
similarity index 100%
rename from www/content/docs/core/forms-and-inputs/text-field.mdx
rename to www/content/docs/components/forms-and-inputs/text-field.mdx
diff --git a/www/content/docs/core/menus-and-selection/combobox.mdx b/www/content/docs/components/menus-and-selection/combobox.mdx
similarity index 100%
rename from www/content/docs/core/menus-and-selection/combobox.mdx
rename to www/content/docs/components/menus-and-selection/combobox.mdx
diff --git a/www/content/docs/core/menus-and-selection/command.mdx b/www/content/docs/components/menus-and-selection/command.mdx
similarity index 100%
rename from www/content/docs/core/menus-and-selection/command.mdx
rename to www/content/docs/components/menus-and-selection/command.mdx
diff --git a/www/content/docs/core/menus-and-selection/list-box.mdx b/www/content/docs/components/menus-and-selection/list-box.mdx
similarity index 100%
rename from www/content/docs/core/menus-and-selection/list-box.mdx
rename to www/content/docs/components/menus-and-selection/list-box.mdx
diff --git a/www/content/docs/core/menus-and-selection/menu.mdx b/www/content/docs/components/menus-and-selection/menu.mdx
similarity index 100%
rename from www/content/docs/core/menus-and-selection/menu.mdx
rename to www/content/docs/components/menus-and-selection/menu.mdx
diff --git a/www/content/docs/core/menus-and-selection/meta.json b/www/content/docs/components/menus-and-selection/meta.json
similarity index 100%
rename from www/content/docs/core/menus-and-selection/meta.json
rename to www/content/docs/components/menus-and-selection/meta.json
diff --git a/www/content/docs/core/menus-and-selection/select.mdx b/www/content/docs/components/menus-and-selection/select.mdx
similarity index 100%
rename from www/content/docs/core/menus-and-selection/select.mdx
rename to www/content/docs/components/menus-and-selection/select.mdx
diff --git a/www/content/docs/core/menus-and-selection/tag-group.mdx b/www/content/docs/components/menus-and-selection/tag-group.mdx
similarity index 100%
rename from www/content/docs/core/menus-and-selection/tag-group.mdx
rename to www/content/docs/components/menus-and-selection/tag-group.mdx
diff --git a/www/content/docs/core/meta.json b/www/content/docs/components/meta.json
similarity index 100%
rename from www/content/docs/core/meta.json
rename to www/content/docs/components/meta.json
diff --git a/www/content/docs/core/navigation/breadcrumbs.mdx b/www/content/docs/components/navigation/breadcrumbs.mdx
similarity index 100%
rename from www/content/docs/core/navigation/breadcrumbs.mdx
rename to www/content/docs/components/navigation/breadcrumbs.mdx
diff --git a/www/content/docs/core/navigation/meta.json b/www/content/docs/components/navigation/meta.json
similarity index 100%
rename from www/content/docs/core/navigation/meta.json
rename to www/content/docs/components/navigation/meta.json
diff --git a/www/content/docs/core/navigation/tabs.mdx b/www/content/docs/components/navigation/tabs.mdx
similarity index 100%
rename from www/content/docs/core/navigation/tabs.mdx
rename to www/content/docs/components/navigation/tabs.mdx
diff --git a/www/content/docs/core/overlays/dialog.mdx b/www/content/docs/components/overlays/dialog.mdx
similarity index 100%
rename from www/content/docs/core/overlays/dialog.mdx
rename to www/content/docs/components/overlays/dialog.mdx
diff --git a/www/content/docs/core/overlays/drawer.mdx b/www/content/docs/components/overlays/drawer.mdx
similarity index 100%
rename from www/content/docs/core/overlays/drawer.mdx
rename to www/content/docs/components/overlays/drawer.mdx
diff --git a/www/content/docs/core/overlays/meta.json b/www/content/docs/components/overlays/meta.json
similarity index 100%
rename from www/content/docs/core/overlays/meta.json
rename to www/content/docs/components/overlays/meta.json
diff --git a/www/content/docs/core/overlays/modal.mdx b/www/content/docs/components/overlays/modal.mdx
similarity index 100%
rename from www/content/docs/core/overlays/modal.mdx
rename to www/content/docs/components/overlays/modal.mdx
diff --git a/www/content/docs/core/overlays/overlay.mdx b/www/content/docs/components/overlays/overlay.mdx
similarity index 100%
rename from www/content/docs/core/overlays/overlay.mdx
rename to www/content/docs/components/overlays/overlay.mdx
diff --git a/www/content/docs/core/overlays/popover.mdx b/www/content/docs/components/overlays/popover.mdx
similarity index 100%
rename from www/content/docs/core/overlays/popover.mdx
rename to www/content/docs/components/overlays/popover.mdx
diff --git a/www/content/docs/core/overlays/tooltip.mdx b/www/content/docs/components/overlays/tooltip.mdx
similarity index 100%
rename from www/content/docs/core/overlays/tooltip.mdx
rename to www/content/docs/components/overlays/tooltip.mdx
diff --git a/www/content/docs/meta.json b/www/content/docs/meta.json
index db2faf2ca..5ad3d053c 100644
--- a/www/content/docs/meta.json
+++ b/www/content/docs/meta.json
@@ -1,4 +1,4 @@
 {
   "title": "Docs",
-  "pages": ["getting-started", "core-components", "[Palette][Themes](/themes)"]
+  "pages": ["getting-started", "components", "[Palette][Themes](/themes)"]
 }
diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
index 81b2dea61..8c00b8792 100644
--- a/www/src/components/search-command-client.tsx
+++ b/www/src/components/search-command-client.tsx
@@ -54,7 +54,7 @@ export function SearchCommandClient({ items }: SearchCommandClientProps) {
           </InputRoot>
         </SearchFieldRoot>
       </div>
-      <MenuContent items={items} className="h-full overflow-y-scroll">
+      <MenuContent items={items} className="h-full overflow-y-scroll py-1">
         {items.map((category, categoryIndex) => (
           <Section key={categoryIndex} title={category.title}>
             {category.items.map((page) => (

From d903acab1f0ea7873515de32cd8202d9c5c0fd1f Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 02:31:43 +0100
Subject: [PATCH 075/165] chore: update registry file names

---
 .../docs/components/feedback/alert.mdx        |   8 +
 .../(app)/themes/components/loader-style.tsx  |  10 +-
 www/src/app/(home)/components-overview.tsx    |   2 +-
 .../(preview)/preview/(auth)/login/page.tsx   |   2 +-
 .../preview/(auth)/register/page.tsx          |   2 +-
 www/src/components/core/avatar.tsx            |   2 +-
 www/src/components/core/badge.tsx             |   2 +-
 www/src/components/core/button.tsx            |   2 +-
 www/src/components/core/color-area.tsx        |   2 +-
 www/src/components/core/color-field.tsx       |   2 +-
 www/src/components/core/color-picker.tsx      |   2 +-
 www/src/components/core/color-slider.tsx      |   2 +-
 www/src/components/core/color-swatch.tsx      |   2 +-
 www/src/components/core/color-thumb.tsx       |   2 +-
 www/src/components/core/combobox.tsx          |   2 +-
 www/src/components/core/date-field.tsx        |   2 +-
 www/src/components/core/date-input.tsx        |   2 +-
 www/src/components/core/date-picker.tsx       |   2 +-
 www/src/components/core/date-range-picker.tsx |   2 +-
 www/src/components/core/drop-zone.tsx         |   2 +-
 www/src/components/core/field.tsx             |   2 +-
 www/src/components/core/file-trigger.tsx      |   2 +-
 www/src/components/core/form.tsx              |   2 +-
 www/src/components/core/group.tsx             |   1 -
 www/src/components/core/heading.tsx           |   1 -
 www/src/components/core/kbd.tsx               |   2 +-
 www/src/components/core/link.tsx              |  41 +-
 www/src/components/core/list-box.tsx          |   2 +-
 www/src/components/core/menu.tsx              |   2 +-
 www/src/components/core/number-field.tsx      |   2 +-
 www/src/components/core/overlay.tsx           |   2 +-
 www/src/components/core/search-field.tsx      |   2 +-
 www/src/components/core/select.tsx            |   2 +-
 www/src/components/core/separator.tsx         |   2 +-
 www/src/components/core/skeleton.tsx          |   2 +-
 www/src/components/core/tag-group.tsx         |   2 +-
 www/src/components/core/text-area.tsx         |   2 +-
 www/src/components/core/text-field.tsx        |   2 +-
 www/src/components/core/text.tsx              |   2 +-
 www/src/components/core/time-field.tsx        |   2 +-
 .../components/core/toggle-button-group.tsx   |   2 +-
 www/src/components/core/toggle-button.tsx     |   2 +-
 www/src/components/dynamic-core/alert.tsx     |  16 +-
 www/src/components/dynamic-core/avatar.tsx    |   2 +-
 www/src/components/dynamic-core/badge.tsx     |   2 +-
 .../components/dynamic-core/button-group.tsx  |   2 +-
 www/src/components/dynamic-core/button.tsx    |  14 +-
 .../components/dynamic-core/color-area.tsx    |   2 +-
 .../components/dynamic-core/color-field.tsx   |   2 +-
 .../components/dynamic-core/color-picker.tsx  |   2 +-
 .../components/dynamic-core/color-slider.tsx  |   2 +-
 .../dynamic-core/color-swatch-picker.tsx      |   2 +-
 .../components/dynamic-core/color-swatch.tsx  |   2 +-
 .../components/dynamic-core/color-thumb.tsx   |   2 +-
 www/src/components/dynamic-core/combobox.tsx  |   2 +-
 www/src/components/dynamic-core/command.tsx   |   2 +-
 .../components/dynamic-core/date-field.tsx    |   2 +-
 .../components/dynamic-core/date-input.tsx    |   2 +-
 .../components/dynamic-core/date-picker.tsx   |   2 +-
 .../dynamic-core/date-range-picker.tsx        |   2 +-
 www/src/components/dynamic-core/drop-zone.tsx |   2 +-
 www/src/components/dynamic-core/field.tsx     |   2 +-
 .../components/dynamic-core/file-trigger.tsx  |   2 +-
 www/src/components/dynamic-core/form.tsx      |   2 +-
 www/src/components/dynamic-core/group.tsx     |   1 -
 www/src/components/dynamic-core/heading.tsx   |   1 -
 www/src/components/dynamic-core/kbd.tsx       |   2 +-
 www/src/components/dynamic-core/list-box.tsx  |   2 +-
 www/src/components/dynamic-core/loader.tsx    |  14 +-
 www/src/components/dynamic-core/menu.tsx      |   2 +-
 .../components/dynamic-core/number-field.tsx  |   2 +-
 www/src/components/dynamic-core/overlay.tsx   |   2 +-
 .../components/dynamic-core/search-field.tsx  |   2 +-
 www/src/components/dynamic-core/select.tsx    |   2 +-
 www/src/components/dynamic-core/separator.tsx |   2 +-
 www/src/components/dynamic-core/skeleton.tsx  |   2 +-
 www/src/components/dynamic-core/table.tsx     |   2 +-
 www/src/components/dynamic-core/tag-group.tsx |   2 +-
 www/src/components/dynamic-core/text-area.tsx |   2 +-
 .../components/dynamic-core/text-field.tsx    |   2 +-
 www/src/components/dynamic-core/text.tsx      |   2 +-
 .../components/dynamic-core/time-field.tsx    |   2 +-
 .../dynamic-core/toggle-button-group.tsx      |   2 +-
 .../components/dynamic-core/toggle-button.tsx |   2 +-
 www/src/components/search-command-client.tsx  |   2 +-
 www/src/demos/badge/default.tsx               |   2 +-
 www/src/demos/badge/icon.tsx                  |   2 +-
 www/src/demos/badge/sizes.tsx                 |   2 +-
 www/src/demos/badge/variants.tsx              |   2 +-
 .../demos/color-picker/channel-sliders.tsx    |   6 +-
 www/src/demos/color-picker/default.tsx        |   2 +-
 www/src/demos/color-picker/options.tsx        |   2 +-
 www/src/demos/color-picker/swatches.tsx       |   2 +-
 www/src/demos/command/dialog.tsx              |   2 +-
 www/src/demos/dialog/composition.tsx          |   2 +-
 www/src/demos/form/basic.tsx                  |   2 +-
 www/src/demos/form/react-aria.tsx             |   2 +-
 www/src/demos/overlay/basic.tsx               |   2 +-
 www/src/demos/overlay/type.tsx                |   2 +-
 www/src/demos/popover/basic.tsx               |  11 +-
 www/src/demos/table/basic.tsx                 |   2 +-
 www/src/demos/table/column-resizing.tsx       |   2 +-
 www/src/demos/table/controlled.tsx            |   2 +-
 www/src/demos/table/disabled-rows.tsx         |   2 +-
 .../demos/table/disallow-empty-selection.tsx  |   2 +-
 www/src/demos/table/dynamic-collection.tsx    |   2 +-
 www/src/demos/table/empty-state.tsx           |   2 +-
 www/src/demos/table/links.tsx                 |   2 +-
 www/src/demos/table/reordable.tsx             |   2 +-
 www/src/demos/table/row-action.tsx            |   2 +-
 www/src/demos/table/selection-mode.tsx        |   2 +-
 www/src/demos/table/selection.tsx             |   2 +-
 www/src/demos/table/sorting.tsx               |   2 +-
 www/src/demos/table/static-row-action.tsx     |   2 +-
 www/src/demos/table/uncontrolled.tsx          |   2 +-
 www/src/demos/time-field/composition.tsx      |   2 +-
 www/src/lib/create-dynamic-component.tsx      |   2 +-
 .../core/{alert-03.tsx => alert_notch-2.tsx}  |   0
 .../core/{alert-02.tsx => alert_notch.tsx}    |   0
 .../core/{avatar.tsx => avatar_basic.tsx}     |   0
 .../core/{badge.tsx => badge_basic.tsx}       |   0
 www/src/registry/core/button-02.tsx           | 125 ---
 ...utton-group.tsx => button-group_basic.tsx} |   2 +-
 .../core/{button-01.tsx => button_basic.tsx}  |   2 +-
 .../{button-03.tsx => button_brutalist.tsx}   |   2 +-
 .../core/{button-04.tsx => button_ripple.tsx} |   2 +-
 www/src/registry/core/calendar_basic.tsx      |  10 +-
 www/src/registry/core/calendar_cal.tsx        |  12 +-
 .../registry/core/checkbox-group_basic.tsx    |   2 +-
 .../{color-area.tsx => color-area_basic.tsx}  |   2 +-
 ...{color-field.tsx => color-field_basic.tsx} |   2 +-
 ...olor-picker.tsx => color-picker_basic.tsx} |  14 +-
 ...olor-slider.tsx => color-slider_basic.tsx} |   4 +-
 ...cker.tsx => color-swatch-picker_basic.tsx} |   2 +-
 ...olor-swatch.tsx => color-swatch_basic.tsx} |   0
 ...{color-thumb.tsx => color-thumb_basic.tsx} |   0
 .../core/{combobox.tsx => combobox_basic.tsx} |   8 +-
 .../core/{command.tsx => command_basic.tsx}   |   0
 www/src/registry/core/date-field copy.tsx     |  63 --
 .../{date-field.tsx => date-field_basic.tsx}  |   4 +-
 .../{date-input.tsx => date-input_basic.tsx}  |   0
 ...{date-picker.tsx => date-picker_basic.tsx} |  10 +-
 ...picker.tsx => date-range-picker_basic.tsx} |  10 +-
 www/src/registry/core/dialog_basic.tsx        |   2 +-
 .../{drop-zone.tsx => drop-zone_basic.tsx}    |   0
 www/src/registry/core/field.tsx               | 146 ---
 .../core/{field_new.tsx => field_basic.tsx}   |   0
 ...ile-trigger.tsx => file-trigger_basic.tsx} |   0
 .../core/{form.tsx => form_basic.tsx}         |   0
 www/src/registry/core/group.tsx               |   6 -
 www/src/registry/core/heading.tsx             |  19 -
 .../registry/core/{kbd.tsx => kbd_basic.tsx}  |   0
 www/src/registry/core/link.tsx                |  40 -
 .../core/{list-box.tsx => list-box_basic.tsx} |   2 +-
 ...loader-dot-spinner.tsx => loader_dots.tsx} |   0
 ...oader-line-spinner.tsx => loader_line.tsx} |   0
 .../core/{loader-ring.tsx => loader_ring.tsx} |   0
 ...oader-tailspin.tsx => loader_tailspin.tsx} |   0
 .../core/{loader-wave.tsx => loader_wave.tsx} |   0
 .../core/{menu.tsx => menu_basic.tsx}         |   6 +-
 ...umber-field.tsx => number-field_basic.tsx} |   4 +-
 .../core/{overlay.tsx => overlay_basic.tsx}   |   0
 www/src/registry/core/progress-bar_basic.tsx  |   2 +-
 www/src/registry/core/radio-group_basic.tsx   |   2 +-
 www/src/registry/core/scroll-area.tsx         | 144 ---
 ...earch-field.tsx => search-field_basic.tsx} |   4 +-
 www/src/registry/core/section.tsx             |   1 +
 .../core/{select.tsx => select_basic.tsx}     |  61 +-
 .../{separator.tsx => separator_basic.tsx}    |   0
 .../core/{skeleton.tsx => skeleton_basic.tsx} |   0
 www/src/registry/core/slider_basic.tsx        |   2 +-
 www/src/registry/core/table copy.tsx          | 136 ---
 .../core/{table.tsx => table_basic.tsx}       |   0
 .../{tag-group.tsx => tag-group_basic.tsx}    |  28 +-
 .../{text-area.tsx => text-area_basic.tsx}    |   2 +-
 .../{text-field.tsx => text-field_basic.tsx}  |   2 +-
 .../core/{text.tsx => text_basic.tsx}         |   0
 .../{time-field.tsx => time-field_basic.tsx}  |   4 +-
 ...roup.tsx => toggle-button-group_basic.tsx} |   2 +-
 ...gle-button.tsx => toggle-button_basic.tsx} |   0
 www/src/registry/registry-core_new.ts         | 912 +-----------------
 www/src/registry/types.ts                     |  13 +-
 182 files changed, 312 insertions(+), 1838 deletions(-)
 delete mode 100644 www/src/components/core/group.tsx
 delete mode 100644 www/src/components/core/heading.tsx
 delete mode 100644 www/src/components/dynamic-core/group.tsx
 delete mode 100644 www/src/components/dynamic-core/heading.tsx
 rename www/src/registry/core/{alert-03.tsx => alert_notch-2.tsx} (100%)
 rename www/src/registry/core/{alert-02.tsx => alert_notch.tsx} (100%)
 rename www/src/registry/core/{avatar.tsx => avatar_basic.tsx} (100%)
 rename www/src/registry/core/{badge.tsx => badge_basic.tsx} (100%)
 delete mode 100644 www/src/registry/core/button-02.tsx
 rename www/src/registry/core/{button-group.tsx => button-group_basic.tsx} (91%)
 rename www/src/registry/core/{button-01.tsx => button_basic.tsx} (98%)
 rename www/src/registry/core/{button-03.tsx => button_brutalist.tsx} (95%)
 rename www/src/registry/core/{button-04.tsx => button_ripple.tsx} (98%)
 rename www/src/registry/core/{color-area.tsx => color-area_basic.tsx} (93%)
 rename www/src/registry/core/{color-field.tsx => color-field_basic.tsx} (99%)
 rename www/src/registry/core/{color-picker.tsx => color-picker_basic.tsx} (92%)
 rename www/src/registry/core/{color-slider.tsx => color-slider_basic.tsx} (96%)
 rename www/src/registry/core/{color-swatch-picker.tsx => color-swatch-picker_basic.tsx} (96%)
 rename www/src/registry/core/{color-swatch.tsx => color-swatch_basic.tsx} (100%)
 rename www/src/registry/core/{color-thumb.tsx => color-thumb_basic.tsx} (100%)
 rename www/src/registry/core/{combobox.tsx => combobox_basic.tsx} (89%)
 rename www/src/registry/core/{command.tsx => command_basic.tsx} (100%)
 delete mode 100644 www/src/registry/core/date-field copy.tsx
 rename www/src/registry/core/{date-field.tsx => date-field_basic.tsx} (95%)
 rename www/src/registry/core/{date-input.tsx => date-input_basic.tsx} (100%)
 rename www/src/registry/core/{date-picker.tsx => date-picker_basic.tsx} (94%)
 rename www/src/registry/core/{date-range-picker.tsx => date-range-picker_basic.tsx} (94%)
 rename www/src/registry/core/{drop-zone.tsx => drop-zone_basic.tsx} (100%)
 delete mode 100644 www/src/registry/core/field.tsx
 rename www/src/registry/core/{field_new.tsx => field_basic.tsx} (100%)
 rename www/src/registry/core/{file-trigger.tsx => file-trigger_basic.tsx} (100%)
 rename www/src/registry/core/{form.tsx => form_basic.tsx} (100%)
 delete mode 100644 www/src/registry/core/group.tsx
 delete mode 100644 www/src/registry/core/heading.tsx
 rename www/src/registry/core/{kbd.tsx => kbd_basic.tsx} (100%)
 delete mode 100644 www/src/registry/core/link.tsx
 rename www/src/registry/core/{list-box.tsx => list-box_basic.tsx} (98%)
 rename www/src/registry/core/{loader-dot-spinner.tsx => loader_dots.tsx} (100%)
 rename www/src/registry/core/{loader-line-spinner.tsx => loader_line.tsx} (100%)
 rename www/src/registry/core/{loader-ring.tsx => loader_ring.tsx} (100%)
 rename www/src/registry/core/{loader-tailspin.tsx => loader_tailspin.tsx} (100%)
 rename www/src/registry/core/{loader-wave.tsx => loader_wave.tsx} (100%)
 rename www/src/registry/core/{menu.tsx => menu_basic.tsx} (97%)
 rename www/src/registry/core/{number-field.tsx => number-field_basic.tsx} (99%)
 rename www/src/registry/core/{overlay.tsx => overlay_basic.tsx} (100%)
 delete mode 100644 www/src/registry/core/scroll-area.tsx
 rename www/src/registry/core/{search-field.tsx => search-field_basic.tsx} (96%)
 rename www/src/registry/core/{select.tsx => select_basic.tsx} (66%)
 rename www/src/registry/core/{separator.tsx => separator_basic.tsx} (100%)
 rename www/src/registry/core/{skeleton.tsx => skeleton_basic.tsx} (100%)
 delete mode 100644 www/src/registry/core/table copy.tsx
 rename www/src/registry/core/{table.tsx => table_basic.tsx} (100%)
 rename www/src/registry/core/{tag-group.tsx => tag-group_basic.tsx} (86%)
 rename www/src/registry/core/{text-area.tsx => text-area_basic.tsx} (98%)
 rename www/src/registry/core/{text-field.tsx => text-field_basic.tsx} (99%)
 rename www/src/registry/core/{text.tsx => text_basic.tsx} (100%)
 rename www/src/registry/core/{time-field.tsx => time-field_basic.tsx} (96%)
 rename www/src/registry/core/{toggle-button-group.tsx => toggle-button-group_basic.tsx} (96%)
 rename www/src/registry/core/{toggle-button.tsx => toggle-button_basic.tsx} (100%)

diff --git a/www/content/docs/components/feedback/alert.mdx b/www/content/docs/components/feedback/alert.mdx
index 9cb37fcc0..37d94a811 100644
--- a/www/content/docs/components/feedback/alert.mdx
+++ b/www/content/docs/components/feedback/alert.mdx
@@ -34,6 +34,8 @@ Use the `variant` prop to change the visual style of the alert.
 <Alert variant="danger" title="This is a critical alert" />
 <Alert variant="warning" title="This is a warning alert" />
 <Alert variant="success" title="This is a success alert" />`}
+  fullWidth
+  resizable
 />
 
 ### Title
@@ -43,6 +45,8 @@ Use the `title` prop to add a title to the alert.
 <ComponentPreview
   name="core/alert/alert-title"
   preview={`<Alert variant="warning" fill title="Your account has been suspended." />`}
+  fullWidth
+  resizable
 />
 
 ### Content
@@ -54,6 +58,8 @@ Pass children to the alert to add content.
   preview={`<Alert title="Payment Information">
     Enter your payment method to complete your purchase.
   </Alert>`}
+  fullWidth
+  resizable
 />
 
 ### Custom icon
@@ -63,6 +69,8 @@ Use the `icon` prop to add a custom icon to the alert. An explicit `null` value
 <ComponentPreview
   name="core/alert/alert-custom-icon"
   preview={`<Alert icon={<GlobeIcon />}>Hello world!</Alert>`}
+  fullWidth
+  resizable
 />
 
 ### Action
diff --git a/www/src/app/(app)/themes/components/loader-style.tsx b/www/src/app/(app)/themes/components/loader-style.tsx
index 93b501462..ee69c9549 100644
--- a/www/src/app/(app)/themes/components/loader-style.tsx
+++ b/www/src/app/(app)/themes/components/loader-style.tsx
@@ -5,11 +5,11 @@ import { type PressEvent } from "react-aria-components";
 import { useThemes } from "@/hooks/use-themes";
 import { ThemeOverride } from "@/components/docs/theme-override";
 import { Button } from "@/components/dynamic-core/button";
-import { Loader as DotSpinner } from "@/registry/core/loader-dot-spinner";
-import { Loader as LineSpinner } from "@/registry/core/loader-line-spinner";
-import { Loader as Ring } from "@/registry/core/loader-ring";
-import { Loader as Tailspin } from "@/registry/core/loader-tailspin";
-import { Loader as Wave } from "@/registry/core/loader-wave";
+import { Loader as DotSpinner } from "@/registry/core/loader_dots";
+import { Loader as LineSpinner } from "@/registry/core/loader_line";
+import { Loader as Ring } from "@/registry/core/loader_ring";
+import { Loader as Tailspin } from "@/registry/core/loader_tailspin";
+import { Loader as Wave } from "@/registry/core/loader_wave";
 import { Radio, RadioGroup } from "@/registry/core/radio-group_basic";
 
 const variants = [
diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx
index 9232954aa..b8ceeb6c7 100644
--- a/www/src/app/(home)/components-overview.tsx
+++ b/www/src/app/(home)/components-overview.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { Link } from "@/components/core/link";
 import { RadioGroup, Radio } from "@/components/core/radio-group";
 import { Alert } from "@/components/dynamic-core/alert";
 import { Avatar } from "@/components/dynamic-core/avatar";
@@ -9,7 +10,6 @@ import { Checkbox } from "@/components/dynamic-core/checkbox";
 import { ColorSlider } from "@/components/dynamic-core/color-slider";
 import { Combobox } from "@/components/dynamic-core/combobox";
 import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-import { Link } from "@/components/dynamic-core/link";
 import { Item, ListBox } from "@/components/dynamic-core/list-box";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { ProgressBar } from "@/components/dynamic-core/progress-bar";
diff --git a/www/src/app/(preview)/preview/(auth)/login/page.tsx b/www/src/app/(preview)/preview/(auth)/login/page.tsx
index 00ca2ab0e..74f685d6c 100644
--- a/www/src/app/(preview)/preview/(auth)/login/page.tsx
+++ b/www/src/app/(preview)/preview/(auth)/login/page.tsx
@@ -2,8 +2,8 @@
 
 import { useRouter } from "next/navigation";
 import { Form } from "react-aria-components";
+import { Link } from "@/components/core/link";
 import { Button } from "@/components/dynamic-core/button";
-import { Link } from "@/components/dynamic-core/link";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { GoogleIcon } from "@/components/icons/google-icon";
diff --git a/www/src/app/(preview)/preview/(auth)/register/page.tsx b/www/src/app/(preview)/preview/(auth)/register/page.tsx
index ba10efc32..7c7a86a4f 100644
--- a/www/src/app/(preview)/preview/(auth)/register/page.tsx
+++ b/www/src/app/(preview)/preview/(auth)/register/page.tsx
@@ -1,5 +1,5 @@
+import { Link } from "@/components/core/link";
 import { Button } from "@/components/dynamic-core/button";
-import { Link } from "@/components/dynamic-core/link";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { GoogleIcon } from "@/components/icons/google-icon";
diff --git a/www/src/components/core/avatar.tsx b/www/src/components/core/avatar.tsx
index bffee191f..0093174b8 100644
--- a/www/src/components/core/avatar.tsx
+++ b/www/src/components/core/avatar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/avatar";
+export * from "@/registry/core/avatar_basic";
diff --git a/www/src/components/core/badge.tsx b/www/src/components/core/badge.tsx
index 9f91555c9..c5f2c5a9b 100644
--- a/www/src/components/core/badge.tsx
+++ b/www/src/components/core/badge.tsx
@@ -1 +1 @@
-export * from "@/registry/core/badge";
+export * from "@/registry/core/badge_basic";
diff --git a/www/src/components/core/button.tsx b/www/src/components/core/button.tsx
index f5bc51525..e4281d868 100644
--- a/www/src/components/core/button.tsx
+++ b/www/src/components/core/button.tsx
@@ -1 +1 @@
-export * from "@/registry/core/button-01";
+export * from "@/registry/core/button_basic";
diff --git a/www/src/components/core/color-area.tsx b/www/src/components/core/color-area.tsx
index 87aae0d3b..895b3c39d 100644
--- a/www/src/components/core/color-area.tsx
+++ b/www/src/components/core/color-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-area";
+export * from "@/registry/core/color-area_basic";
diff --git a/www/src/components/core/color-field.tsx b/www/src/components/core/color-field.tsx
index 7ffcea66f..6807505db 100644
--- a/www/src/components/core/color-field.tsx
+++ b/www/src/components/core/color-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-field";
+export * from "@/registry/core/color-field_basic";
diff --git a/www/src/components/core/color-picker.tsx b/www/src/components/core/color-picker.tsx
index e1cc3fc06..4bd99ed5c 100644
--- a/www/src/components/core/color-picker.tsx
+++ b/www/src/components/core/color-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-picker";
+export * from "@/registry/core/color-picker_basic";
diff --git a/www/src/components/core/color-slider.tsx b/www/src/components/core/color-slider.tsx
index f129ecd6e..813ac4b9a 100644
--- a/www/src/components/core/color-slider.tsx
+++ b/www/src/components/core/color-slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-slider";
+export * from "@/registry/core/color-slider_basic";
diff --git a/www/src/components/core/color-swatch.tsx b/www/src/components/core/color-swatch.tsx
index b748886e2..b9867b3a0 100644
--- a/www/src/components/core/color-swatch.tsx
+++ b/www/src/components/core/color-swatch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-swatch";
+export * from "@/registry/core/color-swatch_basic";
diff --git a/www/src/components/core/color-thumb.tsx b/www/src/components/core/color-thumb.tsx
index 651b1b9f9..b463f55a3 100644
--- a/www/src/components/core/color-thumb.tsx
+++ b/www/src/components/core/color-thumb.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-thumb";
+export * from "@/registry/core/color-thumb_basic";
diff --git a/www/src/components/core/combobox.tsx b/www/src/components/core/combobox.tsx
index a86704b16..c5e011a79 100644
--- a/www/src/components/core/combobox.tsx
+++ b/www/src/components/core/combobox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/combobox";
+export * from "@/registry/core/combobox_basic";
diff --git a/www/src/components/core/date-field.tsx b/www/src/components/core/date-field.tsx
index fe63c47fa..0c23114e8 100644
--- a/www/src/components/core/date-field.tsx
+++ b/www/src/components/core/date-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-field";
+export * from "@/registry/core/date-field_basic";
diff --git a/www/src/components/core/date-input.tsx b/www/src/components/core/date-input.tsx
index 41562018f..28857dca6 100644
--- a/www/src/components/core/date-input.tsx
+++ b/www/src/components/core/date-input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-input";
+export * from "@/registry/core/date-input_basic";
diff --git a/www/src/components/core/date-picker.tsx b/www/src/components/core/date-picker.tsx
index 3ff9fdd3b..0e6bd7f43 100644
--- a/www/src/components/core/date-picker.tsx
+++ b/www/src/components/core/date-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-picker";
+export * from "@/registry/core/date-picker_basic";
diff --git a/www/src/components/core/date-range-picker.tsx b/www/src/components/core/date-range-picker.tsx
index 9964a8b8b..64fe7658f 100644
--- a/www/src/components/core/date-range-picker.tsx
+++ b/www/src/components/core/date-range-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-range-picker";
+export * from "@/registry/core/date-range-picker_basic";
diff --git a/www/src/components/core/drop-zone.tsx b/www/src/components/core/drop-zone.tsx
index d4ac56f14..01f8d3c8a 100644
--- a/www/src/components/core/drop-zone.tsx
+++ b/www/src/components/core/drop-zone.tsx
@@ -1 +1 @@
-export * from "@/registry/core/drop-zone";
+export * from "@/registry/core/drop-zone_basic";
diff --git a/www/src/components/core/field.tsx b/www/src/components/core/field.tsx
index 36c81c284..813c6f127 100644
--- a/www/src/components/core/field.tsx
+++ b/www/src/components/core/field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/field";
+export * from "@/registry/core/field_basic";
diff --git a/www/src/components/core/file-trigger.tsx b/www/src/components/core/file-trigger.tsx
index b6737091b..69c8f240b 100644
--- a/www/src/components/core/file-trigger.tsx
+++ b/www/src/components/core/file-trigger.tsx
@@ -1 +1 @@
-export * from "@/registry/core/file-trigger";
+export * from "@/registry/core/file-trigger_basic";
diff --git a/www/src/components/core/form.tsx b/www/src/components/core/form.tsx
index b0b212e82..1aa5e9b74 100644
--- a/www/src/components/core/form.tsx
+++ b/www/src/components/core/form.tsx
@@ -1 +1 @@
-export * from "@/registry/core/form";
+export * from "@/registry/core/form_basic";
diff --git a/www/src/components/core/group.tsx b/www/src/components/core/group.tsx
deleted file mode 100644
index ab62c7593..000000000
--- a/www/src/components/core/group.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/group";
diff --git a/www/src/components/core/heading.tsx b/www/src/components/core/heading.tsx
deleted file mode 100644
index 1c75aa222..000000000
--- a/www/src/components/core/heading.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/heading";
diff --git a/www/src/components/core/kbd.tsx b/www/src/components/core/kbd.tsx
index 8a8589bbc..43a2356df 100644
--- a/www/src/components/core/kbd.tsx
+++ b/www/src/components/core/kbd.tsx
@@ -1 +1 @@
-export * from "@/registry/core/kbd";
+export * from "@/registry/core/kbd_basic";
diff --git a/www/src/components/core/link.tsx b/www/src/components/core/link.tsx
index 85678c8a5..af5436f2d 100644
--- a/www/src/components/core/link.tsx
+++ b/www/src/components/core/link.tsx
@@ -1 +1,40 @@
-export * from "@/registry/core/link";
+"use client";
+
+import * as React from "react";
+import {
+  Link as AriaLink,
+  composeRenderProps,
+  type LinkProps as AriaLinkProps,
+} from "react-aria-components";
+import { tv, type VariantProps } from "tailwind-variants";
+import { focusRing } from "@/registry/lib/focus-styles";
+
+const linkVariants = tv({
+  extend: focusRing,
+  base: "disabled:text-fg-disabled inline-flex items-center gap-1 transition-colors",
+  variants: {
+    variant: {
+      accent: "text-fg-accent hover:text-[#5e9fe0]",
+      quiet: "underline underline-offset-2",
+    },
+  },
+  defaultVariants: {
+    variant: "accent",
+  },
+});
+
+interface LinkProps extends AriaLinkProps, VariantProps<typeof linkVariants> {}
+
+const Link = ({ variant, ...props }: LinkProps) => {
+  return (
+    <AriaLink
+      {...props}
+      className={composeRenderProps(props.className, (className) =>
+        linkVariants({ variant, className })
+      )}
+    />
+  );
+};
+
+export type { LinkProps };
+export { Link, linkVariants };
diff --git a/www/src/components/core/list-box.tsx b/www/src/components/core/list-box.tsx
index 44b45c9b9..3b4aadc63 100644
--- a/www/src/components/core/list-box.tsx
+++ b/www/src/components/core/list-box.tsx
@@ -1 +1 @@
-export * from "@/registry/core/list-box";
+export * from "@/registry/core/list-box_basic";
diff --git a/www/src/components/core/menu.tsx b/www/src/components/core/menu.tsx
index c00f0e3dd..1dc89da01 100644
--- a/www/src/components/core/menu.tsx
+++ b/www/src/components/core/menu.tsx
@@ -1 +1 @@
-export * from "@/registry/core/menu";
+export * from "@/registry/core/menu_basic";
diff --git a/www/src/components/core/number-field.tsx b/www/src/components/core/number-field.tsx
index 8f813cd83..524093eef 100644
--- a/www/src/components/core/number-field.tsx
+++ b/www/src/components/core/number-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/number-field";
+export * from "@/registry/core/number-field_basic";
diff --git a/www/src/components/core/overlay.tsx b/www/src/components/core/overlay.tsx
index 6fd6b8a57..2cc1ca4fe 100644
--- a/www/src/components/core/overlay.tsx
+++ b/www/src/components/core/overlay.tsx
@@ -1 +1 @@
-export * from "@/registry/core/overlay";
+export * from "@/registry/core/overlay_basic";
diff --git a/www/src/components/core/search-field.tsx b/www/src/components/core/search-field.tsx
index 03e932b97..7af1cce65 100644
--- a/www/src/components/core/search-field.tsx
+++ b/www/src/components/core/search-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/search-field";
+export * from "@/registry/core/search-field_basic";
diff --git a/www/src/components/core/select.tsx b/www/src/components/core/select.tsx
index 33478f7b4..46587aeb3 100644
--- a/www/src/components/core/select.tsx
+++ b/www/src/components/core/select.tsx
@@ -1 +1 @@
-export * from "@/registry/core/select";
+export * from "@/registry/core/select_basic";
diff --git a/www/src/components/core/separator.tsx b/www/src/components/core/separator.tsx
index a07a5c4ef..495a4a6ec 100644
--- a/www/src/components/core/separator.tsx
+++ b/www/src/components/core/separator.tsx
@@ -1 +1 @@
-export * from "@/registry/core/separator";
+export * from "@/registry/core/separator_basic";
diff --git a/www/src/components/core/skeleton.tsx b/www/src/components/core/skeleton.tsx
index 6954cbe47..491609d38 100644
--- a/www/src/components/core/skeleton.tsx
+++ b/www/src/components/core/skeleton.tsx
@@ -1 +1 @@
-export * from "@/registry/core/skeleton";
+export * from "@/registry/core/skeleton_basic";
diff --git a/www/src/components/core/tag-group.tsx b/www/src/components/core/tag-group.tsx
index 03d2e0fac..5157a7f2c 100644
--- a/www/src/components/core/tag-group.tsx
+++ b/www/src/components/core/tag-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tag-group";
+export * from "@/registry/core/tag-group_basic";
diff --git a/www/src/components/core/text-area.tsx b/www/src/components/core/text-area.tsx
index e73a03ba6..a8e92e099 100644
--- a/www/src/components/core/text-area.tsx
+++ b/www/src/components/core/text-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-area";
+export * from "@/registry/core/text-area_basic";
diff --git a/www/src/components/core/text-field.tsx b/www/src/components/core/text-field.tsx
index f54982c07..fd9061124 100644
--- a/www/src/components/core/text-field.tsx
+++ b/www/src/components/core/text-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-field";
+export * from "@/registry/core/text-field_basic";
diff --git a/www/src/components/core/text.tsx b/www/src/components/core/text.tsx
index 917fae3eb..e7745ca3d 100644
--- a/www/src/components/core/text.tsx
+++ b/www/src/components/core/text.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text";
+export * from "@/registry/core/text_basic";
diff --git a/www/src/components/core/time-field.tsx b/www/src/components/core/time-field.tsx
index fb2a26fc4..3208311ae 100644
--- a/www/src/components/core/time-field.tsx
+++ b/www/src/components/core/time-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/time-field";
+export * from "@/registry/core/time-field_basic";
diff --git a/www/src/components/core/toggle-button-group.tsx b/www/src/components/core/toggle-button-group.tsx
index 8a349ac38..ca8d6c4f6 100644
--- a/www/src/components/core/toggle-button-group.tsx
+++ b/www/src/components/core/toggle-button-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-button-group";
+export * from "@/registry/core/toggle-button-group_basic";
diff --git a/www/src/components/core/toggle-button.tsx b/www/src/components/core/toggle-button.tsx
index 996d5b444..def88ffee 100644
--- a/www/src/components/core/toggle-button.tsx
+++ b/www/src/components/core/toggle-button.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-button";
+export * from "@/registry/core/toggle-button_basic";
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index c898dd60f..c9376c63a 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -26,12 +26,12 @@ export const Alert = createDynamicComponent<AlertProps>(
       }))
     ),
     "alert-02": React.lazy(() =>
-      import("@/registry/core/alert-02").then((mod) => ({
+      import("@/registry/core/alert_notch").then((mod) => ({
         default: mod.Alert,
       }))
     ),
     "alert-03": React.lazy(() =>
-      import("@/registry/core/alert-03").then((mod) => ({
+      import("@/registry/core/alert_notch-2").then((mod) => ({
         default: mod.Alert,
       }))
     ),
@@ -49,12 +49,12 @@ export const AlertRoot = createDynamicComponent<AlertRootProps>(
       }))
     ),
     "alert-02": React.lazy(() =>
-      import("@/registry/core/alert-02").then((mod) => ({
+      import("@/registry/core/alert_notch").then((mod) => ({
         default: mod.AlertRoot,
       }))
     ),
     "alert-03": React.lazy(() =>
-      import("@/registry/core/alert-03").then((mod) => ({
+      import("@/registry/core/alert_notch-2").then((mod) => ({
         default: mod.AlertRoot,
       }))
     ),
@@ -72,12 +72,12 @@ export const AlertTitle = createDynamicComponent<AlertTitleProps>(
       }))
     ),
     "alert-02": React.lazy(() =>
-      import("@/registry/core/alert-02").then((mod) => ({
+      import("@/registry/core/alert_notch").then((mod) => ({
         default: mod.AlertTitle,
       }))
     ),
     "alert-03": React.lazy(() =>
-      import("@/registry/core/alert-03").then((mod) => ({
+      import("@/registry/core/alert_notch-2").then((mod) => ({
         default: mod.AlertTitle,
       }))
     ),
@@ -94,12 +94,12 @@ export const AlertContent = createDynamicComponent<AlertContentProps>(
       }))
     ),
     "alert-02": React.lazy(() =>
-      import("@/registry/core/alert-02").then((mod) => ({
+      import("@/registry/core/alert_notch").then((mod) => ({
         default: mod.AlertContent,
       }))
     ),
     "alert-03": React.lazy(() =>
-      import("@/registry/core/alert-03").then((mod) => ({
+      import("@/registry/core/alert_notch-2").then((mod) => ({
         default: mod.AlertContent,
       }))
     ),
diff --git a/www/src/components/dynamic-core/avatar.tsx b/www/src/components/dynamic-core/avatar.tsx
index 7eca039dd..81893807d 100644
--- a/www/src/components/dynamic-core/avatar.tsx
+++ b/www/src/components/dynamic-core/avatar.tsx
@@ -1 +1 @@
-export * from "@/registry/core/avatar";
+export * from "@/registry/core/avatar_basic";
diff --git a/www/src/components/dynamic-core/badge.tsx b/www/src/components/dynamic-core/badge.tsx
index 0b5f966e9..f072ef1c3 100644
--- a/www/src/components/dynamic-core/badge.tsx
+++ b/www/src/components/dynamic-core/badge.tsx
@@ -1 +1 @@
-export * from "@/registry/core/badge";
+export * from "@/registry/core/badge_basic";
diff --git a/www/src/components/dynamic-core/button-group.tsx b/www/src/components/dynamic-core/button-group.tsx
index 10f56dee6..d9bef810d 100644
--- a/www/src/components/dynamic-core/button-group.tsx
+++ b/www/src/components/dynamic-core/button-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/button-group";
+export * from "@/registry/core/button-group_basic";
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index c1509abb5..9e5050be2 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -6,7 +6,7 @@ import {
   Button as _Button,
   ButtonProvider as _ButtonProvider,
   ButtonProps,
-} from "@/registry/core/button-01";
+} from "@/registry/core/button_basic";
 
 export const Button = createDynamicComponent<ButtonProps>(
   "button",
@@ -14,7 +14,7 @@ export const Button = createDynamicComponent<ButtonProps>(
   _Button,
   {
     "button-01": React.lazy(() =>
-      import("@/registry/core/button-01").then((mod) => ({
+      import("@/registry/core/button_basic").then((mod) => ({
         default: mod.Button,
       }))
     ),
@@ -24,12 +24,12 @@ export const Button = createDynamicComponent<ButtonProps>(
       }))
     ),
     "button-03": React.lazy(() =>
-      import("@/registry/core/button-03").then((mod) => ({
+      import("@/registry/core/button_brutalist").then((mod) => ({
         default: mod.Button,
       }))
     ),
     "button-04": React.lazy(() =>
-      import("@/registry/core/button-04").then((mod) => ({
+      import("@/registry/core/button_ripple").then((mod) => ({
         default: mod.Button,
       }))
     ),
@@ -42,7 +42,7 @@ export const ButtonProvider = createDynamicComponent(
   _ButtonProvider,
   {
     "button-01": React.lazy(() =>
-      import("@/registry/core/button-01").then((mod) => ({
+      import("@/registry/core/button_basic").then((mod) => ({
         default: mod.ButtonProvider,
       }))
     ),
@@ -52,12 +52,12 @@ export const ButtonProvider = createDynamicComponent(
       }))
     ),
     "button-03": React.lazy(() =>
-      import("@/registry/core/button-03").then((mod) => ({
+      import("@/registry/core/button_brutalist").then((mod) => ({
         default: mod.ButtonProvider,
       }))
     ),
     "button-04": React.lazy(() =>
-      import("@/registry/core/button-04").then((mod) => ({
+      import("@/registry/core/button_ripple").then((mod) => ({
         default: mod.ButtonProvider,
       }))
     ),
diff --git a/www/src/components/dynamic-core/color-area.tsx b/www/src/components/dynamic-core/color-area.tsx
index 9a65b2cd5..1be125c4c 100644
--- a/www/src/components/dynamic-core/color-area.tsx
+++ b/www/src/components/dynamic-core/color-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-area";
+export * from "@/registry/core/color-area_basic";
diff --git a/www/src/components/dynamic-core/color-field.tsx b/www/src/components/dynamic-core/color-field.tsx
index 8de48dafc..eda7e0a19 100644
--- a/www/src/components/dynamic-core/color-field.tsx
+++ b/www/src/components/dynamic-core/color-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-field";
+export * from "@/registry/core/color-field_basic";
diff --git a/www/src/components/dynamic-core/color-picker.tsx b/www/src/components/dynamic-core/color-picker.tsx
index e1cc3fc06..4bd99ed5c 100644
--- a/www/src/components/dynamic-core/color-picker.tsx
+++ b/www/src/components/dynamic-core/color-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-picker";
+export * from "@/registry/core/color-picker_basic";
diff --git a/www/src/components/dynamic-core/color-slider.tsx b/www/src/components/dynamic-core/color-slider.tsx
index 120c7cb2e..c8e08f19c 100644
--- a/www/src/components/dynamic-core/color-slider.tsx
+++ b/www/src/components/dynamic-core/color-slider.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-slider";
+export * from "@/registry/core/color-slider_basic";
diff --git a/www/src/components/dynamic-core/color-swatch-picker.tsx b/www/src/components/dynamic-core/color-swatch-picker.tsx
index 6e90867fa..d1a4c8ad8 100644
--- a/www/src/components/dynamic-core/color-swatch-picker.tsx
+++ b/www/src/components/dynamic-core/color-swatch-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-swatch-picker";
+export * from "@/registry/core/color-swatch-picker_basic";
diff --git a/www/src/components/dynamic-core/color-swatch.tsx b/www/src/components/dynamic-core/color-swatch.tsx
index a49edc930..6f9d46fc8 100644
--- a/www/src/components/dynamic-core/color-swatch.tsx
+++ b/www/src/components/dynamic-core/color-swatch.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-swatch";
+export * from "@/registry/core/color-swatch_basic";
diff --git a/www/src/components/dynamic-core/color-thumb.tsx b/www/src/components/dynamic-core/color-thumb.tsx
index 1f60ab858..43c3f9f56 100644
--- a/www/src/components/dynamic-core/color-thumb.tsx
+++ b/www/src/components/dynamic-core/color-thumb.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-thumb";
+export * from "@/registry/core/color-thumb_basic";
diff --git a/www/src/components/dynamic-core/combobox.tsx b/www/src/components/dynamic-core/combobox.tsx
index 09a6d078d..0e9bbaf48 100644
--- a/www/src/components/dynamic-core/combobox.tsx
+++ b/www/src/components/dynamic-core/combobox.tsx
@@ -1 +1 @@
-export * from "@/registry/core/combobox";
+export * from "@/registry/core/combobox_basic";
diff --git a/www/src/components/dynamic-core/command.tsx b/www/src/components/dynamic-core/command.tsx
index 5d9b82a41..645212141 100644
--- a/www/src/components/dynamic-core/command.tsx
+++ b/www/src/components/dynamic-core/command.tsx
@@ -1 +1 @@
-export * from "@/registry/core/command";
+export * from "@/registry/core/command_basic";
diff --git a/www/src/components/dynamic-core/date-field.tsx b/www/src/components/dynamic-core/date-field.tsx
index d1cdd1073..9c0d4da7d 100644
--- a/www/src/components/dynamic-core/date-field.tsx
+++ b/www/src/components/dynamic-core/date-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-field";
+export * from "@/registry/core/date-field_basic";
diff --git a/www/src/components/dynamic-core/date-input.tsx b/www/src/components/dynamic-core/date-input.tsx
index c7f159958..378aedf6e 100644
--- a/www/src/components/dynamic-core/date-input.tsx
+++ b/www/src/components/dynamic-core/date-input.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-input";
+export * from "@/registry/core/date-input_basic";
diff --git a/www/src/components/dynamic-core/date-picker.tsx b/www/src/components/dynamic-core/date-picker.tsx
index 59d4245ee..59cc9a26a 100644
--- a/www/src/components/dynamic-core/date-picker.tsx
+++ b/www/src/components/dynamic-core/date-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-picker";
+export * from "@/registry/core/date-picker_basic";
diff --git a/www/src/components/dynamic-core/date-range-picker.tsx b/www/src/components/dynamic-core/date-range-picker.tsx
index 6b1341da8..ca5e3df98 100644
--- a/www/src/components/dynamic-core/date-range-picker.tsx
+++ b/www/src/components/dynamic-core/date-range-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/date-range-picker";
+export * from "@/registry/core/date-range-picker_basic";
diff --git a/www/src/components/dynamic-core/drop-zone.tsx b/www/src/components/dynamic-core/drop-zone.tsx
index 9ae2d54de..2d8632b5c 100644
--- a/www/src/components/dynamic-core/drop-zone.tsx
+++ b/www/src/components/dynamic-core/drop-zone.tsx
@@ -1 +1 @@
-export * from "@/registry/core/drop-zone";
+export * from "@/registry/core/drop-zone_basic";
diff --git a/www/src/components/dynamic-core/field.tsx b/www/src/components/dynamic-core/field.tsx
index 7968c17d6..e50a18998 100644
--- a/www/src/components/dynamic-core/field.tsx
+++ b/www/src/components/dynamic-core/field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/field";
+export * from "@/registry/core/field_basic";
diff --git a/www/src/components/dynamic-core/file-trigger.tsx b/www/src/components/dynamic-core/file-trigger.tsx
index b342112ae..5a7886ca0 100644
--- a/www/src/components/dynamic-core/file-trigger.tsx
+++ b/www/src/components/dynamic-core/file-trigger.tsx
@@ -1 +1 @@
-export * from "@/registry/core/file-trigger";
+export * from "@/registry/core/file-trigger_basic";
diff --git a/www/src/components/dynamic-core/form.tsx b/www/src/components/dynamic-core/form.tsx
index 2c40869fd..667104790 100644
--- a/www/src/components/dynamic-core/form.tsx
+++ b/www/src/components/dynamic-core/form.tsx
@@ -1 +1 @@
-export * from "@/registry/core/form";
+export * from "@/registry/core/form_basic";
diff --git a/www/src/components/dynamic-core/group.tsx b/www/src/components/dynamic-core/group.tsx
deleted file mode 100644
index de79f4bfc..000000000
--- a/www/src/components/dynamic-core/group.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/group";
diff --git a/www/src/components/dynamic-core/heading.tsx b/www/src/components/dynamic-core/heading.tsx
deleted file mode 100644
index 232f5eef9..000000000
--- a/www/src/components/dynamic-core/heading.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/heading";
diff --git a/www/src/components/dynamic-core/kbd.tsx b/www/src/components/dynamic-core/kbd.tsx
index f62a2882c..dcaa505cb 100644
--- a/www/src/components/dynamic-core/kbd.tsx
+++ b/www/src/components/dynamic-core/kbd.tsx
@@ -1 +1 @@
-export * from "@/registry/core/kbd";
+export * from "@/registry/core/kbd_basic";
diff --git a/www/src/components/dynamic-core/list-box.tsx b/www/src/components/dynamic-core/list-box.tsx
index b1228a4fa..f9b9f6feb 100644
--- a/www/src/components/dynamic-core/list-box.tsx
+++ b/www/src/components/dynamic-core/list-box.tsx
@@ -1 +1 @@
-export * from "@/registry/core/list-box";
+export * from "@/registry/core/list-box_basic";
diff --git a/www/src/components/dynamic-core/loader.tsx b/www/src/components/dynamic-core/loader.tsx
index aada63dc6..7da62b6ab 100644
--- a/www/src/components/dynamic-core/loader.tsx
+++ b/www/src/components/dynamic-core/loader.tsx
@@ -2,8 +2,8 @@
 
 import React from "react";
 import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import { LoaderProps } from "@/registry/core/loader-ring";
-import { Loader as _Loader } from "@/registry/core/loader-ring";
+import { LoaderProps } from "@/registry/core/loader_ring";
+import { Loader as _Loader } from "@/registry/core/loader_ring";
 
 export const Loader = createDynamicComponent<LoaderProps>(
   "loader",
@@ -11,27 +11,27 @@ export const Loader = createDynamicComponent<LoaderProps>(
   _Loader,
   {
     "loader-dot-spinner": React.lazy(() =>
-      import("@/registry/core/loader-dot-spinner").then((mod) => ({
+      import("@/registry/core/loader_dots").then((mod) => ({
         default: mod.Loader,
       }))
     ),
     "loader-line-spinner": React.lazy(() =>
-      import("@/registry/core/loader-line-spinner").then((mod) => ({
+      import("@/registry/core/loader_line").then((mod) => ({
         default: mod.Loader,
       }))
     ),
     "loader-ring": React.lazy(() =>
-      import("@/registry/core/loader-ring").then((mod) => ({
+      import("@/registry/core/loader_ring").then((mod) => ({
         default: mod.Loader,
       }))
     ),
     "loader-tailspin": React.lazy(() =>
-      import("@/registry/core/loader-tailspin").then((mod) => ({
+      import("@/registry/core/loader_tailspin").then((mod) => ({
         default: mod.Loader,
       }))
     ),
     "loader-wave": React.lazy(() =>
-      import("@/registry/core/loader-wave").then((mod) => ({
+      import("@/registry/core/loader_wave").then((mod) => ({
         default: mod.Loader,
       }))
     ),
diff --git a/www/src/components/dynamic-core/menu.tsx b/www/src/components/dynamic-core/menu.tsx
index 14fcf0fad..ece8eeae4 100644
--- a/www/src/components/dynamic-core/menu.tsx
+++ b/www/src/components/dynamic-core/menu.tsx
@@ -1 +1 @@
-export * from "@/registry/core/menu";
+export * from "@/registry/core/menu_basic";
diff --git a/www/src/components/dynamic-core/number-field.tsx b/www/src/components/dynamic-core/number-field.tsx
index b0293bb51..bfbca046a 100644
--- a/www/src/components/dynamic-core/number-field.tsx
+++ b/www/src/components/dynamic-core/number-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/number-field";
+export * from "@/registry/core/number-field_basic";
diff --git a/www/src/components/dynamic-core/overlay.tsx b/www/src/components/dynamic-core/overlay.tsx
index d47ea9f60..e72bf7814 100644
--- a/www/src/components/dynamic-core/overlay.tsx
+++ b/www/src/components/dynamic-core/overlay.tsx
@@ -1 +1 @@
-export * from "@/registry/core/overlay";
+export * from "@/registry/core/overlay_basic";
diff --git a/www/src/components/dynamic-core/search-field.tsx b/www/src/components/dynamic-core/search-field.tsx
index 1335cfc62..d9312af7a 100644
--- a/www/src/components/dynamic-core/search-field.tsx
+++ b/www/src/components/dynamic-core/search-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/search-field";
+export * from "@/registry/core/search-field_basic";
diff --git a/www/src/components/dynamic-core/select.tsx b/www/src/components/dynamic-core/select.tsx
index effe5b855..b20434cde 100644
--- a/www/src/components/dynamic-core/select.tsx
+++ b/www/src/components/dynamic-core/select.tsx
@@ -1 +1 @@
-export * from "@/registry/core/select";
+export * from "@/registry/core/select_basic";
diff --git a/www/src/components/dynamic-core/separator.tsx b/www/src/components/dynamic-core/separator.tsx
index dfdb18622..ceffc9acc 100644
--- a/www/src/components/dynamic-core/separator.tsx
+++ b/www/src/components/dynamic-core/separator.tsx
@@ -1 +1 @@
-export * from "@/registry/core/separator";
+export * from "@/registry/core/separator_basic";
diff --git a/www/src/components/dynamic-core/skeleton.tsx b/www/src/components/dynamic-core/skeleton.tsx
index f982d4b5d..525e49e4e 100644
--- a/www/src/components/dynamic-core/skeleton.tsx
+++ b/www/src/components/dynamic-core/skeleton.tsx
@@ -1 +1 @@
-export * from "@/registry/core/skeleton";
+export * from "@/registry/core/skeleton_basic";
diff --git a/www/src/components/dynamic-core/table.tsx b/www/src/components/dynamic-core/table.tsx
index 7f801ce6c..5e6320bfa 100644
--- a/www/src/components/dynamic-core/table.tsx
+++ b/www/src/components/dynamic-core/table.tsx
@@ -1 +1 @@
-export * from "@/registry/core/table";
+export * from "@/registry/core/table_basic";
diff --git a/www/src/components/dynamic-core/tag-group.tsx b/www/src/components/dynamic-core/tag-group.tsx
index 21de229b8..662fdae7e 100644
--- a/www/src/components/dynamic-core/tag-group.tsx
+++ b/www/src/components/dynamic-core/tag-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tag-group";
+export * from "@/registry/core/tag-group_basic";
diff --git a/www/src/components/dynamic-core/text-area.tsx b/www/src/components/dynamic-core/text-area.tsx
index e0d213e87..188b328eb 100644
--- a/www/src/components/dynamic-core/text-area.tsx
+++ b/www/src/components/dynamic-core/text-area.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-area";
+export * from "@/registry/core/text-area_basic";
diff --git a/www/src/components/dynamic-core/text-field.tsx b/www/src/components/dynamic-core/text-field.tsx
index 619ecf1aa..ff61ff2da 100644
--- a/www/src/components/dynamic-core/text-field.tsx
+++ b/www/src/components/dynamic-core/text-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text-field";
+export * from "@/registry/core/text-field_basic";
diff --git a/www/src/components/dynamic-core/text.tsx b/www/src/components/dynamic-core/text.tsx
index c84e2f53a..5c2b4cb04 100644
--- a/www/src/components/dynamic-core/text.tsx
+++ b/www/src/components/dynamic-core/text.tsx
@@ -1 +1 @@
-export * from "@/registry/core/text";
+export * from "@/registry/core/text_basic";
diff --git a/www/src/components/dynamic-core/time-field.tsx b/www/src/components/dynamic-core/time-field.tsx
index 18bb1eda2..fe75459b1 100644
--- a/www/src/components/dynamic-core/time-field.tsx
+++ b/www/src/components/dynamic-core/time-field.tsx
@@ -1 +1 @@
-export * from "@/registry/core/time-field";
+export * from "@/registry/core/time-field_basic";
diff --git a/www/src/components/dynamic-core/toggle-button-group.tsx b/www/src/components/dynamic-core/toggle-button-group.tsx
index ebf800c10..c23e0eefb 100644
--- a/www/src/components/dynamic-core/toggle-button-group.tsx
+++ b/www/src/components/dynamic-core/toggle-button-group.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-button-group";
+export * from "@/registry/core/toggle-button-group_basic";
diff --git a/www/src/components/dynamic-core/toggle-button.tsx b/www/src/components/dynamic-core/toggle-button.tsx
index 805b0a9c1..09fc44e99 100644
--- a/www/src/components/dynamic-core/toggle-button.tsx
+++ b/www/src/components/dynamic-core/toggle-button.tsx
@@ -1 +1 @@
-export * from "@/registry/core/toggle-button";
+export * from "@/registry/core/toggle-button_basic";
diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
index 8c00b8792..764d8c784 100644
--- a/www/src/components/search-command-client.tsx
+++ b/www/src/components/search-command-client.tsx
@@ -14,7 +14,7 @@ import { Button } from "@/components/core/button";
 import { MenuContent, MenuItem } from "@/components/core/menu";
 import { SearchField, SearchFieldRoot } from "@/components/core/search-field";
 import { Section } from "@/components/core/section";
-import { Command } from "@/registry/core/command";
+import { Command } from "@/registry/core/command_basic";
 import { Input, InputRoot } from "@/registry/core/input_basic";
 
 interface Heading {
diff --git a/www/src/demos/badge/default.tsx b/www/src/demos/badge/default.tsx
index c3a698703..e76806278 100644
--- a/www/src/demos/badge/default.tsx
+++ b/www/src/demos/badge/default.tsx
@@ -1,4 +1,4 @@
-import { Badge } from "@/registry/core/badge";
+import { Badge } from "@/registry/core/badge_basic";
 
 export default function Demo() {
   return <Badge>Badge</Badge>;
diff --git a/www/src/demos/badge/icon.tsx b/www/src/demos/badge/icon.tsx
index 74b7aa1cc..a289030ee 100644
--- a/www/src/demos/badge/icon.tsx
+++ b/www/src/demos/badge/icon.tsx
@@ -1,5 +1,5 @@
 import { ShieldIcon } from "lucide-react";
-import { Badge } from "@/registry/core/badge";
+import { Badge } from "@/registry/core/badge_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/badge/sizes.tsx b/www/src/demos/badge/sizes.tsx
index 9ed11097d..979e21384 100644
--- a/www/src/demos/badge/sizes.tsx
+++ b/www/src/demos/badge/sizes.tsx
@@ -1,4 +1,4 @@
-import { Badge } from "@/registry/core/badge";
+import { Badge } from "@/registry/core/badge_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/badge/variants.tsx b/www/src/demos/badge/variants.tsx
index 0652b2245..2abe9a474 100644
--- a/www/src/demos/badge/variants.tsx
+++ b/www/src/demos/badge/variants.tsx
@@ -1,4 +1,4 @@
-import { Badge } from "@/registry/core/badge";
+import { Badge } from "@/registry/core/badge_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-picker/channel-sliders.tsx b/www/src/demos/color-picker/channel-sliders.tsx
index 72a3e6976..ed50618c8 100644
--- a/www/src/demos/color-picker/channel-sliders.tsx
+++ b/www/src/demos/color-picker/channel-sliders.tsx
@@ -7,9 +7,9 @@ import {
   ColorPickerButton,
 } from "@/components/dynamic-core/color-picker";
 import { Dialog, DialogRoot } from "@/components/dynamic-core/dialog";
-import { ColorSlider } from "@/registry/core/color-slider";
-import { Item } from "@/registry/core/list-box";
-import { Select } from "@/registry/core/select";
+import { ColorSlider } from "@/registry/core/color-slider_basic";
+import { Item } from "@/registry/core/list-box_basic";
+import { Select } from "@/registry/core/select_basic";
 
 export default function Demo() {
   const [space, setSpace] = React.useState<ColorSpace>("rgb");
diff --git a/www/src/demos/color-picker/default.tsx b/www/src/demos/color-picker/default.tsx
index 7b38b9ee3..ca623d370 100644
--- a/www/src/demos/color-picker/default.tsx
+++ b/www/src/demos/color-picker/default.tsx
@@ -1,4 +1,4 @@
-import { ColorPicker } from "@/registry/core/color-picker";
+import { ColorPicker } from "@/registry/core/color-picker_basic";
 
 export default function Demo() {
   return <ColorPicker />;
diff --git a/www/src/demos/color-picker/options.tsx b/www/src/demos/color-picker/options.tsx
index f91c5d95d..b212a9244 100644
--- a/www/src/demos/color-picker/options.tsx
+++ b/www/src/demos/color-picker/options.tsx
@@ -1,5 +1,5 @@
 import { ColorPicker } from "@/components/dynamic-core/color-picker";
-import { ColorSwatch } from "@/registry/core/color-swatch";
+import { ColorSwatch } from "@/registry/core/color-swatch_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/color-picker/swatches.tsx b/www/src/demos/color-picker/swatches.tsx
index 5ef7211e2..b7cd7e5f6 100644
--- a/www/src/demos/color-picker/swatches.tsx
+++ b/www/src/demos/color-picker/swatches.tsx
@@ -8,7 +8,7 @@ import { Dialog, DialogRoot } from "@/components/dynamic-core/dialog";
 import {
   ColorSwatchPicker,
   ColorSwatchPickerItem,
-} from "@/registry/core/color-swatch-picker";
+} from "@/registry/core/color-swatch-picker_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/command/dialog.tsx b/www/src/demos/command/dialog.tsx
index 797bef214..0b6896481 100644
--- a/www/src/demos/command/dialog.tsx
+++ b/www/src/demos/command/dialog.tsx
@@ -4,7 +4,7 @@ import { useFilter } from "react-aria-components";
 import { Command } from "@/components/dynamic-core/command";
 import { MenuContent, MenuItem } from "@/components/dynamic-core/menu";
 import { SearchField } from "@/components/dynamic-core/search-field";
-import { Button } from "@/registry/core/button-01";
+import { Button } from "@/registry/core/button_basic";
 import { Dialog, DialogRoot } from "@/registry/core/dialog_basic";
 
 export default function Demo() {
diff --git a/www/src/demos/dialog/composition.tsx b/www/src/demos/dialog/composition.tsx
index bf33b79be..c28f769e2 100644
--- a/www/src/demos/dialog/composition.tsx
+++ b/www/src/demos/dialog/composition.tsx
@@ -12,7 +12,7 @@ import {
 } from "@/components/dynamic-core/dialog";
 import { TextArea } from "@/components/dynamic-core/text-area";
 import { TextField } from "@/components/dynamic-core/text-field";
-import { Overlay } from "@/registry/core/overlay";
+import { Overlay } from "@/registry/core/overlay_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/form/basic.tsx b/www/src/demos/form/basic.tsx
index 254541d80..dcd24c085 100644
--- a/www/src/demos/form/basic.tsx
+++ b/www/src/demos/form/basic.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import { Button } from "@/components/dynamic-core/button";
 import { TextField } from "@/components/dynamic-core/text-field";
-import { Form } from "@/registry/core/form";
+import { Form } from "@/registry/core/form_basic";
 
 export default function Demo() {
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
diff --git a/www/src/demos/form/react-aria.tsx b/www/src/demos/form/react-aria.tsx
index b3d2e4551..31ce2c2b5 100644
--- a/www/src/demos/form/react-aria.tsx
+++ b/www/src/demos/form/react-aria.tsx
@@ -9,7 +9,7 @@ import { Item } from "@/components/dynamic-core/list-box";
 import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
 import { Select } from "@/components/dynamic-core/select";
 import { TextField } from "@/components/dynamic-core/text-field";
-import { Form } from "@/registry/core/form";
+import { Form } from "@/registry/core/form_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/overlay/basic.tsx b/www/src/demos/overlay/basic.tsx
index 097591a25..39bd610e9 100644
--- a/www/src/demos/overlay/basic.tsx
+++ b/www/src/demos/overlay/basic.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Button } from "@/components/dynamic-core/button";
 import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
-import { Overlay } from "@/registry/core/overlay";
+import { Overlay } from "@/registry/core/overlay_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/overlay/type.tsx b/www/src/demos/overlay/type.tsx
index 5b8808793..c686c2ffc 100644
--- a/www/src/demos/overlay/type.tsx
+++ b/www/src/demos/overlay/type.tsx
@@ -4,7 +4,7 @@ import React from "react";
 import { Button } from "@/components/dynamic-core/button";
 import { DialogRoot, DialogContent } from "@/components/dynamic-core/dialog";
 import { Radio, RadioGroup } from "@/components/dynamic-core/radio-group";
-import { Overlay } from "@/registry/core/overlay";
+import { Overlay } from "@/registry/core/overlay_basic";
 
 type Type = "modal" | "drawer" | "popover";
 
diff --git a/www/src/demos/popover/basic.tsx b/www/src/demos/popover/basic.tsx
index a9cf3a3fd..334d14da6 100644
--- a/www/src/demos/popover/basic.tsx
+++ b/www/src/demos/popover/basic.tsx
@@ -1,11 +1,12 @@
-"use client";
-
 import React from "react";
 import { InfoIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
-import { DialogContent, DialogRoot } from "@/components/dynamic-core/dialog";
+import {
+  DialogContent,
+  DialogRoot,
+  DialogHeading,
+} from "@/components/dynamic-core/dialog";
 import { Popover } from "@/components/dynamic-core/popover";
-import { Heading } from "@/registry/core/heading";
 
 export default function Demo() {
   return (
@@ -15,7 +16,7 @@ export default function Demo() {
       </Button>
       <Popover>
         <DialogContent className="w-56 space-y-4">
-          <Heading>Need help?</Heading>
+          <DialogHeading>Need help?</DialogHeading>
           <p>
             If you&apos;re having issues accessing your account, contact our
             customer support team for help.
diff --git a/www/src/demos/table/basic.tsx b/www/src/demos/table/basic.tsx
index aec73f171..1e9e1ee33 100644
--- a/www/src/demos/table/basic.tsx
+++ b/www/src/demos/table/basic.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/table/column-resizing.tsx b/www/src/demos/table/column-resizing.tsx
index 0d4098a34..d953b7eac 100644
--- a/www/src/demos/table/column-resizing.tsx
+++ b/www/src/demos/table/column-resizing.tsx
@@ -9,7 +9,7 @@ import {
   TableColumn,
   TableCell,
   TableResizableContainer,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/controlled.tsx b/www/src/demos/table/controlled.tsx
index b5f656f75..74b12d47f 100644
--- a/www/src/demos/table/controlled.tsx
+++ b/www/src/demos/table/controlled.tsx
@@ -9,7 +9,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/disabled-rows.tsx b/www/src/demos/table/disabled-rows.tsx
index 952e4ce80..2b7e557c7 100644
--- a/www/src/demos/table/disabled-rows.tsx
+++ b/www/src/demos/table/disabled-rows.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/disallow-empty-selection.tsx b/www/src/demos/table/disallow-empty-selection.tsx
index 695301e46..af900f839 100644
--- a/www/src/demos/table/disallow-empty-selection.tsx
+++ b/www/src/demos/table/disallow-empty-selection.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/dynamic-collection.tsx b/www/src/demos/table/dynamic-collection.tsx
index a4bd64469..58bb8915d 100644
--- a/www/src/demos/table/dynamic-collection.tsx
+++ b/www/src/demos/table/dynamic-collection.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/empty-state.tsx b/www/src/demos/table/empty-state.tsx
index f92bc5f49..4c0dcab46 100644
--- a/www/src/demos/table/empty-state.tsx
+++ b/www/src/demos/table/empty-state.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/table/links.tsx b/www/src/demos/table/links.tsx
index be71bca3c..8e25a698b 100644
--- a/www/src/demos/table/links.tsx
+++ b/www/src/demos/table/links.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/reordable.tsx b/www/src/demos/table/reordable.tsx
index ad0f5e2f7..b1c8d5801 100644
--- a/www/src/demos/table/reordable.tsx
+++ b/www/src/demos/table/reordable.tsx
@@ -9,7 +9,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/row-action.tsx b/www/src/demos/table/row-action.tsx
index 50d41831f..ee7fa4383 100644
--- a/www/src/demos/table/row-action.tsx
+++ b/www/src/demos/table/row-action.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/selection-mode.tsx b/www/src/demos/table/selection-mode.tsx
index 2252e1855..2a5e7f100 100644
--- a/www/src/demos/table/selection-mode.tsx
+++ b/www/src/demos/table/selection-mode.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/selection.tsx b/www/src/demos/table/selection.tsx
index a4bd64469..58bb8915d 100644
--- a/www/src/demos/table/selection.tsx
+++ b/www/src/demos/table/selection.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/sorting.tsx b/www/src/demos/table/sorting.tsx
index de048d34d..0edf849b0 100644
--- a/www/src/demos/table/sorting.tsx
+++ b/www/src/demos/table/sorting.tsx
@@ -9,7 +9,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/table/static-row-action.tsx b/www/src/demos/table/static-row-action.tsx
index 0a7914d9b..e1a8e1d50 100644
--- a/www/src/demos/table/static-row-action.tsx
+++ b/www/src/demos/table/static-row-action.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/table/uncontrolled.tsx b/www/src/demos/table/uncontrolled.tsx
index f371fce7d..ec957a3e1 100644
--- a/www/src/demos/table/uncontrolled.tsx
+++ b/www/src/demos/table/uncontrolled.tsx
@@ -7,7 +7,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-} from "@/registry/core/table";
+} from "@/registry/core/table_basic";
 
 const columns: Column[] = [
   { name: "Name", id: "name", isRowHeader: true },
diff --git a/www/src/demos/time-field/composition.tsx b/www/src/demos/time-field/composition.tsx
index 770e68088..4b69db315 100644
--- a/www/src/demos/time-field/composition.tsx
+++ b/www/src/demos/time-field/composition.tsx
@@ -3,7 +3,7 @@ import {
   TimeFieldRoot,
   TimeFieldInput,
 } from "@/components/dynamic-core/time-field";
-import { FieldError } from "@/registry/core/field_new";
+import { FieldError } from "@/registry/core/field_basic";
 
 export default function Demo() {
   return (
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index 961f0c057..fde5bf54a 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useThemes } from "@/hooks/use-themes";
-import { Skeleton } from "@/registry/core/skeleton";
+import { Skeleton } from "@/registry/core/skeleton_basic";
 
 type Registry<T> = Record<string, React.ComponentType<T>>;
 
diff --git a/www/src/registry/core/alert-03.tsx b/www/src/registry/core/alert_notch-2.tsx
similarity index 100%
rename from www/src/registry/core/alert-03.tsx
rename to www/src/registry/core/alert_notch-2.tsx
diff --git a/www/src/registry/core/alert-02.tsx b/www/src/registry/core/alert_notch.tsx
similarity index 100%
rename from www/src/registry/core/alert-02.tsx
rename to www/src/registry/core/alert_notch.tsx
diff --git a/www/src/registry/core/avatar.tsx b/www/src/registry/core/avatar_basic.tsx
similarity index 100%
rename from www/src/registry/core/avatar.tsx
rename to www/src/registry/core/avatar_basic.tsx
diff --git a/www/src/registry/core/badge.tsx b/www/src/registry/core/badge_basic.tsx
similarity index 100%
rename from www/src/registry/core/badge.tsx
rename to www/src/registry/core/badge_basic.tsx
diff --git a/www/src/registry/core/button-02.tsx b/www/src/registry/core/button-02.tsx
deleted file mode 100644
index 1d32947fe..000000000
--- a/www/src/registry/core/button-02.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  composeRenderProps,
-  Button as AriaButton,
-  Link as AriaLink,
-  type ButtonProps as AriaButtonProps,
-  type LinkProps as AriaLinkProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { createOptionalScopedContext } from "@/lib/helpers";
-import { Loader } from "@/registry/core/loader-ring";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const buttonStyles = tv(
-  {
-    extend: focusRing,
-    base: "ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal ring-0 ring-transparent transition-[background,box-shadow] hover:ring-4 disabled:cursor-default",
-    variants: {
-      variant: {
-        default:
-          "bg-bg-neutral hover:bg-bg-neutral-hover hover:ring-bg-neutral/50 pressed:bg-bg-neutral-active text-fg-onNeutral",
-        primary:
-          "bg-bg-primary hover:bg-bg-primary-hover hover:ring-bg-primary/50 pressed:bg-bg-primary-active text-fg-onPrimary",
-        quiet:
-          "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg hover:ring-bg-neutral/50 bg-transparent",
-        outline:
-          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 hover:ring-bg-neutral/50 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-        accent:
-          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent hover:ring-bg-accent/40",
-        success:
-          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess hover:ring-bg-success/40",
-        warning:
-          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning hover:ring-bg-warning/40",
-        danger:
-          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger hover:ring-bg-danger/40",
-      },
-      size: {
-        sm: "size-8 [&_svg]:size-4",
-        md: "size-9 [&_svg]:size-4",
-        lg: "size-10 [&_svg]:size-5",
-      },
-      shape: {
-        rectangle: "",
-        square: "",
-        circle: "rounded-full",
-      },
-    },
-    compoundVariants: [
-      {
-        size: "sm",
-        shape: "rectangle",
-        className: "w-auto px-3",
-      },
-      {
-        size: "md",
-        shape: "rectangle",
-        className: "w-auto px-4",
-      },
-      {
-        size: "lg",
-        shape: "rectangle",
-        className: "w-auto px-5",
-      },
-    ],
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-      shape: "rectangle",
-    },
-  },
-  {
-    responsiveVariants: ["sm", "lg"],
-  }
-);
-
-const [ButtonProvider, useButtonContext] =
-  createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");
-
-interface ButtonProps
-  extends Omit<AriaButtonProps, "className">,
-    Omit<AriaLinkProps, "className" | "children" | "style">,
-    VariantProps<typeof buttonStyles> {
-  className?: string;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-
-const Button = React.forwardRef(
-  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {
-    const contextProps = useButtonContext();
-    const props = { ...contextProps, ...localProps };
-
-    const { className, variant, size, shape, prefix, suffix, ...restProps } =
-      props;
-
-    const Element: React.ElementType = props.href ? AriaLink : AriaButton;
-
-    return (
-      <Element
-        ref={ref}
-        {...restProps}
-        className={buttonStyles({ variant, size, shape, className })}
-      >
-        {composeRenderProps(props.children, (children, { isPending }) => (
-          <>
-            {isPending && <Loader aria-label="loading" size={16} />}
-            {prefix}
-            {typeof children === "string" ? (
-              <span className="truncate">{children}</span>
-            ) : (
-              children
-            )}
-            {suffix}
-          </>
-        ))}
-      </Element>
-    );
-  }
-);
-Button.displayName = "Button";
-
-export type { ButtonProps };
-export { Button, buttonStyles, ButtonProvider };
diff --git a/www/src/registry/core/button-group.tsx b/www/src/registry/core/button-group_basic.tsx
similarity index 91%
rename from www/src/registry/core/button-group.tsx
rename to www/src/registry/core/button-group_basic.tsx
index 7cbafefe4..c9d1f3e88 100644
--- a/www/src/registry/core/button-group.tsx
+++ b/www/src/registry/core/button-group_basic.tsx
@@ -3,7 +3,7 @@
 import { ButtonContext as AriaButtonContext } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { ButtonProvider } from "@/components/dynamic-core/button";
-import { buttonStyles } from "@/registry/core/button-01";
+import { buttonStyles } from "@/registry/core/button_basic";
 
 const buttonGroupStyles = tv({
   base: "isolate inline-flex items-center [&_button]:rounded-none [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md",
diff --git a/www/src/registry/core/button-01.tsx b/www/src/registry/core/button_basic.tsx
similarity index 98%
rename from www/src/registry/core/button-01.tsx
rename to www/src/registry/core/button_basic.tsx
index bbe99ee93..a5be21eaf 100644
--- a/www/src/registry/core/button-01.tsx
+++ b/www/src/registry/core/button_basic.tsx
@@ -10,7 +10,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { createOptionalScopedContext } from "@/lib/helpers";
-import { Loader } from "@/registry/core/loader-ring";
+import { Loader } from "@/registry/core/loader_ring";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const buttonStyles = tv({
diff --git a/www/src/registry/core/button-03.tsx b/www/src/registry/core/button_brutalist.tsx
similarity index 95%
rename from www/src/registry/core/button-03.tsx
rename to www/src/registry/core/button_brutalist.tsx
index b667a0b89..9ea158010 100644
--- a/www/src/registry/core/button-03.tsx
+++ b/www/src/registry/core/button_brutalist.tsx
@@ -10,7 +10,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { createOptionalScopedContext } from "@/lib/helpers";
-import { Loader } from "@/registry/core/loader-ring";
+import { Loader } from "@/registry/core/loader_ring";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const buttonStyles = tv(
diff --git a/www/src/registry/core/button-04.tsx b/www/src/registry/core/button_ripple.tsx
similarity index 98%
rename from www/src/registry/core/button-04.tsx
rename to www/src/registry/core/button_ripple.tsx
index 74ef25d84..c8aebdcf2 100644
--- a/www/src/registry/core/button-04.tsx
+++ b/www/src/registry/core/button_ripple.tsx
@@ -12,7 +12,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { createOptionalScopedContext } from "@/lib/helpers";
-import { Loader } from "@/registry/core/loader-ring";
+import { Loader } from "@/registry/core/loader_ring";
 import { Ripple } from "@/registry/core/ripple";
 import { useRipple } from "@/registry/hooks/use-ripple";
 import { focusRing } from "@/registry/lib/focus-styles";
diff --git a/www/src/registry/core/calendar_basic.tsx b/www/src/registry/core/calendar_basic.tsx
index 664553d55..52e1151d4 100644
--- a/www/src/registry/core/calendar_basic.tsx
+++ b/www/src/registry/core/calendar_basic.tsx
@@ -13,6 +13,7 @@ import {
   CalendarContext as AriaCalendarContext,
   RangeCalendarContext as AriaRangeCalendarContext,
   RangeCalendarStateContext as AriaRangeCalendarStateContext,
+  Heading as AriaHeading,
   composeRenderProps,
   useSlottedContext,
 } from "react-aria-components";
@@ -22,9 +23,8 @@ import type {
   RangeCalendarProps as AriaRangeCalendarProps,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
-import { Heading } from "@/registry/core/heading";
-import { Text } from "@/registry/core/text";
+import { Button } from "@/registry/core/button_basic";
+import { Text } from "@/registry/core/text_basic";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const calendarStyles = tv({
@@ -131,7 +131,7 @@ const Calendar = <T extends DateValue>({
             <Button slot="previous" variant="outline" shape="square" size="sm">
               <ChevronLeftIcon />
             </Button>
-            <Heading className="text-sm" />
+            <AriaHeading className="text-sm font-medium" />
             <Button slot="next" variant="outline" shape="square" size="sm">
               <ChevronRightIcon />
             </Button>
@@ -181,7 +181,7 @@ const RangeCalendar = <T extends DateValue>({
             <Button slot="previous" variant="outline" shape="square" size="sm">
               <ChevronLeftIcon />
             </Button>
-            <Heading className="text-sm" />
+            <AriaHeading className="text-sm font-medium" />
             <Button slot="next" variant="outline" shape="square" size="sm">
               <ChevronRightIcon />
             </Button>
diff --git a/www/src/registry/core/calendar_cal.tsx b/www/src/registry/core/calendar_cal.tsx
index c75c46388..d43b66d83 100644
--- a/www/src/registry/core/calendar_cal.tsx
+++ b/www/src/registry/core/calendar_cal.tsx
@@ -13,6 +13,7 @@ import {
   CalendarContext as AriaCalendarContext,
   RangeCalendarContext as AriaRangeCalendarContext,
   RangeCalendarStateContext as AriaRangeCalendarStateContext,
+  Heading as AriaHeading,
   composeRenderProps,
   useSlottedContext,
 } from "react-aria-components";
@@ -22,11 +23,10 @@ import type {
   RangeCalendarProps as AriaRangeCalendarProps,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
-import { Heading } from "@/registry/core/heading";
-import { Text } from "@/registry/core/text";
+import { Button } from "@/registry/core/button_basic";
+import { Text } from "@/registry/core/text_basic";
 import { focusRing } from "@/registry/lib/focus-styles";
-import { ButtonGroup } from "./button-group";
+import { ButtonGroup } from "./button-group_basic";
 
 const calendarStyles = tv({
   slots: {
@@ -129,7 +129,7 @@ const Calendar = <T extends DateValue>({
       {({ isInvalid }) => (
         <>
           <CalendarHeader>
-            <Heading className="text-sm" />
+            <AriaHeading className="text-sm font-medium" />
             <ButtonGroup variant="quiet" shape="square" size="sm">
               <Button slot="previous">
                 <ChevronLeftIcon />
@@ -184,7 +184,7 @@ const RangeCalendar = <T extends DateValue>({
             <Button slot="previous" variant="outline" shape="square" size="sm">
               <ChevronLeftIcon />
             </Button>
-            <Heading />
+            <AriaHeading className="text-sm font-medium" />
             <Button slot="next" variant="outline" shape="square" size="sm">
               <ChevronRightIcon />
             </Button>
diff --git a/www/src/registry/core/checkbox-group_basic.tsx b/www/src/registry/core/checkbox-group_basic.tsx
index 1e657271e..653c93f23 100644
--- a/www/src/registry/core/checkbox-group_basic.tsx
+++ b/www/src/registry/core/checkbox-group_basic.tsx
@@ -10,7 +10,7 @@ import {
   CheckboxProvider,
   checkboxStyles,
 } from "@/registry/core/checkbox_basic";
-import { Label, HelpText } from "@/registry/core/field_new";
+import { Label, HelpText } from "@/registry/core/field_basic";
 
 const checkboxGroupStyles = tv({
   base: "flex flex-col gap-2",
diff --git a/www/src/registry/core/color-area.tsx b/www/src/registry/core/color-area_basic.tsx
similarity index 93%
rename from www/src/registry/core/color-area.tsx
rename to www/src/registry/core/color-area_basic.tsx
index 22a0e8928..482e05f6d 100644
--- a/www/src/registry/core/color-area.tsx
+++ b/www/src/registry/core/color-area_basic.tsx
@@ -5,7 +5,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb";
+import { ColorThumb } from "@/registry/core/color-thumb_basic";
 
 const colorAreaStyles = tv({
   base: "disabled:[background:var(--color-bg-disabled)]! block size-48 min-w-20 rounded-md",
diff --git a/www/src/registry/core/color-field.tsx b/www/src/registry/core/color-field_basic.tsx
similarity index 99%
rename from www/src/registry/core/color-field.tsx
rename to www/src/registry/core/color-field_basic.tsx
index bc70865dc..249532b06 100644
--- a/www/src/registry/core/color-field.tsx
+++ b/www/src/registry/core/color-field_basic.tsx
@@ -6,7 +6,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import {
   InputRoot,
   Input,
diff --git a/www/src/registry/core/color-picker.tsx b/www/src/registry/core/color-picker_basic.tsx
similarity index 92%
rename from www/src/registry/core/color-picker.tsx
rename to www/src/registry/core/color-picker_basic.tsx
index c3b38466c..99e2cdd12 100644
--- a/www/src/registry/core/color-picker.tsx
+++ b/www/src/registry/core/color-picker_basic.tsx
@@ -8,14 +8,14 @@ import {
   composeRenderProps,
   type ColorFormat,
 } from "react-aria-components";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { ColorArea } from "@/registry/core/color-area";
-import { ColorField } from "@/registry/core/color-field";
-import { ColorSlider } from "@/registry/core/color-slider";
-import { ColorSwatch } from "@/registry/core/color-swatch";
+import { Button, type ButtonProps } from "@/registry/core/button_basic";
+import { ColorArea } from "@/registry/core/color-area_basic";
+import { ColorField } from "@/registry/core/color-field_basic";
+import { ColorSlider } from "@/registry/core/color-slider_basic";
+import { ColorSwatch } from "@/registry/core/color-swatch_basic";
 import { Dialog, DialogProps, DialogRoot } from "@/registry/core/dialog_basic";
-import { Item } from "@/registry/core/list-box";
-import { Select } from "@/registry/core/select";
+import { Item } from "@/registry/core/list-box_basic";
+import { Select } from "@/registry/core/select_basic";
 import { cn } from "@/registry/lib/cn";
 
 interface ColorPickerProps
diff --git a/www/src/registry/core/color-slider.tsx b/www/src/registry/core/color-slider_basic.tsx
similarity index 96%
rename from www/src/registry/core/color-slider.tsx
rename to www/src/registry/core/color-slider_basic.tsx
index 39e0f2fd1..2c4aad594 100644
--- a/www/src/registry/core/color-slider.tsx
+++ b/www/src/registry/core/color-slider_basic.tsx
@@ -7,8 +7,8 @@ import {
   SliderTrack as AriaSliderTrack,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { ColorThumb } from "@/registry/core/color-thumb";
-import { Label } from "@/registry/core/field";
+import { ColorThumb } from "@/registry/core/color-thumb_basic";
+import { Label } from "@/registry/core/field_basic";
 
 const colorSliderStyles = tv({
   slots: {
diff --git a/www/src/registry/core/color-swatch-picker.tsx b/www/src/registry/core/color-swatch-picker_basic.tsx
similarity index 96%
rename from www/src/registry/core/color-swatch-picker.tsx
rename to www/src/registry/core/color-swatch-picker_basic.tsx
index e895fede4..3699fc3f7 100644
--- a/www/src/registry/core/color-swatch-picker.tsx
+++ b/www/src/registry/core/color-swatch-picker_basic.tsx
@@ -7,7 +7,7 @@ import {
   type Color,
 } from "react-aria-components";
 import { focusRing } from "@/lib/focus-styles";
-import { ColorSwatch } from "@/registry/core/color-swatch";
+import { ColorSwatch } from "@/registry/core/color-swatch_basic";
 import { cn } from "@/registry/lib/cn";
 
 interface ColorSwatchPickerProps
diff --git a/www/src/registry/core/color-swatch.tsx b/www/src/registry/core/color-swatch_basic.tsx
similarity index 100%
rename from www/src/registry/core/color-swatch.tsx
rename to www/src/registry/core/color-swatch_basic.tsx
diff --git a/www/src/registry/core/color-thumb.tsx b/www/src/registry/core/color-thumb_basic.tsx
similarity index 100%
rename from www/src/registry/core/color-thumb.tsx
rename to www/src/registry/core/color-thumb_basic.tsx
diff --git a/www/src/registry/core/combobox.tsx b/www/src/registry/core/combobox_basic.tsx
similarity index 89%
rename from www/src/registry/core/combobox.tsx
rename to www/src/registry/core/combobox_basic.tsx
index 765918173..841a82a12 100644
--- a/www/src/registry/core/combobox.tsx
+++ b/www/src/registry/core/combobox_basic.tsx
@@ -7,11 +7,11 @@ import {
   type ComboBoxProps as AriaComboboxProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field";
+import { Button } from "@/registry/core/button_basic";
+import { Field, type FieldProps } from "@/registry/core/field_basic";
 import { Input, InputRoot } from "@/registry/core/input_basic";
-import { ListBox } from "@/registry/core/list-box";
-import { Overlay } from "@/registry/core/overlay";
+import { ListBox } from "@/registry/core/list-box_basic";
+import { Overlay } from "@/registry/core/overlay_basic";
 
 const comboboxStyles = tv({
   slots: {
diff --git a/www/src/registry/core/command.tsx b/www/src/registry/core/command_basic.tsx
similarity index 100%
rename from www/src/registry/core/command.tsx
rename to www/src/registry/core/command_basic.tsx
diff --git a/www/src/registry/core/date-field copy.tsx b/www/src/registry/core/date-field copy.tsx
deleted file mode 100644
index c8a54023e..000000000
--- a/www/src/registry/core/date-field copy.tsx	
+++ /dev/null
@@ -1,63 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  DateField as AriaDateField,
-  composeRenderProps,
-  type DateValue,
-  type DateFieldProps as AriaDateFieldProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { HelpText, Label, type FieldProps } from "./field_new";
-import { InputRoot, type InputRootProps } from "./input_basic";
-
-const dateFieldStyles = tv({
-  base: "flex w-32 flex-col items-start gap-2",
-});
-
-interface DateFieldProps<T extends DateValue>
-  extends DateFieldRootProps<T>,
-    Pick<InputRootProps, "size" | "prefix" | "suffix">,
-    FieldProps {}
-
-const DateField = <T extends DateValue>({
-  label,
-  description,
-  errorMessage,
-  prefix,
-  suffix,
-  size,
-  ...props
-}: DateFieldProps<T>) => {
-  return (
-    <DateFieldRoot {...props}>
-      {label && <Label>{label}</Label>}
-      <InputRoot size={size} prefix={prefix} suffix={suffix}>
-        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>
-      </InputRoot>
-      <HelpText description={description} errorMessage={errorMessage} />
-    </DateFieldRoot>
-  );
-};
-
-interface DateFieldRootProps<T extends DateValue>
-  extends AriaDateFieldProps<T> {
-  ref?: React.RefObject<HTMLDivElement>;
-}
-const DateFieldRoot = <T extends DateValue>({
-  className,
-  ...props
-}: DateFieldRootProps<T>) => {
-  return (
-    <AriaDateField
-      className={composeRenderProps(className, (className) =>
-        dateFieldStyles({ className })
-      )}
-      {...props}
-    />
-  );
-};
-
-export type { DateFieldProps, DateFieldRootProps };
-export { DateField, DateFieldRoot };
diff --git a/www/src/registry/core/date-field.tsx b/www/src/registry/core/date-field_basic.tsx
similarity index 95%
rename from www/src/registry/core/date-field.tsx
rename to www/src/registry/core/date-field_basic.tsx
index 146946000..c672b0eff 100644
--- a/www/src/registry/core/date-field.tsx
+++ b/www/src/registry/core/date-field_basic.tsx
@@ -8,8 +8,8 @@ import {
   type DateFieldProps as AriaDateFieldProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { HelpText, Label, type FieldProps } from "./field_new";
+import { DateInput, DateSegment } from "@/registry/core/date-input_basic";
+import { HelpText, Label, type FieldProps } from "./field_basic";
 import { InputRoot, type InputRootProps } from "./input_basic";
 
 const dateFieldStyles = tv({
diff --git a/www/src/registry/core/date-input.tsx b/www/src/registry/core/date-input_basic.tsx
similarity index 100%
rename from www/src/registry/core/date-input.tsx
rename to www/src/registry/core/date-input_basic.tsx
diff --git a/www/src/registry/core/date-picker.tsx b/www/src/registry/core/date-picker_basic.tsx
similarity index 94%
rename from www/src/registry/core/date-picker.tsx
rename to www/src/registry/core/date-picker_basic.tsx
index 49bc7768c..dda294915 100644
--- a/www/src/registry/core/date-picker.tsx
+++ b/www/src/registry/core/date-picker_basic.tsx
@@ -8,11 +8,15 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
+import { Button } from "@/registry/core/button_basic";
 import { Calendar } from "@/registry/core/calendar_basic";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { DateInput, DateSegment } from "@/registry/core/date-input_basic";
 import { Dialog } from "@/registry/core/dialog_basic";
-import { Field, fieldStyles, type FieldProps } from "@/registry/core/field";
+import {
+  Field,
+  fieldStyles,
+  type FieldProps,
+} from "@/registry/core/field_basic";
 import { InputRoot, type inputStyles } from "@/registry/core/input_basic";
 
 interface DatePickerProps<T extends DateValue>
diff --git a/www/src/registry/core/date-range-picker.tsx b/www/src/registry/core/date-range-picker_basic.tsx
similarity index 94%
rename from www/src/registry/core/date-range-picker.tsx
rename to www/src/registry/core/date-range-picker_basic.tsx
index ac4dce464..d20d3dd3d 100644
--- a/www/src/registry/core/date-range-picker.tsx
+++ b/www/src/registry/core/date-range-picker_basic.tsx
@@ -8,11 +8,15 @@ import {
   type DateValue,
 } from "react-aria-components";
 import { type VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
+import { Button } from "@/registry/core/button_basic";
 import { RangeCalendar } from "@/registry/core/calendar_basic";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
+import { DateInput, DateSegment } from "@/registry/core/date-input_basic";
 import { Dialog } from "@/registry/core/dialog_basic";
-import { Field, type FieldProps, fieldStyles } from "@/registry/core/field";
+import {
+  Field,
+  type FieldProps,
+  fieldStyles,
+} from "@/registry/core/field_basic";
 import { InputRoot, type inputStyles } from "@/registry/core/input_basic";
 
 interface DateRangePickerProps<T extends DateValue>
diff --git a/www/src/registry/core/dialog_basic.tsx b/www/src/registry/core/dialog_basic.tsx
index 6b11c40b2..d956e2dd0 100644
--- a/www/src/registry/core/dialog_basic.tsx
+++ b/www/src/registry/core/dialog_basic.tsx
@@ -9,7 +9,7 @@ import {
   Text as AriaText,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay_basic";
 
 const dialogStyles = tv({
   slots: {
diff --git a/www/src/registry/core/drop-zone.tsx b/www/src/registry/core/drop-zone_basic.tsx
similarity index 100%
rename from www/src/registry/core/drop-zone.tsx
rename to www/src/registry/core/drop-zone_basic.tsx
diff --git a/www/src/registry/core/field.tsx b/www/src/registry/core/field.tsx
deleted file mode 100644
index 0e2204d64..000000000
--- a/www/src/registry/core/field.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { AsteriskIcon } from "lucide-react";
-import {
-  Label as AriaLabel,
-  Text as AriaText,
-  FieldError as AriaFieldError,
-  FieldErrorContext as AriaFieldErrorContext,
-  type TextProps as AriaTextProps,
-  type LabelProps as AriaLabelProps,
-  type FieldErrorProps as AriaFieldErrorProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const fieldStyles = tv({
-  slots: {
-    root: "flex flex-col items-start gap-2",
-    // TODO: check peer-disabled
-    label:
-      "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none [grid-area:label] peer-disabled:cursor-not-allowed [&_svg]:size-3",
-    description: "text-fg-muted text-xs",
-    fieldError: "text-fg-danger text-xs",
-  },
-});
-
-type LabelProps = AriaLabelProps & {
-  isRequired?: boolean;
-  necessityIndicator?: "label" | "icon";
-};
-const Label = ({
-  className,
-  children,
-  isRequired,
-  necessityIndicator,
-  ...props
-}: LabelProps) => {
-  const { label } = fieldStyles();
-  const necessityLabel = isRequired ? "(required)" : "(optional)";
-  return (
-    <AriaLabel className={label({ className })} {...props}>
-      {children}
-      {isRequired && (
-        <span aria-hidden>{necessityIndicator === "icon" ? <></> : <></>}</span>
-      )}
-      {(necessityIndicator === "label" ||
-        (necessityIndicator === "icon" && isRequired)) &&
-        " \u200b"}
-      {necessityIndicator === "label" && (
-        <span aria-hidden>{necessityLabel}</span>
-      )}
-      {necessityIndicator === "icon" && isRequired && <AsteriskIcon />}
-    </AriaLabel>
-  );
-};
-
-type DescriptionProps = AriaTextProps;
-const Description = ({ className, ...props }: DescriptionProps) => {
-  const { description } = fieldStyles();
-  return (
-    <AriaText
-      {...props}
-      slot="description"
-      className={description({ className })}
-    />
-  );
-};
-
-type FieldErrorProps = Omit<AriaFieldErrorProps, "className"> & {
-  className?: string;
-};
-const FieldError = ({ className, ...props }: FieldErrorProps) => {
-  const { fieldError } = fieldStyles();
-  return <AriaFieldError {...props} className={fieldError({ className })} />;
-};
-
-interface HelpTextProps {
-  errorMessage?: FieldErrorProps["children"];
-  description?: DescriptionProps["children"];
-}
-const HelpText = (props: HelpTextProps) => {
-  const { errorMessage, description } = props;
-  const validation = React.useContext(AriaFieldErrorContext);
-  const isErrorMessage =
-    validation?.isInvalid &&
-    (!!errorMessage || validation.validationErrors.length > 0);
-  const hasHelpText = !!description || isErrorMessage;
-
-  if (!hasHelpText) return null;
-
-  return isErrorMessage ? (
-    <FieldError>{errorMessage}</FieldError>
-  ) : (
-    <Description>{description}</Description>
-  );
-};
-
-interface FieldProps extends HelpTextProps {
-  label?: LabelProps["children"];
-  isRequired?: LabelProps["isRequired"];
-  necessityIndicator?: LabelProps["necessityIndicator"];
-  contextualHelp?: React.ReactNode;
-  children?: React.ReactNode;
-}
-const Field = (props: FieldProps) => {
-  const {
-    children,
-    label,
-    isRequired,
-    necessityIndicator,
-    contextualHelp,
-    ...helpTextProps
-  } = props;
-  return (
-    <>
-      {label && contextualHelp && (
-        <span className="flex items-center gap-2">
-          <Label
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-          >
-            {label}
-          </Label>
-          {contextualHelp}
-        </span>
-      )}
-      {label && !contextualHelp && (
-        <Label isRequired={isRequired} necessityIndicator={necessityIndicator}>
-          {label}
-        </Label>
-      )}
-      {children}
-      <HelpText {...helpTextProps} />
-    </>
-  );
-};
-Field.displayName = "Field";
-
-export type {
-  LabelProps,
-  DescriptionProps,
-  FieldErrorProps,
-  HelpTextProps,
-  FieldProps,
-};
-export { Label, Description, FieldError, HelpText, Field, fieldStyles };
diff --git a/www/src/registry/core/field_new.tsx b/www/src/registry/core/field_basic.tsx
similarity index 100%
rename from www/src/registry/core/field_new.tsx
rename to www/src/registry/core/field_basic.tsx
diff --git a/www/src/registry/core/file-trigger.tsx b/www/src/registry/core/file-trigger_basic.tsx
similarity index 100%
rename from www/src/registry/core/file-trigger.tsx
rename to www/src/registry/core/file-trigger_basic.tsx
diff --git a/www/src/registry/core/form.tsx b/www/src/registry/core/form_basic.tsx
similarity index 100%
rename from www/src/registry/core/form.tsx
rename to www/src/registry/core/form_basic.tsx
diff --git a/www/src/registry/core/group.tsx b/www/src/registry/core/group.tsx
deleted file mode 100644
index 4c29fbb67..000000000
--- a/www/src/registry/core/group.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-"use client";
-
-import { Group, type GroupProps } from "react-aria-components";
-
-export type { GroupProps };
-export { Group };
diff --git a/www/src/registry/core/heading.tsx b/www/src/registry/core/heading.tsx
deleted file mode 100644
index 7e00867c2..000000000
--- a/www/src/registry/core/heading.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import {
-  Heading as AriaHeading,
-  type HeadingProps as AriaHeadingProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const headingStyles = tv({
-  base: "text-lg font-medium",
-});
-
-type HeadingProps = AriaHeadingProps;
-const Heading = ({ className, ...props }: HeadingProps) => {
-  return <AriaHeading className={headingStyles({ className })} {...props} />;
-};
-
-export type { HeadingProps };
-export { Heading };
diff --git a/www/src/registry/core/kbd.tsx b/www/src/registry/core/kbd_basic.tsx
similarity index 100%
rename from www/src/registry/core/kbd.tsx
rename to www/src/registry/core/kbd_basic.tsx
diff --git a/www/src/registry/core/link.tsx b/www/src/registry/core/link.tsx
deleted file mode 100644
index fbcd482bc..000000000
--- a/www/src/registry/core/link.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-"use client";
-
-import * as React from "react";
-import {
-  Link as AriaLink,
-  composeRenderProps,
-  type LinkProps as AriaLinkProps,
-} from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { focusRing } from "@/registry/lib/focus-styles";
-
-const linkVariants = tv({
-  extend: focusRing,
-  base: "disabled:text-fg-disabled inline-flex items-center gap-1 transition-colors",
-  variants: {
-    variant: {
-      accent: "text-fg-accent hover:text-[#5e9fe0]",
-      quiet: "underline underline-offset-2",
-    },
-  },
-  defaultVariants: {
-    variant: "accent",
-  },
-});
-
-interface LinkProps extends AriaLinkProps, VariantProps<typeof linkVariants> {}
-
-const Link = ({ variant, ...props }: LinkProps) => {
-  return (
-    <AriaLink
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
-        linkVariants({ variant, className })
-      )}
-    />
-  );
-};
-
-export type { LinkProps };
-export { Link, linkVariants };
diff --git a/www/src/registry/core/list-box.tsx b/www/src/registry/core/list-box_basic.tsx
similarity index 98%
rename from www/src/registry/core/list-box.tsx
rename to www/src/registry/core/list-box_basic.tsx
index b14b55ff6..2eb00bfd4 100644
--- a/www/src/registry/core/list-box.tsx
+++ b/www/src/registry/core/list-box_basic.tsx
@@ -12,7 +12,7 @@ import {
   ListStateContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Text } from "@/registry/core/text";
+import { Text } from "@/registry/core/text_basic";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const listBoxStyles = tv({
diff --git a/www/src/registry/core/loader-dot-spinner.tsx b/www/src/registry/core/loader_dots.tsx
similarity index 100%
rename from www/src/registry/core/loader-dot-spinner.tsx
rename to www/src/registry/core/loader_dots.tsx
diff --git a/www/src/registry/core/loader-line-spinner.tsx b/www/src/registry/core/loader_line.tsx
similarity index 100%
rename from www/src/registry/core/loader-line-spinner.tsx
rename to www/src/registry/core/loader_line.tsx
diff --git a/www/src/registry/core/loader-ring.tsx b/www/src/registry/core/loader_ring.tsx
similarity index 100%
rename from www/src/registry/core/loader-ring.tsx
rename to www/src/registry/core/loader_ring.tsx
diff --git a/www/src/registry/core/loader-tailspin.tsx b/www/src/registry/core/loader_tailspin.tsx
similarity index 100%
rename from www/src/registry/core/loader-tailspin.tsx
rename to www/src/registry/core/loader_tailspin.tsx
diff --git a/www/src/registry/core/loader-wave.tsx b/www/src/registry/core/loader_wave.tsx
similarity index 100%
rename from www/src/registry/core/loader-wave.tsx
rename to www/src/registry/core/loader_wave.tsx
diff --git a/www/src/registry/core/menu.tsx b/www/src/registry/core/menu_basic.tsx
similarity index 97%
rename from www/src/registry/core/menu.tsx
rename to www/src/registry/core/menu_basic.tsx
index 2afb40c24..3234cb363 100644
--- a/www/src/registry/core/menu.tsx
+++ b/www/src/registry/core/menu_basic.tsx
@@ -13,9 +13,9 @@ import {
   type MenuTriggerProps as AriaMenuTriggerProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Kbd } from "@/registry/core/kbd";
-import { Overlay, type OverlayProps } from "@/registry/core/overlay";
-import { Text } from "@/registry/core/text";
+import { Kbd } from "@/registry/core/kbd_basic";
+import { Overlay, type OverlayProps } from "@/registry/core/overlay_basic";
+import { Text } from "@/registry/core/text_basic";
 
 const menuStyles = tv({
   base: [
diff --git a/www/src/registry/core/number-field.tsx b/www/src/registry/core/number-field_basic.tsx
similarity index 99%
rename from www/src/registry/core/number-field.tsx
rename to www/src/registry/core/number-field_basic.tsx
index 72cd251b2..58ba84c84 100644
--- a/www/src/registry/core/number-field.tsx
+++ b/www/src/registry/core/number-field_basic.tsx
@@ -13,8 +13,8 @@ import {
   type NumberFieldProps as AriaNumberFieldProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
+import { Button, type ButtonProps } from "@/registry/core/button_basic";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import {
   InputRoot,
   Input,
diff --git a/www/src/registry/core/overlay.tsx b/www/src/registry/core/overlay_basic.tsx
similarity index 100%
rename from www/src/registry/core/overlay.tsx
rename to www/src/registry/core/overlay_basic.tsx
diff --git a/www/src/registry/core/progress-bar_basic.tsx b/www/src/registry/core/progress-bar_basic.tsx
index 6358d661b..ed18f9e71 100644
--- a/www/src/registry/core/progress-bar_basic.tsx
+++ b/www/src/registry/core/progress-bar_basic.tsx
@@ -6,7 +6,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Label } from "@/registry/core/field";
+import { Label } from "@/registry/core/field_basic";
 import { createScopedContext } from "@/registry/lib/context-helpers";
 
 const progressStyles = tv({
diff --git a/www/src/registry/core/radio-group_basic.tsx b/www/src/registry/core/radio-group_basic.tsx
index 28afe2548..2fcc92467 100644
--- a/www/src/registry/core/radio-group_basic.tsx
+++ b/www/src/registry/core/radio-group_basic.tsx
@@ -8,7 +8,7 @@ import {
   type ValidationResult,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { HelpText, Label } from "@/registry/core/field_new";
+import { HelpText, Label } from "@/registry/core/field_basic";
 import {
   createOptionalScopedContext,
   createScopedContext,
diff --git a/www/src/registry/core/scroll-area.tsx b/www/src/registry/core/scroll-area.tsx
deleted file mode 100644
index d4038fa3b..000000000
--- a/www/src/registry/core/scroll-area.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { type VariantProps, tv } from "tailwind-variants";
-
-const scrollAreaStyles = tv({
-  slots: {
-    root: "flex h-full w-full flex-col overflow-hidden",
-    viewport: "*:block! flex h-full w-full flex-col *:w-fit *:grow",
-    scrollbar:
-      "my-0 flex touch-none select-none flex-col rounded-full bg-gray-800 data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col", // TODO: remove my-0, it was my-1
-    thumb:
-      "before:-translate-y-1/2] relative h-full w-full rounded-[inherit] bg-gray-500 transition-colors before:absolute before:left-1/2 before:top-1/2 before:min-h-4 before:min-w-4 before:-translate-x-1/2 before:content-[''] hover:bg-gray-400",
-  },
-  variants: {
-    size: {
-      sm: {
-        scrollbar:
-          "data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1",
-      },
-      md: {
-        scrollbar:
-          "data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2",
-      },
-      lg: {
-        scrollbar:
-          "data-[orientation=horizontal]:h-3 data-[orientation=vertical]:w-3",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-interface ScrollAreaProps
-  extends ScrollAreaRootProps,
-    Omit<ScrollAreaViewPortProps, "dir">,
-    VariantProps<typeof scrollAreaStyles> {
-  scrollbars?: "vertical" | "horizontal" | "both";
-}
-
-const ScrollArea = React.forwardRef<
-  HTMLDivElement,
-  ScrollAreaProps & { containerClassName?: string }
->(
-  (
-    {
-      children,
-      scrollbars = "vertical",
-      size,
-      asChild,
-      type,
-      scrollHideDelay = 0,
-      dir,
-      containerClassName,
-      ...viewportProps
-    },
-    ref
-  ) => {
-    return (
-      <ScrollAreaRoot
-        asChild={asChild}
-        scrollHideDelay={scrollHideDelay}
-        dir={dir}
-        type={type}
-        className={containerClassName}
-      >
-        <ScrollAreaViewPort ref={ref} {...viewportProps}>
-          {children}
-        </ScrollAreaViewPort>
-        {scrollbars !== "vertical" && (
-          <ScrollAreaScrollbar orientation="horizontal" size={size} />
-        )}
-        {scrollbars !== "horizontal" && (
-          <ScrollAreaScrollbar orientation="vertical" size={size} />
-        )}
-        {scrollbars === "both" && <ScrollAreaCorner />}
-      </ScrollAreaRoot>
-    );
-  }
-);
-
-ScrollArea.displayName = "ScrollArea";
-
-type ScrollAreaRootProps = ScrollAreaPrimitive.ScrollAreaProps;
-const ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {
-  const { root } = scrollAreaStyles();
-  return (
-    <ScrollAreaPrimitive.Root className={root({ className })} {...props} />
-  );
-};
-
-type ScrollAreaViewPortProps = ScrollAreaPrimitive.ScrollAreaViewportProps;
-const ScrollAreaViewPort = React.forwardRef<
-  HTMLDivElement,
-  ScrollAreaViewPortProps
->(({ className, ...props }, ref) => {
-  const { viewport } = scrollAreaStyles();
-  return (
-    <ScrollAreaPrimitive.Viewport
-      ref={ref}
-      className={viewport({ className })}
-      {...props}
-    />
-  );
-});
-ScrollAreaViewPort.displayName = "ScrollAreaViewPort";
-
-interface ScrollAreaScrollbarProps
-  extends ScrollAreaPrimitive.ScrollAreaScrollbarProps,
-    VariantProps<typeof scrollAreaStyles> {}
-const ScrollAreaScrollbar = ({
-  className,
-  size,
-  ...props
-}: ScrollAreaScrollbarProps) => {
-  const { scrollbar, thumb } = scrollAreaStyles({ size });
-  return (
-    <ScrollAreaPrimitive.Scrollbar
-      className={scrollbar({ className })}
-      {...props}
-    >
-      <ScrollAreaPrimitive.Thumb className={thumb()} />
-    </ScrollAreaPrimitive.Scrollbar>
-  );
-};
-
-const ScrollAreaCorner = ScrollAreaPrimitive.Corner;
-
-export type {
-  ScrollAreaProps,
-  ScrollAreaRootProps,
-  ScrollAreaViewPortProps,
-  ScrollAreaScrollbarProps,
-};
-export {
-  ScrollArea,
-  ScrollAreaRoot,
-  ScrollAreaViewPort,
-  ScrollAreaScrollbar,
-  ScrollAreaCorner,
-};
diff --git a/www/src/registry/core/search-field.tsx b/www/src/registry/core/search-field_basic.tsx
similarity index 96%
rename from www/src/registry/core/search-field.tsx
rename to www/src/registry/core/search-field_basic.tsx
index 85e487302..5868a0405 100644
--- a/www/src/registry/core/search-field.tsx
+++ b/www/src/registry/core/search-field_basic.tsx
@@ -8,13 +8,13 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import {
   InputRoot,
   Input,
   type InputRootProps,
 } from "@/registry/core/input_basic";
-import { Button } from "./button-01";
+import { Button } from "./button_basic";
 
 const searchFieldtyles = tv({
   base: "group flex w-48 flex-col items-start gap-2 empty:[&_button[slot='clear']]:hidden [&_input]:[&::-webkit-search-cancel-button]:appearance-none [&_input]:[&::-webkit-search-decoration]:appearance-none",
diff --git a/www/src/registry/core/section.tsx b/www/src/registry/core/section.tsx
index 10470b46f..032968a56 100644
--- a/www/src/registry/core/section.tsx
+++ b/www/src/registry/core/section.tsx
@@ -2,6 +2,7 @@
 
 import {
   Section as AriaSection,
+  ListBoxSection as AriaListBoxSection,
   Header as AriaHeader,
   type SectionProps as AriaSectionProps,
   Collection as AriaCollection,
diff --git a/www/src/registry/core/select.tsx b/www/src/registry/core/select_basic.tsx
similarity index 66%
rename from www/src/registry/core/select.tsx
rename to www/src/registry/core/select_basic.tsx
index 8eabca99d..e77545d6f 100644
--- a/www/src/registry/core/select.tsx
+++ b/www/src/registry/core/select_basic.tsx
@@ -10,10 +10,10 @@ import {
   type SelectValueProps as AriaSelectValueProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button-01";
-import { Field, type FieldProps } from "@/registry/core/field";
-import { ListBox, type ListBoxProps } from "@/registry/core/list-box";
-import { Popover } from "./popover_basic";
+import { Button, type ButtonProps } from "@/registry/core/button_basic";
+import { HelpText, Label, type FieldProps } from "@/registry/core/field_basic";
+import { ListBox, type ListBoxProps } from "@/registry/core/list-box_basic";
+import { Popover } from "@/registry/core/popover_basic";
 
 const selectStyles = tv({
   slots: {
@@ -24,7 +24,7 @@ const selectStyles = tv({
 
 interface SelectProps<T extends object>
   extends Omit<SelectRootProps<T>, "children">,
-    Omit<FieldProps, "children"> {
+    FieldProps {
   children?: ListBoxProps<T>["children"];
   dependencies?: ListBoxProps<T>["dependencies"];
   items?: ListBoxProps<T>["items"];
@@ -38,8 +38,6 @@ const Select = <T extends object>({
   label,
   description,
   errorMessage,
-  necessityIndicator,
-  contextualHelp,
   children,
   dependencies,
   items,
@@ -48,36 +46,25 @@ const Select = <T extends object>({
 }: SelectProps<T>) => {
   return (
     <SelectRoot {...props}>
-      {({ isRequired }) => (
-        <>
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <Button
-              variant={variant}
-              size={size}
-              suffix={<ChevronDownIcon />}
-              className="w-full"
-            >
-              <SelectValue />
-            </Button>
-          </Field>
-          <Popover>
-            <ListBox
-              isLoading={isLoading}
-              items={items}
-              dependencies={dependencies}
-            >
-              {children}
-            </ListBox>
-          </Popover>
-        </>
-      )}
+      {label && <Label>{label}</Label>}
+      <Button
+        variant={variant}
+        size={size}
+        suffix={<ChevronDownIcon />}
+        className="w-full"
+      >
+        <SelectValue />
+      </Button>
+      <HelpText description={description} errorMessage={errorMessage} />
+      <Popover>
+        <ListBox
+          isLoading={isLoading}
+          items={items}
+          dependencies={dependencies}
+        >
+          {children}
+        </ListBox>
+      </Popover>
     </SelectRoot>
   );
 };
diff --git a/www/src/registry/core/separator.tsx b/www/src/registry/core/separator_basic.tsx
similarity index 100%
rename from www/src/registry/core/separator.tsx
rename to www/src/registry/core/separator_basic.tsx
diff --git a/www/src/registry/core/skeleton.tsx b/www/src/registry/core/skeleton_basic.tsx
similarity index 100%
rename from www/src/registry/core/skeleton.tsx
rename to www/src/registry/core/skeleton_basic.tsx
diff --git a/www/src/registry/core/slider_basic.tsx b/www/src/registry/core/slider_basic.tsx
index 0b995da8f..02019bf2f 100644
--- a/www/src/registry/core/slider_basic.tsx
+++ b/www/src/registry/core/slider_basic.tsx
@@ -12,7 +12,7 @@ import {
   SliderStateContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Description, Label } from "@/registry/core/field";
+import { Description, Label } from "@/registry/core/field_basic";
 import { createScopedContext } from "@/registry/lib/context-helpers";
 import { focusRing } from "@/registry/lib/focus-styles";
 
diff --git a/www/src/registry/core/table copy.tsx b/www/src/registry/core/table copy.tsx
deleted file mode 100644
index 0b3202b42..000000000
--- a/www/src/registry/core/table copy.tsx	
+++ /dev/null
@@ -1,136 +0,0 @@
-import { ArrowUpIcon } from "lucide-react";
-import {
-  ResizableTableContainer,
-  Table as AriaTable,
-  TableHeader as AriaTableHeader,
-  Column as AriaColumn,
-  Collection as AriaCollection,
-  Group as AriaGroup,
-  ColumnResizer as AriaColumnResizer,
-  Row as AriaRow,
-  Cell as AriaCell,
-  useTableOptions,
-  composeRenderProps,
-  type RowProps as AriaRowProps,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-import { Checkbox } from "@/registry/core/checkbox_basic";
-import { focusRing } from "@/registry/lib/focus-styles";
-import { Button } from "./button-01";
-
-const tableStyles = tv({
-  slots: {
-    root: "relative max-h-[280px] w-[550px] scroll-pt-[2.281rem] overflow-auto rounded-lg border dark:border-zinc-600",
-    table: "border-separate border-spacing-0",
-    header:
-      "sticky top-0 z-10 rounded-t-lg border-b bg-gray-100/60 backdrop-blur-md supports-[-moz-appearance:none]:bg-gray-100 dark:border-b-zinc-700 dark:bg-zinc-700/60 dark:supports-[-moz-appearance:none]:bg-zinc-700 forced-colors:bg-[Canvas]",
-    columnRoot:
-      "cursor-default text-start text-sm font-semibold text-gray-700 dark:text-zinc-300 [&:focus-within]:z-20 [&:hover]:z-20",
-    column: "flex h-5 flex-1 items-center gap-1 overflow-hidden px-2",
-    resize:
-      "resizing:bg-blue-600 forced-colors:resizing:bg-[Highlight] resizing:w-[2px] resizing:pl-[7px] box-content h-5 w-px translate-x-[8px] cursor-col-resize rounded bg-gray-400 bg-clip-content px-[8px] py-1 -outline-offset-2 dark:bg-zinc-500 forced-colors:bg-[ButtonBorder]",
-    row: [
-      focusRing(),
-      "group/row selected:bg-blue-100 selected:hover:bg-blue-200 dark:selected:bg-blue-700/30 dark:selected:hover:bg-blue-700/40 relative cursor-default select-none text-sm text-gray-900 -outline-offset-2 hover:bg-gray-100 disabled:text-gray-300 dark:text-zinc-200 dark:hover:bg-zinc-700/60 dark:disabled:text-zinc-600",
-    ],
-    cell: [
-      focusRing(),
-      "group-selected/row:border-[--selected-border] truncate border-b p-2 -outline-offset-2 [--selected-border:theme(colors.blue.200)] group-last/row:border-b-0 dark:border-b-zinc-700 dark:[--selected-border:theme(colors.blue.900)] [:has(+[data-selected])_&]:border-[--selected-border]",
-    ],
-  },
-});
-
-const { root, table, header, columnRoot, column, resize, row, cell } =
-  tableStyles();
-
-interface TableProps extends React.ComponentProps<typeof AriaTable> {}
-const Table = (props: TableProps) => {
-  return (
-    <ResizableTableContainer className={root({})}>
-      <AriaTable className={table({})} {...props} />
-    </ResizableTableContainer>
-  );
-};
-
-interface TableHeaderProps
-  extends React.ComponentProps<typeof AriaTableHeader> {}
-const TableHeader = (props: TableHeaderProps) => {
-  const { selectionBehavior, selectionMode, allowsDragging } =
-    useTableOptions();
-  return (
-    <AriaTableHeader className={header({})} {...props}>
-      {allowsDragging && <AriaColumn />}
-      {selectionBehavior === "toggle" && (
-        <AriaColumn
-          width={36}
-          minWidth={36}
-          className="cursor-default p-2 text-start text-sm font-semibold"
-        >
-          {selectionMode === "multiple" && <Checkbox slot="selection" />}
-        </AriaColumn>
-      )}
-      <AriaCollection items={props.columns}>{props.children}</AriaCollection>
-    </AriaTableHeader>
-  );
-};
-
-interface ColumnProps extends React.ComponentProps<typeof AriaColumn> {}
-function Column({ children, ...props }: ColumnProps) {
-  return (
-    <AriaColumn className={columnRoot({})} {...props}>
-      {composeRenderProps(
-        children,
-        (children, { allowsSorting, sortDirection }) => (
-          <div className="flex items-center">
-            <AriaGroup role="presentation" tabIndex={-1} className={column({})}>
-              <span className="truncate">{children}</span>
-              {allowsSorting && (
-                <span
-                  className={`flex h-4 w-4 items-center justify-center transition ${
-                    sortDirection === "descending" ? "rotate-180" : ""
-                  }`}
-                >
-                  {sortDirection && (
-                    <ArrowUpIcon aria-hidden className="size-4 text-gray-500" />
-                  )}
-                </span>
-              )}
-            </AriaGroup>
-            {!props.width && <AriaColumnResizer className={resize({})} />}
-          </div>
-        )
-      )}
-    </AriaColumn>
-  );
-}
-
-interface RowProps<T extends object> extends AriaRowProps<T> {}
-function Row<T extends object>({
-  id,
-  columns,
-  children,
-  ...otherProps
-}: RowProps<T>) {
-  const { selectionBehavior, allowsDragging } = useTableOptions();
-
-  return (
-    <AriaRow id={id} {...otherProps} className={row({})}>
-      {allowsDragging && (
-        <Cell>
-          <Button slot="drag">≡</Button>
-        </Cell>
-      )}
-      {selectionBehavior === "toggle" && (
-        <Cell>
-          <Checkbox slot="selection" />
-        </Cell>
-      )}
-      <AriaCollection items={columns}>{children}</AriaCollection>
-    </AriaRow>
-  );
-}
-
-interface CellProps extends React.ComponentProps<typeof AriaCell> {}
-export function Cell(props: CellProps) {
-  return <AriaCell {...props} className={cell()} />;
-}
diff --git a/www/src/registry/core/table.tsx b/www/src/registry/core/table_basic.tsx
similarity index 100%
rename from www/src/registry/core/table.tsx
rename to www/src/registry/core/table_basic.tsx
diff --git a/www/src/registry/core/tag-group.tsx b/www/src/registry/core/tag-group_basic.tsx
similarity index 86%
rename from www/src/registry/core/tag-group.tsx
rename to www/src/registry/core/tag-group_basic.tsx
index d547429ed..39a5584df 100644
--- a/www/src/registry/core/tag-group.tsx
+++ b/www/src/registry/core/tag-group_basic.tsx
@@ -11,8 +11,8 @@ import {
   type TagProps as AriaTagProps,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { Button } from "@/registry/core/button-01";
-import { Field } from "@/registry/core/field";
+import { Button } from "@/registry/core/button_basic";
+import { HelpText, Label, type FieldProps } from "@/registry/core/field_basic";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const tagGroupStyles = tv({
@@ -75,12 +75,8 @@ const tagStyles = tv({
 
 interface TagGroupProps<T>
   extends Omit<TagGroupRootProps, "children">,
-    Pick<AriaTagListProps<T>, "items" | "children" | "renderEmptyState"> {
-  label?: string;
-  description?: string;
-  errorMessage?: string;
-  contextualHelp?: React.ReactNode;
-}
+    Pick<AriaTagListProps<T>, "items" | "children" | "renderEmptyState">,
+    FieldProps {}
 
 function TagGroup<T extends object>({
   label,
@@ -89,21 +85,15 @@ function TagGroup<T extends object>({
   items,
   children,
   renderEmptyState,
-  contextualHelp,
   ...props
 }: TagGroupProps<T>) {
   return (
     <TagGroupRoot {...props}>
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        contextualHelp={contextualHelp}
-      >
-        <TagList items={items} renderEmptyState={renderEmptyState}>
-          {children}
-        </TagList>
-      </Field>
+      {label && <Label>{label}</Label>}
+      <TagList items={items} renderEmptyState={renderEmptyState}>
+        {children}
+      </TagList>
+      <HelpText description={description} errorMessage={errorMessage} />
     </TagGroupRoot>
   );
 }
diff --git a/www/src/registry/core/text-area.tsx b/www/src/registry/core/text-area_basic.tsx
similarity index 98%
rename from www/src/registry/core/text-area.tsx
rename to www/src/registry/core/text-area_basic.tsx
index f9e400345..7f597331d 100644
--- a/www/src/registry/core/text-area.tsx
+++ b/www/src/registry/core/text-area_basic.tsx
@@ -6,7 +6,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import {
   InputRoot,
   TextAreaInput,
diff --git a/www/src/registry/core/text-field.tsx b/www/src/registry/core/text-field_basic.tsx
similarity index 99%
rename from www/src/registry/core/text-field.tsx
rename to www/src/registry/core/text-field_basic.tsx
index f02586d26..04d41ee75 100644
--- a/www/src/registry/core/text-field.tsx
+++ b/www/src/registry/core/text-field_basic.tsx
@@ -6,7 +6,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { Label, HelpText, type FieldProps } from "@/registry/core/field_new";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import {
   InputRoot,
   Input,
diff --git a/www/src/registry/core/text.tsx b/www/src/registry/core/text_basic.tsx
similarity index 100%
rename from www/src/registry/core/text.tsx
rename to www/src/registry/core/text_basic.tsx
diff --git a/www/src/registry/core/time-field.tsx b/www/src/registry/core/time-field_basic.tsx
similarity index 96%
rename from www/src/registry/core/time-field.tsx
rename to www/src/registry/core/time-field_basic.tsx
index 7d8fa8ef3..55fe3c00e 100644
--- a/www/src/registry/core/time-field.tsx
+++ b/www/src/registry/core/time-field_basic.tsx
@@ -8,8 +8,8 @@ import {
   type TimeFieldProps as AriaTimeFieldProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { DateInput, DateSegment } from "@/registry/core/date-input";
-import { HelpText, Label, type FieldProps } from "./field_new";
+import { DateInput, DateSegment } from "@/registry/core/date-input_basic";
+import { HelpText, Label, type FieldProps } from "./field_basic";
 import { InputRoot, type InputRootProps } from "./input_basic";
 
 const timeFieldStyles = tv({
diff --git a/www/src/registry/core/toggle-button-group.tsx b/www/src/registry/core/toggle-button-group_basic.tsx
similarity index 96%
rename from www/src/registry/core/toggle-button-group.tsx
rename to www/src/registry/core/toggle-button-group_basic.tsx
index cfa524eb2..8d8a813b2 100644
--- a/www/src/registry/core/toggle-button-group.tsx
+++ b/www/src/registry/core/toggle-button-group_basic.tsx
@@ -8,7 +8,7 @@ import { tv, type VariantProps } from "tailwind-variants";
 import {
   ToggleButtonProvider,
   toggleButtonStyles,
-} from "@/registry/core/toggle-button";
+} from "@/registry/core/toggle-button_basic";
 
 const toggleGroupStyles = tv({
   base: "isolate inline-flex items-center [&_button]:rounded-none [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md",
diff --git a/www/src/registry/core/toggle-button.tsx b/www/src/registry/core/toggle-button_basic.tsx
similarity index 100%
rename from www/src/registry/core/toggle-button.tsx
rename to www/src/registry/core/toggle-button_basic.tsx
diff --git a/www/src/registry/registry-core_new.ts b/www/src/registry/registry-core_new.ts
index 29b7900e7..782536d25 100644
--- a/www/src/registry/registry-core_new.ts
+++ b/www/src/registry/registry-core_new.ts
@@ -4,933 +4,53 @@ export const core: Registry = [
   {
     name: "alert",
     type: "registry:core",
-    variants: [
-      {
-        name: "alert_basic",
-      },
-      {
-        name: "alert-02",
-      },
-      {
-        name: "alert-03",
-      },
-    ],
+    variants: ["basic", "notch", "notch-2"],
   },
   {
-    name: "alert-01",
+    name: "alert_basic",
+    description: "Minimal with a subtle border and muted background.",
     type: "registry:core",
     files: [
       {
-        path: "core/alert-01.tsx",
+        path: "core/alert_basic.tsx",
         type: "registry:core",
         target: "core/alert.tsx",
       },
     ],
   },
   {
-    name: "avatar",
-    type: "registry:core",
-    variants: [
-      {
-        name: "avatar-01",
-      },
-    ],
-  },
-  {
-    name: "avatar-01",
-    type: "registry:core",
-    files: [
-      {
-        path: "core/avatar-01.tsx",
-        type: "registry:core",
-        target: "core/avatar.tsx",
-      },
-    ],
-  },
-  {
-    name: "badge",
-    type: "registry:core",
-    variants: [
-      {
-        name: "badge-01",
-      },
-    ],
-  },
-  {
-    name: "badge-01",
-    type: "registry:core",
-    files: [
-      {
-        path: "core/badge-01.tsx",
-        type: "registry:core",
-        target: "core/badge.tsx",
-      },
-    ],
-  },
-  {
-    name: "breadcrumbs",
-    type: "registry:core",
-    variants: [
-      {
-        name: "breadcrumbs-01",
-      },
-    ],
-  },
-  {
-    name: "breadcrumbs-01",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/breadcrumbs-01.tsx",
-        type: "registry:core",
-        target: "core/breadcrumbs.tsx",
-      },
-    ],
-  },
-  {
-    name: "button",
-    type: "registry:core",
-    variants: [
-      {
-        name: "button-01",
-      },
-      {
-        name: "button-02",
-      },
-      {
-        name: "button-03",
-      },
-      {
-        name: "button-04",
-      },
-    ],
-  },
-  {
-    name: "button-01",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/button-01.tsx",
-        type: "registry:core",
-        target: "core/button.tsx",
-      },
-    ],
-  },
-  {
-    name: "button-02",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/button-02.tsx",
-        type: "registry:core",
-        target: "core/button.tsx",
-      },
-    ],
-  },
-  {
-    name: "calendar",
-    type: "registry:core",
-    variants: [
-      {
-        name: "calendar_basic",
-      },
-      {
-        name: "calendar_cal",
-      },
-    ],
-  },
-  {
-    name: "calendar_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "heading", "text"],
-    files: [
-      {
-        path: "core/calendar_basic.tsx",
-        type: "registry:core",
-        target: "core/calendar.tsx",
-      },
-    ],
-  },
-  {
-    name: "calendar_cal",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "heading", "text"],
-    files: [
-      {
-        path: "core/calendar_cal.tsx",
-        type: "registry:core",
-        target: "core/calendar.tsx",
-      },
-    ],
-  },
-  {
-    name: "checkbox",
-    type: "registry:core",
-    variants: [
-      {
-        name: "checkbox_basic",
-        label: "Basic",
-      },
-    ],
-  },
-  {
-    name: "checkbox_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/checkbox_basic.tsx",
-        type: "registry:core",
-        target: "core/checkbox.tsx",
-      },
-    ],
-  },
-  {
-    name: "checkbox-group",
-    type: "registry:core",
-    variants: [
-      {
-        name: "checkbox-group_basic",
-        label: "Basic",
-      },
-    ],
-  },
-  {
-    name: "checkbox-group_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["checkbox"],
-    files: [
-      {
-        path: "core/checkbox-group-_basic.tsx",
-        type: "registry:core",
-        target: "core/checkbox-group.tsx",
-      },
-    ],
-  },
-  {
-    name: "color-area",
-    type: "registry:core",
-    variants: [
-      {
-        name: "color-area-01",
-      },
-    ],
-  },
-  {
-    name: "color-area-01",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["color-thumb"],
-    files: [
-      {
-        path: "core/color-area-01.tsx",
-        type: "registry:core",
-        target: "core/color-area.tsx",
-      },
-    ],
-  },
-  {
-    name: "color-field",
-    type: "registry:core",
-    variants: [
-      {
-        name: "color-field-01",
-      },
-    ],
-  },
-  {
-    name: "color-field-01",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field", "input"],
-    files: [
-      {
-        path: "core/color-field/color-field-01.tsx",
-        type: "registry:core",
-        target: "core/color-field.tsx",
-      },
-    ],
-  },
-  {
-    name: "color-picker",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: [
-      "button",
-      "color-area",
-      "color-field",
-      "color-slider",
-      "color-swatch",
-      "dialog",
-      "list-box",
-      "select",
-    ],
-    files: [
-      {
-        path: "core/color-picker/color-picker.tsx",
-        type: "registry:core",
-        target: "core/color-picker.tsx",
-      },
-    ],
-  },
-  {
-    name: "color-slider",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["color-thumb", "field"],
-    files: [
-      {
-        path: "core/color-slider/color-slider.tsx",
-        type: "registry:core",
-        target: "core/color-slider.tsx",
-      },
-    ],
-  },
-  {
-    name: "color-swatch",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/color-swatch/color-swatch.tsx",
-        type: "registry:core",
-        target: "core/color-swatch.tsx",
-      },
-    ],
-  },
-  {
-    name: "color-thumb",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/color-thumb/color-thumb.tsx",
-        type: "registry:core",
-        target: "core/color-thumb.tsx",
-      },
-    ],
-  },
-  {
-    name: "combobox",
+    name: "alert_notch",
+    description: "Alert with a bold left border for emphasis.",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "field", "input", "list-box", "overlay"],
     files: [
       {
-        path: "core/combobox/combobox.tsx",
+        path: "core/alert_notch.tsx",
         type: "registry:core",
-        target: "core/combobox.tsx",
-      },
-    ],
-  },
-  {
-    name: "date-field",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["date-input", "field", "input"],
-    files: [
-      {
-        path: "core/date-field/date-field.tsx",
-        type: "registry:core",
-        target: "core/date-field.tsx",
-      },
-    ],
-  },
-  {
-    name: "date-input",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/date-input/date-input.tsx",
-        type: "registry:core",
-        target: "core/date-input.tsx",
-      },
-    ],
-  },
-  {
-    name: "date-picker",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: [
-      "button",
-      "calendar",
-      "dialog",
-      "date-input",
-      "field",
-      "input",
-    ],
-    files: [
-      {
-        path: "core/date-picker/date-picker.tsx",
-        type: "registry:core",
-        target: "core/date-picker.tsx",
-      },
-    ],
-  },
-  {
-    name: "date-range-picker",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: [
-      "button",
-      "calendar",
-      "dialog",
-      "date-input",
-      "field",
-      "input",
-    ],
-    files: [
-      {
-        path: "core/date-range-picker/date-range-picker.tsx",
-        type: "registry:core",
-        target: "core/date-range-picker.tsx",
-      },
-    ],
-  },
-  {
-    name: "dialog",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["overlay", "heading", "text"],
-    files: [
-      {
-        path: "core/dialog/dialog.tsx",
-        type: "registry:core",
-        target: "core/dialog.tsx",
-      },
-    ],
-  },
-  {
-    name: "drop-zone",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/drop-zone/drop-zone.tsx",
-        type: "registry:core",
-        target: "core/drop-zone.tsx",
+        target: "core/alert.tsx",
       },
     ],
   },
   {
-    name: "field",
+    name: "alert_notch-2",
+    description:
+      "Alert with a bold left border for emphasis and muted background.",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/field/field.tsx",
+        path: "core/alert_notch.tsx",
         type: "registry:core",
-        target: "core/field.tsx",
+        target: "core/alert.tsx",
       },
     ],
   },
   {
-    name: "file-trigger",
+    name: "avatar",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/file-trigger/file-trigger.tsx",
+        path: "core/avatar_basic.tsx",
         type: "registry:core",
-        target: "core/file-trigger.tsx",
-      },
-    ],
-  },
-  {
-    name: "form",
-    type: "registry:core",
-    variants: [
-      {
-        name: "react-hook-form",
-        label: "React Hook Form",
-      },
-    ],
-  },
-  {
-    name: "react-hook-form",
-    type: "registry:core",
-    dependencies: ["react-hook-form", "@hookform/resolvers", "zod"],
-    files: [
-      {
-        path: "core/form_react-hook-form.tsx",
-        type: "registry:core",
-        target: "core/form.tsx",
-      },
-    ],
-  },
-  {
-    name: "group",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/group/group.tsx",
-        type: "registry:core",
-        target: "core/group.tsx",
-      },
-    ],
-  },
-  {
-    name: "heading",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/heading/heading.tsx",
-        type: "registry:core",
-        target: "core/heading.tsx",
-      },
-    ],
-  },
-  {
-    name: "input",
-    type: "registry:core",
-    dependencies: [
-      "react-aria-components",
-      "@react-aria/utils",
-      "@react-stately/utils",
-    ],
-    files: [
-      {
-        path: "core/input/input.tsx",
-        type: "registry:core",
-        target: "core/input.tsx",
-      },
-    ],
-  },
-  {
-    name: "kbd",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/kbd/kbd.tsx",
-        type: "registry:core",
-        target: "core/kbd.tsx",
-      },
-    ],
-  },
-  {
-    name: "link",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/link/link.tsx",
-        type: "registry:core",
-        target: "core/link.tsx",
-      },
-    ],
-  },
-  {
-    name: "list-box",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["text"],
-    files: [
-      {
-        path: "core/list-box/list-box.tsx",
-        type: "registry:core",
-        target: "core/list-box.tsx",
-      },
-    ],
-  },
-  {
-    name: "menu",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["overlay", "kbd", "text"],
-    files: [
-      {
-        path: "core/menu/menu.tsx",
-        type: "registry:core",
-        target: "core/menu.tsx",
-      },
-    ],
-  },
-  // TODO: add useMediaQuery
-  {
-    name: "number-field",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["input", "field", "button"],
-    files: [
-      {
-        path: "core/number-field/number-field.tsx",
-        type: "registry:core",
-        target: "core/number-field.tsx",
-      },
-    ],
-  },
-  // TODO: add useMediaQuery
-  {
-    name: "overlay",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button"],
-    files: [
-      {
-        path: "core/overlay/overlay.tsx",
-        type: "registry:core",
-        target: "core/overlay.tsx",
-      },
-      {
-        path: "core/overlay/use-motion-drawer.tsx",
-        type: "registry:core",
-        target: "core/overlay.tsx",
-      },
-    ],
-  },
-  {
-    name: "progress",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field"],
-    files: [
-      {
-        path: "core/progress/progress.tsx",
-        type: "registry:core",
-        target: "core/progress.tsx",
-      },
-    ],
-  },
-  {
-    name: "radio-group",
-    type: "registry:core",
-    variants: [
-      {
-        name: "radio-group_basic",
-        label: "Basic",
-      },
-    ],
-  },
-  {
-    name: "radio-group_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field"],
-    files: [
-      {
-        path: "core/radio-group-_basic.tsx",
-        type: "registry:core",
-        target: "core/radio-group.tsx",
-      },
-    ],
-  },
-
-  {
-    name: "radio-group",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field"],
-    files: [
-      {
-        path: "core/radio-group/radio-group.tsx",
-        type: "registry:core",
-        target: "core/radio-group.tsx",
-      },
-    ],
-  },
-  {
-    name: "scroll-area",
-    type: "registry:core",
-    dependencies: ["@radix-ui/react-scroll-area"],
-    files: [
-      {
-        path: "core/scroll-area/scroll-area.tsx",
-        type: "registry:core",
-        target: "core/scroll-area.tsx",
-      },
-    ],
-  },
-  {
-    name: "search-field",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "field", "input"],
-    files: [
-      {
-        path: "core/search-field/search-field.tsx",
-        type: "registry:core",
-        target: "core/search-field.tsx",
-      },
-    ],
-  },
-  {
-    name: "section",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/section/section.tsx",
-        type: "registry:core",
-        target: "core/section.tsx",
-      },
-    ],
-  },
-  {
-    name: "select",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "field", "list-box", "overlay"],
-    files: [
-      {
-        path: "core/select/select.tsx",
-        type: "registry:core",
-        target: "core/select.tsx",
-      },
-    ],
-  },
-  {
-    name: "separator",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/separator/separator.tsx",
-        type: "registry:core",
-        target: "core/separator.tsx",
-      },
-    ],
-  },
-  {
-    name: "skeleton",
-    type: "registry:core",
-    files: [
-      {
-        path: "core/separator/separator.tsx",
-        type: "registry:core",
-        target: "core/separator.tsx",
-      },
-    ],
-  },
-  {
-    name: "slider",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field"],
-    files: [
-      {
-        path: "core/slider/slider.tsx",
-        type: "registry:core",
-        target: "core/slider.tsx",
-      },
-    ],
-  },
-  {
-    name: "switch",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/switch/switch.tsx",
-        type: "registry:core",
-        target: "core/switch.tsx",
-      },
-    ],
-  },
-  {
-    name: "tabs",
-    type: "registry:core",
-    variants: [
-      {
-        name: "tabs_basic",
-      },
-      {
-        name: "tabs_motion",
-      },
-    ],
-  },
-  {
-    name: "tabs_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/tabs_basic.tsx",
-        type: "registry:core",
-        target: "core/tabs.tsx",
-      },
-    ],
-  },
-  {
-    name: "tabs_motion",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/tabs_motion.tsx",
-        type: "registry:core",
-        target: "core/tabs.tsx",
-      },
-    ],
-  },
-  {
-    name: "text",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/text/text.tsx",
-        type: "registry:core",
-        target: "core/text.tsx",
-      },
-    ],
-  },
-  {
-    name: "text-area",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field", "input", "text-field"],
-    files: [
-      {
-        path: "core/text-area/text-area.tsx",
-        type: "registry:core",
-        target: "core/text-area.tsx",
-      },
-    ],
-  },
-  {
-    name: "text-field",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field", "input"],
-    files: [
-      {
-        path: "core/text-field/text-field.tsx",
-        type: "registry:core",
-        target: "core/text-field.tsx",
-      },
-    ],
-  },
-  {
-    name: "time-field",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field", "input", "date-input"],
-    files: [
-      {
-        path: "core/time-field/time-field.tsx",
-        type: "registry:core",
-        target: "core/time-field.tsx",
-      },
-    ],
-  },
-  {
-    name: "toggle-button",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/toggle-button/toggle-button.tsx",
-        type: "registry:core",
-        target: "core/toggle-button.tsx",
-      },
-    ],
-  },
-  {
-    name: "tooltip",
-    type: "registry:core",
-    variants: [
-      {
-        name: "tooltip_basic",
-      },
-      {
-        name: "tooltip_framer",
-      },
-    ],
-  },
-  {
-    name: "tooltip_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/tooltip_basic.tsx",
-        type: "registry:core",
-        target: "core/tooltip.tsx",
-      },
-    ],
-  },
-  {
-    name: "tooltip_framer",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/tooltip_framer.tsx",
-        type: "registry:core",
-        target: "core/tooltip.tsx",
-      },
-    ],
-  },
-  {
-    name: "modal",
-    type: "registry:core",
-    variants: [
-      {
-        name: "modal_basic",
-      },
-    ],
-  },
-  {
-    name: "modal_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/modal_basic.tsx",
-        type: "registry:core",
-        target: "core/modal.tsx",
-      },
-    ],
-  },
-  {
-    name: "popover",
-    type: "registry:core",
-    variants: [
-      {
-        name: "popover_basic",
-      },
-    ],
-  },
-  {
-    name: "popover_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/popover_basic.tsx",
-        type: "registry:core",
-        target: "core/popover.tsx",
-      },
-    ],
-  },
-  {
-    name: "drawer",
-    type: "registry:core",
-    variants: [
-      {
-        name: "drawer_basic",
-      },
-    ],
-  },
-  {
-    name: "drawer_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/drawer_basic.tsx",
-        type: "registry:core",
-        target: "core/drawer.tsx",
+        target: "core/avatar.tsx",
       },
     ],
   },
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
index 8d8787780..a5bf9731b 100644
--- a/www/src/registry/types.ts
+++ b/www/src/registry/types.ts
@@ -16,11 +16,14 @@ export type RegistryItem = Prettify<
         }[];
       }
     | {
-        variants: {
-          name: string;
-          label?: string;
-          description?: string;
-        }[];
+        variants: (
+          | {
+              name: string;
+              label?: string;
+              description?: string;
+            }
+          | string
+        )[];
       }
   )
 >;

From 884106958ab47386d44120dfe82bf29a3a079b81 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 02:43:36 +0100
Subject: [PATCH 076/165] fix: fix type errors

---
 www/src/components/dynamic-core/button.tsx    | 22 ++----
 www/src/components/dynamic-core/link.tsx      |  1 -
 www/src/demos/calendar/composition.tsx        |  2 +-
 www/src/demos/combobox/composition.tsx        |  4 +-
 www/src/demos/combobox/required.tsx           |  2 +-
 www/src/demos/date-picker/loading.tsx         |  8 --
 www/src/demos/date-picker/required.tsx        | 11 +--
 www/src/demos/date-range-picker/required.tsx  | 19 +----
 www/src/demos/number-field/composition.tsx    |  4 +-
 www/src/demos/range-calendar/composition.tsx  |  2 +-
 www/src/demos/select/required.tsx             |  2 +-
 www/src/registry/core/combobox_basic.tsx      | 35 +++------
 www/src/registry/core/date-picker_basic.tsx   | 76 +++++++------------
 .../registry/core/date-range-picker_basic.tsx | 67 ++++++++--------
 www/src/registry/registry-core_new.ts         | 32 +++++++-
 www/src/registry/types.ts                     | 13 ++--
 16 files changed, 123 insertions(+), 177 deletions(-)
 delete mode 100644 www/src/components/dynamic-core/link.tsx
 delete mode 100644 www/src/demos/date-picker/loading.tsx

diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index 9e5050be2..deec377c1 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -13,22 +13,17 @@ export const Button = createDynamicComponent<ButtonProps>(
   "Button",
   _Button,
   {
-    "button-01": React.lazy(() =>
+    basic: React.lazy(() =>
       import("@/registry/core/button_basic").then((mod) => ({
         default: mod.Button,
       }))
     ),
-    "button-02": React.lazy(() =>
-      import("@/registry/core/button-02").then((mod) => ({
-        default: mod.Button,
-      }))
-    ),
-    "button-03": React.lazy(() =>
+    brutalist: React.lazy(() =>
       import("@/registry/core/button_brutalist").then((mod) => ({
         default: mod.Button,
       }))
     ),
-    "button-04": React.lazy(() =>
+    ripple: React.lazy(() =>
       import("@/registry/core/button_ripple").then((mod) => ({
         default: mod.Button,
       }))
@@ -41,22 +36,17 @@ export const ButtonProvider = createDynamicComponent(
   "ButtonProvider",
   _ButtonProvider,
   {
-    "button-01": React.lazy(() =>
+    basic: React.lazy(() =>
       import("@/registry/core/button_basic").then((mod) => ({
         default: mod.ButtonProvider,
       }))
     ),
-    "button-02": React.lazy(() =>
-      import("@/registry/core/button-02").then((mod) => ({
-        default: mod.ButtonProvider,
-      }))
-    ),
-    "button-03": React.lazy(() =>
+    brutalist: React.lazy(() =>
       import("@/registry/core/button_brutalist").then((mod) => ({
         default: mod.ButtonProvider,
       }))
     ),
-    "button-04": React.lazy(() =>
+    ripple: React.lazy(() =>
       import("@/registry/core/button_ripple").then((mod) => ({
         default: mod.ButtonProvider,
       }))
diff --git a/www/src/components/dynamic-core/link.tsx b/www/src/components/dynamic-core/link.tsx
deleted file mode 100644
index 14e3111ec..000000000
--- a/www/src/components/dynamic-core/link.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/link";
diff --git a/www/src/demos/calendar/composition.tsx b/www/src/demos/calendar/composition.tsx
index be617492d..0545c1b00 100644
--- a/www/src/demos/calendar/composition.tsx
+++ b/www/src/demos/calendar/composition.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { Heading } from "react-aria-components";
 import { Button } from "@/components/dynamic-core/button";
 import {
   CalendarRoot,
@@ -11,7 +12,6 @@ import {
   CalendarGridBody,
   CalendarCell,
 } from "@/components/dynamic-core/calendar";
-import { Heading } from "@/components/dynamic-core/heading";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/combobox/composition.tsx b/www/src/demos/combobox/composition.tsx
index 4efe98f27..b9f4d9a30 100644
--- a/www/src/demos/combobox/composition.tsx
+++ b/www/src/demos/combobox/composition.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
   ComboboxRoot,
-  ComboboxTrigger,
+  ComboboxInput,
 } from "@/components/dynamic-core/combobox";
 import {
   Description,
@@ -15,7 +15,7 @@ export default function Demo() {
   return (
     <ComboboxRoot>
       <Label>Framework</Label>
-      <ComboboxTrigger />
+      <ComboboxInput />
       <Description>Please choose a framework.</Description>
       <FieldError />
       <Overlay type="popover">
diff --git a/www/src/demos/combobox/required.tsx b/www/src/demos/combobox/required.tsx
index a053476c9..cdf43fc27 100644
--- a/www/src/demos/combobox/required.tsx
+++ b/www/src/demos/combobox/required.tsx
@@ -4,7 +4,7 @@ import { Item } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
-    <Combobox label="Country" isRequired necessityIndicator="icon">
+    <Combobox label="Country" isRequired>
       <Item>Canada</Item>
       <Item>France</Item>
       <Item>Germany</Item>
diff --git a/www/src/demos/date-picker/loading.tsx b/www/src/demos/date-picker/loading.tsx
deleted file mode 100644
index 146843011..000000000
--- a/www/src/demos/date-picker/loading.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import React from "react";
-import { DatePicker } from "@/components/dynamic-core/date-picker";
-
-export default function Demo() {
-  return <DatePicker aria-label="Meeting date" isLoading />;
-}
diff --git a/www/src/demos/date-picker/required.tsx b/www/src/demos/date-picker/required.tsx
index 4e22ee6c4..83e94ba06 100644
--- a/www/src/demos/date-picker/required.tsx
+++ b/www/src/demos/date-picker/required.tsx
@@ -1,15 +1,6 @@
-"use client";
-
 import React from "react";
 import { DatePicker } from "@/components/dynamic-core/date-picker";
 
 export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <DatePicker label="Event date" isRequired />
-      <DatePicker label="Event date" isRequired necessityIndicator="icon" />
-      <DatePicker label="Event date" isRequired necessityIndicator="label" />
-      <DatePicker label="Event date" necessityIndicator="label" />
-    </div>
-  );
+  return <DatePicker label="Event date" isRequired />;
 }
diff --git a/www/src/demos/date-range-picker/required.tsx b/www/src/demos/date-range-picker/required.tsx
index e13d73f06..69e20fdec 100644
--- a/www/src/demos/date-range-picker/required.tsx
+++ b/www/src/demos/date-range-picker/required.tsx
@@ -1,23 +1,6 @@
-"use client";
-
 import React from "react";
 import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
 
 export default function Demo() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <DateRangePicker label="Event date" isRequired />
-      <DateRangePicker
-        label="Event date"
-        isRequired
-        necessityIndicator="icon"
-      />
-      <DateRangePicker
-        label="Event date"
-        isRequired
-        necessityIndicator="label"
-      />
-      <DateRangePicker label="Event date" necessityIndicator="label" />
-    </div>
-  );
+  return <DateRangePicker label="Event date" isRequired />;
 }
diff --git a/www/src/demos/number-field/composition.tsx b/www/src/demos/number-field/composition.tsx
index 35e3e2c06..19cc338e4 100644
--- a/www/src/demos/number-field/composition.tsx
+++ b/www/src/demos/number-field/composition.tsx
@@ -1,8 +1,10 @@
+"use client";
+
 import React from "react";
 import { MinusIcon, PlusIcon } from "lucide-react";
+import { Group } from "react-aria-components";
 import { Button } from "@/components/dynamic-core/button";
 import { Description, Label } from "@/components/dynamic-core/field";
-import { Group } from "@/components/dynamic-core/group";
 import { Input, InputRoot } from "@/components/dynamic-core/input";
 import { NumberFieldRoot } from "@/components/dynamic-core/number-field";
 
diff --git a/www/src/demos/range-calendar/composition.tsx b/www/src/demos/range-calendar/composition.tsx
index 505ec49e1..97f5c4b8f 100644
--- a/www/src/demos/range-calendar/composition.tsx
+++ b/www/src/demos/range-calendar/composition.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { Heading } from "react-aria-components";
 import { Button } from "@/components/dynamic-core/button";
 import {
   CalendarHeader,
@@ -11,7 +12,6 @@ import {
   CalendarCell,
 } from "@/components/dynamic-core/calendar";
 import { RangeCalendarRoot } from "@/components/dynamic-core/calendar";
-import { Heading } from "@/components/dynamic-core/heading";
 
 export default function Demo() {
   return (
diff --git a/www/src/demos/select/required.tsx b/www/src/demos/select/required.tsx
index 4620bb31b..a935c26c9 100644
--- a/www/src/demos/select/required.tsx
+++ b/www/src/demos/select/required.tsx
@@ -4,7 +4,7 @@ import { Select } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
-    <Select label="Provider" isRequired necessityIndicator="icon">
+    <Select label="Provider" isRequired>
       <Item>Perplexity</Item>
       <Item>Replicate</Item>
       <Item>Together AI</Item>
diff --git a/www/src/registry/core/combobox_basic.tsx b/www/src/registry/core/combobox_basic.tsx
index 841a82a12..d8ba2e416 100644
--- a/www/src/registry/core/combobox_basic.tsx
+++ b/www/src/registry/core/combobox_basic.tsx
@@ -8,7 +8,7 @@ import {
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { Button } from "@/registry/core/button_basic";
-import { Field, type FieldProps } from "@/registry/core/field_basic";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import { Input, InputRoot } from "@/registry/core/input_basic";
 import { ListBox } from "@/registry/core/list-box_basic";
 import { Overlay } from "@/registry/core/overlay_basic";
@@ -30,8 +30,6 @@ const Combobox = <T extends object>({
   label,
   description,
   errorMessage,
-  necessityIndicator,
-  contextualHelp,
   children,
   items,
   isLoading,
@@ -39,30 +37,19 @@ const Combobox = <T extends object>({
 }: ComboboxProps<T>) => {
   return (
     <ComboboxRoot {...props}>
-      {({ isRequired }) => (
-        <>
-          <Field
-            label={label}
-            description={description}
-            errorMessage={errorMessage}
-            isRequired={isRequired}
-            necessityIndicator={necessityIndicator}
-            contextualHelp={contextualHelp}
-          >
-            <ComboboxTrigger />
-          </Field>
-          <Overlay type="popover">
-            <ListBox items={items} isLoading={isLoading}>
-              {children}
-            </ListBox>
-          </Overlay>
-        </>
-      )}
+      {label && <Label>{label}</Label>}
+      <ComboboxInput />
+      <HelpText description={description} errorMessage={errorMessage} />
+      <Overlay type="popover">
+        <ListBox items={items} isLoading={isLoading}>
+          {children}
+        </ListBox>
+      </Overlay>
     </ComboboxRoot>
   );
 };
 
-const ComboboxTrigger = () => {
+const ComboboxInput = () => {
   return (
     <InputRoot className="px-0">
       <Input className="pl-2" />
@@ -86,4 +73,4 @@ const ComboboxRoot = <T extends object>({
 };
 
 export type { ComboboxProps, ComboboxRootProps };
-export { Combobox, ComboboxRoot, ComboboxTrigger };
+export { Combobox, ComboboxRoot, ComboboxInput };
diff --git a/www/src/registry/core/date-picker_basic.tsx b/www/src/registry/core/date-picker_basic.tsx
index dda294915..3d7980497 100644
--- a/www/src/registry/core/date-picker_basic.tsx
+++ b/www/src/registry/core/date-picker_basic.tsx
@@ -7,76 +7,55 @@ import {
   type DatePickerProps as AriaDatePickerProps,
   type DateValue,
 } from "react-aria-components";
-import { type VariantProps } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button_basic";
 import { Calendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input_basic";
 import { Dialog } from "@/registry/core/dialog_basic";
-import {
-  Field,
-  fieldStyles,
-  type FieldProps,
-} from "@/registry/core/field_basic";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import { InputRoot, type inputStyles } from "@/registry/core/input_basic";
 
+const datePickerStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
 interface DatePickerProps<T extends DateValue>
   extends DatePickerRootProps<T>,
     Omit<FieldProps, "children">,
     VariantProps<typeof inputStyles> {
   prefix?: React.ReactNode;
-  isLoading?: boolean;
 }
 
 const DatePicker = <T extends DateValue>({
-  className,
   size,
   label,
   description,
   errorMessage,
   prefix,
-  isLoading,
-  isRequired,
-  isDisabled,
-  isInvalid,
-  necessityIndicator,
-  contextualHelp,
   ...props
 }: DatePickerProps<T>) => {
   return (
-    <DatePickerRoot
-      className={className}
-      isRequired={isRequired}
-      isDisabled={isLoading || isDisabled}
-      isInvalid={isInvalid}
-      {...props}
-    >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
+    <DatePickerRoot {...props}>
+      {label && <Label>{label}</Label>}
+      <InputRoot
+        size={size}
+        prefix={prefix}
+        // isInvalid={isInvalid}
+        className="pr-1"
       >
-        <InputRoot
-          size={size}
-          prefix={prefix}
-          isInvalid={isInvalid}
-          className="pr-1"
+        <DateInput className="flex-1">
+          {(segment) => <DateSegment segment={segment} />}
+        </DateInput>
+        <Button
+          variant="default"
+          size="sm"
+          shape="square"
+          className="my-1 size-7 rounded-sm"
         >
-          <DateInput className="flex-1">
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-          <Button
-            variant="default"
-            size="sm"
-            shape="square"
-            className="my-1 size-7 rounded-sm"
-          >
-            <CalendarIcon />
-          </Button>
-        </InputRoot>
-      </Field>
+          <CalendarIcon />
+        </Button>
+      </InputRoot>
+      <HelpText description={description} errorMessage={errorMessage} />
       <Dialog type="popover" mobileType="drawer" className="flex">
         <Calendar className="mx-auto" />
       </Dialog>
@@ -92,8 +71,9 @@ const DatePickerRoot = <T extends DateValue>({
   className,
   ...props
 }: DatePickerRootProps<T>) => {
-  const { root } = fieldStyles();
-  return <AriaDatePicker className={root({ className })} {...props} />;
+  return (
+    <AriaDatePicker className={datePickerStyles({ className })} {...props} />
+  );
 };
 
 export type { DatePickerProps, DatePickerRootProps };
diff --git a/www/src/registry/core/date-range-picker_basic.tsx b/www/src/registry/core/date-range-picker_basic.tsx
index d20d3dd3d..095e0cf6d 100644
--- a/www/src/registry/core/date-range-picker_basic.tsx
+++ b/www/src/registry/core/date-range-picker_basic.tsx
@@ -7,18 +7,18 @@ import {
   type DateRangePickerProps as AriaDateRangePickerProps,
   type DateValue,
 } from "react-aria-components";
-import { type VariantProps } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 import { Button } from "@/registry/core/button_basic";
 import { RangeCalendar } from "@/registry/core/calendar_basic";
 import { DateInput, DateSegment } from "@/registry/core/date-input_basic";
 import { Dialog } from "@/registry/core/dialog_basic";
-import {
-  Field,
-  type FieldProps,
-  fieldStyles,
-} from "@/registry/core/field_basic";
+import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import { InputRoot, type inputStyles } from "@/registry/core/input_basic";
 
+const dateRangePickerStyles = tv({
+  base: "flex w-48 flex-col items-start gap-2",
+});
+
 interface DateRangePickerProps<T extends DateValue>
   extends DateRangePickerRootProps<T>,
     Omit<FieldProps, "children">,
@@ -37,8 +37,6 @@ const DateRangePicker = <T extends DateValue>({
   isLoading,
   isRequired,
   isDisabled,
-  necessityIndicator,
-  contextualHelp,
   ...props
 }: DateRangePickerProps<T>) => {
   return (
@@ -48,32 +46,25 @@ const DateRangePicker = <T extends DateValue>({
       isDisabled={isLoading || isDisabled}
       {...props}
     >
-      <Field
-        label={label}
-        description={description}
-        errorMessage={errorMessage}
-        isRequired={isRequired}
-        necessityIndicator={necessityIndicator}
-        contextualHelp={contextualHelp}
-      >
-        <InputRoot size={size} prefix={prefix} className="pr-1">
-          <DateInput slot="start">
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-          <span aria-hidden="true">–</span>
-          <DateInput slot="end" className="flex-1">
-            {(segment) => <DateSegment segment={segment} />}
-          </DateInput>
-          <Button
-            variant="default"
-            size="sm"
-            shape="square"
-            className="my-1 size-7 rounded-sm"
-          >
-            <CalendarIcon />
-          </Button>
-        </InputRoot>
-      </Field>
+      {label && <Label>{label}</Label>}
+      <InputRoot size={size} prefix={prefix} className="pr-1">
+        <DateInput slot="start">
+          {(segment) => <DateSegment segment={segment} />}
+        </DateInput>
+        <span aria-hidden="true">–</span>
+        <DateInput slot="end" className="flex-1">
+          {(segment) => <DateSegment segment={segment} />}
+        </DateInput>
+        <Button
+          variant="default"
+          size="sm"
+          shape="square"
+          className="my-1 size-7 rounded-sm"
+        >
+          <CalendarIcon />
+        </Button>
+      </InputRoot>
+      <HelpText description={description} errorMessage={errorMessage} />
       <Dialog type="popover" mobileType="drawer" className="flex">
         <RangeCalendar className="mx-auto" />
       </Dialog>
@@ -89,8 +80,12 @@ const DateRangePickerRoot = <T extends DateValue>({
   className,
   ...props
 }: DateRangePickerRootProps<T>) => {
-  const { root } = fieldStyles();
-  return <AriaDateRangePicker className={root({ className })} {...props} />;
+  return (
+    <AriaDateRangePicker
+      className={dateRangePickerStyles({ className })}
+      {...props}
+    />
+  );
 };
 
 export type { DateRangePickerProps, DateRangePickerRootProps };
diff --git a/www/src/registry/registry-core_new.ts b/www/src/registry/registry-core_new.ts
index 782536d25..dae396ded 100644
--- a/www/src/registry/registry-core_new.ts
+++ b/www/src/registry/registry-core_new.ts
@@ -1,4 +1,34 @@
-import type { Registry } from "@/registry/types";
+export type RegistryType = "registry:core" | "registry:hook" | "registry:lib";
+
+export type RegistryItem = Prettify<
+  {
+    name: string;
+    type: RegistryType;
+    description?: string;
+  } & (
+    | {
+        dependencies?: string[];
+        registryDependencies?: string[];
+        files: {
+          path: string;
+          type: RegistryType;
+          target: string;
+        }[];
+      }
+    | {
+        variants: (
+          | {
+              name: string;
+              label?: string;
+              description?: string;
+            }
+          | string
+        )[];
+      }
+  )
+>;
+
+export type Registry = RegistryItem[];
 
 export const core: Registry = [
   {
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
index a5bf9731b..8d8787780 100644
--- a/www/src/registry/types.ts
+++ b/www/src/registry/types.ts
@@ -16,14 +16,11 @@ export type RegistryItem = Prettify<
         }[];
       }
     | {
-        variants: (
-          | {
-              name: string;
-              label?: string;
-              description?: string;
-            }
-          | string
-        )[];
+        variants: {
+          name: string;
+          label?: string;
+          description?: string;
+        }[];
       }
   )
 >;

From 4110a3dfa1b48d7b5f7298430d07e28a77fe65d2 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 03:58:03 +0100
Subject: [PATCH 077/165] refactor: better folder structure

---
 .../docs/components/buttons/button-group.mdx  |    2 +-
 .../docs/components/buttons/button.mdx        |   19 +-
 .../docs/components/buttons/file-trigger.mdx  |   10 +-
 .../buttons/toggle-button-group.mdx           |    2 +-
 .../docs/components/buttons/toggle-button.mdx |   16 +-
 .../docs/components/colors/color-area.mdx     |   15 +-
 .../docs/components/colors/color-field.mdx    |   24 +-
 .../docs/components/colors/color-picker.mdx   |   14 +-
 .../docs/components/colors/color-slider.mdx   |   14 +-
 .../components/colors/color-swatch-picker.mdx |    6 +-
 .../docs/components/colors/color-swatch.mdx   |    2 +-
 .../docs/components/data-display/avatar.mdx   |    8 +-
 .../docs/components/data-display/badge.mdx    |   11 +-
 .../components/data-display/separator.mdx     |    4 +-
 .../docs/components/data-display/table.mdx    |   34 +-
 .../components/date-and-time/calendar.mdx     |   24 +-
 .../components/date-and-time/date-field.mdx   |   34 +-
 .../components/date-and-time/date-picker.mdx  |   39 +-
 .../date-and-time/date-range-picker.mdx       |   36 +-
 .../date-and-time/range-calendar.mdx          |   24 +-
 .../components/date-and-time/time-field.mdx   |   34 +-
 .../components/drag-and-drop/drop-zone.mdx    |   12 +-
 .../docs/components/feedback/alert.mdx        |   14 +-
 .../docs/components/feedback/progress-bar.mdx |   22 +-
 .../docs/components/feedback/skeleton.mdx     |   12 +-
 .../forms-and-inputs/checkbox-group.mdx       |   22 +-
 .../components/forms-and-inputs/checkbox.mdx  |   18 +-
 .../docs/components/forms-and-inputs/form.mdx |    6 +-
 .../forms-and-inputs/number-field.mdx         |   26 +-
 .../forms-and-inputs/radio-group.mdx          |   24 +-
 .../forms-and-inputs/search-field.mdx         |   22 +-
 .../components/forms-and-inputs/slider.mdx    |   31 +-
 .../components/forms-and-inputs/switch.mdx    |   16 +-
 .../components/forms-and-inputs/text-area.mdx |   22 +-
 .../forms-and-inputs/text-field.mdx           |   24 +-
 .../menus-and-selection/combobox.mdx          |   28 +-
 .../menus-and-selection/command.mdx           |    4 +-
 .../menus-and-selection/list-box.mdx          |   38 +-
 .../components/menus-and-selection/menu.mdx   |   36 +-
 .../components/menus-and-selection/select.mdx |   30 +-
 .../menus-and-selection/tag-group.mdx         |    2 +-
 .../components/navigation/breadcrumbs.mdx     |   10 +-
 .../docs/components/navigation/tabs.mdx       |   12 +-
 .../docs/components/overlays/dialog.mdx       |   21 +-
 .../docs/components/overlays/drawer.mdx       |    4 +-
 .../docs/components/overlays/modal.mdx        |    2 +-
 .../docs/components/overlays/overlay.mdx      |    4 +-
 .../docs/components/overlays/popover.mdx      |    2 +-
 .../docs/components/overlays/tooltip.mdx      |   18 +-
 www/scripts/build-internal-registry.ts        |   27 +-
 www/src/__registry__/demos.tsx                | 1424 ++++++++++++-----
 .../(app)/themes/components/button-style.tsx  |    4 +-
 .../(app)/themes/components/input-style.tsx   |    2 +-
 .../(app)/themes/components/listbox-style.tsx |    6 +-
 .../(app)/themes/components/overlay-style.tsx |    2 +-
 .../(app)/themes/components/picker-style.tsx  |    8 +-
 .../(app)/themes/components/tabs-style.tsx    |    2 +-
 www/src/app/(home)/components-overview.tsx    |    2 +-
 .../{ => components}/demos/alert/action.tsx   |    0
 .../demos/alert/composition.tsx               |    0
 .../{ => components}/demos/alert/content.tsx  |    0
 .../demos/alert/custom-icon.tsx               |    0
 .../{ => components}/demos/alert/default.tsx  |    0
 .../{ => components}/demos/alert/title.tsx    |    0
 .../{ => components}/demos/alert/variants.tsx |    0
 .../demos/avatar/composition.tsx              |    0
 .../{ => components}/demos/avatar/default.tsx |    0
 .../{ => components}/demos/avatar/shape.tsx   |    0
 .../{ => components}/demos/avatar/sizes.tsx   |    0
 .../{ => components}/demos/badge/default.tsx  |    0
 www/src/{ => components}/demos/badge/icon.tsx |    0
 .../{ => components}/demos/badge/sizes.tsx    |    0
 .../{ => components}/demos/badge/variants.tsx |    0
 .../demos/breadcrumbs/basic.tsx               |    0
 .../demos/breadcrumbs/composition.tsx         |    0
 .../demos/breadcrumbs/disabled.tsx            |    0
 .../demos/breadcrumbs/icon.tsx                |    0
 .../demos/breadcrumbs/router-integration.tsx  |    0
 .../demos/button-group/default.tsx            |    0
 .../{ => components}/demos/button/default.tsx |    0
 .../demos/button/disabled.tsx                 |    0
 .../demos/button/link-button.tsx              |    0
 .../{ => components}/demos/button/loading.tsx |    0
 .../demos/button/prefix-and-suffix.tsx        |    0
 .../{ => components}/demos/button/shapes.tsx  |    0
 .../{ => components}/demos/button/sizes.tsx   |    0
 .../demos/button/variants.tsx                 |    0
 .../demos/calendar/composition.tsx            |    0
 .../demos/calendar/controlled.tsx             |    0
 .../demos/calendar/default.tsx                |    0
 .../demos/calendar/disabled.tsx               |    0
 .../demos/calendar/error-message.tsx          |    0
 .../demos/calendar/page-behaviour.tsx         |    0
 .../demos/calendar/read-only.tsx              |    0
 .../demos/calendar/uncontrolled.tsx           |    0
 .../demos/calendar/unvailable-dates.tsx       |    0
 .../demos/calendar/validation.tsx             |    0
 .../demos/calendar/variant.tsx                |    0
 .../demos/calendar/visible-months.tsx         |    0
 .../demos/checkbox-group/cards.tsx            |    0
 .../demos/checkbox-group/composition.tsx      |    0
 .../demos/checkbox-group/controlled.tsx       |    0
 .../demos/checkbox-group/default.tsx          |    0
 .../demos/checkbox-group/description.tsx      |    0
 .../demos/checkbox-group/disabled.tsx         |    0
 .../demos/checkbox-group/error-message.tsx    |    0
 .../demos/checkbox-group/label.tsx            |    0
 .../demos/checkbox-group/read-only.tsx        |    0
 .../demos/checkbox-group/required.tsx         |    0
 .../demos/checkbox-group/uncontrolled.tsx     |    0
 .../{ => components}/demos/checkbox/card.tsx  |    0
 .../demos/checkbox/composition.tsx            |    0
 .../demos/checkbox/controlled.tsx             |    0
 .../demos/checkbox/default.tsx                |    0
 .../demos/checkbox/disabled.tsx               |    0
 .../demos/checkbox/indeterminate.tsx          |    0
 .../demos/checkbox/read-only.tsx              |    0
 .../demos/checkbox/uncontrolled.tsx           |    0
 .../demos/checkbox/variants.tsx               |    0
 .../demos/color-area/channels.tsx             |    0
 .../demos/color-area/composition.tsx          |    0
 .../demos/color-area/controlled.tsx           |    0
 .../demos/color-area/default.tsx              |    0
 .../demos/color-area/disabled.tsx             |    0
 .../demos/color-area/uncontrolled.tsx         |    0
 .../demos/color-field/color-channel.tsx       |    0
 .../demos/color-field/composition.tsx         |    0
 .../demos/color-field/controlled.tsx          |    0
 .../demos/color-field/default.tsx             |    0
 .../demos/color-field/description.tsx         |    0
 .../demos/color-field/disabled.tsx            |    0
 .../demos/color-field/error-message.tsx       |    0
 .../demos/color-field/form.tsx                |    0
 .../demos/color-field/label.tsx               |    0
 .../demos/color-field/prefix-and-suffix.tsx   |    0
 .../demos/color-field/read-only.tsx           |    0
 .../demos/color-field/required.tsx            |    0
 .../demos/color-field/sizes.tsx               |    0
 .../demos/color-field/uncontrolled.tsx        |    0
 .../demos/color-picker/channel-sliders.tsx    |    0
 .../demos/color-picker/composition.tsx        |    0
 .../demos/color-picker/controlled.tsx         |    0
 .../demos/color-picker/default.tsx            |    0
 .../demos/color-picker/options.tsx            |    0
 .../demos/color-picker/swatches.tsx           |    0
 .../demos/color-picker/uncontrolled.tsx       |    0
 .../demos/color-slider/channel.tsx            |    0
 .../demos/color-slider/composition.tsx        |    0
 .../demos/color-slider/controlled.tsx         |    0
 .../demos/color-slider/default.tsx            |    0
 .../demos/color-slider/disabled.tsx           |    0
 .../demos/color-slider/label.tsx              |    0
 .../demos/color-slider/uncontrolled.tsx       |    0
 .../demos/color-slider/vertical.tsx           |    0
 .../demos/color-swatch-picker/basic.tsx       |    0
 .../demos/color-swatch-picker/controlled.tsx  |    0
 .../demos/color-swatch-picker/disabled.tsx    |    0
 .../demos/color-swatch/default.tsx            |    0
 .../demos/combobox/async-loading.tsx          |    0
 .../{ => components}/demos/combobox/basic.tsx |    0
 .../demos/combobox/composition.tsx            |    0
 .../demos/combobox/controlled.tsx             |    0
 .../demos/combobox/custom-value.tsx           |    0
 .../demos/combobox/description.tsx            |    0
 .../demos/combobox/disabled.tsx               |    0
 .../{ => components}/demos/combobox/label.tsx |    0
 .../demos/combobox/loading.tsx                |    0
 .../demos/combobox/required.tsx               |    0
 .../demos/combobox/sections.tsx               |    0
 .../demos/combobox/uncontrolled.tsx           |    0
 .../demos/combobox/validation.tsx             |    0
 .../{ => components}/demos/command/basic.tsx  |    0
 .../{ => components}/demos/command/dialog.tsx |    0
 .../demos/date-field/composition.tsx          |    0
 .../demos/date-field/controlled.tsx           |    0
 .../demos/date-field/default.tsx              |    0
 .../demos/date-field/description.tsx          |    0
 .../demos/date-field/disabled.tsx             |    0
 .../demos/date-field/error-message.tsx        |    0
 .../demos/date-field/granularity.tsx          |    0
 .../demos/date-field/hide-time-zone.tsx       |    0
 .../demos/date-field/hour-cycle.tsx           |    0
 .../demos/date-field/label.tsx                |    0
 .../demos/date-field/placeholder.tsx          |    0
 .../demos/date-field/prefix-and-suffix.tsx    |    0
 .../demos/date-field/read-only.tsx            |    0
 .../demos/date-field/required.tsx             |    0
 .../demos/date-field/sizes.tsx                |    0
 .../demos/date-field/time-zones.tsx           |    0
 .../demos/date-field/uncontrolled.tsx         |    0
 .../demos/date-picker/composition.tsx         |    0
 .../demos/date-picker/controlled.tsx          |    0
 .../demos/date-picker/default.tsx             |    0
 .../demos/date-picker/description.tsx         |    0
 .../demos/date-picker/disabled.tsx            |    0
 .../demos/date-picker/error-message.tsx       |    0
 .../demos/date-picker/granularity.tsx         |    0
 .../demos/date-picker/hide-time-zone.tsx      |    0
 .../demos/date-picker/hour-cycle.tsx          |    0
 .../demos/date-picker/label.tsx               |    0
 .../demos/date-picker/placeholder.tsx         |    0
 .../demos/date-picker/prefix.tsx              |    0
 .../demos/date-picker/read-only.tsx           |    0
 .../demos/date-picker/required.tsx            |    0
 .../demos/date-picker/sizes.tsx               |    0
 .../demos/date-picker/time-zones.tsx          |    0
 .../demos/date-picker/uncontrolled.tsx        |    0
 .../demos/date-range-picker/composition.tsx   |    0
 .../demos/date-range-picker/controlled.tsx    |    0
 .../demos/date-range-picker/default.tsx       |    0
 .../demos/date-range-picker/description.tsx   |    0
 .../demos/date-range-picker/disabled.tsx      |    0
 .../demos/date-range-picker/error-message.tsx |    0
 .../demos/date-range-picker/granularity.tsx   |    0
 .../date-range-picker/hide-time-zone.tsx      |    0
 .../demos/date-range-picker/hour-cycle.tsx    |    0
 .../demos/date-range-picker/label.tsx         |    0
 .../demos/date-range-picker/loading.tsx       |    0
 .../demos/date-range-picker/placeholder.tsx   |    0
 .../demos/date-range-picker/prefix.tsx        |    0
 .../demos/date-range-picker/read-only.tsx     |    0
 .../demos/date-range-picker/required.tsx      |    0
 .../demos/date-range-picker/sizes.tsx         |    0
 .../demos/date-range-picker/time-zones.tsx    |    0
 .../demos/date-range-picker/uncontrolled.tsx  |    0
 .../demos/dialog/alert-dialog.tsx             |    0
 .../demos/dialog/async-form-submission.tsx    |    0
 .../{ => components}/demos/dialog/basic.tsx   |    0
 .../demos/dialog/composition.tsx              |    0
 .../demos/dialog/controlled.tsx               |    0
 .../demos/dialog/description.tsx              |    0
 .../demos/dialog/dismissable.tsx              |    0
 .../{ => components}/demos/dialog/drawer.tsx  |    0
 .../demos/dialog/inset-content.tsx            |    0
 .../{ => components}/demos/dialog/nested.tsx  |    0
 .../{ => components}/demos/dialog/popover.tsx |    0
 .../{ => components}/demos/dialog/title.tsx   |    0
 .../{ => components}/demos/dialog/types.tsx   |    0
 .../{ => components}/demos/drawer/basic.tsx   |    0
 .../demos/drawer/placement.tsx                |    0
 .../demos/drop-zone/basic.tsx                 |    0
 .../demos/drop-zone/disabled.tsx              |    0
 .../demos/drop-zone/events.tsx                |    0
 .../demos/drop-zone/file-trigger.tsx          |    0
 .../demos/drop-zone/label.tsx                 |    0
 .../demos/drop-zone/visual-feedback.tsx       |    0
 .../demos/file-trigger/default.tsx            |    0
 .../file-trigger/directory-selection.tsx      |    0
 .../demos/file-trigger/file-types.tsx         |    0
 .../demos/file-trigger/media-capture.tsx      |    0
 .../demos/file-trigger/multiple-files.tsx     |    0
 www/src/{ => components}/demos/form/basic.tsx |    0
 .../demos/form/react-aria.tsx                 |    0
 .../demos/form/react-hook-form.tsx            |    0
 .../demos/list-box/async-loading.tsx          |    0
 .../{ => components}/demos/list-box/basic.tsx |    0
 .../demos/list-box/composition.tsx            |    0
 .../demos/list-box/contact-list.tsx           |    0
 .../demos/list-box/controlled.tsx             |    0
 .../demos/list-box/disabled-items.tsx         |    0
 .../demos/list-box/empty-state.tsx            |    0
 .../{ => components}/demos/list-box/grid.tsx  |    0
 .../demos/list-box/horizontal.tsx             |    0
 .../demos/list-box/image-grid.tsx             |    0
 .../demos/list-box/item-variant.tsx           |    0
 .../demos/list-box/label-and-description.tsx  |    0
 .../{ => components}/demos/list-box/links.tsx |    0
 .../demos/list-box/loading.tsx                |    0
 .../demos/list-box/prefix-and-suffix.tsx      |    0
 .../demos/list-box/sections.tsx               |    0
 .../demos/list-box/selection-behavior.tsx     |    0
 .../demos/list-box/selection-mode.tsx         |    0
 .../demos/list-box/separator.tsx              |    0
 .../demos/list-box/uncontrolled.tsx           |    0
 www/src/{ => components}/demos/menu/basic.tsx |    0
 .../demos/menu/composition.tsx                |    0
 .../demos/menu/controlled.tsx                 |    0
 .../demos/menu/disabled-items.tsx             |    0
 .../demos/menu/item-variant.tsx               |    0
 .../demos/menu/label-and-description.tsx      |    0
 .../demos/menu/link-items.tsx                 |    0
 .../demos/menu/long-press.tsx                 |    0
 .../demos/menu/multiple-selection.tsx         |    0
 .../demos/menu/overlay-type.tsx               |    0
 .../{ => components}/demos/menu/placement.tsx |    0
 .../demos/menu/prefix-and-suffix.tsx          |    0
 .../{ => components}/demos/menu/section.tsx   |    0
 .../{ => components}/demos/menu/separator.tsx |    0
 .../{ => components}/demos/menu/shortcut.tsx  |    0
 .../demos/menu/single-selection.tsx           |    0
 .../{ => components}/demos/menu/submenus.tsx  |    0
 .../{ => components}/demos/modal/basic.tsx    |    0
 .../demos/number-field/composition.tsx        |    0
 .../demos/number-field/controlled.tsx         |    0
 .../demos/number-field/default.tsx            |    0
 .../demos/number-field/description.tsx        |    0
 .../demos/number-field/disabled.tsx           |    0
 .../demos/number-field/error-message.tsx      |    0
 .../demos/number-field/format-options.tsx     |    0
 .../demos/number-field/label.tsx              |    0
 .../demos/number-field/read-only.tsx          |    0
 .../demos/number-field/required.tsx           |    0
 .../demos/number-field/sizes.tsx              |    0
 .../demos/number-field/uncontrolled.tsx       |    0
 .../{ => components}/demos/overlay/basic.tsx  |    0
 .../{ => components}/demos/overlay/type.tsx   |    0
 .../{ => components}/demos/popover/basic.tsx  |    0
 .../demos/progress-bar/composition.tsx        |    0
 .../demos/progress-bar/custom-value-label.tsx |    0
 .../demos/progress-bar/default.tsx            |    0
 .../demos/progress-bar/duration.tsx           |    0
 .../demos/progress-bar/format-options.tsx     |    0
 .../demos/progress-bar/indeterminate.tsx      |    0
 .../demos/progress-bar/label.tsx              |    0
 .../demos/progress-bar/min-max-values.tsx     |    0
 .../demos/progress-bar/shape.tsx              |    0
 .../demos/progress-bar/sizes.tsx              |    0
 .../demos/progress-bar/value-label.tsx        |    0
 .../demos/progress-bar/variants.tsx           |    0
 .../demos/radio-group/cards.tsx               |    0
 .../demos/radio-group/composition.tsx         |    0
 .../demos/radio-group/controlled.tsx          |    0
 .../demos/radio-group/default.tsx             |    0
 .../demos/radio-group/description.tsx         |    0
 .../demos/radio-group/disabled.tsx            |    0
 .../demos/radio-group/error-message.tsx       |    0
 .../demos/radio-group/label.tsx               |    0
 .../demos/radio-group/orientation.tsx         |    0
 .../demos/radio-group/read-only.tsx           |    0
 .../demos/radio-group/required.tsx            |    0
 .../demos/radio-group/uncontrolled.tsx        |    0
 .../demos/range-calendar/composition.tsx      |    0
 .../demos/range-calendar/controlled.tsx       |    0
 .../demos/range-calendar/default.tsx          |    0
 .../demos/range-calendar/disabled.tsx         |    0
 .../demos/range-calendar/error-message.tsx    |    0
 .../range-calendar/non-contiguous-ranges.tsx  |    0
 .../demos/range-calendar/page-behaviour.tsx   |    0
 .../demos/range-calendar/read-only.tsx        |    0
 .../demos/range-calendar/uncontrolled.tsx     |    0
 .../demos/range-calendar/unvailable-dates.tsx |    0
 .../demos/range-calendar/validation.tsx       |    0
 .../demos/range-calendar/variant.tsx          |    0
 .../demos/range-calendar/visible-months.tsx   |    0
 www/src/{ => components}/demos/registry.ts    |    0
 .../demos/search-field/composition.tsx        |    0
 .../demos/search-field/controlled.tsx         |    0
 .../demos/search-field/default.tsx            |    0
 .../demos/search-field/description.tsx        |    0
 .../demos/search-field/disabled.tsx           |    0
 .../demos/search-field/error-message.tsx      |    0
 .../demos/search-field/form.tsx               |    0
 .../demos/search-field/label.tsx              |    0
 .../demos/search-field/read-only.tsx          |    0
 .../demos/search-field/required.tsx           |    0
 .../demos/search-field/sizes.tsx              |    0
 .../demos/search-field/uncontrolled.tsx       |    0
 .../demos/select/async-loading.tsx            |    0
 .../{ => components}/demos/select/basic.tsx   |    0
 .../demos/select/composition.tsx              |    0
 .../demos/select/controlled.tsx               |    0
 .../demos/select/description.tsx              |    0
 .../demos/select/disabled.tsx                 |    0
 .../{ => components}/demos/select/label.tsx   |    0
 .../{ => components}/demos/select/links.tsx   |    0
 .../{ => components}/demos/select/loading.tsx |    0
 .../demos/select/placeholder.tsx              |    0
 .../demos/select/required.tsx                 |    0
 .../demos/select/sections.tsx                 |    0
 .../demos/select/uncontrolled.tsx             |    0
 .../demos/select/validation.tsx               |    0
 .../{ => components}/demos/separator/card.tsx |    0
 .../demos/separator/orientation.tsx           |    0
 .../demos/skeleton/api-simulation.tsx         |    0
 .../{ => components}/demos/skeleton/card.tsx  |    0
 .../demos/skeleton/children.tsx               |    0
 .../demos/skeleton/fixed-size-children.tsx    |    0
 .../{ => components}/demos/skeleton/show.tsx  |    0
 .../demos/slider/composition.tsx              |    0
 .../demos/slider/controlled.tsx               |    0
 .../{ => components}/demos/slider/default.tsx |    0
 .../demos/slider/description.tsx              |    0
 .../demos/slider/disabled.tsx                 |    0
 .../demos/slider/format-options.tsx           |    0
 .../{ => components}/demos/slider/label.tsx   |    0
 .../{ => components}/demos/slider/range.tsx   |    0
 .../{ => components}/demos/slider/sizes.tsx   |    0
 .../{ => components}/demos/slider/step.tsx    |    0
 .../demos/slider/uncontrolled.tsx             |    0
 .../demos/slider/value-label.tsx              |    0
 .../demos/slider/value-scale.tsx              |    0
 .../demos/slider/vertical.tsx                 |    0
 .../{ => components}/demos/switch/card.tsx    |    0
 .../demos/switch/composition.tsx              |    0
 .../demos/switch/controlled.tsx               |    0
 .../{ => components}/demos/switch/default.tsx |    0
 .../demos/switch/disabled.tsx                 |    0
 .../{ => components}/demos/switch/label.tsx   |    0
 .../{ => components}/demos/switch/sizes.tsx   |    0
 .../demos/switch/uncontrolled.tsx             |    0
 .../{ => components}/demos/table/basic.tsx    |    0
 .../demos/table/column-resizing.tsx           |    0
 .../demos/table/controlled.tsx                |    0
 .../demos/table/disabled-rows.tsx             |    0
 .../demos/table/disallow-empty-selection.tsx  |    0
 .../demos/table/dynamic-collection.tsx        |    0
 .../demos/table/empty-state.tsx               |    0
 .../{ => components}/demos/table/links.tsx    |    0
 .../demos/table/reordable.tsx                 |    0
 .../demos/table/row-action.tsx                |    0
 .../demos/table/selection-behavior.tsx        |    0
 .../demos/table/selection-mode.tsx            |    0
 .../demos/table/selection-variant.tsx         |    0
 .../demos/table/selection.tsx                 |    0
 .../{ => components}/demos/table/sorting.tsx  |    0
 .../demos/table/static-row-action.tsx         |    0
 .../demos/table/uncontrolled.tsx              |    0
 .../{ => components}/demos/table/variants.tsx |    0
 www/src/{ => components}/demos/tabs/basic.tsx |    0
 .../demos/tabs/controlled.tsx                 |    0
 .../{ => components}/demos/tabs/disabled.tsx  |    0
 .../demos/tabs/keyboard-activation.tsx        |    0
 .../{ => components}/demos/tabs/variant.tsx   |    0
 .../{ => components}/demos/tabs/vertical.tsx  |    0
 .../demos/tag-group/default.tsx               |    0
 .../demos/text-area/composition.tsx           |    0
 .../demos/text-area/controlled.tsx            |    0
 .../demos/text-area/default.tsx               |    0
 .../demos/text-area/description.tsx           |    0
 .../demos/text-area/disabled.tsx              |    0
 .../demos/text-area/error-message.tsx         |    0
 .../{ => components}/demos/text-area/form.tsx |    0
 .../demos/text-area/label.tsx                 |    0
 .../demos/text-area/prefix-and-suffix.tsx     |    0
 .../demos/text-area/read-only.tsx             |    0
 .../demos/text-area/required.tsx              |    0
 .../demos/text-area/uncontrolled.tsx          |    0
 .../demos/text-field/composition.tsx          |    0
 .../demos/text-field/controlled.tsx           |    0
 .../demos/text-field/default.tsx              |    0
 .../demos/text-field/description.tsx          |    0
 .../demos/text-field/disabled.tsx             |    0
 .../demos/text-field/error-message.tsx        |    0
 .../demos/text-field/label.tsx                |    0
 .../demos/text-field/prefix-and-suffix.tsx    |    0
 .../demos/text-field/read-only.tsx            |    0
 .../demos/text-field/required.tsx             |    0
 .../demos/text-field/sizes.tsx                |    0
 .../demos/text-field/uncontrolled.tsx         |    0
 .../demos/time-field/composition.tsx          |    0
 .../demos/time-field/controlled.tsx           |    0
 .../demos/time-field/default.tsx              |    0
 .../demos/time-field/description.tsx          |    0
 .../demos/time-field/disabled.tsx             |    0
 .../demos/time-field/error-message.tsx        |    0
 .../demos/time-field/granularity.tsx          |    0
 .../demos/time-field/hide-time-zone.tsx       |    0
 .../demos/time-field/hour-cycle.tsx           |    0
 .../demos/time-field/label.tsx                |    0
 .../demos/time-field/placeholder.tsx          |    0
 .../demos/time-field/prefix-and-suffix.tsx    |    0
 .../demos/time-field/read-only.tsx            |    0
 .../demos/time-field/required.tsx             |    0
 .../demos/time-field/sizes.tsx                |    0
 .../demos/time-field/time-zones.tsx           |    0
 .../demos/time-field/uncontrolled.tsx         |    0
 .../demos/toggle-button-group/default.tsx     |    0
 .../demos/toggle-button/controlled.tsx        |    0
 .../demos/toggle-button/default.tsx           |    0
 .../demos/toggle-button/disabled.tsx          |    0
 .../demos/toggle-button/shapes.tsx            |    0
 .../demos/toggle-button/sizes.tsx             |    0
 .../demos/toggle-button/uncontrolled.tsx      |    0
 .../demos/toggle-button/variants.tsx          |    0
 .../{ => components}/demos/tooltip/arrow.tsx  |    0
 .../demos/tooltip/composition.tsx             |    0
 .../demos/tooltip/container-padding.tsx       |    0
 .../demos/tooltip/default.tsx                 |    0
 .../{ => components}/demos/tooltip/delay.tsx  |    0
 .../{ => components}/demos/tooltip/flip.tsx   |    0
 .../{ => components}/demos/tooltip/offset.tsx |    0
 .../demos/tooltip/placement.tsx               |    0
 .../demos/tooltip/variant.tsx                 |    0
 .../demos/tooltip/with-arrow.tsx              |    0
 www/src/components/docs/style-switcher.tsx    |   10 +-
 www/src/components/dynamic-core/tooltip.tsx   |    8 +-
 www/src/lib/themes.ts                         |   22 +-
 ...{tooltip_framer.tsx => tooltip_motion.tsx} |    0
 www/src/registry/registry-core.ts             |  576 +++----
 www/src/registry/registry-core_new.ts         |   87 -
 www/src/registry/types.ts                     |    6 +-
 491 files changed, 1690 insertions(+), 1350 deletions(-)
 rename www/src/{ => components}/demos/alert/action.tsx (100%)
 rename www/src/{ => components}/demos/alert/composition.tsx (100%)
 rename www/src/{ => components}/demos/alert/content.tsx (100%)
 rename www/src/{ => components}/demos/alert/custom-icon.tsx (100%)
 rename www/src/{ => components}/demos/alert/default.tsx (100%)
 rename www/src/{ => components}/demos/alert/title.tsx (100%)
 rename www/src/{ => components}/demos/alert/variants.tsx (100%)
 rename www/src/{ => components}/demos/avatar/composition.tsx (100%)
 rename www/src/{ => components}/demos/avatar/default.tsx (100%)
 rename www/src/{ => components}/demos/avatar/shape.tsx (100%)
 rename www/src/{ => components}/demos/avatar/sizes.tsx (100%)
 rename www/src/{ => components}/demos/badge/default.tsx (100%)
 rename www/src/{ => components}/demos/badge/icon.tsx (100%)
 rename www/src/{ => components}/demos/badge/sizes.tsx (100%)
 rename www/src/{ => components}/demos/badge/variants.tsx (100%)
 rename www/src/{ => components}/demos/breadcrumbs/basic.tsx (100%)
 rename www/src/{ => components}/demos/breadcrumbs/composition.tsx (100%)
 rename www/src/{ => components}/demos/breadcrumbs/disabled.tsx (100%)
 rename www/src/{ => components}/demos/breadcrumbs/icon.tsx (100%)
 rename www/src/{ => components}/demos/breadcrumbs/router-integration.tsx (100%)
 rename www/src/{ => components}/demos/button-group/default.tsx (100%)
 rename www/src/{ => components}/demos/button/default.tsx (100%)
 rename www/src/{ => components}/demos/button/disabled.tsx (100%)
 rename www/src/{ => components}/demos/button/link-button.tsx (100%)
 rename www/src/{ => components}/demos/button/loading.tsx (100%)
 rename www/src/{ => components}/demos/button/prefix-and-suffix.tsx (100%)
 rename www/src/{ => components}/demos/button/shapes.tsx (100%)
 rename www/src/{ => components}/demos/button/sizes.tsx (100%)
 rename www/src/{ => components}/demos/button/variants.tsx (100%)
 rename www/src/{ => components}/demos/calendar/composition.tsx (100%)
 rename www/src/{ => components}/demos/calendar/controlled.tsx (100%)
 rename www/src/{ => components}/demos/calendar/default.tsx (100%)
 rename www/src/{ => components}/demos/calendar/disabled.tsx (100%)
 rename www/src/{ => components}/demos/calendar/error-message.tsx (100%)
 rename www/src/{ => components}/demos/calendar/page-behaviour.tsx (100%)
 rename www/src/{ => components}/demos/calendar/read-only.tsx (100%)
 rename www/src/{ => components}/demos/calendar/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/calendar/unvailable-dates.tsx (100%)
 rename www/src/{ => components}/demos/calendar/validation.tsx (100%)
 rename www/src/{ => components}/demos/calendar/variant.tsx (100%)
 rename www/src/{ => components}/demos/calendar/visible-months.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/cards.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/composition.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/controlled.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/default.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/description.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/disabled.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/error-message.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/label.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/read-only.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/required.tsx (100%)
 rename www/src/{ => components}/demos/checkbox-group/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/checkbox/card.tsx (100%)
 rename www/src/{ => components}/demos/checkbox/composition.tsx (100%)
 rename www/src/{ => components}/demos/checkbox/controlled.tsx (100%)
 rename www/src/{ => components}/demos/checkbox/default.tsx (100%)
 rename www/src/{ => components}/demos/checkbox/disabled.tsx (100%)
 rename www/src/{ => components}/demos/checkbox/indeterminate.tsx (100%)
 rename www/src/{ => components}/demos/checkbox/read-only.tsx (100%)
 rename www/src/{ => components}/demos/checkbox/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/checkbox/variants.tsx (100%)
 rename www/src/{ => components}/demos/color-area/channels.tsx (100%)
 rename www/src/{ => components}/demos/color-area/composition.tsx (100%)
 rename www/src/{ => components}/demos/color-area/controlled.tsx (100%)
 rename www/src/{ => components}/demos/color-area/default.tsx (100%)
 rename www/src/{ => components}/demos/color-area/disabled.tsx (100%)
 rename www/src/{ => components}/demos/color-area/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/color-field/color-channel.tsx (100%)
 rename www/src/{ => components}/demos/color-field/composition.tsx (100%)
 rename www/src/{ => components}/demos/color-field/controlled.tsx (100%)
 rename www/src/{ => components}/demos/color-field/default.tsx (100%)
 rename www/src/{ => components}/demos/color-field/description.tsx (100%)
 rename www/src/{ => components}/demos/color-field/disabled.tsx (100%)
 rename www/src/{ => components}/demos/color-field/error-message.tsx (100%)
 rename www/src/{ => components}/demos/color-field/form.tsx (100%)
 rename www/src/{ => components}/demos/color-field/label.tsx (100%)
 rename www/src/{ => components}/demos/color-field/prefix-and-suffix.tsx (100%)
 rename www/src/{ => components}/demos/color-field/read-only.tsx (100%)
 rename www/src/{ => components}/demos/color-field/required.tsx (100%)
 rename www/src/{ => components}/demos/color-field/sizes.tsx (100%)
 rename www/src/{ => components}/demos/color-field/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/color-picker/channel-sliders.tsx (100%)
 rename www/src/{ => components}/demos/color-picker/composition.tsx (100%)
 rename www/src/{ => components}/demos/color-picker/controlled.tsx (100%)
 rename www/src/{ => components}/demos/color-picker/default.tsx (100%)
 rename www/src/{ => components}/demos/color-picker/options.tsx (100%)
 rename www/src/{ => components}/demos/color-picker/swatches.tsx (100%)
 rename www/src/{ => components}/demos/color-picker/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/color-slider/channel.tsx (100%)
 rename www/src/{ => components}/demos/color-slider/composition.tsx (100%)
 rename www/src/{ => components}/demos/color-slider/controlled.tsx (100%)
 rename www/src/{ => components}/demos/color-slider/default.tsx (100%)
 rename www/src/{ => components}/demos/color-slider/disabled.tsx (100%)
 rename www/src/{ => components}/demos/color-slider/label.tsx (100%)
 rename www/src/{ => components}/demos/color-slider/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/color-slider/vertical.tsx (100%)
 rename www/src/{ => components}/demos/color-swatch-picker/basic.tsx (100%)
 rename www/src/{ => components}/demos/color-swatch-picker/controlled.tsx (100%)
 rename www/src/{ => components}/demos/color-swatch-picker/disabled.tsx (100%)
 rename www/src/{ => components}/demos/color-swatch/default.tsx (100%)
 rename www/src/{ => components}/demos/combobox/async-loading.tsx (100%)
 rename www/src/{ => components}/demos/combobox/basic.tsx (100%)
 rename www/src/{ => components}/demos/combobox/composition.tsx (100%)
 rename www/src/{ => components}/demos/combobox/controlled.tsx (100%)
 rename www/src/{ => components}/demos/combobox/custom-value.tsx (100%)
 rename www/src/{ => components}/demos/combobox/description.tsx (100%)
 rename www/src/{ => components}/demos/combobox/disabled.tsx (100%)
 rename www/src/{ => components}/demos/combobox/label.tsx (100%)
 rename www/src/{ => components}/demos/combobox/loading.tsx (100%)
 rename www/src/{ => components}/demos/combobox/required.tsx (100%)
 rename www/src/{ => components}/demos/combobox/sections.tsx (100%)
 rename www/src/{ => components}/demos/combobox/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/combobox/validation.tsx (100%)
 rename www/src/{ => components}/demos/command/basic.tsx (100%)
 rename www/src/{ => components}/demos/command/dialog.tsx (100%)
 rename www/src/{ => components}/demos/date-field/composition.tsx (100%)
 rename www/src/{ => components}/demos/date-field/controlled.tsx (100%)
 rename www/src/{ => components}/demos/date-field/default.tsx (100%)
 rename www/src/{ => components}/demos/date-field/description.tsx (100%)
 rename www/src/{ => components}/demos/date-field/disabled.tsx (100%)
 rename www/src/{ => components}/demos/date-field/error-message.tsx (100%)
 rename www/src/{ => components}/demos/date-field/granularity.tsx (100%)
 rename www/src/{ => components}/demos/date-field/hide-time-zone.tsx (100%)
 rename www/src/{ => components}/demos/date-field/hour-cycle.tsx (100%)
 rename www/src/{ => components}/demos/date-field/label.tsx (100%)
 rename www/src/{ => components}/demos/date-field/placeholder.tsx (100%)
 rename www/src/{ => components}/demos/date-field/prefix-and-suffix.tsx (100%)
 rename www/src/{ => components}/demos/date-field/read-only.tsx (100%)
 rename www/src/{ => components}/demos/date-field/required.tsx (100%)
 rename www/src/{ => components}/demos/date-field/sizes.tsx (100%)
 rename www/src/{ => components}/demos/date-field/time-zones.tsx (100%)
 rename www/src/{ => components}/demos/date-field/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/composition.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/controlled.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/default.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/description.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/disabled.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/error-message.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/granularity.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/hide-time-zone.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/hour-cycle.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/label.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/placeholder.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/prefix.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/read-only.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/required.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/sizes.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/time-zones.tsx (100%)
 rename www/src/{ => components}/demos/date-picker/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/composition.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/controlled.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/default.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/description.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/disabled.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/error-message.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/granularity.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/hide-time-zone.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/hour-cycle.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/label.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/loading.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/placeholder.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/prefix.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/read-only.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/required.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/sizes.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/time-zones.tsx (100%)
 rename www/src/{ => components}/demos/date-range-picker/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/dialog/alert-dialog.tsx (100%)
 rename www/src/{ => components}/demos/dialog/async-form-submission.tsx (100%)
 rename www/src/{ => components}/demos/dialog/basic.tsx (100%)
 rename www/src/{ => components}/demos/dialog/composition.tsx (100%)
 rename www/src/{ => components}/demos/dialog/controlled.tsx (100%)
 rename www/src/{ => components}/demos/dialog/description.tsx (100%)
 rename www/src/{ => components}/demos/dialog/dismissable.tsx (100%)
 rename www/src/{ => components}/demos/dialog/drawer.tsx (100%)
 rename www/src/{ => components}/demos/dialog/inset-content.tsx (100%)
 rename www/src/{ => components}/demos/dialog/nested.tsx (100%)
 rename www/src/{ => components}/demos/dialog/popover.tsx (100%)
 rename www/src/{ => components}/demos/dialog/title.tsx (100%)
 rename www/src/{ => components}/demos/dialog/types.tsx (100%)
 rename www/src/{ => components}/demos/drawer/basic.tsx (100%)
 rename www/src/{ => components}/demos/drawer/placement.tsx (100%)
 rename www/src/{ => components}/demos/drop-zone/basic.tsx (100%)
 rename www/src/{ => components}/demos/drop-zone/disabled.tsx (100%)
 rename www/src/{ => components}/demos/drop-zone/events.tsx (100%)
 rename www/src/{ => components}/demos/drop-zone/file-trigger.tsx (100%)
 rename www/src/{ => components}/demos/drop-zone/label.tsx (100%)
 rename www/src/{ => components}/demos/drop-zone/visual-feedback.tsx (100%)
 rename www/src/{ => components}/demos/file-trigger/default.tsx (100%)
 rename www/src/{ => components}/demos/file-trigger/directory-selection.tsx (100%)
 rename www/src/{ => components}/demos/file-trigger/file-types.tsx (100%)
 rename www/src/{ => components}/demos/file-trigger/media-capture.tsx (100%)
 rename www/src/{ => components}/demos/file-trigger/multiple-files.tsx (100%)
 rename www/src/{ => components}/demos/form/basic.tsx (100%)
 rename www/src/{ => components}/demos/form/react-aria.tsx (100%)
 rename www/src/{ => components}/demos/form/react-hook-form.tsx (100%)
 rename www/src/{ => components}/demos/list-box/async-loading.tsx (100%)
 rename www/src/{ => components}/demos/list-box/basic.tsx (100%)
 rename www/src/{ => components}/demos/list-box/composition.tsx (100%)
 rename www/src/{ => components}/demos/list-box/contact-list.tsx (100%)
 rename www/src/{ => components}/demos/list-box/controlled.tsx (100%)
 rename www/src/{ => components}/demos/list-box/disabled-items.tsx (100%)
 rename www/src/{ => components}/demos/list-box/empty-state.tsx (100%)
 rename www/src/{ => components}/demos/list-box/grid.tsx (100%)
 rename www/src/{ => components}/demos/list-box/horizontal.tsx (100%)
 rename www/src/{ => components}/demos/list-box/image-grid.tsx (100%)
 rename www/src/{ => components}/demos/list-box/item-variant.tsx (100%)
 rename www/src/{ => components}/demos/list-box/label-and-description.tsx (100%)
 rename www/src/{ => components}/demos/list-box/links.tsx (100%)
 rename www/src/{ => components}/demos/list-box/loading.tsx (100%)
 rename www/src/{ => components}/demos/list-box/prefix-and-suffix.tsx (100%)
 rename www/src/{ => components}/demos/list-box/sections.tsx (100%)
 rename www/src/{ => components}/demos/list-box/selection-behavior.tsx (100%)
 rename www/src/{ => components}/demos/list-box/selection-mode.tsx (100%)
 rename www/src/{ => components}/demos/list-box/separator.tsx (100%)
 rename www/src/{ => components}/demos/list-box/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/menu/basic.tsx (100%)
 rename www/src/{ => components}/demos/menu/composition.tsx (100%)
 rename www/src/{ => components}/demos/menu/controlled.tsx (100%)
 rename www/src/{ => components}/demos/menu/disabled-items.tsx (100%)
 rename www/src/{ => components}/demos/menu/item-variant.tsx (100%)
 rename www/src/{ => components}/demos/menu/label-and-description.tsx (100%)
 rename www/src/{ => components}/demos/menu/link-items.tsx (100%)
 rename www/src/{ => components}/demos/menu/long-press.tsx (100%)
 rename www/src/{ => components}/demos/menu/multiple-selection.tsx (100%)
 rename www/src/{ => components}/demos/menu/overlay-type.tsx (100%)
 rename www/src/{ => components}/demos/menu/placement.tsx (100%)
 rename www/src/{ => components}/demos/menu/prefix-and-suffix.tsx (100%)
 rename www/src/{ => components}/demos/menu/section.tsx (100%)
 rename www/src/{ => components}/demos/menu/separator.tsx (100%)
 rename www/src/{ => components}/demos/menu/shortcut.tsx (100%)
 rename www/src/{ => components}/demos/menu/single-selection.tsx (100%)
 rename www/src/{ => components}/demos/menu/submenus.tsx (100%)
 rename www/src/{ => components}/demos/modal/basic.tsx (100%)
 rename www/src/{ => components}/demos/number-field/composition.tsx (100%)
 rename www/src/{ => components}/demos/number-field/controlled.tsx (100%)
 rename www/src/{ => components}/demos/number-field/default.tsx (100%)
 rename www/src/{ => components}/demos/number-field/description.tsx (100%)
 rename www/src/{ => components}/demos/number-field/disabled.tsx (100%)
 rename www/src/{ => components}/demos/number-field/error-message.tsx (100%)
 rename www/src/{ => components}/demos/number-field/format-options.tsx (100%)
 rename www/src/{ => components}/demos/number-field/label.tsx (100%)
 rename www/src/{ => components}/demos/number-field/read-only.tsx (100%)
 rename www/src/{ => components}/demos/number-field/required.tsx (100%)
 rename www/src/{ => components}/demos/number-field/sizes.tsx (100%)
 rename www/src/{ => components}/demos/number-field/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/overlay/basic.tsx (100%)
 rename www/src/{ => components}/demos/overlay/type.tsx (100%)
 rename www/src/{ => components}/demos/popover/basic.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/composition.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/custom-value-label.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/default.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/duration.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/format-options.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/indeterminate.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/label.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/min-max-values.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/shape.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/sizes.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/value-label.tsx (100%)
 rename www/src/{ => components}/demos/progress-bar/variants.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/cards.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/composition.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/controlled.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/default.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/description.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/disabled.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/error-message.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/label.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/orientation.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/read-only.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/required.tsx (100%)
 rename www/src/{ => components}/demos/radio-group/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/composition.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/controlled.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/default.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/disabled.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/error-message.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/non-contiguous-ranges.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/page-behaviour.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/read-only.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/unvailable-dates.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/validation.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/variant.tsx (100%)
 rename www/src/{ => components}/demos/range-calendar/visible-months.tsx (100%)
 rename www/src/{ => components}/demos/registry.ts (100%)
 rename www/src/{ => components}/demos/search-field/composition.tsx (100%)
 rename www/src/{ => components}/demos/search-field/controlled.tsx (100%)
 rename www/src/{ => components}/demos/search-field/default.tsx (100%)
 rename www/src/{ => components}/demos/search-field/description.tsx (100%)
 rename www/src/{ => components}/demos/search-field/disabled.tsx (100%)
 rename www/src/{ => components}/demos/search-field/error-message.tsx (100%)
 rename www/src/{ => components}/demos/search-field/form.tsx (100%)
 rename www/src/{ => components}/demos/search-field/label.tsx (100%)
 rename www/src/{ => components}/demos/search-field/read-only.tsx (100%)
 rename www/src/{ => components}/demos/search-field/required.tsx (100%)
 rename www/src/{ => components}/demos/search-field/sizes.tsx (100%)
 rename www/src/{ => components}/demos/search-field/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/select/async-loading.tsx (100%)
 rename www/src/{ => components}/demos/select/basic.tsx (100%)
 rename www/src/{ => components}/demos/select/composition.tsx (100%)
 rename www/src/{ => components}/demos/select/controlled.tsx (100%)
 rename www/src/{ => components}/demos/select/description.tsx (100%)
 rename www/src/{ => components}/demos/select/disabled.tsx (100%)
 rename www/src/{ => components}/demos/select/label.tsx (100%)
 rename www/src/{ => components}/demos/select/links.tsx (100%)
 rename www/src/{ => components}/demos/select/loading.tsx (100%)
 rename www/src/{ => components}/demos/select/placeholder.tsx (100%)
 rename www/src/{ => components}/demos/select/required.tsx (100%)
 rename www/src/{ => components}/demos/select/sections.tsx (100%)
 rename www/src/{ => components}/demos/select/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/select/validation.tsx (100%)
 rename www/src/{ => components}/demos/separator/card.tsx (100%)
 rename www/src/{ => components}/demos/separator/orientation.tsx (100%)
 rename www/src/{ => components}/demos/skeleton/api-simulation.tsx (100%)
 rename www/src/{ => components}/demos/skeleton/card.tsx (100%)
 rename www/src/{ => components}/demos/skeleton/children.tsx (100%)
 rename www/src/{ => components}/demos/skeleton/fixed-size-children.tsx (100%)
 rename www/src/{ => components}/demos/skeleton/show.tsx (100%)
 rename www/src/{ => components}/demos/slider/composition.tsx (100%)
 rename www/src/{ => components}/demos/slider/controlled.tsx (100%)
 rename www/src/{ => components}/demos/slider/default.tsx (100%)
 rename www/src/{ => components}/demos/slider/description.tsx (100%)
 rename www/src/{ => components}/demos/slider/disabled.tsx (100%)
 rename www/src/{ => components}/demos/slider/format-options.tsx (100%)
 rename www/src/{ => components}/demos/slider/label.tsx (100%)
 rename www/src/{ => components}/demos/slider/range.tsx (100%)
 rename www/src/{ => components}/demos/slider/sizes.tsx (100%)
 rename www/src/{ => components}/demos/slider/step.tsx (100%)
 rename www/src/{ => components}/demos/slider/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/slider/value-label.tsx (100%)
 rename www/src/{ => components}/demos/slider/value-scale.tsx (100%)
 rename www/src/{ => components}/demos/slider/vertical.tsx (100%)
 rename www/src/{ => components}/demos/switch/card.tsx (100%)
 rename www/src/{ => components}/demos/switch/composition.tsx (100%)
 rename www/src/{ => components}/demos/switch/controlled.tsx (100%)
 rename www/src/{ => components}/demos/switch/default.tsx (100%)
 rename www/src/{ => components}/demos/switch/disabled.tsx (100%)
 rename www/src/{ => components}/demos/switch/label.tsx (100%)
 rename www/src/{ => components}/demos/switch/sizes.tsx (100%)
 rename www/src/{ => components}/demos/switch/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/table/basic.tsx (100%)
 rename www/src/{ => components}/demos/table/column-resizing.tsx (100%)
 rename www/src/{ => components}/demos/table/controlled.tsx (100%)
 rename www/src/{ => components}/demos/table/disabled-rows.tsx (100%)
 rename www/src/{ => components}/demos/table/disallow-empty-selection.tsx (100%)
 rename www/src/{ => components}/demos/table/dynamic-collection.tsx (100%)
 rename www/src/{ => components}/demos/table/empty-state.tsx (100%)
 rename www/src/{ => components}/demos/table/links.tsx (100%)
 rename www/src/{ => components}/demos/table/reordable.tsx (100%)
 rename www/src/{ => components}/demos/table/row-action.tsx (100%)
 rename www/src/{ => components}/demos/table/selection-behavior.tsx (100%)
 rename www/src/{ => components}/demos/table/selection-mode.tsx (100%)
 rename www/src/{ => components}/demos/table/selection-variant.tsx (100%)
 rename www/src/{ => components}/demos/table/selection.tsx (100%)
 rename www/src/{ => components}/demos/table/sorting.tsx (100%)
 rename www/src/{ => components}/demos/table/static-row-action.tsx (100%)
 rename www/src/{ => components}/demos/table/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/table/variants.tsx (100%)
 rename www/src/{ => components}/demos/tabs/basic.tsx (100%)
 rename www/src/{ => components}/demos/tabs/controlled.tsx (100%)
 rename www/src/{ => components}/demos/tabs/disabled.tsx (100%)
 rename www/src/{ => components}/demos/tabs/keyboard-activation.tsx (100%)
 rename www/src/{ => components}/demos/tabs/variant.tsx (100%)
 rename www/src/{ => components}/demos/tabs/vertical.tsx (100%)
 rename www/src/{ => components}/demos/tag-group/default.tsx (100%)
 rename www/src/{ => components}/demos/text-area/composition.tsx (100%)
 rename www/src/{ => components}/demos/text-area/controlled.tsx (100%)
 rename www/src/{ => components}/demos/text-area/default.tsx (100%)
 rename www/src/{ => components}/demos/text-area/description.tsx (100%)
 rename www/src/{ => components}/demos/text-area/disabled.tsx (100%)
 rename www/src/{ => components}/demos/text-area/error-message.tsx (100%)
 rename www/src/{ => components}/demos/text-area/form.tsx (100%)
 rename www/src/{ => components}/demos/text-area/label.tsx (100%)
 rename www/src/{ => components}/demos/text-area/prefix-and-suffix.tsx (100%)
 rename www/src/{ => components}/demos/text-area/read-only.tsx (100%)
 rename www/src/{ => components}/demos/text-area/required.tsx (100%)
 rename www/src/{ => components}/demos/text-area/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/text-field/composition.tsx (100%)
 rename www/src/{ => components}/demos/text-field/controlled.tsx (100%)
 rename www/src/{ => components}/demos/text-field/default.tsx (100%)
 rename www/src/{ => components}/demos/text-field/description.tsx (100%)
 rename www/src/{ => components}/demos/text-field/disabled.tsx (100%)
 rename www/src/{ => components}/demos/text-field/error-message.tsx (100%)
 rename www/src/{ => components}/demos/text-field/label.tsx (100%)
 rename www/src/{ => components}/demos/text-field/prefix-and-suffix.tsx (100%)
 rename www/src/{ => components}/demos/text-field/read-only.tsx (100%)
 rename www/src/{ => components}/demos/text-field/required.tsx (100%)
 rename www/src/{ => components}/demos/text-field/sizes.tsx (100%)
 rename www/src/{ => components}/demos/text-field/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/time-field/composition.tsx (100%)
 rename www/src/{ => components}/demos/time-field/controlled.tsx (100%)
 rename www/src/{ => components}/demos/time-field/default.tsx (100%)
 rename www/src/{ => components}/demos/time-field/description.tsx (100%)
 rename www/src/{ => components}/demos/time-field/disabled.tsx (100%)
 rename www/src/{ => components}/demos/time-field/error-message.tsx (100%)
 rename www/src/{ => components}/demos/time-field/granularity.tsx (100%)
 rename www/src/{ => components}/demos/time-field/hide-time-zone.tsx (100%)
 rename www/src/{ => components}/demos/time-field/hour-cycle.tsx (100%)
 rename www/src/{ => components}/demos/time-field/label.tsx (100%)
 rename www/src/{ => components}/demos/time-field/placeholder.tsx (100%)
 rename www/src/{ => components}/demos/time-field/prefix-and-suffix.tsx (100%)
 rename www/src/{ => components}/demos/time-field/read-only.tsx (100%)
 rename www/src/{ => components}/demos/time-field/required.tsx (100%)
 rename www/src/{ => components}/demos/time-field/sizes.tsx (100%)
 rename www/src/{ => components}/demos/time-field/time-zones.tsx (100%)
 rename www/src/{ => components}/demos/time-field/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/toggle-button-group/default.tsx (100%)
 rename www/src/{ => components}/demos/toggle-button/controlled.tsx (100%)
 rename www/src/{ => components}/demos/toggle-button/default.tsx (100%)
 rename www/src/{ => components}/demos/toggle-button/disabled.tsx (100%)
 rename www/src/{ => components}/demos/toggle-button/shapes.tsx (100%)
 rename www/src/{ => components}/demos/toggle-button/sizes.tsx (100%)
 rename www/src/{ => components}/demos/toggle-button/uncontrolled.tsx (100%)
 rename www/src/{ => components}/demos/toggle-button/variants.tsx (100%)
 rename www/src/{ => components}/demos/tooltip/arrow.tsx (100%)
 rename www/src/{ => components}/demos/tooltip/composition.tsx (100%)
 rename www/src/{ => components}/demos/tooltip/container-padding.tsx (100%)
 rename www/src/{ => components}/demos/tooltip/default.tsx (100%)
 rename www/src/{ => components}/demos/tooltip/delay.tsx (100%)
 rename www/src/{ => components}/demos/tooltip/flip.tsx (100%)
 rename www/src/{ => components}/demos/tooltip/offset.tsx (100%)
 rename www/src/{ => components}/demos/tooltip/placement.tsx (100%)
 rename www/src/{ => components}/demos/tooltip/variant.tsx (100%)
 rename www/src/{ => components}/demos/tooltip/with-arrow.tsx (100%)
 rename www/src/registry/core/{tooltip_framer.tsx => tooltip_motion.tsx} (100%)
 delete mode 100644 www/src/registry/registry-core_new.ts

diff --git a/www/content/docs/components/buttons/button-group.mdx b/www/content/docs/components/buttons/button-group.mdx
index 2c3f8ff09..9a038dd53 100644
--- a/www/content/docs/components/buttons/button-group.mdx
+++ b/www/content/docs/components/buttons/button-group.mdx
@@ -12,7 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
 ---
 
-<ComponentPreview name="core/button-group/button-group-default" />
+<ComponentPreview name="button-group/default" />
 
 ## Installation
 
diff --git a/www/content/docs/components/buttons/button.mdx b/www/content/docs/components/buttons/button.mdx
index 8344141cd..56c07c129 100644
--- a/www/content/docs/components/buttons/button.mdx
+++ b/www/content/docs/components/buttons/button.mdx
@@ -12,10 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/button.mdx?plain=1
 ---
 
-<ComponentPreview
-  name="core/button/button-default"
-  preview={`<Button>button</Button>`}
-/>
+<ComponentPreview name="button/default" preview={`<Button>button</Button>`} />
 
 ## Installation
 
@@ -36,7 +33,7 @@ Use the `variant` prop to control the visual style of the button.<br/>
 The default variant is `"default"`.
 
 <ComponentPreview
-  name="core/button/button-variants"
+  name="button/variants"
   preview={`<Button variant="default">default</Button>
 <Button variant="primary">primary</Button>
 <Button variant="outline">outline</Button>
@@ -53,7 +50,7 @@ Use the `size` prop to control the size of the button.<br/>
 The default size is `"md"`.
 
 <ComponentPreview
-  name="core/button/button-sizes"
+  name="button/sizes"
   preview={`<Button size="sm">Button</Button>
 <Button size="md">Button</Button>
 <Button size="lg">Button</Button>`}
@@ -65,7 +62,7 @@ Use the `shape` prop to control the shape of the button. The default variant is
 Icon-only buttons should include an `aria-label`.
 
 <ComponentPreview
-  name="core/button/button-shapes"
+  name="button/shapes"
   preview={`<Button shape="square"><UplaodIcon /></UplaodIcon>
 <Button shape="circular"><UplaodIcon /></Button>`}
 />
@@ -75,7 +72,7 @@ Icon-only buttons should include an `aria-label`.
 To add additional context for a button label, such as a search icon next to the label for a search field submit, use the `prefix` and `suffix` props. Leading visuals always appear locked to the button label, even if the button is full width.
 
 <ComponentPreview
-  name="core/button/button-prefix-and-suffix"
+  name="button/prefix-and-suffix"
   preview={`<Button prefix={<UplaodIcon />}>Upload</Button>
 <Button suffix={<UplaodIcon />}>Upload</Button>`}
 />
@@ -85,7 +82,7 @@ To add additional context for a button label, such as a search icon next to the
 Use the `isPending` prop to control the loading state of the button, if you need to wait for a button's action to be completed.
 
 <ComponentPreview
-  name="core/button/button-loading"
+  name="button/loading"
   preview={`<Button isPending>Button</Button>`}
 />
 
@@ -94,7 +91,7 @@ Use the `isPending` prop to control the loading state of the button, if you need
 Use the `isDisabled` prop to disable the button.
 
 <ComponentPreview
-  name="core/button/button-disabled"
+  name="button/disabled"
   preview={`<Button isDisabled>Button</Button>`}
 />
 
@@ -103,7 +100,7 @@ Use the `isDisabled` prop to disable the button.
 To use a button as a link, use the `href` prop the button will automatically render a link that visually looks like a button.
 
 <ComponentPreview
-  name="core/button/button-link-button"
+  name="button/link-button"
   preview={`<Button href="/login">Login</Button>`}
 />
 
diff --git a/www/content/docs/components/buttons/file-trigger.mdx b/www/content/docs/components/buttons/file-trigger.mdx
index 5ea05aa93..f85bc0ca3 100644
--- a/www/content/docs/components/buttons/file-trigger.mdx
+++ b/www/content/docs/components/buttons/file-trigger.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/file-trigger/file-trigger-default"
+  name="file-trigger/default"
   preview={`<FileTrigger>
     <Button prefix={<UploadIcon />}>Upload</Button>
 </FileTrigger>`}
@@ -41,7 +41,7 @@ import { FileTrigger } from "@/components/core/file-trigger";
 By default, the file trigger will accept any file type. To support only certain file types, pass an array of the [mime type](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types) of files via the `acceptedFileTypes` prop.
 
 <ComponentPreview
-  name="core/file-trigger/file-trigger-file-types"
+  name="file-trigger/file-types"
   preview={`<FileTrigger acceptedFileTypes={["image/*"]}>
     <Button prefix={<UploadIcon />}>Upload</Button>
 </FileTrigger>`}
@@ -52,7 +52,7 @@ By default, the file trigger will accept any file type. To support only certain
 A file trigger can accept multiple files by passsing the `allowsMultiple` prop.
 
 <ComponentPreview
-  name="core/file-trigger/file-trigger-multiple-files"
+  name="file-trigger/multiple-files"
   preview={`<FileTrigger allowMultiple>
     <Button prefix={<UploadIcon />}>Upload</Button>
 </FileTrigger>`}
@@ -64,7 +64,7 @@ To enable selecting directories instead of files, use the `acceptDirectory` prop
 This reflects the [webkitdirectory](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory) HTML attribute and allows users to select directories and their contents. Please note that support for this feature varies from browser to browser.
 
 <ComponentPreview
-  name="core/file-trigger/file-trigger-directory-selection"
+  name="file-trigger/directory-selection"
   preview={`<FileTrigger acceptDirectory>
     <Button prefix={<UploadIcon />}>Upload</Button>
 </FileTrigger>`}
@@ -76,7 +76,7 @@ To specify the media capture mechanism to capture media on the spot, pass user f
 This behavior only works on mobile devices. On desktop devices, it will open the file system like normal. [Read more about capture](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture).
 
 <ComponentPreview
-  name="core/file-trigger/file-trigger-media-capture"
+  name="file-trigger/media-capture"
   preview={`<FileTrigger defaultCamera="environment">
     <Button prefix={<UploadIcon />}>Upload</Button>
 </FileTrigger>`}
diff --git a/www/content/docs/components/buttons/toggle-button-group.mdx b/www/content/docs/components/buttons/toggle-button-group.mdx
index 0d9b8392f..e782d5133 100644
--- a/www/content/docs/components/buttons/toggle-button-group.mdx
+++ b/www/content/docs/components/buttons/toggle-button-group.mdx
@@ -12,7 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
 ---
 
-<ComponentPreview name="core/toggle-button-group/toggle-button-group-default" />
+<ComponentPreview name="toggle-button-group/default" />
 
 ## Installation
 
diff --git a/www/content/docs/components/buttons/toggle-button.mdx b/www/content/docs/components/buttons/toggle-button.mdx
index 216ea7e7c..0272f9db2 100644
--- a/www/content/docs/components/buttons/toggle-button.mdx
+++ b/www/content/docs/components/buttons/toggle-button.mdx
@@ -13,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/toggle-button/toggle-button-default"
+  name="toggle-button/default"
   preview={`<ToggleButton>
     <PinIcon />
   </ToggleButton>`}
@@ -39,7 +39,7 @@ npx dotui-cli@latest add toggle-button
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/toggle-button/toggle-button" />
+      <ComponentSource name="toggle-button/toggle-button" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -59,7 +59,7 @@ Use the `variant` prop to control the visual style of the toggle button.
 The default size is `"quiet"`.
 
 <ComponentPreview
-  name="core/toggle-button/toggle-button-variants"
+  name="toggle-button/variants"
   preview={`<ToggleButton variant="quiet"><PinIcon /></ToggleButton>
 <ToggleButton variant="outline"><PinIcon /></ToggleButton>
 <ToggleButton variant="accent"><PinIcon /></ToggleButton>`}
@@ -71,7 +71,7 @@ Use the `size` prop to control the size of the toggle button.<br/>
 The default size is `"md"`.
 
 <ComponentPreview
-  name="core/toggle-button/toggle-button-sizes"
+  name="toggle-button/sizes"
   preview={`<ToggleButton size="sm"><PinIcon /></ToggleButton>
 <ToggleButton size="md"><PinIcon /></ToggleButton>
 <ToggleButton size="lg"><PinIcon /></ToggleButton>`}
@@ -83,7 +83,7 @@ Use the `shape` prop to control the shape of the toggle button. The default shap
 Icon-only toggle buttons should include an `aria-label`.
 
 <ComponentPreview
-  name="core/toggle-button/toggle-button-shapes"
+  name="toggle-button/shapes"
   preview={`<ToggleButton shape="square"><PinIcon /></ToggleButton>
 <ToggleButton shape="circular"><PinIcon /></ToggleButton>
 <ToggleButton prefix={<PinIcon />} shape="rectangle">Pin</ToggleButton>`}
@@ -94,7 +94,7 @@ Icon-only toggle buttons should include an `aria-label`.
 Use the `isDisabled` prop to disable the toggle button.
 
 <ComponentPreview
-  name="core/toggle-button/toggle-button-disabled"
+  name="toggle-button/disabled"
   preview={`<ToggleButton isDisabled><PinIcon /></ToggleButton>`}
 />
 
@@ -103,7 +103,7 @@ Use the `isDisabled` prop to disable the toggle button.
 Use the `defaultSelected` to set the initial state of the toggle button.
 
 <ComponentPreview
-  name="core/toggle-button/toggle-button-uncontrolled"
+  name="toggle-button/uncontrolled"
   preview={`<ToggleButton defaultSelected><PinIcon /></ToggleButton>`}
 />
 
@@ -112,7 +112,7 @@ Use the `defaultSelected` to set the initial state of the toggle button.
 Use the `isSelected` and `onChange` props to control the state of the toggle button.
 
 <ComponentPreview
-  name="core/toggle-button/toggle-button-controlled"
+  name="toggle-button/controlled"
   preview={`const [isSelected, setSelected] = React.useState(true);
   return (
     <ToggleButton isSelected={isSelected} onChange={setSelected}>
diff --git a/www/content/docs/components/colors/color-area.mdx b/www/content/docs/components/colors/color-area.mdx
index 48cea0082..204af502f 100644
--- a/www/content/docs/components/colors/color-area.mdx
+++ b/www/content/docs/components/colors/color-area.mdx
@@ -10,10 +10,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/colors/color-area.mdx?plain=1
 ---
 
-<ComponentPreview
-  name="core/color-area/color-area-default"
-  preview={`<ColorArea />`}
-/>
+<ComponentPreview name="color-area/default" preview={`<ColorArea />`} />
 
 ## Installation
 
@@ -43,7 +40,7 @@ import { ColorThumb } from "@/components/core/color-thumb";
 An initial, uncontrolled value can be provided to the `ColorArea` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/color-area/color-area-uncontrolled"
+  name="color-area/uncontrolled"
   preview={`<ColorArea defaultValue="hsl(30, 100%, 50%)" />`}
 />
 
@@ -52,7 +49,7 @@ An initial, uncontrolled value can be provided to the `ColorArea` using the `def
 Use the `value` and `onChange` props to control the value of the slider.
 
 <ComponentPreview
-  name="core/color-area/color-area-controlled"
+  name="color-area/controlled"
   preview={`const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"))
 return <ColorArea value={value} onChange={setValue} xChannel="saturation" yChannel="lightness" />`}
 />
@@ -62,7 +59,7 @@ return <ColorArea value={value} onChange={setValue} xChannel="saturation" yChann
 `xChannel` and `yChannel` props may be provided to specify which color channels the color area should display
 
 <ComponentPreview
-  name="core/color-area/color-area-channels"
+  name="color-area/channels"
   preview={`<ColorArea xChannel="red" yChannel="blue" />`}
 />
 
@@ -73,7 +70,7 @@ return <ColorArea value={value} onChange={setValue} xChannel="saturation" yChann
 Use the `isDisabled` prop to disable the color area.
 
 <ComponentPreview
-  name="core/color-area/color-area-disabled"
+  name="color-area/disabled"
   preview={`<ColorArea isDisabled />`}
 />
 
@@ -82,7 +79,7 @@ Use the `isDisabled` prop to disable the color area.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/color-area/color-area-composition"
+  name="color-area/composition"
   preview={`<ColorAreaRoot>
     <ColorThumb />
   </ColorAreaRoot>`}
diff --git a/www/content/docs/components/colors/color-field.mdx b/www/content/docs/components/colors/color-field.mdx
index 14c532f64..e84ee6b57 100644
--- a/www/content/docs/components/colors/color-field.mdx
+++ b/www/content/docs/components/colors/color-field.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/color-field/color-field-default"
+  name="color-field/default"
   preview={`<ColorField label="Color" />`}
 />
 
@@ -46,7 +46,7 @@ import { Label, Description, FieldError } from "@/components/core/field";
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/color-field/color-field-controlled"
+  name="color-field/controlled"
   preview={`const [color, setColor] = React.useState<Color | null>(parseColor("#7f007f"));
 return <ColorField value={color} onChange={setColor} />`}
 />
@@ -56,7 +56,7 @@ return <ColorField value={color} onChange={setColor} />`}
 By default, ColorField allows the user to edit the color as a hex value. When the colorSpace and channel props are provided, ColorField displays the value for that channel formatted as a number instead.Rendering multiple ColorFields together can allow a user to edit a color.
 
 <ComponentPreview
-  name="core/color-field/color-field-color-channel"
+  name="color-field/color-channel"
   preview={`<ColorField label="Hue" colorSpace="hsl" channel="hue" />
   <ColorField label="Saturation" colorSpace="hsl" channel="saturation" />
   <ColorField label="Lightness" colorSpace="hsl" channel="lightness" />`}
@@ -67,7 +67,7 @@ By default, ColorField allows the user to edit the color as a hex value. When th
 A visual label can be provided for the `ColorField` using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/color-field/color-field-label"
+  name="color-field/label"
   preview={`<ColorField label="Background" placeholder="Visible label" />
 <ColorField aria-label="Background" placeholder="Hidden label" />`}
 />
@@ -77,7 +77,7 @@ A visual label can be provided for the `ColorField` using the `label` prop or a
 A description can be supplied to `ColorField` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/color-field/color-field-description"
+  name="color-field/description"
   preview={`<ColorField label="Color" description="Enter a background color." />`}
 />
 
@@ -86,7 +86,7 @@ A description can be supplied to `ColorField` via the `description` prop. The de
 By default, `ColorField` displays default validation messages provided by the browser. You can customize this using the `errorMessage` prop, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/color-field/color-field-error-message"
+  name="color-field/error-message"
   preview={`<ColorField label="Color" isInvalid errorMessage="Please fill out this field." />`}
 />
 
@@ -98,7 +98,7 @@ Use the `size` prop to control the size of the `ColorField`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/color-field/color-field-sizes"
+  name="color-field/sizes"
   preview={`<ColorField label="small" size="sm" />
 <ColorField label="medium" size="md" />
 <ColorField label="large" size="lg" />`}
@@ -109,7 +109,7 @@ The default variant is `"md"`.
 To add additional context for the `ColorField`, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/color-field/color-field-prefix-and-suffix"
+  name="color-field/prefix-and-suffix"
   preview={`<ColorField prefix={<PaletteIcon />} />
 <ColorField suffix={<PaletteIcon />} />`}
 />
@@ -119,7 +119,7 @@ To add additional context for the `ColorField`, use the `prefix` and `suffix` pr
 Use the `isDisabled` prop to disable the `ColorField`.
 
 <ComponentPreview
-  name="core/color-field/color-field-disabled"
+  name="color-field/disabled"
   preview={`<ColorField value={parseColor("rgb(222,70,58)")} isDisabled />`}
 />
 
@@ -128,7 +128,7 @@ Use the `isDisabled` prop to disable the `ColorField`.
 The `isReadOnly` boolean prop makes the `ColorField`'s text content immutable. Unlike `isDisabled`, the `ColorField` remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/color-field/color-field-read-only"
+  name="color-field/read-only"
   preview={`<ColorField label="Color" isReadOnly value="#121212" />`}
 />
 
@@ -138,7 +138,7 @@ Use the `isRequired` prop to mark the `ColorField` as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/color-field/color-field-required"
+  name="color-field/required"
   preview={`<ColorField label="Color" isRequired />
 <ColorField label="Color" isRequired necessityIndicator="icon" />
 <ColorField label="Color" isRequired necessityIndicator="label" />
@@ -150,7 +150,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/color-field/color-field-composition"
+  name="color-field/composition"
   preview={`<ColorFieldRoot>
     <Label>Background</Label>
     <ColorFieldInput />
diff --git a/www/content/docs/components/colors/color-picker.mdx b/www/content/docs/components/colors/color-picker.mdx
index 741fd15ec..4d257cb8b 100644
--- a/www/content/docs/components/colors/color-picker.mdx
+++ b/www/content/docs/components/colors/color-picker.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/color-picker/color-picker-default"
+  name="color-picker/default"
   preview={`<ColorPicker defaultValue="#5100FF" />`}
 />
 
@@ -52,7 +52,7 @@ import { DialogRoot, Dialog } from "@/components/core/dialog";
 An initial, uncontrolled value can be provided to the `ColorPicker` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/color-picker/color-picker-uncontrolled"
+  name="color-picker/uncontrolled"
   preview={`<ColorPicker defaultValue="#5100FF" />`}
 />
 
@@ -61,7 +61,7 @@ An initial, uncontrolled value can be provided to the `ColorPicker` using the `d
 Use the `value` and `onChange` props to control the color picker value.
 
 <ComponentPreview
-  name="core/color-picker/color-picker-controlled"
+  name="color-picker/controlled"
   preview={`const [value, setValue] = React.useState(parseColor("hsl(25, 100%, 50%)"));
  <ColorPicker value={value} onChange={setValue} />;`}
 />
@@ -71,7 +71,7 @@ Use the `value` and `onChange` props to control the color picker value.
 `ColorPicker` accepts all [button options](/docs/components/buttons/button#options).
 
 <ComponentPreview
-  name="core/color-picker/color-picker-options"
+  name="color-picker/options"
   preview={`<ColorPicker size="sm" shape="rectangle">
     Fill color
   </ColorPicker>`}
@@ -82,7 +82,7 @@ Use the `value` and `onChange` props to control the color picker value.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/color-picker/color-picker-composition"
+  name="color-picker/composition"
   preview={`<ColorPickerRoot defaultValue="#5100FF">
     <DialogRoot>
       <ColorPickerButton />
@@ -99,13 +99,13 @@ If you need to customize things further, you can drop down to the composition le
 
 This example uses [ColorSlider](/docs/components/colors/color-slider) to allow a user to adjust each channel of a color value, with a [Select](/docs/components/menus-and-selection/select) to switch between color spaces.
 
-<ComponentPreview name="core/color-picker/color-picker-channel-sliders" />
+<ComponentPreview name="color-picker/channel-sliders" />
 
 ### Swatches
 
 This example uses a [ColorSwatchPicker](/docs/components/colors/color-swatch-picker) to provide color presets for a color picker.
 
-<ComponentPreview name="core/color-picker/color-picker-swatches" />
+<ComponentPreview name="color-picker/swatches" />
 
 ## API Reference
 
diff --git a/www/content/docs/components/colors/color-slider.mdx b/www/content/docs/components/colors/color-slider.mdx
index 11867e2e4..7af4e2a92 100644
--- a/www/content/docs/components/colors/color-slider.mdx
+++ b/www/content/docs/components/colors/color-slider.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/color-slider/color-slider-default"
+  name="color-slider/default"
   preview={`<ColorSlider channel="hue" defaultValue="hsl(200, 100%, 50%)" />`}
 />
 
@@ -51,7 +51,7 @@ import { Label } from "@/components/dynamic-core/field";
 Use the `value` and `onChange` props to control the value of the slider.
 
 <ComponentPreview
-  name="core/color-slider/color-slider-controlled"
+  name="color-slider/controlled"
   preview={`const [value, setValue] = React.useState(parseColor("hsl(0, 100%, 50%)"));
   return <ColorSlider value={value} onChange={setValue} channel="hue" />`}
 />
@@ -61,7 +61,7 @@ Use the `value` and `onChange` props to control the value of the slider.
 Use the `label` prop to provide a label for the color slider.
 
 <ComponentPreview
-  name="core/color-slider/color-slider-label"
+  name="color-slider/label"
   preview={`<ColorSlider label="Hue" channel="hue" defaultValue="hsl(200, 100%, 50%)" />`}
 />
 
@@ -70,7 +70,7 @@ Use the `label` prop to provide a label for the color slider.
 `channel` prop may be provided to specify which color channel the color slider should display
 
 <ComponentPreview
-  name="core/color-slider/color-slider-channel"
+  name="color-slider/channel"
   preview={`<ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" />`}
 />
 
@@ -81,7 +81,7 @@ Use the `label` prop to provide a label for the color slider.
 `orientation` prop may be provided to specify the orientation of the color slider.
 
 <ComponentPreview
-  name="core/color-slider/color-slider-vertical"
+  name="color-slider/vertical"
   preview={`<ColorSlider orientation="vertical" channel="hue" defaultValue="hsl(0, 100%, 50%)" />`}
 />
 
@@ -90,7 +90,7 @@ Use the `label` prop to provide a label for the color slider.
 Use the `isDisabled` prop to disable the color slider.
 
 <ComponentPreview
-  name="core/color-slider/color-slider-disabled"
+  name="color-slider/disabled"
   preview={`<ColorSlider label="Opacity" defaultValue="#f00" channel="alpha" isDisabled />`}
 />
 
@@ -99,7 +99,7 @@ Use the `isDisabled` prop to disable the color slider.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/color-slider/color-slider-composition"
+  name="color-slider/composition"
   preview={`<ColorSliderRoot channel="hue" defaultValue="hsl(0, 100%, 50%)">
     <div className="flex items-center justify-between">
       <Label>Hue</Label>
diff --git a/www/content/docs/components/colors/color-swatch-picker.mdx b/www/content/docs/components/colors/color-swatch-picker.mdx
index f0c7a5032..d26abd2b9 100644
--- a/www/content/docs/components/colors/color-swatch-picker.mdx
+++ b/www/content/docs/components/colors/color-swatch-picker.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/color-swatch-picker/color-swatch-picker-basic"
+  name="color-swatch-picker/basic"
   preview={`<ColorSwatchPicker defaultValue="#fff">
     <ColorSwatchPickerItem color="#fff" />
     <ColorSwatchPickerItem color="#A00" />
@@ -45,7 +45,7 @@ import {
 
 ## Controlled
 
-<ComponentPreview name="core/color-swatch-picker/color-swatch-picker-controlled" />
+<ComponentPreview name="color-swatch-picker/controlled" />
 
 ## Label
 
@@ -55,7 +55,7 @@ By default, `ColorSwatchPicker` has an `aria-label` with the localized string "C
 
 ### Disabled
 
-<ComponentPreview name="core/color-swatch-picker/color-swatch-picker-disabled" />
+<ComponentPreview name="color-swatch-picker/disabled" />
 
 ## API Reference
 
diff --git a/www/content/docs/components/colors/color-swatch.mdx b/www/content/docs/components/colors/color-swatch.mdx
index 88f2bd396..8e5a000c1 100644
--- a/www/content/docs/components/colors/color-swatch.mdx
+++ b/www/content/docs/components/colors/color-swatch.mdx
@@ -4,7 +4,7 @@ description: A ColorSwatch displays a preview of a selected color.
 ---
 
 <ComponentPreview
-  name="core/color-swatch/color-swatch-default"
+  name="color-swatch/default"
   preview={`<ColorSwatch color="#f00" />`}
 />
 
diff --git a/www/content/docs/components/data-display/avatar.mdx b/www/content/docs/components/data-display/avatar.mdx
index 6355240c0..62a3126c4 100644
--- a/www/content/docs/components/data-display/avatar.mdx
+++ b/www/content/docs/components/data-display/avatar.mdx
@@ -9,7 +9,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/avatar/avatar-default"
+  name="avatar/default"
   preview={`<Avatar src="https://github.com/mehdibha.png" alt="@mehdibha" fallback="M" />
   <Avatar src="https://githubbb.com/mehdibha.png" alt="@mehdibha" fallback="M" /> // invalid URL`}
 />
@@ -50,7 +50,7 @@ import {
 `Avatar` can be either a circle or a square using the `shape` prop.
 
 <ComponentPreview
-  name="core/avatar/avatar-shape"
+  name="avatar/shape"
   preview={`<Avatar shape="square" />
 <Avatar shape="circle" />`}
 />
@@ -60,7 +60,7 @@ import {
 Use the `size` prop to control the size of the `Avatar`. The default variant is `md`.
 
 <ComponentPreview
-  name="core/avatar/avatar-sizes"
+  name="avatar/sizes"
   preview={`<Avatar size="sm" />
   <Avatar size="md" />
   <Avatar size="lg" />`}
@@ -71,7 +71,7 @@ Use the `size` prop to control the size of the `Avatar`. The default variant is
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/avatar/avatar-composition"
+  name="avatar/composition"
   preview={`<AvatarRoot>
     <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
     <AvatarFallback>M</AvatarFallback>
diff --git a/www/content/docs/components/data-display/badge.mdx b/www/content/docs/components/data-display/badge.mdx
index d25d9b6d1..b10dd3eb7 100644
--- a/www/content/docs/components/data-display/badge.mdx
+++ b/www/content/docs/components/data-display/badge.mdx
@@ -8,10 +8,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/data-display/badge.mdx?plain=1
 ---
 
-<ComponentPreview
-  name="core/badge/badge-default"
-  preview={`<Badge>Badge</Badge>`}
-/>
+<ComponentPreview name="badge/default" preview={`<Badge>Badge</Badge>`} />
 
 ## Installation
 
@@ -34,7 +31,7 @@ import { Badge } from "@/components/core/badge";
 Use the `variant` prop to control the visual style of the `Badge`. The default variant is `primary`.
 
 <ComponentPreview
-  name="core/badge/badge-variants"
+  name="badge/variants"
   preview={`<Badge variant="neutral">neutral</Badge>
   <Badge variant="accent">accent</Badge>
   <Badge variant="success">success</Badge>
@@ -48,7 +45,7 @@ Use the `variant` prop to control the visual style of the `Badge`. The default v
 Use the `size` prop to control the size of the `Badge`. The default variant is `sm`.
 
 <ComponentPreview
-  name="core/badge/badge-sizes"
+  name="badge/sizes"
   preview={`<Badge size="sm">Small</Badge>
   <Badge size="md">Medium</Badge>
   <Badge size="lg">Large</Badge>`}
@@ -59,7 +56,7 @@ Use the `size` prop to control the size of the `Badge`. The default variant is `
 ### With icon
 
 <ComponentPreview
-  name="core/badge/badge-icon"
+  name="badge/icon"
   preview={`<Badge size="sm"><ShieldIcon />Badge</Badge>
   <Badge size="md"><ShieldIcon />Badge</Badge>
   <Badge size="lg"><ShieldIcon />Badge</Badge>`}
diff --git a/www/content/docs/components/data-display/separator.mdx b/www/content/docs/components/data-display/separator.mdx
index f1634e1ea..dee7eeffe 100644
--- a/www/content/docs/components/data-display/separator.mdx
+++ b/www/content/docs/components/data-display/separator.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/separator/separator-card"
+  name="separator/card"
   preview={`<div className="space-y-2 rounded-md border p-4">
     <div>
       <h3 className="font-bold">dotUI</h3>
@@ -51,7 +51,7 @@ import { Separator } from "@/components/core/separator";
 Use the `orientation` prop to change the direction of the separator.
 
 <ComponentPreview
-  name="core/separator/separator-orientation"
+  name="separator/orientation"
   preview={`<div className="flex items-center gap-10">
     <div className="flex h-5 items-center gap-2 text-sm">
       <div>Components</div>
diff --git a/www/content/docs/components/data-display/table.mdx b/www/content/docs/components/data-display/table.mdx
index 36e83e4f4..02e9201fb 100644
--- a/www/content/docs/components/data-display/table.mdx
+++ b/www/content/docs/components/data-display/table.mdx
@@ -10,7 +10,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/layout/aspect-ratio.mdx?plain=1
 ---
 
-<ComponentPreview name="core/table/table-basic" />
+<ComponentPreview name="table/basic" />
 
 ## Installation
 
@@ -62,13 +62,13 @@ import {
 
 Use the `variant` prop to change the appearance of the Table.
 
-<ComponentPreview name="core/table/table-variants" />
+<ComponentPreview name="table/variants" />
 
 ## Dynamic collections
 
 The first example have shown static collections, where the data is hard coded. Dynamic collections, as shown below, can be used when the table data comes from an external data source such as an API, or updates over time. In the example below, both the columns and the rows are provided to the table via a render function. You can also make the columns static and only the rows dynamic.
 
-<ComponentPreview name="core/table/table-dynamic-collection" />
+<ComponentPreview name="table/dynamic-collection" />
 
 ## Selection
 
@@ -76,37 +76,37 @@ The first example have shown static collections, where the data is hard coded. D
 
 By default, Table doesn't allow row selection but this can be enabled using the `selectionMode` prop.
 
-<ComponentPreview name="core/table/table-selection-mode" />
+<ComponentPreview name="table/selection-mode" />
 
 ### Uncontrolled selection
 
 Use `defaultSelectedKeys` to provide a default set of selected rows. Note that the value of the selected keys must match the `id` prop of the row.
 
-<ComponentPreview name="core/table/table-uncontrolled" />
+<ComponentPreview name="table/uncontrolled" />
 
 ### Controlled selection
 
 To programmatically control row selection, use the `selectedKeys` prop paired with the onSelectionChange callback. The `id` prop from the selected rows will be passed into the callback when the row is pressed, allowing you to update state accordingly.
 
-<ComponentPreview name="core/table/table-controlled" />
+<ComponentPreview name="table/controlled" />
 
 ### Selection variant
 
 Use the `selectionVariant` prop to change the appearance of the selected rows.
 
-<ComponentPreview name="core/table/table-selection-variant" />
+<ComponentPreview name="table/selection-variant" />
 
 ### Disallow empty selection
 
 Table also supports a `disallowEmptySelection` prop which forces the user to have at least one row in the Table selected at all times. In this mode, if a single row is selected and the user presses it, it will not be deselected.
 
-<ComponentPreview name="core/table/table-disallow-empty-selection" />
+<ComponentPreview name="table/disallow-empty-selection" />
 
 ### Selection Behavior
 
 You can control how multiple selection should behave in the collection using the `selectionBehavior` prop.
 
-<ComponentPreview name="core/table/table-selection-behavior" />
+<ComponentPreview name="table/selection-behavior" />
 
 ## Row options
 
@@ -114,17 +114,17 @@ You can control how multiple selection should behave in the collection using the
 
 Table supports row actions via the `onRowAction` prop
 
-<ComponentPreview name="core/table/table-row-action" />
+<ComponentPreview name="table/row-action" />
 
 Rows may also have a row action specified by directly applying `onAction` on the Row itself. This may be especially convenient in static collections.
 
-<ComponentPreview name="core/table/table-static-row-action" />
+<ComponentPreview name="table/static-row-action" />
 
 ### Link
 
 Table rows may also be links to another page or website. This can be achieved by passing the href prop to the `<TableRow>` component.
 
-<ComponentPreview name="core/table/table-links" />
+<ComponentPreview name="table/links" />
 
 ### Disabled
 
@@ -140,31 +140,31 @@ A Row can be disabled with the `isDisabled` prop.
 
 In dynamic collections, it may be more convenient to use the `disabledKeys` prop at the Table level instead of `isDisabled` on individual rows.
 
-<ComponentPreview name="core/table/table-disabled-rows" />
+<ComponentPreview name="table/disabled-rows" />
 
 ## Sorting
 
 Table supports sorting its data when a column header is pressed. To designate that a Column should support sorting, provide it with the `allowsSorting` prop.
 The Table accepts a `sortDescriptor` prop that defines the current column key to sort by and the sort direction (ascending/descending). When the user presses a sortable column header, the column's key and sort direction is passed into the `onSortChange` callback, allowing you to update the `sortDescriptor` appropriately.
 
-<ComponentPreview name="core/table/table-sorting" />
+<ComponentPreview name="table/sorting" />
 
 ## Empty state
 
 Use the `renderEmptyState` prop to customize what the `TableBody` will display if there are no items.
 By default the `TableBody` will display a message saying `"No results found."`.
 
-<ComponentPreview name="core/table/table-empty-state" />
+<ComponentPreview name="table/empty-state" />
 
 ## Column resizing
 
-<ComponentPreview name="core/table/table-column-resizing" />
+<ComponentPreview name="table/column-resizing" />
 
 ## Drag and drop
 
 ### Reordable
 
-<ComponentPreview name="core/table/table-reordable" />
+<ComponentPreview name="table/reordable" />
 
 ## API Reference
 
diff --git a/www/content/docs/components/date-and-time/calendar.mdx b/www/content/docs/components/date-and-time/calendar.mdx
index 1745da5c7..63883d03c 100644
--- a/www/content/docs/components/date-and-time/calendar.mdx
+++ b/www/content/docs/components/date-and-time/calendar.mdx
@@ -13,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/calendar/calendar-default"
+  name="calendar/default"
   preview={`<Calendar aria-label="Appointment date" />`}
 />
 
@@ -85,7 +85,7 @@ import { Heading } from "@/registry/ui/default/core/heading";
 An initial, uncontrolled value can be provided to the `Calendar` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/calendar/calendar-uncontrolled"
+  name="calendar/uncontrolled"
   preview={`<Calendar aria-label="Appointment date" defaultValue={parseDate("2025-01-01")} />`}
 />
 
@@ -94,7 +94,7 @@ An initial, uncontrolled value can be provided to the `Calendar` using the `defa
 The `Calendar` component can be controlled by passing the `value` and `onChange` props.
 
 <ComponentPreview
-  name="core/calendar/calendar-controlled"
+  name="calendar/controlled"
   preview={`const [value, setValue] = React.useState<DateValue>(parseDate('2025-01-01'))
 return <Calendar aria-label="Event date" value={value} onChange={setValue} />`}
 />
@@ -108,7 +108,7 @@ By default, `Calendar` allows selecting any date. The `minValue` and `maxValue`
 This example only accepts dates after today.
 
 <ComponentPreview
-  name="core/calendar/calendar-validation"
+  name="calendar/validation"
   preview={`<Calendar aria-label="Appointment date" minValue={today(getLocalTimeZone())} />`}
 />
 
@@ -121,7 +121,7 @@ This example includes multiple unavailable date ranges, e.g. dates when no appoi
 {/* prettier-ignore-start */}
 
 <ComponentPreview 
-  name="core/calendar/calendar-unvailable-dates" 
+  name="calendar/unvailable-dates" 
   preview={`const now = today(getLocalTimeZone());
   const disabledRanges = [
     [now, now.add({ days: 5 })],
@@ -153,7 +153,7 @@ This example includes multiple unavailable date ranges, e.g. dates when no appoi
 This example validates that the selected date is a weekday and not a weekend according to the current locale.
 
 <ComponentPreview
-  name="core/calendar/calendar-error-message"
+  name="calendar/error-message"
   preview={`const [date, setDate] = React.useState(today(getLocalTimeZone()));
   const { locale } = useLocale();
   const isInvalid = isWeekend(date, locale);
@@ -176,7 +176,7 @@ This example validates that the selected date is a weekday and not a weekend acc
 The `variant` prop can be used to change the appearance of the `Calendar`.
 
 <ComponentPreview
-  name="core/calendar/calendar-variant"
+  name="calendar/variant"
   preview={`<Calendar
     aria-label="Appointment date"
     variant="primary"
@@ -189,7 +189,7 @@ The `variant` prop can be used to change the appearance of the `Calendar`.
 By default, `Calendar` displays a single month. The `visibleMonths` prop allows displaying up to 3 months at a time.
 
 <ComponentPreview
-  name="core/calendar/calendar-visible-months"
+  name="calendar/visible-months"
   preview={`<Calendar aria-label="Appointment date" visibleMonths={2} />`}
 />
 
@@ -198,7 +198,7 @@ By default, `Calendar` displays a single month. The `visibleMonths` prop allows
 The `pageBehavior` prop allows you to control how the calendar navigates between months.
 
 <ComponentPreview
-  name="core/calendar/calendar-page-behaviour"
+  name="calendar/page-behaviour"
   preview={`<Calendar aria-label="Appointment date" visibleMonths={2} pageBehavior="single" />`}
 />
 
@@ -207,7 +207,7 @@ The `pageBehavior` prop allows you to control how the calendar navigates between
 The `isDisabled` boolean prop makes the Calendar disabled. Cells cannot be focused or selected.
 
 <ComponentPreview
-  name="core/calendar/calendar-disabled"
+  name="calendar/disabled"
   preview={`<Calendar aria-label="Appointment date" isDisabled />`}
 />
 
@@ -216,7 +216,7 @@ The `isDisabled` boolean prop makes the Calendar disabled. Cells cannot be focus
 The `isReadOnly` boolean prop makes the Calendar's value immutable. Unlike `isDisabled`, the Calendar remains focusable.
 
 <ComponentPreview
-  name="core/calendar/calendar-read-only"
+  name="calendar/read-only"
   preview={`<Calendar aria-label="Appointment date" isReadOnly value={today(getLocalTimeZone())} />`}
 />
 
@@ -226,7 +226,7 @@ If you need to customize things further, you can drop down to the composition le
 
 <ComponentPreview
   suspense
-  name="core/calendar/calendar-composition"
+  name="calendar/composition"
   preview={`<CalendarRoot aria-label="Event date">
     <CalendarHeader>
       <Button slot="previous">
diff --git a/www/content/docs/components/date-and-time/date-field.mdx b/www/content/docs/components/date-and-time/date-field.mdx
index deb995f69..a3ae112e8 100644
--- a/www/content/docs/components/date-and-time/date-field.mdx
+++ b/www/content/docs/components/date-and-time/date-field.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/date-field/date-field-default"
+  name="date-field/default"
   preview={`<DateField aria-label="Meeting date" />`}
 />
 
@@ -48,7 +48,7 @@ import { Label, Description, FieldError } from "@/components/core/field";
 An initial, uncontrolled value can be provided to the `DateField` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/date-field/date-field-uncontrolled"
+  name="date-field/uncontrolled"
   preview={`<DateField defaultValue={parseDate("2020-02-03")} />`}
 />
 
@@ -57,7 +57,7 @@ An initial, uncontrolled value can be provided to the `DateField` using the `def
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/date-field/date-field-controlled"
+  name="date-field/controlled"
   preview={`const [value, setValue] = React.useState(parseDate("2020-02-03"));
   return <DateField value={value} onChange={setValue} />`}
 />
@@ -69,7 +69,7 @@ Use the `value` and `onChange` props to control the value of the input.
 A visual label can be provided for the `DateField` using the `label` prop or a hidden label using `aria-label` prop.<br/>
 
 <ComponentPreview
-  name="core/date-field/date-field-label"
+  name="date-field/label"
   preview={`<DateField label="Meeting date" />
 <DateField aria-label="Meeting date" />`}
 />
@@ -80,7 +80,7 @@ Use the `size` prop to control the size of the `DateField`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/date-field/date-field-sizes"
+  name="date-field/sizes"
   preview={`<DateField size="sm" />
 <DateField size="md" />
 <DateField size="lg" />`}
@@ -91,7 +91,7 @@ The default variant is `"md"`.
 To add additional context for the `DateField`, such as an icon, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/date-field/date-field-prefix-and-suffix"
+  name="date-field/prefix-and-suffix"
   preview={`<DateField prefix={<CalendarIcon />} />
 <DateField suffix={<CalendarIcon />} />`}
 />
@@ -101,7 +101,7 @@ To add additional context for the `DateField`, such as an icon, use the `prefix`
 A description can be supplied to `DateField` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/date-field/date-field-description"
+  name="date-field/description"
   preview={`<DateField label="Appointment" description="Please select a date." />`}
 />
 
@@ -110,7 +110,7 @@ A description can be supplied to `DateField` via the `description` prop. The des
 An `errorMessage` can be supplied to `DateField`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/date-field/date-field-error-message"
+  name="date-field/error-message"
   preview={`<DateField
     label="Meeting"
     isInvalid
@@ -123,7 +123,7 @@ An `errorMessage` can be supplied to `DateField`, which will be displayed when t
 Use the `isDisabled` prop to disable the DateField.
 
 <ComponentPreview
-  name="core/date-field/date-field-disabled"
+  name="date-field/disabled"
   preview={`<DateField label="Event date" isDisabled />`}
 />
 
@@ -132,7 +132,7 @@ Use the `isDisabled` prop to disable the DateField.
 The `isReadOnly` boolean prop makes the DateField's text content immutable. Unlike isDisabled, the DateField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/date-field/date-field-read-only"
+  name="date-field/read-only"
   preview={`<DateField label="Event date" value={new CalendarDate(1980, 1, 1)} isReadOnly />`}
 />
 
@@ -142,7 +142,7 @@ Use the `isRequired` prop to mark the DateField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/date-field/date-field-required"
+  name="date-field/required"
   preview={`<DateField label="Event date" isRequired />`}
 />
 
@@ -153,7 +153,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 `DateField` is time zone aware when a ZonedDateTime object is provided as the value.
 
 <ComponentPreview
-  name="core/date-field/date-field-time-zones"
+  name="date-field/time-zones"
   preview={`<DateField
     aria-label="Meeting time"
     defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")}
@@ -165,7 +165,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 The `granularity` prop allows you to control the smallest unit that is displayed by DateField.
 
 <ComponentPreview
-  name="core/date-field/date-field-granularity"
+  name="date-field/granularity"
   preview={`<DateField
     label="Hour"
     granularity="hour"
@@ -190,7 +190,7 @@ The `granularity` prop allows you to control the smallest unit that is displayed
 Use the `placeholderValue` prop to control the default values of each segment. The default value is midnight.
 
 <ComponentPreview
-  name="core/date-field/date-field-placeholder"
+  name="date-field/placeholder"
   preview={`<DateField label="Meeting date" placeholderValue={new CalendarDate(1980, 1, 1)} />`}
 />
 
@@ -199,7 +199,7 @@ Use the `placeholderValue` prop to control the default values of each segment. T
 Use the `hideTimeZone` prop to hide the time zone abbreviation.
 
 <ComponentPreview
-  name="core/date-field/date-field-hide-time-zone"
+  name="date-field/hide-time-zone"
   preview={`<DateField
     label="Appointment time"
     granularity="minute"
@@ -213,7 +213,7 @@ Use the `hideTimeZone` prop to hide the time zone abbreviation.
 Use the `hourCycle` prop to control the hour cycle of the DateField.
 
 <ComponentPreview
-  name="core/date-field/date-field-hour-cycle"
+  name="date-field/hour-cycle"
   preview={`<DateField aria-label="Meeting time" granularity="minute" hourCycle={24} />`}
 />
 
@@ -222,7 +222,7 @@ Use the `hourCycle` prop to control the hour cycle of the DateField.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/date-field/date-field-composition"
+  name="date-field/composition"
   preview={`<DateFieldRoot>
     <Label>Meeting time</Label>
     <DateFieldInput />
diff --git a/www/content/docs/components/date-and-time/date-picker.mdx b/www/content/docs/components/date-and-time/date-picker.mdx
index 45f6445c0..9710a83af 100644
--- a/www/content/docs/components/date-and-time/date-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-picker.mdx
@@ -12,10 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/dates/date-picker.mdx?plain=1
 ---
 
-<ComponentPreview
-  name="core/date-picker/date-picker-default"
-  preview={`<DatePicker />`}
-/>
+<ComponentPreview name="date-picker/default" preview={`<DatePicker />`} />
 
 ## Installation
 
@@ -37,7 +34,7 @@ npx dotui-cli@latest add date-picker
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/date-picker/date-picker" />
+      <ComponentSource name="date-picker/date-picker" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -55,7 +52,7 @@ Use a `DatePicker` to allow users to enter and edit time values.
 A visual label can be provided for the `DatePicker` using the label prop or a hidden `label` using `aria-label` prop.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-label"
+  name="date-picker/label"
   preview={`<DatePicker label="Meeting date" />
 <DatePicker aria-label="Meeting date" />`}
 />
@@ -66,7 +63,7 @@ Use the `size` prop to control the size of the `DatePicker`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-sizes"
+  name="date-picker/sizes"
   preview={`<DatePicker size="sm" />
 <DatePicker size="md" />
 <DatePicker size="lg" />`}
@@ -77,7 +74,7 @@ The default variant is `"md"`.
 To add additional context for the `DatePicker`, use the `prefix` prop.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-prefix"
+  name="date-picker/prefix"
   preview={`<DatePicker prefix={<UsersIcon />} />`}
 />
 
@@ -86,7 +83,7 @@ To add additional context for the `DatePicker`, use the `prefix` prop.
 A description can be supplied to `DatePicker` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-description"
+  name="date-picker/description"
   preview={`<DatePicker label="Appointment" description="Please select a date." />`}
 />
 
@@ -95,7 +92,7 @@ A description can be supplied to `DatePicker` via the `description` prop. The de
 An `errorMessage` can be supplied to a `DatePicker`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-error-message"
+  name="date-picker/error-message"
   preview={`<DatePicker
     label="Meeting"
     isInvalid
@@ -108,7 +105,7 @@ An `errorMessage` can be supplied to a `DatePicker`, which will be displayed whe
 `DatePicker` is time zone aware when a ZonedDateTime object is provided as the value.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-time-zones"
+  name="date-picker/time-zones"
   preview={`<DatePicker defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")} />`}
 />
 
@@ -117,7 +114,7 @@ An `errorMessage` can be supplied to a `DatePicker`, which will be displayed whe
 The `granularity` prop allows you to control the smallest unit that is displayed by DatePicker.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-granularity"
+  name="date-picker/granularity"
   preview={`<DatePicker
     label="Hour"
     granularity="hour"
@@ -140,7 +137,7 @@ The `granularity` prop allows you to control the smallest unit that is displayed
 Use the `placeholderValue` prop to control the default values of each segment. The default value is midnight.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-placeholder"
+  name="date-picker/placeholder"
   preview={`<DatePicker label="Meeting date" placeholderValue={new CalendarDate(1980, 1, 1)} />`}
 />
 
@@ -149,7 +146,7 @@ Use the `placeholderValue` prop to control the default values of each segment. T
 Use the `hideTimeZone` prop to hide the time zone abbreviation.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-hide-time-zone"
+  name="date-picker/hide-time-zone"
   preview={`<DatePicker
     label="Appointment time"
     granularity="minute"
@@ -163,7 +160,7 @@ Use the `hideTimeZone` prop to hide the time zone abbreviation.
 Use the `hourCycle` prop to control the hour cycle of the `DatePicker`.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-hour-cycle"
+  name="date-picker/hour-cycle"
   preview={`<DatePicker aria-label="Appointment date" granularity="minute" hourCycle={24} />`}
 />
 
@@ -172,7 +169,7 @@ Use the `hourCycle` prop to control the hour cycle of the `DatePicker`.
 Use the `isDisabled` prop to disable the `DatePicker`.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-disabled"
+  name="date-picker/disabled"
   preview={`<DatePicker label="Event date" isDisabled />`}
 />
 
@@ -181,7 +178,7 @@ Use the `isDisabled` prop to disable the `DatePicker`.
 The isReadOnly boolean prop makes the `DatePicker`'s text content immutable. Unlike isDisabled, the `DatePicker` remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-read-only"
+  name="date-picker/read-only"
   preview={`<DatePicker label="Event date" value={new CalendarDate(1980, 1, 1)} isReadOnly />`}
 />
 
@@ -191,7 +188,7 @@ Use the `isRequired` prop to mark the `DatePicker` as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-required"
+  name="date-picker/required"
   preview={`<DatePicker label="Event date" isRequired />
 <DatePicker label="Event date" isRequired necessityIndicator="icon" />
 <DatePicker label="Event date" isRequired necessityIndicator="label" />
@@ -203,7 +200,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 An initial, uncontrolled value can be provided to the `DatePicker` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-uncontrolled"
+  name="date-picker/uncontrolled"
   preview={`<DatePicker defaultValue={parseDate("2020-02-03")} />`}
 />
 
@@ -212,7 +209,7 @@ An initial, uncontrolled value can be provided to the `DatePicker` using the `de
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-controlled"
+  name="date-picker/controlled"
   preview={`const [value, setValue] = React.useState(parseDate("2020-02-03"));
   return <DatePicker label="Controlled" value={value} onChange={setValue} />`}
 />
@@ -222,7 +219,7 @@ Use the `value` and `onChange` props to control the value of the input.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/date-picker/date-picker-composition"
+  name="date-picker/composition"
   preview={`<DatePickerRoot>
     <Label>Meeting date</Label>
     <InputRoot suffix={<Button><CalendarIcon /></Button>}>
diff --git a/www/content/docs/components/date-and-time/date-range-picker.mdx b/www/content/docs/components/date-and-time/date-range-picker.mdx
index 8105307f2..b79d54d5d 100644
--- a/www/content/docs/components/date-and-time/date-range-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-range-picker.mdx
@@ -4,7 +4,7 @@ description: DateRangePicker combine a DateField and a RangeCalendar overlay to
 ---
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-default"
+  name="date-range-picker/default"
   preview={`<DateRangePicker />`}
 />
 
@@ -28,7 +28,7 @@ npx dotui-cli@latest add date-range-picker
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/date-range-picker/date-range-picker" />
+      <ComponentSource name="date-range-picker/date-range-picker" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -46,7 +46,7 @@ Use a `DateRangePicker` to allow users to enter and edit time values.
 A visual label can be provided for the `DateRangePicker` using the label prop or a hidden label using `aria-label` prop.<br/>
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-label"
+  name="date-range-picker/label"
   preview={`<DateRangePicker label="Trip" />
 <DateRangePicker aria-label="Trip" />`}
 />
@@ -57,7 +57,7 @@ Use the `size` prop to control the size of the `DateRangePicker`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-sizes"
+  name="date-range-picker/sizes"
   preview={`<DateRangePicker label="small" size="sm" />
 <DateRangePicker label="medium" size="md" />
 <DateRangePicker label="large" size="lg" />`}
@@ -68,7 +68,7 @@ The default variant is `"md"`.
 To add additional context for the `DateRangePicker`, use the `prefix` prop.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-prefix"
+  name="date-range-picker/prefix"
   preview={`<DateRangePicker prefix={<PlaneIcon />} />`}
 />
 
@@ -77,7 +77,7 @@ To add additional context for the `DateRangePicker`, use the `prefix` prop.
 A description can be supplied to `DateRangePicker` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-description"
+  name="date-range-picker/description"
   preview={`<DateRangePicker label="Trip" description="Please select a date range." />`}
 />
 
@@ -86,7 +86,7 @@ A description can be supplied to `DateRangePicker` via the `description` prop. T
 An `errorMessage` can be supplied to a `DateRangePicker`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-error-message"
+  name="date-range-picker/error-message"
   preview={`<DateRangePicker
     label="Trip dates"
     isInvalid
@@ -99,7 +99,7 @@ An `errorMessage` can be supplied to a `DateRangePicker`, which will be displaye
 `DateRangePicker` is time zone aware when a ZonedDateTime object is provided as the value.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-time-zones"
+  name="date-range-picker/time-zones"
   preview={`<DateRangePicker
     defaultValue={{
       start: parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
@@ -113,7 +113,7 @@ An `errorMessage` can be supplied to a `DateRangePicker`, which will be displaye
 The `granularity` prop allows you to control the smallest unit that is displayed by DateRangePicker.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-granularity"
+  name="date-range-picker/granularity"
   preview={`<DateRangePicker label="Hour" granularity="hour" defaultValue={dates} />
 <DateRangePicker label="Minute" granularity="minute" defaultValue={dates} />
 <DateRangePicker label="Second" granularity="second" defaultValue={dates} />`}
@@ -124,7 +124,7 @@ The `granularity` prop allows you to control the smallest unit that is displayed
 Use the `placeholderValue` prop to control the default values of each segment. The default value is midnight.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-placeholder"
+  name="date-range-picker/placeholder"
   preview={`<DateRangePicker label="Meeting date" placeholderValue={new CalendarDate(1980, 1, 1)} />`}
 />
 
@@ -133,7 +133,7 @@ Use the `placeholderValue` prop to control the default values of each segment. T
 Use the `hideTimeZone` prop to hide the time zone abbreviation.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-hide-time-zone"
+  name="date-range-picker/hide-time-zone"
   preview={`<DateRangePicker
     label="Appointment time"
     granularity="minute"
@@ -150,7 +150,7 @@ Use the `hideTimeZone` prop to hide the time zone abbreviation.
 Use the `hourCycle` prop to control the hour cycle of the `DateRangePicker`.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-hour-cycle"
+  name="date-range-picker/hour-cycle"
   preview={`<DateRangePicker granularity="minute" hourCycle={24} />`}
 />
 
@@ -159,7 +159,7 @@ Use the `hourCycle` prop to control the hour cycle of the `DateRangePicker`.
 Use the `isDisabled` prop to disable the `DateRangePicker`.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-disabled"
+  name="date-range-picker/disabled"
   preview={`<DateRangePicker label="Trip dates" isDisabled />`}
 />
 
@@ -168,7 +168,7 @@ Use the `isDisabled` prop to disable the `DateRangePicker`.
 The `isReadOnly` boolean prop makes the `DateRangePicker`'s text content immutable. Unlike `isDisabled`, the `DateRangePicker` remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-read-only"
+  name="date-range-picker/read-only"
   preview={`<DateRangePicker
     label="Event date"
     value={{
@@ -185,7 +185,7 @@ Use the `isRequired` prop to mark the `DateRangePicker` as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-required"
+  name="date-range-picker/required"
   preview={`<DateRangePicker label="Event date" isRequired />
   <DateRangePicker label="Event date" isRequired necessityIndicator="icon" />
   <DateRangePicker label="Event date" isRequired necessityIndicator="label" />
@@ -197,7 +197,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 An initial, uncontrolled value can be provided to the `DateRangePicker` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-uncontrolled"
+  name="date-range-picker/uncontrolled"
   preview={`<DateRangePicker
   label="Controlled"
   defaultValue={{
@@ -212,7 +212,7 @@ An initial, uncontrolled value can be provided to the `DateRangePicker` using th
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-controlled"
+  name="date-range-picker/controlled"
   preview={`const [value, setValue] = React.useState({
   start: parseDate("2024-02-03"),
   end: parseDate("2024-02-08"),
@@ -225,7 +225,7 @@ return <DateRangePicker label="Controlled" value={value} onChange={setValue} />`
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/date-range-picker/date-range-picker-composition"
+  name="date-range-picker/composition"
   preview={`<DatePickerRoot>
   <Label>Meeting date</Label>
   <InputRoot suffix={<Button><CalendarIcon /></Button>}>
diff --git a/www/content/docs/components/date-and-time/range-calendar.mdx b/www/content/docs/components/date-and-time/range-calendar.mdx
index f1a04f5d7..e41154fae 100644
--- a/www/content/docs/components/date-and-time/range-calendar.mdx
+++ b/www/content/docs/components/date-and-time/range-calendar.mdx
@@ -13,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-default"
+  name="range-calendar/default"
   preview={`<RangeCalendar aria-label="Trip dates" />`}
 />
 
@@ -91,7 +91,7 @@ import { Heading } from "@/registry/ui/default/core/heading";
 An initial, uncontrolled value can be provided to the `RangeCalendar` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-uncontrolled"
+  name="range-calendar/uncontrolled"
   preview={`<RangeCalendar
     aria-label="Trip dates"
     defaultValue={{
@@ -106,7 +106,7 @@ An initial, uncontrolled value can be provided to the `RangeCalendar` using the
 The Range Calendar component can be controlled by passing the `value` and `onChange` props.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-controlled"
+  name="range-calendar/controlled"
   preview={`const [value, setValue] = React.useState<DateRange>({
     start: parseDate("2020-02-03"),
     end: parseDate("2020-02-12"),
@@ -123,7 +123,7 @@ By default, Calendar allows selecting any date. The minValue and maxValue props
 This example only accepts dates after today.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-validation"
+  name="range-calendar/validation"
   preview={`<RangeCalendar aria-label="Trip dates" minValue={today(getLocalTimeZone())} />`}
 />
 
@@ -136,7 +136,7 @@ This example includes multiple unavailable date ranges, e.g. dates when a rental
 {/* prettier-ignore-start */}
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-unvailable-dates"
+  name="range-calendar/unvailable-dates"
   preview={`const now = today(getLocalTimeZone());
   const disabledRanges = [
     [now, now.add({ days: 5 })],
@@ -167,7 +167,7 @@ The `allowsNonContiguousRanges` prop enables a range to be selected even if ther
 This example prevents selecting weekends, but allows selecting ranges that span multiple weeks.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-non-contiguous-ranges"
+  name="range-calendar/non-contiguous-ranges"
   preview={`const now = today(getLocalTimeZone());
   const disabledRanges = [
     [now, now.add({ days: 5 })],
@@ -195,7 +195,7 @@ This example prevents selecting weekends, but allows selecting ranges that span
 This example validates that the selected date range is a maximum of 1 week in duration.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-error-message"
+  name="range-calendar/error-message"
   preview={`const [range, setRange] = React.useState({
     start: today(getLocalTimeZone()),
     end: today(getLocalTimeZone()).add({ weeks: 1, days: 3 }),
@@ -219,7 +219,7 @@ This example validates that the selected date range is a maximum of 1 week in du
 By default, the `RangeCalendar` displays a single month. The `visibleMonths` prop allows displaying up to 3 months at a time.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-visible-months"
+  name="range-calendar/visible-months"
   preview={`<RangeCalendar aria-label="Trip dates" visibleMonths={2} />`}
 />
 
@@ -228,7 +228,7 @@ By default, the `RangeCalendar` displays a single month. The `visibleMonths` pro
 The `pageBehavior` prop allows you to control how the range-calendar navigates between months.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-page-behaviour"
+  name="range-calendar/page-behaviour"
   preview={`<RangeCalendar aria-label="Trip dates" visibleMonths={2} pageBehavior="single" />`}
 />
 
@@ -237,7 +237,7 @@ The `pageBehavior` prop allows you to control how the range-calendar navigates b
 The `isDisabled` boolean prop makes the `RangeCalendar` disabled. cells cannot be focused or selected.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-disabled"
+  name="range-calendar/disabled"
   preview={`<RangeCalendar aria-label="Trip dates" isDisabled />`}
 />
 
@@ -246,7 +246,7 @@ The `isDisabled` boolean prop makes the `RangeCalendar` disabled. cells cannot b
 The `isReadOnly` boolean prop makes the `RangeCalendar`'s value immutable. Unlike `isDisabled`, the `RangeCalendar` remains focusable.
 
 <ComponentPreview
-  name="core/range-calendar/range-calendar-read-only"
+  name="range-calendar/read-only"
   preview={`<RangeCalendar
     aria-label="Trip dates"
     isReadOnly
@@ -263,7 +263,7 @@ If you need to customize things further, you can drop down to the composition le
 
 <ComponentPreview
   suspense
-  name="core/range-calendar/range-calendar-composition"
+  name="range-calendar/composition"
   preview={`<RangeCalendarRoot aria-label="Trip dates">
     <CalendarHeader>
       <Button slot="previous">
diff --git a/www/content/docs/components/date-and-time/time-field.mdx b/www/content/docs/components/date-and-time/time-field.mdx
index 257d678b0..8f2469497 100644
--- a/www/content/docs/components/date-and-time/time-field.mdx
+++ b/www/content/docs/components/date-and-time/time-field.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/time-field/time-field-default"
+  name="time-field/default"
   preview={`<TimeField aria-label="Event time" />`}
 />
 
@@ -51,7 +51,7 @@ import {
 An initial, uncontrolled value can be provided to the `TimeField` using the `defaultValue` prop.
 
 <ComponentPreview
-  name="core/time-field/time-field-uncontrolled"
+  name="time-field/uncontrolled"
   preview={`<TimeField aria-label="Event time" defaultValue={new Time(11, 45)} />`}
 />
 
@@ -60,7 +60,7 @@ An initial, uncontrolled value can be provided to the `TimeField` using the `def
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/time-field/time-field-controlled"
+  name="time-field/controlled"
   preview={`const [time, setTime] = React.useState(new Time(11, 45));
 return <TimeField aria-label="Event time" value={time} onChange={setTime} />`}
 />
@@ -72,7 +72,7 @@ return <TimeField aria-label="Event time" value={time} onChange={setTime} />`}
 A visual label can be provided for the `TimeField` using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/time-field/time-field-label"
+  name="time-field/label"
   preview={`<TimeField label="Event time" />
 <TimeField aria-label="Event time" />`}
 />
@@ -83,7 +83,7 @@ Use the `size` prop to control the size of the `TimeField`.<br/>
 The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/time-field/time-field-sizes"
+  name="time-field/sizes"
   preview={`<TimeField label="small (sm)" size="sm" />
   <TimeField label="medium (md)" size="md" />
   <TimeField label="large (lg)" size="lg" />`}
@@ -94,7 +94,7 @@ The default variant is `"md"`.
 To add additional context for the `TimeField`, such as an icon, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/time-field/time-field-prefix-and-suffix"
+  name="time-field/prefix-and-suffix"
   preview={`<TimeField aria-label="Event time" prefix={<TimerIcon />} />
   <TimeField aria-label="Event time" suffix={<TimerIcon />} />`}
 />
@@ -104,7 +104,7 @@ To add additional context for the `TimeField`, such as an icon, use the `prefix`
 A description can be supplied to `TimeField` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/time-field/time-field-description"
+  name="time-field/description"
   preview={`<TimeField label="Appointment" description="Please select a time between 9 AM and 5 PM." />`}
 />
 
@@ -113,7 +113,7 @@ A description can be supplied to `TimeField` via the `description` prop. The des
 An `errorMessage` can be supplied to `TimeField` via the `errorMessage` prop, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/time-field/time-field-error-message"
+  name="time-field/error-message"
   preview={`<TimeField label="Meeting" isInvalid errorMessage="Meetings start every 15 minutes." />`}
 />
 
@@ -122,7 +122,7 @@ An `errorMessage` can be supplied to `TimeField` via the `errorMessage` prop, wh
 Use the `isDisabled` prop to disable the TimeField.
 
 <ComponentPreview
-  name="core/time-field/time-field-disabled"
+  name="time-field/disabled"
   preview={`<TimeField label="Event time" isDisabled />`}
 />
 
@@ -131,7 +131,7 @@ Use the `isDisabled` prop to disable the TimeField.
 The `isReadOnly` boolean prop makes the TimeField's text content immutable. Unlike isDisabled, the TimeField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/time-field/time-field-read-only"
+  name="time-field/read-only"
   preview={`<TimeField label="Event time" value={new Time(11)} isReadOnly />`}
 />
 
@@ -141,7 +141,7 @@ Use the `isRequired` prop to mark the TimeField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/time-field/time-field-required"
+  name="time-field/required"
   preview={`<TimeField label="Event time" isRequired />
 <TimeField label="Event time" isRequired necessityIndicator="icon" />
 <TimeField label="Event time" isRequired necessityIndicator="label" />
@@ -155,7 +155,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 TimeField is time zone aware when a `ZonedDateTime` object is provided as the value.
 
 <ComponentPreview
-  name="core/time-field/time-field-time-zones"
+  name="time-field/time-zones"
   preview={`<TimeField
     aria-label="Event time"
     defaultValue={parseAbsoluteToLocal("2021-11-07T07:45:00Z")}
@@ -167,7 +167,7 @@ TimeField is time zone aware when a `ZonedDateTime` object is provided as the va
 The `granularity` prop allows you to control the smallest unit that is displayed by TimeField.
 
 <ComponentPreview
-  name="core/time-field/time-field-granularity"
+  name="time-field/granularity"
   preview={`<TimeField
     aria-label="Event time"
     granularity="second"
@@ -183,7 +183,7 @@ The `granularity` prop allows you to control the smallest unit that is displayed
 The default value is midnight.
 
 <ComponentPreview
-  name="core/time-field/time-field-placeholder"
+  name="time-field/placeholder"
   preview={`<TimeField aria-label="Event time" placeholderValue={new Time(9)} />`}
 />
 
@@ -192,7 +192,7 @@ The default value is midnight.
 Use the `hideTimeZone` prop to hide the time zone abbreviation.
 
 <ComponentPreview
-  name="core/time-field/time-field-hide-time-zone"
+  name="time-field/hide-time-zone"
   preview={`<TimeField
     aria-label="Appointment time"
     defaultValue={parseZonedDateTime("2022-11-07T10:45[America/Los_Angeles]")}
@@ -205,7 +205,7 @@ Use the `hideTimeZone` prop to hide the time zone abbreviation.
 Use the `hourCycle` prop to control the hour cycle of the TimeField.
 
 <ComponentPreview
-  name="core/time-field/time-field-hour-cycle"
+  name="time-field/hour-cycle"
   preview={`<TimeField aria-label="Appointment time" hourCycle={24} />`}
 />
 
@@ -214,7 +214,7 @@ Use the `hourCycle` prop to control the hour cycle of the TimeField.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/time-field/time-field-composition"
+  name="time-field/composition"
   preview={`<TimeFieldRoot>
     <Label>Meeting time</Label>
     <TimeFieldInput />
diff --git a/www/content/docs/components/drag-and-drop/drop-zone.mdx b/www/content/docs/components/drag-and-drop/drop-zone.mdx
index 6e4841930..36de76a74 100644
--- a/www/content/docs/components/drag-and-drop/drop-zone.mdx
+++ b/www/content/docs/components/drag-and-drop/drop-zone.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/drop-zone/drop-zone-basic"
+  name="drop-zone/basic"
   preview={`<DropZone><UploadIcon /></DropZone>`}
 />
 
@@ -26,7 +26,7 @@ npx dotui-cli@latest add drop-zone
 A visual label can be provided for the `DropZone` using the `<DropZoneLabel>` component, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/drop-zone/drop-zone-label"
+  name="drop-zone/label"
   preview={`<DropZone aria-label="drag and drop files here">
     <UploadIcon />
   </DropZone>
@@ -41,7 +41,7 @@ A visual label can be provided for the `DropZone` using the `<DropZoneLabel>` co
 DropZone supports user interactions via mouse, keyboard, and touch. You can handle all of these via the `onDrop` prop. In addition, the `onDropEnter`, `onDropMove`, and `onDropExit` events are fired as the user interacts with the dropzone.
 
 <ComponentPreview
-  name="core/drop-zone/drop-zone-events"
+  name="drop-zone/events"
   preview={`<Draggable text="Component A" />
   <Draggable text="Component B" />
   <DropZone
@@ -58,7 +58,7 @@ DropZone supports user interactions via mouse, keyboard, and touch. You can hand
 To allow the selection of files from the user's device, pass FileTrigger as a child of DropZone.
 
 <ComponentPreview
-  name="core/drop-zone/drop-zone-file-trigger"
+  name="drop-zone/file-trigger"
   preview={`<DropZone>
     <UploadIcon />
     <DropZoneLabel>Drag and drop files here</DropZoneLabel>
@@ -73,7 +73,7 @@ To allow the selection of files from the user's device, pass FileTrigger as a ch
 A dropzone displays visual feedback to the user when a drag hovers over the drop target by passing the `getDropOperation` function. If a drop target only supports data of specific types (e.g. images, videos, text, etc.), then it should implement the `getDropOperation` prop and return `"cancel"` for types that aren't supported. This will prevent visual feedback indicating that the drop target accepts the dragged data when this is not true.
 
 <ComponentPreview
-  name="core/drop-zone/drop-zone-visual-feedback"
+  name="drop-zone/visual-feedback"
   preview={`<DropZone
     getDropOperation={(types) => (types.has("image/png") ? "copy" : "cancel")}
   >
@@ -88,7 +88,7 @@ A dropzone displays visual feedback to the user when a drag hovers over the drop
 Use the `isDisabled` prop to disable the drop zone.
 
 <ComponentPreview
-  name="core/drop-zone/drop-zone-disabled"
+  name="drop-zone/disabled"
   preview={`<DropZone isDisabled>
     <UploadIcon />
     <DropZoneLabel>Drag and drop files here</DropZoneLabel>
diff --git a/www/content/docs/components/feedback/alert.mdx b/www/content/docs/components/feedback/alert.mdx
index 37d94a811..0b4a692b5 100644
--- a/www/content/docs/components/feedback/alert.mdx
+++ b/www/content/docs/components/feedback/alert.mdx
@@ -9,7 +9,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/alert/alert-default"
+  name="alert/default"
   preview={`<Alert>You can add components to your app using the cli.</Alert>`}
   fullWidth
   resizable
@@ -28,7 +28,7 @@ npx dotui-cli@latest add alert
 Use the `variant` prop to change the visual style of the alert.
 
 <ComponentPreview
-  name="core/alert/alert-variants"
+  name="alert/variants"
   preview={`<Alert variant="neutral" title="This is a neutral alert" />
 <Alert variant="info" title="This is a neutral alert" />
 <Alert variant="danger" title="This is a critical alert" />
@@ -43,7 +43,7 @@ Use the `variant` prop to change the visual style of the alert.
 Use the `title` prop to add a title to the alert.
 
 <ComponentPreview
-  name="core/alert/alert-title"
+  name="alert/title"
   preview={`<Alert variant="warning" fill title="Your account has been suspended." />`}
   fullWidth
   resizable
@@ -54,7 +54,7 @@ Use the `title` prop to add a title to the alert.
 Pass children to the alert to add content.
 
 <ComponentPreview
-  name="core/alert/alert-content"
+  name="alert/content"
   preview={`<Alert title="Payment Information">
     Enter your payment method to complete your purchase.
   </Alert>`}
@@ -67,7 +67,7 @@ Pass children to the alert to add content.
 Use the `icon` prop to add a custom icon to the alert. An explicit `null` value can be used to remove the default icon.
 
 <ComponentPreview
-  name="core/alert/alert-custom-icon"
+  name="alert/custom-icon"
   preview={`<Alert icon={<GlobeIcon />}>Hello world!</Alert>`}
   fullWidth
   resizable
@@ -78,7 +78,7 @@ Use the `icon` prop to add a custom icon to the alert. An explicit `null` value
 Use the `action` prop to add an action to the alert.
 
 <ComponentPreview
-  name="core/alert/alert-action"
+  name="alert/action"
   preview={`<Alert
     action={<Button>Upgrade</Button>}
   >
@@ -93,7 +93,7 @@ Use the `action` prop to add an action to the alert.
 If you need to customize things further, you can drop down the composition pattern.
 
 <ComponentPreview
-  name="core/alert/alert-composition"
+  name="alert/composition"
   preview={`<AlertRoot>
     <WalletIcon />
     <div className="flex-1">
diff --git a/www/content/docs/components/feedback/progress-bar.mdx b/www/content/docs/components/feedback/progress-bar.mdx
index 64251332d..7d8b26405 100644
--- a/www/content/docs/components/feedback/progress-bar.mdx
+++ b/www/content/docs/components/feedback/progress-bar.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-default"
+  name="progress-bar/default"
   preview={`<ProgressBar value={75} />`}
 />
 
@@ -53,7 +53,7 @@ import {
 Use the `variant` prop to control the visual style of the `Progress`. The default variant is `"default"`.
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-variants"
+  name="progress-bar/variants"
   preview={`<ProgressBar variant="primary" />
 <ProgressBar variant="success" />
 <ProgressBar variant="accent" />
@@ -66,7 +66,7 @@ Use the `variant` prop to control the visual style of the `Progress`. The defaul
 Use the `size` prop to control the size of the `Progress`. The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-sizes"
+  name="progress-bar/sizes"
   preview={`<ProgressBar size="sm" />
 <ProgressBar size="md" />
 <ProgressBar size="lg" />`}
@@ -79,7 +79,7 @@ Use the `size` prop to control the size of the `Progress`. The default variant i
 A visual label can be provided using the `label` prop, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-label"
+  name="progress-bar/label"
   preview={`<ProgressBar aria-label="loading" />
 <ProgressBar label="loading..." />`}
 />
@@ -89,7 +89,7 @@ A visual label can be provided using the `label` prop, or a hidden label using `
 Set the `showValueLabel` prop to `true` to display the current value of the progress bar.
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-value-label"
+  name="progress-bar/value-label"
   preview={`<ProgressBar label="Loading" showValueLabel value={75} />`}
 />
 
@@ -98,7 +98,7 @@ Set the `showValueLabel` prop to `true` to display the current value of the prog
 Values are formatted as a percentage by default, but this can be modified by using the `formatOptions` prop to specify a different format.
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-format-options"
+  name="progress-bar/format-options"
   preview={`<Progress
     label="Sending…"
     showValueLabel
@@ -112,7 +112,7 @@ Values are formatted as a percentage by default, but this can be modified by usi
 The `valueLabel` prop allows the formatted value to be replaced with a custom string.
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-custom-value-label"
+  name="progress-bar/custom-value-label"
   preview={`<Progress
     label="Feeding…"
     showValueLabel
@@ -128,7 +128,7 @@ The `valueLabel` prop allows the formatted value to be replaced with a custom st
 A custom value scale can be used by setting the `minValue` and `maxValue` props.
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-min-max-values"
+  name="progress-bar/min-max-values"
   preview={`<Progress
     aria-label="Min and max values"
     minValue={50}
@@ -142,7 +142,7 @@ A custom value scale can be used by setting the `minValue` and `maxValue` props.
 The `isIndeterminate` prop can be used to represent an interdeterminate operation.
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-indeterminate"
+  name="progress-bar/indeterminate"
   preview={`<ProgressBar isIndeterminate aria-label="Loading" />`}
 />
 
@@ -151,7 +151,7 @@ The `isIndeterminate` prop can be used to represent an interdeterminate operatio
 Use the `duration` prop to indicate an approximate duration of an indeterminate task. Once the duration times out, the progress bar will start an indeterminate animation.
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-duration"
+  name="progress-bar/duration"
   preview={`<ProgressBar duration="30s" />`}
 />
 
@@ -160,7 +160,7 @@ Use the `duration` prop to indicate an approximate duration of an indeterminate
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/progress-bar/progress-bar-composition"
+  name="progress-bar/composition"
   preview={`<ProgressBarRoot value={50} className="flex-row items-center gap-4">
     <Label>Progress</Label>
     <ProgressBarIndicator />
diff --git a/www/content/docs/components/feedback/skeleton.mdx b/www/content/docs/components/feedback/skeleton.mdx
index 301f5467b..0edbe603d 100644
--- a/www/content/docs/components/feedback/skeleton.mdx
+++ b/www/content/docs/components/feedback/skeleton.mdx
@@ -6,7 +6,7 @@ description: Use to show a placeholder while content is loading.
 {/* Work in progress */}
 
 <ComponentPreview
-  name="core/skeleton/skeleton-card"
+  name="skeleton/card"
   preview={`<Skeleton className="h-44 w-64" />
   <div>
     <Skeleton className="size-10 rounded-full" />
@@ -31,7 +31,7 @@ npx dotui-cli@latest add skeleton
   
     <Steps>
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/skeleton/skeleton" />
+      <ComponentSource name="skeleton/skeleton" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -49,7 +49,7 @@ Use the `Skeleton` component to show a placeholder while content is loading.
 If you do not pass a fixed size, skeleton will take the size of the children.
 
 <ComponentPreview
-  name="core/skeleton/skeleton-children"
+  name="skeleton/children"
   preview={`<Skeleton>
     <Button>Button</Button>
   </Skeleton>`}
@@ -60,7 +60,7 @@ If you do not pass a fixed size, skeleton will take the size of the children.
 Use the `show` prop to show/hide the skeleton.
 
 <ComponentPreview
-  name="core/skeleton/skeleton-show"
+  name="skeleton/show"
   preview={`<Skeleton>
     <Button>Button</Button>
   </Skeleton>
@@ -76,7 +76,7 @@ Use the `show` prop to show/hide the skeleton.
 {/* prettier-ignore-start */}
 
 <ComponentPreview
-  name="core/skeleton/skeleton-api-simulation"
+  name="skeleton/api-simulation"
   preview={`const [status, setStatus] = React.useState<"idle" | "loading" | "error" | "success">("idle");
   const apiCall = () => {
     {/* Simulate API call */}
@@ -101,7 +101,7 @@ Use the `show` prop to show/hide the skeleton.
 If you do not pass a fixed size, it will be calculated automatically.
 
 <ComponentPreview
-  name="core/skeleton/skeleton-fixed-size-children"
+  name="skeleton/fixed-size-children"
   preview={`<Skeleton className="size-20"><Button>Button</Button> </Skeleton>`}
 />
 
diff --git a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
index 12e3ceba2..9aa087894 100644
--- a/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
+++ b/www/content/docs/components/forms-and-inputs/checkbox-group.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-default"
+  name="checkbox-group/default"
   preview={`<CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -65,7 +65,7 @@ import { Label } from "@/components/core/field";
 Use the `variant` prop to control the visual style of the `CheckBoxGroup`.
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-cards"
+  name="checkbox-group/cards"
   preview={`<CheckboxGroup label="React frameworks" defaultValue={["nextjs"]} variant="card">
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -78,7 +78,7 @@ Use the `variant` prop to control the visual style of the `CheckBoxGroup`.
 A visual label can be provided for the `CheckboxGroup` using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-label"
+  name="checkbox-group/label"
   preview={`<CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -94,7 +94,7 @@ A visual label can be provided for the `CheckboxGroup` using the `label` prop or
 A description can be supplied to a `CheckboxGroup` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-description"
+  name="checkbox-group/description"
   preview={`<CheckboxGroup
     label="React frameworks"
     defaultValue={["nextjs"]}
@@ -111,7 +111,7 @@ A description can be supplied to a `CheckboxGroup` via the `description` prop. T
 An error message can be supplied to a CheckboxGroup, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-error-message"
+  name="checkbox-group/error-message"
   preview={`<CheckboxGroup label="React frameworks" isInvalid errorMessage="Please select a framework.">
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -124,7 +124,7 @@ An error message can be supplied to a CheckboxGroup, which will be displayed whe
 Use the `isDisabled` prop to disable the CheckboxGroup.
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-disabled"
+  name="checkbox-group/disabled"
   preview={`<CheckboxGroup label="React frameworks" isDisabled>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -137,7 +137,7 @@ Use the `isDisabled` prop to disable the CheckboxGroup.
 The `isReadOnly` boolean prop makes the CheckboxGroup's text content immutable. Unlike isDisabled, the CheckboxGroup remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-read-only"
+  name="checkbox-group/read-only"
   preview={`<CheckboxGroup label="React frameworks" isReadOnly>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -151,7 +151,7 @@ Use the `isRequired` prop to mark the CheckboxGroup as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-required"
+  name="checkbox-group/required"
   preview={`<CheckboxGroup label="React frameworks" isRequired>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -175,7 +175,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 The `defaultValue` prop can be used to set the default state.
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-uncontrolled"
+  name="checkbox-group/uncontrolled"
   preview={`<CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
     <Checkbox value="nextjs">Next.js</Checkbox>
     <Checkbox value="remix">Remix</Checkbox>
@@ -188,7 +188,7 @@ The `defaultValue` prop can be used to set the default state.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-controlled"
+  name="checkbox-group/controlled"
   preview={`const [frameworks, setFrameworks] = React.useState(["nextjs"]);
   return (
     <CheckboxGroup label="React frameworks" defaultValue={["nextjs"]}>
@@ -204,7 +204,7 @@ Use the `value` and `onChange` props to control the value of the input.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/checkbox-group/checkbox-group-composition"
+  name="checkbox-group/composition"
   preview={`<CheckboxGroupRoot defaultValue={["nextjs"]}>
     <Label>React frameworks</Label>
     <Description>You can pick any frameworks.</Description>
diff --git a/www/content/docs/components/forms-and-inputs/checkbox.mdx b/www/content/docs/components/forms-and-inputs/checkbox.mdx
index 187ac53e7..d0da9c80a 100644
--- a/www/content/docs/components/forms-and-inputs/checkbox.mdx
+++ b/www/content/docs/components/forms-and-inputs/checkbox.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/checkbox/checkbox-default"
+  name="checkbox/default"
   preview={`<Checkbox>I accept the <Link href="/terms">terms and conditions</Link></Checkbox>`}
 />
 
@@ -47,7 +47,7 @@ import { CheckboxRoot, CheckboxIndicator } from "@/components/core/checkbox";
 Use the `variant` prop to control the visual style of the checkbox.
 
 <ComponentPreview
-  name="core/checkbox/checkbox-variants"
+  name="checkbox/variants"
   preview={`<Checkbox variant="card">I accept the terms and conditions</Checkbox>`}
 />
 
@@ -56,7 +56,7 @@ Use the `variant` prop to control the visual style of the checkbox.
 You can make the checkbox appear as a card using the `appearance` prop.
 
 <ComponentPreview
-  name="core/checkbox/checkbox-card"
+  name="checkbox/card"
   preview={`<Checkbox variant="card">I accept the terms and conditions</Checkbox>`}
 />
 
@@ -65,7 +65,7 @@ You can make the checkbox appear as a card using the `appearance` prop.
 A checkbox can be in an indeterminate state, controlled using the `isIndeterminate` prop.
 
 <ComponentPreview
-  name="core/checkbox/checkbox-indeterminate"
+  name="checkbox/indeterminate"
   preview={`<Checkbox isIndeterminate>Select all</Checkbox>`}
 />
 
@@ -74,7 +74,7 @@ A checkbox can be in an indeterminate state, controlled using the `isIndetermina
 Use the `isDisabled` prop to disable the checkbox.
 
 <ComponentPreview
-  name="core/checkbox/checkbox-disabled"
+  name="checkbox/disabled"
   preview={`<Checkbox isDisabled>I accept the terms and conditions</Checkbox>`}
 />
 
@@ -83,7 +83,7 @@ Use the `isDisabled` prop to disable the checkbox.
 The `isReadOnly` prop makes the selection immutable. Unlike isDisabled, the Checkbox remains focusable.
 
 <ComponentPreview
-  name="core/checkbox/checkbox-read-only"
+  name="checkbox/read-only"
   preview={`<Checkbox isReadOnly>I accept the terms and conditions</Checkbox>`}
 />
 
@@ -92,7 +92,7 @@ The `isReadOnly` prop makes the selection immutable. Unlike isDisabled, the Chec
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/checkbox/checkbox-composition"
+  name="checkbox/composition"
   preview={`<CheckboxRoot className="..">
     <span>I agree to the terms and conditions</span>
     <CheckboxIndicator className=".."/>
@@ -104,7 +104,7 @@ If you need to customize things further, you can drop down to the composition le
 The `defaultSelected` prop can be used to set the default state.
 
 <ComponentPreview
-  name="core/checkbox/checkbox-uncontrolled"
+  name="checkbox/uncontrolled"
   preview={`<Checkbox defaultSelected>I accept the terms and conditions</Checkbox>`}
 />
 
@@ -113,7 +113,7 @@ The `defaultSelected` prop can be used to set the default state.
 Use the `isSelected` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/checkbox/checkbox-controlled"
+  name="checkbox/controlled"
   preview={`const [checked, setChecked] = React.useState(false);
   return (
     <Checkbox isSelected={checked} onChange={setChecked}>
diff --git a/www/content/docs/components/forms-and-inputs/form.mdx b/www/content/docs/components/forms-and-inputs/form.mdx
index 2be54c1d1..6027b6002 100644
--- a/www/content/docs/components/forms-and-inputs/form.mdx
+++ b/www/content/docs/components/forms-and-inputs/form.mdx
@@ -13,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/form/form-basic"
+  name="form/basic"
   preview={`const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     /* Handle form submission */
   };
@@ -62,7 +62,7 @@ import {TextField, Label, Input, Text} from 'react-aria-components';
 
 All React Aria form components integrate with native HTML [constraint validation](https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation). This allows you to define constraints on each field such as required, minimum and maximum values, text formats such as email addresses, and even custom regular expression patterns. These constraints are checked by the browser when the user commits changes to the value (e.g. on blur) or submits the form.
 
-<ComponentPreview name="core/form/form-react-aria" />
+<ComponentPreview name="form/react-aria" />
 
 ## React Hook Form
 
@@ -97,4 +97,4 @@ const Demo = () => {
 
 ### Example
 
-<ComponentPreview name="core/form/form-react-hook-form" />
+<ComponentPreview name="form/react-hook-form" />
diff --git a/www/content/docs/components/forms-and-inputs/number-field.mdx b/www/content/docs/components/forms-and-inputs/number-field.mdx
index 750789fab..1f46363bb 100644
--- a/www/content/docs/components/forms-and-inputs/number-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/number-field.mdx
@@ -13,7 +13,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/number-field/number-field-default"
+  name="number-field/default"
   preview={`<NumberField label="Width" defaultValue={1024} />`}
 />
 
@@ -37,7 +37,7 @@ npx dotui-cli@latest add number-field
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/number-field/number-field" />
+      <ComponentSource name="number-field/number-field" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -55,7 +55,7 @@ Use a `NumberField` to allow a user to enter a number.
 The NumberField value can be formatted by using the `formatOptions` prop. formatOptions is compatible with the option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat) and is applied based on the current locale.
 
 <ComponentPreview
-  name="core/number-field/number-field-format-options"
+  name="number-field/format-options"
   preview={`<NumberField
     label="Decimal"
     defaultValue={0}
@@ -98,7 +98,7 @@ The NumberField value can be formatted by using the `formatOptions` prop. format
 Use the `size` prop to control the size of the `NumberField`. The default size is `"md"`.
 
 <ComponentPreview
-  name="core/number-field/number-field-sizes"
+  name="number-field/sizes"
   preview={`<NumberField size="sm" />
 <NumberField size="md" />
 <NumberField size="lg" />`}
@@ -109,7 +109,7 @@ Use the `size` prop to control the size of the `NumberField`. The default size i
 A visual label can be provided for the `NumberField` using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/number-field/number-field-label"
+  name="number-field/label"
   preview={`<NumberField label="Width" />
 <NumberField aria-label="Width" />`}
 />
@@ -119,7 +119,7 @@ A visual label can be provided for the `NumberField` using the `label` prop or a
 A description can be supplied to a NumberField via the `description` prop. The description is always visible unless the `isInvalid` prop is set to `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/number-field/number-field-description"
+  name="number-field/description"
   preview={`<NumberField label="Width" description="Enter the desired width." />`}
 />
 
@@ -128,7 +128,7 @@ A description can be supplied to a NumberField via the `description` prop. The d
 An `errorMessage` can be supplied to a `NumberField`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/number-field/number-field-error-message"
+  name="number-field/error-message"
   preview={`<NumberField
     label="Width"
     isInvalid
@@ -141,7 +141,7 @@ An `errorMessage` can be supplied to a `NumberField`, which will be displayed wh
 Use the `isDisabled` prop to disable the NumberField.
 
 <ComponentPreview
-  name="core/number-field/number-field-disabled"
+  name="number-field/disabled"
   preview={`<NumberField isDisabled />`}
 />
 
@@ -150,7 +150,7 @@ Use the `isDisabled` prop to disable the NumberField.
 The `isReadOnly` boolean prop makes the NumberField's text content immutable. Unlike `isDisabled`, the NumberField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/number-field/number-field-read-only"
+  name="number-field/read-only"
   preview={`<NumberField isReadOnly />`}
 />
 
@@ -160,7 +160,7 @@ Use the `isRequired` prop to mark the NumberField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/number-field/number-field-required"
+  name="number-field/required"
   preview={`<NumberField label="Width" isRequired />
 <NumberField label="Width" isRequired necessityIndicator="icon" />
 <NumberField label="Width" isRequired necessityIndicator="label" />
@@ -172,7 +172,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use the `defaultValue` prop to set the default input value.
 
 <ComponentPreview
-  name="core/number-field/number-field-uncontrolled"
+  name="number-field/uncontrolled"
   preview={`<NumberField defaultValue={80} />`}
 />
 
@@ -181,7 +181,7 @@ Use the `defaultValue` prop to set the default input value.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/number-field/number-field-controlled"
+  name="number-field/controlled"
   preview={`const [value, setValue] = React.useState(69);
 return <NumberField value={value} onChange={setValue} />;`}
 />
@@ -191,7 +191,7 @@ return <NumberField value={value} onChange={setValue} />;`}
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/number-field/number-field-composition"
+  name="number-field/composition"
   preview={`<NumberFieldRoot>
     <Label>Quantity</Label>
     <Group className="flex items-center gap-2">
diff --git a/www/content/docs/components/forms-and-inputs/radio-group.mdx b/www/content/docs/components/forms-and-inputs/radio-group.mdx
index 48f13b907..d1455f32b 100644
--- a/www/content/docs/components/forms-and-inputs/radio-group.mdx
+++ b/www/content/docs/components/forms-and-inputs/radio-group.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/radio-group/radio-group-default"
+  name="radio-group/default"
   preview={`<RadioGroup defaultValue="sm" label="Size">
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -72,7 +72,7 @@ import {
 RadioGroups are vertically oriented by default. The `orientation` prop can be used to change the orientation to `'horizontal'`.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-orientation"
+  name="radio-group/orientation"
   preview={`<RadioGroup defaultValue="sm" label="Size" orientation="horizontal">
     <Radio value="sm" title="Small" description="Dimension: 128 x 128" />
     <Radio value="md" title="Medium" description="Dimension: 256 x 256" />
@@ -85,7 +85,7 @@ RadioGroups are vertically oriented by default. The `orientation` prop can be us
 Use the `variant` prop to control the visual style of the radio buttons.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-cards"
+  name="radio-group/cards"
   preview={`<RadioGroup defaultValue="sm" label="Size" orientation="horizontal" variant="card">
     <Radio value="sm">
       <div className="flex flex-col gap-1">
@@ -113,7 +113,7 @@ Use the `variant` prop to control the visual style of the radio buttons.
 A visual label can be provided for the radio group using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-label"
+  name="radio-group/label"
   preview={`<RadioGroup defaultValue="sm" label="Size">
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -131,7 +131,7 @@ A visual label can be provided for the radio group using the `label` prop or a h
 A description can be supplied to a radio group via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-description"
+  name="radio-group/description"
   preview={`<RadioGroup defaultValue="sm" label="Size" description="Select a product size.">
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -144,7 +144,7 @@ A description can be supplied to a radio group via the `description` prop. The d
 An `errorMessage` can be supplied to a `RadioGroup`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-error-message"
+  name="radio-group/error-message"
   preview={`<RadioGroup
     defaultValue={null}
     label="Size"
@@ -162,7 +162,7 @@ An `errorMessage` can be supplied to a `RadioGroup`, which will be displayed whe
 Use the `isDisabled` prop to disable the `RadioGroup` or a single `Radio`.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-disabled"
+  name="radio-group/disabled"
   preview={`<RadioGroup label="Size" defaultValue="sm" isDisabled>
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -180,7 +180,7 @@ Use the `isDisabled` prop to disable the `RadioGroup` or a single `Radio`.
 The `isReadOnly` prop makes the selection immutable. Unlike isDisabled, the RadioGroup remains focusable.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-read-only"
+  name="radio-group/read-only"
   preview={`<RadioGroup defaultValue="sm" label="Size" isReadOnly>
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -194,7 +194,7 @@ Use the `isRequired` prop to mark the radio group as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-required"
+  name="radio-group/required"
   preview={`<RadioGroup defaultValue="sm" label="Size" isRequired>
     <Radio value="sm">Small</Radio>
     <Radio value="lg">Large</Radio>
@@ -218,7 +218,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 The `defaultValue` prop can be used to set the default state.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-uncontrolled"
+  name="radio-group/uncontrolled"
   preview={`<RadioGroup defaultValue="sm" label="Size">
     <Radio value="sm">Small</Radio>
     <Radio value="md">Medium</Radio>
@@ -231,7 +231,7 @@ The `defaultValue` prop can be used to set the default state.
 Use the `value` and `onChange` props to control the value of the radio group.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-controlled"
+  name="radio-group/controlled"
   preview={`const [size, setSize] = React.useState("sm");
   return (
     <RadioGroup label="Size" value={size} onChange={(value) => setSize(value)}>
@@ -247,7 +247,7 @@ Use the `value` and `onChange` props to control the value of the radio group.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/radio-group/radio-group-composition"
+  name="radio-group/composition"
   preview={`<RadioGroupRoot defaultValue="sm">
     <Label>Size</Label>
     <Description>Please select a size.</Description>
diff --git a/www/content/docs/components/forms-and-inputs/search-field.mdx b/www/content/docs/components/forms-and-inputs/search-field.mdx
index 5a09c41ad..590d5ffac 100644
--- a/www/content/docs/components/forms-and-inputs/search-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/search-field.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/search-field/search-field-default"
+  name="search-field/default"
   preview={`<SearchField aria-label="Search" />`}
 />
 
@@ -58,7 +58,7 @@ import { SearchFieldRoot } from "@/components/core/search-field";
 A visual label can be provided for the `SearchField` using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/search-field/search-field-label"
+  name="search-field/label"
   preview={`<SearchField label="Search" />
 <SearchField aria-label="Search" />`}
 />
@@ -68,7 +68,7 @@ A visual label can be provided for the `SearchField` using the `label` prop or a
 A description can be supplied to a SearchField via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/search-field/search-field-description"
+  name="search-field/description"
   preview={`<SearchField label="Search" description="Enter your search query." />`}
 />
 
@@ -77,7 +77,7 @@ A description can be supplied to a SearchField via the `description` prop. The d
 An `errorMessage` can be supplied to a SearchField, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/search-field/search-field-error-message"
+  name="search-field/error-message"
   preview={`<SearchField
     label="Search"
     isInvalid
@@ -90,7 +90,7 @@ An `errorMessage` can be supplied to a SearchField, which will be displayed when
 Use the `size` prop to control the size of the `SearchField`. The default size is `"md"`.
 
 <ComponentPreview
-  name="core/search-field/search-field-sizes"
+  name="search-field/sizes"
   preview={`<SearchField size="sm" />
 <SearchField size="md" />
 <SearchField size="lg" />`}
@@ -101,7 +101,7 @@ Use the `size` prop to control the size of the `SearchField`. The default size i
 Use the `isDisabled` prop to disable the SearchField.
 
 <ComponentPreview
-  name="core/search-field/search-field-disabled"
+  name="search-field/disabled"
   preview={`<SearchField isDisabled />`}
 />
 
@@ -110,7 +110,7 @@ Use the `isDisabled` prop to disable the SearchField.
 The `isReadOnly` boolean prop makes the SearchField's text content immutable. Unlike `isDisabled`, the SearchField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/search-field/search-field-read-only"
+  name="search-field/read-only"
   preview={`<SearchField isReadOnly />`}
 />
 
@@ -120,7 +120,7 @@ Use the `isRequired` prop to mark the SearchField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/search-field/search-field-required"
+  name="search-field/required"
   preview={`<SearchField label="Search" isRequired />
 <SearchField label="Search" isRequired necessityIndicator="icon" />
 <SearchField label="Search" isRequired necessityIndicator="label" />
@@ -132,7 +132,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use the `defaultValue` prop to set the default input value.
 
 <ComponentPreview
-  name="core/search-field/search-field-uncontrolled"
+  name="search-field/uncontrolled"
   preview={`<SearchField defaultValue="Marvel movies" />`}
 />
 
@@ -141,7 +141,7 @@ Use the `defaultValue` prop to set the default input value.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/search-field/search-field-controlled"
+  name="search-field/controlled"
   preview={`const [inputValue, setInputValue] = React.useState("Marvel movies");
 return <SearchField value={inputValue} onChange={setInputValue} />;`}
 />
@@ -151,7 +151,7 @@ return <SearchField value={inputValue} onChange={setInputValue} />;`}
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/search-field/search-field-composition"
+  name="search-field/composition"
   preview={`<SearchFieldRoot>
     <Label>Search</Label>
     <InputRoot prefix={<SearchIcon />}>
diff --git a/www/content/docs/components/forms-and-inputs/slider.mdx b/www/content/docs/components/forms-and-inputs/slider.mdx
index df2b5e633..65d28fd47 100644
--- a/www/content/docs/components/forms-and-inputs/slider.mdx
+++ b/www/content/docs/components/forms-and-inputs/slider.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/slider/slider-default"
+  name="slider/default"
   preview={`<Slider defaultValue={50} />`}
 />
 
@@ -63,7 +63,7 @@ import { Label, Description } from "@/components/core/field";
 Use the `size` prop to control the size of the slider. The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/slider/slider-sizes"
+  name="slider/sizes"
   preview={`<Slider size="sm" />
 <Slider size="md" />
 <Slider size="lg" />`}
@@ -74,7 +74,7 @@ Use the `size` prop to control the size of the slider. The default variant is `"
 Sliders are horizontally oriented by default. The `orientation` prop can be set to `"vertical"` to create a vertical slider.
 
 <ComponentPreview
-  name="core/slider/slider-vertical"
+  name="slider/vertical"
   preview={`<Slider orientation="vertical" />`}
 />
 
@@ -83,7 +83,7 @@ Sliders are horizontally oriented by default. The `orientation` prop can be set
 A visual label can be provided using the `label` prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/slider/slider-label"
+  name="slider/label"
   preview={`<Slider label="Opacity" defaultValue={50} />
 <Slider aria-label="Opacity" defaultValue={50} />`}
 />
@@ -93,7 +93,7 @@ A visual label can be provided using the `label` prop or a hidden label using `a
 A description can be supplied to the slider using the `description` prop.
 
 <ComponentPreview
-  name="core/slider/slider-description"
+  name="slider/description"
   preview={`<Slider label="Opacity" description="Adjust the background opacity." />`}
 />
 
@@ -102,7 +102,7 @@ A description can be supplied to the slider using the `description` prop.
 The `valueLabel` boolean prop can be used to display the current value of the slider. The `valueLabel` prop can also be set to a function that returns a custom value label.
 
 <ComponentPreview
-  name="core/slider/slider-value-label"
+  name="slider/value-label"
   preview={`<Slider label="Donuts to buy" valueLabel />
   <Slider
     label="Donuts to buy"
@@ -115,7 +115,7 @@ The `valueLabel` boolean prop can be used to display the current value of the sl
 By default, slider values are precentages between 0 and 100. A different scale can be used by setting the `minValue` and `maxValue` props.
 
 <ComponentPreview
-  name="core/slider/slider-value-scale"
+  name="slider/value-scale"
   preview={`<Slider label="Cookies to buy" minValue={1} maxValue={50} />`}
 />
 
@@ -124,7 +124,7 @@ By default, slider values are precentages between 0 and 100. A different scale c
 The `step` prop can be used to snap the value to certain increments.
 
 <ComponentPreview
-  name="core/slider/slider-step"
+  name="slider/step"
   preview={`<Slider label="Opacity" step={5} />`}
 />
 
@@ -134,7 +134,7 @@ Values are formatted as a percentage by default, but this can be modified by usi
 `formatOptions` is compatible with the option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat) and is applied based on the current locale.
 
 <ComponentPreview
-  name="core/slider/slider-format-options"
+  name="slider/format-options"
   preview={`<Slider label="Price" formatOptions={{ style: "currency", currency: "JPY" }} />`}
 />
 
@@ -143,7 +143,7 @@ Values are formatted as a percentage by default, but this can be modified by usi
 Passing an array to the `defaultValue` or `value` props will create a range slider.
 
 <ComponentPreview
-  name="core/slider/slider-range"
+  name="slider/range"
   preview={`<Slider defaultValue={[200, 300]} />`}
 />
 
@@ -151,17 +151,14 @@ Passing an array to the `defaultValue` or `value` props will create a range slid
 
 Use the `isDisabled` prop to disable the slider.
 
-<ComponentPreview
-  name="core/slider/slider-disabled"
-  preview={`<Slider isDisabled />`}
-/>
+<ComponentPreview name="slider/disabled" preview={`<Slider isDisabled />`} />
 
 ## Composition
 
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/slider/slider-composition"
+  name="slider/composition"
   preview={`<SliderRoot>
     <Label>Volume</Label>
     <SliderValueLabel />
@@ -181,7 +178,7 @@ If you need to customize things further, you can drop down to the composition le
 The `defaultValue` prop can be used to set the default state.
 
 <ComponentPreview
-  name="core/slider/slider-uncontrolled"
+  name="slider/uncontrolled"
   preview={`<Slider defaultValue={20} />`}
 />
 
@@ -190,7 +187,7 @@ The `defaultValue` prop can be used to set the default state.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/slider/slider-controlled"
+  name="slider/controlled"
   preview={`const [value, setValue] = React.useState(50);
 return <Slider value={value} onChange={(value) => setValue(value as number)} />;`}
 />
diff --git a/www/content/docs/components/forms-and-inputs/switch.mdx b/www/content/docs/components/forms-and-inputs/switch.mdx
index 693104a37..5aedef9fe 100644
--- a/www/content/docs/components/forms-and-inputs/switch.mdx
+++ b/www/content/docs/components/forms-and-inputs/switch.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/switch/switch-default"
+  name="switch/default"
   preview={`<Switch>Focus mode</Switch>`}
 />
 
@@ -53,14 +53,14 @@ import {
 
 Use the `variant` prop to control the visual style of the switch.
 
-<ComponentPreview name="core/switch/switch-card" />
+<ComponentPreview name="switch/card" />
 
 ### Size
 
 Use the `size` prop to control the size of the switch. The default variant is `"md"`.
 
 <ComponentPreview
-  name="core/switch/switch-sizes"
+  name="switch/sizes"
   preview={`<Switch size="sm" />
 <Switch size="md" />
 <Switch size="lg" />`}
@@ -71,7 +71,7 @@ Use the `size` prop to control the size of the switch. The default variant is `"
 A visual label can be provided using the component children or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/switch/switch-label"
+  name="switch/label"
   preview={`<Switch>Focus mode</Switch>
 <Switch aria-label="Focus mode" />`}
 />
@@ -81,7 +81,7 @@ A visual label can be provided using the component children or a hidden label us
 Use the `isDisabled` prop to disable the switch.
 
 <ComponentPreview
-  name="core/switch/switch-disabled"
+  name="switch/disabled"
   preview={`<Switch isDisabled>Focus Mode</Switch>`}
 />
 
@@ -90,7 +90,7 @@ Use the `isDisabled` prop to disable the switch.
 The `defaultSelected` prop can be used to set the default state.
 
 <ComponentPreview
-  name="core/switch/switch-uncontrolled"
+  name="switch/uncontrolled"
   preview={`<Switch defaultSelected>Airplane Mode</Switch>`}
 />
 
@@ -99,7 +99,7 @@ The `defaultSelected` prop can be used to set the default state.
 Use the `isSelected` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/switch/switch-controlled"
+  name="switch/controlled"
   preview={`const [isSelected, setSelected] = React.useState(true);
   return (
     <Switch isSelected={isSelected} onChange={setSelected}>
@@ -113,7 +113,7 @@ Use the `isSelected` and `onChange` props to control the value of the input.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/switch/switch-composition"
+  name="switch/composition"
   preview={`<SwitchRoot>
     <SwitchIndicator>
       <SwitchThumb />
diff --git a/www/content/docs/components/forms-and-inputs/text-area.mdx b/www/content/docs/components/forms-and-inputs/text-area.mdx
index fa3283e79..beff2a9a0 100644
--- a/www/content/docs/components/forms-and-inputs/text-area.mdx
+++ b/www/content/docs/components/forms-and-inputs/text-area.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/text-area/text-area-default"
+  name="text-area/default"
   preview={`<TextArea label="Description" placeholder="Type your message here" />`}
 />
 
@@ -52,7 +52,7 @@ import { TextAreaRoot } from "@/components/core/text-field";
 A visual label can be provided for the `TextArea` using the label prop or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/text-area/text-area-label"
+  name="text-area/label"
   preview={`<TextArea label="Description" />
   <TextArea aria-label="Description" />`}
 />
@@ -62,7 +62,7 @@ A visual label can be provided for the `TextArea` using the label prop or a hidd
 An `errorMessage` can be supplied to a TextField, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/text-area/text-area-description"
+  name="text-area/description"
   preview={`<TextArea label="Description" description="Type your description" />`}
 />
 
@@ -71,7 +71,7 @@ An `errorMessage` can be supplied to a TextField, which will be displayed when t
 An `errorMessage` can be supplied to a TextArea, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/text-area/text-area-error-message"
+  name="text-area/error-message"
   preview={`<TextArea 
     label="Comment"
     isInvalid
@@ -84,7 +84,7 @@ An `errorMessage` can be supplied to a TextArea, which will be displayed when th
 To add additional context for the `TextArea`, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/text-area/text-area-prefix-and-suffix"
+  name="text-area/prefix-and-suffix"
   preview={`<TextArea
     label="Comment"
     placeholder="type something here"
@@ -98,7 +98,7 @@ To add additional context for the `TextArea`, use the `prefix` and `suffix` prop
 Use the `isDisabled` prop to disable the TextArea.
 
 <ComponentPreview
-  name="core/text-area/text-area-disabled"
+  name="text-area/disabled"
   preview={`<TextArea isDisabled />`}
 />
 
@@ -107,7 +107,7 @@ Use the `isDisabled` prop to disable the TextArea.
 The `isReadOnly` boolean prop makes the TextArea's text content immutable. Unlike `isDisabled`, the text area remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/text-area/text-area-read-only"
+  name="text-area/read-only"
   preview={`<TextArea isReadOnly />`}
 />
 
@@ -117,7 +117,7 @@ Use the `isRequired` prop to mark the TextArea as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/text-area/text-area-required"
+  name="text-area/required"
   preview={`<TextArea label="Description" isRequired necessityIndicator="icon" />`}
 />
 
@@ -126,7 +126,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use the `defaultValue` prop to set the default input value.
 
 <ComponentPreview
-  name="core/text-area/text-area-uncontrolled"
+  name="text-area/uncontrolled"
   preview={`<TextArea label="Essay" defaultValue="Roses are red, violets are blue." />`}
 />
 
@@ -135,7 +135,7 @@ Use the `defaultValue` prop to set the default input value.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/text-area/text-area-controlled"
+  name="text-area/controlled"
   preview={`const [inputValue, setInputValue] = React.useState("Roses are red, violets are blue.");
   return (
     <TextArea
@@ -153,7 +153,7 @@ Use the `value` and `onChange` props to control the value of the input.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/text-area/text-area-composition"
+  name="text-area/composition"
   preview={`<TextAreaRoot>
     <Label>Comment</Label>
     <InputRoot>
diff --git a/www/content/docs/components/forms-and-inputs/text-field.mdx b/www/content/docs/components/forms-and-inputs/text-field.mdx
index 02886f976..b8683299c 100644
--- a/www/content/docs/components/forms-and-inputs/text-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/text-field.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/text-field/text-field-default"
+  name="text-field/default"
   preview={`<TextField label="Email" placeholder="hello@mehdibha.com" />`}
 />
 
@@ -49,7 +49,7 @@ import { TextFieldRoot, TextFieldInput } from "@/components/core/text-field";
 A visual label can be provided for the `TextField` using the label prop, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/text-field/text-field-label"
+  name="text-field/label"
   preview={`<TextField label="Email" />
 <TextField aria-label="Email" />`}
 />
@@ -59,7 +59,7 @@ A visual label can be provided for the `TextField` using the label prop, or a hi
 A description can be supplied to `TextField` via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/text-field/text-field-description"
+  name="text-field/description"
   preview={`<TextField label="Email" description="Enter your email." />`}
 />
 
@@ -68,7 +68,7 @@ A description can be supplied to `TextField` via the `description` prop. The des
 An `errorMessage` can be supplied to `TextField`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/text-field/text-field-error-message"
+  name="text-field/error-message"
   preview={`<TextField
     label="Email"
     isInvalid
@@ -81,7 +81,7 @@ An `errorMessage` can be supplied to `TextField`, which will be displayed when t
 Use the `size` prop to control the size of the `TextField`. The default size is `"md"`.
 
 <ComponentPreview
-  name="core/text-field/text-field-sizes"
+  name="text-field/sizes"
   preview={`<TextField size="sm" />
 <TextField size="md" />
 <TextField size="lg" />`}
@@ -92,7 +92,7 @@ Use the `size` prop to control the size of the `TextField`. The default size is
 To add additional context for the `TextField`, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/text-field/text-field-prefix-and-suffix"
+  name="text-field/prefix-and-suffix"
   preview={`<TextField prefix={<span>https://</span>} />
 <TextField suffix={<span>@dotui.org</span>} />
 <TextField suffix={<ClearButton />} />`}
@@ -103,7 +103,7 @@ To add additional context for the `TextField`, use the `prefix` and `suffix` pro
 Use the `isDisabled` prop to disable the TextField.
 
 <ComponentPreview
-  name="core/text-field/text-field-disabled"
+  name="text-field/disabled"
   preview={`<TextField isDisabled />`}
 />
 
@@ -112,7 +112,7 @@ Use the `isDisabled` prop to disable the TextField.
 The `isReadOnly` boolean prop makes the TextField's text content immutable. Unlike `isDisabled`, the TextField remains focusable and the contents can still be copied.
 
 <ComponentPreview
-  name="core/text-field/text-field-read-only"
+  name="text-field/read-only"
   preview={`<TextField isReadOnly />`}
 />
 
@@ -122,7 +122,7 @@ Use the `isRequired` prop to mark the TextField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/text-field/text-field-required"
+  name="text-field/required"
   preview={`<TextField label="Email" isRequired />
 <TextField label="Email" isRequired necessityIndicator="icon" />
 <TextField label="Email" isRequired necessityIndicator="label" />
@@ -134,7 +134,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use the `defaultValue` prop to set the default input value.
 
 <ComponentPreview
-  name="core/text-field/text-field-uncontrolled"
+  name="text-field/uncontrolled"
   preview={`<TextField label="Name" defaultValue="Mehdi" />`}
 />
 
@@ -143,7 +143,7 @@ Use the `defaultValue` prop to set the default input value.
 Use the `value` and `onChange` props to control the value of the input.
 
 <ComponentPreview
-  name="core/text-field/text-field-controlled"
+  name="text-field/controlled"
   preview={`const [inputValue, setInputValue] = React.useState("Hello world!");
   return (
     <TextField
@@ -160,7 +160,7 @@ Use the `value` and `onChange` props to control the value of the input.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/text-field/text-field-composition"
+  name="text-field/composition"
   preview={`<TextFieldRoot>
     <Label>Email</Label>
     <TextFieldInput />
diff --git a/www/content/docs/components/menus-and-selection/combobox.mdx b/www/content/docs/components/menus-and-selection/combobox.mdx
index 4349bde24..6358415b2 100644
--- a/www/content/docs/components/menus-and-selection/combobox.mdx
+++ b/www/content/docs/components/menus-and-selection/combobox.mdx
@@ -16,7 +16,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/combobox/combobox-basic"
+  name="combobox/basic"
   preview={`<Combobox>
     <Item>Canada</Item>
     <Item>France</Item>
@@ -48,7 +48,7 @@ npx dotui-cli@latest add combobox
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/combobox/combobox" />
+      <ComponentSource name="combobox/combobox" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -66,7 +66,7 @@ Use `Combobox` to allow users to filter a list of options to items matching a qu
 A visual label can be provided for the combobox using the `label` prop, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/combobox/combobox-label"
+  name="combobox/label"
   preview={`<Combobox label="Country">
     <Item>Canada</Item>
     <Item>France</Item>
@@ -83,7 +83,7 @@ A visual label can be provided for the combobox using the `label` prop, or a hid
 A description can be supplied to the combobox via the `description` prop. The description is always visible unless the `validationState` is `“invalid”` and an error message is provided.
 
 <ComponentPreview
-  name="core/combobox/combobox-description"
+  name="combobox/description"
   preview={`<Combobox label="Country" description="Please select a country.">
     <Item>Canada</Item>
     <Item>France</Item>
@@ -100,7 +100,7 @@ A description can be supplied to the combobox via the `description` prop. The de
 An `errorMessage` can be supplied to a `Combobox`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/combobox/combobox-validation"
+  name="combobox/validation"
   preview={`<Combobox isInvalid errorMessage="Please select a country in the list.">
     <Item>Canada</Item>
     <Item>France</Item>
@@ -117,7 +117,7 @@ An `errorMessage` can be supplied to a `Combobox`, which will be displayed when
 By default, `Combobox` doesn't allow users to specify a value that doesn't exist in the list of options and will revert the input value to the current selected value on blur. By specifying `allowsCustomValue`, this behavior is suppressed.
 
 <ComponentPreview
-  name="core/combobox/combobox-custom-value"
+  name="combobox/custom-value"
   preview={`<Combobox allowsCustomValue>
     <Item>Canada</Item>
     <Item>France</Item>
@@ -134,7 +134,7 @@ By default, `Combobox` doesn't allow users to specify a value that doesn't exist
 The `isDisabled` prop can be used to disable the combobox.
 
 <ComponentPreview
-  name="core/combobox/combobox-disabled"
+  name="combobox/disabled"
   preview={`<Combobox label="Favorite animal" isDisabled>
     <Item>Red Panda</Item>
     <Item>Cat</Item>
@@ -150,7 +150,7 @@ The `isDisabled` prop can be used to disable the combobox.
 Use the `isLoading` prop to indicate that the list is loading.
 
 <ComponentPreview
-  name="core/combobox/combobox-loading"
+  name="combobox/loading"
   preview={`<Combobox label="Favorite Animal" isLoading>
     <Item>Red Panda</Item>
     <Item>Cat</Item>
@@ -167,7 +167,7 @@ Use the `isRequired` prop to mark the combobox as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/combobox/combobox-required"
+  name="combobox/required"
   preview={`<Combobox label="Country" isRequired necessityIndicator="icon">
     <Item>Canada</Item>
     <Item>France</Item>
@@ -185,7 +185,7 @@ Combobox supports sections in order to group options. Sections can be used by wr
 Sections without a `title` must provide an aria-label for accessibility.
 
 <ComponentPreview
-  name="core/combobox/combobox-sections"
+  name="combobox/sections"
   preview={`<Combobox>
     <Section title="Africa">
       <Item>Tunisia</Item>
@@ -219,7 +219,7 @@ See [Item options](/components/menus-and-selection/list-box#item-options) for mo
 Use `defaultSelectedKey` to provide a default set of selected item.
 
 <ComponentPreview
-  name="core/combobox/combobox-uncontrolled"
+  name="combobox/uncontrolled"
   preview={`<Combobox aria-label="country" defaultSelectedKey="tn">
     <Item id="ca">Canada</Item>
     <Item id="fr">France</Item>
@@ -236,7 +236,7 @@ Use `defaultSelectedKey` to provide a default set of selected item.
 Use `selectedKey` to control the selected item.
 
 <ComponentPreview
-  name="core/combobox/combobox-controlled"
+  name="combobox/controlled"
   preview={`const [country, setCountry] = React.useState<Key | null>("tn");
   return (
     <Combobox selectedKey={country} onSelectionChange={setCountry}>
@@ -256,7 +256,7 @@ Use `selectedKey` to control the selected item.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/combobox/combobox-composition"
+  name="combobox/composition"
   preview={`<ComboboxRoot>
     <Label>Framework</Label>
     <ComboboxTrigger />
@@ -280,7 +280,7 @@ If you need to customize things further, you can drop down to the composition le
 {/* prettier-ignore-start */}
 
 <ComponentPreview 
-  name="core/combobox/combobox-async-loading" 
+  name="combobox/async-loading" 
   preview={`const list = useAsyncList<Character>({
     async load({ signal }) {
       const res = await fetch(\`https://pokeapi.co/api/v2/pokemon\`, { signal });
diff --git a/www/content/docs/components/menus-and-selection/command.mdx b/www/content/docs/components/menus-and-selection/command.mdx
index 528463c53..54535739b 100644
--- a/www/content/docs/components/menus-and-selection/command.mdx
+++ b/www/content/docs/components/menus-and-selection/command.mdx
@@ -10,7 +10,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/menus-and-selection/command.mdx?plain=1
 ---
 
-<ComponentPreview name="core/command/command-basic" />
+<ComponentPreview name="command/basic" />
 
 ## Installation
 
@@ -20,4 +20,4 @@ npx dotui-cli@latest add command
 
 ## Dialog
 
-<ComponentPreview name="core/command/command-dialog" />
+<ComponentPreview name="command/dialog" />
diff --git a/www/content/docs/components/menus-and-selection/list-box.mdx b/www/content/docs/components/menus-and-selection/list-box.mdx
index ca850661a..f5ed73d27 100644
--- a/www/content/docs/components/menus-and-selection/list-box.mdx
+++ b/www/content/docs/components/menus-and-selection/list-box.mdx
@@ -16,7 +16,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/list-box/list-box-basic"
+  name="list-box/basic"
   preview={`<ListBox>
     <Item>Next.js</Item>
     <Item>Remix</Item>
@@ -45,7 +45,7 @@ npx dotui-cli@latest add list-box
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/list-box/list-box" />
+      <ComponentSource name="list-box/list-box" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -64,7 +64,7 @@ By default, `ListBox` expects items to be arranged in a vertical stack, and impl
 Use the `orientation` prop to change the layout to a horizontal stack.
 
 <ComponentPreview
-  name="core/list-box/list-box-horizontal"
+  name="list-box/horizontal"
   preview={`<ListBox orientation="horizontal" selectionMode="single">
     <Item textValue="Read" label="Read" description="Read Only" />
     <Item textValue="Write" label="Write" description="Read and Write Only" />
@@ -77,7 +77,7 @@ Use the `orientation` prop to change the layout to a horizontal stack.
 The `layout` prop can be set to `"grid"` to enable two-dimensional keyboard navigation.
 
 <ComponentPreview
-  name="core/list-box/list-box-grid"
+  name="list-box/grid"
   preview={`<ListBox layout="grid">
     <Item>Next.js</Item>
     <Item>Remix</Item>
@@ -91,7 +91,7 @@ The `layout` prop can be set to `"grid"` to enable two-dimensional keyboard navi
 ListBox supports multiple selection modes. By default, selection is disabled, however this can be changed using the `selectionMode` prop.
 
 <ComponentPreview
-  name="core/list-box/list-box-selection-mode"
+  name="list-box/selection-mode"
   preview={`<ListBox selectionMode="single">
     <Item>Next.js</Item>
     <Item>Remix</Item>
@@ -111,7 +111,7 @@ ListBox supports multiple selection modes. By default, selection is disabled, ho
 When `selectionBehavior` is set to `"replace"`, clicking a row with the mouse replaces the selection with only that row. Using the arrow keys moves both focus and selection. To select multiple rows, modifier keys such as `Ctrl`, `Cmd`, and `Shift` can be used. On touch screen devices, selection always behaves as toggle since modifier keys may not be available.
 
 <ComponentPreview
-  name="core/list-box/list-box-selection-behavior"
+  name="list-box/selection-behavior"
   preview={`<ListBox selectionMode="multiple" selectionBehavior="replace">
     <Item>Next.js</Item>
     <Item>Remix</Item>
@@ -125,7 +125,7 @@ When `selectionBehavior` is set to `"replace"`, clicking a row with the mouse re
 Use the `isLoading` prop to indicate that the list is loading.
 
 <ComponentPreview
-  name="core/list-box/list-box-loading"
+  name="list-box/loading"
   preview={`<ListBox isLoading>
     <Item>User 1</Item>
     <Item>User 2</Item>
@@ -138,7 +138,7 @@ Use the `isLoading` prop to indicate that the list is loading.
 Use the `renderEmptyState` prop to customize what the ListBox will display if there are no items.
 
 <ComponentPreview
-  name="core/list-box/list-box-empty-state"
+  name="list-box/empty-state"
   preview={`<ListBox renderEmptyState={() => "No results found."} />`}
 />
 
@@ -149,7 +149,7 @@ Use the `renderEmptyState` prop to customize what the ListBox will display if th
 Use the `variant` prop to set the visual style of the item.
 
 <ComponentPreview
-  name="core/list-box/list-box-item-variant"
+  name="list-box/item-variant"
   preview={`<ListBox>
     <Item>View logs</Item>
     <Item>Manage domains</Item>
@@ -163,7 +163,7 @@ Use the `variant` prop to set the visual style of the item.
 By default, items in a ListBox are labeled by their text contents for accessibility. Items also support the `"label"` and `"description"` props to separate primary and secondary content.
 
 <ComponentPreview
-  name="core/list-box/list-box-label-and-description"
+  name="list-box/label-and-description"
   preview={`<ListBox>
     <Item textValue="Read" label="Read" description="Read Only" />
     <Item textValue="Write" label="Write" description="Read and Write Only" />
@@ -176,7 +176,7 @@ By default, items in a ListBox are labeled by their text contents for accessibil
 To add additional context for the item, such as icons, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/list-box/list-box-prefix-and-suffix"
+  name="list-box/prefix-and-suffix"
   preview={`<ListBox>
     <Item label="New file" description="Create a new file" prefix={<PlusSquareIcon />} />
     <Item label="Copy link" description="Copy the file link" prefix={<CopyIcon />} />
@@ -189,7 +189,7 @@ To add additional context for the item, such as icons, use the `prefix` and `suf
 Items may be links to another page or website. This can be achieved by passing the `href` prop to the `Item` component.
 
 <ComponentPreview
-  name="core/list-box/list-box-links"
+  name="list-box/links"
   preview={`<ListBox>
     <Item href="https://github.com/mehdibha">GitHub</Item>
     <Item href="https://linkedin.com/in/mehdibha">LinkedIn</Item>
@@ -202,7 +202,7 @@ Items may be links to another page or website. This can be achieved by passing t
 An `Item` can be disabled with the `isDisabled` prop.
 
 <ComponentPreview
-  name="core/list-box/list-box-disabled-items"
+  name="list-box/disabled-items"
   preview={`<ListBox>
     <Item>Next.js</Item>
     <Item>Remix</Item>
@@ -217,7 +217,7 @@ An `Item` can be disabled with the `isDisabled` prop.
 Sections without a `title` must provide an `aria-label` for accessibility.
 
 <ComponentPreview
-  name="core/list-box/list-box-sections"
+  name="list-box/sections"
   preview={`<ListBox selectionMode="multiple">
     <Section title="Sauces">
       <Item id="signature-sauce">Signature sauce</Item>
@@ -243,7 +243,7 @@ Sections without a `title` must provide an `aria-label` for accessibility.
 Separators may be added between items or sections in order to create non-labeled groupings.
 
 <ComponentPreview
-  name="core/list-box/list-box-separator"
+  name="list-box/separator"
   preview={`<ListBox>
     <Item>New...</Item>
     <Item>Badges</Item>
@@ -262,7 +262,7 @@ Separators may be added between items or sections in order to create non-labeled
 Use `defaultSelectedKey` to set a default selected item.
 
 <ComponentPreview
-  name="core/list-box/list-box-uncontrolled"
+  name="list-box/uncontrolled"
   preview={`<ListBox
     selectionMode="multiple"
     defaultSelectedKeys={["nextjs", "remix", "astro"]}
@@ -279,7 +279,7 @@ Use `defaultSelectedKey` to set a default selected item.
 Use `selectedKey` and `onChange` props to control the selected item.
 
 <ComponentPreview
-  name="core/list-box/list-box-controlled"
+  name="list-box/controlled"
   preview={`const [selected, setSelected] = React.useState<Selection>(new Set(["nextjs", "remix", "astro"]));
   return (
     <ListBox
@@ -300,7 +300,7 @@ Use `selectedKey` and `onChange` props to control the selected item.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/list-box/list-box-composition"
+  name="list-box/composition"
   preview={`<ListBox selectionMode="multiple">
     <Item>
       <Text slot="label">Next.js</Text>
@@ -326,7 +326,7 @@ This example uses the `useAsyncList` hook to handle asynchronous loading of data
 {/* prettier-ignore-start */}
 
 <ComponentPreview 
-  name="core/list-box/list-box-async-loading"
+  name="list-box/async-loading"
   preview={`const list = useAsyncList<Character>({
     async load({ signal }) {
       const res = await fetch(\`https://pokeapi.co/api/v2/pokemon\`, { signal })
diff --git a/www/content/docs/components/menus-and-selection/menu.mdx b/www/content/docs/components/menus-and-selection/menu.mdx
index 1a896af6e..da885c12b 100644
--- a/www/content/docs/components/menus-and-selection/menu.mdx
+++ b/www/content/docs/components/menus-and-selection/menu.mdx
@@ -16,7 +16,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/menu/menu-basic"
+  name="menu/basic"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -48,7 +48,7 @@ npx dotui-cli@latest add menu
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/menu/menu" />
+      <ComponentSource name="menu/menu" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -66,7 +66,7 @@ Use `Menu` to display a list of actions or options that a user can choose.
 Use the `type` prop to set the overlay type. The default is `"popover"`. You can also set the mobile type using the `mobileType` prop (`"drawer"` by default).
 
 <ComponentPreview
-  name="core/menu/menu-overlay-type"
+  name="menu/overlay-type"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu type={type} mobileType={mobileType}>
@@ -83,7 +83,7 @@ Use the `type` prop to set the overlay type. The default is `"popover"`. You can
 Use the `placement` prop to set the position of the menu relative to the trigger button.
 
 <ComponentPreview
-  name="core/menu/menu-placement"
+  name="menu/placement"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu placement={placement}>
@@ -101,7 +101,7 @@ Use the `placement` prop to set the position of the menu relative to the trigger
 Set the `selectionMode` prop to `single` for single selection.
 
 <ComponentPreview
-  name="core/menu/menu-single-selection"
+  name="menu/single-selection"
   preview={`const [selected, setSelected] = React.useState<Selection>(new Set(["center"]));
   return (
     <MenuRoot>
@@ -120,7 +120,7 @@ Set the `selectionMode` prop to `single` for single selection.
 Set the `selectionMode` prop to `multiple` for multiple selection.
 
 <ComponentPreview
-  name="core/menu/menu-multiple-selection"
+  name="menu/multiple-selection"
   preview={`<MenuRoot>
     <Button>Panels</Button>
     <Menu selectionMode="multiple" defaultSelectedKeys={["sidebar", "searchbar", "console"]}>
@@ -139,7 +139,7 @@ Set the `selectionMode` prop to `multiple` for multiple selection.
 Use the `variant` prop to set the visual style of the menu item.
 
 <ComponentPreview
-  name="core/menu/menu-item-variant"
+  name="menu/item-variant"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -156,7 +156,7 @@ Use the `variant` prop to set the visual style of the menu item.
 MenuItems also support the `"label"` and `"description"` slots to separate primary and secondary content. You can also use the `Text` component to do the same behaviour.
 
 <ComponentPreview
-  name="core/menu/menu-label-and-description"
+  name="menu/label-and-description"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -172,7 +172,7 @@ MenuItems also support the `"label"` and `"description"` slots to separate prima
 To add additional context for the menu item, such as icons, use the `prefix` and `suffix` props.
 
 <ComponentPreview
-  name="core/menu/menu-prefix-and-suffix"
+  name="menu/prefix-and-suffix"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -188,7 +188,7 @@ To add additional context for the menu item, such as icons, use the `prefix` and
 Use the `shortcut` prop to add a keyboard shortcut to a menu item, or use the `Keyboard` component.
 
 <ComponentPreview
-  name="core/menu/menu-shortcut"
+  name="menu/shortcut"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -204,7 +204,7 @@ Use the `shortcut` prop to add a keyboard shortcut to a menu item, or use the `K
 Alternatively, items may be links to another page or website. This can be achieved by passing the href prop to the `<MenuItem>` component. Link items in a menu are not selectable.
 
 <ComponentPreview
-  name="core/menu/menu-link-items"
+  name="menu/link-items"
   preview={`<MenuRoot>
     <Button>Social</Button>
     <Menu>
@@ -226,7 +226,7 @@ Alternatively, items may be links to another page or website. This can be achiev
 A MenuItem can be disabled with the `isDisabled` prop.
 
 <ComponentPreview
-  name="core/menu/menu-disabled-items"
+  name="menu/disabled-items"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -246,7 +246,7 @@ A MenuItem can be disabled with the `isDisabled` prop.
 By default, Menu opens by pressing the trigger element or activating it via the Space or Enter keys. This behavior can be changed by providing `"longPress"` to the `trigger` prop.
 
 <ComponentPreview
-  name="core/menu/menu-long-press"
+  name="menu/long-press"
   preview={`<MenuRoot trigger="longPress">
     <Button><MenuIcon /></Button>
     <Menu>
@@ -263,7 +263,7 @@ Menu supports sections with headings in order to group items. Sections can be us
 A `Header` element may also be included to label the section or using the `title` prop on the `Section` component.
 
 <ComponentPreview
-  name="core/menu/menu-section"
+  name="menu/section"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -285,7 +285,7 @@ A `Header` element may also be included to label the section or using the `title
 Separators may be added between menu items or sections in order to create non-labeled groupings.
 
 <ComponentPreview
-  name="core/menu/menu-separator"
+  name="menu/separator"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -307,7 +307,7 @@ Separators may be added between menu items or sections in order to create non-la
 Submenus can be created by wrapping a `MenuItem` and a `Menu` in a `MenuSub`.
 
 <ComponentPreview
-  name="core/menu/menu-submenus"
+  name="menu/submenus"
   preview={`<MenuRoot>
     <Button><MenuIcon /></Button>
     <Menu>
@@ -335,7 +335,7 @@ Submenus can be created by wrapping a `MenuItem` and a `Menu` in a `MenuSub`.
 The open state can be controlled via `isOpen` and `onOpenChange` props.
 
 <ComponentPreview
-  name="core/menu/menu-controlled"
+  name="menu/controlled"
   preview={`const [isOpen, setOpen] = React.useState(false);
   return (
     <MenuRoot isOpen={isOpen} onOpenChange={setOpen}>
@@ -354,7 +354,7 @@ The open state can be controlled via `isOpen` and `onOpenChange` props.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/menu/menu-composition"
+  name="menu/composition"
   preview={`<MenuRoot>
     <Button>
       <MenuIcon />
diff --git a/www/content/docs/components/menus-and-selection/select.mdx b/www/content/docs/components/menus-and-selection/select.mdx
index c72fb4f0f..bef9dc9a2 100644
--- a/www/content/docs/components/menus-and-selection/select.mdx
+++ b/www/content/docs/components/menus-and-selection/select.mdx
@@ -16,7 +16,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/select/select-basic"
+  name="select/basic"
   preview={`<Select>
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -45,7 +45,7 @@ npx dotui-cli@latest add select
     ```
 
       <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="core/select/select" />
+      <ComponentSource name="select/select" />
       <Step>Update the import paths to match your project setup.</Step>
     </Steps>
 
@@ -65,7 +65,7 @@ Use `Select` to allow users to choose a single option from a collapsible list of
 Use the `placeholder` prop to provide a temporary text that occupies the text input when it is empty.
 
 <ComponentPreview
-  name="core/select/select-placeholder"
+  name="select/placeholder"
   preview={`<Select placeholder="Select a provider">
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -79,7 +79,7 @@ Use the `placeholder` prop to provide a temporary text that occupies the text in
 A visual label can be provided for the `Select` using the `label` prop, or a hidden label using `aria-label` prop.
 
 <ComponentPreview
-  name="core/select/select-label"
+  name="select/label"
   preview={`<Select label="Provider">
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -93,7 +93,7 @@ A visual label can be provided for the `Select` using the `label` prop, or a hid
 A description can be supplied to a Select via the `description` prop. The description is always visible unless the `isInvalid` prop is `true` and an error message is provided.
 
 <ComponentPreview
-  name="core/select/select-description"
+  name="select/description"
   preview={`<Select label="Provider" description="Please select a provider.">
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -107,7 +107,7 @@ A description can be supplied to a Select via the `description` prop. The descri
 An `errorMessage` can be supplied to `Select`, which will be displayed when the `isInvalid` prop is set to `true`.
 
 <ComponentPreview
-  name="core/select/select-validation"
+  name="select/validation"
   preview={`<Select label="Provider" isInvalid errorMessage="Please select an item in the list.">
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -122,7 +122,7 @@ Select supports sections in order to group options. Sections can be used by wrap
 Sections without a `title` must provide an `aria-label` for accessibility.
 
 <ComponentPreview
-  name="core/select/select-sections"
+  name="select/sections"
   preview={`<Select label="Model">
     <Section title="OpenAI">
       <Item>GPT-4o</Item>
@@ -153,7 +153,7 @@ Sections without a `title` must provide an `aria-label` for accessibility.
 Items may be links to another page or website. This can be achieved by passing the `href` prop to the `Item` component.
 
 <ComponentPreview
-  name="core/select/select-links"
+  name="select/links"
   preview={`<Select label="Project">
     <Item href="/create-project">Create new...</Item>
     <Item>DotUI</Item>
@@ -167,7 +167,7 @@ Items may be links to another page or website. This can be achieved by passing t
 The `isDisabled` prop can be used to disable the Select.
 
 <ComponentPreview
-  name="core/select/select-disabled"
+  name="select/disabled"
   preview={`<Select isDisabled>
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -181,7 +181,7 @@ The `isDisabled` prop can be used to disable the Select.
 Use the `isLoading` prop to indicate that the list is loading.
 
 <ComponentPreview
-  name="core/select/select-loading"
+  name="select/loading"
   preview={`<Select isLoading>
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -196,7 +196,7 @@ Use the `isRequired` prop to mark the TextField as required.
 Use the `necessityIndicator` prop to control the visual style of the required state.
 
 <ComponentPreview
-  name="core/select/select-required"
+  name="select/required"
   preview={`<Select label="Provider" isRequired necessityIndicator="icon">
     <Item>Perplexity</Item>
     <Item>Replicate</Item>
@@ -210,7 +210,7 @@ Use the `necessityIndicator` prop to control the visual style of the required st
 Use `defaultSelectedKey` to provide a default set of selected item.
 
 <ComponentPreview
-  name="core/select/select-uncontrolled"
+  name="select/uncontrolled"
   preview={`<Select defaultSelectedKey="eleven-labs">
     <Item id="perplexity">Perplexity</Item>
     <Item id="replicate">Replicate</Item>
@@ -224,7 +224,7 @@ Use `defaultSelectedKey` to provide a default set of selected item.
 Use `selectedKey` to control the selected item.
 
 <ComponentPreview
-  name="core/select/select-controlled"
+  name="select/controlled"
   preview={`const [provider, setProvider] = React.useState<Key>("eleven-labs");
   return (
     <Select selectedKey={provider} onSelectionChange={setProvider}>
@@ -241,7 +241,7 @@ Use `selectedKey` to control the selected item.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/select/select-composition"
+  name="select/composition"
   preview={`<SelectRoot>
     <Button variant="outline" suffix={<ChevronsUpDownIcon className="text-fg-muted" />}>
       <SelectValue />
@@ -264,7 +264,7 @@ If you need to customize things further, you can drop down to the composition le
 {/* prettier-ignore-start */}
 
 <ComponentPreview 
-  name="core/select/select-async-loading" 
+  name="select/async-loading" 
   preview={`const list = useAsyncList<Character>({
     async load({ signal }) {
       const res = await fetch(\`https://pokeapi.co/api/v2/pokemon\`, { signal });
diff --git a/www/content/docs/components/menus-and-selection/tag-group.mdx b/www/content/docs/components/menus-and-selection/tag-group.mdx
index 3957f7e4c..e92446f04 100644
--- a/www/content/docs/components/menus-and-selection/tag-group.mdx
+++ b/www/content/docs/components/menus-and-selection/tag-group.mdx
@@ -12,7 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
 ---
 
-<ComponentPreview name="core/tag-group/tag-group-default" />
+<ComponentPreview name="tag-group/default" />
 
 ## Installation
 
diff --git a/www/content/docs/components/navigation/breadcrumbs.mdx b/www/content/docs/components/navigation/breadcrumbs.mdx
index daa40be89..2ce4a814e 100644
--- a/www/content/docs/components/navigation/breadcrumbs.mdx
+++ b/www/content/docs/components/navigation/breadcrumbs.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/breadcrumbs/breadcrumbs-basic"
+  name="breadcrumbs/basic"
   preview={`<Breadcrumbs>
     <Breadcrumb href="#">Home</Breadcrumb>
     <Breadcrumb href="#">Components</Breadcrumb>
@@ -69,7 +69,7 @@ import {
 Use the `isDisabled` prop to disable the breadcrumbs.
 
 <ComponentPreview
-  name="core/breadcrumbs/breadcrumbs-disabled"
+  name="breadcrumbs/disabled"
   preview={`<Breadcrumbs isDisabled>
     <Breadcrumb href="#">Home</Breadcrumb>
     <Breadcrumb href="#">Components</Breadcrumb>
@@ -82,7 +82,7 @@ Use the `isDisabled` prop to disable the breadcrumbs.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/breadcrumbs/breadcrumbs-composition"
+  name="breadcrumbs/composition"
   preview={`<Breadcrumbs>
     <BreadcrumbItem>
       <BreadcrumbLink href="#">Home</BreadcrumbLink>
@@ -104,7 +104,7 @@ If you need to customize things further, you can drop down to the composition le
 ### Icon
 
 <ComponentPreview
-  name="core/breadcrumbs/breadcrumbs-icon"
+  name="breadcrumbs/icon"
   preview={`<Breadcrumbs>
     <Breadcrumb href="#">
       <HomeIcon />
@@ -118,7 +118,7 @@ If you need to customize things further, you can drop down to the composition le
 ### Router integration
 
 <ComponentPreview
-  name="core/breadcrumbs/breadcrumbs-router-integration"
+  name="breadcrumbs/router-integration"
   preview={`const pathname = usePathname();
   const pathnames = pathname.split("/").filter((x) => x);
   return (
diff --git a/www/content/docs/components/navigation/tabs.mdx b/www/content/docs/components/navigation/tabs.mdx
index 00f67ee70..46b7fea81 100644
--- a/www/content/docs/components/navigation/tabs.mdx
+++ b/www/content/docs/components/navigation/tabs.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/tabs/tabs-basic"
+  name="tabs/basic"
   preview={`<Tabs>
     <TabList>
       <Tab id="overview">Overview</Tab>
@@ -35,7 +35,7 @@ npx dotui-cli@latest add tabs
 Use the `selectedKey` and `onSelectionChange` props to control the selected tab.
 
 <ComponentPreview
-  name="core/tabs/tabs-controlled"
+  name="tabs/controlled"
   preview={`const [selectedTab, setSelectedTab] = React.useState<Key>("overview");
   return (
     <Tabs selectedKey={selectedTab} onSelectionChange={setSelectedTab}>
@@ -58,7 +58,7 @@ Use the `selectedKey` and `onSelectionChange` props to control the selected tab.
 Use the `variant` prop to set the visual style of the tabs.
 
 <ComponentPreview
-  name="core/tabs/tabs-variant"
+  name="tabs/variant"
   preview={`<Tabs variant="solid">
     <TabList>
       <Tab id="overview">Overview</Tab>
@@ -76,7 +76,7 @@ Use the `variant` prop to set the visual style of the tabs.
 Use the `orientation` prop to set the orientation of the tabs.
 
 <ComponentPreview
-  name="core/tabs/tabs-vertical"
+  name="tabs/vertical"
   preview={`<Tabs orientation="vertical">
     <TabList>
       <Tab id="overview">Overview</Tab>
@@ -94,7 +94,7 @@ Use the `orientation` prop to set the orientation of the tabs.
 Use the `isDisabled` prop on `Tabs` or `Tab` to disable the entire tab list or individual tabs.
 
 <ComponentPreview
-  name="core/tabs/tabs-disabled"
+  name="tabs/disabled"
   preview={`<Tabs isDisabled> {/* All tabs disabled */}
     <TabList>
       <Tab id="overview">Overview</Tab>
@@ -123,7 +123,7 @@ Use the `isDisabled` prop on `Tabs` or `Tab` to disable the entire tab list or i
 Prevent keyboard activation of tabs by setting `keyboardActivation` prop to `'manual'`.
 
 <ComponentPreview
-  name="core/tabs/tabs-keyboard-activation"
+  name="tabs/keyboard-activation"
   preview={`<Tabs keyboardActivation="manual">
     <TabList>
       <Tab id="overview">Overview</Tab>
diff --git a/www/content/docs/components/overlays/dialog.mdx b/www/content/docs/components/overlays/dialog.mdx
index 5ec24a350..dbb7d59cd 100644
--- a/www/content/docs/components/overlays/dialog.mdx
+++ b/www/content/docs/components/overlays/dialog.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/dialog/dialog-basic"
+  name="dialog/basic"
   preview={`<DialogRoot>
     <Button prefix={<PenSquareIcon />}>Create issue</Button>
     <Dialog
@@ -98,7 +98,7 @@ Dialogs can be rendered as modals, popovers, or drawers using the `type` prop.
 By default, dialogs are displayed as drawers on mobile. You can override this behavior by setting the `mobileType` prop.
 
 <ComponentPreview
-  name="core/dialog/dialog-types"
+  name="dialog/types"
   preview={`<DialogRoot>
     <Button>Create issue</Button>
     <Dialog type={type} mobileType={mobileType}>  {/* "modal", "popover", "drawer" */}
@@ -113,7 +113,7 @@ Use the `role="alertdialog"` prop on the `<Dialog>` element to make an alert dia
 If the `isDismissable` prop is not explicitly set, the dialog will be not dismissable.
 
 <ComponentPreview
-  name="core/dialog/dialog-alert-dialog"
+  name="dialog/alert-dialog"
   preview={`<DialogRoot>
     <Button>Delete project</Button>
     <Dialog role="alertdialog">
@@ -127,7 +127,7 @@ If the `isDismissable` prop is not explicitly set, the dialog will be not dismis
 Dialogs are dismissable by default (except alert dialogs) allowing users to click outside to close the dialog.
 
 <ComponentPreview
-  name="core/dialog/dialog-dismissable"
+  name="dialog/dismissable"
   preview={`<DialogRoot>
     <Button>Create issue</Button>
     <Dialog isDismissable={isDismissable}>
@@ -141,7 +141,7 @@ Dialogs are dismissable by default (except alert dialogs) allowing users to clic
 Use the `DialogInset` component to add inset content to the dialog.
 
 <ComponentPreview
-  name="core/dialog/dialog-inset-content"
+  name="dialog/inset-content"
   preview={`<DialogRoot>
     <Button>Create issue</Button>
     <Dialog title=".." description="..">
@@ -161,7 +161,7 @@ Use the `DialogInset` component to add inset content to the dialog.
 Use the `isOpen` and `onOpenChange` props to control the dialog's open state.
 
 <ComponentPreview
-  name="core/dialog/dialog-controlled"
+  name="dialog/controlled"
   preview={`const [isOpen, setOpen] = React.useState(false);
   return (
     <DialogRoot isOpen={isOpen} onOpenChange={setOpen}>
@@ -178,7 +178,7 @@ Use the `isOpen` and `onOpenChange` props to control the dialog's open state.
 If you need to customize things further, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/dialog/dialog-composition"
+  name="dialog/composition"
   preview={`<DialogRoot>
     <Button>Create issue</Button>
     <Overlay>
@@ -206,16 +206,13 @@ If you need to customize things further, you can drop down to the composition le
 
 ### Async form submission
 
-<ComponentPreview
-  name="core/dialog/dialog-async-form-submission"
-  preview={``}
-/>
+<ComponentPreview name="dialog/async-form-submission" preview={``} />
 
 ### Nested dialog
 
 Dialogs support nesting, allowing you to open a dialog from within another dialog.
 
-<ComponentPreview name="core/dialog/dialog-nested" preview={``} />
+<ComponentPreview name="dialog/nested" preview={``} />
 
 ## API Reference
 
diff --git a/www/content/docs/components/overlays/drawer.mdx b/www/content/docs/components/overlays/drawer.mdx
index be2f70331..8f886c56c 100644
--- a/www/content/docs/components/overlays/drawer.mdx
+++ b/www/content/docs/components/overlays/drawer.mdx
@@ -17,7 +17,7 @@ links:
 {/* prettier-ignore-end */}
 
 <ComponentPreview
-  name="core/drawer/drawer-basic"
+  name="drawer/basic"
   preview={`<DialogRoot>
     <Button>Open drawer</Button>
     <Drawer>
@@ -37,7 +37,7 @@ npx dotui-cli@latest add drawer
 The drawer can be placed on any edge of the screen using the `placement` prop: `'bottom'`, `'top'`, `'right'`, or `'left'`.
 
 <ComponentPreview
-  name="core/drawer/drawer-placement"
+  name="drawer/placement"
   preview={`<DialogRoot>
     <Button>Open drawer</Button>
     <Drawer placement={placement}>
diff --git a/www/content/docs/components/overlays/modal.mdx b/www/content/docs/components/overlays/modal.mdx
index f82ca8a24..2c1fea2a0 100644
--- a/www/content/docs/components/overlays/modal.mdx
+++ b/www/content/docs/components/overlays/modal.mdx
@@ -17,7 +17,7 @@ links:
 {/* prettier-ignore-end */}
 
 <ComponentPreview
-  name="core/modal/modal-basic"
+  name="modal/basic"
   preview={`<DialogRoot>
     <Button>Open modal</Button>
     <Modal>
diff --git a/www/content/docs/components/overlays/overlay.mdx b/www/content/docs/components/overlays/overlay.mdx
index c3be5fee0..9ea24c6a1 100644
--- a/www/content/docs/components/overlays/overlay.mdx
+++ b/www/content/docs/components/overlays/overlay.mdx
@@ -15,7 +15,7 @@ links:
 {/* prettier-ignore-end */}
 
 <ComponentPreview
-  name="core/drawer/overlay-basic"
+  name="drawer/basic"
   preview={`<DialogRoot>
     <Button>Open overlay</Button>
     <Overlay>
@@ -35,7 +35,7 @@ npx dotui-cli@latest add overlay
 Overlay can be rendered as modal, popover, or drawer using the `type` prop. You can set a different type for mobile view with the `mobileType` prop.
 
 <ComponentPreview
-  name="core/drawer/overlay-type"
+  name="drawer/type"
   preview={`<DialogRoot>
     <Button>Create issue</Button>
     <Overlay type={type} mobileType={mobileType}>
diff --git a/www/content/docs/components/overlays/popover.mdx b/www/content/docs/components/overlays/popover.mdx
index aaefd65e7..fa45d4509 100644
--- a/www/content/docs/components/overlays/popover.mdx
+++ b/www/content/docs/components/overlays/popover.mdx
@@ -16,7 +16,7 @@ links:
 
 {/* prettier-ignore-end */}
 
-<ComponentPreview name="core/popover/popover-basic" preview={``} />
+<ComponentPreview name="popover/basic" preview={``} />
 
 ## Installation
 
diff --git a/www/content/docs/components/overlays/tooltip.mdx b/www/content/docs/components/overlays/tooltip.mdx
index 1ade402be..334d224e8 100644
--- a/www/content/docs/components/overlays/tooltip.mdx
+++ b/www/content/docs/components/overlays/tooltip.mdx
@@ -11,7 +11,7 @@ links:
 ---
 
 <ComponentPreview
-  name="core/tooltip/tooltip-default"
+  name="tooltip/default"
   preview={`<Tooltip content={<span>Create new issue <Kbd>C</Kbd></span>}>
     <Button shape="square">
       <SquarePenIcon />
@@ -68,7 +68,7 @@ Use `Tooltip` to display a description of an element on hover or focus.
 Use the `variant` prop to change the appearance of the tooltip.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-variant"
+  name="tooltip/variant"
   preview={`<Tooltip variant="inverse" content="Create new issue">
     <Button shape="square">
       <SquarePenIcon />
@@ -81,7 +81,7 @@ Use the `variant` prop to change the appearance of the tooltip.
 The Tooltip's placement with respect to its trigger element can be adjusted using the `placement` prop. See the props table for a full list of available placement combinations.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-placement"
+  name="tooltip/placement"
   preview={`<Tooltip placement="top" content="Create new issue"><Button /></Tooltip>
 <Tooltip placement="bottom" content="Create new issue"><Button /></Tooltip>
 <Tooltip placement="left" content="Create new issue"><Button /></Tooltip>
@@ -93,7 +93,7 @@ The Tooltip's placement with respect to its trigger element can be adjusted usin
 The delay duration (the time from when the mouse enters a tooltip trigger until the tooltip opens) and the close delay can be customised.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-delay"
+  name="tooltip/delay"
   preview={`<Tooltip delay={delay} closeDelay={closeDelay} content="Create new issue">
     <Button>
       <PenIcon />
@@ -106,7 +106,7 @@ The delay duration (the time from when the mouse enters a tooltip trigger until
 Use the `showArrow` prop to add an arrow to the tooltip.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-arrow"
+  name="tooltip/arrow"
   preview={`<Tooltip content="Create new issue" arrow>
     <Button>
       <PenIcon />
@@ -119,7 +119,7 @@ Use the `showArrow` prop to add an arrow to the tooltip.
 This option determines whether or not a tooltip should be able to switch sides when constrained by space.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-flip"
+  name="tooltip/flip"
   preview={`<Tooltip shouldFlip={shouldFlip} content="Create new issue">
     <Button>
       <PenIcon />
@@ -132,7 +132,7 @@ This option determines whether or not a tooltip should be able to switch sides w
 The offset is the distance between the end of the tip and the target.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-offset"
+  name="tooltip/offset"
   preview={`<Tooltip offset={offset} content="Create new issue">
     <Button>
       <PenIcon />
@@ -145,7 +145,7 @@ The offset is the distance between the end of the tip and the target.
 To make sure that the tooltip will stay within certain boundaries (e.g., a browser window) it's possible to define a container and a container padding value to respect. The default value for this is 12 px.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-container-padding"
+  name="tooltip/container-padding"
   preview={`<Tooltip containerPadding={containerPadding} content="Create new issue">
     <Button>
       <PenIcon />
@@ -158,7 +158,7 @@ To make sure that the tooltip will stay within certain boundaries (e.g., a brows
 For more flexibility, you can drop down to the composition level.
 
 <ComponentPreview
-  name="core/tooltip/tooltip-composition"
+  name="tooltip/composition"
   preview={`<TooltipRoot>
     <Button>Hover</Button>
     <TooltipContent>
diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
index f5e1f0d2d..94496b117 100644
--- a/www/scripts/build-internal-registry.ts
+++ b/www/scripts/build-internal-registry.ts
@@ -1,10 +1,10 @@
 import { existsSync, promises as fs } from "node:fs";
 import path from "node:path";
 import { rimraf } from "rimraf";
+import { demos } from "@/components/demos/registry";
 import { core } from "@/registry/registry-core";
 import { iconLibraries, icons } from "@/registry/registry-icons";
 import { RegistryItem } from "@/registry/types";
-import { demos } from "@/demos/registry";
 
 const INTERNAL_REGISTRY_PATH = path.join(process.cwd(), "src/__registry__");
 const SOURCE_REGISTRY_PATH = path.join(process.cwd(), "src/registry");
@@ -41,14 +41,23 @@ async function buildDemos() {
 
   index += `  core: {`;
 
-  for (const item of demos) {
-    const demoPath = item.files[0];
-    index += `
-    "${item.name}": {
-      name: "${item.name}",
-      files: ["${demoPath}"],
-      component: React.lazy(() => import("@/${demoPath.replace(".tsx", "")}")),
-    },`;
+  // get all foders in src/components/demos and for each folder get all files
+  const sourcePath = path.join(process.cwd(), "src/components/demos");
+  const folders = await fs.readdir(sourcePath);
+  for (const folder of folders) {
+    const folderPath = path.join(sourcePath, folder);
+    const primitiveName = folder;
+    const demos = await fs.readdir(folderPath);
+    for (const demo of demos) {
+      const demoName = `${primitiveName}-${demo}`;
+      const demoPath = `@/components/demos/${primitiveName}/${demo}`;
+      index += `
+      "${demoName}": {
+        name: "${demoName}",
+        files: ["demos/${primitiveName}/${demo}"],
+        component: React.lazy(() => import("@/${demoPath.replace(".tsx", "")}")),
+      },`;
+    }
   }
 
   index += `
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index c63a19969..040629ddc 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -7,2187 +7,2769 @@ export const Index: Record<string, any> = {
     "alert-action": {
       name: "alert-action",
       files: ["demos/alert/action.tsx"],
-      component: React.lazy(() => import("@/demos/alert/action")),
+      component: React.lazy(() => import("@/components/demos/alert/action")),
     },
     "alert-composition": {
       name: "alert-composition",
       files: ["demos/alert/composition.tsx"],
-      component: React.lazy(() => import("@/demos/alert/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/alert/composition")
+      ),
     },
     "alert-content": {
       name: "alert-content",
       files: ["demos/alert/content.tsx"],
-      component: React.lazy(() => import("@/demos/alert/content")),
+      component: React.lazy(() => import("@/components/demos/alert/content")),
     },
     "alert-custom-icon": {
       name: "alert-custom-icon",
       files: ["demos/alert/custom-icon.tsx"],
-      component: React.lazy(() => import("@/demos/alert/custom-icon")),
+      component: React.lazy(
+        () => import("@/components/demos/alert/custom-icon")
+      ),
     },
     "alert-default": {
       name: "alert-default",
       files: ["demos/alert/default.tsx"],
-      component: React.lazy(() => import("@/demos/alert/default")),
+      component: React.lazy(() => import("@/components/demos/alert/default")),
     },
     "alert-title": {
       name: "alert-title",
       files: ["demos/alert/title.tsx"],
-      component: React.lazy(() => import("@/demos/alert/title")),
+      component: React.lazy(() => import("@/components/demos/alert/title")),
     },
     "alert-variants": {
       name: "alert-variants",
       files: ["demos/alert/variants.tsx"],
-      component: React.lazy(() => import("@/demos/alert/variants")),
+      component: React.lazy(() => import("@/components/demos/alert/variants")),
     },
     "avatar-composition": {
       name: "avatar-composition",
       files: ["demos/avatar/composition.tsx"],
-      component: React.lazy(() => import("@/demos/avatar/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/avatar/composition")
+      ),
     },
     "avatar-default": {
       name: "avatar-default",
       files: ["demos/avatar/default.tsx"],
-      component: React.lazy(() => import("@/demos/avatar/default")),
+      component: React.lazy(() => import("@/components/demos/avatar/default")),
     },
     "avatar-shape": {
       name: "avatar-shape",
       files: ["demos/avatar/shape.tsx"],
-      component: React.lazy(() => import("@/demos/avatar/shape")),
+      component: React.lazy(() => import("@/components/demos/avatar/shape")),
     },
     "avatar-sizes": {
       name: "avatar-sizes",
       files: ["demos/avatar/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/avatar/sizes")),
+      component: React.lazy(() => import("@/components/demos/avatar/sizes")),
     },
     "badge-default": {
       name: "badge-default",
       files: ["demos/badge/default.tsx"],
-      component: React.lazy(() => import("@/demos/badge/default")),
+      component: React.lazy(() => import("@/components/demos/badge/default")),
     },
     "badge-icon": {
       name: "badge-icon",
       files: ["demos/badge/icon.tsx"],
-      component: React.lazy(() => import("@/demos/badge/icon")),
+      component: React.lazy(() => import("@/components/demos/badge/icon")),
     },
     "badge-sizes": {
       name: "badge-sizes",
       files: ["demos/badge/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/badge/sizes")),
+      component: React.lazy(() => import("@/components/demos/badge/sizes")),
     },
     "badge-variants": {
       name: "badge-variants",
       files: ["demos/badge/variants.tsx"],
-      component: React.lazy(() => import("@/demos/badge/variants")),
+      component: React.lazy(() => import("@/components/demos/badge/variants")),
     },
     "breadcrumbs-basic": {
       name: "breadcrumbs-basic",
       files: ["demos/breadcrumbs/basic.tsx"],
-      component: React.lazy(() => import("@/demos/breadcrumbs/basic")),
+      component: React.lazy(
+        () => import("@/components/demos/breadcrumbs/basic")
+      ),
     },
     "breadcrumbs-composition": {
       name: "breadcrumbs-composition",
       files: ["demos/breadcrumbs/composition.tsx"],
-      component: React.lazy(() => import("@/demos/breadcrumbs/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/breadcrumbs/composition")
+      ),
     },
     "breadcrumbs-disabled": {
       name: "breadcrumbs-disabled",
       files: ["demos/breadcrumbs/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/breadcrumbs/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/breadcrumbs/disabled")
+      ),
     },
     "breadcrumbs-icon": {
       name: "breadcrumbs-icon",
       files: ["demos/breadcrumbs/icon.tsx"],
-      component: React.lazy(() => import("@/demos/breadcrumbs/icon")),
+      component: React.lazy(
+        () => import("@/components/demos/breadcrumbs/icon")
+      ),
     },
     "breadcrumbs-router-integration": {
       name: "breadcrumbs-router-integration",
       files: ["demos/breadcrumbs/router-integration.tsx"],
       component: React.lazy(
-        () => import("@/demos/breadcrumbs/router-integration")
+        () => import("@/components/demos/breadcrumbs/router-integration")
       ),
     },
     "button-default": {
       name: "button-default",
       files: ["demos/button/default.tsx"],
-      component: React.lazy(() => import("@/demos/button/default")),
+      component: React.lazy(() => import("@/components/demos/button/default")),
     },
     "button-disabled": {
       name: "button-disabled",
       files: ["demos/button/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/button/disabled")),
+      component: React.lazy(() => import("@/components/demos/button/disabled")),
     },
     "button-link-button": {
       name: "button-link-button",
       files: ["demos/button/link-button.tsx"],
-      component: React.lazy(() => import("@/demos/button/link-button")),
+      component: React.lazy(
+        () => import("@/components/demos/button/link-button")
+      ),
     },
     "button-loading": {
       name: "button-loading",
       files: ["demos/button/loading.tsx"],
-      component: React.lazy(() => import("@/demos/button/loading")),
+      component: React.lazy(() => import("@/components/demos/button/loading")),
     },
     "button-prefix-and-suffix": {
       name: "button-prefix-and-suffix",
       files: ["demos/button/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/button/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/components/demos/button/prefix-and-suffix")
+      ),
     },
     "button-shapes": {
       name: "button-shapes",
       files: ["demos/button/shapes.tsx"],
-      component: React.lazy(() => import("@/demos/button/shapes")),
+      component: React.lazy(() => import("@/components/demos/button/shapes")),
     },
     "button-sizes": {
       name: "button-sizes",
       files: ["demos/button/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/button/sizes")),
+      component: React.lazy(() => import("@/components/demos/button/sizes")),
     },
     "button-variants": {
       name: "button-variants",
       files: ["demos/button/variants.tsx"],
-      component: React.lazy(() => import("@/demos/button/variants")),
+      component: React.lazy(() => import("@/components/demos/button/variants")),
     },
     "calendar-composition": {
       name: "calendar-composition",
       files: ["demos/calendar/composition.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/composition")
+      ),
     },
     "calendar-controlled": {
       name: "calendar-controlled",
       files: ["demos/calendar/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/controlled")
+      ),
     },
     "calendar-default": {
       name: "calendar-default",
       files: ["demos/calendar/default.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/default")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/default")
+      ),
     },
     "calendar-disabled": {
       name: "calendar-disabled",
       files: ["demos/calendar/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/disabled")
+      ),
     },
     "calendar-error-message": {
       name: "calendar-error-message",
       files: ["demos/calendar/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/error-message")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/error-message")
+      ),
     },
     "calendar-page-behaviour": {
       name: "calendar-page-behaviour",
       files: ["demos/calendar/page-behaviour.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/page-behaviour")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/page-behaviour")
+      ),
     },
     "calendar-read-only": {
       name: "calendar-read-only",
       files: ["demos/calendar/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/read-only")
+      ),
     },
     "calendar-uncontrolled": {
       name: "calendar-uncontrolled",
       files: ["demos/calendar/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/uncontrolled")
+      ),
     },
     "calendar-unvailable-dates": {
       name: "calendar-unvailable-dates",
       files: ["demos/calendar/unvailable-dates.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/unvailable-dates")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/unvailable-dates")
+      ),
     },
     "calendar-validation": {
       name: "calendar-validation",
       files: ["demos/calendar/validation.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/validation")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/validation")
+      ),
     },
     "calendar-visible-months": {
       name: "calendar-visible-months",
       files: ["demos/calendar/visible-months.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/visible-months")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/visible-months")
+      ),
     },
     "calendar-variant": {
       name: "calendar-variant",
       files: ["demos/calendar/variant.tsx"],
-      component: React.lazy(() => import("@/demos/calendar/variant")),
+      component: React.lazy(
+        () => import("@/components/demos/calendar/variant")
+      ),
     },
     "checkbox-group-cards": {
       name: "checkbox-group-cards",
       files: ["demos/checkbox-group/cards.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/cards")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox-group/cards")
+      ),
     },
     "checkbox-group-composition": {
       name: "checkbox-group-composition",
       files: ["demos/checkbox-group/composition.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox-group/composition")
+      ),
     },
     "checkbox-group-controlled": {
       name: "checkbox-group-controlled",
       files: ["demos/checkbox-group/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox-group/controlled")
+      ),
     },
     "checkbox-group-default": {
       name: "checkbox-group-default",
       files: ["demos/checkbox-group/default.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/default")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox-group/default")
+      ),
     },
     "checkbox-group-description": {
       name: "checkbox-group-description",
       files: ["demos/checkbox-group/description.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/description")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox-group/description")
+      ),
     },
     "checkbox-group-disabled": {
       name: "checkbox-group-disabled",
       files: ["demos/checkbox-group/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox-group/disabled")
+      ),
     },
     "checkbox-group-error-message": {
       name: "checkbox-group-error-message",
       files: ["demos/checkbox-group/error-message.tsx"],
       component: React.lazy(
-        () => import("@/demos/checkbox-group/error-message")
+        () => import("@/components/demos/checkbox-group/error-message")
       ),
     },
     "checkbox-group-label": {
       name: "checkbox-group-label",
       files: ["demos/checkbox-group/label.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/label")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox-group/label")
+      ),
     },
     "checkbox-group-read-only": {
       name: "checkbox-group-read-only",
       files: ["demos/checkbox-group/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox-group/read-only")
+      ),
     },
     "checkbox-group-required": {
       name: "checkbox-group-required",
       files: ["demos/checkbox-group/required.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox-group/required")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox-group/required")
+      ),
     },
     "checkbox-group-uncontrolled": {
       name: "checkbox-group-uncontrolled",
       files: ["demos/checkbox-group/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/demos/checkbox-group/uncontrolled")
+        () => import("@/components/demos/checkbox-group/uncontrolled")
       ),
     },
     "checkbox-variants": {
       name: "checkbox-variants",
       files: ["demos/checkbox/variants.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox/variants")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox/variants")
+      ),
     },
     "checkbox-card": {
       name: "checkbox-card",
       files: ["demos/checkbox/card.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox/card")),
+      component: React.lazy(() => import("@/components/demos/checkbox/card")),
     },
     "checkbox-controlled": {
       name: "checkbox-controlled",
       files: ["demos/checkbox/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox/controlled")
+      ),
     },
     "checkbox-default": {
       name: "checkbox-default",
       files: ["demos/checkbox/default.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox/default")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox/default")
+      ),
     },
     "checkbox-disabled": {
       name: "checkbox-disabled",
       files: ["demos/checkbox/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox/disabled")
+      ),
     },
     "checkbox-indeterminate": {
       name: "checkbox-indeterminate",
       files: ["demos/checkbox/indeterminate.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox/indeterminate")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox/indeterminate")
+      ),
     },
     "checkbox-read-only": {
       name: "checkbox-read-only",
       files: ["demos/checkbox/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox/read-only")
+      ),
     },
     "checkbox-uncontrolled": {
       name: "checkbox-uncontrolled",
       files: ["demos/checkbox/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox/uncontrolled")
+      ),
     },
     "checkbox-composition": {
       name: "checkbox-composition",
       files: ["demos/checkbox/composition.tsx"],
-      component: React.lazy(() => import("@/demos/checkbox/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/checkbox/composition")
+      ),
     },
     "color-area-channels": {
       name: "color-area-channels",
       files: ["demos/color-area/channels.tsx"],
-      component: React.lazy(() => import("@/demos/color-area/channels")),
+      component: React.lazy(
+        () => import("@/components/demos/color-area/channels")
+      ),
     },
     "color-area-composition": {
       name: "color-area-composition",
       files: ["demos/color-area/composition.tsx"],
-      component: React.lazy(() => import("@/demos/color-area/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/color-area/composition")
+      ),
     },
     "color-area-controlled": {
       name: "color-area-controlled",
       files: ["demos/color-area/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/color-area/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/color-area/controlled")
+      ),
     },
     "color-area-default": {
       name: "color-area-default",
       files: ["demos/color-area/default.tsx"],
-      component: React.lazy(() => import("@/demos/color-area/default")),
+      component: React.lazy(
+        () => import("@/components/demos/color-area/default")
+      ),
     },
     "color-area-disabled": {
       name: "color-area-disabled",
       files: ["demos/color-area/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/color-area/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/color-area/disabled")
+      ),
     },
     "color-area-uncontrolled": {
       name: "color-area-uncontrolled",
       files: ["demos/color-area/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/color-area/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/color-area/uncontrolled")
+      ),
     },
     "color-field-color-channel": {
       name: "color-field-color-channel",
       files: ["demos/color-field/color-channel.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/color-channel")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/color-channel")
+      ),
     },
     "color-field-composition": {
       name: "color-field-composition",
       files: ["demos/color-field/composition.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/composition")
+      ),
     },
     "color-field-controlled": {
       name: "color-field-controlled",
       files: ["demos/color-field/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/controlled")
+      ),
     },
     "color-field-default": {
       name: "color-field-default",
       files: ["demos/color-field/default.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/default")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/default")
+      ),
     },
     "color-field-description": {
       name: "color-field-description",
       files: ["demos/color-field/description.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/description")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/description")
+      ),
     },
     "color-field-disabled": {
       name: "color-field-disabled",
       files: ["demos/color-field/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/disabled")
+      ),
     },
     "color-field-error-message": {
       name: "color-field-error-message",
       files: ["demos/color-field/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/error-message")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/error-message")
+      ),
     },
     "color-field-form": {
       name: "color-field-form",
       files: ["demos/color-field/form.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/form")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/form")
+      ),
     },
     "color-field-label": {
       name: "color-field-label",
       files: ["demos/color-field/label.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/label")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/label")
+      ),
     },
     "color-field-prefix-and-suffix": {
       name: "color-field-prefix-and-suffix",
       files: ["demos/color-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/demos/color-field/prefix-and-suffix")
+        () => import("@/components/demos/color-field/prefix-and-suffix")
       ),
     },
     "color-field-read-only": {
       name: "color-field-read-only",
       files: ["demos/color-field/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/read-only")
+      ),
     },
     "color-field-required": {
       name: "color-field-required",
       files: ["demos/color-field/required.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/required")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/required")
+      ),
     },
     "color-field-sizes": {
       name: "color-field-sizes",
       files: ["demos/color-field/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/color-field/sizes")),
+      component: React.lazy(
+        () => import("@/components/demos/color-field/sizes")
+      ),
     },
     "color-picker-composition": {
       name: "color-picker-composition",
       files: ["demos/color-picker/composition.tsx"],
-      component: React.lazy(() => import("@/demos/color-picker/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/color-picker/composition")
+      ),
     },
     "color-picker-controlled": {
       name: "color-picker-controlled",
       files: ["demos/color-picker/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/color-picker/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/color-picker/controlled")
+      ),
     },
     "color-picker-default": {
       name: "color-picker-default",
       files: ["demos/color-picker/default.tsx"],
-      component: React.lazy(() => import("@/demos/color-picker/default")),
+      component: React.lazy(
+        () => import("@/components/demos/color-picker/default")
+      ),
     },
     "color-picker-options": {
       name: "color-picker-options",
       files: ["demos/color-picker/options.tsx"],
-      component: React.lazy(() => import("@/demos/color-picker/options")),
+      component: React.lazy(
+        () => import("@/components/demos/color-picker/options")
+      ),
     },
     "color-picker-uncontrolled": {
       name: "color-picker-uncontrolled",
       files: ["demos/color-picker/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/color-picker/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/color-picker/uncontrolled")
+      ),
     },
     "color-picker-channel-sliders": {
       name: "color-picker-channel-sliders",
       files: ["demos/color-picker/channel-sliders.tsx"],
       component: React.lazy(
-        () => import("@/demos/color-picker/channel-sliders")
+        () => import("@/components/demos/color-picker/channel-sliders")
       ),
     },
     "color-picker-swatches": {
       name: "color-picker-swatches",
       files: ["demos/color-picker/swatches.tsx"],
-      component: React.lazy(() => import("@/demos/color-picker/swatches")),
+      component: React.lazy(
+        () => import("@/components/demos/color-picker/swatches")
+      ),
     },
     "color-slider-channel": {
       name: "color-slider-channel",
       files: ["demos/color-slider/channel.tsx"],
-      component: React.lazy(() => import("@/demos/color-slider/channel")),
+      component: React.lazy(
+        () => import("@/components/demos/color-slider/channel")
+      ),
     },
     "color-slider-composition": {
       name: "color-slider-composition",
       files: ["demos/color-slider/composition.tsx"],
-      component: React.lazy(() => import("@/demos/color-slider/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/color-slider/composition")
+      ),
     },
     "color-slider-controlled": {
       name: "color-slider-controlled",
       files: ["demos/color-slider/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/color-slider/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/color-slider/controlled")
+      ),
     },
     "color-slider-default": {
       name: "color-slider-default",
       files: ["demos/color-slider/default.tsx"],
-      component: React.lazy(() => import("@/demos/color-slider/default")),
+      component: React.lazy(
+        () => import("@/components/demos/color-slider/default")
+      ),
     },
     "color-slider-disabled": {
       name: "color-slider-disabled",
       files: ["demos/color-slider/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/color-slider/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/color-slider/disabled")
+      ),
     },
     "color-slider-label": {
       name: "color-slider-label",
       files: ["demos/color-slider/label.tsx"],
-      component: React.lazy(() => import("@/demos/color-slider/label")),
+      component: React.lazy(
+        () => import("@/components/demos/color-slider/label")
+      ),
     },
     "color-slider-vertical": {
       name: "color-slider-vertical",
       files: ["demos/color-slider/vertical.tsx"],
-      component: React.lazy(() => import("@/demos/color-slider/vertical")),
+      component: React.lazy(
+        () => import("@/components/demos/color-slider/vertical")
+      ),
     },
     "color-swatch-default": {
       name: "color-swatch-default",
       files: ["demos/color-swatch/default.tsx"],
-      component: React.lazy(() => import("@/demos/color-swatch/default")),
+      component: React.lazy(
+        () => import("@/components/demos/color-swatch/default")
+      ),
     },
     "color-swatch-picker-basic": {
       name: "color-swatch-picker-basic",
       files: ["demos/color-swatch-picker/basic.tsx"],
-      component: React.lazy(() => import("@/demos/color-swatch-picker/basic")),
+      component: React.lazy(
+        () => import("@/components/demos/color-swatch-picker/basic")
+      ),
     },
     "color-swatch-picker-controlled": {
       name: "color-swatch-picker-controlled",
       files: ["demos/color-swatch-picker/controlled.tsx"],
       component: React.lazy(
-        () => import("@/demos/color-swatch-picker/controlled")
+        () => import("@/components/demos/color-swatch-picker/controlled")
       ),
     },
     "color-swatch-picker-disabled": {
       name: "color-swatch-picker-disabled",
       files: ["demos/color-swatch-picker/disabled.tsx"],
       component: React.lazy(
-        () => import("@/demos/color-swatch-picker/disabled")
+        () => import("@/components/demos/color-swatch-picker/disabled")
       ),
     },
     "combobox-async-loading": {
       name: "combobox-async-loading",
       files: ["demos/combobox/async-loading.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/async-loading")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/async-loading")
+      ),
     },
     "combobox-basic": {
       name: "combobox-basic",
       files: ["demos/combobox/basic.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/basic")),
+      component: React.lazy(() => import("@/components/demos/combobox/basic")),
     },
     "combobox-composition": {
       name: "combobox-composition",
       files: ["demos/combobox/composition.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/composition")
+      ),
     },
     "combobox-controlled": {
       name: "combobox-controlled",
       files: ["demos/combobox/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/controlled")
+      ),
     },
     "combobox-custom-value": {
       name: "combobox-custom-value",
       files: ["demos/combobox/custom-value.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/custom-value")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/custom-value")
+      ),
     },
     "combobox-description": {
       name: "combobox-description",
       files: ["demos/combobox/description.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/description")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/description")
+      ),
     },
     "combobox-disabled": {
       name: "combobox-disabled",
       files: ["demos/combobox/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/disabled")
+      ),
     },
     "combobox-label": {
       name: "combobox-label",
       files: ["demos/combobox/label.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/label")),
+      component: React.lazy(() => import("@/components/demos/combobox/label")),
     },
     "combobox-loading": {
       name: "combobox-loading",
       files: ["demos/combobox/loading.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/loading")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/loading")
+      ),
     },
     "combobox-required": {
       name: "combobox-required",
       files: ["demos/combobox/required.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/required")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/required")
+      ),
     },
     "combobox-sections": {
       name: "combobox-sections",
       files: ["demos/combobox/sections.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/sections")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/sections")
+      ),
     },
     "combobox-uncontrolled": {
       name: "combobox-uncontrolled",
       files: ["demos/combobox/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/uncontrolled")
+      ),
     },
     "combobox-validation": {
       name: "combobox-validation",
       files: ["demos/combobox/validation.tsx"],
-      component: React.lazy(() => import("@/demos/combobox/validation")),
+      component: React.lazy(
+        () => import("@/components/demos/combobox/validation")
+      ),
     },
     "date-field-composition": {
       name: "date-field-composition",
       files: ["demos/date-field/composition.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/composition")
+      ),
     },
     "date-field-controlled": {
       name: "date-field-controlled",
       files: ["demos/date-field/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/controlled")
+      ),
     },
     "date-field-default": {
       name: "date-field-default",
       files: ["demos/date-field/default.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/default")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/default")
+      ),
     },
     "date-field-description": {
       name: "date-field-description",
       files: ["demos/date-field/description.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/description")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/description")
+      ),
     },
     "date-field-disabled": {
       name: "date-field-disabled",
       files: ["demos/date-field/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/disabled")
+      ),
     },
     "date-field-error-message": {
       name: "date-field-error-message",
       files: ["demos/date-field/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/error-message")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/error-message")
+      ),
     },
     "date-field-granularity": {
       name: "date-field-granularity",
       files: ["demos/date-field/granularity.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/granularity")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/granularity")
+      ),
     },
     "date-field-hide-time-zone": {
       name: "date-field-hide-time-zone",
       files: ["demos/date-field/hide-time-zone.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/hide-time-zone")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/hide-time-zone")
+      ),
     },
     "date-field-hour-cycle": {
       name: "date-field-hour-cycle",
       files: ["demos/date-field/hour-cycle.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/hour-cycle")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/hour-cycle")
+      ),
     },
     "date-field-label": {
       name: "date-field-label",
       files: ["demos/date-field/label.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/label")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/label")
+      ),
     },
     "date-field-placeholder": {
       name: "date-field-placeholder",
       files: ["demos/date-field/placeholder.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/placeholder")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/placeholder")
+      ),
     },
     "date-field-prefix-and-suffix": {
       name: "date-field-prefix-and-suffix",
       files: ["demos/date-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-field/prefix-and-suffix")
+        () => import("@/components/demos/date-field/prefix-and-suffix")
       ),
     },
     "date-field-read-only": {
       name: "date-field-read-only",
       files: ["demos/date-field/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/read-only")
+      ),
     },
     "date-field-required": {
       name: "date-field-required",
       files: ["demos/date-field/required.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/required")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/required")
+      ),
     },
     "date-field-sizes": {
       name: "date-field-sizes",
       files: ["demos/date-field/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/sizes")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/sizes")
+      ),
     },
     "date-field-time-zones": {
       name: "date-field-time-zones",
       files: ["demos/date-field/time-zones.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/time-zones")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/time-zones")
+      ),
     },
     "date-field-uncontrolled": {
       name: "date-field-uncontrolled",
       files: ["demos/date-field/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/date-field/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/date-field/uncontrolled")
+      ),
     },
     "date-picker-composition": {
       name: "date-picker-composition",
       files: ["demos/date-picker/composition.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/composition")
+      ),
     },
     "date-picker-controlled": {
       name: "date-picker-controlled",
       files: ["demos/date-picker/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/controlled")
+      ),
     },
     "date-picker-default": {
       name: "date-picker-default",
       files: ["demos/date-picker/default.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/default")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/default")
+      ),
     },
     "date-picker-description": {
       name: "date-picker-description",
       files: ["demos/date-picker/description.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/description")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/description")
+      ),
     },
     "date-picker-disabled": {
       name: "date-picker-disabled",
       files: ["demos/date-picker/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/disabled")
+      ),
     },
     "date-picker-error-message": {
       name: "date-picker-error-message",
       files: ["demos/date-picker/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/error-message")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/error-message")
+      ),
     },
     "date-picker-granularity": {
       name: "date-picker-granularity",
       files: ["demos/date-picker/granularity.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/granularity")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/granularity")
+      ),
     },
     "date-picker-hide-time-zone": {
       name: "date-picker-hide-time-zone",
       files: ["demos/date-picker/hide-time-zone.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/hide-time-zone")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/hide-time-zone")
+      ),
     },
     "date-picker-hour-cycle": {
       name: "date-picker-hour-cycle",
       files: ["demos/date-picker/hour-cycle.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/hour-cycle")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/hour-cycle")
+      ),
     },
     "date-picker-label": {
       name: "date-picker-label",
       files: ["demos/date-picker/label.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/label")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/label")
+      ),
     },
     "date-picker-placeholder": {
       name: "date-picker-placeholder",
       files: ["demos/date-picker/placeholder.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/placeholder")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/placeholder")
+      ),
     },
     "date-picker-prefix": {
       name: "date-picker-prefix",
       files: ["demos/date-picker/prefix.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/prefix")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/prefix")
+      ),
     },
     "date-picker-read-only": {
       name: "date-picker-read-only",
       files: ["demos/date-picker/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/read-only")
+      ),
     },
     "date-picker-required": {
       name: "date-picker-required",
       files: ["demos/date-picker/required.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/required")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/required")
+      ),
     },
     "date-picker-sizes": {
       name: "date-picker-sizes",
       files: ["demos/date-picker/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/sizes")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/sizes")
+      ),
     },
     "date-picker-time-zones": {
       name: "date-picker-time-zones",
       files: ["demos/date-picker/time-zones.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/time-zones")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/time-zones")
+      ),
     },
     "date-picker-uncontrolled": {
       name: "date-picker-uncontrolled",
       files: ["demos/date-picker/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/date-picker/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/date-picker/uncontrolled")
+      ),
     },
     "date-range-picker-composition": {
       name: "date-range-picker-composition",
       files: ["demos/date-range-picker/composition.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/composition")
+        () => import("@/components/demos/date-range-picker/composition")
       ),
     },
     "date-range-picker-controlled": {
       name: "date-range-picker-controlled",
       files: ["demos/date-range-picker/controlled.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/controlled")
+        () => import("@/components/demos/date-range-picker/controlled")
       ),
     },
     "date-range-picker-default": {
       name: "date-range-picker-default",
       files: ["demos/date-range-picker/default.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/default")),
+      component: React.lazy(
+        () => import("@/components/demos/date-range-picker/default")
+      ),
     },
     "date-range-picker-description": {
       name: "date-range-picker-description",
       files: ["demos/date-range-picker/description.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/description")
+        () => import("@/components/demos/date-range-picker/description")
       ),
     },
     "date-range-picker-disabled": {
       name: "date-range-picker-disabled",
       files: ["demos/date-range-picker/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/date-range-picker/disabled")
+      ),
     },
     "date-range-picker-error-message": {
       name: "date-range-picker-error-message",
       files: ["demos/date-range-picker/error-message.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/error-message")
+        () => import("@/components/demos/date-range-picker/error-message")
       ),
     },
     "date-range-picker-granularity": {
       name: "date-range-picker-granularity",
       files: ["demos/date-range-picker/granularity.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/granularity")
+        () => import("@/components/demos/date-range-picker/granularity")
       ),
     },
     "date-range-picker-hide-time-zone": {
       name: "date-range-picker-hide-time-zone",
       files: ["demos/date-range-picker/hide-time-zone.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/hide-time-zone")
+        () => import("@/components/demos/date-range-picker/hide-time-zone")
       ),
     },
     "date-range-picker-hour-cycle": {
       name: "date-range-picker-hour-cycle",
       files: ["demos/date-range-picker/hour-cycle.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/hour-cycle")
+        () => import("@/components/demos/date-range-picker/hour-cycle")
       ),
     },
     "date-range-picker-label": {
       name: "date-range-picker-label",
       files: ["demos/date-range-picker/label.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/label")),
+      component: React.lazy(
+        () => import("@/components/demos/date-range-picker/label")
+      ),
     },
     "date-range-picker-placeholder": {
       name: "date-range-picker-placeholder",
       files: ["demos/date-range-picker/placeholder.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/placeholder")
+        () => import("@/components/demos/date-range-picker/placeholder")
       ),
     },
     "date-range-picker-prefix": {
       name: "date-range-picker-prefix",
       files: ["demos/date-range-picker/prefix.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/prefix")),
+      component: React.lazy(
+        () => import("@/components/demos/date-range-picker/prefix")
+      ),
     },
     "date-range-picker-read-only": {
       name: "date-range-picker-read-only",
       files: ["demos/date-range-picker/read-only.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/read-only")
+        () => import("@/components/demos/date-range-picker/read-only")
       ),
     },
     "date-range-picker-required": {
       name: "date-range-picker-required",
       files: ["demos/date-range-picker/required.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/required")),
+      component: React.lazy(
+        () => import("@/components/demos/date-range-picker/required")
+      ),
     },
     "date-range-picker-sizes": {
       name: "date-range-picker-sizes",
       files: ["demos/date-range-picker/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/date-range-picker/sizes")),
+      component: React.lazy(
+        () => import("@/components/demos/date-range-picker/sizes")
+      ),
     },
     "date-range-picker-time-zones": {
       name: "date-range-picker-time-zones",
       files: ["demos/date-range-picker/time-zones.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/time-zones")
+        () => import("@/components/demos/date-range-picker/time-zones")
       ),
     },
     "date-range-picker-uncontrolled": {
       name: "date-range-picker-uncontrolled",
       files: ["demos/date-range-picker/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/demos/date-range-picker/uncontrolled")
+        () => import("@/components/demos/date-range-picker/uncontrolled")
       ),
     },
     "dialog-alert-dialog": {
       name: "dialog-alert-dialog",
       files: ["demos/dialog/alert-dialog.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/alert-dialog")),
+      component: React.lazy(
+        () => import("@/components/demos/dialog/alert-dialog")
+      ),
     },
     "dialog-async-form-submission": {
       name: "dialog-async-form-submission",
       files: ["demos/dialog/async-form-submission.tsx"],
       component: React.lazy(
-        () => import("@/demos/dialog/async-form-submission")
+        () => import("@/components/demos/dialog/async-form-submission")
       ),
     },
     "dialog-basic": {
       name: "dialog-basic",
       files: ["demos/dialog/basic.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/basic")),
+      component: React.lazy(() => import("@/components/demos/dialog/basic")),
     },
     "dialog-composition": {
       name: "dialog-composition",
       files: ["demos/dialog/composition.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/dialog/composition")
+      ),
     },
     "dialog-controlled": {
       name: "dialog-controlled",
       files: ["demos/dialog/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/dialog/controlled")
+      ),
     },
     "dialog-description": {
       name: "dialog-description",
       files: ["demos/dialog/description.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/description")),
+      component: React.lazy(
+        () => import("@/components/demos/dialog/description")
+      ),
     },
     "dialog-dismissable": {
       name: "dialog-dismissable",
       files: ["demos/dialog/dismissable.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/dismissable")),
+      component: React.lazy(
+        () => import("@/components/demos/dialog/dismissable")
+      ),
     },
     "dialog-drawer": {
       name: "dialog-drawer",
       files: ["demos/dialog/drawer.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/drawer")),
+      component: React.lazy(() => import("@/components/demos/dialog/drawer")),
     },
     "dialog-inset-content": {
       name: "dialog-inset-content",
       files: ["demos/dialog/inset-content.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/inset-content")),
+      component: React.lazy(
+        () => import("@/components/demos/dialog/inset-content")
+      ),
     },
     "dialog-nested": {
       name: "dialog-nested",
       files: ["demos/dialog/nested.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/nested")),
+      component: React.lazy(() => import("@/components/demos/dialog/nested")),
     },
     "dialog-popover": {
       name: "dialog-popover",
       files: ["demos/dialog/popover.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/popover")),
+      component: React.lazy(() => import("@/components/demos/dialog/popover")),
     },
     "dialog-title": {
       name: "dialog-title",
       files: ["demos/dialog/title.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/title")),
+      component: React.lazy(() => import("@/components/demos/dialog/title")),
     },
     "dialog-types": {
       name: "dialog-types",
       files: ["demos/dialog/types.tsx"],
-      component: React.lazy(() => import("@/demos/dialog/types")),
+      component: React.lazy(() => import("@/components/demos/dialog/types")),
     },
     "drawer-basic": {
       name: "drawer-basic",
       files: ["demos/drawer/basic.tsx"],
-      component: React.lazy(() => import("@/demos/drawer/basic")),
+      component: React.lazy(() => import("@/components/demos/drawer/basic")),
     },
     "drawer-placement": {
       name: "drawer-placement",
       files: ["demos/drawer/placement.tsx"],
-      component: React.lazy(() => import("@/demos/drawer/placement")),
+      component: React.lazy(
+        () => import("@/components/demos/drawer/placement")
+      ),
     },
     "drop-zone-basic": {
       name: "drop-zone-basic",
       files: ["demos/drop-zone/basic.tsx"],
-      component: React.lazy(() => import("@/demos/drop-zone/basic")),
+      component: React.lazy(() => import("@/components/demos/drop-zone/basic")),
     },
     "drop-zone-disabled": {
       name: "drop-zone-disabled",
       files: ["demos/drop-zone/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/drop-zone/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/drop-zone/disabled")
+      ),
     },
     "drop-zone-file-trigger": {
       name: "drop-zone-file-trigger",
       files: ["demos/drop-zone/file-trigger.tsx"],
-      component: React.lazy(() => import("@/demos/drop-zone/file-trigger")),
+      component: React.lazy(
+        () => import("@/components/demos/drop-zone/file-trigger")
+      ),
     },
     "drop-zone-label": {
       name: "drop-zone-label",
       files: ["demos/drop-zone/label.tsx"],
-      component: React.lazy(() => import("@/demos/drop-zone/label")),
+      component: React.lazy(() => import("@/components/demos/drop-zone/label")),
     },
     "drop-zone-visual-feedback": {
       name: "drop-zone-visual-feedback",
       files: ["demos/drop-zone/visual-feedback.tsx"],
-      component: React.lazy(() => import("@/demos/drop-zone/visual-feedback")),
+      component: React.lazy(
+        () => import("@/components/demos/drop-zone/visual-feedback")
+      ),
     },
     "drop-zone-events": {
       name: "drop-zone-events",
       files: ["demos/drop-zone/events.tsx"],
-      component: React.lazy(() => import("@/demos/drop-zone/events")),
+      component: React.lazy(
+        () => import("@/components/demos/drop-zone/events")
+      ),
     },
     "file-trigger-default": {
       name: "file-trigger-default",
       files: ["demos/file-trigger/default.tsx"],
-      component: React.lazy(() => import("@/demos/file-trigger/default")),
+      component: React.lazy(
+        () => import("@/components/demos/file-trigger/default")
+      ),
     },
     "file-trigger-directory-selection": {
       name: "file-trigger-directory-selection",
       files: ["demos/file-trigger/directory-selection.tsx"],
       component: React.lazy(
-        () => import("@/demos/file-trigger/directory-selection")
+        () => import("@/components/demos/file-trigger/directory-selection")
       ),
     },
     "file-trigger-file-types": {
       name: "file-trigger-file-types",
       files: ["demos/file-trigger/file-types.tsx"],
-      component: React.lazy(() => import("@/demos/file-trigger/file-types")),
+      component: React.lazy(
+        () => import("@/components/demos/file-trigger/file-types")
+      ),
     },
     "file-trigger-media-capture": {
       name: "file-trigger-media-capture",
       files: ["demos/file-trigger/media-capture.tsx"],
-      component: React.lazy(() => import("@/demos/file-trigger/media-capture")),
+      component: React.lazy(
+        () => import("@/components/demos/file-trigger/media-capture")
+      ),
     },
     "file-trigger-multiple-files": {
       name: "file-trigger-multiple-files",
       files: ["demos/file-trigger/multiple-files.tsx"],
       component: React.lazy(
-        () => import("@/demos/file-trigger/multiple-files")
+        () => import("@/components/demos/file-trigger/multiple-files")
       ),
     },
     "list-box-async-loading": {
       name: "list-box-async-loading",
       files: ["demos/list-box/async-loading.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/async-loading")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/async-loading")
+      ),
     },
     "list-box-basic": {
       name: "list-box-basic",
       files: ["demos/list-box/basic.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/basic")),
+      component: React.lazy(() => import("@/components/demos/list-box/basic")),
     },
     "list-box-composition": {
       name: "list-box-composition",
       files: ["demos/list-box/composition.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/composition")
+      ),
     },
     "list-box-contact-list": {
       name: "list-box-contact-list",
       files: ["demos/list-box/contact-list.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/contact-list")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/contact-list")
+      ),
     },
     "list-box-controlled": {
       name: "list-box-controlled",
       files: ["demos/list-box/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/controlled")
+      ),
     },
     "list-box-disabled-items": {
       name: "list-box-disabled-items",
       files: ["demos/list-box/disabled-items.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/disabled-items")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/disabled-items")
+      ),
     },
     "list-box-empty-state": {
       name: "list-box-empty-state",
       files: ["demos/list-box/empty-state.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/empty-state")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/empty-state")
+      ),
     },
     "list-box-grid": {
       name: "list-box-grid",
       files: ["demos/list-box/grid.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/grid")),
+      component: React.lazy(() => import("@/components/demos/list-box/grid")),
     },
     "list-box-horizontal": {
       name: "list-box-horizontal",
       files: ["demos/list-box/horizontal.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/horizontal")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/horizontal")
+      ),
     },
     "list-box-image-grid": {
       name: "list-box-image-grid",
       files: ["demos/list-box/image-grid.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/image-grid")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/image-grid")
+      ),
     },
     "list-box-item-variant": {
       name: "list-box-item-variant",
       files: ["demos/list-box/item-variant.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/item-variant")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/item-variant")
+      ),
     },
     "list-box-label-and-description": {
       name: "list-box-label-and-description",
       files: ["demos/list-box/label-and-description.tsx"],
       component: React.lazy(
-        () => import("@/demos/list-box/label-and-description")
+        () => import("@/components/demos/list-box/label-and-description")
       ),
     },
     "list-box-links": {
       name: "list-box-links",
       files: ["demos/list-box/links.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/links")),
+      component: React.lazy(() => import("@/components/demos/list-box/links")),
     },
     "list-box-loading": {
       name: "list-box-loading",
       files: ["demos/list-box/loading.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/loading")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/loading")
+      ),
     },
     "list-box-prefix-and-suffix": {
       name: "list-box-prefix-and-suffix",
       files: ["demos/list-box/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/prefix-and-suffix")
+      ),
     },
     "list-box-sections": {
       name: "list-box-sections",
       files: ["demos/list-box/sections.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/sections")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/sections")
+      ),
     },
     "list-box-selection-behavior": {
       name: "list-box-selection-behavior",
       files: ["demos/list-box/selection-behavior.tsx"],
       component: React.lazy(
-        () => import("@/demos/list-box/selection-behavior")
+        () => import("@/components/demos/list-box/selection-behavior")
       ),
     },
     "list-box-selection-mode": {
       name: "list-box-selection-mode",
       files: ["demos/list-box/selection-mode.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/selection-mode")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/selection-mode")
+      ),
     },
     "list-box-separator": {
       name: "list-box-separator",
       files: ["demos/list-box/separator.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/separator")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/separator")
+      ),
     },
     "list-box-uncontrolled": {
       name: "list-box-uncontrolled",
       files: ["demos/list-box/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/list-box/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/list-box/uncontrolled")
+      ),
     },
     "menu-basic": {
       name: "menu-basic",
       files: ["demos/menu/basic.tsx"],
-      component: React.lazy(() => import("@/demos/menu/basic")),
+      component: React.lazy(() => import("@/components/demos/menu/basic")),
     },
     "menu-composition": {
       name: "menu-composition",
       files: ["demos/menu/composition.tsx"],
-      component: React.lazy(() => import("@/demos/menu/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/menu/composition")
+      ),
     },
     "menu-controlled": {
       name: "menu-controlled",
       files: ["demos/menu/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/menu/controlled")),
+      component: React.lazy(() => import("@/components/demos/menu/controlled")),
     },
     "menu-disabled-items": {
       name: "menu-disabled-items",
       files: ["demos/menu/disabled-items.tsx"],
-      component: React.lazy(() => import("@/demos/menu/disabled-items")),
+      component: React.lazy(
+        () => import("@/components/demos/menu/disabled-items")
+      ),
     },
     "menu-item-variant": {
       name: "menu-item-variant",
       files: ["demos/menu/item-variant.tsx"],
-      component: React.lazy(() => import("@/demos/menu/item-variant")),
+      component: React.lazy(
+        () => import("@/components/demos/menu/item-variant")
+      ),
     },
     "menu-label-and-description": {
       name: "menu-label-and-description",
       files: ["demos/menu/label-and-description.tsx"],
-      component: React.lazy(() => import("@/demos/menu/label-and-description")),
+      component: React.lazy(
+        () => import("@/components/demos/menu/label-and-description")
+      ),
     },
     "menu-link-items": {
       name: "menu-link-items",
       files: ["demos/menu/link-items.tsx"],
-      component: React.lazy(() => import("@/demos/menu/link-items")),
+      component: React.lazy(() => import("@/components/demos/menu/link-items")),
     },
     "menu-long-press": {
       name: "menu-long-press",
       files: ["demos/menu/long-press.tsx"],
-      component: React.lazy(() => import("@/demos/menu/long-press")),
+      component: React.lazy(() => import("@/components/demos/menu/long-press")),
     },
     "menu-multiple-selection": {
       name: "menu-multiple-selection",
       files: ["demos/menu/multiple-selection.tsx"],
-      component: React.lazy(() => import("@/demos/menu/multiple-selection")),
+      component: React.lazy(
+        () => import("@/components/demos/menu/multiple-selection")
+      ),
     },
     "menu-overlay-type": {
       name: "menu-overlay-type",
       files: ["demos/menu/overlay-type.tsx"],
-      component: React.lazy(() => import("@/demos/menu/overlay-type")),
+      component: React.lazy(
+        () => import("@/components/demos/menu/overlay-type")
+      ),
     },
     "menu-placement": {
       name: "menu-placement",
       files: ["demos/menu/placement.tsx"],
-      component: React.lazy(() => import("@/demos/menu/placement")),
+      component: React.lazy(() => import("@/components/demos/menu/placement")),
     },
     "menu-prefix-and-suffix": {
       name: "menu-prefix-and-suffix",
       files: ["demos/menu/prefix-and-suffix.tsx"],
-      component: React.lazy(() => import("@/demos/menu/prefix-and-suffix")),
+      component: React.lazy(
+        () => import("@/components/demos/menu/prefix-and-suffix")
+      ),
     },
     "menu-section": {
       name: "menu-section",
       files: ["demos/menu/section.tsx"],
-      component: React.lazy(() => import("@/demos/menu/section")),
+      component: React.lazy(() => import("@/components/demos/menu/section")),
     },
     "menu-separator": {
       name: "menu-separator",
       files: ["demos/menu/separator.tsx"],
-      component: React.lazy(() => import("@/demos/menu/separator")),
+      component: React.lazy(() => import("@/components/demos/menu/separator")),
     },
     "menu-shortcut": {
       name: "menu-shortcut",
       files: ["demos/menu/shortcut.tsx"],
-      component: React.lazy(() => import("@/demos/menu/shortcut")),
+      component: React.lazy(() => import("@/components/demos/menu/shortcut")),
     },
     "menu-single-selection": {
       name: "menu-single-selection",
       files: ["demos/menu/single-selection.tsx"],
-      component: React.lazy(() => import("@/demos/menu/single-selection")),
+      component: React.lazy(
+        () => import("@/components/demos/menu/single-selection")
+      ),
     },
     "menu-submenus": {
       name: "menu-submenus",
       files: ["demos/menu/submenus.tsx"],
-      component: React.lazy(() => import("@/demos/menu/submenus")),
+      component: React.lazy(() => import("@/components/demos/menu/submenus")),
     },
     "modal-basic": {
       name: "modal-basic",
       files: ["demos/modal/basic.tsx"],
-      component: React.lazy(() => import("@/demos/modal/basic")),
+      component: React.lazy(() => import("@/components/demos/modal/basic")),
     },
     "number-field-composition": {
       name: "number-field-composition",
       files: ["demos/number-field/composition.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/composition")
+      ),
     },
     "number-field-controlled": {
       name: "number-field-controlled",
       files: ["demos/number-field/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/controlled")
+      ),
     },
     "number-field-default": {
       name: "number-field-default",
       files: ["demos/number-field/default.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/default")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/default")
+      ),
     },
     "number-field-description": {
       name: "number-field-description",
       files: ["demos/number-field/description.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/description")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/description")
+      ),
     },
     "number-field-disabled": {
       name: "number-field-disabled",
       files: ["demos/number-field/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/disabled")
+      ),
     },
     "number-field-error-message": {
       name: "number-field-error-message",
       files: ["demos/number-field/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/error-message")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/error-message")
+      ),
     },
     "number-field-format-options": {
       name: "number-field-format-options",
       files: ["demos/number-field/format-options.tsx"],
       component: React.lazy(
-        () => import("@/demos/number-field/format-options")
+        () => import("@/components/demos/number-field/format-options")
       ),
     },
     "number-field-label": {
       name: "number-field-label",
       files: ["demos/number-field/label.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/label")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/label")
+      ),
     },
     "number-field-read-only": {
       name: "number-field-read-only",
       files: ["demos/number-field/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/read-only")
+      ),
     },
     "number-field-required": {
       name: "number-field-required",
       files: ["demos/number-field/required.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/required")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/required")
+      ),
     },
     "number-field-sizes": {
       name: "number-field-sizes",
       files: ["demos/number-field/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/sizes")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/sizes")
+      ),
     },
     "number-field-uncontrolled": {
       name: "number-field-uncontrolled",
       files: ["demos/number-field/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/number-field/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/number-field/uncontrolled")
+      ),
     },
     "popover-basic": {
       name: "popover-basic",
       files: ["demos/popover/basic.tsx"],
-      component: React.lazy(() => import("@/demos/popover/basic")),
+      component: React.lazy(() => import("@/components/demos/popover/basic")),
     },
     "progress-bar-composition": {
       name: "progress-bar-composition",
       files: ["demos/progress-bar/composition.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/progress-bar/composition")
+      ),
     },
     "progress-bar-custom-value-label": {
       name: "progress-bar-custom-value-label",
       files: ["demos/progress-bar/custom-value-label.tsx"],
       component: React.lazy(
-        () => import("@/demos/progress-bar/custom-value-label")
+        () => import("@/components/demos/progress-bar/custom-value-label")
       ),
     },
     "progress-bar-default": {
       name: "progress-bar-default",
       files: ["demos/progress-bar/default.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/default")),
+      component: React.lazy(
+        () => import("@/components/demos/progress-bar/default")
+      ),
     },
     "progress-bar-duration": {
       name: "progress-bar-duration",
       files: ["demos/progress-bar/duration.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/duration")),
+      component: React.lazy(
+        () => import("@/components/demos/progress-bar/duration")
+      ),
     },
     "progress-bar-format-options": {
       name: "progress-bar-format-options",
       files: ["demos/progress-bar/format-options.tsx"],
       component: React.lazy(
-        () => import("@/demos/progress-bar/format-options")
+        () => import("@/components/demos/progress-bar/format-options")
       ),
     },
     "progress-bar-indeterminate": {
       name: "progress-bar-indeterminate",
       files: ["demos/progress-bar/indeterminate.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/indeterminate")),
+      component: React.lazy(
+        () => import("@/components/demos/progress-bar/indeterminate")
+      ),
     },
     "progress-bar-label": {
       name: "progress-bar-label",
       files: ["demos/progress-bar/label.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/label")),
+      component: React.lazy(
+        () => import("@/components/demos/progress-bar/label")
+      ),
     },
     "progress-bar-min-max-values": {
       name: "progress-bar-min-max-values",
       files: ["demos/progress-bar/min-max-values.tsx"],
       component: React.lazy(
-        () => import("@/demos/progress-bar/min-max-values")
+        () => import("@/components/demos/progress-bar/min-max-values")
       ),
     },
     "progress-bar-shape": {
       name: "progress-bar-shape",
       files: ["demos/progress-bar/shape.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/shape")),
+      component: React.lazy(
+        () => import("@/components/demos/progress-bar/shape")
+      ),
     },
     "progress-bar-sizes": {
       name: "progress-bar-sizes",
       files: ["demos/progress-bar/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/sizes")),
+      component: React.lazy(
+        () => import("@/components/demos/progress-bar/sizes")
+      ),
     },
     "progress-bar-value-label": {
       name: "progress-bar-value-label",
       files: ["demos/progress-bar/value-label.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/value-label")),
+      component: React.lazy(
+        () => import("@/components/demos/progress-bar/value-label")
+      ),
     },
     "progress-bar-variants": {
       name: "progress-bar-variants",
       files: ["demos/progress-bar/variants.tsx"],
-      component: React.lazy(() => import("@/demos/progress-bar/variants")),
+      component: React.lazy(
+        () => import("@/components/demos/progress-bar/variants")
+      ),
     },
     "radio-group-cards": {
       name: "radio-group-cards",
       files: ["demos/radio-group/cards.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/cards")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/cards")
+      ),
     },
     "radio-group-composition": {
       name: "radio-group-composition",
       files: ["demos/radio-group/composition.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/composition")
+      ),
     },
     "radio-group-controlled": {
       name: "radio-group-controlled",
       files: ["demos/radio-group/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/controlled")
+      ),
     },
     "radio-group-default": {
       name: "radio-group-default",
       files: ["demos/radio-group/default.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/default")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/default")
+      ),
     },
     "radio-group-description": {
       name: "radio-group-description",
       files: ["demos/radio-group/description.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/description")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/description")
+      ),
     },
     "radio-group-disabled": {
       name: "radio-group-disabled",
       files: ["demos/radio-group/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/disabled")
+      ),
     },
     "radio-group-error-message": {
       name: "radio-group-error-message",
       files: ["demos/radio-group/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/error-message")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/error-message")
+      ),
     },
     "radio-group-label": {
       name: "radio-group-label",
       files: ["demos/radio-group/label.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/label")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/label")
+      ),
     },
     "radio-group-orientation": {
       name: "radio-group-orientation",
       files: ["demos/radio-group/orientation.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/orientation")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/orientation")
+      ),
     },
     "radio-group-read-only": {
       name: "radio-group-read-only",
       files: ["demos/radio-group/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/read-only")
+      ),
     },
     "radio-group-required": {
       name: "radio-group-required",
       files: ["demos/radio-group/required.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/required")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/required")
+      ),
     },
     "radio-group-uncontrolled": {
       name: "radio-group-uncontrolled",
       files: ["demos/radio-group/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/radio-group/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/radio-group/uncontrolled")
+      ),
     },
     "range-calendar-composition": {
       name: "range-calendar-composition",
       files: ["demos/range-calendar/composition.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/range-calendar/composition")
+      ),
     },
     "range-calendar-controlled": {
       name: "range-calendar-controlled",
       files: ["demos/range-calendar/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/range-calendar/controlled")
+      ),
     },
     "range-calendar-default": {
       name: "range-calendar-default",
       files: ["demos/range-calendar/default.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/default")),
+      component: React.lazy(
+        () => import("@/components/demos/range-calendar/default")
+      ),
     },
     "range-calendar-disabled": {
       name: "range-calendar-disabled",
       files: ["demos/range-calendar/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/range-calendar/disabled")
+      ),
     },
     "range-calendar-error-message": {
       name: "range-calendar-error-message",
       files: ["demos/range-calendar/error-message.tsx"],
       component: React.lazy(
-        () => import("@/demos/range-calendar/error-message")
+        () => import("@/components/demos/range-calendar/error-message")
       ),
     },
     "range-calendar-non-contiguous-ranges": {
       name: "range-calendar-non-contiguous-ranges",
       files: ["demos/range-calendar/non-contiguous-ranges.tsx"],
       component: React.lazy(
-        () => import("@/demos/range-calendar/non-contiguous-ranges")
+        () => import("@/components/demos/range-calendar/non-contiguous-ranges")
       ),
     },
     "range-calendar-page-behaviour": {
       name: "range-calendar-page-behaviour",
       files: ["demos/range-calendar/page-behaviour.tsx"],
       component: React.lazy(
-        () => import("@/demos/range-calendar/page-behaviour")
+        () => import("@/components/demos/range-calendar/page-behaviour")
       ),
     },
     "range-calendar-read-only": {
       name: "range-calendar-read-only",
       files: ["demos/range-calendar/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/range-calendar/read-only")
+      ),
     },
     "range-calendar-uncontrolled": {
       name: "range-calendar-uncontrolled",
       files: ["demos/range-calendar/uncontrolled.tsx"],
       component: React.lazy(
-        () => import("@/demos/range-calendar/uncontrolled")
+        () => import("@/components/demos/range-calendar/uncontrolled")
       ),
     },
     "range-calendar-unvailable-dates": {
       name: "range-calendar-unvailable-dates",
       files: ["demos/range-calendar/unvailable-dates.tsx"],
       component: React.lazy(
-        () => import("@/demos/range-calendar/unvailable-dates")
+        () => import("@/components/demos/range-calendar/unvailable-dates")
       ),
     },
     "range-calendar-validation": {
       name: "range-calendar-validation",
       files: ["demos/range-calendar/validation.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/validation")),
+      component: React.lazy(
+        () => import("@/components/demos/range-calendar/validation")
+      ),
     },
     "range-calendar-visible-months": {
       name: "range-calendar-visible-months",
       files: ["demos/range-calendar/visible-months.tsx"],
       component: React.lazy(
-        () => import("@/demos/range-calendar/visible-months")
+        () => import("@/components/demos/range-calendar/visible-months")
       ),
     },
     "range-calendar-variant": {
       name: "range-calendar-variant",
       files: ["demos/range-calendar/variant.tsx"],
-      component: React.lazy(() => import("@/demos/range-calendar/variant")),
+      component: React.lazy(
+        () => import("@/components/demos/range-calendar/variant")
+      ),
     },
     "search-field-composition": {
       name: "search-field-composition",
       files: ["demos/search-field/composition.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/composition")
+      ),
     },
     "search-field-controlled": {
       name: "search-field-controlled",
       files: ["demos/search-field/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/controlled")
+      ),
     },
     "search-field-default": {
       name: "search-field-default",
       files: ["demos/search-field/default.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/default")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/default")
+      ),
     },
     "search-field-description": {
       name: "search-field-description",
       files: ["demos/search-field/description.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/description")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/description")
+      ),
     },
     "search-field-disabled": {
       name: "search-field-disabled",
       files: ["demos/search-field/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/disabled")
+      ),
     },
     "search-field-error-message": {
       name: "search-field-error-message",
       files: ["demos/search-field/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/error-message")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/error-message")
+      ),
     },
     "search-field-form": {
       name: "search-field-form",
       files: ["demos/search-field/form.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/form")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/form")
+      ),
     },
     "search-field-label": {
       name: "search-field-label",
       files: ["demos/search-field/label.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/label")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/label")
+      ),
     },
     "search-field-read-only": {
       name: "search-field-read-only",
       files: ["demos/search-field/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/read-only")
+      ),
     },
     "search-field-required": {
       name: "search-field-required",
       files: ["demos/search-field/required.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/required")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/required")
+      ),
     },
     "search-field-sizes": {
       name: "search-field-sizes",
       files: ["demos/search-field/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/sizes")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/sizes")
+      ),
     },
     "search-field-uncontrolled": {
       name: "search-field-uncontrolled",
       files: ["demos/search-field/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/search-field/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/search-field/uncontrolled")
+      ),
     },
     "select-async-loading": {
       name: "select-async-loading",
       files: ["demos/select/async-loading.tsx"],
-      component: React.lazy(() => import("@/demos/select/async-loading")),
+      component: React.lazy(
+        () => import("@/components/demos/select/async-loading")
+      ),
     },
     "select-basic": {
       name: "select-basic",
       files: ["demos/select/basic.tsx"],
-      component: React.lazy(() => import("@/demos/select/basic")),
+      component: React.lazy(() => import("@/components/demos/select/basic")),
     },
     "select-composition": {
       name: "select-composition",
       files: ["demos/select/composition.tsx"],
-      component: React.lazy(() => import("@/demos/select/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/select/composition")
+      ),
     },
     "select-controlled": {
       name: "select-controlled",
       files: ["demos/select/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/select/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/select/controlled")
+      ),
     },
     "select-description": {
       name: "select-description",
       files: ["demos/select/description.tsx"],
-      component: React.lazy(() => import("@/demos/select/description")),
+      component: React.lazy(
+        () => import("@/components/demos/select/description")
+      ),
     },
     "select-disabled": {
       name: "select-disabled",
       files: ["demos/select/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/select/disabled")),
+      component: React.lazy(() => import("@/components/demos/select/disabled")),
     },
     "select-label": {
       name: "select-label",
       files: ["demos/select/label.tsx"],
-      component: React.lazy(() => import("@/demos/select/label")),
+      component: React.lazy(() => import("@/components/demos/select/label")),
     },
     "select-links": {
       name: "select-links",
       files: ["demos/select/links.tsx"],
-      component: React.lazy(() => import("@/demos/select/links")),
+      component: React.lazy(() => import("@/components/demos/select/links")),
     },
     "select-loading": {
       name: "select-loading",
       files: ["demos/select/loading.tsx"],
-      component: React.lazy(() => import("@/demos/select/loading")),
+      component: React.lazy(() => import("@/components/demos/select/loading")),
     },
     "select-placeholder": {
       name: "select-placeholder",
       files: ["demos/select/placeholder.tsx"],
-      component: React.lazy(() => import("@/demos/select/placeholder")),
+      component: React.lazy(
+        () => import("@/components/demos/select/placeholder")
+      ),
     },
     "select-required": {
       name: "select-required",
       files: ["demos/select/required.tsx"],
-      component: React.lazy(() => import("@/demos/select/required")),
+      component: React.lazy(() => import("@/components/demos/select/required")),
     },
     "select-sections": {
       name: "select-sections",
       files: ["demos/select/sections.tsx"],
-      component: React.lazy(() => import("@/demos/select/sections")),
+      component: React.lazy(() => import("@/components/demos/select/sections")),
     },
     "select-uncontrolled": {
       name: "select-uncontrolled",
       files: ["demos/select/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/select/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/select/uncontrolled")
+      ),
     },
     "select-validation": {
       name: "select-validation",
       files: ["demos/select/validation.tsx"],
-      component: React.lazy(() => import("@/demos/select/validation")),
+      component: React.lazy(
+        () => import("@/components/demos/select/validation")
+      ),
     },
     "separator-card": {
       name: "separator-card",
       files: ["demos/separator/card.tsx"],
-      component: React.lazy(() => import("@/demos/separator/card")),
+      component: React.lazy(() => import("@/components/demos/separator/card")),
     },
     "separator-orientation": {
       name: "separator-orientation",
       files: ["demos/separator/orientation.tsx"],
-      component: React.lazy(() => import("@/demos/separator/orientation")),
+      component: React.lazy(
+        () => import("@/components/demos/separator/orientation")
+      ),
     },
     "skeleton-api-simulation": {
       name: "skeleton-api-simulation",
       files: ["demos/skeleton/api-simulation.tsx"],
-      component: React.lazy(() => import("@/demos/skeleton/api-simulation")),
+      component: React.lazy(
+        () => import("@/components/demos/skeleton/api-simulation")
+      ),
     },
     "skeleton-card": {
       name: "skeleton-card",
       files: ["demos/skeleton/card.tsx"],
-      component: React.lazy(() => import("@/demos/skeleton/card")),
+      component: React.lazy(() => import("@/components/demos/skeleton/card")),
     },
     "skeleton-children": {
       name: "skeleton-children",
       files: ["demos/skeleton/children.tsx"],
-      component: React.lazy(() => import("@/demos/skeleton/children")),
+      component: React.lazy(
+        () => import("@/components/demos/skeleton/children")
+      ),
     },
     "skeleton-fixed-size-children": {
       name: "skeleton-fixed-size-children",
       files: ["demos/skeleton/fixed-size-children.tsx"],
       component: React.lazy(
-        () => import("@/demos/skeleton/fixed-size-children")
+        () => import("@/components/demos/skeleton/fixed-size-children")
       ),
     },
     "skeleton-show": {
       name: "skeleton-show",
       files: ["demos/skeleton/show.tsx"],
-      component: React.lazy(() => import("@/demos/skeleton/show")),
+      component: React.lazy(() => import("@/components/demos/skeleton/show")),
     },
     "slider-composition": {
       name: "slider-composition",
       files: ["demos/slider/composition.tsx"],
-      component: React.lazy(() => import("@/demos/slider/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/slider/composition")
+      ),
     },
     "slider-controlled": {
       name: "slider-controlled",
       files: ["demos/slider/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/slider/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/slider/controlled")
+      ),
     },
     "slider-default": {
       name: "slider-default",
       files: ["demos/slider/default.tsx"],
-      component: React.lazy(() => import("@/demos/slider/default")),
+      component: React.lazy(() => import("@/components/demos/slider/default")),
     },
     "slider-description": {
       name: "slider-description",
       files: ["demos/slider/description.tsx"],
-      component: React.lazy(() => import("@/demos/slider/description")),
+      component: React.lazy(
+        () => import("@/components/demos/slider/description")
+      ),
     },
     "slider-disabled": {
       name: "slider-disabled",
       files: ["demos/slider/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/slider/disabled")),
+      component: React.lazy(() => import("@/components/demos/slider/disabled")),
     },
     "slider-format-options": {
       name: "slider-format-options",
       files: ["demos/slider/format-options.tsx"],
-      component: React.lazy(() => import("@/demos/slider/format-options")),
+      component: React.lazy(
+        () => import("@/components/demos/slider/format-options")
+      ),
     },
     "slider-label": {
       name: "slider-label",
       files: ["demos/slider/label.tsx"],
-      component: React.lazy(() => import("@/demos/slider/label")),
+      component: React.lazy(() => import("@/components/demos/slider/label")),
     },
     "slider-range": {
       name: "slider-range",
       files: ["demos/slider/range.tsx"],
-      component: React.lazy(() => import("@/demos/slider/range")),
+      component: React.lazy(() => import("@/components/demos/slider/range")),
     },
     "slider-sizes": {
       name: "slider-sizes",
       files: ["demos/slider/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/slider/sizes")),
+      component: React.lazy(() => import("@/components/demos/slider/sizes")),
     },
     "slider-step": {
       name: "slider-step",
       files: ["demos/slider/step.tsx"],
-      component: React.lazy(() => import("@/demos/slider/step")),
+      component: React.lazy(() => import("@/components/demos/slider/step")),
     },
     "slider-uncontrolled": {
       name: "slider-uncontrolled",
       files: ["demos/slider/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/slider/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/slider/uncontrolled")
+      ),
     },
     "slider-value-label": {
       name: "slider-value-label",
       files: ["demos/slider/value-label.tsx"],
-      component: React.lazy(() => import("@/demos/slider/value-label")),
+      component: React.lazy(
+        () => import("@/components/demos/slider/value-label")
+      ),
     },
     "slider-value-scale": {
       name: "slider-value-scale",
       files: ["demos/slider/value-scale.tsx"],
-      component: React.lazy(() => import("@/demos/slider/value-scale")),
+      component: React.lazy(
+        () => import("@/components/demos/slider/value-scale")
+      ),
     },
     "slider-vertical": {
       name: "slider-vertical",
       files: ["demos/slider/vertical.tsx"],
-      component: React.lazy(() => import("@/demos/slider/vertical")),
+      component: React.lazy(() => import("@/components/demos/slider/vertical")),
     },
     "switch-controlled": {
       name: "switch-controlled",
       files: ["demos/switch/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/switch/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/switch/controlled")
+      ),
     },
     "switch-default": {
       name: "switch-default",
       files: ["demos/switch/default.tsx"],
-      component: React.lazy(() => import("@/demos/switch/default")),
+      component: React.lazy(() => import("@/components/demos/switch/default")),
     },
     "switch-disabled": {
       name: "switch-disabled",
       files: ["demos/switch/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/switch/disabled")),
+      component: React.lazy(() => import("@/components/demos/switch/disabled")),
     },
     "switch-label": {
       name: "switch-label",
       files: ["demos/switch/label.tsx"],
-      component: React.lazy(() => import("@/demos/switch/label")),
+      component: React.lazy(() => import("@/components/demos/switch/label")),
     },
     "switch-sizes": {
       name: "switch-sizes",
       files: ["demos/switch/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/switch/sizes")),
+      component: React.lazy(() => import("@/components/demos/switch/sizes")),
     },
     "switch-uncontrolled": {
       name: "switch-uncontrolled",
       files: ["demos/switch/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/switch/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/switch/uncontrolled")
+      ),
     },
     "switch-card": {
       name: "switch-card",
       files: ["demos/switch/card.tsx"],
-      component: React.lazy(() => import("@/demos/switch/card")),
+      component: React.lazy(() => import("@/components/demos/switch/card")),
     },
     "switch-composition": {
       name: "switch-composition",
       files: ["demos/switch/composition.tsx"],
-      component: React.lazy(() => import("@/demos/switch/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/switch/composition")
+      ),
     },
     "tabs-basic": {
       name: "tabs-basic",
       files: ["demos/tabs/basic.tsx"],
-      component: React.lazy(() => import("@/demos/tabs/basic")),
+      component: React.lazy(() => import("@/components/demos/tabs/basic")),
     },
     "tabs-controlled": {
       name: "tabs-controlled",
       files: ["demos/tabs/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/tabs/controlled")),
+      component: React.lazy(() => import("@/components/demos/tabs/controlled")),
     },
     "tabs-disabled": {
       name: "tabs-disabled",
       files: ["demos/tabs/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/tabs/disabled")),
+      component: React.lazy(() => import("@/components/demos/tabs/disabled")),
     },
     "tabs-keyboard-activation": {
       name: "tabs-keyboard-activation",
       files: ["demos/tabs/keyboard-activation.tsx"],
-      component: React.lazy(() => import("@/demos/tabs/keyboard-activation")),
+      component: React.lazy(
+        () => import("@/components/demos/tabs/keyboard-activation")
+      ),
     },
     "tabs-vertical": {
       name: "tabs-vertical",
       files: ["demos/tabs/vertical.tsx"],
-      component: React.lazy(() => import("@/demos/tabs/vertical")),
+      component: React.lazy(() => import("@/components/demos/tabs/vertical")),
     },
     "tabs-variant": {
       name: "tabs-variant",
       files: ["demos/tabs/variant.tsx"],
-      component: React.lazy(() => import("@/demos/tabs/variant")),
+      component: React.lazy(() => import("@/components/demos/tabs/variant")),
     },
     "text-area-composition": {
       name: "text-area-composition",
       files: ["demos/text-area/composition.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/text-area/composition")
+      ),
     },
     "text-area-controlled": {
       name: "text-area-controlled",
       files: ["demos/text-area/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/text-area/controlled")
+      ),
     },
     "text-area-default": {
       name: "text-area-default",
       files: ["demos/text-area/default.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/default")),
+      component: React.lazy(
+        () => import("@/components/demos/text-area/default")
+      ),
     },
     "text-area-description": {
       name: "text-area-description",
       files: ["demos/text-area/description.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/description")),
+      component: React.lazy(
+        () => import("@/components/demos/text-area/description")
+      ),
     },
     "text-area-disabled": {
       name: "text-area-disabled",
       files: ["demos/text-area/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/text-area/disabled")
+      ),
     },
     "text-area-error-message": {
       name: "text-area-error-message",
       files: ["demos/text-area/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/error-message")),
+      component: React.lazy(
+        () => import("@/components/demos/text-area/error-message")
+      ),
     },
     "text-area-form": {
       name: "text-area-form",
       files: ["demos/text-area/form.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/form")),
+      component: React.lazy(() => import("@/components/demos/text-area/form")),
     },
     "text-area-label": {
       name: "text-area-label",
       files: ["demos/text-area/label.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/label")),
+      component: React.lazy(() => import("@/components/demos/text-area/label")),
     },
     "text-area-prefix-and-suffix": {
       name: "text-area-prefix-and-suffix",
       files: ["demos/text-area/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/demos/text-area/prefix-and-suffix")
+        () => import("@/components/demos/text-area/prefix-and-suffix")
       ),
     },
     "text-area-read-only": {
       name: "text-area-read-only",
       files: ["demos/text-area/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/text-area/read-only")
+      ),
     },
     "text-area-required": {
       name: "text-area-required",
       files: ["demos/text-area/required.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/required")),
+      component: React.lazy(
+        () => import("@/components/demos/text-area/required")
+      ),
     },
     "text-area-uncontrolled": {
       name: "text-area-uncontrolled",
       files: ["demos/text-area/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/text-area/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/text-area/uncontrolled")
+      ),
     },
     "text-field-composition": {
       name: "text-field-composition",
       files: ["demos/text-field/composition.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/composition")
+      ),
     },
     "text-field-controlled": {
       name: "text-field-controlled",
       files: ["demos/text-field/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/controlled")
+      ),
     },
     "text-field-default": {
       name: "text-field-default",
       files: ["demos/text-field/default.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/default")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/default")
+      ),
     },
     "text-field-description": {
       name: "text-field-description",
       files: ["demos/text-field/description.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/description")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/description")
+      ),
     },
     "text-field-disabled": {
       name: "text-field-disabled",
       files: ["demos/text-field/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/disabled")
+      ),
     },
     "text-field-error-message": {
       name: "text-field-error-message",
       files: ["demos/text-field/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/error-message")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/error-message")
+      ),
     },
     "text-field-label": {
       name: "text-field-label",
       files: ["demos/text-field/label.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/label")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/label")
+      ),
     },
     "text-field-prefix-and-suffix": {
       name: "text-field-prefix-and-suffix",
       files: ["demos/text-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/demos/text-field/prefix-and-suffix")
+        () => import("@/components/demos/text-field/prefix-and-suffix")
       ),
     },
     "text-field-read-only": {
       name: "text-field-read-only",
       files: ["demos/text-field/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/read-only")
+      ),
     },
     "text-field-required": {
       name: "text-field-required",
       files: ["demos/text-field/required.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/required")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/required")
+      ),
     },
     "text-field-sizes": {
       name: "text-field-sizes",
       files: ["demos/text-field/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/sizes")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/sizes")
+      ),
     },
     "text-field-uncontrolled": {
       name: "text-field-uncontrolled",
       files: ["demos/text-field/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/text-field/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/text-field/uncontrolled")
+      ),
     },
     "time-field-composition": {
       name: "time-field-composition",
       files: ["demos/time-field/composition.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/composition")
+      ),
     },
     "time-field-controlled": {
       name: "time-field-controlled",
       files: ["demos/time-field/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/controlled")
+      ),
     },
     "time-field-default": {
       name: "time-field-default",
       files: ["demos/time-field/default.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/default")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/default")
+      ),
     },
     "time-field-description": {
       name: "time-field-description",
       files: ["demos/time-field/description.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/description")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/description")
+      ),
     },
     "time-field-disabled": {
       name: "time-field-disabled",
       files: ["demos/time-field/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/disabled")
+      ),
     },
     "time-field-error-message": {
       name: "time-field-error-message",
       files: ["demos/time-field/error-message.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/error-message")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/error-message")
+      ),
     },
     "time-field-granularity": {
       name: "time-field-granularity",
       files: ["demos/time-field/granularity.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/granularity")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/granularity")
+      ),
     },
     "time-field-hide-time-zone": {
       name: "time-field-hide-time-zone",
       files: ["demos/time-field/hide-time-zone.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/hide-time-zone")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/hide-time-zone")
+      ),
     },
     "time-field-hour-cycle": {
       name: "time-field-hour-cycle",
       files: ["demos/time-field/hour-cycle.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/hour-cycle")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/hour-cycle")
+      ),
     },
     "time-field-label": {
       name: "time-field-label",
       files: ["demos/time-field/label.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/label")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/label")
+      ),
     },
     "time-field-placeholder": {
       name: "time-field-placeholder",
       files: ["demos/time-field/placeholder.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/placeholder")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/placeholder")
+      ),
     },
     "time-field-prefix-and-suffix": {
       name: "time-field-prefix-and-suffix",
       files: ["demos/time-field/prefix-and-suffix.tsx"],
       component: React.lazy(
-        () => import("@/demos/time-field/prefix-and-suffix")
+        () => import("@/components/demos/time-field/prefix-and-suffix")
       ),
     },
     "time-field-read-only": {
       name: "time-field-read-only",
       files: ["demos/time-field/read-only.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/read-only")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/read-only")
+      ),
     },
     "time-field-required": {
       name: "time-field-required",
       files: ["demos/time-field/required.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/required")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/required")
+      ),
     },
     "time-field-sizes": {
       name: "time-field-sizes",
       files: ["demos/time-field/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/sizes")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/sizes")
+      ),
     },
     "time-field-time-zones": {
       name: "time-field-time-zones",
       files: ["demos/time-field/time-zones.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/time-zones")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/time-zones")
+      ),
     },
     "time-field-uncontrolled": {
       name: "time-field-uncontrolled",
       files: ["demos/time-field/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/time-field/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/time-field/uncontrolled")
+      ),
     },
     "toggle-button-controlled": {
       name: "toggle-button-controlled",
       files: ["demos/toggle-button/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/toggle-button/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/toggle-button/controlled")
+      ),
     },
     "toggle-button-default": {
       name: "toggle-button-default",
       files: ["demos/toggle-button/default.tsx"],
-      component: React.lazy(() => import("@/demos/toggle-button/default")),
+      component: React.lazy(
+        () => import("@/components/demos/toggle-button/default")
+      ),
     },
     "toggle-button-disabled": {
       name: "toggle-button-disabled",
       files: ["demos/toggle-button/disabled.tsx"],
-      component: React.lazy(() => import("@/demos/toggle-button/disabled")),
+      component: React.lazy(
+        () => import("@/components/demos/toggle-button/disabled")
+      ),
     },
     "toggle-button-shapes": {
       name: "toggle-button-shapes",
       files: ["demos/toggle-button/shapes.tsx"],
-      component: React.lazy(() => import("@/demos/toggle-button/shapes")),
+      component: React.lazy(
+        () => import("@/components/demos/toggle-button/shapes")
+      ),
     },
     "toggle-button-sizes": {
       name: "toggle-button-sizes",
       files: ["demos/toggle-button/sizes.tsx"],
-      component: React.lazy(() => import("@/demos/toggle-button/sizes")),
+      component: React.lazy(
+        () => import("@/components/demos/toggle-button/sizes")
+      ),
     },
     "toggle-button-uncontrolled": {
       name: "toggle-button-uncontrolled",
       files: ["demos/toggle-button/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/toggle-button/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/toggle-button/uncontrolled")
+      ),
     },
     "toggle-button-variants": {
       name: "toggle-button-variants",
       files: ["demos/toggle-button/variants.tsx"],
-      component: React.lazy(() => import("@/demos/toggle-button/variants")),
+      component: React.lazy(
+        () => import("@/components/demos/toggle-button/variants")
+      ),
     },
     "tooltip-variant": {
       name: "tooltip-variant",
       files: ["demos/tooltip/variant.tsx"],
-      component: React.lazy(() => import("@/demos/tooltip/variant")),
+      component: React.lazy(() => import("@/components/demos/tooltip/variant")),
     },
     "tooltip-arrow": {
       name: "tooltip-arrow",
       files: ["demos/tooltip/arrow.tsx"],
-      component: React.lazy(() => import("@/demos/tooltip/arrow")),
+      component: React.lazy(() => import("@/components/demos/tooltip/arrow")),
     },
     "tooltip-composition": {
       name: "tooltip-composition",
       files: ["demos/tooltip/composition.tsx"],
-      component: React.lazy(() => import("@/demos/tooltip/composition")),
+      component: React.lazy(
+        () => import("@/components/demos/tooltip/composition")
+      ),
     },
     "tooltip-container-padding": {
       name: "tooltip-container-padding",
       files: ["demos/tooltip/container-padding.tsx"],
-      component: React.lazy(() => import("@/demos/tooltip/container-padding")),
+      component: React.lazy(
+        () => import("@/components/demos/tooltip/container-padding")
+      ),
     },
     "tooltip-default": {
       name: "tooltip-default",
       files: ["demos/tooltip/default.tsx"],
-      component: React.lazy(() => import("@/demos/tooltip/default")),
+      component: React.lazy(() => import("@/components/demos/tooltip/default")),
     },
     "tooltip-delay": {
       name: "tooltip-delay",
       files: ["demos/tooltip/delay.tsx"],
-      component: React.lazy(() => import("@/demos/tooltip/delay")),
+      component: React.lazy(() => import("@/components/demos/tooltip/delay")),
     },
     "tooltip-flip": {
       name: "tooltip-flip",
       files: ["demos/tooltip/flip.tsx"],
-      component: React.lazy(() => import("@/demos/tooltip/flip")),
+      component: React.lazy(() => import("@/components/demos/tooltip/flip")),
     },
     "tooltip-offset": {
       name: "tooltip-offset",
       files: ["demos/tooltip/offset.tsx"],
-      component: React.lazy(() => import("@/demos/tooltip/offset")),
+      component: React.lazy(() => import("@/components/demos/tooltip/offset")),
     },
     "tooltip-placement": {
       name: "tooltip-placement",
       files: ["demos/tooltip/placement.tsx"],
-      component: React.lazy(() => import("@/demos/tooltip/placement")),
+      component: React.lazy(
+        () => import("@/components/demos/tooltip/placement")
+      ),
     },
     "tooltip-with-arrow": {
       name: "tooltip-with-arrow",
       files: ["demos/tooltip/with-arrow.tsx"],
-      component: React.lazy(() => import("@/demos/tooltip/with-arrow")),
+      component: React.lazy(
+        () => import("@/components/demos/tooltip/with-arrow")
+      ),
     },
     "toggle-button-group-default": {
       name: "toggle-button-group-default",
       files: ["demos/toggle-button-group/default.tsx"],
       component: React.lazy(
-        () => import("@/demos/toggle-button-group/default")
+        () => import("@/components/demos/toggle-button-group/default")
       ),
     },
     "button-group-default": {
       name: "button-group-default",
       files: ["demos/button-group/default.tsx"],
-      component: React.lazy(() => import("@/demos/button-group/default")),
+      component: React.lazy(
+        () => import("@/components/demos/button-group/default")
+      ),
     },
     "tag-group-default": {
       name: "tag-group-default",
       files: ["demos/tag-group/default.tsx"],
-      component: React.lazy(() => import("@/demos/tag-group/default")),
+      component: React.lazy(
+        () => import("@/components/demos/tag-group/default")
+      ),
     },
     "table-dynamic-collection": {
       name: "table-dynamic-collection",
       files: ["demos/table/dynamic-collection.tsx"],
-      component: React.lazy(() => import("@/demos/table/dynamic-collection")),
+      component: React.lazy(
+        () => import("@/components/demos/table/dynamic-collection")
+      ),
     },
     "table-basic": {
       name: "table-basic",
       files: ["demos/table/basic.tsx"],
-      component: React.lazy(() => import("@/demos/table/basic")),
+      component: React.lazy(() => import("@/components/demos/table/basic")),
     },
     "table-disallow-empty-selection": {
       name: "table-disallow-empty-selection",
       files: ["demos/table/disallow-empty-selection.tsx"],
       component: React.lazy(
-        () => import("@/demos/table/disallow-empty-selection")
+        () => import("@/components/demos/table/disallow-empty-selection")
       ),
     },
     "table-empty-state": {
       name: "table-empty-state",
       files: ["demos/table/empty-state.tsx"],
-      component: React.lazy(() => import("@/demos/table/empty-state")),
+      component: React.lazy(
+        () => import("@/components/demos/table/empty-state")
+      ),
     },
     "table-links": {
       name: "table-links",
       files: ["demos/table/links.tsx"],
-      component: React.lazy(() => import("@/demos/table/links")),
+      component: React.lazy(() => import("@/components/demos/table/links")),
     },
     "table-sorting": {
       name: "table-sorting",
       files: ["demos/table/sorting.tsx"],
-      component: React.lazy(() => import("@/demos/table/sorting")),
+      component: React.lazy(() => import("@/components/demos/table/sorting")),
     },
     "table-disabled-rows": {
       name: "table-disabled-rows",
       files: ["demos/table/disabled-rows.tsx"],
-      component: React.lazy(() => import("@/demos/table/disabled-rows")),
+      component: React.lazy(
+        () => import("@/components/demos/table/disabled-rows")
+      ),
     },
     "table-static-row-action": {
       name: "table-static-row-action",
       files: ["demos/table/static-row-action.tsx"],
-      component: React.lazy(() => import("@/demos/table/static-row-action")),
+      component: React.lazy(
+        () => import("@/components/demos/table/static-row-action")
+      ),
     },
     "table-row-action": {
       name: "table-row-action",
       files: ["demos/table/row-action.tsx"],
-      component: React.lazy(() => import("@/demos/table/row-action")),
+      component: React.lazy(
+        () => import("@/components/demos/table/row-action")
+      ),
     },
     "table-selection-mode": {
       name: "table-selection-mode",
       files: ["demos/table/selection-mode.tsx"],
-      component: React.lazy(() => import("@/demos/table/selection-mode")),
+      component: React.lazy(
+        () => import("@/components/demos/table/selection-mode")
+      ),
     },
     "table-selection-behavior": {
       name: "table-selection-behavior",
       files: ["demos/table/selection-behavior.tsx"],
-      component: React.lazy(() => import("@/demos/table/selection-behavior")),
+      component: React.lazy(
+        () => import("@/components/demos/table/selection-behavior")
+      ),
     },
     "table-variants": {
       name: "table-variants",
       files: ["demos/table/variants.tsx"],
-      component: React.lazy(() => import("@/demos/table/variants")),
+      component: React.lazy(() => import("@/components/demos/table/variants")),
     },
     "table-column-resizing": {
       name: "table-column-resizing",
       files: ["demos/table/column-resizing.tsx"],
-      component: React.lazy(() => import("@/demos/table/column-resizing")),
+      component: React.lazy(
+        () => import("@/components/demos/table/column-resizing")
+      ),
     },
     "table-controlled": {
       name: "table-controlled",
       files: ["demos/table/controlled.tsx"],
-      component: React.lazy(() => import("@/demos/table/controlled")),
+      component: React.lazy(
+        () => import("@/components/demos/table/controlled")
+      ),
     },
     "table-uncontrolled": {
       name: "table-uncontrolled",
       files: ["demos/table/uncontrolled.tsx"],
-      component: React.lazy(() => import("@/demos/table/uncontrolled")),
+      component: React.lazy(
+        () => import("@/components/demos/table/uncontrolled")
+      ),
     },
     "table-reordable": {
       name: "table-reordable",
       files: ["demos/table/reordable.tsx"],
-      component: React.lazy(() => import("@/demos/table/reordable")),
+      component: React.lazy(() => import("@/components/demos/table/reordable")),
     },
     "table-selection-variant": {
       name: "table-selection-variant",
       files: ["demos/table/selection-variant.tsx"],
-      component: React.lazy(() => import("@/demos/table/selection-variant")),
+      component: React.lazy(
+        () => import("@/components/demos/table/selection-variant")
+      ),
     },
     "form-basic": {
       name: "form-basic",
       files: ["demos/form/basic.tsx"],
-      component: React.lazy(() => import("@/demos/form/basic")),
+      component: React.lazy(() => import("@/components/demos/form/basic")),
     },
     "form-react-aria": {
       name: "form-react-aria",
       files: ["demos/form/react-aria.tsx"],
-      component: React.lazy(() => import("@/demos/form/react-aria")),
+      component: React.lazy(() => import("@/components/demos/form/react-aria")),
     },
     "form-react-hook-form": {
       name: "form-react-hook-form",
       files: ["demos/form/react-hook-form.tsx"],
-      component: React.lazy(() => import("@/demos/form/react-hook-form")),
+      component: React.lazy(
+        () => import("@/components/demos/form/react-hook-form")
+      ),
     },
     "command-basic": {
       name: "command-basic",
       files: ["demos/command/basic.tsx"],
-      component: React.lazy(() => import("@/demos/command/basic")),
+      component: React.lazy(() => import("@/components/demos/command/basic")),
     },
     "command-dialog": {
       name: "command-dialog",
       files: ["demos/command/dialog.tsx"],
-      component: React.lazy(() => import("@/demos/command/dialog")),
+      component: React.lazy(() => import("@/components/demos/command/dialog")),
     },
     "overlay-basic": {
       name: "overlay-basic",
       files: ["demos/overlay/basic.tsx"],
-      component: React.lazy(() => import("@/demos/overlay/basic")),
+      component: React.lazy(() => import("@/components/demos/overlay/basic")),
     },
     "overlay-type": {
       name: "overlay-type",
       files: ["demos/overlay/type.tsx"],
-      component: React.lazy(() => import("@/demos/overlay/type")),
+      component: React.lazy(() => import("@/components/demos/overlay/type")),
     },
   },
 };
diff --git a/www/src/app/(app)/themes/components/button-style.tsx b/www/src/app/(app)/themes/components/button-style.tsx
index db1d238b8..7b61de01b 100644
--- a/www/src/app/(app)/themes/components/button-style.tsx
+++ b/www/src/app/(app)/themes/components/button-style.tsx
@@ -2,9 +2,9 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
+import ButtonVariants from "@/components/demos/button/variants";
+import ToggleButtonVariants from "@/components/demos/toggle-button/variants";
 import { ThemeOverride } from "@/components/docs/theme-override";
-import ButtonVariants from "@/demos/button/variants";
-import ToggleButtonVariants from "@/demos/toggle-button/variants";
 
 const variants = [
   {
diff --git a/www/src/app/(app)/themes/components/input-style.tsx b/www/src/app/(app)/themes/components/input-style.tsx
index 5931b697c..03a15adcd 100644
--- a/www/src/app/(app)/themes/components/input-style.tsx
+++ b/www/src/app/(app)/themes/components/input-style.tsx
@@ -2,8 +2,8 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
+import Inputs from "@/components/demos/text-field/prefix-and-suffix";
 import { ThemeOverride } from "@/components/docs/theme-override";
-import Inputs from "@/demos/text-field/prefix-and-suffix";
 
 const variants = [
   {
diff --git a/www/src/app/(app)/themes/components/listbox-style.tsx b/www/src/app/(app)/themes/components/listbox-style.tsx
index e66eaa2ab..baa45ad4a 100644
--- a/www/src/app/(app)/themes/components/listbox-style.tsx
+++ b/www/src/app/(app)/themes/components/listbox-style.tsx
@@ -2,10 +2,10 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
+import ComboboxDemo from "@/components/demos/combobox/basic";
+import ListBoxDemo from "@/components/demos/list-box/basic";
+import SelectDemo from "@/components/demos/select/basic";
 import { ThemeOverride } from "@/components/docs/theme-override";
-import ComboboxDemo from "@/demos/combobox/basic";
-import ListBoxDemo from "@/demos/list-box/basic";
-import SelectDemo from "@/demos/select/basic";
 
 const variants = [
   {
diff --git a/www/src/app/(app)/themes/components/overlay-style.tsx b/www/src/app/(app)/themes/components/overlay-style.tsx
index 10d39430c..31ffd2c40 100644
--- a/www/src/app/(app)/themes/components/overlay-style.tsx
+++ b/www/src/app/(app)/themes/components/overlay-style.tsx
@@ -2,8 +2,8 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
+import DialogDemo from "@/components/demos/dialog/basic";
 import { ThemeOverride } from "@/components/docs/theme-override";
-import DialogDemo from "@/demos/dialog/basic";
 
 const variants = [
   {
diff --git a/www/src/app/(app)/themes/components/picker-style.tsx b/www/src/app/(app)/themes/components/picker-style.tsx
index 6c561181a..129ebfc93 100644
--- a/www/src/app/(app)/themes/components/picker-style.tsx
+++ b/www/src/app/(app)/themes/components/picker-style.tsx
@@ -2,11 +2,11 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
+import ColorPickerDemo from "@/components/demos/color-picker/default";
+import ComboboxDemo from "@/components/demos/combobox/basic";
+import DatePickerDemo from "@/components/demos/date-picker/default";
+import SelectDemo from "@/components/demos/select/basic";
 import { ThemeOverride } from "@/components/docs/theme-override";
-import ColorPickerDemo from "@/demos/color-picker/default";
-import ComboboxDemo from "@/demos/combobox/basic";
-import DatePickerDemo from "@/demos/date-picker/default";
-import SelectDemo from "@/demos/select/basic";
 
 const variants = [
   {
diff --git a/www/src/app/(app)/themes/components/tabs-style.tsx b/www/src/app/(app)/themes/components/tabs-style.tsx
index 33b8c6c7f..a8c0df006 100644
--- a/www/src/app/(app)/themes/components/tabs-style.tsx
+++ b/www/src/app/(app)/themes/components/tabs-style.tsx
@@ -2,8 +2,8 @@
 
 import { useThemes } from "@/hooks/use-themes";
 import { Radio, RadioGroup } from "@/components/core/radio-group";
+import TabsDemo from "@/components/demos/tabs/basic";
 import { ThemeOverride } from "@/components/docs/theme-override";
-import TabsDemo from "@/demos/tabs/basic";
 
 const variants = [
   {
diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx
index b8ceeb6c7..a64092764 100644
--- a/www/src/app/(home)/components-overview.tsx
+++ b/www/src/app/(home)/components-overview.tsx
@@ -2,6 +2,7 @@
 
 import { Link } from "@/components/core/link";
 import { RadioGroup, Radio } from "@/components/core/radio-group";
+import FileTriggerDemo from "@/components/demos/file-trigger/default";
 import { Alert } from "@/components/dynamic-core/alert";
 import { Avatar } from "@/components/dynamic-core/avatar";
 import { Button } from "@/components/dynamic-core/button";
@@ -29,7 +30,6 @@ import {
 import { Tabs, Tab, TabList, TabPanel } from "@/components/dynamic-core/tabs";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
-import FileTriggerDemo from "@/demos/file-trigger/default";
 
 export function ComponentsOverview() {
   return (
diff --git a/www/src/demos/alert/action.tsx b/www/src/components/demos/alert/action.tsx
similarity index 100%
rename from www/src/demos/alert/action.tsx
rename to www/src/components/demos/alert/action.tsx
diff --git a/www/src/demos/alert/composition.tsx b/www/src/components/demos/alert/composition.tsx
similarity index 100%
rename from www/src/demos/alert/composition.tsx
rename to www/src/components/demos/alert/composition.tsx
diff --git a/www/src/demos/alert/content.tsx b/www/src/components/demos/alert/content.tsx
similarity index 100%
rename from www/src/demos/alert/content.tsx
rename to www/src/components/demos/alert/content.tsx
diff --git a/www/src/demos/alert/custom-icon.tsx b/www/src/components/demos/alert/custom-icon.tsx
similarity index 100%
rename from www/src/demos/alert/custom-icon.tsx
rename to www/src/components/demos/alert/custom-icon.tsx
diff --git a/www/src/demos/alert/default.tsx b/www/src/components/demos/alert/default.tsx
similarity index 100%
rename from www/src/demos/alert/default.tsx
rename to www/src/components/demos/alert/default.tsx
diff --git a/www/src/demos/alert/title.tsx b/www/src/components/demos/alert/title.tsx
similarity index 100%
rename from www/src/demos/alert/title.tsx
rename to www/src/components/demos/alert/title.tsx
diff --git a/www/src/demos/alert/variants.tsx b/www/src/components/demos/alert/variants.tsx
similarity index 100%
rename from www/src/demos/alert/variants.tsx
rename to www/src/components/demos/alert/variants.tsx
diff --git a/www/src/demos/avatar/composition.tsx b/www/src/components/demos/avatar/composition.tsx
similarity index 100%
rename from www/src/demos/avatar/composition.tsx
rename to www/src/components/demos/avatar/composition.tsx
diff --git a/www/src/demos/avatar/default.tsx b/www/src/components/demos/avatar/default.tsx
similarity index 100%
rename from www/src/demos/avatar/default.tsx
rename to www/src/components/demos/avatar/default.tsx
diff --git a/www/src/demos/avatar/shape.tsx b/www/src/components/demos/avatar/shape.tsx
similarity index 100%
rename from www/src/demos/avatar/shape.tsx
rename to www/src/components/demos/avatar/shape.tsx
diff --git a/www/src/demos/avatar/sizes.tsx b/www/src/components/demos/avatar/sizes.tsx
similarity index 100%
rename from www/src/demos/avatar/sizes.tsx
rename to www/src/components/demos/avatar/sizes.tsx
diff --git a/www/src/demos/badge/default.tsx b/www/src/components/demos/badge/default.tsx
similarity index 100%
rename from www/src/demos/badge/default.tsx
rename to www/src/components/demos/badge/default.tsx
diff --git a/www/src/demos/badge/icon.tsx b/www/src/components/demos/badge/icon.tsx
similarity index 100%
rename from www/src/demos/badge/icon.tsx
rename to www/src/components/demos/badge/icon.tsx
diff --git a/www/src/demos/badge/sizes.tsx b/www/src/components/demos/badge/sizes.tsx
similarity index 100%
rename from www/src/demos/badge/sizes.tsx
rename to www/src/components/demos/badge/sizes.tsx
diff --git a/www/src/demos/badge/variants.tsx b/www/src/components/demos/badge/variants.tsx
similarity index 100%
rename from www/src/demos/badge/variants.tsx
rename to www/src/components/demos/badge/variants.tsx
diff --git a/www/src/demos/breadcrumbs/basic.tsx b/www/src/components/demos/breadcrumbs/basic.tsx
similarity index 100%
rename from www/src/demos/breadcrumbs/basic.tsx
rename to www/src/components/demos/breadcrumbs/basic.tsx
diff --git a/www/src/demos/breadcrumbs/composition.tsx b/www/src/components/demos/breadcrumbs/composition.tsx
similarity index 100%
rename from www/src/demos/breadcrumbs/composition.tsx
rename to www/src/components/demos/breadcrumbs/composition.tsx
diff --git a/www/src/demos/breadcrumbs/disabled.tsx b/www/src/components/demos/breadcrumbs/disabled.tsx
similarity index 100%
rename from www/src/demos/breadcrumbs/disabled.tsx
rename to www/src/components/demos/breadcrumbs/disabled.tsx
diff --git a/www/src/demos/breadcrumbs/icon.tsx b/www/src/components/demos/breadcrumbs/icon.tsx
similarity index 100%
rename from www/src/demos/breadcrumbs/icon.tsx
rename to www/src/components/demos/breadcrumbs/icon.tsx
diff --git a/www/src/demos/breadcrumbs/router-integration.tsx b/www/src/components/demos/breadcrumbs/router-integration.tsx
similarity index 100%
rename from www/src/demos/breadcrumbs/router-integration.tsx
rename to www/src/components/demos/breadcrumbs/router-integration.tsx
diff --git a/www/src/demos/button-group/default.tsx b/www/src/components/demos/button-group/default.tsx
similarity index 100%
rename from www/src/demos/button-group/default.tsx
rename to www/src/components/demos/button-group/default.tsx
diff --git a/www/src/demos/button/default.tsx b/www/src/components/demos/button/default.tsx
similarity index 100%
rename from www/src/demos/button/default.tsx
rename to www/src/components/demos/button/default.tsx
diff --git a/www/src/demos/button/disabled.tsx b/www/src/components/demos/button/disabled.tsx
similarity index 100%
rename from www/src/demos/button/disabled.tsx
rename to www/src/components/demos/button/disabled.tsx
diff --git a/www/src/demos/button/link-button.tsx b/www/src/components/demos/button/link-button.tsx
similarity index 100%
rename from www/src/demos/button/link-button.tsx
rename to www/src/components/demos/button/link-button.tsx
diff --git a/www/src/demos/button/loading.tsx b/www/src/components/demos/button/loading.tsx
similarity index 100%
rename from www/src/demos/button/loading.tsx
rename to www/src/components/demos/button/loading.tsx
diff --git a/www/src/demos/button/prefix-and-suffix.tsx b/www/src/components/demos/button/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/demos/button/prefix-and-suffix.tsx
rename to www/src/components/demos/button/prefix-and-suffix.tsx
diff --git a/www/src/demos/button/shapes.tsx b/www/src/components/demos/button/shapes.tsx
similarity index 100%
rename from www/src/demos/button/shapes.tsx
rename to www/src/components/demos/button/shapes.tsx
diff --git a/www/src/demos/button/sizes.tsx b/www/src/components/demos/button/sizes.tsx
similarity index 100%
rename from www/src/demos/button/sizes.tsx
rename to www/src/components/demos/button/sizes.tsx
diff --git a/www/src/demos/button/variants.tsx b/www/src/components/demos/button/variants.tsx
similarity index 100%
rename from www/src/demos/button/variants.tsx
rename to www/src/components/demos/button/variants.tsx
diff --git a/www/src/demos/calendar/composition.tsx b/www/src/components/demos/calendar/composition.tsx
similarity index 100%
rename from www/src/demos/calendar/composition.tsx
rename to www/src/components/demos/calendar/composition.tsx
diff --git a/www/src/demos/calendar/controlled.tsx b/www/src/components/demos/calendar/controlled.tsx
similarity index 100%
rename from www/src/demos/calendar/controlled.tsx
rename to www/src/components/demos/calendar/controlled.tsx
diff --git a/www/src/demos/calendar/default.tsx b/www/src/components/demos/calendar/default.tsx
similarity index 100%
rename from www/src/demos/calendar/default.tsx
rename to www/src/components/demos/calendar/default.tsx
diff --git a/www/src/demos/calendar/disabled.tsx b/www/src/components/demos/calendar/disabled.tsx
similarity index 100%
rename from www/src/demos/calendar/disabled.tsx
rename to www/src/components/demos/calendar/disabled.tsx
diff --git a/www/src/demos/calendar/error-message.tsx b/www/src/components/demos/calendar/error-message.tsx
similarity index 100%
rename from www/src/demos/calendar/error-message.tsx
rename to www/src/components/demos/calendar/error-message.tsx
diff --git a/www/src/demos/calendar/page-behaviour.tsx b/www/src/components/demos/calendar/page-behaviour.tsx
similarity index 100%
rename from www/src/demos/calendar/page-behaviour.tsx
rename to www/src/components/demos/calendar/page-behaviour.tsx
diff --git a/www/src/demos/calendar/read-only.tsx b/www/src/components/demos/calendar/read-only.tsx
similarity index 100%
rename from www/src/demos/calendar/read-only.tsx
rename to www/src/components/demos/calendar/read-only.tsx
diff --git a/www/src/demos/calendar/uncontrolled.tsx b/www/src/components/demos/calendar/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/calendar/uncontrolled.tsx
rename to www/src/components/demos/calendar/uncontrolled.tsx
diff --git a/www/src/demos/calendar/unvailable-dates.tsx b/www/src/components/demos/calendar/unvailable-dates.tsx
similarity index 100%
rename from www/src/demos/calendar/unvailable-dates.tsx
rename to www/src/components/demos/calendar/unvailable-dates.tsx
diff --git a/www/src/demos/calendar/validation.tsx b/www/src/components/demos/calendar/validation.tsx
similarity index 100%
rename from www/src/demos/calendar/validation.tsx
rename to www/src/components/demos/calendar/validation.tsx
diff --git a/www/src/demos/calendar/variant.tsx b/www/src/components/demos/calendar/variant.tsx
similarity index 100%
rename from www/src/demos/calendar/variant.tsx
rename to www/src/components/demos/calendar/variant.tsx
diff --git a/www/src/demos/calendar/visible-months.tsx b/www/src/components/demos/calendar/visible-months.tsx
similarity index 100%
rename from www/src/demos/calendar/visible-months.tsx
rename to www/src/components/demos/calendar/visible-months.tsx
diff --git a/www/src/demos/checkbox-group/cards.tsx b/www/src/components/demos/checkbox-group/cards.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/cards.tsx
rename to www/src/components/demos/checkbox-group/cards.tsx
diff --git a/www/src/demos/checkbox-group/composition.tsx b/www/src/components/demos/checkbox-group/composition.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/composition.tsx
rename to www/src/components/demos/checkbox-group/composition.tsx
diff --git a/www/src/demos/checkbox-group/controlled.tsx b/www/src/components/demos/checkbox-group/controlled.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/controlled.tsx
rename to www/src/components/demos/checkbox-group/controlled.tsx
diff --git a/www/src/demos/checkbox-group/default.tsx b/www/src/components/demos/checkbox-group/default.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/default.tsx
rename to www/src/components/demos/checkbox-group/default.tsx
diff --git a/www/src/demos/checkbox-group/description.tsx b/www/src/components/demos/checkbox-group/description.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/description.tsx
rename to www/src/components/demos/checkbox-group/description.tsx
diff --git a/www/src/demos/checkbox-group/disabled.tsx b/www/src/components/demos/checkbox-group/disabled.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/disabled.tsx
rename to www/src/components/demos/checkbox-group/disabled.tsx
diff --git a/www/src/demos/checkbox-group/error-message.tsx b/www/src/components/demos/checkbox-group/error-message.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/error-message.tsx
rename to www/src/components/demos/checkbox-group/error-message.tsx
diff --git a/www/src/demos/checkbox-group/label.tsx b/www/src/components/demos/checkbox-group/label.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/label.tsx
rename to www/src/components/demos/checkbox-group/label.tsx
diff --git a/www/src/demos/checkbox-group/read-only.tsx b/www/src/components/demos/checkbox-group/read-only.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/read-only.tsx
rename to www/src/components/demos/checkbox-group/read-only.tsx
diff --git a/www/src/demos/checkbox-group/required.tsx b/www/src/components/demos/checkbox-group/required.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/required.tsx
rename to www/src/components/demos/checkbox-group/required.tsx
diff --git a/www/src/demos/checkbox-group/uncontrolled.tsx b/www/src/components/demos/checkbox-group/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/checkbox-group/uncontrolled.tsx
rename to www/src/components/demos/checkbox-group/uncontrolled.tsx
diff --git a/www/src/demos/checkbox/card.tsx b/www/src/components/demos/checkbox/card.tsx
similarity index 100%
rename from www/src/demos/checkbox/card.tsx
rename to www/src/components/demos/checkbox/card.tsx
diff --git a/www/src/demos/checkbox/composition.tsx b/www/src/components/demos/checkbox/composition.tsx
similarity index 100%
rename from www/src/demos/checkbox/composition.tsx
rename to www/src/components/demos/checkbox/composition.tsx
diff --git a/www/src/demos/checkbox/controlled.tsx b/www/src/components/demos/checkbox/controlled.tsx
similarity index 100%
rename from www/src/demos/checkbox/controlled.tsx
rename to www/src/components/demos/checkbox/controlled.tsx
diff --git a/www/src/demos/checkbox/default.tsx b/www/src/components/demos/checkbox/default.tsx
similarity index 100%
rename from www/src/demos/checkbox/default.tsx
rename to www/src/components/demos/checkbox/default.tsx
diff --git a/www/src/demos/checkbox/disabled.tsx b/www/src/components/demos/checkbox/disabled.tsx
similarity index 100%
rename from www/src/demos/checkbox/disabled.tsx
rename to www/src/components/demos/checkbox/disabled.tsx
diff --git a/www/src/demos/checkbox/indeterminate.tsx b/www/src/components/demos/checkbox/indeterminate.tsx
similarity index 100%
rename from www/src/demos/checkbox/indeterminate.tsx
rename to www/src/components/demos/checkbox/indeterminate.tsx
diff --git a/www/src/demos/checkbox/read-only.tsx b/www/src/components/demos/checkbox/read-only.tsx
similarity index 100%
rename from www/src/demos/checkbox/read-only.tsx
rename to www/src/components/demos/checkbox/read-only.tsx
diff --git a/www/src/demos/checkbox/uncontrolled.tsx b/www/src/components/demos/checkbox/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/checkbox/uncontrolled.tsx
rename to www/src/components/demos/checkbox/uncontrolled.tsx
diff --git a/www/src/demos/checkbox/variants.tsx b/www/src/components/demos/checkbox/variants.tsx
similarity index 100%
rename from www/src/demos/checkbox/variants.tsx
rename to www/src/components/demos/checkbox/variants.tsx
diff --git a/www/src/demos/color-area/channels.tsx b/www/src/components/demos/color-area/channels.tsx
similarity index 100%
rename from www/src/demos/color-area/channels.tsx
rename to www/src/components/demos/color-area/channels.tsx
diff --git a/www/src/demos/color-area/composition.tsx b/www/src/components/demos/color-area/composition.tsx
similarity index 100%
rename from www/src/demos/color-area/composition.tsx
rename to www/src/components/demos/color-area/composition.tsx
diff --git a/www/src/demos/color-area/controlled.tsx b/www/src/components/demos/color-area/controlled.tsx
similarity index 100%
rename from www/src/demos/color-area/controlled.tsx
rename to www/src/components/demos/color-area/controlled.tsx
diff --git a/www/src/demos/color-area/default.tsx b/www/src/components/demos/color-area/default.tsx
similarity index 100%
rename from www/src/demos/color-area/default.tsx
rename to www/src/components/demos/color-area/default.tsx
diff --git a/www/src/demos/color-area/disabled.tsx b/www/src/components/demos/color-area/disabled.tsx
similarity index 100%
rename from www/src/demos/color-area/disabled.tsx
rename to www/src/components/demos/color-area/disabled.tsx
diff --git a/www/src/demos/color-area/uncontrolled.tsx b/www/src/components/demos/color-area/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/color-area/uncontrolled.tsx
rename to www/src/components/demos/color-area/uncontrolled.tsx
diff --git a/www/src/demos/color-field/color-channel.tsx b/www/src/components/demos/color-field/color-channel.tsx
similarity index 100%
rename from www/src/demos/color-field/color-channel.tsx
rename to www/src/components/demos/color-field/color-channel.tsx
diff --git a/www/src/demos/color-field/composition.tsx b/www/src/components/demos/color-field/composition.tsx
similarity index 100%
rename from www/src/demos/color-field/composition.tsx
rename to www/src/components/demos/color-field/composition.tsx
diff --git a/www/src/demos/color-field/controlled.tsx b/www/src/components/demos/color-field/controlled.tsx
similarity index 100%
rename from www/src/demos/color-field/controlled.tsx
rename to www/src/components/demos/color-field/controlled.tsx
diff --git a/www/src/demos/color-field/default.tsx b/www/src/components/demos/color-field/default.tsx
similarity index 100%
rename from www/src/demos/color-field/default.tsx
rename to www/src/components/demos/color-field/default.tsx
diff --git a/www/src/demos/color-field/description.tsx b/www/src/components/demos/color-field/description.tsx
similarity index 100%
rename from www/src/demos/color-field/description.tsx
rename to www/src/components/demos/color-field/description.tsx
diff --git a/www/src/demos/color-field/disabled.tsx b/www/src/components/demos/color-field/disabled.tsx
similarity index 100%
rename from www/src/demos/color-field/disabled.tsx
rename to www/src/components/demos/color-field/disabled.tsx
diff --git a/www/src/demos/color-field/error-message.tsx b/www/src/components/demos/color-field/error-message.tsx
similarity index 100%
rename from www/src/demos/color-field/error-message.tsx
rename to www/src/components/demos/color-field/error-message.tsx
diff --git a/www/src/demos/color-field/form.tsx b/www/src/components/demos/color-field/form.tsx
similarity index 100%
rename from www/src/demos/color-field/form.tsx
rename to www/src/components/demos/color-field/form.tsx
diff --git a/www/src/demos/color-field/label.tsx b/www/src/components/demos/color-field/label.tsx
similarity index 100%
rename from www/src/demos/color-field/label.tsx
rename to www/src/components/demos/color-field/label.tsx
diff --git a/www/src/demos/color-field/prefix-and-suffix.tsx b/www/src/components/demos/color-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/demos/color-field/prefix-and-suffix.tsx
rename to www/src/components/demos/color-field/prefix-and-suffix.tsx
diff --git a/www/src/demos/color-field/read-only.tsx b/www/src/components/demos/color-field/read-only.tsx
similarity index 100%
rename from www/src/demos/color-field/read-only.tsx
rename to www/src/components/demos/color-field/read-only.tsx
diff --git a/www/src/demos/color-field/required.tsx b/www/src/components/demos/color-field/required.tsx
similarity index 100%
rename from www/src/demos/color-field/required.tsx
rename to www/src/components/demos/color-field/required.tsx
diff --git a/www/src/demos/color-field/sizes.tsx b/www/src/components/demos/color-field/sizes.tsx
similarity index 100%
rename from www/src/demos/color-field/sizes.tsx
rename to www/src/components/demos/color-field/sizes.tsx
diff --git a/www/src/demos/color-field/uncontrolled.tsx b/www/src/components/demos/color-field/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/color-field/uncontrolled.tsx
rename to www/src/components/demos/color-field/uncontrolled.tsx
diff --git a/www/src/demos/color-picker/channel-sliders.tsx b/www/src/components/demos/color-picker/channel-sliders.tsx
similarity index 100%
rename from www/src/demos/color-picker/channel-sliders.tsx
rename to www/src/components/demos/color-picker/channel-sliders.tsx
diff --git a/www/src/demos/color-picker/composition.tsx b/www/src/components/demos/color-picker/composition.tsx
similarity index 100%
rename from www/src/demos/color-picker/composition.tsx
rename to www/src/components/demos/color-picker/composition.tsx
diff --git a/www/src/demos/color-picker/controlled.tsx b/www/src/components/demos/color-picker/controlled.tsx
similarity index 100%
rename from www/src/demos/color-picker/controlled.tsx
rename to www/src/components/demos/color-picker/controlled.tsx
diff --git a/www/src/demos/color-picker/default.tsx b/www/src/components/demos/color-picker/default.tsx
similarity index 100%
rename from www/src/demos/color-picker/default.tsx
rename to www/src/components/demos/color-picker/default.tsx
diff --git a/www/src/demos/color-picker/options.tsx b/www/src/components/demos/color-picker/options.tsx
similarity index 100%
rename from www/src/demos/color-picker/options.tsx
rename to www/src/components/demos/color-picker/options.tsx
diff --git a/www/src/demos/color-picker/swatches.tsx b/www/src/components/demos/color-picker/swatches.tsx
similarity index 100%
rename from www/src/demos/color-picker/swatches.tsx
rename to www/src/components/demos/color-picker/swatches.tsx
diff --git a/www/src/demos/color-picker/uncontrolled.tsx b/www/src/components/demos/color-picker/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/color-picker/uncontrolled.tsx
rename to www/src/components/demos/color-picker/uncontrolled.tsx
diff --git a/www/src/demos/color-slider/channel.tsx b/www/src/components/demos/color-slider/channel.tsx
similarity index 100%
rename from www/src/demos/color-slider/channel.tsx
rename to www/src/components/demos/color-slider/channel.tsx
diff --git a/www/src/demos/color-slider/composition.tsx b/www/src/components/demos/color-slider/composition.tsx
similarity index 100%
rename from www/src/demos/color-slider/composition.tsx
rename to www/src/components/demos/color-slider/composition.tsx
diff --git a/www/src/demos/color-slider/controlled.tsx b/www/src/components/demos/color-slider/controlled.tsx
similarity index 100%
rename from www/src/demos/color-slider/controlled.tsx
rename to www/src/components/demos/color-slider/controlled.tsx
diff --git a/www/src/demos/color-slider/default.tsx b/www/src/components/demos/color-slider/default.tsx
similarity index 100%
rename from www/src/demos/color-slider/default.tsx
rename to www/src/components/demos/color-slider/default.tsx
diff --git a/www/src/demos/color-slider/disabled.tsx b/www/src/components/demos/color-slider/disabled.tsx
similarity index 100%
rename from www/src/demos/color-slider/disabled.tsx
rename to www/src/components/demos/color-slider/disabled.tsx
diff --git a/www/src/demos/color-slider/label.tsx b/www/src/components/demos/color-slider/label.tsx
similarity index 100%
rename from www/src/demos/color-slider/label.tsx
rename to www/src/components/demos/color-slider/label.tsx
diff --git a/www/src/demos/color-slider/uncontrolled.tsx b/www/src/components/demos/color-slider/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/color-slider/uncontrolled.tsx
rename to www/src/components/demos/color-slider/uncontrolled.tsx
diff --git a/www/src/demos/color-slider/vertical.tsx b/www/src/components/demos/color-slider/vertical.tsx
similarity index 100%
rename from www/src/demos/color-slider/vertical.tsx
rename to www/src/components/demos/color-slider/vertical.tsx
diff --git a/www/src/demos/color-swatch-picker/basic.tsx b/www/src/components/demos/color-swatch-picker/basic.tsx
similarity index 100%
rename from www/src/demos/color-swatch-picker/basic.tsx
rename to www/src/components/demos/color-swatch-picker/basic.tsx
diff --git a/www/src/demos/color-swatch-picker/controlled.tsx b/www/src/components/demos/color-swatch-picker/controlled.tsx
similarity index 100%
rename from www/src/demos/color-swatch-picker/controlled.tsx
rename to www/src/components/demos/color-swatch-picker/controlled.tsx
diff --git a/www/src/demos/color-swatch-picker/disabled.tsx b/www/src/components/demos/color-swatch-picker/disabled.tsx
similarity index 100%
rename from www/src/demos/color-swatch-picker/disabled.tsx
rename to www/src/components/demos/color-swatch-picker/disabled.tsx
diff --git a/www/src/demos/color-swatch/default.tsx b/www/src/components/demos/color-swatch/default.tsx
similarity index 100%
rename from www/src/demos/color-swatch/default.tsx
rename to www/src/components/demos/color-swatch/default.tsx
diff --git a/www/src/demos/combobox/async-loading.tsx b/www/src/components/demos/combobox/async-loading.tsx
similarity index 100%
rename from www/src/demos/combobox/async-loading.tsx
rename to www/src/components/demos/combobox/async-loading.tsx
diff --git a/www/src/demos/combobox/basic.tsx b/www/src/components/demos/combobox/basic.tsx
similarity index 100%
rename from www/src/demos/combobox/basic.tsx
rename to www/src/components/demos/combobox/basic.tsx
diff --git a/www/src/demos/combobox/composition.tsx b/www/src/components/demos/combobox/composition.tsx
similarity index 100%
rename from www/src/demos/combobox/composition.tsx
rename to www/src/components/demos/combobox/composition.tsx
diff --git a/www/src/demos/combobox/controlled.tsx b/www/src/components/demos/combobox/controlled.tsx
similarity index 100%
rename from www/src/demos/combobox/controlled.tsx
rename to www/src/components/demos/combobox/controlled.tsx
diff --git a/www/src/demos/combobox/custom-value.tsx b/www/src/components/demos/combobox/custom-value.tsx
similarity index 100%
rename from www/src/demos/combobox/custom-value.tsx
rename to www/src/components/demos/combobox/custom-value.tsx
diff --git a/www/src/demos/combobox/description.tsx b/www/src/components/demos/combobox/description.tsx
similarity index 100%
rename from www/src/demos/combobox/description.tsx
rename to www/src/components/demos/combobox/description.tsx
diff --git a/www/src/demos/combobox/disabled.tsx b/www/src/components/demos/combobox/disabled.tsx
similarity index 100%
rename from www/src/demos/combobox/disabled.tsx
rename to www/src/components/demos/combobox/disabled.tsx
diff --git a/www/src/demos/combobox/label.tsx b/www/src/components/demos/combobox/label.tsx
similarity index 100%
rename from www/src/demos/combobox/label.tsx
rename to www/src/components/demos/combobox/label.tsx
diff --git a/www/src/demos/combobox/loading.tsx b/www/src/components/demos/combobox/loading.tsx
similarity index 100%
rename from www/src/demos/combobox/loading.tsx
rename to www/src/components/demos/combobox/loading.tsx
diff --git a/www/src/demos/combobox/required.tsx b/www/src/components/demos/combobox/required.tsx
similarity index 100%
rename from www/src/demos/combobox/required.tsx
rename to www/src/components/demos/combobox/required.tsx
diff --git a/www/src/demos/combobox/sections.tsx b/www/src/components/demos/combobox/sections.tsx
similarity index 100%
rename from www/src/demos/combobox/sections.tsx
rename to www/src/components/demos/combobox/sections.tsx
diff --git a/www/src/demos/combobox/uncontrolled.tsx b/www/src/components/demos/combobox/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/combobox/uncontrolled.tsx
rename to www/src/components/demos/combobox/uncontrolled.tsx
diff --git a/www/src/demos/combobox/validation.tsx b/www/src/components/demos/combobox/validation.tsx
similarity index 100%
rename from www/src/demos/combobox/validation.tsx
rename to www/src/components/demos/combobox/validation.tsx
diff --git a/www/src/demos/command/basic.tsx b/www/src/components/demos/command/basic.tsx
similarity index 100%
rename from www/src/demos/command/basic.tsx
rename to www/src/components/demos/command/basic.tsx
diff --git a/www/src/demos/command/dialog.tsx b/www/src/components/demos/command/dialog.tsx
similarity index 100%
rename from www/src/demos/command/dialog.tsx
rename to www/src/components/demos/command/dialog.tsx
diff --git a/www/src/demos/date-field/composition.tsx b/www/src/components/demos/date-field/composition.tsx
similarity index 100%
rename from www/src/demos/date-field/composition.tsx
rename to www/src/components/demos/date-field/composition.tsx
diff --git a/www/src/demos/date-field/controlled.tsx b/www/src/components/demos/date-field/controlled.tsx
similarity index 100%
rename from www/src/demos/date-field/controlled.tsx
rename to www/src/components/demos/date-field/controlled.tsx
diff --git a/www/src/demos/date-field/default.tsx b/www/src/components/demos/date-field/default.tsx
similarity index 100%
rename from www/src/demos/date-field/default.tsx
rename to www/src/components/demos/date-field/default.tsx
diff --git a/www/src/demos/date-field/description.tsx b/www/src/components/demos/date-field/description.tsx
similarity index 100%
rename from www/src/demos/date-field/description.tsx
rename to www/src/components/demos/date-field/description.tsx
diff --git a/www/src/demos/date-field/disabled.tsx b/www/src/components/demos/date-field/disabled.tsx
similarity index 100%
rename from www/src/demos/date-field/disabled.tsx
rename to www/src/components/demos/date-field/disabled.tsx
diff --git a/www/src/demos/date-field/error-message.tsx b/www/src/components/demos/date-field/error-message.tsx
similarity index 100%
rename from www/src/demos/date-field/error-message.tsx
rename to www/src/components/demos/date-field/error-message.tsx
diff --git a/www/src/demos/date-field/granularity.tsx b/www/src/components/demos/date-field/granularity.tsx
similarity index 100%
rename from www/src/demos/date-field/granularity.tsx
rename to www/src/components/demos/date-field/granularity.tsx
diff --git a/www/src/demos/date-field/hide-time-zone.tsx b/www/src/components/demos/date-field/hide-time-zone.tsx
similarity index 100%
rename from www/src/demos/date-field/hide-time-zone.tsx
rename to www/src/components/demos/date-field/hide-time-zone.tsx
diff --git a/www/src/demos/date-field/hour-cycle.tsx b/www/src/components/demos/date-field/hour-cycle.tsx
similarity index 100%
rename from www/src/demos/date-field/hour-cycle.tsx
rename to www/src/components/demos/date-field/hour-cycle.tsx
diff --git a/www/src/demos/date-field/label.tsx b/www/src/components/demos/date-field/label.tsx
similarity index 100%
rename from www/src/demos/date-field/label.tsx
rename to www/src/components/demos/date-field/label.tsx
diff --git a/www/src/demos/date-field/placeholder.tsx b/www/src/components/demos/date-field/placeholder.tsx
similarity index 100%
rename from www/src/demos/date-field/placeholder.tsx
rename to www/src/components/demos/date-field/placeholder.tsx
diff --git a/www/src/demos/date-field/prefix-and-suffix.tsx b/www/src/components/demos/date-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/demos/date-field/prefix-and-suffix.tsx
rename to www/src/components/demos/date-field/prefix-and-suffix.tsx
diff --git a/www/src/demos/date-field/read-only.tsx b/www/src/components/demos/date-field/read-only.tsx
similarity index 100%
rename from www/src/demos/date-field/read-only.tsx
rename to www/src/components/demos/date-field/read-only.tsx
diff --git a/www/src/demos/date-field/required.tsx b/www/src/components/demos/date-field/required.tsx
similarity index 100%
rename from www/src/demos/date-field/required.tsx
rename to www/src/components/demos/date-field/required.tsx
diff --git a/www/src/demos/date-field/sizes.tsx b/www/src/components/demos/date-field/sizes.tsx
similarity index 100%
rename from www/src/demos/date-field/sizes.tsx
rename to www/src/components/demos/date-field/sizes.tsx
diff --git a/www/src/demos/date-field/time-zones.tsx b/www/src/components/demos/date-field/time-zones.tsx
similarity index 100%
rename from www/src/demos/date-field/time-zones.tsx
rename to www/src/components/demos/date-field/time-zones.tsx
diff --git a/www/src/demos/date-field/uncontrolled.tsx b/www/src/components/demos/date-field/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/date-field/uncontrolled.tsx
rename to www/src/components/demos/date-field/uncontrolled.tsx
diff --git a/www/src/demos/date-picker/composition.tsx b/www/src/components/demos/date-picker/composition.tsx
similarity index 100%
rename from www/src/demos/date-picker/composition.tsx
rename to www/src/components/demos/date-picker/composition.tsx
diff --git a/www/src/demos/date-picker/controlled.tsx b/www/src/components/demos/date-picker/controlled.tsx
similarity index 100%
rename from www/src/demos/date-picker/controlled.tsx
rename to www/src/components/demos/date-picker/controlled.tsx
diff --git a/www/src/demos/date-picker/default.tsx b/www/src/components/demos/date-picker/default.tsx
similarity index 100%
rename from www/src/demos/date-picker/default.tsx
rename to www/src/components/demos/date-picker/default.tsx
diff --git a/www/src/demos/date-picker/description.tsx b/www/src/components/demos/date-picker/description.tsx
similarity index 100%
rename from www/src/demos/date-picker/description.tsx
rename to www/src/components/demos/date-picker/description.tsx
diff --git a/www/src/demos/date-picker/disabled.tsx b/www/src/components/demos/date-picker/disabled.tsx
similarity index 100%
rename from www/src/demos/date-picker/disabled.tsx
rename to www/src/components/demos/date-picker/disabled.tsx
diff --git a/www/src/demos/date-picker/error-message.tsx b/www/src/components/demos/date-picker/error-message.tsx
similarity index 100%
rename from www/src/demos/date-picker/error-message.tsx
rename to www/src/components/demos/date-picker/error-message.tsx
diff --git a/www/src/demos/date-picker/granularity.tsx b/www/src/components/demos/date-picker/granularity.tsx
similarity index 100%
rename from www/src/demos/date-picker/granularity.tsx
rename to www/src/components/demos/date-picker/granularity.tsx
diff --git a/www/src/demos/date-picker/hide-time-zone.tsx b/www/src/components/demos/date-picker/hide-time-zone.tsx
similarity index 100%
rename from www/src/demos/date-picker/hide-time-zone.tsx
rename to www/src/components/demos/date-picker/hide-time-zone.tsx
diff --git a/www/src/demos/date-picker/hour-cycle.tsx b/www/src/components/demos/date-picker/hour-cycle.tsx
similarity index 100%
rename from www/src/demos/date-picker/hour-cycle.tsx
rename to www/src/components/demos/date-picker/hour-cycle.tsx
diff --git a/www/src/demos/date-picker/label.tsx b/www/src/components/demos/date-picker/label.tsx
similarity index 100%
rename from www/src/demos/date-picker/label.tsx
rename to www/src/components/demos/date-picker/label.tsx
diff --git a/www/src/demos/date-picker/placeholder.tsx b/www/src/components/demos/date-picker/placeholder.tsx
similarity index 100%
rename from www/src/demos/date-picker/placeholder.tsx
rename to www/src/components/demos/date-picker/placeholder.tsx
diff --git a/www/src/demos/date-picker/prefix.tsx b/www/src/components/demos/date-picker/prefix.tsx
similarity index 100%
rename from www/src/demos/date-picker/prefix.tsx
rename to www/src/components/demos/date-picker/prefix.tsx
diff --git a/www/src/demos/date-picker/read-only.tsx b/www/src/components/demos/date-picker/read-only.tsx
similarity index 100%
rename from www/src/demos/date-picker/read-only.tsx
rename to www/src/components/demos/date-picker/read-only.tsx
diff --git a/www/src/demos/date-picker/required.tsx b/www/src/components/demos/date-picker/required.tsx
similarity index 100%
rename from www/src/demos/date-picker/required.tsx
rename to www/src/components/demos/date-picker/required.tsx
diff --git a/www/src/demos/date-picker/sizes.tsx b/www/src/components/demos/date-picker/sizes.tsx
similarity index 100%
rename from www/src/demos/date-picker/sizes.tsx
rename to www/src/components/demos/date-picker/sizes.tsx
diff --git a/www/src/demos/date-picker/time-zones.tsx b/www/src/components/demos/date-picker/time-zones.tsx
similarity index 100%
rename from www/src/demos/date-picker/time-zones.tsx
rename to www/src/components/demos/date-picker/time-zones.tsx
diff --git a/www/src/demos/date-picker/uncontrolled.tsx b/www/src/components/demos/date-picker/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/date-picker/uncontrolled.tsx
rename to www/src/components/demos/date-picker/uncontrolled.tsx
diff --git a/www/src/demos/date-range-picker/composition.tsx b/www/src/components/demos/date-range-picker/composition.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/composition.tsx
rename to www/src/components/demos/date-range-picker/composition.tsx
diff --git a/www/src/demos/date-range-picker/controlled.tsx b/www/src/components/demos/date-range-picker/controlled.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/controlled.tsx
rename to www/src/components/demos/date-range-picker/controlled.tsx
diff --git a/www/src/demos/date-range-picker/default.tsx b/www/src/components/demos/date-range-picker/default.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/default.tsx
rename to www/src/components/demos/date-range-picker/default.tsx
diff --git a/www/src/demos/date-range-picker/description.tsx b/www/src/components/demos/date-range-picker/description.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/description.tsx
rename to www/src/components/demos/date-range-picker/description.tsx
diff --git a/www/src/demos/date-range-picker/disabled.tsx b/www/src/components/demos/date-range-picker/disabled.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/disabled.tsx
rename to www/src/components/demos/date-range-picker/disabled.tsx
diff --git a/www/src/demos/date-range-picker/error-message.tsx b/www/src/components/demos/date-range-picker/error-message.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/error-message.tsx
rename to www/src/components/demos/date-range-picker/error-message.tsx
diff --git a/www/src/demos/date-range-picker/granularity.tsx b/www/src/components/demos/date-range-picker/granularity.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/granularity.tsx
rename to www/src/components/demos/date-range-picker/granularity.tsx
diff --git a/www/src/demos/date-range-picker/hide-time-zone.tsx b/www/src/components/demos/date-range-picker/hide-time-zone.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/hide-time-zone.tsx
rename to www/src/components/demos/date-range-picker/hide-time-zone.tsx
diff --git a/www/src/demos/date-range-picker/hour-cycle.tsx b/www/src/components/demos/date-range-picker/hour-cycle.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/hour-cycle.tsx
rename to www/src/components/demos/date-range-picker/hour-cycle.tsx
diff --git a/www/src/demos/date-range-picker/label.tsx b/www/src/components/demos/date-range-picker/label.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/label.tsx
rename to www/src/components/demos/date-range-picker/label.tsx
diff --git a/www/src/demos/date-range-picker/loading.tsx b/www/src/components/demos/date-range-picker/loading.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/loading.tsx
rename to www/src/components/demos/date-range-picker/loading.tsx
diff --git a/www/src/demos/date-range-picker/placeholder.tsx b/www/src/components/demos/date-range-picker/placeholder.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/placeholder.tsx
rename to www/src/components/demos/date-range-picker/placeholder.tsx
diff --git a/www/src/demos/date-range-picker/prefix.tsx b/www/src/components/demos/date-range-picker/prefix.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/prefix.tsx
rename to www/src/components/demos/date-range-picker/prefix.tsx
diff --git a/www/src/demos/date-range-picker/read-only.tsx b/www/src/components/demos/date-range-picker/read-only.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/read-only.tsx
rename to www/src/components/demos/date-range-picker/read-only.tsx
diff --git a/www/src/demos/date-range-picker/required.tsx b/www/src/components/demos/date-range-picker/required.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/required.tsx
rename to www/src/components/demos/date-range-picker/required.tsx
diff --git a/www/src/demos/date-range-picker/sizes.tsx b/www/src/components/demos/date-range-picker/sizes.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/sizes.tsx
rename to www/src/components/demos/date-range-picker/sizes.tsx
diff --git a/www/src/demos/date-range-picker/time-zones.tsx b/www/src/components/demos/date-range-picker/time-zones.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/time-zones.tsx
rename to www/src/components/demos/date-range-picker/time-zones.tsx
diff --git a/www/src/demos/date-range-picker/uncontrolled.tsx b/www/src/components/demos/date-range-picker/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/date-range-picker/uncontrolled.tsx
rename to www/src/components/demos/date-range-picker/uncontrolled.tsx
diff --git a/www/src/demos/dialog/alert-dialog.tsx b/www/src/components/demos/dialog/alert-dialog.tsx
similarity index 100%
rename from www/src/demos/dialog/alert-dialog.tsx
rename to www/src/components/demos/dialog/alert-dialog.tsx
diff --git a/www/src/demos/dialog/async-form-submission.tsx b/www/src/components/demos/dialog/async-form-submission.tsx
similarity index 100%
rename from www/src/demos/dialog/async-form-submission.tsx
rename to www/src/components/demos/dialog/async-form-submission.tsx
diff --git a/www/src/demos/dialog/basic.tsx b/www/src/components/demos/dialog/basic.tsx
similarity index 100%
rename from www/src/demos/dialog/basic.tsx
rename to www/src/components/demos/dialog/basic.tsx
diff --git a/www/src/demos/dialog/composition.tsx b/www/src/components/demos/dialog/composition.tsx
similarity index 100%
rename from www/src/demos/dialog/composition.tsx
rename to www/src/components/demos/dialog/composition.tsx
diff --git a/www/src/demos/dialog/controlled.tsx b/www/src/components/demos/dialog/controlled.tsx
similarity index 100%
rename from www/src/demos/dialog/controlled.tsx
rename to www/src/components/demos/dialog/controlled.tsx
diff --git a/www/src/demos/dialog/description.tsx b/www/src/components/demos/dialog/description.tsx
similarity index 100%
rename from www/src/demos/dialog/description.tsx
rename to www/src/components/demos/dialog/description.tsx
diff --git a/www/src/demos/dialog/dismissable.tsx b/www/src/components/demos/dialog/dismissable.tsx
similarity index 100%
rename from www/src/demos/dialog/dismissable.tsx
rename to www/src/components/demos/dialog/dismissable.tsx
diff --git a/www/src/demos/dialog/drawer.tsx b/www/src/components/demos/dialog/drawer.tsx
similarity index 100%
rename from www/src/demos/dialog/drawer.tsx
rename to www/src/components/demos/dialog/drawer.tsx
diff --git a/www/src/demos/dialog/inset-content.tsx b/www/src/components/demos/dialog/inset-content.tsx
similarity index 100%
rename from www/src/demos/dialog/inset-content.tsx
rename to www/src/components/demos/dialog/inset-content.tsx
diff --git a/www/src/demos/dialog/nested.tsx b/www/src/components/demos/dialog/nested.tsx
similarity index 100%
rename from www/src/demos/dialog/nested.tsx
rename to www/src/components/demos/dialog/nested.tsx
diff --git a/www/src/demos/dialog/popover.tsx b/www/src/components/demos/dialog/popover.tsx
similarity index 100%
rename from www/src/demos/dialog/popover.tsx
rename to www/src/components/demos/dialog/popover.tsx
diff --git a/www/src/demos/dialog/title.tsx b/www/src/components/demos/dialog/title.tsx
similarity index 100%
rename from www/src/demos/dialog/title.tsx
rename to www/src/components/demos/dialog/title.tsx
diff --git a/www/src/demos/dialog/types.tsx b/www/src/components/demos/dialog/types.tsx
similarity index 100%
rename from www/src/demos/dialog/types.tsx
rename to www/src/components/demos/dialog/types.tsx
diff --git a/www/src/demos/drawer/basic.tsx b/www/src/components/demos/drawer/basic.tsx
similarity index 100%
rename from www/src/demos/drawer/basic.tsx
rename to www/src/components/demos/drawer/basic.tsx
diff --git a/www/src/demos/drawer/placement.tsx b/www/src/components/demos/drawer/placement.tsx
similarity index 100%
rename from www/src/demos/drawer/placement.tsx
rename to www/src/components/demos/drawer/placement.tsx
diff --git a/www/src/demos/drop-zone/basic.tsx b/www/src/components/demos/drop-zone/basic.tsx
similarity index 100%
rename from www/src/demos/drop-zone/basic.tsx
rename to www/src/components/demos/drop-zone/basic.tsx
diff --git a/www/src/demos/drop-zone/disabled.tsx b/www/src/components/demos/drop-zone/disabled.tsx
similarity index 100%
rename from www/src/demos/drop-zone/disabled.tsx
rename to www/src/components/demos/drop-zone/disabled.tsx
diff --git a/www/src/demos/drop-zone/events.tsx b/www/src/components/demos/drop-zone/events.tsx
similarity index 100%
rename from www/src/demos/drop-zone/events.tsx
rename to www/src/components/demos/drop-zone/events.tsx
diff --git a/www/src/demos/drop-zone/file-trigger.tsx b/www/src/components/demos/drop-zone/file-trigger.tsx
similarity index 100%
rename from www/src/demos/drop-zone/file-trigger.tsx
rename to www/src/components/demos/drop-zone/file-trigger.tsx
diff --git a/www/src/demos/drop-zone/label.tsx b/www/src/components/demos/drop-zone/label.tsx
similarity index 100%
rename from www/src/demos/drop-zone/label.tsx
rename to www/src/components/demos/drop-zone/label.tsx
diff --git a/www/src/demos/drop-zone/visual-feedback.tsx b/www/src/components/demos/drop-zone/visual-feedback.tsx
similarity index 100%
rename from www/src/demos/drop-zone/visual-feedback.tsx
rename to www/src/components/demos/drop-zone/visual-feedback.tsx
diff --git a/www/src/demos/file-trigger/default.tsx b/www/src/components/demos/file-trigger/default.tsx
similarity index 100%
rename from www/src/demos/file-trigger/default.tsx
rename to www/src/components/demos/file-trigger/default.tsx
diff --git a/www/src/demos/file-trigger/directory-selection.tsx b/www/src/components/demos/file-trigger/directory-selection.tsx
similarity index 100%
rename from www/src/demos/file-trigger/directory-selection.tsx
rename to www/src/components/demos/file-trigger/directory-selection.tsx
diff --git a/www/src/demos/file-trigger/file-types.tsx b/www/src/components/demos/file-trigger/file-types.tsx
similarity index 100%
rename from www/src/demos/file-trigger/file-types.tsx
rename to www/src/components/demos/file-trigger/file-types.tsx
diff --git a/www/src/demos/file-trigger/media-capture.tsx b/www/src/components/demos/file-trigger/media-capture.tsx
similarity index 100%
rename from www/src/demos/file-trigger/media-capture.tsx
rename to www/src/components/demos/file-trigger/media-capture.tsx
diff --git a/www/src/demos/file-trigger/multiple-files.tsx b/www/src/components/demos/file-trigger/multiple-files.tsx
similarity index 100%
rename from www/src/demos/file-trigger/multiple-files.tsx
rename to www/src/components/demos/file-trigger/multiple-files.tsx
diff --git a/www/src/demos/form/basic.tsx b/www/src/components/demos/form/basic.tsx
similarity index 100%
rename from www/src/demos/form/basic.tsx
rename to www/src/components/demos/form/basic.tsx
diff --git a/www/src/demos/form/react-aria.tsx b/www/src/components/demos/form/react-aria.tsx
similarity index 100%
rename from www/src/demos/form/react-aria.tsx
rename to www/src/components/demos/form/react-aria.tsx
diff --git a/www/src/demos/form/react-hook-form.tsx b/www/src/components/demos/form/react-hook-form.tsx
similarity index 100%
rename from www/src/demos/form/react-hook-form.tsx
rename to www/src/components/demos/form/react-hook-form.tsx
diff --git a/www/src/demos/list-box/async-loading.tsx b/www/src/components/demos/list-box/async-loading.tsx
similarity index 100%
rename from www/src/demos/list-box/async-loading.tsx
rename to www/src/components/demos/list-box/async-loading.tsx
diff --git a/www/src/demos/list-box/basic.tsx b/www/src/components/demos/list-box/basic.tsx
similarity index 100%
rename from www/src/demos/list-box/basic.tsx
rename to www/src/components/demos/list-box/basic.tsx
diff --git a/www/src/demos/list-box/composition.tsx b/www/src/components/demos/list-box/composition.tsx
similarity index 100%
rename from www/src/demos/list-box/composition.tsx
rename to www/src/components/demos/list-box/composition.tsx
diff --git a/www/src/demos/list-box/contact-list.tsx b/www/src/components/demos/list-box/contact-list.tsx
similarity index 100%
rename from www/src/demos/list-box/contact-list.tsx
rename to www/src/components/demos/list-box/contact-list.tsx
diff --git a/www/src/demos/list-box/controlled.tsx b/www/src/components/demos/list-box/controlled.tsx
similarity index 100%
rename from www/src/demos/list-box/controlled.tsx
rename to www/src/components/demos/list-box/controlled.tsx
diff --git a/www/src/demos/list-box/disabled-items.tsx b/www/src/components/demos/list-box/disabled-items.tsx
similarity index 100%
rename from www/src/demos/list-box/disabled-items.tsx
rename to www/src/components/demos/list-box/disabled-items.tsx
diff --git a/www/src/demos/list-box/empty-state.tsx b/www/src/components/demos/list-box/empty-state.tsx
similarity index 100%
rename from www/src/demos/list-box/empty-state.tsx
rename to www/src/components/demos/list-box/empty-state.tsx
diff --git a/www/src/demos/list-box/grid.tsx b/www/src/components/demos/list-box/grid.tsx
similarity index 100%
rename from www/src/demos/list-box/grid.tsx
rename to www/src/components/demos/list-box/grid.tsx
diff --git a/www/src/demos/list-box/horizontal.tsx b/www/src/components/demos/list-box/horizontal.tsx
similarity index 100%
rename from www/src/demos/list-box/horizontal.tsx
rename to www/src/components/demos/list-box/horizontal.tsx
diff --git a/www/src/demos/list-box/image-grid.tsx b/www/src/components/demos/list-box/image-grid.tsx
similarity index 100%
rename from www/src/demos/list-box/image-grid.tsx
rename to www/src/components/demos/list-box/image-grid.tsx
diff --git a/www/src/demos/list-box/item-variant.tsx b/www/src/components/demos/list-box/item-variant.tsx
similarity index 100%
rename from www/src/demos/list-box/item-variant.tsx
rename to www/src/components/demos/list-box/item-variant.tsx
diff --git a/www/src/demos/list-box/label-and-description.tsx b/www/src/components/demos/list-box/label-and-description.tsx
similarity index 100%
rename from www/src/demos/list-box/label-and-description.tsx
rename to www/src/components/demos/list-box/label-and-description.tsx
diff --git a/www/src/demos/list-box/links.tsx b/www/src/components/demos/list-box/links.tsx
similarity index 100%
rename from www/src/demos/list-box/links.tsx
rename to www/src/components/demos/list-box/links.tsx
diff --git a/www/src/demos/list-box/loading.tsx b/www/src/components/demos/list-box/loading.tsx
similarity index 100%
rename from www/src/demos/list-box/loading.tsx
rename to www/src/components/demos/list-box/loading.tsx
diff --git a/www/src/demos/list-box/prefix-and-suffix.tsx b/www/src/components/demos/list-box/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/demos/list-box/prefix-and-suffix.tsx
rename to www/src/components/demos/list-box/prefix-and-suffix.tsx
diff --git a/www/src/demos/list-box/sections.tsx b/www/src/components/demos/list-box/sections.tsx
similarity index 100%
rename from www/src/demos/list-box/sections.tsx
rename to www/src/components/demos/list-box/sections.tsx
diff --git a/www/src/demos/list-box/selection-behavior.tsx b/www/src/components/demos/list-box/selection-behavior.tsx
similarity index 100%
rename from www/src/demos/list-box/selection-behavior.tsx
rename to www/src/components/demos/list-box/selection-behavior.tsx
diff --git a/www/src/demos/list-box/selection-mode.tsx b/www/src/components/demos/list-box/selection-mode.tsx
similarity index 100%
rename from www/src/demos/list-box/selection-mode.tsx
rename to www/src/components/demos/list-box/selection-mode.tsx
diff --git a/www/src/demos/list-box/separator.tsx b/www/src/components/demos/list-box/separator.tsx
similarity index 100%
rename from www/src/demos/list-box/separator.tsx
rename to www/src/components/demos/list-box/separator.tsx
diff --git a/www/src/demos/list-box/uncontrolled.tsx b/www/src/components/demos/list-box/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/list-box/uncontrolled.tsx
rename to www/src/components/demos/list-box/uncontrolled.tsx
diff --git a/www/src/demos/menu/basic.tsx b/www/src/components/demos/menu/basic.tsx
similarity index 100%
rename from www/src/demos/menu/basic.tsx
rename to www/src/components/demos/menu/basic.tsx
diff --git a/www/src/demos/menu/composition.tsx b/www/src/components/demos/menu/composition.tsx
similarity index 100%
rename from www/src/demos/menu/composition.tsx
rename to www/src/components/demos/menu/composition.tsx
diff --git a/www/src/demos/menu/controlled.tsx b/www/src/components/demos/menu/controlled.tsx
similarity index 100%
rename from www/src/demos/menu/controlled.tsx
rename to www/src/components/demos/menu/controlled.tsx
diff --git a/www/src/demos/menu/disabled-items.tsx b/www/src/components/demos/menu/disabled-items.tsx
similarity index 100%
rename from www/src/demos/menu/disabled-items.tsx
rename to www/src/components/demos/menu/disabled-items.tsx
diff --git a/www/src/demos/menu/item-variant.tsx b/www/src/components/demos/menu/item-variant.tsx
similarity index 100%
rename from www/src/demos/menu/item-variant.tsx
rename to www/src/components/demos/menu/item-variant.tsx
diff --git a/www/src/demos/menu/label-and-description.tsx b/www/src/components/demos/menu/label-and-description.tsx
similarity index 100%
rename from www/src/demos/menu/label-and-description.tsx
rename to www/src/components/demos/menu/label-and-description.tsx
diff --git a/www/src/demos/menu/link-items.tsx b/www/src/components/demos/menu/link-items.tsx
similarity index 100%
rename from www/src/demos/menu/link-items.tsx
rename to www/src/components/demos/menu/link-items.tsx
diff --git a/www/src/demos/menu/long-press.tsx b/www/src/components/demos/menu/long-press.tsx
similarity index 100%
rename from www/src/demos/menu/long-press.tsx
rename to www/src/components/demos/menu/long-press.tsx
diff --git a/www/src/demos/menu/multiple-selection.tsx b/www/src/components/demos/menu/multiple-selection.tsx
similarity index 100%
rename from www/src/demos/menu/multiple-selection.tsx
rename to www/src/components/demos/menu/multiple-selection.tsx
diff --git a/www/src/demos/menu/overlay-type.tsx b/www/src/components/demos/menu/overlay-type.tsx
similarity index 100%
rename from www/src/demos/menu/overlay-type.tsx
rename to www/src/components/demos/menu/overlay-type.tsx
diff --git a/www/src/demos/menu/placement.tsx b/www/src/components/demos/menu/placement.tsx
similarity index 100%
rename from www/src/demos/menu/placement.tsx
rename to www/src/components/demos/menu/placement.tsx
diff --git a/www/src/demos/menu/prefix-and-suffix.tsx b/www/src/components/demos/menu/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/demos/menu/prefix-and-suffix.tsx
rename to www/src/components/demos/menu/prefix-and-suffix.tsx
diff --git a/www/src/demos/menu/section.tsx b/www/src/components/demos/menu/section.tsx
similarity index 100%
rename from www/src/demos/menu/section.tsx
rename to www/src/components/demos/menu/section.tsx
diff --git a/www/src/demos/menu/separator.tsx b/www/src/components/demos/menu/separator.tsx
similarity index 100%
rename from www/src/demos/menu/separator.tsx
rename to www/src/components/demos/menu/separator.tsx
diff --git a/www/src/demos/menu/shortcut.tsx b/www/src/components/demos/menu/shortcut.tsx
similarity index 100%
rename from www/src/demos/menu/shortcut.tsx
rename to www/src/components/demos/menu/shortcut.tsx
diff --git a/www/src/demos/menu/single-selection.tsx b/www/src/components/demos/menu/single-selection.tsx
similarity index 100%
rename from www/src/demos/menu/single-selection.tsx
rename to www/src/components/demos/menu/single-selection.tsx
diff --git a/www/src/demos/menu/submenus.tsx b/www/src/components/demos/menu/submenus.tsx
similarity index 100%
rename from www/src/demos/menu/submenus.tsx
rename to www/src/components/demos/menu/submenus.tsx
diff --git a/www/src/demos/modal/basic.tsx b/www/src/components/demos/modal/basic.tsx
similarity index 100%
rename from www/src/demos/modal/basic.tsx
rename to www/src/components/demos/modal/basic.tsx
diff --git a/www/src/demos/number-field/composition.tsx b/www/src/components/demos/number-field/composition.tsx
similarity index 100%
rename from www/src/demos/number-field/composition.tsx
rename to www/src/components/demos/number-field/composition.tsx
diff --git a/www/src/demos/number-field/controlled.tsx b/www/src/components/demos/number-field/controlled.tsx
similarity index 100%
rename from www/src/demos/number-field/controlled.tsx
rename to www/src/components/demos/number-field/controlled.tsx
diff --git a/www/src/demos/number-field/default.tsx b/www/src/components/demos/number-field/default.tsx
similarity index 100%
rename from www/src/demos/number-field/default.tsx
rename to www/src/components/demos/number-field/default.tsx
diff --git a/www/src/demos/number-field/description.tsx b/www/src/components/demos/number-field/description.tsx
similarity index 100%
rename from www/src/demos/number-field/description.tsx
rename to www/src/components/demos/number-field/description.tsx
diff --git a/www/src/demos/number-field/disabled.tsx b/www/src/components/demos/number-field/disabled.tsx
similarity index 100%
rename from www/src/demos/number-field/disabled.tsx
rename to www/src/components/demos/number-field/disabled.tsx
diff --git a/www/src/demos/number-field/error-message.tsx b/www/src/components/demos/number-field/error-message.tsx
similarity index 100%
rename from www/src/demos/number-field/error-message.tsx
rename to www/src/components/demos/number-field/error-message.tsx
diff --git a/www/src/demos/number-field/format-options.tsx b/www/src/components/demos/number-field/format-options.tsx
similarity index 100%
rename from www/src/demos/number-field/format-options.tsx
rename to www/src/components/demos/number-field/format-options.tsx
diff --git a/www/src/demos/number-field/label.tsx b/www/src/components/demos/number-field/label.tsx
similarity index 100%
rename from www/src/demos/number-field/label.tsx
rename to www/src/components/demos/number-field/label.tsx
diff --git a/www/src/demos/number-field/read-only.tsx b/www/src/components/demos/number-field/read-only.tsx
similarity index 100%
rename from www/src/demos/number-field/read-only.tsx
rename to www/src/components/demos/number-field/read-only.tsx
diff --git a/www/src/demos/number-field/required.tsx b/www/src/components/demos/number-field/required.tsx
similarity index 100%
rename from www/src/demos/number-field/required.tsx
rename to www/src/components/demos/number-field/required.tsx
diff --git a/www/src/demos/number-field/sizes.tsx b/www/src/components/demos/number-field/sizes.tsx
similarity index 100%
rename from www/src/demos/number-field/sizes.tsx
rename to www/src/components/demos/number-field/sizes.tsx
diff --git a/www/src/demos/number-field/uncontrolled.tsx b/www/src/components/demos/number-field/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/number-field/uncontrolled.tsx
rename to www/src/components/demos/number-field/uncontrolled.tsx
diff --git a/www/src/demos/overlay/basic.tsx b/www/src/components/demos/overlay/basic.tsx
similarity index 100%
rename from www/src/demos/overlay/basic.tsx
rename to www/src/components/demos/overlay/basic.tsx
diff --git a/www/src/demos/overlay/type.tsx b/www/src/components/demos/overlay/type.tsx
similarity index 100%
rename from www/src/demos/overlay/type.tsx
rename to www/src/components/demos/overlay/type.tsx
diff --git a/www/src/demos/popover/basic.tsx b/www/src/components/demos/popover/basic.tsx
similarity index 100%
rename from www/src/demos/popover/basic.tsx
rename to www/src/components/demos/popover/basic.tsx
diff --git a/www/src/demos/progress-bar/composition.tsx b/www/src/components/demos/progress-bar/composition.tsx
similarity index 100%
rename from www/src/demos/progress-bar/composition.tsx
rename to www/src/components/demos/progress-bar/composition.tsx
diff --git a/www/src/demos/progress-bar/custom-value-label.tsx b/www/src/components/demos/progress-bar/custom-value-label.tsx
similarity index 100%
rename from www/src/demos/progress-bar/custom-value-label.tsx
rename to www/src/components/demos/progress-bar/custom-value-label.tsx
diff --git a/www/src/demos/progress-bar/default.tsx b/www/src/components/demos/progress-bar/default.tsx
similarity index 100%
rename from www/src/demos/progress-bar/default.tsx
rename to www/src/components/demos/progress-bar/default.tsx
diff --git a/www/src/demos/progress-bar/duration.tsx b/www/src/components/demos/progress-bar/duration.tsx
similarity index 100%
rename from www/src/demos/progress-bar/duration.tsx
rename to www/src/components/demos/progress-bar/duration.tsx
diff --git a/www/src/demos/progress-bar/format-options.tsx b/www/src/components/demos/progress-bar/format-options.tsx
similarity index 100%
rename from www/src/demos/progress-bar/format-options.tsx
rename to www/src/components/demos/progress-bar/format-options.tsx
diff --git a/www/src/demos/progress-bar/indeterminate.tsx b/www/src/components/demos/progress-bar/indeterminate.tsx
similarity index 100%
rename from www/src/demos/progress-bar/indeterminate.tsx
rename to www/src/components/demos/progress-bar/indeterminate.tsx
diff --git a/www/src/demos/progress-bar/label.tsx b/www/src/components/demos/progress-bar/label.tsx
similarity index 100%
rename from www/src/demos/progress-bar/label.tsx
rename to www/src/components/demos/progress-bar/label.tsx
diff --git a/www/src/demos/progress-bar/min-max-values.tsx b/www/src/components/demos/progress-bar/min-max-values.tsx
similarity index 100%
rename from www/src/demos/progress-bar/min-max-values.tsx
rename to www/src/components/demos/progress-bar/min-max-values.tsx
diff --git a/www/src/demos/progress-bar/shape.tsx b/www/src/components/demos/progress-bar/shape.tsx
similarity index 100%
rename from www/src/demos/progress-bar/shape.tsx
rename to www/src/components/demos/progress-bar/shape.tsx
diff --git a/www/src/demos/progress-bar/sizes.tsx b/www/src/components/demos/progress-bar/sizes.tsx
similarity index 100%
rename from www/src/demos/progress-bar/sizes.tsx
rename to www/src/components/demos/progress-bar/sizes.tsx
diff --git a/www/src/demos/progress-bar/value-label.tsx b/www/src/components/demos/progress-bar/value-label.tsx
similarity index 100%
rename from www/src/demos/progress-bar/value-label.tsx
rename to www/src/components/demos/progress-bar/value-label.tsx
diff --git a/www/src/demos/progress-bar/variants.tsx b/www/src/components/demos/progress-bar/variants.tsx
similarity index 100%
rename from www/src/demos/progress-bar/variants.tsx
rename to www/src/components/demos/progress-bar/variants.tsx
diff --git a/www/src/demos/radio-group/cards.tsx b/www/src/components/demos/radio-group/cards.tsx
similarity index 100%
rename from www/src/demos/radio-group/cards.tsx
rename to www/src/components/demos/radio-group/cards.tsx
diff --git a/www/src/demos/radio-group/composition.tsx b/www/src/components/demos/radio-group/composition.tsx
similarity index 100%
rename from www/src/demos/radio-group/composition.tsx
rename to www/src/components/demos/radio-group/composition.tsx
diff --git a/www/src/demos/radio-group/controlled.tsx b/www/src/components/demos/radio-group/controlled.tsx
similarity index 100%
rename from www/src/demos/radio-group/controlled.tsx
rename to www/src/components/demos/radio-group/controlled.tsx
diff --git a/www/src/demos/radio-group/default.tsx b/www/src/components/demos/radio-group/default.tsx
similarity index 100%
rename from www/src/demos/radio-group/default.tsx
rename to www/src/components/demos/radio-group/default.tsx
diff --git a/www/src/demos/radio-group/description.tsx b/www/src/components/demos/radio-group/description.tsx
similarity index 100%
rename from www/src/demos/radio-group/description.tsx
rename to www/src/components/demos/radio-group/description.tsx
diff --git a/www/src/demos/radio-group/disabled.tsx b/www/src/components/demos/radio-group/disabled.tsx
similarity index 100%
rename from www/src/demos/radio-group/disabled.tsx
rename to www/src/components/demos/radio-group/disabled.tsx
diff --git a/www/src/demos/radio-group/error-message.tsx b/www/src/components/demos/radio-group/error-message.tsx
similarity index 100%
rename from www/src/demos/radio-group/error-message.tsx
rename to www/src/components/demos/radio-group/error-message.tsx
diff --git a/www/src/demos/radio-group/label.tsx b/www/src/components/demos/radio-group/label.tsx
similarity index 100%
rename from www/src/demos/radio-group/label.tsx
rename to www/src/components/demos/radio-group/label.tsx
diff --git a/www/src/demos/radio-group/orientation.tsx b/www/src/components/demos/radio-group/orientation.tsx
similarity index 100%
rename from www/src/demos/radio-group/orientation.tsx
rename to www/src/components/demos/radio-group/orientation.tsx
diff --git a/www/src/demos/radio-group/read-only.tsx b/www/src/components/demos/radio-group/read-only.tsx
similarity index 100%
rename from www/src/demos/radio-group/read-only.tsx
rename to www/src/components/demos/radio-group/read-only.tsx
diff --git a/www/src/demos/radio-group/required.tsx b/www/src/components/demos/radio-group/required.tsx
similarity index 100%
rename from www/src/demos/radio-group/required.tsx
rename to www/src/components/demos/radio-group/required.tsx
diff --git a/www/src/demos/radio-group/uncontrolled.tsx b/www/src/components/demos/radio-group/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/radio-group/uncontrolled.tsx
rename to www/src/components/demos/radio-group/uncontrolled.tsx
diff --git a/www/src/demos/range-calendar/composition.tsx b/www/src/components/demos/range-calendar/composition.tsx
similarity index 100%
rename from www/src/demos/range-calendar/composition.tsx
rename to www/src/components/demos/range-calendar/composition.tsx
diff --git a/www/src/demos/range-calendar/controlled.tsx b/www/src/components/demos/range-calendar/controlled.tsx
similarity index 100%
rename from www/src/demos/range-calendar/controlled.tsx
rename to www/src/components/demos/range-calendar/controlled.tsx
diff --git a/www/src/demos/range-calendar/default.tsx b/www/src/components/demos/range-calendar/default.tsx
similarity index 100%
rename from www/src/demos/range-calendar/default.tsx
rename to www/src/components/demos/range-calendar/default.tsx
diff --git a/www/src/demos/range-calendar/disabled.tsx b/www/src/components/demos/range-calendar/disabled.tsx
similarity index 100%
rename from www/src/demos/range-calendar/disabled.tsx
rename to www/src/components/demos/range-calendar/disabled.tsx
diff --git a/www/src/demos/range-calendar/error-message.tsx b/www/src/components/demos/range-calendar/error-message.tsx
similarity index 100%
rename from www/src/demos/range-calendar/error-message.tsx
rename to www/src/components/demos/range-calendar/error-message.tsx
diff --git a/www/src/demos/range-calendar/non-contiguous-ranges.tsx b/www/src/components/demos/range-calendar/non-contiguous-ranges.tsx
similarity index 100%
rename from www/src/demos/range-calendar/non-contiguous-ranges.tsx
rename to www/src/components/demos/range-calendar/non-contiguous-ranges.tsx
diff --git a/www/src/demos/range-calendar/page-behaviour.tsx b/www/src/components/demos/range-calendar/page-behaviour.tsx
similarity index 100%
rename from www/src/demos/range-calendar/page-behaviour.tsx
rename to www/src/components/demos/range-calendar/page-behaviour.tsx
diff --git a/www/src/demos/range-calendar/read-only.tsx b/www/src/components/demos/range-calendar/read-only.tsx
similarity index 100%
rename from www/src/demos/range-calendar/read-only.tsx
rename to www/src/components/demos/range-calendar/read-only.tsx
diff --git a/www/src/demos/range-calendar/uncontrolled.tsx b/www/src/components/demos/range-calendar/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/range-calendar/uncontrolled.tsx
rename to www/src/components/demos/range-calendar/uncontrolled.tsx
diff --git a/www/src/demos/range-calendar/unvailable-dates.tsx b/www/src/components/demos/range-calendar/unvailable-dates.tsx
similarity index 100%
rename from www/src/demos/range-calendar/unvailable-dates.tsx
rename to www/src/components/demos/range-calendar/unvailable-dates.tsx
diff --git a/www/src/demos/range-calendar/validation.tsx b/www/src/components/demos/range-calendar/validation.tsx
similarity index 100%
rename from www/src/demos/range-calendar/validation.tsx
rename to www/src/components/demos/range-calendar/validation.tsx
diff --git a/www/src/demos/range-calendar/variant.tsx b/www/src/components/demos/range-calendar/variant.tsx
similarity index 100%
rename from www/src/demos/range-calendar/variant.tsx
rename to www/src/components/demos/range-calendar/variant.tsx
diff --git a/www/src/demos/range-calendar/visible-months.tsx b/www/src/components/demos/range-calendar/visible-months.tsx
similarity index 100%
rename from www/src/demos/range-calendar/visible-months.tsx
rename to www/src/components/demos/range-calendar/visible-months.tsx
diff --git a/www/src/demos/registry.ts b/www/src/components/demos/registry.ts
similarity index 100%
rename from www/src/demos/registry.ts
rename to www/src/components/demos/registry.ts
diff --git a/www/src/demos/search-field/composition.tsx b/www/src/components/demos/search-field/composition.tsx
similarity index 100%
rename from www/src/demos/search-field/composition.tsx
rename to www/src/components/demos/search-field/composition.tsx
diff --git a/www/src/demos/search-field/controlled.tsx b/www/src/components/demos/search-field/controlled.tsx
similarity index 100%
rename from www/src/demos/search-field/controlled.tsx
rename to www/src/components/demos/search-field/controlled.tsx
diff --git a/www/src/demos/search-field/default.tsx b/www/src/components/demos/search-field/default.tsx
similarity index 100%
rename from www/src/demos/search-field/default.tsx
rename to www/src/components/demos/search-field/default.tsx
diff --git a/www/src/demos/search-field/description.tsx b/www/src/components/demos/search-field/description.tsx
similarity index 100%
rename from www/src/demos/search-field/description.tsx
rename to www/src/components/demos/search-field/description.tsx
diff --git a/www/src/demos/search-field/disabled.tsx b/www/src/components/demos/search-field/disabled.tsx
similarity index 100%
rename from www/src/demos/search-field/disabled.tsx
rename to www/src/components/demos/search-field/disabled.tsx
diff --git a/www/src/demos/search-field/error-message.tsx b/www/src/components/demos/search-field/error-message.tsx
similarity index 100%
rename from www/src/demos/search-field/error-message.tsx
rename to www/src/components/demos/search-field/error-message.tsx
diff --git a/www/src/demos/search-field/form.tsx b/www/src/components/demos/search-field/form.tsx
similarity index 100%
rename from www/src/demos/search-field/form.tsx
rename to www/src/components/demos/search-field/form.tsx
diff --git a/www/src/demos/search-field/label.tsx b/www/src/components/demos/search-field/label.tsx
similarity index 100%
rename from www/src/demos/search-field/label.tsx
rename to www/src/components/demos/search-field/label.tsx
diff --git a/www/src/demos/search-field/read-only.tsx b/www/src/components/demos/search-field/read-only.tsx
similarity index 100%
rename from www/src/demos/search-field/read-only.tsx
rename to www/src/components/demos/search-field/read-only.tsx
diff --git a/www/src/demos/search-field/required.tsx b/www/src/components/demos/search-field/required.tsx
similarity index 100%
rename from www/src/demos/search-field/required.tsx
rename to www/src/components/demos/search-field/required.tsx
diff --git a/www/src/demos/search-field/sizes.tsx b/www/src/components/demos/search-field/sizes.tsx
similarity index 100%
rename from www/src/demos/search-field/sizes.tsx
rename to www/src/components/demos/search-field/sizes.tsx
diff --git a/www/src/demos/search-field/uncontrolled.tsx b/www/src/components/demos/search-field/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/search-field/uncontrolled.tsx
rename to www/src/components/demos/search-field/uncontrolled.tsx
diff --git a/www/src/demos/select/async-loading.tsx b/www/src/components/demos/select/async-loading.tsx
similarity index 100%
rename from www/src/demos/select/async-loading.tsx
rename to www/src/components/demos/select/async-loading.tsx
diff --git a/www/src/demos/select/basic.tsx b/www/src/components/demos/select/basic.tsx
similarity index 100%
rename from www/src/demos/select/basic.tsx
rename to www/src/components/demos/select/basic.tsx
diff --git a/www/src/demos/select/composition.tsx b/www/src/components/demos/select/composition.tsx
similarity index 100%
rename from www/src/demos/select/composition.tsx
rename to www/src/components/demos/select/composition.tsx
diff --git a/www/src/demos/select/controlled.tsx b/www/src/components/demos/select/controlled.tsx
similarity index 100%
rename from www/src/demos/select/controlled.tsx
rename to www/src/components/demos/select/controlled.tsx
diff --git a/www/src/demos/select/description.tsx b/www/src/components/demos/select/description.tsx
similarity index 100%
rename from www/src/demos/select/description.tsx
rename to www/src/components/demos/select/description.tsx
diff --git a/www/src/demos/select/disabled.tsx b/www/src/components/demos/select/disabled.tsx
similarity index 100%
rename from www/src/demos/select/disabled.tsx
rename to www/src/components/demos/select/disabled.tsx
diff --git a/www/src/demos/select/label.tsx b/www/src/components/demos/select/label.tsx
similarity index 100%
rename from www/src/demos/select/label.tsx
rename to www/src/components/demos/select/label.tsx
diff --git a/www/src/demos/select/links.tsx b/www/src/components/demos/select/links.tsx
similarity index 100%
rename from www/src/demos/select/links.tsx
rename to www/src/components/demos/select/links.tsx
diff --git a/www/src/demos/select/loading.tsx b/www/src/components/demos/select/loading.tsx
similarity index 100%
rename from www/src/demos/select/loading.tsx
rename to www/src/components/demos/select/loading.tsx
diff --git a/www/src/demos/select/placeholder.tsx b/www/src/components/demos/select/placeholder.tsx
similarity index 100%
rename from www/src/demos/select/placeholder.tsx
rename to www/src/components/demos/select/placeholder.tsx
diff --git a/www/src/demos/select/required.tsx b/www/src/components/demos/select/required.tsx
similarity index 100%
rename from www/src/demos/select/required.tsx
rename to www/src/components/demos/select/required.tsx
diff --git a/www/src/demos/select/sections.tsx b/www/src/components/demos/select/sections.tsx
similarity index 100%
rename from www/src/demos/select/sections.tsx
rename to www/src/components/demos/select/sections.tsx
diff --git a/www/src/demos/select/uncontrolled.tsx b/www/src/components/demos/select/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/select/uncontrolled.tsx
rename to www/src/components/demos/select/uncontrolled.tsx
diff --git a/www/src/demos/select/validation.tsx b/www/src/components/demos/select/validation.tsx
similarity index 100%
rename from www/src/demos/select/validation.tsx
rename to www/src/components/demos/select/validation.tsx
diff --git a/www/src/demos/separator/card.tsx b/www/src/components/demos/separator/card.tsx
similarity index 100%
rename from www/src/demos/separator/card.tsx
rename to www/src/components/demos/separator/card.tsx
diff --git a/www/src/demos/separator/orientation.tsx b/www/src/components/demos/separator/orientation.tsx
similarity index 100%
rename from www/src/demos/separator/orientation.tsx
rename to www/src/components/demos/separator/orientation.tsx
diff --git a/www/src/demos/skeleton/api-simulation.tsx b/www/src/components/demos/skeleton/api-simulation.tsx
similarity index 100%
rename from www/src/demos/skeleton/api-simulation.tsx
rename to www/src/components/demos/skeleton/api-simulation.tsx
diff --git a/www/src/demos/skeleton/card.tsx b/www/src/components/demos/skeleton/card.tsx
similarity index 100%
rename from www/src/demos/skeleton/card.tsx
rename to www/src/components/demos/skeleton/card.tsx
diff --git a/www/src/demos/skeleton/children.tsx b/www/src/components/demos/skeleton/children.tsx
similarity index 100%
rename from www/src/demos/skeleton/children.tsx
rename to www/src/components/demos/skeleton/children.tsx
diff --git a/www/src/demos/skeleton/fixed-size-children.tsx b/www/src/components/demos/skeleton/fixed-size-children.tsx
similarity index 100%
rename from www/src/demos/skeleton/fixed-size-children.tsx
rename to www/src/components/demos/skeleton/fixed-size-children.tsx
diff --git a/www/src/demos/skeleton/show.tsx b/www/src/components/demos/skeleton/show.tsx
similarity index 100%
rename from www/src/demos/skeleton/show.tsx
rename to www/src/components/demos/skeleton/show.tsx
diff --git a/www/src/demos/slider/composition.tsx b/www/src/components/demos/slider/composition.tsx
similarity index 100%
rename from www/src/demos/slider/composition.tsx
rename to www/src/components/demos/slider/composition.tsx
diff --git a/www/src/demos/slider/controlled.tsx b/www/src/components/demos/slider/controlled.tsx
similarity index 100%
rename from www/src/demos/slider/controlled.tsx
rename to www/src/components/demos/slider/controlled.tsx
diff --git a/www/src/demos/slider/default.tsx b/www/src/components/demos/slider/default.tsx
similarity index 100%
rename from www/src/demos/slider/default.tsx
rename to www/src/components/demos/slider/default.tsx
diff --git a/www/src/demos/slider/description.tsx b/www/src/components/demos/slider/description.tsx
similarity index 100%
rename from www/src/demos/slider/description.tsx
rename to www/src/components/demos/slider/description.tsx
diff --git a/www/src/demos/slider/disabled.tsx b/www/src/components/demos/slider/disabled.tsx
similarity index 100%
rename from www/src/demos/slider/disabled.tsx
rename to www/src/components/demos/slider/disabled.tsx
diff --git a/www/src/demos/slider/format-options.tsx b/www/src/components/demos/slider/format-options.tsx
similarity index 100%
rename from www/src/demos/slider/format-options.tsx
rename to www/src/components/demos/slider/format-options.tsx
diff --git a/www/src/demos/slider/label.tsx b/www/src/components/demos/slider/label.tsx
similarity index 100%
rename from www/src/demos/slider/label.tsx
rename to www/src/components/demos/slider/label.tsx
diff --git a/www/src/demos/slider/range.tsx b/www/src/components/demos/slider/range.tsx
similarity index 100%
rename from www/src/demos/slider/range.tsx
rename to www/src/components/demos/slider/range.tsx
diff --git a/www/src/demos/slider/sizes.tsx b/www/src/components/demos/slider/sizes.tsx
similarity index 100%
rename from www/src/demos/slider/sizes.tsx
rename to www/src/components/demos/slider/sizes.tsx
diff --git a/www/src/demos/slider/step.tsx b/www/src/components/demos/slider/step.tsx
similarity index 100%
rename from www/src/demos/slider/step.tsx
rename to www/src/components/demos/slider/step.tsx
diff --git a/www/src/demos/slider/uncontrolled.tsx b/www/src/components/demos/slider/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/slider/uncontrolled.tsx
rename to www/src/components/demos/slider/uncontrolled.tsx
diff --git a/www/src/demos/slider/value-label.tsx b/www/src/components/demos/slider/value-label.tsx
similarity index 100%
rename from www/src/demos/slider/value-label.tsx
rename to www/src/components/demos/slider/value-label.tsx
diff --git a/www/src/demos/slider/value-scale.tsx b/www/src/components/demos/slider/value-scale.tsx
similarity index 100%
rename from www/src/demos/slider/value-scale.tsx
rename to www/src/components/demos/slider/value-scale.tsx
diff --git a/www/src/demos/slider/vertical.tsx b/www/src/components/demos/slider/vertical.tsx
similarity index 100%
rename from www/src/demos/slider/vertical.tsx
rename to www/src/components/demos/slider/vertical.tsx
diff --git a/www/src/demos/switch/card.tsx b/www/src/components/demos/switch/card.tsx
similarity index 100%
rename from www/src/demos/switch/card.tsx
rename to www/src/components/demos/switch/card.tsx
diff --git a/www/src/demos/switch/composition.tsx b/www/src/components/demos/switch/composition.tsx
similarity index 100%
rename from www/src/demos/switch/composition.tsx
rename to www/src/components/demos/switch/composition.tsx
diff --git a/www/src/demos/switch/controlled.tsx b/www/src/components/demos/switch/controlled.tsx
similarity index 100%
rename from www/src/demos/switch/controlled.tsx
rename to www/src/components/demos/switch/controlled.tsx
diff --git a/www/src/demos/switch/default.tsx b/www/src/components/demos/switch/default.tsx
similarity index 100%
rename from www/src/demos/switch/default.tsx
rename to www/src/components/demos/switch/default.tsx
diff --git a/www/src/demos/switch/disabled.tsx b/www/src/components/demos/switch/disabled.tsx
similarity index 100%
rename from www/src/demos/switch/disabled.tsx
rename to www/src/components/demos/switch/disabled.tsx
diff --git a/www/src/demos/switch/label.tsx b/www/src/components/demos/switch/label.tsx
similarity index 100%
rename from www/src/demos/switch/label.tsx
rename to www/src/components/demos/switch/label.tsx
diff --git a/www/src/demos/switch/sizes.tsx b/www/src/components/demos/switch/sizes.tsx
similarity index 100%
rename from www/src/demos/switch/sizes.tsx
rename to www/src/components/demos/switch/sizes.tsx
diff --git a/www/src/demos/switch/uncontrolled.tsx b/www/src/components/demos/switch/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/switch/uncontrolled.tsx
rename to www/src/components/demos/switch/uncontrolled.tsx
diff --git a/www/src/demos/table/basic.tsx b/www/src/components/demos/table/basic.tsx
similarity index 100%
rename from www/src/demos/table/basic.tsx
rename to www/src/components/demos/table/basic.tsx
diff --git a/www/src/demos/table/column-resizing.tsx b/www/src/components/demos/table/column-resizing.tsx
similarity index 100%
rename from www/src/demos/table/column-resizing.tsx
rename to www/src/components/demos/table/column-resizing.tsx
diff --git a/www/src/demos/table/controlled.tsx b/www/src/components/demos/table/controlled.tsx
similarity index 100%
rename from www/src/demos/table/controlled.tsx
rename to www/src/components/demos/table/controlled.tsx
diff --git a/www/src/demos/table/disabled-rows.tsx b/www/src/components/demos/table/disabled-rows.tsx
similarity index 100%
rename from www/src/demos/table/disabled-rows.tsx
rename to www/src/components/demos/table/disabled-rows.tsx
diff --git a/www/src/demos/table/disallow-empty-selection.tsx b/www/src/components/demos/table/disallow-empty-selection.tsx
similarity index 100%
rename from www/src/demos/table/disallow-empty-selection.tsx
rename to www/src/components/demos/table/disallow-empty-selection.tsx
diff --git a/www/src/demos/table/dynamic-collection.tsx b/www/src/components/demos/table/dynamic-collection.tsx
similarity index 100%
rename from www/src/demos/table/dynamic-collection.tsx
rename to www/src/components/demos/table/dynamic-collection.tsx
diff --git a/www/src/demos/table/empty-state.tsx b/www/src/components/demos/table/empty-state.tsx
similarity index 100%
rename from www/src/demos/table/empty-state.tsx
rename to www/src/components/demos/table/empty-state.tsx
diff --git a/www/src/demos/table/links.tsx b/www/src/components/demos/table/links.tsx
similarity index 100%
rename from www/src/demos/table/links.tsx
rename to www/src/components/demos/table/links.tsx
diff --git a/www/src/demos/table/reordable.tsx b/www/src/components/demos/table/reordable.tsx
similarity index 100%
rename from www/src/demos/table/reordable.tsx
rename to www/src/components/demos/table/reordable.tsx
diff --git a/www/src/demos/table/row-action.tsx b/www/src/components/demos/table/row-action.tsx
similarity index 100%
rename from www/src/demos/table/row-action.tsx
rename to www/src/components/demos/table/row-action.tsx
diff --git a/www/src/demos/table/selection-behavior.tsx b/www/src/components/demos/table/selection-behavior.tsx
similarity index 100%
rename from www/src/demos/table/selection-behavior.tsx
rename to www/src/components/demos/table/selection-behavior.tsx
diff --git a/www/src/demos/table/selection-mode.tsx b/www/src/components/demos/table/selection-mode.tsx
similarity index 100%
rename from www/src/demos/table/selection-mode.tsx
rename to www/src/components/demos/table/selection-mode.tsx
diff --git a/www/src/demos/table/selection-variant.tsx b/www/src/components/demos/table/selection-variant.tsx
similarity index 100%
rename from www/src/demos/table/selection-variant.tsx
rename to www/src/components/demos/table/selection-variant.tsx
diff --git a/www/src/demos/table/selection.tsx b/www/src/components/demos/table/selection.tsx
similarity index 100%
rename from www/src/demos/table/selection.tsx
rename to www/src/components/demos/table/selection.tsx
diff --git a/www/src/demos/table/sorting.tsx b/www/src/components/demos/table/sorting.tsx
similarity index 100%
rename from www/src/demos/table/sorting.tsx
rename to www/src/components/demos/table/sorting.tsx
diff --git a/www/src/demos/table/static-row-action.tsx b/www/src/components/demos/table/static-row-action.tsx
similarity index 100%
rename from www/src/demos/table/static-row-action.tsx
rename to www/src/components/demos/table/static-row-action.tsx
diff --git a/www/src/demos/table/uncontrolled.tsx b/www/src/components/demos/table/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/table/uncontrolled.tsx
rename to www/src/components/demos/table/uncontrolled.tsx
diff --git a/www/src/demos/table/variants.tsx b/www/src/components/demos/table/variants.tsx
similarity index 100%
rename from www/src/demos/table/variants.tsx
rename to www/src/components/demos/table/variants.tsx
diff --git a/www/src/demos/tabs/basic.tsx b/www/src/components/demos/tabs/basic.tsx
similarity index 100%
rename from www/src/demos/tabs/basic.tsx
rename to www/src/components/demos/tabs/basic.tsx
diff --git a/www/src/demos/tabs/controlled.tsx b/www/src/components/demos/tabs/controlled.tsx
similarity index 100%
rename from www/src/demos/tabs/controlled.tsx
rename to www/src/components/demos/tabs/controlled.tsx
diff --git a/www/src/demos/tabs/disabled.tsx b/www/src/components/demos/tabs/disabled.tsx
similarity index 100%
rename from www/src/demos/tabs/disabled.tsx
rename to www/src/components/demos/tabs/disabled.tsx
diff --git a/www/src/demos/tabs/keyboard-activation.tsx b/www/src/components/demos/tabs/keyboard-activation.tsx
similarity index 100%
rename from www/src/demos/tabs/keyboard-activation.tsx
rename to www/src/components/demos/tabs/keyboard-activation.tsx
diff --git a/www/src/demos/tabs/variant.tsx b/www/src/components/demos/tabs/variant.tsx
similarity index 100%
rename from www/src/demos/tabs/variant.tsx
rename to www/src/components/demos/tabs/variant.tsx
diff --git a/www/src/demos/tabs/vertical.tsx b/www/src/components/demos/tabs/vertical.tsx
similarity index 100%
rename from www/src/demos/tabs/vertical.tsx
rename to www/src/components/demos/tabs/vertical.tsx
diff --git a/www/src/demos/tag-group/default.tsx b/www/src/components/demos/tag-group/default.tsx
similarity index 100%
rename from www/src/demos/tag-group/default.tsx
rename to www/src/components/demos/tag-group/default.tsx
diff --git a/www/src/demos/text-area/composition.tsx b/www/src/components/demos/text-area/composition.tsx
similarity index 100%
rename from www/src/demos/text-area/composition.tsx
rename to www/src/components/demos/text-area/composition.tsx
diff --git a/www/src/demos/text-area/controlled.tsx b/www/src/components/demos/text-area/controlled.tsx
similarity index 100%
rename from www/src/demos/text-area/controlled.tsx
rename to www/src/components/demos/text-area/controlled.tsx
diff --git a/www/src/demos/text-area/default.tsx b/www/src/components/demos/text-area/default.tsx
similarity index 100%
rename from www/src/demos/text-area/default.tsx
rename to www/src/components/demos/text-area/default.tsx
diff --git a/www/src/demos/text-area/description.tsx b/www/src/components/demos/text-area/description.tsx
similarity index 100%
rename from www/src/demos/text-area/description.tsx
rename to www/src/components/demos/text-area/description.tsx
diff --git a/www/src/demos/text-area/disabled.tsx b/www/src/components/demos/text-area/disabled.tsx
similarity index 100%
rename from www/src/demos/text-area/disabled.tsx
rename to www/src/components/demos/text-area/disabled.tsx
diff --git a/www/src/demos/text-area/error-message.tsx b/www/src/components/demos/text-area/error-message.tsx
similarity index 100%
rename from www/src/demos/text-area/error-message.tsx
rename to www/src/components/demos/text-area/error-message.tsx
diff --git a/www/src/demos/text-area/form.tsx b/www/src/components/demos/text-area/form.tsx
similarity index 100%
rename from www/src/demos/text-area/form.tsx
rename to www/src/components/demos/text-area/form.tsx
diff --git a/www/src/demos/text-area/label.tsx b/www/src/components/demos/text-area/label.tsx
similarity index 100%
rename from www/src/demos/text-area/label.tsx
rename to www/src/components/demos/text-area/label.tsx
diff --git a/www/src/demos/text-area/prefix-and-suffix.tsx b/www/src/components/demos/text-area/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/demos/text-area/prefix-and-suffix.tsx
rename to www/src/components/demos/text-area/prefix-and-suffix.tsx
diff --git a/www/src/demos/text-area/read-only.tsx b/www/src/components/demos/text-area/read-only.tsx
similarity index 100%
rename from www/src/demos/text-area/read-only.tsx
rename to www/src/components/demos/text-area/read-only.tsx
diff --git a/www/src/demos/text-area/required.tsx b/www/src/components/demos/text-area/required.tsx
similarity index 100%
rename from www/src/demos/text-area/required.tsx
rename to www/src/components/demos/text-area/required.tsx
diff --git a/www/src/demos/text-area/uncontrolled.tsx b/www/src/components/demos/text-area/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/text-area/uncontrolled.tsx
rename to www/src/components/demos/text-area/uncontrolled.tsx
diff --git a/www/src/demos/text-field/composition.tsx b/www/src/components/demos/text-field/composition.tsx
similarity index 100%
rename from www/src/demos/text-field/composition.tsx
rename to www/src/components/demos/text-field/composition.tsx
diff --git a/www/src/demos/text-field/controlled.tsx b/www/src/components/demos/text-field/controlled.tsx
similarity index 100%
rename from www/src/demos/text-field/controlled.tsx
rename to www/src/components/demos/text-field/controlled.tsx
diff --git a/www/src/demos/text-field/default.tsx b/www/src/components/demos/text-field/default.tsx
similarity index 100%
rename from www/src/demos/text-field/default.tsx
rename to www/src/components/demos/text-field/default.tsx
diff --git a/www/src/demos/text-field/description.tsx b/www/src/components/demos/text-field/description.tsx
similarity index 100%
rename from www/src/demos/text-field/description.tsx
rename to www/src/components/demos/text-field/description.tsx
diff --git a/www/src/demos/text-field/disabled.tsx b/www/src/components/demos/text-field/disabled.tsx
similarity index 100%
rename from www/src/demos/text-field/disabled.tsx
rename to www/src/components/demos/text-field/disabled.tsx
diff --git a/www/src/demos/text-field/error-message.tsx b/www/src/components/demos/text-field/error-message.tsx
similarity index 100%
rename from www/src/demos/text-field/error-message.tsx
rename to www/src/components/demos/text-field/error-message.tsx
diff --git a/www/src/demos/text-field/label.tsx b/www/src/components/demos/text-field/label.tsx
similarity index 100%
rename from www/src/demos/text-field/label.tsx
rename to www/src/components/demos/text-field/label.tsx
diff --git a/www/src/demos/text-field/prefix-and-suffix.tsx b/www/src/components/demos/text-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/demos/text-field/prefix-and-suffix.tsx
rename to www/src/components/demos/text-field/prefix-and-suffix.tsx
diff --git a/www/src/demos/text-field/read-only.tsx b/www/src/components/demos/text-field/read-only.tsx
similarity index 100%
rename from www/src/demos/text-field/read-only.tsx
rename to www/src/components/demos/text-field/read-only.tsx
diff --git a/www/src/demos/text-field/required.tsx b/www/src/components/demos/text-field/required.tsx
similarity index 100%
rename from www/src/demos/text-field/required.tsx
rename to www/src/components/demos/text-field/required.tsx
diff --git a/www/src/demos/text-field/sizes.tsx b/www/src/components/demos/text-field/sizes.tsx
similarity index 100%
rename from www/src/demos/text-field/sizes.tsx
rename to www/src/components/demos/text-field/sizes.tsx
diff --git a/www/src/demos/text-field/uncontrolled.tsx b/www/src/components/demos/text-field/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/text-field/uncontrolled.tsx
rename to www/src/components/demos/text-field/uncontrolled.tsx
diff --git a/www/src/demos/time-field/composition.tsx b/www/src/components/demos/time-field/composition.tsx
similarity index 100%
rename from www/src/demos/time-field/composition.tsx
rename to www/src/components/demos/time-field/composition.tsx
diff --git a/www/src/demos/time-field/controlled.tsx b/www/src/components/demos/time-field/controlled.tsx
similarity index 100%
rename from www/src/demos/time-field/controlled.tsx
rename to www/src/components/demos/time-field/controlled.tsx
diff --git a/www/src/demos/time-field/default.tsx b/www/src/components/demos/time-field/default.tsx
similarity index 100%
rename from www/src/demos/time-field/default.tsx
rename to www/src/components/demos/time-field/default.tsx
diff --git a/www/src/demos/time-field/description.tsx b/www/src/components/demos/time-field/description.tsx
similarity index 100%
rename from www/src/demos/time-field/description.tsx
rename to www/src/components/demos/time-field/description.tsx
diff --git a/www/src/demos/time-field/disabled.tsx b/www/src/components/demos/time-field/disabled.tsx
similarity index 100%
rename from www/src/demos/time-field/disabled.tsx
rename to www/src/components/demos/time-field/disabled.tsx
diff --git a/www/src/demos/time-field/error-message.tsx b/www/src/components/demos/time-field/error-message.tsx
similarity index 100%
rename from www/src/demos/time-field/error-message.tsx
rename to www/src/components/demos/time-field/error-message.tsx
diff --git a/www/src/demos/time-field/granularity.tsx b/www/src/components/demos/time-field/granularity.tsx
similarity index 100%
rename from www/src/demos/time-field/granularity.tsx
rename to www/src/components/demos/time-field/granularity.tsx
diff --git a/www/src/demos/time-field/hide-time-zone.tsx b/www/src/components/demos/time-field/hide-time-zone.tsx
similarity index 100%
rename from www/src/demos/time-field/hide-time-zone.tsx
rename to www/src/components/demos/time-field/hide-time-zone.tsx
diff --git a/www/src/demos/time-field/hour-cycle.tsx b/www/src/components/demos/time-field/hour-cycle.tsx
similarity index 100%
rename from www/src/demos/time-field/hour-cycle.tsx
rename to www/src/components/demos/time-field/hour-cycle.tsx
diff --git a/www/src/demos/time-field/label.tsx b/www/src/components/demos/time-field/label.tsx
similarity index 100%
rename from www/src/demos/time-field/label.tsx
rename to www/src/components/demos/time-field/label.tsx
diff --git a/www/src/demos/time-field/placeholder.tsx b/www/src/components/demos/time-field/placeholder.tsx
similarity index 100%
rename from www/src/demos/time-field/placeholder.tsx
rename to www/src/components/demos/time-field/placeholder.tsx
diff --git a/www/src/demos/time-field/prefix-and-suffix.tsx b/www/src/components/demos/time-field/prefix-and-suffix.tsx
similarity index 100%
rename from www/src/demos/time-field/prefix-and-suffix.tsx
rename to www/src/components/demos/time-field/prefix-and-suffix.tsx
diff --git a/www/src/demos/time-field/read-only.tsx b/www/src/components/demos/time-field/read-only.tsx
similarity index 100%
rename from www/src/demos/time-field/read-only.tsx
rename to www/src/components/demos/time-field/read-only.tsx
diff --git a/www/src/demos/time-field/required.tsx b/www/src/components/demos/time-field/required.tsx
similarity index 100%
rename from www/src/demos/time-field/required.tsx
rename to www/src/components/demos/time-field/required.tsx
diff --git a/www/src/demos/time-field/sizes.tsx b/www/src/components/demos/time-field/sizes.tsx
similarity index 100%
rename from www/src/demos/time-field/sizes.tsx
rename to www/src/components/demos/time-field/sizes.tsx
diff --git a/www/src/demos/time-field/time-zones.tsx b/www/src/components/demos/time-field/time-zones.tsx
similarity index 100%
rename from www/src/demos/time-field/time-zones.tsx
rename to www/src/components/demos/time-field/time-zones.tsx
diff --git a/www/src/demos/time-field/uncontrolled.tsx b/www/src/components/demos/time-field/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/time-field/uncontrolled.tsx
rename to www/src/components/demos/time-field/uncontrolled.tsx
diff --git a/www/src/demos/toggle-button-group/default.tsx b/www/src/components/demos/toggle-button-group/default.tsx
similarity index 100%
rename from www/src/demos/toggle-button-group/default.tsx
rename to www/src/components/demos/toggle-button-group/default.tsx
diff --git a/www/src/demos/toggle-button/controlled.tsx b/www/src/components/demos/toggle-button/controlled.tsx
similarity index 100%
rename from www/src/demos/toggle-button/controlled.tsx
rename to www/src/components/demos/toggle-button/controlled.tsx
diff --git a/www/src/demos/toggle-button/default.tsx b/www/src/components/demos/toggle-button/default.tsx
similarity index 100%
rename from www/src/demos/toggle-button/default.tsx
rename to www/src/components/demos/toggle-button/default.tsx
diff --git a/www/src/demos/toggle-button/disabled.tsx b/www/src/components/demos/toggle-button/disabled.tsx
similarity index 100%
rename from www/src/demos/toggle-button/disabled.tsx
rename to www/src/components/demos/toggle-button/disabled.tsx
diff --git a/www/src/demos/toggle-button/shapes.tsx b/www/src/components/demos/toggle-button/shapes.tsx
similarity index 100%
rename from www/src/demos/toggle-button/shapes.tsx
rename to www/src/components/demos/toggle-button/shapes.tsx
diff --git a/www/src/demos/toggle-button/sizes.tsx b/www/src/components/demos/toggle-button/sizes.tsx
similarity index 100%
rename from www/src/demos/toggle-button/sizes.tsx
rename to www/src/components/demos/toggle-button/sizes.tsx
diff --git a/www/src/demos/toggle-button/uncontrolled.tsx b/www/src/components/demos/toggle-button/uncontrolled.tsx
similarity index 100%
rename from www/src/demos/toggle-button/uncontrolled.tsx
rename to www/src/components/demos/toggle-button/uncontrolled.tsx
diff --git a/www/src/demos/toggle-button/variants.tsx b/www/src/components/demos/toggle-button/variants.tsx
similarity index 100%
rename from www/src/demos/toggle-button/variants.tsx
rename to www/src/components/demos/toggle-button/variants.tsx
diff --git a/www/src/demos/tooltip/arrow.tsx b/www/src/components/demos/tooltip/arrow.tsx
similarity index 100%
rename from www/src/demos/tooltip/arrow.tsx
rename to www/src/components/demos/tooltip/arrow.tsx
diff --git a/www/src/demos/tooltip/composition.tsx b/www/src/components/demos/tooltip/composition.tsx
similarity index 100%
rename from www/src/demos/tooltip/composition.tsx
rename to www/src/components/demos/tooltip/composition.tsx
diff --git a/www/src/demos/tooltip/container-padding.tsx b/www/src/components/demos/tooltip/container-padding.tsx
similarity index 100%
rename from www/src/demos/tooltip/container-padding.tsx
rename to www/src/components/demos/tooltip/container-padding.tsx
diff --git a/www/src/demos/tooltip/default.tsx b/www/src/components/demos/tooltip/default.tsx
similarity index 100%
rename from www/src/demos/tooltip/default.tsx
rename to www/src/components/demos/tooltip/default.tsx
diff --git a/www/src/demos/tooltip/delay.tsx b/www/src/components/demos/tooltip/delay.tsx
similarity index 100%
rename from www/src/demos/tooltip/delay.tsx
rename to www/src/components/demos/tooltip/delay.tsx
diff --git a/www/src/demos/tooltip/flip.tsx b/www/src/components/demos/tooltip/flip.tsx
similarity index 100%
rename from www/src/demos/tooltip/flip.tsx
rename to www/src/components/demos/tooltip/flip.tsx
diff --git a/www/src/demos/tooltip/offset.tsx b/www/src/components/demos/tooltip/offset.tsx
similarity index 100%
rename from www/src/demos/tooltip/offset.tsx
rename to www/src/components/demos/tooltip/offset.tsx
diff --git a/www/src/demos/tooltip/placement.tsx b/www/src/components/demos/tooltip/placement.tsx
similarity index 100%
rename from www/src/demos/tooltip/placement.tsx
rename to www/src/components/demos/tooltip/placement.tsx
diff --git a/www/src/demos/tooltip/variant.tsx b/www/src/components/demos/tooltip/variant.tsx
similarity index 100%
rename from www/src/demos/tooltip/variant.tsx
rename to www/src/components/demos/tooltip/variant.tsx
diff --git a/www/src/demos/tooltip/with-arrow.tsx b/www/src/components/demos/tooltip/with-arrow.tsx
similarity index 100%
rename from www/src/demos/tooltip/with-arrow.tsx
rename to www/src/components/demos/tooltip/with-arrow.tsx
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
index 2a0cf99d6..c55707ef8 100644
--- a/www/src/components/docs/style-switcher.tsx
+++ b/www/src/components/docs/style-switcher.tsx
@@ -43,11 +43,11 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
           {variants &&
             variants.map((item) => (
               <Item
-                key={item.name}
-                id={item.name}
-                description={item.description}
+                key={item}
+                id={item}
+                // description={item.description}
               >
-                {item.label ?? item.name}{" "}
+                {item}
                 {currentThemeVariant === item.name && "(current theme)"}
               </Item>
             ))}
@@ -57,7 +57,7 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
   );
 }
 
-const getAllComponentVariants = (name: string) => {
+const getPrimitiveInfo = (name: string) => {
   const item = core.find((item) => item.name === name);
 
   if (hasVariants(item)) {
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index 983e313df..0adc48134 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -22,7 +22,7 @@ export const Tooltip = createDynamicComponent<TooltipProps>(
   {
     // @ts-ignore
     tooltip_framer: React.lazy(() =>
-      import("@/registry/core/tooltip_framer").then((mod) => ({
+      import("@/registry/core/tooltip_motion").then((mod) => ({
         default: mod.Tooltip,
       }))
     ),
@@ -35,7 +35,7 @@ export const TooltipRoot = createDynamicComponent<TooltipRootProps>(
   _TooltipRoot,
   {
     tooltip_framer: React.lazy(() =>
-      import("@/registry/core/tooltip_framer").then((mod) => ({
+      import("@/registry/core/tooltip_motion").then((mod) => ({
         default: mod.TooltipRoot,
       }))
     ),
@@ -49,7 +49,7 @@ export const TooltipContent = createDynamicComponent<TooltipContentProps>(
   {
     // @ts-ignore
     tooltip_framer: React.lazy(() =>
-      import("@/registry/core/tooltip_framer").then((mod) => ({
+      import("@/registry/core/tooltip_motion").then((mod) => ({
         default: mod.TooltipContent,
       }))
     ),
@@ -62,7 +62,7 @@ export const TooltipArrow = createDynamicComponent<TooltipArrowProps>(
   _TooltipArrow,
   {
     tooltip_framer: React.lazy(() =>
-      import("@/registry/core/tooltip_framer").then((mod) => ({
+      import("@/registry/core/tooltip_motion").then((mod) => ({
         default: mod.TooltipArrow,
       }))
     ),
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index 54f1bb0ae..e17bb4843 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -1,18 +1,18 @@
 import { Theme } from "@/types/theme";
 
 const defaultVariants = {
-  alert: "alert-01",
-  loader: "loader-ring",
-  button: "button-01",
-  calendar: "calendar_basic",
+  alert: "basic",
+  loader: "ring",
+  button: "basic",
+  calendar: "basic",
   form: "react-hook-form",
-  checkbox: "checkbox_basic",
-  "checkbox-group": "checkbox-group_basic",
-  tooltip: "tooltip_basic",
-  modal: "modal_basic",
-  popover: "popover_basic",
-  drawer: "drawer_basic",
-  tabs: "tabs_basic",
+  checkbox: "basic",
+  "checkbox-group": "basic",
+  tooltip: "basic",
+  modal: "basic",
+  popover: "basic",
+  drawer: "basic",
+  tabs: "basic",
 };
 
 export const dotUIThemes: Theme[] = [
diff --git a/www/src/registry/core/tooltip_framer.tsx b/www/src/registry/core/tooltip_motion.tsx
similarity index 100%
rename from www/src/registry/core/tooltip_framer.tsx
rename to www/src/registry/core/tooltip_motion.tsx
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 29b7900e7..e150e1fed 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -1,67 +1,65 @@
-import type { Registry } from "@/registry/types";
+import type { Registry } from "./types";
 
 export const core: Registry = [
   {
     name: "alert",
     type: "registry:core",
-    variants: [
-      {
-        name: "alert_basic",
-      },
-      {
-        name: "alert-02",
-      },
-      {
-        name: "alert-03",
-      },
-    ],
+    variants: ["basic", "notch", "notch-2"],
   },
   {
-    name: "alert-01",
+    name: "alert_basic",
+    description: "Minimal with a subtle border and muted background.",
     type: "registry:core",
     files: [
       {
-        path: "core/alert-01.tsx",
+        path: "core/alert_basic.tsx",
         type: "registry:core",
         target: "core/alert.tsx",
       },
     ],
   },
   {
-    name: "avatar",
+    name: "alert_notch",
+    description: "Alert with a bold left border for emphasis.",
     type: "registry:core",
-    variants: [
+    files: [
       {
-        name: "avatar-01",
+        path: "core/alert_notch.tsx",
+        type: "registry:core",
+        target: "core/alert.tsx",
       },
     ],
   },
   {
-    name: "avatar-01",
+    name: "alert_notch-2",
+    description:
+      "Alert with a bold left border for emphasis and muted background.",
     type: "registry:core",
     files: [
       {
-        path: "core/avatar-01.tsx",
+        path: "core/alert_notch.tsx",
         type: "registry:core",
-        target: "core/avatar.tsx",
+        target: "core/alert.tsx",
       },
     ],
   },
   {
-    name: "badge",
+    name: "avatar",
     type: "registry:core",
-    variants: [
+    files: [
       {
-        name: "badge-01",
+        path: "core/avatar_basic.tsx",
+        type: "registry:core",
+        target: "core/avatar.tsx",
       },
     ],
   },
   {
-    name: "badge-01",
+    name: "badge",
     type: "registry:core",
     files: [
       {
-        path: "core/badge-01.tsx",
+        path: "core/badge_basic.tsx",
         type: "registry:core",
         target: "core/badge.tsx",
       },
@@ -70,19 +68,9 @@ export const core: Registry = [
   {
     name: "breadcrumbs",
     type: "registry:core",
-    variants: [
-      {
-        name: "breadcrumbs-01",
-      },
-    ],
-  },
-  {
-    name: "breadcrumbs-01",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/breadcrumbs-01.tsx",
+        path: "core/breadcrumbs_basic.tsx",
         type: "registry:core",
         target: "core/breadcrumbs.tsx",
       },
@@ -91,62 +79,59 @@ export const core: Registry = [
   {
     name: "button",
     type: "registry:core",
-    variants: [
-      {
-        name: "button-01",
-      },
-      {
-        name: "button-02",
-      },
-      {
-        name: "button-03",
-      },
-      {
-        name: "button-04",
-      },
-    ],
+    variants: ["basic", "brutalist", "ripple"],
   },
   {
-    name: "button-01",
+    name: "button_basic",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/button-01.tsx",
+        path: "core/button_basic.tsx",
         type: "registry:core",
         target: "core/button.tsx",
       },
     ],
   },
   {
-    name: "button-02",
+    name: "button_brutalist",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/button-02.tsx",
+        path: "core/button_brutalist.tsx",
         type: "registry:core",
         target: "core/button.tsx",
       },
     ],
   },
   {
-    name: "calendar",
+    name: "button_ripple",
     type: "registry:core",
-    variants: [
+    files: [
       {
-        name: "calendar_basic",
+        path: "core/button_ripple.tsx",
+        type: "registry:core",
+        target: "core/button.tsx",
       },
       {
-        name: "calendar_cal",
+        path: "core/ripple.tsx",
+        type: "registry:core",
+        target: "core/ripple.tsx",
+      },
+      {
+        path: "hooks/use-ripple.tsx",
+        type: "registry:hook",
+        target: "hooks/use-ripple.tsx",
       },
     ],
   },
+  {
+    name: "calendar",
+    type: "registry:core",
+    variants: ["basic", "cal"],
+  },
   {
     name: "calendar_basic",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "heading", "text"],
     files: [
       {
         path: "core/calendar_basic.tsx",
@@ -158,8 +143,6 @@ export const core: Registry = [
   {
     name: "calendar_cal",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "heading", "text"],
     files: [
       {
         path: "core/calendar_cal.tsx",
@@ -171,17 +154,6 @@ export const core: Registry = [
   {
     name: "checkbox",
     type: "registry:core",
-    variants: [
-      {
-        name: "checkbox_basic",
-        label: "Basic",
-      },
-    ],
-  },
-  {
-    name: "checkbox_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
         path: "core/checkbox_basic.tsx",
@@ -193,21 +165,9 @@ export const core: Registry = [
   {
     name: "checkbox-group",
     type: "registry:core",
-    variants: [
-      {
-        name: "checkbox-group_basic",
-        label: "Basic",
-      },
-    ],
-  },
-  {
-    name: "checkbox-group_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["checkbox"],
     files: [
       {
-        path: "core/checkbox-group-_basic.tsx",
+        path: "core/checkbox-group_basic.tsx",
         type: "registry:core",
         target: "core/checkbox-group.tsx",
       },
@@ -216,20 +176,9 @@ export const core: Registry = [
   {
     name: "color-area",
     type: "registry:core",
-    variants: [
-      {
-        name: "color-area-01",
-      },
-    ],
-  },
-  {
-    name: "color-area-01",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["color-thumb"],
     files: [
       {
-        path: "core/color-area-01.tsx",
+        path: "core/color-area_basic.tsx",
         type: "registry:core",
         target: "core/color-area.tsx",
       },
@@ -238,20 +187,9 @@ export const core: Registry = [
   {
     name: "color-field",
     type: "registry:core",
-    variants: [
-      {
-        name: "color-field-01",
-      },
-    ],
-  },
-  {
-    name: "color-field-01",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field", "input"],
     files: [
       {
-        path: "core/color-field/color-field-01.tsx",
+        path: "core/color-field_basic.tsx",
         type: "registry:core",
         target: "core/color-field.tsx",
       },
@@ -260,20 +198,9 @@ export const core: Registry = [
   {
     name: "color-picker",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: [
-      "button",
-      "color-area",
-      "color-field",
-      "color-slider",
-      "color-swatch",
-      "dialog",
-      "list-box",
-      "select",
-    ],
     files: [
       {
-        path: "core/color-picker/color-picker.tsx",
+        path: "core/color-picker_basic.tsx",
         type: "registry:core",
         target: "core/color-picker.tsx",
       },
@@ -282,11 +209,9 @@ export const core: Registry = [
   {
     name: "color-slider",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["color-thumb", "field"],
     files: [
       {
-        path: "core/color-slider/color-slider.tsx",
+        path: "core/color-slider_basic.tsx",
         type: "registry:core",
         target: "core/color-slider.tsx",
       },
@@ -295,22 +220,31 @@ export const core: Registry = [
   {
     name: "color-swatch",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/color-swatch/color-swatch.tsx",
+        path: "core/color-swatch_basic.tsx",
         type: "registry:core",
         target: "core/color-swatch.tsx",
       },
     ],
   },
+  {
+    name: "color-swatch-picker",
+    type: "registry:core",
+    files: [
+      {
+        path: "core/color-swatch-picker_basic.tsx",
+        type: "registry:core",
+        target: "core/color-swatch-picker.tsx",
+      },
+    ],
+  },
   {
     name: "color-thumb",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/color-thumb/color-thumb.tsx",
+        path: "core/color-thumb_basic.tsx",
         type: "registry:core",
         target: "core/color-thumb.tsx",
       },
@@ -319,24 +253,31 @@ export const core: Registry = [
   {
     name: "combobox",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "field", "input", "list-box", "overlay"],
     files: [
       {
-        path: "core/combobox/combobox.tsx",
+        path: "core/combobox_basic.tsx",
         type: "registry:core",
         target: "core/combobox.tsx",
       },
     ],
   },
+  {
+    name: "command",
+    type: "registry:core",
+    files: [
+      {
+        path: "core/command_basic.tsx",
+        type: "registry:core",
+        target: "core/command.tsx",
+      },
+    ],
+  },
   {
     name: "date-field",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["date-input", "field", "input"],
     files: [
       {
-        path: "core/date-field/date-field.tsx",
+        path: "core/date-field_basic.tsx",
         type: "registry:core",
         target: "core/date-field.tsx",
       },
@@ -345,10 +286,9 @@ export const core: Registry = [
   {
     name: "date-input",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/date-input/date-input.tsx",
+        path: "core/date-input_basic.tsx",
         type: "registry:core",
         target: "core/date-input.tsx",
       },
@@ -357,18 +297,9 @@ export const core: Registry = [
   {
     name: "date-picker",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: [
-      "button",
-      "calendar",
-      "dialog",
-      "date-input",
-      "field",
-      "input",
-    ],
     files: [
       {
-        path: "core/date-picker/date-picker.tsx",
+        path: "core/date-picker_basic.tsx",
         type: "registry:core",
         target: "core/date-picker.tsx",
       },
@@ -377,18 +308,9 @@ export const core: Registry = [
   {
     name: "date-range-picker",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: [
-      "button",
-      "calendar",
-      "dialog",
-      "date-input",
-      "field",
-      "input",
-    ],
     files: [
       {
-        path: "core/date-range-picker/date-range-picker.tsx",
+        path: "core/date-range-picker_basic.tsx",
         type: "registry:core",
         target: "core/date-range-picker.tsx",
       },
@@ -397,23 +319,31 @@ export const core: Registry = [
   {
     name: "dialog",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["overlay", "heading", "text"],
     files: [
       {
-        path: "core/dialog/dialog.tsx",
+        path: "core/dialog_basic.tsx",
         type: "registry:core",
         target: "core/dialog.tsx",
       },
     ],
   },
+  {
+    name: "drawer",
+    type: "registry:core",
+    files: [
+      {
+        path: "core/drawer_basic.tsx",
+        type: "registry:core",
+        target: "core/drawer.tsx",
+      },
+    ],
+  },
   {
     name: "drop-zone",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/drop-zone/drop-zone.tsx",
+        path: "core/drop-zone_basic.tsx",
         type: "registry:core",
         target: "core/drop-zone.tsx",
       },
@@ -422,10 +352,9 @@ export const core: Registry = [
   {
     name: "field",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/field/field.tsx",
+        path: "core/field_basic.tsx",
         type: "registry:core",
         target: "core/field.tsx",
       },
@@ -434,10 +363,9 @@ export const core: Registry = [
   {
     name: "file-trigger",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/file-trigger/file-trigger.tsx",
+        path: "core/file-trigger_basic.tsx",
         type: "registry:core",
         target: "core/file-trigger.tsx",
       },
@@ -446,17 +374,22 @@ export const core: Registry = [
   {
     name: "form",
     type: "registry:core",
-    variants: [
+    variants: ["basic", "react-hook-form"],
+  },
+  {
+    name: "form_basic",
+    type: "registry:core",
+    files: [
       {
-        name: "react-hook-form",
-        label: "React Hook Form",
+        path: "core/form_basic.tsx",
+        type: "registry:core",
+        target: "core/form.tsx",
       },
     ],
   },
   {
-    name: "react-hook-form",
+    name: "form_react-hook-form",
     type: "registry:core",
-    dependencies: ["react-hook-form", "@hookform/resolvers", "zod"],
     files: [
       {
         path: "core/form_react-hook-form.tsx",
@@ -466,223 +399,208 @@ export const core: Registry = [
     ],
   },
   {
-    name: "group",
+    name: "input",
+    type: "registry:core",
+    variants: ["basic"],
+  },
+  {
+    name: "input_basic",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/group/group.tsx",
+        path: "core/input_basic.tsx",
         type: "registry:core",
-        target: "core/group.tsx",
+        target: "core/input.tsx",
       },
     ],
   },
   {
-    name: "heading",
+    name: "kbd",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/heading/heading.tsx",
+        path: "core/kbd_basic.tsx",
         type: "registry:core",
-        target: "core/heading.tsx",
+        target: "core/kbd.tsx",
       },
     ],
   },
   {
-    name: "input",
+    name: "list-box",
     type: "registry:core",
-    dependencies: [
-      "react-aria-components",
-      "@react-aria/utils",
-      "@react-stately/utils",
-    ],
     files: [
       {
-        path: "core/input/input.tsx",
+        path: "core/list-box_basic.tsx",
         type: "registry:core",
-        target: "core/input.tsx",
+        target: "core/list-box.tsx",
       },
     ],
   },
   {
-    name: "kbd",
+    name: "list-box",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/kbd/kbd.tsx",
+        path: "core/list-box_basic.tsx",
         type: "registry:core",
-        target: "core/kbd.tsx",
+        target: "core/list-box.tsx",
       },
     ],
   },
   {
-    name: "link",
+    name: "loader",
+    type: "registry:core",
+    variants: ["dots", "line", "ring", "tailspin", "wave"],
+  },
+  {
+    name: "loader_dots",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/link/link.tsx",
+        path: "core/loader_dots.tsx",
         type: "registry:core",
-        target: "core/link.tsx",
+        target: "core/loader.tsx",
       },
     ],
   },
   {
-    name: "list-box",
+    name: "loader_line",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["text"],
     files: [
       {
-        path: "core/list-box/list-box.tsx",
+        path: "core/loader_line.tsx",
         type: "registry:core",
-        target: "core/list-box.tsx",
+        target: "core/loader.tsx",
       },
     ],
   },
   {
-    name: "menu",
+    name: "loader_ring",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["overlay", "kbd", "text"],
     files: [
       {
-        path: "core/menu/menu.tsx",
+        path: "core/loader_ring.tsx",
         type: "registry:core",
-        target: "core/menu.tsx",
+        target: "core/loader.tsx",
       },
     ],
   },
-  // TODO: add useMediaQuery
   {
-    name: "number-field",
+    name: "loader_tailspin",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["input", "field", "button"],
     files: [
       {
-        path: "core/number-field/number-field.tsx",
+        path: "core/loader_tailspin.tsx",
         type: "registry:core",
-        target: "core/number-field.tsx",
+        target: "core/loader.tsx",
       },
     ],
   },
-  // TODO: add useMediaQuery
   {
-    name: "overlay",
+    name: "loader_wave",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button"],
     files: [
       {
-        path: "core/overlay/overlay.tsx",
+        path: "core/loader_wave.tsx",
         type: "registry:core",
-        target: "core/overlay.tsx",
+        target: "core/loader.tsx",
       },
+    ],
+  },
+  {
+    name: "menu",
+    type: "registry:core",
+    files: [
       {
-        path: "core/overlay/use-motion-drawer.tsx",
+        path: "core/menu_basic.tsx",
         type: "registry:core",
-        target: "core/overlay.tsx",
+        target: "core/menu.tsx",
       },
     ],
   },
   {
-    name: "progress",
+    name: "modal",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field"],
     files: [
       {
-        path: "core/progress/progress.tsx",
+        path: "core/modal_basic.tsx",
         type: "registry:core",
-        target: "core/progress.tsx",
+        target: "core/modal.tsx",
       },
     ],
   },
   {
-    name: "radio-group",
+    name: "number-field",
     type: "registry:core",
-    variants: [
+    files: [
       {
-        name: "radio-group_basic",
-        label: "Basic",
+        path: "core/number-field_basic.tsx",
+        type: "registry:core",
+        target: "core/number-field.tsx",
       },
     ],
   },
   {
-    name: "radio-group_basic",
+    name: "overlay",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field"],
     files: [
       {
-        path: "core/radio-group-_basic.tsx",
+        path: "core/overlay_basic.tsx",
         type: "registry:core",
-        target: "core/radio-group.tsx",
+        target: "core/overlay.tsx",
       },
     ],
   },
-
   {
-    name: "radio-group",
+    name: "popover",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field"],
     files: [
       {
-        path: "core/radio-group/radio-group.tsx",
+        path: "core/popover_basic.tsx",
         type: "registry:core",
-        target: "core/radio-group.tsx",
+        target: "core/popover.tsx",
       },
     ],
   },
   {
-    name: "scroll-area",
+    name: "progress-bar",
     type: "registry:core",
-    dependencies: ["@radix-ui/react-scroll-area"],
     files: [
       {
-        path: "core/scroll-area/scroll-area.tsx",
+        path: "core/progress-bar_basic.tsx",
         type: "registry:core",
-        target: "core/scroll-area.tsx",
+        target: "core/progress-bar.tsx",
       },
     ],
   },
   {
-    name: "search-field",
+    name: "radio-group",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "field", "input"],
     files: [
       {
-        path: "core/search-field/search-field.tsx",
+        path: "core/radio-group_basic.tsx",
         type: "registry:core",
-        target: "core/search-field.tsx",
+        target: "core/radio-group.tsx",
       },
     ],
   },
   {
-    name: "section",
+    name: "search-field",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/section/section.tsx",
+        path: "core/search-field_basic.tsx",
         type: "registry:core",
-        target: "core/section.tsx",
+        target: "core/search-field.tsx",
       },
     ],
   },
   {
     name: "select",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["button", "field", "list-box", "overlay"],
     files: [
       {
-        path: "core/select/select.tsx",
+        path: "core/select_basic.tsx",
         type: "registry:core",
         target: "core/select.tsx",
       },
@@ -691,10 +609,9 @@ export const core: Registry = [
   {
     name: "separator",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/separator/separator.tsx",
+        path: "core/separator_basic.tsx",
         type: "registry:core",
         target: "core/separator.tsx",
       },
@@ -705,20 +622,18 @@ export const core: Registry = [
     type: "registry:core",
     files: [
       {
-        path: "core/separator/separator.tsx",
+        path: "core/skeleton_basic.tsx",
         type: "registry:core",
-        target: "core/separator.tsx",
+        target: "core/skeleton.tsx",
       },
     ],
   },
   {
     name: "slider",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field"],
     files: [
       {
-        path: "core/slider/slider.tsx",
+        path: "core/slider_basic.tsx",
         type: "registry:core",
         target: "core/slider.tsx",
       },
@@ -727,31 +642,33 @@ export const core: Registry = [
   {
     name: "switch",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/switch/switch.tsx",
+        path: "core/switch_basic.tsx",
         type: "registry:core",
         target: "core/switch.tsx",
       },
     ],
   },
   {
-    name: "tabs",
+    name: "table",
     type: "registry:core",
-    variants: [
-      {
-        name: "tabs_basic",
-      },
+    files: [
       {
-        name: "tabs_motion",
+        path: "core/table_basic.tsx",
+        type: "registry:core",
+        target: "core/table.tsx",
       },
     ],
   },
+  {
+    name: "tabs",
+    type: "registry:core",
+    variants: ["basic", "motion"],
+  },
   {
     name: "tabs_basic",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
         path: "core/tabs_basic.tsx",
@@ -763,7 +680,6 @@ export const core: Registry = [
   {
     name: "tabs_motion",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
         path: "core/tabs_motion.tsx",
@@ -772,13 +688,23 @@ export const core: Registry = [
       },
     ],
   },
+  {
+    name: "tag-group",
+    type: "registry:core",
+    files: [
+      {
+        path: "core/tag-group_basic.tsx",
+        type: "registry:core",
+        target: "core/tag-group.tsx",
+      },
+    ],
+  },
   {
     name: "text",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/text/text.tsx",
+        path: "core/text_basic.tsx",
         type: "registry:core",
         target: "core/text.tsx",
       },
@@ -787,11 +713,9 @@ export const core: Registry = [
   {
     name: "text-area",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field", "input", "text-field"],
     files: [
       {
-        path: "core/text-area/text-area.tsx",
+        path: "core/text-area_basic.tsx",
         type: "registry:core",
         target: "core/text-area.tsx",
       },
@@ -800,11 +724,9 @@ export const core: Registry = [
   {
     name: "text-field",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field", "input"],
     files: [
       {
-        path: "core/text-field/text-field.tsx",
+        path: "core/text-field_basic.tsx",
         type: "registry:core",
         target: "core/text-field.tsx",
       },
@@ -813,11 +735,9 @@ export const core: Registry = [
   {
     name: "time-field",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
-    registryDependencies: ["field", "input", "date-input"],
     files: [
       {
-        path: "core/time-field/time-field.tsx",
+        path: "core/time-field_basic.tsx",
         type: "registry:core",
         target: "core/time-field.tsx",
       },
@@ -826,111 +746,49 @@ export const core: Registry = [
   {
     name: "toggle-button",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/toggle-button/toggle-button.tsx",
+        path: "core/toggle-button_basic.tsx",
         type: "registry:core",
         target: "core/toggle-button.tsx",
       },
     ],
   },
   {
-    name: "tooltip",
-    type: "registry:core",
-    variants: [
-      {
-        name: "tooltip_basic",
-      },
-      {
-        name: "tooltip_framer",
-      },
-    ],
-  },
-  {
-    name: "tooltip_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/tooltip_basic.tsx",
-        type: "registry:core",
-        target: "core/tooltip.tsx",
-      },
-    ],
-  },
-  {
-    name: "tooltip_framer",
+    name: "toggle-button-group",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/tooltip_framer.tsx",
+        path: "core/toggle-button-group_basic.tsx",
         type: "registry:core",
-        target: "core/tooltip.tsx",
+        target: "core/toggle-button-group.tsx",
       },
     ],
   },
   {
-    name: "modal",
-    type: "registry:core",
-    variants: [
-      {
-        name: "modal_basic",
-      },
-    ],
-  },
-  {
-    name: "modal_basic",
-    type: "registry:core",
-    dependencies: ["react-aria-components"],
-    files: [
-      {
-        path: "core/modal_basic.tsx",
-        type: "registry:core",
-        target: "core/modal.tsx",
-      },
-    ],
-  },
-  {
-    name: "popover",
+    name: "tooltip",
     type: "registry:core",
-    variants: [
-      {
-        name: "popover_basic",
-      },
-    ],
+    variants: ["basic", "motion"],
   },
   {
-    name: "popover_basic",
+    name: "tooltip_basic",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/popover_basic.tsx",
+        path: "core/tooltip_basic.tsx",
         type: "registry:core",
-        target: "core/popover.tsx",
-      },
-    ],
-  },
-  {
-    name: "drawer",
-    type: "registry:core",
-    variants: [
-      {
-        name: "drawer_basic",
+        target: "core/tooltip.tsx",
       },
     ],
   },
   {
-    name: "drawer_basic",
+    name: "tooltip_motion",
     type: "registry:core",
-    dependencies: ["react-aria-components"],
     files: [
       {
-        path: "core/drawer_basic.tsx",
+        path: "core/tooltip_motion.tsx",
         type: "registry:core",
-        target: "core/drawer.tsx",
+        target: "core/tooltip.tsx",
       },
     ],
   },
diff --git a/www/src/registry/registry-core_new.ts b/www/src/registry/registry-core_new.ts
deleted file mode 100644
index dae396ded..000000000
--- a/www/src/registry/registry-core_new.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-export type RegistryType = "registry:core" | "registry:hook" | "registry:lib";
-
-export type RegistryItem = Prettify<
-  {
-    name: string;
-    type: RegistryType;
-    description?: string;
-  } & (
-    | {
-        dependencies?: string[];
-        registryDependencies?: string[];
-        files: {
-          path: string;
-          type: RegistryType;
-          target: string;
-        }[];
-      }
-    | {
-        variants: (
-          | {
-              name: string;
-              label?: string;
-              description?: string;
-            }
-          | string
-        )[];
-      }
-  )
->;
-
-export type Registry = RegistryItem[];
-
-export const core: Registry = [
-  {
-    name: "alert",
-    type: "registry:core",
-    variants: ["basic", "notch", "notch-2"],
-  },
-  {
-    name: "alert_basic",
-    description: "Minimal with a subtle border and muted background.",
-    type: "registry:core",
-    files: [
-      {
-        path: "core/alert_basic.tsx",
-        type: "registry:core",
-        target: "core/alert.tsx",
-      },
-    ],
-  },
-  {
-    name: "alert_notch",
-    description: "Alert with a bold left border for emphasis.",
-    type: "registry:core",
-    files: [
-      {
-        path: "core/alert_notch.tsx",
-        type: "registry:core",
-        target: "core/alert.tsx",
-      },
-    ],
-  },
-  {
-    name: "alert_notch-2",
-    description:
-      "Alert with a bold left border for emphasis and muted background.",
-    type: "registry:core",
-    files: [
-      {
-        path: "core/alert_notch.tsx",
-        type: "registry:core",
-        target: "core/alert.tsx",
-      },
-    ],
-  },
-  {
-    name: "avatar",
-    type: "registry:core",
-    files: [
-      {
-        path: "core/avatar_basic.tsx",
-        type: "registry:core",
-        target: "core/avatar.tsx",
-      },
-    ],
-  },
-];
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
index 8d8787780..72e326a4c 100644
--- a/www/src/registry/types.ts
+++ b/www/src/registry/types.ts
@@ -16,11 +16,7 @@ export type RegistryItem = Prettify<
         }[];
       }
     | {
-        variants: {
-          name: string;
-          label?: string;
-          description?: string;
-        }[];
+        variants: string[];
       }
   )
 >;

From 5cf65a8186fbfdb7e2031c4e1a785368a4c86e86 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 05:41:31 +0100
Subject: [PATCH 078/165] feat: style-switcher

---
 www/scripts/build-internal-registry.ts        |   19 +-
 www/src/__registry__/demos.tsx                | 5041 ++++++++---------
 www/src/components/demos/registry.ts          |  496 --
 .../docs/component-preview-client.tsx         |    3 +-
 www/src/components/docs/component-preview.tsx |   20 +-
 www/src/components/docs/style-switcher.tsx    |   33 +-
 www/src/components/dynamic-core/alert.tsx     |   24 +-
 www/src/components/dynamic-core/calendar.tsx  |   20 +-
 www/src/lib/create-dynamic-component.tsx      |    2 +-
 www/src/lib/themes.ts                         |    1 +
 www/src/registry/core/popover_basic.tsx       |    8 +-
 11 files changed, 2337 insertions(+), 3330 deletions(-)
 delete mode 100644 www/src/components/demos/registry.ts

diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
index 94496b117..2c3edf46b 100644
--- a/www/scripts/build-internal-registry.ts
+++ b/www/scripts/build-internal-registry.ts
@@ -1,7 +1,6 @@
 import { existsSync, promises as fs } from "node:fs";
 import path from "node:path";
 import { rimraf } from "rimraf";
-import { demos } from "@/components/demos/registry";
 import { core } from "@/registry/registry-core";
 import { iconLibraries, icons } from "@/registry/registry-icons";
 import { RegistryItem } from "@/registry/types";
@@ -39,30 +38,24 @@ async function buildDemos() {
   export const Index: Record<string, any> = {
   `;
 
-  index += `  core: {`;
-
-  // get all foders in src/components/demos and for each folder get all files
   const sourcePath = path.join(process.cwd(), "src/components/demos");
   const folders = await fs.readdir(sourcePath);
   for (const folder of folders) {
     const folderPath = path.join(sourcePath, folder);
-    const primitiveName = folder;
+    // replace tsx with empty string
+    const primitiveName = folder.replace(".tsx", "");
     const demos = await fs.readdir(folderPath);
     for (const demo of demos) {
-      const demoName = `${primitiveName}-${demo}`;
-      const demoPath = `@/components/demos/${primitiveName}/${demo}`;
+      const demoName = `${primitiveName}/${demo.replace(".tsx", "")}`;
+      const demoPath = `@/components/demos/${primitiveName}/${demo.replace(".tsx", "")}`;
       index += `
       "${demoName}": {
-        name: "${demoName}",
-        files: ["demos/${primitiveName}/${demo}"],
-        component: React.lazy(() => import("@/${demoPath.replace(".tsx", "")}")),
+        files: ["components/demos/${primitiveName}/${demo}"],
+        component: React.lazy(() => import("${demoPath}")),
       },`;
     }
   }
 
-  index += `
-  },`;
-
   index += `
 }
 `;
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 040629ddc..3c7f177bc 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -3,2773 +3,2278 @@
 import * as React from "react";
 
 export const Index: Record<string, any> = {
-  core: {
-    "alert-action": {
-      name: "alert-action",
-      files: ["demos/alert/action.tsx"],
-      component: React.lazy(() => import("@/components/demos/alert/action")),
-    },
-    "alert-composition": {
-      name: "alert-composition",
-      files: ["demos/alert/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/alert/composition")
-      ),
-    },
-    "alert-content": {
-      name: "alert-content",
-      files: ["demos/alert/content.tsx"],
-      component: React.lazy(() => import("@/components/demos/alert/content")),
-    },
-    "alert-custom-icon": {
-      name: "alert-custom-icon",
-      files: ["demos/alert/custom-icon.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/alert/custom-icon")
-      ),
-    },
-    "alert-default": {
-      name: "alert-default",
-      files: ["demos/alert/default.tsx"],
-      component: React.lazy(() => import("@/components/demos/alert/default")),
-    },
-    "alert-title": {
-      name: "alert-title",
-      files: ["demos/alert/title.tsx"],
-      component: React.lazy(() => import("@/components/demos/alert/title")),
-    },
-    "alert-variants": {
-      name: "alert-variants",
-      files: ["demos/alert/variants.tsx"],
-      component: React.lazy(() => import("@/components/demos/alert/variants")),
-    },
-    "avatar-composition": {
-      name: "avatar-composition",
-      files: ["demos/avatar/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/avatar/composition")
-      ),
-    },
-    "avatar-default": {
-      name: "avatar-default",
-      files: ["demos/avatar/default.tsx"],
-      component: React.lazy(() => import("@/components/demos/avatar/default")),
-    },
-    "avatar-shape": {
-      name: "avatar-shape",
-      files: ["demos/avatar/shape.tsx"],
-      component: React.lazy(() => import("@/components/demos/avatar/shape")),
-    },
-    "avatar-sizes": {
-      name: "avatar-sizes",
-      files: ["demos/avatar/sizes.tsx"],
-      component: React.lazy(() => import("@/components/demos/avatar/sizes")),
-    },
-    "badge-default": {
-      name: "badge-default",
-      files: ["demos/badge/default.tsx"],
-      component: React.lazy(() => import("@/components/demos/badge/default")),
-    },
-    "badge-icon": {
-      name: "badge-icon",
-      files: ["demos/badge/icon.tsx"],
-      component: React.lazy(() => import("@/components/demos/badge/icon")),
-    },
-    "badge-sizes": {
-      name: "badge-sizes",
-      files: ["demos/badge/sizes.tsx"],
-      component: React.lazy(() => import("@/components/demos/badge/sizes")),
-    },
-    "badge-variants": {
-      name: "badge-variants",
-      files: ["demos/badge/variants.tsx"],
-      component: React.lazy(() => import("@/components/demos/badge/variants")),
-    },
-    "breadcrumbs-basic": {
-      name: "breadcrumbs-basic",
-      files: ["demos/breadcrumbs/basic.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/breadcrumbs/basic")
-      ),
-    },
-    "breadcrumbs-composition": {
-      name: "breadcrumbs-composition",
-      files: ["demos/breadcrumbs/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/breadcrumbs/composition")
-      ),
-    },
-    "breadcrumbs-disabled": {
-      name: "breadcrumbs-disabled",
-      files: ["demos/breadcrumbs/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/breadcrumbs/disabled")
-      ),
-    },
-    "breadcrumbs-icon": {
-      name: "breadcrumbs-icon",
-      files: ["demos/breadcrumbs/icon.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/breadcrumbs/icon")
-      ),
-    },
-    "breadcrumbs-router-integration": {
-      name: "breadcrumbs-router-integration",
-      files: ["demos/breadcrumbs/router-integration.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/breadcrumbs/router-integration")
-      ),
-    },
-    "button-default": {
-      name: "button-default",
-      files: ["demos/button/default.tsx"],
-      component: React.lazy(() => import("@/components/demos/button/default")),
-    },
-    "button-disabled": {
-      name: "button-disabled",
-      files: ["demos/button/disabled.tsx"],
-      component: React.lazy(() => import("@/components/demos/button/disabled")),
-    },
-    "button-link-button": {
-      name: "button-link-button",
-      files: ["demos/button/link-button.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/button/link-button")
-      ),
-    },
-    "button-loading": {
-      name: "button-loading",
-      files: ["demos/button/loading.tsx"],
-      component: React.lazy(() => import("@/components/demos/button/loading")),
-    },
-    "button-prefix-and-suffix": {
-      name: "button-prefix-and-suffix",
-      files: ["demos/button/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/button/prefix-and-suffix")
-      ),
-    },
-    "button-shapes": {
-      name: "button-shapes",
-      files: ["demos/button/shapes.tsx"],
-      component: React.lazy(() => import("@/components/demos/button/shapes")),
-    },
-    "button-sizes": {
-      name: "button-sizes",
-      files: ["demos/button/sizes.tsx"],
-      component: React.lazy(() => import("@/components/demos/button/sizes")),
-    },
-    "button-variants": {
-      name: "button-variants",
-      files: ["demos/button/variants.tsx"],
-      component: React.lazy(() => import("@/components/demos/button/variants")),
-    },
-    "calendar-composition": {
-      name: "calendar-composition",
-      files: ["demos/calendar/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/composition")
-      ),
-    },
-    "calendar-controlled": {
-      name: "calendar-controlled",
-      files: ["demos/calendar/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/controlled")
-      ),
-    },
-    "calendar-default": {
-      name: "calendar-default",
-      files: ["demos/calendar/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/default")
-      ),
-    },
-    "calendar-disabled": {
-      name: "calendar-disabled",
-      files: ["demos/calendar/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/disabled")
-      ),
-    },
-    "calendar-error-message": {
-      name: "calendar-error-message",
-      files: ["demos/calendar/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/error-message")
-      ),
-    },
-    "calendar-page-behaviour": {
-      name: "calendar-page-behaviour",
-      files: ["demos/calendar/page-behaviour.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/page-behaviour")
-      ),
-    },
-    "calendar-read-only": {
-      name: "calendar-read-only",
-      files: ["demos/calendar/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/read-only")
-      ),
-    },
-    "calendar-uncontrolled": {
-      name: "calendar-uncontrolled",
-      files: ["demos/calendar/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/uncontrolled")
-      ),
-    },
-    "calendar-unvailable-dates": {
-      name: "calendar-unvailable-dates",
-      files: ["demos/calendar/unvailable-dates.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/unvailable-dates")
-      ),
-    },
-    "calendar-validation": {
-      name: "calendar-validation",
-      files: ["demos/calendar/validation.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/validation")
-      ),
-    },
-    "calendar-visible-months": {
-      name: "calendar-visible-months",
-      files: ["demos/calendar/visible-months.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/visible-months")
-      ),
-    },
-    "calendar-variant": {
-      name: "calendar-variant",
-      files: ["demos/calendar/variant.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/calendar/variant")
-      ),
-    },
-    "checkbox-group-cards": {
-      name: "checkbox-group-cards",
-      files: ["demos/checkbox-group/cards.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/cards")
-      ),
-    },
-    "checkbox-group-composition": {
-      name: "checkbox-group-composition",
-      files: ["demos/checkbox-group/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/composition")
-      ),
-    },
-    "checkbox-group-controlled": {
-      name: "checkbox-group-controlled",
-      files: ["demos/checkbox-group/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/controlled")
-      ),
-    },
-    "checkbox-group-default": {
-      name: "checkbox-group-default",
-      files: ["demos/checkbox-group/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/default")
-      ),
-    },
-    "checkbox-group-description": {
-      name: "checkbox-group-description",
-      files: ["demos/checkbox-group/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/description")
-      ),
-    },
-    "checkbox-group-disabled": {
-      name: "checkbox-group-disabled",
-      files: ["demos/checkbox-group/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/disabled")
-      ),
-    },
-    "checkbox-group-error-message": {
-      name: "checkbox-group-error-message",
-      files: ["demos/checkbox-group/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/error-message")
-      ),
-    },
-    "checkbox-group-label": {
-      name: "checkbox-group-label",
-      files: ["demos/checkbox-group/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/label")
-      ),
-    },
-    "checkbox-group-read-only": {
-      name: "checkbox-group-read-only",
-      files: ["demos/checkbox-group/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/read-only")
-      ),
-    },
-    "checkbox-group-required": {
-      name: "checkbox-group-required",
-      files: ["demos/checkbox-group/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/required")
-      ),
-    },
-    "checkbox-group-uncontrolled": {
-      name: "checkbox-group-uncontrolled",
-      files: ["demos/checkbox-group/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox-group/uncontrolled")
-      ),
-    },
-    "checkbox-variants": {
-      name: "checkbox-variants",
-      files: ["demos/checkbox/variants.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox/variants")
-      ),
-    },
-    "checkbox-card": {
-      name: "checkbox-card",
-      files: ["demos/checkbox/card.tsx"],
-      component: React.lazy(() => import("@/components/demos/checkbox/card")),
-    },
-    "checkbox-controlled": {
-      name: "checkbox-controlled",
-      files: ["demos/checkbox/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox/controlled")
-      ),
-    },
-    "checkbox-default": {
-      name: "checkbox-default",
-      files: ["demos/checkbox/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox/default")
-      ),
-    },
-    "checkbox-disabled": {
-      name: "checkbox-disabled",
-      files: ["demos/checkbox/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox/disabled")
-      ),
-    },
-    "checkbox-indeterminate": {
-      name: "checkbox-indeterminate",
-      files: ["demos/checkbox/indeterminate.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox/indeterminate")
-      ),
-    },
-    "checkbox-read-only": {
-      name: "checkbox-read-only",
-      files: ["demos/checkbox/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox/read-only")
-      ),
-    },
-    "checkbox-uncontrolled": {
-      name: "checkbox-uncontrolled",
-      files: ["demos/checkbox/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox/uncontrolled")
-      ),
-    },
-    "checkbox-composition": {
-      name: "checkbox-composition",
-      files: ["demos/checkbox/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/checkbox/composition")
-      ),
-    },
-    "color-area-channels": {
-      name: "color-area-channels",
-      files: ["demos/color-area/channels.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-area/channels")
-      ),
-    },
-    "color-area-composition": {
-      name: "color-area-composition",
-      files: ["demos/color-area/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-area/composition")
-      ),
-    },
-    "color-area-controlled": {
-      name: "color-area-controlled",
-      files: ["demos/color-area/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-area/controlled")
-      ),
-    },
-    "color-area-default": {
-      name: "color-area-default",
-      files: ["demos/color-area/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-area/default")
-      ),
-    },
-    "color-area-disabled": {
-      name: "color-area-disabled",
-      files: ["demos/color-area/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-area/disabled")
-      ),
-    },
-    "color-area-uncontrolled": {
-      name: "color-area-uncontrolled",
-      files: ["demos/color-area/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-area/uncontrolled")
-      ),
-    },
-    "color-field-color-channel": {
-      name: "color-field-color-channel",
-      files: ["demos/color-field/color-channel.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/color-channel")
-      ),
-    },
-    "color-field-composition": {
-      name: "color-field-composition",
-      files: ["demos/color-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/composition")
-      ),
-    },
-    "color-field-controlled": {
-      name: "color-field-controlled",
-      files: ["demos/color-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/controlled")
-      ),
-    },
-    "color-field-default": {
-      name: "color-field-default",
-      files: ["demos/color-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/default")
-      ),
-    },
-    "color-field-description": {
-      name: "color-field-description",
-      files: ["demos/color-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/description")
-      ),
-    },
-    "color-field-disabled": {
-      name: "color-field-disabled",
-      files: ["demos/color-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/disabled")
-      ),
-    },
-    "color-field-error-message": {
-      name: "color-field-error-message",
-      files: ["demos/color-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/error-message")
-      ),
-    },
-    "color-field-form": {
-      name: "color-field-form",
-      files: ["demos/color-field/form.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/form")
-      ),
-    },
-    "color-field-label": {
-      name: "color-field-label",
-      files: ["demos/color-field/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/label")
-      ),
-    },
-    "color-field-prefix-and-suffix": {
-      name: "color-field-prefix-and-suffix",
-      files: ["demos/color-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/prefix-and-suffix")
-      ),
-    },
-    "color-field-read-only": {
-      name: "color-field-read-only",
-      files: ["demos/color-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/read-only")
-      ),
-    },
-    "color-field-required": {
-      name: "color-field-required",
-      files: ["demos/color-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/required")
-      ),
-    },
-    "color-field-sizes": {
-      name: "color-field-sizes",
-      files: ["demos/color-field/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-field/sizes")
-      ),
-    },
-    "color-picker-composition": {
-      name: "color-picker-composition",
-      files: ["demos/color-picker/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-picker/composition")
-      ),
-    },
-    "color-picker-controlled": {
-      name: "color-picker-controlled",
-      files: ["demos/color-picker/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-picker/controlled")
-      ),
-    },
-    "color-picker-default": {
-      name: "color-picker-default",
-      files: ["demos/color-picker/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-picker/default")
-      ),
-    },
-    "color-picker-options": {
-      name: "color-picker-options",
-      files: ["demos/color-picker/options.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-picker/options")
-      ),
-    },
-    "color-picker-uncontrolled": {
-      name: "color-picker-uncontrolled",
-      files: ["demos/color-picker/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-picker/uncontrolled")
-      ),
-    },
-    "color-picker-channel-sliders": {
-      name: "color-picker-channel-sliders",
-      files: ["demos/color-picker/channel-sliders.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-picker/channel-sliders")
-      ),
-    },
-    "color-picker-swatches": {
-      name: "color-picker-swatches",
-      files: ["demos/color-picker/swatches.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-picker/swatches")
-      ),
-    },
-    "color-slider-channel": {
-      name: "color-slider-channel",
-      files: ["demos/color-slider/channel.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-slider/channel")
-      ),
-    },
-    "color-slider-composition": {
-      name: "color-slider-composition",
-      files: ["demos/color-slider/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-slider/composition")
-      ),
-    },
-    "color-slider-controlled": {
-      name: "color-slider-controlled",
-      files: ["demos/color-slider/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-slider/controlled")
-      ),
-    },
-    "color-slider-default": {
-      name: "color-slider-default",
-      files: ["demos/color-slider/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-slider/default")
-      ),
-    },
-    "color-slider-disabled": {
-      name: "color-slider-disabled",
-      files: ["demos/color-slider/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-slider/disabled")
-      ),
-    },
-    "color-slider-label": {
-      name: "color-slider-label",
-      files: ["demos/color-slider/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-slider/label")
-      ),
-    },
-    "color-slider-vertical": {
-      name: "color-slider-vertical",
-      files: ["demos/color-slider/vertical.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-slider/vertical")
-      ),
-    },
-    "color-swatch-default": {
-      name: "color-swatch-default",
-      files: ["demos/color-swatch/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-swatch/default")
-      ),
-    },
-    "color-swatch-picker-basic": {
-      name: "color-swatch-picker-basic",
-      files: ["demos/color-swatch-picker/basic.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-swatch-picker/basic")
-      ),
-    },
-    "color-swatch-picker-controlled": {
-      name: "color-swatch-picker-controlled",
-      files: ["demos/color-swatch-picker/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-swatch-picker/controlled")
-      ),
-    },
-    "color-swatch-picker-disabled": {
-      name: "color-swatch-picker-disabled",
-      files: ["demos/color-swatch-picker/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/color-swatch-picker/disabled")
-      ),
-    },
-    "combobox-async-loading": {
-      name: "combobox-async-loading",
-      files: ["demos/combobox/async-loading.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/async-loading")
-      ),
-    },
-    "combobox-basic": {
-      name: "combobox-basic",
-      files: ["demos/combobox/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/combobox/basic")),
-    },
-    "combobox-composition": {
-      name: "combobox-composition",
-      files: ["demos/combobox/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/composition")
-      ),
-    },
-    "combobox-controlled": {
-      name: "combobox-controlled",
-      files: ["demos/combobox/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/controlled")
-      ),
-    },
-    "combobox-custom-value": {
-      name: "combobox-custom-value",
-      files: ["demos/combobox/custom-value.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/custom-value")
-      ),
-    },
-    "combobox-description": {
-      name: "combobox-description",
-      files: ["demos/combobox/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/description")
-      ),
-    },
-    "combobox-disabled": {
-      name: "combobox-disabled",
-      files: ["demos/combobox/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/disabled")
-      ),
-    },
-    "combobox-label": {
-      name: "combobox-label",
-      files: ["demos/combobox/label.tsx"],
-      component: React.lazy(() => import("@/components/demos/combobox/label")),
-    },
-    "combobox-loading": {
-      name: "combobox-loading",
-      files: ["demos/combobox/loading.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/loading")
-      ),
-    },
-    "combobox-required": {
-      name: "combobox-required",
-      files: ["demos/combobox/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/required")
-      ),
-    },
-    "combobox-sections": {
-      name: "combobox-sections",
-      files: ["demos/combobox/sections.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/sections")
-      ),
-    },
-    "combobox-uncontrolled": {
-      name: "combobox-uncontrolled",
-      files: ["demos/combobox/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/uncontrolled")
-      ),
-    },
-    "combobox-validation": {
-      name: "combobox-validation",
-      files: ["demos/combobox/validation.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/combobox/validation")
-      ),
-    },
-    "date-field-composition": {
-      name: "date-field-composition",
-      files: ["demos/date-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/composition")
-      ),
-    },
-    "date-field-controlled": {
-      name: "date-field-controlled",
-      files: ["demos/date-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/controlled")
-      ),
-    },
-    "date-field-default": {
-      name: "date-field-default",
-      files: ["demos/date-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/default")
-      ),
-    },
-    "date-field-description": {
-      name: "date-field-description",
-      files: ["demos/date-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/description")
-      ),
-    },
-    "date-field-disabled": {
-      name: "date-field-disabled",
-      files: ["demos/date-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/disabled")
-      ),
-    },
-    "date-field-error-message": {
-      name: "date-field-error-message",
-      files: ["demos/date-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/error-message")
-      ),
-    },
-    "date-field-granularity": {
-      name: "date-field-granularity",
-      files: ["demos/date-field/granularity.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/granularity")
-      ),
-    },
-    "date-field-hide-time-zone": {
-      name: "date-field-hide-time-zone",
-      files: ["demos/date-field/hide-time-zone.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/hide-time-zone")
-      ),
-    },
-    "date-field-hour-cycle": {
-      name: "date-field-hour-cycle",
-      files: ["demos/date-field/hour-cycle.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/hour-cycle")
-      ),
-    },
-    "date-field-label": {
-      name: "date-field-label",
-      files: ["demos/date-field/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/label")
-      ),
-    },
-    "date-field-placeholder": {
-      name: "date-field-placeholder",
-      files: ["demos/date-field/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/placeholder")
-      ),
-    },
-    "date-field-prefix-and-suffix": {
-      name: "date-field-prefix-and-suffix",
-      files: ["demos/date-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/prefix-and-suffix")
-      ),
-    },
-    "date-field-read-only": {
-      name: "date-field-read-only",
-      files: ["demos/date-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/read-only")
-      ),
-    },
-    "date-field-required": {
-      name: "date-field-required",
-      files: ["demos/date-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/required")
-      ),
-    },
-    "date-field-sizes": {
-      name: "date-field-sizes",
-      files: ["demos/date-field/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/sizes")
-      ),
-    },
-    "date-field-time-zones": {
-      name: "date-field-time-zones",
-      files: ["demos/date-field/time-zones.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/time-zones")
-      ),
-    },
-    "date-field-uncontrolled": {
-      name: "date-field-uncontrolled",
-      files: ["demos/date-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-field/uncontrolled")
-      ),
-    },
-    "date-picker-composition": {
-      name: "date-picker-composition",
-      files: ["demos/date-picker/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/composition")
-      ),
-    },
-    "date-picker-controlled": {
-      name: "date-picker-controlled",
-      files: ["demos/date-picker/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/controlled")
-      ),
-    },
-    "date-picker-default": {
-      name: "date-picker-default",
-      files: ["demos/date-picker/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/default")
-      ),
-    },
-    "date-picker-description": {
-      name: "date-picker-description",
-      files: ["demos/date-picker/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/description")
-      ),
-    },
-    "date-picker-disabled": {
-      name: "date-picker-disabled",
-      files: ["demos/date-picker/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/disabled")
-      ),
-    },
-    "date-picker-error-message": {
-      name: "date-picker-error-message",
-      files: ["demos/date-picker/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/error-message")
-      ),
-    },
-    "date-picker-granularity": {
-      name: "date-picker-granularity",
-      files: ["demos/date-picker/granularity.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/granularity")
-      ),
-    },
-    "date-picker-hide-time-zone": {
-      name: "date-picker-hide-time-zone",
-      files: ["demos/date-picker/hide-time-zone.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/hide-time-zone")
-      ),
-    },
-    "date-picker-hour-cycle": {
-      name: "date-picker-hour-cycle",
-      files: ["demos/date-picker/hour-cycle.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/hour-cycle")
-      ),
-    },
-    "date-picker-label": {
-      name: "date-picker-label",
-      files: ["demos/date-picker/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/label")
-      ),
-    },
-    "date-picker-placeholder": {
-      name: "date-picker-placeholder",
-      files: ["demos/date-picker/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/placeholder")
-      ),
-    },
-    "date-picker-prefix": {
-      name: "date-picker-prefix",
-      files: ["demos/date-picker/prefix.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/prefix")
-      ),
-    },
-    "date-picker-read-only": {
-      name: "date-picker-read-only",
-      files: ["demos/date-picker/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/read-only")
-      ),
-    },
-    "date-picker-required": {
-      name: "date-picker-required",
-      files: ["demos/date-picker/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/required")
-      ),
-    },
-    "date-picker-sizes": {
-      name: "date-picker-sizes",
-      files: ["demos/date-picker/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/sizes")
-      ),
-    },
-    "date-picker-time-zones": {
-      name: "date-picker-time-zones",
-      files: ["demos/date-picker/time-zones.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/time-zones")
-      ),
-    },
-    "date-picker-uncontrolled": {
-      name: "date-picker-uncontrolled",
-      files: ["demos/date-picker/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-picker/uncontrolled")
-      ),
-    },
-    "date-range-picker-composition": {
-      name: "date-range-picker-composition",
-      files: ["demos/date-range-picker/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/composition")
-      ),
-    },
-    "date-range-picker-controlled": {
-      name: "date-range-picker-controlled",
-      files: ["demos/date-range-picker/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/controlled")
-      ),
-    },
-    "date-range-picker-default": {
-      name: "date-range-picker-default",
-      files: ["demos/date-range-picker/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/default")
-      ),
-    },
-    "date-range-picker-description": {
-      name: "date-range-picker-description",
-      files: ["demos/date-range-picker/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/description")
-      ),
-    },
-    "date-range-picker-disabled": {
-      name: "date-range-picker-disabled",
-      files: ["demos/date-range-picker/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/disabled")
-      ),
-    },
-    "date-range-picker-error-message": {
-      name: "date-range-picker-error-message",
-      files: ["demos/date-range-picker/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/error-message")
-      ),
-    },
-    "date-range-picker-granularity": {
-      name: "date-range-picker-granularity",
-      files: ["demos/date-range-picker/granularity.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/granularity")
-      ),
-    },
-    "date-range-picker-hide-time-zone": {
-      name: "date-range-picker-hide-time-zone",
-      files: ["demos/date-range-picker/hide-time-zone.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/hide-time-zone")
-      ),
-    },
-    "date-range-picker-hour-cycle": {
-      name: "date-range-picker-hour-cycle",
-      files: ["demos/date-range-picker/hour-cycle.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/hour-cycle")
-      ),
-    },
-    "date-range-picker-label": {
-      name: "date-range-picker-label",
-      files: ["demos/date-range-picker/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/label")
-      ),
-    },
-    "date-range-picker-placeholder": {
-      name: "date-range-picker-placeholder",
-      files: ["demos/date-range-picker/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/placeholder")
-      ),
-    },
-    "date-range-picker-prefix": {
-      name: "date-range-picker-prefix",
-      files: ["demos/date-range-picker/prefix.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/prefix")
-      ),
-    },
-    "date-range-picker-read-only": {
-      name: "date-range-picker-read-only",
-      files: ["demos/date-range-picker/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/read-only")
-      ),
-    },
-    "date-range-picker-required": {
-      name: "date-range-picker-required",
-      files: ["demos/date-range-picker/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/required")
-      ),
-    },
-    "date-range-picker-sizes": {
-      name: "date-range-picker-sizes",
-      files: ["demos/date-range-picker/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/sizes")
-      ),
-    },
-    "date-range-picker-time-zones": {
-      name: "date-range-picker-time-zones",
-      files: ["demos/date-range-picker/time-zones.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/time-zones")
-      ),
-    },
-    "date-range-picker-uncontrolled": {
-      name: "date-range-picker-uncontrolled",
-      files: ["demos/date-range-picker/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/date-range-picker/uncontrolled")
-      ),
-    },
-    "dialog-alert-dialog": {
-      name: "dialog-alert-dialog",
-      files: ["demos/dialog/alert-dialog.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/dialog/alert-dialog")
-      ),
-    },
-    "dialog-async-form-submission": {
-      name: "dialog-async-form-submission",
-      files: ["demos/dialog/async-form-submission.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/dialog/async-form-submission")
-      ),
-    },
-    "dialog-basic": {
-      name: "dialog-basic",
-      files: ["demos/dialog/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/dialog/basic")),
-    },
-    "dialog-composition": {
-      name: "dialog-composition",
-      files: ["demos/dialog/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/dialog/composition")
-      ),
-    },
-    "dialog-controlled": {
-      name: "dialog-controlled",
-      files: ["demos/dialog/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/dialog/controlled")
-      ),
-    },
-    "dialog-description": {
-      name: "dialog-description",
-      files: ["demos/dialog/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/dialog/description")
-      ),
-    },
-    "dialog-dismissable": {
-      name: "dialog-dismissable",
-      files: ["demos/dialog/dismissable.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/dialog/dismissable")
-      ),
-    },
-    "dialog-drawer": {
-      name: "dialog-drawer",
-      files: ["demos/dialog/drawer.tsx"],
-      component: React.lazy(() => import("@/components/demos/dialog/drawer")),
-    },
-    "dialog-inset-content": {
-      name: "dialog-inset-content",
-      files: ["demos/dialog/inset-content.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/dialog/inset-content")
-      ),
-    },
-    "dialog-nested": {
-      name: "dialog-nested",
-      files: ["demos/dialog/nested.tsx"],
-      component: React.lazy(() => import("@/components/demos/dialog/nested")),
-    },
-    "dialog-popover": {
-      name: "dialog-popover",
-      files: ["demos/dialog/popover.tsx"],
-      component: React.lazy(() => import("@/components/demos/dialog/popover")),
-    },
-    "dialog-title": {
-      name: "dialog-title",
-      files: ["demos/dialog/title.tsx"],
-      component: React.lazy(() => import("@/components/demos/dialog/title")),
-    },
-    "dialog-types": {
-      name: "dialog-types",
-      files: ["demos/dialog/types.tsx"],
-      component: React.lazy(() => import("@/components/demos/dialog/types")),
-    },
-    "drawer-basic": {
-      name: "drawer-basic",
-      files: ["demos/drawer/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/drawer/basic")),
-    },
-    "drawer-placement": {
-      name: "drawer-placement",
-      files: ["demos/drawer/placement.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/drawer/placement")
-      ),
-    },
-    "drop-zone-basic": {
-      name: "drop-zone-basic",
-      files: ["demos/drop-zone/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/drop-zone/basic")),
-    },
-    "drop-zone-disabled": {
-      name: "drop-zone-disabled",
-      files: ["demos/drop-zone/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/drop-zone/disabled")
-      ),
-    },
-    "drop-zone-file-trigger": {
-      name: "drop-zone-file-trigger",
-      files: ["demos/drop-zone/file-trigger.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/drop-zone/file-trigger")
-      ),
-    },
-    "drop-zone-label": {
-      name: "drop-zone-label",
-      files: ["demos/drop-zone/label.tsx"],
-      component: React.lazy(() => import("@/components/demos/drop-zone/label")),
-    },
-    "drop-zone-visual-feedback": {
-      name: "drop-zone-visual-feedback",
-      files: ["demos/drop-zone/visual-feedback.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/drop-zone/visual-feedback")
-      ),
-    },
-    "drop-zone-events": {
-      name: "drop-zone-events",
-      files: ["demos/drop-zone/events.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/drop-zone/events")
-      ),
-    },
-    "file-trigger-default": {
-      name: "file-trigger-default",
-      files: ["demos/file-trigger/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/file-trigger/default")
-      ),
-    },
-    "file-trigger-directory-selection": {
-      name: "file-trigger-directory-selection",
-      files: ["demos/file-trigger/directory-selection.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/file-trigger/directory-selection")
-      ),
-    },
-    "file-trigger-file-types": {
-      name: "file-trigger-file-types",
-      files: ["demos/file-trigger/file-types.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/file-trigger/file-types")
-      ),
-    },
-    "file-trigger-media-capture": {
-      name: "file-trigger-media-capture",
-      files: ["demos/file-trigger/media-capture.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/file-trigger/media-capture")
-      ),
-    },
-    "file-trigger-multiple-files": {
-      name: "file-trigger-multiple-files",
-      files: ["demos/file-trigger/multiple-files.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/file-trigger/multiple-files")
-      ),
-    },
-    "list-box-async-loading": {
-      name: "list-box-async-loading",
-      files: ["demos/list-box/async-loading.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/async-loading")
-      ),
-    },
-    "list-box-basic": {
-      name: "list-box-basic",
-      files: ["demos/list-box/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/list-box/basic")),
-    },
-    "list-box-composition": {
-      name: "list-box-composition",
-      files: ["demos/list-box/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/composition")
-      ),
-    },
-    "list-box-contact-list": {
-      name: "list-box-contact-list",
-      files: ["demos/list-box/contact-list.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/contact-list")
-      ),
-    },
-    "list-box-controlled": {
-      name: "list-box-controlled",
-      files: ["demos/list-box/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/controlled")
-      ),
-    },
-    "list-box-disabled-items": {
-      name: "list-box-disabled-items",
-      files: ["demos/list-box/disabled-items.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/disabled-items")
-      ),
-    },
-    "list-box-empty-state": {
-      name: "list-box-empty-state",
-      files: ["demos/list-box/empty-state.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/empty-state")
-      ),
-    },
-    "list-box-grid": {
-      name: "list-box-grid",
-      files: ["demos/list-box/grid.tsx"],
-      component: React.lazy(() => import("@/components/demos/list-box/grid")),
-    },
-    "list-box-horizontal": {
-      name: "list-box-horizontal",
-      files: ["demos/list-box/horizontal.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/horizontal")
-      ),
-    },
-    "list-box-image-grid": {
-      name: "list-box-image-grid",
-      files: ["demos/list-box/image-grid.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/image-grid")
-      ),
-    },
-    "list-box-item-variant": {
-      name: "list-box-item-variant",
-      files: ["demos/list-box/item-variant.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/item-variant")
-      ),
-    },
-    "list-box-label-and-description": {
-      name: "list-box-label-and-description",
-      files: ["demos/list-box/label-and-description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/label-and-description")
-      ),
-    },
-    "list-box-links": {
-      name: "list-box-links",
-      files: ["demos/list-box/links.tsx"],
-      component: React.lazy(() => import("@/components/demos/list-box/links")),
-    },
-    "list-box-loading": {
-      name: "list-box-loading",
-      files: ["demos/list-box/loading.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/loading")
-      ),
-    },
-    "list-box-prefix-and-suffix": {
-      name: "list-box-prefix-and-suffix",
-      files: ["demos/list-box/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/prefix-and-suffix")
-      ),
-    },
-    "list-box-sections": {
-      name: "list-box-sections",
-      files: ["demos/list-box/sections.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/sections")
-      ),
-    },
-    "list-box-selection-behavior": {
-      name: "list-box-selection-behavior",
-      files: ["demos/list-box/selection-behavior.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/selection-behavior")
-      ),
-    },
-    "list-box-selection-mode": {
-      name: "list-box-selection-mode",
-      files: ["demos/list-box/selection-mode.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/selection-mode")
-      ),
-    },
-    "list-box-separator": {
-      name: "list-box-separator",
-      files: ["demos/list-box/separator.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/separator")
-      ),
-    },
-    "list-box-uncontrolled": {
-      name: "list-box-uncontrolled",
-      files: ["demos/list-box/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/list-box/uncontrolled")
-      ),
-    },
-    "menu-basic": {
-      name: "menu-basic",
-      files: ["demos/menu/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/menu/basic")),
-    },
-    "menu-composition": {
-      name: "menu-composition",
-      files: ["demos/menu/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/menu/composition")
-      ),
-    },
-    "menu-controlled": {
-      name: "menu-controlled",
-      files: ["demos/menu/controlled.tsx"],
-      component: React.lazy(() => import("@/components/demos/menu/controlled")),
-    },
-    "menu-disabled-items": {
-      name: "menu-disabled-items",
-      files: ["demos/menu/disabled-items.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/menu/disabled-items")
-      ),
-    },
-    "menu-item-variant": {
-      name: "menu-item-variant",
-      files: ["demos/menu/item-variant.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/menu/item-variant")
-      ),
-    },
-    "menu-label-and-description": {
-      name: "menu-label-and-description",
-      files: ["demos/menu/label-and-description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/menu/label-and-description")
-      ),
-    },
-    "menu-link-items": {
-      name: "menu-link-items",
-      files: ["demos/menu/link-items.tsx"],
-      component: React.lazy(() => import("@/components/demos/menu/link-items")),
-    },
-    "menu-long-press": {
-      name: "menu-long-press",
-      files: ["demos/menu/long-press.tsx"],
-      component: React.lazy(() => import("@/components/demos/menu/long-press")),
-    },
-    "menu-multiple-selection": {
-      name: "menu-multiple-selection",
-      files: ["demos/menu/multiple-selection.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/menu/multiple-selection")
-      ),
-    },
-    "menu-overlay-type": {
-      name: "menu-overlay-type",
-      files: ["demos/menu/overlay-type.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/menu/overlay-type")
-      ),
-    },
-    "menu-placement": {
-      name: "menu-placement",
-      files: ["demos/menu/placement.tsx"],
-      component: React.lazy(() => import("@/components/demos/menu/placement")),
-    },
-    "menu-prefix-and-suffix": {
-      name: "menu-prefix-and-suffix",
-      files: ["demos/menu/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/menu/prefix-and-suffix")
-      ),
-    },
-    "menu-section": {
-      name: "menu-section",
-      files: ["demos/menu/section.tsx"],
-      component: React.lazy(() => import("@/components/demos/menu/section")),
-    },
-    "menu-separator": {
-      name: "menu-separator",
-      files: ["demos/menu/separator.tsx"],
-      component: React.lazy(() => import("@/components/demos/menu/separator")),
-    },
-    "menu-shortcut": {
-      name: "menu-shortcut",
-      files: ["demos/menu/shortcut.tsx"],
-      component: React.lazy(() => import("@/components/demos/menu/shortcut")),
-    },
-    "menu-single-selection": {
-      name: "menu-single-selection",
-      files: ["demos/menu/single-selection.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/menu/single-selection")
-      ),
-    },
-    "menu-submenus": {
-      name: "menu-submenus",
-      files: ["demos/menu/submenus.tsx"],
-      component: React.lazy(() => import("@/components/demos/menu/submenus")),
-    },
-    "modal-basic": {
-      name: "modal-basic",
-      files: ["demos/modal/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/modal/basic")),
-    },
-    "number-field-composition": {
-      name: "number-field-composition",
-      files: ["demos/number-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/composition")
-      ),
-    },
-    "number-field-controlled": {
-      name: "number-field-controlled",
-      files: ["demos/number-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/controlled")
-      ),
-    },
-    "number-field-default": {
-      name: "number-field-default",
-      files: ["demos/number-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/default")
-      ),
-    },
-    "number-field-description": {
-      name: "number-field-description",
-      files: ["demos/number-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/description")
-      ),
-    },
-    "number-field-disabled": {
-      name: "number-field-disabled",
-      files: ["demos/number-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/disabled")
-      ),
-    },
-    "number-field-error-message": {
-      name: "number-field-error-message",
-      files: ["demos/number-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/error-message")
-      ),
-    },
-    "number-field-format-options": {
-      name: "number-field-format-options",
-      files: ["demos/number-field/format-options.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/format-options")
-      ),
-    },
-    "number-field-label": {
-      name: "number-field-label",
-      files: ["demos/number-field/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/label")
-      ),
-    },
-    "number-field-read-only": {
-      name: "number-field-read-only",
-      files: ["demos/number-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/read-only")
-      ),
-    },
-    "number-field-required": {
-      name: "number-field-required",
-      files: ["demos/number-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/required")
-      ),
-    },
-    "number-field-sizes": {
-      name: "number-field-sizes",
-      files: ["demos/number-field/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/sizes")
-      ),
-    },
-    "number-field-uncontrolled": {
-      name: "number-field-uncontrolled",
-      files: ["demos/number-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/number-field/uncontrolled")
-      ),
-    },
-    "popover-basic": {
-      name: "popover-basic",
-      files: ["demos/popover/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/popover/basic")),
-    },
-    "progress-bar-composition": {
-      name: "progress-bar-composition",
-      files: ["demos/progress-bar/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/composition")
-      ),
-    },
-    "progress-bar-custom-value-label": {
-      name: "progress-bar-custom-value-label",
-      files: ["demos/progress-bar/custom-value-label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/custom-value-label")
-      ),
-    },
-    "progress-bar-default": {
-      name: "progress-bar-default",
-      files: ["demos/progress-bar/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/default")
-      ),
-    },
-    "progress-bar-duration": {
-      name: "progress-bar-duration",
-      files: ["demos/progress-bar/duration.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/duration")
-      ),
-    },
-    "progress-bar-format-options": {
-      name: "progress-bar-format-options",
-      files: ["demos/progress-bar/format-options.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/format-options")
-      ),
-    },
-    "progress-bar-indeterminate": {
-      name: "progress-bar-indeterminate",
-      files: ["demos/progress-bar/indeterminate.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/indeterminate")
-      ),
-    },
-    "progress-bar-label": {
-      name: "progress-bar-label",
-      files: ["demos/progress-bar/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/label")
-      ),
-    },
-    "progress-bar-min-max-values": {
-      name: "progress-bar-min-max-values",
-      files: ["demos/progress-bar/min-max-values.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/min-max-values")
-      ),
-    },
-    "progress-bar-shape": {
-      name: "progress-bar-shape",
-      files: ["demos/progress-bar/shape.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/shape")
-      ),
-    },
-    "progress-bar-sizes": {
-      name: "progress-bar-sizes",
-      files: ["demos/progress-bar/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/sizes")
-      ),
-    },
-    "progress-bar-value-label": {
-      name: "progress-bar-value-label",
-      files: ["demos/progress-bar/value-label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/value-label")
-      ),
-    },
-    "progress-bar-variants": {
-      name: "progress-bar-variants",
-      files: ["demos/progress-bar/variants.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/progress-bar/variants")
-      ),
-    },
-    "radio-group-cards": {
-      name: "radio-group-cards",
-      files: ["demos/radio-group/cards.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/cards")
-      ),
-    },
-    "radio-group-composition": {
-      name: "radio-group-composition",
-      files: ["demos/radio-group/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/composition")
-      ),
-    },
-    "radio-group-controlled": {
-      name: "radio-group-controlled",
-      files: ["demos/radio-group/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/controlled")
-      ),
-    },
-    "radio-group-default": {
-      name: "radio-group-default",
-      files: ["demos/radio-group/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/default")
-      ),
-    },
-    "radio-group-description": {
-      name: "radio-group-description",
-      files: ["demos/radio-group/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/description")
-      ),
-    },
-    "radio-group-disabled": {
-      name: "radio-group-disabled",
-      files: ["demos/radio-group/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/disabled")
-      ),
-    },
-    "radio-group-error-message": {
-      name: "radio-group-error-message",
-      files: ["demos/radio-group/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/error-message")
-      ),
-    },
-    "radio-group-label": {
-      name: "radio-group-label",
-      files: ["demos/radio-group/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/label")
-      ),
-    },
-    "radio-group-orientation": {
-      name: "radio-group-orientation",
-      files: ["demos/radio-group/orientation.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/orientation")
-      ),
-    },
-    "radio-group-read-only": {
-      name: "radio-group-read-only",
-      files: ["demos/radio-group/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/read-only")
-      ),
-    },
-    "radio-group-required": {
-      name: "radio-group-required",
-      files: ["demos/radio-group/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/required")
-      ),
-    },
-    "radio-group-uncontrolled": {
-      name: "radio-group-uncontrolled",
-      files: ["demos/radio-group/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/radio-group/uncontrolled")
-      ),
-    },
-    "range-calendar-composition": {
-      name: "range-calendar-composition",
-      files: ["demos/range-calendar/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/composition")
-      ),
-    },
-    "range-calendar-controlled": {
-      name: "range-calendar-controlled",
-      files: ["demos/range-calendar/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/controlled")
-      ),
-    },
-    "range-calendar-default": {
-      name: "range-calendar-default",
-      files: ["demos/range-calendar/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/default")
-      ),
-    },
-    "range-calendar-disabled": {
-      name: "range-calendar-disabled",
-      files: ["demos/range-calendar/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/disabled")
-      ),
-    },
-    "range-calendar-error-message": {
-      name: "range-calendar-error-message",
-      files: ["demos/range-calendar/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/error-message")
-      ),
-    },
-    "range-calendar-non-contiguous-ranges": {
-      name: "range-calendar-non-contiguous-ranges",
-      files: ["demos/range-calendar/non-contiguous-ranges.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/non-contiguous-ranges")
-      ),
-    },
-    "range-calendar-page-behaviour": {
-      name: "range-calendar-page-behaviour",
-      files: ["demos/range-calendar/page-behaviour.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/page-behaviour")
-      ),
-    },
-    "range-calendar-read-only": {
-      name: "range-calendar-read-only",
-      files: ["demos/range-calendar/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/read-only")
-      ),
-    },
-    "range-calendar-uncontrolled": {
-      name: "range-calendar-uncontrolled",
-      files: ["demos/range-calendar/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/uncontrolled")
-      ),
-    },
-    "range-calendar-unvailable-dates": {
-      name: "range-calendar-unvailable-dates",
-      files: ["demos/range-calendar/unvailable-dates.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/unvailable-dates")
-      ),
-    },
-    "range-calendar-validation": {
-      name: "range-calendar-validation",
-      files: ["demos/range-calendar/validation.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/validation")
-      ),
-    },
-    "range-calendar-visible-months": {
-      name: "range-calendar-visible-months",
-      files: ["demos/range-calendar/visible-months.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/visible-months")
-      ),
-    },
-    "range-calendar-variant": {
-      name: "range-calendar-variant",
-      files: ["demos/range-calendar/variant.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/range-calendar/variant")
-      ),
-    },
-    "search-field-composition": {
-      name: "search-field-composition",
-      files: ["demos/search-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/composition")
-      ),
-    },
-    "search-field-controlled": {
-      name: "search-field-controlled",
-      files: ["demos/search-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/controlled")
-      ),
-    },
-    "search-field-default": {
-      name: "search-field-default",
-      files: ["demos/search-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/default")
-      ),
-    },
-    "search-field-description": {
-      name: "search-field-description",
-      files: ["demos/search-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/description")
-      ),
-    },
-    "search-field-disabled": {
-      name: "search-field-disabled",
-      files: ["demos/search-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/disabled")
-      ),
-    },
-    "search-field-error-message": {
-      name: "search-field-error-message",
-      files: ["demos/search-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/error-message")
-      ),
-    },
-    "search-field-form": {
-      name: "search-field-form",
-      files: ["demos/search-field/form.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/form")
-      ),
-    },
-    "search-field-label": {
-      name: "search-field-label",
-      files: ["demos/search-field/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/label")
-      ),
-    },
-    "search-field-read-only": {
-      name: "search-field-read-only",
-      files: ["demos/search-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/read-only")
-      ),
-    },
-    "search-field-required": {
-      name: "search-field-required",
-      files: ["demos/search-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/required")
-      ),
-    },
-    "search-field-sizes": {
-      name: "search-field-sizes",
-      files: ["demos/search-field/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/sizes")
-      ),
-    },
-    "search-field-uncontrolled": {
-      name: "search-field-uncontrolled",
-      files: ["demos/search-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/search-field/uncontrolled")
-      ),
-    },
-    "select-async-loading": {
-      name: "select-async-loading",
-      files: ["demos/select/async-loading.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/select/async-loading")
-      ),
-    },
-    "select-basic": {
-      name: "select-basic",
-      files: ["demos/select/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/select/basic")),
-    },
-    "select-composition": {
-      name: "select-composition",
-      files: ["demos/select/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/select/composition")
-      ),
-    },
-    "select-controlled": {
-      name: "select-controlled",
-      files: ["demos/select/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/select/controlled")
-      ),
-    },
-    "select-description": {
-      name: "select-description",
-      files: ["demos/select/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/select/description")
-      ),
-    },
-    "select-disabled": {
-      name: "select-disabled",
-      files: ["demos/select/disabled.tsx"],
-      component: React.lazy(() => import("@/components/demos/select/disabled")),
-    },
-    "select-label": {
-      name: "select-label",
-      files: ["demos/select/label.tsx"],
-      component: React.lazy(() => import("@/components/demos/select/label")),
-    },
-    "select-links": {
-      name: "select-links",
-      files: ["demos/select/links.tsx"],
-      component: React.lazy(() => import("@/components/demos/select/links")),
-    },
-    "select-loading": {
-      name: "select-loading",
-      files: ["demos/select/loading.tsx"],
-      component: React.lazy(() => import("@/components/demos/select/loading")),
-    },
-    "select-placeholder": {
-      name: "select-placeholder",
-      files: ["demos/select/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/select/placeholder")
-      ),
-    },
-    "select-required": {
-      name: "select-required",
-      files: ["demos/select/required.tsx"],
-      component: React.lazy(() => import("@/components/demos/select/required")),
-    },
-    "select-sections": {
-      name: "select-sections",
-      files: ["demos/select/sections.tsx"],
-      component: React.lazy(() => import("@/components/demos/select/sections")),
-    },
-    "select-uncontrolled": {
-      name: "select-uncontrolled",
-      files: ["demos/select/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/select/uncontrolled")
-      ),
-    },
-    "select-validation": {
-      name: "select-validation",
-      files: ["demos/select/validation.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/select/validation")
-      ),
-    },
-    "separator-card": {
-      name: "separator-card",
-      files: ["demos/separator/card.tsx"],
-      component: React.lazy(() => import("@/components/demos/separator/card")),
-    },
-    "separator-orientation": {
-      name: "separator-orientation",
-      files: ["demos/separator/orientation.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/separator/orientation")
-      ),
-    },
-    "skeleton-api-simulation": {
-      name: "skeleton-api-simulation",
-      files: ["demos/skeleton/api-simulation.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/skeleton/api-simulation")
-      ),
-    },
-    "skeleton-card": {
-      name: "skeleton-card",
-      files: ["demos/skeleton/card.tsx"],
-      component: React.lazy(() => import("@/components/demos/skeleton/card")),
-    },
-    "skeleton-children": {
-      name: "skeleton-children",
-      files: ["demos/skeleton/children.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/skeleton/children")
-      ),
-    },
-    "skeleton-fixed-size-children": {
-      name: "skeleton-fixed-size-children",
-      files: ["demos/skeleton/fixed-size-children.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/skeleton/fixed-size-children")
-      ),
-    },
-    "skeleton-show": {
-      name: "skeleton-show",
-      files: ["demos/skeleton/show.tsx"],
-      component: React.lazy(() => import("@/components/demos/skeleton/show")),
-    },
-    "slider-composition": {
-      name: "slider-composition",
-      files: ["demos/slider/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/slider/composition")
-      ),
-    },
-    "slider-controlled": {
-      name: "slider-controlled",
-      files: ["demos/slider/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/slider/controlled")
-      ),
-    },
-    "slider-default": {
-      name: "slider-default",
-      files: ["demos/slider/default.tsx"],
-      component: React.lazy(() => import("@/components/demos/slider/default")),
-    },
-    "slider-description": {
-      name: "slider-description",
-      files: ["demos/slider/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/slider/description")
-      ),
-    },
-    "slider-disabled": {
-      name: "slider-disabled",
-      files: ["demos/slider/disabled.tsx"],
-      component: React.lazy(() => import("@/components/demos/slider/disabled")),
-    },
-    "slider-format-options": {
-      name: "slider-format-options",
-      files: ["demos/slider/format-options.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/slider/format-options")
-      ),
-    },
-    "slider-label": {
-      name: "slider-label",
-      files: ["demos/slider/label.tsx"],
-      component: React.lazy(() => import("@/components/demos/slider/label")),
-    },
-    "slider-range": {
-      name: "slider-range",
-      files: ["demos/slider/range.tsx"],
-      component: React.lazy(() => import("@/components/demos/slider/range")),
-    },
-    "slider-sizes": {
-      name: "slider-sizes",
-      files: ["demos/slider/sizes.tsx"],
-      component: React.lazy(() => import("@/components/demos/slider/sizes")),
-    },
-    "slider-step": {
-      name: "slider-step",
-      files: ["demos/slider/step.tsx"],
-      component: React.lazy(() => import("@/components/demos/slider/step")),
-    },
-    "slider-uncontrolled": {
-      name: "slider-uncontrolled",
-      files: ["demos/slider/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/slider/uncontrolled")
-      ),
-    },
-    "slider-value-label": {
-      name: "slider-value-label",
-      files: ["demos/slider/value-label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/slider/value-label")
-      ),
-    },
-    "slider-value-scale": {
-      name: "slider-value-scale",
-      files: ["demos/slider/value-scale.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/slider/value-scale")
-      ),
-    },
-    "slider-vertical": {
-      name: "slider-vertical",
-      files: ["demos/slider/vertical.tsx"],
-      component: React.lazy(() => import("@/components/demos/slider/vertical")),
-    },
-    "switch-controlled": {
-      name: "switch-controlled",
-      files: ["demos/switch/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/switch/controlled")
-      ),
-    },
-    "switch-default": {
-      name: "switch-default",
-      files: ["demos/switch/default.tsx"],
-      component: React.lazy(() => import("@/components/demos/switch/default")),
-    },
-    "switch-disabled": {
-      name: "switch-disabled",
-      files: ["demos/switch/disabled.tsx"],
-      component: React.lazy(() => import("@/components/demos/switch/disabled")),
-    },
-    "switch-label": {
-      name: "switch-label",
-      files: ["demos/switch/label.tsx"],
-      component: React.lazy(() => import("@/components/demos/switch/label")),
-    },
-    "switch-sizes": {
-      name: "switch-sizes",
-      files: ["demos/switch/sizes.tsx"],
-      component: React.lazy(() => import("@/components/demos/switch/sizes")),
-    },
-    "switch-uncontrolled": {
-      name: "switch-uncontrolled",
-      files: ["demos/switch/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/switch/uncontrolled")
-      ),
-    },
-    "switch-card": {
-      name: "switch-card",
-      files: ["demos/switch/card.tsx"],
-      component: React.lazy(() => import("@/components/demos/switch/card")),
-    },
-    "switch-composition": {
-      name: "switch-composition",
-      files: ["demos/switch/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/switch/composition")
-      ),
-    },
-    "tabs-basic": {
-      name: "tabs-basic",
-      files: ["demos/tabs/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/tabs/basic")),
-    },
-    "tabs-controlled": {
-      name: "tabs-controlled",
-      files: ["demos/tabs/controlled.tsx"],
-      component: React.lazy(() => import("@/components/demos/tabs/controlled")),
-    },
-    "tabs-disabled": {
-      name: "tabs-disabled",
-      files: ["demos/tabs/disabled.tsx"],
-      component: React.lazy(() => import("@/components/demos/tabs/disabled")),
-    },
-    "tabs-keyboard-activation": {
-      name: "tabs-keyboard-activation",
-      files: ["demos/tabs/keyboard-activation.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/tabs/keyboard-activation")
-      ),
-    },
-    "tabs-vertical": {
-      name: "tabs-vertical",
-      files: ["demos/tabs/vertical.tsx"],
-      component: React.lazy(() => import("@/components/demos/tabs/vertical")),
-    },
-    "tabs-variant": {
-      name: "tabs-variant",
-      files: ["demos/tabs/variant.tsx"],
-      component: React.lazy(() => import("@/components/demos/tabs/variant")),
-    },
-    "text-area-composition": {
-      name: "text-area-composition",
-      files: ["demos/text-area/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-area/composition")
-      ),
-    },
-    "text-area-controlled": {
-      name: "text-area-controlled",
-      files: ["demos/text-area/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-area/controlled")
-      ),
-    },
-    "text-area-default": {
-      name: "text-area-default",
-      files: ["demos/text-area/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-area/default")
-      ),
-    },
-    "text-area-description": {
-      name: "text-area-description",
-      files: ["demos/text-area/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-area/description")
-      ),
-    },
-    "text-area-disabled": {
-      name: "text-area-disabled",
-      files: ["demos/text-area/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-area/disabled")
-      ),
-    },
-    "text-area-error-message": {
-      name: "text-area-error-message",
-      files: ["demos/text-area/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-area/error-message")
-      ),
-    },
-    "text-area-form": {
-      name: "text-area-form",
-      files: ["demos/text-area/form.tsx"],
-      component: React.lazy(() => import("@/components/demos/text-area/form")),
-    },
-    "text-area-label": {
-      name: "text-area-label",
-      files: ["demos/text-area/label.tsx"],
-      component: React.lazy(() => import("@/components/demos/text-area/label")),
-    },
-    "text-area-prefix-and-suffix": {
-      name: "text-area-prefix-and-suffix",
-      files: ["demos/text-area/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-area/prefix-and-suffix")
-      ),
-    },
-    "text-area-read-only": {
-      name: "text-area-read-only",
-      files: ["demos/text-area/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-area/read-only")
-      ),
-    },
-    "text-area-required": {
-      name: "text-area-required",
-      files: ["demos/text-area/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-area/required")
-      ),
-    },
-    "text-area-uncontrolled": {
-      name: "text-area-uncontrolled",
-      files: ["demos/text-area/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-area/uncontrolled")
-      ),
-    },
-    "text-field-composition": {
-      name: "text-field-composition",
-      files: ["demos/text-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/composition")
-      ),
-    },
-    "text-field-controlled": {
-      name: "text-field-controlled",
-      files: ["demos/text-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/controlled")
-      ),
-    },
-    "text-field-default": {
-      name: "text-field-default",
-      files: ["demos/text-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/default")
-      ),
-    },
-    "text-field-description": {
-      name: "text-field-description",
-      files: ["demos/text-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/description")
-      ),
-    },
-    "text-field-disabled": {
-      name: "text-field-disabled",
-      files: ["demos/text-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/disabled")
-      ),
-    },
-    "text-field-error-message": {
-      name: "text-field-error-message",
-      files: ["demos/text-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/error-message")
-      ),
-    },
-    "text-field-label": {
-      name: "text-field-label",
-      files: ["demos/text-field/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/label")
-      ),
-    },
-    "text-field-prefix-and-suffix": {
-      name: "text-field-prefix-and-suffix",
-      files: ["demos/text-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/prefix-and-suffix")
-      ),
-    },
-    "text-field-read-only": {
-      name: "text-field-read-only",
-      files: ["demos/text-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/read-only")
-      ),
-    },
-    "text-field-required": {
-      name: "text-field-required",
-      files: ["demos/text-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/required")
-      ),
-    },
-    "text-field-sizes": {
-      name: "text-field-sizes",
-      files: ["demos/text-field/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/sizes")
-      ),
-    },
-    "text-field-uncontrolled": {
-      name: "text-field-uncontrolled",
-      files: ["demos/text-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/text-field/uncontrolled")
-      ),
-    },
-    "time-field-composition": {
-      name: "time-field-composition",
-      files: ["demos/time-field/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/composition")
-      ),
-    },
-    "time-field-controlled": {
-      name: "time-field-controlled",
-      files: ["demos/time-field/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/controlled")
-      ),
-    },
-    "time-field-default": {
-      name: "time-field-default",
-      files: ["demos/time-field/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/default")
-      ),
-    },
-    "time-field-description": {
-      name: "time-field-description",
-      files: ["demos/time-field/description.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/description")
-      ),
-    },
-    "time-field-disabled": {
-      name: "time-field-disabled",
-      files: ["demos/time-field/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/disabled")
-      ),
-    },
-    "time-field-error-message": {
-      name: "time-field-error-message",
-      files: ["demos/time-field/error-message.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/error-message")
-      ),
-    },
-    "time-field-granularity": {
-      name: "time-field-granularity",
-      files: ["demos/time-field/granularity.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/granularity")
-      ),
-    },
-    "time-field-hide-time-zone": {
-      name: "time-field-hide-time-zone",
-      files: ["demos/time-field/hide-time-zone.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/hide-time-zone")
-      ),
-    },
-    "time-field-hour-cycle": {
-      name: "time-field-hour-cycle",
-      files: ["demos/time-field/hour-cycle.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/hour-cycle")
-      ),
-    },
-    "time-field-label": {
-      name: "time-field-label",
-      files: ["demos/time-field/label.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/label")
-      ),
-    },
-    "time-field-placeholder": {
-      name: "time-field-placeholder",
-      files: ["demos/time-field/placeholder.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/placeholder")
-      ),
-    },
-    "time-field-prefix-and-suffix": {
-      name: "time-field-prefix-and-suffix",
-      files: ["demos/time-field/prefix-and-suffix.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/prefix-and-suffix")
-      ),
-    },
-    "time-field-read-only": {
-      name: "time-field-read-only",
-      files: ["demos/time-field/read-only.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/read-only")
-      ),
-    },
-    "time-field-required": {
-      name: "time-field-required",
-      files: ["demos/time-field/required.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/required")
-      ),
-    },
-    "time-field-sizes": {
-      name: "time-field-sizes",
-      files: ["demos/time-field/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/sizes")
-      ),
-    },
-    "time-field-time-zones": {
-      name: "time-field-time-zones",
-      files: ["demos/time-field/time-zones.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/time-zones")
-      ),
-    },
-    "time-field-uncontrolled": {
-      name: "time-field-uncontrolled",
-      files: ["demos/time-field/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/time-field/uncontrolled")
-      ),
-    },
-    "toggle-button-controlled": {
-      name: "toggle-button-controlled",
-      files: ["demos/toggle-button/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/toggle-button/controlled")
-      ),
-    },
-    "toggle-button-default": {
-      name: "toggle-button-default",
-      files: ["demos/toggle-button/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/toggle-button/default")
-      ),
-    },
-    "toggle-button-disabled": {
-      name: "toggle-button-disabled",
-      files: ["demos/toggle-button/disabled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/toggle-button/disabled")
-      ),
-    },
-    "toggle-button-shapes": {
-      name: "toggle-button-shapes",
-      files: ["demos/toggle-button/shapes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/toggle-button/shapes")
-      ),
-    },
-    "toggle-button-sizes": {
-      name: "toggle-button-sizes",
-      files: ["demos/toggle-button/sizes.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/toggle-button/sizes")
-      ),
-    },
-    "toggle-button-uncontrolled": {
-      name: "toggle-button-uncontrolled",
-      files: ["demos/toggle-button/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/toggle-button/uncontrolled")
-      ),
-    },
-    "toggle-button-variants": {
-      name: "toggle-button-variants",
-      files: ["demos/toggle-button/variants.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/toggle-button/variants")
-      ),
-    },
-    "tooltip-variant": {
-      name: "tooltip-variant",
-      files: ["demos/tooltip/variant.tsx"],
-      component: React.lazy(() => import("@/components/demos/tooltip/variant")),
-    },
-    "tooltip-arrow": {
-      name: "tooltip-arrow",
-      files: ["demos/tooltip/arrow.tsx"],
-      component: React.lazy(() => import("@/components/demos/tooltip/arrow")),
-    },
-    "tooltip-composition": {
-      name: "tooltip-composition",
-      files: ["demos/tooltip/composition.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/tooltip/composition")
-      ),
-    },
-    "tooltip-container-padding": {
-      name: "tooltip-container-padding",
-      files: ["demos/tooltip/container-padding.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/tooltip/container-padding")
-      ),
-    },
-    "tooltip-default": {
-      name: "tooltip-default",
-      files: ["demos/tooltip/default.tsx"],
-      component: React.lazy(() => import("@/components/demos/tooltip/default")),
-    },
-    "tooltip-delay": {
-      name: "tooltip-delay",
-      files: ["demos/tooltip/delay.tsx"],
-      component: React.lazy(() => import("@/components/demos/tooltip/delay")),
-    },
-    "tooltip-flip": {
-      name: "tooltip-flip",
-      files: ["demos/tooltip/flip.tsx"],
-      component: React.lazy(() => import("@/components/demos/tooltip/flip")),
-    },
-    "tooltip-offset": {
-      name: "tooltip-offset",
-      files: ["demos/tooltip/offset.tsx"],
-      component: React.lazy(() => import("@/components/demos/tooltip/offset")),
-    },
-    "tooltip-placement": {
-      name: "tooltip-placement",
-      files: ["demos/tooltip/placement.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/tooltip/placement")
-      ),
-    },
-    "tooltip-with-arrow": {
-      name: "tooltip-with-arrow",
-      files: ["demos/tooltip/with-arrow.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/tooltip/with-arrow")
-      ),
-    },
-    "toggle-button-group-default": {
-      name: "toggle-button-group-default",
-      files: ["demos/toggle-button-group/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/toggle-button-group/default")
-      ),
-    },
-    "button-group-default": {
-      name: "button-group-default",
-      files: ["demos/button-group/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/button-group/default")
-      ),
-    },
-    "tag-group-default": {
-      name: "tag-group-default",
-      files: ["demos/tag-group/default.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/tag-group/default")
-      ),
-    },
-    "table-dynamic-collection": {
-      name: "table-dynamic-collection",
-      files: ["demos/table/dynamic-collection.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/dynamic-collection")
-      ),
-    },
-    "table-basic": {
-      name: "table-basic",
-      files: ["demos/table/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/table/basic")),
-    },
-    "table-disallow-empty-selection": {
-      name: "table-disallow-empty-selection",
-      files: ["demos/table/disallow-empty-selection.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/disallow-empty-selection")
-      ),
-    },
-    "table-empty-state": {
-      name: "table-empty-state",
-      files: ["demos/table/empty-state.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/empty-state")
-      ),
-    },
-    "table-links": {
-      name: "table-links",
-      files: ["demos/table/links.tsx"],
-      component: React.lazy(() => import("@/components/demos/table/links")),
-    },
-    "table-sorting": {
-      name: "table-sorting",
-      files: ["demos/table/sorting.tsx"],
-      component: React.lazy(() => import("@/components/demos/table/sorting")),
-    },
-    "table-disabled-rows": {
-      name: "table-disabled-rows",
-      files: ["demos/table/disabled-rows.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/disabled-rows")
-      ),
-    },
-    "table-static-row-action": {
-      name: "table-static-row-action",
-      files: ["demos/table/static-row-action.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/static-row-action")
-      ),
-    },
-    "table-row-action": {
-      name: "table-row-action",
-      files: ["demos/table/row-action.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/row-action")
-      ),
-    },
-    "table-selection-mode": {
-      name: "table-selection-mode",
-      files: ["demos/table/selection-mode.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/selection-mode")
-      ),
-    },
-    "table-selection-behavior": {
-      name: "table-selection-behavior",
-      files: ["demos/table/selection-behavior.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/selection-behavior")
-      ),
-    },
-    "table-variants": {
-      name: "table-variants",
-      files: ["demos/table/variants.tsx"],
-      component: React.lazy(() => import("@/components/demos/table/variants")),
-    },
-    "table-column-resizing": {
-      name: "table-column-resizing",
-      files: ["demos/table/column-resizing.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/column-resizing")
-      ),
-    },
-    "table-controlled": {
-      name: "table-controlled",
-      files: ["demos/table/controlled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/controlled")
-      ),
-    },
-    "table-uncontrolled": {
-      name: "table-uncontrolled",
-      files: ["demos/table/uncontrolled.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/uncontrolled")
-      ),
-    },
-    "table-reordable": {
-      name: "table-reordable",
-      files: ["demos/table/reordable.tsx"],
-      component: React.lazy(() => import("@/components/demos/table/reordable")),
-    },
-    "table-selection-variant": {
-      name: "table-selection-variant",
-      files: ["demos/table/selection-variant.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/table/selection-variant")
-      ),
-    },
-    "form-basic": {
-      name: "form-basic",
-      files: ["demos/form/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/form/basic")),
-    },
-    "form-react-aria": {
-      name: "form-react-aria",
-      files: ["demos/form/react-aria.tsx"],
-      component: React.lazy(() => import("@/components/demos/form/react-aria")),
-    },
-    "form-react-hook-form": {
-      name: "form-react-hook-form",
-      files: ["demos/form/react-hook-form.tsx"],
-      component: React.lazy(
-        () => import("@/components/demos/form/react-hook-form")
-      ),
-    },
-    "command-basic": {
-      name: "command-basic",
-      files: ["demos/command/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/command/basic")),
-    },
-    "command-dialog": {
-      name: "command-dialog",
-      files: ["demos/command/dialog.tsx"],
-      component: React.lazy(() => import("@/components/demos/command/dialog")),
-    },
-    "overlay-basic": {
-      name: "overlay-basic",
-      files: ["demos/overlay/basic.tsx"],
-      component: React.lazy(() => import("@/components/demos/overlay/basic")),
-    },
-    "overlay-type": {
-      name: "overlay-type",
-      files: ["demos/overlay/type.tsx"],
-      component: React.lazy(() => import("@/components/demos/overlay/type")),
-    },
+  "alert/action": {
+    files: ["components/demos/alert/action.tsx"],
+    component: React.lazy(() => import("@/components/demos/alert/action")),
+  },
+  "alert/composition": {
+    files: ["components/demos/alert/composition.tsx"],
+    component: React.lazy(() => import("@/components/demos/alert/composition")),
+  },
+  "alert/content": {
+    files: ["components/demos/alert/content.tsx"],
+    component: React.lazy(() => import("@/components/demos/alert/content")),
+  },
+  "alert/custom-icon": {
+    files: ["components/demos/alert/custom-icon.tsx"],
+    component: React.lazy(() => import("@/components/demos/alert/custom-icon")),
+  },
+  "alert/default": {
+    files: ["components/demos/alert/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/alert/default")),
+  },
+  "alert/title": {
+    files: ["components/demos/alert/title.tsx"],
+    component: React.lazy(() => import("@/components/demos/alert/title")),
+  },
+  "alert/variants": {
+    files: ["components/demos/alert/variants.tsx"],
+    component: React.lazy(() => import("@/components/demos/alert/variants")),
+  },
+  "avatar/composition": {
+    files: ["components/demos/avatar/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/avatar/composition")
+    ),
+  },
+  "avatar/default": {
+    files: ["components/demos/avatar/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/avatar/default")),
+  },
+  "avatar/shape": {
+    files: ["components/demos/avatar/shape.tsx"],
+    component: React.lazy(() => import("@/components/demos/avatar/shape")),
+  },
+  "avatar/sizes": {
+    files: ["components/demos/avatar/sizes.tsx"],
+    component: React.lazy(() => import("@/components/demos/avatar/sizes")),
+  },
+  "badge/default": {
+    files: ["components/demos/badge/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/badge/default")),
+  },
+  "badge/icon": {
+    files: ["components/demos/badge/icon.tsx"],
+    component: React.lazy(() => import("@/components/demos/badge/icon")),
+  },
+  "badge/sizes": {
+    files: ["components/demos/badge/sizes.tsx"],
+    component: React.lazy(() => import("@/components/demos/badge/sizes")),
+  },
+  "badge/variants": {
+    files: ["components/demos/badge/variants.tsx"],
+    component: React.lazy(() => import("@/components/demos/badge/variants")),
+  },
+  "breadcrumbs/basic": {
+    files: ["components/demos/breadcrumbs/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/breadcrumbs/basic")),
+  },
+  "breadcrumbs/composition": {
+    files: ["components/demos/breadcrumbs/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/breadcrumbs/composition")
+    ),
+  },
+  "breadcrumbs/disabled": {
+    files: ["components/demos/breadcrumbs/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/breadcrumbs/disabled")
+    ),
+  },
+  "breadcrumbs/icon": {
+    files: ["components/demos/breadcrumbs/icon.tsx"],
+    component: React.lazy(() => import("@/components/demos/breadcrumbs/icon")),
+  },
+  "breadcrumbs/router-integration": {
+    files: ["components/demos/breadcrumbs/router-integration.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/breadcrumbs/router-integration")
+    ),
+  },
+  "button/default": {
+    files: ["components/demos/button/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/button/default")),
+  },
+  "button/disabled": {
+    files: ["components/demos/button/disabled.tsx"],
+    component: React.lazy(() => import("@/components/demos/button/disabled")),
+  },
+  "button/link-button": {
+    files: ["components/demos/button/link-button.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/button/link-button")
+    ),
+  },
+  "button/loading": {
+    files: ["components/demos/button/loading.tsx"],
+    component: React.lazy(() => import("@/components/demos/button/loading")),
+  },
+  "button/prefix-and-suffix": {
+    files: ["components/demos/button/prefix-and-suffix.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/button/prefix-and-suffix")
+    ),
+  },
+  "button/shapes": {
+    files: ["components/demos/button/shapes.tsx"],
+    component: React.lazy(() => import("@/components/demos/button/shapes")),
+  },
+  "button/sizes": {
+    files: ["components/demos/button/sizes.tsx"],
+    component: React.lazy(() => import("@/components/demos/button/sizes")),
+  },
+  "button/variants": {
+    files: ["components/demos/button/variants.tsx"],
+    component: React.lazy(() => import("@/components/demos/button/variants")),
+  },
+  "button-group/default": {
+    files: ["components/demos/button-group/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/button-group/default")
+    ),
+  },
+  "calendar/composition": {
+    files: ["components/demos/calendar/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/calendar/composition")
+    ),
+  },
+  "calendar/controlled": {
+    files: ["components/demos/calendar/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/calendar/controlled")
+    ),
+  },
+  "calendar/default": {
+    files: ["components/demos/calendar/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/calendar/default")),
+  },
+  "calendar/disabled": {
+    files: ["components/demos/calendar/disabled.tsx"],
+    component: React.lazy(() => import("@/components/demos/calendar/disabled")),
+  },
+  "calendar/error-message": {
+    files: ["components/demos/calendar/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/calendar/error-message")
+    ),
+  },
+  "calendar/page-behaviour": {
+    files: ["components/demos/calendar/page-behaviour.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/calendar/page-behaviour")
+    ),
+  },
+  "calendar/read-only": {
+    files: ["components/demos/calendar/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/calendar/read-only")
+    ),
+  },
+  "calendar/uncontrolled": {
+    files: ["components/demos/calendar/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/calendar/uncontrolled")
+    ),
+  },
+  "calendar/unvailable-dates": {
+    files: ["components/demos/calendar/unvailable-dates.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/calendar/unvailable-dates")
+    ),
+  },
+  "calendar/validation": {
+    files: ["components/demos/calendar/validation.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/calendar/validation")
+    ),
+  },
+  "calendar/variant": {
+    files: ["components/demos/calendar/variant.tsx"],
+    component: React.lazy(() => import("@/components/demos/calendar/variant")),
+  },
+  "calendar/visible-months": {
+    files: ["components/demos/calendar/visible-months.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/calendar/visible-months")
+    ),
+  },
+  "checkbox/card": {
+    files: ["components/demos/checkbox/card.tsx"],
+    component: React.lazy(() => import("@/components/demos/checkbox/card")),
+  },
+  "checkbox/composition": {
+    files: ["components/demos/checkbox/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox/composition")
+    ),
+  },
+  "checkbox/controlled": {
+    files: ["components/demos/checkbox/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox/controlled")
+    ),
+  },
+  "checkbox/default": {
+    files: ["components/demos/checkbox/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/checkbox/default")),
+  },
+  "checkbox/disabled": {
+    files: ["components/demos/checkbox/disabled.tsx"],
+    component: React.lazy(() => import("@/components/demos/checkbox/disabled")),
+  },
+  "checkbox/indeterminate": {
+    files: ["components/demos/checkbox/indeterminate.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox/indeterminate")
+    ),
+  },
+  "checkbox/read-only": {
+    files: ["components/demos/checkbox/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox/read-only")
+    ),
+  },
+  "checkbox/uncontrolled": {
+    files: ["components/demos/checkbox/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox/uncontrolled")
+    ),
+  },
+  "checkbox/variants": {
+    files: ["components/demos/checkbox/variants.tsx"],
+    component: React.lazy(() => import("@/components/demos/checkbox/variants")),
+  },
+  "checkbox-group/cards": {
+    files: ["components/demos/checkbox-group/cards.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/cards")
+    ),
+  },
+  "checkbox-group/composition": {
+    files: ["components/demos/checkbox-group/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/composition")
+    ),
+  },
+  "checkbox-group/controlled": {
+    files: ["components/demos/checkbox-group/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/controlled")
+    ),
+  },
+  "checkbox-group/default": {
+    files: ["components/demos/checkbox-group/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/default")
+    ),
+  },
+  "checkbox-group/description": {
+    files: ["components/demos/checkbox-group/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/description")
+    ),
+  },
+  "checkbox-group/disabled": {
+    files: ["components/demos/checkbox-group/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/disabled")
+    ),
+  },
+  "checkbox-group/error-message": {
+    files: ["components/demos/checkbox-group/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/error-message")
+    ),
+  },
+  "checkbox-group/label": {
+    files: ["components/demos/checkbox-group/label.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/label")
+    ),
+  },
+  "checkbox-group/read-only": {
+    files: ["components/demos/checkbox-group/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/read-only")
+    ),
+  },
+  "checkbox-group/required": {
+    files: ["components/demos/checkbox-group/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/required")
+    ),
+  },
+  "checkbox-group/uncontrolled": {
+    files: ["components/demos/checkbox-group/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/checkbox-group/uncontrolled")
+    ),
+  },
+  "color-area/channels": {
+    files: ["components/demos/color-area/channels.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-area/channels")
+    ),
+  },
+  "color-area/composition": {
+    files: ["components/demos/color-area/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-area/composition")
+    ),
+  },
+  "color-area/controlled": {
+    files: ["components/demos/color-area/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-area/controlled")
+    ),
+  },
+  "color-area/default": {
+    files: ["components/demos/color-area/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-area/default")
+    ),
+  },
+  "color-area/disabled": {
+    files: ["components/demos/color-area/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-area/disabled")
+    ),
+  },
+  "color-area/uncontrolled": {
+    files: ["components/demos/color-area/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-area/uncontrolled")
+    ),
+  },
+  "color-field/color-channel": {
+    files: ["components/demos/color-field/color-channel.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/color-channel")
+    ),
+  },
+  "color-field/composition": {
+    files: ["components/demos/color-field/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/composition")
+    ),
+  },
+  "color-field/controlled": {
+    files: ["components/demos/color-field/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/controlled")
+    ),
+  },
+  "color-field/default": {
+    files: ["components/demos/color-field/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/default")
+    ),
+  },
+  "color-field/description": {
+    files: ["components/demos/color-field/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/description")
+    ),
+  },
+  "color-field/disabled": {
+    files: ["components/demos/color-field/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/disabled")
+    ),
+  },
+  "color-field/error-message": {
+    files: ["components/demos/color-field/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/error-message")
+    ),
+  },
+  "color-field/form": {
+    files: ["components/demos/color-field/form.tsx"],
+    component: React.lazy(() => import("@/components/demos/color-field/form")),
+  },
+  "color-field/label": {
+    files: ["components/demos/color-field/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/color-field/label")),
+  },
+  "color-field/prefix-and-suffix": {
+    files: ["components/demos/color-field/prefix-and-suffix.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/prefix-and-suffix")
+    ),
+  },
+  "color-field/read-only": {
+    files: ["components/demos/color-field/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/read-only")
+    ),
+  },
+  "color-field/required": {
+    files: ["components/demos/color-field/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/required")
+    ),
+  },
+  "color-field/sizes": {
+    files: ["components/demos/color-field/sizes.tsx"],
+    component: React.lazy(() => import("@/components/demos/color-field/sizes")),
+  },
+  "color-field/uncontrolled": {
+    files: ["components/demos/color-field/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-field/uncontrolled")
+    ),
+  },
+  "color-picker/channel-sliders": {
+    files: ["components/demos/color-picker/channel-sliders.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-picker/channel-sliders")
+    ),
+  },
+  "color-picker/composition": {
+    files: ["components/demos/color-picker/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-picker/composition")
+    ),
+  },
+  "color-picker/controlled": {
+    files: ["components/demos/color-picker/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-picker/controlled")
+    ),
+  },
+  "color-picker/default": {
+    files: ["components/demos/color-picker/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-picker/default")
+    ),
+  },
+  "color-picker/options": {
+    files: ["components/demos/color-picker/options.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-picker/options")
+    ),
+  },
+  "color-picker/swatches": {
+    files: ["components/demos/color-picker/swatches.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-picker/swatches")
+    ),
+  },
+  "color-picker/uncontrolled": {
+    files: ["components/demos/color-picker/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-picker/uncontrolled")
+    ),
+  },
+  "color-slider/channel": {
+    files: ["components/demos/color-slider/channel.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-slider/channel")
+    ),
+  },
+  "color-slider/composition": {
+    files: ["components/demos/color-slider/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-slider/composition")
+    ),
+  },
+  "color-slider/controlled": {
+    files: ["components/demos/color-slider/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-slider/controlled")
+    ),
+  },
+  "color-slider/default": {
+    files: ["components/demos/color-slider/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-slider/default")
+    ),
+  },
+  "color-slider/disabled": {
+    files: ["components/demos/color-slider/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-slider/disabled")
+    ),
+  },
+  "color-slider/label": {
+    files: ["components/demos/color-slider/label.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-slider/label")
+    ),
+  },
+  "color-slider/uncontrolled": {
+    files: ["components/demos/color-slider/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-slider/uncontrolled")
+    ),
+  },
+  "color-slider/vertical": {
+    files: ["components/demos/color-slider/vertical.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-slider/vertical")
+    ),
+  },
+  "color-swatch/default": {
+    files: ["components/demos/color-swatch/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-swatch/default")
+    ),
+  },
+  "color-swatch-picker/basic": {
+    files: ["components/demos/color-swatch-picker/basic.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-swatch-picker/basic")
+    ),
+  },
+  "color-swatch-picker/controlled": {
+    files: ["components/demos/color-swatch-picker/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-swatch-picker/controlled")
+    ),
+  },
+  "color-swatch-picker/disabled": {
+    files: ["components/demos/color-swatch-picker/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/color-swatch-picker/disabled")
+    ),
+  },
+  "combobox/async-loading": {
+    files: ["components/demos/combobox/async-loading.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/combobox/async-loading")
+    ),
+  },
+  "combobox/basic": {
+    files: ["components/demos/combobox/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/combobox/basic")),
+  },
+  "combobox/composition": {
+    files: ["components/demos/combobox/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/combobox/composition")
+    ),
+  },
+  "combobox/controlled": {
+    files: ["components/demos/combobox/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/combobox/controlled")
+    ),
+  },
+  "combobox/custom-value": {
+    files: ["components/demos/combobox/custom-value.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/combobox/custom-value")
+    ),
+  },
+  "combobox/description": {
+    files: ["components/demos/combobox/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/combobox/description")
+    ),
+  },
+  "combobox/disabled": {
+    files: ["components/demos/combobox/disabled.tsx"],
+    component: React.lazy(() => import("@/components/demos/combobox/disabled")),
+  },
+  "combobox/label": {
+    files: ["components/demos/combobox/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/combobox/label")),
+  },
+  "combobox/loading": {
+    files: ["components/demos/combobox/loading.tsx"],
+    component: React.lazy(() => import("@/components/demos/combobox/loading")),
+  },
+  "combobox/required": {
+    files: ["components/demos/combobox/required.tsx"],
+    component: React.lazy(() => import("@/components/demos/combobox/required")),
+  },
+  "combobox/sections": {
+    files: ["components/demos/combobox/sections.tsx"],
+    component: React.lazy(() => import("@/components/demos/combobox/sections")),
+  },
+  "combobox/uncontrolled": {
+    files: ["components/demos/combobox/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/combobox/uncontrolled")
+    ),
+  },
+  "combobox/validation": {
+    files: ["components/demos/combobox/validation.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/combobox/validation")
+    ),
+  },
+  "command/basic": {
+    files: ["components/demos/command/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/command/basic")),
+  },
+  "command/dialog": {
+    files: ["components/demos/command/dialog.tsx"],
+    component: React.lazy(() => import("@/components/demos/command/dialog")),
+  },
+  "date-field/composition": {
+    files: ["components/demos/date-field/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/composition")
+    ),
+  },
+  "date-field/controlled": {
+    files: ["components/demos/date-field/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/controlled")
+    ),
+  },
+  "date-field/default": {
+    files: ["components/demos/date-field/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/default")
+    ),
+  },
+  "date-field/description": {
+    files: ["components/demos/date-field/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/description")
+    ),
+  },
+  "date-field/disabled": {
+    files: ["components/demos/date-field/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/disabled")
+    ),
+  },
+  "date-field/error-message": {
+    files: ["components/demos/date-field/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/error-message")
+    ),
+  },
+  "date-field/granularity": {
+    files: ["components/demos/date-field/granularity.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/granularity")
+    ),
+  },
+  "date-field/hide-time-zone": {
+    files: ["components/demos/date-field/hide-time-zone.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/hide-time-zone")
+    ),
+  },
+  "date-field/hour-cycle": {
+    files: ["components/demos/date-field/hour-cycle.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/hour-cycle")
+    ),
+  },
+  "date-field/label": {
+    files: ["components/demos/date-field/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/date-field/label")),
+  },
+  "date-field/placeholder": {
+    files: ["components/demos/date-field/placeholder.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/placeholder")
+    ),
+  },
+  "date-field/prefix-and-suffix": {
+    files: ["components/demos/date-field/prefix-and-suffix.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/prefix-and-suffix")
+    ),
+  },
+  "date-field/read-only": {
+    files: ["components/demos/date-field/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/read-only")
+    ),
+  },
+  "date-field/required": {
+    files: ["components/demos/date-field/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/required")
+    ),
+  },
+  "date-field/sizes": {
+    files: ["components/demos/date-field/sizes.tsx"],
+    component: React.lazy(() => import("@/components/demos/date-field/sizes")),
+  },
+  "date-field/time-zones": {
+    files: ["components/demos/date-field/time-zones.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/time-zones")
+    ),
+  },
+  "date-field/uncontrolled": {
+    files: ["components/demos/date-field/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-field/uncontrolled")
+    ),
+  },
+  "date-picker/composition": {
+    files: ["components/demos/date-picker/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/composition")
+    ),
+  },
+  "date-picker/controlled": {
+    files: ["components/demos/date-picker/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/controlled")
+    ),
+  },
+  "date-picker/default": {
+    files: ["components/demos/date-picker/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/default")
+    ),
+  },
+  "date-picker/description": {
+    files: ["components/demos/date-picker/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/description")
+    ),
+  },
+  "date-picker/disabled": {
+    files: ["components/demos/date-picker/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/disabled")
+    ),
+  },
+  "date-picker/error-message": {
+    files: ["components/demos/date-picker/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/error-message")
+    ),
+  },
+  "date-picker/granularity": {
+    files: ["components/demos/date-picker/granularity.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/granularity")
+    ),
+  },
+  "date-picker/hide-time-zone": {
+    files: ["components/demos/date-picker/hide-time-zone.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/hide-time-zone")
+    ),
+  },
+  "date-picker/hour-cycle": {
+    files: ["components/demos/date-picker/hour-cycle.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/hour-cycle")
+    ),
+  },
+  "date-picker/label": {
+    files: ["components/demos/date-picker/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/date-picker/label")),
+  },
+  "date-picker/placeholder": {
+    files: ["components/demos/date-picker/placeholder.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/placeholder")
+    ),
+  },
+  "date-picker/prefix": {
+    files: ["components/demos/date-picker/prefix.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/prefix")
+    ),
+  },
+  "date-picker/read-only": {
+    files: ["components/demos/date-picker/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/read-only")
+    ),
+  },
+  "date-picker/required": {
+    files: ["components/demos/date-picker/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/required")
+    ),
+  },
+  "date-picker/sizes": {
+    files: ["components/demos/date-picker/sizes.tsx"],
+    component: React.lazy(() => import("@/components/demos/date-picker/sizes")),
+  },
+  "date-picker/time-zones": {
+    files: ["components/demos/date-picker/time-zones.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/time-zones")
+    ),
+  },
+  "date-picker/uncontrolled": {
+    files: ["components/demos/date-picker/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-picker/uncontrolled")
+    ),
+  },
+  "date-range-picker/composition": {
+    files: ["components/demos/date-range-picker/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/composition")
+    ),
+  },
+  "date-range-picker/controlled": {
+    files: ["components/demos/date-range-picker/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/controlled")
+    ),
+  },
+  "date-range-picker/default": {
+    files: ["components/demos/date-range-picker/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/default")
+    ),
+  },
+  "date-range-picker/description": {
+    files: ["components/demos/date-range-picker/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/description")
+    ),
+  },
+  "date-range-picker/disabled": {
+    files: ["components/demos/date-range-picker/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/disabled")
+    ),
+  },
+  "date-range-picker/error-message": {
+    files: ["components/demos/date-range-picker/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/error-message")
+    ),
+  },
+  "date-range-picker/granularity": {
+    files: ["components/demos/date-range-picker/granularity.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/granularity")
+    ),
+  },
+  "date-range-picker/hide-time-zone": {
+    files: ["components/demos/date-range-picker/hide-time-zone.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/hide-time-zone")
+    ),
+  },
+  "date-range-picker/hour-cycle": {
+    files: ["components/demos/date-range-picker/hour-cycle.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/hour-cycle")
+    ),
+  },
+  "date-range-picker/label": {
+    files: ["components/demos/date-range-picker/label.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/label")
+    ),
+  },
+  "date-range-picker/loading": {
+    files: ["components/demos/date-range-picker/loading.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/loading")
+    ),
+  },
+  "date-range-picker/placeholder": {
+    files: ["components/demos/date-range-picker/placeholder.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/placeholder")
+    ),
+  },
+  "date-range-picker/prefix": {
+    files: ["components/demos/date-range-picker/prefix.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/prefix")
+    ),
+  },
+  "date-range-picker/read-only": {
+    files: ["components/demos/date-range-picker/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/read-only")
+    ),
+  },
+  "date-range-picker/required": {
+    files: ["components/demos/date-range-picker/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/required")
+    ),
+  },
+  "date-range-picker/sizes": {
+    files: ["components/demos/date-range-picker/sizes.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/sizes")
+    ),
+  },
+  "date-range-picker/time-zones": {
+    files: ["components/demos/date-range-picker/time-zones.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/time-zones")
+    ),
+  },
+  "date-range-picker/uncontrolled": {
+    files: ["components/demos/date-range-picker/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/date-range-picker/uncontrolled")
+    ),
+  },
+  "dialog/alert-dialog": {
+    files: ["components/demos/dialog/alert-dialog.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/dialog/alert-dialog")
+    ),
+  },
+  "dialog/async-form-submission": {
+    files: ["components/demos/dialog/async-form-submission.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/dialog/async-form-submission")
+    ),
+  },
+  "dialog/basic": {
+    files: ["components/demos/dialog/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/dialog/basic")),
+  },
+  "dialog/composition": {
+    files: ["components/demos/dialog/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/dialog/composition")
+    ),
+  },
+  "dialog/controlled": {
+    files: ["components/demos/dialog/controlled.tsx"],
+    component: React.lazy(() => import("@/components/demos/dialog/controlled")),
+  },
+  "dialog/description": {
+    files: ["components/demos/dialog/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/dialog/description")
+    ),
+  },
+  "dialog/dismissable": {
+    files: ["components/demos/dialog/dismissable.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/dialog/dismissable")
+    ),
+  },
+  "dialog/drawer": {
+    files: ["components/demos/dialog/drawer.tsx"],
+    component: React.lazy(() => import("@/components/demos/dialog/drawer")),
+  },
+  "dialog/inset-content": {
+    files: ["components/demos/dialog/inset-content.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/dialog/inset-content")
+    ),
+  },
+  "dialog/nested": {
+    files: ["components/demos/dialog/nested.tsx"],
+    component: React.lazy(() => import("@/components/demos/dialog/nested")),
+  },
+  "dialog/popover": {
+    files: ["components/demos/dialog/popover.tsx"],
+    component: React.lazy(() => import("@/components/demos/dialog/popover")),
+  },
+  "dialog/title": {
+    files: ["components/demos/dialog/title.tsx"],
+    component: React.lazy(() => import("@/components/demos/dialog/title")),
+  },
+  "dialog/types": {
+    files: ["components/demos/dialog/types.tsx"],
+    component: React.lazy(() => import("@/components/demos/dialog/types")),
+  },
+  "drawer/basic": {
+    files: ["components/demos/drawer/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/drawer/basic")),
+  },
+  "drawer/placement": {
+    files: ["components/demos/drawer/placement.tsx"],
+    component: React.lazy(() => import("@/components/demos/drawer/placement")),
+  },
+  "drop-zone/basic": {
+    files: ["components/demos/drop-zone/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/drop-zone/basic")),
+  },
+  "drop-zone/disabled": {
+    files: ["components/demos/drop-zone/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/drop-zone/disabled")
+    ),
+  },
+  "drop-zone/events": {
+    files: ["components/demos/drop-zone/events.tsx"],
+    component: React.lazy(() => import("@/components/demos/drop-zone/events")),
+  },
+  "drop-zone/file-trigger": {
+    files: ["components/demos/drop-zone/file-trigger.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/drop-zone/file-trigger")
+    ),
+  },
+  "drop-zone/label": {
+    files: ["components/demos/drop-zone/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/drop-zone/label")),
+  },
+  "drop-zone/visual-feedback": {
+    files: ["components/demos/drop-zone/visual-feedback.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/drop-zone/visual-feedback")
+    ),
+  },
+  "file-trigger/default": {
+    files: ["components/demos/file-trigger/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/file-trigger/default")
+    ),
+  },
+  "file-trigger/directory-selection": {
+    files: ["components/demos/file-trigger/directory-selection.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/file-trigger/directory-selection")
+    ),
+  },
+  "file-trigger/file-types": {
+    files: ["components/demos/file-trigger/file-types.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/file-trigger/file-types")
+    ),
+  },
+  "file-trigger/media-capture": {
+    files: ["components/demos/file-trigger/media-capture.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/file-trigger/media-capture")
+    ),
+  },
+  "file-trigger/multiple-files": {
+    files: ["components/demos/file-trigger/multiple-files.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/file-trigger/multiple-files")
+    ),
+  },
+  "form/basic": {
+    files: ["components/demos/form/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/form/basic")),
+  },
+  "form/react-aria": {
+    files: ["components/demos/form/react-aria.tsx"],
+    component: React.lazy(() => import("@/components/demos/form/react-aria")),
+  },
+  "form/react-hook-form": {
+    files: ["components/demos/form/react-hook-form.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/form/react-hook-form")
+    ),
+  },
+  "list-box/async-loading": {
+    files: ["components/demos/list-box/async-loading.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/async-loading")
+    ),
+  },
+  "list-box/basic": {
+    files: ["components/demos/list-box/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/list-box/basic")),
+  },
+  "list-box/composition": {
+    files: ["components/demos/list-box/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/composition")
+    ),
+  },
+  "list-box/contact-list": {
+    files: ["components/demos/list-box/contact-list.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/contact-list")
+    ),
+  },
+  "list-box/controlled": {
+    files: ["components/demos/list-box/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/controlled")
+    ),
+  },
+  "list-box/disabled-items": {
+    files: ["components/demos/list-box/disabled-items.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/disabled-items")
+    ),
+  },
+  "list-box/empty-state": {
+    files: ["components/demos/list-box/empty-state.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/empty-state")
+    ),
+  },
+  "list-box/grid": {
+    files: ["components/demos/list-box/grid.tsx"],
+    component: React.lazy(() => import("@/components/demos/list-box/grid")),
+  },
+  "list-box/horizontal": {
+    files: ["components/demos/list-box/horizontal.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/horizontal")
+    ),
+  },
+  "list-box/image-grid": {
+    files: ["components/demos/list-box/image-grid.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/image-grid")
+    ),
+  },
+  "list-box/item-variant": {
+    files: ["components/demos/list-box/item-variant.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/item-variant")
+    ),
+  },
+  "list-box/label-and-description": {
+    files: ["components/demos/list-box/label-and-description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/label-and-description")
+    ),
+  },
+  "list-box/links": {
+    files: ["components/demos/list-box/links.tsx"],
+    component: React.lazy(() => import("@/components/demos/list-box/links")),
+  },
+  "list-box/loading": {
+    files: ["components/demos/list-box/loading.tsx"],
+    component: React.lazy(() => import("@/components/demos/list-box/loading")),
+  },
+  "list-box/prefix-and-suffix": {
+    files: ["components/demos/list-box/prefix-and-suffix.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/prefix-and-suffix")
+    ),
+  },
+  "list-box/sections": {
+    files: ["components/demos/list-box/sections.tsx"],
+    component: React.lazy(() => import("@/components/demos/list-box/sections")),
+  },
+  "list-box/selection-behavior": {
+    files: ["components/demos/list-box/selection-behavior.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/selection-behavior")
+    ),
+  },
+  "list-box/selection-mode": {
+    files: ["components/demos/list-box/selection-mode.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/selection-mode")
+    ),
+  },
+  "list-box/separator": {
+    files: ["components/demos/list-box/separator.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/separator")
+    ),
+  },
+  "list-box/uncontrolled": {
+    files: ["components/demos/list-box/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/list-box/uncontrolled")
+    ),
+  },
+  "menu/basic": {
+    files: ["components/demos/menu/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/basic")),
+  },
+  "menu/composition": {
+    files: ["components/demos/menu/composition.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/composition")),
+  },
+  "menu/controlled": {
+    files: ["components/demos/menu/controlled.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/controlled")),
+  },
+  "menu/disabled-items": {
+    files: ["components/demos/menu/disabled-items.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/menu/disabled-items")
+    ),
+  },
+  "menu/item-variant": {
+    files: ["components/demos/menu/item-variant.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/item-variant")),
+  },
+  "menu/label-and-description": {
+    files: ["components/demos/menu/label-and-description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/menu/label-and-description")
+    ),
+  },
+  "menu/link-items": {
+    files: ["components/demos/menu/link-items.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/link-items")),
+  },
+  "menu/long-press": {
+    files: ["components/demos/menu/long-press.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/long-press")),
+  },
+  "menu/multiple-selection": {
+    files: ["components/demos/menu/multiple-selection.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/menu/multiple-selection")
+    ),
+  },
+  "menu/overlay-type": {
+    files: ["components/demos/menu/overlay-type.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/overlay-type")),
+  },
+  "menu/placement": {
+    files: ["components/demos/menu/placement.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/placement")),
+  },
+  "menu/prefix-and-suffix": {
+    files: ["components/demos/menu/prefix-and-suffix.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/menu/prefix-and-suffix")
+    ),
+  },
+  "menu/section": {
+    files: ["components/demos/menu/section.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/section")),
+  },
+  "menu/separator": {
+    files: ["components/demos/menu/separator.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/separator")),
+  },
+  "menu/shortcut": {
+    files: ["components/demos/menu/shortcut.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/shortcut")),
+  },
+  "menu/single-selection": {
+    files: ["components/demos/menu/single-selection.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/menu/single-selection")
+    ),
+  },
+  "menu/submenus": {
+    files: ["components/demos/menu/submenus.tsx"],
+    component: React.lazy(() => import("@/components/demos/menu/submenus")),
+  },
+  "modal/basic": {
+    files: ["components/demos/modal/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/modal/basic")),
+  },
+  "number-field/composition": {
+    files: ["components/demos/number-field/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/composition")
+    ),
+  },
+  "number-field/controlled": {
+    files: ["components/demos/number-field/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/controlled")
+    ),
+  },
+  "number-field/default": {
+    files: ["components/demos/number-field/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/default")
+    ),
+  },
+  "number-field/description": {
+    files: ["components/demos/number-field/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/description")
+    ),
+  },
+  "number-field/disabled": {
+    files: ["components/demos/number-field/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/disabled")
+    ),
+  },
+  "number-field/error-message": {
+    files: ["components/demos/number-field/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/error-message")
+    ),
+  },
+  "number-field/format-options": {
+    files: ["components/demos/number-field/format-options.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/format-options")
+    ),
+  },
+  "number-field/label": {
+    files: ["components/demos/number-field/label.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/label")
+    ),
+  },
+  "number-field/read-only": {
+    files: ["components/demos/number-field/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/read-only")
+    ),
+  },
+  "number-field/required": {
+    files: ["components/demos/number-field/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/required")
+    ),
+  },
+  "number-field/sizes": {
+    files: ["components/demos/number-field/sizes.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/sizes")
+    ),
+  },
+  "number-field/uncontrolled": {
+    files: ["components/demos/number-field/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/number-field/uncontrolled")
+    ),
+  },
+  "overlay/basic": {
+    files: ["components/demos/overlay/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/overlay/basic")),
+  },
+  "overlay/type": {
+    files: ["components/demos/overlay/type.tsx"],
+    component: React.lazy(() => import("@/components/demos/overlay/type")),
+  },
+  "popover/basic": {
+    files: ["components/demos/popover/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/popover/basic")),
+  },
+  "progress-bar/composition": {
+    files: ["components/demos/progress-bar/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/composition")
+    ),
+  },
+  "progress-bar/custom-value-label": {
+    files: ["components/demos/progress-bar/custom-value-label.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/custom-value-label")
+    ),
+  },
+  "progress-bar/default": {
+    files: ["components/demos/progress-bar/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/default")
+    ),
+  },
+  "progress-bar/duration": {
+    files: ["components/demos/progress-bar/duration.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/duration")
+    ),
+  },
+  "progress-bar/format-options": {
+    files: ["components/demos/progress-bar/format-options.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/format-options")
+    ),
+  },
+  "progress-bar/indeterminate": {
+    files: ["components/demos/progress-bar/indeterminate.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/indeterminate")
+    ),
+  },
+  "progress-bar/label": {
+    files: ["components/demos/progress-bar/label.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/label")
+    ),
+  },
+  "progress-bar/min-max-values": {
+    files: ["components/demos/progress-bar/min-max-values.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/min-max-values")
+    ),
+  },
+  "progress-bar/shape": {
+    files: ["components/demos/progress-bar/shape.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/shape")
+    ),
+  },
+  "progress-bar/sizes": {
+    files: ["components/demos/progress-bar/sizes.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/sizes")
+    ),
+  },
+  "progress-bar/value-label": {
+    files: ["components/demos/progress-bar/value-label.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/value-label")
+    ),
+  },
+  "progress-bar/variants": {
+    files: ["components/demos/progress-bar/variants.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/progress-bar/variants")
+    ),
+  },
+  "radio-group/cards": {
+    files: ["components/demos/radio-group/cards.tsx"],
+    component: React.lazy(() => import("@/components/demos/radio-group/cards")),
+  },
+  "radio-group/composition": {
+    files: ["components/demos/radio-group/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/radio-group/composition")
+    ),
+  },
+  "radio-group/controlled": {
+    files: ["components/demos/radio-group/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/radio-group/controlled")
+    ),
+  },
+  "radio-group/default": {
+    files: ["components/demos/radio-group/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/radio-group/default")
+    ),
+  },
+  "radio-group/description": {
+    files: ["components/demos/radio-group/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/radio-group/description")
+    ),
+  },
+  "radio-group/disabled": {
+    files: ["components/demos/radio-group/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/radio-group/disabled")
+    ),
+  },
+  "radio-group/error-message": {
+    files: ["components/demos/radio-group/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/radio-group/error-message")
+    ),
+  },
+  "radio-group/label": {
+    files: ["components/demos/radio-group/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/radio-group/label")),
+  },
+  "radio-group/orientation": {
+    files: ["components/demos/radio-group/orientation.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/radio-group/orientation")
+    ),
+  },
+  "radio-group/read-only": {
+    files: ["components/demos/radio-group/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/radio-group/read-only")
+    ),
+  },
+  "radio-group/required": {
+    files: ["components/demos/radio-group/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/radio-group/required")
+    ),
+  },
+  "radio-group/uncontrolled": {
+    files: ["components/demos/radio-group/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/radio-group/uncontrolled")
+    ),
+  },
+  "range-calendar/composition": {
+    files: ["components/demos/range-calendar/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/composition")
+    ),
+  },
+  "range-calendar/controlled": {
+    files: ["components/demos/range-calendar/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/controlled")
+    ),
+  },
+  "range-calendar/default": {
+    files: ["components/demos/range-calendar/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/default")
+    ),
+  },
+  "range-calendar/disabled": {
+    files: ["components/demos/range-calendar/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/disabled")
+    ),
+  },
+  "range-calendar/error-message": {
+    files: ["components/demos/range-calendar/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/error-message")
+    ),
+  },
+  "range-calendar/non-contiguous-ranges": {
+    files: ["components/demos/range-calendar/non-contiguous-ranges.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/non-contiguous-ranges")
+    ),
+  },
+  "range-calendar/page-behaviour": {
+    files: ["components/demos/range-calendar/page-behaviour.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/page-behaviour")
+    ),
+  },
+  "range-calendar/read-only": {
+    files: ["components/demos/range-calendar/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/read-only")
+    ),
+  },
+  "range-calendar/uncontrolled": {
+    files: ["components/demos/range-calendar/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/uncontrolled")
+    ),
+  },
+  "range-calendar/unvailable-dates": {
+    files: ["components/demos/range-calendar/unvailable-dates.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/unvailable-dates")
+    ),
+  },
+  "range-calendar/validation": {
+    files: ["components/demos/range-calendar/validation.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/validation")
+    ),
+  },
+  "range-calendar/variant": {
+    files: ["components/demos/range-calendar/variant.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/variant")
+    ),
+  },
+  "range-calendar/visible-months": {
+    files: ["components/demos/range-calendar/visible-months.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/range-calendar/visible-months")
+    ),
+  },
+  "search-field/composition": {
+    files: ["components/demos/search-field/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/composition")
+    ),
+  },
+  "search-field/controlled": {
+    files: ["components/demos/search-field/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/controlled")
+    ),
+  },
+  "search-field/default": {
+    files: ["components/demos/search-field/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/default")
+    ),
+  },
+  "search-field/description": {
+    files: ["components/demos/search-field/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/description")
+    ),
+  },
+  "search-field/disabled": {
+    files: ["components/demos/search-field/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/disabled")
+    ),
+  },
+  "search-field/error-message": {
+    files: ["components/demos/search-field/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/error-message")
+    ),
+  },
+  "search-field/form": {
+    files: ["components/demos/search-field/form.tsx"],
+    component: React.lazy(() => import("@/components/demos/search-field/form")),
+  },
+  "search-field/label": {
+    files: ["components/demos/search-field/label.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/label")
+    ),
+  },
+  "search-field/read-only": {
+    files: ["components/demos/search-field/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/read-only")
+    ),
+  },
+  "search-field/required": {
+    files: ["components/demos/search-field/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/required")
+    ),
+  },
+  "search-field/sizes": {
+    files: ["components/demos/search-field/sizes.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/sizes")
+    ),
+  },
+  "search-field/uncontrolled": {
+    files: ["components/demos/search-field/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/search-field/uncontrolled")
+    ),
+  },
+  "select/async-loading": {
+    files: ["components/demos/select/async-loading.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/select/async-loading")
+    ),
+  },
+  "select/basic": {
+    files: ["components/demos/select/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/select/basic")),
+  },
+  "select/composition": {
+    files: ["components/demos/select/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/select/composition")
+    ),
+  },
+  "select/controlled": {
+    files: ["components/demos/select/controlled.tsx"],
+    component: React.lazy(() => import("@/components/demos/select/controlled")),
+  },
+  "select/description": {
+    files: ["components/demos/select/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/select/description")
+    ),
+  },
+  "select/disabled": {
+    files: ["components/demos/select/disabled.tsx"],
+    component: React.lazy(() => import("@/components/demos/select/disabled")),
+  },
+  "select/label": {
+    files: ["components/demos/select/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/select/label")),
+  },
+  "select/links": {
+    files: ["components/demos/select/links.tsx"],
+    component: React.lazy(() => import("@/components/demos/select/links")),
+  },
+  "select/loading": {
+    files: ["components/demos/select/loading.tsx"],
+    component: React.lazy(() => import("@/components/demos/select/loading")),
+  },
+  "select/placeholder": {
+    files: ["components/demos/select/placeholder.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/select/placeholder")
+    ),
+  },
+  "select/required": {
+    files: ["components/demos/select/required.tsx"],
+    component: React.lazy(() => import("@/components/demos/select/required")),
+  },
+  "select/sections": {
+    files: ["components/demos/select/sections.tsx"],
+    component: React.lazy(() => import("@/components/demos/select/sections")),
+  },
+  "select/uncontrolled": {
+    files: ["components/demos/select/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/select/uncontrolled")
+    ),
+  },
+  "select/validation": {
+    files: ["components/demos/select/validation.tsx"],
+    component: React.lazy(() => import("@/components/demos/select/validation")),
+  },
+  "separator/card": {
+    files: ["components/demos/separator/card.tsx"],
+    component: React.lazy(() => import("@/components/demos/separator/card")),
+  },
+  "separator/orientation": {
+    files: ["components/demos/separator/orientation.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/separator/orientation")
+    ),
+  },
+  "skeleton/api-simulation": {
+    files: ["components/demos/skeleton/api-simulation.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/skeleton/api-simulation")
+    ),
+  },
+  "skeleton/card": {
+    files: ["components/demos/skeleton/card.tsx"],
+    component: React.lazy(() => import("@/components/demos/skeleton/card")),
+  },
+  "skeleton/children": {
+    files: ["components/demos/skeleton/children.tsx"],
+    component: React.lazy(() => import("@/components/demos/skeleton/children")),
+  },
+  "skeleton/fixed-size-children": {
+    files: ["components/demos/skeleton/fixed-size-children.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/skeleton/fixed-size-children")
+    ),
+  },
+  "skeleton/show": {
+    files: ["components/demos/skeleton/show.tsx"],
+    component: React.lazy(() => import("@/components/demos/skeleton/show")),
+  },
+  "slider/composition": {
+    files: ["components/demos/slider/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/slider/composition")
+    ),
+  },
+  "slider/controlled": {
+    files: ["components/demos/slider/controlled.tsx"],
+    component: React.lazy(() => import("@/components/demos/slider/controlled")),
+  },
+  "slider/default": {
+    files: ["components/demos/slider/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/slider/default")),
+  },
+  "slider/description": {
+    files: ["components/demos/slider/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/slider/description")
+    ),
+  },
+  "slider/disabled": {
+    files: ["components/demos/slider/disabled.tsx"],
+    component: React.lazy(() => import("@/components/demos/slider/disabled")),
+  },
+  "slider/format-options": {
+    files: ["components/demos/slider/format-options.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/slider/format-options")
+    ),
+  },
+  "slider/label": {
+    files: ["components/demos/slider/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/slider/label")),
+  },
+  "slider/range": {
+    files: ["components/demos/slider/range.tsx"],
+    component: React.lazy(() => import("@/components/demos/slider/range")),
+  },
+  "slider/sizes": {
+    files: ["components/demos/slider/sizes.tsx"],
+    component: React.lazy(() => import("@/components/demos/slider/sizes")),
+  },
+  "slider/step": {
+    files: ["components/demos/slider/step.tsx"],
+    component: React.lazy(() => import("@/components/demos/slider/step")),
+  },
+  "slider/uncontrolled": {
+    files: ["components/demos/slider/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/slider/uncontrolled")
+    ),
+  },
+  "slider/value-label": {
+    files: ["components/demos/slider/value-label.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/slider/value-label")
+    ),
+  },
+  "slider/value-scale": {
+    files: ["components/demos/slider/value-scale.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/slider/value-scale")
+    ),
+  },
+  "slider/vertical": {
+    files: ["components/demos/slider/vertical.tsx"],
+    component: React.lazy(() => import("@/components/demos/slider/vertical")),
+  },
+  "switch/card": {
+    files: ["components/demos/switch/card.tsx"],
+    component: React.lazy(() => import("@/components/demos/switch/card")),
+  },
+  "switch/composition": {
+    files: ["components/demos/switch/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/switch/composition")
+    ),
+  },
+  "switch/controlled": {
+    files: ["components/demos/switch/controlled.tsx"],
+    component: React.lazy(() => import("@/components/demos/switch/controlled")),
+  },
+  "switch/default": {
+    files: ["components/demos/switch/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/switch/default")),
+  },
+  "switch/disabled": {
+    files: ["components/demos/switch/disabled.tsx"],
+    component: React.lazy(() => import("@/components/demos/switch/disabled")),
+  },
+  "switch/label": {
+    files: ["components/demos/switch/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/switch/label")),
+  },
+  "switch/sizes": {
+    files: ["components/demos/switch/sizes.tsx"],
+    component: React.lazy(() => import("@/components/demos/switch/sizes")),
+  },
+  "switch/uncontrolled": {
+    files: ["components/demos/switch/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/switch/uncontrolled")
+    ),
+  },
+  "table/basic": {
+    files: ["components/demos/table/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/table/basic")),
+  },
+  "table/column-resizing": {
+    files: ["components/demos/table/column-resizing.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/table/column-resizing")
+    ),
+  },
+  "table/controlled": {
+    files: ["components/demos/table/controlled.tsx"],
+    component: React.lazy(() => import("@/components/demos/table/controlled")),
+  },
+  "table/disabled-rows": {
+    files: ["components/demos/table/disabled-rows.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/table/disabled-rows")
+    ),
+  },
+  "table/disallow-empty-selection": {
+    files: ["components/demos/table/disallow-empty-selection.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/table/disallow-empty-selection")
+    ),
+  },
+  "table/dynamic-collection": {
+    files: ["components/demos/table/dynamic-collection.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/table/dynamic-collection")
+    ),
+  },
+  "table/empty-state": {
+    files: ["components/demos/table/empty-state.tsx"],
+    component: React.lazy(() => import("@/components/demos/table/empty-state")),
+  },
+  "table/links": {
+    files: ["components/demos/table/links.tsx"],
+    component: React.lazy(() => import("@/components/demos/table/links")),
+  },
+  "table/reordable": {
+    files: ["components/demos/table/reordable.tsx"],
+    component: React.lazy(() => import("@/components/demos/table/reordable")),
+  },
+  "table/row-action": {
+    files: ["components/demos/table/row-action.tsx"],
+    component: React.lazy(() => import("@/components/demos/table/row-action")),
+  },
+  "table/selection-behavior": {
+    files: ["components/demos/table/selection-behavior.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/table/selection-behavior")
+    ),
+  },
+  "table/selection-mode": {
+    files: ["components/demos/table/selection-mode.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/table/selection-mode")
+    ),
+  },
+  "table/selection-variant": {
+    files: ["components/demos/table/selection-variant.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/table/selection-variant")
+    ),
+  },
+  "table/selection": {
+    files: ["components/demos/table/selection.tsx"],
+    component: React.lazy(() => import("@/components/demos/table/selection")),
+  },
+  "table/sorting": {
+    files: ["components/demos/table/sorting.tsx"],
+    component: React.lazy(() => import("@/components/demos/table/sorting")),
+  },
+  "table/static-row-action": {
+    files: ["components/demos/table/static-row-action.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/table/static-row-action")
+    ),
+  },
+  "table/uncontrolled": {
+    files: ["components/demos/table/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/table/uncontrolled")
+    ),
+  },
+  "table/variants": {
+    files: ["components/demos/table/variants.tsx"],
+    component: React.lazy(() => import("@/components/demos/table/variants")),
+  },
+  "tabs/basic": {
+    files: ["components/demos/tabs/basic.tsx"],
+    component: React.lazy(() => import("@/components/demos/tabs/basic")),
+  },
+  "tabs/controlled": {
+    files: ["components/demos/tabs/controlled.tsx"],
+    component: React.lazy(() => import("@/components/demos/tabs/controlled")),
+  },
+  "tabs/disabled": {
+    files: ["components/demos/tabs/disabled.tsx"],
+    component: React.lazy(() => import("@/components/demos/tabs/disabled")),
+  },
+  "tabs/keyboard-activation": {
+    files: ["components/demos/tabs/keyboard-activation.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/tabs/keyboard-activation")
+    ),
+  },
+  "tabs/variant": {
+    files: ["components/demos/tabs/variant.tsx"],
+    component: React.lazy(() => import("@/components/demos/tabs/variant")),
+  },
+  "tabs/vertical": {
+    files: ["components/demos/tabs/vertical.tsx"],
+    component: React.lazy(() => import("@/components/demos/tabs/vertical")),
+  },
+  "tag-group/default": {
+    files: ["components/demos/tag-group/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/tag-group/default")),
+  },
+  "text-area/composition": {
+    files: ["components/demos/text-area/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-area/composition")
+    ),
+  },
+  "text-area/controlled": {
+    files: ["components/demos/text-area/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-area/controlled")
+    ),
+  },
+  "text-area/default": {
+    files: ["components/demos/text-area/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/text-area/default")),
+  },
+  "text-area/description": {
+    files: ["components/demos/text-area/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-area/description")
+    ),
+  },
+  "text-area/disabled": {
+    files: ["components/demos/text-area/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-area/disabled")
+    ),
+  },
+  "text-area/error-message": {
+    files: ["components/demos/text-area/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-area/error-message")
+    ),
+  },
+  "text-area/form": {
+    files: ["components/demos/text-area/form.tsx"],
+    component: React.lazy(() => import("@/components/demos/text-area/form")),
+  },
+  "text-area/label": {
+    files: ["components/demos/text-area/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/text-area/label")),
+  },
+  "text-area/prefix-and-suffix": {
+    files: ["components/demos/text-area/prefix-and-suffix.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-area/prefix-and-suffix")
+    ),
+  },
+  "text-area/read-only": {
+    files: ["components/demos/text-area/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-area/read-only")
+    ),
+  },
+  "text-area/required": {
+    files: ["components/demos/text-area/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-area/required")
+    ),
+  },
+  "text-area/uncontrolled": {
+    files: ["components/demos/text-area/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-area/uncontrolled")
+    ),
+  },
+  "text-field/composition": {
+    files: ["components/demos/text-field/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-field/composition")
+    ),
+  },
+  "text-field/controlled": {
+    files: ["components/demos/text-field/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-field/controlled")
+    ),
+  },
+  "text-field/default": {
+    files: ["components/demos/text-field/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-field/default")
+    ),
+  },
+  "text-field/description": {
+    files: ["components/demos/text-field/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-field/description")
+    ),
+  },
+  "text-field/disabled": {
+    files: ["components/demos/text-field/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-field/disabled")
+    ),
+  },
+  "text-field/error-message": {
+    files: ["components/demos/text-field/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-field/error-message")
+    ),
+  },
+  "text-field/label": {
+    files: ["components/demos/text-field/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/text-field/label")),
+  },
+  "text-field/prefix-and-suffix": {
+    files: ["components/demos/text-field/prefix-and-suffix.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-field/prefix-and-suffix")
+    ),
+  },
+  "text-field/read-only": {
+    files: ["components/demos/text-field/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-field/read-only")
+    ),
+  },
+  "text-field/required": {
+    files: ["components/demos/text-field/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-field/required")
+    ),
+  },
+  "text-field/sizes": {
+    files: ["components/demos/text-field/sizes.tsx"],
+    component: React.lazy(() => import("@/components/demos/text-field/sizes")),
+  },
+  "text-field/uncontrolled": {
+    files: ["components/demos/text-field/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/text-field/uncontrolled")
+    ),
+  },
+  "time-field/composition": {
+    files: ["components/demos/time-field/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/composition")
+    ),
+  },
+  "time-field/controlled": {
+    files: ["components/demos/time-field/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/controlled")
+    ),
+  },
+  "time-field/default": {
+    files: ["components/demos/time-field/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/default")
+    ),
+  },
+  "time-field/description": {
+    files: ["components/demos/time-field/description.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/description")
+    ),
+  },
+  "time-field/disabled": {
+    files: ["components/demos/time-field/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/disabled")
+    ),
+  },
+  "time-field/error-message": {
+    files: ["components/demos/time-field/error-message.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/error-message")
+    ),
+  },
+  "time-field/granularity": {
+    files: ["components/demos/time-field/granularity.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/granularity")
+    ),
+  },
+  "time-field/hide-time-zone": {
+    files: ["components/demos/time-field/hide-time-zone.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/hide-time-zone")
+    ),
+  },
+  "time-field/hour-cycle": {
+    files: ["components/demos/time-field/hour-cycle.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/hour-cycle")
+    ),
+  },
+  "time-field/label": {
+    files: ["components/demos/time-field/label.tsx"],
+    component: React.lazy(() => import("@/components/demos/time-field/label")),
+  },
+  "time-field/placeholder": {
+    files: ["components/demos/time-field/placeholder.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/placeholder")
+    ),
+  },
+  "time-field/prefix-and-suffix": {
+    files: ["components/demos/time-field/prefix-and-suffix.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/prefix-and-suffix")
+    ),
+  },
+  "time-field/read-only": {
+    files: ["components/demos/time-field/read-only.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/read-only")
+    ),
+  },
+  "time-field/required": {
+    files: ["components/demos/time-field/required.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/required")
+    ),
+  },
+  "time-field/sizes": {
+    files: ["components/demos/time-field/sizes.tsx"],
+    component: React.lazy(() => import("@/components/demos/time-field/sizes")),
+  },
+  "time-field/time-zones": {
+    files: ["components/demos/time-field/time-zones.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/time-zones")
+    ),
+  },
+  "time-field/uncontrolled": {
+    files: ["components/demos/time-field/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/time-field/uncontrolled")
+    ),
+  },
+  "toggle-button/controlled": {
+    files: ["components/demos/toggle-button/controlled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/toggle-button/controlled")
+    ),
+  },
+  "toggle-button/default": {
+    files: ["components/demos/toggle-button/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/toggle-button/default")
+    ),
+  },
+  "toggle-button/disabled": {
+    files: ["components/demos/toggle-button/disabled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/toggle-button/disabled")
+    ),
+  },
+  "toggle-button/shapes": {
+    files: ["components/demos/toggle-button/shapes.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/toggle-button/shapes")
+    ),
+  },
+  "toggle-button/sizes": {
+    files: ["components/demos/toggle-button/sizes.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/toggle-button/sizes")
+    ),
+  },
+  "toggle-button/uncontrolled": {
+    files: ["components/demos/toggle-button/uncontrolled.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/toggle-button/uncontrolled")
+    ),
+  },
+  "toggle-button/variants": {
+    files: ["components/demos/toggle-button/variants.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/toggle-button/variants")
+    ),
+  },
+  "toggle-button-group/default": {
+    files: ["components/demos/toggle-button-group/default.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/toggle-button-group/default")
+    ),
+  },
+  "tooltip/arrow": {
+    files: ["components/demos/tooltip/arrow.tsx"],
+    component: React.lazy(() => import("@/components/demos/tooltip/arrow")),
+  },
+  "tooltip/composition": {
+    files: ["components/demos/tooltip/composition.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/tooltip/composition")
+    ),
+  },
+  "tooltip/container-padding": {
+    files: ["components/demos/tooltip/container-padding.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/tooltip/container-padding")
+    ),
+  },
+  "tooltip/default": {
+    files: ["components/demos/tooltip/default.tsx"],
+    component: React.lazy(() => import("@/components/demos/tooltip/default")),
+  },
+  "tooltip/delay": {
+    files: ["components/demos/tooltip/delay.tsx"],
+    component: React.lazy(() => import("@/components/demos/tooltip/delay")),
+  },
+  "tooltip/flip": {
+    files: ["components/demos/tooltip/flip.tsx"],
+    component: React.lazy(() => import("@/components/demos/tooltip/flip")),
+  },
+  "tooltip/offset": {
+    files: ["components/demos/tooltip/offset.tsx"],
+    component: React.lazy(() => import("@/components/demos/tooltip/offset")),
+  },
+  "tooltip/placement": {
+    files: ["components/demos/tooltip/placement.tsx"],
+    component: React.lazy(() => import("@/components/demos/tooltip/placement")),
+  },
+  "tooltip/variant": {
+    files: ["components/demos/tooltip/variant.tsx"],
+    component: React.lazy(() => import("@/components/demos/tooltip/variant")),
+  },
+  "tooltip/with-arrow": {
+    files: ["components/demos/tooltip/with-arrow.tsx"],
+    component: React.lazy(
+      () => import("@/components/demos/tooltip/with-arrow")
+    ),
   },
 };
diff --git a/www/src/components/demos/registry.ts b/www/src/components/demos/registry.ts
deleted file mode 100644
index 49309068e..000000000
--- a/www/src/components/demos/registry.ts
+++ /dev/null
@@ -1,496 +0,0 @@
-type RegistryDemoItem = {
-  name: string;
-  files: string[];
-};
-
-type RegistryDemos = RegistryDemoItem[];
-
-const buildDemos = (registryItem: string, demos: string[]): RegistryDemos => {
-  return demos.map((demo) => {
-    return {
-      name: `${registryItem}-${demo}`,
-      files: [`demos/${registryItem}/${demo}.tsx`],
-    };
-  });
-};
-
-export const demos: RegistryDemos = [
-  ...buildDemos("alert", [
-    "action",
-    "composition",
-    "content",
-    "custom-icon",
-    "default",
-    "title",
-    "variants",
-  ]),
-  ...buildDemos("avatar", ["composition", "default", "shape", "sizes"]),
-  ...buildDemos("badge", ["default", "icon", "sizes", "variants"]),
-  ...buildDemos("breadcrumbs", [
-    "basic",
-    "composition",
-    "disabled",
-    "icon",
-    "router-integration",
-  ]),
-  ...buildDemos("button", [
-    "default",
-    "disabled",
-    "link-button",
-    "loading",
-    "prefix-and-suffix",
-    "shapes",
-    "sizes",
-    "variants",
-  ]),
-  ...buildDemos("calendar", [
-    "composition",
-    "controlled",
-    "default",
-    "disabled",
-    "error-message",
-    "page-behaviour",
-    "read-only",
-    "uncontrolled",
-    "unvailable-dates",
-    "validation",
-    "visible-months",
-    "variant",
-  ]),
-  ...buildDemos("checkbox-group", [
-    "cards",
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "label",
-    "read-only",
-    "required",
-    "uncontrolled",
-  ]),
-  ...buildDemos("checkbox", [
-    "variants",
-    "card",
-    "controlled",
-    "default",
-    "disabled",
-    "indeterminate",
-    "read-only",
-    "uncontrolled",
-    "composition",
-  ]),
-  ...buildDemos("color-area", [
-    "channels",
-    "composition",
-    "controlled",
-    "default",
-    "disabled",
-    "uncontrolled",
-  ]),
-  ...buildDemos("color-field", [
-    "color-channel",
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "form",
-    "label",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "sizes",
-  ]),
-  ...buildDemos("color-picker", [
-    "composition",
-    "controlled",
-    "default",
-    "options",
-    "uncontrolled",
-    "channel-sliders",
-    "swatches",
-  ]),
-  ...buildDemos("color-slider", [
-    "channel",
-    "composition",
-    "controlled",
-    "default",
-    "disabled",
-    "label",
-    "vertical",
-  ]),
-  ...buildDemos("color-swatch", ["default"]),
-  ...buildDemos("color-swatch-picker", ["basic", "controlled", "disabled"]),
-  ...buildDemos("color-thumb", []),
-  ...buildDemos("combobox", [
-    "async-loading",
-    "basic",
-    "composition",
-    "controlled",
-    "custom-value",
-    "description",
-    "disabled",
-    "label",
-    "loading",
-    "required",
-    "sections",
-    "uncontrolled",
-    "validation",
-  ]),
-  ...buildDemos("date-field", [
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "granularity",
-    "hide-time-zone",
-    "hour-cycle",
-    "label",
-    "placeholder",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "sizes",
-    "time-zones",
-    "uncontrolled",
-  ]),
-  ...buildDemos("date-picker", [
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "granularity",
-    "hide-time-zone",
-    "hour-cycle",
-    "label",
-    "placeholder",
-    "prefix",
-    "read-only",
-    "required",
-    "sizes",
-    "time-zones",
-    "uncontrolled",
-  ]),
-  ...buildDemos("date-range-picker", [
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "granularity",
-    "hide-time-zone",
-    "hour-cycle",
-    "label",
-    "placeholder",
-    "prefix",
-    "read-only",
-    "required",
-    "sizes",
-    "time-zones",
-    "uncontrolled",
-  ]),
-  ...buildDemos("dialog", [
-    "alert-dialog",
-    "async-form-submission",
-    "basic",
-    "composition",
-    "controlled",
-    "description",
-    "dismissable",
-    "drawer",
-    "inset-content",
-    "nested",
-    "popover",
-    "title",
-    "types",
-  ]),
-  ...buildDemos("drawer", ["basic", "placement"]),
-  ...buildDemos("drop-zone", [
-    "basic",
-    "disabled",
-    "file-trigger",
-    "label",
-    "visual-feedback",
-    "events",
-  ]),
-  ...buildDemos("file-trigger", [
-    "default",
-    "directory-selection",
-    "file-types",
-    "media-capture",
-    "multiple-files",
-  ]),
-  ...buildDemos("list-box", [
-    "async-loading",
-    "basic",
-    "composition",
-    "contact-list",
-    "controlled",
-    "disabled-items",
-    "empty-state",
-    "grid",
-    "horizontal",
-    "image-grid",
-    "item-variant",
-    "label-and-description",
-    "links",
-    "loading",
-    "prefix-and-suffix",
-    "sections",
-    "selection-behavior",
-    "selection-mode",
-    "separator",
-    "uncontrolled",
-  ]),
-  ...buildDemos("menu", [
-    "basic",
-    "composition",
-    "controlled",
-    "disabled-items",
-    "item-variant",
-    "label-and-description",
-    "link-items",
-    "long-press",
-    "multiple-selection",
-    "overlay-type",
-    "placement",
-    "prefix-and-suffix",
-    "section",
-    "separator",
-    "shortcut",
-    "single-selection",
-    "submenus",
-  ]),
-  ...buildDemos("modal", ["basic"]),
-  ...buildDemos("number-field", [
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "format-options",
-    "label",
-    "read-only",
-    "required",
-    "sizes",
-    "uncontrolled",
-  ]),
-  ...buildDemos("popover", ["basic"]),
-  ...buildDemos("progress-bar", [
-    "composition",
-    "custom-value-label",
-    "default",
-    "duration",
-    "format-options",
-    "indeterminate",
-    "label",
-    "min-max-values",
-    "shape",
-    "sizes",
-    "value-label",
-    "variants",
-  ]),
-  ...buildDemos("radio-group", [
-    "cards",
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "label",
-    "orientation",
-    "read-only",
-    "required",
-    "uncontrolled",
-  ]),
-  ...buildDemos("range-calendar", [
-    "composition",
-    "controlled",
-    "default",
-    "disabled",
-    "error-message",
-    "non-contiguous-ranges",
-    "page-behaviour",
-    "read-only",
-    "uncontrolled",
-    "unvailable-dates",
-    "validation",
-    "visible-months",
-    "variant",
-  ]),
-  ...buildDemos("search-field", [
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "form",
-    "label",
-    "read-only",
-    "required",
-    "sizes",
-    "uncontrolled",
-  ]),
-  ...buildDemos("select", [
-    "async-loading",
-    "basic",
-    "composition",
-    "controlled",
-    "description",
-    "disabled",
-    "label",
-    "links",
-    "loading",
-    "placeholder",
-    "required",
-    "sections",
-    "uncontrolled",
-    "validation",
-  ]),
-  ...buildDemos("separator", ["card", "orientation"]),
-  ...buildDemos("skeleton", [
-    "api-simulation",
-    "card",
-    "children",
-    "fixed-size-children",
-    "show",
-  ]),
-  ...buildDemos("slider", [
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "format-options",
-    "label",
-    "range",
-    "sizes",
-    "step",
-    "uncontrolled",
-    "value-label",
-    "value-scale",
-    "vertical",
-  ]),
-  ...buildDemos("switch", [
-    "controlled",
-    "default",
-    "disabled",
-    "label",
-    "sizes",
-    "uncontrolled",
-    "card",
-    "composition",
-  ]),
-  ...buildDemos("tabs", [
-    "basic",
-    "controlled",
-    "disabled",
-    "keyboard-activation",
-    "vertical",
-    "variant",
-  ]),
-  ...buildDemos("text-area", [
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "form",
-    "label",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "uncontrolled",
-  ]),
-  ...buildDemos("text-field", [
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "label",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "sizes",
-    "uncontrolled",
-  ]),
-  ...buildDemos("time-field", [
-    "composition",
-    "controlled",
-    "default",
-    "description",
-    "disabled",
-    "error-message",
-    "granularity",
-    "hide-time-zone",
-    "hour-cycle",
-    "label",
-    "placeholder",
-    "prefix-and-suffix",
-    "read-only",
-    "required",
-    "sizes",
-    "time-zones",
-    "uncontrolled",
-  ]),
-  ...buildDemos("toggle-button", [
-    "controlled",
-    "default",
-    "disabled",
-    "shapes",
-    "sizes",
-    "uncontrolled",
-    "variants",
-  ]),
-  ...buildDemos("tooltip", [
-    "variant",
-    "arrow",
-    "composition",
-    "container-padding",
-    "default",
-    "delay",
-    "flip",
-    "offset",
-    "placement",
-    "with-arrow",
-  ]),
-  ...buildDemos("toggle-button-group", ["default"]),
-  ...buildDemos("button-group", ["default"]),
-  ...buildDemos("tag-group", ["default"]),
-  ...buildDemos("table", [
-    "dynamic-collection",
-    "basic",
-    "disallow-empty-selection",
-    "empty-state",
-    "links",
-    "sorting",
-    "disabled-rows",
-    "static-row-action",
-    "row-action",
-    "selection-mode",
-    "selection-behavior",
-    "variants",
-    "column-resizing",
-    "controlled",
-    "uncontrolled",
-    "reordable",
-    "selection-variant",
-  ]),
-  ...buildDemos("form", ["basic", "react-aria", "react-hook-form"]),
-  ...buildDemos("command", ["basic", "dialog"]),
-  ...buildDemos("overlay", ["basic", "type"]),
-];
diff --git a/www/src/components/docs/component-preview-client.tsx b/www/src/components/docs/component-preview-client.tsx
index d57a6b3a9..626356357 100644
--- a/www/src/components/docs/component-preview-client.tsx
+++ b/www/src/components/docs/component-preview-client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { DemosProvider } from "@/lib/create-dynamic-component";
 import { useHorizontalResize } from "@/hooks/use-horizontal-resize";
 import { Skeleton } from "@/components/core/skeleton";
 
@@ -25,7 +26,7 @@ export const ComponentWrapper = ({
   if (suspense) {
     return <React.Suspense fallback={fallback}>{children}</React.Suspense>;
   }
-  return children;
+  return <DemosProvider>{children};</DemosProvider>;
 };
 
 export const ResizableContainer = ({
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index 39e8712b3..89a826ac0 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -36,11 +36,7 @@ export const ComponentPreview = async ({
   resizable = false,
   suspense = false,
 }: ComponentPreviewProps) => {
-  const type = name.split("/")[0];
-  const componentName = name.split("/")[1];
-  const demoName = name.split("/")[2];
-
-  const demoItem = Index[type][demoName];
+  const demoItem = Index[name];
 
   const Component = demoItem.component;
   const code: { fileName: string; code: string }[] = demoItem.files.map(
@@ -61,13 +57,7 @@ export const ComponentPreview = async ({
         <ResizableContainer resizable={resizable}>
           <Loader>
             <ThemeOverride className="relative">
-              <StyleSwitcher
-                componentName={
-                  componentName === "range-calendar"
-                    ? "calendar"
-                    : componentName
-                }
-              />
+              <StyleSwitcher componentName={getComponentName(name)} />
               <ThemeCustomizerDialog>
                 <Tooltip
                   content={
@@ -122,3 +112,9 @@ export const ComponentPreview = async ({
     </div>
   );
 };
+
+const getComponentName = (name: string) => {
+  const groupName = name.split("/")[0];
+  if (groupName === "range-calendar") return "calendar";
+  return groupName;
+};
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
index c55707ef8..a58354f96 100644
--- a/www/src/components/docs/style-switcher.tsx
+++ b/www/src/components/docs/style-switcher.tsx
@@ -12,12 +12,17 @@ import { core } from "@/registry/registry-core";
 import { RegistryItem } from "@/registry/types";
 
 export function StyleSwitcher({ componentName }: { componentName: string }) {
-  const variants = getAllComponentVariants(componentName);
+  const primitiveInfo = getPrimitiveInfo(componentName);
   const { variants: contextVariants, setVariants } = useComponentsVariants();
   const { currentTheme } = useThemes();
-  const currentThemeVariant = currentTheme.variants[componentName];
+
+  if (!primitiveInfo) return null;
+
+  const { primitiveName, variants } = primitiveInfo;
+
+  const currentThemeVariant = currentTheme.variants[primitiveName];
   const currentVariant =
-    contextVariants[componentName] ?? currentTheme.variants[componentName];
+    contextVariants[primitiveName] ?? currentTheme.variants[primitiveName];
 
   return (
     <SelectRoot
@@ -36,19 +41,15 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
         suffix={<ChevronDownIcon />}
         className="border-border absolute left-2 top-2 z-50 text-xs font-normal"
       >
-        <span className="font-bold">variant:</span> <SelectValue />
+        <span className="font-bold">{primitiveName}:</span> <SelectValue />
       </Button>
       <Popover>
         <ListBox>
           {variants &&
             variants.map((item) => (
-              <Item
-                key={item}
-                id={item}
-                // description={item.description}
-              >
+              <Item key={item} id={item}>
                 {item}
-                {currentThemeVariant === item.name && "(current theme)"}
+                {currentThemeVariant === item && " (current theme)"}
               </Item>
             ))}
         </ListBox>
@@ -60,11 +61,13 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
 const getPrimitiveInfo = (name: string) => {
   const item = core.find((item) => item.name === name);
 
-  if (hasVariants(item)) {
-    return item.variants;
-  } else {
-    return false;
-  }
+  if (hasVariants(item))
+    return { primitiveName: name, variants: item.variants };
+
+  if (["text-field", "time-field", "date-field"].includes(name))
+    return getPrimitiveInfo("input");
+
+  return null;
 };
 
 function hasVariants(
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index c9376c63a..dcf64a9ae 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -20,17 +20,17 @@ export const Alert = createDynamicComponent<AlertProps>(
   "Alert",
   _Alert,
   {
-    "alert-01": React.lazy(() =>
+    basic: React.lazy(() =>
       import("@/registry/core/alert_basic").then((mod) => ({
         default: mod.Alert,
       }))
     ),
-    "alert-02": React.lazy(() =>
+    notch: React.lazy(() =>
       import("@/registry/core/alert_notch").then((mod) => ({
         default: mod.Alert,
       }))
     ),
-    "alert-03": React.lazy(() =>
+    "notch-2": React.lazy(() =>
       import("@/registry/core/alert_notch-2").then((mod) => ({
         default: mod.Alert,
       }))
@@ -43,17 +43,17 @@ export const AlertRoot = createDynamicComponent<AlertRootProps>(
   "AlertRoot",
   _AlertRoot,
   {
-    "alert-01": React.lazy(() =>
+    basic: React.lazy(() =>
       import("@/registry/core/alert_basic").then((mod) => ({
         default: mod.AlertRoot,
       }))
     ),
-    "alert-02": React.lazy(() =>
+    notch: React.lazy(() =>
       import("@/registry/core/alert_notch").then((mod) => ({
         default: mod.AlertRoot,
       }))
     ),
-    "alert-03": React.lazy(() =>
+    "notch-2": React.lazy(() =>
       import("@/registry/core/alert_notch-2").then((mod) => ({
         default: mod.AlertRoot,
       }))
@@ -66,17 +66,17 @@ export const AlertTitle = createDynamicComponent<AlertTitleProps>(
   "AlertTitle",
   _AlertTitle,
   {
-    "alert-01": React.lazy(() =>
+    basic: React.lazy(() =>
       import("@/registry/core/alert_basic").then((mod) => ({
         default: mod.AlertTitle,
       }))
     ),
-    "alert-02": React.lazy(() =>
+    notch: React.lazy(() =>
       import("@/registry/core/alert_notch").then((mod) => ({
         default: mod.AlertTitle,
       }))
     ),
-    "alert-03": React.lazy(() =>
+    "notch-2": React.lazy(() =>
       import("@/registry/core/alert_notch-2").then((mod) => ({
         default: mod.AlertTitle,
       }))
@@ -88,17 +88,17 @@ export const AlertContent = createDynamicComponent<AlertContentProps>(
   "AlertContent",
   _AlertContent,
   {
-    "alert-01": React.lazy(() =>
+    basic: React.lazy(() =>
       import("@/registry/core/alert_basic").then((mod) => ({
         default: mod.AlertContent,
       }))
     ),
-    "alert-02": React.lazy(() =>
+    notch: React.lazy(() =>
       import("@/registry/core/alert_notch").then((mod) => ({
         default: mod.AlertContent,
       }))
     ),
-    "alert-03": React.lazy(() =>
+    "notch-2": React.lazy(() =>
       import("@/registry/core/alert_notch-2").then((mod) => ({
         default: mod.AlertContent,
       }))
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index fc3d92500..b0d018a99 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -33,7 +33,7 @@ export const Calendar = createDynamicComponent<CalendarProps<DateValue>>(
   "Calendar",
   _Calendar,
   {
-    calendar_cal: React.lazy(() =>
+    cal: React.lazy(() =>
       import("@/registry/core/calendar_cal").then((mod) => ({
         default: mod.Calendar,
       }))
@@ -44,7 +44,7 @@ export const Calendar = createDynamicComponent<CalendarProps<DateValue>>(
 export const RangeCalendar = createDynamicComponent<
   RangeCalendarProps<DateValue>
 >("calendar", "RangeCalendar", _RangeCalendar, {
-  calendar_cal: React.lazy(() =>
+  cal: React.lazy(() =>
     import("@/registry/core/calendar_cal").then((mod) => ({
       default: mod.RangeCalendar,
     }))
@@ -54,7 +54,7 @@ export const RangeCalendar = createDynamicComponent<
 export const CalendarRoot = createDynamicComponent<
   CalendarRootProps<DateValue>
 >("calendar", "CalendarRoot", _CalendarRoot, {
-  calendar_cal: React.lazy(() =>
+  cal: React.lazy(() =>
     import("@/registry/core/calendar_cal").then((mod) => ({
       default: mod.CalendarRoot,
     }))
@@ -64,7 +64,7 @@ export const CalendarRoot = createDynamicComponent<
 export const RangeCalendarRoot = createDynamicComponent<
   RangeCalendarRootProps<DateValue>
 >("calendar", "RangeCalendarRoot", _RangeCalendarRoot, {
-  calendar_cal: React.lazy(() =>
+  cal: React.lazy(() =>
     import("@/registry/core/calendar_cal").then((mod) => ({
       default: mod.RangeCalendarRoot,
     }))
@@ -76,7 +76,7 @@ export const CalendarHeader = createDynamicComponent<CalendarHeaderProps>(
   "CalendarHeader",
   _CalendarHeader,
   {
-    calendar_cal: React.lazy(() =>
+    cal: React.lazy(() =>
       import("@/registry/core/calendar_cal").then((mod) => ({
         default: mod.CalendarHeader,
       }))
@@ -89,7 +89,7 @@ export const CalendarGrid = createDynamicComponent<CalendarGridProps>(
   "CalendarGrid",
   _CalendarGrid,
   {
-    calendar_cal: React.lazy(() =>
+    cal: React.lazy(() =>
       import("@/registry/core/calendar_cal").then((mod) => ({
         default: mod.CalendarGrid,
       }))
@@ -103,7 +103,7 @@ export const CalendarGridHeader =
     "CalendarGridHeader",
     _CalendarGridHeader,
     {
-      calendar_cal: React.lazy(() =>
+      cal: React.lazy(() =>
         import("@/registry/core/calendar_cal").then((mod) => ({
           default: mod.CalendarGridHeader,
         }))
@@ -117,7 +117,7 @@ export const CalendarHeaderCell =
     "CalendarHeaderCell",
     _CalendarHeaderCell,
     {
-      calendar_cal: React.lazy(() =>
+      cal: React.lazy(() =>
         import("@/registry/core/calendar_cal").then((mod) => ({
           default: mod.CalendarHeaderCell,
         }))
@@ -130,7 +130,7 @@ export const CalendarGridBody = createDynamicComponent<CalendarGridBodyProps>(
   "CalendarGridBody",
   _CalendarGridBody,
   {
-    calendar_cal: React.lazy(() =>
+    cal: React.lazy(() =>
       import("@/registry/core/calendar_cal").then((mod) => ({
         default: mod.CalendarGridBody,
       }))
@@ -143,7 +143,7 @@ export const CalendarCell = createDynamicComponent<CalendarCellProps>(
   "CalendarCell",
   _CalendarCell,
   {
-    calendar_cal: React.lazy(() =>
+    cal: React.lazy(() =>
       import("@/registry/core/calendar_cal").then((mod) => ({
         default: mod.CalendarCell,
       }))
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index fde5bf54a..e23798d9f 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -32,7 +32,7 @@ export const createDynamicComponent = <Props extends {}>(
       return (
         <React.Suspense
           fallback={
-            <Skeleton>
+            <Skeleton show>
               <DefaultComp {...props} />
             </Skeleton>
           }
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index e17bb4843..d186fbb5f 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -9,6 +9,7 @@ const defaultVariants = {
   checkbox: "basic",
   "checkbox-group": "basic",
   tooltip: "basic",
+  input: "basic",
   modal: "basic",
   popover: "basic",
   drawer: "basic",
diff --git a/www/src/registry/core/popover_basic.tsx b/www/src/registry/core/popover_basic.tsx
index f2e452a34..d5dff7ce9 100644
--- a/www/src/registry/core/popover_basic.tsx
+++ b/www/src/registry/core/popover_basic.tsx
@@ -10,8 +10,12 @@ import { tv } from "tailwind-variants";
 
 const popoverStyles = tv({
   slots: {
-    popover:
-      "bg-bg min-w-(--trigger-width) entering:animate-in entering:fade-in entering:zoom-in-95 entering:duration-150 exiting:duration-150 entering:placement-bottom:slide-in-from-top-2 entering:placement-top:slide-in-from-bottom-2 entering:placement-left:slide-in-from-right-2 entering:placement-right:slide-in-from-left-2 exiting:animate-out exiting:fade-out exiting:zoom-out-95 exiting:placement-bottom:slide-out-to-top-2 exiting:placement-top:slide-out-to-bottom-2 exiting:placement-left:slide-out-to-right-2 exiting:placement-right:slide-out-to-left-2 placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left group rounded-md border shadow-md ease-[cubic-bezier(0.165,0.84,0.44,1)]",
+    popover: [
+      "bg-bg min-w-(--trigger-width) group rounded-md border shadow-md ease-[cubic-bezier(0.165,0.84,0.44,1)]",
+      "placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left",
+      "entering:opacity-0 exiting:opacity-0 opacity-100 duration-150 will-change-[transform,opacity]",
+      "translate-0 entering:placement-bottom:-translate-y-2 exiting:placement-bottom:-translate-y-2 entering:placement-top:translate-y-2 exiting:placement-top:translate-y-2 entering:placement-right:-translate-x-2 exiting:placement-right:-translate-x-2 entering:placement-left:translate-x-2 exiting:placement-left:translate-x-2",
+    ],
     arrow:
       "stroke-border fill-bg group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180 stroke-1",
   },

From 7cfed64858cc89583174050c732f2b05fd659561 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 06:47:55 +0100
Subject: [PATCH 079/165] feat: registry

---
 .../docs/components/overlays/overlay.mdx      |   4 +-
 www/package.json                              |   2 +-
 www/public/registry/core/alert.json           |   4 +
 www/public/registry/core/alert_basic.json     |  13 +
 www/public/registry/core/alert_notch-2.json   |  13 +
 www/public/registry/core/alert_notch.json     |  13 +
 www/public/registry/core/avatar.json          |  12 +
 www/public/registry/core/badge.json           |  12 +
 www/public/registry/core/breadcrumbs.json     |  12 +
 www/public/registry/core/button.json          |   4 +
 www/public/registry/core/button_basic.json    |  12 +
 .../registry/core/button_brutalist.json       |  12 +
 www/public/registry/core/button_ripple.json   |  24 ++
 www/public/registry/core/calendar.json        |   4 +
 www/public/registry/core/calendar_basic.json  |  12 +
 www/public/registry/core/calendar_cal.json    |  12 +
 www/public/registry/core/checkbox-group.json  |  12 +
 www/public/registry/core/checkbox.json        |  12 +
 www/public/registry/core/color-area.json      |  12 +
 www/public/registry/core/color-field.json     |  12 +
 www/public/registry/core/color-picker.json    |  12 +
 www/public/registry/core/color-slider.json    |  12 +
 .../registry/core/color-swatch-picker.json    |  12 +
 www/public/registry/core/color-swatch.json    |  12 +
 www/public/registry/core/color-thumb.json     |  12 +
 www/public/registry/core/combobox.json        |  12 +
 www/public/registry/core/command.json         |  12 +
 www/public/registry/core/date-field.json      |  12 +
 www/public/registry/core/date-input.json      |  12 +
 www/public/registry/core/date-picker.json     |  12 +
 .../registry/core/date-range-picker.json      |  12 +
 www/public/registry/core/dialog.json          |  12 +
 www/public/registry/core/drawer.json          |  12 +
 www/public/registry/core/drop-zone.json       |  12 +
 www/public/registry/core/field.json           |  12 +
 www/public/registry/core/file-trigger.json    |  12 +
 www/public/registry/core/form.json            |   4 +
 www/public/registry/core/form_basic.json      |  12 +
 .../registry/core/form_react-hook-form.json   |  12 +
 www/public/registry/core/index.json           | 222 +++++++++++++
 www/public/registry/core/input.json           |   4 +
 www/public/registry/core/input_basic.json     |  12 +
 www/public/registry/core/kbd.json             |  12 +
 www/public/registry/core/list-box.json        |  12 +
 www/public/registry/core/loader.json          |   4 +
 www/public/registry/core/loader_dots.json     |  12 +
 www/public/registry/core/loader_line.json     |  12 +
 www/public/registry/core/loader_ring.json     |  12 +
 www/public/registry/core/loader_tailspin.json |  12 +
 www/public/registry/core/loader_wave.json     |  12 +
 www/public/registry/core/menu.json            |  12 +
 www/public/registry/core/modal.json           |  12 +
 www/public/registry/core/number-field.json    |  12 +
 www/public/registry/core/overlay.json         |  12 +
 www/public/registry/core/popover.json         |  12 +
 www/public/registry/core/progress-bar.json    |  12 +
 www/public/registry/core/radio-group.json     |  12 +
 www/public/registry/core/search-field.json    |  12 +
 www/public/registry/core/select.json          |  12 +
 www/public/registry/core/separator.json       |  12 +
 www/public/registry/core/skeleton.json        |  12 +
 www/public/registry/core/slider.json          |  12 +
 www/public/registry/core/switch.json          |  12 +
 www/public/registry/core/table.json           |  12 +
 www/public/registry/core/tabs.json            |   4 +
 www/public/registry/core/tabs_basic.json      |  12 +
 www/public/registry/core/tabs_motion.json     |  12 +
 www/public/registry/core/tag-group.json       |  12 +
 www/public/registry/core/text-area.json       |  12 +
 www/public/registry/core/text-field.json      |  12 +
 www/public/registry/core/text.json            |  12 +
 www/public/registry/core/time-field.json      |  12 +
 .../registry/core/toggle-button-group.json    |  12 +
 www/public/registry/core/toggle-button.json   |  12 +
 www/public/registry/core/tooltip.json         |   4 +
 www/public/registry/core/tooltip_basic.json   |  12 +
 www/public/registry/core/tooltip_motion.json  |  12 +
 www/public/registry/index.json                | 306 ++++++++++++++++++
 www/scripts/build-registry.ts                 | 188 +++++++----
 .../docs/component-preview-client.tsx         |   2 +-
 www/src/lib/string.ts                         |   8 +
 www/src/registry/registry-core.ts             |  79 +----
 www/src/registry/types.ts                     |  31 +-
 83 files changed, 1526 insertions(+), 155 deletions(-)
 create mode 100644 www/public/registry/core/alert.json
 create mode 100644 www/public/registry/core/alert_basic.json
 create mode 100644 www/public/registry/core/alert_notch-2.json
 create mode 100644 www/public/registry/core/alert_notch.json
 create mode 100644 www/public/registry/core/avatar.json
 create mode 100644 www/public/registry/core/badge.json
 create mode 100644 www/public/registry/core/breadcrumbs.json
 create mode 100644 www/public/registry/core/button.json
 create mode 100644 www/public/registry/core/button_basic.json
 create mode 100644 www/public/registry/core/button_brutalist.json
 create mode 100644 www/public/registry/core/button_ripple.json
 create mode 100644 www/public/registry/core/calendar.json
 create mode 100644 www/public/registry/core/calendar_basic.json
 create mode 100644 www/public/registry/core/calendar_cal.json
 create mode 100644 www/public/registry/core/checkbox-group.json
 create mode 100644 www/public/registry/core/checkbox.json
 create mode 100644 www/public/registry/core/color-area.json
 create mode 100644 www/public/registry/core/color-field.json
 create mode 100644 www/public/registry/core/color-picker.json
 create mode 100644 www/public/registry/core/color-slider.json
 create mode 100644 www/public/registry/core/color-swatch-picker.json
 create mode 100644 www/public/registry/core/color-swatch.json
 create mode 100644 www/public/registry/core/color-thumb.json
 create mode 100644 www/public/registry/core/combobox.json
 create mode 100644 www/public/registry/core/command.json
 create mode 100644 www/public/registry/core/date-field.json
 create mode 100644 www/public/registry/core/date-input.json
 create mode 100644 www/public/registry/core/date-picker.json
 create mode 100644 www/public/registry/core/date-range-picker.json
 create mode 100644 www/public/registry/core/dialog.json
 create mode 100644 www/public/registry/core/drawer.json
 create mode 100644 www/public/registry/core/drop-zone.json
 create mode 100644 www/public/registry/core/field.json
 create mode 100644 www/public/registry/core/file-trigger.json
 create mode 100644 www/public/registry/core/form.json
 create mode 100644 www/public/registry/core/form_basic.json
 create mode 100644 www/public/registry/core/form_react-hook-form.json
 create mode 100644 www/public/registry/core/index.json
 create mode 100644 www/public/registry/core/input.json
 create mode 100644 www/public/registry/core/input_basic.json
 create mode 100644 www/public/registry/core/kbd.json
 create mode 100644 www/public/registry/core/list-box.json
 create mode 100644 www/public/registry/core/loader.json
 create mode 100644 www/public/registry/core/loader_dots.json
 create mode 100644 www/public/registry/core/loader_line.json
 create mode 100644 www/public/registry/core/loader_ring.json
 create mode 100644 www/public/registry/core/loader_tailspin.json
 create mode 100644 www/public/registry/core/loader_wave.json
 create mode 100644 www/public/registry/core/menu.json
 create mode 100644 www/public/registry/core/modal.json
 create mode 100644 www/public/registry/core/number-field.json
 create mode 100644 www/public/registry/core/overlay.json
 create mode 100644 www/public/registry/core/popover.json
 create mode 100644 www/public/registry/core/progress-bar.json
 create mode 100644 www/public/registry/core/radio-group.json
 create mode 100644 www/public/registry/core/search-field.json
 create mode 100644 www/public/registry/core/select.json
 create mode 100644 www/public/registry/core/separator.json
 create mode 100644 www/public/registry/core/skeleton.json
 create mode 100644 www/public/registry/core/slider.json
 create mode 100644 www/public/registry/core/switch.json
 create mode 100644 www/public/registry/core/table.json
 create mode 100644 www/public/registry/core/tabs.json
 create mode 100644 www/public/registry/core/tabs_basic.json
 create mode 100644 www/public/registry/core/tabs_motion.json
 create mode 100644 www/public/registry/core/tag-group.json
 create mode 100644 www/public/registry/core/text-area.json
 create mode 100644 www/public/registry/core/text-field.json
 create mode 100644 www/public/registry/core/text.json
 create mode 100644 www/public/registry/core/time-field.json
 create mode 100644 www/public/registry/core/toggle-button-group.json
 create mode 100644 www/public/registry/core/toggle-button.json
 create mode 100644 www/public/registry/core/tooltip.json
 create mode 100644 www/public/registry/core/tooltip_basic.json
 create mode 100644 www/public/registry/core/tooltip_motion.json
 create mode 100644 www/public/registry/index.json

diff --git a/www/content/docs/components/overlays/overlay.mdx b/www/content/docs/components/overlays/overlay.mdx
index 9ea24c6a1..7bed37721 100644
--- a/www/content/docs/components/overlays/overlay.mdx
+++ b/www/content/docs/components/overlays/overlay.mdx
@@ -15,7 +15,7 @@ links:
 {/* prettier-ignore-end */}
 
 <ComponentPreview
-  name="drawer/basic"
+  name="overlay/basic"
   preview={`<DialogRoot>
     <Button>Open overlay</Button>
     <Overlay>
@@ -35,7 +35,7 @@ npx dotui-cli@latest add overlay
 Overlay can be rendered as modal, popover, or drawer using the `type` prop. You can set a different type for mobile view with the `mobileType` prop.
 
 <ComponentPreview
-  name="drawer/type"
+  name="overlay/type"
   preview={`<DialogRoot>
     <Button>Create issue</Button>
     <Overlay type={type} mobileType={mobileType}>
diff --git a/www/package.json b/www/package.json
index a50c17466..2720d3ccd 100644
--- a/www/package.json
+++ b/www/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "build": "next build",
-    "build:registry": "tsx ./scripts/build-registry.ts && prettier --log-level silent --write \"src/registry/**/*.{ts,tsx,mdx}\" \"src/__demos__/**/*.{ts,tsx}\" --cache",
+    "build:registry": "tsx ./scripts/build-registry.ts && prettier --log-level silent --write \"src/registry/**/*.{ts,tsx,mdx}\" --cache",
     "build:internal-registry": "tsx ./scripts/build-internal-registry.ts && prettier --log-level silent --write \"src/__registry__/**/*.{ts,tsx,mdx}\" --cache",
     "build:demos": "tsx ./scripts/build-demos.ts && prettier --log-level silent --write \"src/__demos__/index.tsx\" --cache",
     "start": "next start",
diff --git a/www/public/registry/core/alert.json b/www/public/registry/core/alert.json
new file mode 100644
index 000000000..5faae2ec5
--- /dev/null
+++ b/www/public/registry/core/alert.json
@@ -0,0 +1,4 @@
+{
+  "name": "alert",
+  "type": "registry:core"
+}
\ No newline at end of file
diff --git a/www/public/registry/core/alert_basic.json b/www/public/registry/core/alert_basic.json
new file mode 100644
index 000000000..58a4253ba
--- /dev/null
+++ b/www/public/registry/core/alert_basic.json
@@ -0,0 +1,13 @@
+{
+  "name": "alert_basic",
+  "type": "registry:core",
+  "description": "Minimal with a subtle border and muted background.",
+  "files": [
+    {
+      "path": "core/alert_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"flex w-full items-center gap-4 rounded-lg border p-4 text-sm [&_svg]:size-4\",\n    title: \"font-medium leading-normal tracking-tight\",\n    content: \"\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"bg-bg-muted text-fg border\" },\n      success: {\n        root: \"bg-bg-success-muted border-border-success text-fg-success border\",\n      },\n      warning: {\n        root: \"bg-bg-warning-muted border-border-warning text-fg-warning border\",\n      },\n      danger: {\n        root: \"bg-bg-danger-muted border-border-danger text-fg-danger border\",\n      },\n      info: {\n        root: \"bg-bg-info-muted border-border-info text-fg-info border\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: <InfoIcon />,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  action,\n  icon,\n  children,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props} className=\"@container items-start\">\n      <div className=\"pt-2\">{resolvedIcon}</div>\n      <div className=\"@sm:items-center @sm:flex-row flex flex-1 flex-col items-start gap-4\">\n        <div className=\"flex-1 space-y-0.5\">\n          {title && <AlertTitle>{title}</AlertTitle>}\n          {children && <AlertContent>{children}</AlertContent>}\n        </div>\n        {action}\n      </div>\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <div className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
+      "type": "registry:core",
+      "target": "core/alert.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/alert_notch-2.json b/www/public/registry/core/alert_notch-2.json
new file mode 100644
index 000000000..a9f59b376
--- /dev/null
+++ b/www/public/registry/core/alert_notch-2.json
@@ -0,0 +1,13 @@
+{
+  "name": "alert_notch-2",
+  "type": "registry:core",
+  "description": "Alert with a bold left border for emphasis and muted background.",
+  "files": [
+    {
+      "path": "core/alert_notch.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4\",\n    title: \"mr-1 font-medium leading-normal tracking-tight\",\n    content: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"border-bg-primary\" },\n      success: {\n        root: \"border-bg-success\",\n      },\n      warning: {\n        root: \"border-bg-warning\",\n      },\n      danger: {\n        root: \"border-bg-danger\",\n      },\n      info: {\n        root: \"border-bg-info\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: null,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  description?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  description,\n  action,\n  icon,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props}>\n      {resolvedIcon}\n      <div className=\"flex-1 space-y-0.5\">\n        <AlertTitle>{title}</AlertTitle>\n        {description && <AlertContent>{description}</AlertContent>}\n      </div>\n      {action}\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <p className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
+      "type": "registry:core",
+      "target": "core/alert.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/alert_notch.json b/www/public/registry/core/alert_notch.json
new file mode 100644
index 000000000..7458dd3b2
--- /dev/null
+++ b/www/public/registry/core/alert_notch.json
@@ -0,0 +1,13 @@
+{
+  "name": "alert_notch",
+  "type": "registry:core",
+  "description": "Alert with a bold left border for emphasis.",
+  "files": [
+    {
+      "path": "core/alert_notch.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4\",\n    title: \"mr-1 font-medium leading-normal tracking-tight\",\n    content: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"border-bg-primary\" },\n      success: {\n        root: \"border-bg-success\",\n      },\n      warning: {\n        root: \"border-bg-warning\",\n      },\n      danger: {\n        root: \"border-bg-danger\",\n      },\n      info: {\n        root: \"border-bg-info\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: null,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  description?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  description,\n  action,\n  icon,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props}>\n      {resolvedIcon}\n      <div className=\"flex-1 space-y-0.5\">\n        <AlertTitle>{title}</AlertTitle>\n        {description && <AlertContent>{description}</AlertContent>}\n      </div>\n      {action}\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <p className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
+      "type": "registry:core",
+      "target": "core/alert.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/avatar.json b/www/public/registry/core/avatar.json
new file mode 100644
index 000000000..42a03dea3
--- /dev/null
+++ b/www/public/registry/core/avatar.json
@@ -0,0 +1,12 @@
+{
+  "name": "avatar",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/avatar_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst avatarStyles = tv({\n  slots: {\n    root: \"bg-bg relative inline-flex shrink-0 overflow-hidden align-middle\",\n    image: \"aspect-square size-full\",\n    fallback:\n      \"bg-bg-muted flex size-full select-none items-center justify-center\",\n    placeholder:\n      \"bg-bg-muted flex size-full h-full animate-pulse items-center justify-center\",\n  },\n  variants: {\n    size: {\n      sm: { root: \"size-8\" },\n      md: { root: \"size-10\" },\n      lg: { root: \"size-12\" },\n    },\n    shape: {\n      circle: { root: \"rounded-full\" },\n      square: { root: \"rounded-sm\" },\n    },\n  },\n  defaultVariants: {\n    shape: \"circle\",\n    size: \"md\",\n  },\n});\n\nconst { root, image, fallback, placeholder } = avatarStyles();\n\nconst [AvatarProvider, useAvatarContext] = createScopedContext<\n  VariantProps<typeof avatarStyles> & {\n    status: Status;\n    setStatus: (status: Status) => void;\n  }\n>(\"AlertRoot\");\n\ninterface AvatarProps\n  extends AvatarImageProps,\n    VariantProps<typeof avatarStyles> {\n  fallback?: React.ReactNode;\n}\nconst Avatar = ({\n  className,\n  style,\n  fallback,\n  size,\n  shape,\n  ...props\n}: AvatarProps) => {\n  return (\n    <AvatarRoot className={className} style={style} size={size} shape={shape}>\n      <AvatarImage {...props} />\n      <AvatarFallback>{fallback}</AvatarFallback>\n      <AvatarPlaceholder />\n    </AvatarRoot>\n  );\n};\n\ninterface AvatarRootProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof avatarStyles> {}\nfunction AvatarRoot({ className, shape, size, ...props }: AvatarRootProps) {\n  const [status, setStatus] = React.useState<Status>(\"idle\");\n\n  return (\n    <AvatarProvider\n      shape={shape}\n      size={size}\n      status={status}\n      setStatus={setStatus}\n    >\n      <span className={root({ className, shape, size })} {...props} />\n    </AvatarProvider>\n  );\n}\n\ninterface AvatarImageProps extends React.ComponentProps<\"img\"> {}\nfunction AvatarImage({ src, alt, className, ...props }: AvatarImageProps) {\n  const status = useImageLoadingStatus(src);\n  const { setStatus } = useAvatarContext(\"AvatarImage\");\n\n  React.useLayoutEffect(() => {\n    if (status !== \"idle\") {\n      setStatus(status);\n    }\n  }, [status, setStatus]);\n\n  if (status === \"success\")\n    return (\n      <img className={image({ className })} src={src} alt={alt} {...props} />\n    );\n\n  return null;\n}\n\ntype AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {\n  const { status } = useAvatarContext(\"AvatarFallback\");\n\n  if (status === \"error\")\n    return <span className={fallback({ className })} {...props} />;\n\n  return null;\n};\n\ninterface AvatarPlaceholderProps extends React.ComponentProps<\"span\"> {}\n\nconst AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {\n  const { status } = useAvatarContext(\"AvatarPlaceholder\");\n\n  if ([\"idle\", \"loading\"].includes(status))\n    return <span className={placeholder({ className })} {...props} />;\n\n  return null;\n};\n\ntype Status = \"idle\" | \"loading\" | \"success\" | \"error\";\nfunction useImageLoadingStatus(src?: string) {\n  const [status, setStatus] = React.useState<Status>(\"idle\");\n\n  React.useLayoutEffect(() => {\n    if (!src) {\n      setStatus(\"error\");\n      return;\n    }\n    let isMounted = true;\n    const image = new window.Image();\n    const updateStatus = (status: Status) => () => {\n      if (!isMounted) return;\n      setStatus(status);\n    };\n    setStatus(\"loading\");\n    image.onload = updateStatus(\"success\");\n    image.onerror = updateStatus(\"error\");\n    image.src = src;\n    return () => {\n      isMounted = false;\n    };\n  }, [src]);\n\n  return status;\n}\n\nexport type {\n  AvatarProps,\n  AvatarRootProps,\n  AvatarImageProps,\n  AvatarFallbackProps,\n  AvatarPlaceholderProps,\n};\nexport { Avatar, AvatarRoot, AvatarImage, AvatarFallback, AvatarPlaceholder };\n",
+      "type": "registry:core",
+      "target": "core/avatar.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/badge.json b/www/public/registry/core/badge.json
new file mode 100644
index 000000000..5fbb721e8
--- /dev/null
+++ b/www/public/registry/core/badge.json
@@ -0,0 +1,12 @@
+{
+  "name": "badge",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/badge_basic.tsx",
+      "content": "import * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nconst badgeStyles = tv({\n  base: \"inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors\",\n  variants: {\n    variant: {\n      neutral: \"bg-bg-muted text-fg\",\n      accent: \"bg-bg-accent-muted text-fg-accent\",\n      success: \"bg-bg-success-muted text-fg-success\",\n      danger: \"bg-bg-danger-muted text-fg-danger\",\n      warning: \"bg-bg-warning-muted text-fg-warning\",\n      info: \"bg-bg-info-muted text-fg-info\",\n    },\n    size: {\n      sm: \"h-5 px-2.5 [&_svg]:size-3\",\n      md: \"h-6 px-3 [&_svg]:size-3.5\",\n      lg: \"h-7 px-4 text-sm [&_svg]:size-4\",\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n    size: \"md\",\n  },\n});\n\ninterface BadgeProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof badgeStyles> {}\nconst Badge = ({ className, variant, size, ...props }: BadgeProps) => {\n  return (\n    <span\n      role=\"presentation\"\n      className={badgeStyles({ variant, size, className })}\n      {...props}\n    />\n  );\n};\n\nexport type { BadgeProps };\nexport { Badge };\n",
+      "type": "registry:core",
+      "target": "core/badge.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/breadcrumbs.json b/www/public/registry/core/breadcrumbs.json
new file mode 100644
index 000000000..b0f5f39ef
--- /dev/null
+++ b/www/public/registry/core/breadcrumbs.json
@@ -0,0 +1,12 @@
+{
+  "name": "breadcrumbs",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/breadcrumbs_basic.tsx",
+      "content": "\"use client\";\n\nimport { ChevronRightIcon } from \"lucide-react\";\nimport {\n  Breadcrumbs as AriaBreadcrumbs,\n  Breadcrumb as AriaBreadcrumb,\n  Link as AriaLink,\n  composeRenderProps,\n  type BreadcrumbsProps as AriaBreadcrumbsProps,\n  type LinkProps as AriaLinkProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst breadcrumbsStyles = tv({\n  slots: {\n    root: \"text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4\",\n    item: \"inline-flex items-center gap-1\",\n    link: [\n      focusRing(),\n      \"hover:text-fg current:text-fg disabled:not-current:text-fg-disabled inline-flex items-center gap-1 rounded px-0.5 leading-none transition-colors disabled:cursor-default\",\n    ],\n  },\n});\nconst { root, item, link } = breadcrumbsStyles();\n\ninterface BreadcrumbsProps<T extends object> extends AriaBreadcrumbsProps<T> {\n  ref?: React.RefObject<HTMLOListElement>;\n}\nconst Breadcrumbs = <T extends object>({\n  className,\n  ...props\n}: BreadcrumbsProps<T>) => {\n  return <AriaBreadcrumbs className={root({ className })} {...props} />;\n};\n\ninterface BreadcrumbProps\n  extends React.ComponentProps<typeof BreadcrumbItem>,\n    Omit<AriaLinkProps, \"children\" | \"className\" | \"style\"> {}\nconst Breadcrumb = ({ ref, children, ...props }: BreadcrumbProps) => {\n  return (\n    <BreadcrumbItem ref={ref} {...props}>\n      {composeRenderProps(children, (children, { isCurrent }) => (\n        <>\n          <BreadcrumbLink {...props}>{children}</BreadcrumbLink>\n          {!isCurrent && <ChevronRightIcon />}\n        </>\n      ))}\n    </BreadcrumbItem>\n  );\n};\n\ninterface BreadcrumbItemProps\n  extends React.ComponentProps<typeof AriaBreadcrumb> {}\nconst BreadcrumbItem = ({ className, ...props }: BreadcrumbItemProps) => (\n  <AriaBreadcrumb\n    className={composeRenderProps(className, (className) =>\n      item({ className })\n    )}\n    {...props}\n  />\n);\n\ninterface BreadcrumbLinkProps extends React.ComponentProps<typeof AriaLink> {}\nconst BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => (\n  <AriaLink\n    className={composeRenderProps(className, (className) =>\n      link({ className })\n    )}\n    {...props}\n  />\n);\n\nexport type {\n  BreadcrumbsProps,\n  BreadcrumbProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n};\n\nexport { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };\n",
+      "type": "registry:core",
+      "target": "core/breadcrumbs.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/button.json b/www/public/registry/core/button.json
new file mode 100644
index 000000000..ae7979a9b
--- /dev/null
+++ b/www/public/registry/core/button.json
@@ -0,0 +1,4 @@
+{
+  "name": "button",
+  "type": "registry:core"
+}
\ No newline at end of file
diff --git a/www/public/registry/core/button_basic.json b/www/public/registry/core/button_basic.json
new file mode 100644
index 000000000..4f2d4dce9
--- /dev/null
+++ b/www/public/registry/core/button_basic.json
@@ -0,0 +1,12 @@
+{
+  "name": "button_basic",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/button_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type LinkProps as AriaLinkProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/helpers\";\nimport { Loader } from \"@/registry/core/loader_ring\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst buttonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default\",\n  variants: {\n    variant: {\n      default:\n        \"bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral\",\n      primary:\n        \"bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary\",\n      quiet:\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\n      accent:\n        \"bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent\",\n      success:\n        \"bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess\",\n      warning:\n        \"bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning\",\n      danger:\n        \"bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    shape: \"rectangle\",\n  },\n});\n\nconst [ButtonProvider, useButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\n\ninterface ButtonProps\n  extends Omit<AriaButtonProps, \"className\">,\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\n    VariantProps<typeof buttonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n    const contextProps = useButtonContext();\n    const props = { ...contextProps, ...localProps };\n\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\n\n    return (\n      <Element\n        ref={ref}\n        {...restProps}\n        className={buttonStyles({ variant, size, shape, className })}\n      >\n        {composeRenderProps(props.children, (children, { isPending }) => (\n          <>\n            {isPending && (\n              <Loader\n                aria-label=\"loading\"\n                className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\"\n                size={16}\n              />\n            )}\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </Element>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport type { ButtonProps };\nexport { Button, buttonStyles, ButtonProvider };\n",
+      "type": "registry:core",
+      "target": "core/button.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/button_brutalist.json b/www/public/registry/core/button_brutalist.json
new file mode 100644
index 000000000..8ab4ea86b
--- /dev/null
+++ b/www/public/registry/core/button_brutalist.json
@@ -0,0 +1,12 @@
+{
+  "name": "button_brutalist",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/button_brutalist.tsx",
+      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Button as AriaButton,\r\n  Link as AriaLink,\r\n  type ButtonProps as AriaButtonProps,\r\n  type LinkProps as AriaLinkProps,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { createOptionalScopedContext } from \"@/lib/helpers\";\r\nimport { Loader } from \"@/registry/core/loader_ring\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\n\r\nconst buttonStyles = tv(\r\n  {\r\n    extend: focusRing,\r\n    base: [\r\n      \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default\",\r\n      \"shadow-brutalism hover:translate-x-(--box-shadow-x) hover:translate-y-(--box-shadow-y) hover:shadow-none\",\r\n    ],\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-bg-neutral text-fg-onNeutral\",\r\n        primary: \"bg-bg-primary text-fg-onPrimary\",\r\n        quiet: \"text-fg bg-transparent\",\r\n        outline:\r\n          \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\r\n        accent:\r\n          \"bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent\",\r\n        success:\r\n          \"bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess\",\r\n        warning:\r\n          \"bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning\",\r\n        danger:\r\n          \"bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger\",\r\n      },\r\n      size: {\r\n        sm: \"size-8 [&_svg]:size-4\",\r\n        md: \"size-9 [&_svg]:size-4\",\r\n        lg: \"size-10 [&_svg]:size-5\",\r\n      },\r\n      shape: {\r\n        rectangle: \"\",\r\n        square: \"\",\r\n        circle: \"rounded-full\",\r\n      },\r\n    },\r\n    compoundVariants: [\r\n      {\r\n        size: \"sm\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-3\",\r\n      },\r\n      {\r\n        size: \"md\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-4\",\r\n      },\r\n      {\r\n        size: \"lg\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-5\",\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"md\",\r\n      shape: \"rectangle\",\r\n    },\r\n  },\r\n  {\r\n    responsiveVariants: [\"sm\", \"lg\"],\r\n  }\r\n);\r\n\r\nconst [ButtonProvider, useButtonContext] =\r\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\r\n\r\ninterface ButtonProps\r\n  extends Omit<AriaButtonProps, \"className\">,\r\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\r\n    VariantProps<typeof buttonStyles> {\r\n  className?: string;\r\n  prefix?: React.ReactNode;\r\n  suffix?: React.ReactNode;\r\n}\r\n\r\nconst Button = React.forwardRef(\r\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\r\n    const contextProps = useButtonContext();\r\n    const props = { ...contextProps, ...localProps };\r\n\r\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\r\n      props;\r\n\r\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\r\n\r\n    return (\r\n      <Element\r\n        ref={ref}\r\n        {...restProps}\r\n        className={buttonStyles({ variant, size, shape, className })}\r\n      >\r\n        {composeRenderProps(props.children, (children, { isPending }) => (\r\n          <>\r\n            {isPending && <Loader aria-label=\"loading\" size={16} />}\r\n            {prefix}\r\n            {typeof children === \"string\" ? (\r\n              <span className=\"truncate\">{children}</span>\r\n            ) : (\r\n              children\r\n            )}\r\n            {suffix}\r\n          </>\r\n        ))}\r\n      </Element>\r\n    );\r\n  }\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport type { ButtonProps };\r\nexport { Button, buttonStyles, ButtonProvider };\r\n",
+      "type": "registry:core",
+      "target": "core/button.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/button_ripple.json b/www/public/registry/core/button_ripple.json
new file mode 100644
index 000000000..7f6b8a7aa
--- /dev/null
+++ b/www/public/registry/core/button_ripple.json
@@ -0,0 +1,24 @@
+{
+  "name": "button_ripple",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/button_ripple.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { chain } from \"react-aria\";\nimport {\n  composeRenderProps,\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type LinkProps as AriaLinkProps,\n  PressEvent,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/helpers\";\nimport { Loader } from \"@/registry/core/loader_ring\";\nimport { Ripple } from \"@/registry/core/ripple\";\nimport { useRipple } from \"@/registry/hooks/use-ripple\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst buttonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\n  variants: {\n    variant: {\n      default: \"bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral\",\n      primary: \"bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary\",\n      quiet: \"hover:bg-bg-inverse/10 text-fg bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\n      accent: \"bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent\",\n      success: \"bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess\",\n      warning: \"bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning\",\n      danger: \"bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    shape: \"rectangle\",\n  },\n});\n\nconst [ButtonProvider, useButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\n\ninterface ButtonProps\n  extends Omit<AriaButtonProps, \"className\">,\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\n    VariantProps<typeof buttonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n    const contextProps = useButtonContext();\n    const props = { ...contextProps, ...localProps };\n\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n\n    const {\n      onPress: onRipplePressHandler,\n      onClear: onClearRipple,\n      ripples,\n    } = useRipple();\n\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\n\n    const handlePress = React.useCallback(\n      (e: PressEvent) => {\n        // if (disableRipple || isDisabled || disableAnimation) return;\n        onRipplePressHandler(e);\n        // domRef.current && onRipplePressHandler(e);\n      },\n      [onRipplePressHandler]\n    );\n\n    return (\n      <Element\n        ref={ref}\n        {...restProps}\n        className={buttonStyles({ variant, size, shape, className })}\n        onPress={chain(props.onPress, handlePress)}\n      >\n        {composeRenderProps(props.children, (children, { isPending }) => (\n          <>\n            <Ripple ripples={ripples} onClear={onClearRipple} />\n            {isPending && <Loader aria-label=\"loading\" size={16} />}\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </Element>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport type { ButtonProps };\nexport { Button, buttonStyles, ButtonProvider };\n",
+      "type": "registry:core",
+      "target": "core/button.tsx"
+    },
+    {
+      "path": "core/ripple.tsx",
+      "content": "\"use client\";\r\n\r\nimport type { FC } from \"react\";\r\nimport type { HTMLMotionProps } from \"motion/react\";\r\nimport { AnimatePresence, motion } from \"motion/react\";\r\nimport type { RippleType } from \"@/registry/hooks/use-ripple\";\r\n\r\nfunction clamp(value: number, min: number, max: number) {\r\n  return Math.min(Math.max(value, min), max);\r\n}\r\n\r\nexport interface RippleProps extends React.HTMLAttributes<\"span\"> {\r\n  ripples: RippleType[];\r\n  color?: string;\r\n  motionProps?: HTMLMotionProps<\"span\">;\r\n  style?: React.CSSProperties;\r\n  onClear: (key: React.Key) => void;\r\n}\r\n\r\nexport const Ripple: FC<RippleProps> = (props) => {\r\n  const {\r\n    ripples = [],\r\n    motionProps,\r\n    color = \"currentColor\",\r\n    style,\r\n    onClear,\r\n  } = props;\r\n\r\n  return (\r\n    <AnimatePresence mode=\"popLayout\">\r\n      {ripples.map((ripple) => {\r\n        const duration = clamp(\r\n          0.01 * ripple.size,\r\n          0.2,\r\n          ripple.size > 100 ? 0.75 : 0.5\r\n        );\r\n\r\n        return (\r\n          <motion.span\r\n            key={ripple.key}\r\n            initial={{ scale: 0, opacity: 0.35 }}\r\n            animate={{ scale: 2, opacity: 0 }}\r\n            exit={{ opacity: 0 }}\r\n            style={{\r\n              position: \"absolute\",\r\n              backgroundColor: color,\r\n              borderRadius: \"100%\",\r\n              transformOrigin: \"center\",\r\n              pointerEvents: \"none\",\r\n              overflow: \"hidden\",\r\n              inset: 0,\r\n              zIndex: 0,\r\n              top: ripple.y,\r\n              left: ripple.x,\r\n              width: `${ripple.size}px`,\r\n              height: `${ripple.size}px`,\r\n              ...style,\r\n            }}\r\n            transition={{ duration }}\r\n            onAnimationComplete={() => {\r\n              onClear(ripple.key);\r\n            }}\r\n            {...motionProps}\r\n          />\r\n        );\r\n      })}\r\n    </AnimatePresence>\r\n  );\r\n};\r\nRipple.displayName = \"NextUI.Ripple\";\r\n",
+      "type": "registry:core",
+      "target": "core/ripple.tsx"
+    },
+    {
+      "path": "hooks/use-ripple.ts",
+      "content": "import React, { useCallback, useState } from \"react\";\r\nimport type { PressEvent } from \"react-aria-components\";\r\n\r\nfunction getUniqueID(prefix: string) {\r\n  return `${prefix}-${Math.floor(Math.random() * 1000000)}`;\r\n}\r\n\r\nexport type RippleType = {\r\n  key: React.Key;\r\n  x: number;\r\n  y: number;\r\n  size: number;\r\n};\r\n\r\nexport interface UseRippleProps {}\r\n\r\nexport function useRipple(props: UseRippleProps = {}) {\r\n  const [ripples, setRipples] = useState<RippleType[]>([]);\r\n\r\n  const onPress = useCallback((event: PressEvent) => {\r\n    const trigger = event.target;\r\n\r\n    const size = Math.max(trigger.clientWidth, trigger.clientHeight);\r\n\r\n    setRipples((prevRipples) => [\r\n      ...prevRipples,\r\n      {\r\n        key: getUniqueID(prevRipples.length.toString()),\r\n        size,\r\n        x: event.x - size / 2,\r\n        y: event.y - size / 2,\r\n      },\r\n    ]);\r\n  }, []);\r\n\r\n  const onClear = useCallback((key: React.Key) => {\r\n    setRipples((prevState) => prevState.filter((ripple) => ripple.key !== key));\r\n  }, []);\r\n\r\n  return { ripples, onClear, onPress, ...props };\r\n}\r\n\r\nexport type UseRippleReturn = ReturnType<typeof useRipple>;\r\n",
+      "type": "registry:hook",
+      "target": "hooks/use-ripple.ts"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/calendar.json b/www/public/registry/core/calendar.json
new file mode 100644
index 000000000..de6820e44
--- /dev/null
+++ b/www/public/registry/core/calendar.json
@@ -0,0 +1,4 @@
+{
+  "name": "calendar",
+  "type": "registry:core"
+}
\ No newline at end of file
diff --git a/www/public/registry/core/calendar_basic.json b/www/public/registry/core/calendar_basic.json
new file mode 100644
index 000000000..ea53ea01a
--- /dev/null
+++ b/www/public/registry/core/calendar_basic.json
@@ -0,0 +1,12 @@
+{
+  "name": "calendar_basic",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/calendar_basic.tsx",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  Calendar as AriaCalendar,\n  RangeCalendar as AriaRangeCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarContext as AriaCalendarContext,\n  RangeCalendarContext as AriaRangeCalendarContext,\n  RangeCalendarStateContext as AriaRangeCalendarStateContext,\n  Heading as AriaHeading,\n  composeRenderProps,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type {\n  DateValue,\n  CalendarProps as AriaCalendarProps,\n  RangeCalendarProps as AriaRangeCalendarProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst calendarStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-4\",\n    header: \"flex items-center justify-between gap-2\",\n    grid: \"w-full border-collapse\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-fg-muted text-xs font-normal\",\n    gridBody: \"\",\n  },\n  variants: {\n    standalone: {\n      true: {\n        root: \"bg-bg rounded-md border p-3\",\n      },\n    },\n  },\n});\n\nconst calendarCellStyles = tv({\n  slots: {\n    cellRoot:\n      \"outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none\",\n    cell: [\n      focusRing(),\n      \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-data-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {},\n      accent: {},\n    },\n    range: {\n      true: {\n        cellRoot:\n          \"selected:bg-bg-inverse/10 selected:invalid:bg-bg-danger-muted selected: selected:invalid:text-fg-danger\",\n        cell: \"selection-start:invalid:bg-bg-danger selection-start:invalid:text-fg-onDanger selection-end:invalid:bg-bg-danger selection-end:invalid:text-fg-onDanger\",\n      },\n      false: {\n        cell: \"selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"primary\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-primary selected:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-accent selected:text-fg-onAccent\",\n      },\n    },\n    {\n      variant: \"primary\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-primary selection-start:text-fg-onPrimary selection-end:bg-bg-primary selection-end:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-accent selection-start:text-fg-onAccent selection-end:bg-bg-accent selection-end:text-fg-onAccent\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nconst { root, header, grid, gridHeader, gridHeaderCell, gridBody } =\n  calendarStyles();\n\nconst { cellRoot, cell } = calendarCellStyles();\n\ninterface CalendarProps<T extends DateValue>\n  extends Omit<CalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst Calendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: CalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </CalendarRoot>\n  );\n};\n\ninterface RangeCalendarProps<T extends DateValue>\n  extends Omit<RangeCalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst RangeCalendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: RangeCalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </RangeCalendarRoot>\n  );\n};\n\ninterface CalendarRootProps<T extends DateValue> extends AriaCalendarProps<T> {}\nconst CalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: CalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface RangeCalendarRootProps<T extends DateValue>\n  extends AriaRangeCalendarProps<T> {}\nconst RangeCalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: RangeCalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaRangeCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarHeaderProps extends React.ComponentProps<\"header\"> {}\nconst CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface CalendarGridProps\n  extends React.ComponentProps<typeof AriaCalendarGrid> {}\nconst CalendarGrid = ({ className, ...props }: CalendarGridProps) => {\n  return <AriaCalendarGrid className={grid({ className })} {...props} />;\n};\n\ninterface CalendarGridHeaderProps\n  extends React.ComponentProps<typeof AriaCalendarGridHeader> {}\nconst CalendarGridHeader = ({\n  className,\n  ...props\n}: CalendarGridHeaderProps) => {\n  return (\n    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />\n  );\n};\n\ninterface CalendarHeaderCellProps\n  extends React.ComponentProps<typeof AriaCalendarHeaderCell> {}\nconst CalendarHeaderCell = ({\n  className,\n  ...props\n}: CalendarHeaderCellProps) => {\n  return (\n    <AriaCalendarHeaderCell\n      className={gridHeaderCell({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarGridBodyProps\n  extends React.ComponentProps<typeof AriaCalendarGridBody> {}\nconst CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {\n  return (\n    <AriaCalendarGridBody className={gridBody({ className })} {...props} />\n  );\n};\n\ninterface CalendarCellProps\n  extends React.ComponentProps<typeof AriaCalendarCell>,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {}\nconst CalendarCell = ({\n  variant = \"accent\",\n  children,\n  className,\n  ...props\n}: CalendarCellProps) => {\n  const rangeCalendarState = React.use(AriaRangeCalendarStateContext);\n  const range = !!rangeCalendarState;\n\n  return (\n    <AriaCalendarCell\n      {...props}\n      className={composeRenderProps(className, (className) =>\n        cellRoot({\n          range,\n          variant,\n          className,\n        })\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (\n          _,\n          {\n            isSelected,\n            isFocused,\n            isHovered,\n            isPressed,\n            isUnavailable,\n            isDisabled,\n            isFocusVisible,\n            isInvalid,\n            isOutsideMonth,\n            isOutsideVisibleRange,\n            isSelectionEnd,\n            isSelectionStart,\n            formattedDate,\n          }\n        ) => (\n          <span\n            data-rac=\"\"\n            data-focused={isFocused || undefined}\n            data-selected={isSelected || undefined}\n            data-hovered={isHovered || undefined}\n            data-pressed={isPressed || undefined}\n            data-unavailable={isUnavailable || undefined}\n            data-disabled={isDisabled || undefined}\n            data-focus-visible={isFocusVisible || undefined}\n            data-invalid={isInvalid || undefined}\n            data-outside-month={isOutsideMonth || undefined}\n            data-outside-visible-range={isOutsideVisibleRange || undefined}\n            data-selection-end={isSelectionEnd || undefined}\n            data-selection-start={isSelectionStart || undefined}\n            className={cell({\n              range,\n              variant,\n            })}\n          >\n            {formattedDate}\n          </span>\n        )\n      )}\n    </AriaCalendarCell>\n  );\n};\n\nexport type {\n  CalendarProps,\n  CalendarRootProps,\n  RangeCalendarProps,\n  RangeCalendarRootProps,\n  CalendarHeaderProps,\n  CalendarGridProps,\n  CalendarGridHeaderProps,\n  CalendarHeaderCellProps,\n  CalendarGridBodyProps,\n  CalendarCellProps,\n};\n\nexport {\n  Calendar,\n  CalendarRoot,\n  RangeCalendar,\n  RangeCalendarRoot,\n  CalendarHeader,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  CalendarGridBody,\n  CalendarCell,\n  calendarStyles,\n};\n",
+      "type": "registry:core",
+      "target": "core/calendar.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/calendar_cal.json b/www/public/registry/core/calendar_cal.json
new file mode 100644
index 000000000..da490a6d8
--- /dev/null
+++ b/www/public/registry/core/calendar_cal.json
@@ -0,0 +1,12 @@
+{
+  "name": "calendar_cal",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/calendar_cal.tsx",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  Calendar as AriaCalendar,\n  RangeCalendar as AriaRangeCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarContext as AriaCalendarContext,\n  RangeCalendarContext as AriaRangeCalendarContext,\n  RangeCalendarStateContext as AriaRangeCalendarStateContext,\n  Heading as AriaHeading,\n  composeRenderProps,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type {\n  DateValue,\n  CalendarProps as AriaCalendarProps,\n  RangeCalendarProps as AriaRangeCalendarProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\nimport { ButtonGroup } from \"./button-group_basic\";\n\nconst calendarStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-4\",\n    header: \"text-fg-muted flex items-center justify-between gap-2 pl-2.5\",\n    grid: \"w-full border-collapse\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-fg-muted text-xs font-normal\",\n    gridBody: \"\",\n  },\n  variants: {\n    standalone: {\n      true: {\n        root: \"bg-bg rounded-md border p-3\",\n      },\n    },\n  },\n});\n\nconst calendarCellStyles = tv({\n  slots: {\n    cellRoot:\n      \"outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none\",\n    cell: [\n      focusRing(),\n      \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-data-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {},\n      accent: {},\n    },\n    range: {\n      true: {\n        cellRoot:\n          \"selected:bg-bg-inverse/10 selected:invalid:bg-bg-danger-muted selected: selected:invalid:text-fg-danger\",\n        cell: \"selection-start:invalid:bg-bg-danger selection-start:invalid:text-fg-onDanger selection-end:invalid:bg-bg-danger selection-end:invalid:text-fg-onDanger\",\n      },\n      false: {\n        cell: \"selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"primary\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-primary selected:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-accent selected:text-fg-onAccent\",\n      },\n    },\n    {\n      variant: \"primary\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-primary selection-start:text-fg-onPrimary selection-end:bg-bg-primary selection-end:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-accent selection-start:text-fg-onAccent selection-end:bg-bg-accent selection-end:text-fg-onAccent\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nconst { root, header, grid, gridHeader, gridHeaderCell, gridBody } =\n  calendarStyles();\n\nconst { cellRoot, cell } = calendarCellStyles();\n\ninterface CalendarProps<T extends DateValue>\n  extends Omit<CalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst Calendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: CalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <ButtonGroup variant=\"quiet\" shape=\"square\" size=\"sm\">\n              <Button slot=\"previous\">\n                <ChevronLeftIcon />\n              </Button>\n              <Button slot=\"next\">\n                <ChevronRightIcon />\n              </Button>\n            </ButtonGroup>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </CalendarRoot>\n  );\n};\n\ninterface RangeCalendarProps<T extends DateValue>\n  extends Omit<RangeCalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst RangeCalendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: RangeCalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </RangeCalendarRoot>\n  );\n};\n\ninterface CalendarRootProps<T extends DateValue> extends AriaCalendarProps<T> {}\nconst CalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: CalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface RangeCalendarRootProps<T extends DateValue>\n  extends AriaRangeCalendarProps<T> {}\nconst RangeCalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: RangeCalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaRangeCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarHeaderProps extends React.ComponentProps<\"header\"> {}\nconst CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface CalendarGridProps\n  extends React.ComponentProps<typeof AriaCalendarGrid> {}\nconst CalendarGrid = ({ className, ...props }: CalendarGridProps) => {\n  return <AriaCalendarGrid className={grid({ className })} {...props} />;\n};\n\ninterface CalendarGridHeaderProps\n  extends React.ComponentProps<typeof AriaCalendarGridHeader> {}\nconst CalendarGridHeader = ({\n  className,\n  ...props\n}: CalendarGridHeaderProps) => {\n  return (\n    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />\n  );\n};\n\ninterface CalendarHeaderCellProps\n  extends React.ComponentProps<typeof AriaCalendarHeaderCell> {}\nconst CalendarHeaderCell = ({\n  className,\n  ...props\n}: CalendarHeaderCellProps) => {\n  return (\n    <AriaCalendarHeaderCell\n      className={gridHeaderCell({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarGridBodyProps\n  extends React.ComponentProps<typeof AriaCalendarGridBody> {}\nconst CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {\n  return (\n    <AriaCalendarGridBody className={gridBody({ className })} {...props} />\n  );\n};\n\ninterface CalendarCellProps\n  extends React.ComponentProps<typeof AriaCalendarCell>,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {}\nconst CalendarCell = ({\n  variant,\n  children,\n  className,\n  ...props\n}: CalendarCellProps) => {\n  const rangeCalendarState = React.use(AriaRangeCalendarStateContext);\n  const range = !!rangeCalendarState;\n  return (\n    <AriaCalendarCell\n      {...props}\n      className={composeRenderProps(className, (className) =>\n        cellRoot({ variant, range, className })\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (\n          _,\n          {\n            isSelected,\n            isFocused,\n            isHovered,\n            isPressed,\n            isUnavailable,\n            isDisabled,\n            isFocusVisible,\n            isInvalid,\n            isOutsideMonth,\n            isOutsideVisibleRange,\n            isSelectionEnd,\n            isSelectionStart,\n            formattedDate,\n          }\n        ) => (\n          <span\n            data-rac=\"\"\n            data-focused={isFocused || undefined}\n            data-selected={isSelected || undefined}\n            data-hovered={isHovered || undefined}\n            data-pressed={isPressed || undefined}\n            data-unavailable={isUnavailable || undefined}\n            data-disabled={isDisabled || undefined}\n            data-focus-visible={isFocusVisible || undefined}\n            data-invalid={isInvalid || undefined}\n            data-outside-month={isOutsideMonth || undefined}\n            data-outside-visible-range={isOutsideVisibleRange || undefined}\n            data-selection-end={isSelectionEnd || undefined}\n            data-selection-start={isSelectionStart || undefined}\n            className={cell({\n              variant,\n              range,\n            })}\n          >\n            {formattedDate}\n          </span>\n        )\n      )}\n    </AriaCalendarCell>\n  );\n};\n\nexport type {\n  CalendarProps,\n  CalendarRootProps,\n  RangeCalendarProps,\n  RangeCalendarRootProps,\n  CalendarGridProps,\n  CalendarGridHeaderProps,\n  CalendarHeaderCellProps,\n  CalendarGridBodyProps,\n  CalendarCellProps,\n};\n\nexport {\n  Calendar,\n  CalendarRoot,\n  RangeCalendar,\n  RangeCalendarRoot,\n  CalendarHeader,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  CalendarGridBody,\n  CalendarCell,\n  calendarStyles,\n};\n",
+      "type": "registry:core",
+      "target": "core/calendar.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/checkbox-group.json b/www/public/registry/core/checkbox-group.json
new file mode 100644
index 000000000..c980441b0
--- /dev/null
+++ b/www/public/registry/core/checkbox-group.json
@@ -0,0 +1,12 @@
+{
+  "name": "checkbox-group",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/checkbox-group_basic.tsx",
+      "content": "\"use client\";\n\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  composeRenderProps,\n  type ValidationResult,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport {\n  CheckboxProvider,\n  checkboxStyles,\n} from \"@/registry/core/checkbox_basic\";\nimport { Label, HelpText } from \"@/registry/core/field_basic\";\n\nconst checkboxGroupStyles = tv({\n  base: \"flex flex-col gap-2\",\n});\n\ninterface CheckboxGroupProps extends CheckboxGroupRootProps {\n  label?: string;\n  description?: string;\n  errorMessage?: string | ((validation: ValidationResult) => string);\n}\n\nconst CheckboxGroup = ({\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: CheckboxGroupProps) => {\n  return (\n    <CheckboxGroupRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          {label && <Label>{label}</Label>}\n          {children}\n          <HelpText description={description} errorMessage={errorMessage} />\n        </>\n      ))}\n    </CheckboxGroupRoot>\n  );\n};\n\ninterface CheckboxGroupRootProps\n  extends React.ComponentProps<typeof AriaCheckboxGroup>,\n    VariantProps<typeof checkboxGroupStyles>,\n    VariantProps<typeof checkboxStyles> {}\n\nconst CheckboxGroupRoot = ({\n  variant,\n  className,\n  ...props\n}: CheckboxGroupRootProps) => {\n  return (\n    <CheckboxProvider variant={variant}>\n      <AriaCheckboxGroup\n        className={composeRenderProps(className, (className) =>\n          checkboxGroupStyles({ className })\n        )}\n        {...props}\n      />\n    </CheckboxProvider>\n  );\n};\n\nexport type { CheckboxGroupProps, CheckboxGroupRootProps };\nexport { CheckboxGroup, CheckboxGroupRoot };\n",
+      "type": "registry:core",
+      "target": "core/checkbox-group.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/checkbox.json b/www/public/registry/core/checkbox.json
new file mode 100644
index 000000000..90c2f3384
--- /dev/null
+++ b/www/public/registry/core/checkbox.json
@@ -0,0 +1,12 @@
+{
+  "name": "checkbox",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/checkbox_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport {\n  Checkbox as AriaCheckbox,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport {\n  createScopedContext,\n  createOptionalScopedContext,\n} from \"@/lib/helpers\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\n\nconst checkboxStyles = tv({\n  slots: {\n    root: \"invalid:text-fg-danger disabled:text-fg-disabled group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default\",\n    indicator: [\n      \"border-border-control flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border\",\n      \"group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75 group-indeterminate:border-transparent\",\n      \"group-read-only:cursor-default\",\n      \"group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-default\",\n      \"group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {\n        indicator:\n          \"group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary\",\n      },\n      accent: {\n        indicator:\n          \"group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent group-indeterminate:text-fg-onAccent\",\n      },\n    },\n    appearance: {\n      default: {\n        indicator: focusRingGroup(),\n      },\n      card: {\n        root: [\n          focusRing(),\n          \"disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      appearance: \"card\",\n      variant: \"primary\",\n      className: {\n        root: \"selected:bg-bg-muted\",\n      },\n    },\n    {\n      appearance: \"card\",\n      variant: \"accent\",\n      className: {\n        root: \"selected:bg-bg-accent-muted\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"primary\",\n    appearance: \"default\",\n  },\n});\n\nconst { root, indicator } = checkboxStyles();\n\nconst [VariantsProvider, useVariantsContext] = createScopedContext<\n  VariantProps<typeof checkboxStyles> & { isIndeterminate: boolean }\n>(\"CheckboxRoot\");\n\nconst [CheckboxProvider, useCheckboxContext] =\n  createOptionalScopedContext<VariantProps<typeof checkboxStyles>>(\"Checkbox\");\n\ninterface CheckboxProps extends CheckboxRootProps {}\nconst Checkbox = ({ children, ...props }: CheckboxProps) => {\n  return (\n    <CheckboxRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <CheckboxIndicator />\n          {children}\n        </>\n      ))}\n    </CheckboxRoot>\n  );\n};\n\ninterface CheckboxRootProps\n  extends React.ComponentProps<typeof AriaCheckbox>,\n    VariantProps<typeof checkboxStyles> {}\n\nconst CheckboxRoot = (localProps: CheckboxRootProps) => {\n  const contextProps = useCheckboxContext();\n  const { variant, appearance, className, ...props } = {\n    ...contextProps,\n    ...localProps,\n  };\n  return (\n    <AriaCheckbox\n      className={composeRenderProps(className, (className) =>\n        root({ variant, appearance, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(props.children, (children, { isIndeterminate }) => (\n        <VariantsProvider\n          variant={variant}\n          appearance={appearance}\n          isIndeterminate={isIndeterminate}\n        >\n          {children}\n        </VariantsProvider>\n      ))}\n    </AriaCheckbox>\n  );\n};\n\ninterface CheckboxIndicatorProps extends React.ComponentProps<\"div\"> {}\n\nconst CheckboxIndicator = ({ className, ...props }: CheckboxIndicatorProps) => {\n  const { variant, appearance, isIndeterminate } =\n    useVariantsContext(\"CheckboxIndicator\");\n  return (\n    <div className={indicator({ variant, appearance, className })} {...props}>\n      {isIndeterminate ? (\n        <MinusIcon className=\"size-2.5\" />\n      ) : (\n        <CheckIcon className=\"size-3\" />\n      )}\n    </div>\n  );\n};\n\nexport type { CheckboxProps, CheckboxRootProps, CheckboxIndicatorProps };\nexport { Checkbox, CheckboxRoot, CheckboxIndicator };\n\nexport { CheckboxProvider };\nexport { checkboxStyles };\n",
+      "type": "registry:core",
+      "target": "core/checkbox.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/color-area.json b/www/public/registry/core/color-area.json
new file mode 100644
index 000000000..3282852a0
--- /dev/null
+++ b/www/public/registry/core/color-area.json
@@ -0,0 +1,12 @@
+{
+  "name": "color-area",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/color-area_basic.tsx",
+      "content": "\"use client\";\n\nimport {\n  ColorArea as AriaColorArea,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ColorThumb } from \"@/registry/core/color-thumb_basic\";\n\nconst colorAreaStyles = tv({\n  base: \"disabled:[background:var(--color-bg-disabled)]! block size-48 min-w-20 rounded-md\",\n});\n\ntype ColorAreaProps = Omit<ColorAreaRootProps, \"children\">;\nconst ColorArea = (props: ColorAreaProps) => {\n  return (\n    <ColorAreaRoot {...props}>\n      <ColorThumb />\n    </ColorAreaRoot>\n  );\n};\n\ninterface ColorAreaRootProps\n  extends React.ComponentProps<typeof AriaColorArea> {}\nconst ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {\n  return (\n    <AriaColorArea\n      className={composeRenderProps(className, (className) =>\n        colorAreaStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { ColorAreaProps, ColorAreaRootProps };\nexport { ColorArea, ColorAreaRoot };\n",
+      "type": "registry:core",
+      "target": "core/color-area.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/color-field.json b/www/public/registry/core/color-field.json
new file mode 100644
index 000000000..fbc63ce2a
--- /dev/null
+++ b/www/public/registry/core/color-field.json
@@ -0,0 +1,12 @@
+{
+  "name": "color-field",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/color-field_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ColorField as AriaColorField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst colorFieldStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface ColorFieldProps\n  extends ColorFieldRootProps,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\n\nconst ColorField = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  inputRef,\n  ...props\n}: ColorFieldProps) => {\n  return (\n    <ColorFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <ColorFieldInput\n        inputRef={inputRef}\n        size={size}\n        prefix={prefix}\n        suffix={suffix}\n      />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </ColorFieldRoot>\n  );\n};\n\ninterface ColorFieldRootProps\n  extends React.ComponentProps<typeof AriaColorField> {\n  placeholder?: string;\n}\nconst ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {\n  return (\n    <AriaColorField\n      className={composeRenderProps(className, (className) =>\n        colorFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface ColorFieldInputProps extends InputRootProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\nconst ColorFieldInput = ({ inputRef, ...props }: ColorFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <Input ref={inputRef} />\n    </InputRoot>\n  );\n};\n\nexport type { ColorFieldProps, ColorFieldRootProps, ColorFieldInputProps };\nexport { ColorField, ColorFieldRoot, ColorFieldInput };\n",
+      "type": "registry:core",
+      "target": "core/color-field.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/color-picker.json b/www/public/registry/core/color-picker.json
new file mode 100644
index 000000000..93c00009b
--- /dev/null
+++ b/www/public/registry/core/color-picker.json
@@ -0,0 +1,12 @@
+{
+  "name": "color-picker",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/color-picker_basic.tsx",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorPicker as AriaColorPicker,\n  ColorPickerStateContext,\n  getColorChannels,\n  composeRenderProps,\n  type ColorFormat,\n} from \"react-aria-components\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { ColorArea } from \"@/registry/core/color-area_basic\";\nimport { ColorField } from \"@/registry/core/color-field_basic\";\nimport { ColorSlider } from \"@/registry/core/color-slider_basic\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { Dialog, DialogProps, DialogRoot } from \"@/registry/core/dialog_basic\";\nimport { Item } from \"@/registry/core/list-box_basic\";\nimport { Select } from \"@/registry/core/select_basic\";\nimport { cn } from \"@/registry/lib/cn\";\n\ninterface ColorPickerProps\n  extends ColorPickerRootProps,\n    Omit<ColorPickerButtonProps, \"children\" | \"value\">,\n    Pick<\n      ColorPickerEditorProps,\n      \"showAlphaChannel\" | \"colorFormat\" | \"showFormatSelector\"\n    >,\n    Pick<DialogProps, \"isOpen\" | \"onOpenChange\"> {}\nconst ColorPicker = ({\n  value,\n  defaultValue,\n  onChange,\n  children,\n  showAlphaChannel,\n  colorFormat,\n  showFormatSelector,\n  isOpen,\n  onOpenChange,\n  ...props\n}: ColorPickerProps) => {\n  return (\n    <ColorPickerRoot\n      value={value}\n      defaultValue={defaultValue}\n      onChange={onChange}\n      {...props}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <DialogRoot isOpen={isOpen} onOpenChange={onOpenChange}>\n            <ColorPickerButton {...props}>{children}</ColorPickerButton>\n            <Dialog type=\"popover\" mobileType=\"drawer\">\n              <ColorPickerEditor\n                showAlphaChannel={showAlphaChannel}\n                colorFormat={colorFormat}\n                showFormatSelector={showFormatSelector}\n              />\n            </Dialog>\n          </DialogRoot>\n        </>\n      ))}\n    </ColorPickerRoot>\n  );\n};\n\ninterface ColorPickerRootProps\n  extends React.ComponentProps<typeof AriaColorPicker> {}\nconst ColorPickerRoot = (props: ColorPickerRootProps) => {\n  return <AriaColorPicker value=\"\" onChange={() => {}} {...props} />;\n};\n\ninterface ColorPickerButtonProps extends Omit<ButtonProps, \"children\"> {\n  children?: React.ReactNode;\n  format?: ColorFormat | \"css\";\n  showValue?: boolean;\n}\nconst ColorPickerButton = ({\n  children,\n  format = \"hex\",\n  showValue = true,\n  ...props\n}: ColorPickerButtonProps) => {\n  const state = React.use(ColorPickerStateContext)!;\n  return (\n    <Button {...props}>\n      {children || (\n        <>\n          <ColorSwatch />\n          {showValue && (\n            <span className=\"w-14 truncate text-left\">\n              {state.color.toString(format)}\n            </span>\n          )}\n        </>\n      )}\n    </Button>\n  );\n};\n\ntype PickerColorFormat = \"hex\" | \"rgb\" | \"hsl\" | \"hsb\";\ninterface ColorPickerEditorProps extends React.ComponentProps<\"div\"> {\n  showAlphaChannel?: boolean;\n  colorFormat?: PickerColorFormat;\n  showFormatSelector?: boolean;\n}\nconst ColorPickerEditor = ({\n  showAlphaChannel = false,\n  colorFormat: ColorFormatProp = \"hex\",\n  showFormatSelector = true,\n  className,\n  ...props\n}: ColorPickerEditorProps) => {\n  const [colorFormat, setColorFormat] =\n    React.useState<PickerColorFormat>(ColorFormatProp);\n\n  return (\n    <div className={cn(\"mx-auto flex flex-col gap-2\", className)} {...props}>\n      <div className=\"flex gap-2\">\n        <ColorArea\n          colorSpace=\"hsb\"\n          xChannel=\"saturation\"\n          yChannel=\"brightness\"\n        />\n        <ColorSlider orientation=\"vertical\" colorSpace=\"hsb\" channel=\"hue\" />\n        {showAlphaChannel && (\n          <ColorSlider\n            orientation=\"vertical\"\n            colorSpace=\"hsb\"\n            channel=\"alpha\"\n          />\n        )}\n      </div>\n      <div\n        className={cn(\n          \"flex flex-col gap-2\",\n          colorFormat === \"hex\" && \"flex-row\"\n        )}\n      >\n        {showFormatSelector && (\n          <Select\n            aria-label=\"Color format\"\n            selectedKey={colorFormat}\n            onSelectionChange={(key) =>\n              setColorFormat(key as PickerColorFormat)\n            }\n            size=\"sm\"\n            className=\"w-auto\"\n          >\n            <Item id=\"hex\">Hex</Item>\n            <Item id=\"rgb\">RGB</Item>\n            <Item id=\"hsl\">HSL</Item>\n            <Item id=\"hsb\">HSB</Item>\n          </Select>\n        )}\n        <div className=\"flex flex-1 items-center gap-2\">\n          {colorFormat === \"hex\" ? (\n            <ColorField aria-label=\"Hex\" className=\"w-10 flex-1\" size=\"sm\" />\n          ) : (\n            getColorChannels(colorFormat).map((channel) => (\n              <ColorField\n                key={channel}\n                colorSpace={colorFormat}\n                channel={channel}\n                className=\"w-10 flex-1\"\n                size=\"sm\"\n              />\n            ))\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  ColorPickerProps,\n  ColorPickerRootProps,\n  ColorPickerButtonProps,\n  ColorPickerEditorProps,\n};\nexport { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };\n",
+      "type": "registry:core",
+      "target": "core/color-picker.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/color-slider.json b/www/public/registry/core/color-slider.json
new file mode 100644
index 000000000..cdfae0d77
--- /dev/null
+++ b/www/public/registry/core/color-slider.json
@@ -0,0 +1,12 @@
+{
+  "name": "color-slider",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/color-slider_basic.tsx",
+      "content": "\"use client\";\n\nimport {\n  composeRenderProps,\n  ColorSlider as AriaColorSlider,\n  SliderOutput as AriaSliderOutput,\n  SliderTrack as AriaSliderTrack,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ColorThumb } from \"@/registry/core/color-thumb_basic\";\nimport { Label } from \"@/registry/core/field_basic\";\n\nconst colorSliderStyles = tv({\n  slots: {\n    root: \"group flex flex-col gap-2\",\n    output: \"text-fg-muted text-sm\",\n    track:\n      \"disabled:[background:var(--color-bg-disabled)]! relative rounded-md before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']\",\n    thumb: \"\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"w-48\",\n        track: \"h-6 w-full\",\n        thumb: \"top-1/2\",\n      },\n      vertical: {\n        root: \"h-48 items-center\",\n        track: \"w-6 flex-1\",\n        thumb: \"left-1/2\",\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nconst { root, track, thumb, output } = colorSliderStyles();\n\ninterface ColorSliderProps extends ColorSliderRootProps {\n  showValueLabel?: boolean;\n  label?: string;\n}\nconst ColorSlider = ({\n  label,\n  channel,\n  showValueLabel = false,\n  ...props\n}: ColorSliderProps) => {\n  return (\n    <ColorSliderRoot channel={channel} {...props}>\n      {(label || showValueLabel) && (\n        <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n          {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n          {showValueLabel && (\n            <ColorSliderOutput className=\"[grid-area:value]\" />\n          )}\n        </div>\n      )}\n      <ColorSliderControl />\n    </ColorSliderRoot>\n  );\n};\n\ninterface ColorSliderRootProps\n  extends React.ComponentProps<typeof AriaColorSlider> {}\nconst ColorSliderRoot = ({ className, ...props }: ColorSliderRootProps) => {\n  return (\n    <AriaColorSlider\n      className={composeRenderProps(className, (className, { orientation }) =>\n        root({ orientation, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface ColorSliderControlProps\n  extends React.ComponentProps<typeof AriaSliderTrack> {}\nconst ColorSliderControl = ({\n  className,\n  ...props\n}: ColorSliderControlProps) => {\n  return (\n    <AriaSliderTrack\n      className={composeRenderProps(className, (className, { orientation }) =>\n        track({ orientation, className })\n      )}\n      {...props}\n    >\n      {({ orientation }) => <ColorThumb className={thumb({ orientation })} />}\n    </AriaSliderTrack>\n  );\n};\n\ninterface ColorSliderOutputProps\n  extends React.ComponentProps<typeof AriaSliderOutput> {}\nconst ColorSliderOutput = ({ className, ...props }: ColorSliderOutputProps) => {\n  return (\n    <AriaSliderOutput\n      className={composeRenderProps(className, (className) =>\n        output({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type {\n  ColorSliderProps,\n  ColorSliderRootProps,\n  ColorSliderControlProps,\n  ColorSliderOutputProps,\n};\nexport { ColorSlider, ColorSliderRoot, ColorSliderOutput, ColorSliderControl };\n",
+      "type": "registry:core",
+      "target": "core/color-slider.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/color-swatch-picker.json b/www/public/registry/core/color-swatch-picker.json
new file mode 100644
index 000000000..4b8161bb1
--- /dev/null
+++ b/www/public/registry/core/color-swatch-picker.json
@@ -0,0 +1,12 @@
+{
+  "name": "color-swatch-picker",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/color-swatch-picker_basic.tsx",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorSwatchPicker as AriaColorSwatchPicker,\n  ColorSwatchPickerItem as AriaColorSwatchPickerItem,\n  type Color,\n} from \"react-aria-components\";\nimport { focusRing } from \"@/lib/focus-styles\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { cn } from \"@/registry/lib/cn\";\n\ninterface ColorSwatchPickerProps\n  extends React.ComponentProps<typeof AriaColorSwatchPicker> {}\nconst ColorSwatchPicker = ({ className, ...props }: ColorSwatchPickerProps) => {\n  return (\n    <AriaColorSwatchPicker className={cn(\"flex gap-1\", className)} {...props} />\n  );\n};\n\ninterface ColorSwatchPickerItemProps\n  extends React.ComponentProps<typeof AriaColorSwatchPickerItem> {}\nconst ColorSwatchPickerItem = ({\n  className,\n  ...props\n}: ColorSwatchPickerItemProps) => {\n  return (\n    <AriaColorSwatchPickerItem\n      className={cn(\n        focusRing(),\n        \"relative size-8 cursor-pointer rounded-md transition-shadow focus:z-10 disabled:cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {({ isSelected, isDisabled }) => (\n        <>\n          <ColorSwatch className={cn(\"size-full rounded-[inherit]\")} />\n          {isSelected && (\n            <div className=\"border-bg outline-bg-inverse z-1 absolute inset-0 rounded-[inherit] border-2 outline-2\" />\n          )}\n          {isDisabled && (\n            <div className=\"z-1 bg-bg/90 absolute inset-0 rounded-[inherit]\" />\n          )}\n        </>\n      )}\n    </AriaColorSwatchPickerItem>\n  );\n};\n\nexport type { ColorSwatchPickerProps, ColorSwatchPickerItemProps };\nexport { ColorSwatchPicker, ColorSwatchPickerItem };\n",
+      "type": "registry:core",
+      "target": "core/color-swatch-picker.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/color-swatch.json b/www/public/registry/core/color-swatch.json
new file mode 100644
index 000000000..3d3ea1e5f
--- /dev/null
+++ b/www/public/registry/core/color-swatch.json
@@ -0,0 +1,12 @@
+{
+  "name": "color-swatch",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/color-swatch_basic.tsx",
+      "content": "\"use client\";\n\nimport {\n  ColorSwatch as AriaColorSwatch,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst colorSwatchStyles = tv({\n  base: \"relative size-5 rounded-sm border\",\n});\n\ninterface ColorSwatchProps\n  extends React.ComponentProps<typeof AriaColorSwatch> {}\nconst ColorSwatch = ({ className, style, ...props }: ColorSwatchProps) => {\n  return (\n    <AriaColorSwatch\n      className={composeRenderProps(className, (className) =>\n        colorSwatchStyles({ className })\n      )}\n      style={composeRenderProps(style, (style, { color }) => ({\n        ...style,\n        background: `linear-gradient(${color}, ${color}),\n        repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`,\n      }))}\n      {...props}\n    />\n  );\n};\n\nexport type { ColorSwatchProps };\nexport { ColorSwatch };\n",
+      "type": "registry:core",
+      "target": "core/color-swatch.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/color-thumb.json b/www/public/registry/core/color-thumb.json
new file mode 100644
index 000000000..433f4ce1f
--- /dev/null
+++ b/www/public/registry/core/color-thumb.json
@@ -0,0 +1,12 @@
+{
+  "name": "color-thumb",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/color-thumb_basic.tsx",
+      "content": "\"use client\";\n\nimport {\n  ColorThumb as AriaColorThumb,\n  type ColorThumbProps as AriaColorThumbProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst colorThumbStyles = tv({\n  extend: focusRing,\n  base: [\n    \"disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40\",\n    \"group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2\",\n  ],\n});\n\ninterface ColorThumbProps extends Omit<AriaColorThumbProps, \"className\"> {\n  className?: string;\n}\nconst ColorThumb = ({ className, ...props }: ColorThumbProps) => {\n  return (\n    <AriaColorThumb className={colorThumbStyles({ className })} {...props} />\n  );\n};\n\nexport type { ColorThumbProps };\nexport { ColorThumb };\n",
+      "type": "registry:core",
+      "target": "core/color-thumb.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/combobox.json b/www/public/registry/core/combobox.json
new file mode 100644
index 000000000..0b464e935
--- /dev/null
+++ b/www/public/registry/core/combobox.json
@@ -0,0 +1,12 @@
+{
+  "name": "combobox",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/combobox_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport {\n  ComboBox as AriaCombobox,\n  type ComboBoxProps as AriaComboboxProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { Input, InputRoot } from \"@/registry/core/input_basic\";\nimport { ListBox } from \"@/registry/core/list-box_basic\";\nimport { Overlay } from \"@/registry/core/overlay_basic\";\n\nconst comboboxStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n  },\n});\n\ninterface ComboboxProps<T extends object>\n  extends Omit<ComboboxRootProps<T>, \"children\">,\n    Omit<FieldProps, \"children\"> {\n  isLoading?: boolean;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n  items?: Iterable<T>;\n}\nconst Combobox = <T extends object>({\n  label,\n  description,\n  errorMessage,\n  children,\n  items,\n  isLoading,\n  ...props\n}: ComboboxProps<T>) => {\n  return (\n    <ComboboxRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <ComboboxInput />\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Overlay type=\"popover\">\n        <ListBox items={items} isLoading={isLoading}>\n          {children}\n        </ListBox>\n      </Overlay>\n    </ComboboxRoot>\n  );\n};\n\nconst ComboboxInput = () => {\n  return (\n    <InputRoot className=\"px-0\">\n      <Input className=\"pl-2\" />\n      <Button variant=\"default\" shape=\"square\" className=\"my-1 mr-1 size-7\">\n        <ChevronDownIcon />\n      </Button>\n    </InputRoot>\n  );\n};\n\ninterface ComboboxRootProps<T extends object>\n  extends Omit<AriaComboboxProps<T>, \"className\"> {\n  className?: string;\n}\nconst ComboboxRoot = <T extends object>({\n  className,\n  ...props\n}: ComboboxRootProps<T>) => {\n  const { root } = comboboxStyles();\n  return <AriaCombobox className={root({ className })} {...props} />;\n};\n\nexport type { ComboboxProps, ComboboxRootProps };\nexport { Combobox, ComboboxRoot, ComboboxInput };\n",
+      "type": "registry:core",
+      "target": "core/combobox.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/command.json b/www/public/registry/core/command.json
new file mode 100644
index 000000000..7d3c77f18
--- /dev/null
+++ b/www/public/registry/core/command.json
@@ -0,0 +1,12 @@
+{
+  "name": "command",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/command_basic.tsx",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { UNSTABLE_Autocomplete as AriaAutocomplete } from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst commandStyles = tv({\r\n  slots: {\r\n    root: \"flex flex-col\",\r\n  },\r\n  variants: {\r\n    standalone: {\r\n      true: {\r\n        root: \"\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    standalone: true,\r\n  },\r\n});\r\n\r\nconst { root } = commandStyles();\r\n\r\ninterface CommandProps extends CommandRootProps {}\r\nconst Command = (props: CommandProps) => {\r\n  return <CommandRoot {...props} />;\r\n};\r\n\r\ninterface CommandRootProps\r\n  extends React.ComponentProps<typeof AriaAutocomplete>,\r\n    Omit<React.ComponentProps<\"div\">, \"children\" | \"slot\"> {}\r\nconst CommandRoot = ({\r\n  filter,\r\n  defaultInputValue,\r\n  inputValue,\r\n  onInputChange,\r\n  slot,\r\n  className,\r\n  ...props\r\n}: CommandProps) => {\r\n  return (\r\n    <AriaAutocomplete\r\n      filter={filter}\r\n      defaultInputValue={defaultInputValue}\r\n      inputValue={inputValue}\r\n      onInputChange={onInputChange}\r\n      slot={slot}\r\n    >\r\n      <div className={root({ className })} {...props} />\r\n    </AriaAutocomplete>\r\n  );\r\n};\r\n\r\nexport { Command };\r\n",
+      "type": "registry:core",
+      "target": "core/command.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/date-field.json b/www/public/registry/core/date-field.json
new file mode 100644
index 000000000..0bfac0aa7
--- /dev/null
+++ b/www/public/registry/core/date-field.json
@@ -0,0 +1,12 @@
+{
+  "name": "date-field",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/date-field_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  DateField as AriaDateField,\n  composeRenderProps,\n  type DateValue,\n  type DateFieldProps as AriaDateFieldProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { HelpText, Label, type FieldProps } from \"./field_basic\";\nimport { InputRoot, type InputRootProps } from \"./input_basic\";\n\nconst dateFieldStyles = tv({\n  base: \"flex w-32 flex-col items-start gap-2\",\n});\n\ninterface DateFieldProps<T extends DateValue>\n  extends DateFieldRootProps<T>,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst DateField = <T extends DateValue>({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  ...props\n}: DateFieldProps<T>) => {\n  return (\n    <DateFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <DateFieldInput />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </DateFieldRoot>\n  );\n};\n\ninterface DateFieldRootProps<T extends DateValue>\n  extends AriaDateFieldProps<T> {\n  ref?: React.RefObject<HTMLDivElement>;\n}\nconst DateFieldRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DateFieldRootProps<T>) => {\n  return (\n    <AriaDateField\n      className={composeRenderProps(className, (className) =>\n        dateFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DateFieldInputProps extends InputRootProps {}\nconst DateFieldInput = (props: DateFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n    </InputRoot>\n  );\n};\n\nexport type { DateFieldProps, DateFieldRootProps, DateFieldInputProps };\nexport { DateField, DateFieldRoot, DateFieldInput };\n",
+      "type": "registry:core",
+      "target": "core/date-field.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/date-input.json b/www/public/registry/core/date-input.json
new file mode 100644
index 000000000..8606e91e4
--- /dev/null
+++ b/www/public/registry/core/date-input.json
@@ -0,0 +1,12 @@
+{
+  "name": "date-input",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/date-input_basic.tsx",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  DateInput as AriaDateInput,\n  DateSegment as AriaDateSegment,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst dateInputStyles = tv({\n  slots: {\n    input: [\n      \"text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex flex-1 items-center justify-start disabled:cursor-default\",\n    ],\n    segment:\n      \"focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:not-data-disabled:not-data-focused:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent\",\n  },\n});\n\nconst { input, segment } = dateInputStyles();\n\ninterface DateInputProps extends React.ComponentProps<typeof AriaDateInput> {}\nconst DateInput = ({ className, ...props }: DateInputProps) => {\n  return (\n    <AriaDateInput\n      className={composeRenderProps(className, (className) =>\n        input({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DateSegmentProps\n  extends React.ComponentProps<typeof AriaDateSegment> {}\nconst DateSegment = ({ className, ...props }: DateSegmentProps) => {\n  return (\n    <AriaDateSegment\n      className={composeRenderProps(className, (className) =>\n        segment({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { DateInputProps, DateSegmentProps };\nexport { DateInput, DateSegment };\n",
+      "type": "registry:core",
+      "target": "core/date-input.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/date-picker.json b/www/public/registry/core/date-picker.json
new file mode 100644
index 000000000..a7a63f481
--- /dev/null
+++ b/www/public/registry/core/date-picker.json
@@ -0,0 +1,12 @@
+{
+  "name": "date-picker",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/date-picker_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CalendarIcon } from \"lucide-react\";\nimport {\n  DatePicker as AriaDatePicker,\n  type DatePickerProps as AriaDatePickerProps,\n  type DateValue,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Calendar } from \"@/registry/core/calendar_basic\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { Dialog } from \"@/registry/core/dialog_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { InputRoot, type inputStyles } from \"@/registry/core/input_basic\";\n\nconst datePickerStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface DatePickerProps<T extends DateValue>\n  extends DatePickerRootProps<T>,\n    Omit<FieldProps, \"children\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n}\n\nconst DatePicker = <T extends DateValue>({\n  size,\n  label,\n  description,\n  errorMessage,\n  prefix,\n  ...props\n}: DatePickerProps<T>) => {\n  return (\n    <DatePickerRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot\n        size={size}\n        prefix={prefix}\n        // isInvalid={isInvalid}\n        className=\"pr-1\"\n      >\n        <DateInput className=\"flex-1\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <Button\n          variant=\"default\"\n          size=\"sm\"\n          shape=\"square\"\n          className=\"my-1 size-7 rounded-sm\"\n        >\n          <CalendarIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Dialog type=\"popover\" mobileType=\"drawer\" className=\"flex\">\n        <Calendar className=\"mx-auto\" />\n      </Dialog>\n    </DatePickerRoot>\n  );\n};\n\ninterface DatePickerRootProps<T extends DateValue>\n  extends Omit<AriaDatePickerProps<T>, \"className\"> {\n  className?: string;\n}\nconst DatePickerRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DatePickerRootProps<T>) => {\n  return (\n    <AriaDatePicker className={datePickerStyles({ className })} {...props} />\n  );\n};\n\nexport type { DatePickerProps, DatePickerRootProps };\nexport { DatePicker, DatePickerRoot };\n",
+      "type": "registry:core",
+      "target": "core/date-picker.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/date-range-picker.json b/www/public/registry/core/date-range-picker.json
new file mode 100644
index 000000000..36f6d522f
--- /dev/null
+++ b/www/public/registry/core/date-range-picker.json
@@ -0,0 +1,12 @@
+{
+  "name": "date-range-picker",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/date-range-picker_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CalendarIcon } from \"lucide-react\";\nimport {\n  DateRangePicker as AriaDateRangePicker,\n  type DateRangePickerProps as AriaDateRangePickerProps,\n  type DateValue,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { RangeCalendar } from \"@/registry/core/calendar_basic\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { Dialog } from \"@/registry/core/dialog_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { InputRoot, type inputStyles } from \"@/registry/core/input_basic\";\n\nconst dateRangePickerStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface DateRangePickerProps<T extends DateValue>\n  extends DateRangePickerRootProps<T>,\n    Omit<FieldProps, \"children\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n  isLoading?: boolean;\n}\n\nconst DateRangePicker = <T extends DateValue>({\n  className,\n  size,\n  label,\n  description,\n  errorMessage,\n  prefix,\n  isLoading,\n  isRequired,\n  isDisabled,\n  ...props\n}: DateRangePickerProps<T>) => {\n  return (\n    <DateRangePickerRoot\n      className={className}\n      isRequired={isRequired}\n      isDisabled={isLoading || isDisabled}\n      {...props}\n    >\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} prefix={prefix} className=\"pr-1\">\n        <DateInput slot=\"start\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <span aria-hidden=\"true\">–</span>\n        <DateInput slot=\"end\" className=\"flex-1\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <Button\n          variant=\"default\"\n          size=\"sm\"\n          shape=\"square\"\n          className=\"my-1 size-7 rounded-sm\"\n        >\n          <CalendarIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Dialog type=\"popover\" mobileType=\"drawer\" className=\"flex\">\n        <RangeCalendar className=\"mx-auto\" />\n      </Dialog>\n    </DateRangePickerRoot>\n  );\n};\n\ninterface DateRangePickerRootProps<T extends DateValue>\n  extends Omit<AriaDateRangePickerProps<T>, \"className\"> {\n  className?: string;\n}\nconst DateRangePickerRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DateRangePickerRootProps<T>) => {\n  return (\n    <AriaDateRangePicker\n      className={dateRangePickerStyles({ className })}\n      {...props}\n    />\n  );\n};\n\nexport type { DateRangePickerProps, DateRangePickerRootProps };\nexport { DateRangePicker, DateRangePickerRoot };\n",
+      "type": "registry:core",
+      "target": "core/date-range-picker.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/dialog.json b/www/public/registry/core/dialog.json
new file mode 100644
index 000000000..bd5793f5e
--- /dev/null
+++ b/www/public/registry/core/dialog.json
@@ -0,0 +1,12 @@
+{
+  "name": "dialog",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/dialog_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  DialogTrigger as AriaDialogTrigger,\n  Dialog as AriaDialog,\n  Heading as AriaHeading,\n  Text as AriaText,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Overlay, type OverlayProps } from \"@/registry/core/overlay_basic\";\n\nconst dialogStyles = tv({\n  slots: {\n    content: [\n      \"outline-hidden relative flex h-[inherit] max-h-[inherit] flex-col rounded-[inherit] p-4\",\n    ],\n    header: \"mb-4\",\n    heading: \"text-lg font-medium\",\n    description: \"text-fg-muted text-sm\",\n    body: \"-mx-4 flex-1 space-y-2 overflow-y-auto px-4 py-2\",\n    inset: \"bg-bg-muted -mx-4 border px-4 py-4\",\n    footer: \"flex flex-col-reverse gap-2 pt-8 sm:flex-row sm:justify-end\",\n  },\n});\n\nconst { content, header, heading, description, body, footer, inset } =\n  dialogStyles();\n\ninterface DialogRootProps\n  extends React.ComponentProps<typeof AriaDialogTrigger> {}\nconst DialogRoot = (props: DialogRootProps) => {\n  return <AriaDialogTrigger {...props} />;\n};\n\ninterface DialogProps\n  extends DialogContentProps,\n    Omit<OverlayProps, \"children\"> {\n  title?: string;\n  description?: string;\n}\nconst Dialog = ({\n  title,\n  description,\n  type = \"modal\",\n  mobileType = \"drawer\",\n  modalProps,\n  popoverProps,\n  drawerProps,\n  isDismissable: isDismissableProp,\n  role,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  isKeyboardDismissDisabled,\n  shouldCloseOnInteractOutside,\n  ...props\n}: DialogProps) => {\n  const isDismissable = isDismissableProp ?? role !== \"alertdialog\";\n  return (\n    <Overlay\n      type={type}\n      mobileType={mobileType}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n      modalProps={modalProps}\n      popoverProps={popoverProps}\n      drawerProps={drawerProps}\n    >\n      <DialogContent role={role} {...props}>\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {(title || description) && (\n              <DialogHeader>\n                {title && <DialogHeading>{title}</DialogHeading>}\n                {description && (\n                  <DialogDescription>{description}</DialogDescription>\n                )}\n              </DialogHeader>\n            )}\n            {children}\n          </>\n        ))}\n      </DialogContent>\n    </Overlay>\n  );\n};\n\ninterface DialogContentProps extends React.ComponentProps<typeof AriaDialog> {}\nconst DialogContent = ({ className, ...props }: DialogContentProps) => {\n  return <AriaDialog className={content({ className })} {...props} />;\n};\n\ninterface DialogHeaderProps extends React.ComponentProps<\"header\"> {}\nconst DialogHeader = ({ className, ...props }: DialogHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface DialogHeadingProps extends React.ComponentProps<typeof AriaHeading> {}\nconst DialogHeading = ({ className, ...props }: DialogHeadingProps) => {\n  return <AriaHeading className={heading({ className })} {...props} />;\n};\n\ninterface DialogDescriptionProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => {\n  return (\n    <AriaText\n      slot=\"description\"\n      className={description({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface DialogBodyProps extends React.ComponentProps<\"div\"> {}\nconst DialogBody = ({ className, ...props }: DialogBodyProps) => {\n  return <div className={body({ className })} {...props} />;\n};\n\ntype DialogFooterProps = React.ComponentProps<\"footer\">;\nconst DialogFooter = ({ className, ...props }: DialogFooterProps) => {\n  return <footer className={footer({ className })} {...props} />;\n};\n\ntype DialogInsetProps = React.ComponentProps<\"div\">;\nconst DialogInset = ({ className, ...props }: DialogInsetProps) => {\n  return <div className={inset({ className })} {...props} />;\n};\n\nexport type {\n  DialogRootProps,\n  DialogProps,\n  DialogHeaderProps,\n  DialogHeadingProps,\n  DialogDescriptionProps,\n  DialogContentProps,\n  DialogFooterProps,\n  DialogInsetProps,\n};\nexport {\n  DialogRoot,\n  Dialog,\n  DialogHeader,\n  DialogHeading,\n  DialogDescription,\n  DialogContent,\n  DialogBody,\n  DialogFooter,\n  DialogInset,\n};\n",
+      "type": "registry:core",
+      "target": "core/dialog.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/drawer.json b/www/public/registry/core/drawer.json
new file mode 100644
index 000000000..373017db0
--- /dev/null
+++ b/www/public/registry/core/drawer.json
@@ -0,0 +1,12 @@
+{
+  "name": "drawer",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/drawer_basic.tsx",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  Modal as AriaModal,\r\n  ModalOverlay as AriaModalOverlay,\r\n  composeRenderProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst drawerVariants = tv({\r\n  slots: {\r\n    underlay:\r\n      \"before:ease-drawer entering:before:opacity-0 exiting:before:opacity-0 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:opacity-100 before:duration-500 before:content-['']\",\r\n    overlay:\r\n      \"bg-bg ease-drawer fixed z-50 flex flex-col border duration-500 will-change-transform\",\r\n  },\r\n  variants: {\r\n    placement: {\r\n      top: {\r\n        overlay:\r\n          \"entering:-translate-y-full exiting:-translate-y-full top-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen translate-y-0 rounded-b-xl border-t-0\",\r\n      },\r\n      bottom: {\r\n        overlay:\r\n          \"top-(--visual-viewport-height) exiting:translate-y-0 entering:translate-y-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen -translate-y-full rounded-t-xl border-b-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n      left: {\r\n        overlay:\r\n          \"entering:-translate-x-full exiting:-translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) left-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-r-xl border-l-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n      right: {\r\n        overlay:\r\n          \"entering:translate-x-full exiting:translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) right-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-l-xl border-r-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    placement: \"bottom\",\r\n  },\r\n});\r\n\r\nconst { overlay, underlay } = drawerVariants();\r\n\r\ninterface DrawerProps extends React.ComponentProps<typeof AriaModal> {\r\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n}\r\n\r\nfunction Drawer({\r\n  isDismissable = true,\r\n  className,\r\n  style,\r\n  placement,\r\n  ...props\r\n}: DrawerProps) {\r\n  return (\r\n    <AriaModalOverlay\r\n      className={underlay()}\r\n      isDismissable={isDismissable}\r\n      {...props}\r\n    >\r\n      <AriaModal\r\n        className={composeRenderProps(className, (className) =>\r\n          overlay({ placement, className })\r\n        )}\r\n        style={composeRenderProps(style, (style) => ({\r\n          \"--drawer-margin\": \"calc(var(--spacing)*24)\",\r\n          ...style,\r\n        }))}\r\n        {...props}\r\n      />\r\n    </AriaModalOverlay>\r\n  );\r\n}\r\n\r\nexport type { DrawerProps };\r\nexport { Drawer };\r\n",
+      "type": "registry:core",
+      "target": "core/drawer.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/drop-zone.json b/www/public/registry/core/drop-zone.json
new file mode 100644
index 000000000..90baada91
--- /dev/null
+++ b/www/public/registry/core/drop-zone.json
@@ -0,0 +1,12 @@
+{
+  "name": "drop-zone",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/drop-zone_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  DropZone as AriaDropZone,\n  Text as AriaText,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst dropZoneStyles = tv({\n  slots: {\n    dropzone:\n      \"drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm\",\n    label: \"text-base\",\n  },\n});\n\nconst { dropzone, label } = dropZoneStyles();\n\ninterface DropZoneProps extends React.ComponentProps<typeof AriaDropZone> {}\nconst DropZone = ({ className, ...props }: DropZoneProps) => {\n  return (\n    <AriaDropZone\n      className={composeRenderProps(className, (className) =>\n        dropzone({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DropZoneLabelProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst DropZoneLabel = ({ className, ...props }: DropZoneLabelProps) => {\n  return <AriaText slot=\"label\" className={label({ className })} {...props} />;\n};\n\nexport type { DropZoneProps, DropZoneLabelProps };\nexport { DropZone, DropZoneLabel };\n",
+      "type": "registry:core",
+      "target": "core/drop-zone.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/field.json b/www/public/registry/core/field.json
new file mode 100644
index 000000000..deb6bf7ec
--- /dev/null
+++ b/www/public/registry/core/field.json
@@ -0,0 +1,12 @@
+{
+  "name": "field",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/field_basic.tsx",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  Label as AriaLabel,\n  Text as AriaText,\n  FieldError as AriaFieldError,\n  FieldErrorContext,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst labelStyles = tv({\n  base: \"peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3\",\n});\n\ninterface LabelProps extends React.ComponentProps<typeof AriaLabel> {}\nconst Label = ({ className, ...props }: LabelProps) => {\n  return <AriaLabel className={labelStyles({ className })} {...props} />;\n};\n\nconst descriptionStyles = tv({\n  base: \"text-fg-muted text-xs\",\n});\n\ninterface DescriptionProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst Description = ({ className, ...props }: DescriptionProps) => {\n  return (\n    <AriaText\n      slot=\"description\"\n      className={descriptionStyles({ className })}\n      {...props}\n    />\n  );\n};\n\nconst fieldErrorStyles = tv({\n  base: \"text-fg-danger text-xs\",\n});\n\ninterface FieldErrorProps extends React.ComponentProps<typeof AriaFieldError> {}\nconst FieldError = ({ className, ...props }: FieldErrorProps) => {\n  return (\n    <AriaFieldError\n      className={composeRenderProps(className, (className) =>\n        fieldErrorStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface HelpTextProps {\n  description?: DescriptionProps[\"children\"];\n  errorMessage?: FieldErrorProps[\"children\"];\n}\nconst HelpText = ({ description, errorMessage, ...props }: HelpTextProps) => {\n  const validation = React.use(FieldErrorContext);\n  const isError =\n    validation?.isInvalid &&\n    (!!errorMessage || validation.validationErrors.length > 0);\n\n  if (isError) return <FieldError>{errorMessage}</FieldError>;\n\n  if (description) return <Description>{description}</Description>;\n\n  return null;\n};\n\ninterface FieldProps extends HelpTextProps {\n  label?: LabelProps[\"children\"];\n}\n\nexport type {\n  LabelProps,\n  DescriptionProps,\n  FieldErrorProps,\n  HelpTextProps,\n  FieldProps,\n};\nexport { Label, Description, FieldError, HelpText };\n",
+      "type": "registry:core",
+      "target": "core/field.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/file-trigger.json b/www/public/registry/core/file-trigger.json
new file mode 100644
index 000000000..0dd254604
--- /dev/null
+++ b/www/public/registry/core/file-trigger.json
@@ -0,0 +1,12 @@
+{
+  "name": "file-trigger",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/file-trigger_basic.tsx",
+      "content": "\"use client\";\n\nimport { FileTrigger, type FileTriggerProps } from \"react-aria-components\";\n\nexport type { FileTriggerProps };\nexport { FileTrigger };\n",
+      "type": "registry:core",
+      "target": "core/file-trigger.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/form.json b/www/public/registry/core/form.json
new file mode 100644
index 000000000..4455adc5a
--- /dev/null
+++ b/www/public/registry/core/form.json
@@ -0,0 +1,4 @@
+{
+  "name": "form",
+  "type": "registry:core"
+}
\ No newline at end of file
diff --git a/www/public/registry/core/form_basic.json b/www/public/registry/core/form_basic.json
new file mode 100644
index 000000000..dbe16e920
--- /dev/null
+++ b/www/public/registry/core/form_basic.json
@@ -0,0 +1,12 @@
+{
+  "name": "form_basic",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/form_basic.tsx",
+      "content": "\"use client\";\r\n\r\nimport {\r\n  Form as AriaForm,\r\n  FormProps as AriaFormProps,\r\n} from \"react-aria-components\";\r\n\r\nexport type FormProps = AriaFormProps;\r\nexport { AriaForm as Form };\r\n",
+      "type": "registry:core",
+      "target": "core/form.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/form_react-hook-form.json b/www/public/registry/core/form_react-hook-form.json
new file mode 100644
index 000000000..87628bea0
--- /dev/null
+++ b/www/public/registry/core/form_react-hook-form.json
@@ -0,0 +1,12 @@
+{
+  "name": "form_react-hook-form",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/form_react-hook-form.tsx",
+      "content": "\"use client\";\r\n\r\nimport { Form } from \"react-aria-components\";\r\nimport { Controller, FieldValues } from \"react-hook-form\";\r\nimport type {\r\n  FieldPath,\r\n  UseControllerProps,\r\n  ControllerRenderProps,\r\n  ControllerFieldState,\r\n} from \"react-hook-form\";\r\n\r\ntype FormControlProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> = Omit<UseControllerProps<TFieldValues, TName>, \"render\"> & {\r\n  render: (\r\n    props: Omit<ControllerRenderProps<TFieldValues, TName>, \"disabled\"> &\r\n      Omit<ControllerFieldState, \"invalid\" | \"error\"> & {\r\n        isInvalid: boolean;\r\n        isDisabled?: boolean;\r\n        errorMessage?: string;\r\n      }\r\n  ) => React.ReactElement;\r\n};\r\n\r\nfunction FormControl<\r\n  TFieldValues extends FieldValues,\r\n  TName extends FieldPath<TFieldValues>,\r\n>({ render, ...rest }: FormControlProps<TFieldValues, TName>) {\r\n  return (\r\n    <Controller\r\n      {...rest}\r\n      render={({\r\n        field: { disabled, ...field },\r\n        fieldState: { invalid, error, ...fieldState },\r\n      }) =>\r\n        render({\r\n          ...field,\r\n          ...fieldState,\r\n          isDisabled: disabled,\r\n          isInvalid: invalid,\r\n          errorMessage: error?.message,\r\n        })\r\n      }\r\n    />\r\n  );\r\n}\r\n\r\nexport { Form, FormControl };\r\n",
+      "type": "registry:core",
+      "target": "core/form.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/index.json b/www/public/registry/core/index.json
new file mode 100644
index 000000000..de0154f80
--- /dev/null
+++ b/www/public/registry/core/index.json
@@ -0,0 +1,222 @@
+[
+  {
+    "name": "alert",
+    "label": "Alert"
+  },
+  {
+    "name": "avatar",
+    "label": "Avatar"
+  },
+  {
+    "name": "badge",
+    "label": "Badge"
+  },
+  {
+    "name": "breadcrumbs",
+    "label": "Breadcrumbs"
+  },
+  {
+    "name": "button",
+    "label": "Button"
+  },
+  {
+    "name": "calendar",
+    "label": "Calendar"
+  },
+  {
+    "name": "checkbox",
+    "label": "Checkbox"
+  },
+  {
+    "name": "checkbox-group",
+    "label": "Checkbox Group"
+  },
+  {
+    "name": "color-area",
+    "label": "Color Area"
+  },
+  {
+    "name": "color-field",
+    "label": "Color Field"
+  },
+  {
+    "name": "color-picker",
+    "label": "Color Picker"
+  },
+  {
+    "name": "color-slider",
+    "label": "Color Slider"
+  },
+  {
+    "name": "color-swatch",
+    "label": "Color Swatch"
+  },
+  {
+    "name": "color-swatch-picker",
+    "label": "Color Swatch Picker"
+  },
+  {
+    "name": "color-thumb",
+    "label": "Color Thumb"
+  },
+  {
+    "name": "combobox",
+    "label": "Combobox"
+  },
+  {
+    "name": "command",
+    "label": "Command"
+  },
+  {
+    "name": "date-field",
+    "label": "Date Field"
+  },
+  {
+    "name": "date-input",
+    "label": "Date Input"
+  },
+  {
+    "name": "date-picker",
+    "label": "Date Picker"
+  },
+  {
+    "name": "date-range-picker",
+    "label": "Date Range Picker"
+  },
+  {
+    "name": "dialog",
+    "label": "Dialog"
+  },
+  {
+    "name": "drawer",
+    "label": "Drawer"
+  },
+  {
+    "name": "drop-zone",
+    "label": "Drop Zone"
+  },
+  {
+    "name": "field",
+    "label": "Field"
+  },
+  {
+    "name": "file-trigger",
+    "label": "File Trigger"
+  },
+  {
+    "name": "form",
+    "label": "Form"
+  },
+  {
+    "name": "input",
+    "label": "Input"
+  },
+  {
+    "name": "kbd",
+    "label": "Kbd"
+  },
+  {
+    "name": "list-box",
+    "label": "List Box"
+  },
+  {
+    "name": "list-box",
+    "label": "List Box"
+  },
+  {
+    "name": "loader",
+    "label": "Loader"
+  },
+  {
+    "name": "menu",
+    "label": "Menu"
+  },
+  {
+    "name": "modal",
+    "label": "Modal"
+  },
+  {
+    "name": "number-field",
+    "label": "Number Field"
+  },
+  {
+    "name": "overlay",
+    "label": "Overlay"
+  },
+  {
+    "name": "popover",
+    "label": "Popover"
+  },
+  {
+    "name": "progress-bar",
+    "label": "Progress Bar"
+  },
+  {
+    "name": "radio-group",
+    "label": "Radio Group"
+  },
+  {
+    "name": "search-field",
+    "label": "Search Field"
+  },
+  {
+    "name": "select",
+    "label": "Select"
+  },
+  {
+    "name": "separator",
+    "label": "Separator"
+  },
+  {
+    "name": "skeleton",
+    "label": "Skeleton"
+  },
+  {
+    "name": "slider",
+    "label": "Slider"
+  },
+  {
+    "name": "switch",
+    "label": "Switch"
+  },
+  {
+    "name": "table",
+    "label": "Table"
+  },
+  {
+    "name": "tabs",
+    "label": "Tabs"
+  },
+  {
+    "name": "tag-group",
+    "label": "Tag Group"
+  },
+  {
+    "name": "text",
+    "label": "Text"
+  },
+  {
+    "name": "text-area",
+    "label": "Text Area"
+  },
+  {
+    "name": "text-field",
+    "label": "Text Field"
+  },
+  {
+    "name": "time-field",
+    "label": "Time Field"
+  },
+  {
+    "name": "toggle-button",
+    "label": "Toggle Button"
+  },
+  {
+    "name": "toggle-button-group",
+    "label": "Toggle Button Group"
+  },
+  {
+    "name": "tooltip",
+    "label": "Tooltip"
+  }
+]
\ No newline at end of file
diff --git a/www/public/registry/core/input.json b/www/public/registry/core/input.json
new file mode 100644
index 000000000..f0fb1cbbb
--- /dev/null
+++ b/www/public/registry/core/input.json
@@ -0,0 +1,4 @@
+{
+  "name": "input",
+  "type": "registry:core"
+}
\ No newline at end of file
diff --git a/www/public/registry/core/input_basic.json b/www/public/registry/core/input_basic.json
new file mode 100644
index 000000000..89ccfdcff
--- /dev/null
+++ b/www/public/registry/core/input_basic.json
@@ -0,0 +1,12 @@
+{
+  "name": "input_basic",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/input_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { mergeRefs, chain, mergeProps } from \"@react-aria/utils\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport {\n  Provider,\n  composeRenderProps,\n  Input as AriaInput,\n  Group as AriaGroup,\n  TextArea as AriaTextArea,\n  InputContext as AriaInputContext,\n  TextAreaContext as AriaTextAreaContext,\n  useContextProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { focusInput } from \"@/registry/lib/focus-styles\";\n\nconst inputStyles = tv({\n  slots: {\n    root: [\n      focusInput(),\n      \"border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full min-w-fit cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4\",\n      \"has-[input[data-disabled]]:border-border-disabled has-[input[data-disabled]]:bg-bg-disabled has-[input[data-disabled]]:text-fg-disabled has-[input[data-disabled]]:cursor-default\",\n      \"has-[input[data-invalid]]:border-border-danger focus-within:has-[input[data-invalid]]:border-border\",\n    ],\n    input: [\n      \"text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default\",\n    ],\n  },\n  variants: {\n    size: {\n      sm: { root: \"h-8\" },\n      md: { root: \"h-9\" },\n      lg: { root: \"h-10\" },\n    },\n    multiline: {\n      true: {\n        root: \"h-auto flex-col items-stretch p-2\",\n        input: \"min-h-14 resize-none overflow-auto\",\n      },\n      false: {\n        input: \"flex-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    multiline: false,\n  },\n});\n\nconst { root, input } = inputStyles();\n\ninterface InputProps extends React.ComponentProps<typeof AriaInput> {}\nconst Input = (props: InputProps) => {\n  return (\n    <AriaInput\n      className={composeRenderProps(props.className, (className) =>\n        input({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TextAreaInputProps\n  extends React.ComponentProps<typeof AriaTextArea> {}\nconst TextAreaInput = ({\n  ref,\n  className,\n  onChange,\n  ...props\n}: TextAreaInputProps) => {\n  const [inputValue, setInputValue] = useControlledState(\n    props.value,\n    props.defaultValue ?? \"\",\n    () => {}\n  );\n  const inputRef = React.useRef<HTMLTextAreaElement>(null);\n\n  const onHeightChange = React.useCallback(() => {\n    if (!inputRef.current) return;\n    const input = inputRef.current;\n    const prevAlignment = input.style.alignSelf;\n    const prevOverflow = input.style.overflow;\n    const isFirefox = \"MozAppearance\" in input.style;\n    if (!isFirefox) {\n      input.style.overflow = \"hidden\";\n    }\n    input.style.alignSelf = \"start\";\n    input.style.height = \"auto\";\n    input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n    input.style.overflow = prevOverflow;\n    input.style.alignSelf = prevAlignment;\n  }, [inputRef]);\n\n  React.useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  return (\n    <AriaTextArea\n      ref={mergeRefs(inputRef, ref)}\n      className={composeRenderProps(className, (className) =>\n        input({ multiline: true, className })\n      )}\n      onChange={chain(onChange, setInputValue)}\n      {...props}\n    />\n  );\n};\n\ninterface InputRootProps\n  extends Omit<React.ComponentProps<typeof AriaGroup>, \"prefix\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\nconst InputRoot = ({\n  children,\n  className,\n  prefix,\n  suffix,\n  size,\n  multiline,\n  ...props\n}: InputRootProps) => {\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  const [inputContextProps, mergedInputRef] = useContextProps(\n    {},\n    inputRef as React.RefObject<HTMLInputElement>,\n    AriaInputContext\n  );\n  const [textAreaContextProps, mergedTextAreaRef] = useContextProps(\n    {},\n    inputRef as React.RefObject<HTMLTextAreaElement>,\n    AriaTextAreaContext\n  );\n  const inputProps = { ...inputContextProps, ref: mergedInputRef };\n  const textAreaProps = { ...textAreaContextProps, ref: mergedTextAreaRef };\n\n  const onPointerDown = (event: React.PointerEvent<HTMLElement>) => {\n    const target = event.target as HTMLElement;\n    if (target.closest(\"input, button, a\")) return;\n    const input = inputRef.current;\n    if (!input) return;\n    requestAnimationFrame(() => {\n      input.focus();\n    });\n  };\n\n  return (\n    <AriaGroup\n      role=\"presentation\"\n      className={composeRenderProps(className, (className) =>\n        root({ size, multiline, className })\n      )}\n      {...mergeProps(props, { onPointerDown })}\n    >\n      {composeRenderProps(children, (children) => (\n        <Provider\n          values={[\n            [AriaInputContext, inputProps],\n            [AriaTextAreaContext, textAreaProps],\n          ]}\n        >\n          {prefix}\n          {children}\n          {suffix}\n        </Provider>\n      ))}\n    </AriaGroup>\n  );\n};\n\nexport type { InputProps, TextAreaInputProps, InputRootProps };\nexport { Input, TextAreaInput, InputRoot, inputStyles };\n",
+      "type": "registry:core",
+      "target": "core/input.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/kbd.json b/www/public/registry/core/kbd.json
new file mode 100644
index 000000000..ca39c1009
--- /dev/null
+++ b/www/public/registry/core/kbd.json
@@ -0,0 +1,12 @@
+{
+  "name": "kbd",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/kbd_basic.tsx",
+      "content": "\"use client\";\n\nimport { Keyboard } from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst KbdStyles = tv({\n  base: \"text-fg-muted bg-bg inline-flex min-w-5 items-center justify-center rounded-md border p-1 text-xs leading-none\",\n});\n\ntype KbdProps = React.HTMLAttributes<HTMLElement>;\nconst Kbd = ({ className, ...props }: KbdProps) => {\n  return <Keyboard className={KbdStyles({ className })} {...props} />;\n};\n\nexport type { KbdProps };\nexport { Kbd, KbdStyles };\n",
+      "type": "registry:core",
+      "target": "core/kbd.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/list-box.json b/www/public/registry/core/list-box.json
new file mode 100644
index 000000000..0e33d380d
--- /dev/null
+++ b/www/public/registry/core/list-box.json
@@ -0,0 +1,12 @@
+{
+  "name": "list-box",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/list-box_basic.tsx",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport { CheckIcon, Loader2Icon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  ListBox as AriaListBox,\n  ListBoxItem as AriaListBoxItem,\n  Collection as AriaCollection,\n  type ListBoxProps as AriaListBoxProps,\n  type ListBoxItemProps as AriaListBoxItemProps,\n  ListStateContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst listBoxStyles = tv({\n  base: [\n    focusRing(),\n    \"orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n  variants: {\n    standalone: {\n      true: \"bg-bg max-h-60 w-48 overflow-y-auto rounded-md border\",\n      false: \"max-h-[inherit] rounded-[inherit]\",\n    },\n  },\n});\n\nconst listBoxItemStyles = tv({\n  base: [\n    \"disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface ListBoxProps<T> extends AriaListBoxProps<T> {\n  isLoading?: boolean;\n}\nconst ListBox = <T extends object>({\n  children,\n  isLoading,\n  ...props\n}: ListBoxProps<T>) => {\n  const state = React.useContext(ListStateContext);\n  const standalone = !state;\n  return (\n    <AriaListBox\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxStyles({ standalone, className })\n      )}\n    >\n      <AriaCollection items={props.items}>{children}</AriaCollection>\n      {isLoading && (\n        <AriaListBoxItem className=\"flex items-center justify-center py-1.5\">\n          <Loader2Icon\n            aria-label=\"Loading more...\"\n            className=\"text-fg-muted size-5 animate-spin\"\n          />\n        </AriaListBoxItem>\n      )}\n    </AriaListBox>\n  );\n};\n\ninterface ItemProps<T>\n  extends AriaListBoxItemProps<T>,\n    VariantProps<typeof listBoxItemStyles> {\n  label?: string;\n  description?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\nconst Item = <T extends object>({\n  variant,\n  label,\n  description,\n  prefix,\n  suffix,\n  ...props\n}: ItemProps<T>) => {\n  const textValue =\n    props.textValue ||\n    (typeof props.children === \"string\" ? props.children : undefined);\n  return (\n    <AriaListBoxItem\n      {...props}\n      textValue={textValue}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxItemStyles({ variant, className })\n      )}\n    >\n      {composeRenderProps(\n        props.children,\n        (children, { isSelected, selectionMode }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 shrink-0 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"text-fg-accent size-4\" />\n                )}\n              </span>\n            )}\n            <span className=\"flex items-center gap-3\">\n              {prefix}\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n            </span>\n          </>\n        )\n      )}\n    </AriaListBoxItem>\n  );\n};\n\nexport type { ListBoxProps, ItemProps };\nexport { ListBox, Item };\n",
+      "type": "registry:core",
+      "target": "core/list-box.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/loader.json b/www/public/registry/core/loader.json
new file mode 100644
index 000000000..3f41389ca
--- /dev/null
+++ b/www/public/registry/core/loader.json
@@ -0,0 +1,4 @@
+{
+  "name": "loader",
+  "type": "registry:core"
+}
\ No newline at end of file
diff --git a/www/public/registry/core/loader_dots.json b/www/public/registry/core/loader_dots.json
new file mode 100644
index 000000000..22b3e0633
--- /dev/null
+++ b/www/public/registry/core/loader_dots.json
@@ -0,0 +1,12 @@
+{
+  "name": "loader_dots",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/loader_dots.tsx",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\nimport { cn } from \"@/registry/lib/cn\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, className, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      className={cn(\"relative items-center justify-center\", className)}\r\n      {...props}\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: \"var(--size)\",\r\n          height: \"var(--size)\",\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      {[...Array(8)].map((_, index) => {\r\n        const angle = (index / 8) * (2 * Math.PI);\r\n        const x = Math.cos(angle);\r\n        const y = Math.sin(angle);\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            className=\"animate-dot-spinner absolute size-[20%] -translate-x-1/2 -translate-y-1/2 rounded-full bg-current\"\r\n            style={{\r\n              animationDelay: `${index * 0.1}s`,\r\n              top: `${50 + y * 40}%`,\r\n              left: `${50 + x * 40}%`,\r\n            }}\r\n          ></div>\r\n        );\r\n      })}\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
+      "type": "registry:core",
+      "target": "core/loader.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/loader_line.json b/www/public/registry/core/loader_line.json
new file mode 100644
index 000000000..08cd0fce3
--- /dev/null
+++ b/www/public/registry/core/loader_line.json
@@ -0,0 +1,12 @@
+{
+  "name": "loader_line",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/loader_line.tsx",
+      "content": "\"use client\";\r\n\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      {...props}\r\n      className=\"size-10\"\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: \"var(--size)\",\r\n          height: \"var(--size)\",\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      <div className=\"relative left-1/2 top-1/2 h-full w-full\">\r\n        {Array.from({ length: 12 }).map((_, i) => (\r\n          <span\r\n            key={i}\r\n            className=\"animate-line-spinner absolute left-[-10%] top-[-3.9%] h-[8%] w-[24%] rounded-sm bg-current\"\r\n            style={{\r\n              transform: `rotate(${i * 30}deg) translate(146%)`,\r\n              animationDelay: `-${(12 - i) * 0.1}s`,\r\n            }}\r\n          ></span>\r\n        ))}\r\n      </div>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
+      "type": "registry:core",
+      "target": "core/loader.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/loader_ring.json b/www/public/registry/core/loader_ring.json
new file mode 100644
index 000000000..1db03abef
--- /dev/null
+++ b/www/public/registry/core/loader_ring.json
@@ -0,0 +1,12 @@
+{
+  "name": "loader_ring",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/loader_ring.tsx",
+      "content": "\"use client\";\r\n\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar {...props} isIndeterminate>\r\n      <svg\r\n        width={size}\r\n        height={size}\r\n        viewBox=\"0 0 24 24\"\r\n        className=\"block animate-spin\"\r\n      >\r\n        <path\r\n          className=\"fill-current opacity-25\"\r\n          d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\r\n        />\r\n        <path\r\n          className=\"fill-current\"\r\n          d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\"\r\n        />\r\n      </svg>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
+      "type": "registry:core",
+      "target": "core/loader.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/loader_tailspin.json b/www/public/registry/core/loader_tailspin.json
new file mode 100644
index 000000000..50a3c6ce9
--- /dev/null
+++ b/www/public/registry/core/loader_tailspin.json
@@ -0,0 +1,12 @@
+{
+  "name": "loader_tailspin",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/loader_tailspin.tsx",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 40, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar {...props} isIndeterminate>\r\n      <div\r\n        className=\"relative flex animate-spin items-center justify-start rounded-full\"\r\n        style={\r\n          {\r\n            \"--size\": `${size}px`,\r\n            \"--color\": \"currentColor\",\r\n            \"--stroke\": `${size / 10}px`,\r\n            \"--mask-size\": \"calc(var(--size) / 2 - var(--stroke))\",\r\n            width: \"var(--size)\",\r\n            height: \"var(--size)\",\r\n            WebkitMask:\r\n              \"radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)\",\r\n            mask: \"radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)\",\r\n            backgroundImage: \"conic-gradient(transparent 25%, var(--color))\",\r\n          } as React.CSSProperties\r\n        }\r\n      ></div>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n\r\n{\r\n  /* <div class=\"container\"></div>\r\n\r\n<style>\r\n  .container {\r\n    --uib-size: 40px;\r\n    --uib-color: black;\r\n    --uib-speed: .9s;\r\n    --uib-stroke: 5px;\r\n    --mask-size: calc(var(--uib-size) / 2 - var(--uib-stroke));\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    height: var(--uib-size);\r\n    width: var(--uib-size);\r\n    -webkit-mask: radial-gradient(\r\n      circle var(--mask-size),\r\n      transparent 99%,\r\n      #000 100%\r\n    );\r\n    mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);\r\n    background-image: conic-gradient(transparent 25%, var(--uib-color));\r\n    animation: spin calc(var(--uib-speed)) linear infinite;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  @keyframes spin {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n</style>\r\n */\r\n}\r\n",
+      "type": "registry:core",
+      "target": "core/loader.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/loader_wave.json b/www/public/registry/core/loader_wave.json
new file mode 100644
index 000000000..52f1faace
--- /dev/null
+++ b/www/public/registry/core/loader_wave.json
@@ -0,0 +1,12 @@
+{
+  "name": "loader_wave",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/loader_wave.tsx",
+      "content": "\"use client\";\r\n\r\nimport { motion } from \"motion/react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\nimport { cn } from \"@/registry/lib/cn\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, className, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      className={cn(\"flex items-center justify-between\")}\r\n      {...props}\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: `var(--size)`,\r\n          height: `calc(var(--size) * 0.9)`,\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      {[...Array(4)].map((_, index) => (\r\n        <motion.div\r\n          key={index}\r\n          className=\"h-full w-[2px] rounded-full bg-current\"\r\n          animate={{\r\n            scaleY: [0.3, 1, 0.3],\r\n          }}\r\n          transition={{\r\n            duration: 1,\r\n            repeat: Infinity,\r\n            ease: \"easeInOut\",\r\n            delay: index * 0.1,\r\n          }}\r\n        />\r\n      ))}\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
+      "type": "registry:core",
+      "target": "core/loader.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/menu.json b/www/public/registry/core/menu.json
new file mode 100644
index 000000000..af2389167
--- /dev/null
+++ b/www/public/registry/core/menu.json
@@ -0,0 +1,12 @@
+{
+  "name": "menu",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/menu_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  Menu as AriaMenu,\n  MenuTrigger as AriaMenuTrigger,\n  MenuItem as AriaMenuItem,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  type MenuItemProps as AriaMenuItemProps,\n  type MenuProps as AriaMenuProps,\n  type MenuTriggerProps as AriaMenuTriggerProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Kbd } from \"@/registry/core/kbd_basic\";\nimport { Overlay, type OverlayProps } from \"@/registry/core/overlay_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\n\nconst menuStyles = tv({\n  base: [\n    \"max-h[inherit] outline-hidden rounded-[inherit] p-1\",\n    \"group-data-[type=drawer]/overlay:p-2\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n});\n\nconst menuItemStyles = tv({\n  base: [\n    \"focus:bg-bg-inverse/10 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm transition-colors disabled:pointer-events-none\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3\",\n    \"group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ntype MenuRootProps = AriaMenuTriggerProps;\nconst MenuRoot = (props: MenuRootProps) => {\n  return <AriaMenuTrigger {...props} />;\n};\n\ntype MenuProps<T> = MenuContentProps<T> & {\n  type?: OverlayProps[\"type\"];\n  mobileType?: OverlayProps[\"mobileType\"];\n};\nconst Menu = <T extends object>({\n  type = \"popover\",\n  mobileType = \"drawer\",\n  ...props\n}: MenuProps<T>) => {\n  return (\n    <Overlay type={type} mobileType={mobileType}>\n      <MenuContent {...props} />\n    </Overlay>\n  );\n};\n\ntype MenuContentProps<T> = AriaMenuProps<T>;\nconst MenuContent = <T extends object>({\n  className,\n  ...props\n}: MenuContentProps<T>) => {\n  return <AriaMenu className={menuStyles({ className })} {...props} />;\n};\n\nconst MenuSub = AriaSubmenuTrigger;\n\ninterface MenuItemProps<T>\n  extends Omit<AriaMenuItemProps<T>, \"className\">,\n    VariantProps<typeof menuItemStyles> {\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n  label?: string;\n  description?: string;\n  shortcut?: string;\n  className?: string;\n}\nconst MenuItem = <T extends object>({\n  className,\n  label,\n  description,\n  prefix,\n  suffix,\n  shortcut,\n  variant,\n  ...props\n}: MenuItemProps<T>) => {\n  return (\n    <AriaMenuItem className={menuItemStyles({ className, variant })} {...props}>\n      {composeRenderProps(\n        props.children,\n        (children, { selectionMode, isSelected, hasSubmenu }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"text-fg-accent size-4\" />\n                )}\n              </span>\n            )}\n            {prefix}\n            <span className=\"flex items-center gap-2\">\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n              {shortcut && <Kbd>{shortcut}</Kbd>}\n              {hasSubmenu && (\n                <ChevronRightIcon aria-hidden className=\"size-4\" />\n              )}\n            </span>\n          </>\n        )\n      )}\n    </AriaMenuItem>\n  );\n};\n\nexport type { MenuRootProps, MenuProps };\nexport { MenuRoot, Menu, MenuItem, MenuContent, MenuSub };\n",
+      "type": "registry:core",
+      "target": "core/menu.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/modal.json b/www/public/registry/core/modal.json
new file mode 100644
index 000000000..3fb86d54e
--- /dev/null
+++ b/www/public/registry/core/modal.json
@@ -0,0 +1,12 @@
+{
+  "name": "modal",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/modal_basic.tsx",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Modal as AriaModal,\r\n  ModalOverlay as AriaModalOverlay,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst modalStyles = tv({\r\n  slots: {\r\n    underlay:\r\n      \"h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse/40 dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]\",\r\n    overlay:\r\n      \"bg-bg entering:scale-95 exiting:scale-95 relative z-50 w-full max-w-lg scale-100 border shadow-lg duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-transform sm:rounded-lg md:w-full\",\r\n  },\r\n});\r\n\r\nconst { underlay, overlay } = modalStyles();\r\n\r\ninterface ModalProps extends React.ComponentProps<typeof AriaModal> {}\r\nconst Modal = ({ className, isDismissable = true, ...props }: ModalProps) => (\r\n  <AriaModalOverlay\r\n    isDismissable={isDismissable}\r\n    className={composeRenderProps(className, (className) =>\r\n      underlay({ className })\r\n    )}\r\n    {...props}\r\n  >\r\n    <AriaModal\r\n      isDismissable={isDismissable}\r\n      className={composeRenderProps(className, (className) =>\r\n        overlay({ className })\r\n      )}\r\n      {...props}\r\n    />\r\n  </AriaModalOverlay>\r\n);\r\n\r\nexport type { ModalProps };\r\nexport { Modal };\r\n",
+      "type": "registry:core",
+      "target": "core/modal.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/number-field.json b/www/public/registry/core/number-field.json
new file mode 100644
index 000000000..c269b7dc1
--- /dev/null
+++ b/www/public/registry/core/number-field.json
@@ -0,0 +1,12 @@
+{
+  "name": "number-field",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/number-field_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  MinusIcon,\n  PlusIcon,\n} from \"lucide-react\";\nimport {\n  NumberField as AriaNumberField,\n  composeRenderProps,\n  type NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type inputStyles,\n} from \"@/registry/core/input_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\nimport { InputRootProps } from \"./input_basic\";\n\nconst numberFieldStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    inputRoot: \"grid gap-0 px-0\",\n    input: \"px-2 [grid-area:field]\",\n    increment: \"w-8 p-0 [grid-area:increment]\",\n    decrement: \"w-8 p-0 [grid-area:decrement]\",\n  },\n  variants: {\n    isMobile: {\n      true: {\n        inputRoot:\n          \"grid-cols-[auto_1fr_auto] [grid-template-areas:'decrement_field_increment']\",\n        increment: \"h-full rounded-none rounded-r-md border-l\",\n        decrement: \"h-full rounded-none rounded-l-md border-r\",\n      },\n      false: {\n        inputRoot:\n          \"grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']\",\n        increment: \"h-auto shrink rounded-none rounded-tr-md border-b border-l\",\n        decrement: \"h-auto shrink rounded-none rounded-br-md border-l\",\n      },\n    },\n  },\n});\n\nconst { root, inputRoot, input, increment, decrement } = numberFieldStyles();\n\ninterface NumberFieldProps\n  extends NumberFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst NumberField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: NumberFieldProps) => {\n  const isMobile = useMediaQuery(\"(max-width: 768px)\");\n\n  return (\n    <NumberFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} className={inputRoot({ isMobile })}>\n        <Button slot=\"decrement\" className={decrement({ isMobile })}>\n          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}\n        </Button>\n        <Input className={input()} />\n        <Button slot=\"increment\" className={increment({ isMobile })}>\n          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </NumberFieldRoot>\n  );\n};\n\ninterface NumberFieldRootProps\n  extends React.ComponentProps<typeof AriaNumberField> {\n  placeholder?: string;\n}\nconst NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {\n  return (\n    <AriaNumberField\n      className={composeRenderProps(className, (className) =>\n        root({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { NumberFieldProps, NumberFieldRootProps };\nexport { NumberField, NumberFieldRoot };\n",
+      "type": "registry:core",
+      "target": "core/number-field.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/overlay.json b/www/public/registry/core/overlay.json
new file mode 100644
index 000000000..924303f03
--- /dev/null
+++ b/www/public/registry/core/overlay.json
@@ -0,0 +1,12 @@
+{
+  "name": "overlay",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/overlay_basic.tsx",
+      "content": "\"use client\";\n\nimport { Drawer, DrawerProps } from \"@/registry/core/drawer_basic\";\nimport { Modal, ModalProps } from \"@/registry/core/modal_basic\";\nimport { Popover, PopoverProps } from \"@/registry/core/popover_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\n\ntype Type = \"modal\" | \"popover\" | \"drawer\";\n\ntype CommonProps =\n  | \"UNSTABLE_portalContainer\"\n  | \"isDismissable\"\n  | \"isOpen\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n  | \"isKeyboardDismissDisabled\"\n  | \"shouldCloseOnInteractOutside\";\n\ninterface OverlayProps extends Pick<ModalProps, CommonProps> {\n  children?: React.ReactNode;\n  type?: Type;\n  mobileType?: Type | null;\n  popoverProps?: Omit<PopoverProps, \"children\" | CommonProps>;\n  modalProps?: Omit<ModalProps, \"children\" | CommonProps>;\n  drawerProps?: Omit<DrawerProps, \"children\" | CommonProps>;\n}\n\nfunction Overlay({\n  type = \"modal\",\n  mobileType = \"drawer\",\n  modalProps,\n  popoverProps,\n  drawerProps,\n  ...props\n}: OverlayProps) {\n  const isMobile = useMediaQuery(\"(max-width: 640px)\");\n  const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;\n\n  if (resolvedType === \"modal\") {\n    return <Modal {...modalProps} {...props} />;\n  }\n\n  if (resolvedType === \"popover\") {\n    return <Popover {...popoverProps} {...props} />;\n  }\n\n  if (resolvedType === \"drawer\") {\n    return <Drawer {...drawerProps} {...props} />;\n  }\n}\n\nexport type { OverlayProps };\nexport { Overlay };\n",
+      "type": "registry:core",
+      "target": "core/overlay.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/popover.json b/www/public/registry/core/popover.json
new file mode 100644
index 000000000..3aac04a4a
--- /dev/null
+++ b/www/public/registry/core/popover.json
@@ -0,0 +1,12 @@
+{
+  "name": "popover",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/popover_basic.tsx",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Popover as AriaPopover,\r\n  OverlayArrow as AriaOverlayArrow,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst popoverStyles = tv({\r\n  slots: {\r\n    popover: [\r\n      \"bg-bg min-w-(--trigger-width) group rounded-md border shadow-md ease-[cubic-bezier(0.165,0.84,0.44,1)]\",\r\n      \"placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left\",\r\n      \"entering:opacity-0 exiting:opacity-0 opacity-100 duration-150 will-change-[transform,opacity]\",\r\n      \"translate-0 entering:placement-bottom:-translate-y-2 exiting:placement-bottom:-translate-y-2 entering:placement-top:translate-y-2 exiting:placement-top:translate-y-2 entering:placement-right:-translate-x-2 exiting:placement-right:-translate-x-2 entering:placement-left:translate-x-2 exiting:placement-left:translate-x-2\",\r\n    ],\r\n    arrow:\r\n      \"stroke-border fill-bg group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180 stroke-1\",\r\n  },\r\n});\r\n\r\nconst { popover, arrow } = popoverStyles();\r\n\r\ninterface PopoverProps extends React.ComponentProps<typeof AriaPopover> {\r\n  showArrow?: boolean;\r\n}\r\nfunction Popover({ className, showArrow = false, ...props }: PopoverProps) {\r\n  return (\r\n    <AriaPopover\r\n      className={composeRenderProps(className, (className) =>\r\n        popover({ className })\r\n      )}\r\n      {...props}\r\n    >\r\n      {composeRenderProps(props.children, (children) => (\r\n        <>\r\n          {children}\r\n          {showArrow && <PopoverArrow />}\r\n        </>\r\n      ))}\r\n    </AriaPopover>\r\n  );\r\n}\r\n\r\ninterface PopoverArrowProps extends React.ComponentProps<\"svg\"> {}\r\nfunction PopoverArrow({ className, ...props }: PopoverArrowProps) {\r\n  return (\r\n    <AriaOverlayArrow>\r\n      <svg\r\n        width={12}\r\n        height={12}\r\n        viewBox=\"0 0 8 8\"\r\n        className={arrow({ className })}\r\n        {...props}\r\n      >\r\n        <path d=\"M0 0 L4 4 L8 0\" />\r\n      </svg>\r\n    </AriaOverlayArrow>\r\n  );\r\n}\r\n\r\nexport type { PopoverProps };\r\nexport { Popover };\r\n",
+      "type": "registry:core",
+      "target": "core/popover.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/progress-bar.json b/www/public/registry/core/progress-bar.json
new file mode 100644
index 000000000..1146f4149
--- /dev/null
+++ b/www/public/registry/core/progress-bar.json
@@ -0,0 +1,12 @@
+{
+  "name": "progress-bar",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/progress-bar_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ProgressBar as AriaProgress,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Label } from \"@/registry/core/field_basic\";\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\n\nconst progressStyles = tv({\n  slots: {\n    root: \"flex w-60 flex-col gap-2\",\n    indicator: \"relative h-2.5 w-full overflow-hidden rounded-full\",\n    filler: [\n      \"bg-fg h-full w-full min-w-14 flex-1 origin-left transition-transform\",\n      \"indeterminate:animate-progress-indeterminate indeterminate:[-webkit-mask-image:linear-gradient(75deg,rgb(0,0,0)_30%,rgba(0,0,0,0.65)_80%)] indeterminate:[-webkit-mask-size:200%] indeterminate:[mask-image:linear-gradient(75deg,rgb(0,0,0)_30%,rgba(0,0,0,0.65)_80%)] indeterminate:[mask-size:200%]\",\n    ],\n    valueLabel: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      primary: {\n        indicator: \"bg-bg-muted\",\n        filler: \"bg-bg-primary\",\n      },\n      accent: {\n        indicator: \"bg-bg-accent-muted\",\n        filler: \"bg-bg-accent\",\n      },\n      warning: {\n        indicator: \"bg-bg-warning-muted\",\n        filler: \"bg-bg-warning\",\n      },\n      danger: {\n        indicator: \"bg-bg-danger-muted\",\n        filler: \"bg-bg-danger\",\n      },\n      success: {\n        indicator: \"bg-bg-success-muted\",\n        filler: \"bg-bg-success\",\n      },\n    },\n    size: {\n      sm: {\n        indicator: \"h-1\",\n      },\n      md: {\n        indicator: \"h-2.5\",\n      },\n      lg: {\n        indicator: \"h-4\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"accent\",\n    size: \"md\",\n  },\n});\n\nconst { root, indicator, filler, valueLabel } = progressStyles();\n\nconst [ProgressBarProvider, useProgressBarContext] = createScopedContext<\n  VariantProps<typeof progressStyles> & {\n    isIndeterminate: boolean;\n    duration: `${number}s` | `${number}ms`;\n    valueText?: string;\n    percentage?: number;\n  }\n>(\"ProgressRoot\");\n\ninterface ProgressBarProps extends ProgressBarRootProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  showValueLabel?: boolean;\n}\nconst ProgressBar = ({\n  label,\n  description,\n  showValueLabel = false,\n  ...props\n}: ProgressBarProps) => {\n  return (\n    <ProgressBarRoot {...props}>\n      <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n        {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n        {showValueLabel && (\n          <ProgressBarValueLabel className=\"[grid-area:value]\" />\n        )}\n      </div>\n      <ProgressBarIndicator />\n    </ProgressBarRoot>\n  );\n};\n\ninterface ProgressBarRootProps\n  extends React.ComponentProps<typeof AriaProgress>,\n    VariantProps<typeof progressStyles> {\n  duration?: `${number}s` | `${number}ms`;\n}\nconst ProgressBarRoot = ({\n  variant,\n  size,\n  duration = \"0s\",\n  isIndeterminate,\n  children,\n  className,\n  ...props\n}: ProgressBarRootProps) => {\n  return (\n    <AriaProgress\n      className={composeRenderProps(className, (className) =>\n        root({ variant, className })\n      )}\n      isIndeterminate={\n        isIndeterminate || (duration !== \"0s\" && duration !== \"0ms\")\n      }\n      {...props}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isIndeterminate, valueText, percentage }) => (\n          <ProgressBarProvider\n            duration={duration}\n            variant={variant}\n            size={size}\n            isIndeterminate={isIndeterminate}\n            valueText={valueText}\n            percentage={percentage}\n          >\n            {children}\n          </ProgressBarProvider>\n        )\n      )}\n    </AriaProgress>\n  );\n};\n\ninterface ProgressBarIndicatorProps extends React.ComponentProps<\"div\"> {}\nconst ProgressBarIndicator = ({\n  className,\n  ...props\n}: ProgressBarIndicatorProps) => {\n  const { variant, size, isIndeterminate, percentage, duration } =\n    useProgressBarContext(\"ProgressBarIndicator\");\n  return (\n    <div className={indicator({ variant, size, className })} {...props}>\n      <div\n        data-rac=\"\"\n        data-indeterminate={isIndeterminate || undefined}\n        className={filler({ variant, size })}\n        style={\n          {\n            \"--progress-duration\": duration,\n            transform: percentage ? `scaleX(${percentage / 100})` : undefined,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n};\n\ninterface ProgressBarValueLabelProps extends React.ComponentProps<\"span\"> {}\nconst ProgressBarValueLabel = ({\n  className,\n  ...props\n}: ProgressBarValueLabelProps) => {\n  const { valueText } = useProgressBarContext(\"ProgressBarValueLabel\");\n\n  return (\n    <span className={valueLabel({ className })} {...props}>\n      {valueText}\n    </span>\n  );\n};\n\nexport type {\n  ProgressBarProps,\n  ProgressBarRootProps,\n  ProgressBarIndicatorProps,\n  ProgressBarValueLabelProps,\n};\n\nexport {\n  ProgressBar,\n  ProgressBarRoot,\n  ProgressBarIndicator,\n  ProgressBarValueLabel,\n};\n",
+      "type": "registry:core",
+      "target": "core/progress-bar.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/radio-group.json b/www/public/registry/core/radio-group.json
new file mode 100644
index 000000000..2cedb9ba2
--- /dev/null
+++ b/www/public/registry/core/radio-group.json
@@ -0,0 +1,12 @@
+{
+  "name": "radio-group",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/radio-group_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  composeRenderProps,\n  type ValidationResult,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { HelpText, Label } from \"@/registry/core/field_basic\";\nimport {\n  createOptionalScopedContext,\n  createScopedContext,\n} from \"@/registry/lib/context-helpers\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\n\nconst radioStyles = tv({\n  slots: {\n    root: \"disabled:text-fg-disabled invalid:text-fg-danger group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default\",\n    indicator: [\n      focusRing(),\n      \"border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100\",\n      \"group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled\",\n      \"group-invalid:border-border-danger group-invalid:selected:border-bg-danger\",\n    ],\n  },\n  variants: {\n    variant: {\n      default: {\n        indicator: focusRingGroup(),\n      },\n      card: {\n        root: [\n          focusRing(),\n          \"selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { root, indicator } = radioStyles();\n\nconst [VariantsProvider, useVariantsContext] =\n  createScopedContext<VariantProps<typeof radioStyles>>(\"RadioRoot\");\n\nconst [RadioProvider, useRadioContext] =\n  createOptionalScopedContext<VariantProps<typeof radioStyles>>(\"Radio\");\n\ninterface RadioProps extends RadioRootProps {}\nconst Radio = ({ children, ...props }: RadioProps) => {\n  return (\n    <RadioRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <RadioIndicator />\n          {children}\n        </>\n      ))}\n    </RadioRoot>\n  );\n};\n\ninterface RadioRootProps\n  extends React.ComponentProps<typeof AriaRadio>,\n    VariantProps<typeof radioStyles> {}\n\nconst RadioRoot = (localProps: RadioRootProps) => {\n  const contextProps = useRadioContext();\n  const { variant, className, ...props } = { ...contextProps, ...localProps };\n  return (\n    <VariantsProvider variant={variant}>\n      <AriaRadio\n        className={composeRenderProps(className, (className) =>\n          root({ variant, className })\n        )}\n        {...props}\n      />\n    </VariantsProvider>\n  );\n};\n\ninterface RadioIndicatorProps extends React.ComponentProps<\"div\"> {}\n\nconst RadioIndicator = ({ className, ...props }: RadioIndicatorProps) => {\n  const { variant } = useVariantsContext(\"RadioIndicator\");\n  return <div className={indicator({ variant, className })} {...props} />;\n};\n\nconst radioGroupStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2\",\n    wrapper: \"flex gap-1\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        wrapper: \"flex-row gap-2\",\n      },\n      vertical: {\n        wrapper: \"flex-col\",\n      },\n    },\n  },\n});\n\nconst { root: radioGroupRoot, wrapper } = radioGroupStyles();\n\ninterface RadioGroupProps extends RadioGroupRootProps {\n  label?: string;\n  description?: string;\n  errorMessage?: string | ((validation: ValidationResult) => string);\n}\n\nconst RadioGroup = ({\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: RadioGroupProps) => {\n  return (\n    <RadioGroupRoot {...props}>\n      {composeRenderProps(children, (children, { orientation }) => (\n        <>\n          {label && <Label>{label}</Label>}\n          <div className={wrapper({ orientation })}>{children}</div>\n          <HelpText description={description} errorMessage={errorMessage} />\n        </>\n      ))}\n    </RadioGroupRoot>\n  );\n};\n\ninterface RadioGroupRootProps\n  extends React.ComponentProps<typeof AriaRadioGroup>,\n    VariantProps<typeof radioGroupStyles>,\n    VariantProps<typeof radioStyles> {}\n\nconst RadioGroupRoot = ({\n  variant,\n  className,\n  ...props\n}: RadioGroupRootProps) => {\n  return (\n    <RadioProvider variant={variant}>\n      <AriaRadioGroup\n        className={composeRenderProps(className, (className) =>\n          radioGroupRoot({ className })\n        )}\n        {...props}\n      />\n    </RadioProvider>\n  );\n};\n\nexport type { RadioProps, RadioRootProps, RadioIndicatorProps };\nexport { Radio, RadioRoot, RadioIndicator };\n\nexport type { RadioGroupProps, RadioGroupRootProps };\nexport { RadioGroup, RadioGroupRoot };\n",
+      "type": "registry:core",
+      "target": "core/radio-group.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/search-field.json b/www/public/registry/core/search-field.json
new file mode 100644
index 000000000..0b5c6c44e
--- /dev/null
+++ b/www/public/registry/core/search-field.json
@@ -0,0 +1,12 @@
+{
+  "name": "search-field",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/search-field_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { SearchIcon, XIcon } from \"lucide-react\";\nimport {\n  SearchField as AriaSearchField,\n  Button as AriaButton,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\nimport { Button } from \"./button_basic\";\n\nconst searchFieldtyles = tv({\n  base: \"group flex w-48 flex-col items-start gap-2 empty:[&_button[slot='clear']]:hidden [&_input]:[&::-webkit-search-cancel-button]:appearance-none [&_input]:[&::-webkit-search-decoration]:appearance-none\",\n});\n\ninterface SearchFieldProps\n  extends SearchFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst SearchField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: SearchFieldProps) => {\n  return (\n    <SearchFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size}>\n        <SearchIcon />\n        <Input />\n        <Button\n          slot=\"clear\"\n          variant=\"quiet\"\n          size=\"sm\"\n          shape=\"circle\"\n          className=\"size-6\"\n        >\n          <XIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </SearchFieldRoot>\n  );\n};\n\ninterface SearchFieldRootProps\n  extends React.ComponentProps<typeof AriaSearchField> {\n  placeholder?: string;\n}\nconst SearchFieldRoot = ({ className, ...props }: SearchFieldRootProps) => {\n  return (\n    <AriaSearchField\n      className={composeRenderProps(className, (className) =>\n        searchFieldtyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { SearchFieldProps, SearchFieldRootProps };\nexport { SearchField, SearchFieldRoot };\n",
+      "type": "registry:core",
+      "target": "core/search-field.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/select.json b/www/public/registry/core/select.json
new file mode 100644
index 000000000..6af070731
--- /dev/null
+++ b/www/public/registry/core/select.json
@@ -0,0 +1,12 @@
+{
+  "name": "select",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/select_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  type SelectProps as AriaSelectProps,\n  type SelectValueProps as AriaSelectValueProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { HelpText, Label, type FieldProps } from \"@/registry/core/field_basic\";\nimport { ListBox, type ListBoxProps } from \"@/registry/core/list-box_basic\";\nimport { Popover } from \"@/registry/core/popover_basic\";\n\nconst selectStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    selectValue: \"flex-1 text-left\",\n  },\n});\n\ninterface SelectProps<T extends object>\n  extends Omit<SelectRootProps<T>, \"children\">,\n    FieldProps {\n  children?: ListBoxProps<T>[\"children\"];\n  dependencies?: ListBoxProps<T>[\"dependencies\"];\n  items?: ListBoxProps<T>[\"items\"];\n  isLoading?: ListBoxProps<T>[\"isLoading\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n}\nconst Select = <T extends object>({\n  variant,\n  size,\n  label,\n  description,\n  errorMessage,\n  children,\n  dependencies,\n  items,\n  isLoading,\n  ...props\n}: SelectProps<T>) => {\n  return (\n    <SelectRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <Button\n        variant={variant}\n        size={size}\n        suffix={<ChevronDownIcon />}\n        className=\"w-full\"\n      >\n        <SelectValue />\n      </Button>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Popover>\n        <ListBox\n          isLoading={isLoading}\n          items={items}\n          dependencies={dependencies}\n        >\n          {children}\n        </ListBox>\n      </Popover>\n    </SelectRoot>\n  );\n};\n\ntype SelectValueProps<T extends object> = AriaSelectValueProps<T>;\nconst SelectValue = <T extends object>(props: SelectValueProps<T>) => {\n  const { selectValue } = selectStyles();\n  return (\n    <AriaSelectValue\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        selectValue({ className })\n      )}\n    />\n  );\n};\n\ninterface SelectRootProps<T extends object>\n  extends Omit<AriaSelectProps<T>, \"className\"> {\n  className?: string;\n}\nconst SelectRoot = <T extends object>({\n  className,\n  ...props\n}: SelectRootProps<T>) => {\n  const { root } = selectStyles();\n  return <AriaSelect className={root({ className })} {...props} />;\n};\n\nexport type { SelectProps, SelectRootProps, SelectValueProps };\nexport { Select, SelectRoot, SelectValue };\n",
+      "type": "registry:core",
+      "target": "core/select.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/separator.json b/www/public/registry/core/separator.json
new file mode 100644
index 000000000..3ff4d4898
--- /dev/null
+++ b/www/public/registry/core/separator.json
@@ -0,0 +1,12 @@
+{
+  "name": "separator",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/separator_basic.tsx",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport { Separator as AriaSeparator } from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst separatorStyles = tv({\n  base: \"bg-border separator shrink-0 border-0\",\n  variants: {\n    orientation: {\n      horizontal: \"h-px w-full\",\n      vertical: \"h-full w-px\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\ninterface SeparatorProps extends React.ComponentProps<typeof AriaSeparator> {}\nconst Separator = ({ orientation, className, ...props }: SeparatorProps) => {\n  return (\n    <AriaSeparator\n      className={separatorStyles({ orientation, className })}\n      {...props}\n    />\n  );\n};\n\nexport { Separator };\n",
+      "type": "registry:core",
+      "target": "core/separator.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/skeleton.json b/www/public/registry/core/skeleton.json
new file mode 100644
index 000000000..e7aeaf78b
--- /dev/null
+++ b/www/public/registry/core/skeleton.json
@@ -0,0 +1,12 @@
+{
+  "name": "skeleton",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/skeleton_basic.tsx",
+      "content": "// work in progress\n// Auto layout skeleton inspiration: https://x.com/devongovett/status/1838980741197447529\nimport { cn } from \"@/registry/lib/cn\";\n\nfunction Skeleton({\n  className,\n  show = true,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  show?: boolean;\n}) {\n  if (!show) return props.children;\n  return (\n    <div\n      className={cn(\n        \"bg-bg-muted relative block h-6 animate-pulse rounded-md\",\n        props.children && \"h-auto *:invisible\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n",
+      "type": "registry:core",
+      "target": "core/skeleton.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/slider.json b/www/public/registry/core/slider.json
new file mode 100644
index 000000000..ed89e54e7
--- /dev/null
+++ b/www/public/registry/core/slider.json
@@ -0,0 +1,12 @@
+{
+  "name": "slider",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/slider_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { useSlotId } from \"@react-aria/utils\";\nimport {\n  composeRenderProps,\n  Slider as AriaSlider,\n  SliderOutput as AriaSliderOutput,\n  SliderThumb as AriaSliderThumb,\n  SliderTrack as AriaSliderTrack,\n  TextContext,\n  SliderStateContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Description, Label } from \"@/registry/core/field_basic\";\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst sliderStyles = tv({\n  slots: {\n    root: \"group flex flex-col gap-2\",\n    track:\n      \"bg-bg-neutral disabled:bg-bg-disabled relative grow cursor-pointer rounded-full disabled:cursor-default\",\n    filler:\n      \"bg-border-focus group-disabled:bg-bg-disabled pointer-events-none absolute rounded-full\",\n    thumb: [\n      focusRing(),\n      \"disabled:bg-bg-disabled disabled:border-bg left-[50%] top-[50%] rounded-full bg-white shadow-md transition-[width,height] disabled:border\",\n    ],\n    valueLabel: \"text-fg-muted text-sm\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"w-48\",\n        track: \"h-2 w-full\",\n        filler: \"top-0 h-full\",\n      },\n      vertical: {\n        root: \"h-48 items-center\",\n        track: \"w-2 flex-1\",\n        filler: \"bottom-0 w-full\",\n      },\n    },\n    size: {\n      sm: {\n        thumb: \"dragging:size-4 size-3\",\n        track: \"orientation-vertical:w-1 orientation-horizontal:h-1\",\n      },\n      md: {\n        thumb: \"dragging:size-5 size-4\",\n        track: \"orientation-vertical:w-2 orientation-horizontal:h-2\",\n      },\n      lg: {\n        thumb: \"dragging:size-6 size-5\",\n        track: \"orientation-vertical:w-3 orientation-horizontal:h-3\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst { root, track, filler, thumb, valueLabel } = sliderStyles();\n\nconst [SliderProvider, useSliderContext] =\n  createScopedContext<VariantProps<typeof sliderStyles>>(\"SliderRoot\");\n\ninterface SliderProps extends Omit<SliderRootProps, \"children\"> {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  showValueLabel?: boolean;\n  getValueLabel?: (value: number[]) => string;\n}\nconst Slider = ({\n  label,\n  description,\n  showValueLabel = true,\n  getValueLabel,\n  ...props\n}: SliderProps) => {\n  return (\n    <SliderRoot {...props}>\n      <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n        {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n        {showValueLabel && (\n          <SliderValueLabel className=\"[grid-area:value]\">\n            {({ state }) =>\n              getValueLabel ? getValueLabel(state.values) : null\n            }\n          </SliderValueLabel>\n        )}\n      </div>\n      <SliderTrack>\n        {({ state }) => (\n          <>\n            <SliderFiller />\n            {state.values.map((_, i) => (\n              <SliderThumb key={i} index={i} />\n            ))}\n          </>\n        )}\n      </SliderTrack>\n      {description && <Description>{description}</Description>}\n    </SliderRoot>\n  );\n};\n\ninterface SliderRootProps\n  extends React.ComponentProps<typeof AriaSlider>,\n    VariantProps<typeof sliderStyles> {}\nconst SliderRoot = ({\n  children,\n  className,\n  size,\n  ...props\n}: SliderRootProps) => {\n  const descriptionId = useSlotId();\n  return (\n    <AriaSlider\n      aria-describedby={descriptionId}\n      className={composeRenderProps(className, (className, { orientation }) =>\n        root({ orientation, size, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, { orientation }) => (\n        <>\n          <TextContext\n            value={{ slots: { description: { id: descriptionId } } }}\n          >\n            <SliderProvider orientation={orientation} size={size}>\n              {children}\n            </SliderProvider>\n          </TextContext>\n        </>\n      ))}\n    </AriaSlider>\n  );\n};\n\ninterface SliderTrackProps\n  extends React.ComponentProps<typeof AriaSliderTrack> {}\nconst SliderTrack = ({ ...props }: SliderTrackProps) => {\n  const { orientation, size } = useSliderContext(\"SliderTrack\");\n  return (\n    <AriaSliderTrack\n      className={composeRenderProps(props.className, (className) =>\n        track({ orientation, size, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface SliderFillerProps extends React.ComponentProps<\"div\"> {}\nconst SliderFiller = ({ className, style, ...props }: SliderFillerProps) => {\n  const { size } = useSliderContext(\"SliderTrack\");\n  const SliderState = React.useContext(SliderStateContext);\n  if (!SliderState)\n    throw new Error(\"SliderFiller must be used within SliderRoot\");\n  const { orientation, getThumbPercent, values } = SliderState;\n  const dimensionStyles = getFillerDimensions(\n    values,\n    orientation,\n    getThumbPercent\n  );\n\n  return (\n    <div\n      className={filler({ orientation, size, className })}\n      style={{ ...style, ...dimensionStyles }}\n      {...props}\n    />\n  );\n};\n\ninterface SliderThumbProps\n  extends React.ComponentProps<typeof AriaSliderThumb> {}\nconst SliderThumb = ({ className, ...props }: SliderThumbProps) => {\n  const { orientation, size } = useSliderContext(\"SliderThumb\");\n  return (\n    <AriaSliderThumb\n      className={composeRenderProps(className, (className) =>\n        thumb({ orientation, size, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface SliderValueLabelProps\n  extends React.ComponentProps<typeof AriaSliderOutput> {}\nconst SliderValueLabel = ({\n  children,\n  className,\n  ...props\n}: SliderValueLabelProps) => {\n  return (\n    <AriaSliderOutput\n      className={composeRenderProps(className, (className) =>\n        valueLabel({ className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(\n        children,\n        (children, { state }) =>\n          children ??\n          state.values.map((_, i) => state.getThumbValueLabel(i)).join(\" - \")\n      )}\n    </AriaSliderOutput>\n  );\n};\n\nconst getFillerDimensions = (\n  values: number[],\n  orientation: \"horizontal\" | \"vertical\",\n  getThumbPercent: (index: number) => number\n): React.CSSProperties => {\n  if (values.length === 1 && orientation === \"horizontal\")\n    return { width: `${getThumbPercent(0) * 100}%` };\n\n  if (values.length === 1 && orientation === \"vertical\")\n    return { height: `${getThumbPercent(0) * 100}%` };\n\n  if (orientation === \"horizontal\")\n    return {\n      left: `${getThumbPercent(0) * 100}%`,\n      width: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,\n    };\n\n  if (orientation === \"vertical\")\n    return {\n      bottom: `${getThumbPercent(0) * 100}%`,\n      height: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,\n    };\n\n  return {};\n};\n\nexport {\n  Slider,\n  SliderRoot,\n  SliderTrack,\n  SliderFiller,\n  SliderThumb,\n  SliderValueLabel,\n};\n",
+      "type": "registry:core",
+      "target": "core/slider.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/switch.json b/www/public/registry/core/switch.json
new file mode 100644
index 000000000..b7a506533
--- /dev/null
+++ b/www/public/registry/core/switch.json
@@ -0,0 +1,12 @@
+{
+  "name": "switch",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/switch_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Switch as AriaSwitch,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\n\nconst switchStyles = tv({\n  slots: {\n    root: \"disabled:text-fg-disabled group flex items-center justify-start gap-3\",\n    indicator: [\n      \"group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent\",\n    ],\n    thumb:\n      \"group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200\",\n  },\n  variants: {\n    variant: {\n      default: { indicator: focusRingGroup() },\n      card: {\n        root: [\n          focusRing(),\n          \"selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled cursor-pointer flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n    size: {\n      sm: {\n        indicator: \"h-5 w-9\",\n        thumb:\n          \"group-pressed:w-5 group-selected:ml-4 group-selected:group-pressed:ml-3 size-4\",\n      },\n      md: {\n        indicator: \"h-6 w-11\",\n        thumb:\n          \"group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5\",\n      },\n      lg: {\n        indicator: \"w-13 h-7\",\n        thumb:\n          \"group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nconst { root, indicator, thumb } = switchStyles();\n\nconst [SwitchProvider, useSwitchContext] =\n  createScopedContext<VariantProps<typeof switchStyles>>(\"SwitchRoot\");\n\ninterface SwitchProps extends SwitchRootProps {}\nconst Switch = ({ children, ...props }: SwitchProps) => {\n  return (\n    <SwitchRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <SwitchIndicator>\n            <SwitchThumb />\n          </SwitchIndicator>\n          {children}\n        </>\n      ))}\n    </SwitchRoot>\n  );\n};\n\ninterface SwitchRootProps\n  extends React.ComponentProps<typeof AriaSwitch>,\n    VariantProps<typeof switchStyles> {}\nconst SwitchRoot = ({\n  variant,\n  size,\n  className,\n  ...props\n}: SwitchRootProps) => {\n  return (\n    <SwitchProvider variant={variant} size={size}>\n      <AriaSwitch\n        className={composeRenderProps(className, (className) =>\n          root({ variant, size, className })\n        )}\n        {...props}\n      />\n    </SwitchProvider>\n  );\n};\n\ninterface SwitchIndicatorProps extends React.ComponentProps<\"span\"> {}\nconst SwitchIndicator = ({ className, ...props }: SwitchIndicatorProps) => {\n  const { variant, size } = useSwitchContext(\"SwitchIndicator\");\n  return (\n    <span className={indicator({ variant, size, className })} {...props} />\n  );\n};\n\ninterface SwitchThumbProps extends React.ComponentProps<\"span\"> {}\nconst SwitchThumb = ({ className, ...props }: SwitchThumbProps) => {\n  const { variant, size } = useSwitchContext(\"SwitchThumb\");\n  return <span className={thumb({ variant, size, className })} {...props} />;\n};\n\nexport type {\n  SwitchProps,\n  SwitchRootProps,\n  SwitchIndicatorProps,\n  SwitchThumbProps,\n};\nexport { Switch, SwitchRoot, SwitchIndicator, SwitchThumb };\n",
+      "type": "registry:core",
+      "target": "core/switch.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/table.json b/www/public/registry/core/table.json
new file mode 100644
index 000000000..878ec3c39
--- /dev/null
+++ b/www/public/registry/core/table.json
@@ -0,0 +1,12 @@
+{
+  "name": "table",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/table_basic.tsx",
+      "content": "\"use client\";\r\n\r\nimport { ChevronDownIcon, ChevronUpIcon, GripVerticalIcon } from \"lucide-react\";\r\nimport {\r\n  ResizableTableContainer as AriaResizableTableContainer,\r\n  Table as AriaTable,\r\n  TableHeader as AriaTableHeader,\r\n  TableBody as AriaTableBody,\r\n  Column as AriaColumn,\r\n  Collection as AriaCollection,\r\n  ColumnResizer as AriaColumnResizer,\r\n  Row as AriaRow,\r\n  Cell as AriaCell,\r\n  Button as AriaButton,\r\n  useTableOptions,\r\n  composeRenderProps,\r\n  type RowProps as AriaRowProps,\r\n  type TableBodyProps as AriaTableBodyProps,\r\n  type TableHeaderProps as AriaTableHeaderProps,\r\n} from \"react-aria-components\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Checkbox } from \"@/registry/core/checkbox_basic\";\r\nimport { cn } from \"@/registry/lib/cn\";\r\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\n\r\nconst tableStyles = tv({\r\n  slots: {\r\n    resizableContainer: \"w-[500px] overflow-auto\",\r\n    root: [\r\n      \"relative min-h-24 w-full border-separate border-spacing-0 cursor-default text-sm\",\r\n      \"[&_.react-aria-DropIndicator]:outline-bg-accent [&_.react-aria-DropIndicator]:translate-z-0 [&_.react-aria-DropIndicator]:outline\",\r\n    ],\r\n    header: \"sticky top-0 z-10\",\r\n    column: [\r\n      focusRing(),\r\n      \"allows-sorting:cursor-pointer text-fg-muted relative whitespace-nowrap px-3 py-2 text-left font-medium\",\r\n    ],\r\n    resizer: [\r\n      focusRing(),\r\n      \"resizing:before:bg-bg-accent before:bg-border-field resizing:before:w-0.5 absolute right-0 box-content h-5 w-px cursor-col-resize px-2 before:block before:h-5 before:w-px before:transition-colors before:content-['']\",\r\n    ],\r\n    body: \"empty:text-center empty:italic\",\r\n    row: [\r\n      focusRing(),\r\n      \"data-href:cursor-pointer data-href:hover:bg-bg-muted data-action:cursor-pointer data-action:hover:bg-bg-muted disabled:text-fg-disabled data-[selection-mode=single]:hover:not-selected:bg-bg-muted data-[selection-mode=multiple]:hover:not-selected:bg-bg-muted selected:text-fg dragging:bg-bg relative transition-colors data-[selection-mode=multiple]:cursor-pointer data-[selection-mode=single]:cursor-pointer\",\r\n    ],\r\n    cell: [focusRing(), \"truncate px-3 py-2\"],\r\n  },\r\n  variants: {\r\n    variant: {\r\n      bordered: {\r\n        root: \"rounded-md border\",\r\n        column: \"border-b\",\r\n        row: \"group/row\",\r\n        cell: \"border-b group-last/row:border-b-0\",\r\n      },\r\n      solid: {\r\n        root: \"bg-bg-inverse/5 rounded-lg p-2\",\r\n        header: \"text-fg-muted border-y\",\r\n        body: \"text-fg\",\r\n        column: \"bg-bg-inverse/5 first:rounded-l-sm last:rounded-r-sm\",\r\n      },\r\n      line: {\r\n        column: \"border-b\",\r\n        row: \"group/row\",\r\n        cell: \"border-b group-last/row:border-b-0\",\r\n      },\r\n      quiet: {},\r\n    },\r\n    selectionVariant: {\r\n      primary: {\r\n        row: \"selected:bg-bg-primary-muted\",\r\n      },\r\n      accent: {\r\n        row: \"selected:bg-bg-accent-muted\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"line\",\r\n    selectionVariant: \"accent\",\r\n  },\r\n});\r\n\r\nconst { resizableContainer, root, header, column, resizer, body, row, cell } =\r\n  tableStyles();\r\n\r\nconst [TableProvider, useTableContext] = createScopedContext<\r\n  VariantProps<typeof tableStyles> & {\r\n    globalAction?: boolean;\r\n  }\r\n>(\"TableRoot\");\r\n\r\ninterface TableRootProps\r\n  extends React.ComponentProps<typeof AriaTable>,\r\n    VariantProps<typeof tableStyles> {}\r\nconst TableRoot = ({\r\n  variant,\r\n  selectionVariant,\r\n  onRowAction,\r\n  ...props\r\n}: TableRootProps) => {\r\n  return (\r\n    <TableProvider\r\n      variant={variant}\r\n      selectionVariant={selectionVariant}\r\n      globalAction={!!onRowAction}\r\n    >\r\n      <AriaTable\r\n        className={root({ variant })}\r\n        onRowAction={onRowAction}\r\n        {...props}\r\n      />\r\n    </TableProvider>\r\n  );\r\n};\r\n\r\ninterface TableHeaderProps<T extends object> extends AriaTableHeaderProps<T> {}\r\nconst TableHeader = <T extends object>({\r\n  columns,\r\n  children,\r\n  ...props\r\n}: TableHeaderProps<T>) => {\r\n  const { variant, selectionVariant } = useTableContext(\"TableHeader\");\r\n  const { selectionBehavior, selectionMode, allowsDragging } =\r\n    useTableOptions();\r\n  return (\r\n    <AriaTableHeader className={header({ variant })} {...props}>\r\n      {allowsDragging && <TableColumn />}\r\n      {selectionBehavior === \"toggle\" && (\r\n        <TableColumn>\r\n          {selectionMode === \"multiple\" && (\r\n            <Checkbox slot=\"selection\" variant={selectionVariant} />\r\n          )}\r\n        </TableColumn>\r\n      )}\r\n      <AriaCollection items={columns}>{children}</AriaCollection>\r\n    </AriaTableHeader>\r\n  );\r\n};\r\n\r\ninterface TableColumnProps extends React.ComponentProps<typeof AriaColumn> {\r\n  allowsResizing?: boolean;\r\n}\r\nfunction TableColumn({\r\n  allowsResizing,\r\n  children,\r\n  className,\r\n  ...props\r\n}: TableColumnProps) {\r\n  const { variant } = useTableContext(\"TableColumn\");\r\n  return (\r\n    <AriaColumn\r\n      className={composeRenderProps(className, (className) =>\r\n        column({ variant, className })\r\n      )}\r\n      {...props}\r\n    >\r\n      {composeRenderProps(\r\n        children,\r\n        (children, { allowsSorting, sortDirection }) => (\r\n          <div className=\"flex items-center gap-2\">\r\n            <span className=\"flex-1 truncate\">{children}</span>\r\n            {allowsSorting &&\r\n              (sortDirection === \"ascending\" ? (\r\n                <ChevronUpIcon aria-hidden className=\"text-fg-muted size-3\" />\r\n              ) : (\r\n                <ChevronDownIcon aria-hidden className=\"text-fg-muted size-3\" />\r\n              ))}\r\n            {allowsResizing && !props.width && (\r\n              <AriaColumnResizer className={resizer()} />\r\n            )}\r\n          </div>\r\n        )\r\n      )}\r\n    </AriaColumn>\r\n  );\r\n}\r\ninterface TableBodyProps<T extends object> extends AriaTableBodyProps<T> {\r\n  ref?: React.RefObject<HTMLTableSectionElement>;\r\n}\r\nconst TableBody = <T extends object>({\r\n  renderEmptyState = () => \"No results found.\",\r\n  className,\r\n  ...props\r\n}: TableBodyProps<T>) => {\r\n  const { variant } = useTableContext(\"TableBody\");\r\n  return (\r\n    <AriaTableBody\r\n      renderEmptyState={renderEmptyState}\r\n      className={composeRenderProps(className, (className) =>\r\n        body({ variant, className })\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\ninterface TableRowProps<T extends object> extends AriaRowProps<T> {}\r\nfunction TableRow<T extends object>({\r\n  columns,\r\n  children,\r\n  onAction,\r\n  ...props\r\n}: TableRowProps<T>) {\r\n  const { selectionBehavior, allowsDragging } = useTableOptions();\r\n  const { variant, selectionVariant, globalAction } =\r\n    useTableContext(\"TableRow\");\r\n\r\n  return (\r\n    <AriaRow\r\n      data-action={globalAction || !!onAction || undefined}\r\n      className={row({ variant, selectionVariant })}\r\n      onAction={onAction}\r\n      {...props}\r\n    >\r\n      {allowsDragging && (\r\n        <TableCell className=\"cursor-grab\">\r\n          <AriaButton\r\n            slot=\"drag\"\r\n            className={cn(\r\n              focusRing(),\r\n              \"rounded-xs text-fg-muted inline-flex items-center justify-center [&_svg]:size-4\"\r\n            )}\r\n          >\r\n            <GripVerticalIcon />\r\n          </AriaButton>\r\n        </TableCell>\r\n      )}\r\n      {selectionBehavior === \"toggle\" && (\r\n        <TableCell>\r\n          <Checkbox slot=\"selection\" variant={selectionVariant} />\r\n        </TableCell>\r\n      )}\r\n      <AriaCollection items={columns}>{children}</AriaCollection>\r\n    </AriaRow>\r\n  );\r\n}\r\n\r\ninterface TableCellProps extends React.ComponentProps<typeof AriaCell> {}\r\nconst TableCell = ({ className, ...props }: TableCellProps) => {\r\n  const { variant } = useTableContext(\"TableCell\");\r\n  return (\r\n    <AriaCell\r\n      className={composeRenderProps(className, (className) =>\r\n        cell({ variant, className })\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\ninterface TableResizableContainerProps\r\n  extends React.ComponentProps<typeof AriaResizableTableContainer> {}\r\nconst TableResizableContainer = ({\r\n  className,\r\n  ...props\r\n}: TableResizableContainerProps) => {\r\n  return (\r\n    <AriaResizableTableContainer\r\n      className={resizableContainer({ className })}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport type {\r\n  TableResizableContainerProps,\r\n  TableRootProps,\r\n  TableHeaderProps,\r\n  TableBodyProps,\r\n  TableColumnProps,\r\n  TableRowProps,\r\n  TableCellProps,\r\n};\r\nexport {\r\n  TableResizableContainer,\r\n  TableRoot,\r\n  TableHeader,\r\n  TableBody,\r\n  TableColumn,\r\n  TableRow,\r\n  TableCell,\r\n};\r\n",
+      "type": "registry:core",
+      "target": "core/table.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/tabs.json b/www/public/registry/core/tabs.json
new file mode 100644
index 000000000..ff6909efd
--- /dev/null
+++ b/www/public/registry/core/tabs.json
@@ -0,0 +1,4 @@
+{
+  "name": "tabs",
+  "type": "registry:core"
+}
\ No newline at end of file
diff --git a/www/public/registry/core/tabs_basic.json b/www/public/registry/core/tabs_basic.json
new file mode 100644
index 000000000..4efa45d61
--- /dev/null
+++ b/www/public/registry/core/tabs_basic.json
@@ -0,0 +1,12 @@
+{
+  "name": "tabs_basic",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/tabs_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabListProps as AriaTabListProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst tabsStyles = tv({\n  slots: {\n    root: \"flex\",\n    list: \"flex\",\n    tab: [\n      focusRing(),\n      \"text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default\",\n    ],\n    panel: focusRing(),\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"flex-col\",\n        list: \"\",\n        panel: \"mt-2\",\n      },\n      vertical: {\n        root: \"flex-row\",\n        list: \"flex-col\",\n        panel: \"ml-2\",\n      },\n    },\n    variant: {\n      solid: {\n        list: \"bg-bg-muted gap-1 rounded-lg p-1\",\n        tab: \"selected:bg-bg-inverse/10 disabled:bg-bg-disabled selected:shadow-sm rounded-sm px-3 py-1.5 font-medium\",\n      },\n      underline: {\n        tab: \"selected:border-bg-accent border-transparent p-2.5\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"horizontal\",\n      variant: \"underline\",\n      className: {\n        list: \"border-b\",\n        tab: \"border-b-3 -mb-px\",\n      },\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"underline\",\n      className: {\n        list: \"border-r\",\n        tab: \"border-r-3 -mr-px\",\n      },\n    },\n  ],\n});\n\nconst { root, list, tab, panel } = tabsStyles();\n\nconst [TabsProvider, useTabsContext] =\n  createScopedContext<VariantProps<typeof tabsStyles>>(\"Tabs\");\n\ninterface TabsProps\n  extends React.ComponentProps<typeof AriaTabs>,\n    VariantProps<typeof tabsStyles> {}\nconst Tabs = ({\n  variant = \"underline\",\n  className,\n  children,\n  ...props\n}: TabsProps) => (\n  <AriaTabs\n    className={composeRenderProps(className, (className, { orientation }) =>\n      root({ orientation, className })\n    )}\n    {...props}\n  >\n    {composeRenderProps(children, (children, { orientation }) => (\n      <TabsProvider orientation={orientation} variant={variant}>\n        {children}\n      </TabsProvider>\n    ))}\n  </AriaTabs>\n);\n\ninterface TabListProps<T extends object> extends AriaTabListProps<T> {}\nconst TabList = <T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className) =>\n        list({ variant, orientation, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TabProps extends React.ComponentProps<typeof AriaTab> {}\nconst Tab = ({ className, ...props }: TabProps) => {\n  const { orientation, variant } = useTabsContext(\"Tab\");\n  return (\n    <AriaTab\n      className={composeRenderProps(className, (className) =>\n        tab({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TabPanelProps extends React.ComponentProps<typeof AriaTabPanel> {}\nconst TabPanel = ({ className, ...props }: TabPanelProps) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabPanel\n      className={composeRenderProps(className, (className) =>\n        panel({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\nexport { Tabs, TabList, Tab, TabPanel };\n",
+      "type": "registry:core",
+      "target": "core/tabs.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/tabs_motion.json b/www/public/registry/core/tabs_motion.json
new file mode 100644
index 000000000..7860a36a4
--- /dev/null
+++ b/www/public/registry/core/tabs_motion.json
@@ -0,0 +1,12 @@
+{
+  "name": "tabs_motion",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/tabs_motion.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { motion, LayoutGroup, Transition } from \"motion/react\";\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabListProps as AriaTabListProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst tabsStyles = tv({\n  slots: {\n    root: \"group flex\",\n    list: \"flex\",\n    tab: [\n      focusRing(),\n      \"text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled relative flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default\",\n    ],\n    cursor: \"bg-bg-accent absolute\",\n    panel: focusRing(),\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"flex-col\",\n        list: \"\",\n        panel: \"mt-2\",\n      },\n      vertical: {\n        root: \"flex-row\",\n        list: \"flex-col\",\n        panel: \"ml-2\",\n      },\n    },\n    variant: {\n      solid: {\n        list: \"bg-bg-muted gap-1 rounded-lg p-1\",\n        tab: \"rounded-sm px-3 py-1.5 font-medium\",\n        cursor: \"bg-bg-inverse/10 inset-0 z-0 rounded-[inherit] shadow-sm\",\n      },\n      underline: {\n        tab: \"selected:border-bg-accent border-transparent px-3 py-[7px]\",\n        cursor: \"\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"horizontal\",\n      variant: \"underline\",\n      className: {\n        list: \"border-b\",\n        cursor: \"inset-x-0 bottom-0 h-[2px] origin-[50%_50%_0] transform-none\",\n      },\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"underline\",\n      className: {\n        list: \"border-r\",\n        cursor: \"inset-y-0 right-0 w-[2px]\",\n      },\n    },\n  ],\n});\n\nconst { root, list, tab, panel, cursor } = tabsStyles();\n\nconst TRANSITION: Transition = { type: \"spring\", bounce: 0.05, duration: 0.3 };\n\nconst [TabsProvider, useTabsContext] =\n  createScopedContext<VariantProps<typeof tabsStyles>>(\"Tabs\");\n\ninterface TabsProps\n  extends React.ComponentProps<typeof AriaTabs>,\n    VariantProps<typeof tabsStyles> {}\nconst Tabs = ({\n  variant = \"underline\",\n  className,\n  children,\n  ...props\n}: TabsProps) => (\n  <AriaTabs\n    className={composeRenderProps(className, (className, { orientation }) =>\n      root({ orientation, className })\n    )}\n    {...props}\n  >\n    {composeRenderProps(children, (children, { orientation }) => (\n      <TabsProvider orientation={orientation} variant={variant}>\n        {children}\n      </TabsProvider>\n    ))}\n  </AriaTabs>\n);\n\ninterface TabListProps<T extends object> extends AriaTabListProps<T> {}\nconst TabList = <T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  const layoutId = React.useId();\n  return (\n    <LayoutGroup id={layoutId}>\n      <AriaTabList\n        className={composeRenderProps(className, (className) =>\n          list({ variant, orientation, className })\n        )}\n        {...props}\n      />\n    </LayoutGroup>\n  );\n};\n\ninterface TabProps extends React.ComponentProps<typeof AriaTab> {}\nconst Tab = ({ children, className, ...props }: TabProps) => {\n  const { orientation, variant } = useTabsContext(\"Tab\");\n  return (\n    <AriaTab\n      className={composeRenderProps(className, (className) =>\n        tab({ orientation, variant, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, { isSelected }) => (\n        <>\n          {isSelected && (\n            <motion.span\n              layoutDependency={false}\n              layoutId=\"cursor\"\n              transition={TRANSITION}\n              className={cursor({ orientation, variant })}\n            />\n          )}\n          {children}\n        </>\n      ))}\n    </AriaTab>\n  );\n};\n\ninterface TabPanelProps extends React.ComponentProps<typeof AriaTabPanel> {}\nconst TabPanel = ({ className, ...props }: TabPanelProps) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabPanel\n      className={composeRenderProps(className, (className) =>\n        panel({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\nexport { Tabs, TabList, Tab, TabPanel };\n",
+      "type": "registry:core",
+      "target": "core/tabs.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/tag-group.json b/www/public/registry/core/tag-group.json
new file mode 100644
index 000000000..45d5c0bc6
--- /dev/null
+++ b/www/public/registry/core/tag-group.json
@@ -0,0 +1,12 @@
+{
+  "name": "tag-group",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/tag-group_basic.tsx",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  TagGroup as AriaTagGroup,\r\n  TagList as AriaTagList,\r\n  Tag as AriaTag,\r\n  type TagGroupProps as AriaTagGroupProps,\r\n  type TagListProps as AriaTagListProps,\r\n  type TagProps as AriaTagProps,\r\n} from \"react-aria-components\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Button } from \"@/registry/core/button_basic\";\r\nimport { HelpText, Label, type FieldProps } from \"@/registry/core/field_basic\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\n\r\nconst tagGroupStyles = tv({\r\n  slots: {\r\n    root: \"flex w-48 flex-col items-start gap-2\",\r\n    list: \"flex w-full flex-wrap gap-1\",\r\n  },\r\n});\r\n\r\nconst { root, list } = tagGroupStyles();\r\n\r\nconst tagStyles = tv({\r\n  extend: focusRing,\r\n  base: \"ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\r\n  variants: {\r\n    variant: {\r\n      default:\r\n        \"bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral selected:bg-bg-primary selected:text-fg-onPrimary\",\r\n      quiet:\r\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary bg-transparent\",\r\n      outline:\r\n        \"border-border-field bg-bg-inverse/5 hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary border\",\r\n      accent:\r\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent\",\r\n    },\r\n    size: {\r\n      sm: \"size-8 [&_svg]:size-4\",\r\n      md: \"size-9 [&_svg]:size-4\",\r\n      lg: \"size-10 [&_svg]:size-5\",\r\n    },\r\n    shape: {\r\n      rectangle: \"\",\r\n      square: \"\",\r\n      circle: \"rounded-full\",\r\n    },\r\n  },\r\n  compoundVariants: [\r\n    {\r\n      size: \"sm\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-3\",\r\n    },\r\n    {\r\n      size: \"md\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-4\",\r\n    },\r\n    {\r\n      size: \"lg\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-5\",\r\n    },\r\n  ],\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n    size: \"md\",\r\n    shape: \"rectangle\",\r\n  },\r\n});\r\n\r\ninterface TagGroupProps<T>\r\n  extends Omit<TagGroupRootProps, \"children\">,\r\n    Pick<AriaTagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\">,\r\n    FieldProps {}\r\n\r\nfunction TagGroup<T extends object>({\r\n  label,\r\n  description,\r\n  errorMessage,\r\n  items,\r\n  children,\r\n  renderEmptyState,\r\n  ...props\r\n}: TagGroupProps<T>) {\r\n  return (\r\n    <TagGroupRoot {...props}>\r\n      {label && <Label>{label}</Label>}\r\n      <TagList items={items} renderEmptyState={renderEmptyState}>\r\n        {children}\r\n      </TagList>\r\n      <HelpText description={description} errorMessage={errorMessage} />\r\n    </TagGroupRoot>\r\n  );\r\n}\r\n\r\ninterface TagGroupRootProps\r\n  extends AriaTagGroupProps,\r\n    VariantProps<typeof tagStyles> {}\r\nfunction TagGroupRoot({\r\n  className,\r\n  variant,\r\n  size,\r\n  shape,\r\n  ...props\r\n}: TagGroupRootProps) {\r\n  return (\r\n    <TagGroupContext.Provider value={{ variant, size, shape }}>\r\n      <AriaTagGroup {...props} className={root({ className })} />\r\n    </TagGroupContext.Provider>\r\n  );\r\n}\r\n\r\ninterface TagListProps<T> extends AriaTagListProps<T> {}\r\nfunction TagList<T extends object>(props: TagListProps<T>) {\r\n  return (\r\n    <AriaTagList\r\n      {...props}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        list({ className })\r\n      )}\r\n    />\r\n  );\r\n}\r\n\r\ninterface TagProps extends AriaTagProps, VariantProps<typeof tagStyles> {}\r\nfunction Tag(localProps: TagProps) {\r\n  const contextProps = useTagGroupContext();\r\n  const props = { ...contextProps, ...localProps };\r\n  const { children, variant, size, shape, className, ...restProps } = props;\r\n  const textValue =\r\n    typeof props.children === \"string\" ? props.children : undefined;\r\n  return (\r\n    <AriaTag\r\n      textValue={textValue}\r\n      className={composeRenderProps(className, (className) =>\r\n        tagStyles({ variant, size, shape, className })\r\n      )}\r\n      {...restProps}\r\n    >\r\n      {composeRenderProps(children, (children, { allowsRemoving }) => (\r\n        <>\r\n          {children}\r\n          {allowsRemoving && <Button slot=\"remove\">ⓧ</Button>}\r\n        </>\r\n      ))}\r\n    </AriaTag>\r\n  );\r\n}\r\n\r\ntype TagGroupContextValue = VariantProps<typeof tagGroupStyles>;\r\nconst TagGroupContext = React.createContext<TagGroupContextValue>({});\r\nconst useTagGroupContext = () => {\r\n  return React.useContext(TagGroupContext);\r\n};\r\n\r\nexport { TagGroup, Tag };\r\nexport type { TagGroupProps, TagProps };\r\n",
+      "type": "registry:core",
+      "target": "core/tag-group.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/text-area.json b/www/public/registry/core/text-area.json
new file mode 100644
index 000000000..59b7a02bf
--- /dev/null
+++ b/www/public/registry/core/text-area.json
@@ -0,0 +1,12 @@
+{
+  "name": "text-area",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/text-area_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TextField as AriaTextField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  TextAreaInput,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst textAreaStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface TextAreaProps\n  extends TextAreaRootProps,\n    Pick<InputRootProps, \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst TextArea = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  ...props\n}: TextAreaProps) => {\n  return (\n    <TextAreaRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot prefix={prefix} suffix={suffix} multiline>\n        <TextAreaInput />\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TextAreaRoot>\n  );\n};\n\ninterface TextAreaRootProps extends React.ComponentProps<typeof AriaTextField> {\n  placeholder?: string;\n}\nconst TextAreaRoot = ({ className, ...props }: TextAreaRootProps) => {\n  return (\n    <AriaTextField\n      className={composeRenderProps(className, (className) =>\n        textAreaStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TextAreaProps, TextAreaRootProps };\nexport { TextArea, TextAreaRoot };\n",
+      "type": "registry:core",
+      "target": "core/text-area.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/text-field.json b/www/public/registry/core/text-field.json
new file mode 100644
index 000000000..7be597e7a
--- /dev/null
+++ b/www/public/registry/core/text-field.json
@@ -0,0 +1,12 @@
+{
+  "name": "text-field",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/text-field_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TextField as AriaTextField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst textFieldStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface TextFieldProps\n  extends TextFieldRootProps,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\n\nconst TextField = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  inputRef,\n  ...props\n}: TextFieldProps) => {\n  return (\n    <TextFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <TextFieldInput\n        inputRef={inputRef}\n        size={size}\n        prefix={prefix}\n        suffix={suffix}\n      />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TextFieldRoot>\n  );\n};\n\ninterface TextFieldRootProps\n  extends React.ComponentProps<typeof AriaTextField> {\n  placeholder?: string;\n}\nconst TextFieldRoot = ({ className, ...props }: TextFieldRootProps) => {\n  return (\n    <AriaTextField\n      className={composeRenderProps(className, (className) =>\n        textFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TextFieldInputProps extends InputRootProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\nconst TextFieldInput = ({ inputRef, ...props }: TextFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <Input ref={inputRef} />\n    </InputRoot>\n  );\n};\n\nexport type { TextFieldProps, TextFieldRootProps, TextFieldInputProps };\nexport { TextField, TextFieldRoot, TextFieldInput };\n",
+      "type": "registry:core",
+      "target": "core/text-field.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/text.json b/www/public/registry/core/text.json
new file mode 100644
index 000000000..329f8c64b
--- /dev/null
+++ b/www/public/registry/core/text.json
@@ -0,0 +1,12 @@
+{
+  "name": "text",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/text_basic.tsx",
+      "content": "\"use client\";\n\nimport {\n  Text as AriaText,\n  type TextProps as AriaTextProps,\n} from \"react-aria-components\";\nimport { type VariantProps, tv } from \"tailwind-variants\";\n\nconst textStyles = tv({\n  base: \"text-sm\",\n  variants: {\n    slot: {\n      label: \"font-bold\",\n      description: \"text-fg-muted\",\n      errorMessage: \"text-fg-danger\",\n    },\n  },\n});\n\ninterface TextProps\n  extends Omit<AriaTextProps, \"slot\">,\n    VariantProps<typeof textStyles> {}\nconst Text = ({ slot, className, ...props }: TextProps) => {\n  return (\n    <AriaText\n      slot={slot}\n      className={textStyles({ slot, className })}\n      {...props}\n    />\n  );\n};\n\nexport type { textStyles };\nexport { Text };\n",
+      "type": "registry:core",
+      "target": "core/text.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/time-field.json b/www/public/registry/core/time-field.json
new file mode 100644
index 000000000..ac89eef53
--- /dev/null
+++ b/www/public/registry/core/time-field.json
@@ -0,0 +1,12 @@
+{
+  "name": "time-field",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/time-field_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TimeField as AriaTimeField,\n  composeRenderProps,\n  type TimeValue,\n  type TimeFieldProps as AriaTimeFieldProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { HelpText, Label, type FieldProps } from \"./field_basic\";\nimport { InputRoot, type InputRootProps } from \"./input_basic\";\n\nconst timeFieldStyles = tv({\n  base: \"flex w-32 flex-col items-start gap-2\",\n});\n\ninterface TimeFieldProps<T extends TimeValue>\n  extends TimeFieldRootProps<T>,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst TimeField = <T extends TimeValue>({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  ...props\n}: TimeFieldProps<T>) => {\n  return (\n    <TimeFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} prefix={prefix} suffix={suffix}>\n        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TimeFieldRoot>\n  );\n};\n\ninterface TimeFieldRootProps<T extends TimeValue>\n  extends AriaTimeFieldProps<T> {\n  ref?: React.RefObject<HTMLDivElement>;\n}\nconst TimeFieldRoot = <T extends TimeValue>({\n  className,\n  ...props\n}: TimeFieldRootProps<T>) => {\n  return (\n    <AriaTimeField\n      className={composeRenderProps(className, (className) =>\n        timeFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TimeFieldInputProps extends InputRootProps {}\nconst TimeFieldInput = (props: TimeFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n    </InputRoot>\n  );\n};\n\nexport type { TimeFieldProps, TimeFieldRootProps, TimeFieldInputProps };\nexport { TimeField, TimeFieldRoot, TimeFieldInput };\n",
+      "type": "registry:core",
+      "target": "core/time-field.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/toggle-button-group.json b/www/public/registry/core/toggle-button-group.json
new file mode 100644
index 000000000..deaf5cefc
--- /dev/null
+++ b/www/public/registry/core/toggle-button-group.json
@@ -0,0 +1,12 @@
+{
+  "name": "toggle-button-group",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/toggle-button-group_basic.tsx",
+      "content": "\"use client\";\n\nimport {\n  ToggleButtonGroup as AriaToggleButtonGroup,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport {\n  ToggleButtonProvider,\n  toggleButtonStyles,\n} from \"@/registry/core/toggle-button_basic\";\n\nconst toggleGroupStyles = tv({\n  base: \"isolate inline-flex items-center [&_button]:rounded-none [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md\",\n  variants: {\n    orientation: {\n      horizontal: \"flex-row\",\n      vertical: \"flex-col\",\n    },\n  },\n});\n\ninterface ToggleButtonGroupProps\n  extends React.ComponentProps<typeof AriaToggleButtonGroup>,\n    VariantProps<typeof toggleButtonStyles> {}\n\nconst ToggleButtonGroup = ({\n  variant,\n  size,\n  shape,\n  orientation = \"horizontal\",\n  className,\n  ...props\n}: ToggleButtonGroupProps) => {\n  return (\n    <ToggleButtonProvider variant={variant} size={size} shape={shape}>\n      <AriaToggleButtonGroup\n        orientation={orientation}\n        className={composeRenderProps(className, (className, renderProps) =>\n          toggleGroupStyles({\n            ...renderProps,\n            orientation,\n            className,\n          })\n        )}\n        {...props}\n      />\n    </ToggleButtonProvider>\n  );\n};\n\nexport type { ToggleButtonGroupProps };\nexport { ToggleButtonGroup };\n",
+      "type": "registry:core",
+      "target": "core/toggle-button-group.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/toggle-button.json b/www/public/registry/core/toggle-button.json
new file mode 100644
index 000000000..f26276549
--- /dev/null
+++ b/www/public/registry/core/toggle-button.json
@@ -0,0 +1,12 @@
+{
+  "name": "toggle-button",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/toggle-button_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  ToggleButton as AriaToggleButton,\n  type ToggleButtonProps as AriaToggleButtonProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/helpers\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst toggleButtonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\n  variants: {\n    variant: {\n      quiet:\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active border bg-transparent\",\n      accent:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"quiet\",\n    size: \"md\",\n    shape: \"square\",\n  },\n});\n\nconst [ToggleButtonProvider, useToggleButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof toggleButtonStyles>>(\n    \"Button\"\n  );\n\ninterface ToggleButtonProps\n  extends Omit<AriaToggleButtonProps, \"className\">,\n    VariantProps<typeof toggleButtonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst ToggleButton = React.forwardRef(\n  (\n    localProps: ToggleButtonProps,\n    ref: React.ForwardedRef<HTMLButtonElement>\n  ) => {\n    const contextProps = useToggleButtonContext();\n    const props = { ...contextProps, ...localProps };\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n    return (\n      <AriaToggleButton\n        ref={ref}\n        {...restProps}\n        className={toggleButtonStyles({\n          variant,\n          size,\n          shape,\n          className,\n        })}\n      >\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </AriaToggleButton>\n    );\n  }\n);\nToggleButton.displayName = \"ToggleButton\";\n\nexport type { ToggleButtonProps };\nexport { ToggleButton, toggleButtonStyles, ToggleButtonProvider };\n",
+      "type": "registry:core",
+      "target": "core/toggle-button.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/tooltip.json b/www/public/registry/core/tooltip.json
new file mode 100644
index 000000000..66d5c38a0
--- /dev/null
+++ b/www/public/registry/core/tooltip.json
@@ -0,0 +1,4 @@
+{
+  "name": "tooltip",
+  "type": "registry:core"
+}
\ No newline at end of file
diff --git a/www/public/registry/core/tooltip_basic.json b/www/public/registry/core/tooltip_basic.json
new file mode 100644
index 000000000..0f68c6c17
--- /dev/null
+++ b/www/public/registry/core/tooltip_basic.json
@@ -0,0 +1,12 @@
+{
+  "name": "tooltip_basic",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/tooltip_basic.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst tooltipStyles = tv({\n  slots: {\n    content:\n      \"group/tooltip text-fg entering:animate-in entering:fade-in entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 entering:ease-out exiting:ease-out entering:duration-150 exiting:duration-100 z-50 rounded-md px-3 py-1.5 text-sm shadow-md\",\n    arrow:\n      \"group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\",\n  },\n  variants: {\n    variant: {\n      default: {\n        content: \"bg-bg-muted border\",\n        arrow: \"fill-bg-muted stroke-border\",\n      },\n      inverse: {\n        content: \"bg-bg-inverse text-fg-inverse\",\n        arrow: \"fill-bg-inverse\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { content, arrow } = tooltipStyles();\n\nconst [TooltipProvider, useTooltipContext] =\n  createScopedContext<VariantProps<typeof tooltipStyles>>(\"TooltipRoot\");\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\"> {\n  content?: React.ReactNode;\n  showArrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  showArrow = false,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {showArrow && <TooltipArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ninterface TooltipRootProps\n  extends React.ComponentProps<typeof AriaTooltipTrigger> {}\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\ninterface TooltipContentProps\n  extends React.ComponentProps<typeof AriaTooltip>,\n    VariantProps<typeof tooltipStyles> {}\nfunction TooltipContent({\n  variant,\n  offset = 10,\n  className,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipProvider variant={variant}>\n      <AriaTooltip\n        offset={offset}\n        className={composeRenderProps(className, (className) =>\n          content({ variant, className })\n        )}\n        {...props}\n      />\n    </TooltipProvider>\n  );\n}\n\ninterface TooltipArrowProps extends React.ComponentProps<\"svg\"> {}\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  const { variant } = useTooltipContext(\"TooltipArrow\");\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className={arrow({ variant, className })}\n        {...props}\n      >\n        <path d=\"M0 0 L4 4 L8 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n}\n\nexport type {\n  TooltipProps,\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n};\nexport { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };\n",
+      "type": "registry:core",
+      "target": "core/tooltip.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/core/tooltip_motion.json b/www/public/registry/core/tooltip_motion.json
new file mode 100644
index 000000000..2fe8a05d5
--- /dev/null
+++ b/www/public/registry/core/tooltip_motion.json
@@ -0,0 +1,12 @@
+{
+  "name": "tooltip_motion",
+  "type": "registry:core",
+  "files": [
+    {
+      "path": "core/tooltip_motion.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { AnimatePresence, motion, type Variants } from \"motion/react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  composeRenderProps,\n  TooltipTriggerStateContext,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst tooltipStyles = tv({\n  slots: {\n    content:\n      \"group/tooltip text-fg placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left z-50 rounded-md px-3 py-1.5 text-sm shadow-md\",\n    arrow:\n      \"group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\",\n  },\n  variants: {\n    variant: {\n      default: {\n        content: \"bg-bg-muted border\",\n        arrow: \"fill-bg-muted stroke-border\",\n      },\n      inverse: {\n        content: \"bg-bg-inverse text-fg-inverse\",\n        arrow: \"fill-bg-inverse\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { content, arrow } = tooltipStyles();\n\nconst MOTION_VARIANTS: Variants = {\n  enter: {\n    transform: \"scale(1)\",\n    opacity: 1,\n    transition: {\n      type: \"spring\",\n      bounce: 0,\n      duration: 0.2,\n    },\n  },\n  exit: {\n    transform: \"scale(0.85)\",\n    opacity: 0,\n    transition: {\n      type: \"easeOut\",\n      duration: 0.15,\n    },\n  },\n};\n\nconst [TooltipProvider, useTooltipContext] =\n  createScopedContext<VariantProps<typeof tooltipStyles>>(\"TooltipRoot\");\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\"> {\n  content?: React.ReactNode;\n  showArrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  showArrow = false,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {showArrow && <TooltipArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ninterface TooltipRootProps\n  extends React.ComponentProps<typeof AriaTooltipTrigger> {}\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\nconst MotionTooltip = motion.create(AriaTooltip);\n\ninterface TooltipContentProps\n  extends Omit<React.ComponentProps<typeof AriaTooltip>, \"children\" | \"style\">,\n    VariantProps<typeof tooltipStyles> {\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n}\nfunction TooltipContent({\n  variant,\n  offset = 10,\n  className,\n  ...props\n}: TooltipContentProps) {\n  const state = React.use(TooltipTriggerStateContext)!;\n  const isOpen = state.isOpen;\n  return (\n    <TooltipProvider variant={variant}>\n      <AnimatePresence>\n        {isOpen && (\n          <MotionTooltip\n            isOpen\n            initial=\"exit\"\n            animate=\"enter\"\n            exit=\"exit\"\n            offset={offset}\n            variants={MOTION_VARIANTS}\n            className={composeRenderProps(className, (className) =>\n              content({ variant, className })\n            )}\n            {...props}\n          />\n        )}\n      </AnimatePresence>\n    </TooltipProvider>\n  );\n}\n\ninterface TooltipArrowProps extends React.ComponentProps<\"svg\"> {}\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  const { variant } = useTooltipContext(\"TooltipArrow\");\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className={arrow({ variant, className })}\n        {...props}\n      >\n        <path d=\"M0 0 L4 4 L8 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n}\n\nexport type {\n  TooltipProps,\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n};\nexport { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };\n",
+      "type": "registry:core",
+      "target": "core/tooltip.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/index.json b/www/public/registry/index.json
new file mode 100644
index 000000000..7224a5505
--- /dev/null
+++ b/www/public/registry/index.json
@@ -0,0 +1,306 @@
+[
+  {
+    "name": "alert",
+    "type": "registry:core"
+  },
+  {
+    "name": "alert_basic",
+    "type": "registry:core"
+  },
+  {
+    "name": "alert_notch",
+    "type": "registry:core"
+  },
+  {
+    "name": "alert_notch-2",
+    "type": "registry:core"
+  },
+  {
+    "name": "avatar",
+    "type": "registry:core"
+  },
+  {
+    "name": "badge",
+    "type": "registry:core"
+  },
+  {
+    "name": "breadcrumbs",
+    "type": "registry:core"
+  },
+  {
+    "name": "button",
+    "type": "registry:core"
+  },
+  {
+    "name": "button_basic",
+    "type": "registry:core"
+  },
+  {
+    "name": "button_brutalist",
+    "type": "registry:core"
+  },
+  {
+    "name": "button_ripple",
+    "type": "registry:core"
+  },
+  {
+    "name": "calendar",
+    "type": "registry:core"
+  },
+  {
+    "name": "calendar_basic",
+    "type": "registry:core"
+  },
+  {
+    "name": "calendar_cal",
+    "type": "registry:core"
+  },
+  {
+    "name": "checkbox",
+    "type": "registry:core"
+  },
+  {
+    "name": "checkbox-group",
+    "type": "registry:core"
+  },
+  {
+    "name": "color-area",
+    "type": "registry:core"
+  },
+  {
+    "name": "color-field",
+    "type": "registry:core"
+  },
+  {
+    "name": "color-picker",
+    "type": "registry:core"
+  },
+  {
+    "name": "color-slider",
+    "type": "registry:core"
+  },
+  {
+    "name": "color-swatch",
+    "type": "registry:core"
+  },
+  {
+    "name": "color-swatch-picker",
+    "type": "registry:core"
+  },
+  {
+    "name": "color-thumb",
+    "type": "registry:core"
+  },
+  {
+    "name": "combobox",
+    "type": "registry:core"
+  },
+  {
+    "name": "command",
+    "type": "registry:core"
+  },
+  {
+    "name": "date-field",
+    "type": "registry:core"
+  },
+  {
+    "name": "date-input",
+    "type": "registry:core"
+  },
+  {
+    "name": "date-picker",
+    "type": "registry:core"
+  },
+  {
+    "name": "date-range-picker",
+    "type": "registry:core"
+  },
+  {
+    "name": "dialog",
+    "type": "registry:core"
+  },
+  {
+    "name": "drawer",
+    "type": "registry:core"
+  },
+  {
+    "name": "drop-zone",
+    "type": "registry:core"
+  },
+  {
+    "name": "field",
+    "type": "registry:core"
+  },
+  {
+    "name": "file-trigger",
+    "type": "registry:core"
+  },
+  {
+    "name": "form",
+    "type": "registry:core"
+  },
+  {
+    "name": "form_basic",
+    "type": "registry:core"
+  },
+  {
+    "name": "form_react-hook-form",
+    "type": "registry:core"
+  },
+  {
+    "name": "input",
+    "type": "registry:core"
+  },
+  {
+    "name": "input_basic",
+    "type": "registry:core"
+  },
+  {
+    "name": "kbd",
+    "type": "registry:core"
+  },
+  {
+    "name": "list-box",
+    "type": "registry:core"
+  },
+  {
+    "name": "list-box",
+    "type": "registry:core"
+  },
+  {
+    "name": "loader",
+    "type": "registry:core"
+  },
+  {
+    "name": "loader_dots",
+    "type": "registry:core"
+  },
+  {
+    "name": "loader_line",
+    "type": "registry:core"
+  },
+  {
+    "name": "loader_ring",
+    "type": "registry:core"
+  },
+  {
+    "name": "loader_tailspin",
+    "type": "registry:core"
+  },
+  {
+    "name": "loader_wave",
+    "type": "registry:core"
+  },
+  {
+    "name": "menu",
+    "type": "registry:core"
+  },
+  {
+    "name": "modal",
+    "type": "registry:core"
+  },
+  {
+    "name": "number-field",
+    "type": "registry:core"
+  },
+  {
+    "name": "overlay",
+    "type": "registry:core"
+  },
+  {
+    "name": "popover",
+    "type": "registry:core"
+  },
+  {
+    "name": "progress-bar",
+    "type": "registry:core"
+  },
+  {
+    "name": "radio-group",
+    "type": "registry:core"
+  },
+  {
+    "name": "search-field",
+    "type": "registry:core"
+  },
+  {
+    "name": "select",
+    "type": "registry:core"
+  },
+  {
+    "name": "separator",
+    "type": "registry:core"
+  },
+  {
+    "name": "skeleton",
+    "type": "registry:core"
+  },
+  {
+    "name": "slider",
+    "type": "registry:core"
+  },
+  {
+    "name": "switch",
+    "type": "registry:core"
+  },
+  {
+    "name": "table",
+    "type": "registry:core"
+  },
+  {
+    "name": "tabs",
+    "type": "registry:core"
+  },
+  {
+    "name": "tabs_basic",
+    "type": "registry:core"
+  },
+  {
+    "name": "tabs_motion",
+    "type": "registry:core"
+  },
+  {
+    "name": "tag-group",
+    "type": "registry:core"
+  },
+  {
+    "name": "text",
+    "type": "registry:core"
+  },
+  {
+    "name": "text-area",
+    "type": "registry:core"
+  },
+  {
+    "name": "text-field",
+    "type": "registry:core"
+  },
+  {
+    "name": "time-field",
+    "type": "registry:core"
+  },
+  {
+    "name": "toggle-button",
+    "type": "registry:core"
+  },
+  {
+    "name": "toggle-button-group",
+    "type": "registry:core"
+  },
+  {
+    "name": "tooltip",
+    "type": "registry:core"
+  },
+  {
+    "name": "tooltip_basic",
+    "type": "registry:core"
+  },
+  {
+    "name": "tooltip_motion",
+    "type": "registry:core"
+  },
+  {
+    "name": "use-media-query",
+    "type": "registry:hook"
+  }
+]
\ No newline at end of file
diff --git a/www/scripts/build-registry.ts b/www/scripts/build-registry.ts
index 4413a7dd1..67747a857 100644
--- a/www/scripts/build-registry.ts
+++ b/www/scripts/build-registry.ts
@@ -1,36 +1,112 @@
-// import { registryItemSchema, registrySchema } from "@dotui/registry";
-// import { existsSync, promises as fs } from "node:fs";
-// import path from "path";
-// import { rimraf } from "rimraf";
-// import { core } from "@/registry/core";
-// import { hooks } from "@/registry/hooks";
-// import { iconLibraries, icons } from "@/registry/icons";
-// import { styles } from "@/registry/styles";
-// import { themes } from "@/registry/themes";
-// import { lib } from "@/registry/index/lib";
-// import { registry } from "@/registry";
-
-// const REGISTRY_PATH = path.join(process.cwd(), "public/registry");
-
-// // ----------------------------------------------------------------------------
-// // Build registry/index.json.
-// // Contains the list of all components, hooks, etc.
-// // ----------------------------------------------------------------------------
-// const buildRegistry = async () => {
-//   const targetPath = REGISTRY_PATH;
-//   rimraf.sync(targetPath);
-//   if (!existsSync(targetPath)) {
-//     await fs.mkdir(targetPath, { recursive: true });
-//   }
-
-//   const payload = registry.map((item) => ({
-//     name: item.name,
-//     type: item.type,
-//   }));
-
-//   const registryJson = JSON.stringify(payload, null, 2);
-//   await fs.writeFile(path.join(targetPath, "index.json"), registryJson, "utf8");
-// };
+import { registryItemSchema, registrySchema } from "@dotui/registry";
+import { existsSync, promises as fs } from "node:fs";
+import path from "path";
+import { rimraf } from "rimraf";
+import {
+  kebabCaseToTitleCase,
+  kekabCaseToTitle,
+  snakeCaseToTitle,
+} from "@/lib/string";
+import { core } from "@/registry/registry-core";
+import { hooks } from "@/registry/registry-hooks";
+import { iconLibraries, icons } from "@/registry/registry-icons";
+import { lib } from "@/registry/registry-lib";
+import { themes } from "@/registry/registry-themes";
+import { registry } from "@/registry";
+
+const REGISTRY_PATH = path.join(process.cwd(), "public/registry");
+
+// ----------------------------------------------------------------------------
+// Build registry/index.json.
+// Contains the list of all components, hooks, etc.
+// ----------------------------------------------------------------------------
+const buildRegistry = async () => {
+  const targetPath = REGISTRY_PATH;
+  rimraf.sync(targetPath);
+  if (!existsSync(targetPath)) {
+    await fs.mkdir(targetPath, { recursive: true });
+  }
+
+  const payload = registry.map((item) => ({
+    name: item.name,
+    type: item.type,
+  }));
+
+  const registryJson = JSON.stringify(payload, null, 2);
+  await fs.writeFile(path.join(targetPath, "index.json"), registryJson, "utf8");
+};
+
+// ----------------------------------------------------------------------------
+// Build registry/core/index.json.
+// Contains the list of all core components.
+//
+// Build registry/core/[name].json
+// Component's infos.
+// ----------------------------------------------------------------------------
+const buildCore = async () => {
+  const targetPath = path.join(REGISTRY_PATH, "core");
+  rimraf.sync(targetPath);
+  if (!existsSync(targetPath)) {
+    await fs.mkdir(targetPath, { recursive: true });
+  }
+
+  const allCore = core
+    .filter((elem) => {
+      if (elem.variants) return true;
+      if (elem.name.includes("_")) return false;
+      return true;
+    })
+    .map((comp) => ({
+      name: comp.name,
+      label: kebabCaseToTitleCase(comp.name),
+      description: comp.description,
+    }));
+
+  // Build registry/core/index.json
+  const indexContent = JSON.stringify(allCore, null, 2);
+  await fs.writeFile(path.join(targetPath, "index.json"), indexContent, "utf8");
+
+  // Build registry/core/[name].json
+  for (const item of core) {
+    let files;
+    if (item.files) {
+      files = await Promise.all(
+        item.files.map(async (_file) => {
+          const file =
+            typeof _file === "string"
+              ? {
+                  path: _file,
+                  type: item.type,
+                  content: "",
+                  target: "",
+                }
+              : _file;
+          const content = await fs.readFile(
+            path.join(process.cwd(), "src", "registry", file.path),
+            "utf8"
+          );
+          return {
+            path: file.path,
+            type: file.type,
+            content: content,
+            target: file.target,
+          };
+        })
+      );
+    }
+
+    const payload = registryItemSchema.safeParse({
+      ...item,
+      files,
+    });
+    
+    await fs.writeFile(
+      path.join(targetPath, `${item.name}.json`),
+      JSON.stringify(payload.data, null, 2),
+      "utf8"
+    );
+  }
+};
 
 // // ----------------------------------------------------------------------------
 // // Build registry/icons/index.json.
@@ -335,26 +411,26 @@
 //   }
 // };
 
-// const run = async () => {
-//   try {
-//     const result = registrySchema.safeParse(registry);
-
-//     if (!result.success) {
-//       console.error(result.error);
-//       process.exit(1);
-//     }
-
-//     await buildRegistry();
-//     await buildStyles();
-//     await buildHooks();
-//     await buildThemes();
-//     await buildIcons();
-
-//     console.log("✅ Done!");
-//   } catch (error) {
-//     console.error(error);
-//     process.exit(1);
-//   }
-// };
-
-// run();
+const run = async () => {
+  try {
+    // const result = registrySchema.safeParse(registry);
+
+    // if (!result.success) {
+    //   console.error(result.error);
+    //   process.exit(1);
+    // }
+
+    await buildRegistry();
+    await buildCore();
+    // await buildHooks();
+    // await buildThemes();
+    // await buildIcons();
+
+    console.log("✅ Done!");
+  } catch (error) {
+    console.error(error);
+    process.exit(1);
+  }
+};
+
+run();
diff --git a/www/src/components/docs/component-preview-client.tsx b/www/src/components/docs/component-preview-client.tsx
index 626356357..e32cd14c3 100644
--- a/www/src/components/docs/component-preview-client.tsx
+++ b/www/src/components/docs/component-preview-client.tsx
@@ -26,7 +26,7 @@ export const ComponentWrapper = ({
   if (suspense) {
     return <React.Suspense fallback={fallback}>{children}</React.Suspense>;
   }
-  return <DemosProvider>{children};</DemosProvider>;
+  return <DemosProvider>{children}</DemosProvider>;
 };
 
 export const ResizableContainer = ({
diff --git a/www/src/lib/string.ts b/www/src/lib/string.ts
index 811017713..782ceed3f 100644
--- a/www/src/lib/string.ts
+++ b/www/src/lib/string.ts
@@ -27,6 +27,14 @@ export const kekabCaseToTitle = (string: string): string => {
   return string.replace(/-/g, " ").replace(/^\w/, (char) => char.toUpperCase());
 };
 
+// aaa-bbb-ccc => Terer Fkf Skfk
+export const kebabCaseToTitleCase = (string: string): string => {
+  return string
+    .split("-")
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(" ");
+};
+
 export const truncateOnWord = (
   text: string,
   maxLength: number,
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index e150e1fed..f31d73688 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -3,17 +3,15 @@ import type { Registry } from "./types";
 export const core: Registry = [
   {
     name: "alert",
-    type: "registry:core",
     variants: ["basic", "notch", "notch-2"],
   },
   {
     name: "alert_basic",
     description: "Minimal with a subtle border and muted background.",
-    type: "registry:core",
     files: [
       {
-        path: "core/alert_basic.tsx",
         type: "registry:core",
+        path: "core/alert_basic.tsx",
         target: "core/alert.tsx",
       },
     ],
@@ -34,7 +32,6 @@ export const core: Registry = [
     name: "alert_notch-2",
     description:
       "Alert with a bold left border for emphasis and muted background.",
-    type: "registry:core",
     files: [
       {
         path: "core/alert_notch.tsx",
@@ -45,7 +42,6 @@ export const core: Registry = [
   },
   {
     name: "avatar",
-    type: "registry:core",
     files: [
       {
         path: "core/avatar_basic.tsx",
@@ -56,7 +52,6 @@ export const core: Registry = [
   },
   {
     name: "badge",
-    type: "registry:core",
     files: [
       {
         path: "core/badge_basic.tsx",
@@ -67,7 +62,6 @@ export const core: Registry = [
   },
   {
     name: "breadcrumbs",
-    type: "registry:core",
     files: [
       {
         path: "core/breadcrumbs_basic.tsx",
@@ -78,12 +72,10 @@ export const core: Registry = [
   },
   {
     name: "button",
-    type: "registry:core",
     variants: ["basic", "brutalist", "ripple"],
   },
   {
     name: "button_basic",
-    type: "registry:core",
     files: [
       {
         path: "core/button_basic.tsx",
@@ -94,7 +86,6 @@ export const core: Registry = [
   },
   {
     name: "button_brutalist",
-    type: "registry:core",
     files: [
       {
         path: "core/button_brutalist.tsx",
@@ -105,7 +96,6 @@ export const core: Registry = [
   },
   {
     name: "button_ripple",
-    type: "registry:core",
     files: [
       {
         path: "core/button_ripple.tsx",
@@ -118,20 +108,18 @@ export const core: Registry = [
         target: "core/ripple.tsx",
       },
       {
-        path: "hooks/use-ripple.tsx",
+        path: "hooks/use-ripple.ts",
         type: "registry:hook",
-        target: "hooks/use-ripple.tsx",
+        target: "hooks/use-ripple.ts",
       },
     ],
   },
   {
     name: "calendar",
-    type: "registry:core",
     variants: ["basic", "cal"],
   },
   {
     name: "calendar_basic",
-    type: "registry:core",
     files: [
       {
         path: "core/calendar_basic.tsx",
@@ -142,7 +130,6 @@ export const core: Registry = [
   },
   {
     name: "calendar_cal",
-    type: "registry:core",
     files: [
       {
         path: "core/calendar_cal.tsx",
@@ -153,7 +140,6 @@ export const core: Registry = [
   },
   {
     name: "checkbox",
-    type: "registry:core",
     files: [
       {
         path: "core/checkbox_basic.tsx",
@@ -164,7 +150,6 @@ export const core: Registry = [
   },
   {
     name: "checkbox-group",
-    type: "registry:core",
     files: [
       {
         path: "core/checkbox-group_basic.tsx",
@@ -175,7 +160,6 @@ export const core: Registry = [
   },
   {
     name: "color-area",
-    type: "registry:core",
     files: [
       {
         path: "core/color-area_basic.tsx",
@@ -186,7 +170,6 @@ export const core: Registry = [
   },
   {
     name: "color-field",
-    type: "registry:core",
     files: [
       {
         path: "core/color-field_basic.tsx",
@@ -197,7 +180,6 @@ export const core: Registry = [
   },
   {
     name: "color-picker",
-    type: "registry:core",
     files: [
       {
         path: "core/color-picker_basic.tsx",
@@ -208,7 +190,6 @@ export const core: Registry = [
   },
   {
     name: "color-slider",
-    type: "registry:core",
     files: [
       {
         path: "core/color-slider_basic.tsx",
@@ -219,7 +200,6 @@ export const core: Registry = [
   },
   {
     name: "color-swatch",
-    type: "registry:core",
     files: [
       {
         path: "core/color-swatch_basic.tsx",
@@ -230,7 +210,6 @@ export const core: Registry = [
   },
   {
     name: "color-swatch-picker",
-    type: "registry:core",
     files: [
       {
         path: "core/color-swatch-picker_basic.tsx",
@@ -241,7 +220,6 @@ export const core: Registry = [
   },
   {
     name: "color-thumb",
-    type: "registry:core",
     files: [
       {
         path: "core/color-thumb_basic.tsx",
@@ -252,7 +230,6 @@ export const core: Registry = [
   },
   {
     name: "combobox",
-    type: "registry:core",
     files: [
       {
         path: "core/combobox_basic.tsx",
@@ -263,7 +240,6 @@ export const core: Registry = [
   },
   {
     name: "command",
-    type: "registry:core",
     files: [
       {
         path: "core/command_basic.tsx",
@@ -274,7 +250,6 @@ export const core: Registry = [
   },
   {
     name: "date-field",
-    type: "registry:core",
     files: [
       {
         path: "core/date-field_basic.tsx",
@@ -285,7 +260,6 @@ export const core: Registry = [
   },
   {
     name: "date-input",
-    type: "registry:core",
     files: [
       {
         path: "core/date-input_basic.tsx",
@@ -296,7 +270,6 @@ export const core: Registry = [
   },
   {
     name: "date-picker",
-    type: "registry:core",
     files: [
       {
         path: "core/date-picker_basic.tsx",
@@ -307,7 +280,6 @@ export const core: Registry = [
   },
   {
     name: "date-range-picker",
-    type: "registry:core",
     files: [
       {
         path: "core/date-range-picker_basic.tsx",
@@ -318,7 +290,6 @@ export const core: Registry = [
   },
   {
     name: "dialog",
-    type: "registry:core",
     files: [
       {
         path: "core/dialog_basic.tsx",
@@ -329,7 +300,6 @@ export const core: Registry = [
   },
   {
     name: "drawer",
-    type: "registry:core",
     files: [
       {
         path: "core/drawer_basic.tsx",
@@ -340,7 +310,6 @@ export const core: Registry = [
   },
   {
     name: "drop-zone",
-    type: "registry:core",
     files: [
       {
         path: "core/drop-zone_basic.tsx",
@@ -351,7 +320,6 @@ export const core: Registry = [
   },
   {
     name: "field",
-    type: "registry:core",
     files: [
       {
         path: "core/field_basic.tsx",
@@ -362,7 +330,6 @@ export const core: Registry = [
   },
   {
     name: "file-trigger",
-    type: "registry:core",
     files: [
       {
         path: "core/file-trigger_basic.tsx",
@@ -373,12 +340,10 @@ export const core: Registry = [
   },
   {
     name: "form",
-    type: "registry:core",
     variants: ["basic", "react-hook-form"],
   },
   {
     name: "form_basic",
-    type: "registry:core",
     files: [
       {
         path: "core/form_basic.tsx",
@@ -389,7 +354,6 @@ export const core: Registry = [
   },
   {
     name: "form_react-hook-form",
-    type: "registry:core",
     files: [
       {
         path: "core/form_react-hook-form.tsx",
@@ -400,12 +364,10 @@ export const core: Registry = [
   },
   {
     name: "input",
-    type: "registry:core",
     variants: ["basic"],
   },
   {
     name: "input_basic",
-    type: "registry:core",
     files: [
       {
         path: "core/input_basic.tsx",
@@ -416,7 +378,6 @@ export const core: Registry = [
   },
   {
     name: "kbd",
-    type: "registry:core",
     files: [
       {
         path: "core/kbd_basic.tsx",
@@ -427,7 +388,6 @@ export const core: Registry = [
   },
   {
     name: "list-box",
-    type: "registry:core",
     files: [
       {
         path: "core/list-box_basic.tsx",
@@ -438,7 +398,6 @@ export const core: Registry = [
   },
   {
     name: "list-box",
-    type: "registry:core",
     files: [
       {
         path: "core/list-box_basic.tsx",
@@ -449,12 +408,10 @@ export const core: Registry = [
   },
   {
     name: "loader",
-    type: "registry:core",
     variants: ["dots", "line", "ring", "tailspin", "wave"],
   },
   {
     name: "loader_dots",
-    type: "registry:core",
     files: [
       {
         path: "core/loader_dots.tsx",
@@ -465,7 +422,6 @@ export const core: Registry = [
   },
   {
     name: "loader_line",
-    type: "registry:core",
     files: [
       {
         path: "core/loader_line.tsx",
@@ -476,7 +432,6 @@ export const core: Registry = [
   },
   {
     name: "loader_ring",
-    type: "registry:core",
     files: [
       {
         path: "core/loader_ring.tsx",
@@ -487,7 +442,6 @@ export const core: Registry = [
   },
   {
     name: "loader_tailspin",
-    type: "registry:core",
     files: [
       {
         path: "core/loader_tailspin.tsx",
@@ -498,7 +452,6 @@ export const core: Registry = [
   },
   {
     name: "loader_wave",
-    type: "registry:core",
     files: [
       {
         path: "core/loader_wave.tsx",
@@ -509,7 +462,6 @@ export const core: Registry = [
   },
   {
     name: "menu",
-    type: "registry:core",
     files: [
       {
         path: "core/menu_basic.tsx",
@@ -520,7 +472,6 @@ export const core: Registry = [
   },
   {
     name: "modal",
-    type: "registry:core",
     files: [
       {
         path: "core/modal_basic.tsx",
@@ -531,7 +482,6 @@ export const core: Registry = [
   },
   {
     name: "number-field",
-    type: "registry:core",
     files: [
       {
         path: "core/number-field_basic.tsx",
@@ -542,7 +492,6 @@ export const core: Registry = [
   },
   {
     name: "overlay",
-    type: "registry:core",
     files: [
       {
         path: "core/overlay_basic.tsx",
@@ -553,7 +502,6 @@ export const core: Registry = [
   },
   {
     name: "popover",
-    type: "registry:core",
     files: [
       {
         path: "core/popover_basic.tsx",
@@ -564,7 +512,6 @@ export const core: Registry = [
   },
   {
     name: "progress-bar",
-    type: "registry:core",
     files: [
       {
         path: "core/progress-bar_basic.tsx",
@@ -575,7 +522,6 @@ export const core: Registry = [
   },
   {
     name: "radio-group",
-    type: "registry:core",
     files: [
       {
         path: "core/radio-group_basic.tsx",
@@ -586,7 +532,6 @@ export const core: Registry = [
   },
   {
     name: "search-field",
-    type: "registry:core",
     files: [
       {
         path: "core/search-field_basic.tsx",
@@ -597,7 +542,6 @@ export const core: Registry = [
   },
   {
     name: "select",
-    type: "registry:core",
     files: [
       {
         path: "core/select_basic.tsx",
@@ -608,7 +552,6 @@ export const core: Registry = [
   },
   {
     name: "separator",
-    type: "registry:core",
     files: [
       {
         path: "core/separator_basic.tsx",
@@ -619,7 +562,6 @@ export const core: Registry = [
   },
   {
     name: "skeleton",
-    type: "registry:core",
     files: [
       {
         path: "core/skeleton_basic.tsx",
@@ -630,7 +572,6 @@ export const core: Registry = [
   },
   {
     name: "slider",
-    type: "registry:core",
     files: [
       {
         path: "core/slider_basic.tsx",
@@ -641,7 +582,6 @@ export const core: Registry = [
   },
   {
     name: "switch",
-    type: "registry:core",
     files: [
       {
         path: "core/switch_basic.tsx",
@@ -652,7 +592,6 @@ export const core: Registry = [
   },
   {
     name: "table",
-    type: "registry:core",
     files: [
       {
         path: "core/table_basic.tsx",
@@ -663,12 +602,10 @@ export const core: Registry = [
   },
   {
     name: "tabs",
-    type: "registry:core",
     variants: ["basic", "motion"],
   },
   {
     name: "tabs_basic",
-    type: "registry:core",
     files: [
       {
         path: "core/tabs_basic.tsx",
@@ -679,7 +616,6 @@ export const core: Registry = [
   },
   {
     name: "tabs_motion",
-    type: "registry:core",
     files: [
       {
         path: "core/tabs_motion.tsx",
@@ -690,7 +626,6 @@ export const core: Registry = [
   },
   {
     name: "tag-group",
-    type: "registry:core",
     files: [
       {
         path: "core/tag-group_basic.tsx",
@@ -701,7 +636,6 @@ export const core: Registry = [
   },
   {
     name: "text",
-    type: "registry:core",
     files: [
       {
         path: "core/text_basic.tsx",
@@ -712,7 +646,6 @@ export const core: Registry = [
   },
   {
     name: "text-area",
-    type: "registry:core",
     files: [
       {
         path: "core/text-area_basic.tsx",
@@ -723,7 +656,6 @@ export const core: Registry = [
   },
   {
     name: "text-field",
-    type: "registry:core",
     files: [
       {
         path: "core/text-field_basic.tsx",
@@ -734,7 +666,6 @@ export const core: Registry = [
   },
   {
     name: "time-field",
-    type: "registry:core",
     files: [
       {
         path: "core/time-field_basic.tsx",
@@ -745,7 +676,6 @@ export const core: Registry = [
   },
   {
     name: "toggle-button",
-    type: "registry:core",
     files: [
       {
         path: "core/toggle-button_basic.tsx",
@@ -756,7 +686,6 @@ export const core: Registry = [
   },
   {
     name: "toggle-button-group",
-    type: "registry:core",
     files: [
       {
         path: "core/toggle-button-group_basic.tsx",
@@ -767,7 +696,6 @@ export const core: Registry = [
   },
   {
     name: "tooltip",
-    type: "registry:core",
     variants: ["basic", "motion"],
   },
   {
@@ -783,7 +711,6 @@ export const core: Registry = [
   },
   {
     name: "tooltip_motion",
-    type: "registry:core",
     files: [
       {
         path: "core/tooltip_motion.tsx",
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
index 72e326a4c..08025a626 100644
--- a/www/src/registry/types.ts
+++ b/www/src/registry/types.ts
@@ -1,24 +1,17 @@
 export type RegistryType = "registry:core" | "registry:hook" | "registry:lib";
 
-export type RegistryItem = Prettify<
-  {
-    name: string;
+export type RegistryItem = {
+  name: string;
+  type?: RegistryType;
+  description?: string;
+  dependencies?: string[];
+  registryDependencies?: string[];
+  files?: {
+    path: string;
     type: RegistryType;
-    description?: string;
-  } & (
-    | {
-        dependencies?: string[];
-        registryDependencies?: string[];
-        files: {
-          path: string;
-          type: RegistryType;
-          target: string;
-        }[];
-      }
-    | {
-        variants: string[];
-      }
-  )
->;
+    target: string;
+  }[];
+  variants?: string[];
+};
 
 export type Registry = RegistryItem[];

From b1bd2bf9c1d22abf05f7f03e821b6f161cc6461d Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 16:12:51 +0100
Subject: [PATCH 080/165] chore: update registry

---
 packages/registry/schema.ts                   |  13 +-
 www/public/registry/base.json                 |  14 +
 www/public/registry/core/alert.json           |   6 +-
 www/public/registry/core/alert_basic.json     |   4 +-
 www/public/registry/core/alert_notch-2.json   |   4 +-
 www/public/registry/core/alert_notch.json     |   4 +-
 www/public/registry/core/avatar.json          |   4 +-
 www/public/registry/core/badge.json           |   4 +-
 www/public/registry/core/breadcrumbs.json     |   4 +-
 www/public/registry/core/button.json          |   6 +-
 www/public/registry/core/button_basic.json    |   4 +-
 .../registry/core/button_brutalist.json       |   4 +-
 www/public/registry/core/button_ripple.json   |  10 +-
 www/public/registry/core/calendar.json        |   5 +-
 www/public/registry/core/calendar_basic.json  |   4 +-
 www/public/registry/core/calendar_cal.json    |   4 +-
 www/public/registry/core/checkbox-group.json  |   4 +-
 www/public/registry/core/checkbox.json        |   4 +-
 www/public/registry/core/color-area.json      |   4 +-
 www/public/registry/core/color-field.json     |   4 +-
 www/public/registry/core/color-picker.json    |   4 +-
 www/public/registry/core/color-slider.json    |   4 +-
 .../registry/core/color-swatch-picker.json    |   4 +-
 www/public/registry/core/color-swatch.json    |   4 +-
 www/public/registry/core/color-thumb.json     |   4 +-
 www/public/registry/core/combobox.json        |   4 +-
 www/public/registry/core/command.json         |   4 +-
 www/public/registry/core/date-field.json      |   4 +-
 www/public/registry/core/date-input.json      |   4 +-
 www/public/registry/core/date-picker.json     |   4 +-
 .../registry/core/date-range-picker.json      |   4 +-
 www/public/registry/core/dialog.json          |   4 +-
 www/public/registry/core/drawer.json          |   4 +-
 www/public/registry/core/drop-zone.json       |   4 +-
 www/public/registry/core/field.json           |   4 +-
 www/public/registry/core/file-trigger.json    |   4 +-
 www/public/registry/core/form.json            |   5 +-
 www/public/registry/core/form_basic.json      |   4 +-
 .../registry/core/form_react-hook-form.json   |   4 +-
 www/public/registry/core/input.json           |   4 +-
 www/public/registry/core/input_basic.json     |   4 +-
 www/public/registry/core/kbd.json             |   4 +-
 www/public/registry/core/list-box.json        |   4 +-
 www/public/registry/core/loader.json          |   8 +-
 www/public/registry/core/loader_dots.json     |   4 +-
 www/public/registry/core/loader_line.json     |   4 +-
 www/public/registry/core/loader_ring.json     |   4 +-
 www/public/registry/core/loader_tailspin.json |   4 +-
 www/public/registry/core/loader_wave.json     |   4 +-
 www/public/registry/core/menu.json            |   4 +-
 www/public/registry/core/modal.json           |   4 +-
 www/public/registry/core/number-field.json    |   4 +-
 www/public/registry/core/overlay.json         |   4 +-
 www/public/registry/core/popover.json         |   4 +-
 www/public/registry/core/progress-bar.json    |   4 +-
 www/public/registry/core/radio-group.json     |   4 +-
 www/public/registry/core/search-field.json    |   4 +-
 www/public/registry/core/select.json          |   4 +-
 www/public/registry/core/separator.json       |   4 +-
 www/public/registry/core/skeleton.json        |   4 +-
 www/public/registry/core/slider.json          |   4 +-
 www/public/registry/core/switch.json          |   4 +-
 www/public/registry/core/table.json           |   4 +-
 www/public/registry/core/tabs.json            |   5 +-
 www/public/registry/core/tabs_basic.json      |   4 +-
 www/public/registry/core/tabs_motion.json     |   4 +-
 www/public/registry/core/tag-group.json       |   4 +-
 www/public/registry/core/text-area.json       |   4 +-
 www/public/registry/core/text-field.json      |   4 +-
 www/public/registry/core/text.json            |   4 +-
 www/public/registry/core/time-field.json      |   4 +-
 .../registry/core/toggle-button-group.json    |   4 +-
 www/public/registry/core/toggle-button.json   |   4 +-
 www/public/registry/core/tooltip.json         |   5 +-
 www/public/registry/core/tooltip_basic.json   |   4 +-
 www/public/registry/core/tooltip_motion.json  |   4 +-
 www/public/registry/hooks/index.json          |   6 +
 www/public/registry/hooks/use-is-mobile.json  |  10 +
 www/public/registry/icons/index.json          |  12 +
 www/public/registry/index.json                | 166 +++---
 www/scripts/build-registry.ts                 | 503 +++++++-----------
 www/src/app/(app)/docs/[...slug]/page.tsx     |   2 +-
 .../app/(app)/themes/components/colors.tsx    |   2 +-
 .../app/(app)/themes/components/preview.tsx   |   2 +-
 .../(app)/themes/components/theme-select.tsx  |   2 +-
 www/src/app/(app)/themes/page.tsx             |   2 +-
 www/src/app/layout.tsx                        |   2 +-
 www/src/components/core/collapsible.tsx       |   2 +-
 www/src/components/core/command.tsx           |   2 +-
 www/src/components/core/table.tsx             |   2 +-
 www/src/components/docs/badge-palette.tsx     |   2 +-
 www/src/components/docs/breadcrumbs.tsx       |   2 +-
 www/src/components/docs/choices.tsx           |   2 +-
 www/src/components/docs/code-block-client.tsx |   2 +-
 www/src/components/docs/code-block-mdx.tsx    |   2 +-
 www/src/components/docs/component-preview.tsx |   2 +-
 www/src/components/docs/install-tabs.tsx      |   2 +-
 www/src/components/docs/mdx-components.tsx    |   2 +-
 www/src/components/docs/palette.tsx           |   2 +-
 www/src/components/docs/style-switcher.tsx    |   9 +-
 www/src/components/docs/theme-override.tsx    |   2 +-
 www/src/components/docs/toc.tsx               |   2 +-
 www/src/components/footer.tsx                 |   2 +-
 www/src/components/sidebar.tsx                |   2 +-
 www/src/lib/cn.ts                             |   1 -
 www/src/lib/helpers.tsx                       |   1 -
 www/src/lib/string.ts                         |   5 +
 www/src/lib/utils.ts                          |   1 +
 www/src/registry/core/alert_basic.tsx         |   2 +-
 www/src/registry/core/alert_notch-2.tsx       |   2 +-
 www/src/registry/core/alert_notch.tsx         |   2 +-
 www/src/registry/core/avatar_basic.tsx        |   2 +-
 www/src/registry/core/button_basic.tsx        |   2 +-
 www/src/registry/core/button_brutalist.tsx    |   2 +-
 www/src/registry/core/button_ripple.tsx       |   2 +-
 www/src/registry/core/checkbox_basic.tsx      |   5 +-
 www/src/registry/core/color-picker_basic.tsx  |   2 +-
 .../core/color-swatch-picker_basic.tsx        |   2 +-
 www/src/registry/core/loader_dots.tsx         |   2 +-
 www/src/registry/core/loader_wave.tsx         |   2 +-
 www/src/registry/core/progress-bar_basic.tsx  |   2 +-
 www/src/registry/core/radio-group_basic.tsx   |   4 +-
 www/src/registry/core/skeleton_basic.tsx      |   2 +-
 www/src/registry/core/slider_basic.tsx        |   2 +-
 www/src/registry/core/switch_basic.tsx        |   2 +-
 www/src/registry/core/table_basic.tsx         |   4 +-
 www/src/registry/core/tabs_basic.tsx          |   2 +-
 www/src/registry/core/tabs_motion.tsx         |   2 +-
 www/src/registry/core/toggle-button_basic.tsx |   2 +-
 www/src/registry/core/tooltip_basic.tsx       |   2 +-
 www/src/registry/core/tooltip_motion.tsx      |   2 +-
 www/src/registry/index.ts                     |  12 +-
 www/src/registry/lib/cn.ts                    |   6 -
 www/src/registry/lib/focus-styles-01.tsx      |  13 -
 .../lib/{context-helpers.tsx => utils.tsx}    |   6 +
 www/src/registry/registry-base.ts             |  14 +
 www/src/registry/registry-core.ts             | 140 +++--
 www/src/registry/registry-hooks.ts            |  13 +-
 www/src/registry/registry-icons.ts            |   4 +-
 www/src/registry/registry-lib.ts              |  14 +-
 www/src/registry/types.ts                     |   2 +-
 141 files changed, 592 insertions(+), 784 deletions(-)
 create mode 100644 www/public/registry/base.json
 create mode 100644 www/public/registry/hooks/index.json
 create mode 100644 www/public/registry/hooks/use-is-mobile.json
 create mode 100644 www/public/registry/icons/index.json
 delete mode 100644 www/src/lib/cn.ts
 delete mode 100644 www/src/lib/helpers.tsx
 create mode 100644 www/src/lib/utils.ts
 delete mode 100644 www/src/registry/lib/cn.ts
 delete mode 100644 www/src/registry/lib/focus-styles-01.tsx
 rename www/src/registry/lib/{context-helpers.tsx => utils.tsx} (90%)
 create mode 100644 www/src/registry/registry-base.ts

diff --git a/packages/registry/schema.ts b/packages/registry/schema.ts
index 03e6cc68d..2527a27c2 100644
--- a/packages/registry/schema.ts
+++ b/packages/registry/schema.ts
@@ -20,12 +20,11 @@ export const registryThemeSchema = z.object({
 });
 
 export const registryItemTypeSchema = z.enum([
-  "registry:style",
-  "registry:core",
-  "registry:component",
-  "registry:lib",
-  "registry:hook",
-  "registry:theme",
+  "core",
+  "component",
+  "lib",
+  "hook",
+  "theme",
 ]);
 
 export const registryItemFileSchema = z.union([
@@ -53,7 +52,7 @@ export const registryItemCssVarsSchema = z.object({
 
 export const registryItemSchema = z.object({
   name: z.string(),
-  type: registryItemTypeSchema,
+  type: registryItemTypeSchema.optional(),
   label: z.string().optional(),
   description: z.string().optional(),
   dependencies: z.array(z.string()).optional(),
diff --git a/www/public/registry/base.json b/www/public/registry/base.json
new file mode 100644
index 000000000..5919aaad2
--- /dev/null
+++ b/www/public/registry/base.json
@@ -0,0 +1,14 @@
+[
+  {
+    "name": "base",
+    "dependencies": [
+      "tailwind-variants",
+      "react-aria-components",
+      "tailwindcss-react-aria-components"
+    ],
+    "registryDependencies": [
+      "utils"
+    ],
+    "files": []
+  }
+]
\ No newline at end of file
diff --git a/www/public/registry/core/alert.json b/www/public/registry/core/alert.json
index 5faae2ec5..8fcfb01fc 100644
--- a/www/public/registry/core/alert.json
+++ b/www/public/registry/core/alert.json
@@ -1,4 +1,8 @@
 {
   "name": "alert",
-  "type": "registry:core"
+  "variants": [
+    "basic",
+    "notch",
+    "notch-2"
+  ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/alert_basic.json b/www/public/registry/core/alert_basic.json
index 58a4253ba..c623a9181 100644
--- a/www/public/registry/core/alert_basic.json
+++ b/www/public/registry/core/alert_basic.json
@@ -1,12 +1,10 @@
 {
   "name": "alert_basic",
-  "type": "registry:core",
   "description": "Minimal with a subtle border and muted background.",
   "files": [
     {
-      "path": "core/alert_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"flex w-full items-center gap-4 rounded-lg border p-4 text-sm [&_svg]:size-4\",\n    title: \"font-medium leading-normal tracking-tight\",\n    content: \"\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"bg-bg-muted text-fg border\" },\n      success: {\n        root: \"bg-bg-success-muted border-border-success text-fg-success border\",\n      },\n      warning: {\n        root: \"bg-bg-warning-muted border-border-warning text-fg-warning border\",\n      },\n      danger: {\n        root: \"bg-bg-danger-muted border-border-danger text-fg-danger border\",\n      },\n      info: {\n        root: \"bg-bg-info-muted border-border-info text-fg-info border\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: <InfoIcon />,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  action,\n  icon,\n  children,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props} className=\"@container items-start\">\n      <div className=\"pt-2\">{resolvedIcon}</div>\n      <div className=\"@sm:items-center @sm:flex-row flex flex-1 flex-col items-start gap-4\">\n        <div className=\"flex-1 space-y-0.5\">\n          {title && <AlertTitle>{title}</AlertTitle>}\n          {children && <AlertContent>{children}</AlertContent>}\n        </div>\n        {action}\n      </div>\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <div className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"flex w-full items-center gap-4 rounded-lg border p-4 text-sm [&_svg]:size-4\",\n    title: \"font-medium leading-normal tracking-tight\",\n    content: \"\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"bg-bg-muted text-fg border\" },\n      success: {\n        root: \"bg-bg-success-muted border-border-success text-fg-success border\",\n      },\n      warning: {\n        root: \"bg-bg-warning-muted border-border-warning text-fg-warning border\",\n      },\n      danger: {\n        root: \"bg-bg-danger-muted border-border-danger text-fg-danger border\",\n      },\n      info: {\n        root: \"bg-bg-info-muted border-border-info text-fg-info border\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: <InfoIcon />,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  action,\n  icon,\n  children,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props} className=\"@container items-start\">\n      <div className=\"pt-2\">{resolvedIcon}</div>\n      <div className=\"@sm:items-center @sm:flex-row flex flex-1 flex-col items-start gap-4\">\n        <div className=\"flex-1 space-y-0.5\">\n          {title && <AlertTitle>{title}</AlertTitle>}\n          {children && <AlertContent>{children}</AlertContent>}\n        </div>\n        {action}\n      </div>\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <div className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
       "target": "core/alert.tsx"
     }
   ]
diff --git a/www/public/registry/core/alert_notch-2.json b/www/public/registry/core/alert_notch-2.json
index a9f59b376..215364585 100644
--- a/www/public/registry/core/alert_notch-2.json
+++ b/www/public/registry/core/alert_notch-2.json
@@ -1,12 +1,10 @@
 {
   "name": "alert_notch-2",
-  "type": "registry:core",
   "description": "Alert with a bold left border for emphasis and muted background.",
   "files": [
     {
-      "path": "core/alert_notch.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4\",\n    title: \"mr-1 font-medium leading-normal tracking-tight\",\n    content: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"border-bg-primary\" },\n      success: {\n        root: \"border-bg-success\",\n      },\n      warning: {\n        root: \"border-bg-warning\",\n      },\n      danger: {\n        root: \"border-bg-danger\",\n      },\n      info: {\n        root: \"border-bg-info\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: null,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  description?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  description,\n  action,\n  icon,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props}>\n      {resolvedIcon}\n      <div className=\"flex-1 space-y-0.5\">\n        <AlertTitle>{title}</AlertTitle>\n        {description && <AlertContent>{description}</AlertContent>}\n      </div>\n      {action}\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <p className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4\",\n    title: \"mr-1 font-medium leading-normal tracking-tight\",\n    content: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"border-bg-primary\" },\n      success: {\n        root: \"border-bg-success\",\n      },\n      warning: {\n        root: \"border-bg-warning\",\n      },\n      danger: {\n        root: \"border-bg-danger\",\n      },\n      info: {\n        root: \"border-bg-info\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: null,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  description?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  description,\n  action,\n  icon,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props}>\n      {resolvedIcon}\n      <div className=\"flex-1 space-y-0.5\">\n        <AlertTitle>{title}</AlertTitle>\n        {description && <AlertContent>{description}</AlertContent>}\n      </div>\n      {action}\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <p className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
       "target": "core/alert.tsx"
     }
   ]
diff --git a/www/public/registry/core/alert_notch.json b/www/public/registry/core/alert_notch.json
index 7458dd3b2..76f106fae 100644
--- a/www/public/registry/core/alert_notch.json
+++ b/www/public/registry/core/alert_notch.json
@@ -1,12 +1,10 @@
 {
   "name": "alert_notch",
-  "type": "registry:core",
   "description": "Alert with a bold left border for emphasis.",
   "files": [
     {
-      "path": "core/alert_notch.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4\",\n    title: \"mr-1 font-medium leading-normal tracking-tight\",\n    content: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"border-bg-primary\" },\n      success: {\n        root: \"border-bg-success\",\n      },\n      warning: {\n        root: \"border-bg-warning\",\n      },\n      danger: {\n        root: \"border-bg-danger\",\n      },\n      info: {\n        root: \"border-bg-info\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: null,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  description?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  description,\n  action,\n  icon,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props}>\n      {resolvedIcon}\n      <div className=\"flex-1 space-y-0.5\">\n        <AlertTitle>{title}</AlertTitle>\n        {description && <AlertContent>{description}</AlertContent>}\n      </div>\n      {action}\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <p className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4\",\n    title: \"mr-1 font-medium leading-normal tracking-tight\",\n    content: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"border-bg-primary\" },\n      success: {\n        root: \"border-bg-success\",\n      },\n      warning: {\n        root: \"border-bg-warning\",\n      },\n      danger: {\n        root: \"border-bg-danger\",\n      },\n      info: {\n        root: \"border-bg-info\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: null,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  description?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  description,\n  action,\n  icon,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props}>\n      {resolvedIcon}\n      <div className=\"flex-1 space-y-0.5\">\n        <AlertTitle>{title}</AlertTitle>\n        {description && <AlertContent>{description}</AlertContent>}\n      </div>\n      {action}\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <p className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
       "target": "core/alert.tsx"
     }
   ]
diff --git a/www/public/registry/core/avatar.json b/www/public/registry/core/avatar.json
index 42a03dea3..b5473e59a 100644
--- a/www/public/registry/core/avatar.json
+++ b/www/public/registry/core/avatar.json
@@ -1,11 +1,9 @@
 {
   "name": "avatar",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/avatar_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst avatarStyles = tv({\n  slots: {\n    root: \"bg-bg relative inline-flex shrink-0 overflow-hidden align-middle\",\n    image: \"aspect-square size-full\",\n    fallback:\n      \"bg-bg-muted flex size-full select-none items-center justify-center\",\n    placeholder:\n      \"bg-bg-muted flex size-full h-full animate-pulse items-center justify-center\",\n  },\n  variants: {\n    size: {\n      sm: { root: \"size-8\" },\n      md: { root: \"size-10\" },\n      lg: { root: \"size-12\" },\n    },\n    shape: {\n      circle: { root: \"rounded-full\" },\n      square: { root: \"rounded-sm\" },\n    },\n  },\n  defaultVariants: {\n    shape: \"circle\",\n    size: \"md\",\n  },\n});\n\nconst { root, image, fallback, placeholder } = avatarStyles();\n\nconst [AvatarProvider, useAvatarContext] = createScopedContext<\n  VariantProps<typeof avatarStyles> & {\n    status: Status;\n    setStatus: (status: Status) => void;\n  }\n>(\"AlertRoot\");\n\ninterface AvatarProps\n  extends AvatarImageProps,\n    VariantProps<typeof avatarStyles> {\n  fallback?: React.ReactNode;\n}\nconst Avatar = ({\n  className,\n  style,\n  fallback,\n  size,\n  shape,\n  ...props\n}: AvatarProps) => {\n  return (\n    <AvatarRoot className={className} style={style} size={size} shape={shape}>\n      <AvatarImage {...props} />\n      <AvatarFallback>{fallback}</AvatarFallback>\n      <AvatarPlaceholder />\n    </AvatarRoot>\n  );\n};\n\ninterface AvatarRootProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof avatarStyles> {}\nfunction AvatarRoot({ className, shape, size, ...props }: AvatarRootProps) {\n  const [status, setStatus] = React.useState<Status>(\"idle\");\n\n  return (\n    <AvatarProvider\n      shape={shape}\n      size={size}\n      status={status}\n      setStatus={setStatus}\n    >\n      <span className={root({ className, shape, size })} {...props} />\n    </AvatarProvider>\n  );\n}\n\ninterface AvatarImageProps extends React.ComponentProps<\"img\"> {}\nfunction AvatarImage({ src, alt, className, ...props }: AvatarImageProps) {\n  const status = useImageLoadingStatus(src);\n  const { setStatus } = useAvatarContext(\"AvatarImage\");\n\n  React.useLayoutEffect(() => {\n    if (status !== \"idle\") {\n      setStatus(status);\n    }\n  }, [status, setStatus]);\n\n  if (status === \"success\")\n    return (\n      <img className={image({ className })} src={src} alt={alt} {...props} />\n    );\n\n  return null;\n}\n\ntype AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {\n  const { status } = useAvatarContext(\"AvatarFallback\");\n\n  if (status === \"error\")\n    return <span className={fallback({ className })} {...props} />;\n\n  return null;\n};\n\ninterface AvatarPlaceholderProps extends React.ComponentProps<\"span\"> {}\n\nconst AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {\n  const { status } = useAvatarContext(\"AvatarPlaceholder\");\n\n  if ([\"idle\", \"loading\"].includes(status))\n    return <span className={placeholder({ className })} {...props} />;\n\n  return null;\n};\n\ntype Status = \"idle\" | \"loading\" | \"success\" | \"error\";\nfunction useImageLoadingStatus(src?: string) {\n  const [status, setStatus] = React.useState<Status>(\"idle\");\n\n  React.useLayoutEffect(() => {\n    if (!src) {\n      setStatus(\"error\");\n      return;\n    }\n    let isMounted = true;\n    const image = new window.Image();\n    const updateStatus = (status: Status) => () => {\n      if (!isMounted) return;\n      setStatus(status);\n    };\n    setStatus(\"loading\");\n    image.onload = updateStatus(\"success\");\n    image.onerror = updateStatus(\"error\");\n    image.src = src;\n    return () => {\n      isMounted = false;\n    };\n  }, [src]);\n\n  return status;\n}\n\nexport type {\n  AvatarProps,\n  AvatarRootProps,\n  AvatarImageProps,\n  AvatarFallbackProps,\n  AvatarPlaceholderProps,\n};\nexport { Avatar, AvatarRoot, AvatarImage, AvatarFallback, AvatarPlaceholder };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst avatarStyles = tv({\n  slots: {\n    root: \"bg-bg relative inline-flex shrink-0 overflow-hidden align-middle\",\n    image: \"aspect-square size-full\",\n    fallback:\n      \"bg-bg-muted flex size-full select-none items-center justify-center\",\n    placeholder:\n      \"bg-bg-muted flex size-full h-full animate-pulse items-center justify-center\",\n  },\n  variants: {\n    size: {\n      sm: { root: \"size-8\" },\n      md: { root: \"size-10\" },\n      lg: { root: \"size-12\" },\n    },\n    shape: {\n      circle: { root: \"rounded-full\" },\n      square: { root: \"rounded-sm\" },\n    },\n  },\n  defaultVariants: {\n    shape: \"circle\",\n    size: \"md\",\n  },\n});\n\nconst { root, image, fallback, placeholder } = avatarStyles();\n\nconst [AvatarProvider, useAvatarContext] = createScopedContext<\n  VariantProps<typeof avatarStyles> & {\n    status: Status;\n    setStatus: (status: Status) => void;\n  }\n>(\"AlertRoot\");\n\ninterface AvatarProps\n  extends AvatarImageProps,\n    VariantProps<typeof avatarStyles> {\n  fallback?: React.ReactNode;\n}\nconst Avatar = ({\n  className,\n  style,\n  fallback,\n  size,\n  shape,\n  ...props\n}: AvatarProps) => {\n  return (\n    <AvatarRoot className={className} style={style} size={size} shape={shape}>\n      <AvatarImage {...props} />\n      <AvatarFallback>{fallback}</AvatarFallback>\n      <AvatarPlaceholder />\n    </AvatarRoot>\n  );\n};\n\ninterface AvatarRootProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof avatarStyles> {}\nfunction AvatarRoot({ className, shape, size, ...props }: AvatarRootProps) {\n  const [status, setStatus] = React.useState<Status>(\"idle\");\n\n  return (\n    <AvatarProvider\n      shape={shape}\n      size={size}\n      status={status}\n      setStatus={setStatus}\n    >\n      <span className={root({ className, shape, size })} {...props} />\n    </AvatarProvider>\n  );\n}\n\ninterface AvatarImageProps extends React.ComponentProps<\"img\"> {}\nfunction AvatarImage({ src, alt, className, ...props }: AvatarImageProps) {\n  const status = useImageLoadingStatus(src);\n  const { setStatus } = useAvatarContext(\"AvatarImage\");\n\n  React.useLayoutEffect(() => {\n    if (status !== \"idle\") {\n      setStatus(status);\n    }\n  }, [status, setStatus]);\n\n  if (status === \"success\")\n    return (\n      <img className={image({ className })} src={src} alt={alt} {...props} />\n    );\n\n  return null;\n}\n\ntype AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {\n  const { status } = useAvatarContext(\"AvatarFallback\");\n\n  if (status === \"error\")\n    return <span className={fallback({ className })} {...props} />;\n\n  return null;\n};\n\ninterface AvatarPlaceholderProps extends React.ComponentProps<\"span\"> {}\n\nconst AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {\n  const { status } = useAvatarContext(\"AvatarPlaceholder\");\n\n  if ([\"idle\", \"loading\"].includes(status))\n    return <span className={placeholder({ className })} {...props} />;\n\n  return null;\n};\n\ntype Status = \"idle\" | \"loading\" | \"success\" | \"error\";\nfunction useImageLoadingStatus(src?: string) {\n  const [status, setStatus] = React.useState<Status>(\"idle\");\n\n  React.useLayoutEffect(() => {\n    if (!src) {\n      setStatus(\"error\");\n      return;\n    }\n    let isMounted = true;\n    const image = new window.Image();\n    const updateStatus = (status: Status) => () => {\n      if (!isMounted) return;\n      setStatus(status);\n    };\n    setStatus(\"loading\");\n    image.onload = updateStatus(\"success\");\n    image.onerror = updateStatus(\"error\");\n    image.src = src;\n    return () => {\n      isMounted = false;\n    };\n  }, [src]);\n\n  return status;\n}\n\nexport type {\n  AvatarProps,\n  AvatarRootProps,\n  AvatarImageProps,\n  AvatarFallbackProps,\n  AvatarPlaceholderProps,\n};\nexport { Avatar, AvatarRoot, AvatarImage, AvatarFallback, AvatarPlaceholder };\n",
       "target": "core/avatar.tsx"
     }
   ]
diff --git a/www/public/registry/core/badge.json b/www/public/registry/core/badge.json
index 5fbb721e8..4766499ba 100644
--- a/www/public/registry/core/badge.json
+++ b/www/public/registry/core/badge.json
@@ -1,11 +1,9 @@
 {
   "name": "badge",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/badge_basic.tsx",
-      "content": "import * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nconst badgeStyles = tv({\n  base: \"inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors\",\n  variants: {\n    variant: {\n      neutral: \"bg-bg-muted text-fg\",\n      accent: \"bg-bg-accent-muted text-fg-accent\",\n      success: \"bg-bg-success-muted text-fg-success\",\n      danger: \"bg-bg-danger-muted text-fg-danger\",\n      warning: \"bg-bg-warning-muted text-fg-warning\",\n      info: \"bg-bg-info-muted text-fg-info\",\n    },\n    size: {\n      sm: \"h-5 px-2.5 [&_svg]:size-3\",\n      md: \"h-6 px-3 [&_svg]:size-3.5\",\n      lg: \"h-7 px-4 text-sm [&_svg]:size-4\",\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n    size: \"md\",\n  },\n});\n\ninterface BadgeProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof badgeStyles> {}\nconst Badge = ({ className, variant, size, ...props }: BadgeProps) => {\n  return (\n    <span\n      role=\"presentation\"\n      className={badgeStyles({ variant, size, className })}\n      {...props}\n    />\n  );\n};\n\nexport type { BadgeProps };\nexport { Badge };\n",
       "type": "registry:core",
+      "content": "import * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nconst badgeStyles = tv({\n  base: \"inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors\",\n  variants: {\n    variant: {\n      neutral: \"bg-bg-muted text-fg\",\n      accent: \"bg-bg-accent-muted text-fg-accent\",\n      success: \"bg-bg-success-muted text-fg-success\",\n      danger: \"bg-bg-danger-muted text-fg-danger\",\n      warning: \"bg-bg-warning-muted text-fg-warning\",\n      info: \"bg-bg-info-muted text-fg-info\",\n    },\n    size: {\n      sm: \"h-5 px-2.5 [&_svg]:size-3\",\n      md: \"h-6 px-3 [&_svg]:size-3.5\",\n      lg: \"h-7 px-4 text-sm [&_svg]:size-4\",\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n    size: \"md\",\n  },\n});\n\ninterface BadgeProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof badgeStyles> {}\nconst Badge = ({ className, variant, size, ...props }: BadgeProps) => {\n  return (\n    <span\n      role=\"presentation\"\n      className={badgeStyles({ variant, size, className })}\n      {...props}\n    />\n  );\n};\n\nexport type { BadgeProps };\nexport { Badge };\n",
       "target": "core/badge.tsx"
     }
   ]
diff --git a/www/public/registry/core/breadcrumbs.json b/www/public/registry/core/breadcrumbs.json
index b0f5f39ef..1145561c7 100644
--- a/www/public/registry/core/breadcrumbs.json
+++ b/www/public/registry/core/breadcrumbs.json
@@ -1,11 +1,9 @@
 {
   "name": "breadcrumbs",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/breadcrumbs_basic.tsx",
-      "content": "\"use client\";\n\nimport { ChevronRightIcon } from \"lucide-react\";\nimport {\n  Breadcrumbs as AriaBreadcrumbs,\n  Breadcrumb as AriaBreadcrumb,\n  Link as AriaLink,\n  composeRenderProps,\n  type BreadcrumbsProps as AriaBreadcrumbsProps,\n  type LinkProps as AriaLinkProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst breadcrumbsStyles = tv({\n  slots: {\n    root: \"text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4\",\n    item: \"inline-flex items-center gap-1\",\n    link: [\n      focusRing(),\n      \"hover:text-fg current:text-fg disabled:not-current:text-fg-disabled inline-flex items-center gap-1 rounded px-0.5 leading-none transition-colors disabled:cursor-default\",\n    ],\n  },\n});\nconst { root, item, link } = breadcrumbsStyles();\n\ninterface BreadcrumbsProps<T extends object> extends AriaBreadcrumbsProps<T> {\n  ref?: React.RefObject<HTMLOListElement>;\n}\nconst Breadcrumbs = <T extends object>({\n  className,\n  ...props\n}: BreadcrumbsProps<T>) => {\n  return <AriaBreadcrumbs className={root({ className })} {...props} />;\n};\n\ninterface BreadcrumbProps\n  extends React.ComponentProps<typeof BreadcrumbItem>,\n    Omit<AriaLinkProps, \"children\" | \"className\" | \"style\"> {}\nconst Breadcrumb = ({ ref, children, ...props }: BreadcrumbProps) => {\n  return (\n    <BreadcrumbItem ref={ref} {...props}>\n      {composeRenderProps(children, (children, { isCurrent }) => (\n        <>\n          <BreadcrumbLink {...props}>{children}</BreadcrumbLink>\n          {!isCurrent && <ChevronRightIcon />}\n        </>\n      ))}\n    </BreadcrumbItem>\n  );\n};\n\ninterface BreadcrumbItemProps\n  extends React.ComponentProps<typeof AriaBreadcrumb> {}\nconst BreadcrumbItem = ({ className, ...props }: BreadcrumbItemProps) => (\n  <AriaBreadcrumb\n    className={composeRenderProps(className, (className) =>\n      item({ className })\n    )}\n    {...props}\n  />\n);\n\ninterface BreadcrumbLinkProps extends React.ComponentProps<typeof AriaLink> {}\nconst BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => (\n  <AriaLink\n    className={composeRenderProps(className, (className) =>\n      link({ className })\n    )}\n    {...props}\n  />\n);\n\nexport type {\n  BreadcrumbsProps,\n  BreadcrumbProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n};\n\nexport { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport { ChevronRightIcon } from \"lucide-react\";\nimport {\n  Breadcrumbs as AriaBreadcrumbs,\n  Breadcrumb as AriaBreadcrumb,\n  Link as AriaLink,\n  composeRenderProps,\n  type BreadcrumbsProps as AriaBreadcrumbsProps,\n  type LinkProps as AriaLinkProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst breadcrumbsStyles = tv({\n  slots: {\n    root: \"text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4\",\n    item: \"inline-flex items-center gap-1\",\n    link: [\n      focusRing(),\n      \"hover:text-fg current:text-fg disabled:not-current:text-fg-disabled inline-flex items-center gap-1 rounded px-0.5 leading-none transition-colors disabled:cursor-default\",\n    ],\n  },\n});\nconst { root, item, link } = breadcrumbsStyles();\n\ninterface BreadcrumbsProps<T extends object> extends AriaBreadcrumbsProps<T> {\n  ref?: React.RefObject<HTMLOListElement>;\n}\nconst Breadcrumbs = <T extends object>({\n  className,\n  ...props\n}: BreadcrumbsProps<T>) => {\n  return <AriaBreadcrumbs className={root({ className })} {...props} />;\n};\n\ninterface BreadcrumbProps\n  extends React.ComponentProps<typeof BreadcrumbItem>,\n    Omit<AriaLinkProps, \"children\" | \"className\" | \"style\"> {}\nconst Breadcrumb = ({ ref, children, ...props }: BreadcrumbProps) => {\n  return (\n    <BreadcrumbItem ref={ref} {...props}>\n      {composeRenderProps(children, (children, { isCurrent }) => (\n        <>\n          <BreadcrumbLink {...props}>{children}</BreadcrumbLink>\n          {!isCurrent && <ChevronRightIcon />}\n        </>\n      ))}\n    </BreadcrumbItem>\n  );\n};\n\ninterface BreadcrumbItemProps\n  extends React.ComponentProps<typeof AriaBreadcrumb> {}\nconst BreadcrumbItem = ({ className, ...props }: BreadcrumbItemProps) => (\n  <AriaBreadcrumb\n    className={composeRenderProps(className, (className) =>\n      item({ className })\n    )}\n    {...props}\n  />\n);\n\ninterface BreadcrumbLinkProps extends React.ComponentProps<typeof AriaLink> {}\nconst BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => (\n  <AriaLink\n    className={composeRenderProps(className, (className) =>\n      link({ className })\n    )}\n    {...props}\n  />\n);\n\nexport type {\n  BreadcrumbsProps,\n  BreadcrumbProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n};\n\nexport { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };\n",
       "target": "core/breadcrumbs.tsx"
     }
   ]
diff --git a/www/public/registry/core/button.json b/www/public/registry/core/button.json
index ae7979a9b..84c1c0c4f 100644
--- a/www/public/registry/core/button.json
+++ b/www/public/registry/core/button.json
@@ -1,4 +1,8 @@
 {
   "name": "button",
-  "type": "registry:core"
+  "variants": [
+    "basic",
+    "brutalist",
+    "ripple"
+  ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/button_basic.json b/www/public/registry/core/button_basic.json
index 4f2d4dce9..456766731 100644
--- a/www/public/registry/core/button_basic.json
+++ b/www/public/registry/core/button_basic.json
@@ -1,11 +1,9 @@
 {
   "name": "button_basic",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/button_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type LinkProps as AriaLinkProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/helpers\";\nimport { Loader } from \"@/registry/core/loader_ring\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst buttonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default\",\n  variants: {\n    variant: {\n      default:\n        \"bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral\",\n      primary:\n        \"bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary\",\n      quiet:\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\n      accent:\n        \"bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent\",\n      success:\n        \"bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess\",\n      warning:\n        \"bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning\",\n      danger:\n        \"bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    shape: \"rectangle\",\n  },\n});\n\nconst [ButtonProvider, useButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\n\ninterface ButtonProps\n  extends Omit<AriaButtonProps, \"className\">,\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\n    VariantProps<typeof buttonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n    const contextProps = useButtonContext();\n    const props = { ...contextProps, ...localProps };\n\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\n\n    return (\n      <Element\n        ref={ref}\n        {...restProps}\n        className={buttonStyles({ variant, size, shape, className })}\n      >\n        {composeRenderProps(props.children, (children, { isPending }) => (\n          <>\n            {isPending && (\n              <Loader\n                aria-label=\"loading\"\n                className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\"\n                size={16}\n              />\n            )}\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </Element>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport type { ButtonProps };\nexport { Button, buttonStyles, ButtonProvider };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type LinkProps as AriaLinkProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/utils\";\nimport { Loader } from \"@/registry/core/loader_ring\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst buttonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default\",\n  variants: {\n    variant: {\n      default:\n        \"bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral\",\n      primary:\n        \"bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary\",\n      quiet:\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\n      accent:\n        \"bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent\",\n      success:\n        \"bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess\",\n      warning:\n        \"bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning\",\n      danger:\n        \"bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    shape: \"rectangle\",\n  },\n});\n\nconst [ButtonProvider, useButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\n\ninterface ButtonProps\n  extends Omit<AriaButtonProps, \"className\">,\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\n    VariantProps<typeof buttonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n    const contextProps = useButtonContext();\n    const props = { ...contextProps, ...localProps };\n\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\n\n    return (\n      <Element\n        ref={ref}\n        {...restProps}\n        className={buttonStyles({ variant, size, shape, className })}\n      >\n        {composeRenderProps(props.children, (children, { isPending }) => (\n          <>\n            {isPending && (\n              <Loader\n                aria-label=\"loading\"\n                className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\"\n                size={16}\n              />\n            )}\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </Element>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport type { ButtonProps };\nexport { Button, buttonStyles, ButtonProvider };\n",
       "target": "core/button.tsx"
     }
   ]
diff --git a/www/public/registry/core/button_brutalist.json b/www/public/registry/core/button_brutalist.json
index 8ab4ea86b..714a07d61 100644
--- a/www/public/registry/core/button_brutalist.json
+++ b/www/public/registry/core/button_brutalist.json
@@ -1,11 +1,9 @@
 {
   "name": "button_brutalist",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/button_brutalist.tsx",
-      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Button as AriaButton,\r\n  Link as AriaLink,\r\n  type ButtonProps as AriaButtonProps,\r\n  type LinkProps as AriaLinkProps,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { createOptionalScopedContext } from \"@/lib/helpers\";\r\nimport { Loader } from \"@/registry/core/loader_ring\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\n\r\nconst buttonStyles = tv(\r\n  {\r\n    extend: focusRing,\r\n    base: [\r\n      \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default\",\r\n      \"shadow-brutalism hover:translate-x-(--box-shadow-x) hover:translate-y-(--box-shadow-y) hover:shadow-none\",\r\n    ],\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-bg-neutral text-fg-onNeutral\",\r\n        primary: \"bg-bg-primary text-fg-onPrimary\",\r\n        quiet: \"text-fg bg-transparent\",\r\n        outline:\r\n          \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\r\n        accent:\r\n          \"bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent\",\r\n        success:\r\n          \"bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess\",\r\n        warning:\r\n          \"bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning\",\r\n        danger:\r\n          \"bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger\",\r\n      },\r\n      size: {\r\n        sm: \"size-8 [&_svg]:size-4\",\r\n        md: \"size-9 [&_svg]:size-4\",\r\n        lg: \"size-10 [&_svg]:size-5\",\r\n      },\r\n      shape: {\r\n        rectangle: \"\",\r\n        square: \"\",\r\n        circle: \"rounded-full\",\r\n      },\r\n    },\r\n    compoundVariants: [\r\n      {\r\n        size: \"sm\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-3\",\r\n      },\r\n      {\r\n        size: \"md\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-4\",\r\n      },\r\n      {\r\n        size: \"lg\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-5\",\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"md\",\r\n      shape: \"rectangle\",\r\n    },\r\n  },\r\n  {\r\n    responsiveVariants: [\"sm\", \"lg\"],\r\n  }\r\n);\r\n\r\nconst [ButtonProvider, useButtonContext] =\r\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\r\n\r\ninterface ButtonProps\r\n  extends Omit<AriaButtonProps, \"className\">,\r\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\r\n    VariantProps<typeof buttonStyles> {\r\n  className?: string;\r\n  prefix?: React.ReactNode;\r\n  suffix?: React.ReactNode;\r\n}\r\n\r\nconst Button = React.forwardRef(\r\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\r\n    const contextProps = useButtonContext();\r\n    const props = { ...contextProps, ...localProps };\r\n\r\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\r\n      props;\r\n\r\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\r\n\r\n    return (\r\n      <Element\r\n        ref={ref}\r\n        {...restProps}\r\n        className={buttonStyles({ variant, size, shape, className })}\r\n      >\r\n        {composeRenderProps(props.children, (children, { isPending }) => (\r\n          <>\r\n            {isPending && <Loader aria-label=\"loading\" size={16} />}\r\n            {prefix}\r\n            {typeof children === \"string\" ? (\r\n              <span className=\"truncate\">{children}</span>\r\n            ) : (\r\n              children\r\n            )}\r\n            {suffix}\r\n          </>\r\n        ))}\r\n      </Element>\r\n    );\r\n  }\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport type { ButtonProps };\r\nexport { Button, buttonStyles, ButtonProvider };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Button as AriaButton,\r\n  Link as AriaLink,\r\n  type ButtonProps as AriaButtonProps,\r\n  type LinkProps as AriaLinkProps,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { createOptionalScopedContext } from \"@/lib/utils\";\r\nimport { Loader } from \"@/registry/core/loader_ring\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\n\r\nconst buttonStyles = tv(\r\n  {\r\n    extend: focusRing,\r\n    base: [\r\n      \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default\",\r\n      \"shadow-brutalism hover:translate-x-(--box-shadow-x) hover:translate-y-(--box-shadow-y) hover:shadow-none\",\r\n    ],\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-bg-neutral text-fg-onNeutral\",\r\n        primary: \"bg-bg-primary text-fg-onPrimary\",\r\n        quiet: \"text-fg bg-transparent\",\r\n        outline:\r\n          \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\r\n        accent:\r\n          \"bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent\",\r\n        success:\r\n          \"bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess\",\r\n        warning:\r\n          \"bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning\",\r\n        danger:\r\n          \"bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger\",\r\n      },\r\n      size: {\r\n        sm: \"size-8 [&_svg]:size-4\",\r\n        md: \"size-9 [&_svg]:size-4\",\r\n        lg: \"size-10 [&_svg]:size-5\",\r\n      },\r\n      shape: {\r\n        rectangle: \"\",\r\n        square: \"\",\r\n        circle: \"rounded-full\",\r\n      },\r\n    },\r\n    compoundVariants: [\r\n      {\r\n        size: \"sm\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-3\",\r\n      },\r\n      {\r\n        size: \"md\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-4\",\r\n      },\r\n      {\r\n        size: \"lg\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-5\",\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"md\",\r\n      shape: \"rectangle\",\r\n    },\r\n  },\r\n  {\r\n    responsiveVariants: [\"sm\", \"lg\"],\r\n  }\r\n);\r\n\r\nconst [ButtonProvider, useButtonContext] =\r\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\r\n\r\ninterface ButtonProps\r\n  extends Omit<AriaButtonProps, \"className\">,\r\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\r\n    VariantProps<typeof buttonStyles> {\r\n  className?: string;\r\n  prefix?: React.ReactNode;\r\n  suffix?: React.ReactNode;\r\n}\r\n\r\nconst Button = React.forwardRef(\r\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\r\n    const contextProps = useButtonContext();\r\n    const props = { ...contextProps, ...localProps };\r\n\r\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\r\n      props;\r\n\r\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\r\n\r\n    return (\r\n      <Element\r\n        ref={ref}\r\n        {...restProps}\r\n        className={buttonStyles({ variant, size, shape, className })}\r\n      >\r\n        {composeRenderProps(props.children, (children, { isPending }) => (\r\n          <>\r\n            {isPending && <Loader aria-label=\"loading\" size={16} />}\r\n            {prefix}\r\n            {typeof children === \"string\" ? (\r\n              <span className=\"truncate\">{children}</span>\r\n            ) : (\r\n              children\r\n            )}\r\n            {suffix}\r\n          </>\r\n        ))}\r\n      </Element>\r\n    );\r\n  }\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport type { ButtonProps };\r\nexport { Button, buttonStyles, ButtonProvider };\r\n",
       "target": "core/button.tsx"
     }
   ]
diff --git a/www/public/registry/core/button_ripple.json b/www/public/registry/core/button_ripple.json
index 7f6b8a7aa..581e01939 100644
--- a/www/public/registry/core/button_ripple.json
+++ b/www/public/registry/core/button_ripple.json
@@ -1,23 +1,19 @@
 {
   "name": "button_ripple",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/button_ripple.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { chain } from \"react-aria\";\nimport {\n  composeRenderProps,\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type LinkProps as AriaLinkProps,\n  PressEvent,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/helpers\";\nimport { Loader } from \"@/registry/core/loader_ring\";\nimport { Ripple } from \"@/registry/core/ripple\";\nimport { useRipple } from \"@/registry/hooks/use-ripple\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst buttonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\n  variants: {\n    variant: {\n      default: \"bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral\",\n      primary: \"bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary\",\n      quiet: \"hover:bg-bg-inverse/10 text-fg bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\n      accent: \"bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent\",\n      success: \"bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess\",\n      warning: \"bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning\",\n      danger: \"bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    shape: \"rectangle\",\n  },\n});\n\nconst [ButtonProvider, useButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\n\ninterface ButtonProps\n  extends Omit<AriaButtonProps, \"className\">,\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\n    VariantProps<typeof buttonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n    const contextProps = useButtonContext();\n    const props = { ...contextProps, ...localProps };\n\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n\n    const {\n      onPress: onRipplePressHandler,\n      onClear: onClearRipple,\n      ripples,\n    } = useRipple();\n\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\n\n    const handlePress = React.useCallback(\n      (e: PressEvent) => {\n        // if (disableRipple || isDisabled || disableAnimation) return;\n        onRipplePressHandler(e);\n        // domRef.current && onRipplePressHandler(e);\n      },\n      [onRipplePressHandler]\n    );\n\n    return (\n      <Element\n        ref={ref}\n        {...restProps}\n        className={buttonStyles({ variant, size, shape, className })}\n        onPress={chain(props.onPress, handlePress)}\n      >\n        {composeRenderProps(props.children, (children, { isPending }) => (\n          <>\n            <Ripple ripples={ripples} onClear={onClearRipple} />\n            {isPending && <Loader aria-label=\"loading\" size={16} />}\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </Element>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport type { ButtonProps };\nexport { Button, buttonStyles, ButtonProvider };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { chain } from \"react-aria\";\nimport {\n  composeRenderProps,\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type LinkProps as AriaLinkProps,\n  PressEvent,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/utils\";\nimport { Loader } from \"@/registry/core/loader_ring\";\nimport { Ripple } from \"@/registry/core/ripple\";\nimport { useRipple } from \"@/registry/hooks/use-ripple\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst buttonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\n  variants: {\n    variant: {\n      default: \"bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral\",\n      primary: \"bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary\",\n      quiet: \"hover:bg-bg-inverse/10 text-fg bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\n      accent: \"bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent\",\n      success: \"bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess\",\n      warning: \"bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning\",\n      danger: \"bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    shape: \"rectangle\",\n  },\n});\n\nconst [ButtonProvider, useButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\n\ninterface ButtonProps\n  extends Omit<AriaButtonProps, \"className\">,\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\n    VariantProps<typeof buttonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n    const contextProps = useButtonContext();\n    const props = { ...contextProps, ...localProps };\n\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n\n    const {\n      onPress: onRipplePressHandler,\n      onClear: onClearRipple,\n      ripples,\n    } = useRipple();\n\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\n\n    const handlePress = React.useCallback(\n      (e: PressEvent) => {\n        // if (disableRipple || isDisabled || disableAnimation) return;\n        onRipplePressHandler(e);\n        // domRef.current && onRipplePressHandler(e);\n      },\n      [onRipplePressHandler]\n    );\n\n    return (\n      <Element\n        ref={ref}\n        {...restProps}\n        className={buttonStyles({ variant, size, shape, className })}\n        onPress={chain(props.onPress, handlePress)}\n      >\n        {composeRenderProps(props.children, (children, { isPending }) => (\n          <>\n            <Ripple ripples={ripples} onClear={onClearRipple} />\n            {isPending && <Loader aria-label=\"loading\" size={16} />}\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </Element>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport type { ButtonProps };\nexport { Button, buttonStyles, ButtonProvider };\n",
       "target": "core/button.tsx"
     },
     {
-      "path": "core/ripple.tsx",
-      "content": "\"use client\";\r\n\r\nimport type { FC } from \"react\";\r\nimport type { HTMLMotionProps } from \"motion/react\";\r\nimport { AnimatePresence, motion } from \"motion/react\";\r\nimport type { RippleType } from \"@/registry/hooks/use-ripple\";\r\n\r\nfunction clamp(value: number, min: number, max: number) {\r\n  return Math.min(Math.max(value, min), max);\r\n}\r\n\r\nexport interface RippleProps extends React.HTMLAttributes<\"span\"> {\r\n  ripples: RippleType[];\r\n  color?: string;\r\n  motionProps?: HTMLMotionProps<\"span\">;\r\n  style?: React.CSSProperties;\r\n  onClear: (key: React.Key) => void;\r\n}\r\n\r\nexport const Ripple: FC<RippleProps> = (props) => {\r\n  const {\r\n    ripples = [],\r\n    motionProps,\r\n    color = \"currentColor\",\r\n    style,\r\n    onClear,\r\n  } = props;\r\n\r\n  return (\r\n    <AnimatePresence mode=\"popLayout\">\r\n      {ripples.map((ripple) => {\r\n        const duration = clamp(\r\n          0.01 * ripple.size,\r\n          0.2,\r\n          ripple.size > 100 ? 0.75 : 0.5\r\n        );\r\n\r\n        return (\r\n          <motion.span\r\n            key={ripple.key}\r\n            initial={{ scale: 0, opacity: 0.35 }}\r\n            animate={{ scale: 2, opacity: 0 }}\r\n            exit={{ opacity: 0 }}\r\n            style={{\r\n              position: \"absolute\",\r\n              backgroundColor: color,\r\n              borderRadius: \"100%\",\r\n              transformOrigin: \"center\",\r\n              pointerEvents: \"none\",\r\n              overflow: \"hidden\",\r\n              inset: 0,\r\n              zIndex: 0,\r\n              top: ripple.y,\r\n              left: ripple.x,\r\n              width: `${ripple.size}px`,\r\n              height: `${ripple.size}px`,\r\n              ...style,\r\n            }}\r\n            transition={{ duration }}\r\n            onAnimationComplete={() => {\r\n              onClear(ripple.key);\r\n            }}\r\n            {...motionProps}\r\n          />\r\n        );\r\n      })}\r\n    </AnimatePresence>\r\n  );\r\n};\r\nRipple.displayName = \"NextUI.Ripple\";\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport type { FC } from \"react\";\r\nimport type { HTMLMotionProps } from \"motion/react\";\r\nimport { AnimatePresence, motion } from \"motion/react\";\r\nimport type { RippleType } from \"@/registry/hooks/use-ripple\";\r\n\r\nfunction clamp(value: number, min: number, max: number) {\r\n  return Math.min(Math.max(value, min), max);\r\n}\r\n\r\nexport interface RippleProps extends React.HTMLAttributes<\"span\"> {\r\n  ripples: RippleType[];\r\n  color?: string;\r\n  motionProps?: HTMLMotionProps<\"span\">;\r\n  style?: React.CSSProperties;\r\n  onClear: (key: React.Key) => void;\r\n}\r\n\r\nexport const Ripple: FC<RippleProps> = (props) => {\r\n  const {\r\n    ripples = [],\r\n    motionProps,\r\n    color = \"currentColor\",\r\n    style,\r\n    onClear,\r\n  } = props;\r\n\r\n  return (\r\n    <AnimatePresence mode=\"popLayout\">\r\n      {ripples.map((ripple) => {\r\n        const duration = clamp(\r\n          0.01 * ripple.size,\r\n          0.2,\r\n          ripple.size > 100 ? 0.75 : 0.5\r\n        );\r\n\r\n        return (\r\n          <motion.span\r\n            key={ripple.key}\r\n            initial={{ scale: 0, opacity: 0.35 }}\r\n            animate={{ scale: 2, opacity: 0 }}\r\n            exit={{ opacity: 0 }}\r\n            style={{\r\n              position: \"absolute\",\r\n              backgroundColor: color,\r\n              borderRadius: \"100%\",\r\n              transformOrigin: \"center\",\r\n              pointerEvents: \"none\",\r\n              overflow: \"hidden\",\r\n              inset: 0,\r\n              zIndex: 0,\r\n              top: ripple.y,\r\n              left: ripple.x,\r\n              width: `${ripple.size}px`,\r\n              height: `${ripple.size}px`,\r\n              ...style,\r\n            }}\r\n            transition={{ duration }}\r\n            onAnimationComplete={() => {\r\n              onClear(ripple.key);\r\n            }}\r\n            {...motionProps}\r\n          />\r\n        );\r\n      })}\r\n    </AnimatePresence>\r\n  );\r\n};\r\nRipple.displayName = \"NextUI.Ripple\";\r\n",
       "target": "core/ripple.tsx"
     },
     {
-      "path": "hooks/use-ripple.ts",
-      "content": "import React, { useCallback, useState } from \"react\";\r\nimport type { PressEvent } from \"react-aria-components\";\r\n\r\nfunction getUniqueID(prefix: string) {\r\n  return `${prefix}-${Math.floor(Math.random() * 1000000)}`;\r\n}\r\n\r\nexport type RippleType = {\r\n  key: React.Key;\r\n  x: number;\r\n  y: number;\r\n  size: number;\r\n};\r\n\r\nexport interface UseRippleProps {}\r\n\r\nexport function useRipple(props: UseRippleProps = {}) {\r\n  const [ripples, setRipples] = useState<RippleType[]>([]);\r\n\r\n  const onPress = useCallback((event: PressEvent) => {\r\n    const trigger = event.target;\r\n\r\n    const size = Math.max(trigger.clientWidth, trigger.clientHeight);\r\n\r\n    setRipples((prevRipples) => [\r\n      ...prevRipples,\r\n      {\r\n        key: getUniqueID(prevRipples.length.toString()),\r\n        size,\r\n        x: event.x - size / 2,\r\n        y: event.y - size / 2,\r\n      },\r\n    ]);\r\n  }, []);\r\n\r\n  const onClear = useCallback((key: React.Key) => {\r\n    setRipples((prevState) => prevState.filter((ripple) => ripple.key !== key));\r\n  }, []);\r\n\r\n  return { ripples, onClear, onPress, ...props };\r\n}\r\n\r\nexport type UseRippleReturn = ReturnType<typeof useRipple>;\r\n",
       "type": "registry:hook",
+      "content": "import React, { useCallback, useState } from \"react\";\r\nimport type { PressEvent } from \"react-aria-components\";\r\n\r\nfunction getUniqueID(prefix: string) {\r\n  return `${prefix}-${Math.floor(Math.random() * 1000000)}`;\r\n}\r\n\r\nexport type RippleType = {\r\n  key: React.Key;\r\n  x: number;\r\n  y: number;\r\n  size: number;\r\n};\r\n\r\nexport interface UseRippleProps {}\r\n\r\nexport function useRipple(props: UseRippleProps = {}) {\r\n  const [ripples, setRipples] = useState<RippleType[]>([]);\r\n\r\n  const onPress = useCallback((event: PressEvent) => {\r\n    const trigger = event.target;\r\n\r\n    const size = Math.max(trigger.clientWidth, trigger.clientHeight);\r\n\r\n    setRipples((prevRipples) => [\r\n      ...prevRipples,\r\n      {\r\n        key: getUniqueID(prevRipples.length.toString()),\r\n        size,\r\n        x: event.x - size / 2,\r\n        y: event.y - size / 2,\r\n      },\r\n    ]);\r\n  }, []);\r\n\r\n  const onClear = useCallback((key: React.Key) => {\r\n    setRipples((prevState) => prevState.filter((ripple) => ripple.key !== key));\r\n  }, []);\r\n\r\n  return { ripples, onClear, onPress, ...props };\r\n}\r\n\r\nexport type UseRippleReturn = ReturnType<typeof useRipple>;\r\n",
       "target": "hooks/use-ripple.ts"
     }
   ]
diff --git a/www/public/registry/core/calendar.json b/www/public/registry/core/calendar.json
index de6820e44..153c3b5c7 100644
--- a/www/public/registry/core/calendar.json
+++ b/www/public/registry/core/calendar.json
@@ -1,4 +1,7 @@
 {
   "name": "calendar",
-  "type": "registry:core"
+  "variants": [
+    "basic",
+    "cal"
+  ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/calendar_basic.json b/www/public/registry/core/calendar_basic.json
index ea53ea01a..d01c57dd3 100644
--- a/www/public/registry/core/calendar_basic.json
+++ b/www/public/registry/core/calendar_basic.json
@@ -1,11 +1,9 @@
 {
   "name": "calendar_basic",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/calendar_basic.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  Calendar as AriaCalendar,\n  RangeCalendar as AriaRangeCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarContext as AriaCalendarContext,\n  RangeCalendarContext as AriaRangeCalendarContext,\n  RangeCalendarStateContext as AriaRangeCalendarStateContext,\n  Heading as AriaHeading,\n  composeRenderProps,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type {\n  DateValue,\n  CalendarProps as AriaCalendarProps,\n  RangeCalendarProps as AriaRangeCalendarProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst calendarStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-4\",\n    header: \"flex items-center justify-between gap-2\",\n    grid: \"w-full border-collapse\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-fg-muted text-xs font-normal\",\n    gridBody: \"\",\n  },\n  variants: {\n    standalone: {\n      true: {\n        root: \"bg-bg rounded-md border p-3\",\n      },\n    },\n  },\n});\n\nconst calendarCellStyles = tv({\n  slots: {\n    cellRoot:\n      \"outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none\",\n    cell: [\n      focusRing(),\n      \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-data-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {},\n      accent: {},\n    },\n    range: {\n      true: {\n        cellRoot:\n          \"selected:bg-bg-inverse/10 selected:invalid:bg-bg-danger-muted selected: selected:invalid:text-fg-danger\",\n        cell: \"selection-start:invalid:bg-bg-danger selection-start:invalid:text-fg-onDanger selection-end:invalid:bg-bg-danger selection-end:invalid:text-fg-onDanger\",\n      },\n      false: {\n        cell: \"selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"primary\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-primary selected:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-accent selected:text-fg-onAccent\",\n      },\n    },\n    {\n      variant: \"primary\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-primary selection-start:text-fg-onPrimary selection-end:bg-bg-primary selection-end:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-accent selection-start:text-fg-onAccent selection-end:bg-bg-accent selection-end:text-fg-onAccent\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nconst { root, header, grid, gridHeader, gridHeaderCell, gridBody } =\n  calendarStyles();\n\nconst { cellRoot, cell } = calendarCellStyles();\n\ninterface CalendarProps<T extends DateValue>\n  extends Omit<CalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst Calendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: CalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </CalendarRoot>\n  );\n};\n\ninterface RangeCalendarProps<T extends DateValue>\n  extends Omit<RangeCalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst RangeCalendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: RangeCalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </RangeCalendarRoot>\n  );\n};\n\ninterface CalendarRootProps<T extends DateValue> extends AriaCalendarProps<T> {}\nconst CalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: CalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface RangeCalendarRootProps<T extends DateValue>\n  extends AriaRangeCalendarProps<T> {}\nconst RangeCalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: RangeCalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaRangeCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarHeaderProps extends React.ComponentProps<\"header\"> {}\nconst CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface CalendarGridProps\n  extends React.ComponentProps<typeof AriaCalendarGrid> {}\nconst CalendarGrid = ({ className, ...props }: CalendarGridProps) => {\n  return <AriaCalendarGrid className={grid({ className })} {...props} />;\n};\n\ninterface CalendarGridHeaderProps\n  extends React.ComponentProps<typeof AriaCalendarGridHeader> {}\nconst CalendarGridHeader = ({\n  className,\n  ...props\n}: CalendarGridHeaderProps) => {\n  return (\n    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />\n  );\n};\n\ninterface CalendarHeaderCellProps\n  extends React.ComponentProps<typeof AriaCalendarHeaderCell> {}\nconst CalendarHeaderCell = ({\n  className,\n  ...props\n}: CalendarHeaderCellProps) => {\n  return (\n    <AriaCalendarHeaderCell\n      className={gridHeaderCell({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarGridBodyProps\n  extends React.ComponentProps<typeof AriaCalendarGridBody> {}\nconst CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {\n  return (\n    <AriaCalendarGridBody className={gridBody({ className })} {...props} />\n  );\n};\n\ninterface CalendarCellProps\n  extends React.ComponentProps<typeof AriaCalendarCell>,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {}\nconst CalendarCell = ({\n  variant = \"accent\",\n  children,\n  className,\n  ...props\n}: CalendarCellProps) => {\n  const rangeCalendarState = React.use(AriaRangeCalendarStateContext);\n  const range = !!rangeCalendarState;\n\n  return (\n    <AriaCalendarCell\n      {...props}\n      className={composeRenderProps(className, (className) =>\n        cellRoot({\n          range,\n          variant,\n          className,\n        })\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (\n          _,\n          {\n            isSelected,\n            isFocused,\n            isHovered,\n            isPressed,\n            isUnavailable,\n            isDisabled,\n            isFocusVisible,\n            isInvalid,\n            isOutsideMonth,\n            isOutsideVisibleRange,\n            isSelectionEnd,\n            isSelectionStart,\n            formattedDate,\n          }\n        ) => (\n          <span\n            data-rac=\"\"\n            data-focused={isFocused || undefined}\n            data-selected={isSelected || undefined}\n            data-hovered={isHovered || undefined}\n            data-pressed={isPressed || undefined}\n            data-unavailable={isUnavailable || undefined}\n            data-disabled={isDisabled || undefined}\n            data-focus-visible={isFocusVisible || undefined}\n            data-invalid={isInvalid || undefined}\n            data-outside-month={isOutsideMonth || undefined}\n            data-outside-visible-range={isOutsideVisibleRange || undefined}\n            data-selection-end={isSelectionEnd || undefined}\n            data-selection-start={isSelectionStart || undefined}\n            className={cell({\n              range,\n              variant,\n            })}\n          >\n            {formattedDate}\n          </span>\n        )\n      )}\n    </AriaCalendarCell>\n  );\n};\n\nexport type {\n  CalendarProps,\n  CalendarRootProps,\n  RangeCalendarProps,\n  RangeCalendarRootProps,\n  CalendarHeaderProps,\n  CalendarGridProps,\n  CalendarGridHeaderProps,\n  CalendarHeaderCellProps,\n  CalendarGridBodyProps,\n  CalendarCellProps,\n};\n\nexport {\n  Calendar,\n  CalendarRoot,\n  RangeCalendar,\n  RangeCalendarRoot,\n  CalendarHeader,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  CalendarGridBody,\n  CalendarCell,\n  calendarStyles,\n};\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  Calendar as AriaCalendar,\n  RangeCalendar as AriaRangeCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarContext as AriaCalendarContext,\n  RangeCalendarContext as AriaRangeCalendarContext,\n  RangeCalendarStateContext as AriaRangeCalendarStateContext,\n  Heading as AriaHeading,\n  composeRenderProps,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type {\n  DateValue,\n  CalendarProps as AriaCalendarProps,\n  RangeCalendarProps as AriaRangeCalendarProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst calendarStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-4\",\n    header: \"flex items-center justify-between gap-2\",\n    grid: \"w-full border-collapse\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-fg-muted text-xs font-normal\",\n    gridBody: \"\",\n  },\n  variants: {\n    standalone: {\n      true: {\n        root: \"bg-bg rounded-md border p-3\",\n      },\n    },\n  },\n});\n\nconst calendarCellStyles = tv({\n  slots: {\n    cellRoot:\n      \"outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none\",\n    cell: [\n      focusRing(),\n      \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-data-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {},\n      accent: {},\n    },\n    range: {\n      true: {\n        cellRoot:\n          \"selected:bg-bg-inverse/10 selected:invalid:bg-bg-danger-muted selected: selected:invalid:text-fg-danger\",\n        cell: \"selection-start:invalid:bg-bg-danger selection-start:invalid:text-fg-onDanger selection-end:invalid:bg-bg-danger selection-end:invalid:text-fg-onDanger\",\n      },\n      false: {\n        cell: \"selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"primary\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-primary selected:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-accent selected:text-fg-onAccent\",\n      },\n    },\n    {\n      variant: \"primary\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-primary selection-start:text-fg-onPrimary selection-end:bg-bg-primary selection-end:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-accent selection-start:text-fg-onAccent selection-end:bg-bg-accent selection-end:text-fg-onAccent\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nconst { root, header, grid, gridHeader, gridHeaderCell, gridBody } =\n  calendarStyles();\n\nconst { cellRoot, cell } = calendarCellStyles();\n\ninterface CalendarProps<T extends DateValue>\n  extends Omit<CalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst Calendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: CalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </CalendarRoot>\n  );\n};\n\ninterface RangeCalendarProps<T extends DateValue>\n  extends Omit<RangeCalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst RangeCalendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: RangeCalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </RangeCalendarRoot>\n  );\n};\n\ninterface CalendarRootProps<T extends DateValue> extends AriaCalendarProps<T> {}\nconst CalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: CalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface RangeCalendarRootProps<T extends DateValue>\n  extends AriaRangeCalendarProps<T> {}\nconst RangeCalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: RangeCalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaRangeCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarHeaderProps extends React.ComponentProps<\"header\"> {}\nconst CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface CalendarGridProps\n  extends React.ComponentProps<typeof AriaCalendarGrid> {}\nconst CalendarGrid = ({ className, ...props }: CalendarGridProps) => {\n  return <AriaCalendarGrid className={grid({ className })} {...props} />;\n};\n\ninterface CalendarGridHeaderProps\n  extends React.ComponentProps<typeof AriaCalendarGridHeader> {}\nconst CalendarGridHeader = ({\n  className,\n  ...props\n}: CalendarGridHeaderProps) => {\n  return (\n    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />\n  );\n};\n\ninterface CalendarHeaderCellProps\n  extends React.ComponentProps<typeof AriaCalendarHeaderCell> {}\nconst CalendarHeaderCell = ({\n  className,\n  ...props\n}: CalendarHeaderCellProps) => {\n  return (\n    <AriaCalendarHeaderCell\n      className={gridHeaderCell({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarGridBodyProps\n  extends React.ComponentProps<typeof AriaCalendarGridBody> {}\nconst CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {\n  return (\n    <AriaCalendarGridBody className={gridBody({ className })} {...props} />\n  );\n};\n\ninterface CalendarCellProps\n  extends React.ComponentProps<typeof AriaCalendarCell>,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {}\nconst CalendarCell = ({\n  variant = \"accent\",\n  children,\n  className,\n  ...props\n}: CalendarCellProps) => {\n  const rangeCalendarState = React.use(AriaRangeCalendarStateContext);\n  const range = !!rangeCalendarState;\n\n  return (\n    <AriaCalendarCell\n      {...props}\n      className={composeRenderProps(className, (className) =>\n        cellRoot({\n          range,\n          variant,\n          className,\n        })\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (\n          _,\n          {\n            isSelected,\n            isFocused,\n            isHovered,\n            isPressed,\n            isUnavailable,\n            isDisabled,\n            isFocusVisible,\n            isInvalid,\n            isOutsideMonth,\n            isOutsideVisibleRange,\n            isSelectionEnd,\n            isSelectionStart,\n            formattedDate,\n          }\n        ) => (\n          <span\n            data-rac=\"\"\n            data-focused={isFocused || undefined}\n            data-selected={isSelected || undefined}\n            data-hovered={isHovered || undefined}\n            data-pressed={isPressed || undefined}\n            data-unavailable={isUnavailable || undefined}\n            data-disabled={isDisabled || undefined}\n            data-focus-visible={isFocusVisible || undefined}\n            data-invalid={isInvalid || undefined}\n            data-outside-month={isOutsideMonth || undefined}\n            data-outside-visible-range={isOutsideVisibleRange || undefined}\n            data-selection-end={isSelectionEnd || undefined}\n            data-selection-start={isSelectionStart || undefined}\n            className={cell({\n              range,\n              variant,\n            })}\n          >\n            {formattedDate}\n          </span>\n        )\n      )}\n    </AriaCalendarCell>\n  );\n};\n\nexport type {\n  CalendarProps,\n  CalendarRootProps,\n  RangeCalendarProps,\n  RangeCalendarRootProps,\n  CalendarHeaderProps,\n  CalendarGridProps,\n  CalendarGridHeaderProps,\n  CalendarHeaderCellProps,\n  CalendarGridBodyProps,\n  CalendarCellProps,\n};\n\nexport {\n  Calendar,\n  CalendarRoot,\n  RangeCalendar,\n  RangeCalendarRoot,\n  CalendarHeader,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  CalendarGridBody,\n  CalendarCell,\n  calendarStyles,\n};\n",
       "target": "core/calendar.tsx"
     }
   ]
diff --git a/www/public/registry/core/calendar_cal.json b/www/public/registry/core/calendar_cal.json
index da490a6d8..cf047f71b 100644
--- a/www/public/registry/core/calendar_cal.json
+++ b/www/public/registry/core/calendar_cal.json
@@ -1,11 +1,9 @@
 {
   "name": "calendar_cal",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/calendar_cal.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  Calendar as AriaCalendar,\n  RangeCalendar as AriaRangeCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarContext as AriaCalendarContext,\n  RangeCalendarContext as AriaRangeCalendarContext,\n  RangeCalendarStateContext as AriaRangeCalendarStateContext,\n  Heading as AriaHeading,\n  composeRenderProps,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type {\n  DateValue,\n  CalendarProps as AriaCalendarProps,\n  RangeCalendarProps as AriaRangeCalendarProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\nimport { ButtonGroup } from \"./button-group_basic\";\n\nconst calendarStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-4\",\n    header: \"text-fg-muted flex items-center justify-between gap-2 pl-2.5\",\n    grid: \"w-full border-collapse\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-fg-muted text-xs font-normal\",\n    gridBody: \"\",\n  },\n  variants: {\n    standalone: {\n      true: {\n        root: \"bg-bg rounded-md border p-3\",\n      },\n    },\n  },\n});\n\nconst calendarCellStyles = tv({\n  slots: {\n    cellRoot:\n      \"outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none\",\n    cell: [\n      focusRing(),\n      \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-data-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {},\n      accent: {},\n    },\n    range: {\n      true: {\n        cellRoot:\n          \"selected:bg-bg-inverse/10 selected:invalid:bg-bg-danger-muted selected: selected:invalid:text-fg-danger\",\n        cell: \"selection-start:invalid:bg-bg-danger selection-start:invalid:text-fg-onDanger selection-end:invalid:bg-bg-danger selection-end:invalid:text-fg-onDanger\",\n      },\n      false: {\n        cell: \"selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"primary\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-primary selected:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-accent selected:text-fg-onAccent\",\n      },\n    },\n    {\n      variant: \"primary\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-primary selection-start:text-fg-onPrimary selection-end:bg-bg-primary selection-end:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-accent selection-start:text-fg-onAccent selection-end:bg-bg-accent selection-end:text-fg-onAccent\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nconst { root, header, grid, gridHeader, gridHeaderCell, gridBody } =\n  calendarStyles();\n\nconst { cellRoot, cell } = calendarCellStyles();\n\ninterface CalendarProps<T extends DateValue>\n  extends Omit<CalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst Calendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: CalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <ButtonGroup variant=\"quiet\" shape=\"square\" size=\"sm\">\n              <Button slot=\"previous\">\n                <ChevronLeftIcon />\n              </Button>\n              <Button slot=\"next\">\n                <ChevronRightIcon />\n              </Button>\n            </ButtonGroup>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </CalendarRoot>\n  );\n};\n\ninterface RangeCalendarProps<T extends DateValue>\n  extends Omit<RangeCalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst RangeCalendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: RangeCalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </RangeCalendarRoot>\n  );\n};\n\ninterface CalendarRootProps<T extends DateValue> extends AriaCalendarProps<T> {}\nconst CalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: CalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface RangeCalendarRootProps<T extends DateValue>\n  extends AriaRangeCalendarProps<T> {}\nconst RangeCalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: RangeCalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaRangeCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarHeaderProps extends React.ComponentProps<\"header\"> {}\nconst CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface CalendarGridProps\n  extends React.ComponentProps<typeof AriaCalendarGrid> {}\nconst CalendarGrid = ({ className, ...props }: CalendarGridProps) => {\n  return <AriaCalendarGrid className={grid({ className })} {...props} />;\n};\n\ninterface CalendarGridHeaderProps\n  extends React.ComponentProps<typeof AriaCalendarGridHeader> {}\nconst CalendarGridHeader = ({\n  className,\n  ...props\n}: CalendarGridHeaderProps) => {\n  return (\n    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />\n  );\n};\n\ninterface CalendarHeaderCellProps\n  extends React.ComponentProps<typeof AriaCalendarHeaderCell> {}\nconst CalendarHeaderCell = ({\n  className,\n  ...props\n}: CalendarHeaderCellProps) => {\n  return (\n    <AriaCalendarHeaderCell\n      className={gridHeaderCell({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarGridBodyProps\n  extends React.ComponentProps<typeof AriaCalendarGridBody> {}\nconst CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {\n  return (\n    <AriaCalendarGridBody className={gridBody({ className })} {...props} />\n  );\n};\n\ninterface CalendarCellProps\n  extends React.ComponentProps<typeof AriaCalendarCell>,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {}\nconst CalendarCell = ({\n  variant,\n  children,\n  className,\n  ...props\n}: CalendarCellProps) => {\n  const rangeCalendarState = React.use(AriaRangeCalendarStateContext);\n  const range = !!rangeCalendarState;\n  return (\n    <AriaCalendarCell\n      {...props}\n      className={composeRenderProps(className, (className) =>\n        cellRoot({ variant, range, className })\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (\n          _,\n          {\n            isSelected,\n            isFocused,\n            isHovered,\n            isPressed,\n            isUnavailable,\n            isDisabled,\n            isFocusVisible,\n            isInvalid,\n            isOutsideMonth,\n            isOutsideVisibleRange,\n            isSelectionEnd,\n            isSelectionStart,\n            formattedDate,\n          }\n        ) => (\n          <span\n            data-rac=\"\"\n            data-focused={isFocused || undefined}\n            data-selected={isSelected || undefined}\n            data-hovered={isHovered || undefined}\n            data-pressed={isPressed || undefined}\n            data-unavailable={isUnavailable || undefined}\n            data-disabled={isDisabled || undefined}\n            data-focus-visible={isFocusVisible || undefined}\n            data-invalid={isInvalid || undefined}\n            data-outside-month={isOutsideMonth || undefined}\n            data-outside-visible-range={isOutsideVisibleRange || undefined}\n            data-selection-end={isSelectionEnd || undefined}\n            data-selection-start={isSelectionStart || undefined}\n            className={cell({\n              variant,\n              range,\n            })}\n          >\n            {formattedDate}\n          </span>\n        )\n      )}\n    </AriaCalendarCell>\n  );\n};\n\nexport type {\n  CalendarProps,\n  CalendarRootProps,\n  RangeCalendarProps,\n  RangeCalendarRootProps,\n  CalendarGridProps,\n  CalendarGridHeaderProps,\n  CalendarHeaderCellProps,\n  CalendarGridBodyProps,\n  CalendarCellProps,\n};\n\nexport {\n  Calendar,\n  CalendarRoot,\n  RangeCalendar,\n  RangeCalendarRoot,\n  CalendarHeader,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  CalendarGridBody,\n  CalendarCell,\n  calendarStyles,\n};\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  Calendar as AriaCalendar,\n  RangeCalendar as AriaRangeCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarContext as AriaCalendarContext,\n  RangeCalendarContext as AriaRangeCalendarContext,\n  RangeCalendarStateContext as AriaRangeCalendarStateContext,\n  Heading as AriaHeading,\n  composeRenderProps,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type {\n  DateValue,\n  CalendarProps as AriaCalendarProps,\n  RangeCalendarProps as AriaRangeCalendarProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\nimport { ButtonGroup } from \"./button-group_basic\";\n\nconst calendarStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-4\",\n    header: \"text-fg-muted flex items-center justify-between gap-2 pl-2.5\",\n    grid: \"w-full border-collapse\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-fg-muted text-xs font-normal\",\n    gridBody: \"\",\n  },\n  variants: {\n    standalone: {\n      true: {\n        root: \"bg-bg rounded-md border p-3\",\n      },\n    },\n  },\n});\n\nconst calendarCellStyles = tv({\n  slots: {\n    cellRoot:\n      \"outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none\",\n    cell: [\n      focusRing(),\n      \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-data-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {},\n      accent: {},\n    },\n    range: {\n      true: {\n        cellRoot:\n          \"selected:bg-bg-inverse/10 selected:invalid:bg-bg-danger-muted selected: selected:invalid:text-fg-danger\",\n        cell: \"selection-start:invalid:bg-bg-danger selection-start:invalid:text-fg-onDanger selection-end:invalid:bg-bg-danger selection-end:invalid:text-fg-onDanger\",\n      },\n      false: {\n        cell: \"selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"primary\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-primary selected:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-accent selected:text-fg-onAccent\",\n      },\n    },\n    {\n      variant: \"primary\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-primary selection-start:text-fg-onPrimary selection-end:bg-bg-primary selection-end:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-accent selection-start:text-fg-onAccent selection-end:bg-bg-accent selection-end:text-fg-onAccent\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nconst { root, header, grid, gridHeader, gridHeaderCell, gridBody } =\n  calendarStyles();\n\nconst { cellRoot, cell } = calendarCellStyles();\n\ninterface CalendarProps<T extends DateValue>\n  extends Omit<CalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst Calendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: CalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <ButtonGroup variant=\"quiet\" shape=\"square\" size=\"sm\">\n              <Button slot=\"previous\">\n                <ChevronLeftIcon />\n              </Button>\n              <Button slot=\"next\">\n                <ChevronRightIcon />\n              </Button>\n            </ButtonGroup>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </CalendarRoot>\n  );\n};\n\ninterface RangeCalendarProps<T extends DateValue>\n  extends Omit<RangeCalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst RangeCalendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: RangeCalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </RangeCalendarRoot>\n  );\n};\n\ninterface CalendarRootProps<T extends DateValue> extends AriaCalendarProps<T> {}\nconst CalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: CalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface RangeCalendarRootProps<T extends DateValue>\n  extends AriaRangeCalendarProps<T> {}\nconst RangeCalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: RangeCalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaRangeCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarHeaderProps extends React.ComponentProps<\"header\"> {}\nconst CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface CalendarGridProps\n  extends React.ComponentProps<typeof AriaCalendarGrid> {}\nconst CalendarGrid = ({ className, ...props }: CalendarGridProps) => {\n  return <AriaCalendarGrid className={grid({ className })} {...props} />;\n};\n\ninterface CalendarGridHeaderProps\n  extends React.ComponentProps<typeof AriaCalendarGridHeader> {}\nconst CalendarGridHeader = ({\n  className,\n  ...props\n}: CalendarGridHeaderProps) => {\n  return (\n    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />\n  );\n};\n\ninterface CalendarHeaderCellProps\n  extends React.ComponentProps<typeof AriaCalendarHeaderCell> {}\nconst CalendarHeaderCell = ({\n  className,\n  ...props\n}: CalendarHeaderCellProps) => {\n  return (\n    <AriaCalendarHeaderCell\n      className={gridHeaderCell({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarGridBodyProps\n  extends React.ComponentProps<typeof AriaCalendarGridBody> {}\nconst CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {\n  return (\n    <AriaCalendarGridBody className={gridBody({ className })} {...props} />\n  );\n};\n\ninterface CalendarCellProps\n  extends React.ComponentProps<typeof AriaCalendarCell>,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {}\nconst CalendarCell = ({\n  variant,\n  children,\n  className,\n  ...props\n}: CalendarCellProps) => {\n  const rangeCalendarState = React.use(AriaRangeCalendarStateContext);\n  const range = !!rangeCalendarState;\n  return (\n    <AriaCalendarCell\n      {...props}\n      className={composeRenderProps(className, (className) =>\n        cellRoot({ variant, range, className })\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (\n          _,\n          {\n            isSelected,\n            isFocused,\n            isHovered,\n            isPressed,\n            isUnavailable,\n            isDisabled,\n            isFocusVisible,\n            isInvalid,\n            isOutsideMonth,\n            isOutsideVisibleRange,\n            isSelectionEnd,\n            isSelectionStart,\n            formattedDate,\n          }\n        ) => (\n          <span\n            data-rac=\"\"\n            data-focused={isFocused || undefined}\n            data-selected={isSelected || undefined}\n            data-hovered={isHovered || undefined}\n            data-pressed={isPressed || undefined}\n            data-unavailable={isUnavailable || undefined}\n            data-disabled={isDisabled || undefined}\n            data-focus-visible={isFocusVisible || undefined}\n            data-invalid={isInvalid || undefined}\n            data-outside-month={isOutsideMonth || undefined}\n            data-outside-visible-range={isOutsideVisibleRange || undefined}\n            data-selection-end={isSelectionEnd || undefined}\n            data-selection-start={isSelectionStart || undefined}\n            className={cell({\n              variant,\n              range,\n            })}\n          >\n            {formattedDate}\n          </span>\n        )\n      )}\n    </AriaCalendarCell>\n  );\n};\n\nexport type {\n  CalendarProps,\n  CalendarRootProps,\n  RangeCalendarProps,\n  RangeCalendarRootProps,\n  CalendarGridProps,\n  CalendarGridHeaderProps,\n  CalendarHeaderCellProps,\n  CalendarGridBodyProps,\n  CalendarCellProps,\n};\n\nexport {\n  Calendar,\n  CalendarRoot,\n  RangeCalendar,\n  RangeCalendarRoot,\n  CalendarHeader,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  CalendarGridBody,\n  CalendarCell,\n  calendarStyles,\n};\n",
       "target": "core/calendar.tsx"
     }
   ]
diff --git a/www/public/registry/core/checkbox-group.json b/www/public/registry/core/checkbox-group.json
index c980441b0..4f6a334c3 100644
--- a/www/public/registry/core/checkbox-group.json
+++ b/www/public/registry/core/checkbox-group.json
@@ -1,11 +1,9 @@
 {
   "name": "checkbox-group",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/checkbox-group_basic.tsx",
-      "content": "\"use client\";\n\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  composeRenderProps,\n  type ValidationResult,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport {\n  CheckboxProvider,\n  checkboxStyles,\n} from \"@/registry/core/checkbox_basic\";\nimport { Label, HelpText } from \"@/registry/core/field_basic\";\n\nconst checkboxGroupStyles = tv({\n  base: \"flex flex-col gap-2\",\n});\n\ninterface CheckboxGroupProps extends CheckboxGroupRootProps {\n  label?: string;\n  description?: string;\n  errorMessage?: string | ((validation: ValidationResult) => string);\n}\n\nconst CheckboxGroup = ({\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: CheckboxGroupProps) => {\n  return (\n    <CheckboxGroupRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          {label && <Label>{label}</Label>}\n          {children}\n          <HelpText description={description} errorMessage={errorMessage} />\n        </>\n      ))}\n    </CheckboxGroupRoot>\n  );\n};\n\ninterface CheckboxGroupRootProps\n  extends React.ComponentProps<typeof AriaCheckboxGroup>,\n    VariantProps<typeof checkboxGroupStyles>,\n    VariantProps<typeof checkboxStyles> {}\n\nconst CheckboxGroupRoot = ({\n  variant,\n  className,\n  ...props\n}: CheckboxGroupRootProps) => {\n  return (\n    <CheckboxProvider variant={variant}>\n      <AriaCheckboxGroup\n        className={composeRenderProps(className, (className) =>\n          checkboxGroupStyles({ className })\n        )}\n        {...props}\n      />\n    </CheckboxProvider>\n  );\n};\n\nexport type { CheckboxGroupProps, CheckboxGroupRootProps };\nexport { CheckboxGroup, CheckboxGroupRoot };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  composeRenderProps,\n  type ValidationResult,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport {\n  CheckboxProvider,\n  checkboxStyles,\n} from \"@/registry/core/checkbox_basic\";\nimport { Label, HelpText } from \"@/registry/core/field_basic\";\n\nconst checkboxGroupStyles = tv({\n  base: \"flex flex-col gap-2\",\n});\n\ninterface CheckboxGroupProps extends CheckboxGroupRootProps {\n  label?: string;\n  description?: string;\n  errorMessage?: string | ((validation: ValidationResult) => string);\n}\n\nconst CheckboxGroup = ({\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: CheckboxGroupProps) => {\n  return (\n    <CheckboxGroupRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          {label && <Label>{label}</Label>}\n          {children}\n          <HelpText description={description} errorMessage={errorMessage} />\n        </>\n      ))}\n    </CheckboxGroupRoot>\n  );\n};\n\ninterface CheckboxGroupRootProps\n  extends React.ComponentProps<typeof AriaCheckboxGroup>,\n    VariantProps<typeof checkboxGroupStyles>,\n    VariantProps<typeof checkboxStyles> {}\n\nconst CheckboxGroupRoot = ({\n  variant,\n  className,\n  ...props\n}: CheckboxGroupRootProps) => {\n  return (\n    <CheckboxProvider variant={variant}>\n      <AriaCheckboxGroup\n        className={composeRenderProps(className, (className) =>\n          checkboxGroupStyles({ className })\n        )}\n        {...props}\n      />\n    </CheckboxProvider>\n  );\n};\n\nexport type { CheckboxGroupProps, CheckboxGroupRootProps };\nexport { CheckboxGroup, CheckboxGroupRoot };\n",
       "target": "core/checkbox-group.tsx"
     }
   ]
diff --git a/www/public/registry/core/checkbox.json b/www/public/registry/core/checkbox.json
index 90c2f3384..13ec97516 100644
--- a/www/public/registry/core/checkbox.json
+++ b/www/public/registry/core/checkbox.json
@@ -1,11 +1,9 @@
 {
   "name": "checkbox",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/checkbox_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport {\n  Checkbox as AriaCheckbox,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport {\n  createScopedContext,\n  createOptionalScopedContext,\n} from \"@/lib/helpers\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\n\nconst checkboxStyles = tv({\n  slots: {\n    root: \"invalid:text-fg-danger disabled:text-fg-disabled group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default\",\n    indicator: [\n      \"border-border-control flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border\",\n      \"group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75 group-indeterminate:border-transparent\",\n      \"group-read-only:cursor-default\",\n      \"group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-default\",\n      \"group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {\n        indicator:\n          \"group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary\",\n      },\n      accent: {\n        indicator:\n          \"group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent group-indeterminate:text-fg-onAccent\",\n      },\n    },\n    appearance: {\n      default: {\n        indicator: focusRingGroup(),\n      },\n      card: {\n        root: [\n          focusRing(),\n          \"disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      appearance: \"card\",\n      variant: \"primary\",\n      className: {\n        root: \"selected:bg-bg-muted\",\n      },\n    },\n    {\n      appearance: \"card\",\n      variant: \"accent\",\n      className: {\n        root: \"selected:bg-bg-accent-muted\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"primary\",\n    appearance: \"default\",\n  },\n});\n\nconst { root, indicator } = checkboxStyles();\n\nconst [VariantsProvider, useVariantsContext] = createScopedContext<\n  VariantProps<typeof checkboxStyles> & { isIndeterminate: boolean }\n>(\"CheckboxRoot\");\n\nconst [CheckboxProvider, useCheckboxContext] =\n  createOptionalScopedContext<VariantProps<typeof checkboxStyles>>(\"Checkbox\");\n\ninterface CheckboxProps extends CheckboxRootProps {}\nconst Checkbox = ({ children, ...props }: CheckboxProps) => {\n  return (\n    <CheckboxRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <CheckboxIndicator />\n          {children}\n        </>\n      ))}\n    </CheckboxRoot>\n  );\n};\n\ninterface CheckboxRootProps\n  extends React.ComponentProps<typeof AriaCheckbox>,\n    VariantProps<typeof checkboxStyles> {}\n\nconst CheckboxRoot = (localProps: CheckboxRootProps) => {\n  const contextProps = useCheckboxContext();\n  const { variant, appearance, className, ...props } = {\n    ...contextProps,\n    ...localProps,\n  };\n  return (\n    <AriaCheckbox\n      className={composeRenderProps(className, (className) =>\n        root({ variant, appearance, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(props.children, (children, { isIndeterminate }) => (\n        <VariantsProvider\n          variant={variant}\n          appearance={appearance}\n          isIndeterminate={isIndeterminate}\n        >\n          {children}\n        </VariantsProvider>\n      ))}\n    </AriaCheckbox>\n  );\n};\n\ninterface CheckboxIndicatorProps extends React.ComponentProps<\"div\"> {}\n\nconst CheckboxIndicator = ({ className, ...props }: CheckboxIndicatorProps) => {\n  const { variant, appearance, isIndeterminate } =\n    useVariantsContext(\"CheckboxIndicator\");\n  return (\n    <div className={indicator({ variant, appearance, className })} {...props}>\n      {isIndeterminate ? (\n        <MinusIcon className=\"size-2.5\" />\n      ) : (\n        <CheckIcon className=\"size-3\" />\n      )}\n    </div>\n  );\n};\n\nexport type { CheckboxProps, CheckboxRootProps, CheckboxIndicatorProps };\nexport { Checkbox, CheckboxRoot, CheckboxIndicator };\n\nexport { CheckboxProvider };\nexport { checkboxStyles };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport {\n  Checkbox as AriaCheckbox,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext, createOptionalScopedContext } from \"@/lib/utils\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\n\nconst checkboxStyles = tv({\n  slots: {\n    root: \"invalid:text-fg-danger disabled:text-fg-disabled group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default\",\n    indicator: [\n      \"border-border-control flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border\",\n      \"group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75 group-indeterminate:border-transparent\",\n      \"group-read-only:cursor-default\",\n      \"group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-default\",\n      \"group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {\n        indicator:\n          \"group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary\",\n      },\n      accent: {\n        indicator:\n          \"group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent group-indeterminate:text-fg-onAccent\",\n      },\n    },\n    appearance: {\n      default: {\n        indicator: focusRingGroup(),\n      },\n      card: {\n        root: [\n          focusRing(),\n          \"disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      appearance: \"card\",\n      variant: \"primary\",\n      className: {\n        root: \"selected:bg-bg-muted\",\n      },\n    },\n    {\n      appearance: \"card\",\n      variant: \"accent\",\n      className: {\n        root: \"selected:bg-bg-accent-muted\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"primary\",\n    appearance: \"default\",\n  },\n});\n\nconst { root, indicator } = checkboxStyles();\n\nconst [VariantsProvider, useVariantsContext] = createScopedContext<\n  VariantProps<typeof checkboxStyles> & { isIndeterminate: boolean }\n>(\"CheckboxRoot\");\n\nconst [CheckboxProvider, useCheckboxContext] =\n  createOptionalScopedContext<VariantProps<typeof checkboxStyles>>(\"Checkbox\");\n\ninterface CheckboxProps extends CheckboxRootProps {}\nconst Checkbox = ({ children, ...props }: CheckboxProps) => {\n  return (\n    <CheckboxRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <CheckboxIndicator />\n          {children}\n        </>\n      ))}\n    </CheckboxRoot>\n  );\n};\n\ninterface CheckboxRootProps\n  extends React.ComponentProps<typeof AriaCheckbox>,\n    VariantProps<typeof checkboxStyles> {}\n\nconst CheckboxRoot = (localProps: CheckboxRootProps) => {\n  const contextProps = useCheckboxContext();\n  const { variant, appearance, className, ...props } = {\n    ...contextProps,\n    ...localProps,\n  };\n  return (\n    <AriaCheckbox\n      className={composeRenderProps(className, (className) =>\n        root({ variant, appearance, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(props.children, (children, { isIndeterminate }) => (\n        <VariantsProvider\n          variant={variant}\n          appearance={appearance}\n          isIndeterminate={isIndeterminate}\n        >\n          {children}\n        </VariantsProvider>\n      ))}\n    </AriaCheckbox>\n  );\n};\n\ninterface CheckboxIndicatorProps extends React.ComponentProps<\"div\"> {}\n\nconst CheckboxIndicator = ({ className, ...props }: CheckboxIndicatorProps) => {\n  const { variant, appearance, isIndeterminate } =\n    useVariantsContext(\"CheckboxIndicator\");\n  return (\n    <div className={indicator({ variant, appearance, className })} {...props}>\n      {isIndeterminate ? (\n        <MinusIcon className=\"size-2.5\" />\n      ) : (\n        <CheckIcon className=\"size-3\" />\n      )}\n    </div>\n  );\n};\n\nexport type { CheckboxProps, CheckboxRootProps, CheckboxIndicatorProps };\nexport { Checkbox, CheckboxRoot, CheckboxIndicator };\n\nexport { CheckboxProvider };\nexport { checkboxStyles };\n",
       "target": "core/checkbox.tsx"
     }
   ]
diff --git a/www/public/registry/core/color-area.json b/www/public/registry/core/color-area.json
index 3282852a0..952238294 100644
--- a/www/public/registry/core/color-area.json
+++ b/www/public/registry/core/color-area.json
@@ -1,11 +1,9 @@
 {
   "name": "color-area",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/color-area_basic.tsx",
-      "content": "\"use client\";\n\nimport {\n  ColorArea as AriaColorArea,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ColorThumb } from \"@/registry/core/color-thumb_basic\";\n\nconst colorAreaStyles = tv({\n  base: \"disabled:[background:var(--color-bg-disabled)]! block size-48 min-w-20 rounded-md\",\n});\n\ntype ColorAreaProps = Omit<ColorAreaRootProps, \"children\">;\nconst ColorArea = (props: ColorAreaProps) => {\n  return (\n    <ColorAreaRoot {...props}>\n      <ColorThumb />\n    </ColorAreaRoot>\n  );\n};\n\ninterface ColorAreaRootProps\n  extends React.ComponentProps<typeof AriaColorArea> {}\nconst ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {\n  return (\n    <AriaColorArea\n      className={composeRenderProps(className, (className) =>\n        colorAreaStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { ColorAreaProps, ColorAreaRootProps };\nexport { ColorArea, ColorAreaRoot };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport {\n  ColorArea as AriaColorArea,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ColorThumb } from \"@/registry/core/color-thumb_basic\";\n\nconst colorAreaStyles = tv({\n  base: \"disabled:[background:var(--color-bg-disabled)]! block size-48 min-w-20 rounded-md\",\n});\n\ntype ColorAreaProps = Omit<ColorAreaRootProps, \"children\">;\nconst ColorArea = (props: ColorAreaProps) => {\n  return (\n    <ColorAreaRoot {...props}>\n      <ColorThumb />\n    </ColorAreaRoot>\n  );\n};\n\ninterface ColorAreaRootProps\n  extends React.ComponentProps<typeof AriaColorArea> {}\nconst ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {\n  return (\n    <AriaColorArea\n      className={composeRenderProps(className, (className) =>\n        colorAreaStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { ColorAreaProps, ColorAreaRootProps };\nexport { ColorArea, ColorAreaRoot };\n",
       "target": "core/color-area.tsx"
     }
   ]
diff --git a/www/public/registry/core/color-field.json b/www/public/registry/core/color-field.json
index fbc63ce2a..62c333099 100644
--- a/www/public/registry/core/color-field.json
+++ b/www/public/registry/core/color-field.json
@@ -1,11 +1,9 @@
 {
   "name": "color-field",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/color-field_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ColorField as AriaColorField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst colorFieldStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface ColorFieldProps\n  extends ColorFieldRootProps,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\n\nconst ColorField = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  inputRef,\n  ...props\n}: ColorFieldProps) => {\n  return (\n    <ColorFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <ColorFieldInput\n        inputRef={inputRef}\n        size={size}\n        prefix={prefix}\n        suffix={suffix}\n      />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </ColorFieldRoot>\n  );\n};\n\ninterface ColorFieldRootProps\n  extends React.ComponentProps<typeof AriaColorField> {\n  placeholder?: string;\n}\nconst ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {\n  return (\n    <AriaColorField\n      className={composeRenderProps(className, (className) =>\n        colorFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface ColorFieldInputProps extends InputRootProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\nconst ColorFieldInput = ({ inputRef, ...props }: ColorFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <Input ref={inputRef} />\n    </InputRoot>\n  );\n};\n\nexport type { ColorFieldProps, ColorFieldRootProps, ColorFieldInputProps };\nexport { ColorField, ColorFieldRoot, ColorFieldInput };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ColorField as AriaColorField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst colorFieldStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface ColorFieldProps\n  extends ColorFieldRootProps,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\n\nconst ColorField = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  inputRef,\n  ...props\n}: ColorFieldProps) => {\n  return (\n    <ColorFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <ColorFieldInput\n        inputRef={inputRef}\n        size={size}\n        prefix={prefix}\n        suffix={suffix}\n      />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </ColorFieldRoot>\n  );\n};\n\ninterface ColorFieldRootProps\n  extends React.ComponentProps<typeof AriaColorField> {\n  placeholder?: string;\n}\nconst ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {\n  return (\n    <AriaColorField\n      className={composeRenderProps(className, (className) =>\n        colorFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface ColorFieldInputProps extends InputRootProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\nconst ColorFieldInput = ({ inputRef, ...props }: ColorFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <Input ref={inputRef} />\n    </InputRoot>\n  );\n};\n\nexport type { ColorFieldProps, ColorFieldRootProps, ColorFieldInputProps };\nexport { ColorField, ColorFieldRoot, ColorFieldInput };\n",
       "target": "core/color-field.tsx"
     }
   ]
diff --git a/www/public/registry/core/color-picker.json b/www/public/registry/core/color-picker.json
index 93c00009b..56452df27 100644
--- a/www/public/registry/core/color-picker.json
+++ b/www/public/registry/core/color-picker.json
@@ -1,11 +1,9 @@
 {
   "name": "color-picker",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/color-picker_basic.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorPicker as AriaColorPicker,\n  ColorPickerStateContext,\n  getColorChannels,\n  composeRenderProps,\n  type ColorFormat,\n} from \"react-aria-components\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { ColorArea } from \"@/registry/core/color-area_basic\";\nimport { ColorField } from \"@/registry/core/color-field_basic\";\nimport { ColorSlider } from \"@/registry/core/color-slider_basic\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { Dialog, DialogProps, DialogRoot } from \"@/registry/core/dialog_basic\";\nimport { Item } from \"@/registry/core/list-box_basic\";\nimport { Select } from \"@/registry/core/select_basic\";\nimport { cn } from \"@/registry/lib/cn\";\n\ninterface ColorPickerProps\n  extends ColorPickerRootProps,\n    Omit<ColorPickerButtonProps, \"children\" | \"value\">,\n    Pick<\n      ColorPickerEditorProps,\n      \"showAlphaChannel\" | \"colorFormat\" | \"showFormatSelector\"\n    >,\n    Pick<DialogProps, \"isOpen\" | \"onOpenChange\"> {}\nconst ColorPicker = ({\n  value,\n  defaultValue,\n  onChange,\n  children,\n  showAlphaChannel,\n  colorFormat,\n  showFormatSelector,\n  isOpen,\n  onOpenChange,\n  ...props\n}: ColorPickerProps) => {\n  return (\n    <ColorPickerRoot\n      value={value}\n      defaultValue={defaultValue}\n      onChange={onChange}\n      {...props}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <DialogRoot isOpen={isOpen} onOpenChange={onOpenChange}>\n            <ColorPickerButton {...props}>{children}</ColorPickerButton>\n            <Dialog type=\"popover\" mobileType=\"drawer\">\n              <ColorPickerEditor\n                showAlphaChannel={showAlphaChannel}\n                colorFormat={colorFormat}\n                showFormatSelector={showFormatSelector}\n              />\n            </Dialog>\n          </DialogRoot>\n        </>\n      ))}\n    </ColorPickerRoot>\n  );\n};\n\ninterface ColorPickerRootProps\n  extends React.ComponentProps<typeof AriaColorPicker> {}\nconst ColorPickerRoot = (props: ColorPickerRootProps) => {\n  return <AriaColorPicker value=\"\" onChange={() => {}} {...props} />;\n};\n\ninterface ColorPickerButtonProps extends Omit<ButtonProps, \"children\"> {\n  children?: React.ReactNode;\n  format?: ColorFormat | \"css\";\n  showValue?: boolean;\n}\nconst ColorPickerButton = ({\n  children,\n  format = \"hex\",\n  showValue = true,\n  ...props\n}: ColorPickerButtonProps) => {\n  const state = React.use(ColorPickerStateContext)!;\n  return (\n    <Button {...props}>\n      {children || (\n        <>\n          <ColorSwatch />\n          {showValue && (\n            <span className=\"w-14 truncate text-left\">\n              {state.color.toString(format)}\n            </span>\n          )}\n        </>\n      )}\n    </Button>\n  );\n};\n\ntype PickerColorFormat = \"hex\" | \"rgb\" | \"hsl\" | \"hsb\";\ninterface ColorPickerEditorProps extends React.ComponentProps<\"div\"> {\n  showAlphaChannel?: boolean;\n  colorFormat?: PickerColorFormat;\n  showFormatSelector?: boolean;\n}\nconst ColorPickerEditor = ({\n  showAlphaChannel = false,\n  colorFormat: ColorFormatProp = \"hex\",\n  showFormatSelector = true,\n  className,\n  ...props\n}: ColorPickerEditorProps) => {\n  const [colorFormat, setColorFormat] =\n    React.useState<PickerColorFormat>(ColorFormatProp);\n\n  return (\n    <div className={cn(\"mx-auto flex flex-col gap-2\", className)} {...props}>\n      <div className=\"flex gap-2\">\n        <ColorArea\n          colorSpace=\"hsb\"\n          xChannel=\"saturation\"\n          yChannel=\"brightness\"\n        />\n        <ColorSlider orientation=\"vertical\" colorSpace=\"hsb\" channel=\"hue\" />\n        {showAlphaChannel && (\n          <ColorSlider\n            orientation=\"vertical\"\n            colorSpace=\"hsb\"\n            channel=\"alpha\"\n          />\n        )}\n      </div>\n      <div\n        className={cn(\n          \"flex flex-col gap-2\",\n          colorFormat === \"hex\" && \"flex-row\"\n        )}\n      >\n        {showFormatSelector && (\n          <Select\n            aria-label=\"Color format\"\n            selectedKey={colorFormat}\n            onSelectionChange={(key) =>\n              setColorFormat(key as PickerColorFormat)\n            }\n            size=\"sm\"\n            className=\"w-auto\"\n          >\n            <Item id=\"hex\">Hex</Item>\n            <Item id=\"rgb\">RGB</Item>\n            <Item id=\"hsl\">HSL</Item>\n            <Item id=\"hsb\">HSB</Item>\n          </Select>\n        )}\n        <div className=\"flex flex-1 items-center gap-2\">\n          {colorFormat === \"hex\" ? (\n            <ColorField aria-label=\"Hex\" className=\"w-10 flex-1\" size=\"sm\" />\n          ) : (\n            getColorChannels(colorFormat).map((channel) => (\n              <ColorField\n                key={channel}\n                colorSpace={colorFormat}\n                channel={channel}\n                className=\"w-10 flex-1\"\n                size=\"sm\"\n              />\n            ))\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  ColorPickerProps,\n  ColorPickerRootProps,\n  ColorPickerButtonProps,\n  ColorPickerEditorProps,\n};\nexport { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorPicker as AriaColorPicker,\n  ColorPickerStateContext,\n  getColorChannels,\n  composeRenderProps,\n  type ColorFormat,\n} from \"react-aria-components\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { ColorArea } from \"@/registry/core/color-area_basic\";\nimport { ColorField } from \"@/registry/core/color-field_basic\";\nimport { ColorSlider } from \"@/registry/core/color-slider_basic\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { Dialog, DialogProps, DialogRoot } from \"@/registry/core/dialog_basic\";\nimport { Item } from \"@/registry/core/list-box_basic\";\nimport { Select } from \"@/registry/core/select_basic\";\nimport { cn } from \"@/registry/lib/utils\";\n\ninterface ColorPickerProps\n  extends ColorPickerRootProps,\n    Omit<ColorPickerButtonProps, \"children\" | \"value\">,\n    Pick<\n      ColorPickerEditorProps,\n      \"showAlphaChannel\" | \"colorFormat\" | \"showFormatSelector\"\n    >,\n    Pick<DialogProps, \"isOpen\" | \"onOpenChange\"> {}\nconst ColorPicker = ({\n  value,\n  defaultValue,\n  onChange,\n  children,\n  showAlphaChannel,\n  colorFormat,\n  showFormatSelector,\n  isOpen,\n  onOpenChange,\n  ...props\n}: ColorPickerProps) => {\n  return (\n    <ColorPickerRoot\n      value={value}\n      defaultValue={defaultValue}\n      onChange={onChange}\n      {...props}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <DialogRoot isOpen={isOpen} onOpenChange={onOpenChange}>\n            <ColorPickerButton {...props}>{children}</ColorPickerButton>\n            <Dialog type=\"popover\" mobileType=\"drawer\">\n              <ColorPickerEditor\n                showAlphaChannel={showAlphaChannel}\n                colorFormat={colorFormat}\n                showFormatSelector={showFormatSelector}\n              />\n            </Dialog>\n          </DialogRoot>\n        </>\n      ))}\n    </ColorPickerRoot>\n  );\n};\n\ninterface ColorPickerRootProps\n  extends React.ComponentProps<typeof AriaColorPicker> {}\nconst ColorPickerRoot = (props: ColorPickerRootProps) => {\n  return <AriaColorPicker value=\"\" onChange={() => {}} {...props} />;\n};\n\ninterface ColorPickerButtonProps extends Omit<ButtonProps, \"children\"> {\n  children?: React.ReactNode;\n  format?: ColorFormat | \"css\";\n  showValue?: boolean;\n}\nconst ColorPickerButton = ({\n  children,\n  format = \"hex\",\n  showValue = true,\n  ...props\n}: ColorPickerButtonProps) => {\n  const state = React.use(ColorPickerStateContext)!;\n  return (\n    <Button {...props}>\n      {children || (\n        <>\n          <ColorSwatch />\n          {showValue && (\n            <span className=\"w-14 truncate text-left\">\n              {state.color.toString(format)}\n            </span>\n          )}\n        </>\n      )}\n    </Button>\n  );\n};\n\ntype PickerColorFormat = \"hex\" | \"rgb\" | \"hsl\" | \"hsb\";\ninterface ColorPickerEditorProps extends React.ComponentProps<\"div\"> {\n  showAlphaChannel?: boolean;\n  colorFormat?: PickerColorFormat;\n  showFormatSelector?: boolean;\n}\nconst ColorPickerEditor = ({\n  showAlphaChannel = false,\n  colorFormat: ColorFormatProp = \"hex\",\n  showFormatSelector = true,\n  className,\n  ...props\n}: ColorPickerEditorProps) => {\n  const [colorFormat, setColorFormat] =\n    React.useState<PickerColorFormat>(ColorFormatProp);\n\n  return (\n    <div className={cn(\"mx-auto flex flex-col gap-2\", className)} {...props}>\n      <div className=\"flex gap-2\">\n        <ColorArea\n          colorSpace=\"hsb\"\n          xChannel=\"saturation\"\n          yChannel=\"brightness\"\n        />\n        <ColorSlider orientation=\"vertical\" colorSpace=\"hsb\" channel=\"hue\" />\n        {showAlphaChannel && (\n          <ColorSlider\n            orientation=\"vertical\"\n            colorSpace=\"hsb\"\n            channel=\"alpha\"\n          />\n        )}\n      </div>\n      <div\n        className={cn(\n          \"flex flex-col gap-2\",\n          colorFormat === \"hex\" && \"flex-row\"\n        )}\n      >\n        {showFormatSelector && (\n          <Select\n            aria-label=\"Color format\"\n            selectedKey={colorFormat}\n            onSelectionChange={(key) =>\n              setColorFormat(key as PickerColorFormat)\n            }\n            size=\"sm\"\n            className=\"w-auto\"\n          >\n            <Item id=\"hex\">Hex</Item>\n            <Item id=\"rgb\">RGB</Item>\n            <Item id=\"hsl\">HSL</Item>\n            <Item id=\"hsb\">HSB</Item>\n          </Select>\n        )}\n        <div className=\"flex flex-1 items-center gap-2\">\n          {colorFormat === \"hex\" ? (\n            <ColorField aria-label=\"Hex\" className=\"w-10 flex-1\" size=\"sm\" />\n          ) : (\n            getColorChannels(colorFormat).map((channel) => (\n              <ColorField\n                key={channel}\n                colorSpace={colorFormat}\n                channel={channel}\n                className=\"w-10 flex-1\"\n                size=\"sm\"\n              />\n            ))\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  ColorPickerProps,\n  ColorPickerRootProps,\n  ColorPickerButtonProps,\n  ColorPickerEditorProps,\n};\nexport { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };\n",
       "target": "core/color-picker.tsx"
     }
   ]
diff --git a/www/public/registry/core/color-slider.json b/www/public/registry/core/color-slider.json
index cdfae0d77..f687cc3a2 100644
--- a/www/public/registry/core/color-slider.json
+++ b/www/public/registry/core/color-slider.json
@@ -1,11 +1,9 @@
 {
   "name": "color-slider",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/color-slider_basic.tsx",
-      "content": "\"use client\";\n\nimport {\n  composeRenderProps,\n  ColorSlider as AriaColorSlider,\n  SliderOutput as AriaSliderOutput,\n  SliderTrack as AriaSliderTrack,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ColorThumb } from \"@/registry/core/color-thumb_basic\";\nimport { Label } from \"@/registry/core/field_basic\";\n\nconst colorSliderStyles = tv({\n  slots: {\n    root: \"group flex flex-col gap-2\",\n    output: \"text-fg-muted text-sm\",\n    track:\n      \"disabled:[background:var(--color-bg-disabled)]! relative rounded-md before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']\",\n    thumb: \"\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"w-48\",\n        track: \"h-6 w-full\",\n        thumb: \"top-1/2\",\n      },\n      vertical: {\n        root: \"h-48 items-center\",\n        track: \"w-6 flex-1\",\n        thumb: \"left-1/2\",\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nconst { root, track, thumb, output } = colorSliderStyles();\n\ninterface ColorSliderProps extends ColorSliderRootProps {\n  showValueLabel?: boolean;\n  label?: string;\n}\nconst ColorSlider = ({\n  label,\n  channel,\n  showValueLabel = false,\n  ...props\n}: ColorSliderProps) => {\n  return (\n    <ColorSliderRoot channel={channel} {...props}>\n      {(label || showValueLabel) && (\n        <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n          {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n          {showValueLabel && (\n            <ColorSliderOutput className=\"[grid-area:value]\" />\n          )}\n        </div>\n      )}\n      <ColorSliderControl />\n    </ColorSliderRoot>\n  );\n};\n\ninterface ColorSliderRootProps\n  extends React.ComponentProps<typeof AriaColorSlider> {}\nconst ColorSliderRoot = ({ className, ...props }: ColorSliderRootProps) => {\n  return (\n    <AriaColorSlider\n      className={composeRenderProps(className, (className, { orientation }) =>\n        root({ orientation, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface ColorSliderControlProps\n  extends React.ComponentProps<typeof AriaSliderTrack> {}\nconst ColorSliderControl = ({\n  className,\n  ...props\n}: ColorSliderControlProps) => {\n  return (\n    <AriaSliderTrack\n      className={composeRenderProps(className, (className, { orientation }) =>\n        track({ orientation, className })\n      )}\n      {...props}\n    >\n      {({ orientation }) => <ColorThumb className={thumb({ orientation })} />}\n    </AriaSliderTrack>\n  );\n};\n\ninterface ColorSliderOutputProps\n  extends React.ComponentProps<typeof AriaSliderOutput> {}\nconst ColorSliderOutput = ({ className, ...props }: ColorSliderOutputProps) => {\n  return (\n    <AriaSliderOutput\n      className={composeRenderProps(className, (className) =>\n        output({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type {\n  ColorSliderProps,\n  ColorSliderRootProps,\n  ColorSliderControlProps,\n  ColorSliderOutputProps,\n};\nexport { ColorSlider, ColorSliderRoot, ColorSliderOutput, ColorSliderControl };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport {\n  composeRenderProps,\n  ColorSlider as AriaColorSlider,\n  SliderOutput as AriaSliderOutput,\n  SliderTrack as AriaSliderTrack,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ColorThumb } from \"@/registry/core/color-thumb_basic\";\nimport { Label } from \"@/registry/core/field_basic\";\n\nconst colorSliderStyles = tv({\n  slots: {\n    root: \"group flex flex-col gap-2\",\n    output: \"text-fg-muted text-sm\",\n    track:\n      \"disabled:[background:var(--color-bg-disabled)]! relative rounded-md before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']\",\n    thumb: \"\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"w-48\",\n        track: \"h-6 w-full\",\n        thumb: \"top-1/2\",\n      },\n      vertical: {\n        root: \"h-48 items-center\",\n        track: \"w-6 flex-1\",\n        thumb: \"left-1/2\",\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nconst { root, track, thumb, output } = colorSliderStyles();\n\ninterface ColorSliderProps extends ColorSliderRootProps {\n  showValueLabel?: boolean;\n  label?: string;\n}\nconst ColorSlider = ({\n  label,\n  channel,\n  showValueLabel = false,\n  ...props\n}: ColorSliderProps) => {\n  return (\n    <ColorSliderRoot channel={channel} {...props}>\n      {(label || showValueLabel) && (\n        <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n          {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n          {showValueLabel && (\n            <ColorSliderOutput className=\"[grid-area:value]\" />\n          )}\n        </div>\n      )}\n      <ColorSliderControl />\n    </ColorSliderRoot>\n  );\n};\n\ninterface ColorSliderRootProps\n  extends React.ComponentProps<typeof AriaColorSlider> {}\nconst ColorSliderRoot = ({ className, ...props }: ColorSliderRootProps) => {\n  return (\n    <AriaColorSlider\n      className={composeRenderProps(className, (className, { orientation }) =>\n        root({ orientation, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface ColorSliderControlProps\n  extends React.ComponentProps<typeof AriaSliderTrack> {}\nconst ColorSliderControl = ({\n  className,\n  ...props\n}: ColorSliderControlProps) => {\n  return (\n    <AriaSliderTrack\n      className={composeRenderProps(className, (className, { orientation }) =>\n        track({ orientation, className })\n      )}\n      {...props}\n    >\n      {({ orientation }) => <ColorThumb className={thumb({ orientation })} />}\n    </AriaSliderTrack>\n  );\n};\n\ninterface ColorSliderOutputProps\n  extends React.ComponentProps<typeof AriaSliderOutput> {}\nconst ColorSliderOutput = ({ className, ...props }: ColorSliderOutputProps) => {\n  return (\n    <AriaSliderOutput\n      className={composeRenderProps(className, (className) =>\n        output({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type {\n  ColorSliderProps,\n  ColorSliderRootProps,\n  ColorSliderControlProps,\n  ColorSliderOutputProps,\n};\nexport { ColorSlider, ColorSliderRoot, ColorSliderOutput, ColorSliderControl };\n",
       "target": "core/color-slider.tsx"
     }
   ]
diff --git a/www/public/registry/core/color-swatch-picker.json b/www/public/registry/core/color-swatch-picker.json
index 4b8161bb1..2c66c4193 100644
--- a/www/public/registry/core/color-swatch-picker.json
+++ b/www/public/registry/core/color-swatch-picker.json
@@ -1,11 +1,9 @@
 {
   "name": "color-swatch-picker",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/color-swatch-picker_basic.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorSwatchPicker as AriaColorSwatchPicker,\n  ColorSwatchPickerItem as AriaColorSwatchPickerItem,\n  type Color,\n} from \"react-aria-components\";\nimport { focusRing } from \"@/lib/focus-styles\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { cn } from \"@/registry/lib/cn\";\n\ninterface ColorSwatchPickerProps\n  extends React.ComponentProps<typeof AriaColorSwatchPicker> {}\nconst ColorSwatchPicker = ({ className, ...props }: ColorSwatchPickerProps) => {\n  return (\n    <AriaColorSwatchPicker className={cn(\"flex gap-1\", className)} {...props} />\n  );\n};\n\ninterface ColorSwatchPickerItemProps\n  extends React.ComponentProps<typeof AriaColorSwatchPickerItem> {}\nconst ColorSwatchPickerItem = ({\n  className,\n  ...props\n}: ColorSwatchPickerItemProps) => {\n  return (\n    <AriaColorSwatchPickerItem\n      className={cn(\n        focusRing(),\n        \"relative size-8 cursor-pointer rounded-md transition-shadow focus:z-10 disabled:cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {({ isSelected, isDisabled }) => (\n        <>\n          <ColorSwatch className={cn(\"size-full rounded-[inherit]\")} />\n          {isSelected && (\n            <div className=\"border-bg outline-bg-inverse z-1 absolute inset-0 rounded-[inherit] border-2 outline-2\" />\n          )}\n          {isDisabled && (\n            <div className=\"z-1 bg-bg/90 absolute inset-0 rounded-[inherit]\" />\n          )}\n        </>\n      )}\n    </AriaColorSwatchPickerItem>\n  );\n};\n\nexport type { ColorSwatchPickerProps, ColorSwatchPickerItemProps };\nexport { ColorSwatchPicker, ColorSwatchPickerItem };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorSwatchPicker as AriaColorSwatchPicker,\n  ColorSwatchPickerItem as AriaColorSwatchPickerItem,\n  type Color,\n} from \"react-aria-components\";\nimport { focusRing } from \"@/lib/focus-styles\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { cn } from \"@/registry/lib/utils\";\n\ninterface ColorSwatchPickerProps\n  extends React.ComponentProps<typeof AriaColorSwatchPicker> {}\nconst ColorSwatchPicker = ({ className, ...props }: ColorSwatchPickerProps) => {\n  return (\n    <AriaColorSwatchPicker className={cn(\"flex gap-1\", className)} {...props} />\n  );\n};\n\ninterface ColorSwatchPickerItemProps\n  extends React.ComponentProps<typeof AriaColorSwatchPickerItem> {}\nconst ColorSwatchPickerItem = ({\n  className,\n  ...props\n}: ColorSwatchPickerItemProps) => {\n  return (\n    <AriaColorSwatchPickerItem\n      className={cn(\n        focusRing(),\n        \"relative size-8 cursor-pointer rounded-md transition-shadow focus:z-10 disabled:cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {({ isSelected, isDisabled }) => (\n        <>\n          <ColorSwatch className={cn(\"size-full rounded-[inherit]\")} />\n          {isSelected && (\n            <div className=\"border-bg outline-bg-inverse z-1 absolute inset-0 rounded-[inherit] border-2 outline-2\" />\n          )}\n          {isDisabled && (\n            <div className=\"z-1 bg-bg/90 absolute inset-0 rounded-[inherit]\" />\n          )}\n        </>\n      )}\n    </AriaColorSwatchPickerItem>\n  );\n};\n\nexport type { ColorSwatchPickerProps, ColorSwatchPickerItemProps };\nexport { ColorSwatchPicker, ColorSwatchPickerItem };\n",
       "target": "core/color-swatch-picker.tsx"
     }
   ]
diff --git a/www/public/registry/core/color-swatch.json b/www/public/registry/core/color-swatch.json
index 3d3ea1e5f..c00939f98 100644
--- a/www/public/registry/core/color-swatch.json
+++ b/www/public/registry/core/color-swatch.json
@@ -1,11 +1,9 @@
 {
   "name": "color-swatch",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/color-swatch_basic.tsx",
-      "content": "\"use client\";\n\nimport {\n  ColorSwatch as AriaColorSwatch,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst colorSwatchStyles = tv({\n  base: \"relative size-5 rounded-sm border\",\n});\n\ninterface ColorSwatchProps\n  extends React.ComponentProps<typeof AriaColorSwatch> {}\nconst ColorSwatch = ({ className, style, ...props }: ColorSwatchProps) => {\n  return (\n    <AriaColorSwatch\n      className={composeRenderProps(className, (className) =>\n        colorSwatchStyles({ className })\n      )}\n      style={composeRenderProps(style, (style, { color }) => ({\n        ...style,\n        background: `linear-gradient(${color}, ${color}),\n        repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`,\n      }))}\n      {...props}\n    />\n  );\n};\n\nexport type { ColorSwatchProps };\nexport { ColorSwatch };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport {\n  ColorSwatch as AriaColorSwatch,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst colorSwatchStyles = tv({\n  base: \"relative size-5 rounded-sm border\",\n});\n\ninterface ColorSwatchProps\n  extends React.ComponentProps<typeof AriaColorSwatch> {}\nconst ColorSwatch = ({ className, style, ...props }: ColorSwatchProps) => {\n  return (\n    <AriaColorSwatch\n      className={composeRenderProps(className, (className) =>\n        colorSwatchStyles({ className })\n      )}\n      style={composeRenderProps(style, (style, { color }) => ({\n        ...style,\n        background: `linear-gradient(${color}, ${color}),\n        repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`,\n      }))}\n      {...props}\n    />\n  );\n};\n\nexport type { ColorSwatchProps };\nexport { ColorSwatch };\n",
       "target": "core/color-swatch.tsx"
     }
   ]
diff --git a/www/public/registry/core/color-thumb.json b/www/public/registry/core/color-thumb.json
index 433f4ce1f..a8d04630c 100644
--- a/www/public/registry/core/color-thumb.json
+++ b/www/public/registry/core/color-thumb.json
@@ -1,11 +1,9 @@
 {
   "name": "color-thumb",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/color-thumb_basic.tsx",
-      "content": "\"use client\";\n\nimport {\n  ColorThumb as AriaColorThumb,\n  type ColorThumbProps as AriaColorThumbProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst colorThumbStyles = tv({\n  extend: focusRing,\n  base: [\n    \"disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40\",\n    \"group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2\",\n  ],\n});\n\ninterface ColorThumbProps extends Omit<AriaColorThumbProps, \"className\"> {\n  className?: string;\n}\nconst ColorThumb = ({ className, ...props }: ColorThumbProps) => {\n  return (\n    <AriaColorThumb className={colorThumbStyles({ className })} {...props} />\n  );\n};\n\nexport type { ColorThumbProps };\nexport { ColorThumb };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport {\n  ColorThumb as AriaColorThumb,\n  type ColorThumbProps as AriaColorThumbProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst colorThumbStyles = tv({\n  extend: focusRing,\n  base: [\n    \"disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40\",\n    \"group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2\",\n  ],\n});\n\ninterface ColorThumbProps extends Omit<AriaColorThumbProps, \"className\"> {\n  className?: string;\n}\nconst ColorThumb = ({ className, ...props }: ColorThumbProps) => {\n  return (\n    <AriaColorThumb className={colorThumbStyles({ className })} {...props} />\n  );\n};\n\nexport type { ColorThumbProps };\nexport { ColorThumb };\n",
       "target": "core/color-thumb.tsx"
     }
   ]
diff --git a/www/public/registry/core/combobox.json b/www/public/registry/core/combobox.json
index 0b464e935..80709eeb0 100644
--- a/www/public/registry/core/combobox.json
+++ b/www/public/registry/core/combobox.json
@@ -1,11 +1,9 @@
 {
   "name": "combobox",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/combobox_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport {\n  ComboBox as AriaCombobox,\n  type ComboBoxProps as AriaComboboxProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { Input, InputRoot } from \"@/registry/core/input_basic\";\nimport { ListBox } from \"@/registry/core/list-box_basic\";\nimport { Overlay } from \"@/registry/core/overlay_basic\";\n\nconst comboboxStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n  },\n});\n\ninterface ComboboxProps<T extends object>\n  extends Omit<ComboboxRootProps<T>, \"children\">,\n    Omit<FieldProps, \"children\"> {\n  isLoading?: boolean;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n  items?: Iterable<T>;\n}\nconst Combobox = <T extends object>({\n  label,\n  description,\n  errorMessage,\n  children,\n  items,\n  isLoading,\n  ...props\n}: ComboboxProps<T>) => {\n  return (\n    <ComboboxRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <ComboboxInput />\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Overlay type=\"popover\">\n        <ListBox items={items} isLoading={isLoading}>\n          {children}\n        </ListBox>\n      </Overlay>\n    </ComboboxRoot>\n  );\n};\n\nconst ComboboxInput = () => {\n  return (\n    <InputRoot className=\"px-0\">\n      <Input className=\"pl-2\" />\n      <Button variant=\"default\" shape=\"square\" className=\"my-1 mr-1 size-7\">\n        <ChevronDownIcon />\n      </Button>\n    </InputRoot>\n  );\n};\n\ninterface ComboboxRootProps<T extends object>\n  extends Omit<AriaComboboxProps<T>, \"className\"> {\n  className?: string;\n}\nconst ComboboxRoot = <T extends object>({\n  className,\n  ...props\n}: ComboboxRootProps<T>) => {\n  const { root } = comboboxStyles();\n  return <AriaCombobox className={root({ className })} {...props} />;\n};\n\nexport type { ComboboxProps, ComboboxRootProps };\nexport { Combobox, ComboboxRoot, ComboboxInput };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport {\n  ComboBox as AriaCombobox,\n  type ComboBoxProps as AriaComboboxProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { Input, InputRoot } from \"@/registry/core/input_basic\";\nimport { ListBox } from \"@/registry/core/list-box_basic\";\nimport { Overlay } from \"@/registry/core/overlay_basic\";\n\nconst comboboxStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n  },\n});\n\ninterface ComboboxProps<T extends object>\n  extends Omit<ComboboxRootProps<T>, \"children\">,\n    Omit<FieldProps, \"children\"> {\n  isLoading?: boolean;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n  items?: Iterable<T>;\n}\nconst Combobox = <T extends object>({\n  label,\n  description,\n  errorMessage,\n  children,\n  items,\n  isLoading,\n  ...props\n}: ComboboxProps<T>) => {\n  return (\n    <ComboboxRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <ComboboxInput />\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Overlay type=\"popover\">\n        <ListBox items={items} isLoading={isLoading}>\n          {children}\n        </ListBox>\n      </Overlay>\n    </ComboboxRoot>\n  );\n};\n\nconst ComboboxInput = () => {\n  return (\n    <InputRoot className=\"px-0\">\n      <Input className=\"pl-2\" />\n      <Button variant=\"default\" shape=\"square\" className=\"my-1 mr-1 size-7\">\n        <ChevronDownIcon />\n      </Button>\n    </InputRoot>\n  );\n};\n\ninterface ComboboxRootProps<T extends object>\n  extends Omit<AriaComboboxProps<T>, \"className\"> {\n  className?: string;\n}\nconst ComboboxRoot = <T extends object>({\n  className,\n  ...props\n}: ComboboxRootProps<T>) => {\n  const { root } = comboboxStyles();\n  return <AriaCombobox className={root({ className })} {...props} />;\n};\n\nexport type { ComboboxProps, ComboboxRootProps };\nexport { Combobox, ComboboxRoot, ComboboxInput };\n",
       "target": "core/combobox.tsx"
     }
   ]
diff --git a/www/public/registry/core/command.json b/www/public/registry/core/command.json
index 7d3c77f18..ac8204412 100644
--- a/www/public/registry/core/command.json
+++ b/www/public/registry/core/command.json
@@ -1,11 +1,9 @@
 {
   "name": "command",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/command_basic.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { UNSTABLE_Autocomplete as AriaAutocomplete } from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst commandStyles = tv({\r\n  slots: {\r\n    root: \"flex flex-col\",\r\n  },\r\n  variants: {\r\n    standalone: {\r\n      true: {\r\n        root: \"\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    standalone: true,\r\n  },\r\n});\r\n\r\nconst { root } = commandStyles();\r\n\r\ninterface CommandProps extends CommandRootProps {}\r\nconst Command = (props: CommandProps) => {\r\n  return <CommandRoot {...props} />;\r\n};\r\n\r\ninterface CommandRootProps\r\n  extends React.ComponentProps<typeof AriaAutocomplete>,\r\n    Omit<React.ComponentProps<\"div\">, \"children\" | \"slot\"> {}\r\nconst CommandRoot = ({\r\n  filter,\r\n  defaultInputValue,\r\n  inputValue,\r\n  onInputChange,\r\n  slot,\r\n  className,\r\n  ...props\r\n}: CommandProps) => {\r\n  return (\r\n    <AriaAutocomplete\r\n      filter={filter}\r\n      defaultInputValue={defaultInputValue}\r\n      inputValue={inputValue}\r\n      onInputChange={onInputChange}\r\n      slot={slot}\r\n    >\r\n      <div className={root({ className })} {...props} />\r\n    </AriaAutocomplete>\r\n  );\r\n};\r\n\r\nexport { Command };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { UNSTABLE_Autocomplete as AriaAutocomplete } from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst commandStyles = tv({\r\n  slots: {\r\n    root: \"flex flex-col\",\r\n  },\r\n  variants: {\r\n    standalone: {\r\n      true: {\r\n        root: \"\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    standalone: true,\r\n  },\r\n});\r\n\r\nconst { root } = commandStyles();\r\n\r\ninterface CommandProps extends CommandRootProps {}\r\nconst Command = (props: CommandProps) => {\r\n  return <CommandRoot {...props} />;\r\n};\r\n\r\ninterface CommandRootProps\r\n  extends React.ComponentProps<typeof AriaAutocomplete>,\r\n    Omit<React.ComponentProps<\"div\">, \"children\" | \"slot\"> {}\r\nconst CommandRoot = ({\r\n  filter,\r\n  defaultInputValue,\r\n  inputValue,\r\n  onInputChange,\r\n  slot,\r\n  className,\r\n  ...props\r\n}: CommandProps) => {\r\n  return (\r\n    <AriaAutocomplete\r\n      filter={filter}\r\n      defaultInputValue={defaultInputValue}\r\n      inputValue={inputValue}\r\n      onInputChange={onInputChange}\r\n      slot={slot}\r\n    >\r\n      <div className={root({ className })} {...props} />\r\n    </AriaAutocomplete>\r\n  );\r\n};\r\n\r\nexport { Command };\r\n",
       "target": "core/command.tsx"
     }
   ]
diff --git a/www/public/registry/core/date-field.json b/www/public/registry/core/date-field.json
index 0bfac0aa7..39adc7355 100644
--- a/www/public/registry/core/date-field.json
+++ b/www/public/registry/core/date-field.json
@@ -1,11 +1,9 @@
 {
   "name": "date-field",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/date-field_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  DateField as AriaDateField,\n  composeRenderProps,\n  type DateValue,\n  type DateFieldProps as AriaDateFieldProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { HelpText, Label, type FieldProps } from \"./field_basic\";\nimport { InputRoot, type InputRootProps } from \"./input_basic\";\n\nconst dateFieldStyles = tv({\n  base: \"flex w-32 flex-col items-start gap-2\",\n});\n\ninterface DateFieldProps<T extends DateValue>\n  extends DateFieldRootProps<T>,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst DateField = <T extends DateValue>({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  ...props\n}: DateFieldProps<T>) => {\n  return (\n    <DateFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <DateFieldInput />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </DateFieldRoot>\n  );\n};\n\ninterface DateFieldRootProps<T extends DateValue>\n  extends AriaDateFieldProps<T> {\n  ref?: React.RefObject<HTMLDivElement>;\n}\nconst DateFieldRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DateFieldRootProps<T>) => {\n  return (\n    <AriaDateField\n      className={composeRenderProps(className, (className) =>\n        dateFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DateFieldInputProps extends InputRootProps {}\nconst DateFieldInput = (props: DateFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n    </InputRoot>\n  );\n};\n\nexport type { DateFieldProps, DateFieldRootProps, DateFieldInputProps };\nexport { DateField, DateFieldRoot, DateFieldInput };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  DateField as AriaDateField,\n  composeRenderProps,\n  type DateValue,\n  type DateFieldProps as AriaDateFieldProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { HelpText, Label, type FieldProps } from \"./field_basic\";\nimport { InputRoot, type InputRootProps } from \"./input_basic\";\n\nconst dateFieldStyles = tv({\n  base: \"flex w-32 flex-col items-start gap-2\",\n});\n\ninterface DateFieldProps<T extends DateValue>\n  extends DateFieldRootProps<T>,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst DateField = <T extends DateValue>({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  ...props\n}: DateFieldProps<T>) => {\n  return (\n    <DateFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <DateFieldInput />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </DateFieldRoot>\n  );\n};\n\ninterface DateFieldRootProps<T extends DateValue>\n  extends AriaDateFieldProps<T> {\n  ref?: React.RefObject<HTMLDivElement>;\n}\nconst DateFieldRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DateFieldRootProps<T>) => {\n  return (\n    <AriaDateField\n      className={composeRenderProps(className, (className) =>\n        dateFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DateFieldInputProps extends InputRootProps {}\nconst DateFieldInput = (props: DateFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n    </InputRoot>\n  );\n};\n\nexport type { DateFieldProps, DateFieldRootProps, DateFieldInputProps };\nexport { DateField, DateFieldRoot, DateFieldInput };\n",
       "target": "core/date-field.tsx"
     }
   ]
diff --git a/www/public/registry/core/date-input.json b/www/public/registry/core/date-input.json
index 8606e91e4..4520e1975 100644
--- a/www/public/registry/core/date-input.json
+++ b/www/public/registry/core/date-input.json
@@ -1,11 +1,9 @@
 {
   "name": "date-input",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/date-input_basic.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  DateInput as AriaDateInput,\n  DateSegment as AriaDateSegment,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst dateInputStyles = tv({\n  slots: {\n    input: [\n      \"text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex flex-1 items-center justify-start disabled:cursor-default\",\n    ],\n    segment:\n      \"focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:not-data-disabled:not-data-focused:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent\",\n  },\n});\n\nconst { input, segment } = dateInputStyles();\n\ninterface DateInputProps extends React.ComponentProps<typeof AriaDateInput> {}\nconst DateInput = ({ className, ...props }: DateInputProps) => {\n  return (\n    <AriaDateInput\n      className={composeRenderProps(className, (className) =>\n        input({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DateSegmentProps\n  extends React.ComponentProps<typeof AriaDateSegment> {}\nconst DateSegment = ({ className, ...props }: DateSegmentProps) => {\n  return (\n    <AriaDateSegment\n      className={composeRenderProps(className, (className) =>\n        segment({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { DateInputProps, DateSegmentProps };\nexport { DateInput, DateSegment };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  DateInput as AriaDateInput,\n  DateSegment as AriaDateSegment,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst dateInputStyles = tv({\n  slots: {\n    input: [\n      \"text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex flex-1 items-center justify-start disabled:cursor-default\",\n    ],\n    segment:\n      \"focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:not-data-disabled:not-data-focused:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent\",\n  },\n});\n\nconst { input, segment } = dateInputStyles();\n\ninterface DateInputProps extends React.ComponentProps<typeof AriaDateInput> {}\nconst DateInput = ({ className, ...props }: DateInputProps) => {\n  return (\n    <AriaDateInput\n      className={composeRenderProps(className, (className) =>\n        input({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DateSegmentProps\n  extends React.ComponentProps<typeof AriaDateSegment> {}\nconst DateSegment = ({ className, ...props }: DateSegmentProps) => {\n  return (\n    <AriaDateSegment\n      className={composeRenderProps(className, (className) =>\n        segment({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { DateInputProps, DateSegmentProps };\nexport { DateInput, DateSegment };\n",
       "target": "core/date-input.tsx"
     }
   ]
diff --git a/www/public/registry/core/date-picker.json b/www/public/registry/core/date-picker.json
index a7a63f481..6dd3487b8 100644
--- a/www/public/registry/core/date-picker.json
+++ b/www/public/registry/core/date-picker.json
@@ -1,11 +1,9 @@
 {
   "name": "date-picker",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/date-picker_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CalendarIcon } from \"lucide-react\";\nimport {\n  DatePicker as AriaDatePicker,\n  type DatePickerProps as AriaDatePickerProps,\n  type DateValue,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Calendar } from \"@/registry/core/calendar_basic\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { Dialog } from \"@/registry/core/dialog_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { InputRoot, type inputStyles } from \"@/registry/core/input_basic\";\n\nconst datePickerStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface DatePickerProps<T extends DateValue>\n  extends DatePickerRootProps<T>,\n    Omit<FieldProps, \"children\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n}\n\nconst DatePicker = <T extends DateValue>({\n  size,\n  label,\n  description,\n  errorMessage,\n  prefix,\n  ...props\n}: DatePickerProps<T>) => {\n  return (\n    <DatePickerRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot\n        size={size}\n        prefix={prefix}\n        // isInvalid={isInvalid}\n        className=\"pr-1\"\n      >\n        <DateInput className=\"flex-1\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <Button\n          variant=\"default\"\n          size=\"sm\"\n          shape=\"square\"\n          className=\"my-1 size-7 rounded-sm\"\n        >\n          <CalendarIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Dialog type=\"popover\" mobileType=\"drawer\" className=\"flex\">\n        <Calendar className=\"mx-auto\" />\n      </Dialog>\n    </DatePickerRoot>\n  );\n};\n\ninterface DatePickerRootProps<T extends DateValue>\n  extends Omit<AriaDatePickerProps<T>, \"className\"> {\n  className?: string;\n}\nconst DatePickerRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DatePickerRootProps<T>) => {\n  return (\n    <AriaDatePicker className={datePickerStyles({ className })} {...props} />\n  );\n};\n\nexport type { DatePickerProps, DatePickerRootProps };\nexport { DatePicker, DatePickerRoot };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CalendarIcon } from \"lucide-react\";\nimport {\n  DatePicker as AriaDatePicker,\n  type DatePickerProps as AriaDatePickerProps,\n  type DateValue,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Calendar } from \"@/registry/core/calendar_basic\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { Dialog } from \"@/registry/core/dialog_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { InputRoot, type inputStyles } from \"@/registry/core/input_basic\";\n\nconst datePickerStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface DatePickerProps<T extends DateValue>\n  extends DatePickerRootProps<T>,\n    Omit<FieldProps, \"children\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n}\n\nconst DatePicker = <T extends DateValue>({\n  size,\n  label,\n  description,\n  errorMessage,\n  prefix,\n  ...props\n}: DatePickerProps<T>) => {\n  return (\n    <DatePickerRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot\n        size={size}\n        prefix={prefix}\n        // isInvalid={isInvalid}\n        className=\"pr-1\"\n      >\n        <DateInput className=\"flex-1\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <Button\n          variant=\"default\"\n          size=\"sm\"\n          shape=\"square\"\n          className=\"my-1 size-7 rounded-sm\"\n        >\n          <CalendarIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Dialog type=\"popover\" mobileType=\"drawer\" className=\"flex\">\n        <Calendar className=\"mx-auto\" />\n      </Dialog>\n    </DatePickerRoot>\n  );\n};\n\ninterface DatePickerRootProps<T extends DateValue>\n  extends Omit<AriaDatePickerProps<T>, \"className\"> {\n  className?: string;\n}\nconst DatePickerRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DatePickerRootProps<T>) => {\n  return (\n    <AriaDatePicker className={datePickerStyles({ className })} {...props} />\n  );\n};\n\nexport type { DatePickerProps, DatePickerRootProps };\nexport { DatePicker, DatePickerRoot };\n",
       "target": "core/date-picker.tsx"
     }
   ]
diff --git a/www/public/registry/core/date-range-picker.json b/www/public/registry/core/date-range-picker.json
index 36f6d522f..6716b3765 100644
--- a/www/public/registry/core/date-range-picker.json
+++ b/www/public/registry/core/date-range-picker.json
@@ -1,11 +1,9 @@
 {
   "name": "date-range-picker",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/date-range-picker_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CalendarIcon } from \"lucide-react\";\nimport {\n  DateRangePicker as AriaDateRangePicker,\n  type DateRangePickerProps as AriaDateRangePickerProps,\n  type DateValue,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { RangeCalendar } from \"@/registry/core/calendar_basic\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { Dialog } from \"@/registry/core/dialog_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { InputRoot, type inputStyles } from \"@/registry/core/input_basic\";\n\nconst dateRangePickerStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface DateRangePickerProps<T extends DateValue>\n  extends DateRangePickerRootProps<T>,\n    Omit<FieldProps, \"children\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n  isLoading?: boolean;\n}\n\nconst DateRangePicker = <T extends DateValue>({\n  className,\n  size,\n  label,\n  description,\n  errorMessage,\n  prefix,\n  isLoading,\n  isRequired,\n  isDisabled,\n  ...props\n}: DateRangePickerProps<T>) => {\n  return (\n    <DateRangePickerRoot\n      className={className}\n      isRequired={isRequired}\n      isDisabled={isLoading || isDisabled}\n      {...props}\n    >\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} prefix={prefix} className=\"pr-1\">\n        <DateInput slot=\"start\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <span aria-hidden=\"true\">–</span>\n        <DateInput slot=\"end\" className=\"flex-1\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <Button\n          variant=\"default\"\n          size=\"sm\"\n          shape=\"square\"\n          className=\"my-1 size-7 rounded-sm\"\n        >\n          <CalendarIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Dialog type=\"popover\" mobileType=\"drawer\" className=\"flex\">\n        <RangeCalendar className=\"mx-auto\" />\n      </Dialog>\n    </DateRangePickerRoot>\n  );\n};\n\ninterface DateRangePickerRootProps<T extends DateValue>\n  extends Omit<AriaDateRangePickerProps<T>, \"className\"> {\n  className?: string;\n}\nconst DateRangePickerRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DateRangePickerRootProps<T>) => {\n  return (\n    <AriaDateRangePicker\n      className={dateRangePickerStyles({ className })}\n      {...props}\n    />\n  );\n};\n\nexport type { DateRangePickerProps, DateRangePickerRootProps };\nexport { DateRangePicker, DateRangePickerRoot };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CalendarIcon } from \"lucide-react\";\nimport {\n  DateRangePicker as AriaDateRangePicker,\n  type DateRangePickerProps as AriaDateRangePickerProps,\n  type DateValue,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { RangeCalendar } from \"@/registry/core/calendar_basic\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { Dialog } from \"@/registry/core/dialog_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { InputRoot, type inputStyles } from \"@/registry/core/input_basic\";\n\nconst dateRangePickerStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface DateRangePickerProps<T extends DateValue>\n  extends DateRangePickerRootProps<T>,\n    Omit<FieldProps, \"children\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n  isLoading?: boolean;\n}\n\nconst DateRangePicker = <T extends DateValue>({\n  className,\n  size,\n  label,\n  description,\n  errorMessage,\n  prefix,\n  isLoading,\n  isRequired,\n  isDisabled,\n  ...props\n}: DateRangePickerProps<T>) => {\n  return (\n    <DateRangePickerRoot\n      className={className}\n      isRequired={isRequired}\n      isDisabled={isLoading || isDisabled}\n      {...props}\n    >\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} prefix={prefix} className=\"pr-1\">\n        <DateInput slot=\"start\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <span aria-hidden=\"true\">–</span>\n        <DateInput slot=\"end\" className=\"flex-1\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <Button\n          variant=\"default\"\n          size=\"sm\"\n          shape=\"square\"\n          className=\"my-1 size-7 rounded-sm\"\n        >\n          <CalendarIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Dialog type=\"popover\" mobileType=\"drawer\" className=\"flex\">\n        <RangeCalendar className=\"mx-auto\" />\n      </Dialog>\n    </DateRangePickerRoot>\n  );\n};\n\ninterface DateRangePickerRootProps<T extends DateValue>\n  extends Omit<AriaDateRangePickerProps<T>, \"className\"> {\n  className?: string;\n}\nconst DateRangePickerRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DateRangePickerRootProps<T>) => {\n  return (\n    <AriaDateRangePicker\n      className={dateRangePickerStyles({ className })}\n      {...props}\n    />\n  );\n};\n\nexport type { DateRangePickerProps, DateRangePickerRootProps };\nexport { DateRangePicker, DateRangePickerRoot };\n",
       "target": "core/date-range-picker.tsx"
     }
   ]
diff --git a/www/public/registry/core/dialog.json b/www/public/registry/core/dialog.json
index bd5793f5e..579c1ac06 100644
--- a/www/public/registry/core/dialog.json
+++ b/www/public/registry/core/dialog.json
@@ -1,11 +1,9 @@
 {
   "name": "dialog",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/dialog_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  DialogTrigger as AriaDialogTrigger,\n  Dialog as AriaDialog,\n  Heading as AriaHeading,\n  Text as AriaText,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Overlay, type OverlayProps } from \"@/registry/core/overlay_basic\";\n\nconst dialogStyles = tv({\n  slots: {\n    content: [\n      \"outline-hidden relative flex h-[inherit] max-h-[inherit] flex-col rounded-[inherit] p-4\",\n    ],\n    header: \"mb-4\",\n    heading: \"text-lg font-medium\",\n    description: \"text-fg-muted text-sm\",\n    body: \"-mx-4 flex-1 space-y-2 overflow-y-auto px-4 py-2\",\n    inset: \"bg-bg-muted -mx-4 border px-4 py-4\",\n    footer: \"flex flex-col-reverse gap-2 pt-8 sm:flex-row sm:justify-end\",\n  },\n});\n\nconst { content, header, heading, description, body, footer, inset } =\n  dialogStyles();\n\ninterface DialogRootProps\n  extends React.ComponentProps<typeof AriaDialogTrigger> {}\nconst DialogRoot = (props: DialogRootProps) => {\n  return <AriaDialogTrigger {...props} />;\n};\n\ninterface DialogProps\n  extends DialogContentProps,\n    Omit<OverlayProps, \"children\"> {\n  title?: string;\n  description?: string;\n}\nconst Dialog = ({\n  title,\n  description,\n  type = \"modal\",\n  mobileType = \"drawer\",\n  modalProps,\n  popoverProps,\n  drawerProps,\n  isDismissable: isDismissableProp,\n  role,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  isKeyboardDismissDisabled,\n  shouldCloseOnInteractOutside,\n  ...props\n}: DialogProps) => {\n  const isDismissable = isDismissableProp ?? role !== \"alertdialog\";\n  return (\n    <Overlay\n      type={type}\n      mobileType={mobileType}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n      modalProps={modalProps}\n      popoverProps={popoverProps}\n      drawerProps={drawerProps}\n    >\n      <DialogContent role={role} {...props}>\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {(title || description) && (\n              <DialogHeader>\n                {title && <DialogHeading>{title}</DialogHeading>}\n                {description && (\n                  <DialogDescription>{description}</DialogDescription>\n                )}\n              </DialogHeader>\n            )}\n            {children}\n          </>\n        ))}\n      </DialogContent>\n    </Overlay>\n  );\n};\n\ninterface DialogContentProps extends React.ComponentProps<typeof AriaDialog> {}\nconst DialogContent = ({ className, ...props }: DialogContentProps) => {\n  return <AriaDialog className={content({ className })} {...props} />;\n};\n\ninterface DialogHeaderProps extends React.ComponentProps<\"header\"> {}\nconst DialogHeader = ({ className, ...props }: DialogHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface DialogHeadingProps extends React.ComponentProps<typeof AriaHeading> {}\nconst DialogHeading = ({ className, ...props }: DialogHeadingProps) => {\n  return <AriaHeading className={heading({ className })} {...props} />;\n};\n\ninterface DialogDescriptionProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => {\n  return (\n    <AriaText\n      slot=\"description\"\n      className={description({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface DialogBodyProps extends React.ComponentProps<\"div\"> {}\nconst DialogBody = ({ className, ...props }: DialogBodyProps) => {\n  return <div className={body({ className })} {...props} />;\n};\n\ntype DialogFooterProps = React.ComponentProps<\"footer\">;\nconst DialogFooter = ({ className, ...props }: DialogFooterProps) => {\n  return <footer className={footer({ className })} {...props} />;\n};\n\ntype DialogInsetProps = React.ComponentProps<\"div\">;\nconst DialogInset = ({ className, ...props }: DialogInsetProps) => {\n  return <div className={inset({ className })} {...props} />;\n};\n\nexport type {\n  DialogRootProps,\n  DialogProps,\n  DialogHeaderProps,\n  DialogHeadingProps,\n  DialogDescriptionProps,\n  DialogContentProps,\n  DialogFooterProps,\n  DialogInsetProps,\n};\nexport {\n  DialogRoot,\n  Dialog,\n  DialogHeader,\n  DialogHeading,\n  DialogDescription,\n  DialogContent,\n  DialogBody,\n  DialogFooter,\n  DialogInset,\n};\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  DialogTrigger as AriaDialogTrigger,\n  Dialog as AriaDialog,\n  Heading as AriaHeading,\n  Text as AriaText,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Overlay, type OverlayProps } from \"@/registry/core/overlay_basic\";\n\nconst dialogStyles = tv({\n  slots: {\n    content: [\n      \"outline-hidden relative flex h-[inherit] max-h-[inherit] flex-col rounded-[inherit] p-4\",\n    ],\n    header: \"mb-4\",\n    heading: \"text-lg font-medium\",\n    description: \"text-fg-muted text-sm\",\n    body: \"-mx-4 flex-1 space-y-2 overflow-y-auto px-4 py-2\",\n    inset: \"bg-bg-muted -mx-4 border px-4 py-4\",\n    footer: \"flex flex-col-reverse gap-2 pt-8 sm:flex-row sm:justify-end\",\n  },\n});\n\nconst { content, header, heading, description, body, footer, inset } =\n  dialogStyles();\n\ninterface DialogRootProps\n  extends React.ComponentProps<typeof AriaDialogTrigger> {}\nconst DialogRoot = (props: DialogRootProps) => {\n  return <AriaDialogTrigger {...props} />;\n};\n\ninterface DialogProps\n  extends DialogContentProps,\n    Omit<OverlayProps, \"children\"> {\n  title?: string;\n  description?: string;\n}\nconst Dialog = ({\n  title,\n  description,\n  type = \"modal\",\n  mobileType = \"drawer\",\n  modalProps,\n  popoverProps,\n  drawerProps,\n  isDismissable: isDismissableProp,\n  role,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  isKeyboardDismissDisabled,\n  shouldCloseOnInteractOutside,\n  ...props\n}: DialogProps) => {\n  const isDismissable = isDismissableProp ?? role !== \"alertdialog\";\n  return (\n    <Overlay\n      type={type}\n      mobileType={mobileType}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n      modalProps={modalProps}\n      popoverProps={popoverProps}\n      drawerProps={drawerProps}\n    >\n      <DialogContent role={role} {...props}>\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {(title || description) && (\n              <DialogHeader>\n                {title && <DialogHeading>{title}</DialogHeading>}\n                {description && (\n                  <DialogDescription>{description}</DialogDescription>\n                )}\n              </DialogHeader>\n            )}\n            {children}\n          </>\n        ))}\n      </DialogContent>\n    </Overlay>\n  );\n};\n\ninterface DialogContentProps extends React.ComponentProps<typeof AriaDialog> {}\nconst DialogContent = ({ className, ...props }: DialogContentProps) => {\n  return <AriaDialog className={content({ className })} {...props} />;\n};\n\ninterface DialogHeaderProps extends React.ComponentProps<\"header\"> {}\nconst DialogHeader = ({ className, ...props }: DialogHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface DialogHeadingProps extends React.ComponentProps<typeof AriaHeading> {}\nconst DialogHeading = ({ className, ...props }: DialogHeadingProps) => {\n  return <AriaHeading className={heading({ className })} {...props} />;\n};\n\ninterface DialogDescriptionProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => {\n  return (\n    <AriaText\n      slot=\"description\"\n      className={description({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface DialogBodyProps extends React.ComponentProps<\"div\"> {}\nconst DialogBody = ({ className, ...props }: DialogBodyProps) => {\n  return <div className={body({ className })} {...props} />;\n};\n\ntype DialogFooterProps = React.ComponentProps<\"footer\">;\nconst DialogFooter = ({ className, ...props }: DialogFooterProps) => {\n  return <footer className={footer({ className })} {...props} />;\n};\n\ntype DialogInsetProps = React.ComponentProps<\"div\">;\nconst DialogInset = ({ className, ...props }: DialogInsetProps) => {\n  return <div className={inset({ className })} {...props} />;\n};\n\nexport type {\n  DialogRootProps,\n  DialogProps,\n  DialogHeaderProps,\n  DialogHeadingProps,\n  DialogDescriptionProps,\n  DialogContentProps,\n  DialogFooterProps,\n  DialogInsetProps,\n};\nexport {\n  DialogRoot,\n  Dialog,\n  DialogHeader,\n  DialogHeading,\n  DialogDescription,\n  DialogContent,\n  DialogBody,\n  DialogFooter,\n  DialogInset,\n};\n",
       "target": "core/dialog.tsx"
     }
   ]
diff --git a/www/public/registry/core/drawer.json b/www/public/registry/core/drawer.json
index 373017db0..fb3d6e6cf 100644
--- a/www/public/registry/core/drawer.json
+++ b/www/public/registry/core/drawer.json
@@ -1,11 +1,9 @@
 {
   "name": "drawer",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/drawer_basic.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  Modal as AriaModal,\r\n  ModalOverlay as AriaModalOverlay,\r\n  composeRenderProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst drawerVariants = tv({\r\n  slots: {\r\n    underlay:\r\n      \"before:ease-drawer entering:before:opacity-0 exiting:before:opacity-0 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:opacity-100 before:duration-500 before:content-['']\",\r\n    overlay:\r\n      \"bg-bg ease-drawer fixed z-50 flex flex-col border duration-500 will-change-transform\",\r\n  },\r\n  variants: {\r\n    placement: {\r\n      top: {\r\n        overlay:\r\n          \"entering:-translate-y-full exiting:-translate-y-full top-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen translate-y-0 rounded-b-xl border-t-0\",\r\n      },\r\n      bottom: {\r\n        overlay:\r\n          \"top-(--visual-viewport-height) exiting:translate-y-0 entering:translate-y-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen -translate-y-full rounded-t-xl border-b-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n      left: {\r\n        overlay:\r\n          \"entering:-translate-x-full exiting:-translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) left-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-r-xl border-l-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n      right: {\r\n        overlay:\r\n          \"entering:translate-x-full exiting:translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) right-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-l-xl border-r-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    placement: \"bottom\",\r\n  },\r\n});\r\n\r\nconst { overlay, underlay } = drawerVariants();\r\n\r\ninterface DrawerProps extends React.ComponentProps<typeof AriaModal> {\r\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n}\r\n\r\nfunction Drawer({\r\n  isDismissable = true,\r\n  className,\r\n  style,\r\n  placement,\r\n  ...props\r\n}: DrawerProps) {\r\n  return (\r\n    <AriaModalOverlay\r\n      className={underlay()}\r\n      isDismissable={isDismissable}\r\n      {...props}\r\n    >\r\n      <AriaModal\r\n        className={composeRenderProps(className, (className) =>\r\n          overlay({ placement, className })\r\n        )}\r\n        style={composeRenderProps(style, (style) => ({\r\n          \"--drawer-margin\": \"calc(var(--spacing)*24)\",\r\n          ...style,\r\n        }))}\r\n        {...props}\r\n      />\r\n    </AriaModalOverlay>\r\n  );\r\n}\r\n\r\nexport type { DrawerProps };\r\nexport { Drawer };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  Modal as AriaModal,\r\n  ModalOverlay as AriaModalOverlay,\r\n  composeRenderProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst drawerVariants = tv({\r\n  slots: {\r\n    underlay:\r\n      \"before:ease-drawer entering:before:opacity-0 exiting:before:opacity-0 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:opacity-100 before:duration-500 before:content-['']\",\r\n    overlay:\r\n      \"bg-bg ease-drawer fixed z-50 flex flex-col border duration-500 will-change-transform\",\r\n  },\r\n  variants: {\r\n    placement: {\r\n      top: {\r\n        overlay:\r\n          \"entering:-translate-y-full exiting:-translate-y-full top-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen translate-y-0 rounded-b-xl border-t-0\",\r\n      },\r\n      bottom: {\r\n        overlay:\r\n          \"top-(--visual-viewport-height) exiting:translate-y-0 entering:translate-y-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen -translate-y-full rounded-t-xl border-b-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n      left: {\r\n        overlay:\r\n          \"entering:-translate-x-full exiting:-translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) left-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-r-xl border-l-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n      right: {\r\n        overlay:\r\n          \"entering:translate-x-full exiting:translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) right-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-l-xl border-r-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    placement: \"bottom\",\r\n  },\r\n});\r\n\r\nconst { overlay, underlay } = drawerVariants();\r\n\r\ninterface DrawerProps extends React.ComponentProps<typeof AriaModal> {\r\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n}\r\n\r\nfunction Drawer({\r\n  isDismissable = true,\r\n  className,\r\n  style,\r\n  placement,\r\n  ...props\r\n}: DrawerProps) {\r\n  return (\r\n    <AriaModalOverlay\r\n      className={underlay()}\r\n      isDismissable={isDismissable}\r\n      {...props}\r\n    >\r\n      <AriaModal\r\n        className={composeRenderProps(className, (className) =>\r\n          overlay({ placement, className })\r\n        )}\r\n        style={composeRenderProps(style, (style) => ({\r\n          \"--drawer-margin\": \"calc(var(--spacing)*24)\",\r\n          ...style,\r\n        }))}\r\n        {...props}\r\n      />\r\n    </AriaModalOverlay>\r\n  );\r\n}\r\n\r\nexport type { DrawerProps };\r\nexport { Drawer };\r\n",
       "target": "core/drawer.tsx"
     }
   ]
diff --git a/www/public/registry/core/drop-zone.json b/www/public/registry/core/drop-zone.json
index 90baada91..2693cc244 100644
--- a/www/public/registry/core/drop-zone.json
+++ b/www/public/registry/core/drop-zone.json
@@ -1,11 +1,9 @@
 {
   "name": "drop-zone",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/drop-zone_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  DropZone as AriaDropZone,\n  Text as AriaText,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst dropZoneStyles = tv({\n  slots: {\n    dropzone:\n      \"drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm\",\n    label: \"text-base\",\n  },\n});\n\nconst { dropzone, label } = dropZoneStyles();\n\ninterface DropZoneProps extends React.ComponentProps<typeof AriaDropZone> {}\nconst DropZone = ({ className, ...props }: DropZoneProps) => {\n  return (\n    <AriaDropZone\n      className={composeRenderProps(className, (className) =>\n        dropzone({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DropZoneLabelProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst DropZoneLabel = ({ className, ...props }: DropZoneLabelProps) => {\n  return <AriaText slot=\"label\" className={label({ className })} {...props} />;\n};\n\nexport type { DropZoneProps, DropZoneLabelProps };\nexport { DropZone, DropZoneLabel };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  DropZone as AriaDropZone,\n  Text as AriaText,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst dropZoneStyles = tv({\n  slots: {\n    dropzone:\n      \"drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm\",\n    label: \"text-base\",\n  },\n});\n\nconst { dropzone, label } = dropZoneStyles();\n\ninterface DropZoneProps extends React.ComponentProps<typeof AriaDropZone> {}\nconst DropZone = ({ className, ...props }: DropZoneProps) => {\n  return (\n    <AriaDropZone\n      className={composeRenderProps(className, (className) =>\n        dropzone({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DropZoneLabelProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst DropZoneLabel = ({ className, ...props }: DropZoneLabelProps) => {\n  return <AriaText slot=\"label\" className={label({ className })} {...props} />;\n};\n\nexport type { DropZoneProps, DropZoneLabelProps };\nexport { DropZone, DropZoneLabel };\n",
       "target": "core/drop-zone.tsx"
     }
   ]
diff --git a/www/public/registry/core/field.json b/www/public/registry/core/field.json
index deb6bf7ec..767cf480d 100644
--- a/www/public/registry/core/field.json
+++ b/www/public/registry/core/field.json
@@ -1,11 +1,9 @@
 {
   "name": "field",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/field_basic.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  Label as AriaLabel,\n  Text as AriaText,\n  FieldError as AriaFieldError,\n  FieldErrorContext,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst labelStyles = tv({\n  base: \"peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3\",\n});\n\ninterface LabelProps extends React.ComponentProps<typeof AriaLabel> {}\nconst Label = ({ className, ...props }: LabelProps) => {\n  return <AriaLabel className={labelStyles({ className })} {...props} />;\n};\n\nconst descriptionStyles = tv({\n  base: \"text-fg-muted text-xs\",\n});\n\ninterface DescriptionProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst Description = ({ className, ...props }: DescriptionProps) => {\n  return (\n    <AriaText\n      slot=\"description\"\n      className={descriptionStyles({ className })}\n      {...props}\n    />\n  );\n};\n\nconst fieldErrorStyles = tv({\n  base: \"text-fg-danger text-xs\",\n});\n\ninterface FieldErrorProps extends React.ComponentProps<typeof AriaFieldError> {}\nconst FieldError = ({ className, ...props }: FieldErrorProps) => {\n  return (\n    <AriaFieldError\n      className={composeRenderProps(className, (className) =>\n        fieldErrorStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface HelpTextProps {\n  description?: DescriptionProps[\"children\"];\n  errorMessage?: FieldErrorProps[\"children\"];\n}\nconst HelpText = ({ description, errorMessage, ...props }: HelpTextProps) => {\n  const validation = React.use(FieldErrorContext);\n  const isError =\n    validation?.isInvalid &&\n    (!!errorMessage || validation.validationErrors.length > 0);\n\n  if (isError) return <FieldError>{errorMessage}</FieldError>;\n\n  if (description) return <Description>{description}</Description>;\n\n  return null;\n};\n\ninterface FieldProps extends HelpTextProps {\n  label?: LabelProps[\"children\"];\n}\n\nexport type {\n  LabelProps,\n  DescriptionProps,\n  FieldErrorProps,\n  HelpTextProps,\n  FieldProps,\n};\nexport { Label, Description, FieldError, HelpText };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  Label as AriaLabel,\n  Text as AriaText,\n  FieldError as AriaFieldError,\n  FieldErrorContext,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst labelStyles = tv({\n  base: \"peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3\",\n});\n\ninterface LabelProps extends React.ComponentProps<typeof AriaLabel> {}\nconst Label = ({ className, ...props }: LabelProps) => {\n  return <AriaLabel className={labelStyles({ className })} {...props} />;\n};\n\nconst descriptionStyles = tv({\n  base: \"text-fg-muted text-xs\",\n});\n\ninterface DescriptionProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst Description = ({ className, ...props }: DescriptionProps) => {\n  return (\n    <AriaText\n      slot=\"description\"\n      className={descriptionStyles({ className })}\n      {...props}\n    />\n  );\n};\n\nconst fieldErrorStyles = tv({\n  base: \"text-fg-danger text-xs\",\n});\n\ninterface FieldErrorProps extends React.ComponentProps<typeof AriaFieldError> {}\nconst FieldError = ({ className, ...props }: FieldErrorProps) => {\n  return (\n    <AriaFieldError\n      className={composeRenderProps(className, (className) =>\n        fieldErrorStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface HelpTextProps {\n  description?: DescriptionProps[\"children\"];\n  errorMessage?: FieldErrorProps[\"children\"];\n}\nconst HelpText = ({ description, errorMessage, ...props }: HelpTextProps) => {\n  const validation = React.use(FieldErrorContext);\n  const isError =\n    validation?.isInvalid &&\n    (!!errorMessage || validation.validationErrors.length > 0);\n\n  if (isError) return <FieldError>{errorMessage}</FieldError>;\n\n  if (description) return <Description>{description}</Description>;\n\n  return null;\n};\n\ninterface FieldProps extends HelpTextProps {\n  label?: LabelProps[\"children\"];\n}\n\nexport type {\n  LabelProps,\n  DescriptionProps,\n  FieldErrorProps,\n  HelpTextProps,\n  FieldProps,\n};\nexport { Label, Description, FieldError, HelpText };\n",
       "target": "core/field.tsx"
     }
   ]
diff --git a/www/public/registry/core/file-trigger.json b/www/public/registry/core/file-trigger.json
index 0dd254604..0766bb2a6 100644
--- a/www/public/registry/core/file-trigger.json
+++ b/www/public/registry/core/file-trigger.json
@@ -1,11 +1,9 @@
 {
   "name": "file-trigger",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/file-trigger_basic.tsx",
-      "content": "\"use client\";\n\nimport { FileTrigger, type FileTriggerProps } from \"react-aria-components\";\n\nexport type { FileTriggerProps };\nexport { FileTrigger };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport { FileTrigger, type FileTriggerProps } from \"react-aria-components\";\n\nexport type { FileTriggerProps };\nexport { FileTrigger };\n",
       "target": "core/file-trigger.tsx"
     }
   ]
diff --git a/www/public/registry/core/form.json b/www/public/registry/core/form.json
index 4455adc5a..703649143 100644
--- a/www/public/registry/core/form.json
+++ b/www/public/registry/core/form.json
@@ -1,4 +1,7 @@
 {
   "name": "form",
-  "type": "registry:core"
+  "variants": [
+    "basic",
+    "react-hook-form"
+  ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/form_basic.json b/www/public/registry/core/form_basic.json
index dbe16e920..641e06d77 100644
--- a/www/public/registry/core/form_basic.json
+++ b/www/public/registry/core/form_basic.json
@@ -1,11 +1,9 @@
 {
   "name": "form_basic",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/form_basic.tsx",
-      "content": "\"use client\";\r\n\r\nimport {\r\n  Form as AriaForm,\r\n  FormProps as AriaFormProps,\r\n} from \"react-aria-components\";\r\n\r\nexport type FormProps = AriaFormProps;\r\nexport { AriaForm as Form };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport {\r\n  Form as AriaForm,\r\n  FormProps as AriaFormProps,\r\n} from \"react-aria-components\";\r\n\r\nexport type FormProps = AriaFormProps;\r\nexport { AriaForm as Form };\r\n",
       "target": "core/form.tsx"
     }
   ]
diff --git a/www/public/registry/core/form_react-hook-form.json b/www/public/registry/core/form_react-hook-form.json
index 87628bea0..b180829eb 100644
--- a/www/public/registry/core/form_react-hook-form.json
+++ b/www/public/registry/core/form_react-hook-form.json
@@ -1,11 +1,9 @@
 {
   "name": "form_react-hook-form",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/form_react-hook-form.tsx",
-      "content": "\"use client\";\r\n\r\nimport { Form } from \"react-aria-components\";\r\nimport { Controller, FieldValues } from \"react-hook-form\";\r\nimport type {\r\n  FieldPath,\r\n  UseControllerProps,\r\n  ControllerRenderProps,\r\n  ControllerFieldState,\r\n} from \"react-hook-form\";\r\n\r\ntype FormControlProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> = Omit<UseControllerProps<TFieldValues, TName>, \"render\"> & {\r\n  render: (\r\n    props: Omit<ControllerRenderProps<TFieldValues, TName>, \"disabled\"> &\r\n      Omit<ControllerFieldState, \"invalid\" | \"error\"> & {\r\n        isInvalid: boolean;\r\n        isDisabled?: boolean;\r\n        errorMessage?: string;\r\n      }\r\n  ) => React.ReactElement;\r\n};\r\n\r\nfunction FormControl<\r\n  TFieldValues extends FieldValues,\r\n  TName extends FieldPath<TFieldValues>,\r\n>({ render, ...rest }: FormControlProps<TFieldValues, TName>) {\r\n  return (\r\n    <Controller\r\n      {...rest}\r\n      render={({\r\n        field: { disabled, ...field },\r\n        fieldState: { invalid, error, ...fieldState },\r\n      }) =>\r\n        render({\r\n          ...field,\r\n          ...fieldState,\r\n          isDisabled: disabled,\r\n          isInvalid: invalid,\r\n          errorMessage: error?.message,\r\n        })\r\n      }\r\n    />\r\n  );\r\n}\r\n\r\nexport { Form, FormControl };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport { Form } from \"react-aria-components\";\r\nimport { Controller, FieldValues } from \"react-hook-form\";\r\nimport type {\r\n  FieldPath,\r\n  UseControllerProps,\r\n  ControllerRenderProps,\r\n  ControllerFieldState,\r\n} from \"react-hook-form\";\r\n\r\ntype FormControlProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> = Omit<UseControllerProps<TFieldValues, TName>, \"render\"> & {\r\n  render: (\r\n    props: Omit<ControllerRenderProps<TFieldValues, TName>, \"disabled\"> &\r\n      Omit<ControllerFieldState, \"invalid\" | \"error\"> & {\r\n        isInvalid: boolean;\r\n        isDisabled?: boolean;\r\n        errorMessage?: string;\r\n      }\r\n  ) => React.ReactElement;\r\n};\r\n\r\nfunction FormControl<\r\n  TFieldValues extends FieldValues,\r\n  TName extends FieldPath<TFieldValues>,\r\n>({ render, ...rest }: FormControlProps<TFieldValues, TName>) {\r\n  return (\r\n    <Controller\r\n      {...rest}\r\n      render={({\r\n        field: { disabled, ...field },\r\n        fieldState: { invalid, error, ...fieldState },\r\n      }) =>\r\n        render({\r\n          ...field,\r\n          ...fieldState,\r\n          isDisabled: disabled,\r\n          isInvalid: invalid,\r\n          errorMessage: error?.message,\r\n        })\r\n      }\r\n    />\r\n  );\r\n}\r\n\r\nexport { Form, FormControl };\r\n",
       "target": "core/form.tsx"
     }
   ]
diff --git a/www/public/registry/core/input.json b/www/public/registry/core/input.json
index f0fb1cbbb..e300060bb 100644
--- a/www/public/registry/core/input.json
+++ b/www/public/registry/core/input.json
@@ -1,4 +1,6 @@
 {
   "name": "input",
-  "type": "registry:core"
+  "variants": [
+    "basic"
+  ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/input_basic.json b/www/public/registry/core/input_basic.json
index 89ccfdcff..515742738 100644
--- a/www/public/registry/core/input_basic.json
+++ b/www/public/registry/core/input_basic.json
@@ -1,11 +1,9 @@
 {
   "name": "input_basic",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/input_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { mergeRefs, chain, mergeProps } from \"@react-aria/utils\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport {\n  Provider,\n  composeRenderProps,\n  Input as AriaInput,\n  Group as AriaGroup,\n  TextArea as AriaTextArea,\n  InputContext as AriaInputContext,\n  TextAreaContext as AriaTextAreaContext,\n  useContextProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { focusInput } from \"@/registry/lib/focus-styles\";\n\nconst inputStyles = tv({\n  slots: {\n    root: [\n      focusInput(),\n      \"border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full min-w-fit cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4\",\n      \"has-[input[data-disabled]]:border-border-disabled has-[input[data-disabled]]:bg-bg-disabled has-[input[data-disabled]]:text-fg-disabled has-[input[data-disabled]]:cursor-default\",\n      \"has-[input[data-invalid]]:border-border-danger focus-within:has-[input[data-invalid]]:border-border\",\n    ],\n    input: [\n      \"text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default\",\n    ],\n  },\n  variants: {\n    size: {\n      sm: { root: \"h-8\" },\n      md: { root: \"h-9\" },\n      lg: { root: \"h-10\" },\n    },\n    multiline: {\n      true: {\n        root: \"h-auto flex-col items-stretch p-2\",\n        input: \"min-h-14 resize-none overflow-auto\",\n      },\n      false: {\n        input: \"flex-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    multiline: false,\n  },\n});\n\nconst { root, input } = inputStyles();\n\ninterface InputProps extends React.ComponentProps<typeof AriaInput> {}\nconst Input = (props: InputProps) => {\n  return (\n    <AriaInput\n      className={composeRenderProps(props.className, (className) =>\n        input({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TextAreaInputProps\n  extends React.ComponentProps<typeof AriaTextArea> {}\nconst TextAreaInput = ({\n  ref,\n  className,\n  onChange,\n  ...props\n}: TextAreaInputProps) => {\n  const [inputValue, setInputValue] = useControlledState(\n    props.value,\n    props.defaultValue ?? \"\",\n    () => {}\n  );\n  const inputRef = React.useRef<HTMLTextAreaElement>(null);\n\n  const onHeightChange = React.useCallback(() => {\n    if (!inputRef.current) return;\n    const input = inputRef.current;\n    const prevAlignment = input.style.alignSelf;\n    const prevOverflow = input.style.overflow;\n    const isFirefox = \"MozAppearance\" in input.style;\n    if (!isFirefox) {\n      input.style.overflow = \"hidden\";\n    }\n    input.style.alignSelf = \"start\";\n    input.style.height = \"auto\";\n    input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n    input.style.overflow = prevOverflow;\n    input.style.alignSelf = prevAlignment;\n  }, [inputRef]);\n\n  React.useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  return (\n    <AriaTextArea\n      ref={mergeRefs(inputRef, ref)}\n      className={composeRenderProps(className, (className) =>\n        input({ multiline: true, className })\n      )}\n      onChange={chain(onChange, setInputValue)}\n      {...props}\n    />\n  );\n};\n\ninterface InputRootProps\n  extends Omit<React.ComponentProps<typeof AriaGroup>, \"prefix\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\nconst InputRoot = ({\n  children,\n  className,\n  prefix,\n  suffix,\n  size,\n  multiline,\n  ...props\n}: InputRootProps) => {\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  const [inputContextProps, mergedInputRef] = useContextProps(\n    {},\n    inputRef as React.RefObject<HTMLInputElement>,\n    AriaInputContext\n  );\n  const [textAreaContextProps, mergedTextAreaRef] = useContextProps(\n    {},\n    inputRef as React.RefObject<HTMLTextAreaElement>,\n    AriaTextAreaContext\n  );\n  const inputProps = { ...inputContextProps, ref: mergedInputRef };\n  const textAreaProps = { ...textAreaContextProps, ref: mergedTextAreaRef };\n\n  const onPointerDown = (event: React.PointerEvent<HTMLElement>) => {\n    const target = event.target as HTMLElement;\n    if (target.closest(\"input, button, a\")) return;\n    const input = inputRef.current;\n    if (!input) return;\n    requestAnimationFrame(() => {\n      input.focus();\n    });\n  };\n\n  return (\n    <AriaGroup\n      role=\"presentation\"\n      className={composeRenderProps(className, (className) =>\n        root({ size, multiline, className })\n      )}\n      {...mergeProps(props, { onPointerDown })}\n    >\n      {composeRenderProps(children, (children) => (\n        <Provider\n          values={[\n            [AriaInputContext, inputProps],\n            [AriaTextAreaContext, textAreaProps],\n          ]}\n        >\n          {prefix}\n          {children}\n          {suffix}\n        </Provider>\n      ))}\n    </AriaGroup>\n  );\n};\n\nexport type { InputProps, TextAreaInputProps, InputRootProps };\nexport { Input, TextAreaInput, InputRoot, inputStyles };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { mergeRefs, chain, mergeProps } from \"@react-aria/utils\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport {\n  Provider,\n  composeRenderProps,\n  Input as AriaInput,\n  Group as AriaGroup,\n  TextArea as AriaTextArea,\n  InputContext as AriaInputContext,\n  TextAreaContext as AriaTextAreaContext,\n  useContextProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { focusInput } from \"@/registry/lib/focus-styles\";\n\nconst inputStyles = tv({\n  slots: {\n    root: [\n      focusInput(),\n      \"border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full min-w-fit cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4\",\n      \"has-[input[data-disabled]]:border-border-disabled has-[input[data-disabled]]:bg-bg-disabled has-[input[data-disabled]]:text-fg-disabled has-[input[data-disabled]]:cursor-default\",\n      \"has-[input[data-invalid]]:border-border-danger focus-within:has-[input[data-invalid]]:border-border\",\n    ],\n    input: [\n      \"text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default\",\n    ],\n  },\n  variants: {\n    size: {\n      sm: { root: \"h-8\" },\n      md: { root: \"h-9\" },\n      lg: { root: \"h-10\" },\n    },\n    multiline: {\n      true: {\n        root: \"h-auto flex-col items-stretch p-2\",\n        input: \"min-h-14 resize-none overflow-auto\",\n      },\n      false: {\n        input: \"flex-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    multiline: false,\n  },\n});\n\nconst { root, input } = inputStyles();\n\ninterface InputProps extends React.ComponentProps<typeof AriaInput> {}\nconst Input = (props: InputProps) => {\n  return (\n    <AriaInput\n      className={composeRenderProps(props.className, (className) =>\n        input({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TextAreaInputProps\n  extends React.ComponentProps<typeof AriaTextArea> {}\nconst TextAreaInput = ({\n  ref,\n  className,\n  onChange,\n  ...props\n}: TextAreaInputProps) => {\n  const [inputValue, setInputValue] = useControlledState(\n    props.value,\n    props.defaultValue ?? \"\",\n    () => {}\n  );\n  const inputRef = React.useRef<HTMLTextAreaElement>(null);\n\n  const onHeightChange = React.useCallback(() => {\n    if (!inputRef.current) return;\n    const input = inputRef.current;\n    const prevAlignment = input.style.alignSelf;\n    const prevOverflow = input.style.overflow;\n    const isFirefox = \"MozAppearance\" in input.style;\n    if (!isFirefox) {\n      input.style.overflow = \"hidden\";\n    }\n    input.style.alignSelf = \"start\";\n    input.style.height = \"auto\";\n    input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n    input.style.overflow = prevOverflow;\n    input.style.alignSelf = prevAlignment;\n  }, [inputRef]);\n\n  React.useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  return (\n    <AriaTextArea\n      ref={mergeRefs(inputRef, ref)}\n      className={composeRenderProps(className, (className) =>\n        input({ multiline: true, className })\n      )}\n      onChange={chain(onChange, setInputValue)}\n      {...props}\n    />\n  );\n};\n\ninterface InputRootProps\n  extends Omit<React.ComponentProps<typeof AriaGroup>, \"prefix\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\nconst InputRoot = ({\n  children,\n  className,\n  prefix,\n  suffix,\n  size,\n  multiline,\n  ...props\n}: InputRootProps) => {\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  const [inputContextProps, mergedInputRef] = useContextProps(\n    {},\n    inputRef as React.RefObject<HTMLInputElement>,\n    AriaInputContext\n  );\n  const [textAreaContextProps, mergedTextAreaRef] = useContextProps(\n    {},\n    inputRef as React.RefObject<HTMLTextAreaElement>,\n    AriaTextAreaContext\n  );\n  const inputProps = { ...inputContextProps, ref: mergedInputRef };\n  const textAreaProps = { ...textAreaContextProps, ref: mergedTextAreaRef };\n\n  const onPointerDown = (event: React.PointerEvent<HTMLElement>) => {\n    const target = event.target as HTMLElement;\n    if (target.closest(\"input, button, a\")) return;\n    const input = inputRef.current;\n    if (!input) return;\n    requestAnimationFrame(() => {\n      input.focus();\n    });\n  };\n\n  return (\n    <AriaGroup\n      role=\"presentation\"\n      className={composeRenderProps(className, (className) =>\n        root({ size, multiline, className })\n      )}\n      {...mergeProps(props, { onPointerDown })}\n    >\n      {composeRenderProps(children, (children) => (\n        <Provider\n          values={[\n            [AriaInputContext, inputProps],\n            [AriaTextAreaContext, textAreaProps],\n          ]}\n        >\n          {prefix}\n          {children}\n          {suffix}\n        </Provider>\n      ))}\n    </AriaGroup>\n  );\n};\n\nexport type { InputProps, TextAreaInputProps, InputRootProps };\nexport { Input, TextAreaInput, InputRoot, inputStyles };\n",
       "target": "core/input.tsx"
     }
   ]
diff --git a/www/public/registry/core/kbd.json b/www/public/registry/core/kbd.json
index ca39c1009..74e1292df 100644
--- a/www/public/registry/core/kbd.json
+++ b/www/public/registry/core/kbd.json
@@ -1,11 +1,9 @@
 {
   "name": "kbd",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/kbd_basic.tsx",
-      "content": "\"use client\";\n\nimport { Keyboard } from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst KbdStyles = tv({\n  base: \"text-fg-muted bg-bg inline-flex min-w-5 items-center justify-center rounded-md border p-1 text-xs leading-none\",\n});\n\ntype KbdProps = React.HTMLAttributes<HTMLElement>;\nconst Kbd = ({ className, ...props }: KbdProps) => {\n  return <Keyboard className={KbdStyles({ className })} {...props} />;\n};\n\nexport type { KbdProps };\nexport { Kbd, KbdStyles };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport { Keyboard } from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst KbdStyles = tv({\n  base: \"text-fg-muted bg-bg inline-flex min-w-5 items-center justify-center rounded-md border p-1 text-xs leading-none\",\n});\n\ntype KbdProps = React.HTMLAttributes<HTMLElement>;\nconst Kbd = ({ className, ...props }: KbdProps) => {\n  return <Keyboard className={KbdStyles({ className })} {...props} />;\n};\n\nexport type { KbdProps };\nexport { Kbd, KbdStyles };\n",
       "target": "core/kbd.tsx"
     }
   ]
diff --git a/www/public/registry/core/list-box.json b/www/public/registry/core/list-box.json
index 0e33d380d..dd9404882 100644
--- a/www/public/registry/core/list-box.json
+++ b/www/public/registry/core/list-box.json
@@ -1,11 +1,9 @@
 {
   "name": "list-box",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/list-box_basic.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport { CheckIcon, Loader2Icon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  ListBox as AriaListBox,\n  ListBoxItem as AriaListBoxItem,\n  Collection as AriaCollection,\n  type ListBoxProps as AriaListBoxProps,\n  type ListBoxItemProps as AriaListBoxItemProps,\n  ListStateContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst listBoxStyles = tv({\n  base: [\n    focusRing(),\n    \"orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n  variants: {\n    standalone: {\n      true: \"bg-bg max-h-60 w-48 overflow-y-auto rounded-md border\",\n      false: \"max-h-[inherit] rounded-[inherit]\",\n    },\n  },\n});\n\nconst listBoxItemStyles = tv({\n  base: [\n    \"disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface ListBoxProps<T> extends AriaListBoxProps<T> {\n  isLoading?: boolean;\n}\nconst ListBox = <T extends object>({\n  children,\n  isLoading,\n  ...props\n}: ListBoxProps<T>) => {\n  const state = React.useContext(ListStateContext);\n  const standalone = !state;\n  return (\n    <AriaListBox\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxStyles({ standalone, className })\n      )}\n    >\n      <AriaCollection items={props.items}>{children}</AriaCollection>\n      {isLoading && (\n        <AriaListBoxItem className=\"flex items-center justify-center py-1.5\">\n          <Loader2Icon\n            aria-label=\"Loading more...\"\n            className=\"text-fg-muted size-5 animate-spin\"\n          />\n        </AriaListBoxItem>\n      )}\n    </AriaListBox>\n  );\n};\n\ninterface ItemProps<T>\n  extends AriaListBoxItemProps<T>,\n    VariantProps<typeof listBoxItemStyles> {\n  label?: string;\n  description?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\nconst Item = <T extends object>({\n  variant,\n  label,\n  description,\n  prefix,\n  suffix,\n  ...props\n}: ItemProps<T>) => {\n  const textValue =\n    props.textValue ||\n    (typeof props.children === \"string\" ? props.children : undefined);\n  return (\n    <AriaListBoxItem\n      {...props}\n      textValue={textValue}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxItemStyles({ variant, className })\n      )}\n    >\n      {composeRenderProps(\n        props.children,\n        (children, { isSelected, selectionMode }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 shrink-0 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"text-fg-accent size-4\" />\n                )}\n              </span>\n            )}\n            <span className=\"flex items-center gap-3\">\n              {prefix}\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n            </span>\n          </>\n        )\n      )}\n    </AriaListBoxItem>\n  );\n};\n\nexport type { ListBoxProps, ItemProps };\nexport { ListBox, Item };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport { CheckIcon, Loader2Icon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  ListBox as AriaListBox,\n  ListBoxItem as AriaListBoxItem,\n  Collection as AriaCollection,\n  type ListBoxProps as AriaListBoxProps,\n  type ListBoxItemProps as AriaListBoxItemProps,\n  ListStateContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst listBoxStyles = tv({\n  base: [\n    focusRing(),\n    \"orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n  variants: {\n    standalone: {\n      true: \"bg-bg max-h-60 w-48 overflow-y-auto rounded-md border\",\n      false: \"max-h-[inherit] rounded-[inherit]\",\n    },\n  },\n});\n\nconst listBoxItemStyles = tv({\n  base: [\n    \"disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface ListBoxProps<T> extends AriaListBoxProps<T> {\n  isLoading?: boolean;\n}\nconst ListBox = <T extends object>({\n  children,\n  isLoading,\n  ...props\n}: ListBoxProps<T>) => {\n  const state = React.useContext(ListStateContext);\n  const standalone = !state;\n  return (\n    <AriaListBox\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxStyles({ standalone, className })\n      )}\n    >\n      <AriaCollection items={props.items}>{children}</AriaCollection>\n      {isLoading && (\n        <AriaListBoxItem className=\"flex items-center justify-center py-1.5\">\n          <Loader2Icon\n            aria-label=\"Loading more...\"\n            className=\"text-fg-muted size-5 animate-spin\"\n          />\n        </AriaListBoxItem>\n      )}\n    </AriaListBox>\n  );\n};\n\ninterface ItemProps<T>\n  extends AriaListBoxItemProps<T>,\n    VariantProps<typeof listBoxItemStyles> {\n  label?: string;\n  description?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\nconst Item = <T extends object>({\n  variant,\n  label,\n  description,\n  prefix,\n  suffix,\n  ...props\n}: ItemProps<T>) => {\n  const textValue =\n    props.textValue ||\n    (typeof props.children === \"string\" ? props.children : undefined);\n  return (\n    <AriaListBoxItem\n      {...props}\n      textValue={textValue}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxItemStyles({ variant, className })\n      )}\n    >\n      {composeRenderProps(\n        props.children,\n        (children, { isSelected, selectionMode }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 shrink-0 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"text-fg-accent size-4\" />\n                )}\n              </span>\n            )}\n            <span className=\"flex items-center gap-3\">\n              {prefix}\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n            </span>\n          </>\n        )\n      )}\n    </AriaListBoxItem>\n  );\n};\n\nexport type { ListBoxProps, ItemProps };\nexport { ListBox, Item };\n",
       "target": "core/list-box.tsx"
     }
   ]
diff --git a/www/public/registry/core/loader.json b/www/public/registry/core/loader.json
index 3f41389ca..9d77fd476 100644
--- a/www/public/registry/core/loader.json
+++ b/www/public/registry/core/loader.json
@@ -1,4 +1,10 @@
 {
   "name": "loader",
-  "type": "registry:core"
+  "variants": [
+    "dots",
+    "line",
+    "ring",
+    "tailspin",
+    "wave"
+  ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/loader_dots.json b/www/public/registry/core/loader_dots.json
index 22b3e0633..e955e2505 100644
--- a/www/public/registry/core/loader_dots.json
+++ b/www/public/registry/core/loader_dots.json
@@ -1,11 +1,9 @@
 {
   "name": "loader_dots",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/loader_dots.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\nimport { cn } from \"@/registry/lib/cn\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, className, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      className={cn(\"relative items-center justify-center\", className)}\r\n      {...props}\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: \"var(--size)\",\r\n          height: \"var(--size)\",\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      {[...Array(8)].map((_, index) => {\r\n        const angle = (index / 8) * (2 * Math.PI);\r\n        const x = Math.cos(angle);\r\n        const y = Math.sin(angle);\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            className=\"animate-dot-spinner absolute size-[20%] -translate-x-1/2 -translate-y-1/2 rounded-full bg-current\"\r\n            style={{\r\n              animationDelay: `${index * 0.1}s`,\r\n              top: `${50 + y * 40}%`,\r\n              left: `${50 + x * 40}%`,\r\n            }}\r\n          ></div>\r\n        );\r\n      })}\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\nimport { cn } from \"@/registry/lib/utils\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, className, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      className={cn(\"relative items-center justify-center\", className)}\r\n      {...props}\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: \"var(--size)\",\r\n          height: \"var(--size)\",\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      {[...Array(8)].map((_, index) => {\r\n        const angle = (index / 8) * (2 * Math.PI);\r\n        const x = Math.cos(angle);\r\n        const y = Math.sin(angle);\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            className=\"animate-dot-spinner absolute size-[20%] -translate-x-1/2 -translate-y-1/2 rounded-full bg-current\"\r\n            style={{\r\n              animationDelay: `${index * 0.1}s`,\r\n              top: `${50 + y * 40}%`,\r\n              left: `${50 + x * 40}%`,\r\n            }}\r\n          ></div>\r\n        );\r\n      })}\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
       "target": "core/loader.tsx"
     }
   ]
diff --git a/www/public/registry/core/loader_line.json b/www/public/registry/core/loader_line.json
index 08cd0fce3..d1b914539 100644
--- a/www/public/registry/core/loader_line.json
+++ b/www/public/registry/core/loader_line.json
@@ -1,11 +1,9 @@
 {
   "name": "loader_line",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/loader_line.tsx",
-      "content": "\"use client\";\r\n\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      {...props}\r\n      className=\"size-10\"\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: \"var(--size)\",\r\n          height: \"var(--size)\",\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      <div className=\"relative left-1/2 top-1/2 h-full w-full\">\r\n        {Array.from({ length: 12 }).map((_, i) => (\r\n          <span\r\n            key={i}\r\n            className=\"animate-line-spinner absolute left-[-10%] top-[-3.9%] h-[8%] w-[24%] rounded-sm bg-current\"\r\n            style={{\r\n              transform: `rotate(${i * 30}deg) translate(146%)`,\r\n              animationDelay: `-${(12 - i) * 0.1}s`,\r\n            }}\r\n          ></span>\r\n        ))}\r\n      </div>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      {...props}\r\n      className=\"size-10\"\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: \"var(--size)\",\r\n          height: \"var(--size)\",\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      <div className=\"relative left-1/2 top-1/2 h-full w-full\">\r\n        {Array.from({ length: 12 }).map((_, i) => (\r\n          <span\r\n            key={i}\r\n            className=\"animate-line-spinner absolute left-[-10%] top-[-3.9%] h-[8%] w-[24%] rounded-sm bg-current\"\r\n            style={{\r\n              transform: `rotate(${i * 30}deg) translate(146%)`,\r\n              animationDelay: `-${(12 - i) * 0.1}s`,\r\n            }}\r\n          ></span>\r\n        ))}\r\n      </div>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
       "target": "core/loader.tsx"
     }
   ]
diff --git a/www/public/registry/core/loader_ring.json b/www/public/registry/core/loader_ring.json
index 1db03abef..8665a442a 100644
--- a/www/public/registry/core/loader_ring.json
+++ b/www/public/registry/core/loader_ring.json
@@ -1,11 +1,9 @@
 {
   "name": "loader_ring",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/loader_ring.tsx",
-      "content": "\"use client\";\r\n\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar {...props} isIndeterminate>\r\n      <svg\r\n        width={size}\r\n        height={size}\r\n        viewBox=\"0 0 24 24\"\r\n        className=\"block animate-spin\"\r\n      >\r\n        <path\r\n          className=\"fill-current opacity-25\"\r\n          d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\r\n        />\r\n        <path\r\n          className=\"fill-current\"\r\n          d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\"\r\n        />\r\n      </svg>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar {...props} isIndeterminate>\r\n      <svg\r\n        width={size}\r\n        height={size}\r\n        viewBox=\"0 0 24 24\"\r\n        className=\"block animate-spin\"\r\n      >\r\n        <path\r\n          className=\"fill-current opacity-25\"\r\n          d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\r\n        />\r\n        <path\r\n          className=\"fill-current\"\r\n          d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\"\r\n        />\r\n      </svg>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
       "target": "core/loader.tsx"
     }
   ]
diff --git a/www/public/registry/core/loader_tailspin.json b/www/public/registry/core/loader_tailspin.json
index 50a3c6ce9..64f0d4dca 100644
--- a/www/public/registry/core/loader_tailspin.json
+++ b/www/public/registry/core/loader_tailspin.json
@@ -1,11 +1,9 @@
 {
   "name": "loader_tailspin",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/loader_tailspin.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 40, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar {...props} isIndeterminate>\r\n      <div\r\n        className=\"relative flex animate-spin items-center justify-start rounded-full\"\r\n        style={\r\n          {\r\n            \"--size\": `${size}px`,\r\n            \"--color\": \"currentColor\",\r\n            \"--stroke\": `${size / 10}px`,\r\n            \"--mask-size\": \"calc(var(--size) / 2 - var(--stroke))\",\r\n            width: \"var(--size)\",\r\n            height: \"var(--size)\",\r\n            WebkitMask:\r\n              \"radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)\",\r\n            mask: \"radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)\",\r\n            backgroundImage: \"conic-gradient(transparent 25%, var(--color))\",\r\n          } as React.CSSProperties\r\n        }\r\n      ></div>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n\r\n{\r\n  /* <div class=\"container\"></div>\r\n\r\n<style>\r\n  .container {\r\n    --uib-size: 40px;\r\n    --uib-color: black;\r\n    --uib-speed: .9s;\r\n    --uib-stroke: 5px;\r\n    --mask-size: calc(var(--uib-size) / 2 - var(--uib-stroke));\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    height: var(--uib-size);\r\n    width: var(--uib-size);\r\n    -webkit-mask: radial-gradient(\r\n      circle var(--mask-size),\r\n      transparent 99%,\r\n      #000 100%\r\n    );\r\n    mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);\r\n    background-image: conic-gradient(transparent 25%, var(--uib-color));\r\n    animation: spin calc(var(--uib-speed)) linear infinite;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  @keyframes spin {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n</style>\r\n */\r\n}\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 40, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar {...props} isIndeterminate>\r\n      <div\r\n        className=\"relative flex animate-spin items-center justify-start rounded-full\"\r\n        style={\r\n          {\r\n            \"--size\": `${size}px`,\r\n            \"--color\": \"currentColor\",\r\n            \"--stroke\": `${size / 10}px`,\r\n            \"--mask-size\": \"calc(var(--size) / 2 - var(--stroke))\",\r\n            width: \"var(--size)\",\r\n            height: \"var(--size)\",\r\n            WebkitMask:\r\n              \"radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)\",\r\n            mask: \"radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)\",\r\n            backgroundImage: \"conic-gradient(transparent 25%, var(--color))\",\r\n          } as React.CSSProperties\r\n        }\r\n      ></div>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n\r\n{\r\n  /* <div class=\"container\"></div>\r\n\r\n<style>\r\n  .container {\r\n    --uib-size: 40px;\r\n    --uib-color: black;\r\n    --uib-speed: .9s;\r\n    --uib-stroke: 5px;\r\n    --mask-size: calc(var(--uib-size) / 2 - var(--uib-stroke));\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    height: var(--uib-size);\r\n    width: var(--uib-size);\r\n    -webkit-mask: radial-gradient(\r\n      circle var(--mask-size),\r\n      transparent 99%,\r\n      #000 100%\r\n    );\r\n    mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);\r\n    background-image: conic-gradient(transparent 25%, var(--uib-color));\r\n    animation: spin calc(var(--uib-speed)) linear infinite;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  @keyframes spin {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n</style>\r\n */\r\n}\r\n",
       "target": "core/loader.tsx"
     }
   ]
diff --git a/www/public/registry/core/loader_wave.json b/www/public/registry/core/loader_wave.json
index 52f1faace..bb2960736 100644
--- a/www/public/registry/core/loader_wave.json
+++ b/www/public/registry/core/loader_wave.json
@@ -1,11 +1,9 @@
 {
   "name": "loader_wave",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/loader_wave.tsx",
-      "content": "\"use client\";\r\n\r\nimport { motion } from \"motion/react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\nimport { cn } from \"@/registry/lib/cn\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, className, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      className={cn(\"flex items-center justify-between\")}\r\n      {...props}\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: `var(--size)`,\r\n          height: `calc(var(--size) * 0.9)`,\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      {[...Array(4)].map((_, index) => (\r\n        <motion.div\r\n          key={index}\r\n          className=\"h-full w-[2px] rounded-full bg-current\"\r\n          animate={{\r\n            scaleY: [0.3, 1, 0.3],\r\n          }}\r\n          transition={{\r\n            duration: 1,\r\n            repeat: Infinity,\r\n            ease: \"easeInOut\",\r\n            delay: index * 0.1,\r\n          }}\r\n        />\r\n      ))}\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport { motion } from \"motion/react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\nimport { cn } from \"@/registry/lib/utils\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, className, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      className={cn(\"flex items-center justify-between\")}\r\n      {...props}\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: `var(--size)`,\r\n          height: `calc(var(--size) * 0.9)`,\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      {[...Array(4)].map((_, index) => (\r\n        <motion.div\r\n          key={index}\r\n          className=\"h-full w-[2px] rounded-full bg-current\"\r\n          animate={{\r\n            scaleY: [0.3, 1, 0.3],\r\n          }}\r\n          transition={{\r\n            duration: 1,\r\n            repeat: Infinity,\r\n            ease: \"easeInOut\",\r\n            delay: index * 0.1,\r\n          }}\r\n        />\r\n      ))}\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
       "target": "core/loader.tsx"
     }
   ]
diff --git a/www/public/registry/core/menu.json b/www/public/registry/core/menu.json
index af2389167..ca352b8f0 100644
--- a/www/public/registry/core/menu.json
+++ b/www/public/registry/core/menu.json
@@ -1,11 +1,9 @@
 {
   "name": "menu",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/menu_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  Menu as AriaMenu,\n  MenuTrigger as AriaMenuTrigger,\n  MenuItem as AriaMenuItem,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  type MenuItemProps as AriaMenuItemProps,\n  type MenuProps as AriaMenuProps,\n  type MenuTriggerProps as AriaMenuTriggerProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Kbd } from \"@/registry/core/kbd_basic\";\nimport { Overlay, type OverlayProps } from \"@/registry/core/overlay_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\n\nconst menuStyles = tv({\n  base: [\n    \"max-h[inherit] outline-hidden rounded-[inherit] p-1\",\n    \"group-data-[type=drawer]/overlay:p-2\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n});\n\nconst menuItemStyles = tv({\n  base: [\n    \"focus:bg-bg-inverse/10 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm transition-colors disabled:pointer-events-none\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3\",\n    \"group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ntype MenuRootProps = AriaMenuTriggerProps;\nconst MenuRoot = (props: MenuRootProps) => {\n  return <AriaMenuTrigger {...props} />;\n};\n\ntype MenuProps<T> = MenuContentProps<T> & {\n  type?: OverlayProps[\"type\"];\n  mobileType?: OverlayProps[\"mobileType\"];\n};\nconst Menu = <T extends object>({\n  type = \"popover\",\n  mobileType = \"drawer\",\n  ...props\n}: MenuProps<T>) => {\n  return (\n    <Overlay type={type} mobileType={mobileType}>\n      <MenuContent {...props} />\n    </Overlay>\n  );\n};\n\ntype MenuContentProps<T> = AriaMenuProps<T>;\nconst MenuContent = <T extends object>({\n  className,\n  ...props\n}: MenuContentProps<T>) => {\n  return <AriaMenu className={menuStyles({ className })} {...props} />;\n};\n\nconst MenuSub = AriaSubmenuTrigger;\n\ninterface MenuItemProps<T>\n  extends Omit<AriaMenuItemProps<T>, \"className\">,\n    VariantProps<typeof menuItemStyles> {\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n  label?: string;\n  description?: string;\n  shortcut?: string;\n  className?: string;\n}\nconst MenuItem = <T extends object>({\n  className,\n  label,\n  description,\n  prefix,\n  suffix,\n  shortcut,\n  variant,\n  ...props\n}: MenuItemProps<T>) => {\n  return (\n    <AriaMenuItem className={menuItemStyles({ className, variant })} {...props}>\n      {composeRenderProps(\n        props.children,\n        (children, { selectionMode, isSelected, hasSubmenu }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"text-fg-accent size-4\" />\n                )}\n              </span>\n            )}\n            {prefix}\n            <span className=\"flex items-center gap-2\">\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n              {shortcut && <Kbd>{shortcut}</Kbd>}\n              {hasSubmenu && (\n                <ChevronRightIcon aria-hidden className=\"size-4\" />\n              )}\n            </span>\n          </>\n        )\n      )}\n    </AriaMenuItem>\n  );\n};\n\nexport type { MenuRootProps, MenuProps };\nexport { MenuRoot, Menu, MenuItem, MenuContent, MenuSub };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  Menu as AriaMenu,\n  MenuTrigger as AriaMenuTrigger,\n  MenuItem as AriaMenuItem,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  type MenuItemProps as AriaMenuItemProps,\n  type MenuProps as AriaMenuProps,\n  type MenuTriggerProps as AriaMenuTriggerProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Kbd } from \"@/registry/core/kbd_basic\";\nimport { Overlay, type OverlayProps } from \"@/registry/core/overlay_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\n\nconst menuStyles = tv({\n  base: [\n    \"max-h[inherit] outline-hidden rounded-[inherit] p-1\",\n    \"group-data-[type=drawer]/overlay:p-2\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n});\n\nconst menuItemStyles = tv({\n  base: [\n    \"focus:bg-bg-inverse/10 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm transition-colors disabled:pointer-events-none\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3\",\n    \"group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ntype MenuRootProps = AriaMenuTriggerProps;\nconst MenuRoot = (props: MenuRootProps) => {\n  return <AriaMenuTrigger {...props} />;\n};\n\ntype MenuProps<T> = MenuContentProps<T> & {\n  type?: OverlayProps[\"type\"];\n  mobileType?: OverlayProps[\"mobileType\"];\n};\nconst Menu = <T extends object>({\n  type = \"popover\",\n  mobileType = \"drawer\",\n  ...props\n}: MenuProps<T>) => {\n  return (\n    <Overlay type={type} mobileType={mobileType}>\n      <MenuContent {...props} />\n    </Overlay>\n  );\n};\n\ntype MenuContentProps<T> = AriaMenuProps<T>;\nconst MenuContent = <T extends object>({\n  className,\n  ...props\n}: MenuContentProps<T>) => {\n  return <AriaMenu className={menuStyles({ className })} {...props} />;\n};\n\nconst MenuSub = AriaSubmenuTrigger;\n\ninterface MenuItemProps<T>\n  extends Omit<AriaMenuItemProps<T>, \"className\">,\n    VariantProps<typeof menuItemStyles> {\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n  label?: string;\n  description?: string;\n  shortcut?: string;\n  className?: string;\n}\nconst MenuItem = <T extends object>({\n  className,\n  label,\n  description,\n  prefix,\n  suffix,\n  shortcut,\n  variant,\n  ...props\n}: MenuItemProps<T>) => {\n  return (\n    <AriaMenuItem className={menuItemStyles({ className, variant })} {...props}>\n      {composeRenderProps(\n        props.children,\n        (children, { selectionMode, isSelected, hasSubmenu }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"text-fg-accent size-4\" />\n                )}\n              </span>\n            )}\n            {prefix}\n            <span className=\"flex items-center gap-2\">\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n              {shortcut && <Kbd>{shortcut}</Kbd>}\n              {hasSubmenu && (\n                <ChevronRightIcon aria-hidden className=\"size-4\" />\n              )}\n            </span>\n          </>\n        )\n      )}\n    </AriaMenuItem>\n  );\n};\n\nexport type { MenuRootProps, MenuProps };\nexport { MenuRoot, Menu, MenuItem, MenuContent, MenuSub };\n",
       "target": "core/menu.tsx"
     }
   ]
diff --git a/www/public/registry/core/modal.json b/www/public/registry/core/modal.json
index 3fb86d54e..9d6ab8016 100644
--- a/www/public/registry/core/modal.json
+++ b/www/public/registry/core/modal.json
@@ -1,11 +1,9 @@
 {
   "name": "modal",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/modal_basic.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Modal as AriaModal,\r\n  ModalOverlay as AriaModalOverlay,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst modalStyles = tv({\r\n  slots: {\r\n    underlay:\r\n      \"h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse/40 dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]\",\r\n    overlay:\r\n      \"bg-bg entering:scale-95 exiting:scale-95 relative z-50 w-full max-w-lg scale-100 border shadow-lg duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-transform sm:rounded-lg md:w-full\",\r\n  },\r\n});\r\n\r\nconst { underlay, overlay } = modalStyles();\r\n\r\ninterface ModalProps extends React.ComponentProps<typeof AriaModal> {}\r\nconst Modal = ({ className, isDismissable = true, ...props }: ModalProps) => (\r\n  <AriaModalOverlay\r\n    isDismissable={isDismissable}\r\n    className={composeRenderProps(className, (className) =>\r\n      underlay({ className })\r\n    )}\r\n    {...props}\r\n  >\r\n    <AriaModal\r\n      isDismissable={isDismissable}\r\n      className={composeRenderProps(className, (className) =>\r\n        overlay({ className })\r\n      )}\r\n      {...props}\r\n    />\r\n  </AriaModalOverlay>\r\n);\r\n\r\nexport type { ModalProps };\r\nexport { Modal };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Modal as AriaModal,\r\n  ModalOverlay as AriaModalOverlay,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst modalStyles = tv({\r\n  slots: {\r\n    underlay:\r\n      \"h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse/40 dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]\",\r\n    overlay:\r\n      \"bg-bg entering:scale-95 exiting:scale-95 relative z-50 w-full max-w-lg scale-100 border shadow-lg duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-transform sm:rounded-lg md:w-full\",\r\n  },\r\n});\r\n\r\nconst { underlay, overlay } = modalStyles();\r\n\r\ninterface ModalProps extends React.ComponentProps<typeof AriaModal> {}\r\nconst Modal = ({ className, isDismissable = true, ...props }: ModalProps) => (\r\n  <AriaModalOverlay\r\n    isDismissable={isDismissable}\r\n    className={composeRenderProps(className, (className) =>\r\n      underlay({ className })\r\n    )}\r\n    {...props}\r\n  >\r\n    <AriaModal\r\n      isDismissable={isDismissable}\r\n      className={composeRenderProps(className, (className) =>\r\n        overlay({ className })\r\n      )}\r\n      {...props}\r\n    />\r\n  </AriaModalOverlay>\r\n);\r\n\r\nexport type { ModalProps };\r\nexport { Modal };\r\n",
       "target": "core/modal.tsx"
     }
   ]
diff --git a/www/public/registry/core/number-field.json b/www/public/registry/core/number-field.json
index c269b7dc1..ad00f98e9 100644
--- a/www/public/registry/core/number-field.json
+++ b/www/public/registry/core/number-field.json
@@ -1,11 +1,9 @@
 {
   "name": "number-field",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/number-field_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  MinusIcon,\n  PlusIcon,\n} from \"lucide-react\";\nimport {\n  NumberField as AriaNumberField,\n  composeRenderProps,\n  type NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type inputStyles,\n} from \"@/registry/core/input_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\nimport { InputRootProps } from \"./input_basic\";\n\nconst numberFieldStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    inputRoot: \"grid gap-0 px-0\",\n    input: \"px-2 [grid-area:field]\",\n    increment: \"w-8 p-0 [grid-area:increment]\",\n    decrement: \"w-8 p-0 [grid-area:decrement]\",\n  },\n  variants: {\n    isMobile: {\n      true: {\n        inputRoot:\n          \"grid-cols-[auto_1fr_auto] [grid-template-areas:'decrement_field_increment']\",\n        increment: \"h-full rounded-none rounded-r-md border-l\",\n        decrement: \"h-full rounded-none rounded-l-md border-r\",\n      },\n      false: {\n        inputRoot:\n          \"grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']\",\n        increment: \"h-auto shrink rounded-none rounded-tr-md border-b border-l\",\n        decrement: \"h-auto shrink rounded-none rounded-br-md border-l\",\n      },\n    },\n  },\n});\n\nconst { root, inputRoot, input, increment, decrement } = numberFieldStyles();\n\ninterface NumberFieldProps\n  extends NumberFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst NumberField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: NumberFieldProps) => {\n  const isMobile = useMediaQuery(\"(max-width: 768px)\");\n\n  return (\n    <NumberFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} className={inputRoot({ isMobile })}>\n        <Button slot=\"decrement\" className={decrement({ isMobile })}>\n          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}\n        </Button>\n        <Input className={input()} />\n        <Button slot=\"increment\" className={increment({ isMobile })}>\n          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </NumberFieldRoot>\n  );\n};\n\ninterface NumberFieldRootProps\n  extends React.ComponentProps<typeof AriaNumberField> {\n  placeholder?: string;\n}\nconst NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {\n  return (\n    <AriaNumberField\n      className={composeRenderProps(className, (className) =>\n        root({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { NumberFieldProps, NumberFieldRootProps };\nexport { NumberField, NumberFieldRoot };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  MinusIcon,\n  PlusIcon,\n} from \"lucide-react\";\nimport {\n  NumberField as AriaNumberField,\n  composeRenderProps,\n  type NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type inputStyles,\n} from \"@/registry/core/input_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\nimport { InputRootProps } from \"./input_basic\";\n\nconst numberFieldStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    inputRoot: \"grid gap-0 px-0\",\n    input: \"px-2 [grid-area:field]\",\n    increment: \"w-8 p-0 [grid-area:increment]\",\n    decrement: \"w-8 p-0 [grid-area:decrement]\",\n  },\n  variants: {\n    isMobile: {\n      true: {\n        inputRoot:\n          \"grid-cols-[auto_1fr_auto] [grid-template-areas:'decrement_field_increment']\",\n        increment: \"h-full rounded-none rounded-r-md border-l\",\n        decrement: \"h-full rounded-none rounded-l-md border-r\",\n      },\n      false: {\n        inputRoot:\n          \"grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']\",\n        increment: \"h-auto shrink rounded-none rounded-tr-md border-b border-l\",\n        decrement: \"h-auto shrink rounded-none rounded-br-md border-l\",\n      },\n    },\n  },\n});\n\nconst { root, inputRoot, input, increment, decrement } = numberFieldStyles();\n\ninterface NumberFieldProps\n  extends NumberFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst NumberField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: NumberFieldProps) => {\n  const isMobile = useMediaQuery(\"(max-width: 768px)\");\n\n  return (\n    <NumberFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} className={inputRoot({ isMobile })}>\n        <Button slot=\"decrement\" className={decrement({ isMobile })}>\n          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}\n        </Button>\n        <Input className={input()} />\n        <Button slot=\"increment\" className={increment({ isMobile })}>\n          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </NumberFieldRoot>\n  );\n};\n\ninterface NumberFieldRootProps\n  extends React.ComponentProps<typeof AriaNumberField> {\n  placeholder?: string;\n}\nconst NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {\n  return (\n    <AriaNumberField\n      className={composeRenderProps(className, (className) =>\n        root({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { NumberFieldProps, NumberFieldRootProps };\nexport { NumberField, NumberFieldRoot };\n",
       "target": "core/number-field.tsx"
     }
   ]
diff --git a/www/public/registry/core/overlay.json b/www/public/registry/core/overlay.json
index 924303f03..a5913a773 100644
--- a/www/public/registry/core/overlay.json
+++ b/www/public/registry/core/overlay.json
@@ -1,11 +1,9 @@
 {
   "name": "overlay",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/overlay_basic.tsx",
-      "content": "\"use client\";\n\nimport { Drawer, DrawerProps } from \"@/registry/core/drawer_basic\";\nimport { Modal, ModalProps } from \"@/registry/core/modal_basic\";\nimport { Popover, PopoverProps } from \"@/registry/core/popover_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\n\ntype Type = \"modal\" | \"popover\" | \"drawer\";\n\ntype CommonProps =\n  | \"UNSTABLE_portalContainer\"\n  | \"isDismissable\"\n  | \"isOpen\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n  | \"isKeyboardDismissDisabled\"\n  | \"shouldCloseOnInteractOutside\";\n\ninterface OverlayProps extends Pick<ModalProps, CommonProps> {\n  children?: React.ReactNode;\n  type?: Type;\n  mobileType?: Type | null;\n  popoverProps?: Omit<PopoverProps, \"children\" | CommonProps>;\n  modalProps?: Omit<ModalProps, \"children\" | CommonProps>;\n  drawerProps?: Omit<DrawerProps, \"children\" | CommonProps>;\n}\n\nfunction Overlay({\n  type = \"modal\",\n  mobileType = \"drawer\",\n  modalProps,\n  popoverProps,\n  drawerProps,\n  ...props\n}: OverlayProps) {\n  const isMobile = useMediaQuery(\"(max-width: 640px)\");\n  const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;\n\n  if (resolvedType === \"modal\") {\n    return <Modal {...modalProps} {...props} />;\n  }\n\n  if (resolvedType === \"popover\") {\n    return <Popover {...popoverProps} {...props} />;\n  }\n\n  if (resolvedType === \"drawer\") {\n    return <Drawer {...drawerProps} {...props} />;\n  }\n}\n\nexport type { OverlayProps };\nexport { Overlay };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport { Drawer, DrawerProps } from \"@/registry/core/drawer_basic\";\nimport { Modal, ModalProps } from \"@/registry/core/modal_basic\";\nimport { Popover, PopoverProps } from \"@/registry/core/popover_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\n\ntype Type = \"modal\" | \"popover\" | \"drawer\";\n\ntype CommonProps =\n  | \"UNSTABLE_portalContainer\"\n  | \"isDismissable\"\n  | \"isOpen\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n  | \"isKeyboardDismissDisabled\"\n  | \"shouldCloseOnInteractOutside\";\n\ninterface OverlayProps extends Pick<ModalProps, CommonProps> {\n  children?: React.ReactNode;\n  type?: Type;\n  mobileType?: Type | null;\n  popoverProps?: Omit<PopoverProps, \"children\" | CommonProps>;\n  modalProps?: Omit<ModalProps, \"children\" | CommonProps>;\n  drawerProps?: Omit<DrawerProps, \"children\" | CommonProps>;\n}\n\nfunction Overlay({\n  type = \"modal\",\n  mobileType = \"drawer\",\n  modalProps,\n  popoverProps,\n  drawerProps,\n  ...props\n}: OverlayProps) {\n  const isMobile = useMediaQuery(\"(max-width: 640px)\");\n  const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;\n\n  if (resolvedType === \"modal\") {\n    return <Modal {...modalProps} {...props} />;\n  }\n\n  if (resolvedType === \"popover\") {\n    return <Popover {...popoverProps} {...props} />;\n  }\n\n  if (resolvedType === \"drawer\") {\n    return <Drawer {...drawerProps} {...props} />;\n  }\n}\n\nexport type { OverlayProps };\nexport { Overlay };\n",
       "target": "core/overlay.tsx"
     }
   ]
diff --git a/www/public/registry/core/popover.json b/www/public/registry/core/popover.json
index 3aac04a4a..7c49d4713 100644
--- a/www/public/registry/core/popover.json
+++ b/www/public/registry/core/popover.json
@@ -1,11 +1,9 @@
 {
   "name": "popover",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/popover_basic.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Popover as AriaPopover,\r\n  OverlayArrow as AriaOverlayArrow,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst popoverStyles = tv({\r\n  slots: {\r\n    popover: [\r\n      \"bg-bg min-w-(--trigger-width) group rounded-md border shadow-md ease-[cubic-bezier(0.165,0.84,0.44,1)]\",\r\n      \"placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left\",\r\n      \"entering:opacity-0 exiting:opacity-0 opacity-100 duration-150 will-change-[transform,opacity]\",\r\n      \"translate-0 entering:placement-bottom:-translate-y-2 exiting:placement-bottom:-translate-y-2 entering:placement-top:translate-y-2 exiting:placement-top:translate-y-2 entering:placement-right:-translate-x-2 exiting:placement-right:-translate-x-2 entering:placement-left:translate-x-2 exiting:placement-left:translate-x-2\",\r\n    ],\r\n    arrow:\r\n      \"stroke-border fill-bg group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180 stroke-1\",\r\n  },\r\n});\r\n\r\nconst { popover, arrow } = popoverStyles();\r\n\r\ninterface PopoverProps extends React.ComponentProps<typeof AriaPopover> {\r\n  showArrow?: boolean;\r\n}\r\nfunction Popover({ className, showArrow = false, ...props }: PopoverProps) {\r\n  return (\r\n    <AriaPopover\r\n      className={composeRenderProps(className, (className) =>\r\n        popover({ className })\r\n      )}\r\n      {...props}\r\n    >\r\n      {composeRenderProps(props.children, (children) => (\r\n        <>\r\n          {children}\r\n          {showArrow && <PopoverArrow />}\r\n        </>\r\n      ))}\r\n    </AriaPopover>\r\n  );\r\n}\r\n\r\ninterface PopoverArrowProps extends React.ComponentProps<\"svg\"> {}\r\nfunction PopoverArrow({ className, ...props }: PopoverArrowProps) {\r\n  return (\r\n    <AriaOverlayArrow>\r\n      <svg\r\n        width={12}\r\n        height={12}\r\n        viewBox=\"0 0 8 8\"\r\n        className={arrow({ className })}\r\n        {...props}\r\n      >\r\n        <path d=\"M0 0 L4 4 L8 0\" />\r\n      </svg>\r\n    </AriaOverlayArrow>\r\n  );\r\n}\r\n\r\nexport type { PopoverProps };\r\nexport { Popover };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Popover as AriaPopover,\r\n  OverlayArrow as AriaOverlayArrow,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst popoverStyles = tv({\r\n  slots: {\r\n    popover: [\r\n      \"bg-bg min-w-(--trigger-width) group rounded-md border shadow-md ease-[cubic-bezier(0.165,0.84,0.44,1)]\",\r\n      \"placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left\",\r\n      \"entering:opacity-0 exiting:opacity-0 opacity-100 duration-150 will-change-[transform,opacity]\",\r\n      \"translate-0 entering:placement-bottom:-translate-y-2 exiting:placement-bottom:-translate-y-2 entering:placement-top:translate-y-2 exiting:placement-top:translate-y-2 entering:placement-right:-translate-x-2 exiting:placement-right:-translate-x-2 entering:placement-left:translate-x-2 exiting:placement-left:translate-x-2\",\r\n    ],\r\n    arrow:\r\n      \"stroke-border fill-bg group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180 stroke-1\",\r\n  },\r\n});\r\n\r\nconst { popover, arrow } = popoverStyles();\r\n\r\ninterface PopoverProps extends React.ComponentProps<typeof AriaPopover> {\r\n  showArrow?: boolean;\r\n}\r\nfunction Popover({ className, showArrow = false, ...props }: PopoverProps) {\r\n  return (\r\n    <AriaPopover\r\n      className={composeRenderProps(className, (className) =>\r\n        popover({ className })\r\n      )}\r\n      {...props}\r\n    >\r\n      {composeRenderProps(props.children, (children) => (\r\n        <>\r\n          {children}\r\n          {showArrow && <PopoverArrow />}\r\n        </>\r\n      ))}\r\n    </AriaPopover>\r\n  );\r\n}\r\n\r\ninterface PopoverArrowProps extends React.ComponentProps<\"svg\"> {}\r\nfunction PopoverArrow({ className, ...props }: PopoverArrowProps) {\r\n  return (\r\n    <AriaOverlayArrow>\r\n      <svg\r\n        width={12}\r\n        height={12}\r\n        viewBox=\"0 0 8 8\"\r\n        className={arrow({ className })}\r\n        {...props}\r\n      >\r\n        <path d=\"M0 0 L4 4 L8 0\" />\r\n      </svg>\r\n    </AriaOverlayArrow>\r\n  );\r\n}\r\n\r\nexport type { PopoverProps };\r\nexport { Popover };\r\n",
       "target": "core/popover.tsx"
     }
   ]
diff --git a/www/public/registry/core/progress-bar.json b/www/public/registry/core/progress-bar.json
index 1146f4149..7ae1a5057 100644
--- a/www/public/registry/core/progress-bar.json
+++ b/www/public/registry/core/progress-bar.json
@@ -1,11 +1,9 @@
 {
   "name": "progress-bar",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/progress-bar_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ProgressBar as AriaProgress,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Label } from \"@/registry/core/field_basic\";\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\n\nconst progressStyles = tv({\n  slots: {\n    root: \"flex w-60 flex-col gap-2\",\n    indicator: \"relative h-2.5 w-full overflow-hidden rounded-full\",\n    filler: [\n      \"bg-fg h-full w-full min-w-14 flex-1 origin-left transition-transform\",\n      \"indeterminate:animate-progress-indeterminate indeterminate:[-webkit-mask-image:linear-gradient(75deg,rgb(0,0,0)_30%,rgba(0,0,0,0.65)_80%)] indeterminate:[-webkit-mask-size:200%] indeterminate:[mask-image:linear-gradient(75deg,rgb(0,0,0)_30%,rgba(0,0,0,0.65)_80%)] indeterminate:[mask-size:200%]\",\n    ],\n    valueLabel: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      primary: {\n        indicator: \"bg-bg-muted\",\n        filler: \"bg-bg-primary\",\n      },\n      accent: {\n        indicator: \"bg-bg-accent-muted\",\n        filler: \"bg-bg-accent\",\n      },\n      warning: {\n        indicator: \"bg-bg-warning-muted\",\n        filler: \"bg-bg-warning\",\n      },\n      danger: {\n        indicator: \"bg-bg-danger-muted\",\n        filler: \"bg-bg-danger\",\n      },\n      success: {\n        indicator: \"bg-bg-success-muted\",\n        filler: \"bg-bg-success\",\n      },\n    },\n    size: {\n      sm: {\n        indicator: \"h-1\",\n      },\n      md: {\n        indicator: \"h-2.5\",\n      },\n      lg: {\n        indicator: \"h-4\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"accent\",\n    size: \"md\",\n  },\n});\n\nconst { root, indicator, filler, valueLabel } = progressStyles();\n\nconst [ProgressBarProvider, useProgressBarContext] = createScopedContext<\n  VariantProps<typeof progressStyles> & {\n    isIndeterminate: boolean;\n    duration: `${number}s` | `${number}ms`;\n    valueText?: string;\n    percentage?: number;\n  }\n>(\"ProgressRoot\");\n\ninterface ProgressBarProps extends ProgressBarRootProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  showValueLabel?: boolean;\n}\nconst ProgressBar = ({\n  label,\n  description,\n  showValueLabel = false,\n  ...props\n}: ProgressBarProps) => {\n  return (\n    <ProgressBarRoot {...props}>\n      <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n        {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n        {showValueLabel && (\n          <ProgressBarValueLabel className=\"[grid-area:value]\" />\n        )}\n      </div>\n      <ProgressBarIndicator />\n    </ProgressBarRoot>\n  );\n};\n\ninterface ProgressBarRootProps\n  extends React.ComponentProps<typeof AriaProgress>,\n    VariantProps<typeof progressStyles> {\n  duration?: `${number}s` | `${number}ms`;\n}\nconst ProgressBarRoot = ({\n  variant,\n  size,\n  duration = \"0s\",\n  isIndeterminate,\n  children,\n  className,\n  ...props\n}: ProgressBarRootProps) => {\n  return (\n    <AriaProgress\n      className={composeRenderProps(className, (className) =>\n        root({ variant, className })\n      )}\n      isIndeterminate={\n        isIndeterminate || (duration !== \"0s\" && duration !== \"0ms\")\n      }\n      {...props}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isIndeterminate, valueText, percentage }) => (\n          <ProgressBarProvider\n            duration={duration}\n            variant={variant}\n            size={size}\n            isIndeterminate={isIndeterminate}\n            valueText={valueText}\n            percentage={percentage}\n          >\n            {children}\n          </ProgressBarProvider>\n        )\n      )}\n    </AriaProgress>\n  );\n};\n\ninterface ProgressBarIndicatorProps extends React.ComponentProps<\"div\"> {}\nconst ProgressBarIndicator = ({\n  className,\n  ...props\n}: ProgressBarIndicatorProps) => {\n  const { variant, size, isIndeterminate, percentage, duration } =\n    useProgressBarContext(\"ProgressBarIndicator\");\n  return (\n    <div className={indicator({ variant, size, className })} {...props}>\n      <div\n        data-rac=\"\"\n        data-indeterminate={isIndeterminate || undefined}\n        className={filler({ variant, size })}\n        style={\n          {\n            \"--progress-duration\": duration,\n            transform: percentage ? `scaleX(${percentage / 100})` : undefined,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n};\n\ninterface ProgressBarValueLabelProps extends React.ComponentProps<\"span\"> {}\nconst ProgressBarValueLabel = ({\n  className,\n  ...props\n}: ProgressBarValueLabelProps) => {\n  const { valueText } = useProgressBarContext(\"ProgressBarValueLabel\");\n\n  return (\n    <span className={valueLabel({ className })} {...props}>\n      {valueText}\n    </span>\n  );\n};\n\nexport type {\n  ProgressBarProps,\n  ProgressBarRootProps,\n  ProgressBarIndicatorProps,\n  ProgressBarValueLabelProps,\n};\n\nexport {\n  ProgressBar,\n  ProgressBarRoot,\n  ProgressBarIndicator,\n  ProgressBarValueLabel,\n};\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ProgressBar as AriaProgress,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Label } from \"@/registry/core/field_basic\";\nimport { createScopedContext } from \"@/registry/lib/utils\";\n\nconst progressStyles = tv({\n  slots: {\n    root: \"flex w-60 flex-col gap-2\",\n    indicator: \"relative h-2.5 w-full overflow-hidden rounded-full\",\n    filler: [\n      \"bg-fg h-full w-full min-w-14 flex-1 origin-left transition-transform\",\n      \"indeterminate:animate-progress-indeterminate indeterminate:[-webkit-mask-image:linear-gradient(75deg,rgb(0,0,0)_30%,rgba(0,0,0,0.65)_80%)] indeterminate:[-webkit-mask-size:200%] indeterminate:[mask-image:linear-gradient(75deg,rgb(0,0,0)_30%,rgba(0,0,0,0.65)_80%)] indeterminate:[mask-size:200%]\",\n    ],\n    valueLabel: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      primary: {\n        indicator: \"bg-bg-muted\",\n        filler: \"bg-bg-primary\",\n      },\n      accent: {\n        indicator: \"bg-bg-accent-muted\",\n        filler: \"bg-bg-accent\",\n      },\n      warning: {\n        indicator: \"bg-bg-warning-muted\",\n        filler: \"bg-bg-warning\",\n      },\n      danger: {\n        indicator: \"bg-bg-danger-muted\",\n        filler: \"bg-bg-danger\",\n      },\n      success: {\n        indicator: \"bg-bg-success-muted\",\n        filler: \"bg-bg-success\",\n      },\n    },\n    size: {\n      sm: {\n        indicator: \"h-1\",\n      },\n      md: {\n        indicator: \"h-2.5\",\n      },\n      lg: {\n        indicator: \"h-4\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"accent\",\n    size: \"md\",\n  },\n});\n\nconst { root, indicator, filler, valueLabel } = progressStyles();\n\nconst [ProgressBarProvider, useProgressBarContext] = createScopedContext<\n  VariantProps<typeof progressStyles> & {\n    isIndeterminate: boolean;\n    duration: `${number}s` | `${number}ms`;\n    valueText?: string;\n    percentage?: number;\n  }\n>(\"ProgressRoot\");\n\ninterface ProgressBarProps extends ProgressBarRootProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  showValueLabel?: boolean;\n}\nconst ProgressBar = ({\n  label,\n  description,\n  showValueLabel = false,\n  ...props\n}: ProgressBarProps) => {\n  return (\n    <ProgressBarRoot {...props}>\n      <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n        {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n        {showValueLabel && (\n          <ProgressBarValueLabel className=\"[grid-area:value]\" />\n        )}\n      </div>\n      <ProgressBarIndicator />\n    </ProgressBarRoot>\n  );\n};\n\ninterface ProgressBarRootProps\n  extends React.ComponentProps<typeof AriaProgress>,\n    VariantProps<typeof progressStyles> {\n  duration?: `${number}s` | `${number}ms`;\n}\nconst ProgressBarRoot = ({\n  variant,\n  size,\n  duration = \"0s\",\n  isIndeterminate,\n  children,\n  className,\n  ...props\n}: ProgressBarRootProps) => {\n  return (\n    <AriaProgress\n      className={composeRenderProps(className, (className) =>\n        root({ variant, className })\n      )}\n      isIndeterminate={\n        isIndeterminate || (duration !== \"0s\" && duration !== \"0ms\")\n      }\n      {...props}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isIndeterminate, valueText, percentage }) => (\n          <ProgressBarProvider\n            duration={duration}\n            variant={variant}\n            size={size}\n            isIndeterminate={isIndeterminate}\n            valueText={valueText}\n            percentage={percentage}\n          >\n            {children}\n          </ProgressBarProvider>\n        )\n      )}\n    </AriaProgress>\n  );\n};\n\ninterface ProgressBarIndicatorProps extends React.ComponentProps<\"div\"> {}\nconst ProgressBarIndicator = ({\n  className,\n  ...props\n}: ProgressBarIndicatorProps) => {\n  const { variant, size, isIndeterminate, percentage, duration } =\n    useProgressBarContext(\"ProgressBarIndicator\");\n  return (\n    <div className={indicator({ variant, size, className })} {...props}>\n      <div\n        data-rac=\"\"\n        data-indeterminate={isIndeterminate || undefined}\n        className={filler({ variant, size })}\n        style={\n          {\n            \"--progress-duration\": duration,\n            transform: percentage ? `scaleX(${percentage / 100})` : undefined,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n};\n\ninterface ProgressBarValueLabelProps extends React.ComponentProps<\"span\"> {}\nconst ProgressBarValueLabel = ({\n  className,\n  ...props\n}: ProgressBarValueLabelProps) => {\n  const { valueText } = useProgressBarContext(\"ProgressBarValueLabel\");\n\n  return (\n    <span className={valueLabel({ className })} {...props}>\n      {valueText}\n    </span>\n  );\n};\n\nexport type {\n  ProgressBarProps,\n  ProgressBarRootProps,\n  ProgressBarIndicatorProps,\n  ProgressBarValueLabelProps,\n};\n\nexport {\n  ProgressBar,\n  ProgressBarRoot,\n  ProgressBarIndicator,\n  ProgressBarValueLabel,\n};\n",
       "target": "core/progress-bar.tsx"
     }
   ]
diff --git a/www/public/registry/core/radio-group.json b/www/public/registry/core/radio-group.json
index 2cedb9ba2..622ec5d21 100644
--- a/www/public/registry/core/radio-group.json
+++ b/www/public/registry/core/radio-group.json
@@ -1,11 +1,9 @@
 {
   "name": "radio-group",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/radio-group_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  composeRenderProps,\n  type ValidationResult,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { HelpText, Label } from \"@/registry/core/field_basic\";\nimport {\n  createOptionalScopedContext,\n  createScopedContext,\n} from \"@/registry/lib/context-helpers\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\n\nconst radioStyles = tv({\n  slots: {\n    root: \"disabled:text-fg-disabled invalid:text-fg-danger group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default\",\n    indicator: [\n      focusRing(),\n      \"border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100\",\n      \"group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled\",\n      \"group-invalid:border-border-danger group-invalid:selected:border-bg-danger\",\n    ],\n  },\n  variants: {\n    variant: {\n      default: {\n        indicator: focusRingGroup(),\n      },\n      card: {\n        root: [\n          focusRing(),\n          \"selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { root, indicator } = radioStyles();\n\nconst [VariantsProvider, useVariantsContext] =\n  createScopedContext<VariantProps<typeof radioStyles>>(\"RadioRoot\");\n\nconst [RadioProvider, useRadioContext] =\n  createOptionalScopedContext<VariantProps<typeof radioStyles>>(\"Radio\");\n\ninterface RadioProps extends RadioRootProps {}\nconst Radio = ({ children, ...props }: RadioProps) => {\n  return (\n    <RadioRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <RadioIndicator />\n          {children}\n        </>\n      ))}\n    </RadioRoot>\n  );\n};\n\ninterface RadioRootProps\n  extends React.ComponentProps<typeof AriaRadio>,\n    VariantProps<typeof radioStyles> {}\n\nconst RadioRoot = (localProps: RadioRootProps) => {\n  const contextProps = useRadioContext();\n  const { variant, className, ...props } = { ...contextProps, ...localProps };\n  return (\n    <VariantsProvider variant={variant}>\n      <AriaRadio\n        className={composeRenderProps(className, (className) =>\n          root({ variant, className })\n        )}\n        {...props}\n      />\n    </VariantsProvider>\n  );\n};\n\ninterface RadioIndicatorProps extends React.ComponentProps<\"div\"> {}\n\nconst RadioIndicator = ({ className, ...props }: RadioIndicatorProps) => {\n  const { variant } = useVariantsContext(\"RadioIndicator\");\n  return <div className={indicator({ variant, className })} {...props} />;\n};\n\nconst radioGroupStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2\",\n    wrapper: \"flex gap-1\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        wrapper: \"flex-row gap-2\",\n      },\n      vertical: {\n        wrapper: \"flex-col\",\n      },\n    },\n  },\n});\n\nconst { root: radioGroupRoot, wrapper } = radioGroupStyles();\n\ninterface RadioGroupProps extends RadioGroupRootProps {\n  label?: string;\n  description?: string;\n  errorMessage?: string | ((validation: ValidationResult) => string);\n}\n\nconst RadioGroup = ({\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: RadioGroupProps) => {\n  return (\n    <RadioGroupRoot {...props}>\n      {composeRenderProps(children, (children, { orientation }) => (\n        <>\n          {label && <Label>{label}</Label>}\n          <div className={wrapper({ orientation })}>{children}</div>\n          <HelpText description={description} errorMessage={errorMessage} />\n        </>\n      ))}\n    </RadioGroupRoot>\n  );\n};\n\ninterface RadioGroupRootProps\n  extends React.ComponentProps<typeof AriaRadioGroup>,\n    VariantProps<typeof radioGroupStyles>,\n    VariantProps<typeof radioStyles> {}\n\nconst RadioGroupRoot = ({\n  variant,\n  className,\n  ...props\n}: RadioGroupRootProps) => {\n  return (\n    <RadioProvider variant={variant}>\n      <AriaRadioGroup\n        className={composeRenderProps(className, (className) =>\n          radioGroupRoot({ className })\n        )}\n        {...props}\n      />\n    </RadioProvider>\n  );\n};\n\nexport type { RadioProps, RadioRootProps, RadioIndicatorProps };\nexport { Radio, RadioRoot, RadioIndicator };\n\nexport type { RadioGroupProps, RadioGroupRootProps };\nexport { RadioGroup, RadioGroupRoot };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  composeRenderProps,\n  type ValidationResult,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { HelpText, Label } from \"@/registry/core/field_basic\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\nimport {\n  createOptionalScopedContext,\n  createScopedContext,\n} from \"@/registry/lib/utils\";\n\nconst radioStyles = tv({\n  slots: {\n    root: \"disabled:text-fg-disabled invalid:text-fg-danger group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default\",\n    indicator: [\n      focusRing(),\n      \"border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100\",\n      \"group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled\",\n      \"group-invalid:border-border-danger group-invalid:selected:border-bg-danger\",\n    ],\n  },\n  variants: {\n    variant: {\n      default: {\n        indicator: focusRingGroup(),\n      },\n      card: {\n        root: [\n          focusRing(),\n          \"selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { root, indicator } = radioStyles();\n\nconst [VariantsProvider, useVariantsContext] =\n  createScopedContext<VariantProps<typeof radioStyles>>(\"RadioRoot\");\n\nconst [RadioProvider, useRadioContext] =\n  createOptionalScopedContext<VariantProps<typeof radioStyles>>(\"Radio\");\n\ninterface RadioProps extends RadioRootProps {}\nconst Radio = ({ children, ...props }: RadioProps) => {\n  return (\n    <RadioRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <RadioIndicator />\n          {children}\n        </>\n      ))}\n    </RadioRoot>\n  );\n};\n\ninterface RadioRootProps\n  extends React.ComponentProps<typeof AriaRadio>,\n    VariantProps<typeof radioStyles> {}\n\nconst RadioRoot = (localProps: RadioRootProps) => {\n  const contextProps = useRadioContext();\n  const { variant, className, ...props } = { ...contextProps, ...localProps };\n  return (\n    <VariantsProvider variant={variant}>\n      <AriaRadio\n        className={composeRenderProps(className, (className) =>\n          root({ variant, className })\n        )}\n        {...props}\n      />\n    </VariantsProvider>\n  );\n};\n\ninterface RadioIndicatorProps extends React.ComponentProps<\"div\"> {}\n\nconst RadioIndicator = ({ className, ...props }: RadioIndicatorProps) => {\n  const { variant } = useVariantsContext(\"RadioIndicator\");\n  return <div className={indicator({ variant, className })} {...props} />;\n};\n\nconst radioGroupStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2\",\n    wrapper: \"flex gap-1\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        wrapper: \"flex-row gap-2\",\n      },\n      vertical: {\n        wrapper: \"flex-col\",\n      },\n    },\n  },\n});\n\nconst { root: radioGroupRoot, wrapper } = radioGroupStyles();\n\ninterface RadioGroupProps extends RadioGroupRootProps {\n  label?: string;\n  description?: string;\n  errorMessage?: string | ((validation: ValidationResult) => string);\n}\n\nconst RadioGroup = ({\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: RadioGroupProps) => {\n  return (\n    <RadioGroupRoot {...props}>\n      {composeRenderProps(children, (children, { orientation }) => (\n        <>\n          {label && <Label>{label}</Label>}\n          <div className={wrapper({ orientation })}>{children}</div>\n          <HelpText description={description} errorMessage={errorMessage} />\n        </>\n      ))}\n    </RadioGroupRoot>\n  );\n};\n\ninterface RadioGroupRootProps\n  extends React.ComponentProps<typeof AriaRadioGroup>,\n    VariantProps<typeof radioGroupStyles>,\n    VariantProps<typeof radioStyles> {}\n\nconst RadioGroupRoot = ({\n  variant,\n  className,\n  ...props\n}: RadioGroupRootProps) => {\n  return (\n    <RadioProvider variant={variant}>\n      <AriaRadioGroup\n        className={composeRenderProps(className, (className) =>\n          radioGroupRoot({ className })\n        )}\n        {...props}\n      />\n    </RadioProvider>\n  );\n};\n\nexport type { RadioProps, RadioRootProps, RadioIndicatorProps };\nexport { Radio, RadioRoot, RadioIndicator };\n\nexport type { RadioGroupProps, RadioGroupRootProps };\nexport { RadioGroup, RadioGroupRoot };\n",
       "target": "core/radio-group.tsx"
     }
   ]
diff --git a/www/public/registry/core/search-field.json b/www/public/registry/core/search-field.json
index 0b5c6c44e..2bc0dbd52 100644
--- a/www/public/registry/core/search-field.json
+++ b/www/public/registry/core/search-field.json
@@ -1,11 +1,9 @@
 {
   "name": "search-field",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/search-field_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { SearchIcon, XIcon } from \"lucide-react\";\nimport {\n  SearchField as AriaSearchField,\n  Button as AriaButton,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\nimport { Button } from \"./button_basic\";\n\nconst searchFieldtyles = tv({\n  base: \"group flex w-48 flex-col items-start gap-2 empty:[&_button[slot='clear']]:hidden [&_input]:[&::-webkit-search-cancel-button]:appearance-none [&_input]:[&::-webkit-search-decoration]:appearance-none\",\n});\n\ninterface SearchFieldProps\n  extends SearchFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst SearchField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: SearchFieldProps) => {\n  return (\n    <SearchFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size}>\n        <SearchIcon />\n        <Input />\n        <Button\n          slot=\"clear\"\n          variant=\"quiet\"\n          size=\"sm\"\n          shape=\"circle\"\n          className=\"size-6\"\n        >\n          <XIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </SearchFieldRoot>\n  );\n};\n\ninterface SearchFieldRootProps\n  extends React.ComponentProps<typeof AriaSearchField> {\n  placeholder?: string;\n}\nconst SearchFieldRoot = ({ className, ...props }: SearchFieldRootProps) => {\n  return (\n    <AriaSearchField\n      className={composeRenderProps(className, (className) =>\n        searchFieldtyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { SearchFieldProps, SearchFieldRootProps };\nexport { SearchField, SearchFieldRoot };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { SearchIcon, XIcon } from \"lucide-react\";\nimport {\n  SearchField as AriaSearchField,\n  Button as AriaButton,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\nimport { Button } from \"./button_basic\";\n\nconst searchFieldtyles = tv({\n  base: \"group flex w-48 flex-col items-start gap-2 empty:[&_button[slot='clear']]:hidden [&_input]:[&::-webkit-search-cancel-button]:appearance-none [&_input]:[&::-webkit-search-decoration]:appearance-none\",\n});\n\ninterface SearchFieldProps\n  extends SearchFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst SearchField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: SearchFieldProps) => {\n  return (\n    <SearchFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size}>\n        <SearchIcon />\n        <Input />\n        <Button\n          slot=\"clear\"\n          variant=\"quiet\"\n          size=\"sm\"\n          shape=\"circle\"\n          className=\"size-6\"\n        >\n          <XIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </SearchFieldRoot>\n  );\n};\n\ninterface SearchFieldRootProps\n  extends React.ComponentProps<typeof AriaSearchField> {\n  placeholder?: string;\n}\nconst SearchFieldRoot = ({ className, ...props }: SearchFieldRootProps) => {\n  return (\n    <AriaSearchField\n      className={composeRenderProps(className, (className) =>\n        searchFieldtyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { SearchFieldProps, SearchFieldRootProps };\nexport { SearchField, SearchFieldRoot };\n",
       "target": "core/search-field.tsx"
     }
   ]
diff --git a/www/public/registry/core/select.json b/www/public/registry/core/select.json
index 6af070731..ef15972d8 100644
--- a/www/public/registry/core/select.json
+++ b/www/public/registry/core/select.json
@@ -1,11 +1,9 @@
 {
   "name": "select",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/select_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  type SelectProps as AriaSelectProps,\n  type SelectValueProps as AriaSelectValueProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { HelpText, Label, type FieldProps } from \"@/registry/core/field_basic\";\nimport { ListBox, type ListBoxProps } from \"@/registry/core/list-box_basic\";\nimport { Popover } from \"@/registry/core/popover_basic\";\n\nconst selectStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    selectValue: \"flex-1 text-left\",\n  },\n});\n\ninterface SelectProps<T extends object>\n  extends Omit<SelectRootProps<T>, \"children\">,\n    FieldProps {\n  children?: ListBoxProps<T>[\"children\"];\n  dependencies?: ListBoxProps<T>[\"dependencies\"];\n  items?: ListBoxProps<T>[\"items\"];\n  isLoading?: ListBoxProps<T>[\"isLoading\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n}\nconst Select = <T extends object>({\n  variant,\n  size,\n  label,\n  description,\n  errorMessage,\n  children,\n  dependencies,\n  items,\n  isLoading,\n  ...props\n}: SelectProps<T>) => {\n  return (\n    <SelectRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <Button\n        variant={variant}\n        size={size}\n        suffix={<ChevronDownIcon />}\n        className=\"w-full\"\n      >\n        <SelectValue />\n      </Button>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Popover>\n        <ListBox\n          isLoading={isLoading}\n          items={items}\n          dependencies={dependencies}\n        >\n          {children}\n        </ListBox>\n      </Popover>\n    </SelectRoot>\n  );\n};\n\ntype SelectValueProps<T extends object> = AriaSelectValueProps<T>;\nconst SelectValue = <T extends object>(props: SelectValueProps<T>) => {\n  const { selectValue } = selectStyles();\n  return (\n    <AriaSelectValue\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        selectValue({ className })\n      )}\n    />\n  );\n};\n\ninterface SelectRootProps<T extends object>\n  extends Omit<AriaSelectProps<T>, \"className\"> {\n  className?: string;\n}\nconst SelectRoot = <T extends object>({\n  className,\n  ...props\n}: SelectRootProps<T>) => {\n  const { root } = selectStyles();\n  return <AriaSelect className={root({ className })} {...props} />;\n};\n\nexport type { SelectProps, SelectRootProps, SelectValueProps };\nexport { Select, SelectRoot, SelectValue };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  type SelectProps as AriaSelectProps,\n  type SelectValueProps as AriaSelectValueProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { HelpText, Label, type FieldProps } from \"@/registry/core/field_basic\";\nimport { ListBox, type ListBoxProps } from \"@/registry/core/list-box_basic\";\nimport { Popover } from \"@/registry/core/popover_basic\";\n\nconst selectStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    selectValue: \"flex-1 text-left\",\n  },\n});\n\ninterface SelectProps<T extends object>\n  extends Omit<SelectRootProps<T>, \"children\">,\n    FieldProps {\n  children?: ListBoxProps<T>[\"children\"];\n  dependencies?: ListBoxProps<T>[\"dependencies\"];\n  items?: ListBoxProps<T>[\"items\"];\n  isLoading?: ListBoxProps<T>[\"isLoading\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n}\nconst Select = <T extends object>({\n  variant,\n  size,\n  label,\n  description,\n  errorMessage,\n  children,\n  dependencies,\n  items,\n  isLoading,\n  ...props\n}: SelectProps<T>) => {\n  return (\n    <SelectRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <Button\n        variant={variant}\n        size={size}\n        suffix={<ChevronDownIcon />}\n        className=\"w-full\"\n      >\n        <SelectValue />\n      </Button>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Popover>\n        <ListBox\n          isLoading={isLoading}\n          items={items}\n          dependencies={dependencies}\n        >\n          {children}\n        </ListBox>\n      </Popover>\n    </SelectRoot>\n  );\n};\n\ntype SelectValueProps<T extends object> = AriaSelectValueProps<T>;\nconst SelectValue = <T extends object>(props: SelectValueProps<T>) => {\n  const { selectValue } = selectStyles();\n  return (\n    <AriaSelectValue\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        selectValue({ className })\n      )}\n    />\n  );\n};\n\ninterface SelectRootProps<T extends object>\n  extends Omit<AriaSelectProps<T>, \"className\"> {\n  className?: string;\n}\nconst SelectRoot = <T extends object>({\n  className,\n  ...props\n}: SelectRootProps<T>) => {\n  const { root } = selectStyles();\n  return <AriaSelect className={root({ className })} {...props} />;\n};\n\nexport type { SelectProps, SelectRootProps, SelectValueProps };\nexport { Select, SelectRoot, SelectValue };\n",
       "target": "core/select.tsx"
     }
   ]
diff --git a/www/public/registry/core/separator.json b/www/public/registry/core/separator.json
index 3ff4d4898..4f922bbe3 100644
--- a/www/public/registry/core/separator.json
+++ b/www/public/registry/core/separator.json
@@ -1,11 +1,9 @@
 {
   "name": "separator",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/separator_basic.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport { Separator as AriaSeparator } from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst separatorStyles = tv({\n  base: \"bg-border separator shrink-0 border-0\",\n  variants: {\n    orientation: {\n      horizontal: \"h-px w-full\",\n      vertical: \"h-full w-px\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\ninterface SeparatorProps extends React.ComponentProps<typeof AriaSeparator> {}\nconst Separator = ({ orientation, className, ...props }: SeparatorProps) => {\n  return (\n    <AriaSeparator\n      className={separatorStyles({ orientation, className })}\n      {...props}\n    />\n  );\n};\n\nexport { Separator };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport { Separator as AriaSeparator } from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst separatorStyles = tv({\n  base: \"bg-border separator shrink-0 border-0\",\n  variants: {\n    orientation: {\n      horizontal: \"h-px w-full\",\n      vertical: \"h-full w-px\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\ninterface SeparatorProps extends React.ComponentProps<typeof AriaSeparator> {}\nconst Separator = ({ orientation, className, ...props }: SeparatorProps) => {\n  return (\n    <AriaSeparator\n      className={separatorStyles({ orientation, className })}\n      {...props}\n    />\n  );\n};\n\nexport { Separator };\n",
       "target": "core/separator.tsx"
     }
   ]
diff --git a/www/public/registry/core/skeleton.json b/www/public/registry/core/skeleton.json
index e7aeaf78b..69e7471a3 100644
--- a/www/public/registry/core/skeleton.json
+++ b/www/public/registry/core/skeleton.json
@@ -1,11 +1,9 @@
 {
   "name": "skeleton",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/skeleton_basic.tsx",
-      "content": "// work in progress\n// Auto layout skeleton inspiration: https://x.com/devongovett/status/1838980741197447529\nimport { cn } from \"@/registry/lib/cn\";\n\nfunction Skeleton({\n  className,\n  show = true,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  show?: boolean;\n}) {\n  if (!show) return props.children;\n  return (\n    <div\n      className={cn(\n        \"bg-bg-muted relative block h-6 animate-pulse rounded-md\",\n        props.children && \"h-auto *:invisible\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n",
       "type": "registry:core",
+      "content": "// work in progress\n// Auto layout skeleton inspiration: https://x.com/devongovett/status/1838980741197447529\nimport { cn } from \"@/registry/lib/utils\";\n\nfunction Skeleton({\n  className,\n  show = true,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  show?: boolean;\n}) {\n  if (!show) return props.children;\n  return (\n    <div\n      className={cn(\n        \"bg-bg-muted relative block h-6 animate-pulse rounded-md\",\n        props.children && \"h-auto *:invisible\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n",
       "target": "core/skeleton.tsx"
     }
   ]
diff --git a/www/public/registry/core/slider.json b/www/public/registry/core/slider.json
index ed89e54e7..d0de0164d 100644
--- a/www/public/registry/core/slider.json
+++ b/www/public/registry/core/slider.json
@@ -1,11 +1,9 @@
 {
   "name": "slider",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/slider_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { useSlotId } from \"@react-aria/utils\";\nimport {\n  composeRenderProps,\n  Slider as AriaSlider,\n  SliderOutput as AriaSliderOutput,\n  SliderThumb as AriaSliderThumb,\n  SliderTrack as AriaSliderTrack,\n  TextContext,\n  SliderStateContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Description, Label } from \"@/registry/core/field_basic\";\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst sliderStyles = tv({\n  slots: {\n    root: \"group flex flex-col gap-2\",\n    track:\n      \"bg-bg-neutral disabled:bg-bg-disabled relative grow cursor-pointer rounded-full disabled:cursor-default\",\n    filler:\n      \"bg-border-focus group-disabled:bg-bg-disabled pointer-events-none absolute rounded-full\",\n    thumb: [\n      focusRing(),\n      \"disabled:bg-bg-disabled disabled:border-bg left-[50%] top-[50%] rounded-full bg-white shadow-md transition-[width,height] disabled:border\",\n    ],\n    valueLabel: \"text-fg-muted text-sm\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"w-48\",\n        track: \"h-2 w-full\",\n        filler: \"top-0 h-full\",\n      },\n      vertical: {\n        root: \"h-48 items-center\",\n        track: \"w-2 flex-1\",\n        filler: \"bottom-0 w-full\",\n      },\n    },\n    size: {\n      sm: {\n        thumb: \"dragging:size-4 size-3\",\n        track: \"orientation-vertical:w-1 orientation-horizontal:h-1\",\n      },\n      md: {\n        thumb: \"dragging:size-5 size-4\",\n        track: \"orientation-vertical:w-2 orientation-horizontal:h-2\",\n      },\n      lg: {\n        thumb: \"dragging:size-6 size-5\",\n        track: \"orientation-vertical:w-3 orientation-horizontal:h-3\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst { root, track, filler, thumb, valueLabel } = sliderStyles();\n\nconst [SliderProvider, useSliderContext] =\n  createScopedContext<VariantProps<typeof sliderStyles>>(\"SliderRoot\");\n\ninterface SliderProps extends Omit<SliderRootProps, \"children\"> {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  showValueLabel?: boolean;\n  getValueLabel?: (value: number[]) => string;\n}\nconst Slider = ({\n  label,\n  description,\n  showValueLabel = true,\n  getValueLabel,\n  ...props\n}: SliderProps) => {\n  return (\n    <SliderRoot {...props}>\n      <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n        {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n        {showValueLabel && (\n          <SliderValueLabel className=\"[grid-area:value]\">\n            {({ state }) =>\n              getValueLabel ? getValueLabel(state.values) : null\n            }\n          </SliderValueLabel>\n        )}\n      </div>\n      <SliderTrack>\n        {({ state }) => (\n          <>\n            <SliderFiller />\n            {state.values.map((_, i) => (\n              <SliderThumb key={i} index={i} />\n            ))}\n          </>\n        )}\n      </SliderTrack>\n      {description && <Description>{description}</Description>}\n    </SliderRoot>\n  );\n};\n\ninterface SliderRootProps\n  extends React.ComponentProps<typeof AriaSlider>,\n    VariantProps<typeof sliderStyles> {}\nconst SliderRoot = ({\n  children,\n  className,\n  size,\n  ...props\n}: SliderRootProps) => {\n  const descriptionId = useSlotId();\n  return (\n    <AriaSlider\n      aria-describedby={descriptionId}\n      className={composeRenderProps(className, (className, { orientation }) =>\n        root({ orientation, size, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, { orientation }) => (\n        <>\n          <TextContext\n            value={{ slots: { description: { id: descriptionId } } }}\n          >\n            <SliderProvider orientation={orientation} size={size}>\n              {children}\n            </SliderProvider>\n          </TextContext>\n        </>\n      ))}\n    </AriaSlider>\n  );\n};\n\ninterface SliderTrackProps\n  extends React.ComponentProps<typeof AriaSliderTrack> {}\nconst SliderTrack = ({ ...props }: SliderTrackProps) => {\n  const { orientation, size } = useSliderContext(\"SliderTrack\");\n  return (\n    <AriaSliderTrack\n      className={composeRenderProps(props.className, (className) =>\n        track({ orientation, size, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface SliderFillerProps extends React.ComponentProps<\"div\"> {}\nconst SliderFiller = ({ className, style, ...props }: SliderFillerProps) => {\n  const { size } = useSliderContext(\"SliderTrack\");\n  const SliderState = React.useContext(SliderStateContext);\n  if (!SliderState)\n    throw new Error(\"SliderFiller must be used within SliderRoot\");\n  const { orientation, getThumbPercent, values } = SliderState;\n  const dimensionStyles = getFillerDimensions(\n    values,\n    orientation,\n    getThumbPercent\n  );\n\n  return (\n    <div\n      className={filler({ orientation, size, className })}\n      style={{ ...style, ...dimensionStyles }}\n      {...props}\n    />\n  );\n};\n\ninterface SliderThumbProps\n  extends React.ComponentProps<typeof AriaSliderThumb> {}\nconst SliderThumb = ({ className, ...props }: SliderThumbProps) => {\n  const { orientation, size } = useSliderContext(\"SliderThumb\");\n  return (\n    <AriaSliderThumb\n      className={composeRenderProps(className, (className) =>\n        thumb({ orientation, size, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface SliderValueLabelProps\n  extends React.ComponentProps<typeof AriaSliderOutput> {}\nconst SliderValueLabel = ({\n  children,\n  className,\n  ...props\n}: SliderValueLabelProps) => {\n  return (\n    <AriaSliderOutput\n      className={composeRenderProps(className, (className) =>\n        valueLabel({ className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(\n        children,\n        (children, { state }) =>\n          children ??\n          state.values.map((_, i) => state.getThumbValueLabel(i)).join(\" - \")\n      )}\n    </AriaSliderOutput>\n  );\n};\n\nconst getFillerDimensions = (\n  values: number[],\n  orientation: \"horizontal\" | \"vertical\",\n  getThumbPercent: (index: number) => number\n): React.CSSProperties => {\n  if (values.length === 1 && orientation === \"horizontal\")\n    return { width: `${getThumbPercent(0) * 100}%` };\n\n  if (values.length === 1 && orientation === \"vertical\")\n    return { height: `${getThumbPercent(0) * 100}%` };\n\n  if (orientation === \"horizontal\")\n    return {\n      left: `${getThumbPercent(0) * 100}%`,\n      width: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,\n    };\n\n  if (orientation === \"vertical\")\n    return {\n      bottom: `${getThumbPercent(0) * 100}%`,\n      height: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,\n    };\n\n  return {};\n};\n\nexport {\n  Slider,\n  SliderRoot,\n  SliderTrack,\n  SliderFiller,\n  SliderThumb,\n  SliderValueLabel,\n};\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { useSlotId } from \"@react-aria/utils\";\nimport {\n  composeRenderProps,\n  Slider as AriaSlider,\n  SliderOutput as AriaSliderOutput,\n  SliderThumb as AriaSliderThumb,\n  SliderTrack as AriaSliderTrack,\n  TextContext,\n  SliderStateContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Description, Label } from \"@/registry/core/field_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\nimport { createScopedContext } from \"@/registry/lib/utils\";\n\nconst sliderStyles = tv({\n  slots: {\n    root: \"group flex flex-col gap-2\",\n    track:\n      \"bg-bg-neutral disabled:bg-bg-disabled relative grow cursor-pointer rounded-full disabled:cursor-default\",\n    filler:\n      \"bg-border-focus group-disabled:bg-bg-disabled pointer-events-none absolute rounded-full\",\n    thumb: [\n      focusRing(),\n      \"disabled:bg-bg-disabled disabled:border-bg left-[50%] top-[50%] rounded-full bg-white shadow-md transition-[width,height] disabled:border\",\n    ],\n    valueLabel: \"text-fg-muted text-sm\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"w-48\",\n        track: \"h-2 w-full\",\n        filler: \"top-0 h-full\",\n      },\n      vertical: {\n        root: \"h-48 items-center\",\n        track: \"w-2 flex-1\",\n        filler: \"bottom-0 w-full\",\n      },\n    },\n    size: {\n      sm: {\n        thumb: \"dragging:size-4 size-3\",\n        track: \"orientation-vertical:w-1 orientation-horizontal:h-1\",\n      },\n      md: {\n        thumb: \"dragging:size-5 size-4\",\n        track: \"orientation-vertical:w-2 orientation-horizontal:h-2\",\n      },\n      lg: {\n        thumb: \"dragging:size-6 size-5\",\n        track: \"orientation-vertical:w-3 orientation-horizontal:h-3\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst { root, track, filler, thumb, valueLabel } = sliderStyles();\n\nconst [SliderProvider, useSliderContext] =\n  createScopedContext<VariantProps<typeof sliderStyles>>(\"SliderRoot\");\n\ninterface SliderProps extends Omit<SliderRootProps, \"children\"> {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  showValueLabel?: boolean;\n  getValueLabel?: (value: number[]) => string;\n}\nconst Slider = ({\n  label,\n  description,\n  showValueLabel = true,\n  getValueLabel,\n  ...props\n}: SliderProps) => {\n  return (\n    <SliderRoot {...props}>\n      <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n        {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n        {showValueLabel && (\n          <SliderValueLabel className=\"[grid-area:value]\">\n            {({ state }) =>\n              getValueLabel ? getValueLabel(state.values) : null\n            }\n          </SliderValueLabel>\n        )}\n      </div>\n      <SliderTrack>\n        {({ state }) => (\n          <>\n            <SliderFiller />\n            {state.values.map((_, i) => (\n              <SliderThumb key={i} index={i} />\n            ))}\n          </>\n        )}\n      </SliderTrack>\n      {description && <Description>{description}</Description>}\n    </SliderRoot>\n  );\n};\n\ninterface SliderRootProps\n  extends React.ComponentProps<typeof AriaSlider>,\n    VariantProps<typeof sliderStyles> {}\nconst SliderRoot = ({\n  children,\n  className,\n  size,\n  ...props\n}: SliderRootProps) => {\n  const descriptionId = useSlotId();\n  return (\n    <AriaSlider\n      aria-describedby={descriptionId}\n      className={composeRenderProps(className, (className, { orientation }) =>\n        root({ orientation, size, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, { orientation }) => (\n        <>\n          <TextContext\n            value={{ slots: { description: { id: descriptionId } } }}\n          >\n            <SliderProvider orientation={orientation} size={size}>\n              {children}\n            </SliderProvider>\n          </TextContext>\n        </>\n      ))}\n    </AriaSlider>\n  );\n};\n\ninterface SliderTrackProps\n  extends React.ComponentProps<typeof AriaSliderTrack> {}\nconst SliderTrack = ({ ...props }: SliderTrackProps) => {\n  const { orientation, size } = useSliderContext(\"SliderTrack\");\n  return (\n    <AriaSliderTrack\n      className={composeRenderProps(props.className, (className) =>\n        track({ orientation, size, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface SliderFillerProps extends React.ComponentProps<\"div\"> {}\nconst SliderFiller = ({ className, style, ...props }: SliderFillerProps) => {\n  const { size } = useSliderContext(\"SliderTrack\");\n  const SliderState = React.useContext(SliderStateContext);\n  if (!SliderState)\n    throw new Error(\"SliderFiller must be used within SliderRoot\");\n  const { orientation, getThumbPercent, values } = SliderState;\n  const dimensionStyles = getFillerDimensions(\n    values,\n    orientation,\n    getThumbPercent\n  );\n\n  return (\n    <div\n      className={filler({ orientation, size, className })}\n      style={{ ...style, ...dimensionStyles }}\n      {...props}\n    />\n  );\n};\n\ninterface SliderThumbProps\n  extends React.ComponentProps<typeof AriaSliderThumb> {}\nconst SliderThumb = ({ className, ...props }: SliderThumbProps) => {\n  const { orientation, size } = useSliderContext(\"SliderThumb\");\n  return (\n    <AriaSliderThumb\n      className={composeRenderProps(className, (className) =>\n        thumb({ orientation, size, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface SliderValueLabelProps\n  extends React.ComponentProps<typeof AriaSliderOutput> {}\nconst SliderValueLabel = ({\n  children,\n  className,\n  ...props\n}: SliderValueLabelProps) => {\n  return (\n    <AriaSliderOutput\n      className={composeRenderProps(className, (className) =>\n        valueLabel({ className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(\n        children,\n        (children, { state }) =>\n          children ??\n          state.values.map((_, i) => state.getThumbValueLabel(i)).join(\" - \")\n      )}\n    </AriaSliderOutput>\n  );\n};\n\nconst getFillerDimensions = (\n  values: number[],\n  orientation: \"horizontal\" | \"vertical\",\n  getThumbPercent: (index: number) => number\n): React.CSSProperties => {\n  if (values.length === 1 && orientation === \"horizontal\")\n    return { width: `${getThumbPercent(0) * 100}%` };\n\n  if (values.length === 1 && orientation === \"vertical\")\n    return { height: `${getThumbPercent(0) * 100}%` };\n\n  if (orientation === \"horizontal\")\n    return {\n      left: `${getThumbPercent(0) * 100}%`,\n      width: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,\n    };\n\n  if (orientation === \"vertical\")\n    return {\n      bottom: `${getThumbPercent(0) * 100}%`,\n      height: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,\n    };\n\n  return {};\n};\n\nexport {\n  Slider,\n  SliderRoot,\n  SliderTrack,\n  SliderFiller,\n  SliderThumb,\n  SliderValueLabel,\n};\n",
       "target": "core/slider.tsx"
     }
   ]
diff --git a/www/public/registry/core/switch.json b/www/public/registry/core/switch.json
index b7a506533..46e5f6cb9 100644
--- a/www/public/registry/core/switch.json
+++ b/www/public/registry/core/switch.json
@@ -1,11 +1,9 @@
 {
   "name": "switch",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/switch_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Switch as AriaSwitch,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\n\nconst switchStyles = tv({\n  slots: {\n    root: \"disabled:text-fg-disabled group flex items-center justify-start gap-3\",\n    indicator: [\n      \"group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent\",\n    ],\n    thumb:\n      \"group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200\",\n  },\n  variants: {\n    variant: {\n      default: { indicator: focusRingGroup() },\n      card: {\n        root: [\n          focusRing(),\n          \"selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled cursor-pointer flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n    size: {\n      sm: {\n        indicator: \"h-5 w-9\",\n        thumb:\n          \"group-pressed:w-5 group-selected:ml-4 group-selected:group-pressed:ml-3 size-4\",\n      },\n      md: {\n        indicator: \"h-6 w-11\",\n        thumb:\n          \"group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5\",\n      },\n      lg: {\n        indicator: \"w-13 h-7\",\n        thumb:\n          \"group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nconst { root, indicator, thumb } = switchStyles();\n\nconst [SwitchProvider, useSwitchContext] =\n  createScopedContext<VariantProps<typeof switchStyles>>(\"SwitchRoot\");\n\ninterface SwitchProps extends SwitchRootProps {}\nconst Switch = ({ children, ...props }: SwitchProps) => {\n  return (\n    <SwitchRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <SwitchIndicator>\n            <SwitchThumb />\n          </SwitchIndicator>\n          {children}\n        </>\n      ))}\n    </SwitchRoot>\n  );\n};\n\ninterface SwitchRootProps\n  extends React.ComponentProps<typeof AriaSwitch>,\n    VariantProps<typeof switchStyles> {}\nconst SwitchRoot = ({\n  variant,\n  size,\n  className,\n  ...props\n}: SwitchRootProps) => {\n  return (\n    <SwitchProvider variant={variant} size={size}>\n      <AriaSwitch\n        className={composeRenderProps(className, (className) =>\n          root({ variant, size, className })\n        )}\n        {...props}\n      />\n    </SwitchProvider>\n  );\n};\n\ninterface SwitchIndicatorProps extends React.ComponentProps<\"span\"> {}\nconst SwitchIndicator = ({ className, ...props }: SwitchIndicatorProps) => {\n  const { variant, size } = useSwitchContext(\"SwitchIndicator\");\n  return (\n    <span className={indicator({ variant, size, className })} {...props} />\n  );\n};\n\ninterface SwitchThumbProps extends React.ComponentProps<\"span\"> {}\nconst SwitchThumb = ({ className, ...props }: SwitchThumbProps) => {\n  const { variant, size } = useSwitchContext(\"SwitchThumb\");\n  return <span className={thumb({ variant, size, className })} {...props} />;\n};\n\nexport type {\n  SwitchProps,\n  SwitchRootProps,\n  SwitchIndicatorProps,\n  SwitchThumbProps,\n};\nexport { Switch, SwitchRoot, SwitchIndicator, SwitchThumb };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Switch as AriaSwitch,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\nimport { createScopedContext } from \"@/registry/lib/utils\";\n\nconst switchStyles = tv({\n  slots: {\n    root: \"disabled:text-fg-disabled group flex items-center justify-start gap-3\",\n    indicator: [\n      \"group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent\",\n    ],\n    thumb:\n      \"group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200\",\n  },\n  variants: {\n    variant: {\n      default: { indicator: focusRingGroup() },\n      card: {\n        root: [\n          focusRing(),\n          \"selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled cursor-pointer flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n    size: {\n      sm: {\n        indicator: \"h-5 w-9\",\n        thumb:\n          \"group-pressed:w-5 group-selected:ml-4 group-selected:group-pressed:ml-3 size-4\",\n      },\n      md: {\n        indicator: \"h-6 w-11\",\n        thumb:\n          \"group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5\",\n      },\n      lg: {\n        indicator: \"w-13 h-7\",\n        thumb:\n          \"group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nconst { root, indicator, thumb } = switchStyles();\n\nconst [SwitchProvider, useSwitchContext] =\n  createScopedContext<VariantProps<typeof switchStyles>>(\"SwitchRoot\");\n\ninterface SwitchProps extends SwitchRootProps {}\nconst Switch = ({ children, ...props }: SwitchProps) => {\n  return (\n    <SwitchRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <SwitchIndicator>\n            <SwitchThumb />\n          </SwitchIndicator>\n          {children}\n        </>\n      ))}\n    </SwitchRoot>\n  );\n};\n\ninterface SwitchRootProps\n  extends React.ComponentProps<typeof AriaSwitch>,\n    VariantProps<typeof switchStyles> {}\nconst SwitchRoot = ({\n  variant,\n  size,\n  className,\n  ...props\n}: SwitchRootProps) => {\n  return (\n    <SwitchProvider variant={variant} size={size}>\n      <AriaSwitch\n        className={composeRenderProps(className, (className) =>\n          root({ variant, size, className })\n        )}\n        {...props}\n      />\n    </SwitchProvider>\n  );\n};\n\ninterface SwitchIndicatorProps extends React.ComponentProps<\"span\"> {}\nconst SwitchIndicator = ({ className, ...props }: SwitchIndicatorProps) => {\n  const { variant, size } = useSwitchContext(\"SwitchIndicator\");\n  return (\n    <span className={indicator({ variant, size, className })} {...props} />\n  );\n};\n\ninterface SwitchThumbProps extends React.ComponentProps<\"span\"> {}\nconst SwitchThumb = ({ className, ...props }: SwitchThumbProps) => {\n  const { variant, size } = useSwitchContext(\"SwitchThumb\");\n  return <span className={thumb({ variant, size, className })} {...props} />;\n};\n\nexport type {\n  SwitchProps,\n  SwitchRootProps,\n  SwitchIndicatorProps,\n  SwitchThumbProps,\n};\nexport { Switch, SwitchRoot, SwitchIndicator, SwitchThumb };\n",
       "target": "core/switch.tsx"
     }
   ]
diff --git a/www/public/registry/core/table.json b/www/public/registry/core/table.json
index 878ec3c39..30c0c8103 100644
--- a/www/public/registry/core/table.json
+++ b/www/public/registry/core/table.json
@@ -1,11 +1,9 @@
 {
   "name": "table",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/table_basic.tsx",
-      "content": "\"use client\";\r\n\r\nimport { ChevronDownIcon, ChevronUpIcon, GripVerticalIcon } from \"lucide-react\";\r\nimport {\r\n  ResizableTableContainer as AriaResizableTableContainer,\r\n  Table as AriaTable,\r\n  TableHeader as AriaTableHeader,\r\n  TableBody as AriaTableBody,\r\n  Column as AriaColumn,\r\n  Collection as AriaCollection,\r\n  ColumnResizer as AriaColumnResizer,\r\n  Row as AriaRow,\r\n  Cell as AriaCell,\r\n  Button as AriaButton,\r\n  useTableOptions,\r\n  composeRenderProps,\r\n  type RowProps as AriaRowProps,\r\n  type TableBodyProps as AriaTableBodyProps,\r\n  type TableHeaderProps as AriaTableHeaderProps,\r\n} from \"react-aria-components\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Checkbox } from \"@/registry/core/checkbox_basic\";\r\nimport { cn } from \"@/registry/lib/cn\";\r\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\n\r\nconst tableStyles = tv({\r\n  slots: {\r\n    resizableContainer: \"w-[500px] overflow-auto\",\r\n    root: [\r\n      \"relative min-h-24 w-full border-separate border-spacing-0 cursor-default text-sm\",\r\n      \"[&_.react-aria-DropIndicator]:outline-bg-accent [&_.react-aria-DropIndicator]:translate-z-0 [&_.react-aria-DropIndicator]:outline\",\r\n    ],\r\n    header: \"sticky top-0 z-10\",\r\n    column: [\r\n      focusRing(),\r\n      \"allows-sorting:cursor-pointer text-fg-muted relative whitespace-nowrap px-3 py-2 text-left font-medium\",\r\n    ],\r\n    resizer: [\r\n      focusRing(),\r\n      \"resizing:before:bg-bg-accent before:bg-border-field resizing:before:w-0.5 absolute right-0 box-content h-5 w-px cursor-col-resize px-2 before:block before:h-5 before:w-px before:transition-colors before:content-['']\",\r\n    ],\r\n    body: \"empty:text-center empty:italic\",\r\n    row: [\r\n      focusRing(),\r\n      \"data-href:cursor-pointer data-href:hover:bg-bg-muted data-action:cursor-pointer data-action:hover:bg-bg-muted disabled:text-fg-disabled data-[selection-mode=single]:hover:not-selected:bg-bg-muted data-[selection-mode=multiple]:hover:not-selected:bg-bg-muted selected:text-fg dragging:bg-bg relative transition-colors data-[selection-mode=multiple]:cursor-pointer data-[selection-mode=single]:cursor-pointer\",\r\n    ],\r\n    cell: [focusRing(), \"truncate px-3 py-2\"],\r\n  },\r\n  variants: {\r\n    variant: {\r\n      bordered: {\r\n        root: \"rounded-md border\",\r\n        column: \"border-b\",\r\n        row: \"group/row\",\r\n        cell: \"border-b group-last/row:border-b-0\",\r\n      },\r\n      solid: {\r\n        root: \"bg-bg-inverse/5 rounded-lg p-2\",\r\n        header: \"text-fg-muted border-y\",\r\n        body: \"text-fg\",\r\n        column: \"bg-bg-inverse/5 first:rounded-l-sm last:rounded-r-sm\",\r\n      },\r\n      line: {\r\n        column: \"border-b\",\r\n        row: \"group/row\",\r\n        cell: \"border-b group-last/row:border-b-0\",\r\n      },\r\n      quiet: {},\r\n    },\r\n    selectionVariant: {\r\n      primary: {\r\n        row: \"selected:bg-bg-primary-muted\",\r\n      },\r\n      accent: {\r\n        row: \"selected:bg-bg-accent-muted\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"line\",\r\n    selectionVariant: \"accent\",\r\n  },\r\n});\r\n\r\nconst { resizableContainer, root, header, column, resizer, body, row, cell } =\r\n  tableStyles();\r\n\r\nconst [TableProvider, useTableContext] = createScopedContext<\r\n  VariantProps<typeof tableStyles> & {\r\n    globalAction?: boolean;\r\n  }\r\n>(\"TableRoot\");\r\n\r\ninterface TableRootProps\r\n  extends React.ComponentProps<typeof AriaTable>,\r\n    VariantProps<typeof tableStyles> {}\r\nconst TableRoot = ({\r\n  variant,\r\n  selectionVariant,\r\n  onRowAction,\r\n  ...props\r\n}: TableRootProps) => {\r\n  return (\r\n    <TableProvider\r\n      variant={variant}\r\n      selectionVariant={selectionVariant}\r\n      globalAction={!!onRowAction}\r\n    >\r\n      <AriaTable\r\n        className={root({ variant })}\r\n        onRowAction={onRowAction}\r\n        {...props}\r\n      />\r\n    </TableProvider>\r\n  );\r\n};\r\n\r\ninterface TableHeaderProps<T extends object> extends AriaTableHeaderProps<T> {}\r\nconst TableHeader = <T extends object>({\r\n  columns,\r\n  children,\r\n  ...props\r\n}: TableHeaderProps<T>) => {\r\n  const { variant, selectionVariant } = useTableContext(\"TableHeader\");\r\n  const { selectionBehavior, selectionMode, allowsDragging } =\r\n    useTableOptions();\r\n  return (\r\n    <AriaTableHeader className={header({ variant })} {...props}>\r\n      {allowsDragging && <TableColumn />}\r\n      {selectionBehavior === \"toggle\" && (\r\n        <TableColumn>\r\n          {selectionMode === \"multiple\" && (\r\n            <Checkbox slot=\"selection\" variant={selectionVariant} />\r\n          )}\r\n        </TableColumn>\r\n      )}\r\n      <AriaCollection items={columns}>{children}</AriaCollection>\r\n    </AriaTableHeader>\r\n  );\r\n};\r\n\r\ninterface TableColumnProps extends React.ComponentProps<typeof AriaColumn> {\r\n  allowsResizing?: boolean;\r\n}\r\nfunction TableColumn({\r\n  allowsResizing,\r\n  children,\r\n  className,\r\n  ...props\r\n}: TableColumnProps) {\r\n  const { variant } = useTableContext(\"TableColumn\");\r\n  return (\r\n    <AriaColumn\r\n      className={composeRenderProps(className, (className) =>\r\n        column({ variant, className })\r\n      )}\r\n      {...props}\r\n    >\r\n      {composeRenderProps(\r\n        children,\r\n        (children, { allowsSorting, sortDirection }) => (\r\n          <div className=\"flex items-center gap-2\">\r\n            <span className=\"flex-1 truncate\">{children}</span>\r\n            {allowsSorting &&\r\n              (sortDirection === \"ascending\" ? (\r\n                <ChevronUpIcon aria-hidden className=\"text-fg-muted size-3\" />\r\n              ) : (\r\n                <ChevronDownIcon aria-hidden className=\"text-fg-muted size-3\" />\r\n              ))}\r\n            {allowsResizing && !props.width && (\r\n              <AriaColumnResizer className={resizer()} />\r\n            )}\r\n          </div>\r\n        )\r\n      )}\r\n    </AriaColumn>\r\n  );\r\n}\r\ninterface TableBodyProps<T extends object> extends AriaTableBodyProps<T> {\r\n  ref?: React.RefObject<HTMLTableSectionElement>;\r\n}\r\nconst TableBody = <T extends object>({\r\n  renderEmptyState = () => \"No results found.\",\r\n  className,\r\n  ...props\r\n}: TableBodyProps<T>) => {\r\n  const { variant } = useTableContext(\"TableBody\");\r\n  return (\r\n    <AriaTableBody\r\n      renderEmptyState={renderEmptyState}\r\n      className={composeRenderProps(className, (className) =>\r\n        body({ variant, className })\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\ninterface TableRowProps<T extends object> extends AriaRowProps<T> {}\r\nfunction TableRow<T extends object>({\r\n  columns,\r\n  children,\r\n  onAction,\r\n  ...props\r\n}: TableRowProps<T>) {\r\n  const { selectionBehavior, allowsDragging } = useTableOptions();\r\n  const { variant, selectionVariant, globalAction } =\r\n    useTableContext(\"TableRow\");\r\n\r\n  return (\r\n    <AriaRow\r\n      data-action={globalAction || !!onAction || undefined}\r\n      className={row({ variant, selectionVariant })}\r\n      onAction={onAction}\r\n      {...props}\r\n    >\r\n      {allowsDragging && (\r\n        <TableCell className=\"cursor-grab\">\r\n          <AriaButton\r\n            slot=\"drag\"\r\n            className={cn(\r\n              focusRing(),\r\n              \"rounded-xs text-fg-muted inline-flex items-center justify-center [&_svg]:size-4\"\r\n            )}\r\n          >\r\n            <GripVerticalIcon />\r\n          </AriaButton>\r\n        </TableCell>\r\n      )}\r\n      {selectionBehavior === \"toggle\" && (\r\n        <TableCell>\r\n          <Checkbox slot=\"selection\" variant={selectionVariant} />\r\n        </TableCell>\r\n      )}\r\n      <AriaCollection items={columns}>{children}</AriaCollection>\r\n    </AriaRow>\r\n  );\r\n}\r\n\r\ninterface TableCellProps extends React.ComponentProps<typeof AriaCell> {}\r\nconst TableCell = ({ className, ...props }: TableCellProps) => {\r\n  const { variant } = useTableContext(\"TableCell\");\r\n  return (\r\n    <AriaCell\r\n      className={composeRenderProps(className, (className) =>\r\n        cell({ variant, className })\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\ninterface TableResizableContainerProps\r\n  extends React.ComponentProps<typeof AriaResizableTableContainer> {}\r\nconst TableResizableContainer = ({\r\n  className,\r\n  ...props\r\n}: TableResizableContainerProps) => {\r\n  return (\r\n    <AriaResizableTableContainer\r\n      className={resizableContainer({ className })}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport type {\r\n  TableResizableContainerProps,\r\n  TableRootProps,\r\n  TableHeaderProps,\r\n  TableBodyProps,\r\n  TableColumnProps,\r\n  TableRowProps,\r\n  TableCellProps,\r\n};\r\nexport {\r\n  TableResizableContainer,\r\n  TableRoot,\r\n  TableHeader,\r\n  TableBody,\r\n  TableColumn,\r\n  TableRow,\r\n  TableCell,\r\n};\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport { ChevronDownIcon, ChevronUpIcon, GripVerticalIcon } from \"lucide-react\";\r\nimport {\r\n  ResizableTableContainer as AriaResizableTableContainer,\r\n  Table as AriaTable,\r\n  TableHeader as AriaTableHeader,\r\n  TableBody as AriaTableBody,\r\n  Column as AriaColumn,\r\n  Collection as AriaCollection,\r\n  ColumnResizer as AriaColumnResizer,\r\n  Row as AriaRow,\r\n  Cell as AriaCell,\r\n  Button as AriaButton,\r\n  useTableOptions,\r\n  composeRenderProps,\r\n  type RowProps as AriaRowProps,\r\n  type TableBodyProps as AriaTableBodyProps,\r\n  type TableHeaderProps as AriaTableHeaderProps,\r\n} from \"react-aria-components\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Checkbox } from \"@/registry/core/checkbox_basic\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\nimport { cn } from \"@/registry/lib/utils\";\r\nimport { createScopedContext } from \"@/registry/lib/utils\";\r\n\r\nconst tableStyles = tv({\r\n  slots: {\r\n    resizableContainer: \"w-[500px] overflow-auto\",\r\n    root: [\r\n      \"relative min-h-24 w-full border-separate border-spacing-0 cursor-default text-sm\",\r\n      \"[&_.react-aria-DropIndicator]:outline-bg-accent [&_.react-aria-DropIndicator]:translate-z-0 [&_.react-aria-DropIndicator]:outline\",\r\n    ],\r\n    header: \"sticky top-0 z-10\",\r\n    column: [\r\n      focusRing(),\r\n      \"allows-sorting:cursor-pointer text-fg-muted relative whitespace-nowrap px-3 py-2 text-left font-medium\",\r\n    ],\r\n    resizer: [\r\n      focusRing(),\r\n      \"resizing:before:bg-bg-accent before:bg-border-field resizing:before:w-0.5 absolute right-0 box-content h-5 w-px cursor-col-resize px-2 before:block before:h-5 before:w-px before:transition-colors before:content-['']\",\r\n    ],\r\n    body: \"empty:text-center empty:italic\",\r\n    row: [\r\n      focusRing(),\r\n      \"data-href:cursor-pointer data-href:hover:bg-bg-muted data-action:cursor-pointer data-action:hover:bg-bg-muted disabled:text-fg-disabled data-[selection-mode=single]:hover:not-selected:bg-bg-muted data-[selection-mode=multiple]:hover:not-selected:bg-bg-muted selected:text-fg dragging:bg-bg relative transition-colors data-[selection-mode=multiple]:cursor-pointer data-[selection-mode=single]:cursor-pointer\",\r\n    ],\r\n    cell: [focusRing(), \"truncate px-3 py-2\"],\r\n  },\r\n  variants: {\r\n    variant: {\r\n      bordered: {\r\n        root: \"rounded-md border\",\r\n        column: \"border-b\",\r\n        row: \"group/row\",\r\n        cell: \"border-b group-last/row:border-b-0\",\r\n      },\r\n      solid: {\r\n        root: \"bg-bg-inverse/5 rounded-lg p-2\",\r\n        header: \"text-fg-muted border-y\",\r\n        body: \"text-fg\",\r\n        column: \"bg-bg-inverse/5 first:rounded-l-sm last:rounded-r-sm\",\r\n      },\r\n      line: {\r\n        column: \"border-b\",\r\n        row: \"group/row\",\r\n        cell: \"border-b group-last/row:border-b-0\",\r\n      },\r\n      quiet: {},\r\n    },\r\n    selectionVariant: {\r\n      primary: {\r\n        row: \"selected:bg-bg-primary-muted\",\r\n      },\r\n      accent: {\r\n        row: \"selected:bg-bg-accent-muted\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"line\",\r\n    selectionVariant: \"accent\",\r\n  },\r\n});\r\n\r\nconst { resizableContainer, root, header, column, resizer, body, row, cell } =\r\n  tableStyles();\r\n\r\nconst [TableProvider, useTableContext] = createScopedContext<\r\n  VariantProps<typeof tableStyles> & {\r\n    globalAction?: boolean;\r\n  }\r\n>(\"TableRoot\");\r\n\r\ninterface TableRootProps\r\n  extends React.ComponentProps<typeof AriaTable>,\r\n    VariantProps<typeof tableStyles> {}\r\nconst TableRoot = ({\r\n  variant,\r\n  selectionVariant,\r\n  onRowAction,\r\n  ...props\r\n}: TableRootProps) => {\r\n  return (\r\n    <TableProvider\r\n      variant={variant}\r\n      selectionVariant={selectionVariant}\r\n      globalAction={!!onRowAction}\r\n    >\r\n      <AriaTable\r\n        className={root({ variant })}\r\n        onRowAction={onRowAction}\r\n        {...props}\r\n      />\r\n    </TableProvider>\r\n  );\r\n};\r\n\r\ninterface TableHeaderProps<T extends object> extends AriaTableHeaderProps<T> {}\r\nconst TableHeader = <T extends object>({\r\n  columns,\r\n  children,\r\n  ...props\r\n}: TableHeaderProps<T>) => {\r\n  const { variant, selectionVariant } = useTableContext(\"TableHeader\");\r\n  const { selectionBehavior, selectionMode, allowsDragging } =\r\n    useTableOptions();\r\n  return (\r\n    <AriaTableHeader className={header({ variant })} {...props}>\r\n      {allowsDragging && <TableColumn />}\r\n      {selectionBehavior === \"toggle\" && (\r\n        <TableColumn>\r\n          {selectionMode === \"multiple\" && (\r\n            <Checkbox slot=\"selection\" variant={selectionVariant} />\r\n          )}\r\n        </TableColumn>\r\n      )}\r\n      <AriaCollection items={columns}>{children}</AriaCollection>\r\n    </AriaTableHeader>\r\n  );\r\n};\r\n\r\ninterface TableColumnProps extends React.ComponentProps<typeof AriaColumn> {\r\n  allowsResizing?: boolean;\r\n}\r\nfunction TableColumn({\r\n  allowsResizing,\r\n  children,\r\n  className,\r\n  ...props\r\n}: TableColumnProps) {\r\n  const { variant } = useTableContext(\"TableColumn\");\r\n  return (\r\n    <AriaColumn\r\n      className={composeRenderProps(className, (className) =>\r\n        column({ variant, className })\r\n      )}\r\n      {...props}\r\n    >\r\n      {composeRenderProps(\r\n        children,\r\n        (children, { allowsSorting, sortDirection }) => (\r\n          <div className=\"flex items-center gap-2\">\r\n            <span className=\"flex-1 truncate\">{children}</span>\r\n            {allowsSorting &&\r\n              (sortDirection === \"ascending\" ? (\r\n                <ChevronUpIcon aria-hidden className=\"text-fg-muted size-3\" />\r\n              ) : (\r\n                <ChevronDownIcon aria-hidden className=\"text-fg-muted size-3\" />\r\n              ))}\r\n            {allowsResizing && !props.width && (\r\n              <AriaColumnResizer className={resizer()} />\r\n            )}\r\n          </div>\r\n        )\r\n      )}\r\n    </AriaColumn>\r\n  );\r\n}\r\ninterface TableBodyProps<T extends object> extends AriaTableBodyProps<T> {\r\n  ref?: React.RefObject<HTMLTableSectionElement>;\r\n}\r\nconst TableBody = <T extends object>({\r\n  renderEmptyState = () => \"No results found.\",\r\n  className,\r\n  ...props\r\n}: TableBodyProps<T>) => {\r\n  const { variant } = useTableContext(\"TableBody\");\r\n  return (\r\n    <AriaTableBody\r\n      renderEmptyState={renderEmptyState}\r\n      className={composeRenderProps(className, (className) =>\r\n        body({ variant, className })\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\ninterface TableRowProps<T extends object> extends AriaRowProps<T> {}\r\nfunction TableRow<T extends object>({\r\n  columns,\r\n  children,\r\n  onAction,\r\n  ...props\r\n}: TableRowProps<T>) {\r\n  const { selectionBehavior, allowsDragging } = useTableOptions();\r\n  const { variant, selectionVariant, globalAction } =\r\n    useTableContext(\"TableRow\");\r\n\r\n  return (\r\n    <AriaRow\r\n      data-action={globalAction || !!onAction || undefined}\r\n      className={row({ variant, selectionVariant })}\r\n      onAction={onAction}\r\n      {...props}\r\n    >\r\n      {allowsDragging && (\r\n        <TableCell className=\"cursor-grab\">\r\n          <AriaButton\r\n            slot=\"drag\"\r\n            className={cn(\r\n              focusRing(),\r\n              \"rounded-xs text-fg-muted inline-flex items-center justify-center [&_svg]:size-4\"\r\n            )}\r\n          >\r\n            <GripVerticalIcon />\r\n          </AriaButton>\r\n        </TableCell>\r\n      )}\r\n      {selectionBehavior === \"toggle\" && (\r\n        <TableCell>\r\n          <Checkbox slot=\"selection\" variant={selectionVariant} />\r\n        </TableCell>\r\n      )}\r\n      <AriaCollection items={columns}>{children}</AriaCollection>\r\n    </AriaRow>\r\n  );\r\n}\r\n\r\ninterface TableCellProps extends React.ComponentProps<typeof AriaCell> {}\r\nconst TableCell = ({ className, ...props }: TableCellProps) => {\r\n  const { variant } = useTableContext(\"TableCell\");\r\n  return (\r\n    <AriaCell\r\n      className={composeRenderProps(className, (className) =>\r\n        cell({ variant, className })\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\ninterface TableResizableContainerProps\r\n  extends React.ComponentProps<typeof AriaResizableTableContainer> {}\r\nconst TableResizableContainer = ({\r\n  className,\r\n  ...props\r\n}: TableResizableContainerProps) => {\r\n  return (\r\n    <AriaResizableTableContainer\r\n      className={resizableContainer({ className })}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport type {\r\n  TableResizableContainerProps,\r\n  TableRootProps,\r\n  TableHeaderProps,\r\n  TableBodyProps,\r\n  TableColumnProps,\r\n  TableRowProps,\r\n  TableCellProps,\r\n};\r\nexport {\r\n  TableResizableContainer,\r\n  TableRoot,\r\n  TableHeader,\r\n  TableBody,\r\n  TableColumn,\r\n  TableRow,\r\n  TableCell,\r\n};\r\n",
       "target": "core/table.tsx"
     }
   ]
diff --git a/www/public/registry/core/tabs.json b/www/public/registry/core/tabs.json
index ff6909efd..8a31f4b6a 100644
--- a/www/public/registry/core/tabs.json
+++ b/www/public/registry/core/tabs.json
@@ -1,4 +1,7 @@
 {
   "name": "tabs",
-  "type": "registry:core"
+  "variants": [
+    "basic",
+    "motion"
+  ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/tabs_basic.json b/www/public/registry/core/tabs_basic.json
index 4efa45d61..08846e09a 100644
--- a/www/public/registry/core/tabs_basic.json
+++ b/www/public/registry/core/tabs_basic.json
@@ -1,11 +1,9 @@
 {
   "name": "tabs_basic",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/tabs_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabListProps as AriaTabListProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst tabsStyles = tv({\n  slots: {\n    root: \"flex\",\n    list: \"flex\",\n    tab: [\n      focusRing(),\n      \"text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default\",\n    ],\n    panel: focusRing(),\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"flex-col\",\n        list: \"\",\n        panel: \"mt-2\",\n      },\n      vertical: {\n        root: \"flex-row\",\n        list: \"flex-col\",\n        panel: \"ml-2\",\n      },\n    },\n    variant: {\n      solid: {\n        list: \"bg-bg-muted gap-1 rounded-lg p-1\",\n        tab: \"selected:bg-bg-inverse/10 disabled:bg-bg-disabled selected:shadow-sm rounded-sm px-3 py-1.5 font-medium\",\n      },\n      underline: {\n        tab: \"selected:border-bg-accent border-transparent p-2.5\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"horizontal\",\n      variant: \"underline\",\n      className: {\n        list: \"border-b\",\n        tab: \"border-b-3 -mb-px\",\n      },\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"underline\",\n      className: {\n        list: \"border-r\",\n        tab: \"border-r-3 -mr-px\",\n      },\n    },\n  ],\n});\n\nconst { root, list, tab, panel } = tabsStyles();\n\nconst [TabsProvider, useTabsContext] =\n  createScopedContext<VariantProps<typeof tabsStyles>>(\"Tabs\");\n\ninterface TabsProps\n  extends React.ComponentProps<typeof AriaTabs>,\n    VariantProps<typeof tabsStyles> {}\nconst Tabs = ({\n  variant = \"underline\",\n  className,\n  children,\n  ...props\n}: TabsProps) => (\n  <AriaTabs\n    className={composeRenderProps(className, (className, { orientation }) =>\n      root({ orientation, className })\n    )}\n    {...props}\n  >\n    {composeRenderProps(children, (children, { orientation }) => (\n      <TabsProvider orientation={orientation} variant={variant}>\n        {children}\n      </TabsProvider>\n    ))}\n  </AriaTabs>\n);\n\ninterface TabListProps<T extends object> extends AriaTabListProps<T> {}\nconst TabList = <T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className) =>\n        list({ variant, orientation, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TabProps extends React.ComponentProps<typeof AriaTab> {}\nconst Tab = ({ className, ...props }: TabProps) => {\n  const { orientation, variant } = useTabsContext(\"Tab\");\n  return (\n    <AriaTab\n      className={composeRenderProps(className, (className) =>\n        tab({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TabPanelProps extends React.ComponentProps<typeof AriaTabPanel> {}\nconst TabPanel = ({ className, ...props }: TabPanelProps) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabPanel\n      className={composeRenderProps(className, (className) =>\n        panel({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\nexport { Tabs, TabList, Tab, TabPanel };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabListProps as AriaTabListProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\nimport { createScopedContext } from \"@/registry/lib/utils\";\n\nconst tabsStyles = tv({\n  slots: {\n    root: \"flex\",\n    list: \"flex\",\n    tab: [\n      focusRing(),\n      \"text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default\",\n    ],\n    panel: focusRing(),\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"flex-col\",\n        list: \"\",\n        panel: \"mt-2\",\n      },\n      vertical: {\n        root: \"flex-row\",\n        list: \"flex-col\",\n        panel: \"ml-2\",\n      },\n    },\n    variant: {\n      solid: {\n        list: \"bg-bg-muted gap-1 rounded-lg p-1\",\n        tab: \"selected:bg-bg-inverse/10 disabled:bg-bg-disabled selected:shadow-sm rounded-sm px-3 py-1.5 font-medium\",\n      },\n      underline: {\n        tab: \"selected:border-bg-accent border-transparent p-2.5\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"horizontal\",\n      variant: \"underline\",\n      className: {\n        list: \"border-b\",\n        tab: \"border-b-3 -mb-px\",\n      },\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"underline\",\n      className: {\n        list: \"border-r\",\n        tab: \"border-r-3 -mr-px\",\n      },\n    },\n  ],\n});\n\nconst { root, list, tab, panel } = tabsStyles();\n\nconst [TabsProvider, useTabsContext] =\n  createScopedContext<VariantProps<typeof tabsStyles>>(\"Tabs\");\n\ninterface TabsProps\n  extends React.ComponentProps<typeof AriaTabs>,\n    VariantProps<typeof tabsStyles> {}\nconst Tabs = ({\n  variant = \"underline\",\n  className,\n  children,\n  ...props\n}: TabsProps) => (\n  <AriaTabs\n    className={composeRenderProps(className, (className, { orientation }) =>\n      root({ orientation, className })\n    )}\n    {...props}\n  >\n    {composeRenderProps(children, (children, { orientation }) => (\n      <TabsProvider orientation={orientation} variant={variant}>\n        {children}\n      </TabsProvider>\n    ))}\n  </AriaTabs>\n);\n\ninterface TabListProps<T extends object> extends AriaTabListProps<T> {}\nconst TabList = <T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className) =>\n        list({ variant, orientation, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TabProps extends React.ComponentProps<typeof AriaTab> {}\nconst Tab = ({ className, ...props }: TabProps) => {\n  const { orientation, variant } = useTabsContext(\"Tab\");\n  return (\n    <AriaTab\n      className={composeRenderProps(className, (className) =>\n        tab({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TabPanelProps extends React.ComponentProps<typeof AriaTabPanel> {}\nconst TabPanel = ({ className, ...props }: TabPanelProps) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabPanel\n      className={composeRenderProps(className, (className) =>\n        panel({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\nexport { Tabs, TabList, Tab, TabPanel };\n",
       "target": "core/tabs.tsx"
     }
   ]
diff --git a/www/public/registry/core/tabs_motion.json b/www/public/registry/core/tabs_motion.json
index 7860a36a4..f51534246 100644
--- a/www/public/registry/core/tabs_motion.json
+++ b/www/public/registry/core/tabs_motion.json
@@ -1,11 +1,9 @@
 {
   "name": "tabs_motion",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/tabs_motion.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { motion, LayoutGroup, Transition } from \"motion/react\";\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabListProps as AriaTabListProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/registry/lib/context-helpers\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst tabsStyles = tv({\n  slots: {\n    root: \"group flex\",\n    list: \"flex\",\n    tab: [\n      focusRing(),\n      \"text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled relative flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default\",\n    ],\n    cursor: \"bg-bg-accent absolute\",\n    panel: focusRing(),\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"flex-col\",\n        list: \"\",\n        panel: \"mt-2\",\n      },\n      vertical: {\n        root: \"flex-row\",\n        list: \"flex-col\",\n        panel: \"ml-2\",\n      },\n    },\n    variant: {\n      solid: {\n        list: \"bg-bg-muted gap-1 rounded-lg p-1\",\n        tab: \"rounded-sm px-3 py-1.5 font-medium\",\n        cursor: \"bg-bg-inverse/10 inset-0 z-0 rounded-[inherit] shadow-sm\",\n      },\n      underline: {\n        tab: \"selected:border-bg-accent border-transparent px-3 py-[7px]\",\n        cursor: \"\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"horizontal\",\n      variant: \"underline\",\n      className: {\n        list: \"border-b\",\n        cursor: \"inset-x-0 bottom-0 h-[2px] origin-[50%_50%_0] transform-none\",\n      },\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"underline\",\n      className: {\n        list: \"border-r\",\n        cursor: \"inset-y-0 right-0 w-[2px]\",\n      },\n    },\n  ],\n});\n\nconst { root, list, tab, panel, cursor } = tabsStyles();\n\nconst TRANSITION: Transition = { type: \"spring\", bounce: 0.05, duration: 0.3 };\n\nconst [TabsProvider, useTabsContext] =\n  createScopedContext<VariantProps<typeof tabsStyles>>(\"Tabs\");\n\ninterface TabsProps\n  extends React.ComponentProps<typeof AriaTabs>,\n    VariantProps<typeof tabsStyles> {}\nconst Tabs = ({\n  variant = \"underline\",\n  className,\n  children,\n  ...props\n}: TabsProps) => (\n  <AriaTabs\n    className={composeRenderProps(className, (className, { orientation }) =>\n      root({ orientation, className })\n    )}\n    {...props}\n  >\n    {composeRenderProps(children, (children, { orientation }) => (\n      <TabsProvider orientation={orientation} variant={variant}>\n        {children}\n      </TabsProvider>\n    ))}\n  </AriaTabs>\n);\n\ninterface TabListProps<T extends object> extends AriaTabListProps<T> {}\nconst TabList = <T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  const layoutId = React.useId();\n  return (\n    <LayoutGroup id={layoutId}>\n      <AriaTabList\n        className={composeRenderProps(className, (className) =>\n          list({ variant, orientation, className })\n        )}\n        {...props}\n      />\n    </LayoutGroup>\n  );\n};\n\ninterface TabProps extends React.ComponentProps<typeof AriaTab> {}\nconst Tab = ({ children, className, ...props }: TabProps) => {\n  const { orientation, variant } = useTabsContext(\"Tab\");\n  return (\n    <AriaTab\n      className={composeRenderProps(className, (className) =>\n        tab({ orientation, variant, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, { isSelected }) => (\n        <>\n          {isSelected && (\n            <motion.span\n              layoutDependency={false}\n              layoutId=\"cursor\"\n              transition={TRANSITION}\n              className={cursor({ orientation, variant })}\n            />\n          )}\n          {children}\n        </>\n      ))}\n    </AriaTab>\n  );\n};\n\ninterface TabPanelProps extends React.ComponentProps<typeof AriaTabPanel> {}\nconst TabPanel = ({ className, ...props }: TabPanelProps) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabPanel\n      className={composeRenderProps(className, (className) =>\n        panel({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\nexport { Tabs, TabList, Tab, TabPanel };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { motion, LayoutGroup, Transition } from \"motion/react\";\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabListProps as AriaTabListProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\nimport { createScopedContext } from \"@/registry/lib/utils\";\n\nconst tabsStyles = tv({\n  slots: {\n    root: \"group flex\",\n    list: \"flex\",\n    tab: [\n      focusRing(),\n      \"text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled relative flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default\",\n    ],\n    cursor: \"bg-bg-accent absolute\",\n    panel: focusRing(),\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"flex-col\",\n        list: \"\",\n        panel: \"mt-2\",\n      },\n      vertical: {\n        root: \"flex-row\",\n        list: \"flex-col\",\n        panel: \"ml-2\",\n      },\n    },\n    variant: {\n      solid: {\n        list: \"bg-bg-muted gap-1 rounded-lg p-1\",\n        tab: \"rounded-sm px-3 py-1.5 font-medium\",\n        cursor: \"bg-bg-inverse/10 inset-0 z-0 rounded-[inherit] shadow-sm\",\n      },\n      underline: {\n        tab: \"selected:border-bg-accent border-transparent px-3 py-[7px]\",\n        cursor: \"\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"horizontal\",\n      variant: \"underline\",\n      className: {\n        list: \"border-b\",\n        cursor: \"inset-x-0 bottom-0 h-[2px] origin-[50%_50%_0] transform-none\",\n      },\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"underline\",\n      className: {\n        list: \"border-r\",\n        cursor: \"inset-y-0 right-0 w-[2px]\",\n      },\n    },\n  ],\n});\n\nconst { root, list, tab, panel, cursor } = tabsStyles();\n\nconst TRANSITION: Transition = { type: \"spring\", bounce: 0.05, duration: 0.3 };\n\nconst [TabsProvider, useTabsContext] =\n  createScopedContext<VariantProps<typeof tabsStyles>>(\"Tabs\");\n\ninterface TabsProps\n  extends React.ComponentProps<typeof AriaTabs>,\n    VariantProps<typeof tabsStyles> {}\nconst Tabs = ({\n  variant = \"underline\",\n  className,\n  children,\n  ...props\n}: TabsProps) => (\n  <AriaTabs\n    className={composeRenderProps(className, (className, { orientation }) =>\n      root({ orientation, className })\n    )}\n    {...props}\n  >\n    {composeRenderProps(children, (children, { orientation }) => (\n      <TabsProvider orientation={orientation} variant={variant}>\n        {children}\n      </TabsProvider>\n    ))}\n  </AriaTabs>\n);\n\ninterface TabListProps<T extends object> extends AriaTabListProps<T> {}\nconst TabList = <T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  const layoutId = React.useId();\n  return (\n    <LayoutGroup id={layoutId}>\n      <AriaTabList\n        className={composeRenderProps(className, (className) =>\n          list({ variant, orientation, className })\n        )}\n        {...props}\n      />\n    </LayoutGroup>\n  );\n};\n\ninterface TabProps extends React.ComponentProps<typeof AriaTab> {}\nconst Tab = ({ children, className, ...props }: TabProps) => {\n  const { orientation, variant } = useTabsContext(\"Tab\");\n  return (\n    <AriaTab\n      className={composeRenderProps(className, (className) =>\n        tab({ orientation, variant, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, { isSelected }) => (\n        <>\n          {isSelected && (\n            <motion.span\n              layoutDependency={false}\n              layoutId=\"cursor\"\n              transition={TRANSITION}\n              className={cursor({ orientation, variant })}\n            />\n          )}\n          {children}\n        </>\n      ))}\n    </AriaTab>\n  );\n};\n\ninterface TabPanelProps extends React.ComponentProps<typeof AriaTabPanel> {}\nconst TabPanel = ({ className, ...props }: TabPanelProps) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabPanel\n      className={composeRenderProps(className, (className) =>\n        panel({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\nexport { Tabs, TabList, Tab, TabPanel };\n",
       "target": "core/tabs.tsx"
     }
   ]
diff --git a/www/public/registry/core/tag-group.json b/www/public/registry/core/tag-group.json
index 45d5c0bc6..ed092dc79 100644
--- a/www/public/registry/core/tag-group.json
+++ b/www/public/registry/core/tag-group.json
@@ -1,11 +1,9 @@
 {
   "name": "tag-group",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/tag-group_basic.tsx",
-      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  TagGroup as AriaTagGroup,\r\n  TagList as AriaTagList,\r\n  Tag as AriaTag,\r\n  type TagGroupProps as AriaTagGroupProps,\r\n  type TagListProps as AriaTagListProps,\r\n  type TagProps as AriaTagProps,\r\n} from \"react-aria-components\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Button } from \"@/registry/core/button_basic\";\r\nimport { HelpText, Label, type FieldProps } from \"@/registry/core/field_basic\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\n\r\nconst tagGroupStyles = tv({\r\n  slots: {\r\n    root: \"flex w-48 flex-col items-start gap-2\",\r\n    list: \"flex w-full flex-wrap gap-1\",\r\n  },\r\n});\r\n\r\nconst { root, list } = tagGroupStyles();\r\n\r\nconst tagStyles = tv({\r\n  extend: focusRing,\r\n  base: \"ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\r\n  variants: {\r\n    variant: {\r\n      default:\r\n        \"bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral selected:bg-bg-primary selected:text-fg-onPrimary\",\r\n      quiet:\r\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary bg-transparent\",\r\n      outline:\r\n        \"border-border-field bg-bg-inverse/5 hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary border\",\r\n      accent:\r\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent\",\r\n    },\r\n    size: {\r\n      sm: \"size-8 [&_svg]:size-4\",\r\n      md: \"size-9 [&_svg]:size-4\",\r\n      lg: \"size-10 [&_svg]:size-5\",\r\n    },\r\n    shape: {\r\n      rectangle: \"\",\r\n      square: \"\",\r\n      circle: \"rounded-full\",\r\n    },\r\n  },\r\n  compoundVariants: [\r\n    {\r\n      size: \"sm\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-3\",\r\n    },\r\n    {\r\n      size: \"md\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-4\",\r\n    },\r\n    {\r\n      size: \"lg\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-5\",\r\n    },\r\n  ],\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n    size: \"md\",\r\n    shape: \"rectangle\",\r\n  },\r\n});\r\n\r\ninterface TagGroupProps<T>\r\n  extends Omit<TagGroupRootProps, \"children\">,\r\n    Pick<AriaTagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\">,\r\n    FieldProps {}\r\n\r\nfunction TagGroup<T extends object>({\r\n  label,\r\n  description,\r\n  errorMessage,\r\n  items,\r\n  children,\r\n  renderEmptyState,\r\n  ...props\r\n}: TagGroupProps<T>) {\r\n  return (\r\n    <TagGroupRoot {...props}>\r\n      {label && <Label>{label}</Label>}\r\n      <TagList items={items} renderEmptyState={renderEmptyState}>\r\n        {children}\r\n      </TagList>\r\n      <HelpText description={description} errorMessage={errorMessage} />\r\n    </TagGroupRoot>\r\n  );\r\n}\r\n\r\ninterface TagGroupRootProps\r\n  extends AriaTagGroupProps,\r\n    VariantProps<typeof tagStyles> {}\r\nfunction TagGroupRoot({\r\n  className,\r\n  variant,\r\n  size,\r\n  shape,\r\n  ...props\r\n}: TagGroupRootProps) {\r\n  return (\r\n    <TagGroupContext.Provider value={{ variant, size, shape }}>\r\n      <AriaTagGroup {...props} className={root({ className })} />\r\n    </TagGroupContext.Provider>\r\n  );\r\n}\r\n\r\ninterface TagListProps<T> extends AriaTagListProps<T> {}\r\nfunction TagList<T extends object>(props: TagListProps<T>) {\r\n  return (\r\n    <AriaTagList\r\n      {...props}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        list({ className })\r\n      )}\r\n    />\r\n  );\r\n}\r\n\r\ninterface TagProps extends AriaTagProps, VariantProps<typeof tagStyles> {}\r\nfunction Tag(localProps: TagProps) {\r\n  const contextProps = useTagGroupContext();\r\n  const props = { ...contextProps, ...localProps };\r\n  const { children, variant, size, shape, className, ...restProps } = props;\r\n  const textValue =\r\n    typeof props.children === \"string\" ? props.children : undefined;\r\n  return (\r\n    <AriaTag\r\n      textValue={textValue}\r\n      className={composeRenderProps(className, (className) =>\r\n        tagStyles({ variant, size, shape, className })\r\n      )}\r\n      {...restProps}\r\n    >\r\n      {composeRenderProps(children, (children, { allowsRemoving }) => (\r\n        <>\r\n          {children}\r\n          {allowsRemoving && <Button slot=\"remove\">ⓧ</Button>}\r\n        </>\r\n      ))}\r\n    </AriaTag>\r\n  );\r\n}\r\n\r\ntype TagGroupContextValue = VariantProps<typeof tagGroupStyles>;\r\nconst TagGroupContext = React.createContext<TagGroupContextValue>({});\r\nconst useTagGroupContext = () => {\r\n  return React.useContext(TagGroupContext);\r\n};\r\n\r\nexport { TagGroup, Tag };\r\nexport type { TagGroupProps, TagProps };\r\n",
       "type": "registry:core",
+      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  TagGroup as AriaTagGroup,\r\n  TagList as AriaTagList,\r\n  Tag as AriaTag,\r\n  type TagGroupProps as AriaTagGroupProps,\r\n  type TagListProps as AriaTagListProps,\r\n  type TagProps as AriaTagProps,\r\n} from \"react-aria-components\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Button } from \"@/registry/core/button_basic\";\r\nimport { HelpText, Label, type FieldProps } from \"@/registry/core/field_basic\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\n\r\nconst tagGroupStyles = tv({\r\n  slots: {\r\n    root: \"flex w-48 flex-col items-start gap-2\",\r\n    list: \"flex w-full flex-wrap gap-1\",\r\n  },\r\n});\r\n\r\nconst { root, list } = tagGroupStyles();\r\n\r\nconst tagStyles = tv({\r\n  extend: focusRing,\r\n  base: \"ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\r\n  variants: {\r\n    variant: {\r\n      default:\r\n        \"bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral selected:bg-bg-primary selected:text-fg-onPrimary\",\r\n      quiet:\r\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary bg-transparent\",\r\n      outline:\r\n        \"border-border-field bg-bg-inverse/5 hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary border\",\r\n      accent:\r\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent\",\r\n    },\r\n    size: {\r\n      sm: \"size-8 [&_svg]:size-4\",\r\n      md: \"size-9 [&_svg]:size-4\",\r\n      lg: \"size-10 [&_svg]:size-5\",\r\n    },\r\n    shape: {\r\n      rectangle: \"\",\r\n      square: \"\",\r\n      circle: \"rounded-full\",\r\n    },\r\n  },\r\n  compoundVariants: [\r\n    {\r\n      size: \"sm\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-3\",\r\n    },\r\n    {\r\n      size: \"md\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-4\",\r\n    },\r\n    {\r\n      size: \"lg\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-5\",\r\n    },\r\n  ],\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n    size: \"md\",\r\n    shape: \"rectangle\",\r\n  },\r\n});\r\n\r\ninterface TagGroupProps<T>\r\n  extends Omit<TagGroupRootProps, \"children\">,\r\n    Pick<AriaTagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\">,\r\n    FieldProps {}\r\n\r\nfunction TagGroup<T extends object>({\r\n  label,\r\n  description,\r\n  errorMessage,\r\n  items,\r\n  children,\r\n  renderEmptyState,\r\n  ...props\r\n}: TagGroupProps<T>) {\r\n  return (\r\n    <TagGroupRoot {...props}>\r\n      {label && <Label>{label}</Label>}\r\n      <TagList items={items} renderEmptyState={renderEmptyState}>\r\n        {children}\r\n      </TagList>\r\n      <HelpText description={description} errorMessage={errorMessage} />\r\n    </TagGroupRoot>\r\n  );\r\n}\r\n\r\ninterface TagGroupRootProps\r\n  extends AriaTagGroupProps,\r\n    VariantProps<typeof tagStyles> {}\r\nfunction TagGroupRoot({\r\n  className,\r\n  variant,\r\n  size,\r\n  shape,\r\n  ...props\r\n}: TagGroupRootProps) {\r\n  return (\r\n    <TagGroupContext.Provider value={{ variant, size, shape }}>\r\n      <AriaTagGroup {...props} className={root({ className })} />\r\n    </TagGroupContext.Provider>\r\n  );\r\n}\r\n\r\ninterface TagListProps<T> extends AriaTagListProps<T> {}\r\nfunction TagList<T extends object>(props: TagListProps<T>) {\r\n  return (\r\n    <AriaTagList\r\n      {...props}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        list({ className })\r\n      )}\r\n    />\r\n  );\r\n}\r\n\r\ninterface TagProps extends AriaTagProps, VariantProps<typeof tagStyles> {}\r\nfunction Tag(localProps: TagProps) {\r\n  const contextProps = useTagGroupContext();\r\n  const props = { ...contextProps, ...localProps };\r\n  const { children, variant, size, shape, className, ...restProps } = props;\r\n  const textValue =\r\n    typeof props.children === \"string\" ? props.children : undefined;\r\n  return (\r\n    <AriaTag\r\n      textValue={textValue}\r\n      className={composeRenderProps(className, (className) =>\r\n        tagStyles({ variant, size, shape, className })\r\n      )}\r\n      {...restProps}\r\n    >\r\n      {composeRenderProps(children, (children, { allowsRemoving }) => (\r\n        <>\r\n          {children}\r\n          {allowsRemoving && <Button slot=\"remove\">ⓧ</Button>}\r\n        </>\r\n      ))}\r\n    </AriaTag>\r\n  );\r\n}\r\n\r\ntype TagGroupContextValue = VariantProps<typeof tagGroupStyles>;\r\nconst TagGroupContext = React.createContext<TagGroupContextValue>({});\r\nconst useTagGroupContext = () => {\r\n  return React.useContext(TagGroupContext);\r\n};\r\n\r\nexport { TagGroup, Tag };\r\nexport type { TagGroupProps, TagProps };\r\n",
       "target": "core/tag-group.tsx"
     }
   ]
diff --git a/www/public/registry/core/text-area.json b/www/public/registry/core/text-area.json
index 59b7a02bf..bd8a41f0d 100644
--- a/www/public/registry/core/text-area.json
+++ b/www/public/registry/core/text-area.json
@@ -1,11 +1,9 @@
 {
   "name": "text-area",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/text-area_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TextField as AriaTextField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  TextAreaInput,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst textAreaStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface TextAreaProps\n  extends TextAreaRootProps,\n    Pick<InputRootProps, \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst TextArea = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  ...props\n}: TextAreaProps) => {\n  return (\n    <TextAreaRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot prefix={prefix} suffix={suffix} multiline>\n        <TextAreaInput />\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TextAreaRoot>\n  );\n};\n\ninterface TextAreaRootProps extends React.ComponentProps<typeof AriaTextField> {\n  placeholder?: string;\n}\nconst TextAreaRoot = ({ className, ...props }: TextAreaRootProps) => {\n  return (\n    <AriaTextField\n      className={composeRenderProps(className, (className) =>\n        textAreaStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TextAreaProps, TextAreaRootProps };\nexport { TextArea, TextAreaRoot };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TextField as AriaTextField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  TextAreaInput,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst textAreaStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface TextAreaProps\n  extends TextAreaRootProps,\n    Pick<InputRootProps, \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst TextArea = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  ...props\n}: TextAreaProps) => {\n  return (\n    <TextAreaRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot prefix={prefix} suffix={suffix} multiline>\n        <TextAreaInput />\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TextAreaRoot>\n  );\n};\n\ninterface TextAreaRootProps extends React.ComponentProps<typeof AriaTextField> {\n  placeholder?: string;\n}\nconst TextAreaRoot = ({ className, ...props }: TextAreaRootProps) => {\n  return (\n    <AriaTextField\n      className={composeRenderProps(className, (className) =>\n        textAreaStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TextAreaProps, TextAreaRootProps };\nexport { TextArea, TextAreaRoot };\n",
       "target": "core/text-area.tsx"
     }
   ]
diff --git a/www/public/registry/core/text-field.json b/www/public/registry/core/text-field.json
index 7be597e7a..8ed24ecef 100644
--- a/www/public/registry/core/text-field.json
+++ b/www/public/registry/core/text-field.json
@@ -1,11 +1,9 @@
 {
   "name": "text-field",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/text-field_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TextField as AriaTextField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst textFieldStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface TextFieldProps\n  extends TextFieldRootProps,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\n\nconst TextField = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  inputRef,\n  ...props\n}: TextFieldProps) => {\n  return (\n    <TextFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <TextFieldInput\n        inputRef={inputRef}\n        size={size}\n        prefix={prefix}\n        suffix={suffix}\n      />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TextFieldRoot>\n  );\n};\n\ninterface TextFieldRootProps\n  extends React.ComponentProps<typeof AriaTextField> {\n  placeholder?: string;\n}\nconst TextFieldRoot = ({ className, ...props }: TextFieldRootProps) => {\n  return (\n    <AriaTextField\n      className={composeRenderProps(className, (className) =>\n        textFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TextFieldInputProps extends InputRootProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\nconst TextFieldInput = ({ inputRef, ...props }: TextFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <Input ref={inputRef} />\n    </InputRoot>\n  );\n};\n\nexport type { TextFieldProps, TextFieldRootProps, TextFieldInputProps };\nexport { TextField, TextFieldRoot, TextFieldInput };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TextField as AriaTextField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst textFieldStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface TextFieldProps\n  extends TextFieldRootProps,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\n\nconst TextField = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  inputRef,\n  ...props\n}: TextFieldProps) => {\n  return (\n    <TextFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <TextFieldInput\n        inputRef={inputRef}\n        size={size}\n        prefix={prefix}\n        suffix={suffix}\n      />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TextFieldRoot>\n  );\n};\n\ninterface TextFieldRootProps\n  extends React.ComponentProps<typeof AriaTextField> {\n  placeholder?: string;\n}\nconst TextFieldRoot = ({ className, ...props }: TextFieldRootProps) => {\n  return (\n    <AriaTextField\n      className={composeRenderProps(className, (className) =>\n        textFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TextFieldInputProps extends InputRootProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\nconst TextFieldInput = ({ inputRef, ...props }: TextFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <Input ref={inputRef} />\n    </InputRoot>\n  );\n};\n\nexport type { TextFieldProps, TextFieldRootProps, TextFieldInputProps };\nexport { TextField, TextFieldRoot, TextFieldInput };\n",
       "target": "core/text-field.tsx"
     }
   ]
diff --git a/www/public/registry/core/text.json b/www/public/registry/core/text.json
index 329f8c64b..9f81c4840 100644
--- a/www/public/registry/core/text.json
+++ b/www/public/registry/core/text.json
@@ -1,11 +1,9 @@
 {
   "name": "text",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/text_basic.tsx",
-      "content": "\"use client\";\n\nimport {\n  Text as AriaText,\n  type TextProps as AriaTextProps,\n} from \"react-aria-components\";\nimport { type VariantProps, tv } from \"tailwind-variants\";\n\nconst textStyles = tv({\n  base: \"text-sm\",\n  variants: {\n    slot: {\n      label: \"font-bold\",\n      description: \"text-fg-muted\",\n      errorMessage: \"text-fg-danger\",\n    },\n  },\n});\n\ninterface TextProps\n  extends Omit<AriaTextProps, \"slot\">,\n    VariantProps<typeof textStyles> {}\nconst Text = ({ slot, className, ...props }: TextProps) => {\n  return (\n    <AriaText\n      slot={slot}\n      className={textStyles({ slot, className })}\n      {...props}\n    />\n  );\n};\n\nexport type { textStyles };\nexport { Text };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport {\n  Text as AriaText,\n  type TextProps as AriaTextProps,\n} from \"react-aria-components\";\nimport { type VariantProps, tv } from \"tailwind-variants\";\n\nconst textStyles = tv({\n  base: \"text-sm\",\n  variants: {\n    slot: {\n      label: \"font-bold\",\n      description: \"text-fg-muted\",\n      errorMessage: \"text-fg-danger\",\n    },\n  },\n});\n\ninterface TextProps\n  extends Omit<AriaTextProps, \"slot\">,\n    VariantProps<typeof textStyles> {}\nconst Text = ({ slot, className, ...props }: TextProps) => {\n  return (\n    <AriaText\n      slot={slot}\n      className={textStyles({ slot, className })}\n      {...props}\n    />\n  );\n};\n\nexport type { textStyles };\nexport { Text };\n",
       "target": "core/text.tsx"
     }
   ]
diff --git a/www/public/registry/core/time-field.json b/www/public/registry/core/time-field.json
index ac89eef53..7f713a358 100644
--- a/www/public/registry/core/time-field.json
+++ b/www/public/registry/core/time-field.json
@@ -1,11 +1,9 @@
 {
   "name": "time-field",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/time-field_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TimeField as AriaTimeField,\n  composeRenderProps,\n  type TimeValue,\n  type TimeFieldProps as AriaTimeFieldProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { HelpText, Label, type FieldProps } from \"./field_basic\";\nimport { InputRoot, type InputRootProps } from \"./input_basic\";\n\nconst timeFieldStyles = tv({\n  base: \"flex w-32 flex-col items-start gap-2\",\n});\n\ninterface TimeFieldProps<T extends TimeValue>\n  extends TimeFieldRootProps<T>,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst TimeField = <T extends TimeValue>({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  ...props\n}: TimeFieldProps<T>) => {\n  return (\n    <TimeFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} prefix={prefix} suffix={suffix}>\n        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TimeFieldRoot>\n  );\n};\n\ninterface TimeFieldRootProps<T extends TimeValue>\n  extends AriaTimeFieldProps<T> {\n  ref?: React.RefObject<HTMLDivElement>;\n}\nconst TimeFieldRoot = <T extends TimeValue>({\n  className,\n  ...props\n}: TimeFieldRootProps<T>) => {\n  return (\n    <AriaTimeField\n      className={composeRenderProps(className, (className) =>\n        timeFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TimeFieldInputProps extends InputRootProps {}\nconst TimeFieldInput = (props: TimeFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n    </InputRoot>\n  );\n};\n\nexport type { TimeFieldProps, TimeFieldRootProps, TimeFieldInputProps };\nexport { TimeField, TimeFieldRoot, TimeFieldInput };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TimeField as AriaTimeField,\n  composeRenderProps,\n  type TimeValue,\n  type TimeFieldProps as AriaTimeFieldProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { HelpText, Label, type FieldProps } from \"./field_basic\";\nimport { InputRoot, type InputRootProps } from \"./input_basic\";\n\nconst timeFieldStyles = tv({\n  base: \"flex w-32 flex-col items-start gap-2\",\n});\n\ninterface TimeFieldProps<T extends TimeValue>\n  extends TimeFieldRootProps<T>,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst TimeField = <T extends TimeValue>({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  ...props\n}: TimeFieldProps<T>) => {\n  return (\n    <TimeFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} prefix={prefix} suffix={suffix}>\n        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TimeFieldRoot>\n  );\n};\n\ninterface TimeFieldRootProps<T extends TimeValue>\n  extends AriaTimeFieldProps<T> {\n  ref?: React.RefObject<HTMLDivElement>;\n}\nconst TimeFieldRoot = <T extends TimeValue>({\n  className,\n  ...props\n}: TimeFieldRootProps<T>) => {\n  return (\n    <AriaTimeField\n      className={composeRenderProps(className, (className) =>\n        timeFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TimeFieldInputProps extends InputRootProps {}\nconst TimeFieldInput = (props: TimeFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n    </InputRoot>\n  );\n};\n\nexport type { TimeFieldProps, TimeFieldRootProps, TimeFieldInputProps };\nexport { TimeField, TimeFieldRoot, TimeFieldInput };\n",
       "target": "core/time-field.tsx"
     }
   ]
diff --git a/www/public/registry/core/toggle-button-group.json b/www/public/registry/core/toggle-button-group.json
index deaf5cefc..50bd01546 100644
--- a/www/public/registry/core/toggle-button-group.json
+++ b/www/public/registry/core/toggle-button-group.json
@@ -1,11 +1,9 @@
 {
   "name": "toggle-button-group",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/toggle-button-group_basic.tsx",
-      "content": "\"use client\";\n\nimport {\n  ToggleButtonGroup as AriaToggleButtonGroup,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport {\n  ToggleButtonProvider,\n  toggleButtonStyles,\n} from \"@/registry/core/toggle-button_basic\";\n\nconst toggleGroupStyles = tv({\n  base: \"isolate inline-flex items-center [&_button]:rounded-none [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md\",\n  variants: {\n    orientation: {\n      horizontal: \"flex-row\",\n      vertical: \"flex-col\",\n    },\n  },\n});\n\ninterface ToggleButtonGroupProps\n  extends React.ComponentProps<typeof AriaToggleButtonGroup>,\n    VariantProps<typeof toggleButtonStyles> {}\n\nconst ToggleButtonGroup = ({\n  variant,\n  size,\n  shape,\n  orientation = \"horizontal\",\n  className,\n  ...props\n}: ToggleButtonGroupProps) => {\n  return (\n    <ToggleButtonProvider variant={variant} size={size} shape={shape}>\n      <AriaToggleButtonGroup\n        orientation={orientation}\n        className={composeRenderProps(className, (className, renderProps) =>\n          toggleGroupStyles({\n            ...renderProps,\n            orientation,\n            className,\n          })\n        )}\n        {...props}\n      />\n    </ToggleButtonProvider>\n  );\n};\n\nexport type { ToggleButtonGroupProps };\nexport { ToggleButtonGroup };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport {\n  ToggleButtonGroup as AriaToggleButtonGroup,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport {\n  ToggleButtonProvider,\n  toggleButtonStyles,\n} from \"@/registry/core/toggle-button_basic\";\n\nconst toggleGroupStyles = tv({\n  base: \"isolate inline-flex items-center [&_button]:rounded-none [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md\",\n  variants: {\n    orientation: {\n      horizontal: \"flex-row\",\n      vertical: \"flex-col\",\n    },\n  },\n});\n\ninterface ToggleButtonGroupProps\n  extends React.ComponentProps<typeof AriaToggleButtonGroup>,\n    VariantProps<typeof toggleButtonStyles> {}\n\nconst ToggleButtonGroup = ({\n  variant,\n  size,\n  shape,\n  orientation = \"horizontal\",\n  className,\n  ...props\n}: ToggleButtonGroupProps) => {\n  return (\n    <ToggleButtonProvider variant={variant} size={size} shape={shape}>\n      <AriaToggleButtonGroup\n        orientation={orientation}\n        className={composeRenderProps(className, (className, renderProps) =>\n          toggleGroupStyles({\n            ...renderProps,\n            orientation,\n            className,\n          })\n        )}\n        {...props}\n      />\n    </ToggleButtonProvider>\n  );\n};\n\nexport type { ToggleButtonGroupProps };\nexport { ToggleButtonGroup };\n",
       "target": "core/toggle-button-group.tsx"
     }
   ]
diff --git a/www/public/registry/core/toggle-button.json b/www/public/registry/core/toggle-button.json
index f26276549..e0ec78361 100644
--- a/www/public/registry/core/toggle-button.json
+++ b/www/public/registry/core/toggle-button.json
@@ -1,11 +1,9 @@
 {
   "name": "toggle-button",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/toggle-button_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  ToggleButton as AriaToggleButton,\n  type ToggleButtonProps as AriaToggleButtonProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/helpers\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst toggleButtonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\n  variants: {\n    variant: {\n      quiet:\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active border bg-transparent\",\n      accent:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"quiet\",\n    size: \"md\",\n    shape: \"square\",\n  },\n});\n\nconst [ToggleButtonProvider, useToggleButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof toggleButtonStyles>>(\n    \"Button\"\n  );\n\ninterface ToggleButtonProps\n  extends Omit<AriaToggleButtonProps, \"className\">,\n    VariantProps<typeof toggleButtonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst ToggleButton = React.forwardRef(\n  (\n    localProps: ToggleButtonProps,\n    ref: React.ForwardedRef<HTMLButtonElement>\n  ) => {\n    const contextProps = useToggleButtonContext();\n    const props = { ...contextProps, ...localProps };\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n    return (\n      <AriaToggleButton\n        ref={ref}\n        {...restProps}\n        className={toggleButtonStyles({\n          variant,\n          size,\n          shape,\n          className,\n        })}\n      >\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </AriaToggleButton>\n    );\n  }\n);\nToggleButton.displayName = \"ToggleButton\";\n\nexport type { ToggleButtonProps };\nexport { ToggleButton, toggleButtonStyles, ToggleButtonProvider };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  ToggleButton as AriaToggleButton,\n  type ToggleButtonProps as AriaToggleButtonProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/utils\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst toggleButtonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\n  variants: {\n    variant: {\n      quiet:\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active border bg-transparent\",\n      accent:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"quiet\",\n    size: \"md\",\n    shape: \"square\",\n  },\n});\n\nconst [ToggleButtonProvider, useToggleButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof toggleButtonStyles>>(\n    \"Button\"\n  );\n\ninterface ToggleButtonProps\n  extends Omit<AriaToggleButtonProps, \"className\">,\n    VariantProps<typeof toggleButtonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst ToggleButton = React.forwardRef(\n  (\n    localProps: ToggleButtonProps,\n    ref: React.ForwardedRef<HTMLButtonElement>\n  ) => {\n    const contextProps = useToggleButtonContext();\n    const props = { ...contextProps, ...localProps };\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n    return (\n      <AriaToggleButton\n        ref={ref}\n        {...restProps}\n        className={toggleButtonStyles({\n          variant,\n          size,\n          shape,\n          className,\n        })}\n      >\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </AriaToggleButton>\n    );\n  }\n);\nToggleButton.displayName = \"ToggleButton\";\n\nexport type { ToggleButtonProps };\nexport { ToggleButton, toggleButtonStyles, ToggleButtonProvider };\n",
       "target": "core/toggle-button.tsx"
     }
   ]
diff --git a/www/public/registry/core/tooltip.json b/www/public/registry/core/tooltip.json
index 66d5c38a0..210a4e8d1 100644
--- a/www/public/registry/core/tooltip.json
+++ b/www/public/registry/core/tooltip.json
@@ -1,4 +1,7 @@
 {
   "name": "tooltip",
-  "type": "registry:core"
+  "variants": [
+    "basic",
+    "motion"
+  ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/tooltip_basic.json b/www/public/registry/core/tooltip_basic.json
index 0f68c6c17..7779837ca 100644
--- a/www/public/registry/core/tooltip_basic.json
+++ b/www/public/registry/core/tooltip_basic.json
@@ -1,11 +1,9 @@
 {
   "name": "tooltip_basic",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/tooltip_basic.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst tooltipStyles = tv({\n  slots: {\n    content:\n      \"group/tooltip text-fg entering:animate-in entering:fade-in entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 entering:ease-out exiting:ease-out entering:duration-150 exiting:duration-100 z-50 rounded-md px-3 py-1.5 text-sm shadow-md\",\n    arrow:\n      \"group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\",\n  },\n  variants: {\n    variant: {\n      default: {\n        content: \"bg-bg-muted border\",\n        arrow: \"fill-bg-muted stroke-border\",\n      },\n      inverse: {\n        content: \"bg-bg-inverse text-fg-inverse\",\n        arrow: \"fill-bg-inverse\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { content, arrow } = tooltipStyles();\n\nconst [TooltipProvider, useTooltipContext] =\n  createScopedContext<VariantProps<typeof tooltipStyles>>(\"TooltipRoot\");\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\"> {\n  content?: React.ReactNode;\n  showArrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  showArrow = false,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {showArrow && <TooltipArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ninterface TooltipRootProps\n  extends React.ComponentProps<typeof AriaTooltipTrigger> {}\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\ninterface TooltipContentProps\n  extends React.ComponentProps<typeof AriaTooltip>,\n    VariantProps<typeof tooltipStyles> {}\nfunction TooltipContent({\n  variant,\n  offset = 10,\n  className,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipProvider variant={variant}>\n      <AriaTooltip\n        offset={offset}\n        className={composeRenderProps(className, (className) =>\n          content({ variant, className })\n        )}\n        {...props}\n      />\n    </TooltipProvider>\n  );\n}\n\ninterface TooltipArrowProps extends React.ComponentProps<\"svg\"> {}\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  const { variant } = useTooltipContext(\"TooltipArrow\");\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className={arrow({ variant, className })}\n        {...props}\n      >\n        <path d=\"M0 0 L4 4 L8 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n}\n\nexport type {\n  TooltipProps,\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n};\nexport { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst tooltipStyles = tv({\n  slots: {\n    content:\n      \"group/tooltip text-fg entering:animate-in entering:fade-in entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 entering:ease-out exiting:ease-out entering:duration-150 exiting:duration-100 z-50 rounded-md px-3 py-1.5 text-sm shadow-md\",\n    arrow:\n      \"group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\",\n  },\n  variants: {\n    variant: {\n      default: {\n        content: \"bg-bg-muted border\",\n        arrow: \"fill-bg-muted stroke-border\",\n      },\n      inverse: {\n        content: \"bg-bg-inverse text-fg-inverse\",\n        arrow: \"fill-bg-inverse\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { content, arrow } = tooltipStyles();\n\nconst [TooltipProvider, useTooltipContext] =\n  createScopedContext<VariantProps<typeof tooltipStyles>>(\"TooltipRoot\");\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\"> {\n  content?: React.ReactNode;\n  showArrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  showArrow = false,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {showArrow && <TooltipArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ninterface TooltipRootProps\n  extends React.ComponentProps<typeof AriaTooltipTrigger> {}\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\ninterface TooltipContentProps\n  extends React.ComponentProps<typeof AriaTooltip>,\n    VariantProps<typeof tooltipStyles> {}\nfunction TooltipContent({\n  variant,\n  offset = 10,\n  className,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipProvider variant={variant}>\n      <AriaTooltip\n        offset={offset}\n        className={composeRenderProps(className, (className) =>\n          content({ variant, className })\n        )}\n        {...props}\n      />\n    </TooltipProvider>\n  );\n}\n\ninterface TooltipArrowProps extends React.ComponentProps<\"svg\"> {}\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  const { variant } = useTooltipContext(\"TooltipArrow\");\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className={arrow({ variant, className })}\n        {...props}\n      >\n        <path d=\"M0 0 L4 4 L8 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n}\n\nexport type {\n  TooltipProps,\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n};\nexport { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };\n",
       "target": "core/tooltip.tsx"
     }
   ]
diff --git a/www/public/registry/core/tooltip_motion.json b/www/public/registry/core/tooltip_motion.json
index 2fe8a05d5..bfc71a952 100644
--- a/www/public/registry/core/tooltip_motion.json
+++ b/www/public/registry/core/tooltip_motion.json
@@ -1,11 +1,9 @@
 {
   "name": "tooltip_motion",
-  "type": "registry:core",
   "files": [
     {
-      "path": "core/tooltip_motion.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { AnimatePresence, motion, type Variants } from \"motion/react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  composeRenderProps,\n  TooltipTriggerStateContext,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/helpers\";\n\nconst tooltipStyles = tv({\n  slots: {\n    content:\n      \"group/tooltip text-fg placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left z-50 rounded-md px-3 py-1.5 text-sm shadow-md\",\n    arrow:\n      \"group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\",\n  },\n  variants: {\n    variant: {\n      default: {\n        content: \"bg-bg-muted border\",\n        arrow: \"fill-bg-muted stroke-border\",\n      },\n      inverse: {\n        content: \"bg-bg-inverse text-fg-inverse\",\n        arrow: \"fill-bg-inverse\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { content, arrow } = tooltipStyles();\n\nconst MOTION_VARIANTS: Variants = {\n  enter: {\n    transform: \"scale(1)\",\n    opacity: 1,\n    transition: {\n      type: \"spring\",\n      bounce: 0,\n      duration: 0.2,\n    },\n  },\n  exit: {\n    transform: \"scale(0.85)\",\n    opacity: 0,\n    transition: {\n      type: \"easeOut\",\n      duration: 0.15,\n    },\n  },\n};\n\nconst [TooltipProvider, useTooltipContext] =\n  createScopedContext<VariantProps<typeof tooltipStyles>>(\"TooltipRoot\");\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\"> {\n  content?: React.ReactNode;\n  showArrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  showArrow = false,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {showArrow && <TooltipArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ninterface TooltipRootProps\n  extends React.ComponentProps<typeof AriaTooltipTrigger> {}\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\nconst MotionTooltip = motion.create(AriaTooltip);\n\ninterface TooltipContentProps\n  extends Omit<React.ComponentProps<typeof AriaTooltip>, \"children\" | \"style\">,\n    VariantProps<typeof tooltipStyles> {\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n}\nfunction TooltipContent({\n  variant,\n  offset = 10,\n  className,\n  ...props\n}: TooltipContentProps) {\n  const state = React.use(TooltipTriggerStateContext)!;\n  const isOpen = state.isOpen;\n  return (\n    <TooltipProvider variant={variant}>\n      <AnimatePresence>\n        {isOpen && (\n          <MotionTooltip\n            isOpen\n            initial=\"exit\"\n            animate=\"enter\"\n            exit=\"exit\"\n            offset={offset}\n            variants={MOTION_VARIANTS}\n            className={composeRenderProps(className, (className) =>\n              content({ variant, className })\n            )}\n            {...props}\n          />\n        )}\n      </AnimatePresence>\n    </TooltipProvider>\n  );\n}\n\ninterface TooltipArrowProps extends React.ComponentProps<\"svg\"> {}\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  const { variant } = useTooltipContext(\"TooltipArrow\");\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className={arrow({ variant, className })}\n        {...props}\n      >\n        <path d=\"M0 0 L4 4 L8 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n}\n\nexport type {\n  TooltipProps,\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n};\nexport { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };\n",
       "type": "registry:core",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { AnimatePresence, motion, type Variants } from \"motion/react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  composeRenderProps,\n  TooltipTriggerStateContext,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst tooltipStyles = tv({\n  slots: {\n    content:\n      \"group/tooltip text-fg placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left z-50 rounded-md px-3 py-1.5 text-sm shadow-md\",\n    arrow:\n      \"group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\",\n  },\n  variants: {\n    variant: {\n      default: {\n        content: \"bg-bg-muted border\",\n        arrow: \"fill-bg-muted stroke-border\",\n      },\n      inverse: {\n        content: \"bg-bg-inverse text-fg-inverse\",\n        arrow: \"fill-bg-inverse\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { content, arrow } = tooltipStyles();\n\nconst MOTION_VARIANTS: Variants = {\n  enter: {\n    transform: \"scale(1)\",\n    opacity: 1,\n    transition: {\n      type: \"spring\",\n      bounce: 0,\n      duration: 0.2,\n    },\n  },\n  exit: {\n    transform: \"scale(0.85)\",\n    opacity: 0,\n    transition: {\n      type: \"easeOut\",\n      duration: 0.15,\n    },\n  },\n};\n\nconst [TooltipProvider, useTooltipContext] =\n  createScopedContext<VariantProps<typeof tooltipStyles>>(\"TooltipRoot\");\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\"> {\n  content?: React.ReactNode;\n  showArrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  showArrow = false,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {showArrow && <TooltipArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ninterface TooltipRootProps\n  extends React.ComponentProps<typeof AriaTooltipTrigger> {}\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\nconst MotionTooltip = motion.create(AriaTooltip);\n\ninterface TooltipContentProps\n  extends Omit<React.ComponentProps<typeof AriaTooltip>, \"children\" | \"style\">,\n    VariantProps<typeof tooltipStyles> {\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n}\nfunction TooltipContent({\n  variant,\n  offset = 10,\n  className,\n  ...props\n}: TooltipContentProps) {\n  const state = React.use(TooltipTriggerStateContext)!;\n  const isOpen = state.isOpen;\n  return (\n    <TooltipProvider variant={variant}>\n      <AnimatePresence>\n        {isOpen && (\n          <MotionTooltip\n            isOpen\n            initial=\"exit\"\n            animate=\"enter\"\n            exit=\"exit\"\n            offset={offset}\n            variants={MOTION_VARIANTS}\n            className={composeRenderProps(className, (className) =>\n              content({ variant, className })\n            )}\n            {...props}\n          />\n        )}\n      </AnimatePresence>\n    </TooltipProvider>\n  );\n}\n\ninterface TooltipArrowProps extends React.ComponentProps<\"svg\"> {}\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  const { variant } = useTooltipContext(\"TooltipArrow\");\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className={arrow({ variant, className })}\n        {...props}\n      >\n        <path d=\"M0 0 L4 4 L8 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n}\n\nexport type {\n  TooltipProps,\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n};\nexport { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };\n",
       "target": "core/tooltip.tsx"
     }
   ]
diff --git a/www/public/registry/hooks/index.json b/www/public/registry/hooks/index.json
new file mode 100644
index 000000000..690eef32e
--- /dev/null
+++ b/www/public/registry/hooks/index.json
@@ -0,0 +1,6 @@
+[
+  {
+    "name": "use-is-mobile",
+    "label": "useIsMobile"
+  }
+]
\ No newline at end of file
diff --git a/www/public/registry/hooks/use-is-mobile.json b/www/public/registry/hooks/use-is-mobile.json
new file mode 100644
index 000000000..58f25b2d3
--- /dev/null
+++ b/www/public/registry/hooks/use-is-mobile.json
@@ -0,0 +1,10 @@
+{
+  "name": "use-is-mobile",
+  "files": [
+    {
+      "type": "hook",
+      "content": "import * as React from \"react\";\n\nexport function useMediaQuery(query: string) {\n  const [value, setValue] = React.useState(false);\n\n  React.useEffect(() => {\n    function onChange(event: MediaQueryListEvent) {\n      setValue(event.matches);\n    }\n\n    const result = matchMedia(query);\n    result.addEventListener(\"change\", onChange);\n    setValue(result.matches);\n\n    return () => result.removeEventListener(\"change\", onChange);\n  }, [query]);\n\n  return value;\n}\n",
+      "target": "hooks/use-is-mobile.ts"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/icons/index.json b/www/public/registry/icons/index.json
new file mode 100644
index 000000000..7b8a5abf2
--- /dev/null
+++ b/www/public/registry/icons/index.json
@@ -0,0 +1,12 @@
+{
+  "lucide": {
+    "name": "lucide-icons",
+    "package": "lucide-react",
+    "import": "lucide-react"
+  },
+  "remix": {
+    "name": "remix-icons",
+    "package": "@remixicon/react",
+    "import": "@remixicon/react"
+  }
+}
\ No newline at end of file
diff --git a/www/public/registry/index.json b/www/public/registry/index.json
index 7224a5505..9d8cadebc 100644
--- a/www/public/registry/index.json
+++ b/www/public/registry/index.json
@@ -1,306 +1,318 @@
 [
+  {
+    "name": "base",
+    "type": "base"
+  },
   {
     "name": "alert",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "alert_basic",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "alert_notch",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "alert_notch-2",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "avatar",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "badge",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "breadcrumbs",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "button",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "button_basic",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "button_brutalist",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "button_ripple",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "calendar",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "calendar_basic",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "calendar_cal",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "checkbox",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "checkbox-group",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "color-area",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "color-field",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "color-picker",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "color-slider",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "color-swatch",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "color-swatch-picker",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "color-thumb",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "combobox",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "command",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "date-field",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "date-input",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "date-picker",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "date-range-picker",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "dialog",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "drawer",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "drop-zone",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "field",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "file-trigger",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "form",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "form_basic",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "form_react-hook-form",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "input",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "input_basic",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "kbd",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "list-box",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "list-box",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "loader",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "loader_dots",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "loader_line",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "loader_ring",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "loader_tailspin",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "loader_wave",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "menu",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "modal",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "number-field",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "overlay",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "popover",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "progress-bar",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "radio-group",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "search-field",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "select",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "separator",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "skeleton",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "slider",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "switch",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "table",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "tabs",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "tabs_basic",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "tabs_motion",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "tag-group",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "text",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "text-area",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "text-field",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "time-field",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "toggle-button",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "toggle-button-group",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "tooltip",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "tooltip_basic",
-    "type": "registry:core"
+    "type": "core"
   },
   {
     "name": "tooltip_motion",
-    "type": "registry:core"
+    "type": "core"
+  },
+  {
+    "name": "use-is-mobile",
+    "type": "hook"
+  },
+  {
+    "name": "utils",
+    "type": "lib"
   },
   {
-    "name": "use-media-query",
-    "type": "registry:hook"
+    "name": "focus-styles",
+    "type": "lib"
   }
 ]
\ No newline at end of file
diff --git a/www/scripts/build-registry.ts b/www/scripts/build-registry.ts
index 67747a857..9f1aa7301 100644
--- a/www/scripts/build-registry.ts
+++ b/www/scripts/build-registry.ts
@@ -1,17 +1,11 @@
-import { registryItemSchema, registrySchema } from "@dotui/registry";
 import { existsSync, promises as fs } from "node:fs";
 import path from "path";
 import { rimraf } from "rimraf";
-import {
-  kebabCaseToTitleCase,
-  kekabCaseToTitle,
-  snakeCaseToTitle,
-} from "@/lib/string";
+import { kebabCaseToCamelCase, kebabCaseToTitleCase } from "@/lib/string";
+import { base } from "@/registry/registry-base";
 import { core } from "@/registry/registry-core";
 import { hooks } from "@/registry/registry-hooks";
 import { iconLibraries, icons } from "@/registry/registry-icons";
-import { lib } from "@/registry/registry-lib";
-import { themes } from "@/registry/registry-themes";
 import { registry } from "@/registry";
 
 const REGISTRY_PATH = path.join(process.cwd(), "public/registry");
@@ -36,6 +30,20 @@ const buildRegistry = async () => {
   await fs.writeFile(path.join(targetPath, "index.json"), registryJson, "utf8");
 };
 
+// ----------------------------------------------------------------------------
+// Build registry/base.json.
+// Contains the foundations and required dependencies.
+// ----------------------------------------------------------------------------
+const buildBase = async () => {
+  const targetPath = path.join(REGISTRY_PATH, "base.json");
+  rimraf.sync(targetPath);
+
+  const payload = base;
+
+  const baseJson = JSON.stringify(payload, null, 2);
+  await fs.writeFile(targetPath, baseJson, "utf8");
+};
+
 // ----------------------------------------------------------------------------
 // Build registry/core/index.json.
 // Contains the list of all core components.
@@ -86,7 +94,6 @@ const buildCore = async () => {
             "utf8"
           );
           return {
-            path: file.path,
             type: file.type,
             content: content,
             target: file.target,
@@ -95,336 +102,184 @@ const buildCore = async () => {
       );
     }
 
-    const payload = registryItemSchema.safeParse({
+    const payload = {
       ...item,
       files,
-    });
-    
+    };
+
+    // TODO Validation
+
     await fs.writeFile(
       path.join(targetPath, `${item.name}.json`),
-      JSON.stringify(payload.data, null, 2),
+      JSON.stringify(payload, null, 2),
       "utf8"
     );
   }
 };
 
-// // ----------------------------------------------------------------------------
-// // Build registry/icons/index.json.
-// // Contains the list of all icon libraries.
-// //
-// // Build registry/icons/[iconLibrary].json
-// // Contains the list of all icons in the specified icon library.
-// //
-// // Build __icons__/index.tsx
-// // Contains all the icons as react components.
-// // ----------------------------------------------------------------------------
-// const buildIcons = async () => {
-//   const targetPath = path.join(REGISTRY_PATH, "icons");
-//   rimraf.sync(targetPath);
-//   if (!existsSync(targetPath)) {
-//     await fs.mkdir(targetPath, { recursive: true });
-//   }
-
-//   // Build registry/icons/index.json
-//   const iconLibrariesJson = JSON.stringify(iconLibraries, null, 2);
-//   await fs.writeFile(
-//     path.join(targetPath, "index.json"),
-//     iconLibrariesJson,
-//     "utf8"
-//   );
-
-//   // Build registry/icons/[iconLibrary].json
-//   for (const iconLibrary of iconLibraries) {
-//     const libIcons = Object.entries(icons).reduce<Record<string, string>>(
-//       (acc, [key, value]) => {
-//         acc[key] = value[iconLibrary.name as keyof typeof value];
-//         return acc;
-//       },
-//       {}
-//     );
-
-//     const payload = {
-//       name: iconLibrary.name,
-//       dependency: iconLibrary.dependency,
-//       icons: libIcons,
-//     };
-
-//     const iconLibraryJson = JSON.stringify(payload, null, 2);
-//     await fs.writeFile(
-//       path.join(targetPath, `${iconLibrary.name}.json`),
-//       iconLibraryJson,
-//       "utf8"
-//     );
-//   }
-
-//   // Build __icons__/index.tsx
-//   const iconsIndexPath = path.join(process.cwd(), "src", "__icons__");
-//   rimraf.sync(iconsIndexPath);
-//   if (!existsSync(iconsIndexPath)) {
-//     await fs.mkdir(iconsIndexPath, { recursive: true });
-//   }
-
-//   let iconsIndexContent = `// This file is autogenerated by scripts/build-registry.ts
-// // Do not edit this file directly.
-// "use client";
-
-// ${iconLibraries
-//   .map((lib) => `import * as ${lib.name} from "${lib.import}";`)
-//   .join("\n")}
-// import { createIcon } from "./create-icon";
-
-// `;
-
-//   for (const [iconName, iconVariants] of Object.entries(icons)) {
-//     iconsIndexContent += `export const ${iconName} = createIcon({
-//   ${iconLibraries
-//     .map(
-//       (lib) =>
-//         `${lib.name}: ${lib.name}.${
-//           iconVariants[lib.name as keyof typeof iconVariants]
-//         }`
-//     )
-//     .join(",\n  ")}
-// });\n\n`;
-//   }
-
-//   await fs.writeFile(
-//     path.join(iconsIndexPath, "index.tsx"),
-//     iconsIndexContent,
-//     "utf8"
-//   );
-// };
-
-// // ----------------------------------------------------------------------------
-// // Build registry/themes/index.json.
-// // Contains the list of all themes.
-// //
-// // Build registry/themes/[name].json
-// // Contains theme's variables.
-// // ----------------------------------------------------------------------------
-// const buildThemes = async () => {
-//   const themesTargetPath = path.join(REGISTRY_PATH, "themes");
-//   rimraf.sync(themesTargetPath);
-//   if (!existsSync(themesTargetPath)) {
-//     await fs.mkdir(themesTargetPath, { recursive: true });
-//   }
-
-//   const allThemes = themes.map((theme) => ({
-//     name: theme.name,
-//     label: theme.label ?? theme.name,
-//   }));
-
-//   // Build registry/themes/index.json
-//   const allThemesJson = JSON.stringify(allThemes, null, 2);
-//   await fs.writeFile(
-//     path.join(themesTargetPath, "index.json"),
-//     allThemesJson,
-//     "utf8"
-//   );
-
-//   // Build registry/themes/[name].json
-//   for (const theme of themes) {
-//     const themeJson = JSON.stringify(theme, null, 2);
-//     await fs.writeFile(
-//       path.join(themesTargetPath, `${theme.name}.json`),
-//       themeJson,
-//       "utf8"
-//     );
-//   }
-// };
-
-// // ----------------------------------------------------------------------------
-// // Build registry/styles/index.json.
-// // Contains the list of all styles.
-// //
-// // Build registry/styles/[style]/index.json
-// // Contains the list of all required deps for the specified style.
-// //
-// // Build registry/styles/[style]/[name].json
-// // Style's component, hook or other entity.
-// // ----------------------------------------------------------------------------
-// const buildStyles = async () => {
-//   const stylesPath = path.join(REGISTRY_PATH, "styles");
-//   rimraf.sync(stylesPath);
-//   if (!existsSync(stylesPath)) {
-//     await fs.mkdir(stylesPath, { recursive: true });
-//   }
-
-//   for (const style of styles) {
-//     const styleTargetPath = path.join(REGISTRY_PATH, "styles", style.name);
-
-//     if (!existsSync(styleTargetPath)) {
-//       await fs.mkdir(styleTargetPath, { recursive: true });
-//     }
-
-//     // ----------------------------------------------------------------------------
-//     // Build registry/styles/[style]/index.json
-//     // ----------------------------------------------------------------------------
-//     const styleIndexJson = JSON.stringify(style, null, 2);
-//     await fs.writeFile(
-//       path.join(styleTargetPath, "index.json"),
-//       styleIndexJson,
-//       "utf8"
-//     );
-
-//     for (const item of [...core, ...lib]) {
-//       let files;
-//       if (item.files) {
-//         files = await Promise.all(
-//           item.files.map(async (_file) => {
-//             const file =
-//               typeof _file === "string"
-//                 ? {
-//                     path: _file,
-//                     type: item.type,
-//                     content: "",
-//                     target: "",
-//                   }
-//                 : _file;
-
-//             const content = await fs.readFile(
-//               path.join(
-//                 process.cwd(),
-//                 "src",
-//                 "registry",
-//                 "ui",
-//                 style.name,
-//                 file.path
-//               ),
-//               "utf8"
-//             );
-
-//             return {
-//               path: file.path,
-//               type: file.type,
-//               content: content,
-//               target: file.target,
-//             };
-//           })
-//         );
-//       }
-
-//       const payload = registryItemSchema.safeParse({
-//         ...item,
-//         files,
-//       });
-
-//       // ----------------------------------------------------------------------------
-//       // Build registry/styles/[style]/[name].json
-//       // ----------------------------------------------------------------------------
-//       if (payload.success) {
-//         await fs.writeFile(
-//           path.join(styleTargetPath, `${item.name}.json`),
-//           JSON.stringify(payload.data, null, 2),
-//           "utf8"
-//         );
-//       }
-//     }
-//   }
-
-//   // ----------------------------------------------------------------------------
-//   // Build registry/styles/index.json.
-//   // ----------------------------------------------------------------------------
-//   const allStyles = styles.map((style) => ({
-//     name: style.name,
-//     label: style.label,
-//     type: style.type,
-//   }));
-
-//   const stylesJson = JSON.stringify(allStyles, null, 2);
-//   await fs.writeFile(
-//     path.join(REGISTRY_PATH, "styles/index.json"),
-//     stylesJson,
-//     "utf8"
-//   );
-// };
-
-// // ----------------------------------------------------------------------------
-// // Build registry/hooks/index.json.
-// // Contains the list of all hooks.
-// //
-// // Build registry/hooks/[name].json
-// // Hook's entity.
-// // ----------------------------------------------------------------------------
-// const buildHooks = async () => {
-//   const targetPath = path.join(REGISTRY_PATH, "hooks");
-//   rimraf.sync(targetPath);
-//   if (!existsSync(targetPath)) {
-//     await fs.mkdir(targetPath, { recursive: true });
-//   }
-
-//   const allHooks = hooks.map((hook) => ({
-//     name: hook.name,
-//     label: hook.label ?? hook.name,
-//   }));
-
-//   // Build registry/hooks/index.json
-//   const hooksJson = JSON.stringify(allHooks, null, 2);
-//   await fs.writeFile(path.join(targetPath, "index.json"), hooksJson, "utf8");
-
-//   // Build registry/hooks/[name].json
-//   for (const item of hooks) {
-//     let files;
-//     if (item.files) {
-//       files = await Promise.all(
-//         item.files.map(async (_file) => {
-//           const file =
-//             typeof _file === "string"
-//               ? {
-//                   path: _file,
-//                   type: item.type,
-//                   content: "",
-//                   target: "",
-//                 }
-//               : _file;
-
-//           const content = await fs.readFile(
-//             path.join(process.cwd(), "src", "registry", file.path),
-//             "utf8"
-//           );
-
-//           return {
-//             path: file.path,
-//             type: file.type,
-//             content: content,
-//             target: file.target,
-//           };
-//         })
-//       );
-//     }
-
-//     const payload = registryItemSchema.safeParse({
-//       ...item,
-//       files,
-//     });
-
-//     // ----------------------------------------------------------------------------
-//     // Build registry/styles/[style]/[name].json
-//     // ----------------------------------------------------------------------------
-//     if (payload.success) {
-//       await fs.writeFile(
-//         path.join(targetPath, `${item.name}.json`),
-//         JSON.stringify(payload.data, null, 2),
-//         "utf8"
-//       );
-//     }
-//   }
-// };
+const buildHooks = async () => {
+  const targetPath = path.join(REGISTRY_PATH, "hooks");
+  rimraf.sync(targetPath);
+  if (!existsSync(targetPath)) {
+    await fs.mkdir(targetPath, { recursive: true });
+  }
 
-const run = async () => {
-  try {
-    // const result = registrySchema.safeParse(registry);
+  const allHooks = hooks
+    .filter((elem) => {
+      if (elem.variants) return true;
+      if (elem.name.includes("_")) return false;
+      return true;
+    })
+    .map((comp) => ({
+      name: comp.name,
+      label: kebabCaseToCamelCase(comp.name),
+      description: comp.description,
+    }));
 
-    // if (!result.success) {
-    //   console.error(result.error);
-    //   process.exit(1);
-    // }
+  // Build registry/core/index.json
+  const indexContent = JSON.stringify(allHooks, null, 2);
+  await fs.writeFile(path.join(targetPath, "index.json"), indexContent, "utf8");
 
+  // Build registry/core/[name].json
+  for (const item of hooks) {
+    let files;
+    if (item.files) {
+      files = await Promise.all(
+        item.files.map(async (_file) => {
+          const file =
+            typeof _file === "string"
+              ? {
+                  path: _file,
+                  type: item.type,
+                  content: "",
+                  target: "",
+                }
+              : _file;
+          const content = await fs.readFile(
+            path.join(process.cwd(), "src", "registry", file.path),
+            "utf8"
+          );
+          return {
+            type: file.type,
+            content: content,
+            target: file.target,
+          };
+        })
+      );
+    }
+
+    const payload = {
+      ...item,
+      files,
+    };
+
+    // TODO Validation
+
+    await fs.writeFile(
+      path.join(targetPath, `${item.name}.json`),
+      JSON.stringify(payload, null, 2),
+      "utf8"
+    );
+  }
+};
+
+// ----------------------------------------------------------------------------
+// Build registry/icons/index.json.
+// Contains the list of all icon libraries.
+//
+// Build registry/icons/[iconLibrary].json
+// Contains the list of all icons in the specified icon library.
+//
+// Build __icons__/index.tsx
+// Contains all the icons as react components.
+// ----------------------------------------------------------------------------
+const buildIcons = async () => {
+  const targetPath = path.join(REGISTRY_PATH, "icons");
+  rimraf.sync(targetPath);
+  if (!existsSync(targetPath)) {
+    await fs.mkdir(targetPath, { recursive: true });
+  }
+
+  const iconLibs = Object.entries(iconLibraries).map(([_, value]) => value);
+
+  // Build registry/icons/index.json
+  const iconLibrariesJson = JSON.stringify(iconLibs, null, 2);
+  await fs.writeFile(
+    path.join(targetPath, "index.json"),
+    iconLibrariesJson,
+    "utf8"
+  );
+
+  // Build registry/icons/[iconLibrary].json
+  //   for (const iconLibrary of iconLibraries) {
+  //     const libIcons = Object.entries(icons).reduce<Record<string, string>>(
+  //       (acc, [key, value]) => {
+  //         acc[key] = value[iconLibrary.name as keyof typeof value];
+  //         return acc;
+  //       },
+  //       {}
+  //     );
+
+  //     const payload = {
+  //       name: iconLibrary.name,
+  //       dependency: iconLibrary.dependency,
+  //       icons: libIcons,
+  //     };
+
+  //     const iconLibraryJson = JSON.stringify(payload, null, 2);
+  //     await fs.writeFile(
+  //       path.join(targetPath, `${iconLibrary.name}.json`),
+  //       iconLibraryJson,
+  //       "utf8"
+  //     );
+  //   }
+
+  //   // Build __icons__/index.tsx
+  //   const iconsIndexPath = path.join(process.cwd(), "src", "__icons__");
+  //   rimraf.sync(iconsIndexPath);
+  //   if (!existsSync(iconsIndexPath)) {
+  //     await fs.mkdir(iconsIndexPath, { recursive: true });
+  //   }
+
+  //   let iconsIndexContent = `// This file is autogenerated by scripts/build-registry.ts
+  // // Do not edit this file directly.
+  // "use client";
+
+  // ${iconLibraries
+  //   .map((lib) => `import * as ${lib.name} from "${lib.import}";`)
+  //   .join("\n")}
+  // import { createIcon } from "./create-icon";
+
+  // `;
+
+  //   for (const [iconName, iconVariants] of Object.entries(icons)) {
+  //     iconsIndexContent += `export const ${iconName} = createIcon({
+  //   ${iconLibraries
+  //     .map(
+  //       (lib) =>
+  //         `${lib.name}: ${lib.name}.${
+  //           iconVariants[lib.name as keyof typeof iconVariants]
+  //         }`
+  //     )
+  //     .join(",\n  ")}
+  // });\n\n`;
+  //   }
+
+  //   await fs.writeFile(
+  //     path.join(iconsIndexPath, "index.tsx"),
+  //     iconsIndexContent,
+  //     "utf8"
+  //   );
+};
+
+const run = async () => {
+  try {
     await buildRegistry();
+    await buildBase();
     await buildCore();
-    // await buildHooks();
+    await buildHooks();
+    await buildIcons();
     // await buildThemes();
-    // await buildIcons();
 
     console.log("✅ Done!");
   } catch (error) {
diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index 9f6b3fb63..40637ece4 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -3,8 +3,8 @@ import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { type TableOfContents as TocType } from "fumadocs-core/server";
 import { ExternalLinkIcon } from "lucide-react";
-import { cn } from "@/lib/cn";
 import { truncateOnWord } from "@/lib/string";
+import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 import { Breadcrumbs } from "@/components/docs/breadcrumbs";
 import { DocsPager } from "@/components/docs/docs-pager";
diff --git a/www/src/app/(app)/themes/components/colors.tsx b/www/src/app/(app)/themes/components/colors.tsx
index cb358f9c1..bfcb93b9d 100644
--- a/www/src/app/(app)/themes/components/colors.tsx
+++ b/www/src/app/(app)/themes/components/colors.tsx
@@ -2,8 +2,8 @@
 
 import React from "react";
 import { Button as AriaButton } from "react-aria-components";
-import { cn } from "@/lib/cn";
 import { focusRing } from "@/lib/focus-styles";
+import { cn } from "@/lib/utils";
 import { useThemes } from "@/hooks/use-themes";
 import {
   ColorPickerEditor,
diff --git a/www/src/app/(app)/themes/components/preview.tsx b/www/src/app/(app)/themes/components/preview.tsx
index 7f81dbeb8..194eb144f 100644
--- a/www/src/app/(app)/themes/components/preview.tsx
+++ b/www/src/app/(app)/themes/components/preview.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { ChevronLeftIcon, ChevronRightIcon, RotateCwIcon } from "lucide-react";
-import { cn } from "@/lib/cn";
+import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 
 export function Preview() {
diff --git a/www/src/app/(app)/themes/components/theme-select.tsx b/www/src/app/(app)/themes/components/theme-select.tsx
index 585f5bbf8..ab592f77d 100644
--- a/www/src/app/(app)/themes/components/theme-select.tsx
+++ b/www/src/app/(app)/themes/components/theme-select.tsx
@@ -16,8 +16,8 @@ import {
   TextField as UnstyledTextField,
   Input as UnstyledInput,
 } from "react-aria-components";
-import { cn } from "@/lib/cn";
 import { dotUIThemes } from "@/lib/themes";
+import { cn } from "@/lib/utils";
 import { useThemes } from "@/hooks/use-themes";
 import { Alert } from "@/components/core/alert";
 import { Button } from "@/components/core/button";
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index 5dba02ed4..231a04615 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import type { Metadata } from "next";
 import { PlusIcon } from "lucide-react";
-import { cn } from "@/lib/cn";
+import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 import { Borders } from "./components/borders";
 import { ButtonStyle } from "./components/button-style";
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index e89c4939f..ee1004c33 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import type { Metadata, Viewport } from "next";
 import { Analytics } from "@vercel/analytics/react";
-import { cn } from "@/lib/cn";
 import { truncateOnWord } from "@/lib/string";
+import { cn } from "@/lib/utils";
 import { ThemeOverride } from "@/components/docs/theme-override";
 import { fontMono, fontSans, josefinSans } from "@/styles/fonts";
 import "@/styles/globals.css";
diff --git a/www/src/components/core/collapsible.tsx b/www/src/components/core/collapsible.tsx
index de823dbbf..1c2a0b3dc 100644
--- a/www/src/components/core/collapsible.tsx
+++ b/www/src/components/core/collapsible.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { cn } from "@/registry/lib/cn";
+import { cn } from "@/registry/lib/utils";
 
 const CollapsibleRoot = CollapsiblePrimitive.Root;
 
diff --git a/www/src/components/core/command.tsx b/www/src/components/core/command.tsx
index 003d618d8..c315eacaa 100644
--- a/www/src/components/core/command.tsx
+++ b/www/src/components/core/command.tsx
@@ -3,7 +3,7 @@
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
-import { cn } from "@/registry/lib/cn";
+import { cn } from "@/registry/lib/utils";
 
 type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
 const CommandRoot = React.forwardRef<
diff --git a/www/src/components/core/table.tsx b/www/src/components/core/table.tsx
index eca0fb18f..caf8cefa0 100644
--- a/www/src/components/core/table.tsx
+++ b/www/src/components/core/table.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "@/registry/lib/cn";
+import { cn } from "@/registry/lib/utils";
 
 const Table = React.forwardRef<
   HTMLTableElement,
diff --git a/www/src/components/docs/badge-palette.tsx b/www/src/components/docs/badge-palette.tsx
index 0a87d05ff..e84ddb48f 100644
--- a/www/src/components/docs/badge-palette.tsx
+++ b/www/src/components/docs/badge-palette.tsx
@@ -1,5 +1,5 @@
 import { BackgroundColor } from "@adobe/leonardo-contrast-colors";
-import { cn } from "@/lib/cn";
+import { cn } from "@/lib/utils";
 import { Badge, BadgeProps } from "@/components/core/badge";
 
 export function BadgePalette({
diff --git a/www/src/components/docs/breadcrumbs.tsx b/www/src/components/docs/breadcrumbs.tsx
index 4aa4c0446..5a86aa844 100644
--- a/www/src/components/docs/breadcrumbs.tsx
+++ b/www/src/components/docs/breadcrumbs.tsx
@@ -4,7 +4,7 @@ import { usePathname } from "next/navigation";
 import { useBreadcrumb } from "fumadocs-core/breadcrumb";
 import { PageTree } from "fumadocs-core/server";
 import { ChevronRightIcon } from "lucide-react";
-import { cn } from "@/lib/cn";
+import { cn } from "@/lib/utils";
 import {
   Breadcrumbs as Breadcrumbs_,
   BreadcrumbItem,
diff --git a/www/src/components/docs/choices.tsx b/www/src/components/docs/choices.tsx
index e9754e159..cbf9efc35 100644
--- a/www/src/components/docs/choices.tsx
+++ b/www/src/components/docs/choices.tsx
@@ -9,8 +9,8 @@ import {
   type TabsProps as BaseProps,
   type TabPanelProps,
 } from "react-aria-components";
-import { cn } from "@/lib/cn";
 import { focusRing } from "@/lib/focus-styles";
+import { cn } from "@/lib/utils";
 
 export interface ChoicesProps extends Omit<BaseProps, "children"> {
   children: React.ReactNode;
diff --git a/www/src/components/docs/code-block-client.tsx b/www/src/components/docs/code-block-client.tsx
index bb3813ef5..e891416bb 100644
--- a/www/src/components/docs/code-block-client.tsx
+++ b/www/src/components/docs/code-block-client.tsx
@@ -4,7 +4,7 @@ import React from "react";
 import { CheckIcon, CopyIcon } from "lucide-react";
 import type { Key } from "react-aria-components";
 import { tv } from "tailwind-variants";
-import { cn } from "@/lib/cn";
+import { cn } from "@/lib/utils";
 import { Button, type ButtonProps } from "@/components/core/button";
 import {
   ScrollArea,
diff --git a/www/src/components/docs/code-block-mdx.tsx b/www/src/components/docs/code-block-mdx.tsx
index c926454aa..a042cef50 100644
--- a/www/src/components/docs/code-block-mdx.tsx
+++ b/www/src/components/docs/code-block-mdx.tsx
@@ -10,7 +10,7 @@ import {
   useRef,
 } from "react";
 import { Check, Copy } from "lucide-react";
-import { cn } from "@/lib/cn";
+import { cn } from "@/lib/utils";
 import { useCopyButton } from "@/hooks/use-copy-button";
 import { Button, ButtonProps } from "@/components/core/button";
 import { ScrollArea } from "@/components/core/scroll-area";
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index 89a826ac0..35a1643b2 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
 import { PaintBucket } from "lucide-react";
-import { cn } from "@/lib/cn";
 import { getFileSource } from "@/lib/get-file-source";
+import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 import { Tooltip } from "@/components/core/tooltip";
 import { CodeBlock } from "@/components/docs/code-block";
diff --git a/www/src/components/docs/install-tabs.tsx b/www/src/components/docs/install-tabs.tsx
index 46b936ff8..af4d80f37 100644
--- a/www/src/components/docs/install-tabs.tsx
+++ b/www/src/components/docs/install-tabs.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState, useCallback, useLayoutEffect } from "react";
-import { cn } from "@/lib/cn";
+import { cn } from "@/lib/utils";
 import * as TabsPrimitive from "@/components/core/tabs";
 import type {
   TabsProps as BaseProps,
diff --git a/www/src/components/docs/mdx-components.tsx b/www/src/components/docs/mdx-components.tsx
index 35b902b04..72e1a20ba 100644
--- a/www/src/components/docs/mdx-components.tsx
+++ b/www/src/components/docs/mdx-components.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { ArrowUpRightIcon } from "lucide-react";
 import { MDXComponents } from "mdx/types";
-import { cn } from "@/lib/cn";
+import { cn } from "@/lib/utils";
 import { Alert, AlertProps } from "@/components/core/alert";
 import { Badge, BadgeProps } from "@/components/core/badge";
 import { LinkProps, Link as NavLink } from "@/components/core/link";
diff --git a/www/src/components/docs/palette.tsx b/www/src/components/docs/palette.tsx
index c107dd886..1b44ee6a1 100644
--- a/www/src/components/docs/palette.tsx
+++ b/www/src/components/docs/palette.tsx
@@ -1,4 +1,4 @@
-import { cn } from "@/lib/cn";
+import { cn } from "@/lib/utils";
 import { ThemeOverride } from "@/components/docs/theme-override";
 
 export interface PaletteProps extends React.ComponentProps<"div"> {
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
index a58354f96..0840b6bf8 100644
--- a/www/src/components/docs/style-switcher.tsx
+++ b/www/src/components/docs/style-switcher.tsx
@@ -61,17 +61,10 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
 const getPrimitiveInfo = (name: string) => {
   const item = core.find((item) => item.name === name);
 
-  if (hasVariants(item))
-    return { primitiveName: name, variants: item.variants };
+  if (item?.variants) return { primitiveName: name, variants: item.variants };
 
   if (["text-field", "time-field", "date-field"].includes(name))
     return getPrimitiveInfo("input");
 
   return null;
 };
-
-function hasVariants(
-  item?: RegistryItem
-): item is Extract<RegistryItem, { variants: unknown }> {
-  return item !== undefined && "variants" in item;
-}
diff --git a/www/src/components/docs/theme-override.tsx b/www/src/components/docs/theme-override.tsx
index 9f9177021..b60c85866 100644
--- a/www/src/components/docs/theme-override.tsx
+++ b/www/src/components/docs/theme-override.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React, { ReactNode } from "react";
-import { cn } from "@/lib/cn";
 import { googleFonts } from "@/lib/fonts";
+import { cn } from "@/lib/utils";
 import { useMounted } from "@/hooks/use-mounted";
 import { useThemes } from "@/hooks/use-themes";
 
diff --git a/www/src/components/docs/toc.tsx b/www/src/components/docs/toc.tsx
index 133d9d7df..dd12c2b70 100644
--- a/www/src/components/docs/toc.tsx
+++ b/www/src/components/docs/toc.tsx
@@ -6,7 +6,7 @@ import {
   type TableOfContents as TocType,
 } from "fumadocs-core/server";
 import * as TocPrimitive from "fumadocs-core/toc";
-import { cn } from "@/lib/cn";
+import { cn } from "@/lib/utils";
 import { useTocThumb } from "@/hooks/use-toc-thumb";
 import { ScrollArea } from "@/components/core/scroll-area";
 
diff --git a/www/src/components/footer.tsx b/www/src/components/footer.tsx
index 0baaca081..bb892618c 100644
--- a/www/src/components/footer.tsx
+++ b/www/src/components/footer.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import NavLink from "next/link";
 import Link from "next/link";
-import { cn } from "@/lib/cn";
 import { focusRing } from "@/lib/focus-styles";
+import { cn } from "@/lib/utils";
 import { Avatar } from "@/components/core/avatar";
 import { Badge } from "@/components/core/badge";
 import { Separator } from "@/components/core/separator";
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index c9b359edd..3be049513 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -14,8 +14,8 @@ import {
   SunIcon,
 } from "lucide-react";
 import { motion, Transition } from "motion/react";
-import { cn } from "@/lib/cn";
 import { hasActive, isActive } from "@/lib/docs/utils";
+import { cn } from "@/lib/utils";
 import { Avatar } from "@/components/core/avatar";
 import { Button, ButtonProps } from "@/components/core/button";
 import {
diff --git a/www/src/lib/cn.ts b/www/src/lib/cn.ts
deleted file mode 100644
index f712c5938..000000000
--- a/www/src/lib/cn.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/lib/cn";
diff --git a/www/src/lib/helpers.tsx b/www/src/lib/helpers.tsx
deleted file mode 100644
index a9ab82267..000000000
--- a/www/src/lib/helpers.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/lib/context-helpers";
diff --git a/www/src/lib/string.ts b/www/src/lib/string.ts
index 782ceed3f..8f8c894ad 100644
--- a/www/src/lib/string.ts
+++ b/www/src/lib/string.ts
@@ -35,6 +35,11 @@ export const kebabCaseToTitleCase = (string: string): string => {
     .join(" ");
 };
 
+// aaa-bbb-ccc => aaaBbbCcc
+export const kebabCaseToCamelCase = (string: string): string => {
+  return string.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+};
+
 export const truncateOnWord = (
   text: string,
   maxLength: number,
diff --git a/www/src/lib/utils.ts b/www/src/lib/utils.ts
new file mode 100644
index 000000000..9beb69438
--- /dev/null
+++ b/www/src/lib/utils.ts
@@ -0,0 +1 @@
+export * from "@/registry/lib/utils";
diff --git a/www/src/registry/core/alert_basic.tsx b/www/src/registry/core/alert_basic.tsx
index 4aa9aba2c..0a72c46a3 100644
--- a/www/src/registry/core/alert_basic.tsx
+++ b/www/src/registry/core/alert_basic.tsx
@@ -8,7 +8,7 @@ import {
   InfoIcon,
 } from "lucide-react";
 import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
+import { createScopedContext } from "@/lib/utils";
 
 const alertStyles = tv({
   slots: {
diff --git a/www/src/registry/core/alert_notch-2.tsx b/www/src/registry/core/alert_notch-2.tsx
index b30e2689c..4983b544f 100644
--- a/www/src/registry/core/alert_notch-2.tsx
+++ b/www/src/registry/core/alert_notch-2.tsx
@@ -8,7 +8,7 @@ import {
   InfoIcon,
 } from "lucide-react";
 import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
+import { createScopedContext } from "@/lib/utils";
 
 const alertStyles = tv({
   slots: {
diff --git a/www/src/registry/core/alert_notch.tsx b/www/src/registry/core/alert_notch.tsx
index 419bfd71a..7bd4e7f1f 100644
--- a/www/src/registry/core/alert_notch.tsx
+++ b/www/src/registry/core/alert_notch.tsx
@@ -8,7 +8,7 @@ import {
   InfoIcon,
 } from "lucide-react";
 import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
+import { createScopedContext } from "@/lib/utils";
 
 const alertStyles = tv({
   slots: {
diff --git a/www/src/registry/core/avatar_basic.tsx b/www/src/registry/core/avatar_basic.tsx
index 6fb64fa31..11a33c225 100644
--- a/www/src/registry/core/avatar_basic.tsx
+++ b/www/src/registry/core/avatar_basic.tsx
@@ -2,7 +2,7 @@
 
 import * as React from "react";
 import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
+import { createScopedContext } from "@/lib/utils";
 
 const avatarStyles = tv({
   slots: {
diff --git a/www/src/registry/core/button_basic.tsx b/www/src/registry/core/button_basic.tsx
index a5be21eaf..9f42c7a35 100644
--- a/www/src/registry/core/button_basic.tsx
+++ b/www/src/registry/core/button_basic.tsx
@@ -9,7 +9,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { createOptionalScopedContext } from "@/lib/helpers";
+import { createOptionalScopedContext } from "@/lib/utils";
 import { Loader } from "@/registry/core/loader_ring";
 import { focusRing } from "@/registry/lib/focus-styles";
 
diff --git a/www/src/registry/core/button_brutalist.tsx b/www/src/registry/core/button_brutalist.tsx
index 9ea158010..605d125fe 100644
--- a/www/src/registry/core/button_brutalist.tsx
+++ b/www/src/registry/core/button_brutalist.tsx
@@ -9,7 +9,7 @@ import {
   type LinkProps as AriaLinkProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { createOptionalScopedContext } from "@/lib/helpers";
+import { createOptionalScopedContext } from "@/lib/utils";
 import { Loader } from "@/registry/core/loader_ring";
 import { focusRing } from "@/registry/lib/focus-styles";
 
diff --git a/www/src/registry/core/button_ripple.tsx b/www/src/registry/core/button_ripple.tsx
index c8aebdcf2..b0a3c2efd 100644
--- a/www/src/registry/core/button_ripple.tsx
+++ b/www/src/registry/core/button_ripple.tsx
@@ -11,7 +11,7 @@ import {
   PressEvent,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { createOptionalScopedContext } from "@/lib/helpers";
+import { createOptionalScopedContext } from "@/lib/utils";
 import { Loader } from "@/registry/core/loader_ring";
 import { Ripple } from "@/registry/core/ripple";
 import { useRipple } from "@/registry/hooks/use-ripple";
diff --git a/www/src/registry/core/checkbox_basic.tsx b/www/src/registry/core/checkbox_basic.tsx
index 33facab9c..cefb6fbc2 100644
--- a/www/src/registry/core/checkbox_basic.tsx
+++ b/www/src/registry/core/checkbox_basic.tsx
@@ -7,10 +7,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import {
-  createScopedContext,
-  createOptionalScopedContext,
-} from "@/lib/helpers";
+import { createScopedContext, createOptionalScopedContext } from "@/lib/utils";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
 
 const checkboxStyles = tv({
diff --git a/www/src/registry/core/color-picker_basic.tsx b/www/src/registry/core/color-picker_basic.tsx
index 99e2cdd12..0501a7169 100644
--- a/www/src/registry/core/color-picker_basic.tsx
+++ b/www/src/registry/core/color-picker_basic.tsx
@@ -16,7 +16,7 @@ import { ColorSwatch } from "@/registry/core/color-swatch_basic";
 import { Dialog, DialogProps, DialogRoot } from "@/registry/core/dialog_basic";
 import { Item } from "@/registry/core/list-box_basic";
 import { Select } from "@/registry/core/select_basic";
-import { cn } from "@/registry/lib/cn";
+import { cn } from "@/registry/lib/utils";
 
 interface ColorPickerProps
   extends ColorPickerRootProps,
diff --git a/www/src/registry/core/color-swatch-picker_basic.tsx b/www/src/registry/core/color-swatch-picker_basic.tsx
index 3699fc3f7..6409b58b4 100644
--- a/www/src/registry/core/color-swatch-picker_basic.tsx
+++ b/www/src/registry/core/color-swatch-picker_basic.tsx
@@ -8,7 +8,7 @@ import {
 } from "react-aria-components";
 import { focusRing } from "@/lib/focus-styles";
 import { ColorSwatch } from "@/registry/core/color-swatch_basic";
-import { cn } from "@/registry/lib/cn";
+import { cn } from "@/registry/lib/utils";
 
 interface ColorSwatchPickerProps
   extends React.ComponentProps<typeof AriaColorSwatchPicker> {}
diff --git a/www/src/registry/core/loader_dots.tsx b/www/src/registry/core/loader_dots.tsx
index 72cbd6e44..41d5b12f9 100644
--- a/www/src/registry/core/loader_dots.tsx
+++ b/www/src/registry/core/loader_dots.tsx
@@ -3,7 +3,7 @@
 import React from "react";
 import { ProgressBar as AriaProgressBar } from "react-aria-components";
 import type { ProgressBarProps } from "react-aria-components";
-import { cn } from "@/registry/lib/cn";
+import { cn } from "@/registry/lib/utils";
 
 interface LoaderProps extends ProgressBarProps {
   size?: number;
diff --git a/www/src/registry/core/loader_wave.tsx b/www/src/registry/core/loader_wave.tsx
index fa6076fe6..19d7f107a 100644
--- a/www/src/registry/core/loader_wave.tsx
+++ b/www/src/registry/core/loader_wave.tsx
@@ -3,7 +3,7 @@
 import { motion } from "motion/react";
 import { ProgressBar as AriaProgressBar } from "react-aria-components";
 import type { ProgressBarProps } from "react-aria-components";
-import { cn } from "@/registry/lib/cn";
+import { cn } from "@/registry/lib/utils";
 
 interface LoaderProps extends ProgressBarProps {
   size?: number;
diff --git a/www/src/registry/core/progress-bar_basic.tsx b/www/src/registry/core/progress-bar_basic.tsx
index ed18f9e71..f92721eb6 100644
--- a/www/src/registry/core/progress-bar_basic.tsx
+++ b/www/src/registry/core/progress-bar_basic.tsx
@@ -7,7 +7,7 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { Label } from "@/registry/core/field_basic";
-import { createScopedContext } from "@/registry/lib/context-helpers";
+import { createScopedContext } from "@/registry/lib/utils";
 
 const progressStyles = tv({
   slots: {
diff --git a/www/src/registry/core/radio-group_basic.tsx b/www/src/registry/core/radio-group_basic.tsx
index 2fcc92467..a16fe4350 100644
--- a/www/src/registry/core/radio-group_basic.tsx
+++ b/www/src/registry/core/radio-group_basic.tsx
@@ -9,11 +9,11 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { HelpText, Label } from "@/registry/core/field_basic";
+import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
 import {
   createOptionalScopedContext,
   createScopedContext,
-} from "@/registry/lib/context-helpers";
-import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
+} from "@/registry/lib/utils";
 
 const radioStyles = tv({
   slots: {
diff --git a/www/src/registry/core/skeleton_basic.tsx b/www/src/registry/core/skeleton_basic.tsx
index 258913cb2..3dd36b725 100644
--- a/www/src/registry/core/skeleton_basic.tsx
+++ b/www/src/registry/core/skeleton_basic.tsx
@@ -1,6 +1,6 @@
 // work in progress
 // Auto layout skeleton inspiration: https://x.com/devongovett/status/1838980741197447529
-import { cn } from "@/registry/lib/cn";
+import { cn } from "@/registry/lib/utils";
 
 function Skeleton({
   className,
diff --git a/www/src/registry/core/slider_basic.tsx b/www/src/registry/core/slider_basic.tsx
index 02019bf2f..1c8e9ac39 100644
--- a/www/src/registry/core/slider_basic.tsx
+++ b/www/src/registry/core/slider_basic.tsx
@@ -13,8 +13,8 @@ import {
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { Description, Label } from "@/registry/core/field_basic";
-import { createScopedContext } from "@/registry/lib/context-helpers";
 import { focusRing } from "@/registry/lib/focus-styles";
+import { createScopedContext } from "@/registry/lib/utils";
 
 const sliderStyles = tv({
   slots: {
diff --git a/www/src/registry/core/switch_basic.tsx b/www/src/registry/core/switch_basic.tsx
index 58ec4b7f9..50317eb84 100644
--- a/www/src/registry/core/switch_basic.tsx
+++ b/www/src/registry/core/switch_basic.tsx
@@ -6,8 +6,8 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/registry/lib/context-helpers";
 import { focusRing, focusRingGroup } from "@/registry/lib/focus-styles";
+import { createScopedContext } from "@/registry/lib/utils";
 
 const switchStyles = tv({
   slots: {
diff --git a/www/src/registry/core/table_basic.tsx b/www/src/registry/core/table_basic.tsx
index ce5a628ef..5498c4218 100644
--- a/www/src/registry/core/table_basic.tsx
+++ b/www/src/registry/core/table_basic.tsx
@@ -20,9 +20,9 @@ import {
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
 import { Checkbox } from "@/registry/core/checkbox_basic";
-import { cn } from "@/registry/lib/cn";
-import { createScopedContext } from "@/registry/lib/context-helpers";
 import { focusRing } from "@/registry/lib/focus-styles";
+import { cn } from "@/registry/lib/utils";
+import { createScopedContext } from "@/registry/lib/utils";
 
 const tableStyles = tv({
   slots: {
diff --git a/www/src/registry/core/tabs_basic.tsx b/www/src/registry/core/tabs_basic.tsx
index 5d560144d..ee086fcd5 100644
--- a/www/src/registry/core/tabs_basic.tsx
+++ b/www/src/registry/core/tabs_basic.tsx
@@ -10,8 +10,8 @@ import {
   type TabListProps as AriaTabListProps,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/registry/lib/context-helpers";
 import { focusRing } from "@/registry/lib/focus-styles";
+import { createScopedContext } from "@/registry/lib/utils";
 
 const tabsStyles = tv({
   slots: {
diff --git a/www/src/registry/core/tabs_motion.tsx b/www/src/registry/core/tabs_motion.tsx
index 7ddb9b233..19fe79690 100644
--- a/www/src/registry/core/tabs_motion.tsx
+++ b/www/src/registry/core/tabs_motion.tsx
@@ -11,8 +11,8 @@ import {
   type TabListProps as AriaTabListProps,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/registry/lib/context-helpers";
 import { focusRing } from "@/registry/lib/focus-styles";
+import { createScopedContext } from "@/registry/lib/utils";
 
 const tabsStyles = tv({
   slots: {
diff --git a/www/src/registry/core/toggle-button_basic.tsx b/www/src/registry/core/toggle-button_basic.tsx
index abfeb3f0b..34d076c22 100644
--- a/www/src/registry/core/toggle-button_basic.tsx
+++ b/www/src/registry/core/toggle-button_basic.tsx
@@ -7,7 +7,7 @@ import {
   type ToggleButtonProps as AriaToggleButtonProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { createOptionalScopedContext } from "@/lib/helpers";
+import { createOptionalScopedContext } from "@/lib/utils";
 import { focusRing } from "@/registry/lib/focus-styles";
 
 const toggleButtonStyles = tv({
diff --git a/www/src/registry/core/tooltip_basic.tsx b/www/src/registry/core/tooltip_basic.tsx
index ab8e9f78a..6e53f4db7 100644
--- a/www/src/registry/core/tooltip_basic.tsx
+++ b/www/src/registry/core/tooltip_basic.tsx
@@ -8,7 +8,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
+import { createScopedContext } from "@/lib/utils";
 
 const tooltipStyles = tv({
   slots: {
diff --git a/www/src/registry/core/tooltip_motion.tsx b/www/src/registry/core/tooltip_motion.tsx
index 2ad48bfe5..e60a2c5bf 100644
--- a/www/src/registry/core/tooltip_motion.tsx
+++ b/www/src/registry/core/tooltip_motion.tsx
@@ -10,7 +10,7 @@ import {
   TooltipTriggerStateContext,
 } from "react-aria-components";
 import { tv, VariantProps } from "tailwind-variants";
-import { createScopedContext } from "@/lib/helpers";
+import { createScopedContext } from "@/lib/utils";
 
 const tooltipStyles = tv({
   slots: {
diff --git a/www/src/registry/index.ts b/www/src/registry/index.ts
index 451760e81..4b5a3ceee 100644
--- a/www/src/registry/index.ts
+++ b/www/src/registry/index.ts
@@ -1,6 +1,14 @@
-import { type Registry } from "@dotui/registry/types";
 import { core } from "@/registry/registry-core";
 import { hooks } from "@/registry/registry-hooks";
+import { lib } from "@/registry/registry-lib";
 import { themes } from "@/registry/registry-themes";
+import { base } from "./registry-base";
+import { RegistryItem, type Registry } from "./types";
 
-export const registry: Registry = [...core, ...hooks, ...themes];
+export const registry: Registry = [
+  ...base.map((item) => ({ ...item, type: "base" }) as RegistryItem),
+  ...core.map((item) => ({ ...item, type: "core" }) as RegistryItem),
+  ...hooks.map((item) => ({ ...item, type: "hook" }) as RegistryItem),
+  ...themes.map((item) => ({ ...item, type: "theme" }) as RegistryItem),
+  ...lib.map((item) => ({ ...item, type: "lib" }) as RegistryItem),
+];
diff --git a/www/src/registry/lib/cn.ts b/www/src/registry/lib/cn.ts
deleted file mode 100644
index 365058ceb..000000000
--- a/www/src/registry/lib/cn.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { type ClassValue, clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
diff --git a/www/src/registry/lib/focus-styles-01.tsx b/www/src/registry/lib/focus-styles-01.tsx
deleted file mode 100644
index 1ec8492d5..000000000
--- a/www/src/registry/lib/focus-styles-01.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { tv } from "tailwind-variants";
-
-export const focusRing = tv({
-  base: "focus-visible:ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 transition-[box-shadow] focus-visible:ring-2 focus-visible:ring-offset-2",
-});
-
-export const focusRingGroup = tv({
-  base: "ring-border-focus group-focus-visible:ring-offset-bg outline-hidden ring-0 group-focus-visible:ring-2 group-focus-visible:ring-offset-2",
-});
-
-export const focusInput = tv({
-  base: "focus-within:ring-border-focus ring-0 focus-within:ring-2",
-});
diff --git a/www/src/registry/lib/context-helpers.tsx b/www/src/registry/lib/utils.tsx
similarity index 90%
rename from www/src/registry/lib/context-helpers.tsx
rename to www/src/registry/lib/utils.tsx
index 56645db06..2e643b371 100644
--- a/www/src/registry/lib/context-helpers.tsx
+++ b/www/src/registry/lib/utils.tsx
@@ -1,4 +1,10 @@
 import * as React from "react";
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
 
 export function createScopedContext<ContextValueType extends object | null>(
   rootComponentName: string,
diff --git a/www/src/registry/registry-base.ts b/www/src/registry/registry-base.ts
new file mode 100644
index 000000000..61acfd395
--- /dev/null
+++ b/www/src/registry/registry-base.ts
@@ -0,0 +1,14 @@
+import type { Registry } from "./types";
+
+export const base: Registry = [
+  {
+    name: "base",
+    dependencies: [
+      "tailwind-variants",
+      "react-aria-components",
+      "tailwindcss-react-aria-components",
+    ],
+    registryDependencies: ["utils"],
+    files: [],
+  },
+];
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index f31d73688..05fd6ef33 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -10,7 +10,7 @@ export const core: Registry = [
     description: "Minimal with a subtle border and muted background.",
     files: [
       {
-        type: "registry:core",
+        type: "core",
         path: "core/alert_basic.tsx",
         target: "core/alert.tsx",
       },
@@ -19,11 +19,10 @@ export const core: Registry = [
   {
     name: "alert_notch",
     description: "Alert with a bold left border for emphasis.",
-    type: "registry:core",
     files: [
       {
         path: "core/alert_notch.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/alert.tsx",
       },
     ],
@@ -35,7 +34,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/alert_notch.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/alert.tsx",
       },
     ],
@@ -45,7 +44,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/avatar_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/avatar.tsx",
       },
     ],
@@ -55,7 +54,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/badge_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/badge.tsx",
       },
     ],
@@ -65,7 +64,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/breadcrumbs_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/breadcrumbs.tsx",
       },
     ],
@@ -79,7 +78,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/button_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/button.tsx",
       },
     ],
@@ -89,7 +88,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/button_brutalist.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/button.tsx",
       },
     ],
@@ -99,17 +98,17 @@ export const core: Registry = [
     files: [
       {
         path: "core/button_ripple.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/button.tsx",
       },
       {
         path: "core/ripple.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/ripple.tsx",
       },
       {
         path: "hooks/use-ripple.ts",
-        type: "registry:hook",
+        type: "hook",
         target: "hooks/use-ripple.ts",
       },
     ],
@@ -123,7 +122,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/calendar_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/calendar.tsx",
       },
     ],
@@ -133,7 +132,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/calendar_cal.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/calendar.tsx",
       },
     ],
@@ -143,7 +142,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/checkbox_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/checkbox.tsx",
       },
     ],
@@ -153,7 +152,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/checkbox-group_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/checkbox-group.tsx",
       },
     ],
@@ -163,7 +162,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/color-area_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/color-area.tsx",
       },
     ],
@@ -173,7 +172,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/color-field_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/color-field.tsx",
       },
     ],
@@ -183,7 +182,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/color-picker_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/color-picker.tsx",
       },
     ],
@@ -193,7 +192,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/color-slider_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/color-slider.tsx",
       },
     ],
@@ -203,7 +202,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/color-swatch_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/color-swatch.tsx",
       },
     ],
@@ -213,7 +212,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/color-swatch-picker_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/color-swatch-picker.tsx",
       },
     ],
@@ -223,7 +222,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/color-thumb_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/color-thumb.tsx",
       },
     ],
@@ -233,7 +232,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/combobox_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/combobox.tsx",
       },
     ],
@@ -243,7 +242,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/command_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/command.tsx",
       },
     ],
@@ -253,7 +252,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/date-field_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/date-field.tsx",
       },
     ],
@@ -263,7 +262,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/date-input_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/date-input.tsx",
       },
     ],
@@ -273,7 +272,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/date-picker_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/date-picker.tsx",
       },
     ],
@@ -283,7 +282,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/date-range-picker_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/date-range-picker.tsx",
       },
     ],
@@ -293,7 +292,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/dialog_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/dialog.tsx",
       },
     ],
@@ -303,7 +302,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/drawer_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/drawer.tsx",
       },
     ],
@@ -313,7 +312,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/drop-zone_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/drop-zone.tsx",
       },
     ],
@@ -323,7 +322,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/field_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/field.tsx",
       },
     ],
@@ -333,7 +332,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/file-trigger_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/file-trigger.tsx",
       },
     ],
@@ -347,7 +346,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/form_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/form.tsx",
       },
     ],
@@ -357,7 +356,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/form_react-hook-form.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/form.tsx",
       },
     ],
@@ -371,7 +370,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/input_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/input.tsx",
       },
     ],
@@ -381,7 +380,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/kbd_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/kbd.tsx",
       },
     ],
@@ -391,7 +390,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/list-box_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/list-box.tsx",
       },
     ],
@@ -401,7 +400,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/list-box_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/list-box.tsx",
       },
     ],
@@ -415,7 +414,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/loader_dots.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/loader.tsx",
       },
     ],
@@ -425,7 +424,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/loader_line.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/loader.tsx",
       },
     ],
@@ -435,7 +434,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/loader_ring.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/loader.tsx",
       },
     ],
@@ -445,7 +444,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/loader_tailspin.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/loader.tsx",
       },
     ],
@@ -455,7 +454,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/loader_wave.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/loader.tsx",
       },
     ],
@@ -465,7 +464,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/menu_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/menu.tsx",
       },
     ],
@@ -475,7 +474,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/modal_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/modal.tsx",
       },
     ],
@@ -485,7 +484,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/number-field_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/number-field.tsx",
       },
     ],
@@ -495,7 +494,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/overlay_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/overlay.tsx",
       },
     ],
@@ -505,7 +504,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/popover_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/popover.tsx",
       },
     ],
@@ -515,7 +514,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/progress-bar_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/progress-bar.tsx",
       },
     ],
@@ -525,7 +524,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/radio-group_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/radio-group.tsx",
       },
     ],
@@ -535,7 +534,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/search-field_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/search-field.tsx",
       },
     ],
@@ -545,7 +544,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/select_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/select.tsx",
       },
     ],
@@ -555,7 +554,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/separator_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/separator.tsx",
       },
     ],
@@ -565,7 +564,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/skeleton_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/skeleton.tsx",
       },
     ],
@@ -575,7 +574,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/slider_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/slider.tsx",
       },
     ],
@@ -585,7 +584,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/switch_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/switch.tsx",
       },
     ],
@@ -595,7 +594,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/table_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/table.tsx",
       },
     ],
@@ -609,7 +608,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/tabs_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/tabs.tsx",
       },
     ],
@@ -619,7 +618,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/tabs_motion.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/tabs.tsx",
       },
     ],
@@ -629,7 +628,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/tag-group_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/tag-group.tsx",
       },
     ],
@@ -639,7 +638,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/text_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/text.tsx",
       },
     ],
@@ -649,7 +648,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/text-area_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/text-area.tsx",
       },
     ],
@@ -659,7 +658,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/text-field_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/text-field.tsx",
       },
     ],
@@ -669,7 +668,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/time-field_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/time-field.tsx",
       },
     ],
@@ -679,7 +678,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/toggle-button_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/toggle-button.tsx",
       },
     ],
@@ -689,7 +688,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/toggle-button-group_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/toggle-button-group.tsx",
       },
     ],
@@ -700,11 +699,10 @@ export const core: Registry = [
   },
   {
     name: "tooltip_basic",
-    type: "registry:core",
     files: [
       {
         path: "core/tooltip_basic.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/tooltip.tsx",
       },
     ],
@@ -714,7 +712,7 @@ export const core: Registry = [
     files: [
       {
         path: "core/tooltip_motion.tsx",
-        type: "registry:core",
+        type: "core",
         target: "core/tooltip.tsx",
       },
     ],
diff --git a/www/src/registry/registry-hooks.ts b/www/src/registry/registry-hooks.ts
index 9a88e4238..45ccf155c 100644
--- a/www/src/registry/registry-hooks.ts
+++ b/www/src/registry/registry-hooks.ts
@@ -1,9 +1,14 @@
-import type { Registry } from "@dotui/registry/types";
+import type { Registry } from "./types";
 
 export const hooks: Registry = [
   {
-    name: "use-media-query",
-    type: "registry:hook",
-    files: ["hooks/use-media-query.ts"],
+    name: "use-is-mobile",
+    files: [
+      {
+        type: "hook",
+        path: "hooks/use-media-query.ts",
+        target: "hooks/use-is-mobile.ts",
+      },
+    ],
   },
 ];
diff --git a/www/src/registry/registry-icons.ts b/www/src/registry/registry-icons.ts
index 625e7e1f2..a854be5a8 100644
--- a/www/src/registry/registry-icons.ts
+++ b/www/src/registry/registry-icons.ts
@@ -1,11 +1,11 @@
 export const iconLibraries = {
   lucide: {
-    name: "lucide-react",
+    name: "lucide-icons",
     package: "lucide-react",
     import: "lucide-react",
   },
   remix: {
-    name: "@remixicon/react",
+    name: "remix-icons",
     package: "@remixicon/react",
     import: "@remixicon/react",
   },
diff --git a/www/src/registry/registry-lib.ts b/www/src/registry/registry-lib.ts
index 23d54974d..3b3653b29 100644
--- a/www/src/registry/registry-lib.ts
+++ b/www/src/registry/registry-lib.ts
@@ -2,24 +2,24 @@ import { Registry } from "@dotui/registry/types";
 
 export const lib: Registry = [
   {
-    name: "cn",
-    type: "registry:lib",
+    name: "utils",
+    type: "lib",
     dependencies: ["clsx", "tailwind-merge"],
     files: [
       {
-        path: "lib/cn.ts",
-        type: "registry:lib",
+        path: "lib/utils.ts",
+        type: "lib",
+        target: "lib/utils.ts",
       },
     ],
   },
   {
     name: "focus-styles",
-    type: "registry:lib",
-    dependencies: ["tailwind-variants"],
+    type: "lib",
     files: [
       {
         path: "lib/focus-styles.ts",
-        type: "registry:lib",
+        type: "lib",
       },
     ],
   },
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
index 08025a626..562895047 100644
--- a/www/src/registry/types.ts
+++ b/www/src/registry/types.ts
@@ -1,4 +1,4 @@
-export type RegistryType = "registry:core" | "registry:hook" | "registry:lib";
+export type RegistryType = "base" | "core" | "hook" | "lib" | "theme";
 
 export type RegistryItem = {
   name: string;

From 2a0ea1a519b14560a2ab28a662c8d179171d1a29 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 19:59:17 +0100
Subject: [PATCH 081/165] chore: cli is getting there

---
 packages/cli/package.json                  |  5 +-
 packages/cli/src/commands/add.ts           |  4 +-
 packages/cli/src/commands/init.ts          |  2 +-
 packages/cli/src/constants.ts              |  1 +
 packages/cli/src/helpers/add-primitives.ts |  4 ++
 packages/cli/src/helpers/handle-error.ts   | 14 ++++-
 packages/cli/src/helpers/registry-api.ts   |  2 +-
 packages/cli/src/registry/api.ts           | 28 ++++++++++
 packages/cli/src/registry/helpers.ts       | 65 ++++++++++++++++++++++
 packages/cli/src/utils/index.ts            |  1 +
 packages/cli/src/utils/is-url.ts           |  8 +++
 packages/cli/tsup.config.ts                |  3 +-
 packages/registry/schema.ts                | 24 +++++---
 pnpm-lock.yaml                             |  3 +
 14 files changed, 146 insertions(+), 18 deletions(-)
 create mode 100644 packages/cli/src/constants.ts
 create mode 100644 packages/cli/src/registry/api.ts
 create mode 100644 packages/cli/src/registry/helpers.ts
 create mode 100644 packages/cli/src/utils/is-url.ts

diff --git a/packages/cli/package.json b/packages/cli/package.json
index e2d6bc67d..77787cdc2 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -45,15 +45,16 @@
     "test:dev": "REGISTRY_URL=http://localhost:3000/registry vitest run"
   },
   "dependencies": {
-    "@dotui/registry": "workspace:*",
     "@clack/prompts": "^0.9.1",
+    "@dotui/registry": "workspace:*",
     "@types/fs-extra": "^11.0.4",
     "commander": "^10.0.0",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.3.0",
     "picocolors": "^1.1.0",
     "tsconfig-paths": "^4.2.0",
-    "type-fest": "^4.33.0"
+    "type-fest": "^4.33.0",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@types/node": "^18.17.0",
diff --git a/packages/cli/src/commands/add.ts b/packages/cli/src/commands/add.ts
index 8010f7aa2..37ef223a4 100644
--- a/packages/cli/src/commands/add.ts
+++ b/packages/cli/src/commands/add.ts
@@ -23,13 +23,13 @@ export const addCommand = new Command()
   )
   .action(
     async (
-      components: string[],
+      primitives: string[],
       options: { overwrite: boolean; all: boolean; dir: string }
     ) => {
       try {
         p.intro("Adding primitives.");
         await addPrimitives(
-          components,
+          primitives,
           {},
           { overwrite: options.overwrite, message: "Updating your project" }
         );
diff --git a/packages/cli/src/commands/init.ts b/packages/cli/src/commands/init.ts
index 24b5bdaa6..50d64aa3c 100644
--- a/packages/cli/src/commands/init.ts
+++ b/packages/cli/src/commands/init.ts
@@ -35,7 +35,7 @@ export const initCommand = new Command()
         const theme = await getRegistryTheme(themeId);
         await createConfigFile(options.dir, aliases, theme);
         await addPrimitives(
-          ["index"],
+          ["base"],
           {},
           { overwrite: true, message: "Adding required primitives." }
         );
diff --git a/packages/cli/src/constants.ts b/packages/cli/src/constants.ts
new file mode 100644
index 000000000..0f4b29653
--- /dev/null
+++ b/packages/cli/src/constants.ts
@@ -0,0 +1 @@
+export const REGISTRY_URL = "http://localhost:3000/registry"
diff --git a/packages/cli/src/helpers/add-primitives.ts b/packages/cli/src/helpers/add-primitives.ts
index 013bc36d7..c13bf1fb5 100644
--- a/packages/cli/src/helpers/add-primitives.ts
+++ b/packages/cli/src/helpers/add-primitives.ts
@@ -1,4 +1,5 @@
 import { spinner } from "@clack/prompts";
+import { getRegistryIndex, getRegistryItem } from "@/registry/api";
 
 interface Config {}
 
@@ -20,6 +21,9 @@ export async function addPrimitives(
 
   addPrimitivesSpinner.start(options.message);
   addPrimitivesSpinner.message("Cheking registry");
+  const registryIndex = await getRegistryIndex();
+  const items = registryIndex.filter((item) => primitives.includes(item.name));
+  await getRegistryItem(items[0].name, items[0].type);
   await new Promise((resolve) => setTimeout(resolve, 3000));
   // const tree = await registryResolveItemsTree(primitives, config)
   // if (!tree) {
diff --git a/packages/cli/src/helpers/handle-error.ts b/packages/cli/src/helpers/handle-error.ts
index 2fd3b2b89..35424d670 100644
--- a/packages/cli/src/helpers/handle-error.ts
+++ b/packages/cli/src/helpers/handle-error.ts
@@ -1,4 +1,5 @@
-import { logger } from "@/utils";
+import { z } from "zod";
+import { c, logger } from "@/utils";
 
 export function handleError(error: unknown) {
   if (typeof error === "string") {
@@ -6,8 +7,17 @@ export function handleError(error: unknown) {
     process.exit(1);
   }
 
+  if (error instanceof z.ZodError) {
+    logger.error("Validation failed:");
+    for (const [key, value] of Object.entries(error.flatten().fieldErrors)) {
+      logger.error(`- ${c.info(key)}: ${value}`);
+    }
+    logger.break();
+    process.exit(1);
+  }
+
   if (error instanceof Error) {
-    logger.error(`Error: {error.message}`);
+    logger.error(`Error: ${error.message}`);
     process.exit(1);
   }
 
diff --git a/packages/cli/src/helpers/registry-api.ts b/packages/cli/src/helpers/registry-api.ts
index 365d0307f..4604f8304 100644
--- a/packages/cli/src/helpers/registry-api.ts
+++ b/packages/cli/src/helpers/registry-api.ts
@@ -8,8 +8,8 @@ export const getRegistryThemes = async () => {
   ];
 };
 
-// eslint-disable-next-line no-unused-vars
 export const getRegistryTheme = async (
+  // eslint-disable-next-line no-unused-vars
   themeId: string
 ): Promise<RegistryTheme> => {
   return {
diff --git a/packages/cli/src/registry/api.ts b/packages/cli/src/registry/api.ts
new file mode 100644
index 000000000..8332f8d95
--- /dev/null
+++ b/packages/cli/src/registry/api.ts
@@ -0,0 +1,28 @@
+import { registryIndexSchema, type RegistryItemType } from "@dotui/registry";
+import { handleError } from "@/helpers/handle-error";
+import { fetchRegistry } from "./helpers";
+
+export async function getRegistryIndex() {
+  const [result] = await fetchRegistry(["index.json"]);
+  return registryIndexSchema.parse(result);
+}
+
+const getRegistryItemPath = (name: string, type: RegistryItemType) => {
+  if (type === "base") return `base.json`;
+  if (type === "core") return `core/${name}.json`;
+  if (type === "component") return `components/${name}.json`;
+  if (type === "hook") return `hooks/${name}.json`;
+  if (type === "lib") return `lib/${name}.json`;
+  if (type === "theme") return `themes/${name}.json`;
+  throw new Error(`Invalid registry item type: ${type}`);
+};
+
+export async function getRegistryItem(name: string, type: RegistryItemType) {
+  try {
+    const path = getRegistryItemPath(name, type);
+    const [result] = await fetchRegistry([path]);
+    console.log(result);
+  } catch (error) {
+    handleError(error);
+  }
+}
diff --git a/packages/cli/src/registry/helpers.ts b/packages/cli/src/registry/helpers.ts
new file mode 100644
index 000000000..e0e5a7b37
--- /dev/null
+++ b/packages/cli/src/registry/helpers.ts
@@ -0,0 +1,65 @@
+import { REGISTRY_URL } from "@/constants";
+import { isUrl, c } from "@/utils";
+
+function getRegistryUrl(path: string) {
+  if (isUrl(path)) {
+    const url = new URL(path);
+    return url.toString();
+  }
+
+  return `${REGISTRY_URL}/${path}`;
+}
+
+export async function fetchRegistry(paths: string[]) {
+  const results = await Promise.all(
+    paths.map(async (path) => {
+      const url = getRegistryUrl(path);
+      const response = await fetch(url);
+
+      if (!response.ok) {
+        const errorMessages: { [key: number]: string } = {
+          400: "Bad request",
+          401: "Unauthorized",
+          403: "Forbidden",
+          404: "Not found",
+          500: "Internal server error",
+        };
+
+        if (response.status === 401) {
+          throw new Error(
+            `You are not authorized to access the component at ${c.info(
+              url
+            )}.\nIf this is a remote registry, you may need to authenticate.`
+          );
+        }
+
+        if (response.status === 404) {
+          throw new Error(
+            `The component at ${c.info(
+              url
+            )} was not found.\nIt may not exist at the registry. Please make sure it is a valid component.`
+          );
+        }
+
+        if (response.status === 403) {
+          throw new Error(
+            `You do not have access to the component at ${c.info(
+              url
+            )}.\nIf this is a remote registry, you may need to authenticate or a token.`
+          );
+        }
+
+        const result = await response.json();
+        const message =
+          result && typeof result === "object" && "error" in result
+            ? result.error
+            : response.statusText || errorMessages[response.status];
+        throw new Error(`Failed to fetch from ${c.info(url)}.\n${message}`);
+      }
+
+      return response.json();
+    })
+  );
+
+  return results;
+}
diff --git a/packages/cli/src/utils/index.ts b/packages/cli/src/utils/index.ts
index 29965e5aa..284a5b31d 100644
--- a/packages/cli/src/utils/index.ts
+++ b/packages/cli/src/utils/index.ts
@@ -1,2 +1,3 @@
 export * from "./spinner";
 export * from "./logger";
+export * from "./is-url"
\ No newline at end of file
diff --git a/packages/cli/src/utils/is-url.ts b/packages/cli/src/utils/is-url.ts
new file mode 100644
index 000000000..654070eec
--- /dev/null
+++ b/packages/cli/src/utils/is-url.ts
@@ -0,0 +1,8 @@
+export function isUrl(path: string) {
+  try {
+    new URL(path)
+    return true
+  } catch (error) {
+    return false
+  }
+}
\ No newline at end of file
diff --git a/packages/cli/tsup.config.ts b/packages/cli/tsup.config.ts
index 545ff67f1..c22f1284c 100644
--- a/packages/cli/tsup.config.ts
+++ b/packages/cli/tsup.config.ts
@@ -1,7 +1,5 @@
 import { defineConfig } from "tsup";
 
-const isDev = process.env.npm_lifecycle_event === "dev";
-
 export default defineConfig({
   clean: true,
   dts: true,
@@ -11,4 +9,5 @@ export default defineConfig({
   minify: false,
   target: "esnext",
   outDir: "dist",
+  noExternal: ["@dotui/registry"]
 });
diff --git a/packages/registry/schema.ts b/packages/registry/schema.ts
index 2527a27c2..12b2d89a2 100644
--- a/packages/registry/schema.ts
+++ b/packages/registry/schema.ts
@@ -1,5 +1,21 @@
 import { z } from "zod";
 
+export const registryItemTypeSchema = z.enum([
+  "base",
+  "core",
+  "component",
+  "lib",
+  "hook",
+  "theme",
+]);
+
+export const registryIndexSchema = z.array(
+  z.object({
+    name: z.string(),
+    type: registryItemTypeSchema,
+  })
+);
+
 export const iconLibrarySchema = z.enum(["lucide-icons", "remix-icons"]);
 
 export const stylesSchema = z.object({
@@ -19,14 +35,6 @@ export const registryThemeSchema = z.object({
   styles: z.record(z.string(), z.string()),
 });
 
-export const registryItemTypeSchema = z.enum([
-  "core",
-  "component",
-  "lib",
-  "hook",
-  "theme",
-]);
-
 export const registryItemFileSchema = z.union([
   z.object({
     path: z.string(),
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 64b99cf04..4d6ab9c76 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -82,6 +82,9 @@ importers:
       type-fest:
         specifier: ^4.33.0
         version: 4.33.0
+      zod:
+        specifier: ^3.22.4
+        version: 3.24.1
     devDependencies:
       '@types/node':
         specifier: ^18.17.0

From d9dcbf999c57f002a5baa8bf211e04fe65aab35b Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 20:10:08 +0100
Subject: [PATCH 082/165] chore: update deps

---
 pnpm-lock.yaml   | 269 ++++++++++++++++++++++++++---------------------
 www/package.json |   8 +-
 2 files changed, 156 insertions(+), 121 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4d6ab9c76..764fd4dbf 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -167,14 +167,14 @@ importers:
         specifier: ^1.0.0
         version: 1.0.4(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       fumadocs-core:
-        specifier: ^14.0.2
-        version: 14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^15.0.1
+        version: 15.0.1(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       fumadocs-docgen:
-        specifier: ^1.3.0
-        version: 1.3.4(typescript@5.7.3)
+        specifier: ^1.3.5
+        version: 1.3.5(typescript@5.7.3)
       fumadocs-mdx:
-        specifier: ^11.1.0
-        version: 11.2.3(acorn@8.14.0)(fumadocs-core@14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
+        specifier: ^11.4.0
+        version: 11.4.0(acorn@8.14.0)(fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
       hast-util-to-string:
         specifier: ^3.0.1
         version: 3.0.1
@@ -233,8 +233,8 @@ importers:
         specifier: ^0.33.2
         version: 0.33.5
       shiki:
-        specifier: ^1.6.2
-        version: 1.26.1
+        specifier: ^2.2.0
+        version: 2.2.0
       tailwind-merge:
         specifier: ^2.2.0
         version: 2.6.0
@@ -1112,43 +1112,43 @@ packages:
     resolution: {integrity: sha512-euTV/2kya290SNkl5m8e/H1na8iDygk74nNtl4E0YZNyYIrEMwE1JwamoroMKGZw2Uz+in/8gH3m1+2YfP0j1w==}
     engines: {node: '>= 16.0.0'}
 
-  '@oxc-transform/binding-darwin-arm64@0.43.0':
-    resolution: {integrity: sha512-RqqhTftyG9LwHdZ4v3YkJBMgZSI7BQp5qWpJQYCChVRVLOJjNtF1Oq5J/rKiqmntvSrWGrJHUeYQtOJnrlMb6g==}
+  '@oxc-transform/binding-darwin-arm64@0.47.1':
+    resolution: {integrity: sha512-GT56Wkk/M1Eo1HCFfj8PxNn/ssBfxFVIrS3A5lJ6GE2k3gbVRORNzVA1znHtB3Tj4hIvWPNzqh+EQ2bhaFypNQ==}
     cpu: [arm64]
     os: [darwin]
 
-  '@oxc-transform/binding-darwin-x64@0.43.0':
-    resolution: {integrity: sha512-Iw2a/uWWbeetxS8KplRBD2PnWcwATd/Yy/nIu7rQ0SopZxEoSA/qHZiTIztMcF/jOKJlgo/rhDtjASzD+hW/nw==}
+  '@oxc-transform/binding-darwin-x64@0.47.1':
+    resolution: {integrity: sha512-2lwBMYHouI8Q0wubDCRuK4lMosiA0acsk2ZZzvTzYkn2xNKXtug2+D5UsOxpRLzW1vtIiTEdE5kPaafGPIIcqw==}
     cpu: [x64]
     os: [darwin]
 
-  '@oxc-transform/binding-linux-arm64-gnu@0.43.0':
-    resolution: {integrity: sha512-4mZg+lntLUStu/2qmpGE7Mqj3eTnBvcezXa4M1pBHtkRCA03bhLJ/Xv7e9Tknpv8joazxftCHSr0BSASdMlhPg==}
+  '@oxc-transform/binding-linux-arm64-gnu@0.47.1':
+    resolution: {integrity: sha512-AvAhryJTpOF0pJdroI0167cmRHDGv2aBBbTjEeNYW5b5KHNvmfeFF1eKT5e8pwj9ygR6DhwXQMIfYOsR2GBzrw==}
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-arm64-musl@0.43.0':
-    resolution: {integrity: sha512-+0JxQ9IJNB4bvIWyy0EViRnwikeCo0FctejWW2lg7Mqh7z24uu0oQ1DDAb9plFeiJMmrytStpXEq3/92/GdqUA==}
+  '@oxc-transform/binding-linux-arm64-musl@0.47.1':
+    resolution: {integrity: sha512-b3KDPQeC3yTZXF3vroOD9Mq6QfODxVt8OOeWkufytgOvNyM0NrHhXiiRLBvbNQyf7GfKd82B0l7is6hKuGELwg==}
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-x64-gnu@0.43.0':
-    resolution: {integrity: sha512-he9LbBfZZAPnAJRgbdOQYnlD6dENryVtUCSLqUy0vkVCgRGvw6Y4KPdFNEFQYDDAlFpL0VPolQkuR+IUEaUXSQ==}
+  '@oxc-transform/binding-linux-x64-gnu@0.47.1':
+    resolution: {integrity: sha512-bvdPbWnAtfWhQ+hRLtZCeI+mHivHBR4oJL1Zk8HZdo61LEr32XrfTjAOjzoaRqcANKaZv5o9Skyotp71Pf+Xfg==}
     cpu: [x64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-x64-musl@0.43.0':
-    resolution: {integrity: sha512-CLsXVSKhnjnr67PVrbNhvBLfR1yq6O9gUjZuYR0Y9vUi92f575r9PNVIsR00DMbog3q7sW/og4oTd5sqms22ug==}
+  '@oxc-transform/binding-linux-x64-musl@0.47.1':
+    resolution: {integrity: sha512-E549H+YqzkkvX72QxJechLEAAIseHndrrSWW5lacfCpatZjpTEBoHaMfTf7L3B4Ha/hg/JRZrn/rudYOMJ7ztA==}
     cpu: [x64]
     os: [linux]
 
-  '@oxc-transform/binding-win32-arm64-msvc@0.43.0':
-    resolution: {integrity: sha512-xbvSsbV32y62N5APQ14SuzIdLPHryMIdLQ1tRoH43kfZcWqi2qeWtgZX/hUnxh3vM9h0sfspXl4S2ohi5q3glw==}
+  '@oxc-transform/binding-win32-arm64-msvc@0.47.1':
+    resolution: {integrity: sha512-GGbQBBKjIJ3CZ+lnOyPdKdyy1cbazZxTAJWN+EShfXJz+T1gY3BF6U3yhiRAvDefZ2SYLvALi2n4Wz//4vUz6A==}
     cpu: [arm64]
     os: [win32]
 
-  '@oxc-transform/binding-win32-x64-msvc@0.43.0':
-    resolution: {integrity: sha512-rUEUaGIFkcgPAKDvpTQ2o18KWAinLJS6T2TDQMNrS5RYH4u1k7+d9lUCno/f8xbYMnP/AKO3F17HzcvL6U75qg==}
+  '@oxc-transform/binding-win32-x64-msvc@0.47.1':
+    resolution: {integrity: sha512-IVdLjLWknwrhWsWj0f0WTWd3Mfu3a/kjEWwTy0X65udWNxfzpIOVSnauHL7E0lWiatAKmpjS4GacVDPtMdw3GQ==}
     cpu: [x64]
     os: [win32]
 
@@ -2532,26 +2532,29 @@ packages:
   '@rushstack/eslint-patch@1.10.5':
     resolution: {integrity: sha512-kkKUDVlII2DQiKy7UstOR1ErJP8kUKAQ4oa+SQtM0K+lPdmmjj0YnnxBgtTVYH7mUKtbsxeFC9y0AmK7Yb78/A==}
 
-  '@shikijs/core@1.26.1':
-    resolution: {integrity: sha512-yeo7sG+WZQblKPclUOKRPwkv1PyoHYkJ4gP9DzhFJbTdueKR7wYTI1vfF/bFi1NTgc545yG/DzvVhZgueVOXMA==}
+  '@shikijs/core@2.2.0':
+    resolution: {integrity: sha512-U+vpKdsQDWuX3fPTCkSc8XPX9dCaS+r+qEP1XhnU30yxRFo2OxHJmY2H5rO1q+v0zB5R2vobsxEFt5uPf31CGQ==}
+
+  '@shikijs/engine-javascript@2.2.0':
+    resolution: {integrity: sha512-96SpZ4V3UVMtpSPR5QpmU395CNrQiRPszXK62m8gKR2HMA0653ruce7omS5eX6EyAyFSYHvBWtTuspiIsHpu4A==}
 
-  '@shikijs/engine-javascript@1.26.1':
-    resolution: {integrity: sha512-CRhA0b8CaSLxS0E9A4Bzcb3LKBNpykfo9F85ozlNyArxjo2NkijtiwrJZ6eHa+NT5I9Kox2IXVdjUsP4dilsmw==}
+  '@shikijs/engine-oniguruma@2.2.0':
+    resolution: {integrity: sha512-wowCKwkvPFFMXFkiKK/a2vs5uTCc0W9+O9Xcu/oqFP6VoDFe14T8u/D+Rl4dCJJSOyeynP9mxNPJ82T5JHTNCw==}
 
-  '@shikijs/engine-oniguruma@1.26.1':
-    resolution: {integrity: sha512-F5XuxN1HljLuvfXv7d+mlTkV7XukC1cawdtOo+7pKgPD83CAB1Sf8uHqP3PK0u7njFH0ZhoXE1r+0JzEgAQ+kg==}
+  '@shikijs/langs@2.2.0':
+    resolution: {integrity: sha512-RSWLH3bnoyG6O1kZ2msh5jOkKKp8eENwyT30n62vUtXfp5cxkF/bpWPpO+p4+GAPhL2foBWR2kOerwkKG0HXlQ==}
 
-  '@shikijs/langs@1.26.1':
-    resolution: {integrity: sha512-oz/TQiIqZejEIZbGtn68hbJijAOTtYH4TMMSWkWYozwqdpKR3EXgILneQy26WItmJjp3xVspHdiUxUCws4gtuw==}
+  '@shikijs/rehype@2.2.0':
+    resolution: {integrity: sha512-GXLSoWdIkugfK6dzXhBtoBZcJdH7vuBEoOF7Qg2Bi1A6A2jFSP5zFBZTcAQEDzCUer3x/RG7nLz9+tg3aj2lfA==}
 
-  '@shikijs/rehype@1.26.1':
-    resolution: {integrity: sha512-kzSFCNb8KZk6AyHgrNbZvzyPYi5WLBypCEPHYVanjv7IRjaVHLtXk/IEL4iEdkvccjOoOSo6W8jMZEBFkirI3w==}
+  '@shikijs/themes@2.2.0':
+    resolution: {integrity: sha512-8Us9ZF2mV9kuh+4ySJ9MzrUDIpc2RIkRfKBZclkliW1z9a0PlGU2U7fCkItZZHpR5e4/ft5BzuO+GDqombC6Aw==}
 
-  '@shikijs/themes@1.26.1':
-    resolution: {integrity: sha512-JDxVn+z+wgLCiUhBGx2OQrLCkKZQGzNH3nAxFir4PjUcYiyD8Jdms9izyxIogYmSwmoPTatFTdzyrRKbKlSfPA==}
+  '@shikijs/transformers@2.2.0':
+    resolution: {integrity: sha512-zrj7OcSKAh3KL4Jgv45aKS6lSPXZWq61/DyXJJ5gsBMUIE5Ojmnvmseit7H8zQ/xPQOgJP+XqEzy7utScv0N9w==}
 
-  '@shikijs/types@1.26.1':
-    resolution: {integrity: sha512-d4B00TKKAMaHuFYgRf3L0gwtvqpW4hVdVwKcZYbBfAAQXspgkbWqnFfuFl3MDH6gLbsubOcr+prcnsqah3ny7Q==}
+  '@shikijs/types@2.2.0':
+    resolution: {integrity: sha512-wkZZKs80NtW5Jp/7ONI1j7EdXSatX2BKMS7I01wliDa09gJKHkZyVqlEMRka/mjT5Qk9WgAyitoCKgGgbsP/9g==}
 
   '@shikijs/vscode-textmate@10.0.1':
     resolution: {integrity: sha512-fTIQwLF+Qhuws31iw7Ncl1R3HUDtGwIipiJ9iU+UsDUwMhegFcQKQHd51nZjb7CArq0MvON8rbgCGQYWHUKAdg==}
@@ -2655,8 +2658,8 @@ packages:
       '@vue/compiler-sfc':
         optional: true
 
-  '@ts-morph/common@0.25.0':
-    resolution: {integrity: sha512-kMnZz+vGGHi4GoHnLmMhGNjm44kGtKUXGnOvrKmMwAuvNjM/PgKVGfUnL7IDvK7Jb2QQ82jq3Zmp04Gy+r3Dkg==}
+  '@ts-morph/common@0.26.0':
+    resolution: {integrity: sha512-/RmKAtctStXqM5nECMQ46duT74Hoig/DBzhWXGHcodlDNrgRbsbwwHqSKFNbca6z9Xt/CUWMeXOsC9QEN1+rqw==}
 
   '@tsconfig/node10@1.0.11':
     resolution: {integrity: sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==}
@@ -3724,8 +3727,8 @@ packages:
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
 
-  fumadocs-core@14.7.2:
-    resolution: {integrity: sha512-nHsqUxcli3YXmaseWTXxglZd5J8z4PjBpl5qt5Mpj5RmYzozuNtwaOXw5SfNegAzjJtipAyHi2DCy541N6aotA==}
+  fumadocs-core@15.0.1:
+    resolution: {integrity: sha512-aZDh9HnyHP2bbz2dD5vV9saJu2IEOIukLeiDi3S1iqyPM9gVVC391hv7fPcQMsPw9YfgPN8XbPGDBxn0+bsfiw==}
     peerDependencies:
       '@orama/tokenizers': 2.x.x
       '@oramacloud/client': 1.x.x || 2.x.x
@@ -3747,18 +3750,22 @@ packages:
       react-dom:
         optional: true
 
-  fumadocs-docgen@1.3.4:
-    resolution: {integrity: sha512-NL/ZXxckbAE4J6rXP4gGQTUQtX3P+rv0dM+XUAhWgWItuL9Z3fzVsY3e4wWpYnp0TpHRySYnNg3RcbSmovrFyQ==}
+  fumadocs-docgen@1.3.5:
+    resolution: {integrity: sha512-EaacNbPCpIXpExRv+zb+TrkvJbmyEN5Z1J2+Qp9MoYbF5sxeM60bmvHJAyp/KvtcmPhFs+8APUlWEFsKXHcbJw==}
 
-  fumadocs-mdx@11.2.3:
-    resolution: {integrity: sha512-2+EBHe85NT0JpSldaEi8rUwsGb/0ZL7+3bsmckeqbJbb5rS3Ugmws05tp90yEAORt+G6TdHC0/xeQKUfFfgoGw==}
+  fumadocs-mdx@11.4.0:
+    resolution: {integrity: sha512-zy/TQ4ritc6oWvxrQAPSlKtxbQvyaR0GqPzIxkw8VvvWaOjigrzFm2Z0d5lGTdJQYMpKPk7HMj+sBtFUR1gAAQ==}
     hasBin: true
     peerDependencies:
-      fumadocs-core: ^14.0.0
+      '@fumadocs/mdx-remote': 1.1.3
+      fumadocs-core: ^14.0.0 || ^15.0.0
       next: 14.x.x || 15.x.x
+    peerDependenciesMeta:
+      '@fumadocs/mdx-remote':
+        optional: true
 
-  fumadocs-typescript@3.0.2:
-    resolution: {integrity: sha512-SqYJy+NxjjuQQeom7wLpODYiWtIKWfndguHL3XKXaMUvhlsjmsWWTaXJWKaqIfOStiYJQlGWrXxFA2Rrpbx63Q==}
+  fumadocs-typescript@3.0.3:
+    resolution: {integrity: sha512-TpVem2Sy+fo5e8wJibisn1XZoRdwNyY8+MuxQWBC2k8Q4oaxA6qVVsy2paCVEa716UnXbES0sVP1HqX3HCEhBg==}
     peerDependencies:
       typescript: '*'
 
@@ -4831,8 +4838,8 @@ packages:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
 
-  oniguruma-to-es@0.10.0:
-    resolution: {integrity: sha512-zapyOUOCJxt+xhiNRPPMtfJkHGsZ98HHB9qJEkdT8BGytO/+kpe4m1Ngf0MzbzTmhacn11w9yGeDP6tzDhnCdg==}
+  oniguruma-to-es@2.3.0:
+    resolution: {integrity: sha512-bwALDxriqfKGfUufKGGepCzu9x7nJQuoRoAFp4AnwehhC2crqrDIAP/uN2qdlsAvSMpeRC3+Yzhqc7hLmle5+g==}
 
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
@@ -4849,8 +4856,8 @@ packages:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
 
-  oxc-transform@0.43.0:
-    resolution: {integrity: sha512-m0sjGlhiAv8t3KumXJ7qhamo/HVME6MtwaHU0BwRpkuN8i3O5ZmrOx3kUyg3iWiebI0nKSRR9v+6ecVrM8Yv4w==}
+  oxc-transform@0.47.1:
+    resolution: {integrity: sha512-krLyXKa+2RWT9MFcj2q4ffEFFzX3EoypcLGpXMhTW0ayLxmGxyiLYlDlwFwP+5fbaVeeBu36XsVroOZelddl7g==}
 
   p-cancelable@3.0.0:
     resolution: {integrity: sha512-mlVgR3PGuzlo0MmTdk4cXqXWlwQDLnONTAg6sm62XkMJEiRxN3GL3SffkYvqwonbkJBcrI7Uvv5Zh9yjvn2iUw==}
@@ -5185,6 +5192,16 @@ packages:
       '@types/react':
         optional: true
 
+  react-remove-scroll@2.6.3:
+    resolution: {integrity: sha512-pnAi91oOk8g8ABQKGF5/M9qxmmOPxaAnopyTHYfqYEwJhyFrbbBtHuSgtKEoH0jpcxx5o3hXqH1mNd9/Oi+8iQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   react-resizable-panels@2.1.7:
     resolution: {integrity: sha512-JtT6gI+nURzhMYQYsx8DKkx6bSoOGFp7A3CwMrOb8y5jFHFyqwo9m68UhmXRw57fRVJksFn1TSlm3ywEQ9vMgA==}
     peerDependencies:
@@ -5449,8 +5466,8 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
-  shiki@1.26.1:
-    resolution: {integrity: sha512-Gqg6DSTk3wYqaZ5OaYtzjcdxcBvX5kCy24yvRJEgjT5U+WHlmqCThLuBUx0juyxQBi+6ug53IGeuQS07DWwpcw==}
+  shiki@2.2.0:
+    resolution: {integrity: sha512-3uoZBmc+zpd2JOEeTvKP/vK5UVDDe8YiigkT9flq+MV5Z1MKFiUXfbLIvHfqcJ+V90StDiP1ckN97z1WlhC6cQ==}
 
   side-channel-list@1.0.0:
     resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
@@ -5738,8 +5755,8 @@ packages:
   ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
-  ts-morph@24.0.0:
-    resolution: {integrity: sha512-2OAOg/Ob5yx9Et7ZX4CvTCc0UFoZHwLEJ+dpDPSUi5TgwwlTlX47w+iFRrEwzUZwYACjq83cgjS/Da50Ga37uw==}
+  ts-morph@25.0.0:
+    resolution: {integrity: sha512-ERPTUVO5qF8cEGJgAejGOsCVlbk8d0SDyiJsucKQT5XgqoZslv0Qml+gnui6Yy6o+uQqw5SestyW2HvlVtT/Sg==}
 
   ts-node@10.9.2:
     resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==}
@@ -6912,28 +6929,28 @@ snapshots:
 
   '@orama/orama@2.1.1': {}
 
-  '@oxc-transform/binding-darwin-arm64@0.43.0':
+  '@oxc-transform/binding-darwin-arm64@0.47.1':
     optional: true
 
-  '@oxc-transform/binding-darwin-x64@0.43.0':
+  '@oxc-transform/binding-darwin-x64@0.47.1':
     optional: true
 
-  '@oxc-transform/binding-linux-arm64-gnu@0.43.0':
+  '@oxc-transform/binding-linux-arm64-gnu@0.47.1':
     optional: true
 
-  '@oxc-transform/binding-linux-arm64-musl@0.43.0':
+  '@oxc-transform/binding-linux-arm64-musl@0.47.1':
     optional: true
 
-  '@oxc-transform/binding-linux-x64-gnu@0.43.0':
+  '@oxc-transform/binding-linux-x64-gnu@0.47.1':
     optional: true
 
-  '@oxc-transform/binding-linux-x64-musl@0.43.0':
+  '@oxc-transform/binding-linux-x64-musl@0.47.1':
     optional: true
 
-  '@oxc-transform/binding-win32-arm64-msvc@0.43.0':
+  '@oxc-transform/binding-win32-arm64-msvc@0.47.1':
     optional: true
 
-  '@oxc-transform/binding-win32-x64-msvc@0.43.0':
+  '@oxc-transform/binding-win32-x64-msvc@0.47.1':
     optional: true
 
   '@pkgjs/parseargs@0.11.0':
@@ -9103,44 +9120,49 @@ snapshots:
 
   '@rushstack/eslint-patch@1.10.5': {}
 
-  '@shikijs/core@1.26.1':
+  '@shikijs/core@2.2.0':
     dependencies:
-      '@shikijs/engine-javascript': 1.26.1
-      '@shikijs/engine-oniguruma': 1.26.1
-      '@shikijs/types': 1.26.1
+      '@shikijs/engine-javascript': 2.2.0
+      '@shikijs/engine-oniguruma': 2.2.0
+      '@shikijs/types': 2.2.0
       '@shikijs/vscode-textmate': 10.0.1
       '@types/hast': 3.0.4
       hast-util-to-html: 9.0.4
 
-  '@shikijs/engine-javascript@1.26.1':
+  '@shikijs/engine-javascript@2.2.0':
     dependencies:
-      '@shikijs/types': 1.26.1
+      '@shikijs/types': 2.2.0
       '@shikijs/vscode-textmate': 10.0.1
-      oniguruma-to-es: 0.10.0
+      oniguruma-to-es: 2.3.0
 
-  '@shikijs/engine-oniguruma@1.26.1':
+  '@shikijs/engine-oniguruma@2.2.0':
     dependencies:
-      '@shikijs/types': 1.26.1
+      '@shikijs/types': 2.2.0
       '@shikijs/vscode-textmate': 10.0.1
 
-  '@shikijs/langs@1.26.1':
+  '@shikijs/langs@2.2.0':
     dependencies:
-      '@shikijs/types': 1.26.1
+      '@shikijs/types': 2.2.0
 
-  '@shikijs/rehype@1.26.1':
+  '@shikijs/rehype@2.2.0':
     dependencies:
-      '@shikijs/types': 1.26.1
+      '@shikijs/types': 2.2.0
       '@types/hast': 3.0.4
       hast-util-to-string: 3.0.1
-      shiki: 1.26.1
+      shiki: 2.2.0
       unified: 11.0.5
       unist-util-visit: 5.0.0
 
-  '@shikijs/themes@1.26.1':
+  '@shikijs/themes@2.2.0':
     dependencies:
-      '@shikijs/types': 1.26.1
+      '@shikijs/types': 2.2.0
 
-  '@shikijs/types@1.26.1':
+  '@shikijs/transformers@2.2.0':
+    dependencies:
+      '@shikijs/core': 2.2.0
+      '@shikijs/types': 2.2.0
+
+  '@shikijs/types@2.2.0':
     dependencies:
       '@shikijs/vscode-textmate': 10.0.1
       '@types/hast': 3.0.4
@@ -9233,11 +9255,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@ts-morph/common@0.25.0':
+  '@ts-morph/common@0.26.0':
     dependencies:
+      fast-glob: 3.3.3
       minimatch: 9.0.5
       path-browserify: 1.0.1
-      tinyglobby: 0.2.10
 
   '@tsconfig/node10@1.0.11': {}
 
@@ -9299,6 +9321,7 @@ snapshots:
   '@types/node@22.8.1':
     dependencies:
       undici-types: 6.19.8
+    optional: true
 
   '@types/normalize-package-data@2.4.4': {}
 
@@ -10518,21 +10541,22 @@ snapshots:
   fsevents@2.3.3:
     optional: true
 
-  fumadocs-core@14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@formatjs/intl-localematcher': 0.5.10
       '@orama/orama': 2.1.1
-      '@shikijs/rehype': 1.26.1
+      '@shikijs/rehype': 2.2.0
+      '@shikijs/transformers': 2.2.0
       github-slugger: 2.0.0
       hast-util-to-estree: 3.1.1
       hast-util-to-jsx-runtime: 2.3.2
       image-size: 1.2.0
       negotiator: 1.0.0
-      react-remove-scroll: 2.6.2(@types/react@19.0.4)(react@19.0.0)
+      react-remove-scroll: 2.6.3(@types/react@19.0.4)(react@19.0.0)
       remark: 15.0.1
       remark-gfm: 4.0.0
       scroll-into-view-if-needed: 3.1.0
-      shiki: 1.26.1
+      shiki: 2.2.0
       unist-util-visit: 5.0.0
     optionalDependencies:
       next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -10542,20 +10566,20 @@ snapshots:
       - '@types/react'
       - supports-color
 
-  fumadocs-docgen@1.3.4(typescript@5.7.3):
+  fumadocs-docgen@1.3.5(typescript@5.7.3):
     dependencies:
       estree-util-value-to-estree: 3.2.1
-      fumadocs-typescript: 3.0.2(typescript@5.7.3)
+      fumadocs-typescript: 3.0.3(typescript@5.7.3)
       hast-util-to-estree: 3.1.1
       npm-to-yarn: 3.0.1
-      oxc-transform: 0.43.0
+      oxc-transform: 0.47.1
       unist-util-visit: 5.0.0
       zod: 3.24.1
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  fumadocs-mdx@11.2.3(acorn@8.14.0)(fumadocs-core@14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)):
+  fumadocs-mdx@11.4.0(acorn@8.14.0)(fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)):
     dependencies:
       '@mdx-js/mdx': 3.1.0(acorn@8.14.0)
       chokidar: 4.0.3
@@ -10563,7 +10587,7 @@ snapshots:
       esbuild: 0.24.2
       estree-util-value-to-estree: 3.2.1
       fast-glob: 3.3.3
-      fumadocs-core: 14.7.2(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      fumadocs-core: 15.0.1(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       gray-matter: 4.0.3
       micromatch: 4.0.8
       next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -10573,16 +10597,15 @@ snapshots:
       - acorn
       - supports-color
 
-  fumadocs-typescript@3.0.2(typescript@5.7.3):
+  fumadocs-typescript@3.0.3(typescript@5.7.3):
     dependencies:
-      '@types/node': 22.8.1
       fast-glob: 3.3.3
       hast-util-to-jsx-runtime: 2.3.2
       mdast-util-from-markdown: 2.0.2
       mdast-util-gfm: 3.0.0
       mdast-util-to-hast: 13.2.0
-      shiki: 1.26.1
-      ts-morph: 24.0.0
+      shiki: 2.2.0
+      ts-morph: 25.0.0
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
@@ -11913,7 +11936,7 @@ snapshots:
     dependencies:
       mimic-fn: 2.1.0
 
-  oniguruma-to-es@0.10.0:
+  oniguruma-to-es@2.3.0:
     dependencies:
       emoji-regex-xs: 1.0.0
       regex: 5.1.1
@@ -11938,16 +11961,16 @@ snapshots:
       object-keys: 1.1.1
       safe-push-apply: 1.0.0
 
-  oxc-transform@0.43.0:
+  oxc-transform@0.47.1:
     optionalDependencies:
-      '@oxc-transform/binding-darwin-arm64': 0.43.0
-      '@oxc-transform/binding-darwin-x64': 0.43.0
-      '@oxc-transform/binding-linux-arm64-gnu': 0.43.0
-      '@oxc-transform/binding-linux-arm64-musl': 0.43.0
-      '@oxc-transform/binding-linux-x64-gnu': 0.43.0
-      '@oxc-transform/binding-linux-x64-musl': 0.43.0
-      '@oxc-transform/binding-win32-arm64-msvc': 0.43.0
-      '@oxc-transform/binding-win32-x64-msvc': 0.43.0
+      '@oxc-transform/binding-darwin-arm64': 0.47.1
+      '@oxc-transform/binding-darwin-x64': 0.47.1
+      '@oxc-transform/binding-linux-arm64-gnu': 0.47.1
+      '@oxc-transform/binding-linux-arm64-musl': 0.47.1
+      '@oxc-transform/binding-linux-x64-gnu': 0.47.1
+      '@oxc-transform/binding-linux-x64-musl': 0.47.1
+      '@oxc-transform/binding-win32-arm64-msvc': 0.47.1
+      '@oxc-transform/binding-win32-x64-msvc': 0.47.1
 
   p-cancelable@3.0.0: {}
 
@@ -12298,6 +12321,17 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.4
 
+  react-remove-scroll@2.6.3(@types/react@19.0.4)(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+      react-remove-scroll-bar: 2.3.8(@types/react@19.0.4)(react@19.0.0)
+      react-style-singleton: 2.2.3(@types/react@19.0.4)(react@19.0.0)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@19.0.4)(react@19.0.0)
+      use-sidecar: 1.1.3(@types/react@19.0.4)(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.4
+
   react-resizable-panels@2.1.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       react: 19.0.0
@@ -12722,14 +12756,14 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
-  shiki@1.26.1:
+  shiki@2.2.0:
     dependencies:
-      '@shikijs/core': 1.26.1
-      '@shikijs/engine-javascript': 1.26.1
-      '@shikijs/engine-oniguruma': 1.26.1
-      '@shikijs/langs': 1.26.1
-      '@shikijs/themes': 1.26.1
-      '@shikijs/types': 1.26.1
+      '@shikijs/core': 2.2.0
+      '@shikijs/engine-javascript': 2.2.0
+      '@shikijs/engine-oniguruma': 2.2.0
+      '@shikijs/langs': 2.2.0
+      '@shikijs/themes': 2.2.0
+      '@shikijs/types': 2.2.0
       '@shikijs/vscode-textmate': 10.0.1
       '@types/hast': 3.0.4
 
@@ -13042,9 +13076,9 @@ snapshots:
 
   ts-interface-checker@0.1.13: {}
 
-  ts-morph@24.0.0:
+  ts-morph@25.0.0:
     dependencies:
-      '@ts-morph/common': 0.25.0
+      '@ts-morph/common': 0.26.0
       code-block-writer: 13.0.3
 
   ts-node@10.9.2(@types/node@20.5.1)(typescript@5.7.3):
@@ -13218,7 +13252,8 @@ snapshots:
 
   undici-types@5.26.5: {}
 
-  undici-types@6.19.8: {}
+  undici-types@6.19.8:
+    optional: true
 
   unified@11.0.5:
     dependencies:
diff --git a/www/package.json b/www/package.json
index 2720d3ccd..f89e0130e 100644
--- a/www/package.json
+++ b/www/package.json
@@ -32,9 +32,9 @@
     "babel-plugin-react-compiler": "19.0.0-beta-63e3235-20250105",
     "clsx": "^2.1.0",
     "cmdk": "^1.0.0",
-    "fumadocs-core": "^14.0.2",
-    "fumadocs-docgen": "^1.3.0",
-    "fumadocs-mdx": "^11.1.0",
+    "fumadocs-core": "^15.0.1",
+    "fumadocs-docgen": "^1.3.5",
+    "fumadocs-mdx": "^11.4.0",
     "hast-util-to-string": "^3.0.1",
     "immer": "^10.1.1",
     "jotai": "2.8.0",
@@ -54,7 +54,7 @@
     "react-stately": "^3.31.0",
     "remark-gfm": "^4.0.0",
     "sharp": "^0.33.2",
-    "shiki": "^1.6.2",
+    "shiki": "^2.2.0",
     "tailwind-merge": "^2.2.0",
     "tailwind-variants": "^0.3.1",
     "tsx": "^4.7.1",

From d70947718b6445eaa2da424d2208f6f526a4a954 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 1 Feb 2025 20:10:46 +0100
Subject: [PATCH 083/165] fix: format

---
 packages/cli/src/constants.ts    | 2 +-
 packages/cli/src/utils/index.ts  | 2 +-
 packages/cli/src/utils/is-url.ts | 8 ++++----
 packages/cli/tsup.config.ts      | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/cli/src/constants.ts b/packages/cli/src/constants.ts
index 0f4b29653..49c4c484b 100644
--- a/packages/cli/src/constants.ts
+++ b/packages/cli/src/constants.ts
@@ -1 +1 @@
-export const REGISTRY_URL = "http://localhost:3000/registry"
+export const REGISTRY_URL = "http://localhost:3000/registry";
diff --git a/packages/cli/src/utils/index.ts b/packages/cli/src/utils/index.ts
index 284a5b31d..b1469fffe 100644
--- a/packages/cli/src/utils/index.ts
+++ b/packages/cli/src/utils/index.ts
@@ -1,3 +1,3 @@
 export * from "./spinner";
 export * from "./logger";
-export * from "./is-url"
\ No newline at end of file
+export * from "./is-url";
diff --git a/packages/cli/src/utils/is-url.ts b/packages/cli/src/utils/is-url.ts
index 654070eec..1d0640484 100644
--- a/packages/cli/src/utils/is-url.ts
+++ b/packages/cli/src/utils/is-url.ts
@@ -1,8 +1,8 @@
 export function isUrl(path: string) {
   try {
-    new URL(path)
-    return true
+    new URL(path);
+    return true;
   } catch (error) {
-    return false
+    return false;
   }
-}
\ No newline at end of file
+}
diff --git a/packages/cli/tsup.config.ts b/packages/cli/tsup.config.ts
index c22f1284c..0df4ef3cc 100644
--- a/packages/cli/tsup.config.ts
+++ b/packages/cli/tsup.config.ts
@@ -9,5 +9,5 @@ export default defineConfig({
   minify: false,
   target: "esnext",
   outDir: "dist",
-  noExternal: ["@dotui/registry"]
+  noExternal: ["@dotui/registry"],
 });

From 7034be725d93b5b8a21d376217ba0604e0df5f75 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 2 Feb 2025 18:03:02 +0100
Subject: [PATCH 084/165] feat(cli): update files

---
 packages/cli/package.json                     |   5 +
 packages/cli/src/commands/add.ts              |  11 +-
 packages/cli/src/commands/init.ts             |  38 ++--
 packages/cli/src/constants.ts                 |   8 +
 packages/cli/src/helpers/add-checks.ts        |   7 +
 packages/cli/src/helpers/add-primitives.ts    |  34 +---
 packages/cli/src/helpers/get-config.ts        |  86 ++++++++++
 packages/cli/src/helpers/registry-api.ts      |   2 +-
 .../cli/src/helpers/transformers/index.ts     |  21 +++
 packages/cli/src/helpers/updaters/index.ts    |   2 +
 .../cli/src/helpers/updaters/update-deps.ts   |  25 +++
 .../cli/src/helpers/updaters/update-files.ts  | 150 ++++++++++++++++
 packages/cli/src/registry/api.ts              |  79 +++++++--
 packages/cli/src/utils/get-package-manager.ts |  21 +++
 packages/cli/src/utils/index.ts               |   2 +
 packages/cli/src/utils/resolve-import.ts      |  13 ++
 packages/cli/tsup.config.ts                   |   2 +-
 packages/config/eslint/library.js             |   3 +
 packages/registry/schema.ts                   |  22 +--
 pnpm-lock.yaml                                | 162 ++++++++++++++++++
 www/public/registry/base.json                 |  26 ++-
 www/public/registry/core/alert_basic.json     |   4 +-
 www/public/registry/core/alert_notch-2.json   |   4 +-
 www/public/registry/core/alert_notch.json     |   4 +-
 www/public/registry/core/avatar.json          |   4 +-
 www/public/registry/core/badge.json           |   4 +-
 www/public/registry/core/breadcrumbs.json     |   4 +-
 www/public/registry/core/button_basic.json    |   4 +-
 .../registry/core/button_brutalist.json       |   4 +-
 www/public/registry/core/button_ripple.json   |  12 +-
 www/public/registry/core/calendar_basic.json  |   4 +-
 www/public/registry/core/calendar_cal.json    |   4 +-
 www/public/registry/core/checkbox-group.json  |   4 +-
 www/public/registry/core/checkbox.json        |   4 +-
 www/public/registry/core/color-area.json      |   4 +-
 www/public/registry/core/color-field.json     |   4 +-
 www/public/registry/core/color-picker.json    |   4 +-
 www/public/registry/core/color-slider.json    |   4 +-
 .../registry/core/color-swatch-picker.json    |   4 +-
 www/public/registry/core/color-swatch.json    |   4 +-
 www/public/registry/core/color-thumb.json     |   4 +-
 www/public/registry/core/combobox.json        |   4 +-
 www/public/registry/core/command.json         |   4 +-
 www/public/registry/core/date-field.json      |   4 +-
 www/public/registry/core/date-input.json      |   4 +-
 www/public/registry/core/date-picker.json     |   4 +-
 .../registry/core/date-range-picker.json      |   4 +-
 www/public/registry/core/dialog.json          |   4 +-
 www/public/registry/core/drawer.json          |   4 +-
 www/public/registry/core/drop-zone.json       |   4 +-
 www/public/registry/core/field.json           |   4 +-
 www/public/registry/core/file-trigger.json    |   4 +-
 www/public/registry/core/form_basic.json      |   4 +-
 .../registry/core/form_react-hook-form.json   |   4 +-
 www/public/registry/core/input_basic.json     |   4 +-
 www/public/registry/core/kbd.json             |   4 +-
 www/public/registry/core/list-box.json        |   4 +-
 www/public/registry/core/loader_dots.json     |   4 +-
 www/public/registry/core/loader_line.json     |   4 +-
 www/public/registry/core/loader_ring.json     |   4 +-
 www/public/registry/core/loader_tailspin.json |   4 +-
 www/public/registry/core/loader_wave.json     |   4 +-
 www/public/registry/core/menu.json            |   4 +-
 www/public/registry/core/modal.json           |   4 +-
 www/public/registry/core/number-field.json    |   4 +-
 www/public/registry/core/overlay.json         |   4 +-
 www/public/registry/core/popover.json         |   4 +-
 www/public/registry/core/progress-bar.json    |   4 +-
 www/public/registry/core/radio-group.json     |   4 +-
 www/public/registry/core/search-field.json    |   4 +-
 www/public/registry/core/select.json          |   4 +-
 www/public/registry/core/separator.json       |   4 +-
 www/public/registry/core/skeleton.json        |   4 +-
 www/public/registry/core/slider.json          |   4 +-
 www/public/registry/core/switch.json          |   4 +-
 www/public/registry/core/table.json           |   4 +-
 www/public/registry/core/tabs_basic.json      |   4 +-
 www/public/registry/core/tabs_motion.json     |   4 +-
 www/public/registry/core/tag-group.json       |   4 +-
 www/public/registry/core/text-area.json       |   4 +-
 www/public/registry/core/text-field.json      |   4 +-
 www/public/registry/core/text.json            |   4 +-
 www/public/registry/core/time-field.json      |   4 +-
 .../registry/core/toggle-button-group.json    |   4 +-
 www/public/registry/core/toggle-button.json   |   4 +-
 www/public/registry/core/tooltip_basic.json   |   4 +-
 www/public/registry/core/tooltip_motion.json  |   4 +-
 www/public/registry/hooks/use-is-mobile.json  |   2 +-
 www/public/registry/icons/index.json          |   8 +-
 www/public/registry/index.json                |  68 ++++++--
 www/public/registry/lib/focus-styles.json     |  11 ++
 www/public/registry/lib/index.json            |  10 ++
 www/public/registry/lib/utils.json            |  15 ++
 www/scripts/build-registry.ts                 |  88 +++++++---
 www/src/registry/index.ts                     |   2 +-
 www/src/registry/registry-base.ts             |  24 ++-
 www/src/registry/registry-lib.ts              |   7 +-
 97 files changed, 947 insertions(+), 279 deletions(-)
 create mode 100644 packages/cli/src/helpers/add-checks.ts
 create mode 100644 packages/cli/src/helpers/get-config.ts
 create mode 100644 packages/cli/src/helpers/transformers/index.ts
 create mode 100644 packages/cli/src/helpers/updaters/index.ts
 create mode 100644 packages/cli/src/helpers/updaters/update-deps.ts
 create mode 100644 packages/cli/src/helpers/updaters/update-files.ts
 create mode 100644 packages/cli/src/utils/get-package-manager.ts
 create mode 100644 packages/cli/src/utils/resolve-import.ts
 create mode 100644 www/public/registry/lib/focus-styles.json
 create mode 100644 www/public/registry/lib/index.json
 create mode 100644 www/public/registry/lib/utils.json

diff --git a/packages/cli/package.json b/packages/cli/package.json
index 77787cdc2..da4e0f550 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -49,9 +49,14 @@
     "@dotui/registry": "workspace:*",
     "@types/fs-extra": "^11.0.4",
     "commander": "^10.0.0",
+    "cosmiconfig": "^9.0.0",
+    "deepmerge": "^4.3.1",
+    "execa": "^9.5.2",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.3.0",
+    "package-manager-detector": "^0.2.9",
     "picocolors": "^1.1.0",
+    "ts-morph": "^25.0.0",
     "tsconfig-paths": "^4.2.0",
     "type-fest": "^4.33.0",
     "zod": "^3.22.4"
diff --git a/packages/cli/src/commands/add.ts b/packages/cli/src/commands/add.ts
index 37ef223a4..b4b77d1d0 100644
--- a/packages/cli/src/commands/add.ts
+++ b/packages/cli/src/commands/add.ts
@@ -1,5 +1,6 @@
 import * as p from "@clack/prompts";
 import { Command } from "commander";
+import { addChecks } from "@/helpers/add-checks";
 import { addPrimitives } from "@/helpers/add-primitives";
 import { handleError } from "@/helpers/handle-error";
 import { c } from "@/utils";
@@ -28,11 +29,11 @@ export const addCommand = new Command()
     ) => {
       try {
         p.intro("Adding primitives.");
-        await addPrimitives(
-          primitives,
-          {},
-          { overwrite: options.overwrite, message: "Updating your project" }
-        );
+        const { config } = await addChecks(options.dir);
+        await addPrimitives(primitives, config, {
+          overwrite: options.overwrite,
+          message: "Updating your project",
+        });
         p.outro(
           `Successfully added ${c.info("button, text-field, and 21 other components.")}`
         );
diff --git a/packages/cli/src/commands/init.ts b/packages/cli/src/commands/init.ts
index 50d64aa3c..e51b7ff4d 100644
--- a/packages/cli/src/commands/init.ts
+++ b/packages/cli/src/commands/init.ts
@@ -4,6 +4,7 @@ import { Command } from "commander";
 import fs from "fs-extra";
 import path from "path";
 import { addPrimitives } from "@/helpers/add-primitives";
+import { Config, RawConfig, resolveConfigPaths } from "@/helpers/get-config";
 import { handleError } from "@/helpers/handle-error";
 import { initChecks } from "@/helpers/init-checks";
 import { getRegistryTheme, getRegistryThemes } from "@/helpers/registry-api";
@@ -33,12 +34,11 @@ export const initCommand = new Command()
         const aliases = await getOrPromptForAlias();
         themeId = await getOrPromptForThemeId(themeId);
         const theme = await getRegistryTheme(themeId);
-        await createConfigFile(options.dir, aliases, theme);
-        await addPrimitives(
-          ["base"],
-          {},
-          { overwrite: true, message: "Adding required primitives." }
-        );
+        const config = await createConfigFile(options.dir, aliases, theme);
+        await addPrimitives(["base"], config, {
+          overwrite: true,
+          message: "Updating your project",
+        });
         p.outro(
           `${c.success("Project initialized successfully.")}\n\nYou may know add components: ${c.info("npx dotui-cli add button")}`
         );
@@ -65,8 +65,8 @@ const getOrPromptForAlias = async () => {
   }
 
   let alias = {
-    core: "@/components/core",
     components: "@/components",
+    core: "@/components/core",
     hooks: "@/hooks",
     lib: "@/lib",
     utils: "@/lib/utils",
@@ -75,16 +75,16 @@ const getOrPromptForAlias = async () => {
   if (customizeAlias) {
     alias = await p.group(
       {
-        core: () =>
-          p.text({
-            message: `Configure the import alias for ${c.info("core components")}:`,
-            placeholder: "@/components/core",
-          }),
         components: () =>
           p.text({
             message: `Configure the import alias for ${c.info("components")}:`,
             placeholder: "@/components",
           }),
+        core: () =>
+          p.text({
+            message: `Configure the import alias for ${c.info("core components")}:`,
+            placeholder: "@/components/core",
+          }),
         hooks: () =>
           p.text({
             message: `Configure the import alias for ${c.info("hooks")}:`,
@@ -138,7 +138,7 @@ async function createConfigFile(
   cwd: string,
   aliases: Aliases,
   theme: RegistryTheme
-) {
+): Promise<Config> {
   const proceed = await p.confirm({
     message: `Write configuration to ${c.info("dotui.json")}. Proceed?`,
   });
@@ -152,15 +152,19 @@ async function createConfigFile(
   const createConfigSpinner = p.spinner();
   createConfigSpinner.start("Creating configuration file");
   const targetPath = path.resolve(cwd, "dotui.json");
-  const config = {
-    iconLibrary: theme.iconLibrary,
+  const rawConfig: RawConfig = {
+    $schema: "http://localhost:3000/schema.json", // TODO update this
+    css: "app/globals.css", // TODO FIX THIS
     aliases: aliases,
-    styles: theme.styles,
+    iconLibrary: theme.iconLibrary,
+    primitives: theme.primitives,
   };
   if (fs.existsSync(targetPath)) {
     await fs.remove(targetPath);
   }
-  await fs.writeFile(targetPath, JSON.stringify(config, null, 2), "utf8");
+  await fs.writeFile(targetPath, JSON.stringify(rawConfig, null, 2), "utf8");
 
+  const config = await resolveConfigPaths(cwd, rawConfig);
   createConfigSpinner.stop("Created configuration file");
+  return config;
 }
diff --git a/packages/cli/src/constants.ts b/packages/cli/src/constants.ts
index 49c4c484b..cf78885a6 100644
--- a/packages/cli/src/constants.ts
+++ b/packages/cli/src/constants.ts
@@ -1 +1,9 @@
 export const REGISTRY_URL = "http://localhost:3000/registry";
+
+export const defaultConfig = {
+  primitives: {
+    button: "basic",
+    "toggle-button": "basic",
+    input: "basic",
+  },
+};
diff --git a/packages/cli/src/helpers/add-checks.ts b/packages/cli/src/helpers/add-checks.ts
new file mode 100644
index 000000000..8014884b5
--- /dev/null
+++ b/packages/cli/src/helpers/add-checks.ts
@@ -0,0 +1,7 @@
+import { getConfig } from "./get-config";
+
+export async function addChecks(cwd: string) {
+  const config = await getConfig(cwd);
+  if (!config) throw new Error("Failed to load config.");
+  return { config };
+}
diff --git a/packages/cli/src/helpers/add-primitives.ts b/packages/cli/src/helpers/add-primitives.ts
index c13bf1fb5..cb88c60c9 100644
--- a/packages/cli/src/helpers/add-primitives.ts
+++ b/packages/cli/src/helpers/add-primitives.ts
@@ -1,7 +1,7 @@
 import { spinner } from "@clack/prompts";
-import { getRegistryIndex, getRegistryItem } from "@/registry/api";
-
-interface Config {}
+import { resolvePrimitives } from "@/registry/api";
+import { Config } from "@/helpers/get-config";
+import { updateDeps, updateFiles } from "@/helpers/updaters";
 
 export async function addPrimitives(
   primitives: string[],
@@ -21,37 +21,15 @@ export async function addPrimitives(
 
   addPrimitivesSpinner.start(options.message);
   addPrimitivesSpinner.message("Cheking registry");
-  const registryIndex = await getRegistryIndex();
-  const items = registryIndex.filter((item) => primitives.includes(item.name));
-  await getRegistryItem(items[0].name, items[0].type);
-  await new Promise((resolve) => setTimeout(resolve, 3000));
-  // const tree = await registryResolveItemsTree(primitives, config)
-  // if (!tree) {
-  //   registrySpinner?.fail()
-  //   return handleError(new Error("Failed to fetch primitives from registry."))
-  // }
+  const { files, dependencies } = await resolvePrimitives(primitives, config);
 
   addPrimitivesSpinner.message("Updating your CSS.");
-  await new Promise((resolve) => setTimeout(resolve, 3000));
-  // await updateCss(tree.cssVars, config, {
-  //   cleanupDefaultNextStyles: options.isNewProject,
-  //   silent: options.silent,
-  // })
 
   addPrimitivesSpinner.message("Updating dependencies.");
-  await new Promise((resolve) => setTimeout(resolve, 3000));
-  // await updateDependencies(tree.dependencies, config, {
-  //   silent: options.silent,
-  // })
-  // await updateFiles(tree.files, config, {
-  //   overwrite: options.overwrite,
-  // })
+  await updateDeps(dependencies, config);
 
   addPrimitivesSpinner.message("Updating files.");
-  await new Promise((resolve) => setTimeout(resolve, 3000));
-  // await updateFiles(tree.files, config, {
-  //   overwrite: options.overwrite,
-  // })
+  await updateFiles(files ?? [], config, { overwrite: options.overwrite });
 
   addPrimitivesSpinner.stop(options.message);
 }
diff --git a/packages/cli/src/helpers/get-config.ts b/packages/cli/src/helpers/get-config.ts
new file mode 100644
index 000000000..9ae1abaf6
--- /dev/null
+++ b/packages/cli/src/helpers/get-config.ts
@@ -0,0 +1,86 @@
+import { cosmiconfig } from "cosmiconfig";
+import path from "path";
+import { loadConfig } from "tsconfig-paths";
+import { z } from "zod";
+import { resolveImport } from "@/utils";
+
+export const DEFAULT_STYLE = "default";
+export const DEFAULT_COMPONENTS = "@/components";
+export const DEFAULT_UTILS = "@/lib/utils";
+export const DEFAULT_TAILWIND_CSS = "app/globals.css";
+export const DEFAULT_TAILWIND_CONFIG = "tailwind.config.js";
+export const DEFAULT_TAILWIND_BASE_COLOR = "slate";
+
+const explorer = cosmiconfig("config", {
+  searchPlaces: ["dotui.json"],
+});
+
+export const rawConfigSchema = z
+  .object({
+    $schema: z.string().optional(),
+    css: z.string(),
+    aliases: z.object({
+      core: z.string(),
+      components: z.string(),
+      lib: z.string(),
+      hooks: z.string(),
+      utils: z.string(),
+    }),
+    iconLibrary: z.string().optional(),
+    primitives: z.record(z.string(), z.string()).optional(),
+  })
+  .strict();
+
+export type RawConfig = z.infer<typeof rawConfigSchema>;
+
+export const configSchema = rawConfigSchema.extend({
+  resolvedPaths: z.object({
+    cwd: z.string(),
+    css: z.string(),
+    core: z.string(),
+    components: z.string(),
+    hooks: z.string(),
+    lib: z.string(),
+    utils: z.string(),
+  }),
+});
+
+export type Config = z.infer<typeof configSchema>;
+
+export async function getConfig(cwd: string): Promise<Config | null> {
+  const configResult = await explorer.search(cwd);
+
+  if (!configResult) {
+    throw new Error("Failed to load config.");
+  }
+
+  rawConfigSchema.parse(configResult.config);
+
+  return await resolveConfigPaths(cwd, configResult.config);
+}
+
+export async function resolveConfigPaths(
+  cwd: string,
+  config: RawConfig
+): Promise<Config> {
+  const tsConfig = loadConfig(cwd);
+
+  if (tsConfig.resultType === "failed") {
+    throw new Error(
+      `Failed to load tsconfig.json. ${tsConfig.message ?? ""}`.trim()
+    );
+  }
+
+  return configSchema.parse({
+    ...config,
+    resolvedPaths: {
+      cwd,
+      css: path.resolve(cwd, config.css),
+      core: await resolveImport(config.aliases["core"], tsConfig),
+      components: await resolveImport(config.aliases["components"], tsConfig),
+      utils: await resolveImport(config.aliases["utils"], tsConfig),
+      hooks: await resolveImport(config.aliases["hooks"], tsConfig),
+      lib: await resolveImport(config.aliases["lib"], tsConfig),
+    },
+  });
+}
diff --git a/packages/cli/src/helpers/registry-api.ts b/packages/cli/src/helpers/registry-api.ts
index 4604f8304..b34655617 100644
--- a/packages/cli/src/helpers/registry-api.ts
+++ b/packages/cli/src/helpers/registry-api.ts
@@ -16,7 +16,7 @@ export const getRegistryTheme = async (
     id: "darky",
     label: "Darky",
     iconLibrary: "lucide-icons",
-    styles: {
+    primitives: {
       button: "basic",
       "toggle-button": "basic",
       input: "basic",
diff --git a/packages/cli/src/helpers/transformers/index.ts b/packages/cli/src/helpers/transformers/index.ts
new file mode 100644
index 000000000..008d0763c
--- /dev/null
+++ b/packages/cli/src/helpers/transformers/index.ts
@@ -0,0 +1,21 @@
+import { Project, ScriptKind, type SourceFile } from "ts-morph";
+import { Config } from "@/helpers/get-config";
+
+export type TransformOpts = {
+  filename: string;
+  raw: string;
+  config: Config;
+};
+
+export type Transformer<Output = SourceFile> = (
+  opts: TransformOpts & {
+    sourceFile: SourceFile;
+  }
+) => Promise<Output>;
+
+export async function transform(
+  options: TransformOpts,
+  transforms: Transformer[]
+) {
+  return options.raw;
+}
diff --git a/packages/cli/src/helpers/updaters/index.ts b/packages/cli/src/helpers/updaters/index.ts
new file mode 100644
index 000000000..6cb97e28f
--- /dev/null
+++ b/packages/cli/src/helpers/updaters/index.ts
@@ -0,0 +1,2 @@
+export * from "./update-deps";
+export * from "./update-files";
diff --git a/packages/cli/src/helpers/updaters/update-deps.ts b/packages/cli/src/helpers/updaters/update-deps.ts
new file mode 100644
index 000000000..f045ddf6b
--- /dev/null
+++ b/packages/cli/src/helpers/updaters/update-deps.ts
@@ -0,0 +1,25 @@
+import { RegistryItem } from "@dotui/registry";
+import { execa } from "execa";
+import { Config } from "@/helpers/get-config";
+import { getPackageManager } from "@/utils";
+
+export async function updateDeps(
+  dependencies: RegistryItem["dependencies"],
+  config: Config
+) {
+  dependencies = Array.from(new Set(dependencies));
+  if (!dependencies?.length) {
+    return;
+  }
+
+  const packageManager = await getPackageManager(config.resolvedPaths.cwd);
+
+  console.log(`using ${packageManager}...`);
+  await execa(
+    packageManager,
+    [packageManager === "npm" ? "install" : "add", ...dependencies],
+    {
+      cwd: config.resolvedPaths.cwd,
+    }
+  );
+}
diff --git a/packages/cli/src/helpers/updaters/update-files.ts b/packages/cli/src/helpers/updaters/update-files.ts
new file mode 100644
index 000000000..285a39099
--- /dev/null
+++ b/packages/cli/src/helpers/updaters/update-files.ts
@@ -0,0 +1,150 @@
+import { confirm, isCancel } from "@clack/prompts";
+import { RegistryItemFile } from "@dotui/registry";
+import { existsSync, promises as fs } from "fs";
+import path, { basename } from "path";
+import { Config } from "@/helpers/get-config";
+import { transform } from "@/helpers/transformers";
+
+interface Result {
+  filesCreated: string[];
+  filesUpdated: string[];
+  filesSkipped: string[];
+}
+
+export async function updateFiles(
+  files: RegistryItemFile[],
+  config: Config,
+  options: { overwrite?: boolean } = {}
+): Promise<Result> {
+  options = {
+    overwrite: false,
+    ...options,
+  };
+
+  if (!files.length)
+    return { filesCreated: [], filesUpdated: [], filesSkipped: [] };
+
+  let filesCreated = [];
+  let filesUpdated = [];
+  let filesSkipped = [];
+
+  for (const file of files) {
+    if (!file.content) continue;
+
+    let filePath = resolveFilePath(file, config, {
+      isSrcDir: false, // TODO: fix this
+    });
+
+    const fileName = basename(file.path);
+    const targetDir = path.dirname(filePath);
+    const existingFile = existsSync(filePath);
+
+    if (existingFile && !options.overwrite) {
+      const overwrite = await confirm({
+        message: `The file ${fileName} already exists. Would you like to overwrite?`,
+        initialValue: false,
+      });
+
+      if (isCancel(overwrite)) {
+        filesSkipped.push(path.relative(config.resolvedPaths.cwd, filePath));
+        continue;
+      }
+    }
+
+    // Create the target directory if it doesn't exist.
+    if (!existsSync(targetDir)) {
+      await fs.mkdir(targetDir, { recursive: true });
+    }
+
+    // Run our transformers.
+    const content = await transform(
+      {
+        filename: file.path,
+        raw: file.content,
+        config,
+      },
+      []
+    );
+
+    await fs.writeFile(filePath, content, "utf-8");
+
+    existingFile
+      ? filesUpdated.push(path.relative(config.resolvedPaths.cwd, filePath))
+      : filesCreated.push(path.relative(config.resolvedPaths.cwd, filePath));
+  }
+
+  return { filesCreated, filesUpdated, filesSkipped };
+}
+
+function resolveFilePath(
+  file: RegistryItemFile,
+  config: Config,
+  options: {
+    isSrcDir?: boolean;
+  }
+) {
+  if (file.path) {
+    if (file.path.startsWith("~/")) {
+      return path.join(config.resolvedPaths.cwd, file.path.replace("~/", ""));
+    }
+
+    return options.isSrcDir
+      ? path.join(
+          config.resolvedPaths.cwd,
+          "src",
+          file.path.replace("src/", "")
+        )
+      : path.join(config.resolvedPaths.cwd, file.path.replace("src/", ""));
+  }
+
+  const targetDir = resolveFileTargetDirectory(file, config);
+
+  const relativePath = resolveNestedFilePath(file.path, targetDir);
+  return path.join(targetDir, relativePath);
+}
+
+function resolveFileTargetDirectory(file: RegistryItemFile, config: Config) {
+  if (file.type === "component") {
+    return config.resolvedPaths.components;
+  }
+  if (file.type === "core") {
+    return config.resolvedPaths.core;
+  }
+
+  if (file.type === "hook") {
+    return config.resolvedPaths.hooks;
+  }
+
+  if (file.type === "lib") {
+    return config.resolvedPaths.lib;
+  }
+
+  return config.resolvedPaths.components;
+}
+
+export function resolveNestedFilePath(
+  filePath: string,
+  targetDir: string
+): string {
+  // Normalize paths by removing leading/trailing slashes
+  const normalizedFilePath = filePath.replace(/^\/|\/$/g, "");
+  const normalizedTargetDir = targetDir.replace(/^\/|\/$/g, "");
+
+  // Split paths into segments
+  const fileSegments = normalizedFilePath.split("/");
+  const targetSegments = normalizedTargetDir.split("/");
+
+  // Find the last matching segment from targetDir in filePath
+  const lastTargetSegment = targetSegments[targetSegments.length - 1];
+  const commonDirIndex = fileSegments.findIndex(
+    (segment) => segment === lastTargetSegment
+  );
+
+  if (commonDirIndex === -1) {
+    // Return just the filename if no common directory is found
+    return fileSegments[fileSegments.length - 1];
+  }
+
+  // Return everything after the common directory
+  return fileSegments.slice(commonDirIndex + 1).join("/");
+}
diff --git a/packages/cli/src/registry/api.ts b/packages/cli/src/registry/api.ts
index 8332f8d95..d57503795 100644
--- a/packages/cli/src/registry/api.ts
+++ b/packages/cli/src/registry/api.ts
@@ -1,13 +1,24 @@
-import { registryIndexSchema, type RegistryItemType } from "@dotui/registry";
-import { handleError } from "@/helpers/handle-error";
+import {
+  registryIndexSchema,
+  registryItemSchema,
+  registryResolvedItemsTreeSchema,
+  type RegistryItemType,
+} from "@dotui/registry";
+import deepmerge from "deepmerge";
+import { z } from "zod";
+import { defaultConfig } from "@/constants";
 import { fetchRegistry } from "./helpers";
 
+interface Config {
+  primitives?: Record<string, string>;
+}
+
 export async function getRegistryIndex() {
   const [result] = await fetchRegistry(["index.json"]);
   return registryIndexSchema.parse(result);
 }
 
-const getRegistryItemPath = (name: string, type: RegistryItemType) => {
+const getPrimitivePath = (name: string, type: RegistryItemType) => {
   if (type === "base") return `base.json`;
   if (type === "core") return `core/${name}.json`;
   if (type === "component") return `components/${name}.json`;
@@ -17,12 +28,60 @@ const getRegistryItemPath = (name: string, type: RegistryItemType) => {
   throw new Error(`Invalid registry item type: ${type}`);
 };
 
-export async function getRegistryItem(name: string, type: RegistryItemType) {
-  try {
-    const path = getRegistryItemPath(name, type);
-    const [result] = await fetchRegistry([path]);
-    console.log(result);
-  } catch (error) {
-    handleError(error);
+export async function resolvePrimitives(names: string[], config: Config) {
+  const index = await getRegistryIndex();
+
+  const getAllRegistryDeps = (name: string) => {
+    let registryDeps: string[] = [name];
+    const item = index.find((item) => item.name === name);
+    if (!item) throw new Error(`${name} not found in registry`);
+    if (item.variants) {
+      // we check if the variant is defined in the config, if not we use the default one0
+      const variant =
+        config.primitives?.[name] ??
+        defaultConfig.primitives[name as keyof typeof defaultConfig.primitives];
+
+      registryDeps = [
+        ...registryDeps,
+        ...getAllRegistryDeps(`${item.name}_${variant}`),
+      ];
+    }
+    if (item.registryDeps) {
+      registryDeps = [
+        ...registryDeps,
+        ...(item.registryDeps
+          .flatMap((dep) => getAllRegistryDeps(dep))
+          .filter(Boolean) as string[]),
+      ];
+    }
+
+    return registryDeps;
+  };
+
+  const primitives: string[] = Array.from(
+    new Set(names.flatMap((name) => getAllRegistryDeps(name)))
+  );
+
+  const primitivesPaths = primitives.map((name) => {
+    const item = index.find((item) => item.name === name);
+    if (!item) throw new Error(`${name} not found in registry`);
+    return getPrimitivePath(name, item.type);
+  });
+
+  const result = await fetchRegistry(primitivesPaths);
+  const payload = z.array(registryItemSchema).parse(result);
+
+  if (!payload) {
+    throw new Error("Failed to validate registry items"); // TODO: fix
   }
+
+  const dependencies = deepmerge.all(
+    payload.map((item) => item.dependencies ?? [])
+  );
+  const files = deepmerge.all(payload.map((item) => item.files ?? []));
+  
+  return registryResolvedItemsTreeSchema.parse({
+    files: files ?? [],
+    dependencies: dependencies ?? [],
+  });
 }
diff --git a/packages/cli/src/utils/get-package-manager.ts b/packages/cli/src/utils/get-package-manager.ts
new file mode 100644
index 000000000..94c223647
--- /dev/null
+++ b/packages/cli/src/utils/get-package-manager.ts
@@ -0,0 +1,21 @@
+import { detect, type AgentName } from "package-manager-detector";
+
+export async function getPackageManager(cwd: string): Promise<AgentName> {
+  const detectResult = await detect({ cwd });
+  if (detectResult) {
+    return detectResult.name;
+  }
+  const userAgent = process.env.npm_config_user_agent;
+  if (userAgent) {
+    if (userAgent.startsWith("yarn")) {
+      return "yarn";
+    } else if (userAgent.startsWith("pnpm")) {
+      return "pnpm";
+    } else if (userAgent.startsWith("bun")) {
+      return "bun";
+    } else {
+      return "npm";
+    }
+  }
+  return "npm";
+}
diff --git a/packages/cli/src/utils/index.ts b/packages/cli/src/utils/index.ts
index b1469fffe..0d3ab89a5 100644
--- a/packages/cli/src/utils/index.ts
+++ b/packages/cli/src/utils/index.ts
@@ -1,3 +1,5 @@
 export * from "./spinner";
 export * from "./logger";
 export * from "./is-url";
+export * from "./resolve-import"
+export * from "./get-package-manager"
\ No newline at end of file
diff --git a/packages/cli/src/utils/resolve-import.ts b/packages/cli/src/utils/resolve-import.ts
new file mode 100644
index 000000000..a7fe75f83
--- /dev/null
+++ b/packages/cli/src/utils/resolve-import.ts
@@ -0,0 +1,13 @@
+import { createMatchPath, type ConfigLoaderSuccessResult } from "tsconfig-paths"
+
+export async function resolveImport(
+  importPath: string,
+  config: Pick<ConfigLoaderSuccessResult, "absoluteBaseUrl" | "paths">
+) {
+  return createMatchPath(config.absoluteBaseUrl, config.paths)(
+    importPath,
+    undefined,
+    () => true,
+    [".ts", ".tsx"]
+  )
+}
\ No newline at end of file
diff --git a/packages/cli/tsup.config.ts b/packages/cli/tsup.config.ts
index 0df4ef3cc..5e30fc1f2 100644
--- a/packages/cli/tsup.config.ts
+++ b/packages/cli/tsup.config.ts
@@ -4,7 +4,7 @@ export default defineConfig({
   clean: true,
   dts: true,
   entry: ["src/index.ts"],
-  format: ["esm"],
+  format: ["esm", "cjs"],
   sourcemap: true,
   minify: false,
   target: "esnext",
diff --git a/packages/config/eslint/library.js b/packages/config/eslint/library.js
index 876b078d4..7986ec372 100644
--- a/packages/config/eslint/library.js
+++ b/packages/config/eslint/library.js
@@ -28,6 +28,9 @@ module.exports = {
   overrides: [
     {
       files: ["*.js?(x)", "*.ts?(x)"],
+      rules: {
+        "turbo/no-undeclared-env-vars": "off"
+      }
     },
   ],
 };
diff --git a/packages/registry/schema.ts b/packages/registry/schema.ts
index 12b2d89a2..26281dfd0 100644
--- a/packages/registry/schema.ts
+++ b/packages/registry/schema.ts
@@ -13,6 +13,9 @@ export const registryIndexSchema = z.array(
   z.object({
     name: z.string(),
     type: registryItemTypeSchema,
+    deps: z.array(z.string()).optional(),
+    registryDeps: z.array(z.string()).optional(),
+    variants: z.array(z.string()).optional(),
   })
 );
 
@@ -32,18 +35,14 @@ export const registryThemeSchema = z.object({
   id: z.string(),
   label: z.string(),
   iconLibrary: iconLibrarySchema,
-  styles: z.record(z.string(), z.string()),
+  primitives: z.record(z.string(), z.string()),
 });
 
-export const registryItemFileSchema = z.union([
-  z.object({
-    path: z.string(),
-    content: z.string().optional(),
-    type: registryItemTypeSchema,
-    target: z.string().optional(),
-  }),
-  z.string(),
-]);
+export const registryItemFileSchema = z.object({
+  type: registryItemTypeSchema,
+  content: z.string(),
+  path: z.string(),
+});
 
 export const registryItemTailwindSchema = z.object({
   config: z.object({
@@ -95,7 +94,4 @@ export const registryResolvedItemsTreeSchema = registryItemSchema.pick({
   dependencies: true,
   devDependencies: true,
   files: true,
-  tailwind: true,
-  cssVars: true,
-  docs: true,
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 764fd4dbf..d9cea3fdb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -67,15 +67,30 @@ importers:
       commander:
         specifier: ^10.0.0
         version: 10.0.1
+      cosmiconfig:
+        specifier: ^9.0.0
+        version: 9.0.0(typescript@5.7.3)
+      deepmerge:
+        specifier: ^4.3.1
+        version: 4.3.1
+      execa:
+        specifier: ^9.5.2
+        version: 9.5.2
       fast-glob:
         specifier: ^3.3.3
         version: 3.3.3
       fs-extra:
         specifier: ^11.3.0
         version: 11.3.0
+      package-manager-detector:
+        specifier: ^0.2.9
+        version: 0.2.9
       picocolors:
         specifier: ^1.1.0
         version: 1.1.1
+      ts-morph:
+        specifier: ^25.0.0
+        version: 25.0.0
       tsconfig-paths:
         specifier: ^4.2.0
         version: 4.2.0
@@ -2532,6 +2547,9 @@ packages:
   '@rushstack/eslint-patch@1.10.5':
     resolution: {integrity: sha512-kkKUDVlII2DQiKy7UstOR1ErJP8kUKAQ4oa+SQtM0K+lPdmmjj0YnnxBgtTVYH7mUKtbsxeFC9y0AmK7Yb78/A==}
 
+  '@sec-ant/readable-stream@0.4.1':
+    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
+
   '@shikijs/core@2.2.0':
     resolution: {integrity: sha512-U+vpKdsQDWuX3fPTCkSc8XPX9dCaS+r+qEP1XhnU30yxRFo2OxHJmY2H5rO1q+v0zB5R2vobsxEFt5uPf31CGQ==}
 
@@ -2563,6 +2581,10 @@ packages:
     resolution: {integrity: sha512-TV7t8GKYaJWsn00tFDqBw8+Uqmr8A0fRU1tvTQhyZzGv0sJCGRQL3JGMI3ucuKo3XIZdUP+Lx7/gh2t3lewy7g==}
     engines: {node: '>=14.16'}
 
+  '@sindresorhus/merge-streams@4.0.0':
+    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
+    engines: {node: '>=18'}
+
   '@swc/counter@0.1.3':
     resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
 
@@ -3206,6 +3228,15 @@ packages:
       typescript:
         optional: true
 
+  cosmiconfig@9.0.0:
+    resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   create-require@1.1.1:
     resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
 
@@ -3288,6 +3319,10 @@ packages:
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
   defer-to-connect@2.0.1:
     resolution: {integrity: sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==}
     engines: {node: '>=10'}
@@ -3384,6 +3419,10 @@ packages:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
     engines: {node: '>=8.6'}
 
+  env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+
   error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
 
@@ -3611,6 +3650,10 @@ packages:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
     engines: {node: '>=10'}
 
+  execa@9.5.2:
+    resolution: {integrity: sha512-EHlpxMCpHWSAh1dgS6bVeoLAXGnJNdR93aabr4QCGbzOM73o5XmRfM/e5FUqsw3aagP8S8XEWUWFAxnRBnAF0Q==}
+    engines: {node: ^18.19.0 || >=20.5.0}
+
   extend-shallow@2.0.1:
     resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
     engines: {node: '>=0.10.0'}
@@ -3652,6 +3695,10 @@ packages:
       picomatch:
         optional: true
 
+  figures@6.1.0:
+    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
+    engines: {node: '>=18'}
+
   file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -3799,6 +3846,10 @@ packages:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
 
+  get-stream@9.0.1:
+    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
+    engines: {node: '>=18'}
+
   get-symbol-description@1.1.0:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
@@ -3958,6 +4009,10 @@ packages:
     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
     engines: {node: '>=10.17.0'}
 
+  human-signals@8.0.0:
+    resolution: {integrity: sha512-/1/GPCpDUCCYwlERiYjxoczfP0zfvZMU/OWgQPMya9AbAE24vseigFdhAMObpc8Q4lc/kjutPfUddDYyAmejnA==}
+    engines: {node: '>=18.18.0'}
+
   iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
@@ -4131,6 +4186,10 @@ packages:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
 
+  is-stream@4.0.1:
+    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
+    engines: {node: '>=18'}
+
   is-string@1.1.1:
     resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
     engines: {node: '>= 0.4'}
@@ -4151,6 +4210,10 @@ packages:
     resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
     engines: {node: '>= 0.4'}
 
+  is-unicode-supported@2.1.0:
+    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
+    engines: {node: '>=18'}
+
   is-weakmap@2.0.2:
     resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
     engines: {node: '>= 0.4'}
@@ -4791,6 +4854,10 @@ packages:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
     engines: {node: '>=8'}
 
+  npm-run-path@6.0.0:
+    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
+    engines: {node: '>=18'}
+
   npm-to-yarn@3.0.1:
     resolution: {integrity: sha512-tt6PvKu4WyzPwWUzy/hvPFqn+uwXO0K1ZHka8az3NnrhWJDmSqI8ncWq0fkL0k/lmmi5tAC11FXwXuh0rFbt1A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -4901,6 +4968,9 @@ packages:
   package-manager-detector@0.2.8:
     resolution: {integrity: sha512-ts9KSdroZisdvKMWVAVCXiKqnqNfXz4+IbrBG8/BWx/TR5le+jfenvoBuIZ6UWM9nz47W7AbD9qYfAwfWMIwzA==}
 
+  package-manager-detector@0.2.9:
+    resolution: {integrity: sha512-+vYvA/Y31l8Zk8dwxHhL3JfTuHPm6tlxM2A3GeQyl7ovYnSp1+mzAxClxaOr0qO1TtPxbQxetI7v5XqKLJZk7Q==}
+
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -4917,6 +4987,10 @@ packages:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
 
+  parse-ms@4.0.0:
+    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
+    engines: {node: '>=18'}
+
   path-browserify@1.0.1:
     resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
 
@@ -4932,6 +5006,10 @@ packages:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
 
+  path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
@@ -5106,6 +5184,10 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
+  pretty-ms@9.2.0:
+    resolution: {integrity: sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==}
+    engines: {node: '>=18'}
+
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
@@ -5609,6 +5691,10 @@ packages:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
     engines: {node: '>=6'}
 
+  strip-final-newline@4.0.0:
+    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
+    engines: {node: '>=18'}
+
   strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
@@ -5895,6 +5981,10 @@ packages:
   undici-types@6.19.8:
     resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
 
+  unicorn-magic@0.3.0:
+    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
+    engines: {node: '>=18'}
+
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
@@ -6063,6 +6153,10 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
+  yoctocolors@2.1.1:
+    resolution: {integrity: sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==}
+    engines: {node: '>=18'}
+
   zod@3.24.1:
     resolution: {integrity: sha512-muH7gBL9sI1nciMZV67X5fTKKBLtwpZ5VBp1vsOQzj1MhrBZ4wlVCm3gedKZWLp0Oyel8sIGfeiz54Su+OVT+A==}
 
@@ -9120,6 +9214,8 @@ snapshots:
 
   '@rushstack/eslint-patch@1.10.5': {}
 
+  '@sec-ant/readable-stream@0.4.1': {}
+
   '@shikijs/core@2.2.0':
     dependencies:
       '@shikijs/engine-javascript': 2.2.0
@@ -9171,6 +9267,8 @@ snapshots:
 
   '@sindresorhus/is@5.6.0': {}
 
+  '@sindresorhus/merge-streams@4.0.0': {}
+
   '@swc/counter@0.1.3': {}
 
   '@swc/helpers@0.5.15':
@@ -9832,6 +9930,15 @@ snapshots:
     optionalDependencies:
       typescript: 5.7.3
 
+  cosmiconfig@9.0.0(typescript@5.7.3):
+    dependencies:
+      env-paths: 2.2.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+    optionalDependencies:
+      typescript: 5.7.3
+
   create-require@1.1.1: {}
 
   cross-spawn@5.1.0:
@@ -9903,6 +10010,8 @@ snapshots:
 
   deep-is@0.1.4: {}
 
+  deepmerge@4.3.1: {}
+
   defer-to-connect@2.0.1: {}
 
   define-data-property@1.1.4:
@@ -9983,6 +10092,8 @@ snapshots:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
 
+  env-paths@2.2.1: {}
+
   error-ex@1.3.2:
     dependencies:
       is-arrayish: 0.2.1
@@ -10426,6 +10537,21 @@ snapshots:
       signal-exit: 3.0.7
       strip-final-newline: 2.0.0
 
+  execa@9.5.2:
+    dependencies:
+      '@sindresorhus/merge-streams': 4.0.0
+      cross-spawn: 7.0.6
+      figures: 6.1.0
+      get-stream: 9.0.1
+      human-signals: 8.0.0
+      is-plain-obj: 4.1.0
+      is-stream: 4.0.1
+      npm-run-path: 6.0.0
+      pretty-ms: 9.2.0
+      signal-exit: 4.1.0
+      strip-final-newline: 4.0.0
+      yoctocolors: 2.1.1
+
   extend-shallow@2.0.1:
     dependencies:
       is-extendable: 0.1.1
@@ -10464,6 +10590,10 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.2
 
+  figures@6.1.0:
+    dependencies:
+      is-unicode-supported: 2.1.0
+
   file-entry-cache@6.0.1:
     dependencies:
       flat-cache: 3.2.0
@@ -10647,6 +10777,11 @@ snapshots:
 
   get-stream@6.0.1: {}
 
+  get-stream@9.0.1:
+    dependencies:
+      '@sec-ant/readable-stream': 0.4.1
+      is-stream: 4.0.1
+
   get-symbol-description@1.1.0:
     dependencies:
       call-bound: 1.0.3
@@ -10873,6 +11008,8 @@ snapshots:
 
   human-signals@2.1.0: {}
 
+  human-signals@8.0.0: {}
+
   iconv-lite@0.4.24:
     dependencies:
       safer-buffer: 2.1.2
@@ -11033,6 +11170,8 @@ snapshots:
 
   is-stream@2.0.1: {}
 
+  is-stream@4.0.1: {}
+
   is-string@1.1.1:
     dependencies:
       call-bound: 1.0.3
@@ -11056,6 +11195,8 @@ snapshots:
     dependencies:
       which-typed-array: 1.1.18
 
+  is-unicode-supported@2.1.0: {}
+
   is-weakmap@2.0.2: {}
 
   is-weakref@1.1.0:
@@ -11883,6 +12024,11 @@ snapshots:
     dependencies:
       path-key: 3.1.1
 
+  npm-run-path@6.0.0:
+    dependencies:
+      path-key: 4.0.0
+      unicorn-magic: 0.3.0
+
   npm-to-yarn@3.0.1: {}
 
   object-assign@4.1.1: {}
@@ -12009,6 +12155,8 @@ snapshots:
 
   package-manager-detector@0.2.8: {}
 
+  package-manager-detector@0.2.9: {}
+
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
@@ -12032,6 +12180,8 @@ snapshots:
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
 
+  parse-ms@4.0.0: {}
+
   path-browserify@1.0.1: {}
 
   path-exists@4.0.0: {}
@@ -12040,6 +12190,8 @@ snapshots:
 
   path-key@3.1.1: {}
 
+  path-key@4.0.0: {}
+
   path-parse@1.0.7: {}
 
   path-scurry@1.11.1:
@@ -12133,6 +12285,10 @@ snapshots:
 
   prettier@3.4.2: {}
 
+  pretty-ms@9.2.0:
+    dependencies:
+      parse-ms: 4.0.0
+
   prop-types@15.8.1:
     dependencies:
       loose-envify: 1.4.0
@@ -12938,6 +13094,8 @@ snapshots:
 
   strip-final-newline@2.0.0: {}
 
+  strip-final-newline@4.0.0: {}
+
   strip-indent@3.0.0:
     dependencies:
       min-indent: 1.0.1
@@ -13255,6 +13413,8 @@ snapshots:
   undici-types@6.19.8:
     optional: true
 
+  unicorn-magic@0.3.0: {}
+
   unified@11.0.5:
     dependencies:
       '@types/unist': 3.0.3
@@ -13453,6 +13613,8 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
+  yoctocolors@2.1.1: {}
+
   zod@3.24.1: {}
 
   zustand@4.5.6(@types/react@19.0.4)(immer@10.1.1)(react@19.0.0):
diff --git a/www/public/registry/base.json b/www/public/registry/base.json
index 5919aaad2..459ecfb4d 100644
--- a/www/public/registry/base.json
+++ b/www/public/registry/base.json
@@ -1,14 +1,12 @@
-[
-  {
-    "name": "base",
-    "dependencies": [
-      "tailwind-variants",
-      "react-aria-components",
-      "tailwindcss-react-aria-components"
-    ],
-    "registryDependencies": [
-      "utils"
-    ],
-    "files": []
-  }
-]
\ No newline at end of file
+{
+  "name": "base",
+  "dependencies": [
+    "tailwind-variants",
+    "react-aria-components",
+    "tailwindcss-react-aria-components"
+  ],
+  "registryDependencies": [
+    "utils"
+  ],
+  "files": []
+}
\ No newline at end of file
diff --git a/www/public/registry/core/alert_basic.json b/www/public/registry/core/alert_basic.json
index c623a9181..639513a33 100644
--- a/www/public/registry/core/alert_basic.json
+++ b/www/public/registry/core/alert_basic.json
@@ -3,9 +3,9 @@
   "description": "Minimal with a subtle border and muted background.",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"flex w-full items-center gap-4 rounded-lg border p-4 text-sm [&_svg]:size-4\",\n    title: \"font-medium leading-normal tracking-tight\",\n    content: \"\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"bg-bg-muted text-fg border\" },\n      success: {\n        root: \"bg-bg-success-muted border-border-success text-fg-success border\",\n      },\n      warning: {\n        root: \"bg-bg-warning-muted border-border-warning text-fg-warning border\",\n      },\n      danger: {\n        root: \"bg-bg-danger-muted border-border-danger text-fg-danger border\",\n      },\n      info: {\n        root: \"bg-bg-info-muted border-border-info text-fg-info border\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: <InfoIcon />,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  action,\n  icon,\n  children,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props} className=\"@container items-start\">\n      <div className=\"pt-2\">{resolvedIcon}</div>\n      <div className=\"@sm:items-center @sm:flex-row flex flex-1 flex-col items-start gap-4\">\n        <div className=\"flex-1 space-y-0.5\">\n          {title && <AlertTitle>{title}</AlertTitle>}\n          {children && <AlertContent>{children}</AlertContent>}\n        </div>\n        {action}\n      </div>\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <div className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
-      "target": "core/alert.tsx"
+      "path": "core/alert.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/alert_notch-2.json b/www/public/registry/core/alert_notch-2.json
index 215364585..2bdb299d3 100644
--- a/www/public/registry/core/alert_notch-2.json
+++ b/www/public/registry/core/alert_notch-2.json
@@ -3,9 +3,9 @@
   "description": "Alert with a bold left border for emphasis and muted background.",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4\",\n    title: \"mr-1 font-medium leading-normal tracking-tight\",\n    content: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"border-bg-primary\" },\n      success: {\n        root: \"border-bg-success\",\n      },\n      warning: {\n        root: \"border-bg-warning\",\n      },\n      danger: {\n        root: \"border-bg-danger\",\n      },\n      info: {\n        root: \"border-bg-info\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: null,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  description?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  description,\n  action,\n  icon,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props}>\n      {resolvedIcon}\n      <div className=\"flex-1 space-y-0.5\">\n        <AlertTitle>{title}</AlertTitle>\n        {description && <AlertContent>{description}</AlertContent>}\n      </div>\n      {action}\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <p className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
-      "target": "core/alert.tsx"
+      "path": "core/alert.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/alert_notch.json b/www/public/registry/core/alert_notch.json
index 76f106fae..29a367e17 100644
--- a/www/public/registry/core/alert_notch.json
+++ b/www/public/registry/core/alert_notch.json
@@ -3,9 +3,9 @@
   "description": "Alert with a bold left border for emphasis.",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircle2Icon,\n  InfoIcon,\n} from \"lucide-react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst alertStyles = tv({\n  slots: {\n    root: \"bg-bg-muted text-fg flex items-center gap-4 rounded-lg border-l-8 p-4 [&_svg]:size-4\",\n    title: \"mr-1 font-medium leading-normal tracking-tight\",\n    content: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      neutral: { root: \"border-bg-primary\" },\n      success: {\n        root: \"border-bg-success\",\n      },\n      warning: {\n        root: \"border-bg-warning\",\n      },\n      danger: {\n        root: \"border-bg-danger\",\n      },\n      info: {\n        root: \"border-bg-info\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n  },\n});\n\nconst { root, title, content } = alertStyles();\n\nconst [AlertProvider, useAlertContext] =\n  createScopedContext<VariantProps<typeof alertStyles>>(\"AlertRoot\");\n\nconst defaultIcons = {\n  neutral: null,\n  danger: <AlertCircleIcon />,\n  success: <CheckCircle2Icon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\ninterface AlertProps extends AlertRootProps {\n  title?: string;\n  description?: string;\n  action?: React.ReactNode;\n  icon?: React.ReactNode | null;\n}\n\nfunction Alert({\n  variant = \"neutral\",\n  title,\n  description,\n  action,\n  icon,\n  ...props\n}: AlertProps) {\n  const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;\n  return (\n    <AlertRoot variant={variant} {...props}>\n      {resolvedIcon}\n      <div className=\"flex-1 space-y-0.5\">\n        <AlertTitle>{title}</AlertTitle>\n        {description && <AlertContent>{description}</AlertContent>}\n      </div>\n      {action}\n    </AlertRoot>\n  );\n}\n\ninterface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof alertStyles> {}\n\nfunction AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <AlertProvider variant={variant}>\n      <div role=\"alert\" className={root({ variant, className })} {...props} />\n    </AlertProvider>\n  );\n}\n\ninterface AlertTitleProps extends React.ComponentProps<\"h5\"> {}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <h5 className={title({ variant, className })} {...props} />;\n}\n\ninterface AlertContentProps extends React.ComponentProps<\"p\"> {}\n\nfunction AlertContent({ className, ...props }: AlertContentProps) {\n  const { variant } = useAlertContext(\"AlertTitle\");\n  return <p className={content({ variant, className })} {...props} />;\n}\n\nexport type { AlertProps, AlertRootProps, AlertTitleProps, AlertContentProps };\nexport { Alert, AlertRoot, AlertTitle, AlertContent };\n",
-      "target": "core/alert.tsx"
+      "path": "core/alert.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/avatar.json b/www/public/registry/core/avatar.json
index b5473e59a..fba0d5ec3 100644
--- a/www/public/registry/core/avatar.json
+++ b/www/public/registry/core/avatar.json
@@ -2,9 +2,9 @@
   "name": "avatar",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst avatarStyles = tv({\n  slots: {\n    root: \"bg-bg relative inline-flex shrink-0 overflow-hidden align-middle\",\n    image: \"aspect-square size-full\",\n    fallback:\n      \"bg-bg-muted flex size-full select-none items-center justify-center\",\n    placeholder:\n      \"bg-bg-muted flex size-full h-full animate-pulse items-center justify-center\",\n  },\n  variants: {\n    size: {\n      sm: { root: \"size-8\" },\n      md: { root: \"size-10\" },\n      lg: { root: \"size-12\" },\n    },\n    shape: {\n      circle: { root: \"rounded-full\" },\n      square: { root: \"rounded-sm\" },\n    },\n  },\n  defaultVariants: {\n    shape: \"circle\",\n    size: \"md\",\n  },\n});\n\nconst { root, image, fallback, placeholder } = avatarStyles();\n\nconst [AvatarProvider, useAvatarContext] = createScopedContext<\n  VariantProps<typeof avatarStyles> & {\n    status: Status;\n    setStatus: (status: Status) => void;\n  }\n>(\"AlertRoot\");\n\ninterface AvatarProps\n  extends AvatarImageProps,\n    VariantProps<typeof avatarStyles> {\n  fallback?: React.ReactNode;\n}\nconst Avatar = ({\n  className,\n  style,\n  fallback,\n  size,\n  shape,\n  ...props\n}: AvatarProps) => {\n  return (\n    <AvatarRoot className={className} style={style} size={size} shape={shape}>\n      <AvatarImage {...props} />\n      <AvatarFallback>{fallback}</AvatarFallback>\n      <AvatarPlaceholder />\n    </AvatarRoot>\n  );\n};\n\ninterface AvatarRootProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof avatarStyles> {}\nfunction AvatarRoot({ className, shape, size, ...props }: AvatarRootProps) {\n  const [status, setStatus] = React.useState<Status>(\"idle\");\n\n  return (\n    <AvatarProvider\n      shape={shape}\n      size={size}\n      status={status}\n      setStatus={setStatus}\n    >\n      <span className={root({ className, shape, size })} {...props} />\n    </AvatarProvider>\n  );\n}\n\ninterface AvatarImageProps extends React.ComponentProps<\"img\"> {}\nfunction AvatarImage({ src, alt, className, ...props }: AvatarImageProps) {\n  const status = useImageLoadingStatus(src);\n  const { setStatus } = useAvatarContext(\"AvatarImage\");\n\n  React.useLayoutEffect(() => {\n    if (status !== \"idle\") {\n      setStatus(status);\n    }\n  }, [status, setStatus]);\n\n  if (status === \"success\")\n    return (\n      <img className={image({ className })} src={src} alt={alt} {...props} />\n    );\n\n  return null;\n}\n\ntype AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {\n  const { status } = useAvatarContext(\"AvatarFallback\");\n\n  if (status === \"error\")\n    return <span className={fallback({ className })} {...props} />;\n\n  return null;\n};\n\ninterface AvatarPlaceholderProps extends React.ComponentProps<\"span\"> {}\n\nconst AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {\n  const { status } = useAvatarContext(\"AvatarPlaceholder\");\n\n  if ([\"idle\", \"loading\"].includes(status))\n    return <span className={placeholder({ className })} {...props} />;\n\n  return null;\n};\n\ntype Status = \"idle\" | \"loading\" | \"success\" | \"error\";\nfunction useImageLoadingStatus(src?: string) {\n  const [status, setStatus] = React.useState<Status>(\"idle\");\n\n  React.useLayoutEffect(() => {\n    if (!src) {\n      setStatus(\"error\");\n      return;\n    }\n    let isMounted = true;\n    const image = new window.Image();\n    const updateStatus = (status: Status) => () => {\n      if (!isMounted) return;\n      setStatus(status);\n    };\n    setStatus(\"loading\");\n    image.onload = updateStatus(\"success\");\n    image.onerror = updateStatus(\"error\");\n    image.src = src;\n    return () => {\n      isMounted = false;\n    };\n  }, [src]);\n\n  return status;\n}\n\nexport type {\n  AvatarProps,\n  AvatarRootProps,\n  AvatarImageProps,\n  AvatarFallbackProps,\n  AvatarPlaceholderProps,\n};\nexport { Avatar, AvatarRoot, AvatarImage, AvatarFallback, AvatarPlaceholder };\n",
-      "target": "core/avatar.tsx"
+      "path": "core/avatar.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/badge.json b/www/public/registry/core/badge.json
index 4766499ba..5ee6006c2 100644
--- a/www/public/registry/core/badge.json
+++ b/www/public/registry/core/badge.json
@@ -2,9 +2,9 @@
   "name": "badge",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "import * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nconst badgeStyles = tv({\n  base: \"inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md text-xs font-semibold transition-colors\",\n  variants: {\n    variant: {\n      neutral: \"bg-bg-muted text-fg\",\n      accent: \"bg-bg-accent-muted text-fg-accent\",\n      success: \"bg-bg-success-muted text-fg-success\",\n      danger: \"bg-bg-danger-muted text-fg-danger\",\n      warning: \"bg-bg-warning-muted text-fg-warning\",\n      info: \"bg-bg-info-muted text-fg-info\",\n    },\n    size: {\n      sm: \"h-5 px-2.5 [&_svg]:size-3\",\n      md: \"h-6 px-3 [&_svg]:size-3.5\",\n      lg: \"h-7 px-4 text-sm [&_svg]:size-4\",\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n    size: \"md\",\n  },\n});\n\ninterface BadgeProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof badgeStyles> {}\nconst Badge = ({ className, variant, size, ...props }: BadgeProps) => {\n  return (\n    <span\n      role=\"presentation\"\n      className={badgeStyles({ variant, size, className })}\n      {...props}\n    />\n  );\n};\n\nexport type { BadgeProps };\nexport { Badge };\n",
-      "target": "core/badge.tsx"
+      "path": "core/badge.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/breadcrumbs.json b/www/public/registry/core/breadcrumbs.json
index 1145561c7..e615412f8 100644
--- a/www/public/registry/core/breadcrumbs.json
+++ b/www/public/registry/core/breadcrumbs.json
@@ -2,9 +2,9 @@
   "name": "breadcrumbs",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport { ChevronRightIcon } from \"lucide-react\";\nimport {\n  Breadcrumbs as AriaBreadcrumbs,\n  Breadcrumb as AriaBreadcrumb,\n  Link as AriaLink,\n  composeRenderProps,\n  type BreadcrumbsProps as AriaBreadcrumbsProps,\n  type LinkProps as AriaLinkProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst breadcrumbsStyles = tv({\n  slots: {\n    root: \"text-fg-muted flex flex-wrap items-center gap-1.5 break-words text-sm [&_svg]:size-4\",\n    item: \"inline-flex items-center gap-1\",\n    link: [\n      focusRing(),\n      \"hover:text-fg current:text-fg disabled:not-current:text-fg-disabled inline-flex items-center gap-1 rounded px-0.5 leading-none transition-colors disabled:cursor-default\",\n    ],\n  },\n});\nconst { root, item, link } = breadcrumbsStyles();\n\ninterface BreadcrumbsProps<T extends object> extends AriaBreadcrumbsProps<T> {\n  ref?: React.RefObject<HTMLOListElement>;\n}\nconst Breadcrumbs = <T extends object>({\n  className,\n  ...props\n}: BreadcrumbsProps<T>) => {\n  return <AriaBreadcrumbs className={root({ className })} {...props} />;\n};\n\ninterface BreadcrumbProps\n  extends React.ComponentProps<typeof BreadcrumbItem>,\n    Omit<AriaLinkProps, \"children\" | \"className\" | \"style\"> {}\nconst Breadcrumb = ({ ref, children, ...props }: BreadcrumbProps) => {\n  return (\n    <BreadcrumbItem ref={ref} {...props}>\n      {composeRenderProps(children, (children, { isCurrent }) => (\n        <>\n          <BreadcrumbLink {...props}>{children}</BreadcrumbLink>\n          {!isCurrent && <ChevronRightIcon />}\n        </>\n      ))}\n    </BreadcrumbItem>\n  );\n};\n\ninterface BreadcrumbItemProps\n  extends React.ComponentProps<typeof AriaBreadcrumb> {}\nconst BreadcrumbItem = ({ className, ...props }: BreadcrumbItemProps) => (\n  <AriaBreadcrumb\n    className={composeRenderProps(className, (className) =>\n      item({ className })\n    )}\n    {...props}\n  />\n);\n\ninterface BreadcrumbLinkProps extends React.ComponentProps<typeof AriaLink> {}\nconst BreadcrumbLink = ({ className, ...props }: BreadcrumbLinkProps) => (\n  <AriaLink\n    className={composeRenderProps(className, (className) =>\n      link({ className })\n    )}\n    {...props}\n  />\n);\n\nexport type {\n  BreadcrumbsProps,\n  BreadcrumbProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n};\n\nexport { Breadcrumbs, Breadcrumb, BreadcrumbItem, BreadcrumbLink };\n",
-      "target": "core/breadcrumbs.tsx"
+      "path": "core/breadcrumbs.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/button_basic.json b/www/public/registry/core/button_basic.json
index 456766731..30dd5efb5 100644
--- a/www/public/registry/core/button_basic.json
+++ b/www/public/registry/core/button_basic.json
@@ -2,9 +2,9 @@
   "name": "button_basic",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type LinkProps as AriaLinkProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/utils\";\nimport { Loader } from \"@/registry/core/loader_ring\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst buttonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default\",\n  variants: {\n    variant: {\n      default:\n        \"bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral\",\n      primary:\n        \"bg-bg-primary hover:bg-bg-primary-hover pressed:bg-bg-primary-active text-fg-onPrimary\",\n      quiet:\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\n      accent:\n        \"bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent\",\n      success:\n        \"bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess\",\n      warning:\n        \"bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning\",\n      danger:\n        \"bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    shape: \"rectangle\",\n  },\n});\n\nconst [ButtonProvider, useButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\n\ninterface ButtonProps\n  extends Omit<AriaButtonProps, \"className\">,\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\n    VariantProps<typeof buttonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n    const contextProps = useButtonContext();\n    const props = { ...contextProps, ...localProps };\n\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\n\n    return (\n      <Element\n        ref={ref}\n        {...restProps}\n        className={buttonStyles({ variant, size, shape, className })}\n      >\n        {composeRenderProps(props.children, (children, { isPending }) => (\n          <>\n            {isPending && (\n              <Loader\n                aria-label=\"loading\"\n                className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\"\n                size={16}\n              />\n            )}\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </Element>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport type { ButtonProps };\nexport { Button, buttonStyles, ButtonProvider };\n",
-      "target": "core/button.tsx"
+      "path": "core/button.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/button_brutalist.json b/www/public/registry/core/button_brutalist.json
index 714a07d61..cc5ce4411 100644
--- a/www/public/registry/core/button_brutalist.json
+++ b/www/public/registry/core/button_brutalist.json
@@ -2,9 +2,9 @@
   "name": "button_brutalist",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Button as AriaButton,\r\n  Link as AriaLink,\r\n  type ButtonProps as AriaButtonProps,\r\n  type LinkProps as AriaLinkProps,\r\n} from \"react-aria-components\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { createOptionalScopedContext } from \"@/lib/utils\";\r\nimport { Loader } from \"@/registry/core/loader_ring\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\n\r\nconst buttonStyles = tv(\r\n  {\r\n    extend: focusRing,\r\n    base: [\r\n      \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default\",\r\n      \"shadow-brutalism hover:translate-x-(--box-shadow-x) hover:translate-y-(--box-shadow-y) hover:shadow-none\",\r\n    ],\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-bg-neutral text-fg-onNeutral\",\r\n        primary: \"bg-bg-primary text-fg-onPrimary\",\r\n        quiet: \"text-fg bg-transparent\",\r\n        outline:\r\n          \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\r\n        accent:\r\n          \"bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent\",\r\n        success:\r\n          \"bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess\",\r\n        warning:\r\n          \"bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning\",\r\n        danger:\r\n          \"bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger\",\r\n      },\r\n      size: {\r\n        sm: \"size-8 [&_svg]:size-4\",\r\n        md: \"size-9 [&_svg]:size-4\",\r\n        lg: \"size-10 [&_svg]:size-5\",\r\n      },\r\n      shape: {\r\n        rectangle: \"\",\r\n        square: \"\",\r\n        circle: \"rounded-full\",\r\n      },\r\n    },\r\n    compoundVariants: [\r\n      {\r\n        size: \"sm\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-3\",\r\n      },\r\n      {\r\n        size: \"md\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-4\",\r\n      },\r\n      {\r\n        size: \"lg\",\r\n        shape: \"rectangle\",\r\n        className: \"w-auto px-5\",\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"md\",\r\n      shape: \"rectangle\",\r\n    },\r\n  },\r\n  {\r\n    responsiveVariants: [\"sm\", \"lg\"],\r\n  }\r\n);\r\n\r\nconst [ButtonProvider, useButtonContext] =\r\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\r\n\r\ninterface ButtonProps\r\n  extends Omit<AriaButtonProps, \"className\">,\r\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\r\n    VariantProps<typeof buttonStyles> {\r\n  className?: string;\r\n  prefix?: React.ReactNode;\r\n  suffix?: React.ReactNode;\r\n}\r\n\r\nconst Button = React.forwardRef(\r\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\r\n    const contextProps = useButtonContext();\r\n    const props = { ...contextProps, ...localProps };\r\n\r\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\r\n      props;\r\n\r\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\r\n\r\n    return (\r\n      <Element\r\n        ref={ref}\r\n        {...restProps}\r\n        className={buttonStyles({ variant, size, shape, className })}\r\n      >\r\n        {composeRenderProps(props.children, (children, { isPending }) => (\r\n          <>\r\n            {isPending && <Loader aria-label=\"loading\" size={16} />}\r\n            {prefix}\r\n            {typeof children === \"string\" ? (\r\n              <span className=\"truncate\">{children}</span>\r\n            ) : (\r\n              children\r\n            )}\r\n            {suffix}\r\n          </>\r\n        ))}\r\n      </Element>\r\n    );\r\n  }\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport type { ButtonProps };\r\nexport { Button, buttonStyles, ButtonProvider };\r\n",
-      "target": "core/button.tsx"
+      "path": "core/button.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/button_ripple.json b/www/public/registry/core/button_ripple.json
index 581e01939..55ba8bba8 100644
--- a/www/public/registry/core/button_ripple.json
+++ b/www/public/registry/core/button_ripple.json
@@ -2,19 +2,19 @@
   "name": "button_ripple",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { chain } from \"react-aria\";\nimport {\n  composeRenderProps,\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type LinkProps as AriaLinkProps,\n  PressEvent,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/utils\";\nimport { Loader } from \"@/registry/core/loader_ring\";\nimport { Ripple } from \"@/registry/core/ripple\";\nimport { useRipple } from \"@/registry/hooks/use-ripple\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst buttonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\n  variants: {\n    variant: {\n      default: \"bg-bg-neutral hover:bg-bg-neutral-hover text-fg-onNeutral\",\n      primary: \"bg-bg-primary hover:bg-bg-primary-hover text-fg-onPrimary\",\n      quiet: \"hover:bg-bg-inverse/10 text-fg bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 text-fg disabled:border-border-disabled border disabled:bg-transparent\",\n      accent: \"bg-bg-accent hover:bg-bg-accent-hover text-fg-onAccent\",\n      success: \"bg-bg-success hover:bg-bg-success-hover text-fg-onSuccess\",\n      warning: \"bg-bg-warning hover:bg-bg-warning-hover text-fg-onWarning\",\n      danger: \"bg-bg-danger hover:bg-bg-danger-hover text-fg-onDanger\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    shape: \"rectangle\",\n  },\n});\n\nconst [ButtonProvider, useButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof buttonStyles>>(\"Button\");\n\ninterface ButtonProps\n  extends Omit<AriaButtonProps, \"className\">,\n    Omit<AriaLinkProps, \"className\" | \"children\" | \"style\">,\n    VariantProps<typeof buttonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(\n  (localProps: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n    const contextProps = useButtonContext();\n    const props = { ...contextProps, ...localProps };\n\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n\n    const {\n      onPress: onRipplePressHandler,\n      onClear: onClearRipple,\n      ripples,\n    } = useRipple();\n\n    const Element: React.ElementType = props.href ? AriaLink : AriaButton;\n\n    const handlePress = React.useCallback(\n      (e: PressEvent) => {\n        // if (disableRipple || isDisabled || disableAnimation) return;\n        onRipplePressHandler(e);\n        // domRef.current && onRipplePressHandler(e);\n      },\n      [onRipplePressHandler]\n    );\n\n    return (\n      <Element\n        ref={ref}\n        {...restProps}\n        className={buttonStyles({ variant, size, shape, className })}\n        onPress={chain(props.onPress, handlePress)}\n      >\n        {composeRenderProps(props.children, (children, { isPending }) => (\n          <>\n            <Ripple ripples={ripples} onClear={onClearRipple} />\n            {isPending && <Loader aria-label=\"loading\" size={16} />}\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </Element>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport type { ButtonProps };\nexport { Button, buttonStyles, ButtonProvider };\n",
-      "target": "core/button.tsx"
+      "path": "core/button.tsx"
     },
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport type { FC } from \"react\";\r\nimport type { HTMLMotionProps } from \"motion/react\";\r\nimport { AnimatePresence, motion } from \"motion/react\";\r\nimport type { RippleType } from \"@/registry/hooks/use-ripple\";\r\n\r\nfunction clamp(value: number, min: number, max: number) {\r\n  return Math.min(Math.max(value, min), max);\r\n}\r\n\r\nexport interface RippleProps extends React.HTMLAttributes<\"span\"> {\r\n  ripples: RippleType[];\r\n  color?: string;\r\n  motionProps?: HTMLMotionProps<\"span\">;\r\n  style?: React.CSSProperties;\r\n  onClear: (key: React.Key) => void;\r\n}\r\n\r\nexport const Ripple: FC<RippleProps> = (props) => {\r\n  const {\r\n    ripples = [],\r\n    motionProps,\r\n    color = \"currentColor\",\r\n    style,\r\n    onClear,\r\n  } = props;\r\n\r\n  return (\r\n    <AnimatePresence mode=\"popLayout\">\r\n      {ripples.map((ripple) => {\r\n        const duration = clamp(\r\n          0.01 * ripple.size,\r\n          0.2,\r\n          ripple.size > 100 ? 0.75 : 0.5\r\n        );\r\n\r\n        return (\r\n          <motion.span\r\n            key={ripple.key}\r\n            initial={{ scale: 0, opacity: 0.35 }}\r\n            animate={{ scale: 2, opacity: 0 }}\r\n            exit={{ opacity: 0 }}\r\n            style={{\r\n              position: \"absolute\",\r\n              backgroundColor: color,\r\n              borderRadius: \"100%\",\r\n              transformOrigin: \"center\",\r\n              pointerEvents: \"none\",\r\n              overflow: \"hidden\",\r\n              inset: 0,\r\n              zIndex: 0,\r\n              top: ripple.y,\r\n              left: ripple.x,\r\n              width: `${ripple.size}px`,\r\n              height: `${ripple.size}px`,\r\n              ...style,\r\n            }}\r\n            transition={{ duration }}\r\n            onAnimationComplete={() => {\r\n              onClear(ripple.key);\r\n            }}\r\n            {...motionProps}\r\n          />\r\n        );\r\n      })}\r\n    </AnimatePresence>\r\n  );\r\n};\r\nRipple.displayName = \"NextUI.Ripple\";\r\n",
-      "target": "core/ripple.tsx"
+      "path": "core/ripple.tsx"
     },
     {
-      "type": "registry:hook",
+      "type": "hook",
       "content": "import React, { useCallback, useState } from \"react\";\r\nimport type { PressEvent } from \"react-aria-components\";\r\n\r\nfunction getUniqueID(prefix: string) {\r\n  return `${prefix}-${Math.floor(Math.random() * 1000000)}`;\r\n}\r\n\r\nexport type RippleType = {\r\n  key: React.Key;\r\n  x: number;\r\n  y: number;\r\n  size: number;\r\n};\r\n\r\nexport interface UseRippleProps {}\r\n\r\nexport function useRipple(props: UseRippleProps = {}) {\r\n  const [ripples, setRipples] = useState<RippleType[]>([]);\r\n\r\n  const onPress = useCallback((event: PressEvent) => {\r\n    const trigger = event.target;\r\n\r\n    const size = Math.max(trigger.clientWidth, trigger.clientHeight);\r\n\r\n    setRipples((prevRipples) => [\r\n      ...prevRipples,\r\n      {\r\n        key: getUniqueID(prevRipples.length.toString()),\r\n        size,\r\n        x: event.x - size / 2,\r\n        y: event.y - size / 2,\r\n      },\r\n    ]);\r\n  }, []);\r\n\r\n  const onClear = useCallback((key: React.Key) => {\r\n    setRipples((prevState) => prevState.filter((ripple) => ripple.key !== key));\r\n  }, []);\r\n\r\n  return { ripples, onClear, onPress, ...props };\r\n}\r\n\r\nexport type UseRippleReturn = ReturnType<typeof useRipple>;\r\n",
-      "target": "hooks/use-ripple.ts"
+      "path": "hooks/use-ripple.ts"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/calendar_basic.json b/www/public/registry/core/calendar_basic.json
index d01c57dd3..c90b2db57 100644
--- a/www/public/registry/core/calendar_basic.json
+++ b/www/public/registry/core/calendar_basic.json
@@ -2,9 +2,9 @@
   "name": "calendar_basic",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport React from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  Calendar as AriaCalendar,\n  RangeCalendar as AriaRangeCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarContext as AriaCalendarContext,\n  RangeCalendarContext as AriaRangeCalendarContext,\n  RangeCalendarStateContext as AriaRangeCalendarStateContext,\n  Heading as AriaHeading,\n  composeRenderProps,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type {\n  DateValue,\n  CalendarProps as AriaCalendarProps,\n  RangeCalendarProps as AriaRangeCalendarProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst calendarStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-4\",\n    header: \"flex items-center justify-between gap-2\",\n    grid: \"w-full border-collapse\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-fg-muted text-xs font-normal\",\n    gridBody: \"\",\n  },\n  variants: {\n    standalone: {\n      true: {\n        root: \"bg-bg rounded-md border p-3\",\n      },\n    },\n  },\n});\n\nconst calendarCellStyles = tv({\n  slots: {\n    cellRoot:\n      \"outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none\",\n    cell: [\n      focusRing(),\n      \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-data-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {},\n      accent: {},\n    },\n    range: {\n      true: {\n        cellRoot:\n          \"selected:bg-bg-inverse/10 selected:invalid:bg-bg-danger-muted selected: selected:invalid:text-fg-danger\",\n        cell: \"selection-start:invalid:bg-bg-danger selection-start:invalid:text-fg-onDanger selection-end:invalid:bg-bg-danger selection-end:invalid:text-fg-onDanger\",\n      },\n      false: {\n        cell: \"selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"primary\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-primary selected:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-accent selected:text-fg-onAccent\",\n      },\n    },\n    {\n      variant: \"primary\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-primary selection-start:text-fg-onPrimary selection-end:bg-bg-primary selection-end:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-accent selection-start:text-fg-onAccent selection-end:bg-bg-accent selection-end:text-fg-onAccent\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nconst { root, header, grid, gridHeader, gridHeaderCell, gridBody } =\n  calendarStyles();\n\nconst { cellRoot, cell } = calendarCellStyles();\n\ninterface CalendarProps<T extends DateValue>\n  extends Omit<CalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst Calendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: CalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </CalendarRoot>\n  );\n};\n\ninterface RangeCalendarProps<T extends DateValue>\n  extends Omit<RangeCalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst RangeCalendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: RangeCalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </RangeCalendarRoot>\n  );\n};\n\ninterface CalendarRootProps<T extends DateValue> extends AriaCalendarProps<T> {}\nconst CalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: CalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface RangeCalendarRootProps<T extends DateValue>\n  extends AriaRangeCalendarProps<T> {}\nconst RangeCalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: RangeCalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaRangeCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarHeaderProps extends React.ComponentProps<\"header\"> {}\nconst CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface CalendarGridProps\n  extends React.ComponentProps<typeof AriaCalendarGrid> {}\nconst CalendarGrid = ({ className, ...props }: CalendarGridProps) => {\n  return <AriaCalendarGrid className={grid({ className })} {...props} />;\n};\n\ninterface CalendarGridHeaderProps\n  extends React.ComponentProps<typeof AriaCalendarGridHeader> {}\nconst CalendarGridHeader = ({\n  className,\n  ...props\n}: CalendarGridHeaderProps) => {\n  return (\n    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />\n  );\n};\n\ninterface CalendarHeaderCellProps\n  extends React.ComponentProps<typeof AriaCalendarHeaderCell> {}\nconst CalendarHeaderCell = ({\n  className,\n  ...props\n}: CalendarHeaderCellProps) => {\n  return (\n    <AriaCalendarHeaderCell\n      className={gridHeaderCell({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarGridBodyProps\n  extends React.ComponentProps<typeof AriaCalendarGridBody> {}\nconst CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {\n  return (\n    <AriaCalendarGridBody className={gridBody({ className })} {...props} />\n  );\n};\n\ninterface CalendarCellProps\n  extends React.ComponentProps<typeof AriaCalendarCell>,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {}\nconst CalendarCell = ({\n  variant = \"accent\",\n  children,\n  className,\n  ...props\n}: CalendarCellProps) => {\n  const rangeCalendarState = React.use(AriaRangeCalendarStateContext);\n  const range = !!rangeCalendarState;\n\n  return (\n    <AriaCalendarCell\n      {...props}\n      className={composeRenderProps(className, (className) =>\n        cellRoot({\n          range,\n          variant,\n          className,\n        })\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (\n          _,\n          {\n            isSelected,\n            isFocused,\n            isHovered,\n            isPressed,\n            isUnavailable,\n            isDisabled,\n            isFocusVisible,\n            isInvalid,\n            isOutsideMonth,\n            isOutsideVisibleRange,\n            isSelectionEnd,\n            isSelectionStart,\n            formattedDate,\n          }\n        ) => (\n          <span\n            data-rac=\"\"\n            data-focused={isFocused || undefined}\n            data-selected={isSelected || undefined}\n            data-hovered={isHovered || undefined}\n            data-pressed={isPressed || undefined}\n            data-unavailable={isUnavailable || undefined}\n            data-disabled={isDisabled || undefined}\n            data-focus-visible={isFocusVisible || undefined}\n            data-invalid={isInvalid || undefined}\n            data-outside-month={isOutsideMonth || undefined}\n            data-outside-visible-range={isOutsideVisibleRange || undefined}\n            data-selection-end={isSelectionEnd || undefined}\n            data-selection-start={isSelectionStart || undefined}\n            className={cell({\n              range,\n              variant,\n            })}\n          >\n            {formattedDate}\n          </span>\n        )\n      )}\n    </AriaCalendarCell>\n  );\n};\n\nexport type {\n  CalendarProps,\n  CalendarRootProps,\n  RangeCalendarProps,\n  RangeCalendarRootProps,\n  CalendarHeaderProps,\n  CalendarGridProps,\n  CalendarGridHeaderProps,\n  CalendarHeaderCellProps,\n  CalendarGridBodyProps,\n  CalendarCellProps,\n};\n\nexport {\n  Calendar,\n  CalendarRoot,\n  RangeCalendar,\n  RangeCalendarRoot,\n  CalendarHeader,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  CalendarGridBody,\n  CalendarCell,\n  calendarStyles,\n};\n",
-      "target": "core/calendar.tsx"
+      "path": "core/calendar.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/calendar_cal.json b/www/public/registry/core/calendar_cal.json
index cf047f71b..70e913362 100644
--- a/www/public/registry/core/calendar_cal.json
+++ b/www/public/registry/core/calendar_cal.json
@@ -2,9 +2,9 @@
   "name": "calendar_cal",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport React from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  Calendar as AriaCalendar,\n  RangeCalendar as AriaRangeCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarContext as AriaCalendarContext,\n  RangeCalendarContext as AriaRangeCalendarContext,\n  RangeCalendarStateContext as AriaRangeCalendarStateContext,\n  Heading as AriaHeading,\n  composeRenderProps,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type {\n  DateValue,\n  CalendarProps as AriaCalendarProps,\n  RangeCalendarProps as AriaRangeCalendarProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\nimport { ButtonGroup } from \"./button-group_basic\";\n\nconst calendarStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-4\",\n    header: \"text-fg-muted flex items-center justify-between gap-2 pl-2.5\",\n    grid: \"w-full border-collapse\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-fg-muted text-xs font-normal\",\n    gridBody: \"\",\n  },\n  variants: {\n    standalone: {\n      true: {\n        root: \"bg-bg rounded-md border p-3\",\n      },\n    },\n  },\n});\n\nconst calendarCellStyles = tv({\n  slots: {\n    cellRoot:\n      \"outside-month:hidden selection-start:rounded-l-md selection-end:rounded-r-md outline-none\",\n    cell: [\n      focusRing(),\n      \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 hover:unavailable:bg-transparent unavailable:cursor-default unavailable:text-fg-disabled disabled:text-fg-disabled unavailable:not-data-disabled:line-through my-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-sm transition-colors read-only:cursor-default hover:read-only:bg-transparent disabled:cursor-default disabled:bg-transparent\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {},\n      accent: {},\n    },\n    range: {\n      true: {\n        cellRoot:\n          \"selected:bg-bg-inverse/10 selected:invalid:bg-bg-danger-muted selected: selected:invalid:text-fg-danger\",\n        cell: \"selection-start:invalid:bg-bg-danger selection-start:invalid:text-fg-onDanger selection-end:invalid:bg-bg-danger selection-end:invalid:text-fg-onDanger\",\n      },\n      false: {\n        cell: \"selected:invalid:bg-bg-danger selected:invalid:text-fg-onDanger\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"primary\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-primary selected:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: false,\n      className: {\n        cell: \"selected:bg-bg-accent selected:text-fg-onAccent\",\n      },\n    },\n    {\n      variant: \"primary\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-primary selection-start:text-fg-onPrimary selection-end:bg-bg-primary selection-end:text-fg-onPrimary\",\n      },\n    },\n    {\n      variant: \"accent\",\n      range: true,\n      className: {\n        cell: \"selection-start:bg-bg-accent selection-start:text-fg-onAccent selection-end:bg-bg-accent selection-end:text-fg-onAccent\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nconst { root, header, grid, gridHeader, gridHeaderCell, gridBody } =\n  calendarStyles();\n\nconst { cellRoot, cell } = calendarCellStyles();\n\ninterface CalendarProps<T extends DateValue>\n  extends Omit<CalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst Calendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: CalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <CalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <ButtonGroup variant=\"quiet\" shape=\"square\" size=\"sm\">\n              <Button slot=\"previous\">\n                <ChevronLeftIcon />\n              </Button>\n              <Button slot=\"next\">\n                <ChevronRightIcon />\n              </Button>\n            </ButtonGroup>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </CalendarRoot>\n  );\n};\n\ninterface RangeCalendarProps<T extends DateValue>\n  extends Omit<RangeCalendarRootProps<T>, \"visibleDuration\">,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {\n  visibleMonths?: number;\n  errorMessage?: string;\n}\nconst RangeCalendar = <T extends DateValue>({\n  variant,\n  visibleMonths = 1,\n  errorMessage,\n  ...props\n}: RangeCalendarProps<T>) => {\n  visibleMonths = Math.min(Math.max(visibleMonths, 1), 3);\n  return (\n    <RangeCalendarRoot visibleDuration={{ months: visibleMonths }} {...props}>\n      {({ isInvalid }) => (\n        <>\n          <CalendarHeader>\n            <Button slot=\"previous\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronLeftIcon />\n            </Button>\n            <AriaHeading className=\"text-sm font-medium\" />\n            <Button slot=\"next\" variant=\"outline\" shape=\"square\" size=\"sm\">\n              <ChevronRightIcon />\n            </Button>\n          </CalendarHeader>\n          <div className=\"flex items-start gap-4\">\n            {Array.from({ length: visibleMonths }).map((_, index) => (\n              <CalendarGrid\n                key={index}\n                offset={index === 0 ? undefined : { months: index }}\n              >\n                <CalendarGridHeader>\n                  {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => <CalendarCell variant={variant} date={date} />}\n                </CalendarGridBody>\n              </CalendarGrid>\n            ))}\n          </div>\n          {isInvalid && errorMessage && (\n            <Text slot=\"errorMessage\">{errorMessage}</Text>\n          )}\n        </>\n      )}\n    </RangeCalendarRoot>\n  );\n};\n\ninterface CalendarRootProps<T extends DateValue> extends AriaCalendarProps<T> {}\nconst CalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: CalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface RangeCalendarRootProps<T extends DateValue>\n  extends AriaRangeCalendarProps<T> {}\nconst RangeCalendarRoot = <T extends DateValue>({\n  className,\n  ...props\n}: RangeCalendarRootProps<T>) => {\n  const CalendarContext = useSlottedContext(AriaRangeCalendarContext);\n  const standalone = Object.keys(CalendarContext ?? {}).length === 0;\n  return (\n    <AriaRangeCalendar\n      className={composeRenderProps(className, (className) =>\n        root({ standalone, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarHeaderProps extends React.ComponentProps<\"header\"> {}\nconst CalendarHeader = ({ className, ...props }: CalendarHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface CalendarGridProps\n  extends React.ComponentProps<typeof AriaCalendarGrid> {}\nconst CalendarGrid = ({ className, ...props }: CalendarGridProps) => {\n  return <AriaCalendarGrid className={grid({ className })} {...props} />;\n};\n\ninterface CalendarGridHeaderProps\n  extends React.ComponentProps<typeof AriaCalendarGridHeader> {}\nconst CalendarGridHeader = ({\n  className,\n  ...props\n}: CalendarGridHeaderProps) => {\n  return (\n    <AriaCalendarGridHeader className={gridHeader({ className })} {...props} />\n  );\n};\n\ninterface CalendarHeaderCellProps\n  extends React.ComponentProps<typeof AriaCalendarHeaderCell> {}\nconst CalendarHeaderCell = ({\n  className,\n  ...props\n}: CalendarHeaderCellProps) => {\n  return (\n    <AriaCalendarHeaderCell\n      className={gridHeaderCell({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface CalendarGridBodyProps\n  extends React.ComponentProps<typeof AriaCalendarGridBody> {}\nconst CalendarGridBody = ({ className, ...props }: CalendarGridBodyProps) => {\n  return (\n    <AriaCalendarGridBody className={gridBody({ className })} {...props} />\n  );\n};\n\ninterface CalendarCellProps\n  extends React.ComponentProps<typeof AriaCalendarCell>,\n    Omit<VariantProps<typeof calendarCellStyles>, \"range\"> {}\nconst CalendarCell = ({\n  variant,\n  children,\n  className,\n  ...props\n}: CalendarCellProps) => {\n  const rangeCalendarState = React.use(AriaRangeCalendarStateContext);\n  const range = !!rangeCalendarState;\n  return (\n    <AriaCalendarCell\n      {...props}\n      className={composeRenderProps(className, (className) =>\n        cellRoot({ variant, range, className })\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (\n          _,\n          {\n            isSelected,\n            isFocused,\n            isHovered,\n            isPressed,\n            isUnavailable,\n            isDisabled,\n            isFocusVisible,\n            isInvalid,\n            isOutsideMonth,\n            isOutsideVisibleRange,\n            isSelectionEnd,\n            isSelectionStart,\n            formattedDate,\n          }\n        ) => (\n          <span\n            data-rac=\"\"\n            data-focused={isFocused || undefined}\n            data-selected={isSelected || undefined}\n            data-hovered={isHovered || undefined}\n            data-pressed={isPressed || undefined}\n            data-unavailable={isUnavailable || undefined}\n            data-disabled={isDisabled || undefined}\n            data-focus-visible={isFocusVisible || undefined}\n            data-invalid={isInvalid || undefined}\n            data-outside-month={isOutsideMonth || undefined}\n            data-outside-visible-range={isOutsideVisibleRange || undefined}\n            data-selection-end={isSelectionEnd || undefined}\n            data-selection-start={isSelectionStart || undefined}\n            className={cell({\n              variant,\n              range,\n            })}\n          >\n            {formattedDate}\n          </span>\n        )\n      )}\n    </AriaCalendarCell>\n  );\n};\n\nexport type {\n  CalendarProps,\n  CalendarRootProps,\n  RangeCalendarProps,\n  RangeCalendarRootProps,\n  CalendarGridProps,\n  CalendarGridHeaderProps,\n  CalendarHeaderCellProps,\n  CalendarGridBodyProps,\n  CalendarCellProps,\n};\n\nexport {\n  Calendar,\n  CalendarRoot,\n  RangeCalendar,\n  RangeCalendarRoot,\n  CalendarHeader,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  CalendarGridBody,\n  CalendarCell,\n  calendarStyles,\n};\n",
-      "target": "core/calendar.tsx"
+      "path": "core/calendar.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/checkbox-group.json b/www/public/registry/core/checkbox-group.json
index 4f6a334c3..cd4006a04 100644
--- a/www/public/registry/core/checkbox-group.json
+++ b/www/public/registry/core/checkbox-group.json
@@ -2,9 +2,9 @@
   "name": "checkbox-group",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  composeRenderProps,\n  type ValidationResult,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport {\n  CheckboxProvider,\n  checkboxStyles,\n} from \"@/registry/core/checkbox_basic\";\nimport { Label, HelpText } from \"@/registry/core/field_basic\";\n\nconst checkboxGroupStyles = tv({\n  base: \"flex flex-col gap-2\",\n});\n\ninterface CheckboxGroupProps extends CheckboxGroupRootProps {\n  label?: string;\n  description?: string;\n  errorMessage?: string | ((validation: ValidationResult) => string);\n}\n\nconst CheckboxGroup = ({\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: CheckboxGroupProps) => {\n  return (\n    <CheckboxGroupRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          {label && <Label>{label}</Label>}\n          {children}\n          <HelpText description={description} errorMessage={errorMessage} />\n        </>\n      ))}\n    </CheckboxGroupRoot>\n  );\n};\n\ninterface CheckboxGroupRootProps\n  extends React.ComponentProps<typeof AriaCheckboxGroup>,\n    VariantProps<typeof checkboxGroupStyles>,\n    VariantProps<typeof checkboxStyles> {}\n\nconst CheckboxGroupRoot = ({\n  variant,\n  className,\n  ...props\n}: CheckboxGroupRootProps) => {\n  return (\n    <CheckboxProvider variant={variant}>\n      <AriaCheckboxGroup\n        className={composeRenderProps(className, (className) =>\n          checkboxGroupStyles({ className })\n        )}\n        {...props}\n      />\n    </CheckboxProvider>\n  );\n};\n\nexport type { CheckboxGroupProps, CheckboxGroupRootProps };\nexport { CheckboxGroup, CheckboxGroupRoot };\n",
-      "target": "core/checkbox-group.tsx"
+      "path": "core/checkbox-group.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/checkbox.json b/www/public/registry/core/checkbox.json
index 13ec97516..28858cfed 100644
--- a/www/public/registry/core/checkbox.json
+++ b/www/public/registry/core/checkbox.json
@@ -2,9 +2,9 @@
   "name": "checkbox",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport {\n  Checkbox as AriaCheckbox,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createScopedContext, createOptionalScopedContext } from \"@/lib/utils\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\n\nconst checkboxStyles = tv({\n  slots: {\n    root: \"invalid:text-fg-danger disabled:text-fg-disabled group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default\",\n    indicator: [\n      \"border-border-control flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border\",\n      \"group-selected:border-transparent bg-transparent text-transparent transition-colors duration-75 group-indeterminate:border-transparent\",\n      \"group-read-only:cursor-default\",\n      \"group-disabled:border-border-disabled group-selected:group-disabled:text-fg-disabled group-selected:group-disabled:bg-bg-disabled group-indeterminate:group-disabled:bg-bg-disabled group-disabled:cursor-default\",\n      \"group-invalid:border-border-danger group-invalid:group-selected:bg-bg-danger-muted group-invalid:group-selected:text-fg-onMutedDanger\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {\n        indicator:\n          \"group-selected:bg-bg-primary group-selected:text-fg-onPrimary group-indeterminate:bg-bg-primary group-indeterminate:text-fg-onPrimary\",\n      },\n      accent: {\n        indicator:\n          \"group-selected:bg-bg-accent group-selected:text-fg-onAccent group-indeterminate:bg-bg-Accent group-indeterminate:text-fg-onAccent\",\n      },\n    },\n    appearance: {\n      default: {\n        indicator: focusRingGroup(),\n      },\n      card: {\n        root: [\n          focusRing(),\n          \"disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      appearance: \"card\",\n      variant: \"primary\",\n      className: {\n        root: \"selected:bg-bg-muted\",\n      },\n    },\n    {\n      appearance: \"card\",\n      variant: \"accent\",\n      className: {\n        root: \"selected:bg-bg-accent-muted\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"primary\",\n    appearance: \"default\",\n  },\n});\n\nconst { root, indicator } = checkboxStyles();\n\nconst [VariantsProvider, useVariantsContext] = createScopedContext<\n  VariantProps<typeof checkboxStyles> & { isIndeterminate: boolean }\n>(\"CheckboxRoot\");\n\nconst [CheckboxProvider, useCheckboxContext] =\n  createOptionalScopedContext<VariantProps<typeof checkboxStyles>>(\"Checkbox\");\n\ninterface CheckboxProps extends CheckboxRootProps {}\nconst Checkbox = ({ children, ...props }: CheckboxProps) => {\n  return (\n    <CheckboxRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <CheckboxIndicator />\n          {children}\n        </>\n      ))}\n    </CheckboxRoot>\n  );\n};\n\ninterface CheckboxRootProps\n  extends React.ComponentProps<typeof AriaCheckbox>,\n    VariantProps<typeof checkboxStyles> {}\n\nconst CheckboxRoot = (localProps: CheckboxRootProps) => {\n  const contextProps = useCheckboxContext();\n  const { variant, appearance, className, ...props } = {\n    ...contextProps,\n    ...localProps,\n  };\n  return (\n    <AriaCheckbox\n      className={composeRenderProps(className, (className) =>\n        root({ variant, appearance, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(props.children, (children, { isIndeterminate }) => (\n        <VariantsProvider\n          variant={variant}\n          appearance={appearance}\n          isIndeterminate={isIndeterminate}\n        >\n          {children}\n        </VariantsProvider>\n      ))}\n    </AriaCheckbox>\n  );\n};\n\ninterface CheckboxIndicatorProps extends React.ComponentProps<\"div\"> {}\n\nconst CheckboxIndicator = ({ className, ...props }: CheckboxIndicatorProps) => {\n  const { variant, appearance, isIndeterminate } =\n    useVariantsContext(\"CheckboxIndicator\");\n  return (\n    <div className={indicator({ variant, appearance, className })} {...props}>\n      {isIndeterminate ? (\n        <MinusIcon className=\"size-2.5\" />\n      ) : (\n        <CheckIcon className=\"size-3\" />\n      )}\n    </div>\n  );\n};\n\nexport type { CheckboxProps, CheckboxRootProps, CheckboxIndicatorProps };\nexport { Checkbox, CheckboxRoot, CheckboxIndicator };\n\nexport { CheckboxProvider };\nexport { checkboxStyles };\n",
-      "target": "core/checkbox.tsx"
+      "path": "core/checkbox.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/color-area.json b/www/public/registry/core/color-area.json
index 952238294..d1b5f86e2 100644
--- a/www/public/registry/core/color-area.json
+++ b/www/public/registry/core/color-area.json
@@ -2,9 +2,9 @@
   "name": "color-area",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport {\n  ColorArea as AriaColorArea,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ColorThumb } from \"@/registry/core/color-thumb_basic\";\n\nconst colorAreaStyles = tv({\n  base: \"disabled:[background:var(--color-bg-disabled)]! block size-48 min-w-20 rounded-md\",\n});\n\ntype ColorAreaProps = Omit<ColorAreaRootProps, \"children\">;\nconst ColorArea = (props: ColorAreaProps) => {\n  return (\n    <ColorAreaRoot {...props}>\n      <ColorThumb />\n    </ColorAreaRoot>\n  );\n};\n\ninterface ColorAreaRootProps\n  extends React.ComponentProps<typeof AriaColorArea> {}\nconst ColorAreaRoot = ({ className, ...props }: ColorAreaRootProps) => {\n  return (\n    <AriaColorArea\n      className={composeRenderProps(className, (className) =>\n        colorAreaStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { ColorAreaProps, ColorAreaRootProps };\nexport { ColorArea, ColorAreaRoot };\n",
-      "target": "core/color-area.tsx"
+      "path": "core/color-area.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/color-field.json b/www/public/registry/core/color-field.json
index 62c333099..bfc16f9d2 100644
--- a/www/public/registry/core/color-field.json
+++ b/www/public/registry/core/color-field.json
@@ -2,9 +2,9 @@
   "name": "color-field",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ColorField as AriaColorField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst colorFieldStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface ColorFieldProps\n  extends ColorFieldRootProps,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\n\nconst ColorField = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  inputRef,\n  ...props\n}: ColorFieldProps) => {\n  return (\n    <ColorFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <ColorFieldInput\n        inputRef={inputRef}\n        size={size}\n        prefix={prefix}\n        suffix={suffix}\n      />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </ColorFieldRoot>\n  );\n};\n\ninterface ColorFieldRootProps\n  extends React.ComponentProps<typeof AriaColorField> {\n  placeholder?: string;\n}\nconst ColorFieldRoot = ({ className, ...props }: ColorFieldRootProps) => {\n  return (\n    <AriaColorField\n      className={composeRenderProps(className, (className) =>\n        colorFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface ColorFieldInputProps extends InputRootProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\nconst ColorFieldInput = ({ inputRef, ...props }: ColorFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <Input ref={inputRef} />\n    </InputRoot>\n  );\n};\n\nexport type { ColorFieldProps, ColorFieldRootProps, ColorFieldInputProps };\nexport { ColorField, ColorFieldRoot, ColorFieldInput };\n",
-      "target": "core/color-field.tsx"
+      "path": "core/color-field.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/color-picker.json b/www/public/registry/core/color-picker.json
index 56452df27..e43195bff 100644
--- a/www/public/registry/core/color-picker.json
+++ b/www/public/registry/core/color-picker.json
@@ -2,9 +2,9 @@
   "name": "color-picker",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorPicker as AriaColorPicker,\n  ColorPickerStateContext,\n  getColorChannels,\n  composeRenderProps,\n  type ColorFormat,\n} from \"react-aria-components\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { ColorArea } from \"@/registry/core/color-area_basic\";\nimport { ColorField } from \"@/registry/core/color-field_basic\";\nimport { ColorSlider } from \"@/registry/core/color-slider_basic\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { Dialog, DialogProps, DialogRoot } from \"@/registry/core/dialog_basic\";\nimport { Item } from \"@/registry/core/list-box_basic\";\nimport { Select } from \"@/registry/core/select_basic\";\nimport { cn } from \"@/registry/lib/utils\";\n\ninterface ColorPickerProps\n  extends ColorPickerRootProps,\n    Omit<ColorPickerButtonProps, \"children\" | \"value\">,\n    Pick<\n      ColorPickerEditorProps,\n      \"showAlphaChannel\" | \"colorFormat\" | \"showFormatSelector\"\n    >,\n    Pick<DialogProps, \"isOpen\" | \"onOpenChange\"> {}\nconst ColorPicker = ({\n  value,\n  defaultValue,\n  onChange,\n  children,\n  showAlphaChannel,\n  colorFormat,\n  showFormatSelector,\n  isOpen,\n  onOpenChange,\n  ...props\n}: ColorPickerProps) => {\n  return (\n    <ColorPickerRoot\n      value={value}\n      defaultValue={defaultValue}\n      onChange={onChange}\n      {...props}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <DialogRoot isOpen={isOpen} onOpenChange={onOpenChange}>\n            <ColorPickerButton {...props}>{children}</ColorPickerButton>\n            <Dialog type=\"popover\" mobileType=\"drawer\">\n              <ColorPickerEditor\n                showAlphaChannel={showAlphaChannel}\n                colorFormat={colorFormat}\n                showFormatSelector={showFormatSelector}\n              />\n            </Dialog>\n          </DialogRoot>\n        </>\n      ))}\n    </ColorPickerRoot>\n  );\n};\n\ninterface ColorPickerRootProps\n  extends React.ComponentProps<typeof AriaColorPicker> {}\nconst ColorPickerRoot = (props: ColorPickerRootProps) => {\n  return <AriaColorPicker value=\"\" onChange={() => {}} {...props} />;\n};\n\ninterface ColorPickerButtonProps extends Omit<ButtonProps, \"children\"> {\n  children?: React.ReactNode;\n  format?: ColorFormat | \"css\";\n  showValue?: boolean;\n}\nconst ColorPickerButton = ({\n  children,\n  format = \"hex\",\n  showValue = true,\n  ...props\n}: ColorPickerButtonProps) => {\n  const state = React.use(ColorPickerStateContext)!;\n  return (\n    <Button {...props}>\n      {children || (\n        <>\n          <ColorSwatch />\n          {showValue && (\n            <span className=\"w-14 truncate text-left\">\n              {state.color.toString(format)}\n            </span>\n          )}\n        </>\n      )}\n    </Button>\n  );\n};\n\ntype PickerColorFormat = \"hex\" | \"rgb\" | \"hsl\" | \"hsb\";\ninterface ColorPickerEditorProps extends React.ComponentProps<\"div\"> {\n  showAlphaChannel?: boolean;\n  colorFormat?: PickerColorFormat;\n  showFormatSelector?: boolean;\n}\nconst ColorPickerEditor = ({\n  showAlphaChannel = false,\n  colorFormat: ColorFormatProp = \"hex\",\n  showFormatSelector = true,\n  className,\n  ...props\n}: ColorPickerEditorProps) => {\n  const [colorFormat, setColorFormat] =\n    React.useState<PickerColorFormat>(ColorFormatProp);\n\n  return (\n    <div className={cn(\"mx-auto flex flex-col gap-2\", className)} {...props}>\n      <div className=\"flex gap-2\">\n        <ColorArea\n          colorSpace=\"hsb\"\n          xChannel=\"saturation\"\n          yChannel=\"brightness\"\n        />\n        <ColorSlider orientation=\"vertical\" colorSpace=\"hsb\" channel=\"hue\" />\n        {showAlphaChannel && (\n          <ColorSlider\n            orientation=\"vertical\"\n            colorSpace=\"hsb\"\n            channel=\"alpha\"\n          />\n        )}\n      </div>\n      <div\n        className={cn(\n          \"flex flex-col gap-2\",\n          colorFormat === \"hex\" && \"flex-row\"\n        )}\n      >\n        {showFormatSelector && (\n          <Select\n            aria-label=\"Color format\"\n            selectedKey={colorFormat}\n            onSelectionChange={(key) =>\n              setColorFormat(key as PickerColorFormat)\n            }\n            size=\"sm\"\n            className=\"w-auto\"\n          >\n            <Item id=\"hex\">Hex</Item>\n            <Item id=\"rgb\">RGB</Item>\n            <Item id=\"hsl\">HSL</Item>\n            <Item id=\"hsb\">HSB</Item>\n          </Select>\n        )}\n        <div className=\"flex flex-1 items-center gap-2\">\n          {colorFormat === \"hex\" ? (\n            <ColorField aria-label=\"Hex\" className=\"w-10 flex-1\" size=\"sm\" />\n          ) : (\n            getColorChannels(colorFormat).map((channel) => (\n              <ColorField\n                key={channel}\n                colorSpace={colorFormat}\n                channel={channel}\n                className=\"w-10 flex-1\"\n                size=\"sm\"\n              />\n            ))\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  ColorPickerProps,\n  ColorPickerRootProps,\n  ColorPickerButtonProps,\n  ColorPickerEditorProps,\n};\nexport { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };\n",
-      "target": "core/color-picker.tsx"
+      "path": "core/color-picker.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/color-slider.json b/www/public/registry/core/color-slider.json
index f687cc3a2..42c2fe212 100644
--- a/www/public/registry/core/color-slider.json
+++ b/www/public/registry/core/color-slider.json
@@ -2,9 +2,9 @@
   "name": "color-slider",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport {\n  composeRenderProps,\n  ColorSlider as AriaColorSlider,\n  SliderOutput as AriaSliderOutput,\n  SliderTrack as AriaSliderTrack,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { ColorThumb } from \"@/registry/core/color-thumb_basic\";\nimport { Label } from \"@/registry/core/field_basic\";\n\nconst colorSliderStyles = tv({\n  slots: {\n    root: \"group flex flex-col gap-2\",\n    output: \"text-fg-muted text-sm\",\n    track:\n      \"disabled:[background:var(--color-bg-disabled)]! relative rounded-md before:absolute before:inset-0 before:z-[-1] before:rounded-[inherit] before:bg-[repeating-conic-gradient(#e6e6e6_0%_25%,_#fff_0%_50%)] before:bg-[length:16px_16px] before:bg-center before:content-['']\",\n    thumb: \"\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"w-48\",\n        track: \"h-6 w-full\",\n        thumb: \"top-1/2\",\n      },\n      vertical: {\n        root: \"h-48 items-center\",\n        track: \"w-6 flex-1\",\n        thumb: \"left-1/2\",\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nconst { root, track, thumb, output } = colorSliderStyles();\n\ninterface ColorSliderProps extends ColorSliderRootProps {\n  showValueLabel?: boolean;\n  label?: string;\n}\nconst ColorSlider = ({\n  label,\n  channel,\n  showValueLabel = false,\n  ...props\n}: ColorSliderProps) => {\n  return (\n    <ColorSliderRoot channel={channel} {...props}>\n      {(label || showValueLabel) && (\n        <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n          {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n          {showValueLabel && (\n            <ColorSliderOutput className=\"[grid-area:value]\" />\n          )}\n        </div>\n      )}\n      <ColorSliderControl />\n    </ColorSliderRoot>\n  );\n};\n\ninterface ColorSliderRootProps\n  extends React.ComponentProps<typeof AriaColorSlider> {}\nconst ColorSliderRoot = ({ className, ...props }: ColorSliderRootProps) => {\n  return (\n    <AriaColorSlider\n      className={composeRenderProps(className, (className, { orientation }) =>\n        root({ orientation, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface ColorSliderControlProps\n  extends React.ComponentProps<typeof AriaSliderTrack> {}\nconst ColorSliderControl = ({\n  className,\n  ...props\n}: ColorSliderControlProps) => {\n  return (\n    <AriaSliderTrack\n      className={composeRenderProps(className, (className, { orientation }) =>\n        track({ orientation, className })\n      )}\n      {...props}\n    >\n      {({ orientation }) => <ColorThumb className={thumb({ orientation })} />}\n    </AriaSliderTrack>\n  );\n};\n\ninterface ColorSliderOutputProps\n  extends React.ComponentProps<typeof AriaSliderOutput> {}\nconst ColorSliderOutput = ({ className, ...props }: ColorSliderOutputProps) => {\n  return (\n    <AriaSliderOutput\n      className={composeRenderProps(className, (className) =>\n        output({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type {\n  ColorSliderProps,\n  ColorSliderRootProps,\n  ColorSliderControlProps,\n  ColorSliderOutputProps,\n};\nexport { ColorSlider, ColorSliderRoot, ColorSliderOutput, ColorSliderControl };\n",
-      "target": "core/color-slider.tsx"
+      "path": "core/color-slider.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/color-swatch-picker.json b/www/public/registry/core/color-swatch-picker.json
index 2c66c4193..f8cc5c490 100644
--- a/www/public/registry/core/color-swatch-picker.json
+++ b/www/public/registry/core/color-swatch-picker.json
@@ -2,9 +2,9 @@
   "name": "color-swatch-picker",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorSwatchPicker as AriaColorSwatchPicker,\n  ColorSwatchPickerItem as AriaColorSwatchPickerItem,\n  type Color,\n} from \"react-aria-components\";\nimport { focusRing } from \"@/lib/focus-styles\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { cn } from \"@/registry/lib/utils\";\n\ninterface ColorSwatchPickerProps\n  extends React.ComponentProps<typeof AriaColorSwatchPicker> {}\nconst ColorSwatchPicker = ({ className, ...props }: ColorSwatchPickerProps) => {\n  return (\n    <AriaColorSwatchPicker className={cn(\"flex gap-1\", className)} {...props} />\n  );\n};\n\ninterface ColorSwatchPickerItemProps\n  extends React.ComponentProps<typeof AriaColorSwatchPickerItem> {}\nconst ColorSwatchPickerItem = ({\n  className,\n  ...props\n}: ColorSwatchPickerItemProps) => {\n  return (\n    <AriaColorSwatchPickerItem\n      className={cn(\n        focusRing(),\n        \"relative size-8 cursor-pointer rounded-md transition-shadow focus:z-10 disabled:cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {({ isSelected, isDisabled }) => (\n        <>\n          <ColorSwatch className={cn(\"size-full rounded-[inherit]\")} />\n          {isSelected && (\n            <div className=\"border-bg outline-bg-inverse z-1 absolute inset-0 rounded-[inherit] border-2 outline-2\" />\n          )}\n          {isDisabled && (\n            <div className=\"z-1 bg-bg/90 absolute inset-0 rounded-[inherit]\" />\n          )}\n        </>\n      )}\n    </AriaColorSwatchPickerItem>\n  );\n};\n\nexport type { ColorSwatchPickerProps, ColorSwatchPickerItemProps };\nexport { ColorSwatchPicker, ColorSwatchPickerItem };\n",
-      "target": "core/color-swatch-picker.tsx"
+      "path": "core/color-swatch-picker.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/color-swatch.json b/www/public/registry/core/color-swatch.json
index c00939f98..9ee9f58d8 100644
--- a/www/public/registry/core/color-swatch.json
+++ b/www/public/registry/core/color-swatch.json
@@ -2,9 +2,9 @@
   "name": "color-swatch",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport {\n  ColorSwatch as AriaColorSwatch,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst colorSwatchStyles = tv({\n  base: \"relative size-5 rounded-sm border\",\n});\n\ninterface ColorSwatchProps\n  extends React.ComponentProps<typeof AriaColorSwatch> {}\nconst ColorSwatch = ({ className, style, ...props }: ColorSwatchProps) => {\n  return (\n    <AriaColorSwatch\n      className={composeRenderProps(className, (className) =>\n        colorSwatchStyles({ className })\n      )}\n      style={composeRenderProps(style, (style, { color }) => ({\n        ...style,\n        background: `linear-gradient(${color}, ${color}),\n        repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`,\n      }))}\n      {...props}\n    />\n  );\n};\n\nexport type { ColorSwatchProps };\nexport { ColorSwatch };\n",
-      "target": "core/color-swatch.tsx"
+      "path": "core/color-swatch.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/color-thumb.json b/www/public/registry/core/color-thumb.json
index a8d04630c..ff5af4940 100644
--- a/www/public/registry/core/color-thumb.json
+++ b/www/public/registry/core/color-thumb.json
@@ -2,9 +2,9 @@
   "name": "color-thumb",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport {\n  ColorThumb as AriaColorThumb,\n  type ColorThumbProps as AriaColorThumbProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst colorThumbStyles = tv({\n  extend: focusRing,\n  base: [\n    \"disabled:bg-bg-disabled! disabled:border-border-disabled z-30 size-6 rounded-full border-2 border-white ring-1 ring-black/40\",\n    \"group-orientation-horizontal/color-slider:top-1/2 group-orientation-vertical/color-slider:left-1/2\",\n  ],\n});\n\ninterface ColorThumbProps extends Omit<AriaColorThumbProps, \"className\"> {\n  className?: string;\n}\nconst ColorThumb = ({ className, ...props }: ColorThumbProps) => {\n  return (\n    <AriaColorThumb className={colorThumbStyles({ className })} {...props} />\n  );\n};\n\nexport type { ColorThumbProps };\nexport { ColorThumb };\n",
-      "target": "core/color-thumb.tsx"
+      "path": "core/color-thumb.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/combobox.json b/www/public/registry/core/combobox.json
index 80709eeb0..416ad9bc2 100644
--- a/www/public/registry/core/combobox.json
+++ b/www/public/registry/core/combobox.json
@@ -2,9 +2,9 @@
   "name": "combobox",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport {\n  ComboBox as AriaCombobox,\n  type ComboBoxProps as AriaComboboxProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { Input, InputRoot } from \"@/registry/core/input_basic\";\nimport { ListBox } from \"@/registry/core/list-box_basic\";\nimport { Overlay } from \"@/registry/core/overlay_basic\";\n\nconst comboboxStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n  },\n});\n\ninterface ComboboxProps<T extends object>\n  extends Omit<ComboboxRootProps<T>, \"children\">,\n    Omit<FieldProps, \"children\"> {\n  isLoading?: boolean;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n  items?: Iterable<T>;\n}\nconst Combobox = <T extends object>({\n  label,\n  description,\n  errorMessage,\n  children,\n  items,\n  isLoading,\n  ...props\n}: ComboboxProps<T>) => {\n  return (\n    <ComboboxRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <ComboboxInput />\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Overlay type=\"popover\">\n        <ListBox items={items} isLoading={isLoading}>\n          {children}\n        </ListBox>\n      </Overlay>\n    </ComboboxRoot>\n  );\n};\n\nconst ComboboxInput = () => {\n  return (\n    <InputRoot className=\"px-0\">\n      <Input className=\"pl-2\" />\n      <Button variant=\"default\" shape=\"square\" className=\"my-1 mr-1 size-7\">\n        <ChevronDownIcon />\n      </Button>\n    </InputRoot>\n  );\n};\n\ninterface ComboboxRootProps<T extends object>\n  extends Omit<AriaComboboxProps<T>, \"className\"> {\n  className?: string;\n}\nconst ComboboxRoot = <T extends object>({\n  className,\n  ...props\n}: ComboboxRootProps<T>) => {\n  const { root } = comboboxStyles();\n  return <AriaCombobox className={root({ className })} {...props} />;\n};\n\nexport type { ComboboxProps, ComboboxRootProps };\nexport { Combobox, ComboboxRoot, ComboboxInput };\n",
-      "target": "core/combobox.tsx"
+      "path": "core/combobox.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/command.json b/www/public/registry/core/command.json
index ac8204412..f70dca894 100644
--- a/www/public/registry/core/command.json
+++ b/www/public/registry/core/command.json
@@ -2,9 +2,9 @@
   "name": "command",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { UNSTABLE_Autocomplete as AriaAutocomplete } from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst commandStyles = tv({\r\n  slots: {\r\n    root: \"flex flex-col\",\r\n  },\r\n  variants: {\r\n    standalone: {\r\n      true: {\r\n        root: \"\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    standalone: true,\r\n  },\r\n});\r\n\r\nconst { root } = commandStyles();\r\n\r\ninterface CommandProps extends CommandRootProps {}\r\nconst Command = (props: CommandProps) => {\r\n  return <CommandRoot {...props} />;\r\n};\r\n\r\ninterface CommandRootProps\r\n  extends React.ComponentProps<typeof AriaAutocomplete>,\r\n    Omit<React.ComponentProps<\"div\">, \"children\" | \"slot\"> {}\r\nconst CommandRoot = ({\r\n  filter,\r\n  defaultInputValue,\r\n  inputValue,\r\n  onInputChange,\r\n  slot,\r\n  className,\r\n  ...props\r\n}: CommandProps) => {\r\n  return (\r\n    <AriaAutocomplete\r\n      filter={filter}\r\n      defaultInputValue={defaultInputValue}\r\n      inputValue={inputValue}\r\n      onInputChange={onInputChange}\r\n      slot={slot}\r\n    >\r\n      <div className={root({ className })} {...props} />\r\n    </AriaAutocomplete>\r\n  );\r\n};\r\n\r\nexport { Command };\r\n",
-      "target": "core/command.tsx"
+      "path": "core/command.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/date-field.json b/www/public/registry/core/date-field.json
index 39adc7355..24050ab33 100644
--- a/www/public/registry/core/date-field.json
+++ b/www/public/registry/core/date-field.json
@@ -2,9 +2,9 @@
   "name": "date-field",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  DateField as AriaDateField,\n  composeRenderProps,\n  type DateValue,\n  type DateFieldProps as AriaDateFieldProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { HelpText, Label, type FieldProps } from \"./field_basic\";\nimport { InputRoot, type InputRootProps } from \"./input_basic\";\n\nconst dateFieldStyles = tv({\n  base: \"flex w-32 flex-col items-start gap-2\",\n});\n\ninterface DateFieldProps<T extends DateValue>\n  extends DateFieldRootProps<T>,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst DateField = <T extends DateValue>({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  ...props\n}: DateFieldProps<T>) => {\n  return (\n    <DateFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <DateFieldInput />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </DateFieldRoot>\n  );\n};\n\ninterface DateFieldRootProps<T extends DateValue>\n  extends AriaDateFieldProps<T> {\n  ref?: React.RefObject<HTMLDivElement>;\n}\nconst DateFieldRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DateFieldRootProps<T>) => {\n  return (\n    <AriaDateField\n      className={composeRenderProps(className, (className) =>\n        dateFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DateFieldInputProps extends InputRootProps {}\nconst DateFieldInput = (props: DateFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n    </InputRoot>\n  );\n};\n\nexport type { DateFieldProps, DateFieldRootProps, DateFieldInputProps };\nexport { DateField, DateFieldRoot, DateFieldInput };\n",
-      "target": "core/date-field.tsx"
+      "path": "core/date-field.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/date-input.json b/www/public/registry/core/date-input.json
index 4520e1975..7eff63df1 100644
--- a/www/public/registry/core/date-input.json
+++ b/www/public/registry/core/date-input.json
@@ -2,9 +2,9 @@
   "name": "date-input",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  DateInput as AriaDateInput,\n  DateSegment as AriaDateSegment,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst dateInputStyles = tv({\n  slots: {\n    input: [\n      \"text-fg placeholder:text-fg-muted disabled:text-fg-disabled flex flex-1 items-center justify-start disabled:cursor-default\",\n    ],\n    segment:\n      \"focus:bg-bg-accent focus:text-fg-onAccent type-literal:px-0 placeholder-shown:not-data-disabled:not-data-focused:text-fg-muted disabled:text-fg-disabled outline-hidden select-none rounded px-0.5 focus:caret-transparent\",\n  },\n});\n\nconst { input, segment } = dateInputStyles();\n\ninterface DateInputProps extends React.ComponentProps<typeof AriaDateInput> {}\nconst DateInput = ({ className, ...props }: DateInputProps) => {\n  return (\n    <AriaDateInput\n      className={composeRenderProps(className, (className) =>\n        input({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DateSegmentProps\n  extends React.ComponentProps<typeof AriaDateSegment> {}\nconst DateSegment = ({ className, ...props }: DateSegmentProps) => {\n  return (\n    <AriaDateSegment\n      className={composeRenderProps(className, (className) =>\n        segment({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { DateInputProps, DateSegmentProps };\nexport { DateInput, DateSegment };\n",
-      "target": "core/date-input.tsx"
+      "path": "core/date-input.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/date-picker.json b/www/public/registry/core/date-picker.json
index 6dd3487b8..488e2a78a 100644
--- a/www/public/registry/core/date-picker.json
+++ b/www/public/registry/core/date-picker.json
@@ -2,9 +2,9 @@
   "name": "date-picker",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CalendarIcon } from \"lucide-react\";\nimport {\n  DatePicker as AriaDatePicker,\n  type DatePickerProps as AriaDatePickerProps,\n  type DateValue,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { Calendar } from \"@/registry/core/calendar_basic\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { Dialog } from \"@/registry/core/dialog_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { InputRoot, type inputStyles } from \"@/registry/core/input_basic\";\n\nconst datePickerStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface DatePickerProps<T extends DateValue>\n  extends DatePickerRootProps<T>,\n    Omit<FieldProps, \"children\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n}\n\nconst DatePicker = <T extends DateValue>({\n  size,\n  label,\n  description,\n  errorMessage,\n  prefix,\n  ...props\n}: DatePickerProps<T>) => {\n  return (\n    <DatePickerRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot\n        size={size}\n        prefix={prefix}\n        // isInvalid={isInvalid}\n        className=\"pr-1\"\n      >\n        <DateInput className=\"flex-1\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <Button\n          variant=\"default\"\n          size=\"sm\"\n          shape=\"square\"\n          className=\"my-1 size-7 rounded-sm\"\n        >\n          <CalendarIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Dialog type=\"popover\" mobileType=\"drawer\" className=\"flex\">\n        <Calendar className=\"mx-auto\" />\n      </Dialog>\n    </DatePickerRoot>\n  );\n};\n\ninterface DatePickerRootProps<T extends DateValue>\n  extends Omit<AriaDatePickerProps<T>, \"className\"> {\n  className?: string;\n}\nconst DatePickerRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DatePickerRootProps<T>) => {\n  return (\n    <AriaDatePicker className={datePickerStyles({ className })} {...props} />\n  );\n};\n\nexport type { DatePickerProps, DatePickerRootProps };\nexport { DatePicker, DatePickerRoot };\n",
-      "target": "core/date-picker.tsx"
+      "path": "core/date-picker.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/date-range-picker.json b/www/public/registry/core/date-range-picker.json
index 6716b3765..839b9d574 100644
--- a/www/public/registry/core/date-range-picker.json
+++ b/www/public/registry/core/date-range-picker.json
@@ -2,9 +2,9 @@
   "name": "date-range-picker",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CalendarIcon } from \"lucide-react\";\nimport {\n  DateRangePicker as AriaDateRangePicker,\n  type DateRangePickerProps as AriaDateRangePickerProps,\n  type DateValue,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button } from \"@/registry/core/button_basic\";\nimport { RangeCalendar } from \"@/registry/core/calendar_basic\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { Dialog } from \"@/registry/core/dialog_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport { InputRoot, type inputStyles } from \"@/registry/core/input_basic\";\n\nconst dateRangePickerStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface DateRangePickerProps<T extends DateValue>\n  extends DateRangePickerRootProps<T>,\n    Omit<FieldProps, \"children\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n  isLoading?: boolean;\n}\n\nconst DateRangePicker = <T extends DateValue>({\n  className,\n  size,\n  label,\n  description,\n  errorMessage,\n  prefix,\n  isLoading,\n  isRequired,\n  isDisabled,\n  ...props\n}: DateRangePickerProps<T>) => {\n  return (\n    <DateRangePickerRoot\n      className={className}\n      isRequired={isRequired}\n      isDisabled={isLoading || isDisabled}\n      {...props}\n    >\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} prefix={prefix} className=\"pr-1\">\n        <DateInput slot=\"start\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <span aria-hidden=\"true\">–</span>\n        <DateInput slot=\"end\" className=\"flex-1\">\n          {(segment) => <DateSegment segment={segment} />}\n        </DateInput>\n        <Button\n          variant=\"default\"\n          size=\"sm\"\n          shape=\"square\"\n          className=\"my-1 size-7 rounded-sm\"\n        >\n          <CalendarIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Dialog type=\"popover\" mobileType=\"drawer\" className=\"flex\">\n        <RangeCalendar className=\"mx-auto\" />\n      </Dialog>\n    </DateRangePickerRoot>\n  );\n};\n\ninterface DateRangePickerRootProps<T extends DateValue>\n  extends Omit<AriaDateRangePickerProps<T>, \"className\"> {\n  className?: string;\n}\nconst DateRangePickerRoot = <T extends DateValue>({\n  className,\n  ...props\n}: DateRangePickerRootProps<T>) => {\n  return (\n    <AriaDateRangePicker\n      className={dateRangePickerStyles({ className })}\n      {...props}\n    />\n  );\n};\n\nexport type { DateRangePickerProps, DateRangePickerRootProps };\nexport { DateRangePicker, DateRangePickerRoot };\n",
-      "target": "core/date-range-picker.tsx"
+      "path": "core/date-range-picker.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/dialog.json b/www/public/registry/core/dialog.json
index 579c1ac06..c15f7214e 100644
--- a/www/public/registry/core/dialog.json
+++ b/www/public/registry/core/dialog.json
@@ -2,9 +2,9 @@
   "name": "dialog",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  DialogTrigger as AriaDialogTrigger,\n  Dialog as AriaDialog,\n  Heading as AriaHeading,\n  Text as AriaText,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Overlay, type OverlayProps } from \"@/registry/core/overlay_basic\";\n\nconst dialogStyles = tv({\n  slots: {\n    content: [\n      \"outline-hidden relative flex h-[inherit] max-h-[inherit] flex-col rounded-[inherit] p-4\",\n    ],\n    header: \"mb-4\",\n    heading: \"text-lg font-medium\",\n    description: \"text-fg-muted text-sm\",\n    body: \"-mx-4 flex-1 space-y-2 overflow-y-auto px-4 py-2\",\n    inset: \"bg-bg-muted -mx-4 border px-4 py-4\",\n    footer: \"flex flex-col-reverse gap-2 pt-8 sm:flex-row sm:justify-end\",\n  },\n});\n\nconst { content, header, heading, description, body, footer, inset } =\n  dialogStyles();\n\ninterface DialogRootProps\n  extends React.ComponentProps<typeof AriaDialogTrigger> {}\nconst DialogRoot = (props: DialogRootProps) => {\n  return <AriaDialogTrigger {...props} />;\n};\n\ninterface DialogProps\n  extends DialogContentProps,\n    Omit<OverlayProps, \"children\"> {\n  title?: string;\n  description?: string;\n}\nconst Dialog = ({\n  title,\n  description,\n  type = \"modal\",\n  mobileType = \"drawer\",\n  modalProps,\n  popoverProps,\n  drawerProps,\n  isDismissable: isDismissableProp,\n  role,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  isKeyboardDismissDisabled,\n  shouldCloseOnInteractOutside,\n  ...props\n}: DialogProps) => {\n  const isDismissable = isDismissableProp ?? role !== \"alertdialog\";\n  return (\n    <Overlay\n      type={type}\n      mobileType={mobileType}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n      modalProps={modalProps}\n      popoverProps={popoverProps}\n      drawerProps={drawerProps}\n    >\n      <DialogContent role={role} {...props}>\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {(title || description) && (\n              <DialogHeader>\n                {title && <DialogHeading>{title}</DialogHeading>}\n                {description && (\n                  <DialogDescription>{description}</DialogDescription>\n                )}\n              </DialogHeader>\n            )}\n            {children}\n          </>\n        ))}\n      </DialogContent>\n    </Overlay>\n  );\n};\n\ninterface DialogContentProps extends React.ComponentProps<typeof AriaDialog> {}\nconst DialogContent = ({ className, ...props }: DialogContentProps) => {\n  return <AriaDialog className={content({ className })} {...props} />;\n};\n\ninterface DialogHeaderProps extends React.ComponentProps<\"header\"> {}\nconst DialogHeader = ({ className, ...props }: DialogHeaderProps) => {\n  return <header className={header({ className })} {...props} />;\n};\n\ninterface DialogHeadingProps extends React.ComponentProps<typeof AriaHeading> {}\nconst DialogHeading = ({ className, ...props }: DialogHeadingProps) => {\n  return <AriaHeading className={heading({ className })} {...props} />;\n};\n\ninterface DialogDescriptionProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => {\n  return (\n    <AriaText\n      slot=\"description\"\n      className={description({ className })}\n      {...props}\n    />\n  );\n};\n\ninterface DialogBodyProps extends React.ComponentProps<\"div\"> {}\nconst DialogBody = ({ className, ...props }: DialogBodyProps) => {\n  return <div className={body({ className })} {...props} />;\n};\n\ntype DialogFooterProps = React.ComponentProps<\"footer\">;\nconst DialogFooter = ({ className, ...props }: DialogFooterProps) => {\n  return <footer className={footer({ className })} {...props} />;\n};\n\ntype DialogInsetProps = React.ComponentProps<\"div\">;\nconst DialogInset = ({ className, ...props }: DialogInsetProps) => {\n  return <div className={inset({ className })} {...props} />;\n};\n\nexport type {\n  DialogRootProps,\n  DialogProps,\n  DialogHeaderProps,\n  DialogHeadingProps,\n  DialogDescriptionProps,\n  DialogContentProps,\n  DialogFooterProps,\n  DialogInsetProps,\n};\nexport {\n  DialogRoot,\n  Dialog,\n  DialogHeader,\n  DialogHeading,\n  DialogDescription,\n  DialogContent,\n  DialogBody,\n  DialogFooter,\n  DialogInset,\n};\n",
-      "target": "core/dialog.tsx"
+      "path": "core/dialog.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/drawer.json b/www/public/registry/core/drawer.json
index fb3d6e6cf..3b20c4415 100644
--- a/www/public/registry/core/drawer.json
+++ b/www/public/registry/core/drawer.json
@@ -2,9 +2,9 @@
   "name": "drawer",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  Modal as AriaModal,\r\n  ModalOverlay as AriaModalOverlay,\r\n  composeRenderProps,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst drawerVariants = tv({\r\n  slots: {\r\n    underlay:\r\n      \"before:ease-drawer entering:before:opacity-0 exiting:before:opacity-0 fixed inset-0 z-50 before:fixed before:inset-0 before:bg-black/40 before:opacity-100 before:duration-500 before:content-['']\",\r\n    overlay:\r\n      \"bg-bg ease-drawer fixed z-50 flex flex-col border duration-500 will-change-transform\",\r\n  },\r\n  variants: {\r\n    placement: {\r\n      top: {\r\n        overlay:\r\n          \"entering:-translate-y-full exiting:-translate-y-full top-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen translate-y-0 rounded-b-xl border-t-0\",\r\n      },\r\n      bottom: {\r\n        overlay:\r\n          \"top-(--visual-viewport-height) exiting:translate-y-0 entering:translate-y-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen -translate-y-full rounded-t-xl border-b-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n      left: {\r\n        overlay:\r\n          \"entering:-translate-x-full exiting:-translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) left-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-r-xl border-l-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n      right: {\r\n        overlay:\r\n          \"entering:translate-x-full exiting:translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) right-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-l-xl border-r-0\", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    placement: \"bottom\",\r\n  },\r\n});\r\n\r\nconst { overlay, underlay } = drawerVariants();\r\n\r\ninterface DrawerProps extends React.ComponentProps<typeof AriaModal> {\r\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n}\r\n\r\nfunction Drawer({\r\n  isDismissable = true,\r\n  className,\r\n  style,\r\n  placement,\r\n  ...props\r\n}: DrawerProps) {\r\n  return (\r\n    <AriaModalOverlay\r\n      className={underlay()}\r\n      isDismissable={isDismissable}\r\n      {...props}\r\n    >\r\n      <AriaModal\r\n        className={composeRenderProps(className, (className) =>\r\n          overlay({ placement, className })\r\n        )}\r\n        style={composeRenderProps(style, (style) => ({\r\n          \"--drawer-margin\": \"calc(var(--spacing)*24)\",\r\n          ...style,\r\n        }))}\r\n        {...props}\r\n      />\r\n    </AriaModalOverlay>\r\n  );\r\n}\r\n\r\nexport type { DrawerProps };\r\nexport { Drawer };\r\n",
-      "target": "core/drawer.tsx"
+      "path": "core/drawer.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/drop-zone.json b/www/public/registry/core/drop-zone.json
index 2693cc244..e686e7a33 100644
--- a/www/public/registry/core/drop-zone.json
+++ b/www/public/registry/core/drop-zone.json
@@ -2,9 +2,9 @@
   "name": "drop-zone",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  DropZone as AriaDropZone,\n  Text as AriaText,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst dropZoneStyles = tv({\n  slots: {\n    dropzone:\n      \"drop-target:border-border-focus focus-visible:border-border-focus drop-target:bg-bg-accent-muted disabled:text-fg-disabled disabled:border-border-disabled flex w-60 flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed p-6 text-sm\",\n    label: \"text-base\",\n  },\n});\n\nconst { dropzone, label } = dropZoneStyles();\n\ninterface DropZoneProps extends React.ComponentProps<typeof AriaDropZone> {}\nconst DropZone = ({ className, ...props }: DropZoneProps) => {\n  return (\n    <AriaDropZone\n      className={composeRenderProps(className, (className) =>\n        dropzone({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface DropZoneLabelProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst DropZoneLabel = ({ className, ...props }: DropZoneLabelProps) => {\n  return <AriaText slot=\"label\" className={label({ className })} {...props} />;\n};\n\nexport type { DropZoneProps, DropZoneLabelProps };\nexport { DropZone, DropZoneLabel };\n",
-      "target": "core/drop-zone.tsx"
+      "path": "core/drop-zone.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/field.json b/www/public/registry/core/field.json
index 767cf480d..4cb05bc7e 100644
--- a/www/public/registry/core/field.json
+++ b/www/public/registry/core/field.json
@@ -2,9 +2,9 @@
   "name": "field",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  Label as AriaLabel,\n  Text as AriaText,\n  FieldError as AriaFieldError,\n  FieldErrorContext,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst labelStyles = tv({\n  base: \"peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3\",\n});\n\ninterface LabelProps extends React.ComponentProps<typeof AriaLabel> {}\nconst Label = ({ className, ...props }: LabelProps) => {\n  return <AriaLabel className={labelStyles({ className })} {...props} />;\n};\n\nconst descriptionStyles = tv({\n  base: \"text-fg-muted text-xs\",\n});\n\ninterface DescriptionProps\n  extends Omit<React.ComponentProps<typeof AriaText>, \"slot\"> {}\nconst Description = ({ className, ...props }: DescriptionProps) => {\n  return (\n    <AriaText\n      slot=\"description\"\n      className={descriptionStyles({ className })}\n      {...props}\n    />\n  );\n};\n\nconst fieldErrorStyles = tv({\n  base: \"text-fg-danger text-xs\",\n});\n\ninterface FieldErrorProps extends React.ComponentProps<typeof AriaFieldError> {}\nconst FieldError = ({ className, ...props }: FieldErrorProps) => {\n  return (\n    <AriaFieldError\n      className={composeRenderProps(className, (className) =>\n        fieldErrorStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface HelpTextProps {\n  description?: DescriptionProps[\"children\"];\n  errorMessage?: FieldErrorProps[\"children\"];\n}\nconst HelpText = ({ description, errorMessage, ...props }: HelpTextProps) => {\n  const validation = React.use(FieldErrorContext);\n  const isError =\n    validation?.isInvalid &&\n    (!!errorMessage || validation.validationErrors.length > 0);\n\n  if (isError) return <FieldError>{errorMessage}</FieldError>;\n\n  if (description) return <Description>{description}</Description>;\n\n  return null;\n};\n\ninterface FieldProps extends HelpTextProps {\n  label?: LabelProps[\"children\"];\n}\n\nexport type {\n  LabelProps,\n  DescriptionProps,\n  FieldErrorProps,\n  HelpTextProps,\n  FieldProps,\n};\nexport { Label, Description, FieldError, HelpText };\n",
-      "target": "core/field.tsx"
+      "path": "core/field.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/file-trigger.json b/www/public/registry/core/file-trigger.json
index 0766bb2a6..360d5f54c 100644
--- a/www/public/registry/core/file-trigger.json
+++ b/www/public/registry/core/file-trigger.json
@@ -2,9 +2,9 @@
   "name": "file-trigger",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport { FileTrigger, type FileTriggerProps } from \"react-aria-components\";\n\nexport type { FileTriggerProps };\nexport { FileTrigger };\n",
-      "target": "core/file-trigger.tsx"
+      "path": "core/file-trigger.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/form_basic.json b/www/public/registry/core/form_basic.json
index 641e06d77..a044894a9 100644
--- a/www/public/registry/core/form_basic.json
+++ b/www/public/registry/core/form_basic.json
@@ -2,9 +2,9 @@
   "name": "form_basic",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport {\r\n  Form as AriaForm,\r\n  FormProps as AriaFormProps,\r\n} from \"react-aria-components\";\r\n\r\nexport type FormProps = AriaFormProps;\r\nexport { AriaForm as Form };\r\n",
-      "target": "core/form.tsx"
+      "path": "core/form.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/form_react-hook-form.json b/www/public/registry/core/form_react-hook-form.json
index b180829eb..7dc79fdab 100644
--- a/www/public/registry/core/form_react-hook-form.json
+++ b/www/public/registry/core/form_react-hook-form.json
@@ -2,9 +2,9 @@
   "name": "form_react-hook-form",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport { Form } from \"react-aria-components\";\r\nimport { Controller, FieldValues } from \"react-hook-form\";\r\nimport type {\r\n  FieldPath,\r\n  UseControllerProps,\r\n  ControllerRenderProps,\r\n  ControllerFieldState,\r\n} from \"react-hook-form\";\r\n\r\ntype FormControlProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> = Omit<UseControllerProps<TFieldValues, TName>, \"render\"> & {\r\n  render: (\r\n    props: Omit<ControllerRenderProps<TFieldValues, TName>, \"disabled\"> &\r\n      Omit<ControllerFieldState, \"invalid\" | \"error\"> & {\r\n        isInvalid: boolean;\r\n        isDisabled?: boolean;\r\n        errorMessage?: string;\r\n      }\r\n  ) => React.ReactElement;\r\n};\r\n\r\nfunction FormControl<\r\n  TFieldValues extends FieldValues,\r\n  TName extends FieldPath<TFieldValues>,\r\n>({ render, ...rest }: FormControlProps<TFieldValues, TName>) {\r\n  return (\r\n    <Controller\r\n      {...rest}\r\n      render={({\r\n        field: { disabled, ...field },\r\n        fieldState: { invalid, error, ...fieldState },\r\n      }) =>\r\n        render({\r\n          ...field,\r\n          ...fieldState,\r\n          isDisabled: disabled,\r\n          isInvalid: invalid,\r\n          errorMessage: error?.message,\r\n        })\r\n      }\r\n    />\r\n  );\r\n}\r\n\r\nexport { Form, FormControl };\r\n",
-      "target": "core/form.tsx"
+      "path": "core/form.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/input_basic.json b/www/public/registry/core/input_basic.json
index 515742738..4621a02c5 100644
--- a/www/public/registry/core/input_basic.json
+++ b/www/public/registry/core/input_basic.json
@@ -2,9 +2,9 @@
   "name": "input_basic",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { mergeRefs, chain, mergeProps } from \"@react-aria/utils\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport {\n  Provider,\n  composeRenderProps,\n  Input as AriaInput,\n  Group as AriaGroup,\n  TextArea as AriaTextArea,\n  InputContext as AriaInputContext,\n  TextAreaContext as AriaTextAreaContext,\n  useContextProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { focusInput } from \"@/registry/lib/focus-styles\";\n\nconst inputStyles = tv({\n  slots: {\n    root: [\n      focusInput(),\n      \"border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full min-w-fit cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4\",\n      \"has-[input[data-disabled]]:border-border-disabled has-[input[data-disabled]]:bg-bg-disabled has-[input[data-disabled]]:text-fg-disabled has-[input[data-disabled]]:cursor-default\",\n      \"has-[input[data-invalid]]:border-border-danger focus-within:has-[input[data-invalid]]:border-border\",\n    ],\n    input: [\n      \"text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default\",\n    ],\n  },\n  variants: {\n    size: {\n      sm: { root: \"h-8\" },\n      md: { root: \"h-9\" },\n      lg: { root: \"h-10\" },\n    },\n    multiline: {\n      true: {\n        root: \"h-auto flex-col items-stretch p-2\",\n        input: \"min-h-14 resize-none overflow-auto\",\n      },\n      false: {\n        input: \"flex-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    multiline: false,\n  },\n});\n\nconst { root, input } = inputStyles();\n\ninterface InputProps extends React.ComponentProps<typeof AriaInput> {}\nconst Input = (props: InputProps) => {\n  return (\n    <AriaInput\n      className={composeRenderProps(props.className, (className) =>\n        input({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TextAreaInputProps\n  extends React.ComponentProps<typeof AriaTextArea> {}\nconst TextAreaInput = ({\n  ref,\n  className,\n  onChange,\n  ...props\n}: TextAreaInputProps) => {\n  const [inputValue, setInputValue] = useControlledState(\n    props.value,\n    props.defaultValue ?? \"\",\n    () => {}\n  );\n  const inputRef = React.useRef<HTMLTextAreaElement>(null);\n\n  const onHeightChange = React.useCallback(() => {\n    if (!inputRef.current) return;\n    const input = inputRef.current;\n    const prevAlignment = input.style.alignSelf;\n    const prevOverflow = input.style.overflow;\n    const isFirefox = \"MozAppearance\" in input.style;\n    if (!isFirefox) {\n      input.style.overflow = \"hidden\";\n    }\n    input.style.alignSelf = \"start\";\n    input.style.height = \"auto\";\n    input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n    input.style.overflow = prevOverflow;\n    input.style.alignSelf = prevAlignment;\n  }, [inputRef]);\n\n  React.useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  return (\n    <AriaTextArea\n      ref={mergeRefs(inputRef, ref)}\n      className={composeRenderProps(className, (className) =>\n        input({ multiline: true, className })\n      )}\n      onChange={chain(onChange, setInputValue)}\n      {...props}\n    />\n  );\n};\n\ninterface InputRootProps\n  extends Omit<React.ComponentProps<typeof AriaGroup>, \"prefix\">,\n    VariantProps<typeof inputStyles> {\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\nconst InputRoot = ({\n  children,\n  className,\n  prefix,\n  suffix,\n  size,\n  multiline,\n  ...props\n}: InputRootProps) => {\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  const [inputContextProps, mergedInputRef] = useContextProps(\n    {},\n    inputRef as React.RefObject<HTMLInputElement>,\n    AriaInputContext\n  );\n  const [textAreaContextProps, mergedTextAreaRef] = useContextProps(\n    {},\n    inputRef as React.RefObject<HTMLTextAreaElement>,\n    AriaTextAreaContext\n  );\n  const inputProps = { ...inputContextProps, ref: mergedInputRef };\n  const textAreaProps = { ...textAreaContextProps, ref: mergedTextAreaRef };\n\n  const onPointerDown = (event: React.PointerEvent<HTMLElement>) => {\n    const target = event.target as HTMLElement;\n    if (target.closest(\"input, button, a\")) return;\n    const input = inputRef.current;\n    if (!input) return;\n    requestAnimationFrame(() => {\n      input.focus();\n    });\n  };\n\n  return (\n    <AriaGroup\n      role=\"presentation\"\n      className={composeRenderProps(className, (className) =>\n        root({ size, multiline, className })\n      )}\n      {...mergeProps(props, { onPointerDown })}\n    >\n      {composeRenderProps(children, (children) => (\n        <Provider\n          values={[\n            [AriaInputContext, inputProps],\n            [AriaTextAreaContext, textAreaProps],\n          ]}\n        >\n          {prefix}\n          {children}\n          {suffix}\n        </Provider>\n      ))}\n    </AriaGroup>\n  );\n};\n\nexport type { InputProps, TextAreaInputProps, InputRootProps };\nexport { Input, TextAreaInput, InputRoot, inputStyles };\n",
-      "target": "core/input.tsx"
+      "path": "core/input.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/kbd.json b/www/public/registry/core/kbd.json
index 74e1292df..6c12ea2cf 100644
--- a/www/public/registry/core/kbd.json
+++ b/www/public/registry/core/kbd.json
@@ -2,9 +2,9 @@
   "name": "kbd",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport { Keyboard } from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst KbdStyles = tv({\n  base: \"text-fg-muted bg-bg inline-flex min-w-5 items-center justify-center rounded-md border p-1 text-xs leading-none\",\n});\n\ntype KbdProps = React.HTMLAttributes<HTMLElement>;\nconst Kbd = ({ className, ...props }: KbdProps) => {\n  return <Keyboard className={KbdStyles({ className })} {...props} />;\n};\n\nexport type { KbdProps };\nexport { Kbd, KbdStyles };\n",
-      "target": "core/kbd.tsx"
+      "path": "core/kbd.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/list-box.json b/www/public/registry/core/list-box.json
index dd9404882..b448c89c0 100644
--- a/www/public/registry/core/list-box.json
+++ b/www/public/registry/core/list-box.json
@@ -2,9 +2,9 @@
   "name": "list-box",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport React from \"react\";\nimport { CheckIcon, Loader2Icon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  ListBox as AriaListBox,\n  ListBoxItem as AriaListBoxItem,\n  Collection as AriaCollection,\n  type ListBoxProps as AriaListBoxProps,\n  type ListBoxItemProps as AriaListBoxItemProps,\n  ListStateContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst listBoxStyles = tv({\n  base: [\n    focusRing(),\n    \"orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n  variants: {\n    standalone: {\n      true: \"bg-bg max-h-60 w-48 overflow-y-auto rounded-md border\",\n      false: \"max-h-[inherit] rounded-[inherit]\",\n    },\n  },\n});\n\nconst listBoxItemStyles = tv({\n  base: [\n    \"disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface ListBoxProps<T> extends AriaListBoxProps<T> {\n  isLoading?: boolean;\n}\nconst ListBox = <T extends object>({\n  children,\n  isLoading,\n  ...props\n}: ListBoxProps<T>) => {\n  const state = React.useContext(ListStateContext);\n  const standalone = !state;\n  return (\n    <AriaListBox\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxStyles({ standalone, className })\n      )}\n    >\n      <AriaCollection items={props.items}>{children}</AriaCollection>\n      {isLoading && (\n        <AriaListBoxItem className=\"flex items-center justify-center py-1.5\">\n          <Loader2Icon\n            aria-label=\"Loading more...\"\n            className=\"text-fg-muted size-5 animate-spin\"\n          />\n        </AriaListBoxItem>\n      )}\n    </AriaListBox>\n  );\n};\n\ninterface ItemProps<T>\n  extends AriaListBoxItemProps<T>,\n    VariantProps<typeof listBoxItemStyles> {\n  label?: string;\n  description?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\nconst Item = <T extends object>({\n  variant,\n  label,\n  description,\n  prefix,\n  suffix,\n  ...props\n}: ItemProps<T>) => {\n  const textValue =\n    props.textValue ||\n    (typeof props.children === \"string\" ? props.children : undefined);\n  return (\n    <AriaListBoxItem\n      {...props}\n      textValue={textValue}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxItemStyles({ variant, className })\n      )}\n    >\n      {composeRenderProps(\n        props.children,\n        (children, { isSelected, selectionMode }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 shrink-0 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"text-fg-accent size-4\" />\n                )}\n              </span>\n            )}\n            <span className=\"flex items-center gap-3\">\n              {prefix}\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n            </span>\n          </>\n        )\n      )}\n    </AriaListBoxItem>\n  );\n};\n\nexport type { ListBoxProps, ItemProps };\nexport { ListBox, Item };\n",
-      "target": "core/list-box.tsx"
+      "path": "core/list-box.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/loader_dots.json b/www/public/registry/core/loader_dots.json
index e955e2505..4efa2078f 100644
--- a/www/public/registry/core/loader_dots.json
+++ b/www/public/registry/core/loader_dots.json
@@ -2,9 +2,9 @@
   "name": "loader_dots",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\nimport { cn } from \"@/registry/lib/utils\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, className, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      className={cn(\"relative items-center justify-center\", className)}\r\n      {...props}\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: \"var(--size)\",\r\n          height: \"var(--size)\",\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      {[...Array(8)].map((_, index) => {\r\n        const angle = (index / 8) * (2 * Math.PI);\r\n        const x = Math.cos(angle);\r\n        const y = Math.sin(angle);\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            className=\"animate-dot-spinner absolute size-[20%] -translate-x-1/2 -translate-y-1/2 rounded-full bg-current\"\r\n            style={{\r\n              animationDelay: `${index * 0.1}s`,\r\n              top: `${50 + y * 40}%`,\r\n              left: `${50 + x * 40}%`,\r\n            }}\r\n          ></div>\r\n        );\r\n      })}\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
-      "target": "core/loader.tsx"
+      "path": "core/loader.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/loader_line.json b/www/public/registry/core/loader_line.json
index d1b914539..387557c39 100644
--- a/www/public/registry/core/loader_line.json
+++ b/www/public/registry/core/loader_line.json
@@ -2,9 +2,9 @@
   "name": "loader_line",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      {...props}\r\n      className=\"size-10\"\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: \"var(--size)\",\r\n          height: \"var(--size)\",\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      <div className=\"relative left-1/2 top-1/2 h-full w-full\">\r\n        {Array.from({ length: 12 }).map((_, i) => (\r\n          <span\r\n            key={i}\r\n            className=\"animate-line-spinner absolute left-[-10%] top-[-3.9%] h-[8%] w-[24%] rounded-sm bg-current\"\r\n            style={{\r\n              transform: `rotate(${i * 30}deg) translate(146%)`,\r\n              animationDelay: `-${(12 - i) * 0.1}s`,\r\n            }}\r\n          ></span>\r\n        ))}\r\n      </div>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
-      "target": "core/loader.tsx"
+      "path": "core/loader.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/loader_ring.json b/www/public/registry/core/loader_ring.json
index 8665a442a..f882d4bff 100644
--- a/www/public/registry/core/loader_ring.json
+++ b/www/public/registry/core/loader_ring.json
@@ -2,9 +2,9 @@
   "name": "loader_ring",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar {...props} isIndeterminate>\r\n      <svg\r\n        width={size}\r\n        height={size}\r\n        viewBox=\"0 0 24 24\"\r\n        className=\"block animate-spin\"\r\n      >\r\n        <path\r\n          className=\"fill-current opacity-25\"\r\n          d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\r\n        />\r\n        <path\r\n          className=\"fill-current\"\r\n          d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\"\r\n        />\r\n      </svg>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
-      "target": "core/loader.tsx"
+      "path": "core/loader.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/loader_tailspin.json b/www/public/registry/core/loader_tailspin.json
index 64f0d4dca..f91c67d86 100644
--- a/www/public/registry/core/loader_tailspin.json
+++ b/www/public/registry/core/loader_tailspin.json
@@ -2,9 +2,9 @@
   "name": "loader_tailspin",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 40, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar {...props} isIndeterminate>\r\n      <div\r\n        className=\"relative flex animate-spin items-center justify-start rounded-full\"\r\n        style={\r\n          {\r\n            \"--size\": `${size}px`,\r\n            \"--color\": \"currentColor\",\r\n            \"--stroke\": `${size / 10}px`,\r\n            \"--mask-size\": \"calc(var(--size) / 2 - var(--stroke))\",\r\n            width: \"var(--size)\",\r\n            height: \"var(--size)\",\r\n            WebkitMask:\r\n              \"radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)\",\r\n            mask: \"radial-gradient(circle var(--mask-size), transparent 99%, #000 100%)\",\r\n            backgroundImage: \"conic-gradient(transparent 25%, var(--color))\",\r\n          } as React.CSSProperties\r\n        }\r\n      ></div>\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n\r\n{\r\n  /* <div class=\"container\"></div>\r\n\r\n<style>\r\n  .container {\r\n    --uib-size: 40px;\r\n    --uib-color: black;\r\n    --uib-speed: .9s;\r\n    --uib-stroke: 5px;\r\n    --mask-size: calc(var(--uib-size) / 2 - var(--uib-stroke));\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    height: var(--uib-size);\r\n    width: var(--uib-size);\r\n    -webkit-mask: radial-gradient(\r\n      circle var(--mask-size),\r\n      transparent 99%,\r\n      #000 100%\r\n    );\r\n    mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);\r\n    background-image: conic-gradient(transparent 25%, var(--uib-color));\r\n    animation: spin calc(var(--uib-speed)) linear infinite;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  @keyframes spin {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n</style>\r\n */\r\n}\r\n",
-      "target": "core/loader.tsx"
+      "path": "core/loader.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/loader_wave.json b/www/public/registry/core/loader_wave.json
index bb2960736..fef5e2597 100644
--- a/www/public/registry/core/loader_wave.json
+++ b/www/public/registry/core/loader_wave.json
@@ -2,9 +2,9 @@
   "name": "loader_wave",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport { motion } from \"motion/react\";\r\nimport { ProgressBar as AriaProgressBar } from \"react-aria-components\";\r\nimport type { ProgressBarProps } from \"react-aria-components\";\r\nimport { cn } from \"@/registry/lib/utils\";\r\n\r\ninterface LoaderProps extends ProgressBarProps {\r\n  size?: number;\r\n}\r\n\r\nfunction Loader({ size = 20, className, ...props }: LoaderProps) {\r\n  return (\r\n    <AriaProgressBar\r\n      className={cn(\"flex items-center justify-between\")}\r\n      {...props}\r\n      isIndeterminate\r\n      style={\r\n        {\r\n          \"--size\": `${size}px`,\r\n          width: `var(--size)`,\r\n          height: `calc(var(--size) * 0.9)`,\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      {[...Array(4)].map((_, index) => (\r\n        <motion.div\r\n          key={index}\r\n          className=\"h-full w-[2px] rounded-full bg-current\"\r\n          animate={{\r\n            scaleY: [0.3, 1, 0.3],\r\n          }}\r\n          transition={{\r\n            duration: 1,\r\n            repeat: Infinity,\r\n            ease: \"easeInOut\",\r\n            delay: index * 0.1,\r\n          }}\r\n        />\r\n      ))}\r\n    </AriaProgressBar>\r\n  );\r\n}\r\n\r\nexport type { LoaderProps };\r\nexport { Loader };\r\n",
-      "target": "core/loader.tsx"
+      "path": "core/loader.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/menu.json b/www/public/registry/core/menu.json
index ca352b8f0..40bad6ee6 100644
--- a/www/public/registry/core/menu.json
+++ b/www/public/registry/core/menu.json
@@ -2,9 +2,9 @@
   "name": "menu",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  Menu as AriaMenu,\n  MenuTrigger as AriaMenuTrigger,\n  MenuItem as AriaMenuItem,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  type MenuItemProps as AriaMenuItemProps,\n  type MenuProps as AriaMenuProps,\n  type MenuTriggerProps as AriaMenuTriggerProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Kbd } from \"@/registry/core/kbd_basic\";\nimport { Overlay, type OverlayProps } from \"@/registry/core/overlay_basic\";\nimport { Text } from \"@/registry/core/text_basic\";\n\nconst menuStyles = tv({\n  base: [\n    \"max-h[inherit] outline-hidden rounded-[inherit] p-1\",\n    \"group-data-[type=drawer]/overlay:p-2\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n});\n\nconst menuItemStyles = tv({\n  base: [\n    \"focus:bg-bg-inverse/10 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center gap-2 rounded-sm px-3 py-1.5 text-sm transition-colors disabled:pointer-events-none\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"group-data-[type=drawer]/overlay:text-md group-data-[type=drawer]/overlay:py-3\",\n    \"group-data-[type=modal]/overlay:text-md group-data-[type=modal]/overlay:py-2\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ntype MenuRootProps = AriaMenuTriggerProps;\nconst MenuRoot = (props: MenuRootProps) => {\n  return <AriaMenuTrigger {...props} />;\n};\n\ntype MenuProps<T> = MenuContentProps<T> & {\n  type?: OverlayProps[\"type\"];\n  mobileType?: OverlayProps[\"mobileType\"];\n};\nconst Menu = <T extends object>({\n  type = \"popover\",\n  mobileType = \"drawer\",\n  ...props\n}: MenuProps<T>) => {\n  return (\n    <Overlay type={type} mobileType={mobileType}>\n      <MenuContent {...props} />\n    </Overlay>\n  );\n};\n\ntype MenuContentProps<T> = AriaMenuProps<T>;\nconst MenuContent = <T extends object>({\n  className,\n  ...props\n}: MenuContentProps<T>) => {\n  return <AriaMenu className={menuStyles({ className })} {...props} />;\n};\n\nconst MenuSub = AriaSubmenuTrigger;\n\ninterface MenuItemProps<T>\n  extends Omit<AriaMenuItemProps<T>, \"className\">,\n    VariantProps<typeof menuItemStyles> {\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n  label?: string;\n  description?: string;\n  shortcut?: string;\n  className?: string;\n}\nconst MenuItem = <T extends object>({\n  className,\n  label,\n  description,\n  prefix,\n  suffix,\n  shortcut,\n  variant,\n  ...props\n}: MenuItemProps<T>) => {\n  return (\n    <AriaMenuItem className={menuItemStyles({ className, variant })} {...props}>\n      {composeRenderProps(\n        props.children,\n        (children, { selectionMode, isSelected, hasSubmenu }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"text-fg-accent size-4\" />\n                )}\n              </span>\n            )}\n            {prefix}\n            <span className=\"flex items-center gap-2\">\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n              {shortcut && <Kbd>{shortcut}</Kbd>}\n              {hasSubmenu && (\n                <ChevronRightIcon aria-hidden className=\"size-4\" />\n              )}\n            </span>\n          </>\n        )\n      )}\n    </AriaMenuItem>\n  );\n};\n\nexport type { MenuRootProps, MenuProps };\nexport { MenuRoot, Menu, MenuItem, MenuContent, MenuSub };\n",
-      "target": "core/menu.tsx"
+      "path": "core/menu.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/modal.json b/www/public/registry/core/modal.json
index 9d6ab8016..b3d088afa 100644
--- a/www/public/registry/core/modal.json
+++ b/www/public/registry/core/modal.json
@@ -2,9 +2,9 @@
   "name": "modal",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Modal as AriaModal,\r\n  ModalOverlay as AriaModalOverlay,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst modalStyles = tv({\r\n  slots: {\r\n    underlay:\r\n      \"h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse/40 dark:bg-bg/40 fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]\",\r\n    overlay:\r\n      \"bg-bg entering:scale-95 exiting:scale-95 relative z-50 w-full max-w-lg scale-100 border shadow-lg duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-transform sm:rounded-lg md:w-full\",\r\n  },\r\n});\r\n\r\nconst { underlay, overlay } = modalStyles();\r\n\r\ninterface ModalProps extends React.ComponentProps<typeof AriaModal> {}\r\nconst Modal = ({ className, isDismissable = true, ...props }: ModalProps) => (\r\n  <AriaModalOverlay\r\n    isDismissable={isDismissable}\r\n    className={composeRenderProps(className, (className) =>\r\n      underlay({ className })\r\n    )}\r\n    {...props}\r\n  >\r\n    <AriaModal\r\n      isDismissable={isDismissable}\r\n      className={composeRenderProps(className, (className) =>\r\n        overlay({ className })\r\n      )}\r\n      {...props}\r\n    />\r\n  </AriaModalOverlay>\r\n);\r\n\r\nexport type { ModalProps };\r\nexport { Modal };\r\n",
-      "target": "core/modal.tsx"
+      "path": "core/modal.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/number-field.json b/www/public/registry/core/number-field.json
index ad00f98e9..24aaebb4b 100644
--- a/www/public/registry/core/number-field.json
+++ b/www/public/registry/core/number-field.json
@@ -2,9 +2,9 @@
   "name": "number-field",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  MinusIcon,\n  PlusIcon,\n} from \"lucide-react\";\nimport {\n  NumberField as AriaNumberField,\n  composeRenderProps,\n  type NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type inputStyles,\n} from \"@/registry/core/input_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\nimport { InputRootProps } from \"./input_basic\";\n\nconst numberFieldStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    inputRoot: \"grid gap-0 px-0\",\n    input: \"px-2 [grid-area:field]\",\n    increment: \"w-8 p-0 [grid-area:increment]\",\n    decrement: \"w-8 p-0 [grid-area:decrement]\",\n  },\n  variants: {\n    isMobile: {\n      true: {\n        inputRoot:\n          \"grid-cols-[auto_1fr_auto] [grid-template-areas:'decrement_field_increment']\",\n        increment: \"h-full rounded-none rounded-r-md border-l\",\n        decrement: \"h-full rounded-none rounded-l-md border-r\",\n      },\n      false: {\n        inputRoot:\n          \"grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']\",\n        increment: \"h-auto shrink rounded-none rounded-tr-md border-b border-l\",\n        decrement: \"h-auto shrink rounded-none rounded-br-md border-l\",\n      },\n    },\n  },\n});\n\nconst { root, inputRoot, input, increment, decrement } = numberFieldStyles();\n\ninterface NumberFieldProps\n  extends NumberFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst NumberField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: NumberFieldProps) => {\n  const isMobile = useMediaQuery(\"(max-width: 768px)\");\n\n  return (\n    <NumberFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} className={inputRoot({ isMobile })}>\n        <Button slot=\"decrement\" className={decrement({ isMobile })}>\n          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}\n        </Button>\n        <Input className={input()} />\n        <Button slot=\"increment\" className={increment({ isMobile })}>\n          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </NumberFieldRoot>\n  );\n};\n\ninterface NumberFieldRootProps\n  extends React.ComponentProps<typeof AriaNumberField> {\n  placeholder?: string;\n}\nconst NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {\n  return (\n    <AriaNumberField\n      className={composeRenderProps(className, (className) =>\n        root({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { NumberFieldProps, NumberFieldRootProps };\nexport { NumberField, NumberFieldRoot };\n",
-      "target": "core/number-field.tsx"
+      "path": "core/number-field.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/overlay.json b/www/public/registry/core/overlay.json
index a5913a773..2a3a2d814 100644
--- a/www/public/registry/core/overlay.json
+++ b/www/public/registry/core/overlay.json
@@ -2,9 +2,9 @@
   "name": "overlay",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport { Drawer, DrawerProps } from \"@/registry/core/drawer_basic\";\nimport { Modal, ModalProps } from \"@/registry/core/modal_basic\";\nimport { Popover, PopoverProps } from \"@/registry/core/popover_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\n\ntype Type = \"modal\" | \"popover\" | \"drawer\";\n\ntype CommonProps =\n  | \"UNSTABLE_portalContainer\"\n  | \"isDismissable\"\n  | \"isOpen\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n  | \"isKeyboardDismissDisabled\"\n  | \"shouldCloseOnInteractOutside\";\n\ninterface OverlayProps extends Pick<ModalProps, CommonProps> {\n  children?: React.ReactNode;\n  type?: Type;\n  mobileType?: Type | null;\n  popoverProps?: Omit<PopoverProps, \"children\" | CommonProps>;\n  modalProps?: Omit<ModalProps, \"children\" | CommonProps>;\n  drawerProps?: Omit<DrawerProps, \"children\" | CommonProps>;\n}\n\nfunction Overlay({\n  type = \"modal\",\n  mobileType = \"drawer\",\n  modalProps,\n  popoverProps,\n  drawerProps,\n  ...props\n}: OverlayProps) {\n  const isMobile = useMediaQuery(\"(max-width: 640px)\");\n  const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;\n\n  if (resolvedType === \"modal\") {\n    return <Modal {...modalProps} {...props} />;\n  }\n\n  if (resolvedType === \"popover\") {\n    return <Popover {...popoverProps} {...props} />;\n  }\n\n  if (resolvedType === \"drawer\") {\n    return <Drawer {...drawerProps} {...props} />;\n  }\n}\n\nexport type { OverlayProps };\nexport { Overlay };\n",
-      "target": "core/overlay.tsx"
+      "path": "core/overlay.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/popover.json b/www/public/registry/core/popover.json
index 7c49d4713..11d9a19ee 100644
--- a/www/public/registry/core/popover.json
+++ b/www/public/registry/core/popover.json
@@ -2,9 +2,9 @@
   "name": "popover",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  Popover as AriaPopover,\r\n  OverlayArrow as AriaOverlayArrow,\r\n} from \"react-aria-components\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst popoverStyles = tv({\r\n  slots: {\r\n    popover: [\r\n      \"bg-bg min-w-(--trigger-width) group rounded-md border shadow-md ease-[cubic-bezier(0.165,0.84,0.44,1)]\",\r\n      \"placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left\",\r\n      \"entering:opacity-0 exiting:opacity-0 opacity-100 duration-150 will-change-[transform,opacity]\",\r\n      \"translate-0 entering:placement-bottom:-translate-y-2 exiting:placement-bottom:-translate-y-2 entering:placement-top:translate-y-2 exiting:placement-top:translate-y-2 entering:placement-right:-translate-x-2 exiting:placement-right:-translate-x-2 entering:placement-left:translate-x-2 exiting:placement-left:translate-x-2\",\r\n    ],\r\n    arrow:\r\n      \"stroke-border fill-bg group-placement-left:-rotate-90 group-placement-right:rotate-90 group-placement-bottom:rotate-180 stroke-1\",\r\n  },\r\n});\r\n\r\nconst { popover, arrow } = popoverStyles();\r\n\r\ninterface PopoverProps extends React.ComponentProps<typeof AriaPopover> {\r\n  showArrow?: boolean;\r\n}\r\nfunction Popover({ className, showArrow = false, ...props }: PopoverProps) {\r\n  return (\r\n    <AriaPopover\r\n      className={composeRenderProps(className, (className) =>\r\n        popover({ className })\r\n      )}\r\n      {...props}\r\n    >\r\n      {composeRenderProps(props.children, (children) => (\r\n        <>\r\n          {children}\r\n          {showArrow && <PopoverArrow />}\r\n        </>\r\n      ))}\r\n    </AriaPopover>\r\n  );\r\n}\r\n\r\ninterface PopoverArrowProps extends React.ComponentProps<\"svg\"> {}\r\nfunction PopoverArrow({ className, ...props }: PopoverArrowProps) {\r\n  return (\r\n    <AriaOverlayArrow>\r\n      <svg\r\n        width={12}\r\n        height={12}\r\n        viewBox=\"0 0 8 8\"\r\n        className={arrow({ className })}\r\n        {...props}\r\n      >\r\n        <path d=\"M0 0 L4 4 L8 0\" />\r\n      </svg>\r\n    </AriaOverlayArrow>\r\n  );\r\n}\r\n\r\nexport type { PopoverProps };\r\nexport { Popover };\r\n",
-      "target": "core/popover.tsx"
+      "path": "core/popover.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/progress-bar.json b/www/public/registry/core/progress-bar.json
index 7ae1a5057..cf40cc056 100644
--- a/www/public/registry/core/progress-bar.json
+++ b/www/public/registry/core/progress-bar.json
@@ -2,9 +2,9 @@
   "name": "progress-bar",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ProgressBar as AriaProgress,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Label } from \"@/registry/core/field_basic\";\nimport { createScopedContext } from \"@/registry/lib/utils\";\n\nconst progressStyles = tv({\n  slots: {\n    root: \"flex w-60 flex-col gap-2\",\n    indicator: \"relative h-2.5 w-full overflow-hidden rounded-full\",\n    filler: [\n      \"bg-fg h-full w-full min-w-14 flex-1 origin-left transition-transform\",\n      \"indeterminate:animate-progress-indeterminate indeterminate:[-webkit-mask-image:linear-gradient(75deg,rgb(0,0,0)_30%,rgba(0,0,0,0.65)_80%)] indeterminate:[-webkit-mask-size:200%] indeterminate:[mask-image:linear-gradient(75deg,rgb(0,0,0)_30%,rgba(0,0,0,0.65)_80%)] indeterminate:[mask-size:200%]\",\n    ],\n    valueLabel: \"text-sm\",\n  },\n  variants: {\n    variant: {\n      primary: {\n        indicator: \"bg-bg-muted\",\n        filler: \"bg-bg-primary\",\n      },\n      accent: {\n        indicator: \"bg-bg-accent-muted\",\n        filler: \"bg-bg-accent\",\n      },\n      warning: {\n        indicator: \"bg-bg-warning-muted\",\n        filler: \"bg-bg-warning\",\n      },\n      danger: {\n        indicator: \"bg-bg-danger-muted\",\n        filler: \"bg-bg-danger\",\n      },\n      success: {\n        indicator: \"bg-bg-success-muted\",\n        filler: \"bg-bg-success\",\n      },\n    },\n    size: {\n      sm: {\n        indicator: \"h-1\",\n      },\n      md: {\n        indicator: \"h-2.5\",\n      },\n      lg: {\n        indicator: \"h-4\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"accent\",\n    size: \"md\",\n  },\n});\n\nconst { root, indicator, filler, valueLabel } = progressStyles();\n\nconst [ProgressBarProvider, useProgressBarContext] = createScopedContext<\n  VariantProps<typeof progressStyles> & {\n    isIndeterminate: boolean;\n    duration: `${number}s` | `${number}ms`;\n    valueText?: string;\n    percentage?: number;\n  }\n>(\"ProgressRoot\");\n\ninterface ProgressBarProps extends ProgressBarRootProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  showValueLabel?: boolean;\n}\nconst ProgressBar = ({\n  label,\n  description,\n  showValueLabel = false,\n  ...props\n}: ProgressBarProps) => {\n  return (\n    <ProgressBarRoot {...props}>\n      <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n        {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n        {showValueLabel && (\n          <ProgressBarValueLabel className=\"[grid-area:value]\" />\n        )}\n      </div>\n      <ProgressBarIndicator />\n    </ProgressBarRoot>\n  );\n};\n\ninterface ProgressBarRootProps\n  extends React.ComponentProps<typeof AriaProgress>,\n    VariantProps<typeof progressStyles> {\n  duration?: `${number}s` | `${number}ms`;\n}\nconst ProgressBarRoot = ({\n  variant,\n  size,\n  duration = \"0s\",\n  isIndeterminate,\n  children,\n  className,\n  ...props\n}: ProgressBarRootProps) => {\n  return (\n    <AriaProgress\n      className={composeRenderProps(className, (className) =>\n        root({ variant, className })\n      )}\n      isIndeterminate={\n        isIndeterminate || (duration !== \"0s\" && duration !== \"0ms\")\n      }\n      {...props}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isIndeterminate, valueText, percentage }) => (\n          <ProgressBarProvider\n            duration={duration}\n            variant={variant}\n            size={size}\n            isIndeterminate={isIndeterminate}\n            valueText={valueText}\n            percentage={percentage}\n          >\n            {children}\n          </ProgressBarProvider>\n        )\n      )}\n    </AriaProgress>\n  );\n};\n\ninterface ProgressBarIndicatorProps extends React.ComponentProps<\"div\"> {}\nconst ProgressBarIndicator = ({\n  className,\n  ...props\n}: ProgressBarIndicatorProps) => {\n  const { variant, size, isIndeterminate, percentage, duration } =\n    useProgressBarContext(\"ProgressBarIndicator\");\n  return (\n    <div className={indicator({ variant, size, className })} {...props}>\n      <div\n        data-rac=\"\"\n        data-indeterminate={isIndeterminate || undefined}\n        className={filler({ variant, size })}\n        style={\n          {\n            \"--progress-duration\": duration,\n            transform: percentage ? `scaleX(${percentage / 100})` : undefined,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n};\n\ninterface ProgressBarValueLabelProps extends React.ComponentProps<\"span\"> {}\nconst ProgressBarValueLabel = ({\n  className,\n  ...props\n}: ProgressBarValueLabelProps) => {\n  const { valueText } = useProgressBarContext(\"ProgressBarValueLabel\");\n\n  return (\n    <span className={valueLabel({ className })} {...props}>\n      {valueText}\n    </span>\n  );\n};\n\nexport type {\n  ProgressBarProps,\n  ProgressBarRootProps,\n  ProgressBarIndicatorProps,\n  ProgressBarValueLabelProps,\n};\n\nexport {\n  ProgressBar,\n  ProgressBarRoot,\n  ProgressBarIndicator,\n  ProgressBarValueLabel,\n};\n",
-      "target": "core/progress-bar.tsx"
+      "path": "core/progress-bar.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/radio-group.json b/www/public/registry/core/radio-group.json
index 622ec5d21..eda34e82c 100644
--- a/www/public/registry/core/radio-group.json
+++ b/www/public/registry/core/radio-group.json
@@ -2,9 +2,9 @@
   "name": "radio-group",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  composeRenderProps,\n  type ValidationResult,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { HelpText, Label } from \"@/registry/core/field_basic\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\nimport {\n  createOptionalScopedContext,\n  createScopedContext,\n} from \"@/registry/lib/utils\";\n\nconst radioStyles = tv({\n  slots: {\n    root: \"disabled:text-fg-disabled invalid:text-fg-danger group flex cursor-pointer flex-row items-center gap-2 disabled:cursor-default\",\n    indicator: [\n      focusRing(),\n      \"border-border-control group-selected:border-bg-primary group-selected:border-4 relative size-4 shrink-0 rounded-full border transition-all duration-100\",\n      \"group-disabled:border-border-disabled selected:group-disabled:bg-bg-disabled indeterminate:group-disabled:bg-bg-disabled\",\n      \"group-invalid:border-border-danger group-invalid:selected:border-bg-danger\",\n    ],\n  },\n  variants: {\n    variant: {\n      default: {\n        indicator: focusRingGroup(),\n      },\n      card: {\n        root: [\n          focusRing(),\n          \"selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled flex-row-reverse gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { root, indicator } = radioStyles();\n\nconst [VariantsProvider, useVariantsContext] =\n  createScopedContext<VariantProps<typeof radioStyles>>(\"RadioRoot\");\n\nconst [RadioProvider, useRadioContext] =\n  createOptionalScopedContext<VariantProps<typeof radioStyles>>(\"Radio\");\n\ninterface RadioProps extends RadioRootProps {}\nconst Radio = ({ children, ...props }: RadioProps) => {\n  return (\n    <RadioRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <RadioIndicator />\n          {children}\n        </>\n      ))}\n    </RadioRoot>\n  );\n};\n\ninterface RadioRootProps\n  extends React.ComponentProps<typeof AriaRadio>,\n    VariantProps<typeof radioStyles> {}\n\nconst RadioRoot = (localProps: RadioRootProps) => {\n  const contextProps = useRadioContext();\n  const { variant, className, ...props } = { ...contextProps, ...localProps };\n  return (\n    <VariantsProvider variant={variant}>\n      <AriaRadio\n        className={composeRenderProps(className, (className) =>\n          root({ variant, className })\n        )}\n        {...props}\n      />\n    </VariantsProvider>\n  );\n};\n\ninterface RadioIndicatorProps extends React.ComponentProps<\"div\"> {}\n\nconst RadioIndicator = ({ className, ...props }: RadioIndicatorProps) => {\n  const { variant } = useVariantsContext(\"RadioIndicator\");\n  return <div className={indicator({ variant, className })} {...props} />;\n};\n\nconst radioGroupStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2\",\n    wrapper: \"flex gap-1\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        wrapper: \"flex-row gap-2\",\n      },\n      vertical: {\n        wrapper: \"flex-col\",\n      },\n    },\n  },\n});\n\nconst { root: radioGroupRoot, wrapper } = radioGroupStyles();\n\ninterface RadioGroupProps extends RadioGroupRootProps {\n  label?: string;\n  description?: string;\n  errorMessage?: string | ((validation: ValidationResult) => string);\n}\n\nconst RadioGroup = ({\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: RadioGroupProps) => {\n  return (\n    <RadioGroupRoot {...props}>\n      {composeRenderProps(children, (children, { orientation }) => (\n        <>\n          {label && <Label>{label}</Label>}\n          <div className={wrapper({ orientation })}>{children}</div>\n          <HelpText description={description} errorMessage={errorMessage} />\n        </>\n      ))}\n    </RadioGroupRoot>\n  );\n};\n\ninterface RadioGroupRootProps\n  extends React.ComponentProps<typeof AriaRadioGroup>,\n    VariantProps<typeof radioGroupStyles>,\n    VariantProps<typeof radioStyles> {}\n\nconst RadioGroupRoot = ({\n  variant,\n  className,\n  ...props\n}: RadioGroupRootProps) => {\n  return (\n    <RadioProvider variant={variant}>\n      <AriaRadioGroup\n        className={composeRenderProps(className, (className) =>\n          radioGroupRoot({ className })\n        )}\n        {...props}\n      />\n    </RadioProvider>\n  );\n};\n\nexport type { RadioProps, RadioRootProps, RadioIndicatorProps };\nexport { Radio, RadioRoot, RadioIndicator };\n\nexport type { RadioGroupProps, RadioGroupRootProps };\nexport { RadioGroup, RadioGroupRoot };\n",
-      "target": "core/radio-group.tsx"
+      "path": "core/radio-group.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/search-field.json b/www/public/registry/core/search-field.json
index 2bc0dbd52..bc4a24208 100644
--- a/www/public/registry/core/search-field.json
+++ b/www/public/registry/core/search-field.json
@@ -2,9 +2,9 @@
   "name": "search-field",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { SearchIcon, XIcon } from \"lucide-react\";\nimport {\n  SearchField as AriaSearchField,\n  Button as AriaButton,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\nimport { Button } from \"./button_basic\";\n\nconst searchFieldtyles = tv({\n  base: \"group flex w-48 flex-col items-start gap-2 empty:[&_button[slot='clear']]:hidden [&_input]:[&::-webkit-search-cancel-button]:appearance-none [&_input]:[&::-webkit-search-decoration]:appearance-none\",\n});\n\ninterface SearchFieldProps\n  extends SearchFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst SearchField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: SearchFieldProps) => {\n  return (\n    <SearchFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size}>\n        <SearchIcon />\n        <Input />\n        <Button\n          slot=\"clear\"\n          variant=\"quiet\"\n          size=\"sm\"\n          shape=\"circle\"\n          className=\"size-6\"\n        >\n          <XIcon />\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </SearchFieldRoot>\n  );\n};\n\ninterface SearchFieldRootProps\n  extends React.ComponentProps<typeof AriaSearchField> {\n  placeholder?: string;\n}\nconst SearchFieldRoot = ({ className, ...props }: SearchFieldRootProps) => {\n  return (\n    <AriaSearchField\n      className={composeRenderProps(className, (className) =>\n        searchFieldtyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { SearchFieldProps, SearchFieldRootProps };\nexport { SearchField, SearchFieldRoot };\n",
-      "target": "core/search-field.tsx"
+      "path": "core/search-field.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/select.json b/www/public/registry/core/select.json
index ef15972d8..ade4f4766 100644
--- a/www/public/registry/core/select.json
+++ b/www/public/registry/core/select.json
@@ -2,9 +2,9 @@
   "name": "select",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  type SelectProps as AriaSelectProps,\n  type SelectValueProps as AriaSelectValueProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { HelpText, Label, type FieldProps } from \"@/registry/core/field_basic\";\nimport { ListBox, type ListBoxProps } from \"@/registry/core/list-box_basic\";\nimport { Popover } from \"@/registry/core/popover_basic\";\n\nconst selectStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    selectValue: \"flex-1 text-left\",\n  },\n});\n\ninterface SelectProps<T extends object>\n  extends Omit<SelectRootProps<T>, \"children\">,\n    FieldProps {\n  children?: ListBoxProps<T>[\"children\"];\n  dependencies?: ListBoxProps<T>[\"dependencies\"];\n  items?: ListBoxProps<T>[\"items\"];\n  isLoading?: ListBoxProps<T>[\"isLoading\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n}\nconst Select = <T extends object>({\n  variant,\n  size,\n  label,\n  description,\n  errorMessage,\n  children,\n  dependencies,\n  items,\n  isLoading,\n  ...props\n}: SelectProps<T>) => {\n  return (\n    <SelectRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <Button\n        variant={variant}\n        size={size}\n        suffix={<ChevronDownIcon />}\n        className=\"w-full\"\n      >\n        <SelectValue />\n      </Button>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Popover>\n        <ListBox\n          isLoading={isLoading}\n          items={items}\n          dependencies={dependencies}\n        >\n          {children}\n        </ListBox>\n      </Popover>\n    </SelectRoot>\n  );\n};\n\ntype SelectValueProps<T extends object> = AriaSelectValueProps<T>;\nconst SelectValue = <T extends object>(props: SelectValueProps<T>) => {\n  const { selectValue } = selectStyles();\n  return (\n    <AriaSelectValue\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        selectValue({ className })\n      )}\n    />\n  );\n};\n\ninterface SelectRootProps<T extends object>\n  extends Omit<AriaSelectProps<T>, \"className\"> {\n  className?: string;\n}\nconst SelectRoot = <T extends object>({\n  className,\n  ...props\n}: SelectRootProps<T>) => {\n  const { root } = selectStyles();\n  return <AriaSelect className={root({ className })} {...props} />;\n};\n\nexport type { SelectProps, SelectRootProps, SelectValueProps };\nexport { Select, SelectRoot, SelectValue };\n",
-      "target": "core/select.tsx"
+      "path": "core/select.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/separator.json b/www/public/registry/core/separator.json
index 4f922bbe3..65d46fc54 100644
--- a/www/public/registry/core/separator.json
+++ b/www/public/registry/core/separator.json
@@ -2,9 +2,9 @@
   "name": "separator",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport React from \"react\";\nimport { Separator as AriaSeparator } from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\n\nconst separatorStyles = tv({\n  base: \"bg-border separator shrink-0 border-0\",\n  variants: {\n    orientation: {\n      horizontal: \"h-px w-full\",\n      vertical: \"h-full w-px\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\ninterface SeparatorProps extends React.ComponentProps<typeof AriaSeparator> {}\nconst Separator = ({ orientation, className, ...props }: SeparatorProps) => {\n  return (\n    <AriaSeparator\n      className={separatorStyles({ orientation, className })}\n      {...props}\n    />\n  );\n};\n\nexport { Separator };\n",
-      "target": "core/separator.tsx"
+      "path": "core/separator.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/skeleton.json b/www/public/registry/core/skeleton.json
index 69e7471a3..44d08620d 100644
--- a/www/public/registry/core/skeleton.json
+++ b/www/public/registry/core/skeleton.json
@@ -2,9 +2,9 @@
   "name": "skeleton",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "// work in progress\n// Auto layout skeleton inspiration: https://x.com/devongovett/status/1838980741197447529\nimport { cn } from \"@/registry/lib/utils\";\n\nfunction Skeleton({\n  className,\n  show = true,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  show?: boolean;\n}) {\n  if (!show) return props.children;\n  return (\n    <div\n      className={cn(\n        \"bg-bg-muted relative block h-6 animate-pulse rounded-md\",\n        props.children && \"h-auto *:invisible\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n",
-      "target": "core/skeleton.tsx"
+      "path": "core/skeleton.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/slider.json b/www/public/registry/core/slider.json
index d0de0164d..80ad9a2c8 100644
--- a/www/public/registry/core/slider.json
+++ b/www/public/registry/core/slider.json
@@ -2,9 +2,9 @@
   "name": "slider",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { useSlotId } from \"@react-aria/utils\";\nimport {\n  composeRenderProps,\n  Slider as AriaSlider,\n  SliderOutput as AriaSliderOutput,\n  SliderThumb as AriaSliderThumb,\n  SliderTrack as AriaSliderTrack,\n  TextContext,\n  SliderStateContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Description, Label } from \"@/registry/core/field_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\nimport { createScopedContext } from \"@/registry/lib/utils\";\n\nconst sliderStyles = tv({\n  slots: {\n    root: \"group flex flex-col gap-2\",\n    track:\n      \"bg-bg-neutral disabled:bg-bg-disabled relative grow cursor-pointer rounded-full disabled:cursor-default\",\n    filler:\n      \"bg-border-focus group-disabled:bg-bg-disabled pointer-events-none absolute rounded-full\",\n    thumb: [\n      focusRing(),\n      \"disabled:bg-bg-disabled disabled:border-bg left-[50%] top-[50%] rounded-full bg-white shadow-md transition-[width,height] disabled:border\",\n    ],\n    valueLabel: \"text-fg-muted text-sm\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"w-48\",\n        track: \"h-2 w-full\",\n        filler: \"top-0 h-full\",\n      },\n      vertical: {\n        root: \"h-48 items-center\",\n        track: \"w-2 flex-1\",\n        filler: \"bottom-0 w-full\",\n      },\n    },\n    size: {\n      sm: {\n        thumb: \"dragging:size-4 size-3\",\n        track: \"orientation-vertical:w-1 orientation-horizontal:h-1\",\n      },\n      md: {\n        thumb: \"dragging:size-5 size-4\",\n        track: \"orientation-vertical:w-2 orientation-horizontal:h-2\",\n      },\n      lg: {\n        thumb: \"dragging:size-6 size-5\",\n        track: \"orientation-vertical:w-3 orientation-horizontal:h-3\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst { root, track, filler, thumb, valueLabel } = sliderStyles();\n\nconst [SliderProvider, useSliderContext] =\n  createScopedContext<VariantProps<typeof sliderStyles>>(\"SliderRoot\");\n\ninterface SliderProps extends Omit<SliderRootProps, \"children\"> {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  showValueLabel?: boolean;\n  getValueLabel?: (value: number[]) => string;\n}\nconst Slider = ({\n  label,\n  description,\n  showValueLabel = true,\n  getValueLabel,\n  ...props\n}: SliderProps) => {\n  return (\n    <SliderRoot {...props}>\n      <div className=\"grid grid-cols-[1fr_auto] [grid-template-areas:'label_value']\">\n        {label && <Label className=\"[grid-area:label]\">{label}</Label>}\n        {showValueLabel && (\n          <SliderValueLabel className=\"[grid-area:value]\">\n            {({ state }) =>\n              getValueLabel ? getValueLabel(state.values) : null\n            }\n          </SliderValueLabel>\n        )}\n      </div>\n      <SliderTrack>\n        {({ state }) => (\n          <>\n            <SliderFiller />\n            {state.values.map((_, i) => (\n              <SliderThumb key={i} index={i} />\n            ))}\n          </>\n        )}\n      </SliderTrack>\n      {description && <Description>{description}</Description>}\n    </SliderRoot>\n  );\n};\n\ninterface SliderRootProps\n  extends React.ComponentProps<typeof AriaSlider>,\n    VariantProps<typeof sliderStyles> {}\nconst SliderRoot = ({\n  children,\n  className,\n  size,\n  ...props\n}: SliderRootProps) => {\n  const descriptionId = useSlotId();\n  return (\n    <AriaSlider\n      aria-describedby={descriptionId}\n      className={composeRenderProps(className, (className, { orientation }) =>\n        root({ orientation, size, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, { orientation }) => (\n        <>\n          <TextContext\n            value={{ slots: { description: { id: descriptionId } } }}\n          >\n            <SliderProvider orientation={orientation} size={size}>\n              {children}\n            </SliderProvider>\n          </TextContext>\n        </>\n      ))}\n    </AriaSlider>\n  );\n};\n\ninterface SliderTrackProps\n  extends React.ComponentProps<typeof AriaSliderTrack> {}\nconst SliderTrack = ({ ...props }: SliderTrackProps) => {\n  const { orientation, size } = useSliderContext(\"SliderTrack\");\n  return (\n    <AriaSliderTrack\n      className={composeRenderProps(props.className, (className) =>\n        track({ orientation, size, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface SliderFillerProps extends React.ComponentProps<\"div\"> {}\nconst SliderFiller = ({ className, style, ...props }: SliderFillerProps) => {\n  const { size } = useSliderContext(\"SliderTrack\");\n  const SliderState = React.useContext(SliderStateContext);\n  if (!SliderState)\n    throw new Error(\"SliderFiller must be used within SliderRoot\");\n  const { orientation, getThumbPercent, values } = SliderState;\n  const dimensionStyles = getFillerDimensions(\n    values,\n    orientation,\n    getThumbPercent\n  );\n\n  return (\n    <div\n      className={filler({ orientation, size, className })}\n      style={{ ...style, ...dimensionStyles }}\n      {...props}\n    />\n  );\n};\n\ninterface SliderThumbProps\n  extends React.ComponentProps<typeof AriaSliderThumb> {}\nconst SliderThumb = ({ className, ...props }: SliderThumbProps) => {\n  const { orientation, size } = useSliderContext(\"SliderThumb\");\n  return (\n    <AriaSliderThumb\n      className={composeRenderProps(className, (className) =>\n        thumb({ orientation, size, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface SliderValueLabelProps\n  extends React.ComponentProps<typeof AriaSliderOutput> {}\nconst SliderValueLabel = ({\n  children,\n  className,\n  ...props\n}: SliderValueLabelProps) => {\n  return (\n    <AriaSliderOutput\n      className={composeRenderProps(className, (className) =>\n        valueLabel({ className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(\n        children,\n        (children, { state }) =>\n          children ??\n          state.values.map((_, i) => state.getThumbValueLabel(i)).join(\" - \")\n      )}\n    </AriaSliderOutput>\n  );\n};\n\nconst getFillerDimensions = (\n  values: number[],\n  orientation: \"horizontal\" | \"vertical\",\n  getThumbPercent: (index: number) => number\n): React.CSSProperties => {\n  if (values.length === 1 && orientation === \"horizontal\")\n    return { width: `${getThumbPercent(0) * 100}%` };\n\n  if (values.length === 1 && orientation === \"vertical\")\n    return { height: `${getThumbPercent(0) * 100}%` };\n\n  if (orientation === \"horizontal\")\n    return {\n      left: `${getThumbPercent(0) * 100}%`,\n      width: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,\n    };\n\n  if (orientation === \"vertical\")\n    return {\n      bottom: `${getThumbPercent(0) * 100}%`,\n      height: `${Math.abs(getThumbPercent(0) - getThumbPercent(1)) * 100}%`,\n    };\n\n  return {};\n};\n\nexport {\n  Slider,\n  SliderRoot,\n  SliderTrack,\n  SliderFiller,\n  SliderThumb,\n  SliderValueLabel,\n};\n",
-      "target": "core/slider.tsx"
+      "path": "core/slider.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/switch.json b/www/public/registry/core/switch.json
index 46e5f6cb9..68f5643d4 100644
--- a/www/public/registry/core/switch.json
+++ b/www/public/registry/core/switch.json
@@ -2,9 +2,9 @@
   "name": "switch",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Switch as AriaSwitch,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { focusRing, focusRingGroup } from \"@/registry/lib/focus-styles\";\nimport { createScopedContext } from \"@/registry/lib/utils\";\n\nconst switchStyles = tv({\n  slots: {\n    root: \"disabled:text-fg-disabled group flex items-center justify-start gap-3\",\n    indicator: [\n      \"group-disabled:border-border-disabled group-selected:group-disabled:border-none group-selected:group-disabled:bg-bg-disabled group-selected:bg-border-focus bg-bg-neutral inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors group-disabled:cursor-not-allowed group-disabled:border group-disabled:bg-transparent\",\n    ],\n    thumb:\n      \"group-disabled:bg-fg-disabled pointer-events-none block origin-right rounded-full bg-white shadow-lg ring-0 transition-all duration-200\",\n  },\n  variants: {\n    variant: {\n      default: { indicator: focusRingGroup() },\n      card: {\n        root: [\n          focusRing(),\n          \"selected:bg-bg-muted disabled:selected:bg-bg-disabled disabled:border-border-disabled cursor-pointer flex-row-reverse justify-between gap-4 rounded-md border p-4 transition-colors\",\n        ],\n      },\n    },\n    size: {\n      sm: {\n        indicator: \"h-5 w-9\",\n        thumb:\n          \"group-pressed:w-5 group-selected:ml-4 group-selected:group-pressed:ml-3 size-4\",\n      },\n      md: {\n        indicator: \"h-6 w-11\",\n        thumb:\n          \"group-pressed:w-6 group-selected:ml-5 group-selected:group-pressed:ml-4 size-5\",\n      },\n      lg: {\n        indicator: \"w-13 h-7\",\n        thumb:\n          \"group-pressed:w-7 group-selected:ml-6 group-selected:group-pressed:ml-5 size-6\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nconst { root, indicator, thumb } = switchStyles();\n\nconst [SwitchProvider, useSwitchContext] =\n  createScopedContext<VariantProps<typeof switchStyles>>(\"SwitchRoot\");\n\ninterface SwitchProps extends SwitchRootProps {}\nconst Switch = ({ children, ...props }: SwitchProps) => {\n  return (\n    <SwitchRoot {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          <SwitchIndicator>\n            <SwitchThumb />\n          </SwitchIndicator>\n          {children}\n        </>\n      ))}\n    </SwitchRoot>\n  );\n};\n\ninterface SwitchRootProps\n  extends React.ComponentProps<typeof AriaSwitch>,\n    VariantProps<typeof switchStyles> {}\nconst SwitchRoot = ({\n  variant,\n  size,\n  className,\n  ...props\n}: SwitchRootProps) => {\n  return (\n    <SwitchProvider variant={variant} size={size}>\n      <AriaSwitch\n        className={composeRenderProps(className, (className) =>\n          root({ variant, size, className })\n        )}\n        {...props}\n      />\n    </SwitchProvider>\n  );\n};\n\ninterface SwitchIndicatorProps extends React.ComponentProps<\"span\"> {}\nconst SwitchIndicator = ({ className, ...props }: SwitchIndicatorProps) => {\n  const { variant, size } = useSwitchContext(\"SwitchIndicator\");\n  return (\n    <span className={indicator({ variant, size, className })} {...props} />\n  );\n};\n\ninterface SwitchThumbProps extends React.ComponentProps<\"span\"> {}\nconst SwitchThumb = ({ className, ...props }: SwitchThumbProps) => {\n  const { variant, size } = useSwitchContext(\"SwitchThumb\");\n  return <span className={thumb({ variant, size, className })} {...props} />;\n};\n\nexport type {\n  SwitchProps,\n  SwitchRootProps,\n  SwitchIndicatorProps,\n  SwitchThumbProps,\n};\nexport { Switch, SwitchRoot, SwitchIndicator, SwitchThumb };\n",
-      "target": "core/switch.tsx"
+      "path": "core/switch.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/table.json b/www/public/registry/core/table.json
index 30c0c8103..52c84d5a9 100644
--- a/www/public/registry/core/table.json
+++ b/www/public/registry/core/table.json
@@ -2,9 +2,9 @@
   "name": "table",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport { ChevronDownIcon, ChevronUpIcon, GripVerticalIcon } from \"lucide-react\";\r\nimport {\r\n  ResizableTableContainer as AriaResizableTableContainer,\r\n  Table as AriaTable,\r\n  TableHeader as AriaTableHeader,\r\n  TableBody as AriaTableBody,\r\n  Column as AriaColumn,\r\n  Collection as AriaCollection,\r\n  ColumnResizer as AriaColumnResizer,\r\n  Row as AriaRow,\r\n  Cell as AriaCell,\r\n  Button as AriaButton,\r\n  useTableOptions,\r\n  composeRenderProps,\r\n  type RowProps as AriaRowProps,\r\n  type TableBodyProps as AriaTableBodyProps,\r\n  type TableHeaderProps as AriaTableHeaderProps,\r\n} from \"react-aria-components\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Checkbox } from \"@/registry/core/checkbox_basic\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\nimport { cn } from \"@/registry/lib/utils\";\r\nimport { createScopedContext } from \"@/registry/lib/utils\";\r\n\r\nconst tableStyles = tv({\r\n  slots: {\r\n    resizableContainer: \"w-[500px] overflow-auto\",\r\n    root: [\r\n      \"relative min-h-24 w-full border-separate border-spacing-0 cursor-default text-sm\",\r\n      \"[&_.react-aria-DropIndicator]:outline-bg-accent [&_.react-aria-DropIndicator]:translate-z-0 [&_.react-aria-DropIndicator]:outline\",\r\n    ],\r\n    header: \"sticky top-0 z-10\",\r\n    column: [\r\n      focusRing(),\r\n      \"allows-sorting:cursor-pointer text-fg-muted relative whitespace-nowrap px-3 py-2 text-left font-medium\",\r\n    ],\r\n    resizer: [\r\n      focusRing(),\r\n      \"resizing:before:bg-bg-accent before:bg-border-field resizing:before:w-0.5 absolute right-0 box-content h-5 w-px cursor-col-resize px-2 before:block before:h-5 before:w-px before:transition-colors before:content-['']\",\r\n    ],\r\n    body: \"empty:text-center empty:italic\",\r\n    row: [\r\n      focusRing(),\r\n      \"data-href:cursor-pointer data-href:hover:bg-bg-muted data-action:cursor-pointer data-action:hover:bg-bg-muted disabled:text-fg-disabled data-[selection-mode=single]:hover:not-selected:bg-bg-muted data-[selection-mode=multiple]:hover:not-selected:bg-bg-muted selected:text-fg dragging:bg-bg relative transition-colors data-[selection-mode=multiple]:cursor-pointer data-[selection-mode=single]:cursor-pointer\",\r\n    ],\r\n    cell: [focusRing(), \"truncate px-3 py-2\"],\r\n  },\r\n  variants: {\r\n    variant: {\r\n      bordered: {\r\n        root: \"rounded-md border\",\r\n        column: \"border-b\",\r\n        row: \"group/row\",\r\n        cell: \"border-b group-last/row:border-b-0\",\r\n      },\r\n      solid: {\r\n        root: \"bg-bg-inverse/5 rounded-lg p-2\",\r\n        header: \"text-fg-muted border-y\",\r\n        body: \"text-fg\",\r\n        column: \"bg-bg-inverse/5 first:rounded-l-sm last:rounded-r-sm\",\r\n      },\r\n      line: {\r\n        column: \"border-b\",\r\n        row: \"group/row\",\r\n        cell: \"border-b group-last/row:border-b-0\",\r\n      },\r\n      quiet: {},\r\n    },\r\n    selectionVariant: {\r\n      primary: {\r\n        row: \"selected:bg-bg-primary-muted\",\r\n      },\r\n      accent: {\r\n        row: \"selected:bg-bg-accent-muted\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"line\",\r\n    selectionVariant: \"accent\",\r\n  },\r\n});\r\n\r\nconst { resizableContainer, root, header, column, resizer, body, row, cell } =\r\n  tableStyles();\r\n\r\nconst [TableProvider, useTableContext] = createScopedContext<\r\n  VariantProps<typeof tableStyles> & {\r\n    globalAction?: boolean;\r\n  }\r\n>(\"TableRoot\");\r\n\r\ninterface TableRootProps\r\n  extends React.ComponentProps<typeof AriaTable>,\r\n    VariantProps<typeof tableStyles> {}\r\nconst TableRoot = ({\r\n  variant,\r\n  selectionVariant,\r\n  onRowAction,\r\n  ...props\r\n}: TableRootProps) => {\r\n  return (\r\n    <TableProvider\r\n      variant={variant}\r\n      selectionVariant={selectionVariant}\r\n      globalAction={!!onRowAction}\r\n    >\r\n      <AriaTable\r\n        className={root({ variant })}\r\n        onRowAction={onRowAction}\r\n        {...props}\r\n      />\r\n    </TableProvider>\r\n  );\r\n};\r\n\r\ninterface TableHeaderProps<T extends object> extends AriaTableHeaderProps<T> {}\r\nconst TableHeader = <T extends object>({\r\n  columns,\r\n  children,\r\n  ...props\r\n}: TableHeaderProps<T>) => {\r\n  const { variant, selectionVariant } = useTableContext(\"TableHeader\");\r\n  const { selectionBehavior, selectionMode, allowsDragging } =\r\n    useTableOptions();\r\n  return (\r\n    <AriaTableHeader className={header({ variant })} {...props}>\r\n      {allowsDragging && <TableColumn />}\r\n      {selectionBehavior === \"toggle\" && (\r\n        <TableColumn>\r\n          {selectionMode === \"multiple\" && (\r\n            <Checkbox slot=\"selection\" variant={selectionVariant} />\r\n          )}\r\n        </TableColumn>\r\n      )}\r\n      <AriaCollection items={columns}>{children}</AriaCollection>\r\n    </AriaTableHeader>\r\n  );\r\n};\r\n\r\ninterface TableColumnProps extends React.ComponentProps<typeof AriaColumn> {\r\n  allowsResizing?: boolean;\r\n}\r\nfunction TableColumn({\r\n  allowsResizing,\r\n  children,\r\n  className,\r\n  ...props\r\n}: TableColumnProps) {\r\n  const { variant } = useTableContext(\"TableColumn\");\r\n  return (\r\n    <AriaColumn\r\n      className={composeRenderProps(className, (className) =>\r\n        column({ variant, className })\r\n      )}\r\n      {...props}\r\n    >\r\n      {composeRenderProps(\r\n        children,\r\n        (children, { allowsSorting, sortDirection }) => (\r\n          <div className=\"flex items-center gap-2\">\r\n            <span className=\"flex-1 truncate\">{children}</span>\r\n            {allowsSorting &&\r\n              (sortDirection === \"ascending\" ? (\r\n                <ChevronUpIcon aria-hidden className=\"text-fg-muted size-3\" />\r\n              ) : (\r\n                <ChevronDownIcon aria-hidden className=\"text-fg-muted size-3\" />\r\n              ))}\r\n            {allowsResizing && !props.width && (\r\n              <AriaColumnResizer className={resizer()} />\r\n            )}\r\n          </div>\r\n        )\r\n      )}\r\n    </AriaColumn>\r\n  );\r\n}\r\ninterface TableBodyProps<T extends object> extends AriaTableBodyProps<T> {\r\n  ref?: React.RefObject<HTMLTableSectionElement>;\r\n}\r\nconst TableBody = <T extends object>({\r\n  renderEmptyState = () => \"No results found.\",\r\n  className,\r\n  ...props\r\n}: TableBodyProps<T>) => {\r\n  const { variant } = useTableContext(\"TableBody\");\r\n  return (\r\n    <AriaTableBody\r\n      renderEmptyState={renderEmptyState}\r\n      className={composeRenderProps(className, (className) =>\r\n        body({ variant, className })\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\ninterface TableRowProps<T extends object> extends AriaRowProps<T> {}\r\nfunction TableRow<T extends object>({\r\n  columns,\r\n  children,\r\n  onAction,\r\n  ...props\r\n}: TableRowProps<T>) {\r\n  const { selectionBehavior, allowsDragging } = useTableOptions();\r\n  const { variant, selectionVariant, globalAction } =\r\n    useTableContext(\"TableRow\");\r\n\r\n  return (\r\n    <AriaRow\r\n      data-action={globalAction || !!onAction || undefined}\r\n      className={row({ variant, selectionVariant })}\r\n      onAction={onAction}\r\n      {...props}\r\n    >\r\n      {allowsDragging && (\r\n        <TableCell className=\"cursor-grab\">\r\n          <AriaButton\r\n            slot=\"drag\"\r\n            className={cn(\r\n              focusRing(),\r\n              \"rounded-xs text-fg-muted inline-flex items-center justify-center [&_svg]:size-4\"\r\n            )}\r\n          >\r\n            <GripVerticalIcon />\r\n          </AriaButton>\r\n        </TableCell>\r\n      )}\r\n      {selectionBehavior === \"toggle\" && (\r\n        <TableCell>\r\n          <Checkbox slot=\"selection\" variant={selectionVariant} />\r\n        </TableCell>\r\n      )}\r\n      <AriaCollection items={columns}>{children}</AriaCollection>\r\n    </AriaRow>\r\n  );\r\n}\r\n\r\ninterface TableCellProps extends React.ComponentProps<typeof AriaCell> {}\r\nconst TableCell = ({ className, ...props }: TableCellProps) => {\r\n  const { variant } = useTableContext(\"TableCell\");\r\n  return (\r\n    <AriaCell\r\n      className={composeRenderProps(className, (className) =>\r\n        cell({ variant, className })\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\ninterface TableResizableContainerProps\r\n  extends React.ComponentProps<typeof AriaResizableTableContainer> {}\r\nconst TableResizableContainer = ({\r\n  className,\r\n  ...props\r\n}: TableResizableContainerProps) => {\r\n  return (\r\n    <AriaResizableTableContainer\r\n      className={resizableContainer({ className })}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport type {\r\n  TableResizableContainerProps,\r\n  TableRootProps,\r\n  TableHeaderProps,\r\n  TableBodyProps,\r\n  TableColumnProps,\r\n  TableRowProps,\r\n  TableCellProps,\r\n};\r\nexport {\r\n  TableResizableContainer,\r\n  TableRoot,\r\n  TableHeader,\r\n  TableBody,\r\n  TableColumn,\r\n  TableRow,\r\n  TableCell,\r\n};\r\n",
-      "target": "core/table.tsx"
+      "path": "core/table.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/tabs_basic.json b/www/public/registry/core/tabs_basic.json
index 08846e09a..d4946acd6 100644
--- a/www/public/registry/core/tabs_basic.json
+++ b/www/public/registry/core/tabs_basic.json
@@ -2,9 +2,9 @@
   "name": "tabs_basic",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabListProps as AriaTabListProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\nimport { createScopedContext } from \"@/registry/lib/utils\";\n\nconst tabsStyles = tv({\n  slots: {\n    root: \"flex\",\n    list: \"flex\",\n    tab: [\n      focusRing(),\n      \"text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default\",\n    ],\n    panel: focusRing(),\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"flex-col\",\n        list: \"\",\n        panel: \"mt-2\",\n      },\n      vertical: {\n        root: \"flex-row\",\n        list: \"flex-col\",\n        panel: \"ml-2\",\n      },\n    },\n    variant: {\n      solid: {\n        list: \"bg-bg-muted gap-1 rounded-lg p-1\",\n        tab: \"selected:bg-bg-inverse/10 disabled:bg-bg-disabled selected:shadow-sm rounded-sm px-3 py-1.5 font-medium\",\n      },\n      underline: {\n        tab: \"selected:border-bg-accent border-transparent p-2.5\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"horizontal\",\n      variant: \"underline\",\n      className: {\n        list: \"border-b\",\n        tab: \"border-b-3 -mb-px\",\n      },\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"underline\",\n      className: {\n        list: \"border-r\",\n        tab: \"border-r-3 -mr-px\",\n      },\n    },\n  ],\n});\n\nconst { root, list, tab, panel } = tabsStyles();\n\nconst [TabsProvider, useTabsContext] =\n  createScopedContext<VariantProps<typeof tabsStyles>>(\"Tabs\");\n\ninterface TabsProps\n  extends React.ComponentProps<typeof AriaTabs>,\n    VariantProps<typeof tabsStyles> {}\nconst Tabs = ({\n  variant = \"underline\",\n  className,\n  children,\n  ...props\n}: TabsProps) => (\n  <AriaTabs\n    className={composeRenderProps(className, (className, { orientation }) =>\n      root({ orientation, className })\n    )}\n    {...props}\n  >\n    {composeRenderProps(children, (children, { orientation }) => (\n      <TabsProvider orientation={orientation} variant={variant}>\n        {children}\n      </TabsProvider>\n    ))}\n  </AriaTabs>\n);\n\ninterface TabListProps<T extends object> extends AriaTabListProps<T> {}\nconst TabList = <T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className) =>\n        list({ variant, orientation, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TabProps extends React.ComponentProps<typeof AriaTab> {}\nconst Tab = ({ className, ...props }: TabProps) => {\n  const { orientation, variant } = useTabsContext(\"Tab\");\n  return (\n    <AriaTab\n      className={composeRenderProps(className, (className) =>\n        tab({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TabPanelProps extends React.ComponentProps<typeof AriaTabPanel> {}\nconst TabPanel = ({ className, ...props }: TabPanelProps) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabPanel\n      className={composeRenderProps(className, (className) =>\n        panel({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\nexport { Tabs, TabList, Tab, TabPanel };\n",
-      "target": "core/tabs.tsx"
+      "path": "core/tabs.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/tabs_motion.json b/www/public/registry/core/tabs_motion.json
index f51534246..c202c0c79 100644
--- a/www/public/registry/core/tabs_motion.json
+++ b/www/public/registry/core/tabs_motion.json
@@ -2,9 +2,9 @@
   "name": "tabs_motion",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { motion, LayoutGroup, Transition } from \"motion/react\";\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabListProps as AriaTabListProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\nimport { createScopedContext } from \"@/registry/lib/utils\";\n\nconst tabsStyles = tv({\n  slots: {\n    root: \"group flex\",\n    list: \"flex\",\n    tab: [\n      focusRing(),\n      \"text-fg-muted hover:text-fg selected:[&:not([data-disabled])]:text-fg disabled:text-fg-disabled relative flex cursor-pointer items-center justify-center whitespace-nowrap text-sm transition-colors disabled:cursor-default\",\n    ],\n    cursor: \"bg-bg-accent absolute\",\n    panel: focusRing(),\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: \"flex-col\",\n        list: \"\",\n        panel: \"mt-2\",\n      },\n      vertical: {\n        root: \"flex-row\",\n        list: \"flex-col\",\n        panel: \"ml-2\",\n      },\n    },\n    variant: {\n      solid: {\n        list: \"bg-bg-muted gap-1 rounded-lg p-1\",\n        tab: \"rounded-sm px-3 py-1.5 font-medium\",\n        cursor: \"bg-bg-inverse/10 inset-0 z-0 rounded-[inherit] shadow-sm\",\n      },\n      underline: {\n        tab: \"selected:border-bg-accent border-transparent px-3 py-[7px]\",\n        cursor: \"\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"horizontal\",\n      variant: \"underline\",\n      className: {\n        list: \"border-b\",\n        cursor: \"inset-x-0 bottom-0 h-[2px] origin-[50%_50%_0] transform-none\",\n      },\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"underline\",\n      className: {\n        list: \"border-r\",\n        cursor: \"inset-y-0 right-0 w-[2px]\",\n      },\n    },\n  ],\n});\n\nconst { root, list, tab, panel, cursor } = tabsStyles();\n\nconst TRANSITION: Transition = { type: \"spring\", bounce: 0.05, duration: 0.3 };\n\nconst [TabsProvider, useTabsContext] =\n  createScopedContext<VariantProps<typeof tabsStyles>>(\"Tabs\");\n\ninterface TabsProps\n  extends React.ComponentProps<typeof AriaTabs>,\n    VariantProps<typeof tabsStyles> {}\nconst Tabs = ({\n  variant = \"underline\",\n  className,\n  children,\n  ...props\n}: TabsProps) => (\n  <AriaTabs\n    className={composeRenderProps(className, (className, { orientation }) =>\n      root({ orientation, className })\n    )}\n    {...props}\n  >\n    {composeRenderProps(children, (children, { orientation }) => (\n      <TabsProvider orientation={orientation} variant={variant}>\n        {children}\n      </TabsProvider>\n    ))}\n  </AriaTabs>\n);\n\ninterface TabListProps<T extends object> extends AriaTabListProps<T> {}\nconst TabList = <T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  const layoutId = React.useId();\n  return (\n    <LayoutGroup id={layoutId}>\n      <AriaTabList\n        className={composeRenderProps(className, (className) =>\n          list({ variant, orientation, className })\n        )}\n        {...props}\n      />\n    </LayoutGroup>\n  );\n};\n\ninterface TabProps extends React.ComponentProps<typeof AriaTab> {}\nconst Tab = ({ children, className, ...props }: TabProps) => {\n  const { orientation, variant } = useTabsContext(\"Tab\");\n  return (\n    <AriaTab\n      className={composeRenderProps(className, (className) =>\n        tab({ orientation, variant, className })\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, { isSelected }) => (\n        <>\n          {isSelected && (\n            <motion.span\n              layoutDependency={false}\n              layoutId=\"cursor\"\n              transition={TRANSITION}\n              className={cursor({ orientation, variant })}\n            />\n          )}\n          {children}\n        </>\n      ))}\n    </AriaTab>\n  );\n};\n\ninterface TabPanelProps extends React.ComponentProps<typeof AriaTabPanel> {}\nconst TabPanel = ({ className, ...props }: TabPanelProps) => {\n  const { orientation, variant } = useTabsContext(\"TabList\");\n  return (\n    <AriaTabPanel\n      className={composeRenderProps(className, (className) =>\n        panel({ orientation, variant, className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\nexport { Tabs, TabList, Tab, TabPanel };\n",
-      "target": "core/tabs.tsx"
+      "path": "core/tabs.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/tag-group.json b/www/public/registry/core/tag-group.json
index ed092dc79..104fa3550 100644
--- a/www/public/registry/core/tag-group.json
+++ b/www/public/registry/core/tag-group.json
@@ -2,9 +2,9 @@
   "name": "tag-group",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport {\r\n  composeRenderProps,\r\n  TagGroup as AriaTagGroup,\r\n  TagList as AriaTagList,\r\n  Tag as AriaTag,\r\n  type TagGroupProps as AriaTagGroupProps,\r\n  type TagListProps as AriaTagListProps,\r\n  type TagProps as AriaTagProps,\r\n} from \"react-aria-components\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Button } from \"@/registry/core/button_basic\";\r\nimport { HelpText, Label, type FieldProps } from \"@/registry/core/field_basic\";\r\nimport { focusRing } from \"@/registry/lib/focus-styles\";\r\n\r\nconst tagGroupStyles = tv({\r\n  slots: {\r\n    root: \"flex w-48 flex-col items-start gap-2\",\r\n    list: \"flex w-full flex-wrap gap-1\",\r\n  },\r\n});\r\n\r\nconst { root, list } = tagGroupStyles();\r\n\r\nconst tagStyles = tv({\r\n  extend: focusRing,\r\n  base: \"ring-offset-background disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\r\n  variants: {\r\n    variant: {\r\n      default:\r\n        \"bg-bg-neutral hover:bg-bg-neutral-hover pressed:bg-bg-neutral-active text-fg-onNeutral selected:bg-bg-primary selected:text-fg-onPrimary\",\r\n      quiet:\r\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary bg-transparent\",\r\n      outline:\r\n        \"border-border-field bg-bg-inverse/5 hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary border\",\r\n      accent:\r\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent\",\r\n    },\r\n    size: {\r\n      sm: \"size-8 [&_svg]:size-4\",\r\n      md: \"size-9 [&_svg]:size-4\",\r\n      lg: \"size-10 [&_svg]:size-5\",\r\n    },\r\n    shape: {\r\n      rectangle: \"\",\r\n      square: \"\",\r\n      circle: \"rounded-full\",\r\n    },\r\n  },\r\n  compoundVariants: [\r\n    {\r\n      size: \"sm\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-3\",\r\n    },\r\n    {\r\n      size: \"md\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-4\",\r\n    },\r\n    {\r\n      size: \"lg\",\r\n      shape: \"rectangle\",\r\n      className: \"w-auto px-5\",\r\n    },\r\n  ],\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n    size: \"md\",\r\n    shape: \"rectangle\",\r\n  },\r\n});\r\n\r\ninterface TagGroupProps<T>\r\n  extends Omit<TagGroupRootProps, \"children\">,\r\n    Pick<AriaTagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\">,\r\n    FieldProps {}\r\n\r\nfunction TagGroup<T extends object>({\r\n  label,\r\n  description,\r\n  errorMessage,\r\n  items,\r\n  children,\r\n  renderEmptyState,\r\n  ...props\r\n}: TagGroupProps<T>) {\r\n  return (\r\n    <TagGroupRoot {...props}>\r\n      {label && <Label>{label}</Label>}\r\n      <TagList items={items} renderEmptyState={renderEmptyState}>\r\n        {children}\r\n      </TagList>\r\n      <HelpText description={description} errorMessage={errorMessage} />\r\n    </TagGroupRoot>\r\n  );\r\n}\r\n\r\ninterface TagGroupRootProps\r\n  extends AriaTagGroupProps,\r\n    VariantProps<typeof tagStyles> {}\r\nfunction TagGroupRoot({\r\n  className,\r\n  variant,\r\n  size,\r\n  shape,\r\n  ...props\r\n}: TagGroupRootProps) {\r\n  return (\r\n    <TagGroupContext.Provider value={{ variant, size, shape }}>\r\n      <AriaTagGroup {...props} className={root({ className })} />\r\n    </TagGroupContext.Provider>\r\n  );\r\n}\r\n\r\ninterface TagListProps<T> extends AriaTagListProps<T> {}\r\nfunction TagList<T extends object>(props: TagListProps<T>) {\r\n  return (\r\n    <AriaTagList\r\n      {...props}\r\n      className={composeRenderProps(props.className, (className) =>\r\n        list({ className })\r\n      )}\r\n    />\r\n  );\r\n}\r\n\r\ninterface TagProps extends AriaTagProps, VariantProps<typeof tagStyles> {}\r\nfunction Tag(localProps: TagProps) {\r\n  const contextProps = useTagGroupContext();\r\n  const props = { ...contextProps, ...localProps };\r\n  const { children, variant, size, shape, className, ...restProps } = props;\r\n  const textValue =\r\n    typeof props.children === \"string\" ? props.children : undefined;\r\n  return (\r\n    <AriaTag\r\n      textValue={textValue}\r\n      className={composeRenderProps(className, (className) =>\r\n        tagStyles({ variant, size, shape, className })\r\n      )}\r\n      {...restProps}\r\n    >\r\n      {composeRenderProps(children, (children, { allowsRemoving }) => (\r\n        <>\r\n          {children}\r\n          {allowsRemoving && <Button slot=\"remove\">ⓧ</Button>}\r\n        </>\r\n      ))}\r\n    </AriaTag>\r\n  );\r\n}\r\n\r\ntype TagGroupContextValue = VariantProps<typeof tagGroupStyles>;\r\nconst TagGroupContext = React.createContext<TagGroupContextValue>({});\r\nconst useTagGroupContext = () => {\r\n  return React.useContext(TagGroupContext);\r\n};\r\n\r\nexport { TagGroup, Tag };\r\nexport type { TagGroupProps, TagProps };\r\n",
-      "target": "core/tag-group.tsx"
+      "path": "core/tag-group.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/text-area.json b/www/public/registry/core/text-area.json
index bd8a41f0d..36f4bb749 100644
--- a/www/public/registry/core/text-area.json
+++ b/www/public/registry/core/text-area.json
@@ -2,9 +2,9 @@
   "name": "text-area",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TextField as AriaTextField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  TextAreaInput,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst textAreaStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface TextAreaProps\n  extends TextAreaRootProps,\n    Pick<InputRootProps, \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst TextArea = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  ...props\n}: TextAreaProps) => {\n  return (\n    <TextAreaRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot prefix={prefix} suffix={suffix} multiline>\n        <TextAreaInput />\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TextAreaRoot>\n  );\n};\n\ninterface TextAreaRootProps extends React.ComponentProps<typeof AriaTextField> {\n  placeholder?: string;\n}\nconst TextAreaRoot = ({ className, ...props }: TextAreaRootProps) => {\n  return (\n    <AriaTextField\n      className={composeRenderProps(className, (className) =>\n        textAreaStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { TextAreaProps, TextAreaRootProps };\nexport { TextArea, TextAreaRoot };\n",
-      "target": "core/text-area.tsx"
+      "path": "core/text-area.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/text-field.json b/www/public/registry/core/text-field.json
index 8ed24ecef..db4486bbf 100644
--- a/www/public/registry/core/text-field.json
+++ b/www/public/registry/core/text-field.json
@@ -2,9 +2,9 @@
   "name": "text-field",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TextField as AriaTextField,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n} from \"@/registry/core/input_basic\";\n\nconst textFieldStyles = tv({\n  base: \"flex w-48 flex-col items-start gap-2\",\n});\n\ninterface TextFieldProps\n  extends TextFieldRootProps,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\n\nconst TextField = ({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  inputRef,\n  ...props\n}: TextFieldProps) => {\n  return (\n    <TextFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <TextFieldInput\n        inputRef={inputRef}\n        size={size}\n        prefix={prefix}\n        suffix={suffix}\n      />\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TextFieldRoot>\n  );\n};\n\ninterface TextFieldRootProps\n  extends React.ComponentProps<typeof AriaTextField> {\n  placeholder?: string;\n}\nconst TextFieldRoot = ({ className, ...props }: TextFieldRootProps) => {\n  return (\n    <AriaTextField\n      className={composeRenderProps(className, (className) =>\n        textFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TextFieldInputProps extends InputRootProps {\n  inputRef?: React.RefObject<HTMLInputElement>;\n}\nconst TextFieldInput = ({ inputRef, ...props }: TextFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <Input ref={inputRef} />\n    </InputRoot>\n  );\n};\n\nexport type { TextFieldProps, TextFieldRootProps, TextFieldInputProps };\nexport { TextField, TextFieldRoot, TextFieldInput };\n",
-      "target": "core/text-field.tsx"
+      "path": "core/text-field.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/text.json b/www/public/registry/core/text.json
index 9f81c4840..9840e3736 100644
--- a/www/public/registry/core/text.json
+++ b/www/public/registry/core/text.json
@@ -2,9 +2,9 @@
   "name": "text",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport {\n  Text as AriaText,\n  type TextProps as AriaTextProps,\n} from \"react-aria-components\";\nimport { type VariantProps, tv } from \"tailwind-variants\";\n\nconst textStyles = tv({\n  base: \"text-sm\",\n  variants: {\n    slot: {\n      label: \"font-bold\",\n      description: \"text-fg-muted\",\n      errorMessage: \"text-fg-danger\",\n    },\n  },\n});\n\ninterface TextProps\n  extends Omit<AriaTextProps, \"slot\">,\n    VariantProps<typeof textStyles> {}\nconst Text = ({ slot, className, ...props }: TextProps) => {\n  return (\n    <AriaText\n      slot={slot}\n      className={textStyles({ slot, className })}\n      {...props}\n    />\n  );\n};\n\nexport type { textStyles };\nexport { Text };\n",
-      "target": "core/text.tsx"
+      "path": "core/text.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/time-field.json b/www/public/registry/core/time-field.json
index 7f713a358..575eca518 100644
--- a/www/public/registry/core/time-field.json
+++ b/www/public/registry/core/time-field.json
@@ -2,9 +2,9 @@
   "name": "time-field",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  TimeField as AriaTimeField,\n  composeRenderProps,\n  type TimeValue,\n  type TimeFieldProps as AriaTimeFieldProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { DateInput, DateSegment } from \"@/registry/core/date-input_basic\";\nimport { HelpText, Label, type FieldProps } from \"./field_basic\";\nimport { InputRoot, type InputRootProps } from \"./input_basic\";\n\nconst timeFieldStyles = tv({\n  base: \"flex w-32 flex-col items-start gap-2\",\n});\n\ninterface TimeFieldProps<T extends TimeValue>\n  extends TimeFieldRootProps<T>,\n    Pick<InputRootProps, \"size\" | \"prefix\" | \"suffix\">,\n    FieldProps {}\n\nconst TimeField = <T extends TimeValue>({\n  label,\n  description,\n  errorMessage,\n  prefix,\n  suffix,\n  size,\n  ...props\n}: TimeFieldProps<T>) => {\n  return (\n    <TimeFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} prefix={prefix} suffix={suffix}>\n        <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </TimeFieldRoot>\n  );\n};\n\ninterface TimeFieldRootProps<T extends TimeValue>\n  extends AriaTimeFieldProps<T> {\n  ref?: React.RefObject<HTMLDivElement>;\n}\nconst TimeFieldRoot = <T extends TimeValue>({\n  className,\n  ...props\n}: TimeFieldRootProps<T>) => {\n  return (\n    <AriaTimeField\n      className={composeRenderProps(className, (className) =>\n        timeFieldStyles({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface TimeFieldInputProps extends InputRootProps {}\nconst TimeFieldInput = (props: TimeFieldInputProps) => {\n  return (\n    <InputRoot {...props}>\n      <DateInput>{(segment) => <DateSegment segment={segment} />}</DateInput>\n    </InputRoot>\n  );\n};\n\nexport type { TimeFieldProps, TimeFieldRootProps, TimeFieldInputProps };\nexport { TimeField, TimeFieldRoot, TimeFieldInput };\n",
-      "target": "core/time-field.tsx"
+      "path": "core/time-field.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/toggle-button-group.json b/www/public/registry/core/toggle-button-group.json
index 50bd01546..02a92f323 100644
--- a/www/public/registry/core/toggle-button-group.json
+++ b/www/public/registry/core/toggle-button-group.json
@@ -2,9 +2,9 @@
   "name": "toggle-button-group",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport {\n  ToggleButtonGroup as AriaToggleButtonGroup,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport {\n  ToggleButtonProvider,\n  toggleButtonStyles,\n} from \"@/registry/core/toggle-button_basic\";\n\nconst toggleGroupStyles = tv({\n  base: \"isolate inline-flex items-center [&_button]:rounded-none [&_button]:first:rounded-s-md [&_button]:last:rounded-e-md\",\n  variants: {\n    orientation: {\n      horizontal: \"flex-row\",\n      vertical: \"flex-col\",\n    },\n  },\n});\n\ninterface ToggleButtonGroupProps\n  extends React.ComponentProps<typeof AriaToggleButtonGroup>,\n    VariantProps<typeof toggleButtonStyles> {}\n\nconst ToggleButtonGroup = ({\n  variant,\n  size,\n  shape,\n  orientation = \"horizontal\",\n  className,\n  ...props\n}: ToggleButtonGroupProps) => {\n  return (\n    <ToggleButtonProvider variant={variant} size={size} shape={shape}>\n      <AriaToggleButtonGroup\n        orientation={orientation}\n        className={composeRenderProps(className, (className, renderProps) =>\n          toggleGroupStyles({\n            ...renderProps,\n            orientation,\n            className,\n          })\n        )}\n        {...props}\n      />\n    </ToggleButtonProvider>\n  );\n};\n\nexport type { ToggleButtonGroupProps };\nexport { ToggleButtonGroup };\n",
-      "target": "core/toggle-button-group.tsx"
+      "path": "core/toggle-button-group.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/toggle-button.json b/www/public/registry/core/toggle-button.json
index e0ec78361..f34c2c2e3 100644
--- a/www/public/registry/core/toggle-button.json
+++ b/www/public/registry/core/toggle-button.json
@@ -2,9 +2,9 @@
   "name": "toggle-button",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  composeRenderProps,\n  ToggleButton as AriaToggleButton,\n  type ToggleButtonProps as AriaToggleButtonProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { createOptionalScopedContext } from \"@/lib/utils\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst toggleButtonStyles = tv({\n  extend: focusRing,\n  base: \"disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default\",\n  variants: {\n    variant: {\n      quiet:\n        \"hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active bg-transparent\",\n      outline:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active border bg-transparent\",\n      accent:\n        \"border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent\",\n    },\n    size: {\n      sm: \"size-8 [&_svg]:size-4\",\n      md: \"size-9 [&_svg]:size-4\",\n      lg: \"size-10 [&_svg]:size-5\",\n    },\n    shape: {\n      rectangle: \"\",\n      square: \"\",\n      circle: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      shape: \"rectangle\",\n      className: \"w-auto px-3\",\n    },\n    {\n      size: \"md\",\n      shape: \"rectangle\",\n      className: \"w-auto px-4\",\n    },\n    {\n      size: \"lg\",\n      shape: \"rectangle\",\n      className: \"w-auto px-5\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"quiet\",\n    size: \"md\",\n    shape: \"square\",\n  },\n});\n\nconst [ToggleButtonProvider, useToggleButtonContext] =\n  createOptionalScopedContext<VariantProps<typeof toggleButtonStyles>>(\n    \"Button\"\n  );\n\ninterface ToggleButtonProps\n  extends Omit<AriaToggleButtonProps, \"className\">,\n    VariantProps<typeof toggleButtonStyles> {\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nconst ToggleButton = React.forwardRef(\n  (\n    localProps: ToggleButtonProps,\n    ref: React.ForwardedRef<HTMLButtonElement>\n  ) => {\n    const contextProps = useToggleButtonContext();\n    const props = { ...contextProps, ...localProps };\n    const { className, variant, size, shape, prefix, suffix, ...restProps } =\n      props;\n    return (\n      <AriaToggleButton\n        ref={ref}\n        {...restProps}\n        className={toggleButtonStyles({\n          variant,\n          size,\n          shape,\n          className,\n        })}\n      >\n        {composeRenderProps(props.children, (children) => (\n          <>\n            {prefix}\n            {typeof children === \"string\" ? (\n              <span className=\"truncate\">{children}</span>\n            ) : (\n              children\n            )}\n            {suffix}\n          </>\n        ))}\n      </AriaToggleButton>\n    );\n  }\n);\nToggleButton.displayName = \"ToggleButton\";\n\nexport type { ToggleButtonProps };\nexport { ToggleButton, toggleButtonStyles, ToggleButtonProvider };\n",
-      "target": "core/toggle-button.tsx"
+      "path": "core/toggle-button.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/tooltip_basic.json b/www/public/registry/core/tooltip_basic.json
index 7779837ca..2c9d3a503 100644
--- a/www/public/registry/core/tooltip_basic.json
+++ b/www/public/registry/core/tooltip_basic.json
@@ -2,9 +2,9 @@
   "name": "tooltip_basic",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst tooltipStyles = tv({\n  slots: {\n    content:\n      \"group/tooltip text-fg entering:animate-in entering:fade-in entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 entering:ease-out exiting:ease-out entering:duration-150 exiting:duration-100 z-50 rounded-md px-3 py-1.5 text-sm shadow-md\",\n    arrow:\n      \"group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\",\n  },\n  variants: {\n    variant: {\n      default: {\n        content: \"bg-bg-muted border\",\n        arrow: \"fill-bg-muted stroke-border\",\n      },\n      inverse: {\n        content: \"bg-bg-inverse text-fg-inverse\",\n        arrow: \"fill-bg-inverse\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { content, arrow } = tooltipStyles();\n\nconst [TooltipProvider, useTooltipContext] =\n  createScopedContext<VariantProps<typeof tooltipStyles>>(\"TooltipRoot\");\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\"> {\n  content?: React.ReactNode;\n  showArrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  showArrow = false,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {showArrow && <TooltipArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ninterface TooltipRootProps\n  extends React.ComponentProps<typeof AriaTooltipTrigger> {}\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\ninterface TooltipContentProps\n  extends React.ComponentProps<typeof AriaTooltip>,\n    VariantProps<typeof tooltipStyles> {}\nfunction TooltipContent({\n  variant,\n  offset = 10,\n  className,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipProvider variant={variant}>\n      <AriaTooltip\n        offset={offset}\n        className={composeRenderProps(className, (className) =>\n          content({ variant, className })\n        )}\n        {...props}\n      />\n    </TooltipProvider>\n  );\n}\n\ninterface TooltipArrowProps extends React.ComponentProps<\"svg\"> {}\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  const { variant } = useTooltipContext(\"TooltipArrow\");\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className={arrow({ variant, className })}\n        {...props}\n      >\n        <path d=\"M0 0 L4 4 L8 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n}\n\nexport type {\n  TooltipProps,\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n};\nexport { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };\n",
-      "target": "core/tooltip.tsx"
+      "path": "core/tooltip.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/core/tooltip_motion.json b/www/public/registry/core/tooltip_motion.json
index bfc71a952..cbfee660f 100644
--- a/www/public/registry/core/tooltip_motion.json
+++ b/www/public/registry/core/tooltip_motion.json
@@ -2,9 +2,9 @@
   "name": "tooltip_motion",
   "files": [
     {
-      "type": "registry:core",
+      "type": "core",
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { AnimatePresence, motion, type Variants } from \"motion/react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  composeRenderProps,\n  TooltipTriggerStateContext,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst tooltipStyles = tv({\n  slots: {\n    content:\n      \"group/tooltip text-fg placement-bottom:origin-top placement-top:origin-bottom placement-left:origin-right placement-right:origin-left z-50 rounded-md px-3 py-1.5 text-sm shadow-md\",\n    arrow:\n      \"group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\",\n  },\n  variants: {\n    variant: {\n      default: {\n        content: \"bg-bg-muted border\",\n        arrow: \"fill-bg-muted stroke-border\",\n      },\n      inverse: {\n        content: \"bg-bg-inverse text-fg-inverse\",\n        arrow: \"fill-bg-inverse\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { content, arrow } = tooltipStyles();\n\nconst MOTION_VARIANTS: Variants = {\n  enter: {\n    transform: \"scale(1)\",\n    opacity: 1,\n    transition: {\n      type: \"spring\",\n      bounce: 0,\n      duration: 0.2,\n    },\n  },\n  exit: {\n    transform: \"scale(0.85)\",\n    opacity: 0,\n    transition: {\n      type: \"easeOut\",\n      duration: 0.15,\n    },\n  },\n};\n\nconst [TooltipProvider, useTooltipContext] =\n  createScopedContext<VariantProps<typeof tooltipStyles>>(\"TooltipRoot\");\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\"> {\n  content?: React.ReactNode;\n  showArrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  showArrow = false,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {showArrow && <TooltipArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ninterface TooltipRootProps\n  extends React.ComponentProps<typeof AriaTooltipTrigger> {}\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\nconst MotionTooltip = motion.create(AriaTooltip);\n\ninterface TooltipContentProps\n  extends Omit<React.ComponentProps<typeof AriaTooltip>, \"children\" | \"style\">,\n    VariantProps<typeof tooltipStyles> {\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n}\nfunction TooltipContent({\n  variant,\n  offset = 10,\n  className,\n  ...props\n}: TooltipContentProps) {\n  const state = React.use(TooltipTriggerStateContext)!;\n  const isOpen = state.isOpen;\n  return (\n    <TooltipProvider variant={variant}>\n      <AnimatePresence>\n        {isOpen && (\n          <MotionTooltip\n            isOpen\n            initial=\"exit\"\n            animate=\"enter\"\n            exit=\"exit\"\n            offset={offset}\n            variants={MOTION_VARIANTS}\n            className={composeRenderProps(className, (className) =>\n              content({ variant, className })\n            )}\n            {...props}\n          />\n        )}\n      </AnimatePresence>\n    </TooltipProvider>\n  );\n}\n\ninterface TooltipArrowProps extends React.ComponentProps<\"svg\"> {}\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  const { variant } = useTooltipContext(\"TooltipArrow\");\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className={arrow({ variant, className })}\n        {...props}\n      >\n        <path d=\"M0 0 L4 4 L8 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n}\n\nexport type {\n  TooltipProps,\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n};\nexport { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };\n",
-      "target": "core/tooltip.tsx"
+      "path": "core/tooltip.tsx"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/hooks/use-is-mobile.json b/www/public/registry/hooks/use-is-mobile.json
index 58f25b2d3..9c22f2d10 100644
--- a/www/public/registry/hooks/use-is-mobile.json
+++ b/www/public/registry/hooks/use-is-mobile.json
@@ -4,7 +4,7 @@
     {
       "type": "hook",
       "content": "import * as React from \"react\";\n\nexport function useMediaQuery(query: string) {\n  const [value, setValue] = React.useState(false);\n\n  React.useEffect(() => {\n    function onChange(event: MediaQueryListEvent) {\n      setValue(event.matches);\n    }\n\n    const result = matchMedia(query);\n    result.addEventListener(\"change\", onChange);\n    setValue(result.matches);\n\n    return () => result.removeEventListener(\"change\", onChange);\n  }, [query]);\n\n  return value;\n}\n",
-      "target": "hooks/use-is-mobile.ts"
+      "path": "hooks/use-is-mobile.ts"
     }
   ]
 }
\ No newline at end of file
diff --git a/www/public/registry/icons/index.json b/www/public/registry/icons/index.json
index 7b8a5abf2..65d635915 100644
--- a/www/public/registry/icons/index.json
+++ b/www/public/registry/icons/index.json
@@ -1,12 +1,12 @@
-{
-  "lucide": {
+[
+  {
     "name": "lucide-icons",
     "package": "lucide-react",
     "import": "lucide-react"
   },
-  "remix": {
+  {
     "name": "remix-icons",
     "package": "@remixicon/react",
     "import": "@remixicon/react"
   }
-}
\ No newline at end of file
+]
\ No newline at end of file
diff --git a/www/public/registry/index.json b/www/public/registry/index.json
index 9d8cadebc..269b80bb4 100644
--- a/www/public/registry/index.json
+++ b/www/public/registry/index.json
@@ -1,11 +1,24 @@
 [
   {
     "name": "base",
-    "type": "base"
+    "type": "base",
+    "deps": [
+      "tailwind-variants",
+      "react-aria-components",
+      "tailwindcss-react-aria-components"
+    ],
+    "registryDeps": [
+      "utils"
+    ]
   },
   {
     "name": "alert",
-    "type": "core"
+    "type": "core",
+    "variants": [
+      "basic",
+      "notch",
+      "notch-2"
+    ]
   },
   {
     "name": "alert_basic",
@@ -33,7 +46,12 @@
   },
   {
     "name": "button",
-    "type": "core"
+    "type": "core",
+    "variants": [
+      "basic",
+      "brutalist",
+      "ripple"
+    ]
   },
   {
     "name": "button_basic",
@@ -49,7 +67,11 @@
   },
   {
     "name": "calendar",
-    "type": "core"
+    "type": "core",
+    "variants": [
+      "basic",
+      "cal"
+    ]
   },
   {
     "name": "calendar_basic",
@@ -141,7 +163,11 @@
   },
   {
     "name": "form",
-    "type": "core"
+    "type": "core",
+    "variants": [
+      "basic",
+      "react-hook-form"
+    ]
   },
   {
     "name": "form_basic",
@@ -153,7 +179,10 @@
   },
   {
     "name": "input",
-    "type": "core"
+    "type": "core",
+    "variants": [
+      "basic"
+    ]
   },
   {
     "name": "input_basic",
@@ -173,7 +202,14 @@
   },
   {
     "name": "loader",
-    "type": "core"
+    "type": "core",
+    "variants": [
+      "dots",
+      "line",
+      "ring",
+      "tailspin",
+      "wave"
+    ]
   },
   {
     "name": "loader_dots",
@@ -253,7 +289,11 @@
   },
   {
     "name": "tabs",
-    "type": "core"
+    "type": "core",
+    "variants": [
+      "basic",
+      "motion"
+    ]
   },
   {
     "name": "tabs_basic",
@@ -293,7 +333,11 @@
   },
   {
     "name": "tooltip",
-    "type": "core"
+    "type": "core",
+    "variants": [
+      "basic",
+      "motion"
+    ]
   },
   {
     "name": "tooltip_basic",
@@ -309,7 +353,11 @@
   },
   {
     "name": "utils",
-    "type": "lib"
+    "type": "lib",
+    "deps": [
+      "clsx",
+      "tailwind-merge"
+    ]
   },
   {
     "name": "focus-styles",
diff --git a/www/public/registry/lib/focus-styles.json b/www/public/registry/lib/focus-styles.json
new file mode 100644
index 000000000..1aaaa6877
--- /dev/null
+++ b/www/public/registry/lib/focus-styles.json
@@ -0,0 +1,11 @@
+{
+  "name": "focus-styles",
+  "type": "lib",
+  "files": [
+    {
+      "type": "lib",
+      "content": "import { tv } from \"tailwind-variants\";\n\nexport const focusRing = tv({\n  base: \"ring-border-focus focus-visible:ring-offset-bg outline-hidden ring-0 focus-visible:ring-2 focus-visible:ring-offset-2\",\n});\n\nexport const focusRingGroup = tv({\n  base: \"ring-border-focus group-focus-visible:ring-offset-bg outline-hidden ring-0 group-focus-visible:ring-2 group-focus-visible:ring-offset-2\",\n});\n\nexport const focusInput = tv({\n  base: \"focus-within:ring-border-focus ring-0 focus-within:ring-2\",\n});\n",
+      "path": "lib/focus-styles.ts"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/public/registry/lib/index.json b/www/public/registry/lib/index.json
new file mode 100644
index 000000000..f13c855f4
--- /dev/null
+++ b/www/public/registry/lib/index.json
@@ -0,0 +1,10 @@
+[
+  {
+    "name": "utils",
+    "label": "utils"
+  },
+  {
+    "name": "focus-styles",
+    "label": "focusStyles"
+  }
+]
\ No newline at end of file
diff --git a/www/public/registry/lib/utils.json b/www/public/registry/lib/utils.json
new file mode 100644
index 000000000..3156325ee
--- /dev/null
+++ b/www/public/registry/lib/utils.json
@@ -0,0 +1,15 @@
+{
+  "name": "utils",
+  "type": "lib",
+  "dependencies": [
+    "clsx",
+    "tailwind-merge"
+  ],
+  "files": [
+    {
+      "type": "lib",
+      "content": "import * as React from \"react\";\r\nimport { type ClassValue, clsx } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n\r\nexport function createScopedContext<ContextValueType extends object | null>(\r\n  rootComponentName: string,\r\n  defaultContext?: ContextValueType\r\n) {\r\n  const Context = React.createContext<ContextValueType | undefined>(\r\n    defaultContext\r\n  );\r\n\r\n  const Provider: React.FC<ContextValueType & { children: React.ReactNode }> = (\r\n    props\r\n  ) => {\r\n    const { children, ...context } = props;\r\n    // Only re-memoize when prop values change\r\n    const value = React.useMemo(\r\n      () => context,\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n      Object.values(context)\r\n    ) as ContextValueType;\r\n    return <Context.Provider value={value}>{children}</Context.Provider>;\r\n  };\r\n\r\n  Provider.displayName = rootComponentName + \"Provider\";\r\n\r\n  function useContext(consumerName: string) {\r\n    const context = React.useContext(Context);\r\n    if (context) return context;\r\n    if (defaultContext !== undefined) return defaultContext;\r\n    // if a defaultContext wasn't specified, it's a required context.\r\n    throw new Error(\r\n      `\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``\r\n    );\r\n  }\r\n\r\n  return [Provider, useContext] as const;\r\n}\r\n\r\nexport function createOptionalScopedContext<\r\n  ContextValueType extends object | null,\r\n>(rootComponentName: string, defaultContext?: ContextValueType) {\r\n  const Context = React.createContext<ContextValueType | undefined>(\r\n    defaultContext\r\n  );\r\n\r\n  const Provider: React.FC<ContextValueType & { children: React.ReactNode }> = (\r\n    props\r\n  ) => {\r\n    const { children, ...context } = props;\r\n    // Only re-memoize when prop values change\r\n    const value = React.useMemo(\r\n      () => context,\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n      Object.values(context)\r\n    ) as ContextValueType;\r\n    return <Context.Provider value={value}>{children}</Context.Provider>;\r\n  };\r\n\r\n  Provider.displayName = rootComponentName + \"Provider\";\r\n\r\n  function useContext() {\r\n    const context = React.useContext(Context);\r\n    if (context) return context;\r\n    if (defaultContext !== undefined) return defaultContext;\r\n    // if a defaultContext wasn't specified, it's a required context.\r\n    return {};\r\n  }\r\n\r\n  return [Provider, useContext] as const;\r\n}\r\n",
+      "path": "lib/utils.tsx"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/www/scripts/build-registry.ts b/www/scripts/build-registry.ts
index 9f1aa7301..8c35e88cf 100644
--- a/www/scripts/build-registry.ts
+++ b/www/scripts/build-registry.ts
@@ -6,6 +6,7 @@ import { base } from "@/registry/registry-base";
 import { core } from "@/registry/registry-core";
 import { hooks } from "@/registry/registry-hooks";
 import { iconLibraries, icons } from "@/registry/registry-icons";
+import { lib } from "@/registry/registry-lib";
 import { registry } from "@/registry";
 
 const REGISTRY_PATH = path.join(process.cwd(), "public/registry");
@@ -24,6 +25,9 @@ const buildRegistry = async () => {
   const payload = registry.map((item) => ({
     name: item.name,
     type: item.type,
+    deps: item.dependencies,
+    registryDeps: item.registryDependencies,
+    variants: item.variants
   }));
 
   const registryJson = JSON.stringify(payload, null, 2);
@@ -79,16 +83,7 @@ const buildCore = async () => {
     let files;
     if (item.files) {
       files = await Promise.all(
-        item.files.map(async (_file) => {
-          const file =
-            typeof _file === "string"
-              ? {
-                  path: _file,
-                  type: item.type,
-                  content: "",
-                  target: "",
-                }
-              : _file;
+        item.files.map(async (file) => {
           const content = await fs.readFile(
             path.join(process.cwd(), "src", "registry", file.path),
             "utf8"
@@ -96,7 +91,7 @@ const buildCore = async () => {
           return {
             type: file.type,
             content: content,
-            target: file.target,
+            path: file.target,
           };
         })
       );
@@ -145,16 +140,7 @@ const buildHooks = async () => {
     let files;
     if (item.files) {
       files = await Promise.all(
-        item.files.map(async (_file) => {
-          const file =
-            typeof _file === "string"
-              ? {
-                  path: _file,
-                  type: item.type,
-                  content: "",
-                  target: "",
-                }
-              : _file;
+        item.files.map(async (file) => {
           const content = await fs.readFile(
             path.join(process.cwd(), "src", "registry", file.path),
             "utf8"
@@ -162,7 +148,64 @@ const buildHooks = async () => {
           return {
             type: file.type,
             content: content,
-            target: file.target,
+            path: file.target,
+          };
+        })
+      );
+    }
+
+    const payload = {
+      ...item,
+      files,
+    };
+
+    // TODO Validation
+
+    await fs.writeFile(
+      path.join(targetPath, `${item.name}.json`),
+      JSON.stringify(payload, null, 2),
+      "utf8"
+    );
+  }
+};
+
+const buildLib = async () => {
+  const targetPath = path.join(REGISTRY_PATH, "lib");
+  rimraf.sync(targetPath);
+  if (!existsSync(targetPath)) {
+    await fs.mkdir(targetPath, { recursive: true });
+  }
+
+  const allLib = lib
+    .filter((elem) => {
+      if (elem.variants) return true;
+      if (elem.name.includes("_")) return false;
+      return true;
+    })
+    .map((comp) => ({
+      name: comp.name,
+      label: kebabCaseToCamelCase(comp.name),
+      description: comp.description,
+    }));
+
+  // Build registry/core/index.json
+  const indexContent = JSON.stringify(allLib, null, 2);
+  await fs.writeFile(path.join(targetPath, "index.json"), indexContent, "utf8");
+
+  // Build registry/core/[name].json
+  for (const item of lib) {
+    let files;
+    if (item.files) {
+      files = await Promise.all(
+        item.files.map(async (file) => {
+          const content = await fs.readFile(
+            path.join(process.cwd(), "src", "registry", file.path),
+            "utf8"
+          );
+          return {
+            type: file.type,
+            content: content,
+            path: file.target,
           };
         })
       );
@@ -278,6 +321,7 @@ const run = async () => {
     await buildBase();
     await buildCore();
     await buildHooks();
+    await buildLib();
     await buildIcons();
     // await buildThemes();
 
diff --git a/www/src/registry/index.ts b/www/src/registry/index.ts
index 4b5a3ceee..35d972b4c 100644
--- a/www/src/registry/index.ts
+++ b/www/src/registry/index.ts
@@ -6,7 +6,7 @@ import { base } from "./registry-base";
 import { RegistryItem, type Registry } from "./types";
 
 export const registry: Registry = [
-  ...base.map((item) => ({ ...item, type: "base" }) as RegistryItem),
+  { ...base, type: "base" },
   ...core.map((item) => ({ ...item, type: "core" }) as RegistryItem),
   ...hooks.map((item) => ({ ...item, type: "hook" }) as RegistryItem),
   ...themes.map((item) => ({ ...item, type: "theme" }) as RegistryItem),
diff --git a/www/src/registry/registry-base.ts b/www/src/registry/registry-base.ts
index 61acfd395..e6d2e5ec8 100644
--- a/www/src/registry/registry-base.ts
+++ b/www/src/registry/registry-base.ts
@@ -1,14 +1,12 @@
-import type { Registry } from "./types";
+import type { RegistryItem } from "./types";
 
-export const base: Registry = [
-  {
-    name: "base",
-    dependencies: [
-      "tailwind-variants",
-      "react-aria-components",
-      "tailwindcss-react-aria-components",
-    ],
-    registryDependencies: ["utils"],
-    files: [],
-  },
-];
+export const base: RegistryItem = {
+  name: "base",
+  dependencies: [
+    "tailwind-variants",
+    "react-aria-components",
+    "tailwindcss-react-aria-components",
+  ],
+  registryDependencies: ["utils"],
+  files: [],
+};
diff --git a/www/src/registry/registry-lib.ts b/www/src/registry/registry-lib.ts
index 3b3653b29..0ce5d7892 100644
--- a/www/src/registry/registry-lib.ts
+++ b/www/src/registry/registry-lib.ts
@@ -1,4 +1,4 @@
-import { Registry } from "@dotui/registry/types";
+import { Registry } from "./types";
 
 export const lib: Registry = [
   {
@@ -7,9 +7,9 @@ export const lib: Registry = [
     dependencies: ["clsx", "tailwind-merge"],
     files: [
       {
-        path: "lib/utils.ts",
+        path: "lib/utils.tsx",
         type: "lib",
-        target: "lib/utils.ts",
+        target: "lib/utils.tsx",
       },
     ],
   },
@@ -20,6 +20,7 @@ export const lib: Registry = [
       {
         path: "lib/focus-styles.ts",
         type: "lib",
+        target: "lib/focus-styles.ts",
       },
     ],
   },

From e258ba10ee68d0bd9a2361881448478b356ce075 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 2 Feb 2025 19:26:29 +0100
Subject: [PATCH 085/165] chore: update registry deps

---
 www/public/registry/core/breadcrumbs.json     |   3 +
 www/public/registry/core/button_basic.json    |   4 +
 .../registry/core/button_brutalist.json       |   4 +
 www/public/registry/core/button_ripple.json   |   4 +
 www/public/registry/core/calendar_basic.json  |   5 +
 www/public/registry/core/calendar_cal.json    |   5 +
 www/public/registry/core/checkbox-group.json  |   4 +
 www/public/registry/core/checkbox.json        |   3 +
 www/public/registry/core/color-area.json      |   3 +
 www/public/registry/core/color-field.json     |   4 +
 www/public/registry/core/color-picker.json    |  11 +-
 www/public/registry/core/color-slider.json    |   4 +
 .../registry/core/color-swatch-picker.json    |   6 +-
 www/public/registry/core/color-thumb.json     |   3 +
 www/public/registry/core/combobox.json        |   7 +
 www/public/registry/core/date-field.json      |   5 +
 www/public/registry/core/date-picker.json     |   8 +
 .../registry/core/date-range-picker.json      |   8 +
 www/public/registry/core/dialog.json          |   3 +
 .../registry/core/form_react-hook-form.json   |   3 +
 www/public/registry/core/index.json           |   4 -
 www/public/registry/core/input_basic.json     |   7 +
 www/public/registry/core/list-box.json        |   6 +-
 www/public/registry/core/loader_wave.json     |   3 +
 www/public/registry/core/menu.json            |   5 +
 www/public/registry/core/number-field.json    |   7 +-
 www/public/registry/core/overlay.json         |   6 +
 www/public/registry/core/progress-bar.json    |   3 +
 www/public/registry/core/radio-group.json     |   4 +
 www/public/registry/core/search-field.json    |   4 +
 www/public/registry/core/select.json          |   8 +-
 www/public/registry/core/slider.json          |   7 +
 www/public/registry/core/switch.json          |   3 +
 www/public/registry/core/table.json           |   4 +
 www/public/registry/core/tabs_basic.json      |   3 +
 www/public/registry/core/tabs_motion.json     |   6 +
 www/public/registry/core/tag-group.json       |   5 +
 www/public/registry/core/text-area.json       |   4 +
 www/public/registry/core/text-field.json      |   4 +
 www/public/registry/core/time-field.json      |   5 +
 .../registry/core/toggle-button-group.json    |   3 +
 www/public/registry/core/toggle-button.json   |   3 +
 www/public/registry/core/tooltip_motion.json  |   3 +
 www/public/registry/index.json                | 278 +++++++++++++++---
 www/src/registry/core/color-picker_basic.tsx  |  11 +-
 .../core/color-swatch-picker_basic.tsx        |   1 -
 www/src/registry/core/list-box_basic.tsx      |   8 +-
 www/src/registry/core/number-field_basic.tsx  |   4 +-
 www/src/registry/core/select_basic.tsx        |  27 +-
 www/src/registry/registry-core.ts             |  77 ++++-
 50 files changed, 524 insertions(+), 86 deletions(-)

diff --git a/www/public/registry/core/breadcrumbs.json b/www/public/registry/core/breadcrumbs.json
index e615412f8..224624c2d 100644
--- a/www/public/registry/core/breadcrumbs.json
+++ b/www/public/registry/core/breadcrumbs.json
@@ -1,5 +1,8 @@
 {
   "name": "breadcrumbs",
+  "registryDependencies": [
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/button_basic.json b/www/public/registry/core/button_basic.json
index 30dd5efb5..2aae7d30f 100644
--- a/www/public/registry/core/button_basic.json
+++ b/www/public/registry/core/button_basic.json
@@ -1,5 +1,9 @@
 {
   "name": "button_basic",
+  "registryDependencies": [
+    "loader",
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/button_brutalist.json b/www/public/registry/core/button_brutalist.json
index cc5ce4411..0da9d02ba 100644
--- a/www/public/registry/core/button_brutalist.json
+++ b/www/public/registry/core/button_brutalist.json
@@ -1,5 +1,9 @@
 {
   "name": "button_brutalist",
+  "registryDependencies": [
+    "loader",
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/button_ripple.json b/www/public/registry/core/button_ripple.json
index 55ba8bba8..33d0e5561 100644
--- a/www/public/registry/core/button_ripple.json
+++ b/www/public/registry/core/button_ripple.json
@@ -1,5 +1,9 @@
 {
   "name": "button_ripple",
+  "registryDependencies": [
+    "loader",
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/calendar_basic.json b/www/public/registry/core/calendar_basic.json
index c90b2db57..c1f2a7c03 100644
--- a/www/public/registry/core/calendar_basic.json
+++ b/www/public/registry/core/calendar_basic.json
@@ -1,5 +1,10 @@
 {
   "name": "calendar_basic",
+  "registryDependencies": [
+    "button",
+    "text",
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/calendar_cal.json b/www/public/registry/core/calendar_cal.json
index 70e913362..38dcde4c0 100644
--- a/www/public/registry/core/calendar_cal.json
+++ b/www/public/registry/core/calendar_cal.json
@@ -1,5 +1,10 @@
 {
   "name": "calendar_cal",
+  "registryDependencies": [
+    "button",
+    "text",
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/checkbox-group.json b/www/public/registry/core/checkbox-group.json
index cd4006a04..ec192d28a 100644
--- a/www/public/registry/core/checkbox-group.json
+++ b/www/public/registry/core/checkbox-group.json
@@ -1,5 +1,9 @@
 {
   "name": "checkbox-group",
+  "registryDependencies": [
+    "field",
+    "checkbox"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/checkbox.json b/www/public/registry/core/checkbox.json
index 28858cfed..7a6af4b6c 100644
--- a/www/public/registry/core/checkbox.json
+++ b/www/public/registry/core/checkbox.json
@@ -1,5 +1,8 @@
 {
   "name": "checkbox",
+  "registryDependencies": [
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/color-area.json b/www/public/registry/core/color-area.json
index d1b5f86e2..aa0690f0e 100644
--- a/www/public/registry/core/color-area.json
+++ b/www/public/registry/core/color-area.json
@@ -1,5 +1,8 @@
 {
   "name": "color-area",
+  "registryDependencies": [
+    "color-thumb"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/color-field.json b/www/public/registry/core/color-field.json
index bfc16f9d2..e64836e25 100644
--- a/www/public/registry/core/color-field.json
+++ b/www/public/registry/core/color-field.json
@@ -1,5 +1,9 @@
 {
   "name": "color-field",
+  "registryDependencies": [
+    "field",
+    "input"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/color-picker.json b/www/public/registry/core/color-picker.json
index e43195bff..8c53f34c7 100644
--- a/www/public/registry/core/color-picker.json
+++ b/www/public/registry/core/color-picker.json
@@ -1,9 +1,18 @@
 {
   "name": "color-picker",
+  "registryDependencies": [
+    "button",
+    "color-area",
+    "color-field",
+    "color-slider",
+    "color-swatch",
+    "dialog",
+    "select"
+  ],
   "files": [
     {
       "type": "core",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorPicker as AriaColorPicker,\n  ColorPickerStateContext,\n  getColorChannels,\n  composeRenderProps,\n  type ColorFormat,\n} from \"react-aria-components\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { ColorArea } from \"@/registry/core/color-area_basic\";\nimport { ColorField } from \"@/registry/core/color-field_basic\";\nimport { ColorSlider } from \"@/registry/core/color-slider_basic\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { Dialog, DialogProps, DialogRoot } from \"@/registry/core/dialog_basic\";\nimport { Item } from \"@/registry/core/list-box_basic\";\nimport { Select } from \"@/registry/core/select_basic\";\nimport { cn } from \"@/registry/lib/utils\";\n\ninterface ColorPickerProps\n  extends ColorPickerRootProps,\n    Omit<ColorPickerButtonProps, \"children\" | \"value\">,\n    Pick<\n      ColorPickerEditorProps,\n      \"showAlphaChannel\" | \"colorFormat\" | \"showFormatSelector\"\n    >,\n    Pick<DialogProps, \"isOpen\" | \"onOpenChange\"> {}\nconst ColorPicker = ({\n  value,\n  defaultValue,\n  onChange,\n  children,\n  showAlphaChannel,\n  colorFormat,\n  showFormatSelector,\n  isOpen,\n  onOpenChange,\n  ...props\n}: ColorPickerProps) => {\n  return (\n    <ColorPickerRoot\n      value={value}\n      defaultValue={defaultValue}\n      onChange={onChange}\n      {...props}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <DialogRoot isOpen={isOpen} onOpenChange={onOpenChange}>\n            <ColorPickerButton {...props}>{children}</ColorPickerButton>\n            <Dialog type=\"popover\" mobileType=\"drawer\">\n              <ColorPickerEditor\n                showAlphaChannel={showAlphaChannel}\n                colorFormat={colorFormat}\n                showFormatSelector={showFormatSelector}\n              />\n            </Dialog>\n          </DialogRoot>\n        </>\n      ))}\n    </ColorPickerRoot>\n  );\n};\n\ninterface ColorPickerRootProps\n  extends React.ComponentProps<typeof AriaColorPicker> {}\nconst ColorPickerRoot = (props: ColorPickerRootProps) => {\n  return <AriaColorPicker value=\"\" onChange={() => {}} {...props} />;\n};\n\ninterface ColorPickerButtonProps extends Omit<ButtonProps, \"children\"> {\n  children?: React.ReactNode;\n  format?: ColorFormat | \"css\";\n  showValue?: boolean;\n}\nconst ColorPickerButton = ({\n  children,\n  format = \"hex\",\n  showValue = true,\n  ...props\n}: ColorPickerButtonProps) => {\n  const state = React.use(ColorPickerStateContext)!;\n  return (\n    <Button {...props}>\n      {children || (\n        <>\n          <ColorSwatch />\n          {showValue && (\n            <span className=\"w-14 truncate text-left\">\n              {state.color.toString(format)}\n            </span>\n          )}\n        </>\n      )}\n    </Button>\n  );\n};\n\ntype PickerColorFormat = \"hex\" | \"rgb\" | \"hsl\" | \"hsb\";\ninterface ColorPickerEditorProps extends React.ComponentProps<\"div\"> {\n  showAlphaChannel?: boolean;\n  colorFormat?: PickerColorFormat;\n  showFormatSelector?: boolean;\n}\nconst ColorPickerEditor = ({\n  showAlphaChannel = false,\n  colorFormat: ColorFormatProp = \"hex\",\n  showFormatSelector = true,\n  className,\n  ...props\n}: ColorPickerEditorProps) => {\n  const [colorFormat, setColorFormat] =\n    React.useState<PickerColorFormat>(ColorFormatProp);\n\n  return (\n    <div className={cn(\"mx-auto flex flex-col gap-2\", className)} {...props}>\n      <div className=\"flex gap-2\">\n        <ColorArea\n          colorSpace=\"hsb\"\n          xChannel=\"saturation\"\n          yChannel=\"brightness\"\n        />\n        <ColorSlider orientation=\"vertical\" colorSpace=\"hsb\" channel=\"hue\" />\n        {showAlphaChannel && (\n          <ColorSlider\n            orientation=\"vertical\"\n            colorSpace=\"hsb\"\n            channel=\"alpha\"\n          />\n        )}\n      </div>\n      <div\n        className={cn(\n          \"flex flex-col gap-2\",\n          colorFormat === \"hex\" && \"flex-row\"\n        )}\n      >\n        {showFormatSelector && (\n          <Select\n            aria-label=\"Color format\"\n            selectedKey={colorFormat}\n            onSelectionChange={(key) =>\n              setColorFormat(key as PickerColorFormat)\n            }\n            size=\"sm\"\n            className=\"w-auto\"\n          >\n            <Item id=\"hex\">Hex</Item>\n            <Item id=\"rgb\">RGB</Item>\n            <Item id=\"hsl\">HSL</Item>\n            <Item id=\"hsb\">HSB</Item>\n          </Select>\n        )}\n        <div className=\"flex flex-1 items-center gap-2\">\n          {colorFormat === \"hex\" ? (\n            <ColorField aria-label=\"Hex\" className=\"w-10 flex-1\" size=\"sm\" />\n          ) : (\n            getColorChannels(colorFormat).map((channel) => (\n              <ColorField\n                key={channel}\n                colorSpace={colorFormat}\n                channel={channel}\n                className=\"w-10 flex-1\"\n                size=\"sm\"\n              />\n            ))\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  ColorPickerProps,\n  ColorPickerRootProps,\n  ColorPickerButtonProps,\n  ColorPickerEditorProps,\n};\nexport { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };\n",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorPicker as AriaColorPicker,\n  ColorPickerStateContext,\n  getColorChannels,\n  composeRenderProps,\n  type ColorFormat,\n} from \"react-aria-components\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { ColorArea } from \"@/registry/core/color-area_basic\";\nimport { ColorField } from \"@/registry/core/color-field_basic\";\nimport { ColorSlider } from \"@/registry/core/color-slider_basic\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { Dialog, DialogProps, DialogRoot } from \"@/registry/core/dialog_basic\";\nimport { Select, SelectItem } from \"@/registry/core/select_basic\";\nimport { cn } from \"@/registry/lib/utils\";\n\ninterface ColorPickerProps\n  extends ColorPickerRootProps,\n    Omit<ColorPickerButtonProps, \"children\" | \"value\">,\n    Pick<\n      ColorPickerEditorProps,\n      \"showAlphaChannel\" | \"colorFormat\" | \"showFormatSelector\"\n    >,\n    Pick<DialogProps, \"isOpen\" | \"onOpenChange\"> {}\nconst ColorPicker = ({\n  value,\n  defaultValue,\n  onChange,\n  children,\n  showAlphaChannel,\n  colorFormat,\n  showFormatSelector,\n  isOpen,\n  onOpenChange,\n  ...props\n}: ColorPickerProps) => {\n  return (\n    <ColorPickerRoot\n      value={value}\n      defaultValue={defaultValue}\n      onChange={onChange}\n      {...props}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <DialogRoot isOpen={isOpen} onOpenChange={onOpenChange}>\n            <ColorPickerButton {...props}>{children}</ColorPickerButton>\n            <Dialog type=\"popover\" mobileType=\"drawer\">\n              <ColorPickerEditor\n                showAlphaChannel={showAlphaChannel}\n                colorFormat={colorFormat}\n                showFormatSelector={showFormatSelector}\n              />\n            </Dialog>\n          </DialogRoot>\n        </>\n      ))}\n    </ColorPickerRoot>\n  );\n};\n\ninterface ColorPickerRootProps\n  extends React.ComponentProps<typeof AriaColorPicker> {}\nconst ColorPickerRoot = (props: ColorPickerRootProps) => {\n  return <AriaColorPicker value=\"\" onChange={() => {}} {...props} />;\n};\n\ninterface ColorPickerButtonProps extends Omit<ButtonProps, \"children\"> {\n  children?: React.ReactNode;\n  format?: ColorFormat | \"css\";\n  showValue?: boolean;\n}\nconst ColorPickerButton = ({\n  children,\n  format = \"hex\",\n  showValue = true,\n  ...props\n}: ColorPickerButtonProps) => {\n  const state = React.use(ColorPickerStateContext)!;\n  return (\n    <Button {...props}>\n      {children || (\n        <>\n          <ColorSwatch />\n          {showValue && (\n            <span className=\"w-14 truncate text-left\">\n              {state.color.toString(format)}\n            </span>\n          )}\n        </>\n      )}\n    </Button>\n  );\n};\n\ntype PickerColorFormat = \"hex\" | \"rgb\" | \"hsl\" | \"hsb\";\ninterface ColorPickerEditorProps extends React.ComponentProps<\"div\"> {\n  showAlphaChannel?: boolean;\n  colorFormat?: PickerColorFormat;\n  showFormatSelector?: boolean;\n}\nconst ColorPickerEditor = ({\n  showAlphaChannel = false,\n  colorFormat: ColorFormatProp = \"hex\",\n  showFormatSelector = true,\n  className,\n  ...props\n}: ColorPickerEditorProps) => {\n  const [colorFormat, setColorFormat] =\n    React.useState<PickerColorFormat>(ColorFormatProp);\n\n  return (\n    <div className={cn(\"mx-auto flex flex-col gap-2\", className)} {...props}>\n      <div className=\"flex gap-2\">\n        <ColorArea\n          colorSpace=\"hsb\"\n          xChannel=\"saturation\"\n          yChannel=\"brightness\"\n        />\n        <ColorSlider orientation=\"vertical\" colorSpace=\"hsb\" channel=\"hue\" />\n        {showAlphaChannel && (\n          <ColorSlider\n            orientation=\"vertical\"\n            colorSpace=\"hsb\"\n            channel=\"alpha\"\n          />\n        )}\n      </div>\n      <div\n        className={cn(\n          \"flex flex-col gap-2\",\n          colorFormat === \"hex\" && \"flex-row\"\n        )}\n      >\n        {showFormatSelector && (\n          <Select\n            aria-label=\"Color format\"\n            selectedKey={colorFormat}\n            onSelectionChange={(key) =>\n              setColorFormat(key as PickerColorFormat)\n            }\n            size=\"sm\"\n            className=\"w-auto\"\n          >\n            <SelectItem id=\"hex\">Hex</SelectItem>\n            <SelectItem id=\"rgb\">RGB</SelectItem>\n            <SelectItem id=\"hsl\">HSL</SelectItem>\n            <SelectItem id=\"hsb\">HSB</SelectItem>\n          </Select>\n        )}\n        <div className=\"flex flex-1 items-center gap-2\">\n          {colorFormat === \"hex\" ? (\n            <ColorField aria-label=\"Hex\" className=\"w-10 flex-1\" size=\"sm\" />\n          ) : (\n            getColorChannels(colorFormat).map((channel) => (\n              <ColorField\n                key={channel}\n                colorSpace={colorFormat}\n                channel={channel}\n                className=\"w-10 flex-1\"\n                size=\"sm\"\n              />\n            ))\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  ColorPickerProps,\n  ColorPickerRootProps,\n  ColorPickerButtonProps,\n  ColorPickerEditorProps,\n};\nexport { ColorPicker, ColorPickerRoot, ColorPickerButton, ColorPickerEditor };\n",
       "path": "core/color-picker.tsx"
     }
   ]
diff --git a/www/public/registry/core/color-slider.json b/www/public/registry/core/color-slider.json
index 42c2fe212..6543090b9 100644
--- a/www/public/registry/core/color-slider.json
+++ b/www/public/registry/core/color-slider.json
@@ -1,5 +1,9 @@
 {
   "name": "color-slider",
+  "registryDependencies": [
+    "field",
+    "color-thum"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/color-swatch-picker.json b/www/public/registry/core/color-swatch-picker.json
index f8cc5c490..885ca940d 100644
--- a/www/public/registry/core/color-swatch-picker.json
+++ b/www/public/registry/core/color-swatch-picker.json
@@ -1,9 +1,13 @@
 {
   "name": "color-swatch-picker",
+  "registryDependencies": [
+    "focus-styles",
+    "color-swatch"
+  ],
   "files": [
     {
       "type": "core",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorSwatchPicker as AriaColorSwatchPicker,\n  ColorSwatchPickerItem as AriaColorSwatchPickerItem,\n  type Color,\n} from \"react-aria-components\";\nimport { focusRing } from \"@/lib/focus-styles\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { cn } from \"@/registry/lib/utils\";\n\ninterface ColorSwatchPickerProps\n  extends React.ComponentProps<typeof AriaColorSwatchPicker> {}\nconst ColorSwatchPicker = ({ className, ...props }: ColorSwatchPickerProps) => {\n  return (\n    <AriaColorSwatchPicker className={cn(\"flex gap-1\", className)} {...props} />\n  );\n};\n\ninterface ColorSwatchPickerItemProps\n  extends React.ComponentProps<typeof AriaColorSwatchPickerItem> {}\nconst ColorSwatchPickerItem = ({\n  className,\n  ...props\n}: ColorSwatchPickerItemProps) => {\n  return (\n    <AriaColorSwatchPickerItem\n      className={cn(\n        focusRing(),\n        \"relative size-8 cursor-pointer rounded-md transition-shadow focus:z-10 disabled:cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {({ isSelected, isDisabled }) => (\n        <>\n          <ColorSwatch className={cn(\"size-full rounded-[inherit]\")} />\n          {isSelected && (\n            <div className=\"border-bg outline-bg-inverse z-1 absolute inset-0 rounded-[inherit] border-2 outline-2\" />\n          )}\n          {isDisabled && (\n            <div className=\"z-1 bg-bg/90 absolute inset-0 rounded-[inherit]\" />\n          )}\n        </>\n      )}\n    </AriaColorSwatchPickerItem>\n  );\n};\n\nexport type { ColorSwatchPickerProps, ColorSwatchPickerItemProps };\nexport { ColorSwatchPicker, ColorSwatchPickerItem };\n",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport {\n  ColorSwatchPicker as AriaColorSwatchPicker,\n  ColorSwatchPickerItem as AriaColorSwatchPickerItem,\n} from \"react-aria-components\";\nimport { focusRing } from \"@/lib/focus-styles\";\nimport { ColorSwatch } from \"@/registry/core/color-swatch_basic\";\nimport { cn } from \"@/registry/lib/utils\";\n\ninterface ColorSwatchPickerProps\n  extends React.ComponentProps<typeof AriaColorSwatchPicker> {}\nconst ColorSwatchPicker = ({ className, ...props }: ColorSwatchPickerProps) => {\n  return (\n    <AriaColorSwatchPicker className={cn(\"flex gap-1\", className)} {...props} />\n  );\n};\n\ninterface ColorSwatchPickerItemProps\n  extends React.ComponentProps<typeof AriaColorSwatchPickerItem> {}\nconst ColorSwatchPickerItem = ({\n  className,\n  ...props\n}: ColorSwatchPickerItemProps) => {\n  return (\n    <AriaColorSwatchPickerItem\n      className={cn(\n        focusRing(),\n        \"relative size-8 cursor-pointer rounded-md transition-shadow focus:z-10 disabled:cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {({ isSelected, isDisabled }) => (\n        <>\n          <ColorSwatch className={cn(\"size-full rounded-[inherit]\")} />\n          {isSelected && (\n            <div className=\"border-bg outline-bg-inverse z-1 absolute inset-0 rounded-[inherit] border-2 outline-2\" />\n          )}\n          {isDisabled && (\n            <div className=\"z-1 bg-bg/90 absolute inset-0 rounded-[inherit]\" />\n          )}\n        </>\n      )}\n    </AriaColorSwatchPickerItem>\n  );\n};\n\nexport type { ColorSwatchPickerProps, ColorSwatchPickerItemProps };\nexport { ColorSwatchPicker, ColorSwatchPickerItem };\n",
       "path": "core/color-swatch-picker.tsx"
     }
   ]
diff --git a/www/public/registry/core/color-thumb.json b/www/public/registry/core/color-thumb.json
index ff5af4940..4818e3c89 100644
--- a/www/public/registry/core/color-thumb.json
+++ b/www/public/registry/core/color-thumb.json
@@ -1,5 +1,8 @@
 {
   "name": "color-thumb",
+  "registryDependencies": [
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/combobox.json b/www/public/registry/core/combobox.json
index 416ad9bc2..35bdc42ec 100644
--- a/www/public/registry/core/combobox.json
+++ b/www/public/registry/core/combobox.json
@@ -1,5 +1,12 @@
 {
   "name": "combobox",
+  "registryDependencies": [
+    "field",
+    "button",
+    "input",
+    "list-box",
+    "overlay"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/date-field.json b/www/public/registry/core/date-field.json
index 24050ab33..68a163c43 100644
--- a/www/public/registry/core/date-field.json
+++ b/www/public/registry/core/date-field.json
@@ -1,5 +1,10 @@
 {
   "name": "date-field",
+  "registryDependencies": [
+    "field",
+    "input",
+    "date-input"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/date-picker.json b/www/public/registry/core/date-picker.json
index 488e2a78a..a9376f617 100644
--- a/www/public/registry/core/date-picker.json
+++ b/www/public/registry/core/date-picker.json
@@ -1,5 +1,13 @@
 {
   "name": "date-picker",
+  "registryDependencies": [
+    "button",
+    "calendar",
+    "field",
+    "input",
+    "date-input",
+    "dialog"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/date-range-picker.json b/www/public/registry/core/date-range-picker.json
index 839b9d574..66ff111b5 100644
--- a/www/public/registry/core/date-range-picker.json
+++ b/www/public/registry/core/date-range-picker.json
@@ -1,5 +1,13 @@
 {
   "name": "date-range-picker",
+  "registryDependencies": [
+    "button",
+    "calendar",
+    "field",
+    "input",
+    "date-input",
+    "dialog"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/dialog.json b/www/public/registry/core/dialog.json
index c15f7214e..d6a22b0a9 100644
--- a/www/public/registry/core/dialog.json
+++ b/www/public/registry/core/dialog.json
@@ -1,5 +1,8 @@
 {
   "name": "dialog",
+  "registryDependencies": [
+    "overlay"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/form_react-hook-form.json b/www/public/registry/core/form_react-hook-form.json
index 7dc79fdab..2dfd8007e 100644
--- a/www/public/registry/core/form_react-hook-form.json
+++ b/www/public/registry/core/form_react-hook-form.json
@@ -1,5 +1,8 @@
 {
   "name": "form_react-hook-form",
+  "dependencies": [
+    "react-hook-form"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/index.json b/www/public/registry/core/index.json
index de0154f80..87ab12d78 100644
--- a/www/public/registry/core/index.json
+++ b/www/public/registry/core/index.json
@@ -119,10 +119,6 @@
     "name": "list-box",
     "label": "List Box"
   },
-  {
-    "name": "list-box",
-    "label": "List Box"
-  },
   {
     "name": "loader",
     "label": "Loader"
diff --git a/www/public/registry/core/input_basic.json b/www/public/registry/core/input_basic.json
index 4621a02c5..c6088f1ea 100644
--- a/www/public/registry/core/input_basic.json
+++ b/www/public/registry/core/input_basic.json
@@ -1,5 +1,12 @@
 {
   "name": "input_basic",
+  "dependencies": [
+    "@react-aria/utils",
+    "@react-stately/utils"
+  ],
+  "registryDependencies": [
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/list-box.json b/www/public/registry/core/list-box.json
index b448c89c0..333f079d6 100644
--- a/www/public/registry/core/list-box.json
+++ b/www/public/registry/core/list-box.json
@@ -1,9 +1,13 @@
 {
   "name": "list-box",
+  "registryDependencies": [
+    "text",
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport { CheckIcon, Loader2Icon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  ListBox as AriaListBox,\n  ListBoxItem as AriaListBoxItem,\n  Collection as AriaCollection,\n  type ListBoxProps as AriaListBoxProps,\n  type ListBoxItemProps as AriaListBoxItemProps,\n  ListStateContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst listBoxStyles = tv({\n  base: [\n    focusRing(),\n    \"orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n  variants: {\n    standalone: {\n      true: \"bg-bg max-h-60 w-48 overflow-y-auto rounded-md border\",\n      false: \"max-h-[inherit] rounded-[inherit]\",\n    },\n  },\n});\n\nconst listBoxItemStyles = tv({\n  base: [\n    \"disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface ListBoxProps<T> extends AriaListBoxProps<T> {\n  isLoading?: boolean;\n}\nconst ListBox = <T extends object>({\n  children,\n  isLoading,\n  ...props\n}: ListBoxProps<T>) => {\n  const state = React.useContext(ListStateContext);\n  const standalone = !state;\n  return (\n    <AriaListBox\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxStyles({ standalone, className })\n      )}\n    >\n      <AriaCollection items={props.items}>{children}</AriaCollection>\n      {isLoading && (\n        <AriaListBoxItem className=\"flex items-center justify-center py-1.5\">\n          <Loader2Icon\n            aria-label=\"Loading more...\"\n            className=\"text-fg-muted size-5 animate-spin\"\n          />\n        </AriaListBoxItem>\n      )}\n    </AriaListBox>\n  );\n};\n\ninterface ItemProps<T>\n  extends AriaListBoxItemProps<T>,\n    VariantProps<typeof listBoxItemStyles> {\n  label?: string;\n  description?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\nconst Item = <T extends object>({\n  variant,\n  label,\n  description,\n  prefix,\n  suffix,\n  ...props\n}: ItemProps<T>) => {\n  const textValue =\n    props.textValue ||\n    (typeof props.children === \"string\" ? props.children : undefined);\n  return (\n    <AriaListBoxItem\n      {...props}\n      textValue={textValue}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxItemStyles({ variant, className })\n      )}\n    >\n      {composeRenderProps(\n        props.children,\n        (children, { isSelected, selectionMode }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 shrink-0 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"text-fg-accent size-4\" />\n                )}\n              </span>\n            )}\n            <span className=\"flex items-center gap-3\">\n              {prefix}\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n            </span>\n          </>\n        )\n      )}\n    </AriaListBoxItem>\n  );\n};\n\nexport type { ListBoxProps, ItemProps };\nexport { ListBox, Item };\n",
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport { CheckIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  ListBox as AriaListBox,\n  ListBoxItem as AriaListBoxItem,\n  Collection as AriaCollection,\n  type ListBoxProps as AriaListBoxProps,\n  type ListBoxItemProps as AriaListBoxItemProps,\n  ListStateContext,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Loader } from \"@/registry/core/loader_ring\";\nimport { Text } from \"@/registry/core/text_basic\";\nimport { focusRing } from \"@/registry/lib/focus-styles\";\n\nconst listBoxStyles = tv({\n  base: [\n    focusRing(),\n    \"orientation-horizontal:flex-row orientation-horizontal:w-auto layout-grid:grid layout-grid:grid-cols-2 layout-grid:w-auto empty:text-fg-muted outline-hidden flex flex-col overflow-auto p-1 empty:min-h-24 empty:items-center empty:justify-center empty:text-sm empty:italic\",\n    \"[&_.separator]:-mx-1 [&_.separator]:my-1 [&_.separator]:w-auto\",\n  ],\n  variants: {\n    standalone: {\n      true: \"bg-bg max-h-60 w-48 overflow-y-auto rounded-md border\",\n      false: \"max-h-[inherit] rounded-[inherit]\",\n    },\n  },\n});\n\nconst listBoxItemStyles = tv({\n  base: [\n    \"disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default\",\n    \"selection-single:pl-0 selection-multiple:pl-0\",\n    \"[&_svg]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: \"text-fg\",\n      success: \"text-fg-success\",\n      warning: \"text-fg-warning\",\n      accent: \"text-fg-accent\",\n      danger: \"text-fg-danger\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface ListBoxProps<T> extends AriaListBoxProps<T> {\n  isLoading?: boolean;\n}\nconst ListBox = <T extends object>({\n  children,\n  isLoading,\n  ...props\n}: ListBoxProps<T>) => {\n  const state = React.useContext(ListStateContext);\n  const standalone = !state;\n  return (\n    <AriaListBox\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxStyles({ standalone, className })\n      )}\n    >\n      <AriaCollection items={props.items}>{children}</AriaCollection>\n      {isLoading && (\n        <AriaListBoxItem className=\"flex items-center justify-center py-1.5\">\n          <Loader />\n        </AriaListBoxItem>\n      )}\n    </AriaListBox>\n  );\n};\n\ninterface ItemProps<T>\n  extends AriaListBoxItemProps<T>,\n    VariantProps<typeof listBoxItemStyles> {\n  label?: string;\n  description?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\nconst Item = <T extends object>({\n  variant,\n  label,\n  description,\n  prefix,\n  suffix,\n  ...props\n}: ItemProps<T>) => {\n  const textValue =\n    props.textValue ||\n    (typeof props.children === \"string\" ? props.children : undefined);\n  return (\n    <AriaListBoxItem\n      {...props}\n      textValue={textValue}\n      className={composeRenderProps(props.className, (className) =>\n        listBoxItemStyles({ variant, className })\n      )}\n    >\n      {composeRenderProps(\n        props.children,\n        (children, { isSelected, selectionMode }) => (\n          <>\n            {selectionMode !== \"none\" && (\n              <span className=\"flex w-8 shrink-0 items-center justify-center\">\n                {isSelected && (\n                  <CheckIcon aria-hidden className=\"text-fg-accent size-4\" />\n                )}\n              </span>\n            )}\n            <span className=\"flex items-center gap-3\">\n              {prefix}\n              <span className=\"flex flex-1 flex-col\">\n                {label && <Text slot=\"label\">{label}</Text>}\n                {description && <Text slot=\"description\">{description}</Text>}\n                {children}\n              </span>\n              {suffix}\n            </span>\n          </>\n        )\n      )}\n    </AriaListBoxItem>\n  );\n};\n\nexport type { ListBoxProps, ItemProps };\nexport { ListBox, Item };\n",
       "path": "core/list-box.tsx"
     }
   ]
diff --git a/www/public/registry/core/loader_wave.json b/www/public/registry/core/loader_wave.json
index fef5e2597..1f2b7021e 100644
--- a/www/public/registry/core/loader_wave.json
+++ b/www/public/registry/core/loader_wave.json
@@ -1,5 +1,8 @@
 {
   "name": "loader_wave",
+  "dependencies": [
+    "motion"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/menu.json b/www/public/registry/core/menu.json
index 40bad6ee6..c30668b71 100644
--- a/www/public/registry/core/menu.json
+++ b/www/public/registry/core/menu.json
@@ -1,5 +1,10 @@
 {
   "name": "menu",
+  "registryDependencies": [
+    "kbd",
+    "overlay",
+    "text"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/number-field.json b/www/public/registry/core/number-field.json
index 24aaebb4b..76c1c85c2 100644
--- a/www/public/registry/core/number-field.json
+++ b/www/public/registry/core/number-field.json
@@ -1,9 +1,14 @@
 {
   "name": "number-field",
+  "registryDependencies": [
+    "input",
+    "field",
+    "use-is-mobile"
+  ],
   "files": [
     {
       "type": "core",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  MinusIcon,\n  PlusIcon,\n} from \"lucide-react\";\nimport {\n  NumberField as AriaNumberField,\n  composeRenderProps,\n  type NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type inputStyles,\n} from \"@/registry/core/input_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\nimport { InputRootProps } from \"./input_basic\";\n\nconst numberFieldStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    inputRoot: \"grid gap-0 px-0\",\n    input: \"px-2 [grid-area:field]\",\n    increment: \"w-8 p-0 [grid-area:increment]\",\n    decrement: \"w-8 p-0 [grid-area:decrement]\",\n  },\n  variants: {\n    isMobile: {\n      true: {\n        inputRoot:\n          \"grid-cols-[auto_1fr_auto] [grid-template-areas:'decrement_field_increment']\",\n        increment: \"h-full rounded-none rounded-r-md border-l\",\n        decrement: \"h-full rounded-none rounded-l-md border-r\",\n      },\n      false: {\n        inputRoot:\n          \"grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']\",\n        increment: \"h-auto shrink rounded-none rounded-tr-md border-b border-l\",\n        decrement: \"h-auto shrink rounded-none rounded-br-md border-l\",\n      },\n    },\n  },\n});\n\nconst { root, inputRoot, input, increment, decrement } = numberFieldStyles();\n\ninterface NumberFieldProps\n  extends NumberFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst NumberField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: NumberFieldProps) => {\n  const isMobile = useMediaQuery(\"(max-width: 768px)\");\n\n  return (\n    <NumberFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} className={inputRoot({ isMobile })}>\n        <Button slot=\"decrement\" className={decrement({ isMobile })}>\n          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}\n        </Button>\n        <Input className={input()} />\n        <Button slot=\"increment\" className={increment({ isMobile })}>\n          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </NumberFieldRoot>\n  );\n};\n\ninterface NumberFieldRootProps\n  extends React.ComponentProps<typeof AriaNumberField> {\n  placeholder?: string;\n}\nconst NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {\n  return (\n    <AriaNumberField\n      className={composeRenderProps(className, (className) =>\n        root({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { NumberFieldProps, NumberFieldRootProps };\nexport { NumberField, NumberFieldRoot };\n",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  MinusIcon,\n  PlusIcon,\n} from \"lucide-react\";\nimport {\n  NumberField as AriaNumberField,\n  composeRenderProps,\n  type NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n  type inputStyles,\n} from \"@/registry/core/input_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\n\n// TODO: update registry\n\nconst numberFieldStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    inputRoot: \"grid gap-0 px-0\",\n    input: \"px-2 [grid-area:field]\",\n    increment: \"w-8 p-0 [grid-area:increment]\",\n    decrement: \"w-8 p-0 [grid-area:decrement]\",\n  },\n  variants: {\n    isMobile: {\n      true: {\n        inputRoot:\n          \"grid-cols-[auto_1fr_auto] [grid-template-areas:'decrement_field_increment']\",\n        increment: \"h-full rounded-none rounded-r-md border-l\",\n        decrement: \"h-full rounded-none rounded-l-md border-r\",\n      },\n      false: {\n        inputRoot:\n          \"grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']\",\n        increment: \"h-auto shrink rounded-none rounded-tr-md border-b border-l\",\n        decrement: \"h-auto shrink rounded-none rounded-br-md border-l\",\n      },\n    },\n  },\n});\n\nconst { root, inputRoot, input, increment, decrement } = numberFieldStyles();\n\ninterface NumberFieldProps\n  extends NumberFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst NumberField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: NumberFieldProps) => {\n  const isMobile = useMediaQuery(\"(max-width: 768px)\");\n\n  return (\n    <NumberFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} className={inputRoot({ isMobile })}>\n        <Button slot=\"decrement\" className={decrement({ isMobile })}>\n          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}\n        </Button>\n        <Input className={input()} />\n        <Button slot=\"increment\" className={increment({ isMobile })}>\n          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </NumberFieldRoot>\n  );\n};\n\ninterface NumberFieldRootProps\n  extends React.ComponentProps<typeof AriaNumberField> {\n  placeholder?: string;\n}\nconst NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {\n  return (\n    <AriaNumberField\n      className={composeRenderProps(className, (className) =>\n        root({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { NumberFieldProps, NumberFieldRootProps };\nexport { NumberField, NumberFieldRoot };\n",
       "path": "core/number-field.tsx"
     }
   ]
diff --git a/www/public/registry/core/overlay.json b/www/public/registry/core/overlay.json
index 2a3a2d814..936cbf52f 100644
--- a/www/public/registry/core/overlay.json
+++ b/www/public/registry/core/overlay.json
@@ -1,5 +1,11 @@
 {
   "name": "overlay",
+  "registryDependencies": [
+    "modal",
+    "popover",
+    "drawer",
+    "use-is-mobile"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/progress-bar.json b/www/public/registry/core/progress-bar.json
index cf40cc056..66be023c9 100644
--- a/www/public/registry/core/progress-bar.json
+++ b/www/public/registry/core/progress-bar.json
@@ -1,5 +1,8 @@
 {
   "name": "progress-bar",
+  "registryDependencies": [
+    "field"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/radio-group.json b/www/public/registry/core/radio-group.json
index eda34e82c..a374ecc71 100644
--- a/www/public/registry/core/radio-group.json
+++ b/www/public/registry/core/radio-group.json
@@ -1,5 +1,9 @@
 {
   "name": "radio-group",
+  "registryDependencies": [
+    "focus-styles",
+    "field"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/search-field.json b/www/public/registry/core/search-field.json
index bc4a24208..9388173dc 100644
--- a/www/public/registry/core/search-field.json
+++ b/www/public/registry/core/search-field.json
@@ -1,5 +1,9 @@
 {
   "name": "search-field",
+  "registryDependencies": [
+    "field",
+    "button"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/select.json b/www/public/registry/core/select.json
index ade4f4766..4b793564f 100644
--- a/www/public/registry/core/select.json
+++ b/www/public/registry/core/select.json
@@ -1,9 +1,15 @@
 {
   "name": "select",
+  "registryDependencies": [
+    "button",
+    "field",
+    "list-box",
+    "popover"
+  ],
   "files": [
     {
       "type": "core",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  type SelectProps as AriaSelectProps,\n  type SelectValueProps as AriaSelectValueProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { HelpText, Label, type FieldProps } from \"@/registry/core/field_basic\";\nimport { ListBox, type ListBoxProps } from \"@/registry/core/list-box_basic\";\nimport { Popover } from \"@/registry/core/popover_basic\";\n\nconst selectStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    selectValue: \"flex-1 text-left\",\n  },\n});\n\ninterface SelectProps<T extends object>\n  extends Omit<SelectRootProps<T>, \"children\">,\n    FieldProps {\n  children?: ListBoxProps<T>[\"children\"];\n  dependencies?: ListBoxProps<T>[\"dependencies\"];\n  items?: ListBoxProps<T>[\"items\"];\n  isLoading?: ListBoxProps<T>[\"isLoading\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n}\nconst Select = <T extends object>({\n  variant,\n  size,\n  label,\n  description,\n  errorMessage,\n  children,\n  dependencies,\n  items,\n  isLoading,\n  ...props\n}: SelectProps<T>) => {\n  return (\n    <SelectRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <Button\n        variant={variant}\n        size={size}\n        suffix={<ChevronDownIcon />}\n        className=\"w-full\"\n      >\n        <SelectValue />\n      </Button>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Popover>\n        <ListBox\n          isLoading={isLoading}\n          items={items}\n          dependencies={dependencies}\n        >\n          {children}\n        </ListBox>\n      </Popover>\n    </SelectRoot>\n  );\n};\n\ntype SelectValueProps<T extends object> = AriaSelectValueProps<T>;\nconst SelectValue = <T extends object>(props: SelectValueProps<T>) => {\n  const { selectValue } = selectStyles();\n  return (\n    <AriaSelectValue\n      {...props}\n      className={composeRenderProps(props.className, (className) =>\n        selectValue({ className })\n      )}\n    />\n  );\n};\n\ninterface SelectRootProps<T extends object>\n  extends Omit<AriaSelectProps<T>, \"className\"> {\n  className?: string;\n}\nconst SelectRoot = <T extends object>({\n  className,\n  ...props\n}: SelectRootProps<T>) => {\n  const { root } = selectStyles();\n  return <AriaSelect className={root({ className })} {...props} />;\n};\n\nexport type { SelectProps, SelectRootProps, SelectValueProps };\nexport { Select, SelectRoot, SelectValue };\n",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport {\n  composeRenderProps,\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  type SelectProps as AriaSelectProps,\n  type SelectValueProps as AriaSelectValueProps,\n  ListBoxItemProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { HelpText, Label, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  Item,\n  ListBox,\n  type ListBoxProps,\n} from \"@/registry/core/list-box_basic\";\nimport { Popover } from \"@/registry/core/popover_basic\";\n\nconst selectStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    selectValue: \"flex-1 text-left\",\n  },\n});\n\nconst { root, selectValue } = selectStyles();\n\ninterface SelectProps<T extends object>\n  extends Omit<SelectRootProps<T>, \"children\">,\n    FieldProps {\n  children?: ListBoxProps<T>[\"children\"];\n  dependencies?: ListBoxProps<T>[\"dependencies\"];\n  items?: ListBoxProps<T>[\"items\"];\n  isLoading?: ListBoxProps<T>[\"isLoading\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n}\nconst Select = <T extends object>({\n  variant,\n  size,\n  label,\n  description,\n  errorMessage,\n  children,\n  dependencies,\n  items,\n  isLoading,\n  ...props\n}: SelectProps<T>) => {\n  return (\n    <SelectRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <Button\n        variant={variant}\n        size={size}\n        suffix={<ChevronDownIcon />}\n        className=\"w-full\"\n      >\n        <SelectValue />\n      </Button>\n      <HelpText description={description} errorMessage={errorMessage} />\n      <Popover>\n        <ListBox\n          isLoading={isLoading}\n          items={items}\n          dependencies={dependencies}\n        >\n          {children}\n        </ListBox>\n      </Popover>\n    </SelectRoot>\n  );\n};\n\ntype SelectValueProps<T extends object> = AriaSelectValueProps<T>;\nconst SelectValue = <T extends object>({\n  className,\n  ...props\n}: SelectValueProps<T>) => {\n  return (\n    <AriaSelectValue\n      className={composeRenderProps(className, (className) =>\n        selectValue({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\ninterface SelectRootProps<T extends object>\n  extends Omit<AriaSelectProps<T>, \"className\"> {\n  className?: string;\n}\nconst SelectRoot = <T extends object>({\n  className,\n  ...props\n}: SelectRootProps<T>) => {\n  return <AriaSelect className={root({ className })} {...props} />;\n};\n\ninterface SelectItemProps<T> extends ListBoxItemProps<T> {}\nconst SelectItem = Item;\n\nexport type { SelectProps, SelectRootProps, SelectItemProps, SelectValueProps };\nexport { Select, SelectRoot, SelectItem, SelectValue };\n",
       "path": "core/select.tsx"
     }
   ]
diff --git a/www/public/registry/core/slider.json b/www/public/registry/core/slider.json
index 80ad9a2c8..3e21ea303 100644
--- a/www/public/registry/core/slider.json
+++ b/www/public/registry/core/slider.json
@@ -1,5 +1,12 @@
 {
   "name": "slider",
+  "dependencies": [
+    "@react-aria/utils"
+  ],
+  "registryDependencies": [
+    "field",
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/switch.json b/www/public/registry/core/switch.json
index 68f5643d4..53f1693a1 100644
--- a/www/public/registry/core/switch.json
+++ b/www/public/registry/core/switch.json
@@ -1,5 +1,8 @@
 {
   "name": "switch",
+  "registryDependencies": [
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/table.json b/www/public/registry/core/table.json
index 52c84d5a9..b730bbec2 100644
--- a/www/public/registry/core/table.json
+++ b/www/public/registry/core/table.json
@@ -1,5 +1,9 @@
 {
   "name": "table",
+  "registryDependencies": [
+    "checkbox",
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/tabs_basic.json b/www/public/registry/core/tabs_basic.json
index d4946acd6..67f771c84 100644
--- a/www/public/registry/core/tabs_basic.json
+++ b/www/public/registry/core/tabs_basic.json
@@ -1,5 +1,8 @@
 {
   "name": "tabs_basic",
+  "registryDependencies": [
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/tabs_motion.json b/www/public/registry/core/tabs_motion.json
index c202c0c79..2cdbb5d98 100644
--- a/www/public/registry/core/tabs_motion.json
+++ b/www/public/registry/core/tabs_motion.json
@@ -1,5 +1,11 @@
 {
   "name": "tabs_motion",
+  "dependencies": [
+    "motion"
+  ],
+  "registryDependencies": [
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/tag-group.json b/www/public/registry/core/tag-group.json
index 104fa3550..554ed8827 100644
--- a/www/public/registry/core/tag-group.json
+++ b/www/public/registry/core/tag-group.json
@@ -1,5 +1,10 @@
 {
   "name": "tag-group",
+  "registryDependencies": [
+    "field",
+    "button",
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/text-area.json b/www/public/registry/core/text-area.json
index 36f4bb749..5769852b6 100644
--- a/www/public/registry/core/text-area.json
+++ b/www/public/registry/core/text-area.json
@@ -1,5 +1,9 @@
 {
   "name": "text-area",
+  "registryDependencies": [
+    "field",
+    "input"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/text-field.json b/www/public/registry/core/text-field.json
index db4486bbf..2f2665038 100644
--- a/www/public/registry/core/text-field.json
+++ b/www/public/registry/core/text-field.json
@@ -1,5 +1,9 @@
 {
   "name": "text-field",
+  "registryDependencies": [
+    "field",
+    "input"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/time-field.json b/www/public/registry/core/time-field.json
index 575eca518..d7cde57fa 100644
--- a/www/public/registry/core/time-field.json
+++ b/www/public/registry/core/time-field.json
@@ -1,5 +1,10 @@
 {
   "name": "time-field",
+  "registryDependencies": [
+    "field",
+    "input",
+    "date-input"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/toggle-button-group.json b/www/public/registry/core/toggle-button-group.json
index 02a92f323..658f62ab9 100644
--- a/www/public/registry/core/toggle-button-group.json
+++ b/www/public/registry/core/toggle-button-group.json
@@ -1,5 +1,8 @@
 {
   "name": "toggle-button-group",
+  "registryDependencies": [
+    "toggle-button"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/toggle-button.json b/www/public/registry/core/toggle-button.json
index f34c2c2e3..6b65a86e2 100644
--- a/www/public/registry/core/toggle-button.json
+++ b/www/public/registry/core/toggle-button.json
@@ -1,5 +1,8 @@
 {
   "name": "toggle-button",
+  "registryDependencies": [
+    "focus-styles"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/tooltip_motion.json b/www/public/registry/core/tooltip_motion.json
index cbfee660f..6202c8ffb 100644
--- a/www/public/registry/core/tooltip_motion.json
+++ b/www/public/registry/core/tooltip_motion.json
@@ -1,5 +1,8 @@
 {
   "name": "tooltip_motion",
+  "dependencies": [
+    "motion"
+  ],
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/index.json b/www/public/registry/index.json
index 269b80bb4..cfae2c81d 100644
--- a/www/public/registry/index.json
+++ b/www/public/registry/index.json
@@ -42,7 +42,10 @@
   },
   {
     "name": "breadcrumbs",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "focus-styles"
+    ]
   },
   {
     "name": "button",
@@ -55,15 +58,27 @@
   },
   {
     "name": "button_basic",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "loader",
+      "focus-styles"
+    ]
   },
   {
     "name": "button_brutalist",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "loader",
+      "focus-styles"
+    ]
   },
   {
     "name": "button_ripple",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "loader",
+      "focus-styles"
+    ]
   },
   {
     "name": "calendar",
@@ -75,35 +90,72 @@
   },
   {
     "name": "calendar_basic",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "button",
+      "text",
+      "focus-styles"
+    ]
   },
   {
     "name": "calendar_cal",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "button",
+      "text",
+      "focus-styles"
+    ]
   },
   {
     "name": "checkbox",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "focus-styles"
+    ]
   },
   {
     "name": "checkbox-group",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field",
+      "checkbox"
+    ]
   },
   {
     "name": "color-area",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "color-thumb"
+    ]
   },
   {
     "name": "color-field",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field",
+      "input"
+    ]
   },
   {
     "name": "color-picker",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "button",
+      "color-area",
+      "color-field",
+      "color-slider",
+      "color-swatch",
+      "dialog",
+      "select"
+    ]
   },
   {
     "name": "color-slider",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field",
+      "color-thum"
+    ]
   },
   {
     "name": "color-swatch",
@@ -111,15 +163,29 @@
   },
   {
     "name": "color-swatch-picker",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "focus-styles",
+      "color-swatch"
+    ]
   },
   {
     "name": "color-thumb",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "focus-styles"
+    ]
   },
   {
     "name": "combobox",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field",
+      "button",
+      "input",
+      "list-box",
+      "overlay"
+    ]
   },
   {
     "name": "command",
@@ -127,7 +193,12 @@
   },
   {
     "name": "date-field",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field",
+      "input",
+      "date-input"
+    ]
   },
   {
     "name": "date-input",
@@ -135,15 +206,34 @@
   },
   {
     "name": "date-picker",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "button",
+      "calendar",
+      "field",
+      "input",
+      "date-input",
+      "dialog"
+    ]
   },
   {
     "name": "date-range-picker",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "button",
+      "calendar",
+      "field",
+      "input",
+      "date-input",
+      "dialog"
+    ]
   },
   {
     "name": "dialog",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "overlay"
+    ]
   },
   {
     "name": "drawer",
@@ -175,7 +265,10 @@
   },
   {
     "name": "form_react-hook-form",
-    "type": "core"
+    "type": "core",
+    "deps": [
+      "react-hook-form"
+    ]
   },
   {
     "name": "input",
@@ -186,7 +279,14 @@
   },
   {
     "name": "input_basic",
-    "type": "core"
+    "type": "core",
+    "deps": [
+      "@react-aria/utils",
+      "@react-stately/utils"
+    ],
+    "registryDeps": [
+      "focus-styles"
+    ]
   },
   {
     "name": "kbd",
@@ -194,11 +294,11 @@
   },
   {
     "name": "list-box",
-    "type": "core"
-  },
-  {
-    "name": "list-box",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "text",
+      "focus-styles"
+    ]
   },
   {
     "name": "loader",
@@ -229,11 +329,19 @@
   },
   {
     "name": "loader_wave",
-    "type": "core"
+    "type": "core",
+    "deps": [
+      "motion"
+    ]
   },
   {
     "name": "menu",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "kbd",
+      "overlay",
+      "text"
+    ]
   },
   {
     "name": "modal",
@@ -241,11 +349,22 @@
   },
   {
     "name": "number-field",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "input",
+      "field",
+      "use-is-mobile"
+    ]
   },
   {
     "name": "overlay",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "modal",
+      "popover",
+      "drawer",
+      "use-is-mobile"
+    ]
   },
   {
     "name": "popover",
@@ -253,19 +372,36 @@
   },
   {
     "name": "progress-bar",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field"
+    ]
   },
   {
     "name": "radio-group",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "focus-styles",
+      "field"
+    ]
   },
   {
     "name": "search-field",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field",
+      "button"
+    ]
   },
   {
     "name": "select",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "button",
+      "field",
+      "list-box",
+      "popover"
+    ]
   },
   {
     "name": "separator",
@@ -277,15 +413,29 @@
   },
   {
     "name": "slider",
-    "type": "core"
+    "type": "core",
+    "deps": [
+      "@react-aria/utils"
+    ],
+    "registryDeps": [
+      "field",
+      "focus-styles"
+    ]
   },
   {
     "name": "switch",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "focus-styles"
+    ]
   },
   {
     "name": "table",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "checkbox",
+      "focus-styles"
+    ]
   },
   {
     "name": "tabs",
@@ -297,15 +447,29 @@
   },
   {
     "name": "tabs_basic",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "focus-styles"
+    ]
   },
   {
     "name": "tabs_motion",
-    "type": "core"
+    "type": "core",
+    "deps": [
+      "motion"
+    ],
+    "registryDeps": [
+      "focus-styles"
+    ]
   },
   {
     "name": "tag-group",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field",
+      "button",
+      "focus-styles"
+    ]
   },
   {
     "name": "text",
@@ -313,23 +477,42 @@
   },
   {
     "name": "text-area",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field",
+      "input"
+    ]
   },
   {
     "name": "text-field",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field",
+      "input"
+    ]
   },
   {
     "name": "time-field",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "field",
+      "input",
+      "date-input"
+    ]
   },
   {
     "name": "toggle-button",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "focus-styles"
+    ]
   },
   {
     "name": "toggle-button-group",
-    "type": "core"
+    "type": "core",
+    "registryDeps": [
+      "toggle-button"
+    ]
   },
   {
     "name": "tooltip",
@@ -345,7 +528,10 @@
   },
   {
     "name": "tooltip_motion",
-    "type": "core"
+    "type": "core",
+    "deps": [
+      "motion"
+    ]
   },
   {
     "name": "use-is-mobile",
diff --git a/www/src/registry/core/color-picker_basic.tsx b/www/src/registry/core/color-picker_basic.tsx
index 0501a7169..da3ae6db6 100644
--- a/www/src/registry/core/color-picker_basic.tsx
+++ b/www/src/registry/core/color-picker_basic.tsx
@@ -14,8 +14,7 @@ import { ColorField } from "@/registry/core/color-field_basic";
 import { ColorSlider } from "@/registry/core/color-slider_basic";
 import { ColorSwatch } from "@/registry/core/color-swatch_basic";
 import { Dialog, DialogProps, DialogRoot } from "@/registry/core/dialog_basic";
-import { Item } from "@/registry/core/list-box_basic";
-import { Select } from "@/registry/core/select_basic";
+import { Select, SelectItem } from "@/registry/core/select_basic";
 import { cn } from "@/registry/lib/utils";
 
 interface ColorPickerProps
@@ -146,10 +145,10 @@ const ColorPickerEditor = ({
             size="sm"
             className="w-auto"
           >
-            <Item id="hex">Hex</Item>
-            <Item id="rgb">RGB</Item>
-            <Item id="hsl">HSL</Item>
-            <Item id="hsb">HSB</Item>
+            <SelectItem id="hex">Hex</SelectItem>
+            <SelectItem id="rgb">RGB</SelectItem>
+            <SelectItem id="hsl">HSL</SelectItem>
+            <SelectItem id="hsb">HSB</SelectItem>
           </Select>
         )}
         <div className="flex flex-1 items-center gap-2">
diff --git a/www/src/registry/core/color-swatch-picker_basic.tsx b/www/src/registry/core/color-swatch-picker_basic.tsx
index 6409b58b4..18df3d079 100644
--- a/www/src/registry/core/color-swatch-picker_basic.tsx
+++ b/www/src/registry/core/color-swatch-picker_basic.tsx
@@ -4,7 +4,6 @@ import React from "react";
 import {
   ColorSwatchPicker as AriaColorSwatchPicker,
   ColorSwatchPickerItem as AriaColorSwatchPickerItem,
-  type Color,
 } from "react-aria-components";
 import { focusRing } from "@/lib/focus-styles";
 import { ColorSwatch } from "@/registry/core/color-swatch_basic";
diff --git a/www/src/registry/core/list-box_basic.tsx b/www/src/registry/core/list-box_basic.tsx
index 2eb00bfd4..8360024f0 100644
--- a/www/src/registry/core/list-box_basic.tsx
+++ b/www/src/registry/core/list-box_basic.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { CheckIcon, Loader2Icon } from "lucide-react";
+import { CheckIcon } from "lucide-react";
 import {
   composeRenderProps,
   ListBox as AriaListBox,
@@ -12,6 +12,7 @@ import {
   ListStateContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
+import { Loader } from "@/registry/core/loader_ring";
 import { Text } from "@/registry/core/text_basic";
 import { focusRing } from "@/registry/lib/focus-styles";
 
@@ -69,10 +70,7 @@ const ListBox = <T extends object>({
       <AriaCollection items={props.items}>{children}</AriaCollection>
       {isLoading && (
         <AriaListBoxItem className="flex items-center justify-center py-1.5">
-          <Loader2Icon
-            aria-label="Loading more..."
-            className="text-fg-muted size-5 animate-spin"
-          />
+          <Loader />
         </AriaListBoxItem>
       )}
     </AriaListBox>
diff --git a/www/src/registry/core/number-field_basic.tsx b/www/src/registry/core/number-field_basic.tsx
index 58ba84c84..880173550 100644
--- a/www/src/registry/core/number-field_basic.tsx
+++ b/www/src/registry/core/number-field_basic.tsx
@@ -18,10 +18,12 @@ import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import {
   InputRoot,
   Input,
+  type InputRootProps,
   type inputStyles,
 } from "@/registry/core/input_basic";
 import { useMediaQuery } from "@/registry/hooks/use-media-query";
-import { InputRootProps } from "./input_basic";
+
+// TODO: update registry
 
 const numberFieldStyles = tv({
   slots: {
diff --git a/www/src/registry/core/select_basic.tsx b/www/src/registry/core/select_basic.tsx
index e77545d6f..593f28034 100644
--- a/www/src/registry/core/select_basic.tsx
+++ b/www/src/registry/core/select_basic.tsx
@@ -8,11 +8,16 @@ import {
   SelectValue as AriaSelectValue,
   type SelectProps as AriaSelectProps,
   type SelectValueProps as AriaSelectValueProps,
+  ListBoxItemProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button_basic";
 import { HelpText, Label, type FieldProps } from "@/registry/core/field_basic";
-import { ListBox, type ListBoxProps } from "@/registry/core/list-box_basic";
+import {
+  Item,
+  ListBox,
+  type ListBoxProps,
+} from "@/registry/core/list-box_basic";
 import { Popover } from "@/registry/core/popover_basic";
 
 const selectStyles = tv({
@@ -22,6 +27,8 @@ const selectStyles = tv({
   },
 });
 
+const { root, selectValue } = selectStyles();
+
 interface SelectProps<T extends object>
   extends Omit<SelectRootProps<T>, "children">,
     FieldProps {
@@ -70,14 +77,16 @@ const Select = <T extends object>({
 };
 
 type SelectValueProps<T extends object> = AriaSelectValueProps<T>;
-const SelectValue = <T extends object>(props: SelectValueProps<T>) => {
-  const { selectValue } = selectStyles();
+const SelectValue = <T extends object>({
+  className,
+  ...props
+}: SelectValueProps<T>) => {
   return (
     <AriaSelectValue
-      {...props}
-      className={composeRenderProps(props.className, (className) =>
+      className={composeRenderProps(className, (className) =>
         selectValue({ className })
       )}
+      {...props}
     />
   );
 };
@@ -90,9 +99,11 @@ const SelectRoot = <T extends object>({
   className,
   ...props
 }: SelectRootProps<T>) => {
-  const { root } = selectStyles();
   return <AriaSelect className={root({ className })} {...props} />;
 };
 
-export type { SelectProps, SelectRootProps, SelectValueProps };
-export { Select, SelectRoot, SelectValue };
+interface SelectItemProps<T> extends ListBoxItemProps<T> {}
+const SelectItem = Item;
+
+export type { SelectProps, SelectRootProps, SelectItemProps, SelectValueProps };
+export { Select, SelectRoot, SelectItem, SelectValue };
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 05fd6ef33..9091dc030 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -61,6 +61,7 @@ export const core: Registry = [
   },
   {
     name: "breadcrumbs",
+    registryDependencies: ["focus-styles"],
     files: [
       {
         path: "core/breadcrumbs_basic.tsx",
@@ -75,6 +76,7 @@ export const core: Registry = [
   },
   {
     name: "button_basic",
+    registryDependencies: ["loader", "focus-styles"],
     files: [
       {
         path: "core/button_basic.tsx",
@@ -85,6 +87,7 @@ export const core: Registry = [
   },
   {
     name: "button_brutalist",
+    registryDependencies: ["loader", "focus-styles"],
     files: [
       {
         path: "core/button_brutalist.tsx",
@@ -95,6 +98,7 @@ export const core: Registry = [
   },
   {
     name: "button_ripple",
+    registryDependencies: ["loader", "focus-styles"],
     files: [
       {
         path: "core/button_ripple.tsx",
@@ -119,6 +123,7 @@ export const core: Registry = [
   },
   {
     name: "calendar_basic",
+    registryDependencies: ["button", "text", "focus-styles"],
     files: [
       {
         path: "core/calendar_basic.tsx",
@@ -129,6 +134,7 @@ export const core: Registry = [
   },
   {
     name: "calendar_cal",
+    registryDependencies: ["button", "text", "focus-styles"],
     files: [
       {
         path: "core/calendar_cal.tsx",
@@ -139,6 +145,7 @@ export const core: Registry = [
   },
   {
     name: "checkbox",
+    registryDependencies: ["focus-styles"],
     files: [
       {
         path: "core/checkbox_basic.tsx",
@@ -149,6 +156,7 @@ export const core: Registry = [
   },
   {
     name: "checkbox-group",
+    registryDependencies: ["field", "checkbox"],
     files: [
       {
         path: "core/checkbox-group_basic.tsx",
@@ -159,6 +167,7 @@ export const core: Registry = [
   },
   {
     name: "color-area",
+    registryDependencies: ["color-thumb"],
     files: [
       {
         path: "core/color-area_basic.tsx",
@@ -169,6 +178,7 @@ export const core: Registry = [
   },
   {
     name: "color-field",
+    registryDependencies: ["field", "input"],
     files: [
       {
         path: "core/color-field_basic.tsx",
@@ -179,6 +189,15 @@ export const core: Registry = [
   },
   {
     name: "color-picker",
+    registryDependencies: [
+      "button",
+      "color-area",
+      "color-field",
+      "color-slider",
+      "color-swatch",
+      "dialog",
+      "select",
+    ],
     files: [
       {
         path: "core/color-picker_basic.tsx",
@@ -189,6 +208,7 @@ export const core: Registry = [
   },
   {
     name: "color-slider",
+    registryDependencies: ["field", "color-thum"],
     files: [
       {
         path: "core/color-slider_basic.tsx",
@@ -209,6 +229,7 @@ export const core: Registry = [
   },
   {
     name: "color-swatch-picker",
+    registryDependencies: ["focus-styles", "color-swatch"],
     files: [
       {
         path: "core/color-swatch-picker_basic.tsx",
@@ -219,6 +240,7 @@ export const core: Registry = [
   },
   {
     name: "color-thumb",
+    registryDependencies: ["focus-styles"],
     files: [
       {
         path: "core/color-thumb_basic.tsx",
@@ -229,6 +251,7 @@ export const core: Registry = [
   },
   {
     name: "combobox",
+    registryDependencies: ["field", "button", "input", "list-box", "overlay"],
     files: [
       {
         path: "core/combobox_basic.tsx",
@@ -249,6 +272,7 @@ export const core: Registry = [
   },
   {
     name: "date-field",
+    registryDependencies: ["field", "input", "date-input"],
     files: [
       {
         path: "core/date-field_basic.tsx",
@@ -269,6 +293,14 @@ export const core: Registry = [
   },
   {
     name: "date-picker",
+    registryDependencies: [
+      "button",
+      "calendar",
+      "field",
+      "input",
+      "date-input",
+      "dialog",
+    ],
     files: [
       {
         path: "core/date-picker_basic.tsx",
@@ -279,6 +311,14 @@ export const core: Registry = [
   },
   {
     name: "date-range-picker",
+    registryDependencies: [
+      "button",
+      "calendar",
+      "field",
+      "input",
+      "date-input",
+      "dialog",
+    ],
     files: [
       {
         path: "core/date-range-picker_basic.tsx",
@@ -289,6 +329,7 @@ export const core: Registry = [
   },
   {
     name: "dialog",
+    registryDependencies: ["overlay"],
     files: [
       {
         path: "core/dialog_basic.tsx",
@@ -353,6 +394,7 @@ export const core: Registry = [
   },
   {
     name: "form_react-hook-form",
+    dependencies: ["react-hook-form"],
     files: [
       {
         path: "core/form_react-hook-form.tsx",
@@ -367,6 +409,8 @@ export const core: Registry = [
   },
   {
     name: "input_basic",
+    dependencies: ["@react-aria/utils", "@react-stately/utils"],
+    registryDependencies: ["focus-styles"],
     files: [
       {
         path: "core/input_basic.tsx",
@@ -387,16 +431,7 @@ export const core: Registry = [
   },
   {
     name: "list-box",
-    files: [
-      {
-        path: "core/list-box_basic.tsx",
-        type: "core",
-        target: "core/list-box.tsx",
-      },
-    ],
-  },
-  {
-    name: "list-box",
+    registryDependencies: ["text", "focus-styles"],
     files: [
       {
         path: "core/list-box_basic.tsx",
@@ -451,6 +486,7 @@ export const core: Registry = [
   },
   {
     name: "loader_wave",
+    dependencies: ["motion"],
     files: [
       {
         path: "core/loader_wave.tsx",
@@ -461,6 +497,7 @@ export const core: Registry = [
   },
   {
     name: "menu",
+    registryDependencies: ["kbd", "overlay", "text"],
     files: [
       {
         path: "core/menu_basic.tsx",
@@ -481,6 +518,7 @@ export const core: Registry = [
   },
   {
     name: "number-field",
+    registryDependencies: ["input", "field", "use-is-mobile"],
     files: [
       {
         path: "core/number-field_basic.tsx",
@@ -491,6 +529,7 @@ export const core: Registry = [
   },
   {
     name: "overlay",
+    registryDependencies: ["modal", "popover", "drawer", "use-is-mobile"],
     files: [
       {
         path: "core/overlay_basic.tsx",
@@ -511,6 +550,7 @@ export const core: Registry = [
   },
   {
     name: "progress-bar",
+    registryDependencies: ["field"],
     files: [
       {
         path: "core/progress-bar_basic.tsx",
@@ -521,6 +561,7 @@ export const core: Registry = [
   },
   {
     name: "radio-group",
+    registryDependencies: ["focus-styles", "field"],
     files: [
       {
         path: "core/radio-group_basic.tsx",
@@ -531,6 +572,7 @@ export const core: Registry = [
   },
   {
     name: "search-field",
+    registryDependencies: ["field", "button"],
     files: [
       {
         path: "core/search-field_basic.tsx",
@@ -541,6 +583,7 @@ export const core: Registry = [
   },
   {
     name: "select",
+    registryDependencies: ["button", "field", "list-box", "popover"],
     files: [
       {
         path: "core/select_basic.tsx",
@@ -571,6 +614,8 @@ export const core: Registry = [
   },
   {
     name: "slider",
+    dependencies: ["@react-aria/utils"],
+    registryDependencies: ["field", "focus-styles"],
     files: [
       {
         path: "core/slider_basic.tsx",
@@ -581,6 +626,7 @@ export const core: Registry = [
   },
   {
     name: "switch",
+    registryDependencies: ["focus-styles"],
     files: [
       {
         path: "core/switch_basic.tsx",
@@ -591,6 +637,7 @@ export const core: Registry = [
   },
   {
     name: "table",
+    registryDependencies: ["checkbox", "focus-styles"],
     files: [
       {
         path: "core/table_basic.tsx",
@@ -605,6 +652,7 @@ export const core: Registry = [
   },
   {
     name: "tabs_basic",
+    registryDependencies: ["focus-styles"],
     files: [
       {
         path: "core/tabs_basic.tsx",
@@ -615,6 +663,8 @@ export const core: Registry = [
   },
   {
     name: "tabs_motion",
+    dependencies: ["motion"],
+    registryDependencies: ["focus-styles"],
     files: [
       {
         path: "core/tabs_motion.tsx",
@@ -625,6 +675,7 @@ export const core: Registry = [
   },
   {
     name: "tag-group",
+    registryDependencies: ["field", "button", "focus-styles"],
     files: [
       {
         path: "core/tag-group_basic.tsx",
@@ -645,6 +696,7 @@ export const core: Registry = [
   },
   {
     name: "text-area",
+    registryDependencies: ["field", "input"],
     files: [
       {
         path: "core/text-area_basic.tsx",
@@ -655,6 +707,7 @@ export const core: Registry = [
   },
   {
     name: "text-field",
+    registryDependencies: ["field", "input"],
     files: [
       {
         path: "core/text-field_basic.tsx",
@@ -665,6 +718,7 @@ export const core: Registry = [
   },
   {
     name: "time-field",
+    registryDependencies: ["field", "input", "date-input"],
     files: [
       {
         path: "core/time-field_basic.tsx",
@@ -675,6 +729,7 @@ export const core: Registry = [
   },
   {
     name: "toggle-button",
+    registryDependencies: ["focus-styles"],
     files: [
       {
         path: "core/toggle-button_basic.tsx",
@@ -685,6 +740,7 @@ export const core: Registry = [
   },
   {
     name: "toggle-button-group",
+    registryDependencies: ["toggle-button"],
     files: [
       {
         path: "core/toggle-button-group_basic.tsx",
@@ -709,6 +765,7 @@ export const core: Registry = [
   },
   {
     name: "tooltip_motion",
+    dependencies: ["motion"],
     files: [
       {
         path: "core/tooltip_motion.tsx",

From 624d72dd94c824c87aea9b759606788e91475bfc Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 2 Feb 2025 19:34:14 +0100
Subject: [PATCH 086/165] fix: format

---
 packages/cli/src/registry/api.ts         | 2 +-
 packages/cli/src/utils/index.ts          | 4 ++--
 packages/cli/src/utils/resolve-import.ts | 9 ++++++---
 www/scripts/build-registry.ts            | 2 +-
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/cli/src/registry/api.ts b/packages/cli/src/registry/api.ts
index d57503795..5b89a37aa 100644
--- a/packages/cli/src/registry/api.ts
+++ b/packages/cli/src/registry/api.ts
@@ -79,7 +79,7 @@ export async function resolvePrimitives(names: string[], config: Config) {
     payload.map((item) => item.dependencies ?? [])
   );
   const files = deepmerge.all(payload.map((item) => item.files ?? []));
-  
+
   return registryResolvedItemsTreeSchema.parse({
     files: files ?? [],
     dependencies: dependencies ?? [],
diff --git a/packages/cli/src/utils/index.ts b/packages/cli/src/utils/index.ts
index 0d3ab89a5..0f89e0758 100644
--- a/packages/cli/src/utils/index.ts
+++ b/packages/cli/src/utils/index.ts
@@ -1,5 +1,5 @@
 export * from "./spinner";
 export * from "./logger";
 export * from "./is-url";
-export * from "./resolve-import"
-export * from "./get-package-manager"
\ No newline at end of file
+export * from "./resolve-import";
+export * from "./get-package-manager";
diff --git a/packages/cli/src/utils/resolve-import.ts b/packages/cli/src/utils/resolve-import.ts
index a7fe75f83..bd5e92fa9 100644
--- a/packages/cli/src/utils/resolve-import.ts
+++ b/packages/cli/src/utils/resolve-import.ts
@@ -1,4 +1,7 @@
-import { createMatchPath, type ConfigLoaderSuccessResult } from "tsconfig-paths"
+import {
+  createMatchPath,
+  type ConfigLoaderSuccessResult,
+} from "tsconfig-paths";
 
 export async function resolveImport(
   importPath: string,
@@ -9,5 +12,5 @@ export async function resolveImport(
     undefined,
     () => true,
     [".ts", ".tsx"]
-  )
-}
\ No newline at end of file
+  );
+}
diff --git a/www/scripts/build-registry.ts b/www/scripts/build-registry.ts
index 8c35e88cf..8e8f1c603 100644
--- a/www/scripts/build-registry.ts
+++ b/www/scripts/build-registry.ts
@@ -27,7 +27,7 @@ const buildRegistry = async () => {
     type: item.type,
     deps: item.dependencies,
     registryDeps: item.registryDependencies,
-    variants: item.variants
+    variants: item.variants,
   }));
 
   const registryJson = JSON.stringify(payload, null, 2);

From 5e62705a3e931682b85e11461725e1694cb34e5d Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 2 Feb 2025 20:37:07 +0100
Subject: [PATCH 087/165] feat(cli): update imports

---
 packages/cli/src/commands/add.ts              |  2 +-
 .../cli/src/helpers/transformers/index.ts     | 33 +++++++++--
 .../helpers/transformers/transform-import.ts  | 56 +++++++++++++++++++
 .../cli/src/helpers/updaters/update-deps.ts   |  1 -
 .../cli/src/helpers/updaters/update-files.ts  | 54 ++++--------------
 packages/cli/src/registry/api.ts              |  6 +-
 6 files changed, 97 insertions(+), 55 deletions(-)
 create mode 100644 packages/cli/src/helpers/transformers/transform-import.ts

diff --git a/packages/cli/src/commands/add.ts b/packages/cli/src/commands/add.ts
index b4b77d1d0..ff6587fa1 100644
--- a/packages/cli/src/commands/add.ts
+++ b/packages/cli/src/commands/add.ts
@@ -15,7 +15,7 @@ export const addCommand = new Command()
     "the primitives to add wheather components, hoooks, themes."
   )
   .helpOption("-h, --help", "show all available options")
-  .option("-o, --overwrite", "overwrite existing files.", false)
+  .option("-o, --overwrite", "overwrite existing files.", true)
   .option("-a, --all", "add all available core components.", false)
   .option(
     "-d --dir",
diff --git a/packages/cli/src/helpers/transformers/index.ts b/packages/cli/src/helpers/transformers/index.ts
index 008d0763c..2acd2d10e 100644
--- a/packages/cli/src/helpers/transformers/index.ts
+++ b/packages/cli/src/helpers/transformers/index.ts
@@ -1,21 +1,44 @@
+import { promises as fs } from "fs";
+import { tmpdir } from "os";
+import path from "path";
 import { Project, ScriptKind, type SourceFile } from "ts-morph";
 import { Config } from "@/helpers/get-config";
+import { transformImport } from "./transform-import";
 
-export type TransformOpts = {
+export type TransformOptions = {
   filename: string;
   raw: string;
   config: Config;
 };
 
 export type Transformer<Output = SourceFile> = (
-  opts: TransformOpts & {
+  // eslint-disable-next-line no-unused-vars
+  opts: TransformOptions & {
     sourceFile: SourceFile;
   }
 ) => Promise<Output>;
 
+const project = new Project({
+  compilerOptions: {},
+});
+
 export async function transform(
-  options: TransformOpts,
-  transforms: Transformer[]
+  options: TransformOptions,
+  transformers: Transformer[] = [transformImport]
 ) {
-  return options.raw;
+  const tempFile = await createTempSourceFile(options.filename);
+  const sourceFile = project.createSourceFile(tempFile, options.raw, {
+    scriptKind: ScriptKind.TSX,
+  });
+
+  for (const transformer of transformers) {
+    await transformer({ sourceFile, ...options });
+  }
+
+  return sourceFile.getText();
+}
+
+async function createTempSourceFile(filename: string) {
+  const dir = await fs.mkdtemp(path.join(tmpdir(), "shadcn-"));
+  return path.join(dir, filename);
 }
diff --git a/packages/cli/src/helpers/transformers/transform-import.ts b/packages/cli/src/helpers/transformers/transform-import.ts
new file mode 100644
index 000000000..aac62225b
--- /dev/null
+++ b/packages/cli/src/helpers/transformers/transform-import.ts
@@ -0,0 +1,56 @@
+import { Config } from "@/helpers/get-config";
+import { Transformer } from "@/helpers/transformers";
+
+export const transformImport: Transformer = async ({ sourceFile, config }) => {
+  const importDeclarations = sourceFile.getImportDeclarations();
+  for (const importDeclaration of importDeclarations) {
+    const moduleSpecifier = updateImportAliases(
+      importDeclaration.getModuleSpecifierValue(),
+      config
+    );
+    importDeclaration.setModuleSpecifier(moduleSpecifier);
+  }
+
+  return sourceFile;
+};
+
+function updateImportAliases(moduleSpecifier: string, config: Config) {
+  // Not a local import.
+  if (!moduleSpecifier.startsWith("@/")) {
+    return moduleSpecifier;
+  }
+
+  // Not a registry import.
+  if (!moduleSpecifier.startsWith("@/registry/")) {
+    // We fix the alias and return.
+    const alias = config.aliases.components.split("/")[0];
+    return moduleSpecifier.replace(/^@\//, `${alias}/`);
+  }
+
+  if (moduleSpecifier.match(/^@\/registry\/core/)) {
+    return moduleSpecifier.replace(/^@\/registry\/core/, config.aliases.core).replace(/_[^/_]+$/, "")
+  }
+
+  if (
+    config.aliases.components &&
+    moduleSpecifier.match(/^@\/registry\/components/)
+  ) {
+    return moduleSpecifier.replace(
+      /^@\/registry\/components/,
+      config.aliases.components
+    );
+  }
+
+  if (config.aliases.lib && moduleSpecifier.match(/^@\/registry\/lib/)) {
+    return moduleSpecifier.replace(/^@\/registry\/lib/, config.aliases.lib);
+  }
+
+  if (config.aliases.hooks && moduleSpecifier.match(/^@\/registry\/hooks/)) {
+    return moduleSpecifier.replace(/^@\/registry\/hooks/, config.aliases.hooks);
+  }
+
+  return moduleSpecifier.replace(
+    /^@\/registry\/[^/]+/,
+    config.aliases.components
+  );
+}
diff --git a/packages/cli/src/helpers/updaters/update-deps.ts b/packages/cli/src/helpers/updaters/update-deps.ts
index f045ddf6b..5808358c2 100644
--- a/packages/cli/src/helpers/updaters/update-deps.ts
+++ b/packages/cli/src/helpers/updaters/update-deps.ts
@@ -14,7 +14,6 @@ export async function updateDeps(
 
   const packageManager = await getPackageManager(config.resolvedPaths.cwd);
 
-  console.log(`using ${packageManager}...`);
   await execa(
     packageManager,
     [packageManager === "npm" ? "install" : "add", ...dependencies],
diff --git a/packages/cli/src/helpers/updaters/update-files.ts b/packages/cli/src/helpers/updaters/update-files.ts
index 285a39099..cccd4aa51 100644
--- a/packages/cli/src/helpers/updaters/update-files.ts
+++ b/packages/cli/src/helpers/updaters/update-files.ts
@@ -1,7 +1,6 @@
-import { confirm, isCancel } from "@clack/prompts";
 import { RegistryItemFile } from "@dotui/registry";
 import { existsSync, promises as fs } from "fs";
-import path, { basename } from "path";
+import path from "path";
 import { Config } from "@/helpers/get-config";
 import { transform } from "@/helpers/transformers";
 
@@ -31,24 +30,14 @@ export async function updateFiles(
   for (const file of files) {
     if (!file.content) continue;
 
-    let filePath = resolveFilePath(file, config, {
-      isSrcDir: false, // TODO: fix this
-    });
+    let filePath = resolveFilePath(file, config);
 
-    const fileName = basename(file.path);
     const targetDir = path.dirname(filePath);
     const existingFile = existsSync(filePath);
 
     if (existingFile && !options.overwrite) {
-      const overwrite = await confirm({
-        message: `The file ${fileName} already exists. Would you like to overwrite?`,
-        initialValue: false,
-      });
-
-      if (isCancel(overwrite)) {
-        filesSkipped.push(path.relative(config.resolvedPaths.cwd, filePath));
-        continue;
-      }
+      filesSkipped.push(path.relative(config.resolvedPaths.cwd, filePath));
+      continue;
     }
 
     // Create the target directory if it doesn't exist.
@@ -57,14 +46,11 @@ export async function updateFiles(
     }
 
     // Run our transformers.
-    const content = await transform(
-      {
-        filename: file.path,
-        raw: file.content,
-        config,
-      },
-      []
-    );
+    const content = await transform({
+      filename: file.path,
+      raw: file.content,
+      config,
+    });
 
     await fs.writeFile(filePath, content, "utf-8");
 
@@ -76,27 +62,7 @@ export async function updateFiles(
   return { filesCreated, filesUpdated, filesSkipped };
 }
 
-function resolveFilePath(
-  file: RegistryItemFile,
-  config: Config,
-  options: {
-    isSrcDir?: boolean;
-  }
-) {
-  if (file.path) {
-    if (file.path.startsWith("~/")) {
-      return path.join(config.resolvedPaths.cwd, file.path.replace("~/", ""));
-    }
-
-    return options.isSrcDir
-      ? path.join(
-          config.resolvedPaths.cwd,
-          "src",
-          file.path.replace("src/", "")
-        )
-      : path.join(config.resolvedPaths.cwd, file.path.replace("src/", ""));
-  }
-
+function resolveFilePath(file: RegistryItemFile, config: Config) {
   const targetDir = resolveFileTargetDirectory(file, config);
 
   const relativePath = resolveNestedFilePath(file.path, targetDir);
diff --git a/packages/cli/src/registry/api.ts b/packages/cli/src/registry/api.ts
index 5b89a37aa..88e524120 100644
--- a/packages/cli/src/registry/api.ts
+++ b/packages/cli/src/registry/api.ts
@@ -6,7 +6,6 @@ import {
 } from "@dotui/registry";
 import deepmerge from "deepmerge";
 import { z } from "zod";
-import { defaultConfig } from "@/constants";
 import { fetchRegistry } from "./helpers";
 
 interface Config {
@@ -36,10 +35,9 @@ export async function resolvePrimitives(names: string[], config: Config) {
     const item = index.find((item) => item.name === name);
     if (!item) throw new Error(`${name} not found in registry`);
     if (item.variants) {
-      // we check if the variant is defined in the config, if not we use the default one0
+      // we check if the variant is defined in the config, if not we use the first one (supposed to be the default)
       const variant =
-        config.primitives?.[name] ??
-        defaultConfig.primitives[name as keyof typeof defaultConfig.primitives];
+        config.primitives?.[name] ?? item.variants[0]
 
       registryDeps = [
         ...registryDeps,

From 6699d64e5ad7fa97b5c2bc2d4e133ebe61f4698f Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 2 Feb 2025 20:47:33 +0100
Subject: [PATCH 088/165] chore: update registry

---
 www/src/registry/index.ts           | 26 +++++++++++++-------------
 www/src/registry/registry-themes.ts |  2 +-
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/www/src/registry/index.ts b/www/src/registry/index.ts
index 35d972b4c..94fa9e3ab 100644
--- a/www/src/registry/index.ts
+++ b/www/src/registry/index.ts
@@ -1,14 +1,14 @@
-import { core } from "@/registry/registry-core";
-import { hooks } from "@/registry/registry-hooks";
-import { lib } from "@/registry/registry-lib";
-import { themes } from "@/registry/registry-themes";
-import { base } from "./registry-base";
-import { RegistryItem, type Registry } from "./types";
+import { core as _core } from "@/registry/registry-core";
+import { hooks as _hooks } from "@/registry/registry-hooks";
+import { lib as _lib } from "@/registry/registry-lib";
+import { themes as _themes } from "@/registry/registry-themes";
+import { base as _base } from "./registry-base";
+import { type Registry } from "./types";
 
-export const registry: Registry = [
-  { ...base, type: "base" },
-  ...core.map((item) => ({ ...item, type: "core" }) as RegistryItem),
-  ...hooks.map((item) => ({ ...item, type: "hook" }) as RegistryItem),
-  ...themes.map((item) => ({ ...item, type: "theme" }) as RegistryItem),
-  ...lib.map((item) => ({ ...item, type: "lib" }) as RegistryItem),
-];
+const base = { ..._base, type: "base" } as const;
+const core = _core.map((item) => ({ ...item, type: "core" }) as const);
+const hooks = _hooks.map((item) => ({ ...item, type: "hook" }) as const);
+const lib = _lib.map((item) => ({ ...item, type: "lib" }) as const);
+const themes = _themes.map((item) => ({ ...item, type: "theme" }) as const);
+
+export const registry: Registry = [base, ...core, ...hooks, ...lib, ...themes];
diff --git a/www/src/registry/registry-themes.ts b/www/src/registry/registry-themes.ts
index 6158ccdf6..5a1485d9b 100644
--- a/www/src/registry/registry-themes.ts
+++ b/www/src/registry/registry-themes.ts
@@ -1,3 +1,3 @@
-import type { Registry } from "@dotui/registry/types";
+import type { Registry } from "./types";
 
 export const themes: Registry = [];

From c0fc3ab344f5c692fae21345c75f1812ce4313e0 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 2 Feb 2025 20:51:31 +0100
Subject: [PATCH 089/165] chore: rename hook

---
 www/public/registry/core/number-field.json         |  2 +-
 www/public/registry/core/overlay.json              |  2 +-
 www/public/registry/hooks/use-is-mobile.json       |  2 +-
 www/src/registry/core/number-field_basic.tsx       |  4 ++--
 www/src/registry/core/overlay_basic.tsx            |  4 ++--
 .../hooks/{use-media-query.ts => use-is-mobile.ts} | 14 +++++++-------
 www/src/registry/registry-hooks.ts                 |  2 +-
 7 files changed, 15 insertions(+), 15 deletions(-)
 rename www/src/registry/hooks/{use-media-query.ts => use-is-mobile.ts} (50%)

diff --git a/www/public/registry/core/number-field.json b/www/public/registry/core/number-field.json
index 76c1c85c2..e99e6c04d 100644
--- a/www/public/registry/core/number-field.json
+++ b/www/public/registry/core/number-field.json
@@ -8,7 +8,7 @@
   "files": [
     {
       "type": "core",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  MinusIcon,\n  PlusIcon,\n} from \"lucide-react\";\nimport {\n  NumberField as AriaNumberField,\n  composeRenderProps,\n  type NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n  type inputStyles,\n} from \"@/registry/core/input_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\n\n// TODO: update registry\n\nconst numberFieldStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    inputRoot: \"grid gap-0 px-0\",\n    input: \"px-2 [grid-area:field]\",\n    increment: \"w-8 p-0 [grid-area:increment]\",\n    decrement: \"w-8 p-0 [grid-area:decrement]\",\n  },\n  variants: {\n    isMobile: {\n      true: {\n        inputRoot:\n          \"grid-cols-[auto_1fr_auto] [grid-template-areas:'decrement_field_increment']\",\n        increment: \"h-full rounded-none rounded-r-md border-l\",\n        decrement: \"h-full rounded-none rounded-l-md border-r\",\n      },\n      false: {\n        inputRoot:\n          \"grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']\",\n        increment: \"h-auto shrink rounded-none rounded-tr-md border-b border-l\",\n        decrement: \"h-auto shrink rounded-none rounded-br-md border-l\",\n      },\n    },\n  },\n});\n\nconst { root, inputRoot, input, increment, decrement } = numberFieldStyles();\n\ninterface NumberFieldProps\n  extends NumberFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst NumberField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: NumberFieldProps) => {\n  const isMobile = useMediaQuery(\"(max-width: 768px)\");\n\n  return (\n    <NumberFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} className={inputRoot({ isMobile })}>\n        <Button slot=\"decrement\" className={decrement({ isMobile })}>\n          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}\n        </Button>\n        <Input className={input()} />\n        <Button slot=\"increment\" className={increment({ isMobile })}>\n          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </NumberFieldRoot>\n  );\n};\n\ninterface NumberFieldRootProps\n  extends React.ComponentProps<typeof AriaNumberField> {\n  placeholder?: string;\n}\nconst NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {\n  return (\n    <AriaNumberField\n      className={composeRenderProps(className, (className) =>\n        root({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { NumberFieldProps, NumberFieldRootProps };\nexport { NumberField, NumberFieldRoot };\n",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  MinusIcon,\n  PlusIcon,\n} from \"lucide-react\";\nimport {\n  NumberField as AriaNumberField,\n  composeRenderProps,\n  type NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { Button, type ButtonProps } from \"@/registry/core/button_basic\";\nimport { Label, HelpText, type FieldProps } from \"@/registry/core/field_basic\";\nimport {\n  InputRoot,\n  Input,\n  type InputRootProps,\n  type inputStyles,\n} from \"@/registry/core/input_basic\";\nimport { useIsMobile } from \"@/registry/hooks/use-is-mobile\";\n\n// TODO: update registry\n\nconst numberFieldStyles = tv({\n  slots: {\n    root: \"flex w-48 flex-col items-start gap-2\",\n    inputRoot: \"grid gap-0 px-0\",\n    input: \"px-2 [grid-area:field]\",\n    increment: \"w-8 p-0 [grid-area:increment]\",\n    decrement: \"w-8 p-0 [grid-area:decrement]\",\n  },\n  variants: {\n    isMobile: {\n      true: {\n        inputRoot:\n          \"grid-cols-[auto_1fr_auto] [grid-template-areas:'decrement_field_increment']\",\n        increment: \"h-full rounded-none rounded-r-md border-l\",\n        decrement: \"h-full rounded-none rounded-l-md border-r\",\n      },\n      false: {\n        inputRoot:\n          \"grid-cols-[1fr_auto] [grid-template-areas:'field_increment''field_decrement']\",\n        increment: \"h-auto shrink rounded-none rounded-tr-md border-b border-l\",\n        decrement: \"h-auto shrink rounded-none rounded-br-md border-l\",\n      },\n    },\n  },\n});\n\nconst { root, inputRoot, input, increment, decrement } = numberFieldStyles();\n\ninterface NumberFieldProps\n  extends NumberFieldRootProps,\n    Pick<InputRootProps, \"size\">,\n    FieldProps {}\n\nconst NumberField = ({\n  label,\n  description,\n  errorMessage,\n  size,\n  ...props\n}: NumberFieldProps) => {\n  const isMobile = useIsMobile();\n\n  return (\n    <NumberFieldRoot {...props}>\n      {label && <Label>{label}</Label>}\n      <InputRoot size={size} className={inputRoot({ isMobile })}>\n        <Button slot=\"decrement\" className={decrement({ isMobile })}>\n          {isMobile ? <MinusIcon /> : <ChevronDownIcon />}\n        </Button>\n        <Input className={input()} />\n        <Button slot=\"increment\" className={increment({ isMobile })}>\n          {isMobile ? <PlusIcon /> : <ChevronUpIcon />}\n        </Button>\n      </InputRoot>\n      <HelpText description={description} errorMessage={errorMessage} />\n    </NumberFieldRoot>\n  );\n};\n\ninterface NumberFieldRootProps\n  extends React.ComponentProps<typeof AriaNumberField> {\n  placeholder?: string;\n}\nconst NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {\n  return (\n    <AriaNumberField\n      className={composeRenderProps(className, (className) =>\n        root({ className })\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type { NumberFieldProps, NumberFieldRootProps };\nexport { NumberField, NumberFieldRoot };\n",
       "path": "core/number-field.tsx"
     }
   ]
diff --git a/www/public/registry/core/overlay.json b/www/public/registry/core/overlay.json
index 936cbf52f..1eabc3d94 100644
--- a/www/public/registry/core/overlay.json
+++ b/www/public/registry/core/overlay.json
@@ -9,7 +9,7 @@
   "files": [
     {
       "type": "core",
-      "content": "\"use client\";\n\nimport { Drawer, DrawerProps } from \"@/registry/core/drawer_basic\";\nimport { Modal, ModalProps } from \"@/registry/core/modal_basic\";\nimport { Popover, PopoverProps } from \"@/registry/core/popover_basic\";\nimport { useMediaQuery } from \"@/registry/hooks/use-media-query\";\n\ntype Type = \"modal\" | \"popover\" | \"drawer\";\n\ntype CommonProps =\n  | \"UNSTABLE_portalContainer\"\n  | \"isDismissable\"\n  | \"isOpen\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n  | \"isKeyboardDismissDisabled\"\n  | \"shouldCloseOnInteractOutside\";\n\ninterface OverlayProps extends Pick<ModalProps, CommonProps> {\n  children?: React.ReactNode;\n  type?: Type;\n  mobileType?: Type | null;\n  popoverProps?: Omit<PopoverProps, \"children\" | CommonProps>;\n  modalProps?: Omit<ModalProps, \"children\" | CommonProps>;\n  drawerProps?: Omit<DrawerProps, \"children\" | CommonProps>;\n}\n\nfunction Overlay({\n  type = \"modal\",\n  mobileType = \"drawer\",\n  modalProps,\n  popoverProps,\n  drawerProps,\n  ...props\n}: OverlayProps) {\n  const isMobile = useMediaQuery(\"(max-width: 640px)\");\n  const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;\n\n  if (resolvedType === \"modal\") {\n    return <Modal {...modalProps} {...props} />;\n  }\n\n  if (resolvedType === \"popover\") {\n    return <Popover {...popoverProps} {...props} />;\n  }\n\n  if (resolvedType === \"drawer\") {\n    return <Drawer {...drawerProps} {...props} />;\n  }\n}\n\nexport type { OverlayProps };\nexport { Overlay };\n",
+      "content": "\"use client\";\n\nimport { Drawer, DrawerProps } from \"@/registry/core/drawer_basic\";\nimport { Modal, ModalProps } from \"@/registry/core/modal_basic\";\nimport { Popover, PopoverProps } from \"@/registry/core/popover_basic\";\nimport { useIsMobile } from \"@/registry/hooks/use-is-mobile\";\n\ntype Type = \"modal\" | \"popover\" | \"drawer\";\n\ntype CommonProps =\n  | \"UNSTABLE_portalContainer\"\n  | \"isDismissable\"\n  | \"isOpen\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n  | \"isKeyboardDismissDisabled\"\n  | \"shouldCloseOnInteractOutside\";\n\ninterface OverlayProps extends Pick<ModalProps, CommonProps> {\n  children?: React.ReactNode;\n  type?: Type;\n  mobileType?: Type | null;\n  popoverProps?: Omit<PopoverProps, \"children\" | CommonProps>;\n  modalProps?: Omit<ModalProps, \"children\" | CommonProps>;\n  drawerProps?: Omit<DrawerProps, \"children\" | CommonProps>;\n}\n\nfunction Overlay({\n  type = \"modal\",\n  mobileType = \"drawer\",\n  modalProps,\n  popoverProps,\n  drawerProps,\n  ...props\n}: OverlayProps) {\n  const isMobile = useIsMobile();\n  const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;\n\n  if (resolvedType === \"modal\") {\n    return <Modal {...modalProps} {...props} />;\n  }\n\n  if (resolvedType === \"popover\") {\n    return <Popover {...popoverProps} {...props} />;\n  }\n\n  if (resolvedType === \"drawer\") {\n    return <Drawer {...drawerProps} {...props} />;\n  }\n}\n\nexport type { OverlayProps };\nexport { Overlay };\n",
       "path": "core/overlay.tsx"
     }
   ]
diff --git a/www/public/registry/hooks/use-is-mobile.json b/www/public/registry/hooks/use-is-mobile.json
index 9c22f2d10..ac7feaa5b 100644
--- a/www/public/registry/hooks/use-is-mobile.json
+++ b/www/public/registry/hooks/use-is-mobile.json
@@ -3,7 +3,7 @@
   "files": [
     {
       "type": "hook",
-      "content": "import * as React from \"react\";\n\nexport function useMediaQuery(query: string) {\n  const [value, setValue] = React.useState(false);\n\n  React.useEffect(() => {\n    function onChange(event: MediaQueryListEvent) {\n      setValue(event.matches);\n    }\n\n    const result = matchMedia(query);\n    result.addEventListener(\"change\", onChange);\n    setValue(result.matches);\n\n    return () => result.removeEventListener(\"change\", onChange);\n  }, [query]);\n\n  return value;\n}\n",
+      "content": "import * as React from \"react\";\n\nexport function useIsMobile() {\n  const [isMobile, setMobile] = React.useState(false);\n\n  React.useEffect(() => {\n    function onChange(event: MediaQueryListEvent) {\n      setMobile(event.matches);\n    }\n\n    const result = matchMedia(\"(max-width: 640px)\");\n    result.addEventListener(\"change\", onChange);\n    setMobile(result.matches);\n\n    return () => result.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return isMobile;\n}\n",
       "path": "hooks/use-is-mobile.ts"
     }
   ]
diff --git a/www/src/registry/core/number-field_basic.tsx b/www/src/registry/core/number-field_basic.tsx
index 880173550..0491b989d 100644
--- a/www/src/registry/core/number-field_basic.tsx
+++ b/www/src/registry/core/number-field_basic.tsx
@@ -21,7 +21,7 @@ import {
   type InputRootProps,
   type inputStyles,
 } from "@/registry/core/input_basic";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
+import { useIsMobile } from "@/registry/hooks/use-is-mobile";
 
 // TODO: update registry
 
@@ -65,7 +65,7 @@ const NumberField = ({
   size,
   ...props
 }: NumberFieldProps) => {
-  const isMobile = useMediaQuery("(max-width: 768px)");
+  const isMobile = useIsMobile();
 
   return (
     <NumberFieldRoot {...props}>
diff --git a/www/src/registry/core/overlay_basic.tsx b/www/src/registry/core/overlay_basic.tsx
index fca318d94..e31dbee5d 100644
--- a/www/src/registry/core/overlay_basic.tsx
+++ b/www/src/registry/core/overlay_basic.tsx
@@ -3,7 +3,7 @@
 import { Drawer, DrawerProps } from "@/registry/core/drawer_basic";
 import { Modal, ModalProps } from "@/registry/core/modal_basic";
 import { Popover, PopoverProps } from "@/registry/core/popover_basic";
-import { useMediaQuery } from "@/registry/hooks/use-media-query";
+import { useIsMobile } from "@/registry/hooks/use-is-mobile";
 
 type Type = "modal" | "popover" | "drawer";
 
@@ -33,7 +33,7 @@ function Overlay({
   drawerProps,
   ...props
 }: OverlayProps) {
-  const isMobile = useMediaQuery("(max-width: 640px)");
+  const isMobile = useIsMobile();
   const resolvedType = mobileType ? (isMobile ? mobileType : type) : type;
 
   if (resolvedType === "modal") {
diff --git a/www/src/registry/hooks/use-media-query.ts b/www/src/registry/hooks/use-is-mobile.ts
similarity index 50%
rename from www/src/registry/hooks/use-media-query.ts
rename to www/src/registry/hooks/use-is-mobile.ts
index 7ac3915ab..80759c29d 100644
--- a/www/src/registry/hooks/use-media-query.ts
+++ b/www/src/registry/hooks/use-is-mobile.ts
@@ -1,19 +1,19 @@
 import * as React from "react";
 
-export function useMediaQuery(query: string) {
-  const [value, setValue] = React.useState(false);
+export function useIsMobile() {
+  const [isMobile, setMobile] = React.useState(false);
 
   React.useEffect(() => {
     function onChange(event: MediaQueryListEvent) {
-      setValue(event.matches);
+      setMobile(event.matches);
     }
 
-    const result = matchMedia(query);
+    const result = matchMedia("(max-width: 640px)");
     result.addEventListener("change", onChange);
-    setValue(result.matches);
+    setMobile(result.matches);
 
     return () => result.removeEventListener("change", onChange);
-  }, [query]);
+  }, []);
 
-  return value;
+  return isMobile;
 }
diff --git a/www/src/registry/registry-hooks.ts b/www/src/registry/registry-hooks.ts
index 45ccf155c..ca1ce1437 100644
--- a/www/src/registry/registry-hooks.ts
+++ b/www/src/registry/registry-hooks.ts
@@ -6,7 +6,7 @@ export const hooks: Registry = [
     files: [
       {
         type: "hook",
-        path: "hooks/use-media-query.ts",
+        path: "hooks/use-is-mobile.ts",
         target: "hooks/use-is-mobile.ts",
       },
     ],

From 2d16f92c509b30cd816b446fc89183b029c366c8 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 2 Feb 2025 21:19:14 +0100
Subject: [PATCH 090/165] feat: auto install the correct icon library

---
 packages/cli/src/commands/init.ts |  2 +-
 packages/cli/src/registry/api.ts  | 22 ++++++++++++++++------
 packages/registry/schema.ts       |  1 +
 www/public/registry/index.json    | 14 ++++++++++++++
 www/src/registry/index.ts         | 22 +++++++++++++++++++---
 www/src/registry/types.ts         |  6 +++---
 6 files changed, 54 insertions(+), 13 deletions(-)

diff --git a/packages/cli/src/commands/init.ts b/packages/cli/src/commands/init.ts
index e51b7ff4d..c19b7d2a7 100644
--- a/packages/cli/src/commands/init.ts
+++ b/packages/cli/src/commands/init.ts
@@ -35,7 +35,7 @@ export const initCommand = new Command()
         themeId = await getOrPromptForThemeId(themeId);
         const theme = await getRegistryTheme(themeId);
         const config = await createConfigFile(options.dir, aliases, theme);
-        await addPrimitives(["base"], config, {
+        await addPrimitives(["base", theme.iconLibrary], config, {
           overwrite: true,
           message: "Updating your project",
         });
diff --git a/packages/cli/src/registry/api.ts b/packages/cli/src/registry/api.ts
index 88e524120..597ca8568 100644
--- a/packages/cli/src/registry/api.ts
+++ b/packages/cli/src/registry/api.ts
@@ -1,5 +1,6 @@
 import {
   registryIndexSchema,
+  RegistryItem,
   registryItemSchema,
   registryResolvedItemsTreeSchema,
   type RegistryItemType,
@@ -30,14 +31,20 @@ const getPrimitivePath = (name: string, type: RegistryItemType) => {
 export async function resolvePrimitives(names: string[], config: Config) {
   const index = await getRegistryIndex();
 
+  let iconLibraryDeps: string[] = [];
   const getAllRegistryDeps = (name: string) => {
     let registryDeps: string[] = [name];
     const item = index.find((item) => item.name === name);
     if (!item) throw new Error(`${name} not found in registry`);
+    if (item.type === "icon-library") {
+      if (item.deps) {
+        iconLibraryDeps.push(item.deps[0]);
+      }
+      return [];
+    }
     if (item.variants) {
       // we check if the variant is defined in the config, if not we use the first one (supposed to be the default)
-      const variant =
-        config.primitives?.[name] ?? item.variants[0]
+      const variant = config.primitives?.[name] ?? item.variants[0];
 
       registryDeps = [
         ...registryDeps,
@@ -60,22 +67,25 @@ export async function resolvePrimitives(names: string[], config: Config) {
     new Set(names.flatMap((name) => getAllRegistryDeps(name)))
   );
 
+  let skipped: RegistryItem[] = [];
   const primitivesPaths = primitives.map((name) => {
     const item = index.find((item) => item.name === name);
     if (!item) throw new Error(`${name} not found in registry`);
+    if (item.type === "icon-library") skipped.push(item);
     return getPrimitivePath(name, item.type);
   });
 
   const result = await fetchRegistry(primitivesPaths);
-  const payload = z.array(registryItemSchema).parse(result);
+  const payload = z.array(registryItemSchema).parse([...result, ...skipped]);
 
   if (!payload) {
     throw new Error("Failed to validate registry items"); // TODO: fix
   }
 
-  const dependencies = deepmerge.all(
-    payload.map((item) => item.dependencies ?? [])
-  );
+  const dependencies = deepmerge.all([
+    ...payload.map((item) => item.dependencies ?? []),
+    iconLibraryDeps,
+  ]);
   const files = deepmerge.all(payload.map((item) => item.files ?? []));
 
   return registryResolvedItemsTreeSchema.parse({
diff --git a/packages/registry/schema.ts b/packages/registry/schema.ts
index 26281dfd0..a374acdba 100644
--- a/packages/registry/schema.ts
+++ b/packages/registry/schema.ts
@@ -7,6 +7,7 @@ export const registryItemTypeSchema = z.enum([
   "lib",
   "hook",
   "theme",
+  "icon-library",
 ]);
 
 export const registryIndexSchema = z.array(
diff --git a/www/public/registry/index.json b/www/public/registry/index.json
index cfae2c81d..9ee9a1698 100644
--- a/www/public/registry/index.json
+++ b/www/public/registry/index.json
@@ -548,5 +548,19 @@
   {
     "name": "focus-styles",
     "type": "lib"
+  },
+  {
+    "name": "lucide-icons",
+    "type": "icon-library",
+    "deps": [
+      "lucide-react"
+    ]
+  },
+  {
+    "name": "remix-icons",
+    "type": "icon-library",
+    "deps": [
+      "@remixicon/react"
+    ]
   }
 ]
\ No newline at end of file
diff --git a/www/src/registry/index.ts b/www/src/registry/index.ts
index 94fa9e3ab..e504600a4 100644
--- a/www/src/registry/index.ts
+++ b/www/src/registry/index.ts
@@ -1,14 +1,30 @@
+import { base as _base } from "@/registry/registry-base";
 import { core as _core } from "@/registry/registry-core";
 import { hooks as _hooks } from "@/registry/registry-hooks";
+import { iconLibraries } from "@/registry/registry-icons";
 import { lib as _lib } from "@/registry/registry-lib";
 import { themes as _themes } from "@/registry/registry-themes";
-import { base as _base } from "./registry-base";
-import { type Registry } from "./types";
+import type { Registry } from "@/registry/types";
 
 const base = { ..._base, type: "base" } as const;
 const core = _core.map((item) => ({ ...item, type: "core" }) as const);
 const hooks = _hooks.map((item) => ({ ...item, type: "hook" }) as const);
 const lib = _lib.map((item) => ({ ...item, type: "lib" }) as const);
 const themes = _themes.map((item) => ({ ...item, type: "theme" }) as const);
+const iconLibs: Registry = Object.entries(iconLibraries).map(
+  ([_, value]) =>
+    ({
+      name: value.name,
+      type: "icon-library",
+      dependencies: [value.package],
+    }) as const
+);
 
-export const registry: Registry = [base, ...core, ...hooks, ...lib, ...themes];
+export const registry: Registry = [
+  base,
+  ...core,
+  ...hooks,
+  ...lib,
+  ...themes,
+  ...iconLibs,
+];
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
index 562895047..530b01d91 100644
--- a/www/src/registry/types.ts
+++ b/www/src/registry/types.ts
@@ -1,14 +1,14 @@
-export type RegistryType = "base" | "core" | "hook" | "lib" | "theme";
+import { RegistryItemType } from "@dotui/registry";
 
 export type RegistryItem = {
   name: string;
-  type?: RegistryType;
+  type?: RegistryItemType;
   description?: string;
   dependencies?: string[];
   registryDependencies?: string[];
   files?: {
     path: string;
-    type: RegistryType;
+    type: RegistryItemType;
     target: string;
   }[];
   variants?: string[];

From 37c9f6be3ceffc23219441fd54dc22bd785e6d5e Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 3 Feb 2025 01:52:20 +0100
Subject: [PATCH 091/165] refactor: move all schemas to a dedicated package

---
 packages/cli/package.json                     |   2 +-
 packages/cli/src/commands/init.ts             |  14 +-
 packages/cli/src/helpers/add-primitives.ts    |   8 +-
 packages/cli/src/helpers/get-config.ts        |  46 +---
 packages/cli/src/helpers/registry-api.ts      |   4 +-
 .../cli/src/helpers/transformers/index.ts     |   4 +-
 .../helpers/transformers/transform-import.ts  |   8 +-
 .../cli/src/helpers/updaters/update-deps.ts   |   7 +-
 .../cli/src/helpers/updaters/update-files.ts  |  12 +-
 packages/cli/src/registry/api.ts              |   8 +-
 packages/cli/src/types.ts                     |   7 -
 packages/cli/tsup.config.ts                   |   2 +-
 packages/registry/schema.ts                   |  98 --------
 packages/registry/types.ts                    |  18 --
 packages/{registry => schemas}/index.ts       |   0
 packages/{registry => schemas}/package.json   |   2 +-
 packages/schemas/schema.ts                    | 144 +++++++++++
 packages/schemas/types.ts                     |  23 ++
 pnpm-lock.yaml                                |  10 +-
 www/package.json                              |   2 +-
 www/public/registry/base.json                 |   5 +-
 www/public/registry/core/alert.json           |   1 +
 www/public/registry/core/alert_basic.json     |   1 +
 www/public/registry/core/alert_notch-2.json   |   1 +
 www/public/registry/core/alert_notch.json     |   1 +
 www/public/registry/core/avatar.json          |   1 +
 www/public/registry/core/badge.json           |   1 +
 www/public/registry/core/breadcrumbs.json     |   3 +-
 www/public/registry/core/button.json          |   1 +
 www/public/registry/core/button_basic.json    |   3 +-
 .../registry/core/button_brutalist.json       |   3 +-
 www/public/registry/core/button_ripple.json   |   3 +-
 www/public/registry/core/calendar.json        |   1 +
 www/public/registry/core/calendar_basic.json  |   3 +-
 www/public/registry/core/calendar_cal.json    |   3 +-
 www/public/registry/core/checkbox-group.json  |   3 +-
 www/public/registry/core/checkbox.json        |   3 +-
 www/public/registry/core/color-area.json      |   3 +-
 www/public/registry/core/color-field.json     |   3 +-
 www/public/registry/core/color-picker.json    |   3 +-
 www/public/registry/core/color-slider.json    |   3 +-
 .../registry/core/color-swatch-picker.json    |   3 +-
 www/public/registry/core/color-swatch.json    |   1 +
 www/public/registry/core/color-thumb.json     |   3 +-
 www/public/registry/core/combobox.json        |   3 +-
 www/public/registry/core/command.json         |   1 +
 www/public/registry/core/date-field.json      |   3 +-
 www/public/registry/core/date-input.json      |   1 +
 www/public/registry/core/date-picker.json     |   3 +-
 .../registry/core/date-range-picker.json      |   3 +-
 www/public/registry/core/dialog.json          |   3 +-
 www/public/registry/core/drawer.json          |   1 +
 www/public/registry/core/drop-zone.json       |   1 +
 www/public/registry/core/field.json           |   1 +
 www/public/registry/core/file-trigger.json    |   1 +
 www/public/registry/core/form.json            |   1 +
 www/public/registry/core/form_basic.json      |   1 +
 .../registry/core/form_react-hook-form.json   |   3 +-
 www/public/registry/core/index.json           |  54 ++++
 www/public/registry/core/input.json           |   1 +
 www/public/registry/core/input_basic.json     |   5 +-
 www/public/registry/core/kbd.json             |   1 +
 www/public/registry/core/list-box.json        |   3 +-
 www/public/registry/core/loader.json          |   1 +
 www/public/registry/core/loader_dots.json     |   1 +
 www/public/registry/core/loader_line.json     |   1 +
 www/public/registry/core/loader_ring.json     |   1 +
 www/public/registry/core/loader_tailspin.json |   1 +
 www/public/registry/core/loader_wave.json     |   3 +-
 www/public/registry/core/menu.json            |   3 +-
 www/public/registry/core/modal.json           |   1 +
 www/public/registry/core/number-field.json    |   3 +-
 www/public/registry/core/overlay.json         |   3 +-
 www/public/registry/core/popover.json         |   1 +
 www/public/registry/core/progress-bar.json    |   3 +-
 www/public/registry/core/radio-group.json     |   3 +-
 www/public/registry/core/search-field.json    |   3 +-
 www/public/registry/core/select.json          |   3 +-
 www/public/registry/core/separator.json       |   1 +
 www/public/registry/core/skeleton.json        |   1 +
 www/public/registry/core/slider.json          |   5 +-
 www/public/registry/core/switch.json          |   3 +-
 www/public/registry/core/table.json           |   3 +-
 www/public/registry/core/tabs.json            |   1 +
 www/public/registry/core/tabs_basic.json      |   3 +-
 www/public/registry/core/tabs_motion.json     |   5 +-
 www/public/registry/core/tag-group.json       |   3 +-
 www/public/registry/core/text-area.json       |   3 +-
 www/public/registry/core/text-field.json      |   3 +-
 www/public/registry/core/text.json            |   1 +
 www/public/registry/core/time-field.json      |   3 +-
 .../registry/core/toggle-button-group.json    |   3 +-
 www/public/registry/core/toggle-button.json   |   3 +-
 www/public/registry/core/tooltip.json         |   1 +
 www/public/registry/core/tooltip_basic.json   |   3 +-
 www/public/registry/core/tooltip_motion.json  |   3 +-
 www/public/registry/hooks/index.json          |   1 +
 www/public/registry/hooks/use-is-mobile.json  |   1 +
 www/public/registry/icons/index.json          |  12 +-
 www/public/registry/index.json                |  10 +-
 www/public/registry/lib/index.json            |   2 +
 www/public/registry/lib/utils.json            |   2 +-
 www/scripts/build-internal-registry.ts        |  25 +-
 www/scripts/build-registry.ts                 |  70 ++++--
 www/src/components/docs/style-switcher.tsx    |   1 -
 www/src/components/sidebar.tsx                |   2 +-
 www/src/registry/core/tooltip_basic.tsx       |   2 +
 www/src/registry/index.ts                     |  21 +-
 www/src/registry/registry-base.ts             |   9 +-
 www/src/registry/registry-core.ts             | 235 +++++++++---------
 www/src/registry/registry-hooks.ts            |  11 +-
 www/src/registry/registry-lib.ts              |  17 +-
 www/src/registry/registry-themes.ts           |   8 +-
 www/src/registry/types.ts                     |  17 --
 www/src/styles/globals.css                    |   3 +-
 115 files changed, 627 insertions(+), 466 deletions(-)
 delete mode 100644 packages/cli/src/types.ts
 delete mode 100644 packages/registry/schema.ts
 delete mode 100644 packages/registry/types.ts
 rename packages/{registry => schemas}/index.ts (100%)
 rename packages/{registry => schemas}/package.json (89%)
 create mode 100644 packages/schemas/schema.ts
 create mode 100644 packages/schemas/types.ts
 delete mode 100644 www/src/registry/types.ts

diff --git a/packages/cli/package.json b/packages/cli/package.json
index da4e0f550..ab52f1ecb 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@clack/prompts": "^0.9.1",
-    "@dotui/registry": "workspace:*",
+    "@dotui/schemas": "workspace:*",
     "@types/fs-extra": "^11.0.4",
     "commander": "^10.0.0",
     "cosmiconfig": "^9.0.0",
diff --git a/packages/cli/src/commands/init.ts b/packages/cli/src/commands/init.ts
index c19b7d2a7..445f4193a 100644
--- a/packages/cli/src/commands/init.ts
+++ b/packages/cli/src/commands/init.ts
@@ -1,14 +1,18 @@
 import * as p from "@clack/prompts";
-import type { RegistryTheme } from "@dotui/registry";
+import type {
+  Aliases,
+  ExtendedConfig,
+  RawConfig,
+  RegistryTheme,
+} from "@dotui/schemas";
 import { Command } from "commander";
 import fs from "fs-extra";
 import path from "path";
 import { addPrimitives } from "@/helpers/add-primitives";
-import { Config, RawConfig, resolveConfigPaths } from "@/helpers/get-config";
+import { resolveConfigPaths } from "@/helpers/get-config";
 import { handleError } from "@/helpers/handle-error";
 import { initChecks } from "@/helpers/init-checks";
 import { getRegistryTheme, getRegistryThemes } from "@/helpers/registry-api";
-import { Aliases } from "@/types";
 import { c } from "@/utils";
 
 export const initCommand = new Command()
@@ -138,7 +142,7 @@ async function createConfigFile(
   cwd: string,
   aliases: Aliases,
   theme: RegistryTheme
-): Promise<Config> {
+): Promise<ExtendedConfig> {
   const proceed = await p.confirm({
     message: `Write configuration to ${c.info("dotui.json")}. Proceed?`,
   });
@@ -153,7 +157,7 @@ async function createConfigFile(
   createConfigSpinner.start("Creating configuration file");
   const targetPath = path.resolve(cwd, "dotui.json");
   const rawConfig: RawConfig = {
-    $schema: "http://localhost:3000/schema.json", // TODO update this
+    $schema: "http://localhost:3000/schema.json",
     css: "app/globals.css", // TODO FIX THIS
     aliases: aliases,
     iconLibrary: theme.iconLibrary,
diff --git a/packages/cli/src/helpers/add-primitives.ts b/packages/cli/src/helpers/add-primitives.ts
index cb88c60c9..426bda04f 100644
--- a/packages/cli/src/helpers/add-primitives.ts
+++ b/packages/cli/src/helpers/add-primitives.ts
@@ -1,11 +1,11 @@
 import { spinner } from "@clack/prompts";
+import { ExtendedConfig } from "@dotui/schemas";
 import { resolvePrimitives } from "@/registry/api";
-import { Config } from "@/helpers/get-config";
 import { updateDeps, updateFiles } from "@/helpers/updaters";
 
 export async function addPrimitives(
   primitives: string[],
-  config: Config,
+  config: ExtendedConfig,
   options?: {
     overwrite?: boolean;
     message?: string;
@@ -21,12 +21,12 @@ export async function addPrimitives(
 
   addPrimitivesSpinner.start(options.message);
   addPrimitivesSpinner.message("Cheking registry");
-  const { files, dependencies } = await resolvePrimitives(primitives, config);
+  const { files, deps } = await resolvePrimitives(primitives, config);
 
   addPrimitivesSpinner.message("Updating your CSS.");
 
   addPrimitivesSpinner.message("Updating dependencies.");
-  await updateDeps(dependencies, config);
+  await updateDeps(deps, config);
 
   addPrimitivesSpinner.message("Updating files.");
   await updateFiles(files ?? [], config, { overwrite: options.overwrite });
diff --git a/packages/cli/src/helpers/get-config.ts b/packages/cli/src/helpers/get-config.ts
index 9ae1abaf6..2903e3762 100644
--- a/packages/cli/src/helpers/get-config.ts
+++ b/packages/cli/src/helpers/get-config.ts
@@ -1,7 +1,12 @@
+import {
+  ExtendedConfig,
+  extendedConfigSchema,
+  RawConfig,
+  rawConfigSchema,
+} from "@dotui/schemas";
 import { cosmiconfig } from "cosmiconfig";
 import path from "path";
 import { loadConfig } from "tsconfig-paths";
-import { z } from "zod";
 import { resolveImport } from "@/utils";
 
 export const DEFAULT_STYLE = "default";
@@ -15,39 +20,7 @@ const explorer = cosmiconfig("config", {
   searchPlaces: ["dotui.json"],
 });
 
-export const rawConfigSchema = z
-  .object({
-    $schema: z.string().optional(),
-    css: z.string(),
-    aliases: z.object({
-      core: z.string(),
-      components: z.string(),
-      lib: z.string(),
-      hooks: z.string(),
-      utils: z.string(),
-    }),
-    iconLibrary: z.string().optional(),
-    primitives: z.record(z.string(), z.string()).optional(),
-  })
-  .strict();
-
-export type RawConfig = z.infer<typeof rawConfigSchema>;
-
-export const configSchema = rawConfigSchema.extend({
-  resolvedPaths: z.object({
-    cwd: z.string(),
-    css: z.string(),
-    core: z.string(),
-    components: z.string(),
-    hooks: z.string(),
-    lib: z.string(),
-    utils: z.string(),
-  }),
-});
-
-export type Config = z.infer<typeof configSchema>;
-
-export async function getConfig(cwd: string): Promise<Config | null> {
+export async function getConfig(cwd: string): Promise<ExtendedConfig | null> {
   const configResult = await explorer.search(cwd);
 
   if (!configResult) {
@@ -62,7 +35,7 @@ export async function getConfig(cwd: string): Promise<Config | null> {
 export async function resolveConfigPaths(
   cwd: string,
   config: RawConfig
-): Promise<Config> {
+): Promise<ExtendedConfig> {
   const tsConfig = loadConfig(cwd);
 
   if (tsConfig.resultType === "failed") {
@@ -71,14 +44,13 @@ export async function resolveConfigPaths(
     );
   }
 
-  return configSchema.parse({
+  return extendedConfigSchema.parse({
     ...config,
     resolvedPaths: {
       cwd,
       css: path.resolve(cwd, config.css),
       core: await resolveImport(config.aliases["core"], tsConfig),
       components: await resolveImport(config.aliases["components"], tsConfig),
-      utils: await resolveImport(config.aliases["utils"], tsConfig),
       hooks: await resolveImport(config.aliases["hooks"], tsConfig),
       lib: await resolveImport(config.aliases["lib"], tsConfig),
     },
diff --git a/packages/cli/src/helpers/registry-api.ts b/packages/cli/src/helpers/registry-api.ts
index b34655617..b9297fad5 100644
--- a/packages/cli/src/helpers/registry-api.ts
+++ b/packages/cli/src/helpers/registry-api.ts
@@ -1,4 +1,4 @@
-import type { RegistryTheme } from "@dotui/registry";
+import type { RegistryTheme } from "@dotui/schemas";
 
 export const getRegistryThemes = async () => {
   return [
@@ -13,7 +13,7 @@ export const getRegistryTheme = async (
   themeId: string
 ): Promise<RegistryTheme> => {
   return {
-    id: "darky",
+    name: "darky",
     label: "Darky",
     iconLibrary: "lucide-icons",
     primitives: {
diff --git a/packages/cli/src/helpers/transformers/index.ts b/packages/cli/src/helpers/transformers/index.ts
index 2acd2d10e..e17905a44 100644
--- a/packages/cli/src/helpers/transformers/index.ts
+++ b/packages/cli/src/helpers/transformers/index.ts
@@ -1,14 +1,14 @@
+import { ExtendedConfig } from "@dotui/schemas";
 import { promises as fs } from "fs";
 import { tmpdir } from "os";
 import path from "path";
 import { Project, ScriptKind, type SourceFile } from "ts-morph";
-import { Config } from "@/helpers/get-config";
 import { transformImport } from "./transform-import";
 
 export type TransformOptions = {
   filename: string;
   raw: string;
-  config: Config;
+  config: ExtendedConfig;
 };
 
 export type Transformer<Output = SourceFile> = (
diff --git a/packages/cli/src/helpers/transformers/transform-import.ts b/packages/cli/src/helpers/transformers/transform-import.ts
index aac62225b..e8649d2e8 100644
--- a/packages/cli/src/helpers/transformers/transform-import.ts
+++ b/packages/cli/src/helpers/transformers/transform-import.ts
@@ -1,4 +1,4 @@
-import { Config } from "@/helpers/get-config";
+import { ExtendedConfig } from "@dotui/schemas";
 import { Transformer } from "@/helpers/transformers";
 
 export const transformImport: Transformer = async ({ sourceFile, config }) => {
@@ -14,7 +14,7 @@ export const transformImport: Transformer = async ({ sourceFile, config }) => {
   return sourceFile;
 };
 
-function updateImportAliases(moduleSpecifier: string, config: Config) {
+function updateImportAliases(moduleSpecifier: string, config: ExtendedConfig) {
   // Not a local import.
   if (!moduleSpecifier.startsWith("@/")) {
     return moduleSpecifier;
@@ -28,7 +28,9 @@ function updateImportAliases(moduleSpecifier: string, config: Config) {
   }
 
   if (moduleSpecifier.match(/^@\/registry\/core/)) {
-    return moduleSpecifier.replace(/^@\/registry\/core/, config.aliases.core).replace(/_[^/_]+$/, "")
+    return moduleSpecifier
+      .replace(/^@\/registry\/core/, config.aliases.core)
+      .replace(/_[^/_]+$/, "");
   }
 
   if (
diff --git a/packages/cli/src/helpers/updaters/update-deps.ts b/packages/cli/src/helpers/updaters/update-deps.ts
index 5808358c2..1841511f8 100644
--- a/packages/cli/src/helpers/updaters/update-deps.ts
+++ b/packages/cli/src/helpers/updaters/update-deps.ts
@@ -1,11 +1,10 @@
-import { RegistryItem } from "@dotui/registry";
+import { ExtendedConfig, RegistryItem } from "@dotui/schemas";
 import { execa } from "execa";
-import { Config } from "@/helpers/get-config";
 import { getPackageManager } from "@/utils";
 
 export async function updateDeps(
-  dependencies: RegistryItem["dependencies"],
-  config: Config
+  dependencies: RegistryItem["deps"],
+  config: ExtendedConfig
 ) {
   dependencies = Array.from(new Set(dependencies));
   if (!dependencies?.length) {
diff --git a/packages/cli/src/helpers/updaters/update-files.ts b/packages/cli/src/helpers/updaters/update-files.ts
index cccd4aa51..b23ac0bb3 100644
--- a/packages/cli/src/helpers/updaters/update-files.ts
+++ b/packages/cli/src/helpers/updaters/update-files.ts
@@ -1,7 +1,6 @@
-import { RegistryItemFile } from "@dotui/registry";
+import { ExtendedConfig, RegistryItemFile } from "@dotui/schemas";
 import { existsSync, promises as fs } from "fs";
 import path from "path";
-import { Config } from "@/helpers/get-config";
 import { transform } from "@/helpers/transformers";
 
 interface Result {
@@ -12,7 +11,7 @@ interface Result {
 
 export async function updateFiles(
   files: RegistryItemFile[],
-  config: Config,
+  config: ExtendedConfig,
   options: { overwrite?: boolean } = {}
 ): Promise<Result> {
   options = {
@@ -62,14 +61,17 @@ export async function updateFiles(
   return { filesCreated, filesUpdated, filesSkipped };
 }
 
-function resolveFilePath(file: RegistryItemFile, config: Config) {
+function resolveFilePath(file: RegistryItemFile, config: ExtendedConfig) {
   const targetDir = resolveFileTargetDirectory(file, config);
 
   const relativePath = resolveNestedFilePath(file.path, targetDir);
   return path.join(targetDir, relativePath);
 }
 
-function resolveFileTargetDirectory(file: RegistryItemFile, config: Config) {
+function resolveFileTargetDirectory(
+  file: RegistryItemFile,
+  config: ExtendedConfig
+) {
   if (file.type === "component") {
     return config.resolvedPaths.components;
   }
diff --git a/packages/cli/src/registry/api.ts b/packages/cli/src/registry/api.ts
index 597ca8568..785960d0b 100644
--- a/packages/cli/src/registry/api.ts
+++ b/packages/cli/src/registry/api.ts
@@ -4,7 +4,7 @@ import {
   registryItemSchema,
   registryResolvedItemsTreeSchema,
   type RegistryItemType,
-} from "@dotui/registry";
+} from "@dotui/schemas";
 import deepmerge from "deepmerge";
 import { z } from "zod";
 import { fetchRegistry } from "./helpers";
@@ -82,14 +82,14 @@ export async function resolvePrimitives(names: string[], config: Config) {
     throw new Error("Failed to validate registry items"); // TODO: fix
   }
 
-  const dependencies = deepmerge.all([
-    ...payload.map((item) => item.dependencies ?? []),
+  const deps = deepmerge.all([
+    ...payload.map((item) => item.deps ?? []),
     iconLibraryDeps,
   ]);
   const files = deepmerge.all(payload.map((item) => item.files ?? []));
 
   return registryResolvedItemsTreeSchema.parse({
     files: files ?? [],
-    dependencies: dependencies ?? [],
+    deps: deps ?? [],
   });
 }
diff --git a/packages/cli/src/types.ts b/packages/cli/src/types.ts
deleted file mode 100644
index 4d4213909..000000000
--- a/packages/cli/src/types.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export type Aliases = {
-  core: string;
-  components: string;
-  hooks: string;
-  lib: string;
-  utils: string;
-};
diff --git a/packages/cli/tsup.config.ts b/packages/cli/tsup.config.ts
index 5e30fc1f2..269831140 100644
--- a/packages/cli/tsup.config.ts
+++ b/packages/cli/tsup.config.ts
@@ -9,5 +9,5 @@ export default defineConfig({
   minify: false,
   target: "esnext",
   outDir: "dist",
-  noExternal: ["@dotui/registry"],
+  noExternal: ["@dotui/schemas"],
 });
diff --git a/packages/registry/schema.ts b/packages/registry/schema.ts
deleted file mode 100644
index a374acdba..000000000
--- a/packages/registry/schema.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { z } from "zod";
-
-export const registryItemTypeSchema = z.enum([
-  "base",
-  "core",
-  "component",
-  "lib",
-  "hook",
-  "theme",
-  "icon-library",
-]);
-
-export const registryIndexSchema = z.array(
-  z.object({
-    name: z.string(),
-    type: registryItemTypeSchema,
-    deps: z.array(z.string()).optional(),
-    registryDeps: z.array(z.string()).optional(),
-    variants: z.array(z.string()).optional(),
-  })
-);
-
-export const iconLibrarySchema = z.enum(["lucide-icons", "remix-icons"]);
-
-export const stylesSchema = z.object({
-  button: z.enum(["basic"]),
-  "toggle-button": z.enum(["basic"]),
-  input: z.enum(["basic"]),
-  modal: z.enum(["basic"]),
-  popover: z.enum(["basic"]),
-  tooltip: z.enum(["basic"]),
-  calendar: z.enum(["basic", "cal"]),
-});
-
-export const registryThemeSchema = z.object({
-  id: z.string(),
-  label: z.string(),
-  iconLibrary: iconLibrarySchema,
-  primitives: z.record(z.string(), z.string()),
-});
-
-export const registryItemFileSchema = z.object({
-  type: registryItemTypeSchema,
-  content: z.string(),
-  path: z.string(),
-});
-
-export const registryItemTailwindSchema = z.object({
-  config: z.object({
-    content: z.array(z.string()).optional(),
-    theme: z.record(z.string(), z.any()).optional(),
-    plugins: z.array(z.string()).optional(),
-  }),
-});
-
-export const registryItemCssVarsSchema = z.object({
-  light: z.record(z.string(), z.string()).optional(),
-  dark: z.record(z.string(), z.string()).optional(),
-});
-
-export const registryItemSchema = z.object({
-  name: z.string(),
-  type: registryItemTypeSchema.optional(),
-  label: z.string().optional(),
-  description: z.string().optional(),
-  dependencies: z.array(z.string()).optional(),
-  devDependencies: z.array(z.string()).optional(),
-  registryDependencies: z.array(z.string()).optional(),
-  files: z.array(registryItemFileSchema).optional(),
-  tailwind: registryItemTailwindSchema.optional(),
-  cssVars: registryItemCssVarsSchema.optional(),
-  docs: z.string().optional(),
-  templateUrl: z.string().optional(),
-});
-
-export const registrySchema = z.array(registryItemSchema);
-
-export const registryIconLibrarySchema = z.object({
-  name: z.string(),
-  label: z.string(),
-  dependency: z.string(),
-  import: z.string(),
-});
-
-export const registryIconLibrariesSchema = z.array(registryIconLibrarySchema);
-
-export const registryTemplateSchema = registryItemSchema.extend({
-  type: z.literal("registry:template"),
-  templateUrl: z.string(),
-});
-
-export const registryTemplatesSchema = z.array(registryTemplateSchema);
-
-export const registryResolvedItemsTreeSchema = registryItemSchema.pick({
-  dependencies: true,
-  devDependencies: true,
-  files: true,
-});
diff --git a/packages/registry/types.ts b/packages/registry/types.ts
deleted file mode 100644
index 05d7e5c97..000000000
--- a/packages/registry/types.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { z } from "zod";
-import {
-  registrySchema,
-  registryThemeSchema,
-  registryItemFileSchema,
-  registryItemSchema,
-  registryItemTypeSchema,
-} from "./schema";
-
-export type Registry = z.infer<typeof registrySchema>;
-
-export type RegistryItem = z.infer<typeof registryItemSchema>;
-
-export type RegistryItemType = z.infer<typeof registryItemTypeSchema>;
-
-export type RegistryItemFile = z.infer<typeof registryItemFileSchema>;
-
-export type RegistryTheme = z.infer<typeof registryThemeSchema>;
diff --git a/packages/registry/index.ts b/packages/schemas/index.ts
similarity index 100%
rename from packages/registry/index.ts
rename to packages/schemas/index.ts
diff --git a/packages/registry/package.json b/packages/schemas/package.json
similarity index 89%
rename from packages/registry/package.json
rename to packages/schemas/package.json
index c348c6bdd..e65708a9e 100644
--- a/packages/registry/package.json
+++ b/packages/schemas/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@dotui/registry",
+  "name": "@dotui/schemas",
   "version": "0.0.0",
   "description": "The registry for dotui",
   "main": "./index.ts",
diff --git a/packages/schemas/schema.ts b/packages/schemas/schema.ts
new file mode 100644
index 000000000..06700bbd8
--- /dev/null
+++ b/packages/schemas/schema.ts
@@ -0,0 +1,144 @@
+import { z } from "zod";
+
+export const registryItemTypeSchema = z.enum([
+  "base",
+  "core",
+  "component",
+  "lib",
+  "hook",
+  "theme",
+  "icon-library",
+]);
+
+export const registryItemFileSchema = z.object({
+  type: registryItemTypeSchema,
+  content: z.string(),
+  path: z.string(),
+});
+
+export const registryItemCssSchema = z.object({
+  theme: z
+    .object({
+      light: z.record(z.string(), z.string()).optional(),
+      dark: z.record(z.string(), z.string()).optional(),
+    })
+    .optional(),
+});
+
+export const registryItemSchema = z.object({
+  name: z.string(),
+  type: registryItemTypeSchema.optional(),
+  label: z.string().optional(),
+  variants: z.array(z.string()).optional(),
+  description: z.string().optional(),
+  deps: z.array(z.string()).optional(),
+  devDeps: z.array(z.string()).optional(),
+  registryDeps: z.array(z.string()).optional(),
+  files: z.array(registryItemFileSchema).optional(),
+  css: registryItemCssSchema.optional(),
+});
+
+export const registrySchema = z.array(registryItemSchema);
+
+export const registryResolvedItemsTreeSchema = registryItemSchema.pick({
+  deps: true,
+  devDeps: true,
+  files: true,
+  css: true,
+});
+
+export const registryIndexSchema = z.array(
+  z.object({
+    name: z.string(),
+    type: registryItemTypeSchema,
+    deps: z.array(z.string()).optional(),
+    registryDeps: z.array(z.string()).optional(),
+    variants: z.array(z.string()).optional(),
+  })
+);
+
+export const registryIconLibrarySchema = z.object({
+  name: z.string(),
+  label: z.string(),
+  dependency: z.string(),
+  import: z.string(),
+});
+
+export const iconLibrarySchema = z.enum(["lucide-icons", "remix-icons"]);
+
+export const primitivesSchema = z.object({
+  button: z.enum(["basic", "ripple", "brutalist"]).optional(),
+  "toggle-button": z.enum(["basic"]).optional(),
+  input: z.enum(["basic"]).optional(),
+  modal: z.enum(["basic"]).optional(),
+  popover: z.enum(["basic"]).optional(),
+  tooltip: z.enum(["basic"]).optional(),
+  calendar: z.enum(["basic", "cal"]).optional(),
+});
+
+export const registryThemeSchema = z.object({
+  name: z.string(),
+  label: z.string(),
+  description: z.string().optional(),
+  css: registryItemCssSchema.optional(), // TODO : fix
+  iconLibrary: iconLibrarySchema,
+  primitives: primitivesSchema,
+});
+
+// ----------------------------------------------
+//                   Config
+// ----------------------------------------------
+
+// we list all the possible primitives here so we can offer autocomplete in the config file
+
+export const aliasesSchema = z.object({
+  core: z.string(),
+  components: z.string(),
+  hooks: z.string(),
+  lib: z.string(),
+});
+
+export const rawConfigSchema = z.object({
+  $schema: z.string().optional(),
+  css: z.string(),
+  aliases: z.object({
+    components: z.string(),
+    core: z.string(),
+    hooks: z.string(),
+    lib: z.string(),
+  }),
+  iconLibrary: z.string().optional(),
+  primitives: primitivesSchema,
+});
+
+export const extendedConfigSchema = rawConfigSchema.extend({
+  resolvedPaths: z.object({
+    cwd: z.string(),
+    css: z.string(),
+    core: z.string(),
+    components: z.string(),
+    hooks: z.string(),
+    lib: z.string(),
+    utils: z.string(),
+  }),
+});
+
+// ------------------------------------------------
+//                   Internal
+// ------------------------------------------------
+
+export const internalRegistryItemSchema = registryItemSchema
+  .omit({
+    files: true,
+  })
+  .extend({
+    files: z.array(
+      z.object({
+        type: registryItemTypeSchema,
+        source: z.string(),
+        target: z.string(),
+      })
+    ),
+  });
+
+export const internalRegistrySchema = z.array(internalRegistryItemSchema);
diff --git a/packages/schemas/types.ts b/packages/schemas/types.ts
new file mode 100644
index 000000000..89f3e0b31
--- /dev/null
+++ b/packages/schemas/types.ts
@@ -0,0 +1,23 @@
+import { z } from "zod";
+import * as schemas from "./schema";
+
+export type RegistryItemType = z.infer<typeof schemas.registryItemTypeSchema>;
+export type RegistryItemFile = z.infer<typeof schemas.registryItemFileSchema>;
+export type RegistryItemCss = z.infer<typeof schemas.registryItemCssSchema>;
+export type RegistryItem = z.infer<typeof schemas.registryItemSchema>;
+export type Registry = z.infer<typeof schemas.registrySchema>;
+export type RegistryResolvedItemsTree = z.infer<
+  typeof schemas.registryResolvedItemsTreeSchema
+>;
+export type RegistryIndex = z.infer<typeof schemas.registryIndexSchema>;
+export type IconLibrary = z.infer<typeof schemas.iconLibrarySchema>;
+export type Primitives = z.infer<typeof schemas.primitivesSchema>;
+export type RegistryTheme = z.infer<typeof schemas.registryThemeSchema>;
+export type Aliases = z.infer<typeof schemas.aliasesSchema>;
+export type RawConfig = z.infer<typeof schemas.rawConfigSchema>;
+export type ExtendedConfig = z.infer<typeof schemas.extendedConfigSchema>;
+
+export type InternalRegistryItem = z.infer<
+  typeof schemas.internalRegistryItemSchema
+>;
+export type InternalRegistry = z.infer<typeof schemas.internalRegistrySchema>;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d9cea3fdb..adb35562a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -58,9 +58,9 @@ importers:
       '@clack/prompts':
         specifier: ^0.9.1
         version: 0.9.1
-      '@dotui/registry':
+      '@dotui/schemas':
         specifier: workspace:*
-        version: link:../registry
+        version: link:../schemas
       '@types/fs-extra':
         specifier: ^11.0.4
         version: 11.0.4
@@ -125,7 +125,7 @@ importers:
 
   packages/config/tsconfig: {}
 
-  packages/registry:
+  packages/schemas:
     dependencies:
       zod:
         specifier: ^3.22.4
@@ -275,9 +275,9 @@ importers:
       '@dotui/eslint-config':
         specifier: workspace:*
         version: link:../packages/config/eslint
-      '@dotui/registry':
+      '@dotui/schemas':
         specifier: workspace:*
-        version: link:../packages/registry
+        version: link:../packages/schemas
       '@dotui/ts-config':
         specifier: workspace:*
         version: link:../packages/config/tsconfig
diff --git a/www/package.json b/www/package.json
index f89e0130e..1c6563d38 100644
--- a/www/package.json
+++ b/www/package.json
@@ -65,7 +65,7 @@
   },
   "devDependencies": {
     "@dotui/eslint-config": "workspace:*",
-    "@dotui/registry": "workspace:*",
+    "@dotui/schemas": "workspace:*",
     "@dotui/ts-config": "workspace:*",
     "@tailwindcss/postcss": "4.0.0",
     "@types/estree": "^1.0.6",
diff --git a/www/public/registry/base.json b/www/public/registry/base.json
index 459ecfb4d..c54b0d083 100644
--- a/www/public/registry/base.json
+++ b/www/public/registry/base.json
@@ -1,11 +1,12 @@
 {
   "name": "base",
-  "dependencies": [
+  "type": "base",
+  "deps": [
     "tailwind-variants",
     "react-aria-components",
     "tailwindcss-react-aria-components"
   ],
-  "registryDependencies": [
+  "registryDeps": [
     "utils"
   ],
   "files": []
diff --git a/www/public/registry/core/alert.json b/www/public/registry/core/alert.json
index 8fcfb01fc..5596f6844 100644
--- a/www/public/registry/core/alert.json
+++ b/www/public/registry/core/alert.json
@@ -1,5 +1,6 @@
 {
   "name": "alert",
+  "type": "core",
   "variants": [
     "basic",
     "notch",
diff --git a/www/public/registry/core/alert_basic.json b/www/public/registry/core/alert_basic.json
index 639513a33..096a7fae0 100644
--- a/www/public/registry/core/alert_basic.json
+++ b/www/public/registry/core/alert_basic.json
@@ -1,5 +1,6 @@
 {
   "name": "alert_basic",
+  "type": "core",
   "description": "Minimal with a subtle border and muted background.",
   "files": [
     {
diff --git a/www/public/registry/core/alert_notch-2.json b/www/public/registry/core/alert_notch-2.json
index 2bdb299d3..f31cbfa7e 100644
--- a/www/public/registry/core/alert_notch-2.json
+++ b/www/public/registry/core/alert_notch-2.json
@@ -1,5 +1,6 @@
 {
   "name": "alert_notch-2",
+  "type": "core",
   "description": "Alert with a bold left border for emphasis and muted background.",
   "files": [
     {
diff --git a/www/public/registry/core/alert_notch.json b/www/public/registry/core/alert_notch.json
index 29a367e17..6dfa0a6f0 100644
--- a/www/public/registry/core/alert_notch.json
+++ b/www/public/registry/core/alert_notch.json
@@ -1,5 +1,6 @@
 {
   "name": "alert_notch",
+  "type": "core",
   "description": "Alert with a bold left border for emphasis.",
   "files": [
     {
diff --git a/www/public/registry/core/avatar.json b/www/public/registry/core/avatar.json
index fba0d5ec3..f3b9c4742 100644
--- a/www/public/registry/core/avatar.json
+++ b/www/public/registry/core/avatar.json
@@ -1,5 +1,6 @@
 {
   "name": "avatar",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/badge.json b/www/public/registry/core/badge.json
index 5ee6006c2..a39089ecb 100644
--- a/www/public/registry/core/badge.json
+++ b/www/public/registry/core/badge.json
@@ -1,5 +1,6 @@
 {
   "name": "badge",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/breadcrumbs.json b/www/public/registry/core/breadcrumbs.json
index 224624c2d..848f7fdd7 100644
--- a/www/public/registry/core/breadcrumbs.json
+++ b/www/public/registry/core/breadcrumbs.json
@@ -1,6 +1,7 @@
 {
   "name": "breadcrumbs",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "focus-styles"
   ],
   "files": [
diff --git a/www/public/registry/core/button.json b/www/public/registry/core/button.json
index 84c1c0c4f..143bc51bb 100644
--- a/www/public/registry/core/button.json
+++ b/www/public/registry/core/button.json
@@ -1,5 +1,6 @@
 {
   "name": "button",
+  "type": "core",
   "variants": [
     "basic",
     "brutalist",
diff --git a/www/public/registry/core/button_basic.json b/www/public/registry/core/button_basic.json
index 2aae7d30f..bea47bd97 100644
--- a/www/public/registry/core/button_basic.json
+++ b/www/public/registry/core/button_basic.json
@@ -1,6 +1,7 @@
 {
   "name": "button_basic",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "loader",
     "focus-styles"
   ],
diff --git a/www/public/registry/core/button_brutalist.json b/www/public/registry/core/button_brutalist.json
index 0da9d02ba..94d470fe4 100644
--- a/www/public/registry/core/button_brutalist.json
+++ b/www/public/registry/core/button_brutalist.json
@@ -1,6 +1,7 @@
 {
   "name": "button_brutalist",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "loader",
     "focus-styles"
   ],
diff --git a/www/public/registry/core/button_ripple.json b/www/public/registry/core/button_ripple.json
index 33d0e5561..de280e70a 100644
--- a/www/public/registry/core/button_ripple.json
+++ b/www/public/registry/core/button_ripple.json
@@ -1,6 +1,7 @@
 {
   "name": "button_ripple",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "loader",
     "focus-styles"
   ],
diff --git a/www/public/registry/core/calendar.json b/www/public/registry/core/calendar.json
index 153c3b5c7..2507dc1e9 100644
--- a/www/public/registry/core/calendar.json
+++ b/www/public/registry/core/calendar.json
@@ -1,5 +1,6 @@
 {
   "name": "calendar",
+  "type": "core",
   "variants": [
     "basic",
     "cal"
diff --git a/www/public/registry/core/calendar_basic.json b/www/public/registry/core/calendar_basic.json
index c1f2a7c03..744bfdefe 100644
--- a/www/public/registry/core/calendar_basic.json
+++ b/www/public/registry/core/calendar_basic.json
@@ -1,6 +1,7 @@
 {
   "name": "calendar_basic",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "button",
     "text",
     "focus-styles"
diff --git a/www/public/registry/core/calendar_cal.json b/www/public/registry/core/calendar_cal.json
index 38dcde4c0..5ebfd5bcf 100644
--- a/www/public/registry/core/calendar_cal.json
+++ b/www/public/registry/core/calendar_cal.json
@@ -1,6 +1,7 @@
 {
   "name": "calendar_cal",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "button",
     "text",
     "focus-styles"
diff --git a/www/public/registry/core/checkbox-group.json b/www/public/registry/core/checkbox-group.json
index ec192d28a..a44a7eae7 100644
--- a/www/public/registry/core/checkbox-group.json
+++ b/www/public/registry/core/checkbox-group.json
@@ -1,6 +1,7 @@
 {
   "name": "checkbox-group",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field",
     "checkbox"
   ],
diff --git a/www/public/registry/core/checkbox.json b/www/public/registry/core/checkbox.json
index 7a6af4b6c..2ec124481 100644
--- a/www/public/registry/core/checkbox.json
+++ b/www/public/registry/core/checkbox.json
@@ -1,6 +1,7 @@
 {
   "name": "checkbox",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "focus-styles"
   ],
   "files": [
diff --git a/www/public/registry/core/color-area.json b/www/public/registry/core/color-area.json
index aa0690f0e..50608ef7b 100644
--- a/www/public/registry/core/color-area.json
+++ b/www/public/registry/core/color-area.json
@@ -1,6 +1,7 @@
 {
   "name": "color-area",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "color-thumb"
   ],
   "files": [
diff --git a/www/public/registry/core/color-field.json b/www/public/registry/core/color-field.json
index e64836e25..f5b06baf5 100644
--- a/www/public/registry/core/color-field.json
+++ b/www/public/registry/core/color-field.json
@@ -1,6 +1,7 @@
 {
   "name": "color-field",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field",
     "input"
   ],
diff --git a/www/public/registry/core/color-picker.json b/www/public/registry/core/color-picker.json
index 8c53f34c7..92bcfabd1 100644
--- a/www/public/registry/core/color-picker.json
+++ b/www/public/registry/core/color-picker.json
@@ -1,6 +1,7 @@
 {
   "name": "color-picker",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "button",
     "color-area",
     "color-field",
diff --git a/www/public/registry/core/color-slider.json b/www/public/registry/core/color-slider.json
index 6543090b9..452b0aa6e 100644
--- a/www/public/registry/core/color-slider.json
+++ b/www/public/registry/core/color-slider.json
@@ -1,6 +1,7 @@
 {
   "name": "color-slider",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field",
     "color-thum"
   ],
diff --git a/www/public/registry/core/color-swatch-picker.json b/www/public/registry/core/color-swatch-picker.json
index 885ca940d..2f5e96226 100644
--- a/www/public/registry/core/color-swatch-picker.json
+++ b/www/public/registry/core/color-swatch-picker.json
@@ -1,6 +1,7 @@
 {
   "name": "color-swatch-picker",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "focus-styles",
     "color-swatch"
   ],
diff --git a/www/public/registry/core/color-swatch.json b/www/public/registry/core/color-swatch.json
index 9ee9f58d8..ac1d69f59 100644
--- a/www/public/registry/core/color-swatch.json
+++ b/www/public/registry/core/color-swatch.json
@@ -1,5 +1,6 @@
 {
   "name": "color-swatch",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/color-thumb.json b/www/public/registry/core/color-thumb.json
index 4818e3c89..87fae5807 100644
--- a/www/public/registry/core/color-thumb.json
+++ b/www/public/registry/core/color-thumb.json
@@ -1,6 +1,7 @@
 {
   "name": "color-thumb",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "focus-styles"
   ],
   "files": [
diff --git a/www/public/registry/core/combobox.json b/www/public/registry/core/combobox.json
index 35bdc42ec..d335cd43a 100644
--- a/www/public/registry/core/combobox.json
+++ b/www/public/registry/core/combobox.json
@@ -1,6 +1,7 @@
 {
   "name": "combobox",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field",
     "button",
     "input",
diff --git a/www/public/registry/core/command.json b/www/public/registry/core/command.json
index f70dca894..63c64408c 100644
--- a/www/public/registry/core/command.json
+++ b/www/public/registry/core/command.json
@@ -1,5 +1,6 @@
 {
   "name": "command",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/date-field.json b/www/public/registry/core/date-field.json
index 68a163c43..852207421 100644
--- a/www/public/registry/core/date-field.json
+++ b/www/public/registry/core/date-field.json
@@ -1,6 +1,7 @@
 {
   "name": "date-field",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field",
     "input",
     "date-input"
diff --git a/www/public/registry/core/date-input.json b/www/public/registry/core/date-input.json
index 7eff63df1..2bfafdf7c 100644
--- a/www/public/registry/core/date-input.json
+++ b/www/public/registry/core/date-input.json
@@ -1,5 +1,6 @@
 {
   "name": "date-input",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/date-picker.json b/www/public/registry/core/date-picker.json
index a9376f617..4f303b89f 100644
--- a/www/public/registry/core/date-picker.json
+++ b/www/public/registry/core/date-picker.json
@@ -1,6 +1,7 @@
 {
   "name": "date-picker",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "button",
     "calendar",
     "field",
diff --git a/www/public/registry/core/date-range-picker.json b/www/public/registry/core/date-range-picker.json
index 66ff111b5..599cf9770 100644
--- a/www/public/registry/core/date-range-picker.json
+++ b/www/public/registry/core/date-range-picker.json
@@ -1,6 +1,7 @@
 {
   "name": "date-range-picker",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "button",
     "calendar",
     "field",
diff --git a/www/public/registry/core/dialog.json b/www/public/registry/core/dialog.json
index d6a22b0a9..9cf24fe6e 100644
--- a/www/public/registry/core/dialog.json
+++ b/www/public/registry/core/dialog.json
@@ -1,6 +1,7 @@
 {
   "name": "dialog",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "overlay"
   ],
   "files": [
diff --git a/www/public/registry/core/drawer.json b/www/public/registry/core/drawer.json
index 3b20c4415..434a3d10f 100644
--- a/www/public/registry/core/drawer.json
+++ b/www/public/registry/core/drawer.json
@@ -1,5 +1,6 @@
 {
   "name": "drawer",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/drop-zone.json b/www/public/registry/core/drop-zone.json
index e686e7a33..d715bc0f9 100644
--- a/www/public/registry/core/drop-zone.json
+++ b/www/public/registry/core/drop-zone.json
@@ -1,5 +1,6 @@
 {
   "name": "drop-zone",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/field.json b/www/public/registry/core/field.json
index 4cb05bc7e..5ab4bf005 100644
--- a/www/public/registry/core/field.json
+++ b/www/public/registry/core/field.json
@@ -1,5 +1,6 @@
 {
   "name": "field",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/file-trigger.json b/www/public/registry/core/file-trigger.json
index 360d5f54c..26575c4a7 100644
--- a/www/public/registry/core/file-trigger.json
+++ b/www/public/registry/core/file-trigger.json
@@ -1,5 +1,6 @@
 {
   "name": "file-trigger",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/form.json b/www/public/registry/core/form.json
index 703649143..ed0df54e3 100644
--- a/www/public/registry/core/form.json
+++ b/www/public/registry/core/form.json
@@ -1,5 +1,6 @@
 {
   "name": "form",
+  "type": "core",
   "variants": [
     "basic",
     "react-hook-form"
diff --git a/www/public/registry/core/form_basic.json b/www/public/registry/core/form_basic.json
index a044894a9..70c6e6b15 100644
--- a/www/public/registry/core/form_basic.json
+++ b/www/public/registry/core/form_basic.json
@@ -1,5 +1,6 @@
 {
   "name": "form_basic",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/form_react-hook-form.json b/www/public/registry/core/form_react-hook-form.json
index 2dfd8007e..ed849bb0c 100644
--- a/www/public/registry/core/form_react-hook-form.json
+++ b/www/public/registry/core/form_react-hook-form.json
@@ -1,6 +1,7 @@
 {
   "name": "form_react-hook-form",
-  "dependencies": [
+  "type": "core",
+  "deps": [
     "react-hook-form"
   ],
   "files": [
diff --git a/www/public/registry/core/index.json b/www/public/registry/core/index.json
index 87ab12d78..593f8031e 100644
--- a/www/public/registry/core/index.json
+++ b/www/public/registry/core/index.json
@@ -1,218 +1,272 @@
 [
   {
     "name": "alert",
+    "type": "core",
     "label": "Alert"
   },
   {
     "name": "avatar",
+    "type": "core",
     "label": "Avatar"
   },
   {
     "name": "badge",
+    "type": "core",
     "label": "Badge"
   },
   {
     "name": "breadcrumbs",
+    "type": "core",
     "label": "Breadcrumbs"
   },
   {
     "name": "button",
+    "type": "core",
     "label": "Button"
   },
   {
     "name": "calendar",
+    "type": "core",
     "label": "Calendar"
   },
   {
     "name": "checkbox",
+    "type": "core",
     "label": "Checkbox"
   },
   {
     "name": "checkbox-group",
+    "type": "core",
     "label": "Checkbox Group"
   },
   {
     "name": "color-area",
+    "type": "core",
     "label": "Color Area"
   },
   {
     "name": "color-field",
+    "type": "core",
     "label": "Color Field"
   },
   {
     "name": "color-picker",
+    "type": "core",
     "label": "Color Picker"
   },
   {
     "name": "color-slider",
+    "type": "core",
     "label": "Color Slider"
   },
   {
     "name": "color-swatch",
+    "type": "core",
     "label": "Color Swatch"
   },
   {
     "name": "color-swatch-picker",
+    "type": "core",
     "label": "Color Swatch Picker"
   },
   {
     "name": "color-thumb",
+    "type": "core",
     "label": "Color Thumb"
   },
   {
     "name": "combobox",
+    "type": "core",
     "label": "Combobox"
   },
   {
     "name": "command",
+    "type": "core",
     "label": "Command"
   },
   {
     "name": "date-field",
+    "type": "core",
     "label": "Date Field"
   },
   {
     "name": "date-input",
+    "type": "core",
     "label": "Date Input"
   },
   {
     "name": "date-picker",
+    "type": "core",
     "label": "Date Picker"
   },
   {
     "name": "date-range-picker",
+    "type": "core",
     "label": "Date Range Picker"
   },
   {
     "name": "dialog",
+    "type": "core",
     "label": "Dialog"
   },
   {
     "name": "drawer",
+    "type": "core",
     "label": "Drawer"
   },
   {
     "name": "drop-zone",
+    "type": "core",
     "label": "Drop Zone"
   },
   {
     "name": "field",
+    "type": "core",
     "label": "Field"
   },
   {
     "name": "file-trigger",
+    "type": "core",
     "label": "File Trigger"
   },
   {
     "name": "form",
+    "type": "core",
     "label": "Form"
   },
   {
     "name": "input",
+    "type": "core",
     "label": "Input"
   },
   {
     "name": "kbd",
+    "type": "core",
     "label": "Kbd"
   },
   {
     "name": "list-box",
+    "type": "core",
     "label": "List Box"
   },
   {
     "name": "loader",
+    "type": "core",
     "label": "Loader"
   },
   {
     "name": "menu",
+    "type": "core",
     "label": "Menu"
   },
   {
     "name": "modal",
+    "type": "core",
     "label": "Modal"
   },
   {
     "name": "number-field",
+    "type": "core",
     "label": "Number Field"
   },
   {
     "name": "overlay",
+    "type": "core",
     "label": "Overlay"
   },
   {
     "name": "popover",
+    "type": "core",
     "label": "Popover"
   },
   {
     "name": "progress-bar",
+    "type": "core",
     "label": "Progress Bar"
   },
   {
     "name": "radio-group",
+    "type": "core",
     "label": "Radio Group"
   },
   {
     "name": "search-field",
+    "type": "core",
     "label": "Search Field"
   },
   {
     "name": "select",
+    "type": "core",
     "label": "Select"
   },
   {
     "name": "separator",
+    "type": "core",
     "label": "Separator"
   },
   {
     "name": "skeleton",
+    "type": "core",
     "label": "Skeleton"
   },
   {
     "name": "slider",
+    "type": "core",
     "label": "Slider"
   },
   {
     "name": "switch",
+    "type": "core",
     "label": "Switch"
   },
   {
     "name": "table",
+    "type": "core",
     "label": "Table"
   },
   {
     "name": "tabs",
+    "type": "core",
     "label": "Tabs"
   },
   {
     "name": "tag-group",
+    "type": "core",
     "label": "Tag Group"
   },
   {
     "name": "text",
+    "type": "core",
     "label": "Text"
   },
   {
     "name": "text-area",
+    "type": "core",
     "label": "Text Area"
   },
   {
     "name": "text-field",
+    "type": "core",
     "label": "Text Field"
   },
   {
     "name": "time-field",
+    "type": "core",
     "label": "Time Field"
   },
   {
     "name": "toggle-button",
+    "type": "core",
     "label": "Toggle Button"
   },
   {
     "name": "toggle-button-group",
+    "type": "core",
     "label": "Toggle Button Group"
   },
   {
     "name": "tooltip",
+    "type": "core",
     "label": "Tooltip"
   }
 ]
\ No newline at end of file
diff --git a/www/public/registry/core/input.json b/www/public/registry/core/input.json
index e300060bb..0bdcb07e7 100644
--- a/www/public/registry/core/input.json
+++ b/www/public/registry/core/input.json
@@ -1,5 +1,6 @@
 {
   "name": "input",
+  "type": "core",
   "variants": [
     "basic"
   ]
diff --git a/www/public/registry/core/input_basic.json b/www/public/registry/core/input_basic.json
index c6088f1ea..f32683cf4 100644
--- a/www/public/registry/core/input_basic.json
+++ b/www/public/registry/core/input_basic.json
@@ -1,10 +1,11 @@
 {
   "name": "input_basic",
-  "dependencies": [
+  "type": "core",
+  "deps": [
     "@react-aria/utils",
     "@react-stately/utils"
   ],
-  "registryDependencies": [
+  "registryDeps": [
     "focus-styles"
   ],
   "files": [
diff --git a/www/public/registry/core/kbd.json b/www/public/registry/core/kbd.json
index 6c12ea2cf..d0141fb67 100644
--- a/www/public/registry/core/kbd.json
+++ b/www/public/registry/core/kbd.json
@@ -1,5 +1,6 @@
 {
   "name": "kbd",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/list-box.json b/www/public/registry/core/list-box.json
index 333f079d6..8af240204 100644
--- a/www/public/registry/core/list-box.json
+++ b/www/public/registry/core/list-box.json
@@ -1,6 +1,7 @@
 {
   "name": "list-box",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "text",
     "focus-styles"
   ],
diff --git a/www/public/registry/core/loader.json b/www/public/registry/core/loader.json
index 9d77fd476..7efa3fb7d 100644
--- a/www/public/registry/core/loader.json
+++ b/www/public/registry/core/loader.json
@@ -1,5 +1,6 @@
 {
   "name": "loader",
+  "type": "core",
   "variants": [
     "dots",
     "line",
diff --git a/www/public/registry/core/loader_dots.json b/www/public/registry/core/loader_dots.json
index 4efa2078f..f6ba40d6c 100644
--- a/www/public/registry/core/loader_dots.json
+++ b/www/public/registry/core/loader_dots.json
@@ -1,5 +1,6 @@
 {
   "name": "loader_dots",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/loader_line.json b/www/public/registry/core/loader_line.json
index 387557c39..753381883 100644
--- a/www/public/registry/core/loader_line.json
+++ b/www/public/registry/core/loader_line.json
@@ -1,5 +1,6 @@
 {
   "name": "loader_line",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/loader_ring.json b/www/public/registry/core/loader_ring.json
index f882d4bff..0ff6b480c 100644
--- a/www/public/registry/core/loader_ring.json
+++ b/www/public/registry/core/loader_ring.json
@@ -1,5 +1,6 @@
 {
   "name": "loader_ring",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/loader_tailspin.json b/www/public/registry/core/loader_tailspin.json
index f91c67d86..50a850442 100644
--- a/www/public/registry/core/loader_tailspin.json
+++ b/www/public/registry/core/loader_tailspin.json
@@ -1,5 +1,6 @@
 {
   "name": "loader_tailspin",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/loader_wave.json b/www/public/registry/core/loader_wave.json
index 1f2b7021e..483990afc 100644
--- a/www/public/registry/core/loader_wave.json
+++ b/www/public/registry/core/loader_wave.json
@@ -1,6 +1,7 @@
 {
   "name": "loader_wave",
-  "dependencies": [
+  "type": "core",
+  "deps": [
     "motion"
   ],
   "files": [
diff --git a/www/public/registry/core/menu.json b/www/public/registry/core/menu.json
index c30668b71..2ccf440a1 100644
--- a/www/public/registry/core/menu.json
+++ b/www/public/registry/core/menu.json
@@ -1,6 +1,7 @@
 {
   "name": "menu",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "kbd",
     "overlay",
     "text"
diff --git a/www/public/registry/core/modal.json b/www/public/registry/core/modal.json
index b3d088afa..4042fd3ff 100644
--- a/www/public/registry/core/modal.json
+++ b/www/public/registry/core/modal.json
@@ -1,5 +1,6 @@
 {
   "name": "modal",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/number-field.json b/www/public/registry/core/number-field.json
index e99e6c04d..5643c774f 100644
--- a/www/public/registry/core/number-field.json
+++ b/www/public/registry/core/number-field.json
@@ -1,6 +1,7 @@
 {
   "name": "number-field",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "input",
     "field",
     "use-is-mobile"
diff --git a/www/public/registry/core/overlay.json b/www/public/registry/core/overlay.json
index 1eabc3d94..fcb59141f 100644
--- a/www/public/registry/core/overlay.json
+++ b/www/public/registry/core/overlay.json
@@ -1,6 +1,7 @@
 {
   "name": "overlay",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "modal",
     "popover",
     "drawer",
diff --git a/www/public/registry/core/popover.json b/www/public/registry/core/popover.json
index 11d9a19ee..a8955be7e 100644
--- a/www/public/registry/core/popover.json
+++ b/www/public/registry/core/popover.json
@@ -1,5 +1,6 @@
 {
   "name": "popover",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/progress-bar.json b/www/public/registry/core/progress-bar.json
index 66be023c9..388787efa 100644
--- a/www/public/registry/core/progress-bar.json
+++ b/www/public/registry/core/progress-bar.json
@@ -1,6 +1,7 @@
 {
   "name": "progress-bar",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field"
   ],
   "files": [
diff --git a/www/public/registry/core/radio-group.json b/www/public/registry/core/radio-group.json
index a374ecc71..11450dfd7 100644
--- a/www/public/registry/core/radio-group.json
+++ b/www/public/registry/core/radio-group.json
@@ -1,6 +1,7 @@
 {
   "name": "radio-group",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "focus-styles",
     "field"
   ],
diff --git a/www/public/registry/core/search-field.json b/www/public/registry/core/search-field.json
index 9388173dc..9d8b0cbcf 100644
--- a/www/public/registry/core/search-field.json
+++ b/www/public/registry/core/search-field.json
@@ -1,6 +1,7 @@
 {
   "name": "search-field",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field",
     "button"
   ],
diff --git a/www/public/registry/core/select.json b/www/public/registry/core/select.json
index 4b793564f..f4737a488 100644
--- a/www/public/registry/core/select.json
+++ b/www/public/registry/core/select.json
@@ -1,6 +1,7 @@
 {
   "name": "select",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "button",
     "field",
     "list-box",
diff --git a/www/public/registry/core/separator.json b/www/public/registry/core/separator.json
index 65d46fc54..f93e5bd7f 100644
--- a/www/public/registry/core/separator.json
+++ b/www/public/registry/core/separator.json
@@ -1,5 +1,6 @@
 {
   "name": "separator",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/skeleton.json b/www/public/registry/core/skeleton.json
index 44d08620d..5a50822c7 100644
--- a/www/public/registry/core/skeleton.json
+++ b/www/public/registry/core/skeleton.json
@@ -1,5 +1,6 @@
 {
   "name": "skeleton",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/slider.json b/www/public/registry/core/slider.json
index 3e21ea303..671d9e686 100644
--- a/www/public/registry/core/slider.json
+++ b/www/public/registry/core/slider.json
@@ -1,9 +1,10 @@
 {
   "name": "slider",
-  "dependencies": [
+  "type": "core",
+  "deps": [
     "@react-aria/utils"
   ],
-  "registryDependencies": [
+  "registryDeps": [
     "field",
     "focus-styles"
   ],
diff --git a/www/public/registry/core/switch.json b/www/public/registry/core/switch.json
index 53f1693a1..d8248b0f0 100644
--- a/www/public/registry/core/switch.json
+++ b/www/public/registry/core/switch.json
@@ -1,6 +1,7 @@
 {
   "name": "switch",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "focus-styles"
   ],
   "files": [
diff --git a/www/public/registry/core/table.json b/www/public/registry/core/table.json
index b730bbec2..18997095d 100644
--- a/www/public/registry/core/table.json
+++ b/www/public/registry/core/table.json
@@ -1,6 +1,7 @@
 {
   "name": "table",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "checkbox",
     "focus-styles"
   ],
diff --git a/www/public/registry/core/tabs.json b/www/public/registry/core/tabs.json
index 8a31f4b6a..cbcb26667 100644
--- a/www/public/registry/core/tabs.json
+++ b/www/public/registry/core/tabs.json
@@ -1,5 +1,6 @@
 {
   "name": "tabs",
+  "type": "core",
   "variants": [
     "basic",
     "motion"
diff --git a/www/public/registry/core/tabs_basic.json b/www/public/registry/core/tabs_basic.json
index 67f771c84..b3355119a 100644
--- a/www/public/registry/core/tabs_basic.json
+++ b/www/public/registry/core/tabs_basic.json
@@ -1,6 +1,7 @@
 {
   "name": "tabs_basic",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "focus-styles"
   ],
   "files": [
diff --git a/www/public/registry/core/tabs_motion.json b/www/public/registry/core/tabs_motion.json
index 2cdbb5d98..8bde2c3ec 100644
--- a/www/public/registry/core/tabs_motion.json
+++ b/www/public/registry/core/tabs_motion.json
@@ -1,9 +1,10 @@
 {
   "name": "tabs_motion",
-  "dependencies": [
+  "type": "core",
+  "deps": [
     "motion"
   ],
-  "registryDependencies": [
+  "registryDeps": [
     "focus-styles"
   ],
   "files": [
diff --git a/www/public/registry/core/tag-group.json b/www/public/registry/core/tag-group.json
index 554ed8827..7a4b27ed3 100644
--- a/www/public/registry/core/tag-group.json
+++ b/www/public/registry/core/tag-group.json
@@ -1,6 +1,7 @@
 {
   "name": "tag-group",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field",
     "button",
     "focus-styles"
diff --git a/www/public/registry/core/text-area.json b/www/public/registry/core/text-area.json
index 5769852b6..93ff34717 100644
--- a/www/public/registry/core/text-area.json
+++ b/www/public/registry/core/text-area.json
@@ -1,6 +1,7 @@
 {
   "name": "text-area",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field",
     "input"
   ],
diff --git a/www/public/registry/core/text-field.json b/www/public/registry/core/text-field.json
index 2f2665038..0c6110ea1 100644
--- a/www/public/registry/core/text-field.json
+++ b/www/public/registry/core/text-field.json
@@ -1,6 +1,7 @@
 {
   "name": "text-field",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field",
     "input"
   ],
diff --git a/www/public/registry/core/text.json b/www/public/registry/core/text.json
index 9840e3736..8f2c62a7c 100644
--- a/www/public/registry/core/text.json
+++ b/www/public/registry/core/text.json
@@ -1,5 +1,6 @@
 {
   "name": "text",
+  "type": "core",
   "files": [
     {
       "type": "core",
diff --git a/www/public/registry/core/time-field.json b/www/public/registry/core/time-field.json
index d7cde57fa..4ffa3b1dd 100644
--- a/www/public/registry/core/time-field.json
+++ b/www/public/registry/core/time-field.json
@@ -1,6 +1,7 @@
 {
   "name": "time-field",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "field",
     "input",
     "date-input"
diff --git a/www/public/registry/core/toggle-button-group.json b/www/public/registry/core/toggle-button-group.json
index 658f62ab9..939bfe115 100644
--- a/www/public/registry/core/toggle-button-group.json
+++ b/www/public/registry/core/toggle-button-group.json
@@ -1,6 +1,7 @@
 {
   "name": "toggle-button-group",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "toggle-button"
   ],
   "files": [
diff --git a/www/public/registry/core/toggle-button.json b/www/public/registry/core/toggle-button.json
index 6b65a86e2..588ae349c 100644
--- a/www/public/registry/core/toggle-button.json
+++ b/www/public/registry/core/toggle-button.json
@@ -1,6 +1,7 @@
 {
   "name": "toggle-button",
-  "registryDependencies": [
+  "type": "core",
+  "registryDeps": [
     "focus-styles"
   ],
   "files": [
diff --git a/www/public/registry/core/tooltip.json b/www/public/registry/core/tooltip.json
index 210a4e8d1..c4d9b0d6a 100644
--- a/www/public/registry/core/tooltip.json
+++ b/www/public/registry/core/tooltip.json
@@ -1,5 +1,6 @@
 {
   "name": "tooltip",
+  "type": "core",
   "variants": [
     "basic",
     "motion"
diff --git a/www/public/registry/core/tooltip_basic.json b/www/public/registry/core/tooltip_basic.json
index 2c9d3a503..7ed710f7e 100644
--- a/www/public/registry/core/tooltip_basic.json
+++ b/www/public/registry/core/tooltip_basic.json
@@ -1,9 +1,10 @@
 {
   "name": "tooltip_basic",
+  "type": "core",
   "files": [
     {
       "type": "core",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\nconst tooltipStyles = tv({\n  slots: {\n    content:\n      \"group/tooltip text-fg entering:animate-in entering:fade-in entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 entering:ease-out exiting:ease-out entering:duration-150 exiting:duration-100 z-50 rounded-md px-3 py-1.5 text-sm shadow-md\",\n    arrow:\n      \"group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\",\n  },\n  variants: {\n    variant: {\n      default: {\n        content: \"bg-bg-muted border\",\n        arrow: \"fill-bg-muted stroke-border\",\n      },\n      inverse: {\n        content: \"bg-bg-inverse text-fg-inverse\",\n        arrow: \"fill-bg-inverse\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { content, arrow } = tooltipStyles();\n\nconst [TooltipProvider, useTooltipContext] =\n  createScopedContext<VariantProps<typeof tooltipStyles>>(\"TooltipRoot\");\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\"> {\n  content?: React.ReactNode;\n  showArrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  showArrow = false,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {showArrow && <TooltipArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ninterface TooltipRootProps\n  extends React.ComponentProps<typeof AriaTooltipTrigger> {}\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\ninterface TooltipContentProps\n  extends React.ComponentProps<typeof AriaTooltip>,\n    VariantProps<typeof tooltipStyles> {}\nfunction TooltipContent({\n  variant,\n  offset = 10,\n  className,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipProvider variant={variant}>\n      <AriaTooltip\n        offset={offset}\n        className={composeRenderProps(className, (className) =>\n          content({ variant, className })\n        )}\n        {...props}\n      />\n    </TooltipProvider>\n  );\n}\n\ninterface TooltipArrowProps extends React.ComponentProps<\"svg\"> {}\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  const { variant } = useTooltipContext(\"TooltipArrow\");\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className={arrow({ variant, className })}\n        {...props}\n      >\n        <path d=\"M0 0 L4 4 L8 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n}\n\nexport type {\n  TooltipProps,\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n};\nexport { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };\n",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  OverlayArrow as AriaOverlayArrow,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport { tv, VariantProps } from \"tailwind-variants\";\nimport { createScopedContext } from \"@/lib/utils\";\n\n// TODO: Remove tailwindcss-animate an replace it with css transitions\n\nconst tooltipStyles = tv({\n  slots: {\n    content:\n      \"group/tooltip text-fg entering:animate-in entering:fade-in entering:placement-bottom:slide-in-from-top-0.5 entering:placement-top:slide-in-from-bottom-0.5 entering:placement-left:slide-in-from-right-0.5 entering:placement-right:slide-in-from-left-0.5 exiting:animate-out exiting:fade-out exiting:placement-bottom:slide-out-to-top-0.5 exiting:placement-top:slide-out-to-bottom-0.5 exiting:placement-left:slide-out-to-right-0.5 exiting:placement-right:slide-out-to-left-0.5 entering:ease-out exiting:ease-out entering:duration-150 exiting:duration-100 z-50 rounded-md px-3 py-1.5 text-sm shadow-md\",\n    arrow:\n      \"group-placement-left/tooltip:-rotate-90 group-placement-right/tooltip:rotate-90 group-placement-bottom/tooltip:rotate-180\",\n  },\n  variants: {\n    variant: {\n      default: {\n        content: \"bg-bg-muted border\",\n        arrow: \"fill-bg-muted stroke-border\",\n      },\n      inverse: {\n        content: \"bg-bg-inverse text-fg-inverse\",\n        arrow: \"fill-bg-inverse\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst { content, arrow } = tooltipStyles();\n\nconst [TooltipProvider, useTooltipContext] =\n  createScopedContext<VariantProps<typeof tooltipStyles>>(\"TooltipRoot\");\n\ninterface TooltipProps\n  extends TooltipRootProps,\n    Omit<TooltipContentProps, \"children\"> {\n  content?: React.ReactNode;\n  showArrow?: boolean;\n}\nconst Tooltip = ({\n  delay,\n  closeDelay,\n  trigger,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  content,\n  showArrow = false,\n  children,\n  ...props\n}: TooltipProps) => {\n  return (\n    <TooltipRoot\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isOpen={isOpen}\n      isDisabled={isDisabled}\n    >\n      {children}\n      <TooltipContent {...props}>\n        {showArrow && <TooltipArrow />}\n        {content}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\ninterface TooltipRootProps\n  extends React.ComponentProps<typeof AriaTooltipTrigger> {}\nconst TooltipRoot = ({\n  delay = 700,\n  closeDelay = 0,\n  ...props\n}: TooltipRootProps) => (\n  <AriaTooltipTrigger delay={delay} closeDelay={closeDelay} {...props} />\n);\n\ninterface TooltipContentProps\n  extends React.ComponentProps<typeof AriaTooltip>,\n    VariantProps<typeof tooltipStyles> {}\nfunction TooltipContent({\n  variant,\n  offset = 10,\n  className,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipProvider variant={variant}>\n      <AriaTooltip\n        offset={offset}\n        className={composeRenderProps(className, (className) =>\n          content({ variant, className })\n        )}\n        {...props}\n      />\n    </TooltipProvider>\n  );\n}\n\ninterface TooltipArrowProps extends React.ComponentProps<\"svg\"> {}\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  const { variant } = useTooltipContext(\"TooltipArrow\");\n  return (\n    <AriaOverlayArrow>\n      <svg\n        width={8}\n        height={8}\n        viewBox=\"0 0 8 8\"\n        className={arrow({ variant, className })}\n        {...props}\n      >\n        <path d=\"M0 0 L4 4 L8 0\" />\n      </svg>\n    </AriaOverlayArrow>\n  );\n}\n\nexport type {\n  TooltipProps,\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipArrowProps,\n};\nexport { Tooltip, TooltipRoot, TooltipContent, TooltipArrow };\n",
       "path": "core/tooltip.tsx"
     }
   ]
diff --git a/www/public/registry/core/tooltip_motion.json b/www/public/registry/core/tooltip_motion.json
index 6202c8ffb..ec0f6047d 100644
--- a/www/public/registry/core/tooltip_motion.json
+++ b/www/public/registry/core/tooltip_motion.json
@@ -1,6 +1,7 @@
 {
   "name": "tooltip_motion",
-  "dependencies": [
+  "type": "core",
+  "deps": [
     "motion"
   ],
   "files": [
diff --git a/www/public/registry/hooks/index.json b/www/public/registry/hooks/index.json
index 690eef32e..dd1f3e9b5 100644
--- a/www/public/registry/hooks/index.json
+++ b/www/public/registry/hooks/index.json
@@ -1,6 +1,7 @@
 [
   {
     "name": "use-is-mobile",
+    "type": "hook",
     "label": "useIsMobile"
   }
 ]
\ No newline at end of file
diff --git a/www/public/registry/hooks/use-is-mobile.json b/www/public/registry/hooks/use-is-mobile.json
index ac7feaa5b..62cacb6ca 100644
--- a/www/public/registry/hooks/use-is-mobile.json
+++ b/www/public/registry/hooks/use-is-mobile.json
@@ -1,5 +1,6 @@
 {
   "name": "use-is-mobile",
+  "type": "hook",
   "files": [
     {
       "type": "hook",
diff --git a/www/public/registry/icons/index.json b/www/public/registry/icons/index.json
index 65d635915..b707d0236 100644
--- a/www/public/registry/icons/index.json
+++ b/www/public/registry/icons/index.json
@@ -1,12 +1,16 @@
 [
   {
     "name": "lucide-icons",
-    "package": "lucide-react",
-    "import": "lucide-react"
+    "type": "icon-library",
+    "dependencies": [
+      "lucide-react"
+    ]
   },
   {
     "name": "remix-icons",
-    "package": "@remixicon/react",
-    "import": "@remixicon/react"
+    "type": "icon-library",
+    "dependencies": [
+      "@remixicon/react"
+    ]
   }
 ]
\ No newline at end of file
diff --git a/www/public/registry/index.json b/www/public/registry/index.json
index 9ee9a1698..443f49b74 100644
--- a/www/public/registry/index.json
+++ b/www/public/registry/index.json
@@ -551,16 +551,10 @@
   },
   {
     "name": "lucide-icons",
-    "type": "icon-library",
-    "deps": [
-      "lucide-react"
-    ]
+    "type": "icon-library"
   },
   {
     "name": "remix-icons",
-    "type": "icon-library",
-    "deps": [
-      "@remixicon/react"
-    ]
+    "type": "icon-library"
   }
 ]
\ No newline at end of file
diff --git a/www/public/registry/lib/index.json b/www/public/registry/lib/index.json
index f13c855f4..a49c364d5 100644
--- a/www/public/registry/lib/index.json
+++ b/www/public/registry/lib/index.json
@@ -1,10 +1,12 @@
 [
   {
     "name": "utils",
+    "type": "lib",
     "label": "utils"
   },
   {
     "name": "focus-styles",
+    "type": "lib",
     "label": "focusStyles"
   }
 ]
\ No newline at end of file
diff --git a/www/public/registry/lib/utils.json b/www/public/registry/lib/utils.json
index 3156325ee..42b04431f 100644
--- a/www/public/registry/lib/utils.json
+++ b/www/public/registry/lib/utils.json
@@ -1,7 +1,7 @@
 {
   "name": "utils",
   "type": "lib",
-  "dependencies": [
+  "deps": [
     "clsx",
     "tailwind-merge"
   ],
diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
index 2c3edf46b..8d52c98f6 100644
--- a/www/scripts/build-internal-registry.ts
+++ b/www/scripts/build-internal-registry.ts
@@ -3,7 +3,8 @@ import path from "node:path";
 import { rimraf } from "rimraf";
 import { core } from "@/registry/registry-core";
 import { iconLibraries, icons } from "@/registry/registry-icons";
-import { RegistryItem } from "@/registry/types";
+
+// import { RegistryItem } from "@/registry/types";
 
 const INTERNAL_REGISTRY_PATH = path.join(process.cwd(), "src/__registry__");
 const SOURCE_REGISTRY_PATH = path.join(process.cwd(), "src/registry");
@@ -156,24 +157,12 @@ async function buildCoreComponents() {
     await fs.writeFile(targetFilePath, content);
   }
 
-  // build __registry__/dynamic-core/index.ts
-  let index = `// This file is autogenerated by scripts/build-internal-registry.ts
-  // Do not edit this file directly.
-  import * as React from "react"
-  
-  export const Components = {`;
-
-  for (const item of core) {
-    if (hasVariants(item)) {
-    } else {
-    }
-  }
-}
+  // // build __registry__/dynamic-core/index.ts
+  // let index = `// This file is autogenerated by scripts/build-internal-registry.ts
+  // // Do not edit this file directly.
+  // import * as React from "react"
 
-function hasVariants(
-  item: RegistryItem
-): item is Extract<RegistryItem, { variants: unknown }> {
-  return "variants" in item;
+  // export const Components = {`;
 }
 
 async function run() {
diff --git a/www/scripts/build-registry.ts b/www/scripts/build-registry.ts
index 8e8f1c603..3f14dfedc 100644
--- a/www/scripts/build-registry.ts
+++ b/www/scripts/build-registry.ts
@@ -1,3 +1,8 @@
+import {
+  RegistryIndex,
+  registryIndexSchema,
+  registryItemSchema,
+} from "@dotui/schemas";
 import { existsSync, promises as fs } from "node:fs";
 import path from "path";
 import { rimraf } from "rimraf";
@@ -5,7 +10,7 @@ import { kebabCaseToCamelCase, kebabCaseToTitleCase } from "@/lib/string";
 import { base } from "@/registry/registry-base";
 import { core } from "@/registry/registry-core";
 import { hooks } from "@/registry/registry-hooks";
-import { iconLibraries, icons } from "@/registry/registry-icons";
+import { iconLibraries } from "@/registry/registry-icons";
 import { lib } from "@/registry/registry-lib";
 import { registry } from "@/registry";
 
@@ -22,14 +27,16 @@ const buildRegistry = async () => {
     await fs.mkdir(targetPath, { recursive: true });
   }
 
-  const payload = registry.map((item) => ({
+  const payload: RegistryIndex = registry.map((item) => ({
     name: item.name,
     type: item.type,
-    deps: item.dependencies,
-    registryDeps: item.registryDependencies,
+    deps: item.deps,
+    registryDeps: item.registryDeps,
     variants: item.variants,
   }));
 
+  registryIndexSchema.parse(payload);
+
   const registryJson = JSON.stringify(payload, null, 2);
   await fs.writeFile(path.join(targetPath, "index.json"), registryJson, "utf8");
 };
@@ -42,7 +49,9 @@ const buildBase = async () => {
   const targetPath = path.join(REGISTRY_PATH, "base.json");
   rimraf.sync(targetPath);
 
-  const payload = base;
+  const payload = { ...base };
+
+  registryItemSchema.parse(payload);
 
   const baseJson = JSON.stringify(payload, null, 2);
   await fs.writeFile(targetPath, baseJson, "utf8");
@@ -68,13 +77,15 @@ const buildCore = async () => {
       if (elem.name.includes("_")) return false;
       return true;
     })
-    .map((comp) => ({
-      name: comp.name,
-      label: kebabCaseToTitleCase(comp.name),
-      description: comp.description,
+    .map((item) => ({
+      name: item.name,
+      type: item.type,
+      label: kebabCaseToTitleCase(item.name),
+      description: item.description,
     }));
 
   // Build registry/core/index.json
+  registryIndexSchema.parse(allCore);
   const indexContent = JSON.stringify(allCore, null, 2);
   await fs.writeFile(path.join(targetPath, "index.json"), indexContent, "utf8");
 
@@ -85,7 +96,7 @@ const buildCore = async () => {
       files = await Promise.all(
         item.files.map(async (file) => {
           const content = await fs.readFile(
-            path.join(process.cwd(), "src", "registry", file.path),
+            path.join(process.cwd(), "src", "registry", file.source),
             "utf8"
           );
           return {
@@ -102,7 +113,7 @@ const buildCore = async () => {
       files,
     };
 
-    // TODO Validation
+    registryItemSchema.parse(payload);
 
     await fs.writeFile(
       path.join(targetPath, `${item.name}.json`),
@@ -125,10 +136,11 @@ const buildHooks = async () => {
       if (elem.name.includes("_")) return false;
       return true;
     })
-    .map((comp) => ({
-      name: comp.name,
-      label: kebabCaseToCamelCase(comp.name),
-      description: comp.description,
+    .map((item) => ({
+      name: item.name,
+      type: item.type,
+      label: kebabCaseToCamelCase(item.name),
+      description: item.description,
     }));
 
   // Build registry/core/index.json
@@ -142,7 +154,7 @@ const buildHooks = async () => {
       files = await Promise.all(
         item.files.map(async (file) => {
           const content = await fs.readFile(
-            path.join(process.cwd(), "src", "registry", file.path),
+            path.join(process.cwd(), "src", "registry", file.source),
             "utf8"
           );
           return {
@@ -159,7 +171,7 @@ const buildHooks = async () => {
       files,
     };
 
-    // TODO Validation
+    registryItemSchema.parse(payload);
 
     await fs.writeFile(
       path.join(targetPath, `${item.name}.json`),
@@ -182,10 +194,11 @@ const buildLib = async () => {
       if (elem.name.includes("_")) return false;
       return true;
     })
-    .map((comp) => ({
-      name: comp.name,
-      label: kebabCaseToCamelCase(comp.name),
-      description: comp.description,
+    .map((item) => ({
+      name: item.name,
+      type: item.type,
+      label: kebabCaseToCamelCase(item.name),
+      description: item.description,
     }));
 
   // Build registry/core/index.json
@@ -199,7 +212,7 @@ const buildLib = async () => {
       files = await Promise.all(
         item.files.map(async (file) => {
           const content = await fs.readFile(
-            path.join(process.cwd(), "src", "registry", file.path),
+            path.join(process.cwd(), "src", "registry", file.source),
             "utf8"
           );
           return {
@@ -216,7 +229,7 @@ const buildLib = async () => {
       files,
     };
 
-    // TODO Validation
+    registryItemSchema.parse(payload);
 
     await fs.writeFile(
       path.join(targetPath, `${item.name}.json`),
@@ -243,10 +256,16 @@ const buildIcons = async () => {
     await fs.mkdir(targetPath, { recursive: true });
   }
 
-  const iconLibs = Object.entries(iconLibraries).map(([_, value]) => value);
+  const payload = Object.entries(iconLibraries).map(([_, value]) => ({
+    name: value.name,
+    type: "icon-library",
+    dependencies: [value.package],
+  }));
+
+  registryIndexSchema.parse(payload);
 
   // Build registry/icons/index.json
-  const iconLibrariesJson = JSON.stringify(iconLibs, null, 2);
+  const iconLibrariesJson = JSON.stringify(payload, null, 2);
   await fs.writeFile(
     path.join(targetPath, "index.json"),
     iconLibrariesJson,
@@ -323,7 +342,6 @@ const run = async () => {
     await buildHooks();
     await buildLib();
     await buildIcons();
-    // await buildThemes();
 
     console.log("✅ Done!");
   } catch (error) {
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
index 0840b6bf8..e3b46240e 100644
--- a/www/src/components/docs/style-switcher.tsx
+++ b/www/src/components/docs/style-switcher.tsx
@@ -9,7 +9,6 @@ import { ListBox, Item } from "@/components/core/list-box";
 import { Popover } from "@/components/core/popover";
 import { SelectRoot, SelectValue } from "@/components/core/select";
 import { core } from "@/registry/registry-core";
-import { RegistryItem } from "@/registry/types";
 
 export function StyleSwitcher({ componentName }: { componentName: string }) {
   const primitiveInfo = getPrimitiveInfo(componentName);
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 3be049513..e32451f18 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -452,7 +452,7 @@ const SidebarButton = ({
       variant="quiet"
       size="sm"
       className={cn(
-        "transition-sidebar group-data-collapsed/sidebar:w-8 relative w-full overflow-hidden font-normal",
+        "transition-sidebar group-data-collapsed/sidebar:w-8 hover:bg-inverse/10 relative w-full overflow-hidden font-normal",
         className
       )}
       {...props}
diff --git a/www/src/registry/core/tooltip_basic.tsx b/www/src/registry/core/tooltip_basic.tsx
index 6e53f4db7..5797775e0 100644
--- a/www/src/registry/core/tooltip_basic.tsx
+++ b/www/src/registry/core/tooltip_basic.tsx
@@ -10,6 +10,8 @@ import {
 import { tv, VariantProps } from "tailwind-variants";
 import { createScopedContext } from "@/lib/utils";
 
+// TODO: Remove tailwindcss-animate an replace it with css transitions
+
 const tooltipStyles = tv({
   slots: {
     content:
diff --git a/www/src/registry/index.ts b/www/src/registry/index.ts
index e504600a4..8f57762ff 100644
--- a/www/src/registry/index.ts
+++ b/www/src/registry/index.ts
@@ -1,17 +1,20 @@
+import { Registry, RegistryIndex, RegistryItem } from "@dotui/schemas";
 import { base as _base } from "@/registry/registry-base";
 import { core as _core } from "@/registry/registry-core";
 import { hooks as _hooks } from "@/registry/registry-hooks";
 import { iconLibraries } from "@/registry/registry-icons";
 import { lib as _lib } from "@/registry/registry-lib";
 import { themes as _themes } from "@/registry/registry-themes";
-import type { Registry } from "@/registry/types";
 
-const base = { ..._base, type: "base" } as const;
-const core = _core.map((item) => ({ ...item, type: "core" }) as const);
-const hooks = _hooks.map((item) => ({ ...item, type: "hook" }) as const);
-const lib = _lib.map((item) => ({ ...item, type: "lib" }) as const);
-const themes = _themes.map((item) => ({ ...item, type: "theme" }) as const);
-const iconLibs: Registry = Object.entries(iconLibraries).map(
+const base: RegistryIndex = [{ ..._base, type: "base" }];
+const core: RegistryIndex = _core.map((item) => ({ ...item, type: "core" }));
+const hooks: RegistryIndex = _hooks.map((item) => ({ ...item, type: "hook" }));
+const lib: RegistryIndex = _lib.map((item) => ({ ...item, type: "lib" }));
+const themes: RegistryIndex = _themes.map((item) => ({
+  ...item,
+  type: "theme",
+}));
+const iconLibs: RegistryIndex = Object.entries(iconLibraries).map(
   ([_, value]) =>
     ({
       name: value.name,
@@ -20,8 +23,8 @@ const iconLibs: Registry = Object.entries(iconLibraries).map(
     }) as const
 );
 
-export const registry: Registry = [
-  base,
+export const registry: RegistryIndex = [
+  ...base,
   ...core,
   ...hooks,
   ...lib,
diff --git a/www/src/registry/registry-base.ts b/www/src/registry/registry-base.ts
index e6d2e5ec8..0111e8892 100644
--- a/www/src/registry/registry-base.ts
+++ b/www/src/registry/registry-base.ts
@@ -1,12 +1,13 @@
-import type { RegistryItem } from "./types";
+import { InternalRegistryItem } from "@dotui/schemas";
 
-export const base: RegistryItem = {
+export const base: InternalRegistryItem = {
   name: "base",
-  dependencies: [
+  type: "base",
+  deps: [
     "tailwind-variants",
     "react-aria-components",
     "tailwindcss-react-aria-components",
   ],
-  registryDependencies: ["utils"],
+  registryDeps: ["utils"],
   files: [],
 };
diff --git a/www/src/registry/registry-core.ts b/www/src/registry/registry-core.ts
index 9091dc030..b5ef94ec0 100644
--- a/www/src/registry/registry-core.ts
+++ b/www/src/registry/registry-core.ts
@@ -1,6 +1,6 @@
-import type { Registry } from "./types";
+import { InternalRegistry, InternalRegistryItem } from "@dotui/schemas";
 
-export const core: Registry = [
+export const core: InternalRegistry = [
   {
     name: "alert",
     variants: ["basic", "notch", "notch-2"],
@@ -11,7 +11,7 @@ export const core: Registry = [
     files: [
       {
         type: "core",
-        path: "core/alert_basic.tsx",
+        source: "core/alert_basic.tsx",
         target: "core/alert.tsx",
       },
     ],
@@ -21,8 +21,8 @@ export const core: Registry = [
     description: "Alert with a bold left border for emphasis.",
     files: [
       {
-        path: "core/alert_notch.tsx",
         type: "core",
+        source: "core/alert_notch.tsx",
         target: "core/alert.tsx",
       },
     ],
@@ -33,8 +33,8 @@ export const core: Registry = [
       "Alert with a bold left border for emphasis and muted background.",
     files: [
       {
-        path: "core/alert_notch.tsx",
         type: "core",
+        source: "core/alert_notch.tsx",
         target: "core/alert.tsx",
       },
     ],
@@ -43,8 +43,8 @@ export const core: Registry = [
     name: "avatar",
     files: [
       {
-        path: "core/avatar_basic.tsx",
         type: "core",
+        source: "core/avatar_basic.tsx",
         target: "core/avatar.tsx",
       },
     ],
@@ -53,19 +53,19 @@ export const core: Registry = [
     name: "badge",
     files: [
       {
-        path: "core/badge_basic.tsx",
         type: "core",
+        source: "core/badge_basic.tsx",
         target: "core/badge.tsx",
       },
     ],
   },
   {
     name: "breadcrumbs",
-    registryDependencies: ["focus-styles"],
+    registryDeps: ["focus-styles"],
     files: [
       {
-        path: "core/breadcrumbs_basic.tsx",
         type: "core",
+        source: "core/breadcrumbs_basic.tsx",
         target: "core/breadcrumbs.tsx",
       },
     ],
@@ -76,43 +76,43 @@ export const core: Registry = [
   },
   {
     name: "button_basic",
-    registryDependencies: ["loader", "focus-styles"],
+    registryDeps: ["loader", "focus-styles"],
     files: [
       {
-        path: "core/button_basic.tsx",
         type: "core",
+        source: "core/button_basic.tsx",
         target: "core/button.tsx",
       },
     ],
   },
   {
     name: "button_brutalist",
-    registryDependencies: ["loader", "focus-styles"],
+    registryDeps: ["loader", "focus-styles"],
     files: [
       {
-        path: "core/button_brutalist.tsx",
         type: "core",
+        source: "core/button_brutalist.tsx",
         target: "core/button.tsx",
       },
     ],
   },
   {
     name: "button_ripple",
-    registryDependencies: ["loader", "focus-styles"],
+    registryDeps: ["loader", "focus-styles"],
     files: [
       {
-        path: "core/button_ripple.tsx",
         type: "core",
+        source: "core/button_ripple.tsx",
         target: "core/button.tsx",
       },
       {
-        path: "core/ripple.tsx",
         type: "core",
+        source: "core/ripple.tsx",
         target: "core/ripple.tsx",
       },
       {
-        path: "hooks/use-ripple.ts",
         type: "hook",
+        source: "hooks/use-ripple.ts",
         target: "hooks/use-ripple.ts",
       },
     ],
@@ -123,73 +123,73 @@ export const core: Registry = [
   },
   {
     name: "calendar_basic",
-    registryDependencies: ["button", "text", "focus-styles"],
+    registryDeps: ["button", "text", "focus-styles"],
     files: [
       {
-        path: "core/calendar_basic.tsx",
         type: "core",
+        source: "core/calendar_basic.tsx",
         target: "core/calendar.tsx",
       },
     ],
   },
   {
     name: "calendar_cal",
-    registryDependencies: ["button", "text", "focus-styles"],
+    registryDeps: ["button", "text", "focus-styles"],
     files: [
       {
-        path: "core/calendar_cal.tsx",
         type: "core",
+        source: "core/calendar_cal.tsx",
         target: "core/calendar.tsx",
       },
     ],
   },
   {
     name: "checkbox",
-    registryDependencies: ["focus-styles"],
+    registryDeps: ["focus-styles"],
     files: [
       {
-        path: "core/checkbox_basic.tsx",
         type: "core",
+        source: "core/checkbox_basic.tsx",
         target: "core/checkbox.tsx",
       },
     ],
   },
   {
     name: "checkbox-group",
-    registryDependencies: ["field", "checkbox"],
+    registryDeps: ["field", "checkbox"],
     files: [
       {
-        path: "core/checkbox-group_basic.tsx",
         type: "core",
+        source: "core/checkbox-group_basic.tsx",
         target: "core/checkbox-group.tsx",
       },
     ],
   },
   {
     name: "color-area",
-    registryDependencies: ["color-thumb"],
+    registryDeps: ["color-thumb"],
     files: [
       {
-        path: "core/color-area_basic.tsx",
         type: "core",
+        source: "core/color-area_basic.tsx",
         target: "core/color-area.tsx",
       },
     ],
   },
   {
     name: "color-field",
-    registryDependencies: ["field", "input"],
+    registryDeps: ["field", "input"],
     files: [
       {
-        path: "core/color-field_basic.tsx",
         type: "core",
+        source: "core/color-field_basic.tsx",
         target: "core/color-field.tsx",
       },
     ],
   },
   {
     name: "color-picker",
-    registryDependencies: [
+    registryDeps: [
       "button",
       "color-area",
       "color-field",
@@ -200,19 +200,19 @@ export const core: Registry = [
     ],
     files: [
       {
-        path: "core/color-picker_basic.tsx",
         type: "core",
+        source: "core/color-picker_basic.tsx",
         target: "core/color-picker.tsx",
       },
     ],
   },
   {
     name: "color-slider",
-    registryDependencies: ["field", "color-thum"],
+    registryDeps: ["field", "color-thum"],
     files: [
       {
-        path: "core/color-slider_basic.tsx",
         type: "core",
+        source: "core/color-slider_basic.tsx",
         target: "core/color-slider.tsx",
       },
     ],
@@ -221,41 +221,41 @@ export const core: Registry = [
     name: "color-swatch",
     files: [
       {
-        path: "core/color-swatch_basic.tsx",
         type: "core",
+        source: "core/color-swatch_basic.tsx",
         target: "core/color-swatch.tsx",
       },
     ],
   },
   {
     name: "color-swatch-picker",
-    registryDependencies: ["focus-styles", "color-swatch"],
+    registryDeps: ["focus-styles", "color-swatch"],
     files: [
       {
-        path: "core/color-swatch-picker_basic.tsx",
         type: "core",
+        source: "core/color-swatch-picker_basic.tsx",
         target: "core/color-swatch-picker.tsx",
       },
     ],
   },
   {
     name: "color-thumb",
-    registryDependencies: ["focus-styles"],
+    registryDeps: ["focus-styles"],
     files: [
       {
-        path: "core/color-thumb_basic.tsx",
         type: "core",
+        source: "core/color-thumb_basic.tsx",
         target: "core/color-thumb.tsx",
       },
     ],
   },
   {
     name: "combobox",
-    registryDependencies: ["field", "button", "input", "list-box", "overlay"],
+    registryDeps: ["field", "button", "input", "list-box", "overlay"],
     files: [
       {
-        path: "core/combobox_basic.tsx",
         type: "core",
+        source: "core/combobox_basic.tsx",
         target: "core/combobox.tsx",
       },
     ],
@@ -264,19 +264,19 @@ export const core: Registry = [
     name: "command",
     files: [
       {
-        path: "core/command_basic.tsx",
         type: "core",
+        source: "core/command_basic.tsx",
         target: "core/command.tsx",
       },
     ],
   },
   {
     name: "date-field",
-    registryDependencies: ["field", "input", "date-input"],
+    registryDeps: ["field", "input", "date-input"],
     files: [
       {
-        path: "core/date-field_basic.tsx",
         type: "core",
+        source: "core/date-field_basic.tsx",
         target: "core/date-field.tsx",
       },
     ],
@@ -285,15 +285,15 @@ export const core: Registry = [
     name: "date-input",
     files: [
       {
-        path: "core/date-input_basic.tsx",
         type: "core",
+        source: "core/date-input_basic.tsx",
         target: "core/date-input.tsx",
       },
     ],
   },
   {
     name: "date-picker",
-    registryDependencies: [
+    registryDeps: [
       "button",
       "calendar",
       "field",
@@ -303,15 +303,15 @@ export const core: Registry = [
     ],
     files: [
       {
-        path: "core/date-picker_basic.tsx",
         type: "core",
+        source: "core/date-picker_basic.tsx",
         target: "core/date-picker.tsx",
       },
     ],
   },
   {
     name: "date-range-picker",
-    registryDependencies: [
+    registryDeps: [
       "button",
       "calendar",
       "field",
@@ -321,19 +321,19 @@ export const core: Registry = [
     ],
     files: [
       {
-        path: "core/date-range-picker_basic.tsx",
         type: "core",
+        source: "core/date-range-picker_basic.tsx",
         target: "core/date-range-picker.tsx",
       },
     ],
   },
   {
     name: "dialog",
-    registryDependencies: ["overlay"],
+    registryDeps: ["overlay"],
     files: [
       {
-        path: "core/dialog_basic.tsx",
         type: "core",
+        source: "core/dialog_basic.tsx",
         target: "core/dialog.tsx",
       },
     ],
@@ -342,8 +342,8 @@ export const core: Registry = [
     name: "drawer",
     files: [
       {
-        path: "core/drawer_basic.tsx",
         type: "core",
+        source: "core/drawer_basic.tsx",
         target: "core/drawer.tsx",
       },
     ],
@@ -352,8 +352,8 @@ export const core: Registry = [
     name: "drop-zone",
     files: [
       {
-        path: "core/drop-zone_basic.tsx",
         type: "core",
+        source: "core/drop-zone_basic.tsx",
         target: "core/drop-zone.tsx",
       },
     ],
@@ -362,8 +362,8 @@ export const core: Registry = [
     name: "field",
     files: [
       {
-        path: "core/field_basic.tsx",
         type: "core",
+        source: "core/field_basic.tsx",
         target: "core/field.tsx",
       },
     ],
@@ -372,8 +372,8 @@ export const core: Registry = [
     name: "file-trigger",
     files: [
       {
-        path: "core/file-trigger_basic.tsx",
         type: "core",
+        source: "core/file-trigger_basic.tsx",
         target: "core/file-trigger.tsx",
       },
     ],
@@ -386,19 +386,19 @@ export const core: Registry = [
     name: "form_basic",
     files: [
       {
-        path: "core/form_basic.tsx",
         type: "core",
+        source: "core/form_basic.tsx",
         target: "core/form.tsx",
       },
     ],
   },
   {
     name: "form_react-hook-form",
-    dependencies: ["react-hook-form"],
+    deps: ["react-hook-form"],
     files: [
       {
-        path: "core/form_react-hook-form.tsx",
         type: "core",
+        source: "core/form_react-hook-form.tsx",
         target: "core/form.tsx",
       },
     ],
@@ -409,12 +409,12 @@ export const core: Registry = [
   },
   {
     name: "input_basic",
-    dependencies: ["@react-aria/utils", "@react-stately/utils"],
-    registryDependencies: ["focus-styles"],
+    deps: ["@react-aria/utils", "@react-stately/utils"],
+    registryDeps: ["focus-styles"],
     files: [
       {
-        path: "core/input_basic.tsx",
         type: "core",
+        source: "core/input_basic.tsx",
         target: "core/input.tsx",
       },
     ],
@@ -423,19 +423,19 @@ export const core: Registry = [
     name: "kbd",
     files: [
       {
-        path: "core/kbd_basic.tsx",
         type: "core",
+        source: "core/kbd_basic.tsx",
         target: "core/kbd.tsx",
       },
     ],
   },
   {
     name: "list-box",
-    registryDependencies: ["text", "focus-styles"],
+    registryDeps: ["text", "focus-styles"],
     files: [
       {
-        path: "core/list-box_basic.tsx",
         type: "core",
+        source: "core/list-box_basic.tsx",
         target: "core/list-box.tsx",
       },
     ],
@@ -448,8 +448,8 @@ export const core: Registry = [
     name: "loader_dots",
     files: [
       {
-        path: "core/loader_dots.tsx",
         type: "core",
+        source: "core/loader_dots.tsx",
         target: "core/loader.tsx",
       },
     ],
@@ -458,8 +458,8 @@ export const core: Registry = [
     name: "loader_line",
     files: [
       {
-        path: "core/loader_line.tsx",
         type: "core",
+        source: "core/loader_line.tsx",
         target: "core/loader.tsx",
       },
     ],
@@ -468,8 +468,8 @@ export const core: Registry = [
     name: "loader_ring",
     files: [
       {
-        path: "core/loader_ring.tsx",
         type: "core",
+        source: "core/loader_ring.tsx",
         target: "core/loader.tsx",
       },
     ],
@@ -478,30 +478,30 @@ export const core: Registry = [
     name: "loader_tailspin",
     files: [
       {
-        path: "core/loader_tailspin.tsx",
         type: "core",
+        source: "core/loader_tailspin.tsx",
         target: "core/loader.tsx",
       },
     ],
   },
   {
     name: "loader_wave",
-    dependencies: ["motion"],
+    deps: ["motion"],
     files: [
       {
-        path: "core/loader_wave.tsx",
         type: "core",
+        source: "core/loader_wave.tsx",
         target: "core/loader.tsx",
       },
     ],
   },
   {
     name: "menu",
-    registryDependencies: ["kbd", "overlay", "text"],
+    registryDeps: ["kbd", "overlay", "text"],
     files: [
       {
-        path: "core/menu_basic.tsx",
         type: "core",
+        source: "core/menu_basic.tsx",
         target: "core/menu.tsx",
       },
     ],
@@ -510,30 +510,30 @@ export const core: Registry = [
     name: "modal",
     files: [
       {
-        path: "core/modal_basic.tsx",
         type: "core",
+        source: "core/modal_basic.tsx",
         target: "core/modal.tsx",
       },
     ],
   },
   {
     name: "number-field",
-    registryDependencies: ["input", "field", "use-is-mobile"],
+    registryDeps: ["input", "field", "use-is-mobile"],
     files: [
       {
-        path: "core/number-field_basic.tsx",
         type: "core",
+        source: "core/number-field_basic.tsx",
         target: "core/number-field.tsx",
       },
     ],
   },
   {
     name: "overlay",
-    registryDependencies: ["modal", "popover", "drawer", "use-is-mobile"],
+    registryDeps: ["modal", "popover", "drawer", "use-is-mobile"],
     files: [
       {
-        path: "core/overlay_basic.tsx",
         type: "core",
+        source: "core/overlay_basic.tsx",
         target: "core/overlay.tsx",
       },
     ],
@@ -542,52 +542,52 @@ export const core: Registry = [
     name: "popover",
     files: [
       {
-        path: "core/popover_basic.tsx",
         type: "core",
+        source: "core/popover_basic.tsx",
         target: "core/popover.tsx",
       },
     ],
   },
   {
     name: "progress-bar",
-    registryDependencies: ["field"],
+    registryDeps: ["field"],
     files: [
       {
-        path: "core/progress-bar_basic.tsx",
         type: "core",
+        source: "core/progress-bar_basic.tsx",
         target: "core/progress-bar.tsx",
       },
     ],
   },
   {
     name: "radio-group",
-    registryDependencies: ["focus-styles", "field"],
+    registryDeps: ["focus-styles", "field"],
     files: [
       {
-        path: "core/radio-group_basic.tsx",
         type: "core",
+        source: "core/radio-group_basic.tsx",
         target: "core/radio-group.tsx",
       },
     ],
   },
   {
     name: "search-field",
-    registryDependencies: ["field", "button"],
+    registryDeps: ["field", "button"],
     files: [
       {
-        path: "core/search-field_basic.tsx",
         type: "core",
+        source: "core/search-field_basic.tsx",
         target: "core/search-field.tsx",
       },
     ],
   },
   {
     name: "select",
-    registryDependencies: ["button", "field", "list-box", "popover"],
+    registryDeps: ["button", "field", "list-box", "popover"],
     files: [
       {
-        path: "core/select_basic.tsx",
         type: "core",
+        source: "core/select_basic.tsx",
         target: "core/select.tsx",
       },
     ],
@@ -596,8 +596,8 @@ export const core: Registry = [
     name: "separator",
     files: [
       {
-        path: "core/separator_basic.tsx",
         type: "core",
+        source: "core/separator_basic.tsx",
         target: "core/separator.tsx",
       },
     ],
@@ -606,42 +606,42 @@ export const core: Registry = [
     name: "skeleton",
     files: [
       {
-        path: "core/skeleton_basic.tsx",
         type: "core",
+        source: "core/skeleton_basic.tsx",
         target: "core/skeleton.tsx",
       },
     ],
   },
   {
     name: "slider",
-    dependencies: ["@react-aria/utils"],
-    registryDependencies: ["field", "focus-styles"],
+    deps: ["@react-aria/utils"],
+    registryDeps: ["field", "focus-styles"],
     files: [
       {
-        path: "core/slider_basic.tsx",
         type: "core",
+        source: "core/slider_basic.tsx",
         target: "core/slider.tsx",
       },
     ],
   },
   {
     name: "switch",
-    registryDependencies: ["focus-styles"],
+    registryDeps: ["focus-styles"],
     files: [
       {
-        path: "core/switch_basic.tsx",
         type: "core",
+        source: "core/switch_basic.tsx",
         target: "core/switch.tsx",
       },
     ],
   },
   {
     name: "table",
-    registryDependencies: ["checkbox", "focus-styles"],
+    registryDeps: ["checkbox", "focus-styles"],
     files: [
       {
-        path: "core/table_basic.tsx",
         type: "core",
+        source: "core/table_basic.tsx",
         target: "core/table.tsx",
       },
     ],
@@ -652,34 +652,34 @@ export const core: Registry = [
   },
   {
     name: "tabs_basic",
-    registryDependencies: ["focus-styles"],
+    registryDeps: ["focus-styles"],
     files: [
       {
-        path: "core/tabs_basic.tsx",
         type: "core",
+        source: "core/tabs_basic.tsx",
         target: "core/tabs.tsx",
       },
     ],
   },
   {
     name: "tabs_motion",
-    dependencies: ["motion"],
-    registryDependencies: ["focus-styles"],
+    deps: ["motion"],
+    registryDeps: ["focus-styles"],
     files: [
       {
-        path: "core/tabs_motion.tsx",
         type: "core",
+        source: "core/tabs_motion.tsx",
         target: "core/tabs.tsx",
       },
     ],
   },
   {
     name: "tag-group",
-    registryDependencies: ["field", "button", "focus-styles"],
+    registryDeps: ["field", "button", "focus-styles"],
     files: [
       {
-        path: "core/tag-group_basic.tsx",
         type: "core",
+        source: "core/tag-group_basic.tsx",
         target: "core/tag-group.tsx",
       },
     ],
@@ -688,63 +688,63 @@ export const core: Registry = [
     name: "text",
     files: [
       {
-        path: "core/text_basic.tsx",
         type: "core",
+        source: "core/text_basic.tsx",
         target: "core/text.tsx",
       },
     ],
   },
   {
     name: "text-area",
-    registryDependencies: ["field", "input"],
+    registryDeps: ["field", "input"],
     files: [
       {
-        path: "core/text-area_basic.tsx",
         type: "core",
+        source: "core/text-area_basic.tsx",
         target: "core/text-area.tsx",
       },
     ],
   },
   {
     name: "text-field",
-    registryDependencies: ["field", "input"],
+    registryDeps: ["field", "input"],
     files: [
       {
-        path: "core/text-field_basic.tsx",
         type: "core",
+        source: "core/text-field_basic.tsx",
         target: "core/text-field.tsx",
       },
     ],
   },
   {
     name: "time-field",
-    registryDependencies: ["field", "input", "date-input"],
+    registryDeps: ["field", "input", "date-input"],
     files: [
       {
-        path: "core/time-field_basic.tsx",
         type: "core",
+        source: "core/time-field_basic.tsx",
         target: "core/time-field.tsx",
       },
     ],
   },
   {
     name: "toggle-button",
-    registryDependencies: ["focus-styles"],
+    registryDeps: ["focus-styles"],
     files: [
       {
-        path: "core/toggle-button_basic.tsx",
         type: "core",
+        source: "core/toggle-button_basic.tsx",
         target: "core/toggle-button.tsx",
       },
     ],
   },
   {
     name: "toggle-button-group",
-    registryDependencies: ["toggle-button"],
+    registryDeps: ["toggle-button"],
     files: [
       {
-        path: "core/toggle-button-group_basic.tsx",
         type: "core",
+        source: "core/toggle-button-group_basic.tsx",
         target: "core/toggle-button-group.tsx",
       },
     ],
@@ -757,21 +757,24 @@ export const core: Registry = [
     name: "tooltip_basic",
     files: [
       {
-        path: "core/tooltip_basic.tsx",
         type: "core",
+        source: "core/tooltip_basic.tsx",
         target: "core/tooltip.tsx",
       },
     ],
   },
   {
     name: "tooltip_motion",
-    dependencies: ["motion"],
+    deps: ["motion"],
     files: [
       {
-        path: "core/tooltip_motion.tsx",
         type: "core",
+        source: "core/tooltip_motion.tsx",
         target: "core/tooltip.tsx",
       },
     ],
   },
-];
+].map(
+  ({ name, ...rest }) =>
+    ({ name, type: "core", ...rest }) as InternalRegistryItem
+);
diff --git a/www/src/registry/registry-hooks.ts b/www/src/registry/registry-hooks.ts
index ca1ce1437..69c3ffa07 100644
--- a/www/src/registry/registry-hooks.ts
+++ b/www/src/registry/registry-hooks.ts
@@ -1,14 +1,17 @@
-import type { Registry } from "./types";
+import { InternalRegistry, InternalRegistryItem } from "@dotui/schemas";
 
-export const hooks: Registry = [
+export const hooks: InternalRegistry = [
   {
     name: "use-is-mobile",
     files: [
       {
         type: "hook",
-        path: "hooks/use-is-mobile.ts",
+        source: "hooks/use-is-mobile.ts",
         target: "hooks/use-is-mobile.ts",
       },
     ],
   },
-];
+].map(
+  ({ name, ...rest }) =>
+    ({ name, type: "hook", ...rest }) as InternalRegistryItem
+);
diff --git a/www/src/registry/registry-lib.ts b/www/src/registry/registry-lib.ts
index 0ce5d7892..6be398293 100644
--- a/www/src/registry/registry-lib.ts
+++ b/www/src/registry/registry-lib.ts
@@ -1,13 +1,12 @@
-import { Registry } from "./types";
+import { InternalRegistry, InternalRegistryItem } from "@dotui/schemas";
 
-export const lib: Registry = [
+export const lib: InternalRegistry = [
   {
     name: "utils",
-    type: "lib",
-    dependencies: ["clsx", "tailwind-merge"],
+    deps: ["clsx", "tailwind-merge"],
     files: [
       {
-        path: "lib/utils.tsx",
+        source: "lib/utils.tsx",
         type: "lib",
         target: "lib/utils.tsx",
       },
@@ -15,13 +14,15 @@ export const lib: Registry = [
   },
   {
     name: "focus-styles",
-    type: "lib",
     files: [
       {
-        path: "lib/focus-styles.ts",
+        source: "lib/focus-styles.ts",
         type: "lib",
         target: "lib/focus-styles.ts",
       },
     ],
   },
-];
+].map(
+  ({ name, ...rest }) =>
+    ({ name, type: "lib", ...rest }) as InternalRegistryItem
+);
diff --git a/www/src/registry/registry-themes.ts b/www/src/registry/registry-themes.ts
index 5a1485d9b..5a6554a53 100644
--- a/www/src/registry/registry-themes.ts
+++ b/www/src/registry/registry-themes.ts
@@ -1,3 +1,7 @@
-import type { Registry } from "./types";
+import type { InternalRegistry } from "@dotui/schemas";
 
-export const themes: Registry = [];
+export const themes: InternalRegistry = [];
+// .map(
+//   ({ name, ...rest }) =>
+//     ({ name, type: "lib", ...rest }) as InternalRegistryItem
+// );
diff --git a/www/src/registry/types.ts b/www/src/registry/types.ts
deleted file mode 100644
index 530b01d91..000000000
--- a/www/src/registry/types.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { RegistryItemType } from "@dotui/registry";
-
-export type RegistryItem = {
-  name: string;
-  type?: RegistryItemType;
-  description?: string;
-  dependencies?: string[];
-  registryDependencies?: string[];
-  files?: {
-    path: string;
-    type: RegistryItemType;
-    target: string;
-  }[];
-  variants?: string[];
-};
-
-export type Registry = RegistryItem[];
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 70a6f71cc..d310b4399 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -237,7 +237,7 @@
     progress-pulse 1s ease var(--progress-duration) infinite normal none running;
 }
 
-/* for specific styles */
+/* for specific variants */
 @layer base {
   :root {
     --box-shadow-x: 4px;
@@ -252,6 +252,7 @@
   }
 }
 
+/* for specific variants */
 @theme {
   --shadow-brutalism: var(--box-shadow-x) var(--box-shadow-y) 0px 0px
     var(--border-brutalism);

From 7fe0fe2728ff2618e405f6cea0020f5d3512b760 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 3 Feb 2025 03:25:31 +0100
Subject: [PATCH 092/165] chore: update eslint

---
 package.json                                  |   12 +-
 packages/cli/.eslintrc.cjs                    |   12 -
 packages/cli/eslint.config.mjs                |    4 +
 packages/cli/package.json                     |    1 +
 packages/config/eslint/README.md              |    4 +-
 packages/config/eslint/base.js                |   33 +
 packages/config/eslint/library.js             |   36 -
 packages/config/eslint/next.js                |   72 +-
 packages/config/eslint/package.json           |   27 +-
 packages/config/eslint/react-internal.js      |   69 +-
 packages/config/ts-config/README.md           |    3 +
 packages/config/ts-config/base.json           |   19 +
 .../nextjs.json}                              |   24 +-
 packages/config/ts-config/package.json        |    8 +
 packages/config/ts-config/react-library.json  |    7 +
 packages/config/tsconfig/README.md            |    0
 packages/config/tsconfig/base.json            |   24 -
 packages/config/tsconfig/nextjs.json          |   20 -
 packages/config/tsconfig/package.json         |   12 -
 packages/tailwindcss-rac/package.json         |   49 +-
 pnpm-lock.yaml                                | 1158 +++++------------
 www/.eslintrc.cjs                             |   12 -
 .../docs/components/buttons/toggle-button.mdx |   21 -
 .../components/date-and-time/date-picker.mdx  |   21 -
 .../date-and-time/date-range-picker.mdx       |   20 -
 .../docs/components/feedback/skeleton.mdx     |   15 -
 .../forms-and-inputs/number-field.mdx         |   23 +-
 .../menus-and-selection/combobox.mdx          |   21 -
 .../menus-and-selection/list-box.mdx          |   21 -
 .../components/menus-and-selection/menu.mdx   |   19 -
 .../components/menus-and-selection/select.mdx |   20 -
 www/eslint.config.mjs                         |    4 +
 www/scripts/build-internal-registry.ts        |  214 +--
 www/scripts/build-registry.ts                 |    2 +-
 www/src/__registry__/demos.tsx                |    8 +-
 .../(app)/themes/components/focus-style.tsx   |    1 -
 .../(app)/themes/components/loader-style.tsx  |    3 +-
 .../(preview)/preview/(auth)/login/page.tsx   |   11 +-
 .../app/(preview)/preview/hooks/use-api.ts    |   10 +-
 www/src/app/providers.tsx                     |    4 +-
 www/src/components/core/command.tsx           |  167 ---
 .../components/demos/dialog/inset-content.tsx |    3 -
 www/src/components/demos/drop-zone/events.tsx |    2 +-
 .../components/demos/table/empty-state.tsx    |   15 -
 www/src/components/demos/table/reordable.tsx  |   10 +-
 www/src/components/demos/tooltip/offset.tsx   |    2 +-
 www/src/components/docs/badge-palette.tsx     |    2 -
 www/src/components/docs/breadcrumbs.tsx       |    2 +-
 www/src/components/docs/choices.tsx           |    2 +-
 www/src/components/docs/code-block-mdx.tsx    |    2 -
 www/src/components/docs/code.tsx              |    3 +
 www/src/components/docs/component-source.tsx  |   43 -
 www/src/components/docs/font-loader.tsx       |    5 -
 www/src/components/docs/mdx-components.tsx    |    9 +-
 www/src/components/docs/tabs.tsx              |    1 -
 www/src/components/docs/theme-override.tsx    |    6 +-
 www/src/components/dynamic-core/tooltip.tsx   |    4 +-
 www/src/components/search-command-client.tsx  |   20 +-
 www/src/components/theme-provider.tsx         |   16 -
 www/src/hooks/use-themes.ts                   |    4 +-
 www/src/lib/colors.ts                         |    1 +
 61 files changed, 687 insertions(+), 1676 deletions(-)
 delete mode 100644 packages/cli/.eslintrc.cjs
 create mode 100644 packages/cli/eslint.config.mjs
 create mode 100644 packages/config/eslint/base.js
 delete mode 100644 packages/config/eslint/library.js
 create mode 100644 packages/config/ts-config/README.md
 create mode 100644 packages/config/ts-config/base.json
 rename packages/config/{tsconfig/react-library.json => ts-config/nextjs.json} (56%)
 create mode 100644 packages/config/ts-config/package.json
 create mode 100644 packages/config/ts-config/react-library.json
 delete mode 100644 packages/config/tsconfig/README.md
 delete mode 100644 packages/config/tsconfig/base.json
 delete mode 100644 packages/config/tsconfig/nextjs.json
 delete mode 100644 packages/config/tsconfig/package.json
 delete mode 100644 www/.eslintrc.cjs
 create mode 100644 www/eslint.config.mjs
 delete mode 100644 www/src/components/core/command.tsx
 delete mode 100644 www/src/components/docs/component-source.tsx
 delete mode 100644 www/src/components/theme-provider.tsx

diff --git a/package.json b/package.json
index 979c59053..472d00aa5 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "build": "turbo run build",
     "build:cli": "turbo --filter=dotui-cli build",
     "build:www": "pnpm --filter=www build",
+    "build:internal-registry": "pnpm --filter=www build:internal-registry",
     "build:registry": "pnpm --filter=www build:registry",
     "build:docs": "pnpm --filter=www build:docs",
     "dev": "turbo run dev --parallel",
@@ -42,15 +43,12 @@
     "@changesets/cli": "^2.26.1",
     "@commitlint/cli": "^17.6.3",
     "@commitlint/config-conventional": "^17.6.3",
+    "@dotui/eslint-config": "workspace:*",
     "@manypkg/cli": "^0.21.4",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "eslint": "^8",
-    "eslint-config-next": "^14.0.4",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-turbo": "^2.1.3",
-    "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.8",
-    "turbo": "^2.0.12"
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "turbo": "^2.4.0"
   },
   "packageManager": "pnpm@9.5.0",
   "pnpm": {
diff --git a/packages/cli/.eslintrc.cjs b/packages/cli/.eslintrc.cjs
deleted file mode 100644
index d44f6018d..000000000
--- a/packages/cli/.eslintrc.cjs
+++ /dev/null
@@ -1,12 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  root: true,
-  extends: ["@dotui/eslint-config/library.js"],
-  parser: "@typescript-eslint/parser",
-  parserOptions: {
-    project: true,
-  },
-  rules: {
-    "@next/next/no-img-element": "off",
-  },
-};
\ No newline at end of file
diff --git a/packages/cli/eslint.config.mjs b/packages/cli/eslint.config.mjs
new file mode 100644
index 000000000..5982f3911
--- /dev/null
+++ b/packages/cli/eslint.config.mjs
@@ -0,0 +1,4 @@
+import { config } from "@dotui/eslint-config/library";
+
+/** @type {import("eslint").Linter.Config} */
+export default config;
diff --git a/packages/cli/package.json b/packages/cli/package.json
index ab52f1ecb..5218964cf 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -62,6 +62,7 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@dotui/eslint-config": "workspace:*",
     "@types/node": "^18.17.0",
     "tsup": "^8.3.6",
     "typescript": "^5"
diff --git a/packages/config/eslint/README.md b/packages/config/eslint/README.md
index 8b42d901b..4a414ab1c 100644
--- a/packages/config/eslint/README.md
+++ b/packages/config/eslint/README.md
@@ -1,3 +1,3 @@
-# `@turbo/eslint-config`
+# `@workspace/eslint-config`
 
-Collection of internal eslint configurations.
+Shared eslint configuration for the workspace.
diff --git a/packages/config/eslint/base.js b/packages/config/eslint/base.js
new file mode 100644
index 000000000..77777fbde
--- /dev/null
+++ b/packages/config/eslint/base.js
@@ -0,0 +1,33 @@
+import js from "@eslint/js";
+import eslintConfigPrettier from "eslint-config-prettier";
+import turboPlugin from "eslint-plugin-turbo";
+import tseslint from "typescript-eslint";
+import onlyWarn from "eslint-plugin-only-warn";
+
+/**
+ * A shared ESLint configuration for the repository.
+ *
+ * @type {import("eslint").Linter.Config}
+ * */
+export const config = [
+  js.configs.recommended,
+  eslintConfigPrettier,
+  ...tseslint.configs.recommended,
+  {
+    plugins: {
+      turbo: turboPlugin,
+    },
+    rules: {
+      "turbo/no-undeclared-env-vars": "warn",
+      "@typescript-eslint/no-empty-object-type": "off"
+    },
+  },
+  {
+    plugins: {
+      onlyWarn,
+    },
+  },
+  {
+    ignores: ["dist/**"],
+  },
+];
diff --git a/packages/config/eslint/library.js b/packages/config/eslint/library.js
deleted file mode 100644
index 7986ec372..000000000
--- a/packages/config/eslint/library.js
+++ /dev/null
@@ -1,36 +0,0 @@
-const { resolve } = require("node:path");
-
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  extends: ["eslint:recommended", "prettier", "turbo"],
-  globals: {
-    React: true,
-    JSX: true,
-  },
-  env: {
-    node: true,
-  },
-  settings: {
-    "import/resolver": {
-      typescript: {
-        project,
-      },
-    },
-  },
-  ignorePatterns: [
-    // Ignore dotfiles
-    ".*.js",
-    "node_modules/",
-    "dist/",
-  ],
-  overrides: [
-    {
-      files: ["*.js?(x)", "*.ts?(x)"],
-      rules: {
-        "turbo/no-undeclared-env-vars": "off"
-      }
-    },
-  ],
-};
diff --git a/packages/config/eslint/next.js b/packages/config/eslint/next.js
index 6db018323..1997af7b6 100644
--- a/packages/config/eslint/next.js
+++ b/packages/config/eslint/next.js
@@ -1,33 +1,49 @@
-const { resolve } = require("node:path");
+import js from "@eslint/js";
+import eslintConfigPrettier from "eslint-config-prettier";
+import tseslint from "typescript-eslint";
+import pluginReactHooks from "eslint-plugin-react-hooks";
+import pluginReact from "eslint-plugin-react";
+import globals from "globals";
+import pluginNext from "@next/eslint-plugin-next";
+import { config as baseConfig } from "./base.js";
 
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  extends: [
-    "prettier",
-    "next/core-web-vitals",
-    "turbo",
-  ],
-  globals: {
-    React: true,
-    JSX: true,
+/**
+ * A custom ESLint configuration for libraries that use Next.js.
+ *
+ * @type {import("eslint").Linter.Config}
+ * */
+export const nextJsConfig = [
+  ...baseConfig,
+  js.configs.recommended,
+  eslintConfigPrettier,
+  ...tseslint.configs.recommended,
+  {
+    ...pluginReact.configs.flat.recommended,
+    languageOptions: {
+      ...pluginReact.configs.flat.recommended.languageOptions,
+      globals: {
+        ...globals.serviceworker,
+      },
+    },
   },
-  env: {
-    node: true,
-    browser: true,
+  {
+    plugins: {
+      "@next/next": pluginNext,
+    },
+    rules: {
+      ...pluginNext.configs.recommended.rules,
+      ...pluginNext.configs["core-web-vitals"].rules,
+    },
   },
-  settings: {
-    "import/resolver": {
-      typescript: {
-        project,
-      },
+  {
+    plugins: {
+      "react-hooks": pluginReactHooks,
+    },
+    settings: { react: { version: "detect" } },
+    rules: {
+      ...pluginReactHooks.configs.recommended.rules,
+      // React scope no longer necessary with new JSX transform.
+      "react/react-in-jsx-scope": "off",
     },
   },
-  ignorePatterns: [
-    // Ignore dotfiles
-    ".*.js",
-    "node_modules/",
-  ],
-  overrides: [{ files: ["*.js?(x)", "*.ts?(x)"] }],
-};
+];
diff --git a/packages/config/eslint/package.json b/packages/config/eslint/package.json
index b62af8e07..7e0b04046 100644
--- a/packages/config/eslint/package.json
+++ b/packages/config/eslint/package.json
@@ -1,15 +1,24 @@
 {
   "name": "@dotui/eslint-config",
   "version": "0.0.0",
+  "type": "module",
   "private": true,
-  "main": "next.js",
-  "files": [
-    "./next.js"
-  ],
-  "license": "MIT",
-  "dependencies": {
-    "eslint-config-next": "^14.0.4",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-turbo": "^2.1.3"
+  "exports": {
+    "./base": "./base.js",
+    "./next-js": "./next.js",
+    "./react-internal": "./react-internal.js"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.19.0",
+    "@next/eslint-plugin-next": "^15.1.6",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-only-warn": "^1.1.0",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-turbo": "^2.3.4",
+    "globals": "^15.14.0",
+    "typescript": "^5",
+    "typescript-eslint": "^8.22.0"
   }
 }
diff --git a/packages/config/eslint/react-internal.js b/packages/config/eslint/react-internal.js
index bfe05f095..0cc8b1d39 100644
--- a/packages/config/eslint/react-internal.js
+++ b/packages/config/eslint/react-internal.js
@@ -1,38 +1,39 @@
-const { resolve } = require("node:path");
+import js from "@eslint/js";
+import eslintConfigPrettier from "eslint-config-prettier";
+import tseslint from "typescript-eslint";
+import pluginReactHooks from "eslint-plugin-react-hooks";
+import pluginReact from "eslint-plugin-react";
+import globals from "globals";
+import { config as baseConfig } from "./base.js";
 
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/*
- * This is a custom ESLint configuration for use with
- * internal (bundled by their consumer) libraries
- * that utilize React.
- */
-
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  extends: ["eslint:recommended", "prettier", "turbo"],
-  globals: {
-    React: true,
-    JSX: true,
-  },
-  env: {
-    browser: true,
-  },
-  settings: {
-    "import/resolver": {
-      typescript: {
-        project,
+/**
+ * A custom ESLint configuration for libraries that use React.
+ *
+ * @type {import("eslint").Linter.Config} */
+export const config = [
+  ...baseConfig,
+  js.configs.recommended,
+  eslintConfigPrettier,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+  {
+    languageOptions: {
+      ...pluginReact.configs.flat.recommended.languageOptions,
+      globals: {
+        ...globals.serviceworker,
+        ...globals.browser,
       },
     },
   },
-  ignorePatterns: [
-    // Ignore dotfiles
-    ".*.js",
-    "node_modules/",
-    "dist/",
-  ],
-  overrides: [
-    // Force ESLint to detect .tsx files
-    { files: ["*.js?(x)", "*.ts?(x)"] },
-  ],
-};
+  {
+    plugins: {
+      "react-hooks": pluginReactHooks,
+    },
+    settings: { react: { version: "detect" } },
+    rules: {
+      ...pluginReactHooks.configs.recommended.rules,
+      // React scope no longer necessary with new JSX transform.
+      "react/react-in-jsx-scope": "off",
+    },
+  },
+];
diff --git a/packages/config/ts-config/README.md b/packages/config/ts-config/README.md
new file mode 100644
index 000000000..3743e05d7
--- /dev/null
+++ b/packages/config/ts-config/README.md
@@ -0,0 +1,3 @@
+# `@dotui/ts-config`
+
+Shared typescript configuration for dotUI.
diff --git a/packages/config/ts-config/base.json b/packages/config/ts-config/base.json
new file mode 100644
index 000000000..5117f2a3d
--- /dev/null
+++ b/packages/config/ts-config/base.json
@@ -0,0 +1,19 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "incremental": false,
+    "isolatedModules": true,
+    "lib": ["es2022", "DOM", "DOM.Iterable"],
+    "module": "NodeNext",
+    "moduleDetection": "force",
+    "moduleResolution": "NodeNext",
+    "noUncheckedIndexedAccess": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ES2022"
+  }
+}
diff --git a/packages/config/tsconfig/react-library.json b/packages/config/ts-config/nextjs.json
similarity index 56%
rename from packages/config/tsconfig/react-library.json
rename to packages/config/ts-config/nextjs.json
index 7b64587bd..e6defa48f 100644
--- a/packages/config/tsconfig/react-library.json
+++ b/packages/config/ts-config/nextjs.json
@@ -1,12 +1,12 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "React Library",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "lib": ["ES2015", "DOM"],
-    "module": "ESNext",
-    "target": "ES6",
-    "jsx": "react-jsx",
-    "noEmit": true
-  }
-}
\ No newline at end of file
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "plugins": [{ "name": "next" }],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "allowJs": true,
+    "jsx": "preserve",
+    "noEmit": true
+  }
+}
diff --git a/packages/config/ts-config/package.json b/packages/config/ts-config/package.json
new file mode 100644
index 000000000..efede6d46
--- /dev/null
+++ b/packages/config/ts-config/package.json
@@ -0,0 +1,8 @@
+{
+  "name": "@dotui/ts-config",
+  "version": "0.0.0",
+  "private": true,
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/packages/config/ts-config/react-library.json b/packages/config/ts-config/react-library.json
new file mode 100644
index 000000000..c3a1b26fb
--- /dev/null
+++ b/packages/config/ts-config/react-library.json
@@ -0,0 +1,7 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "jsx": "react-jsx"
+  }
+}
diff --git a/packages/config/tsconfig/README.md b/packages/config/tsconfig/README.md
deleted file mode 100644
index e69de29bb..000000000
diff --git a/packages/config/tsconfig/base.json b/packages/config/tsconfig/base.json
deleted file mode 100644
index 2ad26914d..000000000
--- a/packages/config/tsconfig/base.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Default",
-  "compilerOptions": {
-    "composite": false,
-    "declaration": true,
-    "declarationMap": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
-    "inlineSources": false,
-    "isolatedModules": true,
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "preserveWatchOutput": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "strictNullChecks": true
-  },
-  "exclude": ["node_modules"]
-}
\ No newline at end of file
diff --git a/packages/config/tsconfig/nextjs.json b/packages/config/tsconfig/nextjs.json
deleted file mode 100644
index d2580bd6a..000000000
--- a/packages/config/tsconfig/nextjs.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Next.js",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "plugins": [{ "name": "next" }],
-    "allowJs": true,
-    "declaration": false,
-    "declarationMap": false,
-    "incremental": true,
-    "jsx": "preserve",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "module": "esnext",
-    "resolveJsonModule": true,
-    "strict": true,
-    "target": "es5"
-  },
-  "include": ["src", "next-env.d.ts"],
-  "exclude": ["node_modules"]
-}
\ No newline at end of file
diff --git a/packages/config/tsconfig/package.json b/packages/config/tsconfig/package.json
deleted file mode 100644
index 5b6db17d6..000000000
--- a/packages/config/tsconfig/package.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "@dotui/ts-config",
-  "sideEffects": false,
-  "version": "0.0.0",
-  "private": true,
-  "main": "index.js",
-  "files": [
-    "base.json",
-    "nextjs.json",
-    "react-library.json"
-  ]
-}
diff --git a/packages/tailwindcss-rac/package.json b/packages/tailwindcss-rac/package.json
index 323347539..8541c154b 100644
--- a/packages/tailwindcss-rac/package.json
+++ b/packages/tailwindcss-rac/package.json
@@ -1,24 +1,27 @@
-{
-  "name": "tailwindcss-rac",
-  "version": "1.2.0",
-  "description": "A Tailwind plugin that adds variants for data attributes in React Aria Components compatible with tailwind v4",
-  "license": "Apache-2.0",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "source": "index.js",
-  "files": [
-    "dist",
-    "src"
-  ],
-  "sideEffects": false,
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/mehdibha/dotUI"
-  },
-  "peerDependencies": {
-    "tailwindcss": "*"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
+{
+  "name": "tailwindcss-rac",
+  "version": "1.2.0",
+  "description": "A Tailwind plugin that adds variants for data attributes in React Aria Components compatible with tailwind v4",
+  "license": "Apache-2.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "source": "index.js",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mehdibha/dotUI"
+  },
+  "peerDependencies": {
+    "tailwindcss": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "tailwindcss": "4.0.0"
+  }
 }
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index adb35562a..e104059cf 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -25,33 +25,24 @@ importers:
       '@commitlint/config-conventional':
         specifier: ^17.6.3
         version: 17.8.1
+      '@dotui/eslint-config':
+        specifier: workspace:*
+        version: link:packages/config/eslint
       '@manypkg/cli':
         specifier: ^0.21.4
         version: 0.21.4
       '@trivago/prettier-plugin-sort-imports':
         specifier: ^4.3.0
         version: 4.3.0(prettier@3.4.2)
-      eslint:
-        specifier: ^8
-        version: 8.57.1
-      eslint-config-next:
-        specifier: ^14.0.4
-        version: 14.2.23(eslint@8.57.1)(typescript@5.7.3)
-      eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.1)
-      eslint-config-turbo:
-        specifier: ^2.1.3
-        version: 2.3.3(eslint@8.57.1)
       prettier:
-        specifier: ^3.3.3
+        specifier: ^3.4.2
         version: 3.4.2
       prettier-plugin-tailwindcss:
-        specifier: ^0.6.8
-        version: 0.6.9(@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.4.2))(prettier@3.4.2)
+        specifier: ^0.6.11
+        version: 0.6.11(@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.4.2))(prettier@3.4.2)
       turbo:
-        specifier: ^2.0.12
-        version: 2.3.3
+        specifier: ^2.4.0
+        version: 2.4.0
 
   packages/cli:
     dependencies:
@@ -101,6 +92,9 @@ importers:
         specifier: ^3.22.4
         version: 3.24.1
     devDependencies:
+      '@dotui/eslint-config':
+        specifier: workspace:*
+        version: link:../config/eslint
       '@types/node':
         specifier: ^18.17.0
         version: 18.19.70
@@ -112,18 +106,42 @@ importers:
         version: 5.7.3
 
   packages/config/eslint:
-    dependencies:
-      eslint-config-next:
-        specifier: ^14.0.4
-        version: 14.2.23(eslint@8.57.1)(typescript@5.7.3)
+    devDependencies:
+      '@eslint/js':
+        specifier: ^9.19.0
+        version: 9.19.0
+      '@next/eslint-plugin-next':
+        specifier: ^15.1.6
+        version: 15.1.6
+      eslint:
+        specifier: ^9.19.0
+        version: 9.19.0(jiti@2.4.2)
       eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.1)
-      eslint-config-turbo:
-        specifier: ^2.1.3
-        version: 2.3.3(eslint@8.57.1)
+        specifier: ^10.0.1
+        version: 10.0.1(eslint@9.19.0(jiti@2.4.2))
+      eslint-plugin-only-warn:
+        specifier: ^1.1.0
+        version: 1.1.0
+      eslint-plugin-react:
+        specifier: ^7.37.4
+        version: 7.37.4(eslint@9.19.0(jiti@2.4.2))
+      eslint-plugin-react-hooks:
+        specifier: ^5.1.0
+        version: 5.1.0(eslint@9.19.0(jiti@2.4.2))
+      eslint-plugin-turbo:
+        specifier: ^2.3.4
+        version: 2.4.0(eslint@9.19.0(jiti@2.4.2))(turbo@2.4.0)
+      globals:
+        specifier: ^15.14.0
+        version: 15.14.0
+      typescript:
+        specifier: ^5
+        version: 5.7.3
+      typescript-eslint:
+        specifier: ^8.22.0
+        version: 8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
 
-  packages/config/tsconfig: {}
+  packages/config/ts-config: {}
 
   packages/schemas:
     dependencies:
@@ -132,10 +150,10 @@ importers:
         version: 3.24.1
 
   packages/tailwindcss-rac:
-    dependencies:
+    devDependencies:
       tailwindcss:
-        specifier: '*'
-        version: 3.4.17(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))
+        specifier: 4.0.0
+        version: 4.0.0
 
   www:
     dependencies:
@@ -280,7 +298,7 @@ importers:
         version: link:../packages/schemas
       '@dotui/ts-config':
         specifier: workspace:*
-        version: link:../packages/config/tsconfig
+        version: link:../packages/config/ts-config
       '@tailwindcss/postcss':
         specifier: 4.0.0
         version: 4.0.0
@@ -844,13 +862,29 @@ packages:
     resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/eslintrc@2.1.4':
-    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@eslint/config-array@0.19.2':
+    resolution: {integrity: sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/js@8.57.1':
-    resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@eslint/core@0.10.0':
+    resolution: {integrity: sha512-gFHJ+xBOo4G3WRlR1e/3G8A6/KZAH6zcE/hkLRCZTi/B9avAG365QhFA8uOGzTMqgTghpn7/fSnscW++dpMSAw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.2.0':
+    resolution: {integrity: sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.19.0':
+    resolution: {integrity: sha512-rbq9/g38qjfqFLOVPvwjIvFFdNziEC5S65jmjPw5r6A//QH+W91akh9irMwjDN8zKUTak6W9EsAv4m/7Wnw0UQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.6':
+    resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.2.5':
+    resolution: {integrity: sha512-lB05FkqEdUg2AA0xEbUz0SnkXT1LcCTa438W4IWTUh4hdOnVbQyOJ81OrDXsJk/LSiJHubgGEFoR5EHq1NsH1A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@formatjs/ecma402-abstract@2.3.2':
     resolution: {integrity: sha512-6sE5nyvDloULiyOMbOTJEEgWL32w+VHkZQs8S02Lnn8Y/O5aQhjOEXwWzvR7SsBE/exxlSpY2EsWZgqHbtLatg==}
@@ -872,18 +906,25 @@ packages:
     peerDependencies:
       react-hook-form: ^7.0.0
 
-  '@humanwhocodes/config-array@0.13.0':
-    resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
-    engines: {node: '>=10.10.0'}
-    deprecated: Use @eslint/config-array instead
+  '@humanfs/core@0.19.1':
+    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.6':
+    resolution: {integrity: sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==}
+    engines: {node: '>=18.18.0'}
 
   '@humanwhocodes/module-importer@1.0.1':
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
 
-  '@humanwhocodes/object-schema@2.0.3':
-    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
-    deprecated: Use @eslint/object-schema instead
+  '@humanwhocodes/retry@0.3.1':
+    resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
+    engines: {node: '>=18.18'}
+
+  '@humanwhocodes/retry@0.4.1':
+    resolution: {integrity: sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==}
+    engines: {node: '>=18.18'}
 
   '@img/sharp-darwin-arm64@0.33.5':
     resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
@@ -1056,8 +1097,8 @@ packages:
   '@next/env@15.1.4':
     resolution: {integrity: sha512-2fZ5YZjedi5AGaeoaC0B20zGntEHRhi2SdWcu61i48BllODcAmmtj8n7YarSPt4DaTsJaBFdxQAVEVzgmx2Zpw==}
 
-  '@next/eslint-plugin-next@14.2.23':
-    resolution: {integrity: sha512-efRC7m39GoiU1fXZRgGySqYbQi6ZyLkuGlvGst7IwkTTczehQTJA/7PoMg4MMjUZvZEGpiSEu+oJBAjPawiC3Q==}
+  '@next/eslint-plugin-next@15.1.6':
+    resolution: {integrity: sha512-+slMxhTgILUntZDGNgsKEYHUvpn72WP1YTlkmEhS51vnVd7S9jEEy0n9YAMcI21vUG4akTw9voWH02lrClt/yw==}
 
   '@next/swc-darwin-arm64@15.1.4':
     resolution: {integrity: sha512-wBEMBs+np+R5ozN1F8Y8d/Dycns2COhRnkxRc+rvnbXke5uZBHkUGFgWxfTXn5rx7OLijuUhyfB+gC/ap58dDw==}
@@ -1119,10 +1160,6 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@nolyfill/is-core-module@1.0.39':
-    resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
-    engines: {node: '>=12.4.0'}
-
   '@orama/orama@2.1.1':
     resolution: {integrity: sha512-euTV/2kya290SNkl5m8e/H1na8iDygk74nNtl4E0YZNyYIrEMwE1JwamoroMKGZw2Uz+in/8gH3m1+2YfP0j1w==}
     engines: {node: '>= 16.0.0'}
@@ -2541,12 +2578,6 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@rtsao/scc@1.1.0':
-    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
-
-  '@rushstack/eslint-patch@1.10.5':
-    resolution: {integrity: sha512-kkKUDVlII2DQiKy7UstOR1ErJP8kUKAQ4oa+SQtM0K+lPdmmjj0YnnxBgtTVYH7mUKtbsxeFC9y0AmK7Yb78/A==}
-
   '@sec-ant/readable-stream@0.4.1':
     resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
 
@@ -2716,8 +2747,8 @@ packages:
   '@types/http-cache-semantics@4.0.4':
     resolution: {integrity: sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==}
 
-  '@types/json5@0.0.29':
-    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
   '@types/jsonfile@6.1.4':
     resolution: {integrity: sha512-D5qGUYwjvnNNextdU59/+fI+spnwtTFmyQP0h+PfIOSkNfpU6AOICUOkm4i0OnSk+NyjdPJrxCDro0sJsWlRpQ==}
@@ -2743,9 +2774,6 @@ packages:
   '@types/node@20.5.1':
     resolution: {integrity: sha512-4tT2UrL5LBqDwoed9wZ6N3umC4Yhz3W3FloMmiiG4JwmUJWpie0c7lcnUNd4gtMKuDEO4wRVS8B6Xa0uMRsMKg==}
 
-  '@types/node@22.8.1':
-    resolution: {integrity: sha512-k6Gi8Yyo8EtrNtkHXutUu2corfDf9su95VYVP10aGYMMROM6SAItZi0w1XszA6RtWTHSVp5OeFof37w0IEqCQg==}
-
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
 
@@ -2766,51 +2794,51 @@ packages:
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
-  '@typescript-eslint/eslint-plugin@8.19.1':
-    resolution: {integrity: sha512-tJzcVyvvb9h/PB96g30MpxACd9IrunT7GF9wfA9/0TJ1LxGOJx1TdPzSbBBnNED7K9Ka8ybJsnEpiXPktolTLg==}
+  '@typescript-eslint/eslint-plugin@8.22.0':
+    resolution: {integrity: sha512-4Uta6REnz/xEJMvwf72wdUnC3rr4jAQf5jnTkeRQ9b6soxLxhDEbS/pfMPoJLDfFPNVRdryqWUIV/2GZzDJFZw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.8.0'
 
-  '@typescript-eslint/parser@8.19.1':
-    resolution: {integrity: sha512-67gbfv8rAwawjYx3fYArwldTQKoYfezNUT4D5ioWetr/xCrxXxvleo3uuiFuKfejipvq+og7mjz3b0G2bVyUCw==}
+  '@typescript-eslint/parser@8.22.0':
+    resolution: {integrity: sha512-MqtmbdNEdoNxTPzpWiWnqNac54h8JDAmkWtJExBVVnSrSmi9z+sZUt0LfKqk9rjqmKOIeRhO4fHHJ1nQIjduIQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.8.0'
 
-  '@typescript-eslint/scope-manager@8.19.1':
-    resolution: {integrity: sha512-60L9KIuN/xgmsINzonOcMDSB8p82h95hoBfSBtXuO4jlR1R9L1xSkmVZKgCPVfavDlXihh4ARNjXhh1gGnLC7Q==}
+  '@typescript-eslint/scope-manager@8.22.0':
+    resolution: {integrity: sha512-/lwVV0UYgkj7wPSw0o8URy6YI64QmcOdwHuGuxWIYznO6d45ER0wXUbksr9pYdViAofpUCNJx/tAzNukgvaaiQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/type-utils@8.19.1':
-    resolution: {integrity: sha512-Rp7k9lhDKBMRJB/nM9Ksp1zs4796wVNyihG9/TU9R6KCJDNkQbc2EOKjrBtLYh3396ZdpXLtr/MkaSEmNMtykw==}
+  '@typescript-eslint/type-utils@8.22.0':
+    resolution: {integrity: sha512-NzE3aB62fDEaGjaAYZE4LH7I1MUwHooQ98Byq0G0y3kkibPJQIXVUspzlFOmOfHhiDLwKzMlWxaNv+/qcZurJA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.8.0'
 
-  '@typescript-eslint/types@8.19.1':
-    resolution: {integrity: sha512-JBVHMLj7B1K1v1051ZaMMgLW4Q/jre5qGK0Ew6UgXz1Rqh+/xPzV1aW581OM00X6iOfyr1be+QyW8LOUf19BbA==}
+  '@typescript-eslint/types@8.22.0':
+    resolution: {integrity: sha512-0S4M4baNzp612zwpD4YOieP3VowOARgK2EkN/GBn95hpyF8E2fbMT55sRHWBq+Huaqk3b3XK+rxxlM8sPgGM6A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.19.1':
-    resolution: {integrity: sha512-jk/TZwSMJlxlNnqhy0Eod1PNEvCkpY6MXOXE/WLlblZ6ibb32i2We4uByoKPv1d0OD2xebDv4hbs3fm11SMw8Q==}
+  '@typescript-eslint/typescript-estree@8.22.0':
+    resolution: {integrity: sha512-SJX99NAS2ugGOzpyhMza/tX+zDwjvwAtQFLsBo3GQxiGcvaKlqGBkmZ+Y1IdiSi9h4Q0Lr5ey+Cp9CGWNY/F/w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <5.8.0'
 
-  '@typescript-eslint/utils@8.19.1':
-    resolution: {integrity: sha512-IxG5gLO0Ne+KaUc8iW1A+XuKLd63o4wlbI1Zp692n1xojCl/THvgIKXJXBZixTh5dd5+yTJ/VXH7GJaaw21qXA==}
+  '@typescript-eslint/utils@8.22.0':
+    resolution: {integrity: sha512-T8oc1MbF8L+Bk2msAvCUzjxVB2Z2f+vXYfcucE2wOmYs7ZUwco5Ep0fYZw8quNwOiw9K8GYVL+Kgc2pETNTLOg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.8.0'
 
-  '@typescript-eslint/visitor-keys@8.19.1':
-    resolution: {integrity: sha512-fzmjU8CHK853V/avYZAvuVut3ZTfwN5YtMaoi+X9Y9MA9keaWNHC3zEQ9zvyX/7Hj+5JkNyK1l7TOR2hevHB6Q==}
+  '@typescript-eslint/visitor-keys@8.22.0':
+    resolution: {integrity: sha512-AWpYAXnUgvLNabGTy3uBylkgZoosva/miNd1I8Bz3SjotmQPbVqhO4Cczo8AsZ44XVErEBPr/CRSgaj8sG7g0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@ungap/structured-clone@1.2.1':
@@ -2893,19 +2921,12 @@ packages:
   any-promise@1.3.0:
     resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
 
-  anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-
   apca-w3@0.1.9:
     resolution: {integrity: sha512-Zrf6AeBeQjNe/fxK7U1jCo5zfdjDl6T4/kdw5Xlky3G7u+EJTZkyItjMYQGtwf9pkftsINxcYyOpuLkzKf1ITQ==}
 
   arg@4.1.3:
     resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
 
-  arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-
   argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
 
@@ -2916,10 +2937,6 @@ packages:
     resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
     engines: {node: '>=10'}
 
-  aria-query@5.3.2:
-    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
-    engines: {node: '>= 0.4'}
-
   array-buffer-byte-length@1.0.2:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
@@ -2939,10 +2956,6 @@ packages:
     resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
     engines: {node: '>= 0.4'}
 
-  array.prototype.findlastindex@1.2.5:
-    resolution: {integrity: sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==}
-    engines: {node: '>= 0.4'}
-
   array.prototype.flat@1.3.3:
     resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
     engines: {node: '>= 0.4'}
@@ -2963,9 +2976,6 @@ packages:
     resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
     engines: {node: '>=0.10.0'}
 
-  ast-types-flow@0.0.8:
-    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
-
   astring@1.9.0:
     resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
     hasBin: true
@@ -2981,14 +2991,6 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axe-core@4.10.2:
-    resolution: {integrity: sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==}
-    engines: {node: '>=4'}
-
-  axobject-query@4.1.0:
-    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
-    engines: {node: '>= 0.4'}
-
   babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105:
     resolution: {integrity: sha512-38qEX4e1nNOZ9K7rVAF4VVijcjTHBbRHd+ftYpfim2Oabitd1NGjvrL0bnwFymDTBB4MqswqIHTYjYfuy1OeTQ==}
 
@@ -3002,10 +3004,6 @@ packages:
     resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
     engines: {node: '>=4'}
 
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
 
@@ -3062,10 +3060,6 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  camelcase-css@2.0.1:
-    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
-    engines: {node: '>= 6'}
-
   camelcase-keys@6.2.2:
     resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
     engines: {node: '>=8'}
@@ -3103,10 +3097,6 @@ packages:
   chardet@0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
 
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
-
   chokidar@4.0.3:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
@@ -3247,17 +3237,9 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
-  cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
-    hasBin: true
-
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
-  damerau-levenshtein@1.0.8:
-    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
-
   dargs@7.0.0:
     resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
     engines: {node: '>=8'}
@@ -3277,14 +3259,6 @@ packages:
   dataloader@1.4.0:
     resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
 
-  debug@3.2.7:
-    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
   debug@4.4.0:
     resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
     engines: {node: '>=6.0'}
@@ -3358,9 +3332,6 @@ packages:
   devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
-  didyoumean@1.2.2:
-    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
-
   diff@4.0.2:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
     engines: {node: '>=0.3.1'}
@@ -3369,17 +3340,10 @@ packages:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
 
-  dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-
   doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
 
-  doctrine@3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
-
   dot-prop@5.3.0:
     resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
     engines: {node: '>=8'}
@@ -3489,99 +3453,37 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
-  eslint-config-next@14.2.23:
-    resolution: {integrity: sha512-qtWJzOsDZxnLtXLNtnVjbutHmnEp6QTTSZBTlTCge/Wy0AsUaq8nwR91dBcZZvFg3eY3zKFPBhUkLMHu3Qpauw==}
-    peerDependencies:
-      eslint: ^7.23.0 || ^8.0.0
-      typescript: '>=3.3.1'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  eslint-config-prettier@9.1.0:
-    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
+  eslint-config-prettier@10.0.1:
+    resolution: {integrity: sha512-lZBts941cyJyeaooiKxAtzoPHTN+GbQTJFAIdQbRhA4/8whaAraEh47Whw/ZFfrjNSnlAxqfm9i0XVAEkULjCw==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
 
-  eslint-config-turbo@2.3.3:
-    resolution: {integrity: sha512-cM9wSBYowQIrjx2MPCzFE6jTnG4vpTPJKZ/O+Ps3CqrmGK/wtNOsY6WHGMwLtKY/nNbgRahAJH6jGVF6k2coOg==}
-    peerDependencies:
-      eslint: '>6.6.0'
-
-  eslint-import-resolver-node@0.3.9:
-    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
-
-  eslint-import-resolver-typescript@3.7.0:
-    resolution: {integrity: sha512-Vrwyi8HHxY97K5ebydMtffsWAn1SCR9eol49eCd5fJS4O1WV7PaAjbcjmbfJJSMz/t4Mal212Uz/fQZrOB8mow==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-      eslint-plugin-import-x: '*'
-    peerDependenciesMeta:
-      eslint-plugin-import:
-        optional: true
-      eslint-plugin-import-x:
-        optional: true
-
-  eslint-module-utils@2.12.0:
-    resolution: {integrity: sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-      eslint:
-        optional: true
-      eslint-import-resolver-node:
-        optional: true
-      eslint-import-resolver-typescript:
-        optional: true
-      eslint-import-resolver-webpack:
-        optional: true
-
-  eslint-plugin-import@2.31.0:
-    resolution: {integrity: sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-
-  eslint-plugin-jsx-a11y@6.10.2:
-    resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
+  eslint-plugin-only-warn@1.1.0:
+    resolution: {integrity: sha512-2tktqUAT+Q3hCAU0iSf4xAN1k9zOpjK5WO8104mB0rT/dGhOa09582HN5HlbxNbPRZ0THV7nLGvzugcNOSjzfA==}
+    engines: {node: '>=6'}
 
-  eslint-plugin-react-hooks@5.0.0-canary-7118f5dd7-20230705:
-    resolution: {integrity: sha512-AZYbMo/NW9chdL7vk6HQzQhT+PvTAEVqWk9ziruUoW2kAOcN5qNyelv70e0F1VNQAbvutOC9oc+xfWycI9FxDw==}
+  eslint-plugin-react-hooks@5.1.0:
+    resolution: {integrity: sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==}
     engines: {node: '>=10'}
     peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
-  eslint-plugin-react@7.37.3:
-    resolution: {integrity: sha512-DomWuTQPFYZwF/7c9W2fkKkStqZmBd3uugfqBYLdkZ3Hii23WzZuOLUskGxB8qkSKqftxEeGL1TB2kMhrce0jA==}
+  eslint-plugin-react@7.37.4:
+    resolution: {integrity: sha512-BGP0jRmfYyvOyvMoRX/uoUeW+GqNj9y16bPQzqAHf3AYII/tDs+jMN0dBVkl88/OZwNGwrVFxE7riHsXVfy/LQ==}
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
 
-  eslint-plugin-turbo@2.3.3:
-    resolution: {integrity: sha512-j8UEA0Z+NNCsjZep9G5u5soDQHcXq/x4amrwulk6eHF1U91H2qAjp5I4jQcvJewmccCJbVp734PkHHTRnosjpg==}
+  eslint-plugin-turbo@2.4.0:
+    resolution: {integrity: sha512-qCgoRi/OTc1VMxab7+sdKiV1xlkY4qjK9sM+kS7+WogrB1DxLguJSQXvk4HA13SD5VmJsq+8FYOw5q4EUk6Ixg==}
     peerDependencies:
       eslint: '>6.6.0'
+      turbo: '>2.0.0'
 
-  eslint-scope@7.2.2:
-    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  eslint-scope@8.2.0:
+    resolution: {integrity: sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   eslint-visitor-keys@3.4.3:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
@@ -3591,15 +3493,19 @@ packages:
     resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@8.57.1:
-    resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
+  eslint@9.19.0:
+    resolution: {integrity: sha512-ug92j0LepKlbbEv6hD911THhoRHmbdXt2gX+VDABAW/Ir7D3nqKdv5Pf5vtlyY6HQMTEP2skXY43ueqTCWssEA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
 
-  espree@9.6.1:
-    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  espree@10.3.0:
+    resolution: {integrity: sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
@@ -3671,6 +3577,10 @@ packages:
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
+  fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+
   fast-glob@3.3.3:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
@@ -3699,9 +3609,9 @@ packages:
     resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
     engines: {node: '>=18'}
 
-  file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
 
   fill-range@7.1.1:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
@@ -3715,9 +3625,9 @@ packages:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
-  flat-cache@3.2.0:
-    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
-    engines: {node: ^10.12.0 || >=12.0.0}
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
 
   flatted@3.3.2:
     resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
@@ -3766,9 +3676,6 @@ packages:
     resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
     engines: {node: '>=6 <7 || >=8'}
 
-  fs.realpath@1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -3873,11 +3780,6 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
-  glob@10.3.10:
-    resolution: {integrity: sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
   glob@10.4.5:
     resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
     hasBin: true
@@ -3887,10 +3789,6 @@ packages:
     engines: {node: 20 || >=22}
     hasBin: true
 
-  glob@7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    deprecated: Glob versions prior to v9 are no longer supported
-
   global-dirs@0.1.1:
     resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
     engines: {node: '>=4'}
@@ -3899,9 +3797,13 @@ packages:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
 
-  globals@13.24.0:
-    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
-    engines: {node: '>=8'}
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@15.14.0:
+    resolution: {integrity: sha512-OkToC372DtlQeje9/zHIo5CT8lRP/FUgEOKBEhU4e0abL7J7CD24fD9ohiLN5hagG/kWCYj4K5oaxxtj2Z0Dig==}
+    engines: {node: '>=18'}
 
   globalthis@1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
@@ -4041,10 +3943,6 @@ packages:
     resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
     engines: {node: '>=8'}
 
-  inflight@1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
-    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
-
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
@@ -4085,17 +3983,10 @@ packages:
     resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
     engines: {node: '>= 0.4'}
 
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
   is-boolean-object@1.2.1:
     resolution: {integrity: sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==}
     engines: {node: '>= 0.4'}
 
-  is-bun-module@1.3.0:
-    resolution: {integrity: sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==}
-
   is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
@@ -4158,10 +4049,6 @@ packages:
     resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
     engines: {node: '>=8'}
 
-  is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
-    engines: {node: '>=8'}
-
   is-plain-obj@1.1.0:
     resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
     engines: {node: '>=0.10.0'}
@@ -4240,10 +4127,6 @@ packages:
     resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
     engines: {node: '>= 0.4'}
 
-  jackspeak@2.3.6:
-    resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
-    engines: {node: '>=14'}
-
   jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
@@ -4254,10 +4137,6 @@ packages:
   javascript-natural-sort@0.7.1:
     resolution: {integrity: sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==}
 
-  jiti@1.21.7:
-    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
-    hasBin: true
-
   jiti@2.4.2:
     resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
@@ -4323,10 +4202,6 @@ packages:
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
-  json5@1.0.2:
-    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
-    hasBin: true
-
   json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
@@ -4353,13 +4228,6 @@ packages:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
 
-  language-subtag-registry@0.3.23:
-    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
-
-  language-tags@1.0.9:
-    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
-    engines: {node: '>=0.10'}
-
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -4866,10 +4734,6 @@ packages:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
 
-  object-hash@3.0.0:
-    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
-    engines: {node: '>= 6'}
-
   object-inspect@1.13.3:
     resolution: {integrity: sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==}
     engines: {node: '>= 0.4'}
@@ -4890,17 +4754,10 @@ packages:
     resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
     engines: {node: '>= 0.4'}
 
-  object.groupby@1.0.3:
-    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
-    engines: {node: '>= 0.4'}
-
   object.values@1.2.1:
     resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
-  once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
-
   onetime@5.1.2:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
@@ -4998,10 +4855,6 @@ packages:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
 
-  path-is-absolute@1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
-
   path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
@@ -5036,10 +4889,6 @@ packages:
     resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
     engines: {node: '>=12'}
 
-  pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-
   pify@4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
@@ -5052,30 +4901,6 @@ packages:
     resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
     engines: {node: '>= 0.4'}
 
-  postcss-import@15.1.0:
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-
-  postcss-js@4.0.1:
-    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
-    engines: {node: ^12 || ^14 || >= 16}
-    peerDependencies:
-      postcss: ^8.4.21
-
-  postcss-load-config@4.0.2:
-    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
-    engines: {node: '>= 14'}
-    peerDependencies:
-      postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
-
   postcss-load-config@6.0.1:
     resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
     engines: {node: '>= 18'}
@@ -5094,16 +4919,6 @@ packages:
       yaml:
         optional: true
 
-  postcss-nested@6.2.0:
-    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
-
-  postcss-selector-parser@6.1.2:
-    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
-    engines: {node: '>=4'}
-
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
@@ -5119,15 +4934,15 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
-  prettier-plugin-tailwindcss@0.6.9:
-    resolution: {integrity: sha512-r0i3uhaZAXYP0At5xGfJH876W3HHGHDp+LCRUJrs57PBeQ6mYHMwr25KH8NPX44F2yGTvdnH7OqCshlQx183Eg==}
+  prettier-plugin-tailwindcss@0.6.11:
+    resolution: {integrity: sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA==}
     engines: {node: '>=14.21.3'}
     peerDependencies:
       '@ianvs/prettier-plugin-sort-imports': '*'
       '@prettier/plugin-pug': '*'
       '@shopify/prettier-plugin-liquid': '*'
       '@trivago/prettier-plugin-sort-imports': '*'
-      '@zackad/prettier-plugin-twig-melody': '*'
+      '@zackad/prettier-plugin-twig': '*'
       prettier: ^3.0
       prettier-plugin-astro: '*'
       prettier-plugin-css-order: '*'
@@ -5149,7 +4964,7 @@ packages:
         optional: true
       '@trivago/prettier-plugin-sort-imports':
         optional: true
-      '@zackad/prettier-plugin-twig-melody':
+      '@zackad/prettier-plugin-twig':
         optional: true
       prettier-plugin-astro:
         optional: true
@@ -5314,9 +5129,6 @@ packages:
     resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
     engines: {node: '>=0.10.0'}
 
-  read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-
   read-pkg-up@7.0.1:
     resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
     engines: {node: '>=8'}
@@ -5333,10 +5145,6 @@ packages:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
 
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
   readdirp@4.0.2:
     resolution: {integrity: sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==}
     engines: {node: '>= 14.16.0'}
@@ -5449,11 +5257,6 @@ packages:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  rimraf@3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    deprecated: Rimraf versions prior to v4 are no longer supported
-    hasBin: true
-
   rimraf@6.0.1:
     resolution: {integrity: sha512-9dkvaxAsk/xNXSJzMgFqqMCuFgt2+KsOFek3TMLfo8NCPfWpBmqwyNn5Y+NX56QUYfCtsyhF3ayiboEoUmJk/A==}
     engines: {node: 20 || >=22}
@@ -5627,9 +5430,6 @@ packages:
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
-  stable-hash@0.0.4:
-    resolution: {integrity: sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==}
-
   streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
@@ -5642,10 +5442,6 @@ packages:
     resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
     engines: {node: '>=12'}
 
-  string.prototype.includes@2.0.1:
-    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
-    engines: {node: '>= 0.4'}
-
   string.prototype.matchall@4.0.12:
     resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
@@ -5757,11 +5553,6 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
 
-  tailwindcss@3.4.17:
-    resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
-
   tailwindcss@4.0.0:
     resolution: {integrity: sha512-ULRPI3A+e39T7pSaf1xoi58AqqJxVCLg8F/uM5A3FadUbnyDTgltVnXJvdkTjwCOGA6NazqHVcwPJC5h2vRYVQ==}
 
@@ -5777,9 +5568,6 @@ packages:
     resolution: {integrity: sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==}
     engines: {node: '>=0.10'}
 
-  text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-
   thenify-all@1.6.0:
     resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
     engines: {node: '>=0.8'}
@@ -5858,9 +5646,6 @@ packages:
       '@swc/wasm':
         optional: true
 
-  tsconfig-paths@3.15.0:
-    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
-
   tsconfig-paths@4.2.0:
     resolution: {integrity: sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==}
     engines: {node: '>=6'}
@@ -5892,38 +5677,38 @@ packages:
     engines: {node: '>=18.0.0'}
     hasBin: true
 
-  turbo-darwin-64@2.3.3:
-    resolution: {integrity: sha512-bxX82xe6du/3rPmm4aCC5RdEilIN99VUld4HkFQuw+mvFg6darNBuQxyWSHZTtc25XgYjQrjsV05888w1grpaA==}
+  turbo-darwin-64@2.4.0:
+    resolution: {integrity: sha512-kVMScnPUa3R4n7woNmkR15kOY0aUwCLJcUyH5UC59ggKqr5HIHwweKYK8N1pwBQso0LQF4I9i93hIzfJguCcwQ==}
     cpu: [x64]
     os: [darwin]
 
-  turbo-darwin-arm64@2.3.3:
-    resolution: {integrity: sha512-DYbQwa3NsAuWkCUYVzfOUBbSUBVQzH5HWUFy2Kgi3fGjIWVZOFk86ss+xsWu//rlEAfYwEmopigsPYSmW4X15A==}
+  turbo-darwin-arm64@2.4.0:
+    resolution: {integrity: sha512-8JObIpfun1guA7UlFR5jC/SOVm49lRscxMxfg5jZ5ABft79rhFC+ygN9AwAhGKv6W2DUhIh2xENkSgu4EDmUyg==}
     cpu: [arm64]
     os: [darwin]
 
-  turbo-linux-64@2.3.3:
-    resolution: {integrity: sha512-eHj9OIB0dFaP6BxB88jSuaCLsOQSYWBgmhy2ErCu6D2GG6xW3b6e2UWHl/1Ho9FsTg4uVgo4DB9wGsKa5erjUA==}
+  turbo-linux-64@2.4.0:
+    resolution: {integrity: sha512-xWDGGcRlBuGV7HXWAVuTY6vsQi4aZxGMAnuiuNDg8Ij1aHGohOM0RUsWMXjxz4vuJmjk9+/D6NQqHH3AJEXezg==}
     cpu: [x64]
     os: [linux]
 
-  turbo-linux-arm64@2.3.3:
-    resolution: {integrity: sha512-NmDE/NjZoDj1UWBhMtOPmqFLEBKhzGS61KObfrDEbXvU3lekwHeoPvAMfcovzswzch+kN2DrtbNIlz+/rp8OCg==}
+  turbo-linux-arm64@2.4.0:
+    resolution: {integrity: sha512-c3En99xMguc/Pdtk/rZP53LnDdw0W6lgUc04he8r8F+UHYSNvgzHh0WGXXmCC6lGbBH72kPhhGx4bAwyvi7dug==}
     cpu: [arm64]
     os: [linux]
 
-  turbo-windows-64@2.3.3:
-    resolution: {integrity: sha512-O2+BS4QqjK3dOERscXqv7N2GXNcqHr9hXumkMxDj/oGx9oCatIwnnwx34UmzodloSnJpgSqjl8iRWiY65SmYoQ==}
+  turbo-windows-64@2.4.0:
+    resolution: {integrity: sha512-/gOORuOlyA8JDPzyA16CD3wvyRcuBFePa1URAnFUof9hXQmKxK0VvSDO79cYZFsJSchCKNJpckUS0gYxGsWwoA==}
     cpu: [x64]
     os: [win32]
 
-  turbo-windows-arm64@2.3.3:
-    resolution: {integrity: sha512-dW4ZK1r6XLPNYLIKjC4o87HxYidtRRcBeo/hZ9Wng2XM/MqqYkAyzJXJGgRMsc0MMEN9z4+ZIfnSNBrA0b08ag==}
+  turbo-windows-arm64@2.4.0:
+    resolution: {integrity: sha512-/DJIdTFijEMM5LSiEpSfarDOMOlYqJV+EzmppqWtHqDsOLF4hbbIBH9sJR6OOp5dURAu5eURBYdmvBRz9Lo6TA==}
     cpu: [arm64]
     os: [win32]
 
-  turbo@2.3.3:
-    resolution: {integrity: sha512-DUHWQAcC8BTiUZDRzAYGvpSpGLiaOQPfYXlCieQbwUvmml/LRGIe3raKdrOPOoiX0DYlzxs2nH6BoWJoZrj8hA==}
+  turbo@2.4.0:
+    resolution: {integrity: sha512-ah/yQp2oMif1X0u7fBJ4MLMygnkbKnW5O8SG6pJvloPCpHfFoZctkSVQiJ3VnvNTq71V2JJIdwmOeu1i34OQyg==}
     hasBin: true
 
   type-check@0.4.0:
@@ -5934,10 +5719,6 @@ packages:
     resolution: {integrity: sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==}
     engines: {node: '>=10'}
 
-  type-fest@0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-
   type-fest@0.6.0:
     resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
     engines: {node: '>=8'}
@@ -5966,6 +5747,13 @@ packages:
     resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
+  typescript-eslint@8.22.0:
+    resolution: {integrity: sha512-Y2rj210FW1Wb6TWXzQc5+P+EWI9/zdS57hLEc0gnyuvdzWo8+Y8brKlbj0muejonhMI/xAZCnZZwjbIfv1CkOw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.8.0'
+
   typescript@5.7.3:
     resolution: {integrity: sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==}
     engines: {node: '>=14.17'}
@@ -5978,9 +5766,6 @@ packages:
   undici-types@5.26.5:
     resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
 
-  undici-types@6.19.8:
-    resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
-
   unicorn-magic@0.3.0:
     resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
     engines: {node: '>=18'}
@@ -6115,9 +5900,6 @@ packages:
     resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
     engines: {node: '>=12'}
 
-  wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-
   y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
@@ -6712,19 +6494,31 @@ snapshots:
   '@esbuild/win32-x64@0.24.2':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.1(eslint@8.57.1)':
+  '@eslint-community/eslint-utils@4.4.1(eslint@9.19.0(jiti@2.4.2))':
     dependencies:
-      eslint: 8.57.1
+      eslint: 9.19.0(jiti@2.4.2)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
 
-  '@eslint/eslintrc@2.1.4':
+  '@eslint/config-array@0.19.2':
+    dependencies:
+      '@eslint/object-schema': 2.1.6
+      debug: 4.4.0
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/core@0.10.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.2.0':
     dependencies:
       ajv: 6.12.6
       debug: 4.4.0
-      espree: 9.6.1
-      globals: 13.24.0
+      espree: 10.3.0
+      globals: 14.0.0
       ignore: 5.3.2
       import-fresh: 3.3.0
       js-yaml: 4.1.0
@@ -6733,7 +6527,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@8.57.1': {}
+  '@eslint/js@9.19.0': {}
+
+  '@eslint/object-schema@2.1.6': {}
+
+  '@eslint/plugin-kit@0.2.5':
+    dependencies:
+      '@eslint/core': 0.10.0
+      levn: 0.4.1
 
   '@formatjs/ecma402-abstract@2.3.2':
     dependencies:
@@ -6765,17 +6566,18 @@ snapshots:
     dependencies:
       react-hook-form: 7.54.2(react@19.0.0)
 
-  '@humanwhocodes/config-array@0.13.0':
+  '@humanfs/core@0.19.1': {}
+
+  '@humanfs/node@0.16.6':
     dependencies:
-      '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.4.0
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.3.1
 
   '@humanwhocodes/module-importer@1.0.1': {}
 
-  '@humanwhocodes/object-schema@2.0.3': {}
+  '@humanwhocodes/retry@0.3.1': {}
+
+  '@humanwhocodes/retry@0.4.1': {}
 
   '@img/sharp-darwin-arm64@0.33.5':
     optionalDependencies:
@@ -6979,9 +6781,9 @@ snapshots:
 
   '@next/env@15.1.4': {}
 
-  '@next/eslint-plugin-next@14.2.23':
+  '@next/eslint-plugin-next@15.1.6':
     dependencies:
-      glob: 10.3.10
+      fast-glob: 3.3.1
 
   '@next/swc-darwin-arm64@15.1.4':
     optional: true
@@ -7019,8 +6821,6 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.18.0
 
-  '@nolyfill/is-core-module@1.0.39': {}
-
   '@orama/orama@2.1.1': {}
 
   '@oxc-transform/binding-darwin-arm64@0.47.1':
@@ -9210,10 +9010,6 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.32.1':
     optional: true
 
-  '@rtsao/scc@1.1.0': {}
-
-  '@rushstack/eslint-patch@1.10.5': {}
-
   '@sec-ant/readable-stream@0.4.1': {}
 
   '@shikijs/core@2.2.0':
@@ -9392,7 +9188,7 @@ snapshots:
 
   '@types/http-cache-semantics@4.0.4': {}
 
-  '@types/json5@0.0.29': {}
+  '@types/json-schema@7.0.15': {}
 
   '@types/jsonfile@6.1.4':
     dependencies:
@@ -9416,11 +9212,6 @@ snapshots:
 
   '@types/node@20.5.1': {}
 
-  '@types/node@22.8.1':
-    dependencies:
-      undici-types: 6.19.8
-    optional: true
-
   '@types/normalize-package-data@2.4.4': {}
 
   '@types/react-dom@19.0.2(@types/react@19.0.4)':
@@ -9437,15 +9228,15 @@ snapshots:
 
   '@types/unist@3.0.3': {}
 
-  '@typescript-eslint/eslint-plugin@8.19.1(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint@8.57.1)(typescript@5.7.3)':
+  '@typescript-eslint/eslint-plugin@8.22.0(@typescript-eslint/parser@8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
-      '@typescript-eslint/scope-manager': 8.19.1
-      '@typescript-eslint/type-utils': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.19.1
-      eslint: 8.57.1
+      '@typescript-eslint/parser': 8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/scope-manager': 8.22.0
+      '@typescript-eslint/type-utils': 8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/visitor-keys': 8.22.0
+      eslint: 9.19.0(jiti@2.4.2)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -9454,40 +9245,40 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3)':
+  '@typescript-eslint/parser@8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.19.1
-      '@typescript-eslint/types': 8.19.1
-      '@typescript-eslint/typescript-estree': 8.19.1(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.19.1
+      '@typescript-eslint/scope-manager': 8.22.0
+      '@typescript-eslint/types': 8.22.0
+      '@typescript-eslint/typescript-estree': 8.22.0(typescript@5.7.3)
+      '@typescript-eslint/visitor-keys': 8.22.0
       debug: 4.4.0
-      eslint: 8.57.1
+      eslint: 9.19.0(jiti@2.4.2)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.19.1':
+  '@typescript-eslint/scope-manager@8.22.0':
     dependencies:
-      '@typescript-eslint/types': 8.19.1
-      '@typescript-eslint/visitor-keys': 8.19.1
+      '@typescript-eslint/types': 8.22.0
+      '@typescript-eslint/visitor-keys': 8.22.0
 
-  '@typescript-eslint/type-utils@8.19.1(eslint@8.57.1)(typescript@5.7.3)':
+  '@typescript-eslint/type-utils@8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.19.1(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
+      '@typescript-eslint/typescript-estree': 8.22.0(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
       debug: 4.4.0
-      eslint: 8.57.1
+      eslint: 9.19.0(jiti@2.4.2)
       ts-api-utils: 2.0.0(typescript@5.7.3)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.19.1': {}
+  '@typescript-eslint/types@8.22.0': {}
 
-  '@typescript-eslint/typescript-estree@8.19.1(typescript@5.7.3)':
+  '@typescript-eslint/typescript-estree@8.22.0(typescript@5.7.3)':
     dependencies:
-      '@typescript-eslint/types': 8.19.1
-      '@typescript-eslint/visitor-keys': 8.19.1
+      '@typescript-eslint/types': 8.22.0
+      '@typescript-eslint/visitor-keys': 8.22.0
       debug: 4.4.0
       fast-glob: 3.3.3
       is-glob: 4.0.3
@@ -9498,20 +9289,20 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.19.1(eslint@8.57.1)(typescript@5.7.3)':
+  '@typescript-eslint/utils@8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
-      '@typescript-eslint/scope-manager': 8.19.1
-      '@typescript-eslint/types': 8.19.1
-      '@typescript-eslint/typescript-estree': 8.19.1(typescript@5.7.3)
-      eslint: 8.57.1
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0(jiti@2.4.2))
+      '@typescript-eslint/scope-manager': 8.22.0
+      '@typescript-eslint/types': 8.22.0
+      '@typescript-eslint/typescript-estree': 8.22.0(typescript@5.7.3)
+      eslint: 9.19.0(jiti@2.4.2)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.19.1':
+  '@typescript-eslint/visitor-keys@8.22.0':
     dependencies:
-      '@typescript-eslint/types': 8.19.1
+      '@typescript-eslint/types': 8.22.0
       eslint-visitor-keys: 4.2.0
 
   '@ungap/structured-clone@1.2.1': {}
@@ -9568,19 +9359,12 @@ snapshots:
 
   any-promise@1.3.0: {}
 
-  anymatch@3.1.3:
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-
   apca-w3@0.1.9:
     dependencies:
       colorparsley: 0.1.8
 
   arg@4.1.3: {}
 
-  arg@5.0.2: {}
-
   argparse@1.0.10:
     dependencies:
       sprintf-js: 1.0.3
@@ -9591,8 +9375,6 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  aria-query@5.3.2: {}
-
   array-buffer-byte-length@1.0.2:
     dependencies:
       call-bound: 1.0.3
@@ -9620,15 +9402,6 @@ snapshots:
       es-object-atoms: 1.0.0
       es-shim-unscopables: 1.0.2
 
-  array.prototype.findlastindex@1.2.5:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.23.9
-      es-errors: 1.3.0
-      es-object-atoms: 1.0.0
-      es-shim-unscopables: 1.0.2
-
   array.prototype.flat@1.3.3:
     dependencies:
       call-bind: 1.0.8
@@ -9663,8 +9436,6 @@ snapshots:
 
   arrify@1.0.1: {}
 
-  ast-types-flow@0.0.8: {}
-
   astring@1.9.0: {}
 
   autoprefixer@10.4.20(postcss@8.4.49):
@@ -9681,10 +9452,6 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.0.0
 
-  axe-core@4.10.2: {}
-
-  axobject-query@4.1.0: {}
-
   babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105:
     dependencies:
       '@babel/types': 7.26.3
@@ -9697,8 +9464,6 @@ snapshots:
     dependencies:
       is-windows: 1.0.2
 
-  binary-extensions@2.3.0: {}
-
   brace-expansion@1.1.11:
     dependencies:
       balanced-match: 1.0.2
@@ -9763,8 +9528,6 @@ snapshots:
 
   callsites@3.1.0: {}
 
-  camelcase-css@2.0.1: {}
-
   camelcase-keys@6.2.2:
     dependencies:
       camelcase: 5.3.1
@@ -9798,18 +9561,6 @@ snapshots:
 
   chardet@0.7.0: {}
 
-  chokidar@3.6.0:
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
-
   chokidar@4.0.3:
     dependencies:
       readdirp: 4.0.2
@@ -9953,12 +9704,8 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  cssesc@3.0.0: {}
-
   csstype@3.1.3: {}
 
-  damerau-levenshtein@1.0.8: {}
-
   dargs@7.0.0: {}
 
   data-view-buffer@1.0.2:
@@ -9981,10 +9728,6 @@ snapshots:
 
   dataloader@1.4.0: {}
 
-  debug@3.2.7:
-    dependencies:
-      ms: 2.1.3
-
   debug@4.4.0:
     dependencies:
       ms: 2.1.3
@@ -10040,24 +9783,16 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
-  didyoumean@1.2.2: {}
-
   diff@4.0.2: {}
 
   dir-glob@3.0.1:
     dependencies:
       path-type: 4.0.0
 
-  dlv@1.1.3: {}
-
   doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
 
-  doctrine@3.0.0:
-    dependencies:
-      esutils: 2.0.3
-
   dot-prop@5.3.0:
     dependencies:
       is-obj: 2.0.0
@@ -10273,123 +10008,17 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-config-next@14.2.23(eslint@8.57.1)(typescript@5.7.3):
-    dependencies:
-      '@next/eslint-plugin-next': 14.2.23
-      '@rushstack/eslint-patch': 1.10.5
-      '@typescript-eslint/eslint-plugin': 8.19.1(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint@8.57.1)(typescript@5.7.3)
-      '@typescript-eslint/parser': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.7.0(eslint-plugin-import@2.31.0)(eslint@8.57.1)
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@8.57.1)
-      eslint-plugin-react: 7.37.3(eslint@8.57.1)
-      eslint-plugin-react-hooks: 5.0.0-canary-7118f5dd7-20230705(eslint@8.57.1)
-    optionalDependencies:
-      typescript: 5.7.3
-    transitivePeerDependencies:
-      - eslint-import-resolver-webpack
-      - eslint-plugin-import-x
-      - supports-color
-
-  eslint-config-prettier@9.1.0(eslint@8.57.1):
+  eslint-config-prettier@10.0.1(eslint@9.19.0(jiti@2.4.2)):
     dependencies:
-      eslint: 8.57.1
-
-  eslint-config-turbo@2.3.3(eslint@8.57.1):
-    dependencies:
-      eslint: 8.57.1
-      eslint-plugin-turbo: 2.3.3(eslint@8.57.1)
-
-  eslint-import-resolver-node@0.3.9:
-    dependencies:
-      debug: 3.2.7
-      is-core-module: 2.16.1
-      resolve: 1.22.10
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-import-resolver-typescript@3.7.0(eslint-plugin-import@2.31.0)(eslint@8.57.1):
-    dependencies:
-      '@nolyfill/is-core-module': 1.0.39
-      debug: 4.4.0
-      enhanced-resolve: 5.18.0
-      eslint: 8.57.1
-      fast-glob: 3.3.3
-      get-tsconfig: 4.8.1
-      is-bun-module: 1.3.0
-      is-glob: 4.0.3
-      stable-hash: 0.0.4
-    optionalDependencies:
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.7.0(eslint-plugin-import@2.31.0)(eslint@8.57.1)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1):
-    dependencies:
-      '@rtsao/scc': 1.1.0
-      array-includes: 3.1.8
-      array.prototype.findlastindex: 1.2.5
-      array.prototype.flat: 1.3.3
-      array.prototype.flatmap: 1.3.3
-      debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.19.1(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
-      hasown: 2.0.2
-      is-core-module: 2.16.1
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      object.fromentries: 2.0.8
-      object.groupby: 1.0.3
-      object.values: 1.2.1
-      semver: 6.3.1
-      string.prototype.trimend: 1.0.9
-      tsconfig-paths: 3.15.0
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.19.1(eslint@8.57.1)(typescript@5.7.3)
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
+      eslint: 9.19.0(jiti@2.4.2)
 
-  eslint-plugin-jsx-a11y@6.10.2(eslint@8.57.1):
-    dependencies:
-      aria-query: 5.3.2
-      array-includes: 3.1.8
-      array.prototype.flatmap: 1.3.3
-      ast-types-flow: 0.0.8
-      axe-core: 4.10.2
-      axobject-query: 4.1.0
-      damerau-levenshtein: 1.0.8
-      emoji-regex: 9.2.2
-      eslint: 8.57.1
-      hasown: 2.0.2
-      jsx-ast-utils: 3.3.5
-      language-tags: 1.0.9
-      minimatch: 3.1.2
-      object.fromentries: 2.0.8
-      safe-regex-test: 1.1.0
-      string.prototype.includes: 2.0.1
+  eslint-plugin-only-warn@1.1.0: {}
 
-  eslint-plugin-react-hooks@5.0.0-canary-7118f5dd7-20230705(eslint@8.57.1):
+  eslint-plugin-react-hooks@5.1.0(eslint@9.19.0(jiti@2.4.2)):
     dependencies:
-      eslint: 8.57.1
+      eslint: 9.19.0(jiti@2.4.2)
 
-  eslint-plugin-react@7.37.3(eslint@8.57.1):
+  eslint-plugin-react@7.37.4(eslint@9.19.0(jiti@2.4.2)):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlast: 1.2.5
@@ -10397,7 +10026,7 @@ snapshots:
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
       es-iterator-helpers: 1.2.1
-      eslint: 8.57.1
+      eslint: 9.19.0(jiti@2.4.2)
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
@@ -10411,12 +10040,13 @@ snapshots:
       string.prototype.matchall: 4.0.12
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-turbo@2.3.3(eslint@8.57.1):
+  eslint-plugin-turbo@2.4.0(eslint@9.19.0(jiti@2.4.2))(turbo@2.4.0):
     dependencies:
       dotenv: 16.0.3
-      eslint: 8.57.1
+      eslint: 9.19.0(jiti@2.4.2)
+      turbo: 2.4.0
 
-  eslint-scope@7.2.2:
+  eslint-scope@8.2.0:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
@@ -10425,54 +10055,52 @@ snapshots:
 
   eslint-visitor-keys@4.2.0: {}
 
-  eslint@8.57.1:
+  eslint@9.19.0(jiti@2.4.2):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0(jiti@2.4.2))
       '@eslint-community/regexpp': 4.12.1
-      '@eslint/eslintrc': 2.1.4
-      '@eslint/js': 8.57.1
-      '@humanwhocodes/config-array': 0.13.0
+      '@eslint/config-array': 0.19.2
+      '@eslint/core': 0.10.0
+      '@eslint/eslintrc': 3.2.0
+      '@eslint/js': 9.19.0
+      '@eslint/plugin-kit': 0.2.5
+      '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
-      '@nodelib/fs.walk': 1.2.8
-      '@ungap/structured-clone': 1.2.1
+      '@humanwhocodes/retry': 0.4.1
+      '@types/estree': 1.0.6
+      '@types/json-schema': 7.0.15
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
       debug: 4.4.0
-      doctrine: 3.0.0
       escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
+      eslint-scope: 8.2.0
+      eslint-visitor-keys: 4.2.0
+      espree: 10.3.0
       esquery: 1.6.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
+      file-entry-cache: 8.0.0
       find-up: 5.0.0
       glob-parent: 6.0.2
-      globals: 13.24.0
-      graphemer: 1.4.0
       ignore: 5.3.2
       imurmurhash: 0.1.4
       is-glob: 4.0.3
-      is-path-inside: 3.0.3
-      js-yaml: 4.1.0
       json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
       lodash.merge: 4.6.2
       minimatch: 3.1.2
       natural-compare: 1.4.0
       optionator: 0.9.4
-      strip-ansi: 6.0.1
-      text-table: 0.2.0
+    optionalDependencies:
+      jiti: 2.4.2
     transitivePeerDependencies:
       - supports-color
 
-  espree@9.6.1:
+  espree@10.3.0:
     dependencies:
       acorn: 8.14.0
       acorn-jsx: 5.3.2(acorn@8.14.0)
-      eslint-visitor-keys: 3.4.3
+      eslint-visitor-keys: 4.2.0
 
   esprima@4.0.1: {}
 
@@ -10568,6 +10196,14 @@ snapshots:
 
   fast-deep-equal@3.1.3: {}
 
+  fast-glob@3.3.1:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
   fast-glob@3.3.3:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -10594,9 +10230,9 @@ snapshots:
     dependencies:
       is-unicode-supported: 2.1.0
 
-  file-entry-cache@6.0.1:
+  file-entry-cache@8.0.0:
     dependencies:
-      flat-cache: 3.2.0
+      flat-cache: 4.0.1
 
   fill-range@7.1.1:
     dependencies:
@@ -10612,11 +10248,10 @@ snapshots:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
-  flat-cache@3.2.0:
+  flat-cache@4.0.1:
     dependencies:
       flatted: 3.3.2
       keyv: 4.5.4
-      rimraf: 3.0.2
 
   flatted@3.3.2: {}
 
@@ -10666,8 +10301,6 @@ snapshots:
       jsonfile: 4.0.0
       universalify: 0.1.2
 
-  fs.realpath@1.0.0: {}
-
   fsevents@2.3.3:
     optional: true
 
@@ -10810,14 +10443,6 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob@10.3.10:
-    dependencies:
-      foreground-child: 3.3.0
-      jackspeak: 2.3.6
-      minimatch: 9.0.5
-      minipass: 7.1.2
-      path-scurry: 1.11.1
-
   glob@10.4.5:
     dependencies:
       foreground-child: 3.3.0
@@ -10836,24 +10461,15 @@ snapshots:
       package-json-from-dist: 1.0.1
       path-scurry: 2.0.0
 
-  glob@7.2.3:
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.2
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-
   global-dirs@0.1.1:
     dependencies:
       ini: 1.3.8
 
   globals@11.12.0: {}
 
-  globals@13.24.0:
-    dependencies:
-      type-fest: 0.20.2
+  globals@14.0.0: {}
+
+  globals@15.14.0: {}
 
   globalthis@1.0.4:
     dependencies:
@@ -11031,11 +10647,6 @@ snapshots:
 
   indent-string@4.0.0: {}
 
-  inflight@1.0.6:
-    dependencies:
-      once: 1.4.0
-      wrappy: 1.0.2
-
   inherits@2.0.4: {}
 
   ini@1.3.8: {}
@@ -11083,19 +10694,11 @@ snapshots:
     dependencies:
       has-bigints: 1.1.0
 
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
   is-boolean-object@1.2.1:
     dependencies:
       call-bound: 1.0.3
       has-tostringtag: 1.0.2
 
-  is-bun-module@1.3.0:
-    dependencies:
-      semver: 7.6.3
-
   is-callable@1.2.7: {}
 
   is-core-module@2.16.1:
@@ -11149,8 +10752,6 @@ snapshots:
 
   is-obj@2.0.0: {}
 
-  is-path-inside@3.0.3: {}
-
   is-plain-obj@1.1.0: {}
 
   is-plain-obj@4.1.0: {}
@@ -11223,12 +10824,6 @@ snapshots:
       has-symbols: 1.1.0
       set-function-name: 2.0.2
 
-  jackspeak@2.3.6:
-    dependencies:
-      '@isaacs/cliui': 8.0.2
-    optionalDependencies:
-      '@pkgjs/parseargs': 0.11.0
-
   jackspeak@3.4.3:
     dependencies:
       '@isaacs/cliui': 8.0.2
@@ -11241,8 +10836,6 @@ snapshots:
 
   javascript-natural-sort@0.7.1: {}
 
-  jiti@1.21.7: {}
-
   jiti@2.4.2: {}
 
   jju@1.4.0: {}
@@ -11284,10 +10877,6 @@ snapshots:
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
-  json5@1.0.2:
-    dependencies:
-      minimist: 1.2.8
-
   json5@2.2.3: {}
 
   jsonfile@4.0.0:
@@ -11315,12 +10904,6 @@ snapshots:
 
   kind-of@6.0.3: {}
 
-  language-subtag-registry@0.3.23: {}
-
-  language-tags@1.0.9:
-    dependencies:
-      language-subtag-registry: 0.3.23
-
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
@@ -12033,8 +11616,6 @@ snapshots:
 
   object-assign@4.1.1: {}
 
-  object-hash@3.0.0: {}
-
   object-inspect@1.13.3: {}
 
   object-keys@1.1.1: {}
@@ -12061,12 +11642,6 @@ snapshots:
       es-abstract: 1.23.9
       es-object-atoms: 1.0.0
 
-  object.groupby@1.0.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.23.9
-
   object.values@1.2.1:
     dependencies:
       call-bind: 1.0.8
@@ -12074,10 +11649,6 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.0.0
 
-  once@1.4.0:
-    dependencies:
-      wrappy: 1.0.2
-
   onetime@5.1.2:
     dependencies:
       mimic-fn: 2.1.0
@@ -12186,8 +11757,6 @@ snapshots:
 
   path-exists@4.0.0: {}
 
-  path-is-absolute@1.0.1: {}
-
   path-key@3.1.1: {}
 
   path-key@4.0.0: {}
@@ -12212,34 +11781,12 @@ snapshots:
 
   picomatch@4.0.2: {}
 
-  pify@2.3.0: {}
-
   pify@4.0.1: {}
 
   pirates@4.0.6: {}
 
   possible-typed-array-names@1.0.0: {}
 
-  postcss-import@15.1.0(postcss@8.4.49):
-    dependencies:
-      postcss: 8.4.49
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.10
-
-  postcss-js@4.0.1(postcss@8.4.49):
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.4.49
-
-  postcss-load-config@4.0.2(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3)):
-    dependencies:
-      lilconfig: 3.1.3
-      yaml: 2.7.0
-    optionalDependencies:
-      postcss: 8.4.49
-      ts-node: 10.9.2(@types/node@22.8.1)(typescript@5.7.3)
-
   postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.4.49)(tsx@4.19.2)(yaml@2.7.0):
     dependencies:
       lilconfig: 3.1.3
@@ -12249,16 +11796,6 @@ snapshots:
       tsx: 4.19.2
       yaml: 2.7.0
 
-  postcss-nested@6.2.0(postcss@8.4.49):
-    dependencies:
-      postcss: 8.4.49
-      postcss-selector-parser: 6.1.2
-
-  postcss-selector-parser@6.1.2:
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-
   postcss-value-parser@4.2.0: {}
 
   postcss@8.4.31:
@@ -12275,7 +11812,7 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
-  prettier-plugin-tailwindcss@0.6.9(@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.4.2))(prettier@3.4.2):
+  prettier-plugin-tailwindcss@0.6.11(@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.4.2))(prettier@3.4.2):
     dependencies:
       prettier: 3.4.2
     optionalDependencies:
@@ -12561,10 +12098,6 @@ snapshots:
 
   react@19.0.0: {}
 
-  read-cache@1.0.0:
-    dependencies:
-      pify: 2.3.0
-
   read-pkg-up@7.0.1:
     dependencies:
       find-up: 4.1.0
@@ -12591,10 +12124,6 @@ snapshots:
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 2.3.1
-
   readdirp@4.0.2: {}
 
   recma-build-jsx@1.0.0:
@@ -12765,10 +12294,6 @@ snapshots:
 
   reusify@1.0.4: {}
 
-  rimraf@3.0.2:
-    dependencies:
-      glob: 7.2.3
-
   rimraf@6.0.1:
     dependencies:
       glob: 11.0.0
@@ -13005,8 +12530,6 @@ snapshots:
 
   sprintf-js@1.0.3: {}
 
-  stable-hash@0.0.4: {}
-
   streamsearch@1.1.0: {}
 
   string-width@4.2.3:
@@ -13021,12 +12544,6 @@ snapshots:
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
 
-  string.prototype.includes@2.0.1:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.23.9
-
   string.prototype.matchall@4.0.12:
     dependencies:
       call-bind: 1.0.8
@@ -13146,33 +12663,6 @@ snapshots:
     dependencies:
       tailwindcss: 4.0.0
 
-  tailwindcss@3.4.17(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3)):
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      arg: 5.0.2
-      chokidar: 3.6.0
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.3.3
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.7
-      lilconfig: 3.1.3
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.1.1
-      postcss: 8.4.49
-      postcss-import: 15.1.0(postcss@8.4.49)
-      postcss-js: 4.0.1(postcss@8.4.49)
-      postcss-load-config: 4.0.2(postcss@8.4.49)(ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3))
-      postcss-nested: 6.2.0(postcss@8.4.49)
-      postcss-selector-parser: 6.1.2
-      resolve: 1.22.10
-      sucrase: 3.35.0
-    transitivePeerDependencies:
-      - ts-node
-
   tailwindcss@4.0.0: {}
 
   tapable@2.2.1: {}
@@ -13181,8 +12671,6 @@ snapshots:
 
   text-extensions@1.9.0: {}
 
-  text-table@0.2.0: {}
-
   thenify-all@1.6.0:
     dependencies:
       thenify: 3.3.1
@@ -13257,32 +12745,6 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
-  ts-node@10.9.2(@types/node@22.8.1)(typescript@5.7.3):
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.11
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.4
-      '@types/node': 22.8.1
-      acorn: 8.14.0
-      acorn-walk: 8.3.4
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.2
-      make-error: 1.3.6
-      typescript: 5.7.3
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-    optional: true
-
-  tsconfig-paths@3.15.0:
-    dependencies:
-      '@types/json5': 0.0.29
-      json5: 1.0.2
-      minimist: 1.2.8
-      strip-bom: 3.0.0
-
   tsconfig-paths@4.2.0:
     dependencies:
       json5: 2.2.3
@@ -13325,32 +12787,32 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  turbo-darwin-64@2.3.3:
+  turbo-darwin-64@2.4.0:
     optional: true
 
-  turbo-darwin-arm64@2.3.3:
+  turbo-darwin-arm64@2.4.0:
     optional: true
 
-  turbo-linux-64@2.3.3:
+  turbo-linux-64@2.4.0:
     optional: true
 
-  turbo-linux-arm64@2.3.3:
+  turbo-linux-arm64@2.4.0:
     optional: true
 
-  turbo-windows-64@2.3.3:
+  turbo-windows-64@2.4.0:
     optional: true
 
-  turbo-windows-arm64@2.3.3:
+  turbo-windows-arm64@2.4.0:
     optional: true
 
-  turbo@2.3.3:
+  turbo@2.4.0:
     optionalDependencies:
-      turbo-darwin-64: 2.3.3
-      turbo-darwin-arm64: 2.3.3
-      turbo-linux-64: 2.3.3
-      turbo-linux-arm64: 2.3.3
-      turbo-windows-64: 2.3.3
-      turbo-windows-arm64: 2.3.3
+      turbo-darwin-64: 2.4.0
+      turbo-darwin-arm64: 2.4.0
+      turbo-linux-64: 2.4.0
+      turbo-linux-arm64: 2.4.0
+      turbo-windows-64: 2.4.0
+      turbo-windows-arm64: 2.4.0
 
   type-check@0.4.0:
     dependencies:
@@ -13358,8 +12820,6 @@ snapshots:
 
   type-fest@0.18.1: {}
 
-  type-fest@0.20.2: {}
-
   type-fest@0.6.0: {}
 
   type-fest@0.8.1: {}
@@ -13399,6 +12859,16 @@ snapshots:
       possible-typed-array-names: 1.0.0
       reflect.getprototypeof: 1.0.10
 
+  typescript-eslint@8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.22.0(@typescript-eslint/parser@8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/parser': 8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.22.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
+      eslint: 9.19.0(jiti@2.4.2)
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - supports-color
+
   typescript@5.7.3: {}
 
   unbox-primitive@1.1.0:
@@ -13410,9 +12880,6 @@ snapshots:
 
   undici-types@5.26.5: {}
 
-  undici-types@6.19.8:
-    optional: true
-
   unicorn-magic@0.3.0: {}
 
   unified@11.0.5:
@@ -13585,15 +13052,14 @@ snapshots:
       string-width: 5.1.2
       strip-ansi: 7.1.0
 
-  wrappy@1.0.2: {}
-
   y18n@5.0.8: {}
 
   yallist@2.1.2: {}
 
   yallist@4.0.0: {}
 
-  yaml@2.7.0: {}
+  yaml@2.7.0:
+    optional: true
 
   yargs-parser@20.2.9: {}
 
diff --git a/www/.eslintrc.cjs b/www/.eslintrc.cjs
deleted file mode 100644
index d08591b6c..000000000
--- a/www/.eslintrc.cjs
+++ /dev/null
@@ -1,12 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  root: true,
-  extends: ["@dotui/eslint-config/next.js"],
-  parser: "@typescript-eslint/parser",
-  parserOptions: {
-    project: true,
-  },
-  rules: {
-    "@next/next/no-img-element": "off",
-  },
-};
\ No newline at end of file
diff --git a/www/content/docs/components/buttons/toggle-button.mdx b/www/content/docs/components/buttons/toggle-button.mdx
index 0272f9db2..9a492ea42 100644
--- a/www/content/docs/components/buttons/toggle-button.mdx
+++ b/www/content/docs/components/buttons/toggle-button.mdx
@@ -20,32 +20,11 @@ links:
 />
 
 ## Installation
-
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
   
   ```package-install
 npx dotui-cli@latest add toggle-button
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="toggle-button/toggle-button" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Toggle button allow users to toggle a selection on or off, for example, switching between two states or modes.<br />
diff --git a/www/content/docs/components/date-and-time/date-picker.mdx b/www/content/docs/components/date-and-time/date-picker.mdx
index 9710a83af..dd6691286 100644
--- a/www/content/docs/components/date-and-time/date-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-picker.mdx
@@ -16,31 +16,10 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
   ```package-install
 npx dotui-cli@latest add date-picker
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="date-picker/date-picker" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use a `DatePicker` to allow users to enter and edit time values.
diff --git a/www/content/docs/components/date-and-time/date-range-picker.mdx b/www/content/docs/components/date-and-time/date-range-picker.mdx
index b79d54d5d..26fdc4054 100644
--- a/www/content/docs/components/date-and-time/date-range-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-range-picker.mdx
@@ -10,30 +10,10 @@ description: DateRangePicker combine a DateField and a RangeCalendar overlay to
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
   ```package-install
 npx dotui-cli@latest add date-range-picker
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="date-range-picker/date-range-picker" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
 
 ## Usage
 
diff --git a/www/content/docs/components/feedback/skeleton.mdx b/www/content/docs/components/feedback/skeleton.mdx
index 0edbe603d..58f678c2e 100644
--- a/www/content/docs/components/feedback/skeleton.mdx
+++ b/www/content/docs/components/feedback/skeleton.mdx
@@ -19,25 +19,10 @@ description: Use to show a placeholder while content is loading.
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
   ```package-install
 npx dotui-cli@latest add skeleton
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="skeleton/skeleton" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use the `Skeleton` component to show a placeholder while content is loading.
diff --git a/www/content/docs/components/forms-and-inputs/number-field.mdx b/www/content/docs/components/forms-and-inputs/number-field.mdx
index 1f46363bb..4f3f6ded7 100644
--- a/www/content/docs/components/forms-and-inputs/number-field.mdx
+++ b/www/content/docs/components/forms-and-inputs/number-field.mdx
@@ -19,31 +19,10 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add number-field
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="number-field/number-field" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use a `NumberField` to allow a user to enter a number.
diff --git a/www/content/docs/components/menus-and-selection/combobox.mdx b/www/content/docs/components/menus-and-selection/combobox.mdx
index 6358415b2..fee682d28 100644
--- a/www/content/docs/components/menus-and-selection/combobox.mdx
+++ b/www/content/docs/components/menus-and-selection/combobox.mdx
@@ -30,31 +30,10 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
   ```package-install
 npx dotui-cli@latest add combobox
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="combobox/combobox" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use `Combobox` to allow users to filter a list of options to items matching a query and select an item from the list.
diff --git a/www/content/docs/components/menus-and-selection/list-box.mdx b/www/content/docs/components/menus-and-selection/list-box.mdx
index f5ed73d27..8897dec23 100644
--- a/www/content/docs/components/menus-and-selection/list-box.mdx
+++ b/www/content/docs/components/menus-and-selection/list-box.mdx
@@ -27,31 +27,10 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
   ```package-install
 npx dotui-cli@latest add list-box
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="list-box/list-box" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
-
 ## Usage
 
 Use `ListBox` to display a list of options and allow a user to select one or more of them.
diff --git a/www/content/docs/components/menus-and-selection/menu.mdx b/www/content/docs/components/menus-and-selection/menu.mdx
index da885c12b..74a19cf57 100644
--- a/www/content/docs/components/menus-and-selection/menu.mdx
+++ b/www/content/docs/components/menus-and-selection/menu.mdx
@@ -30,30 +30,11 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
   
   ```package-install
 npx dotui-cli@latest add menu
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="menu/menu" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
 
 ## Usage
 
diff --git a/www/content/docs/components/menus-and-selection/select.mdx b/www/content/docs/components/menus-and-selection/select.mdx
index bef9dc9a2..79e88120d 100644
--- a/www/content/docs/components/menus-and-selection/select.mdx
+++ b/www/content/docs/components/menus-and-selection/select.mdx
@@ -27,30 +27,10 @@ links:
 
 ## Installation
 
-<Tabs items={["CLI", "Manual"]}>
-  <Tab value="CLI">
-  
   ```package-install
 npx dotui-cli@latest add select
 ```
 
-  </Tab>
-  <Tab value="manual">
-  
-    <Steps>
-      <Step>Install the following dependencies:</Step>
-
-    ```package-install
-    react-aria-components
-    ```
-
-      <Step>Copy and paste the following code into your project.</Step>
-      <ComponentSource name="select/select" />
-      <Step>Update the import paths to match your project setup.</Step>
-    </Steps>
-
-  </Tab>
-</Tabs>
 
 ## Usage
 
diff --git a/www/eslint.config.mjs b/www/eslint.config.mjs
new file mode 100644
index 000000000..47898aaec
--- /dev/null
+++ b/www/eslint.config.mjs
@@ -0,0 +1,4 @@
+import { nextJsConfig } from "@dotui/eslint-config/next-js"
+
+/** @type {import("eslint").Linter.Config} */
+export default nextJsConfig
diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
index 8d52c98f6..8cd7881ad 100644
--- a/www/scripts/build-internal-registry.ts
+++ b/www/scripts/build-internal-registry.ts
@@ -1,13 +1,13 @@
 import { existsSync, promises as fs } from "node:fs";
 import path from "node:path";
 import { rimraf } from "rimraf";
-import { core } from "@/registry/registry-core";
-import { iconLibraries, icons } from "@/registry/registry-icons";
+
+// import { iconLibraries, icons } from "@/registry/registry-icons";
 
 // import { RegistryItem } from "@/registry/types";
 
 const INTERNAL_REGISTRY_PATH = path.join(process.cwd(), "src/__registry__");
-const SOURCE_REGISTRY_PATH = path.join(process.cwd(), "src/registry");
+// const SOURCE_REGISTRY_PATH = path.join(process.cwd(), "src/registry");
 
 // ----------------------------------------------------------------------------
 //
@@ -36,7 +36,13 @@ async function buildDemos() {
   // Do not edit this file directly.
   import * as React from "react"
   
-  export const Index: Record<string, any> = {
+  export const Index: Record<
+    string,
+    {
+      files: string[];
+      component: React.LazyExoticComponent<React.ComponentType<object>>;
+    }
+  > = {
   `;
 
   const sourcePath = path.join(process.cwd(), "src/components/demos");
@@ -64,106 +70,106 @@ async function buildDemos() {
   await fs.writeFile(path.join(targetPath, "demos.tsx"), index, "utf8");
 }
 
-// ----------------------------------------------------------------------------
-//
-// ----------------------------------------------------------------------------
-type IconLibrary = keyof typeof iconLibraries;
-
-async function buildIcons() {
-  const targetPath = path.join(INTERNAL_REGISTRY_PATH, "icons");
-  let index = `// @ts-nocheck
-  // This file is autogenerated by scripts/build-internal-registry.ts
-  // Do not edit this file directly.
-  import * as React from "react"
-  
-  export const Icons = {
-  `;
-
-  for (const [icon, libraries] of Object.entries(icons)) {
-    index += `  "${icon}": {`;
-    for (const [library, componentName] of Object.entries(libraries)) {
-      const packageName = iconLibraries[library as IconLibrary].package;
-      if (packageName) {
-        index += `
-  ${library}: React.lazy(() => import("${packageName}").then(mod => ({
-    default: mod.${componentName}
-  }))),`;
-      }
-    }
-    index += `
-},`;
-  }
-  index += `
-}
-`;
-
-  rimraf.sync(targetPath);
-  if (!existsSync(targetPath)) {
-    await fs.mkdir(targetPath, { recursive: true });
-  }
-
-  await fs.writeFile(path.join(targetPath, "registry.ts"), index, "utf8");
-
-  // Build __icons__/index.tsx
-  let iconsIndexContent = `"use client";
-  
-// This file is autogenerated by scripts/build-registry.ts
-// Do not edit this file directly.
-
-import { createIcon } from "@/lib/create-icon";
-
-`;
-
-  for (const [iconName] of Object.entries(icons)) {
-    iconsIndexContent += `export const ${iconName} = createIcon("${iconName}");\n`;
-  }
-
-  await fs.writeFile(
-    path.join(targetPath, "index.tsx"),
-    iconsIndexContent,
-    "utf8"
-  );
-}
-
-// ----------------------------------------------------------------------------
-//
-// ----------------------------------------------------------------------------
-async function buildCoreComponents() {
-  const sourcePath = path.join(SOURCE_REGISTRY_PATH, "core");
-  const targetPath = path.join(INTERNAL_REGISTRY_PATH, "core");
-  rimraf.sync(targetPath);
-  if (!existsSync(targetPath)) {
-    await fs.mkdir(targetPath, { recursive: true });
-  }
-
-  // build __registry__/core
-  const files = await fs.readdir(sourcePath);
-  for (const file of files) {
-    const sourceFilePath = path.join(sourcePath, file);
-    const targetFilePath = path.join(targetPath, file);
-
-    let content = await fs.readFile(sourceFilePath, "utf-8");
-
-    // transform icons import
-    // content = content.replace(/lucide-react/g, "@/__registry__/icons");
-    // transform registryDependencies import
-    const overrides = [["loader-ring", "loader"]];
-    for (const [from, to] of overrides) {
-      content = content.replace(
-        new RegExp(`@/registry/core/${from}`, "g"),
-        `@/components/dynamic-core/${to}`
-      );
-    }
-    await fs.writeFile(targetFilePath, content);
-  }
-
-  // // build __registry__/dynamic-core/index.ts
-  // let index = `// This file is autogenerated by scripts/build-internal-registry.ts
-  // // Do not edit this file directly.
-  // import * as React from "react"
-
-  // export const Components = {`;
-}
+// // ----------------------------------------------------------------------------
+// //
+// // ----------------------------------------------------------------------------
+// type IconLibrary = keyof typeof iconLibraries;
+
+// async function buildIcons() {
+//   const targetPath = path.join(INTERNAL_REGISTRY_PATH, "icons");
+//   let index = `// @ts-nocheck
+//   // This file is autogenerated by scripts/build-internal-registry.ts
+//   // Do not edit this file directly.
+//   import * as React from "react"
+
+//   export const Icons = {
+//   `;
+
+//   for (const [icon, libraries] of Object.entries(icons)) {
+//     index += `  "${icon}": {`;
+//     for (const [library, componentName] of Object.entries(libraries)) {
+//       const packageName = iconLibraries[library as IconLibrary].package;
+//       if (packageName) {
+//         index += `
+//   ${library}: React.lazy(() => import("${packageName}").then(mod => ({
+//     default: mod.${componentName}
+//   }))),`;
+//       }
+//     }
+//     index += `
+// },`;
+//   }
+//   index += `
+// }
+// `;
+
+//   rimraf.sync(targetPath);
+//   if (!existsSync(targetPath)) {
+//     await fs.mkdir(targetPath, { recursive: true });
+//   }
+
+//   await fs.writeFile(path.join(targetPath, "registry.ts"), index, "utf8");
+
+//   // Build __icons__/index.tsx
+//   let iconsIndexContent = `"use client";
+
+// // This file is autogenerated by scripts/build-registry.ts
+// // Do not edit this file directly.
+
+// import { createIcon } from "@/lib/create-icon";
+
+// `;
+
+//   for (const [iconName] of Object.entries(icons)) {
+//     iconsIndexContent += `export const ${iconName} = createIcon("${iconName}");\n`;
+//   }
+
+//   await fs.writeFile(
+//     path.join(targetPath, "index.tsx"),
+//     iconsIndexContent,
+//     "utf8"
+//   );
+// }
+
+// // ----------------------------------------------------------------------------
+// //
+// // ----------------------------------------------------------------------------
+// async function buildCoreComponents() {
+//   const sourcePath = path.join(SOURCE_REGISTRY_PATH, "core");
+//   const targetPath = path.join(INTERNAL_REGISTRY_PATH, "core");
+//   rimraf.sync(targetPath);
+//   if (!existsSync(targetPath)) {
+//     await fs.mkdir(targetPath, { recursive: true });
+//   }
+
+//   // build __registry__/core
+//   const files = await fs.readdir(sourcePath);
+//   for (const file of files) {
+//     const sourceFilePath = path.join(sourcePath, file);
+//     const targetFilePath = path.join(targetPath, file);
+
+//     let content = await fs.readFile(sourceFilePath, "utf-8");
+
+//     // transform icons import
+//     // content = content.replace(/lucide-react/g, "@/__registry__/icons");
+//     // transform registryDependencies import
+//     const overrides = [["loader-ring", "loader"]];
+//     for (const [from, to] of overrides) {
+//       content = content.replace(
+//         new RegExp(`@/registry/core/${from}`, "g"),
+//         `@/components/dynamic-core/${to}`
+//       );
+//     }
+//     await fs.writeFile(targetFilePath, content);
+//   }
+
+//   // // build __registry__/dynamic-core/index.ts
+//   // let index = `// This file is autogenerated by scripts/build-internal-registry.ts
+//   // // Do not edit this file directly.
+//   // import * as React from "react"
+
+//   // export const Components = {`;
+// }
 
 async function run() {
   try {
diff --git a/www/scripts/build-registry.ts b/www/scripts/build-registry.ts
index 3f14dfedc..716442b18 100644
--- a/www/scripts/build-registry.ts
+++ b/www/scripts/build-registry.ts
@@ -256,7 +256,7 @@ const buildIcons = async () => {
     await fs.mkdir(targetPath, { recursive: true });
   }
 
-  const payload = Object.entries(iconLibraries).map(([_, value]) => ({
+  const payload = Object.entries(iconLibraries).map(([, value]) => ({
     name: value.name,
     type: "icon-library",
     dependencies: [value.package],
diff --git a/www/src/__registry__/demos.tsx b/www/src/__registry__/demos.tsx
index 3c7f177bc..705b573ba 100644
--- a/www/src/__registry__/demos.tsx
+++ b/www/src/__registry__/demos.tsx
@@ -2,7 +2,13 @@
 // Do not edit this file directly.
 import * as React from "react";
 
-export const Index: Record<string, any> = {
+export const Index: Record<
+  string,
+  {
+    files: string[];
+    component: React.LazyExoticComponent<React.ComponentType<object>>;
+  }
+> = {
   "alert/action": {
     files: ["components/demos/alert/action.tsx"],
     component: React.lazy(() => import("@/components/demos/alert/action")),
diff --git a/www/src/app/(app)/themes/components/focus-style.tsx b/www/src/app/(app)/themes/components/focus-style.tsx
index 5543dd17d..c2d4f1983 100644
--- a/www/src/app/(app)/themes/components/focus-style.tsx
+++ b/www/src/app/(app)/themes/components/focus-style.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import { type PressEvent } from "react-aria-components";
 import { useThemes } from "@/hooks/use-themes";
 import { ThemeOverride } from "@/components/docs/theme-override";
 import { Button } from "@/components/dynamic-core/button";
diff --git a/www/src/app/(app)/themes/components/loader-style.tsx b/www/src/app/(app)/themes/components/loader-style.tsx
index ee69c9549..6c65ee5d0 100644
--- a/www/src/app/(app)/themes/components/loader-style.tsx
+++ b/www/src/app/(app)/themes/components/loader-style.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import { type PressEvent } from "react-aria-components";
 import { useThemes } from "@/hooks/use-themes";
 import { ThemeOverride } from "@/components/docs/theme-override";
 import { Button } from "@/components/dynamic-core/button";
@@ -36,7 +35,7 @@ export function LoaderStyle() {
   const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
   const [isPending, setPending] = React.useState(false);
 
-  const handlePress = (e: PressEvent) => {
+  const handlePress = () => {
     setPending(true);
     setTimeout(() => {
       setPending(false);
diff --git a/www/src/app/(preview)/preview/(auth)/login/page.tsx b/www/src/app/(preview)/preview/(auth)/login/page.tsx
index 74f685d6c..bbf166194 100644
--- a/www/src/app/(preview)/preview/(auth)/login/page.tsx
+++ b/www/src/app/(preview)/preview/(auth)/login/page.tsx
@@ -12,7 +12,7 @@ import { useSimulateApiCall } from "@/app/(preview)/preview/hooks/use-api";
 export default function LoginPage() {
   const router = useRouter();
   const loginWithEmail = useSimulateApiCall({
-    // onSuccess: () => router.push("/preview/app/overview"),
+    onSuccess: () => router.push("/preview/app/overview"),
   });
   const loginWithGoogle = useSimulateApiCall({
     onSuccess: () => router.push("/preview/app/overview"),
@@ -40,7 +40,8 @@ export default function LoginPage() {
         </p>
         <div className="mt-4 flex items-center gap-2">
           <Button
-            href="/preview/overview"
+            isPending={loginWithGoogle.status === "loading"}
+            onPress={loginWithGoogle.simulateApiCall}
             variant="outline"
             className="flex-1"
             aria-label="Sign in with google"
@@ -48,7 +49,8 @@ export default function LoginPage() {
             <GoogleIcon />
           </Button>
           <Button
-            href="/preview/overview"
+            isPending={loginWithX.status === "loading"}
+            onPress={loginWithX.simulateApiCall}
             variant="outline"
             className="flex-1"
             aria-label="Sign in with X"
@@ -56,7 +58,8 @@ export default function LoginPage() {
             <TwitterIcon />
           </Button>
           <Button
-            href="/preview/overview"
+            isPending={loginWithGithub.status === "loading"}
+            onPress={loginWithGithub.simulateApiCall}
             variant="outline"
             className="flex-1"
             aria-label="Sign in with github"
diff --git a/www/src/app/(preview)/preview/hooks/use-api.ts b/www/src/app/(preview)/preview/hooks/use-api.ts
index a69a883f1..72e7df82f 100644
--- a/www/src/app/(preview)/preview/hooks/use-api.ts
+++ b/www/src/app/(preview)/preview/hooks/use-api.ts
@@ -11,13 +11,9 @@ export const useSimulateApiCall = ({
 
   const simulateApiCall = async () => {
     setStatus("loading");
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 1000));
-      setStatus("success");
-      onSuccess?.();
-    } catch (error) {
-      setStatus("error");
-    }
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    setStatus("success");
+    onSuccess?.();
   };
 
   return { status, simulateApiCall };
diff --git a/www/src/app/providers.tsx b/www/src/app/providers.tsx
index 65c2abb91..8bdc768a5 100644
--- a/www/src/app/providers.tsx
+++ b/www/src/app/providers.tsx
@@ -26,9 +26,7 @@ export function Providers({ children }: { children: React.ReactNode }) {
             enableSystem
             disableTransitionOnChange
           >
-            <div drawer-wrapper="" className="bg-bg">
-              {children}
-            </div>
+            {children}
           </ThemeProvider>
         </RouterProvider>
       </VariantsProvider>
diff --git a/www/src/components/core/command.tsx b/www/src/components/core/command.tsx
deleted file mode 100644
index c315eacaa..000000000
--- a/www/src/components/core/command.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { SearchIcon } from "lucide-react";
-import { cn } from "@/registry/lib/utils";
-
-type CommandRootProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
-const CommandRoot = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive>,
-  CommandRootProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive
-    ref={ref}
-    className={cn(
-      "bg-bg text-fg flex h-full w-full flex-col overflow-hidden rounded-md",
-      className
-    )}
-    {...props}
-  />
-));
-CommandRoot.displayName = CommandPrimitive.displayName;
-
-type CommandInputProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Input
-> & {
-  wrapperClassName?: string;
-  icon?: React.ReactNode;
-};
-const CommandInput = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Input>,
-  CommandInputProps
->(({ className, wrapperClassName, icon, ...props }, ref) => (
-  <div
-    className={cn("flex items-center gap-2 border-b px-3", wrapperClassName)}
-    cmdk-input-wrapper=""
-  >
-    {icon || <SearchIcon className="size-4 shrink-0" />}
-    <CommandPrimitive.Input
-      ref={ref}
-      className={cn(
-        "placeholder:text-fg-muted outline-hidden flex h-11 w-full rounded-md bg-transparent py-3 text-base disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",
-        className
-      )}
-      {...props}
-    />
-  </div>
-));
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-
-type CommandListProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.List
->;
-const CommandList = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.List>,
-  CommandListProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.List
-    ref={ref}
-    className={cn("flex-1 overflow-y-auto overflow-x-hidden", className)}
-    {...props}
-  />
-));
-CommandList.displayName = CommandPrimitive.List.displayName;
-
-type CommandEmptyProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Empty
->;
-const CommandEmpty = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Empty>,
-  CommandEmptyProps
->((props, ref) => (
-  <CommandPrimitive.Empty
-    ref={ref}
-    className="py-6 text-center text-sm"
-    {...props}
-  />
-));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-
-type CommandGroupProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Group
->;
-const CommandGroup = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Group>,
-  CommandGroupProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Group
-    ref={ref}
-    className={cn(
-      "text-fg [&_[cmdk-group-heading]]:text-fg-muted overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-      className
-    )}
-    {...props}
-  />
-));
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-
-type CommandSeparatorProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Separator
->;
-const CommandSeparator = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Separator>,
-  CommandSeparatorProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Separator
-    ref={ref}
-    className={cn(
-      "bg-border separator h-px w-full shrink-0 border-0",
-      className
-    )}
-    // className={cn("-mx-1 h-px bg-border", className)}
-    {...props}
-  />
-));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-
-type CommandItemProps = React.ComponentPropsWithoutRef<
-  typeof CommandPrimitive.Item
->;
-const CommandItem = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Item>,
-  CommandItemProps
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Item
-    ref={ref}
-    className={cn(
-      "aria-selected:bg-bg-muted aria-selected:text-fg outline-hidden relative flex h-10 cursor-pointer select-none items-center rounded-sm px-2 text-sm transition-colors",
-      className
-    )}
-    {...props}
-  />
-));
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-
-type CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
-const CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {
-  return (
-    <span
-      className={cn("text-fg-muted ml-auto text-xs tracking-widest", className)}
-      {...props}
-    />
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-
-export {
-  CommandRoot,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator,
-};
-
-export type {
-  CommandRootProps,
-  CommandInputProps,
-  CommandListProps,
-  CommandEmptyProps,
-  CommandGroupProps,
-  CommandSeparatorProps,
-  CommandItemProps,
-  CommandShortcutProps,
-};
diff --git a/www/src/components/demos/dialog/inset-content.tsx b/www/src/components/demos/dialog/inset-content.tsx
index 88e430f76..e59cf52f0 100644
--- a/www/src/components/demos/dialog/inset-content.tsx
+++ b/www/src/components/demos/dialog/inset-content.tsx
@@ -8,9 +8,6 @@ import {
   DialogFooter,
   DialogInset,
 } from "@/components/dynamic-core/dialog";
-import { TextArea } from "@/components/dynamic-core/text-area";
-import { TextField } from "@/components/dynamic-core/text-field";
-
 export default function Demo() {
   return (
     <DialogRoot>
diff --git a/www/src/components/demos/drop-zone/events.tsx b/www/src/components/demos/drop-zone/events.tsx
index bc14b46e8..aaf7db207 100644
--- a/www/src/components/demos/drop-zone/events.tsx
+++ b/www/src/components/demos/drop-zone/events.tsx
@@ -31,7 +31,7 @@ export default function Demo() {
 }
 
 const Draggable = ({ text }: { text: string }) => {
-  let { dragProps, isDragging } = useDrag({
+  const { dragProps, isDragging } = useDrag({
     getItems() {
       return [
         {
diff --git a/www/src/components/demos/table/empty-state.tsx b/www/src/components/demos/table/empty-state.tsx
index 4c0dcab46..a16398aba 100644
--- a/www/src/components/demos/table/empty-state.tsx
+++ b/www/src/components/demos/table/empty-state.tsx
@@ -4,9 +4,7 @@ import {
   TableRoot,
   TableHeader,
   TableBody,
-  TableRow,
   TableColumn,
-  TableCell,
 } from "@/registry/core/table_basic";
 
 export default function Demo() {
@@ -36,16 +34,3 @@ export default function Demo() {
     </div>
   );
 }
-
-type Item = {
-  id: number;
-  name: string;
-  date: string;
-  type: string;
-};
-
-interface Column {
-  id: keyof Omit<Item, "id">;
-  name: string;
-  isRowHeader?: boolean;
-}
diff --git a/www/src/components/demos/table/reordable.tsx b/www/src/components/demos/table/reordable.tsx
index b1c8d5801..9f091b508 100644
--- a/www/src/components/demos/table/reordable.tsx
+++ b/www/src/components/demos/table/reordable.tsx
@@ -29,10 +29,12 @@ export default function Demo() {
 
   const { dragAndDropHooks } = useDragAndDrop({
     getItems: (keys) =>
-      [...keys].map((key) => ({
-        // @ts-ignore
-        "text/plain": list.getItem(key).name,
-      })),
+      [...keys].map((key) => {
+        const item = list.getItem(key);
+        return {
+          "text/plain": item?.name ?? '',
+        };
+      }),
     onReorder(e) {
       if (e.target.dropPosition === "before") {
         list.moveBefore(e.target.key, e.keys);
diff --git a/www/src/components/demos/tooltip/offset.tsx b/www/src/components/demos/tooltip/offset.tsx
index 68c6806de..c4f976831 100644
--- a/www/src/components/demos/tooltip/offset.tsx
+++ b/www/src/components/demos/tooltip/offset.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { PenSquareIcon, PlusIcon } from "lucide-react";
+import { PenSquareIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { Tooltip } from "@/components/dynamic-core/tooltip";
diff --git a/www/src/components/docs/badge-palette.tsx b/www/src/components/docs/badge-palette.tsx
index e84ddb48f..088fe2119 100644
--- a/www/src/components/docs/badge-palette.tsx
+++ b/www/src/components/docs/badge-palette.tsx
@@ -1,4 +1,3 @@
-import { BackgroundColor } from "@adobe/leonardo-contrast-colors";
 import { cn } from "@/lib/utils";
 import { Badge, BadgeProps } from "@/components/core/badge";
 
@@ -10,7 +9,6 @@ export function BadgePalette({
   return (
     <Badge
       variant="neutral"
-      // size="sm"
       className={cn("gap-2 rounded-full border pr-1", className)}
       {...props}
     >
diff --git a/www/src/components/docs/breadcrumbs.tsx b/www/src/components/docs/breadcrumbs.tsx
index 5a86aa844..4861b2380 100644
--- a/www/src/components/docs/breadcrumbs.tsx
+++ b/www/src/components/docs/breadcrumbs.tsx
@@ -16,7 +16,7 @@ export const Breadcrumbs = <T extends object>({
   tree,
   ...props
 }: BreadcrumbsProps<T> & { tree: PageTree.Root }) => {
-  let pathname = usePathname();
+  const pathname = usePathname();
   const breadcrumbs = useBreadcrumb(pathname, tree);
 
   return (
diff --git a/www/src/components/docs/choices.tsx b/www/src/components/docs/choices.tsx
index cbf9efc35..fb213f696 100644
--- a/www/src/components/docs/choices.tsx
+++ b/www/src/components/docs/choices.tsx
@@ -26,7 +26,7 @@ export function Choices({ items, ...props }: ChoicesProps): React.ReactElement {
   return (
     <Tabs {...props}>
       <TabList className="mb-4 grid grid-cols-2 gap-2">
-        {items.map((item, i) => (
+        {items.map((item) => (
           <Tab
             key={item.value}
             className={cn(
diff --git a/www/src/components/docs/code-block-mdx.tsx b/www/src/components/docs/code-block-mdx.tsx
index a042cef50..bfcd02197 100644
--- a/www/src/components/docs/code-block-mdx.tsx
+++ b/www/src/components/docs/code-block-mdx.tsx
@@ -1,9 +1,7 @@
 "use client";
 
 import {
-  type ButtonHTMLAttributes,
   type HTMLAttributes,
-  type ReactElement,
   type ReactNode,
   forwardRef,
   useCallback,
diff --git a/www/src/components/docs/code.tsx b/www/src/components/docs/code.tsx
index e07611504..72843d4fe 100644
--- a/www/src/components/docs/code.tsx
+++ b/www/src/components/docs/code.tsx
@@ -49,6 +49,7 @@ type MdCodeText = {
 };
 
 type MdMultiCodeText = {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
   type: Function;
   props: {
     children: MdCodeText[];
@@ -80,6 +81,7 @@ function parseChildren(
   }
 
   if (typeof children === "object") {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const files = React.Children.toArray(children as any).map((file: any) => {
       const code = file.props?.children;
       const className = file.props?.className;
@@ -88,6 +90,7 @@ function parseChildren(
         ...getLanguageAndTitle(className as string),
       };
     });
+    //@ts-expect-error - This is a valid case
     return files[0];
   }
 
diff --git a/www/src/components/docs/component-source.tsx b/www/src/components/docs/component-source.tsx
deleted file mode 100644
index 844d7044e..000000000
--- a/www/src/components/docs/component-source.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { getFilesSource } from "@/lib/get-files-source";
-import { CodeBlock } from "@/components/docs/code-block";
-
-export const ComponentSource = async ({
-  name,
-  className,
-}: {
-  name: string | string[];
-  className?: string;
-}) => {
-  return <div>TO DO</div>;
-  // let code: { title: string; code: string }[] = [];
-
-  // if (typeof name === "string") {
-  //   code = await getFilesSource(name);
-  // }
-
-  // if (Array.isArray(name)) {
-  //   for (const n of name) {
-  //     code.push(...(await getFilesSource(n)));
-  //   }
-  // }
-
-  // if (code.length === 0) {
-  //   return <p>Source code not found</p>;
-  // }
-
-  // code = code.map((file) => ({
-  //   ...file,
-  // }));
-
-  // return (
-  //   <CodeBlock
-  //     files={code.map((file) => ({
-  //       fileName: file.title,
-  //       code: file.code,
-  //       lang: "tsx",
-  //     }))}
-  //     className={className}
-  //     expandable
-  //   />
-  // );
-};
diff --git a/www/src/components/docs/font-loader.tsx b/www/src/components/docs/font-loader.tsx
index ec5eb2575..b66137ecf 100644
--- a/www/src/components/docs/font-loader.tsx
+++ b/www/src/components/docs/font-loader.tsx
@@ -2,14 +2,9 @@ import React from "react";
 
 export const FontLoader = ({
   children,
-  font,
 }: {
   children: React.ReactNode;
   font: string | string[];
 }) => {
-  const [fontLoaded, setFontLoaded] = React.useState(false);
-
-  React.useEffect(() => {}, []);
-
   return <div>{children}</div>;
 };
diff --git a/www/src/components/docs/mdx-components.tsx b/www/src/components/docs/mdx-components.tsx
index 72e1a20ba..767be0b09 100644
--- a/www/src/components/docs/mdx-components.tsx
+++ b/www/src/components/docs/mdx-components.tsx
@@ -12,7 +12,6 @@ import {
   ComponentPreview,
   type ComponentPreviewProps,
 } from "./component-preview";
-import { ComponentSource } from "./component-source";
 import { InstallTab, InstallTabs } from "./install-tabs";
 import { Palette, PaletteProps } from "./palette";
 import { Tabs, Tab, type TabsProps } from "./tabs";
@@ -61,6 +60,7 @@ export const mdxComponents: MDXComponents = {
     />
   ),
   img: ({ className, alt, ...props }) => (
+    // eslint-disable-next-line @next/next/no-img-element
     <img
       className={cn("mx-auto max-w-md rounded-md border", className)}
       alt={alt}
@@ -130,9 +130,6 @@ export const mdxComponents: MDXComponents = {
   ),
   InstallTab,
   InstallTabs,
-  ComponentSource: ({ name, ...rest }: { name: string }) => (
-    <ComponentSource name={name} className="not-first:mt-4 w-full" {...rest} />
-  ),
   ComponentPreview: (props: ComponentPreviewProps) => (
     <ComponentPreview containerClassName="not-first:mt-4" {...props} />
   ),
@@ -157,8 +154,8 @@ export const mdxComponents: MDXComponents = {
   Palette: ({ className, ...props }: PaletteProps) => (
     <Palette className={cn("mt-4", className)} {...props} />
   ),
-  Badge: ({ className, ...props }: BadgeProps) => (
-    <Badge variant="neutral" size="sm" className={cn()} {...props} />
+  Badge: (props: BadgeProps) => (
+    <Badge variant="neutral" size="sm" {...props} />
   ),
   BadgePalette: BadgePalette,
   Link,
diff --git a/www/src/components/docs/tabs.tsx b/www/src/components/docs/tabs.tsx
index 412e33511..4273b076d 100644
--- a/www/src/components/docs/tabs.tsx
+++ b/www/src/components/docs/tabs.tsx
@@ -104,7 +104,6 @@ function toValue(v: string): string {
 
 export function Tab({
   value,
-  className,
   ...props
 }: TabPanelProps & { value: string }): React.ReactElement {
   return <TabsPrimitive.TabPanel id={toValue(value)} {...props} />;
diff --git a/www/src/components/docs/theme-override.tsx b/www/src/components/docs/theme-override.tsx
index b60c85866..56a0e1f7f 100644
--- a/www/src/components/docs/theme-override.tsx
+++ b/www/src/components/docs/theme-override.tsx
@@ -3,7 +3,6 @@
 import React, { ReactNode } from "react";
 import { googleFonts } from "@/lib/fonts";
 import { cn } from "@/lib/utils";
-import { useMounted } from "@/hooks/use-mounted";
 import { useThemes } from "@/hooks/use-themes";
 
 interface ThemeOverrideProps extends React.ComponentProps<"div"> {
@@ -14,11 +13,9 @@ interface ThemeOverrideProps extends React.ComponentProps<"div"> {
 export const ThemeOverride = React.forwardRef<
   HTMLDivElement,
   ThemeOverrideProps
->(({ children, fallback, ...props }, ref) => {
+>(({ children, ...props }, ref) => {
   const { currentTheme, mode, fonts } = useThemes();
   const headingFont = googleFonts.find((f) => f.id === fonts.heading);
-  const bodyFont = googleFonts.find((f) => f.id === fonts.body);
-  const isMounted = useMounted();
 
   // fonts
   React.useEffect(() => {
@@ -44,7 +41,6 @@ export const ThemeOverride = React.forwardRef<
       (color) => {
         const shades = currentMode[color].shades;
         return shades.map((shade, index) => {
-          const [h, s, l] = shade.match(/\d+(\.\d+)?/g) || [];
           return [`--color-${color}-${(index + 1) * 100}`, shade];
         });
       }
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index 0adc48134..b65db53eb 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -20,7 +20,7 @@ export const Tooltip = createDynamicComponent<TooltipProps>(
   "Tooltip",
   _Tooltip,
   {
-    // @ts-ignore
+    // @ts-expect-error - motion modify the props
     tooltip_framer: React.lazy(() =>
       import("@/registry/core/tooltip_motion").then((mod) => ({
         default: mod.Tooltip,
@@ -47,7 +47,7 @@ export const TooltipContent = createDynamicComponent<TooltipContentProps>(
   "TooltipContent",
   _TooltipContent,
   {
-    // @ts-ignore
+    // @ts-expect-error - motion modify the props
     tooltip_framer: React.lazy(() =>
       import("@/registry/core/tooltip_motion").then((mod) => ({
         default: mod.TooltipContent,
diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
index 764d8c784..8876dfaa5 100644
--- a/www/src/components/search-command-client.tsx
+++ b/www/src/components/search-command-client.tsx
@@ -5,14 +5,11 @@ import {
   ChevronsUpDownIcon,
   CornerDownLeftIcon,
   FileTextIcon,
-  HashIcon,
   SearchIcon,
-  XIcon,
 } from "lucide-react";
 import { useFilter } from "react-aria-components";
-import { Button } from "@/components/core/button";
 import { MenuContent, MenuItem } from "@/components/core/menu";
-import { SearchField, SearchFieldRoot } from "@/components/core/search-field";
+import { SearchFieldRoot } from "@/components/core/search-field";
 import { Section } from "@/components/core/section";
 import { Command } from "@/registry/core/command_basic";
 import { Input, InputRoot } from "@/registry/core/input_basic";
@@ -67,21 +64,6 @@ export function SearchCommandClient({ items }: SearchCommandClientProps) {
                 >
                   {page.title}
                 </MenuItem>
-                {/* {inputValue !== "" && (
-                  <React.Fragment>
-                    {page.headings.map((heading) => (
-                      <MenuItem
-                        key={heading.id}
-                        href={`${page.url}#${heading.id}`}
-                        textValue={heading.content}
-                        prefix={<HashIcon />}
-                        className="pl-6"
-                      >
-                        {heading.content}
-                      </MenuItem>
-                    ))}
-                  </React.Fragment>
-                )} */}
               </React.Fragment>
             ))}
           </Section>
diff --git a/www/src/components/theme-provider.tsx b/www/src/components/theme-provider.tsx
deleted file mode 100644
index db84b9047..000000000
--- a/www/src/components/theme-provider.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-//    This component will provide:
-// - CSS variables for the theme
-// - Import required fonts
-// - Provide the variants for components
-import { useThemes } from "@/hooks/use-themes";
-
-interface ThemeProviderProps extends React.ComponentProps<"div"> {
-  name?: string;
-}
-const ThemeProvider = (props: ThemeProviderProps) => {
-  return <div></div>;
-};
-
-const useThemeCSSVars = (name?: string) => {
-  const { themes } = useThemes();
-};
diff --git a/www/src/hooks/use-themes.ts b/www/src/hooks/use-themes.ts
index b7f735d7e..17ef05609 100644
--- a/www/src/hooks/use-themes.ts
+++ b/www/src/hooks/use-themes.ts
@@ -69,6 +69,7 @@ export const useThemes = () => {
   ) => {
     setState((draft) => {
       const id = nanoid();
+      // @ts-expect-error TODO
       draft.themes.push({
         ...defaultTheme,
         ...themeProperties,
@@ -86,6 +87,7 @@ export const useThemes = () => {
       (t) => t.id === themeId
     );
     if (!theme) return;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { id, name, ...targetThemeProps } = theme;
     createTheme({
       ...targetThemeProps,
@@ -131,8 +133,6 @@ export const useThemes = () => {
     });
   };
 
-  const handleColorChange = () => {};
-
   const handleColorConfigChange = (
     config: "lightness" | "saturation",
     value: number
diff --git a/www/src/lib/colors.ts b/www/src/lib/colors.ts
index 9cbf4ae48..0511fcdfd 100644
--- a/www/src/lib/colors.ts
+++ b/www/src/lib/colors.ts
@@ -163,5 +163,6 @@ export const buildColorScales = ({
     lightness,
     saturation,
   };
+  
   return result;
 };

From 5c6c313746840c9ee6dbc6ec01073474ac571189 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 3 Feb 2025 16:02:09 +0100
Subject: [PATCH 093/165] fix: fix lint and type errors

---
 packages/config/eslint/base.js                |  1 -
 packages/config/eslint/next.js                |  9 +-
 .../docs/components/buttons/toggle-button.mdx |  4 +-
 .../components/date-and-time/date-picker.mdx  |  2 +-
 .../date-and-time/date-range-picker.mdx       |  3 +-
 .../docs/components/feedback/skeleton.mdx     |  2 +-
 .../menus-and-selection/combobox.mdx          |  2 +-
 .../menus-and-selection/list-box.mdx          |  2 +-
 .../components/menus-and-selection/menu.mdx   |  4 +-
 .../components/menus-and-selection/select.mdx |  3 +-
 www/next.config.mjs                           |  4 +
 www/src/app/(app)/layout.tsx                  |  6 +-
 .../(app)/themes/components/iconography.tsx   |  5 +-
 .../(app)/themes/components/typography.tsx    | 11 ++-
 www/src/app/(home)/components-overview.tsx    | 42 ++++-----
 www/src/app/(home)/page.tsx                   |  5 +-
 www/src/app/(home)/themes-preview.tsx         |  8 ++
 www/src/components/core/section.tsx           |  1 -
 .../demos/calendar/unvailable-dates.tsx       |  3 +-
 .../demos/color-picker/channel-sliders.tsx    |  9 +-
 .../demos/combobox/async-loading.tsx          |  5 +-
 www/src/components/demos/combobox/basic.tsx   | 17 ++--
 .../components/demos/combobox/composition.tsx | 10 +--
 .../components/demos/combobox/controlled.tsx  | 17 ++--
 .../demos/combobox/custom-value.tsx           | 17 ++--
 .../components/demos/combobox/description.tsx | 17 ++--
 .../components/demos/combobox/disabled.tsx    | 15 ++--
 www/src/components/demos/combobox/label.tsx   | 17 ++--
 www/src/components/demos/combobox/loading.tsx | 15 ++--
 .../components/demos/combobox/required.tsx    | 17 ++--
 .../components/demos/combobox/sections.tsx    | 45 +++++-----
 .../demos/combobox/uncontrolled.tsx           | 17 ++--
 .../components/demos/combobox/validation.tsx  | 17 ++--
 www/src/components/demos/dialog/drawer.tsx    |  7 +-
 .../components/demos/dialog/inset-content.tsx |  1 +
 www/src/components/demos/dialog/popover.tsx   |  7 +-
 .../components/demos/file-trigger/default.tsx |  3 +-
 www/src/components/demos/form/react-aria.tsx  | 11 ++-
 .../components/demos/form/react-hook-form.tsx | 11 ++-
 .../demos/list-box/async-loading.tsx          |  4 +-
 www/src/components/demos/list-box/basic.tsx   | 10 +--
 .../components/demos/list-box/composition.tsx | 14 +--
 .../components/demos/list-box/controlled.tsx  | 10 +--
 .../demos/list-box/disabled-items.tsx         | 10 +--
 .../components/demos/list-box/empty-state.tsx |  4 +-
 www/src/components/demos/list-box/grid.tsx    | 10 +--
 .../components/demos/list-box/horizontal.tsx  | 12 ++-
 .../demos/list-box/item-variant.tsx           | 10 +--
 .../demos/list-box/label-and-description.tsx  | 21 +++--
 www/src/components/demos/list-box/links.tsx   | 14 +--
 www/src/components/demos/list-box/loading.tsx |  8 +-
 .../demos/list-box/prefix-and-suffix.tsx      |  8 +-
 .../components/demos/list-box/sections.tsx    | 39 ++++----
 .../demos/list-box/selection-behavior.tsx     | 10 +--
 .../demos/list-box/selection-mode.tsx         | 18 ++--
 .../components/demos/list-box/separator.tsx   | 16 ++--
 .../demos/list-box/uncontrolled.tsx           | 10 +--
 www/src/components/demos/menu/placement.tsx   | 17 ++--
 www/src/components/demos/menu/section.tsx     | 16 ++--
 .../range-calendar/non-contiguous-ranges.tsx  |  2 +-
 .../demos/range-calendar/unvailable-dates.tsx |  2 +-
 .../components/demos/select/async-loading.tsx |  5 +-
 www/src/components/demos/select/basic.tsx     | 11 ++-
 .../components/demos/select/composition.tsx   | 10 +--
 .../components/demos/select/controlled.tsx    | 11 ++-
 .../components/demos/select/description.tsx   | 11 ++-
 www/src/components/demos/select/disabled.tsx  | 11 ++-
 www/src/components/demos/select/label.tsx     | 11 ++-
 www/src/components/demos/select/links.tsx     | 13 ++-
 www/src/components/demos/select/loading.tsx   | 11 ++-
 .../components/demos/select/placeholder.tsx   | 11 ++-
 www/src/components/demos/select/required.tsx  | 11 ++-
 www/src/components/demos/select/sections.tsx  | 47 +++++-----
 .../components/demos/select/uncontrolled.tsx  | 11 ++-
 .../components/demos/select/validation.tsx    | 11 ++-
 www/src/components/demos/table/reordable.tsx  |  2 +-
 www/src/components/docs/code-block-client.tsx |  3 +
 www/src/components/docs/component-preview.tsx |  5 +-
 www/src/components/docs/mdx-components.tsx    |  1 -
 www/src/components/docs/style-switcher.tsx    | 10 +--
 www/src/components/docs/theme-customizer.tsx  | 17 ++--
 www/src/components/dynamic-core/section.tsx   |  1 -
 www/src/components/header.tsx                 | 14 ++-
 www/src/components/mobile-nav.tsx             | 90 +++++++++++++------
 www/src/components/search-command-client.tsx  |  7 +-
 www/src/components/search-command.tsx         |  1 +
 www/src/components/sidebar.tsx                | 24 ++---
 www/src/hooks/use-is-mobile.ts                | 19 ++++
 www/src/lib/colors.ts                         |  5 +-
 www/src/lib/create-dynamic-component.tsx      |  1 +
 www/src/lib/create-dynamic-styles.ts          | 23 -----
 www/src/lib/create-icon.tsx                   | 12 +--
 www/src/lib/github-stargazers.ts              |  1 +
 www/src/lib/mdx-plugins/remark-inline-code.ts |  1 +
 www/src/lib/string.ts                         |  5 +-
 www/src/registry/core/combobox_basic.tsx      | 13 ++-
 www/src/registry/core/date-field_basic.tsx    |  2 +-
 www/src/registry/core/drawer_basic.tsx        |  6 +-
 www/src/registry/core/field_basic.tsx         |  2 +-
 www/src/registry/core/list-box_basic.tsx      | 42 +++++++--
 www/src/registry/core/loader_wave.tsx         |  2 +-
 www/src/registry/core/menu_basic.tsx          | 34 ++++++-
 www/src/registry/core/number-field_basic.tsx  |  6 +-
 www/src/registry/core/progress-bar_basic.tsx  |  4 +-
 www/src/registry/core/search-field_basic.tsx  |  1 -
 www/src/registry/core/section.tsx             | 46 ----------
 www/src/registry/core/select_basic.tsx        |  4 +-
 www/src/registry/index.ts                     |  4 +-
 www/src/types/theme.ts                        | 13 ---
 109 files changed, 657 insertions(+), 606 deletions(-)
 delete mode 100644 www/src/components/core/section.tsx
 delete mode 100644 www/src/components/dynamic-core/section.tsx
 create mode 100644 www/src/hooks/use-is-mobile.ts
 delete mode 100644 www/src/lib/create-dynamic-styles.ts
 delete mode 100644 www/src/registry/core/section.tsx

diff --git a/packages/config/eslint/base.js b/packages/config/eslint/base.js
index 77777fbde..31f5f43d5 100644
--- a/packages/config/eslint/base.js
+++ b/packages/config/eslint/base.js
@@ -19,7 +19,6 @@ export const config = [
     },
     rules: {
       "turbo/no-undeclared-env-vars": "warn",
-      "@typescript-eslint/no-empty-object-type": "off"
     },
   },
   {
diff --git a/packages/config/eslint/next.js b/packages/config/eslint/next.js
index 1997af7b6..9c2513aaa 100644
--- a/packages/config/eslint/next.js
+++ b/packages/config/eslint/next.js
@@ -1,10 +1,10 @@
 import js from "@eslint/js";
+import pluginNext from "@next/eslint-plugin-next";
 import eslintConfigPrettier from "eslint-config-prettier";
-import tseslint from "typescript-eslint";
-import pluginReactHooks from "eslint-plugin-react-hooks";
 import pluginReact from "eslint-plugin-react";
+import pluginReactHooks from "eslint-plugin-react-hooks";
 import globals from "globals";
-import pluginNext from "@next/eslint-plugin-next";
+import tseslint from "typescript-eslint";
 import { config as baseConfig } from "./base.js";
 
 /**
@@ -44,6 +44,9 @@ export const nextJsConfig = [
       ...pluginReactHooks.configs.recommended.rules,
       // React scope no longer necessary with new JSX transform.
       "react/react-in-jsx-scope": "off",
+      "@typescript-eslint/no-empty-object-type": "off",
+      "react/prop-types": "off",
+      "@next/next/no-img-element": "off",
     },
   },
 ];
diff --git a/www/content/docs/components/buttons/toggle-button.mdx b/www/content/docs/components/buttons/toggle-button.mdx
index 9a492ea42..0f421661c 100644
--- a/www/content/docs/components/buttons/toggle-button.mdx
+++ b/www/content/docs/components/buttons/toggle-button.mdx
@@ -20,8 +20,8 @@ links:
 />
 
 ## Installation
-  
-  ```package-install
+
+```package-install
 npx dotui-cli@latest add toggle-button
 ```
 
diff --git a/www/content/docs/components/date-and-time/date-picker.mdx b/www/content/docs/components/date-and-time/date-picker.mdx
index dd6691286..f8feeb2b3 100644
--- a/www/content/docs/components/date-and-time/date-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-picker.mdx
@@ -16,7 +16,7 @@ links:
 
 ## Installation
 
-  ```package-install
+```package-install
 npx dotui-cli@latest add date-picker
 ```
 
diff --git a/www/content/docs/components/date-and-time/date-range-picker.mdx b/www/content/docs/components/date-and-time/date-range-picker.mdx
index 26fdc4054..16fa26a87 100644
--- a/www/content/docs/components/date-and-time/date-range-picker.mdx
+++ b/www/content/docs/components/date-and-time/date-range-picker.mdx
@@ -10,11 +10,10 @@ description: DateRangePicker combine a DateField and a RangeCalendar overlay to
 
 ## Installation
 
-  ```package-install
+```package-install
 npx dotui-cli@latest add date-range-picker
 ```
 
-
 ## Usage
 
 Use a `DateRangePicker` to allow users to enter and edit time values.
diff --git a/www/content/docs/components/feedback/skeleton.mdx b/www/content/docs/components/feedback/skeleton.mdx
index 58f678c2e..7c8e23671 100644
--- a/www/content/docs/components/feedback/skeleton.mdx
+++ b/www/content/docs/components/feedback/skeleton.mdx
@@ -19,7 +19,7 @@ description: Use to show a placeholder while content is loading.
 
 ## Installation
 
-  ```package-install
+```package-install
 npx dotui-cli@latest add skeleton
 ```
 
diff --git a/www/content/docs/components/menus-and-selection/combobox.mdx b/www/content/docs/components/menus-and-selection/combobox.mdx
index fee682d28..ee3839167 100644
--- a/www/content/docs/components/menus-and-selection/combobox.mdx
+++ b/www/content/docs/components/menus-and-selection/combobox.mdx
@@ -30,7 +30,7 @@ links:
 
 ## Installation
 
-  ```package-install
+```package-install
 npx dotui-cli@latest add combobox
 ```
 
diff --git a/www/content/docs/components/menus-and-selection/list-box.mdx b/www/content/docs/components/menus-and-selection/list-box.mdx
index 8897dec23..2745aec36 100644
--- a/www/content/docs/components/menus-and-selection/list-box.mdx
+++ b/www/content/docs/components/menus-and-selection/list-box.mdx
@@ -27,7 +27,7 @@ links:
 
 ## Installation
 
-  ```package-install
+```package-install
 npx dotui-cli@latest add list-box
 ```
 
diff --git a/www/content/docs/components/menus-and-selection/menu.mdx b/www/content/docs/components/menus-and-selection/menu.mdx
index 74a19cf57..8dae0386e 100644
--- a/www/content/docs/components/menus-and-selection/menu.mdx
+++ b/www/content/docs/components/menus-and-selection/menu.mdx
@@ -30,12 +30,10 @@ links:
 
 ## Installation
 
-  
-  ```package-install
+```package-install
 npx dotui-cli@latest add menu
 ```
 
-
 ## Usage
 
 Use `Menu` to display a list of actions or options that a user can choose.
diff --git a/www/content/docs/components/menus-and-selection/select.mdx b/www/content/docs/components/menus-and-selection/select.mdx
index 79e88120d..211c19763 100644
--- a/www/content/docs/components/menus-and-selection/select.mdx
+++ b/www/content/docs/components/menus-and-selection/select.mdx
@@ -27,11 +27,10 @@ links:
 
 ## Installation
 
-  ```package-install
+```package-install
 npx dotui-cli@latest add select
 ```
 
-
 ## Usage
 
 bezbez
diff --git a/www/next.config.mjs b/www/next.config.mjs
index 4b8b3102e..102e58905 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -10,6 +10,10 @@ const config = {
         protocol: "https",
         hostname: "avatars.githubusercontent.com",
       },
+      {
+        protocol: "https",
+        hostname: "ui.shadcn.com",
+      },
     ],
   },
   devIndicators: {
diff --git a/www/src/app/(app)/layout.tsx b/www/src/app/(app)/layout.tsx
index 642c7ae72..9b54b8cf4 100644
--- a/www/src/app/(app)/layout.tsx
+++ b/www/src/app/(app)/layout.tsx
@@ -4,9 +4,9 @@ import { source } from "@/app/source";
 
 export default function AppLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="relative flex min-h-screen w-full flex-col sm:flex-row">
-      <MobileNav items={source.pageTree.children} />
-      <Sidebar items={source.pageTree.children} />
+    <div className="relative flex min-h-screen w-full flex-col md:flex-row">
+      <MobileNav items={source.pageTree.children} className="md:hidden" />
+      <Sidebar items={source.pageTree.children} className="hidden md:flex" />
       <main className="flex-1">{children}</main>
     </div>
   );
diff --git a/www/src/app/(app)/themes/components/iconography.tsx b/www/src/app/(app)/themes/components/iconography.tsx
index 4bbbba376..124ad9d2d 100644
--- a/www/src/app/(app)/themes/components/iconography.tsx
+++ b/www/src/app/(app)/themes/components/iconography.tsx
@@ -2,8 +2,7 @@
 
 import React from "react";
 import { useThemes } from "@/hooks/use-themes";
-import { Item } from "@/components/core/list-box";
-import { Select } from "@/components/core/select";
+import { Select, SelectItem } from "@/components/core/select";
 import { Skeleton } from "@/components/core/skeleton";
 
 export function Iconography() {
@@ -16,7 +15,7 @@ export function Iconography() {
         isDisabled={!isCurrentThemeEditable}
         className="[&_button]:w-full"
       >
-        <Item id="lucide">Lucide icons</Item>
+        <SelectItem id="lucide">Lucide icons</SelectItem>
       </Select>
     </Skeleton>
   );
diff --git a/www/src/app/(app)/themes/components/typography.tsx b/www/src/app/(app)/themes/components/typography.tsx
index fa53dab6a..ede8f04ab 100644
--- a/www/src/app/(app)/themes/components/typography.tsx
+++ b/www/src/app/(app)/themes/components/typography.tsx
@@ -3,8 +3,7 @@
 import React from "react";
 import { googleFonts } from "@/lib/fonts";
 import { useThemes } from "@/hooks/use-themes";
-import { Item } from "@/components/core/list-box";
-import { Select } from "@/components/core/select";
+import { Select, SelectItem } from "@/components/core/select";
 import { Skeleton } from "@/components/core/skeleton";
 import { usePreview } from "./context";
 
@@ -28,9 +27,9 @@ export function Typography() {
           className="[&_button]:w-full"
         >
           {googleFonts.map((font) => (
-            <Item key={font.id} id={font.id}>
+            <SelectItem key={font.id} id={font.id}>
               {font.name}
-            </Item>
+            </SelectItem>
           ))}
         </Select>
       </Skeleton>
@@ -48,9 +47,9 @@ export function Typography() {
           className="[&_button]:w-full"
         >
           {googleFonts.map((font) => (
-            <Item key={font.id} id={font.id}>
+            <SelectItem key={font.id} id={font.id}>
               {font.name}
-            </Item>
+            </SelectItem>
           ))}
         </Select>
       </Skeleton>
diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx
index a64092764..2dc970524 100644
--- a/www/src/app/(home)/components-overview.tsx
+++ b/www/src/app/(home)/components-overview.tsx
@@ -9,13 +9,13 @@ import { Button } from "@/components/dynamic-core/button";
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 import { Checkbox } from "@/components/dynamic-core/checkbox";
 import { ColorSlider } from "@/components/dynamic-core/color-slider";
-import { Combobox } from "@/components/dynamic-core/combobox";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-import { Item, ListBox } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { ProgressBar } from "@/components/dynamic-core/progress-bar";
 import { SearchField } from "@/components/dynamic-core/search-field";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 import { Separator } from "@/components/dynamic-core/separator";
 import { Slider } from "@/components/dynamic-core/slider";
 import { Switch } from "@/components/dynamic-core/switch";
@@ -52,10 +52,10 @@ export function ComponentsOverview() {
       <div className="col-span-8 flex justify-between gap-4">
         <Button variant="accent">Button</Button>
         <Select>
-          <Item>Perplexity</Item>
-          <Item>Replicate</Item>
-          <Item>Together AI</Item>
-          <Item>ElevenLabs</Item>
+          <SelectItem>Perplexity</SelectItem>
+          <SelectItem>Replicate</SelectItem>
+          <SelectItem>Together AI</SelectItem>
+          <SelectItem>ElevenLabs</SelectItem>
         </Select>
         <FileTriggerDemo />
         <div className="flex-1" />
@@ -97,15 +97,15 @@ export function ComponentsOverview() {
       </div>
       <div className="col-span-5 row-span-2 flex justify-between gap-6">
         <ListBox className="h-full max-h-none w-full">
-          <Item>New...</Item>
-          <Item>Badges</Item>
+          <ListBoxItem>New...</ListBoxItem>
+          <ListBoxItem>Badges</ListBoxItem>
           <Separator />
-          <Item>Save</Item>
-          <Item>Save as...</Item>
-          <Item>Rename...</Item>
+          <ListBoxItem>Save</ListBoxItem>
+          <ListBoxItem>Save as...</ListBoxItem>
+          <ListBoxItem>Rename...</ListBoxItem>
           <Separator />
-          <Item>Page setup…</Item>
-          <Item>Print…</Item>
+          <ListBoxItem>Page setup…</ListBoxItem>
+          <ListBoxItem>Print…</ListBoxItem>
         </ListBox>
         <RangeCalendar />
       </div>
@@ -117,13 +117,13 @@ export function ComponentsOverview() {
           description="Please select a country."
           className="w-full"
         >
-          <Item>Canada</Item>
-          <Item>France</Item>
-          <Item>Germany</Item>
-          <Item>Spain</Item>
-          <Item>Tunisia</Item>
-          <Item>United states</Item>
-          <Item>United Kingdom</Item>
+          <ComboboxItem>Canada</ComboboxItem>
+          <ComboboxItem>France</ComboboxItem>
+          <ComboboxItem>Germany</ComboboxItem>
+          <ComboboxItem>Spain</ComboboxItem>
+          <ComboboxItem>Tunisia</ComboboxItem>
+          <ComboboxItem>United states</ComboboxItem>
+          <ComboboxItem>United Kingdom</ComboboxItem>
         </Combobox>
         <NumberField label="Width" defaultValue={1024} className="w-full" />
       </div>
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index d5a2b0595..49b950479 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -2,13 +2,16 @@ import React from "react";
 import { Button } from "@/components/core/button";
 import { Link } from "@/components/core/link";
 import { Header } from "@/components/header";
+import { MobileNav } from "@/components/mobile-nav";
+import { source } from "@/app/source";
 import { siteConfig } from "@/config";
 import { ThemesPreview } from "./themes-preview";
 
 export default function HomePage() {
   return (
     <div>
-      <Header />
+      <Header className="hidden md:block" />
+      <MobileNav items={source.pageTree.children} className="md:hidden" />
       <div className="container">
         <section className="mx-auto max-w-3xl pt-28">
           <h1 className="text-center text-3xl tracking-tight md:text-5xl lg:text-5xl">
diff --git a/www/src/app/(home)/themes-preview.tsx b/www/src/app/(home)/themes-preview.tsx
index c110f437d..eb9a87378 100644
--- a/www/src/app/(home)/themes-preview.tsx
+++ b/www/src/app/(home)/themes-preview.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import Image from "next/image";
 import { dotUIThemes } from "@/lib/themes";
 import { useThemes } from "@/hooks/use-themes";
 import { ToggleButton } from "@/components/core/toggle-button";
@@ -31,6 +32,13 @@ export function ThemesPreview() {
           </ToggleButton>
         ))}
       </ToggleButtonGroup>
+      <Image
+        src="https://ui.shadcn.com/_next/image?url=%2Fexamples%2Fmail-dark.png&w=1920&q=75"
+        alt="dashboard"
+        className="w-full md:hidden"
+        width={250}
+        height={250}
+      />
       <ThemeOverride className="mt-6 rounded-xl border shadow-lg">
         <ComponentsOverview />
       </ThemeOverride>
diff --git a/www/src/components/core/section.tsx b/www/src/components/core/section.tsx
deleted file mode 100644
index 86c515761..000000000
--- a/www/src/components/core/section.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/section";
diff --git a/www/src/components/demos/calendar/unvailable-dates.tsx b/www/src/components/demos/calendar/unvailable-dates.tsx
index 6371e0cc8..d222f8ba5 100644
--- a/www/src/components/demos/calendar/unvailable-dates.tsx
+++ b/www/src/components/demos/calendar/unvailable-dates.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import {
+  CalendarDate,
   type DateValue,
   getLocalTimeZone,
   isWeekend,
@@ -11,7 +12,7 @@ import { Calendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   const now = today(getLocalTimeZone());
-  const disabledRanges = [
+  const disabledRanges: [CalendarDate, CalendarDate][] = [
     [now, now.add({ days: 5 })],
     [now.add({ days: 14 }), now.add({ days: 16 })],
     [now.add({ days: 23 }), now.add({ days: 24 })],
diff --git a/www/src/components/demos/color-picker/channel-sliders.tsx b/www/src/components/demos/color-picker/channel-sliders.tsx
index ed50618c8..82403810b 100644
--- a/www/src/components/demos/color-picker/channel-sliders.tsx
+++ b/www/src/components/demos/color-picker/channel-sliders.tsx
@@ -8,8 +8,7 @@ import {
 } from "@/components/dynamic-core/color-picker";
 import { Dialog, DialogRoot } from "@/components/dynamic-core/dialog";
 import { ColorSlider } from "@/registry/core/color-slider_basic";
-import { Item } from "@/registry/core/list-box_basic";
-import { Select } from "@/registry/core/select_basic";
+import { Select, SelectItem } from "@/registry/core/select_basic";
 
 export default function Demo() {
   const [space, setSpace] = React.useState<ColorSpace>("rgb");
@@ -24,9 +23,9 @@ export default function Demo() {
             onSelectionChange={(key) => setSpace(key as ColorSpace)}
             size="sm"
           >
-            <Item id="rgb">RGB</Item>
-            <Item id="hsl">HSL</Item>
-            <Item id="hsb">HSB</Item>
+            <SelectItem id="rgb">RGB</SelectItem>
+            <SelectItem id="hsl">HSL</SelectItem>
+            <SelectItem id="hsb">HSB</SelectItem>
           </Select>
           {getColorChannels(space).map((channel) => (
             <ColorSlider
diff --git a/www/src/components/demos/combobox/async-loading.tsx b/www/src/components/demos/combobox/async-loading.tsx
index 7a84ba994..c2bff3bac 100644
--- a/www/src/components/demos/combobox/async-loading.tsx
+++ b/www/src/components/demos/combobox/async-loading.tsx
@@ -1,8 +1,7 @@
 "use client";
 
 import { useAsyncList } from "react-stately";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 interface Character {
   name: string;
@@ -21,7 +20,7 @@ export default function Demo() {
 
   return (
     <Combobox label="Pokemon" items={list.items} isLoading={list.isLoading}>
-      {(item) => <Item id={item.name}>{item.name}</Item>}
+      {(item) => <ComboboxItem id={item.name}>{item.name}</ComboboxItem>}
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/combobox/basic.tsx b/www/src/components/demos/combobox/basic.tsx
index b015a8dbc..e90aaf544 100644
--- a/www/src/components/demos/combobox/basic.tsx
+++ b/www/src/components/demos/combobox/basic.tsx
@@ -1,17 +1,16 @@
 import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 export default function Demo() {
   return (
     <Combobox aria-label="country">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
+      <ComboboxItem>Canada</ComboboxItem>
+      <ComboboxItem>France</ComboboxItem>
+      <ComboboxItem>Germany</ComboboxItem>
+      <ComboboxItem>Spain</ComboboxItem>
+      <ComboboxItem>Tunisia</ComboboxItem>
+      <ComboboxItem>United states</ComboboxItem>
+      <ComboboxItem>United Kingdom</ComboboxItem>
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/combobox/composition.tsx b/www/src/components/demos/combobox/composition.tsx
index b9f4d9a30..3342f5af5 100644
--- a/www/src/components/demos/combobox/composition.tsx
+++ b/www/src/components/demos/combobox/composition.tsx
@@ -8,7 +8,7 @@ import {
   FieldError,
   Label,
 } from "@/components/dynamic-core/field";
-import { Item, ListBox } from "@/components/dynamic-core/list-box";
+import { ListBoxItem, ListBox } from "@/components/dynamic-core/list-box";
 import { Overlay } from "@/components/dynamic-core/overlay";
 
 export default function Demo() {
@@ -20,10 +20,10 @@ export default function Demo() {
       <FieldError />
       <Overlay type="popover">
         <ListBox>
-          <Item>Next.js</Item>
-          <Item>Remix</Item>
-          <Item>Gatsby</Item>
-          <Item></Item>
+          <ListBoxItem>Next.js</ListBoxItem>
+          <ListBoxItem>Remix</ListBoxItem>
+          <ListBoxItem>Gatsby</ListBoxItem>
+          <ListBoxItem></ListBoxItem>
         </ListBox>
       </Overlay>
     </ComboboxRoot>
diff --git a/www/src/components/demos/combobox/controlled.tsx b/www/src/components/demos/combobox/controlled.tsx
index fa4bec355..e8c28fe9d 100644
--- a/www/src/components/demos/combobox/controlled.tsx
+++ b/www/src/components/demos/combobox/controlled.tsx
@@ -2,8 +2,7 @@
 
 import React from "react";
 import type { Key } from "react-aria-components";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 export default function Demo() {
   const [country, setCountry] = React.useState<Key | null>("tn");
@@ -14,13 +13,13 @@ export default function Demo() {
         selectedKey={country}
         onSelectionChange={setCountry}
       >
-        <Item id="ca">Canada</Item>
-        <Item id="fr">France</Item>
-        <Item id="de">Germany</Item>
-        <Item id="es">Spain</Item>
-        <Item id="tn">Tunisia</Item>
-        <Item id="us">United States</Item>
-        <Item id="uk">United Kingdom</Item>
+        <ComboboxItem id="ca">Canada</ComboboxItem>
+        <ComboboxItem id="fr">France</ComboboxItem>
+        <ComboboxItem id="de">Germany</ComboboxItem>
+        <ComboboxItem id="es">Spain</ComboboxItem>
+        <ComboboxItem id="tn">Tunisia</ComboboxItem>
+        <ComboboxItem id="us">United States</ComboboxItem>
+        <ComboboxItem id="uk">United Kingdom</ComboboxItem>
       </Combobox>
       <p className="text-fg-muted text-sm">
         {country ? (
diff --git a/www/src/components/demos/combobox/custom-value.tsx b/www/src/components/demos/combobox/custom-value.tsx
index 5435f63d6..9f667912a 100644
--- a/www/src/components/demos/combobox/custom-value.tsx
+++ b/www/src/components/demos/combobox/custom-value.tsx
@@ -1,17 +1,16 @@
 import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 export default function Demo() {
   return (
     <Combobox aria-label="country" allowsCustomValue>
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
+      <ComboboxItem>Canada</ComboboxItem>
+      <ComboboxItem>France</ComboboxItem>
+      <ComboboxItem>Germany</ComboboxItem>
+      <ComboboxItem>Spain</ComboboxItem>
+      <ComboboxItem>Tunisia</ComboboxItem>
+      <ComboboxItem>United states</ComboboxItem>
+      <ComboboxItem>United Kingdom</ComboboxItem>
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/combobox/description.tsx b/www/src/components/demos/combobox/description.tsx
index b0007bf0a..61f186263 100644
--- a/www/src/components/demos/combobox/description.tsx
+++ b/www/src/components/demos/combobox/description.tsx
@@ -1,17 +1,16 @@
 import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 export default function Demo() {
   return (
     <Combobox label="Country" description="Please select a country.">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
+      <ComboboxItem>Canada</ComboboxItem>
+      <ComboboxItem>France</ComboboxItem>
+      <ComboboxItem>Germany</ComboboxItem>
+      <ComboboxItem>Spain</ComboboxItem>
+      <ComboboxItem>Tunisia</ComboboxItem>
+      <ComboboxItem>United states</ComboboxItem>
+      <ComboboxItem>United Kingdom</ComboboxItem>
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/combobox/disabled.tsx b/www/src/components/demos/combobox/disabled.tsx
index df78c8d4f..9aff99586 100644
--- a/www/src/components/demos/combobox/disabled.tsx
+++ b/www/src/components/demos/combobox/disabled.tsx
@@ -1,16 +1,15 @@
 import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 export default function Demo() {
   return (
     <Combobox label="Favorite Animal" isDisabled>
-      <Item id="red panda">Red Panda</Item>
-      <Item id="cat">Cat</Item>
-      <Item id="dog">Dog</Item>
-      <Item id="aardvark">Aardvark</Item>
-      <Item id="kangaroo">Kangaroo</Item>
-      <Item id="snake">Snake</Item>
+      <ComboboxItem id="red panda">Red Panda</ComboboxItem>
+      <ComboboxItem id="cat">Cat</ComboboxItem>
+      <ComboboxItem id="dog">Dog</ComboboxItem>
+      <ComboboxItem id="aardvark">Aardvark</ComboboxItem>
+      <ComboboxItem id="kangaroo">Kangaroo</ComboboxItem>
+      <ComboboxItem id="snake">Snake</ComboboxItem>
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/combobox/label.tsx b/www/src/components/demos/combobox/label.tsx
index b3bbb125d..1f354fdcb 100644
--- a/www/src/components/demos/combobox/label.tsx
+++ b/www/src/components/demos/combobox/label.tsx
@@ -1,17 +1,16 @@
 import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 export default function Demo() {
   return (
     <Combobox label="Country">
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
+      <ComboboxItem>Canada</ComboboxItem>
+      <ComboboxItem>France</ComboboxItem>
+      <ComboboxItem>Germany</ComboboxItem>
+      <ComboboxItem>Spain</ComboboxItem>
+      <ComboboxItem>Tunisia</ComboboxItem>
+      <ComboboxItem>United states</ComboboxItem>
+      <ComboboxItem>United Kingdom</ComboboxItem>
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/combobox/loading.tsx b/www/src/components/demos/combobox/loading.tsx
index 1fe69a452..cbe128133 100644
--- a/www/src/components/demos/combobox/loading.tsx
+++ b/www/src/components/demos/combobox/loading.tsx
@@ -1,16 +1,15 @@
 import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 export default function Demo() {
   return (
     <Combobox label="Favorite Animal" isLoading>
-      <Item>Red Panda</Item>
-      <Item>Cat</Item>
-      <Item>Dog</Item>
-      <Item>Aardvark</Item>
-      <Item>Kangaroo</Item>
-      <Item>Snake</Item>
+      <ComboboxItem>Red Panda</ComboboxItem>
+      <ComboboxItem>Cat</ComboboxItem>
+      <ComboboxItem>Dog</ComboboxItem>
+      <ComboboxItem>Aardvark</ComboboxItem>
+      <ComboboxItem>Kangaroo</ComboboxItem>
+      <ComboboxItem>Snake</ComboboxItem>
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/combobox/required.tsx b/www/src/components/demos/combobox/required.tsx
index cdf43fc27..578eb599b 100644
--- a/www/src/components/demos/combobox/required.tsx
+++ b/www/src/components/demos/combobox/required.tsx
@@ -1,17 +1,16 @@
 import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 export default function Demo() {
   return (
     <Combobox label="Country" isRequired>
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
+      <ComboboxItem>Canada</ComboboxItem>
+      <ComboboxItem>France</ComboboxItem>
+      <ComboboxItem>Germany</ComboboxItem>
+      <ComboboxItem>Spain</ComboboxItem>
+      <ComboboxItem>Tunisia</ComboboxItem>
+      <ComboboxItem>United states</ComboboxItem>
+      <ComboboxItem>United Kingdom</ComboboxItem>
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/combobox/sections.tsx b/www/src/components/demos/combobox/sections.tsx
index 647de3540..ea84e3c8b 100644
--- a/www/src/components/demos/combobox/sections.tsx
+++ b/www/src/components/demos/combobox/sections.tsx
@@ -1,31 +1,30 @@
 import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Section } from "@/components/dynamic-core/section";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
+import { ListBoxSection } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
     <Combobox aria-label="Country">
-      <Section title="Africa">
-        <Item>Tunisia</Item>
-        <Item>Algeria</Item>
-        <Item>Morocco</Item>
-      </Section>
-      <Section title="America">
-        <Item>Canada</Item>
-        <Item>United states</Item>
-      </Section>
-      <Section title="Asia">
-        <Item>India</Item>
-        <Item>Japan</Item>
-        <Item>Korea</Item>
-      </Section>
-      <Section title="Europe">
-        <Item>France</Item>
-        <Item>Germany</Item>
-        <Item>Spain</Item>
-        <Item>United Kingdom</Item>
-      </Section>
+      <ListBoxSection title="Africa">
+        <ComboboxItem>Tunisia</ComboboxItem>
+        <ComboboxItem>Algeria</ComboboxItem>
+        <ComboboxItem>Morocco</ComboboxItem>
+      </ListBoxSection>
+      <ListBoxSection title="America">
+        <ComboboxItem>Canada</ComboboxItem>
+        <ComboboxItem>United states</ComboboxItem>
+      </ListBoxSection>
+      <ListBoxSection title="Asia">
+        <ComboboxItem>India</ComboboxItem>
+        <ComboboxItem>Japan</ComboboxItem>
+        <ComboboxItem>Korea</ComboboxItem>
+      </ListBoxSection>
+      <ListBoxSection title="Europe">
+        <ComboboxItem>France</ComboboxItem>
+        <ComboboxItem>Germany</ComboboxItem>
+        <ComboboxItem>Spain</ComboboxItem>
+        <ComboboxItem>United Kingdom</ComboboxItem>
+      </ListBoxSection>
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/combobox/uncontrolled.tsx b/www/src/components/demos/combobox/uncontrolled.tsx
index 1d8dc37f2..9dbf78788 100644
--- a/www/src/components/demos/combobox/uncontrolled.tsx
+++ b/www/src/components/demos/combobox/uncontrolled.tsx
@@ -1,17 +1,16 @@
 import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 export default function Demo() {
   return (
     <Combobox aria-label="country" defaultSelectedKey="tn">
-      <Item id="ca">Canada</Item>
-      <Item id="fr">France</Item>
-      <Item id="de">Germany</Item>
-      <Item id="es">Spain</Item>
-      <Item id="tn">Tunisia</Item>
-      <Item id="us">United States</Item>
-      <Item id="uk">United Kingdom</Item>
+      <ComboboxItem id="ca">Canada</ComboboxItem>
+      <ComboboxItem id="fr">France</ComboboxItem>
+      <ComboboxItem id="de">Germany</ComboboxItem>
+      <ComboboxItem id="es">Spain</ComboboxItem>
+      <ComboboxItem id="tn">Tunisia</ComboboxItem>
+      <ComboboxItem id="us">United States</ComboboxItem>
+      <ComboboxItem id="uk">United Kingdom</ComboboxItem>
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/combobox/validation.tsx b/www/src/components/demos/combobox/validation.tsx
index f92014d3f..8bff4da18 100644
--- a/www/src/components/demos/combobox/validation.tsx
+++ b/www/src/components/demos/combobox/validation.tsx
@@ -1,6 +1,5 @@
 import React from "react";
-import { Combobox } from "@/components/dynamic-core/combobox";
-import { Item } from "@/components/dynamic-core/list-box";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 
 export default function Demo() {
   return (
@@ -9,13 +8,13 @@ export default function Demo() {
       isInvalid
       errorMessage="Please select a country in the list."
     >
-      <Item>Canada</Item>
-      <Item>France</Item>
-      <Item>Germany</Item>
-      <Item>Spain</Item>
-      <Item>Tunisia</Item>
-      <Item>United states</Item>
-      <Item>United Kingdom</Item>
+      <ComboboxItem>Canada</ComboboxItem>
+      <ComboboxItem>France</ComboboxItem>
+      <ComboboxItem>Germany</ComboboxItem>
+      <ComboboxItem>Spain</ComboboxItem>
+      <ComboboxItem>Tunisia</ComboboxItem>
+      <ComboboxItem>United states</ComboboxItem>
+      <ComboboxItem>United Kingdom</ComboboxItem>
     </Combobox>
   );
 }
diff --git a/www/src/components/demos/dialog/drawer.tsx b/www/src/components/demos/dialog/drawer.tsx
index 77973b2df..c44c79cbb 100644
--- a/www/src/components/demos/dialog/drawer.tsx
+++ b/www/src/components/demos/dialog/drawer.tsx
@@ -4,8 +4,7 @@ import React from "react";
 import type { Key } from "react-aria-components";
 import { Button } from "@/components/dynamic-core/button";
 import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 import { Switch } from "@/components/dynamic-core/switch";
 
 export default function Demo() {
@@ -29,8 +28,8 @@ export default function Demo() {
           selectedKey={placement}
           onSelectionChange={setPlacement}
         >
-          <Item id="top">Top</Item>
-          <Item id="bottom">Bottom</Item>
+          <SelectItem id="top">Top</SelectItem>
+          <SelectItem id="bottom">Bottom</SelectItem>
         </Select>
         <Switch isSelected={swipeable} onChange={setSwipeable}>
           Swipeable
diff --git a/www/src/components/demos/dialog/inset-content.tsx b/www/src/components/demos/dialog/inset-content.tsx
index e59cf52f0..f5a7f69d1 100644
--- a/www/src/components/demos/dialog/inset-content.tsx
+++ b/www/src/components/demos/dialog/inset-content.tsx
@@ -8,6 +8,7 @@ import {
   DialogFooter,
   DialogInset,
 } from "@/components/dynamic-core/dialog";
+
 export default function Demo() {
   return (
     <DialogRoot>
diff --git a/www/src/components/demos/dialog/popover.tsx b/www/src/components/demos/dialog/popover.tsx
index 27c04a950..c79fcaaf7 100644
--- a/www/src/components/demos/dialog/popover.tsx
+++ b/www/src/components/demos/dialog/popover.tsx
@@ -5,9 +5,8 @@ import { InfoIcon } from "lucide-react";
 import type { Key } from "react-aria-components";
 import { Button } from "@/components/dynamic-core/button";
 import { DialogRoot, Dialog } from "@/components/dynamic-core/dialog";
-import { Item } from "@/components/dynamic-core/list-box";
 import { NumberField } from "@/components/dynamic-core/number-field";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 import { Switch } from "@/components/dynamic-core/switch";
 
 export default function Demo() {
@@ -36,8 +35,8 @@ export default function Demo() {
           selectedKey={placement}
           onSelectionChange={setPlacement}
         >
-          <Item id="top">Top</Item>
-          <Item id="bottom">Bottom</Item>
+          <SelectItem id="top">Top</SelectItem>
+          <SelectItem id="bottom">Bottom</SelectItem>
         </Select>
         <NumberField label="Offset" value={offset} onChange={setOffset} />
         <NumberField
diff --git a/www/src/components/demos/file-trigger/default.tsx b/www/src/components/demos/file-trigger/default.tsx
index cebbda1c8..22f8b3d4d 100644
--- a/www/src/components/demos/file-trigger/default.tsx
+++ b/www/src/components/demos/file-trigger/default.tsx
@@ -13,7 +13,8 @@ export default function FileTriggerDemo() {
         onSelect={(e) => {
           if (e) {
             const files = Array.from(e);
-            setFile(files[0].name);
+            const fileName = files[0]?.name;
+            if (fileName) setFile(fileName);
           }
         }}
         allowsMultiple
diff --git a/www/src/components/demos/form/react-aria.tsx b/www/src/components/demos/form/react-aria.tsx
index 31ce2c2b5..d6ddc259b 100644
--- a/www/src/components/demos/form/react-aria.tsx
+++ b/www/src/components/demos/form/react-aria.tsx
@@ -5,9 +5,8 @@ import { Button } from "@/components/dynamic-core/button";
 import { Checkbox } from "@/components/dynamic-core/checkbox";
 import { Combobox } from "@/components/dynamic-core/combobox";
 import { DatePicker } from "@/components/dynamic-core/date-picker";
-import { Item } from "@/components/dynamic-core/list-box";
 import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { Form } from "@/registry/core/form_basic";
 
@@ -61,9 +60,9 @@ export default function Demo() {
           className="w-full"
         >
           {(item) => (
-            <Item key={item.value} id={item.value}>
+            <SelectItem key={item.value} id={item.value}>
               {item.label}
-            </Item>
+            </SelectItem>
           )}
         </Combobox>
         <Select
@@ -73,8 +72,8 @@ export default function Demo() {
           variant="outline"
           className="w-full"
         >
-          <Item id="linkedin">LinkedIn</Item>
-          <Item id="x">X</Item>
+          <SelectItem id="linkedin">LinkedIn</SelectItem>
+          <SelectItem id="x">X</SelectItem>
         </Select>
         <Checkbox isRequired>I agree to the terms and conditions</Checkbox>
         <div className="flex justify-end">
diff --git a/www/src/components/demos/form/react-hook-form.tsx b/www/src/components/demos/form/react-hook-form.tsx
index 8356ca57f..7a3d1cb13 100644
--- a/www/src/components/demos/form/react-hook-form.tsx
+++ b/www/src/components/demos/form/react-hook-form.tsx
@@ -8,9 +8,8 @@ import { Button } from "@/components/dynamic-core/button";
 import { Checkbox } from "@/components/dynamic-core/checkbox";
 import { Combobox } from "@/components/dynamic-core/combobox";
 import { DatePicker } from "@/components/dynamic-core/date-picker";
-import { Item } from "@/components/dynamic-core/list-box";
 import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { Form, FormControl } from "@/registry/core/form_react-hook-form";
 
@@ -95,9 +94,9 @@ export default function Demo() {
               {...props}
             >
               {(item) => (
-                <Item key={item.value} id={item.value}>
+                <SelectItem key={item.value} id={item.value}>
                   {item.label}
-                </Item>
+                </SelectItem>
               )}
             </Combobox>
           )}
@@ -113,8 +112,8 @@ export default function Demo() {
               className="w-full"
               {...props}
             >
-              <Item id="linkedin">LinkedIn</Item>
-              <Item id="x">X</Item>
+              <SelectItem id="linkedin">LinkedIn</SelectItem>
+              <SelectItem id="x">X</SelectItem>
             </Select>
           )}
         />
diff --git a/www/src/components/demos/list-box/async-loading.tsx b/www/src/components/demos/list-box/async-loading.tsx
index a8e2db467..385ddc175 100644
--- a/www/src/components/demos/list-box/async-loading.tsx
+++ b/www/src/components/demos/list-box/async-loading.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useAsyncList } from "react-stately";
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 interface Character {
   name: string;
@@ -25,7 +25,7 @@ export default function Demo() {
       isLoading={list.isLoading}
       selectionMode="single"
     >
-      {(item) => <Item id={item.name}>{item.name}</Item>}
+      {(item) => <ListBoxItem id={item.name}>{item.name}</ListBoxItem>}
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/basic.tsx b/www/src/components/demos/list-box/basic.tsx
index 282b7e322..fa3670d61 100644
--- a/www/src/components/demos/list-box/basic.tsx
+++ b/www/src/components/demos/list-box/basic.tsx
@@ -1,12 +1,12 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
     <ListBox aria-label="Framework">
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item>Astro</Item>
-      <Item>Gatsby</Item>
+      <ListBoxItem>Next.js</ListBoxItem>
+      <ListBoxItem>Remix</ListBoxItem>
+      <ListBoxItem>Astro</ListBoxItem>
+      <ListBoxItem>Gatsby</ListBoxItem>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/composition.tsx b/www/src/components/demos/list-box/composition.tsx
index 50a1e68e3..dd9534a2c 100644
--- a/www/src/components/demos/list-box/composition.tsx
+++ b/www/src/components/demos/list-box/composition.tsx
@@ -1,27 +1,27 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 import { Text } from "@/components/dynamic-core/text";
 
 export default function Demo() {
   return (
     <ListBox aria-label="Framework" selectionMode="multiple" className="w-60">
-      <Item>
+      <ListBoxItem>
         <Text slot="label">Next.js</Text>
         <Text slot="description">
           React-based SSR and static site framework.
         </Text>
-      </Item>
-      <Item>
+      </ListBoxItem>
+      <ListBoxItem>
         <Text slot="label">Remix</Text>
         <Text slot="description">
           Full-stack framework with efficient data loading.
         </Text>
-      </Item>
-      <Item>
+      </ListBoxItem>
+      <ListBoxItem>
         <Text slot="label">Astro</Text>
         <Text slot="description">
           Lightweight static site builder for performance.
         </Text>
-      </Item>
+      </ListBoxItem>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/controlled.tsx b/www/src/components/demos/list-box/controlled.tsx
index 63eada47f..748d3feeb 100644
--- a/www/src/components/demos/list-box/controlled.tsx
+++ b/www/src/components/demos/list-box/controlled.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import type { Selection } from "react-aria-components";
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   const [selected, setSelected] = React.useState<Selection>(
@@ -16,10 +16,10 @@ export default function Demo() {
         selectedKeys={selected}
         onSelectionChange={setSelected}
       >
-        <Item id="nextjs">Next.js</Item>
-        <Item id="remix">Remix</Item>
-        <Item id="astro">Astro</Item>
-        <Item id="gatsby">Gatsby</Item>
+        <ListBoxItem id="nextjs">Next.js</ListBoxItem>
+        <ListBoxItem id="remix">Remix</ListBoxItem>
+        <ListBoxItem id="astro">Astro</ListBoxItem>
+        <ListBoxItem id="gatsby">Gatsby</ListBoxItem>
       </ListBox>
       <p className="text-fg-muted text-sm">
         Selected items:{" "}
diff --git a/www/src/components/demos/list-box/disabled-items.tsx b/www/src/components/demos/list-box/disabled-items.tsx
index 65867586b..9636d98a9 100644
--- a/www/src/components/demos/list-box/disabled-items.tsx
+++ b/www/src/components/demos/list-box/disabled-items.tsx
@@ -1,12 +1,12 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
     <ListBox aria-label="Favorite framework" selectionMode="single">
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item isDisabled>Gatsby</Item>
-      <Item>Astro</Item>
+      <ListBoxItem>Next.js</ListBoxItem>
+      <ListBoxItem>Remix</ListBoxItem>
+      <ListBoxItem isDisabled>Gatsby</ListBoxItem>
+      <ListBoxItem>Astro</ListBoxItem>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/empty-state.tsx b/www/src/components/demos/list-box/empty-state.tsx
index c50a8e5e1..6f0c8cc8e 100644
--- a/www/src/components/demos/list-box/empty-state.tsx
+++ b/www/src/components/demos/list-box/empty-state.tsx
@@ -7,6 +7,8 @@ export default function Demo() {
     <ListBox
       aria-label="Search results"
       renderEmptyState={() => "No results found."}
-    ></ListBox>
+    >
+      {[]}
+    </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/grid.tsx b/www/src/components/demos/list-box/grid.tsx
index 18766e2ed..6dd354b48 100644
--- a/www/src/components/demos/list-box/grid.tsx
+++ b/www/src/components/demos/list-box/grid.tsx
@@ -1,12 +1,12 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
     <ListBox aria-label="Framework" layout="grid">
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item>Astro</Item>
-      <Item>Gatsby</Item>
+      <ListBoxItem>Next.js</ListBoxItem>
+      <ListBoxItem>Remix</ListBoxItem>
+      <ListBoxItem>Astro</ListBoxItem>
+      <ListBoxItem>Gatsby</ListBoxItem>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/horizontal.tsx b/www/src/components/demos/list-box/horizontal.tsx
index 0fe23ffd7..9de01e26e 100644
--- a/www/src/components/demos/list-box/horizontal.tsx
+++ b/www/src/components/demos/list-box/horizontal.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
@@ -7,9 +7,13 @@ export default function Demo() {
       orientation="horizontal"
       selectionMode="single"
     >
-      <Item textValue="Read" label="Read" description="Read Only" />
-      <Item textValue="Write" label="Write" description="Read and Write Only" />
-      <Item textValue="Admin" label="Admin" description="Full access" />
+      <ListBoxItem textValue="Read" label="Read" description="Read Only" />
+      <ListBoxItem
+        textValue="Write"
+        label="Write"
+        description="Read and Write Only"
+      />
+      <ListBoxItem textValue="Admin" label="Admin" description="Full access" />
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/item-variant.tsx b/www/src/components/demos/list-box/item-variant.tsx
index 7792742d7..7062c5b5b 100644
--- a/www/src/components/demos/list-box/item-variant.tsx
+++ b/www/src/components/demos/list-box/item-variant.tsx
@@ -1,12 +1,12 @@
-import { Item, ListBox } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
     <ListBox aria-label="project">
-      <Item>View logs</Item>
-      <Item>Manage domains</Item>
-      <Item>Transfer project</Item>
-      <Item variant="danger">Delete project</Item>
+      <ListBoxItem>View logs</ListBoxItem>
+      <ListBoxItem>Manage domains</ListBoxItem>
+      <ListBoxItem>Transfer project</ListBoxItem>
+      <ListBoxItem variant="danger">Delete project</ListBoxItem>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/label-and-description.tsx b/www/src/components/demos/list-box/label-and-description.tsx
index 77b203355..dd5789051 100644
--- a/www/src/components/demos/list-box/label-and-description.tsx
+++ b/www/src/components/demos/list-box/label-and-description.tsx
@@ -1,18 +1,25 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-import { Section } from "@/components/dynamic-core/section";
+import {
+  ListBox,
+  ListBoxItem,
+  ListBoxSection,
+} from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
     <ListBox aria-label="Options" selectionMode="single">
-      <Section title="Permissions">
-        <Item textValue="Read" label="Read" description="Read Only" />
-        <Item
+      <ListBoxSection title="Permissions">
+        <ListBoxItem textValue="Read" label="Read" description="Read Only" />
+        <ListBoxItem
           textValue="Write"
           label="Write"
           description="Read and Write Only"
         />
-        <Item textValue="Admin" label="Admin" description="Full access" />
-      </Section>
+        <ListBoxItem
+          textValue="Admin"
+          label="Admin"
+          description="Full access"
+        />
+      </ListBoxSection>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/links.tsx b/www/src/components/demos/list-box/links.tsx
index a07634dea..e6d621d90 100644
--- a/www/src/components/demos/list-box/links.tsx
+++ b/www/src/components/demos/list-box/links.tsx
@@ -1,30 +1,30 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 import { DiscordIcon, GitHubIcon, TwitterIcon } from "@/components/icons";
 
 export default function Demo() {
   return (
     <ListBox aria-label="Links" className="w-auto">
-      <Item
+      <ListBoxItem
         href="https://github.com/mehdibha"
         target="_blank"
         prefix={<GitHubIcon />}
       >
         GitHub
-      </Item>
-      <Item
+      </ListBoxItem>
+      <ListBoxItem
         href="https://discord.com/invite/DXpj5V2fU8"
         target="_blank"
         prefix={<DiscordIcon />}
       >
         Discord
-      </Item>
-      <Item
+      </ListBoxItem>
+      <ListBoxItem
         href="https://x.com/mehdibha_"
         target="_blank"
         prefix={<TwitterIcon />}
       >
         X
-      </Item>
+      </ListBoxItem>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/loading.tsx b/www/src/components/demos/list-box/loading.tsx
index d0093acbd..f0dfe7890 100644
--- a/www/src/components/demos/list-box/loading.tsx
+++ b/www/src/components/demos/list-box/loading.tsx
@@ -1,11 +1,11 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
     <ListBox isLoading>
-      <Item>User 1</Item>
-      <Item>User 2</Item>
-      <Item>User 3</Item>
+      <ListBoxItem>User 1</ListBoxItem>
+      <ListBoxItem>User 2</ListBoxItem>
+      <ListBoxItem>User 3</ListBoxItem>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/prefix-and-suffix.tsx b/www/src/components/demos/list-box/prefix-and-suffix.tsx
index 4e1c25524..fea485fac 100644
--- a/www/src/components/demos/list-box/prefix-and-suffix.tsx
+++ b/www/src/components/demos/list-box/prefix-and-suffix.tsx
@@ -1,20 +1,20 @@
 import { SquarePenIcon, PlusSquareIcon, CopyIcon } from "lucide-react";
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
     <ListBox aria-label="Framework" className="w-60">
-      <Item
+      <ListBoxItem
         label="New file"
         description="Create a new file"
         prefix={<PlusSquareIcon />}
       />
-      <Item
+      <ListBoxItem
         label="Copy link"
         description="Copy the file link"
         prefix={<CopyIcon />}
       />
-      <Item
+      <ListBoxItem
         label="Edit file"
         description="Allows you to edit the file"
         prefix={<SquarePenIcon />}
diff --git a/www/src/components/demos/list-box/sections.tsx b/www/src/components/demos/list-box/sections.tsx
index 3d078f547..708369f34 100644
--- a/www/src/components/demos/list-box/sections.tsx
+++ b/www/src/components/demos/list-box/sections.tsx
@@ -1,25 +1,28 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
-import { Section } from "@/components/dynamic-core/section";
+import {
+  ListBox,
+  ListBoxItem,
+  ListBoxSection,
+} from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
     <ListBox aria-label="Burger contents" selectionMode="multiple">
-      <Section title="Sauces">
-        <Item id="signature-sauce">Signature sauce</Item>
-        <Item id="bbq-sauce">BBQ sauce</Item>
-        <Item id="honey-mustard">Honey mustard</Item>
-        <Item id="tartar-sauce">Tartar sauce</Item>
-      </Section>
-      <Section title="Cheese">
-        <Item id="pepperjack">Pepperjack</Item>
-        <Item id="mozzarella">Mozzarella</Item>
-        <Item id="blue-cheese">Blue cheese</Item>
-      </Section>
-      <Section title="Extras">
-        <Item id="bacon">Bacon</Item>
-        <Item id="sauteed-onions">Sauteed onions</Item>
-        <Item id="green-pepper">Green pepper</Item>
-      </Section>
+      <ListBoxSection title="Sauces">
+        <ListBoxItem id="signature-sauce">Signature sauce</ListBoxItem>
+        <ListBoxItem id="bbq-sauce">BBQ sauce</ListBoxItem>
+        <ListBoxItem id="honey-mustard">Honey mustard</ListBoxItem>
+        <ListBoxItem id="tartar-sauce">Tartar sauce</ListBoxItem>
+      </ListBoxSection>
+      <ListBoxSection title="Cheese">
+        <ListBoxItem id="pepperjack">Pepperjack</ListBoxItem>
+        <ListBoxItem id="mozzarella">Mozzarella</ListBoxItem>
+        <ListBoxItem id="blue-cheese">Blue cheese</ListBoxItem>
+      </ListBoxSection>
+      <ListBoxSection title="Extras">
+        <ListBoxItem id="bacon">Bacon</ListBoxItem>
+        <ListBoxItem id="sauteed-onions">Sauteed onions</ListBoxItem>
+        <ListBoxItem id="green-pepper">Green pepper</ListBoxItem>
+      </ListBoxSection>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/selection-behavior.tsx b/www/src/components/demos/list-box/selection-behavior.tsx
index 2001faf43..55f849db4 100644
--- a/www/src/components/demos/list-box/selection-behavior.tsx
+++ b/www/src/components/demos/list-box/selection-behavior.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
@@ -7,10 +7,10 @@ export default function Demo() {
       selectionMode="multiple"
       selectionBehavior="replace"
     >
-      <Item>Next.js</Item>
-      <Item>Remix</Item>
-      <Item>Astro</Item>
-      <Item>Gatsby</Item>
+      <ListBoxItem>Next.js</ListBoxItem>
+      <ListBoxItem>Remix</ListBoxItem>
+      <ListBoxItem>Astro</ListBoxItem>
+      <ListBoxItem>Gatsby</ListBoxItem>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/selection-mode.tsx b/www/src/components/demos/list-box/selection-mode.tsx
index 5b07fc1e0..910aa30a8 100644
--- a/www/src/components/demos/list-box/selection-mode.tsx
+++ b/www/src/components/demos/list-box/selection-mode.tsx
@@ -1,19 +1,19 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
     <div className="flex items-start gap-10">
       <ListBox aria-label="Framework" selectionMode="single">
-        <Item>Next.js</Item>
-        <Item>Remix</Item>
-        <Item>Astro</Item>
-        <Item>Gatsby</Item>
+        <ListBoxItem>Next.js</ListBoxItem>
+        <ListBoxItem>Remix</ListBoxItem>
+        <ListBoxItem>Astro</ListBoxItem>
+        <ListBoxItem>Gatsby</ListBoxItem>
       </ListBox>
       <ListBox aria-label="Framework" selectionMode="multiple">
-        <Item>Next.js</Item>
-        <Item>Remix</Item>
-        <Item>Astro</Item>
-        <Item>Gatsby</Item>
+        <ListBoxItem>Next.js</ListBoxItem>
+        <ListBoxItem>Remix</ListBoxItem>
+        <ListBoxItem>Astro</ListBoxItem>
+        <ListBoxItem>Gatsby</ListBoxItem>
       </ListBox>
     </div>
   );
diff --git a/www/src/components/demos/list-box/separator.tsx b/www/src/components/demos/list-box/separator.tsx
index 3ffe64a69..d67a7d2a3 100644
--- a/www/src/components/demos/list-box/separator.tsx
+++ b/www/src/components/demos/list-box/separator.tsx
@@ -1,18 +1,18 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 import { Separator } from "@/components/dynamic-core/separator";
 
 export default function Demo() {
   return (
     <ListBox aria-label="File">
-      <Item>New...</Item>
-      <Item>Badges</Item>
+      <ListBoxItem>New...</ListBoxItem>
+      <ListBoxItem>Badges</ListBoxItem>
       <Separator />
-      <Item>Save</Item>
-      <Item>Save as...</Item>
-      <Item>Rename...</Item>
+      <ListBoxItem>Save</ListBoxItem>
+      <ListBoxItem>Save as...</ListBoxItem>
+      <ListBoxItem>Rename...</ListBoxItem>
       <Separator />
-      <Item>Page setup…</Item>
-      <Item>Print…</Item>
+      <ListBoxItem>Page setup…</ListBoxItem>
+      <ListBoxItem>Print…</ListBoxItem>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/list-box/uncontrolled.tsx b/www/src/components/demos/list-box/uncontrolled.tsx
index c4018accf..cfcaec6b3 100644
--- a/www/src/components/demos/list-box/uncontrolled.tsx
+++ b/www/src/components/demos/list-box/uncontrolled.tsx
@@ -1,4 +1,4 @@
-import { ListBox, Item } from "@/components/dynamic-core/list-box";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 
 export default function Demo() {
   return (
@@ -7,10 +7,10 @@ export default function Demo() {
       selectionMode="multiple"
       defaultSelectedKeys={["nextjs", "remix", "astro"]}
     >
-      <Item id="nextjs">Next.js</Item>
-      <Item id="remix">Remix</Item>
-      <Item id="astro">Astro</Item>
-      <Item id="gatsby">Gatsby</Item>
+      <ListBoxItem id="nextjs">Next.js</ListBoxItem>
+      <ListBoxItem id="remix">Remix</ListBoxItem>
+      <ListBoxItem id="astro">Astro</ListBoxItem>
+      <ListBoxItem id="gatsby">Gatsby</ListBoxItem>
     </ListBox>
   );
 }
diff --git a/www/src/components/demos/menu/placement.tsx b/www/src/components/demos/menu/placement.tsx
index f8ae77d76..f25adff50 100644
--- a/www/src/components/demos/menu/placement.tsx
+++ b/www/src/components/demos/menu/placement.tsx
@@ -3,17 +3,10 @@
 import React from "react";
 import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
-import { Item } from "@/components/dynamic-core/list-box";
-import {
-  Menu,
-  MenuItem,
-  MenuRoot,
-  type MenuProps,
-} from "@/components/dynamic-core/menu";
-import { Select } from "@/components/dynamic-core/select";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
-// TODO
-// type Placement = MenuProps<object>["placement"]
+// TODO: finish example
 
 export default function Demo() {
   const [placement, setPlacement] = React.useState("top");
@@ -60,9 +53,9 @@ export default function Demo() {
           "end top",
           "end bottom",
         ].map((pos, index) => (
-          <Item key={index} id={pos.replace(" ", "")}>
+          <SelectItem key={index} id={pos.replace(" ", "")}>
             {pos}
-          </Item>
+          </SelectItem>
         ))}
       </Select>
     </div>
diff --git a/www/src/components/demos/menu/section.tsx b/www/src/components/demos/menu/section.tsx
index 2e670efa8..e29f7768a 100644
--- a/www/src/components/demos/menu/section.tsx
+++ b/www/src/components/demos/menu/section.tsx
@@ -1,7 +1,11 @@
 import { MenuIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
-import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
-import { Section } from "@/components/dynamic-core/section";
+import {
+  Menu,
+  MenuItem,
+  MenuRoot,
+  MenuSection,
+} from "@/components/dynamic-core/menu";
 
 export default function Demo() {
   return (
@@ -10,14 +14,14 @@ export default function Demo() {
         <MenuIcon />
       </Button>
       <Menu>
-        <Section title="Notifications">
+        <MenuSection title="Notifications">
           <MenuItem>Push notifications</MenuItem>
           <MenuItem>Badges</MenuItem>
-        </Section>
-        <Section title="Panels">
+        </MenuSection>
+        <MenuSection title="Panels">
           <MenuItem id="console">Console</MenuItem>
           <MenuItem>Search</MenuItem>
-        </Section>
+        </MenuSection>
       </Menu>
     </MenuRoot>
   );
diff --git a/www/src/components/demos/range-calendar/non-contiguous-ranges.tsx b/www/src/components/demos/range-calendar/non-contiguous-ranges.tsx
index ba5939c46..cf3af2354 100644
--- a/www/src/components/demos/range-calendar/non-contiguous-ranges.tsx
+++ b/www/src/components/demos/range-calendar/non-contiguous-ranges.tsx
@@ -9,7 +9,7 @@ import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   const now = today(getLocalTimeZone());
-  const disabledRanges = [
+  const disabledRanges: [DateValue, DateValue][] = [
     [now, now.add({ days: 5 })],
     [now.add({ days: 14 }), now.add({ days: 16 })],
     [now.add({ days: 23 }), now.add({ days: 24 })],
diff --git a/www/src/components/demos/range-calendar/unvailable-dates.tsx b/www/src/components/demos/range-calendar/unvailable-dates.tsx
index 12312857a..448f97d35 100644
--- a/www/src/components/demos/range-calendar/unvailable-dates.tsx
+++ b/www/src/components/demos/range-calendar/unvailable-dates.tsx
@@ -9,7 +9,7 @@ import { RangeCalendar } from "@/components/dynamic-core/calendar";
 
 export default function Demo() {
   const now = today(getLocalTimeZone());
-  const disabledRanges = [
+  const disabledRanges: [DateValue, DateValue][] = [
     [now, now.add({ days: 5 })],
     [now.add({ days: 14 }), now.add({ days: 16 })],
     [now.add({ days: 23 }), now.add({ days: 24 })],
diff --git a/www/src/components/demos/select/async-loading.tsx b/www/src/components/demos/select/async-loading.tsx
index af974b716..a8f1653b5 100644
--- a/www/src/components/demos/select/async-loading.tsx
+++ b/www/src/components/demos/select/async-loading.tsx
@@ -2,8 +2,7 @@
 
 import React from "react";
 import { useAsyncList } from "react-stately";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 interface Character {
   name: string;
@@ -22,7 +21,7 @@ export default function Demo() {
   });
   return (
     <Select isLoading={list.isLoading} items={list.items}>
-      {(item) => <Item id={item.name}>{item.name}</Item>}
+      {(item) => <SelectItem id={item.name}>{item.name}</SelectItem>}
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/basic.tsx b/www/src/components/demos/select/basic.tsx
index fd66afadd..467a1a07c 100644
--- a/www/src/components/demos/select/basic.tsx
+++ b/www/src/components/demos/select/basic.tsx
@@ -1,14 +1,13 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
     <Select>
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
+      <SelectItem>Perplexity</SelectItem>
+      <SelectItem>Replicate</SelectItem>
+      <SelectItem>Together AI</SelectItem>
+      <SelectItem>ElevenLabs</SelectItem>
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/composition.tsx b/www/src/components/demos/select/composition.tsx
index a83c30b22..45f4baa61 100644
--- a/www/src/components/demos/select/composition.tsx
+++ b/www/src/components/demos/select/composition.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { ChevronsUpDownIcon } from "lucide-react";
 import { Button } from "@/components/dynamic-core/button";
-import { Item, ListBox } from "@/components/dynamic-core/list-box";
+import { ListBoxItem, ListBox } from "@/components/dynamic-core/list-box";
 import { Overlay } from "@/components/dynamic-core/overlay";
 import { SelectRoot, SelectValue } from "@/components/dynamic-core/select";
 
@@ -16,10 +16,10 @@ export default function Demo() {
       </Button>
       <Overlay type="popover">
         <ListBox>
-          <Item>Perplexity</Item>
-          <Item>Replicate</Item>
-          <Item>Together AI</Item>
-          <Item>ElevenLabs</Item>
+          <ListBoxItem>Perplexity</ListBoxItem>
+          <ListBoxItem>Replicate</ListBoxItem>
+          <ListBoxItem>Together AI</ListBoxItem>
+          <ListBoxItem>ElevenLabs</ListBoxItem>
         </ListBox>
       </Overlay>
     </SelectRoot>
diff --git a/www/src/components/demos/select/controlled.tsx b/www/src/components/demos/select/controlled.tsx
index 5f70f3756..0a318e9bf 100644
--- a/www/src/components/demos/select/controlled.tsx
+++ b/www/src/components/demos/select/controlled.tsx
@@ -2,18 +2,17 @@
 
 import React from "react";
 import type { Key } from "react-aria-components";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   const [provider, setProvider] = React.useState<Key>("eleven-labs");
   return (
     <div className="flex flex-col items-center gap-6">
       <Select selectedKey={provider} onSelectionChange={setProvider}>
-        <Item id="perplexity">Perplexity</Item>
-        <Item id="replicate">Replicate</Item>
-        <Item id="together-ai">Together AI</Item>
-        <Item id="eleven-labs">ElevenLabs</Item>
+        <SelectItem id="perplexity">Perplexity</SelectItem>
+        <SelectItem id="replicate">Replicate</SelectItem>
+        <SelectItem id="together-ai">Together AI</SelectItem>
+        <SelectItem id="eleven-labs">ElevenLabs</SelectItem>
       </Select>
       <p className="text-fg-muted text-sm">
         Selected provider: <span className="text-fg font-bold">{provider}</span>
diff --git a/www/src/components/demos/select/description.tsx b/www/src/components/demos/select/description.tsx
index fbb5fb4cf..66883871a 100644
--- a/www/src/components/demos/select/description.tsx
+++ b/www/src/components/demos/select/description.tsx
@@ -1,14 +1,13 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
     <Select label="Provider" description="Please select a provider.">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
+      <SelectItem>Perplexity</SelectItem>
+      <SelectItem>Replicate</SelectItem>
+      <SelectItem>Together AI</SelectItem>
+      <SelectItem>ElevenLabs</SelectItem>
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/disabled.tsx b/www/src/components/demos/select/disabled.tsx
index 6729aaa2b..a210b4f6b 100644
--- a/www/src/components/demos/select/disabled.tsx
+++ b/www/src/components/demos/select/disabled.tsx
@@ -1,14 +1,13 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
     <Select isDisabled>
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
+      <SelectItem>Perplexity</SelectItem>
+      <SelectItem>Replicate</SelectItem>
+      <SelectItem>Together AI</SelectItem>
+      <SelectItem>ElevenLabs</SelectItem>
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/label.tsx b/www/src/components/demos/select/label.tsx
index db784a522..a2a2be0d9 100644
--- a/www/src/components/demos/select/label.tsx
+++ b/www/src/components/demos/select/label.tsx
@@ -1,14 +1,13 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
     <Select label="Provider">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
+      <SelectItem>Perplexity</SelectItem>
+      <SelectItem>Replicate</SelectItem>
+      <SelectItem>Together AI</SelectItem>
+      <SelectItem>ElevenLabs</SelectItem>
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/links.tsx b/www/src/components/demos/select/links.tsx
index 780f8c360..1c27172ac 100644
--- a/www/src/components/demos/select/links.tsx
+++ b/www/src/components/demos/select/links.tsx
@@ -1,16 +1,15 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
     <Select label="Project">
-      <Item href="/create-project" target="_blank">
+      <SelectItem href="/create-project" target="_blank">
         Create new...
-      </Item>
-      <Item>DotUI</Item>
-      <Item>Palettify</Item>
-      <Item>Notionfolio</Item>
+      </SelectItem>
+      <SelectItem>DotUI</SelectItem>
+      <SelectItem>Palettify</SelectItem>
+      <SelectItem>Notionfolio</SelectItem>
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/loading.tsx b/www/src/components/demos/select/loading.tsx
index 193d2f136..a80d01535 100644
--- a/www/src/components/demos/select/loading.tsx
+++ b/www/src/components/demos/select/loading.tsx
@@ -1,14 +1,13 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
     <Select isLoading>
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
+      <SelectItem>Perplexity</SelectItem>
+      <SelectItem>Replicate</SelectItem>
+      <SelectItem>Together AI</SelectItem>
+      <SelectItem>ElevenLabs</SelectItem>
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/placeholder.tsx b/www/src/components/demos/select/placeholder.tsx
index 8c88f4488..92caadb9b 100644
--- a/www/src/components/demos/select/placeholder.tsx
+++ b/www/src/components/demos/select/placeholder.tsx
@@ -1,14 +1,13 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
     <Select placeholder="Select a provider">
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
+      <SelectItem>Perplexity</SelectItem>
+      <SelectItem>Replicate</SelectItem>
+      <SelectItem>Together AI</SelectItem>
+      <SelectItem>ElevenLabs</SelectItem>
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/required.tsx b/www/src/components/demos/select/required.tsx
index a935c26c9..fc62b33d4 100644
--- a/www/src/components/demos/select/required.tsx
+++ b/www/src/components/demos/select/required.tsx
@@ -1,14 +1,13 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
     <Select label="Provider" isRequired>
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
+      <SelectItem>Perplexity</SelectItem>
+      <SelectItem>Replicate</SelectItem>
+      <SelectItem>Together AI</SelectItem>
+      <SelectItem>ElevenLabs</SelectItem>
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/sections.tsx b/www/src/components/demos/select/sections.tsx
index d353292d7..6790fc47e 100644
--- a/www/src/components/demos/select/sections.tsx
+++ b/www/src/components/demos/select/sections.tsx
@@ -1,32 +1,31 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Section } from "@/components/dynamic-core/section";
-import { Select } from "@/components/dynamic-core/select";
+import { ListBoxSection } from "@/components/dynamic-core/list-box";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
     <Select label="Model">
-      <Section title="OpenAI">
-        <Item>GPT-4o</Item>
-        <Item>GPT-4 Turbo</Item>
-        <Item>GPT-4</Item>
-        <Item>GPT-3.5 Turbo</Item>
-      </Section>
-      <Section title="Google">
-        <Item>Gemini 1.5 Flash</Item>
-        <Item>Gemini 1.5 Pro</Item>
-        <Item>Gemini 1.0 Pro</Item>
-      </Section>
-      <Section title="Meta">
-        <Item>Llama 3 (70B)</Item>
-        <Item>Llama 3 (8B)</Item>
-        <Item>Code Llama (70B)</Item>
-      </Section>
-      <Section title="Mistral AI">
-        <Item>Mixtral 8x22B</Item>
-        <Item>Mistral Large</Item>
-        <Item>Mistral 7B</Item>
-      </Section>
+      <ListBoxSection title="OpenAI">
+        <SelectItem>GPT-4o</SelectItem>
+        <SelectItem>GPT-4 Turbo</SelectItem>
+        <SelectItem>GPT-4</SelectItem>
+        <SelectItem>GPT-3.5 Turbo</SelectItem>
+      </ListBoxSection>
+      <ListBoxSection title="Google">
+        <SelectItem>Gemini 1.5 Flash</SelectItem>
+        <SelectItem>Gemini 1.5 Pro</SelectItem>
+        <SelectItem>Gemini 1.0 Pro</SelectItem>
+      </ListBoxSection>
+      <ListBoxSection title="Meta">
+        <SelectItem>Llama 3 (70B)</SelectItem>
+        <SelectItem>Llama 3 (8B)</SelectItem>
+        <SelectItem>Code Llama (70B)</SelectItem>
+      </ListBoxSection>
+      <ListBoxSection title="Mistral AI">
+        <SelectItem>Mixtral 8x22B</SelectItem>
+        <SelectItem>Mistral Large</SelectItem>
+        <SelectItem>Mistral 7B</SelectItem>
+      </ListBoxSection>
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/uncontrolled.tsx b/www/src/components/demos/select/uncontrolled.tsx
index 2a2537d24..6a017acbd 100644
--- a/www/src/components/demos/select/uncontrolled.tsx
+++ b/www/src/components/demos/select/uncontrolled.tsx
@@ -1,14 +1,13 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
     <Select defaultSelectedKey="eleven-labs">
-      <Item id="perplexity">Perplexity</Item>
-      <Item id="replicate">Replicate</Item>
-      <Item id="together-ai">Together AI</Item>
-      <Item id="eleven-labs">ElevenLabs</Item>
+      <SelectItem id="perplexity">Perplexity</SelectItem>
+      <SelectItem id="replicate">Replicate</SelectItem>
+      <SelectItem id="together-ai">Together AI</SelectItem>
+      <SelectItem id="eleven-labs">ElevenLabs</SelectItem>
     </Select>
   );
 }
diff --git a/www/src/components/demos/select/validation.tsx b/www/src/components/demos/select/validation.tsx
index e865a0861..cd357b71b 100644
--- a/www/src/components/demos/select/validation.tsx
+++ b/www/src/components/demos/select/validation.tsx
@@ -1,6 +1,5 @@
 import React from "react";
-import { Item } from "@/components/dynamic-core/list-box";
-import { Select } from "@/components/dynamic-core/select";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
 
 export default function Demo() {
   return (
@@ -9,10 +8,10 @@ export default function Demo() {
       isInvalid
       errorMessage="Please select an item in the list."
     >
-      <Item>Perplexity</Item>
-      <Item>Replicate</Item>
-      <Item>Together AI</Item>
-      <Item>ElevenLabs</Item>
+      <SelectItem>Perplexity</SelectItem>
+      <SelectItem>Replicate</SelectItem>
+      <SelectItem>Together AI</SelectItem>
+      <SelectItem>ElevenLabs</SelectItem>
     </Select>
   );
 }
diff --git a/www/src/components/demos/table/reordable.tsx b/www/src/components/demos/table/reordable.tsx
index 9f091b508..b2093c353 100644
--- a/www/src/components/demos/table/reordable.tsx
+++ b/www/src/components/demos/table/reordable.tsx
@@ -32,7 +32,7 @@ export default function Demo() {
       [...keys].map((key) => {
         const item = list.getItem(key);
         return {
-          "text/plain": item?.name ?? '',
+          "text/plain": item?.name ?? "",
         };
       }),
     onReorder(e) {
diff --git a/www/src/components/docs/code-block-client.tsx b/www/src/components/docs/code-block-client.tsx
index e891416bb..8fd32d6f6 100644
--- a/www/src/components/docs/code-block-client.tsx
+++ b/www/src/components/docs/code-block-client.tsx
@@ -46,11 +46,13 @@ const CodeBlockClient = ({
   expandable = false,
   ...props
 }: CodeBlockClientProps) => {
+  // @ts-expect-error fix later
   const [activeTab, setActiveTab] = React.useState<Key>(files[0].fileName);
   const [isExpanded, setExpanded] = React.useState(false);
   const handleExpand = () => {
     const prevState = isExpanded;
     if (prevState) {
+      // @ts-expect-error fix later
       setActiveTab(files[0].fileName);
     }
     setExpanded(!prevState);
@@ -100,6 +102,7 @@ const CodeBlockClient = ({
         className={cn(isExpanded ? "max-h-[400px]" : "max-h-[200px]")}
       >
         {preview && !isExpanded ? (
+          // @ts-expect-error fix later
           <TabPanel id={files[0].fileName} className="mt-0!">
             {preview}
           </TabPanel>
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index 35a1643b2..e372e08ed 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -38,7 +38,9 @@ export const ComponentPreview = async ({
 }: ComponentPreviewProps) => {
   const demoItem = Index[name];
 
+  // @ts-expect-error TODO fix later
   const Component = demoItem.component;
+  // @ts-expect-error TODO fix later
   const code: { fileName: string; code: string }[] = demoItem.files.map(
     (file: string) => {
       const { fileName, content } = getFileSource(file);
@@ -57,6 +59,7 @@ export const ComponentPreview = async ({
         <ResizableContainer resizable={resizable}>
           <Loader>
             <ThemeOverride className="relative">
+              {/* @ts-expect-error fix later */}
               <StyleSwitcher componentName={getComponentName(name)} />
               <ThemeCustomizerDialog>
                 <Tooltip
@@ -69,7 +72,7 @@ export const ComponentPreview = async ({
                   <Button
                     shape="square"
                     size="sm"
-                    className="border-border absolute right-2 top-2 z-50 font-normal"
+                    className="border-border absolute right-2 top-2 z-10 font-normal"
                   >
                     <PaintBucket />
                   </Button>
diff --git a/www/src/components/docs/mdx-components.tsx b/www/src/components/docs/mdx-components.tsx
index 767be0b09..c9def2c6f 100644
--- a/www/src/components/docs/mdx-components.tsx
+++ b/www/src/components/docs/mdx-components.tsx
@@ -60,7 +60,6 @@ export const mdxComponents: MDXComponents = {
     />
   ),
   img: ({ className, alt, ...props }) => (
-    // eslint-disable-next-line @next/next/no-img-element
     <img
       className={cn("mx-auto max-w-md rounded-md border", className)}
       alt={alt}
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
index e3b46240e..c257369f0 100644
--- a/www/src/components/docs/style-switcher.tsx
+++ b/www/src/components/docs/style-switcher.tsx
@@ -5,7 +5,7 @@ import { ChevronDownIcon } from "lucide-react";
 import { useComponentsVariants } from "@/lib/create-dynamic-component";
 import { useThemes } from "@/hooks/use-themes";
 import { Button } from "@/components/core/button";
-import { ListBox, Item } from "@/components/core/list-box";
+import { ListBox, ListBoxItem } from "@/components/core/list-box";
 import { Popover } from "@/components/core/popover";
 import { SelectRoot, SelectValue } from "@/components/core/select";
 import { core } from "@/registry/registry-core";
@@ -27,7 +27,7 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
     <SelectRoot
       selectedKey={currentVariant}
       onSelectionChange={(key) => {
-        // @ts-ignore
+        // @ts-expect-error TODO fix later
         setVariants((prevVariants) => ({
           ...prevVariants,
           [componentName]: key,
@@ -38,7 +38,7 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
       <Button
         size="sm"
         suffix={<ChevronDownIcon />}
-        className="border-border absolute left-2 top-2 z-50 text-xs font-normal"
+        className="border-border absolute left-2 top-2 z-10 text-xs font-normal"
       >
         <span className="font-bold">{primitiveName}:</span> <SelectValue />
       </Button>
@@ -46,10 +46,10 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
         <ListBox>
           {variants &&
             variants.map((item) => (
-              <Item key={item} id={item}>
+              <ListBoxItem key={item} id={item}>
                 {item}
                 {currentThemeVariant === item && " (current theme)"}
-              </Item>
+              </ListBoxItem>
             ))}
         </ListBox>
       </Popover>
diff --git a/www/src/components/docs/theme-customizer.tsx b/www/src/components/docs/theme-customizer.tsx
index 5579c0d19..244fc5021 100644
--- a/www/src/components/docs/theme-customizer.tsx
+++ b/www/src/components/docs/theme-customizer.tsx
@@ -6,8 +6,7 @@ import { useThemes } from "@/hooks/use-themes";
 import { ColorPicker } from "@/components/core/color-picker";
 import { DialogRootProps, DialogRoot, Dialog } from "@/components/core/dialog";
 import { Label } from "@/components/core/field";
-import { Item } from "@/components/core/list-box";
-import { Select } from "@/components/core/select";
+import { Select, SelectItem } from "@/components/core/select";
 import { Skeleton } from "@/components/core/skeleton";
 import { Slider } from "@/components/core/slider";
 import { Tag, TagGroup } from "@/components/core/tag-group";
@@ -52,9 +51,9 @@ export const ThemeCustomizerDialog = ({
               className="w-36 [&_button]:w-full"
             >
               {themes.map((theme) => (
-                <Item key={theme.id} id={theme.id}>
+                <SelectItem key={theme.id} id={theme.id}>
                   {theme.name}
-                </Item>
+                </SelectItem>
               ))}
             </Select>
             {!isLoading && isCurrentThemeEditable && <></>}
@@ -142,9 +141,9 @@ export const ThemeCustomizerDialog = ({
               isDisabled={!isCurrentThemeEditable}
             >
               {googleFonts.map((font) => (
-                <Item key={font.id} id={font.id}>
+                <SelectItem key={font.id} id={font.id}>
                   {font.name}
-                </Item>
+                </SelectItem>
               ))}
             </Select>
           </Skeleton>
@@ -160,9 +159,9 @@ export const ThemeCustomizerDialog = ({
               isDisabled={!isCurrentThemeEditable}
             >
               {googleFonts.map((font) => (
-                <Item key={font.id} id={font.id}>
+                <SelectItem key={font.id} id={font.id}>
                   {font.name}
-                </Item>
+                </SelectItem>
               ))}
             </Select>
           </Skeleton>
@@ -173,7 +172,7 @@ export const ThemeCustomizerDialog = ({
               className="w-36 [&_button]:w-full"
               isDisabled={!isCurrentThemeEditable}
             >
-              <Item id="lucide">Lucide icons</Item>
+              <SelectItem id="lucide">Lucide icons</SelectItem>
             </Select>
           </Skeleton>
           <Skeleton show={isLoading}>
diff --git a/www/src/components/dynamic-core/section.tsx b/www/src/components/dynamic-core/section.tsx
deleted file mode 100644
index 4b4415d54..000000000
--- a/www/src/components/dynamic-core/section.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "@/registry/core/section";
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index cc689e4ff..85ef775a4 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -3,6 +3,7 @@
 import React from "react";
 import Link from "next/link";
 import { SearchIcon } from "lucide-react";
+import { cn } from "@/lib/utils";
 import { Avatar } from "@/components/core/avatar";
 import { Button } from "@/components/core/button";
 import { DialogRoot, Dialog } from "@/components/core/dialog";
@@ -12,10 +13,11 @@ import { GitHubIcon, TwitterIcon } from "./icons";
 import { SearchCommand } from "./search-command";
 import { ThemeSwitcher } from "./theme-switcher";
 
-export function Header() {
+export function Header({ className }: { className?: string }) {
   return (
-    <header className="bg-bg sticky top-0 z-50 w-full border-b">
-      {/* <div className="container max-w-screen-2xl relative flex h-14  items-center justify-between"> */}
+    <header
+      className={cn("bg-bg sticky top-0 z-50 w-full border-b", className)}
+    >
       <div className="container relative flex h-14 max-w-screen-2xl items-center justify-between">
         <div className="flex items-center gap-6">
           <Logo />
@@ -121,11 +123,7 @@ const SearchDocs = ({ children }: { children: React.ReactNode }) => {
     <DialogRoot isOpen={isOpen} onOpenChange={setIsOpen}>
       {children}
       <Dialog className="p-0!">
-        <SearchCommand
-        // TODO CHECK THIS
-        // onRunCommand={() => setIsOpen(false)}
-        // className="h-72 max-h-full rounded-lg"
-        />
+        <SearchCommand />
         <Button
           slot="close"
           variant="outline"
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index 70d44fde8..ef19453ca 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -3,18 +3,31 @@
 import Link from "next/link";
 import type { PageTree } from "fumadocs-core/server";
 import { AlignLeftIcon, PanelLeftCloseIcon, SearchIcon } from "lucide-react";
+import { cn } from "@/lib/utils";
 import { Avatar } from "@/components/core/avatar";
 import { Button } from "@/components/core/button";
 import { Dialog, DialogRoot } from "@/components/core/dialog";
 import { ScrollArea } from "@/components/core/scroll-area";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { siteConfig } from "@/config";
+import { SearchCommand } from "./search-command";
 import { NodeList } from "./sidebar";
 import { ThemeSwitcher } from "./theme-switcher";
 
-export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
+export const MobileNav = ({
+  className,
+  items,
+}: {
+  className?: string;
+  items: PageTree.Node[];
+}) => {
   return (
-    <header className="bg-bg sticky top-0 z-50 block border-b backdrop-blur-md sm:hidden">
+    <header
+      className={cn(
+        "bg-bg sticky top-0 z-50 block border-b backdrop-blur-md",
+        className
+      )}
+    >
       <div className="max-w-(--breakpoint-2xl) container flex h-14 w-full items-center justify-between">
         <DialogRoot>
           <Button variant="quiet" size="sm" shape="square">
@@ -29,26 +42,31 @@ export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
           >
             {({ close }) => (
               <div className="z-50 flex h-full flex-col">
-                <div className="flex items-center justify-between p-2">
-                  <Link
-                    href="/"
-                    className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
-                  >
-                    <Avatar
-                      src={siteConfig.global.logo}
-                      alt={siteConfig.global.name}
-                      width={24}
-                      height={24}
-                      loading="lazy"
-                      className="m-1 size-6 rounded-sm"
-                    />
-                    <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
-                      {siteConfig.global.name}
-                    </div>
-                  </Link>
-                  <Button size="sm" shape="square" onPress={close}>
-                    <PanelLeftCloseIcon />
-                  </Button>
+                <div>
+                  <div className="flex items-center justify-between p-2">
+                    <Link
+                      href="/"
+                      className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
+                    >
+                      <Avatar
+                        src={siteConfig.global.logo}
+                        alt={siteConfig.global.name}
+                        width={24}
+                        height={24}
+                        loading="lazy"
+                        className="m-1 size-6 rounded-sm"
+                      />
+                      <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
+                        {siteConfig.global.name}
+                      </div>
+                    </Link>
+                    <Button size="sm" shape="square" onPress={close}>
+                      <PanelLeftCloseIcon />
+                    </Button>
+                  </div>
+                  <div className="p-2">
+                    <SearchCommandButton />
+                  </div>
                 </div>
                 <ScrollArea
                   size="sm"
@@ -92,9 +110,14 @@ export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
           </Dialog>
         </DialogRoot>
         <div className="flex items-center gap-1">
-          <Button variant="quiet" size="sm" shape="square">
-            <SearchIcon />
-          </Button>
+          <DialogRoot>
+            <Button variant="quiet" size="sm" shape="square">
+              <SearchIcon />
+            </Button>
+            <Dialog className="p-0!">
+              <SearchCommand />
+            </Dialog>
+          </DialogRoot>
           <Button
             href={siteConfig.links.github}
             target="_blank"
@@ -120,3 +143,20 @@ export const MobileNav = ({ items }: { items: PageTree.Node[] }) => {
     </header>
   );
 };
+
+const SearchCommandButton = () => {
+  return (
+    <DialogRoot>
+      <Button
+        prefix={<SearchIcon />}
+        variant="outline"
+        className="bg-bg-inverse/5 w-full"
+      >
+        <span className="flex-1 text-left">Search </span>
+      </Button>
+      <Dialog className="p-0!">
+        <SearchCommand />
+      </Dialog>
+    </DialogRoot>
+  );
+};
diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
index 8876dfaa5..e3cf29396 100644
--- a/www/src/components/search-command-client.tsx
+++ b/www/src/components/search-command-client.tsx
@@ -8,9 +8,8 @@ import {
   SearchIcon,
 } from "lucide-react";
 import { useFilter } from "react-aria-components";
-import { MenuContent, MenuItem } from "@/components/core/menu";
+import { MenuContent, MenuItem, MenuSection } from "@/components/core/menu";
 import { SearchFieldRoot } from "@/components/core/search-field";
-import { Section } from "@/components/core/section";
 import { Command } from "@/registry/core/command_basic";
 import { Input, InputRoot } from "@/registry/core/input_basic";
 
@@ -53,7 +52,7 @@ export function SearchCommandClient({ items }: SearchCommandClientProps) {
       </div>
       <MenuContent items={items} className="h-full overflow-y-scroll py-1">
         {items.map((category, categoryIndex) => (
-          <Section key={categoryIndex} title={category.title}>
+          <MenuSection key={categoryIndex} title={category.title}>
             {category.items.map((page) => (
               <React.Fragment key={page.id}>
                 <MenuItem
@@ -66,7 +65,7 @@ export function SearchCommandClient({ items }: SearchCommandClientProps) {
                 </MenuItem>
               </React.Fragment>
             ))}
-          </Section>
+          </MenuSection>
         ))}
       </MenuContent>
       <div className="text-fg-muted flex items-center justify-end gap-4 rounded-b-[inherit] border-t p-3 text-xs [&_svg]:size-4">
diff --git a/www/src/components/search-command.tsx b/www/src/components/search-command.tsx
index c4739d189..df4f9627d 100644
--- a/www/src/components/search-command.tsx
+++ b/www/src/components/search-command.tsx
@@ -28,6 +28,7 @@ export function SearchCommand() {
   ).filter(Boolean);
 
   const items = uniqueCategories.map((category) => ({
+    // @ts-expect-error TODO fix later
     title: kekabCaseToTitle(category),
     items: pages.filter((item) => item.url.split("/")[2] === category),
   }));
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index e32451f18..48ed25dcf 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -32,10 +32,14 @@ import { siteConfig } from "@/config";
 import { SearchCommand } from "./search-command";
 import { ThemeSwitcher } from "./theme-switcher";
 
-export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
-  const pathname = usePathname();
-  const shouldInitialCollapse = !!(pathname === "/" || pathname === "/themes");
-  const [isCollapsed, setIsCollapsed] = React.useState(shouldInitialCollapse);
+export const Sidebar = ({
+  className,
+  items,
+}: {
+  className?: string;
+  items: PageTree.Node[];
+}) => {
+  const [isCollapsed, setIsCollapsed] = React.useState(false);
 
   const transition: Transition = {
     type: "spring",
@@ -59,6 +63,7 @@ export const Sidebar = ({ items }: { items: PageTree.Node[] }) => {
     <SidebarRoot
       isCollapsed={isCollapsed}
       onCollapseChange={(c) => setIsCollapsed(c)}
+      className={className}
     >
       <div className="relative flex items-center p-2 pb-1">
         <Logo />
@@ -154,15 +159,17 @@ const SidebarRoot = ({
   children,
   isCollapsed,
   onCollapseChange,
+  className,
 }: {
   children: React.ReactNode;
   isCollapsed: boolean;
   onCollapseChange: (isCollapsed: boolean) => void;
+  className?: string;
 }) => {
   return (
     <SidebarContext.Provider value={{ isCollapsed, onCollapseChange }}>
       <aside
-        className="group/sidebar hidden text-sm sm:flex"
+        className={cn("group/sidebar text-sm", className)}
         data-collapsed={isCollapsed ? "" : undefined}
         style={
           {
@@ -265,11 +272,7 @@ const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
         </SidebarButton>
       </StyledTooltip>
       <Dialog className="p-0!">
-        <SearchCommand
-        // TODO CHECK THIS
-        // onRunCommand={() => setIsOpen(false)}
-        // className="h-72 max-h-full rounded-lg"
-        />
+        <SearchCommand />
         <Button
           variant="outline"
           shape="rectangle"
@@ -361,6 +364,7 @@ function PageNode({
         }
       )}
       onClick={onSelect}
+      suppressHydrationWarning
     >
       {name}
     </Link>
diff --git a/www/src/hooks/use-is-mobile.ts b/www/src/hooks/use-is-mobile.ts
new file mode 100644
index 000000000..80759c29d
--- /dev/null
+++ b/www/src/hooks/use-is-mobile.ts
@@ -0,0 +1,19 @@
+import * as React from "react";
+
+export function useIsMobile() {
+  const [isMobile, setMobile] = React.useState(false);
+
+  React.useEffect(() => {
+    function onChange(event: MediaQueryListEvent) {
+      setMobile(event.matches);
+    }
+
+    const result = matchMedia("(max-width: 640px)");
+    result.addEventListener("change", onChange);
+    setMobile(result.matches);
+
+    return () => result.removeEventListener("change", onChange);
+  }, []);
+
+  return isMobile;
+}
diff --git a/www/src/lib/colors.ts b/www/src/lib/colors.ts
index 0511fcdfd..51f9fabcd 100644
--- a/www/src/lib/colors.ts
+++ b/www/src/lib/colors.ts
@@ -127,7 +127,7 @@ export const buildColorScales = ({
     output: "HSL",
   });
 
-  const [_, ...contrastColors] = theme.contrastColors;
+  const [, ...contrastColors] = theme.contrastColors;
 
   const result = {
     neutral: {
@@ -163,6 +163,7 @@ export const buildColorScales = ({
     lightness,
     saturation,
   };
-  
+
+  // @ts-expect-error TODO fix later
   return result;
 };
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
index e23798d9f..ff45d53f8 100644
--- a/www/src/lib/create-dynamic-component.tsx
+++ b/www/src/lib/create-dynamic-component.tsx
@@ -26,6 +26,7 @@ export const createDynamicComponent = <Props extends {}>(
       return <DefaultComp {...props} />;
     }
 
+    // @ts-expect-error TODO fix later
     const LazyComponent = registry[contextVariant ?? currentThemeVariant];
 
     if (shouldWrapWithSuspense) {
diff --git a/www/src/lib/create-dynamic-styles.ts b/www/src/lib/create-dynamic-styles.ts
deleted file mode 100644
index 7fc6a7d6f..000000000
--- a/www/src/lib/create-dynamic-styles.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useThemes } from "@/hooks/use-themes";
-
-type StyleFunction = (...args: any[]) => string;
-type StyleRegistry<T extends StyleFunction> = Record<string, T>;
-
-export const createDynamicStyles = <T extends StyleFunction>(
-  registryItem: string,
-  styleRegistry: StyleRegistry<T>
-): T => {
-  return ((...args: Parameters<T>) => {
-    const { currentTheme } = useThemes();
-    const variant = currentTheme.variants[registryItem];
-
-    if (!variant || !styleRegistry[variant]) {
-      throw new Error(
-        `Style variant "${variant}" for "${registryItem}" not found in the registry.`
-      );
-    }
-
-    const styleFunction = styleRegistry[variant];
-    return styleFunction(...args);
-  }) as T;
-};
diff --git a/www/src/lib/create-icon.tsx b/www/src/lib/create-icon.tsx
index f7ccf9c11..06a997156 100644
--- a/www/src/lib/create-icon.tsx
+++ b/www/src/lib/create-icon.tsx
@@ -1,8 +1,8 @@
-import React, { SVGProps } from "react";
-import { useThemes } from "@/hooks/use-themes";
+// import React, { SVGProps } from "react";
+// import { useThemes } from "@/hooks/use-themes";
 
-type IconProps = SVGProps<SVGSVGElement>;
+// type IconProps = SVGProps<SVGSVGElement>;
 
-export const createIcon = (name: string) => {
-  return null;
-};
+// export const createIcon = (name: string) => {
+//   return null;
+// };
diff --git a/www/src/lib/github-stargazers.ts b/www/src/lib/github-stargazers.ts
index 97eedeee4..6f4af35e5 100644
--- a/www/src/lib/github-stargazers.ts
+++ b/www/src/lib/github-stargazers.ts
@@ -20,6 +20,7 @@ export async function getGitHubStars(): Promise<string | null> {
 
     return parseInt(json["stargazers_count"]).toLocaleString();
   } catch (error) {
+    console.error(error);
     return null;
   }
 }
diff --git a/www/src/lib/mdx-plugins/remark-inline-code.ts b/www/src/lib/mdx-plugins/remark-inline-code.ts
index ca5df9b3a..b6ed07cdf 100644
--- a/www/src/lib/mdx-plugins/remark-inline-code.ts
+++ b/www/src/lib/mdx-plugins/remark-inline-code.ts
@@ -7,6 +7,7 @@ import { visit } from "unist-util-visit";
 export default function remarkInlineCode(): Transformer<Root, Root> {
   return (tree) => {
     visit(tree, "inlineCode", (node) => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const raw = toString(node as any);
       const match = raw.match(/(.+)\{:([\w-]+)\}$/);
       node.value = match?.[2] ? node.value : `${node.value}{:tsx}`;
diff --git a/www/src/lib/string.ts b/www/src/lib/string.ts
index 8f8c894ad..265b17b1f 100644
--- a/www/src/lib/string.ts
+++ b/www/src/lib/string.ts
@@ -12,8 +12,8 @@ export function slugify(str: string) {
     .trim() // Remove whitespace from both ends of a string
     .replace(/\s+/g, "-") // Replace spaces with -
     .replace(/&/g, "-and-") // Replace & with 'and'
-    .replace(/[^\w\-]+/g, "") // Remove all non-word characters except for -
-    .replace(/\-\-+/g, "-"); // Replace multiple - with single -
+    .replace(/[^\w-]+/g, "") // Remove all non-word characters except for -
+    .replace(/--+/g, "-"); // Replace multiple - with single -
 }
 
 export const toKebabCase = (string: string): string => {
@@ -37,6 +37,7 @@ export const kebabCaseToTitleCase = (string: string): string => {
 
 // aaa-bbb-ccc => aaaBbbCcc
 export const kebabCaseToCamelCase = (string: string): string => {
+  // @ts-expect-error TODO fix later
   return string.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
 };
 
diff --git a/www/src/registry/core/combobox_basic.tsx b/www/src/registry/core/combobox_basic.tsx
index d8ba2e416..1c304dece 100644
--- a/www/src/registry/core/combobox_basic.tsx
+++ b/www/src/registry/core/combobox_basic.tsx
@@ -10,7 +10,11 @@ import { tv } from "tailwind-variants";
 import { Button } from "@/registry/core/button_basic";
 import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import { Input, InputRoot } from "@/registry/core/input_basic";
-import { ListBox } from "@/registry/core/list-box_basic";
+import {
+  ListBox,
+  ListBoxItem,
+  ListBoxItemProps,
+} from "@/registry/core/list-box_basic";
 import { Overlay } from "@/registry/core/overlay_basic";
 
 const comboboxStyles = tv({
@@ -72,5 +76,8 @@ const ComboboxRoot = <T extends object>({
   return <AriaCombobox className={root({ className })} {...props} />;
 };
 
-export type { ComboboxProps, ComboboxRootProps };
-export { Combobox, ComboboxRoot, ComboboxInput };
+interface ComboboxItemProps<T> extends ListBoxItemProps<T> {}
+const ComboboxItem = ListBoxItem;
+
+export type { ComboboxProps, ComboboxRootProps, ComboboxItemProps };
+export { Combobox, ComboboxRoot, ComboboxInput, ComboboxItem };
diff --git a/www/src/registry/core/date-field_basic.tsx b/www/src/registry/core/date-field_basic.tsx
index c672b0eff..d23b488f3 100644
--- a/www/src/registry/core/date-field_basic.tsx
+++ b/www/src/registry/core/date-field_basic.tsx
@@ -33,7 +33,7 @@ const DateField = <T extends DateValue>({
   return (
     <DateFieldRoot {...props}>
       {label && <Label>{label}</Label>}
-      <DateFieldInput />
+      <DateFieldInput prefix={prefix} suffix={suffix} size={size} />
       <HelpText description={description} errorMessage={errorMessage} />
     </DateFieldRoot>
   );
diff --git a/www/src/registry/core/drawer_basic.tsx b/www/src/registry/core/drawer_basic.tsx
index 0396df745..4629ecdd4 100644
--- a/www/src/registry/core/drawer_basic.tsx
+++ b/www/src/registry/core/drawer_basic.tsx
@@ -23,15 +23,15 @@ const drawerVariants = tv({
       },
       bottom: {
         overlay:
-          "top-(--visual-viewport-height) exiting:translate-y-0 entering:translate-y-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen -translate-y-full rounded-t-xl border-b-0", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]
+          "top-(--visual-viewport-height) exiting:translate-y-0 entering:translate-y-0 max-h-[calc(var(--visual-viewport-height)-var(--drawer-margin))] min-h-20 w-screen -translate-y-full rounded-t-xl border-b-0 [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]",
       },
       left: {
         overlay:
-          "entering:-translate-x-full exiting:-translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) left-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-r-xl border-l-0", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]
+          "entering:-translate-x-full exiting:-translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) left-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-r-xl border-l-0 [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]",
       },
       right: {
         overlay:
-          "entering:translate-x-full exiting:translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) right-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-l-xl border-r-0", // [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]
+          "entering:translate-x-full exiting:translate-x-full max-h-(--visual-viewport-height) h-(--visual-viewport-height) right-0 top-0 min-w-20 max-w-[calc(100vw-var(--drawer-margin))] translate-x-0 rounded-l-xl border-r-0 [&>[role=dialog]]:pb-[calc(max(calc(var(--spacing)*4),env(safe-area-inset-bottom)))]",
       },
     },
   },
diff --git a/www/src/registry/core/field_basic.tsx b/www/src/registry/core/field_basic.tsx
index 7688f09c8..7a13fc8f2 100644
--- a/www/src/registry/core/field_basic.tsx
+++ b/www/src/registry/core/field_basic.tsx
@@ -55,7 +55,7 @@ interface HelpTextProps {
   description?: DescriptionProps["children"];
   errorMessage?: FieldErrorProps["children"];
 }
-const HelpText = ({ description, errorMessage, ...props }: HelpTextProps) => {
+const HelpText = ({ description, errorMessage }: HelpTextProps) => {
   const validation = React.use(FieldErrorContext);
   const isError =
     validation?.isInvalid &&
diff --git a/www/src/registry/core/list-box_basic.tsx b/www/src/registry/core/list-box_basic.tsx
index 8360024f0..d23282f7a 100644
--- a/www/src/registry/core/list-box_basic.tsx
+++ b/www/src/registry/core/list-box_basic.tsx
@@ -6,9 +6,12 @@ import {
   composeRenderProps,
   ListBox as AriaListBox,
   ListBoxItem as AriaListBoxItem,
+  ListBoxSection as AriaListBoxSection,
   Collection as AriaCollection,
+  Heading as AriaHeading,
   type ListBoxProps as AriaListBoxProps,
   type ListBoxItemProps as AriaListBoxItemProps,
+  type ListBoxSectionProps as AriaListBoxSectionProps,
   ListStateContext,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
@@ -50,6 +53,10 @@ const listBoxItemStyles = tv({
   },
 });
 
+const listboxSectionStyles = tv({
+  base: "space-y-px pt-2",
+});
+
 interface ListBoxProps<T> extends AriaListBoxProps<T> {
   isLoading?: boolean;
 }
@@ -77,7 +84,7 @@ const ListBox = <T extends object>({
   );
 };
 
-interface ItemProps<T>
+interface ListBoxItemProps<T>
   extends AriaListBoxItemProps<T>,
     VariantProps<typeof listBoxItemStyles> {
   label?: string;
@@ -85,14 +92,14 @@ interface ItemProps<T>
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
 }
-const Item = <T extends object>({
+const ListBoxItem = <T extends object>({
   variant,
   label,
   description,
   prefix,
   suffix,
   ...props
-}: ItemProps<T>) => {
+}: ListBoxItemProps<T>) => {
   const textValue =
     props.textValue ||
     (typeof props.children === "string" ? props.children : undefined);
@@ -131,5 +138,30 @@ const Item = <T extends object>({
   );
 };
 
-export type { ListBoxProps, ItemProps };
-export { ListBox, Item };
+interface ListBoxSectionProps<T> extends AriaListBoxSectionProps<T> {
+  ref?: React.Ref<HTMLElement>;
+  title?: React.ReactNode;
+}
+const ListBoxSection = <T extends object>({
+  title,
+  children,
+  className,
+  ...props
+}: ListBoxSectionProps<T>) => {
+  return (
+    <AriaListBoxSection
+      className={listboxSectionStyles({ className })}
+      {...props}
+    >
+      {title && (
+        <AriaHeading className="text-fg-muted mb-1 pl-3 text-xs">
+          {title}
+        </AriaHeading>
+      )}
+      <AriaCollection items={props.items}>{children}</AriaCollection>
+    </AriaListBoxSection>
+  );
+};
+
+export type { ListBoxProps, ListBoxItemProps, ListBoxSectionProps };
+export { ListBox, ListBoxItem, ListBoxSection };
diff --git a/www/src/registry/core/loader_wave.tsx b/www/src/registry/core/loader_wave.tsx
index 19d7f107a..12046d987 100644
--- a/www/src/registry/core/loader_wave.tsx
+++ b/www/src/registry/core/loader_wave.tsx
@@ -12,7 +12,7 @@ interface LoaderProps extends ProgressBarProps {
 function Loader({ size = 20, className, ...props }: LoaderProps) {
   return (
     <AriaProgressBar
-      className={cn("flex items-center justify-between")}
+      className={cn("flex items-center justify-between", className)}
       {...props}
       isIndeterminate
       style={
diff --git a/www/src/registry/core/menu_basic.tsx b/www/src/registry/core/menu_basic.tsx
index 3234cb363..8d1a7d53b 100644
--- a/www/src/registry/core/menu_basic.tsx
+++ b/www/src/registry/core/menu_basic.tsx
@@ -8,9 +8,13 @@ import {
   MenuTrigger as AriaMenuTrigger,
   MenuItem as AriaMenuItem,
   SubmenuTrigger as AriaSubmenuTrigger,
+  MenuSection as AriaMenuSection,
+  Heading as AriaHeading,
+  Collection as AriaCollection,
   type MenuItemProps as AriaMenuItemProps,
   type MenuProps as AriaMenuProps,
   type MenuTriggerProps as AriaMenuTriggerProps,
+  type MenuSectionProps as AriaMenuSectionProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
 import { Kbd } from "@/registry/core/kbd_basic";
@@ -47,6 +51,10 @@ const menuItemStyles = tv({
   },
 });
 
+const menuSectionStyles = tv({
+  base: "space-y-px pt-2",
+});
+
 type MenuRootProps = AriaMenuTriggerProps;
 const MenuRoot = (props: MenuRootProps) => {
   return <AriaMenuTrigger {...props} />;
@@ -131,5 +139,27 @@ const MenuItem = <T extends object>({
   );
 };
 
-export type { MenuRootProps, MenuProps };
-export { MenuRoot, Menu, MenuItem, MenuContent, MenuSub };
+interface MenuSectionProps<T> extends AriaMenuSectionProps<T> {
+  ref?: React.Ref<HTMLElement>;
+  title?: React.ReactNode;
+}
+const MenuSection = <T extends object>({
+  title,
+  children,
+  className,
+  ...props
+}: MenuSectionProps<T>) => {
+  return (
+    <AriaMenuSection className={menuSectionStyles({ className })} {...props}>
+      {title && (
+        <AriaHeading className="text-fg-muted mb-1 pl-3 text-xs">
+          {title}
+        </AriaHeading>
+      )}
+      <AriaCollection items={props.items}>{children}</AriaCollection>
+    </AriaMenuSection>
+  );
+};
+
+export type { MenuProps, MenuRootProps };
+export { Menu, MenuRoot, MenuItem, MenuContent, MenuSub, MenuSection };
diff --git a/www/src/registry/core/number-field_basic.tsx b/www/src/registry/core/number-field_basic.tsx
index 0491b989d..e128719a1 100644
--- a/www/src/registry/core/number-field_basic.tsx
+++ b/www/src/registry/core/number-field_basic.tsx
@@ -10,16 +10,14 @@ import {
 import {
   NumberField as AriaNumberField,
   composeRenderProps,
-  type NumberFieldProps as AriaNumberFieldProps,
 } from "react-aria-components";
-import { tv, type VariantProps } from "tailwind-variants";
-import { Button, type ButtonProps } from "@/registry/core/button_basic";
+import { tv } from "tailwind-variants";
+import { Button } from "@/registry/core/button_basic";
 import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import {
   InputRoot,
   Input,
   type InputRootProps,
-  type inputStyles,
 } from "@/registry/core/input_basic";
 import { useIsMobile } from "@/registry/hooks/use-is-mobile";
 
diff --git a/www/src/registry/core/progress-bar_basic.tsx b/www/src/registry/core/progress-bar_basic.tsx
index f92721eb6..3f84b9d1d 100644
--- a/www/src/registry/core/progress-bar_basic.tsx
+++ b/www/src/registry/core/progress-bar_basic.tsx
@@ -6,7 +6,7 @@ import {
   composeRenderProps,
 } from "react-aria-components";
 import { tv, type VariantProps } from "tailwind-variants";
-import { Label } from "@/registry/core/field_basic";
+import { Description, Label } from "@/registry/core/field_basic";
 import { createScopedContext } from "@/registry/lib/utils";
 
 const progressStyles = tv({
@@ -91,6 +91,8 @@ const ProgressBar = ({
         )}
       </div>
       <ProgressBarIndicator />
+      {description && <Description>{description}</Description>}{" "}
+      {/* TODO: check this */}
     </ProgressBarRoot>
   );
 };
diff --git a/www/src/registry/core/search-field_basic.tsx b/www/src/registry/core/search-field_basic.tsx
index 5868a0405..4716dfa0c 100644
--- a/www/src/registry/core/search-field_basic.tsx
+++ b/www/src/registry/core/search-field_basic.tsx
@@ -4,7 +4,6 @@ import * as React from "react";
 import { SearchIcon, XIcon } from "lucide-react";
 import {
   SearchField as AriaSearchField,
-  Button as AriaButton,
   composeRenderProps,
 } from "react-aria-components";
 import { tv } from "tailwind-variants";
diff --git a/www/src/registry/core/section.tsx b/www/src/registry/core/section.tsx
deleted file mode 100644
index 032968a56..000000000
--- a/www/src/registry/core/section.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-"use client";
-
-import {
-  Section as AriaSection,
-  ListBoxSection as AriaListBoxSection,
-  Header as AriaHeader,
-  type SectionProps as AriaSectionProps,
-  Collection as AriaCollection,
-} from "react-aria-components";
-import { tv } from "tailwind-variants";
-
-const SectionStyles = tv({
-  slots: {
-    root: "space-y-px pt-2",
-    title: "text-fg-muted mb-1 pl-3 text-xs",
-  },
-});
-
-interface SectionProps<T> extends AriaSectionProps<T> {
-  title?: string;
-}
-const Section = <T extends object>({ title, ...props }: SectionProps<T>) => {
-  return (
-    <SectionRoot {...props}>
-      {title && <SectionTitle>{title}</SectionTitle>}
-      <AriaCollection items={props.items}>{props.children}</AriaCollection>
-    </SectionRoot>
-  );
-};
-
-type SectionRootProps<T> = AriaSectionProps<T>;
-const SectionRoot = <T extends object>({
-  className,
-  ...props
-}: SectionRootProps<T>) => {
-  const { root } = SectionStyles();
-  return <AriaSection className={root({ className })} {...props} />;
-};
-
-type SectionTitleProps = React.HTMLAttributes<HTMLElement>;
-const SectionTitle = ({ className, ...props }: SectionTitleProps) => {
-  const { title } = SectionStyles();
-  return <AriaHeader className={title({ className })} {...props} />;
-};
-
-export { Section, SectionTitle };
diff --git a/www/src/registry/core/select_basic.tsx b/www/src/registry/core/select_basic.tsx
index 593f28034..13150f856 100644
--- a/www/src/registry/core/select_basic.tsx
+++ b/www/src/registry/core/select_basic.tsx
@@ -14,7 +14,7 @@ import { tv } from "tailwind-variants";
 import { Button, type ButtonProps } from "@/registry/core/button_basic";
 import { HelpText, Label, type FieldProps } from "@/registry/core/field_basic";
 import {
-  Item,
+  ListBoxItem,
   ListBox,
   type ListBoxProps,
 } from "@/registry/core/list-box_basic";
@@ -103,7 +103,7 @@ const SelectRoot = <T extends object>({
 };
 
 interface SelectItemProps<T> extends ListBoxItemProps<T> {}
-const SelectItem = Item;
+const SelectItem = ListBoxItem;
 
 export type { SelectProps, SelectRootProps, SelectItemProps, SelectValueProps };
 export { Select, SelectRoot, SelectItem, SelectValue };
diff --git a/www/src/registry/index.ts b/www/src/registry/index.ts
index 8f57762ff..1c5eb71a7 100644
--- a/www/src/registry/index.ts
+++ b/www/src/registry/index.ts
@@ -1,4 +1,4 @@
-import { Registry, RegistryIndex, RegistryItem } from "@dotui/schemas";
+import { RegistryIndex } from "@dotui/schemas";
 import { base as _base } from "@/registry/registry-base";
 import { core as _core } from "@/registry/registry-core";
 import { hooks as _hooks } from "@/registry/registry-hooks";
@@ -15,7 +15,7 @@ const themes: RegistryIndex = _themes.map((item) => ({
   type: "theme",
 }));
 const iconLibs: RegistryIndex = Object.entries(iconLibraries).map(
-  ([_, value]) =>
+  ([, value]) =>
     ({
       name: value.name,
       type: "icon-library",
diff --git a/www/src/types/theme.ts b/www/src/types/theme.ts
index 1511e3ffb..546ec673f 100644
--- a/www/src/types/theme.ts
+++ b/www/src/types/theme.ts
@@ -11,19 +11,6 @@ export type ColorShade = [
   string,
 ];
 
-type ColorRatios = [
-  number,
-  number,
-  number,
-  number,
-  number,
-  number,
-  number,
-  number,
-  number,
-  number,
-];
-
 export type BaseColors = {
   neutral: string;
   accent: string;

From 3029f0b8ad64037072a33ac6d8a36dbedb356978 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 3 Feb 2025 16:16:12 +0100
Subject: [PATCH 094/165] fix: fix type & lint errors

---
 packages/cli/eslint.config.mjs                   |  2 +-
 packages/cli/package.json                        |  2 ++
 packages/cli/src/helpers/registry-api.ts         |  2 +-
 packages/cli/src/helpers/transformers/index.ts   |  1 -
 .../cli/src/helpers/updaters/update-files.ts     | 16 +++++++++-------
 packages/cli/src/index.ts                        |  2 +-
 packages/cli/src/registry/api.ts                 |  4 ++--
 packages/cli/src/utils/get-package-manager.ts    |  1 +
 packages/cli/src/utils/is-url.ts                 |  1 +
 www/src/components/theme-switcher.tsx            | 14 +++++++-------
 10 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/packages/cli/eslint.config.mjs b/packages/cli/eslint.config.mjs
index 5982f3911..8ee4fb70d 100644
--- a/packages/cli/eslint.config.mjs
+++ b/packages/cli/eslint.config.mjs
@@ -1,4 +1,4 @@
-import { config } from "@dotui/eslint-config/library";
+import { config } from "@dotui/eslint-config/base";
 
 /** @type {import("eslint").Linter.Config} */
 export default config;
diff --git a/packages/cli/package.json b/packages/cli/package.json
index 5218964cf..45ab608ec 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -34,6 +34,8 @@
     "clean": "rimraf dist && rimraf components",
     "start:dev": "cross-env REGISTRY_URL=http://localhost:3000/registry node dist/index.js",
     "start": "node dist/index.js",
+    "lint": "eslint . --fix",
+    "lint:check": "eslint . --max-warnings 0",
     "format": "prettier --write \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
     "format:check": "prettier --check \"**/*.{ts,tsx,mdx}\" --cache --log-level warn",
     "typecheck": "tsc --noEmit",
diff --git a/packages/cli/src/helpers/registry-api.ts b/packages/cli/src/helpers/registry-api.ts
index b9297fad5..44f3642b1 100644
--- a/packages/cli/src/helpers/registry-api.ts
+++ b/packages/cli/src/helpers/registry-api.ts
@@ -9,7 +9,7 @@ export const getRegistryThemes = async () => {
 };
 
 export const getRegistryTheme = async (
-  // eslint-disable-next-line no-unused-vars
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   themeId: string
 ): Promise<RegistryTheme> => {
   return {
diff --git a/packages/cli/src/helpers/transformers/index.ts b/packages/cli/src/helpers/transformers/index.ts
index e17905a44..6e5452248 100644
--- a/packages/cli/src/helpers/transformers/index.ts
+++ b/packages/cli/src/helpers/transformers/index.ts
@@ -12,7 +12,6 @@ export type TransformOptions = {
 };
 
 export type Transformer<Output = SourceFile> = (
-  // eslint-disable-next-line no-unused-vars
   opts: TransformOptions & {
     sourceFile: SourceFile;
   }
diff --git a/packages/cli/src/helpers/updaters/update-files.ts b/packages/cli/src/helpers/updaters/update-files.ts
index b23ac0bb3..02dc0d389 100644
--- a/packages/cli/src/helpers/updaters/update-files.ts
+++ b/packages/cli/src/helpers/updaters/update-files.ts
@@ -22,14 +22,14 @@ export async function updateFiles(
   if (!files.length)
     return { filesCreated: [], filesUpdated: [], filesSkipped: [] };
 
-  let filesCreated = [];
-  let filesUpdated = [];
-  let filesSkipped = [];
+  const filesCreated = [];
+  const filesUpdated = [];
+  const filesSkipped = [];
 
   for (const file of files) {
     if (!file.content) continue;
 
-    let filePath = resolveFilePath(file, config);
+    const filePath = resolveFilePath(file, config);
 
     const targetDir = path.dirname(filePath);
     const existingFile = existsSync(filePath);
@@ -53,9 +53,11 @@ export async function updateFiles(
 
     await fs.writeFile(filePath, content, "utf-8");
 
-    existingFile
-      ? filesUpdated.push(path.relative(config.resolvedPaths.cwd, filePath))
-      : filesCreated.push(path.relative(config.resolvedPaths.cwd, filePath));
+    if (existingFile) {
+      filesUpdated.push(path.relative(config.resolvedPaths.cwd, filePath));
+    } else {
+      filesCreated.push(path.relative(config.resolvedPaths.cwd, filePath));
+    }
   }
 
   return { filesCreated, filesUpdated, filesSkipped };
diff --git a/packages/cli/src/index.ts b/packages/cli/src/index.ts
index f47847218..41ddefa0c 100644
--- a/packages/cli/src/index.ts
+++ b/packages/cli/src/index.ts
@@ -5,7 +5,7 @@ import { addCommand } from "./commands/add";
 import { initCommand } from "./commands/init";
 
 async function main() {
-  let program = new Command()
+  const program = new Command()
     .name("dotui")
     .description("CLI to setup dotUI.")
     .helpOption("-h, --help", "Display this help message.")
diff --git a/packages/cli/src/registry/api.ts b/packages/cli/src/registry/api.ts
index 785960d0b..62a327607 100644
--- a/packages/cli/src/registry/api.ts
+++ b/packages/cli/src/registry/api.ts
@@ -31,7 +31,7 @@ const getPrimitivePath = (name: string, type: RegistryItemType) => {
 export async function resolvePrimitives(names: string[], config: Config) {
   const index = await getRegistryIndex();
 
-  let iconLibraryDeps: string[] = [];
+  const iconLibraryDeps: string[] = [];
   const getAllRegistryDeps = (name: string) => {
     let registryDeps: string[] = [name];
     const item = index.find((item) => item.name === name);
@@ -67,7 +67,7 @@ export async function resolvePrimitives(names: string[], config: Config) {
     new Set(names.flatMap((name) => getAllRegistryDeps(name)))
   );
 
-  let skipped: RegistryItem[] = [];
+  const skipped: RegistryItem[] = [];
   const primitivesPaths = primitives.map((name) => {
     const item = index.find((item) => item.name === name);
     if (!item) throw new Error(`${name} not found in registry`);
diff --git a/packages/cli/src/utils/get-package-manager.ts b/packages/cli/src/utils/get-package-manager.ts
index 94c223647..2cee75635 100644
--- a/packages/cli/src/utils/get-package-manager.ts
+++ b/packages/cli/src/utils/get-package-manager.ts
@@ -5,6 +5,7 @@ export async function getPackageManager(cwd: string): Promise<AgentName> {
   if (detectResult) {
     return detectResult.name;
   }
+  // eslint-disable-next-line turbo/no-undeclared-env-vars
   const userAgent = process.env.npm_config_user_agent;
   if (userAgent) {
     if (userAgent.startsWith("yarn")) {
diff --git a/packages/cli/src/utils/is-url.ts b/packages/cli/src/utils/is-url.ts
index 1d0640484..f81296cae 100644
--- a/packages/cli/src/utils/is-url.ts
+++ b/packages/cli/src/utils/is-url.ts
@@ -2,6 +2,7 @@ export function isUrl(path: string) {
   try {
     new URL(path);
     return true;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
   } catch (error) {
     return false;
   }
diff --git a/www/src/components/theme-switcher.tsx b/www/src/components/theme-switcher.tsx
index f680379f7..b9c924f65 100644
--- a/www/src/components/theme-switcher.tsx
+++ b/www/src/components/theme-switcher.tsx
@@ -4,7 +4,7 @@ import React from "react";
 import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Button } from "@/components/core/button";
-import { Item, ListBox } from "@/components/core/list-box";
+import { ListBoxItem, ListBox } from "@/components/core/list-box";
 import { Popover } from "@/components/core/popover";
 import { SelectRoot } from "@/components/core/select";
 
@@ -31,15 +31,15 @@ export const ThemeSwitcher = ({ children }: { children?: React.ReactNode }) => {
       )}
       <Popover placement="bottom right">
         <ListBox>
-          <Item id="system" prefix={<MonitorIcon />}>
+          <ListBoxItem id="system" prefix={<MonitorIcon />}>
             System
-          </Item>
-          <Item id="light" prefix={<SunIcon />}>
+          </ListBoxItem>
+          <ListBoxItem id="light" prefix={<SunIcon />}>
             Light
-          </Item>
-          <Item id="dark" prefix={<MoonIcon />}>
+          </ListBoxItem>
+          <ListBoxItem id="dark" prefix={<MoonIcon />}>
             Dark
-          </Item>
+          </ListBoxItem>
         </ListBox>
       </Popover>
     </SelectRoot>

From ee00f31647a56fe9eb8b6df437113c7aba0a07fb Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 4 Feb 2025 15:26:17 +0100
Subject: [PATCH 095/165] feat: new website design

---
 www/src/app/(app)/docs/[...slug]/page.tsx     |  79 +++++-----
 www/src/app/(home)/components-overview.tsx    |   2 +-
 www/src/app/(home)/page.tsx                   | 148 +++++++++++-------
 www/src/app/(home)/themes-preview.tsx         |  86 +++++++---
 www/src/app/layout.tsx                        |   4 +
 www/src/components/docs/component-preview.tsx |   2 +-
 www/src/components/docs/theme-override.tsx    |   5 +-
 www/src/components/dynamic-core/tabs.tsx      |   8 +-
 www/src/components/header.tsx                 |  33 +++-
 www/src/components/sidebar.tsx                |  33 +++-
 www/src/config/site-config.tsx                |   2 +-
 www/src/lib/themes.ts                         |   2 +-
 www/src/registry/core/modal_blur.tsx          |  42 +++++
 www/src/registry/core/overlay_basic.tsx       |   2 +-
 14 files changed, 315 insertions(+), 133 deletions(-)
 create mode 100644 www/src/registry/core/modal_blur.tsx

diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index 40637ece4..2b6e41568 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -28,48 +28,49 @@ export default async function Page({
   const MDXContent = page.data.body;
 
   return (
-    <div
-      className={cn("pt-8 sm:pt-20", {
-        "xl:grid xl:grid-cols-[1fr_250px] xl:gap-10":
-          page.data.toc && page.data.toc.length > 0,
-      })}
-    >
-      <div className="container max-w-3xl pb-20">
-        <Breadcrumbs tree={source.pageTree} className="mb-2" />
-        <h1 className="text-4xl font-bold">{page.data.title}</h1>
-        <p className="text-fg-muted mt-2">{page.data.description}</p>
-        {page.data.links && page.data.links.length > 0 && (
-          <div className="mt-4 flex flex-wrap gap-2">
-            {page.data.links.map((link, index) => (
-              <Button
-                key={index}
-                href={link.href}
-                prefix={getIcon(link.href)}
-                suffix={<ExternalLinkIcon />}
-                size="sm"
-                className="h-6 text-xs font-semibold [&_svg]:size-3"
-                target="_blank"
-              >
-                {link.label}
-              </Button>
-            ))}
+    <div className="xl:grid xl:grid-cols-[minmax(50px,1fr)_minmax(0,1100px)_minmax(50px,1fr)] xl:gap-10">
+      <div className="border-x-(--pattern-fg) h-full border-x bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px]" />
+      <div className="container max-w-6xl pt-20">
+        <div className="before:bg-border grid grid-cols-[1fr_200px] gap-10 before:absolute before:top-0 before:h-px before:w-[200vw] before:-translate-x-1/2 before:content-['']">
+          <div className="pt-4">
+            <Breadcrumbs tree={source.pageTree} className="mb-2" />
+            <h1 className="text-4xl font-bold">{page.data.title}</h1>
+            <p className="text-fg-muted mt-2">{page.data.description}</p>
+            {page.data.links && page.data.links.length > 0 && (
+              <div className="mt-4 flex flex-wrap gap-2">
+                {page.data.links.map((link, index) => (
+                  <Button
+                    key={index}
+                    href={link.href}
+                    prefix={getIcon(link.href)}
+                    suffix={<ExternalLinkIcon />}
+                    size="sm"
+                    className="h-6 text-xs font-semibold [&_svg]:size-3"
+                    target="_blank"
+                  >
+                    {link.label}
+                  </Button>
+                ))}
+              </div>
+            )}
+            <div className="mt-10 text-sm md:text-base">
+              <MDXContent components={mdxComponents} />
+            </div>
+            <div className="mt-20 pb-20 space-y-4">
+              <PageLastUpdate path={page.file.path} />
+              <DocsPager currentPathname={page.url} />
+            </div>
           </div>
-        )}
-        <div className="mt-10 text-sm md:text-base">
-          <MDXContent components={mdxComponents} />
-        </div>
-        <div className="mt-20 space-y-4">
-          <PageLastUpdate path={page.file.path} />
-          <DocsPager currentPathname={page.url} />
+          {page.data.toc && page.data.toc.length > 0 && (
+            <div className="bg-bg z-10 hidden pt-4 text-sm xl:block">
+              <div className="sticky top-8 h-[calc(100svh-calc(var(--spacing)*8))]">
+                <TableOfContents toc={page.data.toc as TocType} />
+              </div>
+            </div>
+          )}
         </div>
       </div>
-      {page.data.toc && page.data.toc.length > 0 && (
-        <div className="hidden text-sm xl:block">
-          <div className="sticky top-8 h-[calc(100svh-calc(var(--spacing)*8))] pr-8">
-            <TableOfContents toc={page.data.toc as TocType} />
-          </div>
-        </div>
-      )}
+      <div className="border-x-(--pattern-fg) h-full border-x bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px]" />
     </div>
   );
 }
diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/app/(home)/components-overview.tsx
index 2dc970524..14ec30c4b 100644
--- a/www/src/app/(home)/components-overview.tsx
+++ b/www/src/app/(home)/components-overview.tsx
@@ -33,7 +33,7 @@ import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
 
 export function ComponentsOverview() {
   return (
-    <div className="grid grid-cols-10 gap-8 p-8">
+    <div className="grid grid-cols-10 gap-8 p-8 container">
       <div className="col-span-8">
         <Slider
           label="Progress"
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 49b950479..e2b955400 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { LayoutTemplateIcon } from "lucide-react";
 import { Button } from "@/components/core/button";
 import { Link } from "@/components/core/link";
 import { Header } from "@/components/header";
@@ -12,66 +13,105 @@ export default function HomePage() {
     <div>
       <Header className="hidden md:block" />
       <MobileNav items={source.pageTree.children} className="md:hidden" />
-      <div className="container">
-        <section className="mx-auto max-w-3xl pt-28">
-          <h1 className="text-center text-3xl tracking-tight md:text-5xl lg:text-5xl">
-            Build your component library
-            <br /> with a <span className="font-bold italic">unique</span>{" "}
-            style.
-          </h1>
-          <p className="text-fg-muted mt-5 max-w-5xl text-balance text-center text-lg">
-            Over 40 components available in multiple variants ready to match
-            your brand identity.
-          </p>
-          <div className="mt-8 flex items-center justify-center gap-4">
+      <div className="isolate grid grid-cols-[50px_1fr_50px]">
+        <div className="border-x-(--pattern-fg) h-full border-x bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px]" />
+        <div>
+          <section className="container relative max-w-screen-xl pb-44 pt-24">
             <Button
-              size="lg"
-              variant="primary"
-              href="/docs/getting-started/introduction"
-              className="h-11 px-8"
-            >
-              Get started
-            </Button>
-            <Button
-              href="/themes"
-              size="lg"
+              prefix={<LayoutTemplateIcon />}
               variant="outline"
-              className="bg-bg-inverse/5 h-11 px-8"
-              // prefix={<PaletteIcon />}
+              className="bg-bg-inverse/5 text-fg-muted mb-4 h-7 rounded-lg text-xs [&_svvg]:size-4"
             >
-              Explore themes
+              Introducing themes
             </Button>
+            <h1 className="text-balance text-4xl tracking-tighter max-lg:font-medium max-sm:px-4 sm:text-5xl lg:text-6xl">
+              Quickly build your component library with a{" "}
+              <span className="font-bold italic">unique</span> look.
+            </h1>
+            <p className="text-fg-muted mt-5 max-w-5xl text-balance text-lg">
+              Over 40 components available in multiple variants ready to match
+              your brand identity.
+            </p>
+            <div className="mt-8 flex items-center gap-4">
+              <Button
+                size="lg"
+                variant="primary"
+                href="/docs/getting-started/introduction"
+                className="h-11 px-8"
+              >
+                Get started
+              </Button>
+              <Button
+                href="/themes"
+                size="lg"
+                variant="outline"
+                className="bg-bg-inverse/5 h-11 px-8"
+                // prefix={<PaletteIcon />}
+              >
+                Explore themes
+              </Button>
+            </div>
+          </section>
+          <ThemesPreview />
+          {/* Footer */}
+          <div className="mt-20 border-t py-6">
+            <div className="container space-y-3">
+              {/* <p className="text-fg font-josefin text-sm font-extrabold">.</p> */}
+              <span className="flex items-start gap-2">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width={16}
+                  height={16}
+                  className="rounded-xs"
+                  viewBox="0 0 300 300"
+                >
+                  <defs>
+                    <clipPath id="a">
+                      <path d="M24 0h252c13.254 0 24 10.746 24 24v252c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V24C0 10.746 10.746 0 24 0Zm0 0" />
+                    </clipPath>
+                    <clipPath id="b">
+                      <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" />
+                    </clipPath>
+                    <clipPath id="c">
+                      <path d="M220.57 194.418c-18.261 0-33.07 14.809-33.07 33.074 0 18.266 14.809 33.07 33.07 33.07 18.266 0 33.075-14.804 33.075-33.07 0-18.265-14.81-33.074-33.075-33.074Zm0 0" />
+                    </clipPath>
+                  </defs>
+                  <g clipPath="url(#a)">
+                    <path fill="#fff" d="M-30-30h360v360H-30z" />
+                  </g>
+                  <g clipPath="url(#b)">
+                    <g clipPath="url(#c)">
+                      <path
+                        fill="#1d1d1d"
+                        d="M187.5 194.418h66.145v66.144H187.5Zm0 0"
+                      />
+                    </g>
+                  </g>
+                </svg>
+                <p className="text-fg font-josefin text-sm font-bold">dotUI.</p>{" "}
+              </span>
+              <p className="text-fg-muted text-xs">
+                Built by{" "}
+                <Link
+                  variant="quiet"
+                  href={siteConfig.links.twitter}
+                  target="_blank"
+                >
+                  mehdibha
+                </Link>
+                . The source code is available on{" "}
+                <Link
+                  variant="quiet"
+                  href={siteConfig.links.github}
+                  target="_blank"
+                >
+                  GitHub
+                </Link>
+              </p>
+            </div>
           </div>
-        </section>
-        <section className="mt-35 relative">
-          <div className="animate-in fade-in-50 zoom-in-75 slide-in-from-bottom-10 duration-2000 absolute -top-5 left-1/2 z-0 h-[450px] w-[900px] max-w-[80%] -translate-x-1/2 rounded-full bg-[radial-gradient(at_0%_0%,#0894ff_0,rgba(0,0,0,0)_40%),radial-gradient(at_50%_30%,#ff2e54_0,rgba(0,0,0,0)_60%),radial-gradient(at_100%_0%,#ff9004_0,rgba(0,0,0,0)_40%)] blur-[70px] ease-in-out dark:blur-[100px]" />
-          <div className="z-2 relative">
-            <ThemesPreview />
-          </div>
-        </section>
-      </div>
-      {/* Footer */}
-      <div className="container mt-20">
-        <div className="border-t p-4">
-          <p className="text-fg-muted text-xs">
-            Built by{" "}
-            <Link
-              variant="quiet"
-              href={siteConfig.links.twitter}
-              target="_blank"
-            >
-              mehdibha
-            </Link>
-            . The source code is available on{" "}
-            <Link
-              variant="quiet"
-              href={siteConfig.links.github}
-              target="_blank"
-            >
-              GitHub
-            </Link>
-          </p>
         </div>
+        <div className="border-x-(--pattern-fg) h-full border-x bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px]" />
       </div>
     </div>
   );
diff --git a/www/src/app/(home)/themes-preview.tsx b/www/src/app/(home)/themes-preview.tsx
index eb9a87378..884861c26 100644
--- a/www/src/app/(home)/themes-preview.tsx
+++ b/www/src/app/(home)/themes-preview.tsx
@@ -4,34 +4,70 @@ import React from "react";
 import Image from "next/image";
 import { dotUIThemes } from "@/lib/themes";
 import { useThemes } from "@/hooks/use-themes";
-import { ToggleButton } from "@/components/core/toggle-button";
-import { ToggleButtonGroup } from "@/components/core/toggle-button-group";
 import { ThemeOverride } from "@/components/docs/theme-override";
+import { Tabs, TabList, Tab } from "@/registry/core/tabs_motion";
 import { ComponentsOverview } from "./components-overview";
 
 export function ThemesPreview() {
-  const { themes, currentThemeId, setCurrentThemeId } = useThemes();
+  const { currentThemeId, setCurrentThemeId } = useThemes();
+  const [touched, setTouched] = React.useState(false);
+
+  React.useEffect(() => {
+    const interval = setInterval(() => {
+      if (touched) return;
+      const currentIndex = dotUIThemes.findIndex(
+        (theme) => theme.id === currentThemeId
+      );
+      const nextIndex = (currentIndex + 1) % dotUIThemes.length;
+      setCurrentThemeId(dotUIThemes[nextIndex].id);
+    }, 5000);
+
+    return () => clearInterval(interval);
+  }, [currentThemeId, setCurrentThemeId, touched]);
 
   return (
-    <div>
-      <ToggleButtonGroup
-        className="justify-center"
-        defaultSelectedKeys={[currentThemeId]}
-        onSelectionChange={(keys) => setCurrentThemeId([...keys][0] as string)}
-        disallowEmptySelection
-      >
-        {[...dotUIThemes, ...themes].map((theme) => (
-          <ToggleButton
-            key={theme.id}
-            id={theme.id}
-            shape="rectangle"
-            size="sm"
-            className="px-4"
+    <div className="relative">
+      <div className="absolute left-1/2 top-0 flex w-[100vw] -translate-x-1/2 -translate-y-[calc(100%+20px)] flex-col items-center justify-center">
+        <div className="relative translate-x-40">
+          <svg
+            width="30"
+            viewBox="0 0 106 212"
+            fill="none"
+            className="text-fg/40 rotate-40"
+            xmlns="http://www.w3.org/2000/svg"
           >
-            {theme.name}
-          </ToggleButton>
-        ))}
-      </ToggleButtonGroup>
+            <path
+              fillRule="evenodd"
+              clipRule="evenodd"
+              d="M89.5523 0.499048C87.5651 0.982422 84.0069 2.94278 81.2677 4.99712C78.5689 7.05146 71.3854 14.1947 67.6392 18.5853C59.8112 27.7426 55.0848 39.0884 53.2319 52.9989C52.5202 58.316 52.5202 68.5743 53.2319 74.4822C53.7824 78.9802 55.3131 87.0634 56.1993 89.8965L56.6826 91.4943L53.581 94.7839C38.0726 111.474 28.3916 132.111 24.0815 157.623C23.1685 163.168 22.0943 172.057 21.5706 178.448L21.3155 181.55L19.3283 178.287C15.7701 172.513 12.2925 168.217 8.66717 165.155C0.839139 158.468 -1.2421 159.516 1.92671 168.512C5.99514 179.979 15.1928 195.755 22.43 203.61C24.6723 206.054 28.8884 209.344 31.2919 210.552C33.937 211.922 34.9441 211.076 37.7503 205.074C38.6365 203.154 42.0873 196.924 45.4038 191.217C48.7338 185.511 51.4729 180.596 51.4729 180.261C51.4729 178.757 48.5995 174.943 44.7862 171.291C41.7919 168.458 39.6302 167.022 38.3277 167.022H37.3475L37.5758 165.128C38.5829 156.454 43.6717 141.564 48.9217 131.883C53.2856 123.827 57.9851 117.315 65.2492 109.164L66.6859 107.54L68.6059 109.299C75.1852 115.368 84.45 118.389 91.0696 116.67C95.5945 115.462 98.4411 112.884 101.006 107.58C102.805 103.901 103.248 102.236 103.288 99.47C103.315 93.5084 95.5005 83.8945 87.2563 79.7187C83.8055 77.9598 81.6437 77.5301 78.4883 77.9867C74.4199 78.5775 70.6335 80.3632 65.0209 84.3779C63.6245 85.385 62.416 86.204 62.3489 86.1369C61.9595 85.7072 61.2344 76.1606 61.2344 70.9509C61.2344 63.8479 61.5567 60.1018 62.698 54.3953C64.8463 43.7342 69.0222 35.1006 76.0312 26.8833C87.6725 13.2279 98.1994 6.67551 103.839 9.57576C104.591 9.93829 105.275 10.1263 105.369 10.0054C106.054 8.89099 100.576 2.9025 97.3535 1.2644C95.4334 0.284225 91.7812 -0.0782881 89.5255 0.485649L89.5523 0.499048ZM89.418 92.9712C89.324 93.4949 88.5721 95.2136 87.7933 96.8785C84.4097 103.981 78.5957 107.378 71.9493 106.13C70.7811 105.902 69.6667 105.606 69.4384 105.472C68.9148 105.15 74.9839 99.9265 78.9851 97.2276C82.8253 94.6496 87.7799 92.1791 89.2166 92.1119C89.4717 92.0851 89.5389 92.367 89.418 92.9578V92.9712Z"
+              fill="currentColor"
+            />
+          </svg>
+          <span className="text-fg-muted w-30 font-josefin absolute right-0 top-0 translate-x-[150px] text-sm font-bold">
+            Give it a shot!
+          </span>
+        </div>
+        <Tabs
+          variant="solid"
+          selectedKey={currentThemeId}
+          onSelectionChange={(key) => {
+            setCurrentThemeId(key as string);
+            setTouched(true);
+          }}
+        >
+          <TabList className="justify-center bg-transparent">
+            {dotUIThemes.map((theme) => (
+              <Tab
+                key={theme.id}
+                id={theme.id}
+                className="h-8 rounded-full px-4 text-sm"
+              >
+                {theme.name}
+              </Tab>
+            ))}
+          </TabList>
+        </Tabs>
+      </div>
       <Image
         src="https://ui.shadcn.com/_next/image?url=%2Fexamples%2Fmail-dark.png&w=1920&q=75"
         alt="dashboard"
@@ -39,9 +75,11 @@ export function ThemesPreview() {
         width={250}
         height={250}
       />
-      <ThemeOverride className="mt-6 rounded-xl border shadow-lg">
-        <ComponentsOverview />
-      </ThemeOverride>
+      <div className="px-12">
+        <ThemeOverride className="rounded-md border duration-300">
+          <ComponentsOverview />
+        </ThemeOverride>
+      </div>
     </div>
   );
 }
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index ee1004c33..8a73ce6be 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -57,6 +57,10 @@ export default function RootLayout({
           fontSans.variable,
           fontMono.variable
         )}
+        style={{
+          "--pattern-fg":
+            "color-mix(in oklab, var(--color-fg) 10%, transparent)",
+        } as React.CSSProperties}
         suppressHydrationWarning
       >
         <Analytics />
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index e372e08ed..b1c585a48 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -58,7 +58,7 @@ export const ComponentPreview = async ({
       <div className="bg-bg-muted">
         <ResizableContainer resizable={resizable}>
           <Loader>
-            <ThemeOverride className="relative">
+            <ThemeOverride className="relative duration-300">
               {/* @ts-expect-error fix later */}
               <StyleSwitcher componentName={getComponentName(name)} />
               <ThemeCustomizerDialog>
diff --git a/www/src/components/docs/theme-override.tsx b/www/src/components/docs/theme-override.tsx
index 56a0e1f7f..5f3f24f77 100644
--- a/www/src/components/docs/theme-override.tsx
+++ b/www/src/components/docs/theme-override.tsx
@@ -5,9 +5,11 @@ import { googleFonts } from "@/lib/fonts";
 import { cn } from "@/lib/utils";
 import { useThemes } from "@/hooks/use-themes";
 
-interface ThemeOverrideProps extends React.ComponentProps<"div"> {
+interface ThemeOverrideProps
+  extends Omit<React.ComponentProps<"div">, "style"> {
   children?: React.ReactNode;
   fallback?: ReactNode;
+  style?: (color: string) => React.CSSProperties;
 }
 
 export const ThemeOverride = React.forwardRef<
@@ -55,6 +57,7 @@ export const ThemeOverride = React.forwardRef<
       style={
         {
           ...styles,
+          ...props.style?.(currentMode.neutral.shades[3]),
         } as React.CSSProperties
       }
       className={cn("bg-bg text-fg", props.className)}
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
index ab062a2b0..ec5d077cd 100644
--- a/www/src/components/dynamic-core/tabs.tsx
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -16,7 +16,7 @@ import type {
 } from "@/registry/core/tabs_basic";
 
 export const Tabs = createDynamicComponent<TabsProps>("tabs", "Tabs", _Tabs, {
-  tabs_motion: React.lazy(() =>
+  motion: React.lazy(() =>
     import("@/registry/core/tabs_motion").then((mod) => ({
       default: mod.Tabs,
     }))
@@ -28,7 +28,7 @@ export const TabList = createDynamicComponent<TabListProps<object>>(
   "TabList",
   _TabList,
   {
-    tabs_motion: React.lazy(() =>
+    motion: React.lazy(() =>
       import("@/registry/core/tabs_motion").then((mod) => ({
         default: mod.TabList,
       }))
@@ -37,7 +37,7 @@ export const TabList = createDynamicComponent<TabListProps<object>>(
 );
 
 export const Tab = createDynamicComponent<TabProps>("tabs", "Tab", _Tab, {
-  tabs_motion: React.lazy(() =>
+  motion: React.lazy(() =>
     import("@/registry/core/tabs_motion").then((mod) => ({
       default: mod.Tab,
     }))
@@ -49,7 +49,7 @@ export const TabPanel = createDynamicComponent<TabPanelProps>(
   "TabPanel",
   _TabPanel,
   {
-    tabs_motion: React.lazy(() =>
+    motion: React.lazy(() =>
       import("@/registry/core/tabs_motion").then((mod) => ({
         default: mod.TabPanel,
       }))
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index 85ef775a4..572c7f0ae 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -18,7 +18,7 @@ export function Header({ className }: { className?: string }) {
     <header
       className={cn("bg-bg sticky top-0 z-50 w-full border-b", className)}
     >
-      <div className="container relative flex h-14 max-w-screen-2xl items-center justify-between">
+      <div className="px-12.5 container relative flex h-14 max-w-screen-2xl items-center justify-between">
         <div className="flex items-center gap-6">
           <Logo />
           <div className="flex items-center gap-3 text-sm">
@@ -80,14 +80,41 @@ const Logo = () => {
       href="/"
       className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
     >
-      <Avatar
+       {/* <Avatar
         src={siteConfig.global.logo}
         alt={siteConfig.global.name}
         width={24}
         height={24}
         loading="lazy"
         className="m-1 size-6 rounded-sm"
-      />
+      /> */}
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={20}
+        height={20}
+        className="rounded-xs"
+        viewBox="0 0 300 300"
+      >
+        <defs>
+          <clipPath id="a">
+            <path d="M24 0h252c13.254 0 24 10.746 24 24v252c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V24C0 10.746 10.746 0 24 0Zm0 0" />
+          </clipPath>
+          <clipPath id="b">
+            <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" />
+          </clipPath>
+          <clipPath id="c">
+            <path d="M220.57 194.418c-18.261 0-33.07 14.809-33.07 33.074 0 18.266 14.809 33.07 33.07 33.07 18.266 0 33.075-14.804 33.075-33.07 0-18.265-14.81-33.074-33.075-33.074Zm0 0" />
+          </clipPath>
+        </defs>
+        <g clipPath="url(#a)">
+          <path d="M-30-30h360v360H-30z" className="dark:fill-white fill-[#381e1e]" />
+        </g>
+        <g clipPath="url(#b)">
+          <g clipPath="url(#c)">
+            <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" className="dark:fill-[#381e1e] fill-[#fff]" />
+          </g>
+        </g>
+      </svg>
       <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
         {siteConfig.global.name}
       </div>
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 48ed25dcf..1d4222eb8 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -183,7 +183,7 @@ const SidebarRoot = ({
             "transition-sidebar group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) w-(--sidebar-width) relative z-10 h-svh bg-transparent"
           )}
         />
-        <div className="transition-sidebar bg-bg group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) [&_svg]:text-fg-muted w-(--sidebar-width) fixed inset-y-0 left-0 z-10 flex h-svh flex-col overflow-hidden border-r [&_button]:font-normal">
+        <div className="transition-sidebar bg-bg group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) [&_svg]:text-fg-muted w-(--sidebar-width) fixed inset-y-0 left-0 z-10 flex h-svh flex-col overflow-hidden [&_button]:font-normal">
           <div className="w-(--sidebar-width) relative flex h-svh flex-1 translate-x-[-0.5px] flex-col overflow-hidden">
             {children}
           </div>
@@ -207,14 +207,41 @@ const Logo = () => {
       href="/"
       className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
     >
-      <Avatar
+      {/* <Avatar
         src={siteConfig.global.logo}
         alt={siteConfig.global.name}
         width={24}
         height={24}
         loading="lazy"
         className="m-1 size-6 rounded-sm"
-      />
+      /> */}
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={20}
+        height={20}
+        className="rounded-xs"
+        viewBox="0 0 300 300"
+      >
+        <defs>
+          <clipPath id="a">
+            <path d="M24 0h252c13.254 0 24 10.746 24 24v252c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V24C0 10.746 10.746 0 24 0Zm0 0" />
+          </clipPath>
+          <clipPath id="b">
+            <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" />
+          </clipPath>
+          <clipPath id="c">
+            <path d="M220.57 194.418c-18.261 0-33.07 14.809-33.07 33.074 0 18.266 14.809 33.07 33.07 33.07 18.266 0 33.075-14.804 33.075-33.07 0-18.265-14.81-33.074-33.075-33.074Zm0 0" />
+          </clipPath>
+        </defs>
+        <g clipPath="url(#a)">
+          <path d="M-30-30h360v360H-30z" className="dark:fill-white fill-[#381e1e]" />
+        </g>
+        <g clipPath="url(#b)">
+          <g clipPath="url(#c)">
+            <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" className="dark:fill-[#381e1e] fill-[#fff]" />
+          </g>
+        </g>
+      </svg>
       <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
         {siteConfig.global.name}
       </div>
diff --git a/www/src/config/site-config.tsx b/www/src/config/site-config.tsx
index 52ad708d4..8263189b1 100644
--- a/www/src/config/site-config.tsx
+++ b/www/src/config/site-config.tsx
@@ -1,7 +1,7 @@
 export const siteConfig = {
   global: {
     url: "https://dotui.org",
-    name: "dotUI",
+    name: "dotUI.",
     logo: "https://dotui.org/images/logo.png",
     title: "dotUI",
     description: "Accessible, mobile friendly, modern UI components.",
diff --git a/www/src/lib/themes.ts b/www/src/lib/themes.ts
index d186fbb5f..49c8504e4 100644
--- a/www/src/lib/themes.ts
+++ b/www/src/lib/themes.ts
@@ -203,7 +203,7 @@ export const dotUIThemes: Theme[] = [
     iconLibrary: "lucide",
     variants: {
       ...defaultVariants,
-      button: "button-02",
+      button: "button-03",
     },
     colors: {
       light: {
diff --git a/www/src/registry/core/modal_blur.tsx b/www/src/registry/core/modal_blur.tsx
new file mode 100644
index 000000000..4bbdbd839
--- /dev/null
+++ b/www/src/registry/core/modal_blur.tsx
@@ -0,0 +1,42 @@
+"use client";
+
+import React from "react";
+import {
+  composeRenderProps,
+  Modal as AriaModal,
+  ModalOverlay as AriaModalOverlay,
+} from "react-aria-components";
+import { tv } from "tailwind-variants";
+
+const modalStyles = tv({
+  slots: {
+    underlay:
+      "h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse/40 dark:bg-bg/40 backdrop-blur-xs fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]",
+    overlay:
+      "bg-bg entering:scale-95 exiting:scale-95 relative z-50 w-full max-w-lg scale-100 border shadow-lg duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-transform sm:rounded-lg md:w-full",
+  },
+});
+
+const { underlay, overlay } = modalStyles();
+
+interface ModalProps extends React.ComponentProps<typeof AriaModal> {}
+const Modal = ({ className, isDismissable = true, ...props }: ModalProps) => (
+  <AriaModalOverlay
+    isDismissable={isDismissable}
+    className={composeRenderProps(className, (className) =>
+      underlay({ className })
+    )}
+    {...props}
+  >
+    <AriaModal
+      isDismissable={isDismissable}
+      className={composeRenderProps(className, (className) =>
+        overlay({ className })
+      )}
+      {...props}
+    />
+  </AriaModalOverlay>
+);
+
+export type { ModalProps };
+export { Modal };
diff --git a/www/src/registry/core/overlay_basic.tsx b/www/src/registry/core/overlay_basic.tsx
index e31dbee5d..562cd81c7 100644
--- a/www/src/registry/core/overlay_basic.tsx
+++ b/www/src/registry/core/overlay_basic.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { Drawer, DrawerProps } from "@/registry/core/drawer_basic";
-import { Modal, ModalProps } from "@/registry/core/modal_basic";
+import { Modal, ModalProps } from "@/registry/core/modal_blur";
 import { Popover, PopoverProps } from "@/registry/core/popover_basic";
 import { useIsMobile } from "@/registry/hooks/use-is-mobile";
 

From 57cf2690f3755f9dfa4557220bfb63ab36ecaf8d Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 5 Feb 2025 01:33:54 +0100
Subject: [PATCH 096/165] feat: landing page

---
 packages/schemas/schema.ts                    |  16 +-
 pnpm-lock.yaml                                | 118 +++----
 www/package.json                              |   4 +-
 www/src/app/(home)/layout.tsx                 |  26 ++
 www/src/app/(home)/page.tsx                   | 139 ++------
 www/src/app/(home)/themes-preview.tsx         |  85 -----
 www/src/app/internal/page.tsx                 |   2 +
 www/src/app/layout.tsx                        |   4 -
 .../components-overview.tsx                   |   0
 www/src/components/footer.tsx                 | 108 ++----
 www/src/components/logo.tsx                   |  48 +++
 www/src/config/site-config.tsx                |   2 +-
 .../demos/components/components-overview.tsx  | 333 ++++++++++++++++++
 .../themes/components/theme-provider.tsx      |  36 ++
 .../themes/components/themes-overview.tsx     |  94 +++++
 www/src/modules/themes/lib/create-theme.ts    | 149 ++++++++
 www/src/modules/themes/types.ts               |  34 ++
 www/src/registry/registry-themes.ts           |  10 +-
 www/src/registry/themes/default.ts            |  28 ++
 www/src/registry/themes/forest.ts             |  29 ++
 www/src/styles/docs.css                       |   5 +
 www/src/styles/globals.css                    |   2 -
 22 files changed, 934 insertions(+), 338 deletions(-)
 create mode 100644 www/src/app/(home)/layout.tsx
 delete mode 100644 www/src/app/(home)/themes-preview.tsx
 rename www/src/{app/(home) => components}/components-overview.tsx (100%)
 create mode 100644 www/src/components/logo.tsx
 create mode 100644 www/src/modules/demos/components/components-overview.tsx
 create mode 100644 www/src/modules/themes/components/theme-provider.tsx
 create mode 100644 www/src/modules/themes/components/themes-overview.tsx
 create mode 100644 www/src/modules/themes/lib/create-theme.ts
 create mode 100644 www/src/modules/themes/types.ts
 create mode 100644 www/src/registry/themes/default.ts
 create mode 100644 www/src/registry/themes/forest.ts

diff --git a/packages/schemas/schema.ts b/packages/schemas/schema.ts
index 06700bbd8..05f57b9a8 100644
--- a/packages/schemas/schema.ts
+++ b/packages/schemas/schema.ts
@@ -16,13 +16,19 @@ export const registryItemFileSchema = z.object({
   path: z.string(),
 });
 
+export const e = z.object({
+  colors: z.object({}),
+});
+
 export const registryItemCssSchema = z.object({
-  theme: z
+  colors: z
     .object({
-      light: z.record(z.string(), z.string()).optional(),
-      dark: z.record(z.string(), z.string()).optional(),
+      light: z.record(z.string(), z.string()),
+      dark: z.record(z.string(), z.string()),
     })
     .optional(),
+  themeVars: z.record(z.string(), z.string()).optional(),
+  keyframes: z.record(z.string(), z.string()).optional(),
 });
 
 export const registryItemSchema = z.object({
@@ -80,9 +86,9 @@ export const registryThemeSchema = z.object({
   name: z.string(),
   label: z.string(),
   description: z.string().optional(),
-  css: registryItemCssSchema.optional(), // TODO : fix
+  css: registryItemCssSchema, // TODO : fix
   iconLibrary: iconLibrarySchema,
-  primitives: primitivesSchema,
+  primitives: primitivesSchema.optional(),
 });
 
 // ----------------------------------------------
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e104059cf..c8b08a572 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -189,7 +189,7 @@ importers:
         version: 2.0.13
       '@vercel/analytics':
         specifier: ^1.1.1
-        version: 1.4.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+        version: 1.4.1(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
       babel-plugin-react-compiler:
         specifier: 19.0.0-beta-63e3235-20250105
         version: 19.0.0-beta-63e3235-20250105
@@ -201,13 +201,13 @@ importers:
         version: 1.0.4(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       fumadocs-core:
         specifier: ^15.0.1
-        version: 15.0.1(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.0.1(@types/react@19.0.4)(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       fumadocs-docgen:
         specifier: ^1.3.5
         version: 1.3.5(typescript@5.7.3)
       fumadocs-mdx:
         specifier: ^11.4.0
-        version: 11.4.0(acorn@8.14.0)(fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
+        version: 11.4.0(acorn@8.14.0)(fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
       hast-util-to-string:
         specifier: ^3.0.1
         version: 3.0.1
@@ -230,11 +230,11 @@ importers:
         specifier: ^5.0.7
         version: 5.0.9
       next:
-        specifier: 15.1.4
-        version: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: 15.1.6
+        version: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       next-themes:
-        specifier: ^0.2.1
-        version: 0.2.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^0.4.4
+        version: 0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       npm-to-yarn:
         specifier: ^3.0.0
         version: 3.0.1
@@ -1094,56 +1094,56 @@ packages:
   '@mdx-js/mdx@3.1.0':
     resolution: {integrity: sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==}
 
-  '@next/env@15.1.4':
-    resolution: {integrity: sha512-2fZ5YZjedi5AGaeoaC0B20zGntEHRhi2SdWcu61i48BllODcAmmtj8n7YarSPt4DaTsJaBFdxQAVEVzgmx2Zpw==}
+  '@next/env@15.1.6':
+    resolution: {integrity: sha512-d9AFQVPEYNr+aqokIiPLNK/MTyt3DWa/dpKveiAaVccUadFbhFEvY6FXYX2LJO2Hv7PHnLBu2oWwB4uBuHjr/w==}
 
   '@next/eslint-plugin-next@15.1.6':
     resolution: {integrity: sha512-+slMxhTgILUntZDGNgsKEYHUvpn72WP1YTlkmEhS51vnVd7S9jEEy0n9YAMcI21vUG4akTw9voWH02lrClt/yw==}
 
-  '@next/swc-darwin-arm64@15.1.4':
-    resolution: {integrity: sha512-wBEMBs+np+R5ozN1F8Y8d/Dycns2COhRnkxRc+rvnbXke5uZBHkUGFgWxfTXn5rx7OLijuUhyfB+gC/ap58dDw==}
+  '@next/swc-darwin-arm64@15.1.6':
+    resolution: {integrity: sha512-u7lg4Mpl9qWpKgy6NzEkz/w0/keEHtOybmIl0ykgItBxEM5mYotS5PmqTpo+Rhg8FiOiWgwr8USxmKQkqLBCrw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@15.1.4':
-    resolution: {integrity: sha512-7sgf5rM7Z81V9w48F02Zz6DgEJulavC0jadab4ZsJ+K2sxMNK0/BtF8J8J3CxnsJN3DGcIdC260wEKssKTukUw==}
+  '@next/swc-darwin-x64@15.1.6':
+    resolution: {integrity: sha512-x1jGpbHbZoZ69nRuogGL2MYPLqohlhnT9OCU6E6QFewwup+z+M6r8oU47BTeJcWsF2sdBahp5cKiAcDbwwK/lg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@next/swc-linux-arm64-gnu@15.1.4':
-    resolution: {integrity: sha512-JaZlIMNaJenfd55kjaLWMfok+vWBlcRxqnRoZrhFQrhM1uAehP3R0+Aoe+bZOogqlZvAz53nY/k3ZyuKDtT2zQ==}
+  '@next/swc-linux-arm64-gnu@15.1.6':
+    resolution: {integrity: sha512-jar9sFw0XewXsBzPf9runGzoivajeWJUc/JkfbLTC4it9EhU8v7tCRLH7l5Y1ReTMN6zKJO0kKAGqDk8YSO2bg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-arm64-musl@15.1.4':
-    resolution: {integrity: sha512-7EBBjNoyTO2ipMDgCiORpwwOf5tIueFntKjcN3NK+GAQD7OzFJe84p7a2eQUeWdpzZvhVXuAtIen8QcH71ZCOQ==}
+  '@next/swc-linux-arm64-musl@15.1.6':
+    resolution: {integrity: sha512-+n3u//bfsrIaZch4cgOJ3tXCTbSxz0s6brJtU3SzLOvkJlPQMJ+eHVRi6qM2kKKKLuMY+tcau8XD9CJ1OjeSQQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-x64-gnu@15.1.4':
-    resolution: {integrity: sha512-9TGEgOycqZFuADyFqwmK/9g6S0FYZ3tphR4ebcmCwhL8Y12FW8pIBKJvSwV+UBjMkokstGNH+9F8F031JZKpHw==}
+  '@next/swc-linux-x64-gnu@15.1.6':
+    resolution: {integrity: sha512-SpuDEXixM3PycniL4iVCLyUyvcl6Lt0mtv3am08sucskpG0tYkW1KlRhTgj4LI5ehyxriVVcfdoxuuP8csi3kQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-linux-x64-musl@15.1.4':
-    resolution: {integrity: sha512-0578bLRVDJOh+LdIoKvgNDz77+Bd85c5JrFgnlbI1SM3WmEQvsjxTA8ATu9Z9FCiIS/AliVAW2DV/BDwpXbtiQ==}
+  '@next/swc-linux-x64-musl@15.1.6':
+    resolution: {integrity: sha512-L4druWmdFSZIIRhF+G60API5sFB7suTbDRhYWSjiw0RbE+15igQvE2g2+S973pMGvwN3guw7cJUjA/TmbPWTHQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-win32-arm64-msvc@15.1.4':
-    resolution: {integrity: sha512-JgFCiV4libQavwII+kncMCl30st0JVxpPOtzWcAI2jtum4HjYaclobKhj+JsRu5tFqMtA5CJIa0MvYyuu9xjjQ==}
+  '@next/swc-win32-arm64-msvc@15.1.6':
+    resolution: {integrity: sha512-s8w6EeqNmi6gdvM19tqKKWbCyOBvXFbndkGHl+c9YrzsLARRdCHsD9S1fMj8gsXm9v8vhC8s3N8rjuC/XrtkEg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@next/swc-win32-x64-msvc@15.1.4':
-    resolution: {integrity: sha512-xxsJy9wzq7FR5SqPCUqdgSXiNXrMuidgckBa8nH9HtjjxsilgcN6VgXF6tZ3uEWuVEadotQJI8/9EQ6guTC4Yw==}
+  '@next/swc-win32-x64-msvc@15.1.6':
+    resolution: {integrity: sha512-6xomMuu54FAFxttYr5PJbEfu96godcxBTRk1OhAvJq0/EnmFU/Ybiax30Snis4vdWZ9LGpf7Roy5fSs7v/5ROQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -4659,15 +4659,14 @@ packages:
     resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
     engines: {node: '>= 0.6'}
 
-  next-themes@0.2.1:
-    resolution: {integrity: sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==}
+  next-themes@0.4.4:
+    resolution: {integrity: sha512-LDQ2qIOJF0VnuVrrMSMLrWGjRMkq+0mpgl6e0juCLqdJ+oo8Q84JRWT6Wh11VDQKkMMe+dVzDKLWs5n87T+PkQ==}
     peerDependencies:
-      next: '*'
-      react: '*'
-      react-dom: '*'
+      react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
-  next@15.1.4:
-    resolution: {integrity: sha512-mTaq9dwaSuwwOrcu3ebjDYObekkxRnXpuVL21zotM8qE2W0HBOdVIdg2Li9QjMEZrj73LN96LcWcz62V19FjAg==}
+  next@15.1.6:
+    resolution: {integrity: sha512-Hch4wzbaX0vKQtalpXvUiw5sYivBy4cm5rzUKrBnUB/y436LGrvOUqYvlSeNVCWFO/770gDlltR9gqZH62ct4Q==}
     engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
     hasBin: true
     peerDependencies:
@@ -6779,34 +6778,34 @@ snapshots:
       - acorn
       - supports-color
 
-  '@next/env@15.1.4': {}
+  '@next/env@15.1.6': {}
 
   '@next/eslint-plugin-next@15.1.6':
     dependencies:
       fast-glob: 3.3.1
 
-  '@next/swc-darwin-arm64@15.1.4':
+  '@next/swc-darwin-arm64@15.1.6':
     optional: true
 
-  '@next/swc-darwin-x64@15.1.4':
+  '@next/swc-darwin-x64@15.1.6':
     optional: true
 
-  '@next/swc-linux-arm64-gnu@15.1.4':
+  '@next/swc-linux-arm64-gnu@15.1.6':
     optional: true
 
-  '@next/swc-linux-arm64-musl@15.1.4':
+  '@next/swc-linux-arm64-musl@15.1.6':
     optional: true
 
-  '@next/swc-linux-x64-gnu@15.1.4':
+  '@next/swc-linux-x64-gnu@15.1.6':
     optional: true
 
-  '@next/swc-linux-x64-musl@15.1.4':
+  '@next/swc-linux-x64-musl@15.1.6':
     optional: true
 
-  '@next/swc-win32-arm64-msvc@15.1.4':
+  '@next/swc-win32-arm64-msvc@15.1.6':
     optional: true
 
-  '@next/swc-win32-x64-msvc@15.1.4':
+  '@next/swc-win32-x64-msvc@15.1.6':
     optional: true
 
   '@nodelib/fs.scandir@2.1.5':
@@ -9307,9 +9306,9 @@ snapshots:
 
   '@ungap/structured-clone@1.2.1': {}
 
-  '@vercel/analytics@1.4.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
+  '@vercel/analytics@1.4.1(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
     optionalDependencies:
-      next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react: 19.0.0
 
   JSONStream@1.3.5:
@@ -10304,7 +10303,7 @@ snapshots:
   fsevents@2.3.3:
     optional: true
 
-  fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@formatjs/intl-localematcher': 0.5.10
       '@orama/orama': 2.1.1
@@ -10322,7 +10321,7 @@ snapshots:
       shiki: 2.2.0
       unist-util-visit: 5.0.0
     optionalDependencies:
-      next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
     transitivePeerDependencies:
@@ -10342,7 +10341,7 @@ snapshots:
       - supports-color
       - typescript
 
-  fumadocs-mdx@11.4.0(acorn@8.14.0)(fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)):
+  fumadocs-mdx@11.4.0(acorn@8.14.0)(fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)):
     dependencies:
       '@mdx-js/mdx': 3.1.0(acorn@8.14.0)
       chokidar: 4.0.3
@@ -10350,10 +10349,10 @@ snapshots:
       esbuild: 0.24.2
       estree-util-value-to-estree: 3.2.1
       fast-glob: 3.3.3
-      fumadocs-core: 15.0.1(@types/react@19.0.4)(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      fumadocs-core: 15.0.1(@types/react@19.0.4)(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       gray-matter: 4.0.3
       micromatch: 4.0.8
-      next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       unist-util-visit: 5.0.0
       zod: 3.24.1
     transitivePeerDependencies:
@@ -11545,15 +11544,14 @@ snapshots:
 
   negotiator@1.0.0: {}
 
-  next-themes@0.2.1(next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  next-themes@0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      next: 15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  next@15.1.4(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      '@next/env': 15.1.4
+      '@next/env': 15.1.6
       '@swc/counter': 0.1.3
       '@swc/helpers': 0.5.15
       busboy: 1.6.0
@@ -11563,14 +11561,14 @@ snapshots:
       react-dom: 19.0.0(react@19.0.0)
       styled-jsx: 5.1.6(react@19.0.0)
     optionalDependencies:
-      '@next/swc-darwin-arm64': 15.1.4
-      '@next/swc-darwin-x64': 15.1.4
-      '@next/swc-linux-arm64-gnu': 15.1.4
-      '@next/swc-linux-arm64-musl': 15.1.4
-      '@next/swc-linux-x64-gnu': 15.1.4
-      '@next/swc-linux-x64-musl': 15.1.4
-      '@next/swc-win32-arm64-msvc': 15.1.4
-      '@next/swc-win32-x64-msvc': 15.1.4
+      '@next/swc-darwin-arm64': 15.1.6
+      '@next/swc-darwin-x64': 15.1.6
+      '@next/swc-linux-arm64-gnu': 15.1.6
+      '@next/swc-linux-arm64-musl': 15.1.6
+      '@next/swc-linux-x64-gnu': 15.1.6
+      '@next/swc-linux-x64-musl': 15.1.6
+      '@next/swc-win32-arm64-msvc': 15.1.6
+      '@next/swc-win32-x64-msvc': 15.1.6
       babel-plugin-react-compiler: 19.0.0-beta-63e3235-20250105
       sharp: 0.33.5
     transitivePeerDependencies:
diff --git a/www/package.json b/www/package.json
index 1c6563d38..11315e045 100644
--- a/www/package.json
+++ b/www/package.json
@@ -42,8 +42,8 @@
     "lucide-react": "^0.469.0",
     "motion": "^11.16.4",
     "nanoid": "^5.0.7",
-    "next": "15.1.4",
-    "next-themes": "^0.2.1",
+    "next": "15.1.6",
+    "next-themes": "^0.4.4",
     "npm-to-yarn": "^3.0.0",
     "react": "19.0.0",
     "react-aria": "^3.33.0",
diff --git a/www/src/app/(home)/layout.tsx b/www/src/app/(home)/layout.tsx
new file mode 100644
index 000000000..2fb8ed3fb
--- /dev/null
+++ b/www/src/app/(home)/layout.tsx
@@ -0,0 +1,26 @@
+import { Header } from "@/components/header";
+import { MobileNav } from "@/components/mobile-nav";
+import { source } from "@/app/source";
+import { Footer } from "@/components/footer";
+
+export default function HomeLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  // return children
+  return (
+    <div>
+      <Header className="hidden md:block" />
+      <MobileNav items={source.pageTree.children} className="md:hidden" />
+      <div className="mx-auto min-h-screen max-w-screen-2xl sm:grid sm:grid-cols-[20px_1fr_20px] md:grid-cols-[30px_1fr_30px] lg:grid-cols-[50px_1fr_50px]">
+        <div className="diagonal-pattern hidden sm:block" />
+        <div className="space-y-20">
+          {children}
+          <Footer />
+        </div>
+        <div className="diagonal-pattern hidden sm:block" />
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index e2b955400..3657ecd5e 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -1,118 +1,53 @@
 import React from "react";
 import { LayoutTemplateIcon } from "lucide-react";
 import { Button } from "@/components/core/button";
-import { Link } from "@/components/core/link";
-import { Header } from "@/components/header";
-import { MobileNav } from "@/components/mobile-nav";
-import { source } from "@/app/source";
-import { siteConfig } from "@/config";
-import { ThemesPreview } from "./themes-preview";
+import { ThemesOverview } from "@/modules/themes/components/themes-overview";
 
 export default function HomePage() {
   return (
     <div>
-      <Header className="hidden md:block" />
-      <MobileNav items={source.pageTree.children} className="md:hidden" />
-      <div className="isolate grid grid-cols-[50px_1fr_50px]">
-        <div className="border-x-(--pattern-fg) h-full border-x bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px]" />
-        <div>
-          <section className="container relative max-w-screen-xl pb-44 pt-24">
+      {/* Hero section */}
+      <div className="container">
+        <section className="max-w-3xl pb-28 pt-8 sm:pt-24">
+          <Button
+            prefix={<LayoutTemplateIcon />}
+            variant="outline"
+            className="bg-bg-inverse/5 text-fg-muted mb-3 h-7 rounded-lg text-xs [&_svvg]:size-4"
+          >
+            Introducing themes
+          </Button>
+          <h1 className="text-balance text-3xl tracking-tighter max-lg:font-medium sm:text-4xl md:text-5xl lg:text-6xl">
+            Quickly build your component library with a{" "}
+            <span className="font-bold italic">unique</span> look.
+          </h1>
+          <p className="text-fg-muted text-balace mt-4 text-lg">
+            Over 40 components available in multiple variants ready to match
+            your brand identity.
+          </p>
+          <div className="mt-8 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4">
             <Button
-              prefix={<LayoutTemplateIcon />}
+              href="/docs/getting-started/introduction"
+              variant="primary"
+              size="lg"
+              className="h-11 px-8"
+            >
+              Get started
+            </Button>
+            <Button
+              href="/themes"
               variant="outline"
-              className="bg-bg-inverse/5 text-fg-muted mb-4 h-7 rounded-lg text-xs [&_svvg]:size-4"
+              size="lg"
+              className="bg-bg-inverse/5 h-11 px-8"
             >
-              Introducing themes
+              Explore themes
             </Button>
-            <h1 className="text-balance text-4xl tracking-tighter max-lg:font-medium max-sm:px-4 sm:text-5xl lg:text-6xl">
-              Quickly build your component library with a{" "}
-              <span className="font-bold italic">unique</span> look.
-            </h1>
-            <p className="text-fg-muted mt-5 max-w-5xl text-balance text-lg">
-              Over 40 components available in multiple variants ready to match
-              your brand identity.
-            </p>
-            <div className="mt-8 flex items-center gap-4">
-              <Button
-                size="lg"
-                variant="primary"
-                href="/docs/getting-started/introduction"
-                className="h-11 px-8"
-              >
-                Get started
-              </Button>
-              <Button
-                href="/themes"
-                size="lg"
-                variant="outline"
-                className="bg-bg-inverse/5 h-11 px-8"
-                // prefix={<PaletteIcon />}
-              >
-                Explore themes
-              </Button>
-            </div>
-          </section>
-          <ThemesPreview />
-          {/* Footer */}
-          <div className="mt-20 border-t py-6">
-            <div className="container space-y-3">
-              {/* <p className="text-fg font-josefin text-sm font-extrabold">.</p> */}
-              <span className="flex items-start gap-2">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width={16}
-                  height={16}
-                  className="rounded-xs"
-                  viewBox="0 0 300 300"
-                >
-                  <defs>
-                    <clipPath id="a">
-                      <path d="M24 0h252c13.254 0 24 10.746 24 24v252c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V24C0 10.746 10.746 0 24 0Zm0 0" />
-                    </clipPath>
-                    <clipPath id="b">
-                      <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" />
-                    </clipPath>
-                    <clipPath id="c">
-                      <path d="M220.57 194.418c-18.261 0-33.07 14.809-33.07 33.074 0 18.266 14.809 33.07 33.07 33.07 18.266 0 33.075-14.804 33.075-33.07 0-18.265-14.81-33.074-33.075-33.074Zm0 0" />
-                    </clipPath>
-                  </defs>
-                  <g clipPath="url(#a)">
-                    <path fill="#fff" d="M-30-30h360v360H-30z" />
-                  </g>
-                  <g clipPath="url(#b)">
-                    <g clipPath="url(#c)">
-                      <path
-                        fill="#1d1d1d"
-                        d="M187.5 194.418h66.145v66.144H187.5Zm0 0"
-                      />
-                    </g>
-                  </g>
-                </svg>
-                <p className="text-fg font-josefin text-sm font-bold">dotUI.</p>{" "}
-              </span>
-              <p className="text-fg-muted text-xs">
-                Built by{" "}
-                <Link
-                  variant="quiet"
-                  href={siteConfig.links.twitter}
-                  target="_blank"
-                >
-                  mehdibha
-                </Link>
-                . The source code is available on{" "}
-                <Link
-                  variant="quiet"
-                  href={siteConfig.links.github}
-                  target="_blank"
-                >
-                  GitHub
-                </Link>
-              </p>
-            </div>
           </div>
-        </div>
-        <div className="border-x-(--pattern-fg) h-full border-x bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px]" />
+        </section>
       </div>
+      {/* Components overview */}
+      <section>
+        <ThemesOverview />
+      </section>
     </div>
   );
 }
diff --git a/www/src/app/(home)/themes-preview.tsx b/www/src/app/(home)/themes-preview.tsx
deleted file mode 100644
index 884861c26..000000000
--- a/www/src/app/(home)/themes-preview.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-"use client";
-
-import React from "react";
-import Image from "next/image";
-import { dotUIThemes } from "@/lib/themes";
-import { useThemes } from "@/hooks/use-themes";
-import { ThemeOverride } from "@/components/docs/theme-override";
-import { Tabs, TabList, Tab } from "@/registry/core/tabs_motion";
-import { ComponentsOverview } from "./components-overview";
-
-export function ThemesPreview() {
-  const { currentThemeId, setCurrentThemeId } = useThemes();
-  const [touched, setTouched] = React.useState(false);
-
-  React.useEffect(() => {
-    const interval = setInterval(() => {
-      if (touched) return;
-      const currentIndex = dotUIThemes.findIndex(
-        (theme) => theme.id === currentThemeId
-      );
-      const nextIndex = (currentIndex + 1) % dotUIThemes.length;
-      setCurrentThemeId(dotUIThemes[nextIndex].id);
-    }, 5000);
-
-    return () => clearInterval(interval);
-  }, [currentThemeId, setCurrentThemeId, touched]);
-
-  return (
-    <div className="relative">
-      <div className="absolute left-1/2 top-0 flex w-[100vw] -translate-x-1/2 -translate-y-[calc(100%+20px)] flex-col items-center justify-center">
-        <div className="relative translate-x-40">
-          <svg
-            width="30"
-            viewBox="0 0 106 212"
-            fill="none"
-            className="text-fg/40 rotate-40"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              fillRule="evenodd"
-              clipRule="evenodd"
-              d="M89.5523 0.499048C87.5651 0.982422 84.0069 2.94278 81.2677 4.99712C78.5689 7.05146 71.3854 14.1947 67.6392 18.5853C59.8112 27.7426 55.0848 39.0884 53.2319 52.9989C52.5202 58.316 52.5202 68.5743 53.2319 74.4822C53.7824 78.9802 55.3131 87.0634 56.1993 89.8965L56.6826 91.4943L53.581 94.7839C38.0726 111.474 28.3916 132.111 24.0815 157.623C23.1685 163.168 22.0943 172.057 21.5706 178.448L21.3155 181.55L19.3283 178.287C15.7701 172.513 12.2925 168.217 8.66717 165.155C0.839139 158.468 -1.2421 159.516 1.92671 168.512C5.99514 179.979 15.1928 195.755 22.43 203.61C24.6723 206.054 28.8884 209.344 31.2919 210.552C33.937 211.922 34.9441 211.076 37.7503 205.074C38.6365 203.154 42.0873 196.924 45.4038 191.217C48.7338 185.511 51.4729 180.596 51.4729 180.261C51.4729 178.757 48.5995 174.943 44.7862 171.291C41.7919 168.458 39.6302 167.022 38.3277 167.022H37.3475L37.5758 165.128C38.5829 156.454 43.6717 141.564 48.9217 131.883C53.2856 123.827 57.9851 117.315 65.2492 109.164L66.6859 107.54L68.6059 109.299C75.1852 115.368 84.45 118.389 91.0696 116.67C95.5945 115.462 98.4411 112.884 101.006 107.58C102.805 103.901 103.248 102.236 103.288 99.47C103.315 93.5084 95.5005 83.8945 87.2563 79.7187C83.8055 77.9598 81.6437 77.5301 78.4883 77.9867C74.4199 78.5775 70.6335 80.3632 65.0209 84.3779C63.6245 85.385 62.416 86.204 62.3489 86.1369C61.9595 85.7072 61.2344 76.1606 61.2344 70.9509C61.2344 63.8479 61.5567 60.1018 62.698 54.3953C64.8463 43.7342 69.0222 35.1006 76.0312 26.8833C87.6725 13.2279 98.1994 6.67551 103.839 9.57576C104.591 9.93829 105.275 10.1263 105.369 10.0054C106.054 8.89099 100.576 2.9025 97.3535 1.2644C95.4334 0.284225 91.7812 -0.0782881 89.5255 0.485649L89.5523 0.499048ZM89.418 92.9712C89.324 93.4949 88.5721 95.2136 87.7933 96.8785C84.4097 103.981 78.5957 107.378 71.9493 106.13C70.7811 105.902 69.6667 105.606 69.4384 105.472C68.9148 105.15 74.9839 99.9265 78.9851 97.2276C82.8253 94.6496 87.7799 92.1791 89.2166 92.1119C89.4717 92.0851 89.5389 92.367 89.418 92.9578V92.9712Z"
-              fill="currentColor"
-            />
-          </svg>
-          <span className="text-fg-muted w-30 font-josefin absolute right-0 top-0 translate-x-[150px] text-sm font-bold">
-            Give it a shot!
-          </span>
-        </div>
-        <Tabs
-          variant="solid"
-          selectedKey={currentThemeId}
-          onSelectionChange={(key) => {
-            setCurrentThemeId(key as string);
-            setTouched(true);
-          }}
-        >
-          <TabList className="justify-center bg-transparent">
-            {dotUIThemes.map((theme) => (
-              <Tab
-                key={theme.id}
-                id={theme.id}
-                className="h-8 rounded-full px-4 text-sm"
-              >
-                {theme.name}
-              </Tab>
-            ))}
-          </TabList>
-        </Tabs>
-      </div>
-      <Image
-        src="https://ui.shadcn.com/_next/image?url=%2Fexamples%2Fmail-dark.png&w=1920&q=75"
-        alt="dashboard"
-        className="w-full md:hidden"
-        width={250}
-        height={250}
-      />
-      <div className="px-12">
-        <ThemeOverride className="rounded-md border duration-300">
-          <ComponentsOverview />
-        </ThemeOverride>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index f582245df..9e03416cb 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,3 +1,5 @@
+import { createTheme } from "@/modules/themes/lib/create-theme";
+
 export default function Demo() {
   return <div>internal page</div>;
 }
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index 8a73ce6be..ee1004c33 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -57,10 +57,6 @@ export default function RootLayout({
           fontSans.variable,
           fontMono.variable
         )}
-        style={{
-          "--pattern-fg":
-            "color-mix(in oklab, var(--color-fg) 10%, transparent)",
-        } as React.CSSProperties}
         suppressHydrationWarning
       >
         <Analytics />
diff --git a/www/src/app/(home)/components-overview.tsx b/www/src/components/components-overview.tsx
similarity index 100%
rename from www/src/app/(home)/components-overview.tsx
rename to www/src/components/components-overview.tsx
diff --git a/www/src/components/footer.tsx b/www/src/components/footer.tsx
index bb892618c..bc67be0a8 100644
--- a/www/src/components/footer.tsx
+++ b/www/src/components/footer.tsx
@@ -3,10 +3,8 @@ import NavLink from "next/link";
 import Link from "next/link";
 import { focusRing } from "@/lib/focus-styles";
 import { cn } from "@/lib/utils";
-import { Avatar } from "@/components/core/avatar";
-import { Badge } from "@/components/core/badge";
 import { Separator } from "@/components/core/separator";
-import { GitHubIcon, TwitterIcon } from "@/components/icons";
+import { Logo } from "@/components/logo";
 import { siteConfig } from "@/config";
 
 const links = [
@@ -59,78 +57,46 @@ const links = [
   },
 ];
 
-const socialLinks = [
-  { icon: TwitterIcon, href: siteConfig.links.twitter, label: "Twitter" },
-  { icon: GitHubIcon, href: siteConfig.links.github, label: "GitHub" },
-];
-
 export const Footer = () => {
   return (
-    <div>
-      <div className="container py-8">
-        <div className="flex flex-col items-start justify-between gap-10 lg:flex-row">
-          <div className="flex max-w-sm flex-col items-start">
-            <NavLink
-              href="/"
-              className={cn(focusRing(), "flex items-center gap-2 rounded")}
-            >
-              <Avatar
-                src={siteConfig.global.logo}
-                alt={siteConfig.global.name}
-                loading="lazy"
-                width={24}
-                height={24}
-                className="size-6 rounded-sm"
-              />
-              <div className="font-josephin mt-1 font-bold leading-normal tracking-tighter">
-                {siteConfig.global.name}
-              </div>
-              <Badge size="sm" variant="neutral" className="border">
-                beta
-              </Badge>
-            </NavLink>
-            <p className="text-md text-fg-muted mt-2">
-              {siteConfig.global.description}
-            </p>
-            <div className="mt-4 flex items-center gap-4">
-              {socialLinks.map((Link, index) => (
-                <NavLink
-                  href={Link.href}
-                  key={index}
-                  target="_blank"
-                  className="text-fg-muted hover:text-fg transition-colors duration-200"
-                >
-                  <Link.icon size={20} />
-                  <span className="sr-only">{Link.label}</span>
-                </NavLink>
-              ))}
+    <div className="border-t py-12">
+      <div className="container flex flex-col items-start justify-between gap-10 lg:flex-row">
+        <div className="space-y-1">
+          <NavLink href="/" className={cn(focusRing(), "flex gap-2 rounded")}>
+            <Logo className="translate-y-0.5" />
+            <div className="font-josefin font-bold tracking-tighter">
+              dotUI.
             </div>
-          </div>
-          <div className="flex flex-wrap gap-6 sm:gap-16">
-            {links.map((group, index) => (
-              <div key={index}>
-                <h2 className="font-bold">{group.label}</h2>
-                <ul className="mt-2 space-y-2">
-                  {group.links.map((link, index) => (
-                    <li key={index}>
-                      <NavLink
-                        href={link.href}
-                        className="text-fg-muted hover:text-fg transition-colors duration-200"
-                        target={
-                          link.href.startsWith("http") ? "_blank" : undefined
-                        }
-                      >
-                        {link.label}
-                      </NavLink>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-            ))}
-          </div>
+          </NavLink>
+          <p className="text-fg-muted text-base">
+            Bringing singularity to the web.
+          </p>
         </div>
-        <Separator className="mb-4 mt-12" />
-        <p className="text-fg-muted text-sm">
+        <div className="flex flex-wrap gap-6 sm:gap-16 text-sm">
+          {links.map((group, index) => (
+            <div key={index}>
+              <h2 className="font-bold">{group.label}</h2>
+              <ul className="mt-2 space-y-2">
+                {group.links.map((link, index) => (
+                  <li key={index}>
+                    <NavLink
+                      href={link.href}
+                      className="text-fg-muted hover:text-fg transition-colors duration-200"
+                      target={
+                        link.href.startsWith("http") ? "_blank" : undefined
+                      }
+                    >
+                      {link.label}
+                    </NavLink>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          ))}
+        </div>
+      </div>
+      <div className="container px-0 pt-6">
+        <p className="text-fg-muted container text-sm">
           Built by{" "}
           <Link
             href="https://github.com/mehdibha"
diff --git a/www/src/components/logo.tsx b/www/src/components/logo.tsx
new file mode 100644
index 000000000..b43e2e597
--- /dev/null
+++ b/www/src/components/logo.tsx
@@ -0,0 +1,48 @@
+import { type SVGProps } from "react";
+
+interface IconProps extends Partial<SVGProps<SVGSVGElement>> {
+  size?: string | number;
+}
+
+export const Logo = ({
+  color = "currentColor",
+  size = 16,
+  ...rest
+}: IconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 300 300"
+      width={size}
+      height={size}
+      fill={color}
+      {...rest}
+    >
+      <defs>
+        <clipPath id="a">
+          <path d="M24 0h252c13.254 0 24 10.746 24 24v252c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V24C0 10.746 10.746 0 24 0Zm0 0" />
+        </clipPath>
+        <clipPath id="b">
+          <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" />
+        </clipPath>
+        <clipPath id="c">
+          <path d="M220.57 194.418c-18.261 0-33.07 14.809-33.07 33.074 0 18.266 14.809 33.07 33.07 33.07 18.266 0 33.075-14.804 33.075-33.07 0-18.265-14.81-33.074-33.075-33.074Zm0 0" />
+        </clipPath>
+      </defs>
+      <g clipPath="url(#a)">
+        <path
+          d="M-30-30h360v360H-30z"
+          className="fill-[#381e1e] dark:fill-white"
+        />
+      </g>
+      <g clipPath="url(#b)">
+        <g clipPath="url(#c)">
+          <path
+            d="M187.5 194.418h66.145v66.144H187.5Zm0 0"
+            className="fill-[#fff] dark:fill-[#381e1e]"
+          />
+        </g>
+      </g>
+    </svg>
+  );
+};
diff --git a/www/src/config/site-config.tsx b/www/src/config/site-config.tsx
index 8263189b1..52ad708d4 100644
--- a/www/src/config/site-config.tsx
+++ b/www/src/config/site-config.tsx
@@ -1,7 +1,7 @@
 export const siteConfig = {
   global: {
     url: "https://dotui.org",
-    name: "dotUI.",
+    name: "dotUI",
     logo: "https://dotui.org/images/logo.png",
     title: "dotUI",
     description: "Accessible, mobile friendly, modern UI components.",
diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
new file mode 100644
index 000000000..14ec30c4b
--- /dev/null
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -0,0 +1,333 @@
+"use client";
+
+import { Link } from "@/components/core/link";
+import { RadioGroup, Radio } from "@/components/core/radio-group";
+import FileTriggerDemo from "@/components/demos/file-trigger/default";
+import { Alert } from "@/components/dynamic-core/alert";
+import { Avatar } from "@/components/dynamic-core/avatar";
+import { Button } from "@/components/dynamic-core/button";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
+import { SearchField } from "@/components/dynamic-core/search-field";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
+import { Separator } from "@/components/dynamic-core/separator";
+import { Slider } from "@/components/dynamic-core/slider";
+import { Switch } from "@/components/dynamic-core/switch";
+import {
+  TableRoot,
+  TableBody,
+  TableColumn,
+  TableCell,
+  TableRow,
+  TableHeader,
+} from "@/components/dynamic-core/table";
+import { Tabs, Tab, TabList, TabPanel } from "@/components/dynamic-core/tabs";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
+
+export function ComponentsOverview() {
+  return (
+    <div className="grid grid-cols-10 gap-8 p-8 container">
+      <div className="col-span-8">
+        <Slider
+          label="Progress"
+          showValueLabel
+          defaultValue={50}
+          className="!w-full"
+        />
+      </div>
+      <div className="col-span-2 row-span-2">
+        <RadioGroup>
+          <Radio value="email">Email</Radio>
+          <Radio value="phone">Phone (SMS)</Radio>
+          <Radio value="notification">Push notification</Radio>
+        </RadioGroup>
+      </div>
+      <div className="col-span-8 flex justify-between gap-4">
+        <Button variant="accent">Button</Button>
+        <Select>
+          <SelectItem>Perplexity</SelectItem>
+          <SelectItem>Replicate</SelectItem>
+          <SelectItem>Together AI</SelectItem>
+          <SelectItem>ElevenLabs</SelectItem>
+        </Select>
+        <FileTriggerDemo />
+        <div className="flex-1" />
+        <Switch>Focus mode</Switch>
+        <Avatar
+          src="https://github.com/mehdibha.png"
+          alt="@mehdibha"
+          fallback="M"
+        />
+        <DateRangePicker />
+      </div>
+      <div className="col-span-3 row-span-8 flex flex-col justify-between gap-2">
+        <Alert title="Payment Information">
+          Enter your payment method to complete your purchase.
+        </Alert>
+        <Tabs>
+          <TabList>
+            <Tab id="login" className="w-1/2">
+              Login
+            </Tab>
+            <Tab id="register" className="w-1/2">
+              Register
+            </Tab>
+          </TabList>
+          <TabPanel id="login" className="mt-4">
+            <Login />
+          </TabPanel>
+          <TabPanel id="register" className="mt-4">
+            <Register />
+          </TabPanel>
+        </Tabs>
+        <ColorSlider
+          label="Opacity"
+          defaultValue="hsla(210, 64%, 35%, 0.7)"
+          channel="alpha"
+          className="!w-full"
+        />
+        <ProgressBar label="Loading..." value={75} className="w-full" />
+      </div>
+      <div className="col-span-5 row-span-2 flex justify-between gap-6">
+        <ListBox className="h-full max-h-none w-full">
+          <ListBoxItem>New...</ListBoxItem>
+          <ListBoxItem>Badges</ListBoxItem>
+          <Separator />
+          <ListBoxItem>Save</ListBoxItem>
+          <ListBoxItem>Save as...</ListBoxItem>
+          <ListBoxItem>Rename...</ListBoxItem>
+          <Separator />
+          <ListBoxItem>Page setup…</ListBoxItem>
+          <ListBoxItem>Print…</ListBoxItem>
+        </ListBox>
+        <RangeCalendar />
+      </div>
+      <div className="col-span-2 row-span-2 flex flex-col gap-4">
+        <Checkbox defaultSelected>Notifications</Checkbox>
+        <SearchField aria-label="Search" className="w-full" />
+        <Combobox
+          label="Country"
+          description="Please select a country."
+          className="w-full"
+        >
+          <ComboboxItem>Canada</ComboboxItem>
+          <ComboboxItem>France</ComboboxItem>
+          <ComboboxItem>Germany</ComboboxItem>
+          <ComboboxItem>Spain</ComboboxItem>
+          <ComboboxItem>Tunisia</ComboboxItem>
+          <ComboboxItem>United states</ComboboxItem>
+          <ComboboxItem>United Kingdom</ComboboxItem>
+        </Combobox>
+        <NumberField label="Width" defaultValue={1024} className="w-full" />
+      </div>
+      <div className="col-span-7 row-span-6">
+        <TableRoot aria-label="Vocalists" selectionMode="multiple">
+          <TableHeader>
+            <TableColumn className="max-w-0">ID</TableColumn>
+            <TableColumn isRowHeader>Name</TableColumn>
+            <TableColumn>Email</TableColumn>
+            <TableColumn>Age</TableColumn>
+            <TableColumn>Role</TableColumn>
+            <TableColumn>Band</TableColumn>
+            <TableColumn>Status</TableColumn>
+          </TableHeader>
+          <TableBody items={items}>
+            {(item) => (
+              <TableRow id={item.id}>
+                <TableCell>{item.id}</TableCell>
+                <TableCell>{item.name}</TableCell>
+                <TableCell>{item.email}</TableCell>
+                <TableCell>{item.age}</TableCell>
+                <TableCell>{item.role}</TableCell>
+                <TableCell>{item.band}</TableCell>
+                <TableCell>{item.status}</TableCell>
+              </TableRow>
+            )}
+          </TableBody>
+        </TableRoot>
+      </div>
+    </div>
+  );
+}
+
+function Login() {
+  return (
+    <div className="bg-bg-muted w-full max-w-sm rounded-lg border p-8">
+      <h1 className="text-2xl font-semibold leading-none tracking-tight">
+        Login
+      </h1>
+      <p className="text-fg-muted mt-2 text-sm">
+        Enter your email below to login to your account
+      </p>
+      <div className="mt-4 flex items-center gap-2">
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign in with google"
+        >
+          <GoogleIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign in with X"
+        >
+          <TwitterIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign in with github"
+        >
+          <GitHubIcon />
+        </Button>
+      </div>
+      <div className="relative my-4">
+        <div className="absolute inset-0 flex items-center">
+          <span className="w-full border-t" />
+        </div>
+        <div className="relative flex justify-center text-xs uppercase">
+          <span className="bg-bg-muted text-fg-muted px-2">Or</span>
+        </div>
+      </div>
+      <TextField label="Email address" type="email" className="w-full" />
+      <Button variant="primary" className="mt-4 w-full" type="submit">
+        Continue with email
+      </Button>
+      <p className="text-fg-muted mt-4 text-sm">
+        Don&apos;t have an account?{" "}
+        <Link variant="quiet" href="/preview/register">
+          Register
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+function Register() {
+  return (
+    <div className="bg-bg-muted w-full max-w-sm rounded-lg border p-8">
+      <h1 className="text-2xl font-semibold leading-none tracking-tight">
+        Create an account
+      </h1>
+      <p className="text-fg-muted mt-2 text-sm">
+        Enter your email below to create your account
+      </p>
+      <div className="mt-4 flex items-center gap-2">
+        <Button
+          href="/preview/overview"
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign up with google"
+        >
+          <GoogleIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign up with X"
+        >
+          <TwitterIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign up with github"
+        >
+          <GitHubIcon />
+        </Button>
+      </div>
+      <div className="relative my-4">
+        <div className="absolute inset-0 flex items-center">
+          <span className="w-full border-t" />
+        </div>
+        <div className="relative flex justify-center text-xs uppercase">
+          <span className="bg-bg-muted text-fg-muted px-2">Or</span>
+        </div>
+      </div>
+      <TextField label="Email address" className="w-full" />
+      <Button variant="primary" className="mt-4 w-full">
+        Sign up with email
+      </Button>
+      <p className="text-fg-muted mt-4 text-sm">
+        Already have an account?{" "}
+        <Link variant="quiet" href="/preview/login">
+          Login
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+const items = [
+  {
+    id: 1,
+    name: "Randy Blythe",
+    email: "randy.blythe@example.com",
+    age: 52,
+    role: "Vocalist",
+    band: "Lamb of God",
+    status: "Active",
+  },
+  {
+    id: 2,
+    name: "Phil Anselmo",
+    email: "phil.anselmo@example.com",
+    age: 55,
+    role: "Vocalist",
+    band: "Pantera",
+    status: "Active",
+  },
+  {
+    id: 3,
+    name: "George Fisher",
+    email: "george.fisher@example.com",
+    age: 53,
+    role: "Vocalist",
+    band: "Cannibal Corpse",
+    status: "Active",
+  },
+  {
+    id: 4,
+    name: "Corey Taylor",
+    email: "corey.taylor@example.com",
+    age: 50,
+    role: "Vocalist",
+    band: "Slipknot",
+    status: "Active",
+  },
+  {
+    id: 5,
+    name: "Trevor Strnad",
+    email: "trevor.strnad@example.com",
+    age: 41,
+    role: "Vocalist",
+    band: "The Black Dahlia Murder",
+    status: "Inactive",
+  },
+  {
+    id: 6,
+    name: "Chuck Schuldiner",
+    email: "chuck.schuldiner@example.com",
+    age: 34,
+    role: "Vocalist",
+    band: "Death",
+    status: "Deceased",
+  },
+  {
+    id: 7,
+    name: "Mitch Lucker",
+    email: "mitch.lucker@example.com",
+    age: 28,
+    role: "Vocalist",
+    band: "Suicide Silence",
+    status: "Deceased",
+  },
+];
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
new file mode 100644
index 000000000..78f33f35c
--- /dev/null
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -0,0 +1,36 @@
+import React from "react";
+import { cn } from "@/lib/utils";
+import { Theme } from "@/modules/themes/types";
+import { createThemeCssVars } from "../lib/create-theme";
+
+interface ThemeProviderProps extends React.ComponentProps<"div"> {
+  theme?: Theme;
+  mode?: "light" | "dark";
+}
+export const ThemeProvider = ({
+  theme,
+  mode,
+  children,
+  className,
+  style,
+  ...props
+}: ThemeProviderProps) => {
+  const cssVars = React.useMemo(() => {
+    if (!theme || !mode) return {};
+    return createThemeCssVars(theme.foundations, mode);
+  }, [theme, mode]);
+
+  return (
+    <div
+      style={{
+        ...cssVars,
+        ...style,
+      }}
+      className={cn("bg-bg text-fg", className)}
+      suppressHydrationWarning
+      {...props}
+    >
+      {children}
+    </div>
+  );
+};
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
new file mode 100644
index 000000000..c29b2ddb2
--- /dev/null
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -0,0 +1,94 @@
+"use client";
+
+import React from "react";
+import { useTheme } from "next-themes";
+import { useMounted } from "@/hooks/use-mounted";
+import { Skeleton } from "@/registry/core/skeleton_basic";
+import { Tabs, TabList, Tab } from "@/registry/core/tabs_motion";
+import { themes } from "@/registry/registry-themes";
+import { Theme } from "@/types/theme";
+import { ComponentsOverview } from "@/modules/demos/components/components-overview";
+import { ThemeProvider } from "./theme-provider";
+
+export const ThemesOverview = () => {
+  const [currentThemeName, setCurrentThemeName] = React.useState<string>(
+    (themes[0] as unknown as Theme).name
+  );
+  const [touched, setTouched] = React.useState<boolean>(false);
+  const { resolvedTheme } = useTheme();
+  console.log(resolvedTheme);
+  const isMounted = useMounted();
+
+  const currentTheme = themes.find((theme) => theme.name === currentThemeName)!;
+
+  React.useEffect(() => {
+    const interval = setInterval(() => {
+      if (touched) return;
+      const currentIndex = themes.findIndex(
+        (theme) => theme.name === currentThemeName
+      );
+      const nextIndex = (currentIndex + 1) % themes.length;
+      const nextTheme = themes[nextIndex];
+      if (nextTheme) setCurrentThemeName(nextTheme.name);
+    }, 5000);
+
+    return () => clearInterval(interval);
+  }, [currentThemeName, touched]);
+
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <div className="relative">
+        <div className="absolute right-0 top-0 translate-x-[calc(100%+10px)] translate-y-[calc(-100%+10px)]">
+          <div>
+            <svg
+              width="30"
+              viewBox="0 0 106 212"
+              fill="none"
+              className="text-fg/40 rotate-40"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M89.5523 0.499048C87.5651 0.982422 84.0069 2.94278 81.2677 4.99712C78.5689 7.05146 71.3854 14.1947 67.6392 18.5853C59.8112 27.7426 55.0848 39.0884 53.2319 52.9989C52.5202 58.316 52.5202 68.5743 53.2319 74.4822C53.7824 78.9802 55.3131 87.0634 56.1993 89.8965L56.6826 91.4943L53.581 94.7839C38.0726 111.474 28.3916 132.111 24.0815 157.623C23.1685 163.168 22.0943 172.057 21.5706 178.448L21.3155 181.55L19.3283 178.287C15.7701 172.513 12.2925 168.217 8.66717 165.155C0.839139 158.468 -1.2421 159.516 1.92671 168.512C5.99514 179.979 15.1928 195.755 22.43 203.61C24.6723 206.054 28.8884 209.344 31.2919 210.552C33.937 211.922 34.9441 211.076 37.7503 205.074C38.6365 203.154 42.0873 196.924 45.4038 191.217C48.7338 185.511 51.4729 180.596 51.4729 180.261C51.4729 178.757 48.5995 174.943 44.7862 171.291C41.7919 168.458 39.6302 167.022 38.3277 167.022H37.3475L37.5758 165.128C38.5829 156.454 43.6717 141.564 48.9217 131.883C53.2856 123.827 57.9851 117.315 65.2492 109.164L66.6859 107.54L68.6059 109.299C75.1852 115.368 84.45 118.389 91.0696 116.67C95.5945 115.462 98.4411 112.884 101.006 107.58C102.805 103.901 103.248 102.236 103.288 99.47C103.315 93.5084 95.5005 83.8945 87.2563 79.7187C83.8055 77.9598 81.6437 77.5301 78.4883 77.9867C74.4199 78.5775 70.6335 80.3632 65.0209 84.3779C63.6245 85.385 62.416 86.204 62.3489 86.1369C61.9595 85.7072 61.2344 76.1606 61.2344 70.9509C61.2344 63.8479 61.5567 60.1018 62.698 54.3953C64.8463 43.7342 69.0222 35.1006 76.0312 26.8833C87.6725 13.2279 98.1994 6.67551 103.839 9.57576C104.591 9.93829 105.275 10.1263 105.369 10.0054C106.054 8.89099 100.576 2.9025 97.3535 1.2644C95.4334 0.284225 91.7812 -0.0782881 89.5255 0.485649L89.5523 0.499048ZM89.418 92.9712C89.324 93.4949 88.5721 95.2136 87.7933 96.8785C84.4097 103.981 78.5957 107.378 71.9493 106.13C70.7811 105.902 69.6667 105.606 69.4384 105.472C68.9148 105.15 74.9839 99.9265 78.9851 97.2276C82.8253 94.6496 87.7799 92.1791 89.2166 92.1119C89.4717 92.0851 89.5389 92.367 89.418 92.9578V92.9712Z"
+                fill="currentColor"
+              />
+            </svg>
+            <span className="text-fg-muted w-30 font-josefin absolute right-0 top-0 translate-x-[150px] text-sm font-bold">
+              Give it a shot!
+            </span>
+          </div>
+        </div>
+        <Tabs
+          variant="solid"
+          selectedKey={currentThemeName}
+          onSelectionChange={(key) => {
+            setCurrentThemeName(key as string);
+            setTouched(true);
+          }}
+        >
+          <TabList className="justify-center bg-transparent">
+            {themes.map((theme) => (
+              <Tab
+                key={theme.name}
+                id={theme.name}
+                className="h-8 rounded-full px-4 text-sm"
+              >
+                {theme.name}
+              </Tab>
+            ))}
+          </TabList>
+        </Tabs>
+      </div>
+      <Skeleton show={!isMounted}>
+        <ThemeProvider
+          mode={resolvedTheme as "light" | "dark" | undefined}
+          theme={currentTheme}
+          className="rounded-md border duration-300"
+        >
+          <ComponentsOverview />
+        </ThemeProvider>
+      </Skeleton>
+    </div>
+  );
+};
diff --git a/www/src/modules/themes/lib/create-theme.ts b/www/src/modules/themes/lib/create-theme.ts
new file mode 100644
index 000000000..16706fd2b
--- /dev/null
+++ b/www/src/modules/themes/lib/create-theme.ts
@@ -0,0 +1,149 @@
+import {
+  BackgroundColor as LeonardoBgColor,
+  Color as LeonardoColor,
+  Theme as LeonardoTheme,
+} from "@adobe/leonardo-contrast-colors";
+import { RegistryTheme } from "@dotui/schemas";
+import { Colors, Theme } from "@/modules/themes/types";
+
+export const createTheme = (theme: Theme): RegistryTheme => {
+  const { foundations, ...propreties } = theme;
+
+  return {
+    ...defaultTheme,
+    ...propreties,
+    css: {
+      colors: {
+        light: createThemeCssVars(foundations, "light"),
+        dark: createThemeCssVars(foundations, "dark"),
+      },
+    },
+  };
+};
+
+export const createThemeCssVars = (
+  foundations: Theme["foundations"],
+  mode: "light" | "dark"
+): Record<string, string> => {
+  const themeFoundations = foundations[mode];
+  const defaultFoundations = defaultColorsFoundations[mode];
+
+  const neutral = new LeonardoBgColor({
+    name: "neutral",
+    colorKeys: themeFoundations.palettes.neutral.baseColors,
+    ratios:
+      themeFoundations.palettes.neutral.ratios ??
+      defaultFoundations.palettes.neutral.ratios,
+  });
+
+  const colorScales = Object.entries(defaultFoundations.palettes).map(
+    ([name]) =>
+      new LeonardoColor({
+        name,
+        colorKeys:
+          themeFoundations.palettes[name as keyof Colors["palettes"]]
+            ?.baseColors ??
+          defaultFoundations.palettes[name as keyof Colors["palettes"]]
+            .baseColors,
+        ratios:
+          themeFoundations.palettes[name as keyof Colors["palettes"]]?.ratios ??
+          defaultFoundations.palettes[name as keyof Colors["palettes"]].ratios,
+      })
+  );
+
+  const lightness = themeFoundations.lightness ?? defaultFoundations.lightness;
+  const saturation =
+    themeFoundations.saturation ?? defaultFoundations.saturation;
+
+  const generatedTheme = new LeonardoTheme({
+    colors: colorScales,
+    backgroundColor: neutral,
+    lightness,
+    saturation,
+    output: "HSL",
+  });
+
+  const cssVariables = generatedTheme.contrastColors
+    .map((color) => {
+      if ("name" in color) {
+        return color.values.map((value, index) => {
+          const scale = (index + 1) * 100;
+          return [`--color-${color.name}-${scale}`, value.value];
+        });
+      }
+      return undefined;
+    })
+    .filter(Boolean)
+    .flatMap((color) => color as [string, string][])
+    .reduce((acc, curr) => ({ ...acc, ...{ [curr[0]]: curr[1] } }), {});
+
+  return cssVariables;
+};
+
+const defaultColorsFoundations = {
+  light: {
+    saturation: 100,
+    lightness: 97,
+    palettes: {
+      neutral: {
+        baseColors: ["#000000"],
+        ratios: [1.05, 1.25, 1.7, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+      accent: {
+        baseColors: ["#0091FF"],
+        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+      success: {
+        baseColors: ["#1A9338"],
+        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+      warning: {
+        baseColors: ["#E79D13"],
+        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+      danger: {
+        baseColors: ["#D93036"],
+        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+      info: {
+        baseColors: ["#0091FF"],
+        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+    },
+  },
+  dark: {
+    saturation: 100,
+    lightness: 0,
+    palettes: {
+      neutral: {
+        baseColors: ["#ffffff"],
+        ratios: [1, 1.25, 1.7, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+      accent: {
+        baseColors: ["#0091FF"],
+        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+      success: {
+        baseColors: ["#1A9338"],
+        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+      warning: {
+        baseColors: ["#E79D13"],
+        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+      danger: {
+        baseColors: ["#D93036"],
+        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+      info: {
+        baseColors: ["#0091FF"],
+        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+      },
+    },
+  },
+} as const satisfies Theme["foundations"];
+
+const defaultTheme: Omit<RegistryTheme, "name" | "label" | "css"> = {
+  iconLibrary: "lucide-icons",
+  primitives: {},
+};
diff --git a/www/src/modules/themes/types.ts b/www/src/modules/themes/types.ts
new file mode 100644
index 000000000..b5719399f
--- /dev/null
+++ b/www/src/modules/themes/types.ts
@@ -0,0 +1,34 @@
+import { CssColor } from "@adobe/leonardo-contrast-colors";
+import type { IconLibrary, Primitives } from "@dotui/schemas";
+
+type ColorFoundation = {
+  baseColors: CssColor[];
+  ratios?: number[];
+  overrides?: Record<string, string>;
+};
+
+export type Colors = {
+  palettes: {
+    neutral: ColorFoundation;
+    accent: ColorFoundation;
+    success?: ColorFoundation;
+    warning?: ColorFoundation;
+    danger?: ColorFoundation;
+    info?: ColorFoundation;
+  };
+  lightness?: number;
+  saturation?: number;
+};
+
+export type Theme = {
+  name: string;
+  label: string;
+  description?: string;
+  iconLibrary?: IconLibrary;
+  primitives?: Primitives;
+  foundations: {
+    light: Colors;
+    dark: Colors;
+    overrides?: Record<string, string>;
+  };
+};
diff --git a/www/src/registry/registry-themes.ts b/www/src/registry/registry-themes.ts
index 5a6554a53..1210058e9 100644
--- a/www/src/registry/registry-themes.ts
+++ b/www/src/registry/registry-themes.ts
@@ -1,7 +1,5 @@
-import type { InternalRegistry } from "@dotui/schemas";
+import { defaultTheme } from "@/registry/themes/default";
+import { forestTheme } from "@/registry/themes/forest";
+import type { Theme } from "@/modules/themes/types";
 
-export const themes: InternalRegistry = [];
-// .map(
-//   ({ name, ...rest }) =>
-//     ({ name, type: "lib", ...rest }) as InternalRegistryItem
-// );
+export const themes: Theme[] = [defaultTheme, forestTheme];
diff --git a/www/src/registry/themes/default.ts b/www/src/registry/themes/default.ts
new file mode 100644
index 000000000..83362c3ba
--- /dev/null
+++ b/www/src/registry/themes/default.ts
@@ -0,0 +1,28 @@
+import { Theme } from "@/modules/themes/types";
+
+export const defaultTheme: Theme = {
+  name: "default",
+  label: "Default",
+  foundations: {
+    light: {
+      palettes: {
+        neutral: {
+          baseColors: ["#fff"],
+        },
+        accent: {
+          baseColors: ["#0091FF"],
+        },
+      },
+    },
+    dark: {
+      palettes: {
+        neutral: {
+          baseColors: ["#000"],
+        },
+        accent: {
+          baseColors: ["#0091FF"],
+        },
+      },
+    },
+  },
+};
diff --git a/www/src/registry/themes/forest.ts b/www/src/registry/themes/forest.ts
new file mode 100644
index 000000000..ac33385bc
--- /dev/null
+++ b/www/src/registry/themes/forest.ts
@@ -0,0 +1,29 @@
+import { Theme } from "@/modules/themes/types";
+
+export const forestTheme: Theme = {
+  name: "forest",
+  label: "Forest",
+  foundations: {
+    light: {
+      palettes: {
+        neutral: {
+          baseColors: ["#fff"],
+        },
+        accent: {
+          baseColors: ["#3d7b42"],
+        },
+      },
+    },
+    dark: {
+      palettes: {
+        neutral: {
+          baseColors: ["#000"],
+        },
+        accent: {
+          baseColors: ["#3d7b42"],
+        },
+      },
+      lightness: 10,
+    },
+  },
+};
diff --git a/www/src/styles/docs.css b/www/src/styles/docs.css
index 1af3ecc89..ed042e587 100644
--- a/www/src/styles/docs.css
+++ b/www/src/styles/docs.css
@@ -57,6 +57,11 @@
   transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
 }
 
+@utility diagonal-pattern {
+  --pattern-fg: color-mix(in oklab, var(--color-fg) 10%, transparent);
+  @apply border-x-(--pattern-fg) h-full border-x bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px];
+}
+
 .shiki,
 .shiki span {
   background-color: transparent !important;
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index d310b4399..05d3ae707 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -8,8 +8,6 @@
 /* Base Colors */
 @layer base {
   :root {
-    --radius: 0.5rem;
-
     --color-neutral-100: hsl(0, 0%, 98%);
     --color-neutral-200: hsl(0, 0%, 94%);
     --color-neutral-300: hsl(0, 0%, 90%);

From 24229e859e8c1d7edc076481990233c3ba476d31 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 5 Feb 2025 01:42:28 +0100
Subject: [PATCH 097/165] feat: update logo

---
 www/src/app/apple-icon.png | Bin 25057 -> 0 bytes
 www/src/app/favicon.ico    | Bin 15406 -> 0 bytes
 www/src/app/icon.png       | Bin 0 -> 3968 bytes
 3 files changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 www/src/app/apple-icon.png
 delete mode 100644 www/src/app/favicon.ico
 create mode 100644 www/src/app/icon.png

diff --git a/www/src/app/apple-icon.png b/www/src/app/apple-icon.png
deleted file mode 100644
index e27087f35f4d305e70481a28f1a09d31e1aacb47..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 25057
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
IM6N<$f~cdK;s5{u

diff --git a/www/src/app/favicon.ico b/www/src/app/favicon.ico
deleted file mode 100644
index 3e97d3a81cd954ed9c8df0ceaba0aedcc0c17d5c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 15406
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
VUxN7=6L*9B-+%r)0>3^2{{tEB{FVR!

diff --git a/www/src/app/icon.png b/www/src/app/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef3273c7aefab164521038f31bae5537eb6589fa
GIT binary patch
literal 3968
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
Y32v4g!{SvM!L1pBG_x};LwFJX3$Cmb_y7O^

literal 0
HcmV?d00001


From 5a70b91a2041a8bd2ed34c7c0728a911212570d9 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 5 Feb 2025 03:05:55 +0100
Subject: [PATCH 098/165] fix: fix lint errors

---
 www/src/app/(app)/docs/[...slug]/page.tsx          |  3 +--
 www/src/app/(home)/layout.tsx                      |  2 +-
 www/src/app/internal/page.tsx                      |  2 --
 www/src/components/components-overview.tsx         |  2 +-
 www/src/components/footer.tsx                      |  3 +--
 www/src/components/header.tsx                      | 14 ++++++++++----
 www/src/components/sidebar.tsx                     | 12 +++++++++---
 .../demos/components/components-overview.tsx       |  2 +-
 www/src/registry/core/modal_blur.tsx               |  2 +-
 9 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index 2b6e41568..74db89c1b 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -4,7 +4,6 @@ import { notFound } from "next/navigation";
 import { type TableOfContents as TocType } from "fumadocs-core/server";
 import { ExternalLinkIcon } from "lucide-react";
 import { truncateOnWord } from "@/lib/string";
-import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 import { Breadcrumbs } from "@/components/docs/breadcrumbs";
 import { DocsPager } from "@/components/docs/docs-pager";
@@ -56,7 +55,7 @@ export default async function Page({
             <div className="mt-10 text-sm md:text-base">
               <MDXContent components={mdxComponents} />
             </div>
-            <div className="mt-20 pb-20 space-y-4">
+            <div className="mt-20 space-y-4 pb-20">
               <PageLastUpdate path={page.file.path} />
               <DocsPager currentPathname={page.url} />
             </div>
diff --git a/www/src/app/(home)/layout.tsx b/www/src/app/(home)/layout.tsx
index 2fb8ed3fb..38b4186e3 100644
--- a/www/src/app/(home)/layout.tsx
+++ b/www/src/app/(home)/layout.tsx
@@ -1,7 +1,7 @@
+import { Footer } from "@/components/footer";
 import { Header } from "@/components/header";
 import { MobileNav } from "@/components/mobile-nav";
 import { source } from "@/app/source";
-import { Footer } from "@/components/footer";
 
 export default function HomeLayout({
   children,
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index 9e03416cb..f582245df 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,5 +1,3 @@
-import { createTheme } from "@/modules/themes/lib/create-theme";
-
 export default function Demo() {
   return <div>internal page</div>;
 }
diff --git a/www/src/components/components-overview.tsx b/www/src/components/components-overview.tsx
index 14ec30c4b..da05acca9 100644
--- a/www/src/components/components-overview.tsx
+++ b/www/src/components/components-overview.tsx
@@ -33,7 +33,7 @@ import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
 
 export function ComponentsOverview() {
   return (
-    <div className="grid grid-cols-10 gap-8 p-8 container">
+    <div className="container grid grid-cols-10 gap-8 p-8">
       <div className="col-span-8">
         <Slider
           label="Progress"
diff --git a/www/src/components/footer.tsx b/www/src/components/footer.tsx
index bc67be0a8..c04479d85 100644
--- a/www/src/components/footer.tsx
+++ b/www/src/components/footer.tsx
@@ -3,7 +3,6 @@ import NavLink from "next/link";
 import Link from "next/link";
 import { focusRing } from "@/lib/focus-styles";
 import { cn } from "@/lib/utils";
-import { Separator } from "@/components/core/separator";
 import { Logo } from "@/components/logo";
 import { siteConfig } from "@/config";
 
@@ -72,7 +71,7 @@ export const Footer = () => {
             Bringing singularity to the web.
           </p>
         </div>
-        <div className="flex flex-wrap gap-6 sm:gap-16 text-sm">
+        <div className="flex flex-wrap gap-6 text-sm sm:gap-16">
           {links.map((group, index) => (
             <div key={index}>
               <h2 className="font-bold">{group.label}</h2>
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index 572c7f0ae..b7cd98ec1 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -4,7 +4,7 @@ import React from "react";
 import Link from "next/link";
 import { SearchIcon } from "lucide-react";
 import { cn } from "@/lib/utils";
-import { Avatar } from "@/components/core/avatar";
+// import { Avatar } from "@/components/core/avatar";
 import { Button } from "@/components/core/button";
 import { DialogRoot, Dialog } from "@/components/core/dialog";
 import { siteConfig } from "@/config";
@@ -80,7 +80,7 @@ const Logo = () => {
       href="/"
       className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
     >
-       {/* <Avatar
+      {/* <Avatar
         src={siteConfig.global.logo}
         alt={siteConfig.global.name}
         width={24}
@@ -107,11 +107,17 @@ const Logo = () => {
           </clipPath>
         </defs>
         <g clipPath="url(#a)">
-          <path d="M-30-30h360v360H-30z" className="dark:fill-white fill-[#381e1e]" />
+          <path
+            d="M-30-30h360v360H-30z"
+            className="fill-[#381e1e] dark:fill-white"
+          />
         </g>
         <g clipPath="url(#b)">
           <g clipPath="url(#c)">
-            <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" className="dark:fill-[#381e1e] fill-[#fff]" />
+            <path
+              d="M187.5 194.418h66.145v66.144H187.5Zm0 0"
+              className="fill-[#fff] dark:fill-[#381e1e]"
+            />
           </g>
         </g>
       </svg>
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 1d4222eb8..ad1e914e7 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -16,7 +16,7 @@ import {
 import { motion, Transition } from "motion/react";
 import { hasActive, isActive } from "@/lib/docs/utils";
 import { cn } from "@/lib/utils";
-import { Avatar } from "@/components/core/avatar";
+// import { Avatar } from "@/components/core/avatar";
 import { Button, ButtonProps } from "@/components/core/button";
 import {
   CollapsibleRoot,
@@ -234,11 +234,17 @@ const Logo = () => {
           </clipPath>
         </defs>
         <g clipPath="url(#a)">
-          <path d="M-30-30h360v360H-30z" className="dark:fill-white fill-[#381e1e]" />
+          <path
+            d="M-30-30h360v360H-30z"
+            className="fill-[#381e1e] dark:fill-white"
+          />
         </g>
         <g clipPath="url(#b)">
           <g clipPath="url(#c)">
-            <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" className="dark:fill-[#381e1e] fill-[#fff]" />
+            <path
+              d="M187.5 194.418h66.145v66.144H187.5Zm0 0"
+              className="fill-[#fff] dark:fill-[#381e1e]"
+            />
           </g>
         </g>
       </svg>
diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
index 14ec30c4b..da05acca9 100644
--- a/www/src/modules/demos/components/components-overview.tsx
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -33,7 +33,7 @@ import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
 
 export function ComponentsOverview() {
   return (
-    <div className="grid grid-cols-10 gap-8 p-8 container">
+    <div className="container grid grid-cols-10 gap-8 p-8">
       <div className="col-span-8">
         <Slider
           label="Progress"
diff --git a/www/src/registry/core/modal_blur.tsx b/www/src/registry/core/modal_blur.tsx
index 4bbdbd839..2cd2ec8d0 100644
--- a/www/src/registry/core/modal_blur.tsx
+++ b/www/src/registry/core/modal_blur.tsx
@@ -11,7 +11,7 @@ import { tv } from "tailwind-variants";
 const modalStyles = tv({
   slots: {
     underlay:
-      "h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse/40 dark:bg-bg/40 backdrop-blur-xs fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]",
+      "h-(--visual-viewport-height) exiting:opacity-0 entering:opacity-0 bg-bg-inverse/40 dark:bg-bg/40 backdrop-blur-xs fixed left-0 top-0 z-50 flex w-screen items-center justify-center opacity-100 transition-opacity duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-[opacity]",
     overlay:
       "bg-bg entering:scale-95 exiting:scale-95 relative z-50 w-full max-w-lg scale-100 border shadow-lg duration-200 ease-[cubic-bezier(0.165,0.84,0.44,1)] will-change-transform sm:rounded-lg md:w-full",
   },

From c6b3c768b361bd3b19333501535aee35cdf8e572 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 5 Feb 2025 03:10:11 +0100
Subject: [PATCH 099/165] fix: fix type errors

---
 packages/schemas/schema.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/schemas/schema.ts b/packages/schemas/schema.ts
index 05f57b9a8..5bb806f35 100644
--- a/packages/schemas/schema.ts
+++ b/packages/schemas/schema.ts
@@ -86,7 +86,7 @@ export const registryThemeSchema = z.object({
   name: z.string(),
   label: z.string(),
   description: z.string().optional(),
-  css: registryItemCssSchema, // TODO : fix
+  css: registryItemCssSchema,
   iconLibrary: iconLibrarySchema,
   primitives: primitivesSchema.optional(),
 });
@@ -114,7 +114,7 @@ export const rawConfigSchema = z.object({
     lib: z.string(),
   }),
   iconLibrary: z.string().optional(),
-  primitives: primitivesSchema,
+  primitives: primitivesSchema.optional(),
 });
 
 export const extendedConfigSchema = rawConfigSchema.extend({

From 7c093f3f2af442adbb7dc1925726c5c80082f031 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 5 Feb 2025 03:17:10 +0100
Subject: [PATCH 100/165] fix: fix type errors

---
 packages/cli/src/helpers/registry-api.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/cli/src/helpers/registry-api.ts b/packages/cli/src/helpers/registry-api.ts
index 44f3642b1..be938b9be 100644
--- a/packages/cli/src/helpers/registry-api.ts
+++ b/packages/cli/src/helpers/registry-api.ts
@@ -22,5 +22,6 @@ export const getRegistryTheme = async (
       input: "basic",
       modal: "basic",
     },
+    css: {} // TODO
   };
 };

From 7b3bea7c87e8efb677dd62815b44f6a1ba0a8840 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 5 Feb 2025 03:18:27 +0100
Subject: [PATCH 101/165] fix: format

---
 packages/cli/src/helpers/registry-api.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/cli/src/helpers/registry-api.ts b/packages/cli/src/helpers/registry-api.ts
index be938b9be..60c7b5925 100644
--- a/packages/cli/src/helpers/registry-api.ts
+++ b/packages/cli/src/helpers/registry-api.ts
@@ -22,6 +22,6 @@ export const getRegistryTheme = async (
       input: "basic",
       modal: "basic",
     },
-    css: {} // TODO
+    css: {}, // TODO
   };
 };

From e7223f43df2c5771f76827802f6ac9a7072da076 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 5 Feb 2025 09:00:03 +0100
Subject: [PATCH 102/165] fix: minor fixes

---
 www/src/app/(home)/page.tsx                   |  9 ++--
 www/src/components/components-overview.tsx    | 41 ++++++++++++++++++-
 .../docs/component-preview-client.tsx         |  2 +-
 .../demos/components/components-overview.tsx  | 15 ++++---
 .../themes/components/themes-overview.tsx     | 25 ++++++++---
 .../registry/core/date-range-picker_basic.tsx |  2 +-
 www/src/registry/core/input_basic.tsx         |  4 +-
 www/src/registry/core/select_basic.tsx        |  2 +-
 www/src/registry/core/table_basic.tsx         |  2 +-
 www/src/registry/lib/utils.tsx                | 10 +++++
 10 files changed, 90 insertions(+), 22 deletions(-)

diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 3657ecd5e..1caf0e5e2 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -8,7 +8,7 @@ export default function HomePage() {
     <div>
       {/* Hero section */}
       <div className="container">
-        <section className="max-w-3xl pb-28 pt-8 sm:pt-24">
+        <section className="max-w-3xl pb-4 pt-8 sm:pt-24 lg:pb-28">
           <Button
             prefix={<LayoutTemplateIcon />}
             variant="outline"
@@ -29,7 +29,8 @@ export default function HomePage() {
               href="/docs/getting-started/introduction"
               variant="primary"
               size="lg"
-              className="h-11 px-8"
+              className="h-10"
+              // className="h-11 px-8"
             >
               Get started
             </Button>
@@ -37,7 +38,7 @@ export default function HomePage() {
               href="/themes"
               variant="outline"
               size="lg"
-              className="bg-bg-inverse/5 h-11 px-8"
+              className="bg-bg-inverse/5 h-10"
             >
               Explore themes
             </Button>
@@ -45,7 +46,7 @@ export default function HomePage() {
         </section>
       </div>
       {/* Components overview */}
-      <section>
+      <section className="px-8">
         <ThemesOverview />
       </section>
     </div>
diff --git a/www/src/components/components-overview.tsx b/www/src/components/components-overview.tsx
index da05acca9..3ca92168f 100644
--- a/www/src/components/components-overview.tsx
+++ b/www/src/components/components-overview.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { cn } from "@/lib/utils";
 import { Link } from "@/components/core/link";
 import { RadioGroup, Radio } from "@/components/core/radio-group";
 import FileTriggerDemo from "@/components/demos/file-trigger/default";
@@ -31,9 +32,9 @@ import { Tabs, Tab, TabList, TabPanel } from "@/components/dynamic-core/tabs";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
 
-export function ComponentsOverview() {
+export function ComponentsOverview({ className }: { className?: string }) {
   return (
-    <div className="container grid grid-cols-10 gap-8 p-8">
+    <div className={cn("container grid grid-cols-10 gap-8 p-8", className)}>
       <div className="col-span-8">
         <Slider
           label="Progress"
@@ -157,6 +158,42 @@ export function ComponentsOverview() {
   );
 }
 
+export const MobileComponentsOverview = ({
+  className,
+}: {
+  className?: string;
+}) => {
+  return (
+    <div className={cn("space-y-4 p-4", className)}>
+      <Slider
+        label="Progress"
+        showValueLabel
+        defaultValue={50}
+        className="w-full"
+      />
+      <div className="flex items-center gap-2">
+        <Button variant="accent">Button</Button>
+        <Select>
+          <SelectItem>Perplexity</SelectItem>
+          <SelectItem>Replicate</SelectItem>
+          <SelectItem>Together AI</SelectItem>
+          <SelectItem>ElevenLabs</SelectItem>
+        </Select>
+        <FileTriggerDemo />
+      </div>
+      <div className="flex items-center gap-2">
+        <Switch>Focus mode</Switch>
+        <Avatar
+          src="https://github.com/mehdibha.png"
+          alt="@mehdibha"
+          fallback="M"
+        />
+      </div>
+      <DateRangePicker />
+    </div>
+  );
+};
+
 function Login() {
   return (
     <div className="bg-bg-muted w-full max-w-sm rounded-lg border p-8">
diff --git a/www/src/components/docs/component-preview-client.tsx b/www/src/components/docs/component-preview-client.tsx
index e32cd14c3..7ab4eddbc 100644
--- a/www/src/components/docs/component-preview-client.tsx
+++ b/www/src/components/docs/component-preview-client.tsx
@@ -44,7 +44,7 @@ export const ResizableContainer = ({
 
   return (
     <div
-      className="relative"
+      className="relative overflow-hidden"
       ref={containerRef}
       style={{ width: width !== null ? `${width}px` : undefined }}
     >
diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
index da05acca9..50e35fe82 100644
--- a/www/src/modules/demos/components/components-overview.tsx
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { cn } from "@/lib/utils";
 import { Link } from "@/components/core/link";
 import { RadioGroup, Radio } from "@/components/core/radio-group";
 import FileTriggerDemo from "@/components/demos/file-trigger/default";
@@ -31,9 +32,9 @@ import { Tabs, Tab, TabList, TabPanel } from "@/components/dynamic-core/tabs";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
 
-export function ComponentsOverview() {
+export function ComponentsOverview({ className }: { className?: string }) {
   return (
-    <div className="container grid grid-cols-10 gap-8 p-8">
+    <div className={cn("container grid grid-cols-10 gap-8 p-8", className)}>
       <div className="col-span-8">
         <Slider
           label="Progress"
@@ -49,7 +50,7 @@ export function ComponentsOverview() {
           <Radio value="notification">Push notification</Radio>
         </RadioGroup>
       </div>
-      <div className="col-span-8 flex justify-between gap-4">
+      <div className="col-span-8 flex items-center justify-between gap-4">
         <Button variant="accent">Button</Button>
         <Select>
           <SelectItem>Perplexity</SelectItem>
@@ -128,9 +129,13 @@ export function ComponentsOverview() {
         <NumberField label="Width" defaultValue={1024} className="w-full" />
       </div>
       <div className="col-span-7 row-span-6">
-        <TableRoot aria-label="Vocalists" selectionMode="multiple">
+        <TableRoot
+          aria-label="Vocalists"
+          selectionMode="multiple"
+          variant="solid"
+        >
           <TableHeader>
-            <TableColumn className="max-w-0">ID</TableColumn>
+            <TableColumn>ID</TableColumn>
             <TableColumn isRowHeader>Name</TableColumn>
             <TableColumn>Email</TableColumn>
             <TableColumn>Age</TableColumn>
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index c29b2ddb2..b551f016a 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -3,6 +3,7 @@
 import React from "react";
 import { useTheme } from "next-themes";
 import { useMounted } from "@/hooks/use-mounted";
+import { MobileComponentsOverview } from "@/components/components-overview";
 import { Skeleton } from "@/registry/core/skeleton_basic";
 import { Tabs, TabList, Tab } from "@/registry/core/tabs_motion";
 import { themes } from "@/registry/registry-themes";
@@ -16,7 +17,6 @@ export const ThemesOverview = () => {
   );
   const [touched, setTouched] = React.useState<boolean>(false);
   const { resolvedTheme } = useTheme();
-  console.log(resolvedTheme);
   const isMounted = useMounted();
 
   const currentTheme = themes.find((theme) => theme.name === currentThemeName)!;
@@ -37,8 +37,8 @@ export const ThemesOverview = () => {
 
   return (
     <div className="flex flex-col items-center gap-4">
-      <div className="relative">
-        <div className="absolute right-0 top-0 translate-x-[calc(100%+10px)] translate-y-[calc(-100%+10px)]">
+      <div className="relative flex flex-col items-end gap-2">
+        <div className="absolute right-0 top-0 hidden translate-x-[calc(100%+10px)] translate-y-[calc(-100%+10px)] lg:block">
           <div>
             <svg
               width="30"
@@ -59,6 +59,20 @@ export const ThemesOverview = () => {
             </span>
           </div>
         </div>
+        <svg
+          width="30"
+          viewBox="0 0 106 212"
+          fill="none"
+          className="text-fg/40 rotate-40 translate-x-10 lg:hidden"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M89.5523 0.499048C87.5651 0.982422 84.0069 2.94278 81.2677 4.99712C78.5689 7.05146 71.3854 14.1947 67.6392 18.5853C59.8112 27.7426 55.0848 39.0884 53.2319 52.9989C52.5202 58.316 52.5202 68.5743 53.2319 74.4822C53.7824 78.9802 55.3131 87.0634 56.1993 89.8965L56.6826 91.4943L53.581 94.7839C38.0726 111.474 28.3916 132.111 24.0815 157.623C23.1685 163.168 22.0943 172.057 21.5706 178.448L21.3155 181.55L19.3283 178.287C15.7701 172.513 12.2925 168.217 8.66717 165.155C0.839139 158.468 -1.2421 159.516 1.92671 168.512C5.99514 179.979 15.1928 195.755 22.43 203.61C24.6723 206.054 28.8884 209.344 31.2919 210.552C33.937 211.922 34.9441 211.076 37.7503 205.074C38.6365 203.154 42.0873 196.924 45.4038 191.217C48.7338 185.511 51.4729 180.596 51.4729 180.261C51.4729 178.757 48.5995 174.943 44.7862 171.291C41.7919 168.458 39.6302 167.022 38.3277 167.022H37.3475L37.5758 165.128C38.5829 156.454 43.6717 141.564 48.9217 131.883C53.2856 123.827 57.9851 117.315 65.2492 109.164L66.6859 107.54L68.6059 109.299C75.1852 115.368 84.45 118.389 91.0696 116.67C95.5945 115.462 98.4411 112.884 101.006 107.58C102.805 103.901 103.248 102.236 103.288 99.47C103.315 93.5084 95.5005 83.8945 87.2563 79.7187C83.8055 77.9598 81.6437 77.5301 78.4883 77.9867C74.4199 78.5775 70.6335 80.3632 65.0209 84.3779C63.6245 85.385 62.416 86.204 62.3489 86.1369C61.9595 85.7072 61.2344 76.1606 61.2344 70.9509C61.2344 63.8479 61.5567 60.1018 62.698 54.3953C64.8463 43.7342 69.0222 35.1006 76.0312 26.8833C87.6725 13.2279 98.1994 6.67551 103.839 9.57576C104.591 9.93829 105.275 10.1263 105.369 10.0054C106.054 8.89099 100.576 2.9025 97.3535 1.2644C95.4334 0.284225 91.7812 -0.0782881 89.5255 0.485649L89.5523 0.499048ZM89.418 92.9712C89.324 93.4949 88.5721 95.2136 87.7933 96.8785C84.4097 103.981 78.5957 107.378 71.9493 106.13C70.7811 105.902 69.6667 105.606 69.4384 105.472C68.9148 105.15 74.9839 99.9265 78.9851 97.2276C82.8253 94.6496 87.7799 92.1791 89.2166 92.1119C89.4717 92.0851 89.5389 92.367 89.418 92.9578V92.9712Z"
+            fill="currentColor"
+          />
+        </svg>
         <Tabs
           variant="solid"
           selectedKey={currentThemeName}
@@ -82,11 +96,12 @@ export const ThemesOverview = () => {
       </div>
       <Skeleton show={!isMounted}>
         <ThemeProvider
-          mode={resolvedTheme as "light" | "dark" | undefined}
+          mode={resolvedTheme === "light" ? "light" : "dark"}
           theme={currentTheme}
           className="rounded-md border duration-300"
         >
-          <ComponentsOverview />
+          <ComponentsOverview className="hidden lg:grid" />
+          <MobileComponentsOverview className="lg:hidden" />
         </ThemeProvider>
       </Skeleton>
     </div>
diff --git a/www/src/registry/core/date-range-picker_basic.tsx b/www/src/registry/core/date-range-picker_basic.tsx
index 095e0cf6d..77449440e 100644
--- a/www/src/registry/core/date-range-picker_basic.tsx
+++ b/www/src/registry/core/date-range-picker_basic.tsx
@@ -16,7 +16,7 @@ import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import { InputRoot, type inputStyles } from "@/registry/core/input_basic";
 
 const dateRangePickerStyles = tv({
-  base: "flex w-48 flex-col items-start gap-2",
+  base: "flex flex-col items-start gap-2",
 });
 
 interface DateRangePickerProps<T extends DateValue>
diff --git a/www/src/registry/core/input_basic.tsx b/www/src/registry/core/input_basic.tsx
index b94831cdb..d6a51dd15 100644
--- a/www/src/registry/core/input_basic.tsx
+++ b/www/src/registry/core/input_basic.tsx
@@ -20,12 +20,12 @@ const inputStyles = tv({
   slots: {
     root: [
       focusInput(),
-      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full min-w-fit cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
+      "border-border-field bg-bg text-fg-muted shadow-xs inline-flex w-full cursor-text items-center justify-start gap-2 rounded-md border px-2 text-base transition-colors sm:text-sm [&_svg]:size-4",
       "has-[input[data-disabled]]:border-border-disabled has-[input[data-disabled]]:bg-bg-disabled has-[input[data-disabled]]:text-fg-disabled has-[input[data-disabled]]:cursor-default",
       "has-[input[data-invalid]]:border-border-danger focus-within:has-[input[data-invalid]]:border-border",
     ],
     input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden h-full w-full bg-transparent disabled:cursor-default",
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden bg-transparent outline-none disabled:cursor-default",
     ],
   },
   variants: {
diff --git a/www/src/registry/core/select_basic.tsx b/www/src/registry/core/select_basic.tsx
index 13150f856..71f98df77 100644
--- a/www/src/registry/core/select_basic.tsx
+++ b/www/src/registry/core/select_basic.tsx
@@ -22,7 +22,7 @@ import { Popover } from "@/registry/core/popover_basic";
 
 const selectStyles = tv({
   slots: {
-    root: "flex w-48 flex-col items-start gap-2",
+    root: "flex flex-col items-start gap-2",
     selectValue: "flex-1 text-left",
   },
 });
diff --git a/www/src/registry/core/table_basic.tsx b/www/src/registry/core/table_basic.tsx
index 5498c4218..e33d64cd9 100644
--- a/www/src/registry/core/table_basic.tsx
+++ b/www/src/registry/core/table_basic.tsx
@@ -28,7 +28,7 @@ const tableStyles = tv({
   slots: {
     resizableContainer: "w-[500px] overflow-auto",
     root: [
-      "relative min-h-24 w-full border-separate border-spacing-0 cursor-default text-sm",
+      "relative min-h-24 w-full border-separate border-spacing-0 cursor-default overflow-auto text-sm",
       "[&_.react-aria-DropIndicator]:outline-bg-accent [&_.react-aria-DropIndicator]:translate-z-0 [&_.react-aria-DropIndicator]:outline",
     ],
     header: "sticky top-0 z-10",
diff --git a/www/src/registry/lib/utils.tsx b/www/src/registry/lib/utils.tsx
index 2e643b371..2ec4a545c 100644
--- a/www/src/registry/lib/utils.tsx
+++ b/www/src/registry/lib/utils.tsx
@@ -1,11 +1,21 @@
 import * as React from "react";
 import { type ClassValue, clsx } from "clsx";
+import { composeRenderProps } from "react-aria-components";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
 
+export function composeTailwindRenderProps<T>(
+  className: string | ((v: T) => string) | undefined,
+  tailwind: string
+): string | ((v: T) => string) {
+  return composeRenderProps(className, (className) =>
+    twMerge(tailwind, className)
+  );
+}
+
 export function createScopedContext<ContextValueType extends object | null>(
   rootComponentName: string,
   defaultContext?: ContextValueType

From bc8547904411b5b3d11fe5b56a36f4b01cb36061 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 5 Feb 2025 15:08:25 +0100
Subject: [PATCH 103/165] feat: enhance landing page

---
 www/src/app/(home)/layout.tsx                 |   2 +-
 www/src/app/(home)/page.tsx                   |   2 +-
 www/src/app/internal/page.tsx                 |   2 +-
 www/src/components/components-overview.tsx    | 370 ------------------
 .../demos/table/column-resizing.tsx           |   6 +-
 .../demos/components/components-overview.tsx  |  76 +++-
 .../themes/components/themes-overview.tsx     |  12 +-
 www/src/registry/core/alert_basic.tsx         |   2 +-
 .../registry/core/date-range-picker_basic.tsx |   2 +-
 www/src/registry/core/input_basic.tsx         |   6 +-
 www/src/registry/core/table_basic.tsx         |  63 ++-
 www/src/registry/lib/utils.tsx                |  18 +-
 12 files changed, 130 insertions(+), 431 deletions(-)
 delete mode 100644 www/src/components/components-overview.tsx

diff --git a/www/src/app/(home)/layout.tsx b/www/src/app/(home)/layout.tsx
index 38b4186e3..a282280d0 100644
--- a/www/src/app/(home)/layout.tsx
+++ b/www/src/app/(home)/layout.tsx
@@ -16,7 +16,7 @@ export default function HomeLayout({
       <div className="mx-auto min-h-screen max-w-screen-2xl sm:grid sm:grid-cols-[20px_1fr_20px] md:grid-cols-[30px_1fr_30px] lg:grid-cols-[50px_1fr_50px]">
         <div className="diagonal-pattern hidden sm:block" />
         <div className="space-y-20">
-          {children}
+          <div className="min-h-[70vh]">{children}</div>
           <Footer />
         </div>
         <div className="diagonal-pattern hidden sm:block" />
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 1caf0e5e2..d72d4fe34 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -46,7 +46,7 @@ export default function HomePage() {
         </section>
       </div>
       {/* Components overview */}
-      <section className="px-8">
+      <section className="px-2 sm:px-8">
         <ThemesOverview />
       </section>
     </div>
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index f582245df..242247a5a 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,3 +1,3 @@
 export default function Demo() {
-  return <div>internal page</div>;
+  return <div></div>;
 }
diff --git a/www/src/components/components-overview.tsx b/www/src/components/components-overview.tsx
deleted file mode 100644
index 3ca92168f..000000000
--- a/www/src/components/components-overview.tsx
+++ /dev/null
@@ -1,370 +0,0 @@
-"use client";
-
-import { cn } from "@/lib/utils";
-import { Link } from "@/components/core/link";
-import { RadioGroup, Radio } from "@/components/core/radio-group";
-import FileTriggerDemo from "@/components/demos/file-trigger/default";
-import { Alert } from "@/components/dynamic-core/alert";
-import { Avatar } from "@/components/dynamic-core/avatar";
-import { Button } from "@/components/dynamic-core/button";
-import { RangeCalendar } from "@/components/dynamic-core/calendar";
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { ColorSlider } from "@/components/dynamic-core/color-slider";
-import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
-import { NumberField } from "@/components/dynamic-core/number-field";
-import { ProgressBar } from "@/components/dynamic-core/progress-bar";
-import { SearchField } from "@/components/dynamic-core/search-field";
-import { Select, SelectItem } from "@/components/dynamic-core/select";
-import { Separator } from "@/components/dynamic-core/separator";
-import { Slider } from "@/components/dynamic-core/slider";
-import { Switch } from "@/components/dynamic-core/switch";
-import {
-  TableRoot,
-  TableBody,
-  TableColumn,
-  TableCell,
-  TableRow,
-  TableHeader,
-} from "@/components/dynamic-core/table";
-import { Tabs, Tab, TabList, TabPanel } from "@/components/dynamic-core/tabs";
-import { TextField } from "@/components/dynamic-core/text-field";
-import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
-
-export function ComponentsOverview({ className }: { className?: string }) {
-  return (
-    <div className={cn("container grid grid-cols-10 gap-8 p-8", className)}>
-      <div className="col-span-8">
-        <Slider
-          label="Progress"
-          showValueLabel
-          defaultValue={50}
-          className="!w-full"
-        />
-      </div>
-      <div className="col-span-2 row-span-2">
-        <RadioGroup>
-          <Radio value="email">Email</Radio>
-          <Radio value="phone">Phone (SMS)</Radio>
-          <Radio value="notification">Push notification</Radio>
-        </RadioGroup>
-      </div>
-      <div className="col-span-8 flex justify-between gap-4">
-        <Button variant="accent">Button</Button>
-        <Select>
-          <SelectItem>Perplexity</SelectItem>
-          <SelectItem>Replicate</SelectItem>
-          <SelectItem>Together AI</SelectItem>
-          <SelectItem>ElevenLabs</SelectItem>
-        </Select>
-        <FileTriggerDemo />
-        <div className="flex-1" />
-        <Switch>Focus mode</Switch>
-        <Avatar
-          src="https://github.com/mehdibha.png"
-          alt="@mehdibha"
-          fallback="M"
-        />
-        <DateRangePicker />
-      </div>
-      <div className="col-span-3 row-span-8 flex flex-col justify-between gap-2">
-        <Alert title="Payment Information">
-          Enter your payment method to complete your purchase.
-        </Alert>
-        <Tabs>
-          <TabList>
-            <Tab id="login" className="w-1/2">
-              Login
-            </Tab>
-            <Tab id="register" className="w-1/2">
-              Register
-            </Tab>
-          </TabList>
-          <TabPanel id="login" className="mt-4">
-            <Login />
-          </TabPanel>
-          <TabPanel id="register" className="mt-4">
-            <Register />
-          </TabPanel>
-        </Tabs>
-        <ColorSlider
-          label="Opacity"
-          defaultValue="hsla(210, 64%, 35%, 0.7)"
-          channel="alpha"
-          className="!w-full"
-        />
-        <ProgressBar label="Loading..." value={75} className="w-full" />
-      </div>
-      <div className="col-span-5 row-span-2 flex justify-between gap-6">
-        <ListBox className="h-full max-h-none w-full">
-          <ListBoxItem>New...</ListBoxItem>
-          <ListBoxItem>Badges</ListBoxItem>
-          <Separator />
-          <ListBoxItem>Save</ListBoxItem>
-          <ListBoxItem>Save as...</ListBoxItem>
-          <ListBoxItem>Rename...</ListBoxItem>
-          <Separator />
-          <ListBoxItem>Page setup…</ListBoxItem>
-          <ListBoxItem>Print…</ListBoxItem>
-        </ListBox>
-        <RangeCalendar />
-      </div>
-      <div className="col-span-2 row-span-2 flex flex-col gap-4">
-        <Checkbox defaultSelected>Notifications</Checkbox>
-        <SearchField aria-label="Search" className="w-full" />
-        <Combobox
-          label="Country"
-          description="Please select a country."
-          className="w-full"
-        >
-          <ComboboxItem>Canada</ComboboxItem>
-          <ComboboxItem>France</ComboboxItem>
-          <ComboboxItem>Germany</ComboboxItem>
-          <ComboboxItem>Spain</ComboboxItem>
-          <ComboboxItem>Tunisia</ComboboxItem>
-          <ComboboxItem>United states</ComboboxItem>
-          <ComboboxItem>United Kingdom</ComboboxItem>
-        </Combobox>
-        <NumberField label="Width" defaultValue={1024} className="w-full" />
-      </div>
-      <div className="col-span-7 row-span-6">
-        <TableRoot aria-label="Vocalists" selectionMode="multiple">
-          <TableHeader>
-            <TableColumn className="max-w-0">ID</TableColumn>
-            <TableColumn isRowHeader>Name</TableColumn>
-            <TableColumn>Email</TableColumn>
-            <TableColumn>Age</TableColumn>
-            <TableColumn>Role</TableColumn>
-            <TableColumn>Band</TableColumn>
-            <TableColumn>Status</TableColumn>
-          </TableHeader>
-          <TableBody items={items}>
-            {(item) => (
-              <TableRow id={item.id}>
-                <TableCell>{item.id}</TableCell>
-                <TableCell>{item.name}</TableCell>
-                <TableCell>{item.email}</TableCell>
-                <TableCell>{item.age}</TableCell>
-                <TableCell>{item.role}</TableCell>
-                <TableCell>{item.band}</TableCell>
-                <TableCell>{item.status}</TableCell>
-              </TableRow>
-            )}
-          </TableBody>
-        </TableRoot>
-      </div>
-    </div>
-  );
-}
-
-export const MobileComponentsOverview = ({
-  className,
-}: {
-  className?: string;
-}) => {
-  return (
-    <div className={cn("space-y-4 p-4", className)}>
-      <Slider
-        label="Progress"
-        showValueLabel
-        defaultValue={50}
-        className="w-full"
-      />
-      <div className="flex items-center gap-2">
-        <Button variant="accent">Button</Button>
-        <Select>
-          <SelectItem>Perplexity</SelectItem>
-          <SelectItem>Replicate</SelectItem>
-          <SelectItem>Together AI</SelectItem>
-          <SelectItem>ElevenLabs</SelectItem>
-        </Select>
-        <FileTriggerDemo />
-      </div>
-      <div className="flex items-center gap-2">
-        <Switch>Focus mode</Switch>
-        <Avatar
-          src="https://github.com/mehdibha.png"
-          alt="@mehdibha"
-          fallback="M"
-        />
-      </div>
-      <DateRangePicker />
-    </div>
-  );
-};
-
-function Login() {
-  return (
-    <div className="bg-bg-muted w-full max-w-sm rounded-lg border p-8">
-      <h1 className="text-2xl font-semibold leading-none tracking-tight">
-        Login
-      </h1>
-      <p className="text-fg-muted mt-2 text-sm">
-        Enter your email below to login to your account
-      </p>
-      <div className="mt-4 flex items-center gap-2">
-        <Button
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign in with google"
-        >
-          <GoogleIcon />
-        </Button>
-        <Button
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign in with X"
-        >
-          <TwitterIcon />
-        </Button>
-        <Button
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign in with github"
-        >
-          <GitHubIcon />
-        </Button>
-      </div>
-      <div className="relative my-4">
-        <div className="absolute inset-0 flex items-center">
-          <span className="w-full border-t" />
-        </div>
-        <div className="relative flex justify-center text-xs uppercase">
-          <span className="bg-bg-muted text-fg-muted px-2">Or</span>
-        </div>
-      </div>
-      <TextField label="Email address" type="email" className="w-full" />
-      <Button variant="primary" className="mt-4 w-full" type="submit">
-        Continue with email
-      </Button>
-      <p className="text-fg-muted mt-4 text-sm">
-        Don&apos;t have an account?{" "}
-        <Link variant="quiet" href="/preview/register">
-          Register
-        </Link>
-      </p>
-    </div>
-  );
-}
-
-function Register() {
-  return (
-    <div className="bg-bg-muted w-full max-w-sm rounded-lg border p-8">
-      <h1 className="text-2xl font-semibold leading-none tracking-tight">
-        Create an account
-      </h1>
-      <p className="text-fg-muted mt-2 text-sm">
-        Enter your email below to create your account
-      </p>
-      <div className="mt-4 flex items-center gap-2">
-        <Button
-          href="/preview/overview"
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign up with google"
-        >
-          <GoogleIcon />
-        </Button>
-        <Button
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign up with X"
-        >
-          <TwitterIcon />
-        </Button>
-        <Button
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign up with github"
-        >
-          <GitHubIcon />
-        </Button>
-      </div>
-      <div className="relative my-4">
-        <div className="absolute inset-0 flex items-center">
-          <span className="w-full border-t" />
-        </div>
-        <div className="relative flex justify-center text-xs uppercase">
-          <span className="bg-bg-muted text-fg-muted px-2">Or</span>
-        </div>
-      </div>
-      <TextField label="Email address" className="w-full" />
-      <Button variant="primary" className="mt-4 w-full">
-        Sign up with email
-      </Button>
-      <p className="text-fg-muted mt-4 text-sm">
-        Already have an account?{" "}
-        <Link variant="quiet" href="/preview/login">
-          Login
-        </Link>
-      </p>
-    </div>
-  );
-}
-
-const items = [
-  {
-    id: 1,
-    name: "Randy Blythe",
-    email: "randy.blythe@example.com",
-    age: 52,
-    role: "Vocalist",
-    band: "Lamb of God",
-    status: "Active",
-  },
-  {
-    id: 2,
-    name: "Phil Anselmo",
-    email: "phil.anselmo@example.com",
-    age: 55,
-    role: "Vocalist",
-    band: "Pantera",
-    status: "Active",
-  },
-  {
-    id: 3,
-    name: "George Fisher",
-    email: "george.fisher@example.com",
-    age: 53,
-    role: "Vocalist",
-    band: "Cannibal Corpse",
-    status: "Active",
-  },
-  {
-    id: 4,
-    name: "Corey Taylor",
-    email: "corey.taylor@example.com",
-    age: 50,
-    role: "Vocalist",
-    band: "Slipknot",
-    status: "Active",
-  },
-  {
-    id: 5,
-    name: "Trevor Strnad",
-    email: "trevor.strnad@example.com",
-    age: 41,
-    role: "Vocalist",
-    band: "The Black Dahlia Murder",
-    status: "Inactive",
-  },
-  {
-    id: 6,
-    name: "Chuck Schuldiner",
-    email: "chuck.schuldiner@example.com",
-    age: 34,
-    role: "Vocalist",
-    band: "Death",
-    status: "Deceased",
-  },
-  {
-    id: 7,
-    name: "Mitch Lucker",
-    email: "mitch.lucker@example.com",
-    age: 28,
-    role: "Vocalist",
-    band: "Suicide Silence",
-    status: "Deceased",
-  },
-];
diff --git a/www/src/components/demos/table/column-resizing.tsx b/www/src/components/demos/table/column-resizing.tsx
index d953b7eac..ec9d75a92 100644
--- a/www/src/components/demos/table/column-resizing.tsx
+++ b/www/src/components/demos/table/column-resizing.tsx
@@ -8,7 +8,7 @@ import {
   TableRow,
   TableColumn,
   TableCell,
-  TableResizableContainer,
+  TableContainer,
 } from "@/registry/core/table_basic";
 
 const columns: Column[] = [
@@ -26,7 +26,7 @@ const items: Item[] = [
 
 export default function Demo() {
   return (
-    <TableResizableContainer>
+    <TableContainer>
       <TableRoot aria-label="Files">
         <TableHeader columns={columns}>
           <TableColumn id="name" isRowHeader allowsResizing>
@@ -45,7 +45,7 @@ export default function Demo() {
           )}
         </TableBody>
       </TableRoot>
-    </TableResizableContainer>
+    </TableContainer>
   );
 }
 
diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
index 50e35fe82..5ade5111a 100644
--- a/www/src/modules/demos/components/components-overview.tsx
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -47,7 +47,9 @@ export function ComponentsOverview({ className }: { className?: string }) {
         <RadioGroup>
           <Radio value="email">Email</Radio>
           <Radio value="phone">Phone (SMS)</Radio>
-          <Radio value="notification">Push notification</Radio>
+          <Radio value="notification">
+            <span className="truncate">Push notification</span>
+          </Radio>
         </RadioGroup>
       </div>
       <div className="col-span-8 flex items-center justify-between gap-4">
@@ -66,9 +68,9 @@ export function ComponentsOverview({ className }: { className?: string }) {
           alt="@mehdibha"
           fallback="M"
         />
-        <DateRangePicker />
+        <DateRangePicker className="hidden xl:block" />
       </div>
-      <div className="col-span-3 row-span-8 flex flex-col justify-between gap-2">
+      <div className="col-span-6 flex flex-col gap-4 lg:col-span-3 lg:row-span-8">
         <Alert title="Payment Information">
           Enter your payment method to complete your purchase.
         </Alert>
@@ -92,12 +94,12 @@ export function ComponentsOverview({ className }: { className?: string }) {
           label="Opacity"
           defaultValue="hsla(210, 64%, 35%, 0.7)"
           channel="alpha"
-          className="!w-full"
+          className="hidden !w-full lg:block"
         />
         <ProgressBar label="Loading..." value={75} className="w-full" />
       </div>
-      <div className="col-span-5 row-span-2 flex justify-between gap-6">
-        <ListBox className="h-full max-h-none w-full">
+      <div className="col-span-4 flex justify-between gap-6 lg:col-span-5 lg:row-span-2">
+        <ListBox className="hidden max-h-none w-full lg:flex">
           <ListBoxItem>New...</ListBoxItem>
           <ListBoxItem>Badges</ListBoxItem>
           <Separator />
@@ -108,15 +110,41 @@ export function ComponentsOverview({ className }: { className?: string }) {
           <ListBoxItem>Page setup…</ListBoxItem>
           <ListBoxItem>Print…</ListBoxItem>
         </ListBox>
-        <RangeCalendar />
+        <div className="w-full lg:hidden" />
+        <div className="space-y-4">
+          <DateRangePicker className="block lg:hidden" />
+          <RangeCalendar />
+          <Checkbox defaultSelected className="flex w-full lg:hidden">
+            Notifications
+          </Checkbox>
+          <SearchField aria-label="Search" className="block w-full lg:hidden" />
+          <Combobox
+            label="Country"
+            description="Please select a country."
+            className="block w-full lg:hidden"
+          >
+            <ComboboxItem>Canada</ComboboxItem>
+            <ComboboxItem>France</ComboboxItem>
+            <ComboboxItem>Germany</ComboboxItem>
+            <ComboboxItem>Spain</ComboboxItem>
+            <ComboboxItem>Tunisia</ComboboxItem>
+            <ComboboxItem>United states</ComboboxItem>
+            <ComboboxItem>United Kingdom</ComboboxItem>
+          </Combobox>
+          <NumberField
+            label="Width"
+            defaultValue={1024}
+            className="block w-full lg:hidden"
+          />
+        </div>
       </div>
-      <div className="col-span-2 row-span-2 flex flex-col gap-4">
+      <div className="col-span-2 row-span-2 hidden flex-col gap-4 lg:flex">
         <Checkbox defaultSelected>Notifications</Checkbox>
-        <SearchField aria-label="Search" className="w-full" />
+        <SearchField aria-label="Search" className="w-auto" />
         <Combobox
           label="Country"
           description="Please select a country."
-          className="w-full"
+          className="w-auto"
         >
           <ComboboxItem>Canada</ComboboxItem>
           <ComboboxItem>France</ComboboxItem>
@@ -126,13 +154,13 @@ export function ComponentsOverview({ className }: { className?: string }) {
           <ComboboxItem>United states</ComboboxItem>
           <ComboboxItem>United Kingdom</ComboboxItem>
         </Combobox>
-        <NumberField label="Width" defaultValue={1024} className="w-full" />
+        <NumberField label="Width" defaultValue={1024} className="w-auto" />
       </div>
-      <div className="col-span-7 row-span-6">
+      <div className="col-span-10 row-span-6 lg:col-span-7">
         <TableRoot
           aria-label="Vocalists"
           selectionMode="multiple"
-          variant="solid"
+          variant="bordered"
         >
           <TableHeader>
             <TableColumn>ID</TableColumn>
@@ -162,9 +190,27 @@ export function ComponentsOverview({ className }: { className?: string }) {
   );
 }
 
+export const MobileComponentsOverview = ({
+  className,
+}: {
+  className?: string;
+}) => {
+  return (
+    <div className={cn("space-y-4 p-4", className)}>
+      <Slider
+        label="Progress"
+        showValueLabel
+        defaultValue={50}
+        className="w-full"
+      />
+      {/* TODO */}
+    </div>
+  );
+};
+
 function Login() {
   return (
-    <div className="bg-bg-muted w-full max-w-sm rounded-lg border p-8">
+    <div className="bg-bg-muted w-full rounded-lg border p-8">
       <h1 className="text-2xl font-semibold leading-none tracking-tight">
         Login
       </h1>
@@ -218,7 +264,7 @@ function Login() {
 
 function Register() {
   return (
-    <div className="bg-bg-muted w-full max-w-sm rounded-lg border p-8">
+    <div className="bg-bg-muted w-full rounded-lg border p-8">
       <h1 className="text-2xl font-semibold leading-none tracking-tight">
         Create an account
       </h1>
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index b551f016a..388335ccc 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -3,12 +3,14 @@
 import React from "react";
 import { useTheme } from "next-themes";
 import { useMounted } from "@/hooks/use-mounted";
-import { MobileComponentsOverview } from "@/components/components-overview";
 import { Skeleton } from "@/registry/core/skeleton_basic";
 import { Tabs, TabList, Tab } from "@/registry/core/tabs_motion";
 import { themes } from "@/registry/registry-themes";
 import { Theme } from "@/types/theme";
-import { ComponentsOverview } from "@/modules/demos/components/components-overview";
+import {
+  ComponentsOverview,
+  MobileComponentsOverview,
+} from "@/modules/demos/components/components-overview";
 import { ThemeProvider } from "./theme-provider";
 
 export const ThemesOverview = () => {
@@ -98,10 +100,10 @@ export const ThemesOverview = () => {
         <ThemeProvider
           mode={resolvedTheme === "light" ? "light" : "dark"}
           theme={currentTheme}
-          className="rounded-md border duration-300"
+          className="w-full rounded-md border duration-300"
         >
-          <ComponentsOverview className="hidden lg:grid" />
-          <MobileComponentsOverview className="lg:hidden" />
+          <ComponentsOverview className="hidden min-[920px]:grid" />
+          <MobileComponentsOverview className="min-[920px]:hidden" />
         </ThemeProvider>
       </Skeleton>
     </div>
diff --git a/www/src/registry/core/alert_basic.tsx b/www/src/registry/core/alert_basic.tsx
index 0a72c46a3..f793d07bd 100644
--- a/www/src/registry/core/alert_basic.tsx
+++ b/www/src/registry/core/alert_basic.tsx
@@ -67,7 +67,7 @@ function Alert({
 }: AlertProps) {
   const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
   return (
-    <AlertRoot variant={variant} {...props} className="@container items-start">
+    <AlertRoot variant={variant} {...props}>
       <div className="pt-2">{resolvedIcon}</div>
       <div className="@sm:items-center @sm:flex-row flex flex-1 flex-col items-start gap-4">
         <div className="flex-1 space-y-0.5">
diff --git a/www/src/registry/core/date-range-picker_basic.tsx b/www/src/registry/core/date-range-picker_basic.tsx
index 77449440e..faf33e5cf 100644
--- a/www/src/registry/core/date-range-picker_basic.tsx
+++ b/www/src/registry/core/date-range-picker_basic.tsx
@@ -16,7 +16,7 @@ import { Label, HelpText, type FieldProps } from "@/registry/core/field_basic";
 import { InputRoot, type inputStyles } from "@/registry/core/input_basic";
 
 const dateRangePickerStyles = tv({
-  base: "flex flex-col items-start gap-2",
+  base: "flex w-auto flex-col items-start gap-2",
 });
 
 interface DateRangePickerProps<T extends DateValue>
diff --git a/www/src/registry/core/input_basic.tsx b/www/src/registry/core/input_basic.tsx
index d6a51dd15..8f1f7ae2b 100644
--- a/www/src/registry/core/input_basic.tsx
+++ b/www/src/registry/core/input_basic.tsx
@@ -25,7 +25,7 @@ const inputStyles = tv({
       "has-[input[data-invalid]]:border-border-danger focus-within:has-[input[data-invalid]]:border-border",
     ],
     input: [
-      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden bg-transparent outline-none disabled:cursor-default",
+      "text-fg placeholder:text-fg-muted disabled:text-fg-disabled outline-hidden min-w-0 bg-transparent disabled:cursor-default",
     ],
   },
   variants: {
@@ -53,10 +53,10 @@ const inputStyles = tv({
 const { root, input } = inputStyles();
 
 interface InputProps extends React.ComponentProps<typeof AriaInput> {}
-const Input = (props: InputProps) => {
+const Input = ({ className, ...props }: InputProps) => {
   return (
     <AriaInput
-      className={composeRenderProps(props.className, (className) =>
+      className={composeRenderProps(className, (className) =>
         input({ className })
       )}
       {...props}
diff --git a/www/src/registry/core/table_basic.tsx b/www/src/registry/core/table_basic.tsx
index e33d64cd9..04c24e1c0 100644
--- a/www/src/registry/core/table_basic.tsx
+++ b/www/src/registry/core/table_basic.tsx
@@ -14,6 +14,7 @@ import {
   Button as AriaButton,
   useTableOptions,
   composeRenderProps,
+  type ResizableTableContainerProps as AriaResiableTableContainerProps,
   type RowProps as AriaRowProps,
   type TableBodyProps as AriaTableBodyProps,
   type TableHeaderProps as AriaTableHeaderProps,
@@ -26,9 +27,9 @@ import { createScopedContext } from "@/registry/lib/utils";
 
 const tableStyles = tv({
   slots: {
-    resizableContainer: "w-[500px] overflow-auto",
+    container: "w-full overflow-auto",
     root: [
-      "relative min-h-24 w-full border-separate border-spacing-0 cursor-default overflow-auto text-sm",
+      "relative table min-h-24 w-auto border-separate border-spacing-0 cursor-default text-sm",
       "[&_.react-aria-DropIndicator]:outline-bg-accent [&_.react-aria-DropIndicator]:translate-z-0 [&_.react-aria-DropIndicator]:outline",
     ],
     header: "sticky top-0 z-10",
@@ -50,13 +51,13 @@ const tableStyles = tv({
   variants: {
     variant: {
       bordered: {
-        root: "rounded-md border",
+        container: "rounded-md border",
         column: "border-b",
         row: "group/row",
         cell: "border-b group-last/row:border-b-0",
       },
       solid: {
-        root: "bg-bg-inverse/5 rounded-lg p-2",
+        container: "bg-bg-inverse/5 rounded-lg p-2",
         header: "text-fg-muted border-y",
         body: "text-fg",
         column: "bg-bg-inverse/5 first:rounded-l-sm last:rounded-r-sm",
@@ -83,7 +84,7 @@ const tableStyles = tv({
   },
 });
 
-const { resizableContainer, root, header, column, resizer, body, row, cell } =
+const { container, root, header, column, resizer, body, row, cell } =
   tableStyles();
 
 const [TableProvider, useTableContext] = createScopedContext<
@@ -93,9 +94,12 @@ const [TableProvider, useTableContext] = createScopedContext<
 >("TableRoot");
 
 interface TableRootProps
-  extends React.ComponentProps<typeof AriaTable>,
+  extends Omit<React.ComponentProps<typeof AriaTable>, "className" | "style">,
+    Pick<AriaResiableTableContainerProps, "className" | "style">,
     VariantProps<typeof tableStyles> {}
 const TableRoot = ({
+  className,
+  style,
   variant,
   selectionVariant,
   onRowAction,
@@ -107,11 +111,13 @@ const TableRoot = ({
       selectionVariant={selectionVariant}
       globalAction={!!onRowAction}
     >
-      <AriaTable
-        className={root({ variant })}
-        onRowAction={onRowAction}
-        {...props}
-      />
+      <TableContainer className={className} style={style}>
+        <AriaTable
+          className={root({ variant })}
+          onRowAction={onRowAction}
+          {...props}
+        />
+      </TableContainer>
     </TableProvider>
   );
 };
@@ -251,22 +257,37 @@ const TableCell = ({ className, ...props }: TableCellProps) => {
   );
 };
 
-interface TableResizableContainerProps
-  extends React.ComponentProps<typeof AriaResizableTableContainer> {}
-const TableResizableContainer = ({
+interface TableContainerProps
+  extends React.ComponentProps<typeof AriaResizableTableContainer> {
+  resizable?: boolean;
+}
+const TableContainer = ({
+  ref,
+  resizable = false,
+  children,
   className,
+  style,
   ...props
-}: TableResizableContainerProps) => {
+}: TableContainerProps) => {
+  const { variant } = useTableContext("TableContainer");
+  if (resizable)
+    return (
+      <AriaResizableTableContainer
+        className={container({ variant, className })}
+        {...props}
+      >
+        {children}
+      </AriaResizableTableContainer>
+    );
   return (
-    <AriaResizableTableContainer
-      className={resizableContainer({ className })}
-      {...props}
-    />
+    <div ref={ref} className={container({ variant, className })} style={style}>
+      {children}
+    </div>
   );
 };
 
 export type {
-  TableResizableContainerProps,
+  TableContainerProps,
   TableRootProps,
   TableHeaderProps,
   TableBodyProps,
@@ -275,7 +296,7 @@ export type {
   TableCellProps,
 };
 export {
-  TableResizableContainer,
+  TableContainer,
   TableRoot,
   TableHeader,
   TableBody,
diff --git a/www/src/registry/lib/utils.tsx b/www/src/registry/lib/utils.tsx
index 2ec4a545c..3ea22e138 100644
--- a/www/src/registry/lib/utils.tsx
+++ b/www/src/registry/lib/utils.tsx
@@ -1,20 +1,20 @@
 import * as React from "react";
 import { type ClassValue, clsx } from "clsx";
-import { composeRenderProps } from "react-aria-components";
+// import { composeRenderProps } from "react-aria-components";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
 
-export function composeTailwindRenderProps<T>(
-  className: string | ((v: T) => string) | undefined,
-  tailwind: string
-): string | ((v: T) => string) {
-  return composeRenderProps(className, (className) =>
-    twMerge(tailwind, className)
-  );
-}
+// export function composeTailwindRenderProps<T>(
+//   className: string | ((v: T) => string) | undefined,
+//   tailwind: string
+// ): string | ((v: T) => string) {
+//   return composeRenderProps(className, (className) =>
+//     twMerge(tailwind, className)
+//   );
+// }
 
 export function createScopedContext<ContextValueType extends object | null>(
   rootComponentName: string,

From bf3144f09c2136deb6b00fb1131c995b8a3630e1 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 6 Feb 2025 23:50:37 +0100
Subject: [PATCH 104/165] chore: better structure and better design

---
 packages/schemas/schema.ts                    |   2 +-
 www/src/app/(app)/docs/[...slug]/page.tsx     |  80 +++---
 www/src/app/(app)/layout.tsx                  |  18 +-
 www/src/app/(home)/page.tsx                   |   2 +-
 www/src/app/internal/page.tsx                 |   4 +-
 www/src/components/dynamic-core/button.tsx    |   2 +-
 www/src/components/sidebar.tsx                |  11 +-
 .../demos/components/components-overview.tsx  |  21 +-
 www/src/modules/docs/actions/code-to-html.ts  |  20 ++
 www/src/modules/docs/components/code.tsx      |  77 ++++++
 www/src/modules/themes/atoms/themes-atom.ts   |  35 +++
 .../themes/components/theme-provider.tsx      | 120 +++++++--
 .../themes/components/themes-overview.tsx     | 239 +++++++++++++-----
 .../themes/contexts/primitives-context.tsx    |  22 ++
 .../themes/contexts/variants-context.tsx      |  28 ++
 www/src/modules/themes/index.ts               |   1 +
 .../themes/lib/create-dynamic-component.tsx   |  60 +++++
 www/src/modules/themes/lib/create-theme.ts    |   9 +-
 www/src/modules/themes/types.ts               |   8 +-
 www/src/registry/core/button_ripple.tsx       |   4 +-
 www/src/registry/core/slider_basic.tsx        |  22 +-
 www/src/registry/core/table_basic.tsx         |   9 +-
 www/src/registry/index.ts                     |   3 +-
 www/src/registry/lib/utils.tsx                |  10 -
 www/src/registry/registry-themes.ts           |  15 +-
 www/src/registry/themes/brutalist.ts          |  24 ++
 www/src/registry/themes/forest.ts             |   3 +
 www/src/registry/themes/high-contrast.ts      |  35 +++
 .../themes/{default.ts => material.ts}        |   9 +-
 www/src/registry/themes/minimalist.ts         |  31 +++
 www/src/registry/themes/retro.ts              |  24 ++
 www/src/styles/docs.css                       |   2 +-
 www/src/styles/globals.css                    |   2 +-
 33 files changed, 782 insertions(+), 170 deletions(-)
 create mode 100644 www/src/modules/docs/actions/code-to-html.ts
 create mode 100644 www/src/modules/docs/components/code.tsx
 create mode 100644 www/src/modules/themes/atoms/themes-atom.ts
 create mode 100644 www/src/modules/themes/contexts/primitives-context.tsx
 create mode 100644 www/src/modules/themes/contexts/variants-context.tsx
 create mode 100644 www/src/modules/themes/index.ts
 create mode 100644 www/src/modules/themes/lib/create-dynamic-component.tsx
 create mode 100644 www/src/registry/themes/brutalist.ts
 create mode 100644 www/src/registry/themes/high-contrast.ts
 rename www/src/registry/themes/{default.ts => material.ts} (73%)
 create mode 100644 www/src/registry/themes/minimalist.ts
 create mode 100644 www/src/registry/themes/retro.ts

diff --git a/packages/schemas/schema.ts b/packages/schemas/schema.ts
index 5bb806f35..3f2b8f5e8 100644
--- a/packages/schemas/schema.ts
+++ b/packages/schemas/schema.ts
@@ -24,7 +24,7 @@ export const registryItemCssSchema = z.object({
   colors: z
     .object({
       light: z.record(z.string(), z.string()),
-      dark: z.record(z.string(), z.string()),
+      dark: z.record(z.string(), z.string()).optional(),
     })
     .optional(),
   themeVars: z.record(z.string(), z.string()).optional(),
diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index 74db89c1b..b93c106b3 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -4,6 +4,7 @@ import { notFound } from "next/navigation";
 import { type TableOfContents as TocType } from "fumadocs-core/server";
 import { ExternalLinkIcon } from "lucide-react";
 import { truncateOnWord } from "@/lib/string";
+import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 import { Breadcrumbs } from "@/components/docs/breadcrumbs";
 import { DocsPager } from "@/components/docs/docs-pager";
@@ -27,49 +28,50 @@ export default async function Page({
   const MDXContent = page.data.body;
 
   return (
-    <div className="xl:grid xl:grid-cols-[minmax(50px,1fr)_minmax(0,1100px)_minmax(50px,1fr)] xl:gap-10">
-      <div className="border-x-(--pattern-fg) h-full border-x bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px]" />
-      <div className="container max-w-6xl pt-20">
-        <div className="before:bg-border grid grid-cols-[1fr_200px] gap-10 before:absolute before:top-0 before:h-px before:w-[200vw] before:-translate-x-1/2 before:content-['']">
-          <div className="pt-4">
-            <Breadcrumbs tree={source.pageTree} className="mb-2" />
-            <h1 className="text-4xl font-bold">{page.data.title}</h1>
-            <p className="text-fg-muted mt-2">{page.data.description}</p>
-            {page.data.links && page.data.links.length > 0 && (
-              <div className="mt-4 flex flex-wrap gap-2">
-                {page.data.links.map((link, index) => (
-                  <Button
-                    key={index}
-                    href={link.href}
-                    prefix={getIcon(link.href)}
-                    suffix={<ExternalLinkIcon />}
-                    size="sm"
-                    className="h-6 text-xs font-semibold [&_svg]:size-3"
-                    target="_blank"
-                  >
-                    {link.label}
-                  </Button>
-                ))}
-              </div>
-            )}
-            <div className="mt-10 text-sm md:text-base">
-              <MDXContent components={mdxComponents} />
-            </div>
-            <div className="mt-20 space-y-4 pb-20">
-              <PageLastUpdate path={page.file.path} />
-              <DocsPager currentPathname={page.url} />
-            </div>
-          </div>
-          {page.data.toc && page.data.toc.length > 0 && (
-            <div className="bg-bg z-10 hidden pt-4 text-sm xl:block">
-              <div className="sticky top-8 h-[calc(100svh-calc(var(--spacing)*8))]">
-                <TableOfContents toc={page.data.toc as TocType} />
-              </div>
+    <div className="container max-w-4xl py-8 lg:py-20 xl:max-w-6xl">
+      <div
+        className={cn("", {
+          "xl:grid xl:grid-cols-[1fr_220px] xl:gap-10":
+            page.data.toc && page.data.toc.length > 0,
+        })}
+      >
+        <div className="pt-4">
+          <Breadcrumbs tree={source.pageTree} className="mb-2" />
+          <h1 className="text-4xl font-bold">{page.data.title}</h1>
+          <p className="text-fg-muted mt-2">{page.data.description}</p>
+          {page.data.links && page.data.links.length > 0 && (
+            <div className="mt-4 flex flex-wrap gap-2">
+              {page.data.links.map((link, index) => (
+                <Button
+                  key={index}
+                  href={link.href}
+                  prefix={getIcon(link.href)}
+                  suffix={<ExternalLinkIcon />}
+                  size="sm"
+                  className="h-6 text-xs font-semibold [&_svg]:size-3"
+                  target="_blank"
+                >
+                  {link.label}
+                </Button>
+              ))}
             </div>
           )}
+          <div className="mt-10 text-sm md:text-base">
+            <MDXContent components={mdxComponents} />
+          </div>
+          <div className="mt-20 space-y-4">
+            <PageLastUpdate path={page.file.path} />
+            <DocsPager currentPathname={page.url} />
+          </div>
         </div>
+        {page.data.toc && page.data.toc.length > 0 && (
+          <div className="bg-bg z-10 hidden justify-end pt-4 text-sm xl:flex">
+            <div className="sticky top-8 h-[calc(100svh-calc(var(--spacing)*8))]">
+              <TableOfContents toc={page.data.toc as TocType} />
+            </div>
+          </div>
+        )}
       </div>
-      <div className="border-x-(--pattern-fg) h-full border-x bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px]" />
     </div>
   );
 }
diff --git a/www/src/app/(app)/layout.tsx b/www/src/app/(app)/layout.tsx
index 9b54b8cf4..0315ece0e 100644
--- a/www/src/app/(app)/layout.tsx
+++ b/www/src/app/(app)/layout.tsx
@@ -1,13 +1,23 @@
+import { Footer } from "@/components/footer";
 import { MobileNav } from "@/components/mobile-nav";
 import { Sidebar } from "@/components/sidebar";
 import { source } from "@/app/source";
 
 export default function AppLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="relative flex min-h-screen w-full flex-col md:flex-row">
-      <MobileNav items={source.pageTree.children} className="md:hidden" />
-      <Sidebar items={source.pageTree.children} className="hidden md:flex" />
-      <main className="flex-1">{children}</main>
+    <div className="relative flex min-h-screen w-full flex-col lg:flex-row">
+      <MobileNav items={source.pageTree.children} className="lg:hidden" />
+      <Sidebar items={source.pageTree.children} className="hidden lg:flex" />
+      <main className="flex-1">
+        <div className="sm:grid sm:grid-cols-[20px_1fr_20px] md:grid-cols-[30px_1fr_30px]">
+          <div className="diagonal-pattern hidden sm:block" />
+          <div>
+            <div className="min-h-screen">{children}</div>
+            <Footer />
+          </div>
+          <div className="diagonal-pattern hidden sm:block" />
+        </div>
+      </main>
     </div>
   );
 }
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index d72d4fe34..2a6d1b9fd 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -8,7 +8,7 @@ export default function HomePage() {
     <div>
       {/* Hero section */}
       <div className="container">
-        <section className="max-w-3xl pb-4 pt-8 sm:pt-24 lg:pb-28">
+        <section className="max-w-3xl pb-4 pt-8 sm:pt-24 lg:pb-32">
           <Button
             prefix={<LayoutTemplateIcon />}
             variant="outline"
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index 242247a5a..cb155a8a0 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function Demo() {
-  return <div></div>;
+  return <div>internal</div>;
 }
diff --git a/www/src/components/dynamic-core/button.tsx b/www/src/components/dynamic-core/button.tsx
index deec377c1..3468c5899 100644
--- a/www/src/components/dynamic-core/button.tsx
+++ b/www/src/components/dynamic-core/button.tsx
@@ -1,12 +1,12 @@
 "use client";
 
 import React from "react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import {
   Button as _Button,
   ButtonProvider as _ButtonProvider,
   ButtonProps,
 } from "@/registry/core/button_basic";
+import { createDynamicComponent } from "@/modules/themes";
 
 export const Button = createDynamicComponent<ButtonProps>(
   "button",
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index ad1e914e7..faf000127 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -16,7 +16,6 @@ import {
 import { motion, Transition } from "motion/react";
 import { hasActive, isActive } from "@/lib/docs/utils";
 import { cn } from "@/lib/utils";
-// import { Avatar } from "@/components/core/avatar";
 import { Button, ButtonProps } from "@/components/core/button";
 import {
   CollapsibleRoot,
@@ -65,7 +64,7 @@ export const Sidebar = ({
       onCollapseChange={(c) => setIsCollapsed(c)}
       className={className}
     >
-      <div className="relative flex items-center p-2 pb-1">
+      <div className="relative flex items-center p-3 pb-1">
         <Logo />
       </div>
       <div className="-mb-1 px-2 pt-4">
@@ -205,7 +204,7 @@ const Logo = () => {
   return (
     <Link
       href="/"
-      className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
+      className="flex items-center gap-2 rounded-sm opacity-100 transition-[opacity,transform] duration-300 ease-out"
     >
       {/* <Avatar
         src={siteConfig.global.logo}
@@ -217,9 +216,9 @@ const Logo = () => {
       /> */}
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
-        className="rounded-xs"
+        width={24}
+        height={24}
+        className="rounded-sm"
         viewBox="0 0 300 300"
       >
         <defs>
diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
index 5ade5111a..89289999b 100644
--- a/www/src/modules/demos/components/components-overview.tsx
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -31,8 +31,11 @@ import {
 import { Tabs, Tab, TabList, TabPanel } from "@/components/dynamic-core/tabs";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
+import { useLocalVariants } from "@/modules/themes/contexts/variants-context";
 
 export function ComponentsOverview({ className }: { className?: string }) {
+  const { variants } = useLocalVariants();
+  const globalVariant = variants.global;
   return (
     <div className={cn("container grid grid-cols-10 gap-8 p-8", className)}>
       <div className="col-span-8">
@@ -40,6 +43,7 @@ export function ComponentsOverview({ className }: { className?: string }) {
           label="Progress"
           showValueLabel
           defaultValue={50}
+          variant={globalVariant}
           className="!w-full"
         />
       </div>
@@ -53,7 +57,7 @@ export function ComponentsOverview({ className }: { className?: string }) {
         </RadioGroup>
       </div>
       <div className="col-span-8 flex items-center justify-between gap-4">
-        <Button variant="accent">Button</Button>
+        <Button variant={globalVariant}>Button</Button>
         <Select>
           <SelectItem>Perplexity</SelectItem>
           <SelectItem>Replicate</SelectItem>
@@ -96,7 +100,12 @@ export function ComponentsOverview({ className }: { className?: string }) {
           channel="alpha"
           className="hidden !w-full lg:block"
         />
-        <ProgressBar label="Loading..." value={75} className="w-full" />
+        <ProgressBar
+          label="Loading..."
+          value={75}
+          variant={globalVariant}
+          className="w-full"
+        />
       </div>
       <div className="col-span-4 flex justify-between gap-6 lg:col-span-5 lg:row-span-2">
         <ListBox className="hidden max-h-none w-full lg:flex">
@@ -209,6 +218,8 @@ export const MobileComponentsOverview = ({
 };
 
 function Login() {
+  const { variants } = useLocalVariants();
+  const globalVariant = variants.global;
   return (
     <div className="bg-bg-muted w-full rounded-lg border p-8">
       <h1 className="text-2xl font-semibold leading-none tracking-tight">
@@ -249,7 +260,7 @@ function Login() {
         </div>
       </div>
       <TextField label="Email address" type="email" className="w-full" />
-      <Button variant="primary" className="mt-4 w-full" type="submit">
+      <Button variant={globalVariant} className="mt-4 w-full" type="submit">
         Continue with email
       </Button>
       <p className="text-fg-muted mt-4 text-sm">
@@ -263,6 +274,8 @@ function Login() {
 }
 
 function Register() {
+  const { variants } = useLocalVariants();
+  const globalVariant = variants.global;
   return (
     <div className="bg-bg-muted w-full rounded-lg border p-8">
       <h1 className="text-2xl font-semibold leading-none tracking-tight">
@@ -304,7 +317,7 @@ function Register() {
         </div>
       </div>
       <TextField label="Email address" className="w-full" />
-      <Button variant="primary" className="mt-4 w-full">
+      <Button variant={globalVariant} className="mt-4 w-full">
         Sign up with email
       </Button>
       <p className="text-fg-muted mt-4 text-sm">
diff --git a/www/src/modules/docs/actions/code-to-html.ts b/www/src/modules/docs/actions/code-to-html.ts
new file mode 100644
index 000000000..320b21241
--- /dev/null
+++ b/www/src/modules/docs/actions/code-to-html.ts
@@ -0,0 +1,20 @@
+"use server";
+
+import { codeToHtml as shikiCodeToHtml, type BundledLanguage } from "shiki";
+
+export const codeToHtml = async (
+  code: string,
+  _options?: { lang?: BundledLanguage; structure?: "classic" | "inline" }
+) => {
+  const defaultOptions = { lang: "tsx", structure: "classic" } as const;
+  const options = { ...defaultOptions, ..._options };
+  const html = await shikiCodeToHtml(code, {
+    lang: options?.lang,
+    themes: {
+      light: "github-light",
+      dark: "github-dark-dimmed",
+    },
+    structure: options?.structure,
+  });
+  return html;
+};
diff --git a/www/src/modules/docs/components/code.tsx b/www/src/modules/docs/components/code.tsx
new file mode 100644
index 000000000..fb18210fb
--- /dev/null
+++ b/www/src/modules/docs/components/code.tsx
@@ -0,0 +1,77 @@
+import React from "react";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import type { BundledLanguage } from "shiki";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/core/button";
+import { Skeleton } from "@/components/core/skeleton";
+import { codeToHtml } from "@/modules/docs/actions/code-to-html";
+
+interface CodeProps extends Omit<React.ComponentProps<"div">, "children"> {
+  children: string;
+  lang?: BundledLanguage;
+  structure?: "classic" | "inline";
+}
+
+const Code = ({ children, lang = "tsx", className, ...props }: CodeProps) => {
+  const [html, setHtml] = React.useState<string>("");
+  const [isLoading, setIsLoading] = React.useState<boolean>(true);
+  const [copied, setCopied] = React.useState(false);
+
+  const handleCopy = () => {
+    void navigator.clipboard.writeText(children);
+    setCopied(true);
+    setTimeout(() => {
+      setCopied(false);
+    }, 1000);
+  };
+
+  React.useEffect(() => {
+    const convert = async () => {
+      setIsLoading(true);
+      if (!children || typeof children !== "string") return;
+      const html = await codeToHtml(children, { lang });
+      setIsLoading(false);
+      setHtml(html);
+    };
+    convert();
+  }, [children, lang]);
+
+  return (
+    <Skeleton show={isLoading}>
+      <div
+        className={cn(
+          "bg-bg-muted flex items-center gap-2 rounded-md border py-2 pl-4 pr-2 font-mono",
+          className
+        )}
+        {...props}
+      >
+        {html ? (
+          <div
+            className="[&_pre]:outline-hidden [&_span]:bg-transparent! dark:[&_span]:text-(--shiki-dark)!"
+            dangerouslySetInnerHTML={{ __html: html }}
+            {...props}
+          />
+        ) : (
+          <pre>
+            <code>{children}</code> {/* to preserve the layout */}
+          </pre>
+        )}
+        <Button
+          variant="quiet"
+          shape="square"
+          size="sm"
+          onPress={handleCopy}
+          className="text-fg-muted [&_svg]:size-3.5"
+        >
+          {copied ? (
+            <CheckIcon className="animate-in fade-in" />
+          ) : (
+            <CopyIcon className="animate-in fade-in" />
+          )}
+        </Button>
+      </div>
+    </Skeleton>
+  );
+};
+
+export { Code };
diff --git a/www/src/modules/themes/atoms/themes-atom.ts b/www/src/modules/themes/atoms/themes-atom.ts
new file mode 100644
index 000000000..35a8f0c18
--- /dev/null
+++ b/www/src/modules/themes/atoms/themes-atom.ts
@@ -0,0 +1,35 @@
+import { useAtom } from "jotai";
+import { withImmer } from "jotai-immer";
+import { atomWithStorage } from "jotai/utils";
+// import { nanoid } from "nanoid";
+import { themes } from "@/registry/registry-themes";
+import { Theme } from "@/modules/themes/types";
+
+type State = {
+  userThemes: Theme[];
+  currentTheme: string;
+  currentMode: "light" | "dark";
+};
+
+const themesAtom = withImmer(
+  atomWithStorage<State>("new-themes", {
+    userThemes: [],
+    currentTheme: "minimalist",
+    currentMode: "dark",
+  })
+);
+
+export const useUserThemes = () => {
+  // const [state, setState] = useAtom(themesAtom);
+};
+
+export const useCurrentTheme = (): { currentTheme: Theme } => {
+  const [state] = useAtom(themesAtom);
+  const { currentTheme: currentThemeName } = state;
+
+  const allThemes = [...state.userThemes, ...themes];
+
+  const currentTheme = allThemes.find((t) => t.name === currentThemeName)!;
+
+  return { currentTheme };
+};
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index 78f33f35c..d41727532 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -1,11 +1,18 @@
 import React from "react";
+import { useTheme } from "next-themes";
 import { cn } from "@/lib/utils";
+import { PrimitivesProvider } from "@/modules/themes/contexts/primitives-context";
+import { VariantsProvider } from "@/modules/themes/contexts/variants-context";
+import { createThemeCssVars } from "@/modules/themes/lib/create-theme";
 import { Theme } from "@/modules/themes/types";
-import { createThemeCssVars } from "../lib/create-theme";
 
-interface ThemeProviderProps extends React.ComponentProps<"div"> {
-  theme?: Theme;
+interface ThemeProviderProps
+  extends Omit<React.ComponentProps<"div">, "children"> {
+  children:
+    | React.ReactNode
+    | ((mode: "light" | "dark" | undefined) => React.ReactNode);
   mode?: "light" | "dark";
+  theme?: Theme;
 }
 export const ThemeProvider = ({
   theme,
@@ -15,22 +22,101 @@ export const ThemeProvider = ({
   style,
   ...props
 }: ThemeProviderProps) => {
+  const { resolvedTheme } = useTheme();
+  const currentMode = (mode ?? resolvedTheme === "light") ? "light" : "dark";
   const cssVars = React.useMemo(() => {
-    if (!theme || !mode) return {};
-    return createThemeCssVars(theme.foundations, mode);
-  }, [theme, mode]);
+    if (!theme || !resolvedTheme) return {};
+    const themeCssVars = createThemeCssVars(
+      theme.foundations,
+      theme.foundations.dark // we check if theme supports dark mode
+        ? (theme.defaultDisplayMode ?? currentMode)
+        : "light"
+    );
+    return { ...themeCssVars, ...baseVars, ...theme.foundations.overrides };
+  }, [theme, resolvedTheme, currentMode]);
+
+  const resolvedMode =
+    theme?.foundations.dark && resolvedTheme && resolvedTheme !== "system"
+      ? resolvedTheme === "light"
+        ? "light"
+        : "dark"
+      : undefined;
 
   return (
-    <div
-      style={{
-        ...cssVars,
-        ...style,
-      }}
-      className={cn("bg-bg text-fg", className)}
-      suppressHydrationWarning
-      {...props}
-    >
-      {children}
-    </div>
+    <VariantsProvider variants={theme?.variants}>
+      <PrimitivesProvider primitives={theme?.primitives}>
+        <div
+          style={{
+            ...cssVars,
+            ...style,
+          }}
+          className={cn("bg-bg text-fg isolate", className)}
+          suppressHydrationWarning
+          {...props}
+        >
+          {typeof children === "function" ? children(resolvedMode) : children}
+        </div>
+      </PrimitivesProvider>
+    </VariantsProvider>
   );
 };
+
+const baseVars = {
+  "--color-bg": "var(--color-neutral-100)",
+  "--color-bg-muted": "var(--color-neutral-200)",
+  "--color-bg-inverse": "var(--color-neutral-1000)",
+  "--color-bg-disabled": "var(--color-neutral-200)",
+  "--color-bg-neutral": "var(--color-neutral-300)",
+  "--color-bg-neutral-hover": "var(--color-neutral-400)",
+  "--color-bg-neutral-active": "var(--color-neutral-500)",
+  "--color-bg-primary": "var(--color-neutral-1000)",
+  "--color-bg-primary-hover": "var(--color-neutral-900)",
+  "--color-bg-primary-active": "var(--color-neutral-800)",
+  "--color-bg-primary-muted": "var(--color-neutral-200)",
+  "--color-bg-success": "var(--color-success-500)",
+  "--color-bg-success-hover": "var(--color-success-600)",
+  "--color-bg-success-active": "var(--color-success-700)",
+  "--color-bg-success-muted": "var(--color-success-100)",
+  "--color-bg-danger": "var(--color-danger-500)",
+  "--color-bg-danger-hover": "var(--color-danger-600)",
+  "--color-bg-danger-active": "var(--color-danger-700)",
+  "--color-bg-danger-muted": "var(--color-danger-100)",
+  "--color-bg-warning": "var(--color-warning-500)",
+  "--color-bg-warning-hover": "var(--color-warning-600)",
+  "--color-bg-warning-active": "var(--color-warning-700)",
+  "--color-bg-warning-muted": "var(--color-warning-100)",
+  "--color-bg-info": "var(--color-info-500)",
+  "--color-bg-info-hover": "var(--color-info-600)",
+  "--color-bg-info-active": "var(--color-info-700)",
+  "--color-bg-info-muted": "var(--color-info-100)",
+  "--color-bg-accent": "var(--color-accent-500)",
+  "--color-bg-accent-hover": "var(--color-accent-600)",
+  "--color-bg-accent-active": "var(--color-accent-700)",
+  "--color-bg-accent-muted": "var(--color-accent-100)",
+  "--color-fg": "var(--color-neutral-1000)",
+  "--color-fg-muted": "var(--color-neutral-800)",
+  "--color-fg-inverse": "var(--color-neutral-100)",
+  "--color-fg-disabled": "var(--color-neutral-500)",
+  "--color-fg-danger": "var(--color-danger-700)",
+  "--color-fg-warning": "var(--color-warning-700)",
+  "--color-fg-success": "var(--color-success-700)",
+  "--color-fg-info": "var(--color-info-700)",
+  "--color-fg-accent": "var(--color-accent-700)",
+  "--color-fg-onNeutral": "var(--color-neutral-1000)",
+  "--color-fg-onPrimary": "var(--color-neutral-100)",
+  "--color-fg-onAccent": "var(--color-neutral-1000)",
+  "--color-fg-onSuccess": "var(--color-neutral-1000)",
+  "--color-fg-onDanger": "var(--color-neutral-1000)",
+  "--color-fg-onWarning": "var(--color-neutral-1000)",
+  "--color-fg-onInfo": "var(--color-neutral-1000)",
+  "--color-border": "var(--color-neutral-300)",
+  "--color-border-field": "var(--color-neutral-400)",
+  "--color-border-control": "var(--color-neutral-700)",
+  "--color-border-disabled": "var(--color-neutral-300)",
+  "--color-border-focus": "var(--color-accent-500)",
+  "--color-border-success": "var(--color-success-300)",
+  "--color-border-accent": "var(--color-accent-300)",
+  "--color-border-danger": "var(--color-danger-300)",
+  "--color-border-warning": "var(--color-warning-300)",
+  "--color-border-info": "var(--color-info-300)",
+};
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index 388335ccc..ba98b6bb9 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -1,8 +1,11 @@
 "use client";
 
 import React from "react";
-import { useTheme } from "next-themes";
+import { CheckIcon, CopyIcon, MoonIcon, SunIcon } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+import { cn } from "@/lib/utils";
 import { useMounted } from "@/hooks/use-mounted";
+import { Button } from "@/components/core/button";
 import { Skeleton } from "@/registry/core/skeleton_basic";
 import { Tabs, TabList, Tab } from "@/registry/core/tabs_motion";
 import { themes } from "@/registry/registry-themes";
@@ -18,8 +21,21 @@ export const ThemesOverview = () => {
     (themes[0] as unknown as Theme).name
   );
   const [touched, setTouched] = React.useState<boolean>(false);
-  const { resolvedTheme } = useTheme();
+  const [userMode, setUserMode] = React.useState<"light" | "dark" | undefined>(
+    undefined
+  );
   const isMounted = useMounted();
+  const [copied, setCopied] = React.useState(false);
+
+  const handleCopy = () => {
+    void navigator.clipboard.writeText(
+      `npx dotui-cli init ${currentThemeName}`
+    );
+    setCopied(true);
+    setTimeout(() => {
+      setCopied(false);
+    }, 1000);
+  };
 
   const currentTheme = themes.find((theme) => theme.name === currentThemeName)!;
 
@@ -31,7 +47,9 @@ export const ThemesOverview = () => {
       );
       const nextIndex = (currentIndex + 1) % themes.length;
       const nextTheme = themes[nextIndex];
-      if (nextTheme) setCurrentThemeName(nextTheme.name);
+      if (nextTheme) {
+        setCurrentThemeName(nextTheme.name);
+      }
     }, 5000);
 
     return () => clearInterval(interval);
@@ -39,72 +57,163 @@ export const ThemesOverview = () => {
 
   return (
     <div className="flex flex-col items-center gap-4">
-      <div className="relative flex flex-col items-end gap-2">
-        <div className="absolute right-0 top-0 hidden translate-x-[calc(100%+10px)] translate-y-[calc(-100%+10px)] lg:block">
-          <div>
-            <svg
-              width="30"
-              viewBox="0 0 106 212"
-              fill="none"
-              className="text-fg/40 rotate-40"
-              xmlns="http://www.w3.org/2000/svg"
+      <div className="relative flex flex-col items-center gap-6">
+        <div className="text-fg-muted relative hidden items-center gap-2 overflow-hidden py-2 pl-4 pr-2 font-mono text-xs lg:flex">
+          <motion.div
+            layout
+            initial={false}
+            transition={{ duration: 0.5 }}
+            className="bg-bg-muted/50 absolute inset-0 z-[-1] rounded-md border"
+          />
+          <pre>
+            <code>
+              <motion.span layout>
+                <span className="text-[#F69D50]">npx</span> dotui-cli init{" "}
+              </motion.span>
+              <AnimatePresence mode="popLayout">
+                <motion.span
+                  key={currentTheme.name}
+                  initial={{ opacity: 0 }}
+                  animate={{ opacity: 1 }}
+                  exit={{ opacity: 0 }}
+                  transition={{ duration: 0.5 }}
+                >
+                  {currentThemeName}
+                </motion.span>
+              </AnimatePresence>
+            </code>
+          </pre>
+          <motion.div layout>
+            <Button
+              variant="quiet"
+              shape="square"
+              size="sm"
+              onPress={handleCopy}
+              className="text-fg-muted bg-bg-muted/50 z-20 [&_svg]:size-3.5"
             >
-              <path
-                fillRule="evenodd"
-                clipRule="evenodd"
-                d="M89.5523 0.499048C87.5651 0.982422 84.0069 2.94278 81.2677 4.99712C78.5689 7.05146 71.3854 14.1947 67.6392 18.5853C59.8112 27.7426 55.0848 39.0884 53.2319 52.9989C52.5202 58.316 52.5202 68.5743 53.2319 74.4822C53.7824 78.9802 55.3131 87.0634 56.1993 89.8965L56.6826 91.4943L53.581 94.7839C38.0726 111.474 28.3916 132.111 24.0815 157.623C23.1685 163.168 22.0943 172.057 21.5706 178.448L21.3155 181.55L19.3283 178.287C15.7701 172.513 12.2925 168.217 8.66717 165.155C0.839139 158.468 -1.2421 159.516 1.92671 168.512C5.99514 179.979 15.1928 195.755 22.43 203.61C24.6723 206.054 28.8884 209.344 31.2919 210.552C33.937 211.922 34.9441 211.076 37.7503 205.074C38.6365 203.154 42.0873 196.924 45.4038 191.217C48.7338 185.511 51.4729 180.596 51.4729 180.261C51.4729 178.757 48.5995 174.943 44.7862 171.291C41.7919 168.458 39.6302 167.022 38.3277 167.022H37.3475L37.5758 165.128C38.5829 156.454 43.6717 141.564 48.9217 131.883C53.2856 123.827 57.9851 117.315 65.2492 109.164L66.6859 107.54L68.6059 109.299C75.1852 115.368 84.45 118.389 91.0696 116.67C95.5945 115.462 98.4411 112.884 101.006 107.58C102.805 103.901 103.248 102.236 103.288 99.47C103.315 93.5084 95.5005 83.8945 87.2563 79.7187C83.8055 77.9598 81.6437 77.5301 78.4883 77.9867C74.4199 78.5775 70.6335 80.3632 65.0209 84.3779C63.6245 85.385 62.416 86.204 62.3489 86.1369C61.9595 85.7072 61.2344 76.1606 61.2344 70.9509C61.2344 63.8479 61.5567 60.1018 62.698 54.3953C64.8463 43.7342 69.0222 35.1006 76.0312 26.8833C87.6725 13.2279 98.1994 6.67551 103.839 9.57576C104.591 9.93829 105.275 10.1263 105.369 10.0054C106.054 8.89099 100.576 2.9025 97.3535 1.2644C95.4334 0.284225 91.7812 -0.0782881 89.5255 0.485649L89.5523 0.499048ZM89.418 92.9712C89.324 93.4949 88.5721 95.2136 87.7933 96.8785C84.4097 103.981 78.5957 107.378 71.9493 106.13C70.7811 105.902 69.6667 105.606 69.4384 105.472C68.9148 105.15 74.9839 99.9265 78.9851 97.2276C82.8253 94.6496 87.7799 92.1791 89.2166 92.1119C89.4717 92.0851 89.5389 92.367 89.418 92.9578V92.9712Z"
-                fill="currentColor"
-              />
-            </svg>
-            <span className="text-fg-muted w-30 font-josefin absolute right-0 top-0 translate-x-[150px] text-sm font-bold">
-              Give it a shot!
-            </span>
-          </div>
+              {copied ? (
+                <CheckIcon className="animate-in fade-in" />
+              ) : (
+                <CopyIcon className="animate-in fade-in" />
+              )}
+            </Button>
+          </motion.div>
         </div>
-        <svg
-          width="30"
-          viewBox="0 0 106 212"
-          fill="none"
-          className="text-fg/40 rotate-40 translate-x-10 lg:hidden"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M89.5523 0.499048C87.5651 0.982422 84.0069 2.94278 81.2677 4.99712C78.5689 7.05146 71.3854 14.1947 67.6392 18.5853C59.8112 27.7426 55.0848 39.0884 53.2319 52.9989C52.5202 58.316 52.5202 68.5743 53.2319 74.4822C53.7824 78.9802 55.3131 87.0634 56.1993 89.8965L56.6826 91.4943L53.581 94.7839C38.0726 111.474 28.3916 132.111 24.0815 157.623C23.1685 163.168 22.0943 172.057 21.5706 178.448L21.3155 181.55L19.3283 178.287C15.7701 172.513 12.2925 168.217 8.66717 165.155C0.839139 158.468 -1.2421 159.516 1.92671 168.512C5.99514 179.979 15.1928 195.755 22.43 203.61C24.6723 206.054 28.8884 209.344 31.2919 210.552C33.937 211.922 34.9441 211.076 37.7503 205.074C38.6365 203.154 42.0873 196.924 45.4038 191.217C48.7338 185.511 51.4729 180.596 51.4729 180.261C51.4729 178.757 48.5995 174.943 44.7862 171.291C41.7919 168.458 39.6302 167.022 38.3277 167.022H37.3475L37.5758 165.128C38.5829 156.454 43.6717 141.564 48.9217 131.883C53.2856 123.827 57.9851 117.315 65.2492 109.164L66.6859 107.54L68.6059 109.299C75.1852 115.368 84.45 118.389 91.0696 116.67C95.5945 115.462 98.4411 112.884 101.006 107.58C102.805 103.901 103.248 102.236 103.288 99.47C103.315 93.5084 95.5005 83.8945 87.2563 79.7187C83.8055 77.9598 81.6437 77.5301 78.4883 77.9867C74.4199 78.5775 70.6335 80.3632 65.0209 84.3779C63.6245 85.385 62.416 86.204 62.3489 86.1369C61.9595 85.7072 61.2344 76.1606 61.2344 70.9509C61.2344 63.8479 61.5567 60.1018 62.698 54.3953C64.8463 43.7342 69.0222 35.1006 76.0312 26.8833C87.6725 13.2279 98.1994 6.67551 103.839 9.57576C104.591 9.93829 105.275 10.1263 105.369 10.0054C106.054 8.89099 100.576 2.9025 97.3535 1.2644C95.4334 0.284225 91.7812 -0.0782881 89.5255 0.485649L89.5523 0.499048ZM89.418 92.9712C89.324 93.4949 88.5721 95.2136 87.7933 96.8785C84.4097 103.981 78.5957 107.378 71.9493 106.13C70.7811 105.902 69.6667 105.606 69.4384 105.472C68.9148 105.15 74.9839 99.9265 78.9851 97.2276C82.8253 94.6496 87.7799 92.1791 89.2166 92.1119C89.4717 92.0851 89.5389 92.367 89.418 92.9578V92.9712Z"
-            fill="currentColor"
-          />
-        </svg>
-        <Tabs
-          variant="solid"
-          selectedKey={currentThemeName}
-          onSelectionChange={(key) => {
-            setCurrentThemeName(key as string);
-            setTouched(true);
-          }}
-        >
-          <TabList className="justify-center bg-transparent">
-            {themes.map((theme) => (
-              <Tab
-                key={theme.name}
-                id={theme.name}
-                className="h-8 rounded-full px-4 text-sm"
+        <div className="relative flex flex-col items-end gap-2">
+          <div className="absolute right-0 top-0 hidden translate-x-[calc(100%-30px)] translate-y-[calc(-100%-30px)] lg:block">
+            <div>
+              <svg
+                width="30"
+                viewBox="0 0 106 212"
+                fill="none"
+                className="text-fg/40 rotate-40"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                {theme.name}
-              </Tab>
-            ))}
-          </TabList>
-        </Tabs>
+                <path
+                  fillRule="evenodd"
+                  clipRule="evenodd"
+                  d="M89.5523 0.499048C87.5651 0.982422 84.0069 2.94278 81.2677 4.99712C78.5689 7.05146 71.3854 14.1947 67.6392 18.5853C59.8112 27.7426 55.0848 39.0884 53.2319 52.9989C52.5202 58.316 52.5202 68.5743 53.2319 74.4822C53.7824 78.9802 55.3131 87.0634 56.1993 89.8965L56.6826 91.4943L53.581 94.7839C38.0726 111.474 28.3916 132.111 24.0815 157.623C23.1685 163.168 22.0943 172.057 21.5706 178.448L21.3155 181.55L19.3283 178.287C15.7701 172.513 12.2925 168.217 8.66717 165.155C0.839139 158.468 -1.2421 159.516 1.92671 168.512C5.99514 179.979 15.1928 195.755 22.43 203.61C24.6723 206.054 28.8884 209.344 31.2919 210.552C33.937 211.922 34.9441 211.076 37.7503 205.074C38.6365 203.154 42.0873 196.924 45.4038 191.217C48.7338 185.511 51.4729 180.596 51.4729 180.261C51.4729 178.757 48.5995 174.943 44.7862 171.291C41.7919 168.458 39.6302 167.022 38.3277 167.022H37.3475L37.5758 165.128C38.5829 156.454 43.6717 141.564 48.9217 131.883C53.2856 123.827 57.9851 117.315 65.2492 109.164L66.6859 107.54L68.6059 109.299C75.1852 115.368 84.45 118.389 91.0696 116.67C95.5945 115.462 98.4411 112.884 101.006 107.58C102.805 103.901 103.248 102.236 103.288 99.47C103.315 93.5084 95.5005 83.8945 87.2563 79.7187C83.8055 77.9598 81.6437 77.5301 78.4883 77.9867C74.4199 78.5775 70.6335 80.3632 65.0209 84.3779C63.6245 85.385 62.416 86.204 62.3489 86.1369C61.9595 85.7072 61.2344 76.1606 61.2344 70.9509C61.2344 63.8479 61.5567 60.1018 62.698 54.3953C64.8463 43.7342 69.0222 35.1006 76.0312 26.8833C87.6725 13.2279 98.1994 6.67551 103.839 9.57576C104.591 9.93829 105.275 10.1263 105.369 10.0054C106.054 8.89099 100.576 2.9025 97.3535 1.2644C95.4334 0.284225 91.7812 -0.0782881 89.5255 0.485649L89.5523 0.499048ZM89.418 92.9712C89.324 93.4949 88.5721 95.2136 87.7933 96.8785C84.4097 103.981 78.5957 107.378 71.9493 106.13C70.7811 105.902 69.6667 105.606 69.4384 105.472C68.9148 105.15 74.9839 99.9265 78.9851 97.2276C82.8253 94.6496 87.7799 92.1791 89.2166 92.1119C89.4717 92.0851 89.5389 92.367 89.418 92.9578V92.9712Z"
+                  fill="currentColor"
+                />
+              </svg>
+              <span className="text-fg-muted w-30 font-josefin absolute right-0 top-0 translate-x-[150px] text-sm font-bold">
+                Give it a shot!
+              </span>
+            </div>
+          </div>
+          <svg
+            width="30"
+            viewBox="0 0 106 212"
+            fill="none"
+            className="text-fg/40 rotate-40 -translate-x-10 lg:hidden"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              fillRule="evenodd"
+              clipRule="evenodd"
+              d="M89.5523 0.499048C87.5651 0.982422 84.0069 2.94278 81.2677 4.99712C78.5689 7.05146 71.3854 14.1947 67.6392 18.5853C59.8112 27.7426 55.0848 39.0884 53.2319 52.9989C52.5202 58.316 52.5202 68.5743 53.2319 74.4822C53.7824 78.9802 55.3131 87.0634 56.1993 89.8965L56.6826 91.4943L53.581 94.7839C38.0726 111.474 28.3916 132.111 24.0815 157.623C23.1685 163.168 22.0943 172.057 21.5706 178.448L21.3155 181.55L19.3283 178.287C15.7701 172.513 12.2925 168.217 8.66717 165.155C0.839139 158.468 -1.2421 159.516 1.92671 168.512C5.99514 179.979 15.1928 195.755 22.43 203.61C24.6723 206.054 28.8884 209.344 31.2919 210.552C33.937 211.922 34.9441 211.076 37.7503 205.074C38.6365 203.154 42.0873 196.924 45.4038 191.217C48.7338 185.511 51.4729 180.596 51.4729 180.261C51.4729 178.757 48.5995 174.943 44.7862 171.291C41.7919 168.458 39.6302 167.022 38.3277 167.022H37.3475L37.5758 165.128C38.5829 156.454 43.6717 141.564 48.9217 131.883C53.2856 123.827 57.9851 117.315 65.2492 109.164L66.6859 107.54L68.6059 109.299C75.1852 115.368 84.45 118.389 91.0696 116.67C95.5945 115.462 98.4411 112.884 101.006 107.58C102.805 103.901 103.248 102.236 103.288 99.47C103.315 93.5084 95.5005 83.8945 87.2563 79.7187C83.8055 77.9598 81.6437 77.5301 78.4883 77.9867C74.4199 78.5775 70.6335 80.3632 65.0209 84.3779C63.6245 85.385 62.416 86.204 62.3489 86.1369C61.9595 85.7072 61.2344 76.1606 61.2344 70.9509C61.2344 63.8479 61.5567 60.1018 62.698 54.3953C64.8463 43.7342 69.0222 35.1006 76.0312 26.8833C87.6725 13.2279 98.1994 6.67551 103.839 9.57576C104.591 9.93829 105.275 10.1263 105.369 10.0054C106.054 8.89099 100.576 2.9025 97.3535 1.2644C95.4334 0.284225 91.7812 -0.0782881 89.5255 0.485649L89.5523 0.499048ZM89.418 92.9712C89.324 93.4949 88.5721 95.2136 87.7933 96.8785C84.4097 103.981 78.5957 107.378 71.9493 106.13C70.7811 105.902 69.6667 105.606 69.4384 105.472C68.9148 105.15 74.9839 99.9265 78.9851 97.2276C82.8253 94.6496 87.7799 92.1791 89.2166 92.1119C89.4717 92.0851 89.5389 92.367 89.418 92.9578V92.9712Z"
+              fill="currentColor"
+            />
+          </svg>
+          <Tabs
+            variant="solid"
+            selectedKey={currentThemeName}
+            onSelectionChange={(key) => {
+              setCurrentThemeName(key as string);
+              setCopied(false);
+              setTouched(true);
+            }}
+          >
+            <TabList className="flex-wrap justify-center bg-transparent">
+              {themes.map((theme) => (
+                <Tab
+                  key={theme.name}
+                  id={theme.name}
+                  className="h-8 rounded-full px-4 text-sm"
+                >
+                  {theme.name}
+                </Tab>
+              ))}
+            </TabList>
+          </Tabs>
+        </div>
       </div>
-      <Skeleton show={!isMounted}>
-        <ThemeProvider
-          mode={resolvedTheme === "light" ? "light" : "dark"}
-          theme={currentTheme}
-          className="w-full rounded-md border duration-300"
-        >
-          <ComponentsOverview className="hidden min-[920px]:grid" />
-          <MobileComponentsOverview className="min-[920px]:hidden" />
-        </ThemeProvider>
+      <Skeleton show={!isMounted} className="w-full rounded-md">
+        <div className="relative">
+          <ThemeProvider
+            theme={currentTheme}
+            mode={userMode}
+            className="relative w-full bg-transparent"
+          >
+            {(mode) => (
+              <>
+                <AnimatePresence>
+                  {isMounted && mode && (
+                    <motion.div
+                      initial={{ y: 40, zIndex: -1, opacity: 0 }}
+                      animate={{ y: 0, zIndex: 1, opacity: 1 }}
+                      exit={{ y: 40, zIndex: -1 }}
+                      transition={{
+                        type: "spring",
+                        bounce: 0,
+                        duration: 0.5,
+                      }}
+                      className={cn(
+                        "bg-bg absolute right-0 top-0 z-[-1] flex -translate-y-[calc(100%-7px)] flex-col overflow-hidden rounded-t-md"
+                      )}
+                    >
+                      <motion.div className="overflow-hidden rounded-t-md border-x border-t">
+                        <Button
+                          variant="quiet"
+                          shape="square"
+                          size="sm"
+                          onPress={() => {
+                            setUserMode(mode === "light" ? "dark" : "light");
+                            setTouched(true);
+                          }}
+                          className="rounded-none"
+                        >
+                          {(
+                            userMode ? userMode === "light" : mode === "light"
+                          ) ? (
+                            <SunIcon />
+                          ) : (
+                            <MoonIcon />
+                          )}
+                        </Button>
+                      </motion.div>
+                      <div className="bg-bg h-1.5 w-full border-r" />
+                    </motion.div>
+                  )}
+                </AnimatePresence>
+                <div className="bg-bg w-full rounded-md border">
+                  <ComponentsOverview className="z-5 hidden min-[920px]:grid" />
+                  <MobileComponentsOverview className="z-5 min-[920px]:hidden" />
+                </div>
+              </>
+            )}
+          </ThemeProvider>
+        </div>
       </Skeleton>
     </div>
   );
diff --git a/www/src/modules/themes/contexts/primitives-context.tsx b/www/src/modules/themes/contexts/primitives-context.tsx
new file mode 100644
index 000000000..d6fd25aa3
--- /dev/null
+++ b/www/src/modules/themes/contexts/primitives-context.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import { Primitives } from "@dotui/schemas";
+
+const PrimitivesContext = React.createContext<{
+  primitives: Primitives;
+}>({ primitives: {} });
+
+export const PrimitivesProvider = ({
+  primitives,
+  children,
+}: {
+  primitives?: Primitives;
+  children?: React.ReactNode;
+}) => {
+  return (
+    <PrimitivesContext.Provider value={{ primitives: primitives ?? {} }}>
+      {children}
+    </PrimitivesContext.Provider>
+  );
+};
+
+export const useLocalPrimitives = () => React.useContext(PrimitivesContext);
diff --git a/www/src/modules/themes/contexts/variants-context.tsx b/www/src/modules/themes/contexts/variants-context.tsx
new file mode 100644
index 000000000..5a30809be
--- /dev/null
+++ b/www/src/modules/themes/contexts/variants-context.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+import { Variants } from "@/modules/themes/types";
+
+const DEFAULT_VARIANTS: Variants = {
+  global: "accent",
+};
+
+const VariantsContext = React.createContext<{
+  variants: Variants;
+}>({ variants: DEFAULT_VARIANTS });
+
+export const VariantsProvider = ({
+  variants,
+  children,
+}: {
+  variants?: Partial<Variants>;
+  children?: React.ReactNode;
+}) => {
+  return (
+    <VariantsContext
+      value={{ variants: { ...DEFAULT_VARIANTS, ...(variants ?? {}) } }}
+    >
+      {children}
+    </VariantsContext>
+  );
+};
+
+export const useLocalVariants = () => React.useContext(VariantsContext);
diff --git a/www/src/modules/themes/index.ts b/www/src/modules/themes/index.ts
new file mode 100644
index 000000000..e88c5a6ba
--- /dev/null
+++ b/www/src/modules/themes/index.ts
@@ -0,0 +1 @@
+export * from "./lib/create-dynamic-component";
diff --git a/www/src/modules/themes/lib/create-dynamic-component.tsx b/www/src/modules/themes/lib/create-dynamic-component.tsx
new file mode 100644
index 000000000..dd8c282c6
--- /dev/null
+++ b/www/src/modules/themes/lib/create-dynamic-component.tsx
@@ -0,0 +1,60 @@
+import React from "react";
+import { Primitives } from "@dotui/schemas";
+import { Skeleton } from "@/registry/core/skeleton_basic";
+import { useCurrentTheme } from "@/modules/themes/atoms/themes-atom";
+import { useLocalPrimitives } from "@/modules/themes/contexts/primitives-context";
+
+type Registry<T> = Record<
+  string,
+  React.LazyExoticComponent<React.FunctionComponent<T>>
+>;
+
+export const createDynamicComponent = <Props extends {}>(
+  primitiveName: keyof Primitives,
+  componentName: string,
+  FallbackComponent: React.FC<Props>,
+  registry: Registry<Props>
+): React.FC<Props> => {
+  const Component = (props: Props) => {
+    const { currentTheme } = useCurrentTheme();
+    const { primitives: localPrimitives } = useLocalPrimitives();
+    console.log("local primitives", localPrimitives);
+    const currentThemePrimitive = currentTheme?.primitives?.[primitiveName];
+    const localPrimitive = localPrimitives[primitiveName];
+    // console.log("CURRENT THEME LOCAL PRIMITIVE", currentThemePrimitive);
+    const resolvedPrimitive = localPrimitive ?? currentThemePrimitive;
+    // console.log("RESOLVED PRIMITIVE", resolvedPrimitive);
+    const shouldWrapWithSuspense = true;
+
+    if (!resolvedPrimitive) {
+      return <FallbackComponent {...props} />; // No need to wrap it inside Suspense, default component should always be imported normally
+    }
+
+    const LazyComponent = registry[resolvedPrimitive];
+
+    if (!LazyComponent)
+      throw new Error(
+        `Component ${componentName} not found in registry of ${primitiveName}`
+      );
+
+    if (shouldWrapWithSuspense) {
+      return (
+        <React.Suspense
+          fallback={
+            <Skeleton>
+              {/* We put the default component here to preserve the layout */}
+              <FallbackComponent {...props} />
+            </Skeleton>
+          }
+        >
+          <LazyComponent {...props} />
+        </React.Suspense>
+      );
+    }
+
+    return <LazyComponent {...props} />;
+  };
+  Component.displayName = componentName;
+
+  return Component;
+};
diff --git a/www/src/modules/themes/lib/create-theme.ts b/www/src/modules/themes/lib/create-theme.ts
index 16706fd2b..1b591f841 100644
--- a/www/src/modules/themes/lib/create-theme.ts
+++ b/www/src/modules/themes/lib/create-theme.ts
@@ -15,7 +15,9 @@ export const createTheme = (theme: Theme): RegistryTheme => {
     css: {
       colors: {
         light: createThemeCssVars(foundations, "light"),
-        dark: createThemeCssVars(foundations, "dark"),
+        ...(foundations.dark
+          ? { dark: createThemeCssVars(foundations, "dark") }
+          : {}),
       },
     },
   };
@@ -25,8 +27,9 @@ export const createThemeCssVars = (
   foundations: Theme["foundations"],
   mode: "light" | "dark"
 ): Record<string, string> => {
-  const themeFoundations = foundations[mode];
-  const defaultFoundations = defaultColorsFoundations[mode];
+  const resolvedMode = foundations.dark ? mode : "light";
+  const themeFoundations = foundations[resolvedMode]!;
+  const defaultFoundations = defaultColorsFoundations[resolvedMode];
 
   const neutral = new LeonardoBgColor({
     name: "neutral",
diff --git a/www/src/modules/themes/types.ts b/www/src/modules/themes/types.ts
index b5719399f..e1e273d68 100644
--- a/www/src/modules/themes/types.ts
+++ b/www/src/modules/themes/types.ts
@@ -20,15 +20,21 @@ export type Colors = {
   saturation?: number;
 };
 
+export type Variants = {
+  global: "primary" | "accent";
+};
+
 export type Theme = {
   name: string;
   label: string;
   description?: string;
   iconLibrary?: IconLibrary;
   primitives?: Primitives;
+  variants?: Partial<Variants>;
   foundations: {
     light: Colors;
-    dark: Colors;
+    dark?: Colors;
     overrides?: Record<string, string>;
   };
+  defaultDisplayMode?: "light" | "dark";
 };
diff --git a/www/src/registry/core/button_ripple.tsx b/www/src/registry/core/button_ripple.tsx
index b0a3c2efd..f1d465534 100644
--- a/www/src/registry/core/button_ripple.tsx
+++ b/www/src/registry/core/button_ripple.tsx
@@ -97,7 +97,7 @@ const Button = React.forwardRef(
 
     const handlePress = React.useCallback(
       (e: PressEvent) => {
-        // if (disableRipple || isDisabled || disableAnimation) return;
+        // if (isDisabled) return;
         onRipplePressHandler(e);
         // domRef.current && onRipplePressHandler(e);
       },
@@ -109,7 +109,7 @@ const Button = React.forwardRef(
         ref={ref}
         {...restProps}
         className={buttonStyles({ variant, size, shape, className })}
-        onPress={chain(props.onPress, handlePress)}
+        onPressStart={chain(props.onPress, handlePress)}
       >
         {composeRenderProps(props.children, (children, { isPending }) => (
           <>
diff --git a/www/src/registry/core/slider_basic.tsx b/www/src/registry/core/slider_basic.tsx
index 1c8e9ac39..3f9d72348 100644
--- a/www/src/registry/core/slider_basic.tsx
+++ b/www/src/registry/core/slider_basic.tsx
@@ -22,7 +22,7 @@ const sliderStyles = tv({
     track:
       "bg-bg-neutral disabled:bg-bg-disabled relative grow cursor-pointer rounded-full disabled:cursor-default",
     filler:
-      "bg-border-focus group-disabled:bg-bg-disabled pointer-events-none absolute rounded-full",
+      "group-disabled:bg-bg-disabled pointer-events-none absolute rounded-full",
     thumb: [
       focusRing(),
       "disabled:bg-bg-disabled disabled:border-bg left-[50%] top-[50%] rounded-full bg-white shadow-md transition-[width,height] disabled:border",
@@ -30,6 +30,14 @@ const sliderStyles = tv({
     valueLabel: "text-fg-muted text-sm",
   },
   variants: {
+    variant: {
+      accent: {
+        filler: "bg-bg-accent",
+      },
+      primary: {
+        filler: "bg-bg-primary",
+      },
+    },
     orientation: {
       horizontal: {
         root: "w-48",
@@ -58,6 +66,7 @@ const sliderStyles = tv({
     },
   },
   defaultVariants: {
+    variant: "accent",
     size: "md",
   },
 });
@@ -113,6 +122,7 @@ interface SliderRootProps
 const SliderRoot = ({
   children,
   className,
+  variant,
   size,
   ...props
 }: SliderRootProps) => {
@@ -130,7 +140,11 @@ const SliderRoot = ({
           <TextContext
             value={{ slots: { description: { id: descriptionId } } }}
           >
-            <SliderProvider orientation={orientation} size={size}>
+            <SliderProvider
+              variant={variant}
+              orientation={orientation}
+              size={size}
+            >
               {children}
             </SliderProvider>
           </TextContext>
@@ -156,7 +170,7 @@ const SliderTrack = ({ ...props }: SliderTrackProps) => {
 
 interface SliderFillerProps extends React.ComponentProps<"div"> {}
 const SliderFiller = ({ className, style, ...props }: SliderFillerProps) => {
-  const { size } = useSliderContext("SliderTrack");
+  const { variant, size } = useSliderContext("SliderTrack");
   const SliderState = React.useContext(SliderStateContext);
   if (!SliderState)
     throw new Error("SliderFiller must be used within SliderRoot");
@@ -169,7 +183,7 @@ const SliderFiller = ({ className, style, ...props }: SliderFillerProps) => {
 
   return (
     <div
-      className={filler({ orientation, size, className })}
+      className={filler({ variant, orientation, size, className })}
       style={{ ...style, ...dimensionStyles }}
       {...props}
     />
diff --git a/www/src/registry/core/table_basic.tsx b/www/src/registry/core/table_basic.tsx
index 04c24e1c0..860175a3b 100644
--- a/www/src/registry/core/table_basic.tsx
+++ b/www/src/registry/core/table_basic.tsx
@@ -111,7 +111,9 @@ const TableRoot = ({
       selectionVariant={selectionVariant}
       globalAction={!!onRowAction}
     >
-      <TableContainer className={className} style={style}>
+      <TableContainer variant={variant} className={className} style={style}>
+        {" "}
+        {/* TODO: FIX THIS SHIT */}
         <AriaTable
           className={root({ variant })}
           onRowAction={onRowAction}
@@ -258,18 +260,19 @@ const TableCell = ({ className, ...props }: TableCellProps) => {
 };
 
 interface TableContainerProps
-  extends React.ComponentProps<typeof AriaResizableTableContainer> {
+  extends React.ComponentProps<typeof AriaResizableTableContainer>,
+    VariantProps<typeof tableStyles> {
   resizable?: boolean;
 }
 const TableContainer = ({
   ref,
   resizable = false,
+  variant,
   children,
   className,
   style,
   ...props
 }: TableContainerProps) => {
-  const { variant } = useTableContext("TableContainer");
   if (resizable)
     return (
       <AriaResizableTableContainer
diff --git a/www/src/registry/index.ts b/www/src/registry/index.ts
index 1c5eb71a7..69d602830 100644
--- a/www/src/registry/index.ts
+++ b/www/src/registry/index.ts
@@ -10,7 +10,8 @@ const base: RegistryIndex = [{ ..._base, type: "base" }];
 const core: RegistryIndex = _core.map((item) => ({ ...item, type: "core" }));
 const hooks: RegistryIndex = _hooks.map((item) => ({ ...item, type: "hook" }));
 const lib: RegistryIndex = _lib.map((item) => ({ ...item, type: "lib" }));
-const themes: RegistryIndex = _themes.map((item) => ({
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const themes: RegistryIndex = _themes.map(({ variants, ...item }) => ({
   ...item,
   type: "theme",
 }));
diff --git a/www/src/registry/lib/utils.tsx b/www/src/registry/lib/utils.tsx
index 3ea22e138..2e643b371 100644
--- a/www/src/registry/lib/utils.tsx
+++ b/www/src/registry/lib/utils.tsx
@@ -1,21 +1,11 @@
 import * as React from "react";
 import { type ClassValue, clsx } from "clsx";
-// import { composeRenderProps } from "react-aria-components";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
 
-// export function composeTailwindRenderProps<T>(
-//   className: string | ((v: T) => string) | undefined,
-//   tailwind: string
-// ): string | ((v: T) => string) {
-//   return composeRenderProps(className, (className) =>
-//     twMerge(tailwind, className)
-//   );
-// }
-
 export function createScopedContext<ContextValueType extends object | null>(
   rootComponentName: string,
   defaultContext?: ContextValueType
diff --git a/www/src/registry/registry-themes.ts b/www/src/registry/registry-themes.ts
index 1210058e9..693cb34b5 100644
--- a/www/src/registry/registry-themes.ts
+++ b/www/src/registry/registry-themes.ts
@@ -1,5 +1,16 @@
-import { defaultTheme } from "@/registry/themes/default";
+import { brutalistTheme } from "@/registry/themes/brutalist";
 import { forestTheme } from "@/registry/themes/forest";
+import { highContrastTheme } from "@/registry/themes/high-contrast";
+import { materialTheme } from "@/registry/themes/material";
+import { minimalistTheme } from "@/registry/themes/minimalist";
+import { retroTheme } from "@/registry/themes/retro";
 import type { Theme } from "@/modules/themes/types";
 
-export const themes: Theme[] = [defaultTheme, forestTheme];
+export const themes: Theme[] = [
+  minimalistTheme,
+  materialTheme,
+  forestTheme,
+  brutalistTheme,
+  highContrastTheme,
+  retroTheme,
+];
diff --git a/www/src/registry/themes/brutalist.ts b/www/src/registry/themes/brutalist.ts
new file mode 100644
index 000000000..23b909e4c
--- /dev/null
+++ b/www/src/registry/themes/brutalist.ts
@@ -0,0 +1,24 @@
+import { Theme } from "@/modules/themes/types";
+
+export const brutalistTheme: Theme = {
+  name: "brutalist",
+  label: "Brutalist",
+  foundations: {
+    light: {
+      palettes: {
+        neutral: {
+          baseColors: ["#fff"],
+        },
+        accent: {
+          baseColors: ["#fece00"],
+        },
+      },
+    },
+  },
+  primitives: {
+    button: "brutalist",
+  },
+  variants: {
+    global: "primary",
+  },
+};
diff --git a/www/src/registry/themes/forest.ts b/www/src/registry/themes/forest.ts
index ac33385bc..2508c3401 100644
--- a/www/src/registry/themes/forest.ts
+++ b/www/src/registry/themes/forest.ts
@@ -26,4 +26,7 @@ export const forestTheme: Theme = {
       lightness: 10,
     },
   },
+  primitives: {
+    button: "ripple",
+  },
 };
diff --git a/www/src/registry/themes/high-contrast.ts b/www/src/registry/themes/high-contrast.ts
new file mode 100644
index 000000000..fad3ee038
--- /dev/null
+++ b/www/src/registry/themes/high-contrast.ts
@@ -0,0 +1,35 @@
+import { Theme } from "@/modules/themes/types";
+
+export const highContrastTheme: Theme = {
+  name: "high-contrast",
+  label: "High contrast",
+  foundations: {
+    light: {
+      palettes: {
+        neutral: {
+          baseColors: ["#fff"],
+        },
+        accent: {
+          baseColors: ["#0091FF"],
+        },
+      },
+    },
+    dark: {
+      palettes: {
+        neutral: {
+          baseColors: ["#000"],
+        },
+        accent: {
+          baseColors: ["#0091FF"],
+        },
+      },
+    },
+    overrides: {
+      "--color-border": "var(--color-neutral-500)",
+      "--color-border-field": "var(--color-neutral-600)",
+    },
+  },
+  variants: {
+    global: "primary",
+  },
+};
diff --git a/www/src/registry/themes/default.ts b/www/src/registry/themes/material.ts
similarity index 73%
rename from www/src/registry/themes/default.ts
rename to www/src/registry/themes/material.ts
index 83362c3ba..7ac903930 100644
--- a/www/src/registry/themes/default.ts
+++ b/www/src/registry/themes/material.ts
@@ -1,8 +1,8 @@
 import { Theme } from "@/modules/themes/types";
 
-export const defaultTheme: Theme = {
-  name: "default",
-  label: "Default",
+export const materialTheme: Theme = {
+  name: "material",
+  label: "Material",
   foundations: {
     light: {
       palettes: {
@@ -25,4 +25,7 @@ export const defaultTheme: Theme = {
       },
     },
   },
+  primitives: {
+    button: "ripple",
+  },
 };
diff --git a/www/src/registry/themes/minimalist.ts b/www/src/registry/themes/minimalist.ts
new file mode 100644
index 000000000..1af1dfd22
--- /dev/null
+++ b/www/src/registry/themes/minimalist.ts
@@ -0,0 +1,31 @@
+import { Theme } from "@/modules/themes/types";
+
+export const minimalistTheme: Theme = {
+  name: "minimalist",
+  label: "Minimalist",
+  foundations: {
+    light: {
+      palettes: {
+        neutral: {
+          baseColors: ["#fff"],
+        },
+        accent: {
+          baseColors: ["#0091FF"],
+        },
+      },
+    },
+    dark: {
+      palettes: {
+        neutral: {
+          baseColors: ["#000"],
+        },
+        accent: {
+          baseColors: ["#0091FF"],
+        },
+      },
+    },
+  },
+  variants: {
+    global: "primary",
+  },
+};
diff --git a/www/src/registry/themes/retro.ts b/www/src/registry/themes/retro.ts
new file mode 100644
index 000000000..ba7672090
--- /dev/null
+++ b/www/src/registry/themes/retro.ts
@@ -0,0 +1,24 @@
+import { Theme } from "@/modules/themes/types";
+
+export const retroTheme: Theme = {
+  name: "retro",
+  label: "Retro",
+  foundations: {
+    light: {
+      palettes: {
+        neutral: {
+          baseColors: ["#E79D13"],
+          // ratios: [1.5, 1.8, 2, 2.5, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
+        },
+        accent: {
+          baseColors: ["#d56309"],
+        },
+      },
+      lightness: 98,
+      saturation: 100,
+    },
+  },
+  variants: {
+    global: "accent",
+  },
+};
diff --git a/www/src/styles/docs.css b/www/src/styles/docs.css
index ed042e587..b75946c81 100644
--- a/www/src/styles/docs.css
+++ b/www/src/styles/docs.css
@@ -58,7 +58,7 @@
 }
 
 @utility diagonal-pattern {
-  --pattern-fg: color-mix(in oklab, var(--color-fg) 10%, transparent);
+  --pattern-fg: color-mix(in oklab, var(--color-fg) 7%, transparent);
   @apply border-x-(--pattern-fg) h-full border-x bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px];
 }
 
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 05d3ae707..f6cf79ff0 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -144,7 +144,7 @@
   }
 }
 
-@theme inline {
+@theme {
   /* fonts */
   --font-josefin: var(--font-josefin);
   --font-sans: var(--font-geist-sans);

From 8658060ac307764a3362cff8f85d702c08eeccab Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 7 Feb 2025 00:00:29 +0100
Subject: [PATCH 105/165] fix: fix build error

---
 www/src/components/demos/table/column-resizing.tsx    |  2 +-
 www/src/components/search-command.tsx                 | 11 +++++------
 .../modules/themes/lib/create-dynamic-component.tsx   |  3 ---
 www/src/registry/core/table_basic.tsx                 |  1 -
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/www/src/components/demos/table/column-resizing.tsx b/www/src/components/demos/table/column-resizing.tsx
index ec9d75a92..c1587c84a 100644
--- a/www/src/components/demos/table/column-resizing.tsx
+++ b/www/src/components/demos/table/column-resizing.tsx
@@ -26,7 +26,7 @@ const items: Item[] = [
 
 export default function Demo() {
   return (
-    <TableContainer>
+    <TableContainer resizable>
       <TableRoot aria-label="Files">
         <TableHeader columns={columns}>
           <TableColumn id="name" isRowHeader allowsResizing>
diff --git a/www/src/components/search-command.tsx b/www/src/components/search-command.tsx
index df4f9627d..882723cb4 100644
--- a/www/src/components/search-command.tsx
+++ b/www/src/components/search-command.tsx
@@ -1,4 +1,4 @@
-import { type PageTree } from "fumadocs-core/server";
+// import { type PageTree } from "fumadocs-core/server";
 import { kekabCaseToTitle } from "@/lib/string";
 import { source } from "@/app/source";
 import { SearchCommandClient } from "./search-command-client";
@@ -33,10 +33,9 @@ export function SearchCommand() {
     items: pages.filter((item) => item.url.split("/")[2] === category),
   }));
 
-  console.log(typeof source.pageTree.children);
-  const newItems: PageTree.Node[] = source.pageTree.children;
-  newItems.forEach((item) => {
-    console.log(item);
-  });
+  // const newItems: PageTree.Node[] = source.pageTree.children;
+  // newItems.forEach((item) => {
+  //   console.log(item);
+  // });
   return <SearchCommandClient items={items} />;
 }
diff --git a/www/src/modules/themes/lib/create-dynamic-component.tsx b/www/src/modules/themes/lib/create-dynamic-component.tsx
index dd8c282c6..2f14d19fb 100644
--- a/www/src/modules/themes/lib/create-dynamic-component.tsx
+++ b/www/src/modules/themes/lib/create-dynamic-component.tsx
@@ -18,12 +18,9 @@ export const createDynamicComponent = <Props extends {}>(
   const Component = (props: Props) => {
     const { currentTheme } = useCurrentTheme();
     const { primitives: localPrimitives } = useLocalPrimitives();
-    console.log("local primitives", localPrimitives);
     const currentThemePrimitive = currentTheme?.primitives?.[primitiveName];
     const localPrimitive = localPrimitives[primitiveName];
-    // console.log("CURRENT THEME LOCAL PRIMITIVE", currentThemePrimitive);
     const resolvedPrimitive = localPrimitive ?? currentThemePrimitive;
-    // console.log("RESOLVED PRIMITIVE", resolvedPrimitive);
     const shouldWrapWithSuspense = true;
 
     if (!resolvedPrimitive) {
diff --git a/www/src/registry/core/table_basic.tsx b/www/src/registry/core/table_basic.tsx
index 860175a3b..c7c993fdc 100644
--- a/www/src/registry/core/table_basic.tsx
+++ b/www/src/registry/core/table_basic.tsx
@@ -112,7 +112,6 @@ const TableRoot = ({
       globalAction={!!onRowAction}
     >
       <TableContainer variant={variant} className={className} style={style}>
-        {" "}
         {/* TODO: FIX THIS SHIT */}
         <AriaTable
           className={root({ variant })}

From e54e645903f41ef21921c6fee38eece175ea4ded Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 7 Feb 2025 00:15:50 +0100
Subject: [PATCH 106/165] fix: fix design

---
 www/src/modules/themes/components/themes-overview.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index ba98b6bb9..568a4d8bf 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -58,12 +58,12 @@ export const ThemesOverview = () => {
   return (
     <div className="flex flex-col items-center gap-4">
       <div className="relative flex flex-col items-center gap-6">
-        <div className="text-fg-muted relative hidden items-center gap-2 overflow-hidden py-2 pl-4 pr-2 font-mono text-xs lg:flex">
+        <div className="text-fg-muted relative hidden items-center gap-2 py-2 pl-4 pr-2 font-mono text-xs lg:flex">
           <motion.div
             layout
             initial={false}
             transition={{ duration: 0.5 }}
-            className="bg-bg-muted/50 absolute inset-0 z-[-1] rounded-md border"
+            className="bg-[#19191d] absolute inset-0 z-[-1] rounded-md border"
           />
           <pre>
             <code>
@@ -89,7 +89,7 @@ export const ThemesOverview = () => {
               shape="square"
               size="sm"
               onPress={handleCopy}
-              className="text-fg-muted bg-bg-muted/50 z-20 [&_svg]:size-3.5"
+              className="text-fg-muted bg-[#19191d] z-20 [&_svg]:size-3.5"
             >
               {copied ? (
                 <CheckIcon className="animate-in fade-in" />

From ceae1caa4849f73cfb8fcad1c41d3be962c6422e Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 7 Feb 2025 00:38:33 +0100
Subject: [PATCH 107/165] feat: update logo

---
 www/src/app/icon.png                          | Bin 3968 -> 3628 bytes
 .../themes/components/themes-overview.tsx     |   4 ++--
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/www/src/app/icon.png b/www/src/app/icon.png
index ef3273c7aefab164521038f31bae5537eb6589fa..d2aacadef59f84e34053528ab327e01a280b9d2f 100644
GIT binary patch
literal 3628
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
aaf_5WmaU~#eZ`vpb6)Pglw#M-yZ!@oUD|g5

literal 3968
zcmeHK`9G9h8z1|YC51N>ie!I#W=agnSjSq{Nl1zrM2pPCSTaS~pOh5Fk`ObDGLy+p
z$%`=7u`iV^29IS3={?i){t?d)@BR6l&wb9h&wb8y&h@>%-|NJkx3drxmKBCTAfiZ1
zQwIoyOOsOs`9V);L~;mtaRobAARuL(^7Ej<i#E13hCtq=i0oeB18t$3mKTE|5V4P(
z!j+~WCI^9tOCe2-o$h+F#sV<?F$yhzb-l>U#H>k<n~P91Z%q}3w!ZFQWIYe17&7|!
zQazMcQ`HdmyafVo1mu6*pJNIOrT-|kJSm|QjP(6%E7Cqw8kj-rC=K4TFNq4zo0;jE
z*u;(NthCPJUn^~~ufyTyJ-xkGxgi3Qix7yhSviDm{0}bsk@of}L;HWF|M}+%lVYjt
z-PI77(Ci&=o*(tI$><m=%F@cp0gHVXD|WafF>&9<0@FTXhwWUAWi6US|FQ`TEbYuT
zB*n)Ir=_LM&voakYiT)Oy_z3^agSf{3i;lLJaF8GvGv#2Q+HRq3SPY$d<emLfS;_a
ztf;tU&xqAl)so`kH{x+}w+@lXWKAtp`MDH>)kl&C4zLahl4E1}59{Bt3>YAHyIzj)
z>B^IFZInHI{rOB+4yEM?{&O}2Cw9c(H7$Vo9jwhh=yq#A*^a0`zrnoBgmxL^Kj5u9
z8Nc$#Jb(DDPl8LSo0LqBdhA)$*H1~kZD|_)?}O2JZbW`nm0N<0&Olwn&Z3$VLXP|{
zaK!(|>U0=;2py`&{RN>Z-TNs?j^^Dgd<q5|3_kJT4-`>9q^Hm}6NX_Zf*B}Os#Aq;
zhwyaKqr4r0UCI$dYVfR`cMLs^NGugM+C6WGXH!)-5mIC-6~-E`z4UW?qe4}&?Ao<!
zbNMM}9o*b94Bty<coh^D`u7&v=IvhM!^DB1fx}c}ad9#Go68A8T2>bM<;$ZR%M%mX
z_vi!lQBi?|<;Jb8t?X|OCkV7_t&)c83==HBqTk0y``zANiz9m6Rv^E*+ES96+t3Nw
zE6mM3ceN#%Rsk=&JisWhmN{&2_xxcvmZ}Q*1kUg2lPCElCF=OwA2y(5pY~__H72D)
z76&i1KhvtH&<MJJ%KM|BZRY6?FjF(tuNMZ~39p_yjiS`73LD+#fjKHmc9SS|{%Boy
zehnzp5$w90$Tdo^P>67P@!|y*+vrn1(~;Ryp^+PN^zozYsJ&2l^`tfmY)=;In@Hq>
zeK=rmkSBIne^75_lutuPCuP%9Ajr|mDt>i!by5EA5@Dmy(SAtioQO>Ztko`hRviU4
zFMBqePUNCCtW13v`<a+W^728Wt9L~C3F>-!7l($1uwpRR#xFxsjH;TSFK$bb0fgaP
zbkXrWoA<&l6Lk?R-pSMJ^Sv#0(KG6(@yOul+=a2~N+NfMZMmeR<Q4(WXd9*l%zjsp
z!LB_%uA&0g*H~Fcw}a0Bp}e_LEBi$5$?=Ln_IP-IS2&ITmw)CN{99H|&e_AG)H+>z
zz9~keD*VS=e}Dh=o#pzGhhM}JUKJI!EdI-sHB!l}oQMoSPrmEx@1I|w)Vm;&aduf}
z@@~}qFgMy=xgYUdS?%P>3$<Yz4!*vHvHK3aY`iZJ&~T5-%EpE&9^wOP+kk;s@|L_J
zw~F7sbucqC8?Hd7XuH$Bx+*n~9W!~NYCn*82>LW5!@o;gg8U28hzOwHo{k?6U$bQm
zzA+IM6=jclZ;l41_;zKN%6Q&223A$ho?APpSr;2amq=({AIC4Nsj6CBstgM3M<IK3
z>UUp)Fjm*qb!~2LW+%EJ$|b^F%iO!k7b~dYKW>lFZ+*zV)L&qo4#O?EYk5>Tg@lB#
z6Gu$TCH$qNq-2dEYsBQwc-j9d-kgZK+*@SN>?gUhges%Gl&HxHMrCS_g>zq;6WDhw
zvJ65U07><x80}%~F-nA(^XeKJj>g8(;4ByCll5^+S-u?^1spO#h)8HY=mZm;3ZD5~
zeS~C`mY%-wem1+eBU6_p)B)C3@5VTZNNdsqa`^Y2q^3%iy3yJ?F~`BALscQ9x~(rF
zaDk>+Q8_0E2X8ctrxAg1a(3q1zGwqDIaS4a>&3^BbLA4U%Qb7sB_t9{{)CT@4+z+F
z;;jThX~Yz$4%dWM5PAH@szTzM-FHphCxJ;#0t(?PIrZ_iw5PxzMxF`wla?Y%Fop=n
z4XZH#{rjqpaufJA+uGXhY_I#l1%}Z%5rx~^Veot*UXi7UAJger;hKra9a~kqta50^
zx$?>JsSgiX-w4c<ouH$rn_VMC_oMVfS6>ksyaYZb2X_}Q`k`eybBu1N!lJzzX;oGF
zl@$4U0Kvb9)O@l^&15F=2{jS|N`H<o;v6)kze+8GGn#aBa7ZPNTH4q+DNDYA?(u;U
zfg|r|Pvpk;^vV?#Q8%?zRLlSuVzE<oJ4+P@IOe!1OI`>It0H>L^%kZ4USad?+qa9~
zni`^cSPza%Xwr27p~K%#ZhWoF6qFuqZ*9Ghc{*@W9y3;rW9Ay)Urgi-V%FkuN%DF<
zozbVSH1Xmdi*f_c+})lpVjV<1wloDWse}e`H6l(VDj0bJ;M5a&)Bpl``1h6n-LHK7
zxc_)fC|2y%kG0tmp~^>IO0d<nwT;R9;=_993vFJ!R5FPjJoLMNnCh1=rQyQMP8b4?
z80aamW+nOpx1@3M0(Uy26XyX$CgW5<U+E=XJOawWR!!&{ENmSEpK#Wx+j?o9B<q8Q
z9cV<%DJv^uSi`jFA7KLzgbq+K-ACd1d;k%}AbA<4-^%|33T4eFbCk!0;@Pp|Ns}bR
zFuo6zW&-CIwkSl6W-mP=5V&i1ma5ApDl{<Q*HV**V(OZjeIN>!2XW%?J9D`q3j^~>
zy5sb#zq;;D9Y@t{o^n%HQZm-5T~9r`w{;b0(MT{!7LFyemnSHyIpICo-0i(NrIx@m
z2`Q(6LQPLkWBD^wWRv_`k`Ht20?CU{mzHFlDeU$)%MK!(IgR7q*<7Y@uqTk3>7}Bq
zJO}uy63X!AAiWk}$zB>G1<!U41wR1}h6RnDvCTSj!Ozc+y=YGHtUZ`y4rnNdpn?QT
z1x?h;HDdR6Lpjoq?##O2<5QsRS@XKB&8okz?{xsP?0a|q!?5+aylg|f|71gS8$boK
z%!3v6i8ws$=5y`ZpkBE<UjWd}-KTIyyj{-O(wZ6rxWKbaohs{|p$ardPO0A<r>a|>
z%eP*_8C4*H77t>|2q9Z5S2)6Jku3klF&AjBpI>q2je2fl*UOhFJv|O^feeyYKa*L#
zBgZ9Ja?B!`j_00KN2OBHT}R+tm}rk`?2sDB3rKW23J@2TpRo_T)U~zW1y8;g831W1
zE$UY!oCg#8b7yk_WNTP416*V3EAXLuJK9#!()-Qx0m|hYXc>3@g}!3PnvYzVJm65;
zuz2KzpZ0wfB*~RBb5WXM^9E&eqjuvNaqOlX8Q6i@VY9IOD?0CPOq7B2X=q5))oAzn
z7=F1{|K{X9ee5E}9+C*SE=l&3Reyg!`&;Y?8kM@f)@2kh)f5x%F9=hTPMD`LJ%bNx
zgo;1gyW9SvsR;q+*~$bjK<ZtcOZ2^`EA~hvau_fkNVEOz&yB*di_bxr^fMS<_Dl4r
zSQR8tgbXNJ?1mA~zkuhuv-E-y`!!-zP}^UnR-oukC*Vp$uHRw<_5I8M+h(<vGI*_1
zBe&;OZ8KnTxZ`G{q}Q(*AL9;${Po2Qe_P9`u}2|_WRq=hu_Z;JQdLn~-YC-DvCu}y
zgM9Fl7t+DjHVK&E?Bw*(`iO)sI6q+#k+hr~N=Ak(UM%K(c>2o3x9MrW>9(}*Jp~Dd
zTzMCqoeRtor009>jc7&Zg{Gn8dJS!Dm!P1sch`r$%qS%A206oI`#~0%mYFHHjZ!<3
zedXsE;F|T-cAbFrxo#^<!3ffRZy*UdQG4&lBX<Ic2BAIKCK_dgjiT{dd;oiKC__J_
z#KF;#b2$Kb^_%S^s;jH_;3gu_;Bt`Oxc$F`5f<{@NmSviyPBFBTdBdr_0lC$zD3IK
zD67U%g2rq76eM-O=%b?2pFVvB_(fFiw2ipI%DwH4g(7edkUTkhfkvb0<Jn{|y_1Ve
zA@Kb?I6MFA*Qw%3*1RMk@I?KLH$BSUH~J2xS%`scGj(>M1il8*I%oa{QBLI_T#|lq
Y32v4g!{SvM!L1pBG_x};LwFJX3$Cmb_y7O^

diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index 568a4d8bf..973c40667 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -63,7 +63,7 @@ export const ThemesOverview = () => {
             layout
             initial={false}
             transition={{ duration: 0.5 }}
-            className="bg-[#19191d] absolute inset-0 z-[-1] rounded-md border"
+            className="absolute inset-0 z-[-1] rounded-md border"
           />
           <pre>
             <code>
@@ -89,7 +89,7 @@ export const ThemesOverview = () => {
               shape="square"
               size="sm"
               onPress={handleCopy}
-              className="text-fg-muted bg-[#19191d] z-20 [&_svg]:size-3.5"
+              className="text-fg-muted z-20 [&_svg]:size-3.5"
             >
               {copied ? (
                 <CheckIcon className="animate-in fade-in" />

From bed34e894cc3e7c281e9a1fc3a94aa37f88ba016 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 7 Feb 2025 00:40:16 +0100
Subject: [PATCH 108/165] fix: update transition

---
 www/src/modules/themes/components/themes-overview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index 973c40667..101de7e55 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -67,7 +67,7 @@ export const ThemesOverview = () => {
           />
           <pre>
             <code>
-              <motion.span layout>
+              <motion.span layout transition={{ duration: 0.5 }}>
                 <span className="text-[#F69D50]">npx</span> dotui-cli init{" "}
               </motion.span>
               <AnimatePresence mode="popLayout">

From 381e1b23fe78256c2cfb8f9e6c16420fc55cf3de Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 7 Feb 2025 18:09:05 +0100
Subject: [PATCH 109/165] fix: responsive

---
 www/src/app/(app)/layout.tsx                  |   4 +-
 www/src/app/(home)/page.tsx                   | 114 ++++-
 www/src/components/footer.tsx                 |  12 +-
 www/src/components/icons/reactjs-icon.tsx     |  22 +
 www/src/components/icons/tailwindcss-icon.tsx |  30 ++
 www/src/components/icons/typescript-icon.tsx  |  29 ++
 www/src/config/site-config.tsx                |   2 +-
 .../components/components-overview-old.tsx    | 398 ++++++++++++++++++
 .../demos/components/components-overview.tsx  | 187 ++++----
 .../themes/components/theme-provider.tsx      |   2 +-
 .../themes/components/themes-overview.tsx     |  48 ++-
 www/src/registry/core/toggle-button_basic.tsx |   2 +-
 www/src/styles/globals.css                    |   3 +
 13 files changed, 710 insertions(+), 143 deletions(-)
 create mode 100644 www/src/components/icons/reactjs-icon.tsx
 create mode 100644 www/src/components/icons/tailwindcss-icon.tsx
 create mode 100644 www/src/components/icons/typescript-icon.tsx
 create mode 100644 www/src/modules/demos/components/components-overview-old.tsx

diff --git a/www/src/app/(app)/layout.tsx b/www/src/app/(app)/layout.tsx
index 0315ece0e..4afe947ec 100644
--- a/www/src/app/(app)/layout.tsx
+++ b/www/src/app/(app)/layout.tsx
@@ -10,12 +10,12 @@ export default function AppLayout({ children }: { children: React.ReactNode }) {
       <Sidebar items={source.pageTree.children} className="hidden lg:flex" />
       <main className="flex-1">
         <div className="sm:grid sm:grid-cols-[20px_1fr_20px] md:grid-cols-[30px_1fr_30px]">
-          <div className="diagonal-pattern hidden sm:block" />
+          <div className="diagonal-pattern hidden md:block" />
           <div>
             <div className="min-h-screen">{children}</div>
             <Footer />
           </div>
-          <div className="diagonal-pattern hidden sm:block" />
+          <div className="diagonal-pattern hidden md:block" />
         </div>
       </main>
     </div>
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 2a6d1b9fd..593192c8b 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -1,6 +1,17 @@
+"use client";
+
 import React from "react";
 import { LayoutTemplateIcon } from "lucide-react";
+import { Link } from "react-aria-components";
 import { Button } from "@/components/core/button";
+import { GitHubIcon } from "@/components/icons";
+import { AdobeIcon } from "@/components/icons/adobe-icon";
+import { ReactJsIcon } from "@/components/icons/reactjs-icon";
+import { TailwindIcon } from "@/components/icons/tailwindcss-icon";
+import { TypescriptIcon } from "@/components/icons/typescript-icon";
+import { Avatar } from "@/registry/core/avatar_basic";
+import { Tooltip } from "@/registry/core/tooltip_basic";
+import { siteConfig } from "@/config";
 import { ThemesOverview } from "@/modules/themes/components/themes-overview";
 
 export default function HomePage() {
@@ -30,7 +41,6 @@ export default function HomePage() {
               variant="primary"
               size="lg"
               className="h-10"
-              // className="h-11 px-8"
             >
               Get started
             </Button>
@@ -46,9 +56,109 @@ export default function HomePage() {
         </section>
       </div>
       {/* Components overview */}
-      <section className="px-2 sm:px-8">
+      <section className="px-4 sm:px-8">
         <ThemesOverview />
       </section>
+      <section className="mt-10 border-y py-12 lg:py-8">
+        <div className="container flex flex-col lg:flex-row items-center justify-between gap-5 lg:gap-10">
+          <h2 className="text-fg-muted text-pretty font-mono text-sm xs:text-base lg:text-lg tracking-tight">
+            Built on modern, battle-tested tools
+          </h2>
+          <div className="flex items-center justify-center flex-wrap gap-4 sm:gap-8">
+            {[
+              {
+                label: "react-aria-components",
+                icon: <AdobeIcon className="size-7 sm:size-9" fill="#E1251B" />,
+                href: "https://react-spectrum.adobe.com/react-aria/index.html",
+              },
+              {
+                label: "Tailwind CSS v4.0",
+                icon: <TailwindIcon className="h-5 sm:h-7" />,
+                href: "https://tailwindcss.com",
+              },
+              {
+                label: "React 19",
+                icon: <ReactJsIcon className="size-7 sm:size-9" />,
+                href: "https://react.dev",
+              },
+              {
+                label: "TypeScript 5",
+                icon: <TypescriptIcon className="size-7 sm:size-9" />,
+                href: "https://www.typescriptlang.org/",
+              },
+            ].map(({ icon, label, href }, index) => (
+              <Tooltip
+                key={index}
+                content={label}
+                delay={500}
+                closeDelay={0}
+                offset={10}
+                placement="top"
+              >
+                <Link
+                  target="_blank"
+                  className="flex items-center justify-center opacity-60 grayscale transition-opacity hover:opacity-100 hover:grayscale-0"
+                  href={href}
+                >
+                  {icon}
+                </Link>
+              </Tooltip>
+            ))}
+          </div>
+        </div>
+      </section>
+      <section className="container pt-14 sm:pt-20 sm:pb-10">
+        <h2 className="text-pretty text-2xl lg:text-3xl xl:text-4xl font-semibold tracking-tighter">
+          Bringing singularity to the web, fueled by your stars.
+        </h2>
+        <p className="text-fg-muted mt-2 text-base">
+          Our contributors are working hard to make the web a more singular
+          place.
+        </p>
+        <div className="mt-6 flex max-xs:flex-col items-center sm:items-end gap-6 sm:gap-10 lg:gap-20 pl-8 pr-4 justify-between sm:justify-start">
+          <div className="flex flex-col items-center gap-6">
+            <svg
+              width="40"
+              viewBox="0 0 236 66"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+              className="-rotate-110 text-fg-muted"
+            >
+              <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M23.9244 0.127533C18.3186 0.573079 9.85122 2.47255 4.6676 4.44233C1.59496 5.61482 0 7.46734 0 9.81232C0 11.2897 0.422197 12.298 1.43077 13.2594C2.39244 14.174 3.02573 14.4085 5.74654 14.9713C10.4611 15.9327 20.4765 20.4351 27.5365 24.7968C31.5708 27.2825 32.8374 27.8218 32.8374 27.0479C32.8374 26.6727 31.0313 24.5154 27.513 20.6931C26.3168 19.3799 25.3317 18.2308 25.3317 18.1605C25.3317 17.9963 26.7625 18.0901 34.362 18.7467C54.9088 20.5055 75.5964 24.7733 95.463 31.3861C103.156 33.9422 107.894 35.7244 116.221 39.1949C123.633 42.2669 125.322 42.8766 126.846 42.8766C127.925 42.8766 128.183 42.7828 128.957 42.0793C129.731 41.3523 129.825 41.1413 129.802 40.2033C129.778 39.0777 129.848 39.1949 127.034 35.7244C125.298 33.5904 124.078 31.4096 124.078 30.4247C124.078 29.4398 124.829 29.0412 126.893 29.0412C131.584 29.0412 140.802 32.5587 157.338 40.6723C166.72 45.2685 169.605 46.5816 170.708 46.7692C172.514 47.0506 173.944 46.1361 174.367 44.4477C174.46 44.049 174.226 42.0089 173.804 39.4294C173.053 34.974 173.03 33.8249 173.71 32.5117C174.179 31.6207 174.718 31.3861 176.313 31.3861C180.911 31.3861 190.762 36.0761 205.562 45.2919C214.85 51.0605 219.541 54.3435 227.845 60.886C230.542 63.0199 233.052 64.9194 233.427 65.107C234.318 65.5291 235.35 65.1539 235.726 64.2159C236.218 63.0434 235.515 62.1523 231.175 58.2596C224.537 52.3034 220.104 48.8328 212.974 44.0022C198.854 34.4112 187.22 28.1266 180.488 26.4617C171.599 24.234 166.908 28.9943 168.855 38.1632C169.136 39.4998 169.347 40.6019 169.3 40.6488C169.253 40.6957 167.424 39.7343 165.242 38.5149C159.59 35.3492 148.777 30.0261 144.367 28.2204C137.542 25.383 133.39 24.1167 129.567 23.6477C124.782 23.0615 120.889 24.703 119.716 27.7749C119.223 29.0881 119.364 31.5503 120.044 33.098C120.302 33.7077 120.49 34.2001 120.443 34.2001C120.396 34.2001 118.262 33.1683 115.681 31.902C90.4436 19.4267 60.1159 11.8525 28.9907 10.2579C22.7516 9.9296 22.9158 10.0468 26.6452 8.63983C29.366 7.63148 30.7264 6.0838 30.7264 4.06711C30.703 3.26982 29.882 1.72214 29.1315 1.089C28.4043 0.479303 26.5279 -0.0835156 25.4959 0.0102836C25.2144 0.0337334 24.5108 0.080633 23.9244 0.127533Z"
+                fill="currentColor"
+              />
+            </svg>
+            <div className="flex items-center gap-1">
+              <Tooltip variant="inverse" content="Mehdi BHA">
+                <Link href="https://github.com/mehdibha" target="_blank">
+                  <Avatar src="https://github.com/mehdibha.png" />
+                </Link>
+              </Tooltip>
+              <Tooltip variant="inverse" content="github-actions[bot]">
+                <Link
+                  href="https://github.com/features/actions"
+                  target="_blank"
+                >
+                  <Avatar shape="square" src="https://github.com/github.png" />
+                </Link>
+              </Tooltip>
+            </div>
+          </div>
+          <Button
+            href={siteConfig.links.github}
+            target="_blank"
+            prefix={<GitHubIcon />}
+            variant="outline"
+            size="lg"
+            className="bg-bg-inverse/5 h-12"
+          >
+            Star on GitHub
+          </Button>
+        </div>
+      </section>
     </div>
   );
 }
diff --git a/www/src/components/footer.tsx b/www/src/components/footer.tsx
index c04479d85..1e0eb7b0e 100644
--- a/www/src/components/footer.tsx
+++ b/www/src/components/footer.tsx
@@ -16,11 +16,7 @@ const links = [
       },
       {
         label: "Components",
-        href: "/components",
-      },
-      {
-        label: "Hooks",
-        href: "/hooks",
+        href: "/docs/components/buttons/button",
       },
     ],
   },
@@ -42,15 +38,15 @@ const links = [
     links: [
       {
         label: "Open an issue",
-        href: "https://github.com/mehdibha/dotUI/issues/new",
+        href: `${siteConfig.links.github}/issues/new`,
       },
       {
         label: "Request a feature",
-        href: "https://github.com/mehdibha/dotUI/discussions/new?category=ideas",
+        href: `${siteConfig.links.github}/discussions/new?category=ideas`,
       },
       {
         label: "Request an element",
-        href: "https://github.com/mehdibha/dotUI/discussions/new?category=requests",
+        href: `${siteConfig.links.github}/discussions/new?category=requests`,
       },
     ],
   },
diff --git a/www/src/components/icons/reactjs-icon.tsx b/www/src/components/icons/reactjs-icon.tsx
new file mode 100644
index 000000000..36171d273
--- /dev/null
+++ b/www/src/components/icons/reactjs-icon.tsx
@@ -0,0 +1,22 @@
+import { type SVGProps } from "react";
+
+interface IconProps extends Partial<SVGProps<SVGSVGElement>> {}
+
+export const ReactJsIcon = ({ height = 50, ...rest }: IconProps) => {
+  return (
+    <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="-10.5 -9.45 21 18.9"
+    height={height}
+      {...rest}
+  >
+    <circle r={2} fill="#58c4dc" />
+    <g stroke="#58c4dc">
+      <ellipse rx={10} ry={4.5} />
+      <ellipse rx={10} ry={4.5} transform="rotate(60)" />
+      <ellipse rx={10} ry={4.5} transform="rotate(120)" />
+    </g>
+  </svg>
+  );
+};
diff --git a/www/src/components/icons/tailwindcss-icon.tsx b/www/src/components/icons/tailwindcss-icon.tsx
new file mode 100644
index 000000000..fb7a4d6d4
--- /dev/null
+++ b/www/src/components/icons/tailwindcss-icon.tsx
@@ -0,0 +1,30 @@
+import { type SVGProps } from "react";
+
+interface IconProps extends Partial<SVGProps<SVGSVGElement>> {}
+
+export const TailwindIcon = ({ height = 50, ...rest }: IconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      role="img"
+      fill="none"
+      viewBox="0 0 262 33"
+      height={height}
+      {...rest}
+    >
+      <path
+        fill="#38BDF8"
+        fillRule="evenodd"
+        d="M27 0c-7.2 0-11.7 3.6-13.5 10.8 2.7-3.6 5.85-4.95 9.45-4.05 2.054.513 3.522 2.004 5.147 3.653C30.744 13.09 33.808 16.2 40.5 16.2c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C36.756 3.11 33.692 0 27 0ZM13.5 16.2C6.3 16.2 1.8 19.8 0 27c2.7-3.6 5.85-4.95 9.45-4.05 2.054.514 3.522 2.004 5.147 3.653C17.244 29.29 20.308 32.4 27 32.4c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C23.256 19.31 20.192 16.2 13.5 16.2Z"
+        clipRule="evenodd"
+      />
+      <path
+        fill="#fff"
+        className="fill-black dark:fill-white"
+        fillRule="evenodd"
+        d="M80.996 13.652h-4.712v9.12c0 2.432 1.596 2.394 4.712 2.242V28.7c-6.308.76-8.816-.988-8.816-5.928v-9.12h-3.496V9.7h3.496V4.596l4.104-1.216V9.7h4.712v3.952ZM98.958 9.7h4.104v19h-4.104v-2.736c-1.444 2.014-3.686 3.23-6.65 3.23-5.168 0-9.462-4.37-9.462-9.994 0-5.662 4.294-9.994 9.462-9.994 2.964 0 5.206 1.216 6.65 3.192V9.7Zm-6.004 15.58c3.42 0 6.004-2.546 6.004-6.08 0-3.534-2.584-6.08-6.004-6.08-3.42 0-6.004 2.546-6.004 6.08 0 3.534 2.584 6.08 6.004 6.08Zm16.948-18.43c-1.444 0-2.622-1.216-2.622-2.622a2.627 2.627 0 0 1 2.622-2.622 2.629 2.629 0 0 1 2.622 2.622c0 1.406-1.178 2.622-2.622 2.622ZM107.85 28.7v-19h4.104v19h-4.104Zm8.854 0V.96h4.104V28.7h-4.104Zm30.742-19h4.332l-5.966 19h-4.028l-3.952-12.806-3.99 12.806h-4.028l-5.966-19h4.332l3.686 13.11 3.99-13.11h3.914l3.952 13.11 3.724-13.11Zm9.424-2.85c-1.444 0-2.622-1.216-2.622-2.622a2.627 2.627 0 0 1 2.622-2.622 2.629 2.629 0 0 1 2.622 2.622c0 1.406-1.178 2.622-2.622 2.622Zm-2.052 21.85v-19h4.104v19h-4.104Zm18.848-19.494c4.256 0 7.296 2.888 7.296 7.828V28.7h-4.104V17.452c0-2.888-1.672-4.408-4.256-4.408-2.698 0-4.826 1.596-4.826 5.472V28.7h-4.104v-19h4.104v2.432c1.254-1.976 3.306-2.926 5.89-2.926ZM200.418 2.1h4.104v26.6h-4.104v-2.736c-1.444 2.014-3.686 3.23-6.65 3.23-5.168 0-9.462-4.37-9.462-9.994 0-5.662 4.294-9.994 9.462-9.994 2.964 0 5.206 1.216 6.65 3.192V2.1Zm-6.004 23.18c3.42 0 6.004-2.546 6.004-6.08 0-3.534-2.584-6.08-6.004-6.08-3.42 0-6.004 2.546-6.004 6.08 0 3.534 2.584 6.08 6.004 6.08Zm23.864 3.914c-5.738 0-10.032-4.37-10.032-9.994 0-5.662 4.294-9.994 10.032-9.994 3.724 0 6.954 1.938 8.474 4.902l-3.534 2.052c-.836-1.786-2.698-2.926-4.978-2.926-3.344 0-5.89 2.546-5.89 5.966 0 3.42 2.546 5.966 5.89 5.966 2.28 0 4.142-1.178 5.054-2.926l3.534 2.014c-1.596 3.002-4.826 4.94-8.55 4.94Zm15.314-14.25c0 3.458 10.222 1.368 10.222 8.398 0 3.8-3.306 5.852-7.41 5.852-3.8 0-6.536-1.71-7.752-4.446l3.534-2.052c.608 1.71 2.128 2.736 4.218 2.736 1.824 0 3.23-.608 3.23-2.128 0-3.382-10.222-1.482-10.222-8.284 0-3.572 3.078-5.814 6.954-5.814 3.116 0 5.7 1.444 7.03 3.952l-3.458 1.938c-.684-1.482-2.014-2.166-3.572-2.166-1.482 0-2.774.646-2.774 2.014Zm17.518 0c0 3.458 10.222 1.368 10.222 8.398 0 3.8-3.306 5.852-7.41 5.852-3.8 0-6.536-1.71-7.752-4.446l3.534-2.052c.608 1.71 2.128 2.736 4.218 2.736 1.824 0 3.23-.608 3.23-2.128 0-3.382-10.222-1.482-10.222-8.284 0-3.572 3.078-5.814 6.954-5.814 3.116 0 5.7 1.444 7.03 3.952l-3.458 1.938c-.684-1.482-2.014-2.166-3.572-2.166-1.482 0-2.774.646-2.774 2.014Z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+};
diff --git a/www/src/components/icons/typescript-icon.tsx b/www/src/components/icons/typescript-icon.tsx
new file mode 100644
index 000000000..2c1e3eff4
--- /dev/null
+++ b/www/src/components/icons/typescript-icon.tsx
@@ -0,0 +1,29 @@
+import { type SVGProps } from "react";
+
+interface IconProps extends Partial<SVGProps<SVGSVGElement>> {}
+
+export const TypescriptIcon = ({ height = 50, ...rest }: IconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512"
+      height={height}
+      {...rest}
+    >
+      <path
+        fill="#3178c6"
+        d="M50 0h412c27.614 0 50 22.386 50 50v412c0 27.614-22.386 50-50 50H50c-27.614 0-50-22.386-50-50V50C0 22.386 22.386 0 50 0z"
+      />
+      <path
+        fill="#3178c6"
+        d="M50 0h412c27.614 0 50 22.386 50 50v412c0 27.614-22.386 50-50 50H50c-27.614 0-50-22.386-50-50V50C0 22.386 22.386 0 50 0z"
+      />
+      <path
+        fill="#e4e4e7"
+        fillRule="evenodd"
+        d="M316.939 407.424v50.061c8.138 4.172 17.763 7.3 28.875 9.386S368.637 470 380.949 470c21.219 0 44.448-3.035 62.602-14.784C461.615 443.525 470 424.076 470 403.044c0-15.637-4.851-30.684-15.807-42.081-16.429-17.091-39.516-24.022-60.255-34.183-10.389-5.09-24.727-12.992-24.727-26.361 0-3.441.887-6.543 2.661-9.307 7.132-11.113 22.973-13.376 35.057-13.376 13.717 0 28.189 3.071 40.926 8.76 4.434 1.982 8.529 4.276 12.285 6.884v-46.776c-7.616-2.92-15.937-5.084-24.962-6.492S415.797 238 404.112 238c-11.895 0-23.163 1.278-33.805 3.833s-20.006 6.544-28.093 11.967c-8.086 5.424-14.476 12.333-19.171 20.729-4.695 8.395-7.043 18.433-7.043 30.114 0 14.914 4.304 27.638 12.912 38.172 8.607 10.533 21.675 19.45 39.204 26.751 11.792 4.822 24.053 9.581 34.665 16.739 7.355 4.96 14.007 11.877 14.007 21.275 0 6.821-3.856 12.604-9.468 16.192-8.303 5.308-18.936 6.492-28.563 6.492-10.851 0-21.597-1.903-32.24-5.71-10.641-3.806-20.501-9.516-29.578-17.13zM232.78 284.082H297V243H118v41.082h63.906V467h50.874z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+};
diff --git a/www/src/config/site-config.tsx b/www/src/config/site-config.tsx
index 52ad708d4..6cb3cc020 100644
--- a/www/src/config/site-config.tsx
+++ b/www/src/config/site-config.tsx
@@ -19,7 +19,7 @@ export const siteConfig = {
     },
   },
   links: {
-    github: "https://github.com/mehdibha/dotui",
+    github: "https://github.com/mehdibha/dotUI",
     twitter: "https://x.com/mehdibha_",
     discord: "https://discord.gg/DXpj5V2fU8",
     creatorGithub: "https://github.com/mehdibha",
diff --git a/www/src/modules/demos/components/components-overview-old.tsx b/www/src/modules/demos/components/components-overview-old.tsx
new file mode 100644
index 000000000..fedcb7821
--- /dev/null
+++ b/www/src/modules/demos/components/components-overview-old.tsx
@@ -0,0 +1,398 @@
+"use client";
+
+import { PinIcon } from "lucide-react";
+import { cn } from "@/lib/utils";
+import { Link } from "@/components/core/link";
+import { RadioGroup, Radio } from "@/components/core/radio-group";
+import FileTriggerDemo from "@/components/demos/file-trigger/default";
+import { Alert } from "@/components/dynamic-core/alert";
+import { Avatar } from "@/components/dynamic-core/avatar";
+import { Button } from "@/components/dynamic-core/button";
+import { RangeCalendar } from "@/components/dynamic-core/calendar";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { ColorSlider } from "@/components/dynamic-core/color-slider";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
+import { NumberField } from "@/components/dynamic-core/number-field";
+import { ProgressBar } from "@/components/dynamic-core/progress-bar";
+import { SearchField } from "@/components/dynamic-core/search-field";
+import { Select, SelectItem } from "@/components/dynamic-core/select";
+import { Separator } from "@/components/dynamic-core/separator";
+import { Slider } from "@/components/dynamic-core/slider";
+import { Switch } from "@/components/dynamic-core/switch";
+import {
+  TableRoot,
+  TableBody,
+  TableColumn,
+  TableCell,
+  TableRow,
+  TableHeader,
+} from "@/components/dynamic-core/table";
+import { Tabs, Tab, TabList, TabPanel } from "@/components/dynamic-core/tabs";
+import { TextField } from "@/components/dynamic-core/text-field";
+import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
+import { useLocalVariants } from "@/modules/themes/contexts/variants-context";
+
+export function ComponentsOverview({ className }: { className?: string }) {
+  const { variants } = useLocalVariants();
+  const globalVariant = variants.global;
+  return (
+    <div className={cn("container grid grid-cols-10 gap-8 p-8", className)}>
+      <div className="col-span-8">
+        <Slider
+          label="Progress"
+          showValueLabel
+          defaultValue={50}
+          variant={globalVariant}
+          className="!w-full"
+        />
+      </div>
+      <div className="col-span-2 row-span-2">
+        <RadioGroup>
+          <Radio value="email">Email</Radio>
+          <Radio value="phone">Phone (SMS)</Radio>
+          <Radio value="notification">
+            <span className="truncate">Push notification</span>
+          </Radio>
+        </RadioGroup>
+      </div>
+      <div className="col-span-8 flex items-center justify-between gap-4">
+        <Button variant={globalVariant}>Button</Button>
+        <Select>
+          <SelectItem>Perplexity</SelectItem>
+          <SelectItem>Replicate</SelectItem>
+          <SelectItem>Together AI</SelectItem>
+          <SelectItem>ElevenLabs</SelectItem>
+        </Select>
+        <FileTriggerDemo />
+        <div className="flex-1" />
+        <Switch>Focus mode</Switch>
+        <Avatar
+          src="https://github.com/mehdibha.png"
+          alt="@mehdibha"
+          fallback="M"
+        />
+        <DateRangePicker className="hidden xl:block" />
+      </div>
+      <div className="col-span-6 flex flex-col gap-4 lg:col-span-3 lg:row-span-8">
+        <Alert title="Payment Information">
+          Enter your payment method to complete your purchase.
+        </Alert>
+        <Tabs>
+          <TabList>
+            <Tab id="login" className="w-1/2">
+              Login
+            </Tab>
+            <Tab id="register" className="w-1/2">
+              Register
+            </Tab>
+          </TabList>
+          <TabPanel id="login" className="mt-4">
+            <Login />
+          </TabPanel>
+          <TabPanel id="register" className="mt-4">
+            <Register />
+          </TabPanel>
+        </Tabs>
+        <ColorSlider
+          label="Opacity"
+          defaultValue="hsla(210, 64%, 35%, 0.7)"
+          channel="alpha"
+          className="hidden !w-full lg:block"
+        />
+        <ProgressBar
+          label="Loading..."
+          value={75}
+          variant={globalVariant}
+          className="w-full"
+        />
+      </div>
+      <div className="col-span-4 flex justify-between gap-6 lg:col-span-5 lg:row-span-2">
+        <ListBox className="hidden max-h-none w-full lg:flex">
+          <ListBoxItem>New...</ListBoxItem>
+          <ListBoxItem>Badges</ListBoxItem>
+          <Separator />
+          <ListBoxItem>Save</ListBoxItem>
+          <ListBoxItem>Save as...</ListBoxItem>
+          <ListBoxItem>Rename...</ListBoxItem>
+          <Separator />
+          <ListBoxItem>Page setup…</ListBoxItem>
+          <ListBoxItem>Print…</ListBoxItem>
+        </ListBox>
+        <div className="w-full lg:hidden" />
+        <div className="space-y-4">
+          <DateRangePicker className="block lg:hidden" />
+          <RangeCalendar />
+          <Checkbox defaultSelected className="flex w-full lg:hidden">
+            Notifications
+          </Checkbox>
+          <SearchField aria-label="Search" className="block w-full lg:hidden" />
+          <Combobox
+            label="Country"
+            description="Please select a country."
+            className="block w-full lg:hidden"
+          >
+            <ComboboxItem>Canada</ComboboxItem>
+            <ComboboxItem>France</ComboboxItem>
+            <ComboboxItem>Germany</ComboboxItem>
+            <ComboboxItem>Spain</ComboboxItem>
+            <ComboboxItem>Tunisia</ComboboxItem>
+            <ComboboxItem>United states</ComboboxItem>
+            <ComboboxItem>United Kingdom</ComboboxItem>
+          </Combobox>
+          <NumberField
+            label="Width"
+            defaultValue={1024}
+            className="block w-full lg:hidden"
+          />
+        </div>
+      </div>
+      <div className="col-span-2 row-span-2 hidden flex-col gap-4 lg:flex">
+        <Checkbox defaultSelected>Notifications</Checkbox>
+        <SearchField aria-label="Search" className="w-auto" />
+        <Combobox
+          label="Country"
+          description="Please select a country."
+          className="w-auto"
+        >
+          <ComboboxItem>Canada</ComboboxItem>
+          <ComboboxItem>France</ComboboxItem>
+          <ComboboxItem>Germany</ComboboxItem>
+          <ComboboxItem>Spain</ComboboxItem>
+          <ComboboxItem>Tunisia</ComboboxItem>
+          <ComboboxItem>United states</ComboboxItem>
+          <ComboboxItem>United Kingdom</ComboboxItem>
+        </Combobox>
+        <NumberField label="Width" defaultValue={1024} className="w-auto" />
+      </div>
+      <div className="col-span-10 row-span-6 lg:col-span-7">
+        <TableRoot
+          aria-label="Vocalists"
+          selectionMode="multiple"
+          variant="bordered"
+        >
+          <TableHeader>
+            <TableColumn>ID</TableColumn>
+            <TableColumn isRowHeader>Name</TableColumn>
+            <TableColumn>Email</TableColumn>
+            <TableColumn>Age</TableColumn>
+            <TableColumn>Role</TableColumn>
+            <TableColumn>Band</TableColumn>
+            <TableColumn>Status</TableColumn>
+          </TableHeader>
+          <TableBody items={items}>
+            {(item) => (
+              <TableRow id={item.id}>
+                <TableCell>{item.id}</TableCell>
+                <TableCell>{item.name}</TableCell>
+                <TableCell>{item.email}</TableCell>
+                <TableCell>{item.age}</TableCell>
+                <TableCell>{item.role}</TableCell>
+                <TableCell>{item.band}</TableCell>
+                <TableCell>{item.status}</TableCell>
+              </TableRow>
+            )}
+          </TableBody>
+        </TableRoot>
+      </div>
+    </div>
+  );
+}
+
+export const MobileComponentsOverview = ({
+  className,
+}: {
+  className?: string;
+}) => {
+  return (
+    <div className={cn("space-y-4 p-4", className)}>
+      <Slider
+        label="Progress"
+        showValueLabel
+        defaultValue={50}
+        className="w-full"
+      />
+      {/* TODO */}
+    </div>
+  );
+};
+
+function Login() {
+  const { variants } = useLocalVariants();
+  const globalVariant = variants.global;
+  return (
+    <div className="bg-bg-muted w-full rounded-lg border p-8">
+      <h1 className="text-2xl font-semibold leading-none tracking-tight">
+        Login
+      </h1>
+      <p className="text-fg-muted mt-2 text-sm">
+        Enter your email below to login to your account
+      </p>
+      <div className="mt-4 flex items-center gap-2">
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign in with google"
+        >
+          <GoogleIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign in with X"
+        >
+          <TwitterIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign in with github"
+        >
+          <GitHubIcon />
+        </Button>
+      </div>
+      <div className="relative my-4">
+        <div className="absolute inset-0 flex items-center">
+          <span className="w-full border-t" />
+        </div>
+        <div className="relative flex justify-center text-xs uppercase">
+          <span className="bg-bg-muted text-fg-muted px-2">Or</span>
+        </div>
+      </div>
+      <TextField label="Email address" type="email" className="w-full" />
+      <Button variant={globalVariant} className="mt-4 w-full" type="submit">
+        Continue with email
+      </Button>
+      <p className="text-fg-muted mt-4 text-sm">
+        Don&apos;t have an account?{" "}
+        <Link variant="quiet" href="/preview/register">
+          Register
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+function Register() {
+  const { variants } = useLocalVariants();
+  const globalVariant = variants.global;
+  return (
+    <div className="bg-bg-muted w-full rounded-lg border p-8">
+      <h1 className="text-2xl font-semibold leading-none tracking-tight">
+        Create an account
+      </h1>
+      <p className="text-fg-muted mt-2 text-sm">
+        Enter your email below to create your account
+      </p>
+      <div className="mt-4 flex items-center gap-2">
+        <Button
+          href="/preview/overview"
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign up with google"
+        >
+          <GoogleIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign up with X"
+        >
+          <TwitterIcon />
+        </Button>
+        <Button
+          variant="outline"
+          className="flex-1"
+          aria-label="Sign up with github"
+        >
+          <GitHubIcon />
+        </Button>
+      </div>
+      <div className="relative my-4">
+        <div className="absolute inset-0 flex items-center">
+          <span className="w-full border-t" />
+        </div>
+        <div className="relative flex justify-center text-xs uppercase">
+          <span className="bg-bg-muted text-fg-muted px-2">Or</span>
+        </div>
+      </div>
+      <TextField label="Email address" className="w-full" />
+      <Button variant={globalVariant} className="mt-4 w-full">
+        Sign up with email
+      </Button>
+      <p className="text-fg-muted mt-4 text-sm">
+        Already have an account?{" "}
+        <Link variant="quiet" href="/preview/login">
+          Login
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+const items = [
+  {
+    id: 1,
+    name: "Randy Blythe",
+    email: "randy.blythe@example.com",
+    age: 52,
+    role: "Vocalist",
+    band: "Lamb of God",
+    status: "Active",
+  },
+  {
+    id: 2,
+    name: "Phil Anselmo",
+    email: "phil.anselmo@example.com",
+    age: 55,
+    role: "Vocalist",
+    band: "Pantera",
+    status: "Active",
+  },
+  {
+    id: 3,
+    name: "George Fisher",
+    email: "george.fisher@example.com",
+    age: 53,
+    role: "Vocalist",
+    band: "Cannibal Corpse",
+    status: "Active",
+  },
+  {
+    id: 4,
+    name: "Corey Taylor",
+    email: "corey.taylor@example.com",
+    age: 50,
+    role: "Vocalist",
+    band: "Slipknot",
+    status: "Active",
+  },
+  {
+    id: 5,
+    name: "Trevor Strnad",
+    email: "trevor.strnad@example.com",
+    age: 41,
+    role: "Vocalist",
+    band: "The Black Dahlia Murder",
+    status: "Inactive",
+  },
+  {
+    id: 6,
+    name: "Chuck Schuldiner",
+    email: "chuck.schuldiner@example.com",
+    age: 34,
+    role: "Vocalist",
+    band: "Death",
+    status: "Deceased",
+  },
+  {
+    id: 7,
+    name: "Mitch Lucker",
+    email: "mitch.lucker@example.com",
+    age: 28,
+    role: "Vocalist",
+    band: "Suicide Silence",
+    status: "Deceased",
+  },
+];
diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
index 89289999b..5d488085f 100644
--- a/www/src/modules/demos/components/components-overview.tsx
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -1,18 +1,23 @@
 "use client";
 
+import { MenuIcon, PinIcon, UploadIcon } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { Link } from "@/components/core/link";
 import { RadioGroup, Radio } from "@/components/core/radio-group";
+import BadgeVariants from "@/components/demos/badge/variants";
 import FileTriggerDemo from "@/components/demos/file-trigger/default";
 import { Alert } from "@/components/dynamic-core/alert";
 import { Avatar } from "@/components/dynamic-core/avatar";
 import { Button } from "@/components/dynamic-core/button";
 import { RangeCalendar } from "@/components/dynamic-core/calendar";
 import { Checkbox } from "@/components/dynamic-core/checkbox";
+import { ColorPicker } from "@/components/dynamic-core/color-picker";
 import { ColorSlider } from "@/components/dynamic-core/color-slider";
 import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+import { DropZone, DropZoneLabel } from "@/components/dynamic-core/drop-zone";
 import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { NumberField } from "@/components/dynamic-core/number-field";
 import { ProgressBar } from "@/components/dynamic-core/progress-bar";
 import { SearchField } from "@/components/dynamic-core/search-field";
@@ -30,6 +35,8 @@ import {
 } from "@/components/dynamic-core/table";
 import { Tabs, Tab, TabList, TabPanel } from "@/components/dynamic-core/tabs";
 import { TextField } from "@/components/dynamic-core/text-field";
+import { TimeField } from "@/components/dynamic-core/time-field";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
 import { useLocalVariants } from "@/modules/themes/contexts/variants-context";
 
@@ -37,8 +44,10 @@ export function ComponentsOverview({ className }: { className?: string }) {
   const { variants } = useLocalVariants();
   const globalVariant = variants.global;
   return (
-    <div className={cn("container grid grid-cols-10 gap-8 p-8", className)}>
-      <div className="col-span-8">
+    <div
+      className={cn("grid grid-cols-10 gap-8 p-4 sm:p-8", className)}
+    >
+      <div className="col-span-10 xl:col-span-6">
         <Slider
           label="Progress"
           showValueLabel
@@ -47,125 +56,76 @@ export function ComponentsOverview({ className }: { className?: string }) {
           className="!w-full"
         />
       </div>
-      <div className="col-span-2 row-span-2">
+      <div className="col-span-3 hidden translate-y-3 justify-end gap-2 xl:col-span-2 xl:flex">
+        <Switch>
+          <span className="truncate">Focus mode</span>
+        </Switch>
+        <Avatar
+          src="https://github.com/mehdibha.png"
+          alt="@mehdibha"
+          fallback="M"
+        />
+      </div>
+      <div className="col-span-4 lg:col-span-2 row-span-2">
         <RadioGroup>
           <Radio value="email">Email</Radio>
           <Radio value="phone">Phone (SMS)</Radio>
           <Radio value="notification">
             <span className="truncate">Push notification</span>
           </Radio>
+          <Radio value="none">None</Radio>
         </RadioGroup>
       </div>
-      <div className="col-span-8 flex items-center justify-between gap-4">
-        <Button variant={globalVariant}>Button</Button>
-        <Select>
-          <SelectItem>Perplexity</SelectItem>
-          <SelectItem>Replicate</SelectItem>
-          <SelectItem>Together AI</SelectItem>
-          <SelectItem>ElevenLabs</SelectItem>
-        </Select>
+      <div className="col-span-6 lg:col-span-8 row-span-2 flex flex-col items-end justify-between gap-2 lg:row-span-1 lg:flex-row lg:items-center xl:col-span-5 xl:justify-start">
+        <div className="flex items-center gap-2">
+          <Button variant={globalVariant}>Button</Button>
+          <ToggleButton aria-label="pin" variant={globalVariant}>
+            <PinIcon />
+          </ToggleButton>
+          <MenuRoot>
+            <Button shape="square">
+              <MenuIcon />
+            </Button>
+            <Menu>
+              <MenuItem>Account settings</MenuItem>
+              <MenuItem>Create team</MenuItem>
+              <MenuItem>Command menu</MenuItem>
+              <MenuItem>Log out</MenuItem>
+            </Menu>
+          </MenuRoot>
+          <Select>
+            <SelectItem>Perplexity</SelectItem>
+            <SelectItem>Replicate</SelectItem>
+            <SelectItem>Together AI</SelectItem>
+            <SelectItem>ElevenLabs</SelectItem>
+          </Select>
+        </div>
+        <div className="flex items-center gap-2 xl:hidden">
+          <Switch>
+            <span className="truncate">Focus mode</span>
+          </Switch>
+          <Avatar
+            src="https://github.com/mehdibha.png"
+            alt="@mehdibha"
+            fallback="M"
+          />
+        </div>
+      </div>
+      <div className="col-span-10 lg:col-span-8 flex items-center justify-end gap-2 xl:col-span-3">
         <FileTriggerDemo />
-        <div className="flex-1" />
+        <ColorPicker defaultValue="#5100FF" />
+        <TimeField aria-label="Event time" />
+        <DatePicker className="" />
+      </div>
+      {/* <div className="col-span-3 flex items-center justify-end gap-2">
         <Switch>Focus mode</Switch>
         <Avatar
           src="https://github.com/mehdibha.png"
           alt="@mehdibha"
           fallback="M"
         />
-        <DateRangePicker className="hidden xl:block" />
-      </div>
-      <div className="col-span-6 flex flex-col gap-4 lg:col-span-3 lg:row-span-8">
-        <Alert title="Payment Information">
-          Enter your payment method to complete your purchase.
-        </Alert>
-        <Tabs>
-          <TabList>
-            <Tab id="login" className="w-1/2">
-              Login
-            </Tab>
-            <Tab id="register" className="w-1/2">
-              Register
-            </Tab>
-          </TabList>
-          <TabPanel id="login" className="mt-4">
-            <Login />
-          </TabPanel>
-          <TabPanel id="register" className="mt-4">
-            <Register />
-          </TabPanel>
-        </Tabs>
-        <ColorSlider
-          label="Opacity"
-          defaultValue="hsla(210, 64%, 35%, 0.7)"
-          channel="alpha"
-          className="hidden !w-full lg:block"
-        />
-        <ProgressBar
-          label="Loading..."
-          value={75}
-          variant={globalVariant}
-          className="w-full"
-        />
-      </div>
-      <div className="col-span-4 flex justify-between gap-6 lg:col-span-5 lg:row-span-2">
-        <ListBox className="hidden max-h-none w-full lg:flex">
-          <ListBoxItem>New...</ListBoxItem>
-          <ListBoxItem>Badges</ListBoxItem>
-          <Separator />
-          <ListBoxItem>Save</ListBoxItem>
-          <ListBoxItem>Save as...</ListBoxItem>
-          <ListBoxItem>Rename...</ListBoxItem>
-          <Separator />
-          <ListBoxItem>Page setup…</ListBoxItem>
-          <ListBoxItem>Print…</ListBoxItem>
-        </ListBox>
-        <div className="w-full lg:hidden" />
-        <div className="space-y-4">
-          <DateRangePicker className="block lg:hidden" />
-          <RangeCalendar />
-          <Checkbox defaultSelected className="flex w-full lg:hidden">
-            Notifications
-          </Checkbox>
-          <SearchField aria-label="Search" className="block w-full lg:hidden" />
-          <Combobox
-            label="Country"
-            description="Please select a country."
-            className="block w-full lg:hidden"
-          >
-            <ComboboxItem>Canada</ComboboxItem>
-            <ComboboxItem>France</ComboboxItem>
-            <ComboboxItem>Germany</ComboboxItem>
-            <ComboboxItem>Spain</ComboboxItem>
-            <ComboboxItem>Tunisia</ComboboxItem>
-            <ComboboxItem>United states</ComboboxItem>
-            <ComboboxItem>United Kingdom</ComboboxItem>
-          </Combobox>
-          <NumberField
-            label="Width"
-            defaultValue={1024}
-            className="block w-full lg:hidden"
-          />
-        </div>
-      </div>
-      <div className="col-span-2 row-span-2 hidden flex-col gap-4 lg:flex">
-        <Checkbox defaultSelected>Notifications</Checkbox>
-        <SearchField aria-label="Search" className="w-auto" />
-        <Combobox
-          label="Country"
-          description="Please select a country."
-          className="w-auto"
-        >
-          <ComboboxItem>Canada</ComboboxItem>
-          <ComboboxItem>France</ComboboxItem>
-          <ComboboxItem>Germany</ComboboxItem>
-          <ComboboxItem>Spain</ComboboxItem>
-          <ComboboxItem>Tunisia</ComboboxItem>
-          <ComboboxItem>United states</ComboboxItem>
-          <ComboboxItem>United Kingdom</ComboboxItem>
-        </Combobox>
-        <NumberField label="Width" defaultValue={1024} className="w-auto" />
-      </div>
-      <div className="col-span-10 row-span-6 lg:col-span-7">
+      </div> */}
+      {/* <div className="col-span-10 row-span-6 lg:col-span-7">
         <TableRoot
           aria-label="Vocalists"
           selectionMode="multiple"
@@ -194,7 +154,18 @@ export function ComponentsOverview({ className }: { className?: string }) {
             )}
           </TableBody>
         </TableRoot>
-      </div>
+        <DropZone>
+          <UploadIcon />
+          <DropZoneLabel>Drag and drop files here</DropZoneLabel>
+        </DropZone>
+        <ProgressBar
+          label="Loading..."
+          duration="30s"
+          variant={globalVariant}
+          className="w-full"
+        />
+        <BadgeVariants />
+      </div> */}
     </div>
   );
 }
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index d41727532..cd18fce0f 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -23,7 +23,7 @@ export const ThemeProvider = ({
   ...props
 }: ThemeProviderProps) => {
   const { resolvedTheme } = useTheme();
-  const currentMode = (mode ?? resolvedTheme === "light") ? "light" : "dark";
+  const currentMode = mode ?? (resolvedTheme === "light" ? "light" : "dark");
   const cssVars = React.useMemo(() => {
     if (!theme || !resolvedTheme) return {};
     const themeCssVars = createThemeCssVars(
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index 101de7e55..dbda43e4d 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -39,21 +39,21 @@ export const ThemesOverview = () => {
 
   const currentTheme = themes.find((theme) => theme.name === currentThemeName)!;
 
-  React.useEffect(() => {
-    const interval = setInterval(() => {
-      if (touched) return;
-      const currentIndex = themes.findIndex(
-        (theme) => theme.name === currentThemeName
-      );
-      const nextIndex = (currentIndex + 1) % themes.length;
-      const nextTheme = themes[nextIndex];
-      if (nextTheme) {
-        setCurrentThemeName(nextTheme.name);
-      }
-    }, 5000);
+  // React.useEffect(() => {
+  //   const interval = setInterval(() => {
+  //     if (touched) return;
+  //     const currentIndex = themes.findIndex(
+  //       (theme) => theme.name === currentThemeName
+  //     );
+  //     const nextIndex = (currentIndex + 1) % themes.length;
+  //     const nextTheme = themes[nextIndex];
+  //     if (nextTheme) {
+  //       setCurrentThemeName(nextTheme.name);
+  //     }
+  //   }, 5000);
 
-    return () => clearInterval(interval);
-  }, [currentThemeName, touched]);
+  //   return () => clearInterval(interval);
+  // }, [currentThemeName, touched]);
 
   return (
     <div className="flex flex-col items-center gap-4">
@@ -63,7 +63,7 @@ export const ThemesOverview = () => {
             layout
             initial={false}
             transition={{ duration: 0.5 }}
-            className="absolute inset-0 z-[-1] rounded-md border"
+            className="absolute inset-0 z-[-1] rounded-md border bg-[#f5f5f5] dark:bg-[#19191d]"
           />
           <pre>
             <code>
@@ -89,7 +89,7 @@ export const ThemesOverview = () => {
               shape="square"
               size="sm"
               onPress={handleCopy}
-              className="text-fg-muted z-20 [&_svg]:size-3.5"
+              className="text-fg-muted z-20 bg-[#f5f5f5] dark:bg-[#19191d] [&_svg]:size-3.5"
             >
               {copied ? (
                 <CheckIcon className="animate-in fade-in" />
@@ -159,7 +159,7 @@ export const ThemesOverview = () => {
         </div>
       </div>
       <Skeleton show={!isMounted} className="w-full rounded-md">
-        <div className="relative">
+        <div className="relative w-full">
           <ThemeProvider
             theme={currentTheme}
             mode={userMode}
@@ -188,7 +188,15 @@ export const ThemesOverview = () => {
                           shape="square"
                           size="sm"
                           onPress={() => {
-                            setUserMode(mode === "light" ? "dark" : "light");
+                            setUserMode(
+                              userMode
+                                ? userMode === "light"
+                                  ? "dark"
+                                  : "light"
+                                : mode === "light"
+                                  ? "dark"
+                                  : "light"
+                            );
                             setTouched(true);
                           }}
                           className="rounded-none"
@@ -207,8 +215,8 @@ export const ThemesOverview = () => {
                   )}
                 </AnimatePresence>
                 <div className="bg-bg w-full rounded-md border">
-                  <ComponentsOverview className="z-5 hidden min-[920px]:grid" />
-                  <MobileComponentsOverview className="z-5 min-[920px]:hidden" />
+                  <ComponentsOverview className="xl:container" />
+                  {/* <MobileComponentsOverview className="z-5 min-[920px]:hidden" /> */}
                 </div>
               </>
             )}
diff --git a/www/src/registry/core/toggle-button_basic.tsx b/www/src/registry/core/toggle-button_basic.tsx
index 34d076c22..5703d49a3 100644
--- a/www/src/registry/core/toggle-button_basic.tsx
+++ b/www/src/registry/core/toggle-button_basic.tsx
@@ -17,7 +17,7 @@ const toggleButtonStyles = tv({
     variant: {
       quiet:
         "hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 text-fg selected:bg-bg-primary selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active bg-transparent",
-      outline:
+      primary:
         "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-primary selected:border-transparent selected:text-fg-onPrimary selected:hover:bg-bg-primary-hover selected:pressed:bg-bg-primary-active border bg-transparent",
       accent:
         "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/20 pressed:border-transparent text-fg selected:bg-bg-accent selected:border-transparent selected:hover:bg-bg-accent-hover selected:pressed:bg-bg-accent-active selected:text-fg-onAccent border bg-transparent",
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index f6cf79ff0..cb0f6ad57 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -220,6 +220,9 @@
   --color-border-warning: var(--color-warning-300);
   --color-border-info: var(--color-info-300);
 
+  /* breakpoints */
+  --breakpoint-xs: 30rem;
+
   /* easing */
   --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
 

From 4271bb5cadc2c0017fb1e29368526050a161161d Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 7 Feb 2025 18:12:50 +0100
Subject: [PATCH 110/165] fix: fix type errors

---
 www/src/components/demos/toggle-button/shapes.tsx   | 4 ++--
 www/src/components/demos/toggle-button/sizes.tsx    | 1 -
 www/src/components/demos/toggle-button/variants.tsx | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/www/src/components/demos/toggle-button/shapes.tsx b/www/src/components/demos/toggle-button/shapes.tsx
index 94ccd370c..78d11c73a 100644
--- a/www/src/components/demos/toggle-button/shapes.tsx
+++ b/www/src/components/demos/toggle-button/shapes.tsx
@@ -4,10 +4,10 @@ import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 export default function Demo() {
   return (
     <div className="flex items-center gap-4">
-      <ToggleButton variant="outline" shape="square" aria-label="Toggle pin">
+      <ToggleButton shape="square" aria-label="Toggle pin">
         <PinIcon className="rotate-45" />
       </ToggleButton>
-      <ToggleButton variant="outline" shape="circle" aria-label="Toggle pin">
+      <ToggleButton shape="circle" aria-label="Toggle pin">
         <PinIcon className="rotate-45" />
       </ToggleButton>
       <ToggleButton
diff --git a/www/src/components/demos/toggle-button/sizes.tsx b/www/src/components/demos/toggle-button/sizes.tsx
index 0dc70683b..55be098f6 100644
--- a/www/src/components/demos/toggle-button/sizes.tsx
+++ b/www/src/components/demos/toggle-button/sizes.tsx
@@ -10,7 +10,6 @@ export default function Demo() {
         <ToggleButton
           key={size}
           size={size}
-          variant="outline"
           aria-label="Toggle pin"
         >
           <PinIcon className="rotate-45" />
diff --git a/www/src/components/demos/toggle-button/variants.tsx b/www/src/components/demos/toggle-button/variants.tsx
index 239524e76..95c665d6f 100644
--- a/www/src/components/demos/toggle-button/variants.tsx
+++ b/www/src/components/demos/toggle-button/variants.tsx
@@ -1,7 +1,7 @@
 import { PinIcon } from "lucide-react";
 import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 
-const variants = ["quiet", "outline", "accent"] as const;
+const variants = ["quiet", "primary", "accent"] as const;
 
 export default function Demo() {
   return (

From e19b92cdf7d84cfadcdb8bf3aa9f45fad781fa17 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 7 Feb 2025 18:57:48 +0100
Subject: [PATCH 111/165] wip we're getting there

---
 www/src/app/(home)/page.tsx                   | 19 ++--
 .../demos/components/components-overview.tsx  | 93 ++++++++++++++++---
 .../themes/components/themes-overview.tsx     |  8 +-
 www/src/registry/core/toggle-button_basic.tsx |  2 +-
 4 files changed, 95 insertions(+), 27 deletions(-)

diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 593192c8b..c3f9e3517 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -21,21 +21,22 @@ export default function HomePage() {
       <div className="container">
         <section className="max-w-3xl pb-4 pt-8 sm:pt-24 lg:pb-32">
           <Button
+            href="/themes"
             prefix={<LayoutTemplateIcon />}
             variant="outline"
             className="bg-bg-inverse/5 text-fg-muted mb-3 h-7 rounded-lg text-xs [&_svvg]:size-4"
           >
             Introducing themes
           </Button>
-          <h1 className="text-balance text-3xl tracking-tighter max-lg:font-medium sm:text-4xl md:text-5xl lg:text-6xl">
+          <h1 className="text-balance text-2xl xs:text-3xl tracking-tighter max-lg:font-medium sm:text-4xl md:text-5xl lg:text-6xl">
             Quickly build your component library with a{" "}
             <span className="font-bold italic">unique</span> look.
           </h1>
-          <p className="text-fg-muted text-balace mt-4 text-lg">
+          <p className="text-fg-muted text-balace mt-2 md:mt-4 text-lg">
             Over 40 components available in multiple variants ready to match
             your brand identity.
           </p>
-          <div className="mt-8 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4">
+          <div className="mt-4 sm:mt-8 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4">
             <Button
               href="/docs/getting-started/introduction"
               variant="primary"
@@ -60,11 +61,11 @@ export default function HomePage() {
         <ThemesOverview />
       </section>
       <section className="mt-10 border-y py-12 lg:py-8">
-        <div className="container flex flex-col lg:flex-row items-center justify-between gap-5 lg:gap-10">
-          <h2 className="text-fg-muted text-pretty font-mono text-sm xs:text-base lg:text-lg tracking-tight">
+        <div className="container flex flex-col items-center justify-between gap-5 lg:flex-row lg:gap-10">
+          <h2 className="text-fg-muted xs:text-base text-pretty font-mono text-sm tracking-tight lg:text-lg">
             Built on modern, battle-tested tools
           </h2>
-          <div className="flex items-center justify-center flex-wrap gap-4 sm:gap-8">
+          <div className="flex flex-wrap items-center justify-center gap-4 sm:gap-8">
             {[
               {
                 label: "react-aria-components",
@@ -107,15 +108,15 @@ export default function HomePage() {
           </div>
         </div>
       </section>
-      <section className="container pt-14 sm:pt-20 sm:pb-10">
-        <h2 className="text-pretty text-2xl lg:text-3xl xl:text-4xl font-semibold tracking-tighter">
+      <section className="container pt-14 sm:pb-10 sm:pt-20">
+        <h2 className="text-pretty text-2xl font-semibold tracking-tighter lg:text-3xl xl:text-4xl">
           Bringing singularity to the web, fueled by your stars.
         </h2>
         <p className="text-fg-muted mt-2 text-base">
           Our contributors are working hard to make the web a more singular
           place.
         </p>
-        <div className="mt-6 flex max-xs:flex-col items-center sm:items-end gap-6 sm:gap-10 lg:gap-20 pl-8 pr-4 justify-between sm:justify-start">
+        <div className="max-xs:flex-col mt-6 flex items-center justify-between gap-6 pl-8 pr-4 sm:items-end sm:justify-start sm:gap-10 lg:gap-20">
           <div className="flex flex-col items-center gap-6">
             <svg
               width="40"
diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
index 5d488085f..e5e645b27 100644
--- a/www/src/modules/demos/components/components-overview.tsx
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -44,9 +44,7 @@ export function ComponentsOverview({ className }: { className?: string }) {
   const { variants } = useLocalVariants();
   const globalVariant = variants.global;
   return (
-    <div
-      className={cn("grid grid-cols-10 gap-8 p-4 sm:p-8", className)}
-    >
+    <div className={cn("grid grid-cols-10 gap-8 p-4 sm:p-8", className)}>
       <div className="col-span-10 xl:col-span-6">
         <Slider
           label="Progress"
@@ -66,7 +64,7 @@ export function ComponentsOverview({ className }: { className?: string }) {
           fallback="M"
         />
       </div>
-      <div className="col-span-4 lg:col-span-2 row-span-2">
+      <div className="col-span-4 row-span-2 lg:col-span-2">
         <RadioGroup>
           <Radio value="email">Email</Radio>
           <Radio value="phone">Phone (SMS)</Radio>
@@ -76,7 +74,7 @@ export function ComponentsOverview({ className }: { className?: string }) {
           <Radio value="none">None</Radio>
         </RadioGroup>
       </div>
-      <div className="col-span-6 lg:col-span-8 row-span-2 flex flex-col items-end justify-between gap-2 lg:row-span-1 lg:flex-row lg:items-center xl:col-span-5 xl:justify-start">
+      <div className="col-span-6 row-span-2 flex flex-col items-end justify-between gap-2 lg:col-span-8 lg:row-span-1 lg:flex-row lg:items-center xl:col-span-5 xl:justify-start">
         <div className="flex items-center gap-2">
           <Button variant={globalVariant}>Button</Button>
           <ToggleButton aria-label="pin" variant={globalVariant}>
@@ -111,7 +109,7 @@ export function ComponentsOverview({ className }: { className?: string }) {
           />
         </div>
       </div>
-      <div className="col-span-10 lg:col-span-8 flex items-center justify-end gap-2 xl:col-span-3">
+      <div className="col-span-10 flex items-center justify-end gap-2 lg:col-span-8 xl:col-span-3">
         <FileTriggerDemo />
         <ColorPicker defaultValue="#5100FF" />
         <TimeField aria-label="Event time" />
@@ -175,14 +173,83 @@ export const MobileComponentsOverview = ({
 }: {
   className?: string;
 }) => {
+  const { variants } = useLocalVariants();
+  const globalVariant = variants.global;
   return (
-    <div className={cn("space-y-4 p-4", className)}>
-      <Slider
-        label="Progress"
-        showValueLabel
-        defaultValue={50}
-        className="w-full"
-      />
+    <div className={cn("grid grid-cols-10 gap-4 p-4", className)}>
+      <div className="col-span-10">
+        <Slider
+          label="Progress"
+          showValueLabel
+          defaultValue={50}
+          variant={globalVariant}
+          className="!w-full"
+        />
+      </div>
+      <div className="min-[35rem]:col-span-3 col-span-10 row-span-2 flex justify-between">
+        <RadioGroup>
+          <Radio value="email">Email</Radio>
+          <Radio value="phone">Phone (SMS)</Radio>
+          <Radio value="notification">
+            <span className="truncate">Push notification</span>
+          </Radio>
+          <Radio value="none">None</Radio>
+        </RadioGroup>
+        <div className="min-[35rem]:hidden flex flex-col items-end gap-2">
+          <Avatar
+            src="https://github.com/mehdibha.png"
+            alt="@mehdibha"
+            fallback="M"
+          />
+          <Switch>
+            <span className="truncate">Focus mode</span>
+          </Switch>
+        </div>
+      </div>
+      <div className="min-[35rem]:col-span-7 col-span-10 flex flex-wrap items-center justify-end gap-2">
+        <Button variant={globalVariant}>Button</Button>
+        <ToggleButton aria-label="pin" variant={globalVariant}>
+          <PinIcon />
+        </ToggleButton>
+        <span className="flex-1" />
+        <MenuRoot>
+          <Button shape="square">
+            <MenuIcon />
+          </Button>
+          <Menu>
+            <MenuItem>Account settings</MenuItem>
+            <MenuItem>Create team</MenuItem>
+            <MenuItem>Command menu</MenuItem>
+            <MenuItem>Log out</MenuItem>
+          </Menu>
+        </MenuRoot>
+        <Select className="xs:flex-auto flex-1">
+          <SelectItem>Perplexity</SelectItem>
+          <SelectItem>Replicate</SelectItem>
+          <SelectItem>Together AI</SelectItem>
+          <SelectItem>ElevenLabs</SelectItem>
+        </Select>
+      </div>
+      <div className="min-[35rem]:flex col-span-7 hidden items-center justify-end gap-2">
+        <Avatar
+          src="https://github.com/mehdibha.png"
+          alt="@mehdibha"
+          fallback="M"
+        />
+        <Switch>
+          <span className="truncate">Focus mode</span>
+        </Switch>
+      </div>
+      <div className="col-span-10">
+        <DatePicker className="w-full" />
+      </div>
+      <div className="col-span-10 flex items-center gap-2 flex-wrap">
+        <FileTriggerDemo />
+        <ColorPicker defaultValue="#5100FF" className="flex-1" />
+        <TimeField aria-label="Event time" className="flex-1" />
+      </div>
+      {/* <div className="col-span-5 flex justify-end">
+      </div> */}
       {/* TODO */}
     </div>
   );
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index dbda43e4d..53cc352f1 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -56,8 +56,8 @@ export const ThemesOverview = () => {
   // }, [currentThemeName, touched]);
 
   return (
-    <div className="flex flex-col items-center gap-4">
-      <div className="relative flex flex-col items-center gap-6">
+    <div className="flex flex-col items-center gap-10 md:gap-4">
+      <div className="relative flex flex-col items-center gap-6 container">
         <div className="text-fg-muted relative hidden items-center gap-2 py-2 pl-4 pr-2 font-mono text-xs lg:flex">
           <motion.div
             layout
@@ -215,8 +215,8 @@ export const ThemesOverview = () => {
                   )}
                 </AnimatePresence>
                 <div className="bg-bg w-full rounded-md border">
-                  <ComponentsOverview className="xl:container" />
-                  {/* <MobileComponentsOverview className="z-5 min-[920px]:hidden" /> */}
+                  <ComponentsOverview className="hidden sm:grid xl:container" />
+                  <MobileComponentsOverview className="sm:hidden" />
                 </div>
               </>
             )}
diff --git a/www/src/registry/core/toggle-button_basic.tsx b/www/src/registry/core/toggle-button_basic.tsx
index 5703d49a3..09d9a770e 100644
--- a/www/src/registry/core/toggle-button_basic.tsx
+++ b/www/src/registry/core/toggle-button_basic.tsx
@@ -12,7 +12,7 @@ import { focusRing } from "@/registry/lib/focus-styles";
 
 const toggleButtonStyles = tv({
   extend: focusRing,
-  base: "disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+  base: "disabled:bg-bg-disabled shrink-0 disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
   variants: {
     variant: {
       quiet:

From e33b4fc30fbc94c741e34445210124ae6888455b Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 7 Feb 2025 19:04:53 +0100
Subject: [PATCH 112/165] wip

---
 .../demos/components/components-overview.tsx  | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
index e5e645b27..49e6fe11e 100644
--- a/www/src/modules/demos/components/components-overview.tsx
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -176,7 +176,7 @@ export const MobileComponentsOverview = ({
   const { variants } = useLocalVariants();
   const globalVariant = variants.global;
   return (
-    <div className={cn("grid grid-cols-10 gap-4 p-4", className)}>
+    <div className={cn("grid grid-cols-10 gap-3 p-4", className)}>
       <div className="col-span-10">
         <Slider
           label="Progress"
@@ -188,25 +188,31 @@ export const MobileComponentsOverview = ({
       </div>
       <div className="min-[35rem]:col-span-3 col-span-10 row-span-2 flex justify-between">
         <RadioGroup>
-          <Radio value="email">Email</Radio>
-          <Radio value="phone">Phone (SMS)</Radio>
+          <Radio value="email">
+            <span className="truncate">Email</span>
+          </Radio>
+          <Radio value="phone">
+            <span className="truncate">Phone (SMS)</span>
+          </Radio>
           <Radio value="notification">
             <span className="truncate">Push notification</span>
           </Radio>
-          <Radio value="none">None</Radio>
+          <Radio value="none" className="min-[35rem]:flex hidden">
+            None
+          </Radio>
         </RadioGroup>
-        <div className="min-[35rem]:hidden flex flex-col items-end gap-2">
+        <div className="min-[35rem]:hidden flex flex-col items-end gap-3">
+          <Switch>
+            <span className="truncate">Focus mode</span>
+          </Switch>
           <Avatar
             src="https://github.com/mehdibha.png"
             alt="@mehdibha"
             fallback="M"
           />
-          <Switch>
-            <span className="truncate">Focus mode</span>
-          </Switch>
         </div>
       </div>
-      <div className="min-[35rem]:col-span-7 col-span-10 flex flex-wrap items-center justify-end gap-2">
+      <div className="min-[35rem]:col-span-7 col-span-10 flex flex-wrap items-center justify-end gap-3">
         <Button variant={globalVariant}>Button</Button>
         <ToggleButton aria-label="pin" variant={globalVariant}>
           <PinIcon />
@@ -230,7 +236,7 @@ export const MobileComponentsOverview = ({
           <SelectItem>ElevenLabs</SelectItem>
         </Select>
       </div>
-      <div className="min-[35rem]:flex col-span-7 hidden items-center justify-end gap-2">
+      <div className="min-[35rem]:flex col-span-7 hidden items-center justify-end gap-3">
         <Avatar
           src="https://github.com/mehdibha.png"
           alt="@mehdibha"
@@ -243,7 +249,7 @@ export const MobileComponentsOverview = ({
       <div className="col-span-10">
         <DatePicker className="w-full" />
       </div>
-      <div className="col-span-10 flex items-center gap-2 flex-wrap">
+      <div className="col-span-10 flex flex-wrap items-center gap-3">
         <FileTriggerDemo />
         <ColorPicker defaultValue="#5100FF" className="flex-1" />
         <TimeField aria-label="Event time" className="flex-1" />

From 1c0d832c5317355e5db67cd4d93605841d312b7b Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 7 Feb 2025 19:22:26 +0100
Subject: [PATCH 113/165] wip responsive

---
 www/src/app/(home)/page.tsx                          |  2 +-
 www/src/components/docs/code-block-client.tsx        |  2 +-
 www/src/components/docs/code-block-mdx.tsx           |  4 ++--
 www/src/components/docs/install-tabs.tsx             |  2 +-
 .../modules/themes/components/themes-overview.tsx    | 12 ++++++------
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index c3f9e3517..86c25e3e0 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -19,7 +19,7 @@ export default function HomePage() {
     <div>
       {/* Hero section */}
       <div className="container">
-        <section className="max-w-3xl pb-4 pt-8 sm:pt-24 lg:pb-32">
+        <section className="max-w-3xl pb-20 pt-8 sm:pt-24 lg:pb-32">
           <Button
             href="/themes"
             prefix={<LayoutTemplateIcon />}
diff --git a/www/src/components/docs/code-block-client.tsx b/www/src/components/docs/code-block-client.tsx
index 8fd32d6f6..50e32cc6e 100644
--- a/www/src/components/docs/code-block-client.tsx
+++ b/www/src/components/docs/code-block-client.tsx
@@ -23,7 +23,7 @@ const codeBlockStyles = tv({
     root: "block w-fit max-w-full rounded-md border",
     header:
       "bg-bg-muted flex h-10 items-center justify-between rounded-t-[inherit] border-b pr-2",
-    body: "bg-bg p-4 text-xs",
+    body: "bg-bg-muted/30 p-4 text-xs",
     code: "text-xs",
   },
 });
diff --git a/www/src/components/docs/code-block-mdx.tsx b/www/src/components/docs/code-block-mdx.tsx
index bfcd02197..fe8168d02 100644
--- a/www/src/components/docs/code-block-mdx.tsx
+++ b/www/src/components/docs/code-block-mdx.tsx
@@ -67,9 +67,9 @@ export const CodeBlock = forwardRef<HTMLElement, CodeBlockProps>(
       <figure
         ref={ref}
         className={cn(
-          "not-prose fd-codeblock bg-fd-secondary/50 group relative my-6 overflow-hidden rounded-lg border text-sm",
+          "not-prose fd-codeblock bg-fd-secondary/50 group relative my-6 overflow-hidden rounded-lg border text-sm bg-bg-muted/30",
           keepBackground &&
-            "bg-[var(--shiki-light-bg)] dark:bg-[var(--shiki-dark-bg)]",
+            "bg-[var(--shiki-light-bg)] dark:bg-[var(--shiki-dark-bg)] ",
           className
         )}
         {...props}
diff --git a/www/src/components/docs/install-tabs.tsx b/www/src/components/docs/install-tabs.tsx
index af4d80f37..bbce18e1d 100644
--- a/www/src/components/docs/install-tabs.tsx
+++ b/www/src/components/docs/install-tabs.tsx
@@ -112,7 +112,7 @@ export function InstallTab({
     <TabsPrimitive.TabPanel
       id={toValue(value)}
       className={cn(
-        "mt-0 text-xs [&>figure:only-child]:m-0 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none",
+        "mt-0 text-xs [&>figure:only-child]:m-0 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none overflow-hidden",
         className
       )}
       {...props}
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index 53cc352f1..c6bcc469d 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -58,7 +58,7 @@ export const ThemesOverview = () => {
   return (
     <div className="flex flex-col items-center gap-10 md:gap-4">
       <div className="relative flex flex-col items-center gap-6 container">
-        <div className="text-fg-muted relative hidden items-center gap-2 py-2 pl-4 pr-2 font-mono text-xs lg:flex">
+        <div className="text-fg-muted relative items-center gap-2 py-2 pl-4 pr-2 font-mono text-xs flex">
           <motion.div
             layout
             initial={false}
@@ -100,7 +100,7 @@ export const ThemesOverview = () => {
           </motion.div>
         </div>
         <div className="relative flex flex-col items-end gap-2">
-          <div className="absolute right-0 top-0 hidden translate-x-[calc(100%-30px)] translate-y-[calc(-100%-30px)] lg:block">
+          <div className="hidden xs:block absolute right-0 top-0 translate-x-[calc(100%-30px)] translate-y-[calc(-100%-30px)]">
             <div>
               <svg
                 width="30"
@@ -116,16 +116,16 @@ export const ThemesOverview = () => {
                   fill="currentColor"
                 />
               </svg>
-              <span className="text-fg-muted w-30 font-josefin absolute right-0 top-0 translate-x-[150px] text-sm font-bold">
+              <span className="text-fg-muted w-30 font-josefin absolute right-0 top-0 translate-x-[150px] text-sm font-bold hidden lg:block">
                 Give it a shot!
               </span>
             </div>
           </div>
-          <svg
+          {/* <svg
             width="30"
             viewBox="0 0 106 212"
             fill="none"
-            className="text-fg/40 rotate-40 -translate-x-10 lg:hidden"
+            className="text-fg/40 rotate-40 -translate-x-10 lg:hidden absolute"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
@@ -134,7 +134,7 @@ export const ThemesOverview = () => {
               d="M89.5523 0.499048C87.5651 0.982422 84.0069 2.94278 81.2677 4.99712C78.5689 7.05146 71.3854 14.1947 67.6392 18.5853C59.8112 27.7426 55.0848 39.0884 53.2319 52.9989C52.5202 58.316 52.5202 68.5743 53.2319 74.4822C53.7824 78.9802 55.3131 87.0634 56.1993 89.8965L56.6826 91.4943L53.581 94.7839C38.0726 111.474 28.3916 132.111 24.0815 157.623C23.1685 163.168 22.0943 172.057 21.5706 178.448L21.3155 181.55L19.3283 178.287C15.7701 172.513 12.2925 168.217 8.66717 165.155C0.839139 158.468 -1.2421 159.516 1.92671 168.512C5.99514 179.979 15.1928 195.755 22.43 203.61C24.6723 206.054 28.8884 209.344 31.2919 210.552C33.937 211.922 34.9441 211.076 37.7503 205.074C38.6365 203.154 42.0873 196.924 45.4038 191.217C48.7338 185.511 51.4729 180.596 51.4729 180.261C51.4729 178.757 48.5995 174.943 44.7862 171.291C41.7919 168.458 39.6302 167.022 38.3277 167.022H37.3475L37.5758 165.128C38.5829 156.454 43.6717 141.564 48.9217 131.883C53.2856 123.827 57.9851 117.315 65.2492 109.164L66.6859 107.54L68.6059 109.299C75.1852 115.368 84.45 118.389 91.0696 116.67C95.5945 115.462 98.4411 112.884 101.006 107.58C102.805 103.901 103.248 102.236 103.288 99.47C103.315 93.5084 95.5005 83.8945 87.2563 79.7187C83.8055 77.9598 81.6437 77.5301 78.4883 77.9867C74.4199 78.5775 70.6335 80.3632 65.0209 84.3779C63.6245 85.385 62.416 86.204 62.3489 86.1369C61.9595 85.7072 61.2344 76.1606 61.2344 70.9509C61.2344 63.8479 61.5567 60.1018 62.698 54.3953C64.8463 43.7342 69.0222 35.1006 76.0312 26.8833C87.6725 13.2279 98.1994 6.67551 103.839 9.57576C104.591 9.93829 105.275 10.1263 105.369 10.0054C106.054 8.89099 100.576 2.9025 97.3535 1.2644C95.4334 0.284225 91.7812 -0.0782881 89.5255 0.485649L89.5523 0.499048ZM89.418 92.9712C89.324 93.4949 88.5721 95.2136 87.7933 96.8785C84.4097 103.981 78.5957 107.378 71.9493 106.13C70.7811 105.902 69.6667 105.606 69.4384 105.472C68.9148 105.15 74.9839 99.9265 78.9851 97.2276C82.8253 94.6496 87.7799 92.1791 89.2166 92.1119C89.4717 92.0851 89.5389 92.367 89.418 92.9578V92.9712Z"
               fill="currentColor"
             />
-          </svg>
+          </svg> */}
           <Tabs
             variant="solid"
             selectedKey={currentThemeName}

From 9f29200c9eb935a2cab516d53d00a664fdf81d3f Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 7 Feb 2025 19:26:19 +0100
Subject: [PATCH 114/165] reorder icons

---
 www/src/app/(home)/page.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 86c25e3e0..7815dd479 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -67,26 +67,26 @@ export default function HomePage() {
           </h2>
           <div className="flex flex-wrap items-center justify-center gap-4 sm:gap-8">
             {[
-              {
-                label: "react-aria-components",
-                icon: <AdobeIcon className="size-7 sm:size-9" fill="#E1251B" />,
-                href: "https://react-spectrum.adobe.com/react-aria/index.html",
-              },
-              {
-                label: "Tailwind CSS v4.0",
-                icon: <TailwindIcon className="h-5 sm:h-7" />,
-                href: "https://tailwindcss.com",
-              },
               {
                 label: "React 19",
                 icon: <ReactJsIcon className="size-7 sm:size-9" />,
                 href: "https://react.dev",
               },
+              {
+                label: "react-aria-components",
+                icon: <AdobeIcon className="size-7 sm:size-9" fill="#E1251B" />,
+                href: "https://react-spectrum.adobe.com/react-aria/index.html",
+              },
               {
                 label: "TypeScript 5",
                 icon: <TypescriptIcon className="size-7 sm:size-9" />,
                 href: "https://www.typescriptlang.org/",
               },
+              {
+                label: "Tailwind CSS v4.0",
+                icon: <TailwindIcon className="h-5 sm:h-7" />,
+                href: "https://tailwindcss.com",
+              },
             ].map(({ icon, label, href }, index) => (
               <Tooltip
                 key={index}

From 22136cd76c3229f5a07db8f9be179b1e624b6795 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 8 Feb 2025 16:36:54 +0100
Subject: [PATCH 115/165] responsive components overview

---
 www/src/app/(home)/layout.tsx                 |   2 +-
 www/src/app/(home)/page.tsx                   | 121 ++++++++++--------
 .../components/components-overview-old.tsx    |   2 +-
 .../demos/components/components-overview.tsx  |  94 ++++++++++++--
 .../themes/components/themes-overview.tsx     |  12 +-
 www/src/registry/registry-themes.ts           |   2 +
 www/src/registry/themes/darky.ts              |  35 +++++
 7 files changed, 195 insertions(+), 73 deletions(-)
 create mode 100644 www/src/registry/themes/darky.ts

diff --git a/www/src/app/(home)/layout.tsx b/www/src/app/(home)/layout.tsx
index a282280d0..e0f220b0e 100644
--- a/www/src/app/(home)/layout.tsx
+++ b/www/src/app/(home)/layout.tsx
@@ -15,7 +15,7 @@ export default function HomeLayout({
       <MobileNav items={source.pageTree.children} className="md:hidden" />
       <div className="mx-auto min-h-screen max-w-screen-2xl sm:grid sm:grid-cols-[20px_1fr_20px] md:grid-cols-[30px_1fr_30px] lg:grid-cols-[50px_1fr_50px]">
         <div className="diagonal-pattern hidden sm:block" />
-        <div className="space-y-20">
+        <div className="">
           <div className="min-h-[70vh]">{children}</div>
           <Footer />
         </div>
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 7815dd479..9d57c206a 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -28,15 +28,15 @@ export default function HomePage() {
           >
             Introducing themes
           </Button>
-          <h1 className="text-balance text-2xl xs:text-3xl tracking-tighter max-lg:font-medium sm:text-4xl md:text-5xl lg:text-6xl">
+          <h1 className="xs:text-3xl text-balance text-2xl tracking-tighter max-lg:font-medium sm:text-4xl md:text-5xl lg:text-6xl">
             Quickly build your component library with a{" "}
             <span className="font-bold italic">unique</span> look.
           </h1>
-          <p className="text-fg-muted text-balace mt-2 md:mt-4 text-lg">
+          <p className="text-fg-muted text-balace mt-2 text-lg md:mt-4">
             Over 40 components available in multiple variants ready to match
             your brand identity.
           </p>
-          <div className="mt-4 sm:mt-8 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4">
+          <div className="mt-4 flex flex-col gap-2 sm:mt-8 sm:flex-row sm:items-center sm:gap-4">
             <Button
               href="/docs/getting-started/introduction"
               variant="primary"
@@ -60,7 +60,7 @@ export default function HomePage() {
       <section className="px-4 sm:px-8">
         <ThemesOverview />
       </section>
-      <section className="mt-10 border-y py-12 lg:py-8">
+      <section className="shadow-xs mt-10 border-y py-12 lg:py-8">
         <div className="container flex flex-col items-center justify-between gap-5 lg:flex-row lg:gap-10">
           <h2 className="text-fg-muted xs:text-base text-pretty font-mono text-sm tracking-tight lg:text-lg">
             Built on modern, battle-tested tools
@@ -98,7 +98,7 @@ export default function HomePage() {
               >
                 <Link
                   target="_blank"
-                  className="flex items-center justify-center opacity-60 grayscale transition-opacity hover:opacity-100 hover:grayscale-0"
+                  className="grayscale-80 flex items-center justify-center opacity-60 transition-opacity hover:opacity-100 hover:grayscale-0"
                   href={href}
                 >
                   {icon}
@@ -108,58 +108,69 @@ export default function HomePage() {
           </div>
         </div>
       </section>
-      <section className="container pt-14 sm:pb-10 sm:pt-20">
-        <h2 className="text-pretty text-2xl font-semibold tracking-tighter lg:text-3xl xl:text-4xl">
-          Bringing singularity to the web, fueled by your stars.
-        </h2>
-        <p className="text-fg-muted mt-2 text-base">
-          Our contributors are working hard to make the web a more singular
-          place.
-        </p>
-        <div className="max-xs:flex-col mt-6 flex items-center justify-between gap-6 pl-8 pr-4 sm:items-end sm:justify-start sm:gap-10 lg:gap-20">
-          <div className="flex flex-col items-center gap-6">
-            <svg
-              width="40"
-              viewBox="0 0 236 66"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-              className="-rotate-110 text-fg-muted"
-            >
-              <path
-                fillRule="evenodd"
-                clipRule="evenodd"
-                d="M23.9244 0.127533C18.3186 0.573079 9.85122 2.47255 4.6676 4.44233C1.59496 5.61482 0 7.46734 0 9.81232C0 11.2897 0.422197 12.298 1.43077 13.2594C2.39244 14.174 3.02573 14.4085 5.74654 14.9713C10.4611 15.9327 20.4765 20.4351 27.5365 24.7968C31.5708 27.2825 32.8374 27.8218 32.8374 27.0479C32.8374 26.6727 31.0313 24.5154 27.513 20.6931C26.3168 19.3799 25.3317 18.2308 25.3317 18.1605C25.3317 17.9963 26.7625 18.0901 34.362 18.7467C54.9088 20.5055 75.5964 24.7733 95.463 31.3861C103.156 33.9422 107.894 35.7244 116.221 39.1949C123.633 42.2669 125.322 42.8766 126.846 42.8766C127.925 42.8766 128.183 42.7828 128.957 42.0793C129.731 41.3523 129.825 41.1413 129.802 40.2033C129.778 39.0777 129.848 39.1949 127.034 35.7244C125.298 33.5904 124.078 31.4096 124.078 30.4247C124.078 29.4398 124.829 29.0412 126.893 29.0412C131.584 29.0412 140.802 32.5587 157.338 40.6723C166.72 45.2685 169.605 46.5816 170.708 46.7692C172.514 47.0506 173.944 46.1361 174.367 44.4477C174.46 44.049 174.226 42.0089 173.804 39.4294C173.053 34.974 173.03 33.8249 173.71 32.5117C174.179 31.6207 174.718 31.3861 176.313 31.3861C180.911 31.3861 190.762 36.0761 205.562 45.2919C214.85 51.0605 219.541 54.3435 227.845 60.886C230.542 63.0199 233.052 64.9194 233.427 65.107C234.318 65.5291 235.35 65.1539 235.726 64.2159C236.218 63.0434 235.515 62.1523 231.175 58.2596C224.537 52.3034 220.104 48.8328 212.974 44.0022C198.854 34.4112 187.22 28.1266 180.488 26.4617C171.599 24.234 166.908 28.9943 168.855 38.1632C169.136 39.4998 169.347 40.6019 169.3 40.6488C169.253 40.6957 167.424 39.7343 165.242 38.5149C159.59 35.3492 148.777 30.0261 144.367 28.2204C137.542 25.383 133.39 24.1167 129.567 23.6477C124.782 23.0615 120.889 24.703 119.716 27.7749C119.223 29.0881 119.364 31.5503 120.044 33.098C120.302 33.7077 120.49 34.2001 120.443 34.2001C120.396 34.2001 118.262 33.1683 115.681 31.902C90.4436 19.4267 60.1159 11.8525 28.9907 10.2579C22.7516 9.9296 22.9158 10.0468 26.6452 8.63983C29.366 7.63148 30.7264 6.0838 30.7264 4.06711C30.703 3.26982 29.882 1.72214 29.1315 1.089C28.4043 0.479303 26.5279 -0.0835156 25.4959 0.0102836C25.2144 0.0337334 24.5108 0.080633 23.9244 0.127533Z"
-                fill="currentColor"
-              />
-            </svg>
-            <div className="flex items-center gap-1">
-              <Tooltip variant="inverse" content="Mehdi BHA">
-                <Link href="https://github.com/mehdibha" target="_blank">
-                  <Avatar src="https://github.com/mehdibha.png" />
-                </Link>
-              </Tooltip>
-              <Tooltip variant="inverse" content="github-actions[bot]">
-                <Link
-                  href="https://github.com/features/actions"
-                  target="_blank"
-                >
-                  <Avatar shape="square" src="https://github.com/github.png" />
-                </Link>
-              </Tooltip>
+      {/* <div className="overflow-hidden">
+        <section className="container relative max-w-2xl pt-20 sm:pb-32 sm:pt-20">
+          <div className="size-150 absolute -top-5 left-1/2 z-[-1] max-w-[80%] -translate-x-[calc(50%-200px)] rounded-md bg-[radial-gradient(at_0%_0%,#0894ff_0,rgba(0,0,0,0)_40%),radial-gradient(at_50%_30%,#ff2e54_0,rgba(0,0,0,0)_60%),radial-gradient(at_100%_0%,#ff9004_0,rgba(0,0,0,0)_40%)] opacity-5 blur-[70px] ease-in-out dark:blur-[50px]" />
+
+          <h2 className="text-pretty text-2xl font-extrabold tracking-tighter sm:font-medium lg:text-3xl xl:text-4xl">
+            Bringing <span className="text-fg-muted">singularity</span> to the
+            web.
+          </h2>
+          <h2 className="text-pretty text-right text-2xl font-medium tracking-tighter sm:font-normal lg:text-3xl xl:text-4xl">
+            Fueled by your <span className="text-fg-muted italic">stars</span>.
+          </h2>
+          <p className="text-fg-muted mt-2 text-base">
+            Our contributors are working hard to make the web a more singular
+            place.
+          </p>
+          <div className="max-xs:flex-col mt-6 flex items-center justify-between gap-6 pl-8 sm:items-end sm:justify-between sm:gap-10 lg:gap-20">
+            <div className="flex flex-col items-center gap-6">
+              <svg
+                width="40"
+                viewBox="0 0 236 66"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                className="-rotate-110 text-fg-muted"
+              >
+                <path
+                  fillRule="evenodd"
+                  clipRule="evenodd"
+                  d="M23.9244 0.127533C18.3186 0.573079 9.85122 2.47255 4.6676 4.44233C1.59496 5.61482 0 7.46734 0 9.81232C0 11.2897 0.422197 12.298 1.43077 13.2594C2.39244 14.174 3.02573 14.4085 5.74654 14.9713C10.4611 15.9327 20.4765 20.4351 27.5365 24.7968C31.5708 27.2825 32.8374 27.8218 32.8374 27.0479C32.8374 26.6727 31.0313 24.5154 27.513 20.6931C26.3168 19.3799 25.3317 18.2308 25.3317 18.1605C25.3317 17.9963 26.7625 18.0901 34.362 18.7467C54.9088 20.5055 75.5964 24.7733 95.463 31.3861C103.156 33.9422 107.894 35.7244 116.221 39.1949C123.633 42.2669 125.322 42.8766 126.846 42.8766C127.925 42.8766 128.183 42.7828 128.957 42.0793C129.731 41.3523 129.825 41.1413 129.802 40.2033C129.778 39.0777 129.848 39.1949 127.034 35.7244C125.298 33.5904 124.078 31.4096 124.078 30.4247C124.078 29.4398 124.829 29.0412 126.893 29.0412C131.584 29.0412 140.802 32.5587 157.338 40.6723C166.72 45.2685 169.605 46.5816 170.708 46.7692C172.514 47.0506 173.944 46.1361 174.367 44.4477C174.46 44.049 174.226 42.0089 173.804 39.4294C173.053 34.974 173.03 33.8249 173.71 32.5117C174.179 31.6207 174.718 31.3861 176.313 31.3861C180.911 31.3861 190.762 36.0761 205.562 45.2919C214.85 51.0605 219.541 54.3435 227.845 60.886C230.542 63.0199 233.052 64.9194 233.427 65.107C234.318 65.5291 235.35 65.1539 235.726 64.2159C236.218 63.0434 235.515 62.1523 231.175 58.2596C224.537 52.3034 220.104 48.8328 212.974 44.0022C198.854 34.4112 187.22 28.1266 180.488 26.4617C171.599 24.234 166.908 28.9943 168.855 38.1632C169.136 39.4998 169.347 40.6019 169.3 40.6488C169.253 40.6957 167.424 39.7343 165.242 38.5149C159.59 35.3492 148.777 30.0261 144.367 28.2204C137.542 25.383 133.39 24.1167 129.567 23.6477C124.782 23.0615 120.889 24.703 119.716 27.7749C119.223 29.0881 119.364 31.5503 120.044 33.098C120.302 33.7077 120.49 34.2001 120.443 34.2001C120.396 34.2001 118.262 33.1683 115.681 31.902C90.4436 19.4267 60.1159 11.8525 28.9907 10.2579C22.7516 9.9296 22.9158 10.0468 26.6452 8.63983C29.366 7.63148 30.7264 6.0838 30.7264 4.06711C30.703 3.26982 29.882 1.72214 29.1315 1.089C28.4043 0.479303 26.5279 -0.0835156 25.4959 0.0102836C25.2144 0.0337334 24.5108 0.080633 23.9244 0.127533Z"
+                  fill="currentColor"
+                />
+              </svg>
+              <div className="flex items-center gap-1">
+                <Tooltip variant="inverse" content="Mehdi BHA">
+                  <Link href="https://github.com/mehdibha" target="_blank">
+                    <Avatar src="https://github.com/mehdibha.png" />
+                  </Link>
+                </Tooltip>
+                <Tooltip variant="inverse" content="github-actions[bot]">
+                  <Link
+                    href="https://github.com/features/actions"
+                    target="_blank"
+                  >
+                    <Avatar
+                      shape="square"
+                      src="https://github.com/github.png"
+                    />
+                  </Link>
+                </Tooltip>
+              </div>
             </div>
+            <Button
+              href={siteConfig.links.github}
+              target="_blank"
+              prefix={<GitHubIcon />}
+              variant="outline"
+              size="lg"
+              className="bg-bg-inverse/5 rounded-xs h-12"
+            >
+              Star on GitHub
+            </Button>
           </div>
-          <Button
-            href={siteConfig.links.github}
-            target="_blank"
-            prefix={<GitHubIcon />}
-            variant="outline"
-            size="lg"
-            className="bg-bg-inverse/5 h-12"
-          >
-            Star on GitHub
-          </Button>
-        </div>
-      </section>
+        </section>
+      </div> */}
     </div>
   );
 }
diff --git a/www/src/modules/demos/components/components-overview-old.tsx b/www/src/modules/demos/components/components-overview-old.tsx
index fedcb7821..7597d0d73 100644
--- a/www/src/modules/demos/components/components-overview-old.tsx
+++ b/www/src/modules/demos/components/components-overview-old.tsx
@@ -34,7 +34,7 @@ import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
 import { useLocalVariants } from "@/modules/themes/contexts/variants-context";
 
-export function ComponentsOverview({ className }: { className?: string }) {
+export function ComponentsOverviewOld({ className }: { className?: string }) {
   const { variants } = useLocalVariants();
   const globalVariant = variants.global;
   return (
diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
index 49e6fe11e..42b93bda5 100644
--- a/www/src/modules/demos/components/components-overview.tsx
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -115,15 +115,87 @@ export function ComponentsOverview({ className }: { className?: string }) {
         <TimeField aria-label="Event time" />
         <DatePicker className="" />
       </div>
-      {/* <div className="col-span-3 flex items-center justify-end gap-2">
-        <Switch>Focus mode</Switch>
-        <Avatar
-          src="https://github.com/mehdibha.png"
-          alt="@mehdibha"
-          fallback="M"
+      <div className="col-span-5 flex flex-col gap-4 md:col-span-4 lg:col-span-3 md:row-span-6 lg:row-span-8">
+        <Alert title="Payment Information" className="md:flex hidden">
+          Enter your payment method to complete your purchase.
+        </Alert>
+        <Tabs>
+          <TabList>
+            <Tab id="login" className="w-1/2">
+              Login
+            </Tab>
+            <Tab id="register" className="w-1/2">
+              Register
+            </Tab>
+          </TabList>
+          <TabPanel id="login" className="mt-4">
+            <Login />
+          </TabPanel>
+          <TabPanel id="register" className="mt-4">
+            <Register />
+          </TabPanel>
+        </Tabs>
+        <ColorSlider
+          label="Opacity"
+          defaultValue="hsla(210, 64%, 35%, 0.7)"
+          channel="alpha"
+          className="hidden !w-full md:flex"
         />
-      </div> */}
-      {/* <div className="col-span-10 row-span-6 lg:col-span-7">
+        <ProgressBar
+          label="Loading..."
+          value={75}
+          variant={globalVariant}
+          className="hidden w-full lg:flex"
+        />
+      </div>
+      <div className="col-span-5 flex flex-col gap-4 md:col-span-6 md:row-span-3 lg:col-span-2">
+        <Alert title="Payment Information" className="md:hidden">
+          Enter your payment method to complete your purchase.
+        </Alert>
+        <Checkbox defaultSelected>Notifications</Checkbox>
+        <SearchField aria-label="Search" className="w-full" />
+        <Combobox
+          label="Country"
+          description="Please select a country."
+          className="w-full"
+        >
+          <ComboboxItem>Canada</ComboboxItem>
+          <ComboboxItem>France</ComboboxItem>
+          <ComboboxItem>Germany</ComboboxItem>
+          <ComboboxItem>Spain</ComboboxItem>
+          <ComboboxItem>Tunisia</ComboboxItem>
+          <ComboboxItem>United states</ComboboxItem>
+          <ComboboxItem>United Kingdom</ComboboxItem>
+        </Combobox>
+        <NumberField label="Width" defaultValue={1024} className="w-full" />
+        <ColorSlider
+          label="Opacity"
+          defaultValue="hsla(210, 64%, 35%, 0.7)"
+          channel="alpha"
+          className="!w-full md:hidden"
+        />
+        <ProgressBar
+          label="Loading..."
+          value={75}
+          variant={globalVariant}
+          className="w-full lg:hidden"
+        />
+      </div>
+      <div className="col-span-10 flex justify-between gap-8 md:col-span-6 lg:col-span-5 lg:row-span-3">
+        <ListBox className="max-h-none w-full">
+          <ListBoxItem>New...</ListBoxItem>
+          <ListBoxItem>Badges</ListBoxItem>
+          <Separator />
+          <ListBoxItem>Save</ListBoxItem>
+          <ListBoxItem>Save as...</ListBoxItem>
+          <ListBoxItem>Rename...</ListBoxItem>
+          <Separator />
+          <ListBoxItem>Page setup…</ListBoxItem>
+          <ListBoxItem>Print…</ListBoxItem>
+        </ListBox>
+        <RangeCalendar />
+      </div>
+      <div className="col-span-10 row-span-6 lg:col-span-7">
         <TableRoot
           aria-label="Vocalists"
           selectionMode="multiple"
@@ -152,7 +224,8 @@ export function ComponentsOverview({ className }: { className?: string }) {
             )}
           </TableBody>
         </TableRoot>
-        <DropZone>
+      </div>
+      {/* <DropZone>
           <UploadIcon />
           <DropZoneLabel>Drag and drop files here</DropZoneLabel>
         </DropZone>
@@ -162,8 +235,7 @@ export function ComponentsOverview({ className }: { className?: string }) {
           variant={globalVariant}
           className="w-full"
         />
-        <BadgeVariants />
-      </div> */}
+        <BadgeVariants /> */}
     </div>
   );
 }
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index c6bcc469d..cf9c97300 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -14,6 +14,7 @@ import {
   ComponentsOverview,
   MobileComponentsOverview,
 } from "@/modules/demos/components/components-overview";
+import { ComponentsOverviewOld } from "@/modules/demos/components/components-overview-old";
 import { ThemeProvider } from "./theme-provider";
 
 export const ThemesOverview = () => {
@@ -57,8 +58,8 @@ export const ThemesOverview = () => {
 
   return (
     <div className="flex flex-col items-center gap-10 md:gap-4">
-      <div className="relative flex flex-col items-center gap-6 container">
-        <div className="text-fg-muted relative items-center gap-2 py-2 pl-4 pr-2 font-mono text-xs flex">
+      <div className="container relative flex flex-col items-center gap-6">
+        <div className="text-fg-muted relative flex items-center gap-2 py-2 pl-4 pr-2 font-mono text-xs">
           <motion.div
             layout
             initial={false}
@@ -100,7 +101,7 @@ export const ThemesOverview = () => {
           </motion.div>
         </div>
         <div className="relative flex flex-col items-end gap-2">
-          <div className="hidden xs:block absolute right-0 top-0 translate-x-[calc(100%-30px)] translate-y-[calc(-100%-30px)]">
+          <div className="xs:block absolute right-0 top-0 hidden translate-x-[calc(100%-30px)] translate-y-[calc(-100%-30px)]">
             <div>
               <svg
                 width="30"
@@ -116,7 +117,7 @@ export const ThemesOverview = () => {
                   fill="currentColor"
                 />
               </svg>
-              <span className="text-fg-muted w-30 font-josefin absolute right-0 top-0 translate-x-[150px] text-sm font-bold hidden lg:block">
+              <span className="text-fg-muted w-30 font-josefin absolute right-0 top-0 hidden translate-x-[150px] text-sm font-bold lg:block">
                 Give it a shot!
               </span>
             </div>
@@ -215,7 +216,8 @@ export const ThemesOverview = () => {
                   )}
                 </AnimatePresence>
                 <div className="bg-bg w-full rounded-md border">
-                  <ComponentsOverview className="hidden sm:grid xl:container" />
+                  {/* <ComponentsOverviewOld /> */}
+                  <ComponentsOverview className="hidden xl:container sm:grid" />
                   <MobileComponentsOverview className="sm:hidden" />
                 </div>
               </>
diff --git a/www/src/registry/registry-themes.ts b/www/src/registry/registry-themes.ts
index 693cb34b5..ab4e38745 100644
--- a/www/src/registry/registry-themes.ts
+++ b/www/src/registry/registry-themes.ts
@@ -5,9 +5,11 @@ import { materialTheme } from "@/registry/themes/material";
 import { minimalistTheme } from "@/registry/themes/minimalist";
 import { retroTheme } from "@/registry/themes/retro";
 import type { Theme } from "@/modules/themes/types";
+import { darkyTheme } from "./themes/darky";
 
 export const themes: Theme[] = [
   minimalistTheme,
+  darkyTheme,
   materialTheme,
   forestTheme,
   brutalistTheme,
diff --git a/www/src/registry/themes/darky.ts b/www/src/registry/themes/darky.ts
new file mode 100644
index 000000000..f13493207
--- /dev/null
+++ b/www/src/registry/themes/darky.ts
@@ -0,0 +1,35 @@
+import { Theme } from "@/modules/themes/types";
+
+export const darkyTheme: Theme = {
+  name: "darky",
+  label: "Darky",
+  foundations: {
+    light: {
+      palettes: {
+        neutral: {
+          baseColors: ["#fff"],
+        },
+        accent: {
+          baseColors: ["#0091FF"],
+        },
+      },
+    },
+    dark: {
+      palettes: {
+        neutral: {
+          baseColors: ["#000"],
+        },
+        accent: {
+          baseColors: ["#0091FF"],
+        },
+      },
+    },
+    overrides: {
+      "--color-bg-muted": "var(--color-neutral-100)",
+      "--color-bg": "var(--color-neutral-200)",
+    },
+  },
+  variants: {
+    global: "primary",
+  },
+};

From ca1e4570a161ff61619dfb3e4fd95fe79c900c06 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 8 Feb 2025 16:57:56 +0100
Subject: [PATCH 116/165] fix: update github last edit

---
 www/src/components/docs/last-update.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/www/src/components/docs/last-update.tsx b/www/src/components/docs/last-update.tsx
index 411d70e94..b6f9cc2f9 100644
--- a/www/src/components/docs/last-update.tsx
+++ b/www/src/components/docs/last-update.tsx
@@ -1,12 +1,16 @@
 import { getGithubLastEdit } from "@/lib/docs/get-github-last-edit";
 
 export async function PageLastUpdate({ path }: { path: string }) {
-  const date = await getGithubLastEdit(path);
-
-  if (!date) return null;
-  return (
-    <p className="text-fg-muted text-sm">
-      Last updated on {date.toLocaleDateString()}
-    </p>
-  );
+  try {
+    const date = await getGithubLastEdit(path);
+    if (!date) return null;
+    return (
+      <p className="text-fg-muted text-sm">
+        Last updated on {date.toLocaleDateString()}
+      </p>
+    );
+  } catch (e) {
+    console.error(e);
+    return null;
+  }
 }

From 75a38b2fe9bf716db24bf2788304327062d61e21 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 8 Feb 2025 16:59:12 +0100
Subject: [PATCH 117/165] fix: format

---
 .../components/demos/toggle-button/sizes.tsx  |  6 +----
 www/src/components/docs/code-block-mdx.tsx    |  4 ++--
 www/src/components/docs/install-tabs.tsx      |  2 +-
 www/src/components/icons/reactjs-icon.tsx     | 24 +++++++++----------
 .../demos/components/components-overview.tsx  |  4 ++--
 www/src/registry/core/toggle-button_basic.tsx |  2 +-
 6 files changed, 19 insertions(+), 23 deletions(-)

diff --git a/www/src/components/demos/toggle-button/sizes.tsx b/www/src/components/demos/toggle-button/sizes.tsx
index 55be098f6..46ebb0b4e 100644
--- a/www/src/components/demos/toggle-button/sizes.tsx
+++ b/www/src/components/demos/toggle-button/sizes.tsx
@@ -7,11 +7,7 @@ export default function Demo() {
   return (
     <div className="flex items-center gap-4">
       {sizes.map((size) => (
-        <ToggleButton
-          key={size}
-          size={size}
-          aria-label="Toggle pin"
-        >
+        <ToggleButton key={size} size={size} aria-label="Toggle pin">
           <PinIcon className="rotate-45" />
         </ToggleButton>
       ))}
diff --git a/www/src/components/docs/code-block-mdx.tsx b/www/src/components/docs/code-block-mdx.tsx
index fe8168d02..eb7146c22 100644
--- a/www/src/components/docs/code-block-mdx.tsx
+++ b/www/src/components/docs/code-block-mdx.tsx
@@ -67,9 +67,9 @@ export const CodeBlock = forwardRef<HTMLElement, CodeBlockProps>(
       <figure
         ref={ref}
         className={cn(
-          "not-prose fd-codeblock bg-fd-secondary/50 group relative my-6 overflow-hidden rounded-lg border text-sm bg-bg-muted/30",
+          "not-prose fd-codeblock bg-fd-secondary/50 bg-bg-muted/30 group relative my-6 overflow-hidden rounded-lg border text-sm",
           keepBackground &&
-            "bg-[var(--shiki-light-bg)] dark:bg-[var(--shiki-dark-bg)] ",
+            "bg-[var(--shiki-light-bg)] dark:bg-[var(--shiki-dark-bg)]",
           className
         )}
         {...props}
diff --git a/www/src/components/docs/install-tabs.tsx b/www/src/components/docs/install-tabs.tsx
index bbce18e1d..cedcab8ba 100644
--- a/www/src/components/docs/install-tabs.tsx
+++ b/www/src/components/docs/install-tabs.tsx
@@ -112,7 +112,7 @@ export function InstallTab({
     <TabsPrimitive.TabPanel
       id={toValue(value)}
       className={cn(
-        "mt-0 text-xs [&>figure:only-child]:m-0 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none overflow-hidden",
+        "mt-0 overflow-hidden text-xs [&>figure:only-child]:m-0 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none",
         className
       )}
       {...props}
diff --git a/www/src/components/icons/reactjs-icon.tsx b/www/src/components/icons/reactjs-icon.tsx
index 36171d273..76eaab8f3 100644
--- a/www/src/components/icons/reactjs-icon.tsx
+++ b/www/src/components/icons/reactjs-icon.tsx
@@ -5,18 +5,18 @@ interface IconProps extends Partial<SVGProps<SVGSVGElement>> {}
 export const ReactJsIcon = ({ height = 50, ...rest }: IconProps) => {
   return (
     <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="-10.5 -9.45 21 18.9"
-    height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="-10.5 -9.45 21 18.9"
+      height={height}
       {...rest}
-  >
-    <circle r={2} fill="#58c4dc" />
-    <g stroke="#58c4dc">
-      <ellipse rx={10} ry={4.5} />
-      <ellipse rx={10} ry={4.5} transform="rotate(60)" />
-      <ellipse rx={10} ry={4.5} transform="rotate(120)" />
-    </g>
-  </svg>
+    >
+      <circle r={2} fill="#58c4dc" />
+      <g stroke="#58c4dc">
+        <ellipse rx={10} ry={4.5} />
+        <ellipse rx={10} ry={4.5} transform="rotate(60)" />
+        <ellipse rx={10} ry={4.5} transform="rotate(120)" />
+      </g>
+    </svg>
   );
 };
diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
index 42b93bda5..8b9a58deb 100644
--- a/www/src/modules/demos/components/components-overview.tsx
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -115,8 +115,8 @@ export function ComponentsOverview({ className }: { className?: string }) {
         <TimeField aria-label="Event time" />
         <DatePicker className="" />
       </div>
-      <div className="col-span-5 flex flex-col gap-4 md:col-span-4 lg:col-span-3 md:row-span-6 lg:row-span-8">
-        <Alert title="Payment Information" className="md:flex hidden">
+      <div className="col-span-5 flex flex-col gap-4 md:col-span-4 md:row-span-6 lg:col-span-3 lg:row-span-8">
+        <Alert title="Payment Information" className="hidden md:flex">
           Enter your payment method to complete your purchase.
         </Alert>
         <Tabs>
diff --git a/www/src/registry/core/toggle-button_basic.tsx b/www/src/registry/core/toggle-button_basic.tsx
index 09d9a770e..32cc60fca 100644
--- a/www/src/registry/core/toggle-button_basic.tsx
+++ b/www/src/registry/core/toggle-button_basic.tsx
@@ -12,7 +12,7 @@ import { focusRing } from "@/registry/lib/focus-styles";
 
 const toggleButtonStyles = tv({
   extend: focusRing,
-  base: "disabled:bg-bg-disabled shrink-0 disabled:text-fg-disabled inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
+  base: "disabled:bg-bg-disabled disabled:text-fg-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium leading-normal transition-colors disabled:cursor-default",
   variants: {
     variant: {
       quiet:

From 8e7edd9c3170145ee100e8baa3fd9435ad8d3271 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 8 Feb 2025 21:25:56 +0100
Subject: [PATCH 118/165] fix: fix search command

---
 www/src/app/(home)/layout.tsx                 |   1 -
 www/src/app/(home)/page.tsx                   | 116 +++--
 www/src/components/header.tsx                 |  49 +--
 www/src/components/mobile-nav.tsx             |  34 +-
 www/src/components/search-command-client.tsx  | 146 +++++--
 www/src/components/search-command.tsx         |  19 +-
 www/src/components/sidebar.tsx                |  39 +-
 .../components/components-overview-old.tsx    | 398 ------------------
 .../demos/components/components-overview.tsx  |   6 +-
 .../themes/components/themes-overview.tsx     |  30 +-
 www/src/registry/core/list-box_basic.tsx      |   6 +-
 www/src/registry/core/menu_basic.tsx          |   6 +-
 12 files changed, 208 insertions(+), 642 deletions(-)
 delete mode 100644 www/src/modules/demos/components/components-overview-old.tsx

diff --git a/www/src/app/(home)/layout.tsx b/www/src/app/(home)/layout.tsx
index e0f220b0e..64efc60c7 100644
--- a/www/src/app/(home)/layout.tsx
+++ b/www/src/app/(home)/layout.tsx
@@ -8,7 +8,6 @@ export default function HomeLayout({
 }: {
   children: React.ReactNode;
 }) {
-  // return children
   return (
     <div>
       <Header className="hidden md:block" />
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 9d57c206a..51d1caa05 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -19,7 +19,7 @@ export default function HomePage() {
     <div>
       {/* Hero section */}
       <div className="container">
-        <section className="max-w-3xl pb-20 pt-8 sm:pt-24 lg:pb-32">
+        <section className="max-w-3xl pb-20 pt-14 sm:pt-24 lg:pb-32">
           <Button
             href="/themes"
             prefix={<LayoutTemplateIcon />}
@@ -108,69 +108,61 @@ export default function HomePage() {
           </div>
         </div>
       </section>
-      {/* <div className="overflow-hidden">
-        <section className="container relative max-w-2xl pt-20 sm:pb-32 sm:pt-20">
-          <div className="size-150 absolute -top-5 left-1/2 z-[-1] max-w-[80%] -translate-x-[calc(50%-200px)] rounded-md bg-[radial-gradient(at_0%_0%,#0894ff_0,rgba(0,0,0,0)_40%),radial-gradient(at_50%_30%,#ff2e54_0,rgba(0,0,0,0)_60%),radial-gradient(at_100%_0%,#ff9004_0,rgba(0,0,0,0)_40%)] opacity-5 blur-[70px] ease-in-out dark:blur-[50px]" />
-
-          <h2 className="text-pretty text-2xl font-extrabold tracking-tighter sm:font-medium lg:text-3xl xl:text-4xl">
-            Bringing <span className="text-fg-muted">singularity</span> to the
-            web.
-          </h2>
-          <h2 className="text-pretty text-right text-2xl font-medium tracking-tighter sm:font-normal lg:text-3xl xl:text-4xl">
-            Fueled by your <span className="text-fg-muted italic">stars</span>.
-          </h2>
-          <p className="text-fg-muted mt-2 text-base">
-            Our contributors are working hard to make the web a more singular
-            place.
-          </p>
-          <div className="max-xs:flex-col mt-6 flex items-center justify-between gap-6 pl-8 sm:items-end sm:justify-between sm:gap-10 lg:gap-20">
-            <div className="flex flex-col items-center gap-6">
-              <svg
-                width="40"
-                viewBox="0 0 236 66"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-                className="-rotate-110 text-fg-muted"
-              >
-                <path
-                  fillRule="evenodd"
-                  clipRule="evenodd"
-                  d="M23.9244 0.127533C18.3186 0.573079 9.85122 2.47255 4.6676 4.44233C1.59496 5.61482 0 7.46734 0 9.81232C0 11.2897 0.422197 12.298 1.43077 13.2594C2.39244 14.174 3.02573 14.4085 5.74654 14.9713C10.4611 15.9327 20.4765 20.4351 27.5365 24.7968C31.5708 27.2825 32.8374 27.8218 32.8374 27.0479C32.8374 26.6727 31.0313 24.5154 27.513 20.6931C26.3168 19.3799 25.3317 18.2308 25.3317 18.1605C25.3317 17.9963 26.7625 18.0901 34.362 18.7467C54.9088 20.5055 75.5964 24.7733 95.463 31.3861C103.156 33.9422 107.894 35.7244 116.221 39.1949C123.633 42.2669 125.322 42.8766 126.846 42.8766C127.925 42.8766 128.183 42.7828 128.957 42.0793C129.731 41.3523 129.825 41.1413 129.802 40.2033C129.778 39.0777 129.848 39.1949 127.034 35.7244C125.298 33.5904 124.078 31.4096 124.078 30.4247C124.078 29.4398 124.829 29.0412 126.893 29.0412C131.584 29.0412 140.802 32.5587 157.338 40.6723C166.72 45.2685 169.605 46.5816 170.708 46.7692C172.514 47.0506 173.944 46.1361 174.367 44.4477C174.46 44.049 174.226 42.0089 173.804 39.4294C173.053 34.974 173.03 33.8249 173.71 32.5117C174.179 31.6207 174.718 31.3861 176.313 31.3861C180.911 31.3861 190.762 36.0761 205.562 45.2919C214.85 51.0605 219.541 54.3435 227.845 60.886C230.542 63.0199 233.052 64.9194 233.427 65.107C234.318 65.5291 235.35 65.1539 235.726 64.2159C236.218 63.0434 235.515 62.1523 231.175 58.2596C224.537 52.3034 220.104 48.8328 212.974 44.0022C198.854 34.4112 187.22 28.1266 180.488 26.4617C171.599 24.234 166.908 28.9943 168.855 38.1632C169.136 39.4998 169.347 40.6019 169.3 40.6488C169.253 40.6957 167.424 39.7343 165.242 38.5149C159.59 35.3492 148.777 30.0261 144.367 28.2204C137.542 25.383 133.39 24.1167 129.567 23.6477C124.782 23.0615 120.889 24.703 119.716 27.7749C119.223 29.0881 119.364 31.5503 120.044 33.098C120.302 33.7077 120.49 34.2001 120.443 34.2001C120.396 34.2001 118.262 33.1683 115.681 31.902C90.4436 19.4267 60.1159 11.8525 28.9907 10.2579C22.7516 9.9296 22.9158 10.0468 26.6452 8.63983C29.366 7.63148 30.7264 6.0838 30.7264 4.06711C30.703 3.26982 29.882 1.72214 29.1315 1.089C28.4043 0.479303 26.5279 -0.0835156 25.4959 0.0102836C25.2144 0.0337334 24.5108 0.080633 23.9244 0.127533Z"
-                  fill="currentColor"
-                />
-              </svg>
-              <div className="flex items-center gap-1">
-                <Tooltip variant="inverse" content="Mehdi BHA">
-                  <Link href="https://github.com/mehdibha" target="_blank">
-                    <Avatar src="https://github.com/mehdibha.png" />
-                  </Link>
-                </Tooltip>
-                <Tooltip variant="inverse" content="github-actions[bot]">
-                  <Link
-                    href="https://github.com/features/actions"
-                    target="_blank"
-                  >
-                    <Avatar
-                      shape="square"
-                      src="https://github.com/github.png"
-                    />
-                  </Link>
-                </Tooltip>
-              </div>
-            </div>
-            <Button
-              href={siteConfig.links.github}
-              target="_blank"
-              prefix={<GitHubIcon />}
-              variant="outline"
-              size="lg"
-              className="bg-bg-inverse/5 rounded-xs h-12"
+      {/* Call to action */}
+      <section className="container max-w-2xl py-20 sm:py-32">
+        <h2 className="text-pretty text-2xl tracking-tighter lg:text-3xl xl:text-4xl">
+          Bringing <span className="text-fg-muted">singularity</span> to the
+          web.
+          <br /> Fueled by your <span className="text-fg-muted">stars</span>.
+        </h2>
+        <p className="text-fg-muted mt-2 text-base">
+          Our contributors are working hard to make the web a more singular
+          place.
+        </p>
+        <div className="mt-6 flex items-end justify-between gap-6 px-8 sm:items-end sm:justify-between sm:gap-10 lg:gap-20">
+          <div className="flex flex-col items-center gap-6">
+            <svg
+              width="40"
+              viewBox="0 0 236 66"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+              className="-rotate-110 text-fg-muted"
             >
-              Star on GitHub
-            </Button>
+              <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M23.9244 0.127533C18.3186 0.573079 9.85122 2.47255 4.6676 4.44233C1.59496 5.61482 0 7.46734 0 9.81232C0 11.2897 0.422197 12.298 1.43077 13.2594C2.39244 14.174 3.02573 14.4085 5.74654 14.9713C10.4611 15.9327 20.4765 20.4351 27.5365 24.7968C31.5708 27.2825 32.8374 27.8218 32.8374 27.0479C32.8374 26.6727 31.0313 24.5154 27.513 20.6931C26.3168 19.3799 25.3317 18.2308 25.3317 18.1605C25.3317 17.9963 26.7625 18.0901 34.362 18.7467C54.9088 20.5055 75.5964 24.7733 95.463 31.3861C103.156 33.9422 107.894 35.7244 116.221 39.1949C123.633 42.2669 125.322 42.8766 126.846 42.8766C127.925 42.8766 128.183 42.7828 128.957 42.0793C129.731 41.3523 129.825 41.1413 129.802 40.2033C129.778 39.0777 129.848 39.1949 127.034 35.7244C125.298 33.5904 124.078 31.4096 124.078 30.4247C124.078 29.4398 124.829 29.0412 126.893 29.0412C131.584 29.0412 140.802 32.5587 157.338 40.6723C166.72 45.2685 169.605 46.5816 170.708 46.7692C172.514 47.0506 173.944 46.1361 174.367 44.4477C174.46 44.049 174.226 42.0089 173.804 39.4294C173.053 34.974 173.03 33.8249 173.71 32.5117C174.179 31.6207 174.718 31.3861 176.313 31.3861C180.911 31.3861 190.762 36.0761 205.562 45.2919C214.85 51.0605 219.541 54.3435 227.845 60.886C230.542 63.0199 233.052 64.9194 233.427 65.107C234.318 65.5291 235.35 65.1539 235.726 64.2159C236.218 63.0434 235.515 62.1523 231.175 58.2596C224.537 52.3034 220.104 48.8328 212.974 44.0022C198.854 34.4112 187.22 28.1266 180.488 26.4617C171.599 24.234 166.908 28.9943 168.855 38.1632C169.136 39.4998 169.347 40.6019 169.3 40.6488C169.253 40.6957 167.424 39.7343 165.242 38.5149C159.59 35.3492 148.777 30.0261 144.367 28.2204C137.542 25.383 133.39 24.1167 129.567 23.6477C124.782 23.0615 120.889 24.703 119.716 27.7749C119.223 29.0881 119.364 31.5503 120.044 33.098C120.302 33.7077 120.49 34.2001 120.443 34.2001C120.396 34.2001 118.262 33.1683 115.681 31.902C90.4436 19.4267 60.1159 11.8525 28.9907 10.2579C22.7516 9.9296 22.9158 10.0468 26.6452 8.63983C29.366 7.63148 30.7264 6.0838 30.7264 4.06711C30.703 3.26982 29.882 1.72214 29.1315 1.089C28.4043 0.479303 26.5279 -0.0835156 25.4959 0.0102836C25.2144 0.0337334 24.5108 0.080633 23.9244 0.127533Z"
+                fill="currentColor"
+              />
+            </svg>
+            <div className="flex items-center gap-1">
+              <Tooltip variant="inverse" content="Mehdi BHA">
+                <Link href="https://github.com/mehdibha" target="_blank">
+                  <Avatar src="https://github.com/mehdibha.png" />
+                </Link>
+              </Tooltip>
+              <Tooltip variant="inverse" content="github-actions[bot]">
+                <Link
+                  href="https://github.com/features/actions"
+                  target="_blank"
+                >
+                  <Avatar shape="square" src="https://github.com/github.png" />
+                </Link>
+              </Tooltip>
+            </div>
           </div>
-        </section>
-      </div> */}
+          <Button
+            href={siteConfig.links.github}
+            target="_blank"
+            prefix={<GitHubIcon />}
+            variant="outline"
+            size="lg"
+            className="bg-bg-inverse/5 h-12"
+          >
+            Star on GitHub
+          </Button>
+        </div>
+      </section>
     </div>
   );
 }
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index b7cd98ec1..27280626c 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -4,9 +4,7 @@ import React from "react";
 import Link from "next/link";
 import { SearchIcon } from "lucide-react";
 import { cn } from "@/lib/utils";
-// import { Avatar } from "@/components/core/avatar";
 import { Button } from "@/components/core/button";
-import { DialogRoot, Dialog } from "@/components/core/dialog";
 import { siteConfig } from "@/config";
 import { Kbd } from "./core/kbd";
 import { GitHubIcon, TwitterIcon } from "./icons";
@@ -38,7 +36,7 @@ export function Header({ className }: { className?: string }) {
           </div>
         </div>
         <div className="flex items-center gap-2">
-          <SearchDocs>
+          <SearchCommand keyboardShortcut>
             <Button
               size="sm"
               variant="outline"
@@ -48,7 +46,7 @@ export function Header({ className }: { className?: string }) {
             >
               <span className="mr-6 flex-1">Search docs...</span>
             </Button>
-          </SearchDocs>
+          </SearchCommand>
           <Button
             href={siteConfig.links.github}
             target="_blank"
@@ -127,46 +125,3 @@ const Logo = () => {
     </Link>
   );
 };
-
-const SearchDocs = ({ children }: { children: React.ReactNode }) => {
-  const [isOpen, setIsOpen] = React.useState(false);
-
-  React.useEffect(() => {
-    const down = (e: KeyboardEvent) => {
-      if ((e.key === "k" && (e.metaKey || e.ctrlKey)) || e.key === "/") {
-        if (
-          (e.target instanceof HTMLElement && e.target.isContentEditable) ||
-          e.target instanceof HTMLInputElement ||
-          e.target instanceof HTMLTextAreaElement ||
-          e.target instanceof HTMLSelectElement
-        ) {
-          return;
-        }
-
-        e.preventDefault();
-        setIsOpen((open) => !open);
-      }
-    };
-
-    document.addEventListener("keydown", down);
-    return () => document.removeEventListener("keydown", down);
-  }, []);
-
-  return (
-    <DialogRoot isOpen={isOpen} onOpenChange={setIsOpen}>
-      {children}
-      <Dialog className="p-0!">
-        <SearchCommand />
-        <Button
-          slot="close"
-          variant="outline"
-          shape="rectangle"
-          size="sm"
-          className="h-7 px-2 text-xs font-normal"
-        >
-          Esc
-        </Button>
-      </Dialog>
-    </DialogRoot>
-  );
-};
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index ef19453ca..d8927b183 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -65,7 +65,15 @@ export const MobileNav = ({
                     </Button>
                   </div>
                   <div className="p-2">
-                    <SearchCommandButton />
+                    <SearchCommand>
+                      <Button
+                        prefix={<SearchIcon />}
+                        variant="outline"
+                        className="bg-bg-inverse/5 w-full"
+                      >
+                        <span className="flex-1 text-left">Search </span>
+                      </Button>
+                    </SearchCommand>
                   </div>
                 </div>
                 <ScrollArea
@@ -110,14 +118,11 @@ export const MobileNav = ({
           </Dialog>
         </DialogRoot>
         <div className="flex items-center gap-1">
-          <DialogRoot>
+          <SearchCommand>
             <Button variant="quiet" size="sm" shape="square">
               <SearchIcon />
             </Button>
-            <Dialog className="p-0!">
-              <SearchCommand />
-            </Dialog>
-          </DialogRoot>
+          </SearchCommand>
           <Button
             href={siteConfig.links.github}
             target="_blank"
@@ -143,20 +148,3 @@ export const MobileNav = ({
     </header>
   );
 };
-
-const SearchCommandButton = () => {
-  return (
-    <DialogRoot>
-      <Button
-        prefix={<SearchIcon />}
-        variant="outline"
-        className="bg-bg-inverse/5 w-full"
-      >
-        <span className="flex-1 text-left">Search </span>
-      </Button>
-      <Dialog className="p-0!">
-        <SearchCommand />
-      </Dialog>
-    </DialogRoot>
-  );
-};
diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
index e3cf29396..f22428fab 100644
--- a/www/src/components/search-command-client.tsx
+++ b/www/src/components/search-command-client.tsx
@@ -8,6 +8,8 @@ import {
   SearchIcon,
 } from "lucide-react";
 import { useFilter } from "react-aria-components";
+import { Button } from "@/components/core/button";
+import { DialogRoot, Dialog } from "@/components/core/dialog";
 import { MenuContent, MenuItem, MenuSection } from "@/components/core/menu";
 import { SearchFieldRoot } from "@/components/core/search-field";
 import { Command } from "@/registry/core/command_basic";
@@ -26,58 +28,118 @@ interface Page {
 }
 
 interface SearchCommandClientProps {
+  keyboardShortcut?: boolean;
+  children: React.ReactNode;
   items: {
     title: string;
     items: Page[];
   }[];
 }
 
-export function SearchCommandClient({ items }: SearchCommandClientProps) {
+export function SearchCommandClient({
+  keyboardShortcut,
+  children,
+  items,
+}: SearchCommandClientProps) {
   const { contains } = useFilter({ sensitivity: "base" });
   const [inputValue, setInputValue] = React.useState("");
   return (
-    <Command
-      filter={contains}
-      inputValue={inputValue}
-      onInputChange={setInputValue}
-      className="h-72"
-    >
-      <div className="p-1 pb-0">
-        <SearchFieldRoot placeholder="Search" autoFocus className="w-full">
-          <InputRoot className="focus-within:ring-1">
-            <SearchIcon />
-            <Input />
-          </InputRoot>
-        </SearchFieldRoot>
-      </div>
-      <MenuContent items={items} className="h-full overflow-y-scroll py-1">
-        {items.map((category, categoryIndex) => (
-          <MenuSection key={categoryIndex} title={category.title}>
-            {category.items.map((page) => (
-              <React.Fragment key={page.id}>
-                <MenuItem
-                  href={page.url}
-                  textValue={page.title}
-                  prefix={<FileTextIcon />}
-                  className="py-2"
-                >
-                  {page.title}
-                </MenuItem>
-              </React.Fragment>
-            ))}
-          </MenuSection>
-        ))}
-      </MenuContent>
-      <div className="text-fg-muted flex items-center justify-end gap-4 rounded-b-[inherit] border-t p-3 text-xs [&_svg]:size-4">
-        <div className="flex items-center gap-1">
-          <ChevronsUpDownIcon />
-          <span>Navigate</span>
+    <SearchCommandDialog keyboardShortcut={keyboardShortcut} trigger={children}>
+      <Command
+        filter={contains}
+        inputValue={inputValue}
+        onInputChange={setInputValue}
+        className="h-72"
+      >
+        <div className="p-1">
+          <SearchFieldRoot placeholder="Search" autoFocus className="w-full">
+            <InputRoot className="focus-within:ring-1">
+              <SearchIcon />
+              <Input />
+            </InputRoot>
+          </SearchFieldRoot>
         </div>
-        <div className="flex items-center gap-1">
-          <CornerDownLeftIcon />
-          <span>Go</span>
+        <MenuContent items={items} className="h-full overflow-y-scroll py-1">
+          {items.map((category, categoryIndex) => (
+            <MenuSection key={categoryIndex} title={category.title}>
+              {category.items.map((page) => (
+                <React.Fragment key={page.id}>
+                  <MenuItem
+                    href={page.url}
+                    textValue={page.title}
+                    prefix={<FileTextIcon />}
+                    className="py-2"
+                  >
+                    {page.title}
+                  </MenuItem>
+                </React.Fragment>
+              ))}
+            </MenuSection>
+          ))}
+        </MenuContent>
+        <div className="text-fg-muted flex items-center justify-end gap-4 rounded-b-[inherit] border-t p-3 text-xs [&_svg]:size-4">
+          <div className="flex items-center gap-1">
+            <ChevronsUpDownIcon />
+            <span>Navigate</span>
+          </div>
+          <div className="flex items-center gap-1">
+            <CornerDownLeftIcon />
+            <span>Go</span>
+          </div>
         </div>
-      </div>
-    </Command>
+      </Command>
+    </SearchCommandDialog>
   );
 }
+const SearchCommandDialog = ({
+  keyboardShortcut = false,
+  trigger,
+  children,
+}: {
+  keyboardShortcut?: boolean;
+  children: React.ReactNode;
+  trigger: React.ReactNode;
+}) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+
+  React.useEffect(() => {
+    if (!keyboardShortcut) return;
+
+    const down = (e: KeyboardEvent) => {
+      if ((e.key === "k" && (e.metaKey || e.ctrlKey)) || e.key === "/") {
+        if (
+          (e.target instanceof HTMLElement && e.target.isContentEditable) ||
+          e.target instanceof HTMLInputElement ||
+          e.target instanceof HTMLTextAreaElement ||
+          e.target instanceof HTMLSelectElement
+        ) {
+          return;
+        }
+
+        e.preventDefault();
+        setIsOpen((open) => !open);
+      }
+    };
+
+    document.addEventListener("keydown", down);
+    return () => document.removeEventListener("keydown", down);
+  }, [keyboardShortcut]);
+
+  return (
+    <DialogRoot isOpen={isOpen} onOpenChange={setIsOpen}>
+      {trigger}
+      <Dialog className="p-0!">
+        {children}
+        <Button
+          slot="close"
+          variant="outline"
+          shape="rectangle"
+          size="sm"
+          className="absolute right-2 top-2 h-7 px-2 text-xs font-normal"
+        >
+          Esc
+        </Button>
+      </Dialog>
+    </DialogRoot>
+  );
+};
diff --git a/www/src/components/search-command.tsx b/www/src/components/search-command.tsx
index 882723cb4..61bd0210f 100644
--- a/www/src/components/search-command.tsx
+++ b/www/src/components/search-command.tsx
@@ -1,4 +1,3 @@
-// import { type PageTree } from "fumadocs-core/server";
 import { kekabCaseToTitle } from "@/lib/string";
 import { source } from "@/app/source";
 import { SearchCommandClient } from "./search-command-client";
@@ -12,7 +11,13 @@ const additionalPages = [
   },
 ];
 
-export function SearchCommand() {
+export function SearchCommand({
+  children,
+  keyboardShortcut,
+}: {
+  children: React.ReactNode;
+  keyboardShortcut?: boolean;
+}) {
   const pages = [
     ...source.getPages().map((page) => ({
       id: page.url,
@@ -33,9 +38,9 @@ export function SearchCommand() {
     items: pages.filter((item) => item.url.split("/")[2] === category),
   }));
 
-  // const newItems: PageTree.Node[] = source.pageTree.children;
-  // newItems.forEach((item) => {
-  //   console.log(item);
-  // });
-  return <SearchCommandClient items={items} />;
+  return (
+    <SearchCommandClient keyboardShortcut={keyboardShortcut} items={items}>
+      {children}
+    </SearchCommandClient>
+  );
 }
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index faf000127..bed00f847 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -22,7 +22,6 @@ import {
   CollapsibleContent,
   CollapsibleTrigger,
 } from "@/components/core/collapsible";
-import { Dialog, DialogRoot } from "@/components/core/dialog";
 import { Kbd } from "@/components/core/kbd";
 import { ScrollArea } from "@/components/core/scroll-area";
 import { Tooltip, TooltipProps } from "@/components/core/tooltip";
@@ -255,31 +254,8 @@ const Logo = () => {
 };
 
 const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
-  const [isOpen, setIsOpen] = React.useState(false);
-
-  React.useEffect(() => {
-    const down = (e: KeyboardEvent) => {
-      if ((e.key === "k" && (e.metaKey || e.ctrlKey)) || e.key === "/") {
-        if (
-          (e.target instanceof HTMLElement && e.target.isContentEditable) ||
-          e.target instanceof HTMLInputElement ||
-          e.target instanceof HTMLTextAreaElement ||
-          e.target instanceof HTMLSelectElement
-        ) {
-          return;
-        }
-
-        e.preventDefault();
-        setIsOpen((open) => !open);
-      }
-    };
-
-    document.addEventListener("keydown", down);
-    return () => document.removeEventListener("keydown", down);
-  }, []);
-
   return (
-    <DialogRoot isOpen={isOpen} onOpenChange={setIsOpen}>
+    <SearchCommand keyboardShortcut>
       <StyledTooltip
         content={
           <div className="flex items-center gap-2">
@@ -303,18 +279,7 @@ const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
           </div>
         </SidebarButton>
       </StyledTooltip>
-      <Dialog className="p-0!">
-        <SearchCommand />
-        <Button
-          variant="outline"
-          shape="rectangle"
-          size="sm"
-          className="absolute right-3 top-[13px] h-7 px-2 text-xs font-normal"
-        >
-          Esc
-        </Button>
-      </Dialog>
-    </DialogRoot>
+    </SearchCommand>
   );
 };
 
diff --git a/www/src/modules/demos/components/components-overview-old.tsx b/www/src/modules/demos/components/components-overview-old.tsx
deleted file mode 100644
index 7597d0d73..000000000
--- a/www/src/modules/demos/components/components-overview-old.tsx
+++ /dev/null
@@ -1,398 +0,0 @@
-"use client";
-
-import { PinIcon } from "lucide-react";
-import { cn } from "@/lib/utils";
-import { Link } from "@/components/core/link";
-import { RadioGroup, Radio } from "@/components/core/radio-group";
-import FileTriggerDemo from "@/components/demos/file-trigger/default";
-import { Alert } from "@/components/dynamic-core/alert";
-import { Avatar } from "@/components/dynamic-core/avatar";
-import { Button } from "@/components/dynamic-core/button";
-import { RangeCalendar } from "@/components/dynamic-core/calendar";
-import { Checkbox } from "@/components/dynamic-core/checkbox";
-import { ColorSlider } from "@/components/dynamic-core/color-slider";
-import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
-import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
-import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
-import { NumberField } from "@/components/dynamic-core/number-field";
-import { ProgressBar } from "@/components/dynamic-core/progress-bar";
-import { SearchField } from "@/components/dynamic-core/search-field";
-import { Select, SelectItem } from "@/components/dynamic-core/select";
-import { Separator } from "@/components/dynamic-core/separator";
-import { Slider } from "@/components/dynamic-core/slider";
-import { Switch } from "@/components/dynamic-core/switch";
-import {
-  TableRoot,
-  TableBody,
-  TableColumn,
-  TableCell,
-  TableRow,
-  TableHeader,
-} from "@/components/dynamic-core/table";
-import { Tabs, Tab, TabList, TabPanel } from "@/components/dynamic-core/tabs";
-import { TextField } from "@/components/dynamic-core/text-field";
-import { GitHubIcon, TwitterIcon, GoogleIcon } from "@/components/icons";
-import { useLocalVariants } from "@/modules/themes/contexts/variants-context";
-
-export function ComponentsOverviewOld({ className }: { className?: string }) {
-  const { variants } = useLocalVariants();
-  const globalVariant = variants.global;
-  return (
-    <div className={cn("container grid grid-cols-10 gap-8 p-8", className)}>
-      <div className="col-span-8">
-        <Slider
-          label="Progress"
-          showValueLabel
-          defaultValue={50}
-          variant={globalVariant}
-          className="!w-full"
-        />
-      </div>
-      <div className="col-span-2 row-span-2">
-        <RadioGroup>
-          <Radio value="email">Email</Radio>
-          <Radio value="phone">Phone (SMS)</Radio>
-          <Radio value="notification">
-            <span className="truncate">Push notification</span>
-          </Radio>
-        </RadioGroup>
-      </div>
-      <div className="col-span-8 flex items-center justify-between gap-4">
-        <Button variant={globalVariant}>Button</Button>
-        <Select>
-          <SelectItem>Perplexity</SelectItem>
-          <SelectItem>Replicate</SelectItem>
-          <SelectItem>Together AI</SelectItem>
-          <SelectItem>ElevenLabs</SelectItem>
-        </Select>
-        <FileTriggerDemo />
-        <div className="flex-1" />
-        <Switch>Focus mode</Switch>
-        <Avatar
-          src="https://github.com/mehdibha.png"
-          alt="@mehdibha"
-          fallback="M"
-        />
-        <DateRangePicker className="hidden xl:block" />
-      </div>
-      <div className="col-span-6 flex flex-col gap-4 lg:col-span-3 lg:row-span-8">
-        <Alert title="Payment Information">
-          Enter your payment method to complete your purchase.
-        </Alert>
-        <Tabs>
-          <TabList>
-            <Tab id="login" className="w-1/2">
-              Login
-            </Tab>
-            <Tab id="register" className="w-1/2">
-              Register
-            </Tab>
-          </TabList>
-          <TabPanel id="login" className="mt-4">
-            <Login />
-          </TabPanel>
-          <TabPanel id="register" className="mt-4">
-            <Register />
-          </TabPanel>
-        </Tabs>
-        <ColorSlider
-          label="Opacity"
-          defaultValue="hsla(210, 64%, 35%, 0.7)"
-          channel="alpha"
-          className="hidden !w-full lg:block"
-        />
-        <ProgressBar
-          label="Loading..."
-          value={75}
-          variant={globalVariant}
-          className="w-full"
-        />
-      </div>
-      <div className="col-span-4 flex justify-between gap-6 lg:col-span-5 lg:row-span-2">
-        <ListBox className="hidden max-h-none w-full lg:flex">
-          <ListBoxItem>New...</ListBoxItem>
-          <ListBoxItem>Badges</ListBoxItem>
-          <Separator />
-          <ListBoxItem>Save</ListBoxItem>
-          <ListBoxItem>Save as...</ListBoxItem>
-          <ListBoxItem>Rename...</ListBoxItem>
-          <Separator />
-          <ListBoxItem>Page setup…</ListBoxItem>
-          <ListBoxItem>Print…</ListBoxItem>
-        </ListBox>
-        <div className="w-full lg:hidden" />
-        <div className="space-y-4">
-          <DateRangePicker className="block lg:hidden" />
-          <RangeCalendar />
-          <Checkbox defaultSelected className="flex w-full lg:hidden">
-            Notifications
-          </Checkbox>
-          <SearchField aria-label="Search" className="block w-full lg:hidden" />
-          <Combobox
-            label="Country"
-            description="Please select a country."
-            className="block w-full lg:hidden"
-          >
-            <ComboboxItem>Canada</ComboboxItem>
-            <ComboboxItem>France</ComboboxItem>
-            <ComboboxItem>Germany</ComboboxItem>
-            <ComboboxItem>Spain</ComboboxItem>
-            <ComboboxItem>Tunisia</ComboboxItem>
-            <ComboboxItem>United states</ComboboxItem>
-            <ComboboxItem>United Kingdom</ComboboxItem>
-          </Combobox>
-          <NumberField
-            label="Width"
-            defaultValue={1024}
-            className="block w-full lg:hidden"
-          />
-        </div>
-      </div>
-      <div className="col-span-2 row-span-2 hidden flex-col gap-4 lg:flex">
-        <Checkbox defaultSelected>Notifications</Checkbox>
-        <SearchField aria-label="Search" className="w-auto" />
-        <Combobox
-          label="Country"
-          description="Please select a country."
-          className="w-auto"
-        >
-          <ComboboxItem>Canada</ComboboxItem>
-          <ComboboxItem>France</ComboboxItem>
-          <ComboboxItem>Germany</ComboboxItem>
-          <ComboboxItem>Spain</ComboboxItem>
-          <ComboboxItem>Tunisia</ComboboxItem>
-          <ComboboxItem>United states</ComboboxItem>
-          <ComboboxItem>United Kingdom</ComboboxItem>
-        </Combobox>
-        <NumberField label="Width" defaultValue={1024} className="w-auto" />
-      </div>
-      <div className="col-span-10 row-span-6 lg:col-span-7">
-        <TableRoot
-          aria-label="Vocalists"
-          selectionMode="multiple"
-          variant="bordered"
-        >
-          <TableHeader>
-            <TableColumn>ID</TableColumn>
-            <TableColumn isRowHeader>Name</TableColumn>
-            <TableColumn>Email</TableColumn>
-            <TableColumn>Age</TableColumn>
-            <TableColumn>Role</TableColumn>
-            <TableColumn>Band</TableColumn>
-            <TableColumn>Status</TableColumn>
-          </TableHeader>
-          <TableBody items={items}>
-            {(item) => (
-              <TableRow id={item.id}>
-                <TableCell>{item.id}</TableCell>
-                <TableCell>{item.name}</TableCell>
-                <TableCell>{item.email}</TableCell>
-                <TableCell>{item.age}</TableCell>
-                <TableCell>{item.role}</TableCell>
-                <TableCell>{item.band}</TableCell>
-                <TableCell>{item.status}</TableCell>
-              </TableRow>
-            )}
-          </TableBody>
-        </TableRoot>
-      </div>
-    </div>
-  );
-}
-
-export const MobileComponentsOverview = ({
-  className,
-}: {
-  className?: string;
-}) => {
-  return (
-    <div className={cn("space-y-4 p-4", className)}>
-      <Slider
-        label="Progress"
-        showValueLabel
-        defaultValue={50}
-        className="w-full"
-      />
-      {/* TODO */}
-    </div>
-  );
-};
-
-function Login() {
-  const { variants } = useLocalVariants();
-  const globalVariant = variants.global;
-  return (
-    <div className="bg-bg-muted w-full rounded-lg border p-8">
-      <h1 className="text-2xl font-semibold leading-none tracking-tight">
-        Login
-      </h1>
-      <p className="text-fg-muted mt-2 text-sm">
-        Enter your email below to login to your account
-      </p>
-      <div className="mt-4 flex items-center gap-2">
-        <Button
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign in with google"
-        >
-          <GoogleIcon />
-        </Button>
-        <Button
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign in with X"
-        >
-          <TwitterIcon />
-        </Button>
-        <Button
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign in with github"
-        >
-          <GitHubIcon />
-        </Button>
-      </div>
-      <div className="relative my-4">
-        <div className="absolute inset-0 flex items-center">
-          <span className="w-full border-t" />
-        </div>
-        <div className="relative flex justify-center text-xs uppercase">
-          <span className="bg-bg-muted text-fg-muted px-2">Or</span>
-        </div>
-      </div>
-      <TextField label="Email address" type="email" className="w-full" />
-      <Button variant={globalVariant} className="mt-4 w-full" type="submit">
-        Continue with email
-      </Button>
-      <p className="text-fg-muted mt-4 text-sm">
-        Don&apos;t have an account?{" "}
-        <Link variant="quiet" href="/preview/register">
-          Register
-        </Link>
-      </p>
-    </div>
-  );
-}
-
-function Register() {
-  const { variants } = useLocalVariants();
-  const globalVariant = variants.global;
-  return (
-    <div className="bg-bg-muted w-full rounded-lg border p-8">
-      <h1 className="text-2xl font-semibold leading-none tracking-tight">
-        Create an account
-      </h1>
-      <p className="text-fg-muted mt-2 text-sm">
-        Enter your email below to create your account
-      </p>
-      <div className="mt-4 flex items-center gap-2">
-        <Button
-          href="/preview/overview"
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign up with google"
-        >
-          <GoogleIcon />
-        </Button>
-        <Button
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign up with X"
-        >
-          <TwitterIcon />
-        </Button>
-        <Button
-          variant="outline"
-          className="flex-1"
-          aria-label="Sign up with github"
-        >
-          <GitHubIcon />
-        </Button>
-      </div>
-      <div className="relative my-4">
-        <div className="absolute inset-0 flex items-center">
-          <span className="w-full border-t" />
-        </div>
-        <div className="relative flex justify-center text-xs uppercase">
-          <span className="bg-bg-muted text-fg-muted px-2">Or</span>
-        </div>
-      </div>
-      <TextField label="Email address" className="w-full" />
-      <Button variant={globalVariant} className="mt-4 w-full">
-        Sign up with email
-      </Button>
-      <p className="text-fg-muted mt-4 text-sm">
-        Already have an account?{" "}
-        <Link variant="quiet" href="/preview/login">
-          Login
-        </Link>
-      </p>
-    </div>
-  );
-}
-
-const items = [
-  {
-    id: 1,
-    name: "Randy Blythe",
-    email: "randy.blythe@example.com",
-    age: 52,
-    role: "Vocalist",
-    band: "Lamb of God",
-    status: "Active",
-  },
-  {
-    id: 2,
-    name: "Phil Anselmo",
-    email: "phil.anselmo@example.com",
-    age: 55,
-    role: "Vocalist",
-    band: "Pantera",
-    status: "Active",
-  },
-  {
-    id: 3,
-    name: "George Fisher",
-    email: "george.fisher@example.com",
-    age: 53,
-    role: "Vocalist",
-    band: "Cannibal Corpse",
-    status: "Active",
-  },
-  {
-    id: 4,
-    name: "Corey Taylor",
-    email: "corey.taylor@example.com",
-    age: 50,
-    role: "Vocalist",
-    band: "Slipknot",
-    status: "Active",
-  },
-  {
-    id: 5,
-    name: "Trevor Strnad",
-    email: "trevor.strnad@example.com",
-    age: 41,
-    role: "Vocalist",
-    band: "The Black Dahlia Murder",
-    status: "Inactive",
-  },
-  {
-    id: 6,
-    name: "Chuck Schuldiner",
-    email: "chuck.schuldiner@example.com",
-    age: 34,
-    role: "Vocalist",
-    band: "Death",
-    status: "Deceased",
-  },
-  {
-    id: 7,
-    name: "Mitch Lucker",
-    email: "mitch.lucker@example.com",
-    age: 28,
-    role: "Vocalist",
-    band: "Suicide Silence",
-    status: "Deceased",
-  },
-];
diff --git a/www/src/modules/demos/components/components-overview.tsx b/www/src/modules/demos/components/components-overview.tsx
index 8b9a58deb..bdb69b895 100644
--- a/www/src/modules/demos/components/components-overview.tsx
+++ b/www/src/modules/demos/components/components-overview.tsx
@@ -1,10 +1,10 @@
 "use client";
 
-import { MenuIcon, PinIcon, UploadIcon } from "lucide-react";
+import { MenuIcon, PinIcon } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { Link } from "@/components/core/link";
 import { RadioGroup, Radio } from "@/components/core/radio-group";
-import BadgeVariants from "@/components/demos/badge/variants";
+// import BadgeVariants from "@/components/demos/badge/variants";
 import FileTriggerDemo from "@/components/demos/file-trigger/default";
 import { Alert } from "@/components/dynamic-core/alert";
 import { Avatar } from "@/components/dynamic-core/avatar";
@@ -15,7 +15,7 @@ import { ColorPicker } from "@/components/dynamic-core/color-picker";
 import { ColorSlider } from "@/components/dynamic-core/color-slider";
 import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
 import { DatePicker } from "@/components/dynamic-core/date-picker";
-import { DropZone, DropZoneLabel } from "@/components/dynamic-core/drop-zone";
+// import { DropZone, DropZoneLabel } from "@/components/dynamic-core/drop-zone";
 import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
 import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
 import { NumberField } from "@/components/dynamic-core/number-field";
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index cf9c97300..55f9b1d9c 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -14,7 +14,6 @@ import {
   ComponentsOverview,
   MobileComponentsOverview,
 } from "@/modules/demos/components/components-overview";
-import { ComponentsOverviewOld } from "@/modules/demos/components/components-overview-old";
 import { ThemeProvider } from "./theme-provider";
 
 export const ThemesOverview = () => {
@@ -40,21 +39,21 @@ export const ThemesOverview = () => {
 
   const currentTheme = themes.find((theme) => theme.name === currentThemeName)!;
 
-  // React.useEffect(() => {
-  //   const interval = setInterval(() => {
-  //     if (touched) return;
-  //     const currentIndex = themes.findIndex(
-  //       (theme) => theme.name === currentThemeName
-  //     );
-  //     const nextIndex = (currentIndex + 1) % themes.length;
-  //     const nextTheme = themes[nextIndex];
-  //     if (nextTheme) {
-  //       setCurrentThemeName(nextTheme.name);
-  //     }
-  //   }, 5000);
+  React.useEffect(() => {
+    const interval = setInterval(() => {
+      if (touched) return;
+      const currentIndex = themes.findIndex(
+        (theme) => theme.name === currentThemeName
+      );
+      const nextIndex = (currentIndex + 1) % themes.length;
+      const nextTheme = themes[nextIndex];
+      if (nextTheme) {
+        setCurrentThemeName(nextTheme.name);
+      }
+    }, 5000);
 
-  //   return () => clearInterval(interval);
-  // }, [currentThemeName, touched]);
+    return () => clearInterval(interval);
+  }, [currentThemeName, touched]);
 
   return (
     <div className="flex flex-col items-center gap-10 md:gap-4">
@@ -216,7 +215,6 @@ export const ThemesOverview = () => {
                   )}
                 </AnimatePresence>
                 <div className="bg-bg w-full rounded-md border">
-                  {/* <ComponentsOverviewOld /> */}
                   <ComponentsOverview className="hidden xl:container sm:grid" />
                   <MobileComponentsOverview className="sm:hidden" />
                 </div>
diff --git a/www/src/registry/core/list-box_basic.tsx b/www/src/registry/core/list-box_basic.tsx
index d23282f7a..daf27bfbd 100644
--- a/www/src/registry/core/list-box_basic.tsx
+++ b/www/src/registry/core/list-box_basic.tsx
@@ -8,7 +8,7 @@ import {
   ListBoxItem as AriaListBoxItem,
   ListBoxSection as AriaListBoxSection,
   Collection as AriaCollection,
-  Heading as AriaHeading,
+  Header as AriaHeader,
   type ListBoxProps as AriaListBoxProps,
   type ListBoxItemProps as AriaListBoxItemProps,
   type ListBoxSectionProps as AriaListBoxSectionProps,
@@ -154,9 +154,9 @@ const ListBoxSection = <T extends object>({
       {...props}
     >
       {title && (
-        <AriaHeading className="text-fg-muted mb-1 pl-3 text-xs">
+        <AriaHeader className="text-fg-muted mb-1 pl-3 text-xs">
           {title}
-        </AriaHeading>
+        </AriaHeader>
       )}
       <AriaCollection items={props.items}>{children}</AriaCollection>
     </AriaListBoxSection>
diff --git a/www/src/registry/core/menu_basic.tsx b/www/src/registry/core/menu_basic.tsx
index 8d1a7d53b..47cb7b281 100644
--- a/www/src/registry/core/menu_basic.tsx
+++ b/www/src/registry/core/menu_basic.tsx
@@ -9,7 +9,7 @@ import {
   MenuItem as AriaMenuItem,
   SubmenuTrigger as AriaSubmenuTrigger,
   MenuSection as AriaMenuSection,
-  Heading as AriaHeading,
+  Header as AriaHeader,
   Collection as AriaCollection,
   type MenuItemProps as AriaMenuItemProps,
   type MenuProps as AriaMenuProps,
@@ -152,9 +152,9 @@ const MenuSection = <T extends object>({
   return (
     <AriaMenuSection className={menuSectionStyles({ className })} {...props}>
       {title && (
-        <AriaHeading className="text-fg-muted mb-1 pl-3 text-xs">
+        <AriaHeader className="text-fg-muted mb-1 pl-3 text-xs">
           {title}
-        </AriaHeading>
+        </AriaHeader>
       )}
       <AriaCollection items={props.items}>{children}</AriaCollection>
     </AriaMenuSection>

From f7d428dad919a0348b7e79f5e7560fb054a43008 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 9 Feb 2025 00:31:12 +0100
Subject: [PATCH 119/165] wip themes page

---
 www/src/app/(app)/layout.tsx                  |  30 ++--
 .../app/(app)/themes/components/preview.tsx   |  12 +-
 www/src/app/(app)/themes/layout.tsx           |  83 +++++++++++
 www/src/app/(app)/themes/page.tsx             | 130 ++++++++----------
 www/src/components/sidebar.tsx                |  90 ++++++------
 www/src/registry/core/alert_basic.tsx         |   2 +-
 www/src/styles/globals.css                    |   1 +
 7 files changed, 218 insertions(+), 130 deletions(-)
 create mode 100644 www/src/app/(app)/themes/layout.tsx

diff --git a/www/src/app/(app)/layout.tsx b/www/src/app/(app)/layout.tsx
index 4afe947ec..0b0413bf5 100644
--- a/www/src/app/(app)/layout.tsx
+++ b/www/src/app/(app)/layout.tsx
@@ -1,23 +1,25 @@
 import { Footer } from "@/components/footer";
 import { MobileNav } from "@/components/mobile-nav";
-import { Sidebar } from "@/components/sidebar";
+import { Sidebar, SidebarProvider } from "@/components/sidebar";
 import { source } from "@/app/source";
 
 export default function AppLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="relative flex min-h-screen w-full flex-col lg:flex-row">
-      <MobileNav items={source.pageTree.children} className="lg:hidden" />
-      <Sidebar items={source.pageTree.children} className="hidden lg:flex" />
-      <main className="flex-1">
-        <div className="sm:grid sm:grid-cols-[20px_1fr_20px] md:grid-cols-[30px_1fr_30px]">
-          <div className="diagonal-pattern hidden md:block" />
-          <div>
-            <div className="min-h-screen">{children}</div>
-            <Footer />
+    <SidebarProvider>
+      <div className="relative flex min-h-screen w-full flex-col lg:flex-row">
+        <MobileNav items={source.pageTree.children} className="lg:hidden" />
+        <Sidebar items={source.pageTree.children} className="hidden lg:flex" />
+        <main className="flex-1">
+          <div className="sm:grid sm:grid-cols-[20px_1fr_20px] md:grid-cols-[30px_1fr_30px]">
+            <div className="diagonal-pattern hidden sm:block" />
+            <div>
+              <div className="min-h-screen">{children}</div>
+              <Footer />
+            </div>
+            <div className="diagonal-pattern hidden sm:block" />
           </div>
-          <div className="diagonal-pattern hidden md:block" />
-        </div>
-      </main>
-    </div>
+        </main>
+      </div>
+    </SidebarProvider>
   );
 }
diff --git a/www/src/app/(app)/themes/components/preview.tsx b/www/src/app/(app)/themes/components/preview.tsx
index 194eb144f..d677dd882 100644
--- a/www/src/app/(app)/themes/components/preview.tsx
+++ b/www/src/app/(app)/themes/components/preview.tsx
@@ -52,15 +52,15 @@ export function Preview() {
   }, [updateUrl]);
 
   return (
-    <div className="bg-bg size-full overflow-hidden rounded border">
+    <div className="bg-bg size-full overflow-hidden border">
       <div className="bg-bg-muted flex items-center justify-between gap-2 border-b py-1 pl-4 pr-2">
         <div className="flex w-32 items-center gap-3">
           {/* window controls (decorative) */}
-          <div className="flex items-center gap-1.5">
-            <div className="size-3 rounded-full bg-red-500" />
-            <div className="size-3 rounded-full bg-yellow-500" />
-            <div className="size-3 rounded-full bg-green-500" />
-          </div>
+          {/* <div className="flex items-center gap-1.5">
+            <div className="size-3 rounded-full border border-field" />
+            <div className="size-3 rounded-full border border-field" />
+            <div className="size-3 rounded-full border border-field" />
+          </div> */}
           <div className="flex items-center gap-1">
             <Button
               onPress={goBack}
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
new file mode 100644
index 000000000..e0815bcc1
--- /dev/null
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -0,0 +1,83 @@
+"use client";
+
+import React from "react";
+import { ChevronsRightIcon } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+import { cn } from "@/lib/utils";
+import { useMounted } from "@/hooks/use-mounted";
+import { Button } from "@/components/core/button";
+import { useSidebarContext } from "@/components/sidebar";
+import { PreviewProvider } from "./components/context";
+import { Preview } from "./components/preview";
+
+export default function ThemesLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const { isCollapsed } = useSidebarContext();
+  const isMounted = useMounted();
+
+  React.useEffect(() => {
+    setIsOpen(true);
+  }, []);
+
+  return (
+    <PreviewProvider>
+      <div className={cn("max-w-screen-3xl relative mx-auto flex")}>
+        <div className="relative flex-1">
+          <div className="sticky top-0 flex h-12 items-center justify-end pr-2">
+            <AnimatePresence>
+              {!isOpen && isMounted && (
+                <motion.div
+                  initial={{ opacity: 0.8, x: 100 }}
+                  animate={{ opacity: 1, x: 0 }}
+                  exit={{ opacity: 0.8, x: 100 }}
+                  transition={{ duration: 0.2 }}
+                >
+                  <Button
+                    size="sm"
+                    onPress={() => setIsOpen(true)}
+                    className="sticky top-0"
+                  >
+                    Preview
+                  </Button>
+                </motion.div>
+              )}
+            </AnimatePresence>
+          </div>
+          <div className="container max-w-4xl">{children}</div>
+        </div>
+        <div className="relative">
+          <motion.div
+            initial={false}
+            animate={{ width: isOpen ? (isCollapsed ? 600 : 500) : 0 }}
+            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+            className="sticky right-0 top-0 z-10 h-[100svh] w-0 overflow-hidden"
+          >
+            <motion.div
+              initial={false}
+              animate={{ width: isCollapsed ? 600 : 500 }}
+              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+              className="h-full"
+            >
+              <div className="bg-bg-muted flex items-center border-x px-2 py-1">
+                <Button
+                  variant="quiet"
+                  shape="square"
+                  size="sm"
+                  className="size-7"
+                  onPress={() => setIsOpen(false)}
+                >
+                  <ChevronsRightIcon />
+                </Button>
+              </div>
+              <Preview />
+            </motion.div>
+          </motion.div>
+        </div>
+      </div>
+    </PreviewProvider>
+  );
+}
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index 231a04615..1093dc89d 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -6,7 +6,6 @@ import { Button } from "@/components/core/button";
 import { Borders } from "./components/borders";
 import { ButtonStyle } from "./components/button-style";
 import { Colors } from "./components/colors";
-import { PreviewProvider } from "./components/context";
 import { CreateThemeDialog } from "./components/create-theme";
 import { ExploreThemesDialog } from "./components/explore-themes";
 import { FocusStyle } from "./components/focus-style";
@@ -16,7 +15,6 @@ import { ListBoxStyle } from "./components/listbox-style";
 import { LoaderStyle } from "./components/loader-style";
 import { OverlayStyle } from "./components/overlay-style";
 import { PickerStyle } from "./components/picker-style";
-import { Preview } from "./components/preview";
 import { TabsStyle } from "./components/tabs-style";
 import { ThemeSelect } from "./components/theme-select";
 import { Typography } from "./components/typography";
@@ -28,75 +26,67 @@ export const metadata: Metadata = {
 
 export default function Page() {
   return (
-    <PreviewProvider>
-      <div className="container space-y-6 pb-20">
-        <div className="relative grid grid-cols-12 items-start gap-6 pt-10">
-          <div className="col-span-12 mt-6 lg:col-span-6">
-            <h1 className="font-heading xs:text-2xl text-pretty text-xl font-semibold tracking-tighter sm:text-3xl md:text-4xl">
-              Everything starts with identity.
-            </h1>
-            <h2 className="text-fg-muted mt-3 text-sm">
-              Generate colors, fonts, and spacing to match your brand identity.
-            </h2>
-            <div className="mt-4 flex items-center gap-2">
-              <ExploreThemesDialog>
-                <Button variant="primary">Explore themes</Button>
-              </ExploreThemesDialog>
-              <CreateThemeDialog>
-                <Button variant="outline" prefix={<PlusIcon />}>
-                  Create theme
-                </Button>
-              </CreateThemeDialog>
-            </div>
-            <ThemeSelect className="mt-10" />
-            <div className="mt-6 space-y-6">
-              <Section title="Colors">
-                <Colors />
-              </Section>
-              <Section title="Typography">
-                <Typography />
-              </Section>
-              <Section title="Borders">
-                <Borders />
-              </Section>
-              <Section title="Iconography">
-                <Iconography />
-              </Section>
-              <Section title="Loader style" className="col-span-6">
-                <LoaderStyle />
-              </Section>
-              <Section title="Focus style" className="col-span-6">
-                <FocusStyle />
-              </Section>
-              <Section title="Button style" className="col-span-6">
-                <ButtonStyle />
-              </Section>
-              <Section title="Input style" className="col-span-6">
-                <InputStyle />
-              </Section>
-              <Section title="Picker style" className="col-span-6">
-                <PickerStyle />
-              </Section>
-              <Section title="Listbox style" className="col-span-6">
-                <ListBoxStyle />
-              </Section>
-              <Section
-                title="Modal/Popover/Tooltip style"
-                className="col-span-6"
-              >
-                <OverlayStyle />
-              </Section>
-              <Section title="Tabs style" className="col-span-6">
-                <TabsStyle />
-              </Section>
-            </div>
-          </div>
-          <div className="sticky top-10 hidden h-[calc(100svh-calc(var(--spacing)*20))] justify-center lg:col-span-6 lg:flex">
-            <Preview />
-          </div>
+    <div className="pb-20">
+      <section className="py-10">
+        <h1 className="font-heading xs:text-2xl text-pretty text-xl font-semibold tracking-tighter sm:text-3xl md:text-4xl">
+          Everything starts with identity.
+        </h1>
+        <h2 className="text-fg-muted mt-3 text-sm">
+          Generate colors, fonts, and spacing to match your brand identity.
+        </h2>
+        <div className="mt-4 flex items-center gap-2">
+          <ExploreThemesDialog>
+            <Button variant="primary">Explore themes</Button>
+          </ExploreThemesDialog>
+          <CreateThemeDialog>
+            <Button variant="outline" prefix={<PlusIcon />}>
+              Create theme
+            </Button>
+          </CreateThemeDialog>
         </div>
-      </div>
-    </PreviewProvider>
+      </section>
+      <section className="py-8">
+        <ThemeSelect />
+        <div className="mt-6 space-y-6">
+          <Section title="Colors">
+            <Colors />
+          </Section>
+          <Section title="Typography">
+            <Typography />
+          </Section>
+          <Section title="Borders">
+            <Borders />
+          </Section>
+          <Section title="Iconography">
+            <Iconography />
+          </Section>
+          <Section title="Loader style" className="col-span-6">
+            <LoaderStyle />
+          </Section>
+          <Section title="Focus style" className="col-span-6">
+            <FocusStyle />
+          </Section>
+          <Section title="Button style" className="col-span-6">
+            <ButtonStyle />
+          </Section>
+          <Section title="Input style" className="col-span-6">
+            <InputStyle />
+          </Section>
+          <Section title="Picker style" className="col-span-6">
+            <PickerStyle />
+          </Section>
+          <Section title="Listbox style" className="col-span-6">
+            <ListBoxStyle />
+          </Section>
+          <Section title="Modal/Popover/Tooltip style" className="col-span-6">
+            <OverlayStyle />
+          </Section>
+          <Section title="Tabs style" className="col-span-6">
+            <TabsStyle />
+          </Section>
+        </div>
+      </section>
+    </div>
   );
 }
 
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index bed00f847..d5ff393f5 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -37,7 +37,7 @@ export const Sidebar = ({
   className?: string;
   items: PageTree.Node[];
 }) => {
-  const [isCollapsed, setIsCollapsed] = React.useState(false);
+  const { isCollapsed, setCollapsed } = useSidebarContext();
 
   const transition: Transition = {
     type: "spring",
@@ -49,20 +49,16 @@ export const Sidebar = ({
     const handleKeyDown = (e: KeyboardEvent) => {
       if (e.ctrlKey && e.key === "b") {
         e.preventDefault();
-        setIsCollapsed((prev) => !prev);
+        setCollapsed((prev) => !prev);
       }
     };
 
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
-  }, []);
+  }, [setCollapsed]);
 
   return (
-    <SidebarRoot
-      isCollapsed={isCollapsed}
-      onCollapseChange={(c) => setIsCollapsed(c)}
-      className={className}
-    >
+    <SidebarRoot className={className}>
       <div className="relative flex items-center p-3 pb-1">
         <Logo />
       </div>
@@ -141,7 +137,7 @@ export const Sidebar = ({
                 shape="square"
                 size="sm"
                 variant="default"
-                onPress={() => setIsCollapsed(!isCollapsed)}
+                onPress={() => setCollapsed(!isCollapsed)}
               >
                 {isCollapsed ? <PanelLeftOpenIcon /> : <PanelLeftCloseIcon />}
               </Button>
@@ -155,50 +151,66 @@ export const Sidebar = ({
 
 const SidebarRoot = ({
   children,
-  isCollapsed,
-  onCollapseChange,
   className,
 }: {
   children: React.ReactNode;
-  isCollapsed: boolean;
-  onCollapseChange: (isCollapsed: boolean) => void;
   className?: string;
 }) => {
+  const { isCollapsed } = useSidebarContext();
   return (
-    <SidebarContext.Provider value={{ isCollapsed, onCollapseChange }}>
-      <aside
-        className={cn("group/sidebar text-sm", className)}
-        data-collapsed={isCollapsed ? "" : undefined}
-        style={
-          {
-            "--sidebar-width": "230px",
-            "--sidebar-width-collapsed": "49px",
-          } as React.CSSProperties
-        }
-      >
-        <div
-          className={cn(
-            "transition-sidebar group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) w-(--sidebar-width) relative z-10 h-svh bg-transparent"
-          )}
-        />
-        <div className="transition-sidebar bg-bg group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) [&_svg]:text-fg-muted w-(--sidebar-width) fixed inset-y-0 left-0 z-10 flex h-svh flex-col overflow-hidden [&_button]:font-normal">
-          <div className="w-(--sidebar-width) relative flex h-svh flex-1 translate-x-[-0.5px] flex-col overflow-hidden">
-            {children}
-          </div>
+    <aside
+      className={cn("group/sidebar text-sm", className)}
+      data-collapsed={isCollapsed ? "" : undefined}
+      style={
+        {
+          "--sidebar-width": "230px",
+          "--sidebar-width-collapsed": "49px",
+        } as React.CSSProperties
+      }
+    >
+      <div
+        className={cn(
+          "transition-sidebar group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) w-(--sidebar-width) relative z-10 h-svh bg-transparent"
+        )}
+      />
+      <div className="transition-sidebar bg-bg group-data-collapsed/sidebar:w-(--sidebar-width-collapsed) [&_svg]:text-fg-muted w-(--sidebar-width) fixed inset-y-0 left-0 z-10 flex h-svh flex-col overflow-hidden [&_button]:font-normal">
+        <div className="w-(--sidebar-width) relative flex h-svh flex-1 translate-x-[-0.5px] flex-col overflow-hidden">
+          {children}
         </div>
-      </aside>
-    </SidebarContext.Provider>
+      </div>
+    </aside>
   );
 };
 
 const SidebarContext = React.createContext<{
   isCollapsed: boolean;
-  onCollapseChange: (isCollapsed: boolean) => void;
+  setCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
 }>({
   isCollapsed: false,
-  onCollapseChange: () => {},
+  setCollapsed: () => {},
 });
 
+export const SidebarProvider = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => {
+  const [isCollapsed, setCollapsed] = React.useState(true);
+  return (
+    <SidebarContext value={{ isCollapsed, setCollapsed }}>
+      {children}
+    </SidebarContext>
+  );
+};
+
+export const useSidebarContext = () => {
+  const ctx = React.useContext(SidebarContext);
+  if (!ctx) {
+    throw new Error("useSidebarContext must be used within SidebarProvider");
+  }
+  return ctx;
+};
+
 const Logo = () => {
   return (
     <Link
@@ -379,7 +391,7 @@ function FolderNode({
 }): React.ReactElement {
   const defaultOpenLevel = 0;
   const pathname = usePathname();
-  const { isCollapsed, onCollapseChange } = React.useContext(SidebarContext);
+  const { isCollapsed, setCollapsed } = useSidebarContext();
   const active =
     item.index !== undefined && isActive(item.index.url, pathname, false);
   const childActive = React.useMemo(
@@ -409,7 +421,7 @@ function FolderNode({
                   setOpen(!open);
                   return;
                 }
-                onCollapseChange(false);
+                setCollapsed(false);
               }}
             >
               {item.icon}
diff --git a/www/src/registry/core/alert_basic.tsx b/www/src/registry/core/alert_basic.tsx
index f793d07bd..cc8677826 100644
--- a/www/src/registry/core/alert_basic.tsx
+++ b/www/src/registry/core/alert_basic.tsx
@@ -12,7 +12,7 @@ import { createScopedContext } from "@/lib/utils";
 
 const alertStyles = tv({
   slots: {
-    root: "flex w-full items-center gap-4 rounded-lg border p-4 text-sm [&_svg]:size-4",
+    root: "flex w-full items-center gap-4 @container rounded-lg border p-4 text-sm [&_svg]:size-4",
     title: "font-medium leading-normal tracking-tight",
     content: "",
   },
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index cb0f6ad57..e9d060fdb 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -222,6 +222,7 @@
 
   /* breakpoints */
   --breakpoint-xs: 30rem;
+  --breakpoint-3xl: 120rem;
 
   /* easing */
   --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

From fe7266470abc767fb7b294116890542635c68417 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 9 Feb 2025 00:31:54 +0100
Subject: [PATCH 120/165] fix: format

---
 www/src/registry/core/alert_basic.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/src/registry/core/alert_basic.tsx b/www/src/registry/core/alert_basic.tsx
index cc8677826..0a345d05b 100644
--- a/www/src/registry/core/alert_basic.tsx
+++ b/www/src/registry/core/alert_basic.tsx
@@ -12,7 +12,7 @@ import { createScopedContext } from "@/lib/utils";
 
 const alertStyles = tv({
   slots: {
-    root: "flex w-full items-center gap-4 @container rounded-lg border p-4 text-sm [&_svg]:size-4",
+    root: "@container flex w-full items-center gap-4 rounded-lg border p-4 text-sm [&_svg]:size-4",
     title: "font-medium leading-normal tracking-tight",
     content: "",
   },

From 8f5670e7432ce95cb40568c01e2afd80dfdb7377 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 9 Feb 2025 19:18:39 +0100
Subject: [PATCH 121/165] wip site themes

---
 www/scripts/build-internal-registry.ts        |  48 +++
 www/src/app/(app)/themes/layout.tsx           |  20 +-
 www/src/app/(app)/themes/page.tsx             |   4 +-
 www/src/app/layout.tsx                        |  15 +-
 .../components/core/color-swatch-picker.tsx   |   1 +
 www/src/components/header.tsx                 |   9 +-
 www/src/components/sidebar.tsx                |   3 +-
 www/src/components/theme-colors-selector.tsx  | 159 +++++++
 .../themes/components/theme-provider.tsx      | 114 ++---
 www/src/modules/themes/index.ts               |   1 +
 www/src/modules/themes/site-themes.ts         | 105 +++++
 .../core/color-swatch-picker_basic.tsx        |   1 +
 www/src/styles/globals.css                    | 405 +++++++++---------
 www/src/styles/themes.css                     |  14 +
 14 files changed, 627 insertions(+), 272 deletions(-)
 create mode 100644 www/src/components/core/color-swatch-picker.tsx
 create mode 100644 www/src/components/theme-colors-selector.tsx
 create mode 100644 www/src/modules/themes/site-themes.ts
 create mode 100644 www/src/styles/themes.css

diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
index 8cd7881ad..073201b3b 100644
--- a/www/scripts/build-internal-registry.ts
+++ b/www/scripts/build-internal-registry.ts
@@ -1,6 +1,11 @@
 import { existsSync, promises as fs } from "node:fs";
 import path from "node:path";
 import { rimraf } from "rimraf";
+import { accentColors } from "@/modules/themes";
+import {
+  createTheme,
+  createThemeCssVars,
+} from "@/modules/themes/lib/create-theme";
 
 // import { iconLibraries, icons } from "@/registry/registry-icons";
 
@@ -171,6 +176,49 @@ async function buildDemos() {
 //   // export const Components = {`;
 // }
 
+const createPalette = () => {
+  
+}
+
+const buildThemes = async () => {
+  const targetPath = path.join(process.cwd(), "src/styles/themes.css");
+  const ACCENT_THEME = `
+.theme-<%- theme %> {
+  --background: <%- colors.light["background"] %>;
+  --foreground: <%- colors.light["foreground"] %>;
+}
+
+.dark .theme-<%- theme %> {
+  --background: <%- colors.dark["background"] %>;
+  --foreground: <%- colors.dark["foreground"] %>;
+}`;
+
+  const themesCSS = [];
+
+  for (const accentColor of accentColors) {
+    const generatedTheme = createThemeCssVars(
+      {
+        light: {
+          palettes: {
+            neutral: { baseColors: ["#fff"] },
+            accent: {
+              baseColors: ["#f9a825"],
+            },
+          },
+        },
+      },
+      "light"
+    )
+    themesCSS
+      .push
+      // template(THEME_STYLES_WITH_VARIABLES)({
+      //   colors: theme.cssVars,
+      //   theme: theme.name,
+      // })
+      ();
+  }
+};
+
 async function run() {
   try {
     await setup();
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
index e0815bcc1..d6fb5db33 100644
--- a/www/src/app/(app)/themes/layout.tsx
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -27,7 +27,19 @@ export default function ThemesLayout({
     <PreviewProvider>
       <div className={cn("max-w-screen-3xl relative mx-auto flex")}>
         <div className="relative flex-1">
-          <div className="sticky top-0 flex h-12 items-center justify-end pr-2">
+          <div className="container max-w-4xl px-0">
+            <div
+              className={cn(
+                "container max-w-none border-x",
+                isOpen && "border-transparent"
+              )}
+            >
+              {children}
+            </div>
+          </div>
+        </div>
+        <div className="relative">
+          <div className="absolute -left-2 top-2 -translate-x-full">
             <AnimatePresence>
               {!isOpen && isMounted && (
                 <motion.div
@@ -37,9 +49,10 @@ export default function ThemesLayout({
                   transition={{ duration: 0.2 }}
                 >
                   <Button
+                    variant="default"
                     size="sm"
                     onPress={() => setIsOpen(true)}
-                    className="sticky top-0"
+                    className="bg-bg-inverse/5 sticky top-0 border"
                   >
                     Preview
                   </Button>
@@ -47,9 +60,6 @@ export default function ThemesLayout({
               )}
             </AnimatePresence>
           </div>
-          <div className="container max-w-4xl">{children}</div>
-        </div>
-        <div className="relative">
           <motion.div
             initial={false}
             animate={{ width: isOpen ? (isCollapsed ? 600 : 500) : 0 }}
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index 1093dc89d..09d688373 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -27,7 +27,7 @@ export const metadata: Metadata = {
 export default function Page() {
   return (
     <div className="pb-20">
-      <section className="py-10">
+      <section className="pt-16 pb-10">
         <h1 className="font-heading xs:text-2xl text-pretty text-xl font-semibold tracking-tighter sm:text-3xl md:text-4xl">
           Everything starts with identity.
         </h1>
@@ -39,7 +39,7 @@ export default function Page() {
             <Button variant="primary">Explore themes</Button>
           </ExploreThemesDialog>
           <CreateThemeDialog>
-            <Button variant="outline" prefix={<PlusIcon />}>
+            <Button variant="outline" className="bg-bg-inverse/5" prefix={<PlusIcon />}>
               Create theme
             </Button>
           </CreateThemeDialog>
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index ee1004c33..00ab543ca 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import type { Metadata, Viewport } from "next";
+import { cookies } from "next/headers";
 import { Analytics } from "@vercel/analytics/react";
 import { truncateOnWord } from "@/lib/string";
 import { cn } from "@/lib/utils";
@@ -43,11 +44,14 @@ export const viewport: Viewport = {
   ],
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
+  const cookieStore = await cookies();
+  const theme = cookieStore.get("site-theme")?.value ?? ""
+  console.log(theme)
   return (
     <html lang="en" suppressHydrationWarning>
       <body
@@ -61,8 +65,13 @@ export default function RootLayout({
       >
         <Analytics />
         <Providers>
-          <ThemeOverride id="custom-theme-portal" className="bg-transparent" />
-          {children}
+          <div>
+            <ThemeOverride
+              id="custom-theme-portal"
+              className="bg-transparent"
+            />
+            {children}
+          </div>
         </Providers>
       </body>
     </html>
diff --git a/www/src/components/core/color-swatch-picker.tsx b/www/src/components/core/color-swatch-picker.tsx
new file mode 100644
index 000000000..2616e0da4
--- /dev/null
+++ b/www/src/components/core/color-swatch-picker.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/color-swatch-picker_basic"
\ No newline at end of file
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index 27280626c..64a3c88ac 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -2,13 +2,14 @@
 
 import React from "react";
 import Link from "next/link";
-import { SearchIcon } from "lucide-react";
+import { SearchIcon, SwatchBookIcon } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 import { siteConfig } from "@/config";
 import { Kbd } from "./core/kbd";
 import { GitHubIcon, TwitterIcon } from "./icons";
 import { SearchCommand } from "./search-command";
+import { ThemeColorsSelector } from "./theme-colors-selector";
 import { ThemeSwitcher } from "./theme-switcher";
 
 export function Header({ className }: { className?: string }) {
@@ -65,6 +66,12 @@ export function Header({ className }: { className?: string }) {
           >
             <TwitterIcon />
           </Button>
+
+          <ThemeColorsSelector>
+            <Button variant="quiet" size="sm" shape="square">
+              <SwatchBookIcon />
+            </Button>
+          </ThemeColorsSelector>
           <ThemeSwitcher />
         </div>
       </div>
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index d5ff393f5..fedd6f563 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -195,7 +195,8 @@ export const SidebarProvider = ({
 }: {
   children: React.ReactNode;
 }) => {
-  const [isCollapsed, setCollapsed] = React.useState(true);
+  const pathname = usePathname();
+  const [isCollapsed, setCollapsed] = React.useState(pathname === "/themes");
   return (
     <SidebarContext value={{ isCollapsed, setCollapsed }}>
       {children}
diff --git a/www/src/components/theme-colors-selector.tsx b/www/src/components/theme-colors-selector.tsx
new file mode 100644
index 000000000..3aef64628
--- /dev/null
+++ b/www/src/components/theme-colors-selector.tsx
@@ -0,0 +1,159 @@
+"use client";
+
+import React from "react";
+import { parseColor, type Color } from "react-aria-components";
+import { Button } from "@/components/core/button";
+import {
+  ColorSwatchPicker,
+  ColorSwatchPickerItem,
+} from "@/components/core/color-swatch-picker";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
+
+export const ThemeColorsSelector = ({
+  children,
+}: {
+  children?: React.ReactNode;
+}) => {
+  const [accentColor, setAccentColor] = React.useState<{
+    name: "";
+    value: Color;
+  }>({
+    name: "",
+    value: parseColor("#f9a825"),
+  });
+  const [primaryColor, setPrimaryColor] = React.useState<string | null>(null);
+
+  return (
+    <DialogRoot>
+      {children}
+      <Dialog type="popover" popoverProps={{ placement: "bottom right", shouldFlip: false }}>
+        <p className="text-fg-muted text-sm">Neutral</p>
+        <ColorSwatchPicker
+          value={accentColor.value}
+          className="grid grid-cols-5"
+        >
+          {neutralColors.map((color) => (
+            <ColorSwatchPickerItem key={color.name} color={color.color}>
+              {color.name}
+            </ColorSwatchPickerItem>
+          ))}
+        </ColorSwatchPicker>
+        <p className="text-fg-muted mt-4 text-sm">Primary</p>
+        <ColorSwatchPicker className="grid grid-cols-5">
+          {accentColors.map((color) => (
+            <ColorSwatchPickerItem key={color.name} color={color.color}>
+              {color.name}
+            </ColorSwatchPickerItem>
+          ))}
+          {/* <ColorSwatchPickerItem color=  /> */}
+        </ColorSwatchPicker>
+      </Dialog>
+    </DialogRoot>
+  );
+};
+
+const neutralColors = [
+  {
+    name: "slate",
+    color: "#1f2937",
+  },
+  {
+    name: "gray",
+    color: "#f4f4f4",
+  },
+  {
+    name: "zinc",
+    color: "#f9f9f9",
+  },
+  {
+    name: "neutral",
+    color: "#f5f5f5",
+  },
+  {
+    name: "stone",
+    color: "#f5f5f5",
+  },
+];
+
+const accentColors = [
+  {
+    name: "Orange",
+    color: "#f9a825",
+  },
+  {
+    name: "Green",
+    color: "#43a047",
+  },
+  {
+    name: "Blue",
+    color: "#1e88e5",
+  },
+  {
+    name: "Red",
+    color: "#e53935",
+  },
+  {
+    name: "Purple",
+    color: "#8e24aa",
+  },
+  {
+    name: "Yellow",
+    color: "#fdd835",
+  },
+  {
+    name: "Pink",
+    color: "#e91e63",
+  },
+  {
+    name: "Cyan",
+    color: "#00acc1",
+  },
+  {
+    name: "Teal",
+    color: "#00897b",
+  },
+  {
+    name: "Indigo",
+    color: "#3949ab",
+  },
+  {
+    name: "Lime",
+    color: "#cddc39",
+  },
+  {
+    name: "Amber",
+    color: "#ffc107",
+  },
+  {
+    name: "Deep Orange",
+    color: "#ff5722",
+  },
+  {
+    name: "Deep Purple",
+    color: "#673ab7",
+  },
+  {
+    name: "Light Blue",
+    color: "#03a9f4",
+  },
+  {
+    name: "Light Green",
+    color: "#8bc34a",
+  },
+  {
+    name: "Brown",
+    color: "#795548",
+  },
+  {
+    name: "Blue Gray",
+    color: "#607d8b",
+  },
+  {
+    name: "Black",
+    color: "#000000",
+  },
+  {
+    name: "White",
+    color: "#ffffff",
+  },
+];
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index cd18fce0f..928963347 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -62,61 +62,61 @@ export const ThemeProvider = ({
 };
 
 const baseVars = {
-  "--color-bg": "var(--color-neutral-100)",
-  "--color-bg-muted": "var(--color-neutral-200)",
-  "--color-bg-inverse": "var(--color-neutral-1000)",
-  "--color-bg-disabled": "var(--color-neutral-200)",
-  "--color-bg-neutral": "var(--color-neutral-300)",
-  "--color-bg-neutral-hover": "var(--color-neutral-400)",
-  "--color-bg-neutral-active": "var(--color-neutral-500)",
-  "--color-bg-primary": "var(--color-neutral-1000)",
-  "--color-bg-primary-hover": "var(--color-neutral-900)",
-  "--color-bg-primary-active": "var(--color-neutral-800)",
-  "--color-bg-primary-muted": "var(--color-neutral-200)",
-  "--color-bg-success": "var(--color-success-500)",
-  "--color-bg-success-hover": "var(--color-success-600)",
-  "--color-bg-success-active": "var(--color-success-700)",
-  "--color-bg-success-muted": "var(--color-success-100)",
-  "--color-bg-danger": "var(--color-danger-500)",
-  "--color-bg-danger-hover": "var(--color-danger-600)",
-  "--color-bg-danger-active": "var(--color-danger-700)",
-  "--color-bg-danger-muted": "var(--color-danger-100)",
-  "--color-bg-warning": "var(--color-warning-500)",
-  "--color-bg-warning-hover": "var(--color-warning-600)",
-  "--color-bg-warning-active": "var(--color-warning-700)",
-  "--color-bg-warning-muted": "var(--color-warning-100)",
-  "--color-bg-info": "var(--color-info-500)",
-  "--color-bg-info-hover": "var(--color-info-600)",
-  "--color-bg-info-active": "var(--color-info-700)",
-  "--color-bg-info-muted": "var(--color-info-100)",
-  "--color-bg-accent": "var(--color-accent-500)",
-  "--color-bg-accent-hover": "var(--color-accent-600)",
-  "--color-bg-accent-active": "var(--color-accent-700)",
-  "--color-bg-accent-muted": "var(--color-accent-100)",
-  "--color-fg": "var(--color-neutral-1000)",
-  "--color-fg-muted": "var(--color-neutral-800)",
-  "--color-fg-inverse": "var(--color-neutral-100)",
-  "--color-fg-disabled": "var(--color-neutral-500)",
-  "--color-fg-danger": "var(--color-danger-700)",
-  "--color-fg-warning": "var(--color-warning-700)",
-  "--color-fg-success": "var(--color-success-700)",
-  "--color-fg-info": "var(--color-info-700)",
-  "--color-fg-accent": "var(--color-accent-700)",
-  "--color-fg-onNeutral": "var(--color-neutral-1000)",
-  "--color-fg-onPrimary": "var(--color-neutral-100)",
-  "--color-fg-onAccent": "var(--color-neutral-1000)",
-  "--color-fg-onSuccess": "var(--color-neutral-1000)",
-  "--color-fg-onDanger": "var(--color-neutral-1000)",
-  "--color-fg-onWarning": "var(--color-neutral-1000)",
-  "--color-fg-onInfo": "var(--color-neutral-1000)",
-  "--color-border": "var(--color-neutral-300)",
-  "--color-border-field": "var(--color-neutral-400)",
-  "--color-border-control": "var(--color-neutral-700)",
-  "--color-border-disabled": "var(--color-neutral-300)",
-  "--color-border-focus": "var(--color-accent-500)",
-  "--color-border-success": "var(--color-success-300)",
-  "--color-border-accent": "var(--color-accent-300)",
-  "--color-border-danger": "var(--color-danger-300)",
-  "--color-border-warning": "var(--color-warning-300)",
-  "--color-border-info": "var(--color-info-300)",
+  "--color-bg": "var(--neutral-100)",
+  "--color-bg-muted": "var(--neutral-200)",
+  "--color-bg-inverse": "var(--neutral-1000)",
+  "--color-bg-disabled": "var(--neutral-200)",
+  "--color-bg-neutral": "var(--neutral-300)",
+  "--color-bg-neutral-hover": "var(--neutral-400)",
+  "--color-bg-neutral-active": "var(--neutral-500)",
+  "--color-bg-primary": "var(--neutral-1000)",
+  "--color-bg-primary-hover": "var(--neutral-900)",
+  "--color-bg-primary-active": "var(--neutral-800)",
+  "--color-bg-primary-muted": "var(--neutral-200)",
+  "--color-bg-success": "var(--success-500)",
+  "--color-bg-success-hover": "var(--success-600)",
+  "--color-bg-success-active": "var(--success-700)",
+  "--color-bg-success-muted": "var(--success-100)",
+  "--color-bg-danger": "var(--danger-500)",
+  "--color-bg-danger-hover": "var(--danger-600)",
+  "--color-bg-danger-active": "var(--danger-700)",
+  "--color-bg-danger-muted": "var(--danger-100)",
+  "--color-bg-warning": "var(--warning-500)",
+  "--color-bg-warning-hover": "var(--warning-600)",
+  "--color-bg-warning-active": "var(--warning-700)",
+  "--color-bg-warning-muted": "var(--warning-100)",
+  "--color-bg-info": "var(--info-500)",
+  "--color-bg-info-hover": "var(--info-600)",
+  "--color-bg-info-active": "var(--info-700)",
+  "--color-bg-info-muted": "var(--info-100)",
+  "--color-bg-accent": "var(--accent-500)",
+  "--color-bg-accent-hover": "var(--accent-600)",
+  "--color-bg-accent-active": "var(--accent-700)",
+  "--color-bg-accent-muted": "var(--accent-100)",
+  "--color-fg": "var(--neutral-1000)",
+  "--color-fg-muted": "var(--neutral-800)",
+  "--color-fg-inverse": "var(--neutral-100)",
+  "--color-fg-disabled": "var(--neutral-500)",
+  "--color-fg-danger": "var(--danger-700)",
+  "--color-fg-warning": "var(--warning-700)",
+  "--color-fg-success": "var(--success-700)",
+  "--color-fg-info": "var(--info-700)",
+  "--color-fg-accent": "var(--accent-700)",
+  "--color-fg-onNeutral": "var(--neutral-1000)",
+  "--color-fg-onPrimary": "var(--neutral-100)",
+  "--color-fg-onAccent": "var(--neutral-1000)",
+  "--color-fg-onSuccess": "var(--neutral-1000)",
+  "--color-fg-onDanger": "var(--neutral-1000)",
+  "--color-fg-onWarning": "var(--neutral-1000)",
+  "--color-fg-onInfo": "var(--neutral-1000)",
+  "--color-border": "var(--neutral-300)",
+  "--color-border-field": "var(--neutral-400)",
+  "--color-border-control": "var(--neutral-700)",
+  "--color-border-disabled": "var(--neutral-300)",
+  "--color-border-focus": "var(--accent-500)",
+  "--color-border-success": "var(--success-300)",
+  "--color-border-accent": "var(--accent-300)",
+  "--color-border-danger": "var(--danger-300)",
+  "--color-border-warning": "var(--warning-300)",
+  "--color-border-info": "var(--info-300)",
 };
diff --git a/www/src/modules/themes/index.ts b/www/src/modules/themes/index.ts
index e88c5a6ba..89cd29671 100644
--- a/www/src/modules/themes/index.ts
+++ b/www/src/modules/themes/index.ts
@@ -1 +1,2 @@
 export * from "./lib/create-dynamic-component";
+export * from "./site-themes"
\ No newline at end of file
diff --git a/www/src/modules/themes/site-themes.ts b/www/src/modules/themes/site-themes.ts
new file mode 100644
index 000000000..69f5f14ef
--- /dev/null
+++ b/www/src/modules/themes/site-themes.ts
@@ -0,0 +1,105 @@
+export const neutralColors = [
+  {
+    name: "slate",
+    color: "#1f2937",
+  },
+  {
+    name: "gray",
+    color: "#f4f4f4",
+  },
+  {
+    name: "zinc",
+    color: "#f9f9f9",
+  },
+  {
+    name: "neutral",
+    color: "#f5f5f5",
+  },
+  {
+    name: "stone",
+    color: "#f5f5f5",
+  },
+];
+
+export const accentColors = [
+  {
+    name: "Orange",
+    color: "#f9a825",
+  },
+  {
+    name: "Green",
+    color: "#43a047",
+  },
+  {
+    name: "Blue",
+    color: "#1e88e5",
+  },
+  {
+    name: "Red",
+    color: "#e53935",
+  },
+  {
+    name: "Purple",
+    color: "#8e24aa",
+  },
+  {
+    name: "Yellow",
+    color: "#fdd835",
+  },
+  {
+    name: "Pink",
+    color: "#e91e63",
+  },
+  {
+    name: "Cyan",
+    color: "#00acc1",
+  },
+  {
+    name: "Teal",
+    color: "#00897b",
+  },
+  {
+    name: "Indigo",
+    color: "#3949ab",
+  },
+  {
+    name: "Lime",
+    color: "#cddc39",
+  },
+  {
+    name: "Amber",
+    color: "#ffc107",
+  },
+  {
+    name: "Deep Orange",
+    color: "#ff5722",
+  },
+  {
+    name: "Deep Purple",
+    color: "#673ab7",
+  },
+  {
+    name: "Light Blue",
+    color: "#03a9f4",
+  },
+  {
+    name: "Light Green",
+    color: "#8bc34a",
+  },
+  {
+    name: "Brown",
+    color: "#795548",
+  },
+  {
+    name: "Blue Gray",
+    color: "#607d8b",
+  },
+  {
+    name: "Black",
+    color: "#000000",
+  },
+  {
+    name: "White",
+    color: "#ffffff",
+  },
+];
diff --git a/www/src/registry/core/color-swatch-picker_basic.tsx b/www/src/registry/core/color-swatch-picker_basic.tsx
index 18df3d079..79eac2a0c 100644
--- a/www/src/registry/core/color-swatch-picker_basic.tsx
+++ b/www/src/registry/core/color-swatch-picker_basic.tsx
@@ -21,6 +21,7 @@ interface ColorSwatchPickerItemProps
   extends React.ComponentProps<typeof AriaColorSwatchPickerItem> {}
 const ColorSwatchPickerItem = ({
   className,
+  children,
   ...props
 }: ColorSwatchPickerItemProps) => {
   return (
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index e9d060fdb..90ec14c0f 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -2,146 +2,145 @@
 @plugin "tailwindcss-animate";
 @plugin "tailwindcss-rac";
 @import "./docs.css";
+@import "./themes.css";
 
 @variant dark (&:where(.dark, .dark *));
 
 /* Base Colors */
-@layer base {
-  :root {
-    --color-neutral-100: hsl(0, 0%, 98%);
-    --color-neutral-200: hsl(0, 0%, 94%);
-    --color-neutral-300: hsl(0, 0%, 90%);
-    --color-neutral-400: hsl(0, 0%, 85%);
-    --color-neutral-500: hsl(0, 0%, 80%);
-    --color-neutral-600: hsl(0, 0%, 40%);
-    --color-neutral-700: hsl(0, 0%, 35%);
-    --color-neutral-800: hsl(0, 0%, 28%);
-    --color-neutral-900: hsl(0, 0%, 16%);
-    --color-neutral-1000: hsl(0, 0%, 12%);
-
-    --color-accent-100: hsl(210, 100%, 88%);
-    --color-accent-200: hsl(210, 100%, 81%);
-    --color-accent-300: hsl(210, 100%, 74%);
-    --color-accent-400: hsl(210, 100%, 67%);
-    --color-accent-500: hsl(210, 64%, 55%);
-    --color-accent-600: hsl(210, 51%, 44%);
-    --color-accent-700: hsl(210, 51%, 36%);
-    --color-accent-800: hsl(210, 52%, 29%);
-    --color-accent-900: hsl(211, 52%, 17%);
-    --color-accent-1000: hsl(211, 52%, 12%);
-
-    --color-success-100: hsl(130, 34%, 83%);
-    --color-success-200: hsl(131, 35%, 75%);
-    --color-success-300: hsl(131, 35%, 66%);
-    --color-success-400: hsl(132, 35%, 56%);
-    --color-success-500: hsl(131, 41%, 43%);
-    --color-success-600: hsl(132, 41%, 34%);
-    --color-success-700: hsl(132, 41%, 28%);
-    --color-success-800: hsl(131, 41%, 23%);
-    --color-success-900: hsl(131, 40%, 13%);
-    --color-success-1000: hsl(132, 42%, 9%);
-
-    --color-warning-100: hsl(35, 100%, 80%);
-    --color-warning-200: hsl(35, 100%, 69%);
-    --color-warning-300: hsl(35, 100%, 58%);
-    --color-warning-400: hsl(35, 93%, 49%);
-    --color-warning-500: hsl(35, 92%, 41%);
-    --color-warning-600: hsl(35, 93%, 32%);
-    --color-warning-700: hsl(35, 93%, 26%);
-    --color-warning-800: hsl(35, 93%, 22%);
-    --color-warning-900: hsl(35, 94%, 12%);
-    --color-warning-1000: hsl(36, 91%, 9%);
-
-    --color-danger-100: hsl(358, 69%, 90%);
-    --color-danger-200: hsl(358, 69%, 85%);
-    --color-danger-300: hsl(358, 70%, 79%);
-    --color-danger-400: hsl(358, 69%, 73%);
-    --color-danger-500: hsl(358, 69%, 63%);
-    --color-danger-600: hsl(358, 64%, 49%);
-    --color-danger-700: hsl(358, 63%, 41%);
-    --color-danger-800: hsl(358, 64%, 33%);
-    --color-danger-900: hsl(357, 64%, 20%);
-    --color-danger-1000: hsl(358, 65%, 15%);
-
-    --color-info-100: hsl(210, 100%, 88%);
-    --color-info-200: hsl(210, 100%, 81%);
-    --color-info-300: hsl(210, 100%, 74%);
-    --color-info-400: hsl(210, 100%, 67%);
-    --color-info-500: hsl(210, 64%, 55%);
-    --color-info-600: hsl(210, 51%, 44%);
-    --color-info-700: hsl(210, 51%, 36%);
-    --color-info-800: hsl(210, 52%, 29%);
-    --color-info-900: hsl(211, 52%, 17%);
-    --color-info-1000: hsl(211, 52%, 12%);
-  }
+:root {
+  --neutral-100: hsl(0, 0%, 98%);
+  --neutral-200: hsl(0, 0%, 94%);
+  --neutral-300: hsl(0, 0%, 90%);
+  --neutral-400: hsl(0, 0%, 85%);
+  --neutral-500: hsl(0, 0%, 80%);
+  --neutral-600: hsl(0, 0%, 40%);
+  --neutral-700: hsl(0, 0%, 35%);
+  --neutral-800: hsl(0, 0%, 28%);
+  --neutral-900: hsl(0, 0%, 16%);
+  --neutral-1000: hsl(0, 0%, 12%);
+
+  --accent-100: hsl(210, 100%, 88%);
+  --accent-200: hsl(210, 100%, 81%);
+  --accent-300: hsl(210, 100%, 74%);
+  --accent-400: hsl(210, 100%, 67%);
+  --accent-500: hsl(210, 64%, 55%);
+  --accent-600: hsl(210, 51%, 44%);
+  --accent-700: hsl(210, 51%, 36%);
+  --accent-800: hsl(210, 52%, 29%);
+  --accent-900: hsl(211, 52%, 17%);
+  --accent-1000: hsl(211, 52%, 12%);
+
+  --success-100: hsl(130, 34%, 83%);
+  --success-200: hsl(131, 35%, 75%);
+  --success-300: hsl(131, 35%, 66%);
+  --success-400: hsl(132, 35%, 56%);
+  --success-500: hsl(131, 41%, 43%);
+  --success-600: hsl(132, 41%, 34%);
+  --success-700: hsl(132, 41%, 28%);
+  --success-800: hsl(131, 41%, 23%);
+  --success-900: hsl(131, 40%, 13%);
+  --success-1000: hsl(132, 42%, 9%);
+
+  --warning-100: hsl(35, 100%, 80%);
+  --warning-200: hsl(35, 100%, 69%);
+  --warning-300: hsl(35, 100%, 58%);
+  --warning-400: hsl(35, 93%, 49%);
+  --warning-500: hsl(35, 92%, 41%);
+  --warning-600: hsl(35, 93%, 32%);
+  --warning-700: hsl(35, 93%, 26%);
+  --warning-800: hsl(35, 93%, 22%);
+  --warning-900: hsl(35, 94%, 12%);
+  --warning-1000: hsl(36, 91%, 9%);
+
+  --danger-100: hsl(358, 69%, 90%);
+  --danger-200: hsl(358, 69%, 85%);
+  --danger-300: hsl(358, 70%, 79%);
+  --danger-400: hsl(358, 69%, 73%);
+  --danger-500: hsl(358, 69%, 63%);
+  --danger-600: hsl(358, 64%, 49%);
+  --danger-700: hsl(358, 63%, 41%);
+  --danger-800: hsl(358, 64%, 33%);
+  --danger-900: hsl(357, 64%, 20%);
+  --danger-1000: hsl(358, 65%, 15%);
+
+  --info-100: hsl(210, 100%, 88%);
+  --info-200: hsl(210, 100%, 81%);
+  --info-300: hsl(210, 100%, 74%);
+  --info-400: hsl(210, 100%, 67%);
+  --info-500: hsl(210, 64%, 55%);
+  --info-600: hsl(210, 51%, 44%);
+  --info-700: hsl(210, 51%, 36%);
+  --info-800: hsl(210, 52%, 29%);
+  --info-900: hsl(211, 52%, 17%);
+  --info-1000: hsl(211, 52%, 12%);
+}
 
-  .dark {
-    --color-neutral-100: hsl(240, 6%, 8%);
-    --color-neutral-200: hsl(240, 6%, 13%);
-    --color-neutral-300: hsl(240, 6%, 19%);
-    --color-neutral-400: hsl(240, 6%, 25%);
-    --color-neutral-500: hsl(240, 6%, 33%);
-    --color-neutral-600: hsl(240, 6%, 47%);
-    --color-neutral-700: hsl(240, 6%, 55%);
-    --color-neutral-800: hsl(240, 6%, 70%);
-    --color-neutral-900: hsl(240, 6%, 85%);
-    --color-neutral-1000: hsl(240, 10%, 98%);
-
-    --color-accent-100: hsl(211, 51%, 12%);
-    --color-accent-200: hsl(211, 52%, 18%);
-    --color-accent-300: hsl(210, 52%, 29%);
-    --color-accent-400: hsl(209, 51%, 40%);
-    --color-accent-500: hsl(210, 52%, 48%);
-    --color-accent-600: hsl(210, 51%, 55%);
-    --color-accent-700: hsl(210, 68%, 62%);
-    --color-accent-800: hsl(210, 97%, 71%);
-    --color-accent-900: hsl(210, 100%, 82%);
-    --color-accent-1000: hsl(210, 100%, 87%);
-
-    --color-success-100: hsl(131, 44%, 8%);
-    --color-success-200: hsl(130, 41%, 14%);
-    --color-success-300: hsl(131, 41%, 18%);
-    --color-success-400: hsl(132, 41%, 22%);
-    --color-success-500: hsl(131, 41%, 44%);
-    --color-success-600: hsl(131, 41%, 48%);
-    --color-success-700: hsl(131, 41%, 54%);
-    --color-success-800: hsl(131, 34%, 70%);
-    --color-success-900: hsl(131, 34%, 76%);
-    --color-success-1000: hsl(130, 35%, 83%);
-
-    --color-warning-100: hsl(35, 100%, 7%);
-    --color-warning-200: hsl(34, 100%, 21%);
-    --color-warning-300: hsl(35, 96%, 19%);
-    --color-warning-400: hsl(35, 100%, 48%);
-    --color-warning-500: hsl(35, 100%, 50%);
-    --color-warning-600: hsl(35, 100%, 58%);
-    --color-warning-700: hsl(35, 100%, 66%);
-    --color-warning-800: hsl(35, 93%, 65%);
-    --color-warning-900: hsl(35, 100%, 72%);
-    --color-warning-1000: hsl(35, 100%, 80%);
-
-    --color-danger-100: hsl(357, 64%, 14%);
-    --color-danger-200: hsl(358, 64%, 21%);
-    --color-danger-300: hsl(358, 64%, 26%);
-    --color-danger-400: hsl(358, 64%, 32%);
-    --color-danger-500: hsl(358, 64%, 42%);
-    --color-danger-600: hsl(358, 69%, 51%);
-    --color-danger-700: hsl(358, 69%, 60%);
-    --color-danger-800: hsl(358, 69%, 70%);
-    --color-danger-900: hsl(359, 70%, 86%);
-    --color-danger-1000: hsl(358, 69%, 90%);
-
-    --color-info-100: hsl(211, 51%, 12%);
-    --color-info-200: hsl(211, 52%, 18%);
-    --color-info-300: hsl(210, 52%, 29%);
-    --color-info-400: hsl(209, 51%, 40%);
-    --color-info-500: hsl(210, 52%, 48%);
-    --color-info-600: hsl(210, 51%, 55%);
-    --color-info-700: hsl(210, 68%, 62%);
-    --color-info-800: hsl(210, 97%, 71%);
-    --color-info-900: hsl(210, 100%, 82%);
-    --color-info-1000: hsl(210, 100%, 87%);
-  }
+.dark {
+  --neutral-100: hsl(240, 6%, 8%);
+  --neutral-200: hsl(240, 6%, 13%);
+  --neutral-300: hsl(240, 6%, 19%);
+  --neutral-400: hsl(240, 6%, 25%);
+  --neutral-500: hsl(240, 6%, 33%);
+  --neutral-600: hsl(240, 6%, 47%);
+  --neutral-700: hsl(240, 6%, 55%);
+  --neutral-800: hsl(240, 6%, 70%);
+  --neutral-900: hsl(240, 6%, 85%);
+  --neutral-1000: hsl(240, 10%, 98%);
+
+  --accent-100: hsl(211, 51%, 12%);
+  --accent-200: hsl(211, 52%, 18%);
+  --accent-300: hsl(210, 52%, 29%);
+  --accent-400: hsl(209, 51%, 40%);
+  --accent-500: hsl(210, 52%, 48%);
+  --accent-600: hsl(210, 51%, 55%);
+  --accent-700: hsl(210, 68%, 62%);
+  --accent-800: hsl(210, 97%, 71%);
+  --accent-900: hsl(210, 100%, 82%);
+  --accent-1000: hsl(210, 100%, 87%);
+
+  --success-100: hsl(131, 44%, 8%);
+  --success-200: hsl(130, 41%, 14%);
+  --success-300: hsl(131, 41%, 18%);
+  --success-400: hsl(132, 41%, 22%);
+  --success-500: hsl(131, 41%, 44%);
+  --success-600: hsl(131, 41%, 48%);
+  --success-700: hsl(131, 41%, 54%);
+  --success-800: hsl(131, 34%, 70%);
+  --success-900: hsl(131, 34%, 76%);
+  --success-1000: hsl(130, 35%, 83%);
+
+  --warning-100: hsl(35, 100%, 7%);
+  --warning-200: hsl(34, 100%, 21%);
+  --warning-300: hsl(35, 96%, 19%);
+  --warning-400: hsl(35, 100%, 48%);
+  --warning-500: hsl(35, 100%, 50%);
+  --warning-600: hsl(35, 100%, 58%);
+  --warning-700: hsl(35, 100%, 66%);
+  --warning-800: hsl(35, 93%, 65%);
+  --warning-900: hsl(35, 100%, 72%);
+  --warning-1000: hsl(35, 100%, 80%);
+
+  --danger-100: hsl(357, 64%, 14%);
+  --danger-200: hsl(358, 64%, 21%);
+  --danger-300: hsl(358, 64%, 26%);
+  --danger-400: hsl(358, 64%, 32%);
+  --danger-500: hsl(358, 64%, 42%);
+  --danger-600: hsl(358, 69%, 51%);
+  --danger-700: hsl(358, 69%, 60%);
+  --danger-800: hsl(358, 69%, 70%);
+  --danger-900: hsl(359, 70%, 86%);
+  --danger-1000: hsl(358, 69%, 90%);
+
+  --info-100: hsl(211, 51%, 12%);
+  --info-200: hsl(211, 52%, 18%);
+  --info-300: hsl(210, 52%, 29%);
+  --info-400: hsl(209, 51%, 40%);
+  --info-500: hsl(210, 52%, 48%);
+  --info-600: hsl(210, 51%, 55%);
+  --info-700: hsl(210, 68%, 62%);
+  --info-800: hsl(210, 97%, 71%);
+  --info-900: hsl(210, 100%, 82%);
+  --info-1000: hsl(210, 100%, 87%);
 }
 
 @theme {
@@ -151,74 +150,74 @@
   --font-mono: var(--font-geist-mono);
 
   /* colors */
-  --color-bg: var(--color-neutral-100);
-  --color-bg-muted: var(--color-neutral-200);
-  --color-bg-inverse: var(--color-neutral-1000);
-  --color-bg-disabled: var(--color-neutral-200);
-
-  --color-bg-neutral: var(--color-neutral-300);
-  --color-bg-neutral-hover: var(--color-neutral-400);
-  --color-bg-neutral-active: var(--color-neutral-500);
-
-  --color-bg-primary: var(--color-neutral-1000);
-  --color-bg-primary-hover: var(--color-neutral-900);
-  --color-bg-primary-active: var(--color-neutral-800);
-  --color-bg-primary-muted: var(--color-neutral-200);
-
-  --color-bg-success: var(--color-success-500);
-  --color-bg-success-hover: var(--color-success-600);
-  --color-bg-success-active: var(--color-success-700);
-  --color-bg-success-muted: var(--color-success-100);
-
-  --color-bg-danger: var(--color-danger-500);
-  --color-bg-danger-hover: var(--color-danger-600);
-  --color-bg-danger-active: var(--color-danger-700);
-  --color-bg-danger-muted: var(--color-danger-100);
-
-  --color-bg-warning: var(--color-warning-500);
-  --color-bg-warning-hover: var(--color-warning-600);
-  --color-bg-warning-active: var(--color-warning-700);
-  --color-bg-warning-muted: var(--color-warning-100);
-
-  --color-bg-info: var(--color-info-500);
-  --color-bg-info-hover: var(--color-info-600);
-  --color-bg-info-active: var(--color-info-700);
-  --color-bg-info-muted: var(--color-info-100);
-
-  --color-bg-accent: var(--color-accent-500);
-  --color-bg-accent-hover: var(--color-accent-600);
-  --color-bg-accent-active: var(--color-accent-700);
-  --color-bg-accent-muted: var(--color-accent-100);
-
-  --color-fg: var(--color-neutral-1000);
-  --color-fg-muted: var(--color-neutral-800);
-  --color-fg-inverse: var(--color-neutral-100);
-  --color-fg-disabled: var(--color-neutral-500);
-  --color-fg-danger: var(--color-danger-700);
-  --color-fg-warning: var(--color-warning-700);
-  --color-fg-success: var(--color-success-700);
-  --color-fg-info: var(--color-info-700);
-  --color-fg-accent: var(--color-accent-700);
-
-  --color-fg-onNeutral: var(--color-neutral-1000);
-  --color-fg-onPrimary: var(--color-neutral-100);
-  --color-fg-onAccent: var(--color-neutral-1000);
-  --color-fg-onSuccess: var(--color-neutral-1000);
-  --color-fg-onDanger: var(--color-neutral-1000);
-  --color-fg-onWarning: var(--color-neutral-1000);
-  --color-fg-onInfo: var(--color-neutral-1000);
-
-  --color-border: var(--color-neutral-300);
-  --color-border-field: var(--color-neutral-400);
-  --color-border-control: var(--color-neutral-700);
-  --color-border-disabled: var(--color-neutral-300);
-  --color-border-focus: var(--color-accent-500);
-
-  --color-border-success: var(--color-success-300);
-  --color-border-accent: var(--color-accent-300);
-  --color-border-danger: var(--color-danger-300);
-  --color-border-warning: var(--color-warning-300);
-  --color-border-info: var(--color-info-300);
+  --color-bg: var(--neutral-100);
+  --color-bg-muted: var(--neutral-200);
+  --color-bg-inverse: var(--neutral-1000);
+  --color-bg-disabled: var(--neutral-200);
+
+  --color-bg-neutral: var(--neutral-300);
+  --color-bg-neutral-hover: var(--neutral-400);
+  --color-bg-neutral-active: var(--neutral-500);
+
+  --color-bg-primary: var(--neutral-1000);
+  --color-bg-primary-hover: var(--neutral-900);
+  --color-bg-primary-active: var(--neutral-800);
+  --color-bg-primary-muted: var(--neutral-200);
+
+  --color-bg-success: var(--success-500);
+  --color-bg-success-hover: var(--success-600);
+  --color-bg-success-active: var(--success-700);
+  --color-bg-success-muted: var(--success-100);
+
+  --color-bg-danger: var(--danger-500);
+  --color-bg-danger-hover: var(--danger-600);
+  --color-bg-danger-active: var(--danger-700);
+  --color-bg-danger-muted: var(--danger-100);
+
+  --color-bg-warning: var(--warning-500);
+  --color-bg-warning-hover: var(--warning-600);
+  --color-bg-warning-active: var(--warning-700);
+  --color-bg-warning-muted: var(--warning-100);
+
+  --color-bg-info: var(--info-500);
+  --color-bg-info-hover: var(--info-600);
+  --color-bg-info-active: var(--info-700);
+  --color-bg-info-muted: var(--info-100);
+
+  --color-bg-accent: var(--accent-500);
+  --color-bg-accent-hover: var(--accent-600);
+  --color-bg-accent-active: var(--accent-700);
+  --color-bg-accent-muted: var(--accent-100);
+
+  --color-fg: var(--neutral-1000);
+  --color-fg-muted: var(--neutral-800);
+  --color-fg-inverse: var(--neutral-100);
+  --color-fg-disabled: var(--neutral-500);
+  --color-fg-danger: var(--danger-700);
+  --color-fg-warning: var(--warning-700);
+  --color-fg-success: var(--success-700);
+  --color-fg-info: var(--info-700);
+  --color-fg-accent: var(--accent-700);
+
+  --color-fg-onNeutral: var(--neutral-1000);
+  --color-fg-onPrimary: var(--neutral-100);
+  --color-fg-onAccent: var(--neutral-1000);
+  --color-fg-onSuccess: var(--neutral-1000);
+  --color-fg-onDanger: var(--neutral-1000);
+  --color-fg-onWarning: var(--neutral-1000);
+  --color-fg-onInfo: var(--neutral-1000);
+
+  --color-border: var(--neutral-300);
+  --color-border-field: var(--neutral-400);
+  --color-border-control: var(--neutral-700);
+  --color-border-disabled: var(--neutral-300);
+  --color-border-focus: var(--accent-500);
+
+  --color-border-success: var(--success-300);
+  --color-border-accent: var(--accent-300);
+  --color-border-danger: var(--danger-300);
+  --color-border-warning: var(--warning-300);
+  --color-border-info: var(--info-300);
 
   /* breakpoints */
   --breakpoint-xs: 30rem;
diff --git a/www/src/styles/themes.css b/www/src/styles/themes.css
new file mode 100644
index 000000000..48fbd2bac
--- /dev/null
+++ b/www/src/styles/themes.css
@@ -0,0 +1,14 @@
+
+.accent-blue {
+  --color-bg-primary: var(--accent-500);
+  --color-bg-primary-hover: var(--accent-900);
+  --color-bg-primary-active: var(--accent-800);
+  --color-bg-primary-muted: var(--accent-200);
+}
+
+.accent-blue {
+  --color-bg-primary: var(--accent-500);
+  --color-bg-primary-hover: var(--accent-900);
+  --color-bg-primary-active: var(--accent-800);
+  --color-bg-primary-muted: var(--accent-200);
+}

From feb36cdca4c1ac46ac33722728d27277c3706031 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 9 Feb 2025 20:18:54 +0100
Subject: [PATCH 122/165] wip search docs filter

---
 www/scripts/build-internal-registry.ts        |   6 +-
 www/src/app/(app)/themes/page.tsx             |   8 +-
 www/src/app/layout.tsx                        |   4 +-
 .../components/core/color-swatch-picker.tsx   |   2 +-
 www/src/components/search-command-client.tsx  | 120 +++++++++++++++---
 www/src/components/theme-colors-selector.tsx  |   5 +-
 www/src/modules/themes/index.ts               |   2 +-
 7 files changed, 120 insertions(+), 27 deletions(-)

diff --git a/www/scripts/build-internal-registry.ts b/www/scripts/build-internal-registry.ts
index 073201b3b..a867d7fdc 100644
--- a/www/scripts/build-internal-registry.ts
+++ b/www/scripts/build-internal-registry.ts
@@ -176,9 +176,7 @@ async function buildDemos() {
 //   // export const Components = {`;
 // }
 
-const createPalette = () => {
-  
-}
+const createPalette = () => {};
 
 const buildThemes = async () => {
   const targetPath = path.join(process.cwd(), "src/styles/themes.css");
@@ -208,7 +206,7 @@ const buildThemes = async () => {
         },
       },
       "light"
-    )
+    );
     themesCSS
       .push
       // template(THEME_STYLES_WITH_VARIABLES)({
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index 09d688373..44e2d681d 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -27,7 +27,7 @@ export const metadata: Metadata = {
 export default function Page() {
   return (
     <div className="pb-20">
-      <section className="pt-16 pb-10">
+      <section className="pb-10 pt-16">
         <h1 className="font-heading xs:text-2xl text-pretty text-xl font-semibold tracking-tighter sm:text-3xl md:text-4xl">
           Everything starts with identity.
         </h1>
@@ -39,7 +39,11 @@ export default function Page() {
             <Button variant="primary">Explore themes</Button>
           </ExploreThemesDialog>
           <CreateThemeDialog>
-            <Button variant="outline" className="bg-bg-inverse/5" prefix={<PlusIcon />}>
+            <Button
+              variant="outline"
+              className="bg-bg-inverse/5"
+              prefix={<PlusIcon />}
+            >
               Create theme
             </Button>
           </CreateThemeDialog>
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index 00ab543ca..fb1aac2fa 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -50,8 +50,8 @@ export default async function RootLayout({
   children: React.ReactNode;
 }) {
   const cookieStore = await cookies();
-  const theme = cookieStore.get("site-theme")?.value ?? ""
-  console.log(theme)
+  const theme = cookieStore.get("site-theme")?.value ?? "";
+  console.log(theme);
   return (
     <html lang="en" suppressHydrationWarning>
       <body
diff --git a/www/src/components/core/color-swatch-picker.tsx b/www/src/components/core/color-swatch-picker.tsx
index 2616e0da4..0964a5262 100644
--- a/www/src/components/core/color-swatch-picker.tsx
+++ b/www/src/components/core/color-swatch-picker.tsx
@@ -1 +1 @@
-export * from "@/registry/core/color-swatch-picker_basic"
\ No newline at end of file
+export * from "@/registry/core/color-swatch-picker_basic";
diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
index f22428fab..9f18e3d1f 100644
--- a/www/src/components/search-command-client.tsx
+++ b/www/src/components/search-command-client.tsx
@@ -5,6 +5,7 @@ import {
   ChevronsUpDownIcon,
   CornerDownLeftIcon,
   FileTextIcon,
+  HashIcon,
   SearchIcon,
 } from "lucide-react";
 import { useFilter } from "react-aria-components";
@@ -41,12 +42,15 @@ export function SearchCommandClient({
   children,
   items,
 }: SearchCommandClientProps) {
-  const { contains } = useFilter({ sensitivity: "base" });
   const [inputValue, setInputValue] = React.useState("");
+  const filteredItems = React.useMemo(
+    () => filterResults(inputValue, items),
+    [inputValue, items]
+  );
+
   return (
     <SearchCommandDialog keyboardShortcut={keyboardShortcut} trigger={children}>
       <Command
-        filter={contains}
         inputValue={inputValue}
         onInputChange={setInputValue}
         className="h-72"
@@ -59,20 +63,30 @@ export function SearchCommandClient({
             </InputRoot>
           </SearchFieldRoot>
         </div>
-        <MenuContent items={items} className="h-full overflow-y-scroll py-1">
-          {items.map((category, categoryIndex) => (
-            <MenuSection key={categoryIndex} title={category.title}>
-              {category.items.map((page) => (
-                <React.Fragment key={page.id}>
-                  <MenuItem
-                    href={page.url}
-                    textValue={page.title}
-                    prefix={<FileTextIcon />}
-                    className="py-2"
-                  >
-                    {page.title}
-                  </MenuItem>
-                </React.Fragment>
+        <MenuContent className="h-full overflow-y-scroll py-1">
+          {filteredItems.map((category) => (
+            <MenuSection key={category.id} title={category.title}>
+              {category.items.map((item) => (
+                <MenuItem
+                  key={`${item.href}-${item.type}`}
+                  href={item.href}
+                  textValue={item.title}
+                  prefix={item.type === "page" ? <FileTextIcon /> : undefined}
+                  className={
+                    item.type === "page"
+                      ? "[&_svg]:text-fg-muted gap-3 py-2"
+                      : "py-0 pl-2.5"
+                  }
+                >
+                  {item.type === "page" ? (
+                    item.title
+                  ) : (
+                    <div className="[&_svg]:text-fg-muted ml-2 flex items-center gap-3 border-l pl-4 [&_svg]:size-4">
+                      <HashIcon />
+                      <p className="flex-1 truncate py-2">{item.title}</p>
+                    </div>
+                  )}
+                </MenuItem>
               ))}
             </MenuSection>
           ))}
@@ -91,6 +105,80 @@ export function SearchCommandClient({
     </SearchCommandDialog>
   );
 }
+
+type FilteredItems = {
+  title: string;
+  href: string;
+  type: "page" | "heading";
+}[];
+
+type FilteredResult = {
+  id: string;
+  title: string;
+  items: FilteredItems;
+}[];
+
+const filterResults = (
+  query: string,
+  items: SearchCommandClientProps["items"]
+): FilteredResult => {
+  // When no query, return all pages without headings
+  if (!query) {
+    return items.map((category) => ({
+      id: category.title,
+      title: category.title,
+      items: category.items.map((page) => ({
+        title: page.title,
+        href: page.url,
+        type: "page",
+      })),
+    }));
+  }
+
+  const normalizedQuery = query.toLowerCase().trim();
+  const results: FilteredResult = [];
+
+  items.forEach((category) => {
+    const matchedItems: FilteredItems = [];
+
+    category.items.forEach((page) => {
+      const isPageMatch = page.title.toLowerCase().includes(normalizedQuery);
+      const matchedHeadings = page.headings.filter((heading) =>
+        heading.content.toLowerCase().includes(normalizedQuery)
+      );
+
+      // Add page if title matches or if there are matched headings
+      if (isPageMatch || matchedHeadings.length > 0) {
+        matchedItems.push({
+          title: page.title,
+          href: page.url,
+          type: "page",
+        });
+      }
+
+      // Add matched headings after their parent page
+      matchedHeadings.forEach((heading) => {
+        matchedItems.push({
+          title: heading.content,
+          href: `${page.url}#${heading.id}`,
+          type: "heading",
+        });
+      });
+    });
+
+    // Only add categories that have matches
+    if (matchedItems.length > 0) {
+      results.push({
+        id: category.title,
+        title: category.title,
+        items: matchedItems,
+      });
+    }
+  });
+
+  return results;
+};
+
 const SearchCommandDialog = ({
   keyboardShortcut = false,
   trigger,
diff --git a/www/src/components/theme-colors-selector.tsx b/www/src/components/theme-colors-selector.tsx
index 3aef64628..ad9d5779d 100644
--- a/www/src/components/theme-colors-selector.tsx
+++ b/www/src/components/theme-colors-selector.tsx
@@ -26,7 +26,10 @@ export const ThemeColorsSelector = ({
   return (
     <DialogRoot>
       {children}
-      <Dialog type="popover" popoverProps={{ placement: "bottom right", shouldFlip: false }}>
+      <Dialog
+        type="popover"
+        popoverProps={{ placement: "bottom right", shouldFlip: false }}
+      >
         <p className="text-fg-muted text-sm">Neutral</p>
         <ColorSwatchPicker
           value={accentColor.value}
diff --git a/www/src/modules/themes/index.ts b/www/src/modules/themes/index.ts
index 89cd29671..ad8519fb5 100644
--- a/www/src/modules/themes/index.ts
+++ b/www/src/modules/themes/index.ts
@@ -1,2 +1,2 @@
 export * from "./lib/create-dynamic-component";
-export * from "./site-themes"
\ No newline at end of file
+export * from "./site-themes";

From f7a437eba1999116bae13e0e6b88982e6ba86210 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 9 Feb 2025 21:10:25 +0100
Subject: [PATCH 123/165] use fumadocs search

---
 www/src/components/core/loader.tsx           |   1 +
 www/src/components/search-command-client.tsx | 155 ++++++-------------
 2 files changed, 50 insertions(+), 106 deletions(-)
 create mode 100644 www/src/components/core/loader.tsx

diff --git a/www/src/components/core/loader.tsx b/www/src/components/core/loader.tsx
new file mode 100644
index 000000000..142c8bbf5
--- /dev/null
+++ b/www/src/components/core/loader.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/loader_ring"
\ No newline at end of file
diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
index 9f18e3d1f..60ffa6f57 100644
--- a/www/src/components/search-command-client.tsx
+++ b/www/src/components/search-command-client.tsx
@@ -1,6 +1,8 @@
 "use client";
 
 import React from "react";
+import { useDocsSearch } from "fumadocs-core/search/client";
+import type { SortedResult } from "fumadocs-core/server";
 import {
   ChevronsUpDownIcon,
   CornerDownLeftIcon,
@@ -8,69 +10,61 @@ import {
   HashIcon,
   SearchIcon,
 } from "lucide-react";
-import { useFilter } from "react-aria-components";
+import { kekabCaseToTitle } from "@/lib/string";
 import { Button } from "@/components/core/button";
 import { DialogRoot, Dialog } from "@/components/core/dialog";
+import { Loader } from "@/components/core/loader";
 import { MenuContent, MenuItem, MenuSection } from "@/components/core/menu";
 import { SearchFieldRoot } from "@/components/core/search-field";
 import { Command } from "@/registry/core/command_basic";
 import { Input, InputRoot } from "@/registry/core/input_basic";
-
-interface Heading {
-  id: string;
-  content: string;
-}
-
-interface Page {
-  id: string;
-  title: string;
-  headings: Heading[];
-  url: string;
-}
+import { searchConfig } from "@/config";
 
 interface SearchCommandClientProps {
   keyboardShortcut?: boolean;
   children: React.ReactNode;
-  items: {
-    title: string;
-    items: Page[];
-  }[];
 }
 
 export function SearchCommandClient({
   keyboardShortcut,
   children,
-  items,
 }: SearchCommandClientProps) {
-  const [inputValue, setInputValue] = React.useState("");
-  const filteredItems = React.useMemo(
-    () => filterResults(inputValue, items),
-    [inputValue, items]
-  );
+  const { search, setSearch, query } = useDocsSearch({ type: "fetch" });
+  const results =
+    search === "" || query.data === "empty"
+      ? [
+          {
+            id: "suggestions",
+            name: "Suggestions",
+            results: searchConfig.defaultResults.map((elem) => ({
+              id: elem.href,
+              content: elem.name,
+              url: elem.href,
+              type: "page",
+            })),
+          },
+        ]
+      : groupByCategory(query.data);
 
   return (
     <SearchCommandDialog keyboardShortcut={keyboardShortcut} trigger={children}>
-      <Command
-        inputValue={inputValue}
-        onInputChange={setInputValue}
-        className="h-72"
-      >
+      <Command inputValue={search} onInputChange={setSearch} className="h-72">
         <div className="p-1">
           <SearchFieldRoot placeholder="Search" autoFocus className="w-full">
             <InputRoot className="focus-within:ring-1">
-              <SearchIcon />
+              {query.isLoading ? <Loader /> : <SearchIcon />}
               <Input />
             </InputRoot>
           </SearchFieldRoot>
         </div>
         <MenuContent className="h-full overflow-y-scroll py-1">
-          {filteredItems.map((category) => (
-            <MenuSection key={category.id} title={category.title}>
-              {category.items.map((item) => (
+          {results.map((group) => (
+            <MenuSection key={group.id} title={group.name}>
+              {group.results.map((item) => (
                 <MenuItem
-                  key={`${item.href}-${item.type}`}
-                  href={item.href}
-                  textValue={item.title}
+                  key={item.id}
+                  href={item.url}
+                  textValue={item.content}
                   prefix={item.type === "page" ? <FileTextIcon /> : undefined}
                   className={
                     item.type === "page"
@@ -79,11 +73,11 @@ export function SearchCommandClient({
                   }
                 >
                   {item.type === "page" ? (
-                    item.title
+                    item.content
                   ) : (
                     <div className="[&_svg]:text-fg-muted ml-2 flex items-center gap-3 border-l pl-4 [&_svg]:size-4">
                       <HashIcon />
-                      <p className="flex-1 truncate py-2">{item.title}</p>
+                      <p className="flex-1 truncate py-2">{item.content}</p>
                     </div>
                   )}
                 </MenuItem>
@@ -106,77 +100,26 @@ export function SearchCommandClient({
   );
 }
 
-type FilteredItems = {
-  title: string;
-  href: string;
-  type: "page" | "heading";
-}[];
-
-type FilteredResult = {
+type GroupedResults = {
   id: string;
-  title: string;
-  items: FilteredItems;
+  name: string;
+  results: SortedResult[];
 }[];
-
-const filterResults = (
-  query: string,
-  items: SearchCommandClientProps["items"]
-): FilteredResult => {
-  // When no query, return all pages without headings
-  if (!query) {
-    return items.map((category) => ({
-      id: category.title,
-      title: category.title,
-      items: category.items.map((page) => ({
-        title: page.title,
-        href: page.url,
-        type: "page",
-      })),
-    }));
-  }
-
-  const normalizedQuery = query.toLowerCase().trim();
-  const results: FilteredResult = [];
-
-  items.forEach((category) => {
-    const matchedItems: FilteredItems = [];
-
-    category.items.forEach((page) => {
-      const isPageMatch = page.title.toLowerCase().includes(normalizedQuery);
-      const matchedHeadings = page.headings.filter((heading) =>
-        heading.content.toLowerCase().includes(normalizedQuery)
-      );
-
-      // Add page if title matches or if there are matched headings
-      if (isPageMatch || matchedHeadings.length > 0) {
-        matchedItems.push({
-          title: page.title,
-          href: page.url,
-          type: "page",
-        });
-      }
-
-      // Add matched headings after their parent page
-      matchedHeadings.forEach((heading) => {
-        matchedItems.push({
-          title: heading.content,
-          href: `${page.url}#${heading.id}`,
-          type: "heading",
-        });
-      });
-    });
-
-    // Only add categories that have matches
-    if (matchedItems.length > 0) {
-      results.push({
-        id: category.title,
-        title: category.title,
-        items: matchedItems,
-      });
-    }
-  });
-
-  return results;
+const groupByCategory = (results?: SortedResult[]): GroupedResults => {
+  // We will get the category from the url and group the results by category
+  // eg url: /docs/components/buttons/button -> category: components
+  if (!results) return [];
+  const uniqueCategories = Array.from(
+    new Set(results.map((result) => result.url.split("/")[2]!))
+  ).filter(Boolean);
+
+  const groupedResults: GroupedResults = uniqueCategories.map((category) => ({
+    id: category,
+    name: kekabCaseToTitle(category),
+    results: results.filter((result) => result.url.split("/")[2] === category),
+  }));
+
+  return groupedResults;
 };
 
 const SearchCommandDialog = ({

From 9302ef1dc5d1bde0a3f6f3775f55f9c61a719a78 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 9 Feb 2025 21:13:31 +0100
Subject: [PATCH 124/165] fix: format

---
 www/src/components/core/loader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/src/components/core/loader.tsx b/www/src/components/core/loader.tsx
index 142c8bbf5..1022815fc 100644
--- a/www/src/components/core/loader.tsx
+++ b/www/src/components/core/loader.tsx
@@ -1 +1 @@
-export * from "@/registry/core/loader_ring"
\ No newline at end of file
+export * from "@/registry/core/loader_ring";

From 8acbfd57b8cb9901b4d0821dc2d88817cac77bfa Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 9 Feb 2025 21:34:35 +0100
Subject: [PATCH 125/165] type: fix type errors

---
 www/src/components/search-command-client.tsx | 176 -----------------
 www/src/components/search-command.tsx        | 198 +++++++++++++++----
 2 files changed, 164 insertions(+), 210 deletions(-)
 delete mode 100644 www/src/components/search-command-client.tsx

diff --git a/www/src/components/search-command-client.tsx b/www/src/components/search-command-client.tsx
deleted file mode 100644
index 60ffa6f57..000000000
--- a/www/src/components/search-command-client.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-"use client";
-
-import React from "react";
-import { useDocsSearch } from "fumadocs-core/search/client";
-import type { SortedResult } from "fumadocs-core/server";
-import {
-  ChevronsUpDownIcon,
-  CornerDownLeftIcon,
-  FileTextIcon,
-  HashIcon,
-  SearchIcon,
-} from "lucide-react";
-import { kekabCaseToTitle } from "@/lib/string";
-import { Button } from "@/components/core/button";
-import { DialogRoot, Dialog } from "@/components/core/dialog";
-import { Loader } from "@/components/core/loader";
-import { MenuContent, MenuItem, MenuSection } from "@/components/core/menu";
-import { SearchFieldRoot } from "@/components/core/search-field";
-import { Command } from "@/registry/core/command_basic";
-import { Input, InputRoot } from "@/registry/core/input_basic";
-import { searchConfig } from "@/config";
-
-interface SearchCommandClientProps {
-  keyboardShortcut?: boolean;
-  children: React.ReactNode;
-}
-
-export function SearchCommandClient({
-  keyboardShortcut,
-  children,
-}: SearchCommandClientProps) {
-  const { search, setSearch, query } = useDocsSearch({ type: "fetch" });
-  const results =
-    search === "" || query.data === "empty"
-      ? [
-          {
-            id: "suggestions",
-            name: "Suggestions",
-            results: searchConfig.defaultResults.map((elem) => ({
-              id: elem.href,
-              content: elem.name,
-              url: elem.href,
-              type: "page",
-            })),
-          },
-        ]
-      : groupByCategory(query.data);
-
-  return (
-    <SearchCommandDialog keyboardShortcut={keyboardShortcut} trigger={children}>
-      <Command inputValue={search} onInputChange={setSearch} className="h-72">
-        <div className="p-1">
-          <SearchFieldRoot placeholder="Search" autoFocus className="w-full">
-            <InputRoot className="focus-within:ring-1">
-              {query.isLoading ? <Loader /> : <SearchIcon />}
-              <Input />
-            </InputRoot>
-          </SearchFieldRoot>
-        </div>
-        <MenuContent className="h-full overflow-y-scroll py-1">
-          {results.map((group) => (
-            <MenuSection key={group.id} title={group.name}>
-              {group.results.map((item) => (
-                <MenuItem
-                  key={item.id}
-                  href={item.url}
-                  textValue={item.content}
-                  prefix={item.type === "page" ? <FileTextIcon /> : undefined}
-                  className={
-                    item.type === "page"
-                      ? "[&_svg]:text-fg-muted gap-3 py-2"
-                      : "py-0 pl-2.5"
-                  }
-                >
-                  {item.type === "page" ? (
-                    item.content
-                  ) : (
-                    <div className="[&_svg]:text-fg-muted ml-2 flex items-center gap-3 border-l pl-4 [&_svg]:size-4">
-                      <HashIcon />
-                      <p className="flex-1 truncate py-2">{item.content}</p>
-                    </div>
-                  )}
-                </MenuItem>
-              ))}
-            </MenuSection>
-          ))}
-        </MenuContent>
-        <div className="text-fg-muted flex items-center justify-end gap-4 rounded-b-[inherit] border-t p-3 text-xs [&_svg]:size-4">
-          <div className="flex items-center gap-1">
-            <ChevronsUpDownIcon />
-            <span>Navigate</span>
-          </div>
-          <div className="flex items-center gap-1">
-            <CornerDownLeftIcon />
-            <span>Go</span>
-          </div>
-        </div>
-      </Command>
-    </SearchCommandDialog>
-  );
-}
-
-type GroupedResults = {
-  id: string;
-  name: string;
-  results: SortedResult[];
-}[];
-const groupByCategory = (results?: SortedResult[]): GroupedResults => {
-  // We will get the category from the url and group the results by category
-  // eg url: /docs/components/buttons/button -> category: components
-  if (!results) return [];
-  const uniqueCategories = Array.from(
-    new Set(results.map((result) => result.url.split("/")[2]!))
-  ).filter(Boolean);
-
-  const groupedResults: GroupedResults = uniqueCategories.map((category) => ({
-    id: category,
-    name: kekabCaseToTitle(category),
-    results: results.filter((result) => result.url.split("/")[2] === category),
-  }));
-
-  return groupedResults;
-};
-
-const SearchCommandDialog = ({
-  keyboardShortcut = false,
-  trigger,
-  children,
-}: {
-  keyboardShortcut?: boolean;
-  children: React.ReactNode;
-  trigger: React.ReactNode;
-}) => {
-  const [isOpen, setIsOpen] = React.useState(false);
-
-  React.useEffect(() => {
-    if (!keyboardShortcut) return;
-
-    const down = (e: KeyboardEvent) => {
-      if ((e.key === "k" && (e.metaKey || e.ctrlKey)) || e.key === "/") {
-        if (
-          (e.target instanceof HTMLElement && e.target.isContentEditable) ||
-          e.target instanceof HTMLInputElement ||
-          e.target instanceof HTMLTextAreaElement ||
-          e.target instanceof HTMLSelectElement
-        ) {
-          return;
-        }
-
-        e.preventDefault();
-        setIsOpen((open) => !open);
-      }
-    };
-
-    document.addEventListener("keydown", down);
-    return () => document.removeEventListener("keydown", down);
-  }, [keyboardShortcut]);
-
-  return (
-    <DialogRoot isOpen={isOpen} onOpenChange={setIsOpen}>
-      {trigger}
-      <Dialog className="p-0!">
-        {children}
-        <Button
-          slot="close"
-          variant="outline"
-          shape="rectangle"
-          size="sm"
-          className="absolute right-2 top-2 h-7 px-2 text-xs font-normal"
-        >
-          Esc
-        </Button>
-      </Dialog>
-    </DialogRoot>
-  );
-};
diff --git a/www/src/components/search-command.tsx b/www/src/components/search-command.tsx
index 61bd0210f..ae4c8796d 100644
--- a/www/src/components/search-command.tsx
+++ b/www/src/components/search-command.tsx
@@ -1,46 +1,176 @@
+"use client";
+
+import React from "react";
+import { useDocsSearch } from "fumadocs-core/search/client";
+import type { SortedResult } from "fumadocs-core/server";
+import {
+  ChevronsUpDownIcon,
+  CornerDownLeftIcon,
+  FileTextIcon,
+  HashIcon,
+  SearchIcon,
+} from "lucide-react";
 import { kekabCaseToTitle } from "@/lib/string";
-import { source } from "@/app/source";
-import { SearchCommandClient } from "./search-command-client";
-
-const additionalPages = [
-  {
-    id: "themes",
-    title: "Themes",
-    headings: [],
-    url: "/themes",
-  },
-];
+import { Button } from "@/components/core/button";
+import { DialogRoot, Dialog } from "@/components/core/dialog";
+import { Loader } from "@/components/core/loader";
+import { MenuContent, MenuItem, MenuSection } from "@/components/core/menu";
+import { SearchFieldRoot } from "@/components/core/search-field";
+import { Command } from "@/registry/core/command_basic";
+import { Input, InputRoot } from "@/registry/core/input_basic";
+import { searchConfig } from "@/config";
+
+interface SearchCommandProps {
+  keyboardShortcut?: boolean;
+  children: React.ReactNode;
+}
 
 export function SearchCommand({
-  children,
   keyboardShortcut,
-}: {
-  children: React.ReactNode;
-  keyboardShortcut?: boolean;
-}) {
-  const pages = [
-    ...source.getPages().map((page) => ({
-      id: page.url,
-      title: page.data.title,
-      headings: page.data.structuredData.headings,
-      url: page.url,
-    })),
-    ...additionalPages,
-  ];
+  children,
+}: SearchCommandProps) {
+  const { search, setSearch, query } = useDocsSearch({ type: "fetch" });
+  const results =
+    search === "" || query.data === "empty"
+      ? [
+          {
+            id: "suggestions",
+            name: "Suggestions",
+            results: searchConfig.defaultResults.map((elem) => ({
+              id: elem.href,
+              content: elem.name,
+              url: elem.href,
+              type: "page",
+            })),
+          },
+        ]
+      : groupByCategory(query.data);
 
+  return (
+    <SearchCommandDialog keyboardShortcut={keyboardShortcut} trigger={children}>
+      <Command inputValue={search} onInputChange={setSearch} className="h-72">
+        <div className="p-1">
+          <SearchFieldRoot placeholder="Search" autoFocus className="w-full">
+            <InputRoot className="focus-within:ring-1">
+              {query.isLoading ? <Loader /> : <SearchIcon />}
+              <Input />
+            </InputRoot>
+          </SearchFieldRoot>
+        </div>
+        <MenuContent className="h-full overflow-y-scroll py-1">
+          {results.map((group) => (
+            <MenuSection key={group.id} title={group.name}>
+              {group.results.map((item) => (
+                <MenuItem
+                  key={item.id}
+                  href={item.url}
+                  textValue={item.content}
+                  prefix={item.type === "page" ? <FileTextIcon /> : undefined}
+                  className={
+                    item.type === "page"
+                      ? "[&_svg]:text-fg-muted gap-3 py-2"
+                      : "py-0 pl-2.5"
+                  }
+                >
+                  {item.type === "page" ? (
+                    item.content
+                  ) : (
+                    <div className="[&_svg]:text-fg-muted ml-2 flex items-center gap-3 border-l pl-4 [&_svg]:size-4">
+                      <HashIcon />
+                      <p className="flex-1 truncate py-2">{item.content}</p>
+                    </div>
+                  )}
+                </MenuItem>
+              ))}
+            </MenuSection>
+          ))}
+        </MenuContent>
+        <div className="text-fg-muted flex items-center justify-end gap-4 rounded-b-[inherit] border-t p-3 text-xs [&_svg]:size-4">
+          <div className="flex items-center gap-1">
+            <ChevronsUpDownIcon />
+            <span>Navigate</span>
+          </div>
+          <div className="flex items-center gap-1">
+            <CornerDownLeftIcon />
+            <span>Go</span>
+          </div>
+        </div>
+      </Command>
+    </SearchCommandDialog>
+  );
+}
+
+type GroupedResults = {
+  id: string;
+  name: string;
+  results: SortedResult[];
+}[];
+const groupByCategory = (results?: SortedResult[]): GroupedResults => {
+  // We will get the category from the url and group the results by category
+  // eg url: /docs/components/buttons/button -> category: components
+  if (!results) return [];
   const uniqueCategories = Array.from(
-    new Set(pages.map((item) => item.url.split("/")[2]))
+    new Set(results.map((result) => result.url.split("/")[2]!))
   ).filter(Boolean);
 
-  const items = uniqueCategories.map((category) => ({
-    // @ts-expect-error TODO fix later
-    title: kekabCaseToTitle(category),
-    items: pages.filter((item) => item.url.split("/")[2] === category),
+  const groupedResults: GroupedResults = uniqueCategories.map((category) => ({
+    id: category,
+    name: kekabCaseToTitle(category),
+    results: results.filter((result) => result.url.split("/")[2] === category),
   }));
 
+  return groupedResults;
+};
+
+const SearchCommandDialog = ({
+  keyboardShortcut = false,
+  trigger,
+  children,
+}: {
+  keyboardShortcut?: boolean;
+  children: React.ReactNode;
+  trigger: React.ReactNode;
+}) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+
+  React.useEffect(() => {
+    if (!keyboardShortcut) return;
+
+    const down = (e: KeyboardEvent) => {
+      if ((e.key === "k" && (e.metaKey || e.ctrlKey)) || e.key === "/") {
+        if (
+          (e.target instanceof HTMLElement && e.target.isContentEditable) ||
+          e.target instanceof HTMLInputElement ||
+          e.target instanceof HTMLTextAreaElement ||
+          e.target instanceof HTMLSelectElement
+        ) {
+          return;
+        }
+
+        e.preventDefault();
+        setIsOpen((open) => !open);
+      }
+    };
+
+    document.addEventListener("keydown", down);
+    return () => document.removeEventListener("keydown", down);
+  }, [keyboardShortcut]);
+
   return (
-    <SearchCommandClient keyboardShortcut={keyboardShortcut} items={items}>
-      {children}
-    </SearchCommandClient>
+    <DialogRoot isOpen={isOpen} onOpenChange={setIsOpen}>
+      {trigger}
+      <Dialog className="p-0!">
+        {children}
+        <Button
+          slot="close"
+          variant="outline"
+          shape="rectangle"
+          size="sm"
+          className="absolute right-2 top-2 h-7 px-2 text-xs font-normal"
+        >
+          Esc
+        </Button>
+      </Dialog>
+    </DialogRoot>
   );
-}
+};

From c56935a7825b69a8308e7e88ecce72cd94cae603 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 9 Feb 2025 21:35:30 +0100
Subject: [PATCH 126/165] fix: lint errors

---
 www/src/components/theme-colors-selector.tsx  | 22 +++++++++----------
 .../core/color-swatch-picker_basic.tsx        |  1 -
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/www/src/components/theme-colors-selector.tsx b/www/src/components/theme-colors-selector.tsx
index ad9d5779d..588d88b3f 100644
--- a/www/src/components/theme-colors-selector.tsx
+++ b/www/src/components/theme-colors-selector.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React from "react";
-import { parseColor, type Color } from "react-aria-components";
-import { Button } from "@/components/core/button";
+// import { parseColor, type Color } from "react-aria-components";
+// import { Button } from "@/components/core/button";
 import {
   ColorSwatchPicker,
   ColorSwatchPickerItem,
@@ -14,14 +14,14 @@ export const ThemeColorsSelector = ({
 }: {
   children?: React.ReactNode;
 }) => {
-  const [accentColor, setAccentColor] = React.useState<{
-    name: "";
-    value: Color;
-  }>({
-    name: "",
-    value: parseColor("#f9a825"),
-  });
-  const [primaryColor, setPrimaryColor] = React.useState<string | null>(null);
+  // const [accentColor, setAccentColor] = React.useState<{
+  //   name: "";
+  //   value: Color;
+  // }>({
+  //   name: "",
+  //   value: parseColor("#f9a825"),
+  // });
+  // const [primaryColor, setPrimaryColor] = React.useState<string | null>(null);
 
   return (
     <DialogRoot>
@@ -32,7 +32,7 @@ export const ThemeColorsSelector = ({
       >
         <p className="text-fg-muted text-sm">Neutral</p>
         <ColorSwatchPicker
-          value={accentColor.value}
+          // value={accentColor.value}
           className="grid grid-cols-5"
         >
           {neutralColors.map((color) => (
diff --git a/www/src/registry/core/color-swatch-picker_basic.tsx b/www/src/registry/core/color-swatch-picker_basic.tsx
index 79eac2a0c..18df3d079 100644
--- a/www/src/registry/core/color-swatch-picker_basic.tsx
+++ b/www/src/registry/core/color-swatch-picker_basic.tsx
@@ -21,7 +21,6 @@ interface ColorSwatchPickerItemProps
   extends React.ComponentProps<typeof AriaColorSwatchPickerItem> {}
 const ColorSwatchPickerItem = ({
   className,
-  children,
   ...props
 }: ColorSwatchPickerItemProps) => {
   return (

From 4b80d222147f4f3eee3ff4e13ac1e59803f5b35a Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sun, 9 Feb 2025 22:04:51 +0100
Subject: [PATCH 127/165] close drawer on command action

---
 www/src/components/mobile-nav.tsx     | 10 ++++++++--
 www/src/components/search-command.tsx | 16 ++++++++++++++--
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index d8927b183..aa594ef25 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import React from "react";
 import Link from "next/link";
 import type { PageTree } from "fumadocs-core/server";
 import { AlignLeftIcon, PanelLeftCloseIcon, SearchIcon } from "lucide-react";
@@ -21,6 +22,7 @@ export const MobileNav = ({
   className?: string;
   items: PageTree.Node[];
 }) => {
+  const [isOpen, setOpen] = React.useState(false);
   return (
     <header
       className={cn(
@@ -29,7 +31,7 @@ export const MobileNav = ({
       )}
     >
       <div className="max-w-(--breakpoint-2xl) container flex h-14 w-full items-center justify-between">
-        <DialogRoot>
+        <DialogRoot isOpen={isOpen} onOpenChange={setOpen}>
           <Button variant="quiet" size="sm" shape="square">
             <AlignLeftIcon />
           </Button>
@@ -65,7 +67,11 @@ export const MobileNav = ({
                     </Button>
                   </div>
                   <div className="p-2">
-                    <SearchCommand>
+                    <SearchCommand
+                      onAction={() => {
+                        setOpen(false);
+                      }}
+                    >
                       <Button
                         prefix={<SearchIcon />}
                         variant="outline"
diff --git a/www/src/components/search-command.tsx b/www/src/components/search-command.tsx
index ae4c8796d..315fe1c9b 100644
--- a/www/src/components/search-command.tsx
+++ b/www/src/components/search-command.tsx
@@ -23,11 +23,13 @@ import { searchConfig } from "@/config";
 interface SearchCommandProps {
   keyboardShortcut?: boolean;
   children: React.ReactNode;
+  onAction?: () => void;
 }
 
 export function SearchCommand({
   keyboardShortcut,
   children,
+  onAction,
 }: SearchCommandProps) {
   const { search, setSearch, query } = useDocsSearch({ type: "fetch" });
   const results =
@@ -48,7 +50,11 @@ export function SearchCommand({
 
   return (
     <SearchCommandDialog keyboardShortcut={keyboardShortcut} trigger={children}>
-      <Command inputValue={search} onInputChange={setSearch} className="h-72">
+      <Command
+        inputValue={search}
+        onInputChange={setSearch}
+        className="h-72"
+      >
         <div className="p-1">
           <SearchFieldRoot placeholder="Search" autoFocus className="w-full">
             <InputRoot className="focus-within:ring-1">
@@ -57,7 +63,13 @@ export function SearchCommand({
             </InputRoot>
           </SearchFieldRoot>
         </div>
-        <MenuContent className="h-full overflow-y-scroll py-1">
+        <MenuContent
+          onAction={() => {
+            setSearch("");
+            onAction?.();
+          }}
+          className="h-full overflow-y-scroll py-1"
+        >
           {results.map((group) => (
             <MenuSection key={group.id} title={group.name}>
               {group.results.map((item) => (

From 886a77efd70ea545721a0dd6e846255d2edf5ca5 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 10 Feb 2025 17:26:36 +0100
Subject: [PATCH 128/165] feat: update favicon

---
 www/src/app/icon.png | Bin 3628 -> 3769 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/www/src/app/icon.png b/www/src/app/icon.png
index d2aacadef59f84e34053528ab327e01a280b9d2f..cacb1046d3dceaca7c99fa52e3c647cb3f88450f 100644
GIT binary patch
delta 2470
zcmbVNc{JO578hGH5-m>?X%SmRn<f$jr46-JQ<PSeZXtr$Cg!1*M*GtgU6Dq4Psdu(
z5<x=q)DkqM)N6TF+iPicqe7*d&?+W#PXCxW^QQAU-}61^d%pL6@8{lg@8^6!eElW^
z_BLg;7NNs=Wr!u7Y-#6UMR2gO$?aD*`M3KQW#3I!RGOt76(547(g>m0FgyW|wYRpX
zVnag0L+$aF1ZzuMTEpK|XdpyfXt+a6q)~i=dt!nEm6i}0%OIM>QxkLXsz~=g17q?v
zHYp-Z5ov|Dvccl5u>V?MuIdi$ua9UER0cgPlxTv>?Ng-yolC3^B_%MI<mOCHE_^fY
z89_dX?0)x@)N8wsP9s$#oSjooX=-fPboNx-<+Q9$Oserk7SZHJ^E=Q(NLR*2E#+*s
zo3^U6$<+xJ<98r$x6X{<YKWTgg+*y)so#~|X7&xc2hWin{agqXp+B8W42hd-pGXxS
zi#@6{CDu&?1R5dhlu~oR5d6--G>}9Yss#^D6DX;qt09aq9ZFP?`ZruZl)>ZrG^b};
z7f7U6oJkV;5&=C3?O46LJ1Q^1XF%516yW;ln(u14V_+cA#guJY#!Ls0R<-DRLIWBX
zR(M=ffMa1lbq_#hK>S|^(=oDTACA-v3ym`h4rP!Y%@!`vO534Br>6^UGgmKgADf_G
zW@m613v=Gq;nWn_Dt5Y(``|#gQfA~0Zn>B_n11*0ttWtHw)#PYU>-L$Cd>iA!>+Fd
z$Lp#X7p!6LZ?7Q%tI7BCaz_HiNvl$KGSFjKZZ@<qHy-Q~L|eu%$VRIea{m)eR6=08
zI%Qo?eks##)Fz+H<vMkpY47nF=bXGu;F=TKP@$@?PK~J4SM4M+w~dCB-GkhOYq<)D
z`c`~SS~SQ~_3>@v+t0Tgd)d;Sap-Kc$wb3dUx@a9^cMKP`u>fPe5VWe-$VXR#P0(H
z{yf?KsE*y8NTp9(i}ubuDEB!2`C}EOHMuOop~eeUE|Ivvbal5Dctt($Ja@&CmWlEy
z#!MZVz0{B?c<cQ{%)H(}@0X4NP4Ug~Q+@1qT!9y_zJ7o7F#iGnU<1_ro@O7@Fsep}
zv$7$|@@2kUo;Wl#G(9S$?YaKY^icHlK*b|5voXA{a6?3MaGxg+D%2VYT;xqohF9$0
zGBh}NaT}V{9QW!x8jVhv=m3RT6)5RUA|;a2)&+-z*X-fCpgMD(VpZU1OGAU7NF?I%
zcp7bq7DgE8=G?mxkAL~AL+YYHnPTxVeqrut&5@@4>kJ(U+jl|JGfp<Qw1`eDB^EgW
zj$6B#D_@!p)KO~k^Yi)oI6W|AnH&%>Gf?4qkT^LrQYT`JJBU+0psKq?E`hIKJQ79o
zYHG6LW`~Clycrdm_5wmzQ%ovn?{!i1NNuGx!PZv#yz9a~I{1{}?cGbJ9)rWfa3=K4
zcuRnRfq}3ap)Fx?i=zv5%=dO8T{#NxwTIVzx{)+DFoeU+%v2WxtB!I+iN4dxv5&Ux
zHWJpR>3ap%LXX$w6&0`kUhIC)CS8rllzZhEI%N}gIe7!#-a-$At%NoAwB3-I4jOMw
zv6h2x?+Wbs-5iPBk*vi`r<!6aMIswHSVcNJOHN8knzhW#5R^8?KD~pa`hGf2XA4T@
za`~t!^t^!GxGQTTjF~Q5OLgw*>QX?H+g6k|N?0hbpA}Hfu=Ove;P?Bhw8<nAX;xeP
zGT?=>rx^qHi;3G63D8(<7EvP5h7;(0`Y<^B4zj$&{Q|rTNgV}4&=wZM^<lq;<UH^&
zx%AunSHIG7EMwBuNCQ0o>X4k@x;bW^m%UJ5jr-Ag17l6`w48T$^Rb6Ra_}aKm&6j?
zu9XyBLw_<k;ucHopX~%B67wqZ9vBR^kB+bozbK#mUFTS)78r6ue@C)!F3S6S;+N&6
zh3MYPTOMQ^YEa8^-o5CqZfm2sySpEBlHbYF^Y{19n}2c02=mbzSV>ioG;IFItG&Iw
zvgg<dkMs<Xf{sNF$M(>=vu&J)Gd1<detx-){c3ApE~S`(YXLsr>nB{0ZHs0Qnaq_+
zquxAj#F>|TLHtD`3A*BVqS@le&C;UnN$TP`G!7S_h#jsysuy$rh>L>kh9?)D4>vM~
zvh?h3L_S0*4#sG7US3{RS(&qf+=B|EM6-alXwbPBuAom;Ow8c?%*fE#7+;Zc?Pt+B
zHy5CyqT*0%vhV;uu&m1Odiak6vGCa>EgkqSes#5HQBjdpD&;It`s`ur*KfYGTd_Nl
zvcsy7t#uTeI6o@&SyIvmD);7{|E60Vbb~Uu#)bo^i9<V~tC}L;9zooP#-Bj0x-sj{
zKxZgGhbRrfdh?9E?itE#c}wkMc1g3@^5$v(vt2Cri9)8?bX4Vh8m8q@%bC;Q6N&ae
zBomDevlMa>t5y{M{>gTdokFeZH?s{IH|5z+rB)(Y#lpgP%0M{D(4`iF_-qszFH@+=
zVwU>Um?7tvOo}ePUX;|Y9u~Kz-#*D}0EmT0tALh=TLMl)j%UrA$(C`P71PKB_Gu+*
zs&9V*FNl2WxB%+OX<cw4@pSD7Y&}NR)Rm}?M!-JhLx_<WSL!vOLGqS<GFsbnjWItf
zhDn>2biZ7YdQQ^$xD;6~r`PO$F4-iK%m$^kSxHmmvSRMjGoPQu_K9JtZ})BJpZ})B
g|Ix4e^^0Fw<KXygk?<s~L`kto?t9&8U4mKv01d<#!vFvP

delta 2381
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


From 062af5f909ae8d9d6d39cdc6e6811e0b225344ba Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 10 Feb 2025 17:42:53 +0100
Subject: [PATCH 129/165] chore: update favicon

---
 www/src/app/apple-icon.png | Bin 0 -> 4075 bytes
 www/src/app/favicon.ico    | Bin 0 -> 15086 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 www/src/app/apple-icon.png
 create mode 100644 www/src/app/favicon.ico

diff --git a/www/src/app/apple-icon.png b/www/src/app/apple-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0a6f3819e2cdc84e21de319f394d5618dd220e0
GIT binary patch
literal 4075
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
RpQid8XF9piOC7f){2SAYK~(?%

literal 0
HcmV?d00001

diff --git a/www/src/app/favicon.ico b/www/src/app/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..660284fb6b071c7fc22e4377174ea12204eb6444
GIT binary patch
literal 15086
zcmeHOO-mb56n!>Dp-}Y)R85qcw7PJi*$GuaLB)mO&P8xzLEMD4exTs0JAZ{BS@;h`
z=%$ELgU~M821^wL@rw|@lbG9kMkh^mCYfnwG81?Y4lgtBzIV?(^IkG<?nH<R;Sp_Z
zf@`mcyc8lRgz$Rrk86ea#pi0dM*G{RLVRR{0NZdE5n|xHEK-3|C_qF{7}X3P!_Npf
z3~&G!aC(wY1GF<<Fv5(_jPHye4g(y(1)RW5HwJD)jIc{E+*ZH|+^Y4i0k`2gAy&5*
zaP#HikGY2H<<|0(iQ%U~v!IQE`ChV;$z%vHSYmAVN|QXF<hGLWzq-1jwY4>xn3$l^
z(NUV3nxbelO4rxd`9g68|Fg3*nw_1crluyUtE<Z*5D3uH(h^->Uh2i*3jUEugc=(g
zv%GU-@caF=wYBA1{;5=odV6~{xvOzZPENX(|M~ej1%tu7{QLU)^wzZF^9Sp*v$HcV
z|B;aq*Xob&%DK5Y@_N0RF<@P+tgN_}KZxz_?$XfE(4!c@eQa!uPESu=&HwiHmUeb_
zXl7<cnM)lV9n{_3O^b_*bZ~G$XxAx@&wrH{=20@4q<B0|hlhuhNF<cw0>8zs;jhMF
zvX=Z!3TCmn)Zb!3O%5mZHz}CK=2Cx)1vNRG)Ze6F7Mn}`Ef&<|a8iGhf>~@X^|x41
zlfy~<O$uhQxzyicK}`-<NdI!rUzB_PsNC~+Wt~4oUWwOJ+2*hH@?!G5R6tLGyWbCG
z-t))5bsQaPg!qlRO4k3YgQ}yR&Pc|48E+Wn@SYaOQNi#qDj8Ka0b|2Q1<R5xIA%O!
zyk;Ot`pza`Z1{k$EC>D!PB{OCkz}N70>*|9`0}U%@Mq`(ZfGyMAlIWpV=(xDugV<%
zxZcnlaTisPBf~os7Z(?Fb91AWGfT6B4-EeHxhwe0D9S(Lh2PcHRpq^n{{DWNpP#2#
zEJn!9=M-D~r_*WL+}x!0_I4%z+0f9Syvr~=Jgnpn?e>rSH{$jAeE;N+TU%RcV`C%7
zJ=qdJ{7+9$Kl0zw(n9O&>$dxc{<!w=S6^SR0J-#@o*vrY-?!brI{%iJmuYZtkh;3M
zXncH}wzs!SGXD@DI3V|nobU1Rv9bmq%zc>Ia{V!|!6N<J@cm~{dzeZ6rT&)x{>u4h
zSOK~I+_(NLz5gyS6SVHXo!);qy8ps1fHiY$|9QU+aiqdr`6PsAfgcl;67UJ%cuv88
zF;kvZ6naj<=IHaBQDYFWRra~48SfcU##e)YE&8Z_ag5Cz{#ft`ya&h}9UW!%_VzNo
zA3-~8(MRPBznXtaz`ZlxPYs1a%Dp@G5`6Cr+iwgtUfurK_u~EZ=H_N){}&F2u^%<u
zAO25HPLw^vz`%gAmq9#6{j;62*Ty^kc$XXZ{XC|r{utvyk^K!`{|CCMhq?M;4(6S|
l+z$I(<j&us)(<ane8;NmNS)7x>g@Vm$UZH@NahOq{sHHE9svLV

literal 0
HcmV?d00001


From 4c4e571a6b19f2bb30f92b92dff62fd17daba49f Mon Sep 17 00:00:00 2001
From: mehdi <hello@mehdibha.com>
Date: Mon, 10 Feb 2025 21:53:49 +0100
Subject: [PATCH 130/165] Update README.md

---
 README.md | 50 ++++++++++++++++++--------------------------------
 1 file changed, 18 insertions(+), 32 deletions(-)

diff --git a/README.md b/README.md
index 9b8c02c0f..4d269b4b5 100644
--- a/README.md
+++ b/README.md
@@ -1,40 +1,26 @@
-> ⚠️ dotUI is still in development, [follow me on X](https://x.com/mehdibha_) to stay updated.
-<br />
-
-<div align="center">
-  <a href="https://github.com/mehdibha/dotUI">
-    <img src="/www/public/images/logo.png" alt="Logo" width="60" height="60">
-  </a>
-  <h1 align="center">dotUI</h1>
-  <p align="center">
-    Scaffold, implement, ship <strong>unique</strong>.
-  </p>
-  <p>
-    
-   <a href="https://dotui.org">Visit site</a>
-    ·
-    <a href="https://github.com/mehdibha/dotUI/issues">Report Bug</a>
-    ·
-    <a href="https://github.com/mehdibha/dotUI/issues">Request Feature</a>
-  </p>
-</div>
-
-<!-- ABOUT THE PROJECT -->
-
-## About The Project
-
-dotUI is here to solve a problem every React developer knows all too well: **standing out**.
-You're not just getting a collection of components, you're gaining a toolkit that lets you craft a unique, robust design system for your project.
-
-If you want to join this journey, i'm streaming everyday at <a href="https://discord.gg/DXpj5V2fU8">our discord channel</a>
-
-<img src="/www/public/images/thumbnail.png">
+
+> Each time a component library gets popular, all apps start looking the... same.
+
+# dotUI
+
+Build your component library with a unique style.
+
+![image](https://github.com/user-attachments/assets/1e8ae69c-b9e3-4857-8479-7115b8d2d329)
+
+## What's different from shadcn-ui
+
+shadcn-ui gives you a starting point to create your component library, but this starting point is the same for everyone.
+dotUI gives you a custom starting point based on the theme you've chosen or created.
+
+## Why react-aria?
+
+Because react-aria has a lot more features than radix, primitive components are reusable, has more flexibility, is actively maintained by radix, it's just better.
 
 <!-- CONTRIBUTING -->
 
 ## Contributing
 
-See the [contribution guide](CONTRIBUTING.md) and join our amazing list of [contributors](https://github.com/mehdibha/dotUI/graphs/contributors)!
+See the [contribution guide](CONTRIBUTING.md), we'd love to have you 
 
 <!-- LICENSE -->
 

From 66e2b14b532b0519ea1b034674bb90e3eda1b0bf Mon Sep 17 00:00:00 2001
From: mehdi <hello@mehdibha.com>
Date: Mon, 10 Feb 2025 21:56:35 +0100
Subject: [PATCH 131/165] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 4d269b4b5..1d7108338 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@ dotUI gives you a custom starting point based on the theme you've chosen or crea
 
 ## Why react-aria?
 
-Because react-aria has a lot more features than radix, primitive components are reusable, has more flexibility, is actively maintained by radix, it's just better.
+Because react-aria has a lot more features than radix, primitive components are reusable, has more flexibility, is actively maintained by Adobe, it's just better.
 
 <!-- CONTRIBUTING -->
 

From 3fc0d586b704b08835e8b49eb4dfbde47444f537 Mon Sep 17 00:00:00 2001
From: mehdi <hello@mehdibha.com>
Date: Mon, 10 Feb 2025 22:00:57 +0100
Subject: [PATCH 132/165] Update README.md

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 1d7108338..4b71b1116 100644
--- a/README.md
+++ b/README.md
@@ -3,9 +3,10 @@
 
 # dotUI
 
+
 Build your component library with a unique style.
 
-![image](https://github.com/user-attachments/assets/1e8ae69c-b9e3-4857-8479-7115b8d2d329)
+![dotUI](https://github.com/user-attachments/assets/90de89e9-a1dd-47ec-8da5-5b577a109fd5)
 
 ## What's different from shadcn-ui
 

From 65ca3d5e8254f57c6ee7def89f6d4e88299da862 Mon Sep 17 00:00:00 2001
From: mehdi <hello@mehdibha.com>
Date: Mon, 10 Feb 2025 22:16:37 +0100
Subject: [PATCH 133/165] Update README.md

---
 README.md | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 4b71b1116..6e35bc9df 100644
--- a/README.md
+++ b/README.md
@@ -8,12 +8,20 @@ Build your component library with a unique style.
 
 ![dotUI](https://github.com/user-attachments/assets/90de89e9-a1dd-47ec-8da5-5b577a109fd5)
 
-## What's different from shadcn-ui
+## Requirements
 
-shadcn-ui gives you a starting point to create your component library, but this starting point is the same for everyone.
+* React 19
+* Tailwind CSS 4.0
+* Typescript
+
+## FAQ
+
+### What's different from shadcn-ui
+
+shadcn-ui gives you a starting point to create your component library, but this starting point is the same for everyone.<br/>
 dotUI gives you a custom starting point based on the theme you've chosen or created.
 
-## Why react-aria?
+### Why react-aria?
 
 Because react-aria has a lot more features than radix, primitive components are reusable, has more flexibility, is actively maintained by Adobe, it's just better.
 
@@ -21,7 +29,9 @@ Because react-aria has a lot more features than radix, primitive components are
 
 ## Contributing
 
-See the [contribution guide](CONTRIBUTING.md), we'd love to have you 
+See the [contribution guide](CONTRIBUTING.md), We’d love to see your ideas, refinements, and innovations—let’s build the future of UI development.
+
+Join our [discord channel](https://discord.gg/DXpj5V2fU8)
 
 <!-- LICENSE -->
 

From 02e2df91bf47ff9ed2ca81bbd6b660280595b921 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 10 Feb 2025 22:20:59 +0100
Subject: [PATCH 134/165] fix: fix themes

---
 packages/schemas/schema.ts                         |  2 +-
 .../modules/themes/components/theme-provider.tsx   |  2 +-
 www/src/modules/themes/lib/create-theme.ts         |  9 ++++++---
 www/src/registry/themes/forest.ts                  |  3 ---
 www/src/styles/themes.css                          | 14 --------------
 5 files changed, 8 insertions(+), 22 deletions(-)

diff --git a/packages/schemas/schema.ts b/packages/schemas/schema.ts
index 3f2b8f5e8..afe9dd6cc 100644
--- a/packages/schemas/schema.ts
+++ b/packages/schemas/schema.ts
@@ -23,7 +23,7 @@ export const e = z.object({
 export const registryItemCssSchema = z.object({
   colors: z
     .object({
-      light: z.record(z.string(), z.string()),
+      light: z.record(z.string(), z.string()).optional(),
       dark: z.record(z.string(), z.string()).optional(),
     })
     .optional(),
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index 928963347..6bc83f137 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -32,7 +32,7 @@ export const ThemeProvider = ({
         ? (theme.defaultDisplayMode ?? currentMode)
         : "light"
     );
-    return { ...themeCssVars, ...baseVars, ...theme.foundations.overrides };
+    return { ...baseVars, ...themeCssVars, ...theme.foundations.overrides };
   }, [theme, resolvedTheme, currentMode]);
 
   const resolvedMode =
diff --git a/www/src/modules/themes/lib/create-theme.ts b/www/src/modules/themes/lib/create-theme.ts
index 1b591f841..c2925722c 100644
--- a/www/src/modules/themes/lib/create-theme.ts
+++ b/www/src/modules/themes/lib/create-theme.ts
@@ -14,7 +14,9 @@ export const createTheme = (theme: Theme): RegistryTheme => {
     ...propreties,
     css: {
       colors: {
-        light: createThemeCssVars(foundations, "light"),
+        ...(foundations.light
+          ? { light: createThemeCssVars(foundations, "light") }
+          : {}),
         ...(foundations.dark
           ? { dark: createThemeCssVars(foundations, "dark") }
           : {}),
@@ -27,7 +29,8 @@ export const createThemeCssVars = (
   foundations: Theme["foundations"],
   mode: "light" | "dark"
 ): Record<string, string> => {
-  const resolvedMode = foundations.dark ? mode : "light";
+  const resolvedMode = mode 
+  if (!foundations[mode]) throw new Error(`No ${mode} mode found in theme`);
   const themeFoundations = foundations[resolvedMode]!;
   const defaultFoundations = defaultColorsFoundations[resolvedMode];
 
@@ -71,7 +74,7 @@ export const createThemeCssVars = (
       if ("name" in color) {
         return color.values.map((value, index) => {
           const scale = (index + 1) * 100;
-          return [`--color-${color.name}-${scale}`, value.value];
+          return [`--${color.name}-${scale}`, value.value];
         });
       }
       return undefined;
diff --git a/www/src/registry/themes/forest.ts b/www/src/registry/themes/forest.ts
index 2508c3401..ac33385bc 100644
--- a/www/src/registry/themes/forest.ts
+++ b/www/src/registry/themes/forest.ts
@@ -26,7 +26,4 @@ export const forestTheme: Theme = {
       lightness: 10,
     },
   },
-  primitives: {
-    button: "ripple",
-  },
 };
diff --git a/www/src/styles/themes.css b/www/src/styles/themes.css
index 48fbd2bac..e69de29bb 100644
--- a/www/src/styles/themes.css
+++ b/www/src/styles/themes.css
@@ -1,14 +0,0 @@
-
-.accent-blue {
-  --color-bg-primary: var(--accent-500);
-  --color-bg-primary-hover: var(--accent-900);
-  --color-bg-primary-active: var(--accent-800);
-  --color-bg-primary-muted: var(--accent-200);
-}
-
-.accent-blue {
-  --color-bg-primary: var(--accent-500);
-  --color-bg-primary-hover: var(--accent-900);
-  --color-bg-primary-active: var(--accent-800);
-  --color-bg-primary-muted: var(--accent-200);
-}

From 769096996c7ae14fa68837524343aa498eee6678 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 11 Feb 2025 00:19:54 +0100
Subject: [PATCH 135/165] update component preview layout

---
 .../docs/components/buttons/button.mdx        |   5 +-
 www/public/og.jpg                             | Bin 0 -> 471805 bytes
 www/src/components/docs/code-block-client.tsx |   8 +--
 www/src/components/docs/component-preview.tsx |  64 ++++++++++++------
 www/src/components/docs/style-switcher.tsx    |  15 ++--
 www/src/components/header.tsx                 |   8 ---
 www/src/components/mobile-nav.tsx             |   2 +-
 7 files changed, 60 insertions(+), 42 deletions(-)
 create mode 100644 www/public/og.jpg

diff --git a/www/content/docs/components/buttons/button.mdx b/www/content/docs/components/buttons/button.mdx
index 56c07c129..69b959af3 100644
--- a/www/content/docs/components/buttons/button.mdx
+++ b/www/content/docs/components/buttons/button.mdx
@@ -12,7 +12,10 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/button.mdx?plain=1
 ---
 
-<ComponentPreview name="button/default" preview={`<Button>button</Button>`} />
+<ComponentPreview
+  name="button/default"
+  preview={`<Button>button</Button>`}
+/>
 
 ## Installation
 
diff --git a/www/public/og.jpg b/www/public/og.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ab4753618519767e5f2cd7976f0d30bc16a7243c
GIT binary patch
literal 471805
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
Mm3#uCG4<?!0KGHQ!~g&Q

literal 0
HcmV?d00001

diff --git a/www/src/components/docs/code-block-client.tsx b/www/src/components/docs/code-block-client.tsx
index 50e32cc6e..f2573c43e 100644
--- a/www/src/components/docs/code-block-client.tsx
+++ b/www/src/components/docs/code-block-client.tsx
@@ -80,9 +80,9 @@ const CodeBlockClient = ({
         <div className="flex items-center gap-2">
           {(preview || expandable) && (
             <Button
-              variant="default"
+              variant="outline"
               size="sm"
-              className="h-7 text-xs"
+              className="bg-bg-inverse/5 h-7 text-xs"
               onPress={handleExpand}
             >
               {isExpanded ? "Collapse" : "Expand"} code
@@ -152,9 +152,9 @@ const CodeBlockCopyButton = ({ code, ...props }: CodeBlockCopyButtonProps) => {
     <Button
       size="sm"
       shape="square"
-      variant="default"
+      variant="outline"
       onPress={handleCopy}
-      className="size-7 [&_svg]:size-3"
+      className="bg-bg-inverse/5 size-7 [&_svg]:size-3"
       {...props}
     >
       {copied ? (
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index b1c585a48..834358cbc 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -1,6 +1,10 @@
 import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
-import { PaintBucket } from "lucide-react";
+import {
+  PaintBucket,
+  Settings2Icon,
+  SlidersHorizontalIcon,
+} from "lucide-react";
 import { getFileSource } from "@/lib/get-file-source";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
@@ -25,6 +29,7 @@ export interface ComponentPreviewProps {
   fullWidth?: boolean;
   resizable?: boolean;
   suspense?: boolean;
+  primary?: boolean;
 }
 
 export const ComponentPreview = async ({
@@ -35,6 +40,7 @@ export const ComponentPreview = async ({
   fullWidth = false,
   resizable = false,
   suspense = false,
+  primary = false,
 }: ComponentPreviewProps) => {
   const demoItem = Index[name];
 
@@ -55,33 +61,49 @@ export const ComponentPreview = async ({
     <div
       className={cn("overflow-hidden rounded-md border", containerClassName)}
     >
+      {/* <div className="bg-bg-muted flex items-center justify-between rounded-t-[inherit] border-b p-2">
+        <StyleSwitcher
+          // @ts-expect-error TODO fix later
+          componentName={getComponentName(name)}
+          variant="outline"
+          className="bg-bg-inverse/5 h-7 text-xs font-normal"
+        />
+        <ThemeCustomizerDialog>
+          <Tooltip
+            content={
+              <span>
+                <span className="text-fg-muted">Theme:</span> dotUI
+              </span>
+            }
+          >
+            <Button
+              variant="outline"
+              shape="square"
+              size="sm"
+              className="bg-bg-inverse/5 size-7 text-sm font-normal"
+            >
+              <PaintBucket />
+            </Button>
+          </Tooltip>
+        </ThemeCustomizerDialog>
+      </div> */}
       <div className="bg-bg-muted">
         <ResizableContainer resizable={resizable}>
           <Loader>
             <ThemeOverride className="relative duration-300">
-              {/* @ts-expect-error fix later */}
-              <StyleSwitcher componentName={getComponentName(name)} />
-              <ThemeCustomizerDialog>
-                <Tooltip
-                  content={
-                    <span>
-                      <span className="text-fg-muted">Theme:</span> dotUI
-                    </span>
-                  }
-                >
-                  <Button
-                    shape="square"
-                    size="sm"
-                    className="border-border absolute right-2 top-2 z-10 font-normal"
-                  >
-                    <PaintBucket />
-                  </Button>
-                </Tooltip>
-              </ThemeCustomizerDialog>
+              <Button
+                variant="quiet"
+                shape="square"
+                size="sm"
+                className="absolute right-2 top-2 z-10"
+              >
+                <SlidersHorizontalIcon />
+              </Button>
               <ScrollArea className="bg-bg text-fg">
                 <div
                   className={cn(
-                    "flex min-h-52 py-20",
+                    "flex py-10",
+                    primary && "min-h-48 py-20",
                     fullWidth
                       ? "px-8 lg:px-12"
                       : "flex items-center justify-center px-4"
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
index c257369f0..1aaeff32a 100644
--- a/www/src/components/docs/style-switcher.tsx
+++ b/www/src/components/docs/style-switcher.tsx
@@ -4,13 +4,18 @@ import React from "react";
 import { ChevronDownIcon } from "lucide-react";
 import { useComponentsVariants } from "@/lib/create-dynamic-component";
 import { useThemes } from "@/hooks/use-themes";
-import { Button } from "@/components/core/button";
+import { Button, ButtonProps } from "@/components/core/button";
 import { ListBox, ListBoxItem } from "@/components/core/list-box";
 import { Popover } from "@/components/core/popover";
 import { SelectRoot, SelectValue } from "@/components/core/select";
 import { core } from "@/registry/registry-core";
 
-export function StyleSwitcher({ componentName }: { componentName: string }) {
+export function StyleSwitcher({
+  componentName,
+  ...props
+}: {
+  componentName: string;
+} & ButtonProps) {
   const primitiveInfo = getPrimitiveInfo(componentName);
   const { variants: contextVariants, setVariants } = useComponentsVariants();
   const { currentTheme } = useThemes();
@@ -35,11 +40,7 @@ export function StyleSwitcher({ componentName }: { componentName: string }) {
       }}
       className="w-auto"
     >
-      <Button
-        size="sm"
-        suffix={<ChevronDownIcon />}
-        className="border-border absolute left-2 top-2 z-10 text-xs font-normal"
-      >
+      <Button size="sm" suffix={<ChevronDownIcon />} {...props}>
         <span className="font-bold">{primitiveName}:</span> <SelectValue />
       </Button>
       <Popover>
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index 64a3c88ac..4ab9f948e 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -85,14 +85,6 @@ const Logo = () => {
       href="/"
       className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
     >
-      {/* <Avatar
-        src={siteConfig.global.logo}
-        alt={siteConfig.global.name}
-        width={24}
-        height={24}
-        loading="lazy"
-        className="m-1 size-6 rounded-sm"
-      /> */}
       <svg
         xmlns="http://www.w3.org/2000/svg"
         width={20}
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index aa594ef25..1b89d35eb 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -61,7 +61,7 @@ export const MobileNav = ({
                       <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
                         {siteConfig.global.name}
                       </div>
-                    </Link>
+                      </Link>
                     <Button size="sm" shape="square" onPress={close}>
                       <PanelLeftCloseIcon />
                     </Button>

From 5c8cea562a770d7ae5e1db7eb4eda3e68b12c8d3 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 11 Feb 2025 22:57:13 +0100
Subject: [PATCH 136/165] wip fonts and animation experiment

---
 .../docs/components/buttons/button.mdx        |    5 +-
 www/src/app/(home)/page.tsx                   |    4 +-
 www/src/app/internal/page.tsx                 |   28 +-
 www/src/components/core/command.tsx           |    1 +
 www/src/components/docs/component-preview.tsx |   20 +-
 www/src/components/docs/theme-override.tsx    |   20 +-
 www/src/components/mobile-nav.tsx             |    2 +-
 www/src/components/search-command.tsx         |    6 +-
 .../modules/themes/components/font-loader.tsx |   11 +
 .../themes/components/font-selector.tsx       |  134 ++
 .../themes/components/theme-provider.tsx      |   18 +-
 .../themes/components/themes-overview.tsx     |   45 +-
 www/src/modules/themes/lib/create-theme.ts    |    2 +-
 www/src/modules/themes/lib/google-fonts.ts    | 1803 +++++++++++++++++
 www/src/modules/themes/types.ts               |    4 +
 www/src/registry/core/command_basic.tsx       |    2 +-
 www/src/registry/core/list-box_basic.tsx      |    2 +-
 www/src/registry/registry-themes.ts           |    5 +-
 www/src/registry/themes/brutalist.ts          |    4 +
 www/src/registry/themes/material.ts           |    4 +
 www/src/registry/themes/minimalist.ts         |    4 +
 www/src/styles/globals.css                    |    3 +
 22 files changed, 2058 insertions(+), 69 deletions(-)
 create mode 100644 www/src/components/core/command.tsx
 create mode 100644 www/src/modules/themes/components/font-loader.tsx
 create mode 100644 www/src/modules/themes/components/font-selector.tsx
 create mode 100644 www/src/modules/themes/lib/google-fonts.ts

diff --git a/www/content/docs/components/buttons/button.mdx b/www/content/docs/components/buttons/button.mdx
index 69b959af3..56c07c129 100644
--- a/www/content/docs/components/buttons/button.mdx
+++ b/www/content/docs/components/buttons/button.mdx
@@ -12,10 +12,7 @@ links:
     href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/button.mdx?plain=1
 ---
 
-<ComponentPreview
-  name="button/default"
-  preview={`<Button>button</Button>`}
-/>
+<ComponentPreview name="button/default" preview={`<Button>button</Button>`} />
 
 ## Installation
 
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 51d1caa05..f159744ed 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -43,7 +43,7 @@ export default function HomePage() {
               size="lg"
               className="h-10"
             >
-              Get started
+              Create your library
             </Button>
             <Button
               href="/themes"
@@ -51,7 +51,7 @@ export default function HomePage() {
               size="lg"
               className="bg-bg-inverse/5 h-10"
             >
-              Explore themes
+              Explore docs
             </Button>
           </div>
         </section>
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index cb155a8a0..ced2a1e08 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,5 +1,31 @@
+// "use client";
 import React from "react";
 
+// import { FontSelector } from "@/modules/themes/components/font-selector";
+
 export default function Demo() {
-  return <div>internal</div>;
+  // const [font, setFont] = React.useState<string | null>(null);
+
+  // const content = variableFonts
+  //   .filter((elem) => elem.subsets.includes("latin"))
+  //   .filter((elem) => elem.variants.includes("regular"))
+  //   .filter((elem) => elem.category === "handwriting")
+  //   .map((elem) => elem.family);
+
+  // const rawContent = JSON.stringify(content, null, 2);
+
+  // const allCategories = variableFonts.map((elem) => elem.category)
+  // const uniqueCategories = [...new Set(allCategories)]
+  // console.log(uniqueCategories)
+
+  // React.useEffect(() => {
+  //   // copy to clipboard
+  //   navigator.clipboard.writeText(rawContent);
+  // }, [rawContent]);
+
+  return (
+    <div className="container max-w-xs py-40">
+      {/* <FontSelector label="Body" font={font} onFontChange={setFont} /> */}
+    </div>
+  );
 }
diff --git a/www/src/components/core/command.tsx b/www/src/components/core/command.tsx
new file mode 100644
index 000000000..fecce0316
--- /dev/null
+++ b/www/src/components/core/command.tsx
@@ -0,0 +1 @@
+export * from "@/registry/core/command_basic";
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index 834358cbc..7e05639a0 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
 import {
-  PaintBucket,
-  Settings2Icon,
+  // PaintBucket,
+  // Settings2Icon,
   SlidersHorizontalIcon,
 } from "lucide-react";
 import { getFileSource } from "@/lib/get-file-source";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
-import { Tooltip } from "@/components/core/tooltip";
+// import { Tooltip } from "@/components/core/tooltip";
 import { CodeBlock } from "@/components/docs/code-block";
 import { Index } from "@/__registry__/demos";
 import {
@@ -16,8 +16,8 @@ import {
   Loader,
   ResizableContainer,
 } from "./component-preview-client";
-import { StyleSwitcher } from "./style-switcher";
-import { ThemeCustomizerDialog } from "./theme-customizer";
+// import { StyleSwitcher } from "./style-switcher";
+// import { ThemeCustomizerDialog } from "./theme-customizer";
 import { ThemeOverride } from "./theme-override";
 
 export interface ComponentPreviewProps {
@@ -138,8 +138,8 @@ export const ComponentPreview = async ({
   );
 };
 
-const getComponentName = (name: string) => {
-  const groupName = name.split("/")[0];
-  if (groupName === "range-calendar") return "calendar";
-  return groupName;
-};
+// const getComponentName = (name: string) => {
+//   const groupName = name.split("/")[0];
+//   if (groupName === "range-calendar") return "calendar";
+//   return groupName;
+// };
diff --git a/www/src/components/docs/theme-override.tsx b/www/src/components/docs/theme-override.tsx
index 5f3f24f77..9d1784dc1 100644
--- a/www/src/components/docs/theme-override.tsx
+++ b/www/src/components/docs/theme-override.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React, { ReactNode } from "react";
-import { googleFonts } from "@/lib/fonts";
 import { cn } from "@/lib/utils";
 import { useThemes } from "@/hooks/use-themes";
 
@@ -16,24 +15,7 @@ export const ThemeOverride = React.forwardRef<
   HTMLDivElement,
   ThemeOverrideProps
 >(({ children, ...props }, ref) => {
-  const { currentTheme, mode, fonts } = useThemes();
-  const headingFont = googleFonts.find((f) => f.id === fonts.heading);
-
-  // fonts
-  React.useEffect(() => {
-    if (headingFont) {
-      const head = document.head;
-      const existingLink = head.querySelector("#heading-font");
-      if (existingLink) {
-        existingLink.remove();
-      }
-      const link = document.createElement("link");
-      link.rel = "stylesheet";
-      link.href = headingFont.url;
-      link.id = "heading-font";
-      head.appendChild(link);
-    }
-  }, [headingFont]);
+  const { currentTheme, mode } = useThemes();
 
   // colors
   const currentMode = currentTheme.colors[mode];
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index 1b89d35eb..aa594ef25 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -61,7 +61,7 @@ export const MobileNav = ({
                       <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
                         {siteConfig.global.name}
                       </div>
-                      </Link>
+                    </Link>
                     <Button size="sm" shape="square" onPress={close}>
                       <PanelLeftCloseIcon />
                     </Button>
diff --git a/www/src/components/search-command.tsx b/www/src/components/search-command.tsx
index 315fe1c9b..d6ee9b1f3 100644
--- a/www/src/components/search-command.tsx
+++ b/www/src/components/search-command.tsx
@@ -50,11 +50,7 @@ export function SearchCommand({
 
   return (
     <SearchCommandDialog keyboardShortcut={keyboardShortcut} trigger={children}>
-      <Command
-        inputValue={search}
-        onInputChange={setSearch}
-        className="h-72"
-      >
+      <Command inputValue={search} onInputChange={setSearch} className="h-72">
         <div className="p-1">
           <SearchFieldRoot placeholder="Search" autoFocus className="w-full">
             <InputRoot className="focus-within:ring-1">
diff --git a/www/src/modules/themes/components/font-loader.tsx b/www/src/modules/themes/components/font-loader.tsx
new file mode 100644
index 000000000..14ebcaddd
--- /dev/null
+++ b/www/src/modules/themes/components/font-loader.tsx
@@ -0,0 +1,11 @@
+export function FontLoader({ font }: { font: string | null | undefined }) {
+  if (!font) return null;
+  const googleFontUrl = generateGoogleFontUrl(font);
+  return <link href={googleFontUrl} rel="stylesheet" />;
+}
+
+function generateGoogleFontUrl(font: string) {
+  const familyName = font.replace(/\s+/g, "+");
+
+  return `https://fonts.googleapis.com/css?family=${familyName}`;
+}
diff --git a/www/src/modules/themes/components/font-selector.tsx b/www/src/modules/themes/components/font-selector.tsx
new file mode 100644
index 000000000..d9e5dc50f
--- /dev/null
+++ b/www/src/modules/themes/components/font-selector.tsx
@@ -0,0 +1,134 @@
+"use client";
+
+import React from "react";
+import { ChevronDownIcon } from "lucide-react";
+import { useInView } from "motion/react";
+import {
+  UNSTABLE_Virtualizer as Virtualizer,
+  UNSTABLE_ListLayout as ListLayout,
+  useFilter,
+} from "react-aria-components";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/core/button";
+import { CommandRoot } from "@/components/core/command";
+import { DialogRoot, Dialog } from "@/components/core/dialog";
+import {
+  ListBox,
+  ListBoxItem,
+  ListBoxSection,
+} from "@/components/core/list-box";
+import { SearchField } from "@/components/core/search-field";
+import { Select, SelectItem } from "@/components/core/select";
+import { FontLoader } from "@/modules/themes/components/font-loader";
+import {
+  sansSerifFonts,
+  monoFonts,
+  serifFonts,
+  displayFonts,
+  handwritingFonts,
+} from "@/modules/themes/lib/google-fonts";
+
+export const FontSelector = ({
+  label,
+  font,
+  onFontChange,
+}: {
+  label: string;
+  font: string | null;
+  onFontChange: (font: string | null) => void;
+}) => {
+  const { contains } = useFilter({ sensitivity: "base" });
+
+  const layout = React.useMemo(() => {
+    return new ListLayout({ rowHeight: 32, headingHeight: 20 });
+  }, []);
+
+  return (
+    <div className="flex flex-col gap-1">
+      <p className="text-fg-muted text-sm">{label}</p>
+      <DialogRoot>
+        <Button variant="outline">
+          <span className={cn("flex-1 text-left", !font && "text-fg-muted")}>
+            {font ?? "Select a font"}
+          </span>
+          <ChevronDownIcon />
+        </Button>
+        <Dialog
+          type="popover"
+          popoverProps={{ placement: "bottom" }}
+          className="p-0! space-y-2"
+        >
+          {({ close }) => (
+            <>
+              <div className="p-2 pb-0">
+                <Select selectedKey="featured">
+                  <SelectItem id="featured">Featured fonts</SelectItem>
+                  <SelectItem id="all">All google fonts</SelectItem>
+                </Select>
+              </div>
+              <CommandRoot filter={contains} className="h-72">
+                <div className="p-2">
+                  <SearchField
+                    placeholder="Search"
+                    autoFocus
+                    className="w-full"
+                  />
+                </div>
+                <Virtualizer layout={layout}>
+                  <ListBox
+                    selectionMode="single"
+                    selectedKeys={font ? [font] : []}
+                    onSelectionChange={(keys) => {
+                      onFontChange(([...keys][0] as string | null) ?? null);
+                      close();
+                    }}
+                    className="p-0! h-full w-full border-0"
+                  >
+                    {[
+                      { title: "Sans serif", items: sansSerifFonts },
+                      { title: "Serif", items: serifFonts },
+                      { title: "Mono", items: monoFonts },
+                      { title: "Display", items: displayFonts },
+                      { title: "Handwriting", items: handwritingFonts },
+                    ].map(({ title, items }) => (
+                      <ListBoxSection key={title} title={title}>
+                        {items.map((font) => (
+                          <ListBoxItem
+                            key={font}
+                            id={font.trim().toLowerCase()}
+                            textValue={font}
+                            className="font-body"
+                            style={
+                              {
+                                "--font-body": font,
+                              } as React.CSSProperties
+                            }
+                          >
+                            {font}
+                            <FontLoaderInView font={font} />
+                          </ListBoxItem>
+                        ))}
+                      </ListBoxSection>
+                    ))}
+                  </ListBox>
+                </Virtualizer>
+              </CommandRoot>
+            </>
+          )}
+        </Dialog>
+      </DialogRoot>
+    </div>
+  );
+};
+
+const FontLoaderInView = ({ font }: { font: string }) => {
+  const ref = React.useRef(null);
+  const inView = useInView(ref);
+
+  return (
+    <>
+      <span ref={ref} />
+      {inView && <FontLoader font={font} />}
+    </>
+  );
+};
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index 6bc83f137..338cacbd0 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -5,6 +5,7 @@ import { PrimitivesProvider } from "@/modules/themes/contexts/primitives-context
 import { VariantsProvider } from "@/modules/themes/contexts/variants-context";
 import { createThemeCssVars } from "@/modules/themes/lib/create-theme";
 import { Theme } from "@/modules/themes/types";
+import { FontLoader } from "./font-loader";
 
 interface ThemeProviderProps
   extends Omit<React.ComponentProps<"div">, "children"> {
@@ -24,6 +25,7 @@ export const ThemeProvider = ({
 }: ThemeProviderProps) => {
   const { resolvedTheme } = useTheme();
   const currentMode = mode ?? (resolvedTheme === "light" ? "light" : "dark");
+
   const cssVars = React.useMemo(() => {
     if (!theme || !resolvedTheme) return {};
     const themeCssVars = createThemeCssVars(
@@ -45,12 +47,18 @@ export const ThemeProvider = ({
   return (
     <VariantsProvider variants={theme?.variants}>
       <PrimitivesProvider primitives={theme?.primitives}>
+        <FontLoader font={theme?.fonts?.heading} />
+        <FontLoader font={theme?.fonts?.body} />
         <div
-          style={{
-            ...cssVars,
-            ...style,
-          }}
-          className={cn("bg-bg text-fg isolate", className)}
+          style={
+            {
+              ...cssVars,
+              ...style,
+              "--font-heading": theme?.fonts?.heading,
+              "--font-body": theme?.fonts?.body,
+            } as React.CSSProperties
+          }
+          className={cn("bg-bg text-fg font-body isolate", className)}
           suppressHydrationWarning
           {...props}
         >
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index 55f9b1d9c..d04d1f201 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { CheckIcon, CopyIcon, MoonIcon, SunIcon } from "lucide-react";
-import { AnimatePresence, motion } from "motion/react";
+import { AnimatePresence, motion, Variants } from "motion/react";
 import { cn } from "@/lib/utils";
 import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
@@ -121,20 +121,6 @@ export const ThemesOverview = () => {
               </span>
             </div>
           </div>
-          {/* <svg
-            width="30"
-            viewBox="0 0 106 212"
-            fill="none"
-            className="text-fg/40 rotate-40 -translate-x-10 lg:hidden absolute"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              fillRule="evenodd"
-              clipRule="evenodd"
-              d="M89.5523 0.499048C87.5651 0.982422 84.0069 2.94278 81.2677 4.99712C78.5689 7.05146 71.3854 14.1947 67.6392 18.5853C59.8112 27.7426 55.0848 39.0884 53.2319 52.9989C52.5202 58.316 52.5202 68.5743 53.2319 74.4822C53.7824 78.9802 55.3131 87.0634 56.1993 89.8965L56.6826 91.4943L53.581 94.7839C38.0726 111.474 28.3916 132.111 24.0815 157.623C23.1685 163.168 22.0943 172.057 21.5706 178.448L21.3155 181.55L19.3283 178.287C15.7701 172.513 12.2925 168.217 8.66717 165.155C0.839139 158.468 -1.2421 159.516 1.92671 168.512C5.99514 179.979 15.1928 195.755 22.43 203.61C24.6723 206.054 28.8884 209.344 31.2919 210.552C33.937 211.922 34.9441 211.076 37.7503 205.074C38.6365 203.154 42.0873 196.924 45.4038 191.217C48.7338 185.511 51.4729 180.596 51.4729 180.261C51.4729 178.757 48.5995 174.943 44.7862 171.291C41.7919 168.458 39.6302 167.022 38.3277 167.022H37.3475L37.5758 165.128C38.5829 156.454 43.6717 141.564 48.9217 131.883C53.2856 123.827 57.9851 117.315 65.2492 109.164L66.6859 107.54L68.6059 109.299C75.1852 115.368 84.45 118.389 91.0696 116.67C95.5945 115.462 98.4411 112.884 101.006 107.58C102.805 103.901 103.248 102.236 103.288 99.47C103.315 93.5084 95.5005 83.8945 87.2563 79.7187C83.8055 77.9598 81.6437 77.5301 78.4883 77.9867C74.4199 78.5775 70.6335 80.3632 65.0209 84.3779C63.6245 85.385 62.416 86.204 62.3489 86.1369C61.9595 85.7072 61.2344 76.1606 61.2344 70.9509C61.2344 63.8479 61.5567 60.1018 62.698 54.3953C64.8463 43.7342 69.0222 35.1006 76.0312 26.8833C87.6725 13.2279 98.1994 6.67551 103.839 9.57576C104.591 9.93829 105.275 10.1263 105.369 10.0054C106.054 8.89099 100.576 2.9025 97.3535 1.2644C95.4334 0.284225 91.7812 -0.0782881 89.5255 0.485649L89.5523 0.499048ZM89.418 92.9712C89.324 93.4949 88.5721 95.2136 87.7933 96.8785C84.4097 103.981 78.5957 107.378 71.9493 106.13C70.7811 105.902 69.6667 105.606 69.4384 105.472C68.9148 105.15 74.9839 99.9265 78.9851 97.2276C82.8253 94.6496 87.7799 92.1791 89.2166 92.1119C89.4717 92.0851 89.5389 92.367 89.418 92.9578V92.9712Z"
-              fill="currentColor"
-            />
-          </svg> */}
           <Tabs
             variant="solid"
             selectedKey={currentThemeName}
@@ -215,8 +201,18 @@ export const ThemesOverview = () => {
                   )}
                 </AnimatePresence>
                 <div className="bg-bg w-full rounded-md border">
-                  <ComponentsOverview className="hidden xl:container sm:grid" />
-                  <MobileComponentsOverview className="sm:hidden" />
+                  <AnimatePresence mode="popLayout">
+                    <motion.div
+                      key={currentThemeName}
+                      variants={variants}
+                      initial="hidden"
+                      animate="show"
+                      exit="hidden"
+                    >
+                      <ComponentsOverview className="hidden xl:container sm:grid" />
+                      <MobileComponentsOverview className="sm:hidden" />
+                    </motion.div>
+                  </AnimatePresence>
                 </div>
               </>
             )}
@@ -226,3 +222,18 @@ export const ThemesOverview = () => {
     </div>
   );
 };
+
+const variants: Variants = {
+  hidden: {
+    opacity: 0,
+  },
+  show: {
+    opacity: 1,
+    transition: {
+      type: "spring",
+      stiffness: 150,
+      damping: 19,
+      mass: 1.2,
+    },
+  },
+};
diff --git a/www/src/modules/themes/lib/create-theme.ts b/www/src/modules/themes/lib/create-theme.ts
index c2925722c..9b28d707c 100644
--- a/www/src/modules/themes/lib/create-theme.ts
+++ b/www/src/modules/themes/lib/create-theme.ts
@@ -29,7 +29,7 @@ export const createThemeCssVars = (
   foundations: Theme["foundations"],
   mode: "light" | "dark"
 ): Record<string, string> => {
-  const resolvedMode = mode 
+  const resolvedMode = mode;
   if (!foundations[mode]) throw new Error(`No ${mode} mode found in theme`);
   const themeFoundations = foundations[resolvedMode]!;
   const defaultFoundations = defaultColorsFoundations[resolvedMode];
diff --git a/www/src/modules/themes/lib/google-fonts.ts b/www/src/modules/themes/lib/google-fonts.ts
new file mode 100644
index 000000000..a8f92f70a
--- /dev/null
+++ b/www/src/modules/themes/lib/google-fonts.ts
@@ -0,0 +1,1803 @@
+export const serifFonts = [
+  "Playfair Display",
+  "Merriweather",
+  "Roboto Slab",
+  "Lora",
+  "PT Serif",
+  "Noto Serif",
+  "Libre Baskerville",
+  "EB Garamond",
+  "Noto Serif JP",
+  "Bitter",
+  "Crimson Text",
+  "Slabo 27px",
+  "Arvo",
+  "Cormorant Garamond",
+  "Zilla Slab",
+  "Nanum Myeongjo",
+  "DM Serif Display",
+  "IBM Plex Serif",
+  "Source Serif 4",
+  "Frank Ruhl Libre",
+  "Cinzel",
+  "Marcellus",
+  "Domine",
+  "Vollkorn",
+  "Cormorant",
+  "Bree Serif",
+  "Spectral",
+  "Alegreya",
+  "Bodoni Moda",
+  "Tinos",
+  "Prata",
+  "Cardo",
+  "Noto Serif KR",
+  "Amiri",
+  "Antic Slab",
+  "Martel",
+  "Noto Serif TC",
+  "Sawarabi Mincho",
+  "Roboto Serif",
+  "Noticia Text",
+  "Crimson Pro",
+  "Crete Round",
+  "Old Standard TT",
+  "Eczar",
+  "DM Serif Text",
+  "Rokkitt",
+  "Libre Caslon Text",
+  "Sanchez",
+  "Quattrocento",
+  "Josefin Slab",
+  "Shippori Mincho",
+  "Unna",
+  "Aleo",
+  "Baskervville",
+  "Noto Naskh Arabic",
+  "Taviraj",
+  "Literata",
+  "Neuton",
+  "Gelasio",
+  "Sorts Mill Goudy",
+  "Playfair Display SC",
+  "Fraunces",
+  "Alice",
+  "Gilda Display",
+  "Libre Bodoni",
+  "Vidaloka",
+  "STIX Two Text",
+  "Faustina",
+  "Abhaya Libre",
+  "Pridi",
+  "Newsreader",
+  "Noto Serif Bengali",
+  "Playfair",
+  "Noto Serif SC",
+  "Ultra",
+  "Volkhov",
+  "Zen Old Mincho",
+  "Lusitana",
+  "Cormorant Infant",
+  "Mate",
+  "Holtwood One SC",
+  "Arapey",
+  "Rufina",
+  "Noto Nastaliq Urdu",
+  "Judson",
+  "Petrona",
+  "Adamina",
+  "Yrsa",
+  "Young Serif",
+  "Kameron",
+  "Kaisei Decol",
+  "Noto Serif Display",
+  "Karma",
+  "Bevan",
+  "Shippori Mincho B1",
+  "Kreon",
+  "Gupter",
+  "Suez One",
+  "PT Serif Caption",
+  "Glegoo",
+  "Podkova",
+  "Kiwi Maru",
+  "Rozha One",
+  "Marcellus SC",
+  "Cantata One",
+  "Graduate",
+  "Enriqueta",
+  "Italiana",
+  "Noto Serif Devanagari",
+  "Ovo",
+  "BioRhyme",
+  "Yuji Mai",
+  "Brygada 1918",
+  "Lateef",
+  "Caudex",
+  "Andada Pro",
+  "Trirong",
+  "Ibarra Real Nova",
+  "Lustria",
+  "Oranienbaum",
+  "Castoro",
+  "Inria Serif",
+  "Zilla Slab Highlight",
+  "Bellefair",
+  "Maitree",
+  "Hepta Slab",
+  "Halant",
+  "Caladea",
+  "Besley",
+  "Cormorant Upright",
+  "Solway",
+  "Gowun Batang",
+  "Goudy Bookletter 1911",
+  "Kurale",
+  "Arbutus Slab",
+  "Alegreya SC",
+  "Hahmlet",
+  "David Libre",
+  "Poly",
+  "Average",
+  "Cormorant SC",
+  "Markazi Text",
+  "Gurajada",
+  "Rasa",
+  "Spectral SC",
+  "Kadwa",
+  "Fjord One",
+  "Vesper Libre",
+  "Radley",
+  "Copse",
+  "Bentham",
+  "IM Fell English",
+  "Coustard",
+  "Gabriela",
+  "Fauna One",
+  "Antic Didone",
+  "Cormorant Unicase",
+  "Fanwood Text",
+  "Alike",
+  "Gloock",
+  "Trocchi",
+  "Bona Nova SC",
+  "Tiro Bangla",
+  "Instrument Serif",
+  "IM Fell English SC",
+  "Montagu Slab",
+  "Cambo",
+  "Quando",
+  "Kalnia",
+  "Libre Caslon Display",
+  "Aref Ruqaa",
+  "Suranna",
+  "Della Respira",
+  "Imbue",
+  "IM Fell DW Pica",
+  "Buenard",
+  "Hanuman",
+  "Esteban",
+  "Tienne",
+  "Kaisei Opti",
+  "Brawler",
+  "Alkalami",
+  "Hina Mincho",
+  "Noto Serif HK",
+  "Cutive",
+  "Inknut Antiqua",
+  "Noto Serif Thai",
+  "Amethysta",
+  "Sura",
+  "Vollkorn SC",
+  "BIZ UDPMincho",
+  "IM Fell Double Pica",
+  "Alike Angular",
+  "Slabo 13px",
+  "Vast Shadow",
+  "Yuji Syuku",
+  "Almendra",
+  "Noto Serif Malayalam",
+  "Headland One",
+  "Charis SIL",
+  "Montaga",
+  "Sumana",
+  "Artifika",
+  "Fenix",
+  "Zen Antique Soft",
+  "Prociono",
+  "Manuale",
+  "Noto Serif Hentaigana",
+  "Piazzolla",
+  "Mirza",
+  "Balthazar",
+  "Kaisei Tokumin",
+  "BhuTuka Expanded One",
+  "Platypi",
+  "Noto Serif Georgian",
+  "IM Fell French Canon",
+  "Peralta",
+  "Rhodium Libre",
+  "Asar",
+  "Zen Antique",
+  "Ledger",
+  "Scope One",
+  "Belgrano",
+  "Tiro Devanagari Hindi",
+  "Bona Nova",
+  "Mate SC",
+  "Abyssinica SIL",
+  "Noto Serif Telugu",
+  "IM Fell DW Pica SC",
+  "Gentium Book Plus",
+  "IM Fell Great Primer",
+  "Maiden Orange",
+  "Scheherazade New",
+  "Rosarivo",
+  "IM Fell Double Pica SC",
+  "Trykker",
+  "Habibi",
+  "Poltawski Nowy",
+  "Ramaraja",
+  "IM Fell Great Primer SC",
+  "Texturina",
+  "IM Fell French Canon SC",
+  "Sree Krushnadevaraya",
+  "Baskervville SC",
+  "Junge",
+  "Port Lligat Slab",
+  "Jomolhari",
+  "Bodoni Moda SC",
+  "Suwannaphum",
+  "Kaisei HarunoUmi",
+  "Stoke",
+  "Gulzar",
+  "Gentium Plus",
+  "Benne",
+  "BIZ UDMincho",
+  "Grenze",
+  "Koh Santepheap",
+  "Stint Ultra Condensed",
+  "Almendra SC",
+  "Stint Ultra Expanded",
+  "Noto Serif Kannada",
+  "Inika",
+  "Donegal One",
+  "Linden Hill",
+  "Aoboshi One",
+  "Marko One",
+  "Noto Serif Ahom",
+  "Sedan SC",
+  "Jacques Francois",
+  "New Tegomin",
+  "Kotta One",
+  "Peddana",
+  "Joan",
+  "Tiro Devanagari Sanskrit",
+  "Bacasime Antique",
+  "Sahitya",
+  "Wellfleet",
+  "Arbutus",
+  "Hedvig Letters Serif",
+  "Noto Serif Khmer",
+  "Odor Mean Chey",
+  "Noto Serif Tamil",
+  "Noto Serif Hebrew",
+  "Uchen",
+  "Danfo",
+  "Noto Serif Armenian",
+  "Amiri Quran",
+  "Tiro Devanagari Marathi",
+  "Ruwudu",
+  "Yuji Boku",
+  "Labrada",
+  "Noto Serif Sinhala",
+  "Noto Serif Gujarati",
+  "Noto Serif Vithkuqi",
+  "Wittgenstein",
+  "Diphylleia",
+  "Tiro Tamil",
+  "Noto Serif Tibetan",
+  "BioRhyme Expanded",
+  "Tiro Telugu",
+  "Grandiflora One",
+  "Cactus Classical Serif",
+  "Noto Serif Lao",
+  "Aref Ruqaa Ink",
+  "Noto Serif Khojki",
+  "Noto Serif Balinese",
+  "Tiro Gurmukhi",
+  "Noto Serif Todhri",
+  "Sedan",
+  "Tai Heritage Pro",
+  "Suravaram",
+  "Noto Rashi Hebrew",
+  "Dai Banna SIL",
+  "Tiro Kannada",
+  "Noto Serif Ethiopic",
+  "Noto Serif Oriya",
+  "Annapurna SIL",
+  "Noto Serif Tangut",
+  "Noto Serif NP Hmong",
+  "Namdhinggo",
+  "Noto Serif Dogra",
+  "Noto Serif Toto",
+  "Noto Serif Khitan Small Script",
+  "Noto Serif Yezidi",
+  "Noto Serif Old Uyghur",
+  "Noto Serif Ottoman Siyaq",
+  "Kay Pho Du",
+  "Noto Serif Gurmukhi",
+  "Lisu Bosa",
+  "Padyakke Expanded One",
+  "Maname",
+  "Narnoor",
+  "Noto Serif Grantha",
+  "Noto Serif Makasar",
+];
+
+export const monoFonts = [
+  "Material Icons",
+  "Roboto Mono",
+  "Inconsolata",
+  "Material Symbols Outlined",
+  "Material Icons Outlined",
+  "Material Symbols Rounded",
+  "Source Code Pro",
+  "Material Icons Round",
+  "IBM Plex Mono",
+  "Material Icons Sharp",
+  "Material Icons Two Tone",
+  "JetBrains Mono",
+  "Space Mono",
+  "Courier Prime",
+  "DM Mono",
+  "VT323",
+  "Ubuntu Mono",
+  "Material Symbols Sharp",
+  "PT Mono",
+  "Fira Code",
+  "Fira Mono",
+  "Cousine",
+  "Share Tech Mono",
+  "Anonymous Pro",
+  "Major Mono Display",
+  "Cutive Mono",
+  "Overpass Mono",
+  "Oxygen Mono",
+  "Azeret Mono",
+  "B612 Mono",
+  "Reddit Mono",
+  "Lekton",
+  "Syne Mono",
+  "Nova Mono",
+  "Xanh Mono",
+  "Fragment Mono",
+  "Chivo Mono",
+  "Martian Mono",
+  "Geist Mono",
+  "Monofett",
+  "Red Hat Mono",
+  "M PLUS 1 Code",
+  "Kode Mono",
+  "Sixtyfour Convergence",
+  "Spline Sans Mono",
+  "Sometype Mono",
+  "Victor Mono",
+  "Workbench",
+  "Sixtyfour",
+  "LXGW WenKai Mono TC",
+  "Ubuntu Sans Mono",
+];
+
+export const handwritingFonts = [
+  "Dancing Script",
+  "Pacifico",
+  "Caveat",
+  "Nanum Gothic Coding",
+  "Shadows Into Light",
+  "Satisfy",
+  "Indie Flower",
+  "Permanent Marker",
+  "Great Vibes",
+  "Amatic SC",
+  "Kalam",
+  "Yellowtail",
+  "Courgette",
+  "Merienda",
+  "Kaushan Script",
+  "Gloria Hallelujah",
+  "Zeyada",
+  "Sacramento",
+  "Allura",
+  "Patrick Hand",
+  "Sofia",
+  "Tangerine",
+  "Comic Neue",
+  "Neucha",
+  "Cookie",
+  "Architects Daughter",
+  "Berkshire Swash",
+  "Parisienne",
+  "Rochester",
+  "Itim",
+  "Alex Brush",
+  "Handlee",
+  "Homemade Apple",
+  "Reenie Beanie",
+  "Sriracha",
+  "Mr Dafoe",
+  "Bad Script",
+  "Nothing You Could Do",
+  "Nanum Pen Script",
+  "Italianno",
+  "Marck Script",
+  "Pinyon Script",
+  "Rock Salt",
+  "Pangolin",
+  "Damion",
+  "Amita",
+  "Caveat Brush",
+  "Covered By Your Grace",
+  "Charm",
+  "Mrs Saint Delafield",
+  "Leckerli One",
+  "Gochi Hand",
+  "La Belle Aurore",
+  "Delius",
+  "Just Another Hand",
+  "Herr Von Muellerhoff",
+  "Julee",
+  "Cedarville Cursive",
+  "Mali",
+  "Shadows Into Light Two",
+  "Hachi Maru Pop",
+  "Norican",
+  "Nanum Brush Script",
+  "Schoolbell",
+  "Ms Madi",
+  "Allison",
+  "Dawning of a New Day",
+  "Arizonia",
+  "Rancho",
+  "Klee One",
+  "Kristi",
+  "Niconne",
+  "Yesteryear",
+  "Annie Use Your Telescope",
+  "Coming Soon",
+  "Oooh Baby",
+  "Grand Hotel",
+  "Short Stack",
+  "Quintessential",
+  "Waiting for the Sunrise",
+  "Calligraffitti",
+  "Petit Formal Script",
+  "Style Script",
+  "Monsieur La Doulaise",
+  "Mansalva",
+  "Qwigley",
+  "Ma Shan Zheng",
+  "Meddon",
+  "Aguafina Script",
+  "Qwitcher Grypen",
+  "Over the Rainbow",
+  "Mr De Haviland",
+  "Loved by the King",
+  "Delicious Handrawn",
+  "Hurricane",
+  "Sedgwick Ave",
+  "Fuggles",
+  "League Script",
+  "Hi Melody",
+  "Sue Ellen Francisco",
+  "Rouge Script",
+  "Give You Glory",
+  "Fondamento",
+  "Vibur",
+  "Euphoria Script",
+  "Walter Turncoat",
+  "Meow Script",
+  "Whisper",
+  "Crafty Girls",
+  "Ephesis",
+  "Corinthia",
+  "Birthstone",
+  "Grape Nuts",
+  "Montez",
+  "Just Me Again Down Here",
+  "Charmonman",
+  "Bilbo Swash Caps",
+  "Gamja Flower",
+  "Clicker Script",
+  "Delius Unicase",
+  "Nerko One",
+  "The Girl Next Door",
+  "Comforter Brush",
+  "Redressed",
+  "Square Peg",
+  "Dekko",
+  "Patrick Hand SC",
+  "East Sea Dokdo",
+  "Gaegu",
+  "Fuzzy Bubbles",
+  "Borel",
+  "Eagle Lake",
+  "Vujahday Script",
+  "Delius Swash Caps",
+  "Swanky and Moo Moo",
+  "Ruthie",
+  "WindSong",
+  "Kavivanar",
+  "Licorice",
+  "Sunshiney",
+  "Edu SA Beginner",
+  "Carattere",
+  "MonteCarlo",
+  "Sedgwick Ave Display",
+  "Lovers Quarrel",
+  "Playpen Sans",
+  "Moon Dance",
+  "The Nautigal",
+  "Stalemate",
+  "Birthstone Bounce",
+  "Meie Script",
+  "Beth Ellen",
+  "Zhi Mang Xing",
+  "Liu Jian Mao Cao",
+  "Smooch",
+  "Yomogi",
+  "Waterfall",
+  "Long Cang",
+  "Playwrite DE Grund",
+  "Passions Conflict",
+  "Comforter",
+  "Bilbo",
+  "Edu NSW ACT Foundation",
+  "Lavishly Yours",
+  "Edu TAS Beginner",
+  "Engagement",
+  "Imperial Script",
+  "Beau Rivage",
+  "Playwrite GB S",
+  "Shalimar",
+  "Send Flowers",
+  "Solitreo",
+  "Condiment",
+  "Playwrite US Trad",
+  "Chilanka",
+  "Mynerve",
+  "Festive",
+  "Bonheur Royale",
+  "Gwendolyn",
+  "Edu VIC WA NT Beginner",
+  "Luxurious Script",
+  "Edu AU VIC WA NT Hand",
+  "Devonshire",
+  "Lugrasimo",
+  "Mea Culpa",
+  "Water Brush",
+  "Mrs Sheppards",
+  "Grey Qo",
+  "Ballet",
+  "Playwrite IS",
+  "Felipa",
+  "Playwrite CU",
+  "Butterfly Kids",
+  "Lakki Reddy",
+  "Dr Sugiyama",
+  "Romanesco",
+  "Praise",
+  "Updock",
+  "Princess Sofia",
+  "Grechen Fuemen",
+  "Miss Fajardose",
+  "Playwrite AU SA",
+  "Caramel",
+  "Bonbon",
+  "Mr Bedfort",
+  "Edu AU VIC WA NT Pre",
+  "Explora",
+  "Neonderthaw",
+  "Fleur De Leah",
+  "Babylonica",
+  "Jim Nightshade",
+  "Lumanosimo",
+  "LXGW WenKai TC",
+  "Inspiration",
+  "Love Light",
+  "Playwrite IN",
+  "Ruge Boogie",
+  "Edu AU VIC WA NT Dots",
+  "Twinkle Star",
+  "My Soul",
+  "Sassy Frass",
+  "Island Moments",
+  "Playwrite AR",
+  "Playwrite HR Lijeva",
+  "Kings",
+  "Kolker Brush",
+  "Playwrite HR",
+  "Playwrite IT Moderna",
+  "Splash",
+  "Petemoss",
+  "Ingrid Darling",
+  "Cherish",
+  "Edu AU VIC WA NT Guides",
+  "Tapestry",
+  "Slackside One",
+  "Playwrite VN",
+  "Edu QLD Beginner",
+  "Are You Serious",
+  "Playwrite ES",
+  "Playwrite MX",
+  "Playwrite NL",
+  "Estonia",
+  "Ole",
+  "Puppies Play",
+  "Playwrite FR Moderne",
+  "Playwrite BE VLG",
+  "Playwrite GB J",
+  "Playwrite AU NSW",
+  "Edu AU VIC WA NT Arrows",
+  "Yuji Hentaigana Akari",
+  "Playwrite AT",
+  "Playwrite ES Guides",
+  "Playwrite CZ Guides",
+  "Playwrite BE WAL",
+  "Playwrite SK",
+  "Playwrite AU QLD",
+  "Playwrite IS Guides",
+  "Playwrite PE",
+  "Playwrite US Modern",
+  "Playwrite ZA",
+  "Playwrite ID Guides",
+  "Playwrite PL",
+  "Playwrite PT",
+  "Playwrite IE Guides",
+  "Playwrite ES Deco",
+  "Playwrite HR Guides",
+  "Playwrite MX Guides",
+  "Playwrite CA Guides",
+  "Playwrite DK Loopet",
+  "Playwrite CO Guides",
+  "Playwrite NZ",
+  "Playwrite PL Guides",
+  "Playwrite HR Lijeva Guides",
+  "Playwrite RO Guides",
+  "Playwrite AU TAS Guides",
+  "Playwrite PT Guides",
+  "Playwrite AU TAS",
+  "Playwrite PE Guides",
+  "Playwrite TZ Guides",
+  "Playwrite CL",
+  "Playwrite DK Uloopet",
+  "Playwrite AU VIC",
+  "Playwrite AU VIC Guides",
+  "Playwrite DE Grund Guides",
+  "Playwrite GB S Guides",
+  "Playwrite US Trad Guides",
+  "Playwrite CO",
+  "Playwrite ES Deco Guides",
+  "Playwrite CU Guides",
+  "Playwrite NG Modern",
+  "Playwrite DK Loopet Guides",
+  "Playwrite ZA Guides",
+  "Playwrite NG Modern Guides",
+  "Playwrite BE WAL Guides",
+  "Playwrite NL Guides",
+  "Playwrite VN Guides",
+  "Playwrite US Modern Guides",
+  "Playwrite AU SA Guides",
+  "Playwrite DE LA Guides",
+  "Playwrite CL Guides",
+  "Playwrite DK Uloopet Guides",
+  "Playwrite DE VA Guides",
+  "Playwrite AU QLD Guides",
+  "Playwrite FR Trad Guides",
+  "Playwrite CZ",
+  "Playwrite SK Guides",
+  "Playwrite HU",
+  "Playwrite GB J Guides",
+  "Playwrite IN Guides",
+  "Playwrite NO",
+  "Playwrite NZ Guides",
+  "Playwrite AR Guides",
+  "Playwrite IT Moderna Guides",
+  "Playwrite IT Trad Guides",
+  "Playwrite AU NSW Guides",
+  "Playwrite RO",
+  "Playwrite AT Guides",
+  "Playwrite FR Moderne Guides",
+  "Playwrite IE",
+  "Playwrite ID",
+  "Playwrite BR Guides",
+  "Playwrite DE SAS Guides",
+  "Playwrite BE VLG Guides",
+  "Playwrite BR",
+  "Playwrite HU Guides",
+  "Playwrite FR Trad",
+  "Playwrite NO Guides",
+  "Playwrite DE LA",
+  "Playwrite CA",
+  "Playwrite DE VA",
+  "Playwrite DE SAS",
+  "Playwrite TZ",
+  "Playwrite IT Trad",
+  "Yuji Hentaigana Akebono",
+];
+
+export const displayFonts = [
+  "Comfortaa",
+  "Lobster",
+  "Lilita One",
+  "Abril Fatface",
+  "Rowdies",
+  "Alfa Slab One",
+  "Oleo Script",
+  "Passion One",
+  "Righteous",
+  "Concert One",
+  "Luckiest Guy",
+  "Press Start 2P",
+  "Patua One",
+  "Lobster Two",
+  "Creepster",
+  "Silkscreen",
+  "Titan One",
+  "Yatra One",
+  "Bangers",
+  "Poiret One",
+  "Baloo Bhaijaan 2",
+  "Libre Barcode 39",
+  "Special Elite",
+  "Staatliches",
+  "Fugaz One",
+  "Yeseva One",
+  "Macondo",
+  "Bungee",
+  "Baloo 2",
+  "Rubik Bubbles",
+  "Oxanium",
+  "Audiowide",
+  "Dela Gothic One",
+  "Changa One",
+  "Forum",
+  "Lalezar",
+  "Monoton",
+  "Carter One",
+  "Rammetto One",
+  "Playball",
+  "Unica One",
+  "Black Ops One",
+  "Big Shoulders Display",
+  "Londrina Solid",
+  "Calistoga",
+  "Gabarito",
+  "Cinzel Decorative",
+  "Shrikhand",
+  "Lemonada",
+  "Averia Serif Libre",
+  "Fredericka the Great",
+  "Cabin Sketch",
+  "Agbalumo",
+  "Chewy",
+  "Coda",
+  "Grandstander",
+  "Racing Sans One",
+  "Boogaloo",
+  "Potta One",
+  "Seaweed Script",
+  "Balsamiq Sans",
+  "Pirata One",
+  "Chonburi",
+  "Corben",
+  "Squada One",
+  "Salsa",
+  "Lemon",
+  "Eater",
+  "Averia Libre",
+  "Chango",
+  "Nixie One",
+  "Black And White Picture",
+  "Bowlby One",
+  "Odibee Sans",
+  "Bowlby One SC",
+  "Gravitas One",
+  "Limelight",
+  "Overlock",
+  "Barriecito",
+  "Rye",
+  "Rakkas",
+  "Big Shoulders Text",
+  "Knewave",
+  "Love Ya Like A Sister",
+  "Baloo Da 2",
+  "McLaren",
+  "Aboreto",
+  "Koulen",
+  "Darumadrop One",
+  "Wallpoet",
+  "UnifrakturMaguntia",
+  "Sigmar One",
+  "Skranji",
+  "Kelly Slab",
+  "Bubblegum Sans",
+  "Irish Grover",
+  "Grenze Gotisch",
+  "Caprasimo",
+  "Tilt Neon",
+  "Sniglet",
+  "Jomhuria",
+  "Bellota Text",
+  "Bungee Inline",
+  "Poetsen One",
+  "Contrail One",
+  "Libre Barcode 39 Text",
+  "Baloo Paaji 2",
+  "Stardos Stencil",
+  "MuseoModerno",
+  "Faster One",
+  "Turret Road",
+  "Libre Barcode 128",
+  "Pompiere",
+  "Bungee Shade",
+  "Vina Sans",
+  "Red Rose",
+  "Gluten",
+  "Baloo Thambi 2",
+  "Megrim",
+  "Baloo Chettan 2",
+  "Mountains of Christmas",
+  "Happy Monkey",
+  "Ruslan Display",
+  "Battambang",
+  "Prosto One",
+  "Anybody",
+  "Aladin",
+  "Chelsea Market",
+  "Protest Revolution",
+  "Shantell Sans",
+  "Nova Square",
+  "Baloo Tamma 2",
+  "Rampart One",
+  "Sansita Swashed",
+  "Croissant One",
+  "Finger Paint",
+  "Iceberg",
+  "Sarina",
+  "Expletus Sans",
+  "Allan",
+  "Atma",
+  "Supermercado One",
+  "Oregano",
+  "Goldman",
+  "Spicy Rice",
+  "Coiny",
+  "Goblin One",
+  "Lacquer",
+  "Kumar One",
+  "Gugi",
+  "Amarante",
+  "ADLaM Display",
+  "Cherry Cream Soda",
+  "Bellota",
+  "Sofadi One",
+  "Zen Dots",
+  "Kranky",
+  "Shojumaru",
+  "Codystar",
+  "Averia Sans Libre",
+  "Libre Barcode 39 Extended Text",
+  "Oleo Script Swash Caps",
+  "Tilt Warp",
+  "Pixelify Sans",
+  "Mogra",
+  "Dynalight",
+  "Germania One",
+  "Bigshot One",
+  "Slackey",
+  "Baloo Bhai 2",
+  "Fontdiner Swanky",
+  "Libre Barcode 128 Text",
+  "Flow Circular",
+  "Saira Stencil One",
+  "Bokor",
+  "Unkempt",
+  "Elsie",
+  "Sevillana",
+  "Orelega One",
+  "Ga Maamli",
+  "Bakbak One",
+  "Nova Round",
+  "Road Rage",
+  "Modak",
+  "Phudu",
+  "Metamorphous",
+  "Dokdo",
+  "Henny Penny",
+  "Lily Script One",
+  "Freehand",
+  "Galada",
+  "Baloo Tammudu 2",
+  "Rubik Dirt",
+  "DynaPuff",
+  "Overlock SC",
+  "Ranchers",
+  "Viaoda Libre",
+  "MedievalSharp",
+  "Rubik Moonrocks",
+  "Triodion",
+  "Raleway Dots",
+  "Modern Antiqua",
+  "Reggae One",
+  "Arima",
+  "Medula One",
+  "Tektur",
+  "Flamenco",
+  "Poller One",
+  "Crushed",
+  "Baumans",
+  "Akaya Kanadaka",
+  "Life Savers",
+  "Akronim",
+  "Original Surfer",
+  "Trade Winds",
+  "Frijole",
+  "Kablammo",
+  "Sail",
+  "Cute Font",
+  "Jersey 15",
+  "Nova Flat",
+  "Nova Slim",
+  "Nosifer",
+  "Macondo Swash Caps",
+  "Margarine",
+  "Cherry Swash",
+  "Rubik Scribble",
+  "Uncial Antiqua",
+  "Iceland",
+  "Vampiro One",
+  "Miniver",
+  "Moul",
+  "Ceviche One",
+  "Sonsie One",
+  "Katibeh",
+  "Protest Riot",
+  "Rubik Vinyl",
+  "Protest Strike",
+  "Asset",
+  "Freckle Face",
+  "Emilys Candy",
+  "Akaya Telivigala",
+  "Unlock",
+  "Barrio",
+  "Redacted",
+  "Baloo Bhaina 2",
+  "Miltonian Tattoo",
+  "Bungee Spice",
+  "Ribeye",
+  "Kavoon",
+  "Kenia",
+  "Smythe",
+  "Astloch",
+  "Jersey 10",
+  "Sancreek",
+  "Fascinate Inline",
+  "Caesar Dressing",
+  "Tillana",
+  "Farsan",
+  "Ewert",
+  "Keania One",
+  "Atomic Age",
+  "Nova Script",
+  "Gorditas",
+  "Erica One",
+  "Angkor",
+  "Miltonian",
+  "Nova Cut",
+  "Nova Oval",
+  "Srisakdi",
+  "Karantina",
+  "Chicle",
+  "Alkatra",
+  "Climate Crisis",
+  "Rubik Doodle Shadow",
+  "Londrina Outline",
+  "Ribeye Marrow",
+  "Underdog",
+  "Metal Mania",
+  "Jolly Lodger",
+  "Honk",
+  "Libre Barcode 39 Extended",
+  "Bruno Ace SC",
+  "Paprika",
+  "Zen Tokyo Zoo",
+  "Train One",
+  "Jacques Francois Shadow",
+  "Pochaevsk",
+  "Dangrek",
+  "Mystery Quest",
+  "Simonetta",
+  "New Rocker",
+  "Offside",
+  "Fasthand",
+  "Tilt Prism",
+  "Spirax",
+  "Federant",
+  "Girassol",
+  "Cherry Bomb One",
+  "Autour One",
+  "Bungee Hairline",
+  "Risque",
+  "Big Shoulders Stencil Text",
+  "Londrina Shadow",
+  "Yeon Sung",
+  "Tulpen One",
+  "Milonga",
+  "Galindo",
+  "Poor Story",
+  "Funnel Display",
+  "Flow Rounded",
+  "Big Shoulders Stencil Display",
+  "Handjet",
+  "Londrina Sketch",
+  "Agu Display",
+  "Jacquard 12",
+  "Piedra",
+  "Joti One",
+  "Ranga",
+  "Bigelow Rules",
+  "Tourney",
+  "Elsie Swash Caps",
+  "Lancelot",
+  "Metal",
+  "Glass Antiqua",
+  "Fascinate",
+  "Passero One",
+  "Castoro Titling",
+  "Rubik Glitch",
+  "Smokum",
+  "Chela One",
+  "Griffy",
+  "Marhey",
+  "Big Shoulders Inline Text",
+  "Bagel Fat One",
+  "Averia Gruesa Libre",
+  "Bungee Outline",
+  "Oi",
+  "Alumni Sans Inline One",
+  "Rubik Wet Paint",
+  "Rubik Iso",
+  "Diplomata SC",
+  "Blaka",
+  "Hanalei Fill",
+  "Micro 5",
+  "Rubik Glitch Pop",
+  "Kumar One Outline",
+  "Ravi Prakash",
+  "Luxurious Roman",
+  "Stalinist One",
+  "Bruno Ace",
+  "Foldit",
+  "Trochut",
+  "Revalia",
+  "Plaster",
+  "Bahiana",
+  "Sirin Stencil",
+  "Rubik Distressed",
+  "Kirang Haerang",
+  "Fruktur",
+  "Almendra Display",
+  "Flavors",
+  "Gideon Roman",
+  "Freeman",
+  "Libre Barcode EAN13 Text",
+  "Diplomata",
+  "Butcherman",
+  "Purple Purse",
+  "Jacquarda Bastarda 9",
+  "Nabla",
+  "Oldenburg",
+  "Jacquard 24",
+  "Emblema One",
+  "Aubrey",
+  "Redacted Script",
+  "Kalnia Glaze",
+  "Bahianita",
+  "Konkhmer Sleokchher",
+  "Langar",
+  "Combo",
+  "Sigmar",
+  "Zen Loop",
+  "Rubik Beastly",
+  "Palette Mosaic",
+  "Big Shoulders Inline Display",
+  "Vibes",
+  "Flow Block",
+  "Rubik Puddles",
+  "Rubik Spray Paint",
+  "Rock 3D",
+  "Geostar Fill",
+  "Jersey 20",
+  "Taprom",
+  "Geostar",
+  "Protest Guerrilla",
+  "Jersey 25",
+  "Moirai One",
+  "Snowburst One",
+  "Rubik 80s Fade",
+  "Rubik Microbe",
+  "Moo Lah Lah",
+  "Shizuru",
+  "Rubik Gemstones",
+  "Hanalei",
+  "Bungee Tint",
+  "Badeen Display",
+  "Yarndings 12",
+  "Jacquard 12 Charted",
+  "Blaka Hollow",
+  "Rubik Burned",
+  "Rubik Pixels",
+  "Warnes",
+  "Rubik Doodle Triangles",
+  "Blaka Ink",
+  "Syne Tactile",
+  "Rubik Marker Hatch",
+  "Rubik Maps",
+  "Jaini",
+  "Chokokutai",
+  "Gajraj One",
+  "Jersey 20 Charted",
+  "Rubik Broken Fax",
+  "Rubik Storm",
+  "Rubik Lines",
+  "Rubik Maze",
+  "Linefont",
+  "Ponnala",
+  "Jersey 15 Charted",
+  "Jaini Purva",
+  "Jersey 10 Charted",
+  "Wavefont",
+  "Yarndings 20",
+  "Yarndings 12 Charted",
+  "Yarndings 20 Charted",
+  "Jacquard 24 Charted",
+  "Jersey 25 Charted",
+  "Micro 5 Charted",
+  "Jacquarda Bastarda 9 Charted",
+];
+
+export const sansSerifFonts = [
+  "Roboto",
+  "Open Sans",
+  "Noto Sans JP",
+  "Montserrat",
+  "Poppins",
+  "Inter",
+  "Lato",
+  "Roboto Condensed",
+  "Oswald",
+  "Noto Sans",
+  "Raleway",
+  "Nunito Sans",
+  "Nunito",
+  "Ubuntu",
+  "Rubik",
+  "Noto Sans KR",
+  "PT Sans",
+  "Kanit",
+  "Work Sans",
+  "DM Sans",
+  "Mulish",
+  "Noto Sans TC",
+  "Quicksand",
+  "Fira Sans",
+  "Manrope",
+  "Barlow",
+  "IBM Plex Sans",
+  "Heebo",
+  "Titillium Web",
+  "Hind Siliguri",
+  "Bebas Neue",
+  "Karla",
+  "Nanum Gothic",
+  "Libre Franklin",
+  "Outfit",
+  "Schibsted Grotesk",
+  "Josefin Sans",
+  "Jost",
+  "Mukta",
+  "Figtree",
+  "Source Sans 3",
+  "Prompt",
+  "Noto Sans SC",
+  "Anton",
+  "Cabin",
+  "Space Grotesk",
+  "Dosis",
+  "Arimo",
+  "Archivo",
+  "Cairo",
+  "Exo 2",
+  "PT Sans Narrow",
+  "Oxygen",
+  "Barlow Condensed",
+  "Assistant",
+  "Plus Jakarta Sans",
+  "Hind",
+  "Teko",
+  "Public Sans",
+  "Overpass",
+  "Signika Negative",
+  "Lexend",
+  "Abel",
+  "Red Hat Display",
+  "M PLUS Rounded 1c",
+  "Rajdhani",
+  "Roboto Flex",
+  "Fjalla One",
+  "Tajawal",
+  "IBM Plex Sans Arabic",
+  "Varela Round",
+  "Barlow Semi Condensed",
+  "Sora",
+  "Asap",
+  "Maven Pro",
+  "Noto Sans HK",
+  "Fira Sans Condensed",
+  "Archivo Black",
+  "Play",
+  "Merriweather Sans",
+  "Signika",
+  "Saira Condensed",
+  "Almarai",
+  "Urbanist",
+  "Questrial",
+  "Inter Tight",
+  "M PLUS 1p",
+  "Chakra Petch",
+  "Be Vietnam Pro",
+  "Noto Sans Thai",
+  "Exo",
+  "Catamaran",
+  "Smooch Sans",
+  "Lexend Deca",
+  "Sarabun",
+  "Archivo Narrow",
+  "Orbitron",
+  "Rubik Mono One",
+  "Noto Kufi Arabic",
+  "Acme",
+  "ABeeZee",
+  "Readex Pro",
+  "Alegreya Sans",
+  "Hind Madurai",
+  "Montserrat Alternates",
+  "Saira",
+  "Albert Sans",
+  "Yanone Kaffeesatz",
+  "Noto Sans Display",
+  "League Spartan",
+  "Changa",
+  "Chivo",
+  "Encode Sans",
+  "Sofia Sans",
+  "Zen Kaku Gothic New",
+  "Red Hat Text",
+  "PT Sans Caption",
+  "Russo One",
+  "Sen",
+  "Cantarell",
+  "Didact Gothic",
+  "Ubuntu Condensed",
+  "Philosopher",
+  "Yantramanav",
+  "Vazirmatn",
+  "IBM Plex Sans Condensed",
+  "News Cycle",
+  "Advent Pro",
+  "Alata",
+  "Atkinson Hyperlegible",
+  "Paytone One",
+  "Francois One",
+  "Zen Maru Gothic",
+  "Noto Sans Bengali",
+  "Encode Sans Condensed",
+  "Sawarabi Gothic",
+  "Gruppo",
+  "Gothic A1",
+  "Jura",
+  "Unbounded",
+  "Noto Sans Devanagari",
+  "Tenor Sans",
+  "Bricolage Grotesque",
+  "Khand",
+  "Geologica",
+  "Kumbh Sans",
+  "Quattrocento Sans",
+  "Onest",
+  "Asap Condensed",
+  "El Messiri",
+  "Commissioner",
+  "Noto Sans Mono",
+  "Noto Sans Tamil",
+  "Krub",
+  "Fira Sans Extra Condensed",
+  "Hanken Grotesk",
+  "Pathway Gothic One",
+  "Hammersmith One",
+  "Cuprum",
+  "Bai Jamjuree",
+  "Viga",
+  "Fredoka",
+  "Kosugi Maru",
+  "Mukta Malar",
+  "Instrument Sans",
+  "Antonio",
+  "Mitr",
+  "League Gothic",
+  "Epilogue",
+  "Syne",
+  "Amaranth",
+  "Blinker",
+  "Sofia Sans Condensed",
+  "Actor",
+  "Radio Canada",
+  "Arsenal",
+  "BIZ UDPGothic",
+  "Saira Semi Condensed",
+  "Istok Web",
+  "Mada",
+  "Andika",
+  "Hind Vadodara",
+  "Gudea",
+  "Black Han Sans",
+  "Monda",
+  "Ropa Sans",
+  "Golos Text",
+  "Quantico",
+  "Cabin Condensed",
+  "Alexandria",
+  "Wix Madefor Text",
+  "Six Caps",
+  "Niramit",
+  "Ruda",
+  "Alef",
+  "Alegreya Sans SC",
+  "Mandali",
+  "Noto Sans Malayalam",
+  "Secular One",
+  "Varela",
+  "Sarala",
+  "Pontano Sans",
+  "Julius Sans One",
+  "Pragati Narrow",
+  "Economica",
+  "Reem Kufi",
+  "BenchNine",
+  "Ramabhadra",
+  "Ysabeau SC",
+  "Khula",
+  "Anton SC",
+  "Electrolize",
+  "Aclonica",
+  "Sansita",
+  "Syncopate",
+  "Noto Sans Hebrew",
+  "Sintony",
+  "Lexend Giga",
+  "Martel Sans",
+  "Days One",
+  "Akshar",
+  "Anuphan",
+  "Do Hyeon",
+  "Athiti",
+  "Darker Grotesque",
+  "Laila",
+  "Belleza",
+  "Armata",
+  "Basic",
+  "IBM Plex Sans Thai",
+  "Palanquin",
+  "M PLUS 1",
+  "Livvic",
+  "Alatsi",
+  "Jaldi",
+  "Noto Sans Symbols",
+  "Saira Extra Condensed",
+  "Hind Guntur",
+  "Michroma",
+  "Jua",
+  "Georama",
+  "Scada",
+  "Palanquin Dark",
+  "Tomorrow",
+  "Zen Kaku Gothic Antique",
+  "Allerta Stencil",
+  "Candal",
+  "Spinnaker",
+  "K2D",
+  "Nobile",
+  "Sofia Sans Extra Condensed",
+  "Alumni Sans",
+  "Pattaya",
+  "Proza Libre",
+  "Aldrich",
+  "Telex",
+  "Krona One",
+  "Lexend Exa",
+  "REM",
+  "M PLUS 2",
+  "Anek Malayalam",
+  "Marmelad",
+  "Geist",
+  "Metrophobic",
+  "Antic",
+  "Fahkwang",
+  "Monomaniac One",
+  "Rethink Sans",
+  "Kosugi",
+  "Rambla",
+  "Encode Sans Semi Condensed",
+  "Allerta",
+  "Glory",
+  "Encode Sans Expanded",
+  "Magra",
+  "Reddit Sans",
+  "Gantari",
+  "Belanosima",
+  "Dongle",
+  "Wix Madefor Display",
+  "Afacad",
+  "Farro",
+  "Montserrat Subrayada",
+  "Noto Sans Armenian",
+  "Mochiy Pop One",
+  "Pathway Extreme",
+  "Average Sans",
+  "Share",
+  "Anek Devanagari",
+  "Cambay",
+  "Amiko",
+  "Fresca",
+  "BIZ UDGothic",
+  "Familjen Grotesk",
+  "B612",
+  "Arya",
+  "Spline Sans",
+  "Rosario",
+  "Biryani",
+  "Manjari",
+  "Mouse Memoirs",
+  "Miriam Libre",
+  "IBM Plex Sans KR",
+  "Anek Latin",
+  "Noto Sans Meetei Mayek",
+  "Geo",
+  "RocknRoll One",
+  "Jockey One",
+  "IBM Plex Sans JP",
+  "Murecho",
+  "Carrois Gothic",
+  "Gayathri",
+  "Noto Sans Lao Looped",
+  "Lexend Peta",
+  "KoHo",
+  "Sofia Sans Semi Condensed",
+  "Noto Sans Sinhala",
+  "Capriola",
+  "DotGothic16",
+  "Encode Sans Semi Expanded",
+  "Yusei Magic",
+  "Gotu",
+  "Marvel",
+  "Thasadith",
+  "Lexend Zetta",
+  "Inder",
+  "Noto Sans Kannada",
+  "ZCOOL XiaoWei",
+  "Voltaire",
+  "Mukta Vaani",
+  "Noto Sans Georgian",
+  "Federo",
+  "SUSE",
+  "Molengo",
+  "ZCOOL QingKe HuangYou",
+  "Noto Sans Telugu",
+  "Kodchasan",
+  "Mukta Mahee",
+  "Tenali Ramakrishna",
+  "NTR",
+  "Mallanna",
+  "Padauk",
+  "Asul",
+  "Host Grotesk",
+  "Noto Sans Khmer",
+  "Noto Sans Gujarati",
+  "Zen Kurenaido",
+  "Carme",
+  "Puritan",
+  "Wendy One",
+  "Recursive",
+  "Kufam",
+  "Duru Sans",
+  "Numans",
+  "Mingzat",
+  "Shippori Antique",
+  "Agdasima",
+  "Gowun Dodum",
+  "Notable",
+  "Sarpanch",
+  "Anek Bangla",
+  "Kdam Thmor Pro",
+  "Bayon",
+  "Kantumruy Pro",
+  "IBM Plex Sans Hebrew",
+  "AR One Sans",
+  "Mako",
+  "Share Tech",
+  "Tiny5",
+  "Bubbler One",
+  "Harmattan",
+  "Wire One",
+  "Carlito",
+  "Shanti",
+  "42dot Sans",
+  "Afacad Flux",
+  "ZCOOL KuaiLe",
+  "Mochiy Pop P One",
+  "Ubuntu Sans",
+  "Anaheim",
+  "Doppio One",
+  "Sulphur Point",
+  "Imprima",
+  "Inria Sans",
+  "Noto Sans Anatolian Hieroglyphs",
+  "Noto Sans Samaritan",
+  "Nokora",
+  "Convergence",
+  "Liter",
+  "Orienta",
+  "Fustat",
+  "Noto Sans Lao",
+  "Mona Sans",
+  "Anek Gujarati",
+  "Homenaje",
+  "Varta",
+  "Noto Sans Mongolian",
+  "Chau Philomene One",
+  "Genos",
+  "Noto Sans Oriya",
+  "Strait",
+  "Parkinsans",
+  "Rum Raisin",
+  "Akatab",
+  "Gemunu Libre",
+  "Madimi One",
+  "Radio Canada Big",
+  "Denk One",
+  "Tauri",
+  "Stick",
+  "Lexend Mega",
+  "Cairo Play",
+  "Cantora One",
+  "Rationale",
+  "Noto Sans Thai Looped",
+  "Noto Sans Gurmukhi",
+  "Mooli",
+  "Voces",
+  "Gafata",
+  "Meera Inimai",
+  "Stick No Bills",
+  "Zain",
+  "Mohave",
+  "Mina",
+  "Anek Tamil",
+  "Pavanam",
+  "Noto Sans Buhid",
+  "Ysabeau Office",
+  "Cagliostro",
+  "Timmana",
+  "Kite One",
+  "Anek Telugu",
+  "Preahvihear",
+  "Jaro",
+  "Carrois Gothic SC",
+  "Chocolate Classical Sans",
+  "Noto Sans Ethiopic",
+  "Text Me One",
+  "Chathura",
+  "Anek Kannada",
+  "Kulim Park",
+  "Port Lligat Sans",
+  "Anta",
+  "Noto Sans Symbols 2",
+  "Qahiri",
+  "Englebert",
+  "IBM Plex Sans Thai Looped",
+  "Braah One",
+  "Dorsa",
+  "Shippori Antique B1",
+  "Trispace",
+  "Tac One",
+  "Finlandica",
+  "Ruluko",
+  "Lexend Tera",
+  "Inclusive Sans",
+  "Seymour One",
+  "Sono",
+  "Noto Sans Gothic",
+  "Yaldevi",
+  "Ysabeau",
+  "Faculty Glyphic",
+  "IBM Plex Sans Devanagari",
+  "Ysabeau Infant",
+  "Galdeano",
+  "Alumni Sans Pinstripe",
+  "Encode Sans SC",
+  "Reddit Sans Condensed",
+  "Sour Gummy",
+  "Gasoek One",
+  "Noto Sans Syriac Eastern",
+  "Anek Gurmukhi",
+  "Noto Sans Glagolitic",
+  "Hind Mysuru",
+  "Gidugu",
+  "Reem Kufi Ink",
+  "New Amsterdam",
+  "Noto Sans Tai Viet",
+  "Hubballi",
+  "Truculenta",
+  "Beiruti",
+  "Teachers",
+  "Moderustic",
+  "Reem Kufi Fun",
+  "Hedvig Letters Sans",
+  "Dhurjati",
+  "Moulpali",
+  "Funnel Sans",
+  "Snippet",
+  "Comme",
+  "Lunasima",
+  "Noto Sans Coptic",
+  "Ojuju",
+  "Doto",
+  "Alumni Sans Collegiate One",
+  "Tsukimi Rounded",
+  "Orbit",
+  "Anek Odia",
+  "Noto Music",
+  "Nuosu SIL",
+  "Arsenal SC",
+  "Noto Sans Adlam",
+  "Noto Sans Nandinagari",
+  "Noto Sans Javanese",
+  "Noto Sans Sora Sompeng",
+  "Noto Sans Osmanya",
+  "Noto Sans Cypro Minoan",
+  "Noto Sans Tangsa",
+  "Noto Sans Syloti Nagri",
+  "M PLUS Code Latin",
+  "Hubot Sans",
+  "Noto Sans Old Hungarian",
+  "Noto Sans Tagalog",
+  "Noto Sans NKo Unjoined",
+  "Noto Sans Hanunoo",
+  "Noto Sans Carian",
+  "Matemasie",
+  "Sankofa Display",
+  "Noto Sans PhagsPa",
+  "Montserrat Underline",
+  "Noto Sans Nag Mundari",
+  "Noto Sans Canadian Aboriginal",
+  "Noto Sans Avestan",
+  "Noto Sans Batak",
+  "Noto Sans Warang Citi",
+  "Noto Sans New Tai Lue",
+  "Noto Sans Thaana",
+  "Noto Sans Balinese",
+  "Noto Sans Imperial Aramaic",
+  "Noto Znamenny Musical Notation",
+  "Noto Sans Indic Siyaq Numbers",
+  "Noto Sans Vithkuqi",
+  "Noto Sans Old North Arabian",
+  "Noto Sans Wancho",
+  "Noto Sans Adlam Unjoined",
+  "Noto Sans Old Italic",
+  "Noto Sans Khojki",
+  "Noto Sans Miao",
+  "Noto Sans Tifinagh",
+  "Noto Sans Sharada",
+  "Noto Sans Sundanese",
+  "Noto Traditional Nushu",
+  "Noto Sans Egyptian Hieroglyphs",
+  "Noto Sans Bamum",
+  "Noto Sans Cherokee",
+  "Noto Sans Tai Le",
+  "Noto Sans Yi",
+  "Noto Sans Ol Chiki",
+  "Noto Sans Linear A",
+  "Noto Sans Old Persian",
+  "Noto Sans Medefaidrin",
+  "Noto Sans Vai",
+  "Noto Sans Newa",
+  "Noto Sans Old Turkic",
+  "Noto Sans Multani",
+  "Noto Sans Deseret",
+  "Noto Sans Mro",
+  "Noto Sans Cham",
+  "Noto Sans Marchen",
+  "Noto Sans Lisu",
+  "Noto Sans Kaithi",
+  "Noto Sans Limbu",
+  "Noto Sans Elbasan",
+  "Noto Sans Tai Tham",
+  "Noto Sans Pahawh Hmong",
+  "Noto Sans Bassa Vah",
+  "Noto Sans Tagbanwa",
+  "Noto Sans NKo",
+  "Noto Sans Hatran",
+  "Noto Sans Chorasmian",
+  "Noto Sans Inscriptional Pahlavi",
+  "Noto Sans Runic",
+  "Noto Sans Chakma",
+  "Noto Sans Palmyrene",
+  "Noto Sans Linear B",
+  "Noto Sans Old South Arabian",
+  "Noto Sans Brahmi",
+  "Noto Sans Osage",
+  "Noto Sans Mayan Numerals",
+  "Noto Sans Cuneiform",
+  "Noto Sans Kawi",
+  "Noto Sans Sogdian",
+  "Noto Sans Syriac",
+  "Noto Sans Takri",
+  "Noto Sans Zanabazar Square",
+  "Noto Sans Mandaic",
+  "Noto Sans Elymaic",
+  "Noto Sans Inscriptional Parthian",
+  "Noto Sans Hanifi Rohingya",
+  "Noto Sans Rejang",
+  "Noto Sans Psalter Pahlavi",
+  "Noto Sans Tirhuta",
+  "Noto Sans Caucasian Albanian",
+  "Noto Sans Duployan",
+  "Noto Sans Buginese",
+  "Noto Sans Grantha",
+  "Noto Sans Gunjala Gondi",
+  "Noto Sans Lepcha",
+  "Noto Sans Masaram Gondi",
+  "Noto Sans Nushu",
+  "Noto Sans Mahajani",
+  "Noto Sans Kayah Li",
+  "Noto Sans Lydian",
+  "Noto Sans Nabataean",
+  "Noto Sans Cypriot",
+  "Noto Sans Saurashtra",
+  "Noto Sans Old Sogdian",
+  "Noto Sans Soyombo",
+  "Noto Sans Old Permic",
+  "Noto Sans Ogham",
+  "Noto Sans Tamil Supplement",
+  "Noto Sans Shavian",
+  "Noto Sans Manichaean",
+  "Noto Sans Meroitic",
+  "Noto Sans Mende Kikakui",
+  "Noto Sans Phoenician",
+  "Noto Sans Pau Cin Hau",
+  "Noto Sans Khudawadi",
+  "Noto Sans Siddham",
+  "Noto Sans Bhaiksuki",
+  "Noto Sans Modi",
+  "Noto Sans SignWriting",
+  "Noto Sans Kharoshthi",
+  "Noto Sans Ugaritic",
+];
+
+export const allFonts = [
+  ...sansSerifFonts,
+  ...serifFonts,
+  ...monoFonts,
+  ...handwritingFonts,
+  ...displayFonts,
+];
diff --git a/www/src/modules/themes/types.ts b/www/src/modules/themes/types.ts
index e1e273d68..44e7aa20f 100644
--- a/www/src/modules/themes/types.ts
+++ b/www/src/modules/themes/types.ts
@@ -29,6 +29,10 @@ export type Theme = {
   label: string;
   description?: string;
   iconLibrary?: IconLibrary;
+  fonts?: {
+    heading?: string;
+    body?: string;
+  };
   primitives?: Primitives;
   variants?: Partial<Variants>;
   foundations: {
diff --git a/www/src/registry/core/command_basic.tsx b/www/src/registry/core/command_basic.tsx
index 32a260529..5c06913cb 100644
--- a/www/src/registry/core/command_basic.tsx
+++ b/www/src/registry/core/command_basic.tsx
@@ -52,4 +52,4 @@ const CommandRoot = ({
   );
 };
 
-export { Command };
+export { Command, CommandRoot };
diff --git a/www/src/registry/core/list-box_basic.tsx b/www/src/registry/core/list-box_basic.tsx
index daf27bfbd..b0f3857a6 100644
--- a/www/src/registry/core/list-box_basic.tsx
+++ b/www/src/registry/core/list-box_basic.tsx
@@ -35,7 +35,7 @@ const listBoxStyles = tv({
 
 const listBoxItemStyles = tv({
   base: [
-    "disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default",
+    "disabled:pointer-default hover:bg-bg-inverse/10 focus:bg-bg-inverse/10 pressed:bg-bg-inverse/15 disabled:text-fg-disabled outline-hidden flex h-8 cursor-pointer items-center rounded-sm px-3 py-1.5 text-sm transition-colors disabled:cursor-default",
     "selection-single:pl-0 selection-multiple:pl-0",
     "[&_svg]:size-4",
   ],
diff --git a/www/src/registry/registry-themes.ts b/www/src/registry/registry-themes.ts
index ab4e38745..74153736c 100644
--- a/www/src/registry/registry-themes.ts
+++ b/www/src/registry/registry-themes.ts
@@ -5,11 +5,12 @@ import { materialTheme } from "@/registry/themes/material";
 import { minimalistTheme } from "@/registry/themes/minimalist";
 import { retroTheme } from "@/registry/themes/retro";
 import type { Theme } from "@/modules/themes/types";
-import { darkyTheme } from "./themes/darky";
+
+// import { darkyTheme } from "./themes/darky";
 
 export const themes: Theme[] = [
   minimalistTheme,
-  darkyTheme,
+  // darkyTheme,
   materialTheme,
   forestTheme,
   brutalistTheme,
diff --git a/www/src/registry/themes/brutalist.ts b/www/src/registry/themes/brutalist.ts
index 23b909e4c..ad1c779b0 100644
--- a/www/src/registry/themes/brutalist.ts
+++ b/www/src/registry/themes/brutalist.ts
@@ -3,6 +3,10 @@ import { Theme } from "@/modules/themes/types";
 export const brutalistTheme: Theme = {
   name: "brutalist",
   label: "Brutalist",
+  fonts: {
+    heading: "Geist Mono",
+    body: "Geist Mono",
+  },
   foundations: {
     light: {
       palettes: {
diff --git a/www/src/registry/themes/material.ts b/www/src/registry/themes/material.ts
index 7ac903930..1b47b564d 100644
--- a/www/src/registry/themes/material.ts
+++ b/www/src/registry/themes/material.ts
@@ -25,6 +25,10 @@ export const materialTheme: Theme = {
       },
     },
   },
+  fonts: {
+    heading: "Inter",
+    body: "Inter",
+  },
   primitives: {
     button: "ripple",
   },
diff --git a/www/src/registry/themes/minimalist.ts b/www/src/registry/themes/minimalist.ts
index 1af1dfd22..05af0fa81 100644
--- a/www/src/registry/themes/minimalist.ts
+++ b/www/src/registry/themes/minimalist.ts
@@ -3,6 +3,10 @@ import { Theme } from "@/modules/themes/types";
 export const minimalistTheme: Theme = {
   name: "minimalist",
   label: "Minimalist",
+  fonts: {
+    heading: "Inter",
+    body: "Inter",
+  },
   foundations: {
     light: {
       palettes: {
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 90ec14c0f..9e49f1ab5 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -149,6 +149,9 @@
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
 
+  --font-heading: var(--font-geist-sans);
+  --font-body: var(--font-geist-sans);
+
   /* colors */
   --color-bg: var(--neutral-100);
   --color-bg-muted: var(--neutral-200);

From e1f2c81740438af9d5ee54593e9122e1ce201532 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 12 Feb 2025 22:45:38 +0100
Subject: [PATCH 137/165] fix layout

---
 .../docs/getting-started/guides/dark-mode.mdx |  2 -
 www/src/app/(app)/docs/[...slug]/page.tsx     | 82 ++++++++--------
 .../app/(app)/themes/components/preview.tsx   | 22 ++++-
 www/src/app/(app)/themes/layout.tsx           | 33 ++-----
 www/src/components/docs/last-update.tsx       |  2 +-
 www/src/components/footer.tsx                 |  9 +-
 www/src/components/header.tsx                 | 93 +++++++++----------
 www/src/components/logo.tsx                   | 88 ++++++++++--------
 www/src/components/mobile-nav.tsx             | 22 +----
 www/src/components/sidebar.tsx                | 64 ++-----------
 .../docs/lib}/get-github-last-edit.ts         |  0
 .../{lib/docs => modules/docs/lib}/utils.ts   |  0
 www/src/styles/globals.css                    | 12 +++
 13 files changed, 183 insertions(+), 246 deletions(-)
 rename www/src/{lib/docs => modules/docs/lib}/get-github-last-edit.ts (100%)
 rename www/src/{lib/docs => modules/docs/lib}/utils.ts (100%)

diff --git a/www/content/docs/getting-started/guides/dark-mode.mdx b/www/content/docs/getting-started/guides/dark-mode.mdx
index 78279e3fb..ff82db704 100644
--- a/www/content/docs/getting-started/guides/dark-mode.mdx
+++ b/www/content/docs/getting-started/guides/dark-mode.mdx
@@ -5,8 +5,6 @@ description: Learn how to implement dark mode in your project.
 
 import { ViteIcon, NextJsIcon, RemixIcon } from "@/components/icons";
 
-Learn how to implement dark mode in your project.
-
 ## Frameworks
 
 <Choices
diff --git a/www/src/app/(app)/docs/[...slug]/page.tsx b/www/src/app/(app)/docs/[...slug]/page.tsx
index b93c106b3..30d14e3e2 100644
--- a/www/src/app/(app)/docs/[...slug]/page.tsx
+++ b/www/src/app/(app)/docs/[...slug]/page.tsx
@@ -28,50 +28,50 @@ export default async function Page({
   const MDXContent = page.data.body;
 
   return (
-    <div className="container max-w-4xl py-8 lg:py-20 xl:max-w-6xl">
-      <div
-        className={cn("", {
-          "xl:grid xl:grid-cols-[1fr_220px] xl:gap-10":
-            page.data.toc && page.data.toc.length > 0,
-        })}
-      >
-        <div className="pt-4">
-          <Breadcrumbs tree={source.pageTree} className="mb-2" />
-          <h1 className="text-4xl font-bold">{page.data.title}</h1>
-          <p className="text-fg-muted mt-2">{page.data.description}</p>
-          {page.data.links && page.data.links.length > 0 && (
-            <div className="mt-4 flex flex-wrap gap-2">
-              {page.data.links.map((link, index) => (
-                <Button
-                  key={index}
-                  href={link.href}
-                  prefix={getIcon(link.href)}
-                  suffix={<ExternalLinkIcon />}
-                  size="sm"
-                  className="h-6 text-xs font-semibold [&_svg]:size-3"
-                  target="_blank"
-                >
-                  {link.label}
-                </Button>
-              ))}
-            </div>
-          )}
-          <div className="mt-10 text-sm md:text-base">
-            <MDXContent components={mdxComponents} />
-          </div>
-          <div className="mt-20 space-y-4">
-            <PageLastUpdate path={page.file.path} />
-            <DocsPager currentPathname={page.url} />
-          </div>
-        </div>
-        {page.data.toc && page.data.toc.length > 0 && (
-          <div className="bg-bg z-10 hidden justify-end pt-4 text-sm xl:flex">
-            <div className="sticky top-8 h-[calc(100svh-calc(var(--spacing)*8))]">
-              <TableOfContents toc={page.data.toc as TocType} />
-            </div>
+    <div
+      className={cn(
+        "container w-full max-w-3xl xl:max-w-4xl",
+        page.data.toc &&
+          page.data.toc.length > 0 &&
+          "grid grid-cols-1 gap-10 xl:max-w-5xl xl:grid-cols-[minmax(0,1fr)_minmax(180px,220px)]"
+      )}
+    >
+      <div className="pb-24 pt-4 sm:pt-10 lg:pt-20">
+        <Breadcrumbs tree={source.pageTree} className="mb-2" />
+        <h1 className="text-3xl font-bold lg:text-4xl">{page.data.title}</h1>
+        <p className="text-fg-muted mt-2">{page.data.description}</p>
+        {page.data.links && page.data.links.length > 0 && (
+          <div className="mt-4 flex flex-wrap gap-2">
+            {page.data.links.map((link, index) => (
+              <Button
+                key={index}
+                href={link.href}
+                prefix={getIcon(link.href)}
+                suffix={<ExternalLinkIcon />}
+                size="sm"
+                className="h-6 text-xs font-semibold [&_svg]:size-3"
+                target="_blank"
+              >
+                {link.label}
+              </Button>
+            ))}
           </div>
         )}
+        <div className="mt-10 text-sm md:text-base">
+          <MDXContent components={mdxComponents} />
+        </div>
+        <div className="mt-20 space-y-4">
+          <PageLastUpdate path={page.file.path} />
+          <DocsPager currentPathname={page.url} />
+        </div>
       </div>
+      {page.data.toc && page.data.toc.length > 0 && (
+        <div className="pt-20">
+          <div className="sticky top-10 h-[calc(100svh-calc(var(--spacing)*10))]">
+            <TableOfContents toc={page.data.toc as TocType} />
+          </div>
+        </div>
+      )}
     </div>
   );
 }
diff --git a/www/src/app/(app)/themes/components/preview.tsx b/www/src/app/(app)/themes/components/preview.tsx
index d677dd882..bb3653636 100644
--- a/www/src/app/(app)/themes/components/preview.tsx
+++ b/www/src/app/(app)/themes/components/preview.tsx
@@ -1,11 +1,16 @@
 "use client";
 
 import React from "react";
-import { ChevronLeftIcon, ChevronRightIcon, RotateCwIcon } from "lucide-react";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronsRightIcon,
+  RotateCwIcon,
+} from "lucide-react";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 
-export function Preview() {
+export function Preview({ setOpen }: { setOpen: (open: boolean) => void }) {
   const iframeRef = React.useRef<HTMLIFrameElement>(null);
   const [iframeIsLoading, setIframeLoading] = React.useState(true);
   const [currentPathname, setCurrentPathname] = React.useState("");
@@ -52,8 +57,8 @@ export function Preview() {
   }, [updateUrl]);
 
   return (
-    <div className="bg-bg size-full overflow-hidden border">
-      <div className="bg-bg-muted flex items-center justify-between gap-2 border-b py-1 pl-4 pr-2">
+    <div className="bg-bg size-full overflow-hidden rounded-b-md border">
+      <div className="bg-bg-muted flex items-center justify-between gap-2 border-b px-2 py-1">
         <div className="flex w-32 items-center gap-3">
           {/* window controls (decorative) */}
           {/* <div className="flex items-center gap-1.5">
@@ -62,6 +67,15 @@ export function Preview() {
             <div className="size-3 rounded-full border border-field" />
           </div> */}
           <div className="flex items-center gap-1">
+            <Button
+              variant="quiet"
+              shape="square"
+              size="sm"
+              className="size-7"
+              onPress={() => setOpen(false)}
+            >
+              <ChevronsRightIcon />
+            </Button>
             <Button
               onPress={goBack}
               variant="quiet"
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
index d6fb5db33..a19edaef6 100644
--- a/www/src/app/(app)/themes/layout.tsx
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import { ChevronsRightIcon } from "lucide-react";
 import { AnimatePresence, motion } from "motion/react";
 import { cn } from "@/lib/utils";
 import { useMounted } from "@/hooks/use-mounted";
@@ -15,28 +14,19 @@ export default function ThemesLayout({
 }: {
   children: React.ReactNode;
 }) {
-  const [isOpen, setIsOpen] = React.useState(false);
+  const [isOpen, setOpen] = React.useState(false);
   const { isCollapsed } = useSidebarContext();
   const isMounted = useMounted();
 
   React.useEffect(() => {
-    setIsOpen(true);
+    setOpen(true);
   }, []);
 
   return (
     <PreviewProvider>
       <div className={cn("max-w-screen-3xl relative mx-auto flex")}>
         <div className="relative flex-1">
-          <div className="container max-w-4xl px-0">
-            <div
-              className={cn(
-                "container max-w-none border-x",
-                isOpen && "border-transparent"
-              )}
-            >
-              {children}
-            </div>
-          </div>
+          <div className={cn("container max-w-3xl")}>{children}</div>
         </div>
         <div className="relative">
           <div className="absolute -left-2 top-2 -translate-x-full">
@@ -51,7 +41,7 @@ export default function ThemesLayout({
                   <Button
                     variant="default"
                     size="sm"
-                    onPress={() => setIsOpen(true)}
+                    onPress={() => setOpen(true)}
                     className="bg-bg-inverse/5 sticky top-0 border"
                   >
                     Preview
@@ -70,20 +60,9 @@ export default function ThemesLayout({
               initial={false}
               animate={{ width: isCollapsed ? 600 : 500 }}
               transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-              className="h-full"
+              className="h-full p-4"
             >
-              <div className="bg-bg-muted flex items-center border-x px-2 py-1">
-                <Button
-                  variant="quiet"
-                  shape="square"
-                  size="sm"
-                  className="size-7"
-                  onPress={() => setIsOpen(false)}
-                >
-                  <ChevronsRightIcon />
-                </Button>
-              </div>
-              <Preview />
+              <Preview setOpen={setOpen} />
             </motion.div>
           </motion.div>
         </div>
diff --git a/www/src/components/docs/last-update.tsx b/www/src/components/docs/last-update.tsx
index b6f9cc2f9..e85d6379a 100644
--- a/www/src/components/docs/last-update.tsx
+++ b/www/src/components/docs/last-update.tsx
@@ -1,4 +1,4 @@
-import { getGithubLastEdit } from "@/lib/docs/get-github-last-edit";
+import { getGithubLastEdit } from "@/modules/docs/lib/get-github-last-edit";
 
 export async function PageLastUpdate({ path }: { path: string }) {
   try {
diff --git a/www/src/components/footer.tsx b/www/src/components/footer.tsx
index 1e0eb7b0e..110963aba 100644
--- a/www/src/components/footer.tsx
+++ b/www/src/components/footer.tsx
@@ -1,8 +1,6 @@
 import React from "react";
 import NavLink from "next/link";
 import Link from "next/link";
-import { focusRing } from "@/lib/focus-styles";
-import { cn } from "@/lib/utils";
 import { Logo } from "@/components/logo";
 import { siteConfig } from "@/config";
 
@@ -57,12 +55,7 @@ export const Footer = () => {
     <div className="border-t py-12">
       <div className="container flex flex-col items-start justify-between gap-10 lg:flex-row">
         <div className="space-y-1">
-          <NavLink href="/" className={cn(focusRing(), "flex gap-2 rounded")}>
-            <Logo className="translate-y-0.5" />
-            <div className="font-josefin font-bold tracking-tighter">
-              dotUI.
-            </div>
-          </NavLink>
+          <Logo />
           <p className="text-fg-muted text-base">
             Bringing singularity to the web.
           </p>
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index 4ab9f948e..c5bc380e5 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -19,7 +19,7 @@ export function Header({ className }: { className?: string }) {
     >
       <div className="px-12.5 container relative flex h-14 max-w-screen-2xl items-center justify-between">
         <div className="flex items-center gap-6">
-          <Logo />
+          {/* <Logo /> */}
           <div className="flex items-center gap-3 text-sm">
             {[
               { label: "Docs", href: "/docs/getting-started/introduction" },
@@ -66,7 +66,6 @@ export function Header({ className }: { className?: string }) {
           >
             <TwitterIcon />
           </Button>
-
           <ThemeColorsSelector>
             <Button variant="quiet" size="sm" shape="square">
               <SwatchBookIcon />
@@ -79,48 +78,48 @@ export function Header({ className }: { className?: string }) {
   );
 }
 
-const Logo = () => {
-  return (
-    <Link
-      href="/"
-      className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
-        className="rounded-xs"
-        viewBox="0 0 300 300"
-      >
-        <defs>
-          <clipPath id="a">
-            <path d="M24 0h252c13.254 0 24 10.746 24 24v252c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V24C0 10.746 10.746 0 24 0Zm0 0" />
-          </clipPath>
-          <clipPath id="b">
-            <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" />
-          </clipPath>
-          <clipPath id="c">
-            <path d="M220.57 194.418c-18.261 0-33.07 14.809-33.07 33.074 0 18.266 14.809 33.07 33.07 33.07 18.266 0 33.075-14.804 33.075-33.07 0-18.265-14.81-33.074-33.075-33.074Zm0 0" />
-          </clipPath>
-        </defs>
-        <g clipPath="url(#a)">
-          <path
-            d="M-30-30h360v360H-30z"
-            className="fill-[#381e1e] dark:fill-white"
-          />
-        </g>
-        <g clipPath="url(#b)">
-          <g clipPath="url(#c)">
-            <path
-              d="M187.5 194.418h66.145v66.144H187.5Zm0 0"
-              className="fill-[#fff] dark:fill-[#381e1e]"
-            />
-          </g>
-        </g>
-      </svg>
-      <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
-        {siteConfig.global.name}
-      </div>
-    </Link>
-  );
-};
+// const Logo = () => {
+//   return (
+//     <Link
+//       href="/"
+//       className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
+//     >
+//       <svg
+//         xmlns="http://www.w3.org/2000/svg"
+//         width={20}
+//         height={20}
+//         className="rounded-xs"
+//         viewBox="0 0 300 300"
+//       >
+//         <defs>
+//           <clipPath id="a">
+//             <path d="M24 0h252c13.254 0 24 10.746 24 24v252c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V24C0 10.746 10.746 0 24 0Zm0 0" />
+//           </clipPath>
+//           <clipPath id="b">
+//             <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" />
+//           </clipPath>
+//           <clipPath id="c">
+//             <path d="M220.57 194.418c-18.261 0-33.07 14.809-33.07 33.074 0 18.266 14.809 33.07 33.07 33.07 18.266 0 33.075-14.804 33.075-33.07 0-18.265-14.81-33.074-33.075-33.074Zm0 0" />
+//           </clipPath>
+//         </defs>
+//         <g clipPath="url(#a)">
+//           <path
+//             d="M-30-30h360v360H-30z"
+//             className="fill-[#381e1e] dark:fill-white"
+//           />
+//         </g>
+//         <g clipPath="url(#b)">
+//           <g clipPath="url(#c)">
+//             <path
+//               d="M187.5 194.418h66.145v66.144H187.5Zm0 0"
+//               className="fill-[#fff] dark:fill-[#381e1e]"
+//             />
+//           </g>
+//         </g>
+//       </svg>
+//       <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] text-base font-bold leading-normal tracking-tighter transition-colors">
+//         {siteConfig.global.name}
+//       </div>
+//     </Link>
+//   );
+// };
diff --git a/www/src/components/logo.tsx b/www/src/components/logo.tsx
index b43e2e597..2ca49630e 100644
--- a/www/src/components/logo.tsx
+++ b/www/src/components/logo.tsx
@@ -1,48 +1,58 @@
-import { type SVGProps } from "react";
-
-interface IconProps extends Partial<SVGProps<SVGSVGElement>> {
-  size?: string | number;
-}
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+import { siteConfig } from "@/config";
 
 export const Logo = ({
-  color = "currentColor",
-  size = 16,
-  ...rest
-}: IconProps) => {
+  extanded = true,
+  className,
+}: {
+  extanded?: boolean;
+  className?: string;
+}) => {
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 300 300"
-      width={size}
-      height={size}
-      fill={color}
-      {...rest}
+    <Link
+      href="/"
+      className={cn(
+        "flex items-center gap-2 rounded-sm opacity-100 transition-opacity duration-150 ease-out hover:opacity-80",
+        className
+      )}
     >
-      <defs>
-        <clipPath id="a">
-          <path d="M24 0h252c13.254 0 24 10.746 24 24v252c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V24C0 10.746 10.746 0 24 0Zm0 0" />
-        </clipPath>
-        <clipPath id="b">
-          <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" />
-        </clipPath>
-        <clipPath id="c">
-          <path d="M220.57 194.418c-18.261 0-33.07 14.809-33.07 33.074 0 18.266 14.809 33.07 33.07 33.07 18.266 0 33.075-14.804 33.075-33.07 0-18.265-14.81-33.074-33.075-33.074Zm0 0" />
-        </clipPath>
-      </defs>
-      <g clipPath="url(#a)">
-        <path
-          d="M-30-30h360v360H-30z"
-          className="fill-[#381e1e] dark:fill-white"
-        />
-      </g>
-      <g clipPath="url(#b)">
-        <g clipPath="url(#c)">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 300 300"
+        className="rounded-xs size-5"
+      >
+        <defs>
+          <clipPath id="a">
+            <path d="M24 0h252c13.254 0 24 10.746 24 24v252c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V24C0 10.746 10.746 0 24 0Zm0 0" />
+          </clipPath>
+          <clipPath id="b">
+            <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" />
+          </clipPath>
+          <clipPath id="c">
+            <path d="M220.57 194.418c-18.261 0-33.07 14.809-33.07 33.074 0 18.266 14.809 33.07 33.07 33.07 18.266 0 33.075-14.804 33.075-33.07 0-18.265-14.81-33.074-33.075-33.074Zm0 0" />
+          </clipPath>
+        </defs>
+        <g clipPath="url(#a)">
           <path
-            d="M187.5 194.418h66.145v66.144H187.5Zm0 0"
-            className="fill-[#fff] dark:fill-[#381e1e]"
+            d="M-30-30h360v360H-30z"
+            className="fill-[#381e1e] dark:fill-white"
           />
         </g>
-      </g>
-    </svg>
+        <g clipPath="url(#b)">
+          <g clipPath="url(#c)">
+            <path
+              d="M187.5 194.418h66.145v66.144H187.5Zm0 0"
+              className="fill-[#fff] dark:fill-[#381e1e]"
+            />
+          </g>
+        </g>
+      </svg>
+      {extanded && (
+        <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-1.5 text-base font-bold leading-normal tracking-tighter transition-colors">
+          {siteConfig.global.name}
+        </div>
+      )}
+    </Link>
   );
 };
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index aa594ef25..a54c8ae03 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -1,16 +1,15 @@
 "use client";
 
 import React from "react";
-import Link from "next/link";
 import type { PageTree } from "fumadocs-core/server";
 import { AlignLeftIcon, PanelLeftCloseIcon, SearchIcon } from "lucide-react";
 import { cn } from "@/lib/utils";
-import { Avatar } from "@/components/core/avatar";
 import { Button } from "@/components/core/button";
 import { Dialog, DialogRoot } from "@/components/core/dialog";
 import { ScrollArea } from "@/components/core/scroll-area";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { siteConfig } from "@/config";
+import { Logo } from "./logo";
 import { SearchCommand } from "./search-command";
 import { NodeList } from "./sidebar";
 import { ThemeSwitcher } from "./theme-switcher";
@@ -26,7 +25,7 @@ export const MobileNav = ({
   return (
     <header
       className={cn(
-        "bg-bg sticky top-0 z-50 block border-b backdrop-blur-md",
+        "bg-bg/95 sticky top-0 z-50 block border-b backdrop-blur-sm",
         className
       )}
     >
@@ -46,22 +45,7 @@ export const MobileNav = ({
               <div className="z-50 flex h-full flex-col">
                 <div>
                   <div className="flex items-center justify-between p-2">
-                    <Link
-                      href="/"
-                      className="flex items-center gap-2 rounded opacity-100 transition-[opacity,transform] duration-300 ease-out"
-                    >
-                      <Avatar
-                        src={siteConfig.global.logo}
-                        alt={siteConfig.global.name}
-                        width={24}
-                        height={24}
-                        loading="lazy"
-                        className="m-1 size-6 rounded-sm"
-                      />
-                      <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
-                        {siteConfig.global.name}
-                      </div>
-                    </Link>
+                    <Logo />
                     <Button size="sm" shape="square" onPress={close}>
                       <PanelLeftCloseIcon />
                     </Button>
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index fedd6f563..5c6ac4eb9 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -14,7 +14,6 @@ import {
   SunIcon,
 } from "lucide-react";
 import { motion, Transition } from "motion/react";
-import { hasActive, isActive } from "@/lib/docs/utils";
 import { cn } from "@/lib/utils";
 import { Button, ButtonProps } from "@/components/core/button";
 import {
@@ -27,6 +26,8 @@ import { ScrollArea } from "@/components/core/scroll-area";
 import { Tooltip, TooltipProps } from "@/components/core/tooltip";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { siteConfig } from "@/config";
+import { hasActive, isActive } from "@/modules/docs/lib/utils";
+import { Logo } from "./logo";
 import { SearchCommand } from "./search-command";
 import { ThemeSwitcher } from "./theme-switcher";
 
@@ -59,10 +60,10 @@ export const Sidebar = ({
 
   return (
     <SidebarRoot className={className}>
-      <div className="relative flex items-center p-3 pb-1">
+      <div className="relative flex items-center p-3.5">
         <Logo />
       </div>
-      <div className="-mb-1 px-2 pt-4">
+      <div className="-mb-1 px-2 pt-0">
         <SidebarSearchButton isCollapsed={isCollapsed} />
       </div>
       <ScrollArea
@@ -212,60 +213,6 @@ export const useSidebarContext = () => {
   return ctx;
 };
 
-const Logo = () => {
-  return (
-    <Link
-      href="/"
-      className="flex items-center gap-2 rounded-sm opacity-100 transition-[opacity,transform] duration-300 ease-out"
-    >
-      {/* <Avatar
-        src={siteConfig.global.logo}
-        alt={siteConfig.global.name}
-        width={24}
-        height={24}
-        loading="lazy"
-        className="m-1 size-6 rounded-sm"
-      /> */}
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width={24}
-        height={24}
-        className="rounded-sm"
-        viewBox="0 0 300 300"
-      >
-        <defs>
-          <clipPath id="a">
-            <path d="M24 0h252c13.254 0 24 10.746 24 24v252c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V24C0 10.746 10.746 0 24 0Zm0 0" />
-          </clipPath>
-          <clipPath id="b">
-            <path d="M187.5 194.418h66.145v66.144H187.5Zm0 0" />
-          </clipPath>
-          <clipPath id="c">
-            <path d="M220.57 194.418c-18.261 0-33.07 14.809-33.07 33.074 0 18.266 14.809 33.07 33.07 33.07 18.266 0 33.075-14.804 33.075-33.07 0-18.265-14.81-33.074-33.075-33.074Zm0 0" />
-          </clipPath>
-        </defs>
-        <g clipPath="url(#a)">
-          <path
-            d="M-30-30h360v360H-30z"
-            className="fill-[#381e1e] dark:fill-white"
-          />
-        </g>
-        <g clipPath="url(#b)">
-          <g clipPath="url(#c)">
-            <path
-              d="M187.5 194.418h66.145v66.144H187.5Zm0 0"
-              className="fill-[#fff] dark:fill-[#381e1e]"
-            />
-          </g>
-        </g>
-      </svg>
-      <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-[5px] font-bold leading-normal tracking-tighter transition-colors">
-        {siteConfig.global.name}
-      </div>
-    </Link>
-  );
-};
-
 const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
   return (
     <SearchCommand keyboardShortcut>
@@ -422,6 +369,7 @@ function FolderNode({
                   setOpen(!open);
                   return;
                 }
+                setOpen(true);
                 setCollapsed(false);
               }}
             >
@@ -466,7 +414,7 @@ const SidebarButton = ({
       variant="quiet"
       size="sm"
       className={cn(
-        "transition-sidebar group-data-collapsed/sidebar:w-8 hover:bg-inverse/10 relative w-full overflow-hidden font-normal",
+        "transition-sidebar group-data-collapsed/sidebar:w-8 hover:bg-bg-inverse/10 relative w-full overflow-hidden font-normal",
         className
       )}
       {...props}
diff --git a/www/src/lib/docs/get-github-last-edit.ts b/www/src/modules/docs/lib/get-github-last-edit.ts
similarity index 100%
rename from www/src/lib/docs/get-github-last-edit.ts
rename to www/src/modules/docs/lib/get-github-last-edit.ts
diff --git a/www/src/lib/docs/utils.ts b/www/src/modules/docs/lib/utils.ts
similarity index 100%
rename from www/src/lib/docs/utils.ts
rename to www/src/modules/docs/lib/utils.ts
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 9e49f1ab5..95945fade 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -8,6 +8,8 @@
 
 /* Base Colors */
 :root {
+  --radius-factor: 1;
+
   --neutral-100: hsl(0, 0%, 98%);
   --neutral-200: hsl(0, 0%, 94%);
   --neutral-300: hsl(0, 0%, 90%);
@@ -222,6 +224,16 @@
   --color-border-warning: var(--warning-300);
   --color-border-info: var(--info-300);
 
+  /* radius */
+  --radius-xs: calc(0.125rem * var(--radius-factor));
+  --radius-sm: calc(0.25rem * var(--radius-factor));
+  --radius-md: calc(0.375rem * var(--radius-factor));
+  --radius-lg: calc(0.5rem * var(--radius-factor));
+  --radius-xl: calc(0.75rem * var(--radius-factor));
+  --radius-2xl: calc(1rem * var(--radius-factor));
+  --radius-3xl: calc(1.5rem * var(--radius-factor));
+  --radius-4xl: calc(2rem * var(--radius-factor));
+
   /* breakpoints */
   --breakpoint-xs: 30rem;
   --breakpoint-3xl: 120rem;

From 949ce870e8ceb366c3f8e8fe1cbbfc3801ba3d4c Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 13 Feb 2025 00:53:27 +0100
Subject: [PATCH 138/165] better layout

---
 www/src/app/(home)/layout.tsx                 |  2 +-
 www/src/app/(home)/page.tsx                   | 12 +++----
 www/src/components/demos/button/loading.tsx   | 33 ++++++++++++++-----
 www/src/components/header.tsx                 |  3 +-
 .../themes/components/themes-overview.tsx     |  4 +--
 www/src/registry/core/button_basic.tsx        |  9 ++---
 www/src/styles/docs.css                       |  1 -
 7 files changed, 38 insertions(+), 26 deletions(-)

diff --git a/www/src/app/(home)/layout.tsx b/www/src/app/(home)/layout.tsx
index 64efc60c7..f639615a9 100644
--- a/www/src/app/(home)/layout.tsx
+++ b/www/src/app/(home)/layout.tsx
@@ -12,7 +12,7 @@ export default function HomeLayout({
     <div>
       <Header className="hidden md:block" />
       <MobileNav items={source.pageTree.children} className="md:hidden" />
-      <div className="mx-auto min-h-screen max-w-screen-2xl sm:grid sm:grid-cols-[20px_1fr_20px] md:grid-cols-[30px_1fr_30px] lg:grid-cols-[50px_1fr_50px]">
+      <div className="mx-auto min-h-screen max-w-screen-2xl sm:grid sm:grid-cols-[20px_1fr_20px] md:grid-cols-[30px_1fr_30px]">
         <div className="diagonal-pattern hidden sm:block" />
         <div className="">
           <div className="min-h-[70vh]">{children}</div>
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index f159744ed..61b2a758e 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -18,8 +18,8 @@ export default function HomePage() {
   return (
     <div>
       {/* Hero section */}
-      <div className="container">
-        <section className="max-w-3xl pb-20 pt-14 sm:pt-24 lg:pb-32">
+      <div className="container max-w-screen-2xl">
+        <section className="max-w-3xl pb-20 pt-10 sm:pt-14">
           <Button
             href="/themes"
             prefix={<LayoutTemplateIcon />}
@@ -28,15 +28,15 @@ export default function HomePage() {
           >
             Introducing themes
           </Button>
-          <h1 className="xs:text-3xl text-balance text-2xl tracking-tighter max-lg:font-medium sm:text-4xl md:text-5xl lg:text-6xl">
+          <h1 className="xs:text-3xl text-balance text-2xl tracking-tighter max-lg:font-medium md:text-4xl lg:text-5xl">
             Quickly build your component library with a{" "}
             <span className="font-bold italic">unique</span> look.
           </h1>
-          <p className="text-fg-muted text-balace mt-2 text-lg md:mt-4">
+          <p className="text-fg-muted text-balace mt-2 text-lg">
             Over 40 components available in multiple variants ready to match
             your brand identity.
           </p>
-          <div className="mt-4 flex flex-col gap-2 sm:mt-8 sm:flex-row sm:items-center sm:gap-4">
+          <div className="mt-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4">
             <Button
               href="/docs/getting-started/introduction"
               variant="primary"
@@ -57,7 +57,7 @@ export default function HomePage() {
         </section>
       </div>
       {/* Components overview */}
-      <section className="px-4 sm:px-8">
+      <section className="container max-w-screen-2xl">
         <ThemesOverview />
       </section>
       <section className="shadow-xs mt-10 border-y py-12 lg:py-8">
diff --git a/www/src/components/demos/button/loading.tsx b/www/src/components/demos/button/loading.tsx
index eb9e23404..0f2a28433 100644
--- a/www/src/components/demos/button/loading.tsx
+++ b/www/src/components/demos/button/loading.tsx
@@ -1,16 +1,31 @@
+"use client";
+
+import React from "react";
 import { Button } from "@/components/dynamic-core/button";
 
 export default function Demo() {
+  const [isPending, setPending] = React.useState(false);
   return (
-    <div className="flex w-full items-center justify-center gap-2">
-      <Button size="sm" isPending>
-        Button
-      </Button>
-      <Button size="md" isPending>
-        Button
-      </Button>
-      <Button size="lg" isPending>
-        Button
+    <div className="flex flex-col items-center gap-4">
+      <div className="flex w-full items-center justify-center gap-2">
+        <Button size="sm" isPending>
+          Button
+        </Button>
+        <Button size="md" isPending>
+          Button
+        </Button>
+        <Button size="lg" isPending>
+          Button
+        </Button>
+      </div>
+      <Button
+        isPending={isPending}
+        onPress={() => {
+          setPending(true);
+          setTimeout(() => setPending(false), 2000);
+        }}
+      >
+        Click me
       </Button>
     </div>
   );
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index c5bc380e5..5c22f0a63 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -8,6 +8,7 @@ import { Button } from "@/components/core/button";
 import { siteConfig } from "@/config";
 import { Kbd } from "./core/kbd";
 import { GitHubIcon, TwitterIcon } from "./icons";
+import { Logo } from "./logo";
 import { SearchCommand } from "./search-command";
 import { ThemeColorsSelector } from "./theme-colors-selector";
 import { ThemeSwitcher } from "./theme-switcher";
@@ -19,7 +20,7 @@ export function Header({ className }: { className?: string }) {
     >
       <div className="px-12.5 container relative flex h-14 max-w-screen-2xl items-center justify-between">
         <div className="flex items-center gap-6">
-          {/* <Logo /> */}
+          <Logo />
           <div className="flex items-center gap-3 text-sm">
             {[
               { label: "Docs", href: "/docs/getting-started/introduction" },
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index d04d1f201..666d06a55 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -57,7 +57,7 @@ export const ThemesOverview = () => {
 
   return (
     <div className="flex flex-col items-center gap-10 md:gap-4">
-      <div className="container relative flex flex-col items-center gap-6">
+      <div className="container relative flex max-w-screen-2xl flex-col items-center gap-6">
         <div className="text-fg-muted relative flex items-center gap-2 py-2 pl-4 pr-2 font-mono text-xs">
           <motion.div
             layout
@@ -209,7 +209,7 @@ export const ThemesOverview = () => {
                       animate="show"
                       exit="hidden"
                     >
-                      <ComponentsOverview className="hidden xl:container sm:grid" />
+                      <ComponentsOverview className="hidden sm:grid" />
                       <MobileComponentsOverview className="sm:hidden" />
                     </motion.div>
                   </AnimatePresence>
diff --git a/www/src/registry/core/button_basic.tsx b/www/src/registry/core/button_basic.tsx
index 9f42c7a35..ba70f03ec 100644
--- a/www/src/registry/core/button_basic.tsx
+++ b/www/src/registry/core/button_basic.tsx
@@ -15,7 +15,7 @@ import { focusRing } from "@/registry/lib/focus-styles";
 
 const buttonStyles = tv({
   extend: focusRing,
-  base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
+  base: "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled pending:**:not-data-[slot=spinner]:not-in-data-[slot=spinner]:opacity-0 relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
   variants: {
     variant: {
       default:
@@ -102,17 +102,14 @@ const Button = React.forwardRef(
           <>
             {isPending && (
               <Loader
+                data-slot="spinner"
                 aria-label="loading"
                 className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"
                 size={16}
               />
             )}
             {prefix}
-            {typeof children === "string" ? (
-              <span className="truncate">{children}</span>
-            ) : (
-              children
-            )}
+            <span className="truncate">{children}</span>
             {suffix}
           </>
         ))}
diff --git a/www/src/styles/docs.css b/www/src/styles/docs.css
index b75946c81..2fbfee6ee 100644
--- a/www/src/styles/docs.css
+++ b/www/src/styles/docs.css
@@ -4,7 +4,6 @@
   padding-inline: 1rem;
 
   @media (width >= --theme(--breakpoint-sm)) {
-    max-width: var(--container-7xl);
     padding-inline: 2rem;
   }
 }

From 8599dfe36eeb5c6c998d3bcd8d97df2df5e46598 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 13 Feb 2025 02:09:33 +0100
Subject: [PATCH 139/165] minor fixes

---
 www/src/app/(home)/layout.tsx                 |  4 +-
 www/src/components/docs/breadcrumbs.tsx       | 15 +----
 www/src/components/header.tsx                 |  9 ++-
 www/src/components/mobile-nav.tsx             | 67 ++++++++++++-------
 www/src/components/sidebar.tsx                |  2 +-
 .../themes/components/themes-overview.tsx     |  4 +-
 www/src/registry/core/breadcrumbs_basic.tsx   |  2 +-
 www/src/registry/core/button_basic.tsx        |  6 +-
 www/src/registry/core/kbd_basic.tsx           |  2 +-
 9 files changed, 62 insertions(+), 49 deletions(-)

diff --git a/www/src/app/(home)/layout.tsx b/www/src/app/(home)/layout.tsx
index f639615a9..9acc965d5 100644
--- a/www/src/app/(home)/layout.tsx
+++ b/www/src/app/(home)/layout.tsx
@@ -10,8 +10,8 @@ export default function HomeLayout({
 }) {
   return (
     <div>
-      <Header className="hidden md:block" />
-      <MobileNav items={source.pageTree.children} className="md:hidden" />
+      <Header className="hidden lg:block" />
+      <MobileNav items={source.pageTree.children} className="lg:hidden" />
       <div className="mx-auto min-h-screen max-w-screen-2xl sm:grid sm:grid-cols-[20px_1fr_20px] md:grid-cols-[30px_1fr_30px]">
         <div className="diagonal-pattern hidden sm:block" />
         <div className="">
diff --git a/www/src/components/docs/breadcrumbs.tsx b/www/src/components/docs/breadcrumbs.tsx
index 4861b2380..2b747aa7f 100644
--- a/www/src/components/docs/breadcrumbs.tsx
+++ b/www/src/components/docs/breadcrumbs.tsx
@@ -3,13 +3,10 @@
 import { usePathname } from "next/navigation";
 import { useBreadcrumb } from "fumadocs-core/breadcrumb";
 import { PageTree } from "fumadocs-core/server";
-import { ChevronRightIcon } from "lucide-react";
-import { cn } from "@/lib/utils";
 import {
   Breadcrumbs as Breadcrumbs_,
-  BreadcrumbItem,
-  BreadcrumbLink,
   BreadcrumbsProps,
+  Breadcrumb,
 } from "@/components/core/breadcrumbs";
 
 export const Breadcrumbs = <T extends object>({
@@ -22,15 +19,7 @@ export const Breadcrumbs = <T extends object>({
   return (
     <Breadcrumbs_ {...props}>
       {breadcrumbs.map((elem, index) => (
-        <BreadcrumbItem key={index}>
-          <BreadcrumbLink
-            href={elem.url}
-            className={cn(!elem.url && "hover:text-fg-muted")}
-          >
-            {elem.name}
-          </BreadcrumbLink>
-          <ChevronRightIcon />
-        </BreadcrumbItem>
+        <Breadcrumb key={index}>{elem.name}</Breadcrumb>
       ))}
     </Breadcrumbs_>
   );
diff --git a/www/src/components/header.tsx b/www/src/components/header.tsx
index 5c22f0a63..3fc24e713 100644
--- a/www/src/components/header.tsx
+++ b/www/src/components/header.tsx
@@ -43,8 +43,13 @@ export function Header({ className }: { className?: string }) {
               size="sm"
               variant="outline"
               prefix={<SearchIcon />}
-              suffix={<Kbd className="text-xs">Ctrl+K</Kbd>}
-              className="bg-bg-inverse/5 gap-2 px-3"
+              suffix={
+                <div className="flex items-center gap-0.5 text-xs">
+                  <Kbd>Ctrl</Kbd>
+                  <Kbd>K</Kbd>
+                </div>
+              }
+              className="bg-bg-inverse/5 text-fg-muted gap-2 pl-3 pr-1"
             >
               <span className="mr-6 flex-1">Search docs...</span>
             </Button>
diff --git a/www/src/components/mobile-nav.tsx b/www/src/components/mobile-nav.tsx
index a54c8ae03..69431eaec 100644
--- a/www/src/components/mobile-nav.tsx
+++ b/www/src/components/mobile-nav.tsx
@@ -6,6 +6,7 @@ import { AlignLeftIcon, PanelLeftCloseIcon, SearchIcon } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { Kbd } from "@/components/core/kbd";
 import { ScrollArea } from "@/components/core/scroll-area";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { siteConfig } from "@/config";
@@ -29,7 +30,7 @@ export const MobileNav = ({
         className
       )}
     >
-      <div className="max-w-(--breakpoint-2xl) container flex h-14 w-full items-center justify-between">
+      <div className="max-w-(--breakpoint-2xl) container flex h-14 w-full items-center justify-between gap-1 sm:gap-2">
         <DialogRoot isOpen={isOpen} onOpenChange={setOpen}>
           <Button variant="quiet" size="sm" shape="square">
             <AlignLeftIcon />
@@ -59,9 +60,9 @@ export const MobileNav = ({
                       <Button
                         prefix={<SearchIcon />}
                         variant="outline"
-                        className="bg-bg-inverse/5 w-full"
+                        className="bg-bg-inverse/5 text-fg-muted w-full"
                       >
-                        <span className="flex-1 text-left">Search </span>
+                        <span className="flex-1 text-left">Search docs...</span>
                       </Button>
                     </SearchCommand>
                   </div>
@@ -107,33 +108,47 @@ export const MobileNav = ({
             )}
           </Dialog>
         </DialogRoot>
-        <div className="flex items-center gap-1">
-          <SearchCommand>
-            <Button variant="quiet" size="sm" shape="square">
-              <SearchIcon />
-            </Button>
-          </SearchCommand>
+        <span className="hidden sm:block sm:flex-1" />
+        <SearchCommand
+          onAction={() => {
+            setOpen(false);
+          }}
+        >
           <Button
-            href={siteConfig.links.github}
-            target="_blank"
             size="sm"
-            shape="square"
-            variant="quiet"
-            aria-label="github"
-          >
-            <GitHubIcon />
-          </Button>
-          <Button
-            href={siteConfig.links.twitter}
-            target="_blank"
-            size="sm"
-            shape="square"
-            variant="quiet"
-            aria-label="twitter"
+            variant="outline"
+            prefix={<SearchIcon />}
+            suffix={
+              <div className="flex items-center gap-0.5 text-xs max-sm:hidden">
+                <Kbd>Ctrl</Kbd>
+                <Kbd>K</Kbd>
+              </div>
+            }
+            className="bg-bg-inverse/5 text-fg-muted gap-2 pl-3 pr-1 max-sm:flex-1"
           >
-            <TwitterIcon />
+            <span className="mr-6 flex-1 text-left">Search docs...</span>
           </Button>
-        </div>
+        </SearchCommand>
+        <Button
+          href={siteConfig.links.github}
+          target="_blank"
+          size="sm"
+          shape="square"
+          variant="quiet"
+          aria-label="github"
+        >
+          <GitHubIcon />
+        </Button>
+        <Button
+          href={siteConfig.links.twitter}
+          target="_blank"
+          size="sm"
+          shape="square"
+          variant="quiet"
+          aria-label="twitter"
+        >
+          <TwitterIcon />
+        </Button>
       </div>
     </header>
   );
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index 5c6ac4eb9..cb35fee68 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -221,7 +221,7 @@ const SidebarSearchButton = ({ isCollapsed }: { isCollapsed: boolean }) => {
           <div className="flex items-center gap-2">
             Search{" "}
             <div className="flex items-center gap-0.5">
-              <Kbd>Ctrl</Kbd>
+              <Kbd>ctrl</Kbd>
               <Kbd>K</Kbd>
             </div>
           </div>
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index 666d06a55..801330ccd 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -92,9 +92,9 @@ export const ThemesOverview = () => {
               className="text-fg-muted z-20 bg-[#f5f5f5] dark:bg-[#19191d] [&_svg]:size-3.5"
             >
               {copied ? (
-                <CheckIcon className="animate-in fade-in" />
+                <CheckIcon className="animate-in fade-in duration-75" />
               ) : (
-                <CopyIcon className="animate-in fade-in" />
+                <CopyIcon className="animate-in fade-in duration-75" />
               )}
             </Button>
           </motion.div>
diff --git a/www/src/registry/core/breadcrumbs_basic.tsx b/www/src/registry/core/breadcrumbs_basic.tsx
index 7053e2608..d08a1b425 100644
--- a/www/src/registry/core/breadcrumbs_basic.tsx
+++ b/www/src/registry/core/breadcrumbs_basic.tsx
@@ -18,7 +18,7 @@ const breadcrumbsStyles = tv({
     item: "inline-flex items-center gap-1",
     link: [
       focusRing(),
-      "hover:text-fg current:text-fg disabled:not-current:text-fg-disabled inline-flex items-center gap-1 rounded px-0.5 leading-none transition-colors disabled:cursor-default",
+      "current:text-fg hover:[&:is(a)]:text-fg disabled:not-current:text-fg-disabled inline-flex items-center gap-1 rounded px-0.5 leading-none transition-colors disabled:cursor-default",
     ],
   },
 });
diff --git a/www/src/registry/core/button_basic.tsx b/www/src/registry/core/button_basic.tsx
index ba70f03ec..5f441788d 100644
--- a/www/src/registry/core/button_basic.tsx
+++ b/www/src/registry/core/button_basic.tsx
@@ -109,7 +109,11 @@ const Button = React.forwardRef(
               />
             )}
             {prefix}
-            <span className="truncate">{children}</span>
+            {typeof children === "string" ? (
+              <span className="truncate">{children}</span>
+            ) : (
+              children
+            )}
             {suffix}
           </>
         ))}
diff --git a/www/src/registry/core/kbd_basic.tsx b/www/src/registry/core/kbd_basic.tsx
index 783bae15c..5c72ea905 100644
--- a/www/src/registry/core/kbd_basic.tsx
+++ b/www/src/registry/core/kbd_basic.tsx
@@ -4,7 +4,7 @@ import { Keyboard } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const KbdStyles = tv({
-  base: "text-fg-muted bg-bg inline-flex min-w-5 items-center justify-center rounded-md border p-1 text-xs leading-none",
+  base: "text-fg-muted bg-bg inline-flex min-w-5 items-center justify-center rounded-sm border p-1 text-xs leading-none",
 });
 
 type KbdProps = React.HTMLAttributes<HTMLElement>;

From 333cb96c818bf1b40b282d23a6249e8681d1f659 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 13 Feb 2025 03:25:35 +0100
Subject: [PATCH 140/165] wip themes page

---
 pnpm-lock.yaml                                |  16 +++
 www/package.json                              |   1 +
 www/src/app/(app)/themes/layout.tsx           |  93 +++++++------
 www/src/app/(app)/themes/page.tsx             | 120 ++---------------
 .../themes/{ => theme}/components/borders.tsx |   0
 .../{ => theme}/components/button-style.tsx   |   0
 .../themes/{ => theme/components}/buttons.tsx |   0
 .../{ => theme}/components/clone-theme.tsx    |   0
 .../themes/{ => theme}/components/colors.tsx  |   0
 .../themes/{ => theme}/components/context.tsx |   0
 .../{ => theme}/components/copy-theme.tsx     |   0
 .../{ => theme}/components/create-theme.tsx   |   0
 .../{ => theme}/components/delete-theme.tsx   |   0
 .../{ => theme}/components/explore-themes.tsx |   0
 .../{ => theme}/components/focus-style.tsx    |   0
 .../{ => theme}/components/iconography.tsx    |   0
 .../{ => theme}/components/input-style.tsx    |   0
 .../{ => theme}/components/listbox-style.tsx  |   0
 .../{ => theme}/components/loader-style.tsx   |   0
 .../{ => theme}/components/overlay-style.tsx  |   0
 .../{ => theme}/components/picker-style.tsx   |   0
 .../themes/{ => theme}/components/preview.tsx |  36 +++--
 .../{ => theme}/components/tabs-style.tsx     |   0
 .../{ => theme}/components/theme-select.tsx   |   0
 .../{ => theme}/components/typography.tsx     |   0
 www/src/app/(app)/themes/theme/page.tsx       | 124 ++++++++++++++++++
 26 files changed, 230 insertions(+), 160 deletions(-)
 rename www/src/app/(app)/themes/{ => theme}/components/borders.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/button-style.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme/components}/buttons.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/clone-theme.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/colors.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/context.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/copy-theme.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/create-theme.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/delete-theme.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/explore-themes.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/focus-style.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/iconography.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/input-style.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/listbox-style.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/loader-style.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/overlay-style.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/picker-style.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/preview.tsx (77%)
 rename www/src/app/(app)/themes/{ => theme}/components/tabs-style.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/theme-select.tsx (100%)
 rename www/src/app/(app)/themes/{ => theme}/components/typography.tsx (100%)
 create mode 100644 www/src/app/(app)/themes/theme/page.tsx

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c8b08a572..a3c34277a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -235,6 +235,9 @@ importers:
       next-themes:
         specifier: ^0.4.4
         version: 0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next-view-transitions:
+        specifier: ^0.3.4
+        version: 0.3.4(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       npm-to-yarn:
         specifier: ^3.0.0
         version: 3.0.1
@@ -4665,6 +4668,13 @@ packages:
       react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
       react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
+  next-view-transitions@0.3.4:
+    resolution: {integrity: sha512-SSiskenQ8JkEFGzPjvFwC5LGGoqgTxM5dxexkeugxvcXFLpWI2ZUh4IsCURD3ovW+8Ue7xXlrtrpy8b7XR7IwQ==}
+    peerDependencies:
+      next: '>=14.0.0'
+      react: ^18.2.0
+      react-dom: ^18.2.0
+
   next@15.1.6:
     resolution: {integrity: sha512-Hch4wzbaX0vKQtalpXvUiw5sYivBy4cm5rzUKrBnUB/y436LGrvOUqYvlSeNVCWFO/770gDlltR9gqZH62ct4Q==}
     engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
@@ -11549,6 +11559,12 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  next-view-transitions@0.3.4(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      next: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@next/env': 15.1.6
diff --git a/www/package.json b/www/package.json
index 11315e045..556f85014 100644
--- a/www/package.json
+++ b/www/package.json
@@ -44,6 +44,7 @@
     "nanoid": "^5.0.7",
     "next": "15.1.6",
     "next-themes": "^0.4.4",
+    "next-view-transitions": "^0.3.4",
     "npm-to-yarn": "^3.0.0",
     "react": "19.0.0",
     "react-aria": "^3.33.0",
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
index a19edaef6..65ae589fa 100644
--- a/www/src/app/(app)/themes/layout.tsx
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -2,12 +2,13 @@
 
 import React from "react";
 import { AnimatePresence, motion } from "motion/react";
+import { ViewTransitions } from "next-view-transitions";
 import { cn } from "@/lib/utils";
 import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
 import { useSidebarContext } from "@/components/sidebar";
-import { PreviewProvider } from "./components/context";
-import { Preview } from "./components/preview";
+import { PreviewProvider } from "./theme/components/context";
+import { Preview } from "./theme/components/preview";
 
 export default function ThemesLayout({
   children,
@@ -15,7 +16,13 @@ export default function ThemesLayout({
   children: React.ReactNode;
 }) {
   const [isOpen, setOpen] = React.useState(false);
+  const [screen, setScreen] = React.useState<"desktop" | "mobile">("desktop");
   const { isCollapsed } = useSidebarContext();
+  const previewWidth = Math.min(
+    screen === "mobile" ? 420 : 700,
+    isCollapsed ? 700 : 600
+  );
+  const containerWidth = isOpen ? previewWidth : 0;
   const isMounted = useMounted();
 
   React.useEffect(() => {
@@ -23,50 +30,56 @@ export default function ThemesLayout({
   }, []);
 
   return (
-    <PreviewProvider>
-      <div className={cn("max-w-screen-3xl relative mx-auto flex")}>
-        <div className="relative flex-1">
-          <div className={cn("container max-w-3xl")}>{children}</div>
-        </div>
-        <div className="relative">
-          <div className="absolute -left-2 top-2 -translate-x-full">
-            <AnimatePresence>
-              {!isOpen && isMounted && (
-                <motion.div
-                  initial={{ opacity: 0.8, x: 100 }}
-                  animate={{ opacity: 1, x: 0 }}
-                  exit={{ opacity: 0.8, x: 100 }}
-                  transition={{ duration: 0.2 }}
-                >
-                  <Button
-                    variant="default"
-                    size="sm"
-                    onPress={() => setOpen(true)}
-                    className="bg-bg-inverse/5 sticky top-0 border"
-                  >
-                    Preview
-                  </Button>
-                </motion.div>
-              )}
-            </AnimatePresence>
+    <ViewTransitions>
+      <PreviewProvider>
+        <div className={cn("max-w-screen-3xl relative mx-auto flex")}>
+          <div className="relative flex-1">
+            <div className={cn("container max-w-3xl")}>{children}</div>
           </div>
-          <motion.div
-            initial={false}
-            animate={{ width: isOpen ? (isCollapsed ? 600 : 500) : 0 }}
-            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-            className="sticky right-0 top-0 z-10 h-[100svh] w-0 overflow-hidden"
-          >
+          <div className="relative">
+            <div className="absolute -left-2 top-5 -translate-x-full">
+              <AnimatePresence>
+                {!isOpen && isMounted && (
+                  <motion.div
+                    initial={{ opacity: 0.8, x: 100 }}
+                    animate={{ opacity: 1, x: 0 }}
+                    exit={{ opacity: 0.8, x: 100 }}
+                    transition={{ duration: 0.2 }}
+                  >
+                    <Button
+                      variant="default"
+                      size="sm"
+                      onPress={() => setOpen(true)}
+                      className="bg-bg-inverse/5 sticky top-0 border"
+                    >
+                      Preview
+                    </Button>
+                  </motion.div>
+                )}
+              </AnimatePresence>
+            </div>
             <motion.div
               initial={false}
-              animate={{ width: isCollapsed ? 600 : 500 }}
+              animate={{ width: containerWidth }}
               transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-              className="h-full p-4"
+              className="sticky right-0 top-0 z-10 h-[100svh] w-0 overflow-hidden"
             >
-              <Preview setOpen={setOpen} />
+              <motion.div
+                initial={false}
+                animate={{ width: previewWidth }}
+                transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+                className="h-full p-4"
+              >
+                <Preview
+                  setOpen={setOpen}
+                  screen={screen}
+                  onScreenChange={setScreen}
+                />
+              </motion.div>
             </motion.div>
-          </motion.div>
+          </div>
         </div>
-      </div>
-    </PreviewProvider>
+      </PreviewProvider>
+    </ViewTransitions>
   );
 }
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index 44e2d681d..f80125b99 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -1,116 +1,16 @@
-import React from "react";
-import type { Metadata } from "next";
-import { PlusIcon } from "lucide-react";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/core/button";
-import { Borders } from "./components/borders";
-import { ButtonStyle } from "./components/button-style";
-import { Colors } from "./components/colors";
-import { CreateThemeDialog } from "./components/create-theme";
-import { ExploreThemesDialog } from "./components/explore-themes";
-import { FocusStyle } from "./components/focus-style";
-import { Iconography } from "./components/iconography";
-import { InputStyle } from "./components/input-style";
-import { ListBoxStyle } from "./components/listbox-style";
-import { LoaderStyle } from "./components/loader-style";
-import { OverlayStyle } from "./components/overlay-style";
-import { PickerStyle } from "./components/picker-style";
-import { TabsStyle } from "./components/tabs-style";
-import { ThemeSelect } from "./components/theme-select";
-import { Typography } from "./components/typography";
-
-export const metadata: Metadata = {
-  title: "Themes",
-  description: "Explore and create themes for your project.",
-};
+import { Link } from "next-view-transitions";
 
 export default function Page() {
   return (
-    <div className="pb-20">
-      <section className="pb-10 pt-16">
-        <h1 className="font-heading xs:text-2xl text-pretty text-xl font-semibold tracking-tighter sm:text-3xl md:text-4xl">
-          Everything starts with identity.
-        </h1>
-        <h2 className="text-fg-muted mt-3 text-sm">
-          Generate colors, fonts, and spacing to match your brand identity.
-        </h2>
-        <div className="mt-4 flex items-center gap-2">
-          <ExploreThemesDialog>
-            <Button variant="primary">Explore themes</Button>
-          </ExploreThemesDialog>
-          <CreateThemeDialog>
-            <Button
-              variant="outline"
-              className="bg-bg-inverse/5"
-              prefix={<PlusIcon />}
-            >
-              Create theme
-            </Button>
-          </CreateThemeDialog>
-        </div>
-      </section>
-      <section className="py-8">
-        <ThemeSelect />
-        <div className="mt-6 space-y-6">
-          <Section title="Colors">
-            <Colors />
-          </Section>
-          <Section title="Typography">
-            <Typography />
-          </Section>
-          <Section title="Borders">
-            <Borders />
-          </Section>
-          <Section title="Iconography">
-            <Iconography />
-          </Section>
-          <Section title="Loader style" className="col-span-6">
-            <LoaderStyle />
-          </Section>
-          <Section title="Focus style" className="col-span-6">
-            <FocusStyle />
-          </Section>
-          <Section title="Button style" className="col-span-6">
-            <ButtonStyle />
-          </Section>
-          <Section title="Input style" className="col-span-6">
-            <InputStyle />
-          </Section>
-          <Section title="Picker style" className="col-span-6">
-            <PickerStyle />
-          </Section>
-          <Section title="Listbox style" className="col-span-6">
-            <ListBoxStyle />
-          </Section>
-          <Section title="Modal/Popover/Tooltip style" className="col-span-6">
-            <OverlayStyle />
-          </Section>
-          <Section title="Tabs style" className="col-span-6">
-            <TabsStyle />
-          </Section>
-        </div>
-      </section>
+    <div className="pt-16">
+      <h2 className="w-fit text-2xl font-semibold [view-transition-name:themes-title]">
+        themes
+      </h2>
+      <div className="mt-6">
+        <Link href="/themes/theme" className="">
+          go to theme
+        </Link>
+      </div>
     </div>
   );
 }
-
-const Section = ({
-  title,
-  children,
-  className,
-}: {
-  title?: string;
-  children?: React.ReactNode;
-  className?: string;
-}) => {
-  return (
-    <div className={cn("bg-bg-muted/40 rounded-md border p-4", className)}>
-      {title && (
-        <h3 className="font-heading mb-4 text-lg font-semibold tracking-tighter">
-          {title}
-        </h3>
-      )}
-      {children}
-    </div>
-  );
-};
diff --git a/www/src/app/(app)/themes/components/borders.tsx b/www/src/app/(app)/themes/theme/components/borders.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/borders.tsx
rename to www/src/app/(app)/themes/theme/components/borders.tsx
diff --git a/www/src/app/(app)/themes/components/button-style.tsx b/www/src/app/(app)/themes/theme/components/button-style.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/button-style.tsx
rename to www/src/app/(app)/themes/theme/components/button-style.tsx
diff --git a/www/src/app/(app)/themes/buttons.tsx b/www/src/app/(app)/themes/theme/components/buttons.tsx
similarity index 100%
rename from www/src/app/(app)/themes/buttons.tsx
rename to www/src/app/(app)/themes/theme/components/buttons.tsx
diff --git a/www/src/app/(app)/themes/components/clone-theme.tsx b/www/src/app/(app)/themes/theme/components/clone-theme.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/clone-theme.tsx
rename to www/src/app/(app)/themes/theme/components/clone-theme.tsx
diff --git a/www/src/app/(app)/themes/components/colors.tsx b/www/src/app/(app)/themes/theme/components/colors.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/colors.tsx
rename to www/src/app/(app)/themes/theme/components/colors.tsx
diff --git a/www/src/app/(app)/themes/components/context.tsx b/www/src/app/(app)/themes/theme/components/context.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/context.tsx
rename to www/src/app/(app)/themes/theme/components/context.tsx
diff --git a/www/src/app/(app)/themes/components/copy-theme.tsx b/www/src/app/(app)/themes/theme/components/copy-theme.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/copy-theme.tsx
rename to www/src/app/(app)/themes/theme/components/copy-theme.tsx
diff --git a/www/src/app/(app)/themes/components/create-theme.tsx b/www/src/app/(app)/themes/theme/components/create-theme.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/create-theme.tsx
rename to www/src/app/(app)/themes/theme/components/create-theme.tsx
diff --git a/www/src/app/(app)/themes/components/delete-theme.tsx b/www/src/app/(app)/themes/theme/components/delete-theme.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/delete-theme.tsx
rename to www/src/app/(app)/themes/theme/components/delete-theme.tsx
diff --git a/www/src/app/(app)/themes/components/explore-themes.tsx b/www/src/app/(app)/themes/theme/components/explore-themes.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/explore-themes.tsx
rename to www/src/app/(app)/themes/theme/components/explore-themes.tsx
diff --git a/www/src/app/(app)/themes/components/focus-style.tsx b/www/src/app/(app)/themes/theme/components/focus-style.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/focus-style.tsx
rename to www/src/app/(app)/themes/theme/components/focus-style.tsx
diff --git a/www/src/app/(app)/themes/components/iconography.tsx b/www/src/app/(app)/themes/theme/components/iconography.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/iconography.tsx
rename to www/src/app/(app)/themes/theme/components/iconography.tsx
diff --git a/www/src/app/(app)/themes/components/input-style.tsx b/www/src/app/(app)/themes/theme/components/input-style.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/input-style.tsx
rename to www/src/app/(app)/themes/theme/components/input-style.tsx
diff --git a/www/src/app/(app)/themes/components/listbox-style.tsx b/www/src/app/(app)/themes/theme/components/listbox-style.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/listbox-style.tsx
rename to www/src/app/(app)/themes/theme/components/listbox-style.tsx
diff --git a/www/src/app/(app)/themes/components/loader-style.tsx b/www/src/app/(app)/themes/theme/components/loader-style.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/loader-style.tsx
rename to www/src/app/(app)/themes/theme/components/loader-style.tsx
diff --git a/www/src/app/(app)/themes/components/overlay-style.tsx b/www/src/app/(app)/themes/theme/components/overlay-style.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/overlay-style.tsx
rename to www/src/app/(app)/themes/theme/components/overlay-style.tsx
diff --git a/www/src/app/(app)/themes/components/picker-style.tsx b/www/src/app/(app)/themes/theme/components/picker-style.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/picker-style.tsx
rename to www/src/app/(app)/themes/theme/components/picker-style.tsx
diff --git a/www/src/app/(app)/themes/components/preview.tsx b/www/src/app/(app)/themes/theme/components/preview.tsx
similarity index 77%
rename from www/src/app/(app)/themes/components/preview.tsx
rename to www/src/app/(app)/themes/theme/components/preview.tsx
index bb3653636..9788a5052 100644
--- a/www/src/app/(app)/themes/components/preview.tsx
+++ b/www/src/app/(app)/themes/theme/components/preview.tsx
@@ -5,12 +5,22 @@ import {
   ChevronLeftIcon,
   ChevronRightIcon,
   ChevronsRightIcon,
+  MonitorIcon,
   RotateCwIcon,
+  SmartphoneIcon,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 
-export function Preview({ setOpen }: { setOpen: (open: boolean) => void }) {
+export function Preview({
+  setOpen,
+  screen,
+  onScreenChange,
+}: {
+  setOpen: (open: boolean) => void;
+  screen: "desktop" | "mobile";
+  onScreenChange: (screen: "desktop" | "mobile") => void;
+}) {
   const iframeRef = React.useRef<HTMLIFrameElement>(null);
   const [iframeIsLoading, setIframeLoading] = React.useState(true);
   const [currentPathname, setCurrentPathname] = React.useState("");
@@ -57,15 +67,9 @@ export function Preview({ setOpen }: { setOpen: (open: boolean) => void }) {
   }, [updateUrl]);
 
   return (
-    <div className="bg-bg size-full overflow-hidden rounded-b-md border">
-      <div className="bg-bg-muted flex items-center justify-between gap-2 border-b px-2 py-1">
+    <div className="bg-bg size-full overflow-hidden rounded-md border">
+      <div className="bg-bg-muted flex items-center justify-between gap-2 border-b border-t-[inherit] p-1">
         <div className="flex w-32 items-center gap-3">
-          {/* window controls (decorative) */}
-          {/* <div className="flex items-center gap-1.5">
-            <div className="size-3 rounded-full border border-field" />
-            <div className="size-3 rounded-full border border-field" />
-            <div className="size-3 rounded-full border border-field" />
-          </div> */}
           <div className="flex items-center gap-1">
             <Button
               variant="quiet"
@@ -114,7 +118,19 @@ export function Preview({ setOpen }: { setOpen: (open: boolean) => void }) {
         >
           acme.com{currentPathname}
         </Button>
-        <div className="w-32"></div>
+        <div className="flex w-32 justify-end">
+          <Button
+            variant="quiet"
+            shape="square"
+            size="sm"
+            className="size-7"
+            onPress={() =>
+              onScreenChange(screen === "desktop" ? "mobile" : "desktop")
+            }
+          >
+            {screen === "desktop" ? <MonitorIcon /> : <SmartphoneIcon />}
+          </Button>
+        </div>
       </div>
       <iframe
         ref={iframeRef}
diff --git a/www/src/app/(app)/themes/components/tabs-style.tsx b/www/src/app/(app)/themes/theme/components/tabs-style.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/tabs-style.tsx
rename to www/src/app/(app)/themes/theme/components/tabs-style.tsx
diff --git a/www/src/app/(app)/themes/components/theme-select.tsx b/www/src/app/(app)/themes/theme/components/theme-select.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/theme-select.tsx
rename to www/src/app/(app)/themes/theme/components/theme-select.tsx
diff --git a/www/src/app/(app)/themes/components/typography.tsx b/www/src/app/(app)/themes/theme/components/typography.tsx
similarity index 100%
rename from www/src/app/(app)/themes/components/typography.tsx
rename to www/src/app/(app)/themes/theme/components/typography.tsx
diff --git a/www/src/app/(app)/themes/theme/page.tsx b/www/src/app/(app)/themes/theme/page.tsx
new file mode 100644
index 000000000..f98d8c60d
--- /dev/null
+++ b/www/src/app/(app)/themes/theme/page.tsx
@@ -0,0 +1,124 @@
+import React from "react";
+import type { Metadata } from "next";
+import { ArrowLeftIcon } from "lucide-react";
+import { Link } from "next-view-transitions";
+import { cn } from "@/lib/utils";
+import { Borders } from "./components/borders";
+import { ButtonStyle } from "./components/button-style";
+import { Colors } from "./components/colors";
+import { FocusStyle } from "./components/focus-style";
+import { Iconography } from "./components/iconography";
+import { InputStyle } from "./components/input-style";
+import { ListBoxStyle } from "./components/listbox-style";
+import { LoaderStyle } from "./components/loader-style";
+import { OverlayStyle } from "./components/overlay-style";
+import { PickerStyle } from "./components/picker-style";
+import { TabsStyle } from "./components/tabs-style";
+import { ThemeSelect } from "./components/theme-select";
+import { Typography } from "./components/typography";
+
+export const metadata: Metadata = {
+  title: "Themes",
+  description: "Explore and create themes for your project.",
+};
+
+export default function Page() {
+  return (
+    <div className="pb-20">
+      {/* <section className="pb-10 pt-16">
+        <h1 className="font-heading xs:text-2xl text-pretty text-xl font-semibold tracking-tighter sm:text-3xl md:text-4xl">
+          Everything starts with identity.
+        </h1>
+        <h2 className="text-fg-muted mt-3 text-sm">
+          Generate colors, fonts, and spacing to match your brand identity.
+        </h2>
+        <div className="mt-4 flex items-center gap-2">
+          <ExploreThemesDialog>
+            <Button variant="primary">Explore themes</Button>
+          </ExploreThemesDialog>
+          <CreateThemeDialog>
+            <Button
+              variant="outline"
+              className="bg-bg-inverse/5"
+              prefix={<PlusIcon />}
+            >
+              Create theme
+            </Button>
+          </CreateThemeDialog>
+        </div>
+      </section> */}
+      <section className="py-8">
+        <Link
+          href="/themes"
+          className="text-fg-muted hover:text-fg mb-2 flex cursor-pointer items-center gap-1 text-sm"
+        >
+          <ArrowLeftIcon className="size-4" />
+          <span>
+            back to{" "}
+            <span className="[view-transition-name:themes-title]">themes</span>
+          </span>
+        </Link>
+        <ThemeSelect />
+        <div className="mt-6 space-y-6">
+          <Section title="Colors">
+            <Colors />
+          </Section>
+          <Section title="Typography">
+            <Typography />
+          </Section>
+          <Section title="Borders">
+            <Borders />
+          </Section>
+          <Section title="Iconography">
+            <Iconography />
+          </Section>
+          <Section title="Loader style" className="col-span-6">
+            <LoaderStyle />
+          </Section>
+          <Section title="Focus style" className="col-span-6">
+            <FocusStyle />
+          </Section>
+          <Section title="Button style" className="col-span-6">
+            <ButtonStyle />
+          </Section>
+          <Section title="Input style" className="col-span-6">
+            <InputStyle />
+          </Section>
+          <Section title="Picker style" className="col-span-6">
+            <PickerStyle />
+          </Section>
+          <Section title="Listbox style" className="col-span-6">
+            <ListBoxStyle />
+          </Section>
+          <Section title="Modal/Popover/Tooltip style" className="col-span-6">
+            <OverlayStyle />
+          </Section>
+          <Section title="Tabs style" className="col-span-6">
+            <TabsStyle />
+          </Section>
+        </div>
+      </section>
+    </div>
+  );
+}
+
+const Section = ({
+  title,
+  children,
+  className,
+}: {
+  title?: string;
+  children?: React.ReactNode;
+  className?: string;
+}) => {
+  return (
+    <div className={cn("bg-bg-muted/40 rounded-md border p-4", className)}>
+      {title && (
+        <h3 className="font-heading mb-4 text-lg font-semibold tracking-tighter">
+          {title}
+        </h3>
+      )}
+      {children}
+    </div>
+  );
+};

From 076e0f45dd010785aef91c2978a9185c3ea6b059 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 13 Feb 2025 05:34:44 +0100
Subject: [PATCH 141/165] theme page layout

---
 www/src/app/(app)/themes/layout.tsx     |  38 +++++--
 www/src/app/(app)/themes/page.tsx       |   6 +-
 www/src/app/(app)/themes/theme/page.tsx | 129 ++++++++++--------------
 www/src/app/(home)/page.tsx             |  14 +--
 4 files changed, 95 insertions(+), 92 deletions(-)

diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
index 65ae589fa..230d37abf 100644
--- a/www/src/app/(app)/themes/layout.tsx
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -6,6 +6,7 @@ import { ViewTransitions } from "next-view-transitions";
 import { cn } from "@/lib/utils";
 import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
+import { TableOfContents } from "@/components/docs/toc";
 import { useSidebarContext } from "@/components/sidebar";
 import { PreviewProvider } from "./theme/components/context";
 import { Preview } from "./theme/components/preview";
@@ -36,6 +37,32 @@ export default function ThemesLayout({
           <div className="relative flex-1">
             <div className={cn("container max-w-3xl")}>{children}</div>
           </div>
+          {isMounted && (
+            <motion.div
+              initial={false}
+              animate={{ width: isOpen ? 0 : 300 }}
+              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+              className="sticky right-0 top-0 z-0 h-[100svh] w-0 overflow-hidden"
+            >
+              <motion.div
+                initial={false}
+                animate={{ width: 300, opacity: isOpen ? 0 : 1 }}
+                transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+                className="h-full pt-10"
+              >
+                <TableOfContents
+                  toc={[
+                    { depth: 2, title: "Foundations", url: "#foundations" },
+                    { depth: 3, title: "Colors", url: "#colors" },
+                    { depth: 3, title: "Typography", url: "#typography" },
+                    { depth: 3, title: "Spacing", url: "#spacing" },
+                    { depth: 3, title: "Radius", url: "#radius" },
+                    { depth: 3, title: "Icongraphy", url: "#iconography" },
+                  ]}
+                />
+              </motion.div>
+            </motion.div>
+          )}
           <div className="relative">
             <div className="absolute -left-2 top-5 -translate-x-full">
               <AnimatePresence>
@@ -62,12 +89,11 @@ export default function ThemesLayout({
               initial={false}
               animate={{ width: containerWidth }}
               transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-              className="sticky right-0 top-0 z-10 h-[100svh] w-0 overflow-hidden"
+              className="sticky right-0 top-0 z-10 flex h-[100svh] w-0 justify-end overflow-hidden"
             >
-              <motion.div
-                initial={false}
-                animate={{ width: previewWidth }}
-                transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+              <div
+                style={{ width: previewWidth }}
+                // transition={{ type: "spring", bounce: 0, duration: 0.3 }}
                 className="h-full p-4"
               >
                 <Preview
@@ -75,7 +101,7 @@ export default function ThemesLayout({
                   screen={screen}
                   onScreenChange={setScreen}
                 />
-              </motion.div>
+              </div>
             </motion.div>
           </div>
         </div>
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index f80125b99..82c2104b8 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -4,12 +4,10 @@ export default function Page() {
   return (
     <div className="pt-16">
       <h2 className="w-fit text-2xl font-semibold [view-transition-name:themes-title]">
-        themes
+        Themes
       </h2>
       <div className="mt-6">
-        <Link href="/themes/theme" className="">
-          go to theme
-        </Link>
+        <Link href="/themes/theme">go to theme</Link>
       </div>
     </div>
   );
diff --git a/www/src/app/(app)/themes/theme/page.tsx b/www/src/app/(app)/themes/theme/page.tsx
index f98d8c60d..2e57c8a0f 100644
--- a/www/src/app/(app)/themes/theme/page.tsx
+++ b/www/src/app/(app)/themes/theme/page.tsx
@@ -3,6 +3,7 @@ import type { Metadata } from "next";
 import { ArrowLeftIcon } from "lucide-react";
 import { Link } from "next-view-transitions";
 import { cn } from "@/lib/utils";
+// import { useScroll } from "@/hooks/use-scroll";
 import { Borders } from "./components/borders";
 import { ButtonStyle } from "./components/button-style";
 import { Colors } from "./components/colors";
@@ -23,81 +24,59 @@ export const metadata: Metadata = {
 };
 
 export default function Page() {
+  // const scrolled = useScroll(60);
+
   return (
-    <div className="pb-20">
-      {/* <section className="pb-10 pt-16">
-        <h1 className="font-heading xs:text-2xl text-pretty text-xl font-semibold tracking-tighter sm:text-3xl md:text-4xl">
-          Everything starts with identity.
-        </h1>
-        <h2 className="text-fg-muted mt-3 text-sm">
-          Generate colors, fonts, and spacing to match your brand identity.
-        </h2>
-        <div className="mt-4 flex items-center gap-2">
-          <ExploreThemesDialog>
-            <Button variant="primary">Explore themes</Button>
-          </ExploreThemesDialog>
-          <CreateThemeDialog>
-            <Button
-              variant="outline"
-              className="bg-bg-inverse/5"
-              prefix={<PlusIcon />}
-            >
-              Create theme
-            </Button>
-          </CreateThemeDialog>
-        </div>
-      </section> */}
-      <section className="py-8">
-        <Link
-          href="/themes"
-          className="text-fg-muted hover:text-fg mb-2 flex cursor-pointer items-center gap-1 text-sm"
-        >
-          <ArrowLeftIcon className="size-4" />
-          <span>
-            back to{" "}
-            <span className="[view-transition-name:themes-title]">themes</span>
-          </span>
-        </Link>
-        <ThemeSelect />
-        <div className="mt-6 space-y-6">
-          <Section title="Colors">
-            <Colors />
-          </Section>
-          <Section title="Typography">
-            <Typography />
-          </Section>
-          <Section title="Borders">
-            <Borders />
-          </Section>
-          <Section title="Iconography">
-            <Iconography />
-          </Section>
-          <Section title="Loader style" className="col-span-6">
-            <LoaderStyle />
-          </Section>
-          <Section title="Focus style" className="col-span-6">
-            <FocusStyle />
-          </Section>
-          <Section title="Button style" className="col-span-6">
-            <ButtonStyle />
-          </Section>
-          <Section title="Input style" className="col-span-6">
-            <InputStyle />
-          </Section>
-          <Section title="Picker style" className="col-span-6">
-            <PickerStyle />
-          </Section>
-          <Section title="Listbox style" className="col-span-6">
-            <ListBoxStyle />
-          </Section>
-          <Section title="Modal/Popover/Tooltip style" className="col-span-6">
-            <OverlayStyle />
-          </Section>
-          <Section title="Tabs style" className="col-span-6">
-            <TabsStyle />
-          </Section>
-        </div>
-      </section>
+    <div className="pb-20 pt-10">
+      <Link
+        href="/themes"
+        className="text-fg-muted hover:text-fg mb-2 flex cursor-pointer items-center gap-1 text-sm"
+      >
+        <ArrowLeftIcon className="size-4" />
+        <span>
+          {/* back to{" "} */}
+          <span className="[view-transition-name:themes-title]">themes</span>
+        </span>
+      </Link>
+      <ThemeSelect />
+      <div className="mt-6 space-y-6">
+        <Section title="Colors">
+          <Colors />
+        </Section>
+        <Section title="Typography">
+          <Typography />
+        </Section>
+        <Section title="Borders">
+          <Borders />
+        </Section>
+        <Section title="Iconography">
+          <Iconography />
+        </Section>
+        <Section title="Loader style" className="col-span-6">
+          <LoaderStyle />
+        </Section>
+        <Section title="Focus style" className="col-span-6">
+          <FocusStyle />
+        </Section>
+        <Section title="Button style" className="col-span-6">
+          <ButtonStyle />
+        </Section>
+        <Section title="Input style" className="col-span-6">
+          <InputStyle />
+        </Section>
+        <Section title="Picker style" className="col-span-6">
+          <PickerStyle />
+        </Section>
+        <Section title="Listbox style" className="col-span-6">
+          <ListBoxStyle />
+        </Section>
+        <Section title="Modal/Popover/Tooltip style" className="col-span-6">
+          <OverlayStyle />
+        </Section>
+        <Section title="Tabs style" className="col-span-6">
+          <TabsStyle />
+        </Section>
+      </div>
     </div>
   );
 }
@@ -112,7 +91,7 @@ const Section = ({
   className?: string;
 }) => {
   return (
-    <div className={cn("bg-bg-muted/40 rounded-md border p-4", className)}>
+    <div className={cn("", className)}>
       {title && (
         <h3 className="font-heading mb-4 text-lg font-semibold tracking-tighter">
           {title}
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 61b2a758e..3b2782d77 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -60,9 +60,9 @@ export default function HomePage() {
       <section className="container max-w-screen-2xl">
         <ThemesOverview />
       </section>
-      <section className="shadow-xs mt-10 border-y py-12 lg:py-8">
-        <div className="container flex flex-col items-center justify-between gap-5 lg:flex-row lg:gap-10">
-          <h2 className="text-fg-muted xs:text-base text-pretty font-mono text-sm tracking-tight lg:text-lg">
+      <section className="shadow-xs mt-10 py-12">
+        <div className="container flex flex-col items-center justify-center gap-5 lg:gap-10">
+          <h2 className="text-fg-muted xs:text-base text-pretty font-mono text-sm tracking-wide lg:text-base">
             Built on modern, battle-tested tools
           </h2>
           <div className="flex flex-wrap items-center justify-center gap-4 sm:gap-8">
@@ -110,10 +110,10 @@ export default function HomePage() {
       </section>
       {/* Call to action */}
       <section className="container max-w-2xl py-20 sm:py-32">
-        <h2 className="text-pretty text-2xl tracking-tighter lg:text-3xl xl:text-4xl">
-          Bringing <span className="text-fg-muted">singularity</span> to the
-          web.
-          <br /> Fueled by your <span className="text-fg-muted">stars</span>.
+        <h2 className="text-pretty text-2xl font-medium tracking-tighter lg:text-3xl xl:text-4xl">
+          {/* Bringing <span className="text-fg-muted">singularity</span> to the
+          web.<br /> */}
+          Fueled by your <span className="">stars</span>.
         </h2>
         <p className="text-fg-muted mt-2 text-base">
           Our contributors are working hard to make the web a more singular

From c5ab574862898854d1c6062e2b7ce75c311e21ef Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Thu, 13 Feb 2025 18:41:25 +0100
Subject: [PATCH 142/165] view transitions experiment

---
 www/src/app/(app)/themes/page.tsx             | 62 ++++++++++++++++++-
 .../themes/theme/components/theme-select.tsx  | 16 +++--
 .../themes/components/theme-provider.tsx      |  4 +-
 3 files changed, 75 insertions(+), 7 deletions(-)

diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index 82c2104b8..ffe273096 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -1,13 +1,71 @@
+"use client";
+
 import { Link } from "next-view-transitions";
+import { useMounted } from "@/hooks/use-mounted";
+import { Skeleton } from "@/registry/core/skeleton_basic";
+import { themes } from "@/registry/registry-themes";
+import { ThemeProvider } from "@/modules/themes/components/theme-provider";
 
 export default function Page() {
+  const isMounted = useMounted();
   return (
     <div className="pt-16">
       <h2 className="w-fit text-2xl font-semibold [view-transition-name:themes-title]">
         Themes
       </h2>
-      <div className="mt-6">
-        <Link href="/themes/theme">go to theme</Link>
+      <div className="group mt-10 grid grid-cols-2 gap-2">
+        {themes.map((theme) => (
+          <Link key={theme.name} href="/themes/theme">
+            <Skeleton show={!isMounted}>
+              <ThemeProvider
+                theme={theme}
+                className="overflow-hidden rounded-md border transition-opacity hover:!opacity-100 group-hover:opacity-50"
+              >
+                <div className="p-2">
+                  <p
+                    className="font-heading w-fit text-lg font-semibold"
+                    style={{ viewTransitionName: theme.name }}
+                  >
+                    {theme.label}
+                  </p>
+                  <ul className="text-fg-muted list-none text-sm">
+                    <li className="flex items-center gap-1 [&_svg]:size-4">
+                      {theme.foundations.dark && theme.foundations.light ? (
+                        <span>Light and dark mode.</span>
+                      ) : (
+                        <span>
+                          {theme.foundations.dark ? "Dark" : "Light"} mode only.
+                        </span>
+                      )}
+                    </li>
+                  </ul>
+                </div>
+                <div className="mt-2 grid grid-cols-10">
+                  {[...Array(10)].map((_, i) => (
+                    <div
+                      key={i}
+                      style={{
+                        backgroundColor: `var(--neutral-${(i + 1) * 100})`,
+                      }}
+                      className="h-4"
+                    ></div>
+                  ))}
+                </div>
+                <div className="grid grid-cols-10">
+                  {[...Array(10)].map((_, i) => (
+                    <div
+                      key={i}
+                      style={{
+                        backgroundColor: `var(--accent-${(i + 1) * 100})`,
+                      }}
+                      className="h-4"
+                    ></div>
+                  ))}
+                </div>
+              </ThemeProvider>
+            </Skeleton>
+          </Link>
+        ))}
       </div>
     </div>
   );
diff --git a/www/src/app/(app)/themes/theme/components/theme-select.tsx b/www/src/app/(app)/themes/theme/components/theme-select.tsx
index ab592f77d..7856a3d70 100644
--- a/www/src/app/(app)/themes/theme/components/theme-select.tsx
+++ b/www/src/app/(app)/themes/theme/components/theme-select.tsx
@@ -81,7 +81,8 @@ export function ThemeSelect({ className }: { className?: string }) {
       <div className={cn("flex items-center justify-between pl-1", className)}>
         <Skeleton show={isLoading}>
           <ThemeName
-            currentName={currentTheme.name}
+            currentName="forest"
+            // currentName={currentTheme.name}
             setCurrentName={setThemeName}
             isEditable={isCurrentThemeEditable}
           />
@@ -217,7 +218,10 @@ const ThemeName = ({
 
   if (!isEditable) {
     return (
-      <h2 className="font-heading pb-px text-2xl font-semibold">
+      <h2
+        className="font-heading w-fit pb-px text-2xl font-semibold"
+        style={{ viewTransitionName: currentName }}
+      >
         {currentName}
       </h2>
     );
@@ -237,7 +241,8 @@ const ThemeName = ({
           <UnstyledTextField value={inputValue} onChange={setInputValue}>
             <AutoResizeInput
               ref={inputRef}
-              className="font-heading w-auto text-2xl font-semibold"
+              className="font-heading w-fit text-2xl font-semibold"
+              style={{ viewTransitionName: currentName }}
             />
           </UnstyledTextField>
           <div className="flex items-center gap-1">
@@ -263,7 +268,10 @@ const ThemeName = ({
         </>
       ) : (
         <>
-          <h2 className="font-heading pb-px text-2xl font-semibold">
+          <h2
+            className="font-heading w-fit pb-px text-2xl font-semibold"
+            style={{ viewTransitionName: currentName }}
+          >
             {currentName}
           </h2>
           <Button
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index 338cacbd0..cdef918ee 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import { useTheme } from "next-themes";
 import { cn } from "@/lib/utils";
@@ -58,7 +60,7 @@ export const ThemeProvider = ({
               "--font-body": theme?.fonts?.body,
             } as React.CSSProperties
           }
-          className={cn("bg-bg text-fg font-body isolate", className)}
+          className={cn("bg-bg text-fg font-body", className)}
           suppressHydrationWarning
           {...props}
         >

From 2d289c0e1bfbd152015188cc2d91c1bff644efad Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 15 Feb 2025 00:55:27 +0100
Subject: [PATCH 143/165] theme page layout experiment

---
 pnpm-lock.yaml                                | 216 ++++++++++
 www/package.json                              |   1 +
 .../(app)/themes/[...name]/page.client.tsx    |   0
 www/src/app/(app)/themes/[...name]/page.tsx   | 380 ++++++++++++++++++
 www/src/app/(app)/themes/layout.tsx           |  37 +-
 www/src/app/(app)/themes/page.tsx             | 116 +++---
 www/src/app/(home)/page.tsx                   |   4 +-
 www/src/components/core/tabs.tsx              |   2 +-
 www/src/components/sidebar.tsx                |   4 +-
 .../themes/components/demos/button-demo.tsx   |  45 +++
 .../themes/components/demos/icons-demo.tsx    |  69 ++++
 .../components/demos/text-field-demo.tsx      |  34 ++
 .../components/demos/toggle-button-demo.tsx   |  42 ++
 .../themes/components/theme-provider.tsx      |   4 +-
 14 files changed, 888 insertions(+), 66 deletions(-)
 create mode 100644 www/src/app/(app)/themes/[...name]/page.client.tsx
 create mode 100644 www/src/app/(app)/themes/[...name]/page.tsx
 create mode 100644 www/src/modules/themes/components/demos/button-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/icons-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/text-field-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/toggle-button-demo.tsx

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a3c34277a..d7a141bae 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -262,6 +262,9 @@ importers:
       react-stately:
         specifier: ^3.31.0
         version: 3.34.0(react@19.0.0)
+      react-use:
+        specifier: ^17.6.0
+        version: 17.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       remark-gfm:
         specifier: ^4.0.0
         version: 4.0.0
@@ -2750,6 +2753,9 @@ packages:
   '@types/http-cache-semantics@4.0.4':
     resolution: {integrity: sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==}
 
+  '@types/js-cookie@2.2.7':
+    resolution: {integrity: sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
@@ -2873,6 +2879,9 @@ packages:
       vue-router:
         optional: true
 
+  '@xobotyi/scrollbar-width@1.9.5':
+    resolution: {integrity: sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==}
+
   JSONStream@1.3.5:
     resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
     hasBin: true
@@ -3203,6 +3212,9 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
+  copy-to-clipboard@3.3.3:
+    resolution: {integrity: sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==}
+
   cosmiconfig-typescript-loader@4.4.0:
     resolution: {integrity: sha512-BabizFdC3wBHhbI4kJh0VkQP9GkBfoHPydD0COMce1nJ1kJAB3F2TmJ/I7diULBKtmEWSwEbuN/KDtgnmUUVmw==}
     engines: {node: '>=v14.21.3'}
@@ -3240,6 +3252,13 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  css-in-js-utils@3.1.0:
+    resolution: {integrity: sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==}
+
+  css-tree@1.1.3:
+    resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
+    engines: {node: '>=8.0.0'}
+
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
@@ -3393,6 +3412,9 @@ packages:
   error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
 
+  error-stack-parser@2.1.4:
+    resolution: {integrity: sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==}
+
   es-abstract@1.23.9:
     resolution: {integrity: sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==}
     engines: {node: '>= 0.4'}
@@ -3594,9 +3616,15 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
+  fast-shallow-equal@1.0.0:
+    resolution: {integrity: sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw==}
+
   fast-uri@3.0.5:
     resolution: {integrity: sha512-5JnBCWpFlMo0a3ciDy/JckMzzv1U9coZrIhedq+HXxxUfDTAiS0LA8OKVao4G9BxmCVck/jtA5r3KAtRWEyD8Q==}
 
+  fastest-stable-stringify@2.0.2:
+    resolution: {integrity: sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q==}
+
   fastq@1.18.0:
     resolution: {integrity: sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==}
 
@@ -3918,6 +3946,9 @@ packages:
     resolution: {integrity: sha512-/1/GPCpDUCCYwlERiYjxoczfP0zfvZMU/OWgQPMya9AbAE24vseigFdhAMObpc8Q4lc/kjutPfUddDYyAmejnA==}
     engines: {node: '>=18.18.0'}
 
+  hyphenate-style-name@1.1.0:
+    resolution: {integrity: sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==}
+
   iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
@@ -3955,6 +3986,9 @@ packages:
   inline-style-parser@0.2.4:
     resolution: {integrity: sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==}
 
+  inline-style-prefixer@7.0.1:
+    resolution: {integrity: sha512-lhYo5qNTQp3EvSSp3sRvXMbVQTLrvGV6DycRMJ5dm2BLMiJ30wpXKdDdgX+GmJZ5uQMucwRKHamXSst3Sj/Giw==}
+
   internal-slot@1.1.0:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
@@ -4169,6 +4203,9 @@ packages:
     resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
     engines: {node: '>=10'}
 
+  js-cookie@2.2.1:
+    resolution: {integrity: sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==}
+
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -4454,6 +4491,9 @@ packages:
   mdast-util-to-string@4.0.0:
     resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
 
+  mdn-data@2.0.14:
+    resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
+
   meow@8.1.2:
     resolution: {integrity: sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==}
     engines: {node: '>=10'}
@@ -4645,6 +4685,12 @@ packages:
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
+  nano-css@5.6.2:
+    resolution: {integrity: sha512-+6bHaC8dSDGALM1HJjOHVXpuastdu2xFoZlC77Jh4cg+33Zcgm+Gxd+1xsnpZK14eyHObSp82+ll5y3SX75liw==}
+    peerDependencies:
+      react: '*'
+      react-dom: '*'
+
   nanoid@3.3.8:
     resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -5134,6 +5180,18 @@ packages:
       '@types/react':
         optional: true
 
+  react-universal-interface@0.6.2:
+    resolution: {integrity: sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==}
+    peerDependencies:
+      react: '*'
+      tslib: '*'
+
+  react-use@17.6.0:
+    resolution: {integrity: sha512-OmedEScUMKFfzn1Ir8dBxiLLSOzhKe/dPZwVxcujweSj45aNM7BEGPb9BEVIgVEqEXx6f3/TsXzwIktNgUR02g==}
+    peerDependencies:
+      react: '*'
+      react-dom: '*'
+
   react@19.0.0:
     resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
     engines: {node: '>=0.10.0'}
@@ -5231,6 +5289,9 @@ packages:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
 
+  resize-observer-polyfill@1.5.1:
+    resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
+
   resolve-alpn@1.2.1:
     resolution: {integrity: sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==}
 
@@ -5276,6 +5337,9 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  rtl-css-js@1.16.1:
+    resolution: {integrity: sha512-lRQgou1mu19e+Ya0LsTvKrVJ5TYUbqCVPAiImX3UfLTenarvPUl1QFdvu5Z3PYmHT9RCcwIfbjRQBntExyj3Zg==}
+
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
@@ -5300,6 +5364,10 @@ packages:
   scheduler@0.25.0:
     resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==}
 
+  screenfull@5.2.0:
+    resolution: {integrity: sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==}
+    engines: {node: '>=0.10.0'}
+
   scroll-into-view-if-needed@3.1.0:
     resolution: {integrity: sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==}
 
@@ -5336,6 +5404,10 @@ packages:
     resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
     engines: {node: '>= 0.4'}
 
+  set-harmonic-interval@1.0.1:
+    resolution: {integrity: sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==}
+    engines: {node: '>=6.9'}
+
   set-proto@1.0.0:
     resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
     engines: {node: '>= 0.4'}
@@ -5400,10 +5472,18 @@ packages:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  source-map@0.5.6:
+    resolution: {integrity: sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==}
+    engines: {node: '>=0.10.0'}
+
   source-map@0.5.7:
     resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
     engines: {node: '>=0.10.0'}
 
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
   source-map@0.7.4:
     resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
     engines: {node: '>= 8'}
@@ -5439,6 +5519,18 @@ packages:
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
+  stack-generator@2.0.10:
+    resolution: {integrity: sha512-mwnua/hkqM6pF4k8SnmZ2zfETsRUpWXREfA/goT8SLCV4iOFa4bzOX2nDipWAZFPTjLvQB82f5yaodMVhK0yJQ==}
+
+  stackframe@1.3.4:
+    resolution: {integrity: sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==}
+
+  stacktrace-gps@3.1.2:
+    resolution: {integrity: sha512-GcUgbO4Jsqqg6RxfyTHFiPxdPqF+3LFmQhm7MgCuYQOYuWyqxo5pwRPz5d/u6/WYJdEnWfK4r+jGbyD8TSggXQ==}
+
+  stacktrace-js@2.0.2:
+    resolution: {integrity: sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==}
+
   streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
@@ -5528,6 +5620,9 @@ packages:
       babel-plugin-macros:
         optional: true
 
+  stylis@4.3.6:
+    resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
+
   sucrase@3.35.0:
     resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -5584,6 +5679,10 @@ packages:
   thenify@3.3.1:
     resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
 
+  throttle-debounce@3.0.1:
+    resolution: {integrity: sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==}
+    engines: {node: '>=10'}
+
   through2@4.0.2:
     resolution: {integrity: sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==}
 
@@ -5609,6 +5708,9 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  toggle-selection@1.0.6:
+    resolution: {integrity: sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==}
+
   tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
 
@@ -5635,6 +5737,9 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4'
 
+  ts-easing@0.2.0:
+    resolution: {integrity: sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ==}
+
   ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
@@ -9197,6 +9302,8 @@ snapshots:
 
   '@types/http-cache-semantics@4.0.4': {}
 
+  '@types/js-cookie@2.2.7': {}
+
   '@types/json-schema@7.0.15': {}
 
   '@types/jsonfile@6.1.4':
@@ -9321,6 +9428,8 @@ snapshots:
       next: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react: 19.0.0
 
+  '@xobotyi/scrollbar-width@1.9.5': {}
+
   JSONStream@1.3.5:
     dependencies:
       jsonparse: 1.3.1
@@ -9674,6 +9783,10 @@ snapshots:
       meow: 8.1.2
       split2: 3.2.2
 
+  copy-to-clipboard@3.3.3:
+    dependencies:
+      toggle-selection: 1.0.6
+
   cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.7.3))(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.7.3))(typescript@5.7.3):
     dependencies:
       '@types/node': 20.5.1
@@ -9713,6 +9826,15 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  css-in-js-utils@3.1.0:
+    dependencies:
+      hyphenate-style-name: 1.1.0
+
+  css-tree@1.1.3:
+    dependencies:
+      mdn-data: 2.0.14
+      source-map: 0.6.1
+
   csstype@3.1.3: {}
 
   dargs@7.0.0: {}
@@ -9842,6 +9964,10 @@ snapshots:
     dependencies:
       is-arrayish: 0.2.1
 
+  error-stack-parser@2.1.4:
+    dependencies:
+      stackframe: 1.3.4
+
   es-abstract@1.23.9:
     dependencies:
       array-buffer-byte-length: 1.0.2
@@ -10225,8 +10351,12 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
+  fast-shallow-equal@1.0.0: {}
+
   fast-uri@3.0.5: {}
 
+  fastest-stable-stringify@2.0.2: {}
+
   fastq@1.18.0:
     dependencies:
       reusify: 1.0.4
@@ -10635,6 +10765,8 @@ snapshots:
 
   human-signals@8.0.0: {}
 
+  hyphenate-style-name@1.1.0: {}
+
   iconv-lite@0.4.24:
     dependencies:
       safer-buffer: 2.1.2
@@ -10662,6 +10794,10 @@ snapshots:
 
   inline-style-parser@0.2.4: {}
 
+  inline-style-prefixer@7.0.1:
+    dependencies:
+      css-in-js-utils: 3.1.0
+
   internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
@@ -10861,6 +10997,8 @@ snapshots:
 
   joycon@3.1.1: {}
 
+  js-cookie@2.2.1: {}
+
   js-tokens@4.0.0: {}
 
   js-yaml@3.14.1:
@@ -11201,6 +11339,8 @@ snapshots:
     dependencies:
       '@types/mdast': 4.0.4
 
+  mdn-data@2.0.14: {}
+
   meow@8.1.2:
     dependencies:
       '@types/minimist': 1.2.5
@@ -11546,6 +11686,19 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
+  nano-css@5.6.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+      css-tree: 1.1.3
+      csstype: 3.1.3
+      fastest-stable-stringify: 2.0.2
+      inline-style-prefixer: 7.0.1
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      rtl-css-js: 1.16.1
+      stacktrace-js: 2.0.2
+      stylis: 4.3.6
+
   nanoid@3.3.8: {}
 
   nanoid@5.0.9: {}
@@ -12110,6 +12263,30 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.4
 
+  react-universal-interface@0.6.2(react@19.0.0)(tslib@2.8.1):
+    dependencies:
+      react: 19.0.0
+      tslib: 2.8.1
+
+  react-use@17.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      '@types/js-cookie': 2.2.7
+      '@xobotyi/scrollbar-width': 1.9.5
+      copy-to-clipboard: 3.3.3
+      fast-deep-equal: 3.1.3
+      fast-shallow-equal: 1.0.0
+      js-cookie: 2.2.1
+      nano-css: 5.6.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      react-universal-interface: 0.6.2(react@19.0.0)(tslib@2.8.1)
+      resize-observer-polyfill: 1.5.1
+      screenfull: 5.2.0
+      set-harmonic-interval: 1.0.1
+      throttle-debounce: 3.0.1
+      ts-easing: 0.2.0
+      tslib: 2.8.1
+
   react@19.0.0: {}
 
   read-pkg-up@7.0.1:
@@ -12278,6 +12455,8 @@ snapshots:
 
   require-from-string@2.0.2: {}
 
+  resize-observer-polyfill@1.5.1: {}
+
   resolve-alpn@1.2.1: {}
 
   resolve-from@4.0.0: {}
@@ -12338,6 +12517,10 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.32.1
       fsevents: 2.3.3
 
+  rtl-css-js@1.16.1:
+    dependencies:
+      '@babel/runtime': 7.26.0
+
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
@@ -12367,6 +12550,8 @@ snapshots:
 
   scheduler@0.25.0: {}
 
+  screenfull@5.2.0: {}
+
   scroll-into-view-if-needed@3.1.0:
     dependencies:
       compute-scroll-into-view: 3.1.0
@@ -12407,6 +12592,8 @@ snapshots:
       functions-have-names: 1.2.3
       has-property-descriptors: 1.0.2
 
+  set-harmonic-interval@1.0.1: {}
+
   set-proto@1.0.0:
     dependencies:
       dunder-proto: 1.0.1
@@ -12504,8 +12691,12 @@ snapshots:
 
   source-map-js@1.2.1: {}
 
+  source-map@0.5.6: {}
+
   source-map@0.5.7: {}
 
+  source-map@0.6.1: {}
+
   source-map@0.7.4: {}
 
   source-map@0.8.0-beta.0:
@@ -12544,6 +12735,23 @@ snapshots:
 
   sprintf-js@1.0.3: {}
 
+  stack-generator@2.0.10:
+    dependencies:
+      stackframe: 1.3.4
+
+  stackframe@1.3.4: {}
+
+  stacktrace-gps@3.1.2:
+    dependencies:
+      source-map: 0.5.6
+      stackframe: 1.3.4
+
+  stacktrace-js@2.0.2:
+    dependencies:
+      error-stack-parser: 2.1.4
+      stack-generator: 2.0.10
+      stacktrace-gps: 3.1.2
+
   streamsearch@1.1.0: {}
 
   string-width@4.2.3:
@@ -12644,6 +12852,8 @@ snapshots:
       client-only: 0.0.1
       react: 19.0.0
 
+  stylis@4.3.6: {}
+
   sucrase@3.35.0:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.8
@@ -12693,6 +12903,8 @@ snapshots:
     dependencies:
       any-promise: 1.3.0
 
+  throttle-debounce@3.0.1: {}
+
   through2@4.0.2:
     dependencies:
       readable-stream: 3.6.2
@@ -12716,6 +12928,8 @@ snapshots:
     dependencies:
       is-number: 7.0.0
 
+  toggle-selection@1.0.6: {}
+
   tr46@0.0.3: {}
 
   tr46@1.0.1:
@@ -12734,6 +12948,8 @@ snapshots:
     dependencies:
       typescript: 5.7.3
 
+  ts-easing@0.2.0: {}
+
   ts-interface-checker@0.1.13: {}
 
   ts-morph@25.0.0:
diff --git a/www/package.json b/www/package.json
index 556f85014..bd89b84e2 100644
--- a/www/package.json
+++ b/www/package.json
@@ -53,6 +53,7 @@
     "react-hook-form": "^7.54.2",
     "react-resizable-panels": "^2.0.19",
     "react-stately": "^3.31.0",
+    "react-use": "^17.6.0",
     "remark-gfm": "^4.0.0",
     "sharp": "^0.33.2",
     "shiki": "^2.2.0",
diff --git a/www/src/app/(app)/themes/[...name]/page.client.tsx b/www/src/app/(app)/themes/[...name]/page.client.tsx
new file mode 100644
index 000000000..e69de29bb
diff --git a/www/src/app/(app)/themes/[...name]/page.tsx b/www/src/app/(app)/themes/[...name]/page.tsx
new file mode 100644
index 000000000..5418ddff4
--- /dev/null
+++ b/www/src/app/(app)/themes/[...name]/page.tsx
@@ -0,0 +1,380 @@
+"use client";
+
+import React from "react";
+import {
+  ArrowLeftIcon,
+  CheckIcon,
+  MoonIcon,
+  PenIcon,
+  SaveIcon,
+  SunIcon,
+} from "lucide-react";
+import { AnimatePresence, motion, Transition } from "motion/react";
+import { Link } from "next-view-transitions";
+import { useMeasure } from "react-use";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/core/button";
+import { Tabs, Tab, TabList } from "@/components/core/tabs";
+import { ToggleButton } from "@/components/core/toggle-button";
+import { Tooltip } from "@/components/core/tooltip";
+import { ButtonDemo } from "@/modules/themes/components/demos/button-demo";
+import { IconsDemo } from "@/modules/themes/components/demos/icons-demo";
+import { TextFieldDemo } from "@/modules/themes/components/demos/text-field-demo";
+import { ToggleButtonDemo } from "@/modules/themes/components/demos/toggle-button-demo";
+
+export default function ThemePage() {
+  const [isEditMode, setEditMode] = React.useState(false);
+
+  return (
+    <div className="pb-20 pt-10">
+      <Link
+        href="/themes"
+        className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
+      >
+        <ArrowLeftIcon className="size-4" />
+        <span>
+          <span className="[view-transition-name:themes-title]">themes</span>
+        </span>
+      </Link>
+      <div className="flex items-center justify-between">
+        <h2 className="text-3xl font-semibold tracking-tight">Forest</h2>
+        <div className="flex items-center gap-2">
+          <AnimatePresence>
+            {isEditMode && (
+              <motion.div
+                initial={{ width: 60, opacity: 0 }}
+                animate={{ width: 112, opacity: 1 }}
+                exit={{ width: 60, opacity: 0 }}
+                transition={TRANSITION}
+                className="overflow-hidden"
+              >
+                <Button
+                  prefix={<SaveIcon />}
+                  isDisabled
+                  className="w-full min-w-0"
+                >
+                  Save
+                </Button>
+              </motion.div>
+            )}
+          </AnimatePresence>
+          <Tooltip content="Edit mode" variant="inverse" showArrow>
+            <ToggleButton
+              isSelected={isEditMode}
+              onChange={setEditMode}
+              prefix={<PenIcon />}
+              variant="primary"
+              shape="rectangle"
+            >
+              Edit mode
+            </ToggleButton>
+          </Tooltip>
+        </div>
+      </div>
+      <div className="mt-12 space-y-10">
+        <Section
+          title="Colors"
+          description="Learn how to work with color system."
+          action={
+            <Tabs variant="solid">
+              <TabList className="[&_svg]:size-4">
+                <Tab id="light">
+                  <SunIcon />
+                </Tab>
+                <Tab id="dark">
+                  <MoonIcon />
+                </Tab>
+              </TabList>
+            </Tabs>
+          }
+          className="pt-4"
+        >
+          {/* {isEditMode ? (
+            <Container key="edit">
+              <p>edit colors here</p>
+            </Container>
+          ) : (
+            <Container key="view">
+              
+            </Container>
+          )} */}
+          <p className="font-medium tracking-tight">Core colors</p>
+          <div className="mt-1 flex gap-1">
+            <Item
+              className="bg-bg-neutral rounded-sm"
+              containerClassName=" ml-0! mr-0!"
+            />
+            <Item
+              className="bg-bg-accent rounded-sm"
+              containerClassName=" ml-0! mr-0!"
+            />
+          </div>
+          <div className="mt-1 space-y-1">
+            {[
+              { name: "neutral", label: "Neutral" },
+              { name: "accent", label: "Accent" },
+            ].map((shade) => (
+              <div key={shade.name} className="flex items-center gap-2">
+                <p className="text-fg-muted w-[60px] text-sm">{shade.label}</p>
+                <div className="flex flex-1">
+                  {Array.from({ length: 10 }).map((_, i) => (
+                    <Item
+                      key={i}
+                      style={{
+                        backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                      }}
+                      className="h-8 rounded-sm"
+                      containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
+                    />
+                  ))}
+                </div>
+              </div>
+            ))}
+          </div>
+          <p className="mt-4 font-medium tracking-tight">Semantic colors</p>
+          <div className="mt-1 flex gap-1">
+            {/* <Item className="bg-bg-info" /> */}
+            <Item
+              className="bg-bg-success rounded-sm"
+              containerClassName="ml-0! mr-0!"
+            />
+            <Item
+              className="bg-bg-warning rounded-sm"
+              containerClassName=" ml-0! mr-0!"
+            />
+            <Item
+              className="bg-bg-danger rounded-sm"
+              containerClassName=" ml-0! mr-0!"
+            />
+          </div>
+          <div className="mt-1 space-y-1">
+            {[
+              { name: "success", label: "Success" },
+              { name: "warning", label: "Warning" },
+              { name: "danger", label: "Danger" },
+              // { name: "info", label: "Info" },
+            ].map((shade) => (
+              <div key={shade.name} className="flex items-center gap-2">
+                <p className="text-fg-muted w-[60px] text-sm">{shade.label}</p>
+                <div className="flex flex-1">
+                  {Array.from({ length: 10 }).map((_, i) => (
+                    <Item
+                      key={i}
+                      style={{
+                        backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                      }}
+                      className="h-8 rounded-sm"
+                      containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
+                    />
+                  ))}
+                </div>
+              </div>
+            ))}
+          </div>
+        </Section>
+        <Section
+          title="Typography"
+          description="Rules of typesetting throughout the system."
+          className="pt-4"
+        >
+          <div className="font-heading space-y-1 font-bold tracking-tight">
+            <p className="text-5xl">Heading 5XL</p>
+            <p className="text-4xl">Heading 4XL</p>
+            <p className="text-3xl">Heading 3XL</p>
+            <p className="text-2xl">Heading 2XL</p>
+            <p className="text-xl">Heading XL</p>
+            <p className="text-lg">Heading LG</p>
+          </div>
+          <div className="font-body mt-4 space-y-0.5 tracking-tight">
+            <p className="text-xl">This is body content XL</p>
+            <p className="text-lg">This is body content LG</p>
+            <p className="text-base">This is body content base</p>
+            <p className="text-sm">This is body content sm</p>
+          </div>
+        </Section>
+        <Section
+          title="Iconography"
+          description="A collection of icons."
+          className="pt-4"
+        >
+          <IconsDemo />
+        </Section>
+        <Section
+          title="Components overview"
+          description="Components are the reusable primitives for creating user interfaces."
+          className="space-y-4 pt-4"
+        >
+          {/* Buttons */}
+          <ComponentSection title="Button">
+            <ButtonDemo />
+          </ComponentSection>
+          <ComponentSection title="Toggle Button">
+            <ToggleButtonDemo />
+          </ComponentSection>
+          {/* Inputs */}
+          <ComponentSection title="TextField">
+            <TextFieldDemo />
+          </ComponentSection>
+          <ComponentSection title="TextArea"></ComponentSection>
+          <ComponentSection title="SearchField"></ComponentSection>
+          <ComponentSection title="NumberField"></ComponentSection>
+          <ComponentSection title="Checkbox"></ComponentSection>
+          <ComponentSection title="Checkbox Group"></ComponentSection>
+          <ComponentSection title="Radio Group"></ComponentSection>
+          <ComponentSection title="Switch"></ComponentSection>
+          <ComponentSection title="Slider"></ComponentSection>
+          {/* Menus and selection */}
+          <ComponentSection title="ListBox"></ComponentSection>
+          <ComponentSection title="Menu"></ComponentSection>
+          <ComponentSection title="Select"></ComponentSection>
+          <ComponentSection title="Combobox"></ComponentSection>
+          <ComponentSection title="Tag Group"></ComponentSection>
+          <ComponentSection title="Command"></ComponentSection>
+          {/* Date and time */}
+          <ComponentSection title="Calendar"></ComponentSection>
+          <ComponentSection title="DatePicker"></ComponentSection>
+          <ComponentSection title="DateRangePicker"></ComponentSection>
+        </Section>
+      </div>
+    </div>
+  );
+}
+
+const ComponentSection = ({
+  title,
+  description,
+  action,
+  children,
+}: {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+}) => {
+  return (
+    <div className="overflow-hidden rounded-sm border">
+      <div className="bg-bg-muted/50 flex items-center justify-between gap-2 border-b px-4 py-2">
+        <div>
+          <h3 className="text-base font-medium">{title}</h3>
+          {description && (
+            <p className="text-fg-muted text-sm">{description}</p>
+          )}
+        </div>
+        {action}
+      </div>
+      <div className="p-4">{children}</div>
+    </div>
+  );
+};
+
+const TRANSITION: Transition = {
+  type: "spring",
+  bounce: 0,
+  duration: 0.25,
+};
+
+const Section = ({
+  title,
+  description,
+  action,
+  children,
+  className,
+}: {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+  className?: string;
+}) => {
+  const [ref, { height }] = useMeasure<HTMLDivElement>();
+  return (
+    <section>
+      <div className="flex items-start justify-between">
+        <div>
+          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
+          {description && (
+            <p className="text-fg-muted text-sm">{description}</p>
+          )}
+        </div>
+        {action}
+      </div>
+      <motion.div animate={{ height }} transition={TRANSITION}>
+        <div ref={ref}>
+          <div className={className}>{children}</div>
+        </div>
+      </motion.div>
+    </section>
+  );
+};
+
+const Container = ({
+  children,
+  className,
+}: {
+  children?: React.ReactNode;
+  className?: string;
+}) => {
+  return (
+    <motion.div
+      initial={false}
+      animate={{ opacity: 1, y: 0 }}
+      exit={{ opacity: 0 }}
+      transition={TRANSITION}
+      className={className}
+    >
+      {children}
+    </motion.div>
+  );
+};
+
+const Item = ({
+  containerClassName,
+  className,
+  style,
+}: {
+  containerClassName?: string;
+  className?: string;
+  style?: React.CSSProperties;
+}) => {
+  const [isCopied, setCopied] = React.useState(false);
+  const handleCopy = () => {
+    navigator.clipboard.writeText("#000000");
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1000);
+  };
+  return (
+    <button
+      onClick={handleCopy}
+      className={cn(
+        "not-last:-mr-4 not-first:-ml-4 relative h-12 flex-1",
+        containerClassName
+      )}
+    >
+      <div
+        className={cn(
+          "hover:h-22 duration-250 group absolute bottom-0 left-0 h-12 w-full cursor-pointer overflow-hidden rounded-t-2xl transition-[height]",
+          className
+        )}
+        style={style}
+      >
+        <div
+          className={cn(
+            "flex items-center justify-between p-2 text-sm opacity-0 transition-opacity group-hover:opacity-100",
+            isCopied && "opacity-0!"
+          )}
+        >
+          <p>Danger</p>
+          <p>#ff0000</p>
+        </div>
+        <div
+          className={cn(
+            "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 transition-opacity",
+            isCopied && "opacity-100"
+          )}
+        >
+          <CheckIcon className="text-fg-muted size-4" />
+        </div>
+      </div>
+    </button>
+  );
+};
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
index 230d37abf..f73377a6f 100644
--- a/www/src/app/(app)/themes/layout.tsx
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { usePathname } from "next/navigation";
 import { AnimatePresence, motion } from "motion/react";
 import { ViewTransitions } from "next-view-transitions";
 import { cn } from "@/lib/utils";
@@ -8,15 +9,17 @@ import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
 import { TableOfContents } from "@/components/docs/toc";
 import { useSidebarContext } from "@/components/sidebar";
-import { PreviewProvider } from "./theme/components/context";
-import { Preview } from "./theme/components/preview";
+import { PreviewProvider } from "@/app/(app)/themes/theme/components/context";
+import { Preview } from "@/app/(app)/themes/theme/components/preview";
 
 export default function ThemesLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  const [isOpen, setOpen] = React.useState(false);
+  const pathname = usePathname();
+  const [isOpenState, setOpen] = React.useState(false);
+  const isOpen = pathname === "/themes" ? false : isOpenState;
   const [screen, setScreen] = React.useState<"desktop" | "mobile">("desktop");
   const { isCollapsed } = useSidebarContext();
   const previewWidth = Math.min(
@@ -37,7 +40,7 @@ export default function ThemesLayout({
           <div className="relative flex-1">
             <div className={cn("container max-w-3xl")}>{children}</div>
           </div>
-          {isMounted && (
+          {isMounted && pathname !== "/themes" && (
             <motion.div
               initial={false}
               animate={{ width: isOpen ? 0 : 300 }}
@@ -52,12 +55,16 @@ export default function ThemesLayout({
               >
                 <TableOfContents
                   toc={[
-                    { depth: 2, title: "Foundations", url: "#foundations" },
-                    { depth: 3, title: "Colors", url: "#colors" },
-                    { depth: 3, title: "Typography", url: "#typography" },
-                    { depth: 3, title: "Spacing", url: "#spacing" },
-                    { depth: 3, title: "Radius", url: "#radius" },
-                    { depth: 3, title: "Icongraphy", url: "#iconography" },
+                    { depth: 2, title: "Colors", url: "#colors" },
+                    { depth: 3, title: "Core colors", url: "#core-colors" },
+                    {
+                      depth: 3,
+                      title: "Semantic colors",
+                      url: "#semantic-colors",
+                    },
+                    { depth: 2, title: "Typography", url: "#typography" },
+                    { depth: 2, title: "Icongraphy", url: "#iconography" },
+                    { depth: 2, title: "Layout", url: "#radius" },
                   ]}
                 />
               </motion.div>
@@ -91,17 +98,17 @@ export default function ThemesLayout({
               transition={{ type: "spring", bounce: 0, duration: 0.3 }}
               className="sticky right-0 top-0 z-10 flex h-[100svh] w-0 justify-end overflow-hidden"
             >
-              <div
-                style={{ width: previewWidth }}
-                // transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-                className="h-full p-4"
+              <motion.div
+                animate={{ width: previewWidth }}
+                transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+                className="h-full p-4 pl-0"
               >
                 <Preview
                   setOpen={setOpen}
                   screen={screen}
                   onScreenChange={setScreen}
                 />
-              </div>
+              </motion.div>
             </motion.div>
           </div>
         </div>
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index ffe273096..13380b46e 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -2,6 +2,8 @@
 
 import { Link } from "next-view-transitions";
 import { useMounted } from "@/hooks/use-mounted";
+import { Button } from "@/components/core/button";
+import { SearchField } from "@/components/core/search-field";
 import { Skeleton } from "@/registry/core/skeleton_basic";
 import { themes } from "@/registry/registry-themes";
 import { ThemeProvider } from "@/modules/themes/components/theme-provider";
@@ -9,62 +11,84 @@ import { ThemeProvider } from "@/modules/themes/components/theme-provider";
 export default function Page() {
   const isMounted = useMounted();
   return (
-    <div className="pt-16">
+    <div className="container max-w-3xl pt-16">
       <h2 className="w-fit text-2xl font-semibold [view-transition-name:themes-title]">
         Themes
       </h2>
-      <div className="group mt-10 grid grid-cols-2 gap-2">
+      <p className="text-fg-muted mt-2 text-base">
+        A theme provide a complete design system with carefully crafted colors,
+        typography, and chosen components.
+      </p>
+      <div className="mt-6 flex items-center gap-2">
+        <SearchField placeholder="Search themes..." className="flex-1" />
+        <Button variant="primary" className="">
+          Create theme
+        </Button>
+      </div>
+      <h3 className="mt-6 text-lg font-semibold">Your themes</h3>
+      <p className="text-fg-muted mt-1">No themes created yet!</p>
+      <h3 className="mt-6 text-lg font-semibold">Featured themes</h3>
+      <div className="group mt-4 grid grid-cols-2 gap-x-2 gap-y-4">
         {themes.map((theme) => (
-          <Link key={theme.name} href="/themes/theme">
+          <div
+            key={theme.name}
+            className="group/theme-card flex flex-col gap-1 transition-opacity hover:!opacity-100 group-hover:opacity-80"
+          >
             <Skeleton show={!isMounted}>
               <ThemeProvider
+                key={theme.name}
                 theme={theme}
-                className="overflow-hidden rounded-md border transition-opacity hover:!opacity-100 group-hover:opacity-50"
+                unstyled
+                className="text-fg"
               >
-                <div className="p-2">
-                  <p
-                    className="font-heading w-fit text-lg font-semibold"
-                    style={{ viewTransitionName: theme.name }}
-                  >
-                    {theme.label}
-                  </p>
-                  <ul className="text-fg-muted list-none text-sm">
-                    <li className="flex items-center gap-1 [&_svg]:size-4">
-                      {theme.foundations.dark && theme.foundations.light ? (
-                        <span>Light and dark mode.</span>
-                      ) : (
-                        <span>
-                          {theme.foundations.dark ? "Dark" : "Light"} mode only.
-                        </span>
-                      )}
-                    </li>
-                  </ul>
-                </div>
-                <div className="mt-2 grid grid-cols-10">
-                  {[...Array(10)].map((_, i) => (
-                    <div
-                      key={i}
-                      style={{
-                        backgroundColor: `var(--neutral-${(i + 1) * 100})`,
-                      }}
-                      className="h-4"
-                    ></div>
-                  ))}
-                </div>
-                <div className="grid grid-cols-10">
-                  {[...Array(10)].map((_, i) => (
-                    <div
-                      key={i}
-                      style={{
-                        backgroundColor: `var(--accent-${(i + 1) * 100})`,
-                      }}
-                      className="h-4"
-                    ></div>
-                  ))}
-                </div>
+                <Link
+                  href={`/themes/${theme.name}`}
+                  className="bg-bg flex flex-col items-start justify-start gap-0 overflow-hidden rounded-md border p-0"
+                >
+                  <div className="flex w-full items-start justify-between p-2">
+                    <div>
+                      <span className="block text-lg font-semibold">
+                        {theme.label}
+                      </span>
+                      <span className="text-fg-muted block text-sm">
+                        {theme.foundations.dark && theme.foundations.light ? (
+                          <span>Light and dark mode.</span>
+                        ) : (
+                          <span>
+                            {theme.foundations.dark ? "Dark" : "Light"} mode
+                            only.
+                          </span>
+                        )}
+                      </span>
+                    </div>
+                    {/* <RadioIndicator /> */}
+                  </div>
+                  <div className="grid w-full grid-cols-10">
+                    {[...Array(10)].map((_, i) => (
+                      <div
+                        key={i}
+                        style={{
+                          backgroundColor: `var(--neutral-${(i + 1) * 100})`,
+                        }}
+                        className="h-4"
+                      ></div>
+                    ))}
+                  </div>
+                  <div className="grid w-full grid-cols-10">
+                    {[...Array(10)].map((_, i) => (
+                      <div
+                        key={i}
+                        style={{
+                          backgroundColor: `var(--accent-${(i + 1) * 100})`,
+                        }}
+                        className="h-4"
+                      ></div>
+                    ))}
+                  </div>
+                </Link>
               </ThemeProvider>
             </Skeleton>
-          </Link>
+          </div>
         ))}
       </div>
     </div>
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 3b2782d77..d2978701a 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -60,10 +60,10 @@ export default function HomePage() {
       <section className="container max-w-screen-2xl">
         <ThemesOverview />
       </section>
-      <section className="shadow-xs mt-10 py-12">
+      <section className="shadow-xs mt-10 border-y py-12">
         <div className="container flex flex-col items-center justify-center gap-5 lg:gap-10">
           <h2 className="text-fg-muted xs:text-base text-pretty font-mono text-sm tracking-wide lg:text-base">
-            Built on modern, battle-tested tools
+            Built on modern tools
           </h2>
           <div className="flex flex-wrap items-center justify-center gap-4 sm:gap-8">
             {[
diff --git a/www/src/components/core/tabs.tsx b/www/src/components/core/tabs.tsx
index 807ee82f3..ca897ce0f 100644
--- a/www/src/components/core/tabs.tsx
+++ b/www/src/components/core/tabs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/tabs_basic";
+export * from "@/registry/core/tabs_motion";
diff --git a/www/src/components/sidebar.tsx b/www/src/components/sidebar.tsx
index cb35fee68..2e4c501ad 100644
--- a/www/src/components/sidebar.tsx
+++ b/www/src/components/sidebar.tsx
@@ -197,7 +197,9 @@ export const SidebarProvider = ({
   children: React.ReactNode;
 }) => {
   const pathname = usePathname();
-  const [isCollapsed, setCollapsed] = React.useState(pathname === "/themes");
+  const [isCollapsed, setCollapsed] = React.useState(
+    pathname.startsWith("/themes")
+  );
   return (
     <SidebarContext value={{ isCollapsed, setCollapsed }}>
       {children}
diff --git a/www/src/modules/themes/components/demos/button-demo.tsx b/www/src/modules/themes/components/demos/button-demo.tsx
new file mode 100644
index 000000000..0af98be72
--- /dev/null
+++ b/www/src/modules/themes/components/demos/button-demo.tsx
@@ -0,0 +1,45 @@
+import { ArrowRightIcon, SendIcon } from "lucide-react";
+import { Button } from "@/components/dynamic-core/button";
+
+export function ButtonDemo() {
+  return (
+    <div className="flex flex-col gap-6">
+      {([{ label: "Medium", size: "md" }] as const).map(({ size }) => (
+        <div key={size} className="flex flex-row flex-wrap items-center gap-2">
+          <Button size={size}>Default</Button>
+          <Button variant="outline" size={size}>
+            Outline
+          </Button>
+          <Button variant="accent" size={size}>
+            Accent
+          </Button>
+          <Button variant="quiet" size={size}>
+            Quiet
+          </Button>
+          <Button variant="primary" size={size}>
+            Primary
+          </Button>
+          <Button variant="danger">Danger</Button>
+          <Button variant="success" size={size}>
+            Success
+          </Button>
+          <Button variant="warning" size={size}>
+            Warning
+          </Button>
+          <Button prefix={<SendIcon />} size={size}>
+            Send
+          </Button>
+          <Button suffix={<ArrowRightIcon />} size={size}>
+            Learn More
+          </Button>
+          <Button isDisabled size={size}>
+            Disabled
+          </Button>
+          <Button isPending size={size}>
+            Pending
+          </Button>
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/icons-demo.tsx b/www/src/modules/themes/components/demos/icons-demo.tsx
new file mode 100644
index 000000000..d1a25ce70
--- /dev/null
+++ b/www/src/modules/themes/components/demos/icons-demo.tsx
@@ -0,0 +1,69 @@
+import {
+  ActivityIcon,
+  AlertCircleIcon,
+  ArrowRightIcon,
+  BellIcon,
+  BookmarkIcon,
+  CalendarIcon,
+  CheckIcon,
+  ClockIcon,
+  CloudIcon,
+  CreditCardIcon,
+  FileIcon,
+  FilterIcon,
+  FlagIcon,
+  HeartIcon,
+  HomeIcon,
+  ImageIcon,
+  LinkIcon,
+  MailIcon,
+  MapPinIcon,
+  MessageCircleIcon,
+  MoonIcon,
+  MusicIcon,
+  SearchIcon,
+  SettingsIcon,
+  ShareIcon,
+  StarIcon,
+  SunIcon,
+  TrashIcon,
+  UserIcon,
+  ZapIcon,
+} from "lucide-react";
+
+export function IconsDemo() {
+  return (
+    <div className="flex flex-wrap gap-2 [&_svg]:size-6">
+      <ActivityIcon />
+      <AlertCircleIcon />
+      <ArrowRightIcon />
+      <BellIcon />
+      <BookmarkIcon />
+      <CalendarIcon />
+      <CheckIcon />
+      <ClockIcon />
+      <CloudIcon />
+      <CreditCardIcon />
+      <FileIcon />
+      <FilterIcon />
+      <FlagIcon />
+      <HeartIcon />
+      <HomeIcon />
+      <ImageIcon />
+      <LinkIcon />
+      <MailIcon />
+      <MapPinIcon />
+      <MessageCircleIcon />
+      <MoonIcon />
+      <MusicIcon />
+      <SearchIcon />
+      <SettingsIcon />
+      <ShareIcon />
+      <StarIcon />
+      <SunIcon />
+      <TrashIcon />
+      <UserIcon />
+      <ZapIcon />
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/text-field-demo.tsx b/www/src/modules/themes/components/demos/text-field-demo.tsx
new file mode 100644
index 000000000..1d2757ea7
--- /dev/null
+++ b/www/src/modules/themes/components/demos/text-field-demo.tsx
@@ -0,0 +1,34 @@
+import { TextField } from "@/components/dynamic-core/text-field";
+
+export function TextFieldDemo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <div className="flex flex-col gap-4">
+        <TextField placeholder="hello@mehdibha.com" className="w-full" />
+        <TextField
+          label="Email"
+          description="Enter your email"
+          className="w-full"
+        />
+      </div>
+      <div className="flex flex-col gap-4">
+        <TextField
+          aria-label="https://"
+          prefix={<span>https://</span>}
+          className="w-full"
+        />
+        <TextField
+          aria-label="@dotui.org"
+          suffix={<span>@dotui.org</span>}
+          className="w-full"
+        />
+        <TextField
+          label="Email"
+          isInvalid
+          errorMessage="This email is already taken."
+          className="w-full"
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/toggle-button-demo.tsx b/www/src/modules/themes/components/demos/toggle-button-demo.tsx
new file mode 100644
index 000000000..b4008fd0e
--- /dev/null
+++ b/www/src/modules/themes/components/demos/toggle-button-demo.tsx
@@ -0,0 +1,42 @@
+import {
+  BoldIcon,
+  BookmarkIcon,
+  Edit2Icon,
+  ItalicIcon,
+  PinIcon,
+} from "lucide-react";
+import { ToggleButton } from "@/components/dynamic-core/toggle-button";
+
+export function ToggleButtonDemo() {
+  return (
+    <div className="flex flex-wrap items-center gap-2">
+      <ToggleButton variant="primary" aria-label="Toggle pin" shape="square">
+        <PinIcon />
+      </ToggleButton>
+      <ToggleButton variant="accent" aria-label="Toggle bold">
+        <BoldIcon />
+      </ToggleButton>
+      <ToggleButton prefix={<Edit2Icon />} shape="rectangle">
+        Edit mode
+      </ToggleButton>
+      <ToggleButton aria-label="Toggle " isDisabled>
+        <BoldIcon />
+      </ToggleButton>
+      <ToggleButton
+        aria-label="Toggle italic"
+        shape="rectangle"
+        prefix={<ItalicIcon />}
+        defaultSelected
+      >
+        Italic
+      </ToggleButton>
+      <ToggleButton
+        aria-label="Toggle book"
+        variant="primary"
+        className="selected:[&_svg]:fill-fg-onPrimary"
+      >
+        <BookmarkIcon />
+      </ToggleButton>
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index cdef918ee..2d6221c8c 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -16,6 +16,7 @@ interface ThemeProviderProps
     | ((mode: "light" | "dark" | undefined) => React.ReactNode);
   mode?: "light" | "dark";
   theme?: Theme;
+  unstyled?: boolean;
 }
 export const ThemeProvider = ({
   theme,
@@ -23,6 +24,7 @@ export const ThemeProvider = ({
   children,
   className,
   style,
+  unstyled = false,
   ...props
 }: ThemeProviderProps) => {
   const { resolvedTheme } = useTheme();
@@ -60,7 +62,7 @@ export const ThemeProvider = ({
               "--font-body": theme?.fonts?.body,
             } as React.CSSProperties
           }
-          className={cn("bg-bg text-fg font-body", className)}
+          className={cn(!unstyled && "bg-bg text-fg font-body", className)}
           suppressHydrationWarning
           {...props}
         >

From cd684cb6ff0978b823e152fdee2155280fb1e9be Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 15 Feb 2025 18:06:57 +0100
Subject: [PATCH 144/165] wip theme page

---
 www/src/app/(app)/themes/[...name]/page.tsx   | 118 ++++++++++++------
 www/src/app/(app)/themes/page.tsx             |   4 +-
 .../themes/components/demos/calendar-demo.tsx |  12 ++
 .../themes/components/demos/checkbox-demo.tsx |  15 +++
 .../themes/components/demos/combobox-demo.tsx |  16 +++
 .../themes/components/demos/command-demo.tsx  |   5 +
 .../components/demos/date-picker-demo.tsx     |  10 ++
 .../demos/date-range-picker-demo.tsx          |  10 ++
 .../themes/components/demos/listbox-demo.tsx  |  21 ++++
 .../themes/components/demos/menu-demo.tsx     |  28 +++++
 .../components/demos/number-field-demo.tsx    |  17 +++
 .../components/demos/radio-group-demo.tsx     |  23 ++++
 .../components/demos/search-field-demo.tsx    |  10 ++
 .../themes/components/demos/select-demo.tsx   |  19 +++
 .../themes/components/demos/slider-demo.tsx   |  11 ++
 .../themes/components/demos/switch-demo.tsx   |  12 ++
 .../components/demos/tag-group-demo.tsx       |   5 +
 .../components/demos/text-area-demo.tsx       |  57 +++++++++
 .../components/demos/text-field-demo.tsx      |   8 ++
 19 files changed, 365 insertions(+), 36 deletions(-)
 create mode 100644 www/src/modules/themes/components/demos/calendar-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/checkbox-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/combobox-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/command-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/date-picker-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/date-range-picker-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/listbox-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/menu-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/number-field-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/radio-group-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/search-field-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/select-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/slider-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/switch-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/tag-group-demo.tsx
 create mode 100644 www/src/modules/themes/components/demos/text-area-demo.tsx

diff --git a/www/src/app/(app)/themes/[...name]/page.tsx b/www/src/app/(app)/themes/[...name]/page.tsx
index 5418ddff4..66cdfabca 100644
--- a/www/src/app/(app)/themes/[...name]/page.tsx
+++ b/www/src/app/(app)/themes/[...name]/page.tsx
@@ -18,7 +18,23 @@ import { Tabs, Tab, TabList } from "@/components/core/tabs";
 import { ToggleButton } from "@/components/core/toggle-button";
 import { Tooltip } from "@/components/core/tooltip";
 import { ButtonDemo } from "@/modules/themes/components/demos/button-demo";
+import { CalendarDemo } from "@/modules/themes/components/demos/calendar-demo";
+import { CheckboxDemo } from "@/modules/themes/components/demos/checkbox-demo";
+import { ComboboxDemo } from "@/modules/themes/components/demos/combobox-demo";
+import { CommandDemo } from "@/modules/themes/components/demos/command-demo";
+import { DatePickerDemo } from "@/modules/themes/components/demos/date-picker-demo";
+import { DateRangePickerDemo } from "@/modules/themes/components/demos/date-range-picker-demo";
 import { IconsDemo } from "@/modules/themes/components/demos/icons-demo";
+import { ListBoxDemo } from "@/modules/themes/components/demos/listbox-demo";
+import { MenuDemo } from "@/modules/themes/components/demos/menu-demo";
+import { NumberFieldDemo } from "@/modules/themes/components/demos/number-field-demo";
+import { RadioGroupDemo } from "@/modules/themes/components/demos/radio-group-demo";
+import { SearchFieldDemo } from "@/modules/themes/components/demos/search-field-demo";
+import { SelectDemo } from "@/modules/themes/components/demos/select-demo";
+import { SliderDemo } from "@/modules/themes/components/demos/slider-demo";
+import { SwitchDemo } from "@/modules/themes/components/demos/switch-demo";
+import { TagGroupDemo } from "@/modules/themes/components/demos/tag-group-demo";
+import { TextAreaDemo } from "@/modules/themes/components/demos/text-area-demo";
 import { TextFieldDemo } from "@/modules/themes/components/demos/text-field-demo";
 import { ToggleButtonDemo } from "@/modules/themes/components/demos/toggle-button-demo";
 
@@ -215,25 +231,57 @@ export default function ThemePage() {
           <ComponentSection title="TextField">
             <TextFieldDemo />
           </ComponentSection>
-          <ComponentSection title="TextArea"></ComponentSection>
-          <ComponentSection title="SearchField"></ComponentSection>
-          <ComponentSection title="NumberField"></ComponentSection>
-          <ComponentSection title="Checkbox"></ComponentSection>
+          <ComponentSection title="TextArea">
+            <TextAreaDemo />
+          </ComponentSection>
+          <ComponentSection title="SearchField">
+            <SearchFieldDemo />
+          </ComponentSection>
+          <ComponentSection title="NumberField">
+            <NumberFieldDemo />
+          </ComponentSection>
+          <ComponentSection title="Checkbox">
+            <CheckboxDemo />
+          </ComponentSection>
           <ComponentSection title="Checkbox Group"></ComponentSection>
-          <ComponentSection title="Radio Group"></ComponentSection>
-          <ComponentSection title="Switch"></ComponentSection>
-          <ComponentSection title="Slider"></ComponentSection>
+          <ComponentSection title="Radio Group">
+            <RadioGroupDemo />
+          </ComponentSection>
+          <ComponentSection title="Switch">
+            <SwitchDemo />
+          </ComponentSection>
+          <ComponentSection title="Slider">
+            <SliderDemo />
+          </ComponentSection>
           {/* Menus and selection */}
-          <ComponentSection title="ListBox"></ComponentSection>
-          <ComponentSection title="Menu"></ComponentSection>
-          <ComponentSection title="Select"></ComponentSection>
-          <ComponentSection title="Combobox"></ComponentSection>
-          <ComponentSection title="Tag Group"></ComponentSection>
-          <ComponentSection title="Command"></ComponentSection>
+          <ComponentSection title="ListBox">
+            <ListBoxDemo />
+          </ComponentSection>
+          <ComponentSection title="Menu">
+            <MenuDemo />
+          </ComponentSection>
+          <ComponentSection title="Select">
+            <SelectDemo />
+          </ComponentSection>
+          <ComponentSection title="Combobox">
+            <ComboboxDemo />
+          </ComponentSection>
+          <ComponentSection title="Tag Group">
+            <TagGroupDemo />
+          </ComponentSection>
+          <ComponentSection title="Command">
+            <CommandDemo />
+          </ComponentSection>
           {/* Date and time */}
-          <ComponentSection title="Calendar"></ComponentSection>
-          <ComponentSection title="DatePicker"></ComponentSection>
-          <ComponentSection title="DateRangePicker"></ComponentSection>
+          <ComponentSection title="Calendar">
+            <CalendarDemo />
+          </ComponentSection>
+          <ComponentSection title="DatePicker">
+            <DatePickerDemo />
+          </ComponentSection>
+          <ComponentSection title="DateRangePicker">
+            <DateRangePickerDemo />
+          </ComponentSection>
         </Section>
       </div>
     </div>
@@ -307,25 +355,25 @@ const Section = ({
   );
 };
 
-const Container = ({
-  children,
-  className,
-}: {
-  children?: React.ReactNode;
-  className?: string;
-}) => {
-  return (
-    <motion.div
-      initial={false}
-      animate={{ opacity: 1, y: 0 }}
-      exit={{ opacity: 0 }}
-      transition={TRANSITION}
-      className={className}
-    >
-      {children}
-    </motion.div>
-  );
-};
+// const Container = ({
+//   children,
+//   className,
+// }: {
+//   children?: React.ReactNode;
+//   className?: string;
+// }) => {
+//   return (
+//     <motion.div
+//       initial={false}
+//       animate={{ opacity: 1, y: 0 }}
+//       exit={{ opacity: 0 }}
+//       transition={TRANSITION}
+//       className={className}
+//     >
+//       {children}
+//     </motion.div>
+//   );
+// };
 
 const Item = ({
   containerClassName,
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index 13380b46e..f1036120b 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { ListFilterIcon } from "lucide-react";
 import { Link } from "next-view-transitions";
 import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
@@ -11,7 +12,7 @@ import { ThemeProvider } from "@/modules/themes/components/theme-provider";
 export default function Page() {
   const isMounted = useMounted();
   return (
-    <div className="container max-w-3xl pt-16">
+    <div className="container max-w-3xl pb-36 pt-16">
       <h2 className="w-fit text-2xl font-semibold [view-transition-name:themes-title]">
         Themes
       </h2>
@@ -21,6 +22,7 @@ export default function Page() {
       </p>
       <div className="mt-6 flex items-center gap-2">
         <SearchField placeholder="Search themes..." className="flex-1" />
+        <Button prefix={<ListFilterIcon />}>Filter</Button>
         <Button variant="primary" className="">
           Create theme
         </Button>
diff --git a/www/src/modules/themes/components/demos/calendar-demo.tsx b/www/src/modules/themes/components/demos/calendar-demo.tsx
new file mode 100644
index 000000000..5052ce9fa
--- /dev/null
+++ b/www/src/modules/themes/components/demos/calendar-demo.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+import React from "react";
+import { Calendar } from "@/components/dynamic-core/calendar";
+
+export function CalendarDemo() {
+  return (
+    <div>
+      <Calendar aria-label="Select date" className="rounded-lg border" />
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/checkbox-demo.tsx b/www/src/modules/themes/components/demos/checkbox-demo.tsx
new file mode 100644
index 000000000..9139de4c8
--- /dev/null
+++ b/www/src/modules/themes/components/demos/checkbox-demo.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import React from "react";
+import { Checkbox } from "@/components/dynamic-core/checkbox";
+
+export function CheckboxDemo() {
+  return (
+    <div className="flex flex-wrap gap-4">
+      <Checkbox>Default checkbox</Checkbox>
+      <Checkbox isDisabled>Disabled checkbox</Checkbox>
+      <Checkbox isIndeterminate>Indeterminate</Checkbox>
+      <Checkbox appearance="card">Controlled checkbox</Checkbox>
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/combobox-demo.tsx b/www/src/modules/themes/components/demos/combobox-demo.tsx
new file mode 100644
index 000000000..fe6805e98
--- /dev/null
+++ b/www/src/modules/themes/components/demos/combobox-demo.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import React from "react";
+import { Combobox, ComboboxItem } from "@/components/dynamic-core/combobox";
+
+export function ComboboxDemo() {
+  return (
+    <div className="flex gap-4">
+      <Combobox label="Basic combobox">
+        <ComboboxItem id="1">Option 1</ComboboxItem>
+        <ComboboxItem id="2">Option 2</ComboboxItem>
+        <ComboboxItem id="3">Option 3</ComboboxItem>
+      </Combobox>
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/command-demo.tsx b/www/src/modules/themes/components/demos/command-demo.tsx
new file mode 100644
index 000000000..4ec67f223
--- /dev/null
+++ b/www/src/modules/themes/components/demos/command-demo.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export function CommandDemo() {
+  return <div>demo</div>;
+}
diff --git a/www/src/modules/themes/components/demos/date-picker-demo.tsx b/www/src/modules/themes/components/demos/date-picker-demo.tsx
new file mode 100644
index 000000000..05b740b53
--- /dev/null
+++ b/www/src/modules/themes/components/demos/date-picker-demo.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import { DatePicker } from "@/components/dynamic-core/date-picker";
+
+export function DatePickerDemo() {
+  return (
+    <div className="flex gap-4">
+      <DatePicker label="Select date" />
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/date-range-picker-demo.tsx b/www/src/modules/themes/components/demos/date-range-picker-demo.tsx
new file mode 100644
index 000000000..75a66947e
--- /dev/null
+++ b/www/src/modules/themes/components/demos/date-range-picker-demo.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import { DateRangePicker } from "@/components/dynamic-core/date-range-picker";
+
+export function DateRangePickerDemo() {
+  return (
+    <div className="flex gap-4">
+      <DateRangePicker label="Select date range" />
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/listbox-demo.tsx b/www/src/modules/themes/components/demos/listbox-demo.tsx
new file mode 100644
index 000000000..609b43044
--- /dev/null
+++ b/www/src/modules/themes/components/demos/listbox-demo.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import { FileIcon, FolderIcon, ImageIcon } from "lucide-react";
+import { ListBox, ListBoxItem } from "@/components/dynamic-core/list-box";
+
+export function ListBoxDemo() {
+  return (
+    <div className="flex gap-8">
+      <ListBox aria-label="File types" selectionMode="single" className="w-48">
+        <ListBoxItem textValue="Documents" prefix={<FolderIcon />}>
+          Documents
+        </ListBoxItem>
+        <ListBoxItem textValue="Images" prefix={<ImageIcon />}>
+          Images
+        </ListBoxItem>
+        <ListBoxItem textValue="Files" isDisabled prefix={<FileIcon />}>
+          Files
+        </ListBoxItem>
+      </ListBox>
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/menu-demo.tsx b/www/src/modules/themes/components/demos/menu-demo.tsx
new file mode 100644
index 000000000..713e4d274
--- /dev/null
+++ b/www/src/modules/themes/components/demos/menu-demo.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+import { CopyIcon, TrashIcon, EditIcon } from "lucide-react";
+import { Button } from "@/components/dynamic-core/button";
+import { Menu, MenuItem, MenuRoot } from "@/components/dynamic-core/menu";
+
+export function MenuDemo() {
+  return (
+    <div className="flex gap-4">
+      <MenuRoot>
+        <Button>Open Menu</Button>
+        <Menu>
+          <MenuItem textValue="Copy">
+            <CopyIcon className="mr-2 size-4" />
+            Copy
+          </MenuItem>
+          <MenuItem textValue="Edit">
+            <EditIcon className="mr-2 size-4" />
+            Edit
+          </MenuItem>
+          <MenuItem textValue="Delete" className="text-danger">
+            <TrashIcon className="mr-2 size-4" />
+            Delete
+          </MenuItem>
+        </Menu>
+      </MenuRoot>
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/number-field-demo.tsx b/www/src/modules/themes/components/demos/number-field-demo.tsx
new file mode 100644
index 000000000..1352de8d8
--- /dev/null
+++ b/www/src/modules/themes/components/demos/number-field-demo.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { NumberField } from "@/components/dynamic-core/number-field";
+
+export function NumberFieldDemo() {
+  return (
+    <div className="flex gap-4">
+      <NumberField label="Default" />
+      <NumberField
+        label="With limits"
+        minValue={0}
+        maxValue={100}
+        defaultValue={50}
+      />
+      <NumberField label="Disabled" isDisabled />
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/radio-group-demo.tsx b/www/src/modules/themes/components/demos/radio-group-demo.tsx
new file mode 100644
index 000000000..aff4ff5bd
--- /dev/null
+++ b/www/src/modules/themes/components/demos/radio-group-demo.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import { RadioGroup, Radio } from "@/components/dynamic-core/radio-group";
+
+export function RadioGroupDemo() {
+  return (
+    <div className="flex flex-col gap-4">
+      <RadioGroup label="Favorite fruit">
+        <Radio value="1">Apple</Radio>
+        <Radio value="2">Banana</Radio>
+        <Radio value="3">Orange</Radio>
+        <Radio value="4" isDisabled>
+          Grape
+        </Radio>
+      </RadioGroup>
+
+      <RadioGroup orientation="horizontal" label="Size">
+        <Radio value="sm">Small</Radio>
+        <Radio value="md">Medium</Radio>
+        <Radio value="lg">Large</Radio>
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/search-field-demo.tsx b/www/src/modules/themes/components/demos/search-field-demo.tsx
new file mode 100644
index 000000000..08002e8a3
--- /dev/null
+++ b/www/src/modules/themes/components/demos/search-field-demo.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import { SearchField } from "@/components/dynamic-core/search-field";
+
+export function SearchFieldDemo() {
+  return (
+    <div className="flex flex-col gap-4">
+      <SearchField placeholder="Search..." />
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/select-demo.tsx b/www/src/modules/themes/components/demos/select-demo.tsx
new file mode 100644
index 000000000..385b8d890
--- /dev/null
+++ b/www/src/modules/themes/components/demos/select-demo.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import { Select, SelectItem } from "@/components/core/select";
+
+export function SelectDemo() {
+  return (
+    <div className="flex gap-4">
+      <Select label="Default select">
+        <SelectItem id="1">Option 1</SelectItem>
+        <SelectItem id="2">Option 2</SelectItem>
+        <SelectItem id="3">Option 3</SelectItem>
+      </Select>
+
+      <Select label="Disabled select" isDisabled>
+        <SelectItem id="1">Option 1</SelectItem>
+        <SelectItem id="2">Option 2</SelectItem>
+      </Select>
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/slider-demo.tsx b/www/src/modules/themes/components/demos/slider-demo.tsx
new file mode 100644
index 000000000..fa188783d
--- /dev/null
+++ b/www/src/modules/themes/components/demos/slider-demo.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { Slider } from "@/components/dynamic-core/slider";
+
+export function SliderDemo() {
+  return (
+    <div className="flex flex-col gap-8">
+      <Slider label="Default slider" defaultValue={30} />
+      <Slider label="Disabled" defaultValue={60} isDisabled />
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/switch-demo.tsx b/www/src/modules/themes/components/demos/switch-demo.tsx
new file mode 100644
index 000000000..1eeb4560c
--- /dev/null
+++ b/www/src/modules/themes/components/demos/switch-demo.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { Switch } from "@/components/core/switch";
+
+export function SwitchDemo() {
+  return (
+    <div className="flex gap-4">
+      <Switch>Default switch</Switch>
+      <Switch isSelected>Selected switch</Switch>
+      <Switch isDisabled>Disabled switch</Switch>
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/tag-group-demo.tsx b/www/src/modules/themes/components/demos/tag-group-demo.tsx
new file mode 100644
index 000000000..323ac94d0
--- /dev/null
+++ b/www/src/modules/themes/components/demos/tag-group-demo.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export function TagGroupDemo() {
+  return <div>demo</div>;
+}
diff --git a/www/src/modules/themes/components/demos/text-area-demo.tsx b/www/src/modules/themes/components/demos/text-area-demo.tsx
new file mode 100644
index 000000000..8d1433664
--- /dev/null
+++ b/www/src/modules/themes/components/demos/text-area-demo.tsx
@@ -0,0 +1,57 @@
+import { Button } from "@/components/dynamic-core/button";
+import { TextArea } from "@/components/dynamic-core/text-area";
+
+export function TextAreaDemo() {
+  return (
+    <div className="grid grid-cols-2 gap-4">
+      <div className="flex flex-col gap-4">
+        <TextArea
+          label="Description"
+          description="Type your description"
+          className="w-full"
+        />
+        <TextArea
+          label="Comment"
+          isInvalid
+          errorMessage="You have exceeded the comment limit for one hour."
+          className="w-full"
+        />
+      </div>
+      <div className="flex flex-col gap-4">
+        <TextArea
+          label="Comment"
+          placeholder="type something here"
+          className="w-full"
+          prefix={
+            <div className="flex items-center gap-1">
+              <Button
+                variant="quiet"
+                shape="square"
+                size="sm"
+                className="size-7"
+              >
+                👍
+              </Button>
+              <Button
+                variant="quiet"
+                shape="square"
+                size="sm"
+                className="size-7"
+              >
+                ❤️
+              </Button>
+            </div>
+          }
+          suffix={
+            <div className="flex items-center justify-end">
+              <Button variant="primary" size="sm" className="h-7">
+                Comment
+              </Button>
+            </div>
+          }
+        />
+        <TextArea label="Comment" isDisabled className="w-full" />
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/demos/text-field-demo.tsx b/www/src/modules/themes/components/demos/text-field-demo.tsx
index 1d2757ea7..921c032b0 100644
--- a/www/src/modules/themes/components/demos/text-field-demo.tsx
+++ b/www/src/modules/themes/components/demos/text-field-demo.tsx
@@ -1,3 +1,4 @@
+import { EyeOffIcon } from "lucide-react";
 import { TextField } from "@/components/dynamic-core/text-field";
 
 export function TextFieldDemo() {
@@ -5,6 +6,13 @@ export function TextFieldDemo() {
     <div className="grid grid-cols-2 gap-4">
       <div className="flex flex-col gap-4">
         <TextField placeholder="hello@mehdibha.com" className="w-full" />
+        <TextField
+          aria-label="Password"
+          type="password"
+          defaultValue="123456"
+          suffix={<EyeOffIcon />}
+          className="w-full"
+        />
         <TextField
           label="Email"
           description="Enter your email"

From c66fd614cc0b9f0cf6705ab8a4249b6ab25d61db Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 17 Feb 2025 14:10:48 +0100
Subject: [PATCH 145/165] wip themes

---
 .../docs/components/buttons/button-group.mdx  |  21 --
 .../buttons/toggle-button-group.mdx           |  21 --
 .../[...name] => themes-old/[name]}/page.tsx  |   0
 www/src/app/(app)/themes-old/layout.tsx       | 115 ++++++
 .../app/(app)/{themes => themes-old}/page.tsx |   0
 .../components => themes-old}/preview.tsx     |  16 +-
 .../(app)/themes/[...name]/page.client.tsx    |   0
 www/src/app/(app)/themes/layout.tsx           | 118 -------
 .../(app)/themes/theme/components/borders.tsx |  55 ---
 .../themes/theme/components/button-style.tsx  |  68 ----
 .../(app)/themes/theme/components/buttons.tsx |  22 --
 .../themes/theme/components/clone-theme.tsx   |  65 ----
 .../(app)/themes/theme/components/colors.tsx  | 190 ----------
 .../(app)/themes/theme/components/context.tsx |  31 --
 .../themes/theme/components/copy-theme.tsx    |  16 -
 .../themes/theme/components/create-theme.tsx  |  64 ----
 .../themes/theme/components/delete-theme.tsx  |  52 ---
 .../theme/components/explore-themes.tsx       | 119 -------
 .../themes/theme/components/focus-style.tsx   |  60 ----
 .../themes/theme/components/iconography.tsx   |  22 --
 .../themes/theme/components/input-style.tsx   |  66 ----
 .../themes/theme/components/listbox-style.tsx |  70 ----
 .../themes/theme/components/loader-style.tsx  |  76 ----
 .../themes/theme/components/overlay-style.tsx |  66 ----
 .../themes/theme/components/picker-style.tsx  |  71 ----
 .../themes/theme/components/tabs-style.tsx    |  66 ----
 .../themes/theme/components/theme-select.tsx  | 328 ------------------
 .../themes/theme/components/typography.tsx    |  58 ----
 www/src/app/(app)/themes/theme/page.tsx       | 103 ------
 .../{ => [themeName]}/(auth)/layout.tsx       |   0
 .../{ => [themeName]}/(auth)/login/page.tsx   |   2 +-
 .../(auth)/register/page.tsx                  |   0
 .../{ => [themeName]}/(marketing)/layout.tsx  |   0
 .../{ => [themeName]}/(marketing)/page.tsx    |   2 +-
 .../(marketing)/pricing/page.tsx              |   0
 .../preview/{ => [themeName]}/app/layout.tsx  |   0
 .../{ => [themeName]}/app/overview/page.tsx   |   0
 .../{ => [themeName]}/hooks/use-api.ts        |   0
 .../(preview)/preview/[themeName]/layout.tsx  |  21 ++
 .../preview/[themeName]/theme-updater.tsx     |  18 +
 www/src/app/(preview)/preview/layout.tsx      |  20 --
 www/src/components/docs/component-preview.tsx |  47 +--
 .../components/current-theme-provider.tsx     |  17 +
 .../themes/components/demos/icons-demo.tsx    |   2 +-
 .../themes/components/theme-provider.tsx      |   2 +-
 45 files changed, 194 insertions(+), 1896 deletions(-)
 delete mode 100644 www/content/docs/components/buttons/button-group.mdx
 delete mode 100644 www/content/docs/components/buttons/toggle-button-group.mdx
 rename www/src/app/(app)/{themes/[...name] => themes-old/[name]}/page.tsx (100%)
 create mode 100644 www/src/app/(app)/themes-old/layout.tsx
 rename www/src/app/(app)/{themes => themes-old}/page.tsx (100%)
 rename www/src/app/(app)/{themes/theme/components => themes-old}/preview.tsx (84%)
 delete mode 100644 www/src/app/(app)/themes/[...name]/page.client.tsx
 delete mode 100644 www/src/app/(app)/themes/layout.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/borders.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/button-style.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/buttons.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/clone-theme.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/colors.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/context.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/copy-theme.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/create-theme.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/delete-theme.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/explore-themes.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/focus-style.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/iconography.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/input-style.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/listbox-style.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/loader-style.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/overlay-style.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/picker-style.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/tabs-style.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/theme-select.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/components/typography.tsx
 delete mode 100644 www/src/app/(app)/themes/theme/page.tsx
 rename www/src/app/(preview)/preview/{ => [themeName]}/(auth)/layout.tsx (100%)
 rename www/src/app/(preview)/preview/{ => [themeName]}/(auth)/login/page.tsx (94%)
 rename www/src/app/(preview)/preview/{ => [themeName]}/(auth)/register/page.tsx (100%)
 rename www/src/app/(preview)/preview/{ => [themeName]}/(marketing)/layout.tsx (100%)
 rename www/src/app/(preview)/preview/{ => [themeName]}/(marketing)/page.tsx (93%)
 rename www/src/app/(preview)/preview/{ => [themeName]}/(marketing)/pricing/page.tsx (100%)
 rename www/src/app/(preview)/preview/{ => [themeName]}/app/layout.tsx (100%)
 rename www/src/app/(preview)/preview/{ => [themeName]}/app/overview/page.tsx (100%)
 rename www/src/app/(preview)/preview/{ => [themeName]}/hooks/use-api.ts (100%)
 create mode 100644 www/src/app/(preview)/preview/[themeName]/layout.tsx
 create mode 100644 www/src/app/(preview)/preview/[themeName]/theme-updater.tsx
 delete mode 100644 www/src/app/(preview)/preview/layout.tsx
 create mode 100644 www/src/modules/themes/components/current-theme-provider.tsx

diff --git a/www/content/docs/components/buttons/button-group.mdx b/www/content/docs/components/buttons/button-group.mdx
deleted file mode 100644
index 9a038dd53..000000000
--- a/www/content/docs/components/buttons/button-group.mdx
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Button Group
-description: A Button Group is a group of buttons that are visually grouped together.
-links:
-  - label: Aria docs
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
-  - label: Report an issue
-    href: https://github.com/mehdibha/dotUI/issues/new/choose
-  - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
----
-
-<ComponentPreview name="button-group/default" />
-
-## Installation
-
-```package-install
-npx dotui-cli@latest add button-group
-```
diff --git a/www/content/docs/components/buttons/toggle-button-group.mdx b/www/content/docs/components/buttons/toggle-button-group.mdx
deleted file mode 100644
index e782d5133..000000000
--- a/www/content/docs/components/buttons/toggle-button-group.mdx
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Toggle Button Group
-description: A toggle button group allows a user to toggle multiple options, with single or multiple selection.
-links:
-  - label: Aria docs
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html
-  - label: Aria API Reference
-    href: https://react-spectrum.adobe.com/react-aria/ToggleButtonGroup.html#props
-  - label: Report an issue
-    href: https://github.com/mehdibha/dotUI/issues/new/choose
-  - label: Edit this page
-    href: https://github.com/mehdibha/dotUI/tree/main/content/components/buttons/toggle-button-group.mdx?plain=1
----
-
-<ComponentPreview name="toggle-button-group/default" />
-
-## Installation
-
-```package-install
-npx dotui-cli@latest add toggle-button-group
-```
diff --git a/www/src/app/(app)/themes/[...name]/page.tsx b/www/src/app/(app)/themes-old/[name]/page.tsx
similarity index 100%
rename from www/src/app/(app)/themes/[...name]/page.tsx
rename to www/src/app/(app)/themes-old/[name]/page.tsx
diff --git a/www/src/app/(app)/themes-old/layout.tsx b/www/src/app/(app)/themes-old/layout.tsx
new file mode 100644
index 000000000..2551980c7
--- /dev/null
+++ b/www/src/app/(app)/themes-old/layout.tsx
@@ -0,0 +1,115 @@
+"use client";
+
+import React from "react";
+import { usePathname } from "next/navigation";
+import { AnimatePresence, motion } from "motion/react";
+import { ViewTransitions } from "next-view-transitions";
+import { cn } from "@/lib/utils";
+import { useMounted } from "@/hooks/use-mounted";
+import { Button } from "@/components/core/button";
+import { TableOfContents } from "@/components/docs/toc";
+import { useSidebarContext } from "@/components/sidebar";
+import { Preview } from "@/app/(app)/themes-old/preview";
+
+export default function ThemesLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const pathname = usePathname();
+  const [isOpen, setOpen] = React.useState(false);
+  const [screen, setScreen] = React.useState<"desktop" | "mobile">("desktop");
+  const { isCollapsed } = useSidebarContext();
+  const previewWidth = Math.min(
+    screen === "mobile" ? 420 : 700,
+    isCollapsed ? 700 : 600
+  );
+  const containerWidth = isOpen ? previewWidth : 0;
+  const isMounted = useMounted();
+
+  React.useEffect(() => {
+    setOpen(true);
+  }, []);
+
+  return (
+    <ViewTransitions>
+      <div className={cn("max-w-screen-3xl relative mx-auto flex")}>
+        <div className="relative flex-1">
+          <div className={cn("container max-w-3xl")}>{children}</div>
+        </div>
+        {isMounted && pathname !== "/themes" && (
+          <motion.div
+            initial={false}
+            animate={{ width: isOpen ? 0 : 300 }}
+            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+            className="sticky right-0 top-0 z-0 h-[100svh] w-0 overflow-hidden"
+          >
+            <motion.div
+              initial={false}
+              animate={{ width: 300, opacity: isOpen ? 0 : 1 }}
+              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+              className="h-full pt-10"
+            >
+              <TableOfContents
+                toc={[
+                  { depth: 2, title: "Colors", url: "#colors" },
+                  { depth: 3, title: "Core colors", url: "#core-colors" },
+                  {
+                    depth: 3,
+                    title: "Semantic colors",
+                    url: "#semantic-colors",
+                  },
+                  { depth: 2, title: "Typography", url: "#typography" },
+                  { depth: 2, title: "Icongraphy", url: "#iconography" },
+                  { depth: 2, title: "Layout", url: "#radius" },
+                ]}
+              />
+            </motion.div>
+          </motion.div>
+        )}
+        <div className="relative">
+          <div className="absolute -left-2 top-5 -translate-x-full">
+            <AnimatePresence>
+              {!isOpen && isMounted && (
+                <motion.div
+                  initial={{ opacity: 0.8, x: 100 }}
+                  animate={{ opacity: 1, x: 0 }}
+                  exit={{ opacity: 0.8, x: 100 }}
+                  transition={{ duration: 0.2 }}
+                >
+                  <Button
+                    variant="default"
+                    size="sm"
+                    onPress={() => setOpen(true)}
+                    className="bg-bg-inverse/5 sticky top-0 border"
+                  >
+                    Preview
+                  </Button>
+                </motion.div>
+              )}
+            </AnimatePresence>
+          </div>
+          <motion.div
+            initial={false}
+            animate={{ width: containerWidth }}
+            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+            className="sticky right-0 top-0 z-10 flex h-[100svh] w-0 justify-end overflow-hidden"
+          >
+            <motion.div
+              animate={{ width: previewWidth }}
+              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+              className="h-full p-4 pl-0"
+            >
+              <Preview
+                themeName={pathname.split("/").pop()!}
+                setOpen={setOpen}
+                screen={screen}
+                onScreenChange={setScreen}
+              />
+            </motion.div>
+          </motion.div>
+        </div>
+      </div>
+    </ViewTransitions>
+  );
+}
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes-old/page.tsx
similarity index 100%
rename from www/src/app/(app)/themes/page.tsx
rename to www/src/app/(app)/themes-old/page.tsx
diff --git a/www/src/app/(app)/themes/theme/components/preview.tsx b/www/src/app/(app)/themes-old/preview.tsx
similarity index 84%
rename from www/src/app/(app)/themes/theme/components/preview.tsx
rename to www/src/app/(app)/themes-old/preview.tsx
index 9788a5052..05e1624b6 100644
--- a/www/src/app/(app)/themes/theme/components/preview.tsx
+++ b/www/src/app/(app)/themes-old/preview.tsx
@@ -13,18 +13,32 @@ import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 
 export function Preview({
+  themeName: initialThemeName,
   setOpen,
   screen,
   onScreenChange,
 }: {
+  themeName: string;
   setOpen: (open: boolean) => void;
   screen: "desktop" | "mobile";
   onScreenChange: (screen: "desktop" | "mobile") => void;
 }) {
+  const [themeName, setThemeName] = React.useState(initialThemeName);
   const iframeRef = React.useRef<HTMLIFrameElement>(null);
   const [iframeIsLoading, setIframeLoading] = React.useState(true);
   const [currentPathname, setCurrentPathname] = React.useState("");
 
+  React.useEffect(() => {
+    if (iframeRef.current && iframeRef.current.contentWindow) {
+      setThemeName(initialThemeName);
+      iframeRef.current.contentWindow.postMessage(
+        { type: "UPDATE_THEME", themeName },
+        "*" // Replace '*' with the iframe's origin for security
+      );
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [initialThemeName]);
+
   const reload = () => {
     if (iframeRef.current) {
       setIframeLoading(true);
@@ -134,7 +148,7 @@ export function Preview({
       </div>
       <iframe
         ref={iframeRef}
-        src="/preview"
+        src={`/preview/${themeName}`}
         className="rounded-{inherit] size-full"
         onLoad={() => {
           setIframeLoading(false);
diff --git a/www/src/app/(app)/themes/[...name]/page.client.tsx b/www/src/app/(app)/themes/[...name]/page.client.tsx
deleted file mode 100644
index e69de29bb..000000000
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
deleted file mode 100644
index f73377a6f..000000000
--- a/www/src/app/(app)/themes/layout.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-"use client";
-
-import React from "react";
-import { usePathname } from "next/navigation";
-import { AnimatePresence, motion } from "motion/react";
-import { ViewTransitions } from "next-view-transitions";
-import { cn } from "@/lib/utils";
-import { useMounted } from "@/hooks/use-mounted";
-import { Button } from "@/components/core/button";
-import { TableOfContents } from "@/components/docs/toc";
-import { useSidebarContext } from "@/components/sidebar";
-import { PreviewProvider } from "@/app/(app)/themes/theme/components/context";
-import { Preview } from "@/app/(app)/themes/theme/components/preview";
-
-export default function ThemesLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  const pathname = usePathname();
-  const [isOpenState, setOpen] = React.useState(false);
-  const isOpen = pathname === "/themes" ? false : isOpenState;
-  const [screen, setScreen] = React.useState<"desktop" | "mobile">("desktop");
-  const { isCollapsed } = useSidebarContext();
-  const previewWidth = Math.min(
-    screen === "mobile" ? 420 : 700,
-    isCollapsed ? 700 : 600
-  );
-  const containerWidth = isOpen ? previewWidth : 0;
-  const isMounted = useMounted();
-
-  React.useEffect(() => {
-    setOpen(true);
-  }, []);
-
-  return (
-    <ViewTransitions>
-      <PreviewProvider>
-        <div className={cn("max-w-screen-3xl relative mx-auto flex")}>
-          <div className="relative flex-1">
-            <div className={cn("container max-w-3xl")}>{children}</div>
-          </div>
-          {isMounted && pathname !== "/themes" && (
-            <motion.div
-              initial={false}
-              animate={{ width: isOpen ? 0 : 300 }}
-              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-              className="sticky right-0 top-0 z-0 h-[100svh] w-0 overflow-hidden"
-            >
-              <motion.div
-                initial={false}
-                animate={{ width: 300, opacity: isOpen ? 0 : 1 }}
-                transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-                className="h-full pt-10"
-              >
-                <TableOfContents
-                  toc={[
-                    { depth: 2, title: "Colors", url: "#colors" },
-                    { depth: 3, title: "Core colors", url: "#core-colors" },
-                    {
-                      depth: 3,
-                      title: "Semantic colors",
-                      url: "#semantic-colors",
-                    },
-                    { depth: 2, title: "Typography", url: "#typography" },
-                    { depth: 2, title: "Icongraphy", url: "#iconography" },
-                    { depth: 2, title: "Layout", url: "#radius" },
-                  ]}
-                />
-              </motion.div>
-            </motion.div>
-          )}
-          <div className="relative">
-            <div className="absolute -left-2 top-5 -translate-x-full">
-              <AnimatePresence>
-                {!isOpen && isMounted && (
-                  <motion.div
-                    initial={{ opacity: 0.8, x: 100 }}
-                    animate={{ opacity: 1, x: 0 }}
-                    exit={{ opacity: 0.8, x: 100 }}
-                    transition={{ duration: 0.2 }}
-                  >
-                    <Button
-                      variant="default"
-                      size="sm"
-                      onPress={() => setOpen(true)}
-                      className="bg-bg-inverse/5 sticky top-0 border"
-                    >
-                      Preview
-                    </Button>
-                  </motion.div>
-                )}
-              </AnimatePresence>
-            </div>
-            <motion.div
-              initial={false}
-              animate={{ width: containerWidth }}
-              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-              className="sticky right-0 top-0 z-10 flex h-[100svh] w-0 justify-end overflow-hidden"
-            >
-              <motion.div
-                animate={{ width: previewWidth }}
-                transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-                className="h-full p-4 pl-0"
-              >
-                <Preview
-                  setOpen={setOpen}
-                  screen={screen}
-                  onScreenChange={setScreen}
-                />
-              </motion.div>
-            </motion.div>
-          </div>
-        </div>
-      </PreviewProvider>
-    </ViewTransitions>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/borders.tsx b/www/src/app/(app)/themes/theme/components/borders.tsx
deleted file mode 100644
index 04bf657a0..000000000
--- a/www/src/app/(app)/themes/theme/components/borders.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-"use client";
-
-import React from "react";
-import { useThemes } from "@/hooks/use-themes";
-import { Label } from "@/components/core/field";
-import { Skeleton } from "@/components/core/skeleton";
-import {
-  SliderFiller,
-  SliderRoot,
-  SliderThumb,
-  SliderTrack,
-  SliderValueLabel,
-} from "@/components/core/slider";
-import { usePreview } from "./context";
-
-export function Borders() {
-  const {
-    isLoading,
-    currentTheme,
-    isCurrentThemeEditable,
-    handleRadiusChange,
-  } = useThemes();
-  const { setPreview } = usePreview();
-
-  return (
-    <Skeleton show={isLoading}>
-      <SliderRoot
-        minValue={0}
-        maxValue={1.2}
-        step={0.1}
-        value={currentTheme.radius}
-        onChange={(value) => {
-          handleRadiusChange(value as number);
-        }}
-        isDisabled={!isCurrentThemeEditable}
-        className="w-full!"
-      >
-        <div className="flex items-center justify-between">
-          <Label>Radius (rem)</Label>
-          <SliderValueLabel />
-        </div>
-        <div>
-          <SliderTrack>
-            <SliderFiller />
-            <SliderThumb
-              onFocusChange={(isFocused) => {
-                setPreview(isFocused ? "borders" : null);
-              }}
-            />
-          </SliderTrack>
-        </div>
-      </SliderRoot>
-    </Skeleton>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/button-style.tsx b/www/src/app/(app)/themes/theme/components/button-style.tsx
deleted file mode 100644
index 7b61de01b..000000000
--- a/www/src/app/(app)/themes/theme/components/button-style.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-"use client";
-
-import { useThemes } from "@/hooks/use-themes";
-import { Radio, RadioGroup } from "@/components/core/radio-group";
-import ButtonVariants from "@/components/demos/button/variants";
-import ToggleButtonVariants from "@/components/demos/toggle-button/variants";
-import { ThemeOverride } from "@/components/docs/theme-override";
-
-const variants = [
-  {
-    label: "Button 1",
-    value: "button-01",
-    description: "Minimalistic design.",
-  },
-  {
-    label: "Button 2",
-    value: "button-02",
-    description: "Subtle hover outline.",
-  },
-  {
-    label: "Button 3",
-    value: "button-03",
-    description: "Brutalism design",
-  },
-  {
-    label: "Button 4",
-    value: "button-04",
-    description: "With ripple effect, uses framer-motion.",
-  },
-];
-
-export function ButtonStyle() {
-  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
-  return (
-    <div className="flex justify-between gap-6">
-      <RadioGroup
-        variant="card"
-        orientation="vertical"
-        value={currentTheme.variants["button"]}
-        onChange={(value) => updateVariant("button", value)}
-        isDisabled={!isCurrentThemeEditable}
-        className="min-w-60"
-      >
-        {variants.map((variant) => (
-          <Radio
-            key={variant.value}
-            value={variant.value}
-            aria-label={variant.label}
-            className="gap-8"
-          >
-            <div>
-              {variant.label}
-              {variant.description && (
-                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
-                  {variant.description}
-                </div>
-              )}
-            </div>
-          </Radio>
-        ))}
-      </RadioGroup>
-      <ThemeOverride className="flex w-full flex-col-reverse items-center justify-center gap-6 rounded-md border p-4">
-        <ButtonVariants />
-        <ToggleButtonVariants />
-      </ThemeOverride>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/buttons.tsx b/www/src/app/(app)/themes/theme/components/buttons.tsx
deleted file mode 100644
index 2b10c4429..000000000
--- a/www/src/app/(app)/themes/theme/components/buttons.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import { ColorPicker } from "@/components/core/color-picker";
-import { Label } from "@/components/core/field";
-
-export const ButtonsCustomizer = () => {
-  return (
-    <div className="rounded-lg border p-6">
-      <h3 className="text-lg font-semibold">Buttons</h3>
-      {/* 200px 1fr */}
-      <div className="mt-4">
-        <div className="flex flex-col items-start gap-2">
-          <Label>Primary background</Label>
-          <ColorPicker shape="rectangle">
-            {({ color }) => <>{color.toString("hsl")}</>}
-          </ColorPicker>
-        </div>
-        <div className="rounded-lg"></div>
-      </div>
-    </div>
-  );
-};
diff --git a/www/src/app/(app)/themes/theme/components/clone-theme.tsx b/www/src/app/(app)/themes/theme/components/clone-theme.tsx
deleted file mode 100644
index cbd95feff..000000000
--- a/www/src/app/(app)/themes/theme/components/clone-theme.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from "react";
-import { useThemes } from "@/hooks/use-themes";
-import { Button } from "@/components/core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-  DialogRootProps,
-} from "@/components/core/dialog";
-import { Form } from "@/components/core/form";
-import { TextField } from "@/components/core/text-field";
-
-export const CloneThemeDialog = ({
-  children,
-  ...props
-}: Omit<DialogRootProps, "children"> & { children?: React.ReactNode }) => {
-  const [name, setName] = React.useState("");
-  const { cloneTheme, currentThemeId } = useThemes();
-  return (
-    <DialogRoot {...props}>
-      {children}
-      <Dialog title="Clone theme">
-        {({ close }) => (
-          <Form
-            onSubmit={(e) => {
-              e.preventDefault();
-              cloneTheme(currentThemeId, { name });
-              setName("");
-              close();
-            }}
-          >
-            <TextField
-              autoFocus
-              label="Name"
-              isRequired
-              value={name}
-              onChange={setName}
-              className="w-full"
-            />
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size="sm"
-                onPress={() => {
-                  setName("");
-                  close();
-                }}
-              >
-                Cancel
-              </Button>
-              <Button
-                type="submit"
-                variant="primary"
-                size="sm"
-                isDisabled={!name}
-              >
-                Save theme
-              </Button>
-            </DialogFooter>
-          </Form>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-};
diff --git a/www/src/app/(app)/themes/theme/components/colors.tsx b/www/src/app/(app)/themes/theme/components/colors.tsx
deleted file mode 100644
index bfcb93b9d..000000000
--- a/www/src/app/(app)/themes/theme/components/colors.tsx
+++ /dev/null
@@ -1,190 +0,0 @@
-"use client";
-
-import React from "react";
-import { Button as AriaButton } from "react-aria-components";
-import { focusRing } from "@/lib/focus-styles";
-import { cn } from "@/lib/utils";
-import { useThemes } from "@/hooks/use-themes";
-import {
-  ColorPickerEditor,
-  ColorPicker,
-  ColorPickerRoot,
-} from "@/components/core/color-picker";
-import { ColorSwatch } from "@/components/core/color-swatch";
-import { Dialog, DialogRoot } from "@/components/core/dialog";
-import { Label } from "@/components/core/field";
-import { Skeleton } from "@/components/core/skeleton";
-import { Slider } from "@/components/core/slider";
-import { Tag, TagGroup } from "@/components/core/tag-group";
-import { Tooltip } from "@/components/core/tooltip";
-import { BaseColor } from "@/types/theme";
-import { usePreview } from "./context";
-
-export const Colors = (props: React.HTMLAttributes<HTMLDivElement>) => {
-  const {
-    isLoading,
-    currentTheme,
-    isCurrentThemeEditable,
-    mode,
-    setMode,
-    handleBaseColorChange,
-    handleColorConfigChange,
-  } = useThemes();
-  const { setPreview } = usePreview();
-
-  return (
-    <div {...props} className={cn("space-y-6", props.className)}>
-      <Skeleton show={isLoading}>
-        <TagGroup
-          label="Mode"
-          selectedKeys={[mode]}
-          onSelectionChange={(keys) =>
-            setMode([...keys][0] as "light" | "dark")
-          }
-          selectionMode="single"
-          disallowEmptySelection
-          className="mt-2"
-          size="sm"
-        >
-          <Tag id="light" className="px-4">
-            Light
-          </Tag>
-          <Tag id="dark" className="px-4">
-            Dark
-          </Tag>
-        </TagGroup>
-      </Skeleton>
-      <div>
-        <Label>Base colors</Label>
-        <div className="mt-2 flex flex-wrap gap-2">
-          {(
-            [
-              {
-                label: "Neutral",
-                value: "neutral",
-                color: currentTheme.colors[mode].neutral.baseColor,
-              },
-              {
-                label: "Success",
-                value: "success",
-                color: currentTheme.colors[mode].success.baseColor,
-              },
-              {
-                label: "Warning",
-                value: "warning",
-                color: currentTheme.colors[mode].warning.baseColor,
-              },
-              {
-                label: "Danger",
-                value: "danger",
-                color: currentTheme.colors[mode].danger.baseColor,
-              },
-              {
-                label: "Accent",
-                value: "accent",
-                color: currentTheme.colors[mode].accent.baseColor,
-              },
-            ] as const
-          ).map((colorBase) => (
-            <Skeleton key={colorBase.value} show={isLoading}>
-              <ColorPicker
-                size="sm"
-                shape="rectangle"
-                value={colorBase.color}
-                onChange={(value) =>
-                  handleBaseColorChange(colorBase.value, value.toString())
-                }
-                aria-label={colorBase.label}
-                onOpenChange={(isOpen) => {
-                  setPreview(isOpen ? `color-${colorBase.value}` : null);
-                }}
-                isDisabled={!isCurrentThemeEditable}
-              >
-                <span className="truncate">{colorBase.label}</span>
-              </ColorPicker>
-            </Skeleton>
-          ))}
-        </div>
-      </div>
-      <div className="grid grid-cols-2 gap-8">
-        <Skeleton show={isLoading}>
-          <Slider
-            label="Lightness"
-            getValueLabel={(value) => `${value[0]}%`}
-            value={currentTheme.colors[mode].lightness}
-            onChange={(value) =>
-              handleColorConfigChange("lightness", value as number)
-            }
-            isDisabled={!isCurrentThemeEditable}
-            size="sm"
-            className="w-full!"
-          />
-        </Skeleton>
-        <Skeleton show={isLoading}>
-          <Slider
-            label="Saturation"
-            size="sm"
-            getValueLabel={(value) => `${value[0]}%`}
-            value={currentTheme.colors[mode].saturation}
-            onChange={(value) =>
-              handleColorConfigChange("saturation", value as number)
-            }
-            isDisabled={!isCurrentThemeEditable}
-            className="w-full!"
-          />
-        </Skeleton>
-      </div>
-      <div>
-        <Label>Scales</Label>
-        <div className="mt-3 flex flex-col gap-2">
-          {(
-            [
-              { label: "Neutral", value: "neutral" },
-              { label: "Success", value: "success" },
-              { label: "Warning", value: "warning" },
-              { label: "Danger", value: "danger" },
-              { label: "Accent", value: "accent" },
-            ] as const
-          ).map((colorBase) => (
-            <ColorScale key={colorBase.value} {...colorBase} />
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-const ColorScale = ({ label, value }: { label: string; value: BaseColor }) => {
-  const { currentTheme, mode, isLoading } = useThemes();
-  const shades = currentTheme.colors[mode][value].shades;
-
-  return (
-    <div className="flex flex-row gap-2 xl:flex-row xl:items-center">
-      <div className="w-[60px]">
-        <p className="text-xs font-semibold">{label}</p>
-      </div>
-      <ul className="grid w-full grid-cols-10 gap-2">
-        {shades.map((color, index) => (
-          <li key={index} className="relative col-span-1 h-10 overflow-hidden">
-            <Tooltip content={`${value}-${(index + 1) * 100}: ${color}`}>
-              <Skeleton show={isLoading} className="h-full w-full">
-                <ColorPickerRoot value={color}>
-                  <DialogRoot>
-                    <AriaButton
-                      className={cn(focusRing(), "h-full w-full rounded-md")}
-                    >
-                      <ColorSwatch className="size-full rounded-[inherit]" />
-                    </AriaButton>
-                    <Dialog type="popover" mobileType="drawer">
-                      <ColorPickerEditor />
-                    </Dialog>
-                  </DialogRoot>
-                </ColorPickerRoot>
-              </Skeleton>
-            </Tooltip>
-          </li>
-        ))}
-      </ul>
-    </div>
-  );
-};
diff --git a/www/src/app/(app)/themes/theme/components/context.tsx b/www/src/app/(app)/themes/theme/components/context.tsx
deleted file mode 100644
index 98107bde2..000000000
--- a/www/src/app/(app)/themes/theme/components/context.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client";
-
-import React, { createContext } from "react";
-
-interface Context {
-  preview: string | null;
-  setPreview: (preview: string | null) => void;
-}
-
-const PreviewContext = createContext<Context>({
-  preview: null,
-  setPreview: () => {},
-});
-
-export const usePreview = () => {
-  const context = React.useContext(PreviewContext);
-  return context;
-};
-
-export const PreviewProvider = ({
-  children,
-}: {
-  children: React.ReactNode;
-}) => {
-  const [preview, setPreview] = React.useState<string | null>(null);
-  return (
-    <PreviewContext.Provider value={{ preview, setPreview }}>
-      {children}
-    </PreviewContext.Provider>
-  );
-};
diff --git a/www/src/app/(app)/themes/theme/components/copy-theme.tsx b/www/src/app/(app)/themes/theme/components/copy-theme.tsx
deleted file mode 100644
index e972eebb0..000000000
--- a/www/src/app/(app)/themes/theme/components/copy-theme.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Dialog, DialogRoot } from "@/components/core/dialog";
-
-export const CopyThemeDialog = ({
-  children,
-}: {
-  children: React.ReactNode;
-}) => {
-  return (
-    <DialogRoot>
-      {children}
-      <Dialog title="Copy theme">
-        <p>code here</p>
-      </Dialog>
-    </DialogRoot>
-  );
-};
diff --git a/www/src/app/(app)/themes/theme/components/create-theme.tsx b/www/src/app/(app)/themes/theme/components/create-theme.tsx
deleted file mode 100644
index 9abff6393..000000000
--- a/www/src/app/(app)/themes/theme/components/create-theme.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-"use client";
-
-import React from "react";
-import { useThemes } from "@/hooks/use-themes";
-import { Button } from "@/components/core/button";
-import { Dialog, DialogFooter, DialogRoot } from "@/components/core/dialog";
-import { Form } from "@/components/core/form";
-import { TextField } from "@/components/core/text-field";
-
-export const CreateThemeDialog = ({
-  children,
-}: {
-  children: React.ReactNode;
-}) => {
-  const [name, setName] = React.useState("");
-  const { createTheme } = useThemes();
-
-  return (
-    <DialogRoot>
-      {children}
-      <Dialog title="Create new theme">
-        {({ close }) => (
-          <Form
-            onSubmit={(e) => {
-              e.preventDefault();
-              createTheme({ name });
-              setName("");
-              close();
-            }}
-          >
-            <TextField
-              autoFocus
-              label="Name"
-              isRequired
-              value={name}
-              onChange={setName}
-              className="w-full"
-            />
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size="sm"
-                onPress={() => {
-                  setName("");
-                  close();
-                }}
-              >
-                Cancel
-              </Button>
-              <Button
-                type="submit"
-                variant="primary"
-                size="sm"
-                isDisabled={!name}
-              >
-                Create theme
-              </Button>
-            </DialogFooter>
-          </Form>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-};
diff --git a/www/src/app/(app)/themes/theme/components/delete-theme.tsx b/www/src/app/(app)/themes/theme/components/delete-theme.tsx
deleted file mode 100644
index 24d8193fd..000000000
--- a/www/src/app/(app)/themes/theme/components/delete-theme.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from "react";
-import { useThemes } from "@/hooks/use-themes";
-import { Button } from "@/components/core/button";
-import {
-  DialogRoot,
-  Dialog,
-  DialogFooter,
-  DialogRootProps,
-} from "@/components/core/dialog";
-import { Form } from "@/components/core/form";
-
-export const DeleteThemeDialog = ({
-  children,
-  ...props
-}: Omit<DialogRootProps, "children"> & { children?: React.ReactNode }) => {
-  const { deleteTheme, currentThemeId } = useThemes();
-  return (
-    <DialogRoot {...props}>
-      {children}
-      <Dialog
-        role="alertdialog"
-        title="Delete theme"
-        description="Are you sure you want to delete this theme?"
-      >
-        {({ close }) => (
-          <Form
-            onSubmit={(e) => {
-              e.preventDefault();
-              deleteTheme(currentThemeId);
-              close();
-            }}
-          >
-            <DialogFooter>
-              <Button
-                variant="outline"
-                size="sm"
-                onPress={() => {
-                  close();
-                }}
-              >
-                Cancel
-              </Button>
-              <Button type="submit" variant="danger" size="sm">
-                Delete theme
-              </Button>
-            </DialogFooter>
-          </Form>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-};
diff --git a/www/src/app/(app)/themes/theme/components/explore-themes.tsx b/www/src/app/(app)/themes/theme/components/explore-themes.tsx
deleted file mode 100644
index 4844a9a9f..000000000
--- a/www/src/app/(app)/themes/theme/components/explore-themes.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-"use client";
-
-import React from "react";
-import { dotUIThemes } from "@/lib/themes";
-import { useThemes } from "@/hooks/use-themes";
-import { Alert } from "@/components/core/alert";
-import { Dialog, DialogRoot } from "@/components/core/dialog";
-import { Radio, RadioGroup } from "@/components/core/radio-group";
-
-export const ExploreThemesDialog = ({
-  children,
-}: {
-  children: React.ReactNode;
-}) => {
-  const { themes: userThemes, currentThemeId, setCurrentThemeId } = useThemes();
-  return (
-    <DialogRoot>
-      {children}
-      <Dialog type="drawer" className="max-w-(--breakpoint-xl) py-8! container">
-        {({ close }) => (
-          <>
-            <h2 className="text-lg font-bold">Themes</h2>
-            <p className="text-fg-muted text-sm">
-              Curated collection of handcrafted themes, inspired by leading
-              brands and designed to elevate your project&apos;s visual
-              identity.
-            </p>
-            <RadioGroup
-              value={currentThemeId}
-              onChange={(value) => {
-                setCurrentThemeId(value);
-                close();
-              }}
-              variant="card"
-              orientation="horizontal"
-              className="mt-4 gap-2"
-            >
-              {dotUIThemes.map((theme, index) => (
-                <Radio key={index} value={theme.id}>
-                  <div className="p-0">
-                    <p className="font-semibold">{theme.name}</p>
-                    <p className="text-fg-muted text-sm">
-                      Lorem ipsum dolor sit amet...
-                    </p>
-                  </div>
-                  <div className="mt-2 grid grid-cols-4 overflow-hidden rounded">
-                    {[
-                      theme.colors[theme.defaultMode].neutral.shades[0],
-                      theme.colors[theme.defaultMode].neutral.shades[1],
-                      theme.colors[theme.defaultMode].accent.shades[3],
-                      theme.colors[theme.defaultMode].accent.shades[4],
-                    ].map((color, index) => (
-                      <div
-                        key={index}
-                        className="h-5"
-                        style={{
-                          backgroundColor: color,
-                        }}
-                      />
-                    ))}
-                  </div>
-                </Radio>
-              ))}
-            </RadioGroup>
-            <h2 className="mt-6 text-lg font-bold">Your themes</h2>
-            <p className="text-fg-muted text-sm">
-              Custom themes you create will appear here.
-            </p>
-            {userThemes.length > 0 ? (
-              <RadioGroup
-                value={currentThemeId}
-                onChange={(value) => {
-                  setCurrentThemeId(value);
-                  close();
-                }}
-                variant="card"
-                orientation="horizontal"
-                className="mt-4 gap-2"
-              >
-                {userThemes.map((theme, index) => (
-                  <Radio key={index} value={theme.id}>
-                    <div className="p-0">
-                      <p className="font-semibold">{theme.name}</p>
-                      <p className="text-fg-muted text-sm">
-                        Lorem ipsum dolor sit amet...
-                      </p>
-                    </div>
-                    <div className="mt-2 grid grid-cols-4 overflow-hidden rounded">
-                      {[
-                        theme.colors[theme.defaultMode].neutral.shades[0],
-                        theme.colors[theme.defaultMode].neutral.shades[1],
-                        theme.colors[theme.defaultMode].accent.shades[3],
-                        theme.colors[theme.defaultMode].accent.shades[4],
-                      ].map((color, index) => (
-                        <div
-                          key={index}
-                          className="h-5"
-                          style={{
-                            backgroundColor: color,
-                          }}
-                        />
-                      ))}
-                    </div>
-                  </Radio>
-                ))}
-              </RadioGroup>
-            ) : (
-              <div className="mt-4 flex">
-                <Alert variant="info" className="text-fg-muted">
-                  No themes created yet. Create your first theme to get started.
-                </Alert>
-              </div>
-            )}
-          </>
-        )}
-      </Dialog>
-    </DialogRoot>
-  );
-};
diff --git a/www/src/app/(app)/themes/theme/components/focus-style.tsx b/www/src/app/(app)/themes/theme/components/focus-style.tsx
deleted file mode 100644
index c2d4f1983..000000000
--- a/www/src/app/(app)/themes/theme/components/focus-style.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-"use client";
-
-import React from "react";
-import { useThemes } from "@/hooks/use-themes";
-import { ThemeOverride } from "@/components/docs/theme-override";
-import { Button } from "@/components/dynamic-core/button";
-import { TextField } from "@/components/dynamic-core/text-field";
-import { Radio, RadioGroup } from "@/registry/core/radio-group_basic";
-
-const variants = [
-  {
-    label: "Focus 01",
-    value: "focus-01",
-  },
-  {
-    label: "Focus 02",
-    value: "focus-02",
-  },
-  {
-    label: "Focus 03",
-    value: "focus-03",
-  },
-  {
-    label: "Focus 04",
-    value: "focus-04",
-  },
-];
-
-export function FocusStyle() {
-  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
-
-  return (
-    <div className="flex justify-between gap-6">
-      <RadioGroup
-        variant="card"
-        orientation="vertical"
-        value={currentTheme.variants["loader"]}
-        onChange={(value) => updateVariant("loader", value)}
-        isDisabled={!isCurrentThemeEditable}
-        className="min-w-60"
-      >
-        {variants.map((variant) => (
-          <Radio
-            key={variant.value}
-            value={variant.value}
-            aria-label={variant.label}
-          >
-            <div className="flex items-center gap-8">
-              <span className="w-24">{variant.label}</span>
-            </div>
-          </Radio>
-        ))}
-      </RadioGroup>
-      <ThemeOverride className="flex w-full flex-col items-center justify-center gap-4 rounded-md border p-4">
-        <TextField placeholder="Email" />
-        <Button>Button</Button>
-      </ThemeOverride>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/iconography.tsx b/www/src/app/(app)/themes/theme/components/iconography.tsx
deleted file mode 100644
index 124ad9d2d..000000000
--- a/www/src/app/(app)/themes/theme/components/iconography.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import React from "react";
-import { useThemes } from "@/hooks/use-themes";
-import { Select, SelectItem } from "@/components/core/select";
-import { Skeleton } from "@/components/core/skeleton";
-
-export function Iconography() {
-  const { isLoading, isCurrentThemeEditable } = useThemes();
-  return (
-    <Skeleton show={isLoading}>
-      <Select
-        label="Icon library"
-        defaultSelectedKey="lucide"
-        isDisabled={!isCurrentThemeEditable}
-        className="[&_button]:w-full"
-      >
-        <SelectItem id="lucide">Lucide icons</SelectItem>
-      </Select>
-    </Skeleton>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/input-style.tsx b/www/src/app/(app)/themes/theme/components/input-style.tsx
deleted file mode 100644
index 03a15adcd..000000000
--- a/www/src/app/(app)/themes/theme/components/input-style.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-"use client";
-
-import { useThemes } from "@/hooks/use-themes";
-import { Radio, RadioGroup } from "@/components/core/radio-group";
-import Inputs from "@/components/demos/text-field/prefix-and-suffix";
-import { ThemeOverride } from "@/components/docs/theme-override";
-
-const variants = [
-  {
-    label: "Input 1",
-    value: "input-01",
-    description: "Minimalistic design.",
-  },
-  {
-    label: "Input 2",
-    value: "input-02",
-    description: "Subtle hover outline.",
-  },
-  {
-    label: "Input 3",
-    value: "input-03",
-    description: "Brutalism design",
-  },
-  {
-    label: "Input 4",
-    value: "input-04",
-    description: "With ripple effect, uses framer-motion.",
-  },
-];
-
-export function InputStyle() {
-  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
-  return (
-    <div className="flex justify-between gap-6">
-      <RadioGroup
-        variant="card"
-        orientation="vertical"
-        value={currentTheme.variants["input"]}
-        onChange={(value) => updateVariant("input", value)}
-        isDisabled={!isCurrentThemeEditable}
-        className="min-w-60"
-      >
-        {variants.map((variant) => (
-          <Radio
-            key={variant.value}
-            value={variant.value}
-            aria-label={variant.label}
-            className="gap-8"
-          >
-            <div>
-              {variant.label}
-              {variant.description && (
-                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
-                  {variant.description}
-                </div>
-              )}
-            </div>
-          </Radio>
-        ))}
-      </RadioGroup>
-      <ThemeOverride className="flex w-full flex-col-reverse items-center justify-center gap-6 rounded-md border p-4">
-        <Inputs />
-      </ThemeOverride>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/listbox-style.tsx b/www/src/app/(app)/themes/theme/components/listbox-style.tsx
deleted file mode 100644
index baa45ad4a..000000000
--- a/www/src/app/(app)/themes/theme/components/listbox-style.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-"use client";
-
-import { useThemes } from "@/hooks/use-themes";
-import { Radio, RadioGroup } from "@/components/core/radio-group";
-import ComboboxDemo from "@/components/demos/combobox/basic";
-import ListBoxDemo from "@/components/demos/list-box/basic";
-import SelectDemo from "@/components/demos/select/basic";
-import { ThemeOverride } from "@/components/docs/theme-override";
-
-const variants = [
-  {
-    label: "list-box 1",
-    value: "list-box-01",
-    description: "Minimalistic design.",
-  },
-  {
-    label: "list-box 2",
-    value: "list-box-02",
-    description: "Subtle hover outline.",
-  },
-  {
-    label: "list-box 3",
-    value: "list-box-03",
-    description: "Brutalism design",
-  },
-  {
-    label: "list-box 4",
-    value: "list-box-04",
-    description: "With ripple effect, uses framer-motion.",
-  },
-];
-
-export function ListBoxStyle() {
-  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
-  return (
-    <div className="flex justify-between gap-6">
-      <RadioGroup
-        variant="card"
-        orientation="vertical"
-        value={currentTheme.variants["button"]}
-        onChange={(value) => updateVariant("button", value)}
-        isDisabled={!isCurrentThemeEditable}
-        className="min-w-60"
-      >
-        {variants.map((variant) => (
-          <Radio
-            key={variant.value}
-            value={variant.value}
-            aria-label={variant.label}
-            className="gap-8"
-          >
-            <div>
-              {variant.label}
-              {variant.description && (
-                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
-                  {variant.description}
-                </div>
-              )}
-            </div>
-          </Radio>
-        ))}
-      </RadioGroup>
-      <ThemeOverride className="flex w-full flex-col-reverse items-center justify-center gap-6 rounded-md border p-4">
-        <ListBoxDemo />
-        <ComboboxDemo />
-        <SelectDemo />
-      </ThemeOverride>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/loader-style.tsx b/www/src/app/(app)/themes/theme/components/loader-style.tsx
deleted file mode 100644
index 6c65ee5d0..000000000
--- a/www/src/app/(app)/themes/theme/components/loader-style.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-"use client";
-
-import React from "react";
-import { useThemes } from "@/hooks/use-themes";
-import { ThemeOverride } from "@/components/docs/theme-override";
-import { Button } from "@/components/dynamic-core/button";
-import { Loader as DotSpinner } from "@/registry/core/loader_dots";
-import { Loader as LineSpinner } from "@/registry/core/loader_line";
-import { Loader as Ring } from "@/registry/core/loader_ring";
-import { Loader as Tailspin } from "@/registry/core/loader_tailspin";
-import { Loader as Wave } from "@/registry/core/loader_wave";
-import { Radio, RadioGroup } from "@/registry/core/radio-group_basic";
-
-const variants = [
-  {
-    label: "Dot spinner",
-    value: "loader-dot-spinner",
-    preview: <DotSpinner size={30} />,
-  },
-  {
-    label: "Line spinner",
-    value: "loader-line-spinner",
-    preview: <LineSpinner size={30} />,
-  },
-  { label: "Ring", value: "loader-ring", preview: <Ring size={30} /> },
-  {
-    label: "Tailspin",
-    value: "loader-tailspin",
-    preview: <Tailspin size={30} />,
-  },
-  { label: "Wave", value: "loader-wave", preview: <Wave size={30} /> },
-];
-
-export function LoaderStyle() {
-  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
-  const [isPending, setPending] = React.useState(false);
-
-  const handlePress = () => {
-    setPending(true);
-    setTimeout(() => {
-      setPending(false);
-    }, 5000);
-  };
-
-  return (
-    <div className="flex justify-between gap-6">
-      <RadioGroup
-        variant="card"
-        orientation="vertical"
-        value={currentTheme.variants["loader"]}
-        onChange={(value) => updateVariant("loader", value)}
-        isDisabled={!isCurrentThemeEditable}
-        className="min-w-60"
-      >
-        {variants.map((variant) => (
-          <Radio
-            key={variant.value}
-            value={variant.value}
-            aria-label={variant.label}
-          >
-            <div className="flex items-center gap-8">
-              <span className="w-24">{variant.label}</span>
-              {variant.preview}
-            </div>
-          </Radio>
-        ))}
-      </RadioGroup>
-      <ThemeOverride className="flex w-full items-center justify-center gap-4 rounded-md border p-4">
-        <Button isPending={isPending} onPress={handlePress}>
-          Click me!
-        </Button>
-        <Button isPending className="w-24" />
-      </ThemeOverride>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/overlay-style.tsx b/www/src/app/(app)/themes/theme/components/overlay-style.tsx
deleted file mode 100644
index 31ffd2c40..000000000
--- a/www/src/app/(app)/themes/theme/components/overlay-style.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-"use client";
-
-import { useThemes } from "@/hooks/use-themes";
-import { Radio, RadioGroup } from "@/components/core/radio-group";
-import DialogDemo from "@/components/demos/dialog/basic";
-import { ThemeOverride } from "@/components/docs/theme-override";
-
-const variants = [
-  {
-    label: "overlay 1",
-    value: "overlay-01",
-    description: "Minimalistic design.",
-  },
-  {
-    label: "overlay 2",
-    value: "overlay-02",
-    description: "Subtle hover outline.",
-  },
-  {
-    label: "overlay 3",
-    value: "overlay-03",
-    description: "Brutalism design",
-  },
-  {
-    label: "overlay 4",
-    value: "overlay-04",
-    description: "With ripple effect, uses framer-motion.",
-  },
-];
-
-export function OverlayStyle() {
-  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
-  return (
-    <div className="flex justify-between gap-6">
-      <RadioGroup
-        variant="card"
-        orientation="vertical"
-        value={currentTheme.variants["button"]}
-        onChange={(value) => updateVariant("button", value)}
-        isDisabled={!isCurrentThemeEditable}
-        className="min-w-60"
-      >
-        {variants.map((variant) => (
-          <Radio
-            key={variant.value}
-            value={variant.value}
-            aria-label={variant.label}
-            className="gap-8"
-          >
-            <div>
-              {variant.label}
-              {variant.description && (
-                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
-                  {variant.description}
-                </div>
-              )}
-            </div>
-          </Radio>
-        ))}
-      </RadioGroup>
-      <ThemeOverride className="flex w-full flex-col-reverse items-center justify-center gap-6 rounded-md border p-4">
-        <DialogDemo />
-      </ThemeOverride>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/picker-style.tsx b/www/src/app/(app)/themes/theme/components/picker-style.tsx
deleted file mode 100644
index 129ebfc93..000000000
--- a/www/src/app/(app)/themes/theme/components/picker-style.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-"use client";
-
-import { useThemes } from "@/hooks/use-themes";
-import { Radio, RadioGroup } from "@/components/core/radio-group";
-import ColorPickerDemo from "@/components/demos/color-picker/default";
-import ComboboxDemo from "@/components/demos/combobox/basic";
-import DatePickerDemo from "@/components/demos/date-picker/default";
-import SelectDemo from "@/components/demos/select/basic";
-import { ThemeOverride } from "@/components/docs/theme-override";
-
-const variants = [
-  {
-    label: "Picker 1",
-    value: "picker-01",
-    description: "Minimalistic design.",
-  },
-  {
-    label: "Picker 2",
-    value: "picker-02",
-    description: "Subtle hover outline.",
-  },
-  {
-    label: "Picker 3",
-    value: "picker-03",
-    description: "Brutalism design",
-  },
-];
-
-export function PickerStyle() {
-  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
-  return (
-    <div className="flex justify-between gap-6">
-      <RadioGroup
-        variant="card"
-        orientation="vertical"
-        value={currentTheme.variants["picker"]}
-        onChange={(value) => updateVariant("picker", value)}
-        isDisabled={!isCurrentThemeEditable}
-        className="min-w-60"
-      >
-        {variants.map((variant) => (
-          <Radio
-            key={variant.value}
-            value={variant.value}
-            aria-label={variant.label}
-            className="gap-8"
-          >
-            <div>
-              {variant.label}
-              {variant.description && (
-                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
-                  {variant.description}
-                </div>
-              )}
-            </div>
-          </Radio>
-        ))}
-      </RadioGroup>
-      <ThemeOverride className="flex w-full flex-col items-center justify-center rounded-md border p-4">
-        <div className="flex flex-wrap items-center justify-center gap-4 p-2">
-          <SelectDemo />
-          <DatePickerDemo />
-        </div>
-        <div className="flex flex-wrap items-center justify-center gap-4 p-2">
-          <ComboboxDemo />
-          <ColorPickerDemo />
-        </div>
-      </ThemeOverride>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/tabs-style.tsx b/www/src/app/(app)/themes/theme/components/tabs-style.tsx
deleted file mode 100644
index a8c0df006..000000000
--- a/www/src/app/(app)/themes/theme/components/tabs-style.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-"use client";
-
-import { useThemes } from "@/hooks/use-themes";
-import { Radio, RadioGroup } from "@/components/core/radio-group";
-import TabsDemo from "@/components/demos/tabs/basic";
-import { ThemeOverride } from "@/components/docs/theme-override";
-
-const variants = [
-  {
-    label: "tabs 1",
-    value: "tabs-01",
-    description: "Minimalistic design.",
-  },
-  {
-    label: "tabs 2",
-    value: "tabs-02",
-    description: "Subtle hover outline.",
-  },
-  {
-    label: "tabs 3",
-    value: "tabs-03",
-    description: "Brutalism design",
-  },
-  {
-    label: "tabs 4",
-    value: "tabs-04",
-    description: "With ripple effect, uses framer-motion.",
-  },
-];
-
-export function TabsStyle() {
-  const { currentTheme, isCurrentThemeEditable, updateVariant } = useThemes();
-  return (
-    <div className="flex justify-between gap-6">
-      <RadioGroup
-        variant="card"
-        orientation="vertical"
-        value={currentTheme.variants["button"]}
-        onChange={(value) => updateVariant("button", value)}
-        isDisabled={!isCurrentThemeEditable}
-        className="min-w-60"
-      >
-        {variants.map((variant) => (
-          <Radio
-            key={variant.value}
-            value={variant.value}
-            aria-label={variant.label}
-            className="gap-8"
-          >
-            <div>
-              {variant.label}
-              {variant.description && (
-                <div className="text-fg-muted group-disabled/radio-group:text-fg-disabled text-sm">
-                  {variant.description}
-                </div>
-              )}
-            </div>
-          </Radio>
-        ))}
-      </RadioGroup>
-      <ThemeOverride className="flex w-full flex-col-reverse items-center justify-center gap-6 rounded-md border p-4">
-        <TabsDemo />
-      </ThemeOverride>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/components/theme-select.tsx b/www/src/app/(app)/themes/theme/components/theme-select.tsx
deleted file mode 100644
index 7856a3d70..000000000
--- a/www/src/app/(app)/themes/theme/components/theme-select.tsx
+++ /dev/null
@@ -1,328 +0,0 @@
-"use client";
-
-import React from "react";
-import { chain, mergeRefs } from "@react-aria/utils";
-import { useControlledState } from "@react-stately/utils";
-import {
-  CheckIcon,
-  CopyIcon,
-  Edit2Icon,
-  GitBranchIcon,
-  MoreHorizontalIcon,
-  Trash2Icon,
-  XIcon,
-} from "lucide-react";
-import {
-  TextField as UnstyledTextField,
-  Input as UnstyledInput,
-} from "react-aria-components";
-import { dotUIThemes } from "@/lib/themes";
-import { cn } from "@/lib/utils";
-import { useThemes } from "@/hooks/use-themes";
-import { Alert } from "@/components/core/alert";
-import { Button } from "@/components/core/button";
-import { Form } from "@/components/core/form";
-import { InputProps } from "@/components/core/input";
-import { Kbd } from "@/components/core/kbd";
-import { Menu, MenuItem, MenuRoot } from "@/components/core/menu";
-import { Skeleton } from "@/components/core/skeleton";
-import { CloneThemeDialog } from "./clone-theme";
-import { CopyThemeDialog } from "./copy-theme";
-import { DeleteThemeDialog } from "./delete-theme";
-
-export function ThemeSelect({ className }: { className?: string }) {
-  const {
-    isLoading,
-    currentTheme,
-    setThemeName,
-    isCurrentThemeEditable,
-    themes: userThemes,
-    setCurrentThemeId,
-    showKeyboardHint,
-    setShowKeyboardHint,
-  } = useThemes();
-  const [isCloneDialogOpen, setIsCloneDialogOpen] = React.useState(false);
-  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if (!e.ctrlKey && !e.metaKey) return;
-
-      const themes = [...dotUIThemes, ...userThemes];
-      const themesCount = themes.length;
-      const currentIndex = themes.findIndex(
-        (theme) => theme.id === currentTheme.id
-      );
-
-      if (e.key === "ArrowRight") {
-        const nextIndex = (currentIndex + 1) % themesCount;
-        const nextTheme = themes[nextIndex];
-        if (nextTheme) {
-          setCurrentThemeId(nextTheme.id);
-          setShowKeyboardHint(false);
-        }
-      } else if (e.key === "ArrowLeft") {
-        const prevIndex =
-          currentIndex === 0 ? themesCount - 1 : currentIndex - 1;
-        const prevTheme = themes[prevIndex];
-        if (prevTheme) {
-          setCurrentThemeId(prevTheme.id);
-          setShowKeyboardHint(false);
-        }
-      }
-    };
-
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [currentTheme.id, userThemes, setCurrentThemeId, setShowKeyboardHint]);
-
-  return (
-    <div className="space-y-4">
-      <div className={cn("flex items-center justify-between pl-1", className)}>
-        <Skeleton show={isLoading}>
-          <ThemeName
-            currentName="forest"
-            // currentName={currentTheme.name}
-            setCurrentName={setThemeName}
-            isEditable={isCurrentThemeEditable}
-          />
-        </Skeleton>
-        <div className="flex items-center gap-2">
-          <CopyThemeDialog>
-            <Button prefix={<CopyIcon />}>Copy code</Button>
-          </CopyThemeDialog>
-          <MenuRoot>
-            <Button shape="square">
-              <MoreHorizontalIcon />
-            </Button>
-            <Menu
-            // TODO: placement="bottom end"
-            >
-              <MenuItem
-                prefix={<GitBranchIcon />}
-                onAction={() => {
-                  setIsCloneDialogOpen(true);
-                }}
-              >
-                Clone theme
-              </MenuItem>
-              {isCurrentThemeEditable && (
-                <MenuItem
-                  prefix={<Trash2Icon />}
-                  variant="danger"
-                  onAction={() => {
-                    setIsDeleteDialogOpen(true);
-                  }}
-                >
-                  Delete theme
-                </MenuItem>
-              )}
-            </Menu>
-          </MenuRoot>
-          <CloneThemeDialog
-            isOpen={isCloneDialogOpen}
-            onOpenChange={setIsCloneDialogOpen}
-          />
-          <DeleteThemeDialog
-            isOpen={isDeleteDialogOpen}
-            onOpenChange={setIsDeleteDialogOpen}
-          />
-        </div>
-      </div>
-      {!isLoading && showKeyboardHint && (
-        <Alert
-          action={
-            <Button
-              variant="quiet"
-              size="sm"
-              shape="square"
-              onPress={() => setShowKeyboardHint(false)}
-            >
-              <XIcon />
-            </Button>
-          }
-          className="bg-bg-muted/50 [&_kbd]:text-xs"
-        >
-          Use <Kbd>Ctrl</Kbd> + <Kbd>→</Kbd> or <Kbd>←</Kbd> to navigate between
-          themes
-        </Alert>
-      )}
-      {!isLoading && !isCurrentThemeEditable && (
-        <Alert
-          action={
-            <CloneThemeDialog>
-              <Button prefix={<GitBranchIcon />}>Clone theme</Button>
-            </CloneThemeDialog>
-          }
-          className="bg-bg-muted/50"
-        >
-          To adjust, preview and generate color palette, fonts, radius and more,
-          you need to clone the theme.
-        </Alert>
-      )}
-    </div>
-  );
-}
-
-const ThemeName = ({
-  currentName,
-  setCurrentName,
-  isEditable,
-}: {
-  currentName: string;
-  setCurrentName: (value: string) => void;
-  isEditable: boolean;
-}) => {
-  const formRef = React.useRef<HTMLFormElement>(null);
-  const [editMode, setEditMode] = React.useState<boolean>(false);
-  const [inputValue, setInputValue] = React.useState<string>(currentName);
-  const inputRef = React.useRef<HTMLInputElement>(null);
-
-  const onDismiss = React.useCallback(() => {
-    setEditMode(false);
-    setInputValue(currentName);
-  }, [currentName]);
-
-  const onSave = React.useCallback(() => {
-    setCurrentName(inputValue);
-    setEditMode(false);
-  }, [inputValue, setCurrentName]);
-
-  const onEdit = () => {
-    setEditMode(true);
-    setInputValue(currentName);
-    setTimeout(() => {
-      inputRef.current?.focus();
-    }, 0);
-  };
-
-  React.useEffect(() => {
-    const handleClickOutside = (e: MouseEvent) => {
-      if (formRef.current && !formRef.current.contains(e.target as Node)) {
-        onDismiss();
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [onDismiss]);
-
-  React.useEffect(() => {
-    const handleEscape = (e: KeyboardEvent) => {
-      if (e.key === "Escape" && editMode) {
-        onDismiss();
-      }
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [onDismiss, editMode]);
-
-  if (!isEditable) {
-    return (
-      <h2
-        className="font-heading w-fit pb-px text-2xl font-semibold"
-        style={{ viewTransitionName: currentName }}
-      >
-        {currentName}
-      </h2>
-    );
-  }
-
-  return (
-    <Form
-      ref={formRef}
-      onSubmit={(e) => {
-        e.preventDefault();
-        onSave();
-      }}
-      className="flex items-center gap-2"
-    >
-      {editMode ? (
-        <>
-          <UnstyledTextField value={inputValue} onChange={setInputValue}>
-            <AutoResizeInput
-              ref={inputRef}
-              className="font-heading w-fit text-2xl font-semibold"
-              style={{ viewTransitionName: currentName }}
-            />
-          </UnstyledTextField>
-          <div className="flex items-center gap-1">
-            <Button
-              type="submit"
-              variant="quiet"
-              size="sm"
-              shape="square"
-              className="[&_svg]:text-fg-success size-7 [&_svg]:size-3.5"
-            >
-              <CheckIcon />
-            </Button>
-            <Button
-              variant="quiet"
-              size="sm"
-              shape="square"
-              className="[&_svg]:text-fg-danger size-7 [&_svg]:size-3.5"
-              onPress={onDismiss}
-            >
-              <XIcon />
-            </Button>
-          </div>
-        </>
-      ) : (
-        <>
-          <h2
-            className="font-heading w-fit pb-px text-2xl font-semibold"
-            style={{ viewTransitionName: currentName }}
-          >
-            {currentName}
-          </h2>
-          <Button
-            variant="quiet"
-            size="sm"
-            shape="square"
-            className="[&_svg]:text-fg-muted size-7 [&_svg]:size-3.5"
-            onPress={onEdit}
-          >
-            <Edit2Icon />
-          </Button>
-        </>
-      )}
-    </Form>
-  );
-};
-
-const AutoResizeInput = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ onChange, className, ...props }, forwardedRef) => {
-    const [inputValue, setInputValue] = useControlledState(
-      props.value,
-      props.defaultValue ?? "",
-      () => {}
-    );
-    const inputRef = React.useRef<HTMLInputElement>(null);
-
-    const onWidthChange = React.useCallback(() => {
-      if (inputRef.current) {
-        const input = inputRef.current;
-        input.style.width = "0";
-        input.style.width = `${input.scrollWidth}px`;
-      }
-    }, [inputRef]);
-
-    React.useLayoutEffect(() => {
-      if (inputRef.current) {
-        onWidthChange();
-      }
-    }, [onWidthChange, inputValue, inputRef]);
-
-    return (
-      <UnstyledInput
-        ref={mergeRefs(inputRef, forwardedRef)}
-        onChange={chain(onChange, setInputValue)}
-        className={cn(
-          "border-fg focus:outline-hidden min-w-[10px] focus:border-b",
-          className
-        )}
-        {...props}
-      />
-    );
-  }
-);
-AutoResizeInput.displayName = "AutoResizeInput";
diff --git a/www/src/app/(app)/themes/theme/components/typography.tsx b/www/src/app/(app)/themes/theme/components/typography.tsx
deleted file mode 100644
index ede8f04ab..000000000
--- a/www/src/app/(app)/themes/theme/components/typography.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-"use client";
-
-import React from "react";
-import { googleFonts } from "@/lib/fonts";
-import { useThemes } from "@/hooks/use-themes";
-import { Select, SelectItem } from "@/components/core/select";
-import { Skeleton } from "@/components/core/skeleton";
-import { usePreview } from "./context";
-
-export function Typography() {
-  const { fonts, handleFontChange, isLoading, isCurrentThemeEditable } =
-    useThemes();
-  const { setPreview } = usePreview();
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <Skeleton show={isLoading}>
-        <Select
-          label="Heading"
-          selectedKey={fonts.heading}
-          onSelectionChange={(key) => {
-            handleFontChange("heading", key as string);
-          }}
-          onOpenChange={(isOpen) => {
-            setPreview(isOpen ? "typography" : null);
-          }}
-          isDisabled={!isCurrentThemeEditable}
-          className="[&_button]:w-full"
-        >
-          {googleFonts.map((font) => (
-            <SelectItem key={font.id} id={font.id}>
-              {font.name}
-            </SelectItem>
-          ))}
-        </Select>
-      </Skeleton>
-      <Skeleton show={isLoading}>
-        <Select
-          label="Body"
-          selectedKey={fonts.body}
-          onSelectionChange={(key) => {
-            handleFontChange("body", key as string);
-          }}
-          onOpenChange={(isOpen) => {
-            setPreview(isOpen ? "typography" : null);
-          }}
-          isDisabled={!isCurrentThemeEditable}
-          className="[&_button]:w-full"
-        >
-          {googleFonts.map((font) => (
-            <SelectItem key={font.id} id={font.id}>
-              {font.name}
-            </SelectItem>
-          ))}
-        </Select>
-      </Skeleton>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/theme/page.tsx b/www/src/app/(app)/themes/theme/page.tsx
deleted file mode 100644
index 2e57c8a0f..000000000
--- a/www/src/app/(app)/themes/theme/page.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import React from "react";
-import type { Metadata } from "next";
-import { ArrowLeftIcon } from "lucide-react";
-import { Link } from "next-view-transitions";
-import { cn } from "@/lib/utils";
-// import { useScroll } from "@/hooks/use-scroll";
-import { Borders } from "./components/borders";
-import { ButtonStyle } from "./components/button-style";
-import { Colors } from "./components/colors";
-import { FocusStyle } from "./components/focus-style";
-import { Iconography } from "./components/iconography";
-import { InputStyle } from "./components/input-style";
-import { ListBoxStyle } from "./components/listbox-style";
-import { LoaderStyle } from "./components/loader-style";
-import { OverlayStyle } from "./components/overlay-style";
-import { PickerStyle } from "./components/picker-style";
-import { TabsStyle } from "./components/tabs-style";
-import { ThemeSelect } from "./components/theme-select";
-import { Typography } from "./components/typography";
-
-export const metadata: Metadata = {
-  title: "Themes",
-  description: "Explore and create themes for your project.",
-};
-
-export default function Page() {
-  // const scrolled = useScroll(60);
-
-  return (
-    <div className="pb-20 pt-10">
-      <Link
-        href="/themes"
-        className="text-fg-muted hover:text-fg mb-2 flex cursor-pointer items-center gap-1 text-sm"
-      >
-        <ArrowLeftIcon className="size-4" />
-        <span>
-          {/* back to{" "} */}
-          <span className="[view-transition-name:themes-title]">themes</span>
-        </span>
-      </Link>
-      <ThemeSelect />
-      <div className="mt-6 space-y-6">
-        <Section title="Colors">
-          <Colors />
-        </Section>
-        <Section title="Typography">
-          <Typography />
-        </Section>
-        <Section title="Borders">
-          <Borders />
-        </Section>
-        <Section title="Iconography">
-          <Iconography />
-        </Section>
-        <Section title="Loader style" className="col-span-6">
-          <LoaderStyle />
-        </Section>
-        <Section title="Focus style" className="col-span-6">
-          <FocusStyle />
-        </Section>
-        <Section title="Button style" className="col-span-6">
-          <ButtonStyle />
-        </Section>
-        <Section title="Input style" className="col-span-6">
-          <InputStyle />
-        </Section>
-        <Section title="Picker style" className="col-span-6">
-          <PickerStyle />
-        </Section>
-        <Section title="Listbox style" className="col-span-6">
-          <ListBoxStyle />
-        </Section>
-        <Section title="Modal/Popover/Tooltip style" className="col-span-6">
-          <OverlayStyle />
-        </Section>
-        <Section title="Tabs style" className="col-span-6">
-          <TabsStyle />
-        </Section>
-      </div>
-    </div>
-  );
-}
-
-const Section = ({
-  title,
-  children,
-  className,
-}: {
-  title?: string;
-  children?: React.ReactNode;
-  className?: string;
-}) => {
-  return (
-    <div className={cn("", className)}>
-      {title && (
-        <h3 className="font-heading mb-4 text-lg font-semibold tracking-tighter">
-          {title}
-        </h3>
-      )}
-      {children}
-    </div>
-  );
-};
diff --git a/www/src/app/(preview)/preview/(auth)/layout.tsx b/www/src/app/(preview)/preview/[themeName]/(auth)/layout.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/(auth)/layout.tsx
rename to www/src/app/(preview)/preview/[themeName]/(auth)/layout.tsx
diff --git a/www/src/app/(preview)/preview/(auth)/login/page.tsx b/www/src/app/(preview)/preview/[themeName]/(auth)/login/page.tsx
similarity index 94%
rename from www/src/app/(preview)/preview/(auth)/login/page.tsx
rename to www/src/app/(preview)/preview/[themeName]/(auth)/login/page.tsx
index bbf166194..33826cbdd 100644
--- a/www/src/app/(preview)/preview/(auth)/login/page.tsx
+++ b/www/src/app/(preview)/preview/[themeName]/(auth)/login/page.tsx
@@ -7,7 +7,7 @@ import { Button } from "@/components/dynamic-core/button";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { GoogleIcon } from "@/components/icons/google-icon";
-import { useSimulateApiCall } from "@/app/(preview)/preview/hooks/use-api";
+import { useSimulateApiCall } from "@/app/(preview)/preview/[themeName]/hooks/use-api";
 
 export default function LoginPage() {
   const router = useRouter();
diff --git a/www/src/app/(preview)/preview/(auth)/register/page.tsx b/www/src/app/(preview)/preview/[themeName]/(auth)/register/page.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/(auth)/register/page.tsx
rename to www/src/app/(preview)/preview/[themeName]/(auth)/register/page.tsx
diff --git a/www/src/app/(preview)/preview/(marketing)/layout.tsx b/www/src/app/(preview)/preview/[themeName]/(marketing)/layout.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/(marketing)/layout.tsx
rename to www/src/app/(preview)/preview/[themeName]/(marketing)/layout.tsx
diff --git a/www/src/app/(preview)/preview/(marketing)/page.tsx b/www/src/app/(preview)/preview/[themeName]/(marketing)/page.tsx
similarity index 93%
rename from www/src/app/(preview)/preview/(marketing)/page.tsx
rename to www/src/app/(preview)/preview/[themeName]/(marketing)/page.tsx
index d2665f4e4..ab5f35753 100644
--- a/www/src/app/(preview)/preview/(marketing)/page.tsx
+++ b/www/src/app/(preview)/preview/[themeName]/(marketing)/page.tsx
@@ -13,7 +13,7 @@ export default function PreviewPage() {
           projects, and product roadmaps.
         </p>
         <div className="mt-4 flex items-center gap-2">
-          <Button href="/preview/login" variant="primary" className="mt-4">
+          <Button href="/preview/login" variant="accent" className="mt-4">
             Start for free
           </Button>
           <Button variant="quiet" className="mt-4">
diff --git a/www/src/app/(preview)/preview/(marketing)/pricing/page.tsx b/www/src/app/(preview)/preview/[themeName]/(marketing)/pricing/page.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/(marketing)/pricing/page.tsx
rename to www/src/app/(preview)/preview/[themeName]/(marketing)/pricing/page.tsx
diff --git a/www/src/app/(preview)/preview/app/layout.tsx b/www/src/app/(preview)/preview/[themeName]/app/layout.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/app/layout.tsx
rename to www/src/app/(preview)/preview/[themeName]/app/layout.tsx
diff --git a/www/src/app/(preview)/preview/app/overview/page.tsx b/www/src/app/(preview)/preview/[themeName]/app/overview/page.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/app/overview/page.tsx
rename to www/src/app/(preview)/preview/[themeName]/app/overview/page.tsx
diff --git a/www/src/app/(preview)/preview/hooks/use-api.ts b/www/src/app/(preview)/preview/[themeName]/hooks/use-api.ts
similarity index 100%
rename from www/src/app/(preview)/preview/hooks/use-api.ts
rename to www/src/app/(preview)/preview/[themeName]/hooks/use-api.ts
diff --git a/www/src/app/(preview)/preview/[themeName]/layout.tsx b/www/src/app/(preview)/preview/[themeName]/layout.tsx
new file mode 100644
index 000000000..56f6e917f
--- /dev/null
+++ b/www/src/app/(preview)/preview/[themeName]/layout.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import { themes } from "@/registry/registry-themes";
+import { ThemeProvider } from "@/modules/themes/components/theme-provider";
+import { ThemeUpdater } from "./theme-updater";
+
+export default async function PreviewLayout({
+  children,
+  params,
+}: {
+  children: React.ReactNode;
+  params: Promise<{ themeName: string }>;
+}) {
+  const { themeName } = await params;
+  return (
+    <ThemeProvider theme={themes.find((theme) => theme.name === themeName)}>
+      <ThemeUpdater />
+      <div>currentTheme: {themeName}</div>
+      <div className="min-h-screen">{children}</div>
+    </ThemeProvider>
+  );
+}
diff --git a/www/src/app/(preview)/preview/[themeName]/theme-updater.tsx b/www/src/app/(preview)/preview/[themeName]/theme-updater.tsx
new file mode 100644
index 000000000..d1b9b574c
--- /dev/null
+++ b/www/src/app/(preview)/preview/[themeName]/theme-updater.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import React from "react";
+import { useRouter } from "next/navigation";
+
+export function ThemeUpdater() {
+  const router = useRouter();
+
+  React.useEffect(() => {
+    window.addEventListener("message", (event) => {
+      if (event.data.type === "UPDATE_THEME") {
+        const newThemeName = event.data.themeName;
+        router.push(`/preview/${newThemeName}`);
+      }
+    });
+  }, [router]);
+  return null;
+}
diff --git a/www/src/app/(preview)/preview/layout.tsx b/www/src/app/(preview)/preview/layout.tsx
deleted file mode 100644
index 309d3ec78..000000000
--- a/www/src/app/(preview)/preview/layout.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Loader2Icon } from "lucide-react";
-import { ThemeOverride } from "@/components/docs/theme-override";
-
-export default function PreviewLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <ThemeOverride
-      fallback={
-        <div className="flex h-screen items-center justify-center">
-          <Loader2Icon className="animate-spin" />
-        </div>
-      }
-    >
-      <div className="min-h-screen">{children}</div>
-    </ThemeOverride>
-  );
-}
diff --git a/www/src/components/docs/component-preview.tsx b/www/src/components/docs/component-preview.tsx
index 7e05639a0..3f33ca1b3 100644
--- a/www/src/components/docs/component-preview.tsx
+++ b/www/src/components/docs/component-preview.tsx
@@ -1,24 +1,17 @@
 import React from "react";
 import { ScrollArea } from "@radix-ui/react-scroll-area";
-import {
-  // PaintBucket,
-  // Settings2Icon,
-  SlidersHorizontalIcon,
-} from "lucide-react";
+import { SlidersHorizontalIcon } from "lucide-react";
 import { getFileSource } from "@/lib/get-file-source";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
-// import { Tooltip } from "@/components/core/tooltip";
 import { CodeBlock } from "@/components/docs/code-block";
 import { Index } from "@/__registry__/demos";
+import { CurrentThemeProvider } from "@/modules/themes/components/current-theme-provider";
 import {
   ComponentWrapper,
   Loader,
   ResizableContainer,
 } from "./component-preview-client";
-// import { StyleSwitcher } from "./style-switcher";
-// import { ThemeCustomizerDialog } from "./theme-customizer";
-import { ThemeOverride } from "./theme-override";
 
 export interface ComponentPreviewProps {
   name: string;
@@ -61,36 +54,10 @@ export const ComponentPreview = async ({
     <div
       className={cn("overflow-hidden rounded-md border", containerClassName)}
     >
-      {/* <div className="bg-bg-muted flex items-center justify-between rounded-t-[inherit] border-b p-2">
-        <StyleSwitcher
-          // @ts-expect-error TODO fix later
-          componentName={getComponentName(name)}
-          variant="outline"
-          className="bg-bg-inverse/5 h-7 text-xs font-normal"
-        />
-        <ThemeCustomizerDialog>
-          <Tooltip
-            content={
-              <span>
-                <span className="text-fg-muted">Theme:</span> dotUI
-              </span>
-            }
-          >
-            <Button
-              variant="outline"
-              shape="square"
-              size="sm"
-              className="bg-bg-inverse/5 size-7 text-sm font-normal"
-            >
-              <PaintBucket />
-            </Button>
-          </Tooltip>
-        </ThemeCustomizerDialog>
-      </div> */}
       <div className="bg-bg-muted">
         <ResizableContainer resizable={resizable}>
           <Loader>
-            <ThemeOverride className="relative duration-300">
+            <CurrentThemeProvider className="relative duration-300">
               <Button
                 variant="quiet"
                 shape="square"
@@ -120,7 +87,7 @@ export const ComponentPreview = async ({
                   </div>
                 </div>
               </ScrollArea>
-            </ThemeOverride>
+            </CurrentThemeProvider>
           </Loader>
         </ResizableContainer>
       </div>
@@ -137,9 +104,3 @@ export const ComponentPreview = async ({
     </div>
   );
 };
-
-// const getComponentName = (name: string) => {
-//   const groupName = name.split("/")[0];
-//   if (groupName === "range-calendar") return "calendar";
-//   return groupName;
-// };
diff --git a/www/src/modules/themes/components/current-theme-provider.tsx b/www/src/modules/themes/components/current-theme-provider.tsx
new file mode 100644
index 000000000..978007fd0
--- /dev/null
+++ b/www/src/modules/themes/components/current-theme-provider.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import React from "react";
+import { useCurrentTheme } from "@/modules/themes/atoms/themes-atom";
+import { ThemeProvider, type ThemeProviderProps } from "./theme-provider";
+
+export const CurrentThemeProvider = ({
+  children,
+  ...props
+}: Omit<ThemeProviderProps, "theme">) => {
+  const { currentTheme } = useCurrentTheme();
+  return (
+    <ThemeProvider theme={currentTheme} {...props}>
+      {children}
+    </ThemeProvider>
+  );
+};
diff --git a/www/src/modules/themes/components/demos/icons-demo.tsx b/www/src/modules/themes/components/demos/icons-demo.tsx
index d1a25ce70..bcbe68697 100644
--- a/www/src/modules/themes/components/demos/icons-demo.tsx
+++ b/www/src/modules/themes/components/demos/icons-demo.tsx
@@ -33,7 +33,7 @@ import {
 
 export function IconsDemo() {
   return (
-    <div className="flex flex-wrap gap-2 [&_svg]:size-6">
+    <div className="flex flex-wrap gap-4 [&_svg]:size-6">
       <ActivityIcon />
       <AlertCircleIcon />
       <ArrowRightIcon />
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index 2d6221c8c..4dec81578 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -9,7 +9,7 @@ import { createThemeCssVars } from "@/modules/themes/lib/create-theme";
 import { Theme } from "@/modules/themes/types";
 import { FontLoader } from "./font-loader";
 
-interface ThemeProviderProps
+export interface ThemeProviderProps
   extends Omit<React.ComponentProps<"div">, "children"> {
   children:
     | React.ReactNode

From de401e6e17ee9a97c8a2c4b07419fa6a94b34491 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 17 Feb 2025 14:45:28 +0100
Subject: [PATCH 146/165] themes layout experiment

---
 .../app/(app)/themes-old/[name]/layout.tsx    | 115 ++++++++++++++++++
 www/src/app/(app)/themes-old/[name]/page.tsx  |   2 +-
 www/src/app/(app)/themes-old/layout.tsx       | 110 +----------------
 www/src/app/(app)/themes-old/page.tsx         |   2 +-
 www/src/app/(app)/themes/layout.tsx           |   7 ++
 www/src/app/(app)/themes/page.tsx             |  16 +++
 .../modules/themes/components/theme-card.tsx  |   0
 .../themes/components/themes-explorer.tsx     |   4 +
 8 files changed, 146 insertions(+), 110 deletions(-)
 create mode 100644 www/src/app/(app)/themes-old/[name]/layout.tsx
 create mode 100644 www/src/app/(app)/themes/layout.tsx
 create mode 100644 www/src/app/(app)/themes/page.tsx
 create mode 100644 www/src/modules/themes/components/theme-card.tsx
 create mode 100644 www/src/modules/themes/components/themes-explorer.tsx

diff --git a/www/src/app/(app)/themes-old/[name]/layout.tsx b/www/src/app/(app)/themes-old/[name]/layout.tsx
new file mode 100644
index 000000000..2551980c7
--- /dev/null
+++ b/www/src/app/(app)/themes-old/[name]/layout.tsx
@@ -0,0 +1,115 @@
+"use client";
+
+import React from "react";
+import { usePathname } from "next/navigation";
+import { AnimatePresence, motion } from "motion/react";
+import { ViewTransitions } from "next-view-transitions";
+import { cn } from "@/lib/utils";
+import { useMounted } from "@/hooks/use-mounted";
+import { Button } from "@/components/core/button";
+import { TableOfContents } from "@/components/docs/toc";
+import { useSidebarContext } from "@/components/sidebar";
+import { Preview } from "@/app/(app)/themes-old/preview";
+
+export default function ThemesLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const pathname = usePathname();
+  const [isOpen, setOpen] = React.useState(false);
+  const [screen, setScreen] = React.useState<"desktop" | "mobile">("desktop");
+  const { isCollapsed } = useSidebarContext();
+  const previewWidth = Math.min(
+    screen === "mobile" ? 420 : 700,
+    isCollapsed ? 700 : 600
+  );
+  const containerWidth = isOpen ? previewWidth : 0;
+  const isMounted = useMounted();
+
+  React.useEffect(() => {
+    setOpen(true);
+  }, []);
+
+  return (
+    <ViewTransitions>
+      <div className={cn("max-w-screen-3xl relative mx-auto flex")}>
+        <div className="relative flex-1">
+          <div className={cn("container max-w-3xl")}>{children}</div>
+        </div>
+        {isMounted && pathname !== "/themes" && (
+          <motion.div
+            initial={false}
+            animate={{ width: isOpen ? 0 : 300 }}
+            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+            className="sticky right-0 top-0 z-0 h-[100svh] w-0 overflow-hidden"
+          >
+            <motion.div
+              initial={false}
+              animate={{ width: 300, opacity: isOpen ? 0 : 1 }}
+              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+              className="h-full pt-10"
+            >
+              <TableOfContents
+                toc={[
+                  { depth: 2, title: "Colors", url: "#colors" },
+                  { depth: 3, title: "Core colors", url: "#core-colors" },
+                  {
+                    depth: 3,
+                    title: "Semantic colors",
+                    url: "#semantic-colors",
+                  },
+                  { depth: 2, title: "Typography", url: "#typography" },
+                  { depth: 2, title: "Icongraphy", url: "#iconography" },
+                  { depth: 2, title: "Layout", url: "#radius" },
+                ]}
+              />
+            </motion.div>
+          </motion.div>
+        )}
+        <div className="relative">
+          <div className="absolute -left-2 top-5 -translate-x-full">
+            <AnimatePresence>
+              {!isOpen && isMounted && (
+                <motion.div
+                  initial={{ opacity: 0.8, x: 100 }}
+                  animate={{ opacity: 1, x: 0 }}
+                  exit={{ opacity: 0.8, x: 100 }}
+                  transition={{ duration: 0.2 }}
+                >
+                  <Button
+                    variant="default"
+                    size="sm"
+                    onPress={() => setOpen(true)}
+                    className="bg-bg-inverse/5 sticky top-0 border"
+                  >
+                    Preview
+                  </Button>
+                </motion.div>
+              )}
+            </AnimatePresence>
+          </div>
+          <motion.div
+            initial={false}
+            animate={{ width: containerWidth }}
+            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+            className="sticky right-0 top-0 z-10 flex h-[100svh] w-0 justify-end overflow-hidden"
+          >
+            <motion.div
+              animate={{ width: previewWidth }}
+              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+              className="h-full p-4 pl-0"
+            >
+              <Preview
+                themeName={pathname.split("/").pop()!}
+                setOpen={setOpen}
+                screen={screen}
+                onScreenChange={setScreen}
+              />
+            </motion.div>
+          </motion.div>
+        </div>
+      </div>
+    </ViewTransitions>
+  );
+}
diff --git a/www/src/app/(app)/themes-old/[name]/page.tsx b/www/src/app/(app)/themes-old/[name]/page.tsx
index 66cdfabca..121d0c0e9 100644
--- a/www/src/app/(app)/themes-old/[name]/page.tsx
+++ b/www/src/app/(app)/themes-old/[name]/page.tsx
@@ -44,7 +44,7 @@ export default function ThemePage() {
   return (
     <div className="pb-20 pt-10">
       <Link
-        href="/themes"
+        href="/themes-old"
         className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
       >
         <ArrowLeftIcon className="size-4" />
diff --git a/www/src/app/(app)/themes-old/layout.tsx b/www/src/app/(app)/themes-old/layout.tsx
index 2551980c7..2e3fcab4e 100644
--- a/www/src/app/(app)/themes-old/layout.tsx
+++ b/www/src/app/(app)/themes-old/layout.tsx
@@ -1,115 +1,9 @@
-"use client";
-
-import React from "react";
-import { usePathname } from "next/navigation";
-import { AnimatePresence, motion } from "motion/react";
 import { ViewTransitions } from "next-view-transitions";
-import { cn } from "@/lib/utils";
-import { useMounted } from "@/hooks/use-mounted";
-import { Button } from "@/components/core/button";
-import { TableOfContents } from "@/components/docs/toc";
-import { useSidebarContext } from "@/components/sidebar";
-import { Preview } from "@/app/(app)/themes-old/preview";
 
-export default function ThemesLayout({
+export default function ThemesOldLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  const pathname = usePathname();
-  const [isOpen, setOpen] = React.useState(false);
-  const [screen, setScreen] = React.useState<"desktop" | "mobile">("desktop");
-  const { isCollapsed } = useSidebarContext();
-  const previewWidth = Math.min(
-    screen === "mobile" ? 420 : 700,
-    isCollapsed ? 700 : 600
-  );
-  const containerWidth = isOpen ? previewWidth : 0;
-  const isMounted = useMounted();
-
-  React.useEffect(() => {
-    setOpen(true);
-  }, []);
-
-  return (
-    <ViewTransitions>
-      <div className={cn("max-w-screen-3xl relative mx-auto flex")}>
-        <div className="relative flex-1">
-          <div className={cn("container max-w-3xl")}>{children}</div>
-        </div>
-        {isMounted && pathname !== "/themes" && (
-          <motion.div
-            initial={false}
-            animate={{ width: isOpen ? 0 : 300 }}
-            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-            className="sticky right-0 top-0 z-0 h-[100svh] w-0 overflow-hidden"
-          >
-            <motion.div
-              initial={false}
-              animate={{ width: 300, opacity: isOpen ? 0 : 1 }}
-              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-              className="h-full pt-10"
-            >
-              <TableOfContents
-                toc={[
-                  { depth: 2, title: "Colors", url: "#colors" },
-                  { depth: 3, title: "Core colors", url: "#core-colors" },
-                  {
-                    depth: 3,
-                    title: "Semantic colors",
-                    url: "#semantic-colors",
-                  },
-                  { depth: 2, title: "Typography", url: "#typography" },
-                  { depth: 2, title: "Icongraphy", url: "#iconography" },
-                  { depth: 2, title: "Layout", url: "#radius" },
-                ]}
-              />
-            </motion.div>
-          </motion.div>
-        )}
-        <div className="relative">
-          <div className="absolute -left-2 top-5 -translate-x-full">
-            <AnimatePresence>
-              {!isOpen && isMounted && (
-                <motion.div
-                  initial={{ opacity: 0.8, x: 100 }}
-                  animate={{ opacity: 1, x: 0 }}
-                  exit={{ opacity: 0.8, x: 100 }}
-                  transition={{ duration: 0.2 }}
-                >
-                  <Button
-                    variant="default"
-                    size="sm"
-                    onPress={() => setOpen(true)}
-                    className="bg-bg-inverse/5 sticky top-0 border"
-                  >
-                    Preview
-                  </Button>
-                </motion.div>
-              )}
-            </AnimatePresence>
-          </div>
-          <motion.div
-            initial={false}
-            animate={{ width: containerWidth }}
-            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-            className="sticky right-0 top-0 z-10 flex h-[100svh] w-0 justify-end overflow-hidden"
-          >
-            <motion.div
-              animate={{ width: previewWidth }}
-              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-              className="h-full p-4 pl-0"
-            >
-              <Preview
-                themeName={pathname.split("/").pop()!}
-                setOpen={setOpen}
-                screen={screen}
-                onScreenChange={setScreen}
-              />
-            </motion.div>
-          </motion.div>
-        </div>
-      </div>
-    </ViewTransitions>
-  );
+  return <ViewTransitions>{children}</ViewTransitions>;
 }
diff --git a/www/src/app/(app)/themes-old/page.tsx b/www/src/app/(app)/themes-old/page.tsx
index f1036120b..61a388913 100644
--- a/www/src/app/(app)/themes-old/page.tsx
+++ b/www/src/app/(app)/themes-old/page.tsx
@@ -44,7 +44,7 @@ export default function Page() {
                 className="text-fg"
               >
                 <Link
-                  href={`/themes/${theme.name}`}
+                  href={`/themes-old/${theme.name}`}
                   className="bg-bg flex flex-col items-start justify-start gap-0 overflow-hidden rounded-md border p-0"
                 >
                   <div className="flex w-full items-start justify-between p-2">
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
new file mode 100644
index 000000000..0ff2b8cbd
--- /dev/null
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -0,0 +1,7 @@
+export default function ThemesLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <div>{children}</div>;
+}
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
new file mode 100644
index 000000000..b0c9bc30a
--- /dev/null
+++ b/www/src/app/(app)/themes/page.tsx
@@ -0,0 +1,16 @@
+import { ThemesExplorer } from "@/modules/themes/components/themes-explorer";
+
+export default function ThemesPage() {
+  return (
+    <div>
+      <h2 className="w-fit text-2xl font-semibold [view-transition-name:themes-title]">
+        Themes
+      </h2>
+      <p className="text-fg-muted mt-2 text-base">
+        A theme provide a complete design system with carefully crafted colors,
+        typography, and chosen components.
+      </p>
+      <ThemesExplorer />
+    </div>
+  );
+}
diff --git a/www/src/modules/themes/components/theme-card.tsx b/www/src/modules/themes/components/theme-card.tsx
new file mode 100644
index 000000000..e69de29bb
diff --git a/www/src/modules/themes/components/themes-explorer.tsx b/www/src/modules/themes/components/themes-explorer.tsx
new file mode 100644
index 000000000..1f7b1e9a5
--- /dev/null
+++ b/www/src/modules/themes/components/themes-explorer.tsx
@@ -0,0 +1,4 @@
+export function ThemesExplorer() {
+  return <div>ThemesExplorer</div>;
+}
+

From 4c5e6b24d7908890678a439c748f01d8635c9ba9 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 17 Feb 2025 18:08:03 +0100
Subject: [PATCH 147/165] wip themes layout attempt num 56

---
 .../app/(app)/themes-old/[name]/layout.tsx    | 115 --------
 www/src/app/(app)/themes-old/layout.tsx       |   9 -
 www/src/app/(app)/themes-old/page.tsx         |  98 -------
 www/src/app/(app)/themes-old/preview.tsx      | 159 ------------
 .../[name] => themes/[themeName]}/page.tsx    |  86 +++---
 www/src/app/(app)/themes/layout.tsx           |  17 +-
 www/src/app/(app)/themes/page.tsx             |   2 +-
 www/src/app/(app)/themes/preview.tsx          | 245 ++++++++++++++++++
 www/src/app/(app)/themes/toc.tsx              |  48 ++++
 .../preview/[themeName]/(auth)/layout.tsx     |   0
 .../preview/[themeName]/(auth)/login/page.tsx |   2 +-
 .../[themeName]/(auth)/register/page.tsx      |   0
 .../[themeName]/(marketing)/layout.tsx        |   0
 .../preview/[themeName]/(marketing)/page.tsx  |   0
 .../[themeName]/(marketing)/pricing/page.tsx  |   0
 .../preview/[themeName]/app/layout.tsx        |   0
 .../preview/[themeName]/app/overview/page.tsx |   0
 .../preview/[themeName]/hooks/use-api.ts      |   0
 .../preview/[themeName]/layout.tsx            |   1 -
 .../preview/[themeName]/theme-updater.tsx     |   0
 .../themes/components/themes-explorer.tsx     | 167 +++++++++++-
 www/src/registry/core/dialog_basic.tsx        |   2 +-
 22 files changed, 520 insertions(+), 431 deletions(-)
 delete mode 100644 www/src/app/(app)/themes-old/[name]/layout.tsx
 delete mode 100644 www/src/app/(app)/themes-old/layout.tsx
 delete mode 100644 www/src/app/(app)/themes-old/page.tsx
 delete mode 100644 www/src/app/(app)/themes-old/preview.tsx
 rename www/src/app/(app)/{themes-old/[name] => themes/[themeName]}/page.tsx (85%)
 create mode 100644 www/src/app/(app)/themes/preview.tsx
 create mode 100644 www/src/app/(app)/themes/toc.tsx
 rename www/src/app/{(preview) => }/preview/[themeName]/(auth)/layout.tsx (100%)
 rename www/src/app/{(preview) => }/preview/[themeName]/(auth)/login/page.tsx (94%)
 rename www/src/app/{(preview) => }/preview/[themeName]/(auth)/register/page.tsx (100%)
 rename www/src/app/{(preview) => }/preview/[themeName]/(marketing)/layout.tsx (100%)
 rename www/src/app/{(preview) => }/preview/[themeName]/(marketing)/page.tsx (100%)
 rename www/src/app/{(preview) => }/preview/[themeName]/(marketing)/pricing/page.tsx (100%)
 rename www/src/app/{(preview) => }/preview/[themeName]/app/layout.tsx (100%)
 rename www/src/app/{(preview) => }/preview/[themeName]/app/overview/page.tsx (100%)
 rename www/src/app/{(preview) => }/preview/[themeName]/hooks/use-api.ts (100%)
 rename www/src/app/{(preview) => }/preview/[themeName]/layout.tsx (90%)
 rename www/src/app/{(preview) => }/preview/[themeName]/theme-updater.tsx (100%)

diff --git a/www/src/app/(app)/themes-old/[name]/layout.tsx b/www/src/app/(app)/themes-old/[name]/layout.tsx
deleted file mode 100644
index 2551980c7..000000000
--- a/www/src/app/(app)/themes-old/[name]/layout.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-"use client";
-
-import React from "react";
-import { usePathname } from "next/navigation";
-import { AnimatePresence, motion } from "motion/react";
-import { ViewTransitions } from "next-view-transitions";
-import { cn } from "@/lib/utils";
-import { useMounted } from "@/hooks/use-mounted";
-import { Button } from "@/components/core/button";
-import { TableOfContents } from "@/components/docs/toc";
-import { useSidebarContext } from "@/components/sidebar";
-import { Preview } from "@/app/(app)/themes-old/preview";
-
-export default function ThemesLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  const pathname = usePathname();
-  const [isOpen, setOpen] = React.useState(false);
-  const [screen, setScreen] = React.useState<"desktop" | "mobile">("desktop");
-  const { isCollapsed } = useSidebarContext();
-  const previewWidth = Math.min(
-    screen === "mobile" ? 420 : 700,
-    isCollapsed ? 700 : 600
-  );
-  const containerWidth = isOpen ? previewWidth : 0;
-  const isMounted = useMounted();
-
-  React.useEffect(() => {
-    setOpen(true);
-  }, []);
-
-  return (
-    <ViewTransitions>
-      <div className={cn("max-w-screen-3xl relative mx-auto flex")}>
-        <div className="relative flex-1">
-          <div className={cn("container max-w-3xl")}>{children}</div>
-        </div>
-        {isMounted && pathname !== "/themes" && (
-          <motion.div
-            initial={false}
-            animate={{ width: isOpen ? 0 : 300 }}
-            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-            className="sticky right-0 top-0 z-0 h-[100svh] w-0 overflow-hidden"
-          >
-            <motion.div
-              initial={false}
-              animate={{ width: 300, opacity: isOpen ? 0 : 1 }}
-              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-              className="h-full pt-10"
-            >
-              <TableOfContents
-                toc={[
-                  { depth: 2, title: "Colors", url: "#colors" },
-                  { depth: 3, title: "Core colors", url: "#core-colors" },
-                  {
-                    depth: 3,
-                    title: "Semantic colors",
-                    url: "#semantic-colors",
-                  },
-                  { depth: 2, title: "Typography", url: "#typography" },
-                  { depth: 2, title: "Icongraphy", url: "#iconography" },
-                  { depth: 2, title: "Layout", url: "#radius" },
-                ]}
-              />
-            </motion.div>
-          </motion.div>
-        )}
-        <div className="relative">
-          <div className="absolute -left-2 top-5 -translate-x-full">
-            <AnimatePresence>
-              {!isOpen && isMounted && (
-                <motion.div
-                  initial={{ opacity: 0.8, x: 100 }}
-                  animate={{ opacity: 1, x: 0 }}
-                  exit={{ opacity: 0.8, x: 100 }}
-                  transition={{ duration: 0.2 }}
-                >
-                  <Button
-                    variant="default"
-                    size="sm"
-                    onPress={() => setOpen(true)}
-                    className="bg-bg-inverse/5 sticky top-0 border"
-                  >
-                    Preview
-                  </Button>
-                </motion.div>
-              )}
-            </AnimatePresence>
-          </div>
-          <motion.div
-            initial={false}
-            animate={{ width: containerWidth }}
-            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-            className="sticky right-0 top-0 z-10 flex h-[100svh] w-0 justify-end overflow-hidden"
-          >
-            <motion.div
-              animate={{ width: previewWidth }}
-              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-              className="h-full p-4 pl-0"
-            >
-              <Preview
-                themeName={pathname.split("/").pop()!}
-                setOpen={setOpen}
-                screen={screen}
-                onScreenChange={setScreen}
-              />
-            </motion.div>
-          </motion.div>
-        </div>
-      </div>
-    </ViewTransitions>
-  );
-}
diff --git a/www/src/app/(app)/themes-old/layout.tsx b/www/src/app/(app)/themes-old/layout.tsx
deleted file mode 100644
index 2e3fcab4e..000000000
--- a/www/src/app/(app)/themes-old/layout.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ViewTransitions } from "next-view-transitions";
-
-export default function ThemesOldLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return <ViewTransitions>{children}</ViewTransitions>;
-}
diff --git a/www/src/app/(app)/themes-old/page.tsx b/www/src/app/(app)/themes-old/page.tsx
deleted file mode 100644
index 61a388913..000000000
--- a/www/src/app/(app)/themes-old/page.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-"use client";
-
-import { ListFilterIcon } from "lucide-react";
-import { Link } from "next-view-transitions";
-import { useMounted } from "@/hooks/use-mounted";
-import { Button } from "@/components/core/button";
-import { SearchField } from "@/components/core/search-field";
-import { Skeleton } from "@/registry/core/skeleton_basic";
-import { themes } from "@/registry/registry-themes";
-import { ThemeProvider } from "@/modules/themes/components/theme-provider";
-
-export default function Page() {
-  const isMounted = useMounted();
-  return (
-    <div className="container max-w-3xl pb-36 pt-16">
-      <h2 className="w-fit text-2xl font-semibold [view-transition-name:themes-title]">
-        Themes
-      </h2>
-      <p className="text-fg-muted mt-2 text-base">
-        A theme provide a complete design system with carefully crafted colors,
-        typography, and chosen components.
-      </p>
-      <div className="mt-6 flex items-center gap-2">
-        <SearchField placeholder="Search themes..." className="flex-1" />
-        <Button prefix={<ListFilterIcon />}>Filter</Button>
-        <Button variant="primary" className="">
-          Create theme
-        </Button>
-      </div>
-      <h3 className="mt-6 text-lg font-semibold">Your themes</h3>
-      <p className="text-fg-muted mt-1">No themes created yet!</p>
-      <h3 className="mt-6 text-lg font-semibold">Featured themes</h3>
-      <div className="group mt-4 grid grid-cols-2 gap-x-2 gap-y-4">
-        {themes.map((theme) => (
-          <div
-            key={theme.name}
-            className="group/theme-card flex flex-col gap-1 transition-opacity hover:!opacity-100 group-hover:opacity-80"
-          >
-            <Skeleton show={!isMounted}>
-              <ThemeProvider
-                key={theme.name}
-                theme={theme}
-                unstyled
-                className="text-fg"
-              >
-                <Link
-                  href={`/themes-old/${theme.name}`}
-                  className="bg-bg flex flex-col items-start justify-start gap-0 overflow-hidden rounded-md border p-0"
-                >
-                  <div className="flex w-full items-start justify-between p-2">
-                    <div>
-                      <span className="block text-lg font-semibold">
-                        {theme.label}
-                      </span>
-                      <span className="text-fg-muted block text-sm">
-                        {theme.foundations.dark && theme.foundations.light ? (
-                          <span>Light and dark mode.</span>
-                        ) : (
-                          <span>
-                            {theme.foundations.dark ? "Dark" : "Light"} mode
-                            only.
-                          </span>
-                        )}
-                      </span>
-                    </div>
-                    {/* <RadioIndicator /> */}
-                  </div>
-                  <div className="grid w-full grid-cols-10">
-                    {[...Array(10)].map((_, i) => (
-                      <div
-                        key={i}
-                        style={{
-                          backgroundColor: `var(--neutral-${(i + 1) * 100})`,
-                        }}
-                        className="h-4"
-                      ></div>
-                    ))}
-                  </div>
-                  <div className="grid w-full grid-cols-10">
-                    {[...Array(10)].map((_, i) => (
-                      <div
-                        key={i}
-                        style={{
-                          backgroundColor: `var(--accent-${(i + 1) * 100})`,
-                        }}
-                        className="h-4"
-                      ></div>
-                    ))}
-                  </div>
-                </Link>
-              </ThemeProvider>
-            </Skeleton>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes-old/preview.tsx b/www/src/app/(app)/themes-old/preview.tsx
deleted file mode 100644
index 05e1624b6..000000000
--- a/www/src/app/(app)/themes-old/preview.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  ChevronsRightIcon,
-  MonitorIcon,
-  RotateCwIcon,
-  SmartphoneIcon,
-} from "lucide-react";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/core/button";
-
-export function Preview({
-  themeName: initialThemeName,
-  setOpen,
-  screen,
-  onScreenChange,
-}: {
-  themeName: string;
-  setOpen: (open: boolean) => void;
-  screen: "desktop" | "mobile";
-  onScreenChange: (screen: "desktop" | "mobile") => void;
-}) {
-  const [themeName, setThemeName] = React.useState(initialThemeName);
-  const iframeRef = React.useRef<HTMLIFrameElement>(null);
-  const [iframeIsLoading, setIframeLoading] = React.useState(true);
-  const [currentPathname, setCurrentPathname] = React.useState("");
-
-  React.useEffect(() => {
-    if (iframeRef.current && iframeRef.current.contentWindow) {
-      setThemeName(initialThemeName);
-      iframeRef.current.contentWindow.postMessage(
-        { type: "UPDATE_THEME", themeName },
-        "*" // Replace '*' with the iframe's origin for security
-      );
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [initialThemeName]);
-
-  const reload = () => {
-    if (iframeRef.current) {
-      setIframeLoading(true);
-      iframeRef.current.contentWindow?.location.reload();
-    }
-  };
-
-  const goBack = () => {
-    if (iframeRef.current) {
-      iframeRef.current.contentWindow?.history.back();
-    }
-  };
-
-  const goForward = () => {
-    if (iframeRef.current) {
-      iframeRef.current.contentWindow?.history.forward();
-    }
-  };
-
-  const updateUrl = React.useCallback(() => {
-    if (iframeRef.current && iframeRef.current.contentWindow) {
-      const iframeUrl =
-        iframeRef.current.contentWindow.location.pathname.replace(
-          "/preview",
-          ""
-        );
-      if (iframeUrl && iframeUrl !== currentPathname) {
-        setCurrentPathname(iframeUrl);
-      }
-    }
-  }, [currentPathname]);
-
-  React.useEffect(() => {
-    // Poll for URL changes every second
-    const urlCheckInterval = setInterval(() => {
-      updateUrl();
-    }, 1000);
-
-    return () => clearInterval(urlCheckInterval);
-  }, [updateUrl]);
-
-  return (
-    <div className="bg-bg size-full overflow-hidden rounded-md border">
-      <div className="bg-bg-muted flex items-center justify-between gap-2 border-b border-t-[inherit] p-1">
-        <div className="flex w-32 items-center gap-3">
-          <div className="flex items-center gap-1">
-            <Button
-              variant="quiet"
-              shape="square"
-              size="sm"
-              className="size-7"
-              onPress={() => setOpen(false)}
-            >
-              <ChevronsRightIcon />
-            </Button>
-            <Button
-              onPress={goBack}
-              variant="quiet"
-              shape="square"
-              size="sm"
-              className="size-7"
-            >
-              <ChevronLeftIcon />
-            </Button>
-            <Button
-              onPress={goForward}
-              variant="quiet"
-              shape="square"
-              size="sm"
-              className="size-7"
-            >
-              <ChevronRightIcon />
-            </Button>
-            <Button
-              onPress={reload}
-              isDisabled={iframeIsLoading}
-              variant="quiet"
-              shape="square"
-              size="sm"
-              className="size-7"
-            >
-              <RotateCwIcon className={cn(iframeIsLoading && "animate-spin")} />
-            </Button>
-          </div>
-        </div>
-        <Button
-          href={`/preview${currentPathname}`}
-          className="h-7 rounded-sm text-sm font-normal"
-          variant="quiet"
-          size="sm"
-        >
-          acme.com{currentPathname}
-        </Button>
-        <div className="flex w-32 justify-end">
-          <Button
-            variant="quiet"
-            shape="square"
-            size="sm"
-            className="size-7"
-            onPress={() =>
-              onScreenChange(screen === "desktop" ? "mobile" : "desktop")
-            }
-          >
-            {screen === "desktop" ? <MonitorIcon /> : <SmartphoneIcon />}
-          </Button>
-        </div>
-      </div>
-      <iframe
-        ref={iframeRef}
-        src={`/preview/${themeName}`}
-        className="rounded-{inherit] size-full"
-        onLoad={() => {
-          setIframeLoading(false);
-        }}
-      />
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes-old/[name]/page.tsx b/www/src/app/(app)/themes/[themeName]/page.tsx
similarity index 85%
rename from www/src/app/(app)/themes-old/[name]/page.tsx
rename to www/src/app/(app)/themes/[themeName]/page.tsx
index 121d0c0e9..5819e7401 100644
--- a/www/src/app/(app)/themes-old/[name]/page.tsx
+++ b/www/src/app/(app)/themes/[themeName]/page.tsx
@@ -9,11 +9,12 @@ import {
   SaveIcon,
   SunIcon,
 } from "lucide-react";
-import { AnimatePresence, motion, Transition } from "motion/react";
+import { motion, Transition } from "motion/react";
 import { Link } from "next-view-transitions";
 import { useMeasure } from "react-use";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
 import { Tabs, Tab, TabList } from "@/components/core/tabs";
 import { ToggleButton } from "@/components/core/toggle-button";
 import { Tooltip } from "@/components/core/tooltip";
@@ -37,57 +38,56 @@ import { TagGroupDemo } from "@/modules/themes/components/demos/tag-group-demo";
 import { TextAreaDemo } from "@/modules/themes/components/demos/text-area-demo";
 import { TextFieldDemo } from "@/modules/themes/components/demos/text-field-demo";
 import { ToggleButtonDemo } from "@/modules/themes/components/demos/toggle-button-demo";
+import { PreviewContent } from "../preview";
 
 export default function ThemePage() {
   const [isEditMode, setEditMode] = React.useState(false);
 
   return (
-    <div className="pb-20 pt-10">
-      <Link
-        href="/themes-old"
-        className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
-      >
-        <ArrowLeftIcon className="size-4" />
-        <span>
-          <span className="[view-transition-name:themes-title]">themes</span>
-        </span>
-      </Link>
-      <div className="flex items-center justify-between">
-        <h2 className="text-3xl font-semibold tracking-tight">Forest</h2>
-        <div className="flex items-center gap-2">
-          <AnimatePresence>
+    <div className="relative pb-20">
+      <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
+        <Link
+          href="/themes"
+          className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
+        >
+          <ArrowLeftIcon className="size-4" />
+          <span>
+            <span className="[view-transition-name:themes-title]">themes</span>
+          </span>
+        </Link>
+        <div className="flex items-center justify-between">
+          <h2 className="text-3xl font-semibold tracking-tight">Forest</h2>
+          <div className="flex items-center gap-2">
+            <DialogRoot>
+              <Button className="xl:hidden">Preview</Button>
+              <Dialog type="drawer" className="h-[80svh] p-0">
+                <PreviewContent
+                  themeName="minimalist"
+                  collapsible={false}
+                  resizable={false}
+                />
+              </Dialog>
+            </DialogRoot>
             {isEditMode && (
-              <motion.div
-                initial={{ width: 60, opacity: 0 }}
-                animate={{ width: 112, opacity: 1 }}
-                exit={{ width: 60, opacity: 0 }}
-                transition={TRANSITION}
-                className="overflow-hidden"
-              >
-                <Button
-                  prefix={<SaveIcon />}
-                  isDisabled
-                  className="w-full min-w-0"
-                >
-                  Save
-                </Button>
-              </motion.div>
+              <Button shape="square" isDisabled>
+                <SaveIcon />
+              </Button>
             )}
-          </AnimatePresence>
-          <Tooltip content="Edit mode" variant="inverse" showArrow>
-            <ToggleButton
-              isSelected={isEditMode}
-              onChange={setEditMode}
-              prefix={<PenIcon />}
-              variant="primary"
-              shape="rectangle"
-            >
-              Edit mode
-            </ToggleButton>
-          </Tooltip>
+            <Tooltip content="Edit mode" variant="inverse" showArrow>
+              <ToggleButton
+                isSelected={isEditMode}
+                onChange={setEditMode}
+                prefix={<PenIcon />}
+                variant="primary"
+                shape="rectangle"
+              >
+                Edit mode
+              </ToggleButton>
+            </Tooltip>
+          </div>
         </div>
       </div>
-      <div className="mt-12 space-y-10">
+      <div className="max-w-[calc(100vw-24px)] space-y-10 overflow-hidden max-lg:p-4 sm:max-w-[calc(100vw-57px)] lg:mt-12">
         <Section
           title="Colors"
           description="Learn how to work with color system."
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
index 0ff2b8cbd..0f9bf4dda 100644
--- a/www/src/app/(app)/themes/layout.tsx
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -1,7 +1,22 @@
+import { Preview, PreviewProvider } from "./preview";
+import { ThemeTableOfContents } from "./toc";
+
 export default function ThemesLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  return <div>{children}</div>;
+  return (
+    <PreviewProvider>
+      <div className="relative flex">
+        <div className="relative flex-1">
+          <div className="lg:container lg:max-w-3xl lg:pt-10">{children}</div>
+        </div>
+        <div className="sticky top-0 flex h-[100svh] items-start max-xl:hidden">
+          <ThemeTableOfContents />
+          <Preview />
+        </div>
+      </div>
+    </PreviewProvider>
+  );
 }
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index b0c9bc30a..fe23e3ba7 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -2,7 +2,7 @@ import { ThemesExplorer } from "@/modules/themes/components/themes-explorer";
 
 export default function ThemesPage() {
   return (
-    <div>
+    <div className="pb-32 pt-6">
       <h2 className="w-fit text-2xl font-semibold [view-transition-name:themes-title]">
         Themes
       </h2>
diff --git a/www/src/app/(app)/themes/preview.tsx b/www/src/app/(app)/themes/preview.tsx
new file mode 100644
index 000000000..e39f48ad4
--- /dev/null
+++ b/www/src/app/(app)/themes/preview.tsx
@@ -0,0 +1,245 @@
+"use client";
+
+import React from "react";
+import { useParams, usePathname } from "next/navigation";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronsRightIcon,
+  MonitorIcon,
+  RotateCwIcon,
+  SmartphoneIcon,
+} from "lucide-react";
+import { motion } from "motion/react";
+import { cn } from "@/lib/utils";
+import { useMounted } from "@/hooks/use-mounted";
+import { Button } from "@/components/core/button";
+import { useSidebarContext } from "@/components/sidebar";
+import { useCurrentTheme } from "@/modules/themes/atoms/themes-atom";
+
+const PreviewContext = React.createContext<{
+  isOpen: boolean;
+  setOpen: (isOpen: boolean) => void;
+  screen: "desktop" | "mobile";
+  setScreen: (screen: "desktop" | "mobile") => void;
+}>({
+  isOpen: false,
+  setOpen: () => {},
+  screen: "desktop",
+  setScreen: () => {},
+});
+
+export function PreviewProvider({ children }: { children: React.ReactNode }) {
+  const [isOpen, setOpen] = React.useState(false);
+  const [screen, setScreen] = React.useState<"desktop" | "mobile">("desktop");
+
+  return (
+    <PreviewContext.Provider value={{ isOpen, setOpen, screen, setScreen }}>
+      {children}
+    </PreviewContext.Provider>
+  );
+}
+
+export const usePreviewContext = () => React.useContext(PreviewContext);
+
+export const Preview = () => {
+  const { isOpen, setOpen, screen } = usePreviewContext();
+  const pathname = usePathname();
+  const shouldOpen = pathname.startsWith("/themes/");
+  const { isCollapsed } = useSidebarContext();
+  const { currentTheme } = useCurrentTheme();
+  const isMounted = useMounted();
+  const params = useParams<{ themeName?: string }>();
+
+  const themeName = params?.themeName ?? currentTheme.name;
+
+  const previewWidth = Math.min(
+    screen === "mobile" ? 420 : 700,
+    isCollapsed ? 700 : 600
+  );
+  const containerWidth = isOpen && shouldOpen ? previewWidth : 0;
+
+  if (!isMounted) return null;
+
+  return (
+    <>
+      <motion.div
+        key="preview-button"
+        initial={{ width: 0 }}
+        animate={{ width: isOpen || !shouldOpen ? 0 : 110 }}
+        transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+        className="flex justify-start overflow-hidden"
+      >
+        <div style={{ width: 110 }} className="p-4">
+          <Button
+            variant="default"
+            size="sm"
+            onPress={() => setOpen(true)}
+            className="bg-bg-inverse/5 border"
+          >
+            Preview
+          </Button>
+        </div>
+      </motion.div>
+      <motion.div
+        key="preview-container"
+        initial={{ width: 0 }}
+        animate={{ width: containerWidth }}
+        transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+        className="h-full overflow-hidden"
+      >
+        <motion.div
+          animate={{ width: previewWidth }}
+          transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+          className="h-full p-4 pl-0"
+        >
+          <PreviewContent themeName={themeName} />
+        </motion.div>
+      </motion.div>
+    </>
+  );
+};
+
+export function PreviewContent({
+  themeName,
+  className,
+  resizable = true,
+  collapsible = true,
+}: {
+  themeName: string;
+  className?: string;
+  resizable?: boolean;
+  collapsible?: boolean;
+}) {
+  const { setOpen, screen, setScreen } = usePreviewContext();
+  const iframeRef = React.useRef<HTMLIFrameElement>(null);
+  const [isLoading, setLoading] = React.useState(false);
+  const [currentPathname, setCurrentPathname] = React.useState("");
+
+  const reload = () => {
+    if (iframeRef.current) {
+      setLoading(true);
+      iframeRef.current.contentWindow?.location.reload();
+    }
+  };
+
+  const goBack = () => {
+    if (iframeRef.current) {
+      iframeRef.current.contentWindow?.history.back();
+    }
+  };
+
+  const goForward = () => {
+    if (iframeRef.current) {
+      iframeRef.current.contentWindow?.history.forward();
+    }
+  };
+
+  const updateUrl = React.useCallback(() => {
+    if (iframeRef.current && iframeRef.current.contentWindow) {
+      const iframeUrl =
+        iframeRef.current.contentWindow.location.pathname.replace(
+          "/preview",
+          ""
+        );
+      if (iframeUrl && iframeUrl !== currentPathname) {
+        setCurrentPathname(iframeUrl);
+      }
+    }
+  }, [currentPathname]);
+
+  React.useEffect(() => {
+    // Poll for URL changes every second
+    const urlCheckInterval = setInterval(() => {
+      updateUrl();
+    }, 1000);
+
+    return () => clearInterval(urlCheckInterval);
+  }, [updateUrl]);
+
+  return (
+    <div
+      className={cn(
+        "bg-bg size-full overflow-hidden rounded-md border",
+        className
+      )}
+    >
+      <div className="bg-bg-muted flex items-center justify-between gap-2 border-b border-t-[inherit] p-1">
+        <div className="flex w-32 items-center gap-3">
+          <div className="flex items-center gap-1">
+            {collapsible && (
+              <Button
+                variant="quiet"
+                shape="square"
+                size="sm"
+                className="size-7"
+                onPress={() => setOpen(false)}
+              >
+                <ChevronsRightIcon />
+              </Button>
+            )}
+            <Button
+              onPress={goBack}
+              variant="quiet"
+              shape="square"
+              size="sm"
+              className="size-7"
+            >
+              <ChevronLeftIcon />
+            </Button>
+            <Button
+              onPress={goForward}
+              variant="quiet"
+              shape="square"
+              size="sm"
+              className="size-7"
+            >
+              <ChevronRightIcon />
+            </Button>
+            <Button
+              onPress={reload}
+              isDisabled={isLoading}
+              variant="quiet"
+              shape="square"
+              size="sm"
+              className="size-7"
+            >
+              <RotateCwIcon className={cn(isLoading && "animate-spin")} />
+            </Button>
+          </div>
+        </div>
+        <Button
+          href={`/preview${currentPathname}`}
+          className="h-7 rounded-sm text-sm font-normal"
+          variant="quiet"
+          size="sm"
+        >
+          acme.com{currentPathname}
+        </Button>
+        <div className="flex w-32 justify-end">
+          {
+            <Button
+              variant="quiet"
+              shape="square"
+              size="sm"
+              className="size-7"
+              onPress={() =>
+                setScreen(screen === "desktop" ? "mobile" : "desktop")
+              }
+            >
+              {screen === "desktop" ? <MonitorIcon /> : <SmartphoneIcon />}
+            </Button>
+          }
+        </div>
+      </div>
+      <iframe
+        ref={iframeRef}
+        src={`/preview/${themeName}`}
+        className="rounded-{inherit] size-full"
+        onLoad={() => {
+          setLoading(false);
+        }}
+      />
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/themes/toc.tsx b/www/src/app/(app)/themes/toc.tsx
new file mode 100644
index 000000000..bc9116f80
--- /dev/null
+++ b/www/src/app/(app)/themes/toc.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import React from "react";
+import { usePathname } from "next/navigation";
+import { motion } from "motion/react";
+import { useMounted } from "@/hooks/use-mounted";
+import { TableOfContents } from "@/components/docs/toc";
+import { usePreviewContext } from "./preview";
+
+export function ThemeTableOfContents() {
+  const isMounted = useMounted();
+  const { isOpen: isPreviewOpen } = usePreviewContext();
+  const pathname = usePathname();
+  const isOpen = pathname.startsWith("/themes/") && !isPreviewOpen;
+
+  if (!isMounted) return null;
+
+  return (
+    <motion.div
+      initial={false}
+      animate={{ width: isOpen ? 170 : 0 }}
+      transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+      className="sticky top-0 z-0 h-[100svh] w-0 overflow-hidden"
+    >
+      <motion.div
+        initial={false}
+        animate={{ width: 170, opacity: isOpen ? 1 : 0 }}
+        transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+        className="h-full pt-10"
+      >
+        <TableOfContents
+          toc={[
+            { depth: 2, title: "Colors", url: "#colors" },
+            { depth: 3, title: "Core colors", url: "#core-colors" },
+            {
+              depth: 3,
+              title: "Semantic colors",
+              url: "#semantic-colors",
+            },
+            { depth: 2, title: "Typography", url: "#typography" },
+            { depth: 2, title: "Icongraphy", url: "#iconography" },
+            { depth: 2, title: "Layout", url: "#radius" },
+          ]}
+        />
+      </motion.div>
+    </motion.div>
+  );
+}
diff --git a/www/src/app/(preview)/preview/[themeName]/(auth)/layout.tsx b/www/src/app/preview/[themeName]/(auth)/layout.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/[themeName]/(auth)/layout.tsx
rename to www/src/app/preview/[themeName]/(auth)/layout.tsx
diff --git a/www/src/app/(preview)/preview/[themeName]/(auth)/login/page.tsx b/www/src/app/preview/[themeName]/(auth)/login/page.tsx
similarity index 94%
rename from www/src/app/(preview)/preview/[themeName]/(auth)/login/page.tsx
rename to www/src/app/preview/[themeName]/(auth)/login/page.tsx
index 33826cbdd..240b54785 100644
--- a/www/src/app/(preview)/preview/[themeName]/(auth)/login/page.tsx
+++ b/www/src/app/preview/[themeName]/(auth)/login/page.tsx
@@ -7,7 +7,7 @@ import { Button } from "@/components/dynamic-core/button";
 import { TextField } from "@/components/dynamic-core/text-field";
 import { GitHubIcon, TwitterIcon } from "@/components/icons";
 import { GoogleIcon } from "@/components/icons/google-icon";
-import { useSimulateApiCall } from "@/app/(preview)/preview/[themeName]/hooks/use-api";
+import { useSimulateApiCall } from "@/app/preview/[themeName]/hooks/use-api";
 
 export default function LoginPage() {
   const router = useRouter();
diff --git a/www/src/app/(preview)/preview/[themeName]/(auth)/register/page.tsx b/www/src/app/preview/[themeName]/(auth)/register/page.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/[themeName]/(auth)/register/page.tsx
rename to www/src/app/preview/[themeName]/(auth)/register/page.tsx
diff --git a/www/src/app/(preview)/preview/[themeName]/(marketing)/layout.tsx b/www/src/app/preview/[themeName]/(marketing)/layout.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/[themeName]/(marketing)/layout.tsx
rename to www/src/app/preview/[themeName]/(marketing)/layout.tsx
diff --git a/www/src/app/(preview)/preview/[themeName]/(marketing)/page.tsx b/www/src/app/preview/[themeName]/(marketing)/page.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/[themeName]/(marketing)/page.tsx
rename to www/src/app/preview/[themeName]/(marketing)/page.tsx
diff --git a/www/src/app/(preview)/preview/[themeName]/(marketing)/pricing/page.tsx b/www/src/app/preview/[themeName]/(marketing)/pricing/page.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/[themeName]/(marketing)/pricing/page.tsx
rename to www/src/app/preview/[themeName]/(marketing)/pricing/page.tsx
diff --git a/www/src/app/(preview)/preview/[themeName]/app/layout.tsx b/www/src/app/preview/[themeName]/app/layout.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/[themeName]/app/layout.tsx
rename to www/src/app/preview/[themeName]/app/layout.tsx
diff --git a/www/src/app/(preview)/preview/[themeName]/app/overview/page.tsx b/www/src/app/preview/[themeName]/app/overview/page.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/[themeName]/app/overview/page.tsx
rename to www/src/app/preview/[themeName]/app/overview/page.tsx
diff --git a/www/src/app/(preview)/preview/[themeName]/hooks/use-api.ts b/www/src/app/preview/[themeName]/hooks/use-api.ts
similarity index 100%
rename from www/src/app/(preview)/preview/[themeName]/hooks/use-api.ts
rename to www/src/app/preview/[themeName]/hooks/use-api.ts
diff --git a/www/src/app/(preview)/preview/[themeName]/layout.tsx b/www/src/app/preview/[themeName]/layout.tsx
similarity index 90%
rename from www/src/app/(preview)/preview/[themeName]/layout.tsx
rename to www/src/app/preview/[themeName]/layout.tsx
index 56f6e917f..48b3a45a5 100644
--- a/www/src/app/(preview)/preview/[themeName]/layout.tsx
+++ b/www/src/app/preview/[themeName]/layout.tsx
@@ -14,7 +14,6 @@ export default async function PreviewLayout({
   return (
     <ThemeProvider theme={themes.find((theme) => theme.name === themeName)}>
       <ThemeUpdater />
-      <div>currentTheme: {themeName}</div>
       <div className="min-h-screen">{children}</div>
     </ThemeProvider>
   );
diff --git a/www/src/app/(preview)/preview/[themeName]/theme-updater.tsx b/www/src/app/preview/[themeName]/theme-updater.tsx
similarity index 100%
rename from www/src/app/(preview)/preview/[themeName]/theme-updater.tsx
rename to www/src/app/preview/[themeName]/theme-updater.tsx
diff --git a/www/src/modules/themes/components/themes-explorer.tsx b/www/src/modules/themes/components/themes-explorer.tsx
index 1f7b1e9a5..e576de014 100644
--- a/www/src/modules/themes/components/themes-explorer.tsx
+++ b/www/src/modules/themes/components/themes-explorer.tsx
@@ -1,4 +1,167 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import { ListFilterIcon } from "lucide-react";
+import { useFilter } from "react-aria-components";
+import { useMounted } from "@/hooks/use-mounted";
+import { Button } from "@/components/core/button";
+import {
+  Dialog,
+  DialogBody,
+  DialogFooter,
+  DialogRoot,
+} from "@/components/core/dialog";
+import { Menu, MenuItem, MenuRoot } from "@/components/core/menu";
+import { RadioGroup, Radio } from "@/components/core/radio-group";
+import { SearchField } from "@/components/core/search-field";
+import { TextField } from "@/components/core/text-field";
+import { Skeleton } from "@/registry/core/skeleton_basic";
+import { themes } from "@/registry/registry-themes";
+import { ThemeProvider } from "@/modules/themes/components/theme-provider";
+
+type Filter = "light" | "dark" | "light-dark" | "all";
+
 export function ThemesExplorer() {
-  return <div>ThemesExplorer</div>;
-}
+  const isMounted = useMounted();
 
+  const [searchInput, setSearchInput] = React.useState("");
+  const [filter, setFilter] = React.useState<Filter>("all");
+  const { contains } = useFilter({ sensitivity: "base" });
+
+  const filteredThemes = themes
+    .filter((theme) => contains(theme.name, searchInput))
+    .filter((theme) => {
+      if (filter === "light-dark") {
+        return theme.foundations.dark && theme.foundations.light;
+      }
+      if (filter === "light") {
+        return theme.foundations.light && !theme.foundations.dark;
+      }
+      if (filter === "dark") {
+        return theme.foundations.dark && !theme.foundations.light;
+      }
+      return true;
+    });
+
+  return (
+    <div>
+      <div className="mt-6 flex items-center gap-2">
+        <SearchField
+          placeholder="Search themes..."
+          className="flex-1"
+          value={searchInput}
+          onChange={setSearchInput}
+        />
+        <MenuRoot>
+          <Button prefix={<ListFilterIcon />}>Filter</Button>
+          <Menu
+            selectionMode="single"
+            selectedKeys={new Set([filter])}
+            onSelectionChange={(keys) => {
+              setFilter([...keys][0] as Filter);
+            }}
+          >
+            <MenuItem id="all">All</MenuItem>
+            <MenuItem id="light-dark">Light and dark</MenuItem>
+            <MenuItem id="light">Light only</MenuItem>
+            <MenuItem id="dark">Dark only</MenuItem>
+          </Menu>
+        </MenuRoot>
+        <DialogRoot>
+          <Button variant="primary" className="">
+            Create theme
+          </Button>
+          <Dialog
+            title="Create theme"
+            description="Create a new theme to get started."
+          >
+            <DialogBody className="space-y-4">
+              <TextField label="Name" className="w-full" />
+              <RadioGroup
+                label="Mode"
+                orientation="horizontal"
+                className="w-full"
+              >
+                <Radio value="light-dark">Light and dark</Radio>
+                <Radio value="light">Light</Radio>
+                <Radio value="dark">Dark</Radio>
+              </RadioGroup>
+            </DialogBody>
+            <DialogFooter>
+              <Button slot="close">Cancel</Button>
+              <Button variant="primary" type="submit">
+                Create theme
+              </Button>
+            </DialogFooter>
+          </Dialog>
+        </DialogRoot>
+      </div>
+      <h3 className="mt-6 text-lg font-semibold">Your themes</h3>
+      <p className="text-fg-muted mt-1">No themes created yet!</p>
+      <h3 className="mt-6 text-lg font-semibold">Featured themes</h3>
+      <div className="group mt-4 grid grid-cols-2 gap-x-2 gap-y-4">
+        {filteredThemes.map((theme) => (
+          <div
+            key={theme.name}
+            className="group/theme-card flex flex-col gap-1 transition-opacity hover:!opacity-100 group-hover:opacity-80"
+          >
+            <Skeleton show={!isMounted}>
+              <ThemeProvider
+                key={theme.name}
+                theme={theme}
+                unstyled
+                className="text-fg"
+              >
+                <Link
+                  href={`/themes/${theme.name}`}
+                  className="bg-bg flex flex-col items-start justify-start gap-0 overflow-hidden rounded-md border p-0"
+                >
+                  <div className="flex w-full items-start justify-between p-2">
+                    <div>
+                      <span className="block text-lg font-semibold">
+                        {theme.label}
+                      </span>
+                      <span className="text-fg-muted block text-sm">
+                        {theme.foundations.dark && theme.foundations.light ? (
+                          <span>Light and dark mode.</span>
+                        ) : (
+                          <span>
+                            {theme.foundations.dark ? "Dark" : "Light"} mode
+                            only.
+                          </span>
+                        )}
+                      </span>
+                    </div>
+                  </div>
+                  <div className="grid w-full grid-cols-10">
+                    {[...Array(10)].map((_, i) => (
+                      <div
+                        key={i}
+                        style={{
+                          backgroundColor: `var(--neutral-${(i + 1) * 100})`,
+                        }}
+                        className="h-4"
+                      ></div>
+                    ))}
+                  </div>
+                  <div className="grid w-full grid-cols-10">
+                    {[...Array(10)].map((_, i) => (
+                      <div
+                        key={i}
+                        style={{
+                          backgroundColor: `var(--accent-${(i + 1) * 100})`,
+                        }}
+                        className="h-4"
+                      ></div>
+                    ))}
+                  </div>
+                </Link>
+              </ThemeProvider>
+            </Skeleton>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/registry/core/dialog_basic.tsx b/www/src/registry/core/dialog_basic.tsx
index d956e2dd0..075a31c86 100644
--- a/www/src/registry/core/dialog_basic.tsx
+++ b/www/src/registry/core/dialog_basic.tsx
@@ -21,7 +21,7 @@ const dialogStyles = tv({
     description: "text-fg-muted text-sm",
     body: "-mx-4 flex-1 space-y-2 overflow-y-auto px-4 py-2",
     inset: "bg-bg-muted -mx-4 border px-4 py-4",
-    footer: "flex flex-col-reverse gap-2 pt-8 sm:flex-row sm:justify-end",
+    footer: "flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end",
   },
 });
 

From 969b7b41656397bc9bcd97e156d37f755f66673c Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 17 Feb 2025 23:16:23 +0100
Subject: [PATCH 148/165] handle user themes

---
 www/next.config.mjs                           |   3 +
 www/src/app/(app)/themes/[themeName]/page.tsx | 468 +++++++++---------
 www/src/app/(app)/themes/layout.tsx           |   4 +-
 www/src/app/(app)/themes/page.tsx             |   8 +-
 www/src/app/(app)/themes/preview.tsx          |  12 +-
 www/src/app/(home)/page.tsx                   |  10 +-
 www/src/components/announcement.tsx           |  15 +
 www/src/components/core/form.tsx              |   2 +-
 www/src/modules/themes/atoms/themes-atom.ts   |  37 +-
 .../themes/components/create-theme-dialog.tsx |  78 +++
 .../modules/themes/components/theme-card.tsx  |  65 +++
 .../themes/components/themes-explorer.tsx     | 125 ++---
 12 files changed, 478 insertions(+), 349 deletions(-)
 create mode 100644 www/src/components/announcement.tsx
 create mode 100644 www/src/modules/themes/components/create-theme-dialog.tsx

diff --git a/www/next.config.mjs b/www/next.config.mjs
index 102e58905..8528ab9ed 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -19,6 +19,9 @@ const config = {
   devIndicators: {
     appIsrStatus: false,
   },
+  experimental: {
+    reactCompiler: true,
+  },
 };
 
 export default withMDX(config);
diff --git a/www/src/app/(app)/themes/[themeName]/page.tsx b/www/src/app/(app)/themes/[themeName]/page.tsx
index 5819e7401..8d592fa10 100644
--- a/www/src/app/(app)/themes/[themeName]/page.tsx
+++ b/www/src/app/(app)/themes/[themeName]/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import Link from "next/link";
 import {
   ArrowLeftIcon,
   CheckIcon,
@@ -10,7 +11,6 @@ import {
   SunIcon,
 } from "lucide-react";
 import { motion, Transition } from "motion/react";
-import { Link } from "next-view-transitions";
 import { useMeasure } from "react-use";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
@@ -44,68 +44,67 @@ export default function ThemePage() {
   const [isEditMode, setEditMode] = React.useState(false);
 
   return (
-    <div className="relative pb-20">
-      <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
-        <Link
-          href="/themes"
-          className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
-        >
-          <ArrowLeftIcon className="size-4" />
-          <span>
-            <span className="[view-transition-name:themes-title]">themes</span>
-          </span>
-        </Link>
-        <div className="flex items-center justify-between">
-          <h2 className="text-3xl font-semibold tracking-tight">Forest</h2>
-          <div className="flex items-center gap-2">
-            <DialogRoot>
-              <Button className="xl:hidden">Preview</Button>
-              <Dialog type="drawer" className="h-[80svh] p-0">
-                <PreviewContent
-                  themeName="minimalist"
-                  collapsible={false}
-                  resizable={false}
-                />
-              </Dialog>
-            </DialogRoot>
-            {isEditMode && (
-              <Button shape="square" isDisabled>
-                <SaveIcon />
-              </Button>
-            )}
-            <Tooltip content="Edit mode" variant="inverse" showArrow>
-              <ToggleButton
-                isSelected={isEditMode}
-                onChange={setEditMode}
-                prefix={<PenIcon />}
-                variant="primary"
-                shape="rectangle"
-              >
-                Edit mode
-              </ToggleButton>
-            </Tooltip>
+    <div>
+      <div className="relative pb-20">
+        <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
+          <Link
+            href="/themes"
+            className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
+          >
+            <ArrowLeftIcon className="size-4" />
+            <span>themes</span>
+          </Link>
+          <div className="flex items-center justify-between">
+            <h2 className="text-3xl font-semibold tracking-tight">Forest</h2>
+            <div className="flex items-center gap-2">
+              <DialogRoot>
+                <Button className="xl:hidden">Preview</Button>
+                <Dialog type="drawer" className="h-[80svh] p-0">
+                  <PreviewContent
+                    themeName="minimalist"
+                    collapsible={false}
+                    resizable={false}
+                  />
+                </Dialog>
+              </DialogRoot>
+              {isEditMode && (
+                <Button shape="square" isDisabled>
+                  <SaveIcon />
+                </Button>
+              )}
+              <Tooltip content="Edit mode" variant="inverse" showArrow>
+                <ToggleButton
+                  isSelected={isEditMode}
+                  onChange={setEditMode}
+                  prefix={<PenIcon />}
+                  variant="primary"
+                  shape="rectangle"
+                >
+                  Edit mode
+                </ToggleButton>
+              </Tooltip>
+            </div>
           </div>
         </div>
-      </div>
-      <div className="max-w-[calc(100vw-24px)] space-y-10 overflow-hidden max-lg:p-4 sm:max-w-[calc(100vw-57px)] lg:mt-12">
-        <Section
-          title="Colors"
-          description="Learn how to work with color system."
-          action={
-            <Tabs variant="solid">
-              <TabList className="[&_svg]:size-4">
-                <Tab id="light">
-                  <SunIcon />
-                </Tab>
-                <Tab id="dark">
-                  <MoonIcon />
-                </Tab>
-              </TabList>
-            </Tabs>
-          }
-          className="pt-4"
-        >
-          {/* {isEditMode ? (
+        <div className="space-y-10 overflow-hidden max-lg:p-4 lg:mt-12">
+          <Section
+            title="Colors"
+            description="Learn how to work with color system."
+            action={
+              <Tabs variant="solid">
+                <TabList className="[&_svg]:size-4">
+                  <Tab id="light">
+                    <SunIcon />
+                  </Tab>
+                  <Tab id="dark">
+                    <MoonIcon />
+                  </Tab>
+                </TabList>
+              </Tabs>
+            }
+            className="pt-4"
+          >
+            {/* {isEditMode ? (
             <Container key="edit">
               <p>edit colors here</p>
             </Container>
@@ -114,175 +113,180 @@ export default function ThemePage() {
               
             </Container>
           )} */}
-          <p className="font-medium tracking-tight">Core colors</p>
-          <div className="mt-1 flex gap-1">
-            <Item
-              className="bg-bg-neutral rounded-sm"
-              containerClassName=" ml-0! mr-0!"
-            />
-            <Item
-              className="bg-bg-accent rounded-sm"
-              containerClassName=" ml-0! mr-0!"
-            />
-          </div>
-          <div className="mt-1 space-y-1">
-            {[
-              { name: "neutral", label: "Neutral" },
-              { name: "accent", label: "Accent" },
-            ].map((shade) => (
-              <div key={shade.name} className="flex items-center gap-2">
-                <p className="text-fg-muted w-[60px] text-sm">{shade.label}</p>
-                <div className="flex flex-1">
-                  {Array.from({ length: 10 }).map((_, i) => (
-                    <Item
-                      key={i}
-                      style={{
-                        backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
-                      }}
-                      className="h-8 rounded-sm"
-                      containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
-                    />
-                  ))}
+            <p className="font-medium tracking-tight">Core colors</p>
+            <div className="mt-1 flex gap-1">
+              <Item
+                className="bg-bg-neutral rounded-sm"
+                containerClassName=" ml-0! mr-0!"
+              />
+              <Item
+                className="bg-bg-accent rounded-sm"
+                containerClassName=" ml-0! mr-0!"
+              />
+            </div>
+            <div className="mt-1 space-y-1">
+              {[
+                { name: "neutral", label: "Neutral" },
+                { name: "accent", label: "Accent" },
+              ].map((shade) => (
+                <div key={shade.name} className="flex items-center gap-2">
+                  <p className="text-fg-muted w-[60px] text-sm">
+                    {shade.label}
+                  </p>
+                  <div className="flex flex-1">
+                    {Array.from({ length: 10 }).map((_, i) => (
+                      <Item
+                        key={i}
+                        style={{
+                          backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                        }}
+                        className="h-8 rounded-sm"
+                        containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
+                      />
+                    ))}
+                  </div>
                 </div>
-              </div>
-            ))}
-          </div>
-          <p className="mt-4 font-medium tracking-tight">Semantic colors</p>
-          <div className="mt-1 flex gap-1">
-            {/* <Item className="bg-bg-info" /> */}
-            <Item
-              className="bg-bg-success rounded-sm"
-              containerClassName="ml-0! mr-0!"
-            />
-            <Item
-              className="bg-bg-warning rounded-sm"
-              containerClassName=" ml-0! mr-0!"
-            />
-            <Item
-              className="bg-bg-danger rounded-sm"
-              containerClassName=" ml-0! mr-0!"
-            />
-          </div>
-          <div className="mt-1 space-y-1">
-            {[
-              { name: "success", label: "Success" },
-              { name: "warning", label: "Warning" },
-              { name: "danger", label: "Danger" },
-              // { name: "info", label: "Info" },
-            ].map((shade) => (
-              <div key={shade.name} className="flex items-center gap-2">
-                <p className="text-fg-muted w-[60px] text-sm">{shade.label}</p>
-                <div className="flex flex-1">
-                  {Array.from({ length: 10 }).map((_, i) => (
-                    <Item
-                      key={i}
-                      style={{
-                        backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
-                      }}
-                      className="h-8 rounded-sm"
-                      containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
-                    />
-                  ))}
+              ))}
+            </div>
+            <p className="mt-4 font-medium tracking-tight">Semantic colors</p>
+            <div className="mt-1 flex gap-1">
+              {/* <Item className="bg-bg-info" /> */}
+              <Item
+                className="bg-bg-success rounded-sm"
+                containerClassName="ml-0! mr-0!"
+              />
+              <Item
+                className="bg-bg-warning rounded-sm"
+                containerClassName=" ml-0! mr-0!"
+              />
+              <Item
+                className="bg-bg-danger rounded-sm"
+                containerClassName=" ml-0! mr-0!"
+              />
+            </div>
+            <div className="mt-1 space-y-1">
+              {[
+                { name: "success", label: "Success" },
+                { name: "warning", label: "Warning" },
+                { name: "danger", label: "Danger" },
+                // { name: "info", label: "Info" },
+              ].map((shade) => (
+                <div key={shade.name} className="flex items-center gap-2">
+                  <p className="text-fg-muted w-[60px] text-sm">
+                    {shade.label}
+                  </p>
+                  <div className="flex flex-1">
+                    {Array.from({ length: 10 }).map((_, i) => (
+                      <Item
+                        key={i}
+                        style={{
+                          backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                        }}
+                        className="h-8 rounded-sm"
+                        containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
+                      />
+                    ))}
+                  </div>
                 </div>
-              </div>
-            ))}
-          </div>
-        </Section>
-        <Section
-          title="Typography"
-          description="Rules of typesetting throughout the system."
-          className="pt-4"
-        >
-          <div className="font-heading space-y-1 font-bold tracking-tight">
-            <p className="text-5xl">Heading 5XL</p>
-            <p className="text-4xl">Heading 4XL</p>
-            <p className="text-3xl">Heading 3XL</p>
-            <p className="text-2xl">Heading 2XL</p>
-            <p className="text-xl">Heading XL</p>
-            <p className="text-lg">Heading LG</p>
-          </div>
-          <div className="font-body mt-4 space-y-0.5 tracking-tight">
-            <p className="text-xl">This is body content XL</p>
-            <p className="text-lg">This is body content LG</p>
-            <p className="text-base">This is body content base</p>
-            <p className="text-sm">This is body content sm</p>
-          </div>
-        </Section>
-        <Section
-          title="Iconography"
-          description="A collection of icons."
-          className="pt-4"
-        >
-          <IconsDemo />
-        </Section>
-        <Section
-          title="Components overview"
-          description="Components are the reusable primitives for creating user interfaces."
-          className="space-y-4 pt-4"
-        >
-          {/* Buttons */}
-          <ComponentSection title="Button">
-            <ButtonDemo />
-          </ComponentSection>
-          <ComponentSection title="Toggle Button">
-            <ToggleButtonDemo />
-          </ComponentSection>
-          {/* Inputs */}
-          <ComponentSection title="TextField">
-            <TextFieldDemo />
-          </ComponentSection>
-          <ComponentSection title="TextArea">
-            <TextAreaDemo />
-          </ComponentSection>
-          <ComponentSection title="SearchField">
-            <SearchFieldDemo />
-          </ComponentSection>
-          <ComponentSection title="NumberField">
-            <NumberFieldDemo />
-          </ComponentSection>
-          <ComponentSection title="Checkbox">
-            <CheckboxDemo />
-          </ComponentSection>
-          <ComponentSection title="Checkbox Group"></ComponentSection>
-          <ComponentSection title="Radio Group">
-            <RadioGroupDemo />
-          </ComponentSection>
-          <ComponentSection title="Switch">
-            <SwitchDemo />
-          </ComponentSection>
-          <ComponentSection title="Slider">
-            <SliderDemo />
-          </ComponentSection>
-          {/* Menus and selection */}
-          <ComponentSection title="ListBox">
-            <ListBoxDemo />
-          </ComponentSection>
-          <ComponentSection title="Menu">
-            <MenuDemo />
-          </ComponentSection>
-          <ComponentSection title="Select">
-            <SelectDemo />
-          </ComponentSection>
-          <ComponentSection title="Combobox">
-            <ComboboxDemo />
-          </ComponentSection>
-          <ComponentSection title="Tag Group">
-            <TagGroupDemo />
-          </ComponentSection>
-          <ComponentSection title="Command">
-            <CommandDemo />
-          </ComponentSection>
-          {/* Date and time */}
-          <ComponentSection title="Calendar">
-            <CalendarDemo />
-          </ComponentSection>
-          <ComponentSection title="DatePicker">
-            <DatePickerDemo />
-          </ComponentSection>
-          <ComponentSection title="DateRangePicker">
-            <DateRangePickerDemo />
-          </ComponentSection>
-        </Section>
+              ))}
+            </div>
+          </Section>
+          <Section
+            title="Typography"
+            description="Rules of typesetting throughout the system."
+            className="hidden pt-4"
+          >
+            <div className="font-heading space-y-1 font-bold tracking-tight">
+              <p className="text-5xl">Heading 5XL</p>
+              <p className="text-4xl">Heading 4XL</p>
+              <p className="text-3xl">Heading 3XL</p>
+              <p className="text-2xl">Heading 2XL</p>
+              <p className="text-xl">Heading XL</p>
+              <p className="text-lg">Heading LG</p>
+            </div>
+            <div className="font-body mt-4 space-y-0.5 tracking-tight">
+              <p className="text-xl">This is body content XL</p>
+              <p className="text-lg">This is body content LG</p>
+              <p className="text-base">This is body content base</p>
+              <p className="text-sm">This is body content sm</p>
+            </div>
+          </Section>
+          <Section
+            title="Iconography"
+            description="A collection of icons."
+            className="hidden pt-4"
+          >
+            <IconsDemo />
+          </Section>
+          <Section
+            title="Components overview"
+            description="Components are the reusable primitives for creating user interfaces."
+            className="hidden space-y-4 pt-4"
+          >
+            {/* Buttons */}
+            <ComponentSection title="Button">
+              <ButtonDemo />
+            </ComponentSection>
+            <ComponentSection title="Toggle Button">
+              <ToggleButtonDemo />
+            </ComponentSection>
+            {/* Inputs */}
+            <ComponentSection title="TextField">
+              <TextFieldDemo />
+            </ComponentSection>
+            <ComponentSection title="TextArea">
+              <TextAreaDemo />
+            </ComponentSection>
+            <ComponentSection title="SearchField">
+              <SearchFieldDemo />
+            </ComponentSection>
+            <ComponentSection title="NumberField">
+              <NumberFieldDemo />
+            </ComponentSection>
+            <ComponentSection title="Checkbox">
+              <CheckboxDemo />
+            </ComponentSection>
+            <ComponentSection title="Checkbox Group"></ComponentSection>
+            <ComponentSection title="Radio Group">
+              <RadioGroupDemo />
+            </ComponentSection>
+            <ComponentSection title="Switch">
+              <SwitchDemo />
+            </ComponentSection>
+            <ComponentSection title="Slider">
+              <SliderDemo />
+            </ComponentSection>
+            {/* Menus and selection */}
+            <ComponentSection title="ListBox">
+              <ListBoxDemo />
+            </ComponentSection>
+            <ComponentSection title="Menu">
+              <MenuDemo />
+            </ComponentSection>
+            <ComponentSection title="Select">
+              <SelectDemo />
+            </ComponentSection>
+            <ComponentSection title="Combobox">
+              <ComboboxDemo />
+            </ComponentSection>
+            <ComponentSection title="Tag Group">
+              <TagGroupDemo />
+            </ComponentSection>
+            <ComponentSection title="Command">
+              <CommandDemo />
+            </ComponentSection>
+            {/* Date and time */}
+            <ComponentSection title="Calendar">
+              <CalendarDemo />
+            </ComponentSection>
+            <ComponentSection title="DatePicker">
+              <DatePickerDemo />
+            </ComponentSection>
+            <ComponentSection title="DateRangePicker">
+              <DateRangePickerDemo />
+            </ComponentSection>
+          </Section>
+        </div>
       </div>
     </div>
   );
@@ -334,7 +338,7 @@ const Section = ({
   children?: React.ReactNode;
   className?: string;
 }) => {
-  const [ref, { height }] = useMeasure<HTMLDivElement>();
+  // const [ref, { height }] = useMeasure<HTMLDivElement>();
   return (
     <section>
       <div className="flex items-start justify-between">
@@ -346,11 +350,11 @@ const Section = ({
         </div>
         {action}
       </div>
-      <motion.div animate={{ height }} transition={TRANSITION}>
+      <div className={className}>{children}</div>
+      {/* <motion.div animate={{ height }} transition={TRANSITION}>
         <div ref={ref}>
-          <div className={className}>{children}</div>
         </div>
-      </motion.div>
+      </motion.div> */}
     </section>
   );
 };
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
index 0f9bf4dda..7f5301376 100644
--- a/www/src/app/(app)/themes/layout.tsx
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -10,9 +10,9 @@ export default function ThemesLayout({
     <PreviewProvider>
       <div className="relative flex">
         <div className="relative flex-1">
-          <div className="lg:container lg:max-w-3xl lg:pt-10">{children}</div>
+          <div className="lg:container lg:max-w-4xl pt-10">{children}</div>
         </div>
-        <div className="sticky top-0 flex h-[100svh] items-start max-xl:hidden">
+        <div className="flex items-start h-[100svh] sticky top-0 max-xl:hidden">
           <ThemeTableOfContents />
           <Preview />
         </div>
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index fe23e3ba7..cb0a1f8f2 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -3,12 +3,10 @@ import { ThemesExplorer } from "@/modules/themes/components/themes-explorer";
 export default function ThemesPage() {
   return (
     <div className="pb-32 pt-6">
-      <h2 className="w-fit text-2xl font-semibold [view-transition-name:themes-title]">
-        Themes
-      </h2>
+      <h2 className="w-fit text-3xl font-semibold tracking-tight">Themes</h2>
       <p className="text-fg-muted mt-2 text-base">
-        A theme provide a complete design system with carefully crafted colors,
-        typography, and chosen components.
+        A theme provide a complete design system with its own colors, fonts,
+        icons, layout, and components.
       </p>
       <ThemesExplorer />
     </div>
diff --git a/www/src/app/(app)/themes/preview.tsx b/www/src/app/(app)/themes/preview.tsx
index e39f48ad4..12ef57abd 100644
--- a/www/src/app/(app)/themes/preview.tsx
+++ b/www/src/app/(app)/themes/preview.tsx
@@ -33,6 +33,10 @@ export function PreviewProvider({ children }: { children: React.ReactNode }) {
   const [isOpen, setOpen] = React.useState(false);
   const [screen, setScreen] = React.useState<"desktop" | "mobile">("desktop");
 
+  React.useEffect(() => {
+    setOpen(true)
+  }, []);
+
   return (
     <PreviewContext.Provider value={{ isOpen, setOpen, screen, setScreen }}>
       {children}
@@ -54,8 +58,8 @@ export const Preview = () => {
   const themeName = params?.themeName ?? currentTheme.name;
 
   const previewWidth = Math.min(
-    screen === "mobile" ? 420 : 700,
-    isCollapsed ? 700 : 600
+    screen === "mobile" ? 430 : 768,
+    isCollapsed ? 768 : 600
   );
   const containerWidth = isOpen && shouldOpen ? previewWidth : 0;
 
@@ -217,7 +221,7 @@ export function PreviewContent({
           acme.com{currentPathname}
         </Button>
         <div className="flex w-32 justify-end">
-          {
+          {resizable && (
             <Button
               variant="quiet"
               shape="square"
@@ -229,7 +233,7 @@ export function PreviewContent({
             >
               {screen === "desktop" ? <MonitorIcon /> : <SmartphoneIcon />}
             </Button>
-          }
+          )}
         </div>
       </div>
       <iframe
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index d2978701a..90d7983d3 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -3,6 +3,7 @@
 import React from "react";
 import { LayoutTemplateIcon } from "lucide-react";
 import { Link } from "react-aria-components";
+import { Announcement } from "@/components/announcement";
 import { Button } from "@/components/core/button";
 import { GitHubIcon } from "@/components/icons";
 import { AdobeIcon } from "@/components/icons/adobe-icon";
@@ -20,14 +21,7 @@ export default function HomePage() {
       {/* Hero section */}
       <div className="container max-w-screen-2xl">
         <section className="max-w-3xl pb-20 pt-10 sm:pt-14">
-          <Button
-            href="/themes"
-            prefix={<LayoutTemplateIcon />}
-            variant="outline"
-            className="bg-bg-inverse/5 text-fg-muted mb-3 h-7 rounded-lg text-xs [&_svvg]:size-4"
-          >
-            Introducing themes
-          </Button>
+          <Announcement />
           <h1 className="xs:text-3xl text-balance text-2xl tracking-tighter max-lg:font-medium md:text-4xl lg:text-5xl">
             Quickly build your component library with a{" "}
             <span className="font-bold italic">unique</span> look.
diff --git a/www/src/components/announcement.tsx b/www/src/components/announcement.tsx
new file mode 100644
index 000000000..1e35ba2d6
--- /dev/null
+++ b/www/src/components/announcement.tsx
@@ -0,0 +1,15 @@
+import { LayoutTemplateIcon } from "lucide-react";
+import { Button } from "@/registry/core/button_basic";
+
+export function Announcement() {
+  return (
+    <Button
+      href="/themes"
+      prefix={<LayoutTemplateIcon />}
+      variant="outline"
+      className="bg-bg-inverse/5 text-fg-muted mb-3 h-7 rounded-lg text-xs [&_svvg]:size-4"
+    >
+      Introducing blocks
+    </Button>
+  );
+}
diff --git a/www/src/components/core/form.tsx b/www/src/components/core/form.tsx
index 1aa5e9b74..420d40b15 100644
--- a/www/src/components/core/form.tsx
+++ b/www/src/components/core/form.tsx
@@ -1 +1 @@
-export * from "@/registry/core/form_basic";
+export * from "@/registry/core/form_react-hook-form";
diff --git a/www/src/modules/themes/atoms/themes-atom.ts b/www/src/modules/themes/atoms/themes-atom.ts
index 35a8f0c18..12c51337c 100644
--- a/www/src/modules/themes/atoms/themes-atom.ts
+++ b/www/src/modules/themes/atoms/themes-atom.ts
@@ -3,6 +3,7 @@ import { withImmer } from "jotai-immer";
 import { atomWithStorage } from "jotai/utils";
 // import { nanoid } from "nanoid";
 import { themes } from "@/registry/registry-themes";
+import { minimalistTheme } from "@/registry/themes/minimalist";
 import { Theme } from "@/modules/themes/types";
 
 type State = {
@@ -20,7 +21,41 @@ const themesAtom = withImmer(
 );
 
 export const useUserThemes = () => {
-  // const [state, setState] = useAtom(themesAtom);
+  const [state, setState] = useAtom(themesAtom);
+
+  const createTheme = async (name: string) => {
+    if (
+      state.userThemes.find(
+        (t) => t.name === name.toLowerCase().replace(" ", "-")
+      )
+    ) {
+      throw new Error("Theme already exists");
+    }
+    await new Promise((resolve) => setTimeout(resolve, 500));
+
+    setState((draft) => {
+      draft.userThemes.push({
+        ...minimalistTheme,
+        name: name.toLowerCase().replace(" ", "-"),
+        label: name,
+      });
+    });
+  };
+
+  const updateTheme = (theme: Theme) => {
+    setState((draft) => {
+      const index = draft.userThemes.findIndex((t) => t.name === theme.name);
+      if (index !== -1) {
+        draft.userThemes[index] = theme;
+      }
+    });
+  };
+
+  return {
+    userThemes: state.userThemes,
+    createTheme,
+    updateTheme,
+  };
 };
 
 export const useCurrentTheme = (): { currentTheme: Theme } => {
diff --git a/www/src/modules/themes/components/create-theme-dialog.tsx b/www/src/modules/themes/components/create-theme-dialog.tsx
new file mode 100644
index 000000000..7e94f9145
--- /dev/null
+++ b/www/src/modules/themes/components/create-theme-dialog.tsx
@@ -0,0 +1,78 @@
+"use client";
+
+import React from "react";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { Button } from "@/components/core/button";
+import {
+  Dialog,
+  DialogBody,
+  DialogFooter,
+  DialogRoot,
+} from "@/components/core/dialog";
+import { Form, FormControl } from "@/components/core/form";
+// import { RadioGroup, Radio } from "@/components/core/radio-group";
+import { TextField } from "@/components/core/text-field";
+import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
+
+const formSchema = z.object({
+  name: z.string().min(2),
+});
+
+export function CreateThemeDialog({ children }: { children: React.ReactNode }) {
+  const [isOpen, setOpen] = React.useState(false);
+  const [status, setStatus] = React.useState<
+    "idle" | "loading" | "success" | "error"
+  >("idle");
+  const [errorMessage, setErrorMessage] = React.useState<string | null>(null);
+  const { createTheme } = useUserThemes();
+
+  const { control, handleSubmit } = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      name: "",
+    },
+  });
+
+  const onSubmit = async (values: z.infer<typeof formSchema>) => {
+    try {
+      setStatus("loading");
+      await createTheme(values.name);
+      setStatus("success");
+      setOpen(false);
+    } catch (error) {
+      setStatus("error");
+      setErrorMessage(error as string);
+    }
+    setOpen(false);
+  };
+
+  return (
+    <DialogRoot isOpen={isOpen} onOpenChange={setOpen}>
+      {children}
+      <Dialog
+        title="Create theme"
+        description="Create a new theme to get started."
+      >
+        <Form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+          <DialogBody className="space-y-4">
+            <FormControl
+              name="name"
+              control={control}
+              render={(props) => (
+                <TextField label="Name" className="w-full" {...props} />
+              )}
+            />
+          </DialogBody>
+          <DialogFooter>
+            <Button slot="close">Cancel</Button>
+            <Button variant="primary" type="submit" isPending={status === "loading"}>
+              Create theme
+            </Button>
+          </DialogFooter>
+        </Form>
+      </Dialog>
+    </DialogRoot>
+  );
+}
diff --git a/www/src/modules/themes/components/theme-card.tsx b/www/src/modules/themes/components/theme-card.tsx
index e69de29bb..43cc654ba 100644
--- a/www/src/modules/themes/components/theme-card.tsx
+++ b/www/src/modules/themes/components/theme-card.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import { useMounted } from "@/hooks/use-mounted";
+import { Skeleton } from "@/registry/core/skeleton_basic";
+import { ThemeProvider } from "@/modules/themes/components/theme-provider";
+import { type Theme } from "@/modules/themes/types";
+
+export function ThemeCard({ theme }: { theme: Theme }) {
+  const isMounted = useMounted();
+
+  return (
+    <Skeleton show={!isMounted}>
+      <ThemeProvider
+        key={theme.name}
+        theme={theme}
+        unstyled
+        className="text-fg"
+      >
+        <Link
+          href={`/themes/${theme.name}`}
+          className="bg-bg flex flex-col items-start justify-start gap-0 overflow-hidden rounded-md border p-0"
+        >
+          <div className="flex w-full items-start justify-between p-2">
+            <div>
+              <span className="block text-lg font-semibold">{theme.label}</span>
+              <span className="text-fg-muted block text-sm">
+                {theme.foundations.dark && theme.foundations.light ? (
+                  <span>Light and dark mode.</span>
+                ) : (
+                  <span>
+                    {theme.foundations.dark ? "Dark" : "Light"} mode only.
+                  </span>
+                )}
+              </span>
+            </div>
+          </div>
+          <div className="grid w-full grid-cols-10">
+            {[...Array(10)].map((_, i) => (
+              <div
+                key={i}
+                style={{
+                  backgroundColor: `var(--neutral-${(i + 1) * 100})`,
+                }}
+                className="h-4"
+              ></div>
+            ))}
+          </div>
+          <div className="grid w-full grid-cols-10">
+            {[...Array(10)].map((_, i) => (
+              <div
+                key={i}
+                style={{
+                  backgroundColor: `var(--accent-${(i + 1) * 100})`,
+                }}
+                className="h-4"
+              ></div>
+            ))}
+          </div>
+        </Link>
+      </ThemeProvider>
+    </Skeleton>
+  );
+}
diff --git a/www/src/modules/themes/components/themes-explorer.tsx b/www/src/modules/themes/components/themes-explorer.tsx
index e576de014..61d63979d 100644
--- a/www/src/modules/themes/components/themes-explorer.tsx
+++ b/www/src/modules/themes/components/themes-explorer.tsx
@@ -6,25 +6,20 @@ import { ListFilterIcon } from "lucide-react";
 import { useFilter } from "react-aria-components";
 import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
-import {
-  Dialog,
-  DialogBody,
-  DialogFooter,
-  DialogRoot,
-} from "@/components/core/dialog";
 import { Menu, MenuItem, MenuRoot } from "@/components/core/menu";
-import { RadioGroup, Radio } from "@/components/core/radio-group";
 import { SearchField } from "@/components/core/search-field";
-import { TextField } from "@/components/core/text-field";
 import { Skeleton } from "@/registry/core/skeleton_basic";
 import { themes } from "@/registry/registry-themes";
+import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
 import { ThemeProvider } from "@/modules/themes/components/theme-provider";
+import { CreateThemeDialog } from "./create-theme-dialog";
+import { ThemeCard } from "./theme-card";
 
 type Filter = "light" | "dark" | "light-dark" | "all";
 
 export function ThemesExplorer() {
   const isMounted = useMounted();
-
+  const { userThemes } = useUserThemes();
   const [searchInput, setSearchInput] = React.useState("");
   const [filter, setFilter] = React.useState<Filter>("all");
   const { contains } = useFilter({ sensitivity: "base" });
@@ -44,6 +39,21 @@ export function ThemesExplorer() {
       return true;
     });
 
+  const filteredUserThemes = userThemes
+    .filter((theme) => contains(theme.name, searchInput))
+    .filter((theme) => {
+      if (filter === "light-dark") {
+        return theme.foundations.dark && theme.foundations.light;
+      }
+      if (filter === "light") {
+        return theme.foundations.light && !theme.foundations.dark;
+      }
+      if (filter === "dark") {
+        return theme.foundations.dark && !theme.foundations.light;
+      }
+      return true;
+    });
+
   return (
     <div>
       <div className="mt-6 flex items-center gap-2">
@@ -68,98 +78,21 @@ export function ThemesExplorer() {
             <MenuItem id="dark">Dark only</MenuItem>
           </Menu>
         </MenuRoot>
-        <DialogRoot>
+        <CreateThemeDialog>
           <Button variant="primary" className="">
             Create theme
           </Button>
-          <Dialog
-            title="Create theme"
-            description="Create a new theme to get started."
-          >
-            <DialogBody className="space-y-4">
-              <TextField label="Name" className="w-full" />
-              <RadioGroup
-                label="Mode"
-                orientation="horizontal"
-                className="w-full"
-              >
-                <Radio value="light-dark">Light and dark</Radio>
-                <Radio value="light">Light</Radio>
-                <Radio value="dark">Dark</Radio>
-              </RadioGroup>
-            </DialogBody>
-            <DialogFooter>
-              <Button slot="close">Cancel</Button>
-              <Button variant="primary" type="submit">
-                Create theme
-              </Button>
-            </DialogFooter>
-          </Dialog>
-        </DialogRoot>
+        </CreateThemeDialog>
       </div>
-      <h3 className="mt-6 text-lg font-semibold">Your themes</h3>
-      <p className="text-fg-muted mt-1">No themes created yet!</p>
-      <h3 className="mt-6 text-lg font-semibold">Featured themes</h3>
-      <div className="group mt-4 grid grid-cols-2 gap-x-2 gap-y-4">
+      <div className="group mt-4 grid grid-cols-3 gap-x-2 gap-y-4">
         {filteredThemes.map((theme) => (
-          <div
-            key={theme.name}
-            className="group/theme-card flex flex-col gap-1 transition-opacity hover:!opacity-100 group-hover:opacity-80"
-          >
-            <Skeleton show={!isMounted}>
-              <ThemeProvider
-                key={theme.name}
-                theme={theme}
-                unstyled
-                className="text-fg"
-              >
-                <Link
-                  href={`/themes/${theme.name}`}
-                  className="bg-bg flex flex-col items-start justify-start gap-0 overflow-hidden rounded-md border p-0"
-                >
-                  <div className="flex w-full items-start justify-between p-2">
-                    <div>
-                      <span className="block text-lg font-semibold">
-                        {theme.label}
-                      </span>
-                      <span className="text-fg-muted block text-sm">
-                        {theme.foundations.dark && theme.foundations.light ? (
-                          <span>Light and dark mode.</span>
-                        ) : (
-                          <span>
-                            {theme.foundations.dark ? "Dark" : "Light"} mode
-                            only.
-                          </span>
-                        )}
-                      </span>
-                    </div>
-                  </div>
-                  <div className="grid w-full grid-cols-10">
-                    {[...Array(10)].map((_, i) => (
-                      <div
-                        key={i}
-                        style={{
-                          backgroundColor: `var(--neutral-${(i + 1) * 100})`,
-                        }}
-                        className="h-4"
-                      ></div>
-                    ))}
-                  </div>
-                  <div className="grid w-full grid-cols-10">
-                    {[...Array(10)].map((_, i) => (
-                      <div
-                        key={i}
-                        style={{
-                          backgroundColor: `var(--accent-${(i + 1) * 100})`,
-                        }}
-                        className="h-4"
-                      ></div>
-                    ))}
-                  </div>
-                </Link>
-              </ThemeProvider>
-            </Skeleton>
-          </div>
+          <ThemeCard key={theme.name} theme={theme} />
+        ))}
+      </div>
+      <h3 className="mt-6 text-lg font-semibold">Your themes</h3>
+      <div className="group mt-4 grid grid-cols-3 gap-x-2 gap-y-4">
+        {filteredUserThemes.map((theme) => (
+          <ThemeCard key={theme.name} theme={theme} />
         ))}
       </div>
     </div>

From f73aac9dfb4c509b34cf7d3b2205d6a288ee94b1 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 18 Feb 2025 01:29:18 +0100
Subject: [PATCH 149/165] feat: create theme

---
 www/src/app/(app)/themes/layout.tsx           |   2 +-
 www/src/modules/themes/atoms/themes-atom.ts   |  28 +++-
 .../themes/components/create-theme-dialog.tsx |  59 ++++++--
 .../modules/themes/components/theme-card.tsx  | 127 +++++++++++++++---
 .../themes/components/themes-explorer.tsx     |  31 +++--
 5 files changed, 198 insertions(+), 49 deletions(-)

diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
index 7f5301376..5eb7f041f 100644
--- a/www/src/app/(app)/themes/layout.tsx
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -10,7 +10,7 @@ export default function ThemesLayout({
     <PreviewProvider>
       <div className="relative flex">
         <div className="relative flex-1">
-          <div className="lg:container lg:max-w-4xl pt-10">{children}</div>
+          <div className="container max-w-4xl pt-10">{children}</div>
         </div>
         <div className="flex items-start h-[100svh] sticky top-0 max-xl:hidden">
           <ThemeTableOfContents />
diff --git a/www/src/modules/themes/atoms/themes-atom.ts b/www/src/modules/themes/atoms/themes-atom.ts
index 12c51337c..4b84b652b 100644
--- a/www/src/modules/themes/atoms/themes-atom.ts
+++ b/www/src/modules/themes/atoms/themes-atom.ts
@@ -23,10 +23,15 @@ const themesAtom = withImmer(
 export const useUserThemes = () => {
   const [state, setState] = useAtom(themesAtom);
 
-  const createTheme = async (name: string) => {
+  const allThemes = [...state.userThemes, ...themes];
+
+  const createTheme = async (
+    themeName: string,
+    clonedTheme: string = "minimalist"
+  ) => {
     if (
       state.userThemes.find(
-        (t) => t.name === name.toLowerCase().replace(" ", "-")
+        (t) => t.name === themeName.toLowerCase().replace(" ", "-")
       )
     ) {
       throw new Error("Theme already exists");
@@ -35,26 +40,37 @@ export const useUserThemes = () => {
 
     setState((draft) => {
       draft.userThemes.push({
-        ...minimalistTheme,
-        name: name.toLowerCase().replace(" ", "-"),
-        label: name,
+        ...allThemes.find((t) => t.name === clonedTheme)!,
+        name: themeName.toLowerCase().replace(" ", "-"),
+        label: themeName,
       });
     });
   };
 
-  const updateTheme = (theme: Theme) => {
+  const updateTheme = async (theme: Theme) => {
     setState((draft) => {
       const index = draft.userThemes.findIndex((t) => t.name === theme.name);
       if (index !== -1) {
         draft.userThemes[index] = theme;
       }
     });
+    await new Promise((resolve) => setTimeout(resolve, 500));
+  };
+
+  const deleteTheme = async (themeName: string) => {
+    await new Promise((resolve) => setTimeout(resolve, 500));
+    setState((draft) => {
+      draft.userThemes = draft.userThemes.filter((t) => t.name !== themeName);
+    });
   };
 
   return {
     userThemes: state.userThemes,
+    currentThemeName: state.currentTheme,
+    currentMode: state.currentMode,
     createTheme,
     updateTheme,
+    deleteTheme,
   };
 };
 
diff --git a/www/src/modules/themes/components/create-theme-dialog.tsx b/www/src/modules/themes/components/create-theme-dialog.tsx
index 7e94f9145..6b7c05df6 100644
--- a/www/src/modules/themes/components/create-theme-dialog.tsx
+++ b/www/src/modules/themes/components/create-theme-dialog.tsx
@@ -2,8 +2,10 @@
 
 import React from "react";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { useControlledState } from "@react-stately/utils";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
+import { Alert } from "@/components/core/alert";
 import { Button } from "@/components/core/button";
 import {
   Dialog,
@@ -12,16 +14,32 @@ import {
   DialogRoot,
 } from "@/components/core/dialog";
 import { Form, FormControl } from "@/components/core/form";
-// import { RadioGroup, Radio } from "@/components/core/radio-group";
 import { TextField } from "@/components/core/text-field";
 import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
+import { useRouter } from "next/navigation";
 
 const formSchema = z.object({
   name: z.string().min(2),
 });
 
-export function CreateThemeDialog({ children }: { children: React.ReactNode }) {
-  const [isOpen, setOpen] = React.useState(false);
+export function CreateThemeDialog({
+  isOpen: isOpenProp,
+  onOpenChange: onOpenChangeProp,
+  clonedThemeName,
+  children,
+}: {
+  isOpen?: boolean;
+  onOpenChange?: (isOpen: boolean) => void;
+  clonedThemeName?: string;
+  children?: React.ReactNode;
+}) {
+  const router = useRouter();
+  const [isOpen, setOpen] = useControlledState(
+    isOpenProp,
+    false,
+    onOpenChangeProp
+  );
+
   const [status, setStatus] = React.useState<
     "idle" | "loading" | "success" | "error"
   >("idle");
@@ -38,36 +56,57 @@ export function CreateThemeDialog({ children }: { children: React.ReactNode }) {
   const onSubmit = async (values: z.infer<typeof formSchema>) => {
     try {
       setStatus("loading");
-      await createTheme(values.name);
+      setErrorMessage(null);
+      await createTheme(values.name, clonedThemeName);
       setStatus("success");
+      router.push(`/themes/${values.name}`);
       setOpen(false);
     } catch (error) {
       setStatus("error");
-      setErrorMessage(error as string);
+      if (error instanceof Error) {
+        setErrorMessage(error.message);
+      } else {
+        setErrorMessage("An unknown error occurred.");
+      }
     }
-    setOpen(false);
   };
 
   return (
     <DialogRoot isOpen={isOpen} onOpenChange={setOpen}>
       {children}
       <Dialog
-        title="Create theme"
-        description="Create a new theme to get started."
+        title={clonedThemeName ? "Clone theme" : "Create theme"}
+        description={
+          clonedThemeName
+            ? "Clone a theme to get started."
+            : "Create a new theme to get started."
+        }
       >
         <Form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
           <DialogBody className="space-y-4">
+            {status === "error" && errorMessage && (
+              <Alert variant="danger">{errorMessage}</Alert>
+            )}
             <FormControl
               name="name"
               control={control}
               render={(props) => (
-                <TextField label="Name" className="w-full" {...props} />
+                <TextField
+                  autoFocus
+                  label="Name"
+                  className="w-full"
+                  {...props}
+                />
               )}
             />
           </DialogBody>
           <DialogFooter>
             <Button slot="close">Cancel</Button>
-            <Button variant="primary" type="submit" isPending={status === "loading"}>
+            <Button
+              variant="primary"
+              type="submit"
+              isPending={status === "loading"}
+            >
               Create theme
             </Button>
           </DialogFooter>
diff --git a/www/src/modules/themes/components/theme-card.tsx b/www/src/modules/themes/components/theme-card.tsx
index 43cc654ba..5b863fe5b 100644
--- a/www/src/modules/themes/components/theme-card.tsx
+++ b/www/src/modules/themes/components/theme-card.tsx
@@ -1,14 +1,37 @@
 "use client";
 
 import React from "react";
-import Link from "next/link";
+import { CheckIcon, EllipsisIcon } from "lucide-react";
+import { Link } from "react-aria-components";
 import { useMounted } from "@/hooks/use-mounted";
-import { Skeleton } from "@/registry/core/skeleton_basic";
+import { Alert } from "@/components/core/alert";
+import { Badge } from "@/components/core/badge";
+import { Button } from "@/components/core/button";
+import { DialogRoot, Dialog, DialogFooter } from "@/components/core/dialog";
+import { Menu, MenuItem, MenuRoot } from "@/components/core/menu";
+import { Skeleton } from "@/components/core/skeleton";
 import { ThemeProvider } from "@/modules/themes/components/theme-provider";
 import { type Theme } from "@/modules/themes/types";
+import { CreateThemeDialog } from "./create-theme-dialog";
 
-export function ThemeCard({ theme }: { theme: Theme }) {
+export function ThemeCard({
+  theme,
+  isDeletable = false,
+  isCurrent = false,
+  onDelete,
+  onSetCurrent,
+  isClonable = true,
+}: {
+  theme: Theme;
+  isDeletable?: boolean;
+  isCurrent?: boolean;
+  onSetCurrent?: () => void;
+  isClonable?: boolean;
+  onDelete?: () => void;
+}) {
   const isMounted = useMounted();
+  const [isOpen, setOpen] = React.useState(false);
+  const [isCloneOpen, setCloneOpen] = React.useState(false);
 
   return (
     <Skeleton show={!isMounted}>
@@ -16,25 +39,87 @@ export function ThemeCard({ theme }: { theme: Theme }) {
         key={theme.name}
         theme={theme}
         unstyled
-        className="text-fg"
+        className="text-fg relative"
       >
-        <Link
-          href={`/themes/${theme.name}`}
-          className="bg-bg flex flex-col items-start justify-start gap-0 overflow-hidden rounded-md border p-0"
-        >
-          <div className="flex w-full items-start justify-between p-2">
-            <div>
-              <span className="block text-lg font-semibold">{theme.label}</span>
-              <span className="text-fg-muted block text-sm">
-                {theme.foundations.dark && theme.foundations.light ? (
-                  <span>Light and dark mode.</span>
-                ) : (
-                  <span>
-                    {theme.foundations.dark ? "Dark" : "Light"} mode only.
-                  </span>
-                )}
-              </span>
+        <div className="bg-bg flex flex-col items-start justify-start gap-0 overflow-hidden rounded-md border">
+          <Link
+            aria-label={`Open theme ${theme.label}`}
+            href={`/themes/${theme.name}`}
+            className="z-1 absolute inset-0"
+          />
+          <div className="w-full p-2">
+            <div className="flex w-full items-center justify-between">
+              <h6 className="flex items-center gap-2 text-lg font-semibold">
+                <span>{theme.label}</span>
+                {isCurrent && <Badge>current theme</Badge>}
+              </h6>
+              <MenuRoot>
+                <Button
+                  variant="quiet"
+                  shape="square"
+                  size="sm"
+                  className="isolate z-10 size-7"
+                  aria-label="Open theme options"
+                >
+                  <EllipsisIcon className="z-2" />
+                </Button>
+                <Menu>
+                  {onSetCurrent && (
+                    <MenuItem id="set-default" onAction={onSetCurrent}>
+                      Set default theme
+                    </MenuItem>
+                  )}
+                  {isClonable && (
+                    <MenuItem id="clone" onAction={() => setCloneOpen(true)}>
+                      Clone
+                    </MenuItem>
+                  )}
+                  {isDeletable && (
+                    <MenuItem
+                      id="delete"
+                      variant="danger"
+                      onAction={() => setOpen(true)}
+                    >
+                      Delete
+                    </MenuItem>
+                  )}
+                </Menu>
+              </MenuRoot>
+              {isClonable && (
+                <CreateThemeDialog
+                  clonedThemeName={theme.name}
+                  isOpen={isCloneOpen}
+                  onOpenChange={setCloneOpen}
+                />
+              )}
+              {isDeletable && (
+                <DialogRoot isOpen={isOpen} onOpenChange={setOpen}>
+                  <Dialog
+                    title="Delete theme"
+                    description="This theme will be deleted, along with all of its configuration."
+                  >
+                    <Alert variant="danger">
+                      This action is not reversible. Please be certain.
+                    </Alert>
+                    <DialogFooter>
+                      <Button slot="close">Cancel</Button>
+                      <Button variant="danger" onPress={onDelete}>
+                        Delete
+                      </Button>
+                    </DialogFooter>
+                  </Dialog>
+                </DialogRoot>
+              )}
             </div>
+            <p className="text-fg-muted block text-sm">
+              {theme.foundations.dark && theme.foundations.light ? (
+                <span>Light and dark mode.</span>
+              ) : (
+                <span>
+                  {theme.foundations.dark ? "Dark" : "Light"} mode only.
+                </span>
+              )}
+            </p>
           </div>
           <div className="grid w-full grid-cols-10">
             {[...Array(10)].map((_, i) => (
@@ -58,7 +143,7 @@ export function ThemeCard({ theme }: { theme: Theme }) {
               ></div>
             ))}
           </div>
-        </Link>
+        </div>
       </ThemeProvider>
     </Skeleton>
   );
diff --git a/www/src/modules/themes/components/themes-explorer.tsx b/www/src/modules/themes/components/themes-explorer.tsx
index 61d63979d..aaaa99e72 100644
--- a/www/src/modules/themes/components/themes-explorer.tsx
+++ b/www/src/modules/themes/components/themes-explorer.tsx
@@ -1,25 +1,20 @@
 "use client";
 
 import React from "react";
-import Link from "next/link";
 import { ListFilterIcon } from "lucide-react";
 import { useFilter } from "react-aria-components";
-import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/core/menu";
 import { SearchField } from "@/components/core/search-field";
-import { Skeleton } from "@/registry/core/skeleton_basic";
 import { themes } from "@/registry/registry-themes";
 import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
-import { ThemeProvider } from "@/modules/themes/components/theme-provider";
 import { CreateThemeDialog } from "./create-theme-dialog";
 import { ThemeCard } from "./theme-card";
 
 type Filter = "light" | "dark" | "light-dark" | "all";
 
 export function ThemesExplorer() {
-  const isMounted = useMounted();
-  const { userThemes } = useUserThemes();
+  const { currentThemeName, userThemes, deleteTheme } = useUserThemes();
   const [searchInput, setSearchInput] = React.useState("");
   const [filter, setFilter] = React.useState<Filter>("all");
   const { contains } = useFilter({ sensitivity: "base" });
@@ -86,14 +81,28 @@ export function ThemesExplorer() {
       </div>
       <div className="group mt-4 grid grid-cols-3 gap-x-2 gap-y-4">
         {filteredThemes.map((theme) => (
-          <ThemeCard key={theme.name} theme={theme} />
+          <ThemeCard
+            key={theme.name}
+            theme={theme}
+            isCurrent={theme.name === currentThemeName}
+          />
         ))}
       </div>
       <h3 className="mt-6 text-lg font-semibold">Your themes</h3>
-      <div className="group mt-4 grid grid-cols-3 gap-x-2 gap-y-4">
-        {filteredUserThemes.map((theme) => (
-          <ThemeCard key={theme.name} theme={theme} />
-        ))}
+      <div className="group mt-2 grid grid-cols-3 gap-x-2 gap-y-4">
+        {filteredUserThemes.length > 0 ? (
+          filteredUserThemes.map((theme) => (
+            <ThemeCard
+              key={theme.name}
+              theme={theme}
+              isDeletable
+              onDelete={() => deleteTheme(theme.name)}
+              isCurrent={theme.name === currentThemeName}
+            />
+          ))
+        ) : (
+          <p className="text-fg-muted">No themes created yet.</p>
+        )}
       </div>
     </div>
   );

From e4d96099e91dec4ea53e3ec5e1ffc3eb9d4b5b2d Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 18 Feb 2025 12:27:02 +0100
Subject: [PATCH 150/165] move toc to theme page

---
 www/src/app/(app)/themes/[themeName]/page.tsx    | 6 ++++--
 www/src/app/(app)/themes/layout.tsx              | 6 +++---
 www/src/app/(app)/themes/page.tsx                | 2 +-
 www/src/app/(app)/themes/toc.tsx                 | 2 +-
 www/src/modules/themes/components/theme-card.tsx | 2 +-
 5 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/www/src/app/(app)/themes/[themeName]/page.tsx b/www/src/app/(app)/themes/[themeName]/page.tsx
index 8d592fa10..ed2b413ce 100644
--- a/www/src/app/(app)/themes/[themeName]/page.tsx
+++ b/www/src/app/(app)/themes/[themeName]/page.tsx
@@ -39,13 +39,14 @@ import { TextAreaDemo } from "@/modules/themes/components/demos/text-area-demo";
 import { TextFieldDemo } from "@/modules/themes/components/demos/text-field-demo";
 import { ToggleButtonDemo } from "@/modules/themes/components/demos/toggle-button-demo";
 import { PreviewContent } from "../preview";
+import { ThemeTableOfContents } from "../toc";
 
 export default function ThemePage() {
   const [isEditMode, setEditMode] = React.useState(false);
 
   return (
-    <div>
-      <div className="relative pb-20">
+    <div className="flex container max-w-5xl gap-10">
+      <div className="relative pb-20 flex-1 pt-10">
         <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
           <Link
             href="/themes"
@@ -288,6 +289,7 @@ export default function ThemePage() {
           </Section>
         </div>
       </div>
+      <ThemeTableOfContents />
     </div>
   );
 }
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
index 5eb7f041f..60757fa22 100644
--- a/www/src/app/(app)/themes/layout.tsx
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -1,5 +1,5 @@
 import { Preview, PreviewProvider } from "./preview";
-import { ThemeTableOfContents } from "./toc";
+// import { ThemeTableOfContents } from "./toc";
 
 export default function ThemesLayout({
   children,
@@ -10,10 +10,10 @@ export default function ThemesLayout({
     <PreviewProvider>
       <div className="relative flex">
         <div className="relative flex-1">
-          <div className="container max-w-4xl pt-10">{children}</div>
+          <div className="">{children}</div>
         </div>
         <div className="flex items-start h-[100svh] sticky top-0 max-xl:hidden">
-          <ThemeTableOfContents />
+          {/* <ThemeTableOfContents /> */}
           <Preview />
         </div>
       </div>
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index cb0a1f8f2..cbcda19d4 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -2,7 +2,7 @@ import { ThemesExplorer } from "@/modules/themes/components/themes-explorer";
 
 export default function ThemesPage() {
   return (
-    <div className="pb-32 pt-6">
+    <div className="container max-w-4xl pb-32 pt-16">
       <h2 className="w-fit text-3xl font-semibold tracking-tight">Themes</h2>
       <p className="text-fg-muted mt-2 text-base">
         A theme provide a complete design system with its own colors, fonts,
diff --git a/www/src/app/(app)/themes/toc.tsx b/www/src/app/(app)/themes/toc.tsx
index bc9116f80..2e7b3ae60 100644
--- a/www/src/app/(app)/themes/toc.tsx
+++ b/www/src/app/(app)/themes/toc.tsx
@@ -26,7 +26,7 @@ export function ThemeTableOfContents() {
         initial={false}
         animate={{ width: 170, opacity: isOpen ? 1 : 0 }}
         transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-        className="h-full pt-10"
+        className="h-full pt-14"
       >
         <TableOfContents
           toc={[
diff --git a/www/src/modules/themes/components/theme-card.tsx b/www/src/modules/themes/components/theme-card.tsx
index 5b863fe5b..4e8502c49 100644
--- a/www/src/modules/themes/components/theme-card.tsx
+++ b/www/src/modules/themes/components/theme-card.tsx
@@ -51,7 +51,7 @@ export function ThemeCard({
             <div className="flex w-full items-center justify-between">
               <h6 className="flex items-center gap-2 text-lg font-semibold">
                 <span>{theme.label}</span>
-                {isCurrent && <Badge>current theme</Badge>}
+                {isCurrent && <Badge className='border'>current theme</Badge>}
               </h6>
               <MenuRoot>
                 <Button

From b1b94dc8daca887b957c34b7df41a45ab695aec8 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 19 Feb 2025 20:56:55 +0100
Subject: [PATCH 151/165] wip themes

---
 www/next.config.mjs                           |   3 -
 .../[themeName]/components/ColorItem.tsx      |  64 +++
 .../components/ComponentSection.tsx           |  28 ++
 .../themes/[themeName]/components/Section.tsx |  30 ++
 .../[themeName]/components/ThemeContent.tsx   | 137 ++++++
 .../[themeName]/components/ThemeHeader.tsx    |  57 +++
 .../(app)/themes/[themeName]/page-legacy.tsx  |  20 +
 .../app/(app)/themes/[themeName]/page-old.tsx | 428 +++++++++++++++++
 www/src/app/(app)/themes/[themeName]/page.tsx | 444 +-----------------
 .../(app)/themes/[themeName]/theme-editor.tsx | 404 ++++++++++++++++
 www/src/app/(app)/themes/[themeName]/toc.tsx  |  54 +++
 www/src/app/(app)/themes/layout.tsx           |   4 +-
 www/src/app/(app)/themes/page.tsx             |   2 +-
 www/src/app/(app)/themes/preview.tsx          |  17 +-
 www/src/app/(app)/themes/toc.tsx              |  48 --
 www/src/app/internal/page.tsx                 |  31 +-
 www/src/app/layout.tsx                        |  16 +-
 www/src/app/providers.tsx                     |  13 +-
 www/src/components/docs/palette.tsx           |  27 +-
 www/src/components/docs/theme-override.tsx    |  52 --
 www/src/components/mode-provider.tsx          |  76 +++
 www/src/modules/themes/atoms/themes-atom.ts   |  13 +-
 .../themes/components/create-theme-dialog.tsx |   2 +-
 .../modules/themes/components/theme-card.tsx  |  17 +-
 .../themes/components/theme-provider.tsx      |  41 +-
 .../themes/components/themes-explorer.tsx     | 167 ++++---
 .../themes/components/themes-overview.tsx     |  89 +---
 www/src/modules/themes/types.ts               |   2 +-
 28 files changed, 1522 insertions(+), 764 deletions(-)
 create mode 100644 www/src/app/(app)/themes/[themeName]/components/ColorItem.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/components/ComponentSection.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/components/Section.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/components/ThemeContent.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/components/ThemeHeader.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/page-legacy.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/page-old.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/theme-editor.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/toc.tsx
 delete mode 100644 www/src/app/(app)/themes/toc.tsx
 delete mode 100644 www/src/components/docs/theme-override.tsx
 create mode 100644 www/src/components/mode-provider.tsx

diff --git a/www/next.config.mjs b/www/next.config.mjs
index 8528ab9ed..102e58905 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -19,9 +19,6 @@ const config = {
   devIndicators: {
     appIsrStatus: false,
   },
-  experimental: {
-    reactCompiler: true,
-  },
 };
 
 export default withMDX(config);
diff --git a/www/src/app/(app)/themes/[themeName]/components/ColorItem.tsx b/www/src/app/(app)/themes/[themeName]/components/ColorItem.tsx
new file mode 100644
index 000000000..0f83f76ab
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/components/ColorItem.tsx
@@ -0,0 +1,64 @@
+import { useState } from "react";
+import { CheckIcon } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+interface ColorItemProps {
+  containerClassName?: string;
+  className?: string;
+  style?: React.CSSProperties;
+  colorValue?: string;
+  colorName?: string;
+}
+
+export function ColorItem({
+  containerClassName,
+  className,
+  style,
+  colorValue = "#000000",
+  colorName,
+}: ColorItemProps) {
+  const [isCopied, setCopied] = useState(false);
+
+  const handleCopy = () => {
+    navigator.clipboard.writeText(colorValue);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1000);
+  };
+
+  return (
+    <button
+      onClick={handleCopy}
+      className={cn(
+        "not-last:-mr-4 not-first:-ml-4 relative h-12 flex-1",
+        containerClassName
+      )}
+      aria-label={`Copy ${colorName || colorValue} color value`}
+    >
+      <div
+        className={cn(
+          "hover:h-22 duration-250 group absolute bottom-0 left-0 h-12 w-full cursor-pointer overflow-hidden rounded-t-2xl transition-[height]",
+          className
+        )}
+        style={style}
+      >
+        <div
+          className={cn(
+            "flex items-center justify-between p-2 text-sm opacity-0 transition-opacity group-hover:opacity-100",
+            isCopied && "opacity-0!"
+          )}
+        >
+          <p>{colorName || "Color"}</p>
+          <p>{colorValue}</p>
+        </div>
+        <div
+          className={cn(
+            "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 transition-opacity",
+            isCopied && "opacity-100"
+          )}
+        >
+          <CheckIcon className="text-fg-muted size-4" />
+        </div>
+      </div>
+    </button>
+  );
+}
diff --git a/www/src/app/(app)/themes/[themeName]/components/ComponentSection.tsx b/www/src/app/(app)/themes/[themeName]/components/ComponentSection.tsx
new file mode 100644
index 000000000..e03db2efe
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/components/ComponentSection.tsx
@@ -0,0 +1,28 @@
+interface ComponentSectionProps {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+}
+
+export function ComponentSection({
+  title,
+  description,
+  action,
+  children,
+}: ComponentSectionProps) {
+  return (
+    <div className="max-w-xs overflow-hidden rounded-sm border">
+      <div className="bg-bg-muted/50 flex items-center justify-between gap-2 border-b px-4 py-2">
+        <div>
+          <h3 className="text-base font-medium">{title}</h3>
+          {description && (
+            <p className="text-fg-muted text-sm">{description}</p>
+          )}
+        </div>
+        {action}
+      </div>
+      <div className="p-4">{children}</div>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/themes/[themeName]/components/Section.tsx b/www/src/app/(app)/themes/[themeName]/components/Section.tsx
new file mode 100644
index 000000000..3707612ad
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/components/Section.tsx
@@ -0,0 +1,30 @@
+interface SectionProps {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+  className?: string;
+}
+
+export function Section({
+  title,
+  description,
+  action,
+  children,
+  className,
+}: SectionProps) {
+  return (
+    <section id={title.toLowerCase().replace(" ", "-")}>
+      <div className="flex items-start justify-between">
+        <div>
+          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
+          {description && (
+            <p className="text-fg-muted text-sm">{description}</p>
+          )}
+        </div>
+        {action}
+      </div>
+      <div className={className}>{children}</div>
+    </section>
+  );
+}
diff --git a/www/src/app/(app)/themes/[themeName]/components/ThemeContent.tsx b/www/src/app/(app)/themes/[themeName]/components/ThemeContent.tsx
new file mode 100644
index 000000000..28b4fb806
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/components/ThemeContent.tsx
@@ -0,0 +1,137 @@
+import React from "react";
+import { Button } from "@/components/core/button";
+import { Checkbox } from "@/components/core/checkbox";
+import { Input } from "@/components/core/input";
+import { Radio } from "@/components/core/radio-group";
+import { Select } from "@/components/core/select";
+import { Switch } from "@/components/core/switch";
+import { Textarea } from "@/components/core/text-area";
+import { ColorItem } from "./ColorItem";
+import { ComponentSection } from "./ComponentSection";
+import { Section } from "./Section";
+
+export function ThemeContent() {
+  return (
+    <div className="space-y-12">
+      {/* Colors Section */}
+      <Section
+        title="Colors"
+        description="Theme color palette and variations"
+        className="mt-6 space-y-6"
+      >
+        <ComponentSection title="Primary Colors">
+          <div className="flex">
+            <ColorItem
+              colorName="Primary"
+              colorValue="#3B82F6"
+              style={{ backgroundColor: "#3B82F6" }}
+            />
+            <ColorItem
+              colorName="Primary Dark"
+              colorValue="#2563EB"
+              style={{ backgroundColor: "#2563EB" }}
+            />
+            <ColorItem
+              colorName="Primary Light"
+              colorValue="#60A5FA"
+              style={{ backgroundColor: "#60A5FA" }}
+            />
+          </div>
+        </ComponentSection>
+
+        <ComponentSection title="Neutral Colors">
+          <div className="flex">
+            <ColorItem
+              colorName="Gray"
+              colorValue="#6B7280"
+              style={{ backgroundColor: "#6B7280" }}
+            />
+            <ColorItem
+              colorName="Gray Dark"
+              colorValue="#4B5563"
+              style={{ backgroundColor: "#4B5563" }}
+            />
+            <ColorItem
+              colorName="Gray Light"
+              colorValue="#9CA3AF"
+              style={{ backgroundColor: "#9CA3AF" }}
+            />
+          </div>
+        </ComponentSection>
+      </Section>
+
+      {/* Typography Section */}
+      <Section
+        title="Typography"
+        description="Text styles and components"
+        className="mt-6 space-y-6"
+      >
+        <ComponentSection title="Headings">
+          <div className="space-y-4">
+            <h1 className="text-4xl font-bold">Heading 1</h1>
+            <h2 className="text-3xl font-semibold">Heading 2</h2>
+            <h3 className="text-2xl font-medium">Heading 3</h3>
+            <h4 className="text-xl font-medium">Heading 4</h4>
+          </div>
+        </ComponentSection>
+
+        <ComponentSection title="Body Text">
+          <div className="space-y-4">
+            <p className="text-base">
+              Regular paragraph text. Lorem ipsum dolor sit amet, consectetur
+              adipiscing elit.
+            </p>
+            <p className="text-fg-muted text-sm">
+              Small text with muted color for secondary information.
+            </p>
+          </div>
+        </ComponentSection>
+      </Section>
+
+      {/* Components Section */}
+      <Section
+        title="Components"
+        description="Interactive UI elements"
+        className="mt-6 space-y-6"
+      >
+        <ComponentSection title="Buttons">
+          <div className="flex flex-wrap gap-4">
+            <Button variant="primary">Primary</Button>
+            <Button variant="secondary">Secondary</Button>
+            <Button variant="outline">Outline</Button>
+            <Button variant="ghost">Ghost</Button>
+          </div>
+        </ComponentSection>
+
+        <ComponentSection title="Form Controls">
+          <div className="space-y-4">
+            <Input placeholder="Text input" />
+            <Textarea placeholder="Textarea" />
+            <Select>
+              <option value="">Select option</option>
+              <option value="1">Option 1</option>
+              <option value="2">Option 2</option>
+            </Select>
+          </div>
+        </ComponentSection>
+
+        <ComponentSection title="Toggle Controls">
+          <div className="space-y-4">
+            <div className="flex items-center gap-4">
+              <Switch id="switch" />
+              <label htmlFor="switch">Switch</label>
+            </div>
+            <div className="flex items-center gap-4">
+              <Checkbox id="checkbox" />
+              <label htmlFor="checkbox">Checkbox</label>
+            </div>
+            <div className="flex items-center gap-4">
+              <Radio id="radio" name="radio-group" />
+              <label htmlFor="radio">Radio</label>
+            </div>
+          </div>
+        </ComponentSection>
+      </Section>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/themes/[themeName]/components/ThemeHeader.tsx b/www/src/app/(app)/themes/[themeName]/components/ThemeHeader.tsx
new file mode 100644
index 000000000..a52ed7336
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/components/ThemeHeader.tsx
@@ -0,0 +1,57 @@
+import Link from "next/link";
+import { ArrowLeftIcon, PenIcon, SaveIcon } from "lucide-react";
+import { Button } from "@/components/core/button";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { ToggleButton } from "@/components/core/toggle-button";
+import { Tooltip } from "@/components/core/tooltip";
+import { PreviewContent } from "../../preview";
+
+interface ThemeHeaderProps {
+  isEditMode: boolean;
+  setEditMode: (value: boolean) => void;
+}
+
+export function ThemeHeader({ isEditMode, setEditMode }: ThemeHeaderProps) {
+  return (
+    <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
+      <Link
+        href="/themes"
+        className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
+      >
+        <ArrowLeftIcon className="size-4" />
+        <span>themes</span>
+      </Link>
+      <div className="flex items-center justify-between">
+        <h2 className="text-3xl font-semibold tracking-tight">Forest</h2>
+        <div className="flex items-center gap-2">
+          <DialogRoot>
+            <Button className="xl:hidden">Preview</Button>
+            <Dialog type="drawer" className="h-[80svh] p-0">
+              <PreviewContent
+                themeName="minimalist"
+                collapsible={false}
+                resizable={false}
+              />
+            </Dialog>
+          </DialogRoot>
+          {isEditMode && (
+            <Button shape="square" isDisabled>
+              <SaveIcon />
+            </Button>
+          )}
+          <Tooltip content="Edit mode" variant="inverse" showArrow>
+            <ToggleButton
+              isSelected={isEditMode}
+              onChange={setEditMode}
+              prefix={<PenIcon />}
+              variant="primary"
+              shape="rectangle"
+            >
+              Edit mode
+            </ToggleButton>
+          </Tooltip>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/themes/[themeName]/page-legacy.tsx b/www/src/app/(app)/themes/[themeName]/page-legacy.tsx
new file mode 100644
index 000000000..943eafa62
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/page-legacy.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+import { ThemeContent } from "./components/ThemeContent";
+import { ThemeHeader } from "./components/ThemeHeader";
+import { ThemeTableOfContents } from "./toc";
+
+export default function ThemePage() {
+  const [isEditMode, setEditMode] = React.useState(false);
+
+  return (
+    <div className="container flex min-h-[2000px] max-w-5xl gap-10">
+      <div className="relative flex-1 pb-20 pt-10">
+        <ThemeHeader isEditMode={isEditMode} setEditMode={setEditMode} />
+        <ThemeContent />
+      </div>
+      <ThemeTableOfContents />
+    </div>
+  );
+}
diff --git a/www/src/app/(app)/themes/[themeName]/page-old.tsx b/www/src/app/(app)/themes/[themeName]/page-old.tsx
new file mode 100644
index 000000000..f4a2e667a
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/page-old.tsx
@@ -0,0 +1,428 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import {
+  ArrowLeftIcon,
+  CheckIcon,
+  MoonIcon,
+  PenIcon,
+  SaveIcon,
+  SunIcon,
+} from "lucide-react";
+import { Transition } from "motion/react";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/core/button";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { Tabs, Tab, TabList } from "@/components/core/tabs";
+import { ToggleButton } from "@/components/core/toggle-button";
+import { Tooltip } from "@/components/core/tooltip";
+import { ButtonDemo } from "@/modules/themes/components/demos/button-demo";
+import { CalendarDemo } from "@/modules/themes/components/demos/calendar-demo";
+import { CheckboxDemo } from "@/modules/themes/components/demos/checkbox-demo";
+import { ComboboxDemo } from "@/modules/themes/components/demos/combobox-demo";
+import { CommandDemo } from "@/modules/themes/components/demos/command-demo";
+import { DatePickerDemo } from "@/modules/themes/components/demos/date-picker-demo";
+import { DateRangePickerDemo } from "@/modules/themes/components/demos/date-range-picker-demo";
+import { IconsDemo } from "@/modules/themes/components/demos/icons-demo";
+import { ListBoxDemo } from "@/modules/themes/components/demos/listbox-demo";
+import { MenuDemo } from "@/modules/themes/components/demos/menu-demo";
+import { NumberFieldDemo } from "@/modules/themes/components/demos/number-field-demo";
+import { RadioGroupDemo } from "@/modules/themes/components/demos/radio-group-demo";
+import { SearchFieldDemo } from "@/modules/themes/components/demos/search-field-demo";
+import { SelectDemo } from "@/modules/themes/components/demos/select-demo";
+import { SliderDemo } from "@/modules/themes/components/demos/slider-demo";
+import { SwitchDemo } from "@/modules/themes/components/demos/switch-demo";
+import { TagGroupDemo } from "@/modules/themes/components/demos/tag-group-demo";
+import { TextAreaDemo } from "@/modules/themes/components/demos/text-area-demo";
+import { TextFieldDemo } from "@/modules/themes/components/demos/text-field-demo";
+import { ToggleButtonDemo } from "@/modules/themes/components/demos/toggle-button-demo";
+import { PreviewContent } from "../preview";
+import { ThemeTableOfContents } from "./toc";
+
+export default function ThemePage() {
+  const [isEditMode, setEditMode] = React.useState(false);
+
+  return (
+    <div className="container flex min-h-[2000px] max-w-5xl gap-10">
+      <div className="relative flex-1 pb-20 pt-10">
+        <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
+          <Link
+            href="/themes"
+            className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
+          >
+            <ArrowLeftIcon className="size-4" />
+            <span>themes</span>
+          </Link>
+          <div className="flex items-center justify-between">
+            <h2 className="text-3xl font-semibold tracking-tight">Forest</h2>
+            <div className="flex items-center gap-2">
+              <DialogRoot>
+                <Button className="xl:hidden">Preview</Button>
+                <Dialog type="drawer" className="h-[80svh] p-0">
+                  <PreviewContent
+                    themeName="minimalist"
+                    collapsible={false}
+                    resizable={false}
+                  />
+                </Dialog>
+              </DialogRoot>
+              {isEditMode && (
+                <Button shape="square" isDisabled>
+                  <SaveIcon />
+                </Button>
+              )}
+              <Tooltip content="Edit mode" variant="inverse" showArrow>
+                <ToggleButton
+                  isSelected={isEditMode}
+                  onChange={setEditMode}
+                  prefix={<PenIcon />}
+                  variant="primary"
+                  shape="rectangle"
+                >
+                  Edit mode
+                </ToggleButton>
+              </Tooltip>
+            </div>
+          </div>
+        </div>
+        <div className="space-y-10 overflow-hidden max-lg:p-4 lg:mt-12">
+          <Section
+            title="Colors"
+            description="Learn how to work with color system."
+            action={
+              <Tabs variant="solid">
+                <TabList className="[&_svg]:size-4">
+                  <Tab id="light">
+                    <SunIcon />
+                  </Tab>
+                  <Tab id="dark">
+                    <MoonIcon />
+                  </Tab>
+                </TabList>
+              </Tabs>
+            }
+            className="pt-4"
+          >
+            <p id="core-colors" className="font-medium tracking-tight">
+              Core colors
+            </p>
+            <div className="mt-1 flex gap-1">
+              <Item
+                className="bg-bg-neutral rounded-sm"
+                containerClassName=" ml-0! mr-0!"
+              />
+              <Item
+                className="bg-bg-accent rounded-sm"
+                containerClassName=" ml-0! mr-0!"
+              />
+            </div>
+            <div className="mt-1 space-y-1">
+              {[
+                { name: "neutral", label: "Neutral" },
+                { name: "accent", label: "Accent" },
+              ].map((shade) => (
+                <div key={shade.name} className="flex items-center gap-2">
+                  <p className="text-fg-muted w-[60px] text-sm">
+                    {shade.label}
+                  </p>
+                  <div className="flex flex-1">
+                    {Array.from({ length: 10 }).map((_, i) => (
+                      <Item
+                        key={i}
+                        style={{
+                          backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                        }}
+                        className="h-8 rounded-sm"
+                        containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
+                      />
+                    ))}
+                  </div>
+                </div>
+              ))}
+            </div>
+            <p id="semantic-colors" className="mt-4 font-medium tracking-tight">
+              Semantic colors
+            </p>
+            <div className="mt-1 flex gap-1">
+              {/* <Item className="bg-bg-info" /> */}
+              <Item
+                className="bg-bg-success rounded-sm"
+                containerClassName="ml-0! mr-0!"
+              />
+              <Item
+                className="bg-bg-warning rounded-sm"
+                containerClassName=" ml-0! mr-0!"
+              />
+              <Item
+                className="bg-bg-danger rounded-sm"
+                containerClassName=" ml-0! mr-0!"
+              />
+            </div>
+            <div className="mt-1 space-y-1">
+              {[
+                { name: "success", label: "Success" },
+                { name: "warning", label: "Warning" },
+                { name: "danger", label: "Danger" },
+                // { name: "info", label: "Info" },
+              ].map((shade) => (
+                <div key={shade.name} className="flex items-center gap-2">
+                  <p className="text-fg-muted w-[60px] text-sm">
+                    {shade.label}
+                  </p>
+                  <div className="flex flex-1">
+                    {Array.from({ length: 10 }).map((_, i) => (
+                      <Item
+                        key={i}
+                        style={{
+                          backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                        }}
+                        className="h-8 rounded-sm"
+                        containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
+                      />
+                    ))}
+                  </div>
+                </div>
+              ))}
+            </div>
+          </Section>
+          <Section
+            title="Typography"
+            description="Rules of typesetting throughout the system."
+            className="pt-4"
+          >
+            <div className="font-heading space-y-1 font-bold tracking-tight">
+              <p className="text-5xl">Heading 5XL</p>
+              <p className="text-4xl">Heading 4XL</p>
+              <p className="text-3xl">Heading 3XL</p>
+              <p className="text-2xl">Heading 2XL</p>
+              <p className="text-xl">Heading XL</p>
+              <p className="text-lg">Heading LG</p>
+            </div>
+            <div className="font-body mt-4 space-y-0.5 tracking-tight">
+              <p className="text-xl">This is body content XL</p>
+              <p className="text-lg">This is body content LG</p>
+              <p className="text-base">This is body content base</p>
+              <p className="text-sm">This is body content sm</p>
+            </div>
+          </Section>
+          <Section
+            title="Iconography"
+            description="A collection of icons."
+            className="pt-4"
+          >
+            <IconsDemo />
+          </Section>
+          <Section
+            title="Components overview"
+            description="Components are the reusable primitives for creating user interfaces."
+            className="space-y-4 pt-4"
+          >
+            {/* Buttons */}
+            <ComponentSection title="Button">
+              <ButtonDemo />
+            </ComponentSection>
+            <ComponentSection title="Toggle Button">
+              <ToggleButtonDemo />
+            </ComponentSection>
+            {/* Inputs */}
+            <ComponentSection title="TextField">
+              <TextFieldDemo />
+            </ComponentSection>
+            <ComponentSection title="TextArea">
+              <TextAreaDemo />
+            </ComponentSection>
+            <ComponentSection title="SearchField">
+              <SearchFieldDemo />
+            </ComponentSection>
+            <ComponentSection title="NumberField">
+              <NumberFieldDemo />
+            </ComponentSection>
+            <ComponentSection title="Checkbox">
+              <CheckboxDemo />
+            </ComponentSection>
+            <ComponentSection title="Checkbox Group"></ComponentSection>
+            <ComponentSection title="Radio Group">
+              <RadioGroupDemo />
+            </ComponentSection>
+            <ComponentSection title="Switch">
+              <SwitchDemo />
+            </ComponentSection>
+            <ComponentSection title="Slider">
+              <SliderDemo />
+            </ComponentSection>
+            {/* Menus and selection */}
+            <ComponentSection title="ListBox">
+              <ListBoxDemo />
+            </ComponentSection>
+            <ComponentSection title="Menu">
+              <MenuDemo />
+            </ComponentSection>
+            <ComponentSection title="Select">
+              <SelectDemo />
+            </ComponentSection>
+            <ComponentSection title="Combobox">
+              <ComboboxDemo />
+            </ComponentSection>
+            <ComponentSection title="Tag Group">
+              <TagGroupDemo />
+            </ComponentSection>
+            <ComponentSection title="Command">
+              <CommandDemo />
+            </ComponentSection>
+            {/* Date and time */}
+            <ComponentSection title="Calendar">
+              <CalendarDemo />
+            </ComponentSection>
+            <ComponentSection title="DatePicker">
+              <DatePickerDemo />
+            </ComponentSection>
+            <ComponentSection title="DateRangePicker">
+              <DateRangePickerDemo />
+            </ComponentSection>
+          </Section>
+        </div>
+      </div>
+      <ThemeTableOfContents />
+    </div>
+  );
+}
+
+const ComponentSection = ({
+  title,
+  description,
+  action,
+  children,
+}: {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+}) => {
+  return (
+    <div className="max-w-xs overflow-hidden rounded-sm border">
+      <div className="bg-bg-muted/50 flex items-center justify-between gap-2 border-b px-4 py-2">
+        <div>
+          <h3 className="text-base font-medium">{title}</h3>
+          {description && (
+            <p className="text-fg-muted text-sm">{description}</p>
+          )}
+        </div>
+        {action}
+      </div>
+      <div className="p-4">{children}</div>
+    </div>
+  );
+};
+
+const TRANSITION: Transition = {
+  type: "spring",
+  bounce: 0,
+  duration: 0.25,
+};
+
+const Section = ({
+  title,
+  description,
+  action,
+  children,
+  className,
+}: {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+  className?: string;
+}) => {
+  // const [ref, { height }] = useMeasure<HTMLDivElement>();
+  return (
+    <section id={title.toLowerCase().replace(" ", "-")}>
+      <div className="flex items-start justify-between">
+        <div>
+          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
+          {description && (
+            <p className="text-fg-muted text-sm">{description}</p>
+          )}
+        </div>
+        {action}
+      </div>
+      <div className={className}>{children}</div>
+      {/* <motion.div animate={{ height }} transition={TRANSITION}>
+        <div ref={ref}>
+        </div>
+      </motion.div> */}
+    </section>
+  );
+};
+
+// const Container = ({
+//   children,
+//   className,
+// }: {
+//   children?: React.ReactNode;
+//   className?: string;
+// }) => {
+//   return (
+//     <motion.div
+//       initial={false}
+//       animate={{ opacity: 1, y: 0 }}
+//       exit={{ opacity: 0 }}
+//       transition={TRANSITION}
+//       className={className}
+//     >
+//       {children}
+//     </motion.div>
+//   );
+// };
+
+const Item = ({
+  containerClassName,
+  className,
+  style,
+}: {
+  containerClassName?: string;
+  className?: string;
+  style?: React.CSSProperties;
+}) => {
+  const [isCopied, setCopied] = React.useState(false);
+  const handleCopy = () => {
+    navigator.clipboard.writeText("#000000");
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1000);
+  };
+  return (
+    <button
+      onClick={handleCopy}
+      className={cn(
+        "not-last:-mr-4 not-first:-ml-4 relative h-12 flex-1",
+        containerClassName
+      )}
+    >
+      <div
+        className={cn(
+          "hover:h-22 duration-250 group absolute bottom-0 left-0 h-12 w-full cursor-pointer overflow-hidden rounded-t-2xl transition-[height]",
+          className
+        )}
+        style={style}
+      >
+        <div
+          className={cn(
+            "flex items-center justify-between p-2 text-sm opacity-0 transition-opacity group-hover:opacity-100",
+            isCopied && "opacity-0!"
+          )}
+        >
+          <p>Danger</p>
+          <p>#ff0000</p>
+        </div>
+        <div
+          className={cn(
+            "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 transition-opacity",
+            isCopied && "opacity-100"
+          )}
+        >
+          <CheckIcon className="text-fg-muted size-4" />
+        </div>
+      </div>
+    </button>
+  );
+};
diff --git a/www/src/app/(app)/themes/[themeName]/page.tsx b/www/src/app/(app)/themes/[themeName]/page.tsx
index ed2b413ce..f75dc5f83 100644
--- a/www/src/app/(app)/themes/[themeName]/page.tsx
+++ b/www/src/app/(app)/themes/[themeName]/page.tsx
@@ -1,434 +1,30 @@
-"use client";
-
 import React from "react";
-import Link from "next/link";
-import {
-  ArrowLeftIcon,
-  CheckIcon,
-  MoonIcon,
-  PenIcon,
-  SaveIcon,
-  SunIcon,
-} from "lucide-react";
-import { motion, Transition } from "motion/react";
-import { useMeasure } from "react-use";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/core/button";
-import { Dialog, DialogRoot } from "@/components/core/dialog";
-import { Tabs, Tab, TabList } from "@/components/core/tabs";
-import { ToggleButton } from "@/components/core/toggle-button";
-import { Tooltip } from "@/components/core/tooltip";
-import { ButtonDemo } from "@/modules/themes/components/demos/button-demo";
-import { CalendarDemo } from "@/modules/themes/components/demos/calendar-demo";
-import { CheckboxDemo } from "@/modules/themes/components/demos/checkbox-demo";
-import { ComboboxDemo } from "@/modules/themes/components/demos/combobox-demo";
-import { CommandDemo } from "@/modules/themes/components/demos/command-demo";
-import { DatePickerDemo } from "@/modules/themes/components/demos/date-picker-demo";
-import { DateRangePickerDemo } from "@/modules/themes/components/demos/date-range-picker-demo";
-import { IconsDemo } from "@/modules/themes/components/demos/icons-demo";
-import { ListBoxDemo } from "@/modules/themes/components/demos/listbox-demo";
-import { MenuDemo } from "@/modules/themes/components/demos/menu-demo";
-import { NumberFieldDemo } from "@/modules/themes/components/demos/number-field-demo";
-import { RadioGroupDemo } from "@/modules/themes/components/demos/radio-group-demo";
-import { SearchFieldDemo } from "@/modules/themes/components/demos/search-field-demo";
-import { SelectDemo } from "@/modules/themes/components/demos/select-demo";
-import { SliderDemo } from "@/modules/themes/components/demos/slider-demo";
-import { SwitchDemo } from "@/modules/themes/components/demos/switch-demo";
-import { TagGroupDemo } from "@/modules/themes/components/demos/tag-group-demo";
-import { TextAreaDemo } from "@/modules/themes/components/demos/text-area-demo";
-import { TextFieldDemo } from "@/modules/themes/components/demos/text-field-demo";
-import { ToggleButtonDemo } from "@/modules/themes/components/demos/toggle-button-demo";
-import { PreviewContent } from "../preview";
-import { ThemeTableOfContents } from "../toc";
+import { themes } from "@/registry/registry-themes";
+import { ThemeEditor } from "./theme-editor";
+import { ThemeTableOfContents } from "./toc";
+
+export default async function ThemePage({
+  params,
+}: {
+  params: Promise<{ themeName: string }>;
+}) {
+  const themeName = (await params).themeName;
 
-export default function ThemePage() {
-  const [isEditMode, setEditMode] = React.useState(false);
+  const theme = themes.find((theme) => theme.name === themeName);
+  const isEditable = !theme;
 
   return (
-    <div className="flex container max-w-5xl gap-10">
-      <div className="relative pb-20 flex-1 pt-10">
-        <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
-          <Link
-            href="/themes"
-            className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
-          >
-            <ArrowLeftIcon className="size-4" />
-            <span>themes</span>
-          </Link>
-          <div className="flex items-center justify-between">
-            <h2 className="text-3xl font-semibold tracking-tight">Forest</h2>
-            <div className="flex items-center gap-2">
-              <DialogRoot>
-                <Button className="xl:hidden">Preview</Button>
-                <Dialog type="drawer" className="h-[80svh] p-0">
-                  <PreviewContent
-                    themeName="minimalist"
-                    collapsible={false}
-                    resizable={false}
-                  />
-                </Dialog>
-              </DialogRoot>
-              {isEditMode && (
-                <Button shape="square" isDisabled>
-                  <SaveIcon />
-                </Button>
-              )}
-              <Tooltip content="Edit mode" variant="inverse" showArrow>
-                <ToggleButton
-                  isSelected={isEditMode}
-                  onChange={setEditMode}
-                  prefix={<PenIcon />}
-                  variant="primary"
-                  shape="rectangle"
-                >
-                  Edit mode
-                </ToggleButton>
-              </Tooltip>
-            </div>
-          </div>
-        </div>
-        <div className="space-y-10 overflow-hidden max-lg:p-4 lg:mt-12">
-          <Section
-            title="Colors"
-            description="Learn how to work with color system."
-            action={
-              <Tabs variant="solid">
-                <TabList className="[&_svg]:size-4">
-                  <Tab id="light">
-                    <SunIcon />
-                  </Tab>
-                  <Tab id="dark">
-                    <MoonIcon />
-                  </Tab>
-                </TabList>
-              </Tabs>
-            }
-            className="pt-4"
-          >
-            {/* {isEditMode ? (
-            <Container key="edit">
-              <p>edit colors here</p>
-            </Container>
-          ) : (
-            <Container key="view">
-              
-            </Container>
-          )} */}
-            <p className="font-medium tracking-tight">Core colors</p>
-            <div className="mt-1 flex gap-1">
-              <Item
-                className="bg-bg-neutral rounded-sm"
-                containerClassName=" ml-0! mr-0!"
-              />
-              <Item
-                className="bg-bg-accent rounded-sm"
-                containerClassName=" ml-0! mr-0!"
-              />
-            </div>
-            <div className="mt-1 space-y-1">
-              {[
-                { name: "neutral", label: "Neutral" },
-                { name: "accent", label: "Accent" },
-              ].map((shade) => (
-                <div key={shade.name} className="flex items-center gap-2">
-                  <p className="text-fg-muted w-[60px] text-sm">
-                    {shade.label}
-                  </p>
-                  <div className="flex flex-1">
-                    {Array.from({ length: 10 }).map((_, i) => (
-                      <Item
-                        key={i}
-                        style={{
-                          backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
-                        }}
-                        className="h-8 rounded-sm"
-                        containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
-                      />
-                    ))}
-                  </div>
-                </div>
-              ))}
-            </div>
-            <p className="mt-4 font-medium tracking-tight">Semantic colors</p>
-            <div className="mt-1 flex gap-1">
-              {/* <Item className="bg-bg-info" /> */}
-              <Item
-                className="bg-bg-success rounded-sm"
-                containerClassName="ml-0! mr-0!"
-              />
-              <Item
-                className="bg-bg-warning rounded-sm"
-                containerClassName=" ml-0! mr-0!"
-              />
-              <Item
-                className="bg-bg-danger rounded-sm"
-                containerClassName=" ml-0! mr-0!"
-              />
-            </div>
-            <div className="mt-1 space-y-1">
-              {[
-                { name: "success", label: "Success" },
-                { name: "warning", label: "Warning" },
-                { name: "danger", label: "Danger" },
-                // { name: "info", label: "Info" },
-              ].map((shade) => (
-                <div key={shade.name} className="flex items-center gap-2">
-                  <p className="text-fg-muted w-[60px] text-sm">
-                    {shade.label}
-                  </p>
-                  <div className="flex flex-1">
-                    {Array.from({ length: 10 }).map((_, i) => (
-                      <Item
-                        key={i}
-                        style={{
-                          backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
-                        }}
-                        className="h-8 rounded-sm"
-                        containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
-                      />
-                    ))}
-                  </div>
-                </div>
-              ))}
-            </div>
-          </Section>
-          <Section
-            title="Typography"
-            description="Rules of typesetting throughout the system."
-            className="hidden pt-4"
-          >
-            <div className="font-heading space-y-1 font-bold tracking-tight">
-              <p className="text-5xl">Heading 5XL</p>
-              <p className="text-4xl">Heading 4XL</p>
-              <p className="text-3xl">Heading 3XL</p>
-              <p className="text-2xl">Heading 2XL</p>
-              <p className="text-xl">Heading XL</p>
-              <p className="text-lg">Heading LG</p>
-            </div>
-            <div className="font-body mt-4 space-y-0.5 tracking-tight">
-              <p className="text-xl">This is body content XL</p>
-              <p className="text-lg">This is body content LG</p>
-              <p className="text-base">This is body content base</p>
-              <p className="text-sm">This is body content sm</p>
-            </div>
-          </Section>
-          <Section
-            title="Iconography"
-            description="A collection of icons."
-            className="hidden pt-4"
-          >
-            <IconsDemo />
-          </Section>
-          <Section
-            title="Components overview"
-            description="Components are the reusable primitives for creating user interfaces."
-            className="hidden space-y-4 pt-4"
-          >
-            {/* Buttons */}
-            <ComponentSection title="Button">
-              <ButtonDemo />
-            </ComponentSection>
-            <ComponentSection title="Toggle Button">
-              <ToggleButtonDemo />
-            </ComponentSection>
-            {/* Inputs */}
-            <ComponentSection title="TextField">
-              <TextFieldDemo />
-            </ComponentSection>
-            <ComponentSection title="TextArea">
-              <TextAreaDemo />
-            </ComponentSection>
-            <ComponentSection title="SearchField">
-              <SearchFieldDemo />
-            </ComponentSection>
-            <ComponentSection title="NumberField">
-              <NumberFieldDemo />
-            </ComponentSection>
-            <ComponentSection title="Checkbox">
-              <CheckboxDemo />
-            </ComponentSection>
-            <ComponentSection title="Checkbox Group"></ComponentSection>
-            <ComponentSection title="Radio Group">
-              <RadioGroupDemo />
-            </ComponentSection>
-            <ComponentSection title="Switch">
-              <SwitchDemo />
-            </ComponentSection>
-            <ComponentSection title="Slider">
-              <SliderDemo />
-            </ComponentSection>
-            {/* Menus and selection */}
-            <ComponentSection title="ListBox">
-              <ListBoxDemo />
-            </ComponentSection>
-            <ComponentSection title="Menu">
-              <MenuDemo />
-            </ComponentSection>
-            <ComponentSection title="Select">
-              <SelectDemo />
-            </ComponentSection>
-            <ComponentSection title="Combobox">
-              <ComboboxDemo />
-            </ComponentSection>
-            <ComponentSection title="Tag Group">
-              <TagGroupDemo />
-            </ComponentSection>
-            <ComponentSection title="Command">
-              <CommandDemo />
-            </ComponentSection>
-            {/* Date and time */}
-            <ComponentSection title="Calendar">
-              <CalendarDemo />
-            </ComponentSection>
-            <ComponentSection title="DatePicker">
-              <DatePickerDemo />
-            </ComponentSection>
-            <ComponentSection title="DateRangePicker">
-              <DateRangePickerDemo />
-            </ComponentSection>
-          </Section>
-        </div>
+    <div className="mx-auto flex max-w-5xl lg:px-8 lg:pt-10">
+      <div className="relative mx-auto min-h-[2000px] max-w-3xl flex-1">
+        <ThemeEditor theme={theme ?? themeName} isEditable={isEditable} />
       </div>
       <ThemeTableOfContents />
     </div>
   );
 }
 
-const ComponentSection = ({
-  title,
-  description,
-  action,
-  children,
-}: {
-  title: string;
-  description?: string;
-  action?: React.ReactNode;
-  children?: React.ReactNode;
-}) => {
-  return (
-    <div className="overflow-hidden rounded-sm border">
-      <div className="bg-bg-muted/50 flex items-center justify-between gap-2 border-b px-4 py-2">
-        <div>
-          <h3 className="text-base font-medium">{title}</h3>
-          {description && (
-            <p className="text-fg-muted text-sm">{description}</p>
-          )}
-        </div>
-        {action}
-      </div>
-      <div className="p-4">{children}</div>
-    </div>
-  );
-};
-
-const TRANSITION: Transition = {
-  type: "spring",
-  bounce: 0,
-  duration: 0.25,
-};
-
-const Section = ({
-  title,
-  description,
-  action,
-  children,
-  className,
-}: {
-  title: string;
-  description?: string;
-  action?: React.ReactNode;
-  children?: React.ReactNode;
-  className?: string;
-}) => {
-  // const [ref, { height }] = useMeasure<HTMLDivElement>();
-  return (
-    <section>
-      <div className="flex items-start justify-between">
-        <div>
-          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
-          {description && (
-            <p className="text-fg-muted text-sm">{description}</p>
-          )}
-        </div>
-        {action}
-      </div>
-      <div className={className}>{children}</div>
-      {/* <motion.div animate={{ height }} transition={TRANSITION}>
-        <div ref={ref}>
-        </div>
-      </motion.div> */}
-    </section>
-  );
-};
-
-// const Container = ({
-//   children,
-//   className,
-// }: {
-//   children?: React.ReactNode;
-//   className?: string;
-// }) => {
-//   return (
-//     <motion.div
-//       initial={false}
-//       animate={{ opacity: 1, y: 0 }}
-//       exit={{ opacity: 0 }}
-//       transition={TRANSITION}
-//       className={className}
-//     >
-//       {children}
-//     </motion.div>
-//   );
-// };
-
-const Item = ({
-  containerClassName,
-  className,
-  style,
-}: {
-  containerClassName?: string;
-  className?: string;
-  style?: React.CSSProperties;
-}) => {
-  const [isCopied, setCopied] = React.useState(false);
-  const handleCopy = () => {
-    navigator.clipboard.writeText("#000000");
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1000);
-  };
-  return (
-    <button
-      onClick={handleCopy}
-      className={cn(
-        "not-last:-mr-4 not-first:-ml-4 relative h-12 flex-1",
-        containerClassName
-      )}
-    >
-      <div
-        className={cn(
-          "hover:h-22 duration-250 group absolute bottom-0 left-0 h-12 w-full cursor-pointer overflow-hidden rounded-t-2xl transition-[height]",
-          className
-        )}
-        style={style}
-      >
-        <div
-          className={cn(
-            "flex items-center justify-between p-2 text-sm opacity-0 transition-opacity group-hover:opacity-100",
-            isCopied && "opacity-0!"
-          )}
-        >
-          <p>Danger</p>
-          <p>#ff0000</p>
-        </div>
-        <div
-          className={cn(
-            "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 transition-opacity",
-            isCopied && "opacity-100"
-          )}
-        >
-          <CheckIcon className="text-fg-muted size-4" />
-        </div>
-      </div>
-    </button>
-  );
-};
+export function generateStaticParams() {
+  return themes.map((theme) => ({
+    themeName: theme.name,
+  }));
+}
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
new file mode 100644
index 000000000..125574d43
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
@@ -0,0 +1,404 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import {
+  ArrowLeftIcon,
+  CheckIcon,
+  EllipsisVerticalIcon,
+  MoonIcon,
+  PenIcon,
+  SaveIcon,
+  SunIcon,
+} from "lucide-react";
+import { cn } from "@/lib/utils";
+import { useMounted } from "@/hooks/use-mounted";
+import { Button } from "@/components/core/button";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { MenuRoot, Menu, MenuItem } from "@/components/core/menu";
+import { Skeleton } from "@/components/core/skeleton";
+import { Tabs, Tab, TabList } from "@/components/core/tabs";
+import { ToggleButton } from "@/components/core/toggle-button";
+import { Tooltip } from "@/components/core/tooltip";
+import { usePreviewMode } from "@/components/mode-provider";
+import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
+import { ThemeProvider } from "@/modules/themes/components/theme-provider";
+import { Theme } from "@/modules/themes/types";
+import { PreviewContent } from "../preview";
+
+const ThemeEditorContext = React.createContext<{
+  isLoading: boolean;
+}>({
+  isLoading: false,
+});
+
+const useThemeEditorContext = () => React.useContext(ThemeEditorContext);
+
+export function ThemeEditor({
+  theme: themeProp,
+  isEditable,
+}: {
+  theme?: Theme | string;
+  isEditable: boolean;
+}) {
+  const { mode: previewMode, setMode: setPreviewMode } = usePreviewMode();
+
+  const [isEditMode, setEditMode] = React.useState(true);
+  const isMounted = useMounted();
+  const { userThemes } = useUserThemes();
+
+  const theme: Theme | undefined =
+    typeof themeProp === "string"
+      ? userThemes.find((t) => t.name === themeProp)
+      : themeProp;
+
+  const isLoading = !theme;
+
+  if (isMounted && !theme) {
+    notFound();
+  }
+
+  return (
+    <ThemeEditorContext value={{ isLoading }}>
+      <div>
+        <ThemeEditorHeader
+          theme={theme}
+          isLoading={isLoading}
+          isEditable={isEditable}
+          isEditMode={isEditMode}
+          setEditMode={setEditMode}
+        />
+        <ThemeEditorBody>
+          <Section
+            title="Colors"
+            description="Theme color palette and variations"
+            action={
+              theme?.foundations.light &&
+              theme?.foundations.dark &&
+              previewMode && (
+                <Tabs
+                  variant="solid"
+                  selectedKey={previewMode}
+                  onSelectionChange={(key) =>
+                    setPreviewMode(key as "light" | "dark")
+                  }
+                >
+                  <TabList className="[&_svg]:size-4">
+                    <Tab id="light">
+                      <SunIcon />
+                    </Tab>
+                    <Tab id="dark">
+                      <MoonIcon />
+                    </Tab>
+                  </TabList>
+                </Tabs>
+              )
+            }
+          >
+            <ThemeColors theme={theme} />
+          </Section>
+          <Section title="Typography" description="Theme typography">
+            <ThemeTypography />
+          </Section>
+          <Section title="Iconography" description="Theme iconography">
+            <ThemeIconography />
+          </Section>
+          <Section title="Layout" description="Theme layout">
+            <ThemeLayout />
+          </Section>
+          <Section title="Radius" description="Theme radius">
+            <ThemeRadius />
+          </Section>
+        </ThemeEditorBody>
+      </div>
+    </ThemeEditorContext>
+  );
+}
+
+interface ThemeHeaderProps {
+  theme?: Theme;
+  isLoading: boolean;
+  isEditable: boolean;
+  isEditMode: boolean;
+  setEditMode: (value: boolean) => void;
+}
+export function ThemeEditorHeader({
+  theme,
+  isLoading,
+  isEditable,
+  isEditMode,
+  setEditMode,
+}: ThemeHeaderProps) {
+  return (
+    <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
+      <Link
+        href="/themes"
+        className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
+      >
+        <ArrowLeftIcon className="size-4" />
+        <span>themes</span>
+      </Link>
+      <div className="flex items-center justify-between">
+        <h2 className="text-3xl font-semibold tracking-tight">
+          <Skeleton show={isLoading}>
+            <span>{theme?.name ?? "Forest"}</span>
+          </Skeleton>
+        </h2>
+        <div className="flex items-center gap-2">
+          <DialogRoot>
+            <Button className="xl:hidden">Preview</Button>
+            <Dialog type="drawer" className="h-[80svh] p-0">
+              <PreviewContent
+                themeName="minimalist"
+                collapsible={false}
+                resizable={false}
+              />
+            </Dialog>
+          </DialogRoot>
+          {isEditable && isEditMode && (
+            <Button prefix={<SaveIcon />} size="sm" isDisabled>
+              Save theme
+            </Button>
+          )}
+          {isEditable && (
+            <Tooltip content="Edit mode" variant="inverse" showArrow>
+              <ToggleButton
+                isSelected={isEditMode}
+                onChange={setEditMode}
+                variant="quiet"
+                shape="square"
+                size="sm"
+              >
+                <PenIcon />
+              </ToggleButton>
+            </Tooltip>
+          )}
+          <MenuRoot>
+            <Button shape="square" size="sm">
+              <EllipsisVerticalIcon />
+            </Button>
+            <Menu>
+              <MenuItem id="clone">Clone theme</MenuItem>
+            </Menu>
+          </MenuRoot>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function ThemeEditorBody({ children }: { children: React.ReactNode }) {
+  return <div className="space-y-10 max-lg:p-4 lg:mt-12">{children}</div>;
+}
+
+interface SectionProps {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+  className?: string;
+}
+function Section({
+  title,
+  description,
+  action,
+  children,
+  className,
+}: SectionProps) {
+  return (
+    <section id={title.toLowerCase().replace(" ", "-")}>
+      <div className="flex items-start justify-between">
+        <div>
+          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
+          {description && (
+            <p className="text-fg-muted text-sm">{description}</p>
+          )}
+        </div>
+        {action}
+      </div>
+      <div className={className}>{children}</div>
+    </section>
+  );
+}
+
+function ThemeColors({ theme }: { theme?: Theme }) {
+  return (
+    <div
+      style={
+        { "--color-secondary": "var(--color-fg-muted)" } as React.CSSProperties
+      }
+    >
+      <ThemeProvider theme={theme} unstyled>
+        <p id="core-colors" className="mt-4 font-medium tracking-tight">
+          Core colors
+        </p>
+        <div className="mt-1 flex gap-1">
+          <ColorItem
+            colorName="Neutral"
+            // colorValue={theme?.foundations}
+            className="bg-bg-neutral rounded-sm"
+            containerClassName=" ml-0! mr-0!"
+          />
+          <ColorItem
+            className="bg-bg-accent rounded-sm"
+            containerClassName=" ml-0! mr-0!"
+          />
+        </div>
+        <div className="mt-1 space-y-1">
+          {[
+            { name: "neutral", label: "Neutral" },
+            { name: "accent", label: "Accent" },
+          ].map((shade) => (
+            <div key={shade.name} className="flex items-center gap-2">
+              <p className="text-(--color-secondary) w-[60px] text-sm">
+                {shade.label}
+              </p>
+              <div className="flex flex-1">
+                {Array.from({ length: 10 }).map((_, i) => (
+                  <ColorItem
+                    key={i}
+                    style={{
+                      backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                    }}
+                    className="h-8 rounded-sm"
+                    containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
+                  />
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+        <p id="semantic-colors" className="mt-4 font-medium tracking-tight">
+          Semantic colors
+        </p>
+        <div className="mt-1 flex gap-1">
+          {/* <Item className="bg-bg-info" /> */}
+          <ColorItem
+            className="bg-bg-success rounded-sm"
+            containerClassName="ml-0! mr-0!"
+          />
+          <ColorItem
+            className="bg-bg-warning rounded-sm"
+            containerClassName=" ml-0! mr-0!"
+          />
+          <ColorItem
+            className="bg-bg-danger rounded-sm"
+            containerClassName=" ml-0! mr-0!"
+          />
+        </div>
+        <div className="mt-1 space-y-1">
+          {[
+            { name: "success", label: "Success" },
+            { name: "warning", label: "Warning" },
+            { name: "danger", label: "Danger" },
+            // { name: "info", label: "Info" },
+          ].map((shade) => (
+            <div key={shade.name} className="flex items-center gap-2">
+              <p className="text-(--color-secondary) w-[60px] text-sm">
+                {shade.label}
+              </p>
+              <div className="flex flex-1">
+                {Array.from({ length: 10 }).map((_, i) => (
+                  <ColorItem
+                    key={i}
+                    style={{
+                      backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                    }}
+                    className="h-8 rounded-sm"
+                    containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
+                  />
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      </ThemeProvider>
+    </div>
+  );
+}
+
+interface ColorItemProps {
+  containerClassName?: string;
+  className?: string;
+  style?: React.CSSProperties;
+  colorValue?: string;
+  colorName?: string;
+}
+function ColorItem({
+  containerClassName,
+  className,
+  style,
+  colorValue = "#000000",
+  colorName,
+}: ColorItemProps) {
+  const { isLoading } = useThemeEditorContext();
+  const [isCopied, setCopied] = React.useState(false);
+
+  const handleCopy = () => {
+    navigator.clipboard.writeText(colorValue);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1000);
+  };
+
+  return (
+    <Skeleton
+      show={isLoading}
+      className={cn(
+        "not-last:-mr-4 not-first:-ml-4 relative h-12 flex-1",
+        containerClassName
+      )}
+    >
+      <button
+        onClick={handleCopy}
+        className={cn(
+          "not-last:-mr-4 not-first:-ml-4 relative h-12 flex-1",
+          containerClassName
+        )}
+        aria-label={`Copy ${colorName || colorValue} color value`}
+      >
+        <div
+          className={cn(
+            "hover:h-22 duration-250 group absolute bottom-0 left-0 h-12 w-full cursor-pointer overflow-hidden rounded-t-2xl transition-[height]",
+            className
+          )}
+          style={style}
+        >
+          <div
+            className={cn(
+              "flex items-center justify-between p-2 text-sm opacity-0 transition-opacity group-hover:opacity-100",
+              isCopied && "opacity-0!"
+            )}
+          >
+            <p>{colorName || "Color"}</p>
+            <p>{colorValue}</p>
+          </div>
+          <div
+            className={cn(
+              "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 transition-opacity",
+              isCopied && "opacity-100"
+            )}
+          >
+            <CheckIcon className="text-fg-muted size-4" />
+          </div>
+        </div>
+      </button>
+    </Skeleton>
+  );
+}
+
+function ThemeTypography() {
+  return <div>typography</div>;
+}
+
+function ThemeIconography() {
+  return <div>iconography</div>;
+}
+
+function ThemeLayout() {
+  return <div>layout</div>;
+}
+
+function ThemeRadius() {
+  return <div>radius</div>;
+}
diff --git a/www/src/app/(app)/themes/[themeName]/toc.tsx b/www/src/app/(app)/themes/[themeName]/toc.tsx
new file mode 100644
index 000000000..2cd6992fa
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/toc.tsx
@@ -0,0 +1,54 @@
+"use client";
+
+import React from "react";
+import { usePathname } from "next/navigation";
+import { AnimatePresence, motion } from "motion/react";
+import { useMounted } from "@/hooks/use-mounted";
+import { TableOfContents } from "@/components/docs/toc";
+import { usePreviewContext } from "../preview";
+
+export function ThemeTableOfContents() {
+  const isMounted = useMounted();
+  const { isOpen: isPreviewOpen } = usePreviewContext();
+  const pathname = usePathname();
+  const isOpen = pathname.startsWith("/themes/") && !isPreviewOpen;
+
+  if (!isMounted) return null;
+
+  return (
+    <AnimatePresence>
+      {isOpen && (
+        <motion.div
+          initial={{ width: 0, marginLeft: 0 }}
+          animate={{ width: 170, marginLeft: 40 }}
+          exit={{ width: 0, marginLeft: 0 }}
+          transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+          className="sticky top-10 z-0 mt-6 h-[calc(100svh-var(--spacing)*16)] w-0 overflow-hidden max-lg:hidden"
+        >
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ width: 170, opacity: 1 }}
+            exit={{ opacity: 0 }}
+            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+            className="h-full"
+          >
+            <TableOfContents
+              toc={[
+                { depth: 2, title: "Colors", url: "#colors" },
+                { depth: 3, title: "Core colors", url: "#core-colors" },
+                {
+                  depth: 3,
+                  title: "Semantic colors",
+                  url: "#semantic-colors",
+                },
+                { depth: 2, title: "Typography", url: "#typography" },
+                { depth: 2, title: "Icongraphy", url: "#iconography" },
+                { depth: 2, title: "Layout", url: "#radius" },
+              ]}
+            />
+          </motion.div>
+        </motion.div>
+      )}
+    </AnimatePresence>
+  );
+}
diff --git a/www/src/app/(app)/themes/layout.tsx b/www/src/app/(app)/themes/layout.tsx
index 60757fa22..ed2d25642 100644
--- a/www/src/app/(app)/themes/layout.tsx
+++ b/www/src/app/(app)/themes/layout.tsx
@@ -1,5 +1,4 @@
 import { Preview, PreviewProvider } from "./preview";
-// import { ThemeTableOfContents } from "./toc";
 
 export default function ThemesLayout({
   children,
@@ -12,8 +11,7 @@ export default function ThemesLayout({
         <div className="relative flex-1">
           <div className="">{children}</div>
         </div>
-        <div className="flex items-start h-[100svh] sticky top-0 max-xl:hidden">
-          {/* <ThemeTableOfContents /> */}
+        <div className="sticky top-0 flex h-[100svh] items-start max-xl:hidden">
           <Preview />
         </div>
       </div>
diff --git a/www/src/app/(app)/themes/page.tsx b/www/src/app/(app)/themes/page.tsx
index cbcda19d4..e45ddfec5 100644
--- a/www/src/app/(app)/themes/page.tsx
+++ b/www/src/app/(app)/themes/page.tsx
@@ -8,7 +8,7 @@ export default function ThemesPage() {
         A theme provide a complete design system with its own colors, fonts,
         icons, layout, and components.
       </p>
-      <ThemesExplorer />
+      <ThemesExplorer className="mt-6" />
     </div>
   );
 }
diff --git a/www/src/app/(app)/themes/preview.tsx b/www/src/app/(app)/themes/preview.tsx
index 12ef57abd..a49380d02 100644
--- a/www/src/app/(app)/themes/preview.tsx
+++ b/www/src/app/(app)/themes/preview.tsx
@@ -34,7 +34,7 @@ export function PreviewProvider({ children }: { children: React.ReactNode }) {
   const [screen, setScreen] = React.useState<"desktop" | "mobile">("desktop");
 
   React.useEffect(() => {
-    setOpen(true)
+    setOpen(true);
   }, []);
 
   return (
@@ -47,9 +47,9 @@ export function PreviewProvider({ children }: { children: React.ReactNode }) {
 export const usePreviewContext = () => React.useContext(PreviewContext);
 
 export const Preview = () => {
-  const { isOpen, setOpen, screen } = usePreviewContext();
+  const { isOpen: isPreviewOpen, setOpen, screen } = usePreviewContext();
   const pathname = usePathname();
-  const shouldOpen = pathname.startsWith("/themes/");
+  const isOpen = pathname.startsWith("/themes/") && isPreviewOpen;
   const { isCollapsed } = useSidebarContext();
   const { currentTheme } = useCurrentTheme();
   const isMounted = useMounted();
@@ -61,7 +61,7 @@ export const Preview = () => {
     screen === "mobile" ? 430 : 768,
     isCollapsed ? 768 : 600
   );
-  const containerWidth = isOpen && shouldOpen ? previewWidth : 0;
+  const containerWidth = isOpen ? previewWidth : 0;
 
   if (!isMounted) return null;
 
@@ -70,9 +70,14 @@ export const Preview = () => {
       <motion.div
         key="preview-button"
         initial={{ width: 0 }}
-        animate={{ width: isOpen || !shouldOpen ? 0 : 110 }}
+        animate={{
+          width: isOpen ? 0 : 110,
+          marginLeft: isOpen ? 0 : -110,
+        }}
         transition={{ type: "spring", bounce: 0, duration: 0.3 }}
         className="flex justify-start overflow-hidden"
+        aria-hidden={isOpen}
+        inert={isOpen || undefined}
       >
         <div style={{ width: 110 }} className="p-4">
           <Button
@@ -91,6 +96,8 @@ export const Preview = () => {
         animate={{ width: containerWidth }}
         transition={{ type: "spring", bounce: 0, duration: 0.3 }}
         className="h-full overflow-hidden"
+        aria-hidden={!isOpen}
+        inert={!isOpen || undefined}
       >
         <motion.div
           animate={{ width: previewWidth }}
diff --git a/www/src/app/(app)/themes/toc.tsx b/www/src/app/(app)/themes/toc.tsx
deleted file mode 100644
index 2e7b3ae60..000000000
--- a/www/src/app/(app)/themes/toc.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-"use client";
-
-import React from "react";
-import { usePathname } from "next/navigation";
-import { motion } from "motion/react";
-import { useMounted } from "@/hooks/use-mounted";
-import { TableOfContents } from "@/components/docs/toc";
-import { usePreviewContext } from "./preview";
-
-export function ThemeTableOfContents() {
-  const isMounted = useMounted();
-  const { isOpen: isPreviewOpen } = usePreviewContext();
-  const pathname = usePathname();
-  const isOpen = pathname.startsWith("/themes/") && !isPreviewOpen;
-
-  if (!isMounted) return null;
-
-  return (
-    <motion.div
-      initial={false}
-      animate={{ width: isOpen ? 170 : 0 }}
-      transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-      className="sticky top-0 z-0 h-[100svh] w-0 overflow-hidden"
-    >
-      <motion.div
-        initial={false}
-        animate={{ width: 170, opacity: isOpen ? 1 : 0 }}
-        transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-        className="h-full pt-14"
-      >
-        <TableOfContents
-          toc={[
-            { depth: 2, title: "Colors", url: "#colors" },
-            { depth: 3, title: "Core colors", url: "#core-colors" },
-            {
-              depth: 3,
-              title: "Semantic colors",
-              url: "#semantic-colors",
-            },
-            { depth: 2, title: "Typography", url: "#typography" },
-            { depth: 2, title: "Icongraphy", url: "#iconography" },
-            { depth: 2, title: "Layout", url: "#radius" },
-          ]}
-        />
-      </motion.div>
-    </motion.div>
-  );
-}
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index ced2a1e08..2fe6bee35 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,31 +1,10 @@
-// "use client";
-import React from "react";
+"use client";
 
-// import { FontSelector } from "@/modules/themes/components/font-selector";
+import React from "react";
+import { usePreviewMode } from "@/components/mode-provider";
 
 export default function Demo() {
-  // const [font, setFont] = React.useState<string | null>(null);
-
-  // const content = variableFonts
-  //   .filter((elem) => elem.subsets.includes("latin"))
-  //   .filter((elem) => elem.variants.includes("regular"))
-  //   .filter((elem) => elem.category === "handwriting")
-  //   .map((elem) => elem.family);
-
-  // const rawContent = JSON.stringify(content, null, 2);
-
-  // const allCategories = variableFonts.map((elem) => elem.category)
-  // const uniqueCategories = [...new Set(allCategories)]
-  // console.log(uniqueCategories)
-
-  // React.useEffect(() => {
-  //   // copy to clipboard
-  //   navigator.clipboard.writeText(rawContent);
-  // }, [rawContent]);
+  const { mode } = usePreviewMode();
 
-  return (
-    <div className="container max-w-xs py-40">
-      {/* <FontSelector label="Body" font={font} onFontChange={setFont} /> */}
-    </div>
-  );
+  return <div className="container max-w-xs py-40">{mode}</div>;
 }
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
index fb1aac2fa..fc284c3f3 100644
--- a/www/src/app/layout.tsx
+++ b/www/src/app/layout.tsx
@@ -4,10 +4,10 @@ import { cookies } from "next/headers";
 import { Analytics } from "@vercel/analytics/react";
 import { truncateOnWord } from "@/lib/string";
 import { cn } from "@/lib/utils";
-import { ThemeOverride } from "@/components/docs/theme-override";
 import { fontMono, fontSans, josefinSans } from "@/styles/fonts";
 import "@/styles/globals.css";
 import { siteConfig } from "@/config";
+import { ThemeProvider } from "@/modules/themes/components/theme-provider";
 import { Providers } from "./providers";
 
 const config = siteConfig.global;
@@ -50,8 +50,11 @@ export default async function RootLayout({
   children: React.ReactNode;
 }) {
   const cookieStore = await cookies();
-  const theme = cookieStore.get("site-theme")?.value ?? "";
-  console.log(theme);
+  const defaultMode = (cookieStore.get("preview-mode")?.value ?? null) as
+    | "light"
+    | "dark"
+    | null;
+
   return (
     <html lang="en" suppressHydrationWarning>
       <body
@@ -64,12 +67,9 @@ export default async function RootLayout({
         suppressHydrationWarning
       >
         <Analytics />
-        <Providers>
+        <Providers defaultPreviewMode={defaultMode}>
           <div>
-            <ThemeOverride
-              id="custom-theme-portal"
-              className="bg-transparent"
-            />
+            <ThemeProvider id="custom-theme-portal" unstyled />
             {children}
           </div>
         </Providers>
diff --git a/www/src/app/providers.tsx b/www/src/app/providers.tsx
index 8bdc768a5..00ab0b412 100644
--- a/www/src/app/providers.tsx
+++ b/www/src/app/providers.tsx
@@ -5,6 +5,7 @@ import { Provider as JotaiProvider } from "jotai";
 import { ThemeProvider } from "next-themes";
 import { RouterProvider } from "react-aria-components";
 import { VariantsProvider } from "@/lib/create-dynamic-component";
+import { PreviewModeProvider } from "@/components/mode-provider";
 
 declare module "react-aria-components" {
   interface RouterConfig {
@@ -14,7 +15,13 @@ declare module "react-aria-components" {
   }
 }
 
-export function Providers({ children }: { children: React.ReactNode }) {
+export function Providers({
+  defaultPreviewMode,
+  children,
+}: {
+  defaultPreviewMode: "light" | "dark" | null;
+  children: React.ReactNode;
+}) {
   const router = useRouter();
   return (
     <JotaiProvider>
@@ -26,7 +33,9 @@ export function Providers({ children }: { children: React.ReactNode }) {
             enableSystem
             disableTransitionOnChange
           >
-            {children}
+            <PreviewModeProvider defaultMode={defaultPreviewMode}>
+              {children}
+            </PreviewModeProvider>
           </ThemeProvider>
         </RouterProvider>
       </VariantsProvider>
diff --git a/www/src/components/docs/palette.tsx b/www/src/components/docs/palette.tsx
index 1b44ee6a1..abed170d0 100644
--- a/www/src/components/docs/palette.tsx
+++ b/www/src/components/docs/palette.tsx
@@ -1,5 +1,4 @@
 import { cn } from "@/lib/utils";
-import { ThemeOverride } from "@/components/docs/theme-override";
 
 export interface PaletteProps extends React.ComponentProps<"div"> {
   baseColor:
@@ -13,19 +12,17 @@ export interface PaletteProps extends React.ComponentProps<"div"> {
 
 export function Palette({ baseColor, className, ...props }: PaletteProps) {
   return (
-    <ThemeOverride>
-      <div className={cn("grid grid-cols-10 gap-1", className)} {...props}>
-        {Array.from({ length: 10 }).map((_, i) => (
-          <div
-            key={i}
-            className="h-10 border"
-            style={{
-              borderRadius: "0.25rem",
-              backgroundColor: `hsl(var(--color-${baseColor}-${(i + 1) * 100}))`,
-            }}
-          />
-        ))}
-      </div>
-    </ThemeOverride>
+    <div className={cn("grid grid-cols-10 gap-1", className)} {...props}>
+      {Array.from({ length: 10 }).map((_, i) => (
+        <div
+          key={i}
+          className="h-10 border"
+          style={{
+            borderRadius: "0.25rem",
+            backgroundColor: `hsl(var(--color-${baseColor}-${(i + 1) * 100}))`,
+          }}
+        />
+      ))}
+    </div>
   );
 }
diff --git a/www/src/components/docs/theme-override.tsx b/www/src/components/docs/theme-override.tsx
deleted file mode 100644
index 9d1784dc1..000000000
--- a/www/src/components/docs/theme-override.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-"use client";
-
-import React, { ReactNode } from "react";
-import { cn } from "@/lib/utils";
-import { useThemes } from "@/hooks/use-themes";
-
-interface ThemeOverrideProps
-  extends Omit<React.ComponentProps<"div">, "style"> {
-  children?: React.ReactNode;
-  fallback?: ReactNode;
-  style?: (color: string) => React.CSSProperties;
-}
-
-export const ThemeOverride = React.forwardRef<
-  HTMLDivElement,
-  ThemeOverrideProps
->(({ children, ...props }, ref) => {
-  const { currentTheme, mode } = useThemes();
-
-  // colors
-  const currentMode = currentTheme.colors[mode];
-
-  const styles = Object.fromEntries(
-    (["neutral", "success", "warning", "danger", "accent"] as const).flatMap(
-      (color) => {
-        const shades = currentMode[color].shades;
-        return shades.map((shade, index) => {
-          return [`--color-${color}-${(index + 1) * 100}`, shade];
-        });
-      }
-    )
-  );
-
-  return (
-    <div
-      ref={ref}
-      {...props}
-      data-theme={currentTheme.id}
-      style={
-        {
-          ...styles,
-          ...props.style?.(currentMode.neutral.shades[3]),
-        } as React.CSSProperties
-      }
-      className={cn("bg-bg text-fg", props.className)}
-    >
-      {children}
-    </div>
-  );
-});
-
-ThemeOverride.displayName = "ThemeOverride";
diff --git a/www/src/components/mode-provider.tsx b/www/src/components/mode-provider.tsx
new file mode 100644
index 000000000..e74e38b11
--- /dev/null
+++ b/www/src/components/mode-provider.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import React from "react";
+import { useTheme } from "next-themes";
+import { useLocalStorage } from "react-use";
+
+const PREVIEW_MODE_STORAGE_NAME: string = "preview-mode";
+const PREVIEW_MODE_COOKIE_MAX_AGE = 60 * 60 * 24 * 30;
+
+const ModeProviderContext = React.createContext<{
+  mode: "light" | "dark" | null;
+  setMode: (mode: "light" | "dark") => void;
+}>({
+  mode: null,
+  setMode: () => {},
+});
+
+export function PreviewModeProvider({
+  defaultMode,
+  children,
+}: {
+  defaultMode: "light" | "dark" | null;
+  children: React.ReactNode;
+}) {
+  const { resolvedTheme } = useTheme();
+  const [mode, setMode] = useLocalStorage<"light" | "dark" | null>(
+    PREVIEW_MODE_STORAGE_NAME,
+    defaultMode,
+    {
+      raw: true,
+    }
+  );
+
+  React.useEffect(() => {
+    const storageListener = () => {
+      const storageMode = localStorage.getItem(PREVIEW_MODE_STORAGE_NAME);
+      if (storageMode) {
+        setMode(storageMode as "light" | "dark");
+      }
+    };
+    window.addEventListener("storage", storageListener);
+    return () => {
+      window.removeEventListener("storage", storageListener);
+    };
+  }, [setMode]);
+
+  return (
+    <ModeProviderContext
+      value={{
+        mode:
+          mode ??
+          (resolvedTheme && ["light", "dark"].includes(resolvedTheme)
+            ? (resolvedTheme as "light" | "dark")
+            : null),
+        setMode,
+      }}
+    >
+      {children}
+    </ModeProviderContext>
+  );
+}
+
+export function usePreviewMode() {
+  const context = React.useContext(ModeProviderContext);
+  if (!context) {
+    throw new Error("useMode must be used within a ModeProvider");
+  }
+
+  const mode = context.mode;
+  const setMode = (mode: "light" | "dark") => {
+    context.setMode(mode);
+    document.cookie = `${PREVIEW_MODE_STORAGE_NAME}=${mode}; path=/; max-age=${PREVIEW_MODE_COOKIE_MAX_AGE}`;
+  };
+
+  return { mode, setMode };
+}
diff --git a/www/src/modules/themes/atoms/themes-atom.ts b/www/src/modules/themes/atoms/themes-atom.ts
index 4b84b652b..83769709a 100644
--- a/www/src/modules/themes/atoms/themes-atom.ts
+++ b/www/src/modules/themes/atoms/themes-atom.ts
@@ -1,22 +1,18 @@
 import { useAtom } from "jotai";
 import { withImmer } from "jotai-immer";
 import { atomWithStorage } from "jotai/utils";
-// import { nanoid } from "nanoid";
 import { themes } from "@/registry/registry-themes";
-import { minimalistTheme } from "@/registry/themes/minimalist";
 import { Theme } from "@/modules/themes/types";
 
 type State = {
   userThemes: Theme[];
   currentTheme: string;
-  currentMode: "light" | "dark";
 };
 
 const themesAtom = withImmer(
   atomWithStorage<State>("new-themes", {
     userThemes: [],
     currentTheme: "minimalist",
-    currentMode: "dark",
   })
 );
 
@@ -64,13 +60,20 @@ export const useUserThemes = () => {
     });
   };
 
+  const setCurrentTheme = async (themeName: string) => {
+    await new Promise((resolve) => setTimeout(resolve, 500));
+    setState((draft) => {
+      draft.currentTheme = themeName;
+    });
+  };
+
   return {
     userThemes: state.userThemes,
     currentThemeName: state.currentTheme,
-    currentMode: state.currentMode,
     createTheme,
     updateTheme,
     deleteTheme,
+    setCurrentTheme,
   };
 };
 
diff --git a/www/src/modules/themes/components/create-theme-dialog.tsx b/www/src/modules/themes/components/create-theme-dialog.tsx
index 6b7c05df6..d0cfe5fe0 100644
--- a/www/src/modules/themes/components/create-theme-dialog.tsx
+++ b/www/src/modules/themes/components/create-theme-dialog.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { useRouter } from "next/navigation";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useControlledState } from "@react-stately/utils";
 import { useForm } from "react-hook-form";
@@ -16,7 +17,6 @@ import {
 import { Form, FormControl } from "@/components/core/form";
 import { TextField } from "@/components/core/text-field";
 import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
-import { useRouter } from "next/navigation";
 
 const formSchema = z.object({
   name: z.string().min(2),
diff --git a/www/src/modules/themes/components/theme-card.tsx b/www/src/modules/themes/components/theme-card.tsx
index 4e8502c49..fbf8b6dfd 100644
--- a/www/src/modules/themes/components/theme-card.tsx
+++ b/www/src/modules/themes/components/theme-card.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { CheckIcon, EllipsisIcon } from "lucide-react";
+import { EllipsisIcon } from "lucide-react";
 import { Link } from "react-aria-components";
 import { useMounted } from "@/hooks/use-mounted";
 import { Alert } from "@/components/core/alert";
@@ -16,17 +16,15 @@ import { CreateThemeDialog } from "./create-theme-dialog";
 
 export function ThemeCard({
   theme,
-  isDeletable = false,
+  isClonable = true,
   isCurrent = false,
   onDelete,
   onSetCurrent,
-  isClonable = true,
 }: {
   theme: Theme;
-  isDeletable?: boolean;
   isCurrent?: boolean;
-  onSetCurrent?: () => void;
   isClonable?: boolean;
+  onSetCurrent?: () => void;
   onDelete?: () => void;
 }) {
   const isMounted = useMounted();
@@ -39,6 +37,7 @@ export function ThemeCard({
         key={theme.name}
         theme={theme}
         unstyled
+        ignorePreviewMode
         className="text-fg relative"
       >
         <div className="bg-bg flex flex-col items-start justify-start gap-0 overflow-hidden rounded-md border">
@@ -51,7 +50,7 @@ export function ThemeCard({
             <div className="flex w-full items-center justify-between">
               <h6 className="flex items-center gap-2 text-lg font-semibold">
                 <span>{theme.label}</span>
-                {isCurrent && <Badge className='border'>current theme</Badge>}
+                {isCurrent && <Badge className="border">current theme</Badge>}
               </h6>
               <MenuRoot>
                 <Button
@@ -66,7 +65,7 @@ export function ThemeCard({
                 <Menu>
                   {onSetCurrent && (
                     <MenuItem id="set-default" onAction={onSetCurrent}>
-                      Set default theme
+                      Set current theme
                     </MenuItem>
                   )}
                   {isClonable && (
@@ -74,7 +73,7 @@ export function ThemeCard({
                       Clone
                     </MenuItem>
                   )}
-                  {isDeletable && (
+                  {onDelete && (
                     <MenuItem
                       id="delete"
                       variant="danger"
@@ -92,7 +91,7 @@ export function ThemeCard({
                   onOpenChange={setCloneOpen}
                 />
               )}
-              {isDeletable && (
+              {onDelete && (
                 <DialogRoot isOpen={isOpen} onOpenChange={setOpen}>
                   <Dialog
                     title="Delete theme"
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index 4dec81578..c1e2afd1b 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -3,50 +3,49 @@
 import React from "react";
 import { useTheme } from "next-themes";
 import { cn } from "@/lib/utils";
+import { usePreviewMode } from "@/components/mode-provider";
 import { PrimitivesProvider } from "@/modules/themes/contexts/primitives-context";
 import { VariantsProvider } from "@/modules/themes/contexts/variants-context";
 import { createThemeCssVars } from "@/modules/themes/lib/create-theme";
-import { Theme } from "@/modules/themes/types";
+import type { Theme } from "@/modules/themes/types";
 import { FontLoader } from "./font-loader";
 
 export interface ThemeProviderProps
   extends Omit<React.ComponentProps<"div">, "children"> {
-  children:
+  children?:
     | React.ReactNode
-    | ((mode: "light" | "dark" | undefined) => React.ReactNode);
-  mode?: "light" | "dark";
+    | ((mode: "light" | "dark" | null) => React.ReactNode);
   theme?: Theme;
   unstyled?: boolean;
+  ignorePreviewMode?: boolean;
 }
 export const ThemeProvider = ({
   theme,
-  mode,
   children,
   className,
   style,
   unstyled = false,
+  ignorePreviewMode = false,
   ...props
 }: ThemeProviderProps) => {
   const { resolvedTheme } = useTheme();
-  const currentMode = mode ?? (resolvedTheme === "light" ? "light" : "dark");
+  const { mode: previewMode } = usePreviewMode();
+  const resolvedMode: "light" | "dark" | null = // if preview mode is set, use it, otherwise use the current site mode
+    theme?.foundations.dark && theme.foundations.light && previewMode
+      ? ignorePreviewMode
+        ? resolvedTheme && ["light", "dark"].includes(resolvedTheme)
+          ? (resolvedTheme as "light" | "dark")
+          : null
+        : previewMode
+      : theme?.foundations.dark
+        ? "dark"
+        : "light";
 
   const cssVars = React.useMemo(() => {
-    if (!theme || !resolvedTheme) return {};
-    const themeCssVars = createThemeCssVars(
-      theme.foundations,
-      theme.foundations.dark // we check if theme supports dark mode
-        ? (theme.defaultDisplayMode ?? currentMode)
-        : "light"
-    );
+    if (!theme || !resolvedMode) return {};
+    const themeCssVars = createThemeCssVars(theme.foundations, resolvedMode);
     return { ...baseVars, ...themeCssVars, ...theme.foundations.overrides };
-  }, [theme, resolvedTheme, currentMode]);
-
-  const resolvedMode =
-    theme?.foundations.dark && resolvedTheme && resolvedTheme !== "system"
-      ? resolvedTheme === "light"
-        ? "light"
-        : "dark"
-      : undefined;
+  }, [theme, resolvedMode]);
 
   return (
     <VariantsProvider variants={theme?.variants}>
diff --git a/www/src/modules/themes/components/themes-explorer.tsx b/www/src/modules/themes/components/themes-explorer.tsx
index aaaa99e72..3f3153f64 100644
--- a/www/src/modules/themes/components/themes-explorer.tsx
+++ b/www/src/modules/themes/components/themes-explorer.tsx
@@ -3,6 +3,8 @@
 import React from "react";
 import { ListFilterIcon } from "lucide-react";
 import { useFilter } from "react-aria-components";
+import { cn } from "@/lib/utils";
+import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
 import { Menu, MenuItem, MenuRoot } from "@/components/core/menu";
 import { SearchField } from "@/components/core/search-field";
@@ -12,46 +14,83 @@ import { CreateThemeDialog } from "./create-theme-dialog";
 import { ThemeCard } from "./theme-card";
 
 type Filter = "light" | "dark" | "light-dark" | "all";
+type Theme = (typeof themes)[number];
 
-export function ThemesExplorer() {
-  const { currentThemeName, userThemes, deleteTheme } = useUserThemes();
+const FILTER_OPTIONS: Array<{ id: Filter; label: string }> = [
+  { id: "all", label: "All" },
+  { id: "light-dark", label: "Light and dark" },
+  { id: "light", label: "Light only" },
+  { id: "dark", label: "Dark only" },
+];
+
+const filterThemes = (themes: Theme[], filter: Filter) => {
+  if (filter === "light-dark") {
+    return themes.filter(
+      (theme) => theme.foundations.dark && theme.foundations.light
+    );
+  }
+  if (filter === "light") {
+    return themes.filter(
+      (theme) => theme.foundations.light && !theme.foundations.dark
+    );
+  }
+  if (filter === "dark") {
+    return themes.filter(
+      (theme) => theme.foundations.dark && !theme.foundations.light
+    );
+  }
+  return themes;
+};
+
+const ThemeGrid: React.FC<{
+  themes: Theme[];
+  currentThemeName: string;
+  onDelete?: (name: string) => void;
+  onSetCurrent?: (name: string) => void;
+  className?: string;
+}> = ({ themes, currentThemeName, onDelete, onSetCurrent, className }) => (
+  <div className={cn("group grid grid-cols-3 gap-x-2 gap-y-4", className)}>
+    {themes.length > 0 ? (
+      themes.map((theme) => (
+        <ThemeCard
+          key={theme.name}
+          theme={theme}
+          onDelete={onDelete ? () => onDelete(theme.name) : undefined}
+          isCurrent={theme.name === currentThemeName}
+          onSetCurrent={() => onSetCurrent?.(theme.name)}
+        />
+      ))
+    ) : (
+      <p className="text-fg-muted">No themes created yet.</p>
+    )}
+  </div>
+);
+
+export function ThemesExplorer({ className }: { className?: string }) {
+  const isMounted = useMounted();
+  const { currentThemeName, userThemes, deleteTheme, setCurrentTheme } =
+    useUserThemes();
   const [searchInput, setSearchInput] = React.useState("");
   const [filter, setFilter] = React.useState<Filter>("all");
   const { contains } = useFilter({ sensitivity: "base" });
 
-  const filteredThemes = themes
-    .filter((theme) => contains(theme.name, searchInput))
-    .filter((theme) => {
-      if (filter === "light-dark") {
-        return theme.foundations.dark && theme.foundations.light;
-      }
-      if (filter === "light") {
-        return theme.foundations.light && !theme.foundations.dark;
-      }
-      if (filter === "dark") {
-        return theme.foundations.dark && !theme.foundations.light;
-      }
-      return true;
-    });
+  const filteredThemes = React.useMemo(() => {
+    const searchFiltered = themes.filter((theme) =>
+      contains(theme.name, searchInput)
+    );
+    return filterThemes(searchFiltered, filter);
+  }, [searchInput, filter, contains]);
 
-  const filteredUserThemes = userThemes
-    .filter((theme) => contains(theme.name, searchInput))
-    .filter((theme) => {
-      if (filter === "light-dark") {
-        return theme.foundations.dark && theme.foundations.light;
-      }
-      if (filter === "light") {
-        return theme.foundations.light && !theme.foundations.dark;
-      }
-      if (filter === "dark") {
-        return theme.foundations.dark && !theme.foundations.light;
-      }
-      return true;
-    });
+  const filteredUserThemes = React.useMemo(() => {
+    const searchFiltered = userThemes.filter((theme) =>
+      contains(theme.name, searchInput)
+    );
+    return filterThemes(searchFiltered, filter);
+  }, [userThemes, searchInput, filter, contains]);
 
   return (
-    <div>
-      <div className="mt-6 flex items-center gap-2">
+    <div className={className}>
+      <div className="flex items-center gap-2">
         <SearchField
           placeholder="Search themes..."
           className="flex-1"
@@ -63,47 +102,41 @@ export function ThemesExplorer() {
           <Menu
             selectionMode="single"
             selectedKeys={new Set([filter])}
-            onSelectionChange={(keys) => {
-              setFilter([...keys][0] as Filter);
-            }}
+            onSelectionChange={(keys) => setFilter([...keys][0] as Filter)}
           >
-            <MenuItem id="all">All</MenuItem>
-            <MenuItem id="light-dark">Light and dark</MenuItem>
-            <MenuItem id="light">Light only</MenuItem>
-            <MenuItem id="dark">Dark only</MenuItem>
+            {FILTER_OPTIONS.map((option) => (
+              <MenuItem key={option.id} id={option.id}>
+                {option.label}
+              </MenuItem>
+            ))}
           </Menu>
         </MenuRoot>
         <CreateThemeDialog>
-          <Button variant="primary" className="">
-            Create theme
-          </Button>
+          <Button variant="primary">Create theme</Button>
         </CreateThemeDialog>
       </div>
-      <div className="group mt-4 grid grid-cols-3 gap-x-2 gap-y-4">
-        {filteredThemes.map((theme) => (
-          <ThemeCard
-            key={theme.name}
-            theme={theme}
-            isCurrent={theme.name === currentThemeName}
-          />
-        ))}
-      </div>
-      <h3 className="mt-6 text-lg font-semibold">Your themes</h3>
-      <div className="group mt-2 grid grid-cols-3 gap-x-2 gap-y-4">
-        {filteredUserThemes.length > 0 ? (
-          filteredUserThemes.map((theme) => (
-            <ThemeCard
-              key={theme.name}
-              theme={theme}
-              isDeletable
-              onDelete={() => deleteTheme(theme.name)}
-              isCurrent={theme.name === currentThemeName}
-            />
-          ))
-        ) : (
-          <p className="text-fg-muted">No themes created yet.</p>
-        )}
-      </div>
+      <ThemeGrid
+        themes={filteredThemes}
+        currentThemeName={currentThemeName}
+        onSetCurrent={setCurrentTheme}
+        className="mt-4"
+      />
+      <h3 className="mt-4 text-lg font-semibold">Your themes</h3>
+      {isMounted ? (
+        <ThemeGrid
+          themes={filteredUserThemes}
+          currentThemeName={currentThemeName}
+          onDelete={deleteTheme}
+          onSetCurrent={setCurrentTheme}
+          className="mt-2"
+        />
+      ) : (
+        <ThemeGrid
+          themes={themes.slice(0, 3)}
+          currentThemeName={currentThemeName}
+          className="mt-2"
+        />
+      )}
     </div>
   );
 }
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index 801330ccd..12505b447 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -3,8 +3,6 @@
 import React from "react";
 import { CheckIcon, CopyIcon, MoonIcon, SunIcon } from "lucide-react";
 import { AnimatePresence, motion, Variants } from "motion/react";
-import { cn } from "@/lib/utils";
-import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
 import { Skeleton } from "@/registry/core/skeleton_basic";
 import { Tabs, TabList, Tab } from "@/registry/core/tabs_motion";
@@ -21,10 +19,6 @@ export const ThemesOverview = () => {
     (themes[0] as unknown as Theme).name
   );
   const [touched, setTouched] = React.useState<boolean>(false);
-  const [userMode, setUserMode] = React.useState<"light" | "dark" | undefined>(
-    undefined
-  );
-  const isMounted = useMounted();
   const [copied, setCopied] = React.useState(false);
 
   const handleCopy = () => {
@@ -144,78 +138,27 @@ export const ThemesOverview = () => {
           </Tabs>
         </div>
       </div>
-      <Skeleton show={!isMounted} className="w-full rounded-md">
+      <Skeleton show={false} className="w-full rounded-md">
         <div className="relative w-full">
           <ThemeProvider
             theme={currentTheme}
-            mode={userMode}
+            ignorePreviewMode
             className="relative w-full bg-transparent"
           >
-            {(mode) => (
-              <>
-                <AnimatePresence>
-                  {isMounted && mode && (
-                    <motion.div
-                      initial={{ y: 40, zIndex: -1, opacity: 0 }}
-                      animate={{ y: 0, zIndex: 1, opacity: 1 }}
-                      exit={{ y: 40, zIndex: -1 }}
-                      transition={{
-                        type: "spring",
-                        bounce: 0,
-                        duration: 0.5,
-                      }}
-                      className={cn(
-                        "bg-bg absolute right-0 top-0 z-[-1] flex -translate-y-[calc(100%-7px)] flex-col overflow-hidden rounded-t-md"
-                      )}
-                    >
-                      <motion.div className="overflow-hidden rounded-t-md border-x border-t">
-                        <Button
-                          variant="quiet"
-                          shape="square"
-                          size="sm"
-                          onPress={() => {
-                            setUserMode(
-                              userMode
-                                ? userMode === "light"
-                                  ? "dark"
-                                  : "light"
-                                : mode === "light"
-                                  ? "dark"
-                                  : "light"
-                            );
-                            setTouched(true);
-                          }}
-                          className="rounded-none"
-                        >
-                          {(
-                            userMode ? userMode === "light" : mode === "light"
-                          ) ? (
-                            <SunIcon />
-                          ) : (
-                            <MoonIcon />
-                          )}
-                        </Button>
-                      </motion.div>
-                      <div className="bg-bg h-1.5 w-full border-r" />
-                    </motion.div>
-                  )}
-                </AnimatePresence>
-                <div className="bg-bg w-full rounded-md border">
-                  <AnimatePresence mode="popLayout">
-                    <motion.div
-                      key={currentThemeName}
-                      variants={variants}
-                      initial="hidden"
-                      animate="show"
-                      exit="hidden"
-                    >
-                      <ComponentsOverview className="hidden sm:grid" />
-                      <MobileComponentsOverview className="sm:hidden" />
-                    </motion.div>
-                  </AnimatePresence>
-                </div>
-              </>
-            )}
+            <div className="bg-bg w-full rounded-md border">
+              <AnimatePresence mode="popLayout">
+                <motion.div
+                  key={currentThemeName}
+                  variants={variants}
+                  initial="hidden"
+                  animate="show"
+                  exit="hidden"
+                >
+                  <ComponentsOverview className="hidden sm:grid" />
+                  <MobileComponentsOverview className="sm:hidden" />
+                </motion.div>
+              </AnimatePresence>
+            </div>
           </ThemeProvider>
         </div>
       </Skeleton>
diff --git a/www/src/modules/themes/types.ts b/www/src/modules/themes/types.ts
index 44e7aa20f..5c49911a2 100644
--- a/www/src/modules/themes/types.ts
+++ b/www/src/modules/themes/types.ts
@@ -36,7 +36,7 @@ export type Theme = {
   primitives?: Primitives;
   variants?: Partial<Variants>;
   foundations: {
-    light: Colors;
+    light?: Colors;
     dark?: Colors;
     overrides?: Record<string, string>;
   };

From 6f7b467d0c830dfdfcf26d9a5b5e957b61d47060 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Wed, 19 Feb 2025 21:01:01 +0100
Subject: [PATCH 152/165] remove unused files

---
 .../[themeName]/components/ColorItem.tsx      |  64 --------
 .../components/ComponentSection.tsx           |  28 ----
 .../themes/[themeName]/components/Section.tsx |  30 ----
 .../[themeName]/components/ThemeContent.tsx   | 137 ------------------
 .../[themeName]/components/ThemeHeader.tsx    |  57 --------
 .../(app)/themes/[themeName]/page-legacy.tsx  |  20 ---
 .../app/(app)/themes/[themeName]/page-old.tsx |  12 +-
 7 files changed, 6 insertions(+), 342 deletions(-)
 delete mode 100644 www/src/app/(app)/themes/[themeName]/components/ColorItem.tsx
 delete mode 100644 www/src/app/(app)/themes/[themeName]/components/ComponentSection.tsx
 delete mode 100644 www/src/app/(app)/themes/[themeName]/components/Section.tsx
 delete mode 100644 www/src/app/(app)/themes/[themeName]/components/ThemeContent.tsx
 delete mode 100644 www/src/app/(app)/themes/[themeName]/components/ThemeHeader.tsx
 delete mode 100644 www/src/app/(app)/themes/[themeName]/page-legacy.tsx

diff --git a/www/src/app/(app)/themes/[themeName]/components/ColorItem.tsx b/www/src/app/(app)/themes/[themeName]/components/ColorItem.tsx
deleted file mode 100644
index 0f83f76ab..000000000
--- a/www/src/app/(app)/themes/[themeName]/components/ColorItem.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useState } from "react";
-import { CheckIcon } from "lucide-react";
-import { cn } from "@/lib/utils";
-
-interface ColorItemProps {
-  containerClassName?: string;
-  className?: string;
-  style?: React.CSSProperties;
-  colorValue?: string;
-  colorName?: string;
-}
-
-export function ColorItem({
-  containerClassName,
-  className,
-  style,
-  colorValue = "#000000",
-  colorName,
-}: ColorItemProps) {
-  const [isCopied, setCopied] = useState(false);
-
-  const handleCopy = () => {
-    navigator.clipboard.writeText(colorValue);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1000);
-  };
-
-  return (
-    <button
-      onClick={handleCopy}
-      className={cn(
-        "not-last:-mr-4 not-first:-ml-4 relative h-12 flex-1",
-        containerClassName
-      )}
-      aria-label={`Copy ${colorName || colorValue} color value`}
-    >
-      <div
-        className={cn(
-          "hover:h-22 duration-250 group absolute bottom-0 left-0 h-12 w-full cursor-pointer overflow-hidden rounded-t-2xl transition-[height]",
-          className
-        )}
-        style={style}
-      >
-        <div
-          className={cn(
-            "flex items-center justify-between p-2 text-sm opacity-0 transition-opacity group-hover:opacity-100",
-            isCopied && "opacity-0!"
-          )}
-        >
-          <p>{colorName || "Color"}</p>
-          <p>{colorValue}</p>
-        </div>
-        <div
-          className={cn(
-            "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 transition-opacity",
-            isCopied && "opacity-100"
-          )}
-        >
-          <CheckIcon className="text-fg-muted size-4" />
-        </div>
-      </div>
-    </button>
-  );
-}
diff --git a/www/src/app/(app)/themes/[themeName]/components/ComponentSection.tsx b/www/src/app/(app)/themes/[themeName]/components/ComponentSection.tsx
deleted file mode 100644
index e03db2efe..000000000
--- a/www/src/app/(app)/themes/[themeName]/components/ComponentSection.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-interface ComponentSectionProps {
-  title: string;
-  description?: string;
-  action?: React.ReactNode;
-  children?: React.ReactNode;
-}
-
-export function ComponentSection({
-  title,
-  description,
-  action,
-  children,
-}: ComponentSectionProps) {
-  return (
-    <div className="max-w-xs overflow-hidden rounded-sm border">
-      <div className="bg-bg-muted/50 flex items-center justify-between gap-2 border-b px-4 py-2">
-        <div>
-          <h3 className="text-base font-medium">{title}</h3>
-          {description && (
-            <p className="text-fg-muted text-sm">{description}</p>
-          )}
-        </div>
-        {action}
-      </div>
-      <div className="p-4">{children}</div>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/[themeName]/components/Section.tsx b/www/src/app/(app)/themes/[themeName]/components/Section.tsx
deleted file mode 100644
index 3707612ad..000000000
--- a/www/src/app/(app)/themes/[themeName]/components/Section.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-interface SectionProps {
-  title: string;
-  description?: string;
-  action?: React.ReactNode;
-  children?: React.ReactNode;
-  className?: string;
-}
-
-export function Section({
-  title,
-  description,
-  action,
-  children,
-  className,
-}: SectionProps) {
-  return (
-    <section id={title.toLowerCase().replace(" ", "-")}>
-      <div className="flex items-start justify-between">
-        <div>
-          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
-          {description && (
-            <p className="text-fg-muted text-sm">{description}</p>
-          )}
-        </div>
-        {action}
-      </div>
-      <div className={className}>{children}</div>
-    </section>
-  );
-}
diff --git a/www/src/app/(app)/themes/[themeName]/components/ThemeContent.tsx b/www/src/app/(app)/themes/[themeName]/components/ThemeContent.tsx
deleted file mode 100644
index 28b4fb806..000000000
--- a/www/src/app/(app)/themes/[themeName]/components/ThemeContent.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import React from "react";
-import { Button } from "@/components/core/button";
-import { Checkbox } from "@/components/core/checkbox";
-import { Input } from "@/components/core/input";
-import { Radio } from "@/components/core/radio-group";
-import { Select } from "@/components/core/select";
-import { Switch } from "@/components/core/switch";
-import { Textarea } from "@/components/core/text-area";
-import { ColorItem } from "./ColorItem";
-import { ComponentSection } from "./ComponentSection";
-import { Section } from "./Section";
-
-export function ThemeContent() {
-  return (
-    <div className="space-y-12">
-      {/* Colors Section */}
-      <Section
-        title="Colors"
-        description="Theme color palette and variations"
-        className="mt-6 space-y-6"
-      >
-        <ComponentSection title="Primary Colors">
-          <div className="flex">
-            <ColorItem
-              colorName="Primary"
-              colorValue="#3B82F6"
-              style={{ backgroundColor: "#3B82F6" }}
-            />
-            <ColorItem
-              colorName="Primary Dark"
-              colorValue="#2563EB"
-              style={{ backgroundColor: "#2563EB" }}
-            />
-            <ColorItem
-              colorName="Primary Light"
-              colorValue="#60A5FA"
-              style={{ backgroundColor: "#60A5FA" }}
-            />
-          </div>
-        </ComponentSection>
-
-        <ComponentSection title="Neutral Colors">
-          <div className="flex">
-            <ColorItem
-              colorName="Gray"
-              colorValue="#6B7280"
-              style={{ backgroundColor: "#6B7280" }}
-            />
-            <ColorItem
-              colorName="Gray Dark"
-              colorValue="#4B5563"
-              style={{ backgroundColor: "#4B5563" }}
-            />
-            <ColorItem
-              colorName="Gray Light"
-              colorValue="#9CA3AF"
-              style={{ backgroundColor: "#9CA3AF" }}
-            />
-          </div>
-        </ComponentSection>
-      </Section>
-
-      {/* Typography Section */}
-      <Section
-        title="Typography"
-        description="Text styles and components"
-        className="mt-6 space-y-6"
-      >
-        <ComponentSection title="Headings">
-          <div className="space-y-4">
-            <h1 className="text-4xl font-bold">Heading 1</h1>
-            <h2 className="text-3xl font-semibold">Heading 2</h2>
-            <h3 className="text-2xl font-medium">Heading 3</h3>
-            <h4 className="text-xl font-medium">Heading 4</h4>
-          </div>
-        </ComponentSection>
-
-        <ComponentSection title="Body Text">
-          <div className="space-y-4">
-            <p className="text-base">
-              Regular paragraph text. Lorem ipsum dolor sit amet, consectetur
-              adipiscing elit.
-            </p>
-            <p className="text-fg-muted text-sm">
-              Small text with muted color for secondary information.
-            </p>
-          </div>
-        </ComponentSection>
-      </Section>
-
-      {/* Components Section */}
-      <Section
-        title="Components"
-        description="Interactive UI elements"
-        className="mt-6 space-y-6"
-      >
-        <ComponentSection title="Buttons">
-          <div className="flex flex-wrap gap-4">
-            <Button variant="primary">Primary</Button>
-            <Button variant="secondary">Secondary</Button>
-            <Button variant="outline">Outline</Button>
-            <Button variant="ghost">Ghost</Button>
-          </div>
-        </ComponentSection>
-
-        <ComponentSection title="Form Controls">
-          <div className="space-y-4">
-            <Input placeholder="Text input" />
-            <Textarea placeholder="Textarea" />
-            <Select>
-              <option value="">Select option</option>
-              <option value="1">Option 1</option>
-              <option value="2">Option 2</option>
-            </Select>
-          </div>
-        </ComponentSection>
-
-        <ComponentSection title="Toggle Controls">
-          <div className="space-y-4">
-            <div className="flex items-center gap-4">
-              <Switch id="switch" />
-              <label htmlFor="switch">Switch</label>
-            </div>
-            <div className="flex items-center gap-4">
-              <Checkbox id="checkbox" />
-              <label htmlFor="checkbox">Checkbox</label>
-            </div>
-            <div className="flex items-center gap-4">
-              <Radio id="radio" name="radio-group" />
-              <label htmlFor="radio">Radio</label>
-            </div>
-          </div>
-        </ComponentSection>
-      </Section>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/[themeName]/components/ThemeHeader.tsx b/www/src/app/(app)/themes/[themeName]/components/ThemeHeader.tsx
deleted file mode 100644
index a52ed7336..000000000
--- a/www/src/app/(app)/themes/[themeName]/components/ThemeHeader.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import Link from "next/link";
-import { ArrowLeftIcon, PenIcon, SaveIcon } from "lucide-react";
-import { Button } from "@/components/core/button";
-import { Dialog, DialogRoot } from "@/components/core/dialog";
-import { ToggleButton } from "@/components/core/toggle-button";
-import { Tooltip } from "@/components/core/tooltip";
-import { PreviewContent } from "../../preview";
-
-interface ThemeHeaderProps {
-  isEditMode: boolean;
-  setEditMode: (value: boolean) => void;
-}
-
-export function ThemeHeader({ isEditMode, setEditMode }: ThemeHeaderProps) {
-  return (
-    <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
-      <Link
-        href="/themes"
-        className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
-      >
-        <ArrowLeftIcon className="size-4" />
-        <span>themes</span>
-      </Link>
-      <div className="flex items-center justify-between">
-        <h2 className="text-3xl font-semibold tracking-tight">Forest</h2>
-        <div className="flex items-center gap-2">
-          <DialogRoot>
-            <Button className="xl:hidden">Preview</Button>
-            <Dialog type="drawer" className="h-[80svh] p-0">
-              <PreviewContent
-                themeName="minimalist"
-                collapsible={false}
-                resizable={false}
-              />
-            </Dialog>
-          </DialogRoot>
-          {isEditMode && (
-            <Button shape="square" isDisabled>
-              <SaveIcon />
-            </Button>
-          )}
-          <Tooltip content="Edit mode" variant="inverse" showArrow>
-            <ToggleButton
-              isSelected={isEditMode}
-              onChange={setEditMode}
-              prefix={<PenIcon />}
-              variant="primary"
-              shape="rectangle"
-            >
-              Edit mode
-            </ToggleButton>
-          </Tooltip>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/[themeName]/page-legacy.tsx b/www/src/app/(app)/themes/[themeName]/page-legacy.tsx
deleted file mode 100644
index 943eafa62..000000000
--- a/www/src/app/(app)/themes/[themeName]/page-legacy.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-import { ThemeContent } from "./components/ThemeContent";
-import { ThemeHeader } from "./components/ThemeHeader";
-import { ThemeTableOfContents } from "./toc";
-
-export default function ThemePage() {
-  const [isEditMode, setEditMode] = React.useState(false);
-
-  return (
-    <div className="container flex min-h-[2000px] max-w-5xl gap-10">
-      <div className="relative flex-1 pb-20 pt-10">
-        <ThemeHeader isEditMode={isEditMode} setEditMode={setEditMode} />
-        <ThemeContent />
-      </div>
-      <ThemeTableOfContents />
-    </div>
-  );
-}
diff --git a/www/src/app/(app)/themes/[themeName]/page-old.tsx b/www/src/app/(app)/themes/[themeName]/page-old.tsx
index f4a2e667a..3d288197d 100644
--- a/www/src/app/(app)/themes/[themeName]/page-old.tsx
+++ b/www/src/app/(app)/themes/[themeName]/page-old.tsx
@@ -10,7 +10,7 @@ import {
   SaveIcon,
   SunIcon,
 } from "lucide-react";
-import { Transition } from "motion/react";
+// import { Transition } from "motion/react";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 import { Dialog, DialogRoot } from "@/components/core/dialog";
@@ -315,11 +315,11 @@ const ComponentSection = ({
   );
 };
 
-const TRANSITION: Transition = {
-  type: "spring",
-  bounce: 0,
-  duration: 0.25,
-};
+// const TRANSITION: Transition = {
+//   type: "spring",
+//   bounce: 0,
+//   duration: 0.25,
+// };
 
 const Section = ({
   title,

From dabc774040b63c1ed711d4bf4cab50313782cd82 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 21 Feb 2025 16:42:17 +0100
Subject: [PATCH 153/165] wip theme configuration

---
 .../(app)/themes/[themeName]/mode-switch.tsx  |  53 ++++
 .../(app)/themes/[themeName]/theme-editor.tsx | 240 ++++++++++++++++--
 www/src/components/core/table.old.tsx         | 116 +++++++++
 www/src/components/core/table.tsx             | 117 +--------
 www/src/registry/core/alert_basic.tsx         |   6 +-
 www/src/registry/core/color-picker_basic.tsx  |   2 +-
 www/src/registry/core/field_basic.tsx         |   2 +-
 www/src/registry/core/slider_basic.tsx        |   2 +
 8 files changed, 395 insertions(+), 143 deletions(-)
 create mode 100644 www/src/app/(app)/themes/[themeName]/mode-switch.tsx
 create mode 100644 www/src/components/core/table.old.tsx

diff --git a/www/src/app/(app)/themes/[themeName]/mode-switch.tsx b/www/src/app/(app)/themes/[themeName]/mode-switch.tsx
new file mode 100644
index 000000000..cda82d01d
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/mode-switch.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import * as React from "react";
+import { MoonIcon, SunIcon } from "lucide-react";
+import { motion, Transition } from "motion/react";
+import { Switch as AriaSwitch } from "react-aria-components";
+import { cn } from "@/lib/utils";
+import { focusRingGroup } from "@/registry/lib/focus-styles";
+
+const TRANSITION: Transition = { type: "spring", bounce: 0.05, duration: 0.2 };
+
+interface ModeSwitchProps extends React.ComponentProps<typeof AriaSwitch> {}
+export const ModeSwitch = ({ className, ...props }: ModeSwitchProps) => {
+  return (
+    <AriaSwitch className="group" {...props}>
+      {({ isSelected }) => (
+        <>
+          <span
+            className={cn(
+              focusRingGroup(),
+              "group-selected:justify-end text-fg-muted border-field flex cursor-pointer items-center justify-start rounded-full border p-0.5 [&_svg]:size-4",
+              className
+            )}
+          >
+            <span className="group-selected:text-fg relative flex items-center justify-center px-3 py-2">
+              <MoonIcon />
+              <motion.span layout />
+              {isSelected && (
+                <motion.span
+                  layoutDependency={false}
+                  layoutId="mode-siwtch-cursor"
+                  transition={TRANSITION}
+                  className="bg-bg-inverse/10 absolute inset-0 rounded-full"
+                />
+              )}
+            </span>
+            <span className="group-not-selected:text-fg relative flex items-center justify-center px-3 py-2">
+              <SunIcon />
+              {!isSelected && (
+                <motion.span
+                  layoutDependency={false}
+                  layoutId="mode-siwtch-cursor"
+                  transition={TRANSITION}
+                  className="bg-bg-inverse/10 absolute inset-0 rounded-full"
+                />
+              )}
+            </span>
+          </span>
+        </>
+      )}
+    </AriaSwitch>
+  );
+};
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
index 125574d43..9eaa7673e 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
@@ -7,30 +7,57 @@ import {
   ArrowLeftIcon,
   CheckIcon,
   EllipsisVerticalIcon,
-  MoonIcon,
   PenIcon,
   SaveIcon,
-  SunIcon,
 } from "lucide-react";
+import {
+  AnimatePresence,
+  HTMLMotionProps,
+  motion,
+  type Transition,
+} from "motion/react";
+import { useMeasure } from "react-use";
 import { cn } from "@/lib/utils";
 import { useMounted } from "@/hooks/use-mounted";
+import { Alert } from "@/components/core/alert";
 import { Button } from "@/components/core/button";
+import { ColorPicker } from "@/components/core/color-picker";
 import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { Label } from "@/components/core/field";
 import { MenuRoot, Menu, MenuItem } from "@/components/core/menu";
+import { RadioGroup, Radio } from "@/components/core/radio-group";
 import { Skeleton } from "@/components/core/skeleton";
-import { Tabs, Tab, TabList } from "@/components/core/tabs";
+import {
+  Slider,
+  SliderRoot,
+  SliderThumb,
+  SliderTrack,
+  type SliderProps,
+} from "@/components/core/slider";
+import {
+  TableRoot,
+  TableHeader,
+  TableColumn,
+  TableBody,
+  TableRow,
+  TableCell,
+} from "@/components/core/table";
 import { ToggleButton } from "@/components/core/toggle-button";
 import { Tooltip } from "@/components/core/tooltip";
 import { usePreviewMode } from "@/components/mode-provider";
 import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
+import { CreateThemeDialog } from "@/modules/themes/components/create-theme-dialog";
 import { ThemeProvider } from "@/modules/themes/components/theme-provider";
 import { Theme } from "@/modules/themes/types";
 import { PreviewContent } from "../preview";
+import { ModeSwitch } from "./mode-switch";
 
 const ThemeEditorContext = React.createContext<{
   isLoading: boolean;
+  isEditMode: boolean;
 }>({
   isLoading: false,
+  isEditMode: false,
 });
 
 const useThemeEditorContext = () => React.useContext(ThemeEditorContext);
@@ -60,7 +87,9 @@ export function ThemeEditor({
   }
 
   return (
-    <ThemeEditorContext value={{ isLoading }}>
+    <ThemeEditorContext
+      value={{ isLoading, isEditMode: isEditable && isEditMode }}
+    >
       <div>
         <ThemeEditorHeader
           theme={theme}
@@ -70,6 +99,18 @@ export function ThemeEditor({
           setEditMode={setEditMode}
         />
         <ThemeEditorBody>
+          {!isEditable && (
+            <Alert
+              action={
+                <CreateThemeDialog clonedThemeName={theme?.name}>
+                  <Button variant="primary">Clone theme</Button>
+                </CreateThemeDialog>
+              }
+            >
+              To adjust, edit and generate color palettes, fonts, radius,
+              components and more, You need to clone the theme.
+            </Alert>
+          )}
           <Section
             title="Colors"
             description="Theme color palette and variations"
@@ -77,22 +118,12 @@ export function ThemeEditor({
               theme?.foundations.light &&
               theme?.foundations.dark &&
               previewMode && (
-                <Tabs
-                  variant="solid"
-                  selectedKey={previewMode}
-                  onSelectionChange={(key) =>
-                    setPreviewMode(key as "light" | "dark")
+                <ModeSwitch
+                  isSelected={previewMode === "dark"}
+                  onChange={(isSelected) =>
+                    setPreviewMode(isSelected ? "dark" : "light")
                   }
-                >
-                  <TabList className="[&_svg]:size-4">
-                    <Tab id="light">
-                      <SunIcon />
-                    </Tab>
-                    <Tab id="dark">
-                      <MoonIcon />
-                    </Tab>
-                  </TabList>
-                </Tabs>
+                />
               )
             }
           >
@@ -208,7 +239,7 @@ function Section({
 }: SectionProps) {
   return (
     <section id={title.toLowerCase().replace(" ", "-")}>
-      <div className="flex items-start justify-between">
+      <div className="flex items-center justify-between gap-2">
         <div>
           <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
           {description && (
@@ -217,22 +248,139 @@ function Section({
         </div>
         {action}
       </div>
-      <div className={className}>{children}</div>
+      <div className={cn("pt-2", className)}>{children}</div>
     </section>
   );
 }
 
+const TRANSITION: Transition = {
+  type: "spring",
+  bounce: 0,
+  duration: 0.25,
+};
+
+function Collapsible({
+  show,
+  children,
+  className,
+  marginTop = 8,
+  marginBottom = 8,
+  unstyled = false,
+  ...props
+}: {
+  show: boolean;
+  children: React.ReactNode;
+  marginTop?: number;
+  marginBottom?: number;
+  unstyled?: boolean;
+} & Omit<HTMLMotionProps<"div">, "animate" | "transition">) {
+  const [ref, { height }] = useMeasure<HTMLDivElement>();
+  return (
+    <AnimatePresence>
+      {show && (
+        <>
+          <motion.div
+            initial={{ height: 0, marginTop: 0, marginBottom: 0 }}
+            animate={{ height: height + 3, marginTop, marginBottom }}
+            exit={{ height: 0, marginTop: 0, marginBottom: 0 }}
+            transition={TRANSITION}
+            className="overflow-hidden"
+            {...props}
+          >
+            <div
+              ref={ref}
+              className={cn(
+                "mt-px",
+                !unstyled &&
+                  "[&_[data-slot='label']]:text-fg-muted mt-px rounded-md border"
+              )}
+            >
+              <div className={cn("p-4", className)}>{children}</div>
+            </div>
+          </motion.div>
+        </>
+      )}
+    </AnimatePresence>
+  );
+}
+
 function ThemeColors({ theme }: { theme?: Theme }) {
+  const { isEditMode } = useThemeEditorContext();
   return (
     <div
       style={
         { "--color-secondary": "var(--color-fg-muted)" } as React.CSSProperties
       }
     >
+      <Collapsible show={isEditMode} className="space-y-4 text-sm">
+        <RadioGroup label="Theme mode" orientation="horizontal">
+          {[
+            { value: "light", label: "Light" },
+            { value: "dark", label: "Dark" },
+            { value: "both", label: "Light and dark" },
+          ].map(({ value, label }) => (
+            <Radio key={value} value={value}>
+              {label}
+            </Radio>
+          ))}
+        </RadioGroup>
+        <div className="grid grid-cols-3 gap-4">
+          <Slider label="Lightness" className="w-full" />
+          <Slider label="Contrast" className="w-full" />
+          <Slider label="Saturation" className="w-full" />
+        </div>
+      </Collapsible>
       <ThemeProvider theme={theme} unstyled>
-        <p id="core-colors" className="mt-4 font-medium tracking-tight">
+        <p id="core-colors" className="mt-2 font-medium tracking-tight">
           Core colors
         </p>
+        <Collapsible
+          show={isEditMode}
+          className="space-y-2 p-0 text-sm"
+          unstyled
+        >
+          <TableRoot
+            aria-label="Core colors"
+            variant="bordered"
+            className="w-full"
+          >
+            <TableHeader>
+              <TableColumn isRowHeader>Name</TableColumn>
+              <TableColumn>Base color</TableColumn>
+              <TableColumn className="w-full">Ratios</TableColumn>
+            </TableHeader>
+            <TableBody>
+              <TableRow>
+                <TableCell>Neutral</TableCell>
+                <TableCell>
+                  <ColorPicker />
+                </TableCell>
+                <TableCell>
+                  <RatiosSlider
+                    aria-label="Ratios"
+                    defaultValue={[
+                      1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2,
+                    ]}
+                  />
+                </TableCell>
+              </TableRow>
+              <TableRow>
+                <TableCell>Accent</TableCell>
+                <TableCell>
+                  <ColorPicker />
+                </TableCell>
+                <TableCell>
+                  <RatiosSlider
+                    aria-label="Ratios"
+                    defaultValue={[
+                      1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2,
+                    ]}
+                  />
+                </TableCell>
+              </TableRow>
+            </TableBody>
+          </TableRoot>
+        </Collapsible>
         <div className="mt-1 flex gap-1">
           <ColorItem
             colorName="Neutral"
@@ -402,3 +550,51 @@ function ThemeLayout() {
 function ThemeRadius() {
   return <div>radius</div>;
 }
+
+function RatiosSlider({
+  label,
+  defaultValue,
+  minValue = 0,
+  maxValue = 20,
+  step = 0.1,
+  className,
+}: SliderProps) {
+  return (
+    <SliderRoot
+      defaultValue={defaultValue}
+      minValue={minValue}
+      maxValue={maxValue}
+      step={step}
+      className={cn("w-full space-y-1", className)}
+    >
+      {label && <Label>{label}</Label>}
+      <SliderTrack>
+        {({ state }) => (
+          <>
+            {state.values.map((_, i) => (
+              <SliderThumb key={i} index={i} className="dragging:w-1.5 w-1">
+                {({ isDragging, state }) =>
+                  isDragging && (
+                    <AnimatePresence>
+                      <span className="relative">
+                        <motion.span
+                          initial={{ opacity: 0, y: 5 }}
+                          animate={{ opacity: 1, y: 0 }}
+                          exit={{ opacity: 0, y: 5 }}
+                          transition={TRANSITION}
+                          className="bg-bg-muted absolute left-1/2 top-0 -translate-x-1/2 -translate-y-[calc(100%+10px)] rounded-sm border p-2"
+                        >
+                          {state.values[i]}
+                        </motion.span>
+                      </span>
+                    </AnimatePresence>
+                  )
+                }
+              </SliderThumb>
+            ))}
+          </>
+        )}
+      </SliderTrack>
+    </SliderRoot>
+  );
+}
diff --git a/www/src/components/core/table.old.tsx b/www/src/components/core/table.old.tsx
new file mode 100644
index 000000000..caf8cefa0
--- /dev/null
+++ b/www/src/components/core/table.old.tsx
@@ -0,0 +1,116 @@
+import * as React from "react";
+import { cn } from "@/registry/lib/utils";
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+));
+Table.displayName = "Table";
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+));
+TableHeader.displayName = "TableHeader";
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+));
+TableBody.displayName = "TableBody";
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "bg-bg-muted/50 border-t font-medium last:[&>tr]:border-b-0",
+      className
+    )}
+    {...props}
+  />
+));
+TableFooter.displayName = "TableFooter";
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "data-[state=selected]:bg-bg-muted hover:bg-bg-muted/50 border-b transition-colors",
+      className
+    )}
+    {...props}
+  />
+));
+TableRow.displayName = "TableRow";
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "text-fg-muted h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
+      className
+    )}
+    {...props}
+  />
+));
+TableHead.displayName = "TableHead";
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    {...props}
+  />
+));
+TableCell.displayName = "TableCell";
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("text-fg-muted mt-4 text-sm", className)}
+    {...props}
+  />
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};
diff --git a/www/src/components/core/table.tsx b/www/src/components/core/table.tsx
index caf8cefa0..5e6320bfa 100644
--- a/www/src/components/core/table.tsx
+++ b/www/src/components/core/table.tsx
@@ -1,116 +1 @@
-import * as React from "react";
-import { cn } from "@/registry/lib/utils";
-
-const Table = React.forwardRef<
-  HTMLTableElement,
-  React.HTMLAttributes<HTMLTableElement>
->(({ className, ...props }, ref) => (
-  <div className="relative w-full overflow-auto">
-    <table
-      ref={ref}
-      className={cn("w-full caption-bottom text-sm", className)}
-      {...props}
-    />
-  </div>
-));
-Table.displayName = "Table";
-
-const TableHeader = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
-));
-TableHeader.displayName = "TableHeader";
-
-const TableBody = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tbody
-    ref={ref}
-    className={cn("[&_tr:last-child]:border-0", className)}
-    {...props}
-  />
-));
-TableBody.displayName = "TableBody";
-
-const TableFooter = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tfoot
-    ref={ref}
-    className={cn(
-      "bg-bg-muted/50 border-t font-medium last:[&>tr]:border-b-0",
-      className
-    )}
-    {...props}
-  />
-));
-TableFooter.displayName = "TableFooter";
-
-const TableRow = React.forwardRef<
-  HTMLTableRowElement,
-  React.HTMLAttributes<HTMLTableRowElement>
->(({ className, ...props }, ref) => (
-  <tr
-    ref={ref}
-    className={cn(
-      "data-[state=selected]:bg-bg-muted hover:bg-bg-muted/50 border-b transition-colors",
-      className
-    )}
-    {...props}
-  />
-));
-TableRow.displayName = "TableRow";
-
-const TableHead = React.forwardRef<
-  HTMLTableCellElement,
-  React.ThHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <th
-    ref={ref}
-    className={cn(
-      "text-fg-muted h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
-      className
-    )}
-    {...props}
-  />
-));
-TableHead.displayName = "TableHead";
-
-const TableCell = React.forwardRef<
-  HTMLTableCellElement,
-  React.TdHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <td
-    ref={ref}
-    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
-    {...props}
-  />
-));
-TableCell.displayName = "TableCell";
-
-const TableCaption = React.forwardRef<
-  HTMLTableCaptionElement,
-  React.HTMLAttributes<HTMLTableCaptionElement>
->(({ className, ...props }, ref) => (
-  <caption
-    ref={ref}
-    className={cn("text-fg-muted mt-4 text-sm", className)}
-    {...props}
-  />
-));
-TableCaption.displayName = "TableCaption";
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-};
+export * from "@/registry/core/table_basic";
diff --git a/www/src/registry/core/alert_basic.tsx b/www/src/registry/core/alert_basic.tsx
index 0a345d05b..684ae2c26 100644
--- a/www/src/registry/core/alert_basic.tsx
+++ b/www/src/registry/core/alert_basic.tsx
@@ -13,8 +13,8 @@ import { createScopedContext } from "@/lib/utils";
 const alertStyles = tv({
   slots: {
     root: "@container flex w-full items-center gap-4 rounded-lg border p-4 text-sm [&_svg]:size-4",
-    title: "font-medium leading-normal tracking-tight",
-    content: "",
+    title: "text-base font-medium leading-normal tracking-tight",
+    content: "text-fg-muted",
   },
   variants: {
     variant: {
@@ -68,7 +68,7 @@ function Alert({
   const resolvedIcon = icon === undefined ? defaultIcons[variant] : icon;
   return (
     <AlertRoot variant={variant} {...props}>
-      <div className="pt-2">{resolvedIcon}</div>
+      {resolvedIcon}
       <div className="@sm:items-center @sm:flex-row flex flex-1 flex-col items-start gap-4">
         <div className="flex-1 space-y-0.5">
           {title && <AlertTitle>{title}</AlertTitle>}
diff --git a/www/src/registry/core/color-picker_basic.tsx b/www/src/registry/core/color-picker_basic.tsx
index da3ae6db6..d83508952 100644
--- a/www/src/registry/core/color-picker_basic.tsx
+++ b/www/src/registry/core/color-picker_basic.tsx
@@ -86,7 +86,7 @@ const ColorPickerButton = ({
         <>
           <ColorSwatch />
           {showValue && (
-            <span className="w-14 truncate text-left">
+            <span className="truncate text-left">
               {state.color.toString(format)}
             </span>
           )}
diff --git a/www/src/registry/core/field_basic.tsx b/www/src/registry/core/field_basic.tsx
index 7a13fc8f2..d4eb0d5f8 100644
--- a/www/src/registry/core/field_basic.tsx
+++ b/www/src/registry/core/field_basic.tsx
@@ -11,7 +11,7 @@ import {
 import { tv } from "tailwind-variants";
 
 const labelStyles = tv({
-  base: "peer-disabled:text-fg-disabled inline-flex items-center gap-px text-sm font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
+  base: "peer-disabled:text-fg-disabled inline-flex items-center gap-px font-medium leading-none peer-disabled:cursor-not-allowed [&_svg]:size-3",
 });
 
 interface LabelProps extends React.ComponentProps<typeof AriaLabel> {}
diff --git a/www/src/registry/core/slider_basic.tsx b/www/src/registry/core/slider_basic.tsx
index 3f9d72348..65e4fd759 100644
--- a/www/src/registry/core/slider_basic.tsx
+++ b/www/src/registry/core/slider_basic.tsx
@@ -254,6 +254,8 @@ const getFillerDimensions = (
   return {};
 };
 
+export type { SliderProps };
+
 export {
   Slider,
   SliderRoot,

From fa63b0242102e72ca89e1b88c6dc8deb2337d5cf Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 21 Feb 2025 16:54:15 +0100
Subject: [PATCH 154/165] update theme page

---
 .../(app)/themes/[themeName]/theme-editor.tsx | 110 +++++++++++++-----
 1 file changed, 83 insertions(+), 27 deletions(-)

diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
index 9eaa7673e..dda693cc4 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
@@ -381,18 +381,26 @@ function ThemeColors({ theme }: { theme?: Theme }) {
             </TableBody>
           </TableRoot>
         </Collapsible>
-        <div className="mt-1 flex gap-1">
-          <ColorItem
-            colorName="Neutral"
-            // colorValue={theme?.foundations}
-            className="bg-bg-neutral rounded-sm"
-            containerClassName=" ml-0! mr-0!"
-          />
-          <ColorItem
-            className="bg-bg-accent rounded-sm"
-            containerClassName=" ml-0! mr-0!"
-          />
-        </div>
+        <Collapsible
+          unstyled
+          show={!isEditMode}
+          marginTop={0}
+          marginBottom={0}
+          className="p-0"
+        >
+          <div className="mt-1 flex gap-1">
+            <ColorItem
+              colorName="Neutral"
+              // colorValue={theme?.foundations}
+              className="bg-bg-neutral rounded-sm"
+              containerClassName=" ml-0! mr-0!"
+            />
+            <ColorItem
+              className="bg-bg-accent rounded-sm"
+              containerClassName=" ml-0! mr-0!"
+            />
+          </div>
+        </Collapsible>
         <div className="mt-1 space-y-1">
           {[
             { name: "neutral", label: "Neutral" },
@@ -420,21 +428,69 @@ function ThemeColors({ theme }: { theme?: Theme }) {
         <p id="semantic-colors" className="mt-4 font-medium tracking-tight">
           Semantic colors
         </p>
-        <div className="mt-1 flex gap-1">
-          {/* <Item className="bg-bg-info" /> */}
-          <ColorItem
-            className="bg-bg-success rounded-sm"
-            containerClassName="ml-0! mr-0!"
-          />
-          <ColorItem
-            className="bg-bg-warning rounded-sm"
-            containerClassName=" ml-0! mr-0!"
-          />
-          <ColorItem
-            className="bg-bg-danger rounded-sm"
-            containerClassName=" ml-0! mr-0!"
-          />
-        </div>
+        <Collapsible
+          show={isEditMode}
+          className="space-y-2 p-0 text-sm"
+          unstyled
+        >
+          <TableRoot
+            aria-label="Core colors"
+            variant="bordered"
+            className="w-full"
+          >
+            <TableHeader>
+              <TableColumn isRowHeader>Name</TableColumn>
+              <TableColumn>Base color</TableColumn>
+              <TableColumn className="w-full">Ratios</TableColumn>
+            </TableHeader>
+            <TableBody>
+              {[
+                { label: "Warning", name: "warning" },
+                { label: "Danger", name: "danger" },
+                { label: "Success", name: "success" },
+              ].map(({ label, name }) => (
+                <TableRow key={name}>
+                  <TableCell>{label}</TableCell>
+                  <TableCell>
+                    <ColorPicker />
+                  </TableCell>
+                  <TableCell>
+                    <RatiosSlider
+                      aria-label="Ratios"
+                      defaultValue={[
+                        1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2,
+                        15.2,
+                      ]}
+                    />
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </TableRoot>
+        </Collapsible>
+        <Collapsible
+          unstyled
+          show={!isEditMode}
+          marginTop={0}
+          marginBottom={0}
+          className="p-0"
+        >
+          <div className="mt-1 flex gap-1">
+            {/* <Item className="bg-bg-info" /> */}
+            <ColorItem
+              className="bg-bg-success rounded-sm"
+              containerClassName="ml-0! mr-0!"
+            />
+            <ColorItem
+              className="bg-bg-warning rounded-sm"
+              containerClassName=" ml-0! mr-0!"
+            />
+            <ColorItem
+              className="bg-bg-danger rounded-sm"
+              containerClassName=" ml-0! mr-0!"
+            />
+          </div>
+        </Collapsible>
         <div className="mt-1 space-y-1">
           {[
             { name: "success", label: "Success" },

From aaccc3d2befe1fe5fb43fc5669611ba73c1fa5d7 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 21 Feb 2025 22:36:37 +0100
Subject: [PATCH 155/165] wip theme page

---
 .../app/(app)/themes/[themeName]/page-old.tsx | 428 ------------------
 .../(app)/themes/[themeName]/theme-editor.tsx | 258 +++++------
 www/src/registry/core/field_basic.tsx         |   8 +-
 3 files changed, 119 insertions(+), 575 deletions(-)
 delete mode 100644 www/src/app/(app)/themes/[themeName]/page-old.tsx

diff --git a/www/src/app/(app)/themes/[themeName]/page-old.tsx b/www/src/app/(app)/themes/[themeName]/page-old.tsx
deleted file mode 100644
index 3d288197d..000000000
--- a/www/src/app/(app)/themes/[themeName]/page-old.tsx
+++ /dev/null
@@ -1,428 +0,0 @@
-"use client";
-
-import React from "react";
-import Link from "next/link";
-import {
-  ArrowLeftIcon,
-  CheckIcon,
-  MoonIcon,
-  PenIcon,
-  SaveIcon,
-  SunIcon,
-} from "lucide-react";
-// import { Transition } from "motion/react";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/core/button";
-import { Dialog, DialogRoot } from "@/components/core/dialog";
-import { Tabs, Tab, TabList } from "@/components/core/tabs";
-import { ToggleButton } from "@/components/core/toggle-button";
-import { Tooltip } from "@/components/core/tooltip";
-import { ButtonDemo } from "@/modules/themes/components/demos/button-demo";
-import { CalendarDemo } from "@/modules/themes/components/demos/calendar-demo";
-import { CheckboxDemo } from "@/modules/themes/components/demos/checkbox-demo";
-import { ComboboxDemo } from "@/modules/themes/components/demos/combobox-demo";
-import { CommandDemo } from "@/modules/themes/components/demos/command-demo";
-import { DatePickerDemo } from "@/modules/themes/components/demos/date-picker-demo";
-import { DateRangePickerDemo } from "@/modules/themes/components/demos/date-range-picker-demo";
-import { IconsDemo } from "@/modules/themes/components/demos/icons-demo";
-import { ListBoxDemo } from "@/modules/themes/components/demos/listbox-demo";
-import { MenuDemo } from "@/modules/themes/components/demos/menu-demo";
-import { NumberFieldDemo } from "@/modules/themes/components/demos/number-field-demo";
-import { RadioGroupDemo } from "@/modules/themes/components/demos/radio-group-demo";
-import { SearchFieldDemo } from "@/modules/themes/components/demos/search-field-demo";
-import { SelectDemo } from "@/modules/themes/components/demos/select-demo";
-import { SliderDemo } from "@/modules/themes/components/demos/slider-demo";
-import { SwitchDemo } from "@/modules/themes/components/demos/switch-demo";
-import { TagGroupDemo } from "@/modules/themes/components/demos/tag-group-demo";
-import { TextAreaDemo } from "@/modules/themes/components/demos/text-area-demo";
-import { TextFieldDemo } from "@/modules/themes/components/demos/text-field-demo";
-import { ToggleButtonDemo } from "@/modules/themes/components/demos/toggle-button-demo";
-import { PreviewContent } from "../preview";
-import { ThemeTableOfContents } from "./toc";
-
-export default function ThemePage() {
-  const [isEditMode, setEditMode] = React.useState(false);
-
-  return (
-    <div className="container flex min-h-[2000px] max-w-5xl gap-10">
-      <div className="relative flex-1 pb-20 pt-10">
-        <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
-          <Link
-            href="/themes"
-            className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
-          >
-            <ArrowLeftIcon className="size-4" />
-            <span>themes</span>
-          </Link>
-          <div className="flex items-center justify-between">
-            <h2 className="text-3xl font-semibold tracking-tight">Forest</h2>
-            <div className="flex items-center gap-2">
-              <DialogRoot>
-                <Button className="xl:hidden">Preview</Button>
-                <Dialog type="drawer" className="h-[80svh] p-0">
-                  <PreviewContent
-                    themeName="minimalist"
-                    collapsible={false}
-                    resizable={false}
-                  />
-                </Dialog>
-              </DialogRoot>
-              {isEditMode && (
-                <Button shape="square" isDisabled>
-                  <SaveIcon />
-                </Button>
-              )}
-              <Tooltip content="Edit mode" variant="inverse" showArrow>
-                <ToggleButton
-                  isSelected={isEditMode}
-                  onChange={setEditMode}
-                  prefix={<PenIcon />}
-                  variant="primary"
-                  shape="rectangle"
-                >
-                  Edit mode
-                </ToggleButton>
-              </Tooltip>
-            </div>
-          </div>
-        </div>
-        <div className="space-y-10 overflow-hidden max-lg:p-4 lg:mt-12">
-          <Section
-            title="Colors"
-            description="Learn how to work with color system."
-            action={
-              <Tabs variant="solid">
-                <TabList className="[&_svg]:size-4">
-                  <Tab id="light">
-                    <SunIcon />
-                  </Tab>
-                  <Tab id="dark">
-                    <MoonIcon />
-                  </Tab>
-                </TabList>
-              </Tabs>
-            }
-            className="pt-4"
-          >
-            <p id="core-colors" className="font-medium tracking-tight">
-              Core colors
-            </p>
-            <div className="mt-1 flex gap-1">
-              <Item
-                className="bg-bg-neutral rounded-sm"
-                containerClassName=" ml-0! mr-0!"
-              />
-              <Item
-                className="bg-bg-accent rounded-sm"
-                containerClassName=" ml-0! mr-0!"
-              />
-            </div>
-            <div className="mt-1 space-y-1">
-              {[
-                { name: "neutral", label: "Neutral" },
-                { name: "accent", label: "Accent" },
-              ].map((shade) => (
-                <div key={shade.name} className="flex items-center gap-2">
-                  <p className="text-fg-muted w-[60px] text-sm">
-                    {shade.label}
-                  </p>
-                  <div className="flex flex-1">
-                    {Array.from({ length: 10 }).map((_, i) => (
-                      <Item
-                        key={i}
-                        style={{
-                          backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
-                        }}
-                        className="h-8 rounded-sm"
-                        containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
-                      />
-                    ))}
-                  </div>
-                </div>
-              ))}
-            </div>
-            <p id="semantic-colors" className="mt-4 font-medium tracking-tight">
-              Semantic colors
-            </p>
-            <div className="mt-1 flex gap-1">
-              {/* <Item className="bg-bg-info" /> */}
-              <Item
-                className="bg-bg-success rounded-sm"
-                containerClassName="ml-0! mr-0!"
-              />
-              <Item
-                className="bg-bg-warning rounded-sm"
-                containerClassName=" ml-0! mr-0!"
-              />
-              <Item
-                className="bg-bg-danger rounded-sm"
-                containerClassName=" ml-0! mr-0!"
-              />
-            </div>
-            <div className="mt-1 space-y-1">
-              {[
-                { name: "success", label: "Success" },
-                { name: "warning", label: "Warning" },
-                { name: "danger", label: "Danger" },
-                // { name: "info", label: "Info" },
-              ].map((shade) => (
-                <div key={shade.name} className="flex items-center gap-2">
-                  <p className="text-fg-muted w-[60px] text-sm">
-                    {shade.label}
-                  </p>
-                  <div className="flex flex-1">
-                    {Array.from({ length: 10 }).map((_, i) => (
-                      <Item
-                        key={i}
-                        style={{
-                          backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
-                        }}
-                        className="h-8 rounded-sm"
-                        containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
-                      />
-                    ))}
-                  </div>
-                </div>
-              ))}
-            </div>
-          </Section>
-          <Section
-            title="Typography"
-            description="Rules of typesetting throughout the system."
-            className="pt-4"
-          >
-            <div className="font-heading space-y-1 font-bold tracking-tight">
-              <p className="text-5xl">Heading 5XL</p>
-              <p className="text-4xl">Heading 4XL</p>
-              <p className="text-3xl">Heading 3XL</p>
-              <p className="text-2xl">Heading 2XL</p>
-              <p className="text-xl">Heading XL</p>
-              <p className="text-lg">Heading LG</p>
-            </div>
-            <div className="font-body mt-4 space-y-0.5 tracking-tight">
-              <p className="text-xl">This is body content XL</p>
-              <p className="text-lg">This is body content LG</p>
-              <p className="text-base">This is body content base</p>
-              <p className="text-sm">This is body content sm</p>
-            </div>
-          </Section>
-          <Section
-            title="Iconography"
-            description="A collection of icons."
-            className="pt-4"
-          >
-            <IconsDemo />
-          </Section>
-          <Section
-            title="Components overview"
-            description="Components are the reusable primitives for creating user interfaces."
-            className="space-y-4 pt-4"
-          >
-            {/* Buttons */}
-            <ComponentSection title="Button">
-              <ButtonDemo />
-            </ComponentSection>
-            <ComponentSection title="Toggle Button">
-              <ToggleButtonDemo />
-            </ComponentSection>
-            {/* Inputs */}
-            <ComponentSection title="TextField">
-              <TextFieldDemo />
-            </ComponentSection>
-            <ComponentSection title="TextArea">
-              <TextAreaDemo />
-            </ComponentSection>
-            <ComponentSection title="SearchField">
-              <SearchFieldDemo />
-            </ComponentSection>
-            <ComponentSection title="NumberField">
-              <NumberFieldDemo />
-            </ComponentSection>
-            <ComponentSection title="Checkbox">
-              <CheckboxDemo />
-            </ComponentSection>
-            <ComponentSection title="Checkbox Group"></ComponentSection>
-            <ComponentSection title="Radio Group">
-              <RadioGroupDemo />
-            </ComponentSection>
-            <ComponentSection title="Switch">
-              <SwitchDemo />
-            </ComponentSection>
-            <ComponentSection title="Slider">
-              <SliderDemo />
-            </ComponentSection>
-            {/* Menus and selection */}
-            <ComponentSection title="ListBox">
-              <ListBoxDemo />
-            </ComponentSection>
-            <ComponentSection title="Menu">
-              <MenuDemo />
-            </ComponentSection>
-            <ComponentSection title="Select">
-              <SelectDemo />
-            </ComponentSection>
-            <ComponentSection title="Combobox">
-              <ComboboxDemo />
-            </ComponentSection>
-            <ComponentSection title="Tag Group">
-              <TagGroupDemo />
-            </ComponentSection>
-            <ComponentSection title="Command">
-              <CommandDemo />
-            </ComponentSection>
-            {/* Date and time */}
-            <ComponentSection title="Calendar">
-              <CalendarDemo />
-            </ComponentSection>
-            <ComponentSection title="DatePicker">
-              <DatePickerDemo />
-            </ComponentSection>
-            <ComponentSection title="DateRangePicker">
-              <DateRangePickerDemo />
-            </ComponentSection>
-          </Section>
-        </div>
-      </div>
-      <ThemeTableOfContents />
-    </div>
-  );
-}
-
-const ComponentSection = ({
-  title,
-  description,
-  action,
-  children,
-}: {
-  title: string;
-  description?: string;
-  action?: React.ReactNode;
-  children?: React.ReactNode;
-}) => {
-  return (
-    <div className="max-w-xs overflow-hidden rounded-sm border">
-      <div className="bg-bg-muted/50 flex items-center justify-between gap-2 border-b px-4 py-2">
-        <div>
-          <h3 className="text-base font-medium">{title}</h3>
-          {description && (
-            <p className="text-fg-muted text-sm">{description}</p>
-          )}
-        </div>
-        {action}
-      </div>
-      <div className="p-4">{children}</div>
-    </div>
-  );
-};
-
-// const TRANSITION: Transition = {
-//   type: "spring",
-//   bounce: 0,
-//   duration: 0.25,
-// };
-
-const Section = ({
-  title,
-  description,
-  action,
-  children,
-  className,
-}: {
-  title: string;
-  description?: string;
-  action?: React.ReactNode;
-  children?: React.ReactNode;
-  className?: string;
-}) => {
-  // const [ref, { height }] = useMeasure<HTMLDivElement>();
-  return (
-    <section id={title.toLowerCase().replace(" ", "-")}>
-      <div className="flex items-start justify-between">
-        <div>
-          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
-          {description && (
-            <p className="text-fg-muted text-sm">{description}</p>
-          )}
-        </div>
-        {action}
-      </div>
-      <div className={className}>{children}</div>
-      {/* <motion.div animate={{ height }} transition={TRANSITION}>
-        <div ref={ref}>
-        </div>
-      </motion.div> */}
-    </section>
-  );
-};
-
-// const Container = ({
-//   children,
-//   className,
-// }: {
-//   children?: React.ReactNode;
-//   className?: string;
-// }) => {
-//   return (
-//     <motion.div
-//       initial={false}
-//       animate={{ opacity: 1, y: 0 }}
-//       exit={{ opacity: 0 }}
-//       transition={TRANSITION}
-//       className={className}
-//     >
-//       {children}
-//     </motion.div>
-//   );
-// };
-
-const Item = ({
-  containerClassName,
-  className,
-  style,
-}: {
-  containerClassName?: string;
-  className?: string;
-  style?: React.CSSProperties;
-}) => {
-  const [isCopied, setCopied] = React.useState(false);
-  const handleCopy = () => {
-    navigator.clipboard.writeText("#000000");
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1000);
-  };
-  return (
-    <button
-      onClick={handleCopy}
-      className={cn(
-        "not-last:-mr-4 not-first:-ml-4 relative h-12 flex-1",
-        containerClassName
-      )}
-    >
-      <div
-        className={cn(
-          "hover:h-22 duration-250 group absolute bottom-0 left-0 h-12 w-full cursor-pointer overflow-hidden rounded-t-2xl transition-[height]",
-          className
-        )}
-        style={style}
-      >
-        <div
-          className={cn(
-            "flex items-center justify-between p-2 text-sm opacity-0 transition-opacity group-hover:opacity-100",
-            isCopied && "opacity-0!"
-          )}
-        >
-          <p>Danger</p>
-          <p>#ff0000</p>
-        </div>
-        <div
-          className={cn(
-            "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 transition-opacity",
-            isCopied && "opacity-100"
-          )}
-        >
-          <CheckIcon className="text-fg-muted size-4" />
-        </div>
-      </div>
-    </button>
-  );
-};
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
index dda693cc4..ff24788b3 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
@@ -10,12 +10,7 @@ import {
   PenIcon,
   SaveIcon,
 } from "lucide-react";
-import {
-  AnimatePresence,
-  HTMLMotionProps,
-  motion,
-  type Transition,
-} from "motion/react";
+import { AnimatePresence, motion, type Transition } from "motion/react";
 import { useMeasure } from "react-use";
 import { cn } from "@/lib/utils";
 import { useMounted } from "@/hooks/use-mounted";
@@ -90,7 +85,7 @@ export function ThemeEditor({
     <ThemeEditorContext
       value={{ isLoading, isEditMode: isEditable && isEditMode }}
     >
-      <div>
+      <div className="[&_[data-slot=label]]:text-fg-muted">
         <ThemeEditorHeader
           theme={theme}
           isLoading={isLoading}
@@ -263,40 +258,24 @@ function Collapsible({
   show,
   children,
   className,
-  marginTop = 8,
-  marginBottom = 8,
-  unstyled = false,
-  ...props
 }: {
   show: boolean;
   children: React.ReactNode;
-  marginTop?: number;
-  marginBottom?: number;
-  unstyled?: boolean;
-} & Omit<HTMLMotionProps<"div">, "animate" | "transition">) {
+  className?: string;
+}) {
   const [ref, { height }] = useMeasure<HTMLDivElement>();
   return (
     <AnimatePresence>
       {show && (
         <>
           <motion.div
-            initial={{ height: 0, marginTop: 0, marginBottom: 0 }}
-            animate={{ height: height + 3, marginTop, marginBottom }}
-            exit={{ height: 0, marginTop: 0, marginBottom: 0 }}
+            initial={{ height: 0 }}
+            animate={{ height: height, overflow: "visible" }}
+            exit={{ height: 0 }}
             transition={TRANSITION}
-            className="overflow-hidden"
-            {...props}
+            className={cn("overflow-hidden", className)}
           >
-            <div
-              ref={ref}
-              className={cn(
-                "mt-px",
-                !unstyled &&
-                  "[&_[data-slot='label']]:text-fg-muted mt-px rounded-md border"
-              )}
-            >
-              <div className={cn("p-4", className)}>{children}</div>
-            </div>
+            <div ref={ref}>{children}</div>
           </motion.div>
         </>
       )}
@@ -312,86 +291,81 @@ function ThemeColors({ theme }: { theme?: Theme }) {
         { "--color-secondary": "var(--color-fg-muted)" } as React.CSSProperties
       }
     >
-      <Collapsible show={isEditMode} className="space-y-4 text-sm">
-        <RadioGroup label="Theme mode" orientation="horizontal">
-          {[
-            { value: "light", label: "Light" },
-            { value: "dark", label: "Dark" },
-            { value: "both", label: "Light and dark" },
-          ].map(({ value, label }) => (
-            <Radio key={value} value={value}>
-              {label}
-            </Radio>
-          ))}
-        </RadioGroup>
-        <div className="grid grid-cols-3 gap-4">
-          <Slider label="Lightness" className="w-full" />
-          <Slider label="Contrast" className="w-full" />
-          <Slider label="Saturation" className="w-full" />
+      <Collapsible show={false}>
+        <div className="box-border space-y-4 rounded-md border p-4 text-sm">
+          <RadioGroup label="Theme mode" orientation="horizontal">
+            {[
+              { value: "light", label: "Light" },
+              { value: "dark", label: "Dark" },
+              { value: "both", label: "Light and dark" },
+            ].map(({ value, label }) => (
+              <Radio key={value} value={value}>
+                {label}
+              </Radio>
+            ))}
+          </RadioGroup>
+          <div className="grid grid-cols-3 gap-4">
+            <Slider label="Lightness" className="w-full" />
+            <Slider label="Contrast" className="w-full" />
+            <Slider label="Saturation" className="w-full" />
+          </div>
         </div>
       </Collapsible>
       <ThemeProvider theme={theme} unstyled>
         <p id="core-colors" className="mt-2 font-medium tracking-tight">
           Core colors
         </p>
-        <Collapsible
-          show={isEditMode}
-          className="space-y-2 p-0 text-sm"
-          unstyled
-        >
-          <TableRoot
-            aria-label="Core colors"
-            variant="bordered"
-            className="w-full"
-          >
-            <TableHeader>
-              <TableColumn isRowHeader>Name</TableColumn>
-              <TableColumn>Base color</TableColumn>
-              <TableColumn className="w-full">Ratios</TableColumn>
-            </TableHeader>
-            <TableBody>
-              <TableRow>
-                <TableCell>Neutral</TableCell>
-                <TableCell>
-                  <ColorPicker />
-                </TableCell>
-                <TableCell>
-                  <RatiosSlider
-                    aria-label="Ratios"
-                    defaultValue={[
-                      1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2,
-                    ]}
-                  />
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableCell>Accent</TableCell>
-                <TableCell>
-                  <ColorPicker />
-                </TableCell>
-                <TableCell>
-                  <RatiosSlider
-                    aria-label="Ratios"
-                    defaultValue={[
-                      1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2,
-                    ]}
-                  />
-                </TableCell>
-              </TableRow>
-            </TableBody>
-          </TableRoot>
+        <Collapsible show={false}>
+          <div className="py-1">
+            <TableRoot
+              aria-label="Core colors"
+              variant="bordered"
+              className="w-full"
+            >
+              <TableHeader>
+                <TableColumn isRowHeader>Name</TableColumn>
+                <TableColumn>Base color</TableColumn>
+                <TableColumn className="w-full">Ratios</TableColumn>
+              </TableHeader>
+              <TableBody>
+                <TableRow>
+                  <TableCell>Neutral</TableCell>
+                  <TableCell>
+                    <ColorPicker />
+                  </TableCell>
+                  <TableCell>
+                    <RatiosSlider
+                      aria-label="Ratios"
+                      defaultValue={[
+                        1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2,
+                        15.2,
+                      ]}
+                    />
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell>Accent</TableCell>
+                  <TableCell>
+                    <ColorPicker />
+                  </TableCell>
+                  <TableCell>
+                    <RatiosSlider
+                      aria-label="Ratios"
+                      defaultValue={[
+                        1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2,
+                        15.2,
+                      ]}
+                    />
+                  </TableCell>
+                </TableRow>
+              </TableBody>
+            </TableRoot>
+          </div>
         </Collapsible>
-        <Collapsible
-          unstyled
-          show={!isEditMode}
-          marginTop={0}
-          marginBottom={0}
-          className="p-0"
-        >
+        <Collapsible show={!isEditMode}>
           <div className="mt-1 flex gap-1">
             <ColorItem
               colorName="Neutral"
-              // colorValue={theme?.foundations}
               className="bg-bg-neutral rounded-sm"
               containerClassName=" ml-0! mr-0!"
             />
@@ -428,53 +402,45 @@ function ThemeColors({ theme }: { theme?: Theme }) {
         <p id="semantic-colors" className="mt-4 font-medium tracking-tight">
           Semantic colors
         </p>
-        <Collapsible
-          show={isEditMode}
-          className="space-y-2 p-0 text-sm"
-          unstyled
-        >
-          <TableRoot
-            aria-label="Core colors"
-            variant="bordered"
-            className="w-full"
-          >
-            <TableHeader>
-              <TableColumn isRowHeader>Name</TableColumn>
-              <TableColumn>Base color</TableColumn>
-              <TableColumn className="w-full">Ratios</TableColumn>
-            </TableHeader>
-            <TableBody>
-              {[
-                { label: "Warning", name: "warning" },
-                { label: "Danger", name: "danger" },
-                { label: "Success", name: "success" },
-              ].map(({ label, name }) => (
-                <TableRow key={name}>
-                  <TableCell>{label}</TableCell>
-                  <TableCell>
-                    <ColorPicker />
-                  </TableCell>
-                  <TableCell>
-                    <RatiosSlider
-                      aria-label="Ratios"
-                      defaultValue={[
-                        1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2,
-                        15.2,
-                      ]}
-                    />
-                  </TableCell>
-                </TableRow>
-              ))}
-            </TableBody>
-          </TableRoot>
+        <Collapsible show={isEditMode}>
+          <div className="py-1">
+            <TableRoot
+              aria-label="Core colors"
+              variant="bordered"
+              className="w-full"
+            >
+              <TableHeader>
+                <TableColumn isRowHeader>Name</TableColumn>
+                <TableColumn>Base color</TableColumn>
+                <TableColumn className="w-full">Ratios</TableColumn>
+              </TableHeader>
+              <TableBody>
+                {[
+                  { label: "Warning", name: "warning" },
+                  { label: "Danger", name: "danger" },
+                  { label: "Success", name: "success" },
+                ].map(({ label, name }) => (
+                  <TableRow key={name}>
+                    <TableCell>{label}</TableCell>
+                    <TableCell>
+                      <ColorPicker />
+                    </TableCell>
+                    <TableCell>
+                      <RatiosSlider
+                        aria-label="Ratios"
+                        defaultValue={[
+                          1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2,
+                          15.2,
+                        ]}
+                      />
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </TableRoot>
+          </div>
         </Collapsible>
-        <Collapsible
-          unstyled
-          show={!isEditMode}
-          marginTop={0}
-          marginBottom={0}
-          className="p-0"
-        >
+        <Collapsible show={!isEditMode}>
           <div className="mt-1 flex gap-1">
             {/* <Item className="bg-bg-info" /> */}
             <ColorItem
diff --git a/www/src/registry/core/field_basic.tsx b/www/src/registry/core/field_basic.tsx
index d4eb0d5f8..ebdf0f3c4 100644
--- a/www/src/registry/core/field_basic.tsx
+++ b/www/src/registry/core/field_basic.tsx
@@ -16,7 +16,13 @@ const labelStyles = tv({
 
 interface LabelProps extends React.ComponentProps<typeof AriaLabel> {}
 const Label = ({ className, ...props }: LabelProps) => {
-  return <AriaLabel className={labelStyles({ className })} {...props} />;
+  return (
+    <AriaLabel
+      data-slot="label"
+      className={labelStyles({ className })}
+      {...props}
+    />
+  );
 };
 
 const descriptionStyles = tv({

From 4cbb7fa9b9027d1b67e3ebfea56b347ae125278c Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Fri, 21 Feb 2025 22:48:18 +0100
Subject: [PATCH 156/165] make ThemeEditor in separate files

---
 .../[themeName]/theme-editor/collapsible.tsx  |  38 +++
 .../colors.tsx}                               | 289 +-----------------
 .../[themeName]/theme-editor/context.tsx      |  11 +
 .../[themeName]/theme-editor/iconography.tsx  |   3 +
 .../themes/[themeName]/theme-editor/index.ts  |   1 +
 .../[themeName]/theme-editor/theme-editor.tsx | 215 +++++++++++++
 .../[themeName]/theme-editor/typography.tsx   |   3 +
 7 files changed, 282 insertions(+), 278 deletions(-)
 create mode 100644 www/src/app/(app)/themes/[themeName]/theme-editor/collapsible.tsx
 rename www/src/app/(app)/themes/[themeName]/{theme-editor.tsx => theme-editor/colors.tsx} (57%)
 create mode 100644 www/src/app/(app)/themes/[themeName]/theme-editor/context.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/theme-editor/iconography.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/theme-editor/index.ts
 create mode 100644 www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx
 create mode 100644 www/src/app/(app)/themes/[themeName]/theme-editor/typography.tsx

diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/collapsible.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/collapsible.tsx
new file mode 100644
index 000000000..f2715b2b3
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/collapsible.tsx
@@ -0,0 +1,38 @@
+import { AnimatePresence, motion, type Transition } from "motion/react";
+import { useMeasure } from "react-use";
+import { cn } from "@/lib/utils";
+
+const TRANSITION: Transition = {
+  type: "spring",
+  bounce: 0,
+  duration: 0.25,
+};
+
+export function Collapsible({
+  show,
+  children,
+  className,
+}: {
+  show: boolean;
+  children: React.ReactNode;
+  className?: string;
+}) {
+  const [ref, { height }] = useMeasure<HTMLDivElement>();
+  return (
+    <AnimatePresence>
+      {show && (
+        <>
+          <motion.div
+            initial={{ height: 0 }}
+            animate={{ height: height, overflow: "visible" }}
+            exit={{ height: 0 }}
+            transition={TRANSITION}
+            className={cn("overflow-hidden", className)}
+          >
+            <div ref={ref}>{children}</div>
+          </motion.div>
+        </>
+      )}
+    </AnimatePresence>
+  );
+}
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
similarity index 57%
rename from www/src/app/(app)/themes/[themeName]/theme-editor.tsx
rename to www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
index ff24788b3..6fd719986 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
@@ -1,32 +1,16 @@
-"use client";
-
 import React from "react";
-import Link from "next/link";
-import { notFound } from "next/navigation";
-import {
-  ArrowLeftIcon,
-  CheckIcon,
-  EllipsisVerticalIcon,
-  PenIcon,
-  SaveIcon,
-} from "lucide-react";
-import { AnimatePresence, motion, type Transition } from "motion/react";
-import { useMeasure } from "react-use";
+import { CheckIcon } from "lucide-react";
+import { AnimatePresence, motion, Transition } from "motion/react";
 import { cn } from "@/lib/utils";
-import { useMounted } from "@/hooks/use-mounted";
-import { Alert } from "@/components/core/alert";
-import { Button } from "@/components/core/button";
 import { ColorPicker } from "@/components/core/color-picker";
-import { Dialog, DialogRoot } from "@/components/core/dialog";
 import { Label } from "@/components/core/field";
-import { MenuRoot, Menu, MenuItem } from "@/components/core/menu";
 import { RadioGroup, Radio } from "@/components/core/radio-group";
 import { Skeleton } from "@/components/core/skeleton";
 import {
   Slider,
   SliderRoot,
-  SliderThumb,
   SliderTrack,
+  SliderThumb,
   type SliderProps,
 } from "@/components/core/slider";
 import {
@@ -37,253 +21,12 @@ import {
   TableRow,
   TableCell,
 } from "@/components/core/table";
-import { ToggleButton } from "@/components/core/toggle-button";
-import { Tooltip } from "@/components/core/tooltip";
-import { usePreviewMode } from "@/components/mode-provider";
-import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
-import { CreateThemeDialog } from "@/modules/themes/components/create-theme-dialog";
 import { ThemeProvider } from "@/modules/themes/components/theme-provider";
 import { Theme } from "@/modules/themes/types";
-import { PreviewContent } from "../preview";
-import { ModeSwitch } from "./mode-switch";
-
-const ThemeEditorContext = React.createContext<{
-  isLoading: boolean;
-  isEditMode: boolean;
-}>({
-  isLoading: false,
-  isEditMode: false,
-});
-
-const useThemeEditorContext = () => React.useContext(ThemeEditorContext);
-
-export function ThemeEditor({
-  theme: themeProp,
-  isEditable,
-}: {
-  theme?: Theme | string;
-  isEditable: boolean;
-}) {
-  const { mode: previewMode, setMode: setPreviewMode } = usePreviewMode();
-
-  const [isEditMode, setEditMode] = React.useState(true);
-  const isMounted = useMounted();
-  const { userThemes } = useUserThemes();
-
-  const theme: Theme | undefined =
-    typeof themeProp === "string"
-      ? userThemes.find((t) => t.name === themeProp)
-      : themeProp;
-
-  const isLoading = !theme;
-
-  if (isMounted && !theme) {
-    notFound();
-  }
-
-  return (
-    <ThemeEditorContext
-      value={{ isLoading, isEditMode: isEditable && isEditMode }}
-    >
-      <div className="[&_[data-slot=label]]:text-fg-muted">
-        <ThemeEditorHeader
-          theme={theme}
-          isLoading={isLoading}
-          isEditable={isEditable}
-          isEditMode={isEditMode}
-          setEditMode={setEditMode}
-        />
-        <ThemeEditorBody>
-          {!isEditable && (
-            <Alert
-              action={
-                <CreateThemeDialog clonedThemeName={theme?.name}>
-                  <Button variant="primary">Clone theme</Button>
-                </CreateThemeDialog>
-              }
-            >
-              To adjust, edit and generate color palettes, fonts, radius,
-              components and more, You need to clone the theme.
-            </Alert>
-          )}
-          <Section
-            title="Colors"
-            description="Theme color palette and variations"
-            action={
-              theme?.foundations.light &&
-              theme?.foundations.dark &&
-              previewMode && (
-                <ModeSwitch
-                  isSelected={previewMode === "dark"}
-                  onChange={(isSelected) =>
-                    setPreviewMode(isSelected ? "dark" : "light")
-                  }
-                />
-              )
-            }
-          >
-            <ThemeColors theme={theme} />
-          </Section>
-          <Section title="Typography" description="Theme typography">
-            <ThemeTypography />
-          </Section>
-          <Section title="Iconography" description="Theme iconography">
-            <ThemeIconography />
-          </Section>
-          <Section title="Layout" description="Theme layout">
-            <ThemeLayout />
-          </Section>
-          <Section title="Radius" description="Theme radius">
-            <ThemeRadius />
-          </Section>
-        </ThemeEditorBody>
-      </div>
-    </ThemeEditorContext>
-  );
-}
-
-interface ThemeHeaderProps {
-  theme?: Theme;
-  isLoading: boolean;
-  isEditable: boolean;
-  isEditMode: boolean;
-  setEditMode: (value: boolean) => void;
-}
-export function ThemeEditorHeader({
-  theme,
-  isLoading,
-  isEditable,
-  isEditMode,
-  setEditMode,
-}: ThemeHeaderProps) {
-  return (
-    <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
-      <Link
-        href="/themes"
-        className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
-      >
-        <ArrowLeftIcon className="size-4" />
-        <span>themes</span>
-      </Link>
-      <div className="flex items-center justify-between">
-        <h2 className="text-3xl font-semibold tracking-tight">
-          <Skeleton show={isLoading}>
-            <span>{theme?.name ?? "Forest"}</span>
-          </Skeleton>
-        </h2>
-        <div className="flex items-center gap-2">
-          <DialogRoot>
-            <Button className="xl:hidden">Preview</Button>
-            <Dialog type="drawer" className="h-[80svh] p-0">
-              <PreviewContent
-                themeName="minimalist"
-                collapsible={false}
-                resizable={false}
-              />
-            </Dialog>
-          </DialogRoot>
-          {isEditable && isEditMode && (
-            <Button prefix={<SaveIcon />} size="sm" isDisabled>
-              Save theme
-            </Button>
-          )}
-          {isEditable && (
-            <Tooltip content="Edit mode" variant="inverse" showArrow>
-              <ToggleButton
-                isSelected={isEditMode}
-                onChange={setEditMode}
-                variant="quiet"
-                shape="square"
-                size="sm"
-              >
-                <PenIcon />
-              </ToggleButton>
-            </Tooltip>
-          )}
-          <MenuRoot>
-            <Button shape="square" size="sm">
-              <EllipsisVerticalIcon />
-            </Button>
-            <Menu>
-              <MenuItem id="clone">Clone theme</MenuItem>
-            </Menu>
-          </MenuRoot>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function ThemeEditorBody({ children }: { children: React.ReactNode }) {
-  return <div className="space-y-10 max-lg:p-4 lg:mt-12">{children}</div>;
-}
-
-interface SectionProps {
-  title: string;
-  description?: string;
-  action?: React.ReactNode;
-  children?: React.ReactNode;
-  className?: string;
-}
-function Section({
-  title,
-  description,
-  action,
-  children,
-  className,
-}: SectionProps) {
-  return (
-    <section id={title.toLowerCase().replace(" ", "-")}>
-      <div className="flex items-center justify-between gap-2">
-        <div>
-          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
-          {description && (
-            <p className="text-fg-muted text-sm">{description}</p>
-          )}
-        </div>
-        {action}
-      </div>
-      <div className={cn("pt-2", className)}>{children}</div>
-    </section>
-  );
-}
+import { Collapsible } from "./collapsible";
+import { useThemeEditorContext } from "./context";
 
-const TRANSITION: Transition = {
-  type: "spring",
-  bounce: 0,
-  duration: 0.25,
-};
-
-function Collapsible({
-  show,
-  children,
-  className,
-}: {
-  show: boolean;
-  children: React.ReactNode;
-  className?: string;
-}) {
-  const [ref, { height }] = useMeasure<HTMLDivElement>();
-  return (
-    <AnimatePresence>
-      {show && (
-        <>
-          <motion.div
-            initial={{ height: 0 }}
-            animate={{ height: height, overflow: "visible" }}
-            exit={{ height: 0 }}
-            transition={TRANSITION}
-            className={cn("overflow-hidden", className)}
-          >
-            <div ref={ref}>{children}</div>
-          </motion.div>
-        </>
-      )}
-    </AnimatePresence>
-  );
-}
-
-function ThemeColors({ theme }: { theme?: Theme }) {
+export function ThemeColors({ theme }: { theme?: Theme }) {
   const { isEditMode } = useThemeEditorContext();
   return (
     <div
@@ -557,21 +300,11 @@ function ColorItem({
   );
 }
 
-function ThemeTypography() {
-  return <div>typography</div>;
-}
-
-function ThemeIconography() {
-  return <div>iconography</div>;
-}
-
-function ThemeLayout() {
-  return <div>layout</div>;
-}
-
-function ThemeRadius() {
-  return <div>radius</div>;
-}
+const TRANSITION: Transition = {
+  type: "spring",
+  bounce: 0,
+  duration: 0.25,
+};
 
 function RatiosSlider({
   label,
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/context.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/context.tsx
new file mode 100644
index 000000000..bde618239
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/context.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+
+export const ThemeEditorContext = React.createContext<{
+  isLoading: boolean;
+  isEditMode: boolean;
+}>({
+  isLoading: false,
+  isEditMode: false,
+});
+
+export const useThemeEditorContext = () => React.useContext(ThemeEditorContext);
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/iconography.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/iconography.tsx
new file mode 100644
index 000000000..ba6c689a8
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/iconography.tsx
@@ -0,0 +1,3 @@
+export function ThemeIconography() {
+  return <div>iconography</div>;
+}
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/index.ts b/www/src/app/(app)/themes/[themeName]/theme-editor/index.ts
new file mode 100644
index 000000000..2abc806d4
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/index.ts
@@ -0,0 +1 @@
+export { ThemeEditor } from "./theme-editor";
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx
new file mode 100644
index 000000000..41ac70644
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx
@@ -0,0 +1,215 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import {
+  ArrowLeftIcon,
+  EllipsisVerticalIcon,
+  PenIcon,
+  SaveIcon,
+} from "lucide-react";
+import { cn } from "@/lib/utils";
+import { useMounted } from "@/hooks/use-mounted";
+import { Alert } from "@/components/core/alert";
+import { Button } from "@/components/core/button";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { MenuRoot, Menu, MenuItem } from "@/components/core/menu";
+import { Skeleton } from "@/components/core/skeleton";
+import { ToggleButton } from "@/components/core/toggle-button";
+import { Tooltip } from "@/components/core/tooltip";
+import { usePreviewMode } from "@/components/mode-provider";
+import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
+import { CreateThemeDialog } from "@/modules/themes/components/create-theme-dialog";
+import { Theme } from "@/modules/themes/types";
+import { PreviewContent } from "../../preview";
+import { ModeSwitch } from "../mode-switch";
+import { ThemeColors } from "./colors";
+import { ThemeEditorContext } from "./context";
+import { ThemeIconography } from "./iconography";
+import { ThemeTypography } from "./typography";
+
+export function ThemeEditor({
+  theme: themeProp,
+  isEditable,
+}: {
+  theme?: Theme | string;
+  isEditable: boolean;
+}) {
+  const { mode: previewMode, setMode: setPreviewMode } = usePreviewMode();
+
+  const [isEditMode, setEditMode] = React.useState(true);
+  const isMounted = useMounted();
+  const { userThemes } = useUserThemes();
+
+  const theme: Theme | undefined =
+    typeof themeProp === "string"
+      ? userThemes.find((t) => t.name === themeProp)
+      : themeProp;
+
+  const isLoading = !theme;
+
+  if (isMounted && !theme) {
+    notFound();
+  }
+
+  return (
+    <ThemeEditorContext
+      value={{ isLoading, isEditMode: isEditable && isEditMode }}
+    >
+      <div className="[&_[data-slot=label]]:text-fg-muted">
+        <ThemeEditorHeader
+          theme={theme}
+          isLoading={isLoading}
+          isEditable={isEditable}
+          isEditMode={isEditMode}
+          setEditMode={setEditMode}
+        />
+        <ThemeEditorBody>
+          {!isEditable && (
+            <Alert
+              action={
+                <CreateThemeDialog clonedThemeName={theme?.name}>
+                  <Button variant="primary">Clone theme</Button>
+                </CreateThemeDialog>
+              }
+            >
+              To adjust, edit and generate color palettes, fonts, radius,
+              components and more, You need to clone the theme.
+            </Alert>
+          )}
+          <Section
+            title="Colors"
+            description="Theme color palette and variations"
+            action={
+              theme?.foundations.light &&
+              theme?.foundations.dark &&
+              previewMode && (
+                <ModeSwitch
+                  isSelected={previewMode === "dark"}
+                  onChange={(isSelected) =>
+                    setPreviewMode(isSelected ? "dark" : "light")
+                  }
+                />
+              )
+            }
+          >
+            <ThemeColors theme={theme} />
+          </Section>
+          <Section title="Typography" description="Theme typography">
+            <ThemeTypography />
+          </Section>
+          <Section title="Iconography" description="Theme iconography">
+            <ThemeIconography />
+          </Section>
+        </ThemeEditorBody>
+      </div>
+    </ThemeEditorContext>
+  );
+}
+
+interface ThemeHeaderProps {
+  theme?: Theme;
+  isLoading: boolean;
+  isEditable: boolean;
+  isEditMode: boolean;
+  setEditMode: (value: boolean) => void;
+}
+export function ThemeEditorHeader({
+  theme,
+  isLoading,
+  isEditable,
+  isEditMode,
+  setEditMode,
+}: ThemeHeaderProps) {
+  return (
+    <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
+      <Link
+        href="/themes"
+        className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
+      >
+        <ArrowLeftIcon className="size-4" />
+        <span>themes</span>
+      </Link>
+      <div className="flex items-center justify-between">
+        <h2 className="text-3xl font-semibold tracking-tight">
+          <Skeleton show={isLoading}>
+            <span>{theme?.name ?? "Forest"}</span>
+          </Skeleton>
+        </h2>
+        <div className="flex items-center gap-2">
+          <DialogRoot>
+            <Button className="xl:hidden">Preview</Button>
+            <Dialog type="drawer" className="h-[80svh] p-0">
+              <PreviewContent
+                themeName="minimalist"
+                collapsible={false}
+                resizable={false}
+              />
+            </Dialog>
+          </DialogRoot>
+          {isEditable && isEditMode && (
+            <Button prefix={<SaveIcon />} size="sm" isDisabled>
+              Save theme
+            </Button>
+          )}
+          {isEditable && (
+            <Tooltip content="Edit mode" variant="inverse" showArrow>
+              <ToggleButton
+                isSelected={isEditMode}
+                onChange={setEditMode}
+                variant="quiet"
+                shape="square"
+                size="sm"
+              >
+                <PenIcon />
+              </ToggleButton>
+            </Tooltip>
+          )}
+          <MenuRoot>
+            <Button shape="square" size="sm">
+              <EllipsisVerticalIcon />
+            </Button>
+            <Menu>
+              <MenuItem id="clone">Clone theme</MenuItem>
+            </Menu>
+          </MenuRoot>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function ThemeEditorBody({ children }: { children: React.ReactNode }) {
+  return <div className="space-y-10 max-lg:p-4 lg:mt-12">{children}</div>;
+}
+
+interface SectionProps {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+  className?: string;
+}
+function Section({
+  title,
+  description,
+  action,
+  children,
+  className,
+}: SectionProps) {
+  return (
+    <section id={title.toLowerCase().replace(" ", "-")}>
+      <div className="flex items-center justify-between gap-2">
+        <div>
+          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
+          {description && (
+            <p className="text-fg-muted text-sm">{description}</p>
+          )}
+        </div>
+        {action}
+      </div>
+      <div className={cn("pt-2", className)}>{children}</div>
+    </section>
+  );
+}
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/typography.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/typography.tsx
new file mode 100644
index 000000000..b51e1fc91
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/typography.tsx
@@ -0,0 +1,3 @@
+export function ThemeTypography() {
+  return <div>typography</div>;
+}

From b85d2a05fe5da75a8c839544aa5dd9d952e068d6 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 24 Feb 2025 13:21:17 +0100
Subject: [PATCH 157/165] wip theme page

---
 .../[themeName]/theme-editor/collapsible.tsx  |   7 +-
 .../[themeName]/theme-editor/colors.tsx       |  41 +++---
 .../[themeName]/theme-editor/components.tsx   | 135 ++++++++++++++++++
 .../[themeName]/theme-editor/iconography.tsx  |   8 +-
 .../{ => theme-editor}/mode-switch.tsx        |   0
 .../[themeName]/theme-editor/theme-editor.tsx |   8 +-
 .../[themeName]/theme-editor/typography.tsx   |  25 +++-
 www/src/app/(app)/themes/preview.tsx          |  22 +--
 www/src/app/internal/page.tsx                 |  42 +++++-
 .../themes/components/theme-provider.tsx      |   6 +-
 www/src/modules/themes/lib/create-theme.ts    |   3 +-
 11 files changed, 259 insertions(+), 38 deletions(-)
 create mode 100644 www/src/app/(app)/themes/[themeName]/theme-editor/components.tsx
 rename www/src/app/(app)/themes/[themeName]/{ => theme-editor}/mode-switch.tsx (100%)

diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/collapsible.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/collapsible.tsx
index f2715b2b3..eb3ad0d89 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/collapsible.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/collapsible.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import { AnimatePresence, motion, type Transition } from "motion/react";
 import { useMeasure } from "react-use";
 import { cn } from "@/lib/utils";
@@ -5,13 +6,14 @@ import { cn } from "@/lib/utils";
 const TRANSITION: Transition = {
   type: "spring",
   bounce: 0,
-  duration: 0.25,
+  duration: 0.35,
 };
 
 export function Collapsible({
   show,
   children,
   className,
+  ...props
 }: {
   show: boolean;
   children: React.ReactNode;
@@ -24,10 +26,11 @@ export function Collapsible({
         <>
           <motion.div
             initial={{ height: 0 }}
-            animate={{ height: height, overflow: "visible" }}
+            animate={{ height: height }}
             exit={{ height: 0 }}
             transition={TRANSITION}
             className={cn("overflow-hidden", className)}
+            {...props}
           >
             <div ref={ref}>{children}</div>
           </motion.div>
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
index 6fd719986..e3e7963e2 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
@@ -29,12 +29,8 @@ import { useThemeEditorContext } from "./context";
 export function ThemeColors({ theme }: { theme?: Theme }) {
   const { isEditMode } = useThemeEditorContext();
   return (
-    <div
-      style={
-        { "--color-secondary": "var(--color-fg-muted)" } as React.CSSProperties
-      }
-    >
-      <Collapsible show={false}>
+    <div>
+      <Collapsible show={isEditMode}>
         <div className="box-border space-y-4 rounded-md border p-4 text-sm">
           <RadioGroup label="Theme mode" orientation="horizontal">
             {[
@@ -54,11 +50,11 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
           </div>
         </div>
       </Collapsible>
-      <ThemeProvider theme={theme} unstyled>
+      <ThemeProvider theme={theme} unstyled noBaseVars>
         <p id="core-colors" className="mt-2 font-medium tracking-tight">
           Core colors
         </p>
-        <Collapsible show={false}>
+        <Collapsible show={isEditMode}>
           <div className="py-1">
             <TableRoot
               aria-label="Core colors"
@@ -74,7 +70,7 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
                 <TableRow>
                   <TableCell>Neutral</TableCell>
                   <TableCell>
-                    <ColorPicker />
+                    <ColorPicker size="sm" />
                   </TableCell>
                   <TableCell>
                     <RatiosSlider
@@ -89,7 +85,7 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
                 <TableRow>
                   <TableCell>Accent</TableCell>
                   <TableCell>
-                    <ColorPicker />
+                    <ColorPicker size="sm" />
                   </TableCell>
                   <TableCell>
                     <RatiosSlider
@@ -106,13 +102,14 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
           </div>
         </Collapsible>
         <Collapsible show={!isEditMode}>
-          <div className="mt-1 flex gap-1">
+          <div className="flex gap-1 pt-1">
             <ColorItem
               colorName="Neutral"
               className="bg-bg-neutral rounded-sm"
               containerClassName=" ml-0! mr-0!"
             />
             <ColorItem
+              colorName="Accent"
               className="bg-bg-accent rounded-sm"
               containerClassName=" ml-0! mr-0!"
             />
@@ -124,7 +121,7 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
             { name: "accent", label: "Accent" },
           ].map((shade) => (
             <div key={shade.name} className="flex items-center gap-2">
-              <p className="text-(--color-secondary) w-[60px] text-sm">
+              <p className="text-fg-muted w-[60px] text-sm">
                 {shade.label}
               </p>
               <div className="flex flex-1">
@@ -134,8 +131,10 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
                     style={{
                       backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
                     }}
+                    colorName={`${shade.label} ${(i + 1) * 100}`}
                     className="h-8 rounded-sm"
                     containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
+                    hoverAnimation
                   />
                 ))}
               </div>
@@ -166,7 +165,7 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
                   <TableRow key={name}>
                     <TableCell>{label}</TableCell>
                     <TableCell>
-                      <ColorPicker />
+                      <ColorPicker size="sm" />
                     </TableCell>
                     <TableCell>
                       <RatiosSlider
@@ -184,7 +183,7 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
           </div>
         </Collapsible>
         <Collapsible show={!isEditMode}>
-          <div className="mt-1 flex gap-1">
+          <div className="flex gap-1 pt-1">
             {/* <Item className="bg-bg-info" /> */}
             <ColorItem
               className="bg-bg-success rounded-sm"
@@ -208,7 +207,7 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
             // { name: "info", label: "Info" },
           ].map((shade) => (
             <div key={shade.name} className="flex items-center gap-2">
-              <p className="text-(--color-secondary) w-[60px] text-sm">
+              <p className="text-fg-muted w-[60px] text-sm">
                 {shade.label}
               </p>
               <div className="flex flex-1">
@@ -220,6 +219,7 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
                     }}
                     className="h-8 rounded-sm"
                     containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
+                    hoverAnimation
                   />
                 ))}
               </div>
@@ -237,6 +237,7 @@ interface ColorItemProps {
   style?: React.CSSProperties;
   colorValue?: string;
   colorName?: string;
+  hoverAnimation?: boolean;
 }
 function ColorItem({
   containerClassName,
@@ -244,6 +245,7 @@ function ColorItem({
   style,
   colorValue = "#000000",
   colorName,
+  hoverAnimation = false,
 }: ColorItemProps) {
   const { isLoading } = useThemeEditorContext();
   const [isCopied, setCopied] = React.useState(false);
@@ -272,18 +274,21 @@ function ColorItem({
       >
         <div
           className={cn(
-            "hover:h-22 duration-250 group absolute bottom-0 left-0 h-12 w-full cursor-pointer overflow-hidden rounded-t-2xl transition-[height]",
+            "group absolute bottom-0 left-0 h-12 w-full cursor-pointer overflow-hidden rounded-t-2xl",
+            hoverAnimation && "hover:h-22 duration-250 transition-[height]",
             className
           )}
           style={style}
         >
           <div
             className={cn(
-              "flex items-center justify-between p-2 text-sm opacity-0 transition-opacity group-hover:opacity-100",
+              "flex items-center justify-between p-2 text-sm transition-opacity",
+              hoverAnimation && "opacity-0 group-hover:opacity-100",
+              !colorName && "justify-end",
               isCopied && "opacity-0!"
             )}
           >
-            <p>{colorName || "Color"}</p>
+            {colorName && <p>{colorName}</p>}
             <p>{colorValue}</p>
           </div>
           <div
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/components.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/components.tsx
new file mode 100644
index 000000000..f0aa4f38e
--- /dev/null
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/components.tsx
@@ -0,0 +1,135 @@
+import { ChevronDownIcon } from "lucide-react";
+import { Button } from "@/components/core/button";
+import { Label } from "@/components/core/field";
+import { ListBox } from "@/components/core/list-box";
+import { Popover } from "@/components/core/popover";
+import { SelectRoot, SelectItem, SelectValue } from "@/components/core/select";
+import { ButtonDemo } from "@/modules/themes/components/demos/button-demo";
+import { CalendarDemo } from "@/modules/themes/components/demos/calendar-demo";
+import { CheckboxDemo } from "@/modules/themes/components/demos/checkbox-demo";
+import { ComboboxDemo } from "@/modules/themes/components/demos/combobox-demo";
+import { CommandDemo } from "@/modules/themes/components/demos/command-demo";
+import { DatePickerDemo } from "@/modules/themes/components/demos/date-picker-demo";
+import { DateRangePickerDemo } from "@/modules/themes/components/demos/date-range-picker-demo";
+import { ListBoxDemo } from "@/modules/themes/components/demos/listbox-demo";
+import { MenuDemo } from "@/modules/themes/components/demos/menu-demo";
+import { NumberFieldDemo } from "@/modules/themes/components/demos/number-field-demo";
+import { RadioGroupDemo } from "@/modules/themes/components/demos/radio-group-demo";
+import { SearchFieldDemo } from "@/modules/themes/components/demos/search-field-demo";
+import { SelectDemo } from "@/modules/themes/components/demos/select-demo";
+import { SliderDemo } from "@/modules/themes/components/demos/slider-demo";
+import { SwitchDemo } from "@/modules/themes/components/demos/switch-demo";
+import { TagGroupDemo } from "@/modules/themes/components/demos/tag-group-demo";
+import { TextAreaDemo } from "@/modules/themes/components/demos/text-area-demo";
+import { TextFieldDemo } from "@/modules/themes/components/demos/text-field-demo";
+import { ToggleButtonDemo } from "@/modules/themes/components/demos/toggle-button-demo";
+
+export function ThemeComponents() {
+  return (
+    <div className="space-y-4">
+      {/* Buttons */}
+      <Section title="Button">
+        <ButtonDemo />
+      </Section>
+      <Section title="Toggle Button">
+        <ToggleButtonDemo />
+      </Section>
+      {/* Inputs */}
+      <Section title="TextField">
+        <TextFieldDemo />
+      </Section>
+      <Section title="TextArea">
+        <TextAreaDemo />
+      </Section>
+      <Section title="SearchField">
+        <SearchFieldDemo />
+      </Section>
+      <Section title="NumberField">
+        <NumberFieldDemo />
+      </Section>
+      <Section title="Checkbox">
+        <CheckboxDemo />
+      </Section>
+      <Section title="Checkbox Group"></Section>
+      <Section title="Radio Group">
+        <RadioGroupDemo />
+      </Section>
+      <Section title="Switch">
+        <SwitchDemo />
+      </Section>
+      <Section title="Slider">
+        <SliderDemo />
+      </Section>
+      {/* Menus and selection */}
+      <Section title="ListBox">
+        <ListBoxDemo />
+      </Section>
+      <Section title="Menu">
+        <MenuDemo />
+      </Section>
+      <Section title="Select">
+        <SelectDemo />
+      </Section>
+      <Section title="Combobox">
+        <ComboboxDemo />
+      </Section>
+      <Section title="Tag Group">
+        <TagGroupDemo />
+      </Section>
+      <Section title="Command">
+        <CommandDemo />
+      </Section>
+      {/* Date and time */}
+      <Section title="Calendar">
+        <CalendarDemo />
+      </Section>
+      <Section title="DatePicker">
+        <DatePickerDemo />
+      </Section>
+      <Section title="DateRangePicker">
+        <DateRangePickerDemo />
+      </Section>
+    </div>
+  );
+}
+
+const Section = ({
+  title,
+  description,
+  action,
+  children,
+}: {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+}) => {
+  return (
+    <div className="rounded-sm border">
+      <div className="bg-bg-muted/50 flex items-center justify-between gap-2 border-b pl-4 p-2">
+        <div>
+          <h3 className="text-base font-medium">{title}</h3>
+          {description && (
+            <p className="text-fg-muted text-sm">{description}</p>
+          )}
+        </div>
+        {action}
+        <SelectRoot
+          defaultSelectedKey="basic"
+          className="flex w-auto flex-row items-center"
+        >
+          <Label>style:</Label>
+          <Button variant="outline" suffix={<ChevronDownIcon />} size="sm" className="bg-bg-inverse/5">
+            <SelectValue />
+          </Button>
+          <Popover>
+            <ListBox>
+              <SelectItem id="basic">basic</SelectItem>
+            </ListBox>
+          </Popover>
+        </SelectRoot>
+      </div>
+      <div className="max-w-lg overflow-hidden p-4">{children}</div>
+    </div>
+  );
+};
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/iconography.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/iconography.tsx
index ba6c689a8..8c0471884 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/iconography.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/iconography.tsx
@@ -1,3 +1,9 @@
+import { IconsDemo } from "@/modules/themes/components/demos/icons-demo";
+
 export function ThemeIconography() {
-  return <div>iconography</div>;
+  return (
+    <div>
+      <IconsDemo />
+    </div>
+  );
 }
diff --git a/www/src/app/(app)/themes/[themeName]/mode-switch.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/mode-switch.tsx
similarity index 100%
rename from www/src/app/(app)/themes/[themeName]/mode-switch.tsx
rename to www/src/app/(app)/themes/[themeName]/theme-editor/mode-switch.tsx
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx
index 41ac70644..4a85172dc 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx
@@ -23,11 +23,12 @@ import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
 import { CreateThemeDialog } from "@/modules/themes/components/create-theme-dialog";
 import { Theme } from "@/modules/themes/types";
 import { PreviewContent } from "../../preview";
-import { ModeSwitch } from "../mode-switch";
+import { ModeSwitch } from "./mode-switch";
 import { ThemeColors } from "./colors";
 import { ThemeEditorContext } from "./context";
 import { ThemeIconography } from "./iconography";
 import { ThemeTypography } from "./typography";
+import { ThemeComponents } from "./components";
 
 export function ThemeEditor({
   theme: themeProp,
@@ -57,7 +58,7 @@ export function ThemeEditor({
     <ThemeEditorContext
       value={{ isLoading, isEditMode: isEditable && isEditMode }}
     >
-      <div className="[&_[data-slot=label]]:text-fg-muted">
+      <div className="[&_[data-slot=label]]:text-fg-muted [&_[data-slot=label]]:text-sm">
         <ThemeEditorHeader
           theme={theme}
           isLoading={isLoading}
@@ -102,6 +103,9 @@ export function ThemeEditor({
           <Section title="Iconography" description="Theme iconography">
             <ThemeIconography />
           </Section>
+          <Section title="Components" description="Theme components"> 
+            <ThemeComponents />
+          </Section>
         </ThemeEditorBody>
       </div>
     </ThemeEditorContext>
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/typography.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/typography.tsx
index b51e1fc91..bd0c76b7e 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/typography.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/typography.tsx
@@ -1,3 +1,26 @@
+import { FontSelector } from "@/modules/themes/components/font-selector";
+
 export function ThemeTypography() {
-  return <div>typography</div>;
+  return (
+    <div>
+      <div className="grid grid-cols-2 gap-4 pt-1">
+        <FontSelector label="Heading" font={null} onFontChange={() => {}} />
+        <FontSelector label="Body" font={null} onFontChange={() => {}} />
+      </div>
+      <div className="font-heading mt-3 space-y-1 font-bold tracking-tight">
+        <p className="text-5xl">Heading 5XL</p>
+        <p className="text-4xl">Heading 4XL</p>
+        <p className="text-3xl">Heading 3XL</p>
+        <p className="text-2xl">Heading 2XL</p>
+        <p className="text-xl">Heading XL</p>
+        <p className="text-lg">Heading LG</p>
+      </div>
+      <div className="font-body mt-4 space-y-0.5 tracking-tight">
+        <p className="text-xl">This is body content XL</p>
+        <p className="text-lg">This is body content LG</p>
+        <p className="text-base">This is body content base</p>
+        <p className="text-sm">This is body content sm</p>
+      </div>
+    </div>
+  );
 }
diff --git a/www/src/app/(app)/themes/preview.tsx b/www/src/app/(app)/themes/preview.tsx
index a49380d02..b83796943 100644
--- a/www/src/app/(app)/themes/preview.tsx
+++ b/www/src/app/(app)/themes/preview.tsx
@@ -16,6 +16,8 @@ import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
 import { useSidebarContext } from "@/components/sidebar";
 import { useCurrentTheme } from "@/modules/themes/atoms/themes-atom";
+import { Skeleton } from "@/components/core/skeleton";
+import { useDebounce } from "@/hooks/use-debounce";
 
 const PreviewContext = React.createContext<{
   isOpen: boolean;
@@ -126,6 +128,8 @@ export function PreviewContent({
   const iframeRef = React.useRef<HTMLIFrameElement>(null);
   const [isLoading, setLoading] = React.useState(false);
   const [currentPathname, setCurrentPathname] = React.useState("");
+  const isMounted = useMounted()
+  const debouncedIsMounted = useDebounce(isMounted, 1500)
 
   const reload = () => {
     if (iframeRef.current) {
@@ -243,14 +247,16 @@ export function PreviewContent({
           )}
         </div>
       </div>
-      <iframe
-        ref={iframeRef}
-        src={`/preview/${themeName}`}
-        className="rounded-{inherit] size-full"
-        onLoad={() => {
-          setLoading(false);
-        }}
-      />
+      <Skeleton show={!debouncedIsMounted} className="size-full rounded-[inherit]">
+        <iframe
+          ref={iframeRef} 
+          src={`/preview/${themeName}`}
+          className="rounded-{inherit] size-full"
+          onLoad={() => {
+            setLoading(false);
+          }}
+        />
+      </Skeleton>
     </div>
   );
 }
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index 2fe6bee35..40521da1f 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -1,10 +1,46 @@
 "use client";
 
 import React from "react";
-import { usePreviewMode } from "@/components/mode-provider";
+import { AnimatePresence, motion } from "motion/react";
 
 export default function Demo() {
-  const { mode } = usePreviewMode();
+  const [show, setShow] = React.useState(false);
+  const [isAnimating, setAnimating] = React.useState(false);
 
-  return <div className="container max-w-xs py-40">{mode}</div>;
+  return (
+    <div>
+      <div className="size-30">
+        <button
+          onClick={() => {
+            setShow(!show);
+          }}
+        >
+          toggle
+        </button>
+        <AnimatePresence>
+          {show && (
+            <motion.div
+              initial={{ height: 0 }}
+              animate={{ height: 40 }}
+              exit={{ height: 0 }}
+              transition={{ duration: 1.5 }}
+              onAnimationStart={() => {
+                setAnimating(true);
+              }}
+              onAnimationComplete={() => {
+                setAnimating(false);
+              }}
+              
+              style={{ overflow: show ? "visible" : "hidden" }}
+            >
+              <div className="size-10 bg-red-500" />
+            </motion.div>
+          )}
+        </AnimatePresence>
+      </div>
+      <p>
+        {isAnimating ? "animating" : "not animating"}
+      </p>
+    </div>
+  );
 }
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index c1e2afd1b..08c9d58ab 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -18,6 +18,7 @@ export interface ThemeProviderProps
   theme?: Theme;
   unstyled?: boolean;
   ignorePreviewMode?: boolean;
+  noBaseVars?: boolean
 }
 export const ThemeProvider = ({
   theme,
@@ -26,6 +27,7 @@ export const ThemeProvider = ({
   style,
   unstyled = false,
   ignorePreviewMode = false,
+  noBaseVars = false ,
   ...props
 }: ThemeProviderProps) => {
   const { resolvedTheme } = useTheme();
@@ -44,8 +46,8 @@ export const ThemeProvider = ({
   const cssVars = React.useMemo(() => {
     if (!theme || !resolvedMode) return {};
     const themeCssVars = createThemeCssVars(theme.foundations, resolvedMode);
-    return { ...baseVars, ...themeCssVars, ...theme.foundations.overrides };
-  }, [theme, resolvedMode]);
+    return { ...(noBaseVars ? {} : baseVars), ...themeCssVars, ...theme.foundations.overrides };
+  }, [theme, resolvedMode, noBaseVars]);
 
   return (
     <VariantsProvider variants={theme?.variants}>
diff --git a/www/src/modules/themes/lib/create-theme.ts b/www/src/modules/themes/lib/create-theme.ts
index 9b28d707c..930f998ec 100644
--- a/www/src/modules/themes/lib/create-theme.ts
+++ b/www/src/modules/themes/lib/create-theme.ts
@@ -27,7 +27,8 @@ export const createTheme = (theme: Theme): RegistryTheme => {
 
 export const createThemeCssVars = (
   foundations: Theme["foundations"],
-  mode: "light" | "dark"
+  mode: "light" | "dark",
+  createForegrounds: boolean = false
 ): Record<string, string> => {
   const resolvedMode = mode;
   if (!foundations[mode]) throw new Error(`No ${mode} mode found in theme`);

From 737e1fa5c0ba05ad654c643340c204db7a781417 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Mon, 24 Feb 2025 19:05:31 +0100
Subject: [PATCH 158/165] clean up

---
 packages/schemas/schema.ts                    |   3 +
 .../[themeName]/theme-editor/colors.tsx       |   3 +-
 www/src/app/providers.tsx                     |  27 +--
 .../docs/component-preview-client.tsx         |   3 +-
 www/src/components/docs/style-switcher.tsx    |  70 ------
 www/src/components/docs/theme-customizer.tsx  | 197 ---------------
 www/src/components/dynamic-core/alert.tsx     |   2 +-
 .../components/dynamic-core/breadcrumbs.tsx   |  44 +---
 www/src/components/dynamic-core/calendar.tsx  |   2 +-
 www/src/components/dynamic-core/drawer.tsx    |  12 +-
 www/src/components/dynamic-core/loader.tsx    |   2 +-
 www/src/components/dynamic-core/modal.tsx     |  12 +-
 www/src/components/dynamic-core/popover.tsx   |  15 +-
 www/src/components/dynamic-core/tabs.tsx      |   2 +-
 www/src/components/dynamic-core/tooltip.tsx   |   6 +-
 www/src/hooks/use-themes.ts                   | 229 ------------------
 www/src/lib/colors.ts                         | 149 +-----------
 www/src/lib/create-dynamic-component.tsx      |  79 ------
 .../themes/components/theme-provider.tsx      |  20 +-
 www/src/modules/themes/lib/create-theme.ts    |  16 +-
 20 files changed, 60 insertions(+), 833 deletions(-)
 delete mode 100644 www/src/components/docs/style-switcher.tsx
 delete mode 100644 www/src/components/docs/theme-customizer.tsx
 delete mode 100644 www/src/hooks/use-themes.ts
 delete mode 100644 www/src/lib/create-dynamic-component.tsx

diff --git a/packages/schemas/schema.ts b/packages/schemas/schema.ts
index afe9dd6cc..1c28b9d49 100644
--- a/packages/schemas/schema.ts
+++ b/packages/schemas/schema.ts
@@ -80,6 +80,9 @@ export const primitivesSchema = z.object({
   popover: z.enum(["basic"]).optional(),
   tooltip: z.enum(["basic"]).optional(),
   calendar: z.enum(["basic", "cal"]).optional(),
+  alert: z.enum(["basic"]).optional(),
+  loader: z.enum(["basic"]).optional(),
+  tabs: z.enum(["basic"]).optional(),
 });
 
 export const registryThemeSchema = z.object({
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
index e3e7963e2..caa7a8a46 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
@@ -50,7 +50,7 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
           </div>
         </div>
       </Collapsible>
-      <ThemeProvider theme={theme} unstyled noBaseVars>
+      <ThemeProvider theme={theme} unstyled noBaseVars createForegrounds>
         <p id="core-colors" className="mt-2 font-medium tracking-tight">
           Core colors
         </p>
@@ -130,6 +130,7 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
                     key={i}
                     style={{
                       backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                      color: `var(--${shade.name}-${(i + 1) * 100}-fg)`,
                     }}
                     colorName={`${shade.label} ${(i + 1) * 100}`}
                     className="h-8 rounded-sm"
diff --git a/www/src/app/providers.tsx b/www/src/app/providers.tsx
index 00ab0b412..add787b42 100644
--- a/www/src/app/providers.tsx
+++ b/www/src/app/providers.tsx
@@ -4,7 +4,6 @@ import { useRouter } from "next/navigation";
 import { Provider as JotaiProvider } from "jotai";
 import { ThemeProvider } from "next-themes";
 import { RouterProvider } from "react-aria-components";
-import { VariantsProvider } from "@/lib/create-dynamic-component";
 import { PreviewModeProvider } from "@/components/mode-provider";
 
 declare module "react-aria-components" {
@@ -25,20 +24,18 @@ export function Providers({
   const router = useRouter();
   return (
     <JotaiProvider>
-      <VariantsProvider>
-        <RouterProvider navigate={router.push}>
-          <ThemeProvider
-            attribute="class"
-            defaultTheme="system"
-            enableSystem
-            disableTransitionOnChange
-          >
-            <PreviewModeProvider defaultMode={defaultPreviewMode}>
-              {children}
-            </PreviewModeProvider>
-          </ThemeProvider>
-        </RouterProvider>
-      </VariantsProvider>
+      <RouterProvider navigate={router.push}>
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <PreviewModeProvider defaultMode={defaultPreviewMode}>
+            {children}
+          </PreviewModeProvider>
+        </ThemeProvider>
+      </RouterProvider>
     </JotaiProvider>
   );
 }
diff --git a/www/src/components/docs/component-preview-client.tsx b/www/src/components/docs/component-preview-client.tsx
index 7ab4eddbc..375ac34da 100644
--- a/www/src/components/docs/component-preview-client.tsx
+++ b/www/src/components/docs/component-preview-client.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import { DemosProvider } from "@/lib/create-dynamic-component";
 import { useHorizontalResize } from "@/hooks/use-horizontal-resize";
 import { Skeleton } from "@/components/core/skeleton";
 
@@ -26,7 +25,7 @@ export const ComponentWrapper = ({
   if (suspense) {
     return <React.Suspense fallback={fallback}>{children}</React.Suspense>;
   }
-  return <DemosProvider>{children}</DemosProvider>;
+  return children;
 };
 
 export const ResizableContainer = ({
diff --git a/www/src/components/docs/style-switcher.tsx b/www/src/components/docs/style-switcher.tsx
deleted file mode 100644
index 1aaeff32a..000000000
--- a/www/src/components/docs/style-switcher.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-"use client";
-
-import React from "react";
-import { ChevronDownIcon } from "lucide-react";
-import { useComponentsVariants } from "@/lib/create-dynamic-component";
-import { useThemes } from "@/hooks/use-themes";
-import { Button, ButtonProps } from "@/components/core/button";
-import { ListBox, ListBoxItem } from "@/components/core/list-box";
-import { Popover } from "@/components/core/popover";
-import { SelectRoot, SelectValue } from "@/components/core/select";
-import { core } from "@/registry/registry-core";
-
-export function StyleSwitcher({
-  componentName,
-  ...props
-}: {
-  componentName: string;
-} & ButtonProps) {
-  const primitiveInfo = getPrimitiveInfo(componentName);
-  const { variants: contextVariants, setVariants } = useComponentsVariants();
-  const { currentTheme } = useThemes();
-
-  if (!primitiveInfo) return null;
-
-  const { primitiveName, variants } = primitiveInfo;
-
-  const currentThemeVariant = currentTheme.variants[primitiveName];
-  const currentVariant =
-    contextVariants[primitiveName] ?? currentTheme.variants[primitiveName];
-
-  return (
-    <SelectRoot
-      selectedKey={currentVariant}
-      onSelectionChange={(key) => {
-        // @ts-expect-error TODO fix later
-        setVariants((prevVariants) => ({
-          ...prevVariants,
-          [componentName]: key,
-        }));
-      }}
-      className="w-auto"
-    >
-      <Button size="sm" suffix={<ChevronDownIcon />} {...props}>
-        <span className="font-bold">{primitiveName}:</span> <SelectValue />
-      </Button>
-      <Popover>
-        <ListBox>
-          {variants &&
-            variants.map((item) => (
-              <ListBoxItem key={item} id={item}>
-                {item}
-                {currentThemeVariant === item && " (current theme)"}
-              </ListBoxItem>
-            ))}
-        </ListBox>
-      </Popover>
-    </SelectRoot>
-  );
-}
-
-const getPrimitiveInfo = (name: string) => {
-  const item = core.find((item) => item.name === name);
-
-  if (item?.variants) return { primitiveName: name, variants: item.variants };
-
-  if (["text-field", "time-field", "date-field"].includes(name))
-    return getPrimitiveInfo("input");
-
-  return null;
-};
diff --git a/www/src/components/docs/theme-customizer.tsx b/www/src/components/docs/theme-customizer.tsx
deleted file mode 100644
index 244fc5021..000000000
--- a/www/src/components/docs/theme-customizer.tsx
+++ /dev/null
@@ -1,197 +0,0 @@
-"use client";
-
-import { googleFonts } from "@/lib/fonts";
-import { dotUIThemes } from "@/lib/themes";
-import { useThemes } from "@/hooks/use-themes";
-import { ColorPicker } from "@/components/core/color-picker";
-import { DialogRootProps, DialogRoot, Dialog } from "@/components/core/dialog";
-import { Label } from "@/components/core/field";
-import { Select, SelectItem } from "@/components/core/select";
-import { Skeleton } from "@/components/core/skeleton";
-import { Slider } from "@/components/core/slider";
-import { Tag, TagGroup } from "@/components/core/tag-group";
-
-export const ThemeCustomizerDialog = ({
-  children,
-  ...props
-}: DialogRootProps) => {
-  const {
-    themes: userThemes,
-    fonts,
-    handleFontChange,
-    isLoading,
-    currentTheme,
-    isCurrentThemeEditable,
-    mode,
-    setMode,
-    setCurrentThemeId,
-    handleBaseColorChange,
-    handleRadiusChange,
-  } = useThemes();
-  const themes = [...userThemes, ...dotUIThemes];
-  return (
-    <DialogRoot {...props}>
-      {children}
-      <Dialog
-        title="Customize theme"
-        description="Pick a style and color for your components."
-        type="popover"
-        // TODO TODO placement="bottom start"
-        className="space-y-4"
-      >
-        <div className="grid grid-cols-2 gap-4">
-          <Skeleton show={isLoading}>
-            <Select
-              label="Theme"
-              selectedKey={currentTheme.id}
-              onSelectionChange={(key) => {
-                setCurrentThemeId(key as string);
-              }}
-              size="sm"
-              className="w-36 [&_button]:w-full"
-            >
-              {themes.map((theme) => (
-                <SelectItem key={theme.id} id={theme.id}>
-                  {theme.name}
-                </SelectItem>
-              ))}
-            </Select>
-            {!isLoading && isCurrentThemeEditable && <></>}
-          </Skeleton>
-          <Skeleton show={isLoading}>
-            <TagGroup
-              label="Mode"
-              selectedKeys={[mode]}
-              onSelectionChange={(keys) =>
-                setMode([...keys][0] as "light" | "dark")
-              }
-              selectionMode="single"
-              disallowEmptySelection
-              className="w-32"
-            >
-              <Tag id="light" size="sm" className="flex-1">
-                Light
-              </Tag>
-              <Tag id="dark" size="sm" className="flex-1">
-                Dark
-              </Tag>
-            </TagGroup>
-          </Skeleton>
-        </div>
-        <div className="space-y-2">
-          <Label>Colors</Label>
-          <div className="grid grid-cols-3 gap-2">
-            {(
-              [
-                {
-                  label: "Neutral",
-                  value: "neutral",
-                  color: currentTheme.colors[mode].neutral.baseColor,
-                },
-                {
-                  label: "Success",
-                  value: "success",
-                  color: currentTheme.colors[mode].success.baseColor,
-                },
-                {
-                  label: "Warning",
-                  value: "warning",
-                  color: currentTheme.colors[mode].warning.baseColor,
-                },
-                {
-                  label: "Danger",
-                  value: "danger",
-                  color: currentTheme.colors[mode].danger.baseColor,
-                },
-                {
-                  label: "Accent",
-                  value: "accent",
-                  color: currentTheme.colors[mode].accent.baseColor,
-                },
-              ] as const
-            ).map((colorBase) => (
-              <Skeleton key={colorBase.value} show={isLoading}>
-                <ColorPicker
-                  shape="rectangle"
-                  size="sm"
-                  value={colorBase.color}
-                  onChange={(value) =>
-                    handleBaseColorChange(colorBase.value, value.toString())
-                  }
-                  aria-label={colorBase.label}
-                  className="px-0 text-xs font-semibold"
-                  isDisabled={!isCurrentThemeEditable}
-                >
-                  <span className="truncate">{colorBase.label}</span>
-                </ColorPicker>
-              </Skeleton>
-            ))}
-          </div>
-        </div>
-        <div className="grid grid-cols-2 items-center gap-4">
-          <Skeleton show={isLoading}>
-            <Select
-              label="Heading"
-              selectedKey={fonts.heading}
-              onSelectionChange={(key) => {
-                handleFontChange("heading", key as string);
-              }}
-              size="sm"
-              className="w-36 [&_button]:w-full"
-              isDisabled={!isCurrentThemeEditable}
-            >
-              {googleFonts.map((font) => (
-                <SelectItem key={font.id} id={font.id}>
-                  {font.name}
-                </SelectItem>
-              ))}
-            </Select>
-          </Skeleton>
-          <Skeleton show={isLoading}>
-            <Select
-              label="Body"
-              selectedKey={fonts.body}
-              onSelectionChange={(key) => {
-                handleFontChange("body", key as string);
-              }}
-              size="sm"
-              className="w-36 [&_button]:w-full"
-              isDisabled={!isCurrentThemeEditable}
-            >
-              {googleFonts.map((font) => (
-                <SelectItem key={font.id} id={font.id}>
-                  {font.name}
-                </SelectItem>
-              ))}
-            </Select>
-          </Skeleton>
-          <Skeleton show={isLoading}>
-            <Select
-              label="Icon library"
-              defaultSelectedKey="lucide"
-              className="w-36 [&_button]:w-full"
-              isDisabled={!isCurrentThemeEditable}
-            >
-              <SelectItem id="lucide">Lucide icons</SelectItem>
-            </Select>
-          </Skeleton>
-          <Skeleton show={isLoading}>
-            <Slider
-              label="Radius (rem)"
-              showValueLabel
-              minValue={0}
-              maxValue={1.2}
-              step={0.1}
-              value={currentTheme.radius}
-              onChange={(value) => {
-                handleRadiusChange(value as number);
-              }}
-              isDisabled={!isCurrentThemeEditable}
-              className="w-36!"
-            />
-          </Skeleton>
-        </div>
-      </Dialog>
-    </DialogRoot>
-  );
-};
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index dcf64a9ae..96e163893 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 import {
   Alert as _Alert,
   AlertRoot as _AlertRoot,
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
index d17c61a53..756a76aa4 100644
--- a/www/src/components/dynamic-core/breadcrumbs.tsx
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -1,43 +1 @@
-"use client";
-
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import {
-  Breadcrumbs as _Breadcrumbs,
-  Breadcrumb as _Breadcrumb,
-  BreadcrumbItem as _BreadcrumbItem,
-  BreadcrumbLink as _BreadcrumbLink,
-} from "@/registry/core/breadcrumbs_basic";
-import type {
-  BreadcrumbsProps,
-  BreadcrumbProps,
-  BreadcrumbItemProps,
-  BreadcrumbLinkProps,
-} from "@/registry/core/breadcrumbs_basic";
-
-export const Breadcrumbs = createDynamicComponent<BreadcrumbsProps<object>>(
-  "breadcrumbs",
-  "Breadcrumbs",
-  _Breadcrumbs,
-  {}
-);
-
-export const Breadcrumb = createDynamicComponent<BreadcrumbProps>(
-  "breadcrumbs",
-  "Breadcrumb",
-  _Breadcrumb,
-  {}
-);
-
-export const BreadcrumbItem = createDynamicComponent<BreadcrumbItemProps>(
-  "breadcrumbs",
-  "BreadcrumbItem",
-  _BreadcrumbItem,
-  {}
-);
-
-export const BreadcrumbLink = createDynamicComponent<BreadcrumbLinkProps>(
-  "breadcrumbs",
-  "BreadcrumbLink",
-  _BreadcrumbLink,
-  {}
-);
+export * from "@/registry/core/breadcrumbs_basic"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index b0d018a99..246f927a2 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { type DateValue } from "react-aria-components";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 import {
   Calendar as _Calendar,
   CalendarRoot as _CalendarRoot,
diff --git a/www/src/components/dynamic-core/drawer.tsx b/www/src/components/dynamic-core/drawer.tsx
index ad9525e54..0b4681af6 100644
--- a/www/src/components/dynamic-core/drawer.tsx
+++ b/www/src/components/dynamic-core/drawer.tsx
@@ -1,11 +1 @@
-"use client";
-
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import { Drawer as _Drawer, DrawerProps } from "@/registry/core/drawer_basic";
-
-export const Drawer = createDynamicComponent<DrawerProps>(
-  "drawer",
-  "Drawer",
-  _Drawer,
-  {}
-);
+export * from "@/registry/core/drawer_basic";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/loader.tsx b/www/src/components/dynamic-core/loader.tsx
index 7da62b6ab..d3da27734 100644
--- a/www/src/components/dynamic-core/loader.tsx
+++ b/www/src/components/dynamic-core/loader.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 import { LoaderProps } from "@/registry/core/loader_ring";
 import { Loader as _Loader } from "@/registry/core/loader_ring";
 
diff --git a/www/src/components/dynamic-core/modal.tsx b/www/src/components/dynamic-core/modal.tsx
index af8580c4e..3bd97fead 100644
--- a/www/src/components/dynamic-core/modal.tsx
+++ b/www/src/components/dynamic-core/modal.tsx
@@ -1,11 +1 @@
-"use client";
-
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import { Modal as _Modal, ModalProps } from "@/registry/core/modal_basic";
-
-export const Modal = createDynamicComponent<ModalProps>(
-  "modal",
-  "Modal",
-  _Modal,
-  {}
-);
+export * from "@/registry/core/modal_basic";
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/popover.tsx b/www/src/components/dynamic-core/popover.tsx
index fd1e170cb..93a7b22a3 100644
--- a/www/src/components/dynamic-core/popover.tsx
+++ b/www/src/components/dynamic-core/popover.tsx
@@ -1,14 +1 @@
-"use client";
-
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
-import {
-  Popover as _Popover,
-  PopoverProps,
-} from "@/registry/core/popover_basic";
-
-export const Popover = createDynamicComponent<PopoverProps>(
-  "popover",
-  "Popover",
-  _Popover,
-  {}
-);
+export * from "@/registry/core/popover_basic"
\ No newline at end of file
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
index ec5d077cd..ea9f2ffd9 100644
--- a/www/src/components/dynamic-core/tabs.tsx
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
+import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 import {
   Tabs as _Tabs,
   TabList as _TabList,
diff --git a/www/src/components/dynamic-core/tooltip.tsx b/www/src/components/dynamic-core/tooltip.tsx
index b65db53eb..77122ec0a 100644
--- a/www/src/components/dynamic-core/tooltip.tsx
+++ b/www/src/components/dynamic-core/tooltip.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import { createDynamicComponent } from "@/lib/create-dynamic-component";
 import {
   Tooltip as _Tooltip,
   TooltipRoot as _TooltipRoot,
@@ -14,14 +13,15 @@ import type {
   TooltipContentProps,
   TooltipArrowProps,
 } from "@/registry/core/tooltip_basic";
+import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 
 export const Tooltip = createDynamicComponent<TooltipProps>(
   "tooltip",
   "Tooltip",
   _Tooltip,
   {
-    // @ts-expect-error - motion modify the props
     tooltip_framer: React.lazy(() =>
+      // @ts-expect-error - motion modify the props
       import("@/registry/core/tooltip_motion").then((mod) => ({
         default: mod.Tooltip,
       }))
@@ -47,8 +47,8 @@ export const TooltipContent = createDynamicComponent<TooltipContentProps>(
   "TooltipContent",
   _TooltipContent,
   {
-    // @ts-expect-error - motion modify the props
     tooltip_framer: React.lazy(() =>
+      // @ts-expect-error - motion modify the props
       import("@/registry/core/tooltip_motion").then((mod) => ({
         default: mod.TooltipContent,
       }))
diff --git a/www/src/hooks/use-themes.ts b/www/src/hooks/use-themes.ts
deleted file mode 100644
index 17ef05609..000000000
--- a/www/src/hooks/use-themes.ts
+++ /dev/null
@@ -1,229 +0,0 @@
-import { useAtom } from "jotai";
-import { withImmer } from "jotai-immer";
-import { atomWithStorage } from "jotai/utils";
-import { nanoid } from "nanoid";
-import { buildColorScales } from "@/lib/colors";
-import { defaultTheme, dotUIThemes } from "@/lib/themes";
-import { useMounted } from "@/hooks/use-mounted";
-import { BaseColor, Theme } from "@/types/theme";
-
-type Mode = "light" | "dark";
-
-type State = {
-  themes: Theme[];
-  currentThemeId: string;
-  mode: Mode;
-  showKeyboardHint: boolean;
-};
-
-const themesAtom = withImmer(
-  atomWithStorage<State>("themes", {
-    themes: [],
-    mode: "light",
-    currentThemeId: "default",
-    showKeyboardHint: true,
-  })
-);
-
-export const useThemes = () => {
-  const [state, setState] = useAtom(themesAtom);
-  const mounted = useMounted();
-
-  const currentTheme = [...state.themes, ...dotUIThemes].find(
-    (t) => t.id === state.currentThemeId
-  ) as Theme;
-
-  const isCurrentThemeEditable = state.themes.some(
-    (t) => t.id === state.currentThemeId
-  );
-
-  const setCurrentThemeId = (themeId: string) => {
-    setState((draft) => {
-      draft.currentThemeId = themeId;
-      const theme = [...draft.themes, ...dotUIThemes].find(
-        (t) => t.id === themeId
-      );
-      if (theme && theme.defaultMode) {
-        console.log("setting mode", theme.defaultMode);
-        draft.mode = theme.defaultMode;
-      }
-    });
-  };
-
-  const setMode = (mode: Mode) => {
-    setState((draft) => {
-      draft.mode = mode;
-      const currentTheme = draft.themes.find(
-        (t) => t.id === draft.currentThemeId
-      );
-      if (currentTheme) {
-        currentTheme.defaultMode = mode;
-      }
-    });
-  };
-
-  const createTheme = (
-    themeProperties: Prettify<
-      Omit<Partial<Theme>, "id" | "name"> & { name: string }
-    >
-  ) => {
-    setState((draft) => {
-      const id = nanoid();
-      // @ts-expect-error TODO
-      draft.themes.push({
-        ...defaultTheme,
-        ...themeProperties,
-        id,
-      });
-      draft.currentThemeId = id;
-    });
-  };
-
-  const cloneTheme = (
-    themeId: string,
-    themeProps: Prettify<Omit<Partial<Theme>, "id"> & { name: string }>
-  ) => {
-    const theme = [...state.themes, ...dotUIThemes].find(
-      (t) => t.id === themeId
-    );
-    if (!theme) return;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const { id, name, ...targetThemeProps } = theme;
-    createTheme({
-      ...targetThemeProps,
-      ...themeProps,
-    });
-  };
-
-  const deleteTheme = (themeId: string) => {
-    setState((draft) => {
-      draft.currentThemeId = "default";
-      draft.themes = draft.themes.filter((t) => t.id !== themeId);
-    });
-  };
-
-  const setThemeName = (name: string) => {
-    setState((draft) => {
-      const theme = draft.themes.find((t) => t.id === draft.currentThemeId);
-      if (theme) {
-        theme.name = name;
-      }
-    });
-  };
-
-  const handleBaseColorChange = (baseColor: BaseColor, value: string) => {
-    if (!isCurrentThemeEditable) return;
-    setState((draft) => {
-      const theme = draft.themes.find((t) => t.id === draft.currentThemeId);
-      if (theme) {
-        theme.colors[state.mode][baseColor].baseColor = value;
-        const currentColors = theme.colors[state.mode];
-        const modeConfig = buildColorScales({
-          neutral: { baseColors: [currentColors.neutral.baseColor] },
-          warning: { baseColors: [currentColors.warning.baseColor] },
-          success: { baseColors: [currentColors.success.baseColor] },
-          danger: { baseColors: [currentColors.danger.baseColor] },
-          accent: { baseColors: [currentColors.accent.baseColor] },
-          lightness: currentColors.lightness,
-          saturation: currentColors.saturation,
-          mode: state.mode,
-        });
-        theme.colors[state.mode] = modeConfig;
-      }
-    });
-  };
-
-  const handleColorConfigChange = (
-    config: "lightness" | "saturation",
-    value: number
-  ) => {
-    if (!isCurrentThemeEditable) return;
-    setState((draft) => {
-      if (config === "lightness" && state.mode === "light" && value < 50)
-        value = 50;
-      if (config === "lightness" && state.mode === "dark" && value > 49)
-        value = 49;
-      const theme = draft.themes.find((t) => t.id === draft.currentThemeId);
-      if (theme) {
-        theme.colors[state.mode][config] = value;
-        const currentColors = theme.colors[state.mode];
-        const modeConfig = buildColorScales({
-          neutral: { baseColors: [currentColors.neutral.baseColor] },
-          warning: { baseColors: [currentColors.warning.baseColor] },
-          success: { baseColors: [currentColors.success.baseColor] },
-          danger: { baseColors: [currentColors.danger.baseColor] },
-          accent: { baseColors: [currentColors.accent.baseColor] },
-          lightness: currentColors.lightness,
-          saturation: currentColors.saturation,
-          mode: state.mode,
-        });
-        theme.colors[state.mode] = modeConfig;
-      }
-    });
-  };
-
-  const fonts = currentTheme.fonts;
-
-  const handleFontChange = (font: "heading" | "body", value: string) => {
-    if (!isCurrentThemeEditable) return;
-    setState((draft) => {
-      const theme = draft.themes.find((t) => t.id === draft.currentThemeId);
-      if (theme) {
-        theme.fonts[font] = value;
-      }
-    });
-  };
-
-  const handleRadiusChange = (value: number) => {
-    if (!isCurrentThemeEditable) return;
-    setState((draft) => {
-      const theme = draft.themes.find((t) => t.id === draft.currentThemeId);
-      if (theme) {
-        theme.radius = value;
-      }
-    });
-  };
-
-  const updateVariant = (variant: string, value: string) => {
-    if (!isCurrentThemeEditable) return;
-    setState((draft) => {
-      const theme = draft.themes.find((t) => t.id === draft.currentThemeId);
-      if (theme) {
-        theme.variants[variant] = value;
-      }
-    });
-  };
-
-  const showKeyboardHint = state.showKeyboardHint;
-  const setShowKeyboardHint = (value: boolean) => {
-    setState((draft) => {
-      draft.showKeyboardHint = value;
-    });
-  };
-
-  return {
-    isLoading: !mounted,
-    themes: state.themes,
-    mode: state.mode,
-    currentTheme,
-    isCurrentThemeEditable,
-    createTheme,
-    cloneTheme,
-    setThemeName,
-    currentThemeId: state.currentThemeId,
-    setCurrentThemeId,
-    setMode,
-    handleBaseColorChange,
-    handleColorConfigChange,
-    handleFontChange,
-    fonts,
-    currentIconLibrary: currentTheme.iconLibrary,
-    radius: currentTheme.radius,
-    handleRadiusChange,
-    deleteTheme,
-    showKeyboardHint,
-    setShowKeyboardHint,
-    currentVariants: currentTheme.variants,
-    updateVariant,
-  };
-};
diff --git a/www/src/lib/colors.ts b/www/src/lib/colors.ts
index 51f9fabcd..5c57495b8 100644
--- a/www/src/lib/colors.ts
+++ b/www/src/lib/colors.ts
@@ -6,8 +6,8 @@ import {
   BackgroundColor,
   type ColorTuple,
   type CssColor,
+
 } from "@adobe/leonardo-contrast-colors";
-import { ColorShade, ModeConfig } from "@/types/theme";
 
 export const getContrastTextColor = (color: string): "white" | "black" => {
   const RGBColor = convertColorValue(color, "RGB", true) as unknown as {
@@ -21,149 +21,4 @@ export const getContrastTextColor = (color: string): "white" | "black" => {
   const contrastText =
     contrastWithBlack > contrastWithWhite ? "black" : "white";
   return contrastText;
-};
-
-const defaultConfig = {
-  light: {
-    saturation: 100,
-    lightness: 97,
-    colors: {
-      neutral: {
-        baseColors: ["#000000"],
-        ratios: [1.05, 1.25, 1.7, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
-      },
-      success: {
-        baseColors: ["#1A9338"],
-        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
-      },
-      warning: {
-        baseColors: ["#E79D13"],
-        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
-      },
-      danger: {
-        baseColors: ["#D93036"],
-        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
-      },
-      accent: {
-        baseColors: ["#0091FF"],
-        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
-      },
-    },
-  },
-  dark: {
-    saturation: 100,
-    lightness: 0,
-    colors: {
-      neutral: {
-        baseColors: ["#ffffff"],
-        ratios: [1, 1.25, 1.7, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
-      },
-      success: {
-        baseColors: ["#1A9338"],
-        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
-      },
-      warning: {
-        baseColors: ["#E79D13"],
-        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
-      },
-      danger: {
-        baseColors: ["#D93036"],
-        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
-      },
-      accent: {
-        baseColors: ["#0091FF"],
-        ratios: [1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2, 15.2],
-      },
-    },
-  },
-};
-
-type ColorConfig = {
-  baseColors: string[];
-  ratios?: number[];
-};
-
-type BuildColorScalesProps = {
-  neutral: ColorConfig;
-  accent: ColorConfig;
-  warning: ColorConfig;
-  success: ColorConfig;
-  danger: ColorConfig;
-  lightness: number;
-  saturation: number;
-  mode: "light" | "dark";
-};
-
-export const buildColorScales = ({
-  neutral: neutralConfig,
-  lightness,
-  saturation,
-  mode,
-  ...props
-}: BuildColorScalesProps): ModeConfig => {
-  const neutral = new BackgroundColor({
-    name: "neutral",
-    colorKeys: neutralConfig.baseColors as CssColor[],
-    ratios: neutralConfig.ratios ?? defaultConfig[mode].colors.neutral.ratios,
-  });
-
-  const colorScales = Object.entries(props).map(([name, config]) => {
-    return new Color({
-      name,
-      colorKeys: config.baseColors as CssColor[],
-      ratios:
-        config.ratios ??
-        defaultConfig[mode].colors[
-          name as keyof (typeof defaultConfig)[typeof mode]["colors"]
-        ].ratios,
-    });
-  });
-
-  const theme = new Theme({
-    colors: [neutral, ...colorScales],
-    backgroundColor: neutral,
-    lightness,
-    saturation,
-    output: "HSL",
-  });
-
-  const [, ...contrastColors] = theme.contrastColors;
-
-  const result = {
-    neutral: {
-      baseColor: neutralConfig.baseColors[0],
-      shades: contrastColors
-        .find((color) => color.name === "neutral")
-        ?.values.map((c) => c.value.replace("deg", "")) as ColorShade,
-    },
-    success: {
-      baseColor: props.success.baseColors[0],
-      shades: contrastColors
-        .find((color) => color.name === "success")
-        ?.values.map((c) => c.value.replace("deg", "")) as ColorShade,
-    },
-    warning: {
-      baseColor: props.warning.baseColors[0],
-      shades: contrastColors
-        .find((color) => color.name === "warning")
-        ?.values.map((c) => c.value.replace("deg", "")) as ColorShade,
-    },
-    danger: {
-      baseColor: props.danger.baseColors[0],
-      shades: contrastColors
-        .find((color) => color.name === "danger")
-        ?.values.map((c) => c.value.replace("deg", "")) as ColorShade,
-    },
-    accent: {
-      baseColor: props.accent.baseColors[0],
-      shades: contrastColors
-        .find((color) => color.name === "accent")
-        ?.values.map((c) => c.value.replace("deg", "")) as ColorShade,
-    },
-    lightness,
-    saturation,
-  };
-
-  // @ts-expect-error TODO fix later
-  return result;
-};
+};
\ No newline at end of file
diff --git a/www/src/lib/create-dynamic-component.tsx b/www/src/lib/create-dynamic-component.tsx
deleted file mode 100644
index ff45d53f8..000000000
--- a/www/src/lib/create-dynamic-component.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import React from "react";
-import { useThemes } from "@/hooks/use-themes";
-import { Skeleton } from "@/registry/core/skeleton_basic";
-
-type Registry<T> = Record<string, React.ComponentType<T>>;
-
-export const createDynamicComponent = <Props extends {}>(
-  registryItem: string,
-  componentName: string,
-  DefaultComp: React.ComponentType<Props>,
-  registry: Registry<Props>
-): React.FC<Props> => {
-  const Component: React.FC<Props> = (props) => {
-    const { currentTheme } = useThemes();
-    const demosContext = useDemosContext();
-    const shouldWrapWithSuspense = !!demosContext;
-
-    const currentThemeVariant = currentTheme.variants[registryItem];
-    const { variants } = useComponentsVariants();
-    const contextVariant = variants[registryItem];
-
-    if (
-      (!currentThemeVariant || !registry[currentThemeVariant]) &&
-      (!contextVariant || !registry[contextVariant])
-    ) {
-      return <DefaultComp {...props} />;
-    }
-
-    // @ts-expect-error TODO fix later
-    const LazyComponent = registry[contextVariant ?? currentThemeVariant];
-
-    if (shouldWrapWithSuspense) {
-      return (
-        <React.Suspense
-          fallback={
-            <Skeleton show>
-              <DefaultComp {...props} />
-            </Skeleton>
-          }
-        >
-          <LazyComponent {...props} />
-        </React.Suspense>
-      );
-    }
-    return <LazyComponent {...props} />;
-  };
-
-  Component.displayName = componentName;
-
-  return Component;
-};
-
-const VariantsContext = React.createContext<{
-  variants: Record<string, string>;
-  setVariants: (value: Record<string, string>) => void;
-}>({ variants: {}, setVariants: () => {} });
-
-export const VariantsProvider = ({
-  children,
-}: {
-  children: React.ReactNode;
-}) => {
-  const [variants, setVariants] = React.useState<Record<string, string>>({});
-  return (
-    <VariantsContext value={{ variants, setVariants }}>
-      {children}
-    </VariantsContext>
-  );
-};
-
-export const useComponentsVariants = () => React.useContext(VariantsContext);
-
-const DemosContext = React.createContext<true | null>(null);
-
-export const DemosProvider = ({ children }: { children: React.ReactNode }) => {
-  return <DemosContext value>{children}</DemosContext>;
-};
-
-export const useDemosContext = () => React.useContext(DemosContext);
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index 08c9d58ab..1932ccc24 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -18,7 +18,8 @@ export interface ThemeProviderProps
   theme?: Theme;
   unstyled?: boolean;
   ignorePreviewMode?: boolean;
-  noBaseVars?: boolean
+  createForegrounds?: boolean;
+  noBaseVars?: boolean;
 }
 export const ThemeProvider = ({
   theme,
@@ -27,7 +28,8 @@ export const ThemeProvider = ({
   style,
   unstyled = false,
   ignorePreviewMode = false,
-  noBaseVars = false ,
+  createForegrounds = false,
+  noBaseVars = false,
   ...props
 }: ThemeProviderProps) => {
   const { resolvedTheme } = useTheme();
@@ -45,9 +47,17 @@ export const ThemeProvider = ({
 
   const cssVars = React.useMemo(() => {
     if (!theme || !resolvedMode) return {};
-    const themeCssVars = createThemeCssVars(theme.foundations, resolvedMode);
-    return { ...(noBaseVars ? {} : baseVars), ...themeCssVars, ...theme.foundations.overrides };
-  }, [theme, resolvedMode, noBaseVars]);
+    const themeCssVars = createThemeCssVars(
+      theme.foundations,
+      resolvedMode,
+      createForegrounds
+    );
+    return {
+      ...(noBaseVars ? {} : baseVars),
+      ...themeCssVars,
+      ...theme.foundations.overrides,
+    };
+  }, [theme, resolvedMode, noBaseVars, createForegrounds]);
 
   return (
     <VariantsProvider variants={theme?.variants}>
diff --git a/www/src/modules/themes/lib/create-theme.ts b/www/src/modules/themes/lib/create-theme.ts
index 930f998ec..44e6d4431 100644
--- a/www/src/modules/themes/lib/create-theme.ts
+++ b/www/src/modules/themes/lib/create-theme.ts
@@ -5,6 +5,7 @@ import {
 } from "@adobe/leonardo-contrast-colors";
 import { RegistryTheme } from "@dotui/schemas";
 import { Colors, Theme } from "@/modules/themes/types";
+import { getContrastTextColor } from "@/lib/colors";
 
 export const createTheme = (theme: Theme): RegistryTheme => {
   const { foundations, ...propreties } = theme;
@@ -75,13 +76,24 @@ export const createThemeCssVars = (
       if ("name" in color) {
         return color.values.map((value, index) => {
           const scale = (index + 1) * 100;
-          return [`--${color.name}-${scale}`, value.value];
+          const entries: [string, string][] = [
+            [`--${color.name}-${scale}`, value.value],
+          ];
+
+          // Generate foreground colors if requested
+          if (createForegrounds) {
+            const bgColor = value.value;
+            const fg = getContrastTextColor(bgColor);
+            entries.push([`--${color.name}-${scale}-fg`, fg]);
+          }
+
+          return entries;
         });
       }
       return undefined;
     })
     .filter(Boolean)
-    .flatMap((color) => color as [string, string][])
+    .flatMap((color) => color as [string, string][][])
     .reduce((acc, curr) => ({ ...acc, ...{ [curr[0]]: curr[1] } }), {});
 
   return cssVariables;

From 5c9595533f3a4dc3ec84a79487b9d805b89348ea Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Sat, 8 Mar 2025 00:44:18 +0100
Subject: [PATCH 159/165] wip themes

---
 pnpm-lock.yaml                                | 108 ++---
 www/next.config.mjs                           |   5 +-
 www/package.json                              |   2 +-
 .../[themeName]/theme-editor/colors.tsx       | 379 ++++++++-------
 .../themes/[themeName]/theme-editor/index.ts  |   1 -
 .../{theme-editor.tsx => index.tsx}           | 437 +++++++++---------
 www/src/app/(app)/themes/preview.tsx          |   6 +-
 www/src/lib/colors.ts                         |  30 +-
 .../themes/components/theme-provider.tsx      |   9 +-
 .../themes/components/themes-overview.tsx     |   2 +-
 www/src/modules/themes/lib/create-theme.ts    |  22 +-
 11 files changed, 513 insertions(+), 488 deletions(-)
 delete mode 100644 www/src/app/(app)/themes/[themeName]/theme-editor/index.ts
 rename www/src/app/(app)/themes/[themeName]/theme-editor/{theme-editor.tsx => index.tsx} (94%)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d7a141bae..2a5ef1344 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -189,7 +189,7 @@ importers:
         version: 2.0.13
       '@vercel/analytics':
         specifier: ^1.1.1
-        version: 1.4.1(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+        version: 1.4.1(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
       babel-plugin-react-compiler:
         specifier: 19.0.0-beta-63e3235-20250105
         version: 19.0.0-beta-63e3235-20250105
@@ -201,13 +201,13 @@ importers:
         version: 1.0.4(@types/react-dom@19.0.2(@types/react@19.0.4))(@types/react@19.0.4)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       fumadocs-core:
         specifier: ^15.0.1
-        version: 15.0.1(@types/react@19.0.4)(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.0.1(@types/react@19.0.4)(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       fumadocs-docgen:
         specifier: ^1.3.5
         version: 1.3.5(typescript@5.7.3)
       fumadocs-mdx:
         specifier: ^11.4.0
-        version: 11.4.0(acorn@8.14.0)(fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
+        version: 11.4.0(acorn@8.14.0)(fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
       hast-util-to-string:
         specifier: ^3.0.1
         version: 3.0.1
@@ -230,14 +230,14 @@ importers:
         specifier: ^5.0.7
         version: 5.0.9
       next:
-        specifier: 15.1.6
-        version: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: 15.2.0
+        version: 15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       next-themes:
         specifier: ^0.4.4
         version: 0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       next-view-transitions:
         specifier: ^0.3.4
-        version: 0.3.4(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 0.3.4(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       npm-to-yarn:
         specifier: ^3.0.0
         version: 3.0.1
@@ -1100,56 +1100,56 @@ packages:
   '@mdx-js/mdx@3.1.0':
     resolution: {integrity: sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==}
 
-  '@next/env@15.1.6':
-    resolution: {integrity: sha512-d9AFQVPEYNr+aqokIiPLNK/MTyt3DWa/dpKveiAaVccUadFbhFEvY6FXYX2LJO2Hv7PHnLBu2oWwB4uBuHjr/w==}
+  '@next/env@15.2.0':
+    resolution: {integrity: sha512-eMgJu1RBXxxqqnuRJQh5RozhskoNUDHBFybvi+Z+yK9qzKeG7dadhv/Vp1YooSZmCnegf7JxWuapV77necLZNA==}
 
   '@next/eslint-plugin-next@15.1.6':
     resolution: {integrity: sha512-+slMxhTgILUntZDGNgsKEYHUvpn72WP1YTlkmEhS51vnVd7S9jEEy0n9YAMcI21vUG4akTw9voWH02lrClt/yw==}
 
-  '@next/swc-darwin-arm64@15.1.6':
-    resolution: {integrity: sha512-u7lg4Mpl9qWpKgy6NzEkz/w0/keEHtOybmIl0ykgItBxEM5mYotS5PmqTpo+Rhg8FiOiWgwr8USxmKQkqLBCrw==}
+  '@next/swc-darwin-arm64@15.2.0':
+    resolution: {integrity: sha512-rlp22GZwNJjFCyL7h5wz9vtpBVuCt3ZYjFWpEPBGzG712/uL1bbSkS675rVAUCRZ4hjoTJ26Q7IKhr5DfJrHDA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@15.1.6':
-    resolution: {integrity: sha512-x1jGpbHbZoZ69nRuogGL2MYPLqohlhnT9OCU6E6QFewwup+z+M6r8oU47BTeJcWsF2sdBahp5cKiAcDbwwK/lg==}
+  '@next/swc-darwin-x64@15.2.0':
+    resolution: {integrity: sha512-DiU85EqSHogCz80+sgsx90/ecygfCSGl5P3b4XDRVZpgujBm5lp4ts7YaHru7eVTyZMjHInzKr+w0/7+qDrvMA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@next/swc-linux-arm64-gnu@15.1.6':
-    resolution: {integrity: sha512-jar9sFw0XewXsBzPf9runGzoivajeWJUc/JkfbLTC4it9EhU8v7tCRLH7l5Y1ReTMN6zKJO0kKAGqDk8YSO2bg==}
+  '@next/swc-linux-arm64-gnu@15.2.0':
+    resolution: {integrity: sha512-VnpoMaGukiNWVxeqKHwi8MN47yKGyki5q+7ql/7p/3ifuU2341i/gDwGK1rivk0pVYbdv5D8z63uu9yMw0QhpQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-arm64-musl@15.1.6':
-    resolution: {integrity: sha512-+n3u//bfsrIaZch4cgOJ3tXCTbSxz0s6brJtU3SzLOvkJlPQMJ+eHVRi6qM2kKKKLuMY+tcau8XD9CJ1OjeSQQ==}
+  '@next/swc-linux-arm64-musl@15.2.0':
+    resolution: {integrity: sha512-ka97/ssYE5nPH4Qs+8bd8RlYeNeUVBhcnsNUmFM6VWEob4jfN9FTr0NBhXVi1XEJpj3cMfgSRW+LdE3SUZbPrw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-x64-gnu@15.1.6':
-    resolution: {integrity: sha512-SpuDEXixM3PycniL4iVCLyUyvcl6Lt0mtv3am08sucskpG0tYkW1KlRhTgj4LI5ehyxriVVcfdoxuuP8csi3kQ==}
+  '@next/swc-linux-x64-gnu@15.2.0':
+    resolution: {integrity: sha512-zY1JduE4B3q0k2ZCE+DAF/1efjTXUsKP+VXRtrt/rJCTgDlUyyryx7aOgYXNc1d8gobys/Lof9P9ze8IyRDn7Q==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-linux-x64-musl@15.1.6':
-    resolution: {integrity: sha512-L4druWmdFSZIIRhF+G60API5sFB7suTbDRhYWSjiw0RbE+15igQvE2g2+S973pMGvwN3guw7cJUjA/TmbPWTHQ==}
+  '@next/swc-linux-x64-musl@15.2.0':
+    resolution: {integrity: sha512-QqvLZpurBD46RhaVaVBepkVQzh8xtlUN00RlG4Iq1sBheNugamUNPuZEH1r9X1YGQo1KqAe1iiShF0acva3jHQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-win32-arm64-msvc@15.1.6':
-    resolution: {integrity: sha512-s8w6EeqNmi6gdvM19tqKKWbCyOBvXFbndkGHl+c9YrzsLARRdCHsD9S1fMj8gsXm9v8vhC8s3N8rjuC/XrtkEg==}
+  '@next/swc-win32-arm64-msvc@15.2.0':
+    resolution: {integrity: sha512-ODZ0r9WMyylTHAN6pLtvUtQlGXBL9voljv6ujSlcsjOxhtXPI1Ag6AhZK0SE8hEpR1374WZZ5w33ChpJd5fsjw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@next/swc-win32-x64-msvc@15.1.6':
-    resolution: {integrity: sha512-6xomMuu54FAFxttYr5PJbEfu96godcxBTRk1OhAvJq0/EnmFU/Ybiax30Snis4vdWZ9LGpf7Roy5fSs7v/5ROQ==}
+  '@next/swc-win32-x64-msvc@15.2.0':
+    resolution: {integrity: sha512-8+4Z3Z7xa13NdUuUAcpVNA6o76lNPniBd9Xbo02bwXQXnZgFvEopwY2at5+z7yHl47X9qbZpvwatZ2BRo3EdZw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -4721,8 +4721,8 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
 
-  next@15.1.6:
-    resolution: {integrity: sha512-Hch4wzbaX0vKQtalpXvUiw5sYivBy4cm5rzUKrBnUB/y436LGrvOUqYvlSeNVCWFO/770gDlltR9gqZH62ct4Q==}
+  next@15.2.0:
+    resolution: {integrity: sha512-VaiM7sZYX8KIAHBrRGSFytKknkrexNfGb8GlG6e93JqueCspuGte8i4ybn8z4ww1x3f2uzY4YpTaBEW4/hvsoQ==}
     engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
     hasBin: true
     peerDependencies:
@@ -6893,34 +6893,34 @@ snapshots:
       - acorn
       - supports-color
 
-  '@next/env@15.1.6': {}
+  '@next/env@15.2.0': {}
 
   '@next/eslint-plugin-next@15.1.6':
     dependencies:
       fast-glob: 3.3.1
 
-  '@next/swc-darwin-arm64@15.1.6':
+  '@next/swc-darwin-arm64@15.2.0':
     optional: true
 
-  '@next/swc-darwin-x64@15.1.6':
+  '@next/swc-darwin-x64@15.2.0':
     optional: true
 
-  '@next/swc-linux-arm64-gnu@15.1.6':
+  '@next/swc-linux-arm64-gnu@15.2.0':
     optional: true
 
-  '@next/swc-linux-arm64-musl@15.1.6':
+  '@next/swc-linux-arm64-musl@15.2.0':
     optional: true
 
-  '@next/swc-linux-x64-gnu@15.1.6':
+  '@next/swc-linux-x64-gnu@15.2.0':
     optional: true
 
-  '@next/swc-linux-x64-musl@15.1.6':
+  '@next/swc-linux-x64-musl@15.2.0':
     optional: true
 
-  '@next/swc-win32-arm64-msvc@15.1.6':
+  '@next/swc-win32-arm64-msvc@15.2.0':
     optional: true
 
-  '@next/swc-win32-x64-msvc@15.1.6':
+  '@next/swc-win32-x64-msvc@15.2.0':
     optional: true
 
   '@nodelib/fs.scandir@2.1.5':
@@ -9423,9 +9423,9 @@ snapshots:
 
   '@ungap/structured-clone@1.2.1': {}
 
-  '@vercel/analytics@1.4.1(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
+  '@vercel/analytics@1.4.1(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)':
     optionalDependencies:
-      next: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next: 15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react: 19.0.0
 
   '@xobotyi/scrollbar-width@1.9.5': {}
@@ -10443,7 +10443,7 @@ snapshots:
   fsevents@2.3.3:
     optional: true
 
-  fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@formatjs/intl-localematcher': 0.5.10
       '@orama/orama': 2.1.1
@@ -10461,7 +10461,7 @@ snapshots:
       shiki: 2.2.0
       unist-util-visit: 5.0.0
     optionalDependencies:
-      next: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next: 15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
     transitivePeerDependencies:
@@ -10481,7 +10481,7 @@ snapshots:
       - supports-color
       - typescript
 
-  fumadocs-mdx@11.4.0(acorn@8.14.0)(fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)):
+  fumadocs-mdx@11.4.0(acorn@8.14.0)(fumadocs-core@15.0.1(@types/react@19.0.4)(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)):
     dependencies:
       '@mdx-js/mdx': 3.1.0(acorn@8.14.0)
       chokidar: 4.0.3
@@ -10489,10 +10489,10 @@ snapshots:
       esbuild: 0.24.2
       estree-util-value-to-estree: 3.2.1
       fast-glob: 3.3.3
-      fumadocs-core: 15.0.1(@types/react@19.0.4)(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      fumadocs-core: 15.0.1(@types/react@19.0.4)(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       gray-matter: 4.0.3
       micromatch: 4.0.8
-      next: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next: 15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       unist-util-visit: 5.0.0
       zod: 3.24.1
     transitivePeerDependencies:
@@ -11712,15 +11712,15 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  next-view-transitions@0.3.4(next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  next-view-transitions@0.3.4(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      next: 15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next: 15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  next@15.1.6(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      '@next/env': 15.1.6
+      '@next/env': 15.2.0
       '@swc/counter': 0.1.3
       '@swc/helpers': 0.5.15
       busboy: 1.6.0
@@ -11730,14 +11730,14 @@ snapshots:
       react-dom: 19.0.0(react@19.0.0)
       styled-jsx: 5.1.6(react@19.0.0)
     optionalDependencies:
-      '@next/swc-darwin-arm64': 15.1.6
-      '@next/swc-darwin-x64': 15.1.6
-      '@next/swc-linux-arm64-gnu': 15.1.6
-      '@next/swc-linux-arm64-musl': 15.1.6
-      '@next/swc-linux-x64-gnu': 15.1.6
-      '@next/swc-linux-x64-musl': 15.1.6
-      '@next/swc-win32-arm64-msvc': 15.1.6
-      '@next/swc-win32-x64-msvc': 15.1.6
+      '@next/swc-darwin-arm64': 15.2.0
+      '@next/swc-darwin-x64': 15.2.0
+      '@next/swc-linux-arm64-gnu': 15.2.0
+      '@next/swc-linux-arm64-musl': 15.2.0
+      '@next/swc-linux-x64-gnu': 15.2.0
+      '@next/swc-linux-x64-musl': 15.2.0
+      '@next/swc-win32-arm64-msvc': 15.2.0
+      '@next/swc-win32-x64-msvc': 15.2.0
       babel-plugin-react-compiler: 19.0.0-beta-63e3235-20250105
       sharp: 0.33.5
     transitivePeerDependencies:
diff --git a/www/next.config.mjs b/www/next.config.mjs
index 102e58905..3f6cdf98f 100644
--- a/www/next.config.mjs
+++ b/www/next.config.mjs
@@ -15,10 +15,7 @@ const config = {
         hostname: "ui.shadcn.com",
       },
     ],
-  },
-  devIndicators: {
-    appIsrStatus: false,
-  },
+  }
 };
 
 export default withMDX(config);
diff --git a/www/package.json b/www/package.json
index bd89b84e2..7983d14d9 100644
--- a/www/package.json
+++ b/www/package.json
@@ -42,7 +42,7 @@
     "lucide-react": "^0.469.0",
     "motion": "^11.16.4",
     "nanoid": "^5.0.7",
-    "next": "15.1.6",
+    "next": "15.2.0",
     "next-themes": "^0.4.4",
     "next-view-transitions": "^0.3.4",
     "npm-to-yarn": "^3.0.0",
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
index caa7a8a46..5154b8956 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
@@ -28,10 +28,11 @@ import { useThemeEditorContext } from "./context";
 
 export function ThemeColors({ theme }: { theme?: Theme }) {
   const { isEditMode } = useThemeEditorContext();
+
   return (
     <div>
       <Collapsible show={isEditMode}>
-        <div className="box-border space-y-4 rounded-md border p-4 text-sm">
+        <div className="box-border space-y-4 text-sm">
           <RadioGroup label="Theme mode" orientation="horizontal">
             {[
               { value: "light", label: "Light" },
@@ -51,182 +52,200 @@ export function ThemeColors({ theme }: { theme?: Theme }) {
         </div>
       </Collapsible>
       <ThemeProvider theme={theme} unstyled noBaseVars createForegrounds>
-        <p id="core-colors" className="mt-2 font-medium tracking-tight">
-          Core colors
-        </p>
-        <Collapsible show={isEditMode}>
-          <div className="py-1">
-            <TableRoot
-              aria-label="Core colors"
-              variant="bordered"
-              className="w-full"
-            >
-              <TableHeader>
-                <TableColumn isRowHeader>Name</TableColumn>
-                <TableColumn>Base color</TableColumn>
-                <TableColumn className="w-full">Ratios</TableColumn>
-              </TableHeader>
-              <TableBody>
-                <TableRow>
-                  <TableCell>Neutral</TableCell>
-                  <TableCell>
-                    <ColorPicker size="sm" />
-                  </TableCell>
-                  <TableCell>
-                    <RatiosSlider
-                      aria-label="Ratios"
-                      defaultValue={[
-                        1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2,
-                        15.2,
-                      ]}
-                    />
-                  </TableCell>
-                </TableRow>
-                <TableRow>
-                  <TableCell>Accent</TableCell>
-                  <TableCell>
-                    <ColorPicker size="sm" />
-                  </TableCell>
-                  <TableCell>
-                    <RatiosSlider
-                      aria-label="Ratios"
-                      defaultValue={[
-                        1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2,
-                        15.2,
-                      ]}
-                    />
-                  </TableCell>
-                </TableRow>
-              </TableBody>
-            </TableRoot>
-          </div>
-        </Collapsible>
-        <Collapsible show={!isEditMode}>
-          <div className="flex gap-1 pt-1">
-            <ColorItem
-              colorName="Neutral"
-              className="bg-bg-neutral rounded-sm"
-              containerClassName=" ml-0! mr-0!"
-            />
-            <ColorItem
-              colorName="Accent"
-              className="bg-bg-accent rounded-sm"
-              containerClassName=" ml-0! mr-0!"
-            />
-          </div>
-        </Collapsible>
-        <div className="mt-1 space-y-1">
-          {[
-            { name: "neutral", label: "Neutral" },
-            { name: "accent", label: "Accent" },
-          ].map((shade) => (
-            <div key={shade.name} className="flex items-center gap-2">
-              <p className="text-fg-muted w-[60px] text-sm">
-                {shade.label}
-              </p>
-              <div className="flex flex-1">
-                {Array.from({ length: 10 }).map((_, i) => (
-                  <ColorItem
-                    key={i}
-                    style={{
-                      backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
-                      color: `var(--${shade.name}-${(i + 1) * 100}-fg)`,
-                    }}
-                    colorName={`${shade.label} ${(i + 1) * 100}`}
-                    className="h-8 rounded-sm"
-                    containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
-                    hoverAnimation
-                  />
-                ))}
+        {({ colors }) => (
+          <>
+            <p id="core-colors" className="mt-2 font-medium tracking-tight">
+              Core colors
+            </p>
+            <Collapsible show={isEditMode}>
+              <div className="py-1">
+                <TableRoot
+                  aria-label="Core colors"
+                  variant="bordered"
+                  className="w-full"
+                >
+                  <TableHeader>
+                    <TableColumn isRowHeader>Name</TableColumn>
+                    <TableColumn>Base color</TableColumn>
+                    <TableColumn className="w-full">Ratios</TableColumn>
+                  </TableHeader>
+                  <TableBody>
+                    <TableRow>
+                      <TableCell>Neutral</TableCell>
+                      <TableCell>
+                        <ColorPicker size="sm" />
+                      </TableCell>
+                      <TableCell>
+                        <RatiosSlider
+                          aria-label="Ratios"
+                          defaultValue={[
+                            1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2,
+                            15.2,
+                          ]}
+                        />
+                      </TableCell>
+                    </TableRow>
+                    <TableRow>
+                      <TableCell>Accent</TableCell>
+                      <TableCell>
+                        <ColorPicker size="sm" />
+                      </TableCell>
+                      <TableCell>
+                        <RatiosSlider
+                          aria-label="Ratios"
+                          defaultValue={[
+                            1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2,
+                            15.2,
+                          ]}
+                        />
+                      </TableCell>
+                    </TableRow>
+                  </TableBody>
+                </TableRoot>
               </div>
-            </div>
-          ))}
-        </div>
-        <p id="semantic-colors" className="mt-4 font-medium tracking-tight">
-          Semantic colors
-        </p>
-        <Collapsible show={isEditMode}>
-          <div className="py-1">
-            <TableRoot
-              aria-label="Core colors"
-              variant="bordered"
-              className="w-full"
-            >
-              <TableHeader>
-                <TableColumn isRowHeader>Name</TableColumn>
-                <TableColumn>Base color</TableColumn>
-                <TableColumn className="w-full">Ratios</TableColumn>
-              </TableHeader>
-              <TableBody>
-                {[
-                  { label: "Warning", name: "warning" },
-                  { label: "Danger", name: "danger" },
-                  { label: "Success", name: "success" },
-                ].map(({ label, name }) => (
-                  <TableRow key={name}>
-                    <TableCell>{label}</TableCell>
-                    <TableCell>
-                      <ColorPicker size="sm" />
-                    </TableCell>
-                    <TableCell>
-                      <RatiosSlider
-                        aria-label="Ratios"
-                        defaultValue={[
-                          1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28, 13.2,
-                          15.2,
-                        ]}
+            </Collapsible>
+            <Collapsible show={!isEditMode}>
+              <div className="flex gap-1 pt-1">
+                <ColorItem
+                  colorName="Neutral"
+                  className="bg-bg-neutral rounded-sm"
+                  containerClassName=" ml-0! mr-0!"
+                />
+                <ColorItem
+                  colorName="Accent"
+                  className="bg-bg-accent rounded-sm"
+                  containerClassName=" ml-0! mr-0!"
+                />
+              </div>
+            </Collapsible>
+            <div className="mt-1 space-y-1">
+              {[
+                { name: "neutral", label: "Neutral" },
+                { name: "accent", label: "Accent" },
+              ].map((shade) => (
+                <div key={shade.name} className="flex items-center gap-2">
+                  <p className="text-fg-muted w-[60px] text-sm">
+                    {shade.label}
+                  </p>
+                  <div className="flex flex-1">
+                    {Array.from({ length: 10 }).map((_, i) => (
+                      <ColorItem
+                        key={i}
+                        style={{
+                          backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                          color: `var(--${shade.name}-${(i + 1) * 100}-fg)`,
+                        }}
+                        colorName={`${shade.label} ${(i + 1) * 100}`}
+                        className="h-8 rounded-sm"
+                        containerClassName="not-last:-mr-28 not-first:-ml-28 h-8"
+                        hoverAnimation
+                        colorValue={
+                          colors[`--${shade.name}-${(i + 1) * 100}`]?.replace(
+                            "deg",
+                            ""
+                          ) as string
+                        }
                       />
-                    </TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </TableRoot>
-          </div>
-        </Collapsible>
-        <Collapsible show={!isEditMode}>
-          <div className="flex gap-1 pt-1">
-            {/* <Item className="bg-bg-info" /> */}
-            <ColorItem
-              className="bg-bg-success rounded-sm"
-              containerClassName="ml-0! mr-0!"
-            />
-            <ColorItem
-              className="bg-bg-warning rounded-sm"
-              containerClassName=" ml-0! mr-0!"
-            />
-            <ColorItem
-              className="bg-bg-danger rounded-sm"
-              containerClassName=" ml-0! mr-0!"
-            />
-          </div>
-        </Collapsible>
-        <div className="mt-1 space-y-1">
-          {[
-            { name: "success", label: "Success" },
-            { name: "warning", label: "Warning" },
-            { name: "danger", label: "Danger" },
-            // { name: "info", label: "Info" },
-          ].map((shade) => (
-            <div key={shade.name} className="flex items-center gap-2">
-              <p className="text-fg-muted w-[60px] text-sm">
-                {shade.label}
-              </p>
-              <div className="flex flex-1">
-                {Array.from({ length: 10 }).map((_, i) => (
-                  <ColorItem
-                    key={i}
-                    style={{
-                      backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
-                    }}
-                    className="h-8 rounded-sm"
-                    containerClassName="not-last:-mr-16 not-first:-ml-16 h-8"
-                    hoverAnimation
-                  />
-                ))}
+                    ))}
+                  </div>
+                </div>
+              ))}
+            </div>
+            <p id="semantic-colors" className="mt-4 font-medium tracking-tight">
+              Semantic colors
+            </p>
+            <Collapsible show={isEditMode}>
+              <div className="py-1">
+                <TableRoot
+                  aria-label="Core colors"
+                  variant="bordered"
+                  className="w-full"
+                >
+                  <TableHeader>
+                    <TableColumn isRowHeader>Name</TableColumn>
+                    <TableColumn>Base color</TableColumn>
+                    <TableColumn className="w-full">Ratios</TableColumn>
+                  </TableHeader>
+                  <TableBody>
+                    {[
+                      { label: "Warning", name: "warning" },
+                      { label: "Danger", name: "danger" },
+                      { label: "Success", name: "success" },
+                    ].map(({ label, name }) => (
+                      <TableRow key={name}>
+                        <TableCell>{label}</TableCell>
+                        <TableCell>
+                          <ColorPicker size="sm" />
+                        </TableCell>
+                        <TableCell>
+                          <RatiosSlider
+                            aria-label="Ratios"
+                            defaultValue={[
+                              1.25, 1.5, 1.8, 2.23, 3.16, 4.78, 6.36, 8.28,
+                              13.2, 15.2,
+                            ]}
+                          />
+                        </TableCell>
+                      </TableRow>
+                    ))}
+                  </TableBody>
+                </TableRoot>
               </div>
+            </Collapsible>
+            <Collapsible show={!isEditMode}>
+              <div className="flex gap-1 pt-1">
+                {/* <Item className="bg-bg-info" /> */}
+                <ColorItem
+                  className="bg-bg-success rounded-sm"
+                  containerClassName="ml-0! mr-0!"
+                />
+                <ColorItem
+                  className="bg-bg-warning rounded-sm"
+                  containerClassName=" ml-0! mr-0!"
+                />
+                <ColorItem
+                  className="bg-bg-danger rounded-sm"
+                  containerClassName=" ml-0! mr-0!"
+                />
+              </div>
+            </Collapsible>
+            <div className="mt-1 space-y-1">
+              {[
+                { name: "success", label: "Success" },
+                { name: "warning", label: "Warning" },
+                { name: "danger", label: "Danger" },
+                // { name: "info", label: "Info" },
+              ].map((shade) => (
+                <div key={shade.name} className="flex items-center gap-2">
+                  <p className="text-fg-muted w-[60px] text-sm">
+                    {shade.label}
+                  </p>
+                  <div className="flex flex-1">
+                    {Array.from({ length: 10 }).map((_, i) => (
+                      <ColorItem
+                        key={i}
+                        style={{
+                          backgroundColor: `var(--${shade.name}-${(i + 1) * 100})`,
+                          color: `var(--${shade.name}-${(i + 1) * 100}-fg)`,
+                        }}
+                        colorName={`${shade.label} ${(i + 1) * 100}`}
+                        className="h-8 rounded-sm"
+                        containerClassName="not-last:-mr-28 not-first:-ml-28 h-8"
+                        hoverAnimation
+                        colorValue={
+                          colors[`--${shade.name}-${(i + 1) * 100}`]?.replace(
+                            "deg",
+                            ""
+                          ) as string
+                        }
+                      />
+                    ))}
+                  </div>
+                </div>
+              ))}
             </div>
-          ))}
-        </div>
+          </>
+        )}
       </ThemeProvider>
     </div>
   );
@@ -236,7 +255,7 @@ interface ColorItemProps {
   containerClassName?: string;
   className?: string;
   style?: React.CSSProperties;
-  colorValue?: string;
+  colorValue: string;
   colorName?: string;
   hoverAnimation?: boolean;
 }
@@ -244,7 +263,7 @@ function ColorItem({
   containerClassName,
   className,
   style,
-  colorValue = "#000000",
+  colorValue,
   colorName,
   hoverAnimation = false,
 }: ColorItemProps) {
@@ -276,7 +295,8 @@ function ColorItem({
         <div
           className={cn(
             "group absolute bottom-0 left-0 h-12 w-full cursor-pointer overflow-hidden rounded-t-2xl",
-            hoverAnimation && "hover:h-22 duration-250 transition-[height]",
+            hoverAnimation &&
+              "hover:h-22 duration-250 transition-[height] ease-out",
             className
           )}
           style={style}
@@ -290,15 +310,16 @@ function ColorItem({
             )}
           >
             {colorName && <p>{colorName}</p>}
-            <p>{colorValue}</p>
+            {colorValue && <p>{colorValue}</p>}
           </div>
           <div
             className={cn(
-              "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 transition-opacity",
+              "absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-2 opacity-0 transition-opacity",
               isCopied && "opacity-100"
             )}
           >
-            <CheckIcon className="text-fg-muted size-4" />
+            <span className="text-sm">Copied</span>
+            <CheckIcon className="size-4" />
           </div>
         </div>
       </button>
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/index.ts b/www/src/app/(app)/themes/[themeName]/theme-editor/index.ts
deleted file mode 100644
index 2abc806d4..000000000
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { ThemeEditor } from "./theme-editor";
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/index.tsx
similarity index 94%
rename from www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx
rename to www/src/app/(app)/themes/[themeName]/theme-editor/index.tsx
index 4a85172dc..d40cff25e 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/theme-editor.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/index.tsx
@@ -1,219 +1,218 @@
-"use client";
-
-import React from "react";
-import Link from "next/link";
-import { notFound } from "next/navigation";
-import {
-  ArrowLeftIcon,
-  EllipsisVerticalIcon,
-  PenIcon,
-  SaveIcon,
-} from "lucide-react";
-import { cn } from "@/lib/utils";
-import { useMounted } from "@/hooks/use-mounted";
-import { Alert } from "@/components/core/alert";
-import { Button } from "@/components/core/button";
-import { Dialog, DialogRoot } from "@/components/core/dialog";
-import { MenuRoot, Menu, MenuItem } from "@/components/core/menu";
-import { Skeleton } from "@/components/core/skeleton";
-import { ToggleButton } from "@/components/core/toggle-button";
-import { Tooltip } from "@/components/core/tooltip";
-import { usePreviewMode } from "@/components/mode-provider";
-import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
-import { CreateThemeDialog } from "@/modules/themes/components/create-theme-dialog";
-import { Theme } from "@/modules/themes/types";
-import { PreviewContent } from "../../preview";
-import { ModeSwitch } from "./mode-switch";
-import { ThemeColors } from "./colors";
-import { ThemeEditorContext } from "./context";
-import { ThemeIconography } from "./iconography";
-import { ThemeTypography } from "./typography";
-import { ThemeComponents } from "./components";
-
-export function ThemeEditor({
-  theme: themeProp,
-  isEditable,
-}: {
-  theme?: Theme | string;
-  isEditable: boolean;
-}) {
-  const { mode: previewMode, setMode: setPreviewMode } = usePreviewMode();
-
-  const [isEditMode, setEditMode] = React.useState(true);
-  const isMounted = useMounted();
-  const { userThemes } = useUserThemes();
-
-  const theme: Theme | undefined =
-    typeof themeProp === "string"
-      ? userThemes.find((t) => t.name === themeProp)
-      : themeProp;
-
-  const isLoading = !theme;
-
-  if (isMounted && !theme) {
-    notFound();
-  }
-
-  return (
-    <ThemeEditorContext
-      value={{ isLoading, isEditMode: isEditable && isEditMode }}
-    >
-      <div className="[&_[data-slot=label]]:text-fg-muted [&_[data-slot=label]]:text-sm">
-        <ThemeEditorHeader
-          theme={theme}
-          isLoading={isLoading}
-          isEditable={isEditable}
-          isEditMode={isEditMode}
-          setEditMode={setEditMode}
-        />
-        <ThemeEditorBody>
-          {!isEditable && (
-            <Alert
-              action={
-                <CreateThemeDialog clonedThemeName={theme?.name}>
-                  <Button variant="primary">Clone theme</Button>
-                </CreateThemeDialog>
-              }
-            >
-              To adjust, edit and generate color palettes, fonts, radius,
-              components and more, You need to clone the theme.
-            </Alert>
-          )}
-          <Section
-            title="Colors"
-            description="Theme color palette and variations"
-            action={
-              theme?.foundations.light &&
-              theme?.foundations.dark &&
-              previewMode && (
-                <ModeSwitch
-                  isSelected={previewMode === "dark"}
-                  onChange={(isSelected) =>
-                    setPreviewMode(isSelected ? "dark" : "light")
-                  }
-                />
-              )
-            }
-          >
-            <ThemeColors theme={theme} />
-          </Section>
-          <Section title="Typography" description="Theme typography">
-            <ThemeTypography />
-          </Section>
-          <Section title="Iconography" description="Theme iconography">
-            <ThemeIconography />
-          </Section>
-          <Section title="Components" description="Theme components"> 
-            <ThemeComponents />
-          </Section>
-        </ThemeEditorBody>
-      </div>
-    </ThemeEditorContext>
-  );
-}
-
-interface ThemeHeaderProps {
-  theme?: Theme;
-  isLoading: boolean;
-  isEditable: boolean;
-  isEditMode: boolean;
-  setEditMode: (value: boolean) => void;
-}
-export function ThemeEditorHeader({
-  theme,
-  isLoading,
-  isEditable,
-  isEditMode,
-  setEditMode,
-}: ThemeHeaderProps) {
-  return (
-    <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
-      <Link
-        href="/themes"
-        className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
-      >
-        <ArrowLeftIcon className="size-4" />
-        <span>themes</span>
-      </Link>
-      <div className="flex items-center justify-between">
-        <h2 className="text-3xl font-semibold tracking-tight">
-          <Skeleton show={isLoading}>
-            <span>{theme?.name ?? "Forest"}</span>
-          </Skeleton>
-        </h2>
-        <div className="flex items-center gap-2">
-          <DialogRoot>
-            <Button className="xl:hidden">Preview</Button>
-            <Dialog type="drawer" className="h-[80svh] p-0">
-              <PreviewContent
-                themeName="minimalist"
-                collapsible={false}
-                resizable={false}
-              />
-            </Dialog>
-          </DialogRoot>
-          {isEditable && isEditMode && (
-            <Button prefix={<SaveIcon />} size="sm" isDisabled>
-              Save theme
-            </Button>
-          )}
-          {isEditable && (
-            <Tooltip content="Edit mode" variant="inverse" showArrow>
-              <ToggleButton
-                isSelected={isEditMode}
-                onChange={setEditMode}
-                variant="quiet"
-                shape="square"
-                size="sm"
-              >
-                <PenIcon />
-              </ToggleButton>
-            </Tooltip>
-          )}
-          <MenuRoot>
-            <Button shape="square" size="sm">
-              <EllipsisVerticalIcon />
-            </Button>
-            <Menu>
-              <MenuItem id="clone">Clone theme</MenuItem>
-            </Menu>
-          </MenuRoot>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function ThemeEditorBody({ children }: { children: React.ReactNode }) {
-  return <div className="space-y-10 max-lg:p-4 lg:mt-12">{children}</div>;
-}
-
-interface SectionProps {
-  title: string;
-  description?: string;
-  action?: React.ReactNode;
-  children?: React.ReactNode;
-  className?: string;
-}
-function Section({
-  title,
-  description,
-  action,
-  children,
-  className,
-}: SectionProps) {
-  return (
-    <section id={title.toLowerCase().replace(" ", "-")}>
-      <div className="flex items-center justify-between gap-2">
-        <div>
-          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
-          {description && (
-            <p className="text-fg-muted text-sm">{description}</p>
-          )}
-        </div>
-        {action}
-      </div>
-      <div className={cn("pt-2", className)}>{children}</div>
-    </section>
-  );
-}
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import {
+  ArrowLeftIcon,
+  EllipsisVerticalIcon,
+  PenIcon,
+  SaveIcon,
+} from "lucide-react";
+import { cn } from "@/lib/utils";
+import { useMounted } from "@/hooks/use-mounted";
+import { Alert } from "@/components/core/alert";
+import { Button } from "@/components/core/button";
+import { Dialog, DialogRoot } from "@/components/core/dialog";
+import { MenuRoot, Menu, MenuItem } from "@/components/core/menu";
+import { Skeleton } from "@/components/core/skeleton";
+import { ToggleButton } from "@/components/core/toggle-button";
+import { Tooltip } from "@/components/core/tooltip";
+import { usePreviewMode } from "@/components/mode-provider";
+import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
+import { CreateThemeDialog } from "@/modules/themes/components/create-theme-dialog";
+import { Theme } from "@/modules/themes/types";
+import { PreviewContent } from "../../preview";
+import { ModeSwitch } from "./mode-switch";
+import { ThemeColors } from "./colors";
+import { ThemeEditorContext } from "./context";
+import { ThemeIconography } from "./iconography";
+import { ThemeTypography } from "./typography";
+import { ThemeComponents } from "./components";
+
+export function ThemeEditor({
+  theme: themeProp,
+  isEditable,
+}: {
+  theme?: Theme | string;
+  isEditable: boolean;
+}) {
+  const { mode: previewMode, setMode: setPreviewMode } = usePreviewMode();
+
+  const [isEditMode, setEditMode] = React.useState(true);
+  const isMounted = useMounted();
+  const { userThemes } = useUserThemes();
+
+  const theme: Theme | undefined =
+    typeof themeProp === "string"
+      ? userThemes.find((t) => t.name === themeProp)
+      : themeProp;
+
+  const isLoading = !theme;
+
+  if (isMounted && !theme) {
+    notFound();
+  }
+
+  return (
+    <ThemeEditorContext
+      value={{ isLoading, isEditMode: isEditable && isEditMode }}
+    >
+      <div className="[&_[data-slot=label]]:text-fg-muted [&_[data-slot=label]]:text-sm">
+        <ThemeEditorHeader
+          theme={theme}
+          isLoading={isLoading}
+          isEditable={isEditable}
+          isEditMode={isEditMode}
+          setEditMode={setEditMode}
+        />
+        <ThemeEditorBody>
+          {!isEditable && (
+            <Alert
+              action={
+                <CreateThemeDialog clonedThemeName={theme?.name}>
+                  <Button variant="primary">Clone theme</Button>
+                </CreateThemeDialog>
+              }
+            >
+              To adjust colors, fonts, radius, components and more, you need to clone the theme.
+            </Alert>
+          )}
+          <Section
+            title="Colors"
+            description="Theme color palette and variations"
+            action={
+              theme?.foundations.light &&
+              theme?.foundations.dark &&
+              previewMode && (
+                <ModeSwitch
+                  isSelected={previewMode === "dark"}
+                  onChange={(isSelected) =>
+                    setPreviewMode(isSelected ? "dark" : "light")
+                  }
+                />
+              )
+            }
+          >
+            <ThemeColors theme={theme} />
+          </Section>
+          <Section title="Typography" description="Theme typography">
+            <ThemeTypography />
+          </Section>
+          <Section title="Iconography" description="Theme iconography">
+            <ThemeIconography />
+          </Section>
+          <Section title="Components" description="Theme components"> 
+            <ThemeComponents />
+          </Section>
+        </ThemeEditorBody>
+      </div>
+    </ThemeEditorContext>
+  );
+}
+
+interface ThemeHeaderProps {
+  theme?: Theme;
+  isLoading: boolean;
+  isEditable: boolean;
+  isEditMode: boolean;
+  setEditMode: (value: boolean) => void;
+}
+export function ThemeEditorHeader({
+  theme,
+  isLoading,
+  isEditable,
+  isEditMode,
+  setEditMode,
+}: ThemeHeaderProps) {
+  return (
+    <div className="max-lg:bg-bg max-lg:sticky max-lg:top-[57px] max-lg:z-10 max-lg:border-b max-lg:p-4">
+      <Link
+        href="/themes"
+        className="text-fg-muted hover:text-fg flex cursor-pointer items-center gap-1 text-sm"
+      >
+        <ArrowLeftIcon className="size-4" />
+        <span>themes</span>
+      </Link>
+      <div className="flex items-center justify-between">
+        <h2 className="text-3xl font-semibold tracking-tight">
+          <Skeleton show={isLoading}>
+            <span>{theme?.name ?? "Forest"}</span>
+          </Skeleton>
+        </h2>
+        <div className="flex items-center gap-2">
+          <DialogRoot>
+            <Button className="xl:hidden">Preview</Button>
+            <Dialog type="drawer" className="h-[80svh] p-0">
+              <PreviewContent
+                themeName="minimalist"
+                collapsible={false}
+                resizable={false}
+              />
+            </Dialog>
+          </DialogRoot>
+          {isEditable && isEditMode && (
+            <Button prefix={<SaveIcon />} size="sm" isDisabled>
+              Save theme
+            </Button>
+          )}
+          {isEditable && (
+            <Tooltip content="Edit mode" variant="inverse" showArrow>
+              <ToggleButton
+                isSelected={isEditMode}
+                onChange={setEditMode}
+                variant="quiet"
+                shape="square"
+                size="sm"
+              >
+                <PenIcon />
+              </ToggleButton>
+            </Tooltip>
+          )}
+          <MenuRoot>
+            <Button shape="square" size="sm">
+              <EllipsisVerticalIcon />
+            </Button>
+            <Menu>
+              <MenuItem id="clone">Clone theme</MenuItem>
+            </Menu>
+          </MenuRoot>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function ThemeEditorBody({ children }: { children: React.ReactNode }) {
+  return <div className="space-y-10 max-lg:p-4 lg:mt-12">{children}</div>;
+}
+
+interface SectionProps {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+  className?: string;
+}
+function Section({
+  title,
+  description,
+  action,
+  children,
+  className,
+}: SectionProps) {
+  return (
+    <section id={title.toLowerCase().replace(" ", "-")}>
+      <div className="flex items-center justify-between gap-2">
+        <div>
+          <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
+          {description && (
+            <p className="text-fg-muted text-sm">{description}</p>
+          )}
+        </div>
+        {action}
+      </div>
+      <div className={cn("pt-2", className)}>{children}</div>
+    </section>
+  );
+}
diff --git a/www/src/app/(app)/themes/preview.tsx b/www/src/app/(app)/themes/preview.tsx
index b83796943..42aa9aab8 100644
--- a/www/src/app/(app)/themes/preview.tsx
+++ b/www/src/app/(app)/themes/preview.tsx
@@ -76,7 +76,7 @@ export const Preview = () => {
           width: isOpen ? 0 : 110,
           marginLeft: isOpen ? 0 : -110,
         }}
-        transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+        transition={{ type: "spring", bounce: 0, duration: 0.25 }}
         className="flex justify-start overflow-hidden"
         aria-hidden={isOpen}
         inert={isOpen || undefined}
@@ -96,14 +96,14 @@ export const Preview = () => {
         key="preview-container"
         initial={{ width: 0 }}
         animate={{ width: containerWidth }}
-        transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+        transition={{ type: "spring", bounce: 0, duration: 0.25 }}
         className="h-full overflow-hidden"
         aria-hidden={!isOpen}
         inert={!isOpen || undefined}
       >
         <motion.div
           animate={{ width: previewWidth }}
-          transition={{ type: "spring", bounce: 0, duration: 0.3 }}
+          transition={{ type: "spring", bounce: 0, duration: 0.25 }}
           className="h-full p-4 pl-0"
         >
           <PreviewContent themeName={themeName} />
diff --git a/www/src/lib/colors.ts b/www/src/lib/colors.ts
index 5c57495b8..57c57f1e4 100644
--- a/www/src/lib/colors.ts
+++ b/www/src/lib/colors.ts
@@ -1,24 +1,20 @@
-import {
-  contrast,
-  convertColorValue,
-  Theme,
-  Color,
-  BackgroundColor,
-  type ColorTuple,
-  type CssColor,
-
-} from "@adobe/leonardo-contrast-colors";
+import { contrast, type ColorTuple } from "@adobe/leonardo-contrast-colors";
+import { parseColor } from "react-aria-components";
 
 export const getContrastTextColor = (color: string): "white" | "black" => {
-  const RGBColor = convertColorValue(color, "RGB", true) as unknown as {
-    r: number;
-    g: number;
-    b: number;
-  };
-  const colorTuple: ColorTuple = [RGBColor.r, RGBColor.g, RGBColor.b];
+  const colorValue = parseColor(color).toFormat("rgb")
+
+  const colorTuple: ColorTuple = [
+    colorValue.getChannelValue("red"),
+    colorValue.getChannelValue("green"),
+    colorValue.getChannelValue("blue"),
+  ];
+
   const contrastWithBlack = contrast(colorTuple, [0, 0, 0]);
   const contrastWithWhite = contrast(colorTuple, [255, 255, 255]);
+
   const contrastText =
     contrastWithBlack > contrastWithWhite ? "black" : "white";
+    
   return contrastText;
-};
\ No newline at end of file
+};
diff --git a/www/src/modules/themes/components/theme-provider.tsx b/www/src/modules/themes/components/theme-provider.tsx
index 1932ccc24..a4014b6c4 100644
--- a/www/src/modules/themes/components/theme-provider.tsx
+++ b/www/src/modules/themes/components/theme-provider.tsx
@@ -14,7 +14,10 @@ export interface ThemeProviderProps
   extends Omit<React.ComponentProps<"div">, "children"> {
   children?:
     | React.ReactNode
-    | ((mode: "light" | "dark" | null) => React.ReactNode);
+    | ((props: {
+        resolvedMode: "light" | "dark" | null;
+        colors: Record<string, string>;
+      }) => React.ReactNode);
   theme?: Theme;
   unstyled?: boolean;
   ignorePreviewMode?: boolean;
@@ -77,7 +80,9 @@ export const ThemeProvider = ({
           suppressHydrationWarning
           {...props}
         >
-          {typeof children === "function" ? children(resolvedMode) : children}
+          {typeof children === "function"
+            ? children({ resolvedMode, colors: cssVars })
+            : children}
         </div>
       </PrimitivesProvider>
     </VariantsProvider>
diff --git a/www/src/modules/themes/components/themes-overview.tsx b/www/src/modules/themes/components/themes-overview.tsx
index 12505b447..df29d2425 100644
--- a/www/src/modules/themes/components/themes-overview.tsx
+++ b/www/src/modules/themes/components/themes-overview.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { CheckIcon, CopyIcon, MoonIcon, SunIcon } from "lucide-react";
+import { CheckIcon, CopyIcon } from "lucide-react";
 import { AnimatePresence, motion, Variants } from "motion/react";
 import { Button } from "@/components/core/button";
 import { Skeleton } from "@/registry/core/skeleton_basic";
diff --git a/www/src/modules/themes/lib/create-theme.ts b/www/src/modules/themes/lib/create-theme.ts
index 44e6d4431..2a3d78217 100644
--- a/www/src/modules/themes/lib/create-theme.ts
+++ b/www/src/modules/themes/lib/create-theme.ts
@@ -4,8 +4,8 @@ import {
   Theme as LeonardoTheme,
 } from "@adobe/leonardo-contrast-colors";
 import { RegistryTheme } from "@dotui/schemas";
-import { Colors, Theme } from "@/modules/themes/types";
 import { getContrastTextColor } from "@/lib/colors";
+import { Colors, Theme } from "@/modules/themes/types";
 
 export const createTheme = (theme: Theme): RegistryTheme => {
   const { foundations, ...propreties } = theme;
@@ -74,16 +74,15 @@ export const createThemeCssVars = (
   const cssVariables = generatedTheme.contrastColors
     .map((color) => {
       if ("name" in color) {
-        return color.values.map((value, index) => {
+        return color.values.map((item, index) => {
           const scale = (index + 1) * 100;
           const entries: [string, string][] = [
-            [`--${color.name}-${scale}`, value.value],
+            [`--${color.name}-${scale}`, item.value],
           ];
 
-          // Generate foreground colors if requested
           if (createForegrounds) {
-            const bgColor = value.value;
-            const fg = getContrastTextColor(bgColor);
+            const bgColor = item.value;
+            const fg = getContrastTextColor(bgColor.replace("deg", ""));
             entries.push([`--${color.name}-${scale}-fg`, fg]);
           }
 
@@ -94,7 +93,16 @@ export const createThemeCssVars = (
     })
     .filter(Boolean)
     .flatMap((color) => color as [string, string][][])
-    .reduce((acc, curr) => ({ ...acc, ...{ [curr[0]]: curr[1] } }), {});
+    .reduce(
+      (acc, curr) => {
+        const result: Record<string, string> = {};
+        curr.forEach(([key, value]) => {
+          result[key] = value;
+        });
+        return { ...acc, ...result };
+      },
+      {} as Record<string, string>
+    );
 
   return cssVariables;
 };

From 874c2772cd2b6591cf63174968dbfc336c3bacca Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 11 Mar 2025 12:57:29 +0100
Subject: [PATCH 160/165] wip

---
 pnpm-lock.yaml                                | 1792 +++++++++--------
 www/package.json                              |    5 +-
 www/src/app/(home)/page.tsx                   |    7 +-
 www/src/components/announcement.tsx           |    4 +-
 www/src/components/logo.tsx                   |   10 +-
 .../themes/components/font-selector.tsx       |    6 +-
 www/src/registry/core/command_basic.tsx       |    2 +-
 www/src/styles/globals.css                    |    2 +-
 8 files changed, 944 insertions(+), 884 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2a5ef1344..da8d6d4b9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -248,8 +248,8 @@ importers:
         specifier: ^3.33.0
         version: 3.36.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-aria-components:
-        specifier: ^1.6.0
-        version: 1.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^1.7.0
+        version: 1.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-dom:
         specifier: 19.0.0
         version: 19.0.0(react@19.0.0)
@@ -278,8 +278,8 @@ importers:
         specifier: ^2.2.0
         version: 2.6.0
       tailwind-variants:
-        specifier: ^0.3.1
-        version: 0.3.1(patch_hash=3gftwx6tedpz3ddwa7homjsoma)(tailwindcss@4.0.0)
+        specifier: ^1.0.0
+        version: 1.0.0(patch_hash=3gftwx6tedpz3ddwa7homjsoma)(tailwindcss@4.0.0)
       tsx:
         specifier: ^4.7.1
         version: 4.19.2
@@ -341,6 +341,9 @@ importers:
       tailwindcss-rac:
         specifier: workspace:*
         version: link:../packages/tailwindcss-rac
+      tailwindcss-react-aria-components:
+        specifier: ^2.0.0
+        version: 2.0.0(tailwindcss@4.0.0)
       typescript:
         specifier: ^5
         version: 5.7.3
@@ -1439,8 +1442,8 @@ packages:
       '@types/react':
         optional: true
 
-  '@react-aria/autocomplete@3.0.0-alpha.37':
-    resolution: {integrity: sha512-a7awFG3hshJ/kX7Qti/cJAKOG0XU5F/XW6fQffKGfEge7PmiWIvaLTrT5her79/v8v/bRBykIkpEgDCFE7WGzg==}
+  '@react-aria/autocomplete@3.0.0-beta.0':
+    resolution: {integrity: sha512-8uqLicU2QlAtXspqIPbG2H2dqndFOnEwOf1bfmqI+9EjIBjQTQKbd4YBle++ZdhSTLKTOK6DM3ZkzfsoNk5DsQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1450,8 +1453,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/breadcrumbs@3.5.20':
-    resolution: {integrity: sha512-xqVSSDPpQuUFpJyIXMQv8L7zumk5CeGX7qTzo4XRvqm5T9qnNAX4XpYEMdktnLrQRY/OemCBScbx7SEwr0B3Kg==}
+  '@react-aria/breadcrumbs@3.5.21':
+    resolution: {integrity: sha512-Sg9nQIcKqHInXqTPml4uuf/2goEi9emPa9z/IGk6nw4kkZJuQYiqYvd5nCpcSqDfB2cWiJ5QZ50JIsKuTdBQpw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1461,8 +1464,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/button@3.11.1':
-    resolution: {integrity: sha512-NSs2HxHSSPSuYy5bN+PMJzsCNDVsbm1fZ/nrWM2WWWHTBrx9OqyrEXZVV9ebzQCN9q0nzhwpf6D42zHIivWtJA==}
+  '@react-aria/button@3.12.0':
+    resolution: {integrity: sha512-obnK2vjQQdoOXMIPFy8PZSI8vET+LIeQeh3gjQfRcbtcVE6xT1drDARm6e36cunI2Up99e0yVBBWqqegNqKGQw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1473,8 +1476,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/calendar@3.7.0':
-    resolution: {integrity: sha512-9YUbgcox7cQgvZfQtL2BLLRsIuX4mJeclk9HkFoOsAu3RGO5HNsteah8FV54W8BMjm/bNRXIPUxtjTTP+1L6jg==}
+  '@react-aria/calendar@3.7.1':
+    resolution: {integrity: sha512-0GN2MJNExA5rJbciVdEysmFfmcSEeGfIcFMid1xp82nhJTyWoSpdJG76Q/bLO8ADoBEhRPHsnItyVwKdHMSVsA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1484,14 +1487,14 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/checkbox@3.15.1':
-    resolution: {integrity: sha512-ETgsMDZ0IZzRXy/OVlGkazm8T+PcMHoTvsxp0c+U82c8iqdITA+VJ615eBPOQh6OkkYIIn4cRn/e+69RmGzXng==}
+  '@react-aria/checkbox@3.15.2':
+    resolution: {integrity: sha512-vJf91ToLN+BHfJUbulKBxN2POB7XzIb/3whF+fSk6wSld2vtFjQ80SQfz5HktYG/Af5VccxyCg70dp4moLvsTw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/collections@3.0.0-alpha.7':
-    resolution: {integrity: sha512-JR2Ro33Chlf26NM12zJsK+MOs5/k+PQallT5+4YawndYmbxqlDLADcoFdcORJqh0pKf9OnluWtANobCkQGd0aQ==}
+  '@react-aria/collections@3.0.0-beta.0':
+    resolution: {integrity: sha512-2ra5nq44Dri8BhjhPEgA2f27WJVFCXnOqJhvRYGnLA/qmPnPprkzdAStug5+JXzogcvcZQ+Msk2nku4zprGQlw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1502,8 +1505,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/color@3.0.3':
-    resolution: {integrity: sha512-DDVma2107VHBfSuEnnmy+KJvXvxEXWSAooii2vlHHmQNb5x4rv4YTk+dP5GZl/7MgT8OgPTB9UHoC83bXFMDRA==}
+  '@react-aria/color@3.0.4':
+    resolution: {integrity: sha512-enKb+TXAtqP0+UUIxX9Ss/5aLU2i6IF1pmTxsjIYT/RfM52eaP+o088KPDlmVFx3HYQxjK85XmAlBlSwm859Qg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1514,8 +1517,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/combobox@3.11.1':
-    resolution: {integrity: sha512-TTNbGhUuqxzPcJzd6hufOxuHzX0UARkw+0bl+TuCwNPQnqrcPf20EoOZvd3MHZwGq6GCP4QV+qo0uGx83RpUvA==}
+  '@react-aria/combobox@3.12.0':
+    resolution: {integrity: sha512-p4WBfmtigEL+MwAKa4wdTnLl4kTnGvek/WjhUDdSF2vcRJi7NmvN4HwzgE4L4TcGISfbOc+OUh6jGemu1uV4lA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1526,8 +1529,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/datepicker@3.13.0':
-    resolution: {integrity: sha512-TmJan65P3Vk7VDBNW5rH9Z25cAn0vk8TEtaP3boCs8wJFE+HbEuB8EqLxBFu47khtuKTEqDP3dTlUh2Vt/f7Xw==}
+  '@react-aria/datepicker@3.14.0':
+    resolution: {integrity: sha512-jRyymreuDy6/BbGrLHiaATGjZZhdnkEUujZuolU+8FXmCKkEQwxZKa9KfjK4UA3h2sytypK1vU7cQjQH4b36cA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1538,8 +1541,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/dialog@3.5.21':
-    resolution: {integrity: sha512-tBsn9swBhcptJ9QIm0+ur0PVR799N6qmGguva3rUdd+gfitknFScyT08d7AoMr9AbXYdJ+2R9XNSZ3H3uIWQMw==}
+  '@react-aria/dialog@3.5.22':
+    resolution: {integrity: sha512-mW1cnfy+mQUKXmyXD27z4S8Yvs1HCmum15yy76UNQv6KVFO26zVZ12jkT7pDeDl3YpR6hCeT+kD47j1lDDX/qg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1550,8 +1553,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/disclosure@3.0.1':
-    resolution: {integrity: sha512-rNH8RFcePoAQizcqB7KuHbBOr7sPsysFKCUwbVSOXLPgvCfXKafIhjgFJVqekfsbn5zWvkcTupnzGVJj/F9p+g==}
+  '@react-aria/disclosure@3.0.2':
+    resolution: {integrity: sha512-5+PBPGZkPStMYzz1dQsUHORiOG3vLRdv4Q4kfsd6ZKRIqEsRLKL+lciw8kjb7E9ixt+2r0gjearkqG2vVPf33w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1562,8 +1565,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/dnd@3.8.1':
-    resolution: {integrity: sha512-FoXYQ4z33E9YBzIGRJM1B1oZep6CvEWgXvjCZGURatjr3qG7vf95mOqA5kVd9bjLL7QK4w0ujJWEBfog3WmufA==}
+  '@react-aria/dnd@3.9.0':
+    resolution: {integrity: sha512-vQrcNpDlFCjICD3hO7iugDblAw8+n/1Kka2hubRbsrignNIHlMJNs5/TpK2Id6xgz37LmBaf7lEwkH87x1tZmQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1573,8 +1576,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/focus@3.19.1':
-    resolution: {integrity: sha512-bix9Bu1Ue7RPcYmjwcjhB14BMu2qzfJ3tMQLqDc9pweJA66nOw8DThy3IfVr8Z7j2PHktOLf9kcbiZpydKHqzg==}
+  '@react-aria/focus@3.20.0':
+    resolution: {integrity: sha512-KXZCwWzwnmtUo6xhnyV26ptxlxmqd0Reez7axduqqqeDDgDZOVscoo/5gFg71fdPZmnDC8MyUK1vxSbMhOTrGg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1584,8 +1587,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/form@3.0.12':
-    resolution: {integrity: sha512-8uvPYEd3GDyGt5NRJIzdWW1Ry5HLZq37vzRZKUW8alZ2upFMH3KJJG55L9GP59KiF6zBrYBebvI/YK1Ye1PE1g==}
+  '@react-aria/form@3.0.13':
+    resolution: {integrity: sha512-f7zoFMQYBRWhKFX14rlFjSUDbNAvNMLpWRKVP3O0rUYTxh95iF5tcfUk5+lxWkVfmVj8S4O8du0ccv/ZQjPsYg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1596,8 +1599,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/grid@3.11.1':
-    resolution: {integrity: sha512-Wg8m68RtNWfkhP3Qjrrsl1q1et8QCjXPMRsYgKBahYRS0kq2MDcQ+UBdG1fiCQn/MfNImhTUGVeQX276dy1lww==}
+  '@react-aria/grid@3.12.0':
+    resolution: {integrity: sha512-w1hVZP73QX/9YCc9pXBJzT71m3mKAHcNI68Z25NbQqwr774b5g1fdcO8o7knnlKXZVsM+Vz30kdRP8iG5GqY6A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1608,8 +1611,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/gridlist@3.10.1':
-    resolution: {integrity: sha512-11FlupBg5C9ehs7R6OjqMPWEOLK/4IuSrq7D1xU+Hnm7ZYI/KKcCXvNMjMmnOz/gGzOmfgVwz5PIKaY9aZarEg==}
+  '@react-aria/gridlist@3.11.0':
+    resolution: {integrity: sha512-B4wt/2t6BD3TEAj4lycpT3On3TeFG+T9bmsdz0jeMVnIu4HLL0XX4owBKaNQ7qkTDhlgKn96VotQV/ZAiTi1bA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1619,8 +1622,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/i18n@3.12.5':
-    resolution: {integrity: sha512-ooeop2pTG94PuaHoN2OTk2hpkqVuoqgEYxRvnc1t7DVAtsskfhS/gVOTqyWGsxvwAvRi7m/CnDu6FYdeQ/bK5w==}
+  '@react-aria/i18n@3.12.6':
+    resolution: {integrity: sha512-I2Qz1vAlgdeW2GUMLhHucYhk514/BRuEzvH1iih8qeqvv0gEbKdSIjPJUomW+WzYVmJ2/bwKQAr7otr2fNcbrw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1630,8 +1633,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/interactions@3.23.0':
-    resolution: {integrity: sha512-0qR1atBIWrb7FzQ+Tmr3s8uH5mQdyRH78n0krYaG8tng9+u1JlSi8DGRSaC9ezKyNB84m7vHT207xnHXGeJ3Fg==}
+  '@react-aria/interactions@3.24.0':
+    resolution: {integrity: sha512-6Zdhp1pswyPgbwEWzvXARdKAWPjP7mACczoIUvlEQiMsX04fuizBiBLAA+W/5mPe17pbJYHA/rxZF5Y5m+M0Ng==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1641,8 +1644,14 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/label@3.7.14':
-    resolution: {integrity: sha512-EN1Md2YvcC4sMqBoggsGYUEGlTNqUfJZWzduSt29fbQp1rKU2KlybTe+TWxKq/r2fFd+4JsRXxMeJiwB3w2AQA==}
+  '@react-aria/label@3.7.15':
+    resolution: {integrity: sha512-jbSxijCLHdQ/HX0yyhrsY0ypZled5omAK7Eh+Z6vW0qpoqvM1rR/ChaoUje9tW5FmMDjafbt905RUxy0xnMQ1A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/landmark@3.0.0':
+    resolution: {integrity: sha512-2rJwAQkk0HeAtvI7b47f4esRt9XYeP7GnMYGaILBBSy5aUi85B57ZyqF6RmrKq0z61ZyH5+zW/YK+9Wb/ZK7aA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1652,8 +1661,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/link@3.7.8':
-    resolution: {integrity: sha512-oiXUPQLZmf9Q9Xehb/sG1QRxfo28NFKdh9w+unD12sHI6NdLMETl5MA4CYyTgI0dfMtTjtfrF68GCnWfc7JvXQ==}
+  '@react-aria/link@3.7.9':
+    resolution: {integrity: sha512-2LE3p5Gqp1Tl/3JF4CmeJT3RsdDBawBaIMlqiOT7t505z1TZI8ygHHq5FFok8FMwpy2yxpqRNW9jDa3gZj575w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1664,8 +1673,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/listbox@3.14.0':
-    resolution: {integrity: sha512-pyVbKavh8N8iyiwOx6I3JIcICvAzFXkKSFni1yarfgngJsJV3KSyOkzLomOfN9UhbjcV4sX61/fccwJuvlurlA==}
+  '@react-aria/listbox@3.14.1':
+    resolution: {integrity: sha512-4uiY7HG4ekF37wNX5hHEMhshkXrU1U4593LVNYjUZHizcB1ZahXzo/F0T3qpeNo+/j89ls8qhDHx/bGIWNj1aQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1679,8 +1688,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/menu@3.17.0':
-    resolution: {integrity: sha512-aiFvSv3G1YvPC0klJQ/9quB05xIDZzJ5Lt6/CykP0UwGK5i8GCqm6/cyFLwEXsS5ooUPxS3bqmdOsgdADSSgqg==}
+  '@react-aria/menu@3.18.0':
+    resolution: {integrity: sha512-UvcGwx5mGWpZF/d1cQsvCzt0gG5NKbrgAe9B5pumzMfWyXpbkRB0v90GnUlPShbemLhYmWCnTXlN9ogEdAV1dw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1690,13 +1699,14 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/meter@3.4.19':
-    resolution: {integrity: sha512-IIA+gTHrNVbMuBgcqdGLEKd/ZiKM2hOUqS6uztbT15dwPJTmtfJiTWA2872PiY52p+gqPSanZuTc2TXYJa+rew==}
+  '@react-aria/meter@3.4.20':
+    resolution: {integrity: sha512-JiDKZMs4W1eqJoUQvhY15pRFluh15JPiU9iNbqKOnV5nXdQSIAfGBe6jXGVVE8yb54v6OHG0Gcltl89iN2oFzQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/numberfield@3.11.10':
-    resolution: {integrity: sha512-bYbTfO9NbAKMFOfEGGs+lvlxk0I9L0lU3WD2PFQZWdaoBz9TCkL+vK0fJk1zsuKaVjeGsmHP9VesBPRmaP0MiA==}
+  '@react-aria/numberfield@3.11.11':
+    resolution: {integrity: sha512-LKPU+l4YzZMcfuBs06G3+FIagvW3ZxYy7g5s7VRfktGAQkbCMQt3e8felk2aSdEK0kD6fXh/EiATxSgKNKnNAA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1713,8 +1723,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/overlays@3.25.0':
-    resolution: {integrity: sha512-UEqJJ4duowrD1JvwXpPZreBuK79pbyNjNxFUVpFSskpGEJe3oCWwsSDKz7P1O7xbx5OYp+rDiY8fk/sE5rkaKw==}
+  '@react-aria/overlays@3.26.0':
+    resolution: {integrity: sha512-Rr3yoyGwXzp446QK6CwnjJl9ZfH/Cq2o01XQmMjya2gmk5N4aefRORg7eRoVy5EVfecIH/HJVg0BKEjXQOp4nA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1724,8 +1734,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/progress@3.4.19':
-    resolution: {integrity: sha512-5HHnBJHqEUuY+dYsjIZDYsENeKr49VCuxeaDZ0OSahbOlloIOB1baCo/6jLBv1O1rwrAzZ2gCCPcVGed/cjrcw==}
+  '@react-aria/progress@3.4.20':
+    resolution: {integrity: sha512-N3X8R5G+/CPMnRqNZ1f68t2d5nGUqJH9GDw67tBUzr2Bti/0hcC6euGTOZWAQw1EDX8rZdkLY7qM7n9sX9GTJQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1735,8 +1745,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/radio@3.10.11':
-    resolution: {integrity: sha512-R150HsBFPr1jLMShI4aBM8heCa1k6h0KEvnFRfTAOBu+B9hMSZOPB+d6GQOwGPysNlbset90Kej8G15FGHjqiA==}
+  '@react-aria/radio@3.11.0':
+    resolution: {integrity: sha512-twaJlT4prn1jSK9Wq5JDX+ywQ6hVnt8eea5cwe33bU87aQxCoz1PZAp5/cqEA8CT7jJUCM3wPQ8eBRtpHnjYNQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1746,8 +1756,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/searchfield@3.8.0':
-    resolution: {integrity: sha512-AaZuH9YIWlMyE1m7cSjHCfOuQmlWN+w8HVW32TxeGGGL1kJsYAlSYWYHUyYFIKh245kq/m5zUxAxmw5Ygmnx5w==}
+  '@react-aria/searchfield@3.8.1':
+    resolution: {integrity: sha512-KMY6slZTM940Jk/kimeh0Lw/VxP0PSDBdjoYLzOjQkUDBlvybDj5jSXnT7ZFr/NXX67/lDNulJgCrVxRoYnI6Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1758,8 +1768,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/select@3.15.1':
-    resolution: {integrity: sha512-FOtY1tuHt0YTHwOEy/sf7LEIL+Nnkho3wJmfpWQuTxsvMCF7UJdQPYPd6/jGCcCdiqW7H4iqyjUkSp6nk/XRWQ==}
+  '@react-aria/select@3.15.2':
+    resolution: {integrity: sha512-DO8KRopzoBOtbixcXfo7meKTAg4IUyW1lPxo4esfot7OZCNvzbH+Mkx0aDgfQfItd8+7Xj8rhQPL58aauJKw9A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1770,8 +1780,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/selection@3.22.0':
-    resolution: {integrity: sha512-XFOrK525HX2eeWeLZcZscUAs5qsuC1ZxsInDXMjvLeAaUPtQNEhUKHj3psDAl6XDU4VV1IJo0qCmFTVqTTMZSg==}
+  '@react-aria/selection@3.23.0':
+    resolution: {integrity: sha512-m/sq3UuaTFRiEU9S6K+nkn9ONcpCtFskeJH/IZ9l/583X08KEoW/A3Vehrf3dlL8CNbkKKPfkUdKh1X6gTmHzA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1781,8 +1791,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/separator@3.4.5':
-    resolution: {integrity: sha512-RQA9sKZdAEjP1Yrv0GpDdXgmXd56kXDE8atPDHEC0/A4lpYh/YFLfXcv1JW0Hlg4kBocdX2pB2INyDGhiD+yfw==}
+  '@react-aria/separator@3.4.6':
+    resolution: {integrity: sha512-V6qVI03vzDhFfj3uDurSxtuEXpAJFntQgvaYXrdZ35lhHJDmuo1iCXqRrXkd4g21wvdidQ6WWeVl650ewxirpA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1792,8 +1802,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/slider@3.7.15':
-    resolution: {integrity: sha512-v9tujsuvJYRX0vE/vMYBzTT9FXbzrLsjkOrouNq+UdBIr7wRjIWTHHM0j+khb2swyCWNTbdv6Ce316Zqx2qWFg==}
+  '@react-aria/slider@3.7.16':
+    resolution: {integrity: sha512-SBcEbQWv1gDxx6TsNPVMOA4hNAsvPgMC9MuQQrXR1azIDlraU7A8tIMfs7BfEomiSaaZjxBso/xiZMuEJc7trQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1804,8 +1814,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/spinbutton@3.6.11':
-    resolution: {integrity: sha512-RM+gYS9tf9Wb+GegV18n4ArK3NBKgcsak7Nx1CkEgX9BjJ0yayWUHdfEjRRvxGXl+1z1n84cJVkZ6FUlWOWEZA==}
+  '@react-aria/spinbutton@3.6.12':
+    resolution: {integrity: sha512-MtYYWl6wvUv+sUcEucTiHMoSRs2GsSNh+awEBJ5/boqQKU+bLjZ/9j/qIJO8Iueet2535HtLMKz1IsM0Pltrng==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1821,10 +1831,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/switch@3.6.11':
-    resolution: {integrity: sha512-paYCpH+oeL+8rgQK+cBJ+IaZ1sXSh3+50WPlg2LvLBta0QVfQhPR4juPvfXRpfHHhCjFBgF4/RGbV8q5zpl3vA==}
+  '@react-aria/switch@3.7.0':
+    resolution: {integrity: sha512-TwTKz9qO6FUg/szH/uqODvlXM8BKSXuFQMct3Tp/FsILFqfX9FQcD5jwbclmN5tywCVdeJU/OkICldxMx4gFeA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-aria/table@3.16.0':
     resolution: {integrity: sha512-9xF9S3CJ7XRiiK92hsIKxPedD0kgcQWwqTMtj3IBynpQ4vsnRiW3YNIzrn9C3apjknRZDTSta8O2QPYCUMmw2A==}
@@ -1832,20 +1843,20 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/table@3.16.1':
-    resolution: {integrity: sha512-T28TIGnKnPBunyErDBmm5jUX7AyzT7NVWBo9pDSt9wUuEnz0rVNd7p9sjmP2+u7I645feGG9klcdpCvFeqrk8A==}
+  '@react-aria/table@3.17.0':
+    resolution: {integrity: sha512-x6jW3r0AIIbcGxra0yrecndA0kSnyEQWC16kVXmceLo0F4UCSmRRomWxEtvM3TZoesKlNpDYzipJJLT4HpbPVw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tabs@3.9.8':
-    resolution: {integrity: sha512-Nur/qRFBe+Zrt4xcCJV/ULXCS3Mlae+B89bp1Gl20vSDqk6uaPtGk+cS5k03eugOvas7AQapqNJsJgKd66TChw==}
+  '@react-aria/tabs@3.10.0':
+    resolution: {integrity: sha512-1wGB4CtkP/F0/4YTDoB7XoPr4Ea6dbLTpLHQiS0cxf0kA3NZCxRguIffRbigE/D6fHArzWyKedSo6FzJR/WPZw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tabs@3.9.9':
-    resolution: {integrity: sha512-oXPtANs16xu6MdMGLHjGV/2Zupvyp9CJEt7ORPLv5xAzSY5hSjuQHJLZ0te3Lh/KSG5/0o3RW/W5yEqo7pBQQQ==}
+  '@react-aria/tabs@3.9.8':
+    resolution: {integrity: sha512-Nur/qRFBe+Zrt4xcCJV/ULXCS3Mlae+B89bp1Gl20vSDqk6uaPtGk+cS5k03eugOvas7AQapqNJsJgKd66TChw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1856,8 +1867,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tag@3.4.9':
-    resolution: {integrity: sha512-Vnps+zk8vYyjevv2Bc6vc9kSp9HFLKrKUDmrWMc0DfseypwJMc3Ya6F965ZVTjF9nuWrojNmvgusNu7qyXFShQ==}
+  '@react-aria/tag@3.5.0':
+    resolution: {integrity: sha512-VqYbctlV5Slhy3rT+HVwkyts1z5KTdOvlM/MNzYExMiSbKXq8KkwQNq10gNKLNE5c5BdOAZ5MwWIIfnASf+c1A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1867,8 +1878,14 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/textfield@3.16.0':
-    resolution: {integrity: sha512-53RVpMeMDN/QoabqnYZ1lxTh1xTQ3IBYQARuayq5EGGMafyxoFHzttxUdSqkZGK/+zdSF2GfmjOYJVm2nDKuDQ==}
+  '@react-aria/textfield@3.17.0':
+    resolution: {integrity: sha512-asvbf0xC17qSQ51OojRELUtbTfVe42YE26KUZ/dtxkj+Ln20nj1F3UWXU3hDCn36hbj3vnJ2Zp8X6aGOfJP0qQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-aria/toast@3.0.0':
+    resolution: {integrity: sha512-KDbJy8BFNTjc9ABEVWrgiAFRtGHSkRPv2AK4b7Yv1sQ3ePuZ0BIUtn2DQODNAFbLs/Z/OgoqLYMOORqL3Ti7pQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1878,8 +1895,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/toggle@3.10.11':
-    resolution: {integrity: sha512-J3jO3KJiUbaYVDEpeXSBwqcyKxpi9OreiHRGiaxb6VwB+FWCj7Gb2WKajByXNyfs8jc6kX9VUFaXa7jze60oEQ==}
+  '@react-aria/toggle@3.11.0':
+    resolution: {integrity: sha512-LQcuGxkoHIb79phsGVzLVWlA25Uj14fRMEo4r/DRB9xE+IiOgO8g3gaA5oWNT3kpM898lTxaIv1yVxhWZEksrQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1889,8 +1906,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/toolbar@3.0.0-beta.12':
-    resolution: {integrity: sha512-a+Be27BtM2lzEdTzm19FikPbitfW65g/JZln3kyAvgpswhU6Ljl8lztaVw4ixjG4H0nqnKvVggMy4AlWwDUaVQ==}
+  '@react-aria/toolbar@3.0.0-beta.13':
+    resolution: {integrity: sha512-aj5lWdk/yp2Tmuuofu1rdkvhiYPCXihuPFbs+9HHz88kyezM7bkhmQRIf0w47tiPIKUA0UuwJucBjDZfl9EQFw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1900,14 +1917,14 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tooltip@3.7.11':
-    resolution: {integrity: sha512-mhZgAWUj7bUWipDeJXaVPZdqnzoBCd/uaEbdafnvgETmov1udVqPTh9w4ZKX2Oh1wa2+OdLFrBOk+8vC6QbWag==}
+  '@react-aria/tooltip@3.8.0':
+    resolution: {integrity: sha512-Tal09bWgursZ3v1qUuB/0z4Cz+jcDIfe8G5TECMtr0vbfYh2u7RIjBNZnsRcxZ2syXDxhHrPNeh8mrp4vKCAKg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tree@3.0.0-beta.3':
-    resolution: {integrity: sha512-eQnCtvDgpunCHInIT+Da3qdgzDzKEFW9REX2j1vMqWTsbM1YikVlBzB9AJOd9KIAWyn+p4TYdL8zzPWxvuSdfA==}
+  '@react-aria/tree@3.0.0':
+    resolution: {integrity: sha512-utWVgR7Tmq7lPDRL+ud2nzNhv3GPtFnCE52ACQOUR8D8YL2EJhVKt8kMzrf92aQgTZPq6zWI6kRkxFJ/HORDvg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1917,14 +1934,14 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/utils@3.27.0':
-    resolution: {integrity: sha512-p681OtApnKOdbeN8ITfnnYqfdHS0z7GE+4l8EXlfLnr70Rp/9xicBO6d2rU+V/B3JujDw2gPWxYKEnEeh0CGCw==}
+  '@react-aria/utils@3.28.0':
+    resolution: {integrity: sha512-FfpvpADk61OvEnFe37k6jF1zr5gtafIPN9ccJRnPCTqrzuExag01mGi+wX/hWyFK0zAe1OjWf1zFOX3FsFvikg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/virtualizer@4.1.1':
-    resolution: {integrity: sha512-AYQmC/S9HhxGOj8HkQdxDW8/+sUEmmfcGpjkInzXB8UZCB1FQLC0LpvA8fOP7AfzLaAL+HVcYF5BvnGMPijHTQ==}
+  '@react-aria/virtualizer@4.1.2':
+    resolution: {integrity: sha512-IZyV7yhxcMjzoTgVvQ6gmS8PFiVhwXVQ93X+l87bwR2K/z3z+hvhR4JNuA8qsqK5Lr0yUUlY06iM/h2yZRv7Nw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -1934,14 +1951,14 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/visually-hidden@3.8.19':
-    resolution: {integrity: sha512-MZgCCyQ3sdG94J5iJz7I7Ai3IxoN0U5d/+EaUnA1mfK7jf2fSYQBqi6Eyp8sWUYzBTLw4giXB5h0RGAnWzk9hA==}
+  '@react-aria/visually-hidden@3.8.20':
+    resolution: {integrity: sha512-Y7JbrpheUhNgnJWogDWxuxxiWAnuaW9MKOUY5vD3KOa+vEWuc2IBOGSzOOUkAGnVP4L2rvaHeZIuR5flqyeskA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/autocomplete@3.0.0-alpha.0':
-    resolution: {integrity: sha512-as4si0pBcnGnggwpvemMwCLTeV0h9GS9e5eHSR3RFg14eqUHZBEzYJ0kh9oTugpsGuf1TSM/HDizo8GQk3EtPA==}
+  '@react-stately/autocomplete@3.0.0-beta.0':
+    resolution: {integrity: sha512-nWRbDzqHzdZySIqwoEBMIdineoQxR1Wzmb86r+NICBX9cNv0tZBLNnHywHsul/MN61/TthdOpay1QwZUoQSrXw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -1950,8 +1967,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/calendar@3.7.0':
-    resolution: {integrity: sha512-N15zKubP2S7eWfPSJjKVlmJA7YpWzrIGx52BFhwLSQAZcV+OPcMgvOs71WtB7PLwl6DUYQGsgc0B3tcHzzvdvQ==}
+  '@react-stately/calendar@3.7.1':
+    resolution: {integrity: sha512-DXsJv2Xm1BOqJAx5846TmTG1IZ0oKrBqYAzWZG7hiDq3rPjYGgKtC/iJg9MUev6pHhoZlP9fdRCNFiCfzm5bLQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -1960,8 +1977,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/checkbox@3.6.11':
-    resolution: {integrity: sha512-jApdBis+Q1sXLivg+f7krcVaP/AMMMiQcVqcz5gwxlweQN+dRZ/NpL0BYaDOuGc26Mp0lcuVaET3jIZeHwtyxA==}
+  '@react-stately/checkbox@3.6.12':
+    resolution: {integrity: sha512-gMxrWBl+styUD+2ntNIcviVpGt2Y+cHUGecAiNI3LM8/K6weI7938DWdLdK7i0gDmgSJwhoNRSavMPI1W6aMZQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -1970,8 +1987,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/collections@3.12.1':
-    resolution: {integrity: sha512-8QmFBL7f+P64dEP4o35pYH61/lP0T/ziSdZAvNMrCqaM+fXcMfUp2yu1E63kADVX7WRDsFJWE3CVMeqirPH6Xg==}
+  '@react-stately/collections@3.12.2':
+    resolution: {integrity: sha512-RoehfGwrsYJ/WGtyGSLZNYysszajnq0Q3iTXg7plfW1vNEzom/A31vrLjOSOHJWAtwW339SDGGRpymDtLo4GWA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -1980,8 +1997,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/color@3.8.2':
-    resolution: {integrity: sha512-GXwLmv1Eos2OwOiRsGFrXBKx8+uZh2q0qzLZEVYrWsedNhIdTm7nnpwO68nCYZPHkqhv6rhhVSlOOFmDLY++ow==}
+  '@react-stately/color@3.8.3':
+    resolution: {integrity: sha512-0KaVN2pIOxdAKanFxkx/8zl+73tCoUn2+k7nvK7SpAsFpWScteEHW6hMdmQVwQ2+X+OtQRYHyhhTXULMIIY6iw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -1990,8 +2007,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/combobox@3.10.2':
-    resolution: {integrity: sha512-uT642Dool4tQBh+8UQjlJnTisrJVtg3LqmiP/HqLQ4O3pW0O+ImbG+2r6c9dUzlAnH4kEfmEwCp9dxkBkmFWsg==}
+  '@react-stately/combobox@3.10.3':
+    resolution: {integrity: sha512-l4yr8lSHfwFdA+ZpY15w98HkgF1iHytjerdQkMa4C0dCl4NWUyyWMOcgmHA8G56QEdbFo5dXyW6hzF2PJnUOIg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2000,8 +2017,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/data@3.12.1':
-    resolution: {integrity: sha512-/Nc8X1FmrJ53QU4rN/1i1JtNir4iqo+39Xn5ZOJ74Nng7T+xVVuEuWSo+OEGaycCJf2eZRsomauPxUnnZgCM1A==}
+  '@react-stately/data@3.12.2':
+    resolution: {integrity: sha512-u0yQkISnPyR5RjpNJCSxyC28bx/UvUKtVYRH5yx/MtXbP+2Byn7ItQ+evRqpJB5XsWFlyohGebgbXvL3JSBVsg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2010,8 +2027,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/datepicker@3.12.0':
-    resolution: {integrity: sha512-AfJEP36d+QgQ30GfacXtYdGsJvqY2yuCJ+JrjHct+m1nYuTkMvMMnhwNBFasgDJPLCDyHzyANlWkl2kQGfsBFw==}
+  '@react-stately/datepicker@3.13.0':
+    resolution: {integrity: sha512-I0Y/aQraQyRLMWnh5tBZMiZ0xlmvPjFErXnQaeD7SdOYUHNtQS4BAQsMByQrMfg8uhOqUTKlIh7xEZusuqYWOA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2020,8 +2037,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/disclosure@3.0.1':
-    resolution: {integrity: sha512-afpNy5b0UcqRGjU/W5OD0xkx4PbymvhMrgQZ4o4OdtDVMMvr9T5UqMF8/j3J591DxgQfXM872tJu0kotqT0L6Q==}
+  '@react-stately/disclosure@3.0.2':
+    resolution: {integrity: sha512-hiArGiJY2y9HcLaGaO1WaXgrTsowd64ZMh8ADVSmxr9drqiMSZ1GXmKuf3DDRHfqKMXX96HNkx5nbv2pczWCsg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2030,21 +2047,24 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/dnd@3.5.1':
-    resolution: {integrity: sha512-N18wt6fka9ngJJqxfAzmdtyrk9whAnqWUxZn22CatjNQsqukI4a6KRYwZTXM9x/wm7KamhVOp+GBl85zM8GLdA==}
+  '@react-stately/dnd@3.5.2':
+    resolution: {integrity: sha512-W3Q3O3eIMPHGVKSvkswY8+WCXEli6Wr+LLXYizwAl0dt2+dKKE4r91YugSVnJxXq3cw1/Z4nccmsAPRZa31plQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-stately/flags@3.0.5':
     resolution: {integrity: sha512-6wks4csxUwPCp23LgJSnkBRhrWpd9jGd64DjcCTNB2AHIFu7Ab1W59pJpUL6TW7uAxVxdNKjgn6D1hlBy8qWsA==}
 
+  '@react-stately/flags@3.1.0':
+    resolution: {integrity: sha512-KSHOCxTFpBtxhIRcKwsD1YDTaNxFtCYuAUb0KEihc16QwqZViq4hasgPBs2gYm7fHRbw7WYzWKf6ZSo/+YsFlg==}
+
   '@react-stately/form@3.1.0':
     resolution: {integrity: sha512-E2wxNQ0QaTyDHD0nJFtTSnEH9A3bpJurwxhS4vgcUmESHgjFEMLlC9irUSZKgvOgb42GAq+fHoWBsgKeTp9Big==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/form@3.1.1':
-    resolution: {integrity: sha512-qavrz5X5Mdf/Q1v/QJRxc0F8UTNEyRCNSM1we/nnF7GV64+aYSDLOtaRGmzq+09RSwo1c8ZYnIkK5CnwsPhTsQ==}
+  '@react-stately/form@3.1.2':
+    resolution: {integrity: sha512-sKgkV+rxeqM1lf0dCq2wWzdYa5Z0wz/MB3yxjodffy8D43PjFvUOMWpgw/752QHPGCd1XIxA3hE58Dw9FFValg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2053,23 +2073,24 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/grid@3.10.1':
-    resolution: {integrity: sha512-MOIy//AdxZxIXIzvWSKpvMvaPEMZGQNj+/cOsElHepv/Veh0psNURZMh2TP6Mr0+MnDTZbX+5XIeinGkWYO3JQ==}
+  '@react-stately/grid@3.11.0':
+    resolution: {integrity: sha512-Wp6kza+2MzNybls9pRWvIwAHwMnSV1eUZXZxLwJy+JVS5lghkr731VvT+YD79z70osJKmgxgmiQGm4/yfetXdA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/layout@4.1.1':
-    resolution: {integrity: sha512-kXeo7HKYTOcqMKru1sKFoMoZA+YywSUqHeIA90MptzRugbFhQGq4nUbIYM2p3FeHAX9HU1JAXThuLcwDOHhB8Q==}
+  '@react-stately/layout@4.2.0':
+    resolution: {integrity: sha512-qeEEwFqhaESIwimLKSWIDoxw40jUj4DjNjs+g18W4+qBBo8aH/cQQqxYQmemscD41gqirRk3HkdqPkXqMBiFIw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-stately/list@3.11.1':
     resolution: {integrity: sha512-UCOpIvqBOjwLtk7zVTYWuKU1m1Oe61Q5lNar/GwHaV1nAiSQ8/yYlhr40NkBEs9X3plEfsV28UIpzOrYnu1tPg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/list@3.11.2':
-    resolution: {integrity: sha512-eU2tY3aWj0SEeC7lH9AQoeAB4LL9mwS54FvTgHHoOgc1ZIwRJUaZoiuETyWQe98AL8KMgR1nrnDJ1I+CcT1Y7g==}
+  '@react-stately/list@3.12.0':
+    resolution: {integrity: sha512-6niQWJ6TZwOKLAOn2wIsxtOvWenh3rKiKdOh4L4O4f7U+h1Hu000Mu4lyIQm2P9uZAkF2Y5QNh6dHN+hSd6h3A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2078,18 +2099,18 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/menu@3.9.1':
-    resolution: {integrity: sha512-WRjGGImhQlQaer/hhahGytwd1BDq3fjpTkY/04wv3cQJPJR6lkVI5nSvGFMHfCaErsA1bNyB8/T9Y5F5u4u9ng==}
+  '@react-stately/menu@3.9.2':
+    resolution: {integrity: sha512-mVCFMUQnEMs6djOqgHC2d46k/5Mv5f6UYa4TMnNDSiY8QlHG4eIdmhBmuYpOwWuOOHJ0xKmLQ4PWLzma/mBorg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/numberfield@3.9.8':
-    resolution: {integrity: sha512-J6qGILxDNEtu7yvd3/y+FpbrxEaAeIODwlrFo6z1kvuDlLAm/KszXAc75yoDi0OtakFTCMP6/HR5VnHaQdMJ3w==}
+  '@react-stately/numberfield@3.9.10':
+    resolution: {integrity: sha512-47ta1GyfLsSaDJIdH6A0ARttPV32nu8a5zUSE2hTfRqwgAd3ksWW5ZEf6qIhDuhnE9GtaIuacsctD8C7M3EOPw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/numberfield@3.9.9':
-    resolution: {integrity: sha512-hZsLiGGHTHmffjFymbH1qVmA633rU2GNjMFQTuSsN4lqqaP8fgxngd5pPCoTCUFEkUgWjdHenw+ZFByw8lIE+g==}
+  '@react-stately/numberfield@3.9.8':
+    resolution: {integrity: sha512-J6qGILxDNEtu7yvd3/y+FpbrxEaAeIODwlrFo6z1kvuDlLAm/KszXAc75yoDi0OtakFTCMP6/HR5VnHaQdMJ3w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2098,13 +2119,13 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/overlays@3.6.13':
-    resolution: {integrity: sha512-WsU85Gf/b+HbWsnnYw7P/Ila3wD+C37Uk/WbU4/fHgJ26IEOWsPE6wlul8j54NZ1PnLNhV9Fn+Kffi+PaJMQXQ==}
+  '@react-stately/overlays@3.6.14':
+    resolution: {integrity: sha512-RRalTuHdwrKO1BmXKaqBtE1GGUXU4VUAWwgh4lsP2EFSixDHmOVLxHFDWYvOPChBhpi8KXfLEgm6DEgPBvLBZQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/radio@3.10.10':
-    resolution: {integrity: sha512-9x3bpq87uV8iYA4NaioTTWjriQSlSdp+Huqlxll0T3W3okpyraTTejE91PbIoRTUmL5qByIh2WzxYmr4QdBgAA==}
+  '@react-stately/radio@3.10.11':
+    resolution: {integrity: sha512-dclixp3fwNBbgpbi66x36YGaNwN7hI1nbuhkcnLAE0hWkTO8/wtKBgGqRKSfNV7MSiWlhBhhcdPcQ+V7q7AQIQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2113,18 +2134,18 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/searchfield@3.5.8':
-    resolution: {integrity: sha512-jtquvGadx1DmtQqPKaVO6Qg/xpBjNxsOd59ciig9xRxpxV+90i996EX1E2R6R+tGJdSM1pD++7PVOO4yE++HOg==}
+  '@react-stately/searchfield@3.5.10':
+    resolution: {integrity: sha512-6K0+k/8BO/Iq+ODC5mUSIb+tymemliSiSG6B5auWWOZjnnQ0+9M0MYCUdsiJDPk5aUml5aNYI6rlMZO13uHmVw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/searchfield@3.5.9':
-    resolution: {integrity: sha512-7/aO/oLJ4czKEji0taI/lbHKqPJRag9p3YmRaZ4yqjIMpKxzmJCWQcov5lzWeFhG/1hINKndYlxFnVIKV/urpg==}
+  '@react-stately/searchfield@3.5.8':
+    resolution: {integrity: sha512-jtquvGadx1DmtQqPKaVO6Qg/xpBjNxsOd59ciig9xRxpxV+90i996EX1E2R6R+tGJdSM1pD++7PVOO4yE++HOg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/select@3.6.10':
-    resolution: {integrity: sha512-V7V0FCL9T+GzLjyfnJB6PUaKldFyT/8Rj6M+R9ura1A0O+s/FEOesy0pdMXFoL1l5zeUpGlCnhJrsI5HFWHfDw==}
+  '@react-stately/select@3.6.11':
+    resolution: {integrity: sha512-8pD4PNbZQNWg33D4+Fa0mrajUCYV3aA5YIwW3GY8NSRwBspaW4PKSZJtDT5ieN0WAO44YkAmX4idRaMAvqRusA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2138,8 +2159,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/selection@3.19.0':
-    resolution: {integrity: sha512-AvbUqnWjqVQC48RD39S9BpMKMLl55Zo5l/yx5JQFPl55cFwe9Tpku1KY0wzt3fXXiXWaqjDn/7Gkg1VJYy8esQ==}
+  '@react-stately/selection@3.20.0':
+    resolution: {integrity: sha512-woUSHMTyQiNmCf63Dyot1WXFfWnm6PFYkI9kymcq1qrrly4g/j27U+5PaRWOHawMiJwn1e1GTogk8B+K5ahshQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2148,8 +2169,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/slider@3.6.1':
-    resolution: {integrity: sha512-8kij5O82Xe233vZZ6qNGqPXidnlNQiSnyF1q613c7ktFmzAyGjkIWVUapHi23T1fqm7H2Rs3RWlmwE9bo2KecA==}
+  '@react-stately/slider@3.6.2':
+    resolution: {integrity: sha512-5S9omr29Viv2PRyZ056ZlazGBM8wYNNHakxsTHcSdG/G8WQLrWspWIMiCd4B37cCTkt9ik6AQ6Y3muHGXJI0IQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2158,8 +2179,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/table@3.13.1':
-    resolution: {integrity: sha512-Im8W+F8o9EhglY5kqRa3xcMGXl8zBi6W5phGpAjXb+UGDL1tBIlAcYj733bw8g/ITCnaSz9ubsmON0HekPd6Jg==}
+  '@react-stately/table@3.14.0':
+    resolution: {integrity: sha512-ALHIgAgSyHeyUiBDWIxmIEl9P4Gy5jlGybcT/rDBM8x7Ik/C/0Hd9f9Y5ubiZSpUGeAXlIaeEdSm0HBfYtQVRw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2168,8 +2189,13 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/tabs@3.7.1':
-    resolution: {integrity: sha512-gr9ACyuWrYuc727h7WaHdmNw8yxVlUyQlguziR94MdeRtFGQnf3V6fNQG3kxyB77Ljko69tgDF7Nf6kfPUPAQQ==}
+  '@react-stately/tabs@3.8.0':
+    resolution: {integrity: sha512-I8ctOsUKPviJ82xWAcZMvWqz5/VZurkE+W9n9wrFbCgHAGK/37bx+PM1uU/Lk4yKp8WrPYSFOEPil5liD+M+ew==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+
+  '@react-stately/toast@3.0.0':
+    resolution: {integrity: sha512-g7e4hNO9E6kOqyBeLRAfZBihp1EIQikmaH3Uj/OZJXKvIDKJlNlpvwstUIcmEuEzqA1Uru78ozxIVWh3pg9ubg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2178,8 +2204,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/toggle@3.8.1':
-    resolution: {integrity: sha512-MVpe79ghVQiwLmVzIPhF/O/UJAUc9B+ZSylVTyJiEPi0cwhbkKGQv9thOF0ebkkRkace5lojASqUAYtSTZHQJA==}
+  '@react-stately/toggle@3.8.2':
+    resolution: {integrity: sha512-5KPpT6zvt8H+WC9UbubhCTZltREeYb/3hKdl4YkS7BbSOQlHTFC0pOk8SsQU70Pwk26jeVHbl5le/N8cw00x8w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2188,8 +2214,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/tooltip@3.5.1':
-    resolution: {integrity: sha512-0aI3U5kB7Cop9OCW9/Bag04zkivFSdUcQgy/TWL4JtpXidVWmOha8txI1WySawFSjZhH83KIyPc+wKm1msfLMQ==}
+  '@react-stately/tooltip@3.5.2':
+    resolution: {integrity: sha512-z81kwZWnnf2SE5/rHMrejH5uQu3dXUjrhIa2AGT038DNOmRyS9TkFBywPCiiE7tHpUg/rxZrPxx01JFGvOkmgg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2198,8 +2224,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/tree@3.8.7':
-    resolution: {integrity: sha512-hpc3pyuXWeQV5ufQ02AeNQg/MYhnzZ4NOznlY5OOUoPzpLYiI3ZJubiY3Dot4jw5N/LR7CqvDLHmrHaJPmZlHg==}
+  '@react-stately/tree@3.8.8':
+    resolution: {integrity: sha512-21WB9kKT9+/tr6B8Q4G53tZXl/3dftg5sZqCR6x055FGd2wGVbkxsLhQLmC+XVkTiLU9pB3BjvZ9eaSj1D8Wmg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2208,19 +2234,19 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/virtualizer@4.2.1':
-    resolution: {integrity: sha512-GHGEXV0ZRhq34U/P3LzkByCBfy2IDynYlV1SE4njkUWWGE/0AH56UegM6w2l3GeiNpXsXCgXl7jpAKeIGMEnrQ==}
+  '@react-stately/virtualizer@4.3.0':
+    resolution: {integrity: sha512-iU/nns19Ou2Mxr8OhjCQ+NvkOck4uhUZta/WyZmJZ3ynMY8503IwuEF2n+AHg81LiS83/XK8SXq3NTn61Trpgg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/autocomplete@3.0.0-alpha.28':
-    resolution: {integrity: sha512-meHxBVS5H2L7lVOX99jiAfhcvtG0s7EE7iF7X20/yqEnkwWSpyeMKcDKFpvx/bLGUSmRTVFCBLgvPpwUyhcFkg==}
+  '@react-types/autocomplete@3.0.0-alpha.29':
+    resolution: {integrity: sha512-brP6fb7RAdfu/liaE4gFZIZQJLXksgtOzdu/I5cmcHfpqScAFmgedZHkJoeutK9wTWtNnfuKAFQ2w9KKlIBj9w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/breadcrumbs@3.7.10':
-    resolution: {integrity: sha512-5HhRxkKHfAQBoyOYzyf4HT+24HgPE/C/QerxJLNNId303LXO03yeYrbvRqhYZSlD1ACLJW9OmpPpREcw5iSqgw==}
+  '@react-types/breadcrumbs@3.7.11':
+    resolution: {integrity: sha512-pMvMLPFr7qs4SSnQ0GyX7i3DkWVs9wfm1lGPFbBO7pJLrHTSK/6Ii4cTEvP6d5o2VgjOVkvce9xCLWW5uosuEQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2234,8 +2260,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/button@3.10.2':
-    resolution: {integrity: sha512-h8SB/BLoCgoBulCpyzaoZ+miKXrolK9XC48+n1dKJXT8g4gImrficurDW6+PRTQWaRai0Q0A6bu8UibZOU4syg==}
+  '@react-types/button@3.11.0':
+    resolution: {integrity: sha512-gJh5i0JiBiZGZGDo+tXMp6xbixPM7IKZ0sDuxTYBG49qNzzWJq0uNYltO3emwSVXFSsBgRV/Wu8kQGhfuN7wIw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2244,8 +2270,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/calendar@3.6.0':
-    resolution: {integrity: sha512-BtFh4BFwvsYlsaSqUOVxlqXZSlJ6u4aozgO3PwHykhpemwidlzNwm9qDZhcMWPioNF/w2cU/6EqhvEKUHDnFZg==}
+  '@react-types/calendar@3.6.1':
+    resolution: {integrity: sha512-EMbFJX/3gD5j+R0qZEGqK+wlhBxMSHhGP8GqP9XGbpuJPE3w9/M/PVWdh8FUdzf9srYxPOq5NgiGI1JUJvdZqw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2254,8 +2280,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/checkbox@3.9.1':
-    resolution: {integrity: sha512-0x/KQcipfNM9Nvy6UMwYG25roRLvsiqf0J3woTYylNNWzF+72XT0iI5FdJkE3w2wfa0obmSoeq4WcbFREQrH/A==}
+  '@react-types/checkbox@3.9.2':
+    resolution: {integrity: sha512-BruOLjr9s0BS2+G1Q2ZZ0ubnSTG54hZWr59lCHXaLxMdA/+KVsR6JVMQuYKsW0P8RDDlQXE/QGz3n9yB/Ara4A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2264,8 +2290,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/color@3.0.2':
-    resolution: {integrity: sha512-4k9c0l5SACwTtkHV0dQ0GrF0Kktk/NChkxtyu58BamyUQOsCe8sqny+uul2nPrqQvuVof/dkRjKhv/DVyyx2mw==}
+  '@react-types/color@3.0.3':
+    resolution: {integrity: sha512-oIVdluqe4jYW6tHEHX80tuhhjCA93HElTzbzIGhDezgEbC/EEhWnoC3sGlkUTqIGdzhZG0T+HAkf3AZbCrXqZA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2274,13 +2300,13 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/combobox@3.13.2':
-    resolution: {integrity: sha512-yl2yMcM5/v3lJiNZWjpAhQ9vRW6dD55CD4rYmO2K7XvzYJaFVT4WYI/AymPYD8RqomMp7coBmBHfHW0oupk8gg==}
+  '@react-types/combobox@3.13.3':
+    resolution: {integrity: sha512-ASPLWuHke4XbnoOWUkNTguUa2cnpIsHPV0bcnfushC0yMSC4IEOlthstEbcdzjVUpWXSyaoI1R4POXmdIP53Nw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/datepicker@3.10.0':
-    resolution: {integrity: sha512-Att7y4NedNH1CogMDIX9URXgMLxGbZgnFCZ8oxgFAVndWzbh3TBcc4s7uoJDPvgRMAalq+z+SrlFFeoBeJmvvg==}
+  '@react-types/datepicker@3.11.0':
+    resolution: {integrity: sha512-GAYgPzqKvd1lR2sLYYMlUkNg2+QoM2uVUmpeQLP1SbYpDr1y8lG5cR54em1G4X/qY4+nCWGiwhRC2veP0D0kfA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2294,13 +2320,13 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/dialog@3.5.15':
-    resolution: {integrity: sha512-BX1+mV35Oa0aIlhu98OzJaSB7uiCWDPQbr0AkpFBajSSlESUoAjntN+4N+QJmj24z2v6UE9zxGQ85/U/0Le+bw==}
+  '@react-types/dialog@3.5.16':
+    resolution: {integrity: sha512-2D16XjuW9fG3LkVIXu3RzUp3zcK2IZOWlAl+r5i0aLw2Q0QHyYMfGbmgvhxVeAhxhEj/57/ziSl/8rJ9pzmFnw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/form@3.7.9':
-    resolution: {integrity: sha512-+qGDrQFdIh8umU82zmnYJ0V2rLoGSQ3yApFT02URz//NWeTA7qo0Oab2veKvXUkcBb47oSvytZYmkExPikxIEg==}
+  '@react-types/form@3.7.10':
+    resolution: {integrity: sha512-PPn1OH/QlQLPaoFqp9EMVSlNk41aiNLwPaMyRhzYvFBGLmtbuX+7JCcH2DgV1peq3KAuUKRDdI2M1iVdHYwMPw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2309,13 +2335,13 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/grid@3.2.11':
-    resolution: {integrity: sha512-Mww9nrasppvPbsBi+uUqFnf7ya8fXN0cTVzDNG+SveD8mhW+sbtuy+gPtEpnFD2Oyi8qLuObefzt4gdekJX2Yw==}
+  '@react-types/grid@3.3.0':
+    resolution: {integrity: sha512-9IXgD5qXXxz+S9RK+zT8umuTCEcE4Yfdl0zUGyTCB8LVcPEeZuarLGXZY/12Rkbd8+r6MUIKTxMVD3Nq9X5Ksg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/link@3.5.10':
-    resolution: {integrity: sha512-IM2mbSpB0qP44Jh1Iqpevo7bQdZAr0iDyDi13OhsiUYJeWgPMHzGEnQqdBMkrfQeOTXLtZtUyOYLXE2v39bhzQ==}
+  '@react-types/link@3.5.11':
+    resolution: {integrity: sha512-aX9sJod9msdQaOT0NUTYNaBKSkXGPazSPvUJ/Oe4/54T3sYkWeRqmgJ84RH55jdBzpbObBTg8qxKiPA26a1q9Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2329,8 +2355,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/listbox@3.5.4':
-    resolution: {integrity: sha512-5otTes0zOwRZwNtqysPD/aW4qFJSxd5znjwoWTLnzDXXOBHXPyR83IJf8ITgvIE5C0y+EFadsWR/BBO3k9Pj7g==}
+  '@react-types/listbox@3.5.5':
+    resolution: {integrity: sha512-6cUjbYZVa0X2UMsenQ50ZaAssTUfzX3D0Q0Wd5nNf4W7ntBroDg6aBfNQoPDZikPUy8u+Y3uc/xZQfv30si7NA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2339,8 +2365,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/menu@3.9.14':
-    resolution: {integrity: sha512-RJW/S8IPwbRuohJ/A9HJ7W8QaAY816tm7Nv6+H/TLXG76zu2AS5vEgq+0TcCAWvJJwUdLDpJWJMlo0iIoIBtcg==}
+  '@react-types/menu@3.9.15':
+    resolution: {integrity: sha512-vNEeGxKLYBJc3rwImnEhSVzeIrhUSSRYRk617oGZowX3NkWxnixFGBZNy0w8j0z8KeNz3wRM4xqInRord1mDbw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2349,8 +2375,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/meter@3.4.6':
-    resolution: {integrity: sha512-YczAht1VXy3s4fR6Dq0ibGsjulGHzS/A/K4tOruSNTL6EkYH9ktHX62Xk/OhCiKHxV315EbZ136WJaCeO4BgHw==}
+  '@react-types/meter@3.4.7':
+    resolution: {integrity: sha512-2GwNJ65+jd8lvrHMel/kiU8o7oPAOt1Sd+kezaeGBTbzKxUhCOAAlp9+zMha8vHQwmMvqcmfAHAqIBGaaCfh5w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2359,8 +2385,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/numberfield@3.8.8':
-    resolution: {integrity: sha512-825JPppxDaWh0Zxb0Q+wSslgRQYOtQPCAuhszPuWEy6d2F/M+hLR+qQqvQm9+LfMbdwiTg6QK5wxdWFCp2t7jw==}
+  '@react-types/numberfield@3.8.9':
+    resolution: {integrity: sha512-YqhawYUULiZnUba0/9Vaps8WAT2lto4V6CD/X7s048jiOrHiiIX03RDEAQuKOt1UYdzBJDHfSew9uGMyf/nC0g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2369,18 +2395,18 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/overlays@3.8.12':
-    resolution: {integrity: sha512-ZvR1t0YV7/6j+6OD8VozKYjvsXT92+C/2LOIKozy7YUNS5KI4MkXbRZzJvkuRECVZOmx8JXKTUzhghWJM/3QuQ==}
+  '@react-types/overlays@3.8.13':
+    resolution: {integrity: sha512-xgT843KIh1otvYPQ6kCGTVUICiMF5UQ7SZUQZd4Zk3VtiFIunFVUvTvL03cpt0026UmY7tbv7vFrPKcT6xjsjw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/progress@3.5.8':
-    resolution: {integrity: sha512-PR0rN5mWevfblR/zs30NdZr+82Gka/ba7UHmYOW9/lkKlWeD7PHgl1iacpd/3zl/jUF22evAQbBHmk1mS6Mpqw==}
+  '@react-types/progress@3.5.10':
+    resolution: {integrity: sha512-YDQExymdgORnSvXTtOW7SMhVOinlrD3bAlyCxO+hSAVaI1Ax38pW5dUFf6H85Jn7hLpjPQmQJvNsfsJ09rDFjQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/progress@3.5.9':
-    resolution: {integrity: sha512-zFxOzx3G8XUmHgpm037Hcayls5bqzXVa182E3iM7YWTmrjxJPKZ58XL0WWBgpTd+mJD7fTpnFdAZqSmFbtDOdA==}
+  '@react-types/progress@3.5.8':
+    resolution: {integrity: sha512-PR0rN5mWevfblR/zs30NdZr+82Gka/ba7UHmYOW9/lkKlWeD7PHgl1iacpd/3zl/jUF22evAQbBHmk1mS6Mpqw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2389,8 +2415,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/radio@3.8.6':
-    resolution: {integrity: sha512-woTQYdRFjPzuml4qcIf+2zmycRuM5w3fDS5vk6CQmComVUjOFPtD28zX3Z9kc9lSNzaBQz9ONZfFqkZ1gqfICA==}
+  '@react-types/radio@3.8.7':
+    resolution: {integrity: sha512-K620hnDmSR7u9cZfwJIfoLvmZS1j9liD7nDXBm+N6aiq9E+8sw312sIEX5iR2TrQ4xovvJQZN7DWxPVr+1LfWw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2399,18 +2425,18 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/searchfield@3.5.11':
-    resolution: {integrity: sha512-MX8d9pgvxZxmgDwI0tiDaf6ijOY8XcRj0HM8Ocfttlk7PEFJK44p51WsUC+fPX1GmZni2JpFkx/haPOSLUECdw==}
+  '@react-types/searchfield@3.6.0':
+    resolution: {integrity: sha512-eHQSP85j0hWhWEauPDdr+4kmLB3hUEWxU4ANNubalkupXKhGeRge5/ysHrWjEsLmoodfQ+RS6QIRLQRDsQF/4g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/select@3.9.8':
-    resolution: {integrity: sha512-RGsYj2oFjXpLnfcvWMBQnkcDuKkwT43xwYWZGI214/gp/B64tJiIUgTM5wFTRAeGDX23EePkhCQF+9ctnqFd6g==}
+  '@react-types/select@3.9.10':
+    resolution: {integrity: sha512-vvC5+cBSOu6J6lm74jhhP3Zvo1JO8m0FNX+Q95wapxrhs2aYYeMIgVuvNKeOuhVqzpBZxWmblBjCVNzCArZOaQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/select@3.9.9':
-    resolution: {integrity: sha512-/hCd0o+ztn29FKCmVec+v7t4JpOzz56o+KrG7NDq2pcRWqUR9kNwCjrPhSbJIIEDm4ubtrfPu41ysIuDvRd2Bg==}
+  '@react-types/select@3.9.8':
+    resolution: {integrity: sha512-RGsYj2oFjXpLnfcvWMBQnkcDuKkwT43xwYWZGI214/gp/B64tJiIUgTM5wFTRAeGDX23EePkhCQF+9ctnqFd6g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2419,8 +2445,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/shared@3.27.0':
-    resolution: {integrity: sha512-gvznmLhi6JPEf0bsq7SwRYTHAKKq/wcmKqFez9sRdbED+SPMUmK5omfZ6w3EwUFQHbYUa4zPBYedQ7Knv70RMw==}
+  '@react-types/shared@3.28.0':
+    resolution: {integrity: sha512-9oMEYIDc3sk0G5rysnYvdNrkSg7B04yTKl50HHSZVbokeHpnU0yRmsDaWb9B/5RprcKj8XszEk5guBO8Sa/Q+Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2429,8 +2455,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/slider@3.7.8':
-    resolution: {integrity: sha512-utW1o9KT70hqFwu1zqMtyEWmP0kSATk4yx+Fm/peSR4iZa+BasRqH83yzir5GKc8OfqfE1kmEsSlO98/k986+w==}
+  '@react-types/slider@3.7.9':
+    resolution: {integrity: sha512-MxCIVkrBSbN3AxIYW4hOpTcwPmIuY4841HF36sDLFWR3wx06z70IY3GFwV7Cbp814vhc84d4ABnPMwtE+AZRGQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2439,8 +2465,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/switch@3.5.8':
-    resolution: {integrity: sha512-sL7jmh8llF8BxzY4HXkSU4bwU8YU6gx45P85D0AdYXgRHxU9Cp7BQPOMF4pJoQ8TTej05MymY5q7xvJVmxUTAQ==}
+  '@react-types/switch@3.5.9':
+    resolution: {integrity: sha512-7XIS5qycIKhdfcWfzl8n458/7tkZKCNfMfZmIREgozKOtTBirjmtRRsefom2hlFT8VIlG7COmY4btK3oEuEhnQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2449,8 +2475,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/table@3.10.4':
-    resolution: {integrity: sha512-d0tLz/whxVteqr1rophtuuxqyknHHfTKeXrCgDjt8pAyd9U8GPDbfcFSfYPUhWdELRt7aLVyQw6VblZHioVEgQ==}
+  '@react-types/table@3.11.0':
+    resolution: {integrity: sha512-83cGyszL+sQ0uFNZvrnvDMg2KIxpe3l5U48IH9lvq2NC41Y4lGG0d7sBU6wgcc3vnQ/qhOE5LcbceGKEi2YSyw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2459,8 +2485,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/tabs@3.3.12':
-    resolution: {integrity: sha512-E9O9G+wf9kaQ8UbDEDliW/oxYlJnh7oDCW1zaMOySwnG4yeCh7Wu02EOCvlQW4xvgn/i+lbEWgirf7L+yj5nRg==}
+  '@react-types/tabs@3.3.13':
+    resolution: {integrity: sha512-jqaK2U+WKChAmYBMO8QxQlFaIM8zDRY9+ignA1HwIyRw7vli4Mycc4RcMxTPm8krvgo+zuVrped9QB+hsDjCsQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2469,8 +2495,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/textfield@3.11.0':
-    resolution: {integrity: sha512-YORBgr6wlu2xfvr4MqjKFHGpj+z8LBzk14FbWDbYnnhGnv0I10pj+m2KeOHgDNFHrfkDdDOQmMIKn1UCqeUuEg==}
+  '@react-types/textfield@3.12.0':
+    resolution: {integrity: sha512-B0vzCIBUbYWrlFk+odVXrSmPYwds9G+G+HiOO/sJr4eZ4RYiIqnFbZ7qiWhWXaou7vi71iXVqKQ8mxA6bJwPEQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -2479,8 +2505,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/tooltip@3.4.14':
-    resolution: {integrity: sha512-J7CeYL2yPeKIasx1rPaEefyCHGEx2DOCx+7bM3XcKGmCxvNdVQLjimNJOt8IHlUA0nFJQOjmSW/mz9P0f2/kUw==}
+  '@react-types/tooltip@3.4.15':
+    resolution: {integrity: sha512-qiYwQLiEwYqrt/m8iQA8abl9k/9LrbtMNoEevL4jN4H0I5NrG55E78GYTkSzBBYmhBO4KnPVT0SfGM1tYaQx/A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -5092,8 +5118,8 @@ packages:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
 
-  react-aria-components@1.6.0:
-    resolution: {integrity: sha512-YfG9PUE7XrXtDDAqT4pLTGyYQaiHHTBFdAK/wNgGsypVnQSdzmyYlV3Ty8aHlZJI6hP9RWkbywvosXkU7KcPHg==}
+  react-aria-components@1.7.0:
+    resolution: {integrity: sha512-WE3iZ4Ubkoh6GdqfXAC3f68Q4rvebmHXMtMJL57hJ/ZM+l1my3omigRzZczRwSQS2hOjPbhFGWrulq/rVwCITw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -5104,8 +5130,8 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  react-aria@3.37.0:
-    resolution: {integrity: sha512-u3WUEMTcbQFaoHauHO3KhPaBYzEv1o42EdPcLAs05GBw9Q6Axlqwo73UFgMrsc2ElwLAZ4EKpSdWHLo1R5gfiw==}
+  react-aria@3.38.0:
+    resolution: {integrity: sha512-OsnfXaYR/QaQSgky/95DiwNP5tuDX904Had71cbs48VNBYl7P/VpPQvdZMqrlYRbCupifkPaEEV/tThyRDHNbg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -5165,8 +5191,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  react-stately@3.35.0:
-    resolution: {integrity: sha512-1BH21J/TOHpyZe7c+f1BU2bnRWaBDTjLH0WdBuzNfPOXu7RBG3ebPIRvqd7UkPaVfIcol2QJnxe8S0a314JWKA==}
+  react-stately@3.36.0:
+    resolution: {integrity: sha512-xeoGuzZWUf6WjcmfT4x13R/BKVIF7DY/T7wGOfvpG4Pdy0p5eG6vyv1hJjk6ZxiOkwdeWKkRLXoypgZdlCavIQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -5640,14 +5666,14 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  tailwind-merge@2.5.4:
-    resolution: {integrity: sha512-0q8cfZHMu9nuYP/b5Shb7Y7Sh1B7Nnl5GqNr1U+n2p6+mybvRtayrQ+0042Z5byvTA8ihjlP8Odo8/VnHbZu4Q==}
-
   tailwind-merge@2.6.0:
     resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
 
-  tailwind-variants@0.3.1:
-    resolution: {integrity: sha512-krn67M3FpPwElg4FsZrOQd0U26o7UDH/QOkK8RNaiCCrr052f6YJPBUfNKnPo/s/xRzNPtv1Mldlxsg8Tb46BQ==}
+  tailwind-merge@3.0.2:
+    resolution: {integrity: sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==}
+
+  tailwind-variants@1.0.0:
+    resolution: {integrity: sha512-2WSbv4ulEEyuBKomOunut65D8UZwxrHoRfYnxGcQNnHqlSCp2+B7Yz2W+yrNDrxRodOXtGD/1oCcKGNBnUqMqA==}
     engines: {node: '>=16.x', pnpm: '>=7.x'}
     peerDependencies:
       tailwindcss: '*'
@@ -5657,6 +5683,11 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
 
+  tailwindcss-react-aria-components@2.0.0:
+    resolution: {integrity: sha512-l8YdpXX//qx0Mz2bW3YKLjboTQxR3zLrFhlHniAIn+mTwVM1yvT0Jp7Pn3eFrqi+qtOMmcJzXaF2rsKezSr0SQ==}
+    peerDependencies:
+      tailwindcss: ^4.0.0
+
   tailwindcss@4.0.0:
     resolution: {integrity: sha512-ULRPI3A+e39T7pSaf1xoi58AqqJxVCLg8F/uM5A3FadUbnyDTgltVnXJvdkTjwCOGA6NazqHVcwPJC5h2vRYVQ==}
 
@@ -7161,20 +7192,21 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.4
 
-  '@react-aria/autocomplete@3.0.0-alpha.37(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/autocomplete@3.0.0-beta.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/combobox': 3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/listbox': 3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/searchfield': 3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/autocomplete': 3.0.0-alpha.0(react@19.0.0)
-      '@react-stately/combobox': 3.10.2(react@19.0.0)
-      '@react-types/autocomplete': 3.0.0-alpha.28(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/combobox': 3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/listbox': 3.14.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/searchfield': 3.8.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/autocomplete': 3.0.0-beta.0(react@19.0.0)
+      '@react-stately/combobox': 3.10.3(react@19.0.0)
+      '@react-types/autocomplete': 3.0.0-alpha.29(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7189,13 +7221,13 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/breadcrumbs@3.5.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/breadcrumbs@3.5.21(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/link': 3.7.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/breadcrumbs': 3.7.10(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/link': 3.7.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/breadcrumbs': 3.7.11(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7212,15 +7244,14 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/button@3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/button@3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/toolbar': 3.0.0-beta.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/toggle': 3.8.1(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/toolbar': 3.0.0-beta.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/toggle': 3.8.2(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7240,17 +7271,17 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/calendar@3.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/calendar@3.7.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.7.0
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/calendar': 3.7.0(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/calendar': 3.6.0(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/calendar': 3.7.1(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/calendar': 3.6.1(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7270,27 +7301,28 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/checkbox@3.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/checkbox@3.15.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/form': 3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/toggle': 3.10.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/checkbox': 3.6.11(react@19.0.0)
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-stately/toggle': 3.8.1(react@19.0.0)
-      '@react-types/checkbox': 3.9.1(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/form': 3.0.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/toggle': 3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/checkbox': 3.6.12(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-stately/toggle': 3.8.2(react@19.0.0)
+      '@react-types/checkbox': 3.9.2(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/collections@3.0.0-alpha.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/collections@3.0.0-beta.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/ssr': 3.9.7(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7314,20 +7346,20 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/color@3.0.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/color@3.0.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/numberfield': 3.11.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/slider': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/spinbutton': 3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/visually-hidden': 3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/color': 3.8.2(react@19.0.0)
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-types/color': 3.0.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/numberfield': 3.11.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/slider': 3.7.16(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/spinbutton': 3.6.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/color': 3.8.3(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-types/color': 3.0.3(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7352,22 +7384,23 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/combobox@3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/combobox@3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/listbox': 3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/listbox': 3.14.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/menu': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/overlays': 3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/combobox': 3.10.2(react@19.0.0)
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/combobox': 3.13.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/menu': 3.18.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/overlays': 3.26.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/combobox': 3.10.3(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/combobox': 3.13.3(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7395,25 +7428,25 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/datepicker@3.13.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/datepicker@3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.7.0
       '@internationalized/number': 3.6.0
       '@internationalized/string': 3.2.5
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/form': 3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/spinbutton': 3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/datepicker': 3.12.0(react@19.0.0)
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/calendar': 3.6.0(react@19.0.0)
-      '@react-types/datepicker': 3.10.0(react@19.0.0)
-      '@react-types/dialog': 3.5.15(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/form': 3.0.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/spinbutton': 3.6.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/datepicker': 3.13.0(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/calendar': 3.6.1(react@19.0.0)
+      '@react-types/datepicker': 3.11.0(react@19.0.0)
+      '@react-types/dialog': 3.5.16(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7429,13 +7462,13 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/dialog@3.5.21(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/dialog@3.5.22(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/overlays': 3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/dialog': 3.5.15(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/overlays': 3.26.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/dialog': 3.5.16(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7450,12 +7483,12 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/disclosure@3.0.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/disclosure@3.0.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/ssr': 3.9.7(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/disclosure': 3.0.1(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/disclosure': 3.0.2(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7475,17 +7508,17 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/dnd@3.8.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/dnd@3.9.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@internationalized/string': 3.2.5
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/overlays': 3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/dnd': 3.5.1(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/overlays': 3.26.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/dnd': 3.5.2(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7499,11 +7532,11 @@ snapshots:
       clsx: 2.1.1
       react: 19.0.0
 
-  '@react-aria/focus@3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/focus@3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       clsx: 2.1.1
       react: 19.0.0
@@ -7518,12 +7551,12 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/form@3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/form@3.0.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7546,20 +7579,20 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/grid@3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/grid@3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/grid': 3.10.1(react@19.0.0)
-      '@react-stately/selection': 3.19.0(react@19.0.0)
-      '@react-types/checkbox': 3.9.1(react@19.0.0)
-      '@react-types/grid': 3.2.11(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/selection': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/grid': 3.11.0(react@19.0.0)
+      '@react-stately/selection': 3.20.0(react@19.0.0)
+      '@react-types/checkbox': 3.9.2(react@19.0.0)
+      '@react-types/grid': 3.3.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7580,18 +7613,18 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/gridlist@3.10.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/gridlist@3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/grid': 3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/list': 3.11.2(react@19.0.0)
-      '@react-stately/tree': 3.8.7(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/grid': 3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/list': 3.12.0(react@19.0.0)
+      '@react-stately/tree': 3.8.8(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7608,15 +7641,15 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/i18n@3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/i18n@3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.7.0
       '@internationalized/message': 3.1.6
       '@internationalized/number': 3.6.0
       '@internationalized/string': 3.2.5
       '@react-aria/ssr': 3.9.7(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7629,11 +7662,12 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/interactions@3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/interactions@3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/ssr': 3.9.7(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/flags': 3.1.0
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7645,13 +7679,22 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/label@3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/label@3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/landmark@3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
+      use-sync-external-store: 1.4.0(react@19.0.0)
 
   '@react-aria/link@3.7.7(react@19.0.0)':
     dependencies:
@@ -7663,13 +7706,12 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/link@3.7.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/link@3.7.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/link': 3.5.10(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/link': 3.5.11(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7688,16 +7730,16 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/listbox@3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/listbox@3.14.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/list': 3.11.2(react@19.0.0)
-      '@react-types/listbox': 3.5.4(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/list': 3.12.0(react@19.0.0)
+      '@react-types/listbox': 3.5.5(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7725,21 +7767,21 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/menu@3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/menu@3.18.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/overlays': 3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/menu': 3.9.1(react@19.0.0)
-      '@react-stately/selection': 3.19.0(react@19.0.0)
-      '@react-stately/tree': 3.8.7(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/menu': 3.9.14(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/overlays': 3.26.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/menu': 3.9.2(react@19.0.0)
+      '@react-stately/selection': 3.20.0(react@19.0.0)
+      '@react-stately/tree': 3.8.8(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/menu': 3.9.15(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7752,28 +7794,27 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/meter@3.4.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/meter@3.4.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/progress': 3.4.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/meter': 3.4.6(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/progress': 3.4.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/meter': 3.4.7(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
-    transitivePeerDependencies:
-      - react-dom
+      react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/numberfield@3.11.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/numberfield@3.11.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/spinbutton': 3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-stately/numberfield': 3.9.9(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/numberfield': 3.8.8(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/spinbutton': 3.6.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-stately/numberfield': 3.9.10(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/numberfield': 3.8.9(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7810,18 +7851,18 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/overlays@3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/overlays@3.26.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/ssr': 3.9.7(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/visually-hidden': 3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/overlays': 3.6.13(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/overlays': 3.8.12(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/overlays': 3.6.14(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/overlays': 3.8.13(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7836,13 +7877,13 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/progress@3.4.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/progress@3.4.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/progress': 3.5.9(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/progress': 3.5.10(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7861,17 +7902,17 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/radio@3.10.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/radio@3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/form': 3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/radio': 3.10.10(react@19.0.0)
-      '@react-types/radio': 3.8.6(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/form': 3.0.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/radio': 3.10.11(react@19.0.0)
+      '@react-types/radio': 3.8.7(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7888,15 +7929,15 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/searchfield@3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/searchfield@3.8.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/searchfield': 3.5.9(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/searchfield': 3.5.11(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/searchfield': 3.5.10(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/searchfield': 3.6.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7920,21 +7961,21 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/select@3.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/select@3.15.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/form': 3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/listbox': 3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/menu': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/visually-hidden': 3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/select': 3.6.10(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/select': 3.9.9(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/form': 3.0.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/listbox': 3.14.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/menu': 3.18.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/select': 3.6.11(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/select': 3.9.10(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7951,14 +7992,14 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/selection@3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/selection@3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/selection': 3.19.0(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/selection': 3.20.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7970,10 +8011,10 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/separator@3.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/separator@3.4.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -7991,16 +8032,15 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/slider@3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/slider@3.7.16(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/slider': 3.6.1(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/slider': 3.7.8(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/slider': 3.6.2(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/slider': 3.7.9(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -8016,13 +8056,13 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/spinbutton@3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/spinbutton@3.6.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -8041,16 +8081,15 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/switch@3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/switch@3.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/toggle': 3.10.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/toggle': 3.8.1(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/switch': 3.5.8(react@19.0.0)
+      '@react-aria/toggle': 3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/toggle': 3.8.2(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/switch': 3.5.9(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
-    transitivePeerDependencies:
-      - react-dom
+      react-dom: 19.0.0(react@19.0.0)
 
   '@react-aria/table@3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
@@ -8072,22 +8111,35 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/table@3.16.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/table@3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/grid': 3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/grid': 3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/visually-hidden': 3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/flags': 3.0.5
-      '@react-stately/table': 3.13.1(react@19.0.0)
-      '@react-types/checkbox': 3.9.1(react@19.0.0)
-      '@react-types/grid': 3.2.11(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/table': 3.10.4(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/flags': 3.1.0
+      '@react-stately/table': 3.14.0(react@19.0.0)
+      '@react-types/checkbox': 3.9.2(react@19.0.0)
+      '@react-types/grid': 3.3.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/table': 3.11.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/tabs@3.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/tabs': 3.8.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/tabs': 3.3.13(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -8105,19 +8157,6 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/tabs@3.9.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
-    dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/tabs': 3.7.1(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/tabs': 3.3.12(react@19.0.0)
-      '@swc/helpers': 0.5.15
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-
   '@react-aria/tag@3.4.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/gridlist': 3.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -8133,17 +8172,17 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/tag@3.4.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/tag@3.5.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/gridlist': 3.10.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/list': 3.11.2(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/gridlist': 3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/list': 3.12.0(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -8161,16 +8200,29 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/textfield@3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/textfield@3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/form': 3.0.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-aria/form': 3.0.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/textfield': 3.11.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/textfield': 3.12.0(react@19.0.0)
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@react-aria/toast@3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/landmark': 3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/toast': 3.0.0(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -8186,14 +8238,13 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/toggle@3.10.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/toggle@3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/toggle': 3.8.1(react@19.0.0)
-      '@react-types/checkbox': 3.9.1(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/toggle': 3.8.2(react@19.0.0)
+      '@react-types/checkbox': 3.9.2(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -8207,12 +8258,12 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/toolbar@3.0.0-beta.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/toolbar@3.0.0-beta.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -8228,27 +8279,26 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/tooltip@3.7.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/tooltip@3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/tooltip': 3.5.1(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/tooltip': 3.4.14(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/tooltip': 3.5.2(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/tooltip': 3.4.15(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/tree@3.0.0-beta.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/tree@3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/gridlist': 3.10.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/tree': 3.8.7(react@19.0.0)
-      '@react-types/button': 3.10.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/gridlist': 3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/tree': 3.8.8(react@19.0.0)
+      '@react-types/button': 3.11.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -8262,23 +8312,24 @@ snapshots:
       clsx: 2.1.1
       react: 19.0.0
 
-  '@react-aria/utils@3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/utils@3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@react-aria/ssr': 3.9.7(react@19.0.0)
+      '@react-stately/flags': 3.1.0
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       clsx: 2.1.1
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-aria/virtualizer@4.1.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/virtualizer@4.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/virtualizer': 4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/virtualizer': 4.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
@@ -8291,16 +8342,16 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-aria/visually-hidden@3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-aria/visually-hidden@3.8.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-stately/autocomplete@3.0.0-alpha.0(react@19.0.0)':
+  '@react-stately/autocomplete@3.0.0-beta.0(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
       '@swc/helpers': 0.5.15
@@ -8315,12 +8366,12 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/calendar@3.7.0(react@19.0.0)':
+  '@react-stately/calendar@3.7.1(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.7.0
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/calendar': 3.6.0(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/calendar': 3.6.1(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8333,12 +8384,12 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/checkbox@3.6.11(react@19.0.0)':
+  '@react-stately/checkbox@3.6.12(react@19.0.0)':
     dependencies:
-      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/checkbox': 3.9.1(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/checkbox': 3.9.2(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8348,9 +8399,9 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/collections@3.12.1(react@19.0.0)':
+  '@react-stately/collections@3.12.2(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8368,16 +8419,16 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/color@3.8.2(react@19.0.0)':
+  '@react-stately/color@3.8.3(react@19.0.0)':
     dependencies:
       '@internationalized/number': 3.6.0
       '@internationalized/string': 3.2.5
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-stately/numberfield': 3.9.9(react@19.0.0)
-      '@react-stately/slider': 3.6.1(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-stately/numberfield': 3.9.10(react@19.0.0)
+      '@react-stately/slider': 3.6.2(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/color': 3.0.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/color': 3.0.3(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8394,16 +8445,16 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/combobox@3.10.2(react@19.0.0)':
+  '@react-stately/combobox@3.10.3(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-stately/list': 3.11.2(react@19.0.0)
-      '@react-stately/overlays': 3.6.13(react@19.0.0)
-      '@react-stately/select': 3.6.10(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-stately/list': 3.12.0(react@19.0.0)
+      '@react-stately/overlays': 3.6.14(react@19.0.0)
+      '@react-stately/select': 3.6.11(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/combobox': 3.13.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/combobox': 3.13.3(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8413,9 +8464,9 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/data@3.12.1(react@19.0.0)':
+  '@react-stately/data@3.12.2(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8431,15 +8482,15 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/datepicker@3.12.0(react@19.0.0)':
+  '@react-stately/datepicker@3.13.0(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.7.0
       '@internationalized/string': 3.2.5
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-stately/overlays': 3.6.13(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-stately/overlays': 3.6.14(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/datepicker': 3.10.0(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/datepicker': 3.11.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8450,10 +8501,10 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/disclosure@3.0.1(react@19.0.0)':
+  '@react-stately/disclosure@3.0.2(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8464,10 +8515,10 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/dnd@3.5.1(react@19.0.0)':
+  '@react-stately/dnd@3.5.2(react@19.0.0)':
     dependencies:
-      '@react-stately/selection': 3.19.0(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-stately/selection': 3.20.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8475,15 +8526,19 @@ snapshots:
     dependencies:
       '@swc/helpers': 0.5.15
 
+  '@react-stately/flags@3.1.0':
+    dependencies:
+      '@swc/helpers': 0.5.15
+
   '@react-stately/form@3.1.0(react@19.0.0)':
     dependencies:
       '@react-types/shared': 3.26.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/form@3.1.1(react@19.0.0)':
+  '@react-stately/form@3.1.2(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8496,27 +8551,26 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/grid@3.10.1(react@19.0.0)':
+  '@react-stately/grid@3.11.0(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/selection': 3.19.0(react@19.0.0)
-      '@react-types/grid': 3.2.11(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/selection': 3.20.0(react@19.0.0)
+      '@react-types/grid': 3.3.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/layout@4.1.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-stately/layout@4.2.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/table': 3.13.1(react@19.0.0)
-      '@react-stately/virtualizer': 4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/grid': 3.2.11(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/table': 3.10.4(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/table': 3.14.0(react@19.0.0)
+      '@react-stately/virtualizer': 4.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/grid': 3.3.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/table': 3.11.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
-    transitivePeerDependencies:
-      - react-dom
+      react-dom: 19.0.0(react@19.0.0)
 
   '@react-stately/list@3.11.1(react@19.0.0)':
     dependencies:
@@ -8527,12 +8581,12 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/list@3.11.2(react@19.0.0)':
+  '@react-stately/list@3.12.0(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/selection': 3.20.0(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8544,29 +8598,29 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/menu@3.9.1(react@19.0.0)':
+  '@react-stately/menu@3.9.2(react@19.0.0)':
     dependencies:
-      '@react-stately/overlays': 3.6.13(react@19.0.0)
-      '@react-types/menu': 3.9.14(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-stately/overlays': 3.6.14(react@19.0.0)
+      '@react-types/menu': 3.9.15(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/numberfield@3.9.8(react@19.0.0)':
+  '@react-stately/numberfield@3.9.10(react@19.0.0)':
     dependencies:
       '@internationalized/number': 3.6.0
-      '@react-stately/form': 3.1.0(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/numberfield': 3.8.7(react@19.0.0)
+      '@react-types/numberfield': 3.8.9(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/numberfield@3.9.9(react@19.0.0)':
+  '@react-stately/numberfield@3.9.8(react@19.0.0)':
     dependencies:
       '@internationalized/number': 3.6.0
-      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/form': 3.1.0(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/numberfield': 3.8.8(react@19.0.0)
+      '@react-types/numberfield': 3.8.7(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8577,19 +8631,19 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/overlays@3.6.13(react@19.0.0)':
+  '@react-stately/overlays@3.6.14(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/overlays': 3.8.12(react@19.0.0)
+      '@react-types/overlays': 3.8.13(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/radio@3.10.10(react@19.0.0)':
+  '@react-stately/radio@3.10.11(react@19.0.0)':
     dependencies:
-      '@react-stately/form': 3.1.1(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/radio': 3.8.6(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/radio': 3.8.7(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8602,27 +8656,27 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/searchfield@3.5.8(react@19.0.0)':
+  '@react-stately/searchfield@3.5.10(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/searchfield': 3.5.10(react@19.0.0)
+      '@react-types/searchfield': 3.6.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/searchfield@3.5.9(react@19.0.0)':
+  '@react-stately/searchfield@3.5.8(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/searchfield': 3.5.11(react@19.0.0)
+      '@react-types/searchfield': 3.5.10(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/select@3.6.10(react@19.0.0)':
+  '@react-stately/select@3.6.11(react@19.0.0)':
     dependencies:
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-stately/list': 3.11.2(react@19.0.0)
-      '@react-stately/overlays': 3.6.13(react@19.0.0)
-      '@react-types/select': 3.9.9(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-stately/list': 3.12.0(react@19.0.0)
+      '@react-stately/overlays': 3.6.14(react@19.0.0)
+      '@react-types/select': 3.9.10(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8644,11 +8698,11 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/selection@3.19.0(react@19.0.0)':
+  '@react-stately/selection@3.20.0(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.1(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8660,11 +8714,11 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/slider@3.6.1(react@19.0.0)':
+  '@react-stately/slider@3.6.2(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/slider': 3.7.8(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/slider': 3.7.9(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8681,16 +8735,16 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/table@3.13.1(react@19.0.0)':
+  '@react-stately/table@3.14.0(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/flags': 3.0.5
-      '@react-stately/grid': 3.10.1(react@19.0.0)
-      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/flags': 3.1.0
+      '@react-stately/grid': 3.11.0(react@19.0.0)
+      '@react-stately/selection': 3.20.0(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/grid': 3.2.11(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/table': 3.10.4(react@19.0.0)
+      '@react-types/grid': 3.3.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/table': 3.11.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8702,14 +8756,20 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/tabs@3.7.1(react@19.0.0)':
+  '@react-stately/tabs@3.8.0(react@19.0.0)':
     dependencies:
-      '@react-stately/list': 3.11.2(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/tabs': 3.3.12(react@19.0.0)
+      '@react-stately/list': 3.12.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/tabs': 3.3.13(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
+  '@react-stately/toast@3.0.0(react@19.0.0)':
+    dependencies:
+      '@swc/helpers': 0.5.15
+      react: 19.0.0
+      use-sync-external-store: 1.4.0(react@19.0.0)
+
   '@react-stately/toggle@3.8.0(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
@@ -8718,11 +8778,11 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/toggle@3.8.1(react@19.0.0)':
+  '@react-stately/toggle@3.8.2(react@19.0.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/checkbox': 3.9.1(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/checkbox': 3.9.2(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8733,10 +8793,10 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/tooltip@3.5.1(react@19.0.0)':
+  '@react-stately/tooltip@3.5.2(react@19.0.0)':
     dependencies:
-      '@react-stately/overlays': 3.6.13(react@19.0.0)
-      '@react-types/tooltip': 3.4.14(react@19.0.0)
+      '@react-stately/overlays': 3.6.14(react@19.0.0)
+      '@react-types/tooltip': 3.4.15(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8749,12 +8809,12 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/tree@3.8.7(react@19.0.0)':
+  '@react-stately/tree@3.8.8(react@19.0.0)':
     dependencies:
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/selection': 3.19.0(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/selection': 3.20.0(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
@@ -8763,25 +8823,25 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 19.0.0
 
-  '@react-stately/virtualizer@4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@react-stately/virtualizer@4.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  '@react-types/autocomplete@3.0.0-alpha.28(react@19.0.0)':
+  '@react-types/autocomplete@3.0.0-alpha.29(react@19.0.0)':
     dependencies:
-      '@react-types/combobox': 3.13.2(react@19.0.0)
-      '@react-types/searchfield': 3.5.11(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/combobox': 3.13.3(react@19.0.0)
+      '@react-types/searchfield': 3.6.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/breadcrumbs@3.7.10(react@19.0.0)':
+  '@react-types/breadcrumbs@3.7.11(react@19.0.0)':
     dependencies:
-      '@react-types/link': 3.5.10(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/link': 3.5.11(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/breadcrumbs@3.7.9(react@19.0.0)':
@@ -8795,9 +8855,9 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/button@3.10.2(react@19.0.0)':
+  '@react-types/button@3.11.0(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/calendar@3.5.0(react@19.0.0)':
@@ -8806,10 +8866,10 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/calendar@3.6.0(react@19.0.0)':
+  '@react-types/calendar@3.6.1(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.7.0
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/checkbox@3.9.0(react@19.0.0)':
@@ -8817,9 +8877,9 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/checkbox@3.9.1(react@19.0.0)':
+  '@react-types/checkbox@3.9.2(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/color@3.0.1(react@19.0.0)':
@@ -8828,10 +8888,10 @@ snapshots:
       '@react-types/slider': 3.7.7(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/color@3.0.2(react@19.0.0)':
+  '@react-types/color@3.0.3(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/slider': 3.7.8(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/slider': 3.7.9(react@19.0.0)
       react: 19.0.0
 
   '@react-types/combobox@3.13.1(react@19.0.0)':
@@ -8839,17 +8899,17 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/combobox@3.13.2(react@19.0.0)':
+  '@react-types/combobox@3.13.3(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/datepicker@3.10.0(react@19.0.0)':
+  '@react-types/datepicker@3.11.0(react@19.0.0)':
     dependencies:
       '@internationalized/date': 3.7.0
-      '@react-types/calendar': 3.6.0(react@19.0.0)
-      '@react-types/overlays': 3.8.12(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/calendar': 3.6.1(react@19.0.0)
+      '@react-types/overlays': 3.8.13(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/datepicker@3.9.0(react@19.0.0)':
@@ -8866,15 +8926,15 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/dialog@3.5.15(react@19.0.0)':
+  '@react-types/dialog@3.5.16(react@19.0.0)':
     dependencies:
-      '@react-types/overlays': 3.8.12(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/overlays': 3.8.13(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/form@3.7.9(react@19.0.0)':
+  '@react-types/form@3.7.10(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/grid@3.2.10(react@19.0.0)':
@@ -8882,14 +8942,14 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/grid@3.2.11(react@19.0.0)':
+  '@react-types/grid@3.3.0(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/link@3.5.10(react@19.0.0)':
+  '@react-types/link@3.5.11(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/link@3.5.9(react@19.0.0)':
@@ -8902,9 +8962,9 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/listbox@3.5.4(react@19.0.0)':
+  '@react-types/listbox@3.5.5(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/menu@3.9.13(react@19.0.0)':
@@ -8913,10 +8973,10 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/menu@3.9.14(react@19.0.0)':
+  '@react-types/menu@3.9.15(react@19.0.0)':
     dependencies:
-      '@react-types/overlays': 3.8.12(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/overlays': 3.8.13(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/meter@3.4.5(react@19.0.0)':
@@ -8924,9 +8984,9 @@ snapshots:
       '@react-types/progress': 3.5.8(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/meter@3.4.6(react@19.0.0)':
+  '@react-types/meter@3.4.7(react@19.0.0)':
     dependencies:
-      '@react-types/progress': 3.5.9(react@19.0.0)
+      '@react-types/progress': 3.5.10(react@19.0.0)
       react: 19.0.0
 
   '@react-types/numberfield@3.8.7(react@19.0.0)':
@@ -8934,9 +8994,9 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/numberfield@3.8.8(react@19.0.0)':
+  '@react-types/numberfield@3.8.9(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/overlays@3.8.11(react@19.0.0)':
@@ -8944,19 +9004,19 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/overlays@3.8.12(react@19.0.0)':
+  '@react-types/overlays@3.8.13(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/progress@3.5.8(react@19.0.0)':
+  '@react-types/progress@3.5.10(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/progress@3.5.9(react@19.0.0)':
+  '@react-types/progress@3.5.8(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/radio@3.8.5(react@19.0.0)':
@@ -8964,9 +9024,9 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/radio@3.8.6(react@19.0.0)':
+  '@react-types/radio@3.8.7(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/searchfield@3.5.10(react@19.0.0)':
@@ -8975,27 +9035,27 @@ snapshots:
       '@react-types/textfield': 3.10.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/searchfield@3.5.11(react@19.0.0)':
+  '@react-types/searchfield@3.6.0(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/textfield': 3.11.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/textfield': 3.12.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/select@3.9.8(react@19.0.0)':
+  '@react-types/select@3.9.10(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.26.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/select@3.9.9(react@19.0.0)':
+  '@react-types/select@3.9.8(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/shared@3.26.0(react@19.0.0)':
     dependencies:
       react: 19.0.0
 
-  '@react-types/shared@3.27.0(react@19.0.0)':
+  '@react-types/shared@3.28.0(react@19.0.0)':
     dependencies:
       react: 19.0.0
 
@@ -9004,9 +9064,9 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/slider@3.7.8(react@19.0.0)':
+  '@react-types/slider@3.7.9(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/switch@3.5.7(react@19.0.0)':
@@ -9014,9 +9074,9 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/switch@3.5.8(react@19.0.0)':
+  '@react-types/switch@3.5.9(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/table@3.10.3(react@19.0.0)':
@@ -9025,10 +9085,10 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/table@3.10.4(react@19.0.0)':
+  '@react-types/table@3.11.0(react@19.0.0)':
     dependencies:
-      '@react-types/grid': 3.2.11(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/grid': 3.3.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/tabs@3.3.11(react@19.0.0)':
@@ -9036,9 +9096,9 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/tabs@3.3.12(react@19.0.0)':
+  '@react-types/tabs@3.3.13(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/textfield@3.10.0(react@19.0.0)':
@@ -9046,9 +9106,9 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/textfield@3.11.0(react@19.0.0)':
+  '@react-types/textfield@3.12.0(react@19.0.0)':
     dependencies:
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@react-types/tooltip@3.4.13(react@19.0.0)':
@@ -9057,10 +9117,10 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  '@react-types/tooltip@3.4.14(react@19.0.0)':
+  '@react-types/tooltip@3.4.15(react@19.0.0)':
     dependencies:
-      '@react-types/overlays': 3.8.12(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-types/overlays': 3.8.13(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   '@remixicon/react@4.6.0(react@19.0.0)':
@@ -12024,43 +12084,35 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
-  react-aria-components@1.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-aria-components@1.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@internationalized/date': 3.7.0
       '@internationalized/string': 3.2.5
-      '@react-aria/autocomplete': 3.0.0-alpha.37(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/collections': 3.0.0-alpha.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/color': 3.0.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/disclosure': 3.0.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/dnd': 3.8.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/autocomplete': 3.0.0-beta.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/collections': 3.0.0-beta.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/dnd': 3.9.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/live-announcer': 3.4.1
-      '@react-aria/menu': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/toolbar': 3.0.0-beta.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/tree': 3.0.0-beta.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/virtualizer': 4.1.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/autocomplete': 3.0.0-alpha.0(react@19.0.0)
-      '@react-stately/color': 3.8.2(react@19.0.0)
-      '@react-stately/disclosure': 3.0.1(react@19.0.0)
-      '@react-stately/layout': 4.1.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-stately/menu': 3.9.1(react@19.0.0)
-      '@react-stately/selection': 3.19.0(react@19.0.0)
-      '@react-stately/table': 3.13.1(react@19.0.0)
+      '@react-aria/toolbar': 3.0.0-beta.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/virtualizer': 4.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/autocomplete': 3.0.0-beta.0(react@19.0.0)
+      '@react-stately/layout': 4.2.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-stately/selection': 3.20.0(react@19.0.0)
+      '@react-stately/table': 3.14.0(react@19.0.0)
       '@react-stately/utils': 3.10.5(react@19.0.0)
-      '@react-stately/virtualizer': 4.2.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/color': 3.0.2(react@19.0.0)
-      '@react-types/form': 3.7.9(react@19.0.0)
-      '@react-types/grid': 3.2.11(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
-      '@react-types/table': 3.10.4(react@19.0.0)
+      '@react-stately/virtualizer': 4.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/form': 3.7.10(react@19.0.0)
+      '@react-types/grid': 3.3.0(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
+      '@react-types/table': 3.11.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       client-only: 0.0.1
       react: 19.0.0
-      react-aria: 3.37.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react-aria: 3.38.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-dom: 19.0.0(react@19.0.0)
-      react-stately: 3.35.0(react@19.0.0)
+      react-stately: 3.36.0(react@19.0.0)
       use-sync-external-store: 1.4.0(react@19.0.0)
 
   react-aria@3.36.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
@@ -12107,47 +12159,50 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  react-aria@3.37.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-aria@3.38.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@internationalized/string': 3.2.5
-      '@react-aria/breadcrumbs': 3.5.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/button': 3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/calendar': 3.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/checkbox': 3.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/color': 3.0.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/combobox': 3.11.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/datepicker': 3.13.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/dialog': 3.5.21(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/disclosure': 3.0.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/dnd': 3.8.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/focus': 3.19.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/gridlist': 3.10.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/i18n': 3.12.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/interactions': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/label': 3.7.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/link': 3.7.8(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/listbox': 3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/menu': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/meter': 3.4.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/numberfield': 3.11.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/overlays': 3.25.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/progress': 3.4.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/radio': 3.10.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/searchfield': 3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/select': 3.15.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/selection': 3.22.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/separator': 3.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/slider': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/breadcrumbs': 3.5.21(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/button': 3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/calendar': 3.7.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/checkbox': 3.15.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/color': 3.0.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/combobox': 3.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/datepicker': 3.14.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/dialog': 3.5.22(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/disclosure': 3.0.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/dnd': 3.9.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.20.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/gridlist': 3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/i18n': 3.12.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/interactions': 3.24.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/label': 3.7.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/landmark': 3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/link': 3.7.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/listbox': 3.14.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/menu': 3.18.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/meter': 3.4.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/numberfield': 3.11.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/overlays': 3.26.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/progress': 3.4.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/radio': 3.11.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/searchfield': 3.8.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/select': 3.15.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/selection': 3.23.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/separator': 3.4.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/slider': 3.7.16(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@react-aria/ssr': 3.9.7(react@19.0.0)
-      '@react-aria/switch': 3.6.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/table': 3.16.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/tabs': 3.9.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/tag': 3.4.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/textfield': 3.16.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/tooltip': 3.7.11(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/utils': 3.27.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-aria/visually-hidden': 3.8.19(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+      '@react-aria/switch': 3.7.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/table': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/tabs': 3.10.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/tag': 3.5.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/textfield': 3.17.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/toast': 3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/tooltip': 3.8.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/tree': 3.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/utils': 3.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/visually-hidden': 3.8.20(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
@@ -12226,33 +12281,34 @@ snapshots:
       '@react-types/shared': 3.26.0(react@19.0.0)
       react: 19.0.0
 
-  react-stately@3.35.0(react@19.0.0):
-    dependencies:
-      '@react-stately/calendar': 3.7.0(react@19.0.0)
-      '@react-stately/checkbox': 3.6.11(react@19.0.0)
-      '@react-stately/collections': 3.12.1(react@19.0.0)
-      '@react-stately/color': 3.8.2(react@19.0.0)
-      '@react-stately/combobox': 3.10.2(react@19.0.0)
-      '@react-stately/data': 3.12.1(react@19.0.0)
-      '@react-stately/datepicker': 3.12.0(react@19.0.0)
-      '@react-stately/disclosure': 3.0.1(react@19.0.0)
-      '@react-stately/dnd': 3.5.1(react@19.0.0)
-      '@react-stately/form': 3.1.1(react@19.0.0)
-      '@react-stately/list': 3.11.2(react@19.0.0)
-      '@react-stately/menu': 3.9.1(react@19.0.0)
-      '@react-stately/numberfield': 3.9.9(react@19.0.0)
-      '@react-stately/overlays': 3.6.13(react@19.0.0)
-      '@react-stately/radio': 3.10.10(react@19.0.0)
-      '@react-stately/searchfield': 3.5.9(react@19.0.0)
-      '@react-stately/select': 3.6.10(react@19.0.0)
-      '@react-stately/selection': 3.19.0(react@19.0.0)
-      '@react-stately/slider': 3.6.1(react@19.0.0)
-      '@react-stately/table': 3.13.1(react@19.0.0)
-      '@react-stately/tabs': 3.7.1(react@19.0.0)
-      '@react-stately/toggle': 3.8.1(react@19.0.0)
-      '@react-stately/tooltip': 3.5.1(react@19.0.0)
-      '@react-stately/tree': 3.8.7(react@19.0.0)
-      '@react-types/shared': 3.27.0(react@19.0.0)
+  react-stately@3.36.0(react@19.0.0):
+    dependencies:
+      '@react-stately/calendar': 3.7.1(react@19.0.0)
+      '@react-stately/checkbox': 3.6.12(react@19.0.0)
+      '@react-stately/collections': 3.12.2(react@19.0.0)
+      '@react-stately/color': 3.8.3(react@19.0.0)
+      '@react-stately/combobox': 3.10.3(react@19.0.0)
+      '@react-stately/data': 3.12.2(react@19.0.0)
+      '@react-stately/datepicker': 3.13.0(react@19.0.0)
+      '@react-stately/disclosure': 3.0.2(react@19.0.0)
+      '@react-stately/dnd': 3.5.2(react@19.0.0)
+      '@react-stately/form': 3.1.2(react@19.0.0)
+      '@react-stately/list': 3.12.0(react@19.0.0)
+      '@react-stately/menu': 3.9.2(react@19.0.0)
+      '@react-stately/numberfield': 3.9.10(react@19.0.0)
+      '@react-stately/overlays': 3.6.14(react@19.0.0)
+      '@react-stately/radio': 3.10.11(react@19.0.0)
+      '@react-stately/searchfield': 3.5.10(react@19.0.0)
+      '@react-stately/select': 3.6.11(react@19.0.0)
+      '@react-stately/selection': 3.20.0(react@19.0.0)
+      '@react-stately/slider': 3.6.2(react@19.0.0)
+      '@react-stately/table': 3.14.0(react@19.0.0)
+      '@react-stately/tabs': 3.8.0(react@19.0.0)
+      '@react-stately/toast': 3.0.0(react@19.0.0)
+      '@react-stately/toggle': 3.8.2(react@19.0.0)
+      '@react-stately/tooltip': 3.5.2(react@19.0.0)
+      '@react-stately/tree': 3.8.8(react@19.0.0)
+      '@react-types/shared': 3.28.0(react@19.0.0)
       react: 19.0.0
 
   react-style-singleton@2.2.3(@types/react@19.0.4)(react@19.0.0):
@@ -12874,19 +12930,23 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  tailwind-merge@2.5.4: {}
-
   tailwind-merge@2.6.0: {}
 
-  tailwind-variants@0.3.1(patch_hash=3gftwx6tedpz3ddwa7homjsoma)(tailwindcss@4.0.0):
+  tailwind-merge@3.0.2: {}
+
+  tailwind-variants@1.0.0(patch_hash=3gftwx6tedpz3ddwa7homjsoma)(tailwindcss@4.0.0):
     dependencies:
-      tailwind-merge: 2.5.4
+      tailwind-merge: 3.0.2
       tailwindcss: 4.0.0
 
   tailwindcss-animate@1.0.7(tailwindcss@4.0.0):
     dependencies:
       tailwindcss: 4.0.0
 
+  tailwindcss-react-aria-components@2.0.0(tailwindcss@4.0.0):
+    dependencies:
+      tailwindcss: 4.0.0
+
   tailwindcss@4.0.0: {}
 
   tapable@2.2.1: {}
diff --git a/www/package.json b/www/package.json
index 7983d14d9..5a8737360 100644
--- a/www/package.json
+++ b/www/package.json
@@ -48,7 +48,7 @@
     "npm-to-yarn": "^3.0.0",
     "react": "19.0.0",
     "react-aria": "^3.33.0",
-    "react-aria-components": "^1.6.0",
+    "react-aria-components": "^1.7.0",
     "react-dom": "19.0.0",
     "react-hook-form": "^7.54.2",
     "react-resizable-panels": "^2.0.19",
@@ -58,7 +58,7 @@
     "sharp": "^0.33.2",
     "shiki": "^2.2.0",
     "tailwind-merge": "^2.2.0",
-    "tailwind-variants": "^0.3.1",
+    "tailwind-variants": "^1.0.0",
     "tsx": "^4.7.1",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
@@ -81,6 +81,7 @@
     "tailwindcss": "4.0.0",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-rac": "workspace:*",
+    "tailwindcss-react-aria-components": "^2.0.0",
     "typescript": "^5",
     "vfile": "^6.0.3"
   }
diff --git a/www/src/app/(home)/page.tsx b/www/src/app/(home)/page.tsx
index 90d7983d3..91eb06a0b 100644
--- a/www/src/app/(home)/page.tsx
+++ b/www/src/app/(home)/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import { LayoutTemplateIcon } from "lucide-react";
 import { Link } from "react-aria-components";
 import { Announcement } from "@/components/announcement";
 import { Button } from "@/components/core/button";
@@ -27,7 +26,7 @@ export default function HomePage() {
             <span className="font-bold italic">unique</span> look.
           </h1>
           <p className="text-fg-muted text-balace mt-2 text-lg">
-            Over 40 components available in multiple variants ready to match
+            Over 40 components available in differents styles ready to match
             your brand identity.
           </p>
           <div className="mt-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4">
@@ -37,7 +36,7 @@ export default function HomePage() {
               size="lg"
               className="h-10"
             >
-              Create your library
+              Get started
             </Button>
             <Button
               href="/themes"
@@ -45,7 +44,7 @@ export default function HomePage() {
               size="lg"
               className="bg-bg-inverse/5 h-10"
             >
-              Explore docs
+              Explore themes
             </Button>
           </div>
         </section>
diff --git a/www/src/components/announcement.tsx b/www/src/components/announcement.tsx
index 1e35ba2d6..2801b1889 100644
--- a/www/src/components/announcement.tsx
+++ b/www/src/components/announcement.tsx
@@ -4,12 +4,12 @@ import { Button } from "@/registry/core/button_basic";
 export function Announcement() {
   return (
     <Button
-      href="/themes"
+      href="/docs/getting-started/introduction"
       prefix={<LayoutTemplateIcon />}
       variant="outline"
       className="bg-bg-inverse/5 text-fg-muted mb-3 h-7 rounded-lg text-xs [&_svvg]:size-4"
     >
-      Introducing blocks
+      Introducing dotUI beta
     </Button>
   );
 }
diff --git a/www/src/components/logo.tsx b/www/src/components/logo.tsx
index 2ca49630e..2654ba5c9 100644
--- a/www/src/components/logo.tsx
+++ b/www/src/components/logo.tsx
@@ -1,6 +1,7 @@
 import Link from "next/link";
 import { cn } from "@/lib/utils";
 import { siteConfig } from "@/config";
+import { Badge } from "./core/badge";
 
 export const Logo = ({
   extanded = true,
@@ -49,9 +50,12 @@ export const Logo = ({
         </g>
       </svg>
       {extanded && (
-        <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-1.5 text-base font-bold leading-normal tracking-tighter transition-colors">
-          {siteConfig.global.name}
-        </div>
+        <>
+          <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-1.5 text-base font-bold leading-normal tracking-tighter transition-colors">
+            {siteConfig.global.name}
+          </div>
+          <Badge className="border mt-0.5 px-2 group-data-collapsed/sidebar:opacity-0">beta</Badge>
+        </>
       )}
     </Link>
   );
diff --git a/www/src/modules/themes/components/font-selector.tsx b/www/src/modules/themes/components/font-selector.tsx
index d9e5dc50f..474505909 100644
--- a/www/src/modules/themes/components/font-selector.tsx
+++ b/www/src/modules/themes/components/font-selector.tsx
@@ -3,11 +3,7 @@
 import React from "react";
 import { ChevronDownIcon } from "lucide-react";
 import { useInView } from "motion/react";
-import {
-  UNSTABLE_Virtualizer as Virtualizer,
-  UNSTABLE_ListLayout as ListLayout,
-  useFilter,
-} from "react-aria-components";
+import { Virtualizer, ListLayout, useFilter } from "react-aria-components";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/core/button";
 import { CommandRoot } from "@/components/core/command";
diff --git a/www/src/registry/core/command_basic.tsx b/www/src/registry/core/command_basic.tsx
index 5c06913cb..c15963074 100644
--- a/www/src/registry/core/command_basic.tsx
+++ b/www/src/registry/core/command_basic.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { UNSTABLE_Autocomplete as AriaAutocomplete } from "react-aria-components";
+import { Autocomplete as AriaAutocomplete } from "react-aria-components";
 import { tv } from "tailwind-variants";
 
 const commandStyles = tv({
diff --git a/www/src/styles/globals.css b/www/src/styles/globals.css
index 95945fade..bd126ceab 100644
--- a/www/src/styles/globals.css
+++ b/www/src/styles/globals.css
@@ -1,6 +1,6 @@
 @import "tailwindcss";
 @plugin "tailwindcss-animate";
-@plugin "tailwindcss-rac";
+@plugin "tailwindcss-react-aria-components";
 @import "./docs.css";
 @import "./themes.css";
 

From ebe40cd313086d990a8aee4a95cba6a1bb1a7e96 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 11 Mar 2025 13:13:23 +0100
Subject: [PATCH 161/165] remove unused file

---
 www/src/components/fade-in.tsx | 52 ----------------------------------
 1 file changed, 52 deletions(-)
 delete mode 100644 www/src/components/fade-in.tsx

diff --git a/www/src/components/fade-in.tsx b/www/src/components/fade-in.tsx
deleted file mode 100644
index 1f9bdd13d..000000000
--- a/www/src/components/fade-in.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-"use client";
-
-import { motion, HTMLMotionProps, type Variants } from "framer-motion";
-
-const container: Variants = {
-  hidden: {},
-  show: {
-    transition: {
-      staggerChildren: 0.1,
-    },
-  },
-};
-
-const item = (y: boolean): Variants => ({
-  hidden: {
-    opacity: 0,
-    y: y ? 16 : 0,
-    filter: "blur(10px)",
-  },
-  show: {
-    opacity: 1,
-    scale: 1,
-    y: 0,
-    filter: "blur(0px)",
-    transition: {
-      type: "spring",
-      stiffness: 150,
-      damping: 19,
-      mass: 1.2,
-    },
-  },
-});
-
-function Container(props: HTMLMotionProps<"div">) {
-  return (
-    <motion.div
-      variants={container}
-      initial="hidden"
-      animate="show"
-      {...props}
-    />
-  );
-}
-
-function Item({
-  translateAnimation = true,
-  ...props
-}: { translateAnimation?: boolean } & HTMLMotionProps<"div">) {
-  return <motion.div variants={item(translateAnimation)} {...props} />;
-}
-
-export { Container, Item };

From 6cbd9895a4174a403e035938b73f506551728880 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 11 Mar 2025 13:19:37 +0100
Subject: [PATCH 162/165] fix: format

---
 .../[themeName]/theme-editor/components.tsx       |  9 +++++++--
 .../themes/[themeName]/theme-editor/index.tsx     |  9 +++++----
 www/src/app/(app)/themes/preview.tsx              | 15 +++++++++------
 www/src/app/internal/page.tsx                     |  5 +----
 www/src/components/dynamic-core/alert.tsx         |  2 +-
 www/src/components/dynamic-core/breadcrumbs.tsx   |  2 +-
 www/src/components/dynamic-core/calendar.tsx      |  2 +-
 www/src/components/dynamic-core/drawer.tsx        |  2 +-
 www/src/components/dynamic-core/loader.tsx        |  2 +-
 www/src/components/dynamic-core/modal.tsx         |  2 +-
 www/src/components/dynamic-core/popover.tsx       |  2 +-
 www/src/components/dynamic-core/tabs.tsx          |  2 +-
 www/src/components/logo.tsx                       |  4 +++-
 www/src/lib/colors.ts                             |  4 ++--
 14 files changed, 35 insertions(+), 27 deletions(-)

diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/components.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/components.tsx
index f0aa4f38e..a4d131ea1 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/components.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/components.tsx
@@ -106,7 +106,7 @@ const Section = ({
 }) => {
   return (
     <div className="rounded-sm border">
-      <div className="bg-bg-muted/50 flex items-center justify-between gap-2 border-b pl-4 p-2">
+      <div className="bg-bg-muted/50 flex items-center justify-between gap-2 border-b p-2 pl-4">
         <div>
           <h3 className="text-base font-medium">{title}</h3>
           {description && (
@@ -119,7 +119,12 @@ const Section = ({
           className="flex w-auto flex-row items-center"
         >
           <Label>style:</Label>
-          <Button variant="outline" suffix={<ChevronDownIcon />} size="sm" className="bg-bg-inverse/5">
+          <Button
+            variant="outline"
+            suffix={<ChevronDownIcon />}
+            size="sm"
+            className="bg-bg-inverse/5"
+          >
             <SelectValue />
           </Button>
           <Popover>
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/index.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/index.tsx
index d40cff25e..011585e97 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/index.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/index.tsx
@@ -23,12 +23,12 @@ import { useUserThemes } from "@/modules/themes/atoms/themes-atom";
 import { CreateThemeDialog } from "@/modules/themes/components/create-theme-dialog";
 import { Theme } from "@/modules/themes/types";
 import { PreviewContent } from "../../preview";
-import { ModeSwitch } from "./mode-switch";
 import { ThemeColors } from "./colors";
+import { ThemeComponents } from "./components";
 import { ThemeEditorContext } from "./context";
 import { ThemeIconography } from "./iconography";
+import { ModeSwitch } from "./mode-switch";
 import { ThemeTypography } from "./typography";
-import { ThemeComponents } from "./components";
 
 export function ThemeEditor({
   theme: themeProp,
@@ -75,7 +75,8 @@ export function ThemeEditor({
                 </CreateThemeDialog>
               }
             >
-              To adjust colors, fonts, radius, components and more, you need to clone the theme.
+              To adjust colors, fonts, radius, components and more, you need to
+              clone the theme.
             </Alert>
           )}
           <Section
@@ -102,7 +103,7 @@ export function ThemeEditor({
           <Section title="Iconography" description="Theme iconography">
             <ThemeIconography />
           </Section>
-          <Section title="Components" description="Theme components"> 
+          <Section title="Components" description="Theme components">
             <ThemeComponents />
           </Section>
         </ThemeEditorBody>
diff --git a/www/src/app/(app)/themes/preview.tsx b/www/src/app/(app)/themes/preview.tsx
index 42aa9aab8..8b8b2d01e 100644
--- a/www/src/app/(app)/themes/preview.tsx
+++ b/www/src/app/(app)/themes/preview.tsx
@@ -12,12 +12,12 @@ import {
 } from "lucide-react";
 import { motion } from "motion/react";
 import { cn } from "@/lib/utils";
+import { useDebounce } from "@/hooks/use-debounce";
 import { useMounted } from "@/hooks/use-mounted";
 import { Button } from "@/components/core/button";
+import { Skeleton } from "@/components/core/skeleton";
 import { useSidebarContext } from "@/components/sidebar";
 import { useCurrentTheme } from "@/modules/themes/atoms/themes-atom";
-import { Skeleton } from "@/components/core/skeleton";
-import { useDebounce } from "@/hooks/use-debounce";
 
 const PreviewContext = React.createContext<{
   isOpen: boolean;
@@ -128,8 +128,8 @@ export function PreviewContent({
   const iframeRef = React.useRef<HTMLIFrameElement>(null);
   const [isLoading, setLoading] = React.useState(false);
   const [currentPathname, setCurrentPathname] = React.useState("");
-  const isMounted = useMounted()
-  const debouncedIsMounted = useDebounce(isMounted, 1500)
+  const isMounted = useMounted();
+  const debouncedIsMounted = useDebounce(isMounted, 1500);
 
   const reload = () => {
     if (iframeRef.current) {
@@ -247,9 +247,12 @@ export function PreviewContent({
           )}
         </div>
       </div>
-      <Skeleton show={!debouncedIsMounted} className="size-full rounded-[inherit]">
+      <Skeleton
+        show={!debouncedIsMounted}
+        className="size-full rounded-[inherit]"
+      >
         <iframe
-          ref={iframeRef} 
+          ref={iframeRef}
           src={`/preview/${themeName}`}
           className="rounded-{inherit] size-full"
           onLoad={() => {
diff --git a/www/src/app/internal/page.tsx b/www/src/app/internal/page.tsx
index 40521da1f..dbfe54012 100644
--- a/www/src/app/internal/page.tsx
+++ b/www/src/app/internal/page.tsx
@@ -30,7 +30,6 @@ export default function Demo() {
               onAnimationComplete={() => {
                 setAnimating(false);
               }}
-              
               style={{ overflow: show ? "visible" : "hidden" }}
             >
               <div className="size-10 bg-red-500" />
@@ -38,9 +37,7 @@ export default function Demo() {
           )}
         </AnimatePresence>
       </div>
-      <p>
-        {isAnimating ? "animating" : "not animating"}
-      </p>
+      <p>{isAnimating ? "animating" : "not animating"}</p>
     </div>
   );
 }
diff --git a/www/src/components/dynamic-core/alert.tsx b/www/src/components/dynamic-core/alert.tsx
index 96e163893..be4b9ccf6 100644
--- a/www/src/components/dynamic-core/alert.tsx
+++ b/www/src/components/dynamic-core/alert.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 import {
   Alert as _Alert,
   AlertRoot as _AlertRoot,
@@ -14,6 +13,7 @@ import type {
   AlertTitleProps,
   AlertContentProps,
 } from "@/registry/core/alert_basic";
+import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 
 export const Alert = createDynamicComponent<AlertProps>(
   "alert",
diff --git a/www/src/components/dynamic-core/breadcrumbs.tsx b/www/src/components/dynamic-core/breadcrumbs.tsx
index 756a76aa4..5d3d760f3 100644
--- a/www/src/components/dynamic-core/breadcrumbs.tsx
+++ b/www/src/components/dynamic-core/breadcrumbs.tsx
@@ -1 +1 @@
-export * from "@/registry/core/breadcrumbs_basic"
\ No newline at end of file
+export * from "@/registry/core/breadcrumbs_basic";
diff --git a/www/src/components/dynamic-core/calendar.tsx b/www/src/components/dynamic-core/calendar.tsx
index 246f927a2..84004b45e 100644
--- a/www/src/components/dynamic-core/calendar.tsx
+++ b/www/src/components/dynamic-core/calendar.tsx
@@ -2,7 +2,6 @@
 
 import React from "react";
 import { type DateValue } from "react-aria-components";
-import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 import {
   Calendar as _Calendar,
   CalendarRoot as _CalendarRoot,
@@ -27,6 +26,7 @@ import type {
   CalendarGridBodyProps,
   CalendarCellProps,
 } from "@/registry/core/calendar_basic";
+import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 
 export const Calendar = createDynamicComponent<CalendarProps<DateValue>>(
   "calendar",
diff --git a/www/src/components/dynamic-core/drawer.tsx b/www/src/components/dynamic-core/drawer.tsx
index 0b4681af6..615df820d 100644
--- a/www/src/components/dynamic-core/drawer.tsx
+++ b/www/src/components/dynamic-core/drawer.tsx
@@ -1 +1 @@
-export * from "@/registry/core/drawer_basic";
\ No newline at end of file
+export * from "@/registry/core/drawer_basic";
diff --git a/www/src/components/dynamic-core/loader.tsx b/www/src/components/dynamic-core/loader.tsx
index d3da27734..298a4617d 100644
--- a/www/src/components/dynamic-core/loader.tsx
+++ b/www/src/components/dynamic-core/loader.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React from "react";
-import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 import { LoaderProps } from "@/registry/core/loader_ring";
 import { Loader as _Loader } from "@/registry/core/loader_ring";
+import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 
 export const Loader = createDynamicComponent<LoaderProps>(
   "loader",
diff --git a/www/src/components/dynamic-core/modal.tsx b/www/src/components/dynamic-core/modal.tsx
index 3bd97fead..0e931dacc 100644
--- a/www/src/components/dynamic-core/modal.tsx
+++ b/www/src/components/dynamic-core/modal.tsx
@@ -1 +1 @@
-export * from "@/registry/core/modal_basic";
\ No newline at end of file
+export * from "@/registry/core/modal_basic";
diff --git a/www/src/components/dynamic-core/popover.tsx b/www/src/components/dynamic-core/popover.tsx
index 93a7b22a3..41503f361 100644
--- a/www/src/components/dynamic-core/popover.tsx
+++ b/www/src/components/dynamic-core/popover.tsx
@@ -1 +1 @@
-export * from "@/registry/core/popover_basic"
\ No newline at end of file
+export * from "@/registry/core/popover_basic";
diff --git a/www/src/components/dynamic-core/tabs.tsx b/www/src/components/dynamic-core/tabs.tsx
index ea9f2ffd9..01dfcc4f3 100644
--- a/www/src/components/dynamic-core/tabs.tsx
+++ b/www/src/components/dynamic-core/tabs.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 import {
   Tabs as _Tabs,
   TabList as _TabList,
@@ -14,6 +13,7 @@ import type {
   TabProps,
   TabPanelProps,
 } from "@/registry/core/tabs_basic";
+import { createDynamicComponent } from "@/modules/themes/lib/create-dynamic-component";
 
 export const Tabs = createDynamicComponent<TabsProps>("tabs", "Tabs", _Tabs, {
   motion: React.lazy(() =>
diff --git a/www/src/components/logo.tsx b/www/src/components/logo.tsx
index 2654ba5c9..338ea6d2e 100644
--- a/www/src/components/logo.tsx
+++ b/www/src/components/logo.tsx
@@ -54,7 +54,9 @@ export const Logo = ({
           <div className="font-josefin group-data-collapsed/sidebar:opacity-0 mt-1.5 text-base font-bold leading-normal tracking-tighter transition-colors">
             {siteConfig.global.name}
           </div>
-          <Badge className="border mt-0.5 px-2 group-data-collapsed/sidebar:opacity-0">beta</Badge>
+          <Badge className="group-data-collapsed/sidebar:opacity-0 mt-0.5 border px-2">
+            beta
+          </Badge>
         </>
       )}
     </Link>
diff --git a/www/src/lib/colors.ts b/www/src/lib/colors.ts
index 57c57f1e4..11bf4a611 100644
--- a/www/src/lib/colors.ts
+++ b/www/src/lib/colors.ts
@@ -2,7 +2,7 @@ import { contrast, type ColorTuple } from "@adobe/leonardo-contrast-colors";
 import { parseColor } from "react-aria-components";
 
 export const getContrastTextColor = (color: string): "white" | "black" => {
-  const colorValue = parseColor(color).toFormat("rgb")
+  const colorValue = parseColor(color).toFormat("rgb");
 
   const colorTuple: ColorTuple = [
     colorValue.getChannelValue("red"),
@@ -15,6 +15,6 @@ export const getContrastTextColor = (color: string): "white" | "black" => {
 
   const contrastText =
     contrastWithBlack > contrastWithWhite ? "black" : "white";
-    
+
   return contrastText;
 };

From 3c406ce554a5b5c002fa9380a615ef50b3411d60 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 11 Mar 2025 13:31:24 +0100
Subject: [PATCH 163/165] fix type errors

---
 package.json                                  |   7 +-
 packages/tailwindcss-rac/index.d.ts           |   9 --
 packages/tailwindcss-rac/index.js             | 151 ------------------
 packages/tailwindcss-rac/package.json         |  27 ----
 patches/tailwind-variants.patch               |  19 ---
 pnpm-lock.yaml                                |  18 +--
 .../docs/getting-started/guides/dark-mode.mdx |   2 +-
 .../docs/getting-started/installation.mdx     |   2 +-
 www/package.json                              |   3 +-
 .../[themeName]/theme-editor/colors.tsx       |   4 +-
 www/src/registry/core/button_brutalist.tsx    |   3 -
 www/src/registry/core/menu_basic.tsx          |   9 +-
 12 files changed, 18 insertions(+), 236 deletions(-)
 delete mode 100644 packages/tailwindcss-rac/index.d.ts
 delete mode 100644 packages/tailwindcss-rac/index.js
 delete mode 100644 packages/tailwindcss-rac/package.json
 delete mode 100644 patches/tailwind-variants.patch

diff --git a/package.json b/package.json
index 472d00aa5..64bf8be21 100644
--- a/package.json
+++ b/package.json
@@ -50,10 +50,5 @@
     "prettier-plugin-tailwindcss": "^0.6.11",
     "turbo": "^2.4.0"
   },
-  "packageManager": "pnpm@9.5.0",
-  "pnpm": {
-    "patchedDependencies": {
-      "tailwind-variants": "patches/tailwind-variants.patch"
-    }
-  }
+  "packageManager": "pnpm@9.5.0"
 }
diff --git a/packages/tailwindcss-rac/index.d.ts b/packages/tailwindcss-rac/index.d.ts
deleted file mode 100644
index 80afe6b26..000000000
--- a/packages/tailwindcss-rac/index.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-declare function plugin(options?: Partial<{ prefix: string }>): {
-  handler: () => void
-}
-
-declare namespace plugin {
-  const __isOptionsFunction: true;
-}
-
-export = plugin
\ No newline at end of file
diff --git a/packages/tailwindcss-rac/index.js b/packages/tailwindcss-rac/index.js
deleted file mode 100644
index 5e364b49f..000000000
--- a/packages/tailwindcss-rac/index.js
+++ /dev/null
@@ -1,151 +0,0 @@
-const plugin = require("tailwindcss/plugin");
-
-// Order of these is important because it determines which states win in a conflict.
-// We mostly follow Tailwind's defaults, adding our additional states following the categories they define.
-// https://github.com/tailwindlabs/tailwindcss/blob/304c2bad6cb5fcb62754a4580b1c8f4c16b946ea/src/corePlugins.js#L83
-const attributes = {
-  boolean: [
-    // Conditions
-    "allows-removing",
-    "allows-sorting",
-    "allows-dragging",
-    "has-submenu",
-
-    // States
-    "open",
-    "expanded",
-    "entering",
-    "exiting",
-    "indeterminate",
-    ["placeholder-shown", "placeholder"],
-    "current",
-    "required",
-    "unavailable",
-    "invalid",
-    ["read-only", "readonly"],
-    "outside-month",
-    "outside-visible-range",
-    "pending",
-
-    // Content
-    "empty",
-
-    // Interactive states
-    "focus-within",
-    ["hover", "hovered"],
-    ["focus", "focused"],
-    "focus-visible",
-    "pressed",
-    "selected",
-    "selection-start",
-    "selection-end",
-    "dragging",
-    "drop-target",
-    "resizing",
-    "disabled",
-  ],
-  enum: {
-    placement: ["left", "right", "top", "bottom"],
-    type: ["literal", "year", "month", "day"],
-    layout: ["grid", "stack"],
-    orientation: ["horizontal", "vertical"],
-    "selection-mode": ["single", "multiple"],
-    "resizable-direction": ["right", "left", "both"],
-    "sort-direction": ["ascending", "descending"],
-  },
-};
-
-const shortNames = {
-  "selection-mode": "selection",
-  "resizable-direction": "resizable",
-  "sort-direction": "sort",
-};
-
-// Variants we use that are already defined by Tailwind:
-// https://github.com/tailwindlabs/tailwindcss/blob/a2fa6932767ab328515f743d6188c2164ad2a5de/src/corePlugins.js#L84
-const nativeVariants = [
-  "indeterminate",
-  "required",
-  "invalid",
-  "empty",
-  "focus-visible",
-  "focus-within",
-  "disabled",
-];
-const nativeVariantSelectors = new Map([
-  ...nativeVariants.map((variant) => [variant, `:${variant}`]),
-  ["hovered", ":hover"],
-  ["focused", ":focus"],
-  ["readonly", ":read-only"],
-  ["open", "[open]"],
-  ["expanded", "[expanded]"],
-]);
-
-// Variants where both native and RAC attributes should apply. We don't override these.
-const nativeMergeSelectors = new Map([["placeholder", ":placeholder-shown"]]);
-
-// If no prefix is specified, we want to avoid overriding native variants on non-RAC components, so we only target elements with the data-rac attribute for those variants.
-let getSelector = (prefix, attributeName, attributeValue) => {
-  let baseSelector = attributeValue
-    ? `[data-${attributeName}="${attributeValue}"]`
-    : `[data-${attributeName}]`;
-  let nativeSelector = nativeVariantSelectors.get(attributeName);
-  if (prefix === "" && nativeSelector) {
-    let wrappedNativeSelector = `&:where(:not([data-rac]))${nativeSelector}`;
-    let nativeSelectorGenerator = wrappedNativeSelector;
-    if (nativeSelector === ":hover") {
-      nativeSelectorGenerator = (wrap) =>
-        `@media (hover: hover) { ${wrap(wrappedNativeSelector)} }`;
-    }
-    return [`&:where([data-rac])${baseSelector}`, nativeSelectorGenerator];
-  } else if (prefix === "" && nativeMergeSelectors.has(attributeName)) {
-    return [`&${baseSelector}`, `&${nativeMergeSelectors.get(attributeName)}`];
-  } else {
-    return `&${baseSelector}`;
-  }
-};
-
-let mapSelector = (selector, fn) => {
-  if (Array.isArray(selector)) {
-    return selector.map(fn);
-  } else {
-    return fn(selector);
-  }
-};
-
-let wrapSelector = (selector, wrap) => {
-  if (typeof selector === "function") {
-    return selector(wrap);
-  } else {
-    return wrap(selector);
-  }
-};
-
-let addVariants = (variantName, selectors, addVariant) => {
-  addVariant(
-    variantName,
-    mapSelector(selectors, (selector) => wrapSelector(selector, (s) => s))
-  );
-};
-
-module.exports = plugin.withOptions((options) => ({ addVariant }) => {
-  let prefix = options?.prefix ? `${options.prefix}-` : "";
-
-  // Enum attributes go first because currently they are all non-interactive states.
-  Object.keys(attributes.enum).forEach((attributeName) => {
-    attributes.enum[attributeName].forEach((attributeValue, i) => {
-      let name = shortNames[attributeName] || attributeName;
-      let variantName = `${prefix}${name}-${attributeValue}`;
-      let selectors = getSelector(prefix, attributeName, attributeValue);
-      addVariants(variantName, selectors, addVariant, i);
-    });
-  });
-
-  attributes.boolean.forEach((attribute, i) => {
-    let variantName = Array.isArray(attribute) ? attribute[0] : attribute;
-    variantName = `${prefix}${variantName}`;
-    let attributeName = Array.isArray(attribute) ? attribute[1] : attribute;
-    let selectors = getSelector(prefix, attributeName, null);
-    addVariants(variantName, selectors, addVariant, i);
-  });
-});
diff --git a/packages/tailwindcss-rac/package.json b/packages/tailwindcss-rac/package.json
deleted file mode 100644
index 8541c154b..000000000
--- a/packages/tailwindcss-rac/package.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "tailwindcss-rac",
-  "version": "1.2.0",
-  "description": "A Tailwind plugin that adds variants for data attributes in React Aria Components compatible with tailwind v4",
-  "license": "Apache-2.0",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "source": "index.js",
-  "files": [
-    "dist",
-    "src"
-  ],
-  "sideEffects": false,
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/mehdibha/dotUI"
-  },
-  "peerDependencies": {
-    "tailwindcss": "*"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "devDependencies": {
-    "tailwindcss": "4.0.0"
-  }
-}
\ No newline at end of file
diff --git a/patches/tailwind-variants.patch b/patches/tailwind-variants.patch
deleted file mode 100644
index 64920e2d3..000000000
--- a/patches/tailwind-variants.patch
+++ /dev/null
@@ -1,19 +0,0 @@
-diff --git a/dist/transformer.d.ts b/dist/transformer.d.ts
-index 508be4d8176486bfbbccd0b8cf297465c8efd15a..998c990a7c895c36ebc7e043cc5e324190670145 100644
---- a/dist/transformer.d.ts
-+++ b/dist/transformer.d.ts
-@@ -1,10 +1,10 @@
--import type {Config} from "tailwindcss/types/config";
--import type {DefaultTheme} from "tailwindcss/types/generated/default-theme";
-+// import type {Config} from "tailwindcss/types/config";
-+// import type {DefaultTheme} from "tailwindcss/types/generated/default-theme";
- 
--export type DefaultScreens = keyof DefaultTheme["screens"];
-+export type DefaultScreens = any
- 
- export type WithTV = {
--  <C extends Config>(tvConfig: C, config?: TVTransformerConfig): C;
-+  <C>(tvConfig: C, config?: TVTransformerConfig): C;
- };
- 
- export declare const withTV: WithTV;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index da8d6d4b9..59919bf88 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,11 +4,6 @@ settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
-patchedDependencies:
-  tailwind-variants:
-    hash: 3gftwx6tedpz3ddwa7homjsoma
-    path: patches/tailwind-variants.patch
-
 importers:
 
   .:
@@ -275,11 +270,11 @@ importers:
         specifier: ^2.2.0
         version: 2.2.0
       tailwind-merge:
-        specifier: ^2.2.0
-        version: 2.6.0
+        specifier: ^3.0.2
+        version: 3.0.2
       tailwind-variants:
         specifier: ^1.0.0
-        version: 1.0.0(patch_hash=3gftwx6tedpz3ddwa7homjsoma)(tailwindcss@4.0.0)
+        version: 1.0.0(tailwindcss@4.0.0)
       tsx:
         specifier: ^4.7.1
         version: 4.19.2
@@ -5666,9 +5661,6 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  tailwind-merge@2.6.0:
-    resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
-
   tailwind-merge@3.0.2:
     resolution: {integrity: sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==}
 
@@ -12930,11 +12922,9 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  tailwind-merge@2.6.0: {}
-
   tailwind-merge@3.0.2: {}
 
-  tailwind-variants@1.0.0(patch_hash=3gftwx6tedpz3ddwa7homjsoma)(tailwindcss@4.0.0):
+  tailwind-variants@1.0.0(tailwindcss@4.0.0):
     dependencies:
       tailwind-merge: 3.0.2
       tailwindcss: 4.0.0
diff --git a/www/content/docs/getting-started/guides/dark-mode.mdx b/www/content/docs/getting-started/guides/dark-mode.mdx
index ff82db704..ff82385ab 100644
--- a/www/content/docs/getting-started/guides/dark-mode.mdx
+++ b/www/content/docs/getting-started/guides/dark-mode.mdx
@@ -82,7 +82,7 @@ Update your global css file
 
 ```css {4}
 @import "tailwindcss";
-@import "tailwindcss-rac";
+@import "tailwindcss-react-aria-components";
 @variant dark (&:where(.dark, .dark *)); // [!code highlight]
 ```
 
diff --git a/www/content/docs/getting-started/installation.mdx b/www/content/docs/getting-started/installation.mdx
index 7447ae3f4..ce1c902b2 100644
--- a/www/content/docs/getting-started/installation.mdx
+++ b/www/content/docs/getting-started/installation.mdx
@@ -225,7 +225,7 @@ Follow the [Tailwind CSS v4 installation guide](https://tailwindcss.com/docs/v4-
 ### Add required dependencies
 
 ```package-install
-npm install tailwind-variants clsx tailwind-merge tailwindcss-animate tailwindcss-rac
+npm install tailwind-variants clsx tailwind-merge tailwindcss-animate tailwindcss-react-aria-components
 ```
 
 ### Add an icon library
diff --git a/www/package.json b/www/package.json
index 5a8737360..e6b5dae3f 100644
--- a/www/package.json
+++ b/www/package.json
@@ -57,7 +57,7 @@
     "remark-gfm": "^4.0.0",
     "sharp": "^0.33.2",
     "shiki": "^2.2.0",
-    "tailwind-merge": "^2.2.0",
+    "tailwind-merge": "^3.0.2",
     "tailwind-variants": "^1.0.0",
     "tsx": "^4.7.1",
     "unified": "^11.0.5",
@@ -80,7 +80,6 @@
     "rimraf": "^6.0.1",
     "tailwindcss": "4.0.0",
     "tailwindcss-animate": "^1.0.7",
-    "tailwindcss-rac": "workspace:*",
     "tailwindcss-react-aria-components": "^2.0.0",
     "typescript": "^5",
     "vfile": "^6.0.3"
diff --git a/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx b/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
index 5154b8956..53835316d 100644
--- a/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
+++ b/www/src/app/(app)/themes/[themeName]/theme-editor/colors.tsx
@@ -255,7 +255,7 @@ interface ColorItemProps {
   containerClassName?: string;
   className?: string;
   style?: React.CSSProperties;
-  colorValue: string;
+  colorValue?: string;
   colorName?: string;
   hoverAnimation?: boolean;
 }
@@ -263,7 +263,7 @@ function ColorItem({
   containerClassName,
   className,
   style,
-  colorValue,
+  colorValue = "#fff",
   colorName,
   hoverAnimation = false,
 }: ColorItemProps) {
diff --git a/www/src/registry/core/button_brutalist.tsx b/www/src/registry/core/button_brutalist.tsx
index 605d125fe..4dc8402a0 100644
--- a/www/src/registry/core/button_brutalist.tsx
+++ b/www/src/registry/core/button_brutalist.tsx
@@ -69,9 +69,6 @@ const buttonStyles = tv(
       size: "md",
       shape: "rectangle",
     },
-  },
-  {
-    responsiveVariants: ["sm", "lg"],
   }
 );
 
diff --git a/www/src/registry/core/menu_basic.tsx b/www/src/registry/core/menu_basic.tsx
index 47cb7b281..bf9e22113 100644
--- a/www/src/registry/core/menu_basic.tsx
+++ b/www/src/registry/core/menu_basic.tsx
@@ -81,7 +81,14 @@ const MenuContent = <T extends object>({
   className,
   ...props
 }: MenuContentProps<T>) => {
-  return <AriaMenu className={menuStyles({ className })} {...props} />;
+  return (
+    <AriaMenu
+      className={composeRenderProps(className, (className) =>
+        menuStyles({ className })
+      )}
+      {...props}
+    />
+  );
 };
 
 const MenuSub = AriaSubmenuTrigger;

From 0a66396e41260b59603496a3f7c6be9e09387098 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 11 Mar 2025 13:35:05 +0100
Subject: [PATCH 164/165] remove deps

---
 pnpm-lock.yaml   | 25 -------------------------
 www/package.json |  1 -
 2 files changed, 26 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 59919bf88..4c66abce6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -144,12 +144,6 @@ importers:
         specifier: ^3.22.4
         version: 3.24.1
 
-  packages/tailwindcss-rac:
-    devDependencies:
-      tailwindcss:
-        specifier: 4.0.0
-        version: 4.0.0
-
   www:
     dependencies:
       '@adobe/leonardo-contrast-colors':
@@ -230,9 +224,6 @@ importers:
       next-themes:
         specifier: ^0.4.4
         version: 0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      next-view-transitions:
-        specifier: ^0.3.4
-        version: 0.3.4(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       npm-to-yarn:
         specifier: ^3.0.0
         version: 3.0.1
@@ -333,9 +324,6 @@ importers:
       tailwindcss-animate:
         specifier: ^1.0.7
         version: 1.0.7(tailwindcss@4.0.0)
-      tailwindcss-rac:
-        specifier: workspace:*
-        version: link:../packages/tailwindcss-rac
       tailwindcss-react-aria-components:
         specifier: ^2.0.0
         version: 2.0.0(tailwindcss@4.0.0)
@@ -4735,13 +4723,6 @@ packages:
       react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
       react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
-  next-view-transitions@0.3.4:
-    resolution: {integrity: sha512-SSiskenQ8JkEFGzPjvFwC5LGGoqgTxM5dxexkeugxvcXFLpWI2ZUh4IsCURD3ovW+8Ue7xXlrtrpy8b7XR7IwQ==}
-    peerDependencies:
-      next: '>=14.0.0'
-      react: ^18.2.0
-      react-dom: ^18.2.0
-
   next@15.2.0:
     resolution: {integrity: sha512-VaiM7sZYX8KIAHBrRGSFytKknkrexNfGb8GlG6e93JqueCspuGte8i4ybn8z4ww1x3f2uzY4YpTaBEW4/hvsoQ==}
     engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
@@ -11764,12 +11745,6 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  next-view-transitions@0.3.4(next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
-    dependencies:
-      next: 15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-
   next@15.2.0(babel-plugin-react-compiler@19.0.0-beta-63e3235-20250105)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@next/env': 15.2.0
diff --git a/www/package.json b/www/package.json
index e6b5dae3f..10dfb2a85 100644
--- a/www/package.json
+++ b/www/package.json
@@ -44,7 +44,6 @@
     "nanoid": "^5.0.7",
     "next": "15.2.0",
     "next-themes": "^0.4.4",
-    "next-view-transitions": "^0.3.4",
     "npm-to-yarn": "^3.0.0",
     "react": "19.0.0",
     "react-aria": "^3.33.0",

From e0c8478b2f2b03cbbb60794626e203e8d22883a2 Mon Sep 17 00:00:00 2001
From: Mehdi BHA <mehdibenhadjali@gmail.com>
Date: Tue, 11 Mar 2025 13:38:05 +0100
Subject: [PATCH 165/165] fix: format

---
 www/src/registry/core/button_brutalist.tsx | 106 ++++++++++-----------
 1 file changed, 52 insertions(+), 54 deletions(-)

diff --git a/www/src/registry/core/button_brutalist.tsx b/www/src/registry/core/button_brutalist.tsx
index 4dc8402a0..f32661830 100644
--- a/www/src/registry/core/button_brutalist.tsx
+++ b/www/src/registry/core/button_brutalist.tsx
@@ -13,64 +13,62 @@ import { createOptionalScopedContext } from "@/lib/utils";
 import { Loader } from "@/registry/core/loader_ring";
 import { focusRing } from "@/registry/lib/focus-styles";
 
-const buttonStyles = tv(
-  {
-    extend: focusRing,
-    base: [
-      "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
-      "shadow-brutalism hover:translate-x-(--box-shadow-x) hover:translate-y-(--box-shadow-y) hover:shadow-none",
-    ],
-    variants: {
-      variant: {
-        default: "bg-bg-neutral text-fg-onNeutral",
-        primary: "bg-bg-primary text-fg-onPrimary",
-        quiet: "text-fg bg-transparent",
-        outline:
-          "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
-        accent:
-          "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
-        success:
-          "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
-        warning:
-          "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
-        danger:
-          "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
-      },
-      size: {
-        sm: "size-8 [&_svg]:size-4",
-        md: "size-9 [&_svg]:size-4",
-        lg: "size-10 [&_svg]:size-5",
-      },
-      shape: {
-        rectangle: "",
-        square: "",
-        circle: "rounded-full",
-      },
+const buttonStyles = tv({
+  extend: focusRing,
+  base: [
+    "disabled:bg-bg-disabled disabled:text-fg-disabled pending:cursor-default pending:bg-bg-disabled pending:text-fg-disabled pending:border pending:border-border-disabled inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium leading-normal transition-all disabled:cursor-default",
+    "shadow-brutalism hover:translate-x-(--box-shadow-x) hover:translate-y-(--box-shadow-y) hover:shadow-none",
+  ],
+  variants: {
+    variant: {
+      default: "bg-bg-neutral text-fg-onNeutral",
+      primary: "bg-bg-primary text-fg-onPrimary",
+      quiet: "text-fg bg-transparent",
+      outline:
+        "border-border-field hover:bg-bg-inverse/10 pressed:bg-bg-inverse/15 text-fg disabled:border-border-disabled border disabled:bg-transparent",
+      accent:
+        "bg-bg-accent hover:bg-bg-accent-hover pressed:bg-bg-accent-active text-fg-onAccent",
+      success:
+        "bg-bg-success hover:bg-bg-success-hover pressed:bg-bg-success-active text-fg-onSuccess",
+      warning:
+        "bg-bg-warning hover:bg-bg-warning-hover pressed:bg-bg-warning-active text-fg-onWarning",
+      danger:
+        "bg-bg-danger hover:bg-bg-danger-hover pressed:bg-bg-danger-active text-fg-onDanger",
     },
-    compoundVariants: [
-      {
-        size: "sm",
-        shape: "rectangle",
-        className: "w-auto px-3",
-      },
-      {
-        size: "md",
-        shape: "rectangle",
-        className: "w-auto px-4",
-      },
-      {
-        size: "lg",
-        shape: "rectangle",
-        className: "w-auto px-5",
-      },
-    ],
-    defaultVariants: {
-      variant: "default",
+    size: {
+      sm: "size-8 [&_svg]:size-4",
+      md: "size-9 [&_svg]:size-4",
+      lg: "size-10 [&_svg]:size-5",
+    },
+    shape: {
+      rectangle: "",
+      square: "",
+      circle: "rounded-full",
+    },
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      shape: "rectangle",
+      className: "w-auto px-3",
+    },
+    {
       size: "md",
       shape: "rectangle",
+      className: "w-auto px-4",
     },
-  }
-);
+    {
+      size: "lg",
+      shape: "rectangle",
+      className: "w-auto px-5",
+    },
+  ],
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    shape: "rectangle",
+  },
+});
 
 const [ButtonProvider, useButtonContext] =
   createOptionalScopedContext<VariantProps<typeof buttonStyles>>("Button");